@starasia/admin 1.3.1 → 1.3.2

package/dist/index.es.js

@@ -51,10 +51,10 @@ export * from "@starasia/progress";
 export * from "@starasia/stepper";
 export * from "@starasia/accordion";
 export * from "@starasia/story-record";
-import { Skeleton as lA } from "@starasia/skeleton";
+import { Skeleton as cA } from "@starasia/skeleton";
 export * from "@starasia/skeleton";
 import { jsx as A, jsxs as s, Fragment as U } from "react/jsx-runtime";
-import gA, { createContext as ue, useState as b, useContext as ke, memo as _, useRef as eA, useEffect as W, useLayoutEffect as NA, useMemo as cA, isValidElement as Ae, forwardRef as KA, useCallback as ZA, Children as Ee, useImperativeHandle as Me } from "react";
+import sA, { createContext as ue, useState as b, useContext as ke, memo as _, useRef as eA, useEffect as W, useLayoutEffect as NA, useMemo as gA, isValidElement as Ae, forwardRef as KA, useCallback as ZA, Children as Ee, useImperativeHandle as Me } from "react";
 import "@starasia/css/dist/style.css";
 import { useSearchParams as uA, useNavigate as ee, useLocation as fA, Outlet as TA, Link as me, useParams as ie } from "react-router";
 import ye from "react-easy-crop";
@@ -359,7 +359,7 @@ function Ft({
       });
     });
   }, [I.pathname, w.menus]);
