asterui 0.12.23 → 0.12.24

package/dist/index93.js

@@ -1,216 +1,444 @@
-import { jsx as d, jsxs as H } from "react/jsx-runtime";
-import { useMemo as J, useState as $, useCallback as K } from "react";
-function Y(e) {
-  const t = [], i = (r) => {
-    r.forEach((l) => {
-      t.push(l.key), l.children && i(l.children);
+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);
+  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);
     });
   };
-  return i(e), t;
+  return c(e), a;
 }
-function I(e) {
-  const t = [], i = (r) => {
-    r.children && r.children.forEach((l) => {
-      t.push(l.key), i(l);
+function de(e) {
+  const a = [], c = (d) => {
+    d.children && d.children.forEach((f) => {
+      a.push(f.key), c(f);
     });
   };
-  return i(e), t;
+  return c(e), a;
 }
-function Z(e) {
-  const t = /* @__PURE__ */ new Map(), i = (r, l) => {
-    r.forEach((o) => {
-      t.set(o.key, l), o.children && i(o.children, o.key);
+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);
     });
   };
-  return i(e, null), t;
+  return c(e, null), a;
 }
-function A(e, t) {
-  for (const i of e) {
-    if (i.key === t) return i;
-    if (i.children) {
-      const r = A(i.children, t);
-      if (r) return r;
+function pe(e, a) {
+  for (const c of e) {
+    if (c.key === a) return c;
+    if (c.children) {
+      const d = pe(c.children, a);
+      if (d) return d;
     }
   }
   return null;
 }
-function _({
-  node: e,
-  level: t,
-  expanded: i,
-  selected: r,
-  checked: l,
-  indeterminate: o,
-  checkable: x,
-  selectable: M,
-  showLine: b,
-  showIcon: S,
-  onToggle: C,
-  onSelect: N,
-  onCheck: w,
-  renderChildren: j
-}) {
-  const v = e.children && e.children.length > 0, m = e.isLeaf ?? !v, T = (f) => {
-    f.stopPropagation(), m || C(e.key);
-  }, L = () => {
-    M && e.selectable !== !1 && !e.disabled && N(e.key, e);
-  }, B = (f) => {
-    f.stopPropagation(), !e.disabled && !e.disableCheckbox && w(e.key, e);
+function Ae(e, a) {
+  const c = [], d = (f) => {
+    f.forEach((u) => {
+      c.push(u), u.children && a.includes(u.key) && d(u.children);
+    });
   };
-  return /* @__PURE__ */ H("div", { className: "tree-node", children: [
-    /* @__PURE__ */ H(
-      "div",
-      {
-        className: [
-          "flex items-center py-1 px-1 rounded cursor-pointer hover:bg-base-200 transition-colors",
-          r && "bg-primary/10 text-primary",
-          e.disabled && "opacity-50 cursor-not-allowed"
-        ].filter(Boolean).join(" "),
-        style: { paddingLeft: `${t * 20}px` },
-        onClick: L,
-        children: [
-          /* @__PURE__ */ d(
-            "span",
-            {
-              className: [
-                "w-5 h-5 flex items-center justify-center flex-shrink-0",
-                !m && "cursor-pointer hover:bg-base-300 rounded"
-              ].filter(Boolean).join(" "),
-              onClick: T,
-              children: !m && /* @__PURE__ */ d(
-                "svg",
+  return d(e), c;
+}
+function Me(e, a) {
+  const c = ye(e), d = [];
+  let f = c.get(a);
+  for (; f; )
+    d.push(f), f = c.get(f);
+  return d;
+}
+function be({ node: e, level: a }) {
+  const {
+    checkable: c,
+    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,
+    getCheckedState: Y,
+    focusedKey: T,
+    setFocusedKey: w,
+    flattenedNodes: K,
+    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();
+  }, [F]);
+  const x = (s) => {
+    s.stopPropagation(), !b && !m && N(e.key, e);
+  }, te = (s) => {
+    u && e.selectable !== !1 && !m && A(e.key, e);
+  }, z = (s) => {
+    s.stopPropagation(), !m && !e.disableCheckbox && M(e.key, e);
+  }, ne = (s) => {
+    H && (s.preventDefault(), H({ event: s, node: e }));
+  }, se = (s) => {
+    const v = K.findIndex((i) => i.key === e.key);
+    switch (s.key) {
+      case "ArrowDown": {
+        s.preventDefault();
+        const i = K[v + 1];
+        i && w(i.key);
+        break;
+      }
+      case "ArrowUp": {
+        s.preventDefault();
+        const i = K[v - 1];
+        i && w(i.key);
+        break;
+      }
+      case "ArrowRight": {
+        if (s.preventDefault(), !b && !g)
+          N(e.key, e);
+        else if (j && g) {
+          const i = e.children[0];
+          w(i.key);
+        }
+        break;
+      }
+      case "ArrowLeft": {
+        s.preventDefault(), !b && g && N(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);
+        break;
+      }
+      case "Home": {
+        s.preventDefault();
+        const i = K[0];
+        i && w(i.key);
+        break;
+      }
+      case "End": {
+        s.preventDefault();
+        const i = K[K.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(
+    "svg",
+    {
+      className: `w-4 h-4 transition-transform duration-200 ${g ? "rotate-90" : ""}`,
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      "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(
+    "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-level": a + 1,
+      "data-testid": `${Z}-node-${e.key}`,
+      "data-state": P,
+      "data-key": e.key,
+      children: [
+        /* @__PURE__ */ ue(
+          "div",
+          {
+            ref: $,
+            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"
+            ].filter(Boolean).join(" "),
+            style: { paddingLeft: `${a * 20}px` },
+            tabIndex: F ? 0 : -1,
+            onClick: te,
+            onContextMenu: ne,
+            onKeyDown: se,
+            onFocus: () => w(e.key),
+            children: [
+              /* @__PURE__ */ k(
+                "span",
                 {
-                  className: `w-3 h-3 transition-transform ${i ? "rotate-90" : ""}`,
-                  fill: "none",
-                  viewBox: "0 0 24 24",
-                  stroke: "currentColor",
-                  children: /* @__PURE__ */ d("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" })
+                  className: [
+                    "w-5 h-5 flex items-center justify-center flex-shrink-0",
+                    !b && !m && "cursor-pointer hover:bg-base-300 rounded"
+                  ].filter(Boolean).join(" "),
+                  onClick: x,
+                  "aria-hidden": "true",
+                  children: le()
                 }
-              )
-            }
-          ),
-          x && e.checkable !== !1 && /* @__PURE__ */ d("span", { className: "mr-1 flex-shrink-0", onClick: B, children: /* @__PURE__ */ d(
-            "input",
-            {
-              type: "checkbox",
-              className: "checkbox checkbox-sm checkbox-primary",
-              checked: l,
-              ref: (f) => {
-                f && (f.indeterminate = o);
-              },
-              disabled: e.disabled || e.disableCheckbox,
-              onChange: () => {
-              }
+              ),
+              c && e.checkable !== !1 && /* @__PURE__ */ k("span", { className: "mr-1 flex-shrink-0", onClick: z, children: /* @__PURE__ */ k(
+                "input",
+                {
+                  type: "checkbox",
+                  className: `checkbox ${ie} ${ae}`,
+                  checked: R,
+                  ref: (s) => {
+                    s && (s.indeterminate = _);
+                  },
+                  disabled: m || 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 }),
+              /* @__PURE__ */ k("span", { className: "flex-1 truncate select-none", children: B() })
+            ]
+          }
+        ),
+        j && g && /* @__PURE__ */ k(
+          "div",
+          {
+            className: J ? "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))
+          }
+        )
+      ]
+    }
+  );
+}
+function fe(e) {
+  return null;
+}
+fe.displayName = "Tree.Node";
+function $e(e) {
+  return e.type === fe || typeof e.type == "function" && e.type.displayName === "Tree.Node";
+}
+const _e = Object.assign(
+  Ne(function({
+    treeData: a,
+    children: c,
+    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,
+    showIcon: Y = !1,
+    checkStrictly: T = !1,
+    autoExpandParent: w = !0,
+    blockNode: K = !1,
+    switcherIcon: Z,
+    titleRender: $,
+    filterTreeNode: j,
+    loadData: b,
+    onRightClick: g,
+    fieldNames: p,
+    className: ee = "",
+    "data-testid": F,
+    ...R
+  }, _) {
+    const O = F ?? "tree", m = D((t, o, n) => {
+    }, []), x = G(() => {
+      if (a) {
+        if (p) {
+          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;
+            return {
+              ...n,
+              key: r,
+              title: l,
+              children: Array.isArray(h) ? h.map((y) => o(y)) : void 0
+            };
+          };
+          return a.map(o);
+        }
+        return a;
+      }
+      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) {
+              console.warn("Tree.Node requires a key prop");
+              return;
             }
-          ) }),
-          S && e.icon && /* @__PURE__ */ d("span", { className: "mr-1 flex-shrink-0", children: e.icon }),
-          /* @__PURE__ */ d("span", { className: "flex-1 truncate select-none", children: e.title })
-        ]
+            const y = {
+              key: h,
+              title: l.title,
+              icon: l.icon,
+              disabled: l.disabled,
+              disableCheckbox: l.disableCheckbox,
+              selectable: l.selectable,
+              checkable: l.checkable,
+              isLeaf: l.isLeaf,
+              children: l.children ? t(l.children) : void 0
+            };
+            n.push(y);
+          }
+        }), 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));
+        }), Array.from(t);
       }
-    ),
-    v && i && /* @__PURE__ */ d("div", { className: b ? "border-l border-base-300 ml-2.5" : "", children: j(e.children, t + 1) })
-  ] });
-}
-function se({
-  treeData: e,
-  checkable: t = !1,
-  selectable: i = !0,
-  multiple: r = !1,
-  defaultExpandAll: l = !1,
-  defaultExpandedKeys: o = [],
-  expandedKeys: x,
-  defaultSelectedKeys: M = [],
-  selectedKeys: b,
-  defaultCheckedKeys: S = [],
-  checkedKeys: C,
-  onExpand: N,
-  onSelect: w,
-  onCheck: j,
-  showLine: v = !1,
-  showIcon: m = !1,
-  className: T = "",
-  ...L
-}) {
-  const B = J(() => l ? Y(e) : o, []), [f, O] = $(B), [Q, R] = $(M), [U, V] = $(S), y = x ?? f, u = b ?? Q, p = C ?? U, P = J(() => Z(e), [e]), W = K(
-    (n) => {
-      if (!n.children || n.children.length === 0)
-        return { checked: p.includes(n.key), indeterminate: !1 };
-      const a = I(n), c = a.filter((s) => p.includes(s));
-      return c.length === 0 ? { checked: p.includes(n.key), indeterminate: !1 } : c.length === a.length ? { checked: !0, indeterminate: !1 } : { checked: !1, indeterminate: !0 };
-    },
-    [p]
-  ), q = K(
-    (n) => {
-      const a = A(e, n), c = y.includes(n), s = c ? y.filter((g) => g !== n) : [...y, n];
-      x === void 0 && O(s), N?.(s, { node: a, expanded: !c });
-    },
-    [y, x, N, e]
-  ), z = K(
-    (n, a) => {
-      let c;
-      r ? u.includes(n) ? c = u.filter((s) => s !== n) : c = [...u, n] : c = u.includes(n) ? [] : [n], b === void 0 && R(c), w?.(c, { node: a, selected: c.includes(n) });
-    },
-    [u, r, b, w]
-  ), F = K(
-    (n, a) => {
-      const c = p.includes(n);
-      let s = [...p];
-      const g = I(a);
-      c ? s = s.filter(
-        (h) => h !== n && !g.includes(h)
-      ) : (s.push(n), g.forEach((h) => {
-        s.includes(h) || s.push(h);
-      }));
-      let k = P.get(n) ?? null;
-      for (; k; ) {
-        const h = A(e, k);
-        h && h.children && (h.children.every(
-          (E) => s.includes(E.key) || I(E).every((X) => s.includes(X))
-        ) ? s.includes(k) || s.push(k) : s = s.filter((E) => E !== k)), k = P.get(k) ?? null;
+      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(
+      (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));
+        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(
+      async (t, o) => {
+        const n = s.includes(t);
+        if (b && !n && !o.isLeaf && (!o.children || o.children.length === 0)) {
+          z((l) => [...l, t]);
+          try {
+            await b(o);
+          } finally {
+            z((l) => l.filter((h) => h !== t));
+          }
+        }
+        const r = n ? s.filter((l) => l !== t) : [...s, t];
+        S === void 0 && re(r), N?.(r, { node: o, expanded: !n });
+      },
+      [s, S, N, b]
+    ), me = D(
+      (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) });
+      },
+      [v, E, C, A]
+    ), ve = D(
+      (t, o) => {
+        const n = i.includes(t);
+        let r = [...i];
+        if (T)
+          n ? r = r.filter((l) => l !== t) : r.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);
+          }));
+          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;
+          }
+        }
+        L === void 0 && le(r), M?.(r, { node: o, checked: !n });
+      },
+      [i, L, M, oe, x, T]
+    ), Ce = D(() => {
+      !B && U.length > 0 && P(U[0].key);
+    }, [B, U]), we = {
+      checkable: d,
+      checkboxColor: f,
+      checkboxSize: u,
+      selectable: J,
+      multiple: E,
+      showLine: H,
+      showIcon: Y,
+      blockNode: K,
+      checkStrictly: T,
+      expandedKeys: s,
+      selectedKeys: v,
+      checkedKeys: i,
+      loadingKeys: te,
+      switcherIcon: Z,
+      titleRender: $,
+      filterTreeNode: j,
+      onToggle: ge,
+      onSelect: me,
+      onCheck: ve,
+      onRightClick: g,
+      getCheckedState: xe,
+      focusedKey: B,
+      setFocusedKey: P,
+      flattenedNodes: U,
+      registerNode: m,
+      baseTestId: O
+    };
+    return /* @__PURE__ */ k(ke.Provider, { value: we, children: /* @__PURE__ */ k(
+      "div",
+      {
+        ref: _,
+        className: `tree ${ee}`,
+        role: "tree",
+        "aria-multiselectable": E,
+        "data-testid": O,
+        onFocus: Ce,
+        ...R,
+        children: x.map((t) => /* @__PURE__ */ k(be, { node: t, level: 0 }, t.key))
       }
-      C === void 0 && V(s), j?.(s, { node: a, checked: !c });
-    },
-    [p, C, j, P, e]
-  ), G = K(
-    (n, a) => n.map((c) => {
-      const { checked: s, indeterminate: g } = W(c);
-      return /* @__PURE__ */ d(
-        _,
-        {
-          node: c,
-          level: a,
-          expanded: y.includes(c.key),
-          selected: u.includes(c.key),
-          checked: s,
-          indeterminate: g,
-          checkable: t,
-          selectable: i,
-          showLine: v,
-          showIcon: m,
-          onToggle: q,
-          onSelect: z,
-          onCheck: F,
-          renderChildren: G
-        },
-        c.key
-      );
-    }),
-    [
-      y,
-      u,
-      t,
-      i,
-      v,
-      m,
-      q,
-      z,
-      F,
-      W
-    ]
-  );
-  return /* @__PURE__ */ d("div", { className: `tree ${T}`, ...L, children: G(e, 0) });
-}
+    ) });
+  }),
+  {
+    Node: fe
+  }
+);
 export {
-  se as Tree
+  _e as Tree
 };
 //# sourceMappingURL=index93.js.map