@beweco/aurora-ui 1.0.0-beta.135 → 1.0.0-beta.136

package/dist/index.cjs.js

@@ -9316,6 +9316,37 @@ const Table = Object.assign(TableFacade, {
     SortableColumnHeader: react.Table.SortableColumnHeader,
 });
 
+/**
+ * Clave de la columna que `AuraTable` marca como identificadora de la fila cuando la app no marca
+ * ninguna — `undefined` si alguna ya lo pide (entonces manda la app) o si no hay columnas.
+ *
+ * EL DEFECTO QUE ESTO CIERRA (medido en `beweosagency`, pantalla `/centers`, 3 apariciones en una
+ * sola carga): react-aria exige al menos una columna con `isRowHeader` y, si no la encuentra,
+ * lanza `A table must have at least one Column with the isRowHeader prop set to true` al construir
+ * la colección (`react-aria-components/dist/private/Table.mjs:145`). `AuraTable` no marcaba
+ * ninguna, así que TODA tabla montada por la vía declarativa lo disparaba. React se recupera
+ * —la guarda pone `columnsDirty = false` ANTES de lanzar, así que el reintento pasa— pero
+ * descarta el render concurrente, repinta la raíz de forma síncrona y deja el error en consola.
+ * La vía compuesta a mano (`Table.Content` + `Table.Column isRowHeader`) nunca estuvo afectada:
+ * ahí la marca la app.
+ *
+ * Lo que se pierde mientras tanto no es solo ruido: sin columna identificadora, NINGUNA celda
+ * recibe `role="rowheader"` (medido: las 3 celdas de la story `Default` salían `gridcell`), o sea
+ * que un lector de pantalla recorre las filas sin poder decir de QUÉ fila habla.
+ *
+ * Por qué la PRIMERA: es lo que ya hace a mano la composición cruda de este repo
+ * (`stories/Table.stories.tsx:123`, `isRowHeader={column.key === "name"}`, que es la primera
+ * columna) y lo que hace la columna identificadora en las tablas de las apps. Una columna con
+ * `isRowHeader: false` cuenta como "no lo pide": react-aria solo mira si el valor es truthy
+ * (`if (node.props.isRowHeader)`, Table.mjs:136), así que `false` y ausente son indistinguibles
+ * para él y tratarlos igual evita que un `false` escrito por costumbre deje la tabla otra vez
+ * sin identificador.
+ */
+function defaultRowHeaderKey(columns) {
+    return columns.some((column) => column.isRowHeader)
+        ? undefined
+        : columns[0]?.key;
+}
 /**
  * AuraTable genérico reutilizable, migrado al `Table` compound de HeroUI v3 (el `Table` de v2 con
  * `TableHeader`/`TableColumn`/`TableBody`/`TableRow`/`TableCell` sueltos se elimina).
@@ -9336,9 +9367,10 @@ const Table = Object.assign(TableFacade, {
  * no tener la anatomía escrita en dos sitios.
  */
 function AuraTable({ columns, items, renderCell, children, className, ...props }) {
+    const rowHeaderKey = defaultRowHeaderKey(columns);
     // `removeWrapper`/`radius="none"` de v2 no tienen prop equivalente en v3 (§ver
     // AuraTable.types.ts): se aproxima con `rounded-none` directo en el `className` del root.
-    return (jsxRuntime.jsx(Table, { className: `rounded-none ${className ?? ""}`.trim(), children: jsxRuntime.jsxs(Table.Content, { ...props, children: [jsxRuntime.jsx(Table.Header, { columns: columns, children: (column) => (jsxRuntime.jsx(Table.Column, { children: column.label }, column.key)) }), jsxRuntime.jsx(Table.Body, { items: items, children: (item) => (jsxRuntime.jsx(Table.Row, { columns: columns, children: (column) => (jsxRuntime.jsx(Table.Cell, { children: renderCell ? renderCell(item, column.key) : children })) }, item.id)) })] }) }));
+    return (jsxRuntime.jsx(Table, { className: `rounded-none ${className ?? ""}`.trim(), children: jsxRuntime.jsxs(Table.Content, { ...props, children: [jsxRuntime.jsx(Table.Header, { columns: columns, children: (column) => (jsxRuntime.jsx(Table.Column, { isRowHeader: column.isRowHeader || column.key === rowHeaderKey, children: column.label }, column.key)) }), jsxRuntime.jsx(Table.Body, { items: items, children: (item) => (jsxRuntime.jsx(Table.Row, { columns: columns, children: (column) => (jsxRuntime.jsx(Table.Cell, { children: renderCell ? renderCell(item, column.key) : children })) }, item.id)) })] }) }));
 }
 
 // TECH-2459 · F3 · G1-forms — v3 divide el `Textarea` monolítico de v2 en `TextField` +

