asterui 0.12.49 → 0.12.51

package/dist/components/Tree.js

@@ -1,115 +1,115 @@
-import { jsx as k, jsxs as ue } from "react/jsx-runtime";
-import he, { forwardRef as Ne, useCallback as D, useMemo as G, useState as V, createContext as Te, useRef as Ee, useEffect as Ie, useContext as Le } from "react";
-const ke = Te(null);
-function De() {
-  const e = Le(ke);
+import { jsx as k, jsxs as fe } from "react/jsx-runtime";
+import ue, { forwardRef as Ke, useCallback as I, useMemo as U, useState as X, createContext as Te, useRef as Le, useEffect as Ee, useContext as Se } from "react";
+const Ie = "checkbox", $e = "checkbox-xs", De = "checkbox-sm", Ae = "checkbox-lg", Me = "checkbox-xl", je = "checkbox-primary", Fe = "checkbox-secondary", Re = "checkbox-accent", _e = "checkbox-neutral", ze = "checkbox-info", Be = "checkbox-success", Xe = "checkbox-warning", Pe = "checkbox-error", Ve = "loading", We = "loading-spinner", qe = "loading-xs", ke = Te(null);
+function He() {
+  const e = Se(ke);
   if (!e)
     throw new Error("Tree components must be used within a Tree");
   return e;
 }
-function Se(e) {
-  const a = [], c = (d) => {
-    d.forEach((f) => {
-      a.push(f.key), f.children && c(f.children);
+function Oe(e) {
+  const a = [], r = (d) => {
+    d.forEach((h) => {
+      a.push(h.key), h.children && r(h.children);
     });
   };
-  return c(e), a;
+  return r(e), a;
 }
 function de(e) {
-  const a = [], c = (d) => {
-    d.children && d.children.forEach((f) => {
-      a.push(f.key), c(f);
+  const a = [], r = (d) => {
+    d.children && d.children.forEach((h) => {
+      a.push(h.key), r(h);
     });
   };
-  return c(e), a;
+  return r(e), a;
 }
-function ye(e) {
-  const a = /* @__PURE__ */ new Map(), c = (d, f) => {
-    d.forEach((u) => {
-      a.set(u.key, f), u.children && c(u.children, u.key);
+function be(e) {
+  const a = /* @__PURE__ */ new Map(), r = (d, h) => {
+    d.forEach((f) => {
+      a.set(f.key, h), f.children && r(f.children, f.key);
     });
   };
-  return c(e, null), a;
+  return r(e, null), a;
 }
-function pe(e, a) {
-  for (const c of e) {
-    if (c.key === a) return c;
-    if (c.children) {
-      const d = pe(c.children, a);
+function ye(e, a) {
+  for (const r of e) {
+    if (r.key === a) return r;
+    if (r.children) {
+      const d = ye(r.children, a);
       if (d) return d;
     }
   }
   return null;
 }
-function Ae(e, a) {
-  const c = [], d = (f) => {
-    f.forEach((u) => {
-      c.push(u), u.children && a.includes(u.key) && d(u.children);
+function Ue(e, a) {
+  const r = [], d = (h) => {
+    h.forEach((f) => {
+      r.push(f), f.children && a.includes(f.key) && d(f.children);
     });
   };
-  return d(e), c;
+  return d(e), r;
 }
-function Me(e, a) {
-  const c = ye(e), d = [];
-  let f = c.get(a);
-  for (; f; )
-    d.push(f), f = c.get(f);
+function Ge(e, a) {
+  const r = be(e), d = [];
+  let h = r.get(a);
+  for (; h; )
+    d.push(h), h = r.get(h);
   return d;
 }
-function be({ node: e, level: a }) {
+function pe({ node: e, level: a }) {
   const {
-    checkable: c,
+    checkable: r,
     checkboxColor: d,
-    checkboxSize: f,
-    selectable: u,
-    showLine: J,
-    showIcon: E,
-    blockNode: Q,
-    expandedKeys: I,
-    selectedKeys: S,
-    loadingKeys: X,
-    switcherIcon: C,
-    titleRender: q,
-    filterTreeNode: L,
-    onToggle: N,
-    onSelect: A,
-    onCheck: M,
-    onRightClick: H,
+    checkboxSize: h,
+    selectable: f,
+    showLine: G,
+    showIcon: L,
+    blockNode: J,
+    expandedKeys: E,
+    selectedKeys: $,
+    loadingKeys: Q,
+    switcherIcon: v,
+    titleRender: P,
+    filterTreeNode: S,
+    onToggle: K,
+    onSelect: D,
+    onCheck: A,
+    onRightClick: V,
     getCheckedState: Y,
     focusedKey: T,
     setFocusedKey: w,
-    flattenedNodes: K,
+    flattenedNodes: N,
     baseTestId: Z
-  } = De(), $ = Ee(null), j = e.children && e.children.length > 0, b = e.isLeaf ?? !j, g = I.includes(e.key), p = S.includes(e.key), ee = X.includes(e.key), F = T === e.key, { checked: R, indeterminate: _ } = Y(e), O = L ? L(e) : !1, m = e.disabled;
-  Ie(() => {
-    F && $.current && $.current.focus();
+  } = He(), M = Le(null), j = e.children && e.children.length > 0, p = e.isLeaf ?? !j, g = E.includes(e.key), y = $.includes(e.key), ee = Q.includes(e.key), F = T === e.key, { checked: R, indeterminate: _ } = Y(e), W = S ? S(e) : !1, C = e.disabled;
+  Ee(() => {
+    F && M.current && M.current.focus();
   }, [F]);
   const x = (s) => {
-    s.stopPropagation(), !b && !m && N(e.key, e);
+    s.stopPropagation(), !p && !C && K(e.key, e);
   }, te = (s) => {
-    u && e.selectable !== !1 && !m && A(e.key, e);
+    f && e.selectable !== !1 && !C && D(e.key, e);
   }, z = (s) => {
-    s.stopPropagation(), !m && !e.disableCheckbox && M(e.key, e);
+    s.stopPropagation(), !C && !e.disableCheckbox && A(e.key, e);
   }, ne = (s) => {
-    H && (s.preventDefault(), H({ event: s, node: e }));
+    V && (s.preventDefault(), V({ event: s, node: e }));
   }, se = (s) => {
-    const v = K.findIndex((i) => i.key === e.key);
+    const m = N.findIndex((i) => i.key === e.key);
     switch (s.key) {
       case "ArrowDown": {
         s.preventDefault();
-        const i = K[v + 1];
+        const i = N[m + 1];
         i && w(i.key);
         break;
       }
       case "ArrowUp": {
         s.preventDefault();
-        const i = K[v - 1];
+        const i = N[m - 1];
         i && w(i.key);
         break;
       }
       case "ArrowRight": {
-        if (s.preventDefault(), !b && !g)
-          N(e.key, e);
+        if (s.preventDefault(), !p && !g)
+          K(e.key, e);
         else if (j && g) {
           const i = e.children[0];
           w(i.key);
@@ -117,43 +117,43 @@ function be({ node: e, level: a }) {
         break;
       }
       case "ArrowLeft": {
-        s.preventDefault(), !b && g && N(e.key, e);
+        s.preventDefault(), !p && g && K(e.key, e);
         break;
       }
       case "Enter":
       case " ": {
-        s.preventDefault(), c && e.checkable !== !1 ? M(e.key, e) : u && e.selectable !== !1 ? A(e.key, e) : b || N(e.key, e);
+        s.preventDefault(), r && e.checkable !== !1 ? A(e.key, e) : f && e.selectable !== !1 ? D(e.key, e) : p || K(e.key, e);
         break;
       }
       case "Home": {
         s.preventDefault();
-        const i = K[0];
+        const i = N[0];
         i && w(i.key);
         break;
       }
       case "End": {
         s.preventDefault();
-        const i = K[K.length - 1];
+        const i = N[N.length - 1];
         i && w(i.key);
         break;
       }
     }
-  }, re = {
-    xs: "checkbox-xs",
-    sm: "checkbox-sm",
-    md: "",
-    lg: "checkbox-lg",
-    xl: "checkbox-xl"
   }, ce = {
-    primary: "checkbox-primary",
-    secondary: "checkbox-secondary",
-    accent: "checkbox-accent",
-    neutral: "checkbox-neutral",
-    info: "checkbox-info",
-    success: "checkbox-success",
-    warning: "checkbox-warning",
-    error: "checkbox-error"
-  }, ie = re[f], ae = ce[d], le = () => ee ? /* @__PURE__ */ k("span", { className: "loading loading-spinner loading-xs" }) : b ? /* @__PURE__ */ k("span", { className: "w-4 h-4" }) : C ? typeof C == "function" ? C(g) : C : /* @__PURE__ */ k(
+    xs: $e,
+    sm: De,
+    md: "",
+    lg: Ae,
+    xl: Me
+  }, re = {
+    primary: je,
+    secondary: Fe,
+    accent: Re,
+    neutral: _e,
+    info: ze,
+    success: Be,
+    warning: Xe,
+    error: Pe
+  }, ie = ce[h], ae = re[d], le = () => ee ? /* @__PURE__ */ k("span", { className: `${Ve} ${We} ${qe}` }) : p ? /* @__PURE__ */ k("span", { className: "w-4 h-4" }) : v ? typeof v == "function" ? v(g) : v : /* @__PURE__ */ k(
     "svg",
     {
       className: `w-4 h-4 transition-transform duration-200 ${g ? "rotate-90" : ""}`,
@@ -163,33 +163,33 @@ function be({ node: e, level: a }) {
       "aria-hidden": "true",
       children: /* @__PURE__ */ k("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" })
     }
-  ), B = () => q ? q(e) : e.title, P = p ? "selected" : g ? "expanded" : "collapsed";
-  return /* @__PURE__ */ ue(
+  ), B = () => P ? P(e) : e.title, q = y ? "selected" : g ? "expanded" : "collapsed";
+  return /* @__PURE__ */ fe(
     "div",
     {
       className: "tree-node",
       role: "treeitem",
-      "aria-expanded": b ? void 0 : g,
-      "aria-selected": p,
-      "aria-checked": c ? _ ? "mixed" : R : void 0,
-      "aria-disabled": m,
+      "aria-expanded": p ? void 0 : g,
+      "aria-selected": y,
+      "aria-checked": r ? _ ? "mixed" : R : void 0,
+      "aria-disabled": C,
       "aria-level": a + 1,
       "data-testid": `${Z}-node-${e.key}`,
-      "data-state": P,
+      "data-state": q,
       "data-key": e.key,
       children: [
-        /* @__PURE__ */ ue(
+        /* @__PURE__ */ fe(
           "div",
           {
-            ref: $,
+            ref: M,
             className: [
               "flex items-center py-1 px-1 rounded transition-colors outline-none",
               "focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-1",
-              u && !m && "cursor-pointer hover:bg-base-200",
-              p && "bg-primary/10 text-primary",
-              m && "opacity-50 cursor-not-allowed",
-              O && "bg-warning/20",
-              Q && "w-full"
+              f && !C && "cursor-pointer hover:bg-base-200",
+              y && "bg-primary/10 text-primary",
+              C && "opacity-50 cursor-not-allowed",
+              W && "bg-warning/20",
+              J && "w-full"
             ].filter(Boolean).join(" "),
             style: { paddingLeft: `${a * 20}px` },
             tabIndex: F ? 0 : -1,
@@ -203,30 +203,30 @@ function be({ node: e, level: a }) {
                 {
                   className: [
                     "w-5 h-5 flex items-center justify-center flex-shrink-0",
-                    !b && !m && "cursor-pointer hover:bg-base-300 rounded"
+                    !p && !C && "cursor-pointer hover:bg-base-300 rounded"
                   ].filter(Boolean).join(" "),
                   onClick: x,
                   "aria-hidden": "true",
                   children: le()
                 }
               ),
-              c && e.checkable !== !1 && /* @__PURE__ */ k("span", { className: "mr-1 flex-shrink-0", onClick: z, children: /* @__PURE__ */ k(
+              r && e.checkable !== !1 && /* @__PURE__ */ k("span", { className: "mr-1 flex-shrink-0", onClick: z, children: /* @__PURE__ */ k(
                 "input",
                 {
                   type: "checkbox",
-                  className: `checkbox ${ie} ${ae}`,
+                  className: `${Ie} ${ie} ${ae}`,
                   checked: R,
                   ref: (s) => {
                     s && (s.indeterminate = _);
                   },
-                  disabled: m || e.disableCheckbox,
+                  disabled: C || e.disableCheckbox,
                   onChange: z,
                   tabIndex: -1,
                   "aria-hidden": "true",
                   "data-state": _ ? "indeterminate" : R ? "checked" : "unchecked"
                 }
               ) }),
-              E && e.icon && /* @__PURE__ */ k("span", { className: "mr-1 flex-shrink-0", "aria-hidden": "true", children: e.icon }),
+              L && e.icon && /* @__PURE__ */ k("span", { className: "mr-1 flex-shrink-0", "aria-hidden": "true", children: e.icon }),
               /* @__PURE__ */ k("span", { className: "flex-1 truncate select-none", children: B() })
             ]
           }
@@ -234,68 +234,68 @@ function be({ node: e, level: a }) {
         j && g && /* @__PURE__ */ k(
           "div",
           {
-            className: J ? "border-l border-base-300 ml-2.5" : "",
+            className: G ? "border-l border-base-300 ml-2.5" : "",
             role: "group",
             "aria-label": `${e.title} children`,
-            children: e.children.map((s) => /* @__PURE__ */ k(be, { node: s, level: a + 1 }, s.key))
+            children: e.children.map((s) => /* @__PURE__ */ k(pe, { node: s, level: a + 1 }, s.key))
           }
         )
       ]
     }
   );
 }
-function fe(e) {
+function he(e) {
   return null;
 }
-fe.displayName = "Tree.Node";
-function $e(e) {
-  return e.type === fe || typeof e.type == "function" && e.type.displayName === "Tree.Node";
+he.displayName = "Tree.Node";
+function Je(e) {
+  return e.type === he || typeof e.type == "function" && e.type.displayName === "Tree.Node";
 }
-const _e = Object.assign(
-  Ne(function({
+const et = Object.assign(
+  Ke(function({
     treeData: a,
-    children: c,
+    children: r,
     checkable: d = !1,
-    checkboxColor: f = "primary",
-    checkboxSize: u = "sm",
-    selectable: J = !0,
-    multiple: E = !1,
-    defaultExpandAll: Q = !1,
-    defaultExpandedKeys: I = [],
-    expandedKeys: S,
-    defaultSelectedKeys: X = [],
-    selectedKeys: C,
-    defaultCheckedKeys: q = [],
-    checkedKeys: L,
-    onExpand: N,
-    onSelect: A,
-    onCheck: M,
-    showLine: H = !1,
+    checkboxColor: h = "primary",
+    checkboxSize: f = "sm",
+    selectable: G = !0,
+    multiple: L = !1,
+    defaultExpandAll: J = !1,
+    defaultExpandedKeys: E = [],
+    expandedKeys: $,
+    defaultSelectedKeys: Q = [],
+    selectedKeys: v,
+    defaultCheckedKeys: P = [],
+    checkedKeys: S,
+    onExpand: K,
+    onSelect: D,
+    onCheck: A,
+    showLine: V = !1,
     showIcon: Y = !1,
     checkStrictly: T = !1,
     autoExpandParent: w = !0,
-    blockNode: K = !1,
+    blockNode: N = !1,
     switcherIcon: Z,
-    titleRender: $,
+    titleRender: M,
     filterTreeNode: j,
-    loadData: b,
+    loadData: p,
     onRightClick: g,
-    fieldNames: p,
+    fieldNames: y,
     className: ee = "",
     "data-testid": F,
     ...R
   }, _) {
-    const O = F ?? "tree", m = D((t, o, n) => {
-    }, []), x = G(() => {
+    const W = F ?? "tree", C = I((t, o, n) => {
+    }, []), x = U(() => {
       if (a) {
-        if (p) {
+        if (y) {
           const o = (n) => {
-            const r = p.key ? n[p.key] : n.key, l = p.title ? n[p.title] : n.title, h = p.children ? n[p.children] : n.children;
+            const c = y.key ? n[y.key] : n.key, l = y.title ? n[y.title] : n.title, u = y.children ? n[y.children] : n.children;
             return {
               ...n,
-              key: r,
+              key: c,
               title: l,
-              children: Array.isArray(h) ? h.map((y) => o(y)) : void 0
+              children: Array.isArray(u) ? u.map((b) => o(b)) : void 0
             };
           };
           return a.map(o);
@@ -304,15 +304,15 @@ const _e = Object.assign(
       }
       const t = (o) => {
         const n = [];
-        return he.Children.forEach(o, (r) => {
-          if (he.isValidElement(r) && $e(r)) {
-            const l = r.props, h = r.key;
-            if (!h) {
+        return ue.Children.forEach(o, (c) => {
+          if (ue.isValidElement(c) && Je(c)) {
+            const l = c.props, u = c.key;
+            if (!u) {
               console.warn("Tree.Node requires a key prop");
               return;
             }
-            const y = {
-              key: h,
+            const b = {
+              key: u,
               title: l.title,
               icon: l.icon,
               disabled: l.disabled,
@@ -322,103 +322,103 @@ const _e = Object.assign(
               isLeaf: l.isLeaf,
               children: l.children ? t(l.children) : void 0
             };
-            n.push(y);
+            n.push(b);
           }
         }), n;
       };
-      return t(c);
-    }, [a, c, p]), [te, z] = V([]), ne = G(() => {
-      if (Q)
-        return Se(x);
-      if (w && I.length > 0) {
-        const t = new Set(I);
-        return I.forEach((o) => {
-          Me(x, o).forEach((n) => t.add(n));
+      return t(r);
+    }, [a, r, y]), [te, z] = X([]), ne = U(() => {
+      if (J)
+        return Oe(x);
+      if (w && E.length > 0) {
+        const t = new Set(E);
+        return E.forEach((o) => {
+          Ge(x, o).forEach((n) => t.add(n));
         }), Array.from(t);
       }
-      return I;
-    }, []), [se, re] = V(ne), [ce, ie] = V(X), [ae, le] = V(q), [B, P] = V(null), s = S ?? se, v = C ?? ce, i = L ?? ae, oe = G(() => ye(x), [x]), U = G(() => Ae(x, s), [x, s]), xe = D(
+      return E;
+    }, []), [se, ce] = X(ne), [re, ie] = X(Q), [ae, le] = X(P), [B, q] = X(null), s = $ ?? se, m = v ?? re, i = S ?? ae, oe = U(() => be(x), [x]), H = U(() => Ue(x, s), [x, s]), xe = I(
       (t) => {
         if (T)
           return { checked: i.includes(t.key), indeterminate: !1 };
         if (!t.children || t.children.length === 0)
           return { checked: i.includes(t.key), indeterminate: !1 };
-        const o = de(t), n = o.filter((r) => i.includes(r));
+        const o = de(t), n = o.filter((c) => i.includes(c));
         return n.length === 0 ? { checked: i.includes(t.key), indeterminate: !1 } : n.length === o.length ? { checked: !0, indeterminate: !1 } : { checked: !1, indeterminate: !0 };
       },
       [i, T]
-    ), ge = D(
+    ), ge = I(
       async (t, o) => {
         const n = s.includes(t);
-        if (b && !n && !o.isLeaf && (!o.children || o.children.length === 0)) {
+        if (p && !n && !o.isLeaf && (!o.children || o.children.length === 0)) {
           z((l) => [...l, t]);
           try {
-            await b(o);
+            await p(o);
           } finally {
-            z((l) => l.filter((h) => h !== t));
+            z((l) => l.filter((u) => u !== t));
           }
         }
-        const r = n ? s.filter((l) => l !== t) : [...s, t];
-        S === void 0 && re(r), N?.(r, { node: o, expanded: !n });
+        const c = n ? s.filter((l) => l !== t) : [...s, t];
+        $ === void 0 && ce(c), K?.(c, { node: o, expanded: !n });
       },
-      [s, S, N, b]
-    ), me = D(
+      [s, $, K, p]
+    ), Ce = I(
       (t, o) => {
         let n;
-        E ? v.includes(t) ? n = v.filter((r) => r !== t) : n = [...v, t] : n = v.includes(t) ? [] : [t], C === void 0 && ie(n), A?.(n, { node: o, selected: n.includes(t) });
+        L ? m.includes(t) ? n = m.filter((c) => c !== t) : n = [...m, t] : n = m.includes(t) ? [] : [t], v === void 0 && ie(n), D?.(n, { node: o, selected: n.includes(t) });
       },
-      [v, E, C, A]
-    ), ve = D(
+      [m, L, v, D]
+    ), me = I(
       (t, o) => {
         const n = i.includes(t);
-        let r = [...i];
+        let c = [...i];
         if (T)
-          n ? r = r.filter((l) => l !== t) : r.push(t);
+          n ? c = c.filter((l) => l !== t) : c.push(t);
         else {
           const l = de(o);
-          n ? r = r.filter((y) => y !== t && !l.includes(y)) : (r.push(t), l.forEach((y) => {
-            r.includes(y) || r.push(y);
+          n ? c = c.filter((b) => b !== t && !l.includes(b)) : (c.push(t), l.forEach((b) => {
+            c.includes(b) || c.push(b);
           }));
-          let h = oe.get(t) ?? null;
-          for (; h; ) {
-            const y = pe(x, h);
-            y && y.children && (y.children.every(
-              (W) => r.includes(W.key) || de(W).every((Ke) => r.includes(Ke))
-            ) ? r.includes(h) || r.push(h) : r = r.filter((W) => W !== h)), h = oe.get(h) ?? null;
+          let u = oe.get(t) ?? null;
+          for (; u; ) {
+            const b = ye(x, u);
+            b && b.children && (b.children.every(
+              (O) => c.includes(O.key) || de(O).every((Ne) => c.includes(Ne))
+            ) ? c.includes(u) || c.push(u) : c = c.filter((O) => O !== u)), u = oe.get(u) ?? null;
           }
         }
-        L === void 0 && le(r), M?.(r, { node: o, checked: !n });
+        S === void 0 && le(c), A?.(c, { node: o, checked: !n });
       },
-      [i, L, M, oe, x, T]
-    ), Ce = D(() => {
-      !B && U.length > 0 && P(U[0].key);
-    }, [B, U]), we = {
+      [i, S, A, oe, x, T]
+    ), ve = I(() => {
+      !B && H.length > 0 && q(H[0].key);
+    }, [B, H]), we = {
       checkable: d,
-      checkboxColor: f,
-      checkboxSize: u,
-      selectable: J,
-      multiple: E,
-      showLine: H,
+      checkboxColor: h,
+      checkboxSize: f,
+      selectable: G,
+      multiple: L,
+      showLine: V,
       showIcon: Y,
-      blockNode: K,
+      blockNode: N,
       checkStrictly: T,
       expandedKeys: s,
-      selectedKeys: v,
+      selectedKeys: m,
       checkedKeys: i,
       loadingKeys: te,
       switcherIcon: Z,
-      titleRender: $,
+      titleRender: M,
       filterTreeNode: j,
       onToggle: ge,
-      onSelect: me,
-      onCheck: ve,
+      onSelect: Ce,
+      onCheck: me,
       onRightClick: g,
       getCheckedState: xe,
       focusedKey: B,
-      setFocusedKey: P,
-      flattenedNodes: U,
-      registerNode: m,
-      baseTestId: O
+      setFocusedKey: q,
+      flattenedNodes: H,
+      registerNode: C,
+      baseTestId: W
     };
     return /* @__PURE__ */ k(ke.Provider, { value: we, children: /* @__PURE__ */ k(
       "div",
@@ -426,19 +426,19 @@ const _e = Object.assign(
         ref: _,
         className: `tree ${ee}`,
         role: "tree",
-        "aria-multiselectable": E,
-        "data-testid": O,
-        onFocus: Ce,
+        "aria-multiselectable": L,
+        "data-testid": W,
+        onFocus: ve,
         ...R,
-        children: x.map((t) => /* @__PURE__ */ k(be, { node: t, level: 0 }, t.key))
+        children: x.map((t) => /* @__PURE__ */ k(pe, { node: t, level: 0 }, t.key))
       }
     ) });
   }),
   {
-    Node: fe
+    Node: he
   }
 );
 export {
-  _e as Tree
+  et as Tree
 };
 //# sourceMappingURL=Tree.js.map