@multiplatform.one/table 7.34.4 → 7.36.0

package/dist/cjs/components/ChildTable/index.cjs

@@ -28,6 +28,7 @@ module.exports = __toCommonJS(ChildTable_exports);
 var import_react = require("react");
 var import_components = require("@multiplatform.one/components");
 var import_forms = require("@multiplatform.one/forms");
+var import_theme = require("@multiplatform.one/theme");
 var import_tamagui = require("tamagui");
 var import_TableInput = require("../TableInput/index.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -54,7 +55,7 @@ function ChildTable(props) {
     disabled,
     readOnly,
     skeleton,
-    compact,
+    size,
     minRows,
     maxRows,
     showRowNumbers = true,
@@ -77,7 +78,7 @@ function ChildTable(props) {
   } = (0, import_forms.useFormField)({
     form,
     id: idProp,
-    compact
+    size
   });
   const formBound = !!resolvedForm && !!name;
   const hasLayout = label || error || helperText || required;
@@ -87,27 +88,29 @@ function ChildTable(props) {
     onChange?.(next);
   }, [onChange]);
   const Input = import_TableInput.TableInput;
-  const table = /* @__PURE__ */(0, import_jsx_runtime.jsx)(Input, {
-    name,
-    form: resolvedForm,
-    validators,
-    required,
-    skeleton,
-    data: value ?? [],
-    onChange: emitChange,
-    columns: columns ?? [],
-    defaultRow,
-    readOnly: readOnly || disabled,
-    minRows,
-    maxRows,
-    showRowNumbers,
-    showAddRow: showAddRow && !readOnly && !disabled,
-    showDeleteRow: showDeleteRow && !readOnly && !disabled,
-    compact,
-    enableReorder: enableReorder && !readOnly && !disabled,
-    rowDetail,
-    detailColumns,
-    isCellHidden
+  const table = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_theme.Surface, {
+    size,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(Input, {
+      name,
+      form: resolvedForm,
+      validators,
+      required,
+      skeleton,
+      data: value ?? [],
+      onChange: emitChange,
+      columns: columns ?? [],
+      defaultRow,
+      readOnly: readOnly || disabled,
+      minRows,
+      maxRows,
+      showRowNumbers,
+      showAddRow: showAddRow && !readOnly && !disabled,
+      showDeleteRow: showDeleteRow && !readOnly && !disabled,
+      enableReorder: enableReorder && !readOnly && !disabled,
+      rowDetail,
+      detailColumns,
+      isCellHidden
+    })
   });
   if (!hasLayout && !formBound) return table;
   const control = label ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {

package/dist/cjs/components/ChildTable/index.native.js

@@ -31,6 +31,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_components = require("@multiplatform.one/components");
 var import_forms = require("@multiplatform.one/forms");
+var import_theme = require("@multiplatform.one/theme");
 var import_tamagui = require("tamagui");
 var import_TableInput = require("../TableInput/index.native.js");
 function ChildTableFieldError(param) {
@@ -62,7 +63,7 @@ function ChildTable(props) {
     disabled,
     readOnly,
     skeleton,
-    compact,
+    size,
     minRows,
     maxRows,
     showRowNumbers = true,
@@ -85,7 +86,7 @@ function ChildTable(props) {
   } = (0, import_forms.useFormField)({
     form,
     id: idProp,
-    compact
+    size
   });
   var formBound = !!resolvedForm && !!name;
   var hasLayout = label || error || helperText || required;
@@ -97,27 +98,29 @@ function ChildTable(props) {
     onChange === null || onChange === void 0 ? void 0 : onChange(next);
   }, [onChange]);
   var Input = import_TableInput.TableInput;
-  var table = /* @__PURE__ */(0, import_jsx_runtime.jsx)(Input, {
-    name,
-    form: resolvedForm,
-    validators,
-    required,
-    skeleton,
-    data: value !== null && value !== void 0 ? value : [],
-    onChange: emitChange,
-    columns: columns !== null && columns !== void 0 ? columns : [],
-    defaultRow,
-    readOnly: readOnly || disabled,
-    minRows,
-    maxRows,
-    showRowNumbers,
-    showAddRow: showAddRow && !readOnly && !disabled,
-    showDeleteRow: showDeleteRow && !readOnly && !disabled,
-    compact,
-    enableReorder: enableReorder && !readOnly && !disabled,
-    rowDetail,
-    detailColumns,
-    isCellHidden
+  var table = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_theme.Surface, {
+    size,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(Input, {
+      name,
+      form: resolvedForm,
+      validators,
+      required,
+      skeleton,
+      data: value !== null && value !== void 0 ? value : [],
+      onChange: emitChange,
+      columns: columns !== null && columns !== void 0 ? columns : [],
+      defaultRow,
+      readOnly: readOnly || disabled,
+      minRows,
+      maxRows,
+      showRowNumbers,
+      showAddRow: showAddRow && !readOnly && !disabled,
+      showDeleteRow: showDeleteRow && !readOnly && !disabled,
+      enableReorder: enableReorder && !readOnly && !disabled,
+      rowDetail,
+      detailColumns,
+      isCellHidden
+    })
   });
   if (!hasLayout && !formBound) return table;
   var control = label ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {

package/dist/cjs/components/ChildTable/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ChildTable_exports","__export","ChildTable","module","exports","import_jsx_runtime","require","import_react","import_components","import_forms","import_tamagui","import_TableInput","ChildTableFieldError","param","form","name","children","Subscribe","jsx","selector","state","_state_fieldMeta_name","_state_fieldMeta","fieldMeta","errors","children1","length","String","props","validators","onChange","columns","defaultRow","disabled","readOnly","skeleton","compact","minRows","maxRows","showRowNumbers","showAddRow","showDeleteRow","label","error","helperText","required","id","idProp","enableReorder","enableReorderProp","rowDetail","detailColumns","isCellHidden","useProps","knobProps","resolvedForm","useFormField","formBound","hasLayout","emitChange","useCallback","rows","next","some","row","idx","renumberIdx","Input","TableInput","table","data","control","YStack","width","role","renderLayout","renderLayout2","resolvedError","FieldLayout"],"sources":["../../../../src/components/ChildTable/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ChildTable_exports","__export","ChildTable","module","exports","import_jsx_runtime","require","import_react","import_components","import_forms","import_theme","import_tamagui","import_TableInput","ChildTableFieldError","param","form","name","children","Subscribe","jsx","selector","state","_state_fieldMeta_name","_state_fieldMeta","fieldMeta","errors","children1","length","String","props","validators","onChange","columns","defaultRow","disabled","readOnly","skeleton","size","minRows","maxRows","showRowNumbers","showAddRow","showDeleteRow","label","error","helperText","required","id","idProp","enableReorder","enableReorderProp","rowDetail","detailColumns","isCellHidden","useProps","knobProps","resolvedForm","useFormField","formBound","hasLayout","emitChange","useCallback","rows","next","some","row","idx","renumberIdx","Input","TableInput","table","Surface","data","control","YStack","width","role","renderLayout","renderLayout2","resolvedError","FieldLayout"],"sources":["../../../../src/components/ChildTable/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/DataTable/DataTableCardControls.cjs

@@ -42,7 +42,6 @@ function getColumnLabel(column) {
 }
 function DataTableCardSortControl({
   table,
-  compact = false,
   disabled = false,
   contained = false
 }) {
@@ -52,8 +51,7 @@ function DataTableCardSortControl({
   const {
     knobProps
   } = (0, import_theme.useResolvedKnobs)({
-    component: "DataTable",
-    compact
+    component: "DataTable"
   });
   const chrome = (0, import_dataTableChrome.dataTableChrome)(String(knobProps.sizeToken));
   const [sortMenuOpen, setSortMenuOpen] = (0, import_react2.useState)(false);
@@ -129,7 +127,6 @@ function DataTableCardControls({
   enableSorting = false,
   enableFiltering = false,
   availableColumns = [],
-  compact = false,
   disabled = false
 }) {
   const {
@@ -138,8 +135,7 @@ function DataTableCardControls({
   const {
     disabledState
   } = (0, import_theme.useResolvedKnobs)({
-    component: "DataTable",
-    compact
+    component: "DataTable"
   });
   if (!enableSorting && !enableFiltering) return null;
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
@@ -151,7 +147,6 @@ function DataTableCardControls({
     "aria-label": t("Card list controls"),
     children: [enableSorting && /* @__PURE__ */(0, import_jsx_runtime.jsx)(DataTableCardSortControl, {
       table,
-      compact,
       disabled
     }), enableFiltering && availableColumns.length > 0 &&
     // DataTableFilters (chrome) has no disabled API — the wrapper is the
@@ -163,7 +158,7 @@ function DataTableCardControls({
         pointerEvents: "none"
       } : {}),
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_DataTableFilters.DataTableFilters, {
-        compact: true,
+        size: "$3",
         availableColumns
       })
     })]

package/dist/cjs/components/DataTable/DataTableCardControls.native.js

@@ -45,7 +45,6 @@ function getColumnLabel(column) {
 function DataTableCardSortControl(param) {
   var {
     table,
-    compact = false,
     disabled = false,
     contained = false
   } = param;
@@ -56,8 +55,7 @@ function DataTableCardSortControl(param) {
   var {
     knobProps
   } = (0, import_theme.useResolvedKnobs)({
-    component: "DataTable",
-    compact
+    component: "DataTable"
   });
   var chrome = (0, import_dataTableChrome.dataTableChrome)(String(knobProps.sizeToken));
   var [sortMenuOpen, setSortMenuOpen] = (0, import_react2.useState)(false);
@@ -136,7 +134,6 @@ function DataTableCardControls(param) {
     enableSorting = false,
     enableFiltering = false,
     availableColumns = [],
-    compact = false,
     disabled = false
   } = param;
   var {
@@ -145,8 +142,7 @@ function DataTableCardControls(param) {
   var {
     disabledState
   } = (0, import_theme.useResolvedKnobs)({
-    component: "DataTable",
-    compact
+    component: "DataTable"
   });
   if (!enableSorting && !enableFiltering) return null;
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
@@ -158,7 +154,6 @@ function DataTableCardControls(param) {
     "aria-label": t("Card list controls"),
     children: [enableSorting && /* @__PURE__ */(0, import_jsx_runtime.jsx)(DataTableCardSortControl, {
       table,
-      compact,
       disabled
     }), enableFiltering && availableColumns.length > 0 &&
     // DataTableFilters (chrome) has no disabled API — the wrapper is the
@@ -170,7 +165,7 @@ function DataTableCardControls(param) {
         pointerEvents: "none"
       } : {}),
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_DataTableFilters.DataTableFilters, {
-        compact: true,
+        size: "$3",
         availableColumns
       })
     })]

package/dist/cjs/components/DataTable/DataTableCardControls.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","DataTableCardControls_exports","__export","DataTableCardControls","DataTableCardSortControl","module","exports","import_jsx_runtime","require","import_react","import_components","import_forms","import_theme","import_react2","import_tamagui","import_react_i18next","import_withInterp","import_DataTableFilters","import_dataTableChrome","getColumnLabel","column","columnDef","header","id","param","table","compact","disabled","contained","_table_getState_sorting","t","useTranslation","knobProps","useResolvedKnobs","component","chrome","dataTableChrome","String","sizeToken","sortMenuOpen","setSortMenuOpen","useState","sortableColumns","getVisibleLeafColumns","filter","col","getCanSort","activeSort","getState","sorting","activeSortColumn","getColumn","sortLabel","desc","length","menu","jsxs","DropdownMenu","open","onOpenChange","children","jsx","Trigger","asChild","Button","size","icon","CaretUpDownIcon","iconPx","minWidth","maxWidth","Content","Label","map","sorted","getIsSorted","Item","closeOnSelect","CaretDownIcon","style","transform","withInterp","onSelect","toggleSorting","clearSorting","View","flexBasis","flexGrow","flexShrink","enableSorting","enableFiltering","availableColumns","disabledState","XStack","alignItems","flexWrap","gap","paddingVertical","role"],"sources":["../../../../src/components/DataTable/DataTableCardControls.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","DataTableCardControls_exports","__export","DataTableCardControls","DataTableCardSortControl","module","exports","import_jsx_runtime","require","import_react","import_components","import_forms","import_theme","import_react2","import_tamagui","import_react_i18next","import_withInterp","import_DataTableFilters","import_dataTableChrome","getColumnLabel","column","columnDef","header","id","param","table","disabled","contained","_table_getState_sorting","t","useTranslation","knobProps","useResolvedKnobs","component","chrome","dataTableChrome","String","sizeToken","sortMenuOpen","setSortMenuOpen","useState","sortableColumns","getVisibleLeafColumns","filter","col","getCanSort","activeSort","getState","sorting","activeSortColumn","getColumn","sortLabel","desc","length","menu","jsxs","DropdownMenu","open","onOpenChange","children","jsx","Trigger","asChild","Button","size","icon","CaretUpDownIcon","iconPx","minWidth","maxWidth","Content","Label","map","sorted","getIsSorted","Item","closeOnSelect","CaretDownIcon","style","transform","withInterp","onSelect","toggleSorting","clearSorting","View","flexBasis","flexGrow","flexShrink","enableSorting","enableFiltering","availableColumns","disabledState","XStack","alignItems","flexWrap","gap","paddingVertical","role","chromeKnobProps"],"sources":["../../../../src/components/DataTable/DataTableCardControls.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/DataTable/DataTableContext.cjs

@@ -27,6 +27,5 @@ __export(DataTableContext_exports, {
 module.exports = __toCommonJS(DataTableContext_exports);
 var import_tamagui = require("tamagui");
 const DataTableContext = (0, import_tamagui.createStyledContext)({
-  size: "md",
-  compact: false
+  size: "$true"
 });

package/dist/cjs/components/DataTable/DataTableContext.native.js

@@ -29,7 +29,6 @@ __export(DataTableContext_exports, {
 module.exports = __toCommonJS(DataTableContext_exports);
 var import_tamagui = require("tamagui");
 var DataTableContext = (0, import_tamagui.createStyledContext)({
-  size: "md",
-  compact: false
+  size: "$true"
 });
 //# sourceMappingURL=DataTableContext.native.js.map

package/dist/cjs/components/DataTable/DataTableContext.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","DataTableContext_exports","__export","DataTableContext","module","exports","import_tamagui","require","createStyledContext","size","compact"],"sources":["../../../../src/components/DataTable/DataTableContext.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,wBAAA;AAAAC,QAAA,CAAAD,wBAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAA;AAAA;AAOAC,MAAA,CAAAC,OAAA,GAAAT,YAAoC,CAAAK,wBAAA;AAE7B,IAAAK,cAAM,GAAAC,OAAA,CAAmB;AAG7B,IACDJ,gBAAM,OAAAG,cAAA,CAAAE,mBAAA;EACNC,IAAA,MAAS;EACVC,OAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","DataTableContext_exports","__export","DataTableContext","module","exports","import_tamagui","require","createStyledContext","size"],"sources":["../../../../src/components/DataTable/DataTableContext.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,wBAAA;AAAAC,QAAA,CAAAD,wBAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAA;AAAA;AAOAC,MAAA,CAAAC,OAAA,GAAAT,YAAqD,CAAAK,wBAAA;AAE9C,IAAAK,cAAM,GAAAC,OAAA,CAAmB;AAE7B,IACDJ,gBAAM,OAAAG,cAAA,CAAAE,mBAAA;EACPC,IAAA","ignoreList":[]}

package/dist/cjs/components/DataTable/DataTableDocumentList.cjs

@@ -62,7 +62,6 @@ function DataTableDocumentList({
   disabled = false,
   hasActiveFilters,
   renderCellContent,
-  compact = false,
   selectRowLabel,
   getRowPressProps,
   queryInFlight = false
@@ -73,9 +72,9 @@ function DataTableDocumentList({
   const {
     knobProps
   } = (0, import_theme.useResolvedKnobs)({
-    component: "DataTable",
-    compact
+    component: "DataTable"
   });
+  const compact = (0, import_theme.useLayoutSizeClass)() === "compact";
   const chrome = (0, import_dataTableChrome.dataTableChrome)(String(knobProps.sizeToken));
   const tableZebraOn = knobProps.tableZebra === "on";
   const rowPad = knobProps.panelPadding.padding;
@@ -85,6 +84,7 @@ function DataTableDocumentList({
     const titleCell = pickDocumentListTitleCell(visibleCells);
     const {
       indicators,
+      trailing,
       metas: metaCells,
       actions
     } = (0, import_documentListSlots.partitionDocumentListCells)(visibleCells, titleCell);
@@ -106,7 +106,17 @@ function DataTableDocumentList({
     }, cell.id);
     const indicatorCells = indicators.map(cell => slotCell(cell, "indicator"));
     const actionCells = actions.map(cell => slotCell(cell, "actions"));
-    const trailing = [...indicatorCells, ...actionCells];
+    const trailingCells = trailing.map(cell => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ListRowMeta, {
+      width: compact ? void 0 : "$10",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.TableCellContext.Provider, {
+        value: {
+          inTableCell: true,
+          isHeader: false
+        },
+        children: renderCellContent(cell, index, rowData)
+      })
+    }, cell.id));
+    const compactLine = [...trailingCells, ...indicatorCells, ...actionCells];
     const position = (0, import_theme.getGroupPosition)(index, tableRows.length);
     const corners = (0, import_theme.stackRadiusProps)(position, knobProps.borderRadiusOuter.borderRadius);
     const selected = Boolean(enableRowSelection && row.getIsSelected?.());
@@ -155,8 +165,7 @@ function DataTableDocumentList({
             }), {
               row: index + 1
             })
-          },
-          compact
+          }
         }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
           flex: 1,
           minWidth: 0,
@@ -176,30 +185,51 @@ function DataTableDocumentList({
             })
           }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
             flex: 1
-          }), metas.map(cell => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+          }), metas.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
             minWidth: 0,
+            flexWrap: "wrap",
+            alignItems: "center",
+            columnGap: "$3",
+            rowGap: "$1",
             opacity: 0.7,
             overflow: "hidden",
             ...{
-              "data-list-slot": "meta"
+              "data-list-slot": "meta-line"
             },
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.TableCellContext.Provider, {
-              value: {
-                inTableCell: true,
-                isHeader: false
+            children: metas.map(cell => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+              minWidth: 0,
+              flexShrink: 1,
+              overflow: "hidden",
+              ...{
+                "data-list-slot": "meta"
               },
-              children: renderCellContent(cell, index, rowData)
-            })
-          }, cell.id)), compact && trailing.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.TableCellContext.Provider, {
+                value: {
+                  inTableCell: true,
+                  isHeader: false
+                },
+                children: renderCellContent(cell, index, rowData)
+              })
+            }, cell.id))
+          }) : null, compact && compactLine.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
             gap: "$2",
             alignItems: "center",
             flexWrap: "wrap",
             ...{
-              "data-list-slot": "trailing"
+              "data-list-slot": "trailing-line"
             },
-            children: trailing
+            children: compactLine
           }) : null]
-        }), !compact && indicators.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+        }), !compact && trailing.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+          flexShrink: 0,
+          gap: "$3",
+          alignItems: "center",
+          flexWrap: "nowrap",
+          ...{
+            "data-list-slot": "trailing-cluster"
+          },
+          children: trailingCells
+        }) : null, !compact && indicators.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
           flexShrink: 0,
           gap: "$2",
           alignItems: "center",
