@accounter/client/dist/assets/MultiSelect-CtLQeRg8.js

Accounter client application

import{by as Ee,ev as _,eu as f,aH as p,eB as Lr,hZ as Se,r as E,bz as jr,h_ as Hr,et as Fr,f_ as Wr,eA as _e,h$ as Ar,i0 as Kr,ep as ae,eC as Oe,i1 as te,i2 as Ur,ey as Tr,i3 as Zr,i4 as qr,eE as Gr}from"./index-CDv8MTrU.js";const Ve={xs:f(16),sm:f(22),md:f(26),lg:f(30),xl:f(36)},Jr={xs:f(10),sm:f(12),md:f(14),lg:f(16),xl:f(18)};var Qr=Ee((e,{disabled:r,radius:a,readOnly:n},{size:v,variant:w})=>({defaultValue:{display:"flex",alignItems:"center",backgroundColor:r?e.colorScheme==="dark"?e.colors.dark[5]:e.colors.gray[3]:e.colorScheme==="dark"?e.colors.dark[7]:w==="filled"?e.white:e.colors.gray[1],color:r?e.colorScheme==="dark"?e.colors.dark[1]:e.colors.gray[7]:e.colorScheme==="dark"?e.colors.dark[0]:e.colors.gray[7],height:_({size:v,sizes:Ve}),paddingLeft:`calc(${_({size:v,sizes:e.spacing})} / 1.5)`,paddingRight:r||n?_({size:v,sizes:e.spacing}):0,fontWeight:500,fontSize:_({size:v,sizes:Jr}),borderRadius:_({size:a,sizes:e.radius}),cursor:r?"not-allowed":"default",userSelect:"none",maxWidth:`calc(100% - ${f(10)})`},defaultValueRemove:{color:e.colorScheme==="dark"?e.colors.dark[0]:e.colors.gray[7],marginLeft:`calc(${_({size:v,sizes:e.spacing})} / 6)`},defaultValueLabel:{display:"block",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}})),Xr=Object.defineProperty,G=Object.getOwnPropertySymbols,$e=Object.prototype.hasOwnProperty,Re=Object.prototype.propertyIsEnumerable,Pe=(e,r,a)=>r in e?Xr(e,r,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[r]=a,Yr=(e,r)=>{for(var a in r||(r={}))$e.call(r,a)&&Pe(e,a,r[a]);if(G)for(var a of G(r))Re.call(r,a)&&Pe(e,a,r[a]);return e},ea=(e,r)=>{var a={};for(var n in e)$e.call(e,n)&&r.indexOf(n)<0&&(a[n]=e[n]);if(e!=null&&G)for(var n of G(e))r.indexOf(n)<0&&Re.call(e,n)&&(a[n]=e[n]);return a};const ra={xs:16,sm:22,md:24,lg:26,xl:30};function ze(e){var r=e,{label:a,classNames:n,styles:v,className:w,onRemove:N,disabled:I,readOnly:s,size:u,radius:g="sm",variant:O,unstyled:K}=r,Q=ea(r,["label","classNames","styles","className","onRemove","disabled","readOnly","size","radius","variant","unstyled"]);const{classes:F,cx:M}=Qr({disabled:I,readOnly:s,radius:g},{name:"MultiSelect",classNames:n,styles:v,unstyled:K,size:u,variant:O});return p.createElement("div",Yr({className:M(F.defaultValue,w)},Q),p.createElement("span",{className:F.defaultValueLabel},a),!I&&!s&&p.createElement(Lr,{"aria-hidden":!0,onMouseDown:N,size:ra[u],radius:2,color:"blue",variant:"transparent",iconSize:"70%",className:F.defaultValueRemove,tabIndex:-1,unstyled:K}))}ze.displayName="@mantine/core/MultiSelect/DefaultValue";function aa({data:e,searchable:r,limit:a,searchValue:n,filter:v,value:w,disableSelectedItemFiltering:N}){if(!r&&w.length===0)return e;if(!r){const s=[];for(let u=0;u<e.length;u+=1)(N||!w.some(g=>g===e[u].value&&!e[u].disabled))&&s.push(e[u]);return s}const I=[];for(let s=0;s<e.length&&(v(n,!N&&w.some(u=>u===e[s].value&&!e[s].disabled),e[s])&&I.push(e[s]),!(I.length>=a));s+=1);return I}var ta=Object.defineProperty,na=Object.defineProperties,la=Object.getOwnPropertyDescriptors,xe=Object.getOwnPropertySymbols,oa=Object.prototype.hasOwnProperty,sa=Object.prototype.propertyIsEnumerable,Ie=(e,r,a)=>r in e?ta(e,r,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[r]=a,ia=(e,r)=>{for(var a in r||(r={}))oa.call(r,a)&&Ie(e,a,r[a]);if(xe)for(var a of xe(r))sa.call(r,a)&&Ie(e,a,r[a]);return e},ca=(e,r)=>na(e,la(r)),ua=Ee((e,{invalid:r},{size:a})=>({wrapper:{position:"relative","&:has(input:disabled)":{cursor:"not-allowed",pointerEvents:"none","& .mantine-MultiSelect-input":{backgroundColor:e.colorScheme==="dark"?e.colors.dark[6]:e.colors.gray[1],color:e.colors.dark[2],opacity:.6,"&::placeholder":{color:e.colors.dark[2]}},"& .mantine-MultiSelect-defaultValue":{backgroundColor:e.colorScheme==="dark"?e.colors.dark[5]:e.colors.gray[3],color:e.colorScheme==="dark"?e.colors.dark[1]:e.colors.gray[7]}}},values:{minHeight:`calc(${_({size:a,sizes:Se})} - ${f(2)})`,display:"flex",alignItems:"center",flexWrap:"wrap",marginLeft:`calc(-${e.spacing.xs} / 2)`,boxSizing:"border-box","&[data-clearable]":{marginRight:_({size:a,sizes:Se})}},value:{margin:`calc(${e.spacing.xs} / 2 - ${f(2)}) calc(${e.spacing.xs} / 2)`},searchInput:ca(ia({},e.fn.fontStyles()),{flex:1,minWidth:f(60),backgroundColor:"transparent",border:0,outline:0,fontSize:_({size:a,sizes:e.fontSizes}),padding:0,marginLeft:`calc(${e.spacing.xs} / 2)`,appearance:"none",color:"inherit",maxHeight:_({size:a,sizes:Ve}),"&::placeholder":{opacity:1,color:r?e.colors.red[e.fn.primaryShade()]:e.colorScheme==="dark"?e.colors.dark[3]:e.colors.gray[5]},"&:disabled":{cursor:"not-allowed",pointerEvents:"none"}}),searchInputEmpty:{width:"100%"},searchInputInputHidden:{flex:0,width:0,minWidth:0,margin:0,overflow:"hidden"},searchInputPointer:{cursor:"pointer","&:disabled":{cursor:"not-allowed",pointerEvents:"none"}},input:{cursor:"pointer","&:disabled":{cursor:"not-allowed",pointerEvents:"none"}}})),da=Object.defineProperty,pa=Object.defineProperties,fa=Object.getOwnPropertyDescriptors,J=Object.getOwnPropertySymbols,Ne=Object.prototype.hasOwnProperty,Me=Object.prototype.propertyIsEnumerable,Ce=(e,r,a)=>r in e?da(e,r,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[r]=a,H=(e,r)=>{for(var a in r||(r={}))Ne.call(r,a)&&Ce(e,a,r[a]);if(J)for(var a of J(r))Me.call(r,a)&&Ce(e,a,r[a]);return e},De=(e,r)=>pa(e,fa(r)),ga=(e,r)=>{var a={};for(var n in e)Ne.call(e,n)&&r.indexOf(n)<0&&(a[n]=e[n]);if(e!=null&&J)for(var n of J(e))r.indexOf(n)<0&&Me.call(e,n)&&(a[n]=e[n]);return a};function ha(e,r,a){return r?!1:a.label.toLowerCase().trim().includes(e.toLowerCase().trim())}function ma(e,r){return!!e&&!r.some(a=>a.value.toLowerCase()===e.toLowerCase())}function ke(e,r){if(!Array.isArray(e))return;if(r.length===0)return[];const a=r.map(n=>typeof n=="object"?n.value:n);return e.filter(n=>a.includes(n))}const va={size:"sm",valueComponent:ze,itemComponent:Hr,transitionProps:{transition:"fade",duration:0},maxDropdownHeight:220,shadow:"sm",searchable:!1,filter:ha,limit:1/0,clearSearchOnChange:!0,clearable:!1,clearSearchOnBlur:!1,disabled:!1,initiallyOpened:!1,creatable:!1,shouldCreate:ma,switchDirectionOnFlip:!1,zIndex:Gr("popover"),selectOnBlur:!1,positionDependencies:[],dropdownPosition:"flip"},ya=E.forwardRef((e,r)=>{const a=jr("MultiSelect",va,e),{className:n,style:v,required:w,label:N,description:I,size:s,error:u,classNames:g,styles:O,wrapperProps:K,value:Q,defaultValue:F,data:M,onChange:Be,valueComponent:Le,itemComponent:je,id:He,transitionProps:Fe,maxDropdownHeight:We,shadow:wa,nothingFound:ne,onFocus:le,onBlur:oe,searchable:b,placeholder:Ae,filter:Ke,limit:Ue,clearSearchOnChange:Te,clearable:se,clearSearchOnBlur:Ze,variant:B,onSearchChange:qe,searchValue:Ge,disabled:P,initiallyOpened:Je,radius:ie,icon:Qe,rightSection:Xe,rightSectionWidth:Ye,creatable:ce,getCreateLabel:ue,shouldCreate:er,onCreate:de,sx:rr,dropdownComponent:ar,onDropdownClose:tr,onDropdownOpen:nr,maxSelectedValues:h,withinPortal:lr,portalProps:or,switchDirectionOnFlip:sr,zIndex:ir,selectOnBlur:cr,name:ur,dropdownPosition:dr,errorProps:pr,labelProps:fr,descriptionProps:gr,form:hr,positionDependencies:mr,onKeyDown:pe,unstyled:W,inputContainer:vr,inputWrapperOrder:yr,readOnly:V,withAsterisk:wr,clearButtonProps:br,hoverOnSearchChange:fe,disableSelectedItemFiltering:Sr}=a,_r=ga(a,["className","style","required","label","description","size","error","classNames","styles","wrapperProps","value","defaultValue","data","onChange","valueComponent","itemComponent","id","transitionProps","maxDropdownHeight","shadow","nothingFound","onFocus","onBlur","searchable","placeholder","filter","limit","clearSearchOnChange","clearable","clearSearchOnBlur","variant","onSearchChange","searchValue","disabled","initiallyOpened","radius","icon","rightSection","rightSectionWidth","creatable","getCreateLabel","shouldCreate","onCreate","sx","dropdownComponent","onDropdownClose","onDropdownOpen","maxSelectedValues","withinPortal","portalProps","switchDirectionOnFlip","zIndex","selectOnBlur","name","dropdownPosition","errorProps","labelProps","descriptionProps","form","positionDependencies","onKeyDown","unstyled","inputContainer","inputWrapperOrder","readOnly","withAsterisk","clearButtonProps","hoverOnSearchChange","disableSelectedItemFiltering"]),{classes:C,cx:ge,theme:Or}=ua({invalid:!!u},{name:"MultiSelect",classNames:g,styles:O,unstyled:W,size:s,variant:B}),{systemStyles:Pr,rest:xr}=Fr(_r),X=E.useRef(),Y=E.useRef({}),L=Wr(He),[d,c]=E.useState(Je),[Ir,D]=E.useState(-1),[he,Cr]=E.useState("column"),[S,U]=_e({value:Ge,defaultValue:"",finalValue:void 0,onChange:qe}),[Dr,me]=E.useState(!1),{scrollIntoView:T,targetRef:ve,scrollableRef:kr}=Ar({duration:0,offset:5,cancelable:!1,isList:!0}),ye=ce&&typeof ue=="function";let ee=null;const Er=M.map(t=>typeof t=="string"?{label:t,value:t}:t),re=Kr({data:Er}),[o,j]=_e({value:ke(Q,M),defaultValue:ke(F,M),finalValue:[],onChange:Be}),y=E.useRef(!!h&&h<o.length),we=t=>{if(!V){const l=o.filter(m=>m!==t);j(l),h&&l.length<h&&(y.current=!1)}},Vr=t=>{U(t.currentTarget.value),!P&&!y.current&&b&&c(!0)},$r=t=>{typeof le=="function"&&le(t),!P&&!y.current&&b&&c(!0)},i=aa({data:re,searchable:b,searchValue:S,limit:Ue,filter:Ke,value:o,disableSelectedItemFiltering:Sr});ye&&er(S,re)&&(ee=ue(S),i.push({label:S,value:S,creatable:!0}));const $=Math.min(Ir,i.length-1),be=(t,l,m)=>{let k=t;for(;m(k);)if(k=l(k),!i[k].disabled)return k;return t};ae(()=>{D(fe&&S?0:-1)},[S,fe]),ae(()=>{!P&&o.length>M.length&&c(!1),h&&o.length<h&&(y.current=!1),h&&o.length>=h&&(y.current=!0,c(!1))},[o]);const Z=t=>{if(!V)if(Te&&U(""),o.includes(t.value))we(t.value);else{if(t.creatable&&typeof de=="function"){const l=de(t.value);typeof l<"u"&&l!==null&&j(typeof l=="string"?[...o,l]:[...o,l.value])}else j([...o,t.value]);o.length===h-1&&(y.current=!0,c(!1)),i.length===1&&c(!1)}},Rr=t=>{typeof oe=="function"&&oe(t),cr&&i[$]&&d&&Z(i[$]),Ze&&U(""),c(!1)},zr=t=>{if(Dr||(pe?.(t),V)||t.key!=="Backspace"&&h&&y.current)return;const l=he==="column",m=()=>{D(R=>{var x;const A=be(R,z=>z+1,z=>z<i.length-1);return d&&(ve.current=Y.current[(x=i[A])==null?void 0:x.value],T({alignment:l?"end":"start"})),A})},k=()=>{D(R=>{var x;const A=be(R,z=>z-1,z=>z>0);return d&&(ve.current=Y.current[(x=i[A])==null?void 0:x.value],T({alignment:l?"start":"end"})),A})};switch(t.key){case"ArrowUp":{t.preventDefault(),c(!0),l?k():m();break}case"ArrowDown":{t.preventDefault(),c(!0),l?m():k();break}case"Enter":{t.preventDefault(),i[$]&&d?Z(i[$]):c(!0);break}case" ":{b||(t.preventDefault(),i[$]&&d?Z(i[$]):c(!0));break}case"Backspace":{o.length>0&&S.length===0&&(j(o.slice(0,-1)),c(!0),h&&(y.current=!1));break}case"Home":{if(!b){t.preventDefault(),d||c(!0);const R=i.findIndex(x=>!x.disabled);D(R),T({alignment:l?"end":"start"})}break}case"End":{if(!b){t.preventDefault(),d||c(!0);const R=i.map(x=>!!x.disabled).lastIndexOf(!1);D(R),T({alignment:l?"end":"start"})}break}case"Escape":c(!1)}},Nr=o.map(t=>{let l=re.find(m=>m.value===t&&!m.disabled);return!l&&ye&&(l={value:t,label:t}),l}).filter(t=>!!t).map((t,l)=>p.createElement(Le,De(H({},t),{variant:B,disabled:P,className:C.value,readOnly:V,onRemove:m=>{m.preventDefault(),m.stopPropagation(),we(t.value)},key:t.value,size:s,styles:O,classNames:g,radius:ie,index:l}))),Mr=t=>o.includes(t),Br=()=>{var t;U(""),j([]),(t=X.current)==null||t.focus(),h&&(y.current=!1)},q=!V&&(i.length>0?d:d&&!!ne);return ae(()=>{const t=q?nr:tr;typeof t=="function"&&t()},[q]),p.createElement(Oe.Wrapper,H(H({required:w,id:L,label:N,error:u,description:I,size:s,className:n,style:v,classNames:g,styles:O,__staticSelector:"MultiSelect",sx:rr,errorProps:pr,descriptionProps:gr,labelProps:fr,inputContainer:vr,inputWrapperOrder:yr,unstyled:W,withAsterisk:wr,variant:B},Pr),K),p.createElement(te,{opened:q,transitionProps:Fe,shadow:"sm",withinPortal:lr,portalProps:or,__staticSelector:"MultiSelect",onDirectionChange:Cr,switchDirectionOnFlip:sr,zIndex:ir,dropdownPosition:dr,positionDependencies:[...mr,S],classNames:g,styles:O,unstyled:W,variant:B},p.createElement(te.Target,null,p.createElement("div",{className:C.wrapper,role:"combobox","aria-haspopup":"listbox","aria-owns":d&&q?`${L}-items`:null,"aria-controls":L,"aria-expanded":d,onMouseLeave:()=>D(-1),tabIndex:-1},p.createElement("input",{type:"hidden",name:ur,value:o.join(","),form:hr,disabled:P}),p.createElement(Oe,H({__staticSelector:"MultiSelect",style:{overflow:"hidden"},component:"div",multiline:!0,size:s,variant:B,disabled:P,error:u,required:w,radius:ie,icon:Qe,unstyled:W,onMouseDown:t=>{var l;t.preventDefault(),!P&&!y.current&&c(!d),(l=X.current)==null||l.focus()},classNames:De(H({},g),{input:ge({[C.input]:!b},g?.input)})},Ur({theme:Or,rightSection:Xe,rightSectionWidth:Ye,styles:O,size:s,shouldClear:se&&o.length>0,onClear:Br,error:u,disabled:P,clearButtonProps:br,readOnly:V})),p.createElement("div",{className:C.values,"data-clearable":se||void 0},Nr,p.createElement("input",H({ref:Tr(r,X),type:"search",id:L,className:ge(C.searchInput,{[C.searchInputPointer]:!b,[C.searchInputInputHidden]:!d&&o.length>0||!b&&o.length>0,[C.searchInputEmpty]:o.length===0}),onKeyDown:zr,value:S,onChange:Vr,onFocus:$r,onBlur:Rr,readOnly:!b||y.current||V,placeholder:o.length===0?Ae:void 0,disabled:P,"data-mantine-stop-propagation":d,autoComplete:"off",onCompositionStart:()=>me(!0),onCompositionEnd:()=>me(!1)},xr)))))),p.createElement(te.Dropdown,{component:ar||Zr,maxHeight:We,direction:he,id:L,innerRef:kr,__staticSelector:"MultiSelect",classNames:g,styles:O},p.createElement(qr,{data:i,hovered:$,classNames:g,styles:O,uuid:L,__staticSelector:"MultiSelect",onItemHover:D,onItemSelect:Z,itemsRefs:Y,itemComponent:je,size:s,nothingFound:ne,isItemSelected:Mr,creatable:ce&&!!ee,createLabel:ee,unstyled:W,variant:B}))))});ya.displayName="@mantine/core/MultiSelect";export{ya as M};