@planningcenter/tapestry 4.11.0 → 4.12.0

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

@@ -2,22 +2,30 @@ import React from "react";
 import type { Sort } from "./DataTable";
 import type { DataTableColumn } from "./DataTableColumn";
 import type { ActiveFilter } from "./FilterTypes";
-import { type SavedView, type SavedViewsOptions } from "./savedViews";
+import { type SavedView, type StaticView } from "./savedViews";
 export interface SavedViewsBarProps {
     activeFilters: ActiveFilter[];
+    defaultViewId: NonNullable<SavedView["id"]>;
     hideableColumns: DataTableColumn[];
     isColumnVisible: (column: DataTableColumn) => boolean;
     onApply: (savedView: SavedView) => void;
     /**
-     * Returns the new view's id. Omit to hide the new view button and the
-     * context menu.
+     * 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["id"]> | SavedView["id"];
+    onCreate?: (savedView: Omit<SavedView, "id">) => Promise<SavedView> | SavedView;
+    /** Called once the user confirms. Omit to leave out the Delete action. */
+    onDelete?: (savedView: SavedView) => void;
+    /** Omit to leave out the Set as default action. */
+    onSetDefault?: (id: NonNullable<SavedView["id"]>) => void;
+    /** Omit to leave out the Rename action. */
+    onUpdate?: (savedView: SavedView) => Promise<SavedView> | SavedView;
     savedViews: SavedView[];
-    savedViewsOptions?: SavedViewsOptions;
     sortBy: Sort | undefined;
+    /** Listed before `savedViews` and can't be edited. */
+    staticViews: StaticView[];
 }
