rc-lib-ui 1.2.24 → 1.2.26

package/dist/Dashboard/Dashboard.d.ts

@@ -5,6 +5,7 @@ import { MuiHeaderProps } from './components/MuiHeader';
 import { MuiMenuProps } from './components/MuiMenu';
 export type DashboardControlProps = Record<'handleMenuOpen' | 'handleMenuClose' | 'handleMenuToggle', () => void> & {
     isOpen: boolean;
+    listRef: React.RefObject<HTMLUListElement>;
 };
 type Statuses_OR = 'isDefaultOpen' | 'isHeader' | 'isMenu' | 'isMenuHeader' | 'isHeaderResize' | 'isButtonCenterMenu' | 'isHeaderDefault';
 export interface DashboardProps extends Pick<ListMenuProps, 'listMenu' | 'styleList'> {

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, 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";
@@ -171,24 +171,25 @@ 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: u } = l, [I, S] = O(""), W = li(() => n.map(({ action: H, icon: x, title: F, sx: k = {}, onClick: C, children: w, to: D, id: h }, L) => {
-    const p = `${h || L}`, b = (m) => {
-      S(p), C && C(m);
+  const { minWidthColumn: u } = l, [I, C] = O(""), W = li(() => n.map(({ action: H, icon: x, title: F, sx: k = {}, onClick: S, children: b, to: D, id: h }, L) => {
+    const p = `${h || L}`, m = (w) => {
+      C(p), S && S(w);
     };
-    return w && Array.isArray(w) ? /* @__PURE__ */ d(vi, { children: /* @__PURE__ */ d(
+    return b && Array.isArray(b) ? /* @__PURE__ */ d(vi, { children: /* @__PURE__ */ d(
       $i,
       {
         defaultStatus: t,
-        render: (m) => /* @__PURE__ */ d(G, { children: /* @__PURE__ */ s(Y, { disablePadding: !0, sx: k, visual: i, children: [
+        render: (w) => /* @__PURE__ */ d(G, { children: /* @__PURE__ */ s(Y, { disablePadding: !0, sx: k, visual: i, children: [
           /* @__PURE__ */ s(
             U,
             {
-              isOpen: m.is,
+              isOpen: w.is,
               isWrapText: e,
               onClick: (M) => {
-                m.handleToggle(), typeof C == "function" && C(M);
+                w.handleToggle(), typeof S == "function" && S(M);
               },
               sx: { ...q({ isIcon: x }) },
+              className: "MuiButtonControlCollapse",
               children: [
                 x && /* @__PURE__ */ d(
                   X,
@@ -208,14 +209,14 @@ const Mi = g("main")(() => ({
                 ),
                 t && /* @__PURE__ */ s(G, { children: [
                   H,
-                  m.is ? /* @__PURE__ */ d(Wi, {}) : /* @__PURE__ */ d(Hi, {})
+                  w.is ? /* @__PURE__ */ d(Wi, {}) : /* @__PURE__ */ d(Hi, {})
                 ] })
               ]
             }
           ),
-          /* @__PURE__ */ d(pi, { in: m.is && t, timeout: "auto", unmountOnExit: !0, children: /* @__PURE__ */ d(ai, { disablePadding: !0, children: w.map(({ action: M, icon: y, title: T, to: R, sx: j = {}, id: $, onClick: B }, v) => {
+          /* @__PURE__ */ d(pi, { in: w.is && t, timeout: "auto", unmountOnExit: !0, children: /* @__PURE__ */ d(ai, { disablePadding: !0, className: r, children: b.map(({ action: M, icon: y, title: T, to: R, sx: j = {}, id: $, onClick: B }, v) => {
             const f = `${L}-${$ || v}`, z = (ci) => {
-              S(f), B && B(ci);
+              C(f), B && B(ci);
             };
             return /* @__PURE__ */ d(Y, { disablePadding: !0, sx: j, visual: i, children: /* @__PURE__ */ s(
               U,
@@ -246,7 +247,7 @@ const Mi = g("main")(() => ({
       U,
       {
         isOpen: t,
-        onClick: b,
+        onClick: m,
         isWrapText: e,
         ...D ? { to: D, component: ni } : { to: "", className: _({ "Mui-selected": I === p }) },
         sx: { ...q({ isIcon: x }) },
@@ -383,31 +384,31 @@ const Mi = g("main")(() => ({
   return l - a;
 }, 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 S = bi(), W = (r == null ? void 0 : r.position) === "right", H = !1, x = !0;
+  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, b = (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),
     widthCloseColumn: 0,
     widthScroll: 0
-  }), p = Ii(h, L), b = K(null);
+  }), p = Ii(h, L), m = K(null);
   Q(() => {
-    if (b.current) {
-      const v = ei(b.current);
+    if (m.current) {
+      const v = ei(m.current);
       let f = !1;
       v > 0 && (f = !0), p({ widthScroll: f ? v + 1 : 0 }), window.onresize = function() {
-        if (b.current) {
-          const z = ei(b.current);
+        if (m.current) {
+          const z = ei(m.current);
           f && !z && (f = !1, p({ widthScroll: 0 })), !f && z && (f = !0, p({ widthScroll: z + 1 }));
         }
       };
     }
   }, [x]);
-  const m = () => {
+  const w = () => {
     p({ isOpen: !0 });
   }, M = () => {
     p({ isOpen: !1 });
@@ -415,15 +416,16 @@ const Mi = g("main")(() => ({
     L((v) => ({ ...v, isOpen: !v.isOpen }));
   }, T = {
     isOpen: h.isOpen,
-    handleMenuOpen: m,
+    handleMenuOpen: w,
     handleMenuClose: M,
-    handleMenuToggle: y
+    handleMenuToggle: y,
+    listRef: m
   };
-  return Si(I, () => T), /* @__PURE__ */ s(J, { className: _("Dashboard", o == null ? void 0 : o.dashboard), sx: { display: "flex", height: "inherit", ...u }, 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,
+        initWidth: b,
         isOpen: h.isOpen,
         bgColor: (R = t == null ? void 0 : t.MuiHeader) == null ? void 0 : R.bgColor,
         isRight: W,
@@ -434,14 +436,14 @@ const Mi = g("main")(() => ({
         children: typeof e == "function" ? e(T) : e
       }
     ) : typeof e == "function" ? e(T) : e : null,
-    C && /* @__PURE__ */ s(
+    S && /* @__PURE__ */ s(
       Ei,
       {
         variant: "permanent",
         open: h.isOpen,
         isRight: W,
         isWrapText: H,
-        columnMenu: { initWidth: w, minWidthColumn: D },
+        columnMenu: { initWidth: b, minWidthColumn: D },
         styleList: c,
         children: [
           (n == null ? void 0 : n.isMenuHeader) !== !1 && /* @__PURE__ */ s(G, { children: [
@@ -456,10 +458,10 @@ const Mi = g("main")(() => ({
           }, children: /* @__PURE__ */ d(
             Ai,
             {
-              ref: b,
+              ref: m,
               isRight: W,
               columnMenu: {
-                initWidth: w,
+                initWidth: b,
                 minWidthColumn: Ri(D, { newProp: "width", positionCorrect: `- ${h.widthScroll}px` })
               },
               listMenu: a,
@@ -470,7 +472,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.24",
+  "version": "1.2.26",
   "author": "SinGlEBW",
   "license": "MIT",
   "type": "module",