@imj_media/ui 1.2.13 → 1.2.14

package/CHANGELOG.md

@@ -5,6 +5,67 @@ Todos los cambios notables de este proyecto serán documentados en este archivo.
 El formato está basado en [Keep a Changelog](https://keepachangelog.com/es-ES/1.0.0/),
 y este proyecto adhiere a [Semantic Versioning](https://semver.org/lang/es/).
 
+## [1.2.14] - 2026-01-06
+
+### Added
+- **PickerColor Component**: Nuevo componente completo para selección de colores
+  - Componente `PickerColor` para seleccionar colores en formato hexadecimal
+  - Componentes `ColorInput`, `ColorPalette`, y `ColorSwatch` para selección visual de colores
+  - Integración con almacenamiento de colores recientes usando localStorage para comodidad del usuario
+  - Soporte para EyeDropper API para seleccionar colores desde la pantalla
+  - Funciones utilitarias para validación y conversión de colores (hex, RGB, HSL)
+  - Stories completas para el componente PickerColor que demuestran varios casos de uso y configuraciones
+- **Toast/Alert - Barra de Progreso con Duración**: Nueva funcionalidad para mostrar barra de progreso en toasts y alerts
+  - Nueva prop `duration` en `IAlert` y `ToastProps` para definir la duración del toast/alert
+  - Barra de progreso que se muestra en la parte inferior del alert cuando hay duración definida
+  - El progreso retrocede de 100% a 0% mientras pasa el tiempo, mostrando el tiempo restante
+  - El toast/alert se cierra automáticamente cuando el progreso llega a 0%
+  - La barra de progreso solo se muestra si `duration` está definida y es mayor a 0
+  - Hook `useProgressBar` que maneja el cálculo del progreso usando `requestAnimationFrame` para animación suave
+  - Sincronización entre el cierre automático del toast y la barra de progreso
+  - Actualizada la historia "DuraciónPersonalizada" para demostrar la funcionalidad de la barra de progreso
+  - Agregados ejemplos con diferentes duraciones (2s, 5s, 10s) en la historia "Colores"
+- **Table - Validación de Celdas Editables**: Sistema de validación para celdas editables en tablas
+  - Nueva prop `errorCursor` en componente Input para indicar visualmente errores con cursor rojo y borde
+  - Validación automática basada en el tipo de columna (`number`, `numeric`, `text`)
+  - Prevención de entrada de caracteres inválidos en columnas numéricas
+  - Cursor parpadeante en color danger cuando hay error de validación
+  - Borde y fondo en color danger cuando hay error de validación
+  - Nueva story `ValidationTable` que demuestra la funcionalidad de validación en celdas editables
+- **Table - Búsqueda Interna Configurable**: Mejora en el manejo de búsqueda interna vs externa
+  - Nueva prop `internalSearch` en `TableToolbarConfig` para controlar si se aplica búsqueda interna (por defecto: `false`)
+  - Cuando `internalSearch` es `false` y hay `onSearch` definido, solo se emite el evento sin aplicar búsqueda interna
+  - Evita mostrar resultados intermedios de búsqueda interna cuando hay búsqueda externa asíncrona
+  - Mejora en la experiencia de usuario al evitar parpadeos de resultados durante búsquedas externas
+- **Table - Actualización Batch de Visibilidad de Columnas**: Mejora en el guardado de configuración en localStorage
+  - Nuevo método `updateMultipleColumnVisibility` en `useTableConfig` para actualizar múltiples columnas de una vez
+  - Prevención de sobreescrituras en localStorage cuando se cambian múltiples columnas simultáneamente
+  - Modificación en `TableToolbar` para usar actualización batch cuando hay múltiples cambios de visibilidad
+  - Nueva prop `onMultipleColumnVisibilityChange` en `TableToolbar` para manejar cambios batch
+  - Corrección del problema donde solo se guardaba el último checkbox marcado en localStorage
+- **TableSelectionBar - Iconos Mejorados**: Mejora en el renderizado de iconos en acciones de selección
+  - Los iconos ahora se muestran correctamente cuando hay `label` e `icon` en las acciones
+  - Uso de `slotLeft` para iconos cuando hay label, permitiendo mostrar icono y texto juntos
+  - Soporte mejorado para iconos de tipo string (`'EditOutlined'`) y Font Awesome (`faCopy`)
+
+### Changed
+- **Toast - Message Opcional**: La prop `message` ahora es opcional en `ToastInput`
+  - Cambiado el tipo `ToastInput` de `string | (ToastOptions & { message: string })` a `string | (ToastOptions & { message?: string })`
+  - Permite crear toasts solo con `title` sin necesidad de incluir `message`
+  - Si no se proporciona `message`, se usa una cadena vacía por defecto
+
+### Fixed
+- **Table - Guardado en localStorage**: Corrección de sobreescrituras en localStorage
+  - Solucionado el problema donde múltiples cambios de visibilidad de columnas causaban sobreescrituras
+  - Ahora todos los cambios de visibilidad se guardan correctamente en una sola operación batch
+  - Mejora en la persistencia de configuración de columnas
+- **Icon - Comparación con 'xl' en LegacyIcon**: Corrección de error de TypeScript
+  - Eliminada la comparación innecesaria con `'xl'` en `getPaddingClass` ya que `VisualSize` no incluye `'xl'`
+  - Simplificada la lógica para solo convertir `'xxs'` a `'xs'` cuando es necesario
+- **PickerColor - Importación de InputRef**: Corrección de importación incorrecta
+  - Cambiada la importación de `InputRef` de `@/modules/Input` a `@/shared/types/input`
+  - Agregadas las propiedades faltantes `clear` y `getInputElement` al objeto retornado por `useImperativeHandle` en `ColorInput`
+
 ## [1.2.13] - 2025-01-22
 
 ### Added