@techzyapp/ui-library 1.0.37 → 1.0.38

package/dist/Sidebar-nORfjIg8.js

@@ -1,565 +0,0 @@
-import { jsx as u, jsxs as x, Fragment as O } from "react/jsx-runtime";
-import { useMemo as w, useState as T, useRef as q, useEffect as y } from "react";
-import { Navigate as H, useRouterState as g, useRouter as F, useNavigate as j, Link as L } from "@tanstack/react-router";
-import { clsx as G } from "clsx";
-import { I as K } from "./Icon-CGQ5yGSZ.js";
-import { L as B } from "./List-CXHlAI5w.js";
-import { L as R } from "./ListItem-ehFB7TUW.js";
-import { T as Q } from "./TextField-otYGVuwF.js";
-import { T as X } from "./Typography-ChSuxgkc.js";
-import { u as J, h as Z } from "./access-Db4knwyR.js";
-import { a as ee } from "./ConfigProvider-DZMtq2Fz.js";
-const te = "_nav_2n8z4_4", ne = "_module_2n8z4_17", oe = "_search_2n8z4_25", ae = "_searchPanel_2n8z4_31", se = "_moduleLabel_2n8z4_46", le = "_leaves_2n8z4_57", re = "_navBadge_2n8z4_62", ce = "_navDot_2n8z4_74", ie = "_leafDot_2n8z4_82", ue = "_collapsible_2n8z4_91", de = "_collapsibleClosed_2n8z4_96", fe = "_collapsibleInner_2n8z4_99", me = "_chevron_2n8z4_105", he = "_chevronButton_2n8z4_115", m = {
-  nav: te,
-  module: ne,
-  search: oe,
-  searchPanel: ae,
-  moduleLabel: se,
-  leaves: le,
-  navBadge: re,
-  navDot: ce,
-  leafDot: ie,
-  collapsible: ue,
-  collapsibleClosed: de,
-  collapsibleInner: fe,
-  chevron: me,
-  chevronButton: he
-}, C = R, be = (e) => e.split("-").map((n) => n.charAt(0).toUpperCase() + n.slice(1)).join(" "), V = (e) => e.replace(/^\/+|\/+$/g, ""), z = (e) => e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, E = (e, n) => e.order - n.order || e.label.localeCompare(n.label);
-function pe(e) {
-  const n = [];
-  for (const l of e) {
-    const s = l.staticData, a = V(l.fullPath);
-    !(s != null && s.name) || !a || n.push({ path: a, name: s.name, sd: s });
-  }
-  const t = new Map(n.map((l) => [l.path, l])), o = n.map((l) => l.path), r = (l) => o.some((s) => {
-    var a;
-    return s !== l && s.startsWith(`${l}/`) && !((a = t.get(s)) != null && a.sd.hidden);
-  }), c = new Set(e.map((l) => l.fullPath)), i = (l) => c.has(`/${l}/`), f = (l, s) => {
-    const a = t.get(l);
-    return {
-      label: (a == null ? void 0 : a.name) ?? be(s),
-      icon: a == null ? void 0 : a.sd.icon,
-      badge: a == null ? void 0 : a.sd.badge,
-      dot: a == null ? void 0 : a.sd.dot,
-      order: (a == null ? void 0 : a.sd.order) ?? Number.POSITIVE_INFINITY
-    };
-  }, p = /* @__PURE__ */ new Map(), d = (l) => {
-    let s = p.get(l);
-    if (!s) {
-      const a = f(l, l);
-      s = { label: a.label, icon: a.icon, order: a.order, groups: /* @__PURE__ */ new Map() }, p.set(l, s);
-    }
-    return s;
-  }, v = [];
-  for (const { path: l, name: s, sd: a } of n) {
-    const b = l.split("/");
-    if (b.length <= 2 && r(l) || a.hidden) continue;
-    if (b.length === 1) {
-      v.push({
-        label: s,
-        to: `/${l}`,
-        icon: a.icon,
-        badge: a.badge,
-        dot: a.dot,
-        order: a.order ?? Number.POSITIVE_INFINITY
-      });
-      continue;
-    }
-    const S = d(b[0]);
-    if (b.length === 2)
-      S.groups.set(l, {
-        label: s,
-        icon: a.icon,
-        to: `/${l}`,
-        badge: a.badge,
-        dot: a.dot,
-        order: a.order ?? Number.POSITIVE_INFINITY,
-        leaves: [],
-        isContainer: !1
-      });
-    else {
-      const N = b.slice(0, 2).join("/");
-      let P = S.groups.get(N);
-      if (!P) {
-        const I = f(N, b[1]);
-        P = {
-          label: I.label,
-          icon: I.icon,
-          badge: I.badge,
-          dot: I.dot,
-          order: I.order,
-          to: i(N) ? `/${N}` : void 0,
-          leaves: [],
-          isContainer: !0
-        }, S.groups.set(N, P);
-      }
-      P.leaves.push({
-        label: s,
-        to: `/${l}`,
-        icon: a.icon,
-        badge: a.badge,
-        dot: a.dot,
-        order: a.order ?? Number.POSITIVE_INFINITY
-      });
-    }
-  }
-  const h = v.map((l) => ({
-    order: l.order,
-    label: l.label,
-    item: {
-      kind: "link",
-      link: { label: l.label, to: l.to, icon: l.icon, badge: l.badge, dot: l.dot }
-    }
-  })), k = [...p.values()].map((l) => ({
-    order: l.order,
-    label: l.label,
-    item: {
-      kind: "module",
-      module: {
-        module: l.label,
-        icon: l.icon,
-        groups: [...l.groups.values()].sort(E).map(
-          (s) => ({
-            label: s.label,
-            icon: s.icon,
-            to: s.to,
-            badge: s.badge,
-            dot: s.dot,
-            children: s.isContainer ? s.leaves.sort(E).map((a) => ({
-              label: a.label,
-              to: a.to,
-              icon: a.icon,
-              badge: a.badge,
-              dot: a.dot
-            })) : void 0
-          })
-        )
-      }
-    }
-  })), _ = [...h, ...k].sort(E).map((l) => l.item);
-  return {
-    items: _,
-    links: _.flatMap((l) => l.kind === "link" ? [l.link] : []),
-    modules: _.flatMap((l) => l.kind === "module" ? [l.module] : [])
-  };
-}
-function M() {
-  const e = F(), n = J();
-  return w(
-    () => pe(
-      Object.values(e.looseRoutesById).map((t) => {
-        var o;
-        return {
-          fullPath: t.fullPath,
-          staticData: (o = t.options) == null ? void 0 : o.staticData
-        };
-      }).filter((t) => {
-        var o;
-        return Z((o = t.staticData) == null ? void 0 : o.roles);
-      })
-    ),
-    [e, n]
-  );
-}
-function Y(e) {
-  var n;
-  for (const t of e.items) {
-    if (t.kind === "link") return t.link.to;
-    for (const o of t.module.groups) {
-      if (o.to) return o.to;
-      const r = (n = o.children) == null ? void 0 : n[0];
-      if (r) return r.to;
-    }
-  }
-}
-function ve() {
-  return Y(M());
-}
-function ge(e) {
-  var t;
-  const n = /* @__PURE__ */ new Map();
-  for (const o of e) {
-    const r = (t = o.staticData) == null ? void 0 : t.name;
-    if (!r) continue;
-    const c = z(o.fullPath);
-    n.has(c) || n.set(c, r);
-  }
-  return n;
-}
-function U(e, n) {
-  const t = [];
-  let o = "";
-  for (const r of V(e).split("/").filter(Boolean)) {
-    o += `/${r}`;
-    const c = n.get(o);
-    c && t.push({ name: c, to: o });
-  }
-  return t;
-}
-function W() {
-  const e = F();
-  return w(
-    () => ge(
-      Object.values(e.looseRoutesById).map((n) => {
-        var t;
-        return {
-          fullPath: n.fullPath,
-          staticData: (t = n.options) == null ? void 0 : t.staticData
-        };
-      })
-    ),
-    [e]
-  );
-}
-function A(e, n) {
-  if (e != null)
-    return typeof e == "function" ? e(n) : e;
-}
-function _e(e, n, t) {
-  return A(e, t) ?? A(n, t);
-}
-function ke() {
-  var n;
-  const e = g({ select: (t) => t.matches });
-  for (let t = e.length - 1; t >= 0; t--) {
-    const o = A(
-      (n = e[t].staticData) == null ? void 0 : n.title,
-      e[t].params ?? {}
-    );
-    if (o) return o;
-  }
-}
-function Ne(e, n) {
-  if (!(e == null || e === !1))
-    return e === !0 ? { kind: "history" } : { kind: "navigate", to: typeof e == "function" ? e(n) : e };
-}
-function Ke() {
-  var o;
-  const e = F(), n = j(), t = g({ select: (r) => r.matches });
-  for (let r = t.length - 1; r >= 0; r--) {
-    const c = (o = t[r].staticData) == null ? void 0 : o.back;
-    if (c == null) continue;
-    const i = Ne(c, t[r].params ?? {});
-    return i ? i.kind === "history" ? () => e.history.back() : () => n({ to: i.to }) : void 0;
-  }
-}
-function Ie() {
-  const e = g({ select: (n) => n.matches });
-  for (let n = e.length - 1; n >= 0; n--) {
-    const t = e[n].staticData, o = _e(
-      t == null ? void 0 : t.breadcrumb,
-      t == null ? void 0 : t.title,
-      e[n].params ?? {}
-    );
-    if (o) return o;
-  }
-}
-function Ve() {
-  var n;
-  const e = g({ select: (t) => t.matches });
-  for (let t = e.length - 1; t >= 0; t--) {
-    const o = (n = e[t].staticData) == null ? void 0 : n.actions;
-    if (o != null && o.length) return o;
-  }
-}
-function Ye() {
-  const e = ke(), n = W(), t = g({ select: (r) => r.location.pathname });
-  if (e != null) return e;
-  const o = U(t, n);
-  return o.length > 0 ? o[o.length - 1].name : void 0;
-}
-function De(e) {
-  const n = /* @__PURE__ */ new Set();
-  for (const t of e.links) n.add(t.to);
-  for (const t of e.modules)
-    for (const o of t.groups) {
-      o.to && n.add(o.to);
-      for (const r of o.children ?? []) n.add(r.to);
-    }
-  return n;
-}
-function Pe(e, n) {
-  const { leafPath: t, leafTitle: o, navigable: r } = n, c = e.map(({ name: i, to: f }) => ({
-    label: i,
-    to: f !== t && r.has(f) ? f : void 0
-  }));
-  return o && (e.length > 0 && e[e.length - 1].to === t ? c[c.length - 1] = { label: o } : c.push({ label: o })), c;
-}
-function Ue() {
-  const e = M(), n = W(), t = g({ select: (i) => i.location.pathname }), o = Ie(), r = Y(e), c = Pe(U(t, n), {
-    leafPath: z(t),
-    leafTitle: o,
-    navigable: De(e)
-  });
-  return { homeTo: r, items: c };
-}
-function We() {
-  const e = ve();
-  return e ? /* @__PURE__ */ u(H, { to: e }) : null;
-}
-function qe() {
-  const { items: e } = M(), n = g({ select: (c) => c.location.pathname }), t = [];
-  let o = [];
-  const r = () => {
-    if (o.length === 0) return;
-    const c = o;
-    o = [], t.push(
-      /* @__PURE__ */ u(B, { children: c.map((i) => /* @__PURE__ */ u(
-        C,
-        {
-          as: L,
-          to: i.to,
-          icon: i.icon,
-          selected: $(n, i.to),
-          clickable: !0,
-          trailing: D(i.badge, i.dot),
-          children: i.label
-        },
-        i.to
-      )) }, `links-${c[0].to}`)
-    );
-  };
-  for (const c of e) {
-    if (c.kind === "link") {
-      o.push(c.link);
-      continue;
-    }
-    r();
-    const i = c.module;
-    t.push(
-      /* @__PURE__ */ x("div", { className: m.module, children: [
-        /* @__PURE__ */ u(
-          X,
-          {
-            as: "div",
-            variant: "caption",
-            color: "muted",
-            uppercase: !0,
-            className: m.moduleLabel,
-            children: i.module
-          }
-        ),
-        /* @__PURE__ */ u(B, { children: i.groups.map((f) => /* @__PURE__ */ u(Be, { group: f, pathname: n }, f.label)) })
-      ] }, `mod-${i.module}`)
-    );
-  }
-  return r(), /* @__PURE__ */ u("nav", { className: m.nav, children: t });
-}
-function Te(e) {
-  const n = [];
-  for (const t of e.links) n.push({ label: t.label, to: t.to });
-  for (const t of e.modules)
-    for (const o of t.groups) {
-      o.to && n.push({ label: o.label, to: o.to, context: t.module });
-      for (const r of o.children ?? [])
-        n.push({
-          label: r.label,
-          to: r.to,
-          context: `${t.module} · ${o.label}`
-        });
-    }
-  return n;
-}
-const ye = 8;
-function He() {
-  const e = ee(), n = M(), t = j(), o = w(() => Te(n), [n]), [r, c] = T(""), [i, f] = T(!1), [p, d] = T(0), v = q(null), h = w(() => {
-    const s = r.trim().toLowerCase();
-    return s ? o.filter(
-      (a) => {
-        var b;
-        return a.label.toLowerCase().includes(s) || (((b = a.context) == null ? void 0 : b.toLowerCase().includes(s)) ?? !1);
-      }
-    ).slice(0, ye) : [];
-  }, [o, r]), k = i && h.length > 0;
-  y(() => d(0), [r]), y(() => {
-    d((s) => s > h.length - 1 ? Math.max(0, h.length - 1) : s);
-  }, [h.length]), y(() => {
-    if (!i) return;
-    const s = (a) => {
-      v.current && !v.current.contains(a.target) && f(!1);
-    };
-    return document.addEventListener("pointerdown", s), () => document.removeEventListener("pointerdown", s);
-  }, [i]);
-  const _ = (s) => {
-    t({ to: s }), c(""), f(!1);
-  }, l = (s) => {
-    if (k)
-      if (s.key === "ArrowDown")
-        s.preventDefault(), d((a) => (a + 1) % h.length);
-      else if (s.key === "ArrowUp")
-        s.preventDefault(), d((a) => (a - 1 + h.length) % h.length);
-      else if (s.key === "Enter") {
-        s.preventDefault();
-        const a = h[p];
-        a && _(a.to);
-      } else s.key === "Escape" && f(!1);
-  };
-  return /* @__PURE__ */ x(
-    "div",
-    {
-      ref: v,
-      className: m.search,
-      role: "combobox",
-      "aria-expanded": k,
-      "aria-haspopup": "listbox",
-      children: [
-        /* @__PURE__ */ u(
-          Q,
-          {
-            value: r,
-            onChange: (s) => {
-              c(s.target.value), f(!0);
-            },
-            onFocus: () => f(!0),
-            onKeyDown: l,
-            adornment: /* @__PURE__ */ u(K, { name: "SearchNormal" }),
-            placeholder: e("sidebar.searchPages"),
-            "aria-label": e("sidebar.searchPages"),
-            autoComplete: "off"
-          }
-        ),
-        k ? /* @__PURE__ */ u("div", { className: m.searchPanel, children: /* @__PURE__ */ u(B, { role: "listbox", children: h.map((s, a) => /* @__PURE__ */ u(
-          R,
-          {
-            description: s.context,
-            clickable: !0,
-            selected: a === p,
-            onMouseDown: (b) => b.preventDefault(),
-            onMouseEnter: () => d(a),
-            onClick: () => _(s.to),
-            children: s.label
-          },
-          s.to
-        )) }) }) : null
-      ]
-    }
-  );
-}
-function $(e, n) {
-  const t = z(e), o = z(n);
-  return o === "/" ? t === "/" : t === o || t.startsWith(o + "/");
-}
-function Le(e, n) {
-  var t;
-  return e.to && $(n, e.to) ? !0 : ((t = e.children) == null ? void 0 : t.some((o) => $(n, o.to))) ?? !1;
-}
-function Ce(e) {
-  return e ? /* @__PURE__ */ u("span", { className: m.navBadge, children: e }) : null;
-}
-function we(e) {
-  return e ? /* @__PURE__ */ u("span", { className: m.navDot, style: { background: `var(--tz-color-${e})` } }) : null;
-}
-function D(e, n, t) {
-  if (!(e == null && n == null && t == null))
-    return /* @__PURE__ */ x(O, { children: [
-      Ce(e),
-      we(n),
-      t
-    ] });
-}
-function Be({ group: e, pathname: n }) {
-  var f, p;
-  const t = Le(e, n), o = !!((f = e.children) != null && f.length), [r, c] = T(t);
-  if (y(() => {
-    t && c(!0);
-  }, [t]), !o && e.to)
-    return /* @__PURE__ */ u(
-      C,
-      {
-        as: L,
-        to: e.to,
-        icon: e.icon,
-        selected: t,
-        clickable: !0,
-        trailing: D(e.badge, e.dot),
-        children: e.label
-      }
-    );
-  const i = /* @__PURE__ */ u(
-    K,
-    {
-      name: "ArrowDown4",
-      size: "sm",
-      className: m.chevron,
-      "data-open": r ? "true" : "false"
-    }
-  );
-  return /* @__PURE__ */ x(O, { children: [
-    o && e.to ? (
-      // "Case B": the row navigates (and expands); a separate chevron only toggles.
-      /* @__PURE__ */ u(
-        C,
-        {
-          as: L,
-          to: e.to,
-          icon: e.icon,
-          selected: t,
-          clickable: !0,
-          onClick: () => c(!0),
-          trailing: D(
-            e.badge,
-            e.dot,
-            /* @__PURE__ */ u(
-              "button",
-              {
-                type: "button",
-                className: m.chevronButton,
-                "aria-label": `${r ? "Collapse" : "Expand"} ${e.label}`,
-                "aria-expanded": r,
-                onClick: (d) => {
-                  d.preventDefault(), d.stopPropagation(), c((v) => !v);
-                },
-                children: i
-              }
-            )
-          ),
-          children: e.label
-        }
-      )
-    ) : (
-      // a pure container — the whole row toggles its children
-      /* @__PURE__ */ u(
-        R,
-        {
-          icon: e.icon,
-          selected: t,
-          clickable: !0,
-          "aria-expanded": r,
-          onClick: () => c((d) => !d),
-          trailing: D(e.badge, e.dot, i),
-          children: e.label
-        }
-      )
-    ),
-    o ? (
-      // smooth collapse, same grid-template-rows technique as Card
-      /* @__PURE__ */ u("div", { className: G(m.collapsible, !r && m.collapsibleClosed), children: /* @__PURE__ */ u("div", { className: m.collapsibleInner, children: /* @__PURE__ */ u(B, { className: m.leaves, children: (p = e.children) == null ? void 0 : p.map((d) => /* @__PURE__ */ u(
-        C,
-        {
-          as: L,
-          to: d.to,
-          icon: /* @__PURE__ */ u("span", { className: m.leafDot }),
-          selected: $(n, d.to),
-          size: "md",
-          clickable: !0,
-          trailing: D(d.badge, d.dot),
-          children: d.label
-        },
-        d.to
-      )) }) }) })
-    ) : null
-  ] });
-}
-export {
-  We as F,
-  He as N,
-  qe as S,
-  Ye as a,
-  pe as b,
-  Ke as c,
-  ve as d,
-  Ve as e,
-  Y as f,
-  Ue as u
-};
-//# sourceMappingURL=Sidebar-nORfjIg8.js.map