@tedi-design-system/react 19.1.0-rc.1 → 19.1.0-rc.3

package/src/tedi/components/filter/filter/filter.es.js

@@ -1,235 +1,245 @@
 import { jsxs as p, Fragment as g, jsx as t } from "react/jsx-runtime";
-import ue from "../../../../../external/classnames/index.es.js";
-import Je, { forwardRef as Ke, useContext as Qe, useRef as Ue, useState as O, useMemo as S, useEffect as Ve, useCallback as C } from "react";
-import { Icon as fe } from "../../base/icon/icon.es.js";
-import { Button as J } from "../../buttons/button/button.es.js";
-import { Checkbox as me } from "../../form/checkbox/checkbox.es.js";
-import { Search as Xe } from "../../form/search/search.es.js";
+import Q from "../../../../../external/classnames/index.es.js";
+import Qe, { forwardRef as Ue, useContext as Ve, useRef as Xe, useState as P, useMemo as _, useEffect as Ye, useCallback as y } from "react";
+import { Icon as pe } from "../../base/icon/icon.es.js";
+import { Button as U } from "../../buttons/button/button.es.js";
+import { Checkbox as ve } from "../../form/checkbox/checkbox.es.js";
+import { Search as et } from "../../form/search/search.es.js";
 import { Dropdown as c } from "../../overlays/dropdown/dropdown.es.js";
