@planningcenter/tapestry 4.12.0 → 4.13.0-rc.0

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

@@ -0,0 +1,32 @@
+import React from "react";
+import type { SavedView } from "./savedViews";
+/** Tracks saves of views not in the list yet, which have no id to go by. */
+export declare const NEW_VIEW: unique symbol;
+type SaveStatusKey = SavedView["id"] | typeof NEW_VIEW;
+type SaveStatus = {
+    message: string;
+    status: "failed";
+} | {
+    status: "saving";
+};
+/**
+ * Tracks saved view saves, by view. A save shows a spinner while it's
+ * pending, which fades in after 500ms so quick saves show nothing. A failed
+ * one shows a "not saved" icon for 3s and is announced to screen readers by
+ * the view's `name`. A newer save of the same view replaces the older one's.
+ */
+export declare function useSaveStatus(): {
+    statusFor: (id: SaveStatusKey) => SaveStatus | undefined;
+    track: (id: SaveStatusKey, saving: unknown, name: string) => Promise<void>;
+};
+/**
+ * Hidden from screen readers, which hear failures announced instead, so it
+ * stays out of the view's name. With a `label`, a failure shows it next to
+ * the icon.
+ */
+export declare function SaveStatusIcon({ label, status, }: {
+    label?: string;
+    status?: SaveStatus;
+}): React.JSX.Element | null;
+export {};
+//# sourceMappingURL=useSaveStatus.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSaveStatus.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/useSaveStatus.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA2B,MAAM,OAAO,CAAA;AAE/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAK7C,4EAA4E;AAC5E,eAAO,MAAM,QAAQ,eAAqB,CAAA;AAE1C,KAAK,aAAa,GAAG,SAAS,CAAC,IAAI,CAAC,GAAG,OAAO,QAAQ,CAAA;AAEtD,KAAK,UAAU,GAAG;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,QAAQ,CAAA;CAAE,GAAG;IAAE,MAAM,EAAE,QAAQ,CAAA;CAAE,CAAA;AAI9E;;;;;GAKG;AACH,wBAAgB,aAAa;oBAyCF,aAAa;gBA1Bb,aAAa,UAAU,OAAO,QAAQ,MAAM;EA2BtE;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,MAAM,GACP,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,UAAU,CAAA;CACpB,4BAgCA"}

package/dist/components/DataTable/useSaveStatus.js

