UNPKG

@accounter/client

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