@televet/kibble-ui 4.0.0-beta.30 → 4.0.0-beta.31

package/dist/chunks/link.component-dqnMmYTA.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"link.component-dqnMmYTA.js","sources":["../../src/components/Link/components/LinkIcon/linkIcon.component.tsx","../../src/components/Link/link.component.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, IconProps } from \"components/Icon\";\n\nexport interface LinkIconProps extends Pick<IconProps, \"name\"> {\n  position?: \"start\" | \"end\";\n}\n\ntype InternalLinkIconProps = Pick<IconProps, \"name\" | \"variant\" | \"size\">;\n\nexport const LinkIcon = ({\n  variant,\n  ...rest\n}: InternalLinkIconProps): React.JSX.Element => {\n  return <Icon variant={variant || \"interactive\"} {...rest} />;\n};\n","import React, { ForwardedRef, forwardRef } from \"react\";\nimport { Link as CLink, LinkProps as CLinkProps } from \"@chakra-ui/react/link\"; // Make sure to use named imports from Chakra UI\nimport { TypographyVariant } from \"shared/types\";\nimport { TextSize } from \"components/Text/text.types\";\nimport { HStack } from \"@chakra-ui/react/stack\";\nimport { Text } from \"components/Text\";\nimport {\n  LinkIcon,\n  LinkIconProps,\n} from \"./components/LinkIcon/linkIcon.component\";\nimport { useIconTextSizeMap } from \"hooks/useIconTextSizeMap\";\n\nexport interface LinkProps extends CLinkProps {\n  iconProps?: LinkIconProps;\n  external?: boolean;\n  size?: TextSize;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  to?: any;\n  variant?: TypographyVariant;\n}\n\nexport const Link = forwardRef(\n  (\n    props: LinkProps,\n    ref: ForwardedRef<HTMLAnchorElement>,\n  ): React.JSX.Element => {\n    const {\n      children,\n      external,\n      iconProps,\n      size = \"md\",\n      variant = \"interactive\",\n      ...rest\n    } = props;\n    const mapIconSize = useIconTextSizeMap(size);\n    const iconPosition = iconProps?.position || \"start\";\n\n    return (\n      <CLink\n        className=\"Link\"\n        data-testid=\"kibble-link\"\n        variant={variant}\n        display=\"inline-block\"\n        size={size}\n        ref={ref}\n        {...(external && { target: \"_blank\", rel: \"noopener noreferrer\" })}\n        {...rest}\n      >\n        <HStack gap={1} align=\"center\">\n          {iconProps && iconPosition === \"start\" && (\n            <LinkIcon\n              name={iconProps.name}\n              variant={variant}\n              size={mapIconSize}\n            />\n          )}\n          <Text size={size} variant={variant}>\n            {children}\n          </Text>\n          {iconProps && iconPosition === \"end\" && (\n            <LinkIcon\n              name={iconProps.name}\n              variant={variant}\n              size={mapIconSize}\n            />\n          )}\n        </HStack>\n      </CLink>\n    );\n  },\n);\n\nLink.displayName = \"Link\";\n"],"names":["LinkIcon","variant","rest","Icon","Link","forwardRef","props","ref","children","external","iconProps","size","mapIconSize","useIconTextSizeMap","iconPosition","jsx","CLink","jsxs","HStack","Text"],"mappings":"4OASaA,EAAW,CAAC,CACvB,QAAAC,EACA,GAAGC,CACL,4BACUC,EAAAA,KAAK,CAAA,QAASF,GAAW,cAAgB,GAAGC,EAAM,ECQ/CE,EAAOC,EAAA,WAClB,CACEC,EACAC,IACsB,CAChB,KAAA,CACJ,SAAAC,EACA,SAAAC,EACA,UAAAC,EACA,KAAAC,EAAO,KACP,QAAAV,EAAU,cACV,GAAGC,CAAA,EACDI,EACEM,EAAcC,qBAAmBF,CAAI,EACrCG,EAAeJ,GAAW,UAAY,QAG1C,OAAAK,EAAA,kBAAA,IAACC,EAAA,KAAA,CACC,UAAU,OACV,cAAY,cACZ,QAAAf,EACA,QAAQ,eACR,KAAAU,EACA,IAAAJ,EACC,GAAIE,GAAY,CAAE,OAAQ,SAAU,IAAK,qBAAsB,EAC/D,GAAGP,EAEJ,SAACe,EAAAA,kBAAAA,KAAAC,EAAAA,OAAA,CAAO,IAAK,EAAG,MAAM,SACnB,SAAA,CAAAR,GAAaI,IAAiB,SAC7BC,EAAA,kBAAA,IAACf,EAAA,CACC,KAAMU,EAAU,KAChB,QAAAT,EACA,KAAMW,CAAA,CACR,EAEDG,EAAAA,kBAAAA,IAAAI,EAAAA,YAAA,CAAK,KAAAR,EAAY,QAAAV,EACf,SAAAO,CACH,CAAA,EACCE,GAAaI,IAAiB,OAC7BC,EAAA,kBAAA,IAACf,EAAA,CACC,KAAMU,EAAU,KAChB,QAAAT,EACA,KAAMW,CAAA,CAAA,CACR,CAEJ,CAAA,CAAA,CACF,CAAA,CAGN,EAEAR,EAAK,YAAc"}

package/dist/chunks/link.component-eJ17KWOU.js

@@ -1,58 +0,0 @@
-import { x as e } from "./vendor-CRIhG-7s.js";
-import { forwardRef as x } from "react";
-import { W as d } from "./text.component-BqLgdeLf.js";
-import { I as k } from "./icon.component-DBE3p_Uc.js";
-import { u as f } from "./useIconTextSizeMap-BK-pUrQv.js";
-import { az as j, H as z } from "./chakra-CM93-d7A.js";
-const m = ({
-  variant: i,
-  ...t
-}) => /* @__PURE__ */ e.jsx(k, { variant: i || "interactive", ...t }), L = x(
-  (i, t) => {
-    const {
-      children: c,
-      external: p,
-      iconProps: n,
-      size: a = "md",
-      variant: r = "interactive",
-      ...l
-    } = i, s = f(a), o = n?.position || "start";
-    return /* @__PURE__ */ e.jsx(
-      j,
-      {
-        className: "Link",
-        "data-testid": "kibble-link",
-        variant: r,
-        display: "inline-block",
-        size: a,
-        ref: t,
-        ...p && { target: "_blank", rel: "noopener noreferrer" },
-        ...l,
-        children: /* @__PURE__ */ e.jsxs(z, { gap: 1, align: "center", children: [
-          n && o === "start" && /* @__PURE__ */ e.jsx(
-            m,
-            {
-              name: n.name,
-              variant: r,
-              size: s
-            }
-          ),
-          /* @__PURE__ */ e.jsx(d, { size: a, variant: r, children: c }),
-          n && o === "end" && /* @__PURE__ */ e.jsx(
-            m,
-            {
-              name: n.name,
-              variant: r,
-              size: s
-            }
-          )
-        ] })
-      }
-    );
-  }
-);
-L.displayName = "Link";
-export {
-  L
-};
-//# sourceMappingURL=link.component-eJ17KWOU.js.map

package/dist/chunks/link.component-eJ17KWOU.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"link.component-eJ17KWOU.js","sources":["../../src/components/Link/components/LinkIcon/linkIcon.component.tsx","../../src/components/Link/link.component.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, IconProps } from \"components/Icon\";\n\nexport interface LinkIconProps extends Pick<IconProps, \"name\"> {\n  position?: \"start\" | \"end\";\n}\n\ntype InternalLinkIconProps = Pick<IconProps, \"name\" | \"variant\" | \"size\">;\n\nexport const LinkIcon = ({\n  variant,\n  ...rest\n}: InternalLinkIconProps): React.JSX.Element => {\n  return <Icon variant={variant || \"interactive\"} {...rest} />;\n};\n","import React, { ForwardedRef, forwardRef } from \"react\";\nimport { Link as CLink, LinkProps as CLinkProps } from \"@chakra-ui/react/link\"; // Make sure to use named imports from Chakra UI\nimport { TypographyVariant } from \"shared/types\";\nimport { TextSize } from \"components/Text/text.types\";\nimport { HStack } from \"@chakra-ui/react/stack\";\nimport { Text } from \"components/Text\";\nimport {\n  LinkIcon,\n  LinkIconProps,\n} from \"./components/LinkIcon/linkIcon.component\";\nimport { useIconTextSizeMap } from \"hooks/useIconTextSizeMap\";\n\nexport interface LinkProps extends CLinkProps {\n  iconProps?: LinkIconProps;\n  external?: boolean;\n  size?: TextSize;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  to?: any;\n  variant?: TypographyVariant;\n}\n\nexport const Link = forwardRef(\n  (\n    props: LinkProps,\n    ref: ForwardedRef<HTMLAnchorElement>,\n  ): React.JSX.Element => {\n    const {\n      children,\n      external,\n      iconProps,\n      size = \"md\",\n      variant = \"interactive\",\n      ...rest\n    } = props;\n    const mapIconSize = useIconTextSizeMap(size);\n    const iconPosition = iconProps?.position || \"start\";\n\n    return (\n      <CLink\n        className=\"Link\"\n        data-testid=\"kibble-link\"\n        variant={variant}\n        display=\"inline-block\"\n        size={size}\n        ref={ref}\n        {...(external && { target: \"_blank\", rel: \"noopener noreferrer\" })}\n        {...rest}\n      >\n        <HStack gap={1} align=\"center\">\n          {iconProps && iconPosition === \"start\" && (\n            <LinkIcon\n              name={iconProps.name}\n              variant={variant}\n              size={mapIconSize}\n            />\n          )}\n          <Text size={size} variant={variant}>\n            {children}\n          </Text>\n          {iconProps && iconPosition === \"end\" && (\n            <LinkIcon\n              name={iconProps.name}\n              variant={variant}\n              size={mapIconSize}\n            />\n          )}\n        </HStack>\n      </CLink>\n    );\n  },\n);\n\nLink.displayName = \"Link\";\n"],"names":["LinkIcon","variant","rest","Icon","Link","forwardRef","props","ref","children","external","iconProps","size","mapIconSize","useIconTextSizeMap","iconPosition","jsx","CLink","jsxs","HStack","Text"],"mappings":";;;;;;AASO,MAAMA,IAAW,CAAC;AAAA,EACvB,SAAAC;AAAA,EACA,GAAGC;AACL,4BACUC,GAAK,EAAA,SAASF,KAAW,eAAgB,GAAGC,GAAM,GCQ/CE,IAAOC;AAAA,EAClB,CACEC,GACAC,MACsB;AAChB,UAAA;AAAA,MACJ,UAAAC;AAAA,MACA,UAAAC;AAAA,MACA,WAAAC;AAAA,MACA,MAAAC,IAAO;AAAA,MACP,SAAAV,IAAU;AAAA,MACV,GAAGC;AAAA,IAAA,IACDI,GACEM,IAAcC,EAAmBF,CAAI,GACrCG,IAAeJ,GAAW,YAAY;AAG1C,WAAAK,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAY;AAAA,QACZ,SAAAf;AAAA,QACA,SAAQ;AAAA,QACR,MAAAU;AAAA,QACA,KAAAJ;AAAA,QACC,GAAIE,KAAY,EAAE,QAAQ,UAAU,KAAK,sBAAsB;AAAA,QAC/D,GAAGP;AAAA,QAEJ,UAACe,gBAAAA,EAAAA,KAAAC,GAAA,EAAO,KAAK,GAAG,OAAM,UACnB,UAAA;AAAA,UAAAR,KAAaI,MAAiB,WAC7BC,gBAAAA,EAAA;AAAA,YAACf;AAAA,YAAA;AAAA,cACC,MAAMU,EAAU;AAAA,cAChB,SAAAT;AAAA,cACA,MAAMW;AAAA,YAAA;AAAA,UACR;AAAA,UAEDG,gBAAAA,EAAAA,IAAAI,GAAA,EAAK,MAAAR,GAAY,SAAAV,GACf,UAAAO,EACH,CAAA;AAAA,UACCE,KAAaI,MAAiB,SAC7BC,gBAAAA,EAAA;AAAA,YAACf;AAAA,YAAA;AAAA,cACC,MAAMU,EAAU;AAAA,cAChB,SAAAT;AAAA,cACA,MAAMW;AAAA,YAAA;AAAA,UAAA;AAAA,QACR,EAEJ,CAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;AAEAR,EAAK,cAAc;"}