@@ -0,0 +1,80 @@
+import LoadingSpinner from '../internal/LoadingSpinner.js';
+import '../internal/LoadingAnnouncement.js';
+import '../internal/tooltip/Tooltip.js';
+import Icon from '../../utilities/Icon.js';
+import { useAnnounce } from '../../utilities/useAnnounce.js';
+import React__default, { useState, useRef } from 'react';
+import { saveErrorMessage } from './saveErrorMessage.js';
+
+const FAILED_DURATION = 3000;
+/** Tracks saves of views not in the list yet, which have no id to go by. */
+const NEW_VIEW = Symbol("new view");
+const wait = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
+/**
+ * Tracks saved view saves, by view. A save shows a spinner while it's
+ * pending, which fades in after 500ms so quick saves show nothing. A failed
+ * one shows a "not saved" icon for 3s and is announced to screen readers by
+ * the view's `name`. A newer save of the same view replaces the older one's.
+ */
+function useSaveStatus() {
+    const announce = useAnnounce();
+    const [statuses, setStatuses] = useState(() => new Map());
+    const latestSave = useRef(new Map());
+    const setStatus = (id, status) => setStatuses((current) => {
+        const next = new Map(current);
+        if (status)
+            next.set(id, status);
+        else
+            next.delete(id);
+        return next;
+    });
+    const track = async (id, saving, name) => {
+        const save = (latestSave.current.get(id) ?? 0) + 1;
+        latestSave.current.set(id, save);
+        const isLatest = () => latestSave.current.get(id) === save;
+        setStatus(id, { status: "saving" });
+        let failure;
+        try {
+            await saving;
+        }
+        catch (error) {
+            failure = { error };
+        }
+        if (!isLatest())
+            return;
+        if (!failure) {
+            setStatus(id);
+            return;
+        }
+        const message = saveErrorMessage(failure.error);
+        setStatus(id, { message, status: "failed" });
+        announce(`${name} not saved. ${message}`);
+        await wait(FAILED_DURATION);
+        if (isLatest())
+            setStatus(id);
+    };
+    return { statusFor: (id) => statuses.get(id), track };
+}
+/**
+ * Hidden from screen readers, which hear failures announced instead, so it
+ * stays out of the view's name. With a `label`, a failure shows it next to
+ * the icon.
+ */
+function SaveStatusIcon({ label, status, }) {
+    if (!status)
+        return null;
+    if (status.status === "saving") {
+        return (React__default.createElement("span", { "aria-hidden": true, className: "tds-data-table-saved-view-save-status tds-data-table-saved-view-save-status--saving" },
+            React__default.createElement(LoadingSpinner, null)));
+    }
+    const icon = (React__default.createElement("span", { "aria-hidden": true, className: "tds-data-table-saved-view-save-status tds-data-table-saved-view-save-status--failed", title: `Not saved. ${status.message}` },
+        React__default.createElement(Icon, { "aria-hidden": true, symbol: "general#exclamation-triangle" })));
+    if (!label)
+        return icon;
+    return (React__default.createElement("span", { "aria-hidden": true, className: "tds-data-table-saved-view-save-error", title: status.message },
+        icon,
+        label));
+}
+
+export { NEW_VIEW, SaveStatusIcon, useSaveStatus };
+//# sourceMappingURL=useSaveStatus.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSaveStatus.js","sources":["../../../src/components/DataTable/useSaveStatus.tsx"],"sourcesContent":["import { LoadingSpinner } from \"@components/internal\"\nimport Icon from \"@utilities/Icon\"\nimport { useAnnounce } from \"@utilities/useAnnounce\"\nimport React, { useRef, useState } from \"react\"\n\nimport type { SavedView } from \"./savedViews\"\nimport { saveErrorMessage } from \"./saveErrorMessage\"\n\nconst FAILED_DURATION = 3000\n\n/** Tracks saves of views not in the list yet, which have no id to go by. */\nexport const NEW_VIEW = Symbol(\"new view\")\n\ntype SaveStatusKey = SavedView[\"id\"] | typeof NEW_VIEW\n\ntype SaveStatus = { message: string; status: \"failed\" } | { status: \"saving\" }\n\nconst wait = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms))\n\n/**\n * Tracks saved view saves, by view. A save shows a spinner while it's\n * pending, which fades in after 500ms so quick saves show nothing. A failed\n * one shows a \"not saved\" icon for 3s and is announced to screen readers by\n * the view's `name`. A newer save of the same view replaces the older one's.\n */\nexport function useSaveStatus() {\n  const announce = useAnnounce()\n  const [statuses, setStatuses] = useState(\n    () => new Map<SaveStatusKey, SaveStatus>()\n  )\n  const latestSave = useRef(new Map<SaveStatusKey, number>())\n\n  const setStatus = (id: SaveStatusKey, status?: SaveStatus) =>\n    setStatuses((current) => {\n      const next = new Map(current)\n      if (status) next.set(id, status)\n      else next.delete(id)\n      return next\n    })\n\n  const track = async (id: SaveStatusKey, saving: unknown, name: string) => {\n    const save = (latestSave.current.get(id) ?? 0) + 1\n    latestSave.current.set(id, save)\n    const isLatest = () => latestSave.current.get(id) === save\n\n    setStatus(id, { status: \"saving\" })\n\n    let failure: { error: unknown } | undefined\n    try {\n      await saving\n    } catch (error) {\n      failure = { error }\n    }\n    if (!isLatest()) return\n    if (!failure) {\n      setStatus(id)\n      return\n    }\n\n    const message = saveErrorMessage(failure.error)\n    setStatus(id, { message, status: \"failed\" })\n    announce(`${name} not saved. ${message}`)\n    await wait(FAILED_DURATION)\n    if (isLatest()) setStatus(id)\n  }\n\n  return { statusFor: (id: SaveStatusKey) => statuses.get(id), track }\n}\n\n/**\n * Hidden from screen readers, which hear failures announced instead, so it\n * stays out of the view's name. With a `label`, a failure shows it next to\n * the icon.\n */\nexport function SaveStatusIcon({\n  label,\n  status,\n}: {\n  label?: string\n  status?: SaveStatus\n}) {\n  if (!status) return null\n  if (status.status === \"saving\") {\n    return (\n      <span\n        aria-hidden\n        className=\"tds-data-table-saved-view-save-status tds-data-table-saved-view-save-status--saving\"\n      >\n        <LoadingSpinner />\n      </span>\n    )\n  }\n  const icon = (\n    <span\n      aria-hidden\n      className=\"tds-data-table-saved-view-save-status tds-data-table-saved-view-save-status--failed\"\n      title={`Not saved. ${status.message}`}\n    >\n      <Icon aria-hidden symbol=\"general#exclamation-triangle\" />\n    </span>\n  )\n  if (!label) return icon\n  return (\n    <span\n      aria-hidden\n      className=\"tds-data-table-saved-view-save-error\"\n      title={status.message}\n    >\n      {icon}\n      {label}\n    </span>\n  )\n}\n"],"names":["React"],"mappings":";;;;;;;;AAQA,MAAM,eAAe,GAAG,IAAI;AAE5B;MACa,QAAQ,GAAG,MAAM,CAAC,UAAU;AAMzC,MAAM,IAAI,GAAG,CAAC,EAAU,KAAK,IAAI,OAAO,CAAC,CAAC,OAAO,KAAK,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;AAE9E;;;;;AAKG;SACa,aAAa,GAAA;AAC3B,IAAA,MAAM,QAAQ,GAAG,WAAW,EAAE;AAC9B,IAAA,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CACtC,MAAM,IAAI,GAAG,EAA6B,CAC3C;IACD,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,GAAG,EAAyB,CAAC;AAE3D,IAAA,MAAM,SAAS,GAAG,CAAC,EAAiB,EAAE,MAAmB,KACvD,WAAW,CAAC,CAAC,OAAO,KAAI;AACtB,QAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC;AAC7B,QAAA,IAAI,MAAM;AAAE,YAAA,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,MAAM,CAAC;;AAC3B,YAAA,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;AACpB,QAAA,OAAO,IAAI;AACb,IAAA,CAAC,CAAC;IAEJ,MAAM,KAAK,GAAG,OAAO,EAAiB,EAAE,MAAe,EAAE,IAAY,KAAI;AACvE,QAAA,MAAM,IAAI,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC;QAClD,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC;AAChC,QAAA,MAAM,QAAQ,GAAG,MAAM,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,KAAK,IAAI;QAE1D,SAAS,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;AAEnC,QAAA,IAAI,OAAuC;AAC3C,QAAA,IAAI;AACF,YAAA,MAAM,MAAM;QACd;QAAE,OAAO,KAAK,EAAE;AACd,YAAA,OAAO,GAAG,EAAE,KAAK,EAAE;QACrB;QACA,IAAI,CAAC,QAAQ,EAAE;YAAE;QACjB,IAAI,CAAC,OAAO,EAAE;YACZ,SAAS,CAAC,EAAE,CAAC;YACb;QACF;QAEA,MAAM,OAAO,GAAG,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC;QAC/C,SAAS,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;AAC5C,QAAA,QAAQ,CAAC,CAAA,EAAG,IAAI,eAAe,OAAO,CAAA,CAAE,CAAC;AACzC,QAAA,MAAM,IAAI,CAAC,eAAe,CAAC;AAC3B,QAAA,IAAI,QAAQ,EAAE;YAAE,SAAS,CAAC,EAAE,CAAC;AAC/B,IAAA,CAAC;AAED,IAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAiB,KAAK,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE;AACtE;AAEA;;;;AAIG;SACa,cAAc,CAAC,EAC7B,KAAK,EACL,MAAM,GAIP,EAAA;AACC,IAAA,IAAI,CAAC,MAAM;AAAE,QAAA,OAAO,IAAI;AACxB,IAAA,IAAI,MAAM,CAAC,MAAM,KAAK,QAAQ,EAAE;AAC9B,QAAA,QACEA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,aAAA,EAAA,IAAA,EAEE,SAAS,EAAC,qFAAqF,EAAA;AAE/F,YAAAA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,IAAA,CAAG,CACb;IAEX;AACA,IAAA,MAAM,IAAI,IACRA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,aAAA,EAAA,IAAA,EAEE,SAAS,EAAC,qFAAqF,EAC/F,KAAK,EAAE,CAAA,WAAA,EAAc,MAAM,CAAC,OAAO,CAAA,CAAE,EAAA;QAErCA,cAAA,CAAA,aAAA,CAAC,IAAI,yBAAa,MAAM,EAAC,8BAA8B,EAAA,CAAG,CACrD,CACR;AACD,IAAA,IAAI,CAAC,KAAK;AAAE,QAAA,OAAO,IAAI;IACvB,QACEA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,aAAA,EAAA,IAAA,EAEE,SAAS,EAAC,sCAAsC,EAChD,KAAK,EAAE,MAAM,CAAC,OAAO,EAAA;QAEpB,IAAI;QACJ,KAAK,CACD;AAEX;;;;"}

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

