@m4l/graphics 7.2.3-beta.0 → 7.2.3-beta.2

package/hooks/useIsMobile/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/hooks/useIsMobile/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAI/E;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,EAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,CAAC,EAC7C,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,KAAK,OAAO,GAC1C,CAAC,CAOH;AACD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,cAAc,CAAC,EAAC,OAAO,WAIlD"}

package/hooks/useIsMobile/index.js

@@ -0,0 +1,17 @@
+import { useContext as r } from "react";
+import { useStore as i } from "zustand";
+import { DeviceTypeContext as n } from "../../contexts/DeviceTypeContext/index.js";
+function s(o, t) {
+  const e = r(n);
+  if (!e)
+    throw new Error("useIsMobileStore context must be use inside DeviceTypeContext");
+  return i(e, o, t);
+}
+function p(o) {
+  const t = s((e) => e.deviceType === "mobile");
+  return o || t;
+}
+export {
+  p as useIsMobile,
+  s as useIsMobileStore
+};

package/hooks/useIsMountedRef/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Hook to use the is mounted ref
+ * @author Juan Escobar - automatic
+ * @createdAt 2024-10-06 20:07:18 - automatic
+ * @updatedAt 2024-10-06 20:07:18 - automatic
+ * @updatedUser Juan Escobar - automatic
+ */
+export declare function useIsMountedRef(): import('react').RefObject<boolean>;
+//# sourceMappingURL=index.d.ts.map

package/hooks/useIsMountedRef/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/hooks/useIsMountedRef/index.ts"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,wBAAgB,eAAe,uCAW9B"}

package/hooks/useIsMountedRef/index.js

@@ -0,0 +1,13 @@
+import { useRef as t, useEffect as u } from "react";
+function f() {
+  const e = t(!0);
+  return u(
+    () => () => {
+      e.current = !1;
+    },
+    []
+  ), e;
+}
+export {
+  f as useIsMountedRef
+};

package/hooks/useLocales/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Hook to use the locales context
+ * @author Juan Escobar - automatic
+ * @createdAt 2024-10-06 20:07:18 - automatic
+ * @updatedAt 2024-10-06 20:07:18 - automatic
+ * @updatedUser Juan Escobar - automatic
+ */
+export declare const useLocales: () => import('../../contexts/LocalesContext/types').LocalesContextProps;
+//# sourceMappingURL=index.d.ts.map

package/hooks/useLocales/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/hooks/useLocales/index.ts"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,yEAOtB,CAAC"}

package/hooks/useLocales/index.js

@@ -0,0 +1,11 @@
+import { useContext as o } from "react";
+import { LocalesContext as t } from "../../contexts/LocalesContext/index.js";
+const n = () => {
+  const e = o(t);
+  if (!e)
+    throw new Error("useLocales context must be use inside LocalesProvider");
+  return e;
+};
+export {
+  n as useLocales
+};

package/hooks/useOffSetTop.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Hook to use the offset top
+ * @author Juan Escobar - automatic
+ * @createdAt 2024-10-06 20:07:18 - automatic
+ * @updatedAt 2024-10-06 20:07:18 - automatic
+ * @updatedUser Juan Escobar - automatic
+ */
+export declare function useOffSetTop(pTop: number): boolean;
+//# sourceMappingURL=useOffSetTop.d.ts.map

package/hooks/useOffSetTop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOffSetTop.d.ts","sourceRoot":"","sources":["../../../../../packages/graphics/src/hooks/useOffSetTop.ts"],"names":[],"mappings":"AAGA;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,WAyBxC"}

package/hooks/useOffSetTop.js

@@ -0,0 +1,12 @@
+import { useState as s, useEffect as n } from "react";
+function l(t) {
+  const [f, e] = s(!1), o = t || 100;
+  return n(() => (window.onscroll = () => {
+    window.pageYOffset > o ? e(!0) : e(!1);
+  }, () => {
+    window.onscroll = null;
+  }), [o]), f;
+}
+export {
+  l as useOffSetTop
+};

package/hooks/usePaginate/index.d.ts

