UNPKG

@accounter/client

Version:
1 lines • 13.5 kB
import{$r as e,Id as t,Jr as n,Lr as r,Qr as i,Rr as a,Vr as o,Xr as s,br as c,cr as l,di as u,ei as d,ii as ee,jd as f,ni as p,pi as m,qr as te,ri as ne,ui as h,xr as g,yr as re,zr as ie}from"./index-CSYTUOOk.js";var _=t(f()),v={xs:u(16),sm:u(22),md:u(26),lg:u(30),xl:u(36)},y={xs:u(10),sm:u(12),md:u(14),lg:u(16),xl:u(18)},b=p((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:h({size:i,sizes:v}),paddingLeft:`calc(${h({size:i,sizes:e.spacing})} / 1.5)`,paddingRight:t||r?h({size:i,sizes:e.spacing}):0,fontWeight:500,fontSize:h({size:i,sizes:y}),borderRadius:h({size:n,sizes:e.radius}),cursor:t?`not-allowed`:`default`,userSelect:`none`,maxWidth:`calc(100% - ${u(10)})`},defaultValueRemove:{color:e.colorScheme===`dark`?e.colors.dark[0]:e.colors.gray[7],marginLeft:`calc(${h({size:i,sizes:e.spacing})} / 6)`},defaultValueLabel:{display:`block`,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`}})),ae=Object.defineProperty,x=Object.getOwnPropertySymbols,oe=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable,se=(e,t,n)=>t in e?ae(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,ce=(e,t)=>{for(var n in t||={})oe.call(t,n)&&se(e,n,t[n]);if(x)for(var n of x(t))S.call(t,n)&&se(e,n,t[n]);return e},le=(e,t)=>{var n={};for(var r in e)oe.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&x)for(var r of x(e))t.indexOf(r)<0&&S.call(e,r)&&(n[r]=e[r]);return n},ue={xs:16,sm:22,md:24,lg:26,xl:30};function de(e){var t=e,{label:n,classNames:r,styles:i,className:a,onRemove:s,disabled:c,readOnly:l,size:u,radius:d=`sm`,variant:ee,unstyled:f}=t,p=le(t,[`label`,`classNames`,`styles`,`className`,`onRemove`,`disabled`,`readOnly`,`size`,`radius`,`variant`,`unstyled`]);let{classes:m,cx:te}=b({disabled:c,readOnly:l,radius:d},{name:`MultiSelect`,classNames:r,styles:i,unstyled:f,size:u,variant:ee});return _.createElement(`div`,ce({className:te(m.defaultValue,a)},p),_.createElement(`span`,{className:m.defaultValueLabel},n),!c&&!l&&_.createElement(o,{"aria-hidden":!0,onMouseDown:s,size:ue[u],radius:2,color:`blue`,variant:`transparent`,iconSize:`70%`,className:m.defaultValueRemove,tabIndex:-1,unstyled:f}))}de.displayName=`@mantine/core/MultiSelect/DefaultValue`;function fe({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 pe=Object.defineProperty,me=Object.defineProperties,C=Object.getOwnPropertyDescriptors,w=Object.getOwnPropertySymbols,T=Object.prototype.hasOwnProperty,E=Object.prototype.propertyIsEnumerable,D=(e,t,n)=>t in e?pe(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,he=(e,t)=>{for(var n in t||={})T.call(t,n)&&D(e,n,t[n]);if(w)for(var n of w(t))E.call(t,n)&&D(e,n,t[n]);return e},ge=(e,t)=>me(e,C(t)),_e=p((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(${h({size:n,sizes:c})} - ${u(2)})`,display:`flex`,alignItems:`center`,flexWrap:`wrap`,marginLeft:`calc(-${e.spacing.xs} / 2)`,boxSizing:`border-box`,"&[data-clearable]":{marginRight:h({size:n,sizes:c})}},value:{margin:`calc(${e.spacing.xs} / 2 - ${u(2)}) calc(${e.spacing.xs} / 2)`},searchInput:ge(he({},e.fn.fontStyles()),{flex:1,minWidth:u(60),backgroundColor:`transparent`,border:0,outline:0,fontSize:h({size:n,sizes:e.fontSizes}),padding:0,marginLeft:`calc(${e.spacing.xs} / 2)`,appearance:`none`,color:`inherit`,maxHeight:h({size:n,sizes:v}),"&::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:de,itemComponent:a,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:ne(`popover`),selectOnBlur:!1,positionDependencies:[],dropdownPosition:`flip`},F=(0,_.forwardRef)((t,a)=>{let o=ee(`MultiSelect`,we,t),{className:c,style:u,required:f,label:p,description:ne,size:h,error:v,classNames:y,styles:b,wrapperProps:ae,value:x,defaultValue:oe,data:S,onChange:se,valueComponent:ce,itemComponent:le,id:ue,transitionProps:de,maxDropdownHeight:pe,shadow:me,nothingFound:C,onFocus:w,onBlur:T,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}=o,et=xe(o,`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:!!v},{name:`MultiSelect`,classNames:y,styles:b,unstyled:L,size:h,variant:k}),{systemStyles:rt,rest:it}=te(et),at=(0,_.useRef)(),ot=(0,_.useRef)({}),B=e(ue),[V,H]=(0,_.useState)(Se),[st,U]=(0,_.useState)(-1),[ct,lt]=(0,_.useState)(`column`),[W,G]=s({value:j,defaultValue:``,finalValue:void 0,onChange:A}),[ut,dt]=(0,_.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=m({data:S.map(e=>typeof e==`string`?{label:e,value:e}:e)}),[q,J]=s({value:Ce(x,S),defaultValue:Ce(oe,S),finalValue:[],onChange:se}),Y=(0,_.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 w==`function`&&w(e),!M&&!Y.current&&E&&H(!0)},X=fe({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};d(()=>{U(Qe&&W?0:-1)},[W,Qe]),d(()=>{!M&&q.length>S.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 T==`function`&&T(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)=>_.createElement(ce,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:h,styles:b,classNames:y,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&&!!C);return d(()=>{let e=$?Pe:Ne;typeof e==`function`&&e()},[$]),_.createElement(re.Wrapper,N(N({required:f,id:B,label:p,error:v,description:ne,size:h,className:c,style:u,classNames:y,styles:b,__staticSelector:`MultiSelect`,sx:je,errorProps:He,descriptionProps:We,labelProps:Ue,inputContainer:Je,inputWrapperOrder:Ye,unstyled:L,withAsterisk:Xe,variant:k},rt),ae),_.createElement(g,{opened:$,transitionProps:de,shadow:`sm`,withinPortal:Fe,portalProps:Ie,__staticSelector:`MultiSelect`,onDirectionChange:lt,switchDirectionOnFlip:Le,zIndex:Re,dropdownPosition:Ve,positionDependencies:[...Ke,W],classNames:y,styles:b,unstyled:L,variant:k},_.createElement(g.Target,null,_.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},_.createElement(`input`,{type:`hidden`,name:Be,value:q.join(`,`),form:Ge,disabled:M}),_.createElement(re,N({__staticSelector:`MultiSelect`,style:{overflow:`hidden`},component:`div`,multiline:!0,size:h,variant:k,disabled:M,error:v,required:f,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({},y),{input:tt({[z.input]:!E},y?.input)})},l({theme:nt,rightSection:Te,rightSectionWidth:Ee,styles:b,size:h,shouldClear:O&&q.length>0,onClear:Tt,error:v,disabled:M,clearButtonProps:Ze,readOnly:R})),_.createElement(`div`,{className:z.values,"data-clearable":O||void 0},Ct,_.createElement(`input`,N({ref:i(a,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)))))),_.createElement(g.Dropdown,{component:Me||r,maxHeight:pe,direction:ct,id:B,innerRef:pt,__staticSelector:`MultiSelect`,classNames:y,styles:b},_.createElement(ie,{data:X,hovered:Z,classNames:y,styles:b,uuid:B,__staticSelector:`MultiSelect`,onItemHover:U,onItemSelect:Q,itemsRefs:ot,itemComponent:le,size:h,nothingFound:C,isItemSelected:wt,creatable:De&&!!ht,createLabel:ht,unstyled:L,variant:k}))))});F.displayName=`@mantine/core/MultiSelect`;export{F as t};