@m4l/graphics 7.0.11 → 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/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",
+  "version": "7.0.12",
   "license": "UNLICENSED",
   "author": "M4L Team*",
   "type": "module",