@imj_media/ui 1.2.14 → 1.2.15
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 +46 -0
- package/dist/index.css +1 -1
- package/dist/index.esm.js +4902 -4848
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +11 -11
- package/dist/index.js.map +1 -1
- package/dist/modules/Alert/index.d.ts +1 -1
- package/dist/modules/Alert/index.d.ts.map +1 -1
- package/dist/modules/ProgressBar/components/organisms/Container.d.ts +1 -1
- package/dist/modules/ProgressBar/components/organisms/Container.d.ts.map +1 -1
- package/dist/modules/ProgressBar/stories/progressbar.stories.d.ts +1 -0
- package/dist/modules/ProgressBar/stories/progressbar.stories.d.ts.map +1 -1
- package/dist/modules/Table/Table.d.ts +1 -1
- package/dist/modules/Table/Table.d.ts.map +1 -1
- package/dist/modules/Table/components/atoms/DropdownCell.d.ts.map +1 -1
- package/dist/modules/Table/components/atoms/TextFieldCell.d.ts.map +1 -1
- package/dist/modules/Table/components/molecules/CellRenderer.d.ts.map +1 -1
- package/dist/modules/Table/components/molecules/TableRow.d.ts.map +1 -1
- package/dist/modules/Table/hooks/useTableEdit.d.ts +1 -1
- package/dist/modules/Table/hooks/useTableEdit.d.ts.map +1 -1
- package/dist/modules/Table/stories/Table.stories.d.ts +124 -43
- package/dist/modules/Table/stories/Table.stories.d.ts.map +1 -1
- package/dist/modules/Table/utils/cellStyles.d.ts +2 -1
- package/dist/modules/Table/utils/cellStyles.d.ts.map +1 -1
- package/dist/modules/Toast/components/molecules/ToastItem.d.ts.map +1 -1
- package/dist/shared/types/alert.d.ts +5 -0
- package/dist/shared/types/alert.d.ts.map +1 -1
- package/dist/shared/types/progressbar.d.ts +11 -0
- package/dist/shared/types/progressbar.d.ts.map +1 -1
- package/dist/shared/types/table.d.ts +7 -0
- package/dist/shared/types/table.d.ts.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,52 @@ 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.15] - 2026-01-07
|
|
9
|
+
|
|
10
|
+
### Added
|
|
11
|
+
- **Table - Control Externo de Edición**: Nueva prop para controlar el modo edición desde fuera del componente
|
|
12
|
+
- Nueva prop `editingRowIds` en `TableProps` que acepta un array de IDs de filas para activar modo edición
|
|
13
|
+
- Permite controlar múltiples filas en modo edición simultáneamente desde fuera del componente
|
|
14
|
+
- Útil para acciones en lote o control centralizado del estado de edición
|
|
15
|
+
- Cuando se proporciona `editingRowIds`, el estado interno de edición se sincroniza con los IDs externos
|
|
16
|
+
- Los botones de edición/guardar en la columna de acciones reflejan correctamente el estado controlado externamente
|
|
17
|
+
- Modificado el hook `useTableEdit` para aceptar IDs externos y sincronizar el estado interno
|
|
18
|
+
- Nueva story `ControlExternoEdicion` que demuestra cómo usar esta funcionalidad con botones externos de UI
|
|
19
|
+
- **ProgressBar - Prop `countdown` para Cuenta Regresiva**: Nueva funcionalidad integrada en el componente
|
|
20
|
+
- Nueva prop `countdown` que acepta un número en segundos para activar la animación de cuenta regresiva
|
|
21
|
+
- La barra anima automáticamente desde el valor de `progress` hasta 0% en el tiempo especificado
|
|
22
|
+
- Nueva prop `onCountdownComplete` callback que se ejecuta cuando la cuenta regresiva llega a 0
|
|
23
|
+
- Hook interno `useCountdown` que usa `setInterval` con `performance.now()` para timing preciso (~60fps)
|
|
24
|
+
- La transición CSS se desactiva automáticamente cuando `countdown` está activo para animación suave
|
|
25
|
+
- Story "Cuenta Regresiva" actualizada para demostrar el uso de las nuevas props
|
|
26
|
+
- Ejemplo de uso: `<ProgressBar progress={75} countdown={5} onCountdownComplete={() => alert('¡Listo!')} />`
|
|
27
|
+
- **Alert/Toast - Mejora en Barra de Progreso con Cuenta Regresiva**: Integración con la nueva prop `countdown` del ProgressBar
|
|
28
|
+
- El componente `Alert` ahora usa la prop `countdown` del ProgressBar para animación suave
|
|
29
|
+
- Conversión automática de `duration` (ms) a `countdown` (segundos): `countdown={duration / 1000}`
|
|
30
|
+
- La barra solo se muestra cuando `duration > 0`
|
|
31
|
+
- El color de la barra coincide automáticamente con el color del alert
|
|
32
|
+
- `ToastItem` ahora pasa correctamente la prop `duration` al `Alert`
|
|
33
|
+
- Story "Duración Personalizada" actualizada con duraciones explícitas (2s, 5s, 10s, permanente)
|
|
34
|
+
|
|
35
|
+
### Changed
|
|
36
|
+
- **Table - Reorganización y Mejora de Stories**: Mejoras significativas en la organización y documentación de las historias de Storybook
|
|
37
|
+
- Reorganización completa de todas las 29 historias en orden alfabético para facilitar la navegación
|
|
38
|
+
- Traducción de todos los nombres de historias al español para consistencia con el proyecto
|
|
39
|
+
- Conversión de todas las historias para usar el componente `StoryBox` con estructura consistente
|
|
40
|
+
- Adición de ejemplos de código (`StoryBox.Code`) en todas las historias para mejor documentación
|
|
41
|
+
- Eliminación de propiedades `name` redundantes en favor de `StoryBox.Title`
|
|
42
|
+
- Corrección de errores de sintaxis JSX en historias que no cerraban correctamente los componentes
|
|
43
|
+
- Mejora en la consistencia del diseño y distribución de todas las historias
|
|
44
|
+
- Todas las historias ahora siguen el mismo patrón: `StoryBox.Title`, `StoryBox.Description`, `StoryBox.Content`, y `StoryBox.Code`
|
|
45
|
+
- Historia ahora sigue el mismo patrón que las demás historias
|
|
46
|
+
|
|
47
|
+
### Fixed
|
|
48
|
+
- **ProgressBar - Transiciones CSS Controladas**: Corrección del comportamiento de transiciones en `BarProgress`
|
|
49
|
+
- La clase `ui-transition-all` ahora solo se aplica cuando `duration > 0`
|
|
50
|
+
- Se añade `transition: 'none'` explícitamente cuando `duration === 0` para desactivar transiciones CSS
|
|
51
|
+
- Esto permite animaciones controladas por JavaScript sin interferencia de transiciones CSS
|
|
52
|
+
- Mejora significativa en la precisión de animaciones de cuenta regresiva y actualizaciones en tiempo real
|
|
53
|
+
|
|
8
54
|
## [1.2.14] - 2026-01-06
|
|
9
55
|
|
|
10
56
|
### Added
|