react-multiple-select-dropdown-lite - npm Package Compare versions

Comparing version 1.0.6 to 1.0.7

dist/index.js

@@ -1,2 +0,2 @@
-var e,t=require("react"),l=(e=t)&&"object"==typeof e&&"default"in e?e.default:e;function a(){return(a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(e[a]=l[a])}return e}).apply(this,arguments)}function n(){return l.createElement("svg",{className:"msl-close-icn"},l.createElement("line",{x1:"0",y1:"0",x2:"15",y2:"15"}),l.createElement("line",{x1:"0",y1:"15",x2:"15",y2:"0"}))}function r(){return l.createElement("svg",{className:"msl-arrow-icn"},l.createElement("line",{x1:"10",y1:"17",x2:"2",y2:"8"}),l.createElement("line",{x1:"18",y1:"8",x2:"10",y2:"17"}))}function s(e){var s=e.options,i=e.width,c=e.downArrowIcon,o=e.clearable,u=e.downArrow,m=e.onChange,d=e.singleSelect,p=e.jsonValue,f=e.defaultValue,v=e.className,g=e.placeholder,b=e.disableChip,h=e.name,N=e.attr,y=t.useState(!1),E=y[0],w=y[1],x=[];if(""!==f||f.length>0)if("string"==typeof f){var A=f.split(",");x=s.filter(function(e){return-1!==A.indexOf(e.value)}),d&&x.length>1&&(x=[x[0]])}else Array.isArray(f)&&f.length>0&&"string"!=typeof f[0]?(x=s.filter(function(e){return f.some(function(t){return e.value===t.value})}),d&&x.length>1&&(x=[x[0]])):Array.isArray(f)&&f.length>0&&(x=s.filter(function(e){return f.some(function(t){return e.value===t})}),d&&x.length>1&&(x=[x[0]]));var k=t.useState(x),C=k[0],S=k[1],j=!0,L=function(e){if(S(e),p)m(e);else{var t="";t+=e.map(function(e){return e.value}),m(t)}},O=function(e,t){var l=null,a=null;e.target.hasAttribute("data-msl")?l=e.target:e.target.parentNode.hasAttribute("data-msl")?l=e.target.parentNode:e.target.parentNode.parentNode.hasAttribute("data-msl")?l=e.target.parentNode.parentNode:e.target.parentNode.parentNode.parentNode.hasAttribute("data-msl")?l=e.target.parentNode.parentNode.parentNode:e.target.parentNode.parentNode.parentNode.parentNode.hasAttribute("data-msl")&&(l=e.target.parentNode.parentNode.parentNode.parentNode),null!==l&&(a=l.querySelector(".msl-input")),null!==a&&(t?a.focus():a.blur())},V=function e(t){q(t)?w(!0):(document.removeEventListener("click",e),w(!1))},q=function(e){return!!e.target.hasAttribute("data-msl")},P=function(e,t){return t.some(function(t){return t.value===e.value})};return l.createElement("div",a({name:h},N,{value:JSON.stringify(C),onClick:function(e){j&&function e(t){q(t)?(E||document.addEventListener("click",e),O(t,!0),w(!0)):(w(!1),document.removeEventListener("click",e))}(e)},style:{width:i},className:"msl-wrp msl-vars "+v}),l.createElement("div",{"data-msl":!0,className:"msl "+(E?"msl-active":"")+" "},l.createElement("div",{"data-msl":!0,className:"msl-input-wrp",style:{marginRight:o&&u?60:u||o?40:5}},!d&&!b&&C.map(function(e,t){return l.createElement("div",{key:"msl-chip-"+(t+11),className:"msl-chip"},e.label,l.createElement("button",{type:"button","aria-label":"delete-value",onClick:function(){return function(e){var t=[].concat(C);t.splice(e,1),L(t)}(t)},className:"msl-btn msl-chip-delete msl-flx"},l.createElement(n,null)),l.createElement("span",null))}),!d&&b&&1===C.length?l.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:i-(o&&u?60:u||o?40:5)}},C[0].label,"d"):b&&C.length>1&&l.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:i-(o&&u?60:u||o?40:5)}},C.length," Selected"),d&&1===C.length&&l.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:i-(o&&u?60:u||o?40:5)}},C[0].label),(!d&&!b||!(!d||C.length)||!(d||!b||C.length))&&l.createElement("div",{"data-msl":!0,"data-placeholder":g,className:"msl-input",contentEditable:!0})),(o||u)&&l.createElement("div",{className:"msl-actions msl-flx"},o&&l.createElement("button",{type:"button","aria-label":"close-menu",onClick:function(){L([])},className:"msl-btn msl-clear-btn msl-flx"},l.createElement(n,null)),u&&l.createElement("button",{type:"button","aria-label":"toggle-menu",onClick:function(e){j=!1,E?(O(e,!1),w(!1),document.removeEventListener("click",V)):(O(e,!0),w(!0),document.addEventListener("click",V))},className:"msl-btn msl-arrow-btn msl-flx",style:a({},E&&{transform:"rotate(180deg)"})},c||l.createElement(r,null)))),l.createElement("div",{className:"msl-options"},s.map(function(e,t){return l.createElement("option",a({},!d&&{"data-msl":!0},{style:a({},e.style&&e.style),onClick:function(){!e.disabled&&function(e){var t=[].concat(C);d?t=[s[e]]:P(s[e],C)?t=t.filter(function(t){return t.value!==s[e].value}):t.push(s[e]),L(t)}(t)},title:e.label,key:e.value+t+10,className:"msl-option "+(P(e,C)&&"msl-option-active")+" "+(e.disabled&&"msl-option-disable")+" "+e.classes,value:e.value}),e.label)})))}s.defaultProps={clearable:!0,downArrow:!0,width:300,singleSelect:!1,jsonValue:!1,defaultValue:"",disableChip:!1,name:"",required:!1,placeholder:"Select...",onChange:function(){},options:[{label:"Empty",value:"",disabled:!0,style:{textAlign:"center"}}]},module.exports=s;
+var e,t=require("react"),l=(e=t)&&"object"==typeof e&&"default"in e?e.default:e;function n(){return(n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var n in l)Object.prototype.hasOwnProperty.call(l,n)&&(e[n]=l[n])}return e}).apply(this,arguments)}function a(){return l.createElement("svg",{className:"msl-close-icn"},l.createElement("line",{x1:"0",y1:"0",x2:"15",y2:"15"}),l.createElement("line",{x1:"0",y1:"15",x2:"15",y2:"0"}))}function r(){return l.createElement("svg",{className:"msl-arrow-icn"},l.createElement("line",{x1:"10",y1:"17",x2:"2",y2:"8"}),l.createElement("line",{x1:"18",y1:"8",x2:"10",y2:"17"}))}function s(e){var s=e.options,i=e.width,c=e.downArrowIcon,o=e.clearable,u=e.downArrow,m=e.onChange,d=e.singleSelect,p=e.jsonValue,f=e.defaultValue,v=e.className,g=e.placeholder,b=e.disableChip,h=e.name,N=e.attr,y=e.disabled,E=e.limit,w=t.useState(!1),x=w[0],A=w[1],k=t.useState([]),C=k[0],S=k[1],j=!0;t.useEffect(function(){var e=[];if(""!==f||f.length>0)if("string"==typeof f){var t=f.split(",");e=s.filter(function(e){return-1!==t.indexOf(e.value)}),d&&e.length>1&&(e=[e[0]])}else Array.isArray(f)&&f.length>0&&"string"!=typeof f[0]?(e=s.filter(function(e){return f.some(function(t){return e.value===t.value})}),d&&e.length>1&&(e=[e[0]])):Array.isArray(f)&&f.length>0&&(e=s.filter(function(e){return f.some(function(t){return e.value===t})}),d&&e.length>1&&(e=[e[0]]));S(e)},[f]);var L=function(e){if(S(e),p)m(e);else{var t="";t+=e.map(function(e){return e.value}),m(t)}},O=function(e,t){var l=null,n=null;e.target.hasAttribute("data-msl")?l=e.target:e.target.parentNode.hasAttribute("data-msl")?l=e.target.parentNode:e.target.parentNode.parentNode.hasAttribute("data-msl")?l=e.target.parentNode.parentNode:e.target.parentNode.parentNode.parentNode.hasAttribute("data-msl")?l=e.target.parentNode.parentNode.parentNode:e.target.parentNode.parentNode.parentNode.parentNode.hasAttribute("data-msl")&&(l=e.target.parentNode.parentNode.parentNode.parentNode),null!==l&&(n=l.querySelector(".msl-input")),null!==n&&(t?n.focus():n.blur())},V=function e(t){q(t)?A(!0):(document.removeEventListener("click",e),A(!1))},q=function(e){return!!e.target.hasAttribute("data-msl")},P=function(e,t){return t.some(function(t){return t.value===e.value})};return l.createElement("div",n({},N,{onClick:function(e){j&&function e(t){q(t)?(x||document.addEventListener("click",e),O(t,!0),A(!0)):(A(!1),document.removeEventListener("click",e))}(e)},style:{width:i},className:"msl-wrp msl-vars "+v+" "+(y?"msl-disabled":"")}),l.createElement("input",{name:h,type:"hidden",value:C.map(function(e){return e.value})}),l.createElement("div",{"data-msl":!0,className:"msl "+(x?"msl-active":"")+" "},l.createElement("div",{"data-msl":!0,className:"msl-input-wrp",style:{marginRight:o&&u?60:u||o?40:5}},!d&&!b&&C.map(function(e,t){return l.createElement("div",{key:"msl-chip-"+(t+11),className:"msl-chip"},e.label,l.createElement("button",{type:"button","aria-label":"delete-value",onClick:function(){return function(e){var t=[].concat(C);t.splice(e,1),L(t)}(t)},className:"msl-btn msl-chip-delete msl-flx"},l.createElement(a,null)),l.createElement("span",null))}),!d&&b&&1===C.length?l.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:i-(o&&u?60:u||o?40:5)}},C[0].label,"d"):b&&C.length>1&&l.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:i-(o&&u?60:u||o?40:5)}},C.length," Selected"),d&&1===C.length&&l.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:i-(o&&u?60:u||o?40:5)}},C[0].label),(!d&&!b||!(!d||C.length)||!(d||!b||C.length))&&l.createElement("div",{"data-msl":!0,"data-placeholder":g,className:"msl-input",contentEditable:!y})),(o||u)&&l.createElement("div",{className:"msl-actions msl-flx"},o&&l.createElement("button",{type:"button","aria-label":"close-menu",onClick:function(){L([])},className:"msl-btn msl-clear-btn msl-flx"},l.createElement(a,null)),u&&l.createElement("button",{type:"button","aria-label":"toggle-menu",onClick:function(e){j=!1,x?(O(e,!1),A(!1),document.removeEventListener("click",V)):(O(e,!0),A(!0),document.addEventListener("click",V))},className:"msl-btn msl-arrow-btn msl-flx",style:n({},x&&{transform:"rotate(180deg)"})},c||l.createElement(r,null)))),l.createElement("div",{className:"msl-options"},s.map(function(e,t){return l.createElement("option",n({},!d&&{"data-msl":!0},{style:n({},e.style&&e.style),onClick:function(){!e.disabled&&function(e){var t=[].concat(C);d?t=[s[e]]:P(s[e],C)?t=t.filter(function(t){return t.value!==s[e].value}):(null===E||E>C.length)&&t.push(s[e]),L(t)}(t)},title:e.label,key:e.value+t+10,className:"msl-option "+(P(e,C)?"msl-option-active":"")+" "+(e.disabled?"msl-option-disable":"")+" "+(void 0!==e.classes?e.classes:""),value:e.value}),e.label)})))}s.defaultProps={clearable:!0,downArrow:!0,width:300,singleSelect:!1,jsonValue:!1,defaultValue:"",disableChip:!1,name:"",disabled:!1,limit:null,placeholder:"Select...",onChange:function(){},options:[{label:"Empty",value:"",disabled:!0,style:{textAlign:"center"}}]},module.exports=s;
 //# sourceMappingURL=index.js.map

