@planningcenter/tapestry 4.11.0 → 4.12.0-rc.0

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

@@ -1,9 +1,16 @@
 import React from "react";
+import type { SavedView, StaticView } from "./savedViews";
 export interface ManageSavedViewsModalProps {
     onClose: () => void;
+    /** Called once the user confirms. Omit to leave out the delete buttons. */
+    onDelete?: (savedView: SavedView) => void;
+    onUpdate?: (savedView: SavedView) => Promise<SavedView> | SavedView;
     open: boolean;
+    savedViews: SavedView[];
+    /** Listed by name before `savedViews`, since they can't be renamed. */
+    staticViews: StaticView[];
 }
-export declare function ManageSavedViewsModal({ onClose, open, }: ManageSavedViewsModalProps): React.JSX.Element;
+export declare function ManageSavedViewsModal({ onClose, onDelete, onUpdate, open, savedViews, staticViews, }: ManageSavedViewsModalProps): React.JSX.Element;
 export declare namespace ManageSavedViewsModal {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ManageSavedViewsModal.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/ManageSavedViewsModal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,0BAA0B;IACzC,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,IAAI,EAAE,OAAO,CAAA;CACd;AAED,wBAAgB,qBAAqB,CAAC,EACpC,OAAO,EACP,IAAI,GACL,EAAE,0BAA0B,qBAU5B;yBAbe,qBAAqB"}
+{"version":3,"file":"ManageSavedViewsModal.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/ManageSavedViewsModal.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAI1D,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAGzD,MAAM,WAAW,0BAA0B;IACzC,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAA;IACzC,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,OAAO,CAAC,SAAS,CAAC,GAAG,SAAS,CAAA;IACnE,IAAI,EAAE,OAAO,CAAA;IACb,UAAU,EAAE,SAAS,EAAE,CAAA;IACvB,uEAAuE;IACvE,WAAW,EAAE,UAAU,EAAE,CAAA;CAC1B;AAED,wBAAgB,qBAAqB,CAAC,EACpC,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,UAAU,EACV,WAAW,GACZ,EAAE,0BAA0B,qBA0E5B;yBAjFe,qBAAqB"}

package/dist/components/DataTable/ManageSavedViewsModal.js

@@ -2,23 +2,134 @@ import '../button/ActionsDropdownIconButton.js';
 import { Button } from '../button/Button.js';
 import '../button/DropdownButton.js';
 import '../button/DropdownIconButton.js';
-import '../button/IconButton.js';
+import { IconButton } from '../button/IconButton.js';
 import '../button/LoadingButton.js';
 import '../button/PageHeaderActionsDropdownButton.js';
+import { Input } from '../input/Input.js';
 import { Modal } from '../modal/Modal.js';
 import { ModalBody } from '../modal/ModalBody.js';
 import { ModalFooter } from '../modal/ModalFooter.js';
 import { ModalHeader } from '../modal/ModalHeader.js';
-import React__default from 'react';
+import Icon from '../../utilities/Icon.js';
+import React__default, { useState, useRef, useEffect } from 'react';
+import { DeleteSavedViewAlertDialog } from './DeleteSavedViewAlertDialog.js';
+import styles from './ManageSavedViewsModal.module.css.js';
+import { useUpdateSavedViewName } from './useUpdateSavedViewName.js';
 
-function ManageSavedViewsModal({ onClose, open, }) {
+function ManageSavedViewsModal({ onClose, onDelete, onUpdate, open, savedViews, staticViews, }) {
+    const updateSavedViewName = useUpdateSavedViewName(onUpdate);
+    // Kept after the alert closes, so its text holds during the exit animation.
+    const [viewToDelete, setViewToDelete] = useState(null);
+    const [isDeleteAlertOpen, setIsDeleteAlertOpen] = useState(false);
+    // Without this, focus would go to the modal's close button, since the
+    // alert returns it to the delete button, which is gone with its row.
+    const { doneButtonRef, focusAfterDelete, listRef } = useFocusAfterDelete(savedViews, isDeleteAlertOpen);
+    const requestDelete = (view) => {
+        setViewToDelete(view);
+        setIsDeleteAlertOpen(true);
+    };
+    const confirmDelete = () => {
+        if (viewToDelete) {
+            focusAfterDelete(viewToDelete);
+            onDelete?.(viewToDelete);
+        }
+        setIsDeleteAlertOpen(false);
+    };
     return (React__default.createElement(Modal, { dismissible: true, open: open, onClose: onClose },
         React__default.createElement(ModalHeader, { title: "Manage views" }),
-        React__default.createElement(ModalBody, null, null),
+        React__default.createElement(ModalBody, null,
+            React__default.createElement("ul", { ref: listRef, className: styles["views-list"] },
+                staticViews.map((view) => (React__default.createElement("li", { key: view.id, className: styles["views-list-item--static"] }, view.name))),
+                savedViews.map((view, index) => (React__default.createElement("li", { key: view.id ?? `unsaved-view-${index}`, className: styles["views-list-item"] },
+                    React__default.createElement(SavedViewRow
+                    // Updates and deletes are matched by id, so an unsaved view
+                    // can't be renamed or deleted.
+                    , { 
+                        // Updates and deletes are matched by id, so an unsaved view
+                        // can't be renamed or deleted.
+                        readOnly: !onUpdate || view.id === undefined, view: view, onDelete: onDelete && view.id !== undefined
+                            ? (name) => requestDelete({ ...view, name })
+                            : undefined, onRename: (name) => updateSavedViewName(view, name) })))))),
         React__default.createElement(ModalFooter, null,
-            React__default.createElement(Button, { kind: "primary", label: "Done", onClick: onClose }))));
+            React__default.createElement(Button, { ref: doneButtonRef, kind: "primary", label: "Done", onClick: onClose })),
+        onDelete && (React__default.createElement(DeleteSavedViewAlertDialog, { open: isDeleteAlertOpen, view: viewToDelete, onCancel: () => setIsDeleteAlertOpen(false), onConfirm: confirmDelete }))));
 }
 ManageSavedViewsModal.displayName = "ManageSavedViewsModal";
