@imj_media/ui 1.2.24 → 1.2.25

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.
Files changed (57) hide show
  1. package/CHANGELOG.md +55 -0
  2. package/dist/index.css +1 -1
  3. package/dist/index.esm.js +5273 -5045
  4. package/dist/index.esm.js.map +1 -1
  5. package/dist/index.js +9 -9
  6. package/dist/index.js.map +1 -1
  7. package/dist/modules/AlertDialog/components/AlertDialog.d.ts +1 -1
  8. package/dist/modules/AlertDialog/components/AlertDialog.d.ts.map +1 -1
  9. package/dist/modules/AlertDialog/stories/alertdialog.stories.d.ts +1 -0
  10. package/dist/modules/AlertDialog/stories/alertdialog.stories.d.ts.map +1 -1
  11. package/dist/modules/Badges/components/Badges.d.ts +4 -0
  12. package/dist/modules/Badges/components/Badges.d.ts.map +1 -0
  13. package/dist/modules/Badges/hooks/useBadges.d.ts +26 -0
  14. package/dist/modules/Badges/hooks/useBadges.d.ts.map +1 -0
  15. package/dist/modules/Badges/index.d.ts +4 -0
  16. package/dist/modules/Badges/index.d.ts.map +1 -0
  17. package/dist/modules/Badges/stories/Badges.stories.d.ts +18 -0
  18. package/dist/modules/Badges/stories/Badges.stories.d.ts.map +1 -0
  19. package/dist/modules/Dropdown/components/Dropdown.d.ts.map +1 -1
  20. package/dist/modules/Dropdown/components/organisms/TagsMultiple.d.ts.map +1 -1
  21. package/dist/modules/Dropdown/stories/Dropdown.stories.d.ts +1 -0
  22. package/dist/modules/Dropdown/stories/Dropdown.stories.d.ts.map +1 -1
  23. package/dist/modules/Modal/Modal.d.ts.map +1 -1
  24. package/dist/modules/Modal/stories/Modal.stories.d.ts +1 -0
  25. package/dist/modules/Modal/stories/Modal.stories.d.ts.map +1 -1
  26. package/dist/modules/Text/components/Body.d.ts +3 -3
  27. package/dist/modules/Text/components/Body.d.ts.map +1 -1
  28. package/dist/modules/Text/components/Caption.d.ts +3 -3
  29. package/dist/modules/Text/components/Caption.d.ts.map +1 -1
  30. package/dist/modules/Text/components/Code.d.ts +3 -3
  31. package/dist/modules/Text/components/Code.d.ts.map +1 -1
  32. package/dist/modules/Text/components/CustomText.d.ts +3 -3
  33. package/dist/modules/Text/components/CustomText.d.ts.map +1 -1
  34. package/dist/modules/Text/components/Title.d.ts +3 -3
  35. package/dist/modules/Text/components/Title.d.ts.map +1 -1
  36. package/dist/modules/Text/components/constants.d.ts +3 -0
  37. package/dist/modules/Text/components/constants.d.ts.map +1 -0
  38. package/dist/modules/Textarea/components/organisms/Textarea.d.ts +1 -1
  39. package/dist/modules/Textarea/components/organisms/Textarea.d.ts.map +1 -1
  40. package/dist/modules/index.d.ts +1 -0
  41. package/dist/modules/index.d.ts.map +1 -1
  42. package/dist/shared/hooks/useBodyScrollLock.d.ts.map +1 -1
  43. package/dist/shared/types/alertdialog.d.ts +2 -1
  44. package/dist/shared/types/alertdialog.d.ts.map +1 -1
  45. package/dist/shared/types/badges.d.ts +52 -0
  46. package/dist/shared/types/badges.d.ts.map +1 -0
  47. package/dist/shared/types/dropdown.d.ts +1 -0
  48. package/dist/shared/types/dropdown.d.ts.map +1 -1
  49. package/dist/shared/types/index.d.ts +1 -0
  50. package/dist/shared/types/index.d.ts.map +1 -1
  51. package/dist/shared/types/modal.d.ts +4 -2
  52. package/dist/shared/types/modal.d.ts.map +1 -1
  53. package/dist/shared/types/text.d.ts +4 -4
  54. package/dist/shared/types/text.d.ts.map +1 -1
  55. package/dist/shared/types/textarea.d.ts +2 -0
  56. package/dist/shared/types/textarea.d.ts.map +1 -1
  57. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -5,6 +5,61 @@ 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.25] - 2026-01-22