@@ -215,7 +245,7 @@ function DataTableDocumentList({
         }) : null]
       })]
     }, `${row.id}-${index}`);
-  }, [compact, disabled, enableRowSelection, getRowPressProps, knobProps.borderRadiusOuter.borderRadius, renderCellContent, rowPad, selectRowLabel, t, tableRows.length, tableZebraOn]);
+  }, [compact, disabled, enableRowSelection, getRowPressProps, knobProps.borderRadiusOuter.borderRadius, renderCellContent, rowPad, selectRowLabel, t, tableRows.length, tableZebraOn, compact]);
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
     flexDirection: "column",
     display: "flex",
@@ -227,7 +257,7 @@ function DataTableDocumentList({
       "data-row-press-scope": "true"
     } : {}),
     children: tableRows.length === 0 ? queryInFlight ? null : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.EmptyState, {
-      compact: true,
+      size: "$3",
       backgroundColor: "$color1",
       ...knobProps.borderRadius,
       "aria-live": "polite",

package/dist/cjs/components/DataTable/DataTableDocumentList.native.js

@@ -67,7 +67,6 @@ function DataTableDocumentList(param) {
     disabled = false,
     hasActiveFilters,
     renderCellContent,
-    compact = false,
     selectRowLabel,
     getRowPressProps,
     queryInFlight = false
@@ -78,9 +77,9 @@ function DataTableDocumentList(param) {
   var {
     knobProps
   } = (0, import_theme.useResolvedKnobs)({
-    component: "DataTable",
-    compact
+    component: "DataTable"
   });
+  var compact = (0, import_theme.useLayoutSizeClass)() === "compact";
   var chrome = (0, import_dataTableChrome.dataTableChrome)(String(knobProps.sizeToken));
   var tableZebraOn = knobProps.tableZebra === "on";
   var rowPad = knobProps.panelPadding.padding;
@@ -92,6 +91,7 @@ function DataTableDocumentList(param) {
     var titleCell = pickDocumentListTitleCell(visibleCells);
     var {
       indicators,
+      trailing,
       metas: metaCells,
       actions
     } = (0, import_documentListSlots.partitionDocumentListCells)(visibleCells, titleCell);
@@ -121,7 +121,19 @@ function DataTableDocumentList(param) {
     var actionCells = actions.map(function (cell) {
       return slotCell(cell, "actions");
     });
-    var trailing = [...indicatorCells, ...actionCells];
+    var trailingCells = trailing.map(function (cell) {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ListRowMeta, {
+        width: compact ? void 0 : "$10",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.TableCellContext.Provider, {
+          value: {
+            inTableCell: true,
+            isHeader: false
+          },
+          children: renderCellContent(cell, index, rowData)
+        })
+      }, cell.id);
+    });
+    var compactLine = [...trailingCells, ...indicatorCells, ...actionCells];
     var position = (0, import_theme.getGroupPosition)(index, tableRows.length);
     var corners = (0, import_theme.stackRadiusProps)(position, knobProps.borderRadiusOuter.borderRadius);
     var selected = Boolean(enableRowSelection && ((_row_getIsSelected = row.getIsSelected) === null || _row_getIsSelected === void 0 ? void 0 : _row_getIsSelected.call(row)));
@@ -170,8 +182,7 @@ function DataTableDocumentList(param) {
             }), {
               row: index + 1
             })
-          },
-          compact
+          }
         }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
           flex: 1,
           minWidth: 0,
