@multiplatform.one/table 7.10.0 → 7.15.0

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

@@ -32,7 +32,6 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("@phosphor-icons/react");
 var import_theme = require("@multiplatform.one/theme");
 var import_react2 = require("react");
-var import_components = require("@multiplatform.one/components");
 var import_forms = require("@multiplatform.one/forms");
 var import_tamagui = require("tamagui");
 var import_DataTableStateContext = require("../DataTable/DataTableStateContext.native.js");
@@ -168,7 +167,7 @@ function DataTableSearch(props) {
           "aria-invalid": compiled.invalid || void 0
         }
       })
-    }), showAdvancedOptions && /* @__PURE__ */(0, import_jsx_runtime.jsx)(SearchOptionsPopover, {
+    }), showAdvancedOptions && /* @__PURE__ */(0, import_jsx_runtime.jsx)(SearchOptionsPanel, {
       searchOptions,
       onOptionsChange: handleOptionsChange,
       columns: searchableColumns,
@@ -192,7 +191,7 @@ function DataTableSearch(props) {
     }) : null]
   });
 }
-function SearchOptionsPopover(param) {
+function SearchOptionsPanel(param) {
   var {
     searchOptions,
     onOptionsChange,
@@ -227,135 +226,124 @@ function SearchOptionsPopover(param) {
       columns: []
     });
   };
-  var sz = knobProps.sizeToken;
-  var panelMaxHeight = sz === "$3" ? 320 : sz === "$5" ? 480 : 400;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover, {
+  var trigger = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+    size: knobProps.sizeToken,
+    accent: optionsActive,
+    icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.SlidersHorizontalIcon, {
+      size: iconPx,
+      weight: optionsActive ? "fill" : "regular"
+    }),
+    disabled,
+    "aria-label": (0, import_t.t)("Search options"),
+    "aria-expanded": open,
+    "aria-haspopup": "dialog"
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.FloatingPanel, {
     open,
     onOpenChange: setOpen,
-    stayInFrame: true,
-    allowFlip: true,
-    resize: true,
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, {
-      asChild: true,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
-        size: knobProps.sizeToken,
-        accent: optionsActive,
-        icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.SlidersHorizontalIcon, {
-          size: iconPx,
-          weight: optionsActive ? "fill" : "regular"
-        }),
-        disabled,
-        "aria-label": (0, import_t.t)("Search options"),
-        "aria-expanded": open,
-        "aria-haspopup": "dialog"
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.PopoverContent, {
-      padding: 0,
-      overflow: "hidden",
-      alignItems: "stretch",
+    trigger,
+    triggerSizing: "content",
+    widthMode: "fit-content",
+    disabled,
+    scrollable: true,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      ...knobProps.gapLg,
       minWidth: 280,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ScrollView, {
-        flexShrink: 1,
-        maxHeight: panelMaxHeight,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-          ...knobProps.panelPadding,
-          ...knobProps.gapLg,
+      "data-dismiss-class": "compose",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        ...knobProps.heading,
+        ...knobProps.label,
+        fontWeight: "400",
+        children: (0, import_t.t)("Search Options")
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        ...knobProps.gap,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          ...knobProps.label,
+          fontWeight: "400",
+          children: (0, import_t.t)("Search Settings")
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Checkbox, {
+          compact: true,
+          label: (0, import_t.t)("Case sensitive"),
+          checked: searchOptions.caseSensitive,
+          onCheckedChange: function onCheckedChange(checked) {
+            return onOptionsChange({
+              caseSensitive: checked
+            });
+          }
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Checkbox, {
+          compact: true,
+          label: (0, import_t.t)("Whole word only"),
+          checked: searchOptions.wholeWord,
+          onCheckedChange: function onCheckedChange(checked) {
+            return onOptionsChange({
+              wholeWord: checked
+            });
+          }
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Checkbox, {
+          compact: true,
+          label: (0, import_t.t)("Use regex"),
+          checked: searchOptions.regex,
+          onCheckedChange: function onCheckedChange(checked) {
+            return onOptionsChange({
+              regex: checked
+            });
+          }
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Checkbox, {
+          compact: true,
+          label: (0, import_t.t)("Highlight results"),
+          checked: searchOptions.highlightResults,
+          onCheckedChange: function onCheckedChange(checked) {
+            return onOptionsChange({
+              highlightResults: checked
+            });
+          }
+        })]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        ...knobProps.gap,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          justifyContent: "space-between",
+          alignItems: "center",
           children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-            ...knobProps.heading,
             ...knobProps.label,
             fontWeight: "400",
-            children: (0, import_t.t)("Search Options")
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-            ...knobProps.gap,
-            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-              ...knobProps.label,
-              fontWeight: "400",
-              children: (0, import_t.t)("Search Settings")
-            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Checkbox, {
-              compact: true,
-              label: (0, import_t.t)("Case sensitive"),
-              checked: searchOptions.caseSensitive,
-              onCheckedChange: function onCheckedChange(checked) {
-                return onOptionsChange({
-                  caseSensitive: checked
-                });
-              }
-            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Checkbox, {
-              compact: true,
-              label: (0, import_t.t)("Whole word only"),
-              checked: searchOptions.wholeWord,
-              onCheckedChange: function onCheckedChange(checked) {
-                return onOptionsChange({
-                  wholeWord: checked
-                });
-              }
-            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Checkbox, {
-              compact: true,
-              label: (0, import_t.t)("Use regex"),
-              checked: searchOptions.regex,
-              onCheckedChange: function onCheckedChange(checked) {
-                return onOptionsChange({
-                  regex: checked
-                });
-              }
-            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Checkbox, {
+            children: (0, import_t.t)("Search Columns")
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            ...knobProps.label,
+            color: import_forms.formCommonColors.muted,
+            children: (0, import_withInterp.bidiIsolate)((0, import_t.t)("{{selected}} of {{total}}", {
+              selected: selectedColumnCount,
+              total: totalColumnCount
+            }))
+          })]
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          ...knobProps.gap,
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            size: "$2",
+            compact: true,
+            onPress: handleSelectAllColumns,
+            children: (0, import_t.t)("All")
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            size: "$2",
+            compact: true,
+            onPress: handleSelectNoColumns,
+            children: (0, import_t.t)("None")
+          })]
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+          gap: "$1",
+          children: columns.map(function (col) {
+            var key = col.accessorKey || col.id || "";
+            return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Checkbox, {
               compact: true,
-              label: (0, import_t.t)("Highlight results"),
-              checked: searchOptions.highlightResults,
+              label: col.header || key,
+              checked: searchOptions.columns.includes(key),
               onCheckedChange: function onCheckedChange(checked) {
-                return onOptionsChange({
-                  highlightResults: checked
-                });
+                return handleColumnToggle(key, checked);
               }
-            })]
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-            ...knobProps.gap,
-            children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-              justifyContent: "space-between",
-              alignItems: "center",
-              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-                ...knobProps.label,
-                fontWeight: "400",
-                children: (0, import_t.t)("Search Columns")
-              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-                ...knobProps.label,
-                color: import_forms.formCommonColors.muted,
-                children: (0, import_withInterp.bidiIsolate)((0, import_t.t)("{{selected}} of {{total}}", {
-                  selected: selectedColumnCount,
-                  total: totalColumnCount
-                }))
-              })]
-            }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-              ...knobProps.gap,
-              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
-                size: "$2",
-                compact: true,
-                onPress: handleSelectAllColumns,
-                children: (0, import_t.t)("All")
-              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
-                size: "$2",
-                compact: true,
-                onPress: handleSelectNoColumns,
-                children: (0, import_t.t)("None")
-              })]
-            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-              gap: "$1",
-              children: columns.map(function (col) {
-                var key = col.accessorKey || col.id || "";
-                return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Checkbox, {
-                  compact: true,
-                  label: col.header || key,
-                  checked: searchOptions.columns.includes(key),
-                  onCheckedChange: function onCheckedChange(checked) {
-                    return handleColumnToggle(key, checked);
-                  }
-                }, key);
-              })
-            })]
-          })]
-        })
-      })
-    })]
+            }, key);
+          })
+        })]
+      })]
+    })
   });
 }
 function compileSearchPattern(options) {

package/dist/jsx/components/DataTableSearch/index.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","DataTableSearch_exports","DataTableSearch","useFullTextSearch","module","exports","import_jsx_runtime","require","import_react","import_theme","import_react2","import_components","import_forms","import_tamagui","import_DataTableStateContext","import_t","import_withInterp","iconSizeForToken","iconSizeForToken2","token","sizeRecipeForToken","iconSize","props","_ref","_props_data","_props_columns","ctx","useDataTableState","data","computed","filteredData","columns","onSearchResults","onHighlightText","placeholder","t","debounceMs","showAdvancedOptions","defaultSearchColumns","disabled","knobProps","useResolvedKnobs","sz","sizeToken","searchMaxWidth","iconPx","String","resultsId","useId","rootRef","useRef","searchTerm","setSearchTerm","useState","debouncedSearchTerm","setDebouncedSearchTerm","searchOptions","setSearchOptions","map","col","accessorKey","id","caseSensitive","wholeWord","regex","highlightResults","compiled","useMemo","compileSearchPattern","results","trim","invalid","matchRows","useEffect","isWeb","onKey","onKey2","e","_rootRef_current_querySelector","_rootRef_current","metaKey","ctrlKey","altKey","isComposing","closest","preventDefault","field","current","querySelector","focus","window","addEventListener","removeEventListener","handleOptionsChange","handleOptionsChange2","newOptions","prev","searchableColumns","filter","searchable","selectedColumnCount","length","totalColumnCount","optionsActive","isSearching","showStatus","Boolean","jsxs","XStack","ref","role","gap","alignItems","flex","maxWidth","children","jsx","View","minWidth","SearchInput","onChange","onSearch","size","inputProps","SearchOptionsPopover","onOptionsChange","Text","label","color","formCommonColors","error","muted","flexShrink","bidiIsolate","shown","total","param","open","setOpen","handleColumnToggle","handleColumnToggle2","columnKey","checked","next","Array","Set","handleSelectAllColumns","handleSelectAllColumns2","handleSelectNoColumns","handleSelectNoColumns2","panelMaxHeight","Popover","onOpenChange","stayInFrame","allowFlip","resize","Trigger","asChild","Button","accent","icon","SlidersHorizontalIcon","weight","PopoverContent","padding","overflow","ScrollView","maxHeight","YStack","panelPadding","gapLg","heading","fontWeight","Checkbox","compact","onCheckedChange","Separator","justifyContent","selected","onPress","header","includes","options","flags","RegExp"],"sources":["../../../../src/components/DataTableSearch/index.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","DataTableSearch_exports","DataTableSearch","useFullTextSearch","module","exports","import_jsx_runtime","require","import_react","import_theme","import_react2","import_forms","import_tamagui","import_DataTableStateContext","import_t","import_withInterp","iconSizeForToken","iconSizeForToken2","token","sizeRecipeForToken","iconSize","props","_ref","_props_data","_props_columns","ctx","useDataTableState","data","computed","filteredData","columns","onSearchResults","onHighlightText","placeholder","t","debounceMs","showAdvancedOptions","defaultSearchColumns","disabled","knobProps","useResolvedKnobs","sz","sizeToken","searchMaxWidth","iconPx","String","resultsId","useId","rootRef","useRef","searchTerm","setSearchTerm","useState","debouncedSearchTerm","setDebouncedSearchTerm","searchOptions","setSearchOptions","map","col","accessorKey","id","caseSensitive","wholeWord","regex","highlightResults","compiled","useMemo","compileSearchPattern","results","trim","invalid","matchRows","useEffect","isWeb","onKey","onKey2","e","_rootRef_current_querySelector","_rootRef_current","metaKey","ctrlKey","altKey","isComposing","closest","preventDefault","field","current","querySelector","focus","window","addEventListener","removeEventListener","handleOptionsChange","handleOptionsChange2","newOptions","prev","searchableColumns","filter","searchable","selectedColumnCount","length","totalColumnCount","optionsActive","isSearching","showStatus","Boolean","jsxs","XStack","ref","role","gap","alignItems","flex","maxWidth","children","jsx","View","minWidth","SearchInput","onChange","onSearch","size","inputProps","SearchOptionsPanel","onOptionsChange","Text","label","color","formCommonColors","error","muted","flexShrink","bidiIsolate","shown","total","param","open","setOpen","handleColumnToggle","handleColumnToggle2","columnKey","checked","next","Array","Set","handleSelectAllColumns","handleSelectAllColumns2","handleSelectNoColumns","handleSelectNoColumns2","trigger","Button","accent","icon","SlidersHorizontalIcon","weight","FloatingPanel","onOpenChange","triggerSizing","widthMode","scrollable","YStack","gapLg","heading","fontWeight","Checkbox","compact","onCheckedChange","Separator","justifyContent","selected","onPress","header","includes","options","flags","RegExp","pattern","escapeRegex","unused","searchPattern","item","some","lastIndex","test","performSearch"],"sources":["../../../../src/components/DataTableSearch/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/components/DataTableToolbar/index.mjs

@@ -1,17 +1,31 @@
 import { CaretDownIcon, FloppyDiskIcon } from "@phosphor-icons/react";
 import { DropdownMenu } from "@multiplatform.one/components";
-import { Button, Input, SearchInput, Spinner } from "@multiplatform.one/forms";
+import { Button, FloatingPanel, Input, SearchInput, Spinner } from "@multiplatform.one/forms";
 import { hairline, useResolvedKnobs } from "@multiplatform.one/theme";
 import { RovingFocusGroup } from "@tamagui/roving-focus";
 import { useState } from "react";
-import { Popover, XStack, YStack } from "tamagui";
+import { XStack, YStack } from "tamagui";
 import { t } from "../../shared/t.mjs";
 import { iconSizeForToken } from "../../utils/chromeIcons.mjs";
 import { useDataTableState } from "../DataTable/DataTableStateContext.mjs";
 import { DataTableExport } from "../DataTableExport/index.mjs";
-import { DataTableFilterButton } from "../DataTableFilterButton/index.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { DataTableCardFilterButton, DataTableFilterButton } from "../DataTableFilterButton/index.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function DataTableToolbar(props) {
+  return /* @__PURE__ */jsx(ToolbarLayout, {
+    ...props
+  });
+}
+function DataTableCardToolbar(props) {
+  return /* @__PURE__ */jsx(ToolbarLayout, {
+    ...props,
+    cardLayout: true
+  });
+}
+function ToolbarLayout({
+  cardLayout = false,
+  ...props
+}) {
   const ctx = useDataTableState();
   const globalFilter = props.globalFilter ?? ctx?.state.globalFilter ?? "";
   const onGlobalFilterChange = props.onGlobalFilterChange ?? ctx?.actions.setGlobalFilter ?? (() => {});
@@ -59,8 +73,106 @@ function DataTableToolbar(props) {
   const showSave = enableViews && showViewSelector;
   const showActionCluster = Boolean(customActions || showFilterButton || showViewPicker || showSave || enableExport);
   const hasTrailing = showActionCluster || isFetching;
+  const viewPickerContent = showViewPicker && /* @__PURE__ */jsxs(DropdownMenu, {
+    closeOnSelect: true,
+    placement: "bottom-end",
+    children: [/* @__PURE__ */jsx(DropdownMenu.Trigger, {
+      asChild: true,
+      children: /* @__PURE__ */jsx(RovingFocusGroup.Item, {
+        focusable: true,
+        asChild: true,
+        children: /* @__PURE__ */jsx(Button, {
+          chromeless: true,
+          size: controlSize,
+          iconAfter: /* @__PURE__ */jsx(CaretDownIcon, {
+            size: iconPx
+          }),
+          "aria-label": t("Saved views"),
+          ...(cardLayout ? {
+            minWidth: 0,
+            maxWidth: "100%"
+          } : {}),
+          "aria-haspopup": "menu",
+          children: activeView?.name ?? t("Views")
+        })
+      })
+    }), /* @__PURE__ */jsx(DropdownMenu.Content, {
+      children: views.map(view => /* @__PURE__ */jsx(DropdownMenu.CheckboxItem, {
+        checked: view.id === activeViewId,
+        closeOnSelect: true,
+        onSelect: () => onLoadView(view.id),
+        children: view.name
+      }, view.id))
+    })]
+  });
+  const viewPicker = cardLayout && showViewPicker ? /* @__PURE__ */jsx(XStack, {
+    minWidth: 0,
+    maxWidth: "100%",
+    flexBasis: "auto",
+    flexGrow: 0,
+    flexShrink: 1,
+    children: viewPickerContent
+  }) : viewPickerContent;
+  const saveView = showSave && /* @__PURE__ */jsx(FloatingPanel, {
+    open: showSaveViewDialog,
+    onOpenChange: setShowSaveViewDialog,
+    triggerSizing: "content",
+    widthMode: "fit-content",
+    trigger: /* @__PURE__ */jsx(RovingFocusGroup.Item, {
+      focusable: true,
+      asChild: true,
+      children: /* @__PURE__ */jsx(Button, {
+        chromeless: true,
+        size: controlSize,
+        icon: /* @__PURE__ */jsx(FloppyDiskIcon, {
+          size: iconPx
+        }),
+        "aria-label": t("Save view")
+      })
+    }),
+    children: /* @__PURE__ */jsxs(YStack, {
+      ...knobProps.gap,
+      minWidth: 240,
+      "data-dismiss-class": "compose",
+      children: [/* @__PURE__ */jsx(Input, {
+        placeholder: t("View name"),
+        value: newViewName,
+        onChangeText: setNewViewName,
+        size: searchSize,
+        ...(compact === void 0 ? {} : {
+          compact
+        }),
+        inputProps: {
+          "aria-label": t("View name"),
+          onKeyDown: e => {
+            if (e.key === "Enter") handleSaveView();
+          }
+        }
+      }), /* @__PURE__ */jsxs(XStack, {
+        ...knobProps.gap,
+        justifyContent: "flex-end",
+        children: [/* @__PURE__ */jsx(Button, {
+          size: controlSize,
+          onPress: () => setShowSaveViewDialog(false),
+          children: t("Cancel")
+        }), /* @__PURE__ */jsx(Button, {
+          size: controlSize,
+          onPress: handleSaveView,
+          disabled: !newViewName.trim(),
+          disabledReason: t("Enter a view name"),
+          children: t("Save")
+        })]
+      })]
+    })
+  });
+  const showSecondary = showViewPicker || showSave || enableExport || isFetching;
   return /* @__PURE__ */jsxs(XStack, {
-    alignItems: "center",
+    alignItems: cardLayout ? "stretch" : "center",
+    flexDirection: cardLayout ? "column" : "row",
+    ...(cardLayout ? {
+      width: "100%",
+      minWidth: 0
+    } : {}),
     paddingVertical: knobProps.panelPadding.padding,
     paddingHorizontal: 0,
     ...knobProps.gap,
@@ -72,9 +184,9 @@ function DataTableToolbar(props) {
     "aria-label": t("Table toolbar"),
     "aria-busy": isFetching || void 0,
     children: [enableGlobalSearch && /* @__PURE__ */jsx(XStack, {
-      flex: 1,
-      minWidth: 160,
-      maxWidth: searchMaxWidth,
+      flex: cardLayout ? void 0 : 1,
+      minWidth: cardLayout ? 0 : 160,
+      maxWidth: cardLayout ? void 0 : searchMaxWidth,
       flexShrink: 1,
       children: /* @__PURE__ */jsx(SearchInput, {
         value: globalFilter,
@@ -87,7 +199,49 @@ function DataTableToolbar(props) {
         }),
         size: searchSize
       })
-    }), hasTrailing && /* @__PURE__ */jsxs(XStack, {
+    }), cardLayout ? /* @__PURE__ */jsxs(Fragment, {
+      children: [(showFilterButton || customActions) && /* @__PURE__ */jsx(RovingFocusGroup, {
+        orientation: "horizontal",
+        loop: true,
+        asChild: true,
+        children: /* @__PURE__ */jsxs(XStack, {
+          "data-table-card-primary": "",
+          width: "100%",
+          minWidth: 0,
+          alignItems: "center",
+          flexWrap: "nowrap",
+          ...knobProps.gap,
+          children: [showFilterButton && /* @__PURE__ */jsx(XStack, {
+            flexShrink: 0,
+            children: /* @__PURE__ */jsx(DataTableCardFilterButton, {})
+          }), customActions]
+        })
+      }), showSecondary && /* @__PURE__ */jsx(RovingFocusGroup, {
+        orientation: "horizontal",
+        loop: true,
+        asChild: true,
+        children: /* @__PURE__ */jsxs(XStack, {
+          "data-table-card-secondary": "",
+          width: "100%",
+          minWidth: 0,
+          flexWrap: "wrap",
+          alignItems: "center",
+          ...knobProps.gap,
+          children: [enableExport && /* @__PURE__ */jsx(XStack, {
+            maxWidth: "100%",
+            minWidth: 0,
+            children: /* @__PURE__ */jsx(DataTableExport, {})
+          }), viewPicker, saveView, isFetching && /* @__PURE__ */jsx(XStack, {
+            alignItems: "center",
+            "aria-live": "polite",
+            "data-table-fetching": "true",
+            children: /* @__PURE__ */jsx(Spinner, {
+              size: "small"
+            })
+          })]
+        })
+      })]
+    }) : hasTrailing && /* @__PURE__ */jsxs(XStack, {
       alignItems: "center",
       ...knobProps.gap,
       flexShrink: 0,
@@ -99,102 +253,7 @@ function DataTableToolbar(props) {
         children: /* @__PURE__ */jsxs(XStack, {
           alignItems: "center",
           ...knobProps.gap,
-          children: [showFilterButton && /* @__PURE__ */jsx(DataTableFilterButton, {}), enableExport && /* @__PURE__ */jsx(DataTableExport, {}), customActions, showViewPicker && /* @__PURE__ */jsxs(DropdownMenu, {
-            closeOnSelect: true,
-            placement: "bottom-end",
-            children: [/* @__PURE__ */jsx(DropdownMenu.Trigger, {
-              asChild: true,
-              children: /* @__PURE__ */jsx(RovingFocusGroup.Item, {
-                focusable: true,
-                asChild: true,
-                children: /* @__PURE__ */jsx(Button, {
-                  chromeless: true,
-                  size: controlSize,
-                  iconAfter: /* @__PURE__ */jsx(CaretDownIcon, {
-                    size: iconPx
-                  }),
-                  "aria-label": t("Saved views"),
-                  "aria-haspopup": "menu",
-                  children: activeView?.name ?? t("Views")
-                })
-              })
-            }), /* @__PURE__ */jsx(DropdownMenu.Content, {
-              children: views.map(view => /* @__PURE__ */jsx(DropdownMenu.CheckboxItem, {
-                checked: view.id === activeViewId,
-                closeOnSelect: true,
-                onSelect: () => onLoadView(view.id),
-                children: view.name
-              }, view.id))
-            })]
-          }), showSave && /* @__PURE__ */jsxs(Popover, {
-            open: showSaveViewDialog,
-            onOpenChange: setShowSaveViewDialog,
-            children: [/* @__PURE__ */jsx(Popover.Trigger, {
-              asChild: true,
-              children: /* @__PURE__ */jsx(RovingFocusGroup.Item, {
-                focusable: true,
-                asChild: true,
-                children: /* @__PURE__ */jsx(Button, {
-                  chromeless: true,
-                  size: controlSize,
-                  icon: /* @__PURE__ */jsx(FloppyDiskIcon, {
-                    size: iconPx
-                  }),
-                  "aria-label": t("Save view")
-                })
-              })
-            }), /* @__PURE__ */jsx(Popover.Content, {
-              ...knobProps.elevatedSurface,
-              ...knobProps.borderRadius,
-              borderColor: "$color6",
-              transition: knobProps.transition,
-              enterStyle: {
-                x: 0,
-                y: -10,
-                opacity: 0
-              },
-              exitStyle: {
-                x: 0,
-                y: -10,
-                opacity: 0
-              },
-              "data-dismiss-class": "compose",
-              children: /* @__PURE__ */jsxs(YStack, {
-                ...knobProps.gap,
-                ...knobProps.panelPadding,
-                minWidth: 240,
-                children: [/* @__PURE__ */jsx(Input, {
-                  placeholder: t("View name"),
-                  value: newViewName,
-                  onChangeText: setNewViewName,
-                  size: searchSize,
-                  ...(compact === void 0 ? {} : {
-                    compact
-                  }),
-                  inputProps: {
-                    "aria-label": t("View name"),
-                    onKeyDown: e => {
-                      if (e.key === "Enter") handleSaveView();
-                    }
-                  }
-                }), /* @__PURE__ */jsxs(XStack, {
-                  ...knobProps.gap,
-                  justifyContent: "flex-end",
-                  children: [/* @__PURE__ */jsx(Button, {
-                    size: controlSize,
-                    onPress: () => setShowSaveViewDialog(false),
-                    children: t("Cancel")
-                  }), /* @__PURE__ */jsx(Button, {
-                    size: controlSize,
-                    onPress: handleSaveView,
-                    disabled: !newViewName.trim(),
-                    disabledReason: t("Enter a view name"),
-                    children: t("Save")
-                  })]
-                })]
-              })
-            })]
-          })]
+          children: [showFilterButton && /* @__PURE__ */jsx(DataTableFilterButton, {}), enableExport && /* @__PURE__ */jsx(DataTableExport, {}), customActions, viewPicker, saveView]
         })
       }), isFetching && /* @__PURE__ */jsx(XStack, {
         alignItems: "center",
@@ -207,5 +266,5 @@ function DataTableToolbar(props) {
     })]
   });
 }
-export { DataTableToolbar };
+export { DataTableCardToolbar, DataTableToolbar };
 //# sourceMappingURL=index.mjs.map