@televet/kibble-ui 5.0.2-beta.menu.2 → 5.0.2-beta.menu.4

package/dist/esm/components/index.js

@@ -1,20 +1,20 @@
 import { A as r, a as t } from "../../chunks/alert.types-C_ygg7fh.js";
 import { A as s } from "../../chunks/avatar.component-C-365mx3.js";
 import { a as i, b as m } from "../../chunks/avatar.types-C6dZZjdi.js";
-import { A as f } from "../../chunks/avatarGroup.component-DA9oxHzN.js";
+import { A as f } from "../../chunks/avatarGroup.component-DlZ_W4X2.js";
 import { B as c } from "../../chunks/button.component-BO6oee_V.js";
 import { b as l, d as u, c as T, e as S, a as b } from "../../chunks/button.types-C9PpvmYR.js";
-import { B as C } from "../../chunks/buttonGroup.component-C9E7CNtN.js";
-import { C as g } from "../../chunks/calendar.component-eEgkPzrv.js";
+import { B as C } from "../../chunks/buttonGroup.component-BNz4WUw7.js";
+import { C as g } from "../../chunks/calendar.component-DVRqqMvE.js";
 import { C as W } from "../../chunks/card.component-B1AznjWF.js";
 import { c as k } from "../../chunks/card.types-Cixp7ouC.js";
 import { C as y } from "../../chunks/characterCounter.component-Ch3P3GqC.js";
 import { W as I } from "../../chunks/checkbox.component-DE35wBj-.js";
 import { W as h } from "../../chunks/checkboxGroup.component-CYwGlktu.js";
-import { C as R } from "../../chunks/conversationCard.component-Bzlz30CE.js";
-import { D as w } from "../../chunks/datePicker.component-cDWhkkZq.js";
-import { D as N } from "../../chunks/datePicker.provider-BiABe0BU.js";
-import { D as F, a as H, c as j } from "../../chunks/dateTimePicker.component-CBWcOxGE.js";
+import { C as R } from "../../chunks/conversationCard.component-JT-22yfm.js";
+import { D as w } from "../../chunks/datePicker.component-JPVhk_HN.js";
+import { D as N } from "../../chunks/datePicker.provider-B6P-8oYG.js";
+import { D as F, a as H, c as j } from "../../chunks/dateTimePicker.component-Cvabv683.js";
 import { D as E } from "../../chunks/divider.component-CFOh4Nw3.js";
 import { d as K, a as Q, b as U } from "../../chunks/divider.types-6MEkMNbx.js";
 import { W as Y } from "../../chunks/heading.component-7ikcgDco.js";
@@ -22,7 +22,7 @@ import { I as _ } from "../../chunks/icon.component-PV_nHBId.js";
 import { i as oo } from "../../chunks/icon.types-DLbVfMjG.js";
 import { L as ro } from "../../chunks/link.component--URNKuK2.js";
 import { L as eo, l as so } from "../../chunks/logo.types-C5GwpHjM.js";
-import { M as io } from "../../chunks/menu.component-CFt2LRsh.js";
+import { M as io } from "../../chunks/menu.component-D_Fd8OGb.js";
 import { M as no, c as fo, a as xo, b as co, m as lo } from "../../chunks/modal.types-B0rK6xJy.js";
 import { N as To } from "../../chunks/notificationCounter.component-BexkISUl.js";
 import { n as bo, a as vo } from "../../chunks/notificationCounter.types-Dm4PSN2Y.js";
@@ -30,7 +30,7 @@ import { P as Po } from "../../chunks/picture.component-DzdHIFN_.js";
 import { W as Do, p as Wo } from "../../chunks/pinInput.types-CcaAN6P2.js";
 import { P as ko } from "../../chunks/popover.component-DEOUdSu3.js";
 import { p as yo, b as Bo, a as Io } from "../../chunks/popover.types-CQJj3uOX.js";
-import { W as ho, a as Mo, r as Ro } from "../../chunks/radioGroup.types-CqismOCU.js";
+import { W as ho, a as Mo, r as Ro } from "../../chunks/radioGroup.types-BR_YJiyV.js";
 import { R as wo } from "../../chunks/radiomark.component-D_7wT5VA.js";
 import { W as No } from "../../chunks/rating.component-ChzcvUl6.js";
 import { W as Fo } from "../../chunks/ratingDots.component-D9WQGVcj.js";
