@payloadcms/ui 4.0.0-internal.ea6e8f8 → 4.0.0-internal.ec73d44

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

@@ -1 +0,0 @@
-{"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","WidgetCard","PinDocumentPicker","updatePinnedPreferences","documentKey","RecentsAndPinnedClient","excludedCollections","labels","pinsURL","permissions","user","t","config","isEntityVisible","serverFunction","pinnableCollections","collections","filter","slug","collectionSlug","read","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","entry","width","contentRect","nextPageSize","observe","disconnect","emptyMessage","recentsEmpty","pinnedEmpty","emptyDescription","recentsEmptyDescription","pinnedEmptyDescription","removePinnedDocument","item","previous","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","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 { 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  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 }) =>\n            isEntityVisible({ collectionSlug: slug }) && permissions?.collections?.[slug]?.read,\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(([entry]) => {\n      const width = entry.contentRect.width\n      const nextPageSize = width >= 768 ? 4 : width >= 400 ? 2 : 1\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' : ''}`}\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":[]}

package/dist/widgets/RecentlyViewed/index.css

@@ -1,318 +0,0 @@
-@layer payload-default {
-  .recents-widget,
-  .recents-widget__pin-picker {
-    --recents-text-secondary: color-mix(
-      in srgb,
-      var(--color-text-secondary) 75%,
-      var(--color-text)
-    );
-  }
-
-  .card.recents-widget {
-    container-type: inline-size;
-    gap: var(--spacer-3);
-    height: auto;
-    max-height: none;
-    padding: 0;
-    border: 0;
-    border-radius: 0;
-    background: var(--color-bg);
-  }
-
-  .recents-widget .widget-card__header {
-    position: absolute;
-    width: calc(var(--spacer-1) / 4);
-    height: calc(var(--spacer-1) / 4);
-    overflow: hidden;
-    clip-path: inset(50%);
-    white-space: nowrap;
-  }
-
-  .recents-widget__toolbar,
-  .recents-widget__tabs {
-    display: flex;
-    align-items: center;
-  }
-
-  .recents-widget__toolbar {
-    justify-content: space-between;
-    gap: var(--spacer-2);
-    flex-wrap: wrap;
-    align-content: flex-start;
-    /* Reserve the second toolbar row when pagination wraps on narrow widgets. */
-    min-block-size: calc(var(--spacer-4) * 2 + var(--spacer-2));
-  }
-
-  .recents-widget__tabs {
-    gap: var(--spacer-1);
-    flex-wrap: wrap;
-  }
-
-  .recents-widget__tab,
-  .recents-widget__pin {
-    border: 0;
-    background: transparent;
-    color: var(--recents-text-secondary);
-    cursor: pointer;
-  }
-
-  .recents-widget__tab {
-    min-height: var(--spacer-4);
-    padding-inline: var(--spacer-2);
-    border-radius: var(--radius-medium);
-    font-family: var(--text-body-medium-font-family);
-    font-size: var(--text-body-medium-font-size);
-    line-height: var(--text-body-medium-line-height);
-    white-space: nowrap;
-  }
-
-  .recents-widget__tab[aria-pressed='true'] {
-    background: var(--color-bg-secondary);
-    color: var(--color-text);
-    font-weight: var(--text-body-medium-strong-font-weight);
-  }
-
-  .card-grid.recents-widget__items {
-    display: grid;
-    gap: var(--spacer-3);
-    min-height: 0;
-    padding: 0;
-    margin: 0;
-    list-style: none;
-  }
-
-  .card-grid.recents-widget__items--grid {
-    grid-template-columns: repeat(1, minmax(0, 1fr));
-  }
-
-  .recents-widget__viewport {
-    --recents-columns: 1;
-    --recents-card-width: calc(
-      (100cqw - var(--spacer-3) * (var(--recents-columns) - 1)) / var(--recents-columns)
-    );
-
-    /* Match the thumbnail, two text lines, padding, metadata gap, and card border. */
-    min-block-size: max(
-      calc(var(--spacer-6) * 5),
-      calc(
-        (var(--recents-card-width) - var(--stroke-width-small) * 2) * 3 / 4 +
-          (var(--text-body-medium-line-height) + var(--spacer-2-5)) * 2 + var(--spacer-1) +
-          var(--stroke-width-small) * 2
-      )
-    );
-    position: relative;
-  }
-
-  .recents-widget__error {
-    position: absolute;
-    inset: 0;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    gap: var(--spacer-3);
-    padding: var(--spacer-3);
-    text-align: center;
-  }
-
-  .recents-widget__save-error {
-    position: absolute;
-    inset-block-start: var(--spacer-3);
-    inset-inline: var(--spacer-3);
-    padding: var(--spacer-2);
-    border-radius: var(--radius-medium);
-    background: var(--color-bg);
-  }
-
-  .recents-widget__loading {
-    position: absolute;
-    inset: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    pointer-events: none;
-  }
-
-  .recents-widget__loading > span {
-    padding: var(--spacer-2);
-    background: var(--color-bg);
-  }
-
-  .recents-widget__loading:empty {
-    display: none;
-  }
-
-  .recents-widget__item--empty {
-    grid-column: 1 / -1;
-  }
-
-  .recents-widget__status-pill {
-    position: absolute;
-    inset-block-start: var(--spacer-3);
-    inset-inline-start: var(--spacer-3);
-    padding-inline: var(--spacer-1);
-    border-radius: var(--radius-medium);
-    background: var(--color-bg-brand-secondary);
-    color: var(--color-text-onbrand);
-    font-family: var(--text-body-medium-font-family);
-    font-size: var(--text-body-medium-font-size);
-    line-height: var(--text-body-medium-line-height);
-  }
-
-  .recents-widget__status-pill--draft {
-    background: var(--color-bg-tertiary);
-    color: var(--color-text);
-  }
-
-  .recents-widget__meta,
-  .recents-widget__empty-description {
-    color: var(--recents-text-secondary);
-    font-family: var(--text-body-medium-font-family);
-    font-size: var(--text-body-medium-font-size);
-    line-height: var(--text-body-medium-line-height);
-  }
-
-  .recents-widget__meta {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  .recents-widget__pin {
-    position: absolute;
-    inset-block-start: var(--spacer-2-5);
-    inset-inline-end: var(--spacer-2-5);
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: var(--spacer-4);
-    height: var(--spacer-4);
-    padding: 0;
-    border-radius: var(--radius-medium);
-    background: var(--color-bg);
-    opacity: 0;
-  }
-
-  .recents-widget .document-card .document-card__metadata .recents-widget__pin {
-    position: absolute;
-  }
-
-  .recents-widget__item:hover .recents-widget__pin,
-  .recents-widget__item:focus-within .recents-widget__pin {
-    opacity: 1;
-  }
-
-  .recents-widget__pin-icon {
-    display: flex;
-    color: var(--color-icon-warning);
-  }
-
-  .recents-widget__pin:disabled {
-    cursor: progress;
-  }
-
-  .recents-widget__empty {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    gap: var(--spacer-2);
-    min-height: calc(var(--spacer-6) * 5);
-    padding: var(--spacer-5) var(--spacer-3);
-    border: var(--stroke-width-small) dashed var(--color-border);
-    border-radius: var(--radius-large);
-    text-align: center;
-  }
-
-  .recents-widget__empty-icon {
-    width: var(--spacer-6);
-    height: var(--spacer-6);
-    border-radius: var(--radius-full);
-    background-color: var(--color-bg-brand-tertiary);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: var(--color-icon-brand);
-  }
-
-  .recents-widget__empty-text {
-    display: flex;
-    flex-direction: column;
-    gap: var(--spacer-1);
-  }
-
-  .recents-widget__empty-title {
-    color: var(--color-text);
-    font-family: var(--text-body-large-strong-font-family);
-    font-size: var(--text-body-large-strong-font-size);
-    font-weight: var(--text-body-large-strong-font-weight);
-    line-height: var(--text-body-large-strong-line-height);
-  }
-
-  .recents-widget__tab:focus-visible,
-  .recents-widget__pagination button:focus-visible,
-  .recents-widget__pin:focus-visible {
-    outline: var(--accessibility-outline);
-    outline-offset: var(--accessibility-outline-offset);
-  }
-
-  .recents-widget__pagination {
-    display: flex;
-    align-items: center;
-    gap: var(--spacer-1);
-    font-family: var(--text-body-medium-font-family);
-    font-size: var(--text-body-medium-font-size);
-    line-height: var(--text-body-medium-line-height);
-  }
-
-  .recents-widget__pagination button {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: var(--spacer-4);
-    height: var(--spacer-4);
-    padding: 0;
-    border: 0;
-    border-radius: var(--radius-medium);
-    background: transparent;
-    color: var(--color-text);
-    cursor: pointer;
-  }
-
-  .recents-widget__pagination button:hover:not(:disabled) {
-    background: var(--color-bg-secondary);
-  }
-
-  [dir='rtl'] .recents-widget__pagination button > span {
-    transform: scaleX(-1);
-  }
-
-  .recents-widget__pagination button:disabled {
-    color: var(--color-text-disabled);
-    cursor: default;
-  }
-
-  @container (min-width: 400px) {
-    .recents-widget__toolbar {
-      min-block-size: var(--spacer-4);
-    }
-
-    .recents-widget__viewport {
-      --recents-columns: 2;
-    }
-
-    .card-grid.recents-widget__items--grid {
-      grid-template-columns: repeat(2, minmax(0, 1fr));
-    }
-  }
-
-  @container (min-width: 768px) {
-    .recents-widget__viewport {
-      --recents-columns: 4;
-    }
-
-    .card-grid.recents-widget__items--grid {
-      grid-template-columns: repeat(4, minmax(0, 1fr));
-    }
-  }
-}

package/dist/widgets/RecentlyViewed/index.d.ts

@@ -1,10 +0,0 @@
-import type { WidgetServerProps } from 'payload';
-import React from 'react';
-type RecentlyViewedWidgetData = {
-    excludedCollections?: string[];
-};
-export declare function RecentlyViewedWidget({ req, widgetData, }: WidgetServerProps<{
-    data?: RecentlyViewedWidgetData;
-}>): React.JSX.Element;
-export {};
-//# sourceMappingURL=index.d.ts.map

package/dist/widgets/RecentlyViewed/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/widgets/RecentlyViewed/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAGhD,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,KAAK,wBAAwB,GAAG;IAC9B,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAA;CAC/B,CAAA;AAED,wBAAgB,oBAAoB,CAAC,EACnC,GAAG,EACH,UAAU,GACX,EAAE,iBAAiB,CAAC;IAAE,IAAI,CAAC,EAAE,wBAAwB,CAAA;CAAE,CAAC,qBAiCxD"}

package/dist/widgets/RecentlyViewed/index.js

@@ -1,45 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { formatAdminURL, PREFERENCE_KEYS } from 'payload/shared';
-import React from 'react';
-// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary
-import { RecentsAndPinnedClient } from '../../exports/client/index.js';
-export function RecentlyViewedWidget({
-  req,
-  widgetData
-}) {
-  const {
-    i18n,
-    payload,
-    user
-  } = req;
-  if (!user) {
-    return null;
-  }
-  return /*#__PURE__*/_jsx(RecentsAndPinnedClient, {
-    excludedCollections: widgetData?.excludedCollections,
-    labels: {
-      addPin: i18n.t('dashboard:widgetAddPin'),
-      loadError: i18n.t('error:unknown'),
-      loading: i18n.t('general:loading'),
-      next: i18n.t('general:next'),
-      pagination: i18n.t('dashboard:widgetPagination'),
-      pinned: i18n.t('dashboard:widgetPinned'),
-      pinnedEmpty: i18n.t('dashboard:widgetPinnedEmpty'),
-      pinnedEmptyDescription: i18n.t('dashboard:widgetPinnedEmptyDescription'),
-      pinnedSaveError: i18n.t('dashboard:widgetPinnedSaveError'),
-      previous: i18n.t('general:previous'),
-      recents: i18n.t('dashboard:widgetRecentlyViewedTitle'),
-      recentsEmpty: i18n.t('dashboard:widgetRecentlyViewedEmpty'),
-      recentsEmptyDescription: i18n.t('dashboard:widgetRecentlyViewedEmptyDescription'),
-      removePin: i18n.t('dashboard:widgetRemovePin'),
-      retry: i18n.t('general:retry'),
-      title: i18n.t('dashboard:widgetRecentsAndPinned')
-    },
-    pinsURL: formatAdminURL({
-      apiRoute: payload.config.routes.api,
-      path: `/payload-preferences/${PREFERENCE_KEYS.PINNED_DOCUMENTS}`,
-      serverURL: payload.config.serverURL
-    })
-  });
-}
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["formatAdminURL","PREFERENCE_KEYS","React","RecentsAndPinnedClient","RecentlyViewedWidget","req","widgetData","i18n","payload","user","_jsx","excludedCollections","labels","addPin","t","loadError","loading","next","pagination","pinned","pinnedEmpty","pinnedEmptyDescription","pinnedSaveError","previous","recents","recentsEmpty","recentsEmptyDescription","removePin","retry","title","pinsURL","apiRoute","config","routes","api","path","PINNED_DOCUMENTS","serverURL"],"sources":["../../../src/widgets/RecentlyViewed/index.tsx"],"sourcesContent":["import type { WidgetServerProps } from 'payload'\n\nimport { formatAdminURL, PREFERENCE_KEYS } from 'payload/shared'\nimport React from 'react'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary\nimport { RecentsAndPinnedClient } from '../../exports/client/index.js'\n\ntype RecentlyViewedWidgetData = {\n  excludedCollections?: string[]\n}\n\nexport function RecentlyViewedWidget({\n  req,\n  widgetData,\n}: WidgetServerProps<{ data?: RecentlyViewedWidgetData }>) {\n  const { i18n, payload, user } = req\n  if (!user) {\n    return null\n  }\n  return (\n    <RecentsAndPinnedClient\n      excludedCollections={widgetData?.excludedCollections}\n      labels={{\n        addPin: i18n.t('dashboard:widgetAddPin'),\n        loadError: i18n.t('error:unknown'),\n        loading: i18n.t('general:loading'),\n        next: i18n.t('general:next'),\n        pagination: i18n.t('dashboard:widgetPagination'),\n        pinned: i18n.t('dashboard:widgetPinned'),\n        pinnedEmpty: i18n.t('dashboard:widgetPinnedEmpty'),\n        pinnedEmptyDescription: i18n.t('dashboard:widgetPinnedEmptyDescription'),\n        pinnedSaveError: i18n.t('dashboard:widgetPinnedSaveError'),\n        previous: i18n.t('general:previous'),\n        recents: i18n.t('dashboard:widgetRecentlyViewedTitle'),\n        recentsEmpty: i18n.t('dashboard:widgetRecentlyViewedEmpty'),\n        recentsEmptyDescription: i18n.t('dashboard:widgetRecentlyViewedEmptyDescription'),\n        removePin: i18n.t('dashboard:widgetRemovePin'),\n        retry: i18n.t('general:retry'),\n        title: i18n.t('dashboard:widgetRecentsAndPinned'),\n      }}\n      pinsURL={formatAdminURL({\n        apiRoute: payload.config.routes.api,\n        path: `/payload-preferences/${PREFERENCE_KEYS.PINNED_DOCUMENTS}`,\n        serverURL: payload.config.serverURL,\n      })}\n    />\n  )\n}\n"],"mappings":";AAEA,SAASA,cAAc,EAAEC,eAAe,QAAQ;AAChD,OAAOC,KAAA,MAAW;AAElB;AACA,SAASC,sBAAsB,QAAQ;AAMvC,OAAO,SAASC,qBAAqB;EACnCC,GAAG;EACHC;AAAU,CAC6C;EACvD,MAAM;IAAEC,IAAI;IAAEC,OAAO;IAAEC;EAAI,CAAE,GAAGJ,GAAA;EAChC,IAAI,CAACI,IAAA,EAAM;IACT,OAAO;EACT;EACA,oBACEC,IAAA,CAACP,sBAAA;IACCQ,mBAAA,EAAqBL,UAAA,EAAYK,mBAAA;IACjCC,MAAA,EAAQ;MACNC,MAAA,EAAQN,IAAA,CAAKO,CAAC,CAAC;MACfC,SAAA,EAAWR,IAAA,CAAKO,CAAC,CAAC;MAClBE,OAAA,EAAST,IAAA,CAAKO,CAAC,CAAC;MAChBG,IAAA,EAAMV,IAAA,CAAKO,CAAC,CAAC;MACbI,UAAA,EAAYX,IAAA,CAAKO,CAAC,CAAC;MACnBK,MAAA,EAAQZ,IAAA,CAAKO,CAAC,CAAC;MACfM,WAAA,EAAab,IAAA,CAAKO,CAAC,CAAC;MACpBO,sBAAA,EAAwBd,IAAA,CAAKO,CAAC,CAAC;MAC/BQ,eAAA,EAAiBf,IAAA,CAAKO,CAAC,CAAC;MACxBS,QAAA,EAAUhB,IAAA,CAAKO,CAAC,CAAC;MACjBU,OAAA,EAASjB,IAAA,CAAKO,CAAC,CAAC;MAChBW,YAAA,EAAclB,IAAA,CAAKO,CAAC,CAAC;MACrBY,uBAAA,EAAyBnB,IAAA,CAAKO,CAAC,CAAC;MAChCa,SAAA,EAAWpB,IAAA,CAAKO,CAAC,CAAC;MAClBc,KAAA,EAAOrB,IAAA,CAAKO,CAAC,CAAC;MACde,KAAA,EAAOtB,IAAA,CAAKO,CAAC,CAAC;IAChB;IACAgB,OAAA,EAAS9B,cAAA,CAAe;MACtB+B,QAAA,EAAUvB,OAAA,CAAQwB,MAAM,CAACC,MAAM,CAACC,GAAG;MACnCC,IAAA,EAAM,wBAAwBlC,eAAA,CAAgBmC,gBAAgB,EAAE;MAChEC,SAAA,EAAW7B,OAAA,CAAQwB,MAAM,CAACK;IAC5B;;AAGN","ignoreList":[]}

