UNPKG

@accounter/client

Version:
1 lines • 13.6 kB
import{s as e}from"./dist-ypP48_Ax.js";import{o as t}from"./utils-B2RspeJ4.js";import{Bn as n,Dn as r,En as i,Fn as a,In as o,Nn as s,Rn as c,Tn as l,Yt as ee,cn as u,jn as te,on as d,sn as f,wn as p}from"./common-sM_dV9vy.js";import{dl as m,jl as h,kl as g,ll as ne,pl as re,ul as ie}from"./table-BlmyO-VE.js";var _=e(t()),v={xs:h(16),sm:h(22),md:h(26),lg:h(30),xl:h(36)},y={xs:h(10),sm:h(12),md:h(14),lg:h(16),xl:h(18)},b=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:v}),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:y}),borderRadius:g({size:n,sizes:e.radius}),cursor:t?`not-allowed`:`default`,userSelect:`none`,maxWidth:`calc(100% - ${h(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`}})),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 C(e){var t=e,{label:n,classNames:i,styles:a,className:o,onRemove:s,disabled:c,readOnly:l,size:ee,radius:u=`sm`,variant:te,unstyled:d}=t,f=le(t,[`label`,`classNames`,`styles`,`className`,`onRemove`,`disabled`,`readOnly`,`size`,`radius`,`variant`,`unstyled`]);let{classes:p,cx:m}=b({disabled:c,readOnly:l,radius:u},{name:`MultiSelect`,classNames:i,styles:a,unstyled:d,size:ee,variant:te});return _.createElement(`div`,ce({className:m(p.defaultValue,o)},f),_.createElement(`span`,{className:p.defaultValueLabel},n),!c&&!l&&_.createElement(r,{"aria-hidden":!0,onMouseDown:s,size:ue[ee],radius:2,color:`blue`,variant:`transparent`,iconSize:`70%`,className:p.defaultValueRemove,tabIndex:-1,unstyled:d}))}C.displayName=`@mantine/core/MultiSelect/DefaultValue`;function de({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 fe=Object.defineProperty,pe=Object.defineProperties,w=Object.getOwnPropertyDescriptors,T=Object.getOwnPropertySymbols,E=Object.prototype.hasOwnProperty,D=Object.prototype.propertyIsEnumerable,O=(e,t,n)=>t in e?fe(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,me=(e,t)=>{for(var n in t||={})E.call(t,n)&&O(e,n,t[n]);if(T)for(var n of T(t))D.call(t,n)&&O(e,n,t[n]);return e},he=(e,t)=>pe(e,w(t)),ge=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:f})} - ${h(2)})`,display:`flex`,alignItems:`center`,flexWrap:`wrap`,marginLeft:`calc(-${e.spacing.xs} / 2)`,boxSizing:`border-box`,"&[data-clearable]":{marginRight:g({size:n,sizes:f})}},value:{margin:`calc(${e.spacing.xs} / 2 - ${h(2)}) calc(${e.spacing.xs} / 2)`},searchInput:he(me({},e.fn.fontStyles()),{flex:1,minWidth:h(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: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`}}})),_e=Object.defineProperty,k=Object.defineProperties,ve=Object.getOwnPropertyDescriptors,A=Object.getOwnPropertySymbols,j=Object.prototype.hasOwnProperty,M=Object.prototype.propertyIsEnumerable,N=(e,t,n)=>t in e?_e(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,P=(e,t)=>{for(var n in t||={})j.call(t,n)&&N(e,n,t[n]);if(A)for(var n of A(t))M.call(t,n)&&N(e,n,t[n]);return e},ye=(e,t)=>k(e,ve(t)),be=(e,t)=>{var n={};for(var r in e)j.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&A)for(var r of A(e))t.indexOf(r)<0&&M.call(e,r)&&(n[r]=e[r]);return n};function xe(e,t,n){return!t&&n.label.toLowerCase().trim().includes(e.toLowerCase().trim())}function F(e,t){return!!e&&!t.some(t=>t.value.toLowerCase()===e.toLowerCase())}function Se(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 Ce={size:`sm`,valueComponent:C,itemComponent:l,transitionProps:{transition:`fade`,duration:0},maxDropdownHeight:220,shadow:`sm`,searchable:!1,filter:xe,limit:1/0,clearSearchOnChange:!0,clearable:!1,clearSearchOnBlur:!1,disabled:!1,initiallyOpened:!1,creatable:!1,shouldCreate:F,switchDirectionOnFlip:!1,zIndex:c(`popover`),selectOnBlur:!1,positionDependencies:[],dropdownPosition:`flip`},we=(0,_.forwardRef)((e,t)=>{let r=re(`MultiSelect`,Ce,e),{className:c,style:l,required:f,label:m,description:h,size:g,error:v,classNames:y,styles:b,wrapperProps:ae,value:x,defaultValue:oe,data:S,onChange:se,valueComponent:ce,itemComponent:le,id:ue,transitionProps:C,maxDropdownHeight:fe,shadow:pe,nothingFound:w,onFocus:T,onBlur:E,searchable:D,placeholder:O,filter:me,limit:he,clearSearchOnChange:_e,clearable:k,clearSearchOnBlur:ve,variant:A,onSearchChange:j,searchValue:M,disabled:N,initiallyOpened:xe,radius:F,icon:we,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}=r,et=be(r,`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}=ge({invalid:!!v},{name:`MultiSelect`,classNames:y,styles:b,unstyled:L,size:g,variant:A}),{systemStyles:rt,rest:it}=ne(et),at=(0,_.useRef)(),ot=(0,_.useRef)({}),B=o(ue),[V,H]=(0,_.useState)(xe),[st,U]=(0,_.useState)(-1),[ct,lt]=(0,_.useState)(`column`),[W,G]=s({value:M,defaultValue:``,finalValue:void 0,onChange:j}),[ut,dt]=(0,_.useState)(!1),{scrollIntoView:K,targetRef:ft,scrollableRef:pt}=te({duration:0,offset:5,cancelable:!1,isList:!0}),mt=De&&typeof Oe==`function`,ht=null,gt=S.map(e=>typeof e==`string`?{label:e,value:e}:e),_t=n({data:gt}),[q,J]=s({value:Se(x,S),defaultValue:Se(oe,S),finalValue:[],onChange:se}),Y=(0,_.useRef)(!!I&&I<q.length),vt=e=>{if(!R){let t=q.filter(t=>t!==e);J(t),I&&t.length<I&&(Y.current=!1)}},yt=e=>{G(e.currentTarget.value),!N&&!Y.current&&D&&H(!0)},bt=e=>{typeof T==`function`&&T(e),!N&&!Y.current&&D&&H(!0)},X=de({data:_t,searchable:D,searchValue:W,limit:he,filter:me,value:q,disableSelectedItemFiltering:$e});mt&&ke(W,_t)&&(ht=Oe(W),X.push({label:W,value:W,creatable:!0}));let Z=Math.min(st,X.length-1),xt=(e,t,n)=>{let r=e;for(;n(r);)if(r=t(r),!X[r].disabled)return r;return e};ie(()=>{U(Qe&&W?0:-1)},[W,Qe]),ie(()=>{!N&&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(_e&&G(``),q.includes(e.value))vt(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)}},St=e=>{typeof E==`function`&&E(e),ze&&X[Z]&&V&&Q(X[Z]),ve&&G(``),H(!1)},Ct=e=>{if(ut||(qe?.(e),R)||e.key!==`Backspace`&&I&&Y.current)return;let t=ct===`column`,n=()=>{U(e=>{let n=xt(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=xt(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` `:D||(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`:if(!D){e.preventDefault(),V||H(!0);let n=X.findIndex(e=>!e.disabled);U(n),K({alignment:t?`end`:`start`})}break;case`End`:if(!D){e.preventDefault(),V||H(!0);let n=X.map(e=>!!e.disabled).lastIndexOf(!1);U(n),K({alignment:t?`end`:`start`})}break;case`Escape`:H(!1)}},wt=q.map(e=>{let t=_t.find(t=>t.value===e&&!t.disabled);return!t&&mt&&(t={value:e,label:e}),t}).filter(e=>!!e).map((e,t)=>_.createElement(ce,ye(P({},e),{variant:A,disabled:N,className:z.value,readOnly:R,onRemove:t=>{t.preventDefault(),t.stopPropagation(),vt(e.value)},key:e.value,size:g,styles:b,classNames:y,radius:F,index:t}))),Tt=e=>q.includes(e),Et=()=>{var e;G(``),J([]),(e=at.current)==null||e.focus(),I&&(Y.current=!1)},$=!R&&(X.length>0?V:V&&!!w);return ie(()=>{let e=$?Pe:Ne;typeof e==`function`&&e()},[$]),_.createElement(d.Wrapper,P(P({required:f,id:B,label:m,error:v,description:h,size:g,className:c,style:l,classNames:y,styles:b,__staticSelector:`MultiSelect`,sx:je,errorProps:He,descriptionProps:We,labelProps:Ue,inputContainer:Je,inputWrapperOrder:Ye,unstyled:L,withAsterisk:Xe,variant:A},rt),ae),_.createElement(u,{opened:$,transitionProps:C,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:A},_.createElement(u.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:N}),_.createElement(d,P({__staticSelector:`MultiSelect`,style:{overflow:`hidden`},component:`div`,multiline:!0,size:g,variant:A,disabled:N,error:v,required:f,radius:F,icon:we,unstyled:L,onMouseDown:e=>{var t;e.preventDefault(),!N&&!Y.current&&H(!V),(t=at.current)==null||t.focus()},classNames:ye(P({},y),{input:tt({[z.input]:!D},y?.input)})},ee({theme:nt,rightSection:Te,rightSectionWidth:Ee,styles:b,size:g,shouldClear:k&&q.length>0,onClear:Et,error:v,disabled:N,clearButtonProps:Ze,readOnly:R})),_.createElement(`div`,{className:z.values,"data-clearable":k||void 0},wt,_.createElement(`input`,P({ref:a(t,at),type:`search`,id:B,className:tt(z.searchInput,{[z.searchInputPointer]:!D,[z.searchInputInputHidden]:!V&&q.length>0||!D&&q.length>0,[z.searchInputEmpty]:q.length===0}),onKeyDown:Ct,value:W,onChange:yt,onFocus:bt,onBlur:St,readOnly:!D||Y.current||R,placeholder:q.length===0?O:void 0,disabled:N,"data-mantine-stop-propagation":V,autoComplete:`off`,onCompositionStart:()=>dt(!0),onCompositionEnd:()=>dt(!1)},it)))))),_.createElement(u.Dropdown,{component:Me||p,maxHeight:fe,direction:ct,id:B,innerRef:pt,__staticSelector:`MultiSelect`,classNames:y,styles:b},_.createElement(i,{data:X,hovered:Z,classNames:y,styles:b,uuid:B,__staticSelector:`MultiSelect`,onItemHover:U,onItemSelect:Q,itemsRefs:ot,itemComponent:le,size:g,nothingFound:w,isItemSelected:Tt,creatable:De&&!!ht,createLabel:ht,unstyled:L,variant:A}))))});we.displayName=`@mantine/core/MultiSelect`;export{we as t};