@multiplatform.one/table 7.8.0 → 7.10.0

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

@@ -24,7 +24,9 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 }), mod);
 var DataTableMobileCards_exports = {};
 __export(DataTableMobileCards_exports, {
-  DataTableMobileCards: () => DataTableMobileCards
+  DataTableMobileCards: () => DataTableMobileCards,
+  classifyCardField: () => classifyCardField,
+  getColumnLabel: () => getColumnLabel
 });
 module.exports = __toCommonJS(DataTableMobileCards_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -45,6 +47,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,
@@ -76,18 +101,51 @@ function DataTableMobileCards(param) {
     compact
   });
   var tableZebraOn = knobProps.tableZebra === "on";
+  var renderCell = (0, import_react2.useCallback)(function (cell, index, rowData) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.TableCellContext.Provider, {
+      value: {
+        inTableCell: true,
+        isHeader: false
+      },
+      children: renderCellContent(cell, index, rowData)
+    });
+  }, [renderCellContent]);
   var renderMobileCard = (0, import_react2.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__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
       testID: "data-table-card",
-      ...knobProps.surface,
       ...knobProps.cardSurface,
-      elevation: knobProps.elevation,
-      borderColor: "$color6",
       ...(tableZebraOn && index % 2 === 1 ? {
         backgroundColor: "$color2"
       } : {}),
@@ -100,7 +158,7 @@ function DataTableMobileCards(param) {
       /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
         alignItems: "center",
         gap: "$2",
-        ...(detailCells.length > 0 ? {
+        ...(hasBody ? {
           paddingBottom: "$2",
           marginBottom: "$2",
           ...import_theme.hairline.bottom,
@@ -125,16 +183,11 @@ function DataTableMobileCards(param) {
           flex: 1,
           minWidth: 0,
           "aria-label": getColumnLabel(titleCell),
+          accessibilityLabel: getColumnLabel(titleCell),
           ...{
             "data-card-slot": "title"
           },
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.TableCellContext.Provider, {
-            value: {
-              inTableCell: true,
-              isHeader: false
-            },
-            children: renderCellContent(titleCell, index, rowData)
-          })
+          children: renderCell(titleCell, index, rowData)
         }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
           flex: 1
         }), showRowNumbers && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
@@ -157,35 +210,83 @@ function DataTableMobileCards(param) {
             row: index + 1
           })
         })]
