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

Comparing version 1.0.10 to 1.0.11

dist/index.js

@@ -1,2 +0,2 @@
-var e,t=require("react"),n=(e=t)&&"object"==typeof e&&"default"in e?e.default:e;function l(){return(l=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 a(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function r(){return n.createElement("svg",{className:"msl-close-icn"},n.createElement("line",{x1:"0",y1:"0",x2:"15",y2:"15"}),n.createElement("line",{x1:"0",y1:"15",x2:"15",y2:"0"}))}function o(){return n.createElement("svg",{className:"msl-arrow-icn"},n.createElement("line",{x1:"10",y1:"15",x2:"2",y2:"7"}),n.createElement("line",{x1:"18",y1:"7",x2:"10",y2:"15"}))}function s(e){var s=e.options,i=e.width,c=e.downArrowIcon,u=e.closeIcon,m=e.clearable,d=e.downArrow,p=e.onChange,f=e.singleSelect,v=e.jsonValue,g=e.defaultValue,h=e.className,b=e.placeholder,y=e.disableChip,N=e.name,E=e.attr,w=e.disabled,A=e.limit,x=t.useState(!1),k=x[0],S=x[1],C=t.useState([]),j=C[0],O=C[1];console.log("init",j);var I=!0;null!==s&&""!==s&&!1!==s||(s=[]),t.useEffect(function(){var e=[];if(""!==g||g.length>0)if("string"==typeof g){var t=g.split(",");e=s.filter(function(e){return-1!==t.indexOf(e.value)}),f&&e.length>1&&(e=[e[0]])}else Array.isArray(g)&&g.length>0&&"string"!=typeof g[0]?(e=s.filter(function(e){return g.some(function(t){return e.value===t.value})}),f&&e.length>1&&(e=[e[0]])):Array.isArray(g)&&g.length>0&&(e=s.filter(function(e){return g.some(function(t){return e.value===t})}),f&&e.length>1&&(e=[e[0]]));O(e)},[]);var L,V=function(e){if(O(e),v)p(e);else{var t="";t+=e.map(function(e){return e.value}),p(t)}},q=function(){S(!0)},P=function(){S(!1)},M=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())},R=function e(t){T(t)?q():(document.removeEventListener("click",e),P())},T=function(e){return!!e.target.hasAttribute("data-msl")},U=function(e,t){return t.some(function(t){return t.value===e.value})};return n.createElement("div",l({},E,{onClick:function(e){I&&function e(t){T(t)?(k||document.addEventListener("click",e),M(t,!0),q()):(P(),document.removeEventListener("click",e))}(e)},style:{width:i},className:"msl-wrp msl-vars "+h+" "+(w?"msl-disabled":"")}),n.createElement("input",{name:N,type:"hidden",value:j.map(function(e){return e.value})}),n.createElement("div",{"data-msl":!0,className:"msl "+(k?"msl-active":"")+" "},n.createElement("div",{"data-msl":!0,className:"msl-input-wrp",style:{marginRight:m&&d?60:d||m?40:5}},!f&&!y&&j.map(function(e,t){return n.createElement("div",{key:"msl-chip-"+(t+11),className:"msl-chip"},e.label,n.createElement("div",{role:"button","aria-label":"delete-value",onClick:function(){return function(e){var t=[].concat(j);t.splice(e,1),V(t)}(t)},className:"msl-btn msl-chip-delete msl-flx"},n.createElement(r,null)),n.createElement("span",null))}),!f&&y&&1===j.length?n.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:i-(m&&d?60:d||m?40:5)}},j[0].label,"d"):y&&j.length>1&&n.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:i-(m&&d?60:d||m?40:5)}},j.length," Selected"),f&&1===j.length&&n.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:i-(m&&d?60:d||m?40:5)}},j[0].label),(!f&&!y||!(!f||j.length)||!(f||!y||j.length))&&n.createElement("div",{"data-msl":!0,"data-placeholder":b,className:"msl-input",contentEditable:!w})),(m||d)&&n.createElement("div",{className:"msl-actions msl-flx"},m&&j.length>0&&n.createElement("div",{role:"button","aria-label":"close-menu",onClick:function(){V([])},className:"msl-btn msl-clear-btn msl-flx"},u||n.createElement(r,null)),d&&n.createElement("div",{role:"button","aria-label":"toggle-menu",onClick:function(e){I=!1,k?(document.removeEventListener("click",R),M(e,!1),P()):(M(e,!0),q(),document.addEventListener("click",R))},className:"msl-btn msl-arrow-btn msl-flx",style:l({},k&&{transform:"rotate(180deg)"})},c||n.createElement(o,null)))),n.createElement("div",{className:"msl-options"},(L=[],function e(t){for(var r,o=function(){var t=r.value,a=t[0],o=t[1];"group"===o.type?(L.push(n.createElement("div",{key:o.title+a,"data-msl":!0,className:"msl-grp-title"},o.title)),e(o.childs)):L.push(n.createElement("option",l({key:o.value+o.label+a+10},!f&&{"data-msl":!0},{style:l({},o.style&&o.style),onClick:function(){!o.disabled&&function(e){console.log(e);var t=[].concat(j);f?t=[e]:U(e,j)?t=t.filter(function(t){return t.value!==e.value}):(console.log("not exists"),null===A?(console.log("pyushed"),t.push(e)):A>j.length&&t.push(e)),V(t)}(o)},title:o.label,className:"msl-option "+(U(o,j)?"msl-option-active":"")+" "+(o.disabled?"msl-option-disable":"")+" "+(void 0!==o.classes?o.classes:""),value:o.value}),o.label))},s=function(e,t){var n;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return a(e,void 0);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?a(e,void 0):void 0}}(e))){n&&(e=n);var l=0;return function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}return(n=e[Symbol.iterator]()).next.bind(n)}(t.entries());!(r=s()).done;)o()}(s),L)))}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;
+var e,t=require("react"),n=(e=t)&&"object"==typeof e&&"default"in e?e.default:e;function l(){return(l=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 a(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function r(){return n.createElement("svg",{className:"msl-close-icn"},n.createElement("line",{x1:"0",y1:"0",x2:"15",y2:"15"}),n.createElement("line",{x1:"0",y1:"15",x2:"15",y2:"0"}))}function i(){return n.createElement("svg",{className:"msl-arrow-icn"},n.createElement("line",{x1:"10",y1:"15",x2:"2",y2:"7"}),n.createElement("line",{x1:"18",y1:"7",x2:"10",y2:"15"}))}function o(e){var o=e.options,s=e.width,c=e.downArrowIcon,u=e.closeIcon,m=e.clearable,d=e.downArrow,p=e.onChange,f=e.singleSelect,v=e.jsonValue,h=e.defaultValue,g=e.className,b=e.placeholder,y=e.disableChip,N=e.name,E=e.attr,w=e.disabled,A=e.limit,x=t.useState(!1),k=x[0],S=x[1],C=t.useState([]),j=C[0],I=C[1],L=!0;null!==o&&""!==o&&!1!==o||(o=[]),t.useEffect(function(){var e=[];(""!==h||h.length>0)&&("string"==typeof h?(e=function(e,t){var n=[];return t.map(function(t){"group"===(null==t?void 0:t.type)?t.childs.map(function(t){void 0!==e.find(function(e){return e===t.value})&&n.push(t)}):void 0!==e.find(function(e){return e===t.value})&&n.push(t)}),n}(h.split(","),o),f&&e.length>1&&(e=[e[0]])):Array.isArray(h)&&h.length>0&&"string"!=typeof h[0]?(e=o.filter(function(e){return h.some(function(t){return e.value===t.value})}),f&&e.length>1&&(e=[e[0]])):Array.isArray(h)&&h.length>0&&(e=o.filter(function(e){return h.some(function(t){return e.value===t})}),f&&e.length>1&&(e=[e[0]]))),I(e)},[h]);var O,V=function(e){if(I(e),v)p(e);else{var t="";t+=e.map(function(e){return e.value}),p(t)}},q=function(){S(!0)},P=function(){S(!1)},M=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())},R=function e(t){T(t)?q():(document.removeEventListener("click",e),P())},T=function(e){return!!e.target.hasAttribute("data-msl")},U=function(e,t){return t.some(function(t){return t.value===e.value})};return n.createElement("div",l({},E,{onClick:function(e){L&&function e(t){T(t)?(k||document.addEventListener("click",e),M(t,!0),q()):(P(),document.removeEventListener("click",e))}(e)},style:{width:s},className:"msl-wrp msl-vars "+g+" "+(w?"msl-disabled":"")}),n.createElement("input",{name:N,type:"hidden",value:j.map(function(e){return e.value})}),n.createElement("div",{"data-msl":!0,className:"msl "+(k?"msl-active":"")+" "},n.createElement("div",{"data-msl":!0,className:"msl-input-wrp",style:{marginRight:m&&d?60:d||m?40:5}},!f&&!y&&j.map(function(e,t){return n.createElement("div",{key:"msl-chip-"+(t+11),className:"msl-chip"},e.label,n.createElement("div",{role:"button","aria-label":"delete-value",onClick:function(){return function(e){var t=[].concat(j);t.splice(e,1),V(t)}(t)},className:"msl-btn msl-chip-delete msl-flx"},n.createElement(r,null)),n.createElement("span",null))}),!f&&y&&1===j.length?n.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:s-(m&&d?60:d||m?40:5)}},j[0].label,"d"):y&&j.length>1&&n.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:s-(m&&d?60:d||m?40:5)}},j.length," Selected"),f&&1===j.length&&n.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:s-(m&&d?60:d||m?40:5)}},j[0].label),(!f&&!y||!(!f||j.length)||!(f||!y||j.length))&&n.createElement("div",{"data-msl":!0,"data-placeholder":b,className:"msl-input",contentEditable:!w})),(m||d)&&n.createElement("div",{className:"msl-actions msl-flx"},m&&j.length>0&&n.createElement("div",{role:"button","aria-label":"close-menu",onClick:function(){V([])},className:"msl-btn msl-clear-btn msl-flx"},u||n.createElement(r,null)),d&&n.createElement("div",{role:"button","aria-label":"toggle-menu",onClick:function(e){L=!1,k?(document.removeEventListener("click",R),M(e,!1),P()):(M(e,!0),q(),document.addEventListener("click",R))},className:"msl-btn msl-arrow-btn msl-flx",style:l({},k&&{transform:"rotate(180deg)"})},c||n.createElement(i,null)))),n.createElement("div",{className:"msl-options"},(O=[],function e(t){for(var r,i=function(){var t=r.value,a=t[0],i=t[1];"group"===i.type?(O.push(n.createElement("div",{key:i.title+a,"data-msl":!0,className:"msl-grp-title"},i.title)),e(i.childs)):O.push(n.createElement("option",l({key:i.value+i.label+a+10},!f&&{"data-msl":!0},{style:l({},i.style&&i.style),onClick:function(){var e,t;!i.disabled&&(e=i,t=[].concat(j),f?t=[e]:U(e,j)?t=t.filter(function(t){return t.value!==e.value}):(null===A||A>j.length)&&t.push(e),V(t))},title:i.label,className:"msl-option "+(U(i,j)?"msl-option-active":"")+" "+(i.disabled?"msl-option-disable":"")+" "+(void 0!==i.classes?i.classes:""),value:i.value}),i.label))},o=function(e,t){var n;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return a(e,void 0);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?a(e,void 0):void 0}}(e))){n&&(e=n);var l=0;return function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}return(n=e[Symbol.iterator]()).next.bind(n)}(t.entries());!(r=o()).done;)i()}(o),O)))}o.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=o;
 //# sourceMappingURL=index.js.map

