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

Comparing version 1.0.15 to 1.0.16

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,h=e.defaultValue,b=e.className,g=e.placeholder,y=e.disableChip,N=e.name,E=e.attr,w=e.disabled,A=e.limit,x=e.emptyDataLabel,k=t.useState(!1),S=k[0],C=k[1],j=t.useState([]),L=j[0],D=j[1],I=!0;null!==s&&""!==s&&!1!==s||(s=[]),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(","),s),f&&e.length>1&&(e=[e[0]])):Array.isArray(h)&&h.length>0&&"string"!=typeof h[0]?(e=s.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=s.filter(function(e){return h.some(function(t){return e.value===t})}),f&&e.length>1&&(e=[e[0]]))),D(e)},[h]);var O,V=function(e){if(D(e),v)p(e);else{var t="";t+=e.map(function(e){return e.value}),p(t)}},q=function(){C(!0)},F=function(){C(!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())},M=function e(t){R(t)?q():(document.removeEventListener("click",e),F())},R=function(e){return!!e.target.hasAttribute("data-msl")},T=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){R(t)?(S||document.addEventListener("click",e),P(t,!0),q()):(F(),document.removeEventListener("click",e))}(e)},style:{width:i},className:"msl-wrp msl-vars "+b+" "+(w?"msl-disabled":"")}),n.createElement("input",{name:N,type:"hidden",value:L.map(function(e){return e.value})}),n.createElement("div",{"data-msl":!0,className:"msl "+(S?"msl-active":"")+" "},n.createElement("div",{"data-msl":!0,className:"msl-input-wrp",style:{marginRight:m&&d?60:d||m?40:5}},!f&&!y&&L.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(L);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===L.length?n.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:i-(m&&d?60:d||m?40:5)}},L[0].label,"d"):y&&L.length>1&&n.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:i-(m&&d?60:d||m?40:5)}},L.length," Selected"),f&&1===L.length&&n.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:i-(m&&d?60:d||m?40:5)}},L[0].label),(!f&&!y||!(!f||L.length)||!(f||!y||L.length))&&n.createElement("div",{"data-msl":!0,"data-placeholder":g,className:"msl-input",contentEditable:!w})),(m||d)&&n.createElement("div",{className:"msl-actions msl-flx"},m&&L.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,S?(document.removeEventListener("click",M),P(e,!1),F()):(P(e,!0),q(),document.addEventListener("click",M))},className:"msl-btn msl-arrow-btn msl-flx",style:l({},S&&{transform:"rotate(180deg)"})},c||n.createElement(o,null)))),n.createElement("div",{className:"msl-options"},console.log(s),s.length?(O=[],function e(t){for(var r,o=function(){var t=r.value,a=t[0],o=t[1];"group"===o.type?(O.push(n.createElement("div",{key:o.title+a,"data-msl":!0,className:"msl-grp-title"},o.title)),o.childs.length>0?e(o.childs):O.push(n.createElement("option",{className:"msl-option msl-option-disable"},o.emptyDataLabel||"No Data Found"))):O.push(n.createElement("option",l({key:o.value+o.label+a+10},!f&&{"data-msl":!0},{style:l({},o.style&&o.style),onClick:function(){var e,t;!o.disabled&&(e=o,t=[].concat(L),f?t=[e]:T(e,L)?t=t.filter(function(t){return t.value!==e.value}):(null===A||A>L.length)&&t.push(e),V(t))},title:o.label,className:"msl-option "+(T(o,L)?"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),O):n.createElement("option",{className:"msl-option msl-option-disable"},x)))}s.defaultProps={clearable:!0,downArrow:!0,width:300,singleSelect:!1,jsonValue:!1,defaultValue:"",disableChip:!1,name:"",disabled:!1,limit:null,emptyDataLabel:"No Data Found",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 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(e,t){(null==t||t>e.length)&&(t=e.length);for(var l=0,a=new Array(t);l<t;l++)a[l]=e[l];return a}function r(e,t){var l;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(l=function(e,t){if(e){if("string"==typeof e)return n(e,void 0);var l=Object.prototype.toString.call(e).slice(8,-1);return"Object"===l&&e.constructor&&(l=e.constructor.name),"Map"===l||"Set"===l?Array.from(e):"Arguments"===l||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(l)?n(e,void 0):void 0}}(e))||t&&e&&"number"==typeof e.length){l&&(e=l);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(l=e[Symbol.iterator]()).next.bind(l)}function s(){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 i(){return l.createElement("svg",{className:"msl-arrow-icn"},l.createElement("line",{x1:"10",y1:"15",x2:"2",y2:"7"}),l.createElement("line",{x1:"18",y1:"7",x2:"10",y2:"15"}))}function o(e){var t=e.singleSelect,n=e.addValue,s=e.checkValueExist,i=e.value,o=[];return function e(c){for(var u,m=function(){var r=u.value,c=r[0],m=r[1];"group"===m.type?(o.push(l.createElement("div",{key:m.title+c,"data-msl":!0,className:"msl-grp-title"},m.title)),m.childs.length>0?e(m.childs):o.push(l.createElement("option",{className:"msl-option msl-option-disable"},m.emptyDataLabel||"No Data Found"))):o.push(l.createElement("option",a({tabIndex:"0",key:m.value+m.label+c+10},!t&&{"data-msl":!0},{style:a({},m.style&&m.style),onClick:function(){!m.disabled&&n(m)},onKeyPress:function(e){"Enter"===e.key&&!m.disabled&&n(m)},title:m.label,className:"msl-option\n             "+(s(m,i)?"msl-option-active":"")+" \n              "+(m.disabled?"msl-option-disable":"")+" "+(void 0!==m.classes?m.classes:""),value:m.value}),m.label))},d=r(c.entries());!(u=d()).done;)m()}(e.opts),o}function c(e){var n=e.options,c=e.width,u=e.downArrowIcon,m=e.closeIcon,d=e.clearable,p=e.downArrow,v=e.onChange,f=e.singleSelect,g=e.jsonValue,h=e.defaultValue,b=e.className,y=e.placeholder,N=e.disableChip,E=e.name,S=e.attr,x=e.disabled,w=e.limit,A=e.emptyDataLabel,k=e.addCustomValue,C=t.useState(!1),O=C[0],V=C[1],j=t.useState([]),L=j[0],J=j[1],I=t.useState(n||[]),D=I[0],R=I[1],$=t.useState(null),q=$[0],P=$[1],F=!0,K=function(e){var t=e;"string"==typeof e&&(t=e.split(","));for(var l,a=JSON.stringify(D),n=[],s=function(e){return n.push({label:e,value:e}),{label:e,value:e}},i=[],o=r(t);!(l=o()).done;){var c=l.value,u=a.match(new RegExp('{+?.[^{]*?"'+c+'"}',"g"));u?1===u.length?i.push(JSON.parse(u)):u.length>1&&i.push(JSON.parse("["+u.join(",")+"]")):""!==c&&null!==c&&(s(c),i.push({label:c,value:c}))}return R([].concat(D,n)),i};t.useEffect(function(){var e,t,l=[];if(""!==h||h.length>0)if("string"==typeof h)l=K(h),f&&l.length>1&&(l=[l[0]]);else if(Array.isArray(h)&&h.length>0&&"string"!=typeof h[0]){l=h;var a=(e=h,t=JSON.stringify(D),e.filter(function(e){return!JSON.parse(t.match(new RegExp("{+?.[^{]*?"+e.value+'"}',"g")))}));R([].concat(D,a)),f&&l.length>1&&(l=[l[0]])}else Array.isArray(h)&&h.length>0&&(l=K(h),f&&l.length>1&&(l=[l[0]]));J(l)},[h]);var U=function(e){if(J(e),g)v(e);else{var t="";t+=e.map(function(e){return e.value}),v(t)}},M=function(){V(!0)},T=function(){V(!1)},z=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())},B=function e(t){G(t)?M():(document.removeEventListener("click",e),T())},G=function(e){return!!e.target.hasAttribute("data-msl")},H=function(e,t){return t.some(function(t){return t.value===e.value})},Q=function(e){var t=e.label,l=e.value;return t.match(/Create "|"+/g)&&(t=t.replace(/Create "|"+/g,"")),{label:t,value:l}},W=function(e){e=Q(e);var t=[].concat(L);f?t=[e]:H(e,L)?t=t.filter(function(t){return t.value!==e.value}):(null===w||w>L.length)&&t.push(e),U(t),P(null),document.querySelector(".msl-input").textContent=""};return l.createElement("div",a({},S,{onClick:function(e){F&&function e(t){G(t)?(O||document.addEventListener("click",e),z(t,!0),M()):(T(),document.removeEventListener("click",e))}(e)},style:{width:c},className:"msl-wrp msl-vars "+b+" "+(x?"msl-disabled":"")}),l.createElement("input",{name:E,type:"hidden",value:L.map(function(e){return e.value})}),l.createElement("div",{"data-msl":!0,className:"msl "+(O?"msl-active":"")+" "},l.createElement("div",{"data-msl":!0,className:"msl-input-wrp",style:{marginRight:d&&p?60:p||d?40:5}},!f&&!N&&L.map(function(e,t){return l.createElement("div",{key:"msl-chip-"+(t+11),className:"msl-chip"},e.label,l.createElement("div",{role:"button","aria-label":"delete-value",onClick:function(){return function(e){var t=[].concat(L);t.splice(e,1),U(t)}(t)},className:"msl-btn msl-chip-delete msl-flx"},l.createElement(s,null)),l.createElement("span",null))}),!f&&N&&1===L.length?l.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:c-(d&&p?60:p||d?40:5)}},L[0].label,"d"):N&&L.length>1&&l.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:c-(d&&p?60:p||d?40:5)}},L.length," Selected"),f&&1===L.length&&l.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:c-(d&&p?60:p||d?40:5)}},L[0].label),(!f&&!N||!(!f||L.length)||!(f||!N||L.length))&&l.createElement("div",{"data-msl":!0,"data-placeholder":y,className:"msl-input",contentEditable:!x,onKeyUp:function(e){var t=e.target.textContent.trim().replace(/,+/g,"");if(t){var l={label:'Create "'+t+'"',value:t},a=JSON.stringify(D),n=a.match(new RegExp('{"label":+?.[^{]*?('+t.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&")+")+?.[^{]*?}","gi"));if(n){var r=a.match(new RegExp('{"label":(.[^{]*?)"value":"'+t.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&")+'"}',"gi")),s=JSON.parse("["+n+"]");k&&!r&&s.push(l),P(s)}else P(k?[l]:[]);"Enter"!==e.key&&","!==e.key||(!k||n||H(Q(l),L)?q.length>0&&W(q[0]):(R([].concat(D,[Q(l)])),W(l)))}else P(null)}})),(d||p)&&l.createElement("div",{className:"msl-actions msl-flx"},d&&L.length>0&&l.createElement("div",{role:"button","aria-label":"close-menu",onClick:function(){U([])},className:"msl-btn msl-clear-btn msl-flx"},m||l.createElement(s,null)),p&&l.createElement("div",{role:"button","aria-label":"toggle-menu",onClick:function(e){F=!1,O?(document.removeEventListener("click",B),z(e,!1),T()):(z(e,!0),M(),document.addEventListener("click",B))},className:"msl-btn msl-arrow-btn msl-flx",style:a({},O&&{transform:"rotate(180deg)"})},u||l.createElement(i,null)))),l.createElement("div",{className:"msl-options"},O&&!q&&D.length?l.createElement(o,a({opts:D},{singleSelect:f,addValue:W,checkValueExist:H,value:L})):(null==q?void 0:q.length)?q&&l.createElement(o,a({opts:q},{singleSelect:f,addValue:W,checkValueExist:H,value:L})):l.createElement("option",{className:"msl-option msl-option-disable"},A)))}c.defaultProps={clearable:!0,downArrow:!0,width:300,singleSelect:!1,jsonValue:!1,defaultValue:"",disableChip:!1,name:"",disabled:!1,limit:null,emptyDataLabel:"No Data Found",placeholder:"Select...",onChange:function(){},options:[{label:"Empty",value:"",disabled:!0,style:{textAlign:"center"}}]},module.exports=c;
 //# 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 i(i){var s=i.options,c=i.width,u=i.downArrowIcon,m=i.closeIcon,d=i.clearable,p=i.downArrow,f=i.onChange,v=i.singleSelect,h=i.jsonValue,g=i.defaultValue,b=i.className,y=i.placeholder,N=i.disableChip,E=i.name,w=i.attr,A=i.disabled,x=i.limit,k=i.emptyDataLabel,S=t(!1),C=S[0],L=S[1],j=t([]),D=j[0],I=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]]))),I(e)},[g]);var V,F=function(e){if(I(e),h)f(e);else{var t="";t+=e.map(function(e){return e.value}),f(t)}},P=function(){L(!0)},q=function(){L(!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)?P():(document.removeEventListener("click",e),q())},T=function(e){return!!e.target.hasAttribute("data-msl")},U=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){T(t)?(C||document.addEventListener("click",e),M(t,!0),P()):(q(),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:D.map(function(e){return e.value})}),e.createElement("div",{"data-msl":!0,className:"msl "+(C?"msl-active":"")+" "},e.createElement("div",{"data-msl":!0,className:"msl-input-wrp",style:{marginRight:d&&p?60:p||d?40:5}},!v&&!N&&D.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(D);t.splice(e,1),F(t)}(n)},className:"msl-btn msl-chip-delete msl-flx"},e.createElement(r,null)),e.createElement("span",null))}),!v&&N&&1===D.length?e.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:c-(d&&p?60:p||d?40:5)}},D[0].label,"d"):N&&D.length>1&&e.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:c-(d&&p?60:p||d?40:5)}},D.length," Selected"),v&&1===D.length&&e.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:c-(d&&p?60:p||d?40:5)}},D[0].label),(!v&&!N||!(!v||D.length)||!(v||!N||D.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&&D.length>0&&e.createElement("div",{role:"button","aria-label":"close-menu",onClick:function(){F([])},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,C?(document.removeEventListener("click",R),M(e,!1),q()):(M(e,!0),P(),document.addEventListener("click",R))},className:"msl-btn msl-arrow-btn msl-flx",style:l({},C&&{transform:"rotate(180deg)"})},u||e.createElement(o,null)))),e.createElement("div",{className:"msl-options"},console.log(s),s.length?(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)),o.childs.length>0?t(o.childs):V.push(e.createElement("option",{className:"msl-option msl-option-disable"},o.emptyDataLabel||"No Data Found"))):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(){var e,t;!o.disabled&&(e=o,t=[].concat(D),v?t=[e]:U(e,D)?t=t.filter(function(t){return t.value!==e.value}):(null===x||x>D.length)&&t.push(e),F(t))},title:o.label,className:"msl-option "+(U(o,D)?"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 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=i()).done;)o()}(s),V):e.createElement("option",{className:"msl-option msl-option-disable"},k)))}i.defaultProps={clearable:!0,downArrow:!0,width:300,singleSelect:!1,jsonValue:!1,defaultValue:"",disableChip:!1,name:"",disabled:!1,limit:null,emptyDataLabel:"No Data Found",placeholder:"Select...",onChange:function(){},options:[{label:"Empty",value:"",disabled:!0,style:{textAlign:"center"}}]};export default i;
+import e,{useState as t,useEffect as l}from"react";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(e,t){(null==t||t>e.length)&&(t=e.length);for(var l=0,a=new Array(t);l<t;l++)a[l]=e[l];return a}function r(e,t){var l;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(l=function(e,t){if(e){if("string"==typeof e)return n(e,void 0);var l=Object.prototype.toString.call(e).slice(8,-1);return"Object"===l&&e.constructor&&(l=e.constructor.name),"Map"===l||"Set"===l?Array.from(e):"Arguments"===l||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(l)?n(e,void 0):void 0}}(e))||t&&e&&"number"==typeof e.length){l&&(e=l);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(l=e[Symbol.iterator]()).next.bind(l)}function s(){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(t){var l=t.singleSelect,n=t.addValue,s=t.checkValueExist,i=t.value,o=[];return function t(c){for(var u,m=function(){var r=u.value,c=r[0],m=r[1];"group"===m.type?(o.push(e.createElement("div",{key:m.title+c,"data-msl":!0,className:"msl-grp-title"},m.title)),m.childs.length>0?t(m.childs):o.push(e.createElement("option",{className:"msl-option msl-option-disable"},m.emptyDataLabel||"No Data Found"))):o.push(e.createElement("option",a({tabIndex:"0",key:m.value+m.label+c+10},!l&&{"data-msl":!0},{style:a({},m.style&&m.style),onClick:function(){!m.disabled&&n(m)},onKeyPress:function(e){"Enter"===e.key&&!m.disabled&&n(m)},title:m.label,className:"msl-option\n             "+(s(m,i)?"msl-option-active":"")+" \n              "+(m.disabled?"msl-option-disable":"")+" "+(void 0!==m.classes?m.classes:""),value:m.value}),m.label))},d=r(c.entries());!(u=d()).done;)m()}(t.opts),o}function c(n){var c=n.options,u=n.width,m=n.downArrowIcon,d=n.closeIcon,p=n.clearable,v=n.downArrow,g=n.onChange,f=n.singleSelect,h=n.jsonValue,b=n.defaultValue,y=n.className,N=n.placeholder,E=n.disableChip,x=n.name,w=n.attr,S=n.disabled,A=n.limit,k=n.emptyDataLabel,C=n.addCustomValue,O=t(!1),V=O[0],j=O[1],L=t([]),J=L[0],I=L[1],D=t(c||[]),R=D[0],$=D[1],P=t(null),q=P[0],F=P[1],K=!0,U=function(e){var t=e;"string"==typeof e&&(t=e.split(","));for(var l,a=JSON.stringify(R),n=[],s=function(e){return n.push({label:e,value:e}),{label:e,value:e}},i=[],o=r(t);!(l=o()).done;){var c=l.value,u=a.match(new RegExp('{+?.[^{]*?"'+c+'"}',"g"));u?1===u.length?i.push(JSON.parse(u)):u.length>1&&i.push(JSON.parse("["+u.join(",")+"]")):""!==c&&null!==c&&(s(c),i.push({label:c,value:c}))}return $([].concat(R,n)),i};l(function(){var e,t,l=[];if(""!==b||b.length>0)if("string"==typeof b)l=U(b),f&&l.length>1&&(l=[l[0]]);else if(Array.isArray(b)&&b.length>0&&"string"!=typeof b[0]){l=b;var a=(e=b,t=JSON.stringify(R),e.filter(function(e){return!JSON.parse(t.match(new RegExp("{+?.[^{]*?"+e.value+'"}',"g")))}));$([].concat(R,a)),f&&l.length>1&&(l=[l[0]])}else Array.isArray(b)&&b.length>0&&(l=U(b),f&&l.length>1&&(l=[l[0]]));I(l)},[b]);var M=function(e){if(I(e),h)g(e);else{var t="";t+=e.map(function(e){return e.value}),g(t)}},T=function(){j(!0)},z=function(){j(!1)},B=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())},G=function e(t){H(t)?T():(document.removeEventListener("click",e),z())},H=function(e){return!!e.target.hasAttribute("data-msl")},Q=function(e,t){return t.some(function(t){return t.value===e.value})},W=function(e){var t=e.label,l=e.value;return t.match(/Create "|"+/g)&&(t=t.replace(/Create "|"+/g,"")),{label:t,value:l}},X=function(e){e=W(e);var t=[].concat(J);f?t=[e]:Q(e,J)?t=t.filter(function(t){return t.value!==e.value}):(null===A||A>J.length)&&t.push(e),M(t),F(null),document.querySelector(".msl-input").textContent=""};return e.createElement("div",a({},w,{onClick:function(e){K&&function e(t){H(t)?(V||document.addEventListener("click",e),B(t,!0),T()):(z(),document.removeEventListener("click",e))}(e)},style:{width:u},className:"msl-wrp msl-vars "+y+" "+(S?"msl-disabled":"")}),e.createElement("input",{name:x,type:"hidden",value:J.map(function(e){return e.value})}),e.createElement("div",{"data-msl":!0,className:"msl "+(V?"msl-active":"")+" "},e.createElement("div",{"data-msl":!0,className:"msl-input-wrp",style:{marginRight:p&&v?60:v||p?40:5}},!f&&!E&&J.map(function(t,l){return e.createElement("div",{key:"msl-chip-"+(l+11),className:"msl-chip"},t.label,e.createElement("div",{role:"button","aria-label":"delete-value",onClick:function(){return function(e){var t=[].concat(J);t.splice(e,1),M(t)}(l)},className:"msl-btn msl-chip-delete msl-flx"},e.createElement(s,null)),e.createElement("span",null))}),!f&&E&&1===J.length?e.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:u-(p&&v?60:v||p?40:5)}},J[0].label,"d"):E&&J.length>1&&e.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:u-(p&&v?60:v||p?40:5)}},J.length," Selected"),f&&1===J.length&&e.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:u-(p&&v?60:v||p?40:5)}},J[0].label),(!f&&!E||!(!f||J.length)||!(f||!E||J.length))&&e.createElement("div",{"data-msl":!0,"data-placeholder":N,className:"msl-input",contentEditable:!S,onKeyUp:function(e){var t=e.target.textContent.trim().replace(/,+/g,"");if(t){var l={label:'Create "'+t+'"',value:t},a=JSON.stringify(R),n=a.match(new RegExp('{"label":+?.[^{]*?('+t.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&")+")+?.[^{]*?}","gi"));if(n){var r=a.match(new RegExp('{"label":(.[^{]*?)"value":"'+t.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&")+'"}',"gi")),s=JSON.parse("["+n+"]");C&&!r&&s.push(l),F(s)}else F(C?[l]:[]);"Enter"!==e.key&&","!==e.key||(!C||n||Q(W(l),J)?q.length>0&&X(q[0]):($([].concat(R,[W(l)])),X(l)))}else F(null)}})),(p||v)&&e.createElement("div",{className:"msl-actions msl-flx"},p&&J.length>0&&e.createElement("div",{role:"button","aria-label":"close-menu",onClick:function(){M([])},className:"msl-btn msl-clear-btn msl-flx"},d||e.createElement(s,null)),v&&e.createElement("div",{role:"button","aria-label":"toggle-menu",onClick:function(e){K=!1,V?(document.removeEventListener("click",G),B(e,!1),z()):(B(e,!0),T(),document.addEventListener("click",G))},className:"msl-btn msl-arrow-btn msl-flx",style:a({},V&&{transform:"rotate(180deg)"})},m||e.createElement(i,null)))),e.createElement("div",{className:"msl-options"},V&&!q&&R.length?e.createElement(o,a({opts:R},{singleSelect:f,addValue:X,checkValueExist:Q,value:J})):(null==q?void 0:q.length)?q&&e.createElement(o,a({opts:q},{singleSelect:f,addValue:X,checkValueExist:Q,value:J})):e.createElement("option",{className:"msl-option msl-option-disable"},k)))}c.defaultProps={clearable:!0,downArrow:!0,width:300,singleSelect:!1,jsonValue:!1,defaultValue:"",disableChip:!1,name:"",disabled:!1,limit:null,emptyDataLabel:"No Data Found",placeholder:"Select...",onChange:function(){},options:[{label:"Empty",value:"",disabled:!0,style:{textAlign:"center"}}]};export default c;
 //# 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,p=o.onChange,f=o.singleSelect,v=o.jsonValue,h=o.defaultValue,b=o.className,g=o.placeholder,y=o.disableChip,N=o.name,E=o.attr,w=o.disabled,A=o.limit,x=o.emptyDataLabel,S=e.useState(!1),k=S[0],C=S[1],L=e.useState([]),j=L[0],D=L[1],I=!0;null!==i&&""!==i&&!1!==i||(i=[]),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(","),i),f&&e.length>1&&(e=[e[0]])):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})}),f&&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})}),f&&e.length>1&&(e=[e[0]]))),D(e)},[h]);var O,V=function(e){if(D(e),v)p(e);else{var t="";t+=e.map(function(e){return e.value}),p(t)}},q=function(){C(!0)},F=function(){C(!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())},P=function e(t){R(t)?q():(document.removeEventListener("click",e),F())},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)?(k||document.addEventListener("click",e),M(t,!0),q()):(F(),document.removeEventListener("click",e))}(e)},style:{width:s},className:"msl-wrp msl-vars "+b+" "+(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 "+(k?"msl-active":"")+" "},t.createElement("div",{"data-msl":!0,className:"msl-input-wrp",style:{marginRight:m&&d?60:d||m?40:5}},!f&&!y&&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&&y&&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"):y&&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&&!y||!(!f||j.length)||!(f||!y||j.length))&&t.createElement("div",{"data-msl":!0,"data-placeholder":g,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,k?(document.removeEventListener("click",P),M(e,!1),F()):(M(e,!0),q(),document.addEventListener("click",P))},className:"msl-btn msl-arrow-btn msl-flx",style:n({},k&&{transform:"rotate(180deg)"})},c||t.createElement(r,null)))),t.createElement("div",{className:"msl-options"},console.log(i),i.length?(O=[],function e(a){for(var r,o=function(){var l=r.value,a=l[0],o=l[1];"group"===o.type?(O.push(t.createElement("div",{key:o.title+a,"data-msl":!0,className:"msl-grp-title"},o.title)),o.childs.length>0?e(o.childs):O.push(t.createElement("option",{className:"msl-option msl-option-disable"},o.emptyDataLabel||"No Data Found"))):O.push(t.createElement("option",n({key:o.value+o.label+a+10},!f&&{"data-msl":!0},{style:n({},o.style&&o.style),onClick:function(){var e,t;!o.disabled&&(e=o,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: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),O):t.createElement("option",{className:"msl-option msl-option-disable"},x)))}return o.defaultProps={clearable:!0,downArrow:!0,width:300,singleSelect:!1,jsonValue:!1,defaultValue:"",disableChip:!1,name:"",disabled:!1,limit:null,emptyDataLabel:"No Data Found",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 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(e,t){(null==t||t>e.length)&&(t=e.length);for(var l=0,n=new Array(t);l<t;l++)n[l]=e[l];return n}function a(e,t){var l;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(l=function(e,t){if(e){if("string"==typeof e)return n(e,void 0);var l=Object.prototype.toString.call(e).slice(8,-1);return"Object"===l&&e.constructor&&(l=e.constructor.name),"Map"===l||"Set"===l?Array.from(e):"Arguments"===l||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(l)?n(e,void 0):void 0}}(e))||t&&e&&"number"==typeof e.length){l&&(e=l);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(l=e[Symbol.iterator]()).next.bind(l)}function r(){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 s(){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(e){var n=e.singleSelect,r=e.addValue,s=e.checkValueExist,i=e.value,o=[];return function e(c){for(var u,m=function(){var a=u.value,c=a[0],m=a[1];"group"===m.type?(o.push(t.createElement("div",{key:m.title+c,"data-msl":!0,className:"msl-grp-title"},m.title)),m.childs.length>0?e(m.childs):o.push(t.createElement("option",{className:"msl-option msl-option-disable"},m.emptyDataLabel||"No Data Found"))):o.push(t.createElement("option",l({tabIndex:"0",key:m.value+m.label+c+10},!n&&{"data-msl":!0},{style:l({},m.style&&m.style),onClick:function(){!m.disabled&&r(m)},onKeyPress:function(e){"Enter"===e.key&&!m.disabled&&r(m)},title:m.label,className:"msl-option\n             "+(s(m,i)?"msl-option-active":"")+" \n              "+(m.disabled?"msl-option-disable":"")+" "+(void 0!==m.classes?m.classes:""),value:m.value}),m.label))},d=a(c.entries());!(u=d()).done;)m()}(e.opts),o}function o(n){var o=n.options,c=n.width,u=n.downArrowIcon,m=n.closeIcon,d=n.clearable,p=n.downArrow,f=n.onChange,v=n.singleSelect,g=n.jsonValue,h=n.defaultValue,b=n.className,y=n.placeholder,N=n.disableChip,E=n.name,S=n.attr,x=n.disabled,w=n.limit,A=n.emptyDataLabel,k=n.addCustomValue,C=e.useState(!1),O=C[0],V=C[1],j=e.useState([]),L=j[0],J=j[1],D=e.useState(o||[]),I=D[0],R=D[1],$=e.useState(null),q=$[0],P=$[1],F=!0,K=function(e){var t=e;"string"==typeof e&&(t=e.split(","));for(var l,n=JSON.stringify(I),r=[],s=function(e){return r.push({label:e,value:e}),{label:e,value:e}},i=[],o=a(t);!(l=o()).done;){var c=l.value,u=n.match(new RegExp('{+?.[^{]*?"'+c+'"}',"g"));u?1===u.length?i.push(JSON.parse(u)):u.length>1&&i.push(JSON.parse("["+u.join(",")+"]")):""!==c&&null!==c&&(s(c),i.push({label:c,value:c}))}return R([].concat(I,r)),i};e.useEffect(function(){var e,t,l=[];if(""!==h||h.length>0)if("string"==typeof h)l=K(h),v&&l.length>1&&(l=[l[0]]);else if(Array.isArray(h)&&h.length>0&&"string"!=typeof h[0]){l=h;var n=(e=h,t=JSON.stringify(I),e.filter(function(e){return!JSON.parse(t.match(new RegExp("{+?.[^{]*?"+e.value+'"}',"g")))}));R([].concat(I,n)),v&&l.length>1&&(l=[l[0]])}else Array.isArray(h)&&h.length>0&&(l=K(h),v&&l.length>1&&(l=[l[0]]));J(l)},[h]);var M=function(e){if(J(e),g)f(e);else{var t="";t+=e.map(function(e){return e.value}),f(t)}},U=function(){V(!0)},T=function(){V(!1)},z=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())},B=function e(t){G(t)?U():(document.removeEventListener("click",e),T())},G=function(e){return!!e.target.hasAttribute("data-msl")},H=function(e,t){return t.some(function(t){return t.value===e.value})},Q=function(e){var t=e.label,l=e.value;return t.match(/Create "|"+/g)&&(t=t.replace(/Create "|"+/g,"")),{label:t,value:l}},W=function(e){e=Q(e);var t=[].concat(L);v?t=[e]:H(e,L)?t=t.filter(function(t){return t.value!==e.value}):(null===w||w>L.length)&&t.push(e),M(t),P(null),document.querySelector(".msl-input").textContent=""};return t.createElement("div",l({},S,{onClick:function(e){F&&function e(t){G(t)?(O||document.addEventListener("click",e),z(t,!0),U()):(T(),document.removeEventListener("click",e))}(e)},style:{width:c},className:"msl-wrp msl-vars "+b+" "+(x?"msl-disabled":"")}),t.createElement("input",{name:E,type:"hidden",value:L.map(function(e){return e.value})}),t.createElement("div",{"data-msl":!0,className:"msl "+(O?"msl-active":"")+" "},t.createElement("div",{"data-msl":!0,className:"msl-input-wrp",style:{marginRight:d&&p?60:p||d?40:5}},!v&&!N&&L.map(function(e,l){return t.createElement("div",{key:"msl-chip-"+(l+11),className:"msl-chip"},e.label,t.createElement("div",{role:"button","aria-label":"delete-value",onClick:function(){return function(e){var t=[].concat(L);t.splice(e,1),M(t)}(l)},className:"msl-btn msl-chip-delete msl-flx"},t.createElement(r,null)),t.createElement("span",null))}),!v&&N&&1===L.length?t.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:c-(d&&p?60:p||d?40:5)}},L[0].label,"d"):N&&L.length>1&&t.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:c-(d&&p?60:p||d?40:5)}},L.length," Selected"),v&&1===L.length&&t.createElement("span",{className:"msl-single-value","data-msl":!0,style:{width:c-(d&&p?60:p||d?40:5)}},L[0].label),(!v&&!N||!(!v||L.length)||!(v||!N||L.length))&&t.createElement("div",{"data-msl":!0,"data-placeholder":y,className:"msl-input",contentEditable:!x,onKeyUp:function(e){var t=e.target.textContent.trim().replace(/,+/g,"");if(t){var l={label:'Create "'+t+'"',value:t},n=JSON.stringify(I),a=n.match(new RegExp('{"label":+?.[^{]*?('+t.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&")+")+?.[^{]*?}","gi"));if(a){var r=n.match(new RegExp('{"label":(.[^{]*?)"value":"'+t.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&")+'"}',"gi")),s=JSON.parse("["+a+"]");k&&!r&&s.push(l),P(s)}else P(k?[l]:[]);"Enter"!==e.key&&","!==e.key||(!k||a||H(Q(l),L)?q.length>0&&W(q[0]):(R([].concat(I,[Q(l)])),W(l)))}else P(null)}})),(d||p)&&t.createElement("div",{className:"msl-actions msl-flx"},d&&L.length>0&&t.createElement("div",{role:"button","aria-label":"close-menu",onClick:function(){M([])},className:"msl-btn msl-clear-btn msl-flx"},m||t.createElement(r,null)),p&&t.createElement("div",{role:"button","aria-label":"toggle-menu",onClick:function(e){F=!1,O?(document.removeEventListener("click",B),z(e,!1),T()):(z(e,!0),U(),document.addEventListener("click",B))},className:"msl-btn msl-arrow-btn msl-flx",style:l({},O&&{transform:"rotate(180deg)"})},u||t.createElement(s,null)))),t.createElement("div",{className:"msl-options"},O&&!q&&I.length?t.createElement(i,l({opts:I},{singleSelect:v,addValue:W,checkValueExist:H,value:L})):(null==q?void 0:q.length)?q&&t.createElement(i,l({opts:q},{singleSelect:v,addValue:W,checkValueExist:H,value:L})):t.createElement("option",{className:"msl-option msl-option-disable"},A)))}return o.defaultProps={clearable:!0,downArrow:!0,width:300,singleSelect:!1,jsonValue:!1,defaultValue:"",disableChip:!1,name:"",disabled:!1,limit:null,emptyDataLabel:"No Data Found",placeholder:"Select...",onChange:function(){},options:[{label:"Empty",value:"",disabled:!0,style:{textAlign:"center"}}]},o});
 //# sourceMappingURL=index.umd.js.map

package.json

 {
   "name": "react-multiple-select-dropdown-lite",
-  "version": "1.0.15",
+  "version": "1.0.16",
   "description": "React Multiple Select Light Weight Dropdown list | Searchable | Addable | Groupable etc",
@@ -5,0 +5,0 @@ "author": "Arif-un",

README.md

 ## React Multiple Select Dropdown Lite
 A lightweight Multiple/Single Select Pure functional component for react using React-Hooks.
 
-Production minified 6.3 kb , gzipped 2.3 kb [Bundlephobia](https://bundlephobia.com/result?p=react-multiple-select-dropdown-lite@1.0.9)
+Production minified 6.3 kb , gzipped 2.3 kb [Bundlephobia](https://bundlephobia.com/result?p=react-multiple-select-dropdown-lite@1.0.16)
 
@@ -59,5 +59,5 @@ ### Screenshot
 - [x] Group <br>
-- [ ] Searchable <br>
+- [x] Searchable <br>
+- [x] Custom Creatable Value <br>
 - [ ] Sublist <br>
-- [ ] Custom Creatable Value <br>
 - [ ] Themeable (using css var) <br>
@@ -84,2 +84,3 @@
 |attr | object | |set custom attr to element  
+|addCustomValue | bool | |create custom options by pressing enter or comma (,)
 
@@ -96,3 +97,3 @@ <br>
 ### License
-MIT © [Arif-Un]([https://github.com/arif-un](https://github.com/arif-un)) | Build for Bit Form
+MIT © [Arif-Un](https://github.com/arif-un)) | [Amin](https://github.com/mdrubelamin2) | Built for Bit Form
 

No alert changes

Improved metrics

Total package byte prevSize

105334

increased by24.08%

Lines of code

97

increased by18.29%

Number of lines in readme file

97

increased by1.04%

No dependency changes