-export declare function SavedViewsBar({ onApply, onCreate, savedViews, activeFilters, hideableColumns, isColumnVisible, sortBy, }: SavedViewsBarProps): React.JSX.Element;
+export declare function SavedViewsBar({ defaultViewId, onApply, onCreate, onDelete, onSetDefault, onUpdate, savedViews, staticViews, activeFilters, hideableColumns, isColumnVisible, sortBy, }: 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":"AAKA,OAAO,KAQN,MAAM,OAAO,CAAA;AAId,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAIjD,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,iBAAiB,EACvB,MAAM,cAAc,CAAA;AAGrB,MAAM,WAAW,kBAAkB;IACjC,aAAa,EAAE,YAAY,EAAE,CAAA;IAC7B,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,IAAI,CAAC,CAAC,GAAG,SAAS,CAAC,IAAI,CAAC,CAAA;IAC/C,UAAU,EAAE,SAAS,EAAE,CAAA;IACvB,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;IACrC,MAAM,EAAE,IAAI,GAAG,SAAS,CAAA;CACzB;AAED,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,QAAQ,EACR,UAAU,EACV,aAAa,EACb,eAAe,EACf,eAAe,EACf,MAAM,GACP,EAAE,kBAAkB,qBA2HpB;yBAnIe,aAAa"}
+{"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"}

package/dist/components/DataTable/SavedViewsBar.js

@@ -1,84 +1,207 @@
-import { DropdownMenu, DropdownAction } from '../dropdown/Dropdown.js';
+import { DropdownMenu, DropdownAction, DropdownSeparator } from '../dropdown/Dropdown.js';
 import { ReorderableListBox, ReorderableListBoxItem } from '../internal/reorderable-list-box/ReorderableListBox.js';
-import React__default, { useRef, useState, useCallback, Fragment } from 'react';
+import Icon from '../../utilities/Icon.js';
+import classNames from 'classnames';
+import React__default, { createContext, useRef, useState, useEffect, useContext, useCallback, Fragment } from 'react';
 import { mergeProps } from 'react-aria/mergeProps';
 import { MenuTrigger, Pressable } from 'react-aria-components/Menu';
+import { DeleteSavedViewAlertDialog } from './DeleteSavedViewAlertDialog.js';
 import { ManageSavedViewsButton } from './ManageSavedViewsButton.js';
+import { ManageSavedViewsModal } from './ManageSavedViewsModal.js';
 import { NewSavedViewButton } from './NewSavedViewButton.js';
 import { NewSavedViewModal } from './NewSavedViewModal.js';
-import { findActiveSavedView } from './savedViews.js';
+import { initialView, findActiveSavedView, sortKeyAfter } from './savedViews.js';
 import { useActiveSavedView } from './useActiveSavedView.js';
+import { useUpdateSavedViewName } from './useUpdateSavedViewName.js';
 
-function SavedViewsBar({ onApply, onCreate, savedViews, activeFilters, hideableColumns, isColumnVisible, sortBy, }) {
+/**
+ * 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, }) {
     const closeOpenContextMenuRef = useRef(null);
-    // The view the new view modal will save, under the name entered there. It
-    // outlives the modal's open state so the title holds while the modal fades
-    // out.
+    const hasInitialView = staticViews.some(({ id }) => id === initialView.id);
+    const staticViewsWithInitial = hasInitialView
+        ? staticViews
+        : [initialView, ...staticViews];
+    const views = [...staticViewsWithInitial, ...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);
+    // 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);
-    const { activeSavedView, select, selectWhenSaved } = useActiveSavedView(savedViews, () => findActiveSavedView(savedViews, {
+    // Static views come first, so they win ties with saved views.
+    const { activeSavedView, select, selectWhenSaved } = useActiveSavedView(views, () => findActiveSavedView(views, {
         activeFilters,
         hiddenColumnNames,
         sort: sortBy,
     }));
-    const openDraft = (title, view) => {
-        setDraft({ title, view });
+    const updateSavedViewName = useUpdateSavedViewName(onUpdate);
+    const openDraft = (title, defaultName, save) => {
+        setDraft({ defaultName, save, title });
         setIsDraftOpen(true);
     };
+    const createSavedView = (view) => {
+        const sortKey = sortKeyAfter(savedViews);
+        if (onCreate) {
+            selectWhenSaved(onCreate({ ...view, ...(sortKey && { sortKey }) }));
+        }
+    };
     const openNewSavedView = () => {
-        openDraft("New view", {
+        openDraft("New view", "", (name) => createSavedView({
             activeFilters,
-            name: "",
+            name,
             ...(hideableColumns.length > 0 && { hiddenColumnNames }),
             ...(sortBy && { sort: sortBy }),
-        });
+        }));
+    };
+    // 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 }));
     };
-    // The copy is a new view, so it doesn't keep the original's id or its
-    // per-view permission overrides.
-    const duplicateSavedView = ({ deletable: _deletable, editable: _editable, id: _id, ...view }) => {
-        openDraft("Duplicate view", { ...view, name: `${view.name} copy` });
+    const renameSavedView = (view) => {
+        openDraft("Rename view", view.name, (name) => {
+            if (name !== view.name)
+                updateSavedViewName(view, name);
+        });
     };
     const saveDraft = (name) => {
         setIsDraftOpen(false);
-        if (!draft || !onCreate)
-            return;
-        selectWhenSaved(onCreate({ ...draft.view, name }));
+        draft?.save(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) => {
+        barRef.current
+            ?.querySelector(`[role="option"][data-key="${CSS.escape(String(view.id))}"]`)
+            ?.focus();
+        setViewToDelete(view);
+        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".
+    const confirmDelete = () => {
+        if (viewToDelete) {
+            onDelete?.(viewToDelete);
+            if (viewToDelete.id === defaultViewId)
+                onSetDefault?.("initial");
+        }
+        setIsDeleteAlertOpen(false);
+        setIsReturningFocus(false);
+    };
+    const focusSelectedViewAfterClose = useFocusSelectedViewAfterClose(barRef, isManageOpen);
+    // Deleting down to one view hides the button the modal returns focus to.
+    const closeManageViews = () => {
+        if (views.length <= 1)
+            focusSelectedViewAfterClose();
+        setIsManageOpen(false);
+    };
+    // Focus from inside the open alert reaches here too, through the portal.
+    const handleFocus = () => {
+        if (!isDeleteAlertOpen)
+            setIsReturningFocus(false);
     };
     const renderContextMenu = (view) => {
-        if (!onCreate)
+        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,
-            React__default.createElement(DropdownAction, { id: "duplicate", onAction: () => duplicateSavedView(view) }, "Duplicate")));
+            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"))));
     };
-    return (React__default.createElement("div", { className: "tds-data-table-saved-views" },
+    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" },
-            savedViews.length > 0 && (React__default.createElement(ReorderableListBox, { items: savedViews, label: "Saved views", selectedKey: activeSavedView?.id ?? null, onSelectionChange: (key) => {
-                    const view = savedViews.find(({ id }) => id === key);
-                    if (!view)
-                        return;
-                    select(view);
-                    onApply(view);
-                } }, (view) => {
-                const menu = renderContextMenu(view);
-                return (React__default.createElement(ReorderableListBoxItem, { className: "tds-data-table-saved-view-list-item", id: view.id, render: menu
-                        ? (props) => (React__default.createElement(ContextMenuTrigger, { closeOpenContextMenuRef: closeOpenContextMenuRef, menu: menu, optionProps: props }))
-                        : undefined }, view.name));
-            })),
-            onCreate && (React__default.createElement(React__default.Fragment, null,
-                React__default.createElement(NewSavedViewButton, { onClick: openNewSavedView }),
-                React__default.createElement(NewSavedViewModal, { defaultName: draft?.view.name, open: isDraftOpen, title: draft?.title, onClose: () => setIsDraftOpen(false), onSave: saveDraft })))),
-        savedViews.length > 0 && React__default.createElement(ManageSavedViewsButton, null)));
+            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) => {
+                        const view = items.find(({ id }) => id === key)?.view;
+                        if (!view)
+                            return;
+                        select(view);
+                        onApply(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, 
+                        // The list item only takes text, so the pin goes in here.
+                        render: (props) => {
+                            const optionProps = {
+                                ...props,
+                                children: (React__default.createElement(React__default.Fragment, null,
+                                    view.name,
+                                    pin)),
+                            };
+                            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 })),
+        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 }),
+        onDelete && (React__default.createElement(DeleteSavedViewAlertDialog, { open: isDeleteAlertOpen, view: viewToDelete, onCancel: () => setIsDeleteAlertOpen(false), onConfirm: confirmDelete }))));
 }
 SavedViewsBar.displayName = "SavedViewsBar";
+/**
+ * Once the manage views modal starts closing, focuses the selected view, or
+ * the first one.
+ */
+function useFocusSelectedViewAfterClose(barRef, isManageOpen) {
+    const shouldFocusRef = useRef(false);
+    useEffect(() => {
+        if (isManageOpen || !shouldFocusRef.current)
+            return;
+        shouldFocusRef.current = false;
+        const bar = barRef.current;
+        (bar?.querySelector('[role="option"][aria-selected="true"]') ?? bar?.querySelector('[role="option"]'))?.focus();
+    }, [barRef, isManageOpen]);
+    return () => {
+        shouldFocusRef.current = true;
+    };
+}
 /**
  * Makes a saved view's option element itself the context menu trigger, so
  * the menu opens by right click, long press, or the keyboard context menu
- * shortcut (Shift+F10 or the Menu key), is named by the view, and returns
- * focus to it on close. `Pressable` hands the trigger's handlers to the
- * option element, and `data-popup-open` keeps the list from moving its tab
+ * shortcut (Shift+F10, the Menu key, or Ctrl+Enter on macOS), is named by
+ * the view, and returns focus to it on close. `Pressable` hands the trigger's
+ * handlers to the option element. The option ignores Ctrl+Enter, so the
+ * macOS shortcut opens the menu without also selecting the view. The
+ * `data-popup-open` attribute keeps the list from moving its tab
  * stop to the selected view while the menu is open. Opening the menu closes
  * any other view's menu, since a right click elsewhere in the list doesn't
  * count as an outside interaction. The open state stays here rather than in
@@ -87,8 +210,11 @@ SavedViewsBar.displayName = "SavedViewsBar";
  * `contextmenu` event remounts the menu, because React Aria only positions
  * an open menu once and would leave it at the first click point.
  */
-function ContextMenuTrigger({ closeOpenContextMenuRef, menu, optionProps, }) {
+function ContextMenuTrigger({ closeOpenContextMenuRef, id, menu, optionProps, }) {
+    const { onKeyDown, ...restOptionProps } = optionProps;
     const [isOpen, setIsOpen] = useState(false);
+    // Such as the delete alert, which returns focus to this view on cancel.
+    const hasOtherPopup = useContext(ReturningFocusViewIdContext) === id;
     const [menuKey, setMenuKey] = useState(0);
     const close = useCallback(() => setIsOpen(false), []);
     const handleOpenChange = (nextIsOpen) => {
@@ -103,9 +229,14 @@ function ContextMenuTrigger({ closeOpenContextMenuRef, menu, optionProps, }) {
     };
     return (React__default.createElement(MenuTrigger, { isOpen: isOpen, onOpenChange: handleOpenChange, trigger: "contextMenu" },
         React__default.createElement(Pressable, null,
-            React__default.createElement("div", { ...mergeProps(optionProps, {
-                    "data-popup-open": isOpen || undefined,
+            React__default.createElement("div", { ...mergeProps(restOptionProps, {
+                    "data-popup-open": isOpen || hasOtherPopup || undefined,
                     onContextMenu: () => setMenuKey((key) => key + 1),
+                    onKeyDown: (event) => {
+                        if (event.ctrlKey && event.key === "Enter")
+                            return;
+                        onKeyDown?.(event);
+                    },
                 }) })),
         React__default.createElement(Fragment, { key: menuKey }, menu)));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"SavedViewsBar.js","sources":["../../../src/components/DataTable/SavedViewsBar.tsx"],"sourcesContent":["import { DropdownAction, DropdownMenu } from \"@components/dropdown\"\nimport {\n  ReorderableListBox,\n  ReorderableListBoxItem,\n} from \"@components/internal/reorderable-list-box\"\nimport React, {\n  type ComponentProps,\n  Fragment,\n  type MutableRefObject,\n  type ReactElement,\n  useCallback,\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 type { ActiveFilter } from \"./FilterTypes\"\nimport { ManageSavedViewsButton } from \"./ManageSavedViewsButton\"\nimport { NewSavedViewButton } from \"./NewSavedViewButton\"\nimport { NewSavedViewModal } from \"./NewSavedViewModal\"\nimport {\n  findActiveSavedView,\n  type SavedView,\n  type SavedViewsOptions,\n} from \"./savedViews\"\nimport { useActiveSavedView } from \"./useActiveSavedView\"\n\nexport interface SavedViewsBarProps {\n  activeFilters: ActiveFilter[]\n  hideableColumns: DataTableColumn[]\n  isColumnVisible: (column: DataTableColumn) => boolean\n  onApply: (savedView: SavedView) => void\n  /**\n   * Returns the new view's id. Omit to hide the new view button and the\n   * context menu.\n   */\n  onCreate?: (\n    savedView: Omit<SavedView, \"id\">\n  ) => Promise<SavedView[\"id\"]> | SavedView[\"id\"]\n  savedViews: SavedView[]\n  savedViewsOptions?: SavedViewsOptions\n  sortBy: Sort | undefined\n}\n\nexport function SavedViewsBar({\n  onApply,\n  onCreate,\n  savedViews,\n  activeFilters,\n  hideableColumns,\n  isColumnVisible,\n  sortBy,\n}: SavedViewsBarProps) {\n  const closeOpenContextMenuRef = useRef<(() => void) | null>(null)\n  // The view the new view modal will save, under the name entered there. It\n  // outlives the modal's open state so the title holds while the modal fades\n  // out.\n  const [draft, setDraft] = useState<{\n    title: string\n    view: Omit<SavedView, \"id\">\n  }>()\n  const [isDraftOpen, setIsDraftOpen] = useState(false)\n  const hiddenColumnNames = hideableColumns\n    .filter((column) => !isColumnVisible(column))\n    .map(({ name }) => name)\n  const { activeSavedView, select, selectWhenSaved } = useActiveSavedView(\n    savedViews,\n    () =>\n      findActiveSavedView(savedViews, {\n        activeFilters,\n        hiddenColumnNames,\n        sort: sortBy,\n      })\n  )\n\n  const openDraft = (title: string, view: Omit<SavedView, \"id\">) => {\n    setDraft({ title, view })\n    setIsDraftOpen(true)\n  }\n\n  const openNewSavedView = () => {\n    openDraft(\"New view\", {\n      activeFilters,\n      name: \"\",\n      ...(hideableColumns.length > 0 && { hiddenColumnNames }),\n      ...(sortBy && { sort: sortBy }),\n    })\n  }\n\n  // The copy is a new view, so it doesn't keep the original's id or its\n  // per-view permission overrides.\n  const duplicateSavedView = ({\n    deletable: _deletable,\n    editable: _editable,\n    id: _id,\n    ...view\n  }: SavedView) => {\n    openDraft(\"Duplicate view\", { ...view, name: `${view.name} copy` })\n  }\n\n  const saveDraft = (name: string) => {\n    setIsDraftOpen(false)\n    if (!draft || !onCreate) return\n    selectWhenSaved(onCreate({ ...draft.view, name }))\n  }\n\n  const renderContextMenu = (view: SavedView) => {\n    if (!onCreate) return null\n    return (\n      <DropdownMenu>\n        <DropdownAction\n          id=\"duplicate\"\n          onAction={() => duplicateSavedView(view)}\n        >\n          Duplicate\n        </DropdownAction>\n      </DropdownMenu>\n    )\n  }\n\n  return (\n    <div className=\"tds-data-table-saved-views\">\n      <div className=\"tds-data-table-saved-views-list\">\n        {savedViews.length > 0 && (\n          <ReorderableListBox\n            items={savedViews}\n            label=\"Saved views\"\n            selectedKey={activeSavedView?.id ?? null}\n            onSelectionChange={(key) => {\n              const view = savedViews.find(({ id }) => id === key)\n              if (!view) return\n              select(view)\n              onApply(view)\n            }}\n          >\n            {(view) => {\n              const menu = renderContextMenu(view)\n              return (\n                <ReorderableListBoxItem\n                  className=\"tds-data-table-saved-view-list-item\"\n                  id={view.id}\n                  render={\n                    menu\n                      ? (props) => (\n                          <ContextMenuTrigger\n                            closeOpenContextMenuRef={closeOpenContextMenuRef}\n                            menu={menu}\n                            optionProps={props as ComponentProps<\"div\">}\n                          />\n                        )\n                      : undefined\n                  }\n                >\n                  {view.name}\n                </ReorderableListBoxItem>\n              )\n            }}\n          </ReorderableListBox>\n        )}\n        {onCreate && (\n          <>\n            <NewSavedViewButton onClick={openNewSavedView} />\n            <NewSavedViewModal\n              defaultName={draft?.view.name}\n              open={isDraftOpen}\n              title={draft?.title}\n              onClose={() => setIsDraftOpen(false)}\n              onSave={saveDraft}\n            />\n          </>\n        )}\n      </div>\n      {savedViews.length > 0 && <ManageSavedViewsButton />}\n    </div>\n  )\n}\n\nSavedViewsBar.displayName = \"SavedViewsBar\"\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 or the Menu key), is named by the view, and returns\n * focus to it on close. `Pressable` hands the trigger's handlers to the\n * option element, and `data-popup-open` 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  menu,\n  optionProps,\n}: {\n  closeOpenContextMenuRef: MutableRefObject<(() => void) | null>\n  menu: ReactElement\n  optionProps: ComponentProps<\"div\">\n}) {\n  const [isOpen, setIsOpen] = useState(false)\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(optionProps, {\n            \"data-popup-open\": isOpen || undefined,\n            onContextMenu: () => setMenuKey((key) => key + 1),\n          })}\n        />\n      </Pressable>\n      <Fragment key={menuKey}>{menu}</Fragment>\n    </MenuTrigger>\n  )\n}\n"],"names":["React"],"mappings":"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"}
+{"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":"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"}

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":"AAGA,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;;CAuBtE,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;;;;GAIG;AACH,eAAO,MAAM,YAAY;8BAA6B,iBAAiB;;CAwBtE,CAAA"}

package/dist/components/DataTable/TableActions.js

@@ -6,7 +6,6 @@ import { IconButton } from '../button/IconButton.js';
 import '../button/LoadingButton.js';
 import '../button/PageHeaderActionsDropdownButton.js';
 import { ButtonGroup } from '../button-group/ButtonGroup.js';
-import { Tooltip } from '../internal/tooltip/Tooltip.js';
 import React__default from 'react';
 import { resolveNoun, formatCount } from './ResultsCount.js';
 import { useDataTableSelectionContext } from './useDataTableSelection.js';
@@ -21,11 +20,10 @@ const TableActions = ({ actions, resultNoun }) => {
     // 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(Tooltip, { key: label, content: label, placement: "bottom" },
-        React__default.createElement(IconButton, { "aria-label": `${label}${countSuffix}`, disabled: disabled, icon: icon, onClick: (event) => {
-                onClick?.(event);
-                callback?.(selection);
-            } }))))));
+    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) => {
+            onClick?.(event);
+            callback?.(selection);
+        }, tooltip: label, tooltipPlacement: "bottom" })))));
 };
 TableActions.displayName = "TableActions";
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"TableActions.js","sources":["../../../src/components/DataTable/TableActions.tsx"],"sourcesContent":["import { IconButton } from \"@components/button\"\nimport { ButtonGroup } from \"@components/button-group\"\nimport { Tooltip } from \"@components/internal/tooltip\"\nimport React, { type ReactNode } from \"react\"\n\nimport { formatCount, resolveNoun, type ResultNoun } from \"./ResultsCount\"\nimport {\n  type DataTableSelection,\n  useDataTableSelectionContext,\n} from \"./useDataTableSelection\"\n\n/**\n * A table action rendered as an `IconButton` in the button group above the\n * table. Replaces the original RFC's `{ buttonProps; callback }` shape with a\n * narrower, more controllable API so the design can evolve without exposing the\n * full button surface.\n */\nexport type TableAction<\n  SelectionValue extends DataTableSelection = (number | string)[],\n> = {\n  /** Called with the current selection when the action is triggered. */\n  callback?: (selection: SelectionValue) => void\n  /** Whether the action's button is disabled. */\n  disabled?: boolean\n  /** The icon rendered inside the action's icon button. */\n  icon: ReactNode\n  /** Accessible label for the icon-only action button. */\n  label: string\n  /** Standard click handler, invoked with the click event before `callback`. */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>\n}\n\nexport interface TableActionsProps {\n  /** The table actions to render as an `IconButton` group. */\n  actions: TableAction<DataTableSelection>[]\n  /**\n   * The noun used to describe the selection in each action's `aria-label`.\n   * See {@link ResultNoun}.\n   */\n  resultNoun?: ResultNoun\n}\n\n/**\n * Renders the table actions as an `IconButton` group displayed directly after\n * the results count, above the table. Each entry becomes an icon button whose\n * `callback` receives the current selection.\n */\nexport const TableActions = ({ actions, resultNoun }: TableActionsProps) => {\n  const { selectedCount, selection } = useDataTableSelectionContext()\n  // The count/noun suffix is the same for every table action, so compute it once\n  // here rather than per-button inside the map below.\n  const countSuffix = getTableActionCountSuffix(selectedCount, resultNoun)\n\n  return (\n    <ButtonGroup aria-label=\"Table actions\">\n      {actions.map(({ callback, disabled, icon, label, onClick }) => (\n        <Tooltip key={label} content={label} placement=\"bottom\">\n          <IconButton\n            aria-label={`${label}${countSuffix}`}\n            disabled={disabled}\n            icon={icon}\n            onClick={(event) => {\n              onClick?.(event)\n              callback?.(selection)\n            }}\n          />\n        </Tooltip>\n      ))}\n    </ButtonGroup>\n  )\n}\n\nTableActions.displayName = \"TableActions\"\n\n/**\n * The count/noun suffix appended to each table action's `aria-label` when rows\n * are selected, e.g. `\" (2 selected people)\"` — so `\"Email\"` reads as\n * `\"Email (2 selected people)\"`. Empty when nothing is selected. Falls back to\n * the default `\"result\"` noun when `resultNoun` isn't provided. Shared across\n * every action, so it's computed once rather than per-button.\n */\nfunction getTableActionCountSuffix(\n  count: number,\n  resultNoun: ResultNoun | undefined\n): string {\n  if (!count) return \"\"\n  // An absent or `true` noun both default to `\"result\"`/`\"results\"`.\n  const noun = resolveNoun(count, resultNoun || true)\n  return ` (${formatCount(count)} selected ${noun})`\n}\n"],"names":["React"],"mappings":";;;;;;;;;;;;;AA0CA;;;;AAIG;AACI,MAAM,YAAY,GAAG,CAAC,EAAE,OAAO,EAAE,UAAU,EAAqB,KAAI;IACzE,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,4BAA4B,EAAE;;;IAGnE,MAAM,WAAW,GAAG,yBAAyB,CAAC,aAAa,EAAE,UAAU,CAAC;AAExE,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EAAA,YAAA,EAAY,eAAe,IACpC,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,MACxDA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EAAC,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAC,QAAQ,EAAA;QACrDA,cAAA,CAAA,aAAA,CAAC,UAAU,kBACG,CAAA,EAAG,KAAK,GAAG,WAAW,CAAA,CAAE,EACpC,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,CAAC,KAAK,KAAI;AACjB,gBAAA,OAAO,GAAG,KAAK,CAAC;AAChB,gBAAA,QAAQ,GAAG,SAAS,CAAC;AACvB,YAAA,CAAC,GACD,CACM,CACX,CAAC,CACU;AAElB;AAEA,YAAY,CAAC,WAAW,GAAG,cAAc;AAEzC;;;;;;AAMG;AACH,SAAS,yBAAyB,CAChC,KAAa,EACb,UAAkC,EAAA;AAElC,IAAA,IAAI,CAAC,KAAK;AAAE,QAAA,OAAO,EAAE;;IAErB,MAAM,IAAI,GAAG,WAAW,CAAC,KAAK,EAAE,UAAU,IAAI,IAAI,CAAC;IACnD,OAAO,CAAA,EAAA,EAAK,WAAW,CAAC,KAAK,CAAC,CAAA,UAAA,EAAa,IAAI,GAAG;AACpD;;;;"}
+{"version":3,"file":"TableActions.js","sources":["../../../src/components/DataTable/TableActions.tsx"],"sourcesContent":["import { IconButton } from \"@components/button\"\nimport { ButtonGroup } from \"@components/button-group\"\nimport React, { type ReactNode } from \"react\"\n\nimport { formatCount, resolveNoun, type ResultNoun } from \"./ResultsCount\"\nimport {\n  type DataTableSelection,\n  useDataTableSelectionContext,\n} from \"./useDataTableSelection\"\n\n/**\n * A table action rendered as an `IconButton` in the button group above the\n * table. Replaces the original RFC's `{ buttonProps; callback }` shape with a\n * narrower, more controllable API so the design can evolve without exposing the\n * full button surface.\n */\nexport type TableAction<\n  SelectionValue extends DataTableSelection = (number | string)[],\n> = {\n  /** Called with the current selection when the action is triggered. */\n  callback?: (selection: SelectionValue) => void\n  /** Whether the action's button is disabled. */\n  disabled?: boolean\n  /** The icon rendered inside the action's icon button. */\n  icon: ReactNode\n  /** Accessible label for the icon-only action button. */\n  label: string\n  /** Standard click handler, invoked with the click event before `callback`. */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>\n}\n\nexport interface TableActionsProps {\n  /** The table actions to render as an `IconButton` group. */\n  actions: TableAction<DataTableSelection>[]\n  /**\n   * The noun used to describe the selection in each action's `aria-label`.\n   * See {@link ResultNoun}.\n   */\n  resultNoun?: ResultNoun\n}\n\n/**\n * Renders the table actions as an `IconButton` group displayed directly after\n * the results count, above the table. Each entry becomes an icon button whose\n * `callback` receives the current selection.\n */\nexport const TableActions = ({ actions, resultNoun }: TableActionsProps) => {\n  const { selectedCount, selection } = useDataTableSelectionContext()\n  // The count/noun suffix is the same for every table action, so compute it once\n  // here rather than per-button inside the map below.\n  const countSuffix = getTableActionCountSuffix(selectedCount, resultNoun)\n\n  return (\n    <ButtonGroup aria-label=\"Table actions\">\n      {actions.map(({ callback, disabled, icon, label, onClick }) => (\n        <IconButton\n          key={label}\n          aria-label={`${label}${countSuffix}`}\n          disabled={disabled}\n          icon={icon}\n          onClick={(event) => {\n            onClick?.(event)\n            callback?.(selection)\n          }}\n          tooltip={label}\n          tooltipPlacement=\"bottom\"\n        />\n      ))}\n    </ButtonGroup>\n  )\n}\n\nTableActions.displayName = \"TableActions\"\n\n/**\n * The count/noun suffix appended to each table action's `aria-label` when rows\n * are selected, e.g. `\" (2 selected people)\"` — so `\"Email\"` reads as\n * `\"Email (2 selected people)\"`. Empty when nothing is selected. Falls back to\n * the default `\"result\"` noun when `resultNoun` isn't provided. Shared across\n * every action, so it's computed once rather than per-button.\n */\nfunction getTableActionCountSuffix(\n  count: number,\n  resultNoun: ResultNoun | undefined\n): string {\n  if (!count) return \"\"\n  // An absent or `true` noun both default to `\"result\"`/`\"results\"`.\n  const noun = resolveNoun(count, resultNoun || true)\n  return ` (${formatCount(count)} selected ${noun})`\n}\n"],"names":["React"],"mappings":";;;;;;;;;;;;AAyCA;;;;AAIG;AACI,MAAM,YAAY,GAAG,CAAC,EAAE,OAAO,EAAE,UAAU,EAAqB,KAAI;IACzE,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,4BAA4B,EAAE;;;IAGnE,MAAM,WAAW,GAAG,yBAAyB,CAAC,aAAa,EAAE,UAAU,CAAC;IAExE,QACEA,cAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EAAA,YAAA,EAAY,eAAe,IACpC,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,MACxDA,6BAAC,UAAU,EAAA,EACT,GAAG,EAAE,KAAK,EAAA,YAAA,EACE,GAAG,KAAK,CAAA,EAAG,WAAW,CAAA,CAAE,EACpC,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,CAAC,KAAK,KAAI;AACjB,YAAA,OAAO,GAAG,KAAK,CAAC;AAChB,YAAA,QAAQ,GAAG,SAAS,CAAC;AACvB,QAAA,CAAC,EACD,OAAO,EAAE,KAAK,EACd,gBAAgB,EAAC,QAAQ,EAAA,CACzB,CACH,CAAC,CACU;AAElB;AAEA,YAAY,CAAC,WAAW,GAAG,cAAc;AAEzC;;;;;;AAMG;AACH,SAAS,yBAAyB,CAChC,KAAa,EACb,UAAkC,EAAA;AAElC,IAAA,IAAI,CAAC,KAAK;AAAE,QAAA,OAAO,EAAE;;IAErB,MAAM,IAAI,GAAG,WAAW,CAAC,KAAK,EAAE,UAAU,IAAI,IAAI,CAAC;IACnD,OAAO,CAAA,EAAA,EAAK,WAAW,CAAC,KAAK,CAAC,CAAA,UAAA,EAAa,IAAI,GAAG;AACpD;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ViewSettingsToggle.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/ViewSettingsToggle.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAExD,MAAM,WAAW,uBAAuB;IACtC,iEAAiE;IACjE,OAAO,EAAE,eAAe,EAAE,CAAA;IAC1B,wBAAwB,EAAE,CAAC,kBAAkB,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAChE,kBAAkB,EAAE,MAAM,EAAE,CAAA;CAC7B;AAUD;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,wBAAwB,EACxB,kBAAkB,GACnB,EAAE,uBAAuB,qBAoCzB;yBAxCe,kBAAkB"}
+{"version":3,"file":"ViewSettingsToggle.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/ViewSettingsToggle.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAExD,MAAM,WAAW,uBAAuB;IACtC,iEAAiE;IACjE,OAAO,EAAE,eAAe,EAAE,CAAA;IAC1B,wBAAwB,EAAE,CAAC,kBAAkB,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAChE,kBAAkB,EAAE,MAAM,EAAE,CAAA;CAC7B;AAUD;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,wBAAwB,EACxB,kBAAkB,GACnB,EAAE,uBAAuB,qBAmCzB;yBAvCe,kBAAkB"}