-  const sA = (m) => {
+  const nA = (m) => {
     Z((y) => {
       const S = new Set(y);
       return S.has(m) ? S.delete(m) : S.add(m), S;
@@ -382,7 +382,7 @@ function Ft({
       const S = w.menus.find((tA) => tA.id === m), v = (y = S == null ? void 0 : S.items[0]) == null ? void 0 : y.to;
       v && B(v);
     }
-  }, le = cA(() => {
+  }, le = gA(() => {
     if (H !== null)
       return w.menus.filter(
         (S) => S.id === H || S.parentGroupId === H
@@ -648,7 +648,7 @@ function Ft({
                             "button",
                             {
                               onClick: () => {
-                                S ? sA(y.id) : B(y.to);
+                                S ? nA(y.id) : B(y.to);
                               },
                               style: {
                                 width: "100%",
@@ -1111,14 +1111,14 @@ const zt = _(
     lastIndex: t,
     labelAlign: n = "top"
   }) => {
-    const l = cA(
+    const l = gA(
       () => ({
         padding: 0,
         paddingBottom: t ? 0 : 8,
         verticalAlign: n
       }),
       [t]
-    ), c = cA(
+    ), c = gA(
       () => ({
         padding: 0,
         paddingRight: 8,
@@ -1151,7 +1151,7 @@ const zt = _(
     fields: o = [],
     labelWidth: t = 150
   }) => {
-    const n = cA(
+    const n = gA(
       () => be(o, e),
       [o, e]
     ), l = n.length > 2, c = () => {
@@ -1565,7 +1565,7 @@ const zt = _(
   iconProps: c,
   variant: g = "default"
 }) => {
-  const C = cA(
+  const C = gA(
     () => ({
       zIndex: 10,
       width: "150px",
@@ -1601,7 +1601,7 @@ const zt = _(
       Q.id || w
     )) })
   ] });
-}, qt = _(qe), re = gA.memo(({ text: e, onClose: i }) => {
+}, qt = _(qe), re = sA.memo(({ text: e, onClose: i }) => {
   var o, t;
   const r = zA();
   return /* @__PURE__ */ s(
@@ -1642,7 +1642,7 @@ const zt = _(
       ]
     }
   );
-}), Te = gA.memo(({ items: e = [], onClose: i }) => /* @__PURE__ */ A(
+}), Te = sA.memo(({ items: e = [], onClose: i }) => /* @__PURE__ */ A(
   a,
   {
     direction: "row",
@@ -1672,10 +1672,10 @@ const zt = _(
     }
   let r = new Date(e);
   return r = typeof e != "object" ? void 0 : r, r;
-}, Re = gA.memo(({ title: e, resetButton: i }) => /* @__PURE__ */ s(a, { direction: "row", justify: "space-between", marginBottom: "md", children: [
+}, Re = sA.memo(({ title: e, resetButton: i }) => /* @__PURE__ */ s(a, { direction: "row", justify: "space-between", marginBottom: "md", children: [
   /* @__PURE__ */ A(a, { children: /* @__PURE__ */ A(d, { fontWeight: "bold", children: e }) }),
   /* @__PURE__ */ A(a, { children: /* @__PURE__ */ A(BA, { onClick: i == null ? void 0 : i.onClick, children: /* @__PURE__ */ A(d, { fontWeight: "bold", color: "error", children: (i == null ? void 0 : i.label) || "Reset" }) }) })
-] })), ve = gA.memo(
+] })), ve = sA.memo(
   ({ value: e, options: i = [], onChange: r, multiple: o }) => {
     const t = (e == null ? void 0 : e.map((c) => c.value)) || [], n = (i == null ? void 0 : i.filter((c) => t.includes(c.value))) || [], l = (c) => {
       const g = [...n];
@@ -1692,7 +1692,7 @@ const zt = _(
       g
     )) });
   }
-), oe = gA.memo(
+), oe = sA.memo(
   KA(
     ({
       label: e,
@@ -1793,7 +1793,7 @@ const zt = _(
       ] });
     }
   )
-), Pe = gA.memo(
+), Pe = sA.memo(
   ({
     show: e,
     title: i,
@@ -1847,7 +1847,7 @@ const zt = _(
       }
     ) });
   }
-), Ve = gA.memo(({ active: e, onClick: i }) => {
+), Ve = sA.memo(({ active: e, onClick: i }) => {
   var o, t;
   const r = zA();
   return /* @__PURE__ */ A(
@@ -2058,7 +2058,7 @@ const nr = (e) => {
   }), r;
 }, cr = (e) => {
   var R;
-  const i = cA(() => ({ ...ei, ...e }), [e]), [r, o] = b(!1), [t, n] = b(!1), [l] = b(void 0), c = () => n(!0), g = () => n(!1), C = t ? g : c, Q = () => {
+  const i = gA(() => ({ ...ei, ...e }), [e]), [r, o] = b(!1), [t, n] = b(!1), [l] = b(void 0), c = () => n(!0), g = () => n(!1), C = t ? g : c, Q = () => {
     o(!0);
   }, w = (x) => {
     o(x);
@@ -2398,6 +2398,21 @@ const nr = (e) => {
             children: /* @__PURE__ */ A(d, { color: "error", fontWeight: "semibold", children: "Reset" })
           }
         ) }),
+        t == null ? void 0 : t.map(({ minWidth: z, content: iA, title: nA, onClickContainer: LA }) => /* @__PURE__ */ s(
+          a,
+          {
+            gap: "sm",
+            onClick: LA,
+            style: {
+              minWidth: z
+            },
+            children: [
+              nA && /* @__PURE__ */ A(q.SubH3, { children: nA }),
+              iA
+            ]
+          },
+          (nA || "") + x
+        )),
         !!(w != null && w.length) && /* @__PURE__ */ A(
           O,
           {
@@ -2502,21 +2517,6 @@ const nr = (e) => {
             ]
           }
         ),
-        t == null ? void 0 : t.map(({ minWidth: z, content: iA, title: sA, onClickContainer: LA }) => /* @__PURE__ */ s(
-          a,
-          {
-            gap: "sm",
-            onClick: LA,
-            style: {
-              minWidth: z
-            },
-            children: [
-              /* @__PURE__ */ A(q.SubH3, { children: sA }),
-              iA
-            ]
-          },
-          sA + x
-        )),
         /* @__PURE__ */ A(
           Ei,
           {
@@ -2601,7 +2601,8 @@ const nr = (e) => {
         paddingBottom: "8px",
         borderBottom: "1px solid var(--starasia-ui-utility-fill-default)",
         flexShrink: 0,
-        zIndex: 2,
+        position: "relative",
+        zIndex: 10,
         flexDirection: o ? "row" : "column-reverse",
         gap: "16px"
       },
@@ -2716,7 +2717,7 @@ const nr = (e) => {
     }
   );
 }, Si = ({ filter: e, columnTitle: i }) => {
-  const [r, o] = b(!1), t = eA(null), n = eA(null), l = eA(null), [c, g] = b(""), [C, Q] = b({ top: 0, left: 0 }), w = e.selectedValues, B = cA(() => c ? e.options.filter(
+  const [r, o] = b(!1), t = eA(null), n = eA(null), l = eA(null), [c, g] = b(""), [C, Q] = b({ top: 0, left: 0 }), w = e.selectedValues, B = gA(() => c ? e.options.filter(
     (h) => h.label.toLowerCase().includes(c.toLowerCase())
   ) : e.options, [e.options, c]);
   W(() => {
@@ -3158,11 +3159,11 @@ const nr = (e) => {
       }
     ),
     /* @__PURE__ */ A(Qe, { children: n ? /* @__PURE__ */ A(QA, { children: /* @__PURE__ */ A(CA, { colSpan: e.length + 1, children: /* @__PURE__ */ s(a, { style: { gap: "16px" }, children: [
-      /* @__PURE__ */ A(lA, { variant: "list" }),
-      /* @__PURE__ */ A(lA, { variant: "list" }),
-      /* @__PURE__ */ A(lA, { variant: "list" }),
-      /* @__PURE__ */ A(lA, { variant: "list" }),
-      /* @__PURE__ */ A(lA, { variant: "list" })
+      /* @__PURE__ */ A(cA, { variant: "list" }),
+      /* @__PURE__ */ A(cA, { variant: "list" }),
+      /* @__PURE__ */ A(cA, { variant: "list" }),
+      /* @__PURE__ */ A(cA, { variant: "list" }),
+      /* @__PURE__ */ A(cA, { variant: "list" })
     ] }) }) }) : !(i != null && i.length) && h ? /* @__PURE__ */ A(QA, { children: /* @__PURE__ */ A(CA, { colSpan: e.length + 1, children: h }) }) : i == null ? void 0 : i.map((k, G) => /* @__PURE__ */ s(
       QA,
       {
@@ -3252,7 +3253,7 @@ const nr = (e) => {
                 onClick: () => t(k.id, k),
                 iconLeft: /* @__PURE__ */ A(M, { name: "Trash1", size: "sm", style: { color: "rgb(var(--starasia-ui-raw-color-red-600))" } })
               }
-            ) }, "delete") : E === "custom" ? /* @__PURE__ */ A(gA.Fragment, { children: I == null ? void 0 : I(k) }, "custom") : null;
+            ) }, "delete") : E === "custom" ? /* @__PURE__ */ A(sA.Fragment, { children: I == null ? void 0 : I(k) }, "custom") : null;
           }) }) }) : null
         ]
       },
@@ -3470,9 +3471,9 @@ const Qr = bi(Oi), kA = ({
           condition: !!(o != null && o.length),
           isLoading: c,
           loading: /* @__PURE__ */ s(a, { marginTop: "sm", gap: "md", children: [
-            /* @__PURE__ */ A(lA, { variant: "list" }),
-            /* @__PURE__ */ A(lA, { variant: "list" }),
-            /* @__PURE__ */ A(lA, { variant: "list" })
+            /* @__PURE__ */ A(cA, { variant: "list" }),
+            /* @__PURE__ */ A(cA, { variant: "list" }),
+            /* @__PURE__ */ A(cA, { variant: "list" })
           ] }),
           children: /* @__PURE__ */ A(
             YA,
@@ -3825,7 +3826,7 @@ const Qr = bi(Oi), kA = ({
     color: e.color || "gray-700",
     children: e.children
   }
-), nA = (e) => /* @__PURE__ */ A(d, { color: "red-600", fontSize: "sm", children: e.message }), Ni = ({
+), lA = (e) => /* @__PURE__ */ A(d, { color: "red-600", fontSize: "sm", children: e.message }), Ni = ({
   size: e = "md",
   direction: i = "vertical",
   requiredTitle: r = "(Required)",
@@ -3904,7 +3905,7 @@ const Qr = bi(Oi), kA = ({
               fullWidth: !0
             }
           ),
-          !n && t.errorMessage && /* @__PURE__ */ A(nA, { message: t.errorMessage }),
+          !n && t.errorMessage && /* @__PURE__ */ A(lA, { message: t.errorMessage }),
           t.inputProps.extended && t.inputProps.extended
         ] })
       ]
@@ -3995,7 +3996,7 @@ const Qr = bi(Oi), kA = ({
               )
             }
           ),
-          !n && t.errorMessage && /* @__PURE__ */ A(nA, { message: t.errorMessage }),
+          !n && t.errorMessage && /* @__PURE__ */ A(lA, { message: t.errorMessage }),
           t.inputProps.extended && t.inputProps.extended
         ] })
       ]
@@ -4311,7 +4312,7 @@ const Ji = (e) => {
               status: t.errorMessage ? "error" : "default"
             }
           ),
-          !n && t.errorMessage && /* @__PURE__ */ A(nA, { message: t.errorMessage })
+          !n && t.errorMessage && /* @__PURE__ */ A(lA, { message: t.errorMessage })
         ] })
       ]
     }
