@m4l/graphics 7.0.6 → 7.0.7

package/hooks/useIsMobile/index.d.ts

@@ -1,3 +1,7 @@
+/**
+ * Hook para obtener el valor del userAgent
+ */
+export declare const useUserAgent: () => string;
 /**
  * Hook to check if the device is a mobile device
  * @author Juan Escobar - automatic
@@ -5,4 +9,7 @@
  * @updatedAt 2024-10-08 19:28:36 - automatic
  * @updatedUser Juan Escobar - automatic
  */
+/**
+ * Hook de verificación de dispositivo móvil
+ */
 export declare const useIsMobile: (isMobileForced?: boolean) => boolean;

package/hooks/useIsMobile/index.js

@@ -1,24 +1,18 @@
-import { useState as o, useEffect as s } from "react";
-import a from "lodash-es/throttle";
-const i = () => typeof navigator > "u" ? !1 : /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent), f = (t) => {
-  const [r, n] = o(t || i());
-  return s(() => {
-    if (t === void 0)
-      return;
-    const e = a(
-      () => {
-        n(i());
-      },
-      200,
-      {
-        trailing: !0
-      }
-    );
-    return window.addEventListener("resize", e), e(), () => {
-      window.removeEventListener("resize", e), e.cancel();
-    };
-  }, [t]), r;
+import { useSyncExternalStore as r } from "react";
+const t = () => navigator.userAgent, s = (e) => {
+  const n = () => e(navigator.userAgent);
+  return window.addEventListener("userAgentChange", n), () => window.removeEventListener("userAgentChange", n);
+}, o = () => r(
+  s,
+  // Función de suscripción
+  t,
+  // Función para obtener el estado actual
+  t
+  // (Opcional) Función para obtener el valor en SSR
+), i = (e) => typeof e > "u" ? !1 : /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(e), c = (e) => {
+  const n = o();
+  return e || i(n);
 };
 export {
-  f as u
+  c as u
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/graphics",
-  "version": "7.0.6",
+  "version": "7.0.7",
   "license": "UNLICENSED",
   "author": "M4L Team*",
   "type": "module",