+/**
+ * Moves focus off a deleted view's row in two steps: `focusAfterDelete` picks
+ * the target while the row is still there, and focus moves to it once the
+ * alert starts closing.
+ */
+function useFocusAfterDelete(savedViews, isDeleteAlertOpen) {
+    const listRef = useRef(null);
+    const doneButtonRef = useRef(null);
+    const focusTargetRef = useRef(null);
+    // Step 1: the next view's row, or the previous one's if the deleted view is
+    // last, or Done if it's the only one.
+    const focusAfterDelete = (view) => {
+        const rows = listRef.current?.querySelectorAll(`.${styles["views-list-item"]}`) ?? [];
+        const index = savedViews.findIndex(({ id }) => id === view.id);
+        const row = rows[index + 1] ?? rows[index - 1];
+        focusTargetRef.current =
+            row?.querySelector("button") ??
+                row?.querySelector("input") ??
+                doneButtonRef.current;
+    };
+    // Step 2: a closing alert no longer holds focus, and doesn't take it back
+    // once focus is outside it.
+    useEffect(() => {
+        if (isDeleteAlertOpen)
+            return;
+        focusTargetRef.current?.focus();
+        focusTargetRef.current = null;
+    }, [isDeleteAlertOpen]);
+    return { doneButtonRef, focusAfterDelete, listRef };
+}
+/**
+ * A saved view's name field and delete button. Renames on blur or Enter. An
+ * empty name reverts to the current one. Tracks the last name it sent, so
+ * Enter followed by blur renames once. Deleting sends a pending rename first,
+ * then passes along the name, so the alert shows what the field does.
+ */
+function SavedViewRow({ onDelete, onRename, readOnly, view, }) {
+    const [name, setName] = useState(view.name);
+    const committedName = useRef(view.name);
+    // Picks up names changed outside this field, including once a rename saves,
+    // unless the field has newer edits, which its next blur or Enter sends.
+    useEffect(() => {
+        const previousName = committedName.current;
+        committedName.current = view.name;
+        setName((currentName) => currentName === previousName ? view.name : currentName);
+    }, [view.name]);
+    const commit = () => {
+        const trimmedName = name.trim();
+        if (!trimmedName) {
+            setName(committedName.current);
+            return;
+        }
+        setName(trimmedName);
+        if (trimmedName === committedName.current)
+            return;
+        committedName.current = trimmedName;
+        onRename(trimmedName);
+    };
+    return (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement(Input, { autoComplete: "off", className: styles["view-list-item-input"], hideLabel: true, label: `Name for ${view.name}`, readOnly: readOnly, required: !readOnly, value: name, onBlur: readOnly ? undefined : commit, onChange: (event) => setName(event.target.value), onKeyDown: (event) => {
+                if (!readOnly &&
+                    event.key === "Enter" &&
+                    !event.repeat &&
+                    !event.nativeEvent.isComposing) {
+                    commit();
+                }
+            } }),
+        onDelete && (React__default.createElement(IconButton, { "aria-label": `Delete ${view.name}`, icon: React__default.createElement(Icon, { "aria-hidden": true, symbol: "general#trash" }), kind: "ghost", tooltip: "Delete", onClick: (event) => {
+                // Safari doesn't focus a button on click, and the alert returns
+                // focus to whatever had it when it opened. Focusing also blurs
+                // the field, which sends a pending rename.
+                event.currentTarget.focus();
+                onDelete(committedName.current);
+            } }))));
+}
 
 export { ManageSavedViewsModal };
 //# sourceMappingURL=ManageSavedViewsModal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ManageSavedViewsModal.js","sources":["../../../src/components/DataTable/ManageSavedViewsModal.tsx"],"sourcesContent":["import { Button } from \"@components/button\"\nimport { Modal, ModalBody, ModalFooter, ModalHeader } from \"@components/modal\"\nimport React from \"react\"\n\nexport interface ManageSavedViewsModalProps {\n  onClose: () => void\n  open: boolean\n}\n\nexport function ManageSavedViewsModal({\n  onClose,\n  open,\n}: ManageSavedViewsModalProps) {\n  return (\n    <Modal dismissible open={open} onClose={onClose}>\n      <ModalHeader title=\"Manage views\" />\n      <ModalBody>{null}</ModalBody>\n      <ModalFooter>\n        <Button kind=\"primary\" label=\"Done\" onClick={onClose} />\n      </ModalFooter>\n    </Modal>\n  )\n}\n\nManageSavedViewsModal.displayName = \"ManageSavedViewsModal\"\n"],"names":["React"],"mappings":";;;;;;;;;;;;;SASgB,qBAAqB,CAAC,EACpC,OAAO,EACP,IAAI,GACuB,EAAA;AAC3B,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,WAAW,EAAA,IAAA,EAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAA;AAC7C,QAAAA,cAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EAAC,KAAK,EAAC,cAAc,EAAA,CAAG;QACpCA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,IAAA,EAAE,IAAI,CAAa;AAC7B,QAAAA,cAAA,CAAA,aAAA,CAAC,WAAW,EAAA,IAAA;AACV,YAAAA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,OAAO,GAAI,CAC5C,CACR;AAEZ;AAEA,qBAAqB,CAAC,WAAW,GAAG,uBAAuB;;;;"}
