@imj_media/ui 1.2.34 → 1.2.35
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.
- package/CHANGELOG.md +30 -0
- package/dist/index.css +1 -1
- package/dist/index.esm.js +5212 -5163
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +9 -9
- package/dist/index.js.map +1 -1
- package/dist/modules/InnerButton/index.d.ts +1 -1
- package/dist/modules/InnerButton/index.d.ts.map +1 -1
- package/dist/modules/InnerButton/stories/InnerButton.stories.d.ts +6 -0
- package/dist/modules/InnerButton/stories/InnerButton.stories.d.ts.map +1 -1
- package/dist/shared/types/button.d.ts +2 -0
- package/dist/shared/types/button.d.ts.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,36 @@ Todos los cambios notables de este proyecto serán documentados en este archivo.
|
|
|
5
5
|
El formato está basado en [Keep a Changelog](https://keepachangelog.com/es-ES/1.0.0/),
|
|
6
6
|
y este proyecto adhiere a [Semantic Versioning](https://semver.org/lang/es/).
|
|
7
7
|
|
|
8
|
+
## [1.2.35] - 2026-02-04
|
|
9
|
+
|
|
10
|
+
### Added
|
|
11
|
+
- **InnerButton - HoverText con Gestión Inteligente de Ancho**: Nueva funcionalidad para cambiar el texto al hacer hover con gestión automática del ancho
|
|
12
|
+
- Nueva prop `hoverText` que permite mostrar un texto diferente al hacer hover sobre el botón
|
|
13
|
+
- Solo funciona cuando el badge termina de cargar (`badgeLoading` cambia de `true` a `false`)
|
|
14
|
+
- El componente mantiene un estado interno que rastrea el tamaño máximo de los textos (children y hoverText)
|
|
15
|
+
- El ancho del botón se ajusta automáticamente al texto más largo y nunca se reduce una vez establecido
|
|
16
|
+
- Si el texto inicial tiene 5 caracteres y el hoverText tiene 7, el botón se ajusta a 7 caracteres
|
|
17
|
+
- Si el texto inicial tiene 7 caracteres y el hoverText tiene 5, el botón mantiene 7 caracteres
|
|
18
|
+
- El cambio de texto ocurre al hacer hover sobre el botón
|
|
19
|
+
- Optimizado con memoización para evitar re-renders innecesarios
|
|
20
|
+
- El recálculo del ancho solo ocurre cuando: `children` cambia, `hoverText` cambia, o `badgeLoading` se activa
|
|
21
|
+
- Funciona con todos los tamaños de botón (xs, sm, md, lg) y con iconos
|
|
22
|
+
- Nuevas stories en Storybook:
|
|
23
|
+
- `HoverTextShortInitial`: Texto inicial corto → hoverText largo
|
|
24
|
+
- `HoverTextLongInitial`: Texto inicial largo → hoverText corto
|
|
25
|
+
- `HoverTextDifferentSizes`: Diferentes tamaños de botón
|
|
26
|
+
- `HoverTextWithoutLoading`: Demuestra que no funciona sin badgeLoading
|
|
27
|
+
- `HoverTextMultipleScenarios`: Múltiples escenarios en una sola historia
|
|
28
|
+
- `HoverTextWithIcons`: Funcionalidad con diferentes tipos de iconos (string, Font Awesome, duotone, slots)
|
|
29
|
+
|
|
30
|
+
### Changed
|
|
31
|
+
- **InnerButton - Optimizaciones de Rendimiento**: Mejoras en el rendimiento del componente
|
|
32
|
+
- Funciones `handleMouseEnter` y `handleMouseLeave` memoizadas con `useCallback`
|
|
33
|
+
- Valores calculados memoizados con `useMemo` (`displayText`, `childrenText`, `hoverTextValue`, `textStyle`)
|
|
34
|
+
- Optimización del `useEffect` de medición para evitar loops infinitos
|
|
35
|
+
- Uso de función de actualización en `setMaxTextWidth` para evitar dependencias innecesarias
|
|
36
|
+
- Reducción significativa de re-renders innecesarios
|
|
37
|
+
|
|
8
38
|
## [1.2.34] - 2026-02-04
|
|
9
39
|
|
|
10
40
|
### Added
|