dist/index.modern.js

@@ -1,2 +0,2 @@
-import e,{useState as t,useEffect as n}from"react";function l(){return(l=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 a(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function r(){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 o(){return e.createElement("svg",{className:"msl-arrow-icn"},e.createElement("line",{x1:"10",y1:"15",x2:"2",y2:"7"}),e.createElement("line",{x1:"18",y1:"7",x2:"10",y2:"15"}))}function s(s){var i=s.options,c=s.width,u=s.downArrowIcon,m=s.closeIcon,d=s.clearable,p=s.downArrow,f=s.onChange,v=s.singleSelect,g=s.jsonValue,h=s.defaultValue,b=s.className,y=s.placeholder,N=s.disableChip,E=s.name,w=s.attr,A=s.disabled,x=s.limit,k=t(!1),S=k[0],C=k[1],j=t([]),O=j[0],I=j[1];console.log("init",O);var L=!0;null!==i&&""!==i&&!1!==i||(i=[]),n(function(){var e=[];if(""!==h||h.length>0)if("string"==typeof h){var t=h.split(",");e=i.filter(function(e){return-1!==t.indexOf(e.value)}),v&&e.length>1&&(e=[e[0]])}else Array.isArray(h)&&h.length>0&&"string"!=typeof h[0]?(e=i.filter(function(e){return h.some(function(t){return e.value===t.value})}),v&&e.length>1&&(e=[e[0]])):Array.isArray(h)&&h.length>0&&(e=i.filter(function(e){return h.some(function(t){return e.value===t})}),v&&e.length>1&&(e=[e[0]]));I(e)},[]);var V,P=function(e){if(I(e),g)f(e);else{var t="";t+=e.map(function(e){return e.value}),f(t)}},q=function(){C(!0)},M=function(){C(!1)},R=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())},T=function e(t){U(t)?q():(document.removeEventListener("click",e),M())},U=function(e){return!!e.target.hasAttribute("data-msl")},$=function(e,t){return t.some(function(t){return t.value===e.value})};return e.createElement("div",l({},w,{onClick:function(e){L&&function e(t){U(t)?(S||document.addEventListener("click",e),R(t,!0),q()):(M(),document.removeEventListener("click",e))}(e)},style:{width:c},className:"msl-wrp msl-vars "+b+" "+(A?"msl-disabled":"")}),e.createElement("input",{name:E,type:"hidden",value:O.map(function(e){return e.value})}),e.createElement("div",{"data-msl":!0,className:"msl "+(S?"msl-active":"")+" "},e.createElement("div",{"data-msl":!0,className:"msl-input-wrp",style:{marginRight:d&&p?60:p||d?40:5}},!v&&!N&&O.map(function(t,n){return e.createElement("div",{key:"msl-chip-"+(n+11),className:"msl-chip"},t.label,e.createElement("div",{role:"button","aria-label":"delete-value",onClick:function(){return function(e){var t=[].concat(O);t.splice(e,1),P(t)}(n)},className:"msl-btn msl-chip-delete msl-flx"},e.createElement(r,null)),e.createElement("span",null))}),!v&&N&&1===O.length?e.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:c-(d&&p?60:p||d?40:5)}},O[0].label,"d"):N&&O.length>1&&e.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:c-(d&&p?60:p||d?40:5)}},O.length," Selected"),v&&1===O.length&&e.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:c-(d&&p?60:p||d?40:5)}},O[0].label),(!v&&!N||!(!v||O.length)||!(v||!N||O.length))&&e.createElement("div",{"data-msl":!0,"data-placeholder":y,className:"msl-input",contentEditable:!A})),(d||p)&&e.createElement("div",{className:"msl-actions msl-flx"},d&&O.length>0&&e.createElement("div",{role:"button","aria-label":"close-menu",onClick:function(){P([])},className:"msl-btn msl-clear-btn msl-flx"},m||e.createElement(r,null)),p&&e.createElement("div",{role:"button","aria-label":"toggle-menu",onClick:function(e){L=!1,S?(document.removeEventListener("click",T),R(e,!1),M()):(R(e,!0),q(),document.addEventListener("click",T))},className:"msl-btn msl-arrow-btn msl-flx",style:l({},S&&{transform:"rotate(180deg)"})},u||e.createElement(o,null)))),e.createElement("div",{className:"msl-options"},(V=[],function t(n){for(var r,o=function(){var n=r.value,a=n[0],o=n[1];"group"===o.type?(V.push(e.createElement("div",{key:o.title+a,"data-msl":!0,className:"msl-grp-title"},o.title)),t(o.childs)):V.push(e.createElement("option",l({key:o.value+o.label+a+10},!v&&{"data-msl":!0},{style:l({},o.style&&o.style),onClick:function(){!o.disabled&&function(e){console.log(e);var t=[].concat(O);v?t=[e]:$(e,O)?t=t.filter(function(t){return t.value!==e.value}):(console.log("not exists"),null===x?(console.log("pyushed"),t.push(e)):x>O.length&&t.push(e)),P(t)}(o)},title:o.label,className:"msl-option "+($(o,O)?"msl-option-active":"")+" "+(o.disabled?"msl-option-disable":"")+" "+(void 0!==o.classes?o.classes:""),value:o.value}),o.label))},s=function(e,t){var n;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return a(e,void 0);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?a(e,void 0):void 0}}(e))){n&&(e=n);var l=0;return function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}return(n=e[Symbol.iterator]()).next.bind(n)}(n.entries());!(r=s()).done;)o()}(i),V)))}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;
+import e,{useState as t,useEffect as n}from"react";function l(){return(l=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 a(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function r(){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 i(){return e.createElement("svg",{className:"msl-arrow-icn"},e.createElement("line",{x1:"10",y1:"15",x2:"2",y2:"7"}),e.createElement("line",{x1:"18",y1:"7",x2:"10",y2:"15"}))}function o(o){var s=o.options,c=o.width,u=o.downArrowIcon,m=o.closeIcon,d=o.clearable,p=o.downArrow,f=o.onChange,v=o.singleSelect,h=o.jsonValue,g=o.defaultValue,b=o.className,y=o.placeholder,N=o.disableChip,E=o.name,w=o.attr,A=o.disabled,x=o.limit,k=t(!1),S=k[0],C=k[1],j=t([]),I=j[0],L=j[1],O=!0;null!==s&&""!==s&&!1!==s||(s=[]),n(function(){var e=[];(""!==g||g.length>0)&&("string"==typeof g?(e=function(e,t){var n=[];return t.map(function(t){"group"===(null==t?void 0:t.type)?t.childs.map(function(t){void 0!==e.find(function(e){return e===t.value})&&n.push(t)}):void 0!==e.find(function(e){return e===t.value})&&n.push(t)}),n}(g.split(","),s),v&&e.length>1&&(e=[e[0]])):Array.isArray(g)&&g.length>0&&"string"!=typeof g[0]?(e=s.filter(function(e){return g.some(function(t){return e.value===t.value})}),v&&e.length>1&&(e=[e[0]])):Array.isArray(g)&&g.length>0&&(e=s.filter(function(e){return g.some(function(t){return e.value===t})}),v&&e.length>1&&(e=[e[0]]))),L(e)},[g]);var V,P=function(e){if(L(e),h)f(e);else{var t="";t+=e.map(function(e){return e.value}),f(t)}},q=function(){C(!0)},M=function(){C(!1)},R=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())},T=function e(t){U(t)?q():(document.removeEventListener("click",e),M())},U=function(e){return!!e.target.hasAttribute("data-msl")},$=function(e,t){return t.some(function(t){return t.value===e.value})};return e.createElement("div",l({},w,{onClick:function(e){O&&function e(t){U(t)?(S||document.addEventListener("click",e),R(t,!0),q()):(M(),document.removeEventListener("click",e))}(e)},style:{width:c},className:"msl-wrp msl-vars "+b+" "+(A?"msl-disabled":"")}),e.createElement("input",{name:E,type:"hidden",value:I.map(function(e){return e.value})}),e.createElement("div",{"data-msl":!0,className:"msl "+(S?"msl-active":"")+" "},e.createElement("div",{"data-msl":!0,className:"msl-input-wrp",style:{marginRight:d&&p?60:p||d?40:5}},!v&&!N&&I.map(function(t,n){return e.createElement("div",{key:"msl-chip-"+(n+11),className:"msl-chip"},t.label,e.createElement("div",{role:"button","aria-label":"delete-value",onClick:function(){return function(e){var t=[].concat(I);t.splice(e,1),P(t)}(n)},className:"msl-btn msl-chip-delete msl-flx"},e.createElement(r,null)),e.createElement("span",null))}),!v&&N&&1===I.length?e.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:c-(d&&p?60:p||d?40:5)}},I[0].label,"d"):N&&I.length>1&&e.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:c-(d&&p?60:p||d?40:5)}},I.length," Selected"),v&&1===I.length&&e.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:c-(d&&p?60:p||d?40:5)}},I[0].label),(!v&&!N||!(!v||I.length)||!(v||!N||I.length))&&e.createElement("div",{"data-msl":!0,"data-placeholder":y,className:"msl-input",contentEditable:!A})),(d||p)&&e.createElement("div",{className:"msl-actions msl-flx"},d&&I.length>0&&e.createElement("div",{role:"button","aria-label":"close-menu",onClick:function(){P([])},className:"msl-btn msl-clear-btn msl-flx"},m||e.createElement(r,null)),p&&e.createElement("div",{role:"button","aria-label":"toggle-menu",onClick:function(e){O=!1,S?(document.removeEventListener("click",T),R(e,!1),M()):(R(e,!0),q(),document.addEventListener("click",T))},className:"msl-btn msl-arrow-btn msl-flx",style:l({},S&&{transform:"rotate(180deg)"})},u||e.createElement(i,null)))),e.createElement("div",{className:"msl-options"},(V=[],function t(n){for(var r,i=function(){var n=r.value,a=n[0],i=n[1];"group"===i.type?(V.push(e.createElement("div",{key:i.title+a,"data-msl":!0,className:"msl-grp-title"},i.title)),t(i.childs)):V.push(e.createElement("option",l({key:i.value+i.label+a+10},!v&&{"data-msl":!0},{style:l({},i.style&&i.style),onClick:function(){var e,t;!i.disabled&&(e=i,t=[].concat(I),v?t=[e]:$(e,I)?t=t.filter(function(t){return t.value!==e.value}):(null===x||x>I.length)&&t.push(e),P(t))},title:i.label,className:"msl-option "+($(i,I)?"msl-option-active":"")+" "+(i.disabled?"msl-option-disable":"")+" "+(void 0!==i.classes?i.classes:""),value:i.value}),i.label))},o=function(e,t){var n;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return a(e,void 0);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?a(e,void 0):void 0}}(e))){n&&(e=n);var l=0;return function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}return(n=e[Symbol.iterator]()).next.bind(n)}(n.entries());!(r=o()).done;)i()}(s),V)))}o.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 o;
 //# 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(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function a(){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 r(){return t.createElement("svg",{className:"msl-arrow-icn"},t.createElement("line",{x1:"10",y1:"15",x2:"2",y2:"7"}),t.createElement("line",{x1:"18",y1:"7",x2:"10",y2:"15"}))}function o(o){var i=o.options,s=o.width,c=o.downArrowIcon,u=o.closeIcon,m=o.clearable,d=o.downArrow,f=o.onChange,p=o.singleSelect,v=o.jsonValue,g=o.defaultValue,h=o.className,y=o.placeholder,b=o.disableChip,N=o.name,E=o.attr,w=o.disabled,A=o.limit,x=e.useState(!1),S=x[0],k=x[1],C=e.useState([]),j=C[0],L=C[1];console.log("init",j);var O=!0;null!==i&&""!==i&&!1!==i||(i=[]),e.useEffect(function(){var e=[];if(""!==g||g.length>0)if("string"==typeof g){var t=g.split(",");e=i.filter(function(e){return-1!==t.indexOf(e.value)}),p&&e.length>1&&(e=[e[0]])}else Array.isArray(g)&&g.length>0&&"string"!=typeof g[0]?(e=i.filter(function(e){return g.some(function(t){return e.value===t.value})}),p&&e.length>1&&(e=[e[0]])):Array.isArray(g)&&g.length>0&&(e=i.filter(function(e){return g.some(function(t){return e.value===t})}),p&&e.length>1&&(e=[e[0]]));L(e)},[]);var I,V=function(e){if(L(e),v)f(e);else{var t="";t+=e.map(function(e){return e.value}),f(t)}},q=function(){k(!0)},M=function(){k(!1)},P=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())},D=function e(t){R(t)?q():(document.removeEventListener("click",e),M())},R=function(e){return!!e.target.hasAttribute("data-msl")},T=function(e,t){return t.some(function(t){return t.value===e.value})};return t.createElement("div",n({},E,{onClick:function(e){O&&function e(t){R(t)?(S||document.addEventListener("click",e),P(t,!0),q()):(M(),document.removeEventListener("click",e))}(e)},style:{width:s},className:"msl-wrp msl-vars "+h+" "+(w?"msl-disabled":"")}),t.createElement("input",{name:N,type:"hidden",value:j.map(function(e){return e.value})}),t.createElement("div",{"data-msl":!0,className:"msl "+(S?"msl-active":"")+" "},t.createElement("div",{"data-msl":!0,className:"msl-input-wrp",style:{marginRight:m&&d?60:d||m?40:5}},!p&&!b&&j.map(function(e,n){return t.createElement("div",{key:"msl-chip-"+(n+11),className:"msl-chip"},e.label,t.createElement("div",{role:"button","aria-label":"delete-value",onClick:function(){return function(e){var t=[].concat(j);t.splice(e,1),V(t)}(n)},className:"msl-btn msl-chip-delete msl-flx"},t.createElement(a,null)),t.createElement("span",null))}),!p&&b&&1===j.length?t.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:s-(m&&d?60:d||m?40:5)}},j[0].label,"d"):b&&j.length>1&&t.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:s-(m&&d?60:d||m?40:5)}},j.length," Selected"),p&&1===j.length&&t.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:s-(m&&d?60:d||m?40:5)}},j[0].label),(!p&&!b||!(!p||j.length)||!(p||!b||j.length))&&t.createElement("div",{"data-msl":!0,"data-placeholder":y,className:"msl-input",contentEditable:!w})),(m||d)&&t.createElement("div",{className:"msl-actions msl-flx"},m&&j.length>0&&t.createElement("div",{role:"button","aria-label":"close-menu",onClick:function(){V([])},className:"msl-btn msl-clear-btn msl-flx"},u||t.createElement(a,null)),d&&t.createElement("div",{role:"button","aria-label":"toggle-menu",onClick:function(e){O=!1,S?(document.removeEventListener("click",D),P(e,!1),M()):(P(e,!0),q(),document.addEventListener("click",D))},className:"msl-btn msl-arrow-btn msl-flx",style:n({},S&&{transform:"rotate(180deg)"})},c||t.createElement(r,null)))),t.createElement("div",{className:"msl-options"},(I=[],function e(a){for(var r,o=function(){var l=r.value,a=l[0],o=l[1];"group"===o.type?(I.push(t.createElement("div",{key:o.title+a,"data-msl":!0,className:"msl-grp-title"},o.title)),e(o.childs)):I.push(t.createElement("option",n({key:o.value+o.label+a+10},!p&&{"data-msl":!0},{style:n({},o.style&&o.style),onClick:function(){!o.disabled&&function(e){console.log(e);var t=[].concat(j);p?t=[e]:T(e,j)?t=t.filter(function(t){return t.value!==e.value}):(console.log("not exists"),null===A?(console.log("pyushed"),t.push(e)):A>j.length&&t.push(e)),V(t)}(o)},title:o.label,className:"msl-option "+(T(o,j)?"msl-option-active":"")+" "+(o.disabled?"msl-option-disable":"")+" "+(void 0!==o.classes?o.classes:""),value:o.value}),o.label))},i=function(e,t){var n;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return l(e,void 0);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,void 0):void 0}}(e))){n&&(e=n);var a=0;return function(){return a>=e.length?{done:!0}:{done:!1,value:e[a++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}return(n=e[Symbol.iterator]()).next.bind(n)}(a.entries());!(r=i()).done;)o()}(i),I)))}return o.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"}}]},o});
