@payloadcms/ui 4.0.0-internal.bc5cf8c → 4.0.0-internal.bf4bcce

package/dist/widgets/RecentlyViewed/index.client.js

@@ -0,0 +1,409 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useEffect, useId, useMemo, useRef, useState } from 'react';
+import { Button } from '../../elements/Button/index.js';
+import { CardGrid } from '../../elements/CardGrid/index.js';
+import { DocumentCard } from '../../elements/DocumentCard/index.js';
+import { ChevronIcon } from '../../icons/Chevron/index.js';
+import { ClockIcon } from '../../icons/Clock/index.js';
+import { DocumentIcon } from '../../icons/Document/index.js';
+import { PinIcon } from '../../icons/Pin/index.js';
+import { useAuth } from '../../providers/Auth/index.js';
+import { useConfig } from '../../providers/Config/index.js';
+import { useEntityVisibility } from '../../providers/EntityVisibility/index.js';
+import { useServerFunctions } from '../../providers/ServerFunctions/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { isNavEntityVisible } from '../../utilities/isNavEntityVisible.js';
+import { WidgetCard } from '../WidgetCard/index.js';
+import { PinDocumentPicker } from './PinDocumentPicker/index.js';
+import { updatePinnedPreferences } from './pinnedPreferences.js';
+import { documentKey } from './recents.js';
+import './index.css';
+export function RecentsAndPinnedClient({
+  excludedCollections,
+  labels,
+  pinsURL
+}) {
+  const {
+    permissions,
+    user
+  } = useAuth();
+  const {
+    t
+  } = useTranslation();
+  const {
+    config
+  } = useConfig();
+  const {
+    isEntityVisible
+  } = useEntityVisibility();
+  const {
+    serverFunction
+  } = useServerFunctions();
+  const pinnableCollections = useMemo(() => config.collections.filter(({
+    slug,
+    admin
+  }) => isEntityVisible({
+    collectionSlug: slug
+  }) && isNavEntityVisible({
+    adminGroup: admin.group,
+    entityPermissions: permissions?.collections?.[slug]
+  })).map(({
+    slug: slug_0
+  }) => slug_0), [config.collections, isEntityVisible, permissions]);
+  const canAddPin = Boolean(user) && pinnableCollections.length > 0;
+  const contentRef = useRef(null);
+  const listID = useId();
+  const [page, setPage] = useState(1);
+  const [pageSize, setPageSize] = useState(0);
+  const pinnedTabRef = useRef(null);
+  const recentsTabRef = useRef(null);
+  const previousPageRef = useRef(null);
+  const nextPageRef = useRef(null);
+  const paginationFocusRef = useRef(false);
+  const [activeTab, setActiveTab] = useState('pinned');
+  const [pageResult, setPageResult] = useState({
+    items: [],
+    page: 1,
+    totalDocs: 0
+  });
+  const [isLoading, setIsLoading] = useState(true);
+  const [shouldShowLoading, setShouldShowLoading] = useState(false);
+  const [isSaving, setIsSaving] = useState(false);
+  const [saveError, setSaveError] = useState('');
+  const [loadError, setLoadError] = useState('');
+  const [refresh, setRefresh] = useState(0);
+  const shouldIncludePinPlaceholder = activeTab === 'pinned' && canAddPin;
+  const totalPages = Math.max(1, Math.ceil((pageResult.totalDocs + Number(shouldIncludePinPlaceholder)) / (pageSize || 1)));
+  const currentPage = pageResult.page;
+  const items = pageResult.items;
+  const hasAddPinCard = shouldIncludePinPlaceholder && pageResult.page === totalPages && items.length < pageSize;
+  useEffect(() => {
+    if (!pageSize) {
+      return;
+    }
+    let isCurrent = true;
+    setIsLoading(true);
+    setShouldShowLoading(false);
+    setLoadError('');
+    const loadingTimeout = setTimeout(() => setShouldShowLoading(true), 180);
+    void serverFunction({
+      name: 'get-dashboard-documents',
+      args: {
+        excludedCollections,
+        limit: pageSize,
+        page,
+        shouldIncludePinPlaceholder,
+        tab: activeTab
+      }
+    }).then(result => {
+      if (!isCurrent) {
+        return;
+      }
+      setPageResult(result);
+      setPage(result.page);
+      setIsLoading(false);
+      if (paginationFocusRef.current) {
+        paginationFocusRef.current = false;
+        const lastPage = Math.max(1, Math.ceil((result.totalDocs + Number(shouldIncludePinPlaceholder)) / pageSize));
+        requestAnimationFrame(() => {
+          if (lastPage === 1) {
+            const activeTabRef = activeTab === 'pinned' ? pinnedTabRef : recentsTabRef;
+            activeTabRef.current?.focus();
+          } else if (result.page === 1) {
+            nextPageRef.current?.focus();
+          } else if (result.page === lastPage) {
+            previousPageRef.current?.focus();
+          }
+        });
+      }
+    }).catch(() => {
+      if (isCurrent) {
+        setIsLoading(false);
+        paginationFocusRef.current = false;
+        setLoadError(labels.loadError);
+      }
+    }).finally(() => clearTimeout(loadingTimeout));
+    return () => {
+      isCurrent = false;
+      clearTimeout(loadingTimeout);
+    };
+  }, [activeTab, excludedCollections, shouldIncludePinPlaceholder, labels.loadError, page, pageSize, refresh, serverFunction]);
+  useEffect(() => {
+    const element = contentRef.current;
+    if (!element) {
+      return;
+    }
+    let observedPageSize = 0;
+    const observer = new ResizeObserver(() => {
+      const styles = getComputedStyle(element);
+      const columns = styles.gridTemplateColumns.split(' ').length;
+      const rows = Number(styles.getPropertyValue('--recents-rows'));
+      const nextPageSize = columns * rows;
+      element.style.setProperty('--recents-columns', String(columns));
+      if (nextPageSize !== observedPageSize) {
+        observedPageSize = nextPageSize;
+        setPageSize(nextPageSize);
+        setPage(1);
+      }
+    });
+    observer.observe(element);
+    return () => observer.disconnect();
+  }, []);
+  const emptyMessage = activeTab === 'recents' ? labels.recentsEmpty : labels.pinnedEmpty;
+  const emptyDescription = activeTab === 'recents' ? labels.recentsEmptyDescription : labels.pinnedEmptyDescription;
+  const removePinnedDocument = async ({
+    item
+  }) => {
+    if (isSaving || activeTab !== 'pinned') {
+      return;
+    }
+    const previous = pageResult;
+    setPageResult(current => ({
+      ...current,
+      items: current.items.filter(entry => documentKey(entry) !== documentKey(item))
+    }));
+    requestAnimationFrame(() => pinnedTabRef.current?.focus());
+    setIsSaving(true);
+    setSaveError('');
+    try {
+      await updatePinnedPreferences({
+        document: item,
+        shouldPin: false,
+        url: pinsURL
+      });
+      setRefresh(value => value + 1);
+    } catch {
+      setPageResult(previous);
+      setSaveError(labels.pinnedSaveError);
+    } finally {
+      setIsSaving(false);
+    }
+  };
+  const addSelectedPin = async ({
+    document
+  }) => {
+    if (isSaving) {
+      return;
+    }
+    setIsSaving(true);
+    setSaveError('');
+    try {
+      await updatePinnedPreferences({
+        document,
+        shouldPin: true,
+        url: pinsURL
+      });
+      setPage(1);
+      setRefresh(value_0 => value_0 + 1);
+    } catch {
+      setSaveError(labels.pinnedSaveError);
+    } finally {
+      setIsSaving(false);
+      requestAnimationFrame(() => pinnedTabRef.current?.focus());
+    }
+  };
+  const pinDocumentPicker = canAddPin ? /*#__PURE__*/_jsx(PinDocumentPicker, {
+    collectionSlugs: pinnableCollections,
+    isDisabled: isLoading || isSaving,
+    isEmpty: pageResult.totalDocs === 0,
+    labels: labels,
+    onError: () => setSaveError(labels.pinnedSaveError),
+    onSelect: args => void addSelectedPin(args),
+    pinsURL: pinsURL
+  }) : null;
+  return /*#__PURE__*/_jsxs(WidgetCard, {
+    className: "recently-viewed-widget recents-widget",
+    title: labels.title,
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: "recents-widget__toolbar",
+      children: [/*#__PURE__*/_jsx("div", {
+        "aria-label": labels.title,
+        className: "recents-widget__tabs",
+        role: "group",
+        children: ['pinned', 'recents'].map(tab => /*#__PURE__*/_jsx("button", {
+          "aria-pressed": activeTab === tab,
+          className: "recents-widget__tab",
+          onClick: () => {
+            if (isSaving) {
+              return;
+            }
+            if (activeTab === tab && page === 1) {
+              if (loadError) {
+                setRefresh(value_1 => value_1 + 1);
+              }
+              return;
+            }
+            setPageResult({
+              items: [],
+              page: 1,
+              totalDocs: 0
+            });
+            setIsLoading(true);
+            setActiveTab(tab);
+            setPage(1);
+          },
+          ref: tab === 'pinned' ? pinnedTabRef : recentsTabRef,
+          type: "button",
+          children: tab === 'recents' ? labels.recents : labels.pinned
+        }, tab))
+      }), totalPages > 1 ? /*#__PURE__*/_jsxs("div", {
+        "aria-label": labels.pagination,
+        className: "recents-widget__pagination",
+        role: "group",
+        children: [/*#__PURE__*/_jsx("button", {
+          "aria-controls": listID,
+          "aria-disabled": isLoading || isSaving,
+          "aria-label": labels.previous,
+          className: "recents-widget__previous",
+          disabled: currentPage === 1,
+          onClick: () => {
+            if (isLoading || isSaving) {
+              return;
+            }
+            paginationFocusRef.current = true;
+            setPage(currentPage - 1);
+          },
+          ref: previousPageRef,
+          type: "button",
+          children: /*#__PURE__*/_jsx("span", {
+            "aria-hidden": "true",
+            children: /*#__PURE__*/_jsx(ChevronIcon, {
+              direction: "left"
+            })
+          })
+        }), /*#__PURE__*/_jsx("span", {
+          "aria-atomic": "true",
+          "aria-live": "polite",
+          className: "recents-widget__page-status",
+          children: t('dashboard:widgetPageCount', {
+            currentPage,
+            totalPages
+          })
+        }), /*#__PURE__*/_jsx("button", {
+          "aria-controls": listID,
+          "aria-disabled": isLoading || isSaving,
+          "aria-label": labels.next,
+          className: "recents-widget__next",
+          disabled: currentPage === totalPages,
+          onClick: () => {
+            if (isLoading || isSaving) {
+              return;
+            }
+            paginationFocusRef.current = true;
+            setPage(currentPage + 1);
+          },
+          ref: nextPageRef,
+          type: "button",
+          children: /*#__PURE__*/_jsx("span", {
+            "aria-hidden": "true",
+            children: /*#__PURE__*/_jsx(ChevronIcon, {
+              direction: "right"
+            })
+          })
+        })]
+      }) : null]
+    }), /*#__PURE__*/_jsxs("div", {
+      "aria-busy": isLoading,
+      className: "recents-widget__viewport",
+      ref: contentRef,
+      children: [loadError ? /*#__PURE__*/_jsxs("div", {
+        className: "recents-widget__error",
+        children: [/*#__PURE__*/_jsx("span", {
+          children: loadError
+        }), /*#__PURE__*/_jsx(Button, {
+          buttonStyle: "secondary",
+          margin: false,
+          onClick: () => {
+            const activeTabRef_0 = activeTab === 'pinned' ? pinnedTabRef : recentsTabRef;
+            activeTabRef_0.current?.focus();
+            setRefresh(value_2 => value_2 + 1);
+          },
+          size: "medium",
+          type: "button",
+          children: labels.retry
+        })]
+      }) : items.length || hasAddPinCard && !isLoading ? /*#__PURE__*/_jsx("div", {
+        className: "recents-widget__content",
+        id: listID,
+        children: /*#__PURE__*/_jsx(CardGrid, {
+          ariaLabel: activeTab === 'pinned' ? labels.pinned : labels.recents,
+          className: "recents-widget__items recents-widget__items--grid",
+          getItemClassName: item_0 => item_0 ? 'recents-widget__item' : `recents-widget__item recents-widget__item--add-pin${pageResult.totalDocs === 0 ? ' recents-widget__item--empty' : ''}`,
+          getKey: item_1 => item_1 ? documentKey(item_1) : 'add-pin',
+          items: hasAddPinCard ? [...items, null] : items,
+          renderItem: item_2 => item_2 ? /*#__PURE__*/_jsxs(DocumentCard, {
+            href: item_2.href,
+            placeholder: /*#__PURE__*/_jsx(DocumentIcon, {}),
+            thumbnail: item_2.thumbnailURL ? {
+              alt: '',
+              src: item_2.thumbnailURL
+            } : undefined,
+            title: item_2.title,
+            children: [/*#__PURE__*/_jsxs("div", {
+              className: "recents-widget__meta",
+              children: [item_2.typeLabel, item_2.dateTime && item_2.dateLabel ? /*#__PURE__*/_jsxs(_Fragment, {
+                children: [' · ', /*#__PURE__*/_jsx("time", {
+                  dateTime: item_2.dateTime,
+                  children: item_2.dateLabel
+                })]
+              }) : null]
+            }), item_2.statusLabel ? /*#__PURE__*/_jsx("span", {
+              className: `recents-widget__status-pill${item_2.isDraft ? ' recents-widget__status-pill--draft' : item_2.isChanged ? ' recents-widget__status-pill--changed' : ''}`,
+              children: item_2.statusLabel
+            }) : null, activeTab === 'pinned' ? /*#__PURE__*/_jsx("button", {
+              "aria-label": `${labels.removePin}: ${item_2.title}`,
+              "aria-pressed": true,
+              className: "recents-widget__pin",
+              disabled: isSaving || isLoading,
+              onClick: () => void removePinnedDocument({
+                item: item_2
+              }),
+              type: "button",
+              children: /*#__PURE__*/_jsx("span", {
+                "aria-hidden": "true",
+                className: "recents-widget__pin-icon",
+                children: /*#__PURE__*/_jsx(PinIcon, {
+                  isFilled: true
+                })
+              })
+            }) : null]
+          }) : pinDocumentPicker
+        })
+      }) : isLoading ? null : /*#__PURE__*/_jsxs("div", {
+        "aria-live": "polite",
+        className: "recents-widget__empty",
+        children: [/*#__PURE__*/_jsx("span", {
+          "aria-hidden": "true",
+          className: `recents-widget__empty-icon recents-widget__empty-icon--${activeTab}`,
+          children: activeTab === 'pinned' ? /*#__PURE__*/_jsx(PinIcon, {}) : /*#__PURE__*/_jsx(ClockIcon, {})
+        }), /*#__PURE__*/_jsxs("span", {
+          className: "recents-widget__empty-text",
+          children: [/*#__PURE__*/_jsx("span", {
+            className: "recents-widget__empty-title",
+            children: emptyMessage
+          }), /*#__PURE__*/_jsx("span", {
+            className: "recents-widget__empty-description",
+            children: emptyDescription
+          })]
+        })]
+      }), saveError && !loadError ? /*#__PURE__*/_jsx("span", {
+        "aria-hidden": "true",
+        className: "recents-widget__save-error",
+        children: saveError
+      }) : null, /*#__PURE__*/_jsx("span", {
+        "aria-hidden": "true",
+        className: "recents-widget__loading",
+        children: isLoading && shouldShowLoading ? /*#__PURE__*/_jsx("span", {
+          children: labels.loading
+        }) : null
+      })]
+    }), /*#__PURE__*/_jsx("span", {
+      "aria-live": "polite",
+      className: "recents-widget__status sr-only",
+      children: saveError || loadError || (isLoading && shouldShowLoading ? labels.loading : '')
+    })]
+  });
+}
+//# sourceMappingURL=index.client.js.map

