| 1 |
import{r as k,bV as r}from"./main-519.js";function O(){return(O=Object.assign?Object.assign.bind():function(t){for(var i=1;i<arguments.length;i++){var d=arguments[i];for(var y in d)Object.prototype.hasOwnProperty.call(d,y)&&(t[y]=d[y])}return t}).apply(this,arguments)}function ue(t,i){(i==null||i>t.length)&&(i=t.length);for(var d=0,y=new Array(i);d<i;d++)y[d]=t[d];return y}function de(){return r.createElement("svg",{viewBox:"0 0 10 10",className:"msl-close-icn"},r.createElement("line",{stroke:"currentColor",strokeLinecap:"round",x1:"0",y1:"0",x2:"10",y2:"10"}),r.createElement("line",{stroke:"currentColor",strokeLinecap:"round",x1:"0",y1:"10",x2:"10",y2:"0"}))}function ge(t){var i,d=t.deleteAction;return r.createElement("div",{clickable:"true",className:"msl-chip"},typeof(i=t.value).label=="object"?(i==null?void 0:i.title)||i.value:i.label,r.createElement("div",{role:"button",clickable:"true","aria-label":"delete-value",onClick:d,onKeyPress:d,tabIndex:"0",className:"msl-btn msl-chip-delete msl-flx"},r.createElement(de,null)),r.createElement("span",null))}function ye(){return r.createElement("svg",{viewBox:"0 0 20 20",className:"msl-arrow-icn"},r.createElement("line",{stroke:"currentColor",strokeLinecap:"round",x1:"10",y1:"14",x2:"4",y2:"8"}),r.createElement("line",{stroke:"currentColor",strokeLinecap:"round",x1:"16",y1:"8",x2:"10",y2:"14"}))}function ce(t){var i=t.singleSelect,d=t.addValue,y=t.checkValueExist,A=t.value;if(t.largeData&&!t.menuOpen)return null;var C=[];return(function V(P){for(var f,F=function(){var b=f.value,S=b[0],l=b[1];l.type==="group"?(C.push(r.createElement("div",{key:l.title+S,"data-msl":!0,className:"msl-grp-title"},l.title)),l.childs.length>0?V(l.childs):C.push(r.createElement("option",{className:"msl-option msl-option-disable"},l.emptyDataLabel||"No Data Found"))):C.push(r.createElement("div",O({tabIndex:"0",key:l.value+l.label+S+10},!i&&{"data-msl":!0},{style:O({},l.style&&l.style),onClick:function(){!l.disabled&&d(l)},onKeyPress:function(j){j.key==="Enter"&&!l.disabled&&d(l)},title:typeof l.label=="object"?l==null?void 0:l.title:l.label,className:"msl-option "+(y(l,A)?"msl-option-active":"")+" "+(l.disabled?"msl-option-disable":"")+" "+(l.classes!==void 0?l.classes:""),value:l.value}),l.label))},K=(function(b,S){var l=typeof Symbol!="undefined"&&b[Symbol.iterator]||b["@@iterator"];if(l)return(l=l.call(b)).next.bind(l);if(Array.isArray(b)||(l=(function(E,W){if(E){if(typeof E=="string")return ue(E,void 0);var x=Object.prototype.toString.call(E).slice(8,-1);return x==="Object"&&E.constructor&&(x=E.constructor.name),x==="Map"||x==="Set"?Array.from(E):x==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(x)?ue(E,void 0):void 0}})(b))){l&&(b=l);var j=0;return function(){return j>=b.length?{done:!0}:{done:!1,value:b[j++]}}}throw new TypeError(`Invalid attempt to iterate non-iterable instance. |
| 2 |
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)})(P.entries());!(f=K()).done;)F()})(t.opts),r.createElement("div",null,C)}function Ee(t){var i=t.options,d=t.downArrowIcon,y=t.closeIcon,A=t.clearable,C=t.clearAll,V=t.downArrow,P=t.onChange,f=t.singleSelect,F=t.jsonValue,K=t.defaultValue,b=t.className,S=t.placeholder,l=t.disableChip,j=t.name,E=t.style,W=t.attr,x=t.largeData,X=t.disabled,Y=t.limit,me=t.emptyDataLabel,L=t.customValue,pe=t.onMenuOpen,Z=t.onMenuClose,fe=t.chipAlternateText,ve=t.closeOnSelect,be=t.disableSearch,_=k.useState([]),u=_[0],ee=_[1],te=k.useState(i||[]),g=te[0],U=te[1],le=k.useState(null),w=le[0],T=le[1],D=k.useRef(null),$=(function(e){var n=e.onClickOutside,a=k.useState(e.initialIsVisible),s=a[0],m=a[1],h=k.useRef(null),v=function(c){c.key==="Escape"&&m(!1)},o=function c(N){h.current&&!h.current.contains(N.target)&&(document.removeEventListener("keydown",v,!0),document.removeEventListener("click",c,!0),m(!1),n())};return k.useEffect(function(){return document.addEventListener("keydown",v,!0),document.addEventListener("click",o,!0),function(){document.removeEventListener("keydown",v,!0),document.removeEventListener("click",o,!0)}}),{ref:h,isComponentVisible:s,setIsComponentVisible:m}})({initialIsVisible:!1,onClickOutside:Z}),ne=$.ref,R=$.isComponentVisible,q=$.setIsComponentVisible,he="calc(100% - "+(A&&V?60:V||A?40:5)+"px)";k.useEffect(function(){C&&u.length&&J()},[C]),k.useEffect(function(){U(i)},[i]),k.useEffect(function(){var e=(function(n,a){if(!n)return[];var s=n,m=[],h=[];typeof n=="string"&&(s=n.split(","));for(var v=function(p){if(typeof p=="string")m.push({label:p,value:p});else if(typeof p=="object"){var Q={label:p,value:p};"label"in p&&typeof p.label=="string"?Q.label=p.label:"title"in p&&(Q.label=p.title),m.push(Q)}},o=0;o<s.length;o++)if(typeof s[o]=="string"){var c=H(s[o],a,!0,"value");c.length>0?h.push(c[0]):L&&v(s[o])}else if(typeof s[o]=="object"){var N=H(s[o].value,a,!0,"value");N.length>0?h.push(N[0]):L&&v(s[o])}var I=[];return m.length&&(I=oe(m)),U([].concat(i,I)),[].concat(h,m)})(K,g);f&&e.length&&(e=[e[0]]),ee(e),ve&&f&&q(!1)},[K]);var z,ae,G=function(e){if(ee(e),F)P(e);else{var n="";n+=e.map(function(a){return a.value}),P(n)}},M=function(e,n){return n.some(function(a){return a.value===e.value})},B=function(e){var n=[].concat(u);f?n=M(e,u)?[]:[e]:M(e,u)?n=n.filter(function(a){return a.value!==e.value}):(Y===null||Y>u.length)&&n.push(e),G(n),T(null),D.current&&(D.current.innerHTML="")},J=function(){G([])},re=function(){return!(be||(f||l)&&(!f||u.length)&&(f||!l||u.length))},H=function(e,n,a,s){var m=[],h=[];return(function v(o){for(var c=0;c<o.length;c++){var N;if(((N=o[c])===null||N===void 0?void 0:N.type)==="group")v(o[c].childs);else if(a)a&&o[c][s]===e&&m.push(o[c]);else{var I,p;typeof o[c].label!="object"&&o[c].label.match(new RegExp(""+e,"gi"))||typeof o[c].label=="object"&&(I=o[c])!==null&&I!==void 0&&(p=I.title)!==null&&p!==void 0&&p.match(new RegExp(""+e,"gi"))?m.push(o[c]):o[c].value.match(new RegExp(""+e,"gi"))&&h.push(o[c])}typeof o[c].label!="object"||"title"in o[c]}})(n),[].concat(m,h)},oe=function(e){var n=[],a=g.findIndex(function(s){return(s==null?void 0:s.type)==="group"&&(s==null?void 0:s.title)==="Custom Values"});return a===-1?n.push({title:"Custom Values",type:"group",childs:[].concat(e)}):Array.isArray(e)?e.map(function(s){return g[a].childs.push(s)}):typeof e=="object"&&g[a].childs.push(e),U([].concat(g,n)),n},se=function(e){var n=e.target;(function(a){return!(a.hasAttribute("clickable")||a.parentNode.hasAttribute("clickable")||a.parentNode.parentNode.hasAttribute("clickable")||a.parentNode.parentNode.parentNode.hasAttribute("clickable"))})(n)&&((function(a){if(a.hasAttribute("dropdown-handle")||a.parentNode.hasAttribute("dropdown-handle")||a.parentNode.parentNode.hasAttribute("dropdown-handle"))return!0})(n)&&R?(q(!1),Z()):(q(!0),pe(),D.current&&D.current.focus()))},ie=function(e){return typeof e.label=="object"?(e==null?void 0:e.title)||e.value:e.label};return r.createElement("div",O({ref:ne},W,{onClick:se,tabIndex:"0",onKeyPress:se,style:O({},E),className:"msl-wrp msl-vars "+b+" "+(X?"msl-disabled":"")}),r.createElement("input",{name:j,type:"hidden",value:u==null?void 0:u.map(function(e){return e.value})}),r.createElement("div",{"data-msl":!0,className:"msl "+(R&&(z=ne.current,ae=z.getBoundingClientRect(),window.innerHeight-(ae.top+z.clientHeight)<200?"msl-active-up":"msl-active"))+" "},r.createElement("div",{"data-msl":!0,className:"msl-input-wrp",style:{width:he}},!f&&!l&&u.map(function(e,n){return r.createElement(ge,{key:"msl-chip-"+(n+11),value:e,deleteAction:function(){return(function(a){var s=[].concat(u);s.splice(a,1),G(s)})(n)}})}),!f&&l&&u.length>0&&r.createElement("span",{className:"msl-single-value","data-msl":!0},u.length===1?ie(u[0]):u.length+" "+fe),f&&u.length===1&&r.createElement("span",{className:"msl-single-value","data-msl":!0},ie(u[0])),re()&&r.createElement("div",{"data-msl":!0,"data-placeholder":S,className:"msl-input",contentEditable:!X,onKeyUp:function(e){var n=e.target.textContent.trim().replace(/,+/g,"");if(n){var a={label:'Create "'+n+'"',value:n},s=H(n,g);s.length?(L&&!H(n,g,!0,"value").length&&s.push(a),T(s)):T(L?[a]:[]);var m=(function(h){var v=h.label,o=h.value;return typeof v!="object"&&v.match(/Create "|"+/g)&&(v=v.replace(/Create "|"+/g,"")),{label:v,value:o}})(a);e.key!=="Enter"&&e.key!==","||(!L||s.length||M(m,u)?w.length>0&&B(w[0]):(oe(m),B(a)))}else T(null)},ref:D}),!re()&&u.length<1&&r.createElement("div",{"data-msl":!0,"data-placeholder":S,className:"msl-input"})),(A||V)&&r.createElement("div",{className:"msl-actions msl-flx"},A&&u.length>0&&r.createElement("div",{role:"button",clickable:"true","aria-label":"close-menu",onClick:J,onKeyPress:J,tabIndex:"0",className:"msl-btn msl-clear-btn msl-flx"},y||r.createElement(de,null)),V&&r.createElement("div",{role:"button",tabIndex:"0","dropdown-handle":"true",className:"msl-btn msl-arrow-btn msl-flx",style:O({},R&&{transform:"rotate(180deg)"})},d||r.createElement(ye,null)))),r.createElement("div",{className:"msl-options"},!w&&g.length?r.createElement(ce,{opts:g,singleSelect:f,addValue:B,checkValueExist:M,value:u,largeData:x,menuOpen:R}):w&&w.length?r.createElement(ce,{opts:w,singleSelect:f,addValue:B,checkValueExist:M,value:u,largeData:x,menuOpen:R}):(w&&!w.length||g&&!g.length)&&r.createElement("option",{className:"msl-option msl-option-disable"},me)))}Ee.defaultProps={clearable:!0,clearAll:!1,downArrow:!0,singleSelect:!1,jsonValue:!1,defaultValue:"",disableChip:!1,name:"",style:{},disabled:!1,limit:null,emptyDataLabel:"No Data Found",placeholder:"Select...",onChange:function(){},onMenuOpen:function(){},onMenuClose:function(){},options:[{label:"Empty",value:"",disabled:!0,style:{textAlign:"center"}}],customValue:!1,chipAlternateText:"Item Selected",closeOnSelect:!0,disableSearch:!1};export{Ee as u}; |