+{"version":3,"file":"ManageSavedViewsModal.js","sources":["../../../src/components/DataTable/ManageSavedViewsModal.tsx"],"sourcesContent":["import { Button, IconButton } from \"@components/button\"\nimport { Input } from \"@components/input\"\nimport { Modal, ModalBody, ModalFooter, ModalHeader } from \"@components/modal\"\nimport Icon from \"@utilities/Icon\"\nimport React, { useEffect, useRef, useState } from \"react\"\n\nimport { DeleteSavedViewAlertDialog } from \"./DeleteSavedViewAlertDialog\"\nimport styles from \"./ManageSavedViewsModal.module.css\"\nimport type { SavedView, StaticView } from \"./savedViews\"\nimport { useUpdateSavedViewName } from \"./useUpdateSavedViewName\"\n\nexport interface ManageSavedViewsModalProps {\n  onClose: () => void\n  /** Called once the user confirms. Omit to leave out the delete buttons. */\n  onDelete?: (savedView: SavedView) => void\n  onUpdate?: (savedView: SavedView) => Promise<SavedView> | SavedView\n  open: boolean\n  savedViews: SavedView[]\n  /** Listed by name before `savedViews`, since they can't be renamed. */\n  staticViews: StaticView[]\n}\n\nexport function ManageSavedViewsModal({\n  onClose,\n  onDelete,\n  onUpdate,\n  open,\n  savedViews,\n  staticViews,\n}: ManageSavedViewsModalProps) {\n  const updateSavedViewName = useUpdateSavedViewName(onUpdate)\n  // Kept after the alert closes, so its text holds during the exit animation.\n  const [viewToDelete, setViewToDelete] = useState<SavedView | null>(null)\n  const [isDeleteAlertOpen, setIsDeleteAlertOpen] = useState(false)\n  // Without this, focus would go to the modal's close button, since the\n  // alert returns it to the delete button, which is gone with its row.\n  const { doneButtonRef, focusAfterDelete, listRef } = useFocusAfterDelete(\n    savedViews,\n    isDeleteAlertOpen\n  )\n\n  const requestDelete = (view: SavedView) => {\n    setViewToDelete(view)\n    setIsDeleteAlertOpen(true)\n  }\n\n  const confirmDelete = () => {\n    if (viewToDelete) {\n      focusAfterDelete(viewToDelete)\n      onDelete?.(viewToDelete)\n    }\n    setIsDeleteAlertOpen(false)\n  }\n\n  return (\n    <Modal dismissible open={open} onClose={onClose}>\n      <ModalHeader title=\"Manage views\" />\n      <ModalBody>\n        <ul ref={listRef} className={styles[\"views-list\"]}>\n          {staticViews.map((view) => (\n            <li key={view.id} className={styles[\"views-list-item--static\"]}>\n              {view.name}\n            </li>\n          ))}\n          {savedViews.map((view, index) => (\n            <li\n              key={view.id ?? `unsaved-view-${index}`}\n              className={styles[\"views-list-item\"]}\n            >\n              <SavedViewRow\n                // Updates and deletes are matched by id, so an unsaved view\n                // can't be renamed or deleted.\n                readOnly={!onUpdate || view.id === undefined}\n                view={view}\n                onDelete={\n                  onDelete && view.id !== undefined\n                    ? (name) => requestDelete({ ...view, name })\n                    : undefined\n                }\n                onRename={(name) => updateSavedViewName(view, name)}\n              />\n            </li>\n          ))}\n        </ul>\n      </ModalBody>\n      <ModalFooter>\n        <Button\n          ref={doneButtonRef}\n          kind=\"primary\"\n          label=\"Done\"\n          onClick={onClose}\n        />\n      </ModalFooter>\n      {onDelete && (\n        <DeleteSavedViewAlertDialog\n          open={isDeleteAlertOpen}\n          view={viewToDelete}\n          onCancel={() => setIsDeleteAlertOpen(false)}\n          onConfirm={confirmDelete}\n        />\n      )}\n    </Modal>\n  )\n}\n\nManageSavedViewsModal.displayName = \"ManageSavedViewsModal\"\n\n/**\n * Moves focus off a deleted view's row in two steps: `focusAfterDelete` picks\n * the target while the row is still there, and focus moves to it once the\n * alert starts closing.\n */\nfunction useFocusAfterDelete(\n  savedViews: SavedView[],\n  isDeleteAlertOpen: boolean\n) {\n  const listRef = useRef<HTMLUListElement>(null)\n  const doneButtonRef = useRef<HTMLButtonElement>(null)\n  const focusTargetRef = useRef<HTMLElement | null>(null)\n\n  // Step 1: the next view's row, or the previous one's if the deleted view is\n  // last, or Done if it's the only one.\n  const focusAfterDelete = (view: SavedView) => {\n    const rows =\n      listRef.current?.querySelectorAll(`.${styles[\"views-list-item\"]}`) ?? []\n    const index = savedViews.findIndex(({ id }) => id === view.id)\n    const row = rows[index + 1] ?? rows[index - 1]\n    focusTargetRef.current =\n      row?.querySelector(\"button\") ??\n      row?.querySelector(\"input\") ??\n      doneButtonRef.current\n  }\n\n  // Step 2: a closing alert no longer holds focus, and doesn't take it back\n  // once focus is outside it.\n  useEffect(() => {\n    if (isDeleteAlertOpen) return\n    focusTargetRef.current?.focus()\n    focusTargetRef.current = null\n  }, [isDeleteAlertOpen])\n\n  return { doneButtonRef, focusAfterDelete, listRef }\n}\n\n/**\n * A saved view's name field and delete button. Renames on blur or Enter. An\n * empty name reverts to the current one. Tracks the last name it sent, so\n * Enter followed by blur renames once. Deleting sends a pending rename first,\n * then passes along the name, so the alert shows what the field does.\n */\nfunction SavedViewRow({\n  onDelete,\n  onRename,\n  readOnly,\n  view,\n}: {\n  onDelete?: (name: string) => void\n  onRename: (name: string) => void\n  readOnly: boolean\n  view: SavedView\n}) {\n  const [name, setName] = useState(view.name)\n  const committedName = useRef(view.name)\n\n  // Picks up names changed outside this field, including once a rename saves,\n  // unless the field has newer edits, which its next blur or Enter sends.\n  useEffect(() => {\n    const previousName = committedName.current\n    committedName.current = view.name\n    setName((currentName) =>\n      currentName === previousName ? view.name : currentName\n    )\n  }, [view.name])\n\n  const commit = () => {\n    const trimmedName = name.trim()\n    if (!trimmedName) {\n      setName(committedName.current)\n      return\n    }\n    setName(trimmedName)\n    if (trimmedName === committedName.current) return\n    committedName.current = trimmedName\n    onRename(trimmedName)\n  }\n\n  return (\n    <>\n      <Input\n        autoComplete=\"off\"\n        className={styles[\"view-list-item-input\"]}\n        hideLabel\n        label={`Name for ${view.name}`}\n        readOnly={readOnly}\n        required={!readOnly}\n        value={name}\n        onBlur={readOnly ? undefined : commit}\n        onChange={(event) => setName(event.target.value)}\n        onKeyDown={(event) => {\n          if (\n            !readOnly &&\n            event.key === \"Enter\" &&\n            !event.repeat &&\n            !event.nativeEvent.isComposing\n          ) {\n            commit()\n          }\n        }}\n      />\n      {onDelete && (\n        <IconButton\n          aria-label={`Delete ${view.name}`}\n          icon={<Icon aria-hidden symbol=\"general#trash\" />}\n          kind=\"ghost\"\n          tooltip=\"Delete\"\n          onClick={(event) => {\n            // Safari doesn't focus a button on click, and the alert returns\n            // focus to whatever had it when it opened. Focusing also blurs\n            // the field, which sends a pending rename.\n            event.currentTarget.focus()\n            onDelete(committedName.current)\n          }}\n        />\n      )}\n    </>\n  )\n}\n"],"names":["React"],"mappings":"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"}

package/dist/components/DataTable/ManageSavedViewsModal.module.css.js

@@ -0,0 +1,4 @@
+var styles = {"views-list":"views-list-3AMVI","views-list-item":"views-list-item-cWGsC","view-list-item-input":"view-list-item-input-dowHY","views-list-item--static":"views-list-item--static-9zGpJ"};
+
+export { styles as default };
+//# sourceMappingURL=ManageSavedViewsModal.module.css.js.map

package/dist/components/DataTable/ManageSavedViewsModal.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManageSavedViewsModal.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