package/dist/widgets/RecentlyViewed/index.client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.client.js","names":["React","useEffect","useId","useMemo","useRef","useState","Button","CardGrid","DocumentCard","ChevronIcon","ClockIcon","DocumentIcon","PinIcon","useAuth","useConfig","useEntityVisibility","useServerFunctions","useTranslation","isNavEntityVisible","WidgetCard","PinDocumentPicker","updatePinnedPreferences","documentKey","RecentsAndPinnedClient","excludedCollections","labels","pinsURL","permissions","user","t","config","isEntityVisible","serverFunction","pinnableCollections","collections","filter","slug","admin","collectionSlug","adminGroup","group","entityPermissions","map","canAddPin","Boolean","length","contentRef","listID","page","setPage","pageSize","setPageSize","pinnedTabRef","recentsTabRef","previousPageRef","nextPageRef","paginationFocusRef","activeTab","setActiveTab","pageResult","setPageResult","items","totalDocs","isLoading","setIsLoading","shouldShowLoading","setShouldShowLoading","isSaving","setIsSaving","saveError","setSaveError","loadError","setLoadError","refresh","setRefresh","shouldIncludePinPlaceholder","totalPages","Math","max","ceil","Number","currentPage","hasAddPinCard","isCurrent","loadingTimeout","setTimeout","name","args","limit","tab","then","result","current","lastPage","requestAnimationFrame","activeTabRef","focus","catch","finally","clearTimeout","element","observedPageSize","observer","ResizeObserver","styles","getComputedStyle","columns","gridTemplateColumns","split","rows","getPropertyValue","nextPageSize","style","setProperty","String","observe","disconnect","emptyMessage","recentsEmpty","pinnedEmpty","emptyDescription","recentsEmptyDescription","pinnedEmptyDescription","removePinnedDocument","item","previous","entry","document","shouldPin","url","value","pinnedSaveError","addSelectedPin","pinDocumentPicker","_jsx","collectionSlugs","isDisabled","isEmpty","onError","onSelect","_jsxs","className","title","role","onClick","ref","type","recents","pinned","pagination","disabled","direction","next","buttonStyle","margin","size","retry","id","ariaLabel","getItemClassName","getKey","renderItem","href","placeholder","thumbnail","thumbnailURL","alt","src","undefined","typeLabel","dateTime","dateLabel","_Fragment","statusLabel","isDraft","isChanged","removePin","isFilled","loading"],"sources":["../../../src/widgets/RecentlyViewed/index.client.tsx"],"sourcesContent":["'use client'\n\nimport React, { useEffect, useId, useMemo, useRef, useState } from 'react'\n\nimport type { DocumentsPage, DocumentsTab } from './getDocuments.js'\nimport type { PinnedItem } from './recents.js'\n\nimport { Button } from '../../elements/Button/index.js'\nimport { CardGrid } from '../../elements/CardGrid/index.js'\nimport { DocumentCard } from '../../elements/DocumentCard/index.js'\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { ClockIcon } from '../../icons/Clock/index.js'\nimport { DocumentIcon } from '../../icons/Document/index.js'\nimport { PinIcon } from '../../icons/Pin/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useEntityVisibility } from '../../providers/EntityVisibility/index.js'\nimport { useServerFunctions } from '../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { isNavEntityVisible } from '../../utilities/isNavEntityVisible.js'\nimport { WidgetCard } from '../WidgetCard/index.js'\nimport { PinDocumentPicker } from './PinDocumentPicker/index.js'\nimport { updatePinnedPreferences } from './pinnedPreferences.js'\nimport { documentKey } from './recents.js'\nimport './index.css'\n\nexport type RecentDocument = {\n  dateLabel?: string\n  dateTime?: string\n  href: string\n  isChanged?: boolean\n  isDraft?: boolean\n  statusLabel?: string\n  thumbnailURL?: string\n  title: string\n  typeLabel: string\n  updatedAt?: string\n  viewedAt?: string\n} & PinnedItem\n\ntype Labels = {\n  addPin: string\n  loadError: string\n  loading: string\n  next: string\n  pagination: string\n  pinned: string\n  pinnedEmpty: string\n  pinnedEmptyDescription: string\n  pinnedSaveError: string\n  previous: string\n  recents: string\n  recentsEmpty: string\n  recentsEmptyDescription: string\n  removePin: string\n  retry: string\n  title: string\n}\n\nexport function RecentsAndPinnedClient({\n  excludedCollections,\n  labels,\n  pinsURL,\n}: {\n  excludedCollections?: string[]\n  labels: Labels\n  pinsURL: string\n}) {\n  const { permissions, user } = useAuth()\n  const { t } = useTranslation()\n  const { config } = useConfig()\n  const { isEntityVisible } = useEntityVisibility()\n  const { serverFunction } = useServerFunctions()\n  const pinnableCollections = useMemo(\n    () =>\n      config.collections\n        .filter(\n          ({ slug, admin }) =>\n            isEntityVisible({ collectionSlug: slug }) &&\n            isNavEntityVisible({\n              adminGroup: admin.group,\n              entityPermissions: permissions?.collections?.[slug],\n            }),\n        )\n        .map(({ slug }) => slug),\n    [config.collections, isEntityVisible, permissions],\n  )\n  const canAddPin = Boolean(user) && pinnableCollections.length > 0\n  const contentRef = useRef<HTMLDivElement>(null)\n  const listID = useId()\n  const [page, setPage] = useState(1)\n  const [pageSize, setPageSize] = useState(0)\n  const pinnedTabRef = useRef<HTMLButtonElement>(null)\n  const recentsTabRef = useRef<HTMLButtonElement>(null)\n  const previousPageRef = useRef<HTMLButtonElement>(null)\n  const nextPageRef = useRef<HTMLButtonElement>(null)\n  const paginationFocusRef = useRef(false)\n  const [activeTab, setActiveTab] = useState<DocumentsTab>('pinned')\n  const [pageResult, setPageResult] = useState<DocumentsPage>({ items: [], page: 1, totalDocs: 0 })\n  const [isLoading, setIsLoading] = useState(true)\n  const [shouldShowLoading, setShouldShowLoading] = useState(false)\n  const [isSaving, setIsSaving] = useState(false)\n  const [saveError, setSaveError] = useState('')\n  const [loadError, setLoadError] = useState('')\n  const [refresh, setRefresh] = useState(0)\n  const shouldIncludePinPlaceholder = activeTab === 'pinned' && canAddPin\n  const totalPages = Math.max(\n    1,\n    Math.ceil((pageResult.totalDocs + Number(shouldIncludePinPlaceholder)) / (pageSize || 1)),\n  )\n  const currentPage = pageResult.page\n  const items = pageResult.items\n  const hasAddPinCard =\n    shouldIncludePinPlaceholder && pageResult.page === totalPages && items.length < pageSize\n\n  useEffect(() => {\n    if (!pageSize) {\n      return\n    }\n    let isCurrent = true\n    setIsLoading(true)\n    setShouldShowLoading(false)\n    setLoadError('')\n    const loadingTimeout = setTimeout(() => setShouldShowLoading(true), 180)\n    void (\n      serverFunction({\n        name: 'get-dashboard-documents',\n        args: {\n          excludedCollections,\n          limit: pageSize,\n          page,\n          shouldIncludePinPlaceholder,\n          tab: activeTab,\n        },\n      }) as Promise<DocumentsPage>\n    )\n      .then((result: DocumentsPage) => {\n        if (!isCurrent) {\n          return\n        }\n        setPageResult(result)\n        setPage(result.page)\n        setIsLoading(false)\n        if (paginationFocusRef.current) {\n          paginationFocusRef.current = false\n          const lastPage = Math.max(\n            1,\n            Math.ceil((result.totalDocs + Number(shouldIncludePinPlaceholder)) / pageSize),\n          )\n          requestAnimationFrame(() => {\n            if (lastPage === 1) {\n              const activeTabRef = activeTab === 'pinned' ? pinnedTabRef : recentsTabRef\n\n              activeTabRef.current?.focus()\n            } else if (result.page === 1) {\n              nextPageRef.current?.focus()\n            } else if (result.page === lastPage) {\n              previousPageRef.current?.focus()\n            }\n          })\n        }\n      })\n      .catch(() => {\n        if (isCurrent) {\n          setIsLoading(false)\n          paginationFocusRef.current = false\n          setLoadError(labels.loadError)\n        }\n      })\n      .finally(() => clearTimeout(loadingTimeout))\n    return () => {\n      isCurrent = false\n      clearTimeout(loadingTimeout)\n    }\n  }, [\n    activeTab,\n    excludedCollections,\n    shouldIncludePinPlaceholder,\n    labels.loadError,\n    page,\n    pageSize,\n    refresh,\n    serverFunction,\n  ])\n\n  useEffect(() => {\n    const element = contentRef.current\n\n    if (!element) {\n      return\n    }\n\n    let observedPageSize = 0\n    const observer = new ResizeObserver(() => {\n      const styles = getComputedStyle(element)\n      const columns = styles.gridTemplateColumns.split(' ').length\n      const rows = Number(styles.getPropertyValue('--recents-rows'))\n      const nextPageSize = columns * rows\n\n      element.style.setProperty('--recents-columns', String(columns))\n\n      if (nextPageSize !== observedPageSize) {\n        observedPageSize = nextPageSize\n        setPageSize(nextPageSize)\n        setPage(1)\n      }\n    })\n    observer.observe(element)\n\n    return () => observer.disconnect()\n  }, [])\n\n  const emptyMessage = activeTab === 'recents' ? labels.recentsEmpty : labels.pinnedEmpty\n  const emptyDescription =\n    activeTab === 'recents' ? labels.recentsEmptyDescription : labels.pinnedEmptyDescription\n\n  const removePinnedDocument = async ({ item }: { item: RecentDocument }) => {\n    if (isSaving || activeTab !== 'pinned') {\n      return\n    }\n\n    const previous = pageResult\n\n    setPageResult((current) => ({\n      ...current,\n      items: current.items.filter((entry) => documentKey(entry) !== documentKey(item)),\n    }))\n    requestAnimationFrame(() => pinnedTabRef.current?.focus())\n    setIsSaving(true)\n    setSaveError('')\n\n    try {\n      await updatePinnedPreferences({ document: item, shouldPin: false, url: pinsURL })\n      setRefresh((value) => value + 1)\n    } catch {\n      setPageResult(previous)\n      setSaveError(labels.pinnedSaveError)\n    } finally {\n      setIsSaving(false)\n    }\n  }\n\n  const addSelectedPin = async ({ document }: { document: PinnedItem }) => {\n    if (isSaving) {\n      return\n    }\n    setIsSaving(true)\n    setSaveError('')\n\n    try {\n      await updatePinnedPreferences({ document, shouldPin: true, url: pinsURL })\n      setPage(1)\n      setRefresh((value) => value + 1)\n    } catch {\n      setSaveError(labels.pinnedSaveError)\n    } finally {\n      setIsSaving(false)\n      requestAnimationFrame(() => pinnedTabRef.current?.focus())\n    }\n  }\n\n  const pinDocumentPicker = canAddPin ? (\n    <PinDocumentPicker\n      collectionSlugs={pinnableCollections}\n      isDisabled={isLoading || isSaving}\n      isEmpty={pageResult.totalDocs === 0}\n      labels={labels}\n      onError={() => setSaveError(labels.pinnedSaveError)}\n      onSelect={(args) => void addSelectedPin(args)}\n      pinsURL={pinsURL}\n    />\n  ) : null\n\n  return (\n    <WidgetCard className=\"recently-viewed-widget recents-widget\" title={labels.title}>\n      <div className=\"recents-widget__toolbar\">\n        <div aria-label={labels.title} className=\"recents-widget__tabs\" role=\"group\">\n          {(['pinned', 'recents'] as const).map((tab) => (\n            <button\n              aria-pressed={activeTab === tab}\n              className=\"recents-widget__tab\"\n              key={tab}\n              onClick={() => {\n                if (isSaving) {\n                  return\n                }\n                if (activeTab === tab && page === 1) {\n                  if (loadError) {\n                    setRefresh((value) => value + 1)\n                  }\n                  return\n                }\n                setPageResult({ items: [], page: 1, totalDocs: 0 })\n                setIsLoading(true)\n                setActiveTab(tab)\n                setPage(1)\n              }}\n              ref={tab === 'pinned' ? pinnedTabRef : recentsTabRef}\n              type=\"button\"\n            >\n              {tab === 'recents' ? labels.recents : labels.pinned}\n            </button>\n          ))}\n        </div>\n        {totalPages > 1 ? (\n          <div aria-label={labels.pagination} className=\"recents-widget__pagination\" role=\"group\">\n            <button\n              aria-controls={listID}\n              aria-disabled={isLoading || isSaving}\n              aria-label={labels.previous}\n              className=\"recents-widget__previous\"\n              disabled={currentPage === 1}\n              onClick={() => {\n                if (isLoading || isSaving) {\n                  return\n                }\n                paginationFocusRef.current = true\n                setPage(currentPage - 1)\n              }}\n              ref={previousPageRef}\n              type=\"button\"\n            >\n              <span aria-hidden=\"true\">\n                <ChevronIcon direction=\"left\" />\n              </span>\n            </button>\n            <span aria-atomic=\"true\" aria-live=\"polite\" className=\"recents-widget__page-status\">\n              {t('dashboard:widgetPageCount', { currentPage, totalPages })}\n            </span>\n            <button\n              aria-controls={listID}\n              aria-disabled={isLoading || isSaving}\n              aria-label={labels.next}\n              className=\"recents-widget__next\"\n              disabled={currentPage === totalPages}\n              onClick={() => {\n                if (isLoading || isSaving) {\n                  return\n                }\n                paginationFocusRef.current = true\n                setPage(currentPage + 1)\n              }}\n              ref={nextPageRef}\n              type=\"button\"\n            >\n              <span aria-hidden=\"true\">\n                <ChevronIcon direction=\"right\" />\n              </span>\n            </button>\n          </div>\n        ) : null}\n      </div>\n      <div aria-busy={isLoading} className=\"recents-widget__viewport\" ref={contentRef}>\n        {loadError ? (\n          <div className=\"recents-widget__error\">\n            <span>{loadError}</span>\n            <Button\n              buttonStyle=\"secondary\"\n              margin={false}\n              onClick={() => {\n                const activeTabRef = activeTab === 'pinned' ? pinnedTabRef : recentsTabRef\n\n                activeTabRef.current?.focus()\n                setRefresh((value) => value + 1)\n              }}\n              size=\"medium\"\n              type=\"button\"\n            >\n              {labels.retry}\n            </Button>\n          </div>\n        ) : items.length || (hasAddPinCard && !isLoading) ? (\n          <div className=\"recents-widget__content\" id={listID}>\n            <CardGrid<null | RecentDocument>\n              ariaLabel={activeTab === 'pinned' ? labels.pinned : labels.recents}\n              className=\"recents-widget__items recents-widget__items--grid\"\n              getItemClassName={(item) =>\n                item\n                  ? 'recents-widget__item'\n                  : `recents-widget__item recents-widget__item--add-pin${pageResult.totalDocs === 0 ? ' recents-widget__item--empty' : ''}`\n              }\n              getKey={(item) => (item ? documentKey(item) : 'add-pin')}\n              items={hasAddPinCard ? [...items, null] : items}\n              renderItem={(item) =>\n                item ? (\n                  <DocumentCard\n                    href={item.href}\n                    placeholder={<DocumentIcon />}\n                    thumbnail={item.thumbnailURL ? { alt: '', src: item.thumbnailURL } : undefined}\n                    title={item.title}\n                  >\n                    <div className=\"recents-widget__meta\">\n                      {item.typeLabel}\n                      {item.dateTime && item.dateLabel ? (\n                        <>\n                          {' · '}\n                          <time dateTime={item.dateTime}>{item.dateLabel}</time>\n                        </>\n                      ) : null}\n                    </div>\n                    {item.statusLabel ? (\n                      <span\n                        className={`recents-widget__status-pill${item.isDraft ? ' recents-widget__status-pill--draft' : item.isChanged ? ' recents-widget__status-pill--changed' : ''}`}\n                      >\n                        {item.statusLabel}\n                      </span>\n                    ) : null}\n                    {activeTab === 'pinned' ? (\n                      <button\n                        aria-label={`${labels.removePin}: ${item.title}`}\n                        aria-pressed={true}\n                        className=\"recents-widget__pin\"\n                        disabled={isSaving || isLoading}\n                        onClick={() => void removePinnedDocument({ item })}\n                        type=\"button\"\n                      >\n                        <span aria-hidden=\"true\" className=\"recents-widget__pin-icon\">\n                          <PinIcon isFilled />\n                        </span>\n                      </button>\n                    ) : null}\n                  </DocumentCard>\n                ) : (\n                  pinDocumentPicker\n                )\n              }\n            />\n          </div>\n        ) : isLoading ? null : (\n          <div aria-live=\"polite\" className=\"recents-widget__empty\">\n            <span\n              aria-hidden=\"true\"\n              className={`recents-widget__empty-icon recents-widget__empty-icon--${activeTab}`}\n            >\n              {activeTab === 'pinned' ? <PinIcon /> : <ClockIcon />}\n            </span>\n            <span className=\"recents-widget__empty-text\">\n              <span className=\"recents-widget__empty-title\">{emptyMessage}</span>\n              <span className=\"recents-widget__empty-description\">{emptyDescription}</span>\n            </span>\n          </div>\n        )}\n        {saveError && !loadError ? (\n          <span aria-hidden=\"true\" className=\"recents-widget__save-error\">\n            {saveError}\n          </span>\n        ) : null}\n        <span aria-hidden=\"true\" className=\"recents-widget__loading\">\n          {isLoading && shouldShowLoading ? <span>{labels.loading}</span> : null}\n        </span>\n      </div>\n      <span aria-live=\"polite\" className=\"recents-widget__status sr-only\">\n        {saveError || loadError || (isLoading && shouldShowLoading ? labels.loading : '')}\n      </span>\n    </WidgetCard>\n  )\n}\n"],"mappings":"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","ignoreList":[]}