rc-lib-ui 1.0.33 → 1.0.48

package/dist/Dashboard/Dashboard.js

@@ -1,31 +1,29 @@
-import { jsx as e, jsxs as p, Fragment as T } from "react/jsx-runtime";
+import { jsxs as c, jsx as o, Fragment as z } from "react/jsx-runtime";
 import V, { forwardRef as q, useMemo as J, useState as K, useRef as Q, useEffect as U, useImperativeHandle as X } from "react";
-import { useTheme as Y } from "@mui/material/styles";
-import { Box as y, Divider as B, IconButton as Z } from "@mui/material";
-import { c as N, L as M } from "../ListMenu-DEYH0h3L.js";
+import { useTheme as Y } from "@mui/material/styles/index.js";
+import { Box as B, Divider as j, IconButton as Z } from "@mui/material";
+import _ from "@mui/icons-material/ChevronLeft.js";
+import M from "@mui/icons-material/ChevronRight.js";
 import { setStateDecorator as P } from "../_helpers/index.js";
 import { ContentBox as u } from "./components/ContentBox.js";
 import { DrawerToggleMenu as s } from "./components/DrawerToggleMenu.js";
-import { MuiHeader as ii } from "./components/MuiHeader.js";
-import { MuiMenu as ri } from "./components/MuiMenu.js";
-import { MuiMenuHeader as j } from "./components/MuiMenuHeader.js";
+import { ListMenu as ii } from "./components/ListMemu/ListMenu.js";
+import { MuiHeader as ri } from "./components/MuiHeader.js";
+import { MuiMenu as oi } from "./components/MuiMenu.js";
+import { MuiMenuHeader as k } from "./components/MuiMenuHeader.js";
 import { MuiFooter as ei } from "./components/MuiFooter.js";