dist/index.modern.js

@@ -1,2 +0,2 @@
-import e,{useState as t}from"react";function l(){return(l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var n in l)Object.prototype.hasOwnProperty.call(l,n)&&(e[n]=l[n])}return e}).apply(this,arguments)}function n(){return e.createElement("svg",{className:"msl-close-icn"},e.createElement("line",{x1:"0",y1:"0",x2:"15",y2:"15"}),e.createElement("line",{x1:"0",y1:"15",x2:"15",y2:"0"}))}function a(){return e.createElement("svg",{className:"msl-arrow-icn"},e.createElement("line",{x1:"10",y1:"17",x2:"2",y2:"8"}),e.createElement("line",{x1:"18",y1:"8",x2:"10",y2:"17"}))}function r(r){var s=r.options,i=r.width,c=r.downArrowIcon,o=r.clearable,u=r.downArrow,m=r.onChange,d=r.singleSelect,p=r.jsonValue,f=r.defaultValue,v=r.className,g=r.placeholder,h=r.disableChip,b=r.name,N=r.attr,y=t(!1),E=y[0],w=y[1],x=[];if(""!==f||f.length>0)if("string"==typeof f){var A=f.split(",");x=s.filter(function(e){return-1!==A.indexOf(e.value)}),d&&x.length>1&&(x=[x[0]])}else Array.isArray(f)&&f.length>0&&"string"!=typeof f[0]?(x=s.filter(function(e){return f.some(function(t){return e.value===t.value})}),d&&x.length>1&&(x=[x[0]])):Array.isArray(f)&&f.length>0&&(x=s.filter(function(e){return f.some(function(t){return e.value===t})}),d&&x.length>1&&(x=[x[0]]));var k=t(x),C=k[0],S=k[1],L=!0,O=function(e){if(S(e),p)m(e);else{var t="";t+=e.map(function(e){return e.value}),m(t)}},j=function(e,t){var l=null,n=null;e.target.hasAttribute("data-msl")?l=e.target:e.target.parentNode.hasAttribute("data-msl")?l=e.target.parentNode:e.target.parentNode.parentNode.hasAttribute("data-msl")?l=e.target.parentNode.parentNode:e.target.parentNode.parentNode.parentNode.hasAttribute("data-msl")?l=e.target.parentNode.parentNode.parentNode:e.target.parentNode.parentNode.parentNode.parentNode.hasAttribute("data-msl")&&(l=e.target.parentNode.parentNode.parentNode.parentNode),null!==l&&(n=l.querySelector(".msl-input")),null!==n&&(t?n.focus():n.blur())},V=function e(t){q(t)?w(!0):(document.removeEventListener("click",e),w(!1))},q=function(e){return!!e.target.hasAttribute("data-msl")},P=function(e,t){return t.some(function(t){return t.value===e.value})};return e.createElement("div",l({name:b},N,{value:JSON.stringify(C),onClick:function(e){L&&function e(t){q(t)?(E||document.addEventListener("click",e),j(t,!0),w(!0)):(w(!1),document.removeEventListener("click",e))}(e)},style:{width:i},className:"msl-wrp msl-vars "+v}),e.createElement("div",{"data-msl":!0,className:"msl "+(E?"msl-active":"")+" "},e.createElement("div",{"data-msl":!0,className:"msl-input-wrp",style:{marginRight:o&&u?60:u||o?40:5}},!d&&!h&&C.map(function(t,l){return e.createElement("div",{key:"msl-chip-"+(l+11),className:"msl-chip"},t.label,e.createElement("button",{type:"button","aria-label":"delete-value",onClick:function(){return function(e){var t=[].concat(C);t.splice(e,1),O(t)}(l)},className:"msl-btn msl-chip-delete msl-flx"},e.createElement(n,null)),e.createElement("span",null))}),!d&&h&&1===C.length?e.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:i-(o&&u?60:u||o?40:5)}},C[0].label,"d"):h&&C.length>1&&e.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:i-(o&&u?60:u||o?40:5)}},C.length," Selected"),d&&1===C.length&&e.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:i-(o&&u?60:u||o?40:5)}},C[0].label),(!d&&!h||!(!d||C.length)||!(d||!h||C.length))&&e.createElement("div",{"data-msl":!0,"data-placeholder":g,className:"msl-input",contentEditable:!0})),(o||u)&&e.createElement("div",{className:"msl-actions msl-flx"},o&&e.createElement("button",{type:"button","aria-label":"close-menu",onClick:function(){O([])},className:"msl-btn msl-clear-btn msl-flx"},e.createElement(n,null)),u&&e.createElement("button",{type:"button","aria-label":"toggle-menu",onClick:function(e){L=!1,E?(j(e,!1),w(!1),document.removeEventListener("click",V)):(j(e,!0),w(!0),document.addEventListener("click",V))},className:"msl-btn msl-arrow-btn msl-flx",style:l({},E&&{transform:"rotate(180deg)"})},c||e.createElement(a,null)))),e.createElement("div",{className:"msl-options"},s.map(function(t,n){return e.createElement("option",l({},!d&&{"data-msl":!0},{style:l({},t.style&&t.style),onClick:function(){!t.disabled&&function(e){var t=[].concat(C);d?t=[s[e]]:P(s[e],C)?t=t.filter(function(t){return t.value!==s[e].value}):t.push(s[e]),O(t)}(n)},title:t.label,key:t.value+n+10,className:"msl-option "+(P(t,C)&&"msl-option-active")+" "+(t.disabled&&"msl-option-disable")+" "+t.classes,value:t.value}),t.label)})))}r.defaultProps={clearable:!0,downArrow:!0,width:300,singleSelect:!1,jsonValue:!1,defaultValue:"",disableChip:!1,name:"",required:!1,placeholder:"Select...",onChange:function(){},options:[{label:"Empty",value:"",disabled:!0,style:{textAlign:"center"}}]};export default r;
+import e,{useState as t,useEffect as l}from"react";function n(){return(n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var n in l)Object.prototype.hasOwnProperty.call(l,n)&&(e[n]=l[n])}return e}).apply(this,arguments)}function a(){return e.createElement("svg",{className:"msl-close-icn"},e.createElement("line",{x1:"0",y1:"0",x2:"15",y2:"15"}),e.createElement("line",{x1:"0",y1:"15",x2:"15",y2:"0"}))}function r(){return e.createElement("svg",{className:"msl-arrow-icn"},e.createElement("line",{x1:"10",y1:"17",x2:"2",y2:"8"}),e.createElement("line",{x1:"18",y1:"8",x2:"10",y2:"17"}))}function s(s){var i=s.options,c=s.width,o=s.downArrowIcon,u=s.clearable,m=s.downArrow,d=s.onChange,p=s.singleSelect,f=s.jsonValue,v=s.defaultValue,g=s.className,b=s.placeholder,h=s.disableChip,N=s.name,y=s.attr,E=s.disabled,w=s.limit,x=t(!1),A=x[0],k=x[1],C=t([]),L=C[0],S=C[1],j=!0;l(function(){var e=[];if(""!==v||v.length>0)if("string"==typeof v){var t=v.split(",");e=i.filter(function(e){return-1!==t.indexOf(e.value)}),p&&e.length>1&&(e=[e[0]])}else Array.isArray(v)&&v.length>0&&"string"!=typeof v[0]?(e=i.filter(function(e){return v.some(function(t){return e.value===t.value})}),p&&e.length>1&&(e=[e[0]])):Array.isArray(v)&&v.length>0&&(e=i.filter(function(e){return v.some(function(t){return e.value===t})}),p&&e.length>1&&(e=[e[0]]));S(e)},[v]);var O=function(e){if(S(e),f)d(e);else{var t="";t+=e.map(function(e){return e.value}),d(t)}},V=function(e,t){var l=null,n=null;e.target.hasAttribute("data-msl")?l=e.target:e.target.parentNode.hasAttribute("data-msl")?l=e.target.parentNode:e.target.parentNode.parentNode.hasAttribute("data-msl")?l=e.target.parentNode.parentNode:e.target.parentNode.parentNode.parentNode.hasAttribute("data-msl")?l=e.target.parentNode.parentNode.parentNode:e.target.parentNode.parentNode.parentNode.parentNode.hasAttribute("data-msl")&&(l=e.target.parentNode.parentNode.parentNode.parentNode),null!==l&&(n=l.querySelector(".msl-input")),null!==n&&(t?n.focus():n.blur())},P=function e(t){q(t)?k(!0):(document.removeEventListener("click",e),k(!1))},q=function(e){return!!e.target.hasAttribute("data-msl")},I=function(e,t){return t.some(function(t){return t.value===e.value})};return e.createElement("div",n({},y,{onClick:function(e){j&&function e(t){q(t)?(A||document.addEventListener("click",e),V(t,!0),k(!0)):(k(!1),document.removeEventListener("click",e))}(e)},style:{width:c},className:"msl-wrp msl-vars "+g+" "+(E?"msl-disabled":"")}),e.createElement("input",{name:N,type:"hidden",value:L.map(function(e){return e.value})}),e.createElement("div",{"data-msl":!0,className:"msl "+(A?"msl-active":"")+" "},e.createElement("div",{"data-msl":!0,className:"msl-input-wrp",style:{marginRight:u&&m?60:m||u?40:5}},!p&&!h&&L.map(function(t,l){return e.createElement("div",{key:"msl-chip-"+(l+11),className:"msl-chip"},t.label,e.createElement("button",{type:"button","aria-label":"delete-value",onClick:function(){return function(e){var t=[].concat(L);t.splice(e,1),O(t)}(l)},className:"msl-btn msl-chip-delete msl-flx"},e.createElement(a,null)),e.createElement("span",null))}),!p&&h&&1===L.length?e.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:c-(u&&m?60:m||u?40:5)}},L[0].label,"d"):h&&L.length>1&&e.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:c-(u&&m?60:m||u?40:5)}},L.length," Selected"),p&&1===L.length&&e.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:c-(u&&m?60:m||u?40:5)}},L[0].label),(!p&&!h||!(!p||L.length)||!(p||!h||L.length))&&e.createElement("div",{"data-msl":!0,"data-placeholder":b,className:"msl-input",contentEditable:!E})),(u||m)&&e.createElement("div",{className:"msl-actions msl-flx"},u&&e.createElement("button",{type:"button","aria-label":"close-menu",onClick:function(){O([])},className:"msl-btn msl-clear-btn msl-flx"},e.createElement(a,null)),m&&e.createElement("button",{type:"button","aria-label":"toggle-menu",onClick:function(e){j=!1,A?(V(e,!1),k(!1),document.removeEventListener("click",P)):(V(e,!0),k(!0),document.addEventListener("click",P))},className:"msl-btn msl-arrow-btn msl-flx",style:n({},A&&{transform:"rotate(180deg)"})},o||e.createElement(r,null)))),e.createElement("div",{className:"msl-options"},i.map(function(t,l){return e.createElement("option",n({},!p&&{"data-msl":!0},{style:n({},t.style&&t.style),onClick:function(){!t.disabled&&function(e){var t=[].concat(L);p?t=[i[e]]:I(i[e],L)?t=t.filter(function(t){return t.value!==i[e].value}):(null===w||w>L.length)&&t.push(i[e]),O(t)}(l)},title:t.label,key:t.value+l+10,className:"msl-option "+(I(t,L)?"msl-option-active":"")+" "+(t.disabled?"msl-option-disable":"")+" "+(void 0!==t.classes?t.classes:""),value:t.value}),t.label)})))}s.defaultProps={clearable:!0,downArrow:!0,width:300,singleSelect:!1,jsonValue:!1,defaultValue:"",disableChip:!1,name:"",disabled:!1,limit:null,placeholder:"Select...",onChange:function(){},options:[{label:"Empty",value:"",disabled:!0,style:{textAlign:"center"}}]};export default s;
 //# sourceMappingURL=index.modern.js.map

