@payloadcms/ui 4.0.0-internal.d21c039 → 4.0.0-internal.d3909a9

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

@@ -2,8 +2,10 @@
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import React, { useCallback, useMemo } from 'react';
+import React, { useCallback, useId, useMemo } from 'react';
+import { RenderCustomComponent } from '../../../elements/RenderCustomComponent/index.js';
 import { CheckboxInput } from '../../../fields/Checkbox/Input.js';
+import { FieldDescription } from '../../../fields/FieldDescription/index.js';
 import { FieldLabel } from '../../../fields/FieldLabel/index.js';
 import { useField } from '../../../forms/useField/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
@@ -14,7 +16,7 @@ const normalizeOption = option => typeof option === 'string' ? {
   value: option
 } : option;
 /**
- * Widget config field for the activity widget. The value is stored as an exclusion list
+ * Widget config field shared by collection checklists. The value is stored as an exclusion list
  * (`excludedCollections`), but the user sees an inclusion filter: every collection is checked by
  * default and unchecking one adds it to the stored exclusions. Storing exclusions means collections
  * added later are visible by default.
@@ -25,18 +27,27 @@ export const RecentlyViewedCollectionsField = ({
   readOnly
 }) => {
   const {
+    admin: {
+      description
+    } = {},
     label
   } = field;
   const {
+    customComponents: {
+      Description
+    } = {},
     path,
     setValue,
     value
   } = useField({
     potentiallyStalePath: pathFromProps
   });
+  const hasDescription = Boolean(Description || description);
   const {
     i18n
   } = useTranslation();
+  const labelID = useId();
+  const descriptionID = useId();
   const excludedSlugs = useMemo(() => new Set(Array.isArray(value) ? value : []), [value]);
   const options = useMemo(() => (field.options ?? []).map(normalizeOption), [field.options]);
   const toggleCollection = useCallback((slug, isIncluded) => {
@@ -49,11 +60,17 @@ export const RecentlyViewedCollectionsField = ({
     setValue(Array.from(nextExcluded));
   }, [excludedSlugs, setValue]);
   return /*#__PURE__*/_jsxs("div", {
+    "aria-describedby": hasDescription ? descriptionID : undefined,
+    "aria-labelledby": labelID,
     className: baseClass,
-    children: [/*#__PURE__*/_jsx(FieldLabel, {
-      as: "span",
-      label: label,
-      path: path
+    role: "group",
+    children: [/*#__PURE__*/_jsx("span", {
+      id: labelID,
+      children: /*#__PURE__*/_jsx(FieldLabel, {
+        as: "span",
+        label: label,
+        path: path
+      })
     }), /*#__PURE__*/_jsx("ul", {
       className: `${baseClass}__list`,
       children: options.map(option => {
@@ -70,6 +87,15 @@ export const RecentlyViewedCollectionsField = ({
           })
         }, option.value);
       })
+    }), /*#__PURE__*/_jsx("div", {
+      id: descriptionID,
+      children: /*#__PURE__*/_jsx(RenderCustomComponent, {
+        CustomComponent: Description,
+        Fallback: /*#__PURE__*/_jsx(FieldDescription, {
+          description: description,
+          path: path
+        })
+      })
     })]
   });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","React","useCallback","useMemo","CheckboxInput","FieldLabel","useField","useTranslation","baseClass","normalizeOption","option","label","value","RecentlyViewedCollectionsField","field","path","pathFromProps","readOnly","setValue","potentiallyStalePath","i18n","excludedSlugs","Set","Array","isArray","options","map","toggleCollection","slug","isIncluded","nextExcluded","delete","add","from","_jsxs","className","_jsx","as","has","resolvedLabel","checked","name","onToggle","event","target"],"sources":["../../../../src/widgets/RecentlyViewed/CollectionsField/index.tsx"],"sourcesContent":["'use client'\nimport type { Option, OptionObject, SelectFieldClientComponent } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useMemo } from 'react'\n\nimport { CheckboxInput } from '../../../fields/Checkbox/Input.js'\nimport { FieldLabel } from '../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../forms/useField/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'recently-viewed-collections-field'\n\nconst normalizeOption = (option: Option): OptionObject =>\n  typeof option === 'string' ? { label: option, value: option } : option\n\n/**\n * Widget config field for the activity widget. The value is stored as an exclusion list\n * (`excludedCollections`), but the user sees an inclusion filter: every collection is checked by\n * default and unchecking one adds it to the stored exclusions. Storing exclusions means collections\n * added later are visible by default.\n */\nexport const RecentlyViewedCollectionsField: SelectFieldClientComponent = ({\n  field,\n  path: pathFromProps,\n  readOnly,\n}) => {\n  const { label } = field\n  const { path, setValue, value } = useField<string[]>({ potentiallyStalePath: pathFromProps })\n  const { i18n } = useTranslation()\n\n  const excludedSlugs = useMemo(() => new Set<string>(Array.isArray(value) ? value : []), [value])\n\n  const options = useMemo(() => (field.options ?? []).map(normalizeOption), [field.options])\n\n  const toggleCollection = useCallback(\n    (slug: string, isIncluded: boolean) => {\n      const nextExcluded = new Set(excludedSlugs)\n\n      if (isIncluded) {\n        nextExcluded.delete(slug)\n      } else {\n        nextExcluded.add(slug)\n      }\n\n      setValue(Array.from(nextExcluded))\n    },\n    [excludedSlugs, setValue],\n  )\n\n  return (\n    <div className={baseClass}>\n      <FieldLabel as=\"span\" label={label} path={path} />\n      <ul className={`${baseClass}__list`}>\n        {options.map((option) => {\n          const isIncluded = !excludedSlugs.has(option.value)\n          const resolvedLabel = getTranslation(option.label, i18n)\n\n          return (\n            <li className={`${baseClass}__option`} key={option.value}>\n              <CheckboxInput\n                checked={isIncluded}\n                label={typeof resolvedLabel === 'string' ? resolvedLabel : option.value}\n                name={`${path}__${option.value}`}\n                onToggle={(event) => toggleCollection(option.value, event.target.checked)}\n                readOnly={readOnly}\n              />\n            </li>\n          )\n        })}\n      </ul>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,WAAW,EAAEC,OAAO,QAAQ;AAE5C,SAASC,aAAa,QAAQ;AAC9B,SAASC,UAAU,QAAQ;AAC3B,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,MAAMC,eAAA,GAAmBC,MAAA,IACvB,OAAOA,MAAA,KAAW,WAAW;EAAEC,KAAA,EAAOD,MAAA;EAAQE,KAAA,EAAOF;AAAO,IAAIA,MAAA;AAElE;;;;;;AAMA,OAAO,MAAMG,8BAAA,GAA6DA,CAAC;EACzEC,KAAK;EACLC,IAAA,EAAMC,aAAa;EACnBC;AAAQ,CACT;EACC,MAAM;IAAEN;EAAK,CAAE,GAAGG,KAAA;EAClB,MAAM;IAAEC,IAAI;IAAEG,QAAQ;IAAEN;EAAK,CAAE,GAAGN,QAAA,CAAmB;IAAEa,oBAAA,EAAsBH;EAAc;EAC3F,MAAM;IAAEI;EAAI,CAAE,GAAGb,cAAA;EAEjB,MAAMc,aAAA,GAAgBlB,OAAA,CAAQ,MAAM,IAAImB,GAAA,CAAYC,KAAA,CAAMC,OAAO,CAACZ,KAAA,IAASA,KAAA,GAAQ,EAAE,GAAG,CAACA,KAAA,CAAM;EAE/F,MAAMa,OAAA,GAAUtB,OAAA,CAAQ,MAAM,CAACW,KAAA,CAAMW,OAAO,IAAI,EAAE,EAAEC,GAAG,CAACjB,eAAA,GAAkB,CAACK,KAAA,CAAMW,OAAO,CAAC;EAEzF,MAAME,gBAAA,GAAmBzB,WAAA,CACvB,CAAC0B,IAAA,EAAcC,UAAA;IACb,MAAMC,YAAA,GAAe,IAAIR,GAAA,CAAID,aAAA;IAE7B,IAAIQ,UAAA,EAAY;MACdC,YAAA,CAAaC,MAAM,CAACH,IAAA;IACtB,OAAO;MACLE,YAAA,CAAaE,GAAG,CAACJ,IAAA;IACnB;IAEAV,QAAA,CAASK,KAAA,CAAMU,IAAI,CAACH,YAAA;EACtB,GACA,CAACT,aAAA,EAAeH,QAAA,CAAS;EAG3B,oBACEgB,KAAA,CAAC;IAAIC,SAAA,EAAW3B,SAAA;4BACd4B,IAAA,CAAC/B,UAAA;MAAWgC,EAAA,EAAG;MAAO1B,KAAA,EAAOA,KAAA;MAAOI,IAAA,EAAMA;qBAC1CqB,IAAA,CAAC;MAAGD,SAAA,EAAW,GAAG3B,SAAA,QAAiB;gBAChCiB,OAAA,CAAQC,GAAG,CAAEhB,MAAA;QACZ,MAAMmB,YAAA,GAAa,CAACR,aAAA,CAAciB,GAAG,CAAC5B,MAAA,CAAOE,KAAK;QAClD,MAAM2B,aAAA,GAAgBvC,cAAA,CAAeU,MAAA,CAAOC,KAAK,EAAES,IAAA;QAEnD,oBACEgB,IAAA,CAAC;UAAGD,SAAA,EAAW,GAAG3B,SAAA,UAAmB;oBACnC,aAAA4B,IAAA,CAAChC,aAAA;YACCoC,OAAA,EAASX,YAAA;YACTlB,KAAA,EAAO,OAAO4B,aAAA,KAAkB,WAAWA,aAAA,GAAgB7B,MAAA,CAAOE,KAAK;YACvE6B,IAAA,EAAM,GAAG1B,IAAA,KAASL,MAAA,CAAOE,KAAK,EAAE;YAChC8B,QAAA,EAAWC,KAAA,IAAUhB,gBAAA,CAAiBjB,MAAA,CAAOE,KAAK,EAAE+B,KAAA,CAAMC,MAAM,CAACJ,OAAO;YACxEvB,QAAA,EAAUA;;WAN8BP,MAAA,CAAOE,KAAK;MAU5D;;;AAIR","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","React","useCallback","useId","useMemo","RenderCustomComponent","CheckboxInput","FieldDescription","FieldLabel","useField","useTranslation","baseClass","normalizeOption","option","label","value","RecentlyViewedCollectionsField","field","path","pathFromProps","readOnly","admin","description","customComponents","Description","setValue","potentiallyStalePath","hasDescription","Boolean","i18n","labelID","descriptionID","excludedSlugs","Set","Array","isArray","options","map","toggleCollection","slug","isIncluded","nextExcluded","delete","add","from","_jsxs","undefined","className","role","_jsx","id","as","has","resolvedLabel","checked","name","onToggle","event","target","CustomComponent","Fallback"],"sources":["../../../../src/widgets/RecentlyViewed/CollectionsField/index.tsx"],"sourcesContent":["'use client'\nimport type { Option, OptionObject, SelectFieldClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useId, useMemo } from 'react'\n\nimport { RenderCustomComponent } from '../../../elements/RenderCustomComponent/index.js'\nimport { CheckboxInput } from '../../../fields/Checkbox/Input.js'\nimport { FieldDescription } from '../../../fields/FieldDescription/index.js'\nimport { FieldLabel } from '../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../forms/useField/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'recently-viewed-collections-field'\n\nconst normalizeOption = (option: Option): OptionObject =>\n  typeof option === 'string' ? { label: option, value: option } : option\n\n/**\n * Widget config field shared by collection checklists. The value is stored as an exclusion list\n * (`excludedCollections`), but the user sees an inclusion filter: every collection is checked by\n * default and unchecking one adds it to the stored exclusions. Storing exclusions means collections\n * added later are visible by default.\n */\nexport const RecentlyViewedCollectionsField: React.FC<SelectFieldClientProps> = ({\n  field,\n  path: pathFromProps,\n  readOnly,\n}) => {\n  const { admin: { description } = {}, label } = field\n  const {\n    customComponents: { Description } = {},\n    path,\n    setValue,\n    value,\n  } = useField<string[]>({ potentiallyStalePath: pathFromProps })\n  const hasDescription = Boolean(Description || description)\n  const { i18n } = useTranslation()\n  const labelID = useId()\n  const descriptionID = useId()\n\n  const excludedSlugs = useMemo(() => new Set<string>(Array.isArray(value) ? value : []), [value])\n\n  const options = useMemo(() => (field.options ?? []).map(normalizeOption), [field.options])\n\n  const toggleCollection = useCallback(\n    (slug: string, isIncluded: boolean) => {\n      const nextExcluded = new Set(excludedSlugs)\n\n      if (isIncluded) {\n        nextExcluded.delete(slug)\n      } else {\n        nextExcluded.add(slug)\n      }\n\n      setValue(Array.from(nextExcluded))\n    },\n    [excludedSlugs, setValue],\n  )\n\n  return (\n    <div\n      aria-describedby={hasDescription ? descriptionID : undefined}\n      aria-labelledby={labelID}\n      className={baseClass}\n      role=\"group\"\n    >\n      <span id={labelID}>\n        <FieldLabel as=\"span\" label={label} path={path} />\n      </span>\n      <ul className={`${baseClass}__list`}>\n        {options.map((option) => {\n          const isIncluded = !excludedSlugs.has(option.value)\n          const resolvedLabel = getTranslation(option.label, i18n)\n\n          return (\n            <li className={`${baseClass}__option`} key={option.value}>\n              <CheckboxInput\n                checked={isIncluded}\n                label={typeof resolvedLabel === 'string' ? resolvedLabel : option.value}\n                name={`${path}__${option.value}`}\n                onToggle={(event) => toggleCollection(option.value, event.target.checked)}\n                readOnly={readOnly}\n              />\n            </li>\n          )\n        })}\n      </ul>\n      <div id={descriptionID}>\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,41 @@
+@layer payload-default {
+  .recents-widget__add-pin {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+    min-block-size: var(--recents-row-height);
+    padding: var(--spacer-2);
+    border: var(--stroke-width-small) dashed var(--color-border);
+    border-radius: var(--radius-large);
+    background: var(--color-bg);
+    text-align: center;
+  }
+
+  .recents-widget__select-documents {
+    height: auto;
+    min-block-size: var(--spacer-4);
+    max-inline-size: 100%;
+  }
+
+  .recents-widget__select-documents .btn__label {
+    white-space: normal;
+    overflow-wrap: anywhere;
+  }
+
+  .recents-widget__select-documents[aria-disabled='true'] {
+    cursor: progress;
+  }
+
+  .recents-widget__pin-picker .sort-column__label,
+  .recents-widget__pin-picker .page-controls__page-info,
+  .recents-widget__pin-picker .per-page__label {
+    color: var(--recents-text-secondary);
+  }
+
+  .recents-widget__pin-picker .sort-column__button {
+    min-width: var(--spacer-4);
+    min-height: var(--spacer-4);
+    color: var(--color-icon-secondary);
+  }
+}

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { PinnedItem } from '../recents.js';
+import './index.css';
+export declare function PinDocumentPicker({ collectionSlugs, isDisabled, isEmpty, labels, onError, onSelect, pinsURL, }: {
+    collectionSlugs: string[];
+    isDisabled: boolean;
+    isEmpty?: boolean;
+    labels: {
+        addPin: string;
+        pinnedEmpty: string;
+        pinnedEmptyDescription: string;
+    };
+    onError: () => void;
+    onSelect: (args: {
+        document: PinnedItem;
+    }) => void;
+    pinsURL: string;
+}): React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/widgets/RecentlyViewed/PinDocumentPicker/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmC,MAAM,OAAO,CAAA;AAGvD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAM/C,OAAO,aAAa,CAAA;AAEpB,wBAAgB,iBAAiB,CAAC,EAChC,eAAe,EACf,UAAU,EACV,OAAe,EACf,MAAM,EACN,OAAO,EACP,QAAQ,EACR,OAAO,GACR,EAAE;IACD,eAAe,EAAE,MAAM,EAAE,CAAA;IACzB,UAAU,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAC;QAAC,sBAAsB,EAAE,MAAM,CAAA;KAAE,CAAA;IAC/E,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE;QAAE,QAAQ,EAAE,UAAU,CAAA;KAAE,KAAK,IAAI,CAAA;IAClD,OAAO,EAAE,MAAM,CAAA;CAChB,qBAmGA"}

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

@@ -0,0 +1,121 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useId, useMemo, useState } from 'react';
+import { Button } from '../../../elements/Button/index.js';
+import { useListDrawer } from '../../../elements/ListDrawer/index.js';
+import { PinIcon } from '../../../icons/Pin/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-expanded": isDrawerOpen,
+    "aria-haspopup": "dialog",
+    "aria-label": labels.addPin,
+    buttonStyle: "secondary",
+    className: "recents-widget__select-documents",
+    extraButtonProps: {
+      'aria-busy': isPreparing,
+      'aria-describedby': isEmpty ? emptyStateID : undefined,
+      'aria-disabled': isDisabled || isPreparing
+    },
+    margin: false,
+    onClick: () => void prepareDrawer(),
+    size: "medium",
+    type: "button",
+    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]
+    }) : /*#__PURE__*/_jsx("div", {
+      className: "recents-widget__add-pin",
+      children: 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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","useId","useMemo","useState","Button","useListDrawer","PinIcon","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","addPin","buttonStyle","className","extraButtonProps","undefined","margin","onClick","size","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 { Button } from '../../../elements/Button/index.js'\nimport { useListDrawer } from '../../../elements/ListDrawer/index.js'\nimport { PinIcon } from '../../../icons/Pin/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-expanded={isDrawerOpen}\n      aria-haspopup=\"dialog\"\n      aria-label={labels.addPin}\n      buttonStyle=\"secondary\"\n      className=\"recents-widget__select-documents\"\n      extraButtonProps={{\n        'aria-busy': isPreparing,\n        'aria-describedby': isEmpty ? emptyStateID : undefined,\n        'aria-disabled': isDisabled || isPreparing,\n      }}\n      margin={false}\n      onClick={() => void prepareDrawer()}\n      size=\"medium\"\n      type=\"button\"\n    >\n      {labels.addPin}\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        <div className=\"recents-widget__add-pin\">{addPinButton}</div>\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

@@ -0,0 +1,20 @@
+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

@@ -0,0 +1 @@
+{"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,CAsEtE"}

package/dist/widgets/RecentlyViewed/getDocuments.js

@@ -0,0 +1,254 @@
+import { getTranslation } from '@payloadcms/translations';
+import { UnauthorizedError } from 'payload';
+import { formatAdminURL, PREFERENCE_KEYS } from 'payload/shared';
+import { formatRelativeDate, getRelativeTimeFormat } from '../../utilities/formatRelativeDate.js';
+import { getDocumentThumbnail } from '../../utilities/getDocumentThumbnail.js';
+import { getDocumentThumbnailPopulate } from '../../utilities/getDocumentThumbnailPopulate.js';
+import { getDocumentThumbnailSelect } from '../../utilities/getDocumentThumbnailSelect.js';
+import { enrichDocsWithVersionStatus } from '../../views/List/enrichDocsWithVersionStatus.js';
+import { getPinnedItems } from './pinnedPreferences.js';
+import { documentKey, getValueByPath } from './recents.js';
+export const getDashboardDocumentsHandler = getDashboardDocuments;
+export async function getDashboardDocuments({
+  excludedCollections = [],
+  limit,
+  page,
+  req,
+  shouldIncludePinPlaceholder = false,
+  tab
+}) {
+  if (!req.user) {
+    throw new UnauthorizedError(req.t);
+  }
+  if (!Number.isSafeInteger(limit) || limit < 1 || limit > 100 || !Number.isSafeInteger(page) || page < 1) {
+    throw new Error('Invalid dashboard page');
+  }
+  if (tab !== 'pinned' && tab !== 'recents') {
+    throw new Error('Invalid dashboard tab');
+  }
+  const key = tab === 'pinned' ? PREFERENCE_KEYS.PINNED_DOCUMENTS : PREFERENCE_KEYS.RECENTLY_VIEWED;
+  const preference = await req.payload.find({
+    collection: 'payload-preferences',
+    depth: 0,
+    limit: 1,
+    overrideAccess: false,
+    req,
+    user: req.user,
+    where: {
+      and: [ownerWhere({
+        req
+      }), {
+        key: {
+          equals: key
+        }
+      }]
+    }
+  });
+  const excluded = new Set(tab === 'recents' ? excludedCollections : []);
+  const storedReferences = getPinnedItems({
+    value: preference.docs[0]?.value
+  }).filter(({
+    collectionSlug
+  }) => {
+    const collection = req.payload.collections[collectionSlug];
+    return !excluded.has(collectionSlug) && collection && collection.config.admin.group !== false;
+  });
+  const availableReferences = await getAvailableReferences({
+    references: storedReferences,
+    req
+  });
+  const totalDocs = availableReferences.length;
+  const lastPage = Math.max(1, Math.ceil((totalDocs + Number(tab === 'pinned' && shouldIncludePinPlaceholder)) / limit));
+  page = Math.min(page, lastPage);
+  const references = availableReferences.slice((page - 1) * limit, page * limit);
+  const documents = await loadDocuments({
+    references,
+    req
+  });
+  const items = references.map(reference => {
+    const document = documents.get(documentKey(reference));
+    if (!document || tab !== 'recents') {
+      return document;
+    }
+    const viewedAt = reference.viewedAt;
+    return {
+      ...document,
+      dateLabel: viewedAt ? formatRelativeDate({
+        relativeTimeFormat: getRelativeTimeFormat(req.i18n.language),
+        value: viewedAt
+      }) : undefined,
+      dateTime: viewedAt,
+      viewedAt
+    };
+  }).filter(item => Boolean(item));
+  return {
+    items,
+    page,
+    totalDocs
+  };
+}
+/** Check identities without populating documents, so deleted or forbidden references do not create empty pages. */
+async function getAvailableReferences({
+  references,
+  req
+}) {
+  const available = new Set();
+  await Promise.all([...groupReferenceIDs({
+    references
+  }).entries()].map(async ([collectionSlug, ids]) => {
+    const result = await req.payload.find({
+      collection: collectionSlug,
+      depth: 0,
+      disableErrors: true,
+      draft: true,
+      limit: ids.length,
+      overrideAccess: false,
+      pagination: false,
+      req,
+      select: {
+        id: true
+      },
+      sort: 'id',
+      user: req.user,
+      where: {
+        id: {
+          in: ids
+        }
+      }
+    });
+    for (const doc of result.docs) {
+      available.add(documentKey({
+        id: doc.id,
+        collectionSlug
+      }));
+    }
+  }));
+  return references.filter(reference => available.has(documentKey(reference)));
+}
+function groupReferenceIDs({
+  references
+}) {
+  const idsByCollection = new Map();
+  for (const reference of references) {
+    const ids = idsByCollection.get(reference.collectionSlug) ?? [];
+    ids.push(reference.id);
+    idsByCollection.set(reference.collectionSlug, ids);
+  }
+  return idsByCollection;
+}
+async function loadDocuments({
+  references,
+  req
+}) {
+  const documents = new Map();
+  await Promise.all([...groupReferenceIDs({
+    references
+  }).entries()].map(async ([collectionSlug, ids]) => {
+    const config = req.payload.collections[collectionSlug].config;
+    const select = getDocumentThumbnailSelect({
+      collectionConfig: config,
+      select: {
+        id: true,
+        [(config.admin.useAsTitle || 'id').split('.')[0]]: true,
+        _status: true,
+        updatedAt: true,
+        ...(config.admin.useAsThumbnail ? {
+          [config.admin.useAsThumbnail]: true
+        } : {}),
+        ...(config.upload ? {
+          width: true
+        } : {})
+      }
+    });
+    const result = await req.payload.find({
+      collection: collectionSlug,
+      depth: 1,
+      disableErrors: true,
+      draft: true,
+      limit: ids.length,
+      overrideAccess: false,
+      populate: getDocumentThumbnailPopulate({
+        collectionConfig: config,
+        collections: req.payload.config.collections
+      }),
+      req,
+      select,
+      sort: 'id',
+      user: req.user,
+      where: {
+        id: {
+          in: ids
+        }
+      }
+    });
+    const enriched = await enrichDocsWithVersionStatus({
+      collectionConfig: config,
+      data: result,
+      req
+    });
+    for (const doc of enriched.docs) {
+      const item = enrichDocument({
+        collectionSlug,
+        doc,
+        req
+      });
+      documents.set(documentKey(item), item);
+    }
+  }));
+  return documents;
+}
+function ownerWhere({
+  req
+}) {
+  return {
+    and: [{
+      'user.relationTo': {
+        equals: req.user.collection
+      }
+    }, {
+      'user.value': {
+        equals: req.user.id
+      }
+    }]
+  };
+}
+function enrichDocument({
+  collectionSlug,
+  doc,
+  req
+}) {
+  const {
+    i18n,
+    payload
+  } = req;
+  const config = payload.collections[collectionSlug].config;
+  const rawTitle = getValueByPath({
+    object: doc,
+    path: config.admin?.useAsTitle || 'id'
+  });
+  const status = doc._displayStatus || doc._status;
+  return {
+    id: doc.id,
+    collectionSlug,
+    dateLabel: doc.updatedAt ? formatRelativeDate({
+      relativeTimeFormat: getRelativeTimeFormat(i18n.language),
+      value: doc.updatedAt
+    }) : undefined,
+    dateTime: doc.updatedAt,
+    href: formatAdminURL({
+      adminRoute: payload.config.routes.admin,
+      path: `/collections/${collectionSlug}/${encodeURIComponent(String(doc.id))}`
+    }),
+    isChanged: status === 'changed',
+    isDraft: status === 'draft',
+    statusLabel: status === 'draft' ? i18n.t('version:draft') : status === 'changed' ? i18n.t('version:changed') : status === 'published' ? i18n.t('version:published') : undefined,
+    thumbnailURL: getDocumentThumbnail({
+      doc,
+      useAsThumbnail: config.admin?.useAsThumbnail
+    }),
+    title: typeof rawTitle === 'string' && rawTitle ? rawTitle : String(doc.id),
+    typeLabel: getTranslation(config.labels.plural, i18n),
+    updatedAt: doc.updatedAt
+  };
+}
+//# sourceMappingURL=getDocuments.js.map

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

@@ -0,0 +1 @@
+{"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","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","collections","has","config","admin","group","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","collectionConfig","useAsTitle","split","_status","updatedAt","useAsThumbnail","upload","width","populate","enriched","data","enrichDocument","rawTitle","object","path","status","_displayStatus","href","adminRoute","routes","encodeURIComponent","String","isChanged","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 (\n    !Number.isSafeInteger(limit) ||\n    limit < 1 ||\n    limit > 100 ||\n    !Number.isSafeInteger(page) ||\n    page < 1\n  ) {\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      const collection = req.payload.collections[collectionSlug]\n\n      return !excluded.has(collectionSlug) && collection && collection.config.admin.group !== false\n    },\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    isChanged: status === 'changed',\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":[]}