-      }), /* Field rows: remaining visible columns as label/value pairs */
-      detailCells.map(function (cell) {
-        return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
-          flexDirection: "row",
-          alignItems: "center",
-          paddingVertical: "$1.5",
-          gap: "$2",
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-            fontSize: knobProps.sizeToken,
-            color: "$color10",
-            fontWeight: "500",
-            width: "40%",
-            flexShrink: 0,
-            children: getColumnLabel(cell)
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.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__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+        flexWrap: "wrap",
+        alignItems: "center",
+        gap: "$2",
+        ...{
+          "data-card-slot": "meta"
+        },
+        children: bare.map(function (cell2, i) {
+          return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+            alignItems: "center",
+            gap: "$2",
+            flexShrink: 1,
             minWidth: 0,
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.TableCellContext.Provider, {
-              value: {
-                inTableCell: true,
-                isHeader: false
-              },
-              children: renderCellContent(cell, index, rowData)
-            })
-          })]
-        }, cell.id);
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.VisuallyHidden, {
+              children: `${getColumnLabel(cell2)}: `
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.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__ */(0, import_jsx_runtime.jsx)(import_tamagui.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__ */(0, import_jsx_runtime.jsx)(import_tamagui.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__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+            alignItems: "center",
+            gap: "$1.5",
+            flexShrink: 1,
+            minWidth: 0,
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+              fontSize: knobProps.sizeToken,
+              color: "$color10",
+              fontWeight: "500",
+              children: getColumnLabel(cell2)
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.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__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
+          paddingTop: "$2",
+          minWidth: 0,
+          ...{
+            "data-card-slot": "control"
+          },
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.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__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
     flexDirection: "column",
     ...knobProps.gap,

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

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","DataTableMobileCards_exports","DataTableMobileCards","module","exports","import_jsx_runtime","require","import_react","import_components","import_forms","import_theme","import_react2","import_tamagui","import_react_i18next","import_table_primitives","import_withInterp","import_dataTableChrome","getColumnLabel","cell","_columnDef_meta","columnDef","column","metaLabel","meta","label","header","id","param","tableRows","enableRowSelection","showRowNumbers","showDeleteRow","readOnly","disabled","dataLength","minRows","hasActiveFilters","renderCellContent","onDeleteRow","selectAllChecked","selectAllIndeterminate","onToggleSelectAll","compact","selectRowLabel","getRowPressProps","queryInFlight","t","useTranslation","knobProps","useResolvedKnobs","component","tableZebraOn","tableZebra","renderMobileCard","useCallback","row","index","_ref","rowData","original","visibleCells","getVisibleCells","titleCell","detailCells","showDelete","jsxs","View","testID","surface","cardSurface","elevation","borderColor","backgroundColor","rowIntentProps","children","XStack","alignItems","gap","length","paddingBottom","marginBottom","hairline","bottom","borderBottomColor","jsx","Checkbox","checked","getIsSelected","onChange","toggleSelected","checkboxProps","withInterp","flex","minWidth","TableCellContext","Provider","inTableCell","isHeader","Text","fontSize","sizeToken","color","fontWeight","Button","chromeless","circular","size","icon","TrashIcon","onPress","map","flexDirection","paddingVertical","width","flexShrink"],"sources":["../../../../src/components/DataTable/DataTableMobileCards.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","DataTableMobileCards_exports","DataTableMobileCards","classifyCardField","getColumnLabel","module","exports","import_jsx_runtime","require","import_react","import_components","import_forms","import_theme","import_react2","import_tamagui","import_react_i18next","import_table_primitives","import_withInterp","import_dataTableChrome","cell","_columnDef_meta","columnDef","column","metaLabel","meta","label","header","id","selfNamingFields","Set","indicatorIds","dateLike","numberLike","_cell_column_id","_def_meta","def","String","role","startsWith","field","has","raw","getValue","trim","test","param","tableRows","enableRowSelection","showRowNumbers","showDeleteRow","readOnly","disabled","dataLength","minRows","hasActiveFilters","renderCellContent","onDeleteRow","selectAllChecked","selectAllIndeterminate","onToggleSelectAll","compact","selectRowLabel","getRowPressProps","queryInFlight","t","useTranslation","knobProps","useResolvedKnobs","component","tableZebraOn","tableZebra","renderCell","useCallback","index","rowData","jsx","TableCellContext","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","jsxs","View","testID","cardSurface","backgroundColor","rowIntentProps","XStack","alignItems","gap","paddingBottom","marginBottom","hairline","bottom","borderBottomColor","Checkbox","checked","getIsSelected","onChange","toggleSelected","checkboxProps","withInterp","flex","minWidth","accessibilityLabel","Text","fontSize","sizeToken","color","fontWeight","Button","chromeless","circular","size","icon","TrashIcon","onPress","flexWrap","map","cell2","i","flexShrink","VisuallyHidden","accessibilityElementsHidden","importantForAccessibility","paddingTop"],"sources":["../../../../src/components/DataTable/DataTableMobileCards.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/components/DataTable/index.native.js

@@ -68,6 +68,7 @@ var import_DataTableCell = require("../DataTableCell/index.native.js");
 var import_table_primitives = require("@multiplatform.one/table-primitives");
 var import_DataTableContext = require("./DataTableContext.native.js");
 var import_DataTableDocumentList = require("./DataTableDocumentList.native.js");
+var import_DataTableMobileCards = require("./DataTableMobileCards.native.js");
 var import_dataTableChrome = require("./dataTableChrome.native.js");
 var import_rowStateChrome = require("./rowStateChrome.native.js");
 var import_DataTableStateContext = require("./DataTableStateContext.native.js");
@@ -146,6 +147,8 @@ function DataTableRoot(param) {
     virtualizationOverscan = 5,
     enableRowExpansion = false,
     renderSubComponent,
+    enableRowSelection = false,
+    selectAllScope: selectAllScopeProp,
     enableColumnPinning = false,
     maxPinnedColumns = 3,
     enableKeyboardNavigation: _enableKeyboardNavigation = false,
@@ -203,6 +206,7 @@ function DataTableRoot(param) {
     compact
   });
   var chrome = (0, import_dataTableChrome.dataTableChrome)(String(knobProps.sizeToken));
+  var selectAllScope = selectAllScopeProp !== null && selectAllScopeProp !== void 0 ? selectAllScopeProp : knobProps.selectAllScope === "filtered" ? "filtered" : "page";
   var rowHeightPx = chrome.rowPx;
   var isRTL = (0, import_components.useDirection)() === "rtl";
   var ExpandCaretIcon = isRTL ? import_react2.CaretLeftIcon : import_react2.CaretRightIcon;
@@ -242,6 +246,7 @@ function DataTableRoot(param) {
     virtualizationOverscan,
     enableRowExpansion,
     renderSubComponent,
+    enableRowSelection,
     enableColumnPinning,
     maxPinnedColumns,
     enableKeyboardNavigation: false,
@@ -250,6 +255,15 @@ function DataTableRoot(param) {
     isLoading: isLoadingProp,
     isFetching: isFetchingProp
   });
+  var selectAllChecked = enableRowSelection && (selectAllScope === "filtered" ? table.getIsAllRowsSelected() : table.getIsAllPageRowsSelected());
+  var selectAllIndeterminate = enableRowSelection && (selectAllScope === "filtered" ? table.getIsSomeRowsSelected() && !table.getIsAllRowsSelected() : table.getIsSomePageRowsSelected() && !table.getIsAllPageRowsSelected());
+  var toggleSelectAll = (0, import_react3.useCallback)(function () {
+    if (selectAllScope === "filtered") {
+      table.toggleAllRowsSelected();
+    } else {
+      table.toggleAllPageRowsSelected();
+    }
+  }, [selectAllScope, table]);
   var resolvedSize = size !== null && size !== void 0 ? size : knobProps.sizeToken === "$3" ? "sm" : knobProps.sizeToken === "$5" ? "lg" : "md";
   var cellHeight = resolvedSize === "sm" ? "$6" : resolvedSize === "lg" ? "$10" : "$8";
   var headerGroups = table.getHeaderGroups();
@@ -437,7 +451,7 @@ function DataTableRoot(param) {
   }, [showRowNumbers, enableRowExpansion, showDeleteRow, readOnly, disabled, cellHeight, knobProps.sizeToken, getColSizeProps, renderCellContent, handleDeleteRow, data.length, minRows, t, ExpandCaretIcon, expandedCaretRotation]);
   var tableZebraOn = knobProps.tableZebra === "on";
   var rowPressActive = Boolean(onRowPress) && !disabled;
-  var deriveRowLabel = (0, import_react3.useCallback)(function (row, index) {
+  var deriveRowIdentity = (0, import_react3.useCallback)(function (row) {
     var fromAccessor = rowLabel === null || rowLabel === void 0 ? void 0 : rowLabel(row.original);
     if (fromAccessor) return fromAccessor;
     var firstCellValue;
@@ -450,13 +464,30 @@ function DataTableRoot(param) {
     if (typeof firstCellValue === "string" && firstCellValue.length > 0 || typeof firstCellValue === "number") {
       return String(firstCellValue);
     }
-    return (0, import_withInterp.withInterp)(t("Row {{row}}", {
+    return void 0;
+  }, [rowLabel]);
+  var deriveRowLabel = (0, import_react3.useCallback)(function (row, index) {
+    var _deriveRowIdentity;
+    return (_deriveRowIdentity = deriveRowIdentity(row)) !== null && _deriveRowIdentity !== void 0 ? _deriveRowIdentity : (0, import_withInterp.withInterp)(t("Row {{row}}", {
       row: index + 1
     }), {
       row: index + 1
     });
-  }, [rowLabel, t]);
-  var getRowPressProps = (0, import_react3.useCallback)(function (row, index) {
+  }, [deriveRowIdentity, t]);
+  var deriveSelectRowLabel = (0, import_react3.useCallback)(function (row, index) {
+    var _deriveRowIdentity;
+    var identity = (_deriveRowIdentity = deriveRowIdentity(row)) !== null && _deriveRowIdentity !== void 0 ? _deriveRowIdentity : String(index + 1);
+    return (0, import_withInterp.withInterp)(t("Select row {{row}}", {
+      row: identity
+    }), {
+      row: identity
+    });
+  }, [deriveRowIdentity, t]);
+  var getRowPressProps = (0, import_react3.useCallback)(
+  // The card list asks for the "card" variant. Native carries no DOM row
+  // role for it to override, so both variants land on role="button".
+  function (row, index) {
+    var _variant = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "row";
     if (!rowPressActive) return {};
     return {
       onPress: function onPress() {
@@ -492,86 +523,6 @@ function DataTableRoot(param) {
       ...(0, import_dataTableChrome.rowIntentProps)(row.original)
     }, renderRowContent(row, index));
   }, [renderRowContent, tableZebraOn, t, getRowPressProps]);
-  var renderMobileCard = (0, import_react3.useCallback)(function (row, index, onDelete) {
-    var rowData = row.original;
-    var visibleCells = row.getVisibleCells();
-    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
-      backgroundColor: "$color1",
-      borderRadius: "$4",
-      borderWidth: 1,
-      borderColor: "$borderColor",
-      padding: "$3",
-      marginBottom: "$2",
-      ...getRowPressProps(row, index),
-      ...(0, import_dataTableChrome.rowIntentProps)(rowData),
-      children: [showRowNumbers && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
-        flexDirection: "row",
-        justifyContent: "space-between",
-        paddingBottom: "$2",
-        ...import_theme.hairline.bottom,
-        borderBottomColor: "$borderColor",
-        marginBottom: "$2",
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
-          fontSize: "$3",
-          color: "$color10",
-          fontWeight: "600",
-          children: ["#", index + 1]
-        }), showDeleteRow && !readOnly && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
-          chromeless: true,
-          circular: true,
-          size: "$2",
-          icon: import_react2.TrashIcon,
-          disabled: disabled || tableRows.length <= minRows,
-          onPress: function onPress() {
-            return onDelete === null || onDelete === void 0 ? void 0 : onDelete(index);
-          },
-          "aria-label": (0, import_withInterp.withInterp)(t("Delete row {{row}}", {
-            row: index + 1
-          }), {
-            row: index + 1
-          })
-        })]
-      }), visibleCells.map(function (cell) {
-        var columnDef = cell.column.columnDef;
-        var headerLabel = typeof columnDef.header === "string" ? columnDef.header : columnDef.id || cell.column.id;
-        return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
-          flexDirection: "row",
-          alignItems: "center",
-          paddingVertical: "$1.5",
-          gap: "$2",
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-            fontSize: "$3",
-            color: "$color10",
-            fontWeight: "500",
-            width: "40%",
-            flexShrink: 0,
-            children: headerLabel
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-            flex: 1,
-            children: renderCellContent(cell, index, rowData)
-          })]
-        }, cell.id);
-      }), !showRowNumbers && showDeleteRow && !readOnly && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-        paddingTop: "$2",
-        alignItems: "flex-end",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
-          chromeless: true,
-          circular: true,
-          size: "$2",
-          icon: import_react2.TrashIcon,
-          disabled: disabled || tableRows.length <= minRows,
-          onPress: function onPress() {
-            return onDelete === null || onDelete === void 0 ? void 0 : onDelete(index);
-          },
-          "aria-label": (0, import_withInterp.withInterp)(t("Delete row {{row}}", {
-            row: index + 1
-          }), {
-            row: index + 1
-          })
-        })
-      })]
-    }, `${row.id}-${index}`);
-  }, [showRowNumbers, showDeleteRow, readOnly, disabled, tableRows.length, minRows, renderCellContent, t, getRowPressProps]);
   var renderToolbarComponent = function renderToolbarComponent2() {
     if (renderToolbar) {
       return renderToolbar({
@@ -699,10 +650,12 @@ function DataTableRoot(param) {
             })
           }), showList ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_DataTableDocumentList.DataTableDocumentList, {
             tableRows: displayRows,
+            enableRowSelection,
             disabled,
             hasActiveFilters: computed.hasActiveFilters,
             renderCellContent,
             compact: isCompact,
+            selectRowLabel: deriveSelectRowLabel,
             queryInFlight,
             ...(rowPressActive ? {
               getRowPressProps
@@ -710,14 +663,27 @@ function DataTableRoot(param) {
           }) : showCards ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
             flexDirection: "column",
             gap: "$2",
-            children: [displayRows.length === 0 ? queryInFlight ? null : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.EmptyState, {
-              compact: true,
-              backgroundColor: "$color1",
-              borderRadius: "$4",
-              "aria-live": "polite",
-              title: computed.hasActiveFilters ? t("No results found") : t("No data available")
-            }) : displayRows.map(function (row, index) {
-              return renderMobileCard(row, index, isFormMode ? effectiveHandleDeleteRow : handleDeleteRow);
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_DataTableMobileCards.DataTableMobileCards, {
+              tableRows: displayRows,
+              enableRowSelection,
+              showRowNumbers,
+              showDeleteRow,
+              readOnly,
+              disabled,
+              dataLength: tableData.length,
+              minRows,
+              hasActiveFilters: computed.hasActiveFilters,
+              renderCellContent,
+              onDeleteRow: isFormMode ? effectiveHandleDeleteRow : handleDeleteRow,
+              selectAllChecked,
+              selectAllIndeterminate,
+              onToggleSelectAll: toggleSelectAll,
+              compact: isCompact,
+              selectRowLabel: deriveSelectRowLabel,
+              queryInFlight,
+              ...(rowPressActive ? {
+                getRowPressProps
+              } : {})
             }), enablePagination && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
               width: "100%",
               ...(disabled ? disabledState.chromeKnobProps : {}),
@@ -906,7 +872,7 @@ function DataTableRoot(param) {
         })
       })
     });
