@m4l/graphics 7.0.12 → 7.0.14

package/components/GlobalStyles/index.js

@@ -1,43 +1,30 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useTheme as o } from "@mui/material/styles";
-import { GlobalStyles as a } from "@mui/material";
-import { globalRemSize as r } from "@m4l/styles";
-function s() {
-  const t = o();
-  return /* @__PURE__ */ e(
-    a,
+import { jsx as r } from "react/jsx-runtime";
+import { useTheme as i } from "@mui/material/styles";
+import { GlobalStyles as o } from "@mui/material";
+import { globalRemSize as e } from "@m4l/styles";
+function n() {
+  const t = i();
+  return /* @__PURE__ */ r(
+    o,
     {
       styles: {
         body: {
           textRendering: "geometricPrecision",
           width: "100%",
           height: "100vh",
-          "input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active": {
-            color: t.vars.palette.text.primary
-          },
           "*::-webkit-scrollbar": {
-            // camino de la barra con radio
-            width: "7px",
-            height: "7px",
-            borderRadius: "3px",
-            backgroundColor: "transparent"
+            width: `${t.vars.size.baseSpacings.sp1}!important`,
+            height: `${t.vars.size.baseSpacings.sp1}!important`
           },
           "*::-webkit-scrollbar-track": {
-            // Camino de la barrra sin radio
-            backgroundColor: "transparent",
-            border: "0px solid transparent"
-          },
-          "*::-webkit-scrollbar-corner": {
             backgroundColor: "transparent"
           },
-          // FireFox
-          // scrollbarColor: `${theme.vars.palette.primary.main} white`,
-          // scrollbarWidth: 'thin',
-          // Chrome
           "*::-webkit-scrollbar-thumb": {
-            // barra que se mueve
-            background: t.vars.palette.general.scrollBar,
-            borderRadius: "2px!important"
+            backgroundColor: `${t.vars.palette.default.focusOpacity}!important`,
+            borderRadius: `${t.vars.size.borderRadius["r0-5"]}!important`
+          },
+          "input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active": {
+            color: t.vars.palette.text.primary
           },
           "& #root": {
             width: "100%",
@@ -68,9 +55,9 @@ function s() {
           }
         },
         "& html": {
-          fontSize: r.desktop,
+          fontSize: e.desktop,
           [t.breakpoints.down("sm")]: {
-            fontSize: r.mobile
+            fontSize: e.mobile
           }
         }
       }
@@ -78,5 +65,5 @@ function s() {
   );
 }
 export {
-  s as G
+  n as G
 };

package/hooks/usePaginate/index.d.ts

@@ -10,4 +10,5 @@ export declare const usePaginate: <TRow>(props: UsePaginateProps<TRow>) => {
     clearRows: () => void;
     Refresh: () => void;
     setRows: import('react').Dispatch<import('react').SetStateAction<TRow[]>>;
+    loading: boolean;
 };

package/hooks/usePaginate/index.js

@@ -1,73 +1,76 @@
-import { useState as n, useRef as H, useCallback as U, useEffect as m } from "react";
-import { i as s } from "./types.js";
-import { useHostTools as j, useNetwork as v } from "@m4l/core";
-const K = (h) => {
+import { useState as s, useRef as j, useCallback as v, useEffect as u } from "react";
+import { i as o } from "./types.js";
+import { useHostTools as z, useNetwork as A, useModuleSkeleton as B, useModuleDictionary as I } from "@m4l/core";
+const Z = (C) => {
   const {
-    endPoint: w,
-    timeout: C = 5e3,
-    queryParams: P,
-    fireOnChangeParms: i,
+    endPoint: R,
+    timeout: S = 5e3,
+    queryParams: c,
+    fireOnChangeParms: P,
     // Propiedad para permitir que un cambio en los parametros de la consulta dispare la recarga de la red
-    fireOnFirstLoad: R = !0,
+    fireOnFirstLoad: k = !0,
     // propiedad que evita que se cargue la red la en el primer render del hook
-    rowsPerPage: u = s.rowsPerPage,
-    startProgress: d,
-    stopProgress: S,
-    isRemote: k = !0,
-    bodyToSnakeCase: y = !1,
-    responseToCamelCase: T = !1,
-    initialRows: b = [],
-    externalCondition: c = !0,
-    onNetworkError: f,
-    getLabel: E
-  } = h, [p, g] = n(i ? 1 : 0), [O, a] = n(b), [x, o] = n({ ...s, rowsPerPage: u }), t = H({ ...s, rowsPerPage: u }), [F, L] = n(R), { startProgress: N, stopProgress: Q } = j(), { networkOperation: q } = v(), l = U(() => {
+    rowsPerPage: l = o.rowsPerPage,
+    startProgress: y,
+    stopProgress: O,
+    isRemote: T = !0,
+    bodyToSnakeCase: b = !1,
+    responseToCamelCase: E = !1,
+    initialRows: L = [],
+    externalCondition: f = !0,
+    onNetworkError: p,
+    refreshOnChangeDictionary: m = !1
+  } = C, [h, g] = s(P ? 1 : 0), [x, a] = s(L), [D, n] = s({ ...o, rowsPerPage: l }), t = j({ ...o, rowsPerPage: l }), [F, M] = s(k), [N, w] = s(!1), { startProgress: Q, stopProgress: q } = z(), { networkOperation: G } = A(), d = B(), { getLabel: H } = I(), i = v(() => {
     g((r) => r + 1);
   }, []);
-  return m(() => {
+  return u(() => {
     if (F) {
-      L(!1);
+      M(!1);
       return;
     }
-    t.current.page = 0, i && l();
-  }, [P]), m(() => {
+    t.current.page = 0, P && i();
+  }, [c]), u(() => {
     let r = !0;
-    if (!(!c || p === 0))
-      return q({
+    if (!(!f || h === 0))
+      return w(!0), G({
         method: "GET",
-        endPoint: w,
-        timeout: C,
+        endPoint: R,
+        timeout: S,
         parms: {
-          ...P,
+          ...c,
           page: t.current.page,
           limit: t.current.rowsPerPage
         },
-        bodyToSnakeCase: y,
-        responseToCamelCase: T,
+        bodyToSnakeCase: b,
+        responseToCamelCase: E,
         options: {
-          startProgress: d || N,
-          stopProgress: S || Q
+          startProgress: y || Q,
+          stopProgress: O || q
         },
-        isRemote: k
+        isRemote: T
       }).then((e) => {
-        r && (a(e.data), t.current.page = e.pager.page, o((G) => ({
-          ...G,
+        r && (a(e.data), t.current.page = e.pager.page, n((U) => ({
+          ...U,
           page: e.pager.page,
-          // rowsPerPage: response.pager.limit,
           totalRecords: e.pager.total
         })));
       }).catch((e) => {
-        a([]), o(s), f && f(e.status);
+        a([]), n(o), p && p(e.status);
+      }).finally(() => {
+        w(!1);
       }), function() {
         r = !1;
       };
-  }, [p, c, E]), { onPageChange: (r) => {
+  }, [h, f]), u(() => {
+    !d && m && i();
+  }, [H, m, d]), { onPageChange: (r) => {
     t.current.page = r, g((e) => e + 1);
   }, onRowsPerPageChange: (r) => {
-    t.current.rowsPerPage = r, o((e) => ({ ...e, rowsPerPage: r })), g((e) => e + 1);
-  }, pagerState: x, rows: O, clearRows: () => {
-    a([]), o(s);
-  }, Refresh: l, setRows: a };
+    t.current.rowsPerPage = r, n((e) => ({ ...e, rowsPerPage: r })), g((e) => e + 1);
+  }, pagerState: D, rows: x, clearRows: () => {
+    a([]), n(o);
+  }, Refresh: i, setRows: a, loading: N };
 };
 export {
-  K as u
+  Z as u
 };

package/hooks/usePaginate/types.d.ts

@@ -13,5 +13,9 @@ export interface UsePaginateProps<TRow> extends Pick<NetworkProps, 'endPoint' |
     initialRows?: TRow[];
     externalCondition?: boolean;
     onNetworkError?: (code: number) => void;
+    /**
+     * @deprecated This property is not used
+     */
     getLabel?: GetLabelType;
+    refreshOnChangeDictionary?: boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/graphics",
-  "version": "7.0.12",
+  "version": "7.0.14",
   "license": "UNLICENSED",
   "author": "M4L Team*",
   "type": "module",