@widergy/energy-ui 3.166.0 → 3.167.0

package/CHANGELOG.md

@@ -1,16 +1,31 @@
-# [3.166.0](https://github.com/widergy/energy-ui/compare/v3.165.1...v3.166.0) (2026-06-12)
+# [3.167.0](https://github.com/widergy/energy-ui/compare/v3.166.1...v3.167.0) (2026-06-17)
 
 
 ### Features
 
-* [AUTO-271] Add test ids to case panel detail ([#809](https://github.com/widergy/energy-ui/issues/809)) ([d2413bb](https://github.com/widergy/energy-ui/commit/d2413bb084b1ae70de41800edd347450e836d94e))
+* [AXCH-1778] button prop disabled in ut dot menu ([#819](https://github.com/widergy/energy-ui/issues/819)) ([14a1ccd](https://github.com/widergy/energy-ui/commit/14a1ccd7976107b661045c0ed2c9c959a050c29d))
+
+## [3.166.1](https://github.com/widergy/energy-ui/compare/v3.166.0...v3.166.1) (2026-06-16)
+
+### Correcciones
+
+* Se corrigió un problema que causaba que ciertos íconos de estado se mostraran sin tamaño visible en versiones anteriores del navegador Chromium. [#817](https://github.com/widergy/Energy-UI/pull/817) [CX-2433](https://widergy.atlassian.net/browse/CX-2433)
+
+# [3.166.0](https://github.com/widergy/energy-ui/compare/v3.165.1...v3.166.0) (2026-06-12)
+
+### Novedades y Mejoras
+
+* Mejoras internas de la plataforma. [#809](https://github.com/widergy/Energy-UI/pull/809) [AUTO-271](https://widergy.atlassian.net/browse/AUTO-271)
 
 ## [3.165.1](https://github.com/widergy/energy-ui/compare/v3.165.0...v3.165.1) (2026-06-12)
 
+### Novedades y Mejoras
 
-### Bug Fixes
 
-* added prop position to snackbar ([#818](https://github.com/widergy/energy-ui/issues/818)) ([676e43c](https://github.com/widergy/energy-ui/commit/676e43c4d625578b074506867879b0b8bdbe75ea))
+
+### Correcciones
+
+* El componente de notificaciones emergentes ahora permite elegir entre cuatro posiciones en pantalla: inferior izquierda, inferior derecha, superior izquierda y superior derecha. [#818](https://github.com/widergy/Energy-UI/pull/818) [DIS-1106](https://widergy.atlassian.net/browse/DIS-1106)
 
 # [3.165.0](https://github.com/widergy/energy-ui/compare/v3.164.0...v3.165.0) (2026-06-10)
 

package/dist/components/UTDotMenu/README.md

@@ -8,6 +8,7 @@ Botón de tres puntos verticales que despliega un menú de opciones. Soporta íc
 |------|------|---------|-------------|
 | `className` | `string` | `undefined` | Clase CSS aplicada al contenedor raíz. |
 | `classNames` | `shape({ button, icon })` | `{}` | Clases personalizadas para el botón trigger. |
+| `disabled` | `bool` | `undefined` | Deshabilita el botón trigger. Cuando es `true`, el menú no puede abrirse. |
 | `Icon` | `elementType \| string` | `MoreVertIcon` | Ícono del botón trigger. Acepta un componente React o un nombre de ícono de Tabler (ej: `'IconDotsVertical'`). |
 | `menuItemProps` | `object` | `undefined` | Props pasadas a cada `MenuItem` de MUI. Útil para sobreescribir estilos (ej: `{ style: { minHeight: 'auto' } }`). |
 | `menuProps` | `object` | `undefined` | Props pasadas al componente `Menu` de MUI. El `borderRadius` del Paper es `8px` por defecto y se puede sobreescribir vía `menuProps.PaperProps`. |

package/dist/components/UTDotMenu/index.js

@@ -20,6 +20,7 @@ const UTDotMenu = _ref => {
   let {
     className,
     classNames = _constants.DEFAULT_PROPS.classNames,
+    disabled,
     Icon = _constants.DEFAULT_PROPS.Icon,
     menuItemProps,
     menuProps,
@@ -34,6 +35,7 @@ const UTDotMenu = _ref => {
       icon: classNames.icon,
       root: classNames.button
     },
+    disabled: disabled,
     Icon: Icon,
     onClick: event => setAnchorEl(event.currentTarget),
     size: size,
@@ -76,6 +78,7 @@ UTDotMenu.propTypes = {
     button: _propTypes.string,
     icon: _propTypes.string
   }),
+  disabled: _propTypes.bool,
   Icon: (0, _propTypes.oneOfType)([_propTypes.elementType, _propTypes.string]),
   menuItemProps: _propTypes.object,
   menuProps: _propTypes.object,

package/dist/components/UTDotMenu/stories/UTDotMenu.stories.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Small = exports.Playground = exports.IconoPersonalizado = exports.Default = exports.ConIconos = exports.ConIconProps = exports.AccionDestructiva = void 0;
+exports.default = exports.Small = exports.Playground = exports.IconoPersonalizado = exports.Default = exports.ConIconos = exports.ConIconProps = exports.BotonDeshabilitado = exports.AccionDestructiva = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _ = _interopRequireDefault(require(".."));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -62,6 +62,18 @@ var _default = exports.default = {
         }
       }
     },
+    disabled: {
+      control: 'boolean',
+      description: 'Deshabilita el botón trigger. Cuando es `true`, el menú no puede abrirse.',
+      table: {
+        defaultValue: {
+          summary: 'undefined'
+        },
+        type: {
+          summary: 'bool'
+        }
+      }
+    },
     Icon: {
       control: 'text',
       description: 'Ícono del botón trigger. Acepta un nombre de ícono de Tabler (string) o un componente React. Por defecto muestra el ícono de tres puntos verticales (MoreVertIcon).',
@@ -250,6 +262,20 @@ const ConIconProps = exports.ConIconProps = {
     }
   }
 };
+const BotonDeshabilitado = exports.BotonDeshabilitado = {
+  args: {
+    disabled: true,
+    options: BASIC_OPTIONS
+  },
+  name: 'Botón deshabilitado',
+  parameters: {
+    docs: {
+      description: {
+        story: '`disabled={true}` deshabilita el botón trigger. El menú no puede abrirse.'
+      }
+    }
+  }
+};
 const IconoPersonalizado = exports.IconoPersonalizado = {
   args: {
     Icon: () => /*#__PURE__*/_react.default.createElement("span", {

package/dist/components/UTIcon/theme.js

@@ -20,6 +20,7 @@ const FLAG_CODES = new Set(_countries.default.map(_ref => {
   return code;
 }));
 const flagComponentCache = {};
+const isCSSVar = value => typeof value === 'string' && value.startsWith('var(');
 const getFlagComponent = code => {
   if (!(code in flagComponentCache)) {
     const loader = _flagsComponents.default[code];
@@ -65,25 +66,35 @@ const getIconProps = _ref3 => {
     theme,
     shade: fillShade || _constants.DEFAULT_INTERNAL_SHADE
   });
+  const sizeIsCSSVar = isCSSVar(size);
+  const resolvedSize = sizeIsCSSVar ? undefined : size;
+  const sizeStyle = sizeIsCSSVar ? {
+    width: size,
+    height: size
+  } : {};
+  const baseStyle = filled ? {
+    color: themeColor
+  } : style || {};
   const defaultIconProps = {
     color: iconColor,
-    size
+    size: resolvedSize
   };
   const energyIconProps = {
     stroke: iconColor,
-    ...(size && {
-      width: size,
-      height: size
+    ...(resolvedSize && {
+      width: resolvedSize,
+      height: resolvedSize
     })
   };
   const flagProps = {
-    width: size || 24,
-    height: size || 24
+    width: resolvedSize || 24,
+    height: resolvedSize || 24
   };
   return {
-    style: filled ? {
-      color: themeColor
-    } : style,
+    style: {
+      ...baseStyle,
+      ...sizeStyle
+    },
     ...(internalFill && {
       fill: internalFill
     }),

package/dist/esm/components/UTDotMenu/README.md

@@ -8,6 +8,7 @@ Botón de tres puntos verticales que despliega un menú de opciones. Soporta íc
 |------|------|---------|-------------|
 | `className` | `string` | `undefined` | Clase CSS aplicada al contenedor raíz. |
 | `classNames` | `shape({ button, icon })` | `{}` | Clases personalizadas para el botón trigger. |
+| `disabled` | `bool` | `undefined` | Deshabilita el botón trigger. Cuando es `true`, el menú no puede abrirse. |
 | `Icon` | `elementType \| string` | `MoreVertIcon` | Ícono del botón trigger. Acepta un componente React o un nombre de ícono de Tabler (ej: `'IconDotsVertical'`). |
 | `menuItemProps` | `object` | `undefined` | Props pasadas a cada `MenuItem` de MUI. Útil para sobreescribir estilos (ej: `{ style: { minHeight: 'auto' } }`). |
 | `menuProps` | `object` | `undefined` | Props pasadas al componente `Menu` de MUI. El `borderRadius` del Paper es `8px` por defecto y se puede sobreescribir vía `menuProps.PaperProps`. |

package/dist/esm/components/UTDotMenu/index.js

@@ -2,7 +2,7 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 import React, { useState } from 'react';
 import Menu from '@material-ui/core/Menu';
 import MenuItem from '@material-ui/core/MenuItem';
-import { arrayOf, elementType, func, object, oneOfType, shape, string } from 'prop-types';
+import { arrayOf, bool, elementType, func, object, oneOfType, shape, string } from 'prop-types';
 import UTButton from '../UTButton';
 import UTIcon from '../UTIcon';
 import UTLabel from '../UTLabel';
@@ -12,6 +12,7 @@ const UTDotMenu = _ref => {
   let {
     className,
     classNames = DEFAULT_PROPS.classNames,
+    disabled,
     Icon = DEFAULT_PROPS.Icon,
     menuItemProps,
     menuProps,
@@ -26,6 +27,7 @@ const UTDotMenu = _ref => {
       icon: classNames.icon,
       root: classNames.button
     },
+    disabled: disabled,
     Icon: Icon,
     onClick: event => setAnchorEl(event.currentTarget),
     size: size,
@@ -68,6 +70,7 @@ UTDotMenu.propTypes = {
     button: string,
     icon: string
   }),
+  disabled: bool,
   Icon: oneOfType([elementType, string]),
   menuItemProps: object,
   menuProps: object,

package/dist/esm/components/UTDotMenu/stories/UTDotMenu.stories.js

@@ -54,6 +54,18 @@ export default {
         }
       }
     },
+    disabled: {
+      control: 'boolean',
+      description: 'Deshabilita el botón trigger. Cuando es `true`, el menú no puede abrirse.',
+      table: {
+        defaultValue: {
+          summary: 'undefined'
+        },
+        type: {
+          summary: 'bool'
+        }
+      }
+    },
     Icon: {
       control: 'text',
       description: 'Ícono del botón trigger. Acepta un nombre de ícono de Tabler (string) o un componente React. Por defecto muestra el ícono de tres puntos verticales (MoreVertIcon).',
@@ -242,6 +254,20 @@ export const ConIconProps = {
     }
   }
 };
+export const BotonDeshabilitado = {
+  args: {
+    disabled: true,
+    options: BASIC_OPTIONS
+  },
+  name: 'Botón deshabilitado',
+  parameters: {
+    docs: {
+      description: {
+        story: '`disabled={true}` deshabilita el botón trigger. El menú no puede abrirse.'
+      }
+    }
+  }
+};
 export const IconoPersonalizado = {
   args: {
     Icon: () => /*#__PURE__*/React.createElement("span", {

package/dist/esm/components/UTIcon/theme.js

@@ -12,6 +12,7 @@ const FLAG_CODES = new Set(countries.map(_ref => {
   return code;
 }));
 const flagComponentCache = {};
+const isCSSVar = value => typeof value === 'string' && value.startsWith('var(');
 const getFlagComponent = code => {
   if (!(code in flagComponentCache)) {
     const loader = flagComponentMap[code];
@@ -56,25 +57,35 @@ export const getIconProps = _ref3 => {
     theme,
     shade: fillShade || DEFAULT_INTERNAL_SHADE
   });
+  const sizeIsCSSVar = isCSSVar(size);
+  const resolvedSize = sizeIsCSSVar ? undefined : size;
+  const sizeStyle = sizeIsCSSVar ? {
+    width: size,
+    height: size
+  } : {};
+  const baseStyle = filled ? {
+    color: themeColor
+  } : style || {};
   const defaultIconProps = {
     color: iconColor,
-    size
+    size: resolvedSize
   };
   const energyIconProps = {
     stroke: iconColor,
-    ...(size && {
-      width: size,
-      height: size
+    ...(resolvedSize && {
+      width: resolvedSize,
+      height: resolvedSize
     })
   };
   const flagProps = {
-    width: size || 24,
-    height: size || 24
+    width: resolvedSize || 24,
+    height: resolvedSize || 24
   };
   return {
-    style: filled ? {
-      color: themeColor
-    } : style,
+    style: {
+      ...baseStyle,
+      ...sizeStyle
+    },
     ...(internalFill && {
       fill: internalFill
     }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@widergy/energy-ui",
-  "version": "3.166.0",
+  "version": "3.167.0",
   "description": "Widergy Web Components",
   "author": "widergy",
   "license": "MIT",