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

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

@@ -1,122 +0,0 @@
-'use client';
-
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React, { useId, useMemo, useState } from 'react';
-import { useListDrawer } from '../../../elements/ListDrawer/index.js';
-import { PinIcon } from '../../../icons/Pin/index.js';
-import { PlusIcon } from '../../../icons/Plus/index.js';
-import { readPinnedPreferences } from '../pinnedPreferences.js';
-import './index.css';
-export function PinDocumentPicker({
-  collectionSlugs,
-  isDisabled,
-  isEmpty = false,
-  labels,
-  onError,
-  onSelect,
-  pinsURL
-}) {
-  const emptyStateID = useId();
-  const [filterOptions, setFilterOptions] = useState({});
-  const [isPreparing, setIsPreparing] = useState(false);
-  const drawerOptions = useMemo(() => ({
-    collectionSlugs,
-    filterOptions
-  }), [collectionSlugs, filterOptions]);
-  const [ListDrawer,, {
-    closeDrawer,
-    isDrawerOpen,
-    openDrawer
-  }] = useListDrawer(drawerOptions);
-  const handleSelect = ({
-    collectionSlug,
-    doc
-  }) => {
-    closeDrawer();
-    onSelect({
-      document: {
-        id: doc.id,
-        collectionSlug
-      }
-    });
-  };
-  const prepareDrawer = async () => {
-    if (isDisabled || isPreparing) {
-      return;
-    }
-    setIsPreparing(true);
-    try {
-      const pins = await readPinnedPreferences({
-        url: pinsURL
-      });
-      const idsByCollection = new Map();
-      for (const document of pins) {
-        const ids = idsByCollection.get(document.collectionSlug) ?? [];
-        ids.push(document.id);
-        idsByCollection.set(document.collectionSlug, ids);
-      }
-      setFilterOptions(Object.fromEntries(collectionSlugs.map(slug => {
-        const ids_0 = idsByCollection.get(slug);
-        return [slug, ids_0?.length ? {
-          id: {
-            not_in: ids_0
-          }
-        } : true];
-      })));
-      openDrawer();
-    } catch {
-      onError();
-    } finally {
-      setIsPreparing(false);
-    }
-  };
-  const addPinButton = /*#__PURE__*/_jsx("button", {
-    "aria-busy": isPreparing,
-    "aria-describedby": isEmpty ? emptyStateID : undefined,
-    "aria-disabled": isDisabled || isPreparing,
-    "aria-expanded": isDrawerOpen,
-    "aria-haspopup": "dialog",
-    "aria-label": labels.addPin,
-    className: `recents-widget__add-pin${isEmpty ? ' recents-widget__add-pin--empty' : ''}`,
-    onClick: () => void prepareDrawer(),
-    type: "button",
-    children: /*#__PURE__*/_jsxs("span", {
-      className: "recents-widget__add-pin-label",
-      children: [/*#__PURE__*/_jsx("span", {
-        "aria-hidden": "true",
-        className: "recents-widget__add-pin-icon",
-        children: /*#__PURE__*/_jsx(PlusIcon, {})
-      }), /*#__PURE__*/_jsx("span", {
-        children: labels.addPin
-      })]
-    })
-  });
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [isEmpty ? /*#__PURE__*/_jsxs("div", {
-      className: "recents-widget__empty",
-      children: [/*#__PURE__*/_jsx("span", {
-        "aria-hidden": "true",
-        className: "recents-widget__empty-icon recents-widget__empty-icon--pinned",
-        children: /*#__PURE__*/_jsx(PinIcon, {})
-      }), /*#__PURE__*/_jsxs("span", {
-        className: "recents-widget__empty-text",
-        id: emptyStateID,
-        children: [/*#__PURE__*/_jsx("span", {
-          className: "recents-widget__empty-title",
-          children: labels.pinnedEmpty
-        }), /*#__PURE__*/_jsx("span", {
-          className: "recents-widget__empty-description",
-          children: labels.pinnedEmptyDescription
-        })]
-      }), addPinButton]
-    }) : addPinButton, /*#__PURE__*/_jsx(ListDrawer, {
-      allowCreate: false,
-      className: "recents-widget__pin-picker",
-      disableQueryPresets: true,
-      enableRowSelections: false,
-      onSelect: handleSelect,
-      overrideEntityVisibility: false
-    })]
-  });
-}
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["React","useId","useMemo","useState","useListDrawer","PinIcon","PlusIcon","readPinnedPreferences","PinDocumentPicker","collectionSlugs","isDisabled","isEmpty","labels","onError","onSelect","pinsURL","emptyStateID","filterOptions","setFilterOptions","isPreparing","setIsPreparing","drawerOptions","ListDrawer","closeDrawer","isDrawerOpen","openDrawer","handleSelect","collectionSlug","doc","document","id","prepareDrawer","pins","url","idsByCollection","Map","ids","get","push","set","Object","fromEntries","map","slug","length","not_in","addPinButton","_jsx","undefined","addPin","className","onClick","type","_jsxs","_Fragment","pinnedEmpty","pinnedEmptyDescription","allowCreate","disableQueryPresets","enableRowSelections","overrideEntityVisibility"],"sources":["../../../../src/widgets/RecentlyViewed/PinDocumentPicker/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FilterOptionsResult } from 'payload'\n\nimport React, { useId, useMemo, useState } from 'react'\n\nimport type { ListDrawerProps } from '../../../elements/ListDrawer/types.js'\nimport type { PinnedItem } from '../recents.js'\n\nimport { useListDrawer } from '../../../elements/ListDrawer/index.js'\nimport { PinIcon } from '../../../icons/Pin/index.js'\nimport { PlusIcon } from '../../../icons/Plus/index.js'\nimport { readPinnedPreferences } from '../pinnedPreferences.js'\nimport './index.css'\n\nexport function PinDocumentPicker({\n  collectionSlugs,\n  isDisabled,\n  isEmpty = false,\n  labels,\n  onError,\n  onSelect,\n  pinsURL,\n}: {\n  collectionSlugs: string[]\n  isDisabled: boolean\n  isEmpty?: boolean\n  labels: { addPin: string; pinnedEmpty: string; pinnedEmptyDescription: string }\n  onError: () => void\n  onSelect: (args: { document: PinnedItem }) => void\n  pinsURL: string\n}) {\n  const emptyStateID = useId()\n  const [filterOptions, setFilterOptions] = useState<FilterOptionsResult>({})\n  const [isPreparing, setIsPreparing] = useState(false)\n  const drawerOptions = useMemo(\n    () => ({ collectionSlugs, filterOptions }),\n    [collectionSlugs, filterOptions],\n  )\n  const [ListDrawer, , { closeDrawer, isDrawerOpen, openDrawer }] = useListDrawer(drawerOptions)\n  const handleSelect: ListDrawerProps['onSelect'] = ({ collectionSlug, doc }) => {\n    closeDrawer()\n    onSelect({ document: { id: doc.id, collectionSlug } })\n  }\n\n  const prepareDrawer = async () => {\n    if (isDisabled || isPreparing) {\n      return\n    }\n    setIsPreparing(true)\n\n    try {\n      const pins = await readPinnedPreferences({ url: pinsURL })\n      const idsByCollection = new Map<string, (number | string)[]>()\n\n      for (const document of pins) {\n        const ids = idsByCollection.get(document.collectionSlug) ?? []\n\n        ids.push(document.id)\n        idsByCollection.set(document.collectionSlug, ids)\n      }\n      setFilterOptions(\n        Object.fromEntries(\n          collectionSlugs.map((slug) => {\n            const ids = idsByCollection.get(slug)\n\n            return [slug, ids?.length ? { id: { not_in: ids } } : true]\n          }),\n        ),\n      )\n      openDrawer()\n    } catch {\n      onError()\n    } finally {\n      setIsPreparing(false)\n    }\n  }\n\n  const addPinButton = (\n    <button\n      aria-busy={isPreparing}\n      aria-describedby={isEmpty ? emptyStateID : undefined}\n      aria-disabled={isDisabled || isPreparing}\n      aria-expanded={isDrawerOpen}\n      aria-haspopup=\"dialog\"\n      aria-label={labels.addPin}\n      className={`recents-widget__add-pin${isEmpty ? ' recents-widget__add-pin--empty' : ''}`}\n      onClick={() => void prepareDrawer()}\n      type=\"button\"\n    >\n      <span className=\"recents-widget__add-pin-label\">\n        <span aria-hidden=\"true\" className=\"recents-widget__add-pin-icon\">\n          <PlusIcon />\n        </span>\n        <span>{labels.addPin}</span>\n      </span>\n    </button>\n  )\n\n  return (\n    <>\n      {isEmpty ? (\n        <div className=\"recents-widget__empty\">\n          <span\n            aria-hidden=\"true\"\n            className=\"recents-widget__empty-icon recents-widget__empty-icon--pinned\"\n          >\n            <PinIcon />\n          </span>\n          <span className=\"recents-widget__empty-text\" id={emptyStateID}>\n            <span className=\"recents-widget__empty-title\">{labels.pinnedEmpty}</span>\n            <span className=\"recents-widget__empty-description\">\n              {labels.pinnedEmptyDescription}\n            </span>\n          </span>\n          {addPinButton}\n        </div>\n      ) : (\n        addPinButton\n      )}\n      <ListDrawer\n        allowCreate={false}\n        className=\"recents-widget__pin-picker\"\n        disableQueryPresets\n        enableRowSelections={false}\n        onSelect={handleSelect}\n        overrideEntityVisibility={false}\n      />\n    </>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,20 +0,0 @@
-import type { PayloadRequest, ServerFunction } from 'payload';
-import type { RecentDocument } from './index.client.js';
-export type DocumentsTab = 'pinned' | 'recents';
-export type DocumentsPageArgs = {
-    excludedCollections?: string[];
-    limit: number;
-    page: number;
-    shouldIncludePinPlaceholder?: boolean;
-    tab: DocumentsTab;
-};
-export type DocumentsPage = {
-    items: RecentDocument[];
-    page: number;
-    totalDocs: number;
-};
-export declare const getDashboardDocumentsHandler: ServerFunction<DocumentsPageArgs, Promise<DocumentsPage>>;
-export declare function getDashboardDocuments({ excludedCollections, limit, page, req, shouldIncludePinPlaceholder, tab, }: {
-    req: PayloadRequest;
-} & DocumentsPageArgs): Promise<DocumentsPage>;
-//# sourceMappingURL=getDocuments.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"getDocuments.d.ts","sourceRoot":"","sources":["../../../src/widgets/RecentlyViewed/getDocuments.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAS,MAAM,SAAS,CAAA;AAMpE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAWvD,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,SAAS,CAAA;AAC/C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,2BAA2B,CAAC,EAAE,OAAO,CAAA;IACrC,GAAG,EAAE,YAAY,CAAA;CAClB,CAAA;AACD,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,cAAc,EAAE,CAAA;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAKD,eAAO,MAAM,4BAA4B,EAAE,cAAc,CACvD,iBAAiB,EACjB,OAAO,CAAC,aAAa,CAAC,CACC,CAAA;AAEzB,wBAAsB,qBAAqB,CAAC,EAC1C,mBAAwB,EACxB,KAAK,EACL,IAAI,EACJ,GAAG,EACH,2BAAmC,EACnC,GAAG,GACJ,EAAE;IAAE,GAAG,EAAE,cAAc,CAAA;CAAE,GAAG,iBAAiB,GAAG,OAAO,CAAC,aAAa,CAAC,CA6DtE"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"getDocuments.js","names":["getTranslation","UnauthorizedError","formatAdminURL","PREFERENCE_KEYS","formatRelativeDate","getRelativeTimeFormat","getDocumentThumbnail","getDocumentThumbnailPopulate","getDocumentThumbnailSelect","enrichDocsWithVersionStatus","getPinnedItems","documentKey","getValueByPath","getDashboardDocumentsHandler","getDashboardDocuments","excludedCollections","limit","page","req","shouldIncludePinPlaceholder","tab","user","t","includes","Number","isSafeInteger","Error","key","PINNED_DOCUMENTS","RECENTLY_VIEWED","preference","payload","find","collection","depth","overrideAccess","where","and","ownerWhere","equals","excluded","Set","storedReferences","value","docs","filter","collectionSlug","has","collections","availableReferences","getAvailableReferences","references","totalDocs","length","lastPage","Math","max","ceil","min","slice","documents","loadDocuments","items","map","reference","document","get","viewedAt","dateLabel","relativeTimeFormat","i18n","language","undefined","dateTime","item","Boolean","available","Promise","all","groupReferenceIDs","entries","ids","result","disableErrors","draft","pagination","select","id","sort","in","doc","add","idsByCollection","Map","push","set","config","collectionConfig","admin","useAsTitle","split","_status","updatedAt","useAsThumbnail","upload","width","populate","enriched","data","enrichDocument","rawTitle","object","path","status","_displayStatus","href","adminRoute","routes","encodeURIComponent","String","isDraft","statusLabel","thumbnailURL","title","typeLabel","labels","plural"],"sources":["../../../src/widgets/RecentlyViewed/getDocuments.ts"],"sourcesContent":["import type { PayloadRequest, ServerFunction, Where } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { UnauthorizedError } from 'payload'\nimport { formatAdminURL, PREFERENCE_KEYS } from 'payload/shared'\n\nimport type { RecentDocument } from './index.client.js'\nimport type { PinnedItem } from './recents.js'\n\nimport { formatRelativeDate, getRelativeTimeFormat } from '../../utilities/formatRelativeDate.js'\nimport { getDocumentThumbnail } from '../../utilities/getDocumentThumbnail.js'\nimport { getDocumentThumbnailPopulate } from '../../utilities/getDocumentThumbnailPopulate.js'\nimport { getDocumentThumbnailSelect } from '../../utilities/getDocumentThumbnailSelect.js'\nimport { enrichDocsWithVersionStatus } from '../../views/List/enrichDocsWithVersionStatus.js'\nimport { getPinnedItems } from './pinnedPreferences.js'\nimport { documentKey, getValueByPath } from './recents.js'\n\nexport type DocumentsTab = 'pinned' | 'recents'\nexport type DocumentsPageArgs = {\n  excludedCollections?: string[]\n  limit: number\n  page: number\n  shouldIncludePinPlaceholder?: boolean\n  tab: DocumentsTab\n}\nexport type DocumentsPage = {\n  items: RecentDocument[]\n  page: number\n  totalDocs: number\n}\n\ntype Reference = { viewedAt?: string } & PinnedItem\ntype QueryDoc = { id: number | string; updatedAt?: string } & Record<string, unknown>\n\nexport const getDashboardDocumentsHandler: ServerFunction<\n  DocumentsPageArgs,\n  Promise<DocumentsPage>\n> = getDashboardDocuments\n\nexport async function getDashboardDocuments({\n  excludedCollections = [],\n  limit,\n  page,\n  req,\n  shouldIncludePinPlaceholder = false,\n  tab,\n}: { req: PayloadRequest } & DocumentsPageArgs): Promise<DocumentsPage> {\n  if (!req.user) {\n    throw new UnauthorizedError(req.t)\n  }\n  if (![1, 2, 4].includes(limit) || !Number.isSafeInteger(page) || page < 1) {\n    throw new Error('Invalid dashboard page')\n  }\n  if (tab !== 'pinned' && tab !== 'recents') {\n    throw new Error('Invalid dashboard tab')\n  }\n\n  const key = tab === 'pinned' ? PREFERENCE_KEYS.PINNED_DOCUMENTS : PREFERENCE_KEYS.RECENTLY_VIEWED\n  const preference = await req.payload.find({\n    collection: 'payload-preferences',\n    depth: 0,\n    limit: 1,\n    overrideAccess: false,\n    req,\n    user: req.user,\n    where: { and: [ownerWhere({ req }), { key: { equals: key } }] },\n  })\n  const excluded = new Set(tab === 'recents' ? excludedCollections : [])\n  const storedReferences = getPinnedItems({ value: preference.docs[0]?.value }).filter(\n    ({ collectionSlug }) =>\n      !excluded.has(collectionSlug) && req.payload.collections[collectionSlug],\n  )\n  const availableReferences = await getAvailableReferences({ references: storedReferences, req })\n  const totalDocs = availableReferences.length\n  const lastPage = Math.max(\n    1,\n    Math.ceil((totalDocs + Number(tab === 'pinned' && shouldIncludePinPlaceholder)) / limit),\n  )\n\n  page = Math.min(page, lastPage)\n  const references = availableReferences.slice((page - 1) * limit, page * limit)\n\n  const documents = await loadDocuments({ references, req })\n  const items = references\n    .map((reference): RecentDocument | undefined => {\n      const document = documents.get(documentKey(reference))\n      if (!document || tab !== 'recents') {\n        return document\n      }\n\n      const viewedAt = reference.viewedAt\n\n      return {\n        ...document,\n        dateLabel: viewedAt\n          ? formatRelativeDate({\n              relativeTimeFormat: getRelativeTimeFormat(req.i18n.language),\n              value: viewedAt,\n            })\n          : undefined,\n        dateTime: viewedAt,\n        viewedAt,\n      }\n    })\n    .filter((item): item is RecentDocument => Boolean(item))\n\n  return { items, page, totalDocs }\n}\n\n/** Check identities without populating documents, so deleted or forbidden references do not create empty pages. */\nasync function getAvailableReferences({\n  references,\n  req,\n}: {\n  references: Reference[]\n  req: PayloadRequest\n}): Promise<Reference[]> {\n  const available = new Set<string>()\n\n  await Promise.all(\n    [...groupReferenceIDs({ references }).entries()].map(async ([collectionSlug, ids]) => {\n      const result = await req.payload.find({\n        collection: collectionSlug,\n        depth: 0,\n        disableErrors: true,\n        draft: true,\n        limit: ids.length,\n        overrideAccess: false,\n        pagination: false,\n        req,\n        select: { id: true },\n        sort: 'id',\n        user: req.user,\n        where: { id: { in: ids } },\n      })\n\n      for (const doc of result.docs) {\n        available.add(documentKey({ id: doc.id, collectionSlug }))\n      }\n    }),\n  )\n\n  return references.filter((reference) => available.has(documentKey(reference)))\n}\n\nfunction groupReferenceIDs({\n  references,\n}: {\n  references: Reference[]\n}): Map<string, Array<number | string>> {\n  const idsByCollection = new Map<string, Array<number | string>>()\n\n  for (const reference of references) {\n    const ids = idsByCollection.get(reference.collectionSlug) ?? []\n\n    ids.push(reference.id)\n    idsByCollection.set(reference.collectionSlug, ids)\n  }\n\n  return idsByCollection\n}\n\nasync function loadDocuments({\n  references,\n  req,\n}: {\n  references: Reference[]\n  req: PayloadRequest\n}): Promise<Map<string, RecentDocument>> {\n  const documents = new Map<string, RecentDocument>()\n  await Promise.all(\n    [...groupReferenceIDs({ references }).entries()].map(async ([collectionSlug, ids]) => {\n      const config = req.payload.collections[collectionSlug].config\n      const select = getDocumentThumbnailSelect({\n        collectionConfig: config,\n        select: {\n          id: true,\n          [(config.admin.useAsTitle || 'id').split('.')[0]]: true,\n          _status: true,\n          updatedAt: true,\n          ...(config.admin.useAsThumbnail ? { [config.admin.useAsThumbnail]: true } : {}),\n          ...(config.upload ? { width: true } : {}),\n        },\n      })\n      const result = await req.payload.find({\n        collection: collectionSlug,\n        depth: 1,\n        disableErrors: true,\n        draft: true,\n        limit: ids.length,\n        overrideAccess: false,\n        populate: getDocumentThumbnailPopulate({\n          collectionConfig: config,\n          collections: req.payload.config.collections,\n        }),\n        req,\n        select,\n        sort: 'id',\n        user: req.user,\n        where: { id: { in: ids } },\n      })\n      const enriched = await enrichDocsWithVersionStatus({\n        collectionConfig: config,\n        data: result,\n        req,\n      })\n\n      for (const doc of enriched.docs as QueryDoc[]) {\n        const item = enrichDocument({ collectionSlug, doc, req })\n        documents.set(documentKey(item), item)\n      }\n    }),\n  )\n  return documents\n}\n\nfunction ownerWhere({ req }: { req: PayloadRequest }): Where {\n  return {\n    and: [\n      { 'user.relationTo': { equals: req.user.collection } },\n      { 'user.value': { equals: req.user.id } },\n    ],\n  }\n}\n\nfunction enrichDocument({\n  collectionSlug,\n  doc,\n  req,\n}: {\n  collectionSlug: string\n  doc: QueryDoc\n  req: PayloadRequest\n}): RecentDocument {\n  const { i18n, payload } = req\n  const config = payload.collections[collectionSlug].config\n  const rawTitle = getValueByPath({ object: doc, path: config.admin?.useAsTitle || 'id' })\n  const status = doc._displayStatus || doc._status\n  return {\n    id: doc.id,\n    collectionSlug,\n    dateLabel: doc.updatedAt\n      ? formatRelativeDate({\n          relativeTimeFormat: getRelativeTimeFormat(i18n.language),\n          value: doc.updatedAt,\n        })\n      : undefined,\n    dateTime: doc.updatedAt,\n    href: formatAdminURL({\n      adminRoute: payload.config.routes.admin,\n      path: `/collections/${collectionSlug}/${encodeURIComponent(String(doc.id))}`,\n    }),\n    isDraft: status === 'draft',\n    statusLabel:\n      status === 'draft'\n        ? i18n.t('version:draft')\n        : status === 'changed'\n          ? i18n.t('version:changed')\n          : status === 'published'\n            ? i18n.t('version:published')\n            : undefined,\n    thumbnailURL: getDocumentThumbnail({\n      doc,\n      useAsThumbnail: config.admin?.useAsThumbnail,\n    }),\n    title: typeof rawTitle === 'string' && rawTitle ? rawTitle : String(doc.id),\n    typeLabel: getTranslation(config.labels.plural, i18n),\n    updatedAt: doc.updatedAt,\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/widgets/RecentlyViewed/index.client.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsD,MAAM,OAAO,CAAA;AAG1E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAkB9C,OAAO,aAAa,CAAA;AAEpB,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,GAAG,UAAU,CAAA;AAEd,KAAK,MAAM,GAAG;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,sBAAsB,EAAE,MAAM,CAAA;IAC9B,eAAe,EAAE,MAAM,CAAA;IACvB,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,uBAAuB,EAAE,MAAM,CAAA;IAC/B,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,wBAAgB,sBAAsB,CAAC,EACrC,mBAAmB,EACnB,MAAM,EACN,OAAO,GACR,EAAE;IACD,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC9B,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;CAChB,qBA6XA"}

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

@@ -1,401 +0,0 @@
-'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 { 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
-  }) => isEntityVisible({
-    collectionSlug: slug
-  }) && permissions?.collections?.[slug]?.read).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(([entry]) => {
-      const width = entry.contentRect.width;
-      const nextPageSize = width >= 768 ? 4 : width >= 400 ? 2 : 1;
-      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_0 => documentKey(entry_0) !== 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' : ''}`,
-              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