rc-lib-ui 1.2.17 → 1.2.19

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

@@ -26,6 +26,7 @@ export interface ListMenuProps extends RenderListProps {
     className?: string;
     isWrapText?: boolean;
     size?: 'normal' | 'small';
+    isRight?: boolean;
     columnMenu: {
         initWidth: number;
         minWidthColumn: Pick<CSSObject, 'width'>;

package/dist/Dashboard/components/ListMemu/ui/styled.d.ts

@@ -0,0 +1,9 @@
+interface StyledListItemProps {
+    visual: "variant1" | "variant2";
+}
+export declare const StyledListItem: import('@emotion/styled').StyledComponent<{
+    button?: false;
+} & import('@mui/material').ListItemOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+    ref?: ((instance: HTMLLIElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLLIElement> | null | undefined;
+}, "className" | "style" | "classes" | "alignItems" | "children" | "sx" | "button" | "autoFocus" | "dense" | "components" | "componentsProps" | "slotProps" | "slots" | "disabled" | "selected" | "disableGutters" | "divider" | "disablePadding" | "ContainerComponent" | "ContainerProps" | "secondaryAction"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & StyledListItemProps, {}, {}>;
+export {};

package/dist/{Tooltips-D4gQprYO.js → Tooltips-Q_C8jHNF.js}

@@ -1,37 +1,37 @@
-import { jsx as l } from "react/jsx-runtime";
-import { styled as a, Tooltip as p, tooltipClasses as r } from "@mui/material";
-import e from "react";
-const c = a(({ className: o, ...t }) => /* @__PURE__ */ l(p, { ...t, classes: { popper: o } }))(({ theme: o }) => ({
-  [`& .${r.tooltip}`]: {
+import { jsx as r } from "react/jsx-runtime";
+import { styled as a, Tooltip as p, tooltipClasses as l } from "@mui/material";
+import c from "react";
+const i = a(({ className: o, ...t }) => /* @__PURE__ */ r(p, { ...t, classes: { popper: o } }))(({ theme: o }) => ({
+  [`& .${l.tooltip}`]: {
     backgroundColor: "#f5f5f9",
     color: "rgba(0, 0, 0, 0.87)",
     maxWidth: 220,
     fontSize: o.typography.pxToRem(12),
     border: "1px solid #dadde9"
   }
-})), i = a(({ className: o, ...t }) => /* @__PURE__ */ l(p, { ...t, classes: { popper: o } }))(({ theme: o }) => ({
-  [`& .${r.tooltip}`]: {
+})), n = a(({ className: o, ...t }) => /* @__PURE__ */ r(p, { ...t, classes: { popper: o } }))(({ theme: o }) => ({
+  [`& .${l.tooltip}`]: {
     backgroundColor: o.palette.common.white,
     color: "rgba(0, 0, 0, 0.87)",
     boxShadow: o.shadows[1],
     fontSize: 11
   }
-})), n = a(({ className: o, ...t }) => /* @__PURE__ */ l(p, { ...t, arrow: !0, classes: { popper: o } }))(({ theme: o }) => ({
-  [`& .${r.arrow}`]: {
+})), m = a(({ className: o, ...t }) => /* @__PURE__ */ r(p, { ...t, arrow: !0, classes: { popper: o } }))(({ theme: o }) => ({
+  [`& .${l.arrow}`]: {
     color: o.palette.common.black
   },
-  [`& .${r.tooltip}`]: {
+  [`& .${l.tooltip}`]: {
     backgroundColor: o.palette.common.black
   }
-})), m = {
-  html: c,
-  light: i,
-  bootstrap: n,
+})), s = {
+  html: i,
+  light: n,
+  bootstrap: m,
   default: p
 }, d = ({ variant: o = "default", ...t }) => {
-  const s = m[o];
-  return /* @__PURE__ */ l(s, { ...t });
-}, u = e.memo(d);
+  const e = s[o] || s.default;
+  return /* @__PURE__ */ r(e, { ...t });
+}, g = c.memo(d);
 export {
-  u as T
+  g as T
 };

package/dist/common/ControlStatusItem.d.ts

@@ -1,9 +1,11 @@
-import { Dispatch, ReactNode, SetStateAction } from 'react';
+import { ReactNode } from 'react';
 export interface ControlStatusItemProps {
+    defaultStatus?: boolean;
     render(p: {
         is: boolean;
-        setStatus: Dispatch<SetStateAction<boolean>>;
+        id: string;
         handleToggle: () => void;
+        setID: (id: string) => void;
     }): ReactNode;
 }
-export declare const ControlStatusItem: ({ render }: ControlStatusItemProps) => ReactNode;
+export declare const ControlStatusItem: ({ render, defaultStatus }: ControlStatusItemProps) => ReactNode;

package/dist/dashboard.js

@@ -1,19 +1,19 @@
-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")(() => ({
+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 Ii } from "./index-B7GqTJat.js";
+import { ExpandLess as yi, 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")(() => ({
   display: "flex",
   flexDirection: "column",
   flexGrow: 1
-})), Ti = g("div")(({ theme: i }) => ({
+})), Mi = p("div")(({ theme: i }) => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
@@ -30,82 +30,81 @@ const Ii = g("main")(() => ({
     easing: i.transitions.easing.sharp,
     duration: i.transitions.duration.enteringScreen
   })
-})), P = (i) => typeof i == "number" ? i + "px" : i, ai = (i, d = {}) => {
-  const { newProp: o = "marginLeft", positionCorrect: a = "- 0px" } = d;
+})), ii = (i) => typeof i == "number" ? i + "px" : i, Ti = (i, a = {}) => {
+  const { newProp: l = "marginLeft", positionCorrect: e = "- 0px" } = a;
   let n = {};
-  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})` };
+  for (const [t, o] of Object.entries(i))
+    if (typeof o == "object" && "width" in o) {
+      const r = ii(o == null ? void 0 : o.width);
+      n[t] = { [l]: `calc(${r} ${e})` };
     } else {
-      const r = P(t);
-      n[o] = `calc(${r} ${a})`;
+      const r = ii(o);
+      n[l] = `calc(${r} ${e})`;
     }
   return n;
-}, Mi = ({ render: i }) => {
-  const [d, o] = $(!1);
-  return i({ is: d, setStatus: o, handleToggle: () => {
-    o((n) => !n);
-  } });
-}, Di = g(li, {
+}, $i = ({ render: i, defaultStatus: a = !1 }) => {
+  const [l, e] = B({ 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, {
   shouldForwardProp: (i) => !["minHeight"].includes(i)
 })(({ minHeight: i }) => ({
   minHeight: i,
-  padding: "8px",
+  padding: "0px",
   paddingLeft: 0,
   transition: "height .1s ease-in-out",
   overflow: "hidden"
-})), 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)) {
+  // ':hover': { backgroundColor: 'transparent' },
+})), j = { minHeight: 48, height: 0 }, U = ({ sx: i = {}, isWrapText: a, isOpen: l, ...e }) => {
+  const n = K(null), [t, o] = B(j);
+  return Q(() => {
+    if (a && (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 });
+      l ? (!t.height && o((x) => ({ ...x, height: c })), r !== c && o({ ...j, height: r + c })) : o({ ...j, height: j.minHeight });
     }
-  }, [o]), /* @__PURE__ */ e(
-    Di,
+  }, [l]), /* @__PURE__ */ d(
+    Ri,
     {
-      minHeight: l.minHeight,
+      minHeight: t.minHeight,
       ref: n,
       sx: i,
-      ...a
+      ...e
     }
   );
-}, 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);
+}, Bi = ({ unmount: i, isWrapText: a, title: l, sx: e = {} }) => {
+  const [n, t] = B(""), 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) && t(l), clearTimeout(c);
       }, 200);
     }
-  }, [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,
+  }, [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: "span", ref: e, children: a, noWrap: !0, sx: l }) })), Ni = _(({ className: i = "", ...a }, l) => /* @__PURE__ */ d(
+  ki,
   {
-    ref: o,
-    className: ({ isActive: a }) => a ? i + " Mui-selected" : i,
+    ref: l,
+    className: ({ isActive: e }) => e ? i + " Mui-selected" : i,
     end: !0,
-    ...d
+    ...a
   }
-)), ii = I.memo(Bi), _ = ({ icon: i, sx: d }) => /* @__PURE__ */ e(
-  ci,
+)), ni = R.memo(Ni), X = ({ icon: i, sx: a }) => /* @__PURE__ */ d(
+  hi,
   {
     sx: {
       minWidth: 40,
-      position: "absolute",
-      left: 0,
-      top: 0,
-      bottom: 0,
       alignItems: "center",
       justifyContent: "center",
-      ...d
+      ...a
     },
     children: i
   }
-), Ri = g(di, {
+), Oi = p(ai, {
   shouldForwardProp: (i) => !["styleList", "isScrollIndentation"].includes(i)
-})(({ theme: i, styleList: d = "variant1" }) => ({
+})(({ theme: i, styleList: a = "variant1" }) => ({
   display: "flex",
   flexDirection: "column",
   overflowX: "hidden",
@@ -133,15 +132,36 @@ const Ii = g("main")(() => ({
       // scrollbarWidth: 'thin !important'
     }
   },
-  minWidth: d === "variant1" ? "40px" : "53px",
-  "& .MuiCollapse-root .MuiButtonBase-root": {
-    marginLeft: i.spacing(1.5)
-  },
-  ...d === "variant1" && {},
-  ...d === "variant2" && {
-    "& .MuiListItem-root": {
+  minWidth: a === "variant1" ? "40px" : "53px"
+  // '& .MuiCollapse-root .MuiButtonBase-root': {
+  //   // marginLeft: theme.spacing(1.5),
+  // },
+  // ...(styleList === 'variant1') && {
+  //   '& .MuiCollapse-root .MuiButtonBase-root': {
+  //     paddingLeft: theme.spacing(1.5),
+  //   },
+  // },
+  // ...(styleList === 'variant2') && {
+  //   '& .MuiListItem-root': {
+  //     padding: `0 ${theme.spacing(1)}`,
+  //   },
+  //   '& .MuiButtonBase-root': {
+  //     borderRadius: '5px',
+  //     '&.Mui-selected': {
+  //       backgroundColor: 'rgba(33,150,243, 0.16)'
+  //     }
+  //   },
+  // }
+})), Y = p(si, {
+  shouldForwardProp: (i) => !["visual"].includes(i)
+})(({ theme: i, visual: a }) => ({
+  ...a === "variant2" && {
+    "&": {
       padding: `0 ${i.spacing(1)}`
     },
+    "& .MuiListItemIcon-root": {
+      marginLeft: `-${i.spacing(1)}`
+    },
     "& .MuiButtonBase-root": {
       borderRadius: "5px",
       "&.Mui-selected": {
@@ -149,95 +169,112 @@ const Ii = g("main")(() => ({
       }
     }
   }
-})), 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(j, { disablePadding: !0, sx: T, children: [
-          /* @__PURE__ */ e(
-            _,
-            {
-              icon: C,
-              sx: c
-            }
-          ),
-          /* @__PURE__ */ h(
-            A,
+})), 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, [I, v] = B(""), y = 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);
+    };
+    return m && Array.isArray(m) ? /* @__PURE__ */ d(bi, { children: /* @__PURE__ */ d(
+      $i,
+      {
+        defaultStatus: t,
+        render: (s) => /* @__PURE__ */ f(A, { children: [
+          /* @__PURE__ */ d(Y, { disablePadding: !0, sx: H, visual: i, children: /* @__PURE__ */ f(
+            U,
             {
-              isOpen: n,
-              isWrapText: o,
-              onClick: (f) => {
-                b.handleToggle(), typeof W == "function" && W(f);
+              isOpen: s.is,
+              isWrapText: e,
+              onClick: (M) => {
+                s.handleToggle(), typeof S == "function" && S(M);
               },
+              sx: { ...q({ isIcon: g }) },
               children: [
-                /* @__PURE__ */ e(
-                  G,
+                g && /* @__PURE__ */ d(
+                  X,
+                  {
+                    icon: g,
+                    sx: x
+                  }
+                ),
+                /* @__PURE__ */ d(
+                  E,
                   {
-                    unmount: !n,
-                    title: L,
-                    sx: { flexGrow: 1, ...p },
-                    isWrapText: o
+                    unmount: !t,
+                    title: z,
+                    sx: { flexGrow: 1 },
+                    isWrapText: e
                   }
                 ),
-                n && /* @__PURE__ */ h(k, { children: [
-                  m,
-                  b.is ? /* @__PURE__ */ e(Li, {}) : /* @__PURE__ */ e(Wi, {})
+                t && /* @__PURE__ */ f(A, { children: [
+                  W,
+                  s.is ? /* @__PURE__ */ d(yi, {}) : /* @__PURE__ */ d(Wi, {})
                 ] })
               ]
             }
-          )
-        ] }),
-        /* @__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: u,
-            component: ii,
-            sx: ({ spacing: y }) => ({ ...!v && { paddingLeft: y(2) } }),
-            isOpen: !0,
-            onClick: F,
-            isWrapText: o,
-            children: [
-              /* @__PURE__ */ e(
-                _,
-                {
-                  icon: v,
-                  sx: c
-                }
-              ),
-              /* @__PURE__ */ e(
-                G,
-                {
-                  sx: () => ({ ...v && p }),
-                  unmount: !n,
-                  title: x,
-                  isWrapText: o
-                }
-              ),
-              n && f
-            ]
-          }
-        ) }, `${s}-${M}`)) }) })
-      ] })
-    }
-  ) }, 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)), [a, n, p]);
-  return /* @__PURE__ */ e(
-    Ri,
+          ) }),
+          /* @__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);
+            };
+            return /* @__PURE__ */ d(Y, { disablePadding: !0, sx: O, visual: i, children: /* @__PURE__ */ f(
+              U,
+              {
+                sx: { paddingRight: 1.2, ...!T && { paddingLeft: 2.5 } },
+                isOpen: !0,
+                onClick: b,
+                isWrapText: e,
+                ...C ? { to: C, component: ni } : { to: "", className: G({ "Mui-selected": I === L }) },
+                children: [
+                  T && /* @__PURE__ */ d(X, { icon: T, sx: { ...x, marginLeft: "8px !important" } }),
+                  /* @__PURE__ */ d(
+                    E,
+                    {
+                      unmount: !t,
+                      title: N,
+                      isWrapText: e
+                    }
+                  ),
+                  t && M
+                ]
+              }
+            ) }, L);
+          }) }) })
+        ] })
+      }
+    ) }, h) : /* @__PURE__ */ d(Y, { disablePadding: !0, sx: H, visual: i, children: /* @__PURE__ */ f(
+      U,
+      {
+        isOpen: t,
+        onClick: w,
+        isWrapText: e,
+        ...k ? { to: k, component: ni } : { to: "", className: G({ "Mui-selected": I === D }) },
+        sx: { ...q({ isIcon: g }) },
+        children: [
+          g && /* @__PURE__ */ d(X, { icon: g, sx: x }),
+          /* @__PURE__ */ d(
+            E,
+            {
+              unmount: !t,
+              title: z,
+              isWrapText: e
+            }
+          ),
+          t && W
+        ]
+      }
+    ) }, h);
+  }), [n, t, I, a, q]);
+  return /* @__PURE__ */ d(
+    Oi,
     {
-      ref: r,
+      ref: c,
       styleList: i,
-      sx: l,
-      className: t,
-      children: R
+      sx: o,
+      className: r,
+      children: y
     }
   );
-}), Oi = I.memo(zi), Fi = g(V, {
+}), ji = R.memo(Fi), Ai = p(J, {
   target: "MuiFooter-root",
   shouldForwardProp: (i) => ![""].includes(i)
 })(({}) => ({
@@ -246,206 +283,207 @@ const Ii = g("main")(() => ({
   // bottom: 0,
   // right: 0,
   minHeight: 48
-})), Ni = ({
+})), Gi = ({
   initWidth: i,
-  isOpen: d,
-  children: o,
-  isRight: a,
+  isOpen: a,
+  children: l,
+  isRight: e,
   isHeaderResize: n = !0,
-  bgColor: l,
-  className: t,
+  bgColor: t,
+  className: o,
   AfterComponent: r,
   sx: c
-}) => /* @__PURE__ */ h(
-  Ai,
+}) => /* @__PURE__ */ f(
+  Vi,
   {
-    className: t,
-    bgColor: l,
-    isRight: a,
+    className: o,
+    bgColor: t,
+    isRight: e,
     position: "fixed",
     initWidth: i,
-    isOpen: d,
+    isOpen: a,
     isHeaderResize: n,
     sx: c,
     children: [
-      /* @__PURE__ */ e(pi, { maxWidth: "xl", children: /* @__PURE__ */ e(gi, { sx: { flexGrow: 1 }, disableGutters: !0, children: o }) }),
+      /* @__PURE__ */ d(gi, { maxWidth: "xl", children: /* @__PURE__ */ d(ui, { sx: { flexGrow: 1 }, disableGutters: !0, children: l }) }),
       r && r
     ]
   }
-), ji = I.memo(Ni), Ai = g(fi, {
+), _i = R.memo(Gi), Vi = p(pi, {
   shouldForwardProp: (i) => !["isOpen", "isRight", "initWidth", "bgColor", "isHeaderResize"].includes(i)
-})(({ theme: i, isOpen: d, isRight: o, initWidth: a = 250, bgColor: n = "primary", isHeaderResize: l }) => ({
-  backgroundColor: Si.colors.getColorPalette(i, n),
+})(({ theme: i, isOpen: a, isRight: l, initWidth: e = 250, bgColor: n = "primary", isHeaderResize: t }) => ({
+  backgroundColor: Li.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
   }),
-  ...d && {
-    ...o ? { marginRight: a } : { marginLeft: a },
-    width: `calc(100% - ${a}px)`,
-    ...!l && { width: "100%", zIndex: 3, margin: 0 },
+  ...a && {
+    ...l ? { marginRight: e } : { marginLeft: e },
+    width: `calc(100% - ${e}px)`,
+    ...!t && { width: "100%", zIndex: 3, margin: 0 },
     transition: i.transitions.create(["width", "margin"], {
       easing: i.transitions.easing.sharp,
       duration: i.transitions.duration.enteringScreen
     })
   }
-})), ni = (i, d, o = !0) => ({
-  width: d,
-  ...o && {
+})), ri = (i, a, l = !0) => ({
+  width: a,
+  ...l && {
     transition: i.transitions.create("width", {
       easing: i.transitions.easing.sharp,
       duration: i.transitions.duration.enteringScreen
     })
   },
   overflow: "hidden"
-}), ri = (i, d, o = !0) => ({
-  ...o && {
+}), ti = (i, a, l = !0) => ({
+  ...l && {
     transition: i.transitions.create("width", {
       easing: i.transitions.easing.sharp,
       duration: i.transitions.duration.leavingScreen
     })
   },
   overflow: "hidden",
-  ...d
+  ...a
   // width: `calc(${theme.spacing(7)} + 1px)`,
   // [theme.breakpoints.up('sm')]: {
   //   width: `calc(${theme.spacing(8)} + 1px)`,
   // },
-}), Gi = g(si, {
+}), Ui = p(xi, {
   shouldForwardProp: (i) => !["open", "isWrapText", "columnMenu", "isRight", "styleList"].includes(i)
 })(
-  ({ theme: i, open: d, isRight: o, columnMenu: a }) => {
-    const n = o ? "Left" : "Right", l = a.initWidth, t = a.minWidthColumn;
+  ({ theme: i, open: a, isRight: l, columnMenu: e }) => {
+    const n = l ? "Left" : "Right", t = e.initWidth, o = e.minWidthColumn;
     return {
-      width: l,
+      width: t,
       position: "relative",
       zIndex: 0,
       flexShrink: 0,
       whiteSpace: "nowrap",
       boxSizing: "border-box",
       [`border${n}`]: `1px solid ${i.palette.divider}`,
-      ...o ? { order: 1 } : { order: 0 },
-      ...d ? ni(i, l) : ri(i, t),
+      ...l ? { order: 1 } : { order: 0 },
+      ...a ? ri(i, t) : ti(i, o),
       "& .MuiDrawer-paper": {
         position: "static",
         // при isWrapText - при открытии меню текст сжатый и значки смешаются поэтому ставим условие  
-        ...d ? ni(i, l) : ri(i, t)
+        ...a ? ri(i, t) : ti(i, o)
         // ...(open ? openedMixin(theme, initWidth) : closedMixin(theme, isWrapText ? { width: initWidth } : minWidth))
       }
     };
   }
-), oi = g("div")(({ theme: i }) => ({
+), oi = p("div")(({ theme: i }) => ({
   display: "flex",
   padding: i.spacing(0, 1),
   ...i.mixins.toolbar
-})), 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;
+})), 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 }, I) => {
+  var O, $, F, L;
+  const v = wi(), y = (r == null ? void 0 : r.position) === "right", W = !1, g = !0;
   //!!statuses?.isScrollIndentation
-  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)`
+  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)`
     }
-  }, [r == null ? void 0 : r.minWidthColumn]), [f, v] = $({
+  }, [r == null ? void 0 : r.minWidthColumn]), [h, D] = B({
     isOpen: !!(n != null && n.isDefaultOpen),
     widthCloseColumn: 0,
     widthScroll: 0
-  }), 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 }));
+  }), w = Ii(h, D), s = 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 }));
         }
       };
     }
-  }, [T]);
-  const O = () => {
-    x({ isOpen: !0 });
-  }, F = () => {
-    x({ isOpen: !1 });
-  }, M = () => {
-    v((H) => ({ ...H, isOpen: !H.isOpen }));
-  }, y = {
-    isOpen: f.isOpen,
-    handleMenuOpen: O,
-    handleMenuClose: F,
-    handleMenuToggle: M
+  }, [g]);
+  const M = () => {
+    w({ isOpen: !0 });
+  }, T = () => {
+    w({ isOpen: !1 });
+  }, N = () => {
+    D((b) => ({ ...b, isOpen: !b.isOpen }));
+  }, C = {
+    isOpen: h.isOpen,
+    handleMenuOpen: M,
+    handleMenuClose: T,
+    handleMenuToggle: N
   };
-  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,
+  return vi(I, () => 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,
       {
-        initWidth: s,
-        isOpen: f.isOpen,
-        bgColor: (Y = l == null ? void 0 : l.MuiHeader) == null ? void 0 : Y.bgColor,
-        isRight: C,
+        initWidth: m,
+        isOpen: h.isOpen,
+        bgColor: (O = t == null ? void 0 : t.MuiHeader) == null ? void 0 : O.bgColor,
+        isRight: y,
         isHeaderResize: n == null ? void 0 : n.isHeaderResize,
-        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
+        sx: ($ = t == null ? void 0 : t.MuiHeader) == null ? void 0 : $.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
       }
-    ) : typeof a == "function" ? a(y) : a : null,
-    z && /* @__PURE__ */ h(
-      Gi,
+    ) : typeof e == "function" ? e(C) : e : null,
+    S && /* @__PURE__ */ f(
+      Ui,
       {
         variant: "permanent",
-        open: f.isOpen,
-        isRight: C,
-        isWrapText: L,
-        columnMenu: { initWidth: s, minWidthColumn: b },
+        open: h.isOpen,
+        isRight: y,
+        isWrapText: W,
+        columnMenu: { initWidth: m, minWidthColumn: k },
         styleList: c,
         children: [
-          (n == null ? void 0 : n.isMenuHeader) !== !1 && /* @__PURE__ */ h(k, { children: [
-            /* @__PURE__ */ e(oi, {}),
-            /* @__PURE__ */ e(Q, {})
+          (n == null ? void 0 : n.isMenuHeader) !== !1 && /* @__PURE__ */ f(A, { children: [
+            /* @__PURE__ */ d(oi, {}),
+            /* @__PURE__ */ d(Z, {})
           ] }),
-          /* @__PURE__ */ e(V, { className: "MuiListWrap", sx: {
+          /* @__PURE__ */ d(J, { className: "MuiListWrap", sx: {
             display: "flex",
             flexDirection: "column",
             flexGrow: 1,
             overflow: "hidden"
-          }, children: /* @__PURE__ */ e(
-            Oi,
+          }, children: /* @__PURE__ */ d(
+            ji,
             {
-              ref: u,
+              ref: s,
+              isRight: y,
               columnMenu: {
-                initWidth: s,
-                minWidthColumn: ai(b, { newProp: "width", positionCorrect: `- ${f.widthScroll}px` })
+                initWidth: m,
+                minWidthColumn: Ti(k, { newProp: "width", positionCorrect: `- ${h.widthScroll}px` })
               },
-              listMenu: d,
-              isOpen: f.isOpen,
-              sx: (K = l == null ? void 0 : l.MuiListMenu) == null ? void 0 : K.sx,
-              className: t == null ? void 0 : t.listMenu,
-              isWrapText: L,
+              listMenu: a,
+              isOpen: h.isOpen,
+              sx: (L = t == null ? void 0 : t.MuiListMenu) == null ? void 0 : L.sx,
+              className: o == null ? void 0 : o.listMenu,
+              isWrapText: W,
               styleList: c
             }
           ) }),
-          (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, {}),
+          (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: [
+            /* @__PURE__ */ d(Z, {}),
             i
           ] }) })
         ]
       }
     ),
-    /* @__PURE__ */ h(Ii, { className: Z("Dashboard-main", t == null ? void 0 : t.main), children: [
-      w && /* @__PURE__ */ e(oi, {}),
-      o
+    /* @__PURE__ */ f(Di, { className: G("Dashboard-main", o == null ? void 0 : o.main), children: [
+      H && /* @__PURE__ */ d(oi, {}),
+      l
     ] })
   ] });
-}), nn = I.memo(_i);
+}), on = R.memo(Ei);
 export {
-  nn as Dashboard,
-  ji as MuiHeader
+  on as Dashboard,
+  _i as MuiHeader
 };

package/dist/index.js

@@ -1,7 +1,7 @@
 import { jsxs as g, jsx as e } from "react/jsx-runtime";
 import { styled as n, Typography as o } from "@mui/material";
 import h from "react";
-import { T as H } from "./Tooltips-D4gQprYO.js";
+import { T as H } from "./Tooltips-Q_C8jHNF.js";
 const u = n(o)({
   display: "flex",
   alignItems: "center",

package/package.json

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

package/dist/Dashboard/components/ListMemu/ui/ListButtonInner.d.ts

@@ -1,3 +0,0 @@
-export interface ListButtonInnerProps {
-}
-export declare const ListButtonInner: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & ListButtonInnerProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;