package/dist/widgets/RecentlyViewed/pinnedPreferences.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pinnedPreferences.d.ts","sourceRoot":"","sources":["../../../src/widgets/RecentlyViewed/pinnedPreferences.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAI9C,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,OAAO,CAAA;CAAE,GAAG,UAAU,EAAE,CAuB1E;AAED,wBAAsB,qBAAqB,CAAC,EAAE,GAAG,EAAE,EAAE;IAAE,GAAG,EAAE,MAAM,CAAA;CAAE,GAAG,OAAO,CAAC,UAAU,EAAE,CAAC,CAS3F;AAED,+EAA+E;AAC/E,wBAAsB,uBAAuB,CAAC,EAC5C,QAAQ,EACR,SAAS,EACT,GAAG,GACJ,EAAE;IACD,QAAQ,EAAE,UAAU,CAAA;IACpB,SAAS,EAAE,OAAO,CAAA;IAClB,GAAG,EAAE,MAAM,CAAA;CACZ,GAAG,OAAO,CAAC,IAAI,CAAC,CAkBhB;AAED,wBAAsB,qBAAqB,CAAC,EAC1C,KAAK,EACL,GAAG,GACJ,EAAE;IACD,KAAK,EAAE,UAAU,EAAE,CAAA;IACnB,GAAG,EAAE,MAAM,CAAA;CACZ,GAAG,OAAO,CAAC,IAAI,CAAC,CAWhB"}

