@multiplatform.one/table 7.7.6 → 7.10.0

package/dist/esm/components/DataTable/DataTableMobileCards.mjs

@@ -3,7 +3,7 @@ import { EmptyState } from "@multiplatform.one/components";
 import { Button, Checkbox } from "@multiplatform.one/forms";
 import { hairline, useResolvedKnobs } from "@multiplatform.one/theme";
 import { useCallback } from "react";
-import { Text, View, XStack } from "tamagui";
+import { Text, View, VisuallyHidden, XStack } from "tamagui";
 import { useTranslation } from "react-i18next";
 import { TableCellContext } from "@multiplatform.one/table-primitives";
 import { withInterp } from "../../utils/withInterp.mjs";
@@ -15,6 +15,27 @@ function getColumnLabel(cell) {
   if (typeof metaLabel === "string" && metaLabel) return metaLabel;
   return typeof columnDef.header === "string" ? columnDef.header : columnDef.id || cell.column.id;
 }
+const selfNamingFields = /* @__PURE__ */new Set(["checkbox", "switch", "rating", "progress", "image", "signature", "fileupload", "colorpicker", "barcode", "geolocation"]);
+const indicatorIds = /* @__PURE__ */new Set(["status", "priority", "workflow_state", "state"]);
+const dateLike = /^\d{4}-\d{2}-\d{2}([T ]|$)|^\d{1,2}\/\d{1,2}\/\d{2,4}$/;
+const numberLike = /^[+\-−]?[\d,\s]*\d(\.\d+)?%?$/;
+function classifyCardField(cell) {
+  const def = cell.column.columnDef;
+  const id = String(cell.column.id ?? "");
+  const role = def.meta?.role;
+  if (role === "hidden" || role === "skip") return "skip";
+  if (role === "actions" || id.startsWith("_") || def.field && selfNamingFields.has(def.field)) {
+    return "control";
+  }
+  const raw = typeof cell.getValue === "function" ? cell.getValue() : void 0;
+  if (raw == null || typeof raw === "string" && raw.trim() === "") return "skip";
+  if (role === "indicator" || indicatorIds.has(id)) return "bare";
+  if (typeof raw === "string") {
+    const value = raw.trim();
+    return numberLike.test(value) || dateLike.test(value) ? "figure" : "bare";
+  }
+  return "figure";
+}
 function DataTableMobileCards({
   tableRows,
   enableRowSelection = false,
@@ -45,17 +66,29 @@ function DataTableMobileCards({
     compact
   });
   const tableZebraOn = knobProps.tableZebra === "on";
+  const renderCell = useCallback((cell, index, rowData) => /* @__PURE__ */jsx(TableCellContext.Provider, {
+    value: {
+      inTableCell: true,
+      isHeader: false
+    },
+    children: renderCellContent(cell, index, rowData)
+  }), [renderCellContent]);
   const renderMobileCard = useCallback((row, index) => {
     const rowData = row.original;
     const visibleCells = row.getVisibleCells();
     const [titleCell, ...detailCells] = visibleCells;
     const showDelete = showDeleteRow && !readOnly;
+    const bare = [];
+    const figures = [];
+    const controls = [];
+    for (const cell of detailCells) {
+      const kind = classifyCardField(cell);
+      if (kind === "bare") bare.push(cell);else if (kind === "figure") figures.push(cell);else if (kind === "control") controls.push(cell);
+    }
+    const hasBody = bare.length > 0 || figures.length > 0 || controls.length > 0;
     return /* @__PURE__ */jsxs(View, {
       testID: "data-table-card",
-      ...knobProps.surface,
       ...knobProps.cardSurface,
-      elevation: knobProps.elevation,
-      borderColor: "$color6",
       ...(tableZebraOn && index % 2 === 1 ? {
         backgroundColor: "$color2"
       } : {}),
@@ -67,7 +100,7 @@ function DataTableMobileCards({
       children: [/* @__PURE__ */jsxs(XStack, {
         alignItems: "center",
         gap: "$2",
-        ...(detailCells.length > 0 ? {
+        ...(hasBody ? {
           paddingBottom: "$2",
           marginBottom: "$2",
           ...hairline.bottom,
@@ -92,16 +125,11 @@ function DataTableMobileCards({
           flex: 1,
           minWidth: 0,
           "aria-label": getColumnLabel(titleCell),
+          accessibilityLabel: getColumnLabel(titleCell),
           ...{
             "data-card-slot": "title"
           },
-          children: /* @__PURE__ */jsx(TableCellContext.Provider, {
-            value: {
-              inTableCell: true,
-              isHeader: false
-            },
-            children: renderCellContent(titleCell, index, rowData)
-          })
+          children: renderCell(titleCell, index, rowData)
         }) : /* @__PURE__ */jsx(View, {
           flex: 1
         }), showRowNumbers && /* @__PURE__ */jsxs(Text, {
@@ -122,32 +150,69 @@ function DataTableMobileCards({
             row: index + 1
           })
         })]
-      }), detailCells.map(cell => /* @__PURE__ */jsxs(View, {
-        flexDirection: "row",
+      }), bare.length > 0 ? /* @__PURE__ */jsx(XStack, {
+        flexWrap: "wrap",
         alignItems: "center",
-        paddingVertical: "$1.5",
         gap: "$2",
-        children: [/* @__PURE__ */jsx(Text, {
-          fontSize: knobProps.sizeToken,
-          color: "$color10",
-          fontWeight: "500",
-          width: "40%",
-          flexShrink: 0,
-          children: getColumnLabel(cell)
-        }), /* @__PURE__ */jsx(View, {
-          flex: 1,
+        ...{
+          "data-card-slot": "meta"
+        },
+        children: bare.map((cell, i) => /* @__PURE__ */jsxs(XStack, {
+          alignItems: "center",
+          gap: "$2",
+          flexShrink: 1,
           minWidth: 0,
-          children: /* @__PURE__ */jsx(TableCellContext.Provider, {
-            value: {
-              inTableCell: true,
-              isHeader: false
-            },
-            children: renderCellContent(cell, index, rowData)
-          })
-        })]
+          children: [/* @__PURE__ */jsx(VisuallyHidden, {
+            children: `${getColumnLabel(cell)}: `
+          }), /* @__PURE__ */jsx(View, {
+            flexShrink: 1,
+            minWidth: 0,
+            children: renderCell(cell, index, rowData)
+          }), i < bare.length - 1 ? /* @__PURE__ */jsx(Text, {
+            fontSize: knobProps.sizeToken,
+            color: "$color8",
+            "aria-hidden": true,
+            accessibilityElementsHidden: true,
+            importantForAccessibility: "no-hide-descendants",
+            children: "\xB7"
+          }) : null]
+        }, cell.id))
+      }) : null, figures.length > 0 ? /* @__PURE__ */jsx(XStack, {
+        flexWrap: "wrap",
+        alignItems: "center",
+        gap: "$3",
+        paddingTop: bare.length > 0 ? "$1.5" : 0,
+        ...{
+          "data-card-slot": "figure"
+        },
+        children: figures.map(cell => /* @__PURE__ */jsxs(XStack, {
+          alignItems: "center",
+          gap: "$1.5",
+          flexShrink: 1,
+          minWidth: 0,
+          children: [/* @__PURE__ */jsx(Text, {
+            fontSize: knobProps.sizeToken,
+            color: "$color10",
+            fontWeight: "500",
+            children: getColumnLabel(cell)
+          }), /* @__PURE__ */jsx(View, {
+            flexShrink: 1,
+            minWidth: 0,
+            children: renderCell(cell, index, rowData)
+          })]
+        }, cell.id))
+      }) : null, controls.map(cell => /* @__PURE__ */jsxs(View, {
+        paddingTop: "$2",
+        minWidth: 0,
+        ...{
+          "data-card-slot": "control"
+        },
+        children: [/* @__PURE__ */jsx(VisuallyHidden, {
+          children: `${getColumnLabel(cell)}: `
+        }), renderCell(cell, index, rowData)]
       }, cell.id))]
     }, `${row.id}-${index}`);
-  }, [enableRowSelection, showRowNumbers, showDeleteRow, readOnly, disabled, dataLength, minRows, renderCellContent, onDeleteRow, compact, knobProps, tableZebraOn, t, selectRowLabel, getRowPressProps]);
+  }, [enableRowSelection, showRowNumbers, showDeleteRow, readOnly, disabled, dataLength, minRows, renderCell, onDeleteRow, compact, knobProps, tableZebraOn, t, selectRowLabel, getRowPressProps]);
   return /* @__PURE__ */jsxs(View, {
     flexDirection: "column",
     ...knobProps.gap,
@@ -185,5 +250,5 @@ function DataTableMobileCards({
     }) : tableRows.map((row, index) => renderMobileCard(row, index))]
   });
 }
-export { DataTableMobileCards };
+export { DataTableMobileCards, classifyCardField, getColumnLabel };
 //# sourceMappingURL=DataTableMobileCards.mjs.map

package/dist/esm/components/DataTable/DataTableMobileCards.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["TrashIcon","EmptyState","Button","Checkbox","hairline","useResolvedKnobs","useCallback","Text","View","XStack","useTranslation","TableCellContext","withInterp","rowIntentProps","jsx","jsxs","getColumnLabel","cell","columnDef","column","metaLabel","meta","label","header","id","DataTableMobileCards","tableRows","enableRowSelection","showRowNumbers","showDeleteRow","readOnly","disabled","dataLength","minRows","hasActiveFilters","renderCellContent","onDeleteRow","selectAllChecked","selectAllIndeterminate","onToggleSelectAll","compact","selectRowLabel","getRowPressProps","queryInFlight","t","knobProps","component","tableZebraOn","tableZebra","renderMobileCard","row","index","rowData","original","visibleCells","getVisibleCells","titleCell","detailCells","showDelete","testID","surface","cardSurface","elevation","borderColor","backgroundColor","children","alignItems","gap","length","paddingBottom","marginBottom","bottom","borderBottomColor","checked","getIsSelected","onChange","toggleSelected","checkboxProps","flex","minWidth","Provider","value","inTableCell","isHeader","fontSize","sizeToken","color","fontWeight","chromeless","circular","size","icon","onPress","map","flexDirection","paddingVertical","width","flexShrink","shouldSelect","borderRadius","title"],"sources":["../../../../src/components/DataTable/DataTableMobileCards.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["TrashIcon","EmptyState","Button","Checkbox","hairline","useResolvedKnobs","useCallback","Text","View","VisuallyHidden","XStack","useTranslation","TableCellContext","withInterp","rowIntentProps","jsx","jsxs","getColumnLabel","cell","columnDef","column","metaLabel","meta","label","header","id","selfNamingFields","Set","indicatorIds","dateLike","numberLike","classifyCardField","def","String","role","startsWith","field","has","raw","getValue","trim","value","test","DataTableMobileCards","tableRows","enableRowSelection","showRowNumbers","showDeleteRow","readOnly","disabled","dataLength","minRows","hasActiveFilters","renderCellContent","onDeleteRow","selectAllChecked","selectAllIndeterminate","onToggleSelectAll","compact","selectRowLabel","getRowPressProps","queryInFlight","t","knobProps","component","tableZebraOn","tableZebra","renderCell","index","rowData","Provider","inTableCell","isHeader","children","renderMobileCard","row","original","visibleCells","getVisibleCells","titleCell","detailCells","showDelete","bare","figures","controls","kind","push","hasBody","length","testID","cardSurface","backgroundColor","alignItems","gap","paddingBottom","marginBottom","bottom","borderBottomColor","checked","getIsSelected","onChange","toggleSelected","checkboxProps","flex","minWidth","accessibilityLabel","fontSize","sizeToken","color","fontWeight","chromeless","circular","size","icon","onPress","flexWrap","map","i","flexShrink","accessibilityElementsHidden","importantForAccessibility","paddingTop","flexDirection","shouldSelect","borderRadius","title"],"sources":["../../../../src/components/DataTable/DataTableMobileCards.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/components/DataTable/DataTableMobileCards.native.js

@@ -4,7 +4,7 @@ import { EmptyState } from "@multiplatform.one/components";
 import { Button, Checkbox } from "@multiplatform.one/forms";
 import { hairline, useResolvedKnobs } from "@multiplatform.one/theme";
 import { useCallback } from "react";
-import { Text, View, XStack } from "tamagui";
+import { Text, View, VisuallyHidden, XStack } from "tamagui";
 import { useTranslation } from "react-i18next";
 import { TableCellContext } from "@multiplatform.one/table-primitives";
 import { withInterp } from "../../utils/withInterp.native.js";
@@ -16,6 +16,29 @@ function getColumnLabel(cell) {
   if (typeof metaLabel === "string" && metaLabel) return metaLabel;
   return typeof columnDef.header === "string" ? columnDef.header : columnDef.id || cell.column.id;
 }
+var selfNamingFields = /* @__PURE__ */new Set(["checkbox", "switch", "rating", "progress", "image", "signature", "fileupload", "colorpicker", "barcode", "geolocation"]);
+var indicatorIds = /* @__PURE__ */new Set(["status", "priority", "workflow_state", "state"]);
+var dateLike = /^\d{4}-\d{2}-\d{2}([T ]|$)|^\d{1,2}\/\d{1,2}\/\d{2,4}$/;
+var numberLike = /^[+\-−]?[\d,\s]*\d(\.\d+)?%?$/;
+function classifyCardField(cell) {
+  var _cell_column_id;
+  var _def_meta;
+  var def = cell.column.columnDef;
+  var id = String((_cell_column_id = cell.column.id) !== null && _cell_column_id !== void 0 ? _cell_column_id : "");
+  var role = (_def_meta = def.meta) === null || _def_meta === void 0 ? void 0 : _def_meta.role;
+  if (role === "hidden" || role === "skip") return "skip";
+  if (role === "actions" || id.startsWith("_") || def.field && selfNamingFields.has(def.field)) {
+    return "control";
+  }
+  var raw = typeof cell.getValue === "function" ? cell.getValue() : void 0;
+  if (raw == null || typeof raw === "string" && raw.trim() === "") return "skip";
+  if (role === "indicator" || indicatorIds.has(id)) return "bare";
+  if (typeof raw === "string") {
+    var value = raw.trim();
+    return numberLike.test(value) || dateLike.test(value) ? "figure" : "bare";
+  }
+  return "figure";
+}
 function DataTableMobileCards(param) {
   var {
     tableRows,
@@ -47,18 +70,51 @@ function DataTableMobileCards(param) {
     compact
   });
   var tableZebraOn = knobProps.tableZebra === "on";
+  var renderCell = useCallback(function (cell, index, rowData) {
+    return /* @__PURE__ */_jsx(TableCellContext.Provider, {
+      value: {
+        inTableCell: true,
+        isHeader: false
+      },
+      children: renderCellContent(cell, index, rowData)
+    });
+  }, [renderCellContent]);
   var renderMobileCard = useCallback(function (row, index) {
     var _ref;
     var rowData = row.original;
     var visibleCells = row.getVisibleCells();
     var [titleCell, ...detailCells] = visibleCells;
     var showDelete = showDeleteRow && !readOnly;
+    var bare = [];
+    var figures = [];
+    var controls = [];
+    var _iteratorNormalCompletion = true,
+      _didIteratorError = false,
+      _iteratorError = void 0;
+    try {
+      for (var _iterator = detailCells[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+        var cell = _step.value;
+        var kind = classifyCardField(cell);
+        if (kind === "bare") bare.push(cell);else if (kind === "figure") figures.push(cell);else if (kind === "control") controls.push(cell);
+      }
+    } catch (err) {
+      _didIteratorError = true;
+      _iteratorError = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion && _iterator.return != null) {
+          _iterator.return();
+        }
+      } finally {
+        if (_didIteratorError) {
+          throw _iteratorError;
+        }
+      }
+    }
+    var hasBody = bare.length > 0 || figures.length > 0 || controls.length > 0;
     return /* @__PURE__ */_jsxs(View, {
       testID: "data-table-card",
-      ...knobProps.surface,
       ...knobProps.cardSurface,
-      elevation: knobProps.elevation,
-      borderColor: "$color6",
       ...(tableZebraOn && index % 2 === 1 ? {
         backgroundColor: "$color2"
       } : {}),
@@ -71,7 +127,7 @@ function DataTableMobileCards(param) {
       /* @__PURE__ */_jsxs(XStack, {
         alignItems: "center",
         gap: "$2",
-        ...(detailCells.length > 0 ? {
+        ...(hasBody ? {
           paddingBottom: "$2",
           marginBottom: "$2",
           ...hairline.bottom,
@@ -96,16 +152,11 @@ function DataTableMobileCards(param) {
           flex: 1,
           minWidth: 0,
           "aria-label": getColumnLabel(titleCell),
+          accessibilityLabel: getColumnLabel(titleCell),
           ...{
             "data-card-slot": "title"
           },
-          children: /* @__PURE__ */_jsx(TableCellContext.Provider, {
-            value: {
-              inTableCell: true,
-              isHeader: false
-            },
-            children: renderCellContent(titleCell, index, rowData)
-          })
+          children: renderCell(titleCell, index, rowData)
         }) : /* @__PURE__ */_jsx(View, {
           flex: 1
         }), showRowNumbers && /* @__PURE__ */_jsxs(Text, {
@@ -128,35 +179,83 @@ function DataTableMobileCards(param) {
             row: index + 1
           })
         })]
-      }), /* Field rows: remaining visible columns as label/value pairs */
-      detailCells.map(function (cell) {
-        return /* @__PURE__ */_jsxs(View, {
-          flexDirection: "row",
-          alignItems: "center",
-          paddingVertical: "$1.5",
-          gap: "$2",
-          children: [/* @__PURE__ */_jsx(Text, {
-            fontSize: knobProps.sizeToken,
-            color: "$color10",
-            fontWeight: "500",
-            width: "40%",
-            flexShrink: 0,
-            children: getColumnLabel(cell)
-          }), /* @__PURE__ */_jsx(View, {
-            flex: 1,
+      }),
+      /* Self-naming values, wrapped into one flow. No printed labels:
+      the name goes to assistive tech only, at no layout cost. */
+      bare.length > 0 ? /* @__PURE__ */_jsx(XStack, {
+        flexWrap: "wrap",
+        alignItems: "center",
+        gap: "$2",
+        ...{
+          "data-card-slot": "meta"
+        },
+        children: bare.map(function (cell2, i) {
+          return /* @__PURE__ */_jsxs(XStack, {
+            alignItems: "center",
+            gap: "$2",
+            flexShrink: 1,
             minWidth: 0,
-            children: /* @__PURE__ */_jsx(TableCellContext.Provider, {
-              value: {
-                inTableCell: true,
-                isHeader: false
-              },
-              children: renderCellContent(cell, index, rowData)
-            })
-          })]
-        }, cell.id);
+            children: [/* @__PURE__ */_jsx(VisuallyHidden, {
+              children: `${getColumnLabel(cell2)}: `
+            }), /* @__PURE__ */_jsx(View, {
+              flexShrink: 1,
+              minWidth: 0,
+              children: renderCell(cell2, index, rowData)
+            }),
+            /* The separator TRAILS its value, so a line that wraps
+            starts with content instead of a stray dot. */
+            i < bare.length - 1 ? /* @__PURE__ */_jsx(Text, {
+              fontSize: knobProps.sizeToken,
+              color: "$color8",
+              "aria-hidden": true,
+              accessibilityElementsHidden: true,
+              importantForAccessibility: "no-hide-descendants",
+              children: "\xB7"
+            }) : null]
+          }, cell2.id);
+        })
+      }) : null, /* Figures keep their name, inline beside the value. */
+      figures.length > 0 ? /* @__PURE__ */_jsx(XStack, {
+        flexWrap: "wrap",
+        alignItems: "center",
+        gap: "$3",
+        paddingTop: bare.length > 0 ? "$1.5" : 0,
+        ...{
+          "data-card-slot": "figure"
+        },
+        children: figures.map(function (cell2) {
+          return /* @__PURE__ */_jsxs(XStack, {
+            alignItems: "center",
+            gap: "$1.5",
+            flexShrink: 1,
+            minWidth: 0,
+            children: [/* @__PURE__ */_jsx(Text, {
+              fontSize: knobProps.sizeToken,
+              color: "$color10",
+              fontWeight: "500",
+              children: getColumnLabel(cell2)
+            }), /* @__PURE__ */_jsx(View, {
+              flexShrink: 1,
+              minWidth: 0,
+              children: renderCell(cell2, index, rowData)
+            })]
+          }, cell2.id);
+        })
+      }) : null, /* Controls keep a row of their own — they are tap targets. */
+      controls.map(function (cell2) {
+        return /* @__PURE__ */_jsxs(View, {
+          paddingTop: "$2",
+          minWidth: 0,
+          ...{
+            "data-card-slot": "control"
+          },
+          children: [/* @__PURE__ */_jsx(VisuallyHidden, {
+            children: `${getColumnLabel(cell2)}: `
+          }), renderCell(cell2, index, rowData)]
+        }, cell2.id);
       })]
     }, `${row.id}-${index}`);
-  }, [enableRowSelection, showRowNumbers, showDeleteRow, readOnly, disabled, dataLength, minRows, renderCellContent, onDeleteRow, compact, knobProps, tableZebraOn, t, selectRowLabel, getRowPressProps]);
+  }, [enableRowSelection, showRowNumbers, showDeleteRow, readOnly, disabled, dataLength, minRows, renderCell, onDeleteRow, compact, knobProps, tableZebraOn, t, selectRowLabel, getRowPressProps]);
   return /* @__PURE__ */_jsxs(View, {
     flexDirection: "column",
     ...knobProps.gap,
@@ -198,5 +297,5 @@ function DataTableMobileCards(param) {
     })]
   });
 }
-export { DataTableMobileCards };
+export { DataTableMobileCards, classifyCardField, getColumnLabel };
 //# sourceMappingURL=DataTableMobileCards.native.js.map

package/dist/esm/components/DataTable/DataTableMobileCards.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","TrashIcon","EmptyState","Button","Checkbox","hairline","useResolvedKnobs","useCallback","Text","View","XStack","useTranslation","TableCellContext","withInterp","rowIntentProps","getColumnLabel","cell","_columnDef_meta","columnDef","column","metaLabel","meta","label","header","id","DataTableMobileCards","param","tableRows","enableRowSelection","showRowNumbers","showDeleteRow","readOnly","disabled","dataLength","minRows","hasActiveFilters","renderCellContent","onDeleteRow","selectAllChecked","selectAllIndeterminate","onToggleSelectAll","compact","selectRowLabel","getRowPressProps","queryInFlight","t","knobProps","component","tableZebraOn","tableZebra","renderMobileCard","row","index","_ref","rowData","original","visibleCells","getVisibleCells","titleCell","detailCells","showDelete","testID","surface","cardSurface","elevation","borderColor","backgroundColor","children","alignItems","gap","length","paddingBottom","marginBottom","bottom","borderBottomColor","checked","getIsSelected","onChange","toggleSelected","checkboxProps","flex","minWidth","Provider","value","inTableCell","isHeader","fontSize","sizeToken","color","fontWeight","chromeless","circular","size","icon","onPress","map","flexDirection","paddingVertical","width","flexShrink","shouldSelect","borderRadius","title"],"sources":["../../../../src/components/DataTable/DataTableMobileCards.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","TrashIcon","EmptyState","Button","Checkbox","hairline","useResolvedKnobs","useCallback","Text","View","VisuallyHidden","XStack","useTranslation","TableCellContext","withInterp","rowIntentProps","getColumnLabel","cell","_columnDef_meta","columnDef","column","metaLabel","meta","label","header","id","selfNamingFields","Set","indicatorIds","dateLike","numberLike","classifyCardField","_cell_column_id","_def_meta","def","String","role","startsWith","field","has","raw","getValue","trim","value","test","DataTableMobileCards","param","tableRows","enableRowSelection","showRowNumbers","showDeleteRow","readOnly","disabled","dataLength","minRows","hasActiveFilters","renderCellContent","onDeleteRow","selectAllChecked","selectAllIndeterminate","onToggleSelectAll","compact","selectRowLabel","getRowPressProps","queryInFlight","t","knobProps","component","tableZebraOn","tableZebra","renderCell","index","rowData","Provider","inTableCell","isHeader","children","renderMobileCard","row","_ref","original","visibleCells","getVisibleCells","titleCell","detailCells","showDelete","bare","figures","controls","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","kind","push","err","return","hasBody","length","testID","cardSurface","backgroundColor","alignItems","gap","paddingBottom","marginBottom","bottom","borderBottomColor","checked","getIsSelected","onChange","toggleSelected","checkboxProps","flex","minWidth","accessibilityLabel","fontSize","sizeToken","color","fontWeight","chromeless","circular","size","icon","onPress","flexWrap","map","cell2","i","flexShrink","accessibilityElementsHidden","importantForAccessibility","paddingTop"],"sources":["../../../../src/components/DataTable/DataTableMobileCards.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/components/DataTable/DataTableRoot.mjs

@@ -26,6 +26,7 @@ import { DataTableDocumentList } from "./DataTableDocumentList.mjs";
 import { DataTableVirtualized } from "./DataTableVirtualized.mjs";
 import { dataTableChrome, resolveDataTableIntent, rowIntentProps } from "./dataTableChrome.mjs";
 import { tableCellKeyboardProps, tableRowStateProps } from "./rowStateChrome.mjs";
+import { warnColumnWidthIgnored } from "../../shared/devWarn.mjs";
 import { alignToFlex, getDefaultColumnAlign } from "../../utils/columnAlign.mjs";
 import { mapFieldToFilterType } from "../../utils/filterFields.mjs";
 import { INFINITE_TRIGGER_ROWS } from "../../utils/paginationDefaults.mjs";
@@ -67,6 +68,7 @@ function DataTableRoot({
   pageSizeOptions,
   paginationMode = "pages",
   loadPage,
+  rowAccumulator,
   enableColumnVisibility = true,
   enableColumnOrdering = false,
   enableColumnResizing = false,
@@ -118,6 +120,11 @@ function DataTableRoot({
   "aria-describedby": ariaDescribedBy,
   ...props
 }) {
+  warnColumnWidthIgnored({
+    columnLayout,
+    enableColumnResizing,
+    columns
+  });
   const {
     t
   } = useTranslation();
@@ -178,6 +185,7 @@ function DataTableRoot({
     enablePagination,
     paginationMode,
     loadPage,
+    rowAccumulator,
     enableColumnVisibility,
     enableColumnOrdering,
     enableColumnResizing,
@@ -1182,16 +1190,16 @@ function DataTableRoot({
                                 role: "presentation",
                                 children: [sortDirection === "asc" && /* @__PURE__ */jsx(CaretDownIcon, {
                                   size: chrome.iconPx,
-                                  color: sortDirection ? "var(--color10)" : "var(--color8)"
+                                  color: "var(--color11)"
                                 }), sortDirection === "desc" && /* @__PURE__ */jsx(CaretDownIcon, {
                                   size: chrome.iconPx,
-                                  color: sortDirection ? "var(--color10)" : "var(--color8)",
+                                  color: "var(--color11)",
                                   style: {
                                     transform: "rotate(180deg)"
                                   }
                                 }), sortDirection === false && /* @__PURE__ */jsx(CaretUpDownIcon, {
                                   size: chrome.iconPx,
-                                  color: "$color8"
+                                  color: "var(--color11)"
                                 })]
                               })
                             })]
@@ -1452,9 +1460,28 @@ function DataTableRoot({
                 })]
               }), hasFooter && /* @__PURE__ */jsx(Table.Foot, {
                 children: footerGroups.map(footerGroup => /* @__PURE__ */jsx(Table.Row, {
-                  children: footerGroup.headers.map(header => /* @__PURE__ */jsx(Table.Cell, {
-                    children: header.isPlaceholder ? null : flexRender(header.column.columnDef.footer, header.getContext())
-                  }, header.id))
+                  children: footerGroup.headers.map(header => {
+                    const columnAlign = resolveColumnAlign({
+                      ...header.column.columnDef,
+                      id: header.column.id
+                    });
+                    return /* @__PURE__ */jsx(Table.Cell, {
+                      justifyContent: alignToFlex(columnAlign),
+                      "data-align": columnAlign,
+                      children: header.isPlaceholder ? null : /* @__PURE__ */jsx(View, {
+                        width: "100%",
+                        minWidth: 0,
+                        flexDirection: "row",
+                        alignItems: "center",
+                        justifyContent: alignToFlex(columnAlign),
+                        "data-cell-align": columnAlign,
+                        style: isWeb ? {
+                          textAlign: columnAlign
+                        } : void 0,
+                        children: flexRender(header.column.columnDef.footer, header.getContext())
+                      })
+                    }, header.id);
+                  })
                 }, footerGroup.id))
               })]
             })