asterui 0.12.63 → 0.12.64

package/dist/components/TreeSelect.js

@@ -1,7 +1,7 @@
-import { jsx as g, jsxs as C } from "react/jsx-runtime";
-import un, { forwardRef as fn, useId as hn, useState as T, useRef as ge, useMemo as ce, useCallback as z, useEffect as ve } from "react";
+import { jsx as v, jsxs as C } from "react/jsx-runtime";
+import un, { forwardRef as fn, useId as hn, useState as T, useRef as ve, useMemo as ce, useCallback as z, useEffect as ge } from "react";
 import { useConfig as pn } from "../providers/ConfigProvider.js";
-const bn = "checkbox", gn = "checkbox-sm", vn = "checkbox-primary", yn = "loading", xn = "loading-spinner", wn = "loading-xs", Me = "input", kn = "input-sm", mn = "input-disabled", Ln = "SHOW_ALL", $n = "SHOW_PARENT", Sn = "SHOW_CHILD";
+const bn = "checkbox", vn = "checkbox-sm", gn = "checkbox-primary", yn = "loading", xn = "loading-spinner", wn = "loading-xs", Me = "input", kn = "input-sm", mn = "input-disabled", Ln = "SHOW_ALL", $n = "SHOW_PARENT", Sn = "SHOW_CHILD";
 function d(r, u, p) {
   if (u === "title") {
     const l = p?.label || "title";
@@ -19,15 +19,15 @@ function d(r, u, p) {
 function Be(r, u = [], p) {
   const l = [];
   return r.forEach((f) => {
-    const b = d(f, "title", p), v = d(f, "children", p), k = [...u, b];
-    l.push({ node: f, path: k }), v && l.push(...Be(v, k, p));
+    const b = d(f, "title", p), g = d(f, "children", p), k = [...u, b];
+    l.push({ node: f, path: k }), g && l.push(...Be(g, k, p));
   }), l;
 }
 function Kn(r, u) {
   const p = [], l = (f) => {
     f.forEach((b) => {
-      const v = d(b, "key", u), k = d(b, "children", u);
-      p.push(v), k && l(k);
+      const g = d(b, "key", u), k = d(b, "children", u);
+      p.push(g), k && l(k);
     });
   };
   return l(r), p;
@@ -37,8 +37,8 @@ function $(r, u, p) {
     const f = d(l, "key", p), b = d(l, "children", p);
     if (f === u) return l;
     if (b) {
-      const v = $(b, u, p);
-      if (v) return v;
+      const g = $(b, u, p);
+      if (g) return g;
     }
   }
   return null;
@@ -46,19 +46,19 @@ function $(r, u, p) {
 function Pe(r, u) {
   const p = [], l = (f) => {
     const b = d(f, "children", u);
-    b && b.forEach((v) => {
-      const k = d(v, "key", u);
-      p.push(k), l(v);
+    b && b.forEach((g) => {
+      const k = d(g, "key", u);
+      p.push(k), l(g);
     });
   };
   return l(r), p;
 }
 function ye(r, u, p, l = []) {
   for (const f of r) {
-    const b = d(f, "key", p), v = d(f, "children", p);
+    const b = d(f, "key", p), g = d(f, "children", p);
     if (b === u) return l;
-    if (v) {
-      const k = ye(v, u, p, [...l, b]);
+    if (g) {
+      const k = ye(g, u, p, [...l, b]);
       if (k) return k;
     }
   }
@@ -71,7 +71,7 @@ function En({
   selected: l,
   checked: f,
   indeterminate: b,
-  treeCheckable: v,
+  treeCheckable: g,
   treeLine: k,
   treeIcon: V,
   focused: A,
@@ -88,12 +88,12 @@ function En({
   const q = d(r, "children", X), B = d(r, "title", X), W = d(r, "key", X), N = r.icon, G = q && q.length > 0, K = r.isLeaf ?? !G, R = (L) => {
     L.stopPropagation(), K || Y(W);
   }, m = () => {
-    r.disabled || (v ? P(W, r) : Z(W, r));
+    r.disabled || (g ? P(W, r) : Z(W, r));
   }, _ = (L) => {
     L.stopPropagation(), r.disabled || P(W, r);
   }, J = (L) => {
     (L.key === "Enter" || L.key === " ") && (L.preventDefault(), m());
-  }, ee = () => le ? /* @__PURE__ */ g("span", { className: `${yn} ${xn} ${wn}` }) : M ? typeof M == "function" ? M({ expanded: p }) : M : /* @__PURE__ */ g(
+  }, ee = () => le ? /* @__PURE__ */ v("span", { className: `${yn} ${xn} ${wn}` }) : M ? typeof M == "function" ? M({ expanded: p }) : M : /* @__PURE__ */ v(
     "svg",
     {
       className: `w-3 h-3 transition-transform ${p ? "rotate-90" : ""}`,
@@ -101,7 +101,7 @@ function En({
       viewBox: "0 0 24 24",
       stroke: "currentColor",
       "aria-hidden": "true",
-      children: /* @__PURE__ */ g("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" })
+      children: /* @__PURE__ */ v("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" })
     }
   );
   return /* @__PURE__ */ C(
@@ -111,6 +111,7 @@ function En({
       role: "treeitem",
       id: ae,
       "aria-selected": l || f,
+      "aria-checked": g ? b ? "mixed" : f : void 0,
       "aria-expanded": G ? p : void 0,
       "data-testid": `${U}-option-${W}`,
       "data-state": l || f ? "selected" : "unselected",
@@ -131,7 +132,7 @@ function En({
             onKeyDown: J,
             tabIndex: -1,
             children: [
-              /* @__PURE__ */ g(
+              /* @__PURE__ */ v(
                 "span",
                 {
                   className: [
@@ -143,11 +144,11 @@ function En({
                   children: !K && ee()
                 }
               ),
-              v && /* @__PURE__ */ g("span", { className: "mr-2 flex-shrink-0", onClick: _, children: /* @__PURE__ */ g(
+              g && /* @__PURE__ */ v("span", { className: "mr-2 flex-shrink-0", onClick: _, children: /* @__PURE__ */ v(
                 "input",
                 {
                   type: "checkbox",
-                  className: `${bn} ${gn} ${vn}`,
+                  className: `${bn} ${vn} ${gn}`,
                   checked: f,
                   ref: (L) => {
                     L && (L.indeterminate = b);
@@ -158,12 +159,12 @@ function En({
                   tabIndex: -1
                 }
               ) }),
-              V && N && /* @__PURE__ */ g("span", { className: "mr-1.5 flex-shrink-0 flex items-center", children: N }),
-              /* @__PURE__ */ g("span", { className: "flex-1 truncate select-none text-sm", children: B })
+              V && N && /* @__PURE__ */ v("span", { className: "mr-1.5 flex-shrink-0 flex items-center", children: N }),
+              /* @__PURE__ */ v("span", { className: "flex-1 truncate select-none text-sm", children: B })
             ]
           }
         ),
-        G && p && /* @__PURE__ */ g("div", { role: "group", children: D(q, u + 1) })
+        G && p && /* @__PURE__ */ v("div", { role: "group", children: D(q, u + 1) })
       ]
     }
   );
@@ -198,7 +199,7 @@ const In = {
     onChange: l,
     multiple: f = !1,
     treeCheckable: b = !1,
-    treeCheckStrictly: v = !1,
+    treeCheckStrictly: g = !1,
     showCheckedStrategy: k = "SHOW_ALL",
     showSearch: V = !1,
     searchValue: A,
@@ -236,7 +237,7 @@ const In = {
     "data-testid": Ve,
     ...Ue
   }, ne) => {
-    const { componentSize: Xe, componentDisabled: qe, renderEmpty: Ge } = pn(), Je = q ?? Xe ?? "md", H = M ?? qe ?? !1, Qe = Te ?? Ge?.("TreeSelect") ?? "No results found", E = Ve ?? "treeselect", te = hn(), me = `${te}-listbox`, [Ye, Ze] = T(!1), [De, re] = T(""), [x, j] = T(null), [Le, $e] = T(/* @__PURE__ */ new Set()), fe = ge(null), he = ge(null), se = ge(null), Q = A ?? De, y = ue ?? Ye, Se = (e) => e === void 0 ? [] : Array.isArray(e) ? e.map((n) => typeof n == "object" && n !== null ? n.value : n) : typeof e == "object" && e !== null ? [e.value] : [e], Ne = Se(p), [en, ie] = T(Ne), h = u !== void 0 ? Se(u) : en, nn = ce(() => Y ? Kn(r, i) : Z, [r, Y, Z, i]), [tn, rn] = T(nn), I = P ?? tn, S = ce(() => {
+    const { componentSize: Xe, componentDisabled: qe, renderEmpty: Ge } = pn(), Je = q ?? Xe ?? "md", H = M ?? qe ?? !1, Qe = Te ?? Ge?.("TreeSelect") ?? "No results found", E = Ve ?? "treeselect", te = hn(), me = `${te}-listbox`, [Ye, Ze] = T(!1), [De, re] = T(""), [x, j] = T(null), [Le, $e] = T(/* @__PURE__ */ new Set()), fe = ve(null), he = ve(null), se = ve(null), Q = A ?? De, y = ue ?? Ye, Se = (e) => e === void 0 ? [] : Array.isArray(e) ? e.map((n) => typeof n == "object" && n !== null ? n.value : n) : typeof e == "object" && e !== null ? [e.value] : [e], Ne = Se(p), [en, ie] = T(Ne), h = u !== void 0 ? Se(u) : en, nn = ce(() => Y ? Kn(r, i) : Z, [r, Y, Z, i]), [tn, rn] = T(nn), I = P ?? tn, S = ce(() => {
       const e = [], n = (c) => {
         c.forEach((t) => {
           const o = d(t, "key", i), s = d(t, "children", i);
@@ -250,14 +251,14 @@ const In = {
       },
       [ue, xe]
     );
-    ve(() => {
+    ge(() => {
       const e = (n) => {
         fe.current && !fe.current.contains(n.target) && (O(!1), A === void 0 && re(""));
       };
       return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-    }, [O, A]), ve(() => {
+    }, [O, A]), ge(() => {
       y && V && he.current ? he.current.focus() : y && se.current && se.current.focus();
-    }, [y, V]), ve(() => {
+    }, [y, V]), ge(() => {
       y && S.length > 0 ? h.length > 0 ? j(h[0]) : j(S[0].key) : y || j(null);
     }, [y, S, h]);
     const Ke = ce(() => {
@@ -347,7 +348,7 @@ const In = {
       (e, n) => {
         const c = h.includes(e);
         let t = [...h];
-        if (v)
+        if (g)
           if (c)
             t = t.filter((s) => s !== e);
           else {
@@ -388,7 +389,7 @@ const In = {
         } else
           l?.(t, o, { triggerValue: e, triggerNode: n });
       },
-      [h, u, l, r, v, i, m, _]
+      [h, u, l, r, g, i, m, _]
     ), sn = (e) => {
       e.stopPropagation();
       const n = [];
@@ -474,18 +475,18 @@ const In = {
     }, Ie = z(
       (e) => {
         const n = d(e, "key", i), c = d(e, "children", i);
-        if (v)
+        if (g)
           return { checked: h.includes(n), indeterminate: !1 };
         if (!c || c.length === 0)
           return { checked: h.includes(n), indeterminate: !1 };
         const t = Pe(e, i), o = t.filter((s) => h.includes(s));
         return o.length === 0 ? { checked: h.includes(n), indeterminate: !1 } : o.length === t.length ? { checked: !0, indeterminate: !1 } : { checked: !1, indeterminate: !0 };
       },
-      [h, v, i]
+      [h, g, i]
     ), Ae = z(
       (e, n) => e.map((c) => {
         const t = d(c, "key", i), { checked: o, indeterminate: s } = Ie(c);
-        return /* @__PURE__ */ g(
+        return /* @__PURE__ */ v(
           En,
           {
             node: c,
@@ -547,21 +548,21 @@ const In = {
             Ee(a, { stopPropagation: () => {
             } });
           };
-          return J ? /* @__PURE__ */ g(un.Fragment, { children: J({ label: _e, value: a, closable: je, onClose: dn }) }, a) : /* @__PURE__ */ C(
+          return J ? /* @__PURE__ */ v(un.Fragment, { children: J({ label: _e, value: a, closable: je, onClose: dn }) }, a) : /* @__PURE__ */ C(
             "span",
             {
               className: "inline-flex items-center gap-1 px-2 py-0.5 bg-base-200 rounded text-sm mr-1 mb-1",
               "data-testid": `${E}-tag-${a}`,
               children: [
                 _e,
-                je && /* @__PURE__ */ g(
+                je && /* @__PURE__ */ v(
                   "button",
                   {
                     type: "button",
                     className: "hover:text-error",
                     onClick: (Oe) => Ee(a, Oe),
                     "aria-label": `Remove ${typeof F == "string" ? F : a}`,
-                    children: /* @__PURE__ */ g(
+                    children: /* @__PURE__ */ v(
                       "svg",
                       {
                         className: "w-3 h-3",
@@ -569,7 +570,7 @@ const In = {
                         viewBox: "0 0 24 24",
                         stroke: "currentColor",
                         "aria-hidden": "true",
-                        children: /* @__PURE__ */ g(
+                        children: /* @__PURE__ */ v(
                           "path",
                           {
                             strokeLinecap: "round",
@@ -590,7 +591,7 @@ const In = {
         if (o > 0) {
           const a = e.slice(K), w = typeof R == "function" ? R(a) : R || `+${o} more`;
           s.push(
-            /* @__PURE__ */ g(
+            /* @__PURE__ */ v(
               "span",
               {
                 className: "inline-flex items-center px-2 py-0.5 bg-base-200 rounded text-sm mr-1 mb-1",
@@ -616,7 +617,7 @@ const In = {
       i,
       H,
       J
-    ]), He = W ? Hn[W] : B ? An[B] : "", an = G ? "bg-transparent border-transparent" : Wn[N], We = /* @__PURE__ */ g("div", { className: "py-1", role: "tree", "aria-label": "Tree options", children: Ke.length > 0 ? Ae(Ke, 0) : /* @__PURE__ */ g(
+    ]), He = W ? Hn[W] : B ? An[B] : "", an = G ? "bg-transparent border-transparent" : Wn[N], We = /* @__PURE__ */ v("div", { className: "py-1", role: "tree", "aria-label": "Tree options", children: Ke.length > 0 ? Ae(Ke, 0) : /* @__PURE__ */ v(
       "div",
       {
         className: "px-4 py-2 text-base-content/50 text-sm text-center",
@@ -660,8 +661,8 @@ const In = {
               onClick: () => !H && O(!y),
               "data-testid": `${E}-trigger`,
               children: [
-                /* @__PURE__ */ g("div", { className: "flex-1 flex flex-wrap items-center gap-1 min-w-0", children: ln || /* @__PURE__ */ g("span", { className: "text-base-content/50", children: ae }) }),
-                X && h.length > 0 && !H && /* @__PURE__ */ g(
+                /* @__PURE__ */ v("div", { className: "flex-1 flex flex-wrap items-center gap-1 min-w-0", children: ln || /* @__PURE__ */ v("span", { className: "text-base-content/50", children: ae }) }),
+                X && h.length > 0 && !H && /* @__PURE__ */ v(
                   "button",
                   {
                     type: "button",
@@ -669,7 +670,7 @@ const In = {
                     onClick: sn,
                     "aria-label": "Clear selection",
                     "data-testid": `${E}-clear`,
-                    children: /* @__PURE__ */ g(
+                    children: /* @__PURE__ */ v(
                       "svg",
                       {
                         className: "w-4 h-4",
@@ -677,7 +678,7 @@ const In = {
                         viewBox: "0 0 24 24",
                         stroke: "currentColor",
                         "aria-hidden": "true",
-                        children: /* @__PURE__ */ g(
+                        children: /* @__PURE__ */ v(
                           "path",
                           {
                             strokeLinecap: "round",
@@ -690,7 +691,7 @@ const In = {
                     )
                   }
                 ),
-                Fe || /* @__PURE__ */ g(
+                Fe || /* @__PURE__ */ v(
                   "svg",
                   {
                     className: `w-4 h-4 flex-shrink-0 transition-transform ${y ? "rotate-180" : ""}`,
@@ -698,7 +699,7 @@ const In = {
                     viewBox: "0 0 24 24",
                     stroke: "currentColor",
                     "aria-hidden": "true",
-                    children: /* @__PURE__ */ g(
+                    children: /* @__PURE__ */ v(
                       "path",
                       {
                         strokeLinecap: "round",
@@ -719,7 +720,7 @@ const In = {
               className: `absolute z-50 mt-1 w-full bg-base-100 border border-base-300 rounded-lg shadow-lg max-h-64 overflow-auto ${ze}`,
               "data-testid": `${E}-dropdown`,
               children: [
-                V && /* @__PURE__ */ g("div", { className: "p-2 border-b border-base-300", children: /* @__PURE__ */ g(
+                V && /* @__PURE__ */ v("div", { className: "p-2 border-b border-base-300", children: /* @__PURE__ */ v(
                   "input",
                   {
                     ref: he,