-  }, [resolvedSize, isCompact, stateContextValue, ariaLabel, ariaDescribedBy, knobProps, props, enableGlobalSearch, enableFiltering, enableViews, renderToolbarComponent, children, renderFilters, state, actions, columns, cellHeight, enablePagination, computed, table, extraColumnsBefore, extraColumnsAfter, headerGroups, showRowNumbers, enableRowExpansion, showDeleteRow, readOnly, getColSizeProps, pinning, tableRows, isVirtualized, virtualizationHeight, virtualizationOverscan, renderRow, renderMobileCard, renderSubComponent, footerGroups, sm, showList, showCards, renderPaginationComponent, showAddRow, maxRows, isFormMode, handleAddRow, handleDeleteRow, minRows, defaultRow, disabled, disabledState, renderCellContent, rowPressActive, getRowPressProps, displayRows, queryInFlight, t]);
+  }, [resolvedSize, isCompact, stateContextValue, ariaLabel, ariaDescribedBy, knobProps, props, enableGlobalSearch, enableFiltering, enableViews, renderToolbarComponent, children, renderFilters, state, actions, columns, cellHeight, enablePagination, computed, table, extraColumnsBefore, extraColumnsAfter, headerGroups, showRowNumbers, enableRowExpansion, showDeleteRow, readOnly, getColSizeProps, pinning, tableRows, isVirtualized, virtualizationHeight, virtualizationOverscan, renderRow, renderSubComponent, footerGroups, sm, showList, showCards, renderPaginationComponent, showAddRow, maxRows, isFormMode, handleAddRow, handleDeleteRow, minRows, defaultRow, disabled, disabledState, renderCellContent, rowPressActive, getRowPressProps, enableRowSelection, selectAllChecked, selectAllIndeterminate, toggleSelectAll, deriveSelectRowLabel, displayRows, queryInFlight, t]);
   if (isFormMode) {
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Field, {
       form: resolvedForm,