rc-lib-ui 1.1.18 → 1.1.19

package/dist/Dashboard/Dashboard.d.ts

@@ -6,7 +6,7 @@ import { MuiMenuProps } from './components/MuiMenu';
 export type DashboardControlProps = Record<'handleMenuOpen' | 'handleMenuClose' | 'handleMenuToggle', () => void> & {
     isOpen: boolean;
 };
-type Statuses_OR = 'isDefaultOpen' | 'isHeader' | 'isMenuHeader' | 'isHeaderResize' | 'isButtonCenterMenu' | 'isHeaderDefault';
+type Statuses_OR = 'isDefaultOpen' | 'isHeader' | 'isMenu' | 'isMenuHeader' | 'isHeaderResize' | 'isButtonCenterMenu' | 'isHeaderDefault';
 export interface DashboardProps extends Pick<ListMenuProps, 'listMenu' | 'styleList'> {
     Footer?: ReactNode;
     columnMenu?: Partial<MuiMenuProps['columnMenu'] & {

package/dist/dashboard.js

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

package/package.json

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