@televet/kibble-ui 4.0.0-beta.48 → 4.0.0-beta.49

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.
Files changed (51) hide show
  1. package/dist/chunks/{buttonGroup.component-BllwiY24.js → buttonGroup.component-BLjEEBle.js} +2 -2
  2. package/dist/chunks/{buttonGroup.component-BllwiY24.js.map → buttonGroup.component-BLjEEBle.js.map} +1 -1
  3. package/dist/chunks/{buttonGroup.component-CyWOOEs3.js → buttonGroup.component-B_5ioQ76.js} +2 -2
  4. package/dist/chunks/{buttonGroup.component-CyWOOEs3.js.map → buttonGroup.component-B_5ioQ76.js.map} +1 -1
  5. package/dist/chunks/{conversationCard.component-CTRfZQCI.js → conversationCard.component-CFok-8U0.js} +2 -2
  6. package/dist/chunks/{conversationCard.component-CTRfZQCI.js.map → conversationCard.component-CFok-8U0.js.map} +1 -1
  7. package/dist/chunks/{conversationCard.component-BERwqiS-.js → conversationCard.component-CiDSMTUO.js} +2 -2
  8. package/dist/chunks/{conversationCard.component-BERwqiS-.js.map → conversationCard.component-CiDSMTUO.js.map} +1 -1
  9. package/dist/chunks/{datePicker.component-DN3Vb2hm.js → datePicker.component-BvJzhMIq.js} +2 -2
  10. package/dist/chunks/{datePicker.component-DN3Vb2hm.js.map → datePicker.component-BvJzhMIq.js.map} +1 -1
  11. package/dist/chunks/{datePicker.component-PImZR-B6.js → datePicker.component-DKDgsGci.js} +2 -2
  12. package/dist/chunks/{datePicker.component-PImZR-B6.js.map → datePicker.component-DKDgsGci.js.map} +1 -1
  13. package/dist/chunks/menu.component-Bi2JPazM.js +2 -0
  14. package/dist/chunks/{menu.component-DfMZGgCy.js.map → menu.component-Bi2JPazM.js.map} +1 -1
  15. package/dist/chunks/menu.component-DbVIiM3g.js +677 -0
  16. package/dist/chunks/{menu.component-CTze16Re.js.map → menu.component-DbVIiM3g.js.map} +1 -1
  17. package/dist/chunks/{radioGroup.component-BijXqMDe.js → radioGroup.component-VgKW4-P2.js} +2 -2
  18. package/dist/chunks/{radioGroup.component-BijXqMDe.js.map → radioGroup.component-VgKW4-P2.js.map} +1 -1
  19. package/dist/chunks/{radioGroup.component-D9lKUJfv.js → radioGroup.component-cFpOM0dT.js} +2 -2
  20. package/dist/chunks/{radioGroup.component-D9lKUJfv.js.map → radioGroup.component-cFpOM0dT.js.map} +1 -1
  21. package/dist/chunks/select.component-BDLdQaL2.js +2 -0
  22. package/dist/chunks/{select.component-CASOsFQJ.js.map → select.component-BDLdQaL2.js.map} +1 -1
  23. package/dist/chunks/select.component-BSZd60MZ.js +391 -0
  24. package/dist/chunks/{select.component-CEDzVkE_.js.map → select.component-BSZd60MZ.js.map} +1 -1
  25. package/dist/chunks/{tagBlock.component-CNWy7Cz4.js → tagBlock.component-C0LIdK0o.js} +2 -2
  26. package/dist/chunks/{tagBlock.component-CNWy7Cz4.js.map → tagBlock.component-C0LIdK0o.js.map} +1 -1
  27. package/dist/chunks/{tagBlock.component-Cn6vRcHX.js → tagBlock.component-DpcWXFLP.js} +2 -2
  28. package/dist/chunks/{tagBlock.component-Cn6vRcHX.js.map → tagBlock.component-DpcWXFLP.js.map} +1 -1
  29. package/dist/cjs/components/ButtonGroup/index.cjs +1 -1
  30. package/dist/cjs/components/ConversationCard/index.cjs +1 -1
  31. package/dist/cjs/components/DatePicker/index.cjs +1 -1
  32. package/dist/cjs/components/Menu/index.cjs +1 -1
  33. package/dist/cjs/components/RadioGroup/index.cjs +1 -1
  34. package/dist/cjs/components/Select/index.cjs +1 -1
  35. package/dist/cjs/components/TagBlock/index.cjs +1 -1
  36. package/dist/cjs/components/index.cjs +1 -1
  37. package/dist/cjs/index.cjs +1 -1
  38. package/dist/esm/components/ButtonGroup/index.js +1 -1
  39. package/dist/esm/components/ConversationCard/index.js +1 -1
  40. package/dist/esm/components/DatePicker/index.js +1 -1
  41. package/dist/esm/components/Menu/index.js +1 -1
  42. package/dist/esm/components/RadioGroup/index.js +1 -1
  43. package/dist/esm/components/Select/index.js +1 -1
  44. package/dist/esm/components/TagBlock/index.js +1 -1
  45. package/dist/esm/components/index.js +7 -7
  46. package/dist/esm/index.js +7 -7
  47. package/package.json +1 -1
  48. package/dist/chunks/menu.component-CTze16Re.js +0 -677
  49. package/dist/chunks/menu.component-DfMZGgCy.js +0 -2
  50. package/dist/chunks/select.component-CASOsFQJ.js +0 -2
  51. package/dist/chunks/select.component-CEDzVkE_.js +0 -391
