sodtrack-web-ui 0.86.5 → 0.87.1

package/dist/chunk-SVAYP3BB.mjs

@@ -1 +0,0 @@
-import {a as a$1}from'./chunk-DHWOGUID.mjs';import {q,d,g}from'./chunk-5VHBHGBZ.mjs';import {a}from'./chunk-XJD5SYZJ.mjs';import {useListCollection,useCombobox,Combobox,useComboboxContext}from'@ark-ui/react/combobox';import {useFilter}from'@ark-ui/react/locale';import {Portal}from'@ark-ui/react/portal';import {useRef,useCallback,useEffect}from'react';import {jsxs,jsx}from'react/jsx-runtime';var K=({title:n,titleLines:l=2,description:a$1,descriptionLines:p=1,Icon:u,iconAsColumn:s=true,className:c,...m})=>jsxs("div",{className:a("flex gap-2 py-4 pl-4 pr-6",s&&"flex-col items-center gap-1",!s&&!a$1&&"items-center"),...m,children:[u&&jsx(u,{className:a("shrink-0 text-neutral-300"),size:24}),jsxs("div",{className:a("flex flex-col gap-1",s&&"text-center"),children:[jsx("p",{className:a("leading-[130%] text-neutral-500",!!a$1&&"font-medium"),style:l?{overflow:"hidden",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:l}:void 0,children:n}),a$1&&jsx("p",{className:"text-sm leading-[130%] text-neutral-500",style:p?{overflow:"hidden",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:p}:void 0,children:a$1})]})]}),V=K;function _(){let n=useComboboxContext(),l=useRef(false);return n.value.length&&n.collection.size&&!l.current&&(n.syncSelectedItems(),l.current=true),null}var de=n=>{let{label:l,error:a$2,required:p,tooltip:u,readOnly:s,options:c,onInputValueChange:m,onSelect:d$1,defaultValue:v,helperText:O,noResultsTitle:k,noResultsDescription:A,noResultsIcon:D,noResultsTitleLines:M,noResultsDescriptionLines:z,value:h,className:E,...H}=n,F=Object.getOwnPropertyNames(n),b=useRef(null),{contains:G}=useFilter({sensitivity:"base"}),{collection:g$1,filter:x,set:W}=useListCollection({initialItems:[],itemToString:t=>t.label,itemToValue:t=>String(t.value),filter:G}),B=useCallback(t=>{let w=c.find(j=>String(j.value)===t.itemValue);w&&d$1?.(w);},[d$1,c]),T=useCallback(t=>{x(t.inputValue),t.reason!==void 0&&m?.(t.inputValue??"");},[x,m]),q$1=useCombobox({collection:g$1,defaultValue:v?[String(v)]:void 0,placeholder:n.placeholder,inputValue:n.inputValue,onInputValueChange:T,value:F.includes("value")?h?[String(h)]:[]:void 0,onSelect:B,inputBehavior:"autocomplete",openOnClick:true,...H}),U=useCallback(()=>{d$1?.(null),T?.({inputValue:"",reason:"clear-trigger"});},[d$1,m]);return useEffect(()=>{W(c);},[c]),useEffect(()=>{b.current&&b.current.value===""&&x("");},[x,b.current?.value]),jsxs(Combobox.RootProvider,{value:q$1,"data-error":a$2,className:a("group flex flex-col",E),children:[jsxs(Combobox.Label,{className:"font-inter flex items-center text-xs leading-[133.33%] font-medium text-neutral-700 data-[disabled]:text-neutral-400",children:[p?jsxs("span",{className:"flex items-center gap-1",children:[jsx("span",{className:"text-red-500",children:"*"}),l]}):l,u&&jsx(a$1,{content:u,className:"ml-2",children:jsx(q,{className:"size-3.5"})})]}),jsx(_,{}),jsxs(Combobox.Control,{className:a("group/control mt-1.125 data-[focus]:ring-primary-800 group-data-[error=true]:ring-error-500 relative flex h-10 w-full items-center justify-between gap-2 overflow-hidden rounded-lg bg-neutral-50 px-3 ring ring-neutral-500 transition-shadow group-data-[error=true]:ring-2 group-data-[readonly]:bg-neutral-100 group-data-[readonly]:ring-neutral-300 has-focus:ring-2 data-[disabled]:ring-neutral-400",s&&"pointer-events-none"),children:[jsx(Combobox.Input,{className:a("font-inter flex w-full justify-between text-left text-sm text-neutral-900 outline-0 group-data-[disabled]/control:text-neutral-400 disabled:cursor-not-allowed data-[placeholder-shown]:text-neutral-500",s&&"pointer-events-none",a$2&&"pr-16"),ref:b}),a$2&&jsx(q,{className:"text-error-500 size-4.5 shrink-0"}),!s&&jsx(Combobox.ClearTrigger,{className:"cursor-pointer",onClick:U,children:jsx(d,{className:"size-4.5"})}),jsx(Combobox.Trigger,{className:"cursor-pointer group-data-[disabled]/control:cursor-not-allowed group-data-[disabled]/control:text-neutral-400",children:jsx(g,{className:"size-4.5 transition-transform will-change-transform group-data-[state=open]/control:rotate-180"})})]}),jsx("p",{className:"font-inter text-2xs group-data-[error=true]:text-error-500 mt-1 leading-[133.33%] font-normal text-neutral-700 peer-data-[disabled]:text-neutral-400 empty:hidden",children:O}),jsx(Portal,{children:jsx(Combobox.Positioner,{className:"!z-10000",children:jsx(Combobox.Content,{className:"elevation-9 max-h-67.5 min-w-27.5 overflow-auto rounded-lg bg-neutral-50",children:jsxs(Combobox.ItemGroup,{children:[g$1.items.length>0&&g$1.items.map(t=>jsx(Combobox.Item,{item:t,className:"font-inter data-[highlighted]:bg-primary-100 cursor-pointer p-3 data-[disabled]:cursor-not-allowed data-[disabled]:text-neutral-400",children:jsx(Combobox.ItemText,{className:"flex flex-col gap-1",asChild:true,children:jsxs("div",{children:[jsx("p",{className:"text-sm leading-[130%] font-medium",children:t.label}),t.description&&jsx("p",{className:"text-xs leading-[130%]",children:t.description})]})})},t.value)),g$1.items.length===0&&jsx(V,{title:k,description:A,Icon:D,descriptionLines:z,titleLines:M})]})})})})]})};export{V as a,de as b};