@multiplatform.one/table 6.6.0 → 7.0.0

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

@@ -29,28 +29,28 @@ __export(DataTableToolbar_exports, {
 module.exports = __toCommonJS(DataTableToolbar_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("@phosphor-icons/react");
+var import_components = require("@multiplatform.one/components");
+var import_forms = require("@multiplatform.one/forms");
 var import_theme = require("@multiplatform.one/theme");
 var import_roving_focus = require("@tamagui/roving-focus");
 var import_react2 = require("react");
-var import_forms = require("@multiplatform.one/forms");
 var import_tamagui = require("tamagui");
+var import_t = require("../../shared/t.native.js");
 var import_DataTableStateContext = require("../DataTable/DataTableStateContext.native.js");
-var import_DataTableFilterButton = require("../DataTableFilterButton");
-var ToolbarDividerFrame = (0, import_tamagui.styled)(import_tamagui.View, {
-  name: "DataTableToolbarDividerFrame",
-  width: 1,
-  alignSelf: "stretch",
-  backgroundColor: "$color6"
-});
+var import_DataTableFilterButton = require("../DataTableFilterButton/index.native.js");
+var iconSizeForToken = function iconSizeForToken2(token) {
+  return (0, import_theme.sizeRecipeForToken)(token).iconSize;
+};
 function DataTableToolbar(props) {
-  var _ref, _props_globalFilter, _ref1, _props_onGlobalFilterChange, _ref2, _props_onClearFilters, _ref3, _props_onSaveView, _ref4, _props_views, _props_activeViewId, _ref5;
+  var _ref, _props_globalFilter, _ref1, _props_onGlobalFilterChange, _ref2, _props_onClearFilters, _ref3, _props_onSaveView, _ref4, _props_onLoadView, _ref5, _props_views, _props_activeViewId, _ref6, _ref7, _ref8;
   var _ctx_computed_filterFields, _ctx_computed;
   var ctx = (0, import_DataTableStateContext.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 () {};
   var onClearFilters = (_ref2 = (_props_onClearFilters = props.onClearFilters) !== null && _props_onClearFilters !== void 0 ? _props_onClearFilters : ctx === null || ctx === void 0 ? void 0 : ctx.actions.clearFilters) !== null && _ref2 !== void 0 ? _ref2 : function () {};
   var onSaveView = (_ref3 = (_props_onSaveView = props.onSaveView) !== null && _props_onSaveView !== void 0 ? _props_onSaveView : ctx === null || ctx === void 0 ? void 0 : ctx.actions.saveView) !== null && _ref3 !== void 0 ? _ref3 : function () {};
-  var views = (_ref4 = (_props_views = props.views) !== null && _props_views !== void 0 ? _props_views : ctx === null || ctx === void 0 ? void 0 : ctx.state.views) !== null && _ref4 !== void 0 ? _ref4 : [];
+  var onLoadView = (_ref4 = (_props_onLoadView = props.onLoadView) !== null && _props_onLoadView !== void 0 ? _props_onLoadView : ctx === null || ctx === void 0 ? void 0 : ctx.actions.loadView) !== null && _ref4 !== void 0 ? _ref4 : function () {};
+  var views = (_ref5 = (_props_views = props.views) !== null && _props_views !== void 0 ? _props_views : ctx === null || ctx === void 0 ? void 0 : ctx.state.views) !== null && _ref5 !== void 0 ? _ref5 : [];
   var activeViewId = (_props_activeViewId = props.activeViewId) !== null && _props_activeViewId !== void 0 ? _props_activeViewId : ctx === null || ctx === void 0 ? void 0 : ctx.state.activeViewId;
   var {
     enableViews = false,
@@ -60,9 +60,11 @@ function DataTableToolbar(props) {
     showViewSelector = true,
     customActions,
     size,
-    compact: _compact = true
+    compact: _compact = true,
+    isFetching: isFetchingProp
   } = 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 isFetching = (_ref6 = isFetchingProp !== null && isFetchingProp !== void 0 ? isFetchingProp : ctx === null || ctx === void 0 ? void 0 : ctx.state.isFetching) !== null && _ref6 !== void 0 ? _ref6 : false;
+  var showFilterButton = enableFiltering && !!ctx && ((_ref7 = (_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 && _ref7 !== void 0 ? _ref7 : 0) > 0;
   var [showSaveViewDialog, setShowSaveViewDialog] = (0, import_react2.useState)(false);
   var [newViewName, setNewViewName] = (0, import_react2.useState)("");
   var activeView = views.find(function (v) {
@@ -81,159 +83,172 @@ function DataTableToolbar(props) {
     size,
     compact: true
   });
+  var sz = knobProps.sizeToken;
+  var iconPx = iconSizeForToken(String(sz));
+  var searchMaxWidth = sz === "$3" ? 280 : sz === "$5" ? 400 : 320;
+  var controlSize = "$2";
+  var searchSize = "$3";
+  var showViewPicker = enableViews && showViewSelector && views.length > 0;
+  var showSave = enableViews && showViewSelector;
+  var showActionCluster = Boolean(customActions || showFilterButton || showViewPicker || showSave);
+  var hasTrailing = showActionCluster || isFetching;
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-    alignItems: "stretch",
-    backgroundColor: "$color3",
-    borderWidth: 1,
-    borderBottomWidth: 0,
-    borderColor: "$color6",
-    borderTopLeftRadius: knobProps.borderRadius.borderRadius,
-    borderTopRightRadius: knobProps.borderRadius.borderRadius,
-    overflow: "hidden",
+    alignItems: "center",
+    // LC-39: flush band — no painted panel, so no horizontal inset.
+    paddingVertical: knobProps.panelPadding.padding,
+    paddingHorizontal: 0,
+    ...knobProps.gap,
+    ...import_theme.hairline.bottom,
+    borderColor: "$borderColor",
+    flexWrap: "nowrap",
+    justifyContent: enableGlobalSearch && hasTrailing ? "space-between" : "flex-start",
     role: "toolbar",
-    "aria-label": "Table toolbar",
-    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__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+    "aria-label": (0, import_t.t)("Table toolbar"),
+    "aria-busy": isFetching || void 0,
+    children: [enableGlobalSearch && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
       flex: 1,
-      alignItems: "center",
-      paddingHorizontal: "$2",
-      paddingVertical: "$2",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-        flex: 1,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.SearchInput, {
-          value: globalFilter,
-          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",
-          compact: true,
-          size: "$3"
-        })
+      minWidth: 160,
+      maxWidth: searchMaxWidth,
+      flexShrink: 1,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.SearchInput, {
+        value: globalFilter,
+        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,
+        placeholder: (0, import_t.t)("Search"),
+        "aria-label": (0, import_t.t)("Search table data"),
+        compact: true,
+        size: searchSize
       })
-    }), /* Right Section - Actions with roving focus for keyboard navigation */
-    (customActions || enableViews || showFilterButton) && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(ToolbarDividerFrame, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup, {
+    }), hasTrailing && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+      alignItems: "center",
+      ...knobProps.gap,
+      flexShrink: 0,
+      marginInlineStart: enableGlobalSearch ? "auto" : 0,
+      children: [showActionCluster && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup, {
         orientation: "horizontal",
         loop: true,
         asChild: true,
         children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
           alignItems: "center",
-          paddingHorizontal: "$2",
-          gap: "$1",
-          // 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: (0, import_theme.ensureFocusVisibleRing)(),
-          focusVisibleStyle: (0, import_theme.ensureFocusVisibleRing)(),
-          focusWithinStyle: (0, import_theme.ensureFocusVisibleRing)(),
-          children: [/* Filter surface — filters any field, incl. hidden columns */
-          showFilterButton && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_DataTableFilterButton.DataTableFilterButton, {}), /* Custom Actions */
-          customActions, /* View Management */
-          enableViews && showViewSelector && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-            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__ */
-            (0, import_jsx_runtime.jsxs)(import_tamagui.Popover, {
-              open: showSaveViewDialog,
-              onOpenChange: setShowSaveViewDialog,
-              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, {
+          ...knobProps.gap,
+          children: [showFilterButton && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_DataTableFilterButton.DataTableFilterButton, {}), customActions, showViewPicker && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.DropdownMenu, {
+            closeOnSelect: true,
+            placement: "bottom-end",
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Trigger, {
+              asChild: true,
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup.Item, {
+                focusable: true,
                 asChild: true,
-                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup.Item, {
-                  focusable: true,
-                  asChild: true,
-                  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
-                    chromeless: true,
-                    size: "$2",
-                    icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.FloppyDiskIcon, {
-                      size: 16
-                    }),
-                    "aria-label": "Save view",
-                    focusStyle: {
-                      outlineColor: "$accentBackground",
-                      outlineWidth: 2
-                    }
-                  })
+                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+                  chromeless: true,
+                  size: controlSize,
+                  iconAfter: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CaretDownIcon, {
+                    size: iconPx
+                  }),
+                  "aria-label": (0, import_t.t)("Saved views"),
+                  "aria-haspopup": "menu",
+                  children: (_ref8 = activeView === null || activeView === void 0 ? void 0 : activeView.name) !== null && _ref8 !== void 0 ? _ref8 : (0, import_t.t)("Views")
                 })
-              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Content, {
-                ...knobProps.borderRadius,
-                borderColor: "$color6",
-                transition: knobProps.transition,
-                enterStyle: {
-                  x: 0,
-                  y: -10,
-                  opacity: 0
-                },
-                exitStyle: {
-                  x: 0,
-                  y: -10,
-                  opacity: 0
-                },
-                children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-                  ...knobProps.gap,
-                  ...knobProps.panelPadding,
-                  minWidth: 250,
-                  children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-                    fontWeight: "600",
-                    children: "Save Current View"
-                  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Input, {
-                    placeholder: "Enter view name...",
-                    value: newViewName,
-                    onChangeText: setNewViewName,
-                    size: "$3",
-                    compact: true,
-                    inputProps: {
-                      onKeyDown: function onKeyDown(e) {
-                        if (e.key === "Enter") handleSaveView();
-                      }
+              })
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Content, {
+              children: views.map(function (view) {
+                return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.CheckboxItem, {
+                  checked: view.id === activeViewId,
+                  closeOnSelect: true,
+                  onSelect: function onSelect() {
+                    return onLoadView(view.id);
+                  },
+                  children: view.name
+                }, view.id);
+              })
+            })]
+          }), showSave && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover, {
+            open: showSaveViewDialog,
+            onOpenChange: setShowSaveViewDialog,
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, {
+              asChild: true,
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup.Item, {
+                focusable: true,
+                asChild: true,
+                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+                  chromeless: true,
+                  size: controlSize,
+                  icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.FloppyDiskIcon, {
+                    size: iconPx
+                  }),
+                  "aria-label": (0, import_t.t)("Save view")
+                })
+              })
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Content, {
+              ...knobProps.elevatedSurface,
+              ...knobProps.borderRadius,
+              borderColor: "$color6",
+              // LC-24: enter/exitStyle need a `transition` driver on the
+              // same element ({...string} spread set nothing).
+              transition: knobProps.transition,
+              enterStyle: {
+                x: 0,
+                y: -10,
+                opacity: 0
+              },
+              exitStyle: {
+                x: 0,
+                y: -10,
+                opacity: 0
+              },
+              "data-dismiss-class": "compose",
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+                ...knobProps.gap,
+                ...knobProps.panelPadding,
+                minWidth: 240,
+                children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Input, {
+                  placeholder: (0, import_t.t)("View name"),
+                  value: newViewName,
+                  onChangeText: setNewViewName,
+                  size: searchSize,
+                  compact: true,
+                  inputProps: {
+                    "aria-label": (0, import_t.t)("View name"),
+                    onKeyDown: function onKeyDown(e) {
+                      if (e.key === "Enter") handleSaveView();
                     }
-                  }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-                    gap: "$2",
-                    justifyContent: "flex-end",
-                    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
-                      size: "$2",
-                      variant: "outlined",
-                      onPress: function onPress() {
-                        return setShowSaveViewDialog(false);
-                      },
-                      children: "Cancel"
-                    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
-                      size: "$2",
-                      onPress: handleSaveView,
-                      disabled: !newViewName.trim(),
-                      children: "Save"
-                    })]
+                  }
+                }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+                  ...knobProps.gap,
+                  justifyContent: "flex-end",
+                  children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+                    size: "$2",
+                    variant: "outlined",
+                    onPress: function onPress() {
+                      return setShowSaveViewDialog(false);
+                    },
+                    children: (0, import_t.t)("Cancel")
+                  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+                    size: "$2",
+                    onPress: handleSaveView,
+                    disabled: !newViewName.trim(),
+                    disabledReason: (0, import_t.t)("Enter a view name"),
+                    children: (0, import_t.t)("Save")
                   })]