@@ -4435,7 +4436,7 @@ const Ji = (e) => {
             )
           }
         ),
-        !l && n.errorMessage && /* @__PURE__ */ A(nA, { message: n.errorMessage })
+        !l && n.errorMessage && /* @__PURE__ */ A(lA, { message: n.errorMessage })
       ]
     }
   );
@@ -4513,7 +4514,7 @@ const Ji = (e) => {
             )
           }
         ),
-        o.errorMessage && /* @__PURE__ */ A(nA, { message: o.errorMessage })
+        o.errorMessage && /* @__PURE__ */ A(lA, { message: o.errorMessage })
       ]
     }
   );
@@ -4595,7 +4596,7 @@ const Ji = (e) => {
               status: t.errorMessage ? "error" : "default"
             }
           ),
-          !n && t.errorMessage && /* @__PURE__ */ A(nA, { message: t.errorMessage })
+          !n && t.errorMessage && /* @__PURE__ */ A(lA, { message: t.errorMessage })
         ] })
       ]
     }
@@ -4678,7 +4679,7 @@ const Ji = (e) => {
             description: n.description
           }
         ),
-        n.errorMessage && /* @__PURE__ */ A(nA, { message: n.errorMessage })
+        n.errorMessage && /* @__PURE__ */ A(lA, { message: n.errorMessage })
       ]
     }
   );