package/dist/chunks/logo.types-B8atHDWW.js

@@ -1,2 +0,0 @@
-"use strict";const r=require("./vendor-DcKGwQlH.js"),s=require("./IconLogo-Dd5mp5A_.js"),o=require("./chakra-C0NbsW66.js"),u={full:{width:"200px"},icon:{width:"60px"}},p={default:{color:"text"},primary:{color:"text.logo"}},d=o.defineRecipe({base:{},variants:{type:u,variant:p,onContrast:{true:{},false:{}}},compoundVariants:[{onContrast:!0,variant:"default",css:{color:"text.contrast"}},{onContrast:!0,variant:"primary",css:{color:"text.logo.contrast"}}],defaultVariants:{type:"full",variant:"default",onContrast:!1}}),f=({onClick:t,onContrast:a=!1,type:e="full",variant:n="default",...l})=>{const c=e==="full"?s.ForwardRef:s.ForwardRef$1,i=o.useRecipe({recipe:d})({variant:n,type:e,onContrast:a});return r.jsxRuntimeExports.jsx(o.Box,{className:"Logo","data-testid":"kibble-logo",...t&&{cursor:"pointer",onClick:t},css:i,...l,children:r.jsxRuntimeExports.jsx(c,{color:"currentColor",width:"100%",height:"100%"})})},g=["full","icon"],x=["default","primary"];exports.Logo=f;exports.logoTypes=g;exports.logoVariants=x;
-//# sourceMappingURL=logo.types-B8atHDWW.js.map

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