@@ -0,0 +1,14 @@
+import type { NewSavedViewModalProps } from "./NewSavedViewModal";
+import { type SavedView } from "./savedViews";
+/**
+ * The name modal's state, for a new view, a duplicate, or a rename. Spread
+ * `modalProps` onto a `NewSavedViewModal`. What it saves outlives the modal's
+ * open state, so the title holds while the modal fades out.
+ */
+export declare function useSavedViewNameModal(onUpdate?: (savedView: SavedView) => Promise<SavedView | undefined> | SavedView): {
+    modalProps: NewSavedViewModalProps;
+    open: (title: string, defaultName: string, save: (name: string) => void) => void;
+    openDuplicate: (view: SavedView, create: (duplicate: Omit<SavedView, "id">) => void) => void;
+    openRename: (view: SavedView, track: (saving: Promise<void>) => void) => void;
+};
+//# sourceMappingURL=useSavedViewNameModal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSavedViewNameModal.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/useSavedViewNameModal.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AACjE,OAAO,EAAE,KAAK,SAAS,EAAsB,MAAM,cAAc,CAAA;AAGjE;;;;GAIG;AACH,wBAAgB,qBAAqB,CACnC,QAAQ,CAAC,EAAE,CACT,SAAS,EAAE,SAAS,KACjB,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC,GAAG,SAAS;;kBAWtC,MAAM,eACA,MAAM,QACb,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI;0BAQtB,SAAS,UACP,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,IAAI;uBAS5C,SAAS,SACR,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI;EAmBzC"}

package/dist/components/DataTable/useSavedViewNameModal.js

@@ -0,0 +1,43 @@
+import { useState } from 'react';
+import { savedViewDuplicate } from './savedViews.js';
+import { useUpdateSavedViewName } from './useUpdateSavedViewName.js';
+
+/**
+ * The name modal's state, for a new view, a duplicate, or a rename. Spread
+ * `modalProps` onto a `NewSavedViewModal`. What it saves outlives the modal's
+ * open state, so the title holds while the modal fades out.
+ */
+function useSavedViewNameModal(onUpdate) {
+    const [draft, setDraft] = useState();
+    const [isOpen, setIsOpen] = useState(false);
+    const updateSavedViewName = useUpdateSavedViewName(onUpdate);
+    const open = (title, defaultName, save) => {
+        setDraft({ defaultName, save, title });
+        setIsOpen(true);
+    };
+    /** `create` gets the duplicate under the entered name, without an id. */
+    const openDuplicate = (view, create) => {
+        open("Duplicate view", `${view.name} copy`, (name) => create(savedViewDuplicate(view, name)));
+    };
+    /** `track` gets the rename's save. */
+    const openRename = (view, track) => {
+        open("Rename view", view.name, (name) => {
+            if (name !== view.name)
+                track(updateSavedViewName(view, name));
+        });
+    };
+    const modalProps = {
+        defaultName: draft?.defaultName,
+        onClose: () => setIsOpen(false),
+        onSave: (name) => {
+            setIsOpen(false);
+            draft?.save(name);
+        },
+        open: isOpen,
+        title: draft?.title,
+    };
+    return { modalProps, open, openDuplicate, openRename };
+}
+
+export { useSavedViewNameModal };
+//# sourceMappingURL=useSavedViewNameModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSavedViewNameModal.js","sources":["../../../src/components/DataTable/useSavedViewNameModal.ts"],"sourcesContent":["import { useState } from \"react\"\n\nimport type { NewSavedViewModalProps } from \"./NewSavedViewModal\"\nimport { type SavedView, savedViewDuplicate } from \"./savedViews\"\nimport { useUpdateSavedViewName } from \"./useUpdateSavedViewName\"\n\n/**\n * The name modal's state, for a new view, a duplicate, or a rename. Spread\n * `modalProps` onto a `NewSavedViewModal`. What it saves outlives the modal's\n * open state, so the title holds while the modal fades out.\n */\nexport function useSavedViewNameModal(\n  onUpdate?: (\n    savedView: SavedView\n  ) => Promise<SavedView | undefined> | SavedView\n) {\n  const [draft, setDraft] = useState<{\n    defaultName: string\n    save: (name: string) => void\n    title: string\n  }>()\n  const [isOpen, setIsOpen] = useState(false)\n  const updateSavedViewName = useUpdateSavedViewName(onUpdate)\n\n  const open = (\n    title: string,\n    defaultName: string,\n    save: (name: string) => void\n  ) => {\n    setDraft({ defaultName, save, title })\n    setIsOpen(true)\n  }\n\n  /** `create` gets the duplicate under the entered name, without an id. */\n  const openDuplicate = (\n    view: SavedView,\n    create: (duplicate: Omit<SavedView, \"id\">) => void\n  ) => {\n    open(\"Duplicate view\", `${view.name} copy`, (name) =>\n      create(savedViewDuplicate(view, name))\n    )\n  }\n\n  /** `track` gets the rename's save. */\n  const openRename = (\n    view: SavedView,\n    track: (saving: Promise<void>) => void\n  ) => {\n    open(\"Rename view\", view.name, (name) => {\n      if (name !== view.name) track(updateSavedViewName(view, name))\n    })\n  }\n\n  const modalProps: NewSavedViewModalProps = {\n    defaultName: draft?.defaultName,\n    onClose: () => setIsOpen(false),\n    onSave: (name) => {\n      setIsOpen(false)\n      draft?.save(name)\n    },\n    open: isOpen,\n    title: draft?.title,\n  }\n\n  return { modalProps, open, openDuplicate, openRename }\n}\n"],"names":[],"mappings":";;;;AAMA;;;;AAIG;AACG,SAAU,qBAAqB,CACnC,QAE+C,EAAA;IAE/C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAI9B;IACJ,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AAC3C,IAAA,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,QAAQ,CAAC;IAE5D,MAAM,IAAI,GAAG,CACX,KAAa,EACb,WAAmB,EACnB,IAA4B,KAC1B;QACF,QAAQ,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;QACtC,SAAS,CAAC,IAAI,CAAC;AACjB,IAAA,CAAC;;AAGD,IAAA,MAAM,aAAa,GAAG,CACpB,IAAe,EACf,MAAkD,KAChD;QACF,IAAI,CAAC,gBAAgB,EAAE,CAAA,EAAG,IAAI,CAAC,IAAI,CAAA,KAAA,CAAO,EAAE,CAAC,IAAI,KAC/C,MAAM,CAAC,kBAAkB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CACvC;AACH,IAAA,CAAC;;AAGD,IAAA,MAAM,UAAU,GAAG,CACjB,IAAe,EACf,KAAsC,KACpC;QACF,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,IAAI,KAAI;AACtC,YAAA,IAAI,IAAI,KAAK,IAAI,CAAC,IAAI;gBAAE,KAAK,CAAC,mBAAmB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AAChE,QAAA,CAAC,CAAC;AACJ,IAAA,CAAC;AAED,IAAA,MAAM,UAAU,GAA2B;QACzC,WAAW,EAAE,KAAK,EAAE,WAAW;AAC/B,QAAA,OAAO,EAAE,MAAM,SAAS,CAAC,KAAK,CAAC;AAC/B,QAAA,MAAM,EAAE,CAAC,IAAI,KAAI;YACf,SAAS,CAAC,KAAK,CAAC;AAChB,YAAA,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC;QACnB,CAAC;AACD,QAAA,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,KAAK,EAAE,KAAK;KACpB;IAED,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE;AACxD;;;;"}

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

