rc-lib-ui 1.2.25 → 1.3.0

package/dist/Dashboard/Dashboard.d.ts

@@ -1,26 +1,3 @@
-import { SxProps, Theme } from '@mui/material';
-import { default as React, ReactNode } from 'react';
-import { ListMenuProps } from './components/ListMemu/ListMenu';
-import { MuiHeaderProps } from './components/MuiHeader';
-import { MuiMenuProps } from './components/MuiMenu';
-export type DashboardControlProps = Record<'handleMenuOpen' | 'handleMenuClose' | 'handleMenuToggle', () => void> & {
-    isOpen: boolean;
-};
-type Statuses_OR = 'isDefaultOpen' | 'isHeader' | 'isMenu' | 'isMenuHeader' | 'isHeaderResize' | 'isButtonCenterMenu' | 'isHeaderDefault';
-export interface DashboardProps extends Pick<ListMenuProps, 'listMenu' | 'styleList'> {
-    Footer?: ReactNode;
-    columnMenu?: Partial<MuiMenuProps['columnMenu'] & {
-        position?: 'right' | 'left';
-    }>;
-    children?: ReactNode;
-    HeaderContent?: ReactNode | ((config: DashboardControlProps) => React.ReactNode);
-    statuses?: Partial<Record<Statuses_OR, boolean>>;
-    sx?: SxProps<Theme>;
-    itemsProps?: {
-        MuiHeader?: Pick<MuiHeaderProps, 'sx' | 'bgColor' | 'AfterComponent'>;
-        MuiListMenu?: Pick<ListMenuProps, 'sx'>;
-    };
-    classes?: Partial<Record<'listMenu' | 'header' | 'dashboard' | 'main', string>>;
-}
+import { default as React } from 'react';
+import { DashboardControlProps, DashboardProps } from './Dashboard.types';
 export declare const Dashboard: React.MemoExoticComponent<React.ForwardRefExoticComponent<DashboardProps & React.RefAttributes<DashboardControlProps>>>;
-export {};

package/dist/Dashboard/Dashboard.types.d.ts

@@ -0,0 +1,24 @@
+import { default as React, ReactNode } from 'react';
+import { SxProps, Theme } from '@mui/material';
+import { ListMenuProps, MuiHeaderProps, MuiMenuProps } from './components';
+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'> {
+    Footer?: ReactNode;
+    columnMenu?: Partial<MuiMenuProps['columnMenu'] & {
+        position?: 'right' | 'left';
+    }>;
+    children?: ReactNode;
+    HeaderContent?: ReactNode | ((config: DashboardControlProps) => React.ReactNode);
+    statuses?: Partial<Record<Statuses_OR, boolean>>;
+    sx?: SxProps<Theme>;
+    itemsProps?: {
+        MuiHeader?: Pick<MuiHeaderProps, 'sx' | 'bgColor' | 'AfterComponent'>;
+        MuiListMenu?: Pick<ListMenuProps, 'sx'>;
+    };
+    classes?: Partial<Record<'listMenu' | 'header' | 'dashboard' | 'main', string>>;
+}
+export {};

package/dist/Dashboard/index.d.ts

@@ -1,2 +1,3 @@
 export * from './Dashboard';
+export * from './Dashboard.types';
 export { MuiHeader, type MuiHeaderProps } from './components/MuiHeader';

package/dist/dashboard.js

@@ -171,22 +171,22 @@ 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, 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);
+  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 S == "function" && S(M);
+                w.handleToggle(), typeof S == "function" && S(M);
               },
               sx: { ...q({ isIcon: x }) },
               className: "MuiButtonControlCollapse",
@@ -209,12 +209,12 @@ 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, className: r, 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) => {
               C(f), B && B(ci);
             };
