@imj_media/ui 1.12.0 → 1.12.2

package/CHANGELOG.md

@@ -7,6 +7,27 @@ y este proyecto adhiere a [Semantic Versioning](https://semver.org/lang/es/).
 
 ## [Unreleased]
 
+## [1.12.2] - 2026-07-16
+
+### Added
+
+- **`Toolbar`:** tooltips agrupados (`tooltip: { label, position, … }` o string) en botones de acción, addons tipo `button`, y botones fijos vía `chrome.back` / `chrome.close`; tooltips visibles con botón **disabled**; stories `WithGroupedTooltips` y `WithDisabledButtonTooltips`.
+- **`Table` / barra de selección:** `SelectionAction.tooltip` y `selection.clearSelectionTooltip`; story **Barra de selección con tooltips**.
+
+### Fixed
+
+- **`Tooltip`:** z-index por encima de contenedores `fixed`/`sticky` elevados (p. ej. portal del Toolbar flotante).
+
+### Changed
+
+- **`Toolbar` / `SelectionAction`:** props planas `tooltipPosition`, `tooltipAlignment` y `tooltipDelay` siguen funcionando; migrar a objeto `tooltip` (deprecated).
+
+## [1.12.1] - 2026-07-15
+
+### Fixed
+
+- **`Table` / Filtros avanzados:** el popup muestra una sola tarjeta de filtro a la vez; filtros adicionales con scroll vertical y separación del scrollbar (`FilterPopup`, `FilterCard`).
+
 ## [1.12.0] - 2026-07-02
 
 ### Added

package/README.md

@@ -4,7 +4,7 @@
 
 Biblioteca de componentes UI moderna y accesible para React, construida con TypeScript y Tailwind CSS.
 
-> **Versión publicada:** `1.12.0` — 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`).
+> **Versión publicada:** `1.12.2` — 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`).
 
 ## 📦 Instalación
 

package/catalog/design-index.json