dist/index.umd.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):(e=e||self).reactMultipleSelectDropdownLite=t(e.react)}(this,function(e){var t="default"in e?e.default:e;function n(){return(n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e}).apply(this,arguments)}function l(){return t.createElement("svg",{className:"msl-close-icn"},t.createElement("line",{x1:"0",y1:"0",x2:"15",y2:"15"}),t.createElement("line",{x1:"0",y1:"15",x2:"15",y2:"0"}))}function a(){return t.createElement("svg",{className:"msl-arrow-icn"},t.createElement("line",{x1:"10",y1:"17",x2:"2",y2:"8"}),t.createElement("line",{x1:"18",y1:"8",x2:"10",y2:"17"}))}function r(r){var s=r.options,i=r.width,c=r.downArrowIcon,o=r.clearable,u=r.downArrow,m=r.onChange,d=r.singleSelect,p=r.jsonValue,f=r.defaultValue,v=r.className,g=r.placeholder,h=r.disableChip,b=r.name,y=r.attr,N=e.useState(!1),E=N[0],w=N[1],x=[];if(""!==f||f.length>0)if("string"==typeof f){var A=f.split(",");x=s.filter(function(e){return-1!==A.indexOf(e.value)}),d&&x.length>1&&(x=[x[0]])}else Array.isArray(f)&&f.length>0&&"string"!=typeof f[0]?(x=s.filter(function(e){return f.some(function(t){return e.value===t.value})}),d&&x.length>1&&(x=[x[0]])):Array.isArray(f)&&f.length>0&&(x=s.filter(function(e){return f.some(function(t){return e.value===t})}),d&&x.length>1&&(x=[x[0]]));var k=e.useState(x),C=k[0],S=k[1],L=!0,j=function(e){if(S(e),p)m(e);else{var t="";t+=e.map(function(e){return e.value}),m(t)}},O=function(e,t){var n=null,l=null;e.target.hasAttribute("data-msl")?n=e.target:e.target.parentNode.hasAttribute("data-msl")?n=e.target.parentNode:e.target.parentNode.parentNode.hasAttribute("data-msl")?n=e.target.parentNode.parentNode:e.target.parentNode.parentNode.parentNode.hasAttribute("data-msl")?n=e.target.parentNode.parentNode.parentNode:e.target.parentNode.parentNode.parentNode.parentNode.hasAttribute("data-msl")&&(n=e.target.parentNode.parentNode.parentNode.parentNode),null!==n&&(l=n.querySelector(".msl-input")),null!==l&&(t?l.focus():l.blur())},V=function e(t){q(t)?w(!0):(document.removeEventListener("click",e),w(!1))},q=function(e){return!!e.target.hasAttribute("data-msl")},P=function(e,t){return t.some(function(t){return t.value===e.value})};return t.createElement("div",n({name:b},y,{value:JSON.stringify(C),onClick:function(e){L&&function e(t){q(t)?(E||document.addEventListener("click",e),O(t,!0),w(!0)):(w(!1),document.removeEventListener("click",e))}(e)},style:{width:i},className:"msl-wrp msl-vars "+v}),t.createElement("div",{"data-msl":!0,className:"msl "+(E?"msl-active":"")+" "},t.createElement("div",{"data-msl":!0,className:"msl-input-wrp",style:{marginRight:o&&u?60:u||o?40:5}},!d&&!h&&C.map(function(e,n){return t.createElement("div",{key:"msl-chip-"+(n+11),className:"msl-chip"},e.label,t.createElement("button",{type:"button","aria-label":"delete-value",onClick:function(){return function(e){var t=[].concat(C);t.splice(e,1),j(t)}(n)},className:"msl-btn msl-chip-delete msl-flx"},t.createElement(l,null)),t.createElement("span",null))}),!d&&h&&1===C.length?t.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:i-(o&&u?60:u||o?40:5)}},C[0].label,"d"):h&&C.length>1&&t.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:i-(o&&u?60:u||o?40:5)}},C.length," Selected"),d&&1===C.length&&t.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:i-(o&&u?60:u||o?40:5)}},C[0].label),(!d&&!h||!(!d||C.length)||!(d||!h||C.length))&&t.createElement("div",{"data-msl":!0,"data-placeholder":g,className:"msl-input",contentEditable:!0})),(o||u)&&t.createElement("div",{className:"msl-actions msl-flx"},o&&t.createElement("button",{type:"button","aria-label":"close-menu",onClick:function(){j([])},className:"msl-btn msl-clear-btn msl-flx"},t.createElement(l,null)),u&&t.createElement("button",{type:"button","aria-label":"toggle-menu",onClick:function(e){L=!1,E?(O(e,!1),w(!1),document.removeEventListener("click",V)):(O(e,!0),w(!0),document.addEventListener("click",V))},className:"msl-btn msl-arrow-btn msl-flx",style:n({},E&&{transform:"rotate(180deg)"})},c||t.createElement(a,null)))),t.createElement("div",{className:"msl-options"},s.map(function(e,l){return t.createElement("option",n({},!d&&{"data-msl":!0},{style:n({},e.style&&e.style),onClick:function(){!e.disabled&&function(e){var t=[].concat(C);d?t=[s[e]]:P(s[e],C)?t=t.filter(function(t){return t.value!==s[e].value}):t.push(s[e]),j(t)}(l)},title:e.label,key:e.value+l+10,className:"msl-option "+(P(e,C)&&"msl-option-active")+" "+(e.disabled&&"msl-option-disable")+" "+e.classes,value:e.value}),e.label)})))}return r.defaultProps={clearable:!0,downArrow:!0,width:300,singleSelect:!1,jsonValue:!1,defaultValue:"",disableChip:!1,name:"",required:!1,placeholder:"Select...",onChange:function(){},options:[{label:"Empty",value:"",disabled:!0,style:{textAlign:"center"}}]},r});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):(e=e||self).reactMultipleSelectDropdownLite=t(e.react)}(this,function(e){var t="default"in e?e.default:e;function l(){return(l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var n in l)Object.prototype.hasOwnProperty.call(l,n)&&(e[n]=l[n])}return e}).apply(this,arguments)}function n(){return t.createElement("svg",{className:"msl-close-icn"},t.createElement("line",{x1:"0",y1:"0",x2:"15",y2:"15"}),t.createElement("line",{x1:"0",y1:"15",x2:"15",y2:"0"}))}function a(){return t.createElement("svg",{className:"msl-arrow-icn"},t.createElement("line",{x1:"10",y1:"17",x2:"2",y2:"8"}),t.createElement("line",{x1:"18",y1:"8",x2:"10",y2:"17"}))}function r(r){var s=r.options,i=r.width,c=r.downArrowIcon,o=r.clearable,u=r.downArrow,m=r.onChange,d=r.singleSelect,p=r.jsonValue,f=r.defaultValue,v=r.className,g=r.placeholder,b=r.disableChip,h=r.name,y=r.attr,N=r.disabled,E=r.limit,w=e.useState(!1),x=w[0],A=w[1],k=e.useState([]),C=k[0],S=k[1],L=!0;e.useEffect(function(){var e=[];if(""!==f||f.length>0)if("string"==typeof f){var t=f.split(",");e=s.filter(function(e){return-1!==t.indexOf(e.value)}),d&&e.length>1&&(e=[e[0]])}else Array.isArray(f)&&f.length>0&&"string"!=typeof f[0]?(e=s.filter(function(e){return f.some(function(t){return e.value===t.value})}),d&&e.length>1&&(e=[e[0]])):Array.isArray(f)&&f.length>0&&(e=s.filter(function(e){return f.some(function(t){return e.value===t})}),d&&e.length>1&&(e=[e[0]]));S(e)},[f]);var j=function(e){if(S(e),p)m(e);else{var t="";t+=e.map(function(e){return e.value}),m(t)}},O=function(e,t){var l=null,n=null;e.target.hasAttribute("data-msl")?l=e.target:e.target.parentNode.hasAttribute("data-msl")?l=e.target.parentNode:e.target.parentNode.parentNode.hasAttribute("data-msl")?l=e.target.parentNode.parentNode:e.target.parentNode.parentNode.parentNode.hasAttribute("data-msl")?l=e.target.parentNode.parentNode.parentNode:e.target.parentNode.parentNode.parentNode.parentNode.hasAttribute("data-msl")&&(l=e.target.parentNode.parentNode.parentNode.parentNode),null!==l&&(n=l.querySelector(".msl-input")),null!==n&&(t?n.focus():n.blur())},V=function e(t){q(t)?A(!0):(document.removeEventListener("click",e),A(!1))},q=function(e){return!!e.target.hasAttribute("data-msl")},P=function(e,t){return t.some(function(t){return t.value===e.value})};return t.createElement("div",l({},y,{onClick:function(e){L&&function e(t){q(t)?(x||document.addEventListener("click",e),O(t,!0),A(!0)):(A(!1),document.removeEventListener("click",e))}(e)},style:{width:i},className:"msl-wrp msl-vars "+v+" "+(N?"msl-disabled":"")}),t.createElement("input",{name:h,type:"hidden",value:C.map(function(e){return e.value})}),t.createElement("div",{"data-msl":!0,className:"msl "+(x?"msl-active":"")+" "},t.createElement("div",{"data-msl":!0,className:"msl-input-wrp",style:{marginRight:o&&u?60:u||o?40:5}},!d&&!b&&C.map(function(e,l){return t.createElement("div",{key:"msl-chip-"+(l+11),className:"msl-chip"},e.label,t.createElement("button",{type:"button","aria-label":"delete-value",onClick:function(){return function(e){var t=[].concat(C);t.splice(e,1),j(t)}(l)},className:"msl-btn msl-chip-delete msl-flx"},t.createElement(n,null)),t.createElement("span",null))}),!d&&b&&1===C.length?t.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:i-(o&&u?60:u||o?40:5)}},C[0].label,"d"):b&&C.length>1&&t.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:i-(o&&u?60:u||o?40:5)}},C.length," Selected"),d&&1===C.length&&t.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:i-(o&&u?60:u||o?40:5)}},C[0].label),(!d&&!b||!(!d||C.length)||!(d||!b||C.length))&&t.createElement("div",{"data-msl":!0,"data-placeholder":g,className:"msl-input",contentEditable:!N})),(o||u)&&t.createElement("div",{className:"msl-actions msl-flx"},o&&t.createElement("button",{type:"button","aria-label":"close-menu",onClick:function(){j([])},className:"msl-btn msl-clear-btn msl-flx"},t.createElement(n,null)),u&&t.createElement("button",{type:"button","aria-label":"toggle-menu",onClick:function(e){L=!1,x?(O(e,!1),A(!1),document.removeEventListener("click",V)):(O(e,!0),A(!0),document.addEventListener("click",V))},className:"msl-btn msl-arrow-btn msl-flx",style:l({},x&&{transform:"rotate(180deg)"})},c||t.createElement(a,null)))),t.createElement("div",{className:"msl-options"},s.map(function(e,n){return t.createElement("option",l({},!d&&{"data-msl":!0},{style:l({},e.style&&e.style),onClick:function(){!e.disabled&&function(e){var t=[].concat(C);d?t=[s[e]]:P(s[e],C)?t=t.filter(function(t){return t.value!==s[e].value}):(null===E||E>C.length)&&t.push(s[e]),j(t)}(n)},title:e.label,key:e.value+n+10,className:"msl-option "+(P(e,C)?"msl-option-active":"")+" "+(e.disabled?"msl-option-disable":"")+" "+(void 0!==e.classes?e.classes:""),value:e.value}),e.label)})))}return r.defaultProps={clearable:!0,downArrow:!0,width:300,singleSelect:!1,jsonValue:!1,defaultValue:"",disableChip:!1,name:"",disabled:!1,limit:null,placeholder:"Select...",onChange:function(){},options:[{label:"Empty",value:"",disabled:!0,style:{textAlign:"center"}}]},r});
 //# sourceMappingURL=index.umd.js.map

