@planningcenter/tapestry 4.12.0 → 4.13.0

package/dist/components/DataTable/{useFilterAnnouncement.js → useResultsAnnouncement.js}

@@ -2,19 +2,21 @@ import { useAnnounce } from '../../utilities/useAnnounce.js';
 import { useRef, useState, useEffect } from 'react';
 import { getResultsCountLabel } from './ResultsCount.js';
 
-const FILTER_ANNOUNCEMENT_DELAY_MS = 500;
+const RESULTS_ANNOUNCEMENT_DELAY_MS = 500;
 /**
  * Announces the results count to screen reader users after each filter
- * change, once the results settle: `loadingState` is not `"loading"`, and
- * neither it nor the count has changed for
- * {@link FILTER_ANNOUNCEMENT_DELAY_MS}. A change to `"error"` cancels the
- * message, because the error is announced on its own. An `"error"` left over
- * from an earlier request only delays it.
+ * change and each load, once the results settle: `loadingState` is
+ * `"idle"`, and neither it nor the count has changed for
+ * {@link RESULTS_ANNOUNCEMENT_DELAY_MS}. A load covers the first load and
+ * page changes too. A change to `"error"` cancels the message, because the
+ * error is announced on its own. An `"error"` left over from an earlier
+ * request only delays it.
  *
- * Returns an `onActiveFiltersChange` to use in place of the caller's, so only
- * changes the user makes are announced.
+ * Returns an `onActiveFiltersChange` to use in place of the caller's, so
+ * filter changes the user makes are announced without a load. Filter changes
+ * from outside are announced only when they load.
  */