@@ -44,7 +44,7 @@ import { W as ra } from "../../chunks/switch.component-CpV7mnhR.js";
 import { T as ea, a as sa, t as pa } from "../../chunks/tab.types-DaJfFBvr.js";
 import { T as ma } from "../../chunks/tag.component-B7V76XfM.js";
 import { c as fa, t as xa } from "../../chunks/tag.types-B-pzEt1I.js";
-import { T as da, a as la } from "../../chunks/tagBlock.component-D1FgHMkq.js";
+import { T as da, a as la } from "../../chunks/tagBlock.component-CbqCZu-K.js";
 import { W as Ta } from "../../chunks/text.component-CdTyTFds.js";
 import { W as ba } from "../../chunks/textInput.component-BC0Hi8R_.js";
 import { W as Ca } from "../../chunks/textarea.component-axjxiv82.js";

package/dist/esm/index.js

@@ -1,20 +1,20 @@
 import { A as a, a as e } from "../chunks/alert.types-C_ygg7fh.js";
 import { A as s } from "../chunks/avatar.component-C-365mx3.js";
 import { a as i, b as m } from "../chunks/avatar.types-C6dZZjdi.js";
-import { A as x } from "../chunks/avatarGroup.component-DA9oxHzN.js";
+import { A as x } from "../chunks/avatarGroup.component-DlZ_W4X2.js";
 import { B as c } from "../chunks/button.component-BO6oee_V.js";
 import { b as d, d as u, c as T, e as S, a as b } from "../chunks/button.types-C9PpvmYR.js";
-import { B as g } from "../chunks/buttonGroup.component-C9E7CNtN.js";
-import { C as D } from "../chunks/calendar.component-eEgkPzrv.js";
+import { B as g } from "../chunks/buttonGroup.component-BNz4WUw7.js";
+import { C as D } from "../chunks/calendar.component-DVRqqMvE.js";
 import { C as h } from "../chunks/card.component-B1AznjWF.js";
 import { c as y } from "../chunks/card.types-Cixp7ouC.js";
 import { C as z } from "../chunks/characterCounter.component-Ch3P3GqC.js";
 import { W as V } from "../chunks/checkbox.component-DE35wBj-.js";
 import { W as B } from "../chunks/checkboxGroup.component-CYwGlktu.js";
-import { C as I } from "../chunks/conversationCard.component-Bzlz30CE.js";
-import { D as R } from "../chunks/datePicker.component-cDWhkkZq.js";
-import { D as K } from "../chunks/datePicker.provider-BiABe0BU.js";
-import { D as O, a as F, c as H } from "../chunks/dateTimePicker.component-CBWcOxGE.js";
+import { C as I } from "../chunks/conversationCard.component-JT-22yfm.js";
+import { D as R } from "../chunks/datePicker.component-JPVhk_HN.js";
+import { D as K } from "../chunks/datePicker.provider-B6P-8oYG.js";
+import { D as O, a as F, c as H } from "../chunks/dateTimePicker.component-Cvabv683.js";
 import { D as q } from "../chunks/divider.component-CFOh4Nw3.js";
 import { d as J, a as Q, b as U } from "../chunks/divider.types-6MEkMNbx.js";
 import { W as Y } from "../chunks/heading.component-7ikcgDco.js";
@@ -22,7 +22,7 @@ import { I as _ } from "../chunks/icon.component-PV_nHBId.js";
 import { i as oo } from "../chunks/icon.types-DLbVfMjG.js";
 import { L as ao } from "../chunks/link.component--URNKuK2.js";
 import { L as to, l as so } from "../chunks/logo.types-C5GwpHjM.js";
-import { M as io } from "../chunks/menu.component-CFt2LRsh.js";
+import { M as io } from "../chunks/menu.component-D_Fd8OGb.js";
 import { M as fo, c as xo, a as no, b as co, m as lo } from "../chunks/modal.types-B0rK6xJy.js";
 import { N as To } from "../chunks/notificationCounter.component-BexkISUl.js";
 import { n as bo, a as Co } from "../chunks/notificationCounter.types-Dm4PSN2Y.js";
@@ -30,7 +30,7 @@ import { P as vo } from "../chunks/picture.component-DzdHIFN_.js";
 import { W as Po, p as ho } from "../chunks/pinInput.types-CcaAN6P2.js";
 import { P as yo } from "../chunks/popover.component-DEOUdSu3.js";
 import { p as zo, b as Mo, a as Vo } from "../chunks/popover.types-CQJj3uOX.js";