package.json

 {
   "name": "react-multiple-select-dropdown-lite",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "React Multiple Select Light Weight Dropdown list | Searchable | Addable | Groupable etc",
@@ -19,3 +19,3 @@ "author": "Arif-un",
     "build": "microbundle-crl --compress --css-modules false",
-    "start": "microbundle-crl watch --compress --css-modules false",
+    "start": "microbundle-crl watch --css-modules false",
     "example": "cd example && npm start",
@@ -22,0 +22,0 @@ "prepare": "run-s build",

README.md

 ## React Multiple Select Dropdown Lite
-A lightweight Multiple/Single Select component for react using React-Hooks
+A lightweight Multiple/Single Select Pure functional component for react using React-Hooks.
 
@@ -57,9 +57,9 @@ Production minified 4.6 kb , gzipped 1.6 kb [Bundlephobia](https://bundlephobia.com/result?p=react-multiple-select-dropdown-lite@1.0.0)
 - [x] Custom Down Arrow Icon <br>
+- [x] Disabled <br>
+- [x] Select Limit <br>
 - [ ] Searchable <br>
-- [ ] Disabled <br>
-- [ ] Required <br>
 - [ ] Group <br>
 - [ ] Sublist <br>
-- [ ] Select Limit <br>
 - [ ] Custom Creatable Value <br>
+- [ ] Themeable (using css var) <br>
 
@@ -72,3 +72,4 @@ ## Props Options
 | width | int | 300 | Specify width in px
-|name| string | '' | specify a name
+|name| string | '' | specify a name for form
+|disabled | bool | false | disable input
 | defaultValue | string \| array of object \| string array | '' | specify default value
@@ -75,0 +76,0 @@ |jsonValue | bool | false | get value from input as json

No alert changes

Improved metrics

Total package byte prevSize

72331

increased by3.98%

Lines of code

64

increased by4.92%

Number of lines in readme file

96

increased by1.05%

No dependency changes