@@ -247,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 }) },
@@ -386,7 +386,7 @@ const Mi = g("main")(() => ({
   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, 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 : {
+  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)`
@@ -395,20 +395,20 @@ const Mi = g("main")(() => ({
     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 });
@@ -416,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 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,
@@ -442,7 +443,7 @@ const Mi = g("main")(() => ({
         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: [
@@ -457,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,

package/dist/hooks/index.d.ts

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

package/dist/hooks/useTimer.d.ts

@@ -0,0 +1,13 @@
+interface UseTimerProps {
+    timer?: number;
+    defaultIsActive?: boolean;
+}
+export declare const useTimer: ({ defaultIsActive, timer }: UseTimerProps) => {
+    isActive: boolean;
+    handleActive: () => void;
+    handleResetTimePanel: () => void;
+    handlePauseTimer: () => void;
+    handleResumeTimer: () => void;
+    handleDeActive: () => void;
+};
+export {};

package/dist/hooks.js

@@ -1,35 +1,35 @@
-import { useState as h, useRef as m, useEffect as P, useCallback as r } from "react";
-import { T as w } from "./index-DjJlkTF6.js";
-import { s as f } from "./index-B7GqTJat.js";
-const p = (s = { timerShowPanel: 5e3 }) => {
-  const [t, a] = h({
-    showPanel: !0
-  }), n = f(t, a), e = m(null);
-  P(() => (e.current = new w(s.timerShowPanel, () => {
-    console.log("Время истекло, скрываем панель"), n({ showPanel: !1 });
+import { useState as v, useRef as A, useEffect as l, useCallback as r } from "react";
+import { T } from "./index-DjJlkTF6.js";
+import { s as p } from "./index-B7GqTJat.js";
+const S = ({ defaultIsActive: c = !0, timer: s = 5e3 }) => {
+  const [t, n] = v({
+    isActive: c
+  }), i = p(t, n), e = A(null);
+  l(() => (e.current = new T(s, () => {
+    console.log("Время истекло, скрываем панель"), i({ isActive: !1 });
   }), e.current.startTime(), () => {
     e.current && e.current.resetTime();
-  }), [s.timerShowPanel]);
-  const o = r(() => {
-    t.showPanel || (n({ showPanel: !0 }), e.current && (e.current.resetTime(), e.current.startTime()));
-  }, [t.showPanel]), l = r(() => {
-    e.current && t.showPanel && (e.current.resetTime(), e.current.startTime());
-  }, [t.showPanel]), c = r(() => {
-    e.current && t.showPanel && e.current.pauseTime();
-  }, [t.showPanel]), u = r(() => {
-    e.current && t.showPanel && e.current.startTime();
-  }, [t.showPanel]), i = r(() => {
-    n({ showPanel: !1 }), e.current && e.current.resetTime();
+  }), [s]);
+  const u = r(() => {
+    t.isActive || (i({ isActive: !0 }), e.current && (e.current.resetTime(), e.current.startTime()));
+  }, [t.isActive]), a = r(() => {
+    e.current && t.isActive && (e.current.resetTime(), e.current.startTime());
+  }, [t.isActive]), m = r(() => {
+    e.current && t.isActive && e.current.pauseTime();
+  }, [t.isActive]), o = r(() => {
+    e.current && t.isActive && e.current.startTime();
+  }, [t.isActive]), f = r(() => {
+    i({ isActive: !1 }), e.current && e.current.resetTime();
   }, []);
   return {
-    showPanel: t.showPanel,
-    handleShowPanel: o,
-    handleResetTimePanel: l,
-    handlePauseTimer: c,
-    handleResumeTimer: u,
-    handleHidePanel: i
+    isActive: t.isActive,
+    handleActive: u,
+    handleResetTimePanel: a,
+    handlePauseTimer: m,
+    handleResumeTimer: o,
+    handleDeActive: f
   };
 };
 export {
-  p as useShowPanel
+  S as useTimer
 };

package/package.json

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

package/dist/hooks/useShowPanel.d.ts

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