-import { W as Bo, a as wo, r as Io } from "../chunks/radioGroup.types-CqismOCU.js";
+import { W as Bo, a as wo, r as Io } from "../chunks/radioGroup.types-BR_YJiyV.js";
 import { R as Ro } from "../chunks/radiomark.component-D_7wT5VA.js";
 import { W as Ko } from "../chunks/rating.component-ChzcvUl6.js";
 import { W as Oo } from "../chunks/ratingDots.component-D9WQGVcj.js";
@@ -44,7 +44,7 @@ import { W as ar } from "../chunks/switch.component-CpV7mnhR.js";
 import { T as tr, a as sr, t as pr } from "../chunks/tab.types-DaJfFBvr.js";
 import { T as mr } from "../chunks/tag.component-B7V76XfM.js";
 import { c as xr, t as nr } from "../chunks/tag.types-B-pzEt1I.js";
-import { T as lr, a as dr } from "../chunks/tagBlock.component-D1FgHMkq.js";
+import { T as lr, a as dr } from "../chunks/tagBlock.component-CbqCZu-K.js";
 import { W as Tr } from "../chunks/text.component-CdTyTFds.js";
 import { W as br } from "../chunks/textInput.component-BC0Hi8R_.js";
 import { W as gr } from "../chunks/textarea.component-axjxiv82.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@televet/kibble-ui",
   "description": "Kibble Design System by Otto",
-  "version": "5.0.2-beta.menu.2",
+  "version": "5.0.2-beta.menu.4",
   "type": "module",
   "main": "./dist/cjs/index.cjs",
   "module": "./dist/esm/index.js",