@@ -1,6 +1,9 @@
 import React from "react";
 export interface NewSavedViewModalProps {
-    /** Prefills the name field, e.g. with "Active copy" when duplicating. */
+    /**
+     * Prefills the name field, e.g. with "Active copy" when duplicating or the
+     * current name when renaming.
+     */
     defaultName?: string;
     onClose: () => void;
     onSave: (name: string) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"NewSavedViewModal.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/NewSavedViewModal.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAE1D,MAAM,WAAW,sBAAsB;IACrC,yEAAyE;IACzE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,IAAI,EAAE,OAAO,CAAA;IACb,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,wBAAgB,iBAAiB,CAAC,EAChC,WAAgB,EAChB,OAAO,EACP,MAAM,EACN,IAAI,EACJ,KAAkB,GACnB,EAAE,sBAAsB,qBAWxB;yBAjBe,iBAAiB"}
+{"version":3,"file":"NewSavedViewModal.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/NewSavedViewModal.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAE1D,MAAM,WAAW,sBAAsB;IACrC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,IAAI,EAAE,OAAO,CAAA;IACb,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,wBAAgB,iBAAiB,CAAC,EAChC,WAAgB,EAChB,OAAO,EACP,MAAM,EACN,IAAI,EACJ,KAAkB,GACnB,EAAE,sBAAsB,qBAWxB;yBAjBe,iBAAiB"}

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

