@imj_media/ui 1.2.20 → 1.2.22

package/CHANGELOG.md

@@ -5,6 +5,34 @@ 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.21] - 2026-01-XX
+
+### Added
+- **Title - Soporte para Children**: El componente Title ahora puede recibir el contenido tanto mediante la prop `title` como mediante `children`
+  - La prop `title` ahora es opcional (`title?: string`)
+  - Nueva prop `children?: ReactNode` para pasar el contenido como children
+  - El componente usa `title || children` para determinar el contenido a mostrar
+  - Permite mayor flexibilidad: usar `title` para texto simple o `children` para contenido más complejo (JSX, elementos con formato, etc.)
+  - Nueva historia `WithChildren` en Storybook que demuestra diferentes casos de uso con children
+  - Actualizada la historia `Default` para mostrar ejemplos con ambas formas de uso
+  - Actualizados `argTypes` en Storybook para incluir control de `children`
+  - Actualizada la documentación del componente para mencionar soporte de `children`
+
+### Fixed
+- **Dropdown - Comparación Flexible de Valores**: Corregido el problema donde las opciones por defecto no se mostraban correctamente cuando se pasaba un valor inicial
+  - Problema: Cuando se pasaba un valor numérico (ej: `2`) pero las opciones tenían valores string (ej: `'2'`), la comparación estricta (`===`) fallaba y no se encontraba la opción seleccionada
+  - Solución: Implementada función `compareValues` que realiza comparación flexible entre strings y números
+    - Compara valores de tres formas: comparación estricta, comparación como strings, y comparación como números
+    - Permite que valores numéricos coincidan con strings equivalentes y viceversa
+  - Cambios realizados:
+    - Agregada función `compareValues` en `useDropdown.ts` para comparación flexible
+    - Actualizada lógica de `selectedOptions` para usar comparación flexible
+    - Actualizada lógica de `filteredOptions` para usar comparación flexible
+    - Agregada función `compareValues` en `Dropdown.tsx` con `useCallback`
+    - Actualizada comparación en `renderDropdown` para determinar si una opción está seleccionada
+    - Actualizada comparación en `useEffect` que busca la opción seleccionada para establecer iconos
+  - Ahora el dropdown muestra correctamente la opción seleccionada independientemente de si el valor es número o string
+
 ## [1.2.20] - 2026-01-XX
 
 ### Added