@widergy/energy-ui 3.172.2 → 3.172.3

package/dist/utils/stylesDeduplicationUtils.js

@@ -1,455 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-/* eslint-disable no-console */
-
-/**
- * Sistema de deduplicación de estilos para Energy UI
- * Evita que los estilos se carguen múltiples veces cuando la librería se importa desde diferentes proyectos
- */
-
-// Cache global para estilos ya cargados
-const loadedStyles = new Set(); // Set de hashes de contenido CSS ya procesados
-const styleElementsByHash = new Map(); // Map de hash -> elemento DOM para estilos ya cargados
-
-// Cache global para URLs de hojas de estilos externas ya cargadas
-const loadedStylesheets = new Set(); // Set de URLs normalizadas de hojas externas ya cargadas
-
-// Referencias globales para cleanup
-let globalObserver = null;
-let isConfigured = false;
-
-/**
- * Normaliza el contenido CSS para comparaciones consistentes
- */
-const normalizeCSSContent = content => {
-  if (!content || typeof content !== 'string') {
-    return '';
-  }
-  return content
-  // Remover comentarios CSS (pero preservar source maps)
-  .replace(/\/\*[^*]*\*+(?:[^/*][^*]*\*+)*\//g, match => {
-    // Preservar source maps que pueden contener información importante
-    if (match.includes('sourceMappingURL')) {
-      return match;
-    }
-    return '';
-  })
-  // Remover espacios en blanco extra
-  .replace(/\s+/g, ' ')
-  // Remover espacios al inicio y final
-  .trim()
-  // Normalizar saltos de línea
-  .replace(/\r\n/g, '\n').replace(/\r/g, '\n')
-  // Remover espacios alrededor de caracteres especiales
-  .replace(/\s*([{}:;,])\s*/g, '$1')
-  // Normalizar valores de colores
-  .replace(/#([0-9a-fA-F]{3})\b/g, (_match, hex) => // Expandir colores de 3 dígitos a 6 dígitos
-  "#".concat(hex.split('').map(char => char + char).join('')))
-  // Normalizar valores de unidades
-  .replace(/(\d+)px/g, '$1px').replace(/(\d+)em/g, '$1em').replace(/(\d+)rem/g, '$1rem')
-  // Remover espacios extra entre reglas
-  .replace(/}\s*{/g, '}{')
-  // Normalizar selectores
-  .replace(/\s*,\s*/g, ',').replace(/\s*>\s*/g, '>').replace(/\s*\+\s*/g, '+').replace(/\s*~\s*/g, '~');
-};
-
-/**
- * Normaliza URLs para comparaciones consistentes
- */
-const normalizeURL = url => {
-  if (!url || typeof url !== 'string') {
-    return '';
-  }
-  try {
-    const urlObj = new URL(url, window.location.href);
-
-    // Remover parámetros de query que no afectan el contenido
-    const paramsToRemove = ['v', 'version', 't', 'timestamp', 'cache', 'cb'];
-    paramsToRemove.forEach(param => {
-      urlObj.searchParams.delete(param);
-    });
-
-    // Normalizar el path
-    let path = urlObj.pathname;
-
-    // Remover extensiones de archivo para comparación
-    path = path.replace(/\.(css|scss|sass|less)$/i, '');
-
-    // Remover hashes de build (ej: main.abc123.css -> main)
-    path = path.replace(/\.([a-f0-9]{8,})\./i, '.');
-
-    // Construir URL normalizada
-    const normalizedURL = "".concat(urlObj.origin).concat(path);
-    return normalizedURL.toLowerCase();
-  } catch {
-    // Si no es una URL válida, normalizar como string
-    return url.toLowerCase().replace(/[?#].*$/, '') // Remover query params y hash
-    .replace(/\.(css|scss|sass|less)$/i, '') // Remover extensiones
-    .replace(/\.([a-f0-9]{8,})\./i, '.') // Remover hashes de build
-    .trim();
-  }
-};
-
-/**
- * Genera un hash único para un conjunto de estilos normalizado
- */
-const generateStyleHash = content => {
-  const normalizedContent = normalizeCSSContent(content);
-
-  // Usar un algoritmo de hash más robusto
-  let hash = 0;
-  const prime = 31;
-  for (let i = 0; i < normalizedContent.length; i++) {
-    const char = normalizedContent.charCodeAt(i);
-    hash = hash * prime + char >>> 0; // Mantener como entero de 32 bits sin signo
-  }
-  return hash.toString(36);
-};
-
-/**
- * Verifica si el contenido es un estilo de Energy UI
- */
-const isEnergyUIStyle = content => {
-  if (!content || typeof content !== 'string') {
-    return false;
-  }
-  const normalizedContent = normalizeCSSContent(content);
-
-  // Patrones específicos de Energy UI - MÁS SEGUROS
-  const energyUIPatterns = [
-  // Clases de componentes UT (muy específicas)
-  /\.[a-z]*UT[A-Z][a-zA-Z]*/g,
-  // Clases CSS Modules con hash de UT (muy específicas)
-  /\.UT[A-Z][a-zA-Z]*__[a-zA-Z0-9_-]+/g,
-  // Variables CSS de Energy UI (muy específicas)
-  /--energy-ui-/g, /--ut-/g,
-  // Selectores específicos de Energy UI (muy específicos)
-  /\[data-energy-ui\]/g, /\[data-ut-/g,
-  // Comentarios específicos de Energy UI (muy específicos)
-  /\/\*.*energy.*ui.*\*\//gi, /\/\*.*ut.*\*\//gi,
-  // CSS Modules internos de Energy UI (patrón específico .styles_[name]_[hash])
-  /\.styles_[a-zA-Z0-9_-]+_[a-zA-Z0-9_-]+/g,
-  // Source maps específicos de Energy UI
-  /sourceMappingURL.*energy/i, /sourceMappingURL.*ut/i];
-
-  // Verificación adicional de seguridad: debe contener al menos 2 patrones específicos
-  const matches = energyUIPatterns.filter(pattern => pattern.test(normalizedContent));
-
-  // Solo considerar Energy UI si hay al menos 2 coincidencias (más seguro)
-  if (matches.length >= 2) {
-    return true;
-  }
-
-  // Caso especial: si contiene el patrón .styles_[name]_[hash] Y algún otro patrón específico
-  const stylesPattern = /\.styles_[a-zA-Z0-9_-]+_[a-zA-Z0-9_-]+/g;
-  const hasStylesPattern = stylesPattern.test(normalizedContent);
-  const hasOtherPattern = energyUIPatterns.some(pattern => pattern !== stylesPattern && pattern.test(normalizedContent));
-  const isEnergyUI = hasStylesPattern && hasOtherPattern;
-  return isEnergyUI;
-};
-
-/**
- * Verifica si una URL es de Energy UI
- */
-const isEnergyUIURL = url => {
-  if (!url || typeof url !== 'string') {
-    return false;
-  }
-  const normalizedURL = normalizeURL(url);
-
-  // Patrones de URL de Energy UI - MÁS SEGUROS
-  const energyUIPatterns = [
-  // URLs específicas de Energy UI
-  /energy-ui/i, /energyui/i, /ut-components/i, /energy.*ui/i,
-  // URLs locales específicas de Energy UI (más restrictivas)
-  /localhost.*\/energy/i, /localhost.*\/ut/i, /localhost.*energy-ui/i, /localhost.*ut-components/i];
-  return energyUIPatterns.some(pattern => pattern.test(normalizedURL));
-};
-
-/**
- * Verifica si un estilo ya está cargado
- */
-const isStyleAlreadyLoaded = content => {
-  const hash = generateStyleHash(content);
-  return loadedStyles.has(hash);
-};
-
-/**
- * Marca un estilo como cargado
- */
-const markStyleAsLoaded = (content, element) => {
-  const hash = generateStyleHash(content);
-  loadedStyles.add(hash);
-  styleElementsByHash.set(hash, element);
-};
-
-/**
- * Verifica si una hoja de estilos externa ya está cargada
- */
-const isStylesheetAlreadyLoaded = href => {
-  const normalizedHref = normalizeURL(href);
-  return loadedStylesheets.has(normalizedHref);
-};
-
-/**
- * Marca una hoja de estilos externa como cargada
- */
-const markStylesheetAsLoaded = href => {
-  const normalizedHref = normalizeURL(href);
-  loadedStylesheets.add(normalizedHref);
-};
-
-/**
- * Verifica si estamos en un entorno compatible
- */
-const isCompatibleEnvironment = () => typeof window !== 'undefined' && typeof document !== 'undefined' && typeof document.head !== 'undefined';
-
-/**
- * Intercepta la creación de elementos <style> para evitar duplicados
- */
-const interceptStyleCreation = () => {
-  // Verificar si estamos en un entorno con DOM disponible
-  if (!isCompatibleEnvironment()) {
-    return;
-  }
-  if (isConfigured) {
-    return;
-  }
-
-  // Usar el punto de inserción existente (meta tag)
-  const insertionPoint = document.getElementById('energyui-insertion-point');
-  if (!insertionPoint) {
-    console.warn('Energy UI: No se encontró el punto de inserción <meta id="energyui-insertion-point"/>');
-    return;
-  }
-
-  // Observer específico que solo procesa elementos después del meta tag
-
-  // Observer que solo observa los cambios DESPUÉS del meta tag (más seguro)
-  const observeAfterMetaTag = () => {
-    // Observar solo los nodos que se insertan después del meta tag
-    const observer = new MutationObserver(mutations => {
-      mutations.forEach(mutation => {
-        if (mutation.type === 'childList') {
-          mutation.addedNodes.forEach(node => {
-            if (node.nodeType === Node.ELEMENT_NODE) {
-              // Solo procesar elementos que están después del meta tag
-              if (insertionPoint.compareDocumentPosition(node) & Node.DOCUMENT_POSITION_FOLLOWING) {
-                // Procesar elementos <style>
-                if (node.tagName === 'STYLE') {
-                  const content = node.textContent || '';
-
-                  // Usar detección mejorada de Energy UI
-                  if (content && isEnergyUIStyle(content)) {
-                    if (isStyleAlreadyLoaded(content)) {
-                      node.remove();
-                    } else {
-                      markStyleAsLoaded(content, node);
-                    }
-                  }
-                }
-
-                // Procesar elementos <link> con hojas de estilos
-                if (node.tagName === 'LINK' && node.rel === 'stylesheet') {
-                  const href = node.href || '';
-
-                  // Usar detección mejorada de URLs de Energy UI
-                  if (href && isEnergyUIURL(href)) {
-                    // Detección silenciosa de hojas de estilos externas
-                  }
-                }
-              }
-            }
-          });
-        }
-      });
-    });
-
-    // Observar solo el head, pero filtrar por posición relativa al meta tag
-    observer.observe(document.head, {
-      childList: true,
-      subtree: false // No observar subtree, solo nodos directos
-    });
-    return observer;
-  };
-
-  // Usar el observer específico
-  globalObserver = observeAfterMetaTag();
-
-  // Marcar como configurado
-  isConfigured = true;
-};
-
-/**
- * Función para limpiar estilos duplicados existentes
- */
-const cleanupDuplicateStyles = () => {
-  // Limpiar elementos <style> duplicados
-  const existingStyleElements = document.querySelectorAll('style');
-  const seenContents = new Set();
-  existingStyleElements.forEach(style => {
-    const content = style.textContent || '';
-
-    // Usar detección mejorada de Energy UI
-    if (content && isEnergyUIStyle(content)) {
-      const hash = generateStyleHash(content);
-      if (seenContents.has(hash)) {
-        style.remove();
-      } else {
-        seenContents.add(hash);
-        markStyleAsLoaded(content, style);
-      }
-    }
-  });
-
-  // Limpiar hojas de estilos externas duplicadas
-  const linkElements = document.querySelectorAll('link[rel="stylesheet"]');
-  linkElements.forEach(link => {
-    const href = link.href || '';
-
-    // Usar detección mejorada de URLs de Energy UI
-    if (href && isEnergyUIURL(href)) {
-      if (isStylesheetAlreadyLoaded(href)) {
-        link.remove();
-      } else {
-        markStylesheetAsLoaded(href);
-      }
-    }
-  });
-};
-
-/**
- * Función para limpiar recursos y desconectar observers
- */
-const cleanupStyleDeduplication = () => {
-  if (globalObserver) {
-    globalObserver.disconnect();
-    globalObserver = null;
-  }
-
-  // Limpiar caches
-  loadedStyles.clear();
-  styleElementsByHash.clear();
-  loadedStylesheets.clear();
-
-  // Resetear estado
-  isConfigured = false;
-};
-
-/**
- * Hook para React
- */
-const useStyleDeduplication = function () {
-  let enableStyleDeduplication = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-  (0, _react.useEffect)(() => {
-    if (enableStyleDeduplication) {
-      interceptStyleCreation();
-      cleanupDuplicateStyles();
-    }
-
-    // Cleanup automático cuando el componente se desmonta
-    return () => {
-      if (enableStyleDeduplication) {
-        cleanupStyleDeduplication();
-      }
-    };
-  }, [enableStyleDeduplication]);
-};
-
-/**
- * Función para configuración manual
- */
-const setupStyleDeduplication = () => {
-  interceptStyleCreation();
-  cleanupDuplicateStyles();
-};
-
-/**
- * Función para verificar si está configurado
- */
-const isStyleDeduplicationConfigured = () => isConfigured && globalObserver !== null;
-
-/**
- * Función para obtener estadísticas de deduplicación
- */
-const getDeduplicationStats = () => ({
-  loadedStylesCount: loadedStyles.size,
-  styleElementsByHashCount: styleElementsByHash.size,
-  loadedStylesheetsCount: loadedStylesheets.size,
-  isConfigured: isStyleDeduplicationConfigured()
-});
-
-/**
- * Función para testing: verificar si un contenido sería detectado como Energy UI
- */
-const testEnergyUIDetection = content => ({
-  isEnergyUI: isEnergyUIStyle(content),
-  normalizedContent: normalizeCSSContent(content),
-  hash: generateStyleHash(content)
-});
-
-/**
- * Función para testing: verificar si una URL sería detectada como Energy UI
- */
-const testEnergyUIURLDetection = url => ({
-  isEnergyUI: isEnergyUIURL(url),
-  normalizedURL: normalizeURL(url)
-});
-
-/**
- * Función para debugging: obtener información detallada de estilos cargados
- */
-const getDetailedStats = () => {
-  const currentStyleElements = document.querySelectorAll('style');
-  const currentLinkElements = document.querySelectorAll('link[rel="stylesheet"]');
-  const energyUIStyles = [];
-  const energyUILinks = [];
-  currentStyleElements.forEach((style, index) => {
-    const content = style.textContent || '';
-    if (isEnergyUIStyle(content)) {
-      energyUIStyles.push({
-        index,
-        hash: generateStyleHash(content),
-        isDuplicate: isStyleAlreadyLoaded(content),
-        normalizedContent: "".concat(normalizeCSSContent(content).substring(0, 100), "...")
-      });
-    }
-  });
-  currentLinkElements.forEach((link, index) => {
-    const href = link.href || '';
-    if (isEnergyUIURL(href)) {
-      energyUILinks.push({
-        index,
-        href,
-        normalizedURL: normalizeURL(href),
-        isDuplicate: isStylesheetAlreadyLoaded(href)
-      });
-    }
-  });
-  return {
-    totalStyles: currentStyleElements.length,
-    totalLinks: currentLinkElements.length,
-    energyUIStyles,
-    energyUILinks,
-    loadedStylesCount: loadedStyles.size,
-    styleElementsByHashCount: styleElementsByHash.size,
-    isConfigured: isStyleDeduplicationConfigured()
-  };
-};
-var _default = exports.default = {
-  getDeduplicationStats,
-  isStyleDeduplicationConfigured,
-  setupStyleDeduplication,
-  cleanupStyleDeduplication,
-  useStyleDeduplication,
-  isCompatibleEnvironment,
-  isStylesheetAlreadyLoaded,
-  testEnergyUIDetection,
-  testEnergyUIURLDetection,
-  getDetailedStats
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=require("react");const loadedStyles=new Set,styleElementsByHash=new Map,loadedStylesheets=new Set;let globalObserver=null,isConfigured=!1;const normalizeCSSContent=content=>content&&"string"==typeof content?content.replace(/\/\*[^*]*\*+(?:[^/*][^*]*\*+)*\//g,match=>match.includes("sourceMappingURL")?match:"").replace(/\s+/g," ").trim().replace(/\r\n/g,"\n").replace(/\r/g,"\n").replace(/\s*([{}:;,])\s*/g,"$1").replace(/#([0-9a-fA-F]{3})\b/g,(_match,hex)=>"#".concat(hex.split("").map(char=>char+char).join(""))).replace(/(\d+)px/g,"$1px").replace(/(\d+)em/g,"$1em").replace(/(\d+)rem/g,"$1rem").replace(/}\s*{/g,"}{").replace(/\s*,\s*/g,",").replace(/\s*>\s*/g,">").replace(/\s*\+\s*/g,"+").replace(/\s*~\s*/g,"~"):"",normalizeURL=url=>{if(!url||"string"!=typeof url)return"";try{const urlObj=new URL(url,window.location.href);["v","version","t","timestamp","cache","cb"].forEach(param=>{urlObj.searchParams.delete(param)});let path=urlObj.pathname;path=path.replace(/\.(css|scss|sass|less)$/i,""),path=path.replace(/\.([a-f0-9]{8,})\./i,".");return"".concat(urlObj.origin).concat(path).toLowerCase()}catch{return url.toLowerCase().replace(/[?#].*$/,"").replace(/\.(css|scss|sass|less)$/i,"").replace(/\.([a-f0-9]{8,})\./i,".").trim()}},generateStyleHash=content=>{const normalizedContent=normalizeCSSContent(content);let hash=0;for(let i=0;i<normalizedContent.length;i++){hash=31*hash+normalizedContent.charCodeAt(i)>>>0}return hash.toString(36)},isEnergyUIStyle=content=>{if(!content||"string"!=typeof content)return!1;const normalizedContent=normalizeCSSContent(content),energyUIPatterns=[/\.[a-z]*UT[A-Z][a-zA-Z]*/g,/\.UT[A-Z][a-zA-Z]*__[a-zA-Z0-9_-]+/g,/--energy-ui-/g,/--ut-/g,/\[data-energy-ui\]/g,/\[data-ut-/g,/\/\*.*energy.*ui.*\*\//gi,/\/\*.*ut.*\*\//gi,/\.styles_[a-zA-Z0-9_-]+_[a-zA-Z0-9_-]+/g,/sourceMappingURL.*energy/i,/sourceMappingURL.*ut/i];if(energyUIPatterns.filter(pattern=>pattern.test(normalizedContent)).length>=2)return!0;const stylesPattern=/\.styles_[a-zA-Z0-9_-]+_[a-zA-Z0-9_-]+/g,hasStylesPattern=stylesPattern.test(normalizedContent),hasOtherPattern=energyUIPatterns.some(pattern=>pattern!==stylesPattern&&pattern.test(normalizedContent));return hasStylesPattern&&hasOtherPattern},isEnergyUIURL=url=>{if(!url||"string"!=typeof url)return!1;const normalizedURL=normalizeURL(url);return[/energy-ui/i,/energyui/i,/ut-components/i,/energy.*ui/i,/localhost.*\/energy/i,/localhost.*\/ut/i,/localhost.*energy-ui/i,/localhost.*ut-components/i].some(pattern=>pattern.test(normalizedURL))},isStyleAlreadyLoaded=content=>{const hash=generateStyleHash(content);return loadedStyles.has(hash)},markStyleAsLoaded=(content,element)=>{const hash=generateStyleHash(content);loadedStyles.add(hash),styleElementsByHash.set(hash,element)},isStylesheetAlreadyLoaded=href=>{const normalizedHref=normalizeURL(href);return loadedStylesheets.has(normalizedHref)},markStylesheetAsLoaded=href=>{const normalizedHref=normalizeURL(href);loadedStylesheets.add(normalizedHref)},isCompatibleEnvironment=()=>"undefined"!=typeof window&&"undefined"!=typeof document&&void 0!==document.head,interceptStyleCreation=()=>{if(!isCompatibleEnvironment())return;if(isConfigured)return;const insertionPoint=document.getElementById("energyui-insertion-point");if(!insertionPoint)return void console.warn('Energy UI: No se encontró el punto de inserción <meta id="energyui-insertion-point"/>');globalObserver=(()=>{const observer=new MutationObserver(mutations=>{mutations.forEach(mutation=>{"childList"===mutation.type&&mutation.addedNodes.forEach(node=>{if(node.nodeType===Node.ELEMENT_NODE&&insertionPoint.compareDocumentPosition(node)&Node.DOCUMENT_POSITION_FOLLOWING){if("STYLE"===node.tagName){const content=node.textContent||"";content&&isEnergyUIStyle(content)&&(isStyleAlreadyLoaded(content)?node.remove():markStyleAsLoaded(content,node))}if("LINK"===node.tagName&&"stylesheet"===node.rel){const href=node.href||"";href&&isEnergyUIURL(href)}}})})});return observer.observe(document.head,{childList:!0,subtree:!1}),observer})(),isConfigured=!0},cleanupDuplicateStyles=()=>{const existingStyleElements=document.querySelectorAll("style"),seenContents=new Set;existingStyleElements.forEach(style=>{const content=style.textContent||"";if(content&&isEnergyUIStyle(content)){const hash=generateStyleHash(content);seenContents.has(hash)?style.remove():(seenContents.add(hash),markStyleAsLoaded(content,style))}});document.querySelectorAll('link[rel="stylesheet"]').forEach(link=>{const href=link.href||"";href&&isEnergyUIURL(href)&&(isStylesheetAlreadyLoaded(href)?link.remove():markStylesheetAsLoaded(href))})},cleanupStyleDeduplication=()=>{globalObserver&&(globalObserver.disconnect(),globalObserver=null),loadedStyles.clear(),styleElementsByHash.clear(),loadedStylesheets.clear(),isConfigured=!1},useStyleDeduplication=function(){let enableStyleDeduplication=arguments.length>0&&void 0!==arguments[0]&&arguments[0];(0,_react.useEffect)(()=>(enableStyleDeduplication&&(interceptStyleCreation(),cleanupDuplicateStyles()),()=>{enableStyleDeduplication&&cleanupStyleDeduplication()}),[enableStyleDeduplication])},setupStyleDeduplication=()=>{interceptStyleCreation(),cleanupDuplicateStyles()},isStyleDeduplicationConfigured=()=>isConfigured&&null!==globalObserver,getDeduplicationStats=()=>({loadedStylesCount:loadedStyles.size,styleElementsByHashCount:styleElementsByHash.size,loadedStylesheetsCount:loadedStylesheets.size,isConfigured:isStyleDeduplicationConfigured()}),testEnergyUIDetection=content=>({isEnergyUI:isEnergyUIStyle(content),normalizedContent:normalizeCSSContent(content),hash:generateStyleHash(content)}),testEnergyUIURLDetection=url=>({isEnergyUI:isEnergyUIURL(url),normalizedURL:normalizeURL(url)}),getDetailedStats=()=>{const currentStyleElements=document.querySelectorAll("style"),currentLinkElements=document.querySelectorAll('link[rel="stylesheet"]'),energyUIStyles=[],energyUILinks=[];return currentStyleElements.forEach((style,index)=>{const content=style.textContent||"";isEnergyUIStyle(content)&&energyUIStyles.push({index:index,hash:generateStyleHash(content),isDuplicate:isStyleAlreadyLoaded(content),normalizedContent:"".concat(normalizeCSSContent(content).substring(0,100),"...")})}),currentLinkElements.forEach((link,index)=>{const href=link.href||"";isEnergyUIURL(href)&&energyUILinks.push({index:index,href:href,normalizedURL:normalizeURL(href),isDuplicate:isStylesheetAlreadyLoaded(href)})}),{totalStyles:currentStyleElements.length,totalLinks:currentLinkElements.length,energyUIStyles:energyUIStyles,energyUILinks:energyUILinks,loadedStylesCount:loadedStyles.size,styleElementsByHashCount:styleElementsByHash.size,isConfigured:isStyleDeduplicationConfigured()}};var _default=exports.default={getDeduplicationStats:getDeduplicationStats,isStyleDeduplicationConfigured:isStyleDeduplicationConfigured,setupStyleDeduplication:setupStyleDeduplication,cleanupStyleDeduplication:cleanupStyleDeduplication,useStyleDeduplication:useStyleDeduplication,isCompatibleEnvironment:isCompatibleEnvironment,isStylesheetAlreadyLoaded:isStylesheetAlreadyLoaded,testEnergyUIDetection:testEnergyUIDetection,testEnergyUIURLDetection:testEnergyUIURLDetection,getDetailedStats:getDetailedStats};

package/dist/utils/useScreenSize.js

@@ -1,11 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useScreenSize = void 0;
-var _energyHooks = require("@widergy/energy-hooks");
-const useScreenSize = exports.useScreenSize = (0, _energyHooks.createUseScreenSize)({
-  mobileBP: 767,
-  tabletBP: 1024
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useScreenSize=void 0;var _energyHooks=require("@widergy/energy-hooks");const useScreenSize=exports.useScreenSize=(0,_energyHooks.createUseScreenSize)({mobileBP:767,tabletBP:1024});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@widergy/energy-ui",
-  "version": "3.172.2",
+  "version": "3.172.3",
   "description": "Widergy Web Components",
   "author": "widergy",
   "license": "MIT",
@@ -22,8 +22,11 @@
     "test": "SKIP_PREFLIGHT_CHECK=true DISABLE_ESLINT_PLUGIN=true react-scripts test --env=jsdom",
     "eject": "react-scripts eject",
     "prebuild": "rimraf dist",
-    "build": "NODE_ENV=production babel src/lib --out-dir dist --copy-files",
-    "build:esm": "BABEL_ENV=esm NODE_ENV=production babel src/lib --out-dir dist/esm --copy-files",
+    "build": "NODE_ENV=production babel src/lib --out-dir dist --copy-files --ignore '**/*.stories.js' --ignore '**/README.md'",
+    "postbuild": "find dist -name '*.stories.js' -delete && find dist -name 'README.md' -delete && find dist -name '*.js' -not -path 'dist/esm/*' -type f -exec terser {} --compress --output {} \\;",
+    "prebuild:esm": "rimraf dist/esm",
+    "build:esm": "BABEL_ENV=esm NODE_ENV=production babel src/lib --out-dir dist/esm --copy-files --ignore '**/*.stories.js' --ignore '**/README.md'",
+    "postbuild:esm": "find dist/esm -name '*.stories.js' -delete && find dist/esm -name 'README.md' -delete && find dist/esm -name '*.js' -type f -exec terser {} --compress --output {} \\;",
     "sass-lint": "./node_modules/sass-lint/bin/sass-lint.js -v -q",
     "prepare": "husky install",
     "prepublishOnly": "npm run build && npm run build:esm",
@@ -137,6 +140,7 @@
     "typescript-coverage-report": "^1.1.0",
     "typescript-eslint": "^8.46.4",
     "wait-on": "^9.0.3",
+    "terser": "^5.36.0",
     "webpack": "^5.90.1"
   },
   "release": {

package/dist/components/UTActionCard/README.md

@@ -1,26 +0,0 @@
-# UTButton
-
-## Props
-
-
-| Name                   | Type                                                                                                                                                                                                     | Default    | Description                                                            |
-| :----------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------ | ------------------------------------------------------------------------ |
-| `additionalMessage`    | `shape({ Icon: elementType, iconProps: shape({ colorTheme: string, size: string }), labelProps: shape({ colorTheme: string, variant: string }), message: string })`                                      |            | Additional message information, including icons and labels.            |
-| `adornment`            | `shape({ alignment: oneOf(['center', 'end', 'start']), position: string, props: object, type: string })`                                                                                                 |            | Adornment object to customize alignment, position, and type.           |
-| `BackgroundImage`      | `elementType`                                                                                                                                                                                            |            | A React component for the background image.                            |
-| `bottomActions`        | `arrayOf(shape({ colorTheme: string, disabled: bool, Icon: elementType, label: string, loading: bool, onClick: func }))`                                                                                 |            | Defines the list of actions to be displayed at the bottom of the card. |
-| `bottomActionsVariant` | `oneOf(['default', 'redirection'])`                                                                                                                                                                      |            | Sets the style variant for bottom actions.                             |
-| `classNames`           | `objectOf(string)`                                                                                                                                                                                       |            | Css classes                                                            |
-| `description`          | `string`                                                                                                                                                                                                 |            | Description text to be displayed.                                      |
-| `descriptionProps`     | `shape({ colorTheme: string, variant: string })`                                                                                                                                                         |            | Props to customize the description's style.                            |
-| `headerActions`        | `arrayOf(shape({ Icon: oneOfType([elementType, string]), iconProps: string, id: oneOfType([number, string]), label: string, loading: bool, onClick: func }))`                                            |            | List of actions available in the header section.                       |
-| `headerActionsProps`   | `shape({ alignment: oneOf(['center', 'end', 'start']), buttonGroupProps: shape({ colorTheme: string, shape: string }), variant: oneOf(['default', 'buttonGroup']) })` |            | Props to configure header actions alignment, button group, etc.        |
-| `hideHeader`           | `bool`                                                                                                                                                                                                   | `false`    | Hides the header section of the card.                                  |
-| `mainAction`           | `func`                                                                                                                                                                                                   |            | Main action function for the card.                                     |
-| `size`                 | `oneOf(['medium', 'small'])`                                                                                                                                                                             | `'medium'` | Size of the card, either small or medium.                              |
-| `status`               | `string`                                                                                                                                                                                                 |            | Status text to be displayed.                                           |
-| `statusLabel`          | `string`                                                                                                                                                                                                 |            | Status label for additional status info.                               |
-| `statusAlignment`      | `oneOf(['center', 'end', 'start'])`                                                                                                                                                                      |            | Alignment of the status element.                                       |
-| `title`                | `string`                                                                                                                                                                                      |            | The title of the card.                                       |
-| `titleProps`           | `shape({ variant: string, weight: string })`                                                                                                                                                             |            | Props to configure the title style.                                    |
-| `withBodyPadding`      | `bool`                                                                                                                                                                                                   | `false`    | Adds padding to the card body if`true`.                                |

package/dist/components/UTAlert/README.md

@@ -1,100 +0,0 @@
-# UTAlert
-
-Componente de alerta tipo Snackbar para mostrar notificaciones al usuario. Soporta cuatro tipos (success, error, info, warning), markdown en el mensaje y posicionamiento configurable. Se usa habitualmente junto al `AlertHandler` singleton para disparar alertas desde cualquier lugar de la aplicación.
-
----
-
-## Props
-
-### `content` (shape)
-
-Objeto que controla el estado y la apariencia de la alerta.
-
-| Campo | Tipo | Default | Descripción |
-| ----- | ---- | ------- | ----------- |
-| `message` | `string` | `undefined` | Mensaje a mostrar. Soporta markdown. |
-| `open` | `boolean` | `false` | Controla si la alerta está visible. |
-| `type` | `'error' \| 'info' \| 'success' \| 'warning'` | `undefined` | Tipo de alerta. Determina el ícono y el color. |
-| `timeDuration` | `number` | `undefined` | Duración en ms antes del cierre automático. |
-| `topRight` | `boolean` | `false` | Si es `true`, aparece en la esquina superior derecha. Si es `false`, en la inferior izquierda. |
-| `onClose` | `function` | `undefined` | Callback ejecutado al cerrar la alerta. |
-
-### Props de nivel superior
-
-| Prop | Tipo | Default | Descripción |
-| ---- | ---- | ------- | ----------- |
-| `withoutIcon` | `boolean` | `undefined` | Si es `true`, oculta el ícono del tipo de alerta. |
-| `classes` | `object` | `{}` | Clases CSS personalizadas para sobrescribir estilos del tema. |
-| `closeDataTestId` | `string` | `undefined` | Identificador de test para el botón de cierre. |
-| `labelDataTestId` | `string` | `undefined` | Identificador de test para el label del mensaje. |
-
----
-
-## Uso básico
-
-```jsx
-import { UTAlert } from '@widergy/energy-ui';
-
-const MiComponente = () => (
-  <UTAlert
-    content={{
-      message: 'Operación completada exitosamente.',
-      open: true,
-      type: 'success'
-    }}
-  />
-);
-```
-
----
-
-## Uso con AlertHandler
-
-El patrón recomendado es inicializar `AlertHandler` una sola vez en el componente raíz y luego llamarlo desde cualquier parte de la aplicación.
-
-```jsx
-import { useEffect, useState } from 'react';
-import { UTAlert, AlertHandler } from '@widergy/energy-ui';
-
-const AppRoot = () => {
-  const [alert, setAlert] = useState();
-
-  useEffect(() => {
-    AlertHandler.init({ setState: setAlert });
-  }, []);
-
-  return (
-    <>
-      <UTAlert content={alert} />
-      {/* resto de la app */}
-    </>
-  );
-};
-
-// Desde cualquier otro componente o servicio:
-AlertHandler.success('Guardado correctamente.');
-AlertHandler.error('Ocurrió un error. Intentá nuevamente.');
-AlertHandler.info('Hay actualizaciones disponibles.');
-AlertHandler.warning('Esta acción no se puede deshacer.');
-```
-
-### Métodos de AlertHandler
-
-| Método | Descripción |
-| ------ | ----------- |
-| `init({ setState, duration })` | Inicializa el handler. `setState` es el setter de React. `duration` es la duración por defecto en ms (default: 5000). |
-| `success(message, topRight?, timeDuration?)` | Muestra una alerta de éxito. |
-| `error(message, topRight?, timeDuration?)` | Muestra una alerta de error. |
-| `info(message, topRight?, timeDuration?)` | Muestra una alerta informativa. |
-| `warning(message, topRight?, timeDuration?)` | Muestra una alerta de advertencia. |
-
----
-
-## Variantes de tipo
-
-| Tipo | Ícono | Descripción |
-| ---- | ----- | ----------- |
-| `success` | CheckCircle | Para operaciones exitosas. |
-| `error` | Error | Para fallas o errores críticos. |
-| `info` | Info | Para notificaciones informativas. |
-| `warning` | Warning | Para acciones que requieren atención. |