rc-lib-ui 1.2.23 → 1.2.25

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

@@ -4,6 +4,7 @@ import { ListButtonProps } from './ui/ListButton';
 import { ListTextProps } from './ui/ListText';
 import { RenderIconProps } from './ui/RenderIcon';
 import { RenderListProps } from './ui/RenderList';
+import { StyledListItemProps } from './ui/styled';
 interface ItemListMenuCommonProps extends Pick<RenderIconProps, 'icon'>, Pick<ListTextProps, 'title'>, Pick<ListButtonProps, 'onClick'> {
     action?: ReactNode;
     sx?: SxProps<Theme>;
@@ -23,7 +24,7 @@ type VariantsMenuListProps = OneVariantMenuList | TwoVariantMenuList;
 export interface ListMenuProps extends RenderListProps {
     listMenu: Array<VariantsMenuListProps & ItemListMenuCommonProps>;
     isOpen: boolean;
-    sx?: SxProps<Theme>;
+    sx?: StyledListItemProps['sx'];
     className?: string;
     isWrapText?: boolean;
     size?: 'normal' | 'small';

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

@@ -1,4 +1,5 @@
-interface StyledListItemProps {
+import { ListItemProps } from '@mui/material';
+export interface StyledListItemProps extends ListItemProps {
     visual: "variant1" | "variant2";
 }
 export declare const StyledListItem: import('@emotion/styled').StyledComponent<{
@@ -6,4 +7,3 @@ export declare const StyledListItem: import('@emotion/styled').StyledComponent<{
 } & 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/dashboard.js

@@ -1,8 +1,8 @@
-import { jsx as d, jsxs as s, Fragment as G } from "react/jsx-runtime";
+import { jsx as d, Fragment as G, jsxs as s } from "react/jsx-runtime";
 import { styled as g, ListItemButton as hi, Typography as di, ListItemIcon as si, List as ai, ListItem as fi, Collapse as pi, Box as J, AppBar as gi, Container as ui, Toolbar as xi, Drawer as mi, Divider as Z, IconButton as wi } from "@mui/material";
 import { useTheme as bi } from "@mui/material/styles";
-import N, { useState as O, useCallback as P, useRef as K, useEffect as Q, forwardRef as V, useMemo as li, Fragment as vi, useImperativeHandle as Si } from "react";
-import Ci from "@mui/icons-material/ChevronLeft";
+import N, { useState as O, useCallback as P, useRef as K, useEffect as Q, forwardRef as V, useMemo as li, Fragment as vi, useImperativeHandle as Ci } from "react";
+import Si from "@mui/icons-material/ChevronLeft";
 import Li from "@mui/icons-material/ChevronRight";
 import { U as yi, s as Ii } from "./index-B7GqTJat.js";
 import { ExpandLess as Wi, ExpandMore as Hi } from "@mui/icons-material";
@@ -30,7 +30,7 @@ const Mi = g("main")(() => ({
     easing: i.transitions.easing.sharp,
     duration: i.transitions.duration.enteringScreen
   })
-})), ii = (i) => typeof i == "number" ? i + "px" : i, $i = (i, a = {}) => {
+})), ii = (i) => typeof i == "number" ? i + "px" : i, Ri = (i, a = {}) => {
   const { newProp: l = "marginLeft", positionCorrect: e = "- 0px" } = a;
   let n = {};
   for (const [t, o] of Object.entries(i))
@@ -42,7 +42,7 @@ const Mi = g("main")(() => ({
       n[l] = `calc(${r} ${e})`;
     }
   return n;
-}, Ri = ({ render: i, defaultStatus: a = !1 }) => {
+}, $i = ({ render: i, defaultStatus: a = !1 }) => {
   const [l, e] = O({ is: a, id: "" }), n = P(() => {
     e((o) => ({ ...o, is: !o.is }));
   }, []), t = P((o) => {
@@ -63,7 +63,7 @@ const Mi = g("main")(() => ({
   return Q(() => {
     if (a && (n != null && n.current)) {
       const { scrollHeight: r, clientHeight: c } = n == null ? void 0 : n.current;
-      l ? (!t.height && o((m) => ({ ...m, height: c })), r !== c && o({ ...A, height: r + c })) : o({ ...A, height: A.minHeight });
+      l ? (!t.height && o((u) => ({ ...u, height: c })), r !== c && o({ ...A, height: r + c })) : o({ ...A, height: A.minHeight });
     }
   }, [l]), /* @__PURE__ */ d(
     Bi,
@@ -155,12 +155,13 @@ const Mi = g("main")(() => ({
 })), Y = g(fi, {
   shouldForwardProp: (i) => !["visual"].includes(i)
 })(({ theme: i, visual: a }) => ({
+  display: "block",
   ...a === "variant2" && {
     "&": {
-      padding: `0 ${i.spacing(1)}`
+      // padding: `0 ${theme.spacing(1)}`,
     },
     "& .MuiListItemIcon-root": {
-      marginLeft: `-${i.spacing(1)}`
+      // marginLeft: `-${theme.spacing(1)}`,
     },
     "& .MuiButtonBase-root": {
       borderRadius: "5px",
@@ -170,30 +171,31 @@ const Mi = g("main")(() => ({
     }
   }
 })), q = ({ isIcon: i }) => ({ paddingRight: 1.2, ...!i && { paddingLeft: 1.2 } }), ji = V(({ styleList: i = "variant1", isRight: a, columnMenu: l, isWrapText: e = !1, listMenu: n, isOpen: t, sx: o, className: r }, c) => {
-  const { minWidthColumn: m } = l, [I, S] = O(""), W = li(() => n.map(({ action: H, icon: u, title: F, sx: k = {}, onClick: C, children: w, to: D, id: h }, L) => {
-    const p = `${h || L}`, b = (x) => {
-      S(p), C && C(x);
+  const { minWidthColumn: u } = l, [I, C] = O(""), W = li(() => n.map(({ action: H, icon: x, title: F, sx: k = {}, onClick: S, children: w, to: D, id: h }, L) => {
+    const p = `${h || L}`, b = (m) => {
+      C(p), S && S(m);
     };
     return w && Array.isArray(w) ? /* @__PURE__ */ d(vi, { children: /* @__PURE__ */ d(
-      Ri,
+      $i,
       {
         defaultStatus: t,
-        render: (x) => /* @__PURE__ */ s(G, { children: [
-          /* @__PURE__ */ d(Y, { disablePadding: !0, sx: k, visual: i, children: /* @__PURE__ */ s(
+        render: (m) => /* @__PURE__ */ d(G, { children: /* @__PURE__ */ s(Y, { disablePadding: !0, sx: k, visual: i, children: [
+          /* @__PURE__ */ s(
             U,
             {
-              isOpen: x.is,
+              isOpen: m.is,
               isWrapText: e,
               onClick: (M) => {
-                x.handleToggle(), typeof C == "function" && C(M);
+                m.handleToggle(), typeof S == "function" && S(M);
               },
-              sx: { ...q({ isIcon: u }) },
+              sx: { ...q({ isIcon: x }) },
+              className: "MuiButtonControlCollapse",
               children: [
-                u && /* @__PURE__ */ d(
+                x && /* @__PURE__ */ d(
                   X,
                   {
-                    icon: u,
-                    sx: m
+                    icon: x,
+                    sx: u
                   }
                 ),
                 /* @__PURE__ */ d(
@@ -207,14 +209,14 @@ const Mi = g("main")(() => ({
                 ),
                 t && /* @__PURE__ */ s(G, { children: [
                   H,
-                  x.is ? /* @__PURE__ */ d(Wi, {}) : /* @__PURE__ */ d(Hi, {})
+                  m.is ? /* @__PURE__ */ d(Wi, {}) : /* @__PURE__ */ d(Hi, {})
                 ] })
               ]
             }
-          ) }),
-          /* @__PURE__ */ d(pi, { in: x.is && t, timeout: "auto", unmountOnExit: !0, children: /* @__PURE__ */ d(ai, { disablePadding: !0, children: w.map(({ action: M, icon: y, title: T, to: $, sx: j = {}, id: R, onClick: B }, v) => {
-            const f = `${L}-${R || v}`, z = (ci) => {
-              S(f), B && B(ci);
+          ),
+          /* @__PURE__ */ d(pi, { in: m.is && t, timeout: "auto", unmountOnExit: !0, children: /* @__PURE__ */ d(ai, { disablePadding: !0, className: r, children: w.map(({ action: M, icon: y, title: T, to: R, sx: j = {}, id: $, onClick: B }, v) => {
+            const f = `${L}-${$ || v}`, z = (ci) => {
+              C(f), B && B(ci);
             };
             return /* @__PURE__ */ d(Y, { disablePadding: !0, sx: j, visual: i, children: /* @__PURE__ */ s(
               U,
@@ -223,9 +225,9 @@ const Mi = g("main")(() => ({
                 isOpen: !0,
                 onClick: z,
                 isWrapText: e,
-                ...$ ? { to: $, component: ni } : { to: "", className: _({ "Mui-selected": I === f }) },
+                ...R ? { to: R, component: ni } : { to: "", className: _({ "Mui-selected": I === f }) },
                 children: [
-                  y && /* @__PURE__ */ d(X, { icon: y, sx: { ...m, marginLeft: "8px !important" } }),
+                  y && /* @__PURE__ */ d(X, { icon: y, sx: { ...u, marginLeft: "8px !important" } }),
                   /* @__PURE__ */ d(
                     E,
                     {
@@ -239,7 +241,7 @@ const Mi = g("main")(() => ({
               }
             ) }, f);
           }) }) })
-        ] })
+        ] }) })
       }
     ) }, h || L) : /* @__PURE__ */ d(Y, { disablePadding: !0, sx: k, visual: i, children: /* @__PURE__ */ s(
       U,
@@ -248,9 +250,9 @@ const Mi = g("main")(() => ({
         onClick: b,
         isWrapText: e,
         ...D ? { to: D, component: ni } : { to: "", className: _({ "Mui-selected": I === p }) },
-        sx: { ...q({ isIcon: u }) },
+        sx: { ...q({ isIcon: x }) },
         children: [
-          u && /* @__PURE__ */ d(X, { icon: u, sx: m }),
+          x && /* @__PURE__ */ d(X, { icon: x, sx: u }),
           /* @__PURE__ */ d(
             E,
             {
@@ -263,7 +265,7 @@ const Mi = g("main")(() => ({
         ]
       }
     ) }, p);
-  }), [n, t, I, a, q]);
+  }), [n, t, I, a, q, u]);
   return /* @__PURE__ */ d(
     Fi,
     {
@@ -380,14 +382,14 @@ const Mi = g("main")(() => ({
 })), ei = (i) => {
   const { clientWidth: a, offsetWidth: l } = i;
   return l - a;
-}, Xi = V(({ Footer: i, listMenu: a, children: l, HeaderContent: e, statuses: n, itemsProps: t, classes: o, columnMenu: r, styleList: c, sx: m }, I) => {
-  var $, j, R, B;
-  const S = bi(), W = (r == null ? void 0 : r.position) === "right", H = !1, u = !0;
+}, Xi = V(({ Footer: i, listMenu: a, children: l, HeaderContent: e, statuses: n, itemsProps: t, classes: o, columnMenu: r, styleList: c, sx: u }, I) => {
+  var R, j, $, B;
+  const C = bi(), W = (r == null ? void 0 : r.position) === "right", H = !1, x = !0;
   //!!statuses?.isScrollIndentation
-  const F = (n == null ? void 0 : n.isHeaderDefault) === void 0 ? !0 : n == null ? void 0 : n.isHeaderDefault, k = (n == null ? void 0 : n.isHeader) === void 0 ? !0 : n == null ? void 0 : n.isHeader, C = (n == null ? void 0 : n.isMenu) === void 0 ? !0 : n == null ? void 0 : n.isMenu, w = (r == null ? void 0 : r.initWidth) || 250, D = li(() => r != null && r.minWidthColumn && Object.keys(r == null ? void 0 : r.minWidthColumn).length ? r == null ? void 0 : r.minWidthColumn : {
-    width: `calc(${S.spacing(7)} + 1px)`,
-    [S.breakpoints.up("sm")]: {
-      width: `calc(${S.spacing(8)} + 1px)`
+  const F = (n == null ? void 0 : n.isHeaderDefault) === void 0 ? !0 : n == null ? void 0 : n.isHeaderDefault, k = (n == null ? void 0 : n.isHeader) === void 0 ? !0 : n == null ? void 0 : n.isHeader, S = (n == null ? void 0 : n.isMenu) === void 0 ? !0 : n == null ? void 0 : n.isMenu, w = (r == null ? void 0 : r.initWidth) || 250, D = li(() => r != null && r.minWidthColumn && Object.keys(r == null ? void 0 : r.minWidthColumn).length ? r == null ? void 0 : r.minWidthColumn : {
+    width: `calc(${C.spacing(7)} + 1px)`,
+    [C.breakpoints.up("sm")]: {
+      width: `calc(${C.spacing(8)} + 1px)`
     }
   }, [r == null ? void 0 : r.minWidthColumn]), [h, L] = O({
     isOpen: !!(n != null && n.isDefaultOpen),
@@ -405,8 +407,8 @@ const Mi = g("main")(() => ({
         }
       };
     }
-  }, [u]);
-  const x = () => {
+  }, [x]);
+  const m = () => {
     p({ isOpen: !0 });
   }, M = () => {
     p({ isOpen: !1 });
@@ -414,26 +416,26 @@ const Mi = g("main")(() => ({
     L((v) => ({ ...v, isOpen: !v.isOpen }));
   }, T = {
     isOpen: h.isOpen,
-    handleMenuOpen: x,
+    handleMenuOpen: m,
     handleMenuClose: M,
     handleMenuToggle: y
   };
-  return Si(I, () => T), /* @__PURE__ */ s(J, { className: _("Dashboard", o == null ? void 0 : o.dashboard), sx: { display: "flex", height: "inherit", ...m }, children: [
+  return Ci(I, () => T), /* @__PURE__ */ s(J, { className: _("Dashboard", o == null ? void 0 : o.dashboard), sx: { display: "flex", height: "inherit", ...u }, children: [
     k ? F ? /* @__PURE__ */ d(
       Vi,
       {
         initWidth: w,
         isOpen: h.isOpen,
-        bgColor: ($ = t == null ? void 0 : t.MuiHeader) == null ? void 0 : $.bgColor,
+        bgColor: (R = t == null ? void 0 : t.MuiHeader) == null ? void 0 : R.bgColor,
         isRight: W,
         isHeaderResize: n == null ? void 0 : n.isHeaderResize,
         sx: (j = t == null ? void 0 : t.MuiHeader) == null ? void 0 : j.sx,
         className: o == null ? void 0 : o.header,
-        AfterComponent: (R = t == null ? void 0 : t.MuiHeader) == null ? void 0 : R.AfterComponent,
+        AfterComponent: ($ = t == null ? void 0 : t.MuiHeader) == null ? void 0 : $.AfterComponent,
         children: typeof e == "function" ? e(T) : e
       }
     ) : typeof e == "function" ? e(T) : e : null,
-    C && /* @__PURE__ */ s(
+    S && /* @__PURE__ */ s(
       Ei,
       {
         variant: "permanent",
@@ -459,7 +461,7 @@ const Mi = g("main")(() => ({
               isRight: W,
               columnMenu: {
                 initWidth: w,
-                minWidthColumn: $i(D, { newProp: "width", positionCorrect: `- ${h.widthScroll}px` })
+                minWidthColumn: Ri(D, { newProp: "width", positionCorrect: `- ${h.widthScroll}px` })
               },
               listMenu: a,
               isOpen: h.isOpen,
@@ -469,7 +471,7 @@ const Mi = g("main")(() => ({
               styleList: c
             }
           ) }),
-          (n == null ? void 0 : n.isButtonCenterMenu) !== !1 && /* @__PURE__ */ d(Ti, { children: /* @__PURE__ */ d(wi, { onClick: y, sx: { pointerEvents: "auto" }, children: h.isOpen ? /* @__PURE__ */ d(Li, {}) : /* @__PURE__ */ d(Ci, {}) }) }),
+          (n == null ? void 0 : n.isButtonCenterMenu) !== !1 && /* @__PURE__ */ d(Ti, { children: /* @__PURE__ */ d(wi, { onClick: y, sx: { pointerEvents: "auto" }, children: h.isOpen ? /* @__PURE__ */ d(Li, {}) : /* @__PURE__ */ d(Si, {}) }) }),
           i && /* @__PURE__ */ d(G, { children: /* @__PURE__ */ s(Gi, { children: [
             /* @__PURE__ */ d(Z, {}),
             i

package/package.json

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