@m4l/graphics 7.0.15 → 7.0.16-beta.2

package/contexts/ThemeSettingsContext/store.js

@@ -1,7 +1,7 @@
 import { createStore as S } from "zustand";
 import { devtools as c } from "zustand/middleware";
 import { immer as p } from "zustand/middleware/immer";
-import { getPaletteByPreset as a, typographyOld as d, shadows as h, getColorPresets as u, createCustomShadows as f } from "@m4l/styles";
+import { getPaletteByPreset as a, createCustomShadows as d, shadows as h, typographyOld as u, getColorPresets as f } from "@m4l/styles";
 import { alpha as U } from "@mui/system";
 import { d as s } from "./constants.js";
 function g(r, o = "m4l") {
@@ -18,7 +18,7 @@ const n = (r) => {
   const o = r.themeUserSettings || s, m = o.themeMode === "light", t = a(o.themeColor), e = m ? t.light : t.dark;
   r.themeOptions = {
     ...r.themeOptions,
-    ...d,
+    ...u,
     palette: {
       ...r.themeOptions?.palette ?? {},
       ...e
@@ -28,10 +28,10 @@ const n = (r) => {
     shadows: m ? h.light : h.dark,
     customShadows: {
       primary: `0 8px 16px 0 ${U(
-        u(o.themeColor)?.main || "#fff",
+        f(o.themeColor)?.main || "#fff",
         0.2
       )}`,
-      ...f(o.themeMode)
+      ...d(o.themeMode)
     },
     stretch: o.themeStretch
   }, g(r.themeOptions);

package/hooks/index.d.ts

@@ -11,3 +11,4 @@ export { useResizeObserver } from './useResizeObserver';
 export { useResponsiveDesktop } from './useResponsive';
 export { useThemeSettingsStore } from './useThemSettingsStore';
 export { usePaginate } from './usePaginate';
+export { useRows } from './useRows';

package/hooks/useRows/index.d.ts

@@ -0,0 +1,11 @@
+import { UseRowsProps } from './types';
+/**
+ * Hook para obtener las filas de la lista de elementos
+ */
+export declare const useRows: <TRow>(props: UseRowsProps<TRow>) => {
+    rows: unknown[];
+    clearRows: () => void;
+    refresh: () => void;
+    setRows: (rows: TRow[]) => void;
+    loading: boolean;
+};

package/hooks/useRows/index.js

@@ -0,0 +1,70 @@
+import { useReducer as D, useRef as F, useCallback as i, useEffect as u } from "react";
+import { useHostTools as I, useNetwork as W, useModuleSkeleton as b, useModuleDictionary as A } from "@m4l/core";
+import { u as G } from "../useFirstRender/index.js";
+import { r as M, g as H, s as q } from "./state.js";
+const v = (R) => {
+  const {
+    endPoint: y,
+    timeout: m = 5e3,
+    queryParams: s,
+    fireOnChangeParms: n = !1,
+    fireOnFirstLoad: S = !0,
+    startProgress: g,
+    stopProgress: h,
+    isRemote: E = !0,
+    bodyToSnakeCase: P = !1,
+    responseToCamelCase: O = !1,
+    initialRows: T = [],
+    onNetworkError: l,
+    refreshOnChangeDictionary: c = !1
+  } = R, [t, e] = D(
+    M,
+    H(n, S, T)
+  ), { startProgress: w, stopProgress: C } = I(), { networkOperation: k } = W(), f = b(), { getLabel: _ } = A(), p = F(s), d = G([s]), r = i(() => {
+    e({ type: "INCREMENT_REFRESH" });
+  }, []);
+  u(() => {
+    q(d, t, s, p.current, n) && r(), p.current = s;
+  }, [s, d, t, n, r]), u(() => {
+    let o = !0;
+    if (t.countRefresh !== 0)
+      return e({ type: "SET_LOADING", payload: !0 }), k({
+        method: "GET",
+        endPoint: y,
+        timeout: m,
+        parms: {
+          ...s
+        },
+        bodyToSnakeCase: P,
+        responseToCamelCase: O,
+        options: {
+          startProgress: g || w,
+          stopProgress: h || C
+        },
+        isRemote: E
+      }).then((a) => {
+        o && e({ type: "SET_ROWS", payload: a.data });
+      }).catch((a) => {
+        e({ type: "SET_ROWS", payload: [] }), l && l(a.status);
+      }).finally(() => {
+        e({ type: "SET_LOADING", payload: !1 });
+      }), function() {
+        o = !1;
+      };
+  }, [t.countRefresh]), u(() => {
+    !f && c && r();
+  }, [_, c, f]);
+  const N = i(() => {
+    e({ type: "CLEAR_ROWS" });
+  }, []), L = i((o) => e({ type: "SET_ROWS", payload: o }), [e]);
+  return {
+    rows: t.rows,
+    clearRows: N,
+    refresh: r,
+    setRows: L,
+    loading: t.loading
+  };
+};
+export {
+  v as u
+};

package/hooks/useRows/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/hooks/useRows/state.d.ts

@@ -0,0 +1,29 @@
+export interface State<TRow> {
+    countRefresh: number;
+    rows: TRow[];
+    fireOnFirstLoad: boolean;
+    loading: boolean;
+}
+export type Action<TRow> = {
+    type: 'INCREMENT_REFRESH';
+} | {
+    type: 'SET_ROWS';
+    payload: TRow[];
+} | {
+    type: 'SET_LOADING';
+    payload: boolean;
+} | {
+    type: 'CLEAR_ROWS';
+};
+/**
+ * Obtiene el estado inicial de la lista de elementos
+ */
+export declare const getInitialState: <TRow>(fireOnChangeParms: boolean, fireOnFirstLoad: boolean, initialRows: TRow[]) => State<TRow>;
+/**
+ * Reducer para actualizar el estado de la lista de elementos
+ */
+export declare const reducer: <TRow>(state: State<TRow>, action: Action<TRow>) => State<TRow>;
+/**
+ * Verifica si se debe actualizar la lista de elementos
+ */
+export declare const shouldRefresh: <T>(isFirstRender: boolean, state: State<T>, currentParams: any, previousParams: any, fireOnChangeParms: boolean) => boolean;

package/hooks/useRows/state.js

@@ -0,0 +1,25 @@
+import { deepEqual as n } from "fast-equals";
+const t = (r, e, u) => ({
+  countRefresh: r ? 1 : 0,
+  rows: u,
+  fireOnFirstLoad: e,
+  loading: !1
+}), f = (r, e) => {
+  switch (e.type) {
+    case "INCREMENT_REFRESH":
+      return { ...r, countRefresh: r.countRefresh + 1 };
+    case "SET_ROWS":
+      return { ...r, rows: e.payload };
+    case "SET_LOADING":
+      return { ...r, loading: e.payload };
+    case "CLEAR_ROWS":
+      return { ...r, rows: [] };
+    default:
+      return r;
+  }
+}, c = (r, e, u, o, s) => !!(r && e.fireOnFirstLoad || !r && !n(o, u) && s);
+export {
+  t as g,
+  f as r,
+  c as s
+};

package/hooks/useRows/state.test.d.ts

@@ -0,0 +1 @@
+export {};

package/hooks/useRows/types.d.ts

@@ -0,0 +1,9 @@
+import { AxiosOptions, NetworkProps } from '@m4l/core';
+export interface UseRowsProps<TRow> extends Pick<NetworkProps, 'endPoint' | 'timeout' | 'isRemote' | 'bodyToSnakeCase' | 'responseToCamelCase'>, AxiosOptions {
+    fireOnChangeParms?: boolean;
+    fireOnFirstLoad?: boolean;
+    queryParams: Record<string, unknown>;
+    initialRows?: TRow[];
+    onNetworkError?: (code: number) => void;
+    refreshOnChangeDictionary?: boolean;
+}

package/index.js

@@ -1,15 +1,15 @@
 import { G as r } from "./components/GlobalStyles/index.js";
-import { g as s } from "./contexts/LocalesContext/helper.js";
+import { g as t } from "./contexts/LocalesContext/helper.js";
 import { F as m, a as p } from "./contexts/FormatterContext/index.js";
-import { L as f, a as i } from "./contexts/LocalesContext/index.js";
+import { L as u, a as f } from "./contexts/LocalesContext/index.js";
 import { R as n, a as v } from "./contexts/ResponsiveContainerContext/index.js";
 import { H as l, a as T } from "./contexts/HostThemeContext/index.js";
 import { D as c, a as C } from "./contexts/DeviceTypeContext/index.js";
-import { d as P } from "./contexts/ThemeSettingsContext/constants.js";
+import { d as h } from "./contexts/ThemeSettingsContext/constants.js";
 import { T as S, a as F } from "./contexts/ThemeSettingsContext/ThemeSettingsContext.js";
 import { u as D } from "./hooks/useFirstRender/index.js";
 import { u as b } from "./hooks/useFormatter/index.js";
-import { u as k } from "./hooks/useIsMountedRef/index.js";
+import { u as y } from "./hooks/useIsMountedRef/index.js";
 import { u as z } from "./hooks/useLocales/index.js";
 import { u as G } from "./hooks/useResponsiveContainer/index.js";
 import { u as M } from "./hooks/useUserAgent/index.js";
@@ -20,8 +20,9 @@ import { u as B } from "./hooks/useResizeObserver/index.js";
 import { u as K } from "./hooks/useResponsive/index.js";
 import { u as V } from "./hooks/useThemSettingsStore/index.js";
 import { u as Y } from "./hooks/usePaginate/index.js";
-import { c as _ } from "./utils/strings.js";
-import { g as ee } from "./utils/anchorEl.js";
+import { u as _ } from "./hooks/useRows/index.js";
+import { c as ee } from "./utils/strings.js";
+import { g as re } from "./utils/anchorEl.js";
 export {
   c as DeviceTypeContext,
   C as DeviceTypeProvider,
@@ -30,27 +31,28 @@ export {
   r as GlobalStyles,
   l as HostThemeContext,
   T as HostThemeProvider,
-  f as LocalesContext,
-  i as LocalesProvider,
+  u as LocalesContext,
+  f as LocalesProvider,
   n as ResponsiveContainerContext,
   v as ResponsiveContainerProvider,
   S as ThemeSettingsContext,
   F as ThemeSettingsProvider,
-  _ as capitalize,
-  P as defaultThemeSettings,
-  ee as getAnchorElPositionWindow,
-  s as getLocaleFromNetwork,
+  ee as capitalize,
+  h as defaultThemeSettings,
+  re as getAnchorElPositionWindow,
+  t as getLocaleFromNetwork,
   D as useFirstRender,
   b as useFormatter,
   j as useHostTheme,
   E as useIsMobile,
-  k as useIsMountedRef,
+  y as useIsMountedRef,
   z as useLocales,
   U as useOffSetTop,
   Y as usePaginate,
   B as useResizeObserver,
   G as useResponsiveContainerStore,
   K as useResponsiveDesktop,
+  _ as useRows,
   V as useThemeSettingsStore,
   M as useUserAgent
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/graphics",
-  "version": "7.0.15",
+  "version": "7.0.16-beta.2",
   "license": "UNLICENSED",
   "author": "M4L Team*",
   "type": "module",