-import { StatusBadge as Ye } from "../../tags/status-badge/status-badge.es.js";
-import i from "./filter.module.scss.es.js";
-import { FilterGroupContext as et } from "./filter-group-context.es.js";
-import { useBreakpointProps as tt } from "../../../helpers/hooks/use-breakpoint-props.es.js";
-import { useLabels as lt } from "../../../providers/label-provider/use-labels.es.js";
-const he = (_) => _ === "large" ? 24 : 18, rt = (_) => {
-  const v = Je.useId();
-  return _ ?? `tedi-filter-${v.replace(/[^a-zA-Z0-9-]/g, "")}`;
-}, it = Ke((_, v) => {
-  const { getCurrentBreakpointProps: pe } = tt(_.defaultServerBreakpoint), {
+import { StatusBadge as tt } from "../../tags/status-badge/status-badge.es.js";
+import r from "./filter.module.scss.es.js";
+import { FilterGroupContext as lt } from "./filter-group-context.es.js";
+import { useBreakpointProps as rt } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+import { useLabels as it } from "../../../providers/label-provider/use-labels.es.js";
+const be = (S) => S === "large" ? 24 : 18, nt = (S) => {
+  const v = Qe.useId();
+  return S ?? `tedi-filter-${v.replace(/[^a-zA-Z0-9-]/g, "")}`;
+}, st = Ue((S, v) => {
+  const { getCurrentBreakpointProps: ge } = rt(S.defaultServerBreakpoint), {
     text: w,
-    value: k,
-    disabled: ve = !1,
-    className: be,
-    id: K,
-    selected: y,
-    defaultSelected: Q = !1,
+    value: C,
+    disabled: _e = !1,
+    className: Se,
+    id: V,
+    selected: k,
+    defaultSelected: X = !1,
     onSelectedChange: I,
-    selectedValue: L,
-    defaultSelectedValue: ge,
+    selectedValue: x,
+    defaultSelectedValue: we,
     onSelectedValueChange: d,
-    multiselect: U = !1,
+    multiselect: Y = !1,
     selectedValues: u,
-    defaultSelectedValues: Se,
+    defaultSelectedValues: xe,
     onSelectedValuesChange: s,
     options: N = [],
-    searchable: _e = !1,
-    showSelectAll: we = !1,
-    selectAllLabel: Le,
-    showClear: V = !1,
-    clearLabel: Ne,
-    preserveLabel: X = !1,
-    children: Y,
-    onClear: P,
-    prepend: A,
-    hidePrependWhenSelected: xe = !0,
-    append: R,
-    placement: Ce = "bottom-start",
-    variant: ke = "primary",
-    size: M = "default",
-    searchLabel: ee
-  } = pe(_), { getLabel: te } = lt(), ye = Le ?? te("filter.select-all"), le = Ne ?? te("filter.clear-selection"), n = Qe(et), B = rt(K), Ie = Ue(null), G = N.length > 0, $ = !!Y, b = G || $, f = G && !U, m = G && U, F = !!(n != null && n.isManaged) && k !== void 0 && !b, D = F && !(n != null && n.multiselect), re = ve || ((n == null ? void 0 : n.disabled) ?? !1), [Be, $e] = O(Q), [Fe, ie] = O(ge ?? ""), [Oe, j] = O(Se ?? []);
-  $ && (Q || I) && y === void 0 && console.warn(
+    searchable: Ne = !1,
+    showSelectAll: Le = !1,
+    selectAllLabel: ye,
+    showClear: ee = !1,
+    clearLabel: Ce,
+    preserveLabel: te = !1,
+    children: le,
+    onClear: T,
+    prepend: R,
+    hidePrependWhenSelected: ke = !0,
+    append: G,
+    placement: Ie = "bottom-start",
+    variant: $e = "primary",
+    size: H = "default",
+    searchLabel: re,
+    maxHeight: z
+  } = ge(S), { getLabel: ie } = it(), Be = ye ?? ie("filter.select-all"), ne = Ce ?? ie("filter.clear-selection"), $ = z === void 0 ? void 0 : typeof z == "number" ? `${z}px` : z, n = Ve(lt), B = nt(V), Fe = Xe(null), D = N.length > 0, F = !!le, b = D || F, f = D && !Y, m = D && Y, O = !!(n != null && n.isManaged) && C !== void 0 && !b, j = O && !(n != null && n.multiselect), se = _e || ((n == null ? void 0 : n.disabled) ?? !1), [Oe, Pe] = P(X), [Te, oe] = P(we ?? ""), [ze, E] = P(xe ?? []);
+  F && (X || I) && k === void 0 && console.warn(
     "[Filter] `defaultSelected` and `onSelectedChange` are not honoured in custom-content mode (when `children` is provided). Drive the selected state yourself via the controlled `selected` prop, e.g. `selected={Boolean(value)}`."
   );
-  const T = y !== void 0 ? y : Be, h = L !== void 0 ? L : Fe, r = u !== void 0 ? u : Oe, x = S(() => F ? n.isSelected(k) : m ? r.length > 0 : f ? h !== "" : T, [F, k, n, m, r, f, h, T]), z = S(() => {
+  const A = k !== void 0 ? k : Oe, h = x !== void 0 ? x : Te, i = u !== void 0 ? u : ze, L = _(() => O ? n.isSelected(C) : m ? i.length > 0 : f ? h !== "" : A, [O, C, n, m, i, f, h, A]), M = _(() => {
     var e;
     return !f || !h ? null : ((e = N.find((l) => l.value === h)) == null ? void 0 : e.label) ?? null;
-  }, [f, h, N]), Pe = S(() => f ? z && X ? `${w}: ${z}` : z ?? w : w, [f, z, X, w]), [E, ne] = O(!1), [W, se] = O("");
-  Ve(() => {
-    E || se("");
-  }, [E]);
-  const Z = S(() => {
-    const e = W.trim().toLowerCase();
+  }, [f, h, N]), Ae = _(() => f ? M && te ? `${w}: ${M}` : M ?? w : w, [f, M, te, w]), [W, ae] = P(!1), [Z, ce] = P("");
+  Ye(() => {
+    W || ce("");
+  }, [W]);
+  const q = _(() => {
+    const e = Z.trim().toLowerCase();
     return e ? N.filter((l) => l.label.toLowerCase().includes(e)) : N;
-  }, [W, N]), a = S(() => Z.filter((e) => !e.disabled), [Z]), q = S(() => a.length === 0 ? !1 : a.every((e) => r.includes(e.value)), [a, r]), Te = S(() => {
-    if (a.length === 0) return !1;
-    const e = a.filter((l) => r.includes(l.value)).length;
-    return e > 0 && e < a.length;
-  }, [a, r]), ze = C(
+  }, [Z, N]), o = _(() => q.filter((e) => !e.disabled), [q]), J = _(() => o.length === 0 ? !1 : o.every((e) => i.includes(e.value)), [o, i]), Me = _(() => {
+    if (o.length === 0) return !1;
+    const e = o.filter((l) => i.includes(l.value)).length;
+    return e > 0 && e < o.length;
+  }, [o, i]), Re = y(
     (e) => {
-      Ie.current = e, typeof v == "function" ? v(e) : v && (v.current = e);
+      Fe.current = e, typeof v == "function" ? v(e) : v && (v.current = e);
     },
     [v]
-  ), Ae = C(() => {
-    if (F) {
-      n.selectFilter(k);
+  ), Ge = y(() => {
+    if (O) {
+      n.selectFilter(C);
       return;
     }
-    const e = !T;
-    y === void 0 && $e(e), I == null || I(e);
-  }, [F, n, k, T, y, I]), Re = C(
+    const e = !A;
+    k === void 0 && Pe(e), I == null || I(e);
+  }, [O, n, C, A, k, I]), He = y(
     (e) => {
       const l = h === e ? "" : e;
-      L === void 0 && ie(l), d == null || d(l);
+      x === void 0 && oe(l), d == null || d(l);
     },
-    [h, L, d]
-  ), Me = C(
+    [h, x, d]
+  ), De = y(
     (e) => {
-      const l = r.includes(e) ? r.filter((o) => o !== e) : [...r, e];
-      u === void 0 && j(l), s == null || s(l);
+      const l = i.includes(e) ? i.filter((a) => a !== e) : [...i, e];
+      u === void 0 && E(l), s == null || s(l);
     },
-    [r, u, s]
-  ), Ge = C(() => {
+    [i, u, s]
+  ), je = y(() => {
     let e;
-    if (q) {
-      const l = new Set(a.map((o) => o.value));
-      e = r.filter((o) => !l.has(o));
+    if (J) {
+      const l = new Set(o.map((a) => a.value));
+      e = i.filter((a) => !l.has(a));
     } else {
-      const l = new Set(r);
-      a.forEach((o) => l.add(o.value)), e = [...l];
+      const l = new Set(i);
+      o.forEach((a) => l.add(a.value)), e = [...l];
     }
-    u === void 0 && j(e), s == null || s(e);
-  }, [q, a, r, u, s]), ae = C(() => {
-    $ ? P == null || P() : m ? (u === void 0 && j([]), s == null || s([])) : f && (L === void 0 && ie(""), d == null || d("")), ne(!1);
+    u === void 0 && E(e), s == null || s(e);
+  }, [J, o, i, u, s]), de = y(() => {
+    F ? T == null || T() : m ? (u === void 0 && E([]), s == null || s([])) : f && (x === void 0 && oe(""), d == null || d("")), ae(!1);
   }, [
-    $,
-    P,
+    F,
+    T,
     m,
     u,
     s,
     f,
-    L,
+    x,
     d
-  ]), De = x && xe, je = D ? "radio" : void 0, Ee = D ? x : void 0, We = !b && !D ? x : void 0, Ze = /* @__PURE__ */ p(g, { children: [
-    !b && x && /* @__PURE__ */ t(fe, { className: i["tedi-filter__icon"], name: "check", size: he(M), color: "inherit" }),
-    A != null && /* @__PURE__ */ t(
+  ]), Ee = L && ke, We = j ? "radio" : void 0, Ze = j ? L : void 0, qe = !b && !j ? L : void 0, Je = /* @__PURE__ */ p(g, { children: [
+    !b && L && /* @__PURE__ */ t(pe, { className: r["tedi-filter__icon"], name: "check", size: be(H), color: "inherit" }),
+    R != null && /* @__PURE__ */ t(
       "span",
       {
-        className: ue(i["tedi-filter__prepend"], {
-          [i["tedi-filter__prepend--hidden"]]: De
+        className: Q(r["tedi-filter__prepend"], {
+          [r["tedi-filter__prepend--hidden"]]: Ee
         }),
-        children: A
+        children: R
       }
     ),
-    /* @__PURE__ */ t("span", { className: i["tedi-filter__text"], children: Pe }),
-    R != null && /* @__PURE__ */ t("span", { className: i["tedi-filter__append"], children: R }),
-    m && x && r.length > 0 && /* @__PURE__ */ t(Ye, { className: i["tedi-filter__count"], color: re ? "neutral" : "brand", children: String(r.length) }),
+    /* @__PURE__ */ t("span", { className: r["tedi-filter__text"], children: Ae }),
+    G != null && /* @__PURE__ */ t("span", { className: r["tedi-filter__append"], children: G }),
+    m && L && i.length > 0 && /* @__PURE__ */ t(tt, { className: r["tedi-filter__count"], color: se ? "neutral" : "brand", children: String(i.length) }),
     b && /* @__PURE__ */ t(
-      fe,
+      pe,
       {
-        className: i["tedi-filter__icon"],
+        className: r["tedi-filter__icon"],
         name: "arrow_drop_down",
         filled: !0,
-        size: he(M),
+        size: be(H),
         color: "inherit"
       }
     )
-  ] }), oe = ue(
-    i["tedi-filter"],
-    i[`tedi-filter--${ke}`],
-    M === "large" && i["tedi-filter--large"],
-    x && i["tedi-filter--selected"],
-    be
-  ), ce = /* @__PURE__ */ t(
-    J,
+  ] }), ue = Q(
+    r["tedi-filter"],
+    r[`tedi-filter--${$e}`],
+    H === "large" && r["tedi-filter--large"],
+    L && r["tedi-filter--selected"],
+    Se
+  ), fe = /* @__PURE__ */ t(
+    U,
     {
-      ref: ze,
-      id: K,
+      ref: Re,
+      id: V,
       type: "button",
-      disabled: re,
-      className: i["tedi-filter__button"],
-      onClick: b ? void 0 : Ae,
-      role: b ? void 0 : je,
-      "aria-checked": Ee,
-      "aria-pressed": We,
+      disabled: se,
+      className: r["tedi-filter__button"],
+      onClick: b ? void 0 : Ge,
+      role: b ? void 0 : We,
+      "aria-checked": Ze,
+      "aria-pressed": qe,
       noStyle: !0,
-      children: Ze
+      children: Je
     }
   );
   if (!b)
-    return /* @__PURE__ */ t("div", { className: oe, children: ce });
-  const H = m && we ? 0 : null, qe = H !== null ? 1 : 0, He = () => Z.map((e, l) => {
-    const o = m ? r.includes(e.value) : h === e.value, de = l + qe;
-    return m ? /* @__PURE__ */ t(c.Item, { index: de, asChild: !0, disabled: e.disabled, closeOnSelect: !1, children: /* @__PURE__ */ t(
-      me,
+    return /* @__PURE__ */ t("div", { className: ue, children: fe });
+  const K = m && Le ? 0 : null, Ke = K !== null ? 1 : 0, me = () => q.map((e, l) => {
+    const a = m ? i.includes(e.value) : h === e.value, he = l + Ke;
+    return m ? /* @__PURE__ */ t(c.Item, { index: he, asChild: !0, disabled: e.disabled, closeOnSelect: !1, children: /* @__PURE__ */ t(
+      ve,
       {
         id: `${B}-option-${l}`,
         label: e.label,
         value: e.value,
-        checked: o,
+        checked: a,
         disabled: e.disabled,
-        onChange: () => Me(e.value),
+        onChange: () => De(e.value),
         name: `${B}-options`
       }
     ) }, e.value) : /* @__PURE__ */ t(
       c.Item,
       {
-        index: de,
+        index: he,
         disabled: e.disabled,
-        active: o,
-        onClick: () => Re(e.value),
+        active: a,
+        onClick: () => He(e.value),
         children: e.label
       },
       e.value
     );
   });
-  return /* @__PURE__ */ t("div", { className: oe, children: /* @__PURE__ */ p(c, { open: E, onOpenChange: ne, placement: Ce, width: "auto", children: [
-    /* @__PURE__ */ t(c.Trigger, { children: ce }),
-    /* @__PURE__ */ t(c.Content, { children: $ ? /* @__PURE__ */ p(g, { children: [
-      /* @__PURE__ */ t("div", { className: i["tedi-filter-dropdown__custom-content"], children: Y }),
-      V && /* @__PURE__ */ p(g, { children: [
+  return /* @__PURE__ */ t("div", { className: ue, children: /* @__PURE__ */ p(c, { open: W, onOpenChange: ae, placement: Ie, width: "auto", children: [
+    /* @__PURE__ */ t(c.Trigger, { children: fe }),
+    /* @__PURE__ */ t(c.Content, { children: F ? /* @__PURE__ */ p(g, { children: [
+      /* @__PURE__ */ t(
+        "div",
+        {
+          className: Q(r["tedi-filter-dropdown__custom-content"], {
+            [r["tedi-filter-dropdown__options"]]: $ !== void 0
+          }),
+          style: $ !== void 0 ? { maxHeight: $ } : void 0,
+          children: le
+        }
+      ),
+      ee && /* @__PURE__ */ p(g, { children: [
         /* @__PURE__ */ t(c.Separator, {}),
-        /* @__PURE__ */ t("div", { className: i["tedi-filter-dropdown__clear"], children: /* @__PURE__ */ t(J, { visualType: "neutral", size: "small", type: "button", iconLeft: "refresh", onClick: ae, children: le }) })
+        /* @__PURE__ */ t("div", { className: r["tedi-filter-dropdown__clear"], children: /* @__PURE__ */ t(U, { visualType: "neutral", size: "small", type: "button", iconLeft: "refresh", onClick: de, children: ne }) })
       ] })
     ] }) : /* @__PURE__ */ p(g, { children: [
-      _e && /* @__PURE__ */ p(g, { children: [
-        /* @__PURE__ */ t("div", { className: i["tedi-filter-dropdown__search"], children: /* @__PURE__ */ t(
-          Xe,
+      Ne && /* @__PURE__ */ p(g, { children: [
+        /* @__PURE__ */ t("div", { className: r["tedi-filter-dropdown__search"], children: /* @__PURE__ */ t(
+          et,
           {
             id: `${B}-search`,
-            label: ee ?? w,
+            label: re ?? w,
             hideLabel: !0,
-            ariaLabel: ee ?? w,
-            value: W,
-            onChange: se
+            ariaLabel: re ?? w,
+            value: Z,
+            onChange: ce
           }
         ) }),
         /* @__PURE__ */ t(c.Separator, {})
       ] }),
-      H !== null && /* @__PURE__ */ p(g, { children: [
-        /* @__PURE__ */ t(c.Item, { index: H, asChild: !0, closeOnSelect: !1, children: /* @__PURE__ */ t(
-          me,
+      K !== null && /* @__PURE__ */ p(g, { children: [
+        /* @__PURE__ */ t(c.Item, { index: K, asChild: !0, closeOnSelect: !1, children: /* @__PURE__ */ t(
+          ve,
           {
             id: `${B}-select-all`,
-            label: ye,
+            label: Be,
             value: "select-all",
-            checked: q,
-            indeterminate: Te,
-            onChange: Ge,
+            checked: J,
+            indeterminate: Me,
+            onChange: je,
             name: `${B}-select-all`
           }
         ) }),
         /* @__PURE__ */ t(c.Separator, {})
       ] }),
-      He(),
-      V && /* @__PURE__ */ p(g, { children: [
+      $ !== void 0 ? /* @__PURE__ */ t("div", { className: r["tedi-filter-dropdown__options"], style: { maxHeight: $ }, children: me() }) : me(),
+      ee && /* @__PURE__ */ p(g, { children: [
         /* @__PURE__ */ t(c.Separator, {}),
-        /* @__PURE__ */ t("div", { className: i["tedi-filter-dropdown__clear"], children: /* @__PURE__ */ t(J, { visualType: "neutral", size: "small", type: "button", iconLeft: "refresh", onClick: ae, children: le }) })
+        /* @__PURE__ */ t("div", { className: r["tedi-filter-dropdown__clear"], children: /* @__PURE__ */ t(U, { visualType: "neutral", size: "small", type: "button", iconLeft: "refresh", onClick: de, children: ne }) })
       ] })
     ] }) })
   ] }) });
 });
-it.displayName = "Filter";
+st.displayName = "Filter";
 export {
-  it as Filter
+  st as Filter
 };

package/src/tedi/components/filter/filter/filter.module.scss.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-filter":"tedi-filter-e3f2f618","tedi-filter__button":"tedi-filter__button-b7abc5ed","tedi-filter__text":"tedi-filter__text-2c4eaab6","tedi-filter__icon":"tedi-filter__icon-1b8e93f2","tedi-filter__prepend":"tedi-filter__prepend-68dc0007","tedi-filter__append":"tedi-filter__append-bdb27679","tedi-filter__prepend--hidden":"tedi-filter__prepend--hidden-5039af1e","tedi-filter__count":"tedi-filter__count-d72acead","tedi-filter--primary":"tedi-filter--primary-837108e8","tedi-filter--selected":"tedi-filter--selected-7273f310","tedi-filter--secondary":"tedi-filter--secondary-8aaf488e","tedi-filter--large":"tedi-filter--large-f7f46174","tedi-filter-group":"tedi-filter-group-9d16304d","tedi-filter-dropdown__custom-content":"tedi-filter-dropdown__custom-content-6e851b26","tedi-filter-dropdown__search":"tedi-filter-dropdown__search-dbb4e1a3","tedi-filter-dropdown__clear":"tedi-filter-dropdown__clear-fa4e6a11"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-filter":"tedi-filter-e3f2f618","tedi-filter__button":"tedi-filter__button-b7abc5ed","tedi-filter__text":"tedi-filter__text-2c4eaab6","tedi-filter__icon":"tedi-filter__icon-1b8e93f2","tedi-filter__prepend":"tedi-filter__prepend-68dc0007","tedi-filter__append":"tedi-filter__append-bdb27679","tedi-filter__prepend--hidden":"tedi-filter__prepend--hidden-5039af1e","tedi-filter__count":"tedi-filter__count-d72acead","tedi-filter--primary":"tedi-filter--primary-837108e8","tedi-filter--selected":"tedi-filter--selected-7273f310","tedi-filter--secondary":"tedi-filter--secondary-8aaf488e","tedi-filter--large":"tedi-filter--large-f7f46174","tedi-filter-group":"tedi-filter-group-9d16304d","tedi-filter-dropdown__custom-content":"tedi-filter-dropdown__custom-content-6e851b26","tedi-filter-dropdown__search":"tedi-filter-dropdown__search-dbb4e1a3","tedi-filter-dropdown__clear":"tedi-filter-dropdown__clear-fa4e6a11","tedi-filter-dropdown__options":"tedi-filter-dropdown__options-45f2e9a4"};exports.default=e;

package/src/tedi/components/filter/filter/filter.module.scss.es.js

@@ -14,7 +14,8 @@ const e = {
   "tedi-filter-group": "tedi-filter-group-9d16304d",
   "tedi-filter-dropdown__custom-content": "tedi-filter-dropdown__custom-content-6e851b26",
   "tedi-filter-dropdown__search": "tedi-filter-dropdown__search-dbb4e1a3",
-  "tedi-filter-dropdown__clear": "tedi-filter-dropdown__clear-fa4e6a11"
+  "tedi-filter-dropdown__clear": "tedi-filter-dropdown__clear-fa4e6a11",
+  "tedi-filter-dropdown__options": "tedi-filter-dropdown__options-45f2e9a4"
 };
 export {
   e as default

package/src/tedi/components/layout/sidenav/components/sidenav-item/sidenav-item.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),f=require("react"),n=require("../../../../../../../external/classnames/index.cjs.js"),P=require("../../../../base/icon/icon.cjs.js"),y=require("../../../../content/collapse/collapse.cjs.js"),k=require("../../../../navigation/link/link.cjs.js"),s=require("../../sidenav.module.scss.cjs.js"),J=require("../sidenav-dropdown/sidenav-dropdown.cjs.js"),K=require("../../../../../providers/label-provider/use-labels.cjs.js"),h=require("../../../../overlays/tooltip/tooltip.cjs.js"),D=M=>{const{icon:t,children:i,isActive:g,onClick:x,subItems:C,subItemGroups:O,as:j,onItemClick:v,className:E,level:d=1,isCollapsed:c=!1,isDefaultOpen:R=!1,sideNavItemSize:B="default",...u}=M,{getLabel:T}=K.useLabels(),[o,$]=f.useState(R??!1),[S,z]=f.useState(!1),N=f.useId(),m=O??(C?[{subItems:C}]:null),l=!!m,F=d>1&&l,H=n.default(s.default["tedi-sidenav__item"],s.default[`tedi-sidenav__item--${B}`],{[s.default[`tedi-sidenav__item--level-${d}`]]:d>1,[s.default["tedi-sidenav__item--current"]]:g,[s.default["tedi-sidenav__item--has-children"]]:l,[s.default["tedi-sidenav__item--with-tree"]]:F},E),_=a=>{const r={color:"white",className:n.default(s.default["tedi-sidenav__icon"])},p=typeof a=="string"?{...r,name:a}:{...r,...a,className:n.default(r.className,a==null?void 0:a.className)};return e.jsx(P.Icon,{...p})},A=a=>{x==null||x(a),l||v==null||v()},w=a=>{$(a)},G=l&&(u.href||u.to),b={...u,as:j,onClick:A,className:n.default(s.default["tedi-sidenav__link"],G&&s.default["tedi-sidenav__link--has-children-link"]),noStyle:!0,role:"menuitem","aria-current":g?"page":void 0,"aria-label":c&&typeof i=="string"?i:void 0,...l?{"aria-haspopup":"true","aria-expanded":o,"aria-controls":N}:{}},I=()=>!c&&(m==null?void 0:m.map((a,L)=>{var r;return e.jsxs("div",{children:[(a==null?void 0:a.subHeading)&&e.jsx("div",{className:s.default["tedi-sidenav__subheading"],children:a.subHeading}),e.jsx("ul",{className:s.default["tedi-sidenav__list"],role:"menu",children:(r=a.subItems)==null?void 0:r.map((p,W)=>f.createElement(D,{as:j,...p,key:W,level:d+1,onItemClick:v,isCollapsed:c,className:n.default(s.default["tedi-sidenav__sub-item"],p.className)}))})]},L)})),q=e.jsx("li",{"data-name":"sidenav-item",className:H,children:l&&c?e.jsx(J.SideNavDropdown,{trigger:e.jsx(h.Tooltip.Trigger,{children:e.jsxs("span",{className:n.default(s.default["tedi-sidenav__link"],S&&s.default["tedi-sidenav__link--active"]),children:[t&&_(t),e.jsx(P.Icon,{name:S?"chevron_right":"expand_more",color:"white",className:s.default["tedi-sidenav__toggle-icon"],size:18}),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:i})]})}),as:j,groups:m,onOpenChange:z}):l&&d===1?u.href||u.to?e.jsxs(e.Fragment,{children:[e.jsxs(k.Link,{...b,children:[t&&_(t),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:i})]}),e.jsx("div",{className:s.default["tedi-sidenav__link-collapse-wrapper"],children:e.jsx(y.Collapse,{id:N,hideCollapseText:!0,inverted:!0,open:o,onToggle:w,toggleLabel:T("sidenav.toggleSubmenuChildren",{isCollapsedInternal:o,children:i}),className:s.default["tedi-sidenav__collapse"],titleRowProps:{element:"span"},children:I()})})]}):e.jsx(y.Collapse,{id:N,hideCollapseText:!0,inverted:!0,fullRowToggle:!0,open:o,onToggle:w,className:s.default["tedi-sidenav__collapse"],titleRowProps:{element:"span"},toggleLabel:T("sidenav.toggleSubmenuChildren",{isCollapsedInternal:o,children:i}),title:e.jsxs("span",{className:n.default(s.default["tedi-sidenav__link"],o&&s.default["tedi-sidenav__link--active"]),"aria-current":g?"page":void 0,children:[t&&_(t),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:i})]}),children:I()}):l?e.jsxs(e.Fragment,{children:[e.jsxs(k.Link,{...b,children:[t&&_(t),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:i}),e.jsx("i",{className:s.default["tedi-sidenav__bullet"]})]}),I()]}):e.jsx(h.Tooltip.Trigger,{children:e.jsxs(k.Link,{...b,children:[t&&_(t),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:i})]})})});return d===1&&c?e.jsxs(h.Tooltip,{placement:"right",focusManager:void 0,children:[e.jsx(h.Tooltip.Content,{maxWidth:"medium",children:i}),q]}):q};exports.SideNavItem=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("react"),n=require("../../../../../../../external/classnames/index.cjs.js"),P=require("../../../../base/icon/icon.cjs.js"),R=require("../../../../content/collapse/collapse.cjs.js"),I=require("../../../../navigation/link/link.cjs.js"),s=require("../../sidenav.module.scss.cjs.js"),J=require("../sidenav-dropdown/sidenav-dropdown.cjs.js"),K=require("../../../../../providers/label-provider/use-labels.cjs.js"),Q=require("../../../../../helpers/hooks/use-safe-id.cjs.js"),p=require("../../../../overlays/tooltip/tooltip.cjs.js"),y=D=>{const{icon:a,children:i,isActive:h,onClick:g,subItems:k,subItemGroups:M,as:x,onItemClick:v,className:O,level:d=1,isCollapsed:r=!1,isDefaultOpen:E=!1,sideNavItemSize:A="default",...c}=D,{getLabel:C}=K.useLabels(),[u,B]=b.useState(E??!1),[S,$]=b.useState(!1),T=Q.useSafeId("sidenav-collapse"),m=M??(k?[{subItems:k}]:null),l=!!m,z=d>1&&l,F=n.default(s.default["tedi-sidenav__item"],s.default[`tedi-sidenav__item--${A}`],{[s.default[`tedi-sidenav__item--level-${d}`]]:d>1,[s.default["tedi-sidenav__item--current"]]:h,[s.default["tedi-sidenav__item--has-children"]]:l,[s.default["tedi-sidenav__item--with-tree"]]:z},O),_=t=>{const o={color:"white",className:n.default(s.default["tedi-sidenav__icon"])},f=typeof t=="string"?{...o,name:t}:{...o,...t,className:n.default(o.className,t==null?void 0:t.className)};return e.jsx(P.Icon,{...f})},H=t=>{g==null||g(t),l||v==null||v()},q=t=>{B(t)},G=l&&(c.href||c.to),j={...c,as:x,onClick:H,className:n.default(s.default["tedi-sidenav__link"],G&&s.default["tedi-sidenav__link--has-children-link"]),noStyle:!0,"aria-current":h?"page":void 0,"aria-label":r&&typeof i=="string"?i:void 0},N=()=>!r&&(m==null?void 0:m.map((t,L)=>{var o;return e.jsxs("div",{children:[(t==null?void 0:t.subHeading)&&e.jsx("div",{className:s.default["tedi-sidenav__subheading"],children:t.subHeading}),e.jsx("ul",{className:s.default["tedi-sidenav__list"],children:(o=t.subItems)==null?void 0:o.map((f,W)=>b.createElement(y,{as:x,...f,key:W,level:d+1,onItemClick:v,isCollapsed:r,className:n.default(s.default["tedi-sidenav__sub-item"],f.className)}))})]},L)})),w=e.jsx("li",{"data-name":"sidenav-item",className:F,children:l&&r?e.jsx(J.SideNavDropdown,{trigger:e.jsx(p.Tooltip.Trigger,{children:e.jsxs("span",{className:n.default(s.default["tedi-sidenav__link"],S&&s.default["tedi-sidenav__link--active"]),children:[a&&_(a),e.jsx(P.Icon,{name:S?"chevron_right":"expand_more",color:"white",className:s.default["tedi-sidenav__toggle-icon"],size:18}),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:i})]})}),as:x,groups:m,onOpenChange:$}):l&&d===1?c.href||c.to?e.jsxs(e.Fragment,{children:[e.jsxs(I.Link,{...j,children:[a&&_(a),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:i})]}),e.jsx("div",{className:s.default["tedi-sidenav__link-collapse-wrapper"],children:e.jsx(R.Collapse,{id:T,hideCollapseText:!0,inverted:!0,contentAsRegion:!1,open:u,onToggle:q,toggleLabel:C("sidenav.toggleSubmenuChildren",{isCollapsedInternal:u,children:i}),className:s.default["tedi-sidenav__collapse"],titleRowProps:{element:"span"},children:N()})})]}):e.jsx(R.Collapse,{id:T,hideCollapseText:!0,inverted:!0,fullRowToggle:!0,contentAsRegion:!1,open:u,onToggle:q,className:s.default["tedi-sidenav__collapse"],titleRowProps:{element:"span"},toggleLabel:C("sidenav.toggleSubmenuChildren",{isCollapsedInternal:u,children:i}),title:e.jsxs("span",{className:n.default(s.default["tedi-sidenav__link"],u&&s.default["tedi-sidenav__link--active"]),"aria-current":h?"page":void 0,children:[a&&_(a),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:i})]}),children:N()}):l?e.jsxs(e.Fragment,{children:[e.jsxs(I.Link,{...j,children:[a&&_(a),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:i}),e.jsx("i",{className:s.default["tedi-sidenav__bullet"]})]}),N()]}):e.jsx(p.Tooltip.Trigger,{children:e.jsxs(I.Link,{...j,children:[a&&_(a),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:i})]})})});return d===1&&r?e.jsxs(p.Tooltip,{placement:"right",focusManager:void 0,children:[e.jsx(p.Tooltip.Content,{maxWidth:"medium",children:i}),w]}):w};exports.SideNavItem=y;