-                })
-              })]
-            }), /* Active View Indicator */
-            activeView && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-              alignItems: "center",
-              gap: "$1",
-              paddingHorizontal: "$2",
-              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.EyeIcon, {
-                size: 14
-              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-                fontSize: "$2",
-                color: "$color10",
-                children: activeView.name
-              })]
+                })]
+              })
             })]
           })]
         })
+      }), isFetching && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+        alignItems: "center",
+        "aria-live": "polite",
+        "data-table-fetching": "true",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Spinner, {
+          size: "small"
+        })
       })]
     })]
   });

package/dist/cjs/components/DataTableToolbar/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","DataTableToolbar_exports","DataTableToolbar","module","exports","import_jsx_runtime","require","import_react","import_theme","import_roving_focus","import_react2","import_forms","import_tamagui","import_DataTableStateContext","import_DataTableFilterButton","ToolbarDividerFrame","styled","View","width","alignSelf","backgroundColor","props","_ref","_props_globalFilter","_ref1","_props_onGlobalFilterChange","_ref2","_props_onClearFilters","_ref3","_props_onSaveView","_ref4","_props_views","_props_activeViewId","_ref5","_ctx_computed_filterFields","_ctx_computed","ctx","useDataTableState","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","useState","newViewName","setNewViewName","activeView","find","v","id","handleSaveView","handleSaveView2","trim","knobProps","useResolvedKnobs","jsxs","XStack","alignItems","borderWidth","borderBottomWidth","borderColor","borderTopLeftRadius","borderRadius","borderTopRightRadius","overflow","role","children","jsx","flex","paddingHorizontal","paddingVertical","SearchInput","onChange","onClear","Fragment","RovingFocusGroup","orientation","loop","asChild","gap","focusStyle","ensureFocusVisibleRing","focusVisibleStyle","focusWithinStyle","DataTableFilterButton","Popover","open","onOpenChange","Trigger","Item","focusable","Button","chromeless","icon","FloppyDiskIcon","outlineColor","outlineWidth","Content","transition","enterStyle","x","y","opacity","exitStyle","YStack","panelPadding","minWidth","Text","fontWeight","Input","placeholder","onChangeText","inputProps","onKeyDown","e","justifyContent","variant","onPress","disabled","EyeIcon","fontSize","color"],"sources":["index.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar DataTableToolbar_exports = {};\n__export(DataTableToolbar_exports, {\n  DataTableToolbar: () => DataTableToolbar\n});\nmodule.exports = __toCommonJS(DataTableToolbar_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = require(\"@phosphor-icons/react\");\nvar import_theme = require(\"@multiplatform.one/theme\");\nvar import_roving_focus = require(\"@tamagui/roving-focus\");\nvar import_react2 = require(\"react\");\nvar import_forms = require(\"@multiplatform.one/forms\");\nvar import_tamagui = require(\"tamagui\");\nvar import_DataTableStateContext = require(\"../DataTable/DataTableStateContext\");\nvar import_DataTableFilterButton = require(\"../DataTableFilterButton\");\nvar ToolbarDividerFrame = (0, import_tamagui.styled)(import_tamagui.View, {\n  name: \"DataTableToolbarDividerFrame\",\n  width: 1,\n  alignSelf: \"stretch\",\n  backgroundColor: \"$color6\"\n});\nfunction DataTableToolbar(props) {\n  var _ref, _props_globalFilter, _ref1, _props_onGlobalFilterChange, _ref2, _props_onClearFilters, _ref3, _props_onSaveView, _ref4, _props_views, _props_activeViewId, _ref5;\n  var _ctx_computed_filterFields, _ctx_computed;\n  var ctx = (0, import_DataTableStateContext.useDataTableState)();\n  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 : \"\";\n  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() {\n  };\n  var onClearFilters = (_ref2 = (_props_onClearFilters = props.onClearFilters) !== null && _props_onClearFilters !== void 0 ? _props_onClearFilters : ctx === null || ctx === void 0 ? void 0 : ctx.actions.clearFilters) !== null && _ref2 !== void 0 ? _ref2 : function() {\n  };\n  var onSaveView = (_ref3 = (_props_onSaveView = props.onSaveView) !== null && _props_onSaveView !== void 0 ? _props_onSaveView : ctx === null || ctx === void 0 ? void 0 : ctx.actions.saveView) !== null && _ref3 !== void 0 ? _ref3 : function() {\n  };\n  var views = (_ref4 = (_props_views = props.views) !== null && _props_views !== void 0 ? _props_views : ctx === null || ctx === void 0 ? void 0 : ctx.state.views) !== null && _ref4 !== void 0 ? _ref4 : [];\n  var activeViewId = (_props_activeViewId = props.activeViewId) !== null && _props_activeViewId !== void 0 ? _props_activeViewId : ctx === null || ctx === void 0 ? void 0 : ctx.state.activeViewId;\n  var { enableViews = false, enableGlobalSearch = true, enableFiltering = true, showFilterCount: _showFilterCount = true, showViewSelector = true, customActions, size, compact: _compact = true } = props;\n  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;\n  var [showSaveViewDialog, setShowSaveViewDialog] = (0, import_react2.useState)(false);\n  var [newViewName, setNewViewName] = (0, import_react2.useState)(\"\");\n  var activeView = views.find(function(v) {\n    return v.id === activeViewId;\n  });\n  var handleSaveView = function handleSaveView2() {\n    if (newViewName.trim()) {\n      onSaveView(newViewName.trim());\n      setNewViewName(\"\");\n      setShowSaveViewDialog(false);\n    }\n  };\n  var { knobProps } = (0, import_theme.useResolvedKnobs)({\n    size,\n    compact: true\n  });\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {\n    alignItems: \"stretch\",\n    backgroundColor: \"$color3\",\n    borderWidth: 1,\n    borderBottomWidth: 0,\n    borderColor: \"$color6\",\n    borderTopLeftRadius: knobProps.borderRadius.borderRadius,\n    borderTopRightRadius: knobProps.borderRadius.borderRadius,\n    overflow: \"hidden\",\n    role: \"toolbar\",\n    \"aria-label\": \"Table toolbar\",\n    children: [\n      /* Search Section - fills available space. Consumes the catalog\n      SearchInput (census item 6) instead of re-composing the\n      icon + field + clear anatomy locally. */\n      enableGlobalSearch && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {\n        flex: 1,\n        alignItems: \"center\",\n        paddingHorizontal: \"$2\",\n        paddingVertical: \"$2\",\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.View, {\n          flex: 1,\n          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_forms.SearchInput, {\n            value: globalFilter,\n            onChange: onGlobalFilterChange,\n            // Clear-X semantics follow filter ownership: when the toolbar\n            // owns a filter surface (enableFiltering) the X clears search\n            // AND filters (explicit clear intent). When the filter chrome\n            // is suppressed (enableFiltering=false — an outer surface owns\n            // filtering and injects tuples via initialState/state), the X\n            // must not mutate those injected filters; SearchInput already\n            // clears the text through onChange(\"\").\n            onClear: enableFiltering ? onClearFilters : void 0,\n            \"aria-label\": \"Search table data\",\n            compact: true,\n            size: \"$3\"\n          })\n        })\n      }),\n      /* Right Section - Actions with roving focus for keyboard navigation */\n      (customActions || enableViews || showFilterButton) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {\n        children: [\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolbarDividerFrame, {}),\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup, {\n            orientation: \"horizontal\",\n            loop: true,\n            asChild: true,\n            children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {\n              alignItems: \"center\",\n              paddingHorizontal: \"$2\",\n              gap: \"$1\",\n              // DG-A11Y-01: the roving group container is a focusable tab\n              // entry point that forwards focus to its current item — paint\n              // the ring synchronously while focus is WITHIN (CellWrapper\n              // focusWithin pattern) and on its own :focus.\n              focusStyle: (0, import_theme.ensureFocusVisibleRing)(),\n              focusVisibleStyle: (0, import_theme.ensureFocusVisibleRing)(),\n              focusWithinStyle: (0, import_theme.ensureFocusVisibleRing)(),\n              children: [\n                /* Filter surface — filters any field, incl. hidden columns */\n                showFilterButton && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DataTableFilterButton.DataTableFilterButton, {}),\n                /* Custom Actions */\n                customActions,\n                /* View Management */\n                enableViews && showViewSelector && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {\n                  children: [\n                    /* Save View Button. The roving item must wrap the Button\n                    (not the Popover): RovingFocusGroup collects item refs as\n                    focus candidates and calls `.focus()` on them — Popover's\n                    ref is its imperative handle, not an element, which threw\n                    `candidate.focus is not a function` on arrow-key nav. */\n                    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Popover, {\n                      open: showSaveViewDialog,\n                      onOpenChange: setShowSaveViewDialog,\n                      children: [\n                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, {\n                          asChild: true,\n                          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup.Item, {\n                            focusable: true,\n                            asChild: true,\n                            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_forms.Button, {\n                              chromeless: true,\n                              size: \"$2\",\n                              icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.FloppyDiskIcon, {\n                                size: 16\n                              }),\n                              \"aria-label\": \"Save view\",\n                              focusStyle: {\n                                outlineColor: \"$accentBackground\",\n                                outlineWidth: 2\n                              }\n                            })\n                          })\n                        }),\n                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Content, {\n                          ...knobProps.borderRadius,\n                          borderColor: \"$color6\",\n                          transition: knobProps.transition,\n                          enterStyle: {\n                            x: 0,\n                            y: -10,\n                            opacity: 0\n                          },\n                          exitStyle: {\n                            x: 0,\n                            y: -10,\n                            opacity: 0\n                          },\n                          children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {\n                            ...knobProps.gap,\n                            ...knobProps.panelPadding,\n                            minWidth: 250,\n                            children: [\n                              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, {\n                                fontWeight: \"600\",\n                                children: \"Save Current View\"\n                              }),\n                              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_forms.Input, {\n                                placeholder: \"Enter view name...\",\n                                value: newViewName,\n                                onChangeText: setNewViewName,\n                                size: \"$3\",\n                                compact: true,\n                                inputProps: {\n                                  onKeyDown: function onKeyDown(e) {\n                                    if (e.key === \"Enter\") handleSaveView();\n                                  }\n                                }\n                              }),\n                              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {\n                                gap: \"$2\",\n                                justifyContent: \"flex-end\",\n                                children: [\n                                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_forms.Button, {\n                                    size: \"$2\",\n                                    variant: \"outlined\",\n                                    onPress: function onPress() {\n                                      return setShowSaveViewDialog(false);\n                                    },\n                                    children: \"Cancel\"\n                                  }),\n                                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_forms.Button, {\n                                    size: \"$2\",\n                                    onPress: handleSaveView,\n                                    disabled: !newViewName.trim(),\n                                    children: \"Save\"\n                                  })\n                                ]\n                              })\n                            ]\n                          })\n                        })\n                      ]\n                    }),\n                    /* Active View Indicator */\n                    activeView && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {\n                      alignItems: \"center\",\n                      gap: \"$1\",\n                      paddingHorizontal: \"$2\",\n                      children: [\n                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.EyeIcon, {\n                          size: 14\n                        }),\n                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, {\n                          fontSize: \"$2\",\n                          color: \"$color10\",\n                          children: activeView.name\n                        })\n                      ]\n                    })\n                  ]\n                })\n              ]\n            })\n          })\n        ]\n      })\n    ]\n  });\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","DataTableToolbar_exports","__export","DataTableToolbar","module","exports","import_jsx_runtime","require","import_react","import_components","import_forms","import_theme","import_roving_focus","import_react2","import_tamagui","import_t","import_DataTableStateContext","import_DataTableFilterButton","iconSizeForToken","iconSizeForToken2","token","sizeRecipeForToken","iconSize","props","_ref","_props_globalFilter","_ref1","_props_onGlobalFilterChange","_ref2","_props_onClearFilters","_ref3","_props_onSaveView","_ref4","_props_onLoadView","_ref5","_props_views","_props_activeViewId","_ref6","_ref7","_ref8","_ctx_computed_filterFields","_ctx_computed","ctx","useDataTableState","globalFilter","state","onGlobalFilterChange","actions","setGlobalFilter","onClearFilters","clearFilters","onSaveView","saveView","onLoadView","loadView","views","activeViewId","enableViews","enableGlobalSearch","enableFiltering","showFilterCount","_showFilterCount","showViewSelector","customActions","size","compact","_compact","isFetching","isFetchingProp","showFilterButton","computed","filterFields","length","showSaveViewDialog","setShowSaveViewDialog","useState","newViewName","setNewViewName","activeView","find","v","id","handleSaveView","handleSaveView2","trim","knobProps","useResolvedKnobs","sz","sizeToken","iconPx","String","searchMaxWidth","controlSize","searchSize","showViewPicker","showSave","showActionCluster","Boolean","hasTrailing","jsxs","XStack","alignItems","paddingVertical","panelPadding","padding","paddingHorizontal","gap","hairline","bottom","borderColor","flexWrap","justifyContent","role","t","children","jsx","flex","minWidth","maxWidth","flexShrink","SearchInput","onChange","onClear","placeholder","marginInlineStart","RovingFocusGroup","orientation","loop","asChild","DataTableFilterButton","DropdownMenu","closeOnSelect","placement","Trigger","Item","focusable","Button","chromeless","iconAfter","CaretDownIcon","name","Content","map","view","CheckboxItem","checked","onSelect","Popover","open","onOpenChange","icon","FloppyDiskIcon","elevatedSurface","borderRadius","transition","enterStyle","x","y","opacity","exitStyle","YStack","Input","onChangeText"],"sources":["../../../../src/components/DataTableToolbar/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/DataTableViewOptions/index.cjs

@@ -399,27 +399,31 @@ function ViewManagementSection({
         })
       })]
     }), views.length > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-      gap: "$1",
-      children: views.map(view => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-        alignItems: "center",
-        justifyContent: "space-between",
-        padding: "$2",
-        backgroundColor: activeViewId === view.id ? "$color2" : "transparent",
-        borderRadius: "$2",
-        hoverStyle: {
-          backgroundColor: "$color1"
-        },
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-          fontSize: "$3",
-          children: view.name
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
-          size: "$2",
-          variant: "outlined",
-          onPress: () => onLoadView(view.id),
-          disabled: activeViewId === view.id,
-          children: (0, import_t.t)("Load")
-        })]
-      }, view.id))
+      children: views.map((view, index) => {
+        const corners = (0, import_theme.stackRadiusProps)((0, import_theme.getGroupPosition)(index, views.length), knobProps.borderRadius.borderRadius);
+        return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          alignItems: "center",
+          justifyContent: "space-between",
+          padding: "$2",
+          overflow: "hidden",
+          ...corners,
+          backgroundColor: activeViewId === view.id ? "$color2" : "transparent",
+          hoverStyle: {
+            backgroundColor: "$color1",
+            ...corners
+          },
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            fontSize: "$3",
+            children: view.name
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            size: "$2",
+            variant: "outlined",
+            onPress: () => onLoadView(view.id),
+            disabled: activeViewId === view.id,
+            children: (0, import_t.t)("Load")
+          })]
+        }, view.id);
+      })
     })]
   });
 }

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

@@ -462,16 +462,18 @@ function ViewManagementSection(param) {
       })]
     }), /* Saved Views List */
     views.length > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-      gap: "$1",
-      children: views.map(function (view) {
+      children: views.map(function (view, index) {
+        var corners = (0, import_theme.stackRadiusProps)((0, import_theme.getGroupPosition)(index, views.length), knobProps.borderRadius.borderRadius);
         return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
           alignItems: "center",
           justifyContent: "space-between",
           padding: "$2",
+          overflow: "hidden",
+          ...corners,
           backgroundColor: activeViewId === view.id ? "$color2" : "transparent",
-          borderRadius: "$2",
           hoverStyle: {
-            backgroundColor: "$color1"
+            backgroundColor: "$color1",
+            ...corners
           },
           children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
             fontSize: "$3",