@m4l/graphics 7.0.11-beta.1 → 7.0.12

package/contexts/DeviceTypeContext/index.d.ts

@@ -10,10 +10,6 @@ declare const DeviceTypeContext: import('react').Context<(Omit<Omit<import('zust
 }) | null>;
 /**
  * Proveedor de contenedor responsivo
- * @author Juan Escobar - automatic
- * @createdAt 2024-10-06 20:07:18 - automatic
- * @updatedAt 2024-10-08 19:03:38 - automatic
- * @updatedUser Juan Escobar - automatic
  */
 declare const DeviceTypeProvider: (props: DeviceTypePrivderProps) => import("react").JSX.Element;
 export { DeviceTypeProvider, DeviceTypeContext };

package/contexts/DeviceTypeContext/index.js

@@ -1,17 +1,18 @@
-import { jsx as n } from "react/jsx-runtime";
-import { createContext as s, useRef as p, useEffect as u } from "react";
-import { c as a } from "./store.js";
-import { g as f } from "./helper.js";
-import { u as v } from "../../hooks/useUserAgent/index.js";
-const m = s(null), l = (r) => {
-  const { children: c, forcedDeviceType: o } = r, i = v(), e = p(), t = o ?? f(i);
-  return e.current || (e.current = a({
-    deviceType: t
-  })), u(() => {
+import { jsx as p } from "react/jsx-runtime";
+import { createContext as a, useRef as u, useEffect as v } from "react";
+import { c as f } from "./store.js";
+import { g as m } from "./helper.js";
+import { u as d } from "../../hooks/useUserAgent/index.js";
+const y = a(null), S = (r) => {
+  const { children: o, forcedDeviceType: c, storeId: s, storeDevtoolsEnabled: i } = r, n = d(), e = u(), t = c ?? m(n);
+  return e.current || (e.current = f({
+    deviceType: t,
+    storeId: s
+  }, i)), v(() => {
     e.current?.getState().deviceType !== t && e.current?.getState().actions.setDeviceType(t);
-  }, [t]), /* @__PURE__ */ n(m.Provider, { value: e.current, children: c });
+  }, [t]), /* @__PURE__ */ p(y.Provider, { value: e.current, children: o });
 };
 export {
-  m as D,
-  l as a
+  y as D,
+  S as a
 };

package/contexts/DeviceTypeContext/store.d.ts

@@ -6,7 +6,7 @@ import { InitialDeviceTypeProps, DeviceTypeWithActions } from './types';
  * @updatedAt 2024-10-06 20:07:18 - automatic
  * @updatedUser Juan Escobar - automatic
  */
-export declare const createDeviceTypeStore: (initProps: InitialDeviceTypeProps) => Omit<Omit<import('zustand').StoreApi<DeviceTypeWithActions>, "setState"> & {
+export declare const createDeviceTypeStore: (initProps: InitialDeviceTypeProps, storeDevtoolsEnabled?: boolean) => Omit<Omit<import('zustand').StoreApi<DeviceTypeWithActions>, "setState"> & {
     setState<A extends string | {
         type: unknown;
     }>(partial: DeviceTypeWithActions | Partial<DeviceTypeWithActions> | ((state: DeviceTypeWithActions) => DeviceTypeWithActions | Partial<DeviceTypeWithActions>), replace?: boolean | undefined, action?: A | undefined): void;

package/contexts/DeviceTypeContext/store.js

@@ -1,14 +1,17 @@
-import { createStore as i } from "zustand";
-import { devtools as m } from "zustand/middleware";
+import { createStore as a } from "zustand";
+import { devtools as n } from "zustand/middleware";
 import { immer as p } from "zustand/middleware/immer";
-const y = (e) => {
-  const t = {
+const m = (e, t) => {
+  const { enabled: o = !1 } = t;
+  return o && process.env.NODE_ENV === "development" ? n(e, t) : e;
+}, D = (e, t = !1) => {
+  const o = {
     ...e
   };
-  return i(
+  return a(
     m(
-      p((r, s) => ({
-        ...t,
+      p((r, v) => ({
+        ...o,
         actions: {
           /**
            * Establece el punto de interrupción
@@ -17,17 +20,17 @@ const y = (e) => {
            * @updatedAt 2024-10-06 20:07:18 - automatic
            * @updatedUser Juan Escobar - automatic
            */
-          setDeviceType: (o) => {
+          setDeviceType: (s) => {
             r((c) => {
-              c.deviceType = o;
+              c.deviceType = s;
             });
           }
         }
       })),
-      { name: "DeviceType Store" }
+      { name: `DeviceTypeStore: ${e.storeId}`, enabled: t }
     )
   );
 };
 export {
-  y as c
+  D as c
 };

package/contexts/DeviceTypeContext/types.d.ts

@@ -1,11 +1,32 @@
 import { default as React } from 'react';
 export type DeviceType = 'mobile' | 'desktop';
 export interface DeviceTypeState {
+    /**
+     * "storeId" Id del store
+     */
+    storeId?: string;
+    /**
+     * "deviceType" Tipo de dispositivo detectado
+     */
     deviceType: DeviceType;
 }
-export type InitialDeviceTypeProps = Pick<DeviceTypeState, 'deviceType'>;
+export type InitialDeviceTypeProps = Pick<DeviceTypeState, 'deviceType' | 'storeId'>;
 export interface DeviceTypePrivderProps {
+    /**
+     * "storeId" Id del store
+     */
+    storeId?: string;
+    /**
+     * "storeDevtoolsEnabled" Determina si se debe usar devtools para el store
+     */
+    storeDevtoolsEnabled?: boolean;
+    /**
+     * "forcedDeviceType" Tipo de dispositivo forzado, para no usar el detectado del userAgent
+     */
     forcedDeviceType?: DeviceType;
+    /**
+     * "children" Componentes hijos
+     */
     children: React.ReactNode;
 }
 export interface DeviceTypeWithActions extends DeviceTypeState {

package/contexts/ResponsiveContainerContext/index.d.ts

@@ -10,10 +10,7 @@ declare const ResponsiveContainerContext: import('react').Context<(Omit<Omit<imp
 }) | null>;
 /**
  * Proveedor de contenedor responsivo
- * @author Juan Escobar - automatic
- * @createdAt 2024-10-06 20:07:18 - automatic
- * @updatedAt 2024-10-08 19:03:38 - automatic
- * @updatedUser Juan Escobar - automatic
+ * @deprecated usar useIsMobile
  */
 declare const ResponsiveContainerProvider: (props: ResponsiveContainerProviderProps) => import("react").JSX.Element;
 export { ResponsiveContainerProvider, ResponsiveContainerContext };

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, createCustomShadows as d, shadows as h, typographyOld as u, getColorPresets as f } from "@m4l/styles";
+import { getPaletteByPreset as a, typographyOld as d, shadows as h, getColorPresets as u, createCustomShadows 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,
-    ...u,
+    ...d,
     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(
-        f(o.themeColor)?.main || "#fff",
+        u(o.themeColor)?.main || "#fff",
         0.2
       )}`,
-      ...d(o.themeMode)
+      ...f(o.themeMode)
     },
     stretch: o.themeStretch
   }, g(r.themeOptions);

package/hooks/usePaginate/index.js

@@ -1,7 +1,7 @@
-import { useState as n, useRef as H, useCallback as L, useEffect as m } from "react";
+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 U, useNetwork as j } from "@m4l/core";
-const J = (h) => {
+import { useHostTools as j, useNetwork as v } from "@m4l/core";
+const K = (h) => {
   const {
     endPoint: w,
     timeout: C = 5e3,
@@ -16,15 +16,16 @@ const J = (h) => {
     isRemote: k = !0,
     bodyToSnakeCase: y = !1,
     responseToCamelCase: T = !1,
-    initialRows: E = [],
+    initialRows: b = [],
     externalCondition: c = !0,
-    onNetworkError: f
-  } = h, [p, g] = n(i ? 1 : 0), [O, a] = n(E), [b, o] = n({ ...s, rowsPerPage: u }), t = H({ ...s, rowsPerPage: u }), [x, F] = n(R), { startProgress: N, stopProgress: Q } = U(), { networkOperation: q } = j(), l = L(() => {
+    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(() => {
     g((r) => r + 1);
   }, []);
   return m(() => {
-    if (x) {
-      F(!1);
+    if (F) {
+      L(!1);
       return;
     }
     t.current.page = 0, i && l();
@@ -59,14 +60,14 @@ const J = (h) => {
       }), function() {
         r = !1;
       };
-  }, [p, c]), { onPageChange: (r) => {
+  }, [p, c, E]), { 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: b, rows: O, clearRows: () => {
+  }, pagerState: x, rows: O, clearRows: () => {
     a([]), o(s);
   }, Refresh: l, setRows: a };
 };
 export {
-  J as u
+  K as u
 };

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

@@ -1 +1,35 @@
-export {};
+import { ReactNode } from 'react';
+import { HostToolsType } from '@m4l/core';
+import { Id, ToastOptions } from 'react-toastify';
+export declare const mock_addFlag: import('vitest').Mock<(...args: any[]) => any>;
+export declare const mock_networkOperation: import('vitest').Mock<(...args: any[]) => any>;
+export declare const mock_events_add_listener: import('vitest').Mock<(...args: any[]) => any>;
+export declare const mock_events_remove_listener: import('vitest').Mock<(...args: any[]) => any>;
+export declare const mock_events_emit: import('vitest').Mock<(...args: any[]) => any>;
+export declare const mock_startProgress: import('vitest').Mock<(...args: any[]) => any>;
+export declare const mock_stopProgress: import('vitest').Mock<(...args: any[]) => any>;
+export interface ToasterFunctionProps {
+    title: ReactNode;
+    description?: ReactNode;
+}
+export type Toaster = {
+    (props: ToasterFunctionProps, toastOptions?: ToastOptions): Id;
+    success(props: ToasterFunctionProps, toastOptions?: ToastOptions): Id;
+    info(props: ToasterFunctionProps, toastOptions?: ToastOptions): Id;
+    warning(props: ToasterFunctionProps, toastOptions?: ToastOptions): Id;
+    error(props: ToasterFunctionProps, toastOptions?: ToastOptions): Id;
+};
+export declare const mock_toaster: Toaster;
+export declare const environmentDataForTesting: {
+    isLocalhost: boolean;
+    host: string;
+    domain_token: string;
+    host_api_local: string;
+    host_api_remote: string;
+    host_static_assets: string;
+    environment_assets: string;
+    isMicroFrontend: boolean;
+    isIsolatation: boolean;
+    database: string;
+};
+export declare const hostToolsDataForTesting: HostToolsType;

package/hooks/usePaginate/types.d.ts

@@ -1,4 +1,4 @@
-import { AxiosOptions, NetworkProps } from '@m4l/core';
+import { AxiosOptions, GetLabelType, NetworkProps } from '@m4l/core';
 export declare interface PagerState {
     page: number;
     rowsPerPage: number;
@@ -13,4 +13,5 @@ export interface UsePaginateProps<TRow> extends Pick<NetworkProps, 'endPoint' |
     initialRows?: TRow[];
     externalCondition?: boolean;
     onNetworkError?: (code: number) => void;
+    getLabel?: GetLabelType;
 }

package/hooks/useResponsive/index.d.ts

@@ -1,8 +1,5 @@
 /**
  * Returns true if the screen size is desktop.
- * @author Juan Escobar - automatic
- * @createdAt 2024-10-06 20:07:18 - automatic
- * @updatedAt 2024-10-06 20:07:18 - automatic
- * @updatedUser Juan Escobar - automatic
+ * @deprecated usar useIsMobile
  */
 export declare function useResponsiveDesktop(): boolean | undefined;

package/hooks/useResponsiveContainer/index.d.ts

@@ -1,9 +1,6 @@
 import { ResponsiveContainerStateWithActions } from '../../contexts/ResponsiveContainerContext/types';
 /**
  * Hook to use the responsive container 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
+ * @deprecated usa use
  */
 export declare function useResponsiveContainerStore<T>(selector: (state: ResponsiveContainerStateWithActions) => T, equalityFn?: (left: T, right: T) => boolean): T;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/graphics",
-  "version": "7.0.11-beta.1",
+  "version": "7.0.12",
   "license": "UNLICENSED",
   "author": "M4L Team*",
   "type": "module",
@@ -17,8 +17,8 @@
     "zustand": "4.3.6"
   },
   "peerDependencies": {
-    "@m4l/core": "2.0.20-beta.1",
-    "@m4l/styles": "^7.1.18",
+    "@m4l/core": "^2.0.0",
+    "@m4l/styles": "^7.0.0",
     "@mui/material": "5.16.7",
     "@mui/x-date-pickers": "6.20.2",
     "@types/react": "^18.0.0",

package/test/utils.d.ts

@@ -0,0 +1,9 @@
+import { cleanup, screen } from '@testing-library/react';
+import { renderHook } from '@testing-library/react-hooks';
+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 };