New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

react-multiple-select-dropdown-lite

Package Overview
Dependencies
Maintainers
1
Versions
26
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

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

Comparing version 1.0.16 to 1.0.17

2

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(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;
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 o(){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 i(e){var t=e.singleSelect,n=e.addValue,s=e.checkValueExist,o=e.value,i=[];return function e(c){for(var u,m=function(){var r=u.value,c=r[0],m=r[1];"group"===m.type?(i.push(l.createElement("div",{key:m.title+c,"data-msl":!0,className:"msl-grp-title"},m.title)),m.childs.length>0?e(m.childs):i.push(l.createElement("option",{className:"msl-option msl-option-disable"},m.emptyDataLabel||"No Data Found"))):i.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,o)?"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),i}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.customValue,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}},o=[],i=r(t);!(l=i()).done;){var c=l.value,u=a.match(new RegExp('{+?.[^{]*?"'+c+'"}',"g"));u?1===u.length?o.push(JSON.parse(u)):u.length>1&&o.push(JSON.parse("["+u.join(",")+"]")):""!==c&&null!==c&&(s(c),o.push({label:c,value:c}))}return R([].concat(D,n)),o};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=JSON.parse("["+n+"]");k&&!a.match(new RegExp('{"label":(.[^{]*?)"value":"'+t.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&")+'"}',"gi"))&&r.push(l),P(r)}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(o,null)))),l.createElement("div",{className:"msl-options"},O&&!q&&D.length?l.createElement(i,a({opts:D},{singleSelect:f,addValue:W,checkValueExist:H,value:L})):(null==q?void 0:q.length)?q&&l.createElement(i,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"}}],customValue:!1},module.exports=c;
//# sourceMappingURL=index.js.map

2

dist/index.modern.js

@@ -1,2 +0,2 @@

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;
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 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(t){var l=t.singleSelect,n=t.addValue,s=t.checkValueExist,o=t.value,i=[];return function t(c){for(var u,m=function(){var r=u.value,c=r[0],m=r[1];"group"===m.type?(i.push(e.createElement("div",{key:m.title+c,"data-msl":!0,className:"msl-grp-title"},m.title)),m.childs.length>0?t(m.childs):i.push(e.createElement("option",{className:"msl-option msl-option-disable"},m.emptyDataLabel||"No Data Found"))):i.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,o)?"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),i}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.customValue,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}},o=[],i=r(t);!(l=i()).done;){var c=l.value,u=a.match(new RegExp('{+?.[^{]*?"'+c+'"}',"g"));u?1===u.length?o.push(JSON.parse(u)):u.length>1&&o.push(JSON.parse("["+u.join(",")+"]")):""!==c&&null!==c&&(s(c),o.push({label:c,value:c}))}return $([].concat(R,n)),o};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=JSON.parse("["+n+"]");C&&!a.match(new RegExp('{"label":(.[^{]*?)"value":"'+t.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&")+'"}',"gi"))&&r.push(l),F(r)}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(o,null)))),e.createElement("div",{className:"msl-options"},V&&!q&&R.length?e.createElement(i,a({opts:R},{singleSelect:f,addValue:X,checkValueExist:Q,value:J})):(null==q?void 0:q.length)?q&&e.createElement(i,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"}}],customValue:!1};export default c;
//# sourceMappingURL=index.modern.js.map

2

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 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});
!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.customValue,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=JSON.parse("["+a+"]");k&&!n.match(new RegExp('{"label":(.[^{]*?)"value":"'+t.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&")+'"}',"gi"))&&r.push(l),P(r)}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"}}],customValue:!1},o});
//# sourceMappingURL=index.umd.js.map

2

package.json
{
"name": "react-multiple-select-dropdown-lite",
"version": "1.0.16",
"version": "1.0.17",
"description": "React Multiple Select Light Weight Dropdown list | Searchable | Addable | Groupable etc",

@@ -5,0 +5,0 @@ "author": "Arif-un",

23

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.16)
<p align="center">
<a href="https://github.com/Arif-un/react-multiple-select-dropdown-lite/blob/master/LICENSE">
<img src="https://img.shields.io/badge/license-MIT-blue.svg" alt="React Multiple Select Dropdown Lite is released under the MIT license." />
</a>
<a href="https://www.npmjs.com/package/react-multiple-select-dropdown-lite">
<img alt="npm" src="https://img.shields.io/npm/v/react-multiple-select-dropdown-lite">
</a>
<a href="https://bundlephobia.com/result?p=react-multiple-select-dropdown-lite@1.0.17">
<img alt="npm bundle size" src="https://img.shields.io/bundlephobia/min/react-multiple-select-dropdown-lite">
</a>
<a href="https://bundlephobia.com/result?p=react-multiple-select-dropdown-lite@1.0.17">
<img alt="npm bundle size" src="https://img.shields.io/bundlephobia/minzip/react-multiple-select-dropdown-lite">
</a>
<a href="https://github.com/Arif-un/react-multiple-select-dropdown-lite/pulls">
<img alt="npm bundle size" src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg">
</a>
</p>

@@ -11,2 +28,4 @@ ### Screenshot

[]
npm i react-multiple-select-dropdown-lite

@@ -84,3 +103,3 @@

|attr | object | |set custom attr to element
|addCustomValue | bool | |create custom options by pressing enter or comma (,)
|customValue | bool | false |create custom options by pressing enter or comma (,)

@@ -87,0 +106,0 @@ <br>

dist/index.js.map

Sorry, the diff of this file is not supported yet

dist/index.modern.js.map

Sorry, the diff of this file is not supported yet

dist/index.umd.js.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc