@planningcenter/tapestry 4.12.0 → 4.13.0

package/dist/components/DataTable/SavedViewActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SavedViewActions.js","sources":["../../../src/components/DataTable/SavedViewActions.tsx"],"sourcesContent":["import { Button, IconButton } from \"@components/button\"\nimport { ButtonGroup } from \"@components/button-group\"\nimport {\n  Dropdown,\n  DropdownAction,\n  DropdownMenu,\n  DropdownTrigger,\n} from \"@components/dropdown\"\nimport Icon from \"@utilities/Icon\"\nimport React, { useState } from \"react\"\n\nimport { NewSavedViewModal } from \"./NewSavedViewModal\"\n\nexport interface SavedViewActionsProps {\n  onDiscard: () => void\n  /** Omit to hide \"Save as new view\". */\n  onSaveAsNew?: (name: string) => void\n  /** Omit to disable \"Update view\". */\n  onUpdate?: () => void\n  /** The view whose filters have changed. */\n  savedViewName: string\n}\n\n/**\n * Actions for a modified saved view. The host owns focus afterward, since it\n * decides whether these stay mounted.\n */\nexport function SavedViewActions({\n  onDiscard,\n  onSaveAsNew,\n  onUpdate,\n  savedViewName,\n}: SavedViewActionsProps) {\n  const [isNewViewModalOpen, setIsNewViewModalOpen] = useState(false)\n\n  return (\n    <>\n      <ButtonGroup aria-label={`Changes to ${savedViewName}`}>\n        <Button\n          disabled={!onUpdate}\n          kind=\"secondary\"\n          label=\"Update view\"\n          size=\"sm\"\n          onClick={onUpdate}\n        />\n        <Dropdown>\n          <DropdownTrigger>\n            <IconButton\n              aria-label=\"More view actions\"\n              icon={<Icon aria-hidden symbol=\"general#down-caret\" />}\n              kind=\"secondary\"\n              size=\"sm\"\n            />\n          </DropdownTrigger>\n          <DropdownMenu placement=\"bottom end\">\n            {onSaveAsNew && (\n              <DropdownAction\n                id=\"save-as-new\"\n                onAction={() =>\n                  queueMicrotask(() => setIsNewViewModalOpen(true))\n                }\n              >\n                Save as new view\n              </DropdownAction>\n            )}\n            <DropdownAction id=\"discard\" onAction={onDiscard}>\n              Discard changes\n            </DropdownAction>\n          </DropdownMenu>\n        </Dropdown>\n      </ButtonGroup>\n      {onSaveAsNew && (\n        <NewSavedViewModal\n          open={isNewViewModalOpen}\n          onClose={() => setIsNewViewModalOpen(false)}\n          onSave={onSaveAsNew}\n        />\n      )}\n    </>\n  )\n}\n\nSavedViewActions.displayName = \"SavedViewActions\"\n"],"names":["React"],"mappings":";;;;;;;;;;;;;AAuBA;;;AAGG;AACG,SAAU,gBAAgB,CAAC,EAC/B,SAAS,EACT,WAAW,EACX,QAAQ,EACR,aAAa,GACS,EAAA;IACtB,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AAEnE,IAAA,QACEA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA;AACE,QAAAA,cAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EAAA,YAAA,EAAa,CAAA,WAAA,EAAc,aAAa,CAAA,CAAE,EAAA;YACpDA,cAAA,CAAA,aAAA,CAAC,MAAM,IACL,QAAQ,EAAE,CAAC,QAAQ,EACnB,IAAI,EAAC,WAAW,EAChB,KAAK,EAAC,aAAa,EACnB,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,QAAQ,EAAA,CACjB;AACF,YAAAA,cAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,IAAA;AACP,gBAAAA,cAAA,CAAA,aAAA,CAAC,eAAe,EAAA,IAAA;oBACdA,cAAA,CAAA,aAAA,CAAC,UAAU,kBACE,mBAAmB,EAC9B,IAAI,EAAEA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAA,aAAA,EAAA,IAAA,EAAa,MAAM,EAAC,oBAAoB,EAAA,CAAG,EACtD,IAAI,EAAC,WAAW,EAChB,IAAI,EAAC,IAAI,EAAA,CACT,CACc;AAClB,gBAAAA,cAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAC,SAAS,EAAC,YAAY,EAAA;oBACjC,WAAW,KACVA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EACb,EAAE,EAAC,aAAa,EAChB,QAAQ,EAAE,MACR,cAAc,CAAC,MAAM,qBAAqB,CAAC,IAAI,CAAC,CAAC,EAAA,EAAA,kBAAA,CAIpC,CAClB;AACD,oBAAAA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EAAC,EAAE,EAAC,SAAS,EAAC,QAAQ,EAAE,SAAS,EAAA,EAAA,iBAAA,CAE/B,CACJ,CACN,CACC;QACb,WAAW,KACVA,cAAA,CAAA,aAAA,CAAC,iBAAiB,EAAA,EAChB,IAAI,EAAE,kBAAkB,EACxB,OAAO,EAAE,MAAM,qBAAqB,CAAC,KAAK,CAAC,EAC3C,MAAM,EAAE,WAAW,EAAA,CACnB,CACH,CACA;AAEP;AAEA,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}

package/dist/components/DataTable/SavedViewMenu.d.ts

@@ -0,0 +1,18 @@
+import { type DropdownPlacement } from "../dropdown";
+import React from "react";
+export interface SavedViewMenuProps {
+    isDefault: boolean;
+    /** Omit to leave out each action. */
+    onDelete?: () => void;
+    onDuplicate?: () => void;
+    onRename?: () => void;
+    onSetDefault?: () => void;
+    placement?: DropdownPlacement;
+}
+/**
+ * A view's actions, shared by its context menu in the bar and its actions
+ * menu in Manage views. Render it only when `hasSavedViewMenuActions`.
+ */
+export declare function SavedViewMenu({ isDefault, onDelete, onDuplicate, onRename, onSetDefault, placement, }: SavedViewMenuProps): React.JSX.Element;
+export declare function hasSavedViewMenuActions({ onDelete, onDuplicate, onRename, onSetDefault, }: SavedViewMenuProps): boolean;
+//# sourceMappingURL=SavedViewMenu.d.ts.map

package/dist/components/DataTable/SavedViewMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SavedViewMenu.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/SavedViewMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,iBAAiB,EAEvB,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,OAAO,CAAA;IAClB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,SAAS,CAAC,EAAE,iBAAiB,CAAA;CAC9B;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,SAAS,GACV,EAAE,kBAAkB,qBAkCpB;AAED,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,YAAY,GACb,EAAE,kBAAkB,WAEpB"}

package/dist/components/DataTable/SavedViewMenu.js

@@ -0,0 +1,25 @@
+import { DropdownMenu, DropdownAction, DropdownSeparator } from '../dropdown/Dropdown.js';
+import React__default from 'react';
+
+/**
+ * A view's actions, shared by its context menu in the bar and its actions
+ * menu in Manage views. Render it only when `hasSavedViewMenuActions`.
+ */
+function SavedViewMenu({ isDefault, onDelete, onDuplicate, onRename, onSetDefault, placement, }) {
+    const hasActions = Boolean(onRename || onDuplicate || onSetDefault);
+    return (React__default.createElement(DropdownMenu, { placement: placement },
+        onRename && (React__default.createElement(DropdownAction, { id: "rename", onAction: onRename }, "Rename")),
+        onDuplicate && (React__default.createElement(DropdownAction, { id: "duplicate", onAction: onDuplicate }, "Duplicate")),
+        onSetDefault && (
+        // Stays in the menu for the default view, disabled, so the user can
+        // see which view is the default.
+        React__default.createElement(DropdownAction, { disabled: isDefault, id: "set-default", onAction: onSetDefault }, isDefault ? "Default view" : "Set as default")),
+        hasActions && onDelete && React__default.createElement(DropdownSeparator, null),
+        onDelete && (React__default.createElement(DropdownAction, { destructive: true, id: "delete", onAction: onDelete }, "Delete"))));
+}
+function hasSavedViewMenuActions({ onDelete, onDuplicate, onRename, onSetDefault, }) {
+    return Boolean(onDelete || onDuplicate || onRename || onSetDefault);
+}
+
+export { SavedViewMenu, hasSavedViewMenuActions };
+//# sourceMappingURL=SavedViewMenu.js.map

package/dist/components/DataTable/SavedViewMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SavedViewMenu.js","sources":["../../../src/components/DataTable/SavedViewMenu.tsx"],"sourcesContent":["import {\n  DropdownAction,\n  DropdownMenu,\n  type DropdownPlacement,\n  DropdownSeparator,\n} from \"@components/dropdown\"\nimport React from \"react\"\n\nexport interface SavedViewMenuProps {\n  isDefault: boolean\n  /** Omit to leave out each action. */\n  onDelete?: () => void\n  onDuplicate?: () => void\n  onRename?: () => void\n  onSetDefault?: () => void\n  placement?: DropdownPlacement\n}\n\n/**\n * A view's actions, shared by its context menu in the bar and its actions\n * menu in Manage views. Render it only when `hasSavedViewMenuActions`.\n */\nexport function SavedViewMenu({\n  isDefault,\n  onDelete,\n  onDuplicate,\n  onRename,\n  onSetDefault,\n  placement,\n}: SavedViewMenuProps) {\n  const hasActions = Boolean(onRename || onDuplicate || onSetDefault)\n\n  return (\n    <DropdownMenu placement={placement}>\n      {onRename && (\n        <DropdownAction id=\"rename\" onAction={onRename}>\n          Rename\n        </DropdownAction>\n      )}\n      {onDuplicate && (\n        <DropdownAction id=\"duplicate\" onAction={onDuplicate}>\n          Duplicate\n        </DropdownAction>\n      )}\n      {onSetDefault && (\n        // Stays in the menu for the default view, disabled, so the user can\n        // see which view is the default.\n        <DropdownAction\n          disabled={isDefault}\n          id=\"set-default\"\n          onAction={onSetDefault}\n        >\n          {isDefault ? \"Default view\" : \"Set as default\"}\n        </DropdownAction>\n      )}\n      {hasActions && onDelete && <DropdownSeparator />}\n      {onDelete && (\n        <DropdownAction destructive id=\"delete\" onAction={onDelete}>\n          Delete\n        </DropdownAction>\n      )}\n    </DropdownMenu>\n  )\n}\n\nexport function hasSavedViewMenuActions({\n  onDelete,\n  onDuplicate,\n  onRename,\n  onSetDefault,\n}: SavedViewMenuProps) {\n  return Boolean(onDelete || onDuplicate || onRename || onSetDefault)\n}\n"],"names":["React"],"mappings":";;;AAkBA;;;AAGG;AACG,SAAU,aAAa,CAAC,EAC5B,SAAS,EACT,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,SAAS,GACU,EAAA;IACnB,MAAM,UAAU,GAAG,OAAO,CAAC,QAAQ,IAAI,WAAW,IAAI,YAAY,CAAC;AAEnE,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAC,SAAS,EAAE,SAAS,EAAA;AAC/B,QAAA,QAAQ,KACPA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EAAC,EAAE,EAAC,QAAQ,EAAC,QAAQ,EAAE,QAAQ,aAE7B,CAClB;AACA,QAAA,WAAW,KACVA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EAAC,EAAE,EAAC,WAAW,EAAC,QAAQ,EAAE,WAAW,gBAEnC,CAClB;AACA,QAAA,YAAY;;;QAGXA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EACb,QAAQ,EAAE,SAAS,EACnB,EAAE,EAAC,aAAa,EAChB,QAAQ,EAAE,YAAY,EAAA,EAErB,SAAS,GAAG,cAAc,GAAG,gBAAgB,CAC/B,CAClB;AACA,QAAA,UAAU,IAAI,QAAQ,IAAIA,cAAA,CAAA,aAAA,CAAC,iBAAiB,EAAA,IAAA,CAAG;AAC/C,QAAA,QAAQ,KACPA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EAAC,WAAW,QAAC,EAAE,EAAC,QAAQ,EAAC,QAAQ,EAAE,QAAQ,aAEzC,CAClB,CACY;AAEnB;AAEM,SAAU,uBAAuB,CAAC,EACtC,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,YAAY,GACO,EAAA;IACnB,OAAO,OAAO,CAAC,QAAQ,IAAI,WAAW,IAAI,QAAQ,IAAI,YAAY,CAAC;AACrE;;;;"}

package/dist/components/DataTable/SavedViewsBar.d.ts

@@ -1,31 +1,43 @@
 import React from "react";
-import type { Sort } from "./DataTable";
-import type { DataTableColumn } from "./DataTableColumn";
-import type { ActiveFilter } from "./FilterTypes";
 import { type SavedView, type StaticView } from "./savedViews";
+import type { ReorderTarget } from "./useSavedViewsState";
+import { type useSaveStatus } from "./useSaveStatus";
 export interface SavedViewsBarProps {
-    activeFilters: ActiveFilter[];
+    /** The selected view, if any. */
+    activeSavedView: SavedView | undefined;
+    /** What New view saves. Its filters leave out the search. */
+    currentState: Omit<SavedView, "id" | "name">;
     defaultViewId: NonNullable<SavedView["id"]>;
-    hideableColumns: DataTableColumn[];
-    isColumnVisible: (column: DataTableColumn) => boolean;
+    /** Disables the drag handles while a reorder saves. */
+    isReordering?: boolean;
     onApply: (savedView: SavedView) => void;
     /**
      * Returns the saved view with its new id. Omit to hide the new view button
      * and the Duplicate action.
      */
-    onCreate?: (savedView: Omit<SavedView, "id">) => Promise<SavedView> | SavedView;
+    onCreate?: (savedView: Omit<SavedView, "id">) => Promise<SavedView | undefined> | SavedView;
     /** Called once the user confirms. Omit to leave out the Delete action. */
-    onDelete?: (savedView: SavedView) => void;
+    onDelete?: (savedView: SavedView) => Promise<void>;
+    /** Omit to leave out the drag handles in the manage views modal. */
+    onReorder?: (savedView: SavedView, target: ReorderTarget) => Promise<void>;
     /** Omit to leave out the Set as default action. */
-    onSetDefault?: (id: NonNullable<SavedView["id"]>) => void;
+    onSetDefault?: (id: NonNullable<SavedView["id"]>) => Promise<void>;
     /** Omit to leave out the Rename action. */
-    onUpdate?: (savedView: SavedView) => Promise<SavedView> | SavedView;
+    onUpdate?: (savedView: SavedView) => Promise<SavedView | undefined> | SavedView;
+    /** Tracks saves, shared with the filters shelf's saved view actions. */
+    saveStatus: ReturnType<typeof useSaveStatus>;
     savedViews: SavedView[];
-    sortBy: Sort | undefined;
-    /** Listed before `savedViews` and can't be edited. */
+    /** Selects the view the user picked. */
+    select: (savedView: SavedView) => void;
+    /** Selects a created view once it's saved, resolving to it if selected. */
+    selectWhenSaved: (savedView: Promise<SavedView | undefined> | SavedView) => Promise<SavedView | undefined>;
+    /**
+     * Listed before `savedViews` and can't be edited. Starts with the initial
+     * view unless one replaces it.
+     */
     staticViews: StaticView[];
 }
-export declare function SavedViewsBar({ defaultViewId, onApply, onCreate, onDelete, onSetDefault, onUpdate, savedViews, staticViews, activeFilters, hideableColumns, isColumnVisible, sortBy, }: SavedViewsBarProps): React.JSX.Element;
+export declare function SavedViewsBar({ activeSavedView, currentState, defaultViewId, isReordering, onApply, onCreate, onDelete, onReorder, onSetDefault, onUpdate, saveStatus, savedViews, select, selectWhenSaved, staticViews, }: SavedViewsBarProps): React.JSX.Element;
 export declare namespace SavedViewsBar {
     var displayName: string;
 }

package/dist/components/DataTable/SavedViewsBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SavedViewsBar.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/SavedViewsBar.tsx"],"names":[],"mappings":"AAWA,OAAO,KAaN,MAAM,OAAO,CAAA;AAId,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAExD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAKjD,OAAO,EAGL,KAAK,SAAS,EAEd,KAAK,UAAU,EAChB,MAAM,cAAc,CAAA;AAUrB,MAAM,WAAW,kBAAkB;IACjC,aAAa,EAAE,YAAY,EAAE,CAAA;IAC7B,aAAa,EAAE,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAA;IAC3C,eAAe,EAAE,eAAe,EAAE,CAAA;IAClC,eAAe,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,OAAO,CAAA;IACrD,OAAO,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAA;IACvC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CACT,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,KAC7B,OAAO,CAAC,SAAS,CAAC,GAAG,SAAS,CAAA;IACnC,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAA;IACzC,mDAAmD;IACnD,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,KAAK,IAAI,CAAA;IACzD,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,OAAO,CAAC,SAAS,CAAC,GAAG,SAAS,CAAA;IACnE,UAAU,EAAE,SAAS,EAAE,CAAA;IACvB,MAAM,EAAE,IAAI,GAAG,SAAS,CAAA;IACxB,sDAAsD;IACtD,WAAW,EAAE,UAAU,EAAE,CAAA;CAC1B;AAED,wBAAgB,aAAa,CAAC,EAC5B,aAAa,EACb,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,WAAW,EACX,aAAa,EACb,eAAe,EACf,eAAe,EACf,MAAM,GACP,EAAE,kBAAkB,qBAiSpB;yBA9Se,aAAa"}
+{"version":3,"file":"SavedViewsBar.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/SavedViewsBar.tsx"],"names":[],"mappings":"AAaA,OAAO,KAaN,MAAM,OAAO,CAAA;AAWd,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,UAAU,EAChB,MAAM,cAAc,CAAA;AAErB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAA4B,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAS9E,MAAM,WAAW,kBAAkB;IACjC,iCAAiC;IACjC,eAAe,EAAE,SAAS,GAAG,SAAS,CAAA;IACtC,6DAA6D;IAC7D,YAAY,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,GAAG,MAAM,CAAC,CAAA;IAC5C,aAAa,EAAE,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAA;IAC3C,uDAAuD;IACvD,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,OAAO,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAA;IACvC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CACT,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,KAC7B,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC,GAAG,SAAS,CAAA;IAC/C,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAClD,oEAAoE;IACpE,SAAS,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,aAAa,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC1E,mDAAmD;IACnD,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAClE,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,CACT,SAAS,EAAE,SAAS,KACjB,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC,GAAG,SAAS,CAAA;IAC/C,wEAAwE;IACxE,UAAU,EAAE,UAAU,CAAC,OAAO,aAAa,CAAC,CAAA;IAC5C,UAAU,EAAE,SAAS,EAAE,CAAA;IACvB,wCAAwC;IACxC,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAA;IACtC,2EAA2E;IAC3E,eAAe,EAAE,CACf,SAAS,EAAE,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC,GAAG,SAAS,KAClD,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC,CAAA;IACnC;;;OAGG;IACH,WAAW,EAAE,UAAU,EAAE,CAAA;CAC1B;AAED,wBAAgB,aAAa,CAAC,EAC5B,eAAe,EACf,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,UAAU,EACV,MAAM,EACN,eAAe,EACf,WAAW,GACZ,EAAE,kBAAkB,qBA2QpB;yBA3Re,aAAa"}

package/dist/components/DataTable/SavedViewsBar.js

@@ -1,4 +1,11 @@
-import { DropdownMenu, DropdownAction, DropdownSeparator } from '../dropdown/Dropdown.js';
+import '../button/ActionsDropdownIconButton.js';
+import '../button/Button.js';
+import { DropdownButton } from '../button/DropdownButton.js';
+import '../button/DropdownIconButton.js';
+import '../button/IconButton.js';
+import '../button/LoadingButton.js';
+import '../button/PageHeaderActionsDropdownButton.js';
+import { Dropdown, DropdownTrigger, DropdownMenu, DropdownAction } from '../dropdown/Dropdown.js';
 import { ReorderableListBox, ReorderableListBoxItem } from '../internal/reorderable-list-box/ReorderableListBox.js';
 import Icon from '../../utilities/Icon.js';
 import classNames from 'classnames';
@@ -10,85 +17,67 @@ import { ManageSavedViewsButton } from './ManageSavedViewsButton.js';
 import { ManageSavedViewsModal } from './ManageSavedViewsModal.js';
 import { NewSavedViewButton } from './NewSavedViewButton.js';
 import { NewSavedViewModal } from './NewSavedViewModal.js';
-import { initialView, findActiveSavedView, sortKeyAfter } from './savedViews.js';
-import { useActiveSavedView } from './useActiveSavedView.js';
-import { useUpdateSavedViewName } from './useUpdateSavedViewName.js';
+import { hasSavedViewMenuActions, SavedViewMenu } from './SavedViewMenu.js';
+import { isSavedViewEditable } from './savedViews.js';
+import { useSavedViewNameModal } from './useSavedViewNameModal.js';
+import { SaveStatusIcon, NEW_VIEW } from './useSaveStatus.js';
+import { useVisibleSavedViews } from './useVisibleSavedViews.js';
 
 /**
  * The id of the view the delete alert returns focus to. Read through context
  * so the list's cached items see it without rebuilding the collection.
  */
 const ReturningFocusViewIdContext = createContext(null);
-function SavedViewsBar({ defaultViewId, onApply, onCreate, onDelete, onSetDefault, onUpdate, savedViews, staticViews, activeFilters, hideableColumns, isColumnVisible, sortBy, }) {
+function SavedViewsBar({ activeSavedView, currentState, defaultViewId, isReordering, onApply, onCreate, onDelete, onReorder, onSetDefault, onUpdate, saveStatus, savedViews, select, selectWhenSaved, staticViews, }) {
     const closeOpenContextMenuRef = useRef(null);
-    const hasInitialView = staticViews.some(({ id }) => id === initialView.id);
-    const staticViewsWithInitial = hasInitialView
-        ? staticViews
-        : [initialView, ...staticViews];
-    const views = [...staticViewsWithInitial, ...savedViews];
+    const views = [...staticViews, ...savedViews];
     // The list needs a key for every view, including ones not yet saved.
     const items = views.map((view, index) => ({
         id: view.id ?? `unsaved-view-${index}`,
         view,
     }));
-    // What the name modal saves, under the name entered there: a new view, a
-    // duplicate, or a rename. It outlives the modal's open state so the title
-    // holds while the modal fades out.
-    const [draft, setDraft] = useState();
-    const [isDraftOpen, setIsDraftOpen] = useState(false);
     const [isManageOpen, setIsManageOpen] = useState(false);
     const barRef = useRef(null);
+    const listRef = useRef(null);
+    const newViewRef = useRef(null);
     // Kept after the alert closes, so its text holds during the exit animation,
     // and its view keeps the tab stop until focus returns to it on cancel.
     const [viewToDelete, setViewToDelete] = useState(null);
     const [isDeleteAlertOpen, setIsDeleteAlertOpen] = useState(false);
     const [isReturningFocus, setIsReturningFocus] = useState(false);
-    const hiddenColumnNames = hideableColumns
-        .filter((column) => !isColumnVisible(column))
-        .map(({ name }) => name);
-    // Static views come first, so they win ties with saved views.
-    const { activeSavedView, select, selectWhenSaved } = useActiveSavedView(views, () => findActiveSavedView(views, {
-        activeFilters,
-        hiddenColumnNames,
-        sort: sortBy,
-    }));
-    const updateSavedViewName = useUpdateSavedViewName(onUpdate);
-    const openDraft = (title, defaultName, save) => {
-        setDraft({ defaultName, save, title });
-        setIsDraftOpen(true);
+    const { isCollapsed, isMeasuring, measure, overflowItems, visibleItems } = useVisibleSavedViews({
+        activeKey: activeSavedView?.id ?? null,
+        items,
+        listRef,
+        newViewRef,
+    });
+    // While measuring, the most it can hold, for its widest width.
+    const overflowCount = isMeasuring ? items.length : overflowItems.length;
+    const applyView = (view) => {
+        select(view);
+        onApply(view);
     };
+    // The first view is the default unless another is marked.
+    const renderLabel = (id, view) => (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement("span", { className: "tds-data-table-saved-view-name" }, view.name),
+        view.id === defaultViewId && id !== items[0].id && (React__default.createElement(Icon, { "aria-hidden": true, className: "tds-data-table-saved-view-default-indicator", symbol: "general#pin" })),
+        React__default.createElement(SaveStatusIcon, { status: saveStatus.statusFor(view.id) })));
+    const nameModal = useSavedViewNameModal(onUpdate);
+    // Not in the list until it saves, so its status shows by the new view
+    // button.
     const createSavedView = (view) => {
-        const sortKey = sortKeyAfter(savedViews);
-        if (onCreate) {
-            selectWhenSaved(onCreate({ ...view, ...(sortKey && { sortKey }) }));
-        }
-    };
-    const openNewSavedView = () => {
-        openDraft("New view", "", (name) => createSavedView({
-            activeFilters,
-            name,
-            ...(hideableColumns.length > 0 && { hiddenColumnNames }),
-            ...(sortBy && { sort: sortBy }),
-        }));
+        if (onCreate)
+            saveStatus.track(NEW_VIEW, selectWhenSaved(onCreate(view)), view.name);
     };
-    // The copy is a new view, so it doesn't keep the original's id or place in
-    // the order.
-    const duplicateSavedView = ({ id: _id, sortKey: _sortKey, ...view }) => {
-        openDraft("Duplicate view", `${view.name} copy`, (name) => createSavedView({ ...view, name }));
+    // A duplicate of another view has other settings than the table, so it's
+    // applied once it's selected.
+    const duplicateSavedView = (view) => {
+        if (onCreate)
+            saveStatus.track(NEW_VIEW, selectWhenSaved(onCreate(view)).then((selected) => selected && onApply(selected)), view.name);
     };
-    const renameSavedView = (view) => {
-        openDraft("Rename view", view.name, (name) => {
-            if (name !== view.name)
-                updateSavedViewName(view, name);
-        });
-    };
-    const saveDraft = (name) => {
-        setIsDraftOpen(false);
-        draft?.save(name);
+    const openNewSavedView = () => {
+        nameModal.open("New view", "", (name) => createSavedView({ ...currentState, name }));
     };
-    // Updates and deletes are matched by id, so an unsaved view can't be
-    // renamed or deleted. Static views can't be edited at all.
-    const isEditable = (view) => view.id !== undefined && savedViews.includes(view);
     // The menu item Delete was chosen from is gone by now, so the view takes
     // focus first for the alert to return it to on cancel.
     const requestDelete = (view) => {
@@ -99,14 +88,11 @@ function SavedViewsBar({ defaultViewId, onApply, onCreate, onDelete, onSetDefaul
         setIsDeleteAlertOpen(true);
         setIsReturningFocus(true);
     };
-    // Lets the tab stop go back to the selected view, where focus lands.
-    // Deleting the default view hands the default back to "initial".
+    // Lets the tab stop go back to the selected view, where focus lands. A
+    // failed delete puts the view back, showing its status.
     const confirmDelete = () => {
-        if (viewToDelete) {
-            onDelete?.(viewToDelete);
-            if (viewToDelete.id === defaultViewId)
-                onSetDefault?.("initial");
-        }
+        if (viewToDelete && onDelete)
+            saveStatus.track(viewToDelete.id, onDelete(viewToDelete), viewToDelete.name);
         setIsDeleteAlertOpen(false);
         setIsReturningFocus(false);
     };
@@ -123,39 +109,37 @@ function SavedViewsBar({ defaultViewId, onApply, onCreate, onDelete, onSetDefaul
             setIsReturningFocus(false);
     };
     const renderContextMenu = (view) => {
-        const canRename = onUpdate && isEditable(view);
-        const canDelete = onDelete && isEditable(view);
         // The default is matched by id, so an unsaved view can't be made the
         // default. Static views can.
         const { id } = view;
-        const canSetDefault = onSetDefault && id !== undefined;
-        const isDefault = id === defaultViewId;
-        const hasActions = canRename || onCreate || canSetDefault;
-        if (!hasActions && !canDelete)
-            return null;
-        return (React__default.createElement(DropdownMenu, null,
-            canRename && (React__default.createElement(DropdownAction, { id: "rename", onAction: () => renameSavedView(view) }, "Rename")),
-            onCreate && (React__default.createElement(DropdownAction, { id: "duplicate", onAction: () => duplicateSavedView(view) }, "Duplicate")),
-            canSetDefault && (
-            // Stays in the menu for the default view, disabled, so the user can
-            // see which view is the default.
-            React__default.createElement(DropdownAction, { disabled: isDefault, id: "set-default", onAction: () => onSetDefault(id) }, isDefault ? "Default view" : "Set as default")),
-            hasActions && canDelete && React__default.createElement(DropdownSeparator, null),
-            canDelete && (React__default.createElement(DropdownAction, { destructive: true, id: "delete", onAction: () => queueMicrotask(() => requestDelete(view)) }, "Delete"))));
+        const menuProps = {
+            isDefault: id === defaultViewId,
+            onDelete: onDelete && isSavedViewEditable(view, savedViews)
+                ? () => queueMicrotask(() => requestDelete(view))
+                : undefined,
+            onDuplicate: onCreate
+                ? () => nameModal.openDuplicate(view, duplicateSavedView)
+                : undefined,
+            onRename: onUpdate && isSavedViewEditable(view, savedViews)
+                ? () => nameModal.openRename(view, (saving) => saveStatus.track(view.id, saving, view.name))
+                : undefined,
+            onSetDefault: onSetDefault && id !== undefined
+                ? () => saveStatus.track(id, onSetDefault(id), view.name)
+                : undefined,
+        };
+        return hasSavedViewMenuActions(menuProps) ? (React__default.createElement(SavedViewMenu, { ...menuProps })) : null;
     };
     return (React__default.createElement("div", { ref: barRef, className: "tds-data-table-saved-views", onFocus: isReturningFocus ? handleFocus : undefined },
-        React__default.createElement("div", { className: "tds-data-table-saved-views-list" },
+        React__default.createElement("div", { ref: listRef, className: classNames("tds-data-table-saved-views-list", {
+                "tds-data-table-saved-views-list--collapsed": isCollapsed,
+            }) },
             React__default.createElement(ReturningFocusViewIdContext.Provider, { value: isReturningFocus ? (viewToDelete?.id ?? null) : null },
-                React__default.createElement(ReorderableListBox, { items: items, label: "Views", selectedKey: activeSavedView?.id ?? null, onSelectionChange: (key) => {
+                React__default.createElement(ReorderableListBox, { items: visibleItems, label: "Views", selectedKey: activeSavedView?.id ?? null, onItemsRendered: measure, onSelectionChange: (key) => {
                         const view = items.find(({ id }) => id === key)?.view;
-                        if (!view)
-                            return;
-                        select(view);
-                        onApply(view);
+                        if (view)
+                            applyView(view);
                     } }, ({ id, view }) => {
                     const menu = renderContextMenu(view);
-                    // The first view is the default unless another is marked.
-                    const pin = view.id === defaultViewId && id !== items[0].id && (React__default.createElement(Icon, { "aria-hidden": true, className: "tds-data-table-saved-view-default-indicator", symbol: "general#pin" }));
                     return (React__default.createElement(ReorderableListBoxItem, { className: classNames("tds-data-table-saved-view-list-item", {
                             "tds-data-table-saved-view-list-item--default": view.id === defaultViewId,
                         }), id: id, 
@@ -163,17 +147,21 @@ function SavedViewsBar({ defaultViewId, onApply, onCreate, onDelete, onSetDefaul
                         render: (props) => {
                             const optionProps = {
                                 ...props,
-                                children: (React__default.createElement(React__default.Fragment, null,
-                                    view.name,
-                                    pin)),
+                                children: renderLabel(id, view),
                             };
                             return menu ? (React__default.createElement(ContextMenuTrigger, { id: view.id, closeOpenContextMenuRef: closeOpenContextMenuRef, menu: menu, optionProps: optionProps })) : (React__default.createElement("div", { ...optionProps }));
                         } }, view.name));
                 })),
-            onCreate && React__default.createElement(NewSavedViewButton, { onClick: openNewSavedView }),
-            React__default.createElement(NewSavedViewModal, { defaultName: draft?.defaultName, open: isDraftOpen, title: draft?.title, onClose: () => setIsDraftOpen(false), onSave: saveDraft })),
+            (isMeasuring || overflowItems.length > 0) && (React__default.createElement(Dropdown, null,
+                React__default.createElement(DropdownTrigger, null,
+                    React__default.createElement(DropdownButton, { "aria-label": `${overflowCount} more views`, className: "tds-btn--data-table-saved-views-overflow", kind: "pill", label: `${overflowCount} more` })),
+                React__default.createElement(DropdownMenu, null, overflowItems.map(({ id, view }) => (React__default.createElement(DropdownAction, { key: id, id: id, textValue: view.name, onAction: () => applyView(view) }, renderLabel(id, view))))))),
+            React__default.createElement("div", { ref: newViewRef, className: "tds-data-table-saved-views-new-view" },
+                onCreate && React__default.createElement(NewSavedViewButton, { onClick: openNewSavedView }),
+                React__default.createElement(SaveStatusIcon, { label: "View not saved", status: saveStatus.statusFor(NEW_VIEW) })),
+            React__default.createElement(NewSavedViewModal, { ...nameModal.modalProps })),
         views.length > 1 && (React__default.createElement(ManageSavedViewsButton, { onClick: () => setIsManageOpen(true) })),
-        React__default.createElement(ManageSavedViewsModal, { defaultViewId: defaultViewId, open: isManageOpen, savedViews: savedViews, staticViews: staticViewsWithInitial, onClose: closeManageViews, onDelete: onDelete, onSetDefault: onSetDefault, onUpdate: onUpdate }),
+        React__default.createElement(ManageSavedViewsModal, { defaultViewId: defaultViewId, isReordering: isReordering, open: isManageOpen, savedViews: savedViews, staticViews: staticViews, onClose: closeManageViews, onCreate: onCreate, onDelete: onDelete, onReorder: onReorder, onSetDefault: onSetDefault, onUpdate: onUpdate }),
         onDelete && (React__default.createElement(DeleteSavedViewAlertDialog, { open: isDeleteAlertOpen, view: viewToDelete, onCancel: () => setIsDeleteAlertOpen(false), onConfirm: confirmDelete }))));
 }
 SavedViewsBar.displayName = "SavedViewsBar";

package/dist/components/DataTable/SavedViewsBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"SavedViewsBar.js","sources":["../../../src/components/DataTable/SavedViewsBar.tsx"],"sourcesContent":["import {\n  DropdownAction,\n  DropdownMenu,\n  DropdownSeparator,\n} from \"@components/dropdown\"\nimport {\n  ReorderableListBox,\n  ReorderableListBoxItem,\n} from \"@components/internal/reorderable-list-box\"\nimport Icon from \"@utilities/Icon\"\nimport classNames from \"classnames\"\nimport React, {\n  type ComponentProps,\n  createContext,\n  Fragment,\n  type KeyboardEvent,\n  type MutableRefObject,\n  type ReactElement,\n  type RefObject,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\"\nimport { mergeProps } from \"react-aria/mergeProps\"\nimport { MenuTrigger, Pressable } from \"react-aria-components/Menu\"\n\nimport type { Sort } from \"./DataTable\"\nimport type { DataTableColumn } from \"./DataTableColumn\"\nimport { DeleteSavedViewAlertDialog } from \"./DeleteSavedViewAlertDialog\"\nimport type { ActiveFilter } from \"./FilterTypes\"\nimport { ManageSavedViewsButton } from \"./ManageSavedViewsButton\"\nimport { ManageSavedViewsModal } from \"./ManageSavedViewsModal\"\nimport { NewSavedViewButton } from \"./NewSavedViewButton\"\nimport { NewSavedViewModal } from \"./NewSavedViewModal\"\nimport {\n  findActiveSavedView,\n  initialView,\n  type SavedView,\n  sortKeyAfter,\n  type StaticView,\n} from \"./savedViews\"\nimport { useActiveSavedView } from \"./useActiveSavedView\"\nimport { useUpdateSavedViewName } from \"./useUpdateSavedViewName\"\n\n/**\n * The id of the view the delete alert returns focus to. Read through context\n * so the list's cached items see it without rebuilding the collection.\n */\nconst ReturningFocusViewIdContext = createContext<SavedView[\"id\"] | null>(null)\n\nexport interface SavedViewsBarProps {\n  activeFilters: ActiveFilter[]\n  defaultViewId: NonNullable<SavedView[\"id\"]>\n  hideableColumns: DataTableColumn[]\n  isColumnVisible: (column: DataTableColumn) => boolean\n  onApply: (savedView: SavedView) => void\n  /**\n   * Returns the saved view with its new id. Omit to hide the new view button\n   * and the Duplicate action.\n   */\n  onCreate?: (\n    savedView: Omit<SavedView, \"id\">\n  ) => Promise<SavedView> | SavedView\n  /** Called once the user confirms. Omit to leave out the Delete action. */\n  onDelete?: (savedView: SavedView) => void\n  /** Omit to leave out the Set as default action. */\n  onSetDefault?: (id: NonNullable<SavedView[\"id\"]>) => void\n  /** Omit to leave out the Rename action. */\n  onUpdate?: (savedView: SavedView) => Promise<SavedView> | SavedView\n  savedViews: SavedView[]\n  sortBy: Sort | undefined\n  /** Listed before `savedViews` and can't be edited. */\n  staticViews: StaticView[]\n}\n\nexport function SavedViewsBar({\n  defaultViewId,\n  onApply,\n  onCreate,\n  onDelete,\n  onSetDefault,\n  onUpdate,\n  savedViews,\n  staticViews,\n  activeFilters,\n  hideableColumns,\n  isColumnVisible,\n  sortBy,\n}: SavedViewsBarProps) {\n  const closeOpenContextMenuRef = useRef<(() => void) | null>(null)\n  const hasInitialView = staticViews.some(({ id }) => id === initialView.id)\n  const staticViewsWithInitial = hasInitialView\n    ? staticViews\n    : [initialView, ...staticViews]\n  const views = [...staticViewsWithInitial, ...savedViews]\n  // The list needs a key for every view, including ones not yet saved.\n  const items = views.map((view, index) => ({\n    id: view.id ?? `unsaved-view-${index}`,\n    view,\n  }))\n  // What the name modal saves, under the name entered there: a new view, a\n  // duplicate, or a rename. It outlives the modal's open state so the title\n  // holds while the modal fades out.\n  const [draft, setDraft] = useState<{\n    defaultName: string\n    save: (name: string) => void\n    title: string\n  }>()\n  const [isDraftOpen, setIsDraftOpen] = useState(false)\n  const [isManageOpen, setIsManageOpen] = useState(false)\n  const barRef = useRef<HTMLDivElement>(null)\n  // Kept after the alert closes, so its text holds during the exit animation,\n  // and its view keeps the tab stop until focus returns to it on cancel.\n  const [viewToDelete, setViewToDelete] = useState<SavedView | null>(null)\n  const [isDeleteAlertOpen, setIsDeleteAlertOpen] = useState(false)\n  const [isReturningFocus, setIsReturningFocus] = useState(false)\n  const hiddenColumnNames = hideableColumns\n    .filter((column) => !isColumnVisible(column))\n    .map(({ name }) => name)\n  // Static views come first, so they win ties with saved views.\n  const { activeSavedView, select, selectWhenSaved } = useActiveSavedView(\n    views,\n    () =>\n      findActiveSavedView(views, {\n        activeFilters,\n        hiddenColumnNames,\n        sort: sortBy,\n      })\n  )\n\n  const updateSavedViewName = useUpdateSavedViewName(onUpdate)\n\n  const openDraft = (\n    title: string,\n    defaultName: string,\n    save: (name: string) => void\n  ) => {\n    setDraft({ defaultName, save, title })\n    setIsDraftOpen(true)\n  }\n\n  const createSavedView = (view: Omit<SavedView, \"id\">) => {\n    const sortKey = sortKeyAfter(savedViews)\n    if (onCreate) {\n      selectWhenSaved(onCreate({ ...view, ...(sortKey && { sortKey }) }))\n    }\n  }\n\n  const openNewSavedView = () => {\n    openDraft(\"New view\", \"\", (name) =>\n      createSavedView({\n        activeFilters,\n        name,\n        ...(hideableColumns.length > 0 && { hiddenColumnNames }),\n        ...(sortBy && { sort: sortBy }),\n      })\n    )\n  }\n\n  // The copy is a new view, so it doesn't keep the original's id or place in\n  // the order.\n  const duplicateSavedView = ({\n    id: _id,\n    sortKey: _sortKey,\n    ...view\n  }: SavedView) => {\n    openDraft(\"Duplicate view\", `${view.name} copy`, (name) =>\n      createSavedView({ ...view, name })\n    )\n  }\n\n  const renameSavedView = (view: SavedView) => {\n    openDraft(\"Rename view\", view.name, (name) => {\n      if (name !== view.name) updateSavedViewName(view, name)\n    })\n  }\n\n  const saveDraft = (name: string) => {\n    setIsDraftOpen(false)\n    draft?.save(name)\n  }\n\n  // Updates and deletes are matched by id, so an unsaved view can't be\n  // renamed or deleted. Static views can't be edited at all.\n  const isEditable = (view: SavedView) =>\n    view.id !== undefined && savedViews.includes(view)\n\n  // The menu item Delete was chosen from is gone by now, so the view takes\n  // focus first for the alert to return it to on cancel.\n  const requestDelete = (view: SavedView) => {\n    barRef.current\n      ?.querySelector<HTMLElement>(\n        `[role=\"option\"][data-key=\"${CSS.escape(String(view.id))}\"]`\n      )\n      ?.focus()\n    setViewToDelete(view)\n    setIsDeleteAlertOpen(true)\n    setIsReturningFocus(true)\n  }\n\n  // Lets the tab stop go back to the selected view, where focus lands.\n  // Deleting the default view hands the default back to \"initial\".\n  const confirmDelete = () => {\n    if (viewToDelete) {\n      onDelete?.(viewToDelete)\n      if (viewToDelete.id === defaultViewId) onSetDefault?.(\"initial\")\n    }\n    setIsDeleteAlertOpen(false)\n    setIsReturningFocus(false)\n  }\n\n  const focusSelectedViewAfterClose = useFocusSelectedViewAfterClose(\n    barRef,\n    isManageOpen\n  )\n\n  // Deleting down to one view hides the button the modal returns focus to.\n  const closeManageViews = () => {\n    if (views.length <= 1) focusSelectedViewAfterClose()\n    setIsManageOpen(false)\n  }\n\n  // Focus from inside the open alert reaches here too, through the portal.\n  const handleFocus = () => {\n    if (!isDeleteAlertOpen) setIsReturningFocus(false)\n  }\n\n  const renderContextMenu = (view: SavedView) => {\n    const canRename = onUpdate && isEditable(view)\n    const canDelete = onDelete && isEditable(view)\n    // The default is matched by id, so an unsaved view can't be made the\n    // default. Static views can.\n    const { id } = view\n    const canSetDefault = onSetDefault && id !== undefined\n    const isDefault = id === defaultViewId\n    const hasActions = canRename || onCreate || canSetDefault\n    if (!hasActions && !canDelete) return null\n    return (\n      <DropdownMenu>\n        {canRename && (\n          <DropdownAction id=\"rename\" onAction={() => renameSavedView(view)}>\n            Rename\n          </DropdownAction>\n        )}\n        {onCreate && (\n          <DropdownAction\n            id=\"duplicate\"\n            onAction={() => duplicateSavedView(view)}\n          >\n            Duplicate\n          </DropdownAction>\n        )}\n        {canSetDefault && (\n          // Stays in the menu for the default view, disabled, so the user can\n          // see which view is the default.\n          <DropdownAction\n            disabled={isDefault}\n            id=\"set-default\"\n            onAction={() => onSetDefault(id)}\n          >\n            {isDefault ? \"Default view\" : \"Set as default\"}\n          </DropdownAction>\n        )}\n        {hasActions && canDelete && <DropdownSeparator />}\n        {canDelete && (\n          <DropdownAction\n            destructive\n            id=\"delete\"\n            onAction={() => queueMicrotask(() => requestDelete(view))}\n          >\n            Delete\n          </DropdownAction>\n        )}\n      </DropdownMenu>\n    )\n  }\n\n  return (\n    <div\n      ref={barRef}\n      className=\"tds-data-table-saved-views\"\n      onFocus={isReturningFocus ? handleFocus : undefined}\n    >\n      <div className=\"tds-data-table-saved-views-list\">\n        <ReturningFocusViewIdContext.Provider\n          value={isReturningFocus ? (viewToDelete?.id ?? null) : null}\n        >\n          <ReorderableListBox\n            items={items}\n            label=\"Views\"\n            selectedKey={activeSavedView?.id ?? null}\n            onSelectionChange={(key) => {\n              const view = items.find(({ id }) => id === key)?.view\n              if (!view) return\n              select(view)\n              onApply(view)\n            }}\n          >\n            {({ id, view }) => {\n              const menu = renderContextMenu(view)\n              // The first view is the default unless another is marked.\n              const pin = view.id === defaultViewId && id !== items[0].id && (\n                <Icon\n                  aria-hidden\n                  className=\"tds-data-table-saved-view-default-indicator\"\n                  symbol=\"general#pin\"\n                />\n              )\n              return (\n                <ReorderableListBoxItem\n                  className={classNames(\"tds-data-table-saved-view-list-item\", {\n                    \"tds-data-table-saved-view-list-item--default\":\n                      view.id === defaultViewId,\n                  })}\n                  id={id}\n                  // The list item only takes text, so the pin goes in here.\n                  render={(props) => {\n                    const optionProps = {\n                      ...(props as ComponentProps<\"div\">),\n                      children: (\n                        <>\n                          {view.name}\n                          {pin}\n                        </>\n                      ),\n                    }\n                    return menu ? (\n                      <ContextMenuTrigger\n                        id={view.id}\n                        closeOpenContextMenuRef={closeOpenContextMenuRef}\n                        menu={menu}\n                        optionProps={optionProps}\n                      />\n                    ) : (\n                      <div {...optionProps} />\n                    )\n                  }}\n                >\n                  {view.name}\n                </ReorderableListBoxItem>\n              )\n            }}\n          </ReorderableListBox>\n        </ReturningFocusViewIdContext.Provider>\n        {onCreate && <NewSavedViewButton onClick={openNewSavedView} />}\n        <NewSavedViewModal\n          defaultName={draft?.defaultName}\n          open={isDraftOpen}\n          title={draft?.title}\n          onClose={() => setIsDraftOpen(false)}\n          onSave={saveDraft}\n        />\n      </div>\n      {views.length > 1 && (\n        <ManageSavedViewsButton onClick={() => setIsManageOpen(true)} />\n      )}\n      {/* Rendered apart from the button, so a delete that hides the button doesn't remove the open modal. */}\n      <ManageSavedViewsModal\n        defaultViewId={defaultViewId}\n        open={isManageOpen}\n        savedViews={savedViews}\n        staticViews={staticViewsWithInitial}\n        onClose={closeManageViews}\n        onDelete={onDelete}\n        onSetDefault={onSetDefault}\n        onUpdate={onUpdate}\n      />\n      {onDelete && (\n        <DeleteSavedViewAlertDialog\n          open={isDeleteAlertOpen}\n          view={viewToDelete}\n          onCancel={() => setIsDeleteAlertOpen(false)}\n          onConfirm={confirmDelete}\n        />\n      )}\n    </div>\n  )\n}\n\nSavedViewsBar.displayName = \"SavedViewsBar\"\n\n/**\n * Once the manage views modal starts closing, focuses the selected view, or\n * the first one.\n */\nfunction useFocusSelectedViewAfterClose(\n  barRef: RefObject<HTMLDivElement>,\n  isManageOpen: boolean\n) {\n  const shouldFocusRef = useRef(false)\n\n  useEffect(() => {\n    if (isManageOpen || !shouldFocusRef.current) return\n    shouldFocusRef.current = false\n    const bar = barRef.current\n    ;(\n      bar?.querySelector<HTMLElement>(\n        '[role=\"option\"][aria-selected=\"true\"]'\n      ) ?? bar?.querySelector<HTMLElement>('[role=\"option\"]')\n    )?.focus()\n  }, [barRef, isManageOpen])\n\n  return () => {\n    shouldFocusRef.current = true\n  }\n}\n\n/**\n * Makes a saved view's option element itself the context menu trigger, so\n * the menu opens by right click, long press, or the keyboard context menu\n * shortcut (Shift+F10, the Menu key, or Ctrl+Enter on macOS), is named by\n * the view, and returns focus to it on close. `Pressable` hands the trigger's\n * handlers to the option element. The option ignores Ctrl+Enter, so the\n * macOS shortcut opens the menu without also selecting the view. The\n * `data-popup-open` attribute keeps the list from moving its tab\n * stop to the selected view while the menu is open. Opening the menu closes\n * any other view's menu, since a right click elsewhere in the list doesn't\n * count as an outside interaction. The open state stays here rather than in\n * the bar, because re-rendering the bar rebuilds the list's collection and\n * moves its tab stop before focus can return to this view. Each\n * `contextmenu` event remounts the menu, because React Aria only positions\n * an open menu once and would leave it at the first click point.\n */\nfunction ContextMenuTrigger({\n  closeOpenContextMenuRef,\n  id,\n  menu,\n  optionProps,\n}: {\n  closeOpenContextMenuRef: MutableRefObject<(() => void) | null>\n  id: SavedView[\"id\"]\n  menu: ReactElement\n  optionProps: ComponentProps<\"div\">\n}) {\n  const { onKeyDown, ...restOptionProps } = optionProps\n  const [isOpen, setIsOpen] = useState(false)\n  // Such as the delete alert, which returns focus to this view on cancel.\n  const hasOtherPopup = useContext(ReturningFocusViewIdContext) === id\n  const [menuKey, setMenuKey] = useState(0)\n\n  const close = useCallback(() => setIsOpen(false), [])\n  const handleOpenChange = (nextIsOpen: boolean) => {\n    setIsOpen(nextIsOpen)\n    if (nextIsOpen) {\n      closeOpenContextMenuRef.current?.()\n      closeOpenContextMenuRef.current = close\n    } else if (closeOpenContextMenuRef.current === close) {\n      closeOpenContextMenuRef.current = null\n    }\n  }\n\n  return (\n    <MenuTrigger\n      isOpen={isOpen}\n      onOpenChange={handleOpenChange}\n      trigger=\"contextMenu\"\n    >\n      <Pressable>\n        <div\n          {...mergeProps(restOptionProps, {\n            \"data-popup-open\": isOpen || hasOtherPopup || undefined,\n            onContextMenu: () => setMenuKey((key) => key + 1),\n            onKeyDown: (event: KeyboardEvent<HTMLDivElement>) => {\n              if (event.ctrlKey && event.key === \"Enter\") return\n              onKeyDown?.(event)\n            },\n          })}\n        />\n      </Pressable>\n      <Fragment key={menuKey}>{menu}</Fragment>\n    </MenuTrigger>\n  )\n}\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;AA8CA;;;AAGG;AACH,MAAM,2BAA2B,GAAG,aAAa,CAAyB,IAAI,CAAC;AA2BzE,SAAU,aAAa,CAAC,EAC5B,aAAa,EACb,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,WAAW,EACX,aAAa,EACb,eAAe,EACf,eAAe,EACf,MAAM,GACa,EAAA;AACnB,IAAA,MAAM,uBAAuB,GAAG,MAAM,CAAsB,IAAI,CAAC;AACjE,IAAA,MAAM,cAAc,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,WAAW,CAAC,EAAE,CAAC;IAC1E,MAAM,sBAAsB,GAAG;AAC7B,UAAE;AACF,UAAE,CAAC,WAAW,EAAE,GAAG,WAAW,CAAC;IACjC,MAAM,KAAK,GAAG,CAAC,GAAG,sBAAsB,EAAE,GAAG,UAAU,CAAC;;AAExD,IAAA,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MAAM;AACxC,QAAA,EAAE,EAAE,IAAI,CAAC,EAAE,IAAI,CAAA,aAAA,EAAgB,KAAK,CAAA,CAAE;QACtC,IAAI;AACL,KAAA,CAAC,CAAC;;;;IAIH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAI9B;IACJ,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IACrD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AACvD,IAAA,MAAM,MAAM,GAAG,MAAM,CAAiB,IAAI,CAAC;;;IAG3C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAmB,IAAI,CAAC;IACxE,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IACjE,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAC/D,MAAM,iBAAiB,GAAG;SACvB,MAAM,CAAC,CAAC,MAAM,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC;SAC3C,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;;AAE1B,IAAA,MAAM,EAAE,eAAe,EAAE,MAAM,EAAE,eAAe,EAAE,GAAG,kBAAkB,CACrE,KAAK,EACL,MACE,mBAAmB,CAAC,KAAK,EAAE;QACzB,aAAa;QACb,iBAAiB;AACjB,QAAA,IAAI,EAAE,MAAM;AACb,KAAA,CAAC,CACL;AAED,IAAA,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,QAAQ,CAAC;IAE5D,MAAM,SAAS,GAAG,CAChB,KAAa,EACb,WAAmB,EACnB,IAA4B,KAC1B;QACF,QAAQ,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;QACtC,cAAc,CAAC,IAAI,CAAC;AACtB,IAAA,CAAC;AAED,IAAA,MAAM,eAAe,GAAG,CAAC,IAA2B,KAAI;AACtD,QAAA,MAAM,OAAO,GAAG,YAAY,CAAC,UAAU,CAAC;QACxC,IAAI,QAAQ,EAAE;AACZ,YAAA,eAAe,CAAC,QAAQ,CAAC,EAAE,GAAG,IAAI,EAAE,IAAI,OAAO,IAAI,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;QACrE;AACF,IAAA,CAAC;IAED,MAAM,gBAAgB,GAAG,MAAK;QAC5B,SAAS,CAAC,UAAU,EAAE,EAAE,EAAE,CAAC,IAAI,KAC7B,eAAe,CAAC;YACd,aAAa;YACb,IAAI;YACJ,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC,IAAI,EAAE,iBAAiB,EAAE,CAAC;YACxD,IAAI,MAAM,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AAChC,SAAA,CAAC,CACH;AACH,IAAA,CAAC;;;AAID,IAAA,MAAM,kBAAkB,GAAG,CAAC,EAC1B,EAAE,EAAE,GAAG,EACP,OAAO,EAAE,QAAQ,EACjB,GAAG,IAAI,EACG,KAAI;QACd,SAAS,CAAC,gBAAgB,EAAE,CAAA,EAAG,IAAI,CAAC,IAAI,CAAA,KAAA,CAAO,EAAE,CAAC,IAAI,KACpD,eAAe,CAAC,EAAE,GAAG,IAAI,EAAE,IAAI,EAAE,CAAC,CACnC;AACH,IAAA,CAAC;AAED,IAAA,MAAM,eAAe,GAAG,CAAC,IAAe,KAAI;QAC1C,SAAS,CAAC,aAAa,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,IAAI,KAAI;AAC3C,YAAA,IAAI,IAAI,KAAK,IAAI,CAAC,IAAI;AAAE,gBAAA,mBAAmB,CAAC,IAAI,EAAE,IAAI,CAAC;AACzD,QAAA,CAAC,CAAC;AACJ,IAAA,CAAC;AAED,IAAA,MAAM,SAAS,GAAG,CAAC,IAAY,KAAI;QACjC,cAAc,CAAC,KAAK,CAAC;AACrB,QAAA,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC;AACnB,IAAA,CAAC;;;AAID,IAAA,MAAM,UAAU,GAAG,CAAC,IAAe,KACjC,IAAI,CAAC,EAAE,KAAK,SAAS,IAAI,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC;;;AAIpD,IAAA,MAAM,aAAa,GAAG,CAAC,IAAe,KAAI;AACxC,QAAA,MAAM,CAAC;AACL,cAAE,aAAa,CACb,CAAA,0BAAA,EAA6B,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI;cAE5D,KAAK,EAAE;QACX,eAAe,CAAC,IAAI,CAAC;QACrB,oBAAoB,CAAC,IAAI,CAAC;QAC1B,mBAAmB,CAAC,IAAI,CAAC;AAC3B,IAAA,CAAC;;;IAID,MAAM,aAAa,GAAG,MAAK;QACzB,IAAI,YAAY,EAAE;AAChB,YAAA,QAAQ,GAAG,YAAY,CAAC;AACxB,YAAA,IAAI,YAAY,CAAC,EAAE,KAAK,aAAa;AAAE,gBAAA,YAAY,GAAG,SAAS,CAAC;QAClE;QACA,oBAAoB,CAAC,KAAK,CAAC;QAC3B,mBAAmB,CAAC,KAAK,CAAC;AAC5B,IAAA,CAAC;IAED,MAAM,2BAA2B,GAAG,8BAA8B,CAChE,MAAM,EACN,YAAY,CACb;;IAGD,MAAM,gBAAgB,GAAG,MAAK;AAC5B,QAAA,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC;AAAE,YAAA,2BAA2B,EAAE;QACpD,eAAe,CAAC,KAAK,CAAC;AACxB,IAAA,CAAC;;IAGD,MAAM,WAAW,GAAG,MAAK;AACvB,QAAA,IAAI,CAAC,iBAAiB;YAAE,mBAAmB,CAAC,KAAK,CAAC;AACpD,IAAA,CAAC;AAED,IAAA,MAAM,iBAAiB,GAAG,CAAC,IAAe,KAAI;QAC5C,MAAM,SAAS,GAAG,QAAQ,IAAI,UAAU,CAAC,IAAI,CAAC;QAC9C,MAAM,SAAS,GAAG,QAAQ,IAAI,UAAU,CAAC,IAAI,CAAC;;;AAG9C,QAAA,MAAM,EAAE,EAAE,EAAE,GAAG,IAAI;AACnB,QAAA,MAAM,aAAa,GAAG,YAAY,IAAI,EAAE,KAAK,SAAS;AACtD,QAAA,MAAM,SAAS,GAAG,EAAE,KAAK,aAAa;AACtC,QAAA,MAAM,UAAU,GAAG,SAAS,IAAI,QAAQ,IAAI,aAAa;AACzD,QAAA,IAAI,CAAC,UAAU,IAAI,CAAC,SAAS;AAAE,YAAA,OAAO,IAAI;QAC1C,QACEA,6BAAC,YAAY,EAAA,IAAA;AACV,YAAA,SAAS,KACRA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EAAC,EAAE,EAAC,QAAQ,EAAC,QAAQ,EAAE,MAAM,eAAe,CAAC,IAAI,CAAC,aAEhD,CAClB;AACA,YAAA,QAAQ,KACPA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EACb,EAAE,EAAC,WAAW,EACd,QAAQ,EAAE,MAAM,kBAAkB,CAAC,IAAI,CAAC,gBAGzB,CAClB;AACA,YAAA,aAAa;;;AAGZ,YAAAA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EACb,QAAQ,EAAE,SAAS,EACnB,EAAE,EAAC,aAAa,EAChB,QAAQ,EAAE,MAAM,YAAY,CAAC,EAAE,CAAC,EAAA,EAE/B,SAAS,GAAG,cAAc,GAAG,gBAAgB,CAC/B,CAClB;AACA,YAAA,UAAU,IAAI,SAAS,IAAIA,cAAA,CAAA,aAAA,CAAC,iBAAiB,EAAA,IAAA,CAAG;AAChD,YAAA,SAAS,KACRA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EACb,WAAW,EAAA,IAAA,EACX,EAAE,EAAC,QAAQ,EACX,QAAQ,EAAE,MAAM,cAAc,CAAC,MAAM,aAAa,CAAC,IAAI,CAAC,CAAC,EAAA,EAAA,QAAA,CAG1C,CAClB,CACY;AAEnB,IAAA,CAAC;IAED,QACEA,sCACE,GAAG,EAAE,MAAM,EACX,SAAS,EAAC,4BAA4B,EACtC,OAAO,EAAE,gBAAgB,GAAG,WAAW,GAAG,SAAS,EAAA;QAEnDA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,iCAAiC,EAAA;YAC9CA,cAAA,CAAA,aAAA,CAAC,2BAA2B,CAAC,QAAQ,EAAA,EACnC,KAAK,EAAE,gBAAgB,IAAI,YAAY,EAAE,EAAE,IAAI,IAAI,IAAI,IAAI,EAAA;gBAE3DA,cAAA,CAAA,aAAA,CAAC,kBAAkB,IACjB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAC,OAAO,EACb,WAAW,EAAE,eAAe,EAAE,EAAE,IAAI,IAAI,EACxC,iBAAiB,EAAE,CAAC,GAAG,KAAI;AACzB,wBAAA,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,GAAG,CAAC,EAAE,IAAI;AACrD,wBAAA,IAAI,CAAC,IAAI;4BAAE;wBACX,MAAM,CAAC,IAAI,CAAC;wBACZ,OAAO,CAAC,IAAI,CAAC;oBACf,CAAC,EAAA,EAEA,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,KAAI;AAChB,oBAAA,MAAM,IAAI,GAAG,iBAAiB,CAAC,IAAI,CAAC;;AAEpC,oBAAA,MAAM,GAAG,GAAG,IAAI,CAAC,EAAE,KAAK,aAAa,IAAI,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,KACzDA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAA,aAAA,EAAA,IAAA,EAEH,SAAS,EAAC,6CAA6C,EACvD,MAAM,EAAC,aAAa,EAAA,CACpB,CACH;oBACD,QACEA,6BAAC,sBAAsB,EAAA,EACrB,SAAS,EAAE,UAAU,CAAC,qCAAqC,EAAE;AAC3D,4BAAA,8CAA8C,EAC5C,IAAI,CAAC,EAAE,KAAK,aAAa;yBAC5B,CAAC,EACF,EAAE,EAAE,EAAE;;AAEN,wBAAA,MAAM,EAAE,CAAC,KAAK,KAAI;AAChB,4BAAA,MAAM,WAAW,GAAG;AAClB,gCAAA,GAAI,KAA+B;AACnC,gCAAA,QAAQ,GACNA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA;AACG,oCAAA,IAAI,CAAC,IAAI;AACT,oCAAA,GAAG,CACH,CACJ;6BACF;AACD,4BAAA,OAAO,IAAI,IACTA,cAAA,CAAA,aAAA,CAAC,kBAAkB,EAAA,EACjB,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,uBAAuB,EAAE,uBAAuB,EAChD,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EAAA,CACxB,KAEFA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAS,WAAW,EAAA,CAAI,CACzB;AACH,wBAAA,CAAC,IAEA,IAAI,CAAC,IAAI,CACa;AAE7B,gBAAA,CAAC,CACkB,CACgB;AACtC,YAAA,QAAQ,IAAIA,cAAA,CAAA,aAAA,CAAC,kBAAkB,IAAC,OAAO,EAAE,gBAAgB,EAAA,CAAI;AAC9D,YAAAA,cAAA,CAAA,aAAA,CAAC,iBAAiB,EAAA,EAChB,WAAW,EAAE,KAAK,EAAE,WAAW,EAC/B,IAAI,EAAE,WAAW,EACjB,KAAK,EAAE,KAAK,EAAE,KAAK,EACnB,OAAO,EAAE,MAAM,cAAc,CAAC,KAAK,CAAC,EACpC,MAAM,EAAE,SAAS,GACjB,CACE;AACL,QAAA,KAAK,CAAC,MAAM,GAAG,CAAC,KACfA,6BAAC,sBAAsB,EAAA,EAAC,OAAO,EAAE,MAAM,eAAe,CAAC,IAAI,CAAC,GAAI,CACjE;AAED,QAAAA,cAAA,CAAA,aAAA,CAAC,qBAAqB,EAAA,EACpB,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAE,YAAY,EAClB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,sBAAsB,EACnC,OAAO,EAAE,gBAAgB,EACzB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAAA,CAClB;AACD,QAAA,QAAQ,KACPA,cAAA,CAAA,aAAA,CAAC,0BAA0B,EAAA,EACzB,IAAI,EAAE,iBAAiB,EACvB,IAAI,EAAE,YAAY,EAClB,QAAQ,EAAE,MAAM,oBAAoB,CAAC,KAAK,CAAC,EAC3C,SAAS,EAAE,aAAa,EAAA,CACxB,CACH,CACG;AAEV;AAEA,aAAa,CAAC,WAAW,GAAG,eAAe;AAE3C;;;AAGG;AACH,SAAS,8BAA8B,CACrC,MAAiC,EACjC,YAAqB,EAAA;AAErB,IAAA,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC;IAEpC,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,YAAY,IAAI,CAAC,cAAc,CAAC,OAAO;YAAE;AAC7C,QAAA,cAAc,CAAC,OAAO,GAAG,KAAK;AAC9B,QAAA,MAAM,GAAG,GAAG,MAAM,CAAC,OAAO;AACzB,QAAA,CACC,GAAG,EAAE,aAAa,CAChB,uCAAuC,CACxC,IAAI,GAAG,EAAE,aAAa,CAAc,iBAAiB,CAAC,GACtD,KAAK,EAAE;AACZ,IAAA,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;AAE1B,IAAA,OAAO,MAAK;AACV,QAAA,cAAc,CAAC,OAAO,GAAG,IAAI;AAC/B,IAAA,CAAC;AACH;AAEA;;;;;;;;;;;;;;;AAeG;AACH,SAAS,kBAAkB,CAAC,EAC1B,uBAAuB,EACvB,EAAE,EACF,IAAI,EACJ,WAAW,GAMZ,EAAA;IACC,MAAM,EAAE,SAAS,EAAE,GAAG,eAAe,EAAE,GAAG,WAAW;IACrD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;;IAE3C,MAAM,aAAa,GAAG,UAAU,CAAC,2BAA2B,CAAC,KAAK,EAAE;IACpE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;AAEzC,IAAA,MAAM,KAAK,GAAG,WAAW,CAAC,MAAM,SAAS,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;AACrD,IAAA,MAAM,gBAAgB,GAAG,CAAC,UAAmB,KAAI;QAC/C,SAAS,CAAC,UAAU,CAAC;QACrB,IAAI,UAAU,EAAE;AACd,YAAA,uBAAuB,CAAC,OAAO,IAAI;AACnC,YAAA,uBAAuB,CAAC,OAAO,GAAG,KAAK;QACzC;AAAO,aAAA,IAAI,uBAAuB,CAAC,OAAO,KAAK,KAAK,EAAE;AACpD,YAAA,uBAAuB,CAAC,OAAO,GAAG,IAAI;QACxC;AACF,IAAA,CAAC;AAED,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EACV,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,gBAAgB,EAC9B,OAAO,EAAC,aAAa,EAAA;AAErB,QAAAA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,IAAA;YACRA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GACM,UAAU,CAAC,eAAe,EAAE;AAC9B,oBAAA,iBAAiB,EAAE,MAAM,IAAI,aAAa,IAAI,SAAS;AACvD,oBAAA,aAAa,EAAE,MAAM,UAAU,CAAC,CAAC,GAAG,KAAK,GAAG,GAAG,CAAC,CAAC;AACjD,oBAAA,SAAS,EAAE,CAAC,KAAoC,KAAI;wBAClD,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO;4BAAE;AAC5C,wBAAA,SAAS,GAAG,KAAK,CAAC;oBACpB,CAAC;AACF,iBAAA,CAAC,GACF,CACQ;QACZA,cAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EAAC,GAAG,EAAE,OAAO,IAAG,IAAI,CAAY,CAC7B;AAElB;;;;"}
+{"version":3,"file":"SavedViewsBar.js","sources":["../../../src/components/DataTable/SavedViewsBar.tsx"],"sourcesContent":["import { DropdownButton } from \"@components/button\"\nimport {\n  Dropdown,\n  DropdownAction,\n  DropdownMenu,\n  DropdownTrigger,\n} from \"@components/dropdown\"\nimport {\n  ReorderableListBox,\n  ReorderableListBoxItem,\n} from \"@components/internal/reorderable-list-box\"\nimport Icon from \"@utilities/Icon\"\nimport classNames from \"classnames\"\nimport React, {\n  type ComponentProps,\n  createContext,\n  Fragment,\n  type KeyboardEvent,\n  type MutableRefObject,\n  type ReactElement,\n  type RefObject,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\"\nimport { mergeProps } from \"react-aria/mergeProps\"\nimport type { Key } from \"react-aria-components/ListBox\"\nimport { MenuTrigger, Pressable } from \"react-aria-components/Menu\"\n\nimport { DeleteSavedViewAlertDialog } from \"./DeleteSavedViewAlertDialog\"\nimport { ManageSavedViewsButton } from \"./ManageSavedViewsButton\"\nimport { ManageSavedViewsModal } from \"./ManageSavedViewsModal\"\nimport { NewSavedViewButton } from \"./NewSavedViewButton\"\nimport { NewSavedViewModal } from \"./NewSavedViewModal\"\nimport { hasSavedViewMenuActions, SavedViewMenu } from \"./SavedViewMenu\"\nimport {\n  isSavedViewEditable,\n  type SavedView,\n  type StaticView,\n} from \"./savedViews\"\nimport { useSavedViewNameModal } from \"./useSavedViewNameModal\"\nimport type { ReorderTarget } from \"./useSavedViewsState\"\nimport { NEW_VIEW, SaveStatusIcon, type useSaveStatus } from \"./useSaveStatus\"\nimport { useVisibleSavedViews } from \"./useVisibleSavedViews\"\n\n/**\n * The id of the view the delete alert returns focus to. Read through context\n * so the list's cached items see it without rebuilding the collection.\n */\nconst ReturningFocusViewIdContext = createContext<SavedView[\"id\"] | null>(null)\n\nexport interface SavedViewsBarProps {\n  /** The selected view, if any. */\n  activeSavedView: SavedView | undefined\n  /** What New view saves. Its filters leave out the search. */\n  currentState: Omit<SavedView, \"id\" | \"name\">\n  defaultViewId: NonNullable<SavedView[\"id\"]>\n  /** Disables the drag handles while a reorder saves. */\n  isReordering?: boolean\n  onApply: (savedView: SavedView) => void\n  /**\n   * Returns the saved view with its new id. Omit to hide the new view button\n   * and the Duplicate action.\n   */\n  onCreate?: (\n    savedView: Omit<SavedView, \"id\">\n  ) => Promise<SavedView | undefined> | SavedView\n  /** Called once the user confirms. Omit to leave out the Delete action. */\n  onDelete?: (savedView: SavedView) => Promise<void>\n  /** Omit to leave out the drag handles in the manage views modal. */\n  onReorder?: (savedView: SavedView, target: ReorderTarget) => Promise<void>\n  /** Omit to leave out the Set as default action. */\n  onSetDefault?: (id: NonNullable<SavedView[\"id\"]>) => Promise<void>\n  /** Omit to leave out the Rename action. */\n  onUpdate?: (\n    savedView: SavedView\n  ) => Promise<SavedView | undefined> | SavedView\n  /** Tracks saves, shared with the filters shelf's saved view actions. */\n  saveStatus: ReturnType<typeof useSaveStatus>\n  savedViews: SavedView[]\n  /** Selects the view the user picked. */\n  select: (savedView: SavedView) => void\n  /** Selects a created view once it's saved, resolving to it if selected. */\n  selectWhenSaved: (\n    savedView: Promise<SavedView | undefined> | SavedView\n  ) => Promise<SavedView | undefined>\n  /**\n   * Listed before `savedViews` and can't be edited. Starts with the initial\n   * view unless one replaces it.\n   */\n  staticViews: StaticView[]\n}\n\nexport function SavedViewsBar({\n  activeSavedView,\n  currentState,\n  defaultViewId,\n  isReordering,\n  onApply,\n  onCreate,\n  onDelete,\n  onReorder,\n  onSetDefault,\n  onUpdate,\n  saveStatus,\n  savedViews,\n  select,\n  selectWhenSaved,\n  staticViews,\n}: SavedViewsBarProps) {\n  const closeOpenContextMenuRef = useRef<(() => void) | null>(null)\n  const views = [...staticViews, ...savedViews]\n  // The list needs a key for every view, including ones not yet saved.\n  const items = views.map((view, index) => ({\n    id: view.id ?? `unsaved-view-${index}`,\n    view,\n  }))\n  const [isManageOpen, setIsManageOpen] = useState(false)\n  const barRef = useRef<HTMLDivElement>(null)\n  const listRef = useRef<HTMLDivElement>(null)\n  const newViewRef = useRef<HTMLDivElement>(null)\n  // Kept after the alert closes, so its text holds during the exit animation,\n  // and its view keeps the tab stop until focus returns to it on cancel.\n  const [viewToDelete, setViewToDelete] = useState<SavedView | null>(null)\n  const [isDeleteAlertOpen, setIsDeleteAlertOpen] = useState(false)\n  const [isReturningFocus, setIsReturningFocus] = useState(false)\n\n  const { isCollapsed, isMeasuring, measure, overflowItems, visibleItems } =\n    useVisibleSavedViews({\n      activeKey: activeSavedView?.id ?? null,\n      items,\n      listRef,\n      newViewRef,\n    })\n  // While measuring, the most it can hold, for its widest width.\n  const overflowCount = isMeasuring ? items.length : overflowItems.length\n\n  const applyView = (view: SavedView) => {\n    select(view)\n    onApply(view)\n  }\n\n  // The first view is the default unless another is marked.\n  const renderLabel = (id: Key, view: SavedView) => (\n    <>\n      <span className=\"tds-data-table-saved-view-name\">{view.name}</span>\n      {view.id === defaultViewId && id !== items[0].id && (\n        <Icon\n          aria-hidden\n          className=\"tds-data-table-saved-view-default-indicator\"\n          symbol=\"general#pin\"\n        />\n      )}\n      <SaveStatusIcon status={saveStatus.statusFor(view.id)} />\n    </>\n  )\n\n  const nameModal = useSavedViewNameModal(onUpdate)\n\n  // Not in the list until it saves, so its status shows by the new view\n  // button.\n  const createSavedView = (view: Omit<SavedView, \"id\">) => {\n    if (onCreate)\n      saveStatus.track(NEW_VIEW, selectWhenSaved(onCreate(view)), view.name)\n  }\n\n  // A duplicate of another view has other settings than the table, so it's\n  // applied once it's selected.\n  const duplicateSavedView = (view: Omit<SavedView, \"id\">) => {\n    if (onCreate)\n      saveStatus.track(\n        NEW_VIEW,\n        selectWhenSaved(onCreate(view)).then(\n          (selected) => selected && onApply(selected)\n        ),\n        view.name\n      )\n  }\n\n  const openNewSavedView = () => {\n    nameModal.open(\"New view\", \"\", (name) =>\n      createSavedView({ ...currentState, name })\n    )\n  }\n\n  // The menu item Delete was chosen from is gone by now, so the view takes\n  // focus first for the alert to return it to on cancel.\n  const requestDelete = (view: SavedView) => {\n    barRef.current\n      ?.querySelector<HTMLElement>(\n        `[role=\"option\"][data-key=\"${CSS.escape(String(view.id))}\"]`\n      )\n      ?.focus()\n    setViewToDelete(view)\n    setIsDeleteAlertOpen(true)\n    setIsReturningFocus(true)\n  }\n\n  // Lets the tab stop go back to the selected view, where focus lands. A\n  // failed delete puts the view back, showing its status.\n  const confirmDelete = () => {\n    if (viewToDelete && onDelete)\n      saveStatus.track(\n        viewToDelete.id,\n        onDelete(viewToDelete),\n        viewToDelete.name\n      )\n    setIsDeleteAlertOpen(false)\n    setIsReturningFocus(false)\n  }\n\n  const focusSelectedViewAfterClose = useFocusSelectedViewAfterClose(\n    barRef,\n    isManageOpen\n  )\n\n  // Deleting down to one view hides the button the modal returns focus to.\n  const closeManageViews = () => {\n    if (views.length <= 1) focusSelectedViewAfterClose()\n    setIsManageOpen(false)\n  }\n\n  // Focus from inside the open alert reaches here too, through the portal.\n  const handleFocus = () => {\n    if (!isDeleteAlertOpen) setIsReturningFocus(false)\n  }\n\n  const renderContextMenu = (view: SavedView) => {\n    // The default is matched by id, so an unsaved view can't be made the\n    // default. Static views can.\n    const { id } = view\n    const menuProps = {\n      isDefault: id === defaultViewId,\n      onDelete:\n        onDelete && isSavedViewEditable(view, savedViews)\n          ? () => queueMicrotask(() => requestDelete(view))\n          : undefined,\n      onDuplicate: onCreate\n        ? () => nameModal.openDuplicate(view, duplicateSavedView)\n        : undefined,\n      onRename:\n        onUpdate && isSavedViewEditable(view, savedViews)\n          ? () =>\n              nameModal.openRename(view, (saving) =>\n                saveStatus.track(view.id, saving, view.name)\n              )\n          : undefined,\n      onSetDefault:\n        onSetDefault && id !== undefined\n          ? () => saveStatus.track(id, onSetDefault(id), view.name)\n          : undefined,\n    }\n    return hasSavedViewMenuActions(menuProps) ? (\n      <SavedViewMenu {...menuProps} />\n    ) : null\n  }\n\n  return (\n    <div\n      ref={barRef}\n      className=\"tds-data-table-saved-views\"\n      onFocus={isReturningFocus ? handleFocus : undefined}\n    >\n      <div\n        ref={listRef}\n        className={classNames(\"tds-data-table-saved-views-list\", {\n          \"tds-data-table-saved-views-list--collapsed\": isCollapsed,\n        })}\n      >\n        <ReturningFocusViewIdContext.Provider\n          value={isReturningFocus ? (viewToDelete?.id ?? null) : null}\n        >\n          <ReorderableListBox\n            items={visibleItems}\n            label=\"Views\"\n            selectedKey={activeSavedView?.id ?? null}\n            onItemsRendered={measure}\n            onSelectionChange={(key) => {\n              const view = items.find(({ id }) => id === key)?.view\n              if (view) applyView(view)\n            }}\n          >\n            {({ id, view }) => {\n              const menu = renderContextMenu(view)\n              return (\n                <ReorderableListBoxItem\n                  className={classNames(\"tds-data-table-saved-view-list-item\", {\n                    \"tds-data-table-saved-view-list-item--default\":\n                      view.id === defaultViewId,\n                  })}\n                  id={id}\n                  // The list item only takes text, so the pin goes in here.\n                  render={(props) => {\n                    const optionProps = {\n                      ...(props as ComponentProps<\"div\">),\n                      children: renderLabel(id, view),\n                    }\n                    return menu ? (\n                      <ContextMenuTrigger\n                        id={view.id}\n                        closeOpenContextMenuRef={closeOpenContextMenuRef}\n                        menu={menu}\n                        optionProps={optionProps}\n                      />\n                    ) : (\n                      <div {...optionProps} />\n                    )\n                  }}\n                >\n                  {view.name}\n                </ReorderableListBoxItem>\n              )\n            }}\n          </ReorderableListBox>\n        </ReturningFocusViewIdContext.Provider>\n        {(isMeasuring || overflowItems.length > 0) && (\n          <Dropdown>\n            <DropdownTrigger>\n              <DropdownButton\n                aria-label={`${overflowCount} more views`}\n                className=\"tds-btn--data-table-saved-views-overflow\"\n                kind=\"pill\"\n                label={`${overflowCount} more`}\n              />\n            </DropdownTrigger>\n            <DropdownMenu>\n              {overflowItems.map(({ id, view }) => (\n                <DropdownAction\n                  key={id}\n                  id={id}\n                  textValue={view.name}\n                  onAction={() => applyView(view)}\n                >\n                  {renderLabel(id, view)}\n                </DropdownAction>\n              ))}\n            </DropdownMenu>\n          </Dropdown>\n        )}\n        {/* Kept beside the views, so its width comes off theirs. */}\n        <div ref={newViewRef} className=\"tds-data-table-saved-views-new-view\">\n          {onCreate && <NewSavedViewButton onClick={openNewSavedView} />}\n          <SaveStatusIcon\n            label=\"View not saved\"\n            status={saveStatus.statusFor(NEW_VIEW)}\n          />\n        </div>\n        <NewSavedViewModal {...nameModal.modalProps} />\n      </div>\n      {views.length > 1 && (\n        <ManageSavedViewsButton onClick={() => setIsManageOpen(true)} />\n      )}\n      {/* Rendered apart from the button, so a delete that hides the button doesn't remove the open modal. */}\n      <ManageSavedViewsModal\n        defaultViewId={defaultViewId}\n        isReordering={isReordering}\n        open={isManageOpen}\n        savedViews={savedViews}\n        staticViews={staticViews}\n        onClose={closeManageViews}\n        onCreate={onCreate}\n        onDelete={onDelete}\n        onReorder={onReorder}\n        onSetDefault={onSetDefault}\n        onUpdate={onUpdate}\n      />\n      {onDelete && (\n        <DeleteSavedViewAlertDialog\n          open={isDeleteAlertOpen}\n          view={viewToDelete}\n          onCancel={() => setIsDeleteAlertOpen(false)}\n          onConfirm={confirmDelete}\n        />\n      )}\n    </div>\n  )\n}\n\nSavedViewsBar.displayName = \"SavedViewsBar\"\n\n/**\n * Once the manage views modal starts closing, focuses the selected view, or\n * the first one.\n */\nfunction useFocusSelectedViewAfterClose(\n  barRef: RefObject<HTMLDivElement>,\n  isManageOpen: boolean\n) {\n  const shouldFocusRef = useRef(false)\n\n  useEffect(() => {\n    if (isManageOpen || !shouldFocusRef.current) return\n    shouldFocusRef.current = false\n    const bar = barRef.current\n    ;(\n      bar?.querySelector<HTMLElement>(\n        '[role=\"option\"][aria-selected=\"true\"]'\n      ) ?? bar?.querySelector<HTMLElement>('[role=\"option\"]')\n    )?.focus()\n  }, [barRef, isManageOpen])\n\n  return () => {\n    shouldFocusRef.current = true\n  }\n}\n\n/**\n * Makes a saved view's option element itself the context menu trigger, so\n * the menu opens by right click, long press, or the keyboard context menu\n * shortcut (Shift+F10, the Menu key, or Ctrl+Enter on macOS), is named by\n * the view, and returns focus to it on close. `Pressable` hands the trigger's\n * handlers to the option element. The option ignores Ctrl+Enter, so the\n * macOS shortcut opens the menu without also selecting the view. The\n * `data-popup-open` attribute keeps the list from moving its tab\n * stop to the selected view while the menu is open. Opening the menu closes\n * any other view's menu, since a right click elsewhere in the list doesn't\n * count as an outside interaction. The open state stays here rather than in\n * the bar, because re-rendering the bar rebuilds the list's collection and\n * moves its tab stop before focus can return to this view. Each\n * `contextmenu` event remounts the menu, because React Aria only positions\n * an open menu once and would leave it at the first click point.\n */\nfunction ContextMenuTrigger({\n  closeOpenContextMenuRef,\n  id,\n  menu,\n  optionProps,\n}: {\n  closeOpenContextMenuRef: MutableRefObject<(() => void) | null>\n  id: SavedView[\"id\"]\n  menu: ReactElement\n  optionProps: ComponentProps<\"div\">\n}) {\n  const { onKeyDown, ...restOptionProps } = optionProps\n  const [isOpen, setIsOpen] = useState(false)\n  // Such as the delete alert, which returns focus to this view on cancel.\n  const hasOtherPopup = useContext(ReturningFocusViewIdContext) === id\n  const [menuKey, setMenuKey] = useState(0)\n\n  const close = useCallback(() => setIsOpen(false), [])\n  const handleOpenChange = (nextIsOpen: boolean) => {\n    setIsOpen(nextIsOpen)\n    if (nextIsOpen) {\n      closeOpenContextMenuRef.current?.()\n      closeOpenContextMenuRef.current = close\n    } else if (closeOpenContextMenuRef.current === close) {\n      closeOpenContextMenuRef.current = null\n    }\n  }\n\n  return (\n    <MenuTrigger\n      isOpen={isOpen}\n      onOpenChange={handleOpenChange}\n      trigger=\"contextMenu\"\n    >\n      <Pressable>\n        <div\n          {...mergeProps(restOptionProps, {\n            \"data-popup-open\": isOpen || hasOtherPopup || undefined,\n            onContextMenu: () => setMenuKey((key) => key + 1),\n            onKeyDown: (event: KeyboardEvent<HTMLDivElement>) => {\n              if (event.ctrlKey && event.key === \"Enter\") return\n              onKeyDown?.(event)\n            },\n          })}\n        />\n      </Pressable>\n      <Fragment key={menuKey}>{menu}</Fragment>\n    </MenuTrigger>\n  )\n}\n"],"names":["React"],"mappings":"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"}

package/dist/components/DataTable/TableActions.d.ts

@@ -23,7 +23,7 @@ export interface TableActionsProps {
     /** The table actions to render as an `IconButton` group. */
     actions: TableAction<DataTableSelection>[];
     /**
-     * The noun used to describe the selection in each action's `aria-label`.
+     * The noun used to describe the selection in the group's `aria-label`.
      * See {@link ResultNoun}.
      */
     resultNoun?: ResultNoun;
@@ -31,7 +31,9 @@ export interface TableActionsProps {
 /**
  * Renders the table actions as an `IconButton` group displayed directly after
  * the results count, above the table. Each entry becomes an icon button whose
- * `callback` receives the current selection.
+ * `callback` receives the current selection. The group's label carries the
+ * selected count, so screen readers announce it once on entering the group
+ * rather than on every button.
  */
 export declare const TableActions: {
     ({ actions, resultNoun }: TableActionsProps): React.JSX.Element;

package/dist/components/DataTable/TableActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableActions.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/TableActions.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAE7C,OAAO,EAA4B,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAC1E,OAAO,EACL,KAAK,kBAAkB,EAExB,MAAM,yBAAyB,CAAA;AAEhC;;;;;GAKG;AACH,MAAM,MAAM,WAAW,CACrB,cAAc,SAAS,kBAAkB,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,IAC7D;IACF,sEAAsE;IACtE,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,cAAc,KAAK,IAAI,CAAA;IAC9C,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yDAAyD;IACzD,IAAI,EAAE,SAAS,CAAA;IACf,wDAAwD;IACxD,KAAK,EAAE,MAAM,CAAA;IACb,8EAA8E;IAC9E,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;CACrD,CAAA;AAED,MAAM,WAAW,iBAAiB;IAChC,4DAA4D;IAC5D,OAAO,EAAE,WAAW,CAAC,kBAAkB,CAAC,EAAE,CAAA;IAC1C;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,YAAY;8BAA6B,iBAAiB;;CAwBtE,CAAA"}
+{"version":3,"file":"TableActions.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/TableActions.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAE7C,OAAO,EAA4B,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAC1E,OAAO,EACL,KAAK,kBAAkB,EAExB,MAAM,yBAAyB,CAAA;AAEhC;;;;;GAKG;AACH,MAAM,MAAM,WAAW,CACrB,cAAc,SAAS,kBAAkB,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,IAC7D;IACF,sEAAsE;IACtE,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,cAAc,KAAK,IAAI,CAAA;IAC9C,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yDAAyD;IACzD,IAAI,EAAE,SAAS,CAAA;IACf,wDAAwD;IACxD,KAAK,EAAE,MAAM,CAAA;IACb,8EAA8E;IAC9E,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;CACrD,CAAA;AAED,MAAM,WAAW,iBAAiB;IAChC,4DAA4D;IAC5D,OAAO,EAAE,WAAW,CAAC,kBAAkB,CAAC,EAAE,CAAA;IAC1C;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;CACxB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,YAAY;8BAA6B,iBAAiB;;CAuBtE,CAAA"}

package/dist/components/DataTable/TableActions.js

@@ -13,32 +13,29 @@ import { useDataTableSelectionContext } from './useDataTableSelection.js';
 /**
  * Renders the table actions as an `IconButton` group displayed directly after
  * the results count, above the table. Each entry becomes an icon button whose
- * `callback` receives the current selection.
+ * `callback` receives the current selection. The group's label carries the
+ * selected count, so screen readers announce it once on entering the group
+ * rather than on every button.
  */
 const TableActions = ({ actions, resultNoun }) => {
     const { selectedCount, selection } = useDataTableSelectionContext();
-    // The count/noun suffix is the same for every table action, so compute it once
-    // here rather than per-button inside the map below.
-    const countSuffix = getTableActionCountSuffix(selectedCount, resultNoun);
-    return (React__default.createElement(ButtonGroup, { "aria-label": "Table actions" }, actions.map(({ callback, disabled, icon, label, onClick }) => (React__default.createElement(IconButton, { key: label, "aria-label": `${label}${countSuffix}`, disabled: disabled, icon: icon, onClick: (event) => {
+    return (React__default.createElement(ButtonGroup, { "aria-label": getTableActionsGroupLabel(selectedCount, resultNoun) }, actions.map(({ callback, disabled, icon, label, onClick }) => (React__default.createElement(IconButton, { key: label, "aria-label": label, disabled: disabled, icon: icon, onClick: (event) => {
             onClick?.(event);
             callback?.(selection);
         }, tooltip: label, tooltipPlacement: "bottom" })))));
 };
 TableActions.displayName = "TableActions";
 /**
- * The count/noun suffix appended to each table action's `aria-label` when rows
- * are selected, e.g. `" (2 selected people)"` — so `"Email"` reads as
- * `"Email (2 selected people)"`. Empty when nothing is selected. Falls back to
- * the default `"result"` noun when `resultNoun` isn't provided. Shared across
- * every action, so it's computed once rather than per-button.
+ * The table actions group's `aria-label`, e.g. `"Actions for 2 selected
+ * people"` when rows are selected, or `"Table actions"` when nothing is
+ * selected. Falls back to the default `"result"` noun when `resultNoun` isn't
+ * provided.
  */
-function getTableActionCountSuffix(count, resultNoun) {
+function getTableActionsGroupLabel(count, resultNoun) {
     if (!count)
-        return "";
-    // An absent or `true` noun both default to `"result"`/`"results"`.
+        return "Table actions";
     const noun = resolveNoun(count, resultNoun || true);
-    return ` (${formatCount(count)} selected ${noun})`;
+    return `Actions for ${formatCount(count)} selected ${noun}`;
 }
 
 export { TableActions };