@ztwoint/z-ui 0.1.136 → 0.1.137

package/dist/components/tree-checkbox-select/TreeCheckboxSelect.js

@@ -1,209 +1,207 @@
-import { jsx as g, jsxs as w } from "react/jsx-runtime";
-import { useMemo as V, useCallback as d, useState as Q } from "react";
+import { jsx as k, jsxs as E } from "react/jsx-runtime";
+import { useMemo as T, useCallback as h, useState as V } from "react";
 import { Z2Checkbox as J } from "../checkbox/checkbox.js";
-import { cn as R } from "../../lib/utils.js";
+import { cn as Q } from "../../lib/utils.js";
 import { Input as ee } from "../input/input.js";
 import { MagnifierIcon as te } from "../assets/icons/magnifier-icon.js";
-const le = (N) => {
-  const x = /* @__PURE__ */ new Map(), k = [];
-  N.forEach((s) => {
-    const h = s.key.split(".");
-    let n = "";
-    h.forEach((o, p) => {
-      const m = p === h.length - 1;
-      if (n = n ? `${n}.${o}` : o, x.has(n)) {
-        if (m) {
-          const b = x.get(n);
-          b.label = s.label, b.disabled = s.disabled, b.hint = s.hint, b.isLeaf = !0;
+const le = (I) => {
+  const g = /* @__PURE__ */ new Map(), v = [];
+  I.forEach((s) => {
+    const u = s.key.split(".");
+    let a = "";
+    u.forEach((f, o) => {
+      const p = o === u.length - 1;
+      if (a = a ? `${a}.${f}` : f, g.has(a)) {
+        if (p) {
+          const m = g.get(a);
+          m.label = s.label, m.disabled = s.disabled, m.hint = s.hint, m.isLeaf = !0;
         }
       } else {
-        const b = {
-          id: n,
-          label: m ? s.label : o,
+        const m = {
+          id: a,
+          label: p ? s.label : f,
           // Use original label for leaf, path part for intermediate
           children: [],
-          disabled: m ? s.disabled : void 0,
-          hint: m ? s.hint : void 0,
-          isLeaf: m
+          disabled: p ? s.disabled : void 0,
+          hint: p ? s.hint : void 0,
+          isLeaf: p
         };
-        x.set(n, b);
+        g.set(a, m);
       }
     });
-  }), x.forEach((s, h) => {
-    const n = h.split(".");
-    if (n.length === 1)
-      k.push(s);
+  }), g.forEach((s, u) => {
+    const a = u.split(".");
+    if (a.length === 1)
+      v.push(s);
     else {
-      const o = n.slice(0, -1).join("."), p = x.get(o);
-      p && !p.children.find((m) => m.id === s.id) && p.children.push(s);
+      const f = a.slice(0, -1).join("."), o = g.get(f);
+      o && !o.children.find((p) => p.id === s.id) && o.children.push(s);
     }
   });
-  const c = (s) => s.sort((h, n) => h.label.localeCompare(n.label)).map((h) => ({
-    ...h,
-    children: h.children && h.children.length > 0 ? c(h.children) : void 0
+  const n = (s) => s.sort((u, a) => u.label.localeCompare(a.label)).map((u) => ({
+    ...u,
+    children: u.children && u.children.length > 0 ? n(u.children) : void 0
   }));
-  return c(k);
+  return n(v);
 }, de = ({
-  items: N,
-  defaultValue: x = [],
-  onChange: k,
-  selectionMode: c = "all-nodes",
+  items: I,
+  defaultValue: g = [],
+  onChange: v,
+  selectionMode: n = "all-nodes",
   defaultExpandedIds: s,
-  searchable: h = !0,
-  searchPlaceholder: n = "Search items...",
-  filterFn: o,
-  onSearchChange: p,
-  showSelectAll: m = !0,
-  selectAllLabel: b = "Select all",
-  cascade: z = !0,
+  searchable: u = !0,
+  searchPlaceholder: a = "Search items...",
+  filterFn: f,
+  onSearchChange: o,
+  showSelectAll: p = !0,
+  selectAllLabel: m = "Select all",
+  cascade: R = !0,
   renderLabel: $,
   ariaLabel: K,
   ariaLabelledby: O,
-  disabled: v = !1
+  disabled: x = !1
 }) => {
-  const S = V(() => le(N), [N]), U = d((e) => e.map((t) => t.id), []), [f, W] = Q(new Set(x)), [I, X] = Q(
-    new Set(s || U(S))
-  ), [j, Y] = Q(""), C = d(
+  const w = T(() => le(I), [I]), U = h((e) => e.map((l) => l.id), []), [b, W] = V(new Set(g)), [y, X] = V(
+    new Set(s || U(w))
+  ), [j, Y] = V(""), z = h(
     (e) => {
-      const t = [], i = (l) => {
-        l.children && l.children.forEach((r) => {
-          r.disabled || (c === "leaves-only" ? (!r.children || r.children.length === 0) && t.push(r.id) : t.push(r.id)), i(r);
+      const l = [], c = (t) => {
+        t.children && t.children.forEach((r) => {
+          r.disabled || (n === "leaves-only" ? (!r.children || r.children.length === 0) && l.push(r.id) : l.push(r.id)), c(r);
         });
       };
-      return i(e), t;
+      return c(e), l;
     },
-    [c]
-  ), L = d(
-    (e, t, i) => {
-      for (const l of e) {
-        if (l.id === t) return i || null;
-        if (l.children) {
-          const r = L(l.children, t, l.id);
+    [n]
+  ), L = h(
+    (e, l, c) => {
+      for (const t of e) {
+        if (t.id === l) return c || null;
+        if (t.children) {
+          const r = L(t.children, l, t.id);
           if (r !== null) return r;
         }
       }
       return null;
     },
     []
-  ), y = d((e, t) => e.label.toLowerCase().includes(t.toLowerCase()), []), F = d(
-    (e, t) => {
-      if (!t) return e;
-      const i = o || y, l = (u) => i(u, t) ? !0 : u.children ? u.children.some((a) => l(a)) : !1, r = (u) => u.filter((a) => l(a)).map((a) => i(a, t) ? a.children && a.children.length > 0 ? {
-        ...a,
-        children: a.children
+  ), C = h((e, l) => e.label.toLowerCase().includes(l.toLowerCase()), []), F = h(
+    (e, l) => {
+      if (!l) return e;
+      const c = f || C, t = (i) => c(i, l) ? !0 : i.children ? i.children.some((d) => t(d)) : !1, r = (i) => i.filter((d) => t(d)).map((d) => c(d, l) ? d.children && d.children.length > 0 ? {
+        ...d,
+        children: d.children
         // Include all children as-is
-      } : a : {
-        ...a,
-        children: a.children ? r(a.children) : void 0
+      } : d : {
+        ...d,
+        children: d.children ? r(d.children) : void 0
       });
       return r(e);
     },
-    [o, y]
-  ), Z = V(() => F(S, j), [S, j, F]), B = d(
-    (e, t = 0) => {
-      const i = [];
-      return e.forEach((l) => {
-        const r = !!(l.children && l.children.length > 0), u = I.has(l.id);
-        i.push({
-          node: l,
-          level: t,
+    [f, C]
+  ), Z = T(() => F(w, j), [w, j, F]), B = h(
+    (e, l = 0) => {
+      const c = [];
+      return e.forEach((t) => {
+        const r = !!(t.children && t.children.length > 0), i = y.has(t.id);
+        c.push({
+          node: t,
+          level: l,
           isBranch: r,
-          visibleChildrenCount: u && l.children ? l.children.length : 0
-        }), u && l.children && i.push(...B(l.children, t + 1));
-      }), i;
+          visibleChildrenCount: i && t.children ? t.children.length : 0
+        }), i && t.children && c.push(...B(t.children, l + 1));
+      }), c;
     },
-    [I]
-  ), E = V(() => B(Z), [Z, B]), P = d(
+    [y]
+  ), N = T(() => B(Z), [Z, B]), S = h(
     (e) => {
-      const t = f.has(e.id);
+      const l = b.has(e.id);
       if (!e.children || e.children.length === 0)
-        return t ? "checked" : "unchecked";
-      const i = C(e);
-      if (i.length === 0)
-        return t ? "checked" : "unchecked";
-      const l = i.filter((r) => f.has(r));
-      return l.length === 0 ? t && c === "all-nodes" ? "checked" : "unchecked" : l.length === i.length ? "checked" : "mixed";
+        return l ? "checked" : "unchecked";
+      const c = e.children.filter((i) => !i.disabled).map((i) => S(i));
+      if (c.length === 0)
+        return l ? "checked" : "unchecked";
+      const t = c.every((i) => i === "checked"), r = c.every((i) => i === "unchecked");
+      return t ? "checked" : r ? l && n === "all-nodes" ? "checked" : "unchecked" : "mixed";
     },
-    [f, C, c]
-  ), A = d(
+    [b, n]
+  ), P = h(
     (e) => {
-      W(e), k == null || k(Array.from(e));
+      W(e), v == null || v(Array.from(e));
     },
-    [k]
-  ), G = d((e) => {
+    [v]
+  ), G = h((e) => {
     X(e);
-  }, []), T = d(
+  }, []), D = h(
     (e) => {
-      if (e.disabled || v) return;
-      const t = new Set(f), i = P(e);
-      if (z && e.children && e.children.length > 0) {
-        const l = C(e);
-        i === "checked" ? (l.forEach((r) => t.delete(r)), c === "all-nodes" && t.delete(e.id)) : (l.forEach((r) => t.add(r)), c === "all-nodes" && t.add(e.id));
+      if (e.disabled || x) return;
+      const l = new Set(b), c = S(e);
+      if (R && e.children && e.children.length > 0) {
+        const t = z(e);
+        c === "checked" ? (t.forEach((r) => l.delete(r)), n === "all-nodes" && l.delete(e.id)) : (t.forEach((r) => l.add(r)), n === "all-nodes" && l.add(e.id));
       } else
-        (c === "all-nodes" || !e.children || e.children.length === 0) && (f.has(e.id) ? t.delete(e.id) : t.add(e.id));
-      A(t);
+        (n === "all-nodes" || !e.children || e.children.length === 0) && (b.has(e.id) ? l.delete(e.id) : l.add(e.id));
+      P(l);
     },
     [
-      f,
-      P,
+      b,
+      S,
+      R,
+      n,
       z,
-      c,
-      C,
-      v,
-      A
+      x,
+      P
     ]
-  ), _ = d(() => {
-    const t = E.filter(
-      ({ node: r }) => !r.disabled && (c === "all-nodes" || !r.children || r.children.length === 0)
-    ).map(({ node: r }) => r.id), i = t.every((r) => f.has(r)), l = new Set(f);
-    i ? t.forEach((r) => l.delete(r)) : t.forEach((r) => l.add(r)), A(l);
-  }, [E, f, c, A]), H = d(() => {
-    const e = E.filter(
-      ({ node: l }) => !l.disabled && (c === "all-nodes" || !l.children || l.children.length === 0)
-    );
+  ), _ = h(() => {
+    const l = N.filter(
+      ({ node: r }) => !r.disabled && (n === "all-nodes" || !r.children || r.children.length === 0)
+    ).map(({ node: r }) => r.id), c = l.every((r) => b.has(r)), t = new Set(b);
+    c ? l.forEach((r) => t.delete(r)) : l.forEach((r) => t.add(r)), P(t);
+  }, [N, b, n, P]), H = h(() => {
+    const e = N.map(({ node: t }) => t.disabled || n === "leaves-only" && t.children && t.children.length > 0 ? null : S(t)).filter((t) => t !== null);
     if (e.length === 0) return "unchecked";
-    const t = e.map(({ node: l }) => l.id), i = t.filter((l) => f.has(l)).length;
-    return i === 0 ? "unchecked" : i === t.length ? "checked" : "mixed";
-  }, [E, f, c]), q = d(
+    const l = e.every((t) => t === "checked"), c = e.every((t) => t === "unchecked");
+    return l ? "checked" : c ? "unchecked" : "mixed";
+  }, [N, n, S]), q = h(
     (e) => {
-      if (Y(e), p == null || p(e), e) {
-        const t = new Set(I), i = (l, r) => {
-          l.forEach((u) => {
-            if ((o || y)(u, e)) {
-              let D = r;
-              for (; D; )
-                t.add(D), D = L(S, D) || void 0;
+      if (Y(e), o == null || o(e), e) {
+        const l = new Set(y), c = (t, r) => {
+          t.forEach((i) => {
+            if ((f || C)(i, e)) {
+              let A = r;
+              for (; A; )
+                l.add(A), A = L(w, A) || void 0;
             }
-            u.children && i(u.children, u.id);
+            i.children && c(i.children, i.id);
           });
         };
-        i(S), G(t);
+        c(w), G(l);
       }
     },
-    [I, o, y, L, S, G, p]
-  ), M = d(
-    ({ node: e, level: t }) => {
-      const i = P(e), l = !0, r = !!(e.children && e.children.length > 0);
-      return /* @__PURE__ */ g(
+    [y, f, C, L, w, G, o]
+  ), M = h(
+    ({ node: e, level: l }) => {
+      const c = S(e), t = !0, r = !!(e.children && e.children.length > 0);
+      return /* @__PURE__ */ k(
         "div",
         {
-          className: R([
+          className: Q([
             "flex items-center gap-2 py-1.5",
             "leading-none-medium-sm",
             "text-text-neutral-primary"
           ]),
-          children: /* @__PURE__ */ w(
+          children: /* @__PURE__ */ E(
             "div",
             {
-              className: R(["flex items-center gap-2"]),
+              className: Q(["flex items-center gap-2"]),
               role: "treeitem",
-              "aria-level": t + 1,
-              "aria-expanded": r ? l : void 0,
-              "aria-checked": i === "mixed" ? "mixed" : i === "checked",
-              style: { paddingLeft: `${t * 23 + 6}px` },
+              "aria-level": l + 1,
+              "aria-expanded": r ? t : void 0,
+              "aria-checked": c === "mixed" ? "mixed" : c === "checked",
+              style: { paddingLeft: `${l * 23 + 6}px` },
               "data-testid": `tree-node-${e.id}`,
               children: [
-                /* @__PURE__ */ g(
+                /* @__PURE__ */ k(
                   "svg",
                   {
                     className: "self-start ml-auto",
@@ -212,26 +210,26 @@ const le = (N) => {
                     height: "9",
                     viewBox: "0 0 9 9",
                     fill: "none",
-                    children: /* @__PURE__ */ g("path", { d: "M1 1V1C1 4.86599 4.13401 8 8 8V8", stroke: "#E0E0E0", strokeLinecap: "round" })
+                    children: /* @__PURE__ */ k("path", { d: "M1 1V1C1 4.86599 4.13401 8 8 8V8", stroke: "#E0E0E0", strokeLinecap: "round" })
                   }
                 ),
-                /* @__PURE__ */ g(
+                /* @__PURE__ */ k(
                   J,
                   {
-                    checked: i === "checked" ? !0 : i === "mixed" ? "indeterminate" : !1,
-                    onCheckedChange: () => T(e),
-                    disabled: e.disabled || v,
+                    checked: c === "checked" ? !0 : c === "mixed" ? "indeterminate" : !1,
+                    onCheckedChange: () => D(e),
+                    disabled: e.disabled || x,
                     "aria-label": `Select ${e.label}`
                   }
                 ),
-                /* @__PURE__ */ w(
+                /* @__PURE__ */ E(
                   "span",
                   {
                     className: "cursor-pointer select-none",
-                    onClick: () => !e.disabled && !v && T(e),
+                    onClick: () => !e.disabled && !x && D(e),
                     children: [
                       $ ? $(e) : e.label,
-                      e.hint && /* @__PURE__ */ w("span", { children: [
+                      e.hint && /* @__PURE__ */ E("span", { children: [
                         " ",
                         e.hint
                       ] })
@@ -245,9 +243,9 @@ const le = (N) => {
         }
       );
     },
-    [P, v, T, $]
+    [S, x, D, $]
   );
-  return /* @__PURE__ */ w(
+  return /* @__PURE__ */ E(
     "div",
     {
       role: "tree",
@@ -255,43 +253,43 @@ const le = (N) => {
       "aria-label": K,
       "aria-labelledby": O,
       children: [
-        /* @__PURE__ */ w(
+        /* @__PURE__ */ E(
           "div",
           {
-            className: R([
+            className: Q([
               "flex items-center gap-2 justify-between",
               "leading-none-medium-sm",
               "text-text-neutral-primary"
             ]),
             children: [
-              m && /* @__PURE__ */ w("div", { role: "treeitem", "aria-level": 1, className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ g(
+              p && /* @__PURE__ */ E("div", { role: "treeitem", "aria-level": 1, className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ k(
                   J,
                   {
                     checked: H() === "checked" ? !0 : H() === "mixed" ? "indeterminate" : !1,
                     onCheckedChange: _,
-                    disabled: v,
-                    "aria-label": b
+                    disabled: x,
+                    "aria-label": m
                   }
                 ),
-                /* @__PURE__ */ g("span", { children: b })
+                /* @__PURE__ */ k("span", { children: m })
               ] }),
-              h && /* @__PURE__ */ g(
+              u && /* @__PURE__ */ k(
                 ee,
                 {
                   size: "small",
                   type: "text",
-                  leftIcon: /* @__PURE__ */ g(te, {}),
-                  placeholder: n,
+                  leftIcon: /* @__PURE__ */ k(te, {}),
+                  placeholder: a,
                   value: j,
                   onChange: (e) => q(e.target.value),
-                  disabled: v
+                  disabled: x
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ g("div", { role: "group", children: E.map((e) => M(e)) })
+        /* @__PURE__ */ k("div", { role: "group", children: N.map((e) => M(e)) })
       ]
     }
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ztwoint/z-ui",
-  "version": "0.1.136",
+  "version": "0.1.137",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",