analytica-frontend-lib 1.1.48 → 1.1.49

package/dist/hooks/useTheme/index.d.mts

@@ -0,0 +1,8 @@
+/**
+ * Hook para detectar preferências do sistema e aplicar dark mode automaticamente
+ * Este hook aplica o theme baseado nas preferências do sistema (prefers-color-scheme)
+ * na inicialização do componente.
+ */
+declare const useTheme: () => void;
+
+export { useTheme };

package/dist/hooks/useTheme/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Hook para detectar preferências do sistema e aplicar dark mode automaticamente
+ * Este hook aplica o theme baseado nas preferências do sistema (prefers-color-scheme)
+ * na inicialização do componente.
+ */
+declare const useTheme: () => void;
+
+export { useTheme };

package/dist/hooks/useTheme/index.js

@@ -0,0 +1,52 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/useTheme.ts
+var useTheme_exports = {};
+__export(useTheme_exports, {
+  useTheme: () => useTheme
+});
+module.exports = __toCommonJS(useTheme_exports);
+var import_react = require("react");
+var useTheme = () => {
+  (0, import_react.useEffect)(() => {
+    const htmlElement = document.documentElement;
+    const currentTheme = htmlElement.getAttribute("data-theme");
+    if (currentTheme && !htmlElement.getAttribute("data-original-theme")) {
+      htmlElement.setAttribute("data-original-theme", currentTheme);
+    }
+    const applyTheme = () => {
+      const isDarkMode = window.matchMedia(
+        "(prefers-color-scheme: dark)"
+      ).matches;
+      const originalTheme = htmlElement.getAttribute("data-original-theme");
+      if (isDarkMode) {
+        htmlElement.setAttribute("data-theme", "dark");
+      } else if (originalTheme) {
+        htmlElement.setAttribute("data-theme", originalTheme);
+      }
+    };
+    applyTheme();
+  }, []);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useTheme
+});
+//# sourceMappingURL=index.js.map