@@ -0,0 +1,15 @@
+import { UsePaginateProps, PagerState } from './types';
+/**
+ * Hook para paginar una lista de elementos
+ */
+export declare const usePaginate: <TRow>(props: UsePaginateProps<TRow>) => {
+    onPageChange: (newPage: number) => void;
+    onRowsPerPageChange: (newRowsPerPage: number) => void;
+    pagerState: PagerState;
+    rows: TRow[];
+    clearRows: () => void;
+    Refresh: () => void;
+    setRows: import('react').Dispatch<import('react').SetStateAction<TRow[]>>;
+    loading: boolean;
+};
+//# sourceMappingURL=index.d.ts.map

package/hooks/usePaginate/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/hooks/usePaginate/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAqB,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAC9D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAG1C;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,IAAI,EAAE,OAAO,gBAAgB,CAAC,IAAI,CAAC;4BA6G9B,MAAM;0CAQQ,MAAM;;;;;;;CAepD,CAAC"}

package/hooks/usePaginate/index.js

@@ -0,0 +1,76 @@
+import { useState as s, useRef as j, useCallback as v, useEffect as c } from "react";
+import { initialPagerState 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: R,
+    timeout: S = 5e3,
+    queryParams: u,
+    fireOnChangeParms: P,
+    // Propiedad para permitir que un cambio en los parametros de la consulta dispare la recarga de la red
+    fireOnFirstLoad: k = !0,
+    // propiedad que evita que se cargue la red la en el primer render del hook
+    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 c(() => {
+    if (F) {
+      M(!1);
+      return;
+    }
+    t.current.page = 0, P && i();
+  }, [u]), c(() => {
+    let r = !0;
+    if (!(!f || h === 0))
+      return w(!0), G({
+        method: "GET",
+        endPoint: R,
+        timeout: S,
+        parms: {
+          ...u,
+          page: t.current.page,
+          limit: t.current.rowsPerPage
+        },
+        bodyToSnakeCase: b,
+        responseToCamelCase: E,
+        options: {
+          startProgress: y || Q,
+          stopProgress: O || q
+        },
+        isRemote: T
+      }).then((e) => {
+        r && (a(e.data), t.current.page = e.pager.page, n((U) => ({
+          ...U,
+          page: e.pager.page,
+          totalRecords: e.pager.total
+        })));
+      }).catch((e) => {
+        a([]), n(o), p && p(e.status);
+      }).finally(() => {
+        w(!1);
+      }), function() {
+        r = !1;
+      };
+  }, [h, f]), c(() => {
+    !d && m && i();
+  }, [H, m, d]), { onPageChange: (r) => {
+    t.current.page = r, g((e) => e + 1);
+  }, onRowsPerPageChange: (r) => {
+    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 {
+  Z as usePaginate
+};

package/hooks/usePaginate/types.d.ts

@@ -0,0 +1,22 @@
+import { AxiosOptions, GetLabelType, NetworkProps } from '../../../../core/src/index.ts';
+export declare interface PagerState {
+    page: number;
+    rowsPerPage: number;
+    totalRecords: number;
+}
+export declare const initialPagerState: PagerState;
+export interface UsePaginateProps<TRow> extends Pick<NetworkProps, 'endPoint' | 'timeout' | 'isRemote' | 'bodyToSnakeCase' | 'responseToCamelCase'>, AxiosOptions {
+    fireOnChangeParms?: boolean;
+    fireOnFirstLoad?: boolean;
+    queryParams: Record<string, unknown>;
+    rowsPerPage?: number;
+    initialRows?: TRow[];
+    externalCondition?: boolean;
+    onNetworkError?: (code: number) => void;
+    /**
+     * @deprecated This property is not used
+     */
+    getLabel?: GetLabelType;
+    refreshOnChangeDictionary?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/hooks/usePaginate/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/hooks/usePaginate/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAGrE,MAAM,CAAC,OAAO,WAAW,UAAU;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,iBAAiB,EAAE,UAI/B,CAAC;AAEF,MAAM,WAAW,gBAAgB,CAAC,IAAI,CACpC,SAAQ,IAAI,CACR,YAAY,EACZ,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,iBAAiB,GAAG,qBAAqB,CAChF,EACD,YAAY;IACd,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,IAAI,EAAE,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACrC"}

package/hooks/usePaginate/types.js

@@ -0,0 +1,8 @@
+const e = {
+  page: 0,
+  rowsPerPage: 25,
+  totalRecords: 0
+};
+export {
+  e as initialPagerState
+};

package/hooks/useResizeObserver/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Hook to use the resize observer
+ * @author Juan Escobar - automatic
+ * @createdAt 2024-10-06 20:07:18 - automatic
+ * @updatedAt 2024-10-06 20:07:18 - automatic
+ * @updatedUser Juan Escobar - automatic
+ */
+export declare function useResizeObserver<T extends HTMLElement>(callback: (target: T, entry: ResizeObserverEntry) => void): import('react').RefObject<T | null>;
+export default useResizeObserver;
+//# sourceMappingURL=index.d.ts.map

package/hooks/useResizeObserver/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/hooks/useResizeObserver/index.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,WAAW,EACrD,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,mBAAmB,KAAK,IAAI,uCAuB1D;AAED,eAAe,iBAAiB,CAAC"}

package/hooks/useResizeObserver/index.js

@@ -0,0 +1,19 @@
+import { useRef as u, useLayoutEffect as o } from "react";
+function c(t) {
+  const e = u(null);
+  return o(() => {
+    const r = e?.current;
+    if (!r)
+      return;
+    const n = new ResizeObserver((s) => {
+      t(r, s[0]);
+    });
+    return n.observe(r), () => {
+      n.disconnect();
+    };
+  }, [t, e.current]), e;
+}
+export {
+  c as default,
+  c as useResizeObserver
+};

package/hooks/useResponsive/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Returns true if the screen size is desktop.
+ * @deprecated usar useIsMobile
+ */
+export declare function useResponsiveDesktop(): boolean;
+//# sourceMappingURL=index.d.ts.map

package/hooks/useResponsive/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/hooks/useResponsive/index.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,wBAAgB,oBAAoB,YAGnC"}

package/hooks/useResponsive/index.js

@@ -0,0 +1,7 @@
+import { useResponsive as s } from "@m4l/styles";
+function p() {
+  return s("up", "sm");
+}
+export {
+  p as useResponsiveDesktop
+};

package/hooks/useResponsiveContainer/index.d.ts

@@ -0,0 +1,7 @@
+import { ResponsiveContainerStateWithActions } from '../../contexts/ResponsiveContainerContext/types';
+/**
+ * Hook to use the responsive container store
+ * @deprecated usa use
+ */
+export declare function useResponsiveContainerStore<T>(selector: (state: ResponsiveContainerStateWithActions) => T, equalityFn?: (left: T, right: T) => boolean): T;
+//# sourceMappingURL=index.d.ts.map

package/hooks/useResponsiveContainer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/hooks/useResponsiveContainer/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mCAAmC,EAAE,MAAM,iDAAiD,CAAC;AAGtG;;;GAGG;AACH,wBAAgB,2BAA2B,CAAC,CAAC,EAC3C,QAAQ,EAAE,CAAC,KAAK,EAAE,mCAAmC,KAAK,CAAC,EAC3D,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,KAAK,OAAO,GAC1C,CAAC,CAOH"}

package/hooks/useResponsiveContainer/index.js

@@ -0,0 +1,12 @@
+import { useContext as r } from "react";
+import { useStore as n } from "zustand";
+import { ResponsiveContainerContext as s } from "../../contexts/ResponsiveContainerContext/index.js";
+function p(t, o) {
+  const e = r(s);
+  if (!e)
+    throw new Error("useAreasStore context must be use inside AreasContext");
+  return n(e, t, o);
+}
+export {
+  p as useResponsiveContainerStore
+};

package/hooks/useRows/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/hooks/useRows/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAK5C;;GAEG;AACH,eAAO,MAAM,OAAO,GAAI,IAAI,EAAE,OAAO,YAAY,CAAC,IAAI,CAAC;;;;oBAmGlB,IAAI,EAAE;;CAS1C,CAAC"}

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 { useFirstRender as G } from "../useFirstRender/index.js";
+import { reducer as M, getInitialState as H, shouldRefresh 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 useRows
+};

package/hooks/useRows/state.d.ts

@@ -0,0 +1,30 @@
+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;
+//# sourceMappingURL=state.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/hooks/useRows/state.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,KAAK,CAAC,IAAI;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,IAAI,EAAE,CAAC;IACb,eAAe,EAAE,OAAO,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,MAAM,MAAM,CAAC,IAAI,IACnB;IAAE,IAAI,EAAE,mBAAmB,CAAA;CAAE,GAC7B;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,OAAO,EAAE,IAAI,EAAE,CAAA;CAAE,GACrC;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,GACzC;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,CAAC;AAE3B;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,IAAI,EAAE,mBAAmB,OAAO,EAAE,iBAAiB,OAAO,EAAE,aAAa,IAAI,EAAE,KAAG,KAAK,CAAC,IAAI,CAK1H,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,OAAO,GAAI,IAAI,EAAE,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,QAAQ,MAAM,CAAC,IAAI,CAAC,KAAG,KAAK,CAAC,IAAI,CAalF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,CAAC,EAC7B,eAAe,OAAO,EACtB,OAAO,KAAK,CAAC,CAAC,CAAC,EACf,eAAe,GAAG,EAClB,gBAAgB,GAAG,EACnB,mBAAmB,OAAO,KACzB,OAUF,CAAC"}

package/hooks/useRows/state.js

@@ -0,0 +1,25 @@
+import { deepEqual as t } from "fast-equals";
+const f = (r, e, u) => ({
+  countRefresh: r ? 1 : 0,
+  rows: u,
+  fireOnFirstLoad: e,
+  loading: !1
+}), a = (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, n) => !!(r && e.fireOnFirstLoad || !r && !t(o, u) && n);
+export {
+  f as getInitialState,
+  a as reducer,
+  c as shouldRefresh
+};

package/hooks/useRows/types.d.ts

@@ -0,0 +1,10 @@
+import { AxiosOptions, NetworkProps } from '../../../../core/src/index.ts';
+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;
+}
+//# sourceMappingURL=types.d.ts.map

package/hooks/useRows/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/hooks/useRows/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAG,YAAY,EAAE,MAAM,WAAW,CAAC;AAGxD,MAAM,WAAW,YAAY,CAAC,IAAI,CAChC,SAAQ,IAAI,CACR,YAAY,EACZ,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,iBAAiB,GAAG,qBAAqB,CAChF,EACD,YAAY;IACd,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,IAAI,EAAE,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACrC"}

package/hooks/useThemSettingsStore/index.d.ts

@@ -0,0 +1,10 @@
+import { ThemeSettingsStateWithActions } from '../../contexts/ThemeSettingsContext/types';
+/**
+ * Hook to use the settings store
+ * @author Juan Escobar - automatic
+ * @createdAt 2024-10-06 20:07:18 - automatic
+ * @updatedAt 2024-10-06 20:07:18 - automatic
+ * @updatedUser Juan Escobar - automatic
+ */
+export declare function useThemeSettingsStore<T>(selector: (state: ThemeSettingsStateWithActions) => T, equalityFn?: (left: T, right: T) => boolean): T;
+//# sourceMappingURL=index.d.ts.map

package/hooks/useThemSettingsStore/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/hooks/useThemSettingsStore/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,6BAA6B,EAAE,MAAM,2CAA2C,CAAC;AAG1F;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CAAC,CAAC,EACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,6BAA6B,KAAK,CAAC,EACrD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,KAAK,OAAO,GAC1C,CAAC,CAOH"}

package/hooks/useThemSettingsStore/index.js

@@ -0,0 +1,12 @@
+import { useContext as r } from "react";
+import { useStore as n } from "zustand";
+import { ThemeSettingsContext as s } from "../../contexts/ThemeSettingsContext/ThemeSettingsContext.js";
+function S(e, o) {
+  const t = r(s);
+  if (!t)
+    throw new Error("useSettingsStore context must be use inside SettignsContext");
+  return n(t, e, o);
+}
+export {
+  S as useThemeSettingsStore
+};

package/hooks/useUserAgent/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Hook encargado obtener el valor del userAgent, y reaccionar a cambios en el mismo.
+ */
+export declare const useUserAgent: () => string;
+//# sourceMappingURL=index.d.ts.map

package/hooks/useUserAgent/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/hooks/useUserAgent/index.ts"],"names":[],"mappings":"AAqCA;;GAEG;AACH,eAAO,MAAM,YAAY,QAAO,MAM/B,CAAC"}

package/hooks/useUserAgent/index.js

@@ -0,0 +1,25 @@
+import { debounce as s } from "@mui/material";
+import { useSyncExternalStore as o } from "react";
+const t = () => navigator.userAgent, i = (e) => {
+  const n = s(
+    () => {
+      e(navigator.userAgent);
+    },
+    500
+  ), r = () => {
+    e(navigator.userAgent);
+  };
+  return window.addEventListener("userAgentChange", r), window.addEventListener("resize", n), () => {
+    window.removeEventListener("userAgentChange", r), window.removeEventListener("resize", n);
+  };
+}, d = () => o(
+  i,
+  // Función de suscripción
+  t,
+  // Función para obtener el estado actual
+  t
+  // (Opcional) Función para obtener el valor en SSR
+);
+export {
+  d as useUserAgent
+};

package/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../packages/graphics/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/graphics",
-  "version": "7.2.3-beta.0",
+  "version": "7.2.3-beta.2",
   "publishConfig": {
     "access": "public"
   },
@@ -11,7 +11,7 @@
   "files": [
     "index.js",
     "index.d.ts",
-    "lib/**/*"
+    "*"
   ],
   "exports": {
     "./package.json": "./package.json",

package/test/setup.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=setup.d.ts.map

package/test/setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup.d.ts","sourceRoot":"","sources":["../../../../../packages/graphics/src/test/setup.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}

package/test/utils.d.ts

@@ -0,0 +1,9 @@
+import { cleanup, screen, renderHook } from '@testing-library/react';
+import { default as React, act } from 'react';
+/**
+ * customRender
+ */
+declare const customRender: (ui: React.ReactElement, options?: {}) => import('@testing-library/react').RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
+export { default as userEvent } from '@testing-library/user-event';
+export { customRender as render, renderHook, screen, cleanup, act };
+//# sourceMappingURL=utils.d.ts.map

package/test/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../packages/graphics/src/test/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAU,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,UAAU,EAAgC,MAAM,wBAAwB,CAAC;AAClF,OAAO,KAAK,EAAE,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAWnC;;GAEG;AACH,QAAA,MAAM,YAAY,GAAI,IAAI,KAAK,CAAC,YAAY,EAAE,YAAY,iIASzD,CAAC;AACF,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,YAAY,IAAI,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC"}

package/utils/anchorEl.d.ts

@@ -0,0 +1,21 @@
+export type AnchorEl = HTMLElement | (() => HTMLElement);
+export interface AnchorOrigin {
+    vertical: 'top' | 'center' | 'bottom' | number;
+    horizontal: 'left' | 'center' | 'right' | number;
+}
+export interface AnchorPosition {
+    top: number;
+    left: number;
+}
+/**
+ * Get the position of the element based on the anchor element
+ * @author Juan Escobar - automatic
+ * @createdAt 2024-10-06 20:06:37 - automatic
+ * @updatedAt 2024-10-06 20:06:38 - automatic
+ * @updatedUser Juan Escobar - automatic
+ */
+export declare const getAnchorElPositionWindow: (anchorElement: HTMLElement, newWindowRect: Pick<DOMRect, "width" | "height">, anchorOrigin: AnchorOrigin, transformOrigin: AnchorOrigin, marginThreshold?: number) => {
+    top: number;
+    left: number;
+};
+//# sourceMappingURL=anchorEl.d.ts.map

package/utils/anchorEl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"anchorEl.d.ts","sourceRoot":"","sources":["../../../../../packages/graphics/src/utils/anchorEl.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,CAAC;AAEzD,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC/C,UAAU,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;CAClD;AAED,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd;AAyFD;;;;;;GAMG;AACH,eAAO,MAAM,yBAAyB,GACpC,eAAe,WAAW,EAC1B,eAAe,IAAI,CAAC,OAAO,EAAE,OAAO,GAAG,QAAQ,CAAC,EAEhD,cAAc,YAAY,EAC1B,iBAAiB,YAAY,EAC7B,wBAAoB;;;CAkDrB,CAAC"}