9
+
10
+ ### Added
11
+ - **Badges - Nuevo Componente**: Nuevo componente para gestión dinámica de tags/badges
12
+ - Contenedor estilo input donde se pueden escribir y agregar badges presionando Enter
13
+ - Cada badge tiene botón de cierre para eliminarlo de la lista
14
+ - Soporte para valores iniciales como array de `BadgeItem[]` o array de `string[]`
15
+ - Prop `colorCycle` para asignar colores cíclicos automáticamente a nuevos badges
16
+ - Prop `defaultColor` para establecer el color por defecto de nuevos badges
17
+ - Prop `maxBadges` para limitar el número máximo de badges permitidos
18
+ - Eventos: `onChange` (al agregar/eliminar), `onAdd`, `onRemove`, `onFocus`, `onBlur`
19
+ - El evento `onChange` retorna objeto con `type` ('add'|'remove'), `item` y `items`
20
+ - Reutiliza componente Tag existente para los badges
21
+ - Hook `useBadges` separado para manejo de lógica (siguiendo principio DRY)
22
+ - Función `normalizeValue` que convierte arrays de strings a `BadgeItem[]` automáticamente
23
+ - Tamaños: xs, sm, md, lg (consistente con otros inputs)
24
+ - Estados: disabled, error, helperText
25
+ - 12 stories completas en Storybook: Default, WithInitialValues, WithStringArray, ColorCycle, DefaultColor, MaxBadges, Sizes, Disabled, WithError, WithHelperText, Events, FullExample
26
+ - **AlertDialog - Prop size**: Nueva prop `size` que hereda los tamaños del componente Modal
27
+ - Tamaños disponibles: xs, sm, md, lg, xl, 2xl, full
28
+ - Nueva story `Sizes` que demuestra todos los tamaños disponibles
29
+ - **AlertDialog - z-index mejorado**: AlertDialog ahora siempre aparece sobre Modal
30
+ - Nuevo z-index de 60 para AlertDialog (Modal usa 50 por defecto)
31
+ - Resuelve problema de layering cuando AlertDialog se abre desde un Modal
32
+ - **Dropdown - Prop infoTooltip**: Nueva prop para mostrar icono de información con tooltip
33
+ - Se pasa al componente Input interno para mantener consistencia
34
+ - Nueva story `WithInfoTooltip` que demuestra el uso
35
+ - **Textarea - Props onFocus y onBlur**: Nuevas props para eventos de focus
36
+ - Retornan el evento nativo `React.FocusEvent<HTMLTextAreaElement>`
37
+ - Parámetro del evento es opcional para mayor flexibilidad
38
+ - **Text - Mejora en manejo de colores**: Autocompletado de colores del sistema de diseño
39
+ - Tipo `TextColor` expandido con todos los colores semánticos y de paleta
40
+ - Prop `color` ahora acepta `TextColor | string` para autocompletado + flexibilidad
41
+ - Colores semánticos: primary, secondary, tertiary, disabled, on-color, etc.
42
+ - Colores de marca: brand, success, warning, danger, info (con variantes hover/pressed/selected)
43
+ - Colores de paleta: all-colors-red, all-colors-blue, etc.
44
+ - Constante `DEFAULT_TEXT_COLORS` para identificar colores del sistema
45
+
46
+ ### Changed
47
+ - **Modal - Props onCancel y onSuccess**: Ahora retornan el evento nativo del click
48
+ - Tipo actualizado a `(event?: React.MouseEvent<HTMLButtonElement>) => void`
49
+ - Parámetro del evento es opcional para compatibilidad con código existente
50
+ - ModalFooter actualizado para pasar el evento a los callbacks
51
+ - **Modal - Prop zIndex configurable**: Nueva prop para controlar el z-index del modal
52
+ - Valores: 50 (default) o 60 (para modales anidados)
53
+ - Útil cuando se necesita mostrar AlertDialog sobre Modal
54
+ - **useBodyScrollLock - Mejora en gestión de locks**: Implementación mejorada para múltiples modales
55
+ - Usa `Set<string>` con IDs únicos en lugar de contador simple
56
+ - El scroll solo se restaura cuando todos los modales/dialogs se cierran
57
+ - Previene problema de scroll restaurándose prematuramente con modales anidados
58
+
59
+ ### Fixed
60
+ - **Header, Title**: Ajuste de layout para mejorar alineación
61
+ - **ModalFooter**: Corrección de handlers onCancel y onSuccess para aceptar parámetro de evento
62
+
8
63
  ## [1.2.24] - 2026-01-XX
9
64
 
10
65
  ### Added