package/dist/hooks/useTheme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useTheme.ts"],"sourcesContent":["import { useEffect } from 'react';\n\n/**\n * Hook para detectar preferências do sistema e aplicar dark mode automaticamente\n * Este hook aplica o theme baseado nas preferências do sistema (prefers-color-scheme)\n * na inicialização do componente.\n */\nexport const useTheme = () => {\n  useEffect(() => {\n    const htmlElement = document.documentElement;\n\n    // Salva o theme original do white label na primeira execução\n    const currentTheme = htmlElement.getAttribute('data-theme');\n    if (currentTheme && !htmlElement.getAttribute('data-original-theme')) {\n      htmlElement.setAttribute('data-original-theme', currentTheme);\n    }\n\n    // Função para aplicar o theme baseado nas preferências do sistema\n    const applyTheme = () => {\n      const isDarkMode = window.matchMedia(\n        '(prefers-color-scheme: dark)'\n      ).matches;\n      const originalTheme = htmlElement.getAttribute('data-original-theme');\n\n      if (isDarkMode) {\n        // Aplica o theme dark\n        htmlElement.setAttribute('data-theme', 'dark');\n      } else if (originalTheme) {\n        // Restaura o theme light do white label\n        htmlElement.setAttribute('data-theme', originalTheme);\n      }\n    };\n\n    // Aplica o theme inicial\n    applyTheme();\n  }, []);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0B;AAOnB,IAAM,WAAW,MAAM;AAC5B,8BAAU,MAAM;AACd,UAAM,cAAc,SAAS;AAG7B,UAAM,eAAe,YAAY,aAAa,YAAY;AAC1D,QAAI,gBAAgB,CAAC,YAAY,aAAa,qBAAqB,GAAG;AACpE,kBAAY,aAAa,uBAAuB,YAAY;AAAA,IAC9D;AAGA,UAAM,aAAa,MAAM;AACvB,YAAM,aAAa,OAAO;AAAA,QACxB;AAAA,MACF,EAAE;AACF,YAAM,gBAAgB,YAAY,aAAa,qBAAqB;AAEpE,UAAI,YAAY;AAEd,oBAAY,aAAa,cAAc,MAAM;AAAA,MAC/C,WAAW,eAAe;AAExB,oBAAY,aAAa,cAAc,aAAa;AAAA,MACtD;AAAA,IACF;AAGA,eAAW;AAAA,EACb,GAAG,CAAC,CAAC;AACP;","names":[]}

package/dist/hooks/useTheme/index.mjs

@@ -0,0 +1,27 @@
+// src/hooks/useTheme.ts
+import { useEffect } from "react";
+var useTheme = () => {
+  useEffect(() => {
+    const htmlElement = document.documentElement;
+    const currentTheme = htmlElement.getAttribute("data-theme");
+    if (currentTheme && !htmlElement.getAttribute("data-original-theme")) {
+      htmlElement.setAttribute("data-original-theme", currentTheme);
+    }
+    const applyTheme = () => {
+      const isDarkMode = window.matchMedia(
+        "(prefers-color-scheme: dark)"
+      ).matches;
+      const originalTheme = htmlElement.getAttribute("data-original-theme");
+      if (isDarkMode) {
+        htmlElement.setAttribute("data-theme", "dark");
+      } else if (originalTheme) {
+        htmlElement.setAttribute("data-theme", originalTheme);
+      }
+    };
+    applyTheme();
+  }, []);
+};
+export {
+  useTheme
+};
+//# sourceMappingURL=index.mjs.map

package/dist/hooks/useTheme/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useTheme.ts"],"sourcesContent":["import { useEffect } from 'react';\n\n/**\n * Hook para detectar preferências do sistema e aplicar dark mode automaticamente\n * Este hook aplica o theme baseado nas preferências do sistema (prefers-color-scheme)\n * na inicialização do componente.\n */\nexport const useTheme = () => {\n  useEffect(() => {\n    const htmlElement = document.documentElement;\n\n    // Salva o theme original do white label na primeira execução\n    const currentTheme = htmlElement.getAttribute('data-theme');\n    if (currentTheme && !htmlElement.getAttribute('data-original-theme')) {\n      htmlElement.setAttribute('data-original-theme', currentTheme);\n    }\n\n    // Função para aplicar o theme baseado nas preferências do sistema\n    const applyTheme = () => {\n      const isDarkMode = window.matchMedia(\n        '(prefers-color-scheme: dark)'\n      ).matches;\n      const originalTheme = htmlElement.getAttribute('data-original-theme');\n\n      if (isDarkMode) {\n        // Aplica o theme dark\n        htmlElement.setAttribute('data-theme', 'dark');\n      } else if (originalTheme) {\n        // Restaura o theme light do white label\n        htmlElement.setAttribute('data-theme', originalTheme);\n      }\n    };\n\n    // Aplica o theme inicial\n    applyTheme();\n  }, []);\n};\n"],"mappings":";AAAA,SAAS,iBAAiB;AAOnB,IAAM,WAAW,MAAM;AAC5B,YAAU,MAAM;AACd,UAAM,cAAc,SAAS;AAG7B,UAAM,eAAe,YAAY,aAAa,YAAY;AAC1D,QAAI,gBAAgB,CAAC,YAAY,aAAa,qBAAqB,GAAG;AACpE,kBAAY,aAAa,uBAAuB,YAAY;AAAA,IAC9D;AAGA,UAAM,aAAa,MAAM;AACvB,YAAM,aAAa,OAAO;AAAA,QACxB;AAAA,MACF,EAAE;AACF,YAAM,gBAAgB,YAAY,aAAa,qBAAqB;AAEpE,UAAI,YAAY;AAEd,oBAAY,aAAa,cAAc,MAAM;AAAA,MAC/C,WAAW,eAAe;AAExB,oBAAY,aAAa,cAAc,aAAa;AAAA,MACtD;AAAA,IACF;AAGA,eAAW;AAAA,EACb,GAAG,CAAC,CAAC;AACP;","names":[]}

package/dist/index.d.mts

@@ -32,6 +32,7 @@ export { AlertDialog } from './AlertDialog/index.mjs';
 export { MultipleChoiceList } from './MultipleChoice/index.mjs';
 export { default as IconRender } from './IconRender/index.mjs';
 export { DeviceType, getDeviceType, useMobile } from './hooks/useMobile/index.mjs';
+export { useTheme } from './hooks/useTheme/index.mjs';
 export { default as DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, MenuLabel, ProfileMenuFooter, ProfileMenuHeader, ProfileMenuSection, ProfileMenuTrigger } from './DropdownMenu/index.mjs';
 export { default as Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './Select/index.mjs';
 export { default as Menu, MenuContent, MenuItem, MenuOverflow } from './Menu/index.mjs';

package/dist/index.d.ts

@@ -32,6 +32,7 @@ export { AlertDialog } from './AlertDialog/index.js';
 export { MultipleChoiceList } from './MultipleChoice/index.js';
 export { default as IconRender } from './IconRender/index.js';
 export { DeviceType, getDeviceType, useMobile } from './hooks/useMobile/index.js';
+export { useTheme } from './hooks/useTheme/index.js';
 export { default as DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, MenuLabel, ProfileMenuFooter, ProfileMenuHeader, ProfileMenuSection, ProfileMenuTrigger } from './DropdownMenu/index.js';
 export { default as Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './Select/index.js';
 export { default as Menu, MenuContent, MenuItem, MenuOverflow } from './Menu/index.js';