@@ -1,390 +0,0 @@
-import { x as e, eC as te, ew as se } from "./vendor-CRIhG-7s.js";
-import ne, { useCallback as g, useState as V, useMemo as v } from "react";
-import { B as T } from "./button.component-D2oz1NlP.js";
-import { I as P } from "./icon.component-DBE3p_Uc.js";
-import { W as B } from "./text.component-BqLgdeLf.js";
-import { F as k, bq as ae, br as le, bs as ce, a as I, bt as re, bu as oe, bv as ue, bw as ie, bx as de, by as me } from "./chakra-CM93-d7A.js";
-import { W as he } from "./textInput.component-kHpXV881.js";
-import { S as xe } from "./spinner.component-Dv6ILpLw.js";
-import { W as be } from "./checkbox.component-DmvrqdLZ.js";
-const pe = ({
-  hideCaret: n = !1,
-  size: a = "md",
-  text: l,
-  textProps: o,
-  variant: d,
-  ...m
-}) => /* @__PURE__ */ e.jsxs(
-  T,
-  {
-    className: "Menu__Button",
-    "data-testid": "kibble-menu-button",
-    size: a,
-    variant: d,
-    ...m,
-    children: [
-      l && /* @__PURE__ */ e.jsx(
-        B,
-        {
-          className: "Menu__ButtonText",
-          "data-testid": "kibble-menu-button-text",
-          fontWeight: "semibold",
-          size: a,
-          color: d ? "inherit" : o?.color || "text.contrast",
-          truncate: !0,
-          ...o,
-          children: l
-        }
-      ),
-      !n && /* @__PURE__ */ e.jsx(
-        k,
-        {
-          className: "Menu__ButtonCaret",
-          "data-testid": "kibble-menu-button-caret",
-          children: /* @__PURE__ */ e.jsx(P, { name: "chevronDown", size: a === "lg" ? "sm" : "xs" })
-        }
-      )
-    ]
-  }
-), fe = ({
-  label: n,
-  leftElement: a,
-  onSelect: l,
-  shouldTruncateText: o,
-  type: d = "default",
-  variant: m,
-  ...h
-}) => {
-  const M = g(() => {
-    l && l(h.value);
-  }, [l, h.value]);
-  if (d === "submenu")
-    return /* @__PURE__ */ e.jsx(
-      je,
-      {
-        submenuTrigger: /* @__PURE__ */ e.jsxs(
-          ae,
-          {
-            className: "Menu__Item--Submenu",
-            "data-testid": "kibble-menu-item-submenu",
-            justifyContent: "space-between",
-            children: [
-              /* @__PURE__ */ e.jsx(
-                N,
-                {
-                  label: n,
-                  leftElement: a,
-                  shouldTruncateText: o,
-                  variant: m
-                }
-              ),
-              /* @__PURE__ */ e.jsx(P, { name: "chevronRight", size: "sm" })
-            ]
-          }
-        ),
-        ...h
-      }
-    );
-  if (d === "checkbox") {
-    const { checked: b, value: f, ...u } = h;
-    return /* @__PURE__ */ e.jsxs(
-      le,
-      {
-        className: "Menu__Item--Checkbox",
-        "data-testid": "kibble-menu-item-checkbox",
-        value: f,
-        checked: !!b,
-        onCheckedChange: M,
-        closeOnSelect: h.closeOnSelect || !1,
-        gap: 3,
-        ...u,
-        children: [
-          /* @__PURE__ */ e.jsx(be, { checked: !!b, size: "md" }),
-          /* @__PURE__ */ e.jsx(
-            N,
-            {
-              label: n,
-              leftElement: a,
-              shouldTruncateText: o,
-              variant: m
-            }
-          )
-        ]
-      }
-    );
-  }
-  if (d === "default") {
-    const { selected: b, value: f, ...u } = h;
-    return /* @__PURE__ */ e.jsx(
-      ce,
-      {
-        className: "Menu__Item--Default",
-        "data-testid": "kibble-menu-item-default",
-        value: f,
-        onSelect: M,
-        ...b && { bgColor: "background.secondaryAlpha.hover" },
-        ...u,
-        children: /* @__PURE__ */ e.jsx(
-          N,
-          {
-            label: n,
-            leftElement: a,
-            shouldTruncateText: o,
-            variant: b ? "info" : m
-          }
-        )
-      }
-    );
-  }
-  return /* @__PURE__ */ e.jsx(e.Fragment, {});
-}, N = ({
-  label: n,
-  leftElement: a,
-  shouldTruncateText: l,
-  variant: o
-}) => /* @__PURE__ */ e.jsxs(k, { className: "Menu__ItemLabel", alignItems: "center", gap: 3, children: [
-  a,
-  typeof n == "string" ? /* @__PURE__ */ e.jsx(B, { size: "sm", truncated: l, variant: o, children: n }) : n
-] }), L = ({
-  groupName: n,
-  hasSelectedItems: a = !1,
-  onToggle: l
-}) => {
-  const o = !!n;
-  return /* @__PURE__ */ e.jsx(
-    I,
-    {
-      className: "Menu__ToggleButtons",
-      "data-testid": "kibble-menu-toggle-buttons",
-      ...o ? { textAlign: "right", w: "50%" } : { mt: 2 },
-      children: o ? /* @__PURE__ */ e.jsx(e.Fragment, { children: a ? /* @__PURE__ */ e.jsx(
-        D,
-        {
-          hasSelectedItems: a,
-          groupName: n,
-          onToggle: l
-        }
-      ) : /* @__PURE__ */ e.jsx($, { groupName: n, onToggle: l }) }) : /* @__PURE__ */ e.jsxs(k, { justifyContent: "space-between", children: [
-        /* @__PURE__ */ e.jsx($, { groupName: n, onToggle: l }),
-        /* @__PURE__ */ e.jsx(
-          D,
-          {
-            hasSelectedItems: a,
-            groupName: n,
-            onToggle: l
-          }
-        )
-      ] })
-    }
-  );
-}, $ = ({
-  groupName: n,
-  onToggle: a
-}) => /* @__PURE__ */ e.jsx(
-  T,
-  {
-    variant: "ghost",
-    size: "xs",
-    onClick: () => a({ groupName: n, clear: !1 }),
-    children: "Select All"
-  }
-), D = ({
-  hasSelectedItems: n,
-  groupName: a,
-  onToggle: l
-}) => /* @__PURE__ */ e.jsx(
-  T,
-  {
-    variant: "ghostNeutral",
-    iconName: "arrowCircle",
-    size: "xs",
-    disabled: !n,
-    onClick: () => l({ groupName: a, clear: !0 }),
-    children: "Clear All"
-  }
-), je = ({
-  buttonProps: n,
-  listProps: a,
-  portalled: l = !1,
-  submenuTrigger: o,
-  ...d
-}) => {
-  const {
-    canSelectAll: m,
-    canSelectGroups: h,
-    emptyStateText: M = "No results found",
-    loading: b,
-    maxH: f = "480px",
-    menuItems: u = [],
-    minW: H = "240px",
-    onSearch: _,
-    onSelect: w,
-    onSelectAll: A,
-    searchable: F,
-    searchPlaceholder: q = "Search...",
-    shouldTruncateText: E,
-    ...J
-  } = a || {}, [K, S] = V(""), [O, y] = V(u), W = v(() => {
-    const t = {};
-    return O?.forEach((s) => {
-      const c = s.groupLabel || "default", r = s.type === "checkbox" ? "checkbox" : "default";
-      t[c] || (t[c] = {}), t[c][r] || (t[c][r] = []), t[c][r].push(s);
-    }), t;
-  }, [O]), G = v(() => Object.entries(W), [W]), p = v(
-    () => u?.filter((t) => t.type === "checkbox") || [],
-    [u]
-  ), Q = v(() => (p?.filter((s) => s.checked) || []).map((s) => s.value), [p]), i = te({
-    defaultValue: Q
-  }), z = g(
-    (t) => {
-      const s = t.target.value;
-      if (S(s), _)
-        _(t);
-      else if (s === "" || !s)
-        y(u);
-      else {
-        const c = u.filter((r) => !!(typeof r.label == "string" ? r.label : r.valueText)?.toLowerCase().includes(s.toLowerCase()));
-        y(c);
-      }
-    },
-    [u, _]
-  ), R = g(
-    ({ groupName: t, clear: s }) => {
-      let c = [];
-      if (t) {
-        const r = p.filter((x) => x.groupLabel === t).map((x) => x.value);
-        c = s ? i.value.filter((x) => !r.includes(x)) : [...i.value, ...r];
-      } else
-        c = s ? [] : p.map((r) => r.value);
-      A?.(c), i.setValue(c);
-    },
-    [p, A, i]
-  ), U = g(
-    (t) => {
-      t.onSelect?.(t.value);
-      const s = i.value, c = i.isChecked(t.value);
-      w?.(
-        t.value,
-        c ? s.filter((r) => r !== t.value) : [...s, t.value]
-      ), t.type === "checkbox" && i.toggleValue(t.value);
-    },
-    [w, i]
-  ), X = g(
-    (t) => {
-      t || (S(""), y(u));
-    },
-    [u]
-  );
-  return /* @__PURE__ */ e.jsxs(
-    re,
-    {
-      ...d,
-      onOpenChange: (t) => {
-        X(t.open), d.onOpenChange?.(t);
-      },
-      children: [
-        o || /* @__PURE__ */ e.jsx(
-          oe,
-          {
-            asChild: !0,
-            className: "Menu__Trigger",
-            "data-testid": "kibble-menu-trigger",
-            children: /* @__PURE__ */ e.jsx(pe, { ...n })
-          }
-        ),
-        /* @__PURE__ */ e.jsx(se, { disabled: !l, children: /* @__PURE__ */ e.jsx(ue, { className: "Menu", "data-testid": "kibble-menu", children: /* @__PURE__ */ e.jsxs(
-          ie,
-          {
-            className: "Menu__Content",
-            "data-testid": "kibble-menu-content",
-            maxH: f,
-            minW: H,
-            ...J,
-            children: [
-              (F || m) && /* @__PURE__ */ e.jsxs(
-                I,
-                {
-                  className: "Menu__Header",
-                  "data-testid": "kibble-menu-header",
-                  m: "0 12px 8px",
-                  children: [
-                    F && /* @__PURE__ */ e.jsx(
-                      he,
-                      {
-                        className: "Menu__SearchBar",
-                        "data-testid": "kibble-menu-search-bar",
-                        placeholder: q,
-                        onChange: z,
-                        size: "sm",
-                        value: K,
-                        clearable: !0,
-                        onClear: () => {
-                          S(""), z({
-                            target: { value: "" }
-                          });
-                        },
-                        formControlStyle: { mt: 1 }
-                      }
-                    ),
-                    m && !!p.length && /* @__PURE__ */ e.jsx(
-                      L,
-                      {
-                        onToggle: R,
-                        hasSelectedItems: !!i.value.length
-                      }
-                    )
-                  ]
-                }
-              ),
-              b ? /* @__PURE__ */ e.jsx(k, { justifyContent: "center", py: 5, children: /* @__PURE__ */ e.jsx(xe, {}) }) : /* @__PURE__ */ e.jsx(I, { className: "Menu__List", "data-testid": "kibble-menu-list", children: G.length ? /* @__PURE__ */ e.jsx(e.Fragment, { children: G.map(([t, s]) => {
-                const c = t === "default", r = Object.keys(s), x = c ? ne.Fragment : de, Y = s.checkbox?.map(
-                  (j) => j.value
-                )?.some(
-                  (j) => i.value.includes(j)
-                );
-                return /* @__PURE__ */ e.jsxs(x, { children: [
-                  !c && /* @__PURE__ */ e.jsx(me, { children: /* @__PURE__ */ e.jsxs(
-                    k,
-                    {
-                      alignItems: "center",
-                      justifyContent: "space-between",
-                      children: [
-                        t,
-                        h && r.includes("checkbox") && /* @__PURE__ */ e.jsx(
-                          L,
-                          {
-                            groupName: t,
-                            onToggle: R,
-                            hasSelectedItems: Y
-                          }
-                        )
-                      ]
-                    }
-                  ) }),
-                  Object.entries(s).map(
-                    ([j, Z]) => Z.map((C, ee) => /* @__PURE__ */ e.jsx(
-                      fe,
-                      {
-                        ...C,
-                        shouldTruncateText: E,
-                        ...C.type === "checkbox" && {
-                          checked: i.isChecked(C.value)
-                        },
-                        onSelect: () => U(C)
-                      },
-                      `menu-item-${t}-${j}-${ee}`
-                    ))
-                  )
-                ] }, t);
-              }) }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(I, { textAlign: "center", p: 3, children: /* @__PURE__ */ e.jsx(B, { size: "sm", variant: "subtle", children: M }) }) }) })
-            ]
-          }
-        ) }) })
-      ]
-    }
-  );
-};
-export {
-  je as M
-};
-//# sourceMappingURL=menu.component-BkBiiMuq.js.map