@@ -1,2 +0,0 @@
1
- "use strict";const e=require("./jsx-runtime-BjDatQAs.js"),i=require("react"),y=require("./button.component-ytAmAAJg.js"),J=require("./icon.component-4aaCABoX.js"),A=require("./text.component-Dcx3RoTp.js"),b=require("./flex-DKWxn8hO.js"),Ge=require("./textInput.component-BjQgcjCW.js"),Oe=require("./spinner.component-BuNeiOw3.js"),w=require("./box-ca2FvcWF.js"),qe=require("./tooltip.component-C7RpuMiK.js"),Q=require("./checkbox.component-jKQDjGYQ.js"),o=require("./use-locale-context-BdqHZ8L8.js"),Be=require("./create-slot-recipe-context-D-pJ8fgs.js"),$e=require("./icons-BVYVhH49.js"),W=require("./index-ZaGEDS_0.js"),m=require("./index-CZ42b9rT.js"),Fe=t=>t&&t.__esModule?t:{default:t},Le=Fe(i),[U,d]=o.createContext({name:"MenuContext",hookName:"useMenuContext",providerName:"<MenuProvider />",strict:!1}),X=i.forwardRef((t,s)=>{const n=d(),r=m.mergeProps(n.getArrowProps(),t);return e.jsxRuntimeExports.jsx(o.ark.div,{...r,ref:s})});X.displayName="MenuArrow";const Y=i.forwardRef((t,s)=>{const n=d(),r=m.mergeProps(n.getArrowTipProps(),t);return e.jsxRuntimeExports.jsx(o.ark.div,{...r,ref:s})});Y.displayName="MenuArrowTip";const[G,ot]=o.createContext({name:"MenuItemContext",hookName:"useMenuItemContext",providerName:"<MenuItemProvider />"}),[Z,ee]=o.createContext({name:"MenuOptionItemPropsContext",hookName:"useMenuOptionItemPropsContext",providerName:"<MenuOptionItemPropsProvider />"}),te=i.forwardRef((t,s)=>{const[n,r]=o.createSplitProps()(t,["checked","closeOnSelect","disabled","onCheckedChange","value","valueText"]),u={...n,type:"checkbox"},l=d(),a=m.mergeProps(l.getOptionItemProps(u),r),x=l.getOptionItemState(u);return e.jsxRuntimeExports.jsx(Z,{value:u,children:e.jsxRuntimeExports.jsx(G,{value:x,children:e.jsxRuntimeExports.jsx(o.ark.div,{...a,ref:s})})})});te.displayName="MenuCheckboxItem";const ne=i.forwardRef((t,s)=>{const n=d(),r=o.usePresenceContext(),u=m.mergeProps(n.getContentProps(),r.getPresenceProps(),t);return r.unmounted?null:e.jsxRuntimeExports.jsx(o.ark.div,{...u,ref:o.composeRefs(r.ref,s)})});ne.displayName="MenuContent";const se=i.forwardRef((t,s)=>{const n=d(),r=m.mergeProps(n.getContextTriggerProps(),t);return e.jsxRuntimeExports.jsx(o.ark.button,{...r,ref:s})});se.displayName="MenuContextTrigger";const re=i.forwardRef((t,s)=>{const n=d(),r=m.mergeProps(n.getIndicatorProps(),t);return e.jsxRuntimeExports.jsx(o.ark.div,{...r,ref:s})});re.displayName="MenuIndicator";const oe=i.forwardRef((t,s)=>{const[n,r]=o.createSplitProps()(t,["closeOnSelect","disabled","value","valueText","onSelect"]),u=d(),l=m.mergeProps(u.getItemProps(n),r),a=u.getItemState(n);return i.useEffect(()=>u.addItemListener({id:a.id,onSelect:n.onSelect}),[a.id,n.onSelect]),e.jsxRuntimeExports.jsx(G,{value:a,children:e.jsxRuntimeExports.jsx(o.ark.div,{...l,ref:s})})});oe.displayName="MenuItem";const[ue,ie]=o.createContext({name:"MenuItemGroupContext",hookName:"useMenuItemGroupContext",providerName:"<MenuItemGroupProvider />"}),ce=i.forwardRef((t,s)=>{const[n,r]=o.createSplitProps()(t,["id"]),u=d(),a={id:i.useId(),...n},x=m.mergeProps(u.getItemGroupProps(a),r);return e.jsxRuntimeExports.jsx(ue,{value:a,children:e.jsxRuntimeExports.jsx(o.ark.div,{...x,ref:s})})});ce.displayName="MenuItemGroup";const ae=i.forwardRef((t,s)=>{const n=d(),r=ie(),u=m.mergeProps(n.getItemGroupLabelProps({htmlFor:r.id}),t);return e.jsxRuntimeExports.jsx(o.ark.div,{...u,ref:s})});ae.displayName="MenuItemGroupLabel";const le=i.forwardRef((t,s)=>{const n=d(),r=ee(),u=m.mergeProps(n.getItemIndicatorProps(r),t);return e.jsxRuntimeExports.jsx(o.ark.div,{...u,ref:s})});le.displayName="MenuItemIndicator";const pe=i.forwardRef((t,s)=>{const n=d(),r=ee(),u=m.mergeProps(n.getItemTextProps(r),t);return e.jsxRuntimeExports.jsx(o.ark.div,{...u,ref:s})});pe.displayName="MenuItemText";const xe=i.forwardRef((t,s)=>{const n=d(),r=m.mergeProps(n.getPositionerProps(),t);return o.usePresenceContext().unmounted?null:e.jsxRuntimeExports.jsx(o.ark.div,{...r,ref:s})});xe.displayName="MenuPositioner";const me=i.forwardRef((t,s)=>{const[n,r]=o.createSplitProps()(t,["closeOnSelect","disabled","value","valueText"]),u=d(),l=ie(),a={...n,checked:l.value===n.value,type:"radio",onCheckedChange:()=>l.onValueChange?.({value:n.value})},x=m.mergeProps(u.getOptionItemProps(a),r),g=u.getOptionItemState(a);return e.jsxRuntimeExports.jsx(Z,{value:a,children:e.jsxRuntimeExports.jsx(G,{value:g,children:e.jsxRuntimeExports.jsx(o.ark.div,{...x,ref:s})})})});me.displayName="MenuRadioItem";const de=i.forwardRef((t,s)=>{const[n,r]=o.createSplitProps()(t,["id","onValueChange","value"]),u=d(),a={id:i.useId(),...n},x=m.mergeProps(u.getItemGroupProps({id:a.id}),r);return e.jsxRuntimeExports.jsx(ue,{value:a,children:e.jsxRuntimeExports.jsx(o.ark.div,{...x,ref:s})})});de.displayName="MenuRadioItemGroup";const je=t=>{const s=i.useRef(t),n=i.useRef(!1);i.useEffect(()=>{s.current=t}),i.useEffect(()=>{n.current!==!0&&(n.current=!0,s.current())},[])},Ve=t=>{const s=i.useId(),{getRootNode:n}=o.useEnvironmentContext(),{dir:r}=o.useLocaleContext(),u={id:s,dir:r,getRootNode:n,...t},l=o.useMachine(W.machine,u);return{api:W.connect(l,o.normalizeProps),service:l}},[he,ge]=o.createContext({name:"MenuMachineContext",hookName:"useMenuMachineContext",providerName:"<MenuMachineProvider />",strict:!1}),[fe,ze]=o.createContext({name:"MenuMachineContext",hookName:"useMenuMachineContext",providerName:"<MenuMachineProvider />",strict:!1}),We=t=>{const[s,n]=o.splitPresenceProps(t),[r,u]=o.createSplitProps()(n,["anchorPoint","aria-label","closeOnSelect","composite","defaultHighlightedValue","defaultOpen","highlightedValue","id","ids","loopFocus","navigate","onEscapeKeyDown","onFocusOutside","onHighlightChange","onInteractOutside","onOpenChange","onPointerDownOutside","onSelect","open","positioning","typeahead"]),l=d(),a=ge(),{api:x,service:g}=Ve(r),P=o.usePresence(m.mergeProps({present:x.open},s));je(()=>{a&&l&&(l.setChild(g),x.setParent(a))});const I=i.useCallback(()=>l?.getTriggerItemProps(x),[x,l]);return e.jsxRuntimeExports.jsx(fe,{value:I,children:e.jsxRuntimeExports.jsx(he,{value:g,children:e.jsxRuntimeExports.jsx(U,{value:x,children:e.jsxRuntimeExports.jsx(o.PresenceProvider,{value:P,...u})})})})},De=t=>{const s=d(),n=ge(),[r,{value:u,children:l}]=o.splitPresenceProps(t),{api:a,service:x}=u,g=o.usePresence(m.mergeProps({present:a.open},r));je(()=>{n&&s&&(s.setChild(x),a.setParent(n))});const P=i.useCallback(()=>s?.getTriggerItemProps(a),[a,s]);return e.jsxRuntimeExports.jsx(fe,{value:P,children:e.jsxRuntimeExports.jsx(he,{value:x,children:e.jsxRuntimeExports.jsx(U,{value:a,children:e.jsxRuntimeExports.jsx(o.PresenceProvider,{value:g,children:l})})})})},Pe=i.forwardRef((t,s)=>{const n=d(),r=m.mergeProps(n.getSeparatorProps(),t);return e.jsxRuntimeExports.jsx(o.ark.hr,{...r,ref:s})});Pe.displayName="MenuSeparator";const Re=i.forwardRef((t,s)=>{const n=d(),r=o.usePresenceContext(),u=m.mergeProps({...n.getTriggerProps(),"aria-controls":r.unmounted?void 0:n.getTriggerProps()["aria-controls"]},t);return e.jsxRuntimeExports.jsx(o.ark.button,{...u,ref:s})});Re.displayName="MenuTrigger";const Me=i.forwardRef((t,s)=>{const n=ze(),r=m.mergeProps(n?.()??{},t);return e.jsxRuntimeExports.jsx(o.ark.div,{...r,ref:s})});Me.displayName="MenuTriggerItem";const{withRootProvider:Ce,withContext:j}=Be.createSlotRecipeContext({key:"menu"});Ce(De);const He=Ce(We,{defaultProps:{lazyMount:!0,unmountOnExit:!0}}),Ke=j(Re,"trigger",{forwardAsChild:!0});j(se,"contextTrigger",{forwardAsChild:!0});const Je=j(xe,"positioner",{forwardAsChild:!0});j(Pe,"separator",{forwardAsChild:!0});const Qe=j(ne,"content",{forwardAsChild:!0}),Ue=j(Y,"arrowTip",{forwardAsChild:!0});j(X,"arrow",{forwardAsChild:!0,defaultProps:{children:e.jsxRuntimeExports.jsx(Ue,{})}});j(re,"indicator",{forwardAsChild:!0});const Xe=j(ce,"itemGroup",{forwardAsChild:!0}),Ye=j(ae,"itemGroupLabel",{forwardAsChild:!0}),Ze=j(oe,"item",{forwardAsChild:!0}),et=j(Me,"item",{forwardAsChild:!0});j(pe,"itemText",{forwardAsChild:!0});j("kbd","itemCommand");j(le,"itemIndicator",{forwardAsChild:!0,defaultProps:{children:e.jsxRuntimeExports.jsx($e.CheckIcon,{boxSize:"4"})}});const tt=j(te,"item",{forwardAsChild:!0});j(de,"itemGroup",{forwardAsChild:!0});j(me,"item",{forwardAsChild:!0});const nt=({hideCaret:t=!1,size:s="md",text:n,textProps:r,variant:u,...l})=>e.jsxRuntimeExports.jsxs(y.Button,{className:"Menu__Button","data-testid":"kibble-menu-button",size:s,variant:u,...l,children:[n&&e.jsxRuntimeExports.jsx(A.WrappedText,{className:"Menu__ButtonText","data-testid":"kibble-menu-button-text",fontWeight:"semibold",size:s,color:u?"inherit":r?.color||"text.contrast",truncate:!0,...r,children:n}),!t&&e.jsxRuntimeExports.jsx(b.Flex,{className:"Menu__ButtonCaret","data-testid":"kibble-menu-button-caret",children:e.jsxRuntimeExports.jsx(J.Icon,{name:"chevronDown",size:s==="lg"?"sm":"xs"})})]}),st=({label:t,leftElement:s,onSelect:n,shouldTruncateText:r,type:u="default",variant:l,...a})=>{const x=i.useCallback(()=>{n&&n(a.value)},[n,a.value]);if(u==="submenu"){const{valueText:g,listProps:P}=a;return e.jsxRuntimeExports.jsx(Ie,{submenuTrigger:e.jsxRuntimeExports.jsxs(et,{className:"Menu__Item--Submenu","data-testid":"kibble-menu-item-submenu",justifyContent:"space-between","aria-valuetext":g,children:[e.jsxRuntimeExports.jsx(_,{label:t,leftElement:s,shouldTruncateText:r,variant:l}),e.jsxRuntimeExports.jsx(J.Icon,{name:"chevronRight",size:"sm"})]}),portalled:!0,listProps:P})}if(u==="checkbox"){const{checked:g,value:P,closeOnSelect:I,...M}=a;return e.jsxRuntimeExports.jsxs(tt,{className:"Menu__Item--Checkbox","data-testid":"kibble-menu-item-checkbox",value:P,checked:!!g,onCheckedChange:x,closeOnSelect:I||!1,gap:3,...M,children:[e.jsxRuntimeExports.jsx(Q.WrappedCheckbox,{checked:!!g,size:"md"}),e.jsxRuntimeExports.jsx(_,{label:t,leftElement:s,shouldTruncateText:r,variant:l})]})}if(u==="default"){const{selected:g=!1,value:P,...I}=a;return e.jsxRuntimeExports.jsx(Ze,{className:"Menu__Item--Default","data-testid":"kibble-menu-item-default",value:P,onSelect:x,...g&&{bgColor:"background.secondaryAlpha.hover"},...I,children:e.jsxRuntimeExports.jsx(_,{label:t,leftElement:s,shouldTruncateText:r,variant:g?"info":l})})}return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})},_=({label:t,leftElement:s,shouldTruncateText:n,variant:r})=>e.jsxRuntimeExports.jsxs(b.Flex,{className:"Menu__ItemLabel",alignItems:"center",gap:3,children:[s,typeof t=="string"?e.jsxRuntimeExports.jsx(A.WrappedText,{size:"sm",truncated:n,variant:r,children:t}):t]}),D=({groupName:t,hasSelectedItems:s=!1,onToggle:n})=>{const r=!!t;return e.jsxRuntimeExports.jsx(w.Box,{className:"Menu__ToggleButtons","data-testid":"kibble-menu-toggle-buttons",...r?{textAlign:"right",w:"50%"}:{mt:2},children:r?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:s?e.jsxRuntimeExports.jsx(K,{hasSelectedItems:s,groupName:t,onToggle:n}):e.jsxRuntimeExports.jsx(H,{groupName:t,onToggle:n})}):e.jsxRuntimeExports.jsxs(b.Flex,{justifyContent:"space-between",children:[e.jsxRuntimeExports.jsx(H,{groupName:t,onToggle:n}),e.jsxRuntimeExports.jsx(K,{hasSelectedItems:s,groupName:t,onToggle:n})]})})},H=({groupName:t,onToggle:s})=>e.jsxRuntimeExports.jsx(y.Button,{variant:"ghost",size:"xs",onClick:()=>s({groupName:t,clear:!1}),children:"Select All"}),K=({hasSelectedItems:t,groupName:s,onToggle:n})=>e.jsxRuntimeExports.jsx(y.Button,{variant:"ghostNeutral",iconName:"arrowCircle",size:"xs",disabled:!t,onClick:()=>n({groupName:s,clear:!0}),children:"Clear All"}),Ie=({buttonProps:t,listProps:s,portalled:n=!1,submenuTrigger:r,...u})=>{const{contentRef:l}=qe.useModalContentRef(),{canSelectAll:a,canSelectGroups:x,emptyStateText:g="No results found",loading:P,maxH:I="480px",menuItems:M=[],minW:ve="240px",onSearch:S,onSelect:O,onSelectAll:q,searchable:B,searchPlaceholder:Ee="Search...",shouldTruncateText:be,...ke}=s||{},[we,N]=i.useState(""),[$,T]=i.useState(M),F=i.useMemo(()=>{const c={};return $?.forEach(p=>{const h=p.groupLabel||"default",f=p.type==="checkbox"?"checkbox":"default";c[h]||(c[h]={}),c[h][f]||(c[h][f]=[]),c[h][f].push(p)}),c},[$]),L=i.useMemo(()=>Object.entries(F),[F]),v=i.useMemo(()=>M?.filter(c=>c.type==="checkbox")||[],[M]),Se=i.useMemo(()=>(v?.filter(p=>p.checked)||[]).map(p=>p.value),[v]),R=Q.useCheckboxGroup({defaultValue:Se}),V=i.useCallback(c=>{const p=c.target.value;if(N(p),S)S(c);else if(p===""||!p)T(M);else{const h=M.filter(f=>!!(typeof f.label=="string"?f.label:f.valueText)?.toLowerCase().includes(p.toLowerCase()));T(h)}},[M,S]),z=i.useCallback(({groupName:c,clear:p})=>{let h=[];if(c){const f=v.filter(C=>C.groupLabel===c).map(C=>C.value);h=p?R.value.filter(C=>!f.includes(C)):[...R.value,...f]}else h=p?[]:v.map(f=>f.value);q?.(h),R.setValue(h)},[v,q,R]),Ne=i.useCallback(c=>{c.onSelect?.(c.value);const p=R.value,h=R.isChecked(c.value);O?.(c.value,h?p.filter(f=>f!==c.value):[...p,c.value]),c.type==="checkbox"&&R.toggleValue(c.value)},[O,R]),Te=i.useCallback(c=>{c||(N(""),T(M))},[M]);return e.jsxRuntimeExports.jsxs(He,{...u,onOpenChange:c=>{Te(c.open),u.onOpenChange?.(c)},children:[r||e.jsxRuntimeExports.jsx(Ke,{asChild:!0,className:"Menu__Trigger","data-testid":"kibble-menu-trigger",children:e.jsxRuntimeExports.jsx(nt,{...t})}),e.jsxRuntimeExports.jsx(o.Portal,{disabled:!n,container:l||void 0,children:e.jsxRuntimeExports.jsx(Je,{className:"Menu","data-testid":"kibble-menu",children:e.jsxRuntimeExports.jsxs(Qe,{className:"Menu__Content","data-testid":"kibble-menu-content",maxH:I,minW:ve,...ke,children:[(B||a)&&e.jsxRuntimeExports.jsxs(w.Box,{className:"Menu__Header","data-testid":"kibble-menu-header",m:"0 12px 8px",children:[B&&e.jsxRuntimeExports.jsx(Ge.WrappedTextInput,{className:"Menu__SearchBar","data-testid":"kibble-menu-search-bar",placeholder:Ee,onChange:V,size:"sm",value:we,clearable:!0,onClear:()=>{N(""),V({target:{value:""}})},formControlStyle:{mt:1}}),a&&!!v.length&&e.jsxRuntimeExports.jsx(D,{onToggle:z,hasSelectedItems:!!R.value.length})]}),P?e.jsxRuntimeExports.jsx(b.Flex,{justifyContent:"center",py:5,children:e.jsxRuntimeExports.jsx(Oe.Spinner,{})}):e.jsxRuntimeExports.jsx(w.Box,{className:"Menu__List","data-testid":"kibble-menu-list",children:L.length?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:L.map(([c,p])=>{const h=c==="default",f=Object.keys(p),C=h?Le.default.Fragment:Xe,_e=p.checkbox?.map(E=>E.value)?.some(E=>R.value.includes(E));return e.jsxRuntimeExports.jsxs(C,{children:[!h&&e.jsxRuntimeExports.jsx(Ye,{children:e.jsxRuntimeExports.jsxs(b.Flex,{alignItems:"center",justifyContent:"space-between",children:[c,x&&f.includes("checkbox")&&e.jsxRuntimeExports.jsx(D,{groupName:c,onToggle:z,hasSelectedItems:_e})]})}),Object.entries(p).map(([E,ye])=>ye.map((k,Ae)=>e.jsxRuntimeExports.jsx(st,{...k,shouldTruncateText:be,...k.type==="checkbox"&&{checked:R.isChecked(k.value)},onSelect:()=>Ne(k)},`menu-item-${c}-${E}-${Ae}`)))]},c)})}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(w.Box,{textAlign:"center",p:3,children:e.jsxRuntimeExports.jsx(A.WrappedText,{size:"sm",variant:"subtle",children:g})})})})]})})})]})};exports.Menu=Ie;
2
- //# sourceMappingURL=menu.component-DfMZGgCy.js.map
@@ -1,2 +0,0 @@
1
- "use strict";const e=require("./jsx-runtime-BjDatQAs.js"),l=require("react"),re=require("./withFormControl-YVXep-WE.js"),se=require("./icon.component-4aaCABoX.js"),oe=require("./button.component-ytAmAAJg.js"),T=require("./text.component-Dcx3RoTp.js"),ne=require("./spinner.component-BuNeiOw3.js"),c=require("./use-locale-context-BdqHZ8L8.js"),ce=require("./create-slot-recipe-context-D-pJ8fgs.js"),h=require("./icons-BVYVhH49.js"),y=require("./use-field-context--wBJQY1R.js"),d=require("./index-CZ42b9rT.js"),R=require("./index-BDnnTdaJ.js"),le=require("./tooltip.component-C7RpuMiK.js"),ie=require("./textInput.component-BjQgcjCW.js"),w=require("./flex-DKWxn8hO.js"),ae=require("./box-ca2FvcWF.js"),de=t=>t&&t.__esModule?t:{default:t},pe=de(l),ue=t=>new R.ListCollection(t),[N,p]=c.createContext({name:"SelectContext",hookName:"useSelectContext",providerName:"<SelectProvider />"}),k=l.forwardRef((t,o)=>{const s=p(),r=d.mergeProps(s.getClearTriggerProps(),t);return e.jsxRuntimeExports.jsx(c.ark.button,{...r,ref:o})});k.displayName="SelectClearTrigger";const q=l.forwardRef((t,o)=>{const s=p(),r=c.usePresenceContext(),n=d.mergeProps(s.getContentProps(),r.getPresenceProps(),t);return r.unmounted?null:e.jsxRuntimeExports.jsx(c.ark.div,{...n,ref:c.composeRefs(r.ref,o)})});q.displayName="SelectContent";const G=l.forwardRef((t,o)=>{const s=p(),r=d.mergeProps(s.getControlProps(),t);return e.jsxRuntimeExports.jsx(c.ark.div,{...r,ref:o})});G.displayName="SelectControl";const _=l.forwardRef((t,o)=>{const s=p(),r=d.mergeProps(s.getHiddenSelectProps(),t),n=s.value.length===0,i=y.useFieldContext();return e.jsxRuntimeExports.jsxs(c.ark.select,{"aria-describedby":i?.ariaDescribedby,...r,ref:o,children:[n&&e.jsxRuntimeExports.jsx("option",{value:""}),s.collection.items.map((a,m)=>e.jsxRuntimeExports.jsx("option",{value:s.collection.getItemValue(a)??"",disabled:s.collection.getItemDisabled(a),children:s.collection.stringifyItem(a)},m))]})});_.displayName="SelectHiddenSelect";const A=l.forwardRef((t,o)=>{const s=p(),r=d.mergeProps(s.getIndicatorProps(),t);return e.jsxRuntimeExports.jsx(c.ark.div,{...r,ref:o})});A.displayName="SelectIndicator";const[xe,Ae]=c.createContext({name:"SelectItemContext",hookName:"useSelectItemContext",providerName:"<SelectItemProvider />"}),[me,F]=c.createContext({name:"SelectItemPropsContext",hookName:"useSelectItemPropsContext",providerName:"<SelectItemPropsProvider />"}),L=l.forwardRef((t,o)=>{const[s,r]=c.createSplitProps()(t,["item","persistFocus"]),n=p(),i=d.mergeProps(n.getItemProps(s),r),a=n.getItemState(s);return e.jsxRuntimeExports.jsx(me,{value:s,children:e.jsxRuntimeExports.jsx(xe,{value:a,children:e.jsxRuntimeExports.jsx(c.ark.div,{...i,ref:o})})})});L.displayName="SelectItem";const[Pe,je]=c.createContext({name:"SelectItemGroupPropsContext",hookName:"useSelectItemGroupPropsContext",providerName:"<SelectItemGroupPropsProvider />"}),O=l.forwardRef((t,o)=>{const s=l.useId(),[r,n]=c.createSplitProps()(t,["id"]),i={id:s,...r},a=p(),m=d.mergeProps(a.getItemGroupProps(i),n);return e.jsxRuntimeExports.jsx(Pe,{value:i,children:e.jsxRuntimeExports.jsx(c.ark.div,{...m,ref:o})})});O.displayName="SelectItemGroup";const V=l.forwardRef((t,o)=>{const s=p(),r=je(),n=d.mergeProps(s.getItemGroupLabelProps({htmlFor:r.id}),t);return e.jsxRuntimeExports.jsx(c.ark.div,{...n,ref:o})});V.displayName="SelectItemGroupLabel";const $=l.forwardRef((t,o)=>{const s=p(),r=F(),n=d.mergeProps(s.getItemIndicatorProps(r),t);return e.jsxRuntimeExports.jsx(c.ark.div,{...n,ref:o})});$.displayName="SelectItemIndicator";const H=l.forwardRef((t,o)=>{const s=p(),r=F(),n=d.mergeProps(s.getItemTextProps(r),t);return e.jsxRuntimeExports.jsx(c.ark.span,{...n,ref:o})});H.displayName="SelectItemText";const D=l.forwardRef((t,o)=>{const s=p(),r=d.mergeProps(s.getLabelProps(),t);return e.jsxRuntimeExports.jsx(c.ark.label,{...r,ref:o})});D.displayName="SelectLabel";const W=l.forwardRef((t,o)=>{const s=p(),r=d.mergeProps(s.getPositionerProps(),t);return c.usePresenceContext().unmounted?null:e.jsxRuntimeExports.jsx(c.ark.div,{...r,ref:o})});W.displayName="SelectPositioner";const ge=t=>{const o=l.useId(),{dir:s}=c.useLocaleContext(),{getRootNode:r}=c.useEnvironmentContext(),n=y.useFieldContext(),i={id:o,ids:{label:n?.ids.label,hiddenSelect:n?.ids.control},disabled:n?.disabled,readOnly:n?.readOnly,invalid:n?.invalid,required:n?.required,dir:s,getRootNode:r,...t},a=c.useMachine(R.machine,i);return R.connect(a,c.normalizeProps)},Se=(t,o)=>{const[s,r]=c.splitPresenceProps(t),[n,i]=c.createSplitProps()(r,["closeOnSelect","collection","composite","defaultHighlightedValue","defaultOpen","defaultValue","deselectable","disabled","form","highlightedValue","id","ids","invalid","loopFocus","multiple","name","onFocusOutside","onHighlightChange","onInteractOutside","onOpenChange","onPointerDownOutside","onValueChange","open","positioning","readOnly","required","scrollToIndexFn","value"]),a=ge(n),m=c.usePresence(d.mergeProps({present:a.open},s)),g=d.mergeProps(a.getRootProps(),i);return e.jsxRuntimeExports.jsx(N,{value:a,children:e.jsxRuntimeExports.jsx(c.PresenceProvider,{value:m,children:e.jsxRuntimeExports.jsx(c.ark.div,{...g,ref:o})})})},fe=l.forwardRef(Se),Re=(t,o)=>{const[s,r]=c.splitPresenceProps(t),[{value:n},i]=c.createSplitProps()(r,["value"]),a=c.usePresence(d.mergeProps({present:n.open},s)),m=d.mergeProps(n.getRootProps(),i);return e.jsxRuntimeExports.jsx(N,{value:n,children:e.jsxRuntimeExports.jsx(c.PresenceProvider,{value:a,children:e.jsxRuntimeExports.jsx(c.ark.div,{...m,ref:o})})})},he=l.forwardRef(Re),M=l.forwardRef((t,o)=>{const s=p(),r=d.mergeProps(s.getTriggerProps(),t);return e.jsxRuntimeExports.jsx(c.ark.button,{...r,ref:o})});M.displayName="SelectTrigger";const B=l.forwardRef((t,o)=>{const{children:s,placeholder:r,...n}=t,i=p(),a=d.mergeProps(i.getValueTextProps(),n);return e.jsxRuntimeExports.jsx(c.ark.span,{...a,ref:o,children:s||i.valueAsString||r})});B.displayName="SelectValueText";const{withProvider:z,withContext:u}=ce.createSlotRecipeContext({key:"select"});z(he,"root",{forwardAsChild:!0});const Ce=z(fe,"root",{forwardAsChild:!0,defaultProps:{positioning:{sameWidth:!0}}}),ve=u(M,"trigger",{forwardAsChild:!0}),Ie=u(W,"positioner",{forwardAsChild:!0}),Ee=u(q,"content",{forwardAsChild:!0}),be=u(B,"valueText",{forwardAsChild:!0}),we=u(k,"clearTrigger",{forwardAsChild:!0,defaultProps:{children:e.jsxRuntimeExports.jsx(h.CloseIcon,{boxSize:"1em"})}});u(O,"itemGroup",{forwardAsChild:!0});u(V,"itemGroupLabel",{forwardAsChild:!0});const Te=u(L,"item",{forwardAsChild:!0});u(H,"itemText",{forwardAsChild:!0});u($,"itemIndicator",{forwardAsChild:!0,defaultProps:{children:e.jsxRuntimeExports.jsx(h.CheckIcon,{})}});const ye=u("div","indicatorGroup");u(A,"indicator",{forwardAsChild:!0,defaultProps:{children:e.jsxRuntimeExports.jsx(h.ChevronDownIcon,{})}});const Ne=u(G,"control",{forwardAsChild:!0});u(D,"label",{forwardAsChild:!0});const ke=_,J=({item:t,onContrast:o,shouldTruncateText:s,size:r})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[t.leftElement,typeof t.label=="string"?e.jsxRuntimeExports.jsx(T.WrappedText,{size:r,truncated:s,variant:t.variant||(o?"onContrast":"default"),children:t.label}):t.label]}),qe=({placeholder:t="",placeholderElement:o,...s})=>{const r=p(),n=l.useMemo(()=>r.selectedItems[0],[r]);return e.jsxRuntimeExports.jsxs(ve,{children:[!n&&o,e.jsxRuntimeExports.jsx(be,{placeholder:t,children:n&&e.jsxRuntimeExports.jsx(J,{item:n,...s})})]})},Ge=re.withFormControl(({clearable:t,emptyPlaceholder:o="No options available",loading:s,onContrast:r,onSearch:n,options:i,placeholder:a="",placeholderElement:m,searchable:g=!1,searchPlaceholder:Q="Search...",selectRef:U,shouldTruncateText:C=!0,size:P="md",...X})=>{const{contentRef:Y}=le.useModalContentRef(),Z=r?"onContrast":"default",[ee,v]=l.useState(""),[I,E]=l.useState(i),b=l.useCallback(x=>{const j=x.target.value;if(v(j),n)n(x);else if(j===""||!j)E(i);else{const te=i.filter(f=>!!(typeof f.label=="string"?f.label:f.valueText)?.toLowerCase().includes(j.toLowerCase()));E(te)}},[n,i]),S=l.useMemo(()=>ue({items:I??[],itemToString:x=>typeof x.label=="string"?x.label:x.valueText||"",itemToValue:x=>x.value}),[I]);return e.jsxRuntimeExports.jsxs(Ce,{className:"Select","data-testid":"kibble-select",collection:S,size:P,variant:Z,...X,children:[e.jsxRuntimeExports.jsx(ke,{ref:U}),e.jsxRuntimeExports.jsxs(Ne,{children:[e.jsxRuntimeExports.jsx(qe,{placeholder:a,placeholderElement:m,onContrast:!!r,shouldTruncateText:!!C,size:P}),e.jsxRuntimeExports.jsxs(ye,{children:[t&&e.jsxRuntimeExports.jsx(we,{asChild:!0,children:e.jsxRuntimeExports.jsx(oe.Button,{iconName:"close",onContrast:r,size:P==="lg"?"sm":"xs",variant:"ghostNeutral"})}),e.jsxRuntimeExports.jsx(se.Icon,{name:"chevronDown",size:P,variant:r?"onContrast":"default"})]})]}),e.jsxRuntimeExports.jsx(c.Portal,{container:Y||void 0,children:e.jsxRuntimeExports.jsx(Ie,{children:e.jsxRuntimeExports.jsx(Ee,{children:s?e.jsxRuntimeExports.jsx(w.Flex,{w:"100%",justifyContent:"center",py:3,children:e.jsxRuntimeExports.jsx(ne.Spinner,{variant:r?"brandOnContrast":"brand",size:P})}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[g&&e.jsxRuntimeExports.jsx(ae.Box,{className:"Select__Header","data-testid":"kibble-select-header",m:"0 12px 8px",children:e.jsxRuntimeExports.jsx(ie.WrappedTextInput,{className:"Select__SearchBar","data-testid":"kibble-select-search-bar",placeholder:Q,onChange:b,size:"sm",value:ee,clearable:!0,onClear:()=>{v(""),b({target:{value:""}})},formControlStyle:{mt:1}})}),S.items.length?S.items.map(x=>e.jsxRuntimeExports.jsx(Te,{item:x,children:e.jsxRuntimeExports.jsx(J,{item:x,onContrast:!!r,shouldTruncateText:!!C,size:P})},x.value)):e.jsxRuntimeExports.jsx(w.Flex,{w:"100%",justifyContent:"center",py:3,children:e.jsxRuntimeExports.jsx(T.WrappedText,{size:"sm",variant:r?"subtleOnContrast":"subtle",children:o})})]})})})})]})}),K=pe.default.forwardRef((t,o)=>e.jsxRuntimeExports.jsx(Ge,{selectRef:o,...t}));K.displayName="Select";exports.WrappedSelect=K;
2
- //# sourceMappingURL=select.component-CASOsFQJ.js.map
@@ -1,391 +0,0 @@
1
- import { j as e } from "./jsx-runtime-C5mzlN2N.js";
2
- import ae, { forwardRef as i, useId as G, useMemo as A, useState as N, useCallback as ie } from "react";
3
- import { w as de } from "./withFormControl-Vf_flDYv.js";
4
- import { I as pe } from "./icon.component-BmcWaysM.js";
5
- import { B as me } from "./button.component-BWlRjD5a.js";
6
- import { W as R } from "./text.component-D3E0SdX1.js";
7
- import { S as ue } from "./spinner.component-DCSsW51J.js";
8
- import { a as h, f as d, u as L, h as xe, b as g, j as Se, i as Pe, k as he, n as ge, s as O, l as k, m as F, P as fe } from "./use-locale-context-zakBNK5b.js";
9
- import { c as Ce } from "./create-slot-recipe-context-DJkLYvCT.js";
10
- import { C as ve, b as je, c as Ie } from "./icons-grAfs3Oz.js";
11
- import { u as V } from "./use-field-context-B8ygn96q.js";
12
- import { U as a } from "./index-DLvqBeH6.js";
13
- import { L as be, m as Te, c as ye } from "./index-Dn2nvQ5m.js";
14
- import { u as Ne } from "./tooltip.component-DYBYGsfe.js";
15
- import { W as we } from "./textInput.component-BpCIE07n.js";
16
- import { F as w } from "./flex-C2d2LH-K.js";
17
- import { B as Ge } from "./box-y05hq0PT.js";
18
- const Ae = (r) => new be(r), [$, p] = h({
19
- name: "SelectContext",
20
- hookName: "useSelectContext",
21
- providerName: "<SelectProvider />"
22
- }), _ = i((r, o) => {
23
- const s = p(), t = a(s.getClearTriggerProps(), r);
24
- return /* @__PURE__ */ e.jsx(d.button, { ...t, ref: o });
25
- });
26
- _.displayName = "SelectClearTrigger";
27
- const H = i((r, o) => {
28
- const s = p(), t = L(), l = a(s.getContentProps(), t.getPresenceProps(), r);
29
- return t.unmounted ? null : /* @__PURE__ */ e.jsx(d.div, { ...l, ref: xe(t.ref, o) });
30
- });
31
- H.displayName = "SelectContent";
32
- const W = i((r, o) => {
33
- const s = p(), t = a(s.getControlProps(), r);
34
- return /* @__PURE__ */ e.jsx(d.div, { ...t, ref: o });
35
- });
36
- W.displayName = "SelectControl";
37
- const B = i((r, o) => {
38
- const s = p(), t = a(s.getHiddenSelectProps(), r), l = s.value.length === 0, n = V();
39
- return /* @__PURE__ */ e.jsxs(d.select, { "aria-describedby": n?.ariaDescribedby, ...t, ref: o, children: [
40
- l && /* @__PURE__ */ e.jsx("option", { value: "" }),
41
- s.collection.items.map((c, x) => /* @__PURE__ */ e.jsx(
42
- "option",
43
- {
44
- value: s.collection.getItemValue(c) ?? "",
45
- disabled: s.collection.getItemDisabled(c),
46
- children: s.collection.stringifyItem(c)
47
- },
48
- x
49
- ))
50
- ] });
51
- });
52
- B.displayName = "SelectHiddenSelect";
53
- const D = i((r, o) => {
54
- const s = p(), t = a(s.getIndicatorProps(), r);
55
- return /* @__PURE__ */ e.jsx(d.div, { ...t, ref: o });
56
- });
57
- D.displayName = "SelectIndicator";
58
- const [Re, ht] = h({
59
- name: "SelectItemContext",
60
- hookName: "useSelectItemContext",
61
- providerName: "<SelectItemProvider />"
62
- }), [Le, E] = h({
63
- name: "SelectItemPropsContext",
64
- hookName: "useSelectItemPropsContext",
65
- providerName: "<SelectItemPropsProvider />"
66
- }), q = i((r, o) => {
67
- const [s, t] = g()(r, ["item", "persistFocus"]), l = p(), n = a(l.getItemProps(s), t), c = l.getItemState(s);
68
- return /* @__PURE__ */ e.jsx(Le, { value: s, children: /* @__PURE__ */ e.jsx(Re, { value: c, children: /* @__PURE__ */ e.jsx(d.div, { ...n, ref: o }) }) });
69
- });
70
- q.displayName = "SelectItem";
71
- const [Oe, ke] = h({
72
- name: "SelectItemGroupPropsContext",
73
- hookName: "useSelectItemGroupPropsContext",
74
- providerName: "<SelectItemGroupPropsProvider />"
75
- }), M = i((r, o) => {
76
- const s = G(), [t, l] = g()(r, ["id"]), n = { id: s, ...t }, c = p(), x = a(c.getItemGroupProps(n), l);
77
- return /* @__PURE__ */ e.jsx(Oe, { value: n, children: /* @__PURE__ */ e.jsx(d.div, { ...x, ref: o }) });
78
- });
79
- M.displayName = "SelectItemGroup";
80
- const U = i((r, o) => {
81
- const s = p(), t = ke(), l = a(s.getItemGroupLabelProps({ htmlFor: t.id }), r);
82
- return /* @__PURE__ */ e.jsx(d.div, { ...l, ref: o });
83
- });
84
- U.displayName = "SelectItemGroupLabel";
85
- const z = i((r, o) => {
86
- const s = p(), t = E(), l = a(s.getItemIndicatorProps(t), r);
87
- return /* @__PURE__ */ e.jsx(d.div, { ...l, ref: o });
88
- });
89
- z.displayName = "SelectItemIndicator";
90
- const J = i((r, o) => {
91
- const s = p(), t = E(), l = a(s.getItemTextProps(t), r);
92
- return /* @__PURE__ */ e.jsx(d.span, { ...l, ref: o });
93
- });
94
- J.displayName = "SelectItemText";
95
- const K = i((r, o) => {
96
- const s = p(), t = a(s.getLabelProps(), r);
97
- return /* @__PURE__ */ e.jsx(d.label, { ...t, ref: o });
98
- });
99
- K.displayName = "SelectLabel";
100
- const Q = i((r, o) => {
101
- const s = p(), t = a(s.getPositionerProps(), r);
102
- return L().unmounted ? null : /* @__PURE__ */ e.jsx(d.div, { ...t, ref: o });
103
- });
104
- Q.displayName = "SelectPositioner";
105
- const Fe = (r) => {
106
- const o = G(), { dir: s } = Se(), { getRootNode: t } = Pe(), l = V(), n = {
107
- id: o,
108
- ids: {
109
- label: l?.ids.label,
110
- hiddenSelect: l?.ids.control
111
- },
112
- disabled: l?.disabled,
113
- readOnly: l?.readOnly,
114
- invalid: l?.invalid,
115
- required: l?.required,
116
- dir: s,
117
- getRootNode: t,
118
- ...r
119
- }, c = he(Te, n);
120
- return ye(c, ge);
121
- }, Ve = (r, o) => {
122
- const [s, t] = O(r), [l, n] = g()(t, [
123
- "closeOnSelect",
124
- "collection",
125
- "composite",
126
- "defaultHighlightedValue",
127
- "defaultOpen",
128
- "defaultValue",
129
- "deselectable",
130
- "disabled",
131
- "form",
132
- "highlightedValue",
133
- "id",
134
- "ids",
135
- "invalid",
136
- "loopFocus",
137
- "multiple",
138
- "name",
139
- "onFocusOutside",
140
- "onHighlightChange",
141
- "onInteractOutside",
142
- "onOpenChange",
143
- "onPointerDownOutside",
144
- "onValueChange",
145
- "open",
146
- "positioning",
147
- "readOnly",
148
- "required",
149
- "scrollToIndexFn",
150
- "value"
151
- ]), c = Fe(l), x = k(a({ present: c.open }, s)), f = a(c.getRootProps(), n);
152
- return /* @__PURE__ */ e.jsx($, { value: c, children: /* @__PURE__ */ e.jsx(F, { value: x, children: /* @__PURE__ */ e.jsx(d.div, { ...f, ref: o }) }) });
153
- }, $e = i(Ve), _e = (r, o) => {
154
- const [s, t] = O(r), [{ value: l }, n] = g()(t, ["value"]), c = k(a({ present: l.open }, s)), x = a(l.getRootProps(), n);
155
- return /* @__PURE__ */ e.jsx($, { value: l, children: /* @__PURE__ */ e.jsx(F, { value: c, children: /* @__PURE__ */ e.jsx(d.div, { ...x, ref: o }) }) });
156
- }, He = i(_e), X = i((r, o) => {
157
- const s = p(), t = a(s.getTriggerProps(), r);
158
- return /* @__PURE__ */ e.jsx(d.button, { ...t, ref: o });
159
- });
160
- X.displayName = "SelectTrigger";
161
- const Y = i((r, o) => {
162
- const { children: s, placeholder: t, ...l } = r, n = p(), c = a(n.getValueTextProps(), l);
163
- return /* @__PURE__ */ e.jsx(d.span, { ...c, ref: o, children: s || n.valueAsString || t });
164
- });
165
- Y.displayName = "SelectValueText";
166
- const {
167
- withProvider: Z,
168
- withContext: m
169
- } = Ce({ key: "select" });
170
- Z(He, "root", {
171
- forwardAsChild: !0
172
- });
173
- const We = Z(
174
- $e,
175
- "root",
176
- {
177
- forwardAsChild: !0,
178
- defaultProps: { positioning: { sameWidth: !0 } }
179
- }
180
- ), Be = m(
181
- X,
182
- "trigger",
183
- { forwardAsChild: !0 }
184
- ), De = m(Q, "positioner", { forwardAsChild: !0 }), Ee = m(
185
- H,
186
- "content",
187
- { forwardAsChild: !0 }
188
- ), qe = m(Y, "valueText", { forwardAsChild: !0 }), Me = m(_, "clearTrigger", {
189
- forwardAsChild: !0,
190
- defaultProps: { children: /* @__PURE__ */ e.jsx(ve, { boxSize: "1em" }) }
191
- });
192
- m(M, "itemGroup", { forwardAsChild: !0 });
193
- m(U, "itemGroupLabel", { forwardAsChild: !0 });
194
- const Ue = m(
195
- q,
196
- "item",
197
- { forwardAsChild: !0 }
198
- );
199
- m(
200
- J,
201
- "itemText",
202
- { forwardAsChild: !0 }
203
- );
204
- m(z, "itemIndicator", {
205
- forwardAsChild: !0,
206
- defaultProps: {
207
- children: /* @__PURE__ */ e.jsx(je, {})
208
- }
209
- });
210
- const ze = m("div", "indicatorGroup");
211
- m(D, "indicator", {
212
- forwardAsChild: !0,
213
- defaultProps: {
214
- children: /* @__PURE__ */ e.jsx(Ie, {})
215
- }
216
- });
217
- const Je = m(
218
- W,
219
- "control",
220
- { forwardAsChild: !0 }
221
- );
222
- m(
223
- K,
224
- "label",
225
- { forwardAsChild: !0 }
226
- );
227
- const Ke = B, ee = ({
228
- item: r,
229
- onContrast: o,
230
- shouldTruncateText: s,
231
- size: t
232
- }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
233
- r.leftElement,
234
- typeof r.label == "string" ? /* @__PURE__ */ e.jsx(
235
- R,
236
- {
237
- size: t,
238
- truncated: s,
239
- variant: r.variant || (o ? "onContrast" : "default"),
240
- children: r.label
241
- }
242
- ) : r.label
243
- ] }), Qe = ({
244
- placeholder: r = "",
245
- placeholderElement: o,
246
- ...s
247
- }) => {
248
- const t = p(), l = A(() => t.selectedItems[0], [t]);
249
- return /* @__PURE__ */ e.jsxs(Be, { children: [
250
- !l && o,
251
- /* @__PURE__ */ e.jsx(qe, { placeholder: r, children: l && /* @__PURE__ */ e.jsx(ee, { item: l, ...s }) })
252
- ] });
253
- }, Xe = de(
254
- ({
255
- clearable: r,
256
- emptyPlaceholder: o = "No options available",
257
- loading: s,
258
- onContrast: t,
259
- onSearch: l,
260
- options: n,
261
- placeholder: c = "",
262
- placeholderElement: x,
263
- searchable: f = !1,
264
- searchPlaceholder: te = "Search...",
265
- selectRef: re,
266
- shouldTruncateText: j = !0,
267
- size: S = "md",
268
- ...se
269
- }) => {
270
- const { contentRef: oe } = Ne(), le = t ? "onContrast" : "default", [ne, I] = N(""), [b, T] = N(n), y = ie(
271
- (u) => {
272
- const P = u.target.value;
273
- if (I(P), l)
274
- l(u);
275
- else if (P === "" || !P)
276
- T(n);
277
- else {
278
- const ce = n.filter((v) => !!(typeof v.label == "string" ? v.label : v.valueText)?.toLowerCase().includes(P.toLowerCase()));
279
- T(ce);
280
- }
281
- },
282
- [l, n]
283
- ), C = A(() => Ae({
284
- items: b ?? [],
285
- itemToString: (u) => typeof u.label == "string" ? u.label : u.valueText || "",
286
- itemToValue: (u) => u.value
287
- }), [b]);
288
- return /* @__PURE__ */ e.jsxs(
289
- We,
290
- {
291
- className: "Select",
292
- "data-testid": "kibble-select",
293
- collection: C,
294
- size: S,
295
- variant: le,
296
- ...se,
297
- children: [
298
- /* @__PURE__ */ e.jsx(Ke, { ref: re }),
299
- /* @__PURE__ */ e.jsxs(Je, { children: [
300
- /* @__PURE__ */ e.jsx(
301
- Qe,
302
- {
303
- placeholder: c,
304
- placeholderElement: x,
305
- onContrast: !!t,
306
- shouldTruncateText: !!j,
307
- size: S
308
- }
309
- ),
310
- /* @__PURE__ */ e.jsxs(ze, { children: [
311
- r && /* @__PURE__ */ e.jsx(Me, { asChild: !0, children: /* @__PURE__ */ e.jsx(
312
- me,
313
- {
314
- iconName: "close",
315
- onContrast: t,
316
- size: S === "lg" ? "sm" : "xs",
317
- variant: "ghostNeutral"
318
- }
319
- ) }),
320
- /* @__PURE__ */ e.jsx(
321
- pe,
322
- {
323
- name: "chevronDown",
324
- size: S,
325
- variant: t ? "onContrast" : "default"
326
- }
327
- )
328
- ] })
329
- ] }),
330
- /* @__PURE__ */ e.jsx(fe, { container: oe || void 0, children: /* @__PURE__ */ e.jsx(De, { children: /* @__PURE__ */ e.jsx(Ee, { children: s ? /* @__PURE__ */ e.jsx(w, { w: "100%", justifyContent: "center", py: 3, children: /* @__PURE__ */ e.jsx(
331
- ue,
332
- {
333
- variant: t ? "brandOnContrast" : "brand",
334
- size: S
335
- }
336
- ) }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
337
- f && /* @__PURE__ */ e.jsx(
338
- Ge,
339
- {
340
- className: "Select__Header",
341
- "data-testid": "kibble-select-header",
342
- m: "0 12px 8px",
343
- children: /* @__PURE__ */ e.jsx(
344
- we,
345
- {
346
- className: "Select__SearchBar",
347
- "data-testid": "kibble-select-search-bar",
348
- placeholder: te,
349
- onChange: y,
350
- size: "sm",
351
- value: ne,
352
- clearable: !0,
353
- onClear: () => {
354
- I(""), y({
355
- target: { value: "" }
356
- });
357
- },
358
- formControlStyle: { mt: 1 }
359
- }
360
- )
361
- }
362
- ),
363
- C.items.length ? C.items.map((u) => /* @__PURE__ */ e.jsx(Ue, { item: u, children: /* @__PURE__ */ e.jsx(
364
- ee,
365
- {
366
- item: u,
367
- onContrast: !!t,
368
- shouldTruncateText: !!j,
369
- size: S
370
- }
371
- ) }, u.value)) : /* @__PURE__ */ e.jsx(w, { w: "100%", justifyContent: "center", py: 3, children: /* @__PURE__ */ e.jsx(
372
- R,
373
- {
374
- size: "sm",
375
- variant: t ? "subtleOnContrast" : "subtle",
376
- children: o
377
- }
378
- ) })
379
- ] }) }) }) })
380
- ]
381
- }
382
- );
383
- }
384
- ), Ye = ae.forwardRef(
385
- (r, o) => /* @__PURE__ */ e.jsx(Xe, { selectRef: o, ...r })
386
- );
387
- Ye.displayName = "Select";
388
- export {
389
- Ye as W
390
- };
391
- //# sourceMappingURL=select.component-CEDzVkE_.js.map