master-components-react 2.3.6 → 2.3.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -28,7 +28,7 @@ Check the top-level render call using <`+Ve+">.")}return Te}}function Ye(Z,Te){{
28
28
  <%s {...props} />
29
29
  React keys must be passed directly to JSX without using spread:
30
30
  let props = %s;
31
- <%s key={someKey} {...props} />`,Sf,Va,Xk,Va),cd[Va+Sf]=!0}}return Z===n?zo(hi):zi(hi),hi}}function bf(Z,Te,Ve){return hd(Z,Te,Ve,!0)}function Ce(Z,Te,Ve){return hd(Z,Te,Ve,!1)}var rt=Ce,Gi=bf;Js.Fragment=n,Js.jsx=rt,Js.jsxs=Gi}()),Js}process.env.NODE_ENV==="production"?d_.exports=Qk():d_.exports=Jk();var A=d_.exports;const eB=({loadingColor:e})=>A.jsxs("svg",{version:"1.1",id:"Layer_1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",x:"0px",y:"0px",width:"24px",height:"30px",viewBox:"0 0 24 30",style:{enableBackground:"new 0 0 50 50"},xmlSpace:"preserve",children:[A.jsxs("rect",{x:"0",y:"10",width:"4",height:"10",fill:e??"#ffffff",opacity:"0.2",children:[A.jsx("animate",{attributeName:"opacity",attributeType:"XML",values:"0.2; 1; .2",begin:"0s",dur:"0.6s",repeatCount:"indefinite"}),A.jsx("animate",{attributeName:"height",attributeType:"XML",values:"10; 20; 10",begin:"0s",dur:"0.6s",repeatCount:"indefinite"}),A.jsx("animate",{attributeName:"y",attributeType:"XML",values:"10; 5; 10",begin:"0s",dur:"0.6s",repeatCount:"indefinite"})]}),A.jsxs("rect",{x:"8",y:"10",width:"4",height:"10",fill:e??"#ffffff",opacity:"0.2",children:[A.jsx("animate",{attributeName:"opacity",attributeType:"XML",values:"0.2; 1; .2",begin:"0.15s",dur:"0.6s",repeatCount:"indefinite"}),A.jsx("animate",{attributeName:"height",attributeType:"XML",values:"10; 20; 10",begin:"0.15s",dur:"0.6s",repeatCount:"indefinite"}),A.jsx("animate",{attributeName:"y",attributeType:"XML",values:"10; 5; 10",begin:"0.15s",dur:"0.6s",repeatCount:"indefinite"})]}),A.jsxs("rect",{x:"16",y:"10",width:"4",height:"10",fill:e??"#ffffff",opacity:"0.2",children:[A.jsx("animate",{attributeName:"opacity",attributeType:"XML",values:"0.2; 1; .2",begin:"0.3s",dur:"0.6s",repeatCount:"indefinite"}),A.jsx("animate",{attributeName:"height",attributeType:"XML",values:"10; 20; 10",begin:"0.3s",dur:"0.6s",repeatCount:"indefinite"}),A.jsx("animate",{attributeName:"y",attributeType:"XML",values:"10; 5; 10",begin:"0.3s",dur:"0.6s",repeatCount:"indefinite"})]})]}),tB="MainButton-module__mainButton",iB="MainButton-module__loading",nB="MainButton-module__sm",rB="MainButton-module__onlyIcon",aB="MainButton-module__buttonSlot",oB="MainButton-module__buttonLabel",sB="MainButton-module__md",lB="MainButton-module__lg",uB="MainButton-module__xl",dB="MainButton-module__xl2",cB="MainButton-module__disabled",hB="MainButton-module__dark",ea={mainButton:tB,loading:iB,sm:nB,onlyIcon:rB,buttonSlot:aB,buttonLabel:oB,md:sB,lg:lB,xl:uB,xl2:dB,disabled:cB,dark:hB},Ds=({label:e,buttonType:t="button",onClick:i,size:n="md",disabled:r=!1,loading:a,withIcons:o,iconOne:s,iconTwo:l,onlyIcon:u,buttonStyle:d,labelStyle:c,buttonSlotStyle:h,theme:f="light"})=>A.jsx("button",{type:t,style:!r&&d&&typeof d=="object"?d:{},className:`${f==="dark"?ea.dark:""} ${ea.mainButton} ${u?ea.onlyIcon:""} ${a?ea.loading:""} ${n?ea[n]:""} ${r?ea.disabled:""}`,onClick:()=>{!r&&i&&typeof i=="function"&&i()},children:A.jsxs("div",{className:ea.buttonSlot,style:!r&&h?h:{},children:[u||o&&s?s:"",!u&&A.jsx(A.Fragment,{children:a?A.jsx("div",{style:{display:"grid",placeItems:"center"},children:A.jsx(eB,{})}):A.jsx("span",{style:c??{},className:ea.buttonLabel,children:e??"Button"})}),o&&l?l:""]})}),fB="FormInput-module__inputWrapper",pB="FormInput-module__inputLabel",vB="FormInput-module__required",_B="FormInput-module__inputContainer",gB="FormInput-module__inputContent",mB="FormInput-module__inputTags",CB="FormInput-module__focused",yB="FormInput-module__error",xB="FormInput-module__rightIcon",bB="FormInput-module__leftIcon",SB="FormInput-module__inputDropDown",wB="FormInput-module__http",EB="FormInput-module__disabled",IB="FormInput-module__sm",TB="FormInput-module__md",AB="FormInput-module__withCopy",DB="FormInput-module__inputHelperText",OB="FormInput-module__dark",fi={inputWrapper:fB,inputLabel:pB,required:vB,inputContainer:_B,inputContent:gB,inputTags:mB,focused:CB,error:yB,rightIcon:xB,leftIcon:bB,inputDropDown:SB,http:wB,disabled:EB,sm:IB,md:TB,withCopy:AB,inputHelperText:DB,dark:OB},Us=({width:e,height:t,color:i})=>A.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:e??"12",height:t??"8",viewBox:"0 0 12 8",fill:"none",children:A.jsx("path",{d:"M1 1.5L6 6.5L11 1.5",stroke:i??"#A4A7AE",strokeWidth:"1.66667",strokeLinecap:"round",strokeLinejoin:"round"})}),RB=({width:e,height:t,color:i})=>A.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:e??"20",height:t??"20",viewBox:"0 0 20 20",fill:"none",children:[A.jsx("g",{clipPath:"url(#clip0_444_26)",children:A.jsx("path",{d:"M4.1665 12.5C3.38993 12.5 3.00165 12.5 2.69536 12.3732C2.28698 12.204 1.96253 11.8795 1.79337 11.4712C1.6665 11.1649 1.6665 10.7766 1.6665 10V4.33335C1.6665 3.39993 1.6665 2.93322 1.84816 2.5767C2.00795 2.2631 2.26292 2.00813 2.57652 1.84834C2.93304 1.66669 3.39975 1.66669 4.33317 1.66669H9.99984C10.7764 1.66669 11.1647 1.66669 11.471 1.79355C11.8794 1.96271 12.2038 2.28717 12.373 2.69555C12.4998 3.00183 12.4998 3.39012 12.4998 4.16669M10.1665 18.3334H15.6665C16.5999 18.3334 17.0666 18.3334 17.4232 18.1517C17.7368 17.9919 17.9917 17.7369 18.1515 17.4233C18.3332 17.0668 18.3332 16.6001 18.3332 15.6667V10.1667C18.3332 9.23327 18.3332 8.76656 18.1515 8.41004C17.9917 8.09643 17.7368 7.84147 17.4232 7.68168C17.0666 7.50002 16.5999 7.50002 15.6665 7.50002H10.1665C9.23308 7.50002 8.76637 7.50002 8.40985 7.68168C8.09625 7.84147 7.84128 8.09643 7.68149 8.41004C7.49984 8.76656 7.49984 9.23327 7.49984 10.1667V15.6667C7.49984 16.6001 7.49984 17.0668 7.68149 17.4233C7.84128 17.7369 8.09625 17.9919 8.40985 18.1517C8.76637 18.3334 9.23308 18.3334 10.1665 18.3334Z",stroke:i??"#414651",strokeWidth:"1.66667",strokeLinecap:"round",strokeLinejoin:"round"})}),A.jsx("defs",{children:A.jsx("clipPath",{id:"clip0_444_26",children:A.jsx("rect",{width:"20",height:"20",fill:"white"})})})]}),Iu=e=>A.jsx("svg",{xmlns:e.xmlns??"http://www.w3.org/2000/svg",width:e.width??"14",height:e.height??"14",viewBox:e.viewBox??"0 0 14 14",fill:e.fill??"none",children:A.jsx("path",{d:e.d??"M10.5 3.5L3.5 10.5M3.5 3.5L10.5 10.5",stroke:e.stroke??"#A4A7AE",strokeWidth:e.strokeWidth??"1.66667",strokeLinecap:e.strokeLinecap??"round",strokeLinejoin:e.strokeLinejoin??"round"})}),kB="Checkbox-module__checkboxWrapper",BB="Checkbox-module__sm",LB="Checkbox-module__md",PB="Checkbox-module__checkMark",FB="Checkbox-module__checked",MB="Checkbox-module__disabled",VB="Checkbox-module__dark",Uo={checkboxWrapper:kB,sm:BB,md:LB,checkMark:PB,checked:FB,disabled:MB,dark:VB},yI=({color:e,width:t,height:i})=>A.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:t??"12",height:i??"12",viewBox:"0 0 12 12",fill:"none",children:A.jsx("path",{d:"M10 3L4.5 8.5L2 6",stroke:e??"white",strokeWidth:"1.6666",strokeLinecap:"round",strokeLinejoin:"round"})}),Mg=e=>A.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",...e,width:"10",height:"2",viewBox:"0 0 10 2",fill:"none",children:A.jsx("path",{d:"M1.5 1H8.5",stroke:"white",strokeWidth:"1.66666",strokeLinecap:"round",strokeLinejoin:"round"})}),Tu=({checked:e,change:t,disabled:i=!1,required:n=!1,multipleChecked:r=!1,size:a="md",activeStyle:o,checkBoxStyle:s,theme:l="light"})=>{const u=de.useRef(null),[d,c]=de.useState(!1),h=()=>{t&&typeof t=="function"&&t(!e)},f=()=>d?o??{}:s??{};return A.jsxs("div",{style:f(),className:` ${l==="dark"?Uo.dark:""} ${Uo.checkboxWrapper} ${Uo[a]} ${e?Uo.checked:Uo.unChecked} ${i?Uo.disabled:""}`,onMouseDown:()=>c(!0),onMouseUp:()=>c(!1),onMouseLeave:()=>c(!1),onClick:h,children:[A.jsx("input",{ref:u,type:"checkbox",disabled:i,checked:e,hidden:!0,readOnly:!0,required:n??!1}),e?r?A.jsx(Mg,{}):A.jsx(yI,{}):""]})},NB="Tag-module__tagContainer",HB="Tag-module__onlyLabel",$B="Tag-module__sm",WB="Tag-module__md",zB="Tag-module__lg",GB="Tag-module__tagLabel",UB="Tag-module__tagNumber",KB="Tag-module__tagClose",jB="Tag-module__dark",Na={tagContainer:NB,onlyLabel:HB,sm:$B,md:WB,lg:zB,tagLabel:GB,tagNumber:UB,tagClose:KB,dark:jB},Vg=({id:e,label:t,icon:i,withClose:n,withCheckbox:r,withNumber:a,number:o,checkboxProps:s,disable:l,size:u,onClose:d,tagContainerStyle:c,tagLabelStyle:h,tagNumberStyle:f,tagCloseStlye:p,theme:g})=>{const m=()=>!r&&!i&&!n&&!a,C=()=>i,x=()=>{d&&typeof d=="function"&&d(e??null)};return A.jsxs("div",{style:c??{},className:`${g==="dark"?Na.dark:""} ${Na.tagContainer} ${m()?Na.onlyLabel:""} ${Na[u??"md"]}`,children:[r&&A.jsx(Tu,{...s}),i&&C(),t&&A.jsx("p",{style:h??{},className:Na.tagLabel,children:t??""}),a&&A.jsx("div",{style:f??{},className:Na.tagNumber,children:o??""}),n&&A.jsx("div",{style:p??{},className:Na.tagClose,onClick:x,children:A.jsx(Iu,{width:(p==null?void 0:p.width)??"14",height:(p==null?void 0:p.height)??"14",color:(p==null?void 0:p.color)??"#A4A7AE"})})]})},jl=({value:e,label:t,placeholder:i,required:n,disabled:r,type:a,size:o,onChange:s,onFouce:l,onBlur:u,msg:d,readOnly:c,maxLength:h,onlyText:f,tagValues:p,onRightIconIconClick:g,onRightIconIconMouseEnter:m,onRightIconIconMouseLeave:C,onLeftIconIconClick:x,onLeftIconIconMouseEnter:T,onLeftIconIconMouseLeave:R,onPressEnter:D,rightIcon:G,leftIcon:W,withDropDown:H,dropdownData:U,dropDownPosition:K="left",onSelectData:Y,withTags:M,tagProps:q,withLink:b,withCopy:j,onCopy:re,inputWrapperStyle:Q,inputLabelStyle:fe,requiredStyle:se,inputContainerStyle:J,leftIconStyle:N,inputDropDownStyle:y,ulStyle:E,liStyle:w,httpStyle:B,inputStyle:F,rightIconStyle:$,withCopyStyle:z,inputHelperTextStyle:ee,theme:te="light"})=>{const[_e,ue]=de.useState(!1),Oe=de.useRef(null),[I,le]=de.useState(!1),[oe,L]=de.useState(!1),P=de.useRef(null),X=de.useRef(null),[pe,xe]=de.useState(!1),[ae,be]=de.useState(1),ke=$e=>{let pt=$e.target.value;pt.length===1&&(pt=pt.trim()),s&&typeof s=="function"&&s(f?pt.replace(/\d/g,""):pt)},Ie=()=>{le(!0),l&&typeof l=="function"&&l()},Pe=()=>{le(!1),u&&typeof u=="function"&&u()},ut=$e=>{const pt=$e.target.value,ii=pt.length===0;a==="number"&&($e.keyCode===69||!ii&&($e.keyCode===187||$e.keyCode===107||$e.keyCode===189||$e.keyCode===109))&&$e.preventDefault(),$e.key==="Enter"&&pt&&pt.length>0&&D&&typeof D=="function"&&D(pt)},Ke=()=>{re&&typeof re=="function"&&re(e)},It=$e=>$e,ui=()=>{let $e={};return j&&($e.borderTopRightRadius=0,$e.borderBottomRightRadius=0,$e.borderRight=0),H&&(K==="right"?$e.flexDirection="row-reverse":H&&($e.paddingLeft=0)),{...$e,...J??{}}},He=$e=>{!$e.composedPath().includes(X.current)&&$e.composedPath().includes(P.current)||xe(!1)},jt=$e=>{be($e.id),xe(!1),Y&&typeof Y=="function"&&Y($e)};de.useEffect(()=>{e&&e.length===0&&calculateWidth()},[e]),de.useEffect(()=>(document.addEventListener("click",He),()=>{document.removeEventListener("click",He)}),[]);const dt=de.useRef(!1);return de.useEffect(()=>{dt.current?setTimeout(()=>{ue($e=>!$e)},0):dt.current=!0},[]),A.jsxs("div",{className:`${te==="dark"?fi.dark:""} ${fi.inputWrapper}`,style:Q??{},children:[t&&A.jsxs("label",{className:fi.inputLabel,style:fe??{},children:[t," ",A.jsx("span",{className:fi.required,style:se??{},children:n&&"*"})]}),A.jsxs("div",{style:{display:"flex",alignItems:"center"},children:[A.jsxs("div",{style:ui(),className:`${fi.inputContainer} ${I&&!c?fi.focused:""} ${r?fi.disabled:""} ${d!=null&&d.error?fi.error:""} ${fi[o??"sm"]}`,children:[!H&&!b&&W&&A.jsx("div",{className:fi.leftIcon,style:N??{},onClick:()=>{x&&typeof x=="function"&&x()},onMouseEnter:()=>{T&&typeof T=="function"&&T()},onMouseLeave:()=>{R&&typeof R=="function"&&R()},children:It(W)}),!b&&H&&A.jsxs("div",{className:fi.inputDropDown,style:y??{},onClick:()=>xe(!0),ref:P,children:[U.find($e=>$e.id===ae).label,pe&&A.jsx("ul",{ref:X,style:E??{},children:U&&U.length&&U.map(($e,pt)=>A.jsx("li",{style:w??{},onClick:()=>jt($e),children:($e==null?void 0:$e.label)??"-"},$e.id))}),A.jsx(Us,{})]}),b&&A.jsx("div",{className:`${fi.inputDropDown} ${fi.http}`,style:B??{},onClick:()=>xe(!0),ref:P,children:"http://"}),A.jsxs("div",{className:fi.inputContent,children:[M&&p&&p.length>0&&A.jsx("div",{className:fi.inputTags,children:p.map(($e,pt)=>A.jsx("div",{className:fi.inputSingleTags,children:A.jsx(Vg,{...q,id:$e,label:$e,withClose:!0})},pt))}),A.jsx("input",{ref:Oe,style:F??{},type:a??"text",value:e,onChange:$e=>ke($e),onFocus:Ie,onBlur:Pe,disabled:r,required:n,onKeyDown:ut,readOnly:c,spellCheck:!1,placeholder:i??"",autoComplete:"off",maxLength:h})]}),G&&A.jsx("div",{className:fi.rightIcon,style:$??{},onClick:()=>{g&&typeof g=="function"&&g()},onMouseEnter:()=>{m&&typeof m=="function"&&m()},onMouseLeave:()=>{C&&typeof C=="function"&&C()},children:It(G)})]}),j&&A.jsxs("div",{style:z??{},onClick:Ke,className:fi.withCopy,children:[A.jsx(RB,{}),A.jsx("span",{children:"Copy"})]})]}),d&&(d==null?void 0:d.visible)&&A.jsx("div",{style:ee??{},className:`${fi.inputHelperText} ${d!=null&&d.error?fi.error:""}`,children:A.jsx("p",{style:(d==null?void 0:d.style)??{},children:d.text})})]})},qB="Textarea-module__textareaContainer",YB="Textarea-module__textAreaLabel",XB="Textarea-module__required",ZB="Textarea-module__wrap",QB="Textarea-module__textarea",JB="Textarea-module__focused",eL="Textarea-module__disabled",tL="Textarea-module__error",iL="Textarea-module__helperTextStyle",nL="Textarea-module__dark",cn={textareaContainer:qB,textAreaLabel:YB,required:XB,wrap:ZB,textarea:QB,focused:JB,disabled:eL,error:tL,helperTextStyle:iL,dark:nL},rL=({placeholder:e,label:t,msg:i,cols:n,rows:r,value:a,maxLength:o,onChange:s,onFocus:l,onBlur:u,disabled:d,required:c,textareaContainerStyle:h,textareaLabelStyle:f,requiredStyle:p,textareaStyle:g,textareaHelperTextStyle:m,theme:C,labelIcon:x})=>{const[T,R]=de.useState(!1),D=U=>{let K=U.target.value;s&&typeof s=="function"&&s(K)},G=U=>U,W=()=>{R(!0),l&&typeof l=="function"&&l()},H=()=>{R(!1),u&&typeof u=="function"&&u()};return A.jsxs("div",{style:h??{},className:`${C==="dark"?cn.dark:""} ${cn.textareaContainer} ${i!=null&&i.type&&(i!=null&&i.visible)?cn[i==null?void 0:i.type]:""} ${d?cn.disabled:null}`,children:[t&&A.jsxs("div",{style:f,className:cn.textAreaLabel,children:[A.jsx("p",{children:t}),A.jsx("span",{style:p??{},className:cn.required,children:c&&"*"}),x&&G(x)]}),A.jsx("div",{className:cn.wrap,children:A.jsx("textarea",{style:g??{},className:`${cn.textarea} ${T?cn.focused:""} ${d?cn.disabled:""} ${i!=null&&i.error?cn.error:""}`,value:a,placeholder:e??"",cols:n??"30",rows:r??"5",maxLength:o??null,onFocus:W,disabled:d,onBlur:H,onChange:D})}),i&&(i==null?void 0:i.text)&&(i==null?void 0:i.text.length)>0&&A.jsx("div",{style:m??{},className:`${cn.helperTextStyle} ${i!=null&&i.error?cn.error:""}`,children:A.jsx("p",{style:(i==null?void 0:i.style)??{},children:i.text})})]})},aL="Toggle-module__toggleWrapper",oL="Toggle-module__toggleState",sL="Toggle-module__checked",lL="Toggle-module__disabled",uL="Toggle-module__dark",el={toggleWrapper:aL,toggleState:oL,checked:sL,disabled:lL,dark:uL},dL=({checked:e,change:t,disabled:i,required:n,activeStyle:r,bgStyle:a,checkedBgStyle:o,disabledBgStyle:s,circleStyle:l,checkedCircleStyle:u,disabledCircleStyle:d,theme:c="light"})=>{const[h,f]=de.useState(!1),p=()=>{t&&typeof t=="function"&&t(!e)},g=()=>{if(h)return r??{};if(e){if(o)return o}else if(e){if(i&&s)return s}else if(a)return a;return{}},m=()=>{if(e){if(u)return u}else if(e){if(i&&d)return d}else if(l)return l;return{}};return A.jsx("div",{style:g(),onMouseDown:()=>f(!0),onMouseUp:()=>f(!1),onMouseLeave:()=>f(!1),onClick:p,className:`${c==="dark"?el.dark:""} ${el.toggleWrapper} ${e?el.checked:""} ${i?el.disabled:""}`,children:A.jsx("div",{style:m(),className:el.toggleState,children:A.jsx("input",{type:"checkbox",checked:e,readOnly:!0,disabled:i??!1,hidden:!0,required:n??!1})})})},cL="Radio-module__radioWrapper",hL="Radio-module__sm",fL="Radio-module__md",pL="Radio-module__checked",vL="Radio-module__innerCircle",_L="Radio-module__radioState",gL="Radio-module__disabled",mL="Radio-module__dark",ta={radioWrapper:cL,sm:hL,md:fL,checked:pL,innerCircle:vL,radioState:_L,disabled:gL,dark:mL},xI=({checked:e,change:t,disabled:i,required:n,withUncheckState:r=!0,size:a,theme:o="light"})=>{const[s,l]=de.useState(!1),u=()=>{t&&typeof t=="function"&&(console.log(e),t(r?!e:!0))};return A.jsxs("div",{className:`${o==="dark"?ta.dark:""} ${ta.radioWrapper} ${ta[a]??ta.md} ${e?ta.checked:""} ${i?ta.disabled:""}`,onClick:u,children:[A.jsx("input",{type:"radio",checked:!0,readOnly:!0,hidden:!0,disabled:i??!1,required:n}),A.jsx("div",{className:ta.radioState,children:A.jsx("div",{className:ta.innerCircle})})]})},CL="Dropdown-module__dropdownWrapper",yL="Dropdown-module__placeHolder",xL="Dropdown-module__dropdownLabel",bL="Dropdown-module__required",SL="Dropdown-module__dropdownContainer",wL="Dropdown-module__sm",EL="Dropdown-module__md",IL="Dropdown-module__selectedTags",TL="Dropdown-module__selectedList",AL="Dropdown-module__additional",DL="Dropdown-module__dropdownListContainer",OL="Dropdown-module__dropdownList",RL="Dropdown-module__hidden",kL="Dropdown-module__visible",BL="Dropdown-module__checkIcon",LL="Dropdown-module__disabled",PL="Dropdown-module__selected",FL="Dropdown-module__dropdownListFooter",ML="Dropdown-module__focused",VL="Dropdown-module__error",NL="Dropdown-module__dropdownHelperText",HL="Dropdown-module__dark",ni={dropdownWrapper:CL,placeHolder:yL,dropdownLabel:xL,required:bL,dropdownContainer:SL,sm:wL,md:EL,selectedTags:IL,selectedList:TL,additional:AL,dropdownListContainer:DL,dropdownList:OL,hidden:RL,visible:kL,checkIcon:BL,disabled:LL,selected:PL,dropdownListFooter:FL,focused:ML,error:VL,dropdownHelperText:NL,dark:HL},bI=()=>A.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1.5rem",height:"1.5rem",fill:"none",viewBox:"0 0 20 20",children:A.jsx("path",{stroke:"#10B77F",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",d:"M10 18.333c4.584 0 8.334-3.75 8.334-8.334 0-4.583-3.75-8.333-8.334-8.333-4.583 0-8.333 3.75-8.333 8.333 0 4.584 3.75 8.334 8.333 8.334zM6.667 10h6.667M10 13.333V6.666"})}),$L=()=>A.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",children:A.jsx("path",{d:"M16.5 16.5L13.5834 13.5833M15.6667 8.58333C15.6667 12.4954 12.4954 15.6667 8.58333 15.6667C4.67132 15.6667 1.5 12.4954 1.5 8.58333C1.5 4.67132 4.67132 1.5 8.58333 1.5C12.4954 1.5 15.6667 4.67132 15.6667 8.58333Z",stroke:"#717680",strokeWidth:"1.66667",strokeLinecap:"round",strokeLinejoin:"round"})}),c_=({label:e,disabled:t,required:i,size:n="md",placeholder:r,msg:a,readOnly:o,searchValue:s,onClearAll:l,onSelectAll:u,onBottomScroll:d,withSearch:c=!1,onFocus:h,onBlur:f,withClearAll:p=!0,withSelectAll:g=!0,withPlus:m=!1,searchComponent:C=!1,withFooter:x=!0,data:T,onSelect:R,selectedOptionID:D,withFilter:G=!0,withClose:W=!0,fixedDropdown:H=!1,onSearch:U,pagination:K,withMultiSelect:Y=!1,skipSelected:M,labelIcon:q,closeIcon:b,dropdownIcon:j,iconDown:re,onLabelIconClick:Q,onLabelIconMouseEnter:fe,onLabelIconMouseLeave:se,dropdownWrapperStyle:J,dropdownLabelStyle:N,requiredStyle:y,labelIconStyle:E,dropdownContainerStyle:w,placeHolderStyle:B,selectedTagsStyle:F,selectedListStyle:$,additionalStyle:z,additionalSpanStyle:ee,dropdownListStyle:te,listStyle:_e,theme:ue="light"})=>{const[Oe,I]=de.useState(!1),[le,oe]=de.useState(!1),[L,P]=de.useState(""),[X,pe]=de.useState(""),[xe,ae]=de.useState(null),be=de.useRef([]),ke=de.useRef(null),Ie=de.useRef(null),Pe=de.useRef({}),ut=(me,Ye)=>{const qt=new Set;return me.filter(zi=>qt.has(zi[Ye])?!1:(qt.add(zi[Ye]),!0))},Ke=me=>{var Ye;Pe.current=me,P((Ye=Pe.current)==null?void 0:Ye.label),R&&typeof R=="function"&&R(Pe.current),oe(!1)},It=me=>{be.current=[...be.current,...T.filter(Ye=>Ye.selected==!0),...T.filter(Ye=>Ye.id===me.id)],me.selected=!me.selected,be.current=ut(be.current,"id").filter(Ye=>Ye.selected),R&&typeof R=="function"&&R(be.current),!C&&!c&&P(be.current.map(Ye=>Ye.label).join(", ")),I(Ye=>!Ye)},ui=me=>{me.stopPropagation(),be.current=[],D=null,T&&T.length>0&&T.forEach(Ye=>Ye.selected=!1),He(""),Y?R([]):(Pe.current={},R({}),U&&typeof U=="function"&&U("")),P("")},He=me=>{U&&typeof U=="function"&&U(me),pe(me),P(me)},jt=()=>{if(D||D===0){let me=T.filter(Ye=>Number(Ye.id)===Number(D));me&&me[0]&&(Pe.current=me[0],M?(U&&typeof U=="function"&&U(Pe.current.label),P(Pe.current.label),closeOnSelect&&setCollapsed(Ye=>!1),withDropdownSearch&&DropdownSearchValue&&SetDropdownSearchValue("")):Ke(me[0]))}},[dt,$e]=de.useState(!1),pt=me=>{let Ye=ke.current.querySelector("ul"),zi=Math.abs(Ye.scrollTop+Ye.clientHeight-Ye.scrollHeight)<=2;K&&zi&&!dt&&(d&&typeof d=="function"&&d(!0),$e(!0)),zi||$e(!1)},ii=()=>{T.forEach(me=>{me.selected=!1}),be.current=[],R([]),P(""),l&&typeof l=="function"&&l(),I(me=>!me)},$n=()=>{T.forEach(me=>{me!=null&&me.id&&(me==null?void 0:me.id)!==null&&(me!=null&&me.label)&&(me==null?void 0:me.label)!==""&&(me==null?void 0:me.label)!=="-"&&!me.disabled&&(me.selected=!0)}),be.current=T,be.current=ut(be.current,"id").filter(me=>me.selected),P(be.current.map(me=>me.label).join(", ")),u&&typeof u=="function"&&u(),R(be.current),I(me=>!me)},un=de.useRef(!0);de.useEffect(()=>{if(un.current){un.current=!1;return}le||f&&typeof f=="function"&&f()},[le]);const Wn=()=>{h&&typeof h=="function"&&h()},Di=me=>me,dn=me=>{let Ye=!0,qt=L;return(G||withDropdownSearch)&&me&&!me.toLowerCase().split(" ").join("").trim().includes(qt.toLowerCase().split(" ").join("").trim())&&qt.trim()!==""&&(Ye=!1),qt.length>0&&me==="-"?"hidden":Ye?"visible":"hidden"},Ge=me=>{me.composedPath().includes(ke.current)||oe(!1)},_t=me=>{if(H){if(me.composedPath().includes(ke.current))return;oe(!1)}},Oi=()=>{const me=ke.current,Ye=Ie.current;if(!Ye||!me)return;const qt=me.getBoundingClientRect(),zi=window.innerHeight;H?(Ye.style.position="fixed",Ye.style.width=qt.width+"px",Ye.style.left=`${qt.left+window.pageXOffset}px`,qt.bottom+Ye.offsetHeight>zi?(Ye.style.top=`${window.scrollY+qt.top-Ye.offsetHeight-8}px`,Ye.style.bottom="unset"):(Ye.style.top=`${window.scrollY+qt.bottom}px`,Ye.style.bottom="unset")):qt.bottom>zi?(Ye.style.top="unset",Ye.style.bottom="calc(100% + 8px)"):(Ye.style.bottom="unset",Ye.style.top="calc(100% + 8px)")},vt=de.useRef(null);return de.useEffect(()=>{le&&vt.current&&vt.current.focus()},[le]),de.useEffect(()=>{Y&&(be.current=T.filter(me=>me.selected),P(T.filter(me=>me.selected).map(me=>me.label).join(", ")))},[]),de.useEffect(()=>{C&&s&&s.length>0&&pe(s)},[]),de.useEffect(()=>{Oi()},[Ie,le]),de.useEffect(()=>{Y||jt()},[D]),de.useEffect(()=>(document.addEventListener("click",Ge),document.addEventListener("wheel",_t),()=>{document.removeEventListener("click",Ge),document.removeEventListener("wheel",_t)}),[]),A.jsxs("div",{className:`${ue==="dark"?ni.dark:""} ${ni.dropdownWrapper}`,style:J??{},children:[e&&A.jsxs("label",{className:ni.dropdownLabel,style:N??{},children:[e," ",A.jsx("span",{className:ni.required,style:y??{},children:i&&"*"}),A.jsxs("span",{style:{...E??{},display:"grid",placeItems:"center"},onClick:()=>{Q&&typeof Q=="function"&&Q()},onMouseEnter:()=>{fe&&typeof fe=="function"&&fe()},onMouseLeave:()=>{se&&typeof se=="function"&&se()},children:[" ",Di(q)]})]}),A.jsxs("div",{onFocus:Wn,ref:ke,onClick:()=>(oe(me=>!me),Oi()),className:`${ni.dropdownContainer} ${le&&!o?ni.focused:""} ${t?ni.disabled:""} ${a!=null&&a.error?ni.error:""} ${ni[n]}`,style:w??{},children:[C?A.jsxs("div",{children:[" ",A.jsx($L,{})]}):A.jsx(A.Fragment,{children:j&&A.jsx("div",{style:{display:"grid",alignItems:"center",marginRight:"0.5rem"},children:Di(j)})}),!C&&Y&&r&&!le&&be.current.length===0&&A.jsx("span",{className:ni.placeHolder,style:B??{},children:r??""}),Y&&A.jsx("div",{className:ni.selectedTags,style:F??{},children:!C&&!le?A.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"flex-start",width:"100%"},children:[be.current.slice(0,3).map((me,Ye)=>{let qt=be.current[be.current.length-1];return A.jsxs("span",{className:ni.selectedList,style:$??{},children:[!m&&me.label,!m&&me.id!==qt.id&&Ye!==2?", ":""]},me==null?void 0:me.id)}),!m&&be.current.length>3&&A.jsxs("div",{className:ni.additional,style:z??{},children:[" ",A.jsxs("span",{style:ee??{},children:["+(",be.current.length-3,")"]})]})]}):A.jsx("input",{ref:vt,onClick:me=>(me.stopPropagation(),oe(!0)),autoCorrect:"off",placeholder:"Search...",type:"text",...C?{value:X}:Y&&c?{value:L}:{},onChange:me=>He(me.target.value)},D)}),A.jsx("input",{autoCorrect:"off",hidden:Y,placeholder:r,readOnly:!G||!le||Y,type:"text",value:Y&&!C&&le?"":L,onChange:me=>He(me.target.value)},D),T&&T.length>0&&le&&A.jsxs("div",{ref:Ie,onClick:me=>me.stopPropagation(),className:ni.dropdownListContainer,children:[A.jsx("ul",{onScroll:me=>pt(),onClick:me=>me.stopPropagation(),className:ni.dropdownList,style:te??{},children:T.map(me=>{var Ye,qt,zi,zo;return A.jsxs("li",{style:_e??{},className:`${c?ni[dn((me==null?void 0:me.label)??"-")]:""} ${!(me!=null&&me.label)||me.label===void 0||me!=null&&me.disabled?ni.disabled:""} ${(Y?me.selected:(Ye=Pe.current)!=null&&Ye.id&&((qt=Pe.current)==null?void 0:qt.id)===me.id)?ni.selected:""}`,onClick:()=>{Y?It(me):Ke(me)},children:[A.jsxs("p",{children:[" ",me!=null&&me.customLabel?me.customLabel():(me==null?void 0:me.label)??"-"]}),m?A.jsx(A.Fragment,{children:me.selected?A.jsx(Mg,{}):A.jsx(bI,{})}):(Y?me.selected:((zi=Pe.current)==null?void 0:zi.id)&&((zo=Pe.current)==null?void 0:zo.id)===me.id)&&A.jsx("span",{className:ni.checkIcon,children:A.jsx(yI,{color:"#7F56D9",width:20,height:20})})]},me==null?void 0:me.id)})}),Y&&x&&A.jsxs("div",{className:ni.dropdownListFooter,children:[p&&A.jsx("span",{onClick:ii,children:"Clear All"}),g&&A.jsx("span",{onClick:$n,children:"Select All"})]})]}),!Y&&W&&(be.current.length>0||L.length)>0&&A.jsx("div",{onClick:me=>ui(me),style:{display:"grid",placeItems:"center",cursor:"pointer"},children:b?Di(b):A.jsx(Iu,{width:16,height:16})}),re?Di(re):A.jsx("div",{style:{display:"grid",placeItems:"center",transform:le?"rotate(180deg)":"",transition:"transform 0.2s ease-in-out",cursor:"pointer",marginLeft:"10px"},children:!C&&A.jsx(Us,{})})]}),a&&(a==null?void 0:a.visible)&&A.jsx("div",{className:`${ni.dropdownHelperText} ${a!=null&&a.error?ni.error:""}`,children:!le&&A.jsx("p",{style:(a==null?void 0:a.style)??{},children:a.text})})]})},WL="Tooltip-module__tooltipContainer",zL="Tooltip-module__tooltipContent",GL="Tooltip-module__top",UL="Tooltip-module__right",KL="Tooltip-module__bottom",jL="Tooltip-module__left",qL="Tooltip-module__tooltipTitle",YL="Tooltip-module__tooltipText",XL="Tooltip-module__dark",Ha={tooltipContainer:WL,tooltipContent:zL,top:GL,right:UL,bottom:KL,left:jL,tooltipTitle:qL,tooltipText:YL,dark:XL},ZL=({children:e,tooltipSlot:t,delay:i,placement:n="top",trigger:r="hover",title:a,text:o,tooltipContentStyle:s,tooltipTitlestyle:l,tooltipTextStyle:u,pointerPosition:d="10%",theme:c})=>{const h=de.useRef(null),f=de.useRef(null);let p;const[g,m]=de.useState(!1),C=()=>{r==="hover"&&(p=setTimeout(()=>{m(!0)},i||400))},x=()=>{r==="hover"&&(clearTimeout(p),setTimeout(()=>{m(!1)},i||400))},T=()=>{r==="click"&&m(G=>!G)},R=()=>{const G=h.current,W=f.current;if(!W||!G)return;const H=G.getBoundingClientRect();switch(W.style.position="fixed",n){case"top":W.style.top=`${H.top-W.offsetHeight-8}px`;break;case"bottom":W.style.top=`${H.bottom+8}px`;break;case"left":W.style.top=`${H.top+H.height/2-W.offsetHeight/2}px`,W.style.left=`${H.left-W.offsetWidth-8}px`;break;case"right":W.style.top=`${H.top+H.height/2-W.offsetHeight/2}px`,W.style.left=`${H.right+8}px`;break}},D=G=>{G.composedPath().includes(h.current)||m(!1)};return de.useEffect(()=>{R()},[h,g]),de.useEffect(()=>(document.addEventListener("click",D),()=>{document.removeEventListener("click",D)}),[]),de.useEffect(()=>{const G=f.current;G&&G.style.setProperty("--pointer-position",`${d}`)},[g]),A.jsxs("div",{ref:h,className:`${c==="dark"?Ha.dark:""} ${Ha.tooltipContainer}`,onClick:T,onMouseEnter:C,onMouseLeave:x,children:[e,g&&t?t():g&&A.jsxs("div",{style:s??{},onClick:G=>G.stopPropagation(),ref:f,className:`${Ha.tooltipContent} ${n?Ha[n]:Ha.bottom}`,children:[a&&a.length>0&&A.jsx("h2",{className:Ha.tooltipTitle,style:l??{},children:a}),o&&o.length>0&&A.jsx("p",{className:Ha.tooltipText,style:u??{},children:o})]})]})},QL="Popup-module__modalOverlay",JL="Popup-module__popupDrawerMode",eP="Popup-module__popupContainer",tP="Popup-module__withOptions",iP="Popup-module__horizontal",nP="Popup-module__popupHeader",rP="Popup-module__popupTitle",aP="Popup-module__popupDescription",oP="Popup-module__typeIcon",sP="Popup-module__icon",lP="Popup-module__templateWrapper",uP="Popup-module__dark",Sn={modalOverlay:QL,popupDrawerMode:JL,popupContainer:eP,withOptions:tP,horizontal:iP,popupHeader:nP,popupTitle:rP,popupDescription:aP,typeIcon:oP,icon:sP,templateWrapper:lP,dark:uP},dP=e=>e&&!["xs","small","medium","large","fullsize"].includes(e)?"medium":e||"small",cP=e=>{const t=["bytes","KB","MB","GB","TB","PB","EB","ZB","YB"];let i=0,n=parseInt(e,10)||0;for(;n>=1024&&++i;)n=n/1024;return n.toFixed(n<10&&i>0?1:0)+" "+t[i]},hP=e=>e.slice((e.lastIndexOf(".")-1>>>0)+2),fP=e=>new Promise((t,i)=>{const n=new FileReader;n.readAsDataURL(e),n.onload=()=>t(n.result.split(",")[1]),n.onerror=r=>i(r)});location.href.indexOf(".upgaming.dev")>0||location.href.indexOf(".upgaming.com")>0;const pP=(e,t)=>{const i=new Set;return e.filter(n=>i.has(n[t])?!1:(i.add(n[t]),!0))},vP=()=>A.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:A.jsx("path",{d:"M7.5 12L10.5 15L16.5 9M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z",stroke:"#079455",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),_P=()=>A.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:A.jsx("path",{d:"M7 3V6.4C7 6.96005 7 7.24008 7.10899 7.45399C7.20487 7.64215 7.35785 7.79513 7.54601 7.89101C7.75992 8 8.03995 8 8.6 8H15.4C15.9601 8 16.2401 8 16.454 7.89101C16.6422 7.79513 16.7951 7.64215 16.891 7.45399C17 7.24008 17 6.96005 17 6.4V4M17 21V14.6C17 14.0399 17 13.7599 16.891 13.546C16.7951 13.3578 16.6422 13.2049 16.454 13.109C16.2401 13 15.9601 13 15.4 13H8.6C8.03995 13 7.75992 13 7.54601 13.109C7.35785 13.2049 7.20487 13.3578 7.10899 13.546C7 13.7599 7 14.0399 7 14.6V21M21 9.32548V16.2C21 17.8802 21 18.7202 20.673 19.362C20.3854 19.9265 19.9265 20.3854 19.362 20.673C18.7202 21 17.8802 21 16.2 21H7.8C6.11984 21 5.27976 21 4.63803 20.673C4.07354 20.3854 3.6146 19.9265 3.32698 19.362C3 18.7202 3 17.8802 3 16.2V7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3H14.6745C15.1637 3 15.4083 3 15.6385 3.05526C15.8425 3.10425 16.0376 3.18506 16.2166 3.29472C16.4184 3.4184 16.5914 3.59135 16.9373 3.93726L20.0627 7.06274C20.4086 7.40865 20.5816 7.5816 20.7053 7.78343C20.8149 7.96237 20.8957 8.15746 20.9447 8.36154C21 8.59171 21 8.8363 21 9.32548Z",stroke:"#DC6803",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),Ng=({width:e,color:t})=>A.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:e??"24",height:e??"24",viewBox:"0 0 24 24",fill:"none",children:A.jsx("path",{d:"M16 6V5.2C16 4.0799 16 3.51984 15.782 3.09202C15.5903 2.71569 15.2843 2.40973 14.908 2.21799C14.4802 2 13.9201 2 12.8 2H11.2C10.0799 2 9.51984 2 9.09202 2.21799C8.71569 2.40973 8.40973 2.71569 8.21799 3.09202C8 3.51984 8 4.0799 8 5.2V6M10 11.5V16.5M14 11.5V16.5M3 6H21M19 6V17.2C19 18.8802 19 19.7202 18.673 20.362C18.3854 20.9265 17.9265 21.3854 17.362 21.673C16.7202 22 15.8802 22 14.2 22H9.8C8.11984 22 7.27976 22 6.63803 21.673C6.07354 21.3854 5.6146 20.9265 5.32698 20.362C5 19.7202 5 18.8802 5 17.2V6",stroke:t??"#D92D20",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),Hg=({visible:e,template:t,options:i,children:n,onClickOutside:r,onClose:a,widthType:o,modalOverlayStyle:s,popupContainerStyle:l,templateWrapperStyle:u,popupHeaderStyle:d,popupTitleStyle:c,theme:h})=>{const f=()=>{if(!(!i||!(i!=null&&i.type)))switch(String(i==null?void 0:i.type)){case"delete":return A.jsx(Ng,{});case"unsaved":return A.jsx(_P,{});case"success":return A.jsx(vP,{})}},p=()=>{a&&typeof a=="function"&&a(!1)},g=de.useRef(null),m=C=>{C.target===g.current&&r&&typeof r=="function"&&r(!1)};return de.useEffect(()=>(document.addEventListener("click",m),()=>{document.removeEventListener("click",m)}),[]),e&&A.jsx("div",{ref:g,style:s??{},className:`
31
+ <%s key={someKey} {...props} />`,Sf,Va,Xk,Va),cd[Va+Sf]=!0}}return Z===n?zo(hi):zi(hi),hi}}function bf(Z,Te,Ve){return hd(Z,Te,Ve,!0)}function Ce(Z,Te,Ve){return hd(Z,Te,Ve,!1)}var rt=Ce,Gi=bf;Js.Fragment=n,Js.jsx=rt,Js.jsxs=Gi}()),Js}process.env.NODE_ENV==="production"?d_.exports=Qk():d_.exports=Jk();var A=d_.exports;const eB=({loadingColor:e})=>A.jsxs("svg",{version:"1.1",id:"Layer_1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",x:"0px",y:"0px",width:"24px",height:"30px",viewBox:"0 0 24 30",style:{enableBackground:"new 0 0 50 50"},xmlSpace:"preserve",children:[A.jsxs("rect",{x:"0",y:"10",width:"4",height:"10",fill:e??"#ffffff",opacity:"0.2",children:[A.jsx("animate",{attributeName:"opacity",attributeType:"XML",values:"0.2; 1; .2",begin:"0s",dur:"0.6s",repeatCount:"indefinite"}),A.jsx("animate",{attributeName:"height",attributeType:"XML",values:"10; 20; 10",begin:"0s",dur:"0.6s",repeatCount:"indefinite"}),A.jsx("animate",{attributeName:"y",attributeType:"XML",values:"10; 5; 10",begin:"0s",dur:"0.6s",repeatCount:"indefinite"})]}),A.jsxs("rect",{x:"8",y:"10",width:"4",height:"10",fill:e??"#ffffff",opacity:"0.2",children:[A.jsx("animate",{attributeName:"opacity",attributeType:"XML",values:"0.2; 1; .2",begin:"0.15s",dur:"0.6s",repeatCount:"indefinite"}),A.jsx("animate",{attributeName:"height",attributeType:"XML",values:"10; 20; 10",begin:"0.15s",dur:"0.6s",repeatCount:"indefinite"}),A.jsx("animate",{attributeName:"y",attributeType:"XML",values:"10; 5; 10",begin:"0.15s",dur:"0.6s",repeatCount:"indefinite"})]}),A.jsxs("rect",{x:"16",y:"10",width:"4",height:"10",fill:e??"#ffffff",opacity:"0.2",children:[A.jsx("animate",{attributeName:"opacity",attributeType:"XML",values:"0.2; 1; .2",begin:"0.3s",dur:"0.6s",repeatCount:"indefinite"}),A.jsx("animate",{attributeName:"height",attributeType:"XML",values:"10; 20; 10",begin:"0.3s",dur:"0.6s",repeatCount:"indefinite"}),A.jsx("animate",{attributeName:"y",attributeType:"XML",values:"10; 5; 10",begin:"0.3s",dur:"0.6s",repeatCount:"indefinite"})]})]}),tB="MainButton-module__mainButton",iB="MainButton-module__loading",nB="MainButton-module__sm",rB="MainButton-module__onlyIcon",aB="MainButton-module__buttonSlot",oB="MainButton-module__buttonLabel",sB="MainButton-module__md",lB="MainButton-module__lg",uB="MainButton-module__xl",dB="MainButton-module__xl2",cB="MainButton-module__disabled",hB="MainButton-module__dark",ea={mainButton:tB,loading:iB,sm:nB,onlyIcon:rB,buttonSlot:aB,buttonLabel:oB,md:sB,lg:lB,xl:uB,xl2:dB,disabled:cB,dark:hB},Ds=({label:e,buttonType:t="button",onClick:i,size:n="md",disabled:r=!1,loading:a,withIcons:o,iconOne:s,iconTwo:l,onlyIcon:u,buttonStyle:d,labelStyle:c,buttonSlotStyle:h,theme:f="light"})=>A.jsx("button",{type:t,style:!r&&d&&typeof d=="object"?d:{},className:`${f==="dark"?ea.dark:""} ${ea.mainButton} ${u?ea.onlyIcon:""} ${a?ea.loading:""} ${n?ea[n]:""} ${r?ea.disabled:""}`,onClick:()=>{!r&&i&&typeof i=="function"&&i()},children:A.jsxs("div",{className:ea.buttonSlot,style:!r&&h?h:{},children:[u||o&&s?s:"",!u&&A.jsx(A.Fragment,{children:a?A.jsx("div",{style:{display:"grid",placeItems:"center"},children:A.jsx(eB,{})}):A.jsx("span",{style:c??{},className:ea.buttonLabel,children:e??"Button"})}),o&&l?l:""]})}),fB="FormInput-module__inputWrapper",pB="FormInput-module__inputLabel",vB="FormInput-module__required",_B="FormInput-module__inputContainer",gB="FormInput-module__inputContent",mB="FormInput-module__inputTags",CB="FormInput-module__focused",yB="FormInput-module__error",xB="FormInput-module__rightIcon",bB="FormInput-module__leftIcon",SB="FormInput-module__inputDropDown",wB="FormInput-module__http",EB="FormInput-module__disabled",IB="FormInput-module__sm",TB="FormInput-module__md",AB="FormInput-module__withCopy",DB="FormInput-module__inputHelperText",OB="FormInput-module__dark",fi={inputWrapper:fB,inputLabel:pB,required:vB,inputContainer:_B,inputContent:gB,inputTags:mB,focused:CB,error:yB,rightIcon:xB,leftIcon:bB,inputDropDown:SB,http:wB,disabled:EB,sm:IB,md:TB,withCopy:AB,inputHelperText:DB,dark:OB},Us=({width:e,height:t,color:i})=>A.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:e??"12",height:t??"8",viewBox:"0 0 12 8",fill:"none",children:A.jsx("path",{d:"M1 1.5L6 6.5L11 1.5",stroke:i??"#A4A7AE",strokeWidth:"1.66667",strokeLinecap:"round",strokeLinejoin:"round"})}),RB=({width:e,height:t,color:i})=>A.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:e??"20",height:t??"20",viewBox:"0 0 20 20",fill:"none",children:[A.jsx("g",{clipPath:"url(#clip0_444_26)",children:A.jsx("path",{d:"M4.1665 12.5C3.38993 12.5 3.00165 12.5 2.69536 12.3732C2.28698 12.204 1.96253 11.8795 1.79337 11.4712C1.6665 11.1649 1.6665 10.7766 1.6665 10V4.33335C1.6665 3.39993 1.6665 2.93322 1.84816 2.5767C2.00795 2.2631 2.26292 2.00813 2.57652 1.84834C2.93304 1.66669 3.39975 1.66669 4.33317 1.66669H9.99984C10.7764 1.66669 11.1647 1.66669 11.471 1.79355C11.8794 1.96271 12.2038 2.28717 12.373 2.69555C12.4998 3.00183 12.4998 3.39012 12.4998 4.16669M10.1665 18.3334H15.6665C16.5999 18.3334 17.0666 18.3334 17.4232 18.1517C17.7368 17.9919 17.9917 17.7369 18.1515 17.4233C18.3332 17.0668 18.3332 16.6001 18.3332 15.6667V10.1667C18.3332 9.23327 18.3332 8.76656 18.1515 8.41004C17.9917 8.09643 17.7368 7.84147 17.4232 7.68168C17.0666 7.50002 16.5999 7.50002 15.6665 7.50002H10.1665C9.23308 7.50002 8.76637 7.50002 8.40985 7.68168C8.09625 7.84147 7.84128 8.09643 7.68149 8.41004C7.49984 8.76656 7.49984 9.23327 7.49984 10.1667V15.6667C7.49984 16.6001 7.49984 17.0668 7.68149 17.4233C7.84128 17.7369 8.09625 17.9919 8.40985 18.1517C8.76637 18.3334 9.23308 18.3334 10.1665 18.3334Z",stroke:i??"#414651",strokeWidth:"1.66667",strokeLinecap:"round",strokeLinejoin:"round"})}),A.jsx("defs",{children:A.jsx("clipPath",{id:"clip0_444_26",children:A.jsx("rect",{width:"20",height:"20",fill:"white"})})})]}),Iu=e=>A.jsx("svg",{xmlns:e.xmlns??"http://www.w3.org/2000/svg",width:e.width??"14",height:e.height??"14",viewBox:e.viewBox??"0 0 14 14",fill:e.fill??"none",children:A.jsx("path",{d:e.d??"M10.5 3.5L3.5 10.5M3.5 3.5L10.5 10.5",stroke:e.stroke??"#A4A7AE",strokeWidth:e.strokeWidth??"1.66667",strokeLinecap:e.strokeLinecap??"round",strokeLinejoin:e.strokeLinejoin??"round"})}),kB="Checkbox-module__checkboxWrapper",BB="Checkbox-module__sm",LB="Checkbox-module__md",PB="Checkbox-module__checkMark",FB="Checkbox-module__checked",MB="Checkbox-module__disabled",VB="Checkbox-module__dark",Uo={checkboxWrapper:kB,sm:BB,md:LB,checkMark:PB,checked:FB,disabled:MB,dark:VB},yI=({color:e,width:t,height:i})=>A.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:t??"12",height:i??"12",viewBox:"0 0 12 12",fill:"none",children:A.jsx("path",{d:"M10 3L4.5 8.5L2 6",stroke:e??"white",strokeWidth:"1.6666",strokeLinecap:"round",strokeLinejoin:"round"})}),Mg=e=>A.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",...e,width:"10",height:"2",viewBox:"0 0 10 2",fill:"none",children:A.jsx("path",{d:"M1.5 1H8.5",stroke:"white",strokeWidth:"1.66666",strokeLinecap:"round",strokeLinejoin:"round"})}),Tu=({checked:e,change:t,disabled:i=!1,required:n=!1,multipleChecked:r=!1,size:a="md",activeStyle:o,checkBoxStyle:s,theme:l="light"})=>{const u=de.useRef(null),[d,c]=de.useState(!1),h=()=>{t&&typeof t=="function"&&t(!e)},f=()=>d?o??{}:s??{};return A.jsxs("div",{style:f(),className:` ${l==="dark"?Uo.dark:""} ${Uo.checkboxWrapper} ${Uo[a]} ${e?Uo.checked:Uo.unChecked} ${i?Uo.disabled:""}`,onMouseDown:()=>c(!0),onMouseUp:()=>c(!1),onMouseLeave:()=>c(!1),onClick:h,children:[A.jsx("input",{ref:u,type:"checkbox",disabled:i,checked:e,hidden:!0,readOnly:!0,required:n??!1}),e?r?A.jsx(Mg,{}):A.jsx(yI,{}):""]})},NB="Tag-module__tagContainer",HB="Tag-module__onlyLabel",$B="Tag-module__sm",WB="Tag-module__md",zB="Tag-module__lg",GB="Tag-module__tagLabel",UB="Tag-module__tagNumber",KB="Tag-module__tagClose",jB="Tag-module__dark",Na={tagContainer:NB,onlyLabel:HB,sm:$B,md:WB,lg:zB,tagLabel:GB,tagNumber:UB,tagClose:KB,dark:jB},Vg=({id:e,label:t,icon:i,withClose:n,withCheckbox:r,withNumber:a,number:o,checkboxProps:s,disable:l,size:u,onClose:d,tagContainerStyle:c,tagLabelStyle:h,tagNumberStyle:f,tagCloseStlye:p,theme:g})=>{const m=()=>!r&&!i&&!n&&!a,C=()=>i,x=()=>{d&&typeof d=="function"&&d(e??null)};return A.jsxs("div",{style:c??{},className:`${g==="dark"?Na.dark:""} ${Na.tagContainer} ${m()?Na.onlyLabel:""} ${Na[u??"md"]}`,children:[r&&A.jsx(Tu,{...s}),i&&C(),t&&A.jsx("p",{style:h??{},className:Na.tagLabel,children:t??""}),a&&A.jsx("div",{style:f??{},className:Na.tagNumber,children:o??""}),n&&A.jsx("div",{style:p??{},className:Na.tagClose,onClick:x,children:A.jsx(Iu,{width:(p==null?void 0:p.width)??"14",height:(p==null?void 0:p.height)??"14",color:(p==null?void 0:p.color)??"#A4A7AE"})})]})},jl=({value:e,label:t,placeholder:i,required:n,disabled:r,type:a,size:o,onChange:s,onFouce:l,onBlur:u,msg:d,readOnly:c,maxLength:h,onlyText:f,tagValues:p,onRightIconIconClick:g,onRightIconIconMouseEnter:m,onRightIconIconMouseLeave:C,onLeftIconIconClick:x,onLeftIconIconMouseEnter:T,onLeftIconIconMouseLeave:R,onPressEnter:D,rightIcon:G,leftIcon:W,withDropDown:H,dropdownData:U,dropDownPosition:K="left",onSelectData:Y,withTags:M,tagProps:q,withLink:b,withCopy:j,onCopy:re,inputWrapperStyle:Q,inputLabelStyle:fe,requiredStyle:se,inputContainerStyle:J,leftIconStyle:N,inputDropDownStyle:y,ulStyle:E,liStyle:w,httpStyle:B,inputStyle:F,rightIconStyle:$,withCopyStyle:z,inputHelperTextStyle:ee,theme:te="light"})=>{const[_e,ue]=de.useState(!1),Oe=de.useRef(null),[I,le]=de.useState(!1),[oe,L]=de.useState(!1),P=de.useRef(null),X=de.useRef(null),[pe,xe]=de.useState(!1),[ae,be]=de.useState(1),ke=$e=>{let pt=$e.target.value;pt.length===1&&(pt=pt.trim()),s&&typeof s=="function"&&s(f?pt.replace(/\d/g,""):pt)},Ie=()=>{le(!0),l&&typeof l=="function"&&l()},Pe=()=>{le(!1),u&&typeof u=="function"&&u()},ut=$e=>{const pt=$e.target.value,ii=pt.length===0;a==="number"&&($e.keyCode===69||!ii&&($e.keyCode===187||$e.keyCode===107||$e.keyCode===189||$e.keyCode===109))&&$e.preventDefault(),$e.key==="Enter"&&pt&&pt.length>0&&D&&typeof D=="function"&&D(pt)},Ke=()=>{re&&typeof re=="function"&&re(e)},It=$e=>$e,ui=()=>{let $e={};return j&&($e.borderTopRightRadius=0,$e.borderBottomRightRadius=0,$e.borderRight=0),H&&(K==="right"?$e.flexDirection="row-reverse":H&&($e.paddingLeft=0)),{...$e,...J??{}}},He=$e=>{!$e.composedPath().includes(X.current)&&$e.composedPath().includes(P.current)||xe(!1)},jt=$e=>{be($e.id),xe(!1),Y&&typeof Y=="function"&&Y($e)};de.useEffect(()=>{e&&e.length===0&&calculateWidth()},[e]),de.useEffect(()=>(document.addEventListener("click",He),()=>{document.removeEventListener("click",He)}),[]);const dt=de.useRef(!1);return de.useEffect(()=>{dt.current?setTimeout(()=>{ue($e=>!$e)},0):dt.current=!0},[]),A.jsxs("div",{className:`${te==="dark"?fi.dark:""} ${fi.inputWrapper}`,style:Q??{},children:[t&&A.jsxs("label",{className:fi.inputLabel,style:fe??{},children:[t," ",A.jsx("span",{className:fi.required,style:se??{},children:n&&"*"})]}),A.jsxs("div",{style:{display:"flex",alignItems:"center"},children:[A.jsxs("div",{style:ui(),className:`${fi.inputContainer} ${I&&!c?fi.focused:""} ${r?fi.disabled:""} ${d!=null&&d.error?fi.error:""} ${fi[o??"sm"]}`,children:[!H&&!b&&W&&A.jsx("div",{className:fi.leftIcon,style:N??{},onClick:()=>{x&&typeof x=="function"&&x()},onMouseEnter:()=>{T&&typeof T=="function"&&T()},onMouseLeave:()=>{R&&typeof R=="function"&&R()},children:It(W)}),!b&&H&&A.jsxs("div",{className:fi.inputDropDown,style:y??{},onClick:()=>xe(!0),ref:P,children:[U.find($e=>$e.id===ae).label,pe&&A.jsx("ul",{ref:X,style:E??{},children:U&&U.length&&U.map(($e,pt)=>A.jsx("li",{style:w??{},onClick:()=>jt($e),children:($e==null?void 0:$e.label)??"-"},$e.id))}),A.jsx(Us,{})]}),b&&A.jsx("div",{className:`${fi.inputDropDown} ${fi.http}`,style:B??{},onClick:()=>xe(!0),ref:P,children:"http://"}),A.jsxs("div",{className:fi.inputContent,children:[M&&p&&p.length>0&&A.jsx("div",{className:fi.inputTags,children:p.map(($e,pt)=>A.jsx("div",{className:fi.inputSingleTags,children:A.jsx(Vg,{...q,id:$e,label:$e,withClose:!0})},pt))}),A.jsx("input",{ref:Oe,style:F??{},type:a??"text",value:e,onChange:$e=>ke($e),onFocus:Ie,onBlur:Pe,disabled:r,required:n,onKeyDown:ut,readOnly:c,spellCheck:!1,placeholder:i??"",autoComplete:"off",maxLength:h})]}),G&&A.jsx("div",{className:fi.rightIcon,style:$??{},onClick:()=>{g&&typeof g=="function"&&g()},onMouseEnter:()=>{m&&typeof m=="function"&&m()},onMouseLeave:()=>{C&&typeof C=="function"&&C()},children:It(G)})]}),j&&A.jsxs("div",{style:z??{},onClick:Ke,className:fi.withCopy,children:[A.jsx(RB,{}),A.jsx("span",{children:"Copy"})]})]}),d&&(d==null?void 0:d.visible)&&A.jsx("div",{style:ee??{},className:`${fi.inputHelperText} ${d!=null&&d.error?fi.error:""}`,children:A.jsx("p",{style:(d==null?void 0:d.style)??{},children:d.text})})]})},qB="Textarea-module__textareaContainer",YB="Textarea-module__textAreaLabel",XB="Textarea-module__required",ZB="Textarea-module__wrap",QB="Textarea-module__textarea",JB="Textarea-module__focused",eL="Textarea-module__disabled",tL="Textarea-module__error",iL="Textarea-module__helperTextStyle",nL="Textarea-module__dark",cn={textareaContainer:qB,textAreaLabel:YB,required:XB,wrap:ZB,textarea:QB,focused:JB,disabled:eL,error:tL,helperTextStyle:iL,dark:nL},rL=({placeholder:e,label:t,msg:i,cols:n,rows:r,value:a,maxLength:o,onChange:s,onFocus:l,onBlur:u,disabled:d,required:c,textareaContainerStyle:h,textareaLabelStyle:f,requiredStyle:p,textareaStyle:g,textareaHelperTextStyle:m,theme:C,labelIcon:x})=>{const[T,R]=de.useState(!1),D=U=>{let K=U.target.value;s&&typeof s=="function"&&s(K)},G=U=>U,W=()=>{R(!0),l&&typeof l=="function"&&l()},H=()=>{R(!1),u&&typeof u=="function"&&u()};return A.jsxs("div",{style:h??{},className:`${C==="dark"?cn.dark:""} ${cn.textareaContainer} ${i!=null&&i.type&&(i!=null&&i.visible)?cn[i==null?void 0:i.type]:""} ${d?cn.disabled:null}`,children:[t&&A.jsxs("div",{style:f,className:cn.textAreaLabel,children:[A.jsx("p",{children:t}),A.jsx("span",{style:p??{},className:cn.required,children:c&&"*"}),x&&G(x)]}),A.jsx("div",{className:cn.wrap,children:A.jsx("textarea",{style:g??{},className:`${cn.textarea} ${T?cn.focused:""} ${d?cn.disabled:""} ${i!=null&&i.error?cn.error:""}`,value:a,placeholder:e??"",cols:n??"30",rows:r??"5",maxLength:o??null,onFocus:W,disabled:d,onBlur:H,onChange:D})}),i&&(i==null?void 0:i.text)&&(i==null?void 0:i.text.length)>0&&A.jsx("div",{style:m??{},className:`${cn.helperTextStyle} ${i!=null&&i.error?cn.error:""}`,children:A.jsx("p",{style:(i==null?void 0:i.style)??{},children:i.text})})]})},aL="Toggle-module__toggleWrapper",oL="Toggle-module__toggleState",sL="Toggle-module__checked",lL="Toggle-module__disabled",uL="Toggle-module__dark",el={toggleWrapper:aL,toggleState:oL,checked:sL,disabled:lL,dark:uL},dL=({checked:e,change:t,disabled:i,required:n,activeStyle:r,bgStyle:a,checkedBgStyle:o,disabledBgStyle:s,circleStyle:l,checkedCircleStyle:u,disabledCircleStyle:d,theme:c="light"})=>{const[h,f]=de.useState(!1),p=()=>{t&&typeof t=="function"&&t(!e)},g=()=>{if(h)return r??{};if(e){if(o)return o}else if(e){if(i&&s)return s}else if(a)return a;return{}},m=()=>{if(e){if(u)return u}else if(e){if(i&&d)return d}else if(l)return l;return{}};return A.jsx("div",{style:g(),onMouseDown:()=>f(!0),onMouseUp:()=>f(!1),onMouseLeave:()=>f(!1),onClick:p,className:`${c==="dark"?el.dark:""} ${el.toggleWrapper} ${e?el.checked:""} ${i?el.disabled:""}`,children:A.jsx("div",{style:m(),className:el.toggleState,children:A.jsx("input",{type:"checkbox",checked:e,readOnly:!0,disabled:i??!1,hidden:!0,required:n??!1})})})},cL="Radio-module__radioWrapper",hL="Radio-module__sm",fL="Radio-module__md",pL="Radio-module__checked",vL="Radio-module__innerCircle",_L="Radio-module__radioState",gL="Radio-module__disabled",mL="Radio-module__dark",ta={radioWrapper:cL,sm:hL,md:fL,checked:pL,innerCircle:vL,radioState:_L,disabled:gL,dark:mL},xI=({checked:e,change:t,disabled:i,required:n,withUncheckState:r=!0,size:a,theme:o="light"})=>{const[s,l]=de.useState(!1),u=()=>{t&&typeof t=="function"&&(console.log(e),t(r?!e:!0))};return A.jsxs("div",{className:`${o==="dark"?ta.dark:""} ${ta.radioWrapper} ${ta[a]??ta.md} ${e?ta.checked:""} ${i?ta.disabled:""}`,onClick:u,children:[A.jsx("input",{type:"radio",checked:!0,readOnly:!0,hidden:!0,disabled:i??!1,required:n}),A.jsx("div",{className:ta.radioState,children:A.jsx("div",{className:ta.innerCircle})})]})},CL="Dropdown-module__dropdownWrapper",yL="Dropdown-module__placeHolder",xL="Dropdown-module__dropdownLabel",bL="Dropdown-module__required",SL="Dropdown-module__dropdownContainer",wL="Dropdown-module__sm",EL="Dropdown-module__md",IL="Dropdown-module__selectedTags",TL="Dropdown-module__selectedList",AL="Dropdown-module__additional",DL="Dropdown-module__dropdownListContainer",OL="Dropdown-module__dropdownList",RL="Dropdown-module__hidden",kL="Dropdown-module__visible",BL="Dropdown-module__checkIcon",LL="Dropdown-module__disabled",PL="Dropdown-module__selected",FL="Dropdown-module__dropdownListFooter",ML="Dropdown-module__focused",VL="Dropdown-module__error",NL="Dropdown-module__dropdownHelperText",HL="Dropdown-module__dark",ni={dropdownWrapper:CL,placeHolder:yL,dropdownLabel:xL,required:bL,dropdownContainer:SL,sm:wL,md:EL,selectedTags:IL,selectedList:TL,additional:AL,dropdownListContainer:DL,dropdownList:OL,hidden:RL,visible:kL,checkIcon:BL,disabled:LL,selected:PL,dropdownListFooter:FL,focused:ML,error:VL,dropdownHelperText:NL,dark:HL},bI=()=>A.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1.5rem",height:"1.5rem",fill:"none",viewBox:"0 0 20 20",children:A.jsx("path",{stroke:"#10B77F",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",d:"M10 18.333c4.584 0 8.334-3.75 8.334-8.334 0-4.583-3.75-8.333-8.334-8.333-4.583 0-8.333 3.75-8.333 8.333 0 4.584 3.75 8.334 8.333 8.334zM6.667 10h6.667M10 13.333V6.666"})}),$L=()=>A.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",children:A.jsx("path",{d:"M16.5 16.5L13.5834 13.5833M15.6667 8.58333C15.6667 12.4954 12.4954 15.6667 8.58333 15.6667C4.67132 15.6667 1.5 12.4954 1.5 8.58333C1.5 4.67132 4.67132 1.5 8.58333 1.5C12.4954 1.5 15.6667 4.67132 15.6667 8.58333Z",stroke:"#717680",strokeWidth:"1.66667",strokeLinecap:"round",strokeLinejoin:"round"})}),c_=({label:e,disabled:t,required:i,size:n="md",placeholder:r,msg:a,readOnly:o,searchValue:s,onClearAll:l,onSelectAll:u,onBottomScroll:d,withSearch:c=!1,onFocus:h,onBlur:f,withClearAll:p=!0,withSelectAll:g=!0,withPlus:m=!1,searchComponent:C=!1,withFooter:x=!0,data:T,onSelect:R,selectedOptionID:D,withFilter:G=!0,withClose:W=!0,fixedDropdown:H=!1,onSearch:U,pagination:K,withMultiSelect:Y=!1,skipSelected:M,labelIcon:q,closeIcon:b,dropdownIcon:j,iconDown:re,onLabelIconClick:Q,onLabelIconMouseEnter:fe,onLabelIconMouseLeave:se,dropdownWrapperStyle:J,dropdownLabelStyle:N,requiredStyle:y,labelIconStyle:E,dropdownContainerStyle:w,placeHolderStyle:B,selectedTagsStyle:F,selectedListStyle:$,additionalStyle:z,additionalSpanStyle:ee,dropdownListStyle:te,listStyle:_e,theme:ue="light"})=>{const[Oe,I]=de.useState(!1),[le,oe]=de.useState(!1),[L,P]=de.useState(""),[X,pe]=de.useState(""),[xe,ae]=de.useState(null),be=de.useRef([]),ke=de.useRef(null),Ie=de.useRef(null),Pe=de.useRef({}),ut=(me,Ye)=>{const qt=new Set;return me.filter(zi=>qt.has(zi[Ye])?!1:(qt.add(zi[Ye]),!0))},Ke=me=>{var Ye;Pe.current=me,P((Ye=Pe.current)==null?void 0:Ye.label),R&&typeof R=="function"&&R(Pe.current),oe(!1)},It=me=>{be.current=[...be.current,...T.filter(Ye=>Ye.selected==!0),...T.filter(Ye=>Ye.id===me.id)],me.selected=!me.selected,be.current=ut(be.current,"id").filter(Ye=>Ye.selected),R&&typeof R=="function"&&R(be.current),!C&&!c&&P(be.current.map(Ye=>Ye.label).join(", ")),I(Ye=>!Ye)},ui=me=>{me.stopPropagation(),be.current=[],D=null,T&&T.length>0&&T.forEach(Ye=>Ye.selected=!1),He(""),Y?R([]):(Pe.current={},R({}),U&&typeof U=="function"&&U("")),P("")},He=me=>{U&&typeof U=="function"&&U(me),pe(me),P(me)},jt=()=>{if(D||D===0){let me=T.filter(Ye=>Number(Ye.id)===Number(D));me&&me[0]&&(Pe.current=me[0],M?(U&&typeof U=="function"&&U(Pe.current.label),P(Pe.current.label),closeOnSelect&&setCollapsed(Ye=>!1),withDropdownSearch&&DropdownSearchValue&&SetDropdownSearchValue("")):Ke(me[0]))}},[dt,$e]=de.useState(!1),pt=me=>{let Ye=ke.current.querySelector("ul"),zi=Math.abs(Ye.scrollTop+Ye.clientHeight-Ye.scrollHeight)<=2;K&&zi&&!dt&&(d&&typeof d=="function"&&d(!0),$e(!0)),zi||$e(!1)},ii=()=>{T.forEach(me=>{me.selected=!1}),be.current=[],R([]),P(""),l&&typeof l=="function"&&l(),I(me=>!me)},$n=()=>{T.forEach(me=>{me!=null&&me.id&&(me==null?void 0:me.id)!==null&&(me!=null&&me.label)&&(me==null?void 0:me.label)!==""&&(me==null?void 0:me.label)!=="-"&&!me.disabled&&(me.selected=!0)}),be.current=T,be.current=ut(be.current,"id").filter(me=>me.selected),c||P(be.current.map(me=>me.label).join(", ")),u&&typeof u=="function"&&u(),R(be.current),I(me=>!me)},un=de.useRef(!0);de.useEffect(()=>{if(un.current){un.current=!1;return}le||f&&typeof f=="function"&&f()},[le]);const Wn=()=>{h&&typeof h=="function"&&h()},Di=me=>me,dn=me=>{let Ye=!0,qt=L;return(G||withDropdownSearch)&&me&&!me.toLowerCase().split(" ").join("").trim().includes(qt.toLowerCase().split(" ").join("").trim())&&qt.trim()!==""&&(Ye=!1),qt.length>0&&me==="-"?"hidden":Ye?"visible":"hidden"},Ge=me=>{me.composedPath().includes(ke.current)||oe(!1)},_t=me=>{if(H){if(me.composedPath().includes(ke.current))return;oe(!1)}},Oi=()=>{const me=ke.current,Ye=Ie.current;if(!Ye||!me)return;const qt=me.getBoundingClientRect(),zi=window.innerHeight;H?(Ye.style.position="fixed",Ye.style.width=qt.width+"px",Ye.style.left=`${qt.left+window.pageXOffset}px`,qt.bottom+Ye.offsetHeight>zi?(Ye.style.top=`${window.scrollY+qt.top-Ye.offsetHeight-8}px`,Ye.style.bottom="unset"):(Ye.style.top=`${window.scrollY+qt.bottom}px`,Ye.style.bottom="unset")):qt.bottom>zi?(Ye.style.top="unset",Ye.style.bottom="calc(100% + 8px)"):(Ye.style.bottom="unset",Ye.style.top="calc(100% + 8px)")},vt=de.useRef(null);return de.useEffect(()=>{le&&vt.current&&vt.current.focus()},[le]),de.useEffect(()=>{Y&&(be.current=T.filter(me=>me.selected),P(T.filter(me=>me.selected).map(me=>me.label).join(", ")))},[]),de.useEffect(()=>{C&&s&&s.length>0&&pe(s)},[]),de.useEffect(()=>{Oi()},[Ie,le]),de.useEffect(()=>{Y||jt()},[D]),de.useEffect(()=>(document.addEventListener("click",Ge),document.addEventListener("wheel",_t),()=>{document.removeEventListener("click",Ge),document.removeEventListener("wheel",_t)}),[]),A.jsxs("div",{className:`${ue==="dark"?ni.dark:""} ${ni.dropdownWrapper}`,style:J??{},children:[e&&A.jsxs("label",{className:ni.dropdownLabel,style:N??{},children:[e," ",A.jsx("span",{className:ni.required,style:y??{},children:i&&"*"}),A.jsxs("span",{style:{...E??{},display:"grid",placeItems:"center"},onClick:()=>{Q&&typeof Q=="function"&&Q()},onMouseEnter:()=>{fe&&typeof fe=="function"&&fe()},onMouseLeave:()=>{se&&typeof se=="function"&&se()},children:[" ",Di(q)]})]}),A.jsxs("div",{onFocus:Wn,ref:ke,onClick:()=>(oe(me=>!me),Oi()),className:`${ni.dropdownContainer} ${le&&!o?ni.focused:""} ${t?ni.disabled:""} ${a!=null&&a.error?ni.error:""} ${ni[n]}`,style:w??{},children:[C?A.jsxs("div",{children:[" ",A.jsx($L,{})]}):A.jsx(A.Fragment,{children:j&&A.jsx("div",{style:{display:"grid",alignItems:"center",marginRight:"0.5rem"},children:Di(j)})}),!C&&Y&&r&&!le&&be.current.length===0&&A.jsx("span",{className:ni.placeHolder,style:B??{},children:r??""}),Y&&A.jsx("div",{className:ni.selectedTags,style:F??{},children:!C&&!le?A.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"flex-start",width:"100%"},children:[be.current.slice(0,3).map((me,Ye)=>{let qt=be.current[be.current.length-1];return A.jsxs("span",{className:ni.selectedList,style:$??{},children:[!m&&me.label,!m&&me.id!==qt.id&&Ye!==2?", ":""]},me==null?void 0:me.id)}),!m&&be.current.length>3&&A.jsxs("div",{className:ni.additional,style:z??{},children:[" ",A.jsxs("span",{style:ee??{},children:["+(",be.current.length-3,")"]})]})]}):A.jsx("input",{ref:vt,onClick:me=>(me.stopPropagation(),oe(!0)),autoCorrect:"off",placeholder:"Search...",type:"text",...C?{value:X}:Y&&c?{value:L}:{},onChange:me=>He(me.target.value)},D)}),A.jsx("input",{autoCorrect:"off",hidden:Y,placeholder:r,readOnly:!G||!le||Y,type:"text",value:Y&&!C&&le?"":L,onChange:me=>He(me.target.value)},D),T&&T.length>0&&le&&A.jsxs("div",{ref:Ie,onClick:me=>me.stopPropagation(),className:ni.dropdownListContainer,children:[A.jsx("ul",{onScroll:me=>pt(),onClick:me=>me.stopPropagation(),className:ni.dropdownList,style:te??{},children:T.map(me=>{var Ye,qt,zi,zo;return A.jsxs("li",{style:_e??{},className:`${c?ni[dn((me==null?void 0:me.label)??"-")]:""} ${!(me!=null&&me.label)||me.label===void 0||me!=null&&me.disabled?ni.disabled:""} ${(Y?me.selected:(Ye=Pe.current)!=null&&Ye.id&&((qt=Pe.current)==null?void 0:qt.id)===me.id)?ni.selected:""}`,onClick:()=>{Y?It(me):Ke(me)},children:[A.jsxs("p",{children:[" ",me!=null&&me.customLabel?me.customLabel():(me==null?void 0:me.label)??"-"]}),m?A.jsx(A.Fragment,{children:me.selected?A.jsx(Mg,{}):A.jsx(bI,{})}):(Y?me.selected:((zi=Pe.current)==null?void 0:zi.id)&&((zo=Pe.current)==null?void 0:zo.id)===me.id)&&A.jsx("span",{className:ni.checkIcon,children:A.jsx(yI,{color:"#7F56D9",width:20,height:20})})]},me==null?void 0:me.id)})}),Y&&x&&A.jsxs("div",{className:ni.dropdownListFooter,children:[p&&A.jsx("span",{onClick:ii,children:"Clear All"}),g&&A.jsx("span",{onClick:$n,children:"Select All"})]})]}),!Y&&W&&(be.current.length>0||L.length)>0&&A.jsx("div",{onClick:me=>ui(me),style:{display:"grid",placeItems:"center",cursor:"pointer"},children:b?Di(b):A.jsx(Iu,{width:16,height:16})}),re?Di(re):A.jsx("div",{style:{display:"grid",placeItems:"center",transform:le?"rotate(180deg)":"",transition:"transform 0.2s ease-in-out",cursor:"pointer",marginLeft:"10px"},children:!C&&A.jsx(Us,{})})]}),a&&(a==null?void 0:a.visible)&&A.jsx("div",{className:`${ni.dropdownHelperText} ${a!=null&&a.error?ni.error:""}`,children:!le&&A.jsx("p",{style:(a==null?void 0:a.style)??{},children:a.text})})]})},WL="Tooltip-module__tooltipContainer",zL="Tooltip-module__tooltipContent",GL="Tooltip-module__top",UL="Tooltip-module__right",KL="Tooltip-module__bottom",jL="Tooltip-module__left",qL="Tooltip-module__tooltipTitle",YL="Tooltip-module__tooltipText",XL="Tooltip-module__dark",Ha={tooltipContainer:WL,tooltipContent:zL,top:GL,right:UL,bottom:KL,left:jL,tooltipTitle:qL,tooltipText:YL,dark:XL},ZL=({children:e,tooltipSlot:t,delay:i,placement:n="top",trigger:r="hover",title:a,text:o,tooltipContentStyle:s,tooltipTitlestyle:l,tooltipTextStyle:u,pointerPosition:d="10%",theme:c})=>{const h=de.useRef(null),f=de.useRef(null);let p;const[g,m]=de.useState(!1),C=()=>{r==="hover"&&(p=setTimeout(()=>{m(!0)},i||400))},x=()=>{r==="hover"&&(clearTimeout(p),setTimeout(()=>{m(!1)},i||400))},T=()=>{r==="click"&&m(G=>!G)},R=()=>{const G=h.current,W=f.current;if(!W||!G)return;const H=G.getBoundingClientRect();switch(W.style.position="fixed",n){case"top":W.style.top=`${H.top-W.offsetHeight-8}px`;break;case"bottom":W.style.top=`${H.bottom+8}px`;break;case"left":W.style.top=`${H.top+H.height/2-W.offsetHeight/2}px`,W.style.left=`${H.left-W.offsetWidth-8}px`;break;case"right":W.style.top=`${H.top+H.height/2-W.offsetHeight/2}px`,W.style.left=`${H.right+8}px`;break}},D=G=>{G.composedPath().includes(h.current)||m(!1)};return de.useEffect(()=>{R()},[h,g]),de.useEffect(()=>(document.addEventListener("click",D),()=>{document.removeEventListener("click",D)}),[]),de.useEffect(()=>{const G=f.current;G&&G.style.setProperty("--pointer-position",`${d}`)},[g]),A.jsxs("div",{ref:h,className:`${c==="dark"?Ha.dark:""} ${Ha.tooltipContainer}`,onClick:T,onMouseEnter:C,onMouseLeave:x,children:[e,g&&t?t():g&&A.jsxs("div",{style:s??{},onClick:G=>G.stopPropagation(),ref:f,className:`${Ha.tooltipContent} ${n?Ha[n]:Ha.bottom}`,children:[a&&a.length>0&&A.jsx("h2",{className:Ha.tooltipTitle,style:l??{},children:a}),o&&o.length>0&&A.jsx("p",{className:Ha.tooltipText,style:u??{},children:o})]})]})},QL="Popup-module__modalOverlay",JL="Popup-module__popupDrawerMode",eP="Popup-module__popupContainer",tP="Popup-module__withOptions",iP="Popup-module__horizontal",nP="Popup-module__popupHeader",rP="Popup-module__popupTitle",aP="Popup-module__popupDescription",oP="Popup-module__typeIcon",sP="Popup-module__icon",lP="Popup-module__templateWrapper",uP="Popup-module__dark",Sn={modalOverlay:QL,popupDrawerMode:JL,popupContainer:eP,withOptions:tP,horizontal:iP,popupHeader:nP,popupTitle:rP,popupDescription:aP,typeIcon:oP,icon:sP,templateWrapper:lP,dark:uP},dP=e=>e&&!["xs","small","medium","large","fullsize"].includes(e)?"medium":e||"small",cP=e=>{const t=["bytes","KB","MB","GB","TB","PB","EB","ZB","YB"];let i=0,n=parseInt(e,10)||0;for(;n>=1024&&++i;)n=n/1024;return n.toFixed(n<10&&i>0?1:0)+" "+t[i]},hP=e=>e.slice((e.lastIndexOf(".")-1>>>0)+2),fP=e=>new Promise((t,i)=>{const n=new FileReader;n.readAsDataURL(e),n.onload=()=>t(n.result.split(",")[1]),n.onerror=r=>i(r)});location.href.indexOf(".upgaming.dev")>0||location.href.indexOf(".upgaming.com")>0;const pP=(e,t)=>{const i=new Set;return e.filter(n=>i.has(n[t])?!1:(i.add(n[t]),!0))},vP=()=>A.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:A.jsx("path",{d:"M7.5 12L10.5 15L16.5 9M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z",stroke:"#079455",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),_P=()=>A.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:A.jsx("path",{d:"M7 3V6.4C7 6.96005 7 7.24008 7.10899 7.45399C7.20487 7.64215 7.35785 7.79513 7.54601 7.89101C7.75992 8 8.03995 8 8.6 8H15.4C15.9601 8 16.2401 8 16.454 7.89101C16.6422 7.79513 16.7951 7.64215 16.891 7.45399C17 7.24008 17 6.96005 17 6.4V4M17 21V14.6C17 14.0399 17 13.7599 16.891 13.546C16.7951 13.3578 16.6422 13.2049 16.454 13.109C16.2401 13 15.9601 13 15.4 13H8.6C8.03995 13 7.75992 13 7.54601 13.109C7.35785 13.2049 7.20487 13.3578 7.10899 13.546C7 13.7599 7 14.0399 7 14.6V21M21 9.32548V16.2C21 17.8802 21 18.7202 20.673 19.362C20.3854 19.9265 19.9265 20.3854 19.362 20.673C18.7202 21 17.8802 21 16.2 21H7.8C6.11984 21 5.27976 21 4.63803 20.673C4.07354 20.3854 3.6146 19.9265 3.32698 19.362C3 18.7202 3 17.8802 3 16.2V7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3H14.6745C15.1637 3 15.4083 3 15.6385 3.05526C15.8425 3.10425 16.0376 3.18506 16.2166 3.29472C16.4184 3.4184 16.5914 3.59135 16.9373 3.93726L20.0627 7.06274C20.4086 7.40865 20.5816 7.5816 20.7053 7.78343C20.8149 7.96237 20.8957 8.15746 20.9447 8.36154C21 8.59171 21 8.8363 21 9.32548Z",stroke:"#DC6803",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),Ng=({width:e,color:t})=>A.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:e??"24",height:e??"24",viewBox:"0 0 24 24",fill:"none",children:A.jsx("path",{d:"M16 6V5.2C16 4.0799 16 3.51984 15.782 3.09202C15.5903 2.71569 15.2843 2.40973 14.908 2.21799C14.4802 2 13.9201 2 12.8 2H11.2C10.0799 2 9.51984 2 9.09202 2.21799C8.71569 2.40973 8.40973 2.71569 8.21799 3.09202C8 3.51984 8 4.0799 8 5.2V6M10 11.5V16.5M14 11.5V16.5M3 6H21M19 6V17.2C19 18.8802 19 19.7202 18.673 20.362C18.3854 20.9265 17.9265 21.3854 17.362 21.673C16.7202 22 15.8802 22 14.2 22H9.8C8.11984 22 7.27976 22 6.63803 21.673C6.07354 21.3854 5.6146 20.9265 5.32698 20.362C5 19.7202 5 18.8802 5 17.2V6",stroke:t??"#D92D20",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),Hg=({visible:e,template:t,options:i,children:n,onClickOutside:r,onClose:a,widthType:o,modalOverlayStyle:s,popupContainerStyle:l,templateWrapperStyle:u,popupHeaderStyle:d,popupTitleStyle:c,theme:h})=>{const f=()=>{if(!(!i||!(i!=null&&i.type)))switch(String(i==null?void 0:i.type)){case"delete":return A.jsx(Ng,{});case"unsaved":return A.jsx(_P,{});case"success":return A.jsx(vP,{})}},p=()=>{a&&typeof a=="function"&&a(!1)},g=de.useRef(null),m=C=>{C.target===g.current&&r&&typeof r=="function"&&r(!1)};return de.useEffect(()=>(document.addEventListener("click",m),()=>{document.removeEventListener("click",m)}),[]),e&&A.jsx("div",{ref:g,style:s??{},className:`
32
32
  ${h==="dark"?Sn.dark:""}
