@imj_media/ui 1.11.2 → 1.11.4
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/README.md +1 -1
- package/catalog/design-index.json +63 -15
- package/catalog/install-registry.json +7 -2
- package/dist/index.css +1 -1
- package/dist/index.esm.js +9917 -9804
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +30 -30
- package/dist/index.js.map +1 -1
- package/dist/modules/CatalogCard/components/organisms/CatalogCard.d.ts +1 -1
- package/dist/modules/CatalogCard/components/organisms/CatalogCatalogCard.d.ts.map +1 -1
- package/dist/modules/CatalogCard/stories/CatalogCard.stories.d.ts +2 -0
- package/dist/modules/CatalogCard/stories/CatalogCard.stories.d.ts.map +1 -1
- package/dist/modules/CatalogCard/types/index.d.ts +10 -0
- package/dist/modules/CatalogCard/types/index.d.ts.map +1 -1
- package/dist/modules/CatalogCard/utils/mergeGroupedCatalogCardProps.d.ts.map +1 -1
- package/dist/modules/DatePicker/DatePicker.d.ts +13 -0
- package/dist/modules/DatePicker/DatePicker.d.ts.map +1 -1
- package/dist/modules/DatePicker/hooks/useDatePicker.d.ts +2 -0
- package/dist/modules/DatePicker/hooks/useDatePicker.d.ts.map +1 -1
- package/dist/modules/DatePicker/hooks/useDateRange.d.ts.map +1 -1
- package/dist/modules/DatePicker/molecules/DateTimeReadOnlyInput.d.ts +2 -0
- package/dist/modules/DatePicker/molecules/DateTimeReadOnlyInput.d.ts.map +1 -1
- package/dist/modules/DatePicker/molecules/DateTimeSegmentFields.d.ts +2 -1
- package/dist/modules/DatePicker/molecules/DateTimeSegmentFields.d.ts.map +1 -1
- package/dist/modules/DatePicker/molecules/TimePickerPanel.d.ts +2 -0
- package/dist/modules/DatePicker/molecules/TimePickerPanel.d.ts.map +1 -1
- package/dist/modules/DatePicker/organisms/Calendar.d.ts.map +1 -1
- package/dist/modules/DatePicker/organisms/DatePickerPortal.d.ts +1 -0
- package/dist/modules/DatePicker/organisms/DatePickerPortal.d.ts.map +1 -1
- package/dist/modules/DatePicker/stories/DatePicker.stories.d.ts +12 -4
- package/dist/modules/DatePicker/stories/DatePicker.stories.d.ts.map +1 -1
- package/dist/modules/DatePicker/types/Calendar.types.d.ts +4 -0
- package/dist/modules/DatePicker/types/Calendar.types.d.ts.map +1 -1
- package/dist/modules/DatePicker/utils/datetimeFormat.d.ts +5 -0
- package/dist/modules/DatePicker/utils/datetimeFormat.d.ts.map +1 -1
- package/dist/modules/DatePicker/utils/resolveTimeConfig.d.ts +25 -0
- package/dist/modules/DatePicker/utils/resolveTimeConfig.d.ts.map +1 -0
- package/dist/modules/Toolbar/types/index.d.ts +17 -0
- package/dist/modules/Toolbar/types/index.d.ts.map +1 -1
- package/dist/shared/types/datepicker.d.ts +24 -3
- package/dist/shared/types/datepicker.d.ts.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -7,6 +7,35 @@ y este proyecto adhiere a [Semantic Versioning](https://semver.org/lang/es/).
|
|
|
7
7
|
|
|
8
8
|
## [Unreleased]
|
|
9
9
|
|
|
10
|
+
## [1.11.4] - 2026-07-01
|
|
11
|
+
|
|
12
|
+
### Added
|
|
13
|
+
|
|
14
|
+
- **`CatalogCard` (layout catálogo):** prop agrupada `content.hideRating` para ocultar el bloque de calificación (estrella + valor) en variantes de catálogo; alias plano `hideRating` en API legacy (deprecated).
|
|
15
|
+
|
|
16
|
+
### Changed
|
|
17
|
+
|
|
18
|
+
- **`CatalogCard`:** la fila de meta de categoría ya no fuerza el bloque de calificación cuando solo hay categoría y `hideRating` está activo.
|
|
19
|
+
|
|
20
|
+
### Fixed
|
|
21
|
+
|
|
22
|
+
- **Release / catálogo:** `install-registry.json` se incluye en el commit `release:git` y se valida que `uiVersion` coincida con la versión del paquete; tarball alineado con el catálogo publicado.
|
|
23
|
+
|
|
24
|
+
## [1.11.3] - 2026-07-01
|
|
25
|
+
|
|
26
|
+
### Added
|
|
27
|
+
|
|
28
|
+
- **`DatePicker`:** soporte de rango con fecha y hora (`mode="range"` + configuración de tiempo).
|
|
29
|
+
- **`DatePicker`:** prop agrupada `time` con `showTime`, `enabled`, `currentTime` y `showSeconds` (valores por defecto documentados en JSDoc y Storybook).
|
|
30
|
+
|
|
31
|
+
### Changed
|
|
32
|
+
|
|
33
|
+
- **`Toolbar`:** `datePickerProps.time` alineado con la API agrupada de `DatePicker`.
|
|
34
|
+
|
|
35
|
+
### Deprecated
|
|
36
|
+
|
|
37
|
+
- **`DatePicker`:** props raíz `showTime` y `showSeconds` siguen funcionando por compatibilidad; usar `time.showTime` y `time.showSeconds`.
|
|
38
|
+
|
|
10
39
|
## [1.11.2] - 2026-06-29
|
|
11
40
|
|
|
12
41
|
### Added
|
package/README.md
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
Biblioteca de componentes UI moderna y accesible para React, construida con TypeScript y Tailwind CSS.
|
|
6
6
|
|
|
7
|
-
> **Versión publicada:** `1.11.
|
|
7
|
+
> **Versión publicada:** `1.11.4` — actualizar este número y `CHANGELOG.md` antes de cada release (orden y scripts: regla **`imj-ui-obligations-release`**; atajo `npm run publish:patch|minor|major` o pasos `bump:*` → `release:git` → `release:publish`).
|
|
8
8
|
|
|
9
9
|
## 📦 Instalación
|
|
10
10
|
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"schemaVersion": "1.0.0",
|
|
3
3
|
"package": "@imj_media/ui",
|
|
4
|
-
"version": "1.11.
|
|
5
|
-
"indexedAt": "2026-
|
|
4
|
+
"version": "1.11.4",
|
|
5
|
+
"indexedAt": "2026-07-01T17:11:03.436Z",
|
|
6
6
|
"orbitTokensVersion": "1.3.1",
|
|
7
7
|
"modules": [
|
|
8
8
|
{
|
|
@@ -1382,6 +1382,12 @@
|
|
|
1382
1382
|
"required": false,
|
|
1383
1383
|
"description": "Texto del tooltip del bloque calificación (estrella + valor).\n Omite la prop para usar el texto por defecto del diseño.\n Pasa cadena vacía para desactivar el tooltip."
|
|
1384
1384
|
},
|
|
1385
|
+
"hideRating": {
|
|
1386
|
+
"name": "hideRating",
|
|
1387
|
+
"type": "boolean",
|
|
1388
|
+
"required": false,
|
|
1389
|
+
"description": "Si es `true`, no se renderiza el bloque de calificación (estrella + valor) en ningún layout de catálogo.\n Omite la prop para mantener el comportamiento por defecto del diseño."
|
|
1390
|
+
},
|
|
1385
1391
|
"title": {
|
|
1386
1392
|
"name": "title",
|
|
1387
1393
|
"type": "string",
|
|
@@ -1763,6 +1769,7 @@
|
|
|
1763
1769
|
"description": {
|
|
1764
1770
|
"primary": "storybook",
|
|
1765
1771
|
"storybook": "## DatePicker - Selector de Fechas\n\nUn componente completo y flexible para seleccionar fechas individuales o rangos de fechas.\n\n### Características principales:\n- **Modo único**: Selección de una fecha específica\n- **Modo rango**: Selección de un rango de fechas (inicio y fin)\n- **Vistas múltiples**: Días, meses y años\n- **Internacionalización**: Soporte para diferentes idiomas\n- **Personalización**: Estilos y comportamientos configurables\n- **Validación**: Fechas mínimas y máximas\n- **Modos de control**: Controlado y no controlado\n\n### Casos de uso comunes:\n- Formularios de reservas\n- Filtros de fechas\n- Calendarios de eventos\n- Selectores de período",
|
|
1772
|
+
"jsdoc": "Selector de fecha única o rango con popup de calendario y soporte opcional de hora.",
|
|
1766
1773
|
"readme": "# DatePicker - Estructura Modular\n\nEste módulo contiene una implementación modular del DatePicker con componentes atómicos, moleculares y orgánicos, junto con hooks personalizados y tipos TypeScript.\n\n## Estructura de Carpetas\n\n```\nDatePicker/\n├── atoms/ # Componentes atómicos (más básicos)\n├── molecules/ # Componentes moleculares (combinan átomos)\n├── organisms/ # Componentes orgánicos (combinan moléculas)\n├── types/ # Definiciones de tipos TypeScript\n├── hooks/ # Hooks personalizados\n├── stories/ # Storybook stories\n└── index.tsx # Componente principal (legacy)\n```\n\n## Componentes Atómicos (`atoms/`)\n\nComponentes más básicos y reutilizables:\n\n- **Day**: Representa un día individual en el calendario\n- **Month**: Representa un mes en la vista de meses\n- **Year**: Representa un año en la vista de años\n- **WeekDay**: Representa los días de la semana\n- **NavigationButton**: Botón de navegación (anterior/siguiente)\n\n## Componentes Moleculares (`molecules/`)\n\nCombinan componentes atómicos para crear funcionalidades más complejas:\n\n- **CalendarHeader**: Header del calendario con navegación\n- **CalendarGrid**: Cuadrícula de días del calendario\n- **MonthGrid**: Cuadrícula de meses\n- **YearGrid**: Cuadrícula de años\n- **DateInput**: Input para la fecha\n\n## Componentes Orgánicos (`organisms/`)\n\nCombinan componentes moleculares para crear funcionalidades completas:\n\n- **Calendar**: Calendario completo con todas las vistas\n- **DatePickerPortal**: Portal del DatePicker con manejo de posicionamiento\n\n## Hooks (`hooks/`)\n\nHooks personalizados para la lógica del DatePicker:\n\n- **useDatePicker**: Hook principal que maneja el estado del DatePicker\n- **useDateRange**: Hook para manejar rangos de fechas\n- **useCalendar**: Hook para la lógica del calendario\n- **useDateInput**: Hook para el manejo del input\n- **usePortal**: Hook para el manejo del portal\n\n## Tipos (`types/`)\n\nDefiniciones de tipos TypeScript organizadas por funcion",
|
|
1767
1774
|
"confidence": "high"
|
|
1768
1775
|
},
|
|
@@ -1774,8 +1781,50 @@
|
|
|
1774
1781
|
"import { DatePicker } from '@imj_media/ui';\n\nexport default function Example() {\n return (\n <DatePicker \n minDate={minDate ?? undefined}\n maxDate={maxDate ?? undefined}\n selectedRange={range}\n onRangeChange={setRange}\n />\n )\n}"
|
|
1775
1782
|
],
|
|
1776
1783
|
"props": {
|
|
1777
|
-
"groups": {
|
|
1778
|
-
|
|
1784
|
+
"groups": {
|
|
1785
|
+
"time": {
|
|
1786
|
+
"props": {
|
|
1787
|
+
"showTime": {
|
|
1788
|
+
"name": "showTime",
|
|
1789
|
+
"type": "boolean",
|
|
1790
|
+
"required": false,
|
|
1791
|
+
"description": "Interruptor maestro de visibilidad de hora: panel TimePickerPanel, input datetime read-only\n y fusión de hora al elegir día. Por defecto `false` (solo fecha)."
|
|
1792
|
+
},
|
|
1793
|
+
"enabled": {
|
|
1794
|
+
"name": "enabled",
|
|
1795
|
+
"type": "boolean",
|
|
1796
|
+
"required": false,
|
|
1797
|
+
"description": "Cuando `showTime` es true: panel de hora editable (`true`, por defecto) o solo lectura (`false`)."
|
|
1798
|
+
},
|
|
1799
|
+
"currentTime": {
|
|
1800
|
+
"name": "currentTime",
|
|
1801
|
+
"type": "boolean",
|
|
1802
|
+
"required": false,
|
|
1803
|
+
"description": "Al fijar extremo sin hora previa, usa hora actual del cliente. Por defecto `true`; con `false` → 12:00 AM."
|
|
1804
|
+
},
|
|
1805
|
+
"showSeconds": {
|
|
1806
|
+
"name": "showSeconds",
|
|
1807
|
+
"type": "boolean",
|
|
1808
|
+
"required": false,
|
|
1809
|
+
"description": "Incluye segundos en el selector y en el formato del input. Por defecto `true`."
|
|
1810
|
+
}
|
|
1811
|
+
}
|
|
1812
|
+
}
|
|
1813
|
+
},
|
|
1814
|
+
"deprecatedRoot": [
|
|
1815
|
+
{
|
|
1816
|
+
"name": "showTime",
|
|
1817
|
+
"migrateTo": "`time",
|
|
1818
|
+
"jsdoc": "Interruptor maestro de visibilidad de hora.",
|
|
1819
|
+
"type": "boolean"
|
|
1820
|
+
},
|
|
1821
|
+
{
|
|
1822
|
+
"name": "showSeconds",
|
|
1823
|
+
"migrateTo": "`time",
|
|
1824
|
+
"jsdoc": "Incluye segundos cuando la hora está activa.",
|
|
1825
|
+
"type": "boolean"
|
|
1826
|
+
}
|
|
1827
|
+
],
|
|
1779
1828
|
"flat": {
|
|
1780
1829
|
"size": {
|
|
1781
1830
|
"name": "size",
|
|
@@ -1967,17 +2016,11 @@
|
|
|
1967
2016
|
"type": "string",
|
|
1968
2017
|
"required": false
|
|
1969
2018
|
},
|
|
1970
|
-
"
|
|
1971
|
-
"name": "
|
|
1972
|
-
"type": "
|
|
1973
|
-
"required": false,
|
|
1974
|
-
"description": "Muestra fecha y hora en el input (`dd/MM/yyyy - hh:mm AM/PM`, solo lectura).\n La edición ocurre en el popup (calendario + selector de hora). Solo aplica en `mode=\"single\"`."
|
|
1975
|
-
},
|
|
1976
|
-
"showSeconds": {
|
|
1977
|
-
"name": "showSeconds",
|
|
1978
|
-
"type": "boolean",
|
|
2019
|
+
"time": {
|
|
2020
|
+
"name": "time",
|
|
2021
|
+
"type": "DatePickerTimeProps",
|
|
1979
2022
|
"required": false,
|
|
1980
|
-
"description": "
|
|
2023
|
+
"description": "Configuración agrupada de fecha y hora en el popup. Prevalece sobre props planas legacy si hay conflicto."
|
|
1981
2024
|
},
|
|
1982
2025
|
"calendarsCount": {
|
|
1983
2026
|
"name": "calendarsCount",
|
|
@@ -13942,7 +13985,12 @@
|
|
|
13942
13985
|
}
|
|
13943
13986
|
]
|
|
13944
13987
|
},
|
|
13945
|
-
"changelogRetirements": [
|
|
13988
|
+
"changelogRetirements": [
|
|
13989
|
+
{
|
|
13990
|
+
"version": "1.11.4",
|
|
13991
|
+
"note": "`CatalogCard` (layout catálogo):** prop agrupada `content.hideRating` para ocultar el bloque de calificación (estrella + valor) en variantes de catálogo; alias plano `hideRating` en API legacy (deprecated)."
|
|
13992
|
+
}
|
|
13993
|
+
],
|
|
13946
13994
|
"consumerChecklist": [
|
|
13947
13995
|
{
|
|
13948
13996
|
"id": "tailwind-prefix",
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"schemaVersion": "1.0.0",
|
|
3
3
|
"consumerRoot": "../../ds-mcp/src/indexer/consumer",
|
|
4
|
-
"generatedAt": "2026-
|
|
5
|
-
"uiVersion": "1.11.
|
|
4
|
+
"generatedAt": "2026-07-01T17:11:03.489Z",
|
|
5
|
+
"uiVersion": "1.11.4",
|
|
6
6
|
"entries": {
|
|
7
7
|
"accordion": {
|
|
8
8
|
"name": "Accordion",
|
|
@@ -1134,6 +1134,11 @@
|
|
|
1134
1134
|
"source": "DatePicker/utils/datetimeFormat.ts",
|
|
1135
1135
|
"sourceKind": "module"
|
|
1136
1136
|
},
|
|
1137
|
+
{
|
|
1138
|
+
"target": "modules/DatePicker/utils/resolveTimeConfig.ts",
|
|
1139
|
+
"source": "DatePicker/utils/resolveTimeConfig.ts",
|
|
1140
|
+
"sourceKind": "module"
|
|
1141
|
+
},
|
|
1137
1142
|
{
|
|
1138
1143
|
"target": "shared/utils/index.ts",
|
|
1139
1144
|
"source": "utils/index.ts",
|