essy-react-controls - npm Package Compare versions

Comparing version 1.0.55 to 1.0.56

index.js

@@ -1,1 +0,1 @@
-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}}]);
+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,large:a,on:n,onClick:l,text:s,white:r}){return o.a.createElement("div",{className:Object(i.classNames)("erc-toggle",n&&"on",a&&"large",t&&"error",r&&"white",e&&"disabled"),onClick:e?()=>{}:l},o.a.createElement("div",{className:"track"},o.a.createElement("div",{className:"knob"})),o.a.createElement("div",{className:"text",dangerouslySetInnerHTML:{__html:s}}))}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,large:!1,on:!1,onClick:r.fnIdentity,text:"",white:!1},N.propTypes={disabled:s.a.bool,error:s.a.bool,large: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.55",
+  "version": "1.0.56",
   "description": "React control components.",
@@ -5,0 +5,0 @@ "main": "index.js",

No alert changes

Improved metrics

Total package byte prevSize

43722

increased by0.65%

No dependency changes