@m4l/graphics 7.0.5 → 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.5",
+  "version": "7.0.7",
   "license": "UNLICENSED",
   "author": "M4L Team*",
   "type": "module",
@@ -18,7 +18,7 @@
   },
   "peerDependencies": {
     "@m4l/core": "^2.0.12",
-    "@m4l/styles": "^7.0.1",
+    "@m4l/styles": "^7.1.18",
     "@mui/material": "5.16.7",
     "@mui/x-date-pickers": "6.20.2",
     "@types/react": "^18.0.0",
@@ -52,7 +52,7 @@
     "*"
   ],
   "source": "./index.js",
-  "main": "./index.js",
+  "main": "src/index.ts",
   "module": "./index.js",
   "types": "./index.d.ts",
   "sideEffects": false,
@@ -60,5 +60,10 @@
     "node": ">=12.0.0"
   },
   "packageManager": "yarn@4.5.0",
-  "private": false
+  "private": false,
+  "exports": {
+    ".": {
+      "import": "./index.js"
+    }
+  }
 }