-import { convertWidthToLeftPM as oi } from "./components/ListMemu/helpers.js";
-const ni = N(/* @__PURE__ */ e("path", {
-  d: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"
-}), "ChevronLeft"), di = N(/* @__PURE__ */ e("path", {
-  d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
-}), "ChevronRight"), k = (x) => {
-  const { clientWidth: g, offsetWidth: w } = x;
-  return w - g;
-}, fi = q(({ Footer: x, listMenu: g, children: w, HeaderContent: d, statuses: i, itemsProps: o, classes: f, columnMenu: r, styleList: m, sx: $ }, A) => {
-  var L, z, I;
-  const a = Y(), W = (r == null ? void 0 : r.position) === "right", v = !1, E = !0;
+import { convertWidthToLeftPM as ni } from "./components/ListMemu/helpers.js";
+const L = (x) => {
+  const { clientWidth: m, offsetWidth: w } = x;
+  return w - m;
+}, di = q(({ Footer: x, listMenu: m, children: w, HeaderContent: d, statuses: i, itemsProps: e, classes: f, columnMenu: r, styleList: W, sx: N }, $) => {
+  var I, T, y;
+  const g = Y(), a = (r == null ? void 0 : r.position) === "right", H = !1, A = !0;
   //!!statuses?.isScrollIndentation
-  const _ = (i == null ? void 0 : i.isHeaderDefault) === void 0 ? !0 : i == null ? void 0 : i.isHeaderDefault, H = (i == null ? void 0 : i.isHeader) === void 0 ? !0 : i == null ? void 0 : i.isHeader, C = (r == null ? void 0 : r.initWidth) || 250, D = J(() => r != null && r.minWidthColumn && Object.keys(r == null ? void 0 : r.minWidthColumn).length ? r == null ? void 0 : r.minWidthColumn : {
-    width: `calc(${a.spacing(7)} + 1px)`,
-    [a.breakpoints.up("sm")]: {
-      width: `calc(${a.spacing(8)} + 1px)`
+  const E = (i == null ? void 0 : i.isHeaderDefault) === void 0 ? !0 : i == null ? void 0 : i.isHeaderDefault, D = (i == null ? void 0 : i.isHeader) === void 0 ? !0 : i == null ? void 0 : i.isHeader, O = (r == null ? void 0 : r.initWidth) || 250, v = J(() => r != null && r.minWidthColumn && Object.keys(r == null ? void 0 : r.minWidthColumn).length ? r == null ? void 0 : r.minWidthColumn : {
+    width: `calc(${g.spacing(7)} + 1px)`,
+    [g.breakpoints.up("sm")]: {
+      width: `calc(${g.spacing(8)} + 1px)`
     }
   }, [r == null ? void 0 : r.minWidthColumn]), [n, R] = K({
     isOpen: !!(i != null && i.isDefaultOpen),
@@ -34,94 +32,94 @@ const ni = N(/* @__PURE__ */ e("path", {
   }), l = P(n, R), t = Q(null);
   U(() => {
     if (t.current) {
-      const c = k(t.current);
+      const p = L(t.current);
       let h = !1;
-      c > 0 && (h = !0), l({ widthScroll: h ? c + 1 : 0 }), window.onresize = function() {
+      p > 0 && (h = !0), l({ widthScroll: h ? p + 1 : 0 }), window.onresize = function() {
         if (t.current) {
-          const S = k(t.current);
-          h && !S && (h = !1, l({ widthScroll: 0 })), !h && S && (h = !0, l({ widthScroll: S + 1 }));
+          const C = L(t.current);
+          h && !C && (h = !1, l({ widthScroll: 0 })), !h && C && (h = !0, l({ widthScroll: C + 1 }));
         }
       };
     }
-  }, [E]);
+  }, [A]);
   const F = () => {
     l({ isOpen: !0 });
   }, G = () => {
     l({ isOpen: !1 });
   }, b = () => {
-    R((c) => ({ ...c, isOpen: !c.isOpen }));
-  }, O = {
+    R((p) => ({ ...p, isOpen: !p.isOpen }));
+  }, S = {
     isOpen: n.isOpen,
     handleMenuOpen: F,
     handleMenuClose: G,
     handleMenuToggle: b
   };
-  return X(A, () => O), /* @__PURE__ */ p(y, { sx: { display: "flex", height: "inherit" }, children: [
-    H ? _ ? /* @__PURE__ */ e(
-      ii,
+  return X($, () => S), /* @__PURE__ */ c(B, { sx: { display: "flex", height: "inherit" }, children: [
+    D ? E ? /* @__PURE__ */ o(
+      ri,
       {
-        initWidth: C,
+        initWidth: O,
         isOpen: n.isOpen,
-        bgColor: (L = o == null ? void 0 : o.MuiHeader) == null ? void 0 : L.bgColor,
-        isRight: W,
+        bgColor: (I = e == null ? void 0 : e.MuiHeader) == null ? void 0 : I.bgColor,
+        isRight: a,
         isHeaderResize: i == null ? void 0 : i.isHeaderResize,
-        sx: (z = o == null ? void 0 : o.MuiHeader) == null ? void 0 : z.sx,
+        sx: (T = e == null ? void 0 : e.MuiHeader) == null ? void 0 : T.sx,
         className: f == null ? void 0 : f.header,
-        AfterComponent: (I = o == null ? void 0 : o.MuiHeader) == null ? void 0 : I.AfterComponent,
-        children: typeof d == "function" ? d(O) : d
+        AfterComponent: (y = e == null ? void 0 : e.MuiHeader) == null ? void 0 : y.AfterComponent,
+        children: typeof d == "function" ? d(S) : d
       }
-    ) : typeof d == "function" ? d(O) : d : null,
-    /* @__PURE__ */ p(
-      ri,
+    ) : typeof d == "function" ? d(S) : d : null,
+    /* @__PURE__ */ c(
+      oi,
       {
         variant: "permanent",
         open: n.isOpen,
-        isRight: W,
-        isWrapText: v,
-        columnMenu: { initWidth: C, minWidthColumn: D },
-        styleList: m,
+        isRight: a,
+        isWrapText: H,
+        columnMenu: { initWidth: O, minWidthColumn: v },
+        styleList: W,
         children: [
-          (i == null ? void 0 : i.isMenuHeader) !== !1 && /* @__PURE__ */ p(T, { children: [
-            /* @__PURE__ */ e(j, {}),
-            /* @__PURE__ */ e(B, {})
+          (i == null ? void 0 : i.isMenuHeader) !== !1 && /* @__PURE__ */ c(z, { children: [
+            /* @__PURE__ */ o(k, {}),
+            /* @__PURE__ */ o(j, {})
           ] }),
-          /* @__PURE__ */ e(y, { className: "MuiListWrap", sx: {
+          /* @__PURE__ */ o(B, { className: "MuiListWrap", sx: {
             display: "flex",
             flexDirection: "column",
             flexGrow: 1,
             overflow: "hidden"
-          }, children: /* @__PURE__ */ e(
-            M,
+          }, children: /* @__PURE__ */ o(
+            ii,
             {
               ref: t,
               columnMenu: {
-                initWidth: C,
-                minWidthColumn: oi(D, { newProp: "width", positionCorrect: `- ${n.widthScroll}px` })
+                initWidth: O,
+                minWidthColumn: ni(v, { newProp: "width", positionCorrect: `- ${n.widthScroll}px` })
               },
-              listMenu: g,
+              listMenu: m,
               isOpen: n.isOpen,
               sx: {
-                ...$
+                ...N
               },
               className: f == null ? void 0 : f.listMenu,
-              isWrapText: v,
-              styleList: m
+              isWrapText: H,
+              styleList: W
             }
           ) }),
-          (i == null ? void 0 : i.isButtonCenterMenu) !== !1 && /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(Z, { onClick: b, sx: { pointerEvents: "auto" }, children: n.isOpen ? /* @__PURE__ */ e(di, {}) : /* @__PURE__ */ e(ni, {}) }) }),
-          x && /* @__PURE__ */ e(T, { children: /* @__PURE__ */ p(ei, { children: [
-            /* @__PURE__ */ e(B, {}),
+          (i == null ? void 0 : i.isButtonCenterMenu) !== !1 && /* @__PURE__ */ o(s, { children: /* @__PURE__ */ o(Z, { onClick: b, sx: { pointerEvents: "auto" }, children: n.isOpen ? /* @__PURE__ */ o(M, {}) : /* @__PURE__ */ o(_, {}) }) }),
+          x && /* @__PURE__ */ o(z, { children: /* @__PURE__ */ c(ei, { children: [
+            /* @__PURE__ */ o(j, {}),
             x
           ] }) })
         ]
       }
     ),
-    /* @__PURE__ */ p(u, { children: [
-      H && /* @__PURE__ */ e(j, {}),
+    /* @__PURE__ */ c(u, { children: [
+      D && /* @__PURE__ */ o(k, {}),
       w
     ] })
   ] });
-}), Wi = V.memo(fi);
+}), Hi = V.memo(di);
 export {
-  Wi as Dashboard
+  Hi as Dashboard
 };

package/dist/Dashboard/components/ListMemu/ListMenu.js

@@ -1,14 +1,103 @@
-import "react/jsx-runtime";
-import "../../../common/ControlStatusItem.js";
-import "@mui/material";
-import "react";
-import "./helpers.js";
-import "./ui/ListButton.js";
-import "./ui/ListText.js";
-import "./ui/MuiNavLink.js";
-import "./ui/RenderIcon.js";
-import "./ui/RenderList.js";
-import { L as u } from "../../../ListMenu-DEYH0h3L.js";
+import { jsx as t, jsxs as o, Fragment as b } from "react/jsx-runtime";
+import { ControlStatusItem as N } from "../../../common/ControlStatusItem.js";
+import { ExpandLess as q, ExpandMore as z } from "@mui/icons-material";
+import { ListItem as c, Collapse as D, List as H } from "@mui/material";
+import J, { forwardRef as K, useMemo as C, Fragment as Q } from "react";
+import { convertWidthToLeftPM as U } from "./helpers.js";
+import { ListButton as f } from "./ui/ListButton.js";
+import { ListText as h } from "./ui/ListText.js";
+import { MuiNavLink as R } from "./ui/MuiNavLink.js";
+import { RenderIcon as x } from "./ui/RenderIcon.js";
+import { RenderList as V } from "./ui/RenderList.js";
+const X = K(({ styleList: v = "variant1", columnMenu: w, isWrapText: n = !1, listMenu: L, isOpen: r, sx: y, className: E }, F) => {
+  const { minWidthColumn: e } = w, m = C(() => U(e, { newProp: "marginLeft" }), [e]), I = C(() => L.map(({ action: p, icon: g, title: M, sx: P = {}, onClick: i, children: d, path: $ }, u) => d && Array.isArray(d) ? /* @__PURE__ */ t(Q, { children: /* @__PURE__ */ t(
+    N,
+    {
+      render: (s) => /* @__PURE__ */ o(b, { children: [
+        /* @__PURE__ */ o(c, { disablePadding: !0, sx: P, children: [
+          /* @__PURE__ */ t(
+            x,
+            {
+              icon: g,
+              sx: e
+            }
+          ),
+          /* @__PURE__ */ o(
+            f,
+            {
+              isOpen: r,
+              isWrapText: n,
+              onClick: (a) => {
+                s.handleToggle(), typeof i == "function" && i(a);
+              },
+              children: [
+                /* @__PURE__ */ t(
+                  h,
+                  {
+                    unmount: !r,
+                    title: M,
+                    sx: { flexGrow: 1, ...m },
+                    isWrapText: n
+                  }
+                ),
+                r && /* @__PURE__ */ o(b, { children: [
+                  p,
+                  s.is ? /* @__PURE__ */ t(q, {}) : /* @__PURE__ */ t(z, {})
+                ] })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t(D, { in: s.is && r, timeout: "auto", unmountOnExit: !0, children: /* @__PURE__ */ t(H, { disablePadding: !0, children: d.map(({ action: a, icon: l, title: j, path: k, sx: A = {}, onClick: S }, B) => /* @__PURE__ */ t(c, { disablePadding: !0, sx: A, children: /* @__PURE__ */ o(
+          f,
+          {
+            to: k,
+            component: R,
+            sx: ({ spacing: G }) => ({ ...!l && { paddingLeft: G(2) } }),
+            isOpen: !0,
+            onClick: S,
+            isWrapText: n,
+            children: [
+              /* @__PURE__ */ t(
+                x,
+                {
+                  icon: l,
+                  sx: e
+                }
+              ),
+              /* @__PURE__ */ t(
+                h,
+                {
+                  sx: () => ({ ...l && m }),
+                  unmount: !r,
+                  title: j,
+                  isWrapText: n
+                }
+              ),
+              r && a
+            ]
+          }
+        ) }, `${u}-${B}`)) }) })
+      ] })
+    }
+  ) }, u) : /* @__PURE__ */ o(c, { disablePadding: !0, sx: P, children: [
+    /* @__PURE__ */ t(x, { icon: g, sx: e }),
+    /* @__PURE__ */ o(f, { component: R, to: $, isOpen: r, onClick: i, isWrapText: n, children: [
+      /* @__PURE__ */ t(h, { sx: m, unmount: !r, title: M, isWrapText: n }),
+      r && p
+    ] })
+  ] }, u)), [L, r, m]);
+  return /* @__PURE__ */ t(
+    V,
+    {
+      ref: F,
+      styleList: v,
+      sx: y,
+      className: E,
+      children: I
+    }
+  );
+}), mt = J.memo(X);
 export {
-  u as ListMenu
+  mt as ListMenu
 };

package/dist/Dashboard/components/ListMemu/ui/ListText.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
-import { Tooltips as d } from "../../../../Tooltips/Tooltips.js";
+import { Tooltips as T } from "../../../../Tooltips/Tooltips.js";
 import { Typography as c } from "@mui/material";
-import T, { forwardRef as m, useState as h, useRef as l, useEffect as u } from "react";
+import d, { forwardRef as m, useState as h, useRef as l, useEffect as u } from "react";
 const W = ({ unmount: o, isWrapText: f, title: t, sx: e = {} }) => {
   const [p, a] = h(""), s = l(null);
   return u(() => {
@@ -11,7 +11,7 @@ const W = ({ unmount: o, isWrapText: f, title: t, sx: e = {} }) => {
       }, 200);
     }
   }, [t, o]), f ? !o && /* @__PURE__ */ i(c, { children: t, sx: { textWrap: "wrap", overflowWrap: "break-word", ...e } }) : !o && /* @__PURE__ */ i(w, { ref: s, tooltipText: p, title: t, sx: e });
-}, L = T.memo(W), w = m(({ tooltipText: o, title: f, sx: t }, e) => /* @__PURE__ */ i(d, { variant: "default", title: o, children: /* @__PURE__ */ i(c, { ref: e, children: f, noWrap: !0, sx: t }) }));
+}, L = d.memo(W), w = m(({ tooltipText: o, title: f, sx: t }, e) => /* @__PURE__ */ i(T, { variant: "default", title: o, children: /* @__PURE__ */ i(c, { ref: e, children: f, noWrap: !0, sx: t }) }));
 export {
   L as ListText
 };