-function useFilterAnnouncement({ isPageCount, loadingState, onActiveFiltersChange, resultNoun, totalCount, }) {
+function useResultsAnnouncement({ isPageCount, loadingState, onActiveFiltersChange, resultNoun, totalCount, }) {
     const announce = useAnnounce();
     const isDue = useRef(false);
     const previousLoadingState = useRef(loadingState);
@@ -24,6 +26,8 @@ function useFilterAnnouncement({ isPageCount, loadingState, onActiveFiltersChang
     useEffect(() => {
         const failed = loadingState === "error" && previousLoadingState.current !== "error";
         previousLoadingState.current = loadingState;
+        if (loadingState === "loading")
+            isDue.current = true;
         if (!isDue.current)
             return;
         if (failed) {
@@ -35,7 +39,7 @@ function useFilterAnnouncement({ isPageCount, loadingState, onActiveFiltersChang
         const timeout = setTimeout(() => {
             isDue.current = false;
             announce(message);
-        }, FILTER_ANNOUNCEMENT_DELAY_MS);
+        }, RESULTS_ANNOUNCEMENT_DELAY_MS);
         return () => clearTimeout(timeout);
     }, [announce, changeCount, loadingState, message]);
     return (activeFilters) => {
@@ -45,5 +49,5 @@ function useFilterAnnouncement({ isPageCount, loadingState, onActiveFiltersChang
     };
 }
 
-export { FILTER_ANNOUNCEMENT_DELAY_MS, useFilterAnnouncement };
-//# sourceMappingURL=useFilterAnnouncement.js.map
+export { RESULTS_ANNOUNCEMENT_DELAY_MS, useResultsAnnouncement };
+//# sourceMappingURL=useResultsAnnouncement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useResultsAnnouncement.js","sources":["../../../src/components/DataTable/useResultsAnnouncement.ts"],"sourcesContent":["import { useAnnounce } from \"@utilities/useAnnounce\"\nimport { useEffect, useRef, useState } from \"react\"\n\nimport type { DataTableLoadingState } from \"./DataTable\"\nimport type { ActiveFilter } from \"./FilterTypes\"\nimport { getResultsCountLabel, type ResultNoun } from \"./ResultsCount\"\n\nexport const RESULTS_ANNOUNCEMENT_DELAY_MS = 500\n\n/**\n * Announces the results count to screen reader users after each filter\n * change and each load, once the results settle: `loadingState` is\n * `\"idle\"`, and neither it nor the count has changed for\n * {@link RESULTS_ANNOUNCEMENT_DELAY_MS}. A load covers the first load and\n * page changes too. A change to `\"error\"` cancels the message, because the\n * error is announced on its own. An `\"error\"` left over from an earlier\n * request only delays it.\n *\n * Returns an `onActiveFiltersChange` to use in place of the caller's, so\n * filter changes the user makes are announced without a load. Filter changes\n * from outside are announced only when they load.\n */\nexport function useResultsAnnouncement({\n  isPageCount,\n  loadingState,\n  onActiveFiltersChange,\n  resultNoun,\n  totalCount,\n}: {\n  /** Whether `totalCount` covers only the current page, not the whole set. */\n  isPageCount: boolean\n  loadingState: DataTableLoadingState\n  onActiveFiltersChange: (activeFilters: ActiveFilter[]) => void\n  resultNoun: ResultNoun | undefined\n  totalCount: number\n}): (activeFilters: ActiveFilter[]) => void {\n  const announce = useAnnounce()\n  const isDue = useRef(false)\n  const previousLoadingState = useRef(loadingState)\n  const [changeCount, setChangeCount] = useState(0)\n  const countLabel = getResultsCountLabel(totalCount, resultNoun || true)\n  const message = isPageCount ? `${countLabel} on this page` : countLabel\n\n  useEffect(() => {\n    const failed =\n      loadingState === \"error\" && previousLoadingState.current !== \"error\"\n    previousLoadingState.current = loadingState\n    if (loadingState === \"loading\") isDue.current = true\n    if (!isDue.current) return\n    if (failed) {\n      isDue.current = false\n      return\n    }\n    if (loadingState !== \"idle\") return\n    const timeout = setTimeout(() => {\n      isDue.current = false\n      announce(message)\n    }, RESULTS_ANNOUNCEMENT_DELAY_MS)\n    return () => clearTimeout(timeout)\n  }, [announce, changeCount, loadingState, message])\n\n  return (activeFilters) => {\n    isDue.current = true\n    setChangeCount((count) => count + 1)\n    onActiveFiltersChange(activeFilters)\n  }\n}\n"],"names":[],"mappings":";;;;AAOO,MAAM,6BAA6B,GAAG;AAE7C;;;;;;;;;;;;AAYG;AACG,SAAU,sBAAsB,CAAC,EACrC,WAAW,EACX,YAAY,EACZ,qBAAqB,EACrB,UAAU,EACV,UAAU,GAQX,EAAA;AACC,IAAA,MAAM,QAAQ,GAAG,WAAW,EAAE;AAC9B,IAAA,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;AAC3B,IAAA,MAAM,oBAAoB,GAAG,MAAM,CAAC,YAAY,CAAC;IACjD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;IACjD,MAAM,UAAU,GAAG,oBAAoB,CAAC,UAAU,EAAE,UAAU,IAAI,IAAI,CAAC;AACvE,IAAA,MAAM,OAAO,GAAG,WAAW,GAAG,CAAA,EAAG,UAAU,CAAA,aAAA,CAAe,GAAG,UAAU;IAEvE,SAAS,CAAC,MAAK;QACb,MAAM,MAAM,GACV,YAAY,KAAK,OAAO,IAAI,oBAAoB,CAAC,OAAO,KAAK,OAAO;AACtE,QAAA,oBAAoB,CAAC,OAAO,GAAG,YAAY;QAC3C,IAAI,YAAY,KAAK,SAAS;AAAE,YAAA,KAAK,CAAC,OAAO,GAAG,IAAI;QACpD,IAAI,CAAC,KAAK,CAAC,OAAO;YAAE;QACpB,IAAI,MAAM,EAAE;AACV,YAAA,KAAK,CAAC,OAAO,GAAG,KAAK;YACrB;QACF;QACA,IAAI,YAAY,KAAK,MAAM;YAAE;AAC7B,QAAA,MAAM,OAAO,GAAG,UAAU,CAAC,MAAK;AAC9B,YAAA,KAAK,CAAC,OAAO,GAAG,KAAK;YACrB,QAAQ,CAAC,OAAO,CAAC;QACnB,CAAC,EAAE,6BAA6B,CAAC;AACjC,QAAA,OAAO,MAAM,YAAY,CAAC,OAAO,CAAC;IACpC,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,OAAO,CAAC,CAAC;IAElD,OAAO,CAAC,aAAa,KAAI;AACvB,QAAA,KAAK,CAAC,OAAO,GAAG,IAAI;QACpB,cAAc,CAAC,CAAC,KAAK,KAAK,KAAK,GAAG,CAAC,CAAC;QACpC,qBAAqB,CAAC,aAAa,CAAC;AACtC,IAAA,CAAC;AACH;;;;"}

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"}