@widergy/energy-ui 3.150.0 → 3.152.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/CHANGELOG.md +114 -159
  2. package/dist/components/UTDotMenu/README.md +112 -0
  3. package/dist/components/UTDotMenu/constants.js +12 -0
  4. package/dist/components/UTDotMenu/index.js +72 -54
  5. package/dist/components/UTDotMenu/stories/UTDotMenu.mdx +13 -0
  6. package/dist/components/UTDotMenu/stories/UTDotMenu.stories.js +271 -0
  7. package/dist/components/UTDotMenu/styles.module.scss +3 -0
  8. package/dist/components/UTIcon/components/EnergyIcons/EnergyIconCreditCardsFilled.svg +3 -0
  9. package/dist/components/UTIcon/constants.js +16 -1
  10. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,355 +1,310 @@
1
- # [3.150.0](https://github.com/widergy/energy-ui/compare/v3.149.0...v3.150.0) (2026-05-08)
1
+ # [3.152.0](https://github.com/widergy/energy-ui/compare/v3.151.0...v3.152.0) (2026-05-13)
2
2
 
3
3
 
4
4
  ### Features
5
5
 
6
- * [CX-2272] extend UTCarousel and UTLabel for custom slide content ([#790](https://github.com/widergy/energy-ui/issues/790)) ([244111f](https://github.com/widergy/energy-ui/commit/244111fc15e0186aa52794434b74982d2e145a97))
6
+ * [CX-2231] new credit cards icon ([#797](https://github.com/widergy/energy-ui/issues/797)) ([7bab790](https://github.com/widergy/energy-ui/commit/7bab790d2a0ebebed6a1e0a304846d0f8b39734b))
7
7
 
8
- # [3.149.0](https://github.com/widergy/energy-ui/compare/v3.148.0...v3.149.0) (2026-05-08)
8
+ # [3.151.0](https://github.com/widergy/energy-ui/compare/v3.150.0...v3.151.0) (2026-05-11)
9
9
 
10
10
 
11
11
  ### Features
12
12
 
13
- * [BRILLA-374] utstatus truncate and xl size ([#791](https://github.com/widergy/energy-ui/issues/791)) ([d94861a](https://github.com/widergy/energy-ui/commit/d94861a54defacd18df28d96f3065c954dcf21ee))
14
-
15
- # [3.148.0](https://github.com/widergy/energy-ui/compare/v3.147.0...v3.148.0) (2026-05-05)
13
+ * [AXCH-1429] dot menu changes ([#786](https://github.com/widergy/energy-ui/issues/786)) ([da08cef](https://github.com/widergy/energy-ui/commit/da08cefc7b5f19bf69e7cb40aed0431f76322b8e)) [AXCH-1429](https://widergy.atlassian.net/browse/AXCH-1429)
16
14
 
15
+ # [3.150.0](https://github.com/widergy/energy-ui/compare/v3.149.0...v3.150.0) (2026-05-08)
17
16
 
18
- ### Features
19
-
20
- * [AXCH-1221] add expandable-panel-fix ([#788](https://github.com/widergy/energy-ui/issues/788)) ([fd23950](https://github.com/widergy/energy-ui/commit/fd23950f23855bac2a7b8e67a452cced6267d697))
17
+ ### Novedades y Mejoras
21
18
 
22
- # [3.147.0](https://github.com/widergy/energy-ui/compare/v3.146.0...v3.147.0) (2026-05-04)
19
+ * El componente de carrusel ahora admite contenido personalizado en cada slide, mayor control sobre el alineado y espaciado de las leyendas, y permite que los componentes custom detecten cuál slide está activo. El componente de etiqueta incorpora soporte para estilos personalizados. [#790](https://github.com/widergy/Energy-UI/pull/790) [CX-2272](https://widergy.atlassian.net/browse/CX-2272)
23
20
 
21
+ # [3.149.0](https://github.com/widergy/energy-ui/compare/v3.148.0...v3.149.0) (2026-05-08)
24
22
 
25
- ### Features
23
+ ### Novedades y Mejoras
26
24
 
27
- * add expandable-panel ([#787](https://github.com/widergy/energy-ui/issues/787)) ([9e15e3a](https://github.com/widergy/energy-ui/commit/9e15e3aea9e65d827b30cb17aae1e74df637f102))
25
+ * El componente de estado ahora admite un tamaño extra grande y trunca el texto con puntos suspensivos cuando el espacio disponible es limitado. [#791](https://github.com/widergy/Energy-UI/pull/791) [BRILLA-374](https://widergy.atlassian.net/browse/BRILLA-374)
26
+ * Mejoras internas de la plataforma. [#779](https://github.com/widergy/Energy-UI/pull/779) [DEV-794](https://widergy.atlassian.net/browse/DEV-794) [DEV-000](https://widergy.atlassian.net/browse/DEV-000)
28
27
 
29
- # [3.146.0](https://github.com/widergy/energy-ui/compare/v3.145.1...v3.146.0) (2026-04-30)
28
+ # [3.148.0](https://github.com/widergy/energy-ui/compare/v3.147.0...v3.148.0) (2026-05-05)
30
29
 
30
+ ### Correcciones
31
31
 
32
- ### Features
32
+ * Se corrigió el comportamiento del panel expandible, que ahora responde correctamente a la acción de colapsar y expandir su contenido. [#788](https://github.com/widergy/Energy-UI/pull/788) [AXCH-1221](https://widergy.atlassian.net/browse/AXCH-1221)
33
33
 
34
- * dynamic test id for snackbar label ([#780](https://github.com/widergy/energy-ui/issues/780)) ([3349141](https://github.com/widergy/energy-ui/commit/334914166fbb5bf3ada2c030ab5d381bf212eb71))
34
+ # [3.147.0](https://github.com/widergy/energy-ui/compare/v3.146.0...v3.147.0) (2026-05-04)
35
35
 
36
- ## [3.145.1](https://github.com/widergy/energy-ui/compare/v3.145.0...v3.145.1) (2026-04-28)
36
+ ### Novedades y Mejoras
37
37
 
38
+ * Los paneles ahora pueden configurarse para mostrar su contenido adicional colapsado por defecto, dando mayor control sobre la presentación de la información. [#787](https://github.com/widergy/Energy-UI/pull/787) [AXCH-1221](https://widergy.atlassian.net/browse/AXCH-1221)
38
39
 
39
- ### Bug Fixes
40
+ # [3.146.0](https://github.com/widergy/energy-ui/compare/v3.145.1...v3.146.0) (2026-04-30)
40
41
 
41
- * [OUG] calendar fix ([#785](https://github.com/widergy/energy-ui/issues/785)) ([ecbd16d](https://github.com/widergy/energy-ui/commit/ecbd16d636004d9a8be664ba0977a77977f10623))
42
+ ### Novedades y Mejoras
42
43
 
43
- # [3.145.0](https://github.com/widergy/energy-ui/compare/v3.144.2...v3.145.0) (2026-04-27)
44
+ * Mejoras internas de la plataforma [#780](https://github.com/widergy/Energy-UI/pull/780) [AUTO-214](https://widergy.atlassian.net/browse/AUTO-214)
44
45
 
46
+ ## [3.145.1](https://github.com/widergy/energy-ui/compare/v3.145.0...v3.145.1) (2026-04-28)
45
47
 
46
- ### Bug Fixes
48
+ ### Correcciones
47
49
 
48
- * button group stories fixes ([#784](https://github.com/widergy/energy-ui/issues/784)) ([2db8673](https://github.com/widergy/energy-ui/commit/2db86737b00a8ab5854411cb1c74c4d9f17a155a))
50
+ * Se corrigió el comportamiento del calendario al seleccionar fecha y horario: ahora ambos valores se actualizan correctamente de forma conjunta, evitando inconsistencias al completar el formulario. [#785](https://github.com/widergy/Energy-UI/pull/785) [OUG-999](https://widergy.atlassian.net/browse/OUG-999)
49
51
 
52
+ # [3.145.0](https://github.com/widergy/energy-ui/compare/v3.144.2...v3.145.0) (2026-04-27)
50
53
 
51
- ### Features
54
+ ### Novedades y Mejoras
52
55
 
53
- * buttongroup and button styles update ([#783](https://github.com/widergy/energy-ui/issues/783)) ([f778838](https://github.com/widergy/energy-ui/commit/f7788385508b7c9b591420f26232fe345dbf2654))
56
+ * Se actualizó la apariencia visual de los grupos de botones y botones individuales: los separadores internos fueron eliminados, el botón activo se distingue con mayor claridad según el tema de color utilizado, y los botones inactivos presentan un tono más suave para mejorar la legibilidad. [#783](https://github.com/widergy/Energy-UI/pull/783) [#784](https://github.com/widergy/Energy-UI/pull/784) [CX-2126](https://widergy.atlassian.net/browse/CX-2126)
54
57
 
55
58
  ## [3.144.2](https://github.com/widergy/energy-ui/compare/v3.144.1...v3.144.2) (2026-04-24)
56
59
 
60
+ ### Novedades y Mejoras
57
61
 
58
- ### Bug Fixes
59
-
60
- * updated ia docs ([#782](https://github.com/widergy/energy-ui/issues/782)) ([879f4eb](https://github.com/widergy/energy-ui/commit/879f4eb884a12ac8026a9256469e07cd9af67ba9))
62
+ * Mejoras internas de la plataforma [#782](https://github.com/widergy/Energy-UI/pull/782) [DEV-999](https://widergy.atlassian.net/browse/DEV-999)
61
63
 
62
64
  ## [3.144.1](https://github.com/widergy/energy-ui/compare/v3.144.0...v3.144.1) (2026-04-22)
63
65
 
66
+ ### Novedades y Mejoras
64
67
 
65
- ### Bug Fixes
66
-
67
- * docs update ([#781](https://github.com/widergy/energy-ui/issues/781)) ([6b0ec50](https://github.com/widergy/energy-ui/commit/6b0ec50ade68b806b28336025e41ac35dcc831f5))
68
+ * Mejoras internas de la plataforma. [#781](https://github.com/widergy/Energy-UI/pull/781) [DEV-999](https://widergy.atlassian.net/browse/DEV-999)
68
69
 
69
70
  # [3.144.0](https://github.com/widergy/energy-ui/compare/v3.143.0...v3.144.0) (2026-04-22)
70
71
 
72
+ ### Novedades y Mejoras
71
73
 
72
- ### Features
73
-
74
- * new size utstatus ([#778](https://github.com/widergy/energy-ui/issues/778)) ([835c56a](https://github.com/widergy/energy-ui/commit/835c56aec7ee8ade5df39206fb82896c7796c8d6))
74
+ * El componente de estado (UTStatus) ahora admite un tamaño extra pequeño, con tipografía, ícono y espaciado optimizados para contextos de mayor densidad de información. [#778](https://github.com/widergy/Energy-UI/pull/778) [CX-2127](https://widergy.atlassian.net/browse/CX-2127)
75
+ * Mejoras internas de la plataforma. [`0d6ed89`](https://github.com/widergy/Energy-UI/commit/0d6ed89)
75
76
 
76
77
  # [3.143.0](https://github.com/widergy/energy-ui/compare/v3.142.2...v3.143.0) (2026-04-15)
77
78
 
79
+ ### Novedades y Mejoras
78
80
 
79
- ### Features
80
-
81
- * [BRILLA-339] persist file name and xls download ([#774](https://github.com/widergy/energy-ui/issues/774)) ([d2486f3](https://github.com/widergy/energy-ui/commit/d2486f3f475299954245b051defaa527c1c1e0c1))
81
+ * Los archivos adjuntos ahora conservan su nombre original al navegar entre pasos de un trámite, y es posible descargarlos en formato CSV, XLS y XLSX. [#774](https://github.com/widergy/Energy-UI/pull/774) [BRILLA-339](https://widergy.atlassian.net/browse/BRILLA-339)
82
82
 
83
83
  ## [3.142.2](https://github.com/widergy/energy-ui/compare/v3.142.1...v3.142.2) (2026-04-15)
84
84
 
85
+ ### Correcciones
85
86
 
86
- ### Bug Fixes
87
-
88
- * [OUG] token fixes ([#777](https://github.com/widergy/energy-ui/issues/777)) ([915430b](https://github.com/widergy/energy-ui/commit/915430bcc0f3841800c4e1d7ef52c0c4097415a2))
87
+ * Se ajustaron los tamaños de los títulos y se agregó soporte para texto de cuerpo en tamaño extra pequeño, mejorando la consistencia visual de la interfaz. [#777](https://github.com/widergy/Energy-UI/pull/777) [OUG-999](https://widergy.atlassian.net/browse/OUG-999)
89
88
 
90
89
  ## [3.142.1](https://github.com/widergy/energy-ui/compare/v3.142.0...v3.142.1) (2026-04-14)
91
90
 
91
+ ### Correcciones
92
92
 
93
- ### Bug Fixes
94
-
95
- * [DEV-766] remove --cache flag from eslint lint scripts ([#776](https://github.com/widergy/energy-ui/issues/776)) ([06d63d0](https://github.com/widergy/energy-ui/commit/06d63d06b96893c05b7a031d26f254dda5c3e613))
93
+ * Mejoras internas de la plataforma [#776](https://github.com/widergy/Energy-UI/pull/776) [DEV-766](https://widergy.atlassian.net/browse/DEV-766)
96
94
 
97
95
  # [3.142.0](https://github.com/widergy/energy-ui/compare/v3.141.4...v3.142.0) (2026-04-14)
98
96
 
97
+ ### Novedades y Mejoras
99
98
 
100
- ### Features
101
-
102
- * [AXCH-1428] wrapper observation component ([#773](https://github.com/widergy/energy-ui/issues/773)) ([afb9df4](https://github.com/widergy/energy-ui/commit/afb9df458b74a543254473724644e79662f37d6b))
99
+ * Los campos de formulario ahora pueden mostrar acciones contextuales con íconos y descripciones emergentes (tooltips), permitiendo indicar observaciones o estados adicionales directamente sobre el campo. [#773](https://github.com/widergy/Energy-UI/pull/773) [AXCH-1428](https://widergy.atlassian.net/browse/AXCH-1428)
103
100
 
104
101
  ## [3.141.4](https://github.com/widergy/energy-ui/compare/v3.141.3...v3.141.4) (2026-04-14)
105
102
 
103
+ ### Correcciones
106
104
 
107
- ### Bug Fixes
108
-
109
- * fix sidebar ([#775](https://github.com/widergy/energy-ui/issues/775)) ([2535e64](https://github.com/widergy/energy-ui/commit/2535e64fa0b75a5bcfe9bbc61896a38f63ad597e))
105
+ * Se corrigió un problema en la barra lateral de navegación. [#775](https://github.com/widergy/Energy-UI/pull/775) [AXAG-284](https://widergy.atlassian.net/browse/AXAG-284)
110
106
 
111
107
  ## [3.141.3](https://github.com/widergy/energy-ui/compare/v3.141.2...v3.141.3) (2026-04-13)
112
108
 
109
+ ### Novedades y Mejoras
113
110
 
114
- ### Bug Fixes
111
+ * Las tablas ahora permiten configurar la alineación del contenido en cada columna, ofreciendo mayor flexibilidad en la presentación de datos. [#771](https://github.com/widergy/Energy-UI/pull/771) [AXCH-1218](https://widergy.atlassian.net/browse/AXCH-1218)
115
112
 
116
- * some component adjusments ([#771](https://github.com/widergy/energy-ui/issues/771)) ([ee49e34](https://github.com/widergy/energy-ui/commit/ee49e34719bfb9bdaa2f7ae12ba337aa46890a64))
113
+ ### Correcciones
117
114
 
118
- ## [3.141.2](https://github.com/widergy/energy-ui/compare/v3.141.1...v3.141.2) (2026-04-09)
115
+ * Se corrigió un problema visual en el que ciertos indicadores de estado (badges) no reflejaban correctamente su estilo al actualizarse. [#771](https://github.com/widergy/Energy-UI/pull/771) [AXCH-1218](https://widergy.atlassian.net/browse/AXCH-1218)
119
116
 
117
+ ## [3.141.2](https://github.com/widergy/energy-ui/compare/v3.141.1...v3.141.2) (2026-04-09)
120
118
 
121
- ### Bug Fixes
119
+ ### Correcciones
122
120
 
123
- * added tokens to data element ([#772](https://github.com/widergy/energy-ui/issues/772)) ([5933975](https://github.com/widergy/energy-ui/commit/5933975f24a216a9338f4f4d61df7b853f1fd01a))
121
+ * Se corrigió la visualización de elementos de datos en la interfaz. [#772](https://github.com/widergy/Energy-UI/pull/772) [DIS-1096](https://widergy.atlassian.net/browse/DIS-1096)
124
122
 
125
123
  ## [3.141.1](https://github.com/widergy/energy-ui/compare/v3.141.0...v3.141.1) (2026-03-31)
126
124
 
125
+ ### Correcciones
127
126
 
128
- ### Bug Fixes
129
-
130
- * markdown fix ([#770](https://github.com/widergy/energy-ui/issues/770)) ([bbb9804](https://github.com/widergy/energy-ui/commit/bbb980470af108f4472b00eb03fdc8c542c2e333))
127
+ * Se corrigió un problema por el cual algunos textos que contenían el carácter ":" desaparecían o se mostraban de forma incorrecta en la interfaz. [#770](https://github.com/widergy/Energy-UI/pull/770) [PDI-906](https://widergy.atlassian.net/browse/PDI-906)
131
128
 
132
129
  # [3.141.0](https://github.com/widergy/energy-ui/compare/v3.140.0...v3.141.0) (2026-03-18)
133
130
 
131
+ ### Novedades y Mejoras
134
132
 
135
- ### Features
136
-
137
- * [AXCH-1339] abbreviations in avatar component ([#769](https://github.com/widergy/energy-ui/issues/769)) ([1604f31](https://github.com/widergy/energy-ui/commit/1604f313981bcdbf64ea23fac687943e30dbefc5))
133
+ * Los avatares ahora pueden mostrar abreviaciones personalizadas, mejorando la identificación visual en la asignación de grupos. [#769](https://github.com/widergy/Energy-UI/pull/769) [AXCH-1339](https://widergy.atlassian.net/browse/AXCH-1339)
138
134
 
139
135
  # [3.140.0](https://github.com/widergy/energy-ui/compare/v3.139.1...v3.140.0) (2026-03-11)
140
136
 
137
+ ### Correcciones
141
138
 
142
- ### Features
143
-
144
- * add index to test id ([#768](https://github.com/widergy/energy-ui/issues/768)) ([7331fa1](https://github.com/widergy/energy-ui/commit/7331fa1bfeb8d6f1523253d930b6eea69f9f0ca6))
139
+ * Se corrigió un problema en los grupos de opciones de selección que impedía interactuar correctamente con cada opción de forma independiente. [#768](https://github.com/widergy/Energy-UI/pull/768) [AUTO-200](https://widergy.atlassian.net/browse/AUTO-200)
145
140
 
146
141
  ## [3.139.1](https://github.com/widergy/energy-ui/compare/v3.139.0...v3.139.1) (2026-02-27)
147
142
 
143
+ ### Correcciones
148
144
 
149
- ### Bug Fixes
150
-
151
- * [BRILLA-271] workflow navbar hidden ([#767](https://github.com/widergy/energy-ui/issues/767)) ([3e4fca0](https://github.com/widergy/energy-ui/commit/3e4fca08ef133719f908702485e8a95a24a000f3))
145
+ * Se corrigió un problema en el flujo de registro donde aparecían dos botones de avance en la misma pantalla. Además, se resolvió un error en Safari para iOS que causaba que la barra de navegación se superpusiera incorrectamente sobre el contenido. [#767](https://github.com/widergy/Energy-UI/pull/767) [BRILLA-271](https://widergy.atlassian.net/browse/BRILLA-271)
152
146
 
153
147
  # [3.139.0](https://github.com/widergy/energy-ui/compare/v3.138.5...v3.139.0) (2026-02-25)
154
148
 
149
+ ### Novedades y Mejoras
155
150
 
156
- ### Features
157
-
158
- * [AXCH-1193] ut panel component refactor ([#753](https://github.com/widergy/energy-ui/issues/753)) ([e30c16a](https://github.com/widergy/energy-ui/commit/e30c16a09d6e4e27be50161be797fb6c962aa81f))
151
+ * Los paneles laterales ahora pueden incorporar un área de contenido secundario con navegación por íconos, lo que permite organizar mejor la información complementaria como configuraciones o notificaciones dentro del mismo panel. [#753](https://github.com/widergy/Energy-UI/pull/753) [AXCH-1193](https://widergy.atlassian.net/browse/AXCH-1193)
159
152
 
160
153
  ## [3.138.5](https://github.com/widergy/energy-ui/compare/v3.138.4...v3.138.5) (2026-02-24)
161
154
 
155
+ ### Novedades y Mejoras
162
156
 
163
- ### Bug Fixes
164
-
165
- * [PDI-677] updated shortcutpanel ([#764](https://github.com/widergy/energy-ui/issues/764)) ([9b69c0f](https://github.com/widergy/energy-ui/commit/9b69c0f349a4a59eaefbae70e38622c9458402a1))
157
+ * Se mejora el panel de filtros y accesos rápidos: ahora es posible configurarlo para que las categorías no sean colapsables, ocultar el botón de agregar filtros, y ajustar el comportamiento del scroll. Además, los botones de editar y eliminar filtros solo se muestran cuando la acción correspondiente está disponible, y los nombres de las categorías se visualizan siempre en mayúsculas. [#764](https://github.com/widergy/Energy-UI/pull/764) [PDI-677](https://widergy.atlassian.net/browse/PDI-677)
166
158
 
167
159
  ## [3.138.4](https://github.com/widergy/energy-ui/compare/v3.138.3...v3.138.4) (2026-02-19)
168
160
 
161
+ ### Correcciones
169
162
 
170
- ### Bug Fixes
171
-
172
- * [CX-1935] Update test id support for UTRadioGroup v0 ([#766](https://github.com/widergy/energy-ui/issues/766)) ([6b5caae](https://github.com/widergy/energy-ui/commit/6b5caaeae33abdc1aaa3bd09a7133919b1a67be0))
163
+ * Se corrigió un problema en la pantalla de selección de método de pago que impedía interactuar correctamente con las opciones disponibles durante pruebas automatizadas. [#766](https://github.com/widergy/Energy-UI/pull/766) [CX-1935](https://widergy.atlassian.net/browse/CX-1935)
173
164
 
174
165
  ## [3.138.3](https://github.com/widergy/energy-ui/compare/v3.138.2...v3.138.3) (2026-02-13)
175
166
 
167
+ ### Correcciones
176
168
 
177
- ### Bug Fixes
178
-
179
- * [OUG] data category fixes ([#765](https://github.com/widergy/energy-ui/issues/765)) ([5c7d558](https://github.com/widergy/energy-ui/commit/5c7d55817047e6ccb784809f2e16394f5f96b014))
169
+ * Se corrigieron problemas en el componente de categorías de datos: ahora admite íconos de encabezado y acciones interactivas, y se actualizó su visualización en el entorno de ejemplos. [#765](https://github.com/widergy/Energy-UI/pull/765) [OUG-999](https://widergy.atlassian.net/browse/OUG-999)
180
170
 
181
171
  ## [3.138.2](https://github.com/widergy/energy-ui/compare/v3.138.1...v3.138.2) (2026-02-11)
182
172
 
173
+ ### Novedades y Mejoras
183
174
 
184
- ### Bug Fixes
185
-
186
- * [AXCH-1231] add withoutPadding column option ([#763](https://github.com/widergy/energy-ui/issues/763)) ([c2f6447](https://github.com/widergy/energy-ui/commit/c2f6447cfe21c1e73dce3b49c6b5876de3f0a283))
175
+ * Se incorporó una nueva opción en las columnas de tablas que permite a los componentes visuales ocupar el ancho completo de la celda, mejorando la presentación de contenido personalizado. [#763](https://github.com/widergy/Energy-UI/pull/763) [AXCH-1231](https://widergy.atlassian.net/browse/AXCH-1231)
187
176
 
188
177
  ## [3.138.1](https://github.com/widergy/energy-ui/compare/v3.138.0...v3.138.1) (2026-02-11)
189
178
 
179
+ ### Correcciones
190
180
 
191
- ### Bug Fixes
192
-
193
- * not show tooltip ([#762](https://github.com/widergy/energy-ui/issues/762)) ([105f09a](https://github.com/widergy/energy-ui/commit/105f09a058f9781344abc78d07aa24eab79c829e))
181
+ * Se corrigió un problema en el historial de consumo que impedía ver el tooltip al pasar el cursor sobre las barras del gráfico. [#762](https://github.com/widergy/Energy-UI/pull/762) [EVEP-402](https://widergy.atlassian.net/browse/EVEP-402)
194
182
 
195
183
  # [3.138.0](https://github.com/widergy/energy-ui/compare/v3.137.2...v3.138.0) (2026-02-10)
196
184
 
185
+ ### Novedades y Mejoras
197
186
 
198
- ### Features
199
-
200
- * [DEV-766] mvp widergy/eslint-config package ([#726](https://github.com/widergy/energy-ui/issues/726)) ([58a9c5a](https://github.com/widergy/energy-ui/commit/58a9c5aa22c6429793ac43499b085cdba69c5081))
187
+ * Mejoras internas de la plataforma [#726](https://github.com/widergy/Energy-UI/pull/726) [DEV-766](https://widergy.atlassian.net/browse/DEV-766)
201
188
 
202
189
  ## [3.137.2](https://github.com/widergy/energy-ui/compare/v3.137.1...v3.137.2) (2026-02-10)
203
190
 
191
+ ### Novedades y Mejoras
204
192
 
205
- ### Bug Fixes
206
-
207
- * [OUG] shortcut panel tokens ([#756](https://github.com/widergy/energy-ui/issues/756)) ([0a5d289](https://github.com/widergy/energy-ui/commit/0a5d28920adbdaf932fa867b69cf379262be909e))
193
+ * Se mejoró el panel de accesos rápidos con nuevos tokens de diseño, logrando una apariencia más consistente y alineada con el sistema visual de la plataforma. [#756](https://github.com/widergy/Energy-UI/pull/756) [OUG-999](https://widergy.atlassian.net/browse/OUG-999)
208
194
 
209
195
  ## [3.137.1](https://github.com/widergy/energy-ui/compare/v3.137.0...v3.137.1) (2026-02-09)
210
196
 
197
+ ### Correcciones
211
198
 
212
- ### Bug Fixes
213
-
214
- * max value chart ([#761](https://github.com/widergy/energy-ui/issues/761)) ([acc75a4](https://github.com/widergy/energy-ui/commit/acc75a463a3b2ed5fae6131fe8921e5bfdd2b321))
199
+ * Se corrigió la visualización del gráfico de consumo histórico: el valor límite de excedencia ya no aparece como el máximo del eje, permitiendo una lectura más precisa de los datos. [#761](https://github.com/widergy/Energy-UI/pull/761) [EVEP-389](https://widergy.atlassian.net/browse/EVEP-389)
215
200
 
216
201
  # [3.137.0](https://github.com/widergy/energy-ui/compare/v3.136.1...v3.137.0) (2026-02-09)
217
202
 
203
+ ### Novedades y Mejoras
218
204
 
219
- ### Features
220
-
221
- * [OUG] button tokens ([#755](https://github.com/widergy/energy-ui/issues/755)) ([6ae07e2](https://github.com/widergy/energy-ui/commit/6ae07e21b5743d968055c7dab5028065c5603553))
205
+ * Se incorporó soporte de personalización avanzada en los botones de la interfaz, permitiendo adaptar colores, tamaños y estilos mediante tokens de diseño sin necesidad de modificar el código base. [#755](https://github.com/widergy/Energy-UI/pull/755) [OUG-999](https://widergy.atlassian.net/browse/OUG-999)
222
206
 
223
207
  ## [3.136.1](https://github.com/widergy/energy-ui/compare/v3.136.0...v3.136.1) (2026-02-05)
224
208
 
209
+ ### Novedades y Mejoras
225
210
 
226
- ### Bug Fixes
227
-
228
- * [AXCH-9999] ci 3 ([#760](https://github.com/widergy/energy-ui/issues/760)) ([0ed5ff6](https://github.com/widergy/energy-ui/commit/0ed5ff6545e24a320d1bfa87c4cccc599f5f0cf8))
229
- * ci configs ([#758](https://github.com/widergy/energy-ui/issues/758)) ([d48c6c6](https://github.com/widergy/energy-ui/commit/d48c6c6c4a76f905e35c42b1b013d7f0ff750e5d))
230
- * more ci problemillas ([#759](https://github.com/widergy/energy-ui/issues/759)) ([460633c](https://github.com/widergy/energy-ui/commit/460633cb89f77a239da44e5d38ca16d4a2fb026f))
211
+ * Mejoras internas de la plataforma. [#758](https://github.com/widergy/Energy-UI/pull/758) [#759](https://github.com/widergy/Energy-UI/pull/759) [#760](https://github.com/widergy/Energy-UI/pull/760) [AXCH-9999](https://widergy.atlassian.net/browse/AXCH-9999)
231
212
 
232
213
  # [3.136.0](https://github.com/widergy/energy-ui/compare/v3.135.0...v3.136.0) (2026-02-05)
233
214
 
215
+ ### Novedades y Mejoras
234
216
 
235
- ### Features
236
-
237
- * status component for cases ([#757](https://github.com/widergy/energy-ui/issues/757)) ([712d283](https://github.com/widergy/energy-ui/commit/712d28382895d4dbcd9ec3f2b141d8dab1689648))
217
+ * Se mejoró el componente de estado para casos, incorporando nuevas opciones de presentación visual y mayor flexibilidad en su configuración. [#757](https://github.com/widergy/Energy-UI/pull/757) [AXCH-1214](https://widergy.atlassian.net/browse/AXCH-1214)
238
218
 
239
219
  # [3.135.0](https://github.com/widergy/energy-ui/compare/v3.134.0...v3.135.0) (2026-02-04)
240
220
 
221
+ ### Correcciones
241
222
 
242
- ### Bug Fixes
243
-
244
- * [AXCH-799] new build step ([#743](https://github.com/widergy/energy-ui/issues/743)) ([b637fbc](https://github.com/widergy/energy-ui/commit/b637fbc0f5246d2c411905a0e5cdf1301b25f173))
245
- * ci version ([102a74f](https://github.com/widergy/energy-ui/commit/102a74f03b4cab60cec619d565e1966d374fe30a))
246
-
247
-
248
- ### Features
249
-
250
- * [BRILLA-213] dynamic height in UTDataElement ([#754](https://github.com/widergy/energy-ui/issues/754)) ([6e4d4d5](https://github.com/widergy/energy-ui/commit/6e4d4d55caad3dbe18b4fe22c2b352511bef11e4))
223
+ * Se corrigió un problema que cortaba el contenido de ciertos elementos expandibles cuando su altura variaba dinámicamente. [#754](https://github.com/widergy/Energy-UI/pull/754) [BRILLA-213](https://widergy.atlassian.net/browse/BRILLA-213)
224
+ * Mejoras internas de la plataforma. [#743](https://github.com/widergy/Energy-UI/pull/743) [`102a74f`](https://github.com/widergy/Energy-UI/commit/102a74f) [AXCH-799](https://widergy.atlassian.net/browse/AXCH-799)
251
225
 
252
226
  # [3.134.0](https://github.com/widergy/energy-ui/compare/v3.133.1...v3.134.0) (2026-02-04)
253
227
 
228
+ ### Novedades y Mejoras
254
229
 
255
- ### Features
256
-
257
- * [AXCH-799] sb tests in gh actions ([#747](https://github.com/widergy/energy-ui/issues/747)) ([cee8893](https://github.com/widergy/energy-ui/commit/cee88936ce45c771dddaed880e8f4f0e45958f93))
230
+ * Mejoras internas de la plataforma. [#747](https://github.com/widergy/Energy-UI/pull/747) [AXCH-799](https://widergy.atlassian.net/browse/AXCH-799)
258
231
 
259
232
  ## [3.133.1](https://github.com/widergy/energy-ui/compare/v3.133.0...v3.133.1) (2026-01-27)
260
233
 
234
+ ### Correcciones
261
235
 
262
- ### Bug Fixes
263
-
264
- * fieldLabel position + styles ([#752](https://github.com/widergy/energy-ui/issues/752)) ([ad061cd](https://github.com/widergy/energy-ui/commit/ad061cdcc73b4a328bad289cb63a280ab66e5f08))
236
+ * Se corrigió un problema que impedía observar campos de adjuntos vacíos en la gestión de trámites. Ahora la acción está disponible independientemente de si el campo tiene archivos cargados o no. [#752](https://github.com/widergy/Energy-UI/pull/752) [UGOVAES-1134](https://widergy.atlassian.net/browse/UGOVAES-1134)
265
237
 
266
238
  # [3.133.0](https://github.com/widergy/energy-ui/compare/v3.132.0...v3.133.0) (2026-01-26)
267
239
 
240
+ ### Novedades y Mejoras
268
241
 
269
- ### Features
270
-
271
- * add custom header button ([#751](https://github.com/widergy/energy-ui/issues/751)) ([6cffe83](https://github.com/widergy/energy-ui/commit/6cffe8347014cdac18fee9270bb4a21f8dba275b))
242
+ * Se agregó la posibilidad de incorporar un componente personalizado en el encabezado de la aplicación, junto a las acciones existentes. [#751](https://github.com/widergy/Energy-UI/pull/751) [AXCH-1206](https://widergy.atlassian.net/browse/AXCH-1206)
272
243
 
273
244
  # [3.132.0](https://github.com/widergy/energy-ui/compare/v3.131.0...v3.132.0) (2026-01-26)
274
245
 
246
+ ### Novedades y Mejoras
275
247
 
276
- ### Features
277
-
278
- * [OUG] label tokens ([#748](https://github.com/widergy/energy-ui/issues/748)) ([5c122d4](https://github.com/widergy/energy-ui/commit/5c122d43e8d3b61839211bb97424cea1af300f76))
248
+ * Se incorporaron opciones de personalización visual para las etiquetas de texto, permitiendo adaptar su apariencia de forma más flexible. [#748](https://github.com/widergy/Energy-UI/pull/748) [OUG-999](https://widergy.atlassian.net/browse/OUG-999)
279
249
 
280
250
  # [3.131.0](https://github.com/widergy/energy-ui/compare/v3.130.1...v3.131.0) (2026-01-22)
281
251
 
252
+ ### Correcciones
282
253
 
283
- ### Features
284
-
285
- * adjust height ([#750](https://github.com/widergy/energy-ui/issues/750)) ([b1732b7](https://github.com/widergy/energy-ui/commit/b1732b75e1f4b2025567a4594641a3f84089341b))
254
+ * Se corrigió la visualización de las barras en los gráficos, que ahora se muestran con la altura correcta. [#750](https://github.com/widergy/Energy-UI/pull/750) [EVEP-353](https://widergy.atlassian.net/browse/EVEP-353)
286
255
 
287
256
  ## [3.130.1](https://github.com/widergy/energy-ui/compare/v3.130.0...v3.130.1) (2026-01-19)
288
257
 
258
+ ### Correcciones
289
259
 
290
- ### Bug Fixes
291
-
292
- * [CX-1777] dropdown options aligned to right ([#749](https://github.com/widergy/energy-ui/issues/749)) ([d081563](https://github.com/widergy/energy-ui/commit/d081563f1ac8358d4749c877f8205387d7bced3c))
260
+ * Se corrigió la alineación del texto en los menús desplegables, que aparecía desplazado hacia la derecha en lugar de mostrarse correctamente a la izquierda. [#749](https://github.com/widergy/Energy-UI/pull/749) [CX-1777](https://widergy.atlassian.net/browse/CX-1777)
293
261
 
294
262
  # [3.130.0](https://github.com/widergy/energy-ui/compare/v3.129.1...v3.130.0) (2026-01-14)
295
263
 
264
+ ### Novedades y Mejoras
296
265
 
297
- ### Bug Fixes
298
-
299
- * removes tests temporarily ([638f77d](https://github.com/widergy/energy-ui/commit/638f77dc7f21ecf16e18492c32afb3d1d47190f1))
300
-
301
-
302
- ### Features
303
-
304
- * [UGOVAES-1112] add observable field support to UTAttachmentList ([#742](https://github.com/widergy/energy-ui/issues/742)) ([0edc962](https://github.com/widergy/energy-ui/commit/0edc962dd27e4e7f95ad1e7a1347bc76ab6c27a9))
266
+ * El componente de adjuntos ahora puede ser observado y validado dentro de formularios, mejorando la experiencia al gestionar documentos adjuntos. [#742](https://github.com/widergy/Energy-UI/pull/742) [UGOVAES-1112](https://widergy.atlassian.net/browse/UGOVAES-1112)
267
+ * Mejoras internas de la plataforma. [`638f77d`](https://github.com/widergy/Energy-UI/commit/638f77d)
305
268
 
306
269
  ## [3.129.1](https://github.com/widergy/energy-ui/compare/v3.129.0...v3.129.1) (2026-01-14)
307
270
 
271
+ ### Correcciones
308
272
 
309
- ### Bug Fixes
310
-
311
- * added missing import ([#746](https://github.com/widergy/energy-ui/issues/746)) ([57c3e78](https://github.com/widergy/energy-ui/commit/57c3e784f1ab7b0a8abafc1d3beb6efc84245664))
273
+ * Mejoras internas de la plataforma [#746](https://github.com/widergy/Energy-UI/pull/746) [PDI-563](https://widergy.atlassian.net/browse/PDI-563)
312
274
 
313
275
  # [3.129.0](https://github.com/widergy/energy-ui/compare/v3.128.2...v3.129.0) (2026-01-13)
314
276
 
277
+ ### Novedades y Mejoras
315
278
 
316
- ### Bug Fixes
279
+ * Mejoras internas de la plataforma [#744](https://github.com/widergy/Energy-UI/pull/744) [OUG-999](https://widergy.atlassian.net/browse/OUG-999)
317
280
 
318
- * [EVEP-310] barchart linear tooltip ([#741](https://github.com/widergy/energy-ui/issues/741)) ([3bc6fbc](https://github.com/widergy/energy-ui/commit/3bc6fbc9049fa515406aea6666c0faa21162f073))
319
- * [EVEP-310] fix ([#745](https://github.com/widergy/energy-ui/issues/745)) ([f0f47b0](https://github.com/widergy/energy-ui/commit/f0f47b0aa9e7d21bb1b31a8a499b4265afe4a8f6))
281
+ ### Correcciones
320
282
 
321
-
322
- ### Features
323
-
324
- * [OUG] useCSSvariables ([#744](https://github.com/widergy/energy-ui/issues/744)) ([d7d678e](https://github.com/widergy/energy-ui/commit/d7d678e83c8afbe12785a2299bc88f2be8bf2c9b))
283
+ * Se corrigió la visualización de tooltips en gráficos de líneas: ahora se muestran correctamente en los puntos del gráfico cuando están configurados para ello. [#741](https://github.com/widergy/Energy-UI/pull/741) [#745](https://github.com/widergy/Energy-UI/pull/745) [EVEP-310](https://widergy.atlassian.net/browse/EVEP-310)
325
284
 
326
285
  ## [3.128.2](https://github.com/widergy/energy-ui/compare/v3.128.1...v3.128.2) (2026-01-09)
327
286
 
287
+ ### Correcciones
328
288
 
329
- ### Bug Fixes
330
-
331
- * [AXCH-799] block tests in CI ([#734](https://github.com/widergy/energy-ui/issues/734)) ([1ef1d75](https://github.com/widergy/energy-ui/commit/1ef1d75213c36e899f97b6f85aaa39b2cb0157a5))
289
+ * Mejoras internas de la plataforma. [#734](https://github.com/widergy/Energy-UI/pull/734) [AXCH-799](https://widergy.atlassian.net/browse/AXCH-799)
332
290
 
333
291
  ## [3.128.1](https://github.com/widergy/energy-ui/compare/v3.128.0...v3.128.1) (2026-01-07)
334
292
 
293
+ ### Correcciones
335
294
 
336
- ### Bug Fixes
337
-
338
- * checkbox ([#740](https://github.com/widergy/energy-ui/issues/740)) ([4a53159](https://github.com/widergy/energy-ui/commit/4a53159bac6e9b7f34ed40efd6f933436dc798ba))
295
+ * Se corrigió la alineación de los checkboxes cuando el texto asociado ocupa más de una línea. [#740](https://github.com/widergy/Energy-UI/pull/740) [OUG-999](https://widergy.atlassian.net/browse/OUG-999)
339
296
 
340
297
  # [3.128.0](https://github.com/widergy/energy-ui/compare/v3.127.0...v3.128.0) (2026-01-07)
341
298
 
299
+ ### Novedades y Mejoras
342
300
 
343
- ### Features
344
-
345
- * [AXCH-842] uticon and utselectable card features ([#729](https://github.com/widergy/energy-ui/issues/729)) ([0874a52](https://github.com/widergy/energy-ui/commit/0874a52d6973e0e21245c9a1bc730ceb4232cef7))
301
+ * Los íconos ahora admiten colores de fondo personalizados, y las tarjetas seleccionables incorporan soporte para mostrar avatares, ofreciendo mayor flexibilidad visual en la interfaz. [#729](https://github.com/widergy/Energy-UI/pull/729) [AXCH-842](https://widergy.atlassian.net/browse/AXCH-842)
346
302
 
347
303
  # [3.127.0](https://github.com/widergy/energy-ui/compare/v3.126.0...v3.127.0) (2026-01-06)
348
304
 
305
+ ### Novedades y Mejoras
349
306
 
350
- ### Features
351
-
352
- * [PDI-564] citation chips ([#739](https://github.com/widergy/energy-ui/issues/739)) ([e8259c5](https://github.com/widergy/energy-ui/commit/e8259c56f2b378680bd893fb571984d7fedc2060))
307
+ * Las citas y referencias dentro de los mensajes ahora se muestran como etiquetas visuales interactivas, mejorando la legibilidad y la experiencia al consultar documentos vinculados. [#739](https://github.com/widergy/Energy-UI/pull/739) [PDI-564](https://widergy.atlassian.net/browse/PDI-564)
353
308
 
354
309
  # [3.126.0](https://github.com/widergy/energy-ui/compare/v3.125.1...v3.126.0) (2025-12-17)
355
310
 
package/dist/components/UTDotMenu/README.md ADDED
@@ -0,0 +1,112 @@
1
+ # UTDotMenu
2
+
3
+ Botón de tres puntos verticales que despliega un menú de opciones. Soporta ícono y color de texto por ítem, lo que permite marcar acciones destructivas (ej: "Eliminar") con color negativo. El ícono del botón trigger también es configurable.
4
+
5
+ ## Props
6
+
7
+ | Prop | Type | Default | Description |
8
+ |------|------|---------|-------------|
9
+ | `className` | `string` | `undefined` | Clase CSS aplicada al contenedor raíz. |
10
+ | `classNames` | `shape({ button, icon })` | `{}` | Clases personalizadas para el botón trigger. |
11
+ | `Icon` | `elementType \| string` | `MoreVertIcon` | Ícono del botón trigger. Acepta un componente React o un nombre de ícono de Tabler (ej: `'IconDotsVertical'`). |
12
+ | `menuItemProps` | `object` | `undefined` | Props pasadas a cada `MenuItem` de MUI. Útil para sobreescribir estilos (ej: `{ style: { minHeight: 'auto' } }`). |
13
+ | `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`. |
14
+ | `options` | `arrayOf(shape)` | `undefined` | Array de opciones del menú. Ver estructura abajo. |
15
+ | `size` | `string` | `undefined` | Tamaño del botón trigger. Se pasa directamente a `UTButton` (ej: `'small'`, `'medium'`). |
16
+
17
+ ### Estructura de `options`
18
+
19
+ Cada objeto del array puede contener:
20
+
21
+ | Campo | Type | Required | Description |
22
+ |-------|------|----------|-------------|
23
+ | `name` | `string` | ✅ | Texto que se muestra en el ítem. |
24
+ | `onPress` | `func` | ✅ | Callback ejecutado al hacer click en el ítem. |
25
+ | `colorTheme` | `string` | — | Color del texto e ícono del ítem (ej: `'error'` para rojo). Si se omite, usa el color por defecto del tema. |
26
+ | `icon` | `string` | — | Nombre de ícono para `UTIcon` (ej: `'IconPencil'`, `'IconTrash'`). Si se omite, no se renderiza ícono. |
27
+ | `iconProps` | `object` | — | Props adicionales pasadas directamente a `UTIcon` (ej: `size`, `shade`, `fillTheme`). Si incluye `colorTheme`, sobreescribe el color del ícono sin afectar el texto. |
28
+
29
+ ## Ejemplos
30
+
31
+ ### Uso básico (sin íconos)
32
+
33
+ ```jsx
34
+ <UTDotMenu
35
+ options={[
36
+ { name: 'Editar', onPress: handleEdit },
37
+ { name: 'Duplicar', onPress: handleDuplicate },
38
+ { name: 'Eliminar', onPress: handleDelete }
39
+ ]}
40
+ />
41
+ ```
42
+
43
+ ### Con íconos y acción destructiva
44
+
45
+ ```jsx
46
+ <UTDotMenu
47
+ options={[
48
+ { name: 'Editar', onPress: handleEdit, icon: 'IconPencil' },
49
+ { name: 'Duplicar', onPress: handleDuplicate, icon: 'IconCopy' },
50
+ { name: 'Eliminar', onPress: handleDelete, icon: 'IconTrash', colorTheme: 'error' }
51
+ ]}
52
+ />
53
+ ```
54
+
55
+ ### Tamaño small y min-height removido
56
+
57
+ ```jsx
58
+ <UTDotMenu
59
+ size="small"
60
+ menuItemProps={{ style: { minHeight: 'auto' } }}
61
+ options={[
62
+ { name: 'Editar', onPress: handleEdit, icon: 'IconPencil' },
63
+ { name: 'Eliminar', onPress: handleDelete, icon: 'IconTrash', colorTheme: 'error' }
64
+ ]}
65
+ />
66
+ ```
67
+
68
+ ### Border radius personalizado en el menu
69
+
70
+ ```jsx
71
+ <UTDotMenu
72
+ menuProps={{ PaperProps: { style: { borderRadius: 4 } } }}
73
+ options={[...]}
74
+ />
75
+ ```
76
+
77
+ ### Con `iconProps` para personalizar el ícono
78
+
79
+ ```jsx
80
+ <UTDotMenu
81
+ options={[
82
+ { name: 'Editar', onPress: handleEdit, icon: 'IconPencil', iconProps: { size: 20 } },
83
+ { name: 'Eliminar', onPress: handleDelete, icon: 'IconTrash', colorTheme: 'error' }
84
+ ]}
85
+ />
86
+ ```
87
+
88
+ ### Con ícono trigger personalizado
89
+
90
+ ```jsx
91
+ import MoreHorizIcon from '@material-ui/icons/MoreHoriz';
92
+
93
+ <UTDotMenu
94
+ Icon={MoreHorizIcon}
95
+ options={[
96
+ { name: 'Editar', onPress: handleEdit },
97
+ { name: 'Eliminar', onPress: handleDelete, colorTheme: 'error' }
98
+ ]}
99
+ />
100
+ ```
101
+
102
+ ## Notas
103
+
104
+ - `colorTheme` es resuelto internamente por `UTLabel` y `UTIcon`, que adaptan el color al palette del tema activo del cliente. Funciona en los 14 temas sin hardcodear valores hex.
105
+ - `iconProps` se spreadia directamente a `UTIcon`, por lo que acepta cualquier prop válida del componente.
106
+ - Las opciones sin `icon` ni `colorTheme` se comportan igual que en versiones anteriores del componente (backward compatible).
107
+
108
+ ## Componentes relacionados
109
+
110
+ - **UTButton**: Usado internamente para el botón trigger.
111
+ - **UTIcon**: Usado para renderizar el ícono de cada opción.
112
+ - **UTLabel**: Usado para renderizar el texto de cada opción, maneja `colorTheme` internamente.
package/dist/components/UTDotMenu/constants.js ADDED
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.DEFAULT_PROPS = void 0;
7
+ var _MoreVert = _interopRequireDefault(require("@material-ui/icons/MoreVert"));
8
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
9
+ const DEFAULT_PROPS = exports.DEFAULT_PROPS = {
10
+ classNames: {},
11
+ Icon: _MoreVert.default
12
+ };
package/dist/components/UTDotMenu/index.js CHANGED
@@ -4,70 +4,88 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
- var _react = _interopRequireDefault(require("react"));
7
+ var _react = _interopRequireWildcard(require("react"));
8
8
  var _Menu = _interopRequireDefault(require("@material-ui/core/Menu"));
9
9
  var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
10
- var _MoreVert = _interopRequireDefault(require("@material-ui/icons/MoreVert"));
11
10
  var _propTypes = require("prop-types");
12
11
  var _UTButton = _interopRequireDefault(require("../UTButton"));
12
+ var _UTIcon = _interopRequireDefault(require("../UTIcon"));
13
+ var _UTLabel = _interopRequireDefault(require("../UTLabel"));
14
+ var _constants = require("./constants");
15
+ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
13
16
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
14
- function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
15
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
16
- function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
17
- class UTDotMenu extends _react.default.Component {
18
- constructor(props) {
19
- super(props);
20
- _defineProperty(this, "handleClick", event => {
21
- this.setState({
22
- anchorEl: event.currentTarget
23
- });
24
- });
25
- _defineProperty(this, "handleClose", () => {
26
- this.setState({
27
- anchorEl: null
28
- });
29
- });
30
- this.state = {
31
- anchorEl: null
32
- };
33
- }
34
- render() {
35
- const {
36
- anchorEl
37
- } = this.state;
38
- const {
39
- classNames
40
- } = this.props;
41
- return /*#__PURE__*/_react.default.createElement("div", {
42
- className: this.props.className
43
- }, /*#__PURE__*/_react.default.createElement(_UTButton.default, {
44
- classNames: {
45
- icon: classNames.icon,
46
- root: classNames.button
17
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
18
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
19
+ const UTDotMenu = _ref => {
20
+ let {
21
+ className,
22
+ classNames = _constants.DEFAULT_PROPS.classNames,
23
+ Icon = _constants.DEFAULT_PROPS.Icon,
24
+ menuItemProps,
25
+ menuProps,
26
+ options,
27
+ size
28
+ } = _ref;
29
+ const [anchorEl, setAnchorEl] = (0, _react.useState)(null);
30
+ return /*#__PURE__*/_react.default.createElement("div", {
31
+ className: className
32
+ }, /*#__PURE__*/_react.default.createElement(_UTButton.default, {
33
+ classNames: {
34
+ icon: classNames.icon,
35
+ root: classNames.button
36
+ },
37
+ Icon: Icon,
38
+ onClick: event => setAnchorEl(event.currentTarget),
39
+ size: size,
40
+ variant: "text"
41
+ }), /*#__PURE__*/_react.default.createElement(_Menu.default, _extends({
42
+ id: "long-menu",
43
+ anchorEl: anchorEl,
44
+ open: Boolean(anchorEl),
45
+ onClose: () => setAnchorEl(null)
46
+ }, menuProps, {
47
+ PaperProps: {
48
+ style: {
49
+ borderRadius: 'var(--radius-md, 8px)'
47
50
  },
48
- Icon: _MoreVert.default,
49
- onClick: this.handleClick,
50
- variant: "text"
51
- }), /*#__PURE__*/_react.default.createElement(_Menu.default, {
52
- id: "long-menu",
53
- anchorEl: anchorEl,
54
- open: Boolean(anchorEl),
55
- onClose: this.handleClose
56
- }, this.props.options.map(option => /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
57
- key: option.name,
58
- onClick: option.onPress
59
- }, option.name))));
60
- }
61
- }
51
+ ...(menuProps === null || menuProps === void 0 ? void 0 : menuProps.PaperProps)
52
+ }
53
+ }), options.map(option => {
54
+ const {
55
+ colorTheme,
56
+ icon,
57
+ iconProps,
58
+ name,
59
+ onPress
60
+ } = option;
61
+ return /*#__PURE__*/_react.default.createElement(_MenuItem.default, _extends({
62
+ key: name,
63
+ onClick: onPress
64
+ }, menuItemProps), icon && /*#__PURE__*/_react.default.createElement(_UTIcon.default, _extends({
65
+ className: _stylesModule.default.optionIcon,
66
+ colorTheme: colorTheme,
67
+ name: icon
68
+ }, iconProps)), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
69
+ colorTheme: colorTheme
70
+ }, name));
71
+ })));
72
+ };
62
73
  UTDotMenu.propTypes = {
74
+ className: _propTypes.string,
75
+ classNames: (0, _propTypes.shape)({
76
+ button: _propTypes.string,
77
+ icon: _propTypes.string
78
+ }),
79
+ Icon: (0, _propTypes.oneOfType)([_propTypes.elementType, _propTypes.string]),
80
+ menuItemProps: _propTypes.object,
81
+ menuProps: _propTypes.object,
63
82
  options: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
83
+ colorTheme: _propTypes.string,
84
+ icon: _propTypes.string,
85
+ iconProps: _propTypes.object,
64
86
  name: _propTypes.string,
65
87
  onPress: _propTypes.func
66
88
  })),
67
- className: _propTypes.string,
68
- classNames: (0, _propTypes.shape)({
69
- icon: _propTypes.string,
70
- button: _propTypes.string
71
- })
89
+ size: _propTypes.string
72
90
  };
73
91
  var _default = exports.default = UTDotMenu;
package/dist/components/UTDotMenu/stories/UTDotMenu.mdx ADDED
@@ -0,0 +1,13 @@
1
+ import { ArgTypes, Canvas, Description, Meta, Title } from '@storybook/blocks';
2
+
3
+ import * as UTDotMenuStories from './UTDotMenu.stories.js';
4
+
5
+ <Meta of={UTDotMenuStories} />
6
+
7
+ <Title>UTDotMenu</Title>
8
+
9
+ <Description of={UTDotMenuStories} />
10
+
11
+ <Canvas of={UTDotMenuStories.Playground} withToolbar />
12
+
13
+ <ArgTypes exclude={['classes', 'theme']} />
package/dist/components/UTDotMenu/stories/UTDotMenu.stories.js ADDED
@@ -0,0 +1,271 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = exports.Small = exports.Playground = exports.IconoPersonalizado = exports.Default = exports.ConIconos = exports.ConIconProps = exports.AccionDestructiva = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _ = _interopRequireDefault(require(".."));
9
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
10
+ /* eslint-disable no-alert */
11
+
12
+ const BASIC_OPTIONS = [{
13
+ name: 'Editar',
14
+ onPress: () => alert('Editar')
15
+ }, {
16
+ name: 'Duplicar',
17
+ onPress: () => alert('Duplicar')
18
+ }, {
19
+ name: 'Eliminar',
20
+ onPress: () => alert('Eliminar')
21
+ }];
22
+ const OPTIONS_WITH_ICONS = [{
23
+ name: 'Editar',
24
+ onPress: () => alert('Editar'),
25
+ icon: 'IconPencil'
26
+ }, {
27
+ name: 'Duplicar',
28
+ onPress: () => alert('Duplicar'),
29
+ icon: 'IconCopy'
30
+ }, {
31
+ name: 'Eliminar',
32
+ onPress: () => alert('Eliminar'),
33
+ icon: 'IconTrash',
34
+ colorTheme: 'error'
35
+ }];
36
+ var _default = exports.default = {
37
+ args: {
38
+ options: BASIC_OPTIONS
39
+ },
40
+ argTypes: {
41
+ className: {
42
+ control: 'text',
43
+ description: 'Clase CSS aplicada al contenedor raíz.',
44
+ table: {
45
+ defaultValue: {
46
+ summary: 'undefined'
47
+ },
48
+ type: {
49
+ summary: 'string'
50
+ }
51
+ }
52
+ },
53
+ classNames: {
54
+ control: false,
55
+ description: 'Clases personalizadas para el botón trigger. Acepta `button` e `icon`.',
56
+ table: {
57
+ defaultValue: {
58
+ summary: '{}'
59
+ },
60
+ type: {
61
+ summary: 'shape({ button: string, icon: string })'
62
+ }
63
+ }
64
+ },
65
+ Icon: {
66
+ control: 'text',
67
+ 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).',
68
+ table: {
69
+ defaultValue: {
70
+ summary: 'MoreVertIcon'
71
+ },
72
+ type: {
73
+ summary: 'elementType | string'
74
+ }
75
+ }
76
+ },
77
+ menuItemProps: {
78
+ control: false,
79
+ description: 'Props pasadas a cada `MenuItem` de MUI. Útil para sobreescribir estilos como `minHeight` (ej: `{ style: { minHeight: "auto" } }`).',
80
+ table: {
81
+ defaultValue: {
82
+ summary: 'undefined'
83
+ },
84
+ type: {
85
+ summary: 'object'
86
+ }
87
+ }
88
+ },
89
+ menuProps: {
90
+ control: false,
91
+ description: 'Props pasadas al `Menu` de MUI. El Paper tiene `borderRadius: 8px` por defecto, sobreescribible vía `menuProps.PaperProps`.',
92
+ table: {
93
+ defaultValue: {
94
+ summary: 'undefined'
95
+ },
96
+ type: {
97
+ summary: 'object'
98
+ }
99
+ }
100
+ },
101
+ options: {
102
+ control: false,
103
+ description: 'Array de opciones del menú. Cada opción puede incluir `icon`, `colorTheme` e `iconProps` para pasar props extra a UTIcon.',
104
+ table: {
105
+ defaultValue: {
106
+ summary: 'undefined'
107
+ },
108
+ type: {
109
+ summary: 'arrayOf(shape({ name, onPress, colorTheme?, icon?, iconProps? }))'
110
+ }
111
+ }
112
+ },
113
+ size: {
114
+ control: 'inline-radio',
115
+ description: 'Tamaño del botón trigger. Se pasa directamente a UTButton.',
116
+ options: ['xs', 'small', 'medium', 'large'],
117
+ table: {
118
+ defaultValue: {
119
+ summary: 'undefined'
120
+ },
121
+ type: {
122
+ summary: 'string'
123
+ }
124
+ }
125
+ }
126
+ },
127
+ component: _.default,
128
+ parameters: {
129
+ docs: {
130
+ description: {
131
+ component: 'Botón de tres puntos que despliega un menú de opciones. Cada opción acepta un ícono (UTIcon) y un colorTheme para el texto, ' + 'lo que permite marcar ítems destructivos (como "Eliminar") con color negativo. ' + 'El ícono del botón trigger también es configurable.'
132
+ }
133
+ }
134
+ },
135
+ title: 'Energy-UI/UTDotMenu'
136
+ };
137
+ const Playground = exports.Playground = {
138
+ args: {
139
+ options: [{
140
+ name: 'Editar',
141
+ icon: 'IconPencil'
142
+ }, {
143
+ name: 'Duplicar',
144
+ icon: 'IconCopy'
145
+ }, {
146
+ name: 'Eliminar',
147
+ icon: 'IconTrash',
148
+ colorTheme: 'error'
149
+ }]
150
+ },
151
+ name: 'Playground'
152
+ };
153
+ const Default = exports.Default = {
154
+ args: {
155
+ options: BASIC_OPTIONS
156
+ },
157
+ name: 'Default',
158
+ parameters: {
159
+ docs: {
160
+ description: {
161
+ story: 'Uso básico: opciones sin ícono ni colorTheme. Comportamiento idéntico a la versión anterior del componente.'
162
+ }
163
+ }
164
+ }
165
+ };
166
+ const ConIconos = exports.ConIconos = {
167
+ args: {
168
+ options: OPTIONS_WITH_ICONS
169
+ },
170
+ name: 'Con íconos',
171
+ parameters: {
172
+ docs: {
173
+ description: {
174
+ story: 'Opciones con ícono a la izquierda del texto. El último ítem usa `colorTheme: "error"` para indicar una acción destructiva.'
175
+ }
176
+ }
177
+ }
178
+ };
179
+ const AccionDestructiva = exports.AccionDestructiva = {
180
+ args: {
181
+ options: [{
182
+ name: 'Ver detalle',
183
+ icon: 'IconEye'
184
+ }, {
185
+ name: 'Editar',
186
+ icon: 'IconPencil'
187
+ }, {
188
+ name: 'Eliminar',
189
+ icon: 'IconTrash',
190
+ colorTheme: 'error'
191
+ }]
192
+ },
193
+ name: 'Acción destructiva',
194
+ parameters: {
195
+ docs: {
196
+ description: {
197
+ story: '`colorTheme: "error"` aplica el color destructivo del tema activo al texto y al ícono del ítem. ' + 'El color es resuelto internamente por `UTLabel` y `UTIcon`, adaptándose a los 14 temas de cliente.'
198
+ }
199
+ }
200
+ }
201
+ };
202
+ const Small = exports.Small = {
203
+ args: {
204
+ menuItemProps: {
205
+ style: {
206
+ minHeight: 'auto'
207
+ }
208
+ },
209
+ options: OPTIONS_WITH_ICONS,
210
+ size: 'small'
211
+ },
212
+ name: 'Small',
213
+ parameters: {
214
+ docs: {
215
+ description: {
216
+ story: '`size="small"` reduce el botón trigger. `menuItemProps={{ style: { minHeight: "auto" } }}` elimina el `min-height: 48px` que MUI aplica a los ítems en pantallas de 600px+.'
217
+ }
218
+ }
219
+ }
220
+ };
221
+ const ConIconProps = exports.ConIconProps = {
222
+ args: {
223
+ options: [{
224
+ name: 'Editar',
225
+ icon: 'IconPencil',
226
+ iconProps: {
227
+ size: 20
228
+ }
229
+ }, {
230
+ name: 'Duplicar',
231
+ icon: 'IconCopy',
232
+ iconProps: {
233
+ size: 20
234
+ }
235
+ }, {
236
+ name: 'Eliminar',
237
+ icon: 'IconTrash',
238
+ colorTheme: 'error',
239
+ iconProps: {
240
+ size: 20
241
+ }
242
+ }]
243
+ },
244
+ name: 'Con iconProps',
245
+ parameters: {
246
+ docs: {
247
+ description: {
248
+ story: '`iconProps` permite pasar props extra directamente a `UTIcon` (ej: `size`, `shade`, `fillTheme`). ' + 'Si `iconProps` incluye `colorTheme`, sobreescribe el color del ícono sin afectar el color del texto.'
249
+ }
250
+ }
251
+ }
252
+ };
253
+ const IconoPersonalizado = exports.IconoPersonalizado = {
254
+ args: {
255
+ Icon: () => /*#__PURE__*/_react.default.createElement("span", {
256
+ style: {
257
+ fontSize: 20,
258
+ lineHeight: 1
259
+ }
260
+ }, "\u22EF"),
261
+ options: BASIC_OPTIONS
262
+ },
263
+ name: 'Ícono trigger personalizado',
264
+ parameters: {
265
+ docs: {
266
+ description: {
267
+ story: 'La prop `Icon` permite reemplazar el ícono de tres puntos por cualquier componente. ' + 'Por defecto usa `MoreVertIcon` de Material-UI.'
268
+ }
269
+ }
270
+ }
271
+ };
package/dist/components/UTDotMenu/styles.module.scss ADDED
@@ -0,0 +1,3 @@
1
+ .optionIcon {
2
+ margin-right: var(--gap-sm);
3
+ }
package/dist/components/UTIcon/components/EnergyIcons/EnergyIconCreditCardsFilled.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="20" height="20" stroke="none" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M13.1717 4.39056L13.9953 5.81702C14.0011 5.82698 14.0066 5.83701 14.0119 5.84711H16.772C18.0948 5.84711 19.1671 6.91943 19.1671 8.24222V13.3546C19.1671 14.6774 18.0948 15.7497 16.772 15.7497H8.36524L8.34142 15.7496L7.09856 16.4671C5.90521 17.1561 4.33328 16.8323 3.6262 15.6076L1.15543 11.3282C0.448341 10.1035 0.953913 8.5802 2.14727 7.89124L9.69933 3.53105C10.8926 2.84209 12.4646 3.16583 13.1717 4.39056ZM11.7283 5.22388L12.0882 5.84711H9.02114L9.55456 5.53914L10.5327 4.97442C10.8494 4.79156 11.1852 4.80744 11.434 4.94235C11.5583 5.00978 11.6608 5.10694 11.7283 5.22388ZM2.9806 9.33461L6.07169 7.54997C6.00564 7.76912 5.97013 8.00152 5.97013 8.24222V13.3546C5.97013 13.9334 6.17545 14.4642 6.51721 14.8783L6.26524 15.0238C5.79023 15.298 5.2722 15.1252 5.06957 14.7743L2.5988 10.4948C2.39617 10.1439 2.5056 9.60884 2.9806 9.33461ZM8.36524 7.51377C7.96293 7.51377 7.6368 7.83991 7.6368 8.24222V8.62705H17.5004V8.24222C17.5004 7.83991 17.1743 7.51377 16.772 7.51377H8.36524ZM17.5004 10.2937H7.6368V13.3546C7.6368 13.7569 7.96293 14.083 8.36524 14.083H16.772C17.1743 14.083 17.5004 13.7569 17.5004 13.3546V10.2937Z"/>
3
+ </svg>
package/dist/components/UTIcon/constants.js CHANGED
@@ -359,6 +359,20 @@ EnergyIconPresentationFilled.defaultProps = {
359
359
  fill: "currentColor",
360
360
  className: "icon icon-tabler icons-tabler-filled icon-tabler-presentation"
361
361
  };
362
+ var EnergyIconCreditCardsFilled = function EnergyIconCreditCardsFilled(props) {
363
+ return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
364
+ fillRule: "evenodd",
365
+ clipRule: "evenodd",
366
+ d: "m13.172 4.39.823 1.427.017.03h2.76a2.395 2.395 0 0 1 2.395 2.395v5.113a2.395 2.395 0 0 1-2.395 2.395H8.341l-1.242.717c-1.194.69-2.766.365-3.473-.86l-2.47-4.279c-.708-1.224-.202-2.748.991-3.437L9.7 3.531c1.194-.689 2.766-.365 3.473.86Zm-1.444.834.36.623H9.021l.534-.308.978-.565a.916.916 0 0 1 .901-.032.75.75 0 0 1 .294.282Zm-8.747 4.11L6.07 7.55c-.065.22-.1.452-.1.692v5.113c0 .578.204 1.11.546 1.523l-.252.146c-.475.274-.993.101-1.195-.25l-2.471-4.28c-.203-.35-.093-.885.382-1.16Zm5.384-1.82a.728.728 0 0 0-.728.728v.385H17.5v-.385a.728.728 0 0 0-.728-.728H8.365Zm9.135 2.78H7.637v3.06c0 .403.326.729.728.729h8.407a.728.728 0 0 0 .728-.728v-3.061Z"
367
+ }));
368
+ };
369
+ EnergyIconCreditCardsFilled.defaultProps = {
370
+ width: "20",
371
+ height: "20",
372
+ fill: "currentColor",
373
+ viewBox: "0 0 20 20",
374
+ xmlns: "http://www.w3.org/2000/svg"
375
+ };
362
376
  const FILLED_ICON_COLOR = exports.FILLED_ICON_COLOR = 'transparent';
363
377
  const DEFAULT_INTERNAL_SHADE = exports.DEFAULT_INTERNAL_SHADE = _Palette.COLOR_SHADES.shade02;
364
378
  const DEFAULT_COLOR_THEME = exports.DEFAULT_COLOR_THEME = _Palette.COLOR_THEMES.dark;
@@ -385,5 +399,6 @@ const ENERGY_ICONS = exports.ENERGY_ICONS = {
385
399
  EnergyIconConsumptionBoxMinusFilled,
386
400
  EnergyIconFlameFilled,
387
401
  EnergyIconBoltFilled,
388
- EnergyIconPresentationFilled
402
+ EnergyIconPresentationFilled,
403
+ EnergyIconCreditCardsFilled
389
404
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@widergy/energy-ui",
3
- "version": "3.150.0",
3
+ "version": "3.152.0",
4
4
  "description": "Widergy Web Components",
5
5
  "author": "widergy",
6
6
  "license": "MIT",