@m4l/graphics 7.0.14 → 7.0.16-beta.1

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 { d as n } from "../../not_recognized/index.js";
+const t = (r, e, s) => ({
+  countRefresh: r ? 1 : 0,
+  rows: s,
+  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, s, u, o) => !!(r && e.fireOnFirstLoad || !r && !n(u, s) && o);
+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/not_recognized/index.js

@@ -0,0 +1,224 @@
+var x = Object.getOwnPropertyNames, G = Object.getOwnPropertySymbols, B = Object.prototype.hasOwnProperty;
+function O(r, e) {
+  return function(t, n, a) {
+    return r(t, n, a) && e(t, n, a);
+  };
+}
+function d(r) {
+  return function(u, t, n) {
+    if (!u || !t || typeof u != "object" || typeof t != "object")
+      return r(u, t, n);
+    var a = n.cache, l = a.get(u), c = a.get(t);
+    if (l && c)
+      return l === t && c === u;
+    a.set(u, t), a.set(t, u);
+    var f = r(u, t, n);
+    return a.delete(u), a.delete(t), f;
+  };
+}
+function A(r) {
+  return x(r).concat(G(r));
+}
+var $ = Object.hasOwn || function(r, e) {
+  return B.call(r, e);
+};
+function y(r, e) {
+  return r || e ? r === e : r === e || r !== r && e !== e;
+}
+var P = "_owner", j = Object.getOwnPropertyDescriptor, w = Object.keys;
+function D(r, e, u) {
+  var t = r.length;
+  if (e.length !== t)
+    return !1;
+  for (; t-- > 0; )
+    if (!u.equals(r[t], e[t], t, t, r, e, u))
+      return !1;
+  return !0;
+}
+function M(r, e) {
+  return y(r.getTime(), e.getTime());
+}
+function S(r, e, u) {
+  if (r.size !== e.size)
+    return !1;
+  for (var t = {}, n = r.entries(), a = 0, l, c; (l = n.next()) && !l.done; ) {
+    for (var f = e.entries(), p = !1, i = 0; (c = f.next()) && !c.done; ) {
+      var o = l.value, s = o[0], E = o[1], v = c.value, m = v[0], R = v[1];
+      !p && !t[i] && (p = u.equals(s, m, a, i, r, e, u) && u.equals(E, R, s, m, r, e, u)) && (t[i] = !0), i++;
+    }
+    if (!p)
+      return !1;
+    a++;
+  }
+  return !0;
+}
+function k(r, e, u) {
+  var t = w(r), n = t.length;
+  if (w(e).length !== n)
+    return !1;
+  for (var a; n-- > 0; )
+    if (a = t[n], a === P && (r.$$typeof || e.$$typeof) && r.$$typeof !== e.$$typeof || !$(e, a) || !u.equals(r[a], e[a], a, a, r, e, u))
+      return !1;
+  return !0;
+}
+function g(r, e, u) {
+  var t = A(r), n = t.length;
+  if (A(e).length !== n)
+    return !1;
+  for (var a, l, c; n-- > 0; )
+    if (a = t[n], a === P && (r.$$typeof || e.$$typeof) && r.$$typeof !== e.$$typeof || !$(e, a) || !u.equals(r[a], e[a], a, a, r, e, u) || (l = j(r, a), c = j(e, a), (l || c) && (!l || !c || l.configurable !== c.configurable || l.enumerable !== c.enumerable || l.writable !== c.writable)))
+      return !1;
+  return !0;
+}
+function I(r, e) {
+  return y(r.valueOf(), e.valueOf());
+}
+function N(r, e) {
+  return r.source === e.source && r.flags === e.flags;
+}
+function T(r, e, u) {
+  if (r.size !== e.size)
+    return !1;
+  for (var t = {}, n = r.values(), a, l; (a = n.next()) && !a.done; ) {
+    for (var c = e.values(), f = !1, p = 0; (l = c.next()) && !l.done; )
+      !f && !t[p] && (f = u.equals(a.value, l.value, a.value, l.value, r, e, u)) && (t[p] = !0), p++;
+    if (!f)
+      return !1;
+  }
+  return !0;
+}
+function W(r, e) {
+  var u = r.length;
+  if (e.length !== u)
+    return !1;
+  for (; u-- > 0; )
+    if (r[u] !== e[u])
+      return !1;
+  return !0;
+}
+var z = "[object Arguments]", _ = "[object Boolean]", V = "[object Date]", U = "[object Map]", J = "[object Number]", L = "[object Object]", X = "[object RegExp]", Z = "[object Set]", F = "[object String]", H = Array.isArray, h = typeof ArrayBuffer == "function" && ArrayBuffer.isView ? ArrayBuffer.isView : null, C = Object.assign, K = Object.prototype.toString.call.bind(Object.prototype.toString);
+function Q(r) {
+  var e = r.areArraysEqual, u = r.areDatesEqual, t = r.areMapsEqual, n = r.areObjectsEqual, a = r.arePrimitiveWrappersEqual, l = r.areRegExpsEqual, c = r.areSetsEqual, f = r.areTypedArraysEqual;
+  return function(i, o, s) {
+    if (i === o)
+      return !0;
+    if (i == null || o == null || typeof i != "object" || typeof o != "object")
+      return i !== i && o !== o;
+    var E = i.constructor;
+    if (E !== o.constructor)
+      return !1;
+    if (E === Object)
+      return n(i, o, s);
+    if (H(i))
+      return e(i, o, s);
+    if (h != null && h(i))
+      return f(i, o, s);
+    if (E === Date)
+      return u(i, o, s);
+    if (E === RegExp)
+      return l(i, o, s);
+    if (E === Map)
+      return t(i, o, s);
+    if (E === Set)
+      return c(i, o, s);
+    var v = K(i);
+    return v === V ? u(i, o, s) : v === X ? l(i, o, s) : v === U ? t(i, o, s) : v === Z ? c(i, o, s) : v === L ? typeof i.then != "function" && typeof o.then != "function" && n(i, o, s) : v === z ? n(i, o, s) : v === _ || v === J || v === F ? a(i, o, s) : !1;
+  };
+}
+function Y(r) {
+  var e = r.circular, u = r.createCustomConfig, t = r.strict, n = {
+    areArraysEqual: t ? g : D,
+    areDatesEqual: M,
+    areMapsEqual: t ? O(S, g) : S,
+    areObjectsEqual: t ? g : k,
+    arePrimitiveWrappersEqual: I,
+    areRegExpsEqual: N,
+    areSetsEqual: t ? O(T, g) : T,
+    areTypedArraysEqual: t ? g : W
+  };
+  if (u && (n = C({}, n, u(n))), e) {
+    var a = d(n.areArraysEqual), l = d(n.areMapsEqual), c = d(n.areObjectsEqual), f = d(n.areSetsEqual);
+    n = C({}, n, {
+      areArraysEqual: a,
+      areMapsEqual: l,
+      areObjectsEqual: c,
+      areSetsEqual: f
+    });
+  }
+  return n;
+}
+function b(r) {
+  return function(e, u, t, n, a, l, c) {
+    return r(e, u, c);
+  };
+}
+function rr(r) {
+  var e = r.circular, u = r.comparator, t = r.createState, n = r.equals, a = r.strict;
+  if (t)
+    return function(f, p) {
+      var i = t(), o = i.cache, s = o === void 0 ? e ? /* @__PURE__ */ new WeakMap() : void 0 : o, E = i.meta;
+      return u(f, p, {
+        cache: s,
+        equals: n,
+        meta: E,
+        strict: a
+      });
+    };
+  if (e)
+    return function(f, p) {
+      return u(f, p, {
+        cache: /* @__PURE__ */ new WeakMap(),
+        equals: n,
+        meta: void 0,
+        strict: a
+      });
+    };
+  var l = {
+    cache: void 0,
+    equals: n,
+    meta: void 0,
+    strict: a
+  };
+  return function(f, p) {
+    return u(f, p, l);
+  };
+}
+var er = q();
+q({ strict: !0 });
+q({ circular: !0 });
+q({
+  circular: !0,
+  strict: !0
+});
+q({
+  createInternalComparator: function() {
+    return y;
+  }
+});
+q({
+  strict: !0,
+  createInternalComparator: function() {
+    return y;
+  }
+});
+q({
+  circular: !0,
+  createInternalComparator: function() {
+    return y;
+  }
+});
+q({
+  circular: !0,
+  createInternalComparator: function() {
+    return y;
+  },
+  strict: !0
+});
+function q(r) {
+  r === void 0 && (r = {});
+  var e = r.circular, u = e === void 0 ? !1 : e, t = r.createInternalComparator, n = r.createState, a = r.strict, l = a === void 0 ? !1 : a, c = Y(r), f = Q(c), p = t ? t(f) : b(f);
+  return rr({ circular: u, comparator: f, createState: n, equals: p, strict: l });
+}
+export {
+  er as d
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/graphics",
-  "version": "7.0.14",
+  "version": "7.0.16-beta.1",
   "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"
   },