@@ -191,32 +202,53 @@ function DataTableDocumentList(param) {
             })
           }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
             flex: 1
-          }), metas.map(function (cell) {
-            return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-              minWidth: 0,
-              opacity: 0.7,
-              overflow: "hidden",
-              ...{
-                "data-list-slot": "meta"
-              },
-              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.TableCellContext.Provider, {
-                value: {
-                  inTableCell: true,
-                  isHeader: false
+          }), metas.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+            minWidth: 0,
+            flexWrap: "wrap",
+            alignItems: "center",
+            columnGap: "$3",
+            rowGap: "$1",
+            opacity: 0.7,
+            overflow: "hidden",
+            ...{
+              "data-list-slot": "meta-line"
+            },
+            children: metas.map(function (cell) {
+              return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+                minWidth: 0,
+                flexShrink: 1,
+                overflow: "hidden",
+                ...{
+                  "data-list-slot": "meta"
                 },
-                children: renderCellContent(cell, index, rowData)
-              })
-            }, cell.id);
-          }), compact && trailing.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.TableCellContext.Provider, {
+                  value: {
+                    inTableCell: true,
+                    isHeader: false
+                  },
+                  children: renderCellContent(cell, index, rowData)
+                })
+              }, cell.id);
+            })
+          }) : null, compact && compactLine.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
             gap: "$2",
             alignItems: "center",
             flexWrap: "wrap",
             ...{
-              "data-list-slot": "trailing"
+              "data-list-slot": "trailing-line"
             },