33
33
  ${Sn.modalOverlay}
34
34
  ${i&&(i==null?void 0:i.mode)==="drawer"?Sn.popupDrawerMode:""}
@@ -1289,7 +1289,7 @@ const nB = ({ loadingColor: e }) => /* @__PURE__ */ A.jsxs(
1289
1289
  }, zn = () => {
1290
1290
  T.forEach((ge) => {
1291
1291
  ge != null && ge.id && (ge == null ? void 0 : ge.id) !== null && (ge != null && ge.label) && (ge == null ? void 0 : ge.label) !== "" && (ge == null ? void 0 : ge.label) !== "-" && !ge.disabled && (ge.selected = !0);
1292
- }), xe.current = T, xe.current = ct(xe.current, "id").filter((ge) => ge.selected), P(xe.current.map((ge) => ge.label).join(", ")), u && typeof u == "function" && u(), R(xe.current), I((ge) => !ge);
1292
+ }), xe.current = T, xe.current = ct(xe.current, "id").filter((ge) => ge.selected), c || P(xe.current.map((ge) => ge.label).join(", ")), u && typeof u == "function" && u(), R(xe.current), I((ge) => !ge);
1293
1293
  }, cn = Je(!0);
1294
1294
  ot(() => {
1295
1295
  if (cn.current) {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "master-components-react",
3
3
  "private": false,
4
- "version": "2.3.6",
4
+ "version": "2.3.7",
5
5
  "type": "module",
6
6
  "main": "dist/master-components-react.cjs.js",
7
7
  "module": "dist/master-components-react.es.js",