rc-lib-ui 1.2.22 → 1.2.24

package/dist/Dashboard/components/ListMemu/ListMenu.d.ts

@@ -7,6 +7,7 @@ import { RenderListProps } from './ui/RenderList';
 interface ItemListMenuCommonProps extends Pick<RenderIconProps, 'icon'>, Pick<ListTextProps, 'title'>, Pick<ListButtonProps, 'onClick'> {
     action?: ReactNode;
     sx?: SxProps<Theme>;
+    id?: string;
 }
 type OneVariantMenuList = {
     children?: Array<ItemListMenuCommonProps & {

package/dist/dashboard.js

@@ -1,19 +1,19 @@
-import { jsx as d, jsxs as f, Fragment as A } from "react/jsx-runtime";
-import { styled as p, ListItemButton as ci, Typography as di, ListItemIcon as hi, List as ai, ListItem as si, Collapse as fi, Box as J, AppBar as pi, Container as gi, Toolbar as ui, Drawer as xi, Divider as Z, IconButton as mi } from "@mui/material";
-import { useTheme as wi } from "@mui/material/styles";
-import R, { useState as B, useCallback as P, useRef as K, useEffect as Q, forwardRef as _, useMemo as li, Fragment as bi, useImperativeHandle as vi } from "react";
-import Si from "@mui/icons-material/ChevronLeft";
-import Ci from "@mui/icons-material/ChevronRight";
-import { U as Li, s as yi } from "./index-B7GqTJat.js";
-import { ExpandLess as Ii, ExpandMore as Wi } from "@mui/icons-material";
-import { T as Hi } from "./Tooltips-Q_C8jHNF.js";
-import { NavLink as ki } from "react-router-dom";
-import G from "classnames";
-const Di = p("main")(() => ({
+import { jsx as d, Fragment as G, jsxs as s } from "react/jsx-runtime";
+import { styled as g, ListItemButton as hi, Typography as di, ListItemIcon as si, List as ai, ListItem as fi, Collapse as pi, Box as J, AppBar as gi, Container as ui, Toolbar as xi, Drawer as mi, Divider as Z, IconButton as wi } from "@mui/material";
+import { useTheme as bi } from "@mui/material/styles";
+import N, { useState as O, useCallback as P, useRef as K, useEffect as Q, forwardRef as V, useMemo as li, Fragment as vi, useImperativeHandle as Si } from "react";
+import Ci from "@mui/icons-material/ChevronLeft";
+import Li from "@mui/icons-material/ChevronRight";
+import { U as yi, s as Ii } from "./index-B7GqTJat.js";
+import { ExpandLess as Wi, ExpandMore as Hi } from "@mui/icons-material";
+import { T as ki } from "./Tooltips-Q_C8jHNF.js";
+import { NavLink as Di } from "react-router-dom";
+import _ from "classnames";
+const Mi = g("main")(() => ({
   display: "flex",
   flexDirection: "column",
   flexGrow: 1
-})), Mi = p("div")(({ theme: i }) => ({
+})), Ti = g("div")(({ theme: i }) => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
@@ -30,7 +30,7 @@ const Di = p("main")(() => ({
     easing: i.transitions.easing.sharp,
     duration: i.transitions.duration.enteringScreen
   })
-})), ii = (i) => typeof i == "number" ? i + "px" : i, Ti = (i, a = {}) => {
+})), ii = (i) => typeof i == "number" ? i + "px" : i, Ri = (i, a = {}) => {
   const { newProp: l = "marginLeft", positionCorrect: e = "- 0px" } = a;
   let n = {};
   for (const [t, o] of Object.entries(i))
@@ -43,13 +43,13 @@ const Di = p("main")(() => ({
     }
   return n;
 }, $i = ({ render: i, defaultStatus: a = !1 }) => {
-  const [l, e] = B({ is: a, id: "" }), n = P(() => {
+  const [l, e] = O({ is: a, id: "" }), n = P(() => {
     e((o) => ({ ...o, is: !o.is }));
   }, []), t = P((o) => {
     e((r) => ({ ...r, id: o }));
   }, []);
   return i({ ...l, setID: t, handleToggle: n });
-}, Ri = p(ci, {
+}, Bi = g(hi, {
   shouldForwardProp: (i) => !["minHeight"].includes(i)
 })(({ minHeight: i }) => ({
   minHeight: i,
@@ -58,15 +58,15 @@ const Di = p("main")(() => ({
   transition: "height .1s ease-in-out",
   overflow: "hidden"
   // ':hover': { backgroundColor: 'transparent' },
-})), j = { minHeight: 48, height: 0 }, U = ({ sx: i = {}, isWrapText: a, isOpen: l, ...e }) => {
-  const n = K(null), [t, o] = B(j);
+})), A = { minHeight: 48, height: 0 }, U = ({ sx: i = {}, isWrapText: a, isOpen: l, ...e }) => {
+  const n = K(null), [t, o] = O(A);
   return Q(() => {
     if (a && (n != null && n.current)) {
       const { scrollHeight: r, clientHeight: c } = n == null ? void 0 : n.current;
-      l ? (!t.height && o((x) => ({ ...x, height: c })), r !== c && o({ ...j, height: r + c })) : o({ ...j, height: j.minHeight });
+      l ? (!t.height && o((u) => ({ ...u, height: c })), r !== c && o({ ...A, height: r + c })) : o({ ...A, height: A.minHeight });
     }
   }, [l]), /* @__PURE__ */ d(
-    Ri,
+    Bi,
     {
       minHeight: t.minHeight,
       ref: n,
@@ -74,25 +74,25 @@ const Di = p("main")(() => ({
       ...e
     }
   );
-}, Bi = ({ unmount: i, isWrapText: a, title: l, sx: e = {} }) => {
-  const [n, t] = B(""), o = K(null);
+}, zi = ({ unmount: i, isWrapText: a, title: l, sx: e = {} }) => {
+  const [n, t] = O(""), o = K(null);
   return Q(() => {
     if (!i && o.current) {
       const r = o.current, c = setTimeout(() => {
         r != null && r.offsetWidth && (r == null ? void 0 : r.scrollWidth) > (r == null ? void 0 : r.offsetWidth) && typeof l == "string" && t(l), clearTimeout(c);
       }, 200);
     }
-  }, [l, i]), a ? !i && /* @__PURE__ */ d(di, { children: l, sx: { textWrap: "wrap", overflowWrap: "break-word", ...e } }) : !i && /* @__PURE__ */ d(zi, { ref: o, tooltipText: n, title: l, sx: e });
-}, E = R.memo(Bi), zi = _(({ tooltipText: i, title: a, sx: l }, e) => /* @__PURE__ */ d(Hi, { variant: "default", title: i, children: /* @__PURE__ */ d(di, { component: "div", ref: e, children: a, noWrap: !0, sx: { ...l, width: "100%" } }) })), Ni = _(({ className: i = "", ...a }, l) => /* @__PURE__ */ d(
-  ki,
+  }, [l, i]), a ? !i && /* @__PURE__ */ d(di, { children: l, sx: { textWrap: "wrap", overflowWrap: "break-word", ...e } }) : !i && /* @__PURE__ */ d(Ni, { ref: o, tooltipText: n, title: l, sx: e });
+}, E = N.memo(zi), Ni = V(({ tooltipText: i, title: a, sx: l }, e) => /* @__PURE__ */ d(ki, { variant: "default", title: i, children: /* @__PURE__ */ d(di, { component: "div", ref: e, children: a, noWrap: !0, sx: { ...l, width: "100%" } }) })), Oi = V(({ className: i = "", ...a }, l) => /* @__PURE__ */ d(
+  Di,
   {
     ref: l,
     className: ({ isActive: e }) => e ? i + " Mui-selected" : i,
     end: !0,
     ...a
   }
-)), ni = R.memo(Ni), X = ({ icon: i, sx: a }) => /* @__PURE__ */ d(
-  hi,
+)), ni = N.memo(Oi), X = ({ icon: i, sx: a }) => /* @__PURE__ */ d(
+  si,
   {
     sx: {
       minWidth: 40,
@@ -102,7 +102,7 @@ const Di = p("main")(() => ({
     },
     children: i
   }
-), Oi = p(ai, {
+), Fi = g(ai, {
   shouldForwardProp: (i) => !["styleList", "isScrollIndentation"].includes(i)
 })(({ theme: i, styleList: a = "variant1" }) => ({
   display: "flex",
@@ -152,15 +152,16 @@ const Di = p("main")(() => ({
   //     }
   //   },
   // }
-})), Y = p(si, {
+})), Y = g(fi, {
   shouldForwardProp: (i) => !["visual"].includes(i)
 })(({ theme: i, visual: a }) => ({
+  display: "block",
   ...a === "variant2" && {
     "&": {
-      padding: `0 ${i.spacing(1)}`
+      // padding: `0 ${theme.spacing(1)}`,
     },
     "& .MuiListItemIcon-root": {
-      marginLeft: `-${i.spacing(1)}`
+      // marginLeft: `-${theme.spacing(1)}`,
     },
     "& .MuiButtonBase-root": {
       borderRadius: "5px",
@@ -169,112 +170,112 @@ const Di = p("main")(() => ({
       }
     }
   }
-})), q = ({ isIcon: i }) => ({ paddingRight: 1.2, ...!i && { paddingLeft: 1.2 } }), Fi = _(({ styleList: i = "variant1", isRight: a, columnMenu: l, isWrapText: e = !1, listMenu: n, isOpen: t, sx: o, className: r }, c) => {
-  const { minWidthColumn: x } = l, [y, v] = B(""), I = li(() => n.map(({ action: W, icon: g, title: z, sx: H = {}, onClick: S, children: m, to: k }, h) => {
-    const D = `${h}`, w = (s) => {
-      v(D), S && S(s);
+})), q = ({ isIcon: i }) => ({ paddingRight: 1.2, ...!i && { paddingLeft: 1.2 } }), ji = V(({ styleList: i = "variant1", isRight: a, columnMenu: l, isWrapText: e = !1, listMenu: n, isOpen: t, sx: o, className: r }, c) => {
+  const { minWidthColumn: u } = l, [I, S] = O(""), W = li(() => n.map(({ action: H, icon: x, title: F, sx: k = {}, onClick: C, children: w, to: D, id: h }, L) => {
+    const p = `${h || L}`, b = (m) => {
+      S(p), C && C(m);
     };
-    return m && Array.isArray(m) ? /* @__PURE__ */ d(bi, { children: /* @__PURE__ */ d(
+    return w && Array.isArray(w) ? /* @__PURE__ */ d(vi, { children: /* @__PURE__ */ d(
       $i,
       {
         defaultStatus: t,
-        render: (s) => /* @__PURE__ */ f(A, { children: [
-          /* @__PURE__ */ d(Y, { disablePadding: !0, sx: H, visual: i, children: /* @__PURE__ */ f(
+        render: (m) => /* @__PURE__ */ d(G, { children: /* @__PURE__ */ s(Y, { disablePadding: !0, sx: k, visual: i, children: [
+          /* @__PURE__ */ s(
             U,
             {
-              isOpen: s.is,
+              isOpen: m.is,
               isWrapText: e,
               onClick: (M) => {
-                s.handleToggle(), typeof S == "function" && S(M);
+                m.handleToggle(), typeof C == "function" && C(M);
               },
-              sx: { ...q({ isIcon: g }) },
+              sx: { ...q({ isIcon: x }) },
               children: [
-                g && /* @__PURE__ */ d(
+                x && /* @__PURE__ */ d(
                   X,
                   {
-                    icon: g,
-                    sx: x
+                    icon: x,
+                    sx: u
                   }
                 ),
                 /* @__PURE__ */ d(
                   E,
                   {
                     unmount: !t,
-                    title: z,
+                    title: F,
                     sx: { flexGrow: 1 },
                     isWrapText: e
                   }
                 ),
-                t && /* @__PURE__ */ f(A, { children: [
-                  W,
-                  s.is ? /* @__PURE__ */ d(Ii, {}) : /* @__PURE__ */ d(Wi, {})
+                t && /* @__PURE__ */ s(G, { children: [
+                  H,
+                  m.is ? /* @__PURE__ */ d(Wi, {}) : /* @__PURE__ */ d(Hi, {})
                 ] })
               ]
             }
-          ) }),
-          /* @__PURE__ */ d(fi, { in: s.is && t, timeout: "auto", unmountOnExit: !0, children: /* @__PURE__ */ d(ai, { disablePadding: !0, children: m.map(({ action: M, icon: T, title: N, to: C, sx: O = {}, onClick: $ }, F) => {
-            const L = `${h}-${F}`, b = (u) => {
-              v(L), $ && $(u);
+          ),
+          /* @__PURE__ */ d(pi, { in: m.is && t, timeout: "auto", unmountOnExit: !0, children: /* @__PURE__ */ d(ai, { disablePadding: !0, children: w.map(({ action: M, icon: y, title: T, to: R, sx: j = {}, id: $, onClick: B }, v) => {
+            const f = `${L}-${$ || v}`, z = (ci) => {
+              S(f), B && B(ci);
             };
-            return /* @__PURE__ */ d(Y, { disablePadding: !0, sx: O, visual: i, children: /* @__PURE__ */ f(
+            return /* @__PURE__ */ d(Y, { disablePadding: !0, sx: j, visual: i, children: /* @__PURE__ */ s(
               U,
               {
-                sx: { paddingRight: 1.2, ...!T && { paddingLeft: 2.5 } },
+                sx: { paddingRight: 1.2, ...!y && { paddingLeft: 2.5 } },
                 isOpen: !0,
-                onClick: b,
+                onClick: z,
                 isWrapText: e,
-                ...C ? { to: C, component: ni } : { to: "", className: G({ "Mui-selected": y === L }) },
+                ...R ? { to: R, component: ni } : { to: "", className: _({ "Mui-selected": I === f }) },
                 children: [
-                  T && /* @__PURE__ */ d(X, { icon: T, sx: { ...x, marginLeft: "8px !important" } }),
+                  y && /* @__PURE__ */ d(X, { icon: y, sx: { ...u, marginLeft: "8px !important" } }),
                   /* @__PURE__ */ d(
                     E,
                     {
                       unmount: !t,
-                      title: N,
+                      title: T,
                       isWrapText: e
                     }
                   ),
                   t && M
                 ]
               }
-            ) }, L);
+            ) }, f);
           }) }) })
-        ] })
+        ] }) })
       }
-    ) }, h) : /* @__PURE__ */ d(Y, { disablePadding: !0, sx: H, visual: i, children: /* @__PURE__ */ f(
+    ) }, h || L) : /* @__PURE__ */ d(Y, { disablePadding: !0, sx: k, visual: i, children: /* @__PURE__ */ s(
       U,
       {
         isOpen: t,
-        onClick: w,
+        onClick: b,
         isWrapText: e,
-        ...k ? { to: k, component: ni } : { to: "", className: G({ "Mui-selected": y === D }) },
-        sx: { ...q({ isIcon: g }) },
+        ...D ? { to: D, component: ni } : { to: "", className: _({ "Mui-selected": I === p }) },
+        sx: { ...q({ isIcon: x }) },
         children: [
-          g && /* @__PURE__ */ d(X, { icon: g, sx: x }),
+          x && /* @__PURE__ */ d(X, { icon: x, sx: u }),
           /* @__PURE__ */ d(
             E,
             {
               unmount: !t,
-              title: z,
+              title: F,
               isWrapText: e
             }
           ),
-          t && W
+          t && H
         ]
       }
-    ) }, h);
-  }), [n, t, y, a, q]);
+    ) }, p);
+  }), [n, t, I, a, q, u]);
   return /* @__PURE__ */ d(
-    Oi,
+    Fi,
     {
       ref: c,
       styleList: i,
       sx: o,
       className: r,
-      children: I
+      children: W
     }
   );
-}), ji = R.memo(Fi), Ai = p(J, {
+}), Ai = N.memo(ji), Gi = g(J, {
   target: "MuiFooter-root",
   shouldForwardProp: (i) => ![""].includes(i)
 })(({}) => ({
@@ -283,7 +284,7 @@ const Di = p("main")(() => ({
   // bottom: 0,
   // right: 0,
   minHeight: 48
-})), Gi = ({
+})), _i = ({
   initWidth: i,
   isOpen: a,
   children: l,
@@ -293,8 +294,8 @@ const Di = p("main")(() => ({
   className: o,
   AfterComponent: r,
   sx: c
-}) => /* @__PURE__ */ f(
-  Vi,
+}) => /* @__PURE__ */ s(
+  Ui,
   {
     className: o,
     bgColor: t,
@@ -305,14 +306,14 @@ const Di = p("main")(() => ({
     isHeaderResize: n,
     sx: c,
     children: [
-      /* @__PURE__ */ d(gi, { maxWidth: "xl", children: /* @__PURE__ */ d(ui, { sx: { flexGrow: 1 }, disableGutters: !0, children: l }) }),
+      /* @__PURE__ */ d(ui, { maxWidth: "xl", children: /* @__PURE__ */ d(xi, { sx: { flexGrow: 1 }, disableGutters: !0, children: l }) }),
       r && r
     ]
   }
-), _i = R.memo(Gi), Vi = p(pi, {
+), Vi = N.memo(_i), Ui = g(gi, {
   shouldForwardProp: (i) => !["isOpen", "isRight", "initWidth", "bgColor", "isHeaderResize"].includes(i)
 })(({ theme: i, isOpen: a, isRight: l, initWidth: e = 250, bgColor: n = "primary", isHeaderResize: t }) => ({
-  backgroundColor: Li.colors.getColorPalette(i, n),
+  backgroundColor: yi.colors.getColorPalette(i, n),
   zIndex: i.zIndex.drawer + 1,
   color: "info.main",
   transition: i.transitions.create(["width", "margin"], {
@@ -350,7 +351,7 @@ const Di = p("main")(() => ({
   // [theme.breakpoints.up('sm')]: {
   //   width: `calc(${theme.spacing(8)} + 1px)`,
   // },
-}), Ui = p(xi, {
+}), Ei = g(mi, {
   shouldForwardProp: (i) => !["open", "isWrapText", "columnMenu", "isRight", "styleList"].includes(i)
 })(
   ({ theme: i, open: a, isRight: l, columnMenu: e }) => {
@@ -373,77 +374,77 @@ const Di = p("main")(() => ({
       }
     };
   }
-), oi = p("div")(({ theme: i }) => ({
+), oi = g("div")(({ theme: i }) => ({
   display: "flex",
   padding: i.spacing(0, 1),
   ...i.mixins.toolbar
 })), ei = (i) => {
   const { clientWidth: a, offsetWidth: l } = i;
   return l - a;
-}, Ei = _(({ Footer: i, listMenu: a, children: l, HeaderContent: e, statuses: n, itemsProps: t, classes: o, columnMenu: r, styleList: c, sx: x }, y) => {
-  var O, $, F, L;
-  const v = wi(), I = (r == null ? void 0 : r.position) === "right", W = !1, g = !0;
+}, Xi = V(({ Footer: i, listMenu: a, children: l, HeaderContent: e, statuses: n, itemsProps: t, classes: o, columnMenu: r, styleList: c, sx: u }, I) => {
+  var R, j, $, B;
+  const S = bi(), W = (r == null ? void 0 : r.position) === "right", H = !1, x = !0;
   //!!statuses?.isScrollIndentation
-  const z = (n == null ? void 0 : n.isHeaderDefault) === void 0 ? !0 : n == null ? void 0 : n.isHeaderDefault, H = (n == null ? void 0 : n.isHeader) === void 0 ? !0 : n == null ? void 0 : n.isHeader, S = (n == null ? void 0 : n.isMenu) === void 0 ? !0 : n == null ? void 0 : n.isMenu, m = (r == null ? void 0 : r.initWidth) || 250, k = li(() => r != null && r.minWidthColumn && Object.keys(r == null ? void 0 : r.minWidthColumn).length ? r == null ? void 0 : r.minWidthColumn : {
-    width: `calc(${v.spacing(7)} + 1px)`,
-    [v.breakpoints.up("sm")]: {
-      width: `calc(${v.spacing(8)} + 1px)`
+  const F = (n == null ? void 0 : n.isHeaderDefault) === void 0 ? !0 : n == null ? void 0 : n.isHeaderDefault, k = (n == null ? void 0 : n.isHeader) === void 0 ? !0 : n == null ? void 0 : n.isHeader, C = (n == null ? void 0 : n.isMenu) === void 0 ? !0 : n == null ? void 0 : n.isMenu, w = (r == null ? void 0 : r.initWidth) || 250, D = li(() => r != null && r.minWidthColumn && Object.keys(r == null ? void 0 : r.minWidthColumn).length ? r == null ? void 0 : r.minWidthColumn : {
+    width: `calc(${S.spacing(7)} + 1px)`,
+    [S.breakpoints.up("sm")]: {
+      width: `calc(${S.spacing(8)} + 1px)`
     }
-  }, [r == null ? void 0 : r.minWidthColumn]), [h, D] = B({
+  }, [r == null ? void 0 : r.minWidthColumn]), [h, L] = O({
     isOpen: !!(n != null && n.isDefaultOpen),
     widthCloseColumn: 0,
     widthScroll: 0
-  }), w = yi(h, D), s = K(null);
+  }), p = Ii(h, L), b = K(null);
   Q(() => {
-    if (s.current) {
-      const b = ei(s.current);
-      let u = !1;
-      b > 0 && (u = !0), w({ widthScroll: u ? b + 1 : 0 }), window.onresize = function() {
-        if (s.current) {
-          const V = ei(s.current);
-          u && !V && (u = !1, w({ widthScroll: 0 })), !u && V && (u = !0, w({ widthScroll: V + 1 }));
+    if (b.current) {
+      const v = ei(b.current);
+      let f = !1;
+      v > 0 && (f = !0), p({ widthScroll: f ? v + 1 : 0 }), window.onresize = function() {
+        if (b.current) {
+          const z = ei(b.current);
+          f && !z && (f = !1, p({ widthScroll: 0 })), !f && z && (f = !0, p({ widthScroll: z + 1 }));
         }
       };
     }
-  }, [g]);
-  const M = () => {
-    w({ isOpen: !0 });
-  }, T = () => {
-    w({ isOpen: !1 });
-  }, N = () => {
-    D((b) => ({ ...b, isOpen: !b.isOpen }));
-  }, C = {
+  }, [x]);
+  const m = () => {
+    p({ isOpen: !0 });
+  }, M = () => {
+    p({ isOpen: !1 });
+  }, y = () => {
+    L((v) => ({ ...v, isOpen: !v.isOpen }));
+  }, T = {
     isOpen: h.isOpen,
-    handleMenuOpen: M,
-    handleMenuClose: T,
-    handleMenuToggle: N
+    handleMenuOpen: m,
+    handleMenuClose: M,
+    handleMenuToggle: y
   };
-  return vi(y, () => C), /* @__PURE__ */ f(J, { className: G("Dashboard", o == null ? void 0 : o.dashboard), sx: { display: "flex", height: "inherit", ...x }, children: [
-    H ? z ? /* @__PURE__ */ d(
-      _i,
+  return Si(I, () => T), /* @__PURE__ */ s(J, { className: _("Dashboard", o == null ? void 0 : o.dashboard), sx: { display: "flex", height: "inherit", ...u }, children: [
+    k ? F ? /* @__PURE__ */ d(
+      Vi,
       {
-        initWidth: m,
+        initWidth: w,
         isOpen: h.isOpen,
-        bgColor: (O = t == null ? void 0 : t.MuiHeader) == null ? void 0 : O.bgColor,
-        isRight: I,
+        bgColor: (R = t == null ? void 0 : t.MuiHeader) == null ? void 0 : R.bgColor,
+        isRight: W,
         isHeaderResize: n == null ? void 0 : n.isHeaderResize,
-        sx: ($ = t == null ? void 0 : t.MuiHeader) == null ? void 0 : $.sx,
+        sx: (j = t == null ? void 0 : t.MuiHeader) == null ? void 0 : j.sx,
         className: o == null ? void 0 : o.header,
-        AfterComponent: (F = t == null ? void 0 : t.MuiHeader) == null ? void 0 : F.AfterComponent,
-        children: typeof e == "function" ? e(C) : e
+        AfterComponent: ($ = t == null ? void 0 : t.MuiHeader) == null ? void 0 : $.AfterComponent,
+        children: typeof e == "function" ? e(T) : e
       }
-    ) : typeof e == "function" ? e(C) : e : null,
-    S && /* @__PURE__ */ f(
-      Ui,
+    ) : typeof e == "function" ? e(T) : e : null,
+    C && /* @__PURE__ */ s(
+      Ei,
       {
         variant: "permanent",
         open: h.isOpen,
-        isRight: I,
-        isWrapText: W,
-        columnMenu: { initWidth: m, minWidthColumn: k },
+        isRight: W,
+        isWrapText: H,
+        columnMenu: { initWidth: w, minWidthColumn: D },
         styleList: c,
         children: [
-          (n == null ? void 0 : n.isMenuHeader) !== !1 && /* @__PURE__ */ f(A, { children: [
+          (n == null ? void 0 : n.isMenuHeader) !== !1 && /* @__PURE__ */ s(G, { children: [
             /* @__PURE__ */ d(oi, {}),
             /* @__PURE__ */ d(Z, {})
           ] }),
@@ -453,37 +454,37 @@ const Di = p("main")(() => ({
             flexGrow: 1,
             overflow: "hidden"
           }, children: /* @__PURE__ */ d(
-            ji,
+            Ai,
             {
-              ref: s,
-              isRight: I,
+              ref: b,
+              isRight: W,
               columnMenu: {
-                initWidth: m,
-                minWidthColumn: Ti(k, { newProp: "width", positionCorrect: `- ${h.widthScroll}px` })
+                initWidth: w,
+                minWidthColumn: Ri(D, { newProp: "width", positionCorrect: `- ${h.widthScroll}px` })
               },
               listMenu: a,
               isOpen: h.isOpen,
-              sx: (L = t == null ? void 0 : t.MuiListMenu) == null ? void 0 : L.sx,
+              sx: (B = t == null ? void 0 : t.MuiListMenu) == null ? void 0 : B.sx,
               className: o == null ? void 0 : o.listMenu,
-              isWrapText: W,
+              isWrapText: H,
               styleList: c
             }
           ) }),
-          (n == null ? void 0 : n.isButtonCenterMenu) !== !1 && /* @__PURE__ */ d(Mi, { children: /* @__PURE__ */ d(mi, { onClick: N, sx: { pointerEvents: "auto" }, children: h.isOpen ? /* @__PURE__ */ d(Ci, {}) : /* @__PURE__ */ d(Si, {}) }) }),
-          i && /* @__PURE__ */ d(A, { children: /* @__PURE__ */ f(Ai, { children: [
+          (n == null ? void 0 : n.isButtonCenterMenu) !== !1 && /* @__PURE__ */ d(Ti, { children: /* @__PURE__ */ d(wi, { onClick: y, sx: { pointerEvents: "auto" }, children: h.isOpen ? /* @__PURE__ */ d(Li, {}) : /* @__PURE__ */ d(Ci, {}) }) }),
+          i && /* @__PURE__ */ d(G, { children: /* @__PURE__ */ s(Gi, { children: [
             /* @__PURE__ */ d(Z, {}),
             i
           ] }) })
         ]
       }
     ),
-    /* @__PURE__ */ f(Di, { className: G("Dashboard-main", o == null ? void 0 : o.main), children: [
-      H && /* @__PURE__ */ d(oi, {}),
+    /* @__PURE__ */ s(Mi, { className: _("Dashboard-main", o == null ? void 0 : o.main), children: [
+      k && /* @__PURE__ */ d(oi, {}),
       l
     ] })
   ] });
-}), on = R.memo(Ei);
+}), en = N.memo(Xi);
 export {
-  on as Dashboard,
-  _i as MuiHeader
+  en as Dashboard,
+  Vi as MuiHeader
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "rc-lib-ui",
   "private": false,
-  "version": "1.2.22",
+  "version": "1.2.24",
   "author": "SinGlEBW",
   "license": "MIT",
   "type": "module",