@@ -0,0 +1,58 @@
+import { type SavedView } from "./savedViews";
+/**
+ * Sends requests to the saved views API. Matches
+ * `@planningcenter/api-client`'s `Client`, so auth, CSRF, and the API root stay
+ * in the app; pass one whose root serves the private graph. Each method
+ * resolves to the parsed response and rejects on failure.
+ */
+export interface ApiClient {
+    delete(request: {
+        url: string;
+    }): Promise<unknown>;
+    patch(request: {
+        data: object;
+        url: string;
+    }): Promise<unknown>;
+    post(request: {
+        data: object;
+        url: string;
+    }): Promise<unknown>;
+}
+export interface UseSavedViewsClientOptions {
+    client: ApiClient;
+    tableKey: string;
+}
+/**
+ * Returns DataTable's saved view callbacks, sending each change to the saved
+ * views endpoints that `tapestry:saved_views` adds to pco-api's private graph:
+ *
+ * - `POST /data_tables/:table_key/saved_views`
+ * - `PATCH /data_tables/:table_key/saved_views/:id` (also takes `after_id` to
+ *   reorder)
+ * - `DELETE /data_tables/:table_key/saved_views/:id`
+ * - `POST` and `DELETE /data_tables/:table_key/saved_view_default`
+ *
+ * Each callback resolves once its request succeeds and rejects with the
+ * client's error. Default changes are sent one at a time, so the server keeps
+ * the last one chosen. DataTable shows the change right away and undoes it on
+ * rejection. Doesn't load views or hold state, so pass `data_table_props` to
+ * DataTable too:
+ *
+ * ```tsx
+ * <DataTable {...dataTableProps} {...useSavedViewsClient({ client, tableKey })} />
+ * ```
+ */
+export declare function useSavedViewsClient({ client, tableKey, }: UseSavedViewsClientOptions): {
+    onDefaultViewIdChange: (id: number | string) => Promise<void>;
+    onSavedViewCreate: (view: Omit<SavedView, "id">) => Promise<{
+        id: string | number;
+        sort?: import("./DataTable").Sort | undefined;
+        name: string;
+        activeFilters: import("./FilterTypes").ActiveFilter[];
+        hiddenColumnNames?: string[] | undefined;
+    }>;
+    onSavedViewDelete: (view: SavedView) => Promise<void>;
+    onSavedViewReorder: (view: SavedView, after: SavedView | null) => Promise<void>;
+    onSavedViewUpdate: (view: SavedView) => Promise<SavedView>;
+};
+//# sourceMappingURL=useSavedViewsClient.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSavedViewsClient.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/useSavedViewsClient.ts"],"names":[],"mappings":"AAGA,OAAO,EAAe,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAE1D;;;;;GAKG;AACH,MAAM,WAAW,SAAS;IACxB,MAAM,CAAC,OAAO,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,OAAO,CAAC,OAAO,CAAC,CAAA;IAClD,KAAK,CAAC,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,OAAO,CAAC,OAAO,CAAC,CAAA;IAC/D,IAAI,CAAC,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,OAAO,CAAC,OAAO,CAAC,CAAA;CAC/D;AAED,MAAM,WAAW,0BAA0B;IACzC,MAAM,EAAE,SAAS,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,QAAQ,GACT,EAAE,0BAA0B;gCA0Cc,MAAM,GAAG,MAAM;8BAnCjB,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC;;;;;;;8BA8BrB,SAAS;+BAdxC,SAAS,SACR,SAAS,GAAG,IAAI;8BARc,SAAS;EA0DjD"}

package/dist/components/DataTable/useSavedViewsClient.js