package/dist/chunks/menu.component-BkBiiMuq.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu.component-BkBiiMuq.js","sources":["../../src/components/Menu/components/MenuButton/menuButton.components.tsx","../../src/components/Menu/components/MenuItem/menuItem.component.tsx","../../src/components/Menu/components/MenuToggleButtons/menuToggleButtons.tsx","../../src/components/Menu/menu.component.tsx"],"sourcesContent":["import { Flex } from \"@chakra-ui/react/flex\";\nimport { Button, ButtonProps } from \"components/Button/button.component\";\nimport { Icon } from \"components/Icon/icon.component\";\nimport { Text, TextProps } from \"components/Text/text.component\";\nimport React from \"react\";\n\nexport interface MenuButtonProps extends Omit<ButtonProps, \"children\"> {\n  hideCaret?: boolean;\n  text?: string;\n  textProps?: TextProps;\n}\n\nexport const MenuButton = ({\n  hideCaret = false,\n  size = \"md\",\n  text,\n  textProps,\n  variant,\n  ...rest\n}: MenuButtonProps): React.JSX.Element => {\n  return (\n    <Button\n      className=\"Menu__Button\"\n      data-testid=\"kibble-menu-button\"\n      size={size}\n      variant={variant}\n      {...rest}\n    >\n      {text && (\n        <Text\n          className=\"Menu__ButtonText\"\n          data-testid=\"kibble-menu-button-text\"\n          fontWeight=\"semibold\"\n          size={size}\n          color={variant ? \"inherit\" : textProps?.color || \"text.contrast\"}\n          truncate\n          {...textProps}\n        >\n          {text}\n        </Text>\n      )}\n      {!hideCaret && (\n        <Flex\n          className=\"Menu__ButtonCaret\"\n          data-testid=\"kibble-menu-button-caret\"\n        >\n          <Icon name=\"chevronDown\" size={size === \"lg\" ? \"sm\" : \"xs\"} />\n        </Flex>\n      )}\n    </Button>\n  );\n};\n","import { Flex } from \"@chakra-ui/react/flex\";\nimport { Menu as CMenu } from \"@chakra-ui/react/menu\";\nimport React, { useCallback } from \"react\";\nimport { Text } from \"components/Text/text.component\";\nimport { MenuItemType } from \"./menuItem.types\";\nimport { Menu, MenuProps } from \"components/Menu\";\nimport { TypographyVariant } from \"shared/types/typography\";\nimport { Checkbox } from \"components/Checkbox/checkbox.component\";\nimport { Icon } from \"components/Icon/icon.component\";\n\ninterface BaseMenuItemProps {\n  label?: React.ReactNode;\n  leftElement?: React.ReactNode;\n  groupLabel?: string;\n  onSelect?: (value: string) => void;\n  shouldTruncateText?: boolean;\n  type?: MenuItemType;\n  value: string;\n  variant?: TypographyVariant;\n}\n\ninterface DefaultMenuItemProps extends Omit<CMenu.ItemProps, \"onSelect\"> {\n  type?: \"default\";\n  selected?: boolean;\n}\n\ninterface CheckboxMenuItemProps\n  extends Omit<CMenu.CheckboxItemProps, \"onSelect\"> {\n  type: \"checkbox\";\n  checked: boolean;\n}\n\ninterface SubmenuMenuItemProps extends Omit<MenuProps, \"buttonProps\"> {\n  type: \"submenu\";\n  valueText?: string;\n}\n\nexport type MenuItemProps = BaseMenuItemProps &\n  (DefaultMenuItemProps | CheckboxMenuItemProps | SubmenuMenuItemProps);\n\nexport const MenuItem = ({\n  label,\n  leftElement,\n  onSelect,\n  shouldTruncateText,\n  type = \"default\",\n  variant,\n  ...rest\n}: MenuItemProps): React.JSX.Element => {\n  const handleOnSelect = useCallback(() => {\n    if (onSelect) {\n      onSelect(rest.value);\n    }\n  }, [onSelect, rest.value]);\n\n  if (type === \"submenu\") {\n    return (\n      <Menu\n        submenuTrigger={\n          <CMenu.TriggerItem\n            className=\"Menu__Item--Submenu\"\n            data-testid=\"kibble-menu-item-submenu\"\n            justifyContent=\"space-between\"\n          >\n            <MenuItemLabel\n              label={label}\n              leftElement={leftElement}\n              shouldTruncateText={shouldTruncateText}\n              variant={variant}\n            />\n            <Icon name=\"chevronRight\" size=\"sm\" />\n          </CMenu.TriggerItem>\n        }\n        {...rest}\n      />\n    );\n  }\n\n  if (type === \"checkbox\") {\n    const { checked, value, ...checkboxRest } = rest as CheckboxMenuItemProps;\n    return (\n      <CMenu.CheckboxItem\n        className=\"Menu__Item--Checkbox\"\n        data-testid=\"kibble-menu-item-checkbox\"\n        value={value}\n        checked={!!checked}\n        onCheckedChange={handleOnSelect}\n        closeOnSelect={rest.closeOnSelect || false}\n        gap={3}\n        {...checkboxRest}\n      >\n        <Checkbox checked={!!checked} size=\"md\" />\n        <MenuItemLabel\n          label={label}\n          leftElement={leftElement}\n          shouldTruncateText={shouldTruncateText}\n          variant={variant}\n        />\n      </CMenu.CheckboxItem>\n    );\n  }\n\n  if (type === \"default\") {\n    const { selected, value, ...defaultRest } = rest as DefaultMenuItemProps;\n    return (\n      <CMenu.Item\n        className=\"Menu__Item--Default\"\n        data-testid=\"kibble-menu-item-default\"\n        value={value}\n        onSelect={handleOnSelect}\n        {...(selected && { bgColor: \"background.secondaryAlpha.hover\" })}\n        {...defaultRest}\n      >\n        <MenuItemLabel\n          label={label}\n          leftElement={leftElement}\n          shouldTruncateText={shouldTruncateText}\n          variant={selected ? \"info\" : variant}\n        />\n      </CMenu.Item>\n    );\n  }\n\n  return <></>;\n};\n\nconst MenuItemLabel = ({\n  label,\n  leftElement,\n  shouldTruncateText,\n  variant,\n}: {\n  label?: React.ReactNode;\n  leftElement?: React.ReactNode;\n  shouldTruncateText?: boolean;\n  variant?: TypographyVariant;\n}): React.JSX.Element => {\n  return (\n    <Flex className=\"Menu__ItemLabel\" alignItems=\"center\" gap={3}>\n      {leftElement}\n      {typeof label === \"string\" ? (\n        <Text size=\"sm\" truncated={shouldTruncateText} variant={variant}>\n          {label}\n        </Text>\n      ) : (\n        label\n      )}\n    </Flex>\n  );\n};\n","import { Box } from \"@chakra-ui/react/box\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Button } from \"components/Button/button.component\";\n\ninterface MenuToggleButtonsProps {\n  hasSelectedItems?: boolean;\n  groupName?: string;\n  onToggle: ({\n    groupName,\n    clear,\n  }: {\n    clear: boolean;\n    groupName?: string;\n  }) => void;\n}\n\nexport const MenuToggleButtons = ({\n  groupName,\n  hasSelectedItems = false,\n  onToggle,\n}: MenuToggleButtonsProps): React.JSX.Element => {\n  const isGrouped = !!groupName;\n  return (\n    <Box\n      className=\"Menu__ToggleButtons\"\n      data-testid=\"kibble-menu-toggle-buttons\"\n      {...(isGrouped ? { textAlign: \"right\", w: \"50%\" } : { mt: 2 })}\n    >\n      {isGrouped ? (\n        <>\n          {hasSelectedItems ? (\n            <ClearAllButton\n              hasSelectedItems={hasSelectedItems}\n              groupName={groupName}\n              onToggle={onToggle}\n            />\n          ) : (\n            <SelectAllButton groupName={groupName} onToggle={onToggle} />\n          )}\n        </>\n      ) : (\n        <Flex justifyContent=\"space-between\">\n          <SelectAllButton groupName={groupName} onToggle={onToggle} />\n          <ClearAllButton\n            hasSelectedItems={hasSelectedItems}\n            groupName={groupName}\n            onToggle={onToggle}\n          />\n        </Flex>\n      )}\n    </Box>\n  );\n};\n\nconst SelectAllButton = ({\n  groupName,\n  onToggle,\n}: MenuToggleButtonsProps): React.JSX.Element => {\n  return (\n    <Button\n      variant=\"ghost\"\n      size=\"xs\"\n      onClick={(): void => onToggle({ groupName, clear: false })}\n    >\n      Select All\n    </Button>\n  );\n};\n\nconst ClearAllButton = ({\n  hasSelectedItems,\n  groupName,\n  onToggle,\n}: MenuToggleButtonsProps): React.JSX.Element => {\n  return (\n    <Button\n      variant=\"ghostNeutral\"\n      iconName=\"arrowCircle\"\n      size=\"xs\"\n      disabled={!hasSelectedItems}\n      onClick={(): void => onToggle({ groupName, clear: true })}\n    >\n      Clear All\n    </Button>\n  );\n};\n","import React, { useCallback, useMemo, useState } from \"react\";\nimport { Menu as CMenu } from \"@chakra-ui/react/menu\";\nimport { Portal } from \"@chakra-ui/react/portal\";\nimport {\n  MenuButton,\n  MenuButtonProps,\n} from \"./components/MenuButton/menuButton.components\";\nimport {\n  MenuItem,\n  MenuItemProps,\n} from \"./components/MenuItem/menuItem.component\";\nimport { useCheckboxGroup } from \"@chakra-ui/react/checkbox\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Text } from \"components/Text/text.component\";\nimport { TextInput } from \"components/TextInput/textInput.component\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Spinner } from \"components/Spinner/spinner.component\";\nimport { MenuToggleButtons } from \"./components/MenuToggleButtons/menuToggleButtons\";\n\nexport type MenuListOnSelect =\n  | ((selectedItem: string | undefined, allSelectedItems?: string[]) => void)\n  | ((\n      selectedItem: string | undefined,\n      allSelectedItems?: string[],\n    ) => Promise<void>);\n\nexport type MenuListOnSelectAll =\n  | ((selectedItems: string[]) => void)\n  | ((selectedItems: string[]) => Promise<void>);\n\nexport interface MenuListProps extends Omit<CMenu.ContentProps, \"onSelect\"> {\n  canSelectAll?: boolean;\n  canSelectGroups?: boolean;\n  emptyStateText?: string;\n  loading?: boolean;\n  menuItems?: MenuItemProps[];\n  onSearch?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onSelect?: MenuListOnSelect;\n  onSelectAll?: MenuListOnSelectAll;\n  searchable?: boolean;\n  searchPlaceholder?: string;\n  shouldTruncateText?: boolean;\n}\n\nexport interface MenuProps extends Omit<CMenu.RootProps, \"children\"> {\n  buttonProps?: MenuButtonProps;\n  listProps?: MenuListProps;\n  portalled?: boolean;\n}\n\ninterface InternalMenuProps extends MenuProps {\n  submenuTrigger?: React.ReactNode;\n}\n\nexport const Menu = ({\n  buttonProps,\n  listProps,\n  portalled = false,\n  submenuTrigger,\n  ...rest\n}: InternalMenuProps): React.JSX.Element => {\n  const {\n    canSelectAll,\n    canSelectGroups,\n    emptyStateText = \"No results found\",\n    loading,\n    maxH = \"480px\",\n    menuItems = [],\n    minW = \"240px\",\n    onSearch,\n    onSelect,\n    onSelectAll,\n    searchable,\n    searchPlaceholder = \"Search...\",\n    shouldTruncateText,\n    ...restListProps\n  } = listProps || {};\n  const [searchText, setSearchText] = useState<string>(\"\");\n  const [filteredMenuItems, setFilteredMenuItems] =\n    useState<MenuItemProps[]>(menuItems);\n\n  // Menu Items\n  const groupedItems = useMemo(() => {\n    const groups: Record<string, Record<string, MenuItemProps[]>> = {};\n\n    filteredMenuItems?.forEach((item) => {\n      const group = item.groupLabel || \"default\";\n      // Default and submenu items are grouped under \"default\"\n      const type = item.type === \"checkbox\" ? \"checkbox\" : \"default\";\n\n      if (!groups[group]) {\n        groups[group] = {};\n      }\n\n      if (!groups[group][type]) {\n        groups[group][type] = [];\n      }\n\n      groups[group][type].push(item);\n    });\n\n    return groups;\n  }, [filteredMenuItems]);\n\n  const groups = useMemo(() => Object.entries(groupedItems), [groupedItems]);\n\n  // Checkbox State Management\n  const checkboxItems = useMemo(\n    () => menuItems?.filter((item) => item.type === \"checkbox\") || [],\n    [menuItems],\n  );\n\n  const defaultSelectedItems = useMemo(() => {\n    const selectedMenuItems =\n      checkboxItems?.filter((item) => item.checked) || [];\n    return selectedMenuItems.map((item) => item.value);\n  }, [checkboxItems]);\n\n  const selectedItems = useCheckboxGroup({\n    defaultValue: defaultSelectedItems,\n  });\n\n  // Search\n  const handleSearch = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const searchInput = e.target.value;\n      setSearchText(searchInput);\n\n      if (onSearch) {\n        onSearch(e);\n      } else {\n        if (searchInput === \"\" || !searchInput) {\n          setFilteredMenuItems(menuItems);\n        } else {\n          const filterdItems = menuItems.filter((item): boolean => {\n            const labelText =\n              typeof item.label === \"string\" ? item.label : item.valueText;\n\n            return !!labelText\n              ?.toLowerCase()\n              .includes(searchInput.toLowerCase());\n          });\n          setFilteredMenuItems(filterdItems);\n        }\n      }\n    },\n    [menuItems, onSearch],\n  );\n\n  // Selection\n  const handleToggle = useCallback(\n    ({ groupName, clear }: { groupName?: string; clear: boolean }) => {\n      let newValues: string[] = [];\n      if (groupName) {\n        const groupItems = checkboxItems\n          .filter((item) => item.groupLabel === groupName)\n          .map((item) => item.value);\n        newValues = clear\n          ? selectedItems.value.filter((value) => !groupItems.includes(value))\n          : [...selectedItems.value, ...groupItems];\n      } else {\n        newValues = clear ? [] : checkboxItems.map((item) => item.value);\n      }\n      onSelectAll?.(newValues);\n      selectedItems.setValue(newValues);\n    },\n    [checkboxItems, onSelectAll, selectedItems],\n  );\n\n  const handleSelect = useCallback(\n    (item: MenuItemProps) => {\n      item.onSelect?.(item.value);\n      const currentSelection = selectedItems.value;\n      const isItemSelected = selectedItems.isChecked(item.value);\n      onSelect?.(\n        item.value,\n        isItemSelected\n          ? currentSelection.filter((value) => value !== item.value)\n          : [...currentSelection, item.value],\n      );\n      if (item.type === \"checkbox\") {\n        selectedItems.toggleValue(item.value);\n      }\n    },\n    [onSelect, selectedItems],\n  );\n\n  // Cleanup\n  const handleCleanup = useCallback(\n    (open: boolean) => {\n      if (!open) {\n        setSearchText(\"\");\n        setFilteredMenuItems(menuItems);\n      }\n    },\n    [menuItems],\n  );\n\n  return (\n    <CMenu.Root\n      {...rest}\n      onOpenChange={(details) => {\n        handleCleanup(details.open);\n        rest.onOpenChange?.(details);\n      }}\n    >\n      {!submenuTrigger ? (\n        <CMenu.Trigger\n          asChild\n          className=\"Menu__Trigger\"\n          data-testid=\"kibble-menu-trigger\"\n        >\n          <MenuButton {...buttonProps} />\n        </CMenu.Trigger>\n      ) : (\n        submenuTrigger\n      )}\n      <Portal disabled={!portalled}>\n        <CMenu.Positioner className=\"Menu\" data-testid=\"kibble-menu\">\n          <CMenu.Content\n            className=\"Menu__Content\"\n            data-testid=\"kibble-menu-content\"\n            maxH={maxH}\n            minW={minW}\n            {...restListProps}\n          >\n            {(searchable || canSelectAll) && (\n              <Box\n                className=\"Menu__Header\"\n                data-testid=\"kibble-menu-header\"\n                m=\"0 12px 8px\"\n              >\n                {searchable && (\n                  <TextInput\n                    className=\"Menu__SearchBar\"\n                    data-testid=\"kibble-menu-search-bar\"\n                    placeholder={searchPlaceholder}\n                    onChange={handleSearch}\n                    size=\"sm\"\n                    value={searchText}\n                    clearable\n                    onClear={(): void => {\n                      setSearchText(\"\");\n                      handleSearch({\n                        target: { value: \"\" },\n                      } as React.ChangeEvent<HTMLInputElement>);\n                    }}\n                    formControlStyle={{ mt: 1 }}\n                  />\n                )}\n                {canSelectAll && !!checkboxItems.length && (\n                  <MenuToggleButtons\n                    onToggle={handleToggle}\n                    hasSelectedItems={!!selectedItems.value.length}\n                  />\n                )}\n              </Box>\n            )}\n            {!loading ? (\n              <Box className=\"Menu__List\" data-testid=\"kibble-menu-list\">\n                {groups.length ? (\n                  <>\n                    {groups.map(([groupLabel, types]) => {\n                      const isDefaultGroup = groupLabel === \"default\";\n                      const itemTypes = Object.keys(types);\n                      const MenuGroupContainer = !isDefaultGroup\n                        ? CMenu.ItemGroup\n                        : React.Fragment;\n                      const groupValues = types[\"checkbox\"]?.map(\n                        (item) => item.value,\n                      );\n                      const hasSelectedItems = groupValues?.some((value) =>\n                        selectedItems.value.includes(value),\n                      );\n                      return (\n                        <MenuGroupContainer key={groupLabel}>\n                          {!isDefaultGroup && (\n                            <CMenu.ItemGroupLabel>\n                              <Flex\n                                alignItems=\"center\"\n                                justifyContent=\"space-between\"\n                              >\n                                {groupLabel}\n                                {canSelectGroups &&\n                                  itemTypes.includes(\"checkbox\") && (\n                                    <MenuToggleButtons\n                                      groupName={groupLabel}\n                                      onToggle={handleToggle}\n                                      hasSelectedItems={hasSelectedItems}\n                                    />\n                                  )}\n                              </Flex>\n                            </CMenu.ItemGroupLabel>\n                          )}\n                          {Object.entries(types).map(([type, items]) =>\n                            items.map((item, index) => (\n                              <MenuItem\n                                key={`menu-item-${groupLabel}-${type}-${index}`}\n                                {...item}\n                                shouldTruncateText={shouldTruncateText}\n                                {...(item.type === \"checkbox\" && {\n                                  checked: selectedItems.isChecked(item.value),\n                                })}\n                                onSelect={() => handleSelect(item)}\n                              />\n                            )),\n                          )}\n                        </MenuGroupContainer>\n                      );\n                    })}\n                  </>\n                ) : (\n                  <>\n                    <Box textAlign=\"center\" p={3}>\n                      <Text size=\"sm\" variant=\"subtle\">\n                        {emptyStateText}\n                      </Text>\n                    </Box>\n                  </>\n                )}\n              </Box>\n            ) : (\n              <Flex justifyContent=\"center\" py={5}>\n                <Spinner />\n              </Flex>\n            )}\n          </CMenu.Content>\n        </CMenu.Positioner>\n      </Portal>\n    </CMenu.Root>\n  );\n};\n"],"names":["MenuButton","hideCaret","size","text","textProps","variant","rest","jsxs","Button","jsx","Text","Flex","Icon","MenuItem","label","leftElement","onSelect","shouldTruncateText","type","handleOnSelect","useCallback","Menu","CMenu.TriggerItem","MenuItemLabel","checked","value","checkboxRest","CMenu.CheckboxItem","Checkbox","selected","defaultRest","CMenu.Item","Fragment","MenuToggleButtons","groupName","hasSelectedItems","onToggle","isGrouped","Box","ClearAllButton","SelectAllButton","buttonProps","listProps","portalled","submenuTrigger","canSelectAll","canSelectGroups","emptyStateText","loading","maxH","menuItems","minW","onSearch","onSelectAll","searchable","searchPlaceholder","restListProps","searchText","setSearchText","useState","filteredMenuItems","setFilteredMenuItems","groupedItems","useMemo","groups","item","group","checkboxItems","defaultSelectedItems","selectedItems","useCheckboxGroup","handleSearch","e","searchInput","filterdItems","handleToggle","clear","newValues","groupItems","handleSelect","currentSelection","isItemSelected","handleCleanup","open","CMenu.Root","details","CMenu.Trigger","Portal","CMenu.Positioner","CMenu.Content","TextInput","Spinner","groupLabel","types","isDefaultGroup","itemTypes","MenuGroupContainer","React","CMenu.ItemGroup","CMenu.ItemGroupLabel","items","index"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-"use strict";const e=require("./vendor-DcKGwQlH.js"),i=require("react"),v=require("./button.component-C0WP_LB_.js"),z=require("./icon.component-BfsX-enJ.js"),S=require("./text.component-BEmVrJQy.js"),o=require("./chakra-C0NbsW66.js"),Z=require("./textInput.component-CWd-3re1.js"),ee=require("./spinner.component-BOvFHPif.js"),te=require("./checkbox.component-B8_UcvuT.js"),se=({hideCaret:n=!1,size:u="md",text:r,textProps:a,variant:d,...p})=>e.jsxRuntimeExports.jsxs(v.Button,{className:"Menu__Button","data-testid":"kibble-menu-button",size:u,variant:d,...p,children:[r&&e.jsxRuntimeExports.jsx(S.WrappedText,{className:"Menu__ButtonText","data-testid":"kibble-menu-button-text",fontWeight:"semibold",size:u,color:d?"inherit":a?.color||"text.contrast",truncate:!0,...a,children:r}),!n&&e.jsxRuntimeExports.jsx(o.Flex,{className:"Menu__ButtonCaret","data-testid":"kibble-menu-button-caret",children:e.jsxRuntimeExports.jsx(z.Icon,{name:"chevronDown",size:u==="lg"?"sm":"xs"})})]}),ne=({label:n,leftElement:u,onSelect:r,shouldTruncateText:a,type:d="default",variant:p,...j})=>{const k=i.useCallback(()=>{r&&r(j.value)},[r,j.value]);if(d==="submenu")return e.jsxRuntimeExports.jsx(V,{submenuTrigger:e.jsxRuntimeExports.jsxs(o.MenuTriggerItem,{className:"Menu__Item--Submenu","data-testid":"kibble-menu-item-submenu",justifyContent:"space-between",children:[e.jsxRuntimeExports.jsx(I,{label:n,leftElement:u,shouldTruncateText:a,variant:p}),e.jsxRuntimeExports.jsx(z.Icon,{name:"chevronRight",size:"sm"})]}),...j});if(d==="checkbox"){const{checked:b,value:E,...x}=j;return e.jsxRuntimeExports.jsxs(o.MenuCheckboxItem,{className:"Menu__Item--Checkbox","data-testid":"kibble-menu-item-checkbox",value:E,checked:!!b,onCheckedChange:k,closeOnSelect:j.closeOnSelect||!1,gap:3,...x,children:[e.jsxRuntimeExports.jsx(te.WrappedCheckbox,{checked:!!b,size:"md"}),e.jsxRuntimeExports.jsx(I,{label:n,leftElement:u,shouldTruncateText:a,variant:p})]})}if(d==="default"){const{selected:b,value:E,...x}=j;return e.jsxRuntimeExports.jsx(o.MenuItem,{className:"Menu__Item--Default","data-testid":"kibble-menu-item-default",value:E,onSelect:k,...b&&{bgColor:"background.secondaryAlpha.hover"},...x,children:e.jsxRuntimeExports.jsx(I,{label:n,leftElement:u,shouldTruncateText:a,variant:b?"info":p})})}return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})},I=({label:n,leftElement:u,shouldTruncateText:r,variant:a})=>e.jsxRuntimeExports.jsxs(o.Flex,{className:"Menu__ItemLabel",alignItems:"center",gap:3,children:[u,typeof n=="string"?e.jsxRuntimeExports.jsx(S.WrappedText,{size:"sm",truncated:r,variant:a,children:n}):n]}),O=({groupName:n,hasSelectedItems:u=!1,onToggle:r})=>{const a=!!n;return e.jsxRuntimeExports.jsx(o.Box,{className:"Menu__ToggleButtons","data-testid":"kibble-menu-toggle-buttons",...a?{textAlign:"right",w:"50%"}:{mt:2},children:a?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:u?e.jsxRuntimeExports.jsx(W,{hasSelectedItems:u,groupName:n,onToggle:r}):e.jsxRuntimeExports.jsx(G,{groupName:n,onToggle:r})}):e.jsxRuntimeExports.jsxs(o.Flex,{justifyContent:"space-between",children:[e.jsxRuntimeExports.jsx(G,{groupName:n,onToggle:r}),e.jsxRuntimeExports.jsx(W,{hasSelectedItems:u,groupName:n,onToggle:r})]})})},G=({groupName:n,onToggle:u})=>e.jsxRuntimeExports.jsx(v.Button,{variant:"ghost",size:"xs",onClick:()=>u({groupName:n,clear:!1}),children:"Select All"}),W=({hasSelectedItems:n,groupName:u,onToggle:r})=>e.jsxRuntimeExports.jsx(v.Button,{variant:"ghostNeutral",iconName:"arrowCircle",size:"xs",disabled:!n,onClick:()=>r({groupName:u,clear:!0}),children:"Clear All"}),V=({buttonProps:n,listProps:u,portalled:r=!1,submenuTrigger:a,...d})=>{const{canSelectAll:p,canSelectGroups:j,emptyStateText:k="No results found",loading:b,maxH:E="480px",menuItems:x=[],minW:L="240px",onSearch:M,onSelect:B,onSelectAll:T,searchable:y,searchPlaceholder:D="Search...",shouldTruncateText:P,...$}=u||{},[H,C]=i.useState(""),[N,_]=i.useState(x),F=i.useMemo(()=>{const t={};return N?.forEach(s=>{const c=s.groupLabel||"default",l=s.type==="checkbox"?"checkbox":"default";t[c]||(t[c]={}),t[c][l]||(t[c][l]=[]),t[c][l].push(s)}),t},[N]),q=i.useMemo(()=>Object.entries(F),[F]),R=i.useMemo(()=>x?.filter(t=>t.type==="checkbox")||[],[x]),J=i.useMemo(()=>(R?.filter(s=>s.checked)||[]).map(s=>s.value),[R]),m=e.useCheckboxGroup({defaultValue:J}),w=i.useCallback(t=>{const s=t.target.value;if(C(s),M)M(t);else if(s===""||!s)_(x);else{const c=x.filter(l=>!!(typeof l.label=="string"?l.label:l.valueText)?.toLowerCase().includes(s.toLowerCase()));_(c)}},[x,M]),A=i.useCallback(({groupName:t,clear:s})=>{let c=[];if(t){const l=R.filter(h=>h.groupLabel===t).map(h=>h.value);c=s?m.value.filter(h=>!l.includes(h)):[...m.value,...l]}else c=s?[]:R.map(l=>l.value);T?.(c),m.setValue(c)},[R,T,m]),K=i.useCallback(t=>{t.onSelect?.(t.value);const s=m.value,c=m.isChecked(t.value);B?.(t.value,c?s.filter(l=>l!==t.value):[...s,t.value]),t.type==="checkbox"&&m.toggleValue(t.value)},[B,m]),Q=i.useCallback(t=>{t||(C(""),_(x))},[x]);return e.jsxRuntimeExports.jsxs(o.MenuRoot,{...d,onOpenChange:t=>{Q(t.open),d.onOpenChange?.(t)},children:[a||e.jsxRuntimeExports.jsx(o.MenuTrigger,{asChild:!0,className:"Menu__Trigger","data-testid":"kibble-menu-trigger",children:e.jsxRuntimeExports.jsx(se,{...n})}),e.jsxRuntimeExports.jsx(e.Portal,{disabled:!r,children:e.jsxRuntimeExports.jsx(o.MenuPositioner,{className:"Menu","data-testid":"kibble-menu",children:e.jsxRuntimeExports.jsxs(o.MenuContent,{className:"Menu__Content","data-testid":"kibble-menu-content",maxH:E,minW:L,...$,children:[(y||p)&&e.jsxRuntimeExports.jsxs(o.Box,{className:"Menu__Header","data-testid":"kibble-menu-header",m:"0 12px 8px",children:[y&&e.jsxRuntimeExports.jsx(Z.WrappedTextInput,{className:"Menu__SearchBar","data-testid":"kibble-menu-search-bar",placeholder:D,onChange:w,size:"sm",value:H,clearable:!0,onClear:()=>{C(""),w({target:{value:""}})},formControlStyle:{mt:1}}),p&&!!R.length&&e.jsxRuntimeExports.jsx(O,{onToggle:A,hasSelectedItems:!!m.value.length})]}),b?e.jsxRuntimeExports.jsx(o.Flex,{justifyContent:"center",py:5,children:e.jsxRuntimeExports.jsx(ee.Spinner,{})}):e.jsxRuntimeExports.jsx(o.Box,{className:"Menu__List","data-testid":"kibble-menu-list",children:q.length?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:q.map(([t,s])=>{const c=t==="default",l=Object.keys(s),h=c?i.Fragment:o.MenuItemGroup,U=s.checkbox?.map(g=>g.value)?.some(g=>m.value.includes(g));return e.jsxRuntimeExports.jsxs(h,{children:[!c&&e.jsxRuntimeExports.jsx(o.MenuItemGroupLabel,{children:e.jsxRuntimeExports.jsxs(o.Flex,{alignItems:"center",justifyContent:"space-between",children:[t,j&&l.includes("checkbox")&&e.jsxRuntimeExports.jsx(O,{groupName:t,onToggle:A,hasSelectedItems:U})]})}),Object.entries(s).map(([g,X])=>X.map((f,Y)=>e.jsxRuntimeExports.jsx(ne,{...f,shouldTruncateText:P,...f.type==="checkbox"&&{checked:m.isChecked(f.value)},onSelect:()=>K(f)},`menu-item-${t}-${g}-${Y}`)))]},t)})}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(o.Box,{textAlign:"center",p:3,children:e.jsxRuntimeExports.jsx(S.WrappedText,{size:"sm",variant:"subtle",children:k})})})})]})})})]})};exports.Menu=V;
-//# sourceMappingURL=menu.component-DXMYm7dU.js.map

