@imj_media/ui 1.2.21 → 1.2.23
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 +29 -0
- package/dist/index.css +1 -1
- package/dist/index.esm.js +2667 -2606
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +13 -13
- package/dist/index.js.map +1 -1
- package/dist/modules/Dropdown/components/Dropdown.d.ts.map +1 -1
- package/dist/modules/Dropdown/hooks/useDropdown.d.ts.map +1 -1
- package/dist/modules/Switch/components/organisms/Switch.d.ts.map +1 -1
- package/dist/modules/Switch/stories/switch.stories.d.ts +8 -0
- package/dist/modules/Switch/stories/switch.stories.d.ts.map +1 -1
- package/dist/modules/Table/components/molecules/SelectionCheckbox.d.ts +2 -1
- package/dist/modules/Table/components/molecules/SelectionCheckbox.d.ts.map +1 -1
- package/dist/modules/Table/stories/SelectionCheckbox.stories.d.ts +16 -0
- package/dist/modules/Table/stories/SelectionCheckbox.stories.d.ts.map +1 -0
- package/dist/shared/types/switch.d.ts +9 -1
- package/dist/shared/types/switch.d.ts.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -17,6 +17,35 @@ y este proyecto adhiere a [Semantic Versioning](https://semver.org/lang/es/).
|
|
|
17
17
|
- Actualizada la historia `Default` para mostrar ejemplos con ambas formas de uso
|
|
18
18
|
- Actualizados `argTypes` en Storybook para incluir control de `children`
|
|
19
19
|
- Actualizada la documentación del componente para mencionar soporte de `children`
|
|
20
|
+
- **Switch - Soporte para Iconos Font Awesome Duotone**: El componente Switch ahora soporta iconos Font Awesome Duotone con colores personalizados
|
|
21
|
+
- Nuevas props en `SwitchOption` para configurar iconos duotone:
|
|
22
|
+
- `leftSlotDuotonePrimary`, `leftSlotDuotoneSecondary`: Colores primario y secundario para el slot izquierdo
|
|
23
|
+
- `leftSlotDuotoneOpacityPrimary`, `leftSlotDuotoneOpacitySecondary`: Opacidades para el slot izquierdo
|
|
24
|
+
- `rightSlotDuotonePrimary`, `rightSlotDuotoneSecondary`: Colores primario y secundario para el slot derecho
|
|
25
|
+
- `rightSlotDuotoneOpacityPrimary`, `rightSlotDuotoneOpacitySecondary`: Opacidades para el slot derecho
|
|
26
|
+
- El componente Switch ahora pasa todas las props de duotone al componente Button interno
|
|
27
|
+
- Permite usar tanto iconos normales (string) como iconos Font Awesome Duotone (objetos de icono) en los slots
|
|
28
|
+
- Nuevas historias de Storybook agregadas:
|
|
29
|
+
- `WithDuotoneIcons`: Demuestra iconos duotone en el slot izquierdo con diferentes combinaciones de colores
|
|
30
|
+
- `WithDuotoneBothSlots`: Muestra iconos duotone en ambos slots con colores independientes
|
|
31
|
+
- `WithNormalAndDuotoneIcons`: Combina iconos normales y duotone en diferentes opciones del mismo switch
|
|
32
|
+
- `WithSlotLeft`, `WithSlotRight`, `WithBothSlots`, `WithoutSlots`, `MixedSlots`: Historias adicionales que muestran diferentes combinaciones de slots
|
|
33
|
+
- Compatible con iconos importados desde `@fortawesome/pro-duotone-svg-icons`
|
|
34
|
+
|
|
35
|
+
### Fixed
|
|
36
|
+
- **Dropdown - Comparación Flexible de Valores**: Corregido el problema donde las opciones por defecto no se mostraban correctamente cuando se pasaba un valor inicial
|
|
37
|
+
- 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
|
|
38
|
+
- Solución: Implementada función `compareValues` que realiza comparación flexible entre strings y números
|
|
39
|
+
- Compara valores de tres formas: comparación estricta, comparación como strings, y comparación como números
|
|
40
|
+
- Permite que valores numéricos coincidan con strings equivalentes y viceversa
|
|
41
|
+
- Cambios realizados:
|
|
42
|
+
- Agregada función `compareValues` en `useDropdown.ts` para comparación flexible
|
|
43
|
+
- Actualizada lógica de `selectedOptions` para usar comparación flexible
|
|
44
|
+
- Actualizada lógica de `filteredOptions` para usar comparación flexible
|
|
45
|
+
- Agregada función `compareValues` en `Dropdown.tsx` con `useCallback`
|
|
46
|
+
- Actualizada comparación en `renderDropdown` para determinar si una opción está seleccionada
|
|
47
|
+
- Actualizada comparación en `useEffect` que busca la opción seleccionada para establecer iconos
|
|
48
|
+
- Ahora el dropdown muestra correctamente la opción seleccionada independientemente de si el valor es número o string
|
|
20
49
|
|
|
21
50
|
## [1.2.20] - 2026-01-XX
|
|
22
51
|
|