UNPKG

@accounter/client

Version:
1 lines • 13.6 kB
import{s as e}from"./dist-BBBZL-zT.js";import{o as t}from"./utils-C9b7NsUD.js";import{$n as n,An as r,Jn as i,Kn as a,On as o,Yn as s,cr as ee,ir as c,kn as l,or as te,qn as u,rr as d,tr as f,vn as p}from"./common-vBU3G9KD.js";import{D as m,E as h,G as g,T as ne,k as re,q as _}from"./table-69kLt-n3.js";var v=e(t()),y={xs:_(16),sm:_(22),md:_(26),lg:_(30),xl:_(36)},b={xs:_(10),sm:_(12),md:_(14),lg:_(16),xl:_(18)},x=m((e,{disabled:t,radius:n,readOnly:r},{size:i,variant:a})=>({defaultValue:{display:`flex`,alignItems:`center`,backgroundColor:t?e.colorScheme===`dark`?e.colors.dark[5]:e.colors.gray[3]:e.colorScheme===`dark`?e.colors.dark[7]:a===`filled`?e.white:e.colors.gray[1],color:t?e.colorScheme===`dark`?e.colors.dark[1]:e.colors.gray[7]:e.colorScheme===`dark`?e.colors.dark[0]:e.colors.gray[7],height:g({size:i,sizes:y}),paddingLeft:`calc(${g({size:i,sizes:e.spacing})} / 1.5)`,paddingRight:t||r?g({size:i,sizes:e.spacing}):0,fontWeight:500,fontSize:g({size:i,sizes:b}),borderRadius:g({size:n,sizes:e.radius}),cursor:t?`not-allowed`:`default`,userSelect:`none`,maxWidth:`calc(100% - ${_(10)})`},defaultValueRemove:{color:e.colorScheme===`dark`?e.colors.dark[0]:e.colors.gray[7],marginLeft:`calc(${g({size:i,sizes:e.spacing})} / 6)`},defaultValueLabel:{display:`block`,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`}})),ie=Object.defineProperty,S=Object.getOwnPropertySymbols,C=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable,ae=(e,t,n)=>t in e?ie(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,oe=(e,t)=>{for(var n in t||={})C.call(t,n)&&ae(e,n,t[n]);if(S)for(var n of S(t))w.call(t,n)&&ae(e,n,t[n]);return e},se=(e,t)=>{var n={};for(var r in e)C.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&S)for(var r of S(e))t.indexOf(r)<0&&w.call(e,r)&&(n[r]=e[r]);return n},ce={xs:16,sm:22,md:24,lg:26,xl:30};function le(e){var t=e,{label:n,classNames:r,styles:i,className:a,onRemove:o,disabled:ee,readOnly:c,size:l,radius:te=`sm`,variant:u,unstyled:d}=t,f=se(t,[`label`,`classNames`,`styles`,`className`,`onRemove`,`disabled`,`readOnly`,`size`,`radius`,`variant`,`unstyled`]);let{classes:p,cx:m}=x({disabled:ee,readOnly:c,radius:te},{name:`MultiSelect`,classNames:r,styles:i,unstyled:d,size:l,variant:u});return v.createElement(`div`,oe({className:m(p.defaultValue,a)},f),v.createElement(`span`,{className:p.defaultValueLabel},n),!ee&&!c&&v.createElement(s,{"aria-hidden":!0,onMouseDown:o,size:ce[l],radius:2,color:`blue`,variant:`transparent`,iconSize:`70%`,className:p.defaultValueRemove,tabIndex:-1,unstyled:d}))}le.displayName=`@mantine/core/MultiSelect/DefaultValue`;function ue({data:e,searchable:t,limit:n,searchValue:r,filter:i,value:a,disableSelectedItemFiltering:o}){if(!t&&a.length===0)return e;if(!t){let t=[];for(let n=0;n<e.length;n+=1)(o||!a.some(t=>t===e[n].value&&!e[n].disabled))&&t.push(e[n]);return t}let s=[];for(let t=0;t<e.length&&(i(r,!o&&a.some(n=>n===e[t].value&&!e[t].disabled),e[t])&&s.push(e[t]),!(s.length>=n));t+=1);return s}var de=Object.defineProperty,fe=Object.defineProperties,pe=Object.getOwnPropertyDescriptors,T=Object.getOwnPropertySymbols,me=Object.prototype.hasOwnProperty,E=Object.prototype.propertyIsEnumerable,D=(e,t,n)=>t in e?de(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,he=(e,t)=>{for(var n in t||={})me.call(t,n)&&D(e,n,t[n]);if(T)for(var n of T(t))E.call(t,n)&&D(e,n,t[n]);return e},ge=(e,t)=>fe(e,pe(t)),_e=m((e,{invalid:t},{size:n})=>({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(${g({size:n,sizes:l})} - ${_(2)})`,display:`flex`,alignItems:`center`,flexWrap:`wrap`,marginLeft:`calc(-${e.spacing.xs} / 2)`,boxSizing:`border-box`,"&[data-clearable]":{marginRight:g({size:n,sizes:l})}},value:{margin:`calc(${e.spacing.xs} / 2 - ${_(2)}) calc(${e.spacing.xs} / 2)`},searchInput:ge(he({},e.fn.fontStyles()),{flex:1,minWidth:_(60),backgroundColor:`transparent`,border:0,outline:0,fontSize:g({size:n,sizes:e.fontSizes}),padding:0,marginLeft:`calc(${e.spacing.xs} / 2)`,appearance:`none`,color:`inherit`,maxHeight:g({size:n,sizes:y}),"&::placeholder":{opacity:1,color:t?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`}}})),ve=Object.defineProperty,O=Object.defineProperties,ye=Object.getOwnPropertyDescriptors,k=Object.getOwnPropertySymbols,A=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable,M=(e,t,n)=>t in e?ve(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,N=(e,t)=>{for(var n in t||={})A.call(t,n)&&M(e,n,t[n]);if(k)for(var n of k(t))j.call(t,n)&&M(e,n,t[n]);return e},be=(e,t)=>O(e,ye(t)),xe=(e,t)=>{var n={};for(var r in e)A.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&k)for(var r of k(e))t.indexOf(r)<0&&j.call(e,r)&&(n[r]=e[r]);return n};function Se(e,t,n){return t?!1:n.label.toLowerCase().trim().includes(e.toLowerCase().trim())}function P(e,t){return!!e&&!t.some(t=>t.value.toLowerCase()===e.toLowerCase())}function Ce(e,t){if(!Array.isArray(e))return;if(t.length===0)return[];let n=t.map(e=>typeof e==`object`?e.value:e);return e.filter(e=>n.includes(e))}var we={size:`sm`,valueComponent:le,itemComponent:u,transitionProps:{transition:`fade`,duration:0},maxDropdownHeight:220,shadow:`sm`,searchable:!1,filter:Se,limit:1/0,clearSearchOnChange:!0,clearable:!1,clearSearchOnBlur:!1,disabled:!1,initiallyOpened:!1,creatable:!1,shouldCreate:P,switchDirectionOnFlip:!1,zIndex:te(`popover`),selectOnBlur:!1,positionDependencies:[],dropdownPosition:`flip`},F=(0,v.forwardRef)((e,t)=>{let s=re(`MultiSelect`,we,e),{className:l,style:te,required:u,label:m,description:g,size:_,error:y,classNames:b,styles:x,wrapperProps:ie,value:S,defaultValue:C,data:w,onChange:ae,valueComponent:oe,itemComponent:se,id:ce,transitionProps:le,maxDropdownHeight:de,shadow:fe,nothingFound:pe,onFocus:T,onBlur:me,searchable:E,placeholder:D,filter:he,limit:ge,clearSearchOnChange:ve,clearable:O,clearSearchOnBlur:ye,variant:k,onSearchChange:A,searchValue:j,disabled:M,initiallyOpened:Se,radius:P,icon:F,rightSection:Te,rightSectionWidth:Ee,creatable:De,getCreateLabel:Oe,shouldCreate:ke,onCreate:Ae,sx:je,dropdownComponent:Me,onDropdownClose:Ne,onDropdownOpen:Pe,maxSelectedValues:I,withinPortal:Fe,portalProps:Ie,switchDirectionOnFlip:Le,zIndex:Re,selectOnBlur:ze,name:Be,dropdownPosition:Ve,errorProps:He,labelProps:Ue,descriptionProps:We,form:Ge,positionDependencies:Ke,onKeyDown:qe,unstyled:L,inputContainer:Je,inputWrapperOrder:Ye,readOnly:R,withAsterisk:Xe,clearButtonProps:Ze,hoverOnSearchChange:Qe,disableSelectedItemFiltering:$e}=s,et=xe(s,`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`.split(`.`)),{classes:z,cx:tt,theme:nt}=_e({invalid:!!y},{name:`MultiSelect`,classNames:b,styles:x,unstyled:L,size:_,variant:k}),{systemStyles:rt,rest:it}=ne(et),at=(0,v.useRef)(),ot=(0,v.useRef)({}),B=c(ce),[V,H]=(0,v.useState)(Se),[st,U]=(0,v.useState)(-1),[ct,lt]=(0,v.useState)(`column`),[W,G]=f({value:j,defaultValue:``,finalValue:void 0,onChange:A}),[ut,dt]=(0,v.useState)(!1),{scrollIntoView:K,targetRef:ft,scrollableRef:pt}=n({duration:0,offset:5,cancelable:!1,isList:!0}),mt=De&&typeof Oe==`function`,ht=null,gt=ee({data:w.map(e=>typeof e==`string`?{label:e,value:e}:e)}),[q,J]=f({value:Ce(S,w),defaultValue:Ce(C,w),finalValue:[],onChange:ae}),Y=(0,v.useRef)(!!I&&I<q.length),_t=e=>{if(!R){let t=q.filter(t=>t!==e);J(t),I&&t.length<I&&(Y.current=!1)}},vt=e=>{G(e.currentTarget.value),!M&&!Y.current&&E&&H(!0)},yt=e=>{typeof T==`function`&&T(e),!M&&!Y.current&&E&&H(!0)},X=ue({data:gt,searchable:E,searchValue:W,limit:ge,filter:he,value:q,disableSelectedItemFiltering:$e});mt&&ke(W,gt)&&(ht=Oe(W),X.push({label:W,value:W,creatable:!0}));let Z=Math.min(st,X.length-1),bt=(e,t,n)=>{let r=e;for(;n(r);)if(r=t(r),!X[r].disabled)return r;return e};h(()=>{U(Qe&&W?0:-1)},[W,Qe]),h(()=>{!M&&q.length>w.length&&H(!1),I&&q.length<I&&(Y.current=!1),I&&q.length>=I&&(Y.current=!0,H(!1))},[q]);let Q=e=>{if(!R)if(ve&&G(``),q.includes(e.value))_t(e.value);else{if(e.creatable&&typeof Ae==`function`){let t=Ae(e.value);t!=null&&J(typeof t==`string`?[...q,t]:[...q,t.value])}else J([...q,e.value]);q.length===I-1&&(Y.current=!0,H(!1)),X.length===1&&H(!1)}},xt=e=>{typeof me==`function`&&me(e),ze&&X[Z]&&V&&Q(X[Z]),ye&&G(``),H(!1)},St=e=>{if(ut||(qe?.(e),R)||e.key!==`Backspace`&&I&&Y.current)return;let t=ct===`column`,n=()=>{U(e=>{let n=bt(e,e=>e+1,e=>e<X.length-1);return V&&(ft.current=ot.current[X[n]?.value],K({alignment:t?`end`:`start`})),n})},r=()=>{U(e=>{let n=bt(e,e=>e-1,e=>e>0);return V&&(ft.current=ot.current[X[n]?.value],K({alignment:t?`start`:`end`})),n})};switch(e.key){case`ArrowUp`:e.preventDefault(),H(!0),t?r():n();break;case`ArrowDown`:e.preventDefault(),H(!0),t?n():r();break;case`Enter`:e.preventDefault(),X[Z]&&V?Q(X[Z]):H(!0);break;case` `:E||(e.preventDefault(),X[Z]&&V?Q(X[Z]):H(!0));break;case`Backspace`:q.length>0&&W.length===0&&(J(q.slice(0,-1)),H(!0),I&&(Y.current=!1));break;case`Home`:E||(e.preventDefault(),V||H(!0),U(X.findIndex(e=>!e.disabled)),K({alignment:t?`end`:`start`}));break;case`End`:E||(e.preventDefault(),V||H(!0),U(X.map(e=>!!e.disabled).lastIndexOf(!1)),K({alignment:t?`end`:`start`}));break;case`Escape`:H(!1)}},Ct=q.map(e=>{let t=gt.find(t=>t.value===e&&!t.disabled);return!t&&mt&&(t={value:e,label:e}),t}).filter(e=>!!e).map((e,t)=>v.createElement(oe,be(N({},e),{variant:k,disabled:M,className:z.value,readOnly:R,onRemove:t=>{t.preventDefault(),t.stopPropagation(),_t(e.value)},key:e.value,size:_,styles:x,classNames:b,radius:P,index:t}))),wt=e=>q.includes(e),Tt=()=>{var e;G(``),J([]),(e=at.current)==null||e.focus(),I&&(Y.current=!1)},$=!R&&(X.length>0?V:V&&!!pe);return h(()=>{let e=$?Pe:Ne;typeof e==`function`&&e()},[$]),v.createElement(o.Wrapper,N(N({required:u,id:B,label:m,error:y,description:g,size:_,className:l,style:te,classNames:b,styles:x,__staticSelector:`MultiSelect`,sx:je,errorProps:He,descriptionProps:We,labelProps:Ue,inputContainer:Je,inputWrapperOrder:Ye,unstyled:L,withAsterisk:Xe,variant:k},rt),ie),v.createElement(r,{opened:$,transitionProps:le,shadow:`sm`,withinPortal:Fe,portalProps:Ie,__staticSelector:`MultiSelect`,onDirectionChange:lt,switchDirectionOnFlip:Le,zIndex:Re,dropdownPosition:Ve,positionDependencies:[...Ke,W],classNames:b,styles:x,unstyled:L,variant:k},v.createElement(r.Target,null,v.createElement(`div`,{className:z.wrapper,role:`combobox`,"aria-haspopup":`listbox`,"aria-owns":V&&$?`${B}-items`:null,"aria-controls":B,"aria-expanded":V,onMouseLeave:()=>U(-1),tabIndex:-1},v.createElement(`input`,{type:`hidden`,name:Be,value:q.join(`,`),form:Ge,disabled:M}),v.createElement(o,N({__staticSelector:`MultiSelect`,style:{overflow:`hidden`},component:`div`,multiline:!0,size:_,variant:k,disabled:M,error:y,required:u,radius:P,icon:F,unstyled:L,onMouseDown:e=>{var t;e.preventDefault(),!M&&!Y.current&&H(!V),(t=at.current)==null||t.focus()},classNames:be(N({},b),{input:tt({[z.input]:!E},b?.input)})},p({theme:nt,rightSection:Te,rightSectionWidth:Ee,styles:x,size:_,shouldClear:O&&q.length>0,onClear:Tt,error:y,disabled:M,clearButtonProps:Ze,readOnly:R})),v.createElement(`div`,{className:z.values,"data-clearable":O||void 0},Ct,v.createElement(`input`,N({ref:d(t,at),type:`search`,id:B,className:tt(z.searchInput,{[z.searchInputPointer]:!E,[z.searchInputInputHidden]:!V&&q.length>0||!E&&q.length>0,[z.searchInputEmpty]:q.length===0}),onKeyDown:St,value:W,onChange:vt,onFocus:yt,onBlur:xt,readOnly:!E||Y.current||R,placeholder:q.length===0?D:void 0,disabled:M,"data-mantine-stop-propagation":V,autoComplete:`off`,onCompositionStart:()=>dt(!0),onCompositionEnd:()=>dt(!1)},it)))))),v.createElement(r.Dropdown,{component:Me||a,maxHeight:de,direction:ct,id:B,innerRef:pt,__staticSelector:`MultiSelect`,classNames:b,styles:x},v.createElement(i,{data:X,hovered:Z,classNames:b,styles:x,uuid:B,__staticSelector:`MultiSelect`,onItemHover:U,onItemSelect:Q,itemsRefs:ot,itemComponent:se,size:_,nothingFound:pe,isItemSelected:wt,creatable:De&&!!ht,createLabel:ht,unstyled:L,variant:k}))))});F.displayName=`@mantine/core/MultiSelect`;export{F as t};