@gomeniucivan/ui 1.0.67 → 1.0.68
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -2315,7 +2315,7 @@
|
|
|
2315
2315
|
overflow: hidden;
|
|
2316
2316
|
text-overflow: ellipsis;
|
|
2317
2317
|
white-space: nowrap;
|
|
2318
|
-
`}),{path:"src/Select/style"}),Im=(0,cS.cva)(Y.trigger,{defaultVariants:{shadow:!1,size:"middle",variant:"outlined"},variants:{shadow:{false:null,true:Y.shadow},size:{large:Y.triggerLarge,middle:Y.triggerMiddle,small:Y.triggerSmall},variant:{borderless:Y.borderless,filled:Y.filled,outlined:Y.outlined}}});var Oo=require("react/jsx-runtime"),_t=(e,o)=>typeof o=="function"?t=>u(e,o(t)):u(e,o),ky=wo.Select.Root,wy=wo.Select.Backdrop,_y=wo.Select.Separator,Nm=({children:e,className:o,nativeButton:t,shadow:r,size:n="middle",variant:a,ref:i,...l})=>{let{isDarkMode:s}=ie(),d=Im({shadow:r,size:n,variant:a??(s?"filled":"outlined")}),{isNativeButtonTriggerElement:g,resolvedNativeButton:b}=Yo({children:e,nativeButton:t});return(0,Em.isValidElement)(e)?(0,Oo.jsx)(wo.Select.Trigger,{...l,nativeButton:b,render:(m,y)=>{let p=(()=>{if(g)return m;let{type:w,ref:_,...S}=m;return S})(),f=(0,dS.mergeProps)(e.props,p),h=e?.props?.ref,x=typeof f.className=="function"?f.className(y):f.className,v=typeof o=="function"?o(y):o;return(0,Em.cloneElement)(e,{...f,className:u(d,x,v),ref:(0,pS.mergeRefs)([h,m.ref,i])})}}):(0,Oo.jsx)(wo.Select.Trigger,{...l,className:_t(d,o),nativeButton:b,ref:i,children:e})};Nm.displayName="SelectTrigger";var Fm=({className:e,...o})=>(0,Oo.jsx)(wo.Select.Icon,{className:_t(Y.icon,e),...o});Fm.displayName="SelectIcon";var Rm=({className:e,...o})=>(0,Oo.jsx)(wo.Select.Value,{className:_t(Y.value,e),...o});Rm.displayName="SelectValue";var jm=({container:e,...o})=>{let t=tn(Dn);return(0,Oo.jsx)(wo.Select.Portal,{container:e??t,...o})};jm.displayName="SelectPortal";var Am=({align:e,alignItemWithTrigger:o,className:t,side:r,sideOffset:n,...a})=>(0,Oo.jsx)(wo.Select.Positioner,{align:e??"start",alignItemWithTrigger:o??!1,className:_t(Y.positioner,t),side:r??"bottom",sideOffset:n??6,...a});Am.displayName="SelectPositioner";var $m=({className:e,...o})=>(0,Oo.jsx)(wo.Select.Popup,{className:_t(u(H.popup,Y.popup),e),...o});$m.displayName="SelectPopup";var Lm=({className:e,...o})=>(0,Oo.jsx)(wo.Select.List,{className:_t(Y.list,e),...o});Lm.displayName="SelectList";var Dm=({className:e,...o})=>(0,Oo.jsx)(wo.Select.Item,{className:_t(u(H.item,Y.item),e),...o});Dm.displayName="SelectItem";var Bm=({className:e,...o})=>(0,Oo.jsx)(wo.Select.ItemText,{className:_t(u(H.label,Y.itemText),e),...o});Bm.displayName="SelectItemText";var Om=({className:e,...o})=>(0,Oo.jsx)(wo.Select.ItemIndicator,{className:_t(Y.itemIndicator,e),...o});Om.displayName="SelectItemIndicator";var zm=({className:e,...o})=>(0,Oo.jsx)(wo.Select.Group,{className:_t(Y.group,e),...o});zm.displayName="SelectGroup";var Hm=({className:e,...o})=>(0,Oo.jsx)(wo.Select.GroupLabel,{className:_t(u(H.groupLabel,Y.groupLabel),e),...o});Hm.displayName="SelectGroupLabel";var Gm=({className:e,...o})=>(0,Oo.jsx)(wo.Select.ScrollUpArrow,{className:_t(Y.scrollArrow,e),...o});Gm.displayName="SelectScrollUpArrow";var Wm=({className:e,...o})=>(0,Oo.jsx)(wo.Select.ScrollDownArrow,{className:_t(Y.scrollArrow,e),...o});Wm.displayName="SelectScrollDownArrow";var qm=({className:e,...o})=>(0,Oo.jsx)(wo.Select.Arrow,{className:_t(Y.arrow,e),...o});qm.displayName="SelectArrow";var Ao=require("@base-ui/react/select");var Mr=require("lucide-react"),Z=require("react"),mS=require("react-dom"),fS=require("virtua");var ee=require("react/jsx-runtime"),Rs=e=>!!e.options,Um=e=>typeof e.label=="string"||typeof e.label=="number"?String(e.label):typeof e.value=="string"||typeof e.value=="number"?String(e.value):e.title?e.title:"",I5=e=>e.replaceAll(/[$()*+.?[\\\]^{|}]/g,"\\$&"),E5=(e,o)=>{if(!o||o.length===0)return[e];let t=o.map(I5).join("|");return e.split(new RegExp(t,"g"))},N5=e=>e.reduce((o,t)=>Rs(t)?o+t.options.length+1:o+1,0),ad=e=>e==null||e==="",uS=(0,Z.memo)(({allowClear:e,autoFocus:o,className:t,classNames:r,defaultOpen:n,defaultValue:a,disabled:i,id:l,isMobile:s,labelRender:c,listHeight:d=512,listItemHeight:g,loading:b,mode:m,name:y,onChange:p,onOpenChange:f,onSelect:h,open:x,optionRender:v,options:w,placeholder:_,popupClassName:S,popupMatchSelectWidth:C,prefix:T,readOnly:E,required:L,behaviorVariant:R="default",selectedIndicatorVariant:N="check",shadow:$,showSearch:K,size:X="middle",style:xe,styles:z,suffixIcon:F,suffixIconProps:q,tokenSeparators:ce,value:ve,variant:V,virtual:G})=>{let{isDarkMode:ge}=ie(),de=V??(ge?"filled":"outlined"),ne=m==="multiple"||m==="tags",_e=R==="item-aligned",te=nr(),Ue=!!((s??te)&&m!=="tags"),[Fe,U]=(0,Z.useState)(!1),[he,ke]=(0,Z.useState)(!1),Pe=(0,Z.useRef)(null),we=Ue&&Fe,[to,eo]=(0,Z.useState)(()=>a!==void 0?a:ne?[]:null),oo=(0,Z.useCallback)(A=>ne?Array.isArray(A)?A:A==null?[]:[A]:Array.isArray(A)?A[0]??null:A===void 0?null:A,[ne]),Ve=ve!==void 0?ve:to,$e=(0,Z.useMemo)(()=>oo(Ve),[Ve,oo]),Ce=(0,Z.useMemo)(()=>ne?$e:ad($e)?[]:[$e],[ne,$e]),[ao,je]=(0,Z.useState)([]);(0,Z.useEffect)(()=>{m!=="tags"&&ao.length>0&&je([])},[m,ao.length]),(0,Z.useEffect)(()=>{U(!0)},[]);let[yo,Ko]=(0,Z.useState)(!!n);(0,Z.useEffect)(()=>{x!==void 0&&Ko(x)},[x]);let Le=x??yo,ro=(0,Z.useCallback)(A=>{f?.(A),x===void 0&&Ko(A)},[f,x]);(0,Z.useEffect)(()=>{if(!we){ke(!1);return}if(Le){Pe.current&&(clearTimeout(Pe.current),Pe.current=null),ke(!0);return}he&&(Pe.current=setTimeout(()=>{ke(!1)},220))},[we,Le,he]),(0,Z.useEffect)(()=>()=>{Pe.current&&clearTimeout(Pe.current)},[]);let{resolvedOptions:Do,optionMap:jt}=(0,Z.useMemo)(()=>{let A=w??[],O=new Map,re=Qe=>{O.has(Qe.value)||O.set(Qe.value,Qe)};(Qe=>{Qe.forEach(Ll=>{Rs(Ll)?Ll.options.forEach(re):re(Ll)})})(A);let ae=ao.filter(Qe=>!O.has(Qe.value));ae.forEach(re);let mo=[...A,...ae],so=Ce.filter(Qe=>!O.has(Qe)).map(Qe=>({label:String(Qe),value:Qe}));return so.forEach(re),{optionMap:O,resolvedOptions:so.length?[...mo,...so]:mo}},[ao,w,Ce]);(0,Z.useEffect)(()=>{if(!we||!Le)return;let A=document.documentElement,O=document.body,re=A.style.overflow,Ie=O.style.overflow,ae=O.style.paddingRight,mo=window.innerWidth-A.clientWidth;return A.style.overflow="hidden",O.style.overflow="hidden",mo>0&&(O.style.paddingRight=`${mo}px`),()=>{A.style.overflow=re,O.style.overflow=Ie,O.style.paddingRight=ae}},[we,Le]),(0,Z.useEffect)(()=>{if(!we||!Le)return;let A=O=>{O.key==="Escape"&&ro(!1)};return window.addEventListener("keydown",A),()=>window.removeEventListener("keydown",A)},[we,ro,Le]);let[io,oe]=(0,Z.useState)(""),Me=!!(K||m==="tags");(0,Z.useEffect)(()=>{Le||oe("")},[Le]);let pe=(0,Z.useCallback)(A=>{let O=jt.get(A);return O||(A&&typeof A=="object"&&"label"in A?{label:A.label,value:A}:{label:String(A),value:A})},[jt]),mt=(0,Z.useRef)($e);(0,Z.useEffect)(()=>{mt.current=$e},[$e]);let Co=(0,Z.useCallback)(A=>{let O=oo(A),re=mt.current;if(ne){let Ie=Array.isArray(re)?re:[],ae=Array.isArray(O)?O:[];ae.filter(so=>!Ie.some(Qe=>Object.is(Qe,so))).forEach(so=>{h?.(so,pe(so))}),ve===void 0&&eo(ae),p?.(ae,ae.map(so=>pe(so)))}else!ad(O)&&!Object.is(re,O)&&h?.(O,pe(O)),ve===void 0&&eo(O),p?.(O,ad(O)?void 0:pe(O));mt.current=O},[pe,ne,oo,p,h,ve]),Qt=(0,Z.useCallback)(A=>{let O=A.map(ae=>ae.trim()).filter(Boolean);if(!O.length)return;let re=[...Ce],Ie=O.filter(ae=>!jt.has(ae));Ie.length>0&&je(ae=>{let mo=new Set(ae.map(Qe=>Qe.value)),so=[...ae];return Ie.forEach(Qe=>{mo.has(Qe)||so.push({label:Qe,value:Qe})}),so}),O.forEach(ae=>{re.some(mo=>Object.is(mo,ae))||re.push(ae)}),re.length!==Ce.length&&Co(re)},[Co,jt,Ce]),ni=(0,Z.useCallback)(A=>{let O=A.target.value;if(m==="tags"){let re=E5(O,ce);if(re.length>1){let Ie=re.pop()??"";Qt(re.filter(Boolean)),oe(Ie);return}}oe(O)},[Qt,m,ce]),$l=(0,Z.useCallback)(A=>{if(A.stopPropagation(),A.key==="Escape"){ro(!1);return}if(m==="tags"){if(A.key==="Enter"){A.preventDefault(),A.stopPropagation(),Qt([io]),oe("");return}ce?.includes(A.key)&&(A.preventDefault(),A.stopPropagation(),Qt([io]),oe(""))}},[Qt,ro,m,io,ce]),mc=typeof _=="string"||typeof _=="number"?String(_):"Select an option",Te=(0,Z.useMemo)(()=>{if(!Me||!io.trim())return Do;let A=io.trim().toLowerCase();return(re=>re.map(ae=>{if(Rs(ae)){let mo=ae.options.filter(so=>Um(so).toLowerCase().includes(A));return mo.length?{...ae,options:mo}:null}return Um(ae).toLowerCase().includes(A)?ae:null}).filter(Boolean))(Do)},[Do,io,Me]),lo=(0,Z.useCallback)(A=>{let O=oo(A),re=_===void 0?null:(0,ee.jsx)("span",{className:Y.valueText,children:_});if(ne){let mo=Array.isArray(O)?O:[];return mo.length===0?re:(0,ee.jsx)("span",{className:Y.tags,children:mo.map((so,Qe)=>{let Ll=pe(so),lE=c?c(Ll):Ll.label??String(so);return(0,ee.jsx)("span",{className:Y.tag,children:lE},`${String(so)}-${Qe}`)})})}if(ad(O))return re;let Ie=pe(O),ae=c?c(Ie):Ie.label??String(O);return(0,ee.jsx)("span",{className:Y.valueText,children:ae})},[pe,ne,c,oo,_]),At=ne?Ce.length>0:!ad($e),Zt=!!(e&&At&&!i&&!E),ai=(0,Z.useCallback)(A=>{A.preventDefault(),A.stopPropagation(),Co(ne?[]:null)},[Co,ne]),B=(0,Z.useMemo)(()=>T==null?null:(0,Z.isValidElement)(T)||typeof T=="string"||typeof T=="number"?T:(0,ee.jsx)(D,{icon:T,size:"small"}),[T]),J=(0,Z.useMemo)(()=>b?(0,ee.jsx)(D,{icon:Mr.Loader2,size:"small",spin:!0}):F===null?null:(0,Z.isValidElement)(F)||typeof F=="string"||typeof F=="number"?F:(0,ee.jsx)(D,{icon:F||Mr.ChevronDown,size:"small",...q,style:{pointerEvents:"none",...q?.style}}),[b,F,q]),Re=(0,Z.useMemo)(()=>{let A=Math.min(d,286),O=_e?`min(80vh, ${A}px)`:`${A}px`,re={maxHeight:O+10,maxWidth:"var(--available-width)",minWidth:"var(--anchor-width)","--select-popup-max-height":O};return C===void 0||C===!0?re:typeof C=="number"?{...re,minWidth:C,width:C}:{...re,minWidth:"max-content"}},[_e,d,C]),To=u(Im({shadow:$,size:X,variant:de}),t,r?.root,r?.trigger),_n=tn(Dn),br=(0,Z.useRef)(null),tp=(0,Z.useRef)(null),Jn=(0,Z.useRef)(!1),Yr=(0,Z.useRef)(null),rp=(0,Z.useCallback)(A=>{let{ref:O,...re}=A;return(0,ee.jsx)("div",{...re,ref:Ie=>{Ie&&(Ie.scrollIntoView=(...ae)=>{Jn.current||HTMLElement.prototype.scrollIntoView.call(Ie,...ae)}),typeof O=="function"?O(Ie):O&&"current"in O&&(O.current=Ie)}})},[]),rg=(0,Z.useCallback)(()=>{Jn.current=!0,Yr.current&&clearTimeout(Yr.current),Yr.current=setTimeout(()=>{Jn.current=!1},120)},[]),oE=(0,Z.useCallback)(()=>{if(!G||!Jn.current)return;let A=br.current,O=document.activeElement;A&&O&&A.contains(O)&&A.focus({preventScroll:!0})},[G]);(0,Z.useEffect)(()=>()=>{Yr.current&&clearTimeout(Yr.current)},[]);let tE=(0,Z.useCallback)(A=>{!we||i||E||A.target?.closest('[data-role="lobe-select-clear"]')||(A.preventDefault(),A.stopPropagation(),ro(!0))},[i,we,ro,E]);(0,Z.useEffect)(()=>{if(!we||!he)return;let A=requestAnimationFrame(()=>{let O=tp.current;if(!O)return;let re=O.querySelector('[data-selected="true"]');if(!re){O.scrollTop=0;return}re.scrollIntoView({block:"center"})});return()=>cancelAnimationFrame(A)},[we,he,$e,Do]);let rE=(0,Z.useMemo)(()=>{if(!G)return;let A=N5(Te),O=6,re=g??(X==="large"?40:X==="small"?28:32);return{height:`min(${Math.min(Math.max(A,1),O)*re+8}px, var(--select-available-height, var(--available-height, 286px)))`}},[Te,g,X,G]),nE=(0,Z.useMemo)(()=>{if(!G||Ce.length===0)return;let A=new Set(Ce),O=[],re=0;return Te.forEach(Ie=>{if(Rs(Ie)){Ie.options.some(ae=>A.has(ae.value))&&O.push(re),re+=1;return}A.has(Ie.value)&&O.push(re),re+=1}),O.length?O:void 0},[Te,Ce,G]),$b=u(v?H.itemContent:H.label,Y.itemText,r?.itemText),np=N==="bold",Lb=0,aE=A=>A.map((O,re)=>{if(Rs(O))return(0,ee.jsxs)(Ao.Select.Group,{className:u(Y.group,r?.group),children:[(0,ee.jsx)(Ao.Select.GroupLabel,{className:u(H.groupLabel,Y.groupLabel,r?.groupLabel),children:O.label}),O.options.map(ae=>{let mo=Lb++;return(0,ee.jsxs)(Ao.Select.Item,{className:u(H.item,Y.item,np&&Y.itemBoldSelected,r?.item,r?.option,ae.className),disabled:ae.disabled,label:Um(ae),render:G?rp:void 0,style:{minHeight:g,...ae.style},value:ae.value,children:[(0,ee.jsx)(Ao.Select.ItemText,{className:$b,children:v?v(ae,{index:mo}):ae.label}),!np&&(0,ee.jsx)(Ao.Select.ItemIndicator,{className:u(Y.itemIndicator,r?.itemIndicator),children:(0,ee.jsx)(D,{icon:Mr.Check,size:"small"})})]},`${String(ae.value)}-${mo}`)})]},`group-${re}`);let Ie=Lb++;return(0,ee.jsxs)(Ao.Select.Item,{className:u(H.item,Y.item,np&&Y.itemBoldSelected,r?.item,r?.option,O.className),disabled:O.disabled,label:Um(O),render:G?rp:void 0,style:{minHeight:g,...O.style},value:O.value,children:[(0,ee.jsx)(Ao.Select.ItemText,{className:$b,children:v?v(O,{index:Ie}):O.label}),!np&&(0,ee.jsx)(Ao.Select.ItemIndicator,{className:u(Y.itemIndicator,r?.itemIndicator),children:(0,ee.jsx)(D,{icon:Mr.Check,size:"small"})})]},`${String(O.value)}-${Ie}`)}),iE=we?!1:Le,Db=(0,Z.useCallback)(A=>Ce.some(O=>Object.is(O,A)),[Ce]),Bb=(0,Z.useCallback)(A=>{if(!A.disabled){if(ne){let re=Ce.some(Ie=>Object.is(Ie,A.value))?Ce.filter(Ie=>!Object.is(Ie,A.value)):[...Ce,A.value];Co(re);return}Co(A.value),ro(!1)}},[ro,Co,ne,Ce]);return(0,ee.jsxs)(Ao.Select.Root,{disabled:i,id:l,modal:_e,multiple:ne,name:y,onOpenChange:we?void 0:ro,onValueChange:Co,open:iE,readOnly:E,required:L,value:$e,children:[(0,ee.jsxs)(Ao.Select.Trigger,{autoFocus:o,className:To,disabled:i,onClick:we?tE:void 0,style:xe,children:[B!=null&&(0,ee.jsx)("span",{className:u(Y.prefix,r?.prefix),children:B}),(0,ee.jsx)(Ao.Select.Value,{className:u(Y.value,r?.value),children:lo}),(0,ee.jsxs)("span",{className:u(Y.suffix,r?.suffix),children:[Zt&&(0,ee.jsx)("span",{className:u(Y.clear,r?.clear),"data-role":"lobe-select-clear",onClick:ai,children:(0,ee.jsx)(D,{icon:Mr.X,size:"small"})}),J!=null&&(0,ee.jsx)(Ao.Select.Icon,{className:u(Y.icon,r?.icon),children:J})]})]}),!we&&(0,ee.jsx)(Ao.Select.Portal,{container:_n,children:(0,ee.jsx)(Ao.Select.Positioner,{align:"start",alignItemWithTrigger:_e,className:Y.positioner,side:"bottom",sideOffset:6,children:(0,ee.jsxs)(Ao.Select.Popup,{className:u(H.popup,Y.popup,S,r?.popup,r?.dropdown),style:{...Re,...z?.popup?.root},children:[Me&&(0,ee.jsx)("div",{className:u(Y.search,r?.search),children:(0,ee.jsx)("input",{className:Y.searchInput,onChange:ni,onKeyDown:$l,placeholder:typeof _=="string"?_:void 0,value:io})}),(()=>{let A=Te.length>0?aE(Te):(0,ee.jsx)("div",{className:u(H.item,H.empty,Y.empty,r?.empty),children:"No data"});return!G||Te.length===0?(0,ee.jsx)(Ao.Select.List,{className:u(Y.list,r?.list),"data-virtual":G||void 0,children:A}):(0,ee.jsx)(Ao.Select.List,{className:u(Y.list,r?.list),"data-virtual":G||void 0,onPointerDown:G?rg:void 0,onScroll:G?oE:void 0,onTouchMove:G?rg:void 0,onWheel:G?rg:void 0,ref:br,style:rE,tabIndex:G?-1:void 0,children:(0,ee.jsx)(fS.Virtualizer,{itemSize:g,keepMounted:nE,children:A})})})()]})})}),we&&typeof document<"u"&&(0,mS.createPortal)((0,ee.jsx)($n,{placement:"bottom",noHeader:!1,title:mc,open:he,onClose:()=>ro(!1),children:(0,ee.jsx)("div",{className:u(r?.mobileContent),children:(0,ee.jsxs)("div",{className:u(Y.mobileList,r?.mobileList),ref:tp,children:[Do.length===0&&(0,ee.jsx)("div",{className:u(H.item,H.empty,Y.empty),style:{marginInline:16},children:"No data"}),Do.map((A,O)=>{if(Rs(A))return(0,ee.jsxs)("div",{children:[(0,ee.jsx)("div",{className:u(Y.mobileGroupLabel,r?.mobileGroupLabel),children:A.label}),A.options.map((ae,mo)=>{let so=mo+O*1e3,Qe=Db(ae.value);return(0,ee.jsxs)("button",{className:u(Y.mobileOption,r?.mobileOption,Qe&&Y.mobileOptionSelected,Qe&&r?.mobileOptionSelected),"data-selected":Qe?"true":void 0,disabled:ae.disabled,onClick:()=>Bb(ae),type:"button",children:[(0,ee.jsx)("span",{className:u(Y.mobileOptionLabel,r?.mobileOptionLabel),children:v?v(ae,{index:so}):ae.label}),Qe&&(0,ee.jsx)("span",{className:u(Y.mobileOptionCheck,r?.mobileOptionCheck),children:(0,ee.jsx)(D,{icon:Mr.Check,size:"small"})})]},`${String(ae.value)}-${so}`)})]},`mobile-group-${O}`);let re=Db(A.value),Ie=O;return(0,ee.jsxs)("button",{className:u(Y.mobileOption,r?.mobileOption,re&&Y.mobileOptionSelected,re&&r?.mobileOptionSelected),"data-selected":re?"true":void 0,disabled:A.disabled,onClick:()=>Bb(A),type:"button",children:[(0,ee.jsx)("span",{className:u(Y.mobileOptionLabel,r?.mobileOptionLabel),children:v?v(A,{index:Ie}):A.label}),re&&(0,ee.jsx)("span",{className:u(Y.mobileOptionCheck,r?.mobileOptionCheck),children:(0,ee.jsx)(D,{icon:Mr.Check,size:"small"})})]},`${String(A.value)}-${Ie}`)})]})})}),document.body)]})});uS.displayName="Select";var Hi=uS;var nt=I(({css:e,cssVar:o})=>({clear:e`
|
|
2318
|
+
`}),{path:"src/Select/style"}),Im=(0,cS.cva)(Y.trigger,{defaultVariants:{shadow:!1,size:"middle",variant:"outlined"},variants:{shadow:{false:null,true:Y.shadow},size:{large:Y.triggerLarge,middle:Y.triggerMiddle,small:Y.triggerSmall},variant:{borderless:Y.borderless,filled:Y.filled,outlined:Y.outlined}}});var Oo=require("react/jsx-runtime"),_t=(e,o)=>typeof o=="function"?t=>u(e,o(t)):u(e,o),ky=wo.Select.Root,wy=wo.Select.Backdrop,_y=wo.Select.Separator,Nm=({children:e,className:o,nativeButton:t,shadow:r,size:n="middle",variant:a,ref:i,...l})=>{let{isDarkMode:s}=ie(),d=Im({shadow:r,size:n,variant:a??(s?"filled":"outlined")}),{isNativeButtonTriggerElement:g,resolvedNativeButton:b}=Yo({children:e,nativeButton:t});return(0,Em.isValidElement)(e)?(0,Oo.jsx)(wo.Select.Trigger,{...l,nativeButton:b,render:(m,y)=>{let p=(()=>{if(g)return m;let{type:w,ref:_,...S}=m;return S})(),f=(0,dS.mergeProps)(e.props,p),h=e?.props?.ref,x=typeof f.className=="function"?f.className(y):f.className,v=typeof o=="function"?o(y):o;return(0,Em.cloneElement)(e,{...f,className:u(d,x,v),ref:(0,pS.mergeRefs)([h,m.ref,i])})}}):(0,Oo.jsx)(wo.Select.Trigger,{...l,className:_t(d,o),nativeButton:b,ref:i,children:e})};Nm.displayName="SelectTrigger";var Fm=({className:e,...o})=>(0,Oo.jsx)(wo.Select.Icon,{className:_t(Y.icon,e),...o});Fm.displayName="SelectIcon";var Rm=({className:e,...o})=>(0,Oo.jsx)(wo.Select.Value,{className:_t(Y.value,e),...o});Rm.displayName="SelectValue";var jm=({container:e,...o})=>{let t=tn(Dn);return(0,Oo.jsx)(wo.Select.Portal,{container:e??t,...o})};jm.displayName="SelectPortal";var Am=({align:e,alignItemWithTrigger:o,className:t,side:r,sideOffset:n,...a})=>(0,Oo.jsx)(wo.Select.Positioner,{align:e??"start",alignItemWithTrigger:o??!1,className:_t(Y.positioner,t),side:r??"bottom",sideOffset:n??6,...a});Am.displayName="SelectPositioner";var $m=({className:e,...o})=>(0,Oo.jsx)(wo.Select.Popup,{className:_t(u(H.popup,Y.popup),e),...o});$m.displayName="SelectPopup";var Lm=({className:e,...o})=>(0,Oo.jsx)(wo.Select.List,{className:_t(Y.list,e),...o});Lm.displayName="SelectList";var Dm=({className:e,...o})=>(0,Oo.jsx)(wo.Select.Item,{className:_t(u(H.item,Y.item),e),...o});Dm.displayName="SelectItem";var Bm=({className:e,...o})=>(0,Oo.jsx)(wo.Select.ItemText,{className:_t(u(H.label,Y.itemText),e),...o});Bm.displayName="SelectItemText";var Om=({className:e,...o})=>(0,Oo.jsx)(wo.Select.ItemIndicator,{className:_t(Y.itemIndicator,e),...o});Om.displayName="SelectItemIndicator";var zm=({className:e,...o})=>(0,Oo.jsx)(wo.Select.Group,{className:_t(Y.group,e),...o});zm.displayName="SelectGroup";var Hm=({className:e,...o})=>(0,Oo.jsx)(wo.Select.GroupLabel,{className:_t(u(H.groupLabel,Y.groupLabel),e),...o});Hm.displayName="SelectGroupLabel";var Gm=({className:e,...o})=>(0,Oo.jsx)(wo.Select.ScrollUpArrow,{className:_t(Y.scrollArrow,e),...o});Gm.displayName="SelectScrollUpArrow";var Wm=({className:e,...o})=>(0,Oo.jsx)(wo.Select.ScrollDownArrow,{className:_t(Y.scrollArrow,e),...o});Wm.displayName="SelectScrollDownArrow";var qm=({className:e,...o})=>(0,Oo.jsx)(wo.Select.Arrow,{className:_t(Y.arrow,e),...o});qm.displayName="SelectArrow";var Ao=require("@base-ui/react/select");var Mr=require("lucide-react"),Z=require("react"),mS=require("react-dom"),fS=require("virtua");var ee=require("react/jsx-runtime"),Rs=e=>!!e.options,Um=e=>typeof e.label=="string"||typeof e.label=="number"?String(e.label):typeof e.value=="string"||typeof e.value=="number"?String(e.value):e.title?e.title:"",I5=e=>e.replaceAll(/[$()*+.?[\\\]^{|}]/g,"\\$&"),E5=(e,o)=>{if(!o||o.length===0)return[e];let t=o.map(I5).join("|");return e.split(new RegExp(t,"g"))},N5=e=>e.reduce((o,t)=>Rs(t)?o+t.options.length+1:o+1,0),ad=e=>e==null||e==="",uS=(0,Z.memo)(({allowClear:e,autoFocus:o,className:t,classNames:r,defaultOpen:n,defaultValue:a,disabled:i,id:l,isMobile:s,labelRender:c,listHeight:d=512,listItemHeight:g,loading:b,mode:m,name:y,onChange:p,onOpenChange:f,onSelect:h,open:x,optionRender:v,options:w,placeholder:_,popupClassName:S,popupMatchSelectWidth:C,prefix:T,readOnly:E,required:L,behaviorVariant:R="default",selectedIndicatorVariant:N="check",shadow:$,showSearch:K,size:X="middle",style:xe,styles:z,suffixIcon:F,suffixIconProps:q,tokenSeparators:ce,value:ve,variant:V,virtual:G})=>{let{isDarkMode:ge}=ie(),de=V??(ge?"filled":"outlined"),ne=m==="multiple"||m==="tags",_e=R==="item-aligned",te=nr(),Ue=!!((s??te)&&m!=="tags"),[Fe,U]=(0,Z.useState)(!1),[he,ke]=(0,Z.useState)(!1),Pe=(0,Z.useRef)(null),we=Ue&&Fe,[to,eo]=(0,Z.useState)(()=>a!==void 0?a:ne?[]:null),oo=(0,Z.useCallback)(A=>ne?Array.isArray(A)?A:A==null?[]:[A]:Array.isArray(A)?A[0]??null:A===void 0?null:A,[ne]),Ve=ve!==void 0?ve:to,$e=(0,Z.useMemo)(()=>oo(Ve),[Ve,oo]),Ce=(0,Z.useMemo)(()=>ne?$e:ad($e)?[]:[$e],[ne,$e]),[ao,je]=(0,Z.useState)([]);(0,Z.useEffect)(()=>{m!=="tags"&&ao.length>0&&je([])},[m,ao.length]),(0,Z.useEffect)(()=>{U(!0)},[]);let[yo,Ko]=(0,Z.useState)(!!n);(0,Z.useEffect)(()=>{x!==void 0&&Ko(x)},[x]);let Le=x??yo,ro=(0,Z.useCallback)(A=>{f?.(A),x===void 0&&Ko(A)},[f,x]);(0,Z.useEffect)(()=>{if(!we){ke(!1);return}if(Le){Pe.current&&(clearTimeout(Pe.current),Pe.current=null),ke(!0);return}he&&(Pe.current=setTimeout(()=>{ke(!1)},220))},[we,Le,he]),(0,Z.useEffect)(()=>()=>{Pe.current&&clearTimeout(Pe.current)},[]);let{resolvedOptions:Do,optionMap:jt}=(0,Z.useMemo)(()=>{let A=w??[],O=new Map,re=Qe=>{O.has(Qe.value)||O.set(Qe.value,Qe)};(Qe=>{Qe.forEach(Ll=>{Rs(Ll)?Ll.options.forEach(re):re(Ll)})})(A);let ae=ao.filter(Qe=>!O.has(Qe.value));ae.forEach(re);let mo=[...A,...ae],so=Ce.filter(Qe=>!O.has(Qe)).map(Qe=>({label:String(Qe),value:Qe}));return so.forEach(re),{optionMap:O,resolvedOptions:so.length?[...mo,...so]:mo}},[ao,w,Ce]);(0,Z.useEffect)(()=>{if(!we||!Le)return;let A=document.documentElement,O=document.body,re=A.style.overflow,Ie=O.style.overflow,ae=O.style.paddingRight,mo=window.innerWidth-A.clientWidth;return A.style.overflow="hidden",O.style.overflow="hidden",mo>0&&(O.style.paddingRight=`${mo}px`),()=>{A.style.overflow=re,O.style.overflow=Ie,O.style.paddingRight=ae}},[we,Le]),(0,Z.useEffect)(()=>{if(!we||!Le)return;let A=O=>{O.key==="Escape"&&ro(!1)};return window.addEventListener("keydown",A),()=>window.removeEventListener("keydown",A)},[we,ro,Le]);let[io,oe]=(0,Z.useState)(""),Me=!!(K||m==="tags");(0,Z.useEffect)(()=>{Le||oe("")},[Le]);let pe=(0,Z.useCallback)(A=>{let O=jt.get(A);return O||(A&&typeof A=="object"&&"label"in A?{label:A.label,value:A}:{label:String(A),value:A})},[jt]),mt=(0,Z.useRef)($e);(0,Z.useEffect)(()=>{mt.current=$e},[$e]);let Co=(0,Z.useCallback)(A=>{let O=oo(A),re=mt.current;if(ne){let Ie=Array.isArray(re)?re:[],ae=Array.isArray(O)?O:[];ae.filter(so=>!Ie.some(Qe=>Object.is(Qe,so))).forEach(so=>{h?.(so,pe(so))}),ve===void 0&&eo(ae),p?.(ae,ae.map(so=>pe(so)))}else!ad(O)&&!Object.is(re,O)&&h?.(O,pe(O)),ve===void 0&&eo(O),p?.(O,ad(O)?void 0:pe(O));mt.current=O},[pe,ne,oo,p,h,ve]),Qt=(0,Z.useCallback)(A=>{let O=A.map(ae=>ae.trim()).filter(Boolean);if(!O.length)return;let re=[...Ce],Ie=O.filter(ae=>!jt.has(ae));Ie.length>0&&je(ae=>{let mo=new Set(ae.map(Qe=>Qe.value)),so=[...ae];return Ie.forEach(Qe=>{mo.has(Qe)||so.push({label:Qe,value:Qe})}),so}),O.forEach(ae=>{re.some(mo=>Object.is(mo,ae))||re.push(ae)}),re.length!==Ce.length&&Co(re)},[Co,jt,Ce]),ni=(0,Z.useCallback)(A=>{let O=A.target.value;if(m==="tags"){let re=E5(O,ce);if(re.length>1){let Ie=re.pop()??"";Qt(re.filter(Boolean)),oe(Ie);return}}oe(O)},[Qt,m,ce]),$l=(0,Z.useCallback)(A=>{if(A.stopPropagation(),A.key==="Escape"){ro(!1);return}if(m==="tags"){if(A.key==="Enter"){A.preventDefault(),A.stopPropagation(),Qt([io]),oe("");return}ce?.includes(A.key)&&(A.preventDefault(),A.stopPropagation(),Qt([io]),oe(""))}},[Qt,ro,m,io,ce]),mc=typeof _=="string"||typeof _=="number"?String(_):"Select an option",Te=(0,Z.useMemo)(()=>{if(!Me||!io.trim())return Do;let A=io.trim().toLowerCase();return(re=>re.map(ae=>{if(Rs(ae)){let mo=ae.options.filter(so=>Um(so).toLowerCase().includes(A));return mo.length?{...ae,options:mo}:null}return Um(ae).toLowerCase().includes(A)?ae:null}).filter(Boolean))(Do)},[Do,io,Me]),lo=(0,Z.useCallback)(A=>{let O=oo(A),re=_===void 0?null:(0,ee.jsx)("span",{className:Y.valueText,children:_});if(ne){let mo=Array.isArray(O)?O:[];return mo.length===0?re:(0,ee.jsx)("span",{className:Y.tags,children:mo.map((so,Qe)=>{let Ll=pe(so),lE=c?c(Ll):Ll.label??String(so);return(0,ee.jsx)("span",{className:Y.tag,children:lE},`${String(so)}-${Qe}`)})})}if(ad(O))return re;let Ie=pe(O),ae=c?c(Ie):Ie.label??String(O);return(0,ee.jsx)("span",{className:Y.valueText,children:ae})},[pe,ne,c,oo,_]),At=ne?Ce.length>0:!ad($e),Zt=!!(e&&At&&!i&&!E),ai=(0,Z.useCallback)(A=>{A.preventDefault(),A.stopPropagation(),Co(ne?[]:null)},[Co,ne]),B=(0,Z.useMemo)(()=>T==null?null:(0,Z.isValidElement)(T)||typeof T=="string"||typeof T=="number"?T:(0,ee.jsx)(D,{icon:T,size:"small"}),[T]),J=(0,Z.useMemo)(()=>b?(0,ee.jsx)(D,{icon:Mr.Loader2,size:"small",spin:!0}):F===null?null:(0,Z.isValidElement)(F)||typeof F=="string"||typeof F=="number"?F:(0,ee.jsx)(D,{icon:F||Mr.ChevronDown,size:"small",...q,style:{pointerEvents:"none",...q?.style}}),[b,F,q]),Re=(0,Z.useMemo)(()=>{let A=Math.min(d,286),O=_e?`min(80vh, ${A}px)`:`${A}px`,re={maxHeight:O+10,maxWidth:"var(--available-width)",minWidth:"var(--anchor-width)","--select-popup-max-height":O};return C===void 0||C===!0?re:typeof C=="number"?{...re,minWidth:C,width:C}:{...re,minWidth:"max-content"}},[_e,d,C]),To=u(Im({shadow:$,size:X,variant:de}),t,r?.root,r?.trigger),_n=tn(Dn),br=(0,Z.useRef)(null),tp=(0,Z.useRef)(null),Jn=(0,Z.useRef)(!1),Yr=(0,Z.useRef)(null),rp=(0,Z.useCallback)(A=>{let{ref:O,...re}=A;return(0,ee.jsx)("div",{...re,ref:Ie=>{Ie&&(Ie.scrollIntoView=(...ae)=>{Jn.current||HTMLElement.prototype.scrollIntoView.call(Ie,...ae)}),typeof O=="function"?O(Ie):O&&"current"in O&&(O.current=Ie)}})},[]),rg=(0,Z.useCallback)(()=>{Jn.current=!0,Yr.current&&clearTimeout(Yr.current),Yr.current=setTimeout(()=>{Jn.current=!1},120)},[]),oE=(0,Z.useCallback)(()=>{if(!G||!Jn.current)return;let A=br.current,O=document.activeElement;A&&O&&A.contains(O)&&A.focus({preventScroll:!0})},[G]);(0,Z.useEffect)(()=>()=>{Yr.current&&clearTimeout(Yr.current)},[]);let tE=(0,Z.useCallback)(A=>{!we||i||E||A.target?.closest('[data-role="lobe-select-clear"]')||(A.preventDefault(),A.stopPropagation(),ro(!0))},[i,we,ro,E]);(0,Z.useEffect)(()=>{if(!we||!he)return;let A=requestAnimationFrame(()=>{let O=tp.current;if(!O)return;let re=O.querySelector('[data-selected="true"]');if(!re){O.scrollTop=0;return}re.scrollIntoView({block:"center"})});return()=>cancelAnimationFrame(A)},[we,he,$e,Do]);let rE=(0,Z.useMemo)(()=>{if(!G)return;let A=N5(Te),O=6,re=g??(X==="large"?40:X==="small"?28:32);return{height:`min(${Math.min(Math.max(A,1),O)*re+8}px, var(--select-available-height, var(--available-height, 286px)))`}},[Te,g,X,G]),nE=(0,Z.useMemo)(()=>{if(!G||Ce.length===0)return;let A=new Set(Ce),O=[],re=0;return Te.forEach(Ie=>{if(Rs(Ie)){Ie.options.some(ae=>A.has(ae.value))&&O.push(re),re+=1;return}A.has(Ie.value)&&O.push(re),re+=1}),O.length?O:void 0},[Te,Ce,G]),$b=u(v?H.itemContent:H.label,Y.itemText,r?.itemText),np=N==="bold",Lb=0,aE=A=>A.map((O,re)=>{if(Rs(O))return(0,ee.jsxs)(Ao.Select.Group,{className:u(Y.group,r?.group),children:[(0,ee.jsx)(Ao.Select.GroupLabel,{className:u(H.groupLabel,Y.groupLabel,r?.groupLabel),children:O.label}),O.options.map(ae=>{let mo=Lb++;return(0,ee.jsxs)(Ao.Select.Item,{className:u(H.item,Y.item,np&&Y.itemBoldSelected,r?.item,r?.option,ae.className),disabled:ae.disabled,label:Um(ae),render:G?rp:void 0,style:{minHeight:g,...ae.style},value:ae.value,children:[(0,ee.jsx)(Ao.Select.ItemText,{className:$b,children:v?v(ae,{index:mo}):ae.label}),!np&&(0,ee.jsx)(Ao.Select.ItemIndicator,{className:u(Y.itemIndicator,r?.itemIndicator),children:(0,ee.jsx)(D,{icon:Mr.Check,size:"small"})})]},`${String(ae.value)}-${mo}`)})]},`group-${re}`);let Ie=Lb++;return(0,ee.jsxs)(Ao.Select.Item,{className:u(H.item,Y.item,np&&Y.itemBoldSelected,r?.item,r?.option,O.className),disabled:O.disabled,label:Um(O),render:G?rp:void 0,style:{minHeight:g,...O.style},value:O.value,children:[(0,ee.jsx)(Ao.Select.ItemText,{className:$b,children:v?v(O,{index:Ie}):O.label}),!np&&(0,ee.jsx)(Ao.Select.ItemIndicator,{className:u(Y.itemIndicator,r?.itemIndicator),children:(0,ee.jsx)(D,{icon:Mr.Check,size:"small"})})]},`${String(O.value)}-${Ie}`)}),iE=we?!1:Le,Db=(0,Z.useCallback)(A=>Ce.some(O=>Object.is(O,A)),[Ce]),Bb=(0,Z.useCallback)(A=>{if(!A.disabled){if(ne){let re=Ce.some(Ie=>Object.is(Ie,A.value))?Ce.filter(Ie=>!Object.is(Ie,A.value)):[...Ce,A.value];Co(re);return}Co(A.value),ro(!1)}},[ro,Co,ne,Ce]);return(0,ee.jsxs)(Ao.Select.Root,{disabled:i,id:l,modal:_e,multiple:ne,name:y,onOpenChange:we?void 0:ro,onValueChange:Co,open:iE,readOnly:E,required:L,value:$e,children:[(0,ee.jsxs)(Ao.Select.Trigger,{autoFocus:o,className:To,disabled:i,onClick:we?tE:void 0,style:xe,children:[B!=null&&(0,ee.jsx)("span",{className:u(Y.prefix,r?.prefix),children:B}),(0,ee.jsx)(Ao.Select.Value,{className:u(Y.value,r?.value),children:lo}),(0,ee.jsxs)("span",{className:u(Y.suffix,r?.suffix),children:[Zt&&(0,ee.jsx)("span",{className:u(Y.clear,r?.clear),"data-role":"lobe-select-clear",onClick:ai,children:(0,ee.jsx)(D,{icon:Mr.X,size:"small"})}),J!=null&&(0,ee.jsx)(Ao.Select.Icon,{className:u(Y.icon,r?.icon),children:J})]})]}),!we&&(0,ee.jsx)(Ao.Select.Portal,{container:_n,children:(0,ee.jsx)(Ao.Select.Positioner,{align:"start",alignItemWithTrigger:_e,className:Y.positioner,side:"bottom",sideOffset:6,children:(0,ee.jsxs)(Ao.Select.Popup,{className:u(H.popup,Y.popup,S,r?.popup,r?.dropdown),style:{...Re,...z?.popup?.root},children:[Me&&(0,ee.jsx)("div",{className:u(Y.search,r?.search),children:(0,ee.jsx)("input",{className:Y.searchInput,onChange:ni,onKeyDown:$l,placeholder:typeof _=="string"?_:void 0,value:io})}),(()=>{let A=Te.length>0?aE(Te):(0,ee.jsx)("div",{className:u(H.item,H.empty,Y.empty,r?.empty),children:"No data"});return!G||Te.length===0?(0,ee.jsx)(Ao.Select.List,{className:u(Y.list,r?.list),"data-virtual":G||void 0,children:A}):(0,ee.jsx)(Ao.Select.List,{className:u(Y.list,r?.list),"data-virtual":G||void 0,onPointerDown:G?rg:void 0,onScroll:G?oE:void 0,onTouchMove:G?rg:void 0,onWheel:G?rg:void 0,ref:br,style:rE,tabIndex:G?-1:void 0,children:(0,ee.jsx)(fS.Virtualizer,{itemSize:g,keepMounted:nE,children:A})})})()]})})}),we&&typeof document<"u"&&(0,mS.createPortal)((0,ee.jsx)($n,{placement:"bottom",noHeader:!1,title:mc,open:he,onClose:()=>ro(!1),styles:{body:{paddingBlock:0,paddingInline:0}},children:(0,ee.jsx)("div",{className:u(r?.mobileContent),children:(0,ee.jsxs)("div",{className:u(Y.mobileList,r?.mobileList),ref:tp,children:[Do.length===0&&(0,ee.jsx)("div",{className:u(H.item,H.empty,Y.empty),style:{marginInline:16},children:"No data"}),Do.map((A,O)=>{if(Rs(A))return(0,ee.jsxs)("div",{children:[(0,ee.jsx)("div",{className:u(Y.mobileGroupLabel,r?.mobileGroupLabel),children:A.label}),A.options.map((ae,mo)=>{let so=mo+O*1e3,Qe=Db(ae.value);return(0,ee.jsxs)("button",{className:u(Y.mobileOption,r?.mobileOption,Qe&&Y.mobileOptionSelected,Qe&&r?.mobileOptionSelected),"data-selected":Qe?"true":void 0,disabled:ae.disabled,onClick:()=>Bb(ae),type:"button",children:[(0,ee.jsx)("span",{className:u(Y.mobileOptionLabel,r?.mobileOptionLabel),children:v?v(ae,{index:so}):ae.label}),Qe&&(0,ee.jsx)("span",{className:u(Y.mobileOptionCheck,r?.mobileOptionCheck),children:(0,ee.jsx)(D,{icon:Mr.Check,size:"small"})})]},`${String(ae.value)}-${so}`)})]},`mobile-group-${O}`);let re=Db(A.value),Ie=O;return(0,ee.jsxs)("button",{className:u(Y.mobileOption,r?.mobileOption,re&&Y.mobileOptionSelected,re&&r?.mobileOptionSelected),"data-selected":re?"true":void 0,disabled:A.disabled,onClick:()=>Bb(A),type:"button",children:[(0,ee.jsx)("span",{className:u(Y.mobileOptionLabel,r?.mobileOptionLabel),children:v?v(A,{index:Ie}):A.label}),re&&(0,ee.jsx)("span",{className:u(Y.mobileOptionCheck,r?.mobileOptionCheck),children:(0,ee.jsx)(D,{icon:Mr.Check,size:"small"})})]},`${String(A.value)}-${Ie}`)})]})})}),document.body)]})});uS.displayName="Select";var Hi=uS;var nt=I(({css:e,cssVar:o})=>({clear:e`
|
|
2319
2319
|
display: inline-flex;
|
|
2320
2320
|
align-items: center;
|
|
2321
2321
|
justify-content: center;
|