@starasia/admin 4.5.1 → 4.5.2

package/dist/index.es.js

@@ -57,7 +57,7 @@ import { Skeleton as Re } from "@starasia/skeleton";
 export * from "@starasia/skeleton";
 export * from "@starasia/progress-stepper";
 import { jsx as e, Fragment as G, jsxs as h } from "react/jsx-runtime";
-import Tt, { createContext as Pe, useState as S, useContext as We, useCallback as Ce, useMemo as De, memo as ie, useEffect as $, useRef as te, useLayoutEffect as lt, isValidElement as ct, forwardRef as Ot, Children as ar, useImperativeHandle as sr } from "react";
+import Tt, { createContext as Pe, useState as S, useContext as We, useCallback as Ce, useMemo as De, memo as ie, useEffect as $, useRef as ee, useLayoutEffect as lt, isValidElement as ct, forwardRef as Ot, Children as ar, useImperativeHandle as sr } from "react";
 import { useSearchParams as Ye, useNavigate as ut, useLocation as ze, Outlet as Dt, Link as Ue, useParams as Nt } from "react-router";
 import dr, { createPortal as Zt } from "react-dom";
 import hr from "react-easy-crop";
@@ -234,7 +234,7 @@ function Dr({ children: t }) {
   return /* @__PURE__ */ e(gt.Provider, { value: a, children: t });
 }
 function vr({ slotKey: t, fallback: r }) {
-  const i = We(gt), o = i ? (i.slotCounts[t] ?? 0) > 0 : !1, n = te(i == null ? void 0 : i.setOutletNode);
+  const i = We(gt), o = i ? (i.slotCounts[t] ?? 0) > 0 : !1, n = ee(i == null ? void 0 : i.setOutletNode);
   n.current = i == null ? void 0 : i.setOutletNode;
   const l = Ce(
     (s) => {
@@ -247,16 +247,16 @@ function vr({ slotKey: t, fallback: r }) {
   return /* @__PURE__ */ e(G, { children: o ? /* @__PURE__ */ e("div", { ref: l, style: { display: "contents" } }) : r });
 }
 function kn({ slotKey: t, children: r }) {
-  const i = We(gt);
-  if ($(() => {
-    if (i)
-      return i.registerSlot(t);
-  }, [i, t]), !i)
+  const i = We(gt), o = ee(i == null ? void 0 : i.registerSlot);
+  if (o.current = i == null ? void 0 : i.registerSlot, $(() => {
+    var l;
+    return (l = o.current) == null ? void 0 : l.call(o, t);
+  }, [t]), !i)
     return process.env.NODE_ENV !== "production" && console.warn(
       "[SidebarGroupSlot] used outside AppLayout — content not rendered"
     ), null;
-  const o = i.outletNodes[t];
-  return o ? Zt(r, o) : null;
+  const n = i.outletNodes[t];
+  return n ? Zt(r, n) : null;
 }
 const Ge = "moduleSwitcherGroupId", at = "sa-module-switcher-change";
 function vt() {
@@ -340,13 +340,13 @@ function Fn({
   logoutButton: p
 }) {
   var Fe, Ze;
-  const [v] = Ye(), L = v.get("embed") === "true", C = $t(), { badges: T } = mr(), Z = ut(), j = ze(), W = !re("md"), [fe, P] = S(!1), [R, K] = S(!1), [ce, ae] = S(!1), [U, se] = S(!1), [ee, ne] = S(
+  const [v] = Ye(), L = v.get("embed") === "true", C = $t(), { badges: T } = mr(), Z = ut(), j = ze(), W = !re("md"), [fe, P] = S(!1), [R, K] = S(!1), [ce, ae] = S(!1), [U, se] = S(!1), [te, ne] = S(
     () => new Set(bt)
   ), [Y, J] = S(null), { selectedGroupId: V, setSelectedGroupId: z } = Gt();
   $(() => {
-    bt = ee;
-  }, [ee]);
-  const X = te(null), de = te(null);
+    bt = te;
+  }, [te]);
+  const X = ee(null), de = ee(null);
   $(() => {
     const y = X.current;
     if (!y) return;
@@ -443,7 +443,7 @@ function Fn({
   if (L)
     return /* @__PURE__ */ e("main", { style: { height: "100vh", overflowY: "auto", backgroundColor: "var(--sa-background-primary-inverse, #f8f8f8)" }, children: t || /* @__PURE__ */ e(Dt, {}) });
   const Se = (y) => {
-    const F = y.children && y.children.length > 0, E = ee.has(y.id), x = F ? y.children.some((B) => oe(B.to)) : oe(y.to), k = tt(y.badge, T[y.id]), b = !!k && R && !W;
+    const F = y.children && y.children.length > 0, E = te.has(y.id), x = F ? y.children.some((B) => oe(B.to)) : oe(y.to), k = tt(y.badge, T[y.id]), b = !!k && R && !W;
     return /* @__PURE__ */ h("div", { "data-menu-active": x || void 0, children: [
       /* @__PURE__ */ h(
         "button",
@@ -2436,7 +2436,7 @@ const Sr = (t, r) => {
 }) => {
   const Z = (p == null ? void 0 : p.isShowLabel) ?? !0, [j, Q] = S(!1), [W, fe] = S(0), P = () => {
     fe((z) => z + 1);
-  }, { searchParams: R, setSearchParams: K, getQueryParam: ce } = mt(), ae = Qe(R.toString()), U = ri(t, R, a) || "", [se, ee] = S(U), ne = ce(a), J = !!(ne && !(() => {
+  }, { searchParams: R, setSearchParams: K, getQueryParam: ce } = mt(), ae = Qe(R.toString()), U = ri(t, R, a) || "", [se, te] = S(U), ne = ce(a), J = !!(ne && !(() => {
     if (ne)
       try {
         const z = JSON.parse(ne);
@@ -2447,7 +2447,7 @@ const Sr = (t, r) => {
     return !1;
   })()), V = re("md");
   return $(() => {
-    ee(U);
+    te(U);
   }, [U]), $(() => {
     if (se === U)
       return;
@@ -2487,7 +2487,7 @@ const Sr = (t, r) => {
           {
             onClick: () => {
               const z = new URLSearchParams(R);
-              z.delete(a), K(z), ee(""), P(), g && g();
+              z.delete(a), K(z), te(""), P(), g && g();
             },
             variant: "outline",
             tone: "neutral",
@@ -2604,7 +2604,7 @@ const Sr = (t, r) => {
                 {
                   placeholder: i,
                   leftIcon: /* @__PURE__ */ e(w, { name: "Search", width: 20, height: 20 }),
-                  onChange: (z) => ee(z.target.value),
+                  onChange: (z) => te(z.target.value),
                   value: se,
                   fullWidth: !0
                 },
@@ -2627,7 +2627,7 @@ const Sr = (t, r) => {
     }
   );
 }, oi = ({ children: t, borderRadius: r, height: i }) => {
-  const o = te(null), [n, l] = S("100vh");
+  const o = ee(null), [n, l] = S("100vh");
   return $(() => {
     if (i) return;
     const s = () => {
@@ -2823,7 +2823,7 @@ const Sr = (t, r) => {
     }
   );
 }, si = ({ filter: t, columnTitle: r }) => {
-  const [i, o] = S(!1), n = te(null), l = te(null), s = te(null), [a, u] = S(""), [d, g] = S({ top: 0, left: 0 }), m = t.selectedValues, p = De(() => a ? t.options.filter(
+  const [i, o] = S(!1), n = ee(null), l = ee(null), s = ee(null), [a, u] = S(""), [d, g] = S({ top: 0, left: 0 }), m = t.selectedValues, p = De(() => a ? t.options.filter(
     (C) => C.label.toLowerCase().includes(a.toLowerCase())
   ) : t.options, [t.options, a]);
   $(() => {
@@ -3201,7 +3201,7 @@ const Sr = (t, r) => {
   ), U = K ? W ?? null : ce, se = (x) => {
     if (x.sortKey) return x.sortKey;
     if (typeof x.accessor == "string") return x.accessor;
-  }, ee = (x) => {
+  }, te = (x) => {
     const k = se(x);
     if (!k) return;
     let b;
@@ -3216,9 +3216,9 @@ const Sr = (t, r) => {
     const x = g.current;
     Oe(x.scrollHeight > x.clientHeight);
   }, [r, g]);
-  const Ae = te(null), [oe, Ne] = S([]), [He, Se] = S(
+  const Ae = ee(null), [oe, Ne] = S([]), [He, Se] = S(
     () => Z ?? {}
-  ), Fe = te(null);
+  ), Fe = ee(null);
   lt(() => {
     if (!m || !Ae.current) {
       Ne([]);
@@ -3306,7 +3306,7 @@ const Sr = (t, r) => {
                           "button",
                           {
                             type: "button",
-                            onClick: () => ee(x),
+                            onClick: () => te(x),
                             title: pe === "asc" ? "Sorted ascending — click to sort descending" : pe === "desc" ? "Sorted descending — click to clear" : "Click to sort ascending",
                             style: {
                               flex: 1,
@@ -3540,9 +3540,9 @@ const Sr = (t, r) => {
   footerProps: o
 }) => {
   var m;
-  const n = te(null), [l, s] = S(
+  const n = ee(null), [l, s] = S(
     (r == null ? void 0 : r.defaultFrozenCount) ?? 0
-  ), a = (i == null ? void 0 : i.show) ?? !0, u = te(null), d = (m = r == null ? void 0 : r.pagination) == null ? void 0 : m.totalData;
+  ), a = (i == null ? void 0 : i.show) ?? !0, u = ee(null), d = (m = r == null ? void 0 : r.pagination) == null ? void 0 : m.totalData;
   typeof d == "number" && (u.current = d);
   const g = (o == null ? void 0 : o.showFooter) ?? (d === void 0 ? u.current !== 0 : d !== 0);
   return /* @__PURE__ */ h(oi, { ...t, children: [
@@ -4111,7 +4111,7 @@ const Fi = (t) => {
   );
 }, Ei = ({ status: t = "default", ...r }) => {
   var l;
-  const i = te(null), o = () => {
+  const i = ee(null), o = () => {
     if (r.defaultUrl) {
       window.open(r.defaultUrl);
       return;
@@ -4842,7 +4842,7 @@ const At = {
         } catch {
           d == null || d("Gagal memproses gambar");
         }
-    }, U = te(null), se = () => {
+    }, U = ee(null), se = () => {
       U.current && U.current.click();
     };
     sr(g, () => ({
@@ -4851,9 +4851,9 @@ const At = {
         (V = U.current) == null || V.click();
       }
     }));
-    const ee = parseInt(l, 10), ne = At[s];
+    const te = parseInt(l, 10), ne = At[s];
     let Y, J;
-    return ne >= 1 ? (J = ee, Y = ee * ne) : (Y = ee, J = ee / ne), /* @__PURE__ */ h(
+    return ne >= 1 ? (J = te, Y = te * ne) : (Y = te, J = te / ne), /* @__PURE__ */ h(
       f,
       {
         display: "flex",
@@ -6919,7 +6919,7 @@ const go = (t) => {
     footerProps: C = { borderTop: !0 },
     variantTag: T = "info"
   }) => {
-    const Z = te(null), [j, Q] = S("100vh");
+    const Z = ee(null), [j, Q] = S("100vh");
     $(() => {
       const R = () => {
         if (Z.current) {