package/dist/widgets/RecentlyViewed/pinnedPreferences.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pinnedPreferences.js","names":["documentKey","getPinnedItems","value","Array","isArray","items","keys","Set","filter","item","collectionSlug","id","key","has","add","readPinnedPreferences","url","response","fetch","credentials","ok","Error","preference","json","updatePinnedPreferences","document","shouldPin","update","existing","some","remaining","savePinnedPreferences","navigator","locks","request","body","JSON","stringify","headers","method"],"sources":["../../../src/widgets/RecentlyViewed/pinnedPreferences.ts"],"sourcesContent":["import type { PinnedDocumentsPreferences } from 'payload'\n\nimport type { PinnedItem } from './recents.js'\n\nimport { documentKey } from './recents.js'\n\nexport function getPinnedItems({ value }: { value: unknown }): PinnedItem[] {\n  if (!value || typeof value !== 'object' || !('items' in value) || !Array.isArray(value.items)) {\n    return []\n  }\n  const keys = new Set<string>()\n\n  return value.items.filter((item): item is PinnedItem => {\n    if (\n      !item ||\n      typeof item !== 'object' ||\n      typeof item.collectionSlug !== 'string' ||\n      (typeof item.id !== 'string' && typeof item.id !== 'number')\n    ) {\n      return false\n    }\n    const key = documentKey(item)\n\n    if (keys.has(key)) {\n      return false\n    }\n    keys.add(key)\n    return true\n  })\n}\n\nexport async function readPinnedPreferences({ url }: { url: string }): Promise<PinnedItem[]> {\n  const response = await fetch(url, { credentials: 'include' })\n\n  if (!response.ok) {\n    throw new Error('Unable to read pins')\n  }\n  const preference: { value?: unknown } = await response.json()\n\n  return getPinnedItems({ value: preference.value })\n}\n\n/** Serialize the read/modify/write operation across same-origin admin tabs. */\nexport async function updatePinnedPreferences({\n  document,\n  shouldPin,\n  url,\n}: {\n  document: PinnedItem\n  shouldPin: boolean\n  url: string\n}): Promise<void> {\n  const update = async () => {\n    const existing = await readPinnedPreferences({ url })\n\n    if (shouldPin && existing.some((item) => documentKey(item) === documentKey(document))) {\n      return\n    }\n    const remaining = existing.filter((item) => documentKey(item) !== documentKey(document))\n    const items = shouldPin ? [document, ...remaining] : remaining\n\n    await savePinnedPreferences({ items, url })\n  }\n\n  if (typeof navigator !== 'undefined' && navigator.locks) {\n    await navigator.locks.request(`payload:pinned-documents:${url}`, update)\n  } else {\n    await update()\n  }\n}\n\nexport async function savePinnedPreferences({\n  items,\n  url,\n}: {\n  items: PinnedItem[]\n  url: string\n}): Promise<void> {\n  const response = await fetch(url, {\n    body: JSON.stringify({ value: { items } satisfies PinnedDocumentsPreferences }),\n    credentials: 'include',\n    headers: { 'Content-Type': 'application/json' },\n    method: 'POST',\n  })\n\n  if (!response.ok) {\n    throw new Error('Unable to save pins')\n  }\n}\n"],"mappings":"AAIA,SAASA,WAAW,QAAQ;AAE5B,OAAO,SAASC,eAAe;EAAEC;AAAK,CAAsB;EAC1D,IAAI,CAACA,KAAA,IAAS,OAAOA,KAAA,KAAU,YAAY,EAAE,WAAWA,KAAI,KAAM,CAACC,KAAA,CAAMC,OAAO,CAACF,KAAA,CAAMG,KAAK,GAAG;IAC7F,OAAO,EAAE;EACX;EACA,MAAMC,IAAA,GAAO,IAAIC,GAAA;EAEjB,OAAOL,KAAA,CAAMG,KAAK,CAACG,MAAM,CAAEC,IAAA;IACzB,IACE,CAACA,IAAA,IACD,OAAOA,IAAA,KAAS,YAChB,OAAOA,IAAA,CAAKC,cAAc,KAAK,YAC9B,OAAOD,IAAA,CAAKE,EAAE,KAAK,YAAY,OAAOF,IAAA,CAAKE,EAAE,KAAK,UACnD;MACA,OAAO;IACT;IACA,MAAMC,GAAA,GAAMZ,WAAA,CAAYS,IAAA;IAExB,IAAIH,IAAA,CAAKO,GAAG,CAACD,GAAA,GAAM;MACjB,OAAO;IACT;IACAN,IAAA,CAAKQ,GAAG,CAACF,GAAA;IACT,OAAO;EACT;AACF;AAEA,OAAO,eAAeG,sBAAsB;EAAEC;AAAG,CAAmB;EAClE,MAAMC,QAAA,GAAW,MAAMC,KAAA,CAAMF,GAAA,EAAK;IAAEG,WAAA,EAAa;EAAU;EAE3D,IAAI,CAACF,QAAA,CAASG,EAAE,EAAE;IAChB,MAAM,IAAIC,KAAA,CAAM;EAClB;EACA,MAAMC,UAAA,GAAkC,MAAML,QAAA,CAASM,IAAI;EAE3D,OAAOtB,cAAA,CAAe;IAAEC,KAAA,EAAOoB,UAAA,CAAWpB;EAAM;AAClD;AAEA;AACA,OAAO,eAAesB,wBAAwB;EAC5CC,QAAQ;EACRC,SAAS;EACTV;AAAG,CAKJ;EACC,MAAMW,MAAA,GAAS,MAAAA,CAAA;IACb,MAAMC,QAAA,GAAW,MAAMb,qBAAA,CAAsB;MAAEC;IAAI;IAEnD,IAAIU,SAAA,IAAaE,QAAA,CAASC,IAAI,CAAEpB,IAAA,IAAST,WAAA,CAAYS,IAAA,MAAUT,WAAA,CAAYyB,QAAA,IAAY;MACrF;IACF;IACA,MAAMK,SAAA,GAAYF,QAAA,CAASpB,MAAM,CAAEC,IAAA,IAAST,WAAA,CAAYS,IAAA,MAAUT,WAAA,CAAYyB,QAAA;IAC9E,MAAMpB,KAAA,GAAQqB,SAAA,GAAY,CAACD,QAAA,E,GAAaK,SAAA,CAAU,GAAGA,SAAA;IAErD,MAAMC,qBAAA,CAAsB;MAAE1B,KAAA;MAAOW;IAAI;EAC3C;EAEA,IAAI,OAAOgB,SAAA,KAAc,eAAeA,SAAA,CAAUC,KAAK,EAAE;IACvD,MAAMD,SAAA,CAAUC,KAAK,CAACC,OAAO,CAAC,4BAA4BlB,GAAA,EAAK,EAAEW,MAAA;EACnE,OAAO;IACL,MAAMA,MAAA;EACR;AACF;AAEA,OAAO,eAAeI,sBAAsB;EAC1C1B,KAAK;EACLW;AAAG,CAIJ;EACC,MAAMC,QAAA,GAAW,MAAMC,KAAA,CAAMF,GAAA,EAAK;IAChCmB,IAAA,EAAMC,IAAA,CAAKC,SAAS,CAAC;MAAEnC,KAAA,EAAO;QAAEG;MAAM;IAAuC;IAC7Ec,WAAA,EAAa;IACbmB,OAAA,EAAS;MAAE,gBAAgB;IAAmB;IAC9CC,MAAA,EAAQ;EACV;EAEA,IAAI,CAACtB,QAAA,CAASG,EAAE,EAAE;IAChB,MAAM,IAAIC,KAAA,CAAM;EAClB;AACF","ignoreList":[]}