-            children: trailing
+            children: compactLine
           }) : null]
-        }), !compact && indicators.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+        }), !compact && trailing.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+          flexShrink: 0,
+          gap: "$3",
+          alignItems: "center",
+          flexWrap: "nowrap",
+          ...{
+            "data-list-slot": "trailing-cluster"
+          },
+          children: trailingCells
+        }) : null, !compact && indicators.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
           flexShrink: 0,
           gap: "$2",
           alignItems: "center",
@@ -232,7 +264,7 @@ function DataTableDocumentList(param) {
         }) : null]
       })]
     }, `${row.id}-${index}`);
-  }, [compact, disabled, enableRowSelection, getRowPressProps, knobProps.borderRadiusOuter.borderRadius, renderCellContent, rowPad, selectRowLabel, t, tableRows.length, tableZebraOn]);
+  }, [compact, disabled, enableRowSelection, getRowPressProps, knobProps.borderRadiusOuter.borderRadius, renderCellContent, rowPad, selectRowLabel, t, tableRows.length, tableZebraOn, compact]);
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
     flexDirection: "column",
     display: "flex",
@@ -244,7 +276,7 @@ function DataTableDocumentList(param) {
       "data-row-press-scope": "true"
     } : {}),
     children: tableRows.length === 0 ? queryInFlight ? null : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.EmptyState, {
-      compact: true,
+      size: "$3",
       backgroundColor: "$color1",
       ...knobProps.borderRadius,
       "aria-live": "polite",