rc-lib-ui 1.2.13 → 1.2.14

package/dist/dashboard.js

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

package/dist/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useShowPanel';

package/dist/hooks/useShowPanel.d.ts

@@ -0,0 +1,12 @@
+interface UseShowPanelProps {
+    timerShowPanel?: number;
+}
+export declare const useShowPanel: (props?: UseShowPanelProps) => {
+    showPanel: boolean;
+    handleShowPanel: () => void;
+    handleResetTimePanel: () => void;
+    handlePauseTimer: () => void;
+    handleResumeTimer: () => void;
+    handleHidePanel: () => void;
+};
+export {};