rc-lib-ui 1.1.19 → 1.1.20

package/dist/Dashboard/Dashboard.d.ts

@@ -19,7 +19,7 @@ export interface DashboardProps extends Pick<ListMenuProps, 'listMenu' | 'styleL
     itemsProps?: {
         MuiHeader?: Pick<MuiHeaderProps, 'sx' | 'bgColor' | 'AfterComponent'>;
     };
-    classes?: Partial<Record<'listMenu' | 'header', string>>;
+    classes?: Partial<Record<'listMenu' | 'header' | 'dashboard' | 'main', string>>;
 }
 export declare const Dashboard: React.MemoExoticComponent<React.ForwardRefExoticComponent<DashboardProps & React.RefAttributes<DashboardControlProps>>>;
 export {};

package/dist/dashboard.js

@@ -1,36 +1,37 @@
-var li = Object.defineProperty;
-var ci = (i, o, n) => o in i ? li(i, o, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[o] = n;
-var N = (i, o, n) => ci(i, typeof o != "symbol" ? o + "" : o, n);
-import { jsx as d, jsxs as s, Fragment as $ } from "react/jsx-runtime";
-import { styled as f, ListItemButton as si, Typography as ti, ListItemIcon as hi, List as ei, ListItem as A, Collapse as pi, Box as _, AppBar as fi, Container as gi, Toolbar as xi, Drawer as ui, Divider as Q, IconButton as wi } from "@mui/material";
-import { useTheme as mi } from "@mui/material/styles";
-import I, { useState as B, useRef as X, useEffect as Y, forwardRef as D, useMemo as E, Fragment as bi, useImperativeHandle as Ci } from "react";
-import vi from "@mui/icons-material/ChevronLeft";
-import Si from "@mui/icons-material/ChevronRight";
-import { ExpandLess as Li, ExpandMore as Wi } from "@mui/icons-material";
-import { T as yi } from "./Tooltips-BD7KqgrA.js";
-import { NavLink as Hi } from "react-router-dom";
-class Ii {
+var ci = Object.defineProperty;
+var hi = (i, o, n) => o in i ? ci(i, o, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[o] = n;
+var j = (i, o, n) => hi(i, typeof o != "symbol" ? o + "" : o, n);
+import { jsx as a, jsxs as h, Fragment as M } from "react/jsx-runtime";
+import { styled as s, ListItemButton as pi, Typography as ei, ListItemIcon as fi, List as di, ListItem as A, Collapse as si, Box as _, AppBar as gi, Container as xi, Toolbar as ui, Drawer as mi, Divider as Q, IconButton as wi } from "@mui/material";
+import { useTheme as bi } from "@mui/material/styles";
+import I, { useState as $, useRef as X, useEffect as Y, forwardRef as B, useMemo as E, Fragment as Ci, useImperativeHandle as vi } from "react";
+import Si from "@mui/icons-material/ChevronLeft";
+import Li from "@mui/icons-material/ChevronRight";
+import { ExpandLess as Wi, ExpandMore as yi } from "@mui/icons-material";
+import { T as Hi } from "./Tooltips-BD7KqgrA.js";
+import { NavLink as Ii } from "react-router-dom";
+import U from "classnames";
+class Ti {
   constructor() {
-    N(this, "getColorPalette", (o, n) => {
+    j(this, "getColorPalette", (o, n) => {
       if (n.startsWith("#"))
         return n;
-      const { palette: e } = o, { mode: r } = e, a = e[n];
-      return a ? a[r] : "primary";
+      const { palette: e } = o, { mode: r } = e, l = e[n];
+      return l ? l[r] : "primary";
     });
   }
 }
-class di {
+class ai {
 }
-N(di, "colors", new Ii());
-function Ti(i, o) {
+j(ai, "colors", new Ti());
+function Di(i, o) {
   return (n) => o((e) => ({ ...e, ...n }));
 }
-const ki = f("main")(() => ({
+const ki = s("main")(() => ({
   display: "flex",
   flexDirection: "column",
   flexGrow: 1
-})), Mi = f("div")(({ theme: i }) => ({
+})), Mi = s("div")(({ theme: i }) => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
@@ -47,24 +48,24 @@ const ki = f("main")(() => ({
     easing: i.transitions.easing.sharp,
     duration: i.transitions.duration.enteringScreen
   })
-})), U = (i) => typeof i == "number" ? i + "px" : i, ai = (i, o = {}) => {
+})), Z = (i) => typeof i == "number" ? i + "px" : i, li = (i, o = {}) => {
   const { newProp: n = "marginLeft", positionCorrect: e = "- 0px" } = o;
   let r = {};
-  for (const [a, l] of Object.entries(i))
-    if (typeof l == "object" && "width" in l) {
-      const t = U(l == null ? void 0 : l.width);
-      r[a] = { [n]: `calc(${t} ${e})` };
+  for (const [l, d] of Object.entries(i))
+    if (typeof d == "object" && "width" in d) {
+      const t = Z(d == null ? void 0 : d.width);
+      r[l] = { [n]: `calc(${t} ${e})` };
     } else {
-      const t = U(l);
+      const t = Z(d);
       r[n] = `calc(${t} ${e})`;
     }
   return r;
 }, $i = ({ render: i }) => {
-  const [o, n] = B(!1);
+  const [o, n] = $(!1);
   return i({ is: o, setStatus: n, handleToggle: () => {
     n((r) => !r);
   } });
-}, Bi = f(si, {
+}, Bi = s(pi, {
   shouldForwardProp: (i) => !["minHeight"].includes(i)
 })(({ minHeight: i }) => ({
   minHeight: i,
@@ -72,41 +73,41 @@ const ki = f("main")(() => ({
   paddingLeft: 0,
   transition: "height .1s ease-in-out",
   overflow: "hidden"
-})), M = { minHeight: 48, height: 0 }, G = ({ sx: i = {}, isWrapText: o, isOpen: n, ...e }) => {
-  const r = X(null), [a, l] = B(M);
+})), k = { minHeight: 48, height: 0 }, G = ({ sx: i = {}, isWrapText: o, isOpen: n, ...e }) => {
+  const r = X(null), [l, d] = $(k);
   return Y(() => {
     if (o && (r != null && r.current)) {
       const { scrollHeight: t, clientHeight: c } = r == null ? void 0 : r.current;
-      n ? (!a.height && l((p) => ({ ...p, height: c })), t !== c && l({ ...M, height: t + c })) : l({ ...M, height: M.minHeight });
+      n ? (!l.height && d((f) => ({ ...f, height: c })), t !== c && d({ ...k, height: t + c })) : d({ ...k, height: k.minHeight });
     }
-  }, [n]), /* @__PURE__ */ d(
+  }, [n]), /* @__PURE__ */ a(
     Bi,
     {
-      minHeight: a.minHeight,
+      minHeight: l.minHeight,
       ref: r,
       sx: i,
       ...e
     }
   );
-}, Di = ({ unmount: i, isWrapText: o, title: n, sx: e = {} }) => {
-  const [r, a] = B(""), l = X(null);
+}, Ri = ({ unmount: i, isWrapText: o, title: n, sx: e = {} }) => {
+  const [r, l] = $(""), d = X(null);
   return Y(() => {
-    if (!i && l.current) {
-      const t = l.current, c = setTimeout(() => {
-        t != null && t.offsetWidth && (t == null ? void 0 : t.scrollWidth) > (t == null ? void 0 : t.offsetWidth) && a(n), clearTimeout(c);
+    if (!i && d.current) {
+      const t = d.current, c = setTimeout(() => {
+        t != null && t.offsetWidth && (t == null ? void 0 : t.scrollWidth) > (t == null ? void 0 : t.offsetWidth) && l(n), clearTimeout(c);
       }, 200);
     }
-  }, [n, i]), o ? !i && /* @__PURE__ */ d(ti, { children: n, sx: { textWrap: "wrap", overflowWrap: "break-word", ...e } }) : !i && /* @__PURE__ */ d(Ri, { ref: l, tooltipText: r, title: n, sx: e });
-}, V = I.memo(Di), Ri = D(({ tooltipText: i, title: o, sx: n }, e) => /* @__PURE__ */ d(yi, { variant: "default", title: i, children: /* @__PURE__ */ d(ti, { ref: e, children: o, noWrap: !0, sx: n }) })), zi = D(({ className: i = "", ...o }, n) => /* @__PURE__ */ d(
-  Hi,
+  }, [n, i]), o ? !i && /* @__PURE__ */ a(ei, { children: n, sx: { textWrap: "wrap", overflowWrap: "break-word", ...e } }) : !i && /* @__PURE__ */ a(zi, { ref: d, tooltipText: r, title: n, sx: e });
+}, V = I.memo(Ri), zi = B(({ tooltipText: i, title: o, sx: n }, e) => /* @__PURE__ */ a(Hi, { variant: "default", title: i, children: /* @__PURE__ */ a(ei, { ref: e, children: o, noWrap: !0, sx: n }) })), Oi = B(({ className: i = "", ...o }, n) => /* @__PURE__ */ a(
+  Ii,
   {
     ref: n,
     className: ({ isActive: e }) => e ? i + " Mui-selected" : i,
     end: !0,
     ...o
   }
-)), Z = I.memo(zi), P = ({ icon: i, sx: o }) => /* @__PURE__ */ d(
-  hi,
+)), ii = I.memo(Oi), P = ({ icon: i, sx: o }) => /* @__PURE__ */ a(
+  fi,
   {
     sx: {
       minWidth: 40,
@@ -120,7 +121,7 @@ const ki = f("main")(() => ({
     },
     children: i
   }
-), Oi = f(ei, {
+), Fi = s(di, {
   shouldForwardProp: (i) => !["styleList", "isScrollIndentation"].includes(i)
 })(({ theme: i, styleList: o = "variant1" }) => ({
   display: "flex",
@@ -166,95 +167,95 @@ const ki = f("main")(() => ({
       }
     }
   }
-})), Fi = D(({ styleList: i = "variant1", columnMenu: o, isWrapText: n = !1, listMenu: e, isOpen: r, sx: a, className: l }, t) => {
-  const { minWidthColumn: c } = o, p = E(() => ai(c, { newProp: "marginLeft" }), [c]), R = E(() => e.map(({ action: w, icon: S, title: L, sx: T = {}, onClick: W, children: m, to: z }, g) => m && Array.isArray(m) ? /* @__PURE__ */ d(bi, { children: /* @__PURE__ */ d(
+})), Ni = B(({ styleList: i = "variant1", columnMenu: o, isWrapText: n = !1, listMenu: e, isOpen: r, sx: l, className: d }, t) => {
+  const { minWidthColumn: c } = o, f = E(() => li(c, { newProp: "marginLeft" }), [c]), R = E(() => e.map(({ action: m, icon: S, title: L, sx: T = {}, onClick: W, children: w, to: z }, g) => w && Array.isArray(w) ? /* @__PURE__ */ a(Ci, { children: /* @__PURE__ */ a(
     $i,
     {
-      render: (b) => /* @__PURE__ */ s($, { children: [
-        /* @__PURE__ */ s(A, { disablePadding: !0, sx: T, children: [
-          /* @__PURE__ */ d(
+      render: (b) => /* @__PURE__ */ h(M, { children: [
+        /* @__PURE__ */ h(A, { disablePadding: !0, sx: T, children: [
+          /* @__PURE__ */ a(
             P,
             {
               icon: S,
               sx: c
             }
           ),
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ h(
             G,
             {
               isOpen: r,
               isWrapText: n,
-              onClick: (h) => {
-                b.handleToggle(), typeof W == "function" && W(h);
+              onClick: (p) => {
+                b.handleToggle(), typeof W == "function" && W(p);
               },
               children: [
-                /* @__PURE__ */ d(
+                /* @__PURE__ */ a(
                   V,
                   {
                     unmount: !r,
                     title: L,
-                    sx: { flexGrow: 1, ...p },
+                    sx: { flexGrow: 1, ...f },
                     isWrapText: n
                   }
                 ),
-                r && /* @__PURE__ */ s($, { children: [
-                  w,
-                  b.is ? /* @__PURE__ */ d(Li, {}) : /* @__PURE__ */ d(Wi, {})
+                r && /* @__PURE__ */ h(M, { children: [
+                  m,
+                  b.is ? /* @__PURE__ */ a(Wi, {}) : /* @__PURE__ */ a(yi, {})
                 ] })
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ d(pi, { in: b.is && r, timeout: "auto", unmountOnExit: !0, children: /* @__PURE__ */ d(ei, { disablePadding: !0, children: m.map(({ action: h, icon: C, title: x, to: u, sx: O = {}, onClick: F }, k) => /* @__PURE__ */ d(A, { disablePadding: !0, sx: O, children: /* @__PURE__ */ s(
+        /* @__PURE__ */ a(si, { in: b.is && r, timeout: "auto", unmountOnExit: !0, children: /* @__PURE__ */ a(di, { disablePadding: !0, children: w.map(({ action: p, icon: C, title: x, to: u, sx: O = {}, onClick: F }, D) => /* @__PURE__ */ a(A, { disablePadding: !0, sx: O, children: /* @__PURE__ */ h(
           G,
           {
             to: u,
-            component: Z,
+            component: ii,
             sx: ({ spacing: y }) => ({ ...!C && { paddingLeft: y(2) } }),
             isOpen: !0,
             onClick: F,
             isWrapText: n,
             children: [
-              /* @__PURE__ */ d(
+              /* @__PURE__ */ a(
                 P,
                 {
                   icon: C,
                   sx: c
                 }
               ),
-              /* @__PURE__ */ d(
+              /* @__PURE__ */ a(
                 V,
                 {
-                  sx: () => ({ ...C && p }),
+                  sx: () => ({ ...C && f }),
                   unmount: !r,
                   title: x,
                   isWrapText: n
                 }
               ),
-              r && h
+              r && p
             ]
           }
-        ) }, `${g}-${k}`)) }) })
+        ) }, `${g}-${D}`)) }) })
       ] })
     }
-  ) }, g) : /* @__PURE__ */ s(A, { disablePadding: !0, sx: T, children: [
-    /* @__PURE__ */ d(P, { icon: S, sx: c }),
-    /* @__PURE__ */ s(G, { component: Z, to: z, isOpen: r, onClick: W, isWrapText: n, children: [
-      /* @__PURE__ */ d(V, { sx: p, unmount: !r, title: L, isWrapText: n }),
-      r && w
+  ) }, g) : /* @__PURE__ */ h(A, { disablePadding: !0, sx: T, children: [
+    /* @__PURE__ */ a(P, { icon: S, sx: c }),
+    /* @__PURE__ */ h(G, { component: ii, to: z, isOpen: r, onClick: W, isWrapText: n, children: [
+      /* @__PURE__ */ a(V, { sx: f, unmount: !r, title: L, isWrapText: n }),
+      r && m
     ] })
-  ] }, g)), [e, r, p]);
-  return /* @__PURE__ */ d(
-    Oi,
+  ] }, g)), [e, r, f]);
+  return /* @__PURE__ */ a(
+    Fi,
     {
       ref: t,
       styleList: i,
-      sx: a,
-      className: l,
+      sx: l,
+      className: d,
       children: R
     }
   );
-}), ji = I.memo(Fi), Ni = f(_, {
+}), ji = I.memo(Ni), Ai = s(_, {
   target: "MuiFooter-root",
   shouldForwardProp: (i) => ![""].includes(i)
 })(({}) => ({
@@ -263,21 +264,21 @@ const ki = f("main")(() => ({
   // bottom: 0,
   // right: 0,
   minHeight: 48
-})), Ai = ({
+})), Gi = ({
   initWidth: i,
   isOpen: o,
   children: n,
   isRight: e,
   isHeaderResize: r = !0,
-  bgColor: a,
-  className: l,
+  bgColor: l,
+  className: d,
   AfterComponent: t,
   sx: c
-}) => /* @__PURE__ */ s(
-  Vi,
+}) => /* @__PURE__ */ h(
+  Pi,
   {
-    className: l,
-    bgColor: a,
+    className: d,
+    bgColor: l,
     isRight: e,
     position: "fixed",
     initWidth: i,
@@ -285,14 +286,14 @@ const ki = f("main")(() => ({
     isHeaderResize: r,
     sx: c,
     children: [
-      /* @__PURE__ */ d(gi, { maxWidth: "xl", children: /* @__PURE__ */ d(xi, { sx: { flexGrow: 1 }, disableGutters: !0, children: n }) }),
+      /* @__PURE__ */ a(xi, { maxWidth: "xl", children: /* @__PURE__ */ a(ui, { sx: { flexGrow: 1 }, disableGutters: !0, children: n }) }),
       t && t
     ]
   }
-), Gi = I.memo(Ai), Vi = f(fi, {
+), Vi = I.memo(Gi), Pi = s(gi, {
   shouldForwardProp: (i) => !["isOpen", "isRight", "initWidth", "bgColor", "isHeaderResize"].includes(i)
-})(({ theme: i, isOpen: o, isRight: n, initWidth: e = 250, bgColor: r = "primary", isHeaderResize: a }) => ({
-  backgroundColor: di.colors.getColorPalette(i, r),
+})(({ theme: i, isOpen: o, isRight: n, initWidth: e = 250, bgColor: r = "primary", isHeaderResize: l }) => ({
+  backgroundColor: ai.colors.getColorPalette(i, r),
   zIndex: i.zIndex.drawer + 1,
   color: "info.main",
   transition: i.transitions.create(["width", "margin"], {
@@ -302,13 +303,13 @@ const ki = f("main")(() => ({
   ...o && {
     ...n ? { marginRight: e } : { marginLeft: e },
     width: `calc(100% - ${e}px)`,
-    ...!a && { width: "100%", zIndex: 3, margin: 0 },
+    ...!l && { width: "100%", zIndex: 3, margin: 0 },
     transition: i.transitions.create(["width", "margin"], {
       easing: i.transitions.easing.sharp,
       duration: i.transitions.duration.enteringScreen
     })
   }
-})), ii = (i, o, n = !0) => ({
+})), ri = (i, o, n = !0) => ({
   width: o,
   ...n && {
     transition: i.transitions.create("width", {
@@ -317,7 +318,7 @@ const ki = f("main")(() => ({
     })
   },
   overflow: "hidden"
-}), ri = (i, o, n = !0) => ({
+}), ni = (i, o, n = !0) => ({
   ...n && {
     transition: i.transitions.create("width", {
       easing: i.transitions.easing.sharp,
@@ -330,13 +331,13 @@ const ki = f("main")(() => ({
   // [theme.breakpoints.up('sm')]: {
   //   width: `calc(${theme.spacing(8)} + 1px)`,
   // },
-}), Pi = f(ui, {
+}), _i = s(mi, {
   shouldForwardProp: (i) => !["open", "isWrapText", "columnMenu", "isRight", "styleList"].includes(i)
 })(
   ({ theme: i, open: o, isRight: n, columnMenu: e }) => {
-    const r = n ? "Left" : "Right", a = e.initWidth, l = e.minWidthColumn;
+    const r = n ? "Left" : "Right", l = e.initWidth, d = e.minWidthColumn;
     return {
-      width: a,
+      width: l,
       position: "relative",
       zIndex: 0,
       flexShrink: 0,
@@ -344,44 +345,44 @@ const ki = f("main")(() => ({
       boxSizing: "border-box",
       [`border${r}`]: `1px solid ${i.palette.divider}`,
       ...n ? { order: 1 } : { order: 0 },
-      ...o ? ii(i, a) : ri(i, l),
+      ...o ? ri(i, l) : ni(i, d),
       "& .MuiDrawer-paper": {
         position: "static",
         // при isWrapText - при открытии меню текст сжатый и значки смешаются поэтому ставим условие  
-        ...o ? ii(i, a) : ri(i, l)
+        ...o ? ri(i, l) : ni(i, d)
         // ...(open ? openedMixin(theme, initWidth) : closedMixin(theme, isWrapText ? { width: initWidth } : minWidth))
       }
     };
   }
-), ni = f("div")(({ theme: i }) => ({
+), oi = s("div")(({ theme: i }) => ({
   display: "flex",
   padding: i.spacing(0, 1),
   ...i.mixins.toolbar
-})), oi = (i) => {
+})), ti = (i) => {
   const { clientWidth: o, offsetWidth: n } = i;
   return n - o;
-}, _i = D(({ Footer: i, listMenu: o, children: n, HeaderContent: e, statuses: r, itemsProps: a, classes: l, columnMenu: t, styleList: c, sx: p }, R) => {
+}, Ei = B(({ Footer: i, listMenu: o, children: n, HeaderContent: e, statuses: r, itemsProps: l, classes: d, columnMenu: t, styleList: c, sx: f }, R) => {
   var q, J, K;
-  const w = mi(), S = (t == null ? void 0 : t.position) === "right", L = !1, T = !0;
+  const m = bi(), S = (t == null ? void 0 : t.position) === "right", L = !1, T = !0;
   //!!statuses?.isScrollIndentation
-  const W = (r == null ? void 0 : r.isHeaderDefault) === void 0 ? !0 : r == null ? void 0 : r.isHeaderDefault, m = (r == null ? void 0 : r.isHeader) === void 0 ? !0 : r == null ? void 0 : r.isHeader, z = (r == null ? void 0 : r.isMenu) === void 0 ? !0 : r == null ? void 0 : r.isMenu, g = (t == null ? void 0 : t.initWidth) || 250, b = E(() => t != null && t.minWidthColumn && Object.keys(t == null ? void 0 : t.minWidthColumn).length ? t == null ? void 0 : t.minWidthColumn : {
-    width: `calc(${w.spacing(7)} + 1px)`,
-    [w.breakpoints.up("sm")]: {
-      width: `calc(${w.spacing(8)} + 1px)`
+  const W = (r == null ? void 0 : r.isHeaderDefault) === void 0 ? !0 : r == null ? void 0 : r.isHeaderDefault, w = (r == null ? void 0 : r.isHeader) === void 0 ? !0 : r == null ? void 0 : r.isHeader, z = (r == null ? void 0 : r.isMenu) === void 0 ? !0 : r == null ? void 0 : r.isMenu, g = (t == null ? void 0 : t.initWidth) || 250, b = E(() => t != null && t.minWidthColumn && Object.keys(t == null ? void 0 : t.minWidthColumn).length ? t == null ? void 0 : t.minWidthColumn : {
+    width: `calc(${m.spacing(7)} + 1px)`,
+    [m.breakpoints.up("sm")]: {
+      width: `calc(${m.spacing(8)} + 1px)`
     }
-  }, [t == null ? void 0 : t.minWidthColumn]), [h, C] = B({
+  }, [t == null ? void 0 : t.minWidthColumn]), [p, C] = $({
     isOpen: !!(r != null && r.isDefaultOpen),
     widthCloseColumn: 0,
     widthScroll: 0
-  }), x = Ti(h, C), u = X(null);
+  }), x = Di(p, C), u = X(null);
   Y(() => {
     if (u.current) {
-      const H = oi(u.current);
+      const H = ti(u.current);
       let v = !1;
       H > 0 && (v = !0), x({ widthScroll: v ? H + 1 : 0 }), window.onresize = function() {
         if (u.current) {
-          const j = oi(u.current);
-          v && !j && (v = !1, x({ widthScroll: 0 })), !v && j && (v = !0, x({ widthScroll: j + 1 }));
+          const N = ti(u.current);
+          v && !N && (v = !1, x({ widthScroll: 0 })), !v && N && (v = !0, x({ widthScroll: N + 1 }));
         }
       };
     }
@@ -390,80 +391,80 @@ const ki = f("main")(() => ({
     x({ isOpen: !0 });
   }, F = () => {
     x({ isOpen: !1 });
-  }, k = () => {
+  }, D = () => {
     C((H) => ({ ...H, isOpen: !H.isOpen }));
   }, y = {
-    isOpen: h.isOpen,
+    isOpen: p.isOpen,
     handleMenuOpen: O,
     handleMenuClose: F,
-    handleMenuToggle: k
+    handleMenuToggle: D
   };
-  return Ci(R, () => y), /* @__PURE__ */ s(_, { sx: { display: "flex", height: "inherit" }, children: [
-    m ? W ? /* @__PURE__ */ d(
-      Gi,
+  return vi(R, () => y), /* @__PURE__ */ h(_, { className: U("Dashboard", d == null ? void 0 : d.dashboard), sx: { display: "flex", height: "inherit" }, children: [
+    w ? W ? /* @__PURE__ */ a(
+      Vi,
       {
         initWidth: g,
-        isOpen: h.isOpen,
-        bgColor: (q = a == null ? void 0 : a.MuiHeader) == null ? void 0 : q.bgColor,
+        isOpen: p.isOpen,
+        bgColor: (q = l == null ? void 0 : l.MuiHeader) == null ? void 0 : q.bgColor,
         isRight: S,
         isHeaderResize: r == null ? void 0 : r.isHeaderResize,
-        sx: (J = a == null ? void 0 : a.MuiHeader) == null ? void 0 : J.sx,
-        className: l == null ? void 0 : l.header,
-        AfterComponent: (K = a == null ? void 0 : a.MuiHeader) == null ? void 0 : K.AfterComponent,
+        sx: (J = l == null ? void 0 : l.MuiHeader) == null ? void 0 : J.sx,
+        className: d == null ? void 0 : d.header,
+        AfterComponent: (K = l == null ? void 0 : l.MuiHeader) == null ? void 0 : K.AfterComponent,
         children: typeof e == "function" ? e(y) : e
       }
     ) : typeof e == "function" ? e(y) : e : null,
-    z && /* @__PURE__ */ s(
-      Pi,
+    z && /* @__PURE__ */ h(
+      _i,
       {
         variant: "permanent",
-        open: h.isOpen,
+        open: p.isOpen,
         isRight: S,
         isWrapText: L,
         columnMenu: { initWidth: g, minWidthColumn: b },
         styleList: c,
         children: [
-          (r == null ? void 0 : r.isMenuHeader) !== !1 && /* @__PURE__ */ s($, { children: [
-            /* @__PURE__ */ d(ni, {}),
-            /* @__PURE__ */ d(Q, {})
+          (r == null ? void 0 : r.isMenuHeader) !== !1 && /* @__PURE__ */ h(M, { children: [
+            /* @__PURE__ */ a(oi, {}),
+            /* @__PURE__ */ a(Q, {})
           ] }),
-          /* @__PURE__ */ d(_, { className: "MuiListWrap", sx: {
+          /* @__PURE__ */ a(_, { className: "MuiListWrap", sx: {
             display: "flex",
             flexDirection: "column",
             flexGrow: 1,
             overflow: "hidden"
-          }, children: /* @__PURE__ */ d(
+          }, children: /* @__PURE__ */ a(
             ji,
             {
               ref: u,
               columnMenu: {
                 initWidth: g,
-                minWidthColumn: ai(b, { newProp: "width", positionCorrect: `- ${h.widthScroll}px` })
+                minWidthColumn: li(b, { newProp: "width", positionCorrect: `- ${p.widthScroll}px` })
               },
               listMenu: o,
-              isOpen: h.isOpen,
+              isOpen: p.isOpen,
               sx: {
-                ...p
+                ...f
               },
-              className: l == null ? void 0 : l.listMenu,
+              className: d == null ? void 0 : d.listMenu,
               isWrapText: L,
               styleList: c
             }
           ) }),
-          (r == null ? void 0 : r.isButtonCenterMenu) !== !1 && /* @__PURE__ */ d(Mi, { children: /* @__PURE__ */ d(wi, { onClick: k, sx: { pointerEvents: "auto" }, children: h.isOpen ? /* @__PURE__ */ d(Si, {}) : /* @__PURE__ */ d(vi, {}) }) }),
-          i && /* @__PURE__ */ d($, { children: /* @__PURE__ */ s(Ni, { children: [
-            /* @__PURE__ */ d(Q, {}),
+          (r == null ? void 0 : r.isButtonCenterMenu) !== !1 && /* @__PURE__ */ a(Mi, { children: /* @__PURE__ */ a(wi, { onClick: D, sx: { pointerEvents: "auto" }, children: p.isOpen ? /* @__PURE__ */ a(Li, {}) : /* @__PURE__ */ a(Si, {}) }) }),
+          i && /* @__PURE__ */ a(M, { children: /* @__PURE__ */ h(Ai, { children: [
+            /* @__PURE__ */ a(Q, {}),
             i
           ] }) })
         ]
       }
     ),
-    /* @__PURE__ */ s(ki, { children: [
-      m && /* @__PURE__ */ d(ni, {}),
+    /* @__PURE__ */ h(ki, { className: U("Dashboard-main", d == null ? void 0 : d.main), children: [
+      w && /* @__PURE__ */ a(oi, {}),
       n
     ] })
   ] });
-}), rr = I.memo(_i);
+}), or = I.memo(Ei);
 export {
-  rr as Dashboard
+  or as Dashboard
 };

package/package.json

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