@multiplatform.one/table 6.1.0 → 6.4.0

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

@@ -1,23 +1,12 @@
-import { EyeIcon, FloppyDiskIcon, MagnifyingGlassIcon, XIcon } from "@phosphor-icons/react";
-import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { EyeIcon, FloppyDiskIcon } from "@phosphor-icons/react";
+import { ensureFocusVisibleRing, useResolvedKnobs } from "@multiplatform.one/theme";
 import { RovingFocusGroup } from "@tamagui/roving-focus";
 import { useState } from "react";
-import { Button, Input } from "@multiplatform.one/forms";
-import { Popover, Separator, Text, View, XStack, YStack, styled } from "tamagui";
+import { Button, Input, SearchInput } from "@multiplatform.one/forms";
+import { Popover, Text, View, XStack, YStack, styled } from "tamagui";
 import { useDataTableState } from "../DataTable/DataTableStateContext.mjs";
+import { DataTableFilterButton } from "../DataTableFilterButton/index.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-const SearchIconWrapperFrame = styled(View, {
-  name: "DataTableSearchIconFrame",
-  paddingLeft: "$3",
-  alignItems: "center",
-  justifyContent: "center"
-});
-const ClearButtonWrapperFrame = styled(View, {
-  name: "DataTableClearButtonFrame",
-  paddingRight: "$2",
-  alignItems: "center",
-  justifyContent: "center"
-});
 const ToolbarDividerFrame = styled(View, {
   name: "DataTableToolbarDividerFrame",
   width: 1,
@@ -35,13 +24,14 @@ function DataTableToolbar(props) {
   const {
     enableViews = false,
     enableGlobalSearch = true,
-    enableFiltering: _enableFiltering = true,
+    enableFiltering = true,
     showFilterCount: _showFilterCount = true,
     showViewSelector = true,
     customActions,
     size,
     compact: _compact = true
   } = props;
+  const showFilterButton = enableFiltering && !!ctx && (ctx.computed?.filterFields?.length ?? 0) > 0;
   const [showSaveViewDialog, setShowSaveViewDialog] = useState(false);
   const [newViewName, setNewViewName] = useState("");
   const activeView = views.find(v => v.id === activeViewId);
@@ -69,41 +59,23 @@ function DataTableToolbar(props) {
     overflow: "hidden",
     role: "toolbar",
     "aria-label": "Table toolbar",
-    children: [enableGlobalSearch && /* @__PURE__ */jsxs(XStack, {
+    children: [enableGlobalSearch && /* @__PURE__ */jsx(XStack, {
       flex: 1,
       alignItems: "center",
-      children: [/* @__PURE__ */jsx(SearchIconWrapperFrame, {
-        children: /* @__PURE__ */jsx(MagnifyingGlassIcon, {
-          size: 16
-        })
-      }), /* @__PURE__ */jsx(View, {
+      paddingHorizontal: "$2",
+      paddingVertical: "$2",
+      children: /* @__PURE__ */jsx(View, {
         flex: 1,
-        children: /* @__PURE__ */jsx(Input, {
+        children: /* @__PURE__ */jsx(SearchInput, {
           value: globalFilter,
-          onChangeText: onGlobalFilterChange,
-          placeholder: "Search...",
+          onChange: onGlobalFilterChange,
+          onClear: enableFiltering ? onClearFilters : void 0,
           "aria-label": "Search table data",
-          chromeless: true,
           compact: true,
           size: "$3"
         })
-      }), globalFilter && /* @__PURE__ */jsx(ClearButtonWrapperFrame, {
-        children: /* @__PURE__ */jsx(Button, {
-          chromeless: true,
-          circular: true,
-          size: "$2",
-          padding: "$1",
-          onPress: () => {
-            onGlobalFilterChange("");
-            onClearFilters();
-          },
-          icon: /* @__PURE__ */jsx(XIcon, {
-            size: 14
-          }),
-          "aria-label": "Clear search"
-        })
-      })]
-    }), (customActions || enableViews) && /* @__PURE__ */jsxs(Fragment, {
+      })
+    }), (customActions || enableViews || showFilterButton) && /* @__PURE__ */jsxs(Fragment, {
       children: [/* @__PURE__ */jsx(ToolbarDividerFrame, {}), /* @__PURE__ */jsx(RovingFocusGroup, {
         orientation: "horizontal",
         loop: true,
@@ -112,14 +84,17 @@ function DataTableToolbar(props) {
           alignItems: "center",
           paddingHorizontal: "$2",
           gap: "$1",
-          children: [customActions, enableViews && showViewSelector && /* @__PURE__ */jsxs(Fragment, {
-            children: [/* @__PURE__ */jsx(RovingFocusGroup.Item, {
-              focusable: true,
-              asChild: true,
-              children: /* @__PURE__ */jsxs(Popover, {
-                open: showSaveViewDialog,
-                onOpenChange: setShowSaveViewDialog,
-                children: [/* @__PURE__ */jsx(Popover.Trigger, {
+          focusStyle: ensureFocusVisibleRing(),
+          focusVisibleStyle: ensureFocusVisibleRing(),
+          focusWithinStyle: ensureFocusVisibleRing(),
+          children: [showFilterButton && /* @__PURE__ */jsx(DataTableFilterButton, {}), customActions, enableViews && showViewSelector && /* @__PURE__ */jsxs(Fragment, {
+            children: [/* @__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,
@@ -133,55 +108,55 @@ function DataTableToolbar(props) {
                       outlineWidth: 2
                     }
                   })
-                }), /* @__PURE__ */jsx(Popover.Content, {
-                  ...knobProps.borderRadius,
-                  borderColor: "$color6",
-                  enterStyle: {
-                    x: 0,
-                    y: -10,
-                    opacity: 0
-                  },
-                  exitStyle: {
-                    x: 0,
-                    y: -10,
-                    opacity: 0
-                  },
-                  children: /* @__PURE__ */jsxs(YStack, {
-                    ...knobProps.gap,
-                    ...knobProps.panelPadding,
-                    minWidth: 250,
-                    children: [/* @__PURE__ */jsx(Text, {
-                      fontWeight: "600",
-                      children: "Save Current View"
-                    }), /* @__PURE__ */jsx(Input, {
-                      placeholder: "Enter view name...",
-                      value: newViewName,
-                      onChangeText: setNewViewName,
-                      size: "$3",
-                      compact: true,
-                      inputProps: {
-                        onKeyDown: e => {
-                          if (e.key === "Enter") handleSaveView();
-                        }
+                })
+              }), /* @__PURE__ */jsx(Popover.Content, {
+                ...knobProps.borderRadius,
+                borderColor: "$color6",
+                enterStyle: {
+                  x: 0,
+                  y: -10,
+                  opacity: 0
+                },
+                exitStyle: {
+                  x: 0,
+                  y: -10,
+                  opacity: 0
+                },
+                children: /* @__PURE__ */jsxs(YStack, {
+                  ...knobProps.gap,
+                  ...knobProps.panelPadding,
+                  minWidth: 250,
+                  children: [/* @__PURE__ */jsx(Text, {
+                    fontWeight: "600",
+                    children: "Save Current View"
+                  }), /* @__PURE__ */jsx(Input, {
+                    placeholder: "Enter view name...",
+                    value: newViewName,
+                    onChangeText: setNewViewName,
+                    size: "$3",
+                    compact: true,
+                    inputProps: {
+                      onKeyDown: e => {
+                        if (e.key === "Enter") handleSaveView();
                       }
-                    }), /* @__PURE__ */jsxs(XStack, {
-                      gap: "$2",
-                      justifyContent: "flex-end",
-                      children: [/* @__PURE__ */jsx(Button, {
-                        size: "$2",
-                        variant: "outlined",
-                        onPress: () => setShowSaveViewDialog(false),
-                        children: "Cancel"
-                      }), /* @__PURE__ */jsx(Button, {
-                        size: "$2",
-                        onPress: handleSaveView,
-                        disabled: !newViewName.trim(),
-                        children: "Save"
-                      })]
+                    }
+                  }), /* @__PURE__ */jsxs(XStack, {
+                    gap: "$2",
+                    justifyContent: "flex-end",
+                    children: [/* @__PURE__ */jsx(Button, {
+                      size: "$2",
+                      variant: "outlined",
+                      onPress: () => setShowSaveViewDialog(false),
+                      children: "Cancel"
+                    }), /* @__PURE__ */jsx(Button, {
+                      size: "$2",
+                      onPress: handleSaveView,
+                      disabled: !newViewName.trim(),
+                      children: "Save"
                     })]
-                  })
-                })]
-              })
+                  })]
+                })
+              })]
             }), activeView && /* @__PURE__ */jsxs(XStack, {
               alignItems: "center",
               gap: "$1",
@@ -200,23 +175,5 @@ function DataTableToolbar(props) {
     })]
   });
 }
-function DataTableToolbarActions({
-  children
-}) {
-  return /* @__PURE__ */jsx(XStack, {
-    alignItems: "center",
-    gap: "$1",
-    children
-  });
-}
-function DataTableToolbarSeparator({
-  orientation = "vertical"
-}) {
-  return /* @__PURE__ */jsx(Separator, {
-    vertical: orientation === "vertical",
-    marginHorizontal: orientation === "vertical" ? "$1" : 0,
-    marginVertical: orientation === "horizontal" ? "$1" : 0
-  });
-}
-export { DataTableToolbar, DataTableToolbarActions, DataTableToolbarSeparator };
+export { DataTableToolbar };
 //# sourceMappingURL=index.mjs.map

package/dist/esm/components/DataTableToolbar/index.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["EyeIcon","FloppyDiskIcon","MagnifyingGlassIcon","XIcon","useResolvedKnobs","RovingFocusGroup","useState","Button","Input","Popover","Separator","Text","View","XStack","YStack","styled","useDataTableState","Fragment","jsx","jsxs","SearchIconWrapperFrame","name","paddingLeft","alignItems","justifyContent","ClearButtonWrapperFrame","paddingRight","ToolbarDividerFrame","width","alignSelf","backgroundColor","DataTableToolbar","props","ctx","globalFilter","state","onGlobalFilterChange","actions","setGlobalFilter","onClearFilters","clearFilters","onSaveView","saveView","views","activeViewId","enableViews","enableGlobalSearch","enableFiltering","_enableFiltering","showFilterCount","_showFilterCount","showViewSelector","customActions","size","compact","_compact","showSaveViewDialog","setShowSaveViewDialog","newViewName","setNewViewName","activeView","find","v","id","handleSaveView","trim","knobProps","borderWidth","borderBottomWidth","borderColor","borderTopLeftRadius","borderRadius","borderTopRightRadius","overflow","role","children","flex","value","onChangeText","placeholder","chromeless","circular","padding","onPress","icon","orientation","loop","asChild","paddingHorizontal","gap","Item","focusable","open","onOpenChange","Trigger","focusStyle","outlineColor","outlineWidth","Content","enterStyle","x","y","opacity","exitStyle","panelPadding","minWidth","fontWeight","inputProps","onKeyDown","e","key","variant","disabled","fontSize","color","DataTableToolbarActions","DataTableToolbarSeparator","vertical","marginHorizontal","marginVertical"],"sources":["../../../../src/components/DataTableToolbar/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["EyeIcon","FloppyDiskIcon","ensureFocusVisibleRing","useResolvedKnobs","RovingFocusGroup","useState","Button","Input","SearchInput","Popover","Text","View","XStack","YStack","styled","useDataTableState","DataTableFilterButton","Fragment","jsx","jsxs","ToolbarDividerFrame","name","width","alignSelf","backgroundColor","DataTableToolbar","props","ctx","globalFilter","state","onGlobalFilterChange","actions","setGlobalFilter","onClearFilters","clearFilters","onSaveView","saveView","views","activeViewId","enableViews","enableGlobalSearch","enableFiltering","showFilterCount","_showFilterCount","showViewSelector","customActions","size","compact","_compact","showFilterButton","computed","filterFields","length","showSaveViewDialog","setShowSaveViewDialog","newViewName","setNewViewName","activeView","find","v","id","handleSaveView","trim","knobProps","alignItems","borderWidth","borderBottomWidth","borderColor","borderTopLeftRadius","borderRadius","borderTopRightRadius","overflow","role","children","flex","paddingHorizontal","paddingVertical","value","onChange","onClear","orientation","loop","asChild","gap","focusStyle","focusVisibleStyle","focusWithinStyle","open","onOpenChange","Trigger","Item","focusable","chromeless","icon","outlineColor","outlineWidth","Content","enterStyle","x","y","opacity","exitStyle","panelPadding","minWidth","fontWeight","placeholder","onChangeText","inputProps","onKeyDown","e","key","justifyContent","variant","onPress","disabled","fontSize","color"],"sources":["../../../../src/components/DataTableToolbar/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/components/DataTableToolbar/index.native.js

@@ -1,23 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { EyeIcon, FloppyDiskIcon, MagnifyingGlassIcon, XIcon } from "@phosphor-icons/react";
-import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { EyeIcon, FloppyDiskIcon } from "@phosphor-icons/react";
+import { ensureFocusVisibleRing, useResolvedKnobs } from "@multiplatform.one/theme";
 import { RovingFocusGroup } from "@tamagui/roving-focus";
 import { useState } from "react";
-import { Button, Input } from "@multiplatform.one/forms";
-import { Popover, Separator, Text, View, XStack, YStack, styled } from "tamagui";
+import { Button, Input, SearchInput } from "@multiplatform.one/forms";
+import { Popover, Text, View, XStack, YStack, styled } from "tamagui";
 import { useDataTableState } from "../DataTable/DataTableStateContext.native.js";
-var SearchIconWrapperFrame = styled(View, {
-  name: "DataTableSearchIconFrame",
-  paddingLeft: "$3",
-  alignItems: "center",
-  justifyContent: "center"
-});
-var ClearButtonWrapperFrame = styled(View, {
-  name: "DataTableClearButtonFrame",
-  paddingRight: "$2",
-  alignItems: "center",
-  justifyContent: "center"
-});
+import { DataTableFilterButton } from "../DataTableFilterButton/index.native.js";
 var ToolbarDividerFrame = styled(View, {
   name: "DataTableToolbarDividerFrame",
   width: 1,
@@ -25,7 +14,8 @@ var ToolbarDividerFrame = styled(View, {
   backgroundColor: "$color6"
 });
 function DataTableToolbar(props) {
-  var _ref, _props_globalFilter, _ref1, _props_onGlobalFilterChange, _ref2, _props_onClearFilters, _ref3, _props_onSaveView, _ref4, _props_views, _props_activeViewId;
+  var _ref, _props_globalFilter, _ref1, _props_onGlobalFilterChange, _ref2, _props_onClearFilters, _ref3, _props_onSaveView, _ref4, _props_views, _props_activeViewId, _ref5;
+  var _ctx_computed_filterFields, _ctx_computed;
   var ctx = useDataTableState();
   var globalFilter = (_ref = (_props_globalFilter = props.globalFilter) !== null && _props_globalFilter !== void 0 ? _props_globalFilter : ctx === null || ctx === void 0 ? void 0 : ctx.state.globalFilter) !== null && _ref !== void 0 ? _ref : "";
   var onGlobalFilterChange = (_ref1 = (_props_onGlobalFilterChange = props.onGlobalFilterChange) !== null && _props_onGlobalFilterChange !== void 0 ? _props_onGlobalFilterChange : ctx === null || ctx === void 0 ? void 0 : ctx.actions.setGlobalFilter) !== null && _ref1 !== void 0 ? _ref1 : function () {};
@@ -36,13 +26,14 @@ function DataTableToolbar(props) {
   var {
     enableViews = false,
     enableGlobalSearch = true,
-    enableFiltering: _enableFiltering = true,
+    enableFiltering = true,
     showFilterCount: _showFilterCount = true,
     showViewSelector = true,
     customActions,
     size,
     compact: _compact = true
   } = props;
+  var showFilterButton = enableFiltering && !!ctx && ((_ref5 = (_ctx_computed = ctx.computed) === null || _ctx_computed === void 0 ? void 0 : (_ctx_computed_filterFields = _ctx_computed.filterFields) === null || _ctx_computed_filterFields === void 0 ? void 0 : _ctx_computed_filterFields.length) !== null && _ref5 !== void 0 ? _ref5 : 0) > 0;
   var [showSaveViewDialog, setShowSaveViewDialog] = useState(false);
   var [newViewName, setNewViewName] = useState("");
   var activeView = views.find(function (v) {
@@ -72,43 +63,35 @@ function DataTableToolbar(props) {
     overflow: "hidden",
     role: "toolbar",
     "aria-label": "Table toolbar",
-    children: [/* Search Section - fills available space */
-    enableGlobalSearch && /* @__PURE__ */_jsxs(XStack, {
+    children: [
+    /* Search Section - fills available space. Consumes the catalog
+    SearchInput (census item 6) instead of re-composing the
+    icon + field + clear anatomy locally. */
+    enableGlobalSearch && /* @__PURE__ */_jsx(XStack, {
       flex: 1,
       alignItems: "center",
-      children: [/* @__PURE__ */_jsx(SearchIconWrapperFrame, {
-        children: /* @__PURE__ */_jsx(MagnifyingGlassIcon, {
-          size: 16
-        })
-      }), /* @__PURE__ */_jsx(View, {
+      paddingHorizontal: "$2",
+      paddingVertical: "$2",
+      children: /* @__PURE__ */_jsx(View, {
         flex: 1,
-        children: /* @__PURE__ */_jsx(Input, {
+        children: /* @__PURE__ */_jsx(SearchInput, {
           value: globalFilter,
-          onChangeText: onGlobalFilterChange,
-          placeholder: "Search...",
+          onChange: onGlobalFilterChange,
+          // Clear-X semantics follow filter ownership: when the toolbar
+          // owns a filter surface (enableFiltering) the X clears search
+          // AND filters (explicit clear intent). When the filter chrome
+          // is suppressed (enableFiltering=false — an outer surface owns
+          // filtering and injects tuples via initialState/state), the X
+          // must not mutate those injected filters; SearchInput already
+          // clears the text through onChange("").
+          onClear: enableFiltering ? onClearFilters : void 0,
           "aria-label": "Search table data",
-          chromeless: true,
           compact: true,
           size: "$3"
         })
-      }), globalFilter && /* @__PURE__ */_jsx(ClearButtonWrapperFrame, {
-        children: /* @__PURE__ */_jsx(Button, {
-          chromeless: true,
-          circular: true,
-          size: "$2",
-          padding: "$1",
-          onPress: function onPress() {
-            onGlobalFilterChange("");
-            onClearFilters();
-          },
-          icon: /* @__PURE__ */_jsx(XIcon, {
-            size: 14
-          }),
-          "aria-label": "Clear search"
-        })
-      })]
+      })
     }), /* Right Section - Actions with roving focus for keyboard navigation */
-    (customActions || enableViews) && /* @__PURE__ */_jsxs(_Fragment, {
+    (customActions || enableViews || showFilterButton) && /* @__PURE__ */_jsxs(_Fragment, {
       children: [/* @__PURE__ */_jsx(ToolbarDividerFrame, {}), /* @__PURE__ */_jsx(RovingFocusGroup, {
         orientation: "horizontal",
         loop: true,
@@ -117,17 +100,31 @@ function DataTableToolbar(props) {
           alignItems: "center",
           paddingHorizontal: "$2",
           gap: "$1",
-          children: [/* Custom Actions */
+          // DG-A11Y-01: the roving group container is a focusable tab
+          // entry point that forwards focus to its current item — paint
+          // the ring synchronously while focus is WITHIN (CellWrapper
+          // focusWithin pattern) and on its own :focus.
+          focusStyle: ensureFocusVisibleRing(),
+          focusVisibleStyle: ensureFocusVisibleRing(),
+          focusWithinStyle: ensureFocusVisibleRing(),
+          children: [/* Filter surface — filters any field, incl. hidden columns */
+          showFilterButton && /* @__PURE__ */_jsx(DataTableFilterButton, {}), /* Custom Actions */
           customActions, /* View Management */
           enableViews && showViewSelector && /* @__PURE__ */_jsxs(_Fragment, {
-            children: [/* Save View Button */
-            /* @__PURE__ */_jsx(RovingFocusGroup.Item, {
-              focusable: true,
-              asChild: true,
-              children: /* @__PURE__ */_jsxs(Popover, {
-                open: showSaveViewDialog,
-                onOpenChange: setShowSaveViewDialog,
-                children: [/* @__PURE__ */_jsx(Popover.Trigger, {
+            children: [
+            /* Save View Button. The roving item must wrap the Button
+            (not the Popover): RovingFocusGroup collects item refs as
+            focus candidates and calls `.focus()` on them — Popover's
+            ref is its imperative handle, not an element, which threw
+            `candidate.focus is not a function` on arrow-key nav. */
+            /* @__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,
@@ -141,57 +138,57 @@ function DataTableToolbar(props) {
                       outlineWidth: 2
                     }
                   })
-                }), /* @__PURE__ */_jsx(Popover.Content, {
-                  ...knobProps.borderRadius,
-                  borderColor: "$color6",
-                  enterStyle: {
-                    x: 0,
-                    y: -10,
-                    opacity: 0
-                  },
-                  exitStyle: {
-                    x: 0,
-                    y: -10,
-                    opacity: 0
-                  },
-                  children: /* @__PURE__ */_jsxs(YStack, {
-                    ...knobProps.gap,
-                    ...knobProps.panelPadding,
-                    minWidth: 250,
-                    children: [/* @__PURE__ */_jsx(Text, {
-                      fontWeight: "600",
-                      children: "Save Current View"
-                    }), /* @__PURE__ */_jsx(Input, {
-                      placeholder: "Enter view name...",
-                      value: newViewName,
-                      onChangeText: setNewViewName,
-                      size: "$3",
-                      compact: true,
-                      inputProps: {
-                        onKeyDown: function onKeyDown(e) {
-                          if (e.key === "Enter") handleSaveView();
-                        }
+                })
+              }), /* @__PURE__ */_jsx(Popover.Content, {
+                ...knobProps.borderRadius,
+                borderColor: "$color6",
+                enterStyle: {
+                  x: 0,
+                  y: -10,
+                  opacity: 0
+                },
+                exitStyle: {
+                  x: 0,
+                  y: -10,
+                  opacity: 0
+                },
+                children: /* @__PURE__ */_jsxs(YStack, {
+                  ...knobProps.gap,
+                  ...knobProps.panelPadding,
+                  minWidth: 250,
+                  children: [/* @__PURE__ */_jsx(Text, {
+                    fontWeight: "600",
+                    children: "Save Current View"
+                  }), /* @__PURE__ */_jsx(Input, {
+                    placeholder: "Enter view name...",
+                    value: newViewName,
+                    onChangeText: setNewViewName,
+                    size: "$3",
+                    compact: true,
+                    inputProps: {
+                      onKeyDown: function onKeyDown(e) {
+                        if (e.key === "Enter") handleSaveView();
                       }
-                    }), /* @__PURE__ */_jsxs(XStack, {
-                      gap: "$2",
-                      justifyContent: "flex-end",
-                      children: [/* @__PURE__ */_jsx(Button, {
-                        size: "$2",
-                        variant: "outlined",
-                        onPress: function onPress() {
-                          return setShowSaveViewDialog(false);
-                        },
-                        children: "Cancel"
-                      }), /* @__PURE__ */_jsx(Button, {
-                        size: "$2",
-                        onPress: handleSaveView,
-                        disabled: !newViewName.trim(),
-                        children: "Save"
-                      })]
+                    }
+                  }), /* @__PURE__ */_jsxs(XStack, {
+                    gap: "$2",
+                    justifyContent: "flex-end",
+                    children: [/* @__PURE__ */_jsx(Button, {
+                      size: "$2",
+                      variant: "outlined",
+                      onPress: function onPress() {
+                        return setShowSaveViewDialog(false);
+                      },
+                      children: "Cancel"
+                    }), /* @__PURE__ */_jsx(Button, {
+                      size: "$2",
+                      onPress: handleSaveView,
+                      disabled: !newViewName.trim(),
+                      children: "Save"
                     })]
-                  })
-                })]
-              })
+                  })]
+                })
+              })]
             }), /* Active View Indicator */
             activeView && /* @__PURE__ */_jsxs(XStack, {
               alignItems: "center",
@@ -211,25 +208,5 @@ function DataTableToolbar(props) {
     })]
   });
 }
-function DataTableToolbarActions(param) {
-  var {
-    children
-  } = param;
-  return /* @__PURE__ */_jsx(XStack, {
-    alignItems: "center",
-    gap: "$1",
-    children
-  });
-}
-function DataTableToolbarSeparator(param) {
-  var {
-    orientation = "vertical"
-  } = param;
-  return /* @__PURE__ */_jsx(Separator, {
-    vertical: orientation === "vertical",
-    marginHorizontal: orientation === "vertical" ? "$1" : 0,
-    marginVertical: orientation === "horizontal" ? "$1" : 0
-  });
-}
-export { DataTableToolbar, DataTableToolbarActions, DataTableToolbarSeparator };
+export { DataTableToolbar };
 //# sourceMappingURL=index.native.js.map