package/dist/components/DataTable/ViewSettingsToggle.js

@@ -9,7 +9,6 @@ import { FilterableListBox, FilterableListBoxItem } from '../internal/filterable
 import { Popover, PopoverTrigger, PopoverContent } from '../popover/Popover.js';
 import Icon from '../../utilities/Icon.js';
 import React__default from 'react';
-import { Tooltip } from '../internal/tooltip/Tooltip.js';
 
 function renderColumnItem(column) {
     return (React__default.createElement(FilterableListBoxItem, { id: column.name }, column.headerLabel));
@@ -22,9 +21,8 @@ function renderColumnItem(column) {
  */
 function ViewSettingsToggle({ columns, onColumnVisibilityChange, visibleColumnNames, }) {
     return (React__default.createElement(Popover, null,
-        React__default.createElement(Tooltip, { content: "View settings", placement: "bottom end" },
-            React__default.createElement(PopoverTrigger, null,
-                React__default.createElement(IconButton, { "aria-label": "View settings", className: "tds-data-table-popover-trigger", icon: React__default.createElement(Icon, { "aria-hidden": true, symbol: "general#faders" }) }))),
+        React__default.createElement(PopoverTrigger, null,
+            React__default.createElement(IconButton, { className: "tds-data-table-popover-trigger", icon: React__default.createElement(Icon, { "aria-hidden": true, symbol: "general#faders" }), tooltip: "View settings", tooltipPlacement: "bottom end" })),
         React__default.createElement(PopoverContent, { className: "tds-data-table-popover", modal: false, placement: "bottom end" }, columns.length > 0 && (React__default.createElement(FilterableListBox, { hideLabel: true, items: columns, label: "Column visibility", onSelectionChange: (keys) => onColumnVisibilityChange(keys), placeholder: "Search columns", selectedKeys: visibleColumnNames, selectionMode: "multiple", showBulkActions: true }, renderColumnItem)))));
 }
 ViewSettingsToggle.displayName = "ViewSettingsToggle";

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

@@ -1 +1 @@
-{"version":3,"file":"ViewSettingsToggle.js","sources":["../../../src/components/DataTable/ViewSettingsToggle.tsx"],"sourcesContent":["import { IconButton } from \"@components/button\"\nimport {\n  FilterableListBox,\n  FilterableListBoxItem,\n} from \"@components/internal/filterable-list-box\"\nimport { Popover, PopoverContent, PopoverTrigger } from \"@components/popover\"\nimport Icon from \"@utilities/Icon\"\nimport React from \"react\"\n\nimport { Tooltip } from \"../internal/tooltip/Tooltip\"\nimport type { DataTableColumn } from \"./DataTableColumn\"\n\nexport interface ViewSettingsToggleProps {\n  /** The columns opted into visibility toggling via `hideable`. */\n  columns: DataTableColumn[]\n  onColumnVisibilityChange: (visibleColumnNames: string[]) => void\n  visibleColumnNames: string[]\n}\n\nfunction renderColumnItem(column: DataTableColumn) {\n  return (\n    <FilterableListBoxItem id={column.name}>\n      {column.headerLabel}\n    </FilterableListBoxItem>\n  )\n}\n\n/**\n * A trigger + popover for table view settings. Today it only holds column\n * visibility (via `FilterableListBox`), but the panel is meant to grow to\n * include other view-related settings (e.g. a Table/Card display toggle, a\n * Compact View switch) as siblings inside the same dialog.\n */\nexport function ViewSettingsToggle({\n  columns,\n  onColumnVisibilityChange,\n  visibleColumnNames,\n}: ViewSettingsToggleProps) {\n  return (\n    <Popover>\n      <Tooltip content=\"View settings\" placement=\"bottom end\">\n        <PopoverTrigger>\n          <IconButton\n            aria-label=\"View settings\"\n            className=\"tds-data-table-popover-trigger\"\n            icon={<Icon aria-hidden symbol=\"general#faders\" />}\n          />\n        </PopoverTrigger>\n      </Tooltip>\n      <PopoverContent\n        className=\"tds-data-table-popover\"\n        modal={false}\n        placement=\"bottom end\"\n      >\n        {columns.length > 0 && (\n          <FilterableListBox\n            hideLabel\n            items={columns}\n            label=\"Column visibility\"\n            onSelectionChange={(keys) =>\n              onColumnVisibilityChange(keys as string[])\n            }\n            placeholder=\"Search columns\"\n            selectedKeys={visibleColumnNames}\n            selectionMode=\"multiple\"\n            showBulkActions\n          >\n            {renderColumnItem}\n          </FilterableListBox>\n        )}\n      </PopoverContent>\n    </Popover>\n  )\n}\n\nViewSettingsToggle.displayName = \"ViewSettingsToggle\"\n"],"names":["React"],"mappings":";;;;;;;;;;;;;AAmBA,SAAS,gBAAgB,CAAC,MAAuB,EAAA;AAC/C,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,qBAAqB,EAAA,EAAC,EAAE,EAAE,MAAM,CAAC,IAAI,IACnC,MAAM,CAAC,WAAW,CACG;AAE5B;AAEA;;;;;AAKG;AACG,SAAU,kBAAkB,CAAC,EACjC,OAAO,EACP,wBAAwB,EACxB,kBAAkB,GACM,EAAA;IACxB,QACEA,6BAAC,OAAO,EAAA,IAAA;QACNA,cAAA,CAAA,aAAA,CAAC,OAAO,IAAC,OAAO,EAAC,eAAe,EAAC,SAAS,EAAC,YAAY,EAAA;AACrD,YAAAA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,IAAA;AACb,gBAAAA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAA,YAAA,EACE,eAAe,EAC1B,SAAS,EAAC,gCAAgC,EAC1C,IAAI,EAAEA,cAAA,CAAA,aAAA,CAAC,IAAI,yBAAa,MAAM,EAAC,gBAAgB,EAAA,CAAG,EAAA,CAClD,CACa,CACT;AACV,QAAAA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EACb,SAAS,EAAC,wBAAwB,EAClC,KAAK,EAAE,KAAK,EACZ,SAAS,EAAC,YAAY,EAAA,EAErB,OAAO,CAAC,MAAM,GAAG,CAAC,KACjBA,6BAAC,iBAAiB,EAAA,EAChB,SAAS,EAAA,IAAA,EACT,KAAK,EAAE,OAAO,EACd,KAAK,EAAC,mBAAmB,EACzB,iBAAiB,EAAE,CAAC,IAAI,KACtB,wBAAwB,CAAC,IAAgB,CAAC,EAE5C,WAAW,EAAC,gBAAgB,EAC5B,YAAY,EAAE,kBAAkB,EAChC,aAAa,EAAC,UAAU,EACxB,eAAe,EAAA,IAAA,EAAA,EAEd,gBAAgB,CACC,CACrB,CACc,CACT;AAEd;AAEA,kBAAkB,CAAC,WAAW,GAAG,oBAAoB;;;;"}
+{"version":3,"file":"ViewSettingsToggle.js","sources":["../../../src/components/DataTable/ViewSettingsToggle.tsx"],"sourcesContent":["import { IconButton } from \"@components/button\"\nimport {\n  FilterableListBox,\n  FilterableListBoxItem,\n} from \"@components/internal/filterable-list-box\"\nimport { Popover, PopoverContent, PopoverTrigger } from \"@components/popover\"\nimport Icon from \"@utilities/Icon\"\nimport React from \"react\"\n\nimport type { DataTableColumn } from \"./DataTableColumn\"\n\nexport interface ViewSettingsToggleProps {\n  /** The columns opted into visibility toggling via `hideable`. */\n  columns: DataTableColumn[]\n  onColumnVisibilityChange: (visibleColumnNames: string[]) => void\n  visibleColumnNames: string[]\n}\n\nfunction renderColumnItem(column: DataTableColumn) {\n  return (\n    <FilterableListBoxItem id={column.name}>\n      {column.headerLabel}\n    </FilterableListBoxItem>\n  )\n}\n\n/**\n * A trigger + popover for table view settings. Today it only holds column\n * visibility (via `FilterableListBox`), but the panel is meant to grow to\n * include other view-related settings (e.g. a Table/Card display toggle, a\n * Compact View switch) as siblings inside the same dialog.\n */\nexport function ViewSettingsToggle({\n  columns,\n  onColumnVisibilityChange,\n  visibleColumnNames,\n}: ViewSettingsToggleProps) {\n  return (\n    <Popover>\n      <PopoverTrigger>\n        <IconButton\n          className=\"tds-data-table-popover-trigger\"\n          icon={<Icon aria-hidden symbol=\"general#faders\" />}\n          tooltip=\"View settings\"\n          tooltipPlacement=\"bottom end\"\n        />\n      </PopoverTrigger>\n      <PopoverContent\n        className=\"tds-data-table-popover\"\n        modal={false}\n        placement=\"bottom end\"\n      >\n        {columns.length > 0 && (\n          <FilterableListBox\n            hideLabel\n            items={columns}\n            label=\"Column visibility\"\n            onSelectionChange={(keys) =>\n              onColumnVisibilityChange(keys as string[])\n            }\n            placeholder=\"Search columns\"\n            selectedKeys={visibleColumnNames}\n            selectionMode=\"multiple\"\n            showBulkActions\n          >\n            {renderColumnItem}\n          </FilterableListBox>\n        )}\n      </PopoverContent>\n    </Popover>\n  )\n}\n\nViewSettingsToggle.displayName = \"ViewSettingsToggle\"\n"],"names":["React"],"mappings":";;;;;;;;;;;;AAkBA,SAAS,gBAAgB,CAAC,MAAuB,EAAA;AAC/C,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,qBAAqB,EAAA,EAAC,EAAE,EAAE,MAAM,CAAC,IAAI,IACnC,MAAM,CAAC,WAAW,CACG;AAE5B;AAEA;;;;;AAKG;AACG,SAAU,kBAAkB,CAAC,EACjC,OAAO,EACP,wBAAwB,EACxB,kBAAkB,GACM,EAAA;IACxB,QACEA,6BAAC,OAAO,EAAA,IAAA;AACN,QAAAA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,IAAA;YACbA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,SAAS,EAAC,gCAAgC,EAC1C,IAAI,EAAEA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAA,aAAA,EAAA,IAAA,EAAa,MAAM,EAAC,gBAAgB,EAAA,CAAG,EAClD,OAAO,EAAC,eAAe,EACvB,gBAAgB,EAAC,YAAY,EAAA,CAC7B,CACa;AACjB,QAAAA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EACb,SAAS,EAAC,wBAAwB,EAClC,KAAK,EAAE,KAAK,EACZ,SAAS,EAAC,YAAY,EAAA,EAErB,OAAO,CAAC,MAAM,GAAG,CAAC,KACjBA,6BAAC,iBAAiB,EAAA,EAChB,SAAS,EAAA,IAAA,EACT,KAAK,EAAE,OAAO,EACd,KAAK,EAAC,mBAAmB,EACzB,iBAAiB,EAAE,CAAC,IAAI,KACtB,wBAAwB,CAAC,IAAgB,CAAC,EAE5C,WAAW,EAAC,gBAAgB,EAC5B,YAAY,EAAE,kBAAkB,EAChC,aAAa,EAAC,UAAU,EACxB,eAAe,EAAA,IAAA,EAAA,EAEd,gBAAgB,CACC,CACrB,CACc,CACT;AAEd;AAEA,kBAAkB,CAAC,WAAW,GAAG,oBAAoB;;;;"}

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

@@ -11,7 +11,7 @@ export * from "./filters";
 export type { ActiveFilter, ActiveFilterValue, FilterItemConfig, FilterNode, FilterNodeGroup, FilterNodeItem, FilterNodeScoped, Operator, } from "./FilterTypes";
 export type { NumberActiveFilter, NumberFilterValue, NumberOperatorName, } from "./numberFilter";
 export type { PresenceActiveFilter, PresenceFilterConfig, PresenceFilterValue, PresenceOperatorName, } from "./presenceFilter";
-export type { SavedView, SavedViewsOptions } from "./savedViews";
+export type { SavedView, StaticView } from "./savedViews";
 export type { ScopedFilterConfig, ScopedFilterOptions } from "./scopedFilter";
 export type { TextActiveFilter, TextFilterValue, TextOperatorName, } from "./textFilter";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AACpB,OAAO,eAAe,CAAA;AAEtB,YAAY,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AACtE,YAAY,EACV,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,oBAAoB,CAAA;AAC3B,YAAY,EACV,qBAAqB,EACrB,qBAAqB,EACrB,cAAc,EACd,kBAAkB,EAClB,IAAI,GACL,MAAM,aAAa,CAAA;AACpB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,YAAY,EACV,aAAa,EACb,cAAc,EACd,YAAY,EACZ,eAAe,EACf,oBAAoB,EACpB,mBAAmB,EACnB,UAAU,EACV,cAAc,EACd,UAAU,EACV,YAAY,EACZ,YAAY,GACb,MAAM,mBAAmB,CAAA;AAC1B,YAAY,EACV,gBAAgB,EAChB,eAAe,EACf,gBAAgB,GACjB,MAAM,cAAc,CAAA;AACrB,YAAY,EACV,eAAe,EACf,cAAc,EACd,eAAe,GAChB,MAAM,aAAa,CAAA;AACpB,cAAc,WAAW,CAAA;AACzB,YAAY,EACV,YAAY,EACZ,iBAAiB,EACjB,gBAAgB,EAChB,UAAU,EACV,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,QAAQ,GACT,MAAM,eAAe,CAAA;AACtB,YAAY,EACV,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,gBAAgB,CAAA;AACvB,YAAY,EACV,oBAAoB,EACpB,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,kBAAkB,CAAA;AACzB,YAAY,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAChE,YAAY,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAC7E,YAAY,EACV,gBAAgB,EAChB,eAAe,EACf,gBAAgB,GACjB,MAAM,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AACpB,OAAO,eAAe,CAAA;AAEtB,YAAY,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AACtE,YAAY,EACV,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,oBAAoB,CAAA;AAC3B,YAAY,EACV,qBAAqB,EACrB,qBAAqB,EACrB,cAAc,EACd,kBAAkB,EAClB,IAAI,GACL,MAAM,aAAa,CAAA;AACpB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,YAAY,EACV,aAAa,EACb,cAAc,EACd,YAAY,EACZ,eAAe,EACf,oBAAoB,EACpB,mBAAmB,EACnB,UAAU,EACV,cAAc,EACd,UAAU,EACV,YAAY,EACZ,YAAY,GACb,MAAM,mBAAmB,CAAA;AAC1B,YAAY,EACV,gBAAgB,EAChB,eAAe,EACf,gBAAgB,GACjB,MAAM,cAAc,CAAA;AACrB,YAAY,EACV,eAAe,EACf,cAAc,EACd,eAAe,GAChB,MAAM,aAAa,CAAA;AACpB,cAAc,WAAW,CAAA;AACzB,YAAY,EACV,YAAY,EACZ,iBAAiB,EACjB,gBAAgB,EAChB,UAAU,EACV,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,QAAQ,GACT,MAAM,eAAe,CAAA;AACtB,YAAY,EACV,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,gBAAgB,CAAA;AACvB,YAAY,EACV,oBAAoB,EACpB,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,kBAAkB,CAAA;AACzB,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzD,YAAY,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAC7E,YAAY,EACV,gBAAgB,EAChB,eAAe,EACf,gBAAgB,GACjB,MAAM,cAAc,CAAA"}