@@ -0,0 +1,87 @@
+import { useRef } from 'react';
+import { initialView } from './savedViews.js';
+
+/**
+ * Returns DataTable's saved view callbacks, sending each change to the saved
+ * views endpoints that `tapestry:saved_views` adds to pco-api's private graph:
+ *
+ * - `POST /data_tables/:table_key/saved_views`
+ * - `PATCH /data_tables/:table_key/saved_views/:id` (also takes `after_id` to
+ *   reorder)
+ * - `DELETE /data_tables/:table_key/saved_views/:id`
+ * - `POST` and `DELETE /data_tables/:table_key/saved_view_default`
+ *
+ * Each callback resolves once its request succeeds and rejects with the
+ * client's error. Default changes are sent one at a time, so the server keeps
+ * the last one chosen. DataTable shows the change right away and undoes it on
+ * rejection. Doesn't load views or hold state, so pass `data_table_props` to
+ * DataTable too:
+ *
+ * ```tsx
+ * <DataTable {...dataTableProps} {...useSavedViewsClient({ client, tableKey })} />
+ * ```
+ */
+function useSavedViewsClient({ client, tableKey, }) {
+    const tableUrl = `/data_tables/${encodeURIComponent(tableKey)}`;
+    const viewUrl = (id) => `${tableUrl}/saved_views/${encodeURIComponent(String(id))}`;
+    const defaultUrl = `${tableUrl}/saved_view_default`;
+    const lastDefaultChange = useRef(Promise.resolve());
+    const onSavedViewCreate = async (view) => {
+        // Only the id is read, since clients may reshape the response
+        const { data } = (await client.post({
+            data: savedViewDocument(view),
+            url: `${tableUrl}/saved_views`,
+        }));
+        return { ...view, id: data.id };
+    };
+    const onSavedViewUpdate = async (view) => {
+        await client.patch({ data: savedViewDocument(view), url: viewUrl(view.id) });
+        return view;
+    };
+    /** Places the view after `after`, or first when it's `null`. */
+    const onSavedViewReorder = async (view, after) => {
+        await client.patch({
+            data: {
+                data: {
+                    attributes: { after_id: after?.id ?? null },
+                    type: "SavedView",
+                },
+            },
+            url: viewUrl(view.id),
+        });
+    };
+    const onSavedViewDelete = async (view) => {
+        await client.delete({ url: viewUrl(view.id) });
+    };
+    /** Pass the initial view's id to reset the default. */
+    const onDefaultViewIdChange = async (id) => {
+        const send = () => id === initialView.id
+            ? client.delete({ url: defaultUrl })
+            : client.post({
+                data: {
+                    data: {
+                        attributes: { view: String(id) },
+                        type: "SavedViewDefault",
+                    },
+                },
+                url: defaultUrl,
+            });
+        const change = lastDefaultChange.current.then(send, send);
+        lastDefaultChange.current = change;
+        await change;
+    };
+    return {
+        onDefaultViewIdChange,
+        onSavedViewCreate,
+        onSavedViewDelete,
+        onSavedViewReorder,
+        onSavedViewUpdate,
+    };
+}
+function savedViewDocument(view) {
+    const { id: _id, name, ...state } = view;
+    return { data: { attributes: { name, state }, type: "SavedView" } };
+}
+
+export { useSavedViewsClient };
+//# sourceMappingURL=useSavedViewsClient.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSavedViewsClient.js","sources":["../../../src/components/DataTable/useSavedViewsClient.ts"],"sourcesContent":["import { useRef } from \"react\"\n\nimport type { DataTableProps } from \"./DataTable\"\nimport { initialView, type SavedView } from \"./savedViews\"\n\n/**\n * Sends requests to the saved views API. Matches\n * `@planningcenter/api-client`'s `Client`, so auth, CSRF, and the API root stay\n * in the app; pass one whose root serves the private graph. Each method\n * resolves to the parsed response and rejects on failure.\n */\nexport interface ApiClient {\n  delete(request: { url: string }): Promise<unknown>\n  patch(request: { data: object; url: string }): Promise<unknown>\n  post(request: { data: object; url: string }): Promise<unknown>\n}\n\nexport interface UseSavedViewsClientOptions {\n  client: ApiClient\n  tableKey: string\n}\n\n/**\n * Returns DataTable's saved view callbacks, sending each change to the saved\n * views endpoints that `tapestry:saved_views` adds to pco-api's private graph:\n *\n * - `POST /data_tables/:table_key/saved_views`\n * - `PATCH /data_tables/:table_key/saved_views/:id` (also takes `after_id` to\n *   reorder)\n * - `DELETE /data_tables/:table_key/saved_views/:id`\n * - `POST` and `DELETE /data_tables/:table_key/saved_view_default`\n *\n * Each callback resolves once its request succeeds and rejects with the\n * client's error. Default changes are sent one at a time, so the server keeps\n * the last one chosen. DataTable shows the change right away and undoes it on\n * rejection. Doesn't load views or hold state, so pass `data_table_props` to\n * DataTable too:\n *\n * ```tsx\n * <DataTable {...dataTableProps} {...useSavedViewsClient({ client, tableKey })} />\n * ```\n */\nexport function useSavedViewsClient({\n  client,\n  tableKey,\n}: UseSavedViewsClientOptions) {\n  const tableUrl = `/data_tables/${encodeURIComponent(tableKey)}`\n  const viewUrl = (id: SavedView[\"id\"]) =>\n    `${tableUrl}/saved_views/${encodeURIComponent(String(id))}`\n  const defaultUrl = `${tableUrl}/saved_view_default`\n  const lastDefaultChange = useRef<Promise<unknown>>(Promise.resolve())\n\n  const onSavedViewCreate = async (view: Omit<SavedView, \"id\">) => {\n    // Only the id is read, since clients may reshape the response\n    const { data } = (await client.post({\n      data: savedViewDocument(view),\n      url: `${tableUrl}/saved_views`,\n    })) as { data: { id: number | string } }\n    return { ...view, id: data.id }\n  }\n\n  const onSavedViewUpdate = async (view: SavedView) => {\n    await client.patch({ data: savedViewDocument(view), url: viewUrl(view.id) })\n    return view\n  }\n\n  /** Places the view after `after`, or first when it's `null`. */\n  const onSavedViewReorder = async (\n    view: SavedView,\n    after: SavedView | null\n  ) => {\n    await client.patch({\n      data: {\n        data: {\n          attributes: { after_id: after?.id ?? null },\n          type: \"SavedView\",\n        },\n      },\n      url: viewUrl(view.id),\n    })\n  }\n\n  const onSavedViewDelete = async (view: SavedView) => {\n    await client.delete({ url: viewUrl(view.id) })\n  }\n\n  /** Pass the initial view's id to reset the default. */\n  const onDefaultViewIdChange = async (id: number | string) => {\n    const send = () =>\n      id === initialView.id\n        ? client.delete({ url: defaultUrl })\n        : client.post({\n            data: {\n              data: {\n                attributes: { view: String(id) },\n                type: \"SavedViewDefault\",\n              },\n            },\n            url: defaultUrl,\n          })\n    const change = lastDefaultChange.current.then(send, send)\n    lastDefaultChange.current = change\n    await change\n  }\n\n  return {\n    onDefaultViewIdChange,\n    onSavedViewCreate,\n    onSavedViewDelete,\n    onSavedViewReorder,\n    onSavedViewUpdate,\n  } satisfies Pick<\n    DataTableProps,\n    | \"onDefaultViewIdChange\"\n    | \"onSavedViewCreate\"\n    | \"onSavedViewDelete\"\n    | \"onSavedViewReorder\"\n    | \"onSavedViewUpdate\"\n  >\n}\n\nfunction savedViewDocument(view: Omit<SavedView, \"id\">) {\n  const { id: _id, name, ...state } = view as SavedView\n  return { data: { attributes: { name, state }, type: \"SavedView\" } }\n}\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,35 @@
+import { type SavedView } from "./savedViews";
+interface SavedViewsStateOptions {
+    initialDefaultViewId: NonNullable<SavedView["id"]>;
+    initialSavedViews: SavedView[] | undefined;
+    onCreate?: (savedView: Omit<SavedView, "id">) => Promise<SavedView> | SavedView;
+    onDelete?: (savedView: SavedView) => Promise<void> | void;
+    onReorder?: (savedView: SavedView, after: SavedView | null) => Promise<void> | void;
+    onSetDefault?: (id: NonNullable<SavedView["id"]>) => Promise<void> | void;
+    onUpdate?: (savedView: SavedView) => Promise<SavedView> | SavedView;
+}
+/**
+ * Keeps the saved views and default view id after mount. Each callback is
+ * wrapped to apply its change here, and stays undefined when the consumer's is,
+ * since that hides the matching action. Updates, deletes, and default changes
+ * show right away and are undone if the callback rejects, unless a newer
+ * change has replaced them. Reorders save one at a time, so a failed one puts
+ * back the order from before it.
+ */
+export declare function useSavedViewsState({ initialDefaultViewId, initialSavedViews, onCreate, onDelete, onReorder, onSetDefault, onUpdate, }: SavedViewsStateOptions): {
+    defaultViewId: string | number;
+    isReordering: boolean;
+    onCreate: ((view: Omit<SavedView, "id">) => Promise<SavedView>) | undefined;
+    onDelete: ((view: SavedView) => Promise<void>) | undefined;
+    onReorder: ((view: SavedView, target: ReorderTarget) => Promise<void>) | undefined;
+    onSetDefault: ((id: NonNullable<SavedView["id"]>) => Promise<void>) | undefined;
+    onUpdate: ((view: SavedView) => Promise<SavedView>) | undefined;
+    savedViews: SavedView[] | undefined;
+};
+/** Where a view was dropped, as React Aria reports it. */
+export interface ReorderTarget {
+    dropPosition: "after" | "before";
+    view: SavedView;
+}
+export {};
+//# sourceMappingURL=useSavedViewsState.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSavedViewsState.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/useSavedViewsState.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAiB,MAAM,cAAc,CAAA;AAE5D,UAAU,sBAAsB;IAC9B,oBAAoB,EAAE,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAA;IAClD,iBAAiB,EAAE,SAAS,EAAE,GAAG,SAAS,CAAA;IAC1C,QAAQ,CAAC,EAAE,CACT,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,KAC7B,OAAO,CAAC,SAAS,CAAC,GAAG,SAAS,CAAA;IACnC,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IACzD,SAAS,CAAC,EAAE,CACV,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,SAAS,GAAG,IAAI,KACpB,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IACzB,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IACzE,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,OAAO,CAAC,SAAS,CAAC,GAAG,SAAS,CAAA;CACpE;AAgCD;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,oBAAoB,EACpB,iBAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,QAAQ,GACT,EAAE,sBAAsB;;;sBAwDL,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC;sBASrB,SAAS;uBA6BT,SAAS,UAAU,aAAa;wBA6BlC,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;sBAa1B,SAAS;;EAoB5B;AAED,0DAA0D;AAC1D,MAAM,WAAW,aAAa;IAC5B,YAAY,EAAE,OAAO,GAAG,QAAQ,CAAA;IAChC,IAAI,EAAE,SAAS,CAAA;CAChB"}