package/dist/chunks/menu.component-DXMYm7dU.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu.component-DXMYm7dU.js","sources":["../../src/components/Menu/components/MenuButton/menuButton.components.tsx","../../src/components/Menu/components/MenuItem/menuItem.component.tsx","../../src/components/Menu/components/MenuToggleButtons/menuToggleButtons.tsx","../../src/components/Menu/menu.component.tsx"],"sourcesContent":["import { Flex } from \"@chakra-ui/react/flex\";\nimport { Button, ButtonProps } from \"components/Button/button.component\";\nimport { Icon } from \"components/Icon/icon.component\";\nimport { Text, TextProps } from \"components/Text/text.component\";\nimport React from \"react\";\n\nexport interface MenuButtonProps extends Omit<ButtonProps, \"children\"> {\n  hideCaret?: boolean;\n  text?: string;\n  textProps?: TextProps;\n}\n\nexport const MenuButton = ({\n  hideCaret = false,\n  size = \"md\",\n  text,\n  textProps,\n  variant,\n  ...rest\n}: MenuButtonProps): React.JSX.Element => {\n  return (\n    <Button\n      className=\"Menu__Button\"\n      data-testid=\"kibble-menu-button\"\n      size={size}\n      variant={variant}\n      {...rest}\n    >\n      {text && (\n        <Text\n          className=\"Menu__ButtonText\"\n          data-testid=\"kibble-menu-button-text\"\n          fontWeight=\"semibold\"\n          size={size}\n          color={variant ? \"inherit\" : textProps?.color || \"text.contrast\"}\n          truncate\n          {...textProps}\n        >\n          {text}\n        </Text>\n      )}\n      {!hideCaret && (\n        <Flex\n          className=\"Menu__ButtonCaret\"\n          data-testid=\"kibble-menu-button-caret\"\n        >\n          <Icon name=\"chevronDown\" size={size === \"lg\" ? \"sm\" : \"xs\"} />\n        </Flex>\n      )}\n    </Button>\n  );\n};\n","import { Flex } from \"@chakra-ui/react/flex\";\nimport { Menu as CMenu } from \"@chakra-ui/react/menu\";\nimport React, { useCallback } from \"react\";\nimport { Text } from \"components/Text/text.component\";\nimport { MenuItemType } from \"./menuItem.types\";\nimport { Menu, MenuProps } from \"components/Menu\";\nimport { TypographyVariant } from \"shared/types/typography\";\nimport { Checkbox } from \"components/Checkbox/checkbox.component\";\nimport { Icon } from \"components/Icon/icon.component\";\n\ninterface BaseMenuItemProps {\n  label?: React.ReactNode;\n  leftElement?: React.ReactNode;\n  groupLabel?: string;\n  onSelect?: (value: string) => void;\n  shouldTruncateText?: boolean;\n  type?: MenuItemType;\n  value: string;\n  variant?: TypographyVariant;\n}\n\ninterface DefaultMenuItemProps extends Omit<CMenu.ItemProps, \"onSelect\"> {\n  type?: \"default\";\n  selected?: boolean;\n}\n\ninterface CheckboxMenuItemProps\n  extends Omit<CMenu.CheckboxItemProps, \"onSelect\"> {\n  type: \"checkbox\";\n  checked: boolean;\n}\n\ninterface SubmenuMenuItemProps extends Omit<MenuProps, \"buttonProps\"> {\n  type: \"submenu\";\n  valueText?: string;\n}\n\nexport type MenuItemProps = BaseMenuItemProps &\n  (DefaultMenuItemProps | CheckboxMenuItemProps | SubmenuMenuItemProps);\n\nexport const MenuItem = ({\n  label,\n  leftElement,\n  onSelect,\n  shouldTruncateText,\n  type = \"default\",\n  variant,\n  ...rest\n}: MenuItemProps): React.JSX.Element => {\n  const handleOnSelect = useCallback(() => {\n    if (onSelect) {\n      onSelect(rest.value);\n    }\n  }, [onSelect, rest.value]);\n\n  if (type === \"submenu\") {\n    return (\n      <Menu\n        submenuTrigger={\n          <CMenu.TriggerItem\n            className=\"Menu__Item--Submenu\"\n            data-testid=\"kibble-menu-item-submenu\"\n            justifyContent=\"space-between\"\n          >\n            <MenuItemLabel\n              label={label}\n              leftElement={leftElement}\n              shouldTruncateText={shouldTruncateText}\n              variant={variant}\n            />\n            <Icon name=\"chevronRight\" size=\"sm\" />\n          </CMenu.TriggerItem>\n        }\n        {...rest}\n      />\n    );\n  }\n\n  if (type === \"checkbox\") {\n    const { checked, value, ...checkboxRest } = rest as CheckboxMenuItemProps;\n    return (\n      <CMenu.CheckboxItem\n        className=\"Menu__Item--Checkbox\"\n        data-testid=\"kibble-menu-item-checkbox\"\n        value={value}\n        checked={!!checked}\n        onCheckedChange={handleOnSelect}\n        closeOnSelect={rest.closeOnSelect || false}\n        gap={3}\n        {...checkboxRest}\n      >\n        <Checkbox checked={!!checked} size=\"md\" />\n        <MenuItemLabel\n          label={label}\n          leftElement={leftElement}\n          shouldTruncateText={shouldTruncateText}\n          variant={variant}\n        />\n      </CMenu.CheckboxItem>\n    );\n  }\n\n  if (type === \"default\") {\n    const { selected, value, ...defaultRest } = rest as DefaultMenuItemProps;\n    return (\n      <CMenu.Item\n        className=\"Menu__Item--Default\"\n        data-testid=\"kibble-menu-item-default\"\n        value={value}\n        onSelect={handleOnSelect}\n        {...(selected && { bgColor: \"background.secondaryAlpha.hover\" })}\n        {...defaultRest}\n      >\n        <MenuItemLabel\n          label={label}\n          leftElement={leftElement}\n          shouldTruncateText={shouldTruncateText}\n          variant={selected ? \"info\" : variant}\n        />\n      </CMenu.Item>\n    );\n  }\n\n  return <></>;\n};\n\nconst MenuItemLabel = ({\n  label,\n  leftElement,\n  shouldTruncateText,\n  variant,\n}: {\n  label?: React.ReactNode;\n  leftElement?: React.ReactNode;\n  shouldTruncateText?: boolean;\n  variant?: TypographyVariant;\n}): React.JSX.Element => {\n  return (\n    <Flex className=\"Menu__ItemLabel\" alignItems=\"center\" gap={3}>\n      {leftElement}\n      {typeof label === \"string\" ? (\n        <Text size=\"sm\" truncated={shouldTruncateText} variant={variant}>\n          {label}\n        </Text>\n      ) : (\n        label\n      )}\n    </Flex>\n  );\n};\n","import { Box } from \"@chakra-ui/react/box\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Button } from \"components/Button/button.component\";\n\ninterface MenuToggleButtonsProps {\n  hasSelectedItems?: boolean;\n  groupName?: string;\n  onToggle: ({\n    groupName,\n    clear,\n  }: {\n    clear: boolean;\n    groupName?: string;\n  }) => void;\n}\n\nexport const MenuToggleButtons = ({\n  groupName,\n  hasSelectedItems = false,\n  onToggle,\n}: MenuToggleButtonsProps): React.JSX.Element => {\n  const isGrouped = !!groupName;\n  return (\n    <Box\n      className=\"Menu__ToggleButtons\"\n      data-testid=\"kibble-menu-toggle-buttons\"\n      {...(isGrouped ? { textAlign: \"right\", w: \"50%\" } : { mt: 2 })}\n    >\n      {isGrouped ? (\n        <>\n          {hasSelectedItems ? (\n            <ClearAllButton\n              hasSelectedItems={hasSelectedItems}\n              groupName={groupName}\n              onToggle={onToggle}\n            />\n          ) : (\n            <SelectAllButton groupName={groupName} onToggle={onToggle} />\n          )}\n        </>\n      ) : (\n        <Flex justifyContent=\"space-between\">\n          <SelectAllButton groupName={groupName} onToggle={onToggle} />\n          <ClearAllButton\n            hasSelectedItems={hasSelectedItems}\n            groupName={groupName}\n            onToggle={onToggle}\n          />\n        </Flex>\n      )}\n    </Box>\n  );\n};\n\nconst SelectAllButton = ({\n  groupName,\n  onToggle,\n}: MenuToggleButtonsProps): React.JSX.Element => {\n  return (\n    <Button\n      variant=\"ghost\"\n      size=\"xs\"\n      onClick={(): void => onToggle({ groupName, clear: false })}\n    >\n      Select All\n    </Button>\n  );\n};\n\nconst ClearAllButton = ({\n  hasSelectedItems,\n  groupName,\n  onToggle,\n}: MenuToggleButtonsProps): React.JSX.Element => {\n  return (\n    <Button\n      variant=\"ghostNeutral\"\n      iconName=\"arrowCircle\"\n      size=\"xs\"\n      disabled={!hasSelectedItems}\n      onClick={(): void => onToggle({ groupName, clear: true })}\n    >\n      Clear All\n    </Button>\n  );\n};\n","import React, { useCallback, useMemo, useState } from \"react\";\nimport { Menu as CMenu } from \"@chakra-ui/react/menu\";\nimport { Portal } from \"@chakra-ui/react/portal\";\nimport {\n  MenuButton,\n  MenuButtonProps,\n} from \"./components/MenuButton/menuButton.components\";\nimport {\n  MenuItem,\n  MenuItemProps,\n} from \"./components/MenuItem/menuItem.component\";\nimport { useCheckboxGroup } from \"@chakra-ui/react/checkbox\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Text } from \"components/Text/text.component\";\nimport { TextInput } from \"components/TextInput/textInput.component\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Spinner } from \"components/Spinner/spinner.component\";\nimport { MenuToggleButtons } from \"./components/MenuToggleButtons/menuToggleButtons\";\n\nexport type MenuListOnSelect =\n  | ((selectedItem: string | undefined, allSelectedItems?: string[]) => void)\n  | ((\n      selectedItem: string | undefined,\n      allSelectedItems?: string[],\n    ) => Promise<void>);\n\nexport type MenuListOnSelectAll =\n  | ((selectedItems: string[]) => void)\n  | ((selectedItems: string[]) => Promise<void>);\n\nexport interface MenuListProps extends Omit<CMenu.ContentProps, \"onSelect\"> {\n  canSelectAll?: boolean;\n  canSelectGroups?: boolean;\n  emptyStateText?: string;\n  loading?: boolean;\n  menuItems?: MenuItemProps[];\n  onSearch?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onSelect?: MenuListOnSelect;\n  onSelectAll?: MenuListOnSelectAll;\n  searchable?: boolean;\n  searchPlaceholder?: string;\n  shouldTruncateText?: boolean;\n}\n\nexport interface MenuProps extends Omit<CMenu.RootProps, \"children\"> {\n  buttonProps?: MenuButtonProps;\n  listProps?: MenuListProps;\n  portalled?: boolean;\n}\n\ninterface InternalMenuProps extends MenuProps {\n  submenuTrigger?: React.ReactNode;\n}\n\nexport const Menu = ({\n  buttonProps,\n  listProps,\n  portalled = false,\n  submenuTrigger,\n  ...rest\n}: InternalMenuProps): React.JSX.Element => {\n  const {\n    canSelectAll,\n    canSelectGroups,\n    emptyStateText = \"No results found\",\n    loading,\n    maxH = \"480px\",\n    menuItems = [],\n    minW = \"240px\",\n    onSearch,\n    onSelect,\n    onSelectAll,\n    searchable,\n    searchPlaceholder = \"Search...\",\n    shouldTruncateText,\n    ...restListProps\n  } = listProps || {};\n  const [searchText, setSearchText] = useState<string>(\"\");\n  const [filteredMenuItems, setFilteredMenuItems] =\n    useState<MenuItemProps[]>(menuItems);\n\n  // Menu Items\n  const groupedItems = useMemo(() => {\n    const groups: Record<string, Record<string, MenuItemProps[]>> = {};\n\n    filteredMenuItems?.forEach((item) => {\n      const group = item.groupLabel || \"default\";\n      // Default and submenu items are grouped under \"default\"\n      const type = item.type === \"checkbox\" ? \"checkbox\" : \"default\";\n\n      if (!groups[group]) {\n        groups[group] = {};\n      }\n\n      if (!groups[group][type]) {\n        groups[group][type] = [];\n      }\n\n      groups[group][type].push(item);\n    });\n\n    return groups;\n  }, [filteredMenuItems]);\n\n  const groups = useMemo(() => Object.entries(groupedItems), [groupedItems]);\n\n  // Checkbox State Management\n  const checkboxItems = useMemo(\n    () => menuItems?.filter((item) => item.type === \"checkbox\") || [],\n    [menuItems],\n  );\n\n  const defaultSelectedItems = useMemo(() => {\n    const selectedMenuItems =\n      checkboxItems?.filter((item) => item.checked) || [];\n    return selectedMenuItems.map((item) => item.value);\n  }, [checkboxItems]);\n\n  const selectedItems = useCheckboxGroup({\n    defaultValue: defaultSelectedItems,\n  });\n\n  // Search\n  const handleSearch = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const searchInput = e.target.value;\n      setSearchText(searchInput);\n\n      if (onSearch) {\n        onSearch(e);\n      } else {\n        if (searchInput === \"\" || !searchInput) {\n          setFilteredMenuItems(menuItems);\n        } else {\n          const filterdItems = menuItems.filter((item): boolean => {\n            const labelText =\n              typeof item.label === \"string\" ? item.label : item.valueText;\n\n            return !!labelText\n              ?.toLowerCase()\n              .includes(searchInput.toLowerCase());\n          });\n          setFilteredMenuItems(filterdItems);\n        }\n      }\n    },\n    [menuItems, onSearch],\n  );\n\n  // Selection\n  const handleToggle = useCallback(\n    ({ groupName, clear }: { groupName?: string; clear: boolean }) => {\n      let newValues: string[] = [];\n      if (groupName) {\n        const groupItems = checkboxItems\n          .filter((item) => item.groupLabel === groupName)\n          .map((item) => item.value);\n        newValues = clear\n          ? selectedItems.value.filter((value) => !groupItems.includes(value))\n          : [...selectedItems.value, ...groupItems];\n      } else {\n        newValues = clear ? [] : checkboxItems.map((item) => item.value);\n      }\n      onSelectAll?.(newValues);\n      selectedItems.setValue(newValues);\n    },\n    [checkboxItems, onSelectAll, selectedItems],\n  );\n\n  const handleSelect = useCallback(\n    (item: MenuItemProps) => {\n      item.onSelect?.(item.value);\n      const currentSelection = selectedItems.value;\n      const isItemSelected = selectedItems.isChecked(item.value);\n      onSelect?.(\n        item.value,\n        isItemSelected\n          ? currentSelection.filter((value) => value !== item.value)\n          : [...currentSelection, item.value],\n      );\n      if (item.type === \"checkbox\") {\n        selectedItems.toggleValue(item.value);\n      }\n    },\n    [onSelect, selectedItems],\n  );\n\n  // Cleanup\n  const handleCleanup = useCallback(\n    (open: boolean) => {\n      if (!open) {\n        setSearchText(\"\");\n        setFilteredMenuItems(menuItems);\n      }\n    },\n    [menuItems],\n  );\n\n  return (\n    <CMenu.Root\n      {...rest}\n      onOpenChange={(details) => {\n        handleCleanup(details.open);\n        rest.onOpenChange?.(details);\n      }}\n    >\n      {!submenuTrigger ? (\n        <CMenu.Trigger\n          asChild\n          className=\"Menu__Trigger\"\n          data-testid=\"kibble-menu-trigger\"\n        >\n          <MenuButton {...buttonProps} />\n        </CMenu.Trigger>\n      ) : (\n        submenuTrigger\n      )}\n      <Portal disabled={!portalled}>\n        <CMenu.Positioner className=\"Menu\" data-testid=\"kibble-menu\">\n          <CMenu.Content\n            className=\"Menu__Content\"\n            data-testid=\"kibble-menu-content\"\n            maxH={maxH}\n            minW={minW}\n            {...restListProps}\n          >\n            {(searchable || canSelectAll) && (\n              <Box\n                className=\"Menu__Header\"\n                data-testid=\"kibble-menu-header\"\n                m=\"0 12px 8px\"\n              >\n                {searchable && (\n                  <TextInput\n                    className=\"Menu__SearchBar\"\n                    data-testid=\"kibble-menu-search-bar\"\n                    placeholder={searchPlaceholder}\n                    onChange={handleSearch}\n                    size=\"sm\"\n                    value={searchText}\n                    clearable\n                    onClear={(): void => {\n                      setSearchText(\"\");\n                      handleSearch({\n                        target: { value: \"\" },\n                      } as React.ChangeEvent<HTMLInputElement>);\n                    }}\n                    formControlStyle={{ mt: 1 }}\n                  />\n                )}\n                {canSelectAll && !!checkboxItems.length && (\n                  <MenuToggleButtons\n                    onToggle={handleToggle}\n                    hasSelectedItems={!!selectedItems.value.length}\n                  />\n                )}\n              </Box>\n            )}\n            {!loading ? (\n              <Box className=\"Menu__List\" data-testid=\"kibble-menu-list\">\n                {groups.length ? (\n                  <>\n                    {groups.map(([groupLabel, types]) => {\n                      const isDefaultGroup = groupLabel === \"default\";\n                      const itemTypes = Object.keys(types);\n                      const MenuGroupContainer = !isDefaultGroup\n                        ? CMenu.ItemGroup\n                        : React.Fragment;\n                      const groupValues = types[\"checkbox\"]?.map(\n                        (item) => item.value,\n                      );\n                      const hasSelectedItems = groupValues?.some((value) =>\n                        selectedItems.value.includes(value),\n                      );\n                      return (\n                        <MenuGroupContainer key={groupLabel}>\n                          {!isDefaultGroup && (\n                            <CMenu.ItemGroupLabel>\n                              <Flex\n                                alignItems=\"center\"\n                                justifyContent=\"space-between\"\n                              >\n                                {groupLabel}\n                                {canSelectGroups &&\n                                  itemTypes.includes(\"checkbox\") && (\n                                    <MenuToggleButtons\n                                      groupName={groupLabel}\n                                      onToggle={handleToggle}\n                                      hasSelectedItems={hasSelectedItems}\n                                    />\n                                  )}\n                              </Flex>\n                            </CMenu.ItemGroupLabel>\n                          )}\n                          {Object.entries(types).map(([type, items]) =>\n                            items.map((item, index) => (\n                              <MenuItem\n                                key={`menu-item-${groupLabel}-${type}-${index}`}\n                                {...item}\n                                shouldTruncateText={shouldTruncateText}\n                                {...(item.type === \"checkbox\" && {\n                                  checked: selectedItems.isChecked(item.value),\n                                })}\n                                onSelect={() => handleSelect(item)}\n                              />\n                            )),\n                          )}\n                        </MenuGroupContainer>\n                      );\n                    })}\n                  </>\n                ) : (\n                  <>\n                    <Box textAlign=\"center\" p={3}>\n                      <Text size=\"sm\" variant=\"subtle\">\n                        {emptyStateText}\n                      </Text>\n                    </Box>\n                  </>\n                )}\n              </Box>\n            ) : (\n              <Flex justifyContent=\"center\" py={5}>\n                <Spinner />\n              </Flex>\n            )}\n          </CMenu.Content>\n        </CMenu.Positioner>\n      </Portal>\n    </CMenu.Root>\n  );\n};\n"],"names":["MenuButton","hideCaret","size","text","textProps","variant","rest","jsxs","Button","jsx","Text","Flex","Icon","MenuItem","label","leftElement","onSelect","shouldTruncateText","type","handleOnSelect","useCallback","Menu","CMenu.TriggerItem","MenuItemLabel","checked","value","checkboxRest","CMenu.CheckboxItem","Checkbox","selected","defaultRest","CMenu.Item","Fragment","MenuToggleButtons","groupName","hasSelectedItems","onToggle","isGrouped","Box","ClearAllButton","SelectAllButton","buttonProps","listProps","portalled","submenuTrigger","canSelectAll","canSelectGroups","emptyStateText","loading","maxH","menuItems","minW","onSearch","onSelectAll","searchable","searchPlaceholder","restListProps","searchText","setSearchText","useState","filteredMenuItems","setFilteredMenuItems","groupedItems","useMemo","groups","item","group","checkboxItems","defaultSelectedItems","selectedItems","useCheckboxGroup","handleSearch","e","searchInput","filterdItems","handleToggle","clear","newValues","groupItems","handleSelect","currentSelection","isItemSelected","handleCleanup","open","CMenu.Root","details","CMenu.Trigger","Portal","CMenu.Positioner","CMenu.Content","TextInput","Spinner","groupLabel","types","isDefaultGroup","itemTypes","MenuGroupContainer","React","CMenu.ItemGroup","CMenu.ItemGroupLabel","items","index"],"mappings":"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"}