@m4l/graphics 7.0.13 → 7.0.15

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.13",
+  "version": "7.0.15",
   "license": "UNLICENSED",
   "author": "M4L Team*",
   "type": "module",
@@ -12,7 +12,6 @@
   },
   "dependencies": {
     "date-fns": "^2.30.0",
-    "immer": "^9.0.21",
     "lodash-es": "^4.17.21",
     "zustand": "4.3.6"
   },