@imj_media/ui 1.2.48 → 1.2.51
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 +28 -0
- package/dist/index.css +1 -1
- package/dist/index.esm.js +902 -895
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +5 -5
- 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 +1 -1
- package/dist/modules/Dropdown/hooks/useDropdown.d.ts.map +1 -1
- package/dist/modules/Dropdown/stories/DropdownListVariants.stories.d.ts +2 -0
- package/dist/modules/Dropdown/stories/DropdownListVariants.stories.d.ts.map +1 -1
- package/dist/modules/Lists/components/molecules/ListItemUser.d.ts.map +1 -1
- package/dist/modules/Table/components/atoms/TagsCell.d.ts.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,34 @@ 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.51] - 2026-03-02
|
|
9
|
+
|
|
10
|
+
### Changed
|
|
11
|
+
- **Table - TagsCell**: Los tags en celdas se renderizan por defecto sin borde (`stroke={false}`). Se añade soporte para la prop `stroke` en los datos del tag; si se indica `stroke: true`, el tag mostrará borde.
|
|
12
|
+
|
|
13
|
+
## [1.2.49] - 2026-02-26
|
|
14
|
+
|
|
15
|
+
### Added
|
|
16
|
+
- **Dropdown - Opción `avatarUrl` en variante user**: Las opciones pueden incluir `avatarUrl` (URL de imagen). Esa URL se usa en el `leftSlot` del Input cuando el usuario está seleccionado, y en la lista se muestra la imagen si existe; si no, se usa `avatar` (p. ej. iniciales).
|
|
17
|
+
- **Dropdown - Stories en modal**:
|
|
18
|
+
- **VariantUserInModal**: Dropdown con `listVariant="user"` dentro de un modal para probar cierre al hacer clic en la chevron y fuera.
|
|
19
|
+
- **MultipleDropdownsInModal**: Varios dropdowns en disposición desordenada (arriba/abajo, izquierda/derecha) con botones a la izquierda o derecha, para probar múltiples selectores en modal.
|
|
20
|
+
|
|
21
|
+
### Changed
|
|
22
|
+
- **Dropdown - Avatar en selector (user)**: El avatar del usuario seleccionado se muestra vía URL en el `leftSlot` del Input en lugar de un ReactNode, para evitar fallos de integración.
|
|
23
|
+
- **Dropdown - Lista user con imagen**: Cuando una opción tiene `avatarUrl`, en la lista se renderiza la imagen (`<img>`) en el ítem; si no, se usa `option.avatar` (string de iniciales o lo que pase el consumidor).
|
|
24
|
+
- **useDropdown - Click outside con trigger**: Se pasa siempre `containerRef` (trigger) al hook de click-outside, también con `absolute=true`. Así los clics en el selector (incluida la chevron derecha) no se consideran "fuera" y el cierre lo hace solo el toggle del Input, corrigiendo que el dropdown a veces no cerraba al hacer clic a la derecha del selector, sobre todo dentro de modales.
|
|
25
|
+
|
|
26
|
+
## [1.2.48] - 2026-02-26
|
|
27
|
+
|
|
28
|
+
### Changed
|
|
29
|
+
- **DatePicker - Cabecera de días sincronizada con `startOfWeek`**: Las etiquetas del header (iniciales de los días) se reordenan automáticamente según la prop `startOfWeek` para que coincidan con las columnas del calendario (p. ej. L M M J V S D con semana en Lunes, o D L M M J V S con semana en Domingo).
|
|
30
|
+
- **DatePicker - Convención de `weekDays`**: El array `weekDays` usa orden natural [Dom, Lun, Mar, Mie, Jue, Vie, Sab] (índice = día de la semana en JavaScript). El componente reordena las etiquetas según `startOfWeek`; no es necesario pasar un orden distinto al cambiar el inicio de semana.
|
|
31
|
+
- **DatePicker - Etiquetas por defecto en 3 letras**: Por defecto las etiquetas de días son de 3 letras (Dom, Lun, Mar, Mie, Jue, Vie, Sab). Si se pasa la prop `weekDays`, se usan las etiquetas que indique el usuario (una letra, nombre completo, otro idioma, etc.).
|
|
32
|
+
|
|
33
|
+
### Docs
|
|
34
|
+
- **DatePicker - Tipos**: Comentarios en `Calendar.types.ts` para las props `weekDays` y `startOfWeek` (orden natural y significado de `startOfWeek`).
|
|
35
|
+
|
|
8
36
|
## [1.2.47] - 2026-02-20
|
|
9
37
|
|
|
10
38
|
### Added
|