package/dist/components/DataTable/useSavedViewsState.js

@@ -0,0 +1,192 @@
+import { useState, useRef } from 'react';
+import { withoutSearch } from './savedViews.js';
+
+function startSaving(updates, view) {
+    updates.saving.push(view);
+}
+function stopSaving(updates, view) {
+    updates.saving = updates.saving.filter((pending) => pending !== view);
+}
+// A slower save of an older update doesn't replace a newer one.
+function confirmIfNewest(updates, saved, order) {
+    if (order <= updates.confirmedOrder)
+        return;
+    updates.confirmed = saved;
+    updates.confirmedOrder = order;
+}
+// The newest update still saving, or else the last saved version.
+function viewToRestore(updates) {
+    return updates.saving.at(-1) ?? updates.confirmed;
+}
+/**
+ * Keeps the saved views and default view id after mount. Each callback is
+ * wrapped to apply its change here, and stays undefined when the consumer's is,
+ * since that hides the matching action. Updates, deletes, and default changes
+ * show right away and are undone if the callback rejects, unless a newer
+ * change has replaced them. Reorders save one at a time, so a failed one puts
+ * back the order from before it.
+ */
+function useSavedViewsState({ initialDefaultViewId, initialSavedViews, onCreate, onDelete, onReorder, onSetDefault, onUpdate, }) {
+    const [savedViews, setSavedViews] = useState(() => initialSavedViews?.map(withoutSearch));
+    const [defaultViewId, setDefaultViewId] = useState(initialDefaultViewId);
+    const latestDefaultChange = useRef(0);
+    const latestUpdate = useRef(0);
+    const updates = useRef(new Map());
+    const [isReordering, setIsReordering] = useState(false);
+    // So a second drop before a render is skipped too.
+    const isReorderingNow = useRef(false);
+    // Only swaps out `current` if it's still there, so a slow save doesn't
+    // overwrite a newer change to the same view.
+    const replaceView = (current, next) => setSavedViews((views) => views?.map((view) => (view === current ? next : view)));
+    // Starts from the view as it was last saved, to restore if every update fails.
+    const trackUpdates = (view) => {
+        let tracked = updates.current.get(view.id);
+        if (!tracked) {
+            const original = savedViews?.find(({ id }) => id === view.id);
+            tracked = { confirmed: original ?? view, confirmedOrder: 0, saving: [] };
+            updates.current.set(view.id, tracked);
+        }
+        return tracked;
+    };
+    const showUpdate = (view) => setSavedViews((views) => views?.map((current) => (current.id === view.id ? view : current)));
+    // Returns an undo that does nothing once a newer default has been set.
+    const changeDefault = (id) => {
+        const change = ++latestDefaultChange.current;
+        let previous = id;
+        setDefaultViewId((current) => {
+            previous = current;
+            return id;
+        });
+        // Read in an updater, since a callback that rejects right away runs this
+        // before the change above has been applied.
+        return () => {
+            if (latestDefaultChange.current === change)
+                setDefaultViewId(() => previous);
+        };
+    };
+    return {
+        defaultViewId,
+        isReordering,
+        onCreate: onCreate &&
+            (async (view) => {
+                const created = await onCreate(view);
+                const saved = created && withoutSearch(created);
+                // Tolerates a consumer that returns nothing, leaving the list as is.
+                if (saved)
+                    setSavedViews((views = []) => [...views, saved]);
+                return saved;
+            }),
+        onDelete: onDelete &&
+            (async (view) => {
+                let index = -1;
+                let removed;
+                setSavedViews((views) => {
+                    index = views?.findIndex(({ id }) => id === view.id) ?? -1;
+                    removed = views?.[index];
+                    return views?.filter(({ id }) => id !== view.id);
+                });
+                const undoDefault = view.id === defaultViewId ? changeDefault("initial") : undefined;
+                try {
+                    await onDelete(view);
+                }
+                catch (error) {
+                    setSavedViews((views) => !views || !removed || views.some(({ id }) => id === view.id)
+                        ? views
+                        : [...views.slice(0, index), removed, ...views.slice(index)]);
+                    undoDefault?.();
+                    throw error;
+                }
+                // Saved only once the view is gone, so a failed delete has no reset
+                // to take back.
+                if (undoDefault)
+                    await onSetDefault?.("initial");
+            }),
+        // Moves the view right away, and moves it back if the save fails. A drop
+        // while another reorder saves is skipped.
+        onReorder: onReorder &&
+            (async (view, target) => {
+                if (isReorderingNow.current)
+                    return;
+                const views = savedViews ?? [];
+                const from = views.indexOf(view);
+                const moved = moveView(views, view, target);
+                const to = moved.indexOf(view);
+                const after = moved[to - 1] ?? null;
+                if (from === -1 || from === to)
+                    return;
+                // The position is saved by the view it follows, which needs an id.
+                if (after && after.id === undefined)
+                    return;
+                isReorderingNow.current = true;
+                setIsReordering(true);
+                const previousOrder = views.map(({ id }) => id);
+                setSavedViews((current) => current && moveView(current, view, target));
+                try {
+                    await onReorder(view, after);
+                }
+                catch (error) {
+                    setSavedViews((current) => current && restoreOrder(current, previousOrder));
+                    throw error;
+                }
+                finally {
+                    isReorderingNow.current = false;
+                    setIsReordering(false);
+                }
+            }),
+        onSetDefault: onSetDefault &&
+            (async (id) => {
+                const undo = changeDefault(id);
+                try {
+                    await onSetDefault(id);
+                }
+                catch (error) {
+                    undo();
+                    throw error;
+                }
+            }),
+        // Shows the change right away. If the save fails, puts back the newest
+        // update still saving, or else the last saved version.
+        onUpdate: onUpdate &&
+            (async (view) => {
+                const order = ++latestUpdate.current;
+                const tracked = trackUpdates(view);
+                startSaving(tracked, view);
+                showUpdate(view);
+                try {
+                    const updated = await onUpdate(view);
+                    const saved = updated && withoutSearch(updated);
+                    stopSaving(tracked, view);
+                    confirmIfNewest(tracked, saved ?? view, order);
+                    if (saved)
+                        replaceView(view, saved);
+                    return saved;
+                }
+                catch (error) {
+                    stopSaving(tracked, view);
+                    replaceView(view, viewToRestore(tracked));
+                    throw error;
+                }
+            }),
+        savedViews,
+    };
+}
+function moveView(views, view, { dropPosition, view: target }) {
+    const rest = views.filter((existing) => existing !== view);
+    const targetIndex = rest.indexOf(target);
+    if (targetIndex === -1)
+        return views;
+    const to = dropPosition === "after" ? targetIndex + 1 : targetIndex;
+    return [...rest.slice(0, to), view, ...rest.slice(to)];
+}
+// Matched by id, so views updated or deleted since keep those changes. Views
+// created since stay at the end.
+function restoreOrder(views, order) {
+    const indexOf = (view) => {
+        const index = order.indexOf(view.id);
+        return index === -1 ? order.length : index;
+    };
+    return [...views].sort((a, b) => indexOf(a) - indexOf(b));
+}
+
+export { useSavedViewsState };
+//# sourceMappingURL=useSavedViewsState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSavedViewsState.js","sources":["../../../src/components/DataTable/useSavedViewsState.ts"],"sourcesContent":["import { useRef, useState } from \"react\"\n\nimport { type SavedView, withoutSearch } from \"./savedViews\"\n\ninterface SavedViewsStateOptions {\n  initialDefaultViewId: NonNullable<SavedView[\"id\"]>\n  initialSavedViews: SavedView[] | undefined\n  onCreate?: (\n    savedView: Omit<SavedView, \"id\">\n  ) => Promise<SavedView> | SavedView\n  onDelete?: (savedView: SavedView) => Promise<void> | void\n  onReorder?: (\n    savedView: SavedView,\n    after: SavedView | null\n  ) => Promise<void> | void\n  onSetDefault?: (id: NonNullable<SavedView[\"id\"]>) => Promise<void> | void\n  onUpdate?: (savedView: SavedView) => Promise<SavedView> | SavedView\n}\n\ninterface ViewUpdates {\n  confirmed: SavedView\n  confirmedOrder: number\n  saving: SavedView[]\n}\n\nfunction startSaving(updates: ViewUpdates, view: SavedView) {\n  updates.saving.push(view)\n}\n\nfunction stopSaving(updates: ViewUpdates, view: SavedView) {\n  updates.saving = updates.saving.filter((pending) => pending !== view)\n}\n\n// A slower save of an older update doesn't replace a newer one.\nfunction confirmIfNewest(\n  updates: ViewUpdates,\n  saved: SavedView,\n  order: number\n) {\n  if (order <= updates.confirmedOrder) return\n  updates.confirmed = saved\n  updates.confirmedOrder = order\n}\n\n// The newest update still saving, or else the last saved version.\nfunction viewToRestore(updates: ViewUpdates) {\n  return updates.saving.at(-1) ?? updates.confirmed\n}\n\n/**\n * Keeps the saved views and default view id after mount. Each callback is\n * wrapped to apply its change here, and stays undefined when the consumer's is,\n * since that hides the matching action. Updates, deletes, and default changes\n * show right away and are undone if the callback rejects, unless a newer\n * change has replaced them. Reorders save one at a time, so a failed one puts\n * back the order from before it.\n */\nexport function useSavedViewsState({\n  initialDefaultViewId,\n  initialSavedViews,\n  onCreate,\n  onDelete,\n  onReorder,\n  onSetDefault,\n  onUpdate,\n}: SavedViewsStateOptions) {\n  const [savedViews, setSavedViews] = useState(() =>\n    initialSavedViews?.map(withoutSearch)\n  )\n  const [defaultViewId, setDefaultViewId] = useState(initialDefaultViewId)\n  const latestDefaultChange = useRef(0)\n  const latestUpdate = useRef(0)\n  const updates = useRef(new Map<SavedView[\"id\"], ViewUpdates>())\n  const [isReordering, setIsReordering] = useState(false)\n  // So a second drop before a render is skipped too.\n  const isReorderingNow = useRef(false)\n\n  // Only swaps out `current` if it's still there, so a slow save doesn't\n  // overwrite a newer change to the same view.\n  const replaceView = (current: SavedView, next: SavedView) =>\n    setSavedViews((views) =>\n      views?.map((view) => (view === current ? next : view))\n    )\n\n  // Starts from the view as it was last saved, to restore if every update fails.\n  const trackUpdates = (view: SavedView) => {\n    let tracked = updates.current.get(view.id)\n    if (!tracked) {\n      const original = savedViews?.find(({ id }) => id === view.id)\n      tracked = { confirmed: original ?? view, confirmedOrder: 0, saving: [] }\n      updates.current.set(view.id, tracked)\n    }\n    return tracked\n  }\n\n  const showUpdate = (view: SavedView) =>\n    setSavedViews((views) =>\n      views?.map((current) => (current.id === view.id ? view : current))\n    )\n\n  // Returns an undo that does nothing once a newer default has been set.\n  const changeDefault = (id: NonNullable<SavedView[\"id\"]>) => {\n    const change = ++latestDefaultChange.current\n    let previous = id\n    setDefaultViewId((current) => {\n      previous = current\n      return id\n    })\n    // Read in an updater, since a callback that rejects right away runs this\n    // before the change above has been applied.\n    return () => {\n      if (latestDefaultChange.current === change)\n        setDefaultViewId(() => previous)\n    }\n  }\n\n  return {\n    defaultViewId,\n    isReordering,\n    onCreate:\n      onCreate &&\n      (async (view: Omit<SavedView, \"id\">) => {\n        const created = await onCreate(view)\n        const saved = created && withoutSearch(created)\n        // Tolerates a consumer that returns nothing, leaving the list as is.\n        if (saved) setSavedViews((views = []) => [...views, saved])\n        return saved\n      }),\n    onDelete:\n      onDelete &&\n      (async (view: SavedView) => {\n        let index = -1\n        let removed: SavedView | undefined\n        setSavedViews((views) => {\n          index = views?.findIndex(({ id }) => id === view.id) ?? -1\n          removed = views?.[index]\n          return views?.filter(({ id }) => id !== view.id)\n        })\n        const undoDefault =\n          view.id === defaultViewId ? changeDefault(\"initial\") : undefined\n        try {\n          await onDelete(view)\n        } catch (error) {\n          setSavedViews((views) =>\n            !views || !removed || views.some(({ id }) => id === view.id)\n              ? views\n              : [...views.slice(0, index), removed, ...views.slice(index)]\n          )\n          undoDefault?.()\n          throw error\n        }\n        // Saved only once the view is gone, so a failed delete has no reset\n        // to take back.\n        if (undoDefault) await onSetDefault?.(\"initial\")\n      }),\n    // Moves the view right away, and moves it back if the save fails. A drop\n    // while another reorder saves is skipped.\n    onReorder:\n      onReorder &&\n      (async (view: SavedView, target: ReorderTarget) => {\n        if (isReorderingNow.current) return\n        const views = savedViews ?? []\n        const from = views.indexOf(view)\n        const moved = moveView(views, view, target)\n        const to = moved.indexOf(view)\n        const after = moved[to - 1] ?? null\n        if (from === -1 || from === to) return\n        // The position is saved by the view it follows, which needs an id.\n        if (after && after.id === undefined) return\n\n        isReorderingNow.current = true\n        setIsReordering(true)\n        const previousOrder = views.map(({ id }) => id)\n        setSavedViews((current) => current && moveView(current, view, target))\n        try {\n          await onReorder(view, after)\n        } catch (error) {\n          setSavedViews(\n            (current) => current && restoreOrder(current, previousOrder)\n          )\n          throw error\n        } finally {\n          isReorderingNow.current = false\n          setIsReordering(false)\n        }\n      }),\n    onSetDefault:\n      onSetDefault &&\n      (async (id: NonNullable<SavedView[\"id\"]>) => {\n        const undo = changeDefault(id)\n        try {\n          await onSetDefault(id)\n        } catch (error) {\n          undo()\n          throw error\n        }\n      }),\n    // Shows the change right away. If the save fails, puts back the newest\n    // update still saving, or else the last saved version.\n    onUpdate:\n      onUpdate &&\n      (async (view: SavedView) => {\n        const order = ++latestUpdate.current\n        const tracked = trackUpdates(view)\n        startSaving(tracked, view)\n        showUpdate(view)\n        try {\n          const updated = await onUpdate(view)\n          const saved = updated && withoutSearch(updated)\n          stopSaving(tracked, view)\n          confirmIfNewest(tracked, saved ?? view, order)\n          if (saved) replaceView(view, saved)\n          return saved\n        } catch (error) {\n          stopSaving(tracked, view)\n          replaceView(view, viewToRestore(tracked))\n          throw error\n        }\n      }),\n    savedViews,\n  }\n}\n\n/** Where a view was dropped, as React Aria reports it. */\nexport interface ReorderTarget {\n  dropPosition: \"after\" | \"before\"\n  view: SavedView\n}\n\nfunction moveView(\n  views: SavedView[],\n  view: SavedView,\n  { dropPosition, view: target }: ReorderTarget\n) {\n  const rest = views.filter((existing) => existing !== view)\n  const targetIndex = rest.indexOf(target)\n  if (targetIndex === -1) return views\n  const to = dropPosition === \"after\" ? targetIndex + 1 : targetIndex\n  return [...rest.slice(0, to), view, ...rest.slice(to)]\n}\n\n// Matched by id, so views updated or deleted since keep those changes. Views\n// created since stay at the end.\nfunction restoreOrder(views: SavedView[], order: SavedView[\"id\"][]) {\n  const indexOf = (view: SavedView) => {\n    const index = order.indexOf(view.id)\n    return index === -1 ? order.length : index\n  }\n  return [...views].sort((a, b) => indexOf(a) - indexOf(b))\n}\n"],"names":[],"mappings":"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"}