package/dist/chunks/menu.component-CateT8pX.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),i=require("react"),y=require("./index-BQRnVsAg.js"),K=require("./button.component-DjdgBXDC.js"),ce=require("./icon.component-B1hr5lLa.js"),J=require("./text.component-CeioUl0G.js"),ae=require("./tooltip.component-BkFDi5yK.js"),G=require("./flex-BOU6tYUd.js"),Ue=require("./textInput.component-C1vwy6pL.js"),Xe=require("./spinner.component-DuW1_IWM.js"),Ye=require("./usePortalContentRef-CTrvBQ7I.js"),E=require("./index-Ts8g8jZd.js"),Ze=require("./create-slot-recipe-context-HXE1VazG.js"),et=require("./icons-B6Nwr9di.js"),l=require("./use-locale-context-ym21RUxU.js"),re=require("./index-rSq6Bry6.js"),m=require("./index-CQURjLlA.js"),tt=require("./checkbox.component-CiA3Z1zR.js"),st=t=>t&&t.__esModule?t:{default:t},rt=st(i),[le,j]=l.createContext({name:"MenuContext",hookName:"useMenuContext",providerName:"<MenuProvider />",strict:!1}),pe=i.forwardRef((t,r)=>{const s=j(),o=m.mergeProps(s.getArrowProps(),t);return e.jsxRuntimeExports.jsx(l.ark.div,{...o,ref:r})});pe.displayName="MenuArrow";const xe=i.forwardRef((t,r)=>{const s=j(),o=m.mergeProps(s.getArrowTipProps(),t);return e.jsxRuntimeExports.jsx(l.ark.div,{...o,ref:r})});xe.displayName="MenuArrowTip";const[Q,ft]=l.createContext({name:"MenuItemContext",hookName:"useMenuItemContext",providerName:"<MenuItemProvider />"}),[U,de]=l.createContext({name:"MenuItemPropsContext",hookName:"useMenuItemPropsContext",providerName:"<MenuItemPropsProvider />"}),me=i.forwardRef((t,r)=>{const[s,o]=l.createSplitProps()(t,["checked","closeOnSelect","disabled","onCheckedChange","value","valueText"]),u={...s,type:"checkbox"},p=j(),c=m.mergeProps(p.getOptionItemProps(u),o),a=p.getOptionItemState(u);return e.jsxRuntimeExports.jsx(U,{value:u,children:e.jsxRuntimeExports.jsx(Q,{value:a,children:e.jsxRuntimeExports.jsx(l.ark.div,{...c,ref:r})})})});me.displayName="MenuCheckboxItem";const je=i.forwardRef((t,r)=>{const s=j(),o=E.usePresenceContext(),u=m.mergeProps(s.getContentProps(),o.getPresenceProps(),t);return o.unmounted?null:e.jsxRuntimeExports.jsx(l.ark.div,{...u,ref:l.composeRefs(o.ref,r)})});je.displayName="MenuContent";const he=i.forwardRef((t,r)=>{const s=j(),o=m.mergeProps(s.getContextTriggerProps(),t);return e.jsxRuntimeExports.jsx(l.ark.button,{...o,ref:r})});he.displayName="MenuContextTrigger";const ge=i.forwardRef((t,r)=>{const s=j(),o=m.mergeProps(s.getIndicatorProps(),t);return e.jsxRuntimeExports.jsx(l.ark.div,{...o,ref:r})});ge.displayName="MenuIndicator";const fe=i.forwardRef((t,r)=>{const[s,o]=l.createSplitProps()(t,["closeOnSelect","disabled","value","valueText","onSelect"]),u=j(),p=m.mergeProps(u.getItemProps(s),o),c=u.getItemState(s);return i.useEffect(()=>u.addItemListener({id:c.id,onSelect:s.onSelect}),[c.id,s.onSelect]),e.jsxRuntimeExports.jsx(U,{value:s,children:e.jsxRuntimeExports.jsx(Q,{value:c,children:e.jsxRuntimeExports.jsx(l.ark.div,{...p,ref:r})})})});fe.displayName="MenuItem";const[Pe,Re]=l.createContext({name:"MenuItemGroupContext",hookName:"useMenuItemGroupContext",providerName:"<MenuItemGroupProvider />"}),Ce=i.forwardRef((t,r)=>{const[s,o]=l.createSplitProps()(t,["id"]),u=j(),c={id:i.useId(),...s},a=m.mergeProps(u.getItemGroupProps(c),o);return e.jsxRuntimeExports.jsx(Pe,{value:c,children:e.jsxRuntimeExports.jsx(l.ark.div,{...a,ref:r})})});Ce.displayName="MenuItemGroup";const Me=i.forwardRef((t,r)=>{const s=j(),o=Re(),u=m.mergeProps(s.getItemGroupLabelProps({htmlFor:o.id}),t);return e.jsxRuntimeExports.jsx(l.ark.div,{...u,ref:r})});Me.displayName="MenuItemGroupLabel";const ve=i.forwardRef((t,r)=>{const s=j(),o=de(),u=m.mergeProps(s.getItemIndicatorProps(o),t);return e.jsxRuntimeExports.jsx(l.ark.div,{...u,ref:r})});ve.displayName="MenuItemIndicator";const Ee=i.forwardRef((t,r)=>{const s=j(),o=de(),u=m.mergeProps(s.getItemTextProps(o),t);return e.jsxRuntimeExports.jsx(l.ark.div,{...u,ref:r})});Ee.displayName="MenuItemText";const Ie=i.forwardRef((t,r)=>{const s=j(),o=m.mergeProps(s.getPositionerProps(),t);return E.usePresenceContext().unmounted?null:e.jsxRuntimeExports.jsx(l.ark.div,{...o,ref:r})});Ie.displayName="MenuPositioner";const be=i.forwardRef((t,r)=>{const[s,o]=l.createSplitProps()(t,["closeOnSelect","disabled","value","valueText"]),u=j(),p=Re(),c={...s,checked:p.value===s.value,type:"radio",onCheckedChange:()=>p.onValueChange?.({value:s.value})},a=m.mergeProps(u.getOptionItemProps(c),o),g=u.getOptionItemState(c);return e.jsxRuntimeExports.jsx(U,{value:c,children:e.jsxRuntimeExports.jsx(Q,{value:g,children:e.jsxRuntimeExports.jsx(l.ark.div,{...a,ref:r})})})});be.displayName="MenuRadioItem";const ke=i.forwardRef((t,r)=>{const[s,o]=l.createSplitProps()(t,["id","onValueChange","value"]),u=j(),c={id:i.useId(),...s},a=m.mergeProps(u.getItemGroupProps({id:c.id}),o);return e.jsxRuntimeExports.jsx(Pe,{value:c,children:e.jsxRuntimeExports.jsx(l.ark.div,{...a,ref:r})})});ke.displayName="MenuRadioItemGroup";const Se=t=>{const r=i.useRef(t),s=i.useRef(!1);i.useEffect(()=>{r.current=t}),i.useEffect(()=>{s.current!==!0&&(s.current=!0,r.current())},[])},nt=t=>{const r=i.useId(),{getRootNode:s}=l.useEnvironmentContext(),{dir:o}=l.useLocaleContext(),u={id:r,dir:o,getRootNode:s,...t},p=l.useMachine(re.machine,u);return{api:re.connect(p,l.normalizeProps),service:p}},[we,Ne]=l.createContext({name:"MenuMachineContext",hookName:"useMenuMachineContext",providerName:"<MenuMachineProvider />",strict:!1}),[ye,ot]=l.createContext({name:"MenuMachineContext",hookName:"useMenuMachineContext",providerName:"<MenuMachineProvider />",strict:!1}),ut=t=>{const[r,s]=E.splitPresenceProps(t),[o,u]=l.createSplitProps()(s,["anchorPoint","aria-label","closeOnSelect","composite","defaultHighlightedValue","defaultOpen","highlightedValue","id","ids","loopFocus","navigate","onEscapeKeyDown","onFocusOutside","onHighlightChange","onInteractOutside","onOpenChange","onPointerDownOutside","onSelect","open","positioning","typeahead"]),p=j(),c=Ne(),{api:a,service:g}=nt(o),S=E.usePresence(m.mergeProps({present:a.open},r));Se(()=>{c&&p&&(p.setChild(g),a.setParent(c))});const w=i.useCallback(()=>p?.getTriggerItemProps(a),[a,p]);return e.jsxRuntimeExports.jsx(ye,{value:w,children:e.jsxRuntimeExports.jsx(we,{value:g,children:e.jsxRuntimeExports.jsx(le,{value:a,children:e.jsxRuntimeExports.jsx(E.PresenceProvider,{value:S,...u})})})})},it=t=>{const r=j(),s=Ne(),[o,{value:u,children:p}]=E.splitPresenceProps(t),{api:c,service:a}=u,g=E.usePresence(m.mergeProps({present:c.open},o));Se(()=>{s&&r&&(r.setChild(a),c.setParent(s))});const S=i.useCallback(()=>r?.getTriggerItemProps(c),[c,r]);return e.jsxRuntimeExports.jsx(ye,{value:S,children:e.jsxRuntimeExports.jsx(we,{value:a,children:e.jsxRuntimeExports.jsx(le,{value:c,children:e.jsxRuntimeExports.jsx(E.PresenceProvider,{value:g,children:p})})})})},_e=i.forwardRef((t,r)=>{const s=j(),o=m.mergeProps(s.getSeparatorProps(),t);return e.jsxRuntimeExports.jsx(l.ark.hr,{...o,ref:r})});_e.displayName="MenuSeparator";const Ae=i.forwardRef((t,r)=>{const s=j(),o=E.usePresenceContext(),u=m.mergeProps({...s.getTriggerProps(),"aria-controls":o.unmounted?void 0:s.getTriggerProps()["aria-controls"]},t);return e.jsxRuntimeExports.jsx(l.ark.button,{...u,ref:r})});Ae.displayName="MenuTrigger";const Te=i.forwardRef((t,r)=>{const s=ot(),o=m.mergeProps(s?.()??{},t);return e.jsxRuntimeExports.jsx(l.ark.div,{...o,ref:r})});Te.displayName="MenuTriggerItem";const{withRootProvider:Ge,withContext:h}=Ze.createSlotRecipeContext({key:"menu"});Ge(it);const ct=Ge(ut,{defaultProps:{lazyMount:!0,unmountOnExit:!0}}),at=h(Ae,"trigger",{forwardAsChild:!0});h(he,"contextTrigger",{forwardAsChild:!0});const lt=h(Ie,"positioner",{forwardAsChild:!0});h(_e,"separator",{forwardAsChild:!0});const pt=h(je,"content",{forwardAsChild:!0}),xt=h(xe,"arrowTip",{forwardAsChild:!0});h(pe,"arrow",{forwardAsChild:!0,defaultProps:{children:e.jsxRuntimeExports.jsx(xt,{})}});h(ge,"indicator",{forwardAsChild:!0});const dt=h(Ce,"itemGroup",{forwardAsChild:!0}),mt=h(Me,"itemGroupLabel",{forwardAsChild:!0}),ne=h(fe,"item",{forwardAsChild:!0}),jt=h(Te,"item",{forwardAsChild:!0});h(Ee,"itemText",{forwardAsChild:!0});h("kbd","itemCommand");h(ve,"itemIndicator",{forwardAsChild:!0,defaultProps:{children:e.jsxRuntimeExports.jsx(et.CheckIcon,{boxSize:"4"})}});h(me,"item",{forwardAsChild:!0});h(ke,"itemGroup",{forwardAsChild:!0});h(be,"item",{forwardAsChild:!0});const $e=({hideCaret:t=!1,size:r="md",text:s,textProps:o,variant:u,onClick:p,["data-testid"]:c="kibble-menu-button",...a})=>e.jsxRuntimeExports.jsxs(K.Button,{className:"Menu__Button","data-testid":c,size:r,variant:u,...a,...!s&&t&&{paddingInline:0,paddingBlock:0},onClick:g=>{g.stopPropagation(),p?.(g)},children:[s&&e.jsxRuntimeExports.jsx(J.WrappedText,{className:"Menu__ButtonText","data-testid":`${c}-text`,fontWeight:"semibold",size:r,color:u?"inherit":o?.color||"text.contrast",truncated:!0,...o,children:s}),!t&&e.jsxRuntimeExports.jsx(G.Flex,{className:"Menu__ButtonCaret","data-testid":`${c}-caret`,children:e.jsxRuntimeExports.jsx(ce.Icon,{name:"chevronDown",size:r==="lg"?"sm":"xs"})})]}),ht=({tooltipProps:t,isMenuOpen:r,...s})=>{const[o,u]=i.useState(!1),p=i.useCallback(()=>{r||u(!0)},[r]),c=i.useCallback(()=>{r||u(!1)},[r]);return i.useEffect(()=>{r&&u(!1)},[r]),e.jsxRuntimeExports.jsx(ae.Tooltip,{label:s.text||"",open:o&&!r,...t,children:e.jsxRuntimeExports.jsx(y.Box,{onClick:a=>{a.preventDefault(),a.stopPropagation(),u(!1)},onMouseEnter:p,onMouseLeave:c,children:e.jsxRuntimeExports.jsx($e,{...s})})})},gt=({label:t,leftElement:r,onSelect:s,shouldTruncateText:o,type:u="default",variant:p,["data-testid"]:c="kibble-menu-item",...a})=>{const[g,S]=i.useState(!1),w=i.useCallback(()=>{s&&s(a.value)},[s,a.value]);if(u==="submenu"){const{valueText:b,listProps:C,positionerProps:f,portalled:N=!0,open:I,lazyMount:M=!0,unmountOnExit:L=!0}=a;return console.log("positionerProps",f),e.jsxRuntimeExports.jsx(Oe,{lazyMount:M,unmountOnExit:L,submenuTrigger:e.jsxRuntimeExports.jsxs(jt,{className:"Menu__Item--Submenu","data-testid":`${c}-submenu`,justifyContent:"space-between","aria-valuetext":b,position:"relative",onClick:()=>{I!==void 0&&s?s(a.value):S(!g)},children:[e.jsxRuntimeExports.jsx(H,{label:t,leftElement:r,shouldTruncateText:o,variant:p}),e.jsxRuntimeExports.jsx(ce.Icon,{name:"chevronRight",size:"sm"})]}),portalled:N,open:I!==void 0?I:g,listProps:C,positionerProps:f})}if(u==="checkbox"){const{checked:b,value:C,disabled:f,tooltipLabel:N,...I}=a;return e.jsxRuntimeExports.jsxs(ne,{className:"Menu__Item--Checkbox","data-testid":`${c}-checkbox`,value:C,closeOnSelect:!1,onSelect:f?void 0:w,gap:3,disabled:f,...I,children:[e.jsxRuntimeExports.jsx(tt.WrappedCheckbox,{checked:!!b,disabled:f,size:"md",fullWidth:!1}),e.jsxRuntimeExports.jsx(H,{label:t,leftElement:r,shouldTruncateText:o,variant:p,tooltipLabel:N})]})}if(u==="default"){const{selected:b=!1,disabled:C,value:f,tooltipLabel:N,...I}=a;return e.jsxRuntimeExports.jsx(ne,{className:"Menu__Item--Default","data-testid":`${c}-default`,value:f,onSelect:C?void 0:w,disabled:C,...b&&{bgColor:"background.secondaryAlpha.hover"},...I,children:e.jsxRuntimeExports.jsx(H,{label:t,leftElement:r,shouldTruncateText:o,variant:b?"info":p,tooltipLabel:N})})}return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})},H=({label:t,leftElement:r,shouldTruncateText:s,variant:o,tooltipLabel:u})=>{const p=e.jsxRuntimeExports.jsxs(G.Flex,{className:"Menu__ItemLabel",alignItems:"center",gap:3,children:[r,typeof t=="string"?e.jsxRuntimeExports.jsx(J.WrappedText,{size:"sm",truncated:s,variant:o,children:t}):t]});return u?e.jsxRuntimeExports.jsx(ae.Tooltip,{label:u,children:p}):p},oe=({groupName:t,hasSelectedItems:r=!1,onToggle:s,["data-testid"]:o="kibble-menu-toggle-buttons"})=>{const u=!!t;return e.jsxRuntimeExports.jsx(y.Box,{className:"Menu__ToggleButtons","data-testid":o,...u&&{textAlign:"right",w:"50%"},children:u?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:r?e.jsxRuntimeExports.jsx(ie,{hasSelectedItems:r,groupName:t,onToggle:s}):e.jsxRuntimeExports.jsx(ue,{groupName:t,onToggle:s})}):e.jsxRuntimeExports.jsxs(G.Flex,{justifyContent:"space-between",children:[e.jsxRuntimeExports.jsx(ue,{groupName:t,onToggle:s}),e.jsxRuntimeExports.jsx(ie,{hasSelectedItems:r,groupName:t,onToggle:s})]})})},ue=({groupName:t,onToggle:r})=>e.jsxRuntimeExports.jsx(K.Button,{variant:"ghost",size:"xs",onClick:()=>r({groupName:t,clear:!1}),children:"Select All"}),ie=({hasSelectedItems:t,groupName:r,onToggle:s})=>e.jsxRuntimeExports.jsx(K.Button,{variant:"ghostNeutral",iconName:"arrowCircle",size:"xs",disabled:!t,onClick:()=>s({groupName:r,clear:!0}),children:"Clear All"}),Oe=({buttonProps:t,listProps:r,positionerProps:s,portalled:o=!1,submenuTrigger:u,lazyMount:p=!0,onOpenChange:c,["data-testid"]:a="kibble-menu",...g})=>{const{contentRef:S}=Ye.usePortalContentRef(),{canSelectAll:w,canSelectGroups:b,emptyState:C="No results found",groupSortOrder:f,loading:N,maxH:I="480px",menuItems:M=[],minW:L="240px",onSearch:k,onSelect:q,onSelectAll:X,searchable:F,searchPlaceholder:Be="Search...",shouldTruncateText:Le,...Y}=r||{},[qe,Fe]=i.useState(!1),[z,D]=i.useState(""),[$,W]=i.useState(M),Z=i.useMemo(()=>{const n={};return $?.forEach(x=>{const d=x.groupLabel||"default",P=x.type==="checkbox"?"checkbox":"default";n[d]||(n[d]={}),n[d][P]||(n[d][P]=[]),n[d][P].push(x)}),n},[$]),ee=i.useMemo(()=>{const n=Object.entries(Z);return!f||f.length===0?n:n.sort(([x],[d])=>{const P=f.indexOf(x),R=f.indexOf(d);return P!==-1&&R!==-1?P-R:P!==-1?-1:R!==-1?1:0})},[Z,f]),_=i.useMemo(()=>M?.filter(n=>n.type==="checkbox")||[],[M]),V=i.useCallback(n=>_.some(x=>x.value===n&&x.checked),[_]),v=i.useMemo(()=>_.filter(n=>n.checked),[_]),te=i.useCallback(({groupName:n,clear:x})=>{let d;const P=$.filter(R=>R.type==="checkbox"&&!R.disabled);if(n){const R=P.filter(O=>O.groupLabel===n);d=x?v.filter(O=>O.groupLabel!==n):[...new Set([...v,...R])]}else d=x?[]:P.map(R=>({...R,checked:!0}));X?.({allSelectedItems:d})},[X,$,v]),ze=i.useCallback(n=>{if(n.type==="checkbox"){const x=V(n.value)?v.filter(d=>d.value!==n.value):[...v,n];if(n.onSelect){n.onSelect(n.value);return}q?.({item:n,allSelectedItems:x});return}if(n.onSelect){n.onSelect(n.value);return}q?.({item:n,allSelectedItems:[n]})},[q,V,v]),se=i.useCallback((n,x)=>n===""||!n?x:x.filter(d=>!!(typeof d.label=="string"?d.label:d.valueText)?.toLowerCase().includes(n.toLowerCase())),[]),De=i.useCallback(n=>{const x=n.target.value;D(x),k&&k(n)},[k]),We=i.useCallback(()=>{D(""),k&&k({target:{value:""}})},[k]),Ve=i.useCallback(n=>{Fe(n),n||(D(""),W(M)),c&&c({open:n,allSelectedItems:v})},[M,c,v]);return i.useEffect(()=>{W(k?M:se(z,M))},[z,k,se,M]),e.jsxRuntimeExports.jsxs(ct,{lazyMount:p,unmountOnExit:p,onOpenChange:n=>{Ve(n.open)},...g,children:[u||e.jsxRuntimeExports.jsx(at,{asChild:!0,className:"Menu__Trigger","data-testid":`${a}-trigger`,children:t?.showTooltip?e.jsxRuntimeExports.jsx(ht,{isMenuOpen:qe,...t}):e.jsxRuntimeExports.jsx($e,{...t})}),e.jsxRuntimeExports.jsx(E.Portal,{disabled:!o,container:S||void 0,children:e.jsxRuntimeExports.jsx(lt,{className:"Menu","data-testid":a,...s,children:e.jsxRuntimeExports.jsxs(pt,{className:"Menu__Content","data-testid":`${a}-content`,maxH:I,minW:L,...Y,...F&&{pt:"0"},onClick:n=>{n.stopPropagation(),Y?.onClick?.(n)},children:[F&&e.jsxRuntimeExports.jsx(y.Box,{className:"Menu__SearchBarContainer","data-testid":`${a}-search-bar-container`,px:3,py:2,position:"sticky",top:0,bg:"background",zIndex:"docked",children:e.jsxRuntimeExports.jsx(Ue.WrappedTextInput,{className:"Menu__SearchBar","data-testid":`${a}-search-bar`,placeholder:Be,onChange:De,size:"sm",value:z,clearable:!0,onClear:We,onKeyDown:n=>{n.code==="Space"&&n.stopPropagation()}})}),w&&e.jsxRuntimeExports.jsx(y.Box,{className:"Menu__CheckboxGroupHeader","data-testid":`${a}-checkbox-group-header`,px:3,mt:F?1:2,children:w&&!!_.length&&e.jsxRuntimeExports.jsx(oe,{onToggle:te,hasSelectedItems:!!v.length})}),N&&e.jsxRuntimeExports.jsx(G.Flex,{justifyContent:"center",py:5,children:e.jsxRuntimeExports.jsx(Xe.Spinner,{fullScreen:!0})}),e.jsxRuntimeExports.jsx(y.Box,{className:"Menu__List","data-testid":`${a}-list`,children:ee.length?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:ee.map(([n,x])=>{const d=n==="default",P=Object.keys(x),R=d?rt.default.Fragment:dt,He=x.checkbox?.map(A=>A.value)?.some(A=>v.some(B=>B.value===A&&B.checked));return e.jsxRuntimeExports.jsxs(R,{children:[!d&&e.jsxRuntimeExports.jsx(mt,{children:e.jsxRuntimeExports.jsxs(G.Flex,{alignItems:"center",justifyContent:"space-between",children:[n,b&&P.includes("checkbox")&&e.jsxRuntimeExports.jsx(oe,{groupName:n,onToggle:te,hasSelectedItems:He})]})}),Object.entries(x).map(([A,B])=>B.map((T,Ke)=>{const{groupLabel:Je,...Qe}=T;return e.jsxRuntimeExports.jsx(gt,{...Qe,shouldTruncateText:Le,...T.type==="checkbox"&&{checked:V(T.value)},"data-testid":`${a}-item-${T.label}`,onSelect:()=>ze(T)},`menu-item-${Je}-${A}-${Ke}`)}))]},n)})}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(y.Box,{p:3,children:typeof C=="string"?e.jsxRuntimeExports.jsx(y.Box,{textAlign:"center",children:e.jsxRuntimeExports.jsx(J.WrappedText,{size:"sm",variant:"subtle","data-testid":`${a}-empty-state`,children:C})}):C})})})]})})})]})};exports.Menu=Oe;
-//# sourceMappingURL=menu.component-CateT8pX.js.map