essy-react-controls - npm Package Compare versions

Comparing version 1.0.54 to 1.0.55

index.js

@@ -1,1 +0,1 @@
-module.exports=function(e){var a={};function t(n){if(a[n])return a[n].exports;var l=a[n]={i:n,l:!1,exports:{}};return e[n].call(l.exports,l,l.exports,t),l.l=!0,l.exports}return t.m=e,t.c=a,t.d=function(e,a,n){t.o(e,a)||Object.defineProperty(e,a,{enumerable:!0,get:n})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,a){if(1&a&&(e=t(e)),8&a)return e;if(4&a&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(t.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&a&&"string"!=typeof e)for(var l in e)t.d(n,l,function(a){return e[a]}.bind(null,l));return n},t.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(a,"a",a),a},t.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},t.p="",t(t.s=6)}([function(e,a){e.exports=require("prop-types")},function(e,a){e.exports=require("react")},function(e,a){e.exports=require("essy-util-misc")},function(e,a){e.exports=require("essy-util-ui")},function(e,a){e.exports=require("essy-react-icons")},function(e,a){e.exports=require("essy-react-hooks")},function(e,a,t){"use strict";t.r(a),t.d(a,"Button",(function(){return p})),t.d(a,"ButtonGroup",(function(){return b})),t.d(a,"ButtonSplit",(function(){return y})),t.d(a,"Checkbox",(function(){return v})),t.d(a,"Input",(function(){return g})),t.d(a,"InputBasic",(function(){return h})),t.d(a,"SpikeLoader",(function(){return d})),t.d(a,"SpikeLoaderMask",(function(){return N})),t.d(a,"Toggle",(function(){return k}));var n=t(1),l=t.n(n),o=t(0),r=t.n(o),s=t(3),i=t(2),c=t(4);const u={small:8,medium:10,large:12};function d({small:e,medium:a,text:t,white:n}){const o=u[e?"small":a?"medium":"large"];return l.a.createElement("div",{className:Object(s.classNames)("erc-spike-loader",e&&"small",a&&"medium",n&&"white")},t.length?l.a.createElement("div",{className:"erc-spike-loader-text"},t):null,l.a.createElement("div",{className:"erc-spike-loader-icon"},Object(i.getArray)(o).map((e,a)=>l.a.createElement("div",{key:a}))))}function m(){return(m=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}function p({active:e,btnRef:a,children:t,classNames:n,disabled:o,disabledClass:r,icon:u,iconSize:p,id:b,loading:f,onClick:y,small:v,style:g,text:h,title:N,xsmall:k}){n=(Array.isArray(n)?n:n.split(/\s+/)).filter(e=>"string"==typeof e);const x={className:Object(s.classNames)("erc-btn",e&&"active",r&&"disabled",f&&"loader",v&&"sm",k&&"x-sm",...n),disabled:o||f,onClick:r?i.fnIdentity:y,...a&&{ref:a},...b&&{id:b},...g&&{style:g},...N&&{title:N}};return l.a.createElement("button",x,function(){const e=[];if(f)return l.a.createElement(d,m({key:"0"},v?{small:v}:{medium:!0}));if(u)if(l.a.isValidElement(u))e.push(u);else{const a=p||(v?[12,12]:[16,16]);e.push(l.a.createElement(c.Icon,{key:"1",height:a[1],icon:u,width:a[0]}))}if(h&&e.push(l.a.createElement("span",{key:"2",className:"text"},h)),n.includes("arrow"))e.push(l.a.createElement("span",{key:"3",className:"arrow"}));else if(t)return t;return e}())}function b({onClick:e,options:a,value:t}){const n=a.some(e=>!!e.labelAbove);return t=Array.isArray(t)?t:[t],l.a.createElement("div",{className:"erc-btn-group"+(n?" labels":"")},a.map((a,n)=>l.a.createElement(p,{key:n,classNames:["border",t.includes(a.value)?"primary":"secondary"],border:!0,onClick:()=>e(a.value)},a.label,a.labelAbove&&l.a.createElement("span",{className:"erc-btn-group-label"},a.labelAbove))))}d.defaultProps={medium:!1,small:!1,text:"",white:!1},d.propTypes={medium:r.a.bool,small:r.a.bool,text:r.a.string,white:r.a.bool},p.defaultProps={active:!1,classNames:[],disabled:!1,icon:!1,onClick:i.fnIdentity,small:!1,xsmall:!1},p.propTypes={active:r.a.bool,btnRef:r.a.object,classNames:r.a.oneOfType([r.a.string,r.a.array]),disabled:r.a.bool,disabledClass:r.a.bool,icon:r.a.oneOfType([r.a.object,r.a.bool]),iconSize:r.a.array,id:r.a.string,loading:r.a.bool,onClick:r.a.func,small:r.a.bool,style:r.a.object,text:r.a.string,title:r.a.string,xsmall:r.a.bool},b.propTypes={onClick:r.a.func.isRequired,options:r.a.array.isRequired,value:r.a.oneOfType([r.a.array,r.a.number,r.a.string]).isRequired};var f=t(5);function y({className:e,disabled:a,disabledBtn:t,items:o,onClick:r,onClickItem:i,small:c,text:u}){const[d,m]=Object(n.useState)(!1),b=Object(n.useCallback)(()=>m(!1),[]);return Object(f.useEventListener)(document,"click",b,d),l.a.createElement("div",{className:Object(s.classNames)("erc-btn-split",c&&"sm")},l.a.createElement("div",{className:"btns"},l.a.createElement(p,{classNames:e,disabled:a||t,onClick:r,small:c,text:u}),l.a.createElement(p,{classNames:e?[e,"arrow"]:"arrow",onClick:()=>m(!d),small:c})),d&&l.a.createElement("div",{className:"erc-btn-split-menu"},o.map((e,a)=>l.a.createElement("div",{key:a,className:"erc-btn-split-item",onClick:()=>function(e,a){m(!1),i(e,a)}(e,a)},e))))}function v({checked:e,children:a,className:t,indeterminate:n,onChange:o}){return l.a.createElement("label",{className:Object(s.classNames)("erc-checkbox",t)},l.a.createElement("input",{className:"erc-checkbox-default",checked:e,onChange:e=>o(e.target.checked),ref:e=>e&&(e.indeterminate=!!n),type:"checkbox"}),l.a.createElement("span",{className:"erc-checkbox-custom"}),l.a.createElement("span",{className:"erc-checkbox-content"},a))}function g({autoComplete:e,disabled:a,focusOnMount:t,inputRef:o,invalid:r,label:i,note:u,onBlur:d,onChange:m,onFocus:p,onKeyDown:b,passwordShow:f,textarea:y,type:v,validator:g,value:h}){o=o||Object(n.useRef)();const[N,k]=Object(n.useState)(!1),[x,E]=Object(n.useState)(!1),O=i.replace(/\s/g,""),C={disabled:a,name:O,onBlur:()=>j(!1),onChange:e=>m(e.target.value),onFocus:()=>j(!0),onKeyDown:b,type:x?"text":v,ref:o,value:h,...!e&&{autoComplete:"off"}};function j(e){e||d(),k(e),p(e)}return Object(n.useEffect)(()=>{t&&o.current.focus()},[]),l.a.createElement("div",{className:Object(s.classNames)("erc-input",a&&"disabled",N&&"focused",r&&!N&&"invalid",y&&"textarea",h.length&&"value")},l.a.createElement("label",{htmlFor:O},i),y?l.a.createElement("textarea",C):l.a.createElement("input",C),f&&h.length?l.a.createElement("div",{className:"icon-wrap",onClick:()=>E(!x)},l.a.createElement(c.Icon,{className:x?"active":"inactive",height:20,icon:c.icons.EyeIcon,width:20})):null,!N&&l.a.createElement("div",{className:"invalid",dangerouslySetInnerHTML:{__html:r||"&nbsp;"}}),u.length?l.a.createElement("div",{className:"note"},u):null)}function h({autoComplete:e,disabled:a,focusOnMount:t,inputRef:o,invalid:r,label:i,note:c,onBlur:u,onChange:d,onFocus:m,onKeyDown:p,placeholder:b,small:f,textarea:y,type:v,value:g}){o=o||Object(n.useRef)();const[h,N]=Object(n.useState)(!1),k={disabled:a,name:b?b.replace(/\s/g,""):"noname",onBlur:()=>x(!1),onChange:e=>d(e.target.value),onFocus:()=>x(!0),onKeyDown:p,placeholder:b,ref:o,type:v,value:g,...!e&&{autoComplete:"off"}};function x(e){e||u(),N(e),m(e)}return Object(n.useEffect)(()=>{t&&o.current.focus()},[]),l.a.createElement("div",{className:Object(s.classNames)("erc-input-basic",f&&"sm",r&&!h&&"invalid",i&&"label")},i&&l.a.createElement("label",null,i),y?l.a.createElement("textarea",k):l.a.createElement("input",k),!h&&"string"==typeof r&&l.a.createElement("div",{className:"invalid"},r),c.length?l.a.createElement("div",{className:"note"},c):null)}function N(e){return l.a.createElement("div",{className:"erc-spike-loader-mask"},l.a.createElement(d,e))}function k({disabled:e,error:a,on:t,onClick:n,text:o,white:r}){return l.a.createElement("div",{className:Object(s.classNames)("erc-toggle",t&&"on",a&&"error",r&&"white",e&&"disabled"),onClick:e?()=>{}:n},l.a.createElement("div",{className:"track"},l.a.createElement("div",{className:"knob"})),l.a.createElement("div",{className:"text",dangerouslySetInnerHTML:{__html:o}}))}y.defaultProps={disabled:!1,disabledBtn:!1,small:!1},y.propTypes={className:r.a.string,disabled:r.a.bool,disabledBtn:r.a.bool,items:r.a.array.isRequired,onClick:r.a.func.isRequired,onClickItem:r.a.func.isRequired,small:r.a.bool,text:r.a.string.isRequired},v.propTypes={checked:r.a.bool.isRequired,className:r.a.string,indeterminate:r.a.bool,onChange:r.a.func.isRequired},g.defaultProps={autoComplete:!0,disabled:!1,invalid:!1,note:"",onBlur:i.fnNoOp,onFocus:i.fnNoOp,onKeyDown:i.fnNoOp,passwordShow:!1,textarea:!1,type:"text",validator:i.fnNoOp},g.propTypes={autoComplete:r.a.bool,disabled:r.a.bool,focusOnMount:r.a.bool,invalid:r.a.oneOfType([r.a.bool,r.a.string]),inputRef:r.a.object,label:r.a.string.isRequired,note:r.a.string,onBlur:r.a.func,onChange:r.a.func.isRequired,onFocus:r.a.func,onKeyDown:r.a.func,passwordShow:r.a.bool,textarea:r.a.bool,type:r.a.string,validator:r.a.func,value:r.a.string.isRequired},h.defaultProps={autoComplete:!0,disabled:!1,invalid:!1,note:"",onBlur:i.fnNoOp,onFocus:i.fnNoOp,onKeyDown:i.fnNoOp,placeholder:"",type:"text"},h.propTypes={autoComplete:r.a.bool,disabled:r.a.bool,focusOnMount:r.a.bool,inputRef:r.a.object,invalid:r.a.oneOfType([r.a.bool,r.a.string]),label:r.a.string,note:r.a.string,onBlur:r.a.func,onChange:r.a.func.isRequired,onFocus:r.a.func,onKeyDown:r.a.func,placeholder:r.a.string,small:r.a.bool,textarea:r.a.bool,type:r.a.string,value:r.a.string.isRequired},k.defaultProps={disabled:!1,error:!1,on:!1,onClick:i.fnIdentity,text:"",white:!1},k.propTypes={disabled:r.a.bool,error:r.a.bool,on:r.a.bool,onClick:r.a.func,text:r.a.string,white:r.a.bool}}]);
+module.exports=function(e){var t={};function a(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,a),o.l=!0,o.exports}return a.m=e,a.c=t,a.d=function(e,t,n){a.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.t=function(e,t){if(1&t&&(e=a(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(a.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)a.d(n,o,function(t){return e[t]}.bind(null,o));return n},a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,"a",t),t},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.p="",a(a.s=6)}([function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("essy-util-misc")},function(e,t){e.exports=require("essy-util-ui")},function(e,t){e.exports=require("essy-react-icons")},function(e,t){e.exports=require("essy-react-hooks")},function(e,t,a){"use strict";a.r(t),a.d(t,"Button",(function(){return p})),a.d(t,"ButtonGroup",(function(){return b})),a.d(t,"ButtonSplit",(function(){return h})),a.d(t,"Checkbox",(function(){return y})),a.d(t,"Input",(function(){return v})),a.d(t,"InputBasic",(function(){return g})),a.d(t,"Slider",(function(){return k})),a.d(t,"SpikeLoader",(function(){return d})),a.d(t,"SpikeLoaderMask",(function(){return E})),a.d(t,"Toggle",(function(){return N}));var n=a(1),o=a.n(n),l=a(0),s=a.n(l),i=a(3),r=a(2),c=a(4);const u={small:8,medium:10,large:12};function d({small:e,medium:t,text:a,white:n}){const l=u[e?"small":t?"medium":"large"];return o.a.createElement("div",{className:Object(i.classNames)("erc-spike-loader",e&&"small",t&&"medium",n&&"white")},a.length?o.a.createElement("div",{className:"erc-spike-loader-text"},a):null,o.a.createElement("div",{className:"erc-spike-loader-icon"},Object(r.getArray)(l).map((e,t)=>o.a.createElement("div",{key:t}))))}function m(){return(m=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e}).apply(this,arguments)}function p({active:e,btnRef:t,children:a,classNames:n,disabled:l,disabledClass:s,icon:u,iconSize:p,id:b,loading:f,onClick:h,small:y,style:v,text:g,title:k,xsmall:E}){n=(Array.isArray(n)?n:n.split(/\s+/)).filter(e=>"string"==typeof e);const N={className:Object(i.classNames)("erc-btn",e&&"active",s&&"disabled",f&&"loader",y&&"sm",E&&"x-sm",...n),disabled:l||f,onClick:s?r.fnIdentity:h,...t&&{ref:t},...b&&{id:b},...v&&{style:v},...k&&{title:k}};return o.a.createElement("button",N,function(){const e=[];if(f)return o.a.createElement(d,m({key:"0"},y?{small:y}:{medium:!0}));if(u)if(o.a.isValidElement(u))e.push(u);else{const t=p||(y?[12,12]:[16,16]);e.push(o.a.createElement(c.Icon,{key:"1",height:t[1],icon:u,width:t[0]}))}if(g&&e.push(o.a.createElement("span",{key:"2",className:"text"},g)),n.includes("arrow"))e.push(o.a.createElement("span",{key:"3",className:"arrow"}));else if(a)return a;return e}())}function b({onClick:e,options:t,value:a}){const n=t.some(e=>!!e.labelAbove);return a=Array.isArray(a)?a:[a],o.a.createElement("div",{className:"erc-btn-group"+(n?" labels":"")},t.map((t,n)=>o.a.createElement(p,{key:n,classNames:["border",a.includes(t.value)?"primary":"secondary"],border:!0,onClick:()=>e(t.value)},t.label,t.labelAbove&&o.a.createElement("span",{className:"erc-btn-group-label"},t.labelAbove))))}d.defaultProps={medium:!1,small:!1,text:"",white:!1},d.propTypes={medium:s.a.bool,small:s.a.bool,text:s.a.string,white:s.a.bool},p.defaultProps={active:!1,classNames:[],disabled:!1,icon:!1,onClick:r.fnIdentity,small:!1,xsmall:!1},p.propTypes={active:s.a.bool,btnRef:s.a.object,classNames:s.a.oneOfType([s.a.string,s.a.array]),disabled:s.a.bool,disabledClass:s.a.bool,icon:s.a.oneOfType([s.a.object,s.a.bool]),iconSize:s.a.array,id:s.a.string,loading:s.a.bool,onClick:s.a.func,small:s.a.bool,style:s.a.object,text:s.a.string,title:s.a.string,xsmall:s.a.bool},b.propTypes={onClick:s.a.func.isRequired,options:s.a.array.isRequired,value:s.a.oneOfType([s.a.array,s.a.number,s.a.string]).isRequired};var f=a(5);function h({className:e,disabled:t,disabledBtn:a,items:l,onClick:s,onClickItem:r,small:c,text:u}){const[d,m]=Object(n.useState)(!1),b=Object(n.useCallback)(()=>m(!1),[]);return Object(f.useEventListener)(document,"click",b,d),o.a.createElement("div",{className:Object(i.classNames)("erc-btn-split",c&&"sm")},o.a.createElement("div",{className:"btns"},o.a.createElement(p,{classNames:e,disabled:t||a,onClick:s,small:c,text:u}),o.a.createElement(p,{classNames:e?[e,"arrow"]:"arrow",onClick:()=>m(!d),small:c})),d&&o.a.createElement("div",{className:"erc-btn-split-menu"},l.map((e,t)=>o.a.createElement("div",{key:t,className:"erc-btn-split-item",onClick:()=>function(e,t){m(!1),r(e,t)}(e,t)},e))))}function y({checked:e,children:t,className:a,indeterminate:n,onChange:l}){return o.a.createElement("label",{className:Object(i.classNames)("erc-checkbox",a)},o.a.createElement("input",{className:"erc-checkbox-default",checked:e,onChange:e=>l(e.target.checked),ref:e=>e&&(e.indeterminate=!!n),type:"checkbox"}),o.a.createElement("span",{className:"erc-checkbox-custom"}),o.a.createElement("span",{className:"erc-checkbox-content"},t))}function v({autoComplete:e,disabled:t,focusOnMount:a,inputRef:l,invalid:s,label:r,note:u,onBlur:d,onChange:m,onFocus:p,onKeyDown:b,passwordShow:f,textarea:h,type:y,validator:v,value:g}){l=l||Object(n.useRef)();const[k,E]=Object(n.useState)(!1),[N,C]=Object(n.useState)(!1),x=r.replace(/\s/g,""),w={disabled:t,name:x,onBlur:()=>O(!1),onChange:e=>m(e.target.value),onFocus:()=>O(!0),onKeyDown:b,type:N?"text":y,ref:l,value:g,...!e&&{autoComplete:"off"}};function O(e){e||d(),E(e),p(e)}return Object(n.useEffect)(()=>{a&&l.current.focus()},[]),o.a.createElement("div",{className:Object(i.classNames)("erc-input",t&&"disabled",k&&"focused",s&&!k&&"invalid",h&&"textarea",g.length&&"value")},o.a.createElement("label",{htmlFor:x},r),h?o.a.createElement("textarea",w):o.a.createElement("input",w),f&&g.length?o.a.createElement("div",{className:"icon-wrap",onClick:()=>C(!N)},o.a.createElement(c.Icon,{className:N?"active":"inactive",height:20,icon:c.icons.EyeIcon,width:20})):null,!k&&o.a.createElement("div",{className:"invalid",dangerouslySetInnerHTML:{__html:s||"&nbsp;"}}),u.length?o.a.createElement("div",{className:"note"},u):null)}function g({autoComplete:e,disabled:t,focusOnMount:a,inputRef:l,invalid:s,label:r,note:c,onBlur:u,onChange:d,onFocus:m,onKeyDown:p,placeholder:b,small:f,textarea:h,type:y,value:v}){l=l||Object(n.useRef)();const[g,k]=Object(n.useState)(!1),E={disabled:t,name:b?b.replace(/\s/g,""):"noname",onBlur:()=>N(!1),onChange:e=>d(e.target.value),onFocus:()=>N(!0),onKeyDown:p,placeholder:b,ref:l,type:y,value:v,...!e&&{autoComplete:"off"}};function N(e){e||u(),k(e),m(e)}return Object(n.useEffect)(()=>{a&&l.current.focus()},[]),o.a.createElement("div",{className:Object(i.classNames)("erc-input-basic",f&&"sm",s&&!g&&"invalid",r&&"label")},r&&o.a.createElement("label",null,r),h?o.a.createElement("textarea",E):o.a.createElement("input",E),!g&&"string"==typeof s&&o.a.createElement("div",{className:"invalid"},s),c.length?o.a.createElement("div",{className:"note"},c):null)}h.defaultProps={disabled:!1,disabledBtn:!1,small:!1},h.propTypes={className:s.a.string,disabled:s.a.bool,disabledBtn:s.a.bool,items:s.a.array.isRequired,onClick:s.a.func.isRequired,onClickItem:s.a.func.isRequired,small:s.a.bool,text:s.a.string.isRequired},y.propTypes={checked:s.a.bool.isRequired,className:s.a.string,indeterminate:s.a.bool,onChange:s.a.func.isRequired},v.defaultProps={autoComplete:!0,disabled:!1,invalid:!1,note:"",onBlur:r.fnNoOp,onFocus:r.fnNoOp,onKeyDown:r.fnNoOp,passwordShow:!1,textarea:!1,type:"text",validator:r.fnNoOp},v.propTypes={autoComplete:s.a.bool,disabled:s.a.bool,focusOnMount:s.a.bool,invalid:s.a.oneOfType([s.a.bool,s.a.string]),inputRef:s.a.object,label:s.a.string.isRequired,note:s.a.string,onBlur:s.a.func,onChange:s.a.func.isRequired,onFocus:s.a.func,onKeyDown:s.a.func,passwordShow:s.a.bool,textarea:s.a.bool,type:s.a.string,validator:s.a.func,value:s.a.string.isRequired},g.defaultProps={autoComplete:!0,disabled:!1,invalid:!1,note:"",onBlur:r.fnNoOp,onFocus:r.fnNoOp,onKeyDown:r.fnNoOp,placeholder:"",type:"text"},g.propTypes={autoComplete:s.a.bool,disabled:s.a.bool,focusOnMount:s.a.bool,inputRef:s.a.object,invalid:s.a.oneOfType([s.a.bool,s.a.string]),label:s.a.string,note:s.a.string,onBlur:s.a.func,onChange:s.a.func.isRequired,onFocus:s.a.func,onKeyDown:s.a.func,placeholder:s.a.string,small:s.a.bool,textarea:s.a.bool,type:s.a.string,value:s.a.string.isRequired};class k extends o.a.Component{constructor(e){super(e),this.state={knobWidth:0,styleBg:{},styleFill:{},width:0},this.handleClickRail=this.handleClickRail.bind(this),this.handleMouseDownKnob=this.handleMouseDownKnob.bind(this),this.handleMouseMove=this.handleMouseMove.bind(this),this.handleMouseUp=this.handleMouseUp.bind(this)}componentDidMount(){const e=this.sliderEl.offsetWidth,t=this.knobEl.offsetWidth,a=t/2,n=t-2;this.setState({knobWidth:t,styleBg:{borderRadius:a,height:n},styleFill:{borderBottomLeftRadius:a,borderTopLeftRadius:a,height:n},width:e})}handleClickRail(e){this.props.onChangeValue(this.valueFromX(e.pageX-this.sliderEl.getBoundingClientRect().left-this.state.knobWidth/2-window.scrollX))}handleMouseDownKnob(e){this.offsetX=e.pageX-e.target.offsetLeft-window.scrollX,document.addEventListener("mousemove",this.handleMouseMove,!1),document.addEventListener("mouseup",this.handleMouseUp,!1)}handleMouseMove(e){this.props.onChangeValue(this.valueFromX(e.pageX-this.offsetX))}handleMouseUp(){document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("mouseup",this.handleMouseUp)}valueFromX(e){const t=this.props.domain;return e<=0?t[0]:e>=this.state.width?t[1]:t[0]+e/this.state.width*(t[1]-t[0])}render(){const{knobWidth:e,styleBg:t,styleFill:a,width:n}=this.state,{disabled:l,domain:s,value:i}=this.props,c=n*i/(s[1]-s[0]);return o.a.createElement("div",{className:"erc-slider"+(l?" disabled":""),ref:e=>this.sliderEl=e,onClick:l?r.fnIdentity:this.handleClickRail},o.a.createElement("div",{className:"erc-slider-bg",style:t}),o.a.createElement("div",{className:"erc-slider-fill",style:{...a,width:c<1?0:c+e/2}}),o.a.createElement("div",{className:"erc-slider-knob",style:{left:c},ref:e=>this.knobEl=e,onMouseDown:l?r.fnIdentity:this.handleMouseDownKnob}))}}function E(e){return o.a.createElement("div",{className:"erc-spike-loader-mask"},o.a.createElement(d,e))}function N({disabled:e,error:t,on:a,onClick:n,text:l,white:s}){return o.a.createElement("div",{className:Object(i.classNames)("erc-toggle",a&&"on",t&&"error",s&&"white",e&&"disabled"),onClick:e?()=>{}:n},o.a.createElement("div",{className:"track"},o.a.createElement("div",{className:"knob"})),o.a.createElement("div",{className:"text",dangerouslySetInnerHTML:{__html:l}}))}k.defaultProps={disabled:!1,domain:[0,1]},k.propTypes={disabled:s.a.bool,domain:s.a.array,onChangeValue:s.a.func.isRequired,value:s.a.number.isRequired},N.defaultProps={disabled:!1,error:!1,on:!1,onClick:r.fnIdentity,text:"",white:!1},N.propTypes={disabled:s.a.bool,error:s.a.bool,on:s.a.bool,onClick:s.a.func,text:s.a.string,white:s.a.bool}}]);

package.json

 {
   "name": "essy-react-controls",
-  "version": "1.0.54",
+  "version": "1.0.55",
   "description": "React control components.",
@@ -5,0 +5,0 @@ "main": "index.js",

No alert changes

Improved metrics

Total package byte prevSize

43440

increased by6.27%

Number of package files

14

increased by7.69%

No dependency changes