@@ -1,8 +1,8 @@
 {
   "schemaVersion": "1.0.0",
   "package": "@imj_media/ui",
-  "version": "1.12.0",
-  "indexedAt": "2026-07-02T19:01:02.102Z",
+  "version": "1.12.2",
+  "indexedAt": "2026-07-16T22:56:42.733Z",
   "orbitTokensVersion": "1.3.1",
   "modules": [
     {
@@ -11739,7 +11739,9 @@
             "const popupAnchorRef = useRef<HTMLButtonElement | null>(null);\nconst popupRef = useRef<PopupRef>(null);\n\nconst columns: ColumnConfig<Ruta>[] = [\n  // …columnas de datos…\n  {\n    id: 'acciones',\n    type: 'actions',\n    render: (_, row) => [\n      {\n        icon: faChartLine,\n        tooltip: 'Formatos de exhibición en la ruta',\n        badge: { label: '2/4', color: 'accent', show: true },\n        onClick: (ruta, { triggerElement }) => {\n          popupAnchorRef.current = triggerElement;\n          setActiveRow(ruta);\n          requestAnimationFrame(() => popupRef.current?.open());\n        },\n      },\n      // editar, eliminar, desactivar…\n    ],\n  },\n];\n\n<Table\n  columns={columns}\n  rows={rows}\n  toolbar={{\n    primaryCustomAction: {\n      label: 'Añadir Ruta',\n      leftSlot: faPlus,\n      requiresSelection: false,\n      onClick: () => { /* toast / navegación — fuera de Table */ },\n    },\n  }}\n/>\n\n<Popup\n  ref={popupRef}\n  triggerRef={popupAnchorRef}\n  triggerRefInteraction={false}\n  closeOnClick={false}\n  position=\"bottom-right\"\n>\n  {FORMATOS.map((formato) => (\n    <Checkbox\n      key={formato.id}\n      checked={selection.includes(formato.id)}\n      onChange={(checked) =>\n        onFormatoChange({\n          rutaId: activeRow.id,\n          formatoId: formato.id,\n          checked,\n        })\n      }\n      label={formato.label}\n    />\n  ))}\n  <Button onClick={() => popupRef.current?.close()}>Cerrar</Button>\n</Popup>",
             "const popupAnchorRef = useRef<HTMLButtonElement | null>(null);\nconst popupRef = useRef<PopupRef>(null);\n\nconst columns: ColumnConfig<Ruta>[] = [\n  // …columnas de datos…\n  {\n    id: 'acciones',\n    type: 'actions',\n    render: (_, row) => [\n      {\n        icon: faChartLine,\n        tooltip: 'Formatos de exhibición en la ruta',\n        badge: { label: '2/4', color: 'accent', show: true },\n        onClick: (ruta, { triggerElement }) => {\n          popupAnchorRef.current = triggerElement;\n          setActiveRow(ruta);\n          requestAnimationFrame(() => popupRef.current?.open());\n        },\n      },\n      // editar, eliminar, desactivar…\n    ],\n  },\n];\n\n<Table\n  columns={columns}\n  rows={rows}\n  toolbar={{\n    primaryCustomAction: {\n      label: 'Añadir Ruta',\n      leftSlot: faPlus,\n      requiresSelection: false,\n      onClick: () => { /* toast / navegación — fuera de Table */ },\n    },\n  }}\n/>\n\n<Popup\n  ref={popupRef}\n  triggerRef={popupAnchorRef}\n  triggerRefInteraction={false}\n  closeOnClick={false}\n  position=\"bottom-right\"\n>\n  {FORMATOS.map((formato) => (\n    <Checkbox\n      key={formato.id}\n      checked={selection.includes(formato.id)}\n      onChange={(checked) =>\n        onFormatoChange({\n          rutaId: activeRow.id,\n          formatoId: formato.id,\n          checked,\n        })\n      }\n      label={formato.label}\n    />\n  ))}\n  <Button onClick={() => popupRef.current?.close()}>Cerrar</Button>\n</Popup>",
             "<Table\n  columns={columns}\n  rows={pageRows}\n  selection={{\n    enabled: true,\n    multiple: true,\n    showSelectionBar: true,\n    actions: [{ label: 'Eliminar', onClick: (ids) => { ... } }],\n  }}\n  pagination={{\n    enabled: true,\n    currentPage: page,\n    pageSize,\n    total: totalRowCount,\n    onPageChange: setPage,\n    onPageSizeChange: setPageSize,\n  }}\n/>",
-            "<Table\n  columns={columns}\n  rows={pageRows}\n  selection={{\n    enabled: true,\n    multiple: true,\n    showSelectionBar: true,\n    actions: [{ label: 'Eliminar', onClick: (ids) => { ... } }],\n  }}\n  pagination={{\n    enabled: true,\n    currentPage: page,\n    pageSize,\n    total: totalRowCount,\n    onPageChange: setPage,\n    onPageSizeChange: setPageSize,\n  }}\n/>"
+            "<Table\n  columns={columns}\n  rows={pageRows}\n  selection={{\n    enabled: true,\n    multiple: true,\n    showSelectionBar: true,\n    actions: [{ label: 'Eliminar', onClick: (ids) => { ... } }],\n  }}\n  pagination={{\n    enabled: true,\n    currentPage: page,\n    pageSize,\n    total: totalRowCount,\n    onPageChange: setPage,\n    onPageSizeChange: setPageSize,\n  }}\n/>",
+            "selection={{\n  enabled: true,\n  multiple: true,\n  showSelectionBar: true,\n  showClearSelection: true,\n  clearSelectionTooltip: { label: 'Quitar selección', position: 'top' },\n  actions: [\n    {\n      label: 'Editar',\n      icon: faPen,\n      tooltip: { label: 'Editar filas seleccionadas', position: 'top' },\n      onClick: (ids) => { /* … */ },\n    },\n    {\n      label: 'Eliminar',\n      icon: faTrash,\n      disabled: true,\n      tooltip: {\n        label: 'Selecciona al menos dos filas para eliminar en lote',\n        position: 'top',\n      },\n      onClick: (ids) => { /* … */ },\n    },\n  ],\n}}",
+            "selection={{\n  enabled: true,\n  multiple: true,\n  showSelectionBar: true,\n  showClearSelection: true,\n  clearSelectionTooltip: { label: 'Quitar selección', position: 'top' },\n  actions: [\n    {\n      label: 'Editar',\n      icon: faPen,\n      tooltip: { label: 'Editar filas seleccionadas', position: 'top' },\n      onClick: (ids) => { /* … */ },\n    },\n    {\n      label: 'Eliminar',\n      icon: faTrash,\n      disabled: true,\n      tooltip: {\n        label: 'Selecciona al menos dos filas para eliminar en lote',\n        position: 'top',\n      },\n      onClick: (ids) => { /* … */ },\n    },\n  ],\n}}"
           ],
           "props": {
             "groups": {},
@@ -13177,6 +13179,12 @@
                 "type": "boolean",
                 "required": false,
                 "description": "Si es `false`, oculta el botón «atrás» en la vista de addons (p. ej. confirmación solo con contador + acciones).\n    Por defecto `true` (comportamiento anterior)."
+              },
+              "chrome": {
+                "name": "chrome",
+                "type": "ToolbarChromeConfig",
+                "required": false,
+                "description": "Tooltips agrupados de botones fijos (volver, cerrar)."
               }
             }
           }
@@ -14161,7 +14169,12 @@
       }
     ]
   },
-  "changelogRetirements": [],
+  "changelogRetirements": [
+    {
+      "version": "1.12.2",
+      "note": "`Toolbar` / `SelectionAction`:** props planas `tooltipPosition`, `tooltipAlignment` y `tooltipDelay` siguen funcionando; migrar a objeto `tooltip` (deprecated)."
+    }
+  ],
   "consumerChecklist": [
     {
       "id": "tailwind-prefix",

package/catalog/install-registry.json

@@ -1,8 +1,8 @@
 {
   "schemaVersion": "1.0.0",
   "consumerRoot": "../../ds-mcp/src/indexer/consumer",
-  "generatedAt": "2026-07-02T19:01:02.192Z",
-  "uiVersion": "1.12.0",
+  "generatedAt": "2026-07-16T22:56:42.816Z",
+  "uiVersion": "1.12.2",
   "entries": {
     "accordion": {
       "name": "Accordion",
@@ -4436,6 +4436,7 @@
         "tag",
         "text",
         "title",
+        "toolbar",
         "tooltip",
         "visual"
       ],
@@ -5572,6 +5573,11 @@
           "target": "modules/Toolbar/types/index.ts",
           "source": "Toolbar/types/index.ts",
           "sourceKind": "module"
+        },
+        {
+          "target": "modules/Toolbar/utils/toolbarButtonProps.ts",
+          "source": "Toolbar/utils/toolbarButtonProps.ts",
+          "sourceKind": "module"
         }
       ],
       "cssImports": [