@@ -4820,7 +4821,7 @@ const Ji = (e) => {
               )
             }
           ),
-          !n && t.errorMessage && /* @__PURE__ */ A(nA, { message: t.errorMessage })
+          !n && t.errorMessage && /* @__PURE__ */ A(lA, { message: t.errorMessage })
         ] })
       ]
     }
@@ -4885,8 +4886,8 @@ const vA = {
       },
       []
     ), AA = (J) => {
-      var sA;
-      const z = (sA = J.target.files) == null ? void 0 : sA[0];
+      var nA;
+      const z = (nA = J.target.files) == null ? void 0 : nA[0];
       if (!z) return;
       const iA = new FileReader();
       iA.onload = () => {
@@ -5163,7 +5164,7 @@ const vA = {
         ),
         /* @__PURE__ */ s(T, { gap: "xs", children: [
           /* @__PURE__ */ A(_i, { ...n.inputProps }),
-          !l && n.errorMessage && /* @__PURE__ */ A(nA, { message: n.errorMessage })
+          !l && n.errorMessage && /* @__PURE__ */ A(lA, { message: n.errorMessage })
         ] })
       ]
     }
@@ -6968,7 +6969,7 @@ const Gr = () => {
 function Or(e) {
   var o, t;
   const i = e.decodedAccessToken;
-  return cA(() => {
+  return gA(() => {
     var g, C;
     const n = ((C = (g = i == null ? void 0 : i.access) == null ? void 0 : g.role) == null ? void 0 : C.code) ?? "", l = Object.keys(e.role).reduce(
       (Q, w) => {