package/dist/widgets/RecentlyViewed/recents.d.ts

@@ -1,8 +0,0 @@
-import type { PinnedDocument } from 'payload';
-export type PinnedItem = PinnedDocument;
-export declare const documentKey: ({ id, collectionSlug }: PinnedItem) => string;
-export declare function getValueByPath({ object, path, }: {
-    object: Record<string, unknown>;
-    path: string;
-}): unknown;
-//# sourceMappingURL=recents.d.ts.map

package/dist/widgets/RecentlyViewed/recents.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"recents.d.ts","sourceRoot":"","sources":["../../../src/widgets/RecentlyViewed/recents.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C,MAAM,MAAM,UAAU,GAAG,cAAc,CAAA;AACvC,eAAO,MAAM,WAAW,2BAA4B,UAAU,KAAG,MAC9B,CAAA;AAEnC,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,IAAI,GACL,EAAE;IACD,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC/B,IAAI,EAAE,MAAM,CAAA;CACb,GAAG,OAAO,CAYV"}

package/dist/widgets/RecentlyViewed/recents.js

@@ -1,19 +0,0 @@
-export const documentKey = ({
-  id,
-  collectionSlug
-}) => `${collectionSlug}:${String(id)}`;
-export function getValueByPath({
-  object,
-  path
-}) {
-  if (!path) {
-    return undefined;
-  }
-  return path.split('.').reduce((value, segment) => {
-    if (!value || typeof value !== 'object') {
-      return undefined;
-    }
-    return value[segment];
-  }, object);
-}
-//# sourceMappingURL=recents.js.map