+!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(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function a(){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 r(){return t.createElement("svg",{className:"msl-arrow-icn"},t.createElement("line",{x1:"10",y1:"15",x2:"2",y2:"7"}),t.createElement("line",{x1:"18",y1:"7",x2:"10",y2:"15"}))}function i(i){var o=i.options,s=i.width,c=i.downArrowIcon,u=i.closeIcon,m=i.clearable,d=i.downArrow,p=i.onChange,f=i.singleSelect,v=i.jsonValue,h=i.defaultValue,g=i.className,y=i.placeholder,b=i.disableChip,N=i.name,E=i.attr,w=i.disabled,A=i.limit,x=e.useState(!1),S=x[0],k=x[1],C=e.useState([]),j=C[0],L=C[1],I=!0;null!==o&&""!==o&&!1!==o||(o=[]),e.useEffect(function(){var e=[];(""!==h||h.length>0)&&("string"==typeof h?(e=function(e,t){var n=[];return t.map(function(t){"group"===(null==t?void 0:t.type)?t.childs.map(function(t){void 0!==e.find(function(e){return e===t.value})&&n.push(t)}):void 0!==e.find(function(e){return e===t.value})&&n.push(t)}),n}(h.split(","),o),f&&e.length>1&&(e=[e[0]])):Array.isArray(h)&&h.length>0&&"string"!=typeof h[0]?(e=o.filter(function(e){return h.some(function(t){return e.value===t.value})}),f&&e.length>1&&(e=[e[0]])):Array.isArray(h)&&h.length>0&&(e=o.filter(function(e){return h.some(function(t){return e.value===t})}),f&&e.length>1&&(e=[e[0]]))),L(e)},[h]);var O,V=function(e){if(L(e),v)p(e);else{var t="";t+=e.map(function(e){return e.value}),p(t)}},q=function(){k(!0)},M=function(){k(!1)},P=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())},D=function e(t){R(t)?q():(document.removeEventListener("click",e),M())},R=function(e){return!!e.target.hasAttribute("data-msl")},T=function(e,t){return t.some(function(t){return t.value===e.value})};return t.createElement("div",n({},E,{onClick:function(e){I&&function e(t){R(t)?(S||document.addEventListener("click",e),P(t,!0),q()):(M(),document.removeEventListener("click",e))}(e)},style:{width:s},className:"msl-wrp msl-vars "+g+" "+(w?"msl-disabled":"")}),t.createElement("input",{name:N,type:"hidden",value:j.map(function(e){return e.value})}),t.createElement("div",{"data-msl":!0,className:"msl "+(S?"msl-active":"")+" "},t.createElement("div",{"data-msl":!0,className:"msl-input-wrp",style:{marginRight:m&&d?60:d||m?40:5}},!f&&!b&&j.map(function(e,n){return t.createElement("div",{key:"msl-chip-"+(n+11),className:"msl-chip"},e.label,t.createElement("div",{role:"button","aria-label":"delete-value",onClick:function(){return function(e){var t=[].concat(j);t.splice(e,1),V(t)}(n)},className:"msl-btn msl-chip-delete msl-flx"},t.createElement(a,null)),t.createElement("span",null))}),!f&&b&&1===j.length?t.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:s-(m&&d?60:d||m?40:5)}},j[0].label,"d"):b&&j.length>1&&t.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:s-(m&&d?60:d||m?40:5)}},j.length," Selected"),f&&1===j.length&&t.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:s-(m&&d?60:d||m?40:5)}},j[0].label),(!f&&!b||!(!f||j.length)||!(f||!b||j.length))&&t.createElement("div",{"data-msl":!0,"data-placeholder":y,className:"msl-input",contentEditable:!w})),(m||d)&&t.createElement("div",{className:"msl-actions msl-flx"},m&&j.length>0&&t.createElement("div",{role:"button","aria-label":"close-menu",onClick:function(){V([])},className:"msl-btn msl-clear-btn msl-flx"},u||t.createElement(a,null)),d&&t.createElement("div",{role:"button","aria-label":"toggle-menu",onClick:function(e){I=!1,S?(document.removeEventListener("click",D),P(e,!1),M()):(P(e,!0),q(),document.addEventListener("click",D))},className:"msl-btn msl-arrow-btn msl-flx",style:n({},S&&{transform:"rotate(180deg)"})},c||t.createElement(r,null)))),t.createElement("div",{className:"msl-options"},(O=[],function e(a){for(var r,i=function(){var l=r.value,a=l[0],i=l[1];"group"===i.type?(O.push(t.createElement("div",{key:i.title+a,"data-msl":!0,className:"msl-grp-title"},i.title)),e(i.childs)):O.push(t.createElement("option",n({key:i.value+i.label+a+10},!f&&{"data-msl":!0},{style:n({},i.style&&i.style),onClick:function(){var e,t;!i.disabled&&(e=i,t=[].concat(j),f?t=[e]:T(e,j)?t=t.filter(function(t){return t.value!==e.value}):(null===A||A>j.length)&&t.push(e),V(t))},title:i.label,className:"msl-option "+(T(i,j)?"msl-option-active":"")+" "+(i.disabled?"msl-option-disable":"")+" "+(void 0!==i.classes?i.classes:""),value:i.value}),i.label))},o=function(e,t){var n;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return l(e,void 0);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,void 0):void 0}}(e))){n&&(e=n);var a=0;return function(){return a>=e.length?{done:!0}:{done:!1,value:e[a++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}return(n=e[Symbol.iterator]()).next.bind(n)}(a.entries());!(r=o()).done;)i()}(o),O)))}return i.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"}}]},i});
 //# sourceMappingURL=index.umd.js.map

package.json

 {
   "name": "react-multiple-select-dropdown-lite",
-  "version": "1.0.10",
+  "version": "1.0.11",
   "description": "React Multiple Select Light Weight Dropdown list | Searchable | Addable | Groupable etc",
@@ -83,2 +83,2 @@ "author": "Arif-un",
   }
-}
+}

No alert changes

Improved metrics

Total package byte prevSize

83921

increased by1.9%

Lines of code

79

increased by1.28%

No dependency changes