@@ -1 +1 @@
-{"version":3,"file":"NewSavedViewModal.js","sources":["../../../src/components/DataTable/NewSavedViewModal.tsx"],"sourcesContent":["import { Button } from \"@components/button\"\nimport { Input } from \"@components/input\"\nimport { Modal, ModalBody, ModalFooter, ModalHeader } from \"@components/modal\"\nimport { useId } from \"@utilities/useId\"\nimport React, { useEffect, useRef, useState } from \"react\"\n\nexport interface NewSavedViewModalProps {\n  /** Prefills the name field, e.g. with \"Active copy\" when duplicating. */\n  defaultName?: string\n  onClose: () => void\n  onSave: (name: string) => void\n  open: boolean\n  /** Default `\"New view\"`. */\n  title?: string\n}\n\nexport function NewSavedViewModal({\n  defaultName = \"\",\n  onClose,\n  onSave,\n  open,\n  title = \"New view\",\n}: NewSavedViewModalProps) {\n  return (\n    <Modal dismissible open={open} size=\"sm\" onClose={onClose}>\n      <ModalHeader title={title} />\n      <NewSavedViewForm\n        defaultName={defaultName}\n        onClose={onClose}\n        onSave={onSave}\n      />\n    </Modal>\n  )\n}\n\nNewSavedViewModal.displayName = \"NewSavedViewModal\"\n\n/**\n * Holds the field's state below the modal, which unmounts its contents when\n * closed, so each open starts over from `defaultName`.\n */\nfunction NewSavedViewForm({\n  defaultName,\n  onClose,\n  onSave,\n}: Required<Omit<NewSavedViewModalProps, \"open\" | \"title\">>) {\n  const formId = `tds-data-table-new-saved-view-${useId()}`\n  const [name, setName] = useState(defaultName)\n  const [invalid, setInvalid] = useState(false)\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  // Focuses in an effect rather than with `autoFocus`, which runs before a\n  // closing context menu releases focus and so gets pulled back into it.\n  useEffect(() => {\n    inputRef.current?.focus()\n  }, [])\n\n  const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault()\n    const trimmedName = name.trim()\n    if (!trimmedName) {\n      setInvalid(true)\n      return\n    }\n    onSave(trimmedName)\n    onClose()\n  }\n\n  return (\n    <>\n      <ModalBody>\n        <form id={formId} noValidate onSubmit={handleSubmit}>\n          <Input\n            ref={inputRef}\n            autoComplete=\"off\"\n            description={invalid ? \"Enter a name for this view.\" : undefined}\n            invalid={invalid}\n            label=\"Name\"\n            required\n            selectTextOnFocus\n            value={name}\n            onChange={(event) => {\n              setName(event.target.value)\n              setInvalid(false)\n            }}\n          />\n        </form>\n      </ModalBody>\n      <ModalFooter>\n        <Button kind=\"ghost\" label=\"Cancel\" onClick={onClose} />\n        <Button form={formId} kind=\"primary\" label=\"Save\" type=\"submit\" />\n      </ModalFooter>\n    </>\n  )\n}\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;SAgBgB,iBAAiB,CAAC,EAChC,WAAW,GAAG,EAAE,EAChB,OAAO,EACP,MAAM,EACN,IAAI,EACJ,KAAK,GAAG,UAAU,GACK,EAAA;AACvB,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,WAAW,QAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,OAAO,EAAA;AACvD,QAAAA,cAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,CAAI;AAC7B,QAAAA,cAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,EACf,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EAAA,CACd,CACI;AAEZ;AAEA,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;AAEnD;;;AAGG;AACH,SAAS,gBAAgB,CAAC,EACxB,WAAW,EACX,OAAO,EACP,MAAM,GACmD,EAAA;AACzD,IAAA,MAAM,MAAM,GAAG,CAAA,8BAAA,EAAiC,KAAK,EAAE,EAAE;IACzD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC;IAC7C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AAC7C,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC;;;IAI/C,SAAS,CAAC,MAAK;AACb,QAAA,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE;IAC3B,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,YAAY,GAAG,CAAC,KAAuC,KAAI;QAC/D,KAAK,CAAC,cAAc,EAAE;AACtB,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,EAAE;QAC/B,IAAI,CAAC,WAAW,EAAE;YAChB,UAAU,CAAC,IAAI,CAAC;YAChB;QACF;QACA,MAAM,CAAC,WAAW,CAAC;AACnB,QAAA,OAAO,EAAE;AACX,IAAA,CAAC;AAED,IAAA,QACEA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA;AACE,QAAAA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,IAAA;YACRA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,EAAE,EAAE,MAAM,EAAE,UAAU,EAAA,IAAA,EAAC,QAAQ,EAAE,YAAY,EAAA;AACjD,gBAAAA,cAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EACJ,GAAG,EAAE,QAAQ,EACb,YAAY,EAAC,KAAK,EAClB,WAAW,EAAE,OAAO,GAAG,6BAA6B,GAAG,SAAS,EAChE,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,MAAM,EACZ,QAAQ,EAAA,IAAA,EACR,iBAAiB,QACjB,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,KAAK,KAAI;AAClB,wBAAA,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;wBAC3B,UAAU,CAAC,KAAK,CAAC;oBACnB,CAAC,EAAA,CACD,CACG,CACG;AACZ,QAAAA,cAAA,CAAA,aAAA,CAAC,WAAW,EAAA,IAAA;AACV,YAAAA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,EAAA,CAAI;YACxDA,cAAA,CAAA,aAAA,CAAC,MAAM,IAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,EAAA,CAAG,CACtD,CACb;AAEP;;;;"}
+{"version":3,"file":"NewSavedViewModal.js","sources":["../../../src/components/DataTable/NewSavedViewModal.tsx"],"sourcesContent":["import { Button } from \"@components/button\"\nimport { Input } from \"@components/input\"\nimport { Modal, ModalBody, ModalFooter, ModalHeader } from \"@components/modal\"\nimport { useId } from \"@utilities/useId\"\nimport React, { useEffect, useRef, useState } from \"react\"\n\nexport interface NewSavedViewModalProps {\n  /**\n   * Prefills the name field, e.g. with \"Active copy\" when duplicating or the\n   * current name when renaming.\n   */\n  defaultName?: string\n  onClose: () => void\n  onSave: (name: string) => void\n  open: boolean\n  /** Default `\"New view\"`. */\n  title?: string\n}\n\nexport function NewSavedViewModal({\n  defaultName = \"\",\n  onClose,\n  onSave,\n  open,\n  title = \"New view\",\n}: NewSavedViewModalProps) {\n  return (\n    <Modal dismissible open={open} size=\"sm\" onClose={onClose}>\n      <ModalHeader title={title} />\n      <NewSavedViewForm\n        defaultName={defaultName}\n        onClose={onClose}\n        onSave={onSave}\n      />\n    </Modal>\n  )\n}\n\nNewSavedViewModal.displayName = \"NewSavedViewModal\"\n\n/**\n * Holds the field's state below the modal, which unmounts its contents when\n * closed, so each open starts over from `defaultName`.\n */\nfunction NewSavedViewForm({\n  defaultName,\n  onClose,\n  onSave,\n}: Required<Omit<NewSavedViewModalProps, \"open\" | \"title\">>) {\n  const formId = `tds-data-table-new-saved-view-${useId()}`\n  const [name, setName] = useState(defaultName)\n  const [invalid, setInvalid] = useState(false)\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  // Focuses in an effect rather than with `autoFocus`, which runs before a\n  // closing context menu releases focus and so gets pulled back into it.\n  useEffect(() => {\n    inputRef.current?.focus()\n  }, [])\n\n  const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault()\n    const trimmedName = name.trim()\n    if (!trimmedName) {\n      setInvalid(true)\n      return\n    }\n    onSave(trimmedName)\n    onClose()\n  }\n\n  return (\n    <>\n      <ModalBody>\n        <form id={formId} noValidate onSubmit={handleSubmit}>\n          <Input\n            ref={inputRef}\n            autoComplete=\"off\"\n            description={invalid ? \"Enter a name for this view.\" : undefined}\n            invalid={invalid}\n            label=\"Name\"\n            required\n            selectTextOnFocus\n            value={name}\n            onChange={(event) => {\n              setName(event.target.value)\n              setInvalid(false)\n            }}\n          />\n        </form>\n      </ModalBody>\n      <ModalFooter>\n        <Button kind=\"ghost\" label=\"Cancel\" onClick={onClose} />\n        <Button form={formId} kind=\"primary\" label=\"Save\" type=\"submit\" />\n      </ModalFooter>\n    </>\n  )\n}\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;SAmBgB,iBAAiB,CAAC,EAChC,WAAW,GAAG,EAAE,EAChB,OAAO,EACP,MAAM,EACN,IAAI,EACJ,KAAK,GAAG,UAAU,GACK,EAAA;AACvB,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,WAAW,QAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,OAAO,EAAA;AACvD,QAAAA,cAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,CAAI;AAC7B,QAAAA,cAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,EACf,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EAAA,CACd,CACI;AAEZ;AAEA,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;AAEnD;;;AAGG;AACH,SAAS,gBAAgB,CAAC,EACxB,WAAW,EACX,OAAO,EACP,MAAM,GACmD,EAAA;AACzD,IAAA,MAAM,MAAM,GAAG,CAAA,8BAAA,EAAiC,KAAK,EAAE,EAAE;IACzD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC;IAC7C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AAC7C,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC;;;IAI/C,SAAS,CAAC,MAAK;AACb,QAAA,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE;IAC3B,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,YAAY,GAAG,CAAC,KAAuC,KAAI;QAC/D,KAAK,CAAC,cAAc,EAAE;AACtB,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,EAAE;QAC/B,IAAI,CAAC,WAAW,EAAE;YAChB,UAAU,CAAC,IAAI,CAAC;YAChB;QACF;QACA,MAAM,CAAC,WAAW,CAAC;AACnB,QAAA,OAAO,EAAE;AACX,IAAA,CAAC;AAED,IAAA,QACEA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA;AACE,QAAAA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,IAAA;YACRA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,EAAE,EAAE,MAAM,EAAE,UAAU,EAAA,IAAA,EAAC,QAAQ,EAAE,YAAY,EAAA;AACjD,gBAAAA,cAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EACJ,GAAG,EAAE,QAAQ,EACb,YAAY,EAAC,KAAK,EAClB,WAAW,EAAE,OAAO,GAAG,6BAA6B,GAAG,SAAS,EAChE,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,MAAM,EACZ,QAAQ,EAAA,IAAA,EACR,iBAAiB,QACjB,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,KAAK,KAAI;AAClB,wBAAA,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;wBAC3B,UAAU,CAAC,KAAK,CAAC;oBACnB,CAAC,EAAA,CACD,CACG,CACG;AACZ,QAAAA,cAAA,CAAA,aAAA,CAAC,WAAW,EAAA,IAAA;AACV,YAAAA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,EAAA,CAAI;YACxDA,cAAA,CAAA,aAAA,CAAC,MAAM,IAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,EAAA,CAAG,CACtD,CACb;AAEP;;;;"}

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

@@ -56,6 +56,15 @@ export declare const ResultsCount: {
  * rendered above the table groups digits the same way.
  */
 export declare function formatCount(count: number): string;
+/**
+ * Builds the results-count label, e.g. `"1 result"`, `"1,234 results"`, or
+ * `"2 people"`. The count is formatted with `Intl.NumberFormat` and the
+ * singular noun is used only when the count is 1, every other count uses the
+ * plural. `resultNoun` may be a string (the plural appends `"s"`), a
+ * `[singular, plural]` tuple (the plural is supplied explicitly), or `true`
+ * (the noun defaults to `"result"`).
+ */
+export declare function getResultsCountLabel(count: number, resultNoun: Exclude<ResultNoun, false>): string;
 /**
  * Picks the singular or plural noun for `count` (singular only when `count` is
  * 1, matching English pluralization).

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

@@ -1 +1 @@
-{"version":3,"file":"ResultsCount.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/ResultsCount.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;AAE9E,MAAM,WAAW,iBAAiB;IAChC,wFAAwF;IACxF,EAAE,EAAE,MAAM,CAAA;IACV;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,uCAAuC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,6CAA6C;IAC7C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;;OAGG;IACH,UAAU,EAAE,MAAM,CAAA;CACnB;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,UAAU,EAAE,UAAU,GAAG,SAAS,GAAG,OAAO,CAE3E;AAED;;;;;;;GAOG;AACH,wBAAgB,sBAAsB,CACpC,UAAU,EAAE,UAAU,GAAG,SAAS,GACjC,MAAM,GAAG,SAAS,CAIpB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY;iEAMtB,iBAAiB;;CAuBnB,CAAA;AAMD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEjD;AAmBD;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CACzB,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,GACrC,MAAM,CAOR"}
+{"version":3,"file":"ResultsCount.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/ResultsCount.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;AAE9E,MAAM,WAAW,iBAAiB;IAChC,wFAAwF;IACxF,EAAE,EAAE,MAAM,CAAA;IACV;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,uCAAuC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,6CAA6C;IAC7C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;;OAGG;IACH,UAAU,EAAE,MAAM,CAAA;CACnB;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,UAAU,EAAE,UAAU,GAAG,SAAS,GAAG,OAAO,CAE3E;AAED;;;;;;;GAOG;AACH,wBAAgB,sBAAsB,CACpC,UAAU,EAAE,UAAU,GAAG,SAAS,GACjC,MAAM,GAAG,SAAS,CAIpB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY;iEAMtB,iBAAiB;;CAuBnB,CAAA;AAMD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEjD;AAED;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,GACrC,MAAM,CAIR;AAED;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CACzB,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,GACrC,MAAM,CAOR"}

package/dist/components/DataTable/ResultsCount.js

@@ -90,5 +90,5 @@ function resolveNoun(count, resultNoun) {
     return count === 1 ? singular : plural;
 }
 
-export { ResultsCount, formatCount, hasResultsCount, resolveNoun, resolveResultNounLabel };
+export { ResultsCount, formatCount, getResultsCountLabel, hasResultsCount, resolveNoun, resolveResultNounLabel };
 //# sourceMappingURL=ResultsCount.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ResultsCount.js","sources":["../../../src/components/DataTable/ResultsCount.tsx"],"sourcesContent":["import React from \"react\"\n\n/**\n * A noun for the results count. A string uses it as the singular and appends\n * `\"s\"` for the plural; a `[singular, plural]` tuple supplies an irregular\n * plural; `true` defaults the noun to `\"result\"`; `false` renders no count.\n */\nexport type ResultNoun = boolean | string | [singular: string, plural: string]\n\nexport interface ResultsCountProps {\n  /** An `id` for the rendered element so the table can link it via `aria-describedby`. */\n  id: string\n  /**\n   * The noun (and whether to render a count at all). See {@link ResultNoun}.\n   * When `false` or omitted, nothing renders.\n   */\n  resultNoun?: ResultNoun\n  /** Whether the table is selectable. */\n  selectable?: boolean\n  /** The number of currently selected rows. */\n  selectedCount?: number\n  /**\n   * The total number of results: the caller's explicit `resultCount` when\n   * supplied, otherwise `data.length`.\n   */\n  totalCount: number\n}\n\n/**\n * Whether a {@link ResultsCount} will render anything for the given\n * `resultNoun`. A count is shown only when a noun is supplied, so callers can\n * use this to decide whether to link the count via `aria-describedby`.\n */\nexport function hasResultsCount(resultNoun: ResultNoun | undefined): boolean {\n  return Boolean(resultNoun)\n}\n\n/**\n * Resolves a {@link ResultNoun} to a plain string usable as the table's\n * `aria-label`, e.g. `\"people\"` or `\"items\"`. Uses the plural form — appending\n * `\"s\"` to a string noun and taking the second element of a `[singular,\n * plural]` tuple — to match the count label. Returns `undefined` when no\n * meaningful noun is supplied — including the `true` default, which carries no\n * caller-provided label — so callers can fall back to their own `aria-label`.\n */\nexport function resolveResultNounLabel(\n  resultNoun: ResultNoun | undefined\n): string | undefined {\n  if (!resultNoun || resultNoun === true) return undefined\n  // A count other than 1 selects the plural form.\n  return resolveNoun(2, resultNoun)\n}\n\n/**\n * Renders the results count displayed above the table, e.g. `\"1 result\"`,\n * `\"1,234 results\"`, or `\"2 people\"`. When the table is `selectable` and rows\n * are selected, the count reflects the selection as `\"{selected} of {total}\"`,\n * e.g. `\"2 of 100\"`. That terse visible form is ambiguous on its own, so a\n * visually-hidden suffix names what the numbers refer to for assistive tech —\n * `\"2 of 100 people selected\"`. Renders nothing when `resultNoun` is `false` or\n * omitted.\n */\nexport const ResultsCount = ({\n  id,\n  resultNoun,\n  selectable,\n  selectedCount = 0,\n  totalCount,\n}: ResultsCountProps) => {\n  if (!resultNoun) return null\n\n  // When the table is selectable and rows are selected, the count reflects the\n  // selection as `\"{selected} of {total}\"` (e.g. `\"2 of 100\"`) rather than the\n  // total row count.\n  const hasSelection = Boolean(selectable && selectedCount)\n  const label = hasSelection\n    ? `${formatCount(selectedCount)} of ${formatCount(totalCount)}`\n    : getResultsCountLabel(totalCount, resultNoun)\n\n  return (\n    <p id={id} className=\"tds-data-table-results-count\">\n      {label}\n      {hasSelection && (\n        // The noun agrees with the total rather than the selected count, so a\n        // single selection out of many still reads `\"1 of 57 people selected\"`.\n        <span className=\"tds-data-table-results-count-label--hidden\">\n          &nbsp;{`${resolveNoun(totalCount, resultNoun)} selected`}\n        </span>\n      )}\n    </p>\n  )\n}\n\nResultsCount.displayName = \"ResultsCount\"\n\nconst numberFormatter = new Intl.NumberFormat()\n\n/**\n * Formats a count for display, e.g. `1234` as `\"1,234\"`. Shared so every count\n * rendered above the table groups digits the same way.\n */\nexport function formatCount(count: number): string {\n  return numberFormatter.format(count)\n}\n\n/**\n * Builds the results-count label, e.g. `\"1 result\"`, `\"1,234 results\"`, or\n * `\"2 people\"`. The count is formatted with `Intl.NumberFormat` and the\n * singular noun is used only when the count is 1, every other count uses the\n * plural. `resultNoun` may be a string (the plural appends `\"s\"`), a\n * `[singular, plural]` tuple (the plural is supplied explicitly), or `true`\n * (the noun defaults to `\"result\"`).\n */\nfunction getResultsCountLabel(\n  count: number,\n  resultNoun: Exclude<ResultNoun, false>\n): string {\n  const noun = resolveNoun(count, resultNoun)\n  const formattedCount = formatCount(count)\n  return `${formattedCount} ${noun}`\n}\n\n/**\n * Picks the singular or plural noun for `count` (singular only when `count` is\n * 1, matching English pluralization).\n * `resultNoun` may be a string (the plural appends `\"s\"`), a\n * `[singular, plural]` tuple, or `true` (the noun defaults to `\"result\"`).\n *\n * Shared with the table actions' `aria-label` suffix so every count rendered\n * above the table pluralizes identically.\n */\nexport function resolveNoun(\n  count: number,\n  resultNoun: Exclude<ResultNoun, false>\n): string {\n  const [singular, plural] = Array.isArray(resultNoun)\n    ? resultNoun\n    : resultNoun === true\n      ? [\"result\", \"results\"]\n      : [resultNoun, `${resultNoun}s`]\n  return count === 1 ? singular : plural\n}\n"],"names":["React"],"mappings":";;AA4BA;;;;AAIG;AACG,SAAU,eAAe,CAAC,UAAkC,EAAA;AAChE,IAAA,OAAO,OAAO,CAAC,UAAU,CAAC;AAC5B;AAEA;;;;;;;AAOG;AACG,SAAU,sBAAsB,CACpC,UAAkC,EAAA;AAElC,IAAA,IAAI,CAAC,UAAU,IAAI,UAAU,KAAK,IAAI;AAAE,QAAA,OAAO,SAAS;;AAExD,IAAA,OAAO,WAAW,CAAC,CAAC,EAAE,UAAU,CAAC;AACnC;AAEA;;;;;;;;AAQG;AACI,MAAM,YAAY,GAAG,CAAC,EAC3B,EAAE,EACF,UAAU,EACV,UAAU,EACV,aAAa,GAAG,CAAC,EACjB,UAAU,GACQ,KAAI;AACtB,IAAA,IAAI,CAAC,UAAU;AAAE,QAAA,OAAO,IAAI;;;;IAK5B,MAAM,YAAY,GAAG,OAAO,CAAC,UAAU,IAAI,aAAa,CAAC;IACzD,MAAM,KAAK,GAAG;UACV,CAAA,EAAG,WAAW,CAAC,aAAa,CAAC,CAAA,IAAA,EAAO,WAAW,CAAC,UAAU,CAAC,CAAA;AAC7D,UAAE,oBAAoB,CAAC,UAAU,EAAE,UAAU,CAAC;IAEhD,QACEA,oCAAG,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,8BAA8B,EAAA;QAChD,KAAK;AACL,QAAA,YAAY;;;QAGXA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,4CAA4C,EAAA;;YACnD,CAAA,EAAG,WAAW,CAAC,UAAU,EAAE,UAAU,CAAC,CAAA,SAAA,CAAW,CACnD,CACR,CACC;AAER;AAEA,YAAY,CAAC,WAAW,GAAG,cAAc;AAEzC,MAAM,eAAe,GAAG,IAAI,IAAI,CAAC,YAAY,EAAE;AAE/C;;;AAGG;AACG,SAAU,WAAW,CAAC,KAAa,EAAA;AACvC,IAAA,OAAO,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC;AACtC;AAEA;;;;;;;AAOG;AACH,SAAS,oBAAoB,CAC3B,KAAa,EACb,UAAsC,EAAA;IAEtC,MAAM,IAAI,GAAG,WAAW,CAAC,KAAK,EAAE,UAAU,CAAC;AAC3C,IAAA,MAAM,cAAc,GAAG,WAAW,CAAC,KAAK,CAAC;AACzC,IAAA,OAAO,CAAA,EAAG,cAAc,CAAA,CAAA,EAAI,IAAI,EAAE;AACpC;AAEA;;;;;;;;AAQG;AACG,SAAU,WAAW,CACzB,KAAa,EACb,UAAsC,EAAA;IAEtC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,UAAU;AACjD,UAAE;UACA,UAAU,KAAK;AACf,cAAE,CAAC,QAAQ,EAAE,SAAS;cACpB,CAAC,UAAU,EAAE,GAAG,UAAU,CAAA,CAAA,CAAG,CAAC;IACpC,OAAO,KAAK,KAAK,CAAC,GAAG,QAAQ,GAAG,MAAM;AACxC;;;;"}
+{"version":3,"file":"ResultsCount.js","sources":["../../../src/components/DataTable/ResultsCount.tsx"],"sourcesContent":["import React from \"react\"\n\n/**\n * A noun for the results count. A string uses it as the singular and appends\n * `\"s\"` for the plural; a `[singular, plural]` tuple supplies an irregular\n * plural; `true` defaults the noun to `\"result\"`; `false` renders no count.\n */\nexport type ResultNoun = boolean | string | [singular: string, plural: string]\n\nexport interface ResultsCountProps {\n  /** An `id` for the rendered element so the table can link it via `aria-describedby`. */\n  id: string\n  /**\n   * The noun (and whether to render a count at all). See {@link ResultNoun}.\n   * When `false` or omitted, nothing renders.\n   */\n  resultNoun?: ResultNoun\n  /** Whether the table is selectable. */\n  selectable?: boolean\n  /** The number of currently selected rows. */\n  selectedCount?: number\n  /**\n   * The total number of results: the caller's explicit `resultCount` when\n   * supplied, otherwise `data.length`.\n   */\n  totalCount: number\n}\n\n/**\n * Whether a {@link ResultsCount} will render anything for the given\n * `resultNoun`. A count is shown only when a noun is supplied, so callers can\n * use this to decide whether to link the count via `aria-describedby`.\n */\nexport function hasResultsCount(resultNoun: ResultNoun | undefined): boolean {\n  return Boolean(resultNoun)\n}\n\n/**\n * Resolves a {@link ResultNoun} to a plain string usable as the table's\n * `aria-label`, e.g. `\"people\"` or `\"items\"`. Uses the plural form — appending\n * `\"s\"` to a string noun and taking the second element of a `[singular,\n * plural]` tuple — to match the count label. Returns `undefined` when no\n * meaningful noun is supplied — including the `true` default, which carries no\n * caller-provided label — so callers can fall back to their own `aria-label`.\n */\nexport function resolveResultNounLabel(\n  resultNoun: ResultNoun | undefined\n): string | undefined {\n  if (!resultNoun || resultNoun === true) return undefined\n  // A count other than 1 selects the plural form.\n  return resolveNoun(2, resultNoun)\n}\n\n/**\n * Renders the results count displayed above the table, e.g. `\"1 result\"`,\n * `\"1,234 results\"`, or `\"2 people\"`. When the table is `selectable` and rows\n * are selected, the count reflects the selection as `\"{selected} of {total}\"`,\n * e.g. `\"2 of 100\"`. That terse visible form is ambiguous on its own, so a\n * visually-hidden suffix names what the numbers refer to for assistive tech —\n * `\"2 of 100 people selected\"`. Renders nothing when `resultNoun` is `false` or\n * omitted.\n */\nexport const ResultsCount = ({\n  id,\n  resultNoun,\n  selectable,\n  selectedCount = 0,\n  totalCount,\n}: ResultsCountProps) => {\n  if (!resultNoun) return null\n\n  // When the table is selectable and rows are selected, the count reflects the\n  // selection as `\"{selected} of {total}\"` (e.g. `\"2 of 100\"`) rather than the\n  // total row count.\n  const hasSelection = Boolean(selectable && selectedCount)\n  const label = hasSelection\n    ? `${formatCount(selectedCount)} of ${formatCount(totalCount)}`\n    : getResultsCountLabel(totalCount, resultNoun)\n\n  return (\n    <p id={id} className=\"tds-data-table-results-count\">\n      {label}\n      {hasSelection && (\n        // The noun agrees with the total rather than the selected count, so a\n        // single selection out of many still reads `\"1 of 57 people selected\"`.\n        <span className=\"tds-data-table-results-count-label--hidden\">\n          &nbsp;{`${resolveNoun(totalCount, resultNoun)} selected`}\n        </span>\n      )}\n    </p>\n  )\n}\n\nResultsCount.displayName = \"ResultsCount\"\n\nconst numberFormatter = new Intl.NumberFormat()\n\n/**\n * Formats a count for display, e.g. `1234` as `\"1,234\"`. Shared so every count\n * rendered above the table groups digits the same way.\n */\nexport function formatCount(count: number): string {\n  return numberFormatter.format(count)\n}\n\n/**\n * Builds the results-count label, e.g. `\"1 result\"`, `\"1,234 results\"`, or\n * `\"2 people\"`. The count is formatted with `Intl.NumberFormat` and the\n * singular noun is used only when the count is 1, every other count uses the\n * plural. `resultNoun` may be a string (the plural appends `\"s\"`), a\n * `[singular, plural]` tuple (the plural is supplied explicitly), or `true`\n * (the noun defaults to `\"result\"`).\n */\nexport function getResultsCountLabel(\n  count: number,\n  resultNoun: Exclude<ResultNoun, false>\n): string {\n  const noun = resolveNoun(count, resultNoun)\n  const formattedCount = formatCount(count)\n  return `${formattedCount} ${noun}`\n}\n\n/**\n * Picks the singular or plural noun for `count` (singular only when `count` is\n * 1, matching English pluralization).\n * `resultNoun` may be a string (the plural appends `\"s\"`), a\n * `[singular, plural]` tuple, or `true` (the noun defaults to `\"result\"`).\n *\n * Shared with the table actions' `aria-label` suffix so every count rendered\n * above the table pluralizes identically.\n */\nexport function resolveNoun(\n  count: number,\n  resultNoun: Exclude<ResultNoun, false>\n): string {\n  const [singular, plural] = Array.isArray(resultNoun)\n    ? resultNoun\n    : resultNoun === true\n      ? [\"result\", \"results\"]\n      : [resultNoun, `${resultNoun}s`]\n  return count === 1 ? singular : plural\n}\n"],"names":["React"],"mappings":";;AA4BA;;;;AAIG;AACG,SAAU,eAAe,CAAC,UAAkC,EAAA;AAChE,IAAA,OAAO,OAAO,CAAC,UAAU,CAAC;AAC5B;AAEA;;;;;;;AAOG;AACG,SAAU,sBAAsB,CACpC,UAAkC,EAAA;AAElC,IAAA,IAAI,CAAC,UAAU,IAAI,UAAU,KAAK,IAAI;AAAE,QAAA,OAAO,SAAS;;AAExD,IAAA,OAAO,WAAW,CAAC,CAAC,EAAE,UAAU,CAAC;AACnC;AAEA;;;;;;;;AAQG;AACI,MAAM,YAAY,GAAG,CAAC,EAC3B,EAAE,EACF,UAAU,EACV,UAAU,EACV,aAAa,GAAG,CAAC,EACjB,UAAU,GACQ,KAAI;AACtB,IAAA,IAAI,CAAC,UAAU;AAAE,QAAA,OAAO,IAAI;;;;IAK5B,MAAM,YAAY,GAAG,OAAO,CAAC,UAAU,IAAI,aAAa,CAAC;IACzD,MAAM,KAAK,GAAG;UACV,CAAA,EAAG,WAAW,CAAC,aAAa,CAAC,CAAA,IAAA,EAAO,WAAW,CAAC,UAAU,CAAC,CAAA;AAC7D,UAAE,oBAAoB,CAAC,UAAU,EAAE,UAAU,CAAC;IAEhD,QACEA,oCAAG,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,8BAA8B,EAAA;QAChD,KAAK;AACL,QAAA,YAAY;;;QAGXA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,4CAA4C,EAAA;;YACnD,CAAA,EAAG,WAAW,CAAC,UAAU,EAAE,UAAU,CAAC,CAAA,SAAA,CAAW,CACnD,CACR,CACC;AAER;AAEA,YAAY,CAAC,WAAW,GAAG,cAAc;AAEzC,MAAM,eAAe,GAAG,IAAI,IAAI,CAAC,YAAY,EAAE;AAE/C;;;AAGG;AACG,SAAU,WAAW,CAAC,KAAa,EAAA;AACvC,IAAA,OAAO,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC;AACtC;AAEA;;;;;;;AAOG;AACG,SAAU,oBAAoB,CAClC,KAAa,EACb,UAAsC,EAAA;IAEtC,MAAM,IAAI,GAAG,WAAW,CAAC,KAAK,EAAE,UAAU,CAAC;AAC3C,IAAA,MAAM,cAAc,GAAG,WAAW,CAAC,KAAK,CAAC;AACzC,IAAA,OAAO,CAAA,EAAG,cAAc,CAAA,CAAA,EAAI,IAAI,EAAE;AACpC;AAEA;;;;;;;;AAQG;AACG,SAAU,WAAW,CACzB,KAAa,EACb,UAAsC,EAAA;IAEtC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,UAAU;AACjD,UAAE;UACA,UAAU,KAAK;AACf,cAAE,CAAC,QAAQ,EAAE,SAAS;cACpB,CAAC,UAAU,EAAE,GAAG,UAAU,CAAA,CAAA,CAAG,CAAC;IACpC,OAAO,KAAK,KAAK,CAAC,GAAG,QAAQ,GAAG,MAAM;AACxC;;;;"}

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":"AAUA,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,EACd,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,qBAqQpB;yBAlRe,aAAa"}