package/dist/widgets/RecentlyViewed/recents.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"recents.js","names":["documentKey","id","collectionSlug","String","getValueByPath","object","path","undefined","split","reduce","value","segment"],"sources":["../../../src/widgets/RecentlyViewed/recents.ts"],"sourcesContent":["import type { PinnedDocument } from 'payload'\n\nexport type PinnedItem = PinnedDocument\nexport const documentKey = ({ id, collectionSlug }: PinnedItem): string =>\n  `${collectionSlug}:${String(id)}`\n\nexport function getValueByPath({\n  object,\n  path,\n}: {\n  object: Record<string, unknown>\n  path: string\n}): unknown {\n  if (!path) {\n    return undefined\n  }\n\n  return path.split('.').reduce<unknown>((value, segment) => {\n    if (!value || typeof value !== 'object') {\n      return undefined\n    }\n\n    return (value as Record<string, unknown>)[segment]\n  }, object)\n}\n"],"mappings":"AAGA,OAAO,MAAMA,WAAA,GAAcA,CAAC;EAAEC,EAAE;EAAEC;AAAc,CAAc,KAC5D,GAAGA,cAAA,IAAkBC,MAAA,CAAOF,EAAA,GAAK;AAEnC,OAAO,SAASG,eAAe;EAC7BC,MAAM;EACNC;AAAI,CAIL;EACC,IAAI,CAACA,IAAA,EAAM;IACT,OAAOC,SAAA;EACT;EAEA,OAAOD,IAAA,CAAKE,KAAK,CAAC,KAAKC,MAAM,CAAU,CAACC,KAAA,EAAOC,OAAA;IAC7C,IAAI,CAACD,KAAA,IAAS,OAAOA,KAAA,KAAU,UAAU;MACvC,OAAOH,SAAA;IACT;IAEA,OAAOG,KAAkC,CAACC,OAAA,CAAQ;EACpD,GAAGN,MAAA;AACL","ignoreList":[]}