package/dist/index.esm.js

@@ -9316,6 +9316,37 @@ const Table = Object.assign(TableFacade, {
     SortableColumnHeader: Table$1.SortableColumnHeader,
 });
 
+/**
+ * Clave de la columna que `AuraTable` marca como identificadora de la fila cuando la app no marca
+ * ninguna — `undefined` si alguna ya lo pide (entonces manda la app) o si no hay columnas.
+ *
+ * EL DEFECTO QUE ESTO CIERRA (medido en `beweosagency`, pantalla `/centers`, 3 apariciones en una
+ * sola carga): react-aria exige al menos una columna con `isRowHeader` y, si no la encuentra,
+ * lanza `A table must have at least one Column with the isRowHeader prop set to true` al construir
+ * la colección (`react-aria-components/dist/private/Table.mjs:145`). `AuraTable` no marcaba
+ * ninguna, así que TODA tabla montada por la vía declarativa lo disparaba. React se recupera
+ * —la guarda pone `columnsDirty = false` ANTES de lanzar, así que el reintento pasa— pero
+ * descarta el render concurrente, repinta la raíz de forma síncrona y deja el error en consola.
+ * La vía compuesta a mano (`Table.Content` + `Table.Column isRowHeader`) nunca estuvo afectada:
+ * ahí la marca la app.
+ *
+ * Lo que se pierde mientras tanto no es solo ruido: sin columna identificadora, NINGUNA celda
+ * recibe `role="rowheader"` (medido: las 3 celdas de la story `Default` salían `gridcell`), o sea
+ * que un lector de pantalla recorre las filas sin poder decir de QUÉ fila habla.
+ *
+ * Por qué la PRIMERA: es lo que ya hace a mano la composición cruda de este repo
+ * (`stories/Table.stories.tsx:123`, `isRowHeader={column.key === "name"}`, que es la primera
+ * columna) y lo que hace la columna identificadora en las tablas de las apps. Una columna con
+ * `isRowHeader: false` cuenta como "no lo pide": react-aria solo mira si el valor es truthy
+ * (`if (node.props.isRowHeader)`, Table.mjs:136), así que `false` y ausente son indistinguibles
+ * para él y tratarlos igual evita que un `false` escrito por costumbre deje la tabla otra vez
+ * sin identificador.
+ */
+function defaultRowHeaderKey(columns) {
+    return columns.some((column) => column.isRowHeader)
+        ? undefined
+        : columns[0]?.key;
+}
 /**
  * AuraTable genérico reutilizable, migrado al `Table` compound de HeroUI v3 (el `Table` de v2 con
  * `TableHeader`/`TableColumn`/`TableBody`/`TableRow`/`TableCell` sueltos se elimina).
@@ -9336,9 +9367,10 @@ const Table = Object.assign(TableFacade, {
  * no tener la anatomía escrita en dos sitios.
  */
 function AuraTable({ columns, items, renderCell, children, className, ...props }) {
+    const rowHeaderKey = defaultRowHeaderKey(columns);
     // `removeWrapper`/`radius="none"` de v2 no tienen prop equivalente en v3 (§ver
     // AuraTable.types.ts): se aproxima con `rounded-none` directo en el `className` del root.
-    return (jsx(Table, { className: `rounded-none ${className ?? ""}`.trim(), children: jsxs(Table.Content, { ...props, children: [jsx(Table.Header, { columns: columns, children: (column) => (jsx(Table.Column, { children: column.label }, column.key)) }), jsx(Table.Body, { items: items, children: (item) => (jsx(Table.Row, { columns: columns, children: (column) => (jsx(Table.Cell, { children: renderCell ? renderCell(item, column.key) : children })) }, item.id)) })] }) }));
+    return (jsx(Table, { className: `rounded-none ${className ?? ""}`.trim(), children: jsxs(Table.Content, { ...props, children: [jsx(Table.Header, { columns: columns, children: (column) => (jsx(Table.Column, { isRowHeader: column.isRowHeader || column.key === rowHeaderKey, children: column.label }, column.key)) }), jsx(Table.Body, { items: items, children: (item) => (jsx(Table.Row, { columns: columns, children: (column) => (jsx(Table.Cell, { children: renderCell ? renderCell(item, column.key) : children })) }, item.id)) })] }) }));
 }
 
 // TECH-2459 · F3 · G1-forms — v3 divide el `Textarea` monolítico de v2 en `TextField` +

package/dist/types/components/table/AuraTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AuraTable.d.ts","sourceRoot":"","sources":["../../../../src/components/table/AuraTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAKnE,KAAK,0BAA0B,CAAC,CAAC,SAAS,SAAS,IAAI,cAAc,CAAC,CAAC,CAAC,GAAG;IAC1E,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACtE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,SAAS,CAAC,CAAC,SAAS,SAAS,EAAE,EAC9C,OAAO,EACP,KAAK,EACL,UAAU,EACV,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACR,EAAE,0BAA0B,CAAC,CAAC,CAAC,qBAyB/B"}
+{"version":3,"file":"AuraTable.d.ts","sourceRoot":"","sources":["../../../../src/components/table/AuraTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAa,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAK9E,KAAK,0BAA0B,CAAC,CAAC,SAAS,SAAS,IAAI,cAAc,CAAC,CAAC,CAAC,GAAG;IAC1E,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACtE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAkCF;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,SAAS,CAAC,CAAC,SAAS,SAAS,EAAE,EAC9C,OAAO,EACP,KAAK,EACL,UAAU,EACV,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACR,EAAE,0BAA0B,CAAC,CAAC,CAAC,qBAgC/B"}

package/dist/types/components/table/AuraTable.types.d.ts

@@ -3,6 +3,18 @@ import type React from "react";
 export interface ColumnDef {
     key: string;
     label: string;
+    /**
+     * Marca esta columna como la IDENTIFICADORA de la fila: su celda pasa de `role="gridcell"` a
+     * `role="rowheader"`, que es lo que un lector de pantalla anuncia al recorrer la tabla fila a
+     * fila. No cambia nada visual.
+     *
+     * React Aria EXIGE que haya al menos una por tabla y, si no la hay, lanza
+     * `A table must have at least one Column with the isRowHeader prop set to true` mientras
+     * construye la colección (`react-aria-components/dist/private/Table.mjs:145`). Por eso
+     * `AuraTable` marca la PRIMERA columna cuando ninguna lo pide — ver `AuraTable.tsx`. Declara
+     * esta prop solo cuando la columna identificadora no sea la primera.
+     */
+    isRowHeader?: boolean;
 }
 export interface TableItem {
     id: string | number;

package/dist/types/components/table/AuraTable.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AuraTable.types.d.ts","sourceRoot":"","sources":["../../../../src/components/table/AuraTable.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAChF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,SAAS;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,SAAS;IACzB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED;;;;;;;;GAQG;AACH,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,SAAS,IAAI,IAAI,CACrD,qBAAqB,EACrB,UAAU,CACV,GAAG;IACH,OAAO,EAAE,SAAS,EAAE,CAAC;IACrB,KAAK,EAAE,CAAC,EAAE,CAAC;CACX,CAAC"}
+{"version":3,"file":"AuraTable.types.d.ts","sourceRoot":"","sources":["../../../../src/components/table/AuraTable.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAChF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,SAAS;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd;;;;;;;;;;OAUG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,SAAS;IACzB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED;;;;;;;;GAQG;AACH,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,SAAS,IAAI,IAAI,CACrD,qBAAqB,EACrB,UAAU,CACV,GAAG;IACH,OAAO,EAAE,SAAS,EAAE,CAAC;IACrB,KAAK,EAAE,CAAC,EAAE,CAAC;CACX,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@beweco/aurora-ui",
-	"version": "1.0.0-beta.135",
+	"version": "1.0.0-beta.136",
 	"description": "Bewe Aurora UI Component Library",
 	"main": "./dist/index.cjs.js",
 	"module": "./dist/index.esm.js",