@payloadcms/ui 4.0.0-internal.d28e9fb → 4.0.0-internal.d7d662c

package/dist/widgets/Activity/Tabs/PinnedDocuments/PinDocumentPicker/index.css

@@ -0,0 +1,28 @@
+@layer payload-default {
+  .activity-widget__select-documents {
+    height: auto;
+    min-block-size: var(--spacer-4);
+    max-inline-size: 100%;
+  }
+
+  .activity-widget__select-documents .btn__label {
+    white-space: normal;
+    overflow-wrap: anywhere;
+  }
+
+  .activity-widget__select-documents[aria-disabled='true'] {
+    cursor: progress;
+  }
+
+  .activity-widget__pin-picker .sort-column__label,
+  .activity-widget__pin-picker .page-controls__page-info,
+  .activity-widget__pin-picker .per-page__label {
+    color: var(--activity-text-secondary);
+  }
+
+  .activity-widget__pin-picker .sort-column__button {
+    min-width: var(--spacer-4);
+    min-height: var(--spacer-4);
+    color: var(--color-icon-secondary);
+  }
+}

package/dist/widgets/Activity/Tabs/PinnedDocuments/PinDocumentPicker/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { DocumentReference } from '../../../utils/documents.js';
+import './index.css';
+export declare function PinDocumentPicker({ collectionSlugs, descriptionID, isDisabled, label, onError, onSelect, pinsURL, }: {
+    collectionSlugs: string[];
+    /** ID of the text that describes the button, when it is shown in the empty state. */
+    descriptionID?: string;
+    isDisabled: boolean;
+    label: string;
+    onError: () => void;
+    onSelect: (args: {
+        document: DocumentReference;
+    }) => void;
+    pinsURL: string;
+}): React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/widgets/Activity/Tabs/PinnedDocuments/PinDocumentPicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/widgets/Activity/Tabs/PinnedDocuments/PinDocumentPicker/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAGhD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAKpE,OAAO,aAAa,CAAA;AAEpB,wBAAgB,iBAAiB,CAAC,EAChC,eAAe,EACf,aAAa,EACb,UAAU,EACV,KAAK,EACL,OAAO,EACP,QAAQ,EACR,OAAO,GACR,EAAE;IACD,eAAe,EAAE,MAAM,EAAE,CAAA;IACzB,qFAAqF;IACrF,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,UAAU,EAAE,OAAO,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE;QAAE,QAAQ,EAAE,iBAAiB,CAAA;KAAE,KAAK,IAAI,CAAA;IACzD,OAAO,EAAE,MAAM,CAAA;CAChB,qBA4EA"}

package/dist/widgets/Activity/Tabs/PinnedDocuments/PinDocumentPicker/index.js

@@ -0,0 +1,98 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useMemo, useState } from 'react';
+import { Button } from '../../../../../elements/Button/index.js';
+import { useListDrawer } from '../../../../../elements/ListDrawer/index.js';
+import { readPinnedPreferences } from '../preferences.js';
+import './index.css';
+export function PinDocumentPicker({
+  collectionSlugs,
+  descriptionID,
+  isDisabled,
+  label,
+  onError,
+  onSelect,
+  pinsURL
+}) {
+  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);
+    }
+  };
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Button, {
+      "aria-expanded": isDrawerOpen,
+      "aria-haspopup": "dialog",
+      "aria-label": label,
+      buttonStyle: "secondary",
+      className: "activity-widget__select-documents",
+      extraButtonProps: {
+        'aria-busy': isPreparing,
+        'aria-describedby': descriptionID,
+        'aria-disabled': isDisabled || isPreparing
+      },
+      margin: false,
+      onClick: () => void prepareDrawer(),
+      size: "medium",
+      type: "button",
+      children: label
+    }), /*#__PURE__*/_jsx(ListDrawer, {
+      allowCreate: false,
+      className: "activity-widget__pin-picker",
+      disableQueryPresets: true,
+      enableRowSelections: false,
+      onSelect: handleSelect,
+      overrideEntityVisibility: false
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

package/dist/widgets/Activity/Tabs/PinnedDocuments/PinDocumentPicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","useMemo","useState","Button","useListDrawer","readPinnedPreferences","PinDocumentPicker","collectionSlugs","descriptionID","isDisabled","label","onError","onSelect","pinsURL","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","_jsxs","_Fragment","_jsx","buttonStyle","className","extraButtonProps","margin","onClick","size","type","allowCreate","disableQueryPresets","enableRowSelections","overrideEntityVisibility"],"sources":["../../../../../../src/widgets/Activity/Tabs/PinnedDocuments/PinDocumentPicker/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FilterOptionsResult } from 'payload'\n\nimport React, { useMemo, useState } from 'react'\n\nimport type { ListDrawerProps } from '../../../../../elements/ListDrawer/types.js'\nimport type { DocumentReference } from '../../../utils/documents.js'\n\nimport { Button } from '../../../../../elements/Button/index.js'\nimport { useListDrawer } from '../../../../../elements/ListDrawer/index.js'\nimport { readPinnedPreferences } from '../preferences.js'\nimport './index.css'\n\nexport function PinDocumentPicker({\n  collectionSlugs,\n  descriptionID,\n  isDisabled,\n  label,\n  onError,\n  onSelect,\n  pinsURL,\n}: {\n  collectionSlugs: string[]\n  /** ID of the text that describes the button, when it is shown in the empty state. */\n  descriptionID?: string\n  isDisabled: boolean\n  label: string\n  onError: () => void\n  onSelect: (args: { document: DocumentReference }) => void\n  pinsURL: string\n}) {\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  return (\n    <>\n      <Button\n        aria-expanded={isDrawerOpen}\n        aria-haspopup=\"dialog\"\n        aria-label={label}\n        buttonStyle=\"secondary\"\n        className=\"activity-widget__select-documents\"\n        extraButtonProps={{\n          'aria-busy': isPreparing,\n          'aria-describedby': descriptionID,\n          'aria-disabled': isDisabled || isPreparing,\n        }}\n        margin={false}\n        onClick={() => void prepareDrawer()}\n        size=\"medium\"\n        type=\"button\"\n      >\n        {label}\n      </Button>\n      <ListDrawer\n        allowCreate={false}\n        className=\"activity-widget__pin-picker\"\n        disableQueryPresets\n        enableRowSelections={false}\n        onSelect={handleSelect}\n        overrideEntityVisibility={false}\n      />\n    </>\n  )\n}\n"],"mappings":"AAAA;;;AAIA,OAAOA,KAAA,IAASC,OAAO,EAAEC,QAAQ,QAAQ;AAKzC,SAASC,MAAM,QAAQ;AACvB,SAASC,aAAa,QAAQ;AAC9B,SAASC,qBAAqB,QAAQ;AACtC,OAAO;AAEP,OAAO,SAASC,kBAAkB;EAChCC,eAAe;EACfC,aAAa;EACbC,UAAU;EACVC,KAAK;EACLC,OAAO;EACPC,QAAQ;EACRC;AAAO,CAUR;EACC,MAAM,CAACC,aAAA,EAAeC,gBAAA,CAAiB,GAAGb,QAAA,CAA8B,CAAC;EACzE,MAAM,CAACc,WAAA,EAAaC,cAAA,CAAe,GAAGf,QAAA,CAAS;EAC/C,MAAMgB,aAAA,GAAgBjB,OAAA,CACpB,OAAO;IAAEM,eAAA;IAAiBO;EAAc,IACxC,CAACP,eAAA,EAAiBO,aAAA,CAAc;EAElC,MAAM,CAACK,UAAA,GAAc;IAAEC,WAAW;IAAEC,YAAY;IAAEC;EAAU,CAAE,CAAC,GAAGlB,aAAA,CAAcc,aAAA;EAChF,MAAMK,YAAA,GAA4CA,CAAC;IAAEC,cAAc;IAAEC;EAAG,CAAE;IACxEL,WAAA;IACAR,QAAA,CAAS;MAAEc,QAAA,EAAU;QAAEC,EAAA,EAAIF,GAAA,CAAIE,EAAE;QAAEH;MAAe;IAAE;EACtD;EAEA,MAAMI,aAAA,GAAgB,MAAAA,CAAA;IACpB,IAAInB,UAAA,IAAcO,WAAA,EAAa;MAC7B;IACF;IACAC,cAAA,CAAe;IAEf,IAAI;MACF,MAAMY,IAAA,GAAO,MAAMxB,qBAAA,CAAsB;QAAEyB,GAAA,EAAKjB;MAAQ;MACxD,MAAMkB,eAAA,GAAkB,IAAIC,GAAA;MAE5B,KAAK,MAAMN,QAAA,IAAYG,IAAA,EAAM;QAC3B,MAAMI,GAAA,GAAMF,eAAA,CAAgBG,GAAG,CAACR,QAAA,CAASF,cAAc,KAAK,EAAE;QAE9DS,GAAA,CAAIE,IAAI,CAACT,QAAA,CAASC,EAAE;QACpBI,eAAA,CAAgBK,GAAG,CAACV,QAAA,CAASF,cAAc,EAAES,GAAA;MAC/C;MACAlB,gBAAA,CACEsB,MAAA,CAAOC,WAAW,CAChB/B,eAAA,CAAgBgC,GAAG,CAAEC,IAAA;QACnB,MAAMP,KAAA,GAAMF,eAAA,CAAgBG,GAAG,CAACM,IAAA;QAEhC,OAAO,CAACA,IAAA,EAAMP,KAAA,EAAKQ,MAAA,GAAS;UAAEd,EAAA,EAAI;YAAEe,MAAA,EAAQT;UAAI;QAAE,IAAI,KAAK;MAC7D;MAGJX,UAAA;IACF,EAAE,MAAM;MACNX,OAAA;IACF,UAAU;MACRM,cAAA,CAAe;IACjB;EACF;EAEA,oBACE0B,KAAA,CAAAC,SAAA;4BACEC,IAAA,CAAC1C,MAAA;MACC,iBAAekB,YAAA;MACf,iBAAc;MACd,cAAYX,KAAA;MACZoC,WAAA,EAAY;MACZC,SAAA,EAAU;MACVC,gBAAA,EAAkB;QAChB,aAAahC,WAAA;QACb,oBAAoBR,aAAA;QACpB,iBAAiBC,UAAA,IAAcO;MACjC;MACAiC,MAAA,EAAQ;MACRC,OAAA,EAASA,CAAA,KAAM,KAAKtB,aAAA;MACpBuB,IAAA,EAAK;MACLC,IAAA,EAAK;gBAEJ1C;qBAEHmC,IAAA,CAAC1B,UAAA;MACCkC,WAAA,EAAa;MACbN,SAAA,EAAU;MACVO,mBAAmB;MACnBC,mBAAA,EAAqB;MACrB3C,QAAA,EAAUW,YAAA;MACViC,wBAAA,EAA0B;;;AAIlC","ignoreList":[]}

package/dist/widgets/Activity/Tabs/PinnedDocuments/index.css

@@ -0,0 +1,70 @@
+@layer payload-default {
+  .activity-widget__add-pin {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+    min-block-size: var(--activity-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;
+  }
+
+  .activity-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: 0;
+    border-radius: var(--radius-medium);
+    background: var(--color-bg);
+    cursor: pointer;
+    opacity: 0;
+  }
+
+  .activity-widget .document-card .document-card__metadata .activity-widget__pin {
+    position: absolute;
+  }
+
+  .activity-widget__item:hover .activity-widget__pin,
+  .activity-widget__item:focus-within .activity-widget__pin {
+    opacity: 1;
+  }
+
+  .activity-widget__pin-icon {
+    display: flex;
+    color: var(--color-icon-secondary);
+  }
+
+  .activity-widget__pin-filled {
+    color: var(--color-icon-favorite);
+  }
+
+  .activity-widget__pin-remove {
+    display: none;
+  }
+
+  .activity-widget__pin:is(:hover, :focus-visible):not(:disabled) .activity-widget__pin-filled {
+    display: none;
+  }
+
+  .activity-widget__pin:is(:hover, :focus-visible):not(:disabled) .activity-widget__pin-remove {
+    display: block;
+  }
+
+  .activity-widget__pin:disabled {
+    cursor: progress;
+  }
+
+  .activity-widget__pin:focus-visible {
+    outline: var(--accessibility-outline);
+    outline-offset: var(--accessibility-outline-offset);
+  }
+}

package/dist/widgets/Activity/Tabs/PinnedDocuments/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { Labels } from '../../types.js';
+import type { PinnedDocumentsController } from './usePinnedDocuments.js';
+import './index.css';
+export declare function PinnedDocuments({ canAddPin, documents, labels, listID, pinnableCollections, pinsURL, }: {
+    canAddPin: boolean;
+    documents: PinnedDocumentsController;
+    labels: Labels;
+    listID: string;
+    pinnableCollections: string[];
+    pinsURL: string;
+}): React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/widgets/Activity/Tabs/PinnedDocuments/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/widgets/Activity/Tabs/PinnedDocuments/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAA;AAEpC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAA;AAOxE,OAAO,aAAa,CAAA;AAEpB,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,SAAS,EACT,MAAM,EACN,MAAM,EACN,mBAAmB,EACnB,OAAO,GACR,EAAE;IACD,SAAS,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE,yBAAyB,CAAA;IACpC,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,mBAAmB,EAAE,MAAM,EAAE,CAAA;IAC7B,OAAO,EAAE,MAAM,CAAA;CAChB,qBAwEA"}

package/dist/widgets/Activity/Tabs/PinnedDocuments/index.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useId } from 'react';
+import { LineIcon } from '../../../../icons/Line/index.js';
+import { PinIcon } from '../../../../icons/Pin/index.js';
+import { DocumentList } from '../../components/DocumentList/index.js';
+import { EmptyState } from '../../components/EmptyState/index.js';
+import { PinDocumentPicker } from './PinDocumentPicker/index.js';
+import './index.css';
+export function PinnedDocuments({
+  canAddPin,
+  documents,
+  labels,
+  listID,
+  pinnableCollections,
+  pinsURL
+}) {
+  const emptyStateID = useId();
+  if (!documents.items) {
+    return null;
+  }
+  const isEmpty = documents.totalDocs === 0;
+  // The add-pin card follows the last pinned document, so it is on the last page.
+  const hasAddPinCard = canAddPin && documents.currentPage === documents.totalPages;
+  const isDisabled = documents.isBusy || documents.isSaving;
+  if (!documents.items.length && !hasAddPinCard) {
+    return /*#__PURE__*/_jsx(EmptyState, {
+      description: labels.pinnedEmptyDescription,
+      tab: "pinned",
+      title: labels.pinnedEmpty
+    });
+  }
+  const picker = hasAddPinCard ? /*#__PURE__*/_jsx(PinDocumentPicker, {
+    collectionSlugs: pinnableCollections,
+    descriptionID: isEmpty ? emptyStateID : undefined,
+    isDisabled: isDisabled,
+    label: labels.addPin,
+    onError: documents.onPickerError,
+    onSelect: args => void documents.onAdd(args),
+    pinsURL: pinsURL
+  }) : null;
+  return /*#__PURE__*/_jsx(DocumentList, {
+    id: listID,
+    isEmpty: isEmpty,
+    items: documents.items,
+    label: labels.pinned,
+    renderActions: ({
+      item
+    }) => /*#__PURE__*/_jsx("button", {
+      "aria-label": `${labels.removePin}: ${item.title}`,
+      "aria-pressed": true,
+      className: "activity-widget__pin",
+      disabled: isDisabled,
+      onClick: () => void documents.onRemove({
+        document: item
+      }),
+      type: "button",
+      children: /*#__PURE__*/_jsxs("span", {
+        "aria-hidden": "true",
+        className: "activity-widget__pin-icon",
+        children: [/*#__PURE__*/_jsx(PinIcon, {
+          className: "activity-widget__pin-filled",
+          isFilled: true
+        }), /*#__PURE__*/_jsx(LineIcon, {
+          className: "activity-widget__pin-remove",
+          size: 16
+        })]
+      })
+    }),
+    trailingItem: picker && (isEmpty ? /*#__PURE__*/_jsx(EmptyState, {
+      description: labels.pinnedEmptyDescription,
+      descriptionID: emptyStateID,
+      tab: "pinned",
+      title: labels.pinnedEmpty,
+      children: picker
+    }) : /*#__PURE__*/_jsx("div", {
+      className: "activity-widget__add-pin",
+      children: picker
+    }))
+  });
+}
+//# sourceMappingURL=index.js.map

package/dist/widgets/Activity/Tabs/PinnedDocuments/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","useId","LineIcon","PinIcon","DocumentList","EmptyState","PinDocumentPicker","PinnedDocuments","canAddPin","documents","labels","listID","pinnableCollections","pinsURL","emptyStateID","items","isEmpty","totalDocs","hasAddPinCard","currentPage","totalPages","isDisabled","isBusy","isSaving","length","_jsx","description","pinnedEmptyDescription","tab","title","pinnedEmpty","picker","collectionSlugs","descriptionID","undefined","label","addPin","onError","onPickerError","onSelect","args","onAdd","id","pinned","renderActions","item","removePin","className","disabled","onClick","onRemove","document","type","_jsxs","isFilled","size","trailingItem"],"sources":["../../../../../src/widgets/Activity/Tabs/PinnedDocuments/index.tsx"],"sourcesContent":["import React, { useId } from 'react'\n\nimport type { Labels } from '../../types.js'\nimport type { PinnedDocumentsController } from './usePinnedDocuments.js'\n\nimport { LineIcon } from '../../../../icons/Line/index.js'\nimport { PinIcon } from '../../../../icons/Pin/index.js'\nimport { DocumentList } from '../../components/DocumentList/index.js'\nimport { EmptyState } from '../../components/EmptyState/index.js'\nimport { PinDocumentPicker } from './PinDocumentPicker/index.js'\nimport './index.css'\n\nexport function PinnedDocuments({\n  canAddPin,\n  documents,\n  labels,\n  listID,\n  pinnableCollections,\n  pinsURL,\n}: {\n  canAddPin: boolean\n  documents: PinnedDocumentsController\n  labels: Labels\n  listID: string\n  pinnableCollections: string[]\n  pinsURL: string\n}) {\n  const emptyStateID = useId()\n\n  if (!documents.items) {\n    return null\n  }\n\n  const isEmpty = documents.totalDocs === 0\n  // The add-pin card follows the last pinned document, so it is on the last page.\n  const hasAddPinCard = canAddPin && documents.currentPage === documents.totalPages\n  const isDisabled = documents.isBusy || documents.isSaving\n\n  if (!documents.items.length && !hasAddPinCard) {\n    return (\n      <EmptyState\n        description={labels.pinnedEmptyDescription}\n        tab=\"pinned\"\n        title={labels.pinnedEmpty}\n      />\n    )\n  }\n\n  const picker = hasAddPinCard ? (\n    <PinDocumentPicker\n      collectionSlugs={pinnableCollections}\n      descriptionID={isEmpty ? emptyStateID : undefined}\n      isDisabled={isDisabled}\n      label={labels.addPin}\n      onError={documents.onPickerError}\n      onSelect={(args) => void documents.onAdd(args)}\n      pinsURL={pinsURL}\n    />\n  ) : null\n\n  return (\n    <DocumentList\n      id={listID}\n      isEmpty={isEmpty}\n      items={documents.items}\n      label={labels.pinned}\n      renderActions={({ item }) => (\n        <button\n          aria-label={`${labels.removePin}: ${item.title}`}\n          aria-pressed={true}\n          className=\"activity-widget__pin\"\n          disabled={isDisabled}\n          onClick={() => void documents.onRemove({ document: item })}\n          type=\"button\"\n        >\n          <span aria-hidden=\"true\" className=\"activity-widget__pin-icon\">\n            <PinIcon className=\"activity-widget__pin-filled\" isFilled />\n            <LineIcon className=\"activity-widget__pin-remove\" size={16} />\n          </span>\n        </button>\n      )}\n      trailingItem={\n        picker &&\n        (isEmpty ? (\n          <EmptyState\n            description={labels.pinnedEmptyDescription}\n            descriptionID={emptyStateID}\n            tab=\"pinned\"\n            title={labels.pinnedEmpty}\n          >\n            {picker}\n          </EmptyState>\n        ) : (\n          <div className=\"activity-widget__add-pin\">{picker}</div>\n        ))\n      }\n    />\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,IAASC,KAAK,QAAQ;AAK7B,SAASC,QAAQ,QAAQ;AACzB,SAASC,OAAO,QAAQ;AACxB,SAASC,YAAY,QAAQ;AAC7B,SAASC,UAAU,QAAQ;AAC3B,SAASC,iBAAiB,QAAQ;AAClC,OAAO;AAEP,OAAO,SAASC,gBAAgB;EAC9BC,SAAS;EACTC,SAAS;EACTC,MAAM;EACNC,MAAM;EACNC,mBAAmB;EACnBC;AAAO,CAQR;EACC,MAAMC,YAAA,GAAeb,KAAA;EAErB,IAAI,CAACQ,SAAA,CAAUM,KAAK,EAAE;IACpB,OAAO;EACT;EAEA,MAAMC,OAAA,GAAUP,SAAA,CAAUQ,SAAS,KAAK;EACxC;EACA,MAAMC,aAAA,GAAgBV,SAAA,IAAaC,SAAA,CAAUU,WAAW,KAAKV,SAAA,CAAUW,UAAU;EACjF,MAAMC,UAAA,GAAaZ,SAAA,CAAUa,MAAM,IAAIb,SAAA,CAAUc,QAAQ;EAEzD,IAAI,CAACd,SAAA,CAAUM,KAAK,CAACS,MAAM,IAAI,CAACN,aAAA,EAAe;IAC7C,oBACEO,IAAA,CAACpB,UAAA;MACCqB,WAAA,EAAahB,MAAA,CAAOiB,sBAAsB;MAC1CC,GAAA,EAAI;MACJC,KAAA,EAAOnB,MAAA,CAAOoB;;EAGpB;EAEA,MAAMC,MAAA,GAASb,aAAA,gBACbO,IAAA,CAACnB,iBAAA;IACC0B,eAAA,EAAiBpB,mBAAA;IACjBqB,aAAA,EAAejB,OAAA,GAAUF,YAAA,GAAeoB,SAAA;IACxCb,UAAA,EAAYA,UAAA;IACZc,KAAA,EAAOzB,MAAA,CAAO0B,MAAM;IACpBC,OAAA,EAAS5B,SAAA,CAAU6B,aAAa;IAChCC,QAAA,EAAWC,IAAA,IAAS,KAAK/B,SAAA,CAAUgC,KAAK,CAACD,IAAA;IACzC3B,OAAA,EAASA;OAET;EAEJ,oBACEY,IAAA,CAACrB,YAAA;IACCsC,EAAA,EAAI/B,MAAA;IACJK,OAAA,EAASA,OAAA;IACTD,KAAA,EAAON,SAAA,CAAUM,KAAK;IACtBoB,KAAA,EAAOzB,MAAA,CAAOiC,MAAM;IACpBC,aAAA,EAAeA,CAAC;MAAEC;IAAI,CAAE,kBACtBpB,IAAA,CAAC;MACC,cAAY,GAAGf,MAAA,CAAOoC,SAAS,KAAKD,IAAA,CAAKhB,KAAK,EAAE;MAChD,gBAAc;MACdkB,SAAA,EAAU;MACVC,QAAA,EAAU3B,UAAA;MACV4B,OAAA,EAASA,CAAA,KAAM,KAAKxC,SAAA,CAAUyC,QAAQ,CAAC;QAAEC,QAAA,EAAUN;MAAK;MACxDO,IAAA,EAAK;gBAEL,aAAAC,KAAA,CAAC;QAAK,eAAY;QAAON,SAAA,EAAU;gCACjCtB,IAAA,CAACtB,OAAA;UAAQ4C,SAAA,EAAU;UAA8BO,QAAQ;yBACzD7B,IAAA,CAACvB,QAAA;UAAS6C,SAAA,EAAU;UAA8BQ,IAAA,EAAM;;;;IAI9DC,YAAA,EACEzB,MAAA,KACCf,OAAA,gBACCS,IAAA,CAACpB,UAAA;MACCqB,WAAA,EAAahB,MAAA,CAAOiB,sBAAsB;MAC1CM,aAAA,EAAenB,YAAA;MACfc,GAAA,EAAI;MACJC,KAAA,EAAOnB,MAAA,CAAOoB,WAAW;gBAExBC;sBAGHN,IAAA,CAAC;MAAIsB,SAAA,EAAU;gBAA4BhB;MAC7C;;AAIR","ignoreList":[]}

package/dist/widgets/Activity/Tabs/PinnedDocuments/preferences.d.ts

@@ -0,0 +1,15 @@
+import type { DocumentReference } from '../../utils/documents.js';
+export declare function readPinnedPreferences({ url, }: {
+    url: string;
+}): Promise<DocumentReference[]>;
+/** Serialize the read/modify/write operation across same-origin admin tabs. */
+export declare function updatePinnedPreferences({ document, shouldPin, url, }: {
+    document: DocumentReference;
+    shouldPin: boolean;
+    url: string;
+}): Promise<void>;
+export declare function savePinnedPreferences({ items, url, }: {
+    items: DocumentReference[];
+    url: string;
+}): Promise<void>;
+//# sourceMappingURL=preferences.d.ts.map

package/dist/widgets/Activity/Tabs/PinnedDocuments/preferences.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preferences.d.ts","sourceRoot":"","sources":["../../../../../src/widgets/Activity/Tabs/PinnedDocuments/preferences.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAIjE,wBAAsB,qBAAqB,CAAC,EAC1C,GAAG,GACJ,EAAE;IACD,GAAG,EAAE,MAAM,CAAA;CACZ,GAAG,OAAO,CAAC,iBAAiB,EAAE,CAAC,CAS/B;AAED,+EAA+E;AAC/E,wBAAsB,uBAAuB,CAAC,EAC5C,QAAQ,EACR,SAAS,EACT,GAAG,GACJ,EAAE;IACD,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,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,iBAAiB,EAAE,CAAA;IAC1B,GAAG,EAAE,MAAM,CAAA;CACZ,GAAG,OAAO,CAAC,IAAI,CAAC,CAWhB"}

package/dist/widgets/Activity/Tabs/PinnedDocuments/preferences.js

@@ -0,0 +1,62 @@
+import { documentKey, getDocumentReferences } from '../../utils/documents.js';
+export async function readPinnedPreferences({
+  url
+}) {
+  const response = await fetch(url, {
+    credentials: 'include'
+  });
+  if (!response.ok) {
+    throw new Error('Unable to read pins');
+  }
+  const preference = await response.json();
+  return getDocumentReferences({
+    value: preference.value
+  });
+}
+/** Serialize the read/modify/write operation across same-origin admin tabs. */
+export async function updatePinnedPreferences({
+  document,
+  shouldPin,
+  url
+}) {
+  const update = async () => {
+    const existing = await readPinnedPreferences({
+      url
+    });
+    if (shouldPin && existing.some(item => documentKey(item) === documentKey(document))) {
+      return;
+    }
+    const remaining = existing.filter(item => documentKey(item) !== documentKey(document));
+    const items = shouldPin ? [document, ...remaining] : remaining;
+    await savePinnedPreferences({
+      items,
+      url
+    });
+  };
+  if (typeof navigator !== 'undefined' && navigator.locks) {
+    await navigator.locks.request(`payload:pinned-documents:${url}`, update);
+  } else {
+    await update();
+  }
+}
+export async function savePinnedPreferences({
+  items,
+  url
+}) {
+  const response = await fetch(url, {
+    body: JSON.stringify({
+      value: {
+        items
+      }
+    }),
+    credentials: 'include',
+    headers: {
+      'Content-Type': 'application/json'
+    },
+    method: 'POST'
+  });
+  if (!response.ok) {
+    throw new Error('Unable to save pins');
+  }
+}
+//# sourceMappingURL=preferences.js.map

package/dist/widgets/Activity/Tabs/PinnedDocuments/preferences.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preferences.js","names":["documentKey","getDocumentReferences","readPinnedPreferences","url","response","fetch","credentials","ok","Error","preference","json","value","updatePinnedPreferences","document","shouldPin","update","existing","some","item","remaining","filter","items","savePinnedPreferences","navigator","locks","request","body","JSON","stringify","headers","method"],"sources":["../../../../../src/widgets/Activity/Tabs/PinnedDocuments/preferences.ts"],"sourcesContent":["import type { PinnedDocumentsPreferences } from 'payload'\n\nimport type { DocumentReference } from '../../utils/documents.js'\n\nimport { documentKey, getDocumentReferences } from '../../utils/documents.js'\n\nexport async function readPinnedPreferences({\n  url,\n}: {\n  url: string\n}): Promise<DocumentReference[]> {\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 getDocumentReferences({ 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: DocumentReference\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: DocumentReference[]\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,EAAEC,qBAAqB,QAAQ;AAEnD,OAAO,eAAeC,sBAAsB;EAC1CC;AAAG,CAGJ;EACC,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,OAAOT,qBAAA,CAAsB;IAAEU,KAAA,EAAOF,UAAA,CAAWE;EAAM;AACzD;AAEA;AACA,OAAO,eAAeC,wBAAwB;EAC5CC,QAAQ;EACRC,SAAS;EACTX;AAAG,CAKJ;EACC,MAAMY,MAAA,GAAS,MAAAA,CAAA;IACb,MAAMC,QAAA,GAAW,MAAMd,qBAAA,CAAsB;MAAEC;IAAI;IAEnD,IAAIW,SAAA,IAAaE,QAAA,CAASC,IAAI,CAAEC,IAAA,IAASlB,WAAA,CAAYkB,IAAA,MAAUlB,WAAA,CAAYa,QAAA,IAAY;MACrF;IACF;IACA,MAAMM,SAAA,GAAYH,QAAA,CAASI,MAAM,CAAEF,IAAA,IAASlB,WAAA,CAAYkB,IAAA,MAAUlB,WAAA,CAAYa,QAAA;IAC9E,MAAMQ,KAAA,GAAQP,SAAA,GAAY,CAACD,QAAA,E,GAAaM,SAAA,CAAU,GAAGA,SAAA;IAErD,MAAMG,qBAAA,CAAsB;MAAED,KAAA;MAAOlB;IAAI;EAC3C;EAEA,IAAI,OAAOoB,SAAA,KAAc,eAAeA,SAAA,CAAUC,KAAK,EAAE;IACvD,MAAMD,SAAA,CAAUC,KAAK,CAACC,OAAO,CAAC,4BAA4BtB,GAAA,EAAK,EAAEY,MAAA;EACnE,OAAO;IACL,MAAMA,MAAA;EACR;AACF;AAEA,OAAO,eAAeO,sBAAsB;EAC1CD,KAAK;EACLlB;AAAG,CAIJ;EACC,MAAMC,QAAA,GAAW,MAAMC,KAAA,CAAMF,GAAA,EAAK;IAChCuB,IAAA,EAAMC,IAAA,CAAKC,SAAS,CAAC;MAAEjB,KAAA,EAAO;QAAEU;MAAM;IAAuC;IAC7Ef,WAAA,EAAa;IACbuB,OAAA,EAAS;MAAE,gBAAgB;IAAmB;IAC9CC,MAAA,EAAQ;EACV;EAEA,IAAI,CAAC1B,QAAA,CAASG,EAAE,EAAE;IAChB,MAAM,IAAIC,KAAA,CAAM;EAClB;AACF","ignoreList":[]}

package/dist/widgets/Activity/Tabs/PinnedDocuments/usePinnedDocuments.d.ts

@@ -0,0 +1,39 @@
+import type { DocumentReference } from '../../utils/documents.js';
+import type { ActivityDocumentsPage } from '../../utils/getActivityWidgetDocs.js';
+/** Pinned documents plus saving pin changes, with optimistic removal. */
+export declare function usePinnedDocuments({ canAddPin, initialPage, isActive, offset, onFocusTab, onPinAdded, pageSize, pinsURL, }: {
+    canAddPin: boolean;
+    initialPage?: ActivityDocumentsPage;
+    isActive: boolean;
+    offset: number;
+    onFocusTab: () => void;
+    onPinAdded: () => void;
+    pageSize: number;
+    pinsURL: string;
+}): {
+    currentPage: number;
+    items: import("../../types.js").ActivityDocument[];
+    missingBatches: number[];
+    start: number;
+    totalDocs: number;
+    totalPages: number;
+    hasLoadError: boolean;
+    isBusy: boolean;
+    refresh: () => void;
+    removeDocument: ({ document }: {
+        document: DocumentReference;
+    }) => () => void;
+    retry: () => void;
+    shouldShowLoading: boolean;
+    hasSaveError: boolean;
+    isSaving: boolean;
+    onAdd: ({ document }: {
+        document: DocumentReference;
+    }) => Promise<void>;
+    onPickerError: () => void;
+    onRemove: ({ document }: {
+        document: DocumentReference;
+    }) => Promise<void>;
+};
+export type PinnedDocumentsController = ReturnType<typeof usePinnedDocuments>;
+//# sourceMappingURL=usePinnedDocuments.d.ts.map

package/dist/widgets/Activity/Tabs/PinnedDocuments/usePinnedDocuments.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePinnedDocuments.d.ts","sourceRoot":"","sources":["../../../../../src/widgets/Activity/Tabs/PinnedDocuments/usePinnedDocuments.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAA;AAKjF,yEAAyE;AACzE,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,WAAW,EACX,QAAQ,EACR,MAAM,EACN,UAAU,EACV,UAAU,EACV,QAAQ,EACR,OAAO,GACR,EAAE;IACD,SAAS,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,qBAAqB,CAAA;IACnC,QAAQ,EAAE,OAAO,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;CAChB;;;;;;;;;;;;;;;;;0BAwDyB;QAAE,QAAQ,EAAE,iBAAiB,CAAA;KAAE;;6BAG5B;QAAE,QAAQ,EAAE,iBAAiB,CAAA;KAAE;EAG3D;AAED,MAAM,MAAM,yBAAyB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAA"}

package/dist/widgets/Activity/Tabs/PinnedDocuments/usePinnedDocuments.js

@@ -0,0 +1,83 @@
+import { useState } from 'react';
+import { useActivityDocuments } from '../../utils/useActivityDocuments.js';
+import { updatePinnedPreferences } from './preferences.js';
+/** Pinned documents plus saving pin changes, with optimistic removal. */
+export function usePinnedDocuments({
+  canAddPin,
+  initialPage,
+  isActive,
+  offset,
+  onFocusTab,
+  onPinAdded,
+  pageSize,
+  pinsURL
+}) {
+  const [saveStatus, setSaveStatus] = useState('idle');
+  const [previousInitialPage, setPreviousInitialPage] = useState(initialPage);
+  const isSaving = saveStatus === 'saving';
+  const documents = useActivityDocuments({
+    type: 'pinned',
+    hasPinPlaceholder: canAddPin,
+    initialPage,
+    isActive,
+    isPaused: isSaving,
+    offset,
+    pageSize
+  });
+  if (previousInitialPage !== initialPage) {
+    setPreviousInitialPage(initialPage);
+    setSaveStatus(current => current === 'error' ? 'idle' : current);
+  }
+  const savePin = async ({
+    document,
+    shouldPin
+  }) => {
+    if (isSaving || documents.isBusy) {
+      return;
+    }
+    const restore = shouldPin ? undefined : documents.removeDocument({
+      document
+    });
+    setSaveStatus('saving');
+    if (!shouldPin) {
+      // The removed card held focus.
+      onFocusTab();
+    }
+    try {
+      await updatePinnedPreferences({
+        document,
+        shouldPin,
+        url: pinsURL
+      });
+      setSaveStatus('idle');
+      documents.refresh();
+      if (shouldPin) {
+        onPinAdded();
+      }
+    } catch {
+      restore?.();
+      setSaveStatus('error');
+    } finally {
+      onFocusTab();
+    }
+  };
+  return {
+    ...documents,
+    hasSaveError: saveStatus === 'error',
+    isSaving,
+    onAdd: ({
+      document
+    }) => savePin({
+      document,
+      shouldPin: true
+    }),
+    onPickerError: () => setSaveStatus('error'),
+    onRemove: ({
+      document
+    }) => savePin({
+      document,
+      shouldPin: false
+    })
+  };
+}
+//# sourceMappingURL=usePinnedDocuments.js.map

package/dist/widgets/Activity/Tabs/PinnedDocuments/usePinnedDocuments.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePinnedDocuments.js","names":["useState","useActivityDocuments","updatePinnedPreferences","usePinnedDocuments","canAddPin","initialPage","isActive","offset","onFocusTab","onPinAdded","pageSize","pinsURL","saveStatus","setSaveStatus","previousInitialPage","setPreviousInitialPage","isSaving","documents","type","hasPinPlaceholder","isPaused","current","savePin","document","shouldPin","isBusy","restore","undefined","removeDocument","url","refresh","hasSaveError","onAdd","onPickerError","onRemove"],"sources":["../../../../../src/widgets/Activity/Tabs/PinnedDocuments/usePinnedDocuments.ts"],"sourcesContent":["import { useState } from 'react'\n\nimport type { DocumentReference } from '../../utils/documents.js'\nimport type { ActivityDocumentsPage } from '../../utils/getActivityWidgetDocs.js'\n\nimport { useActivityDocuments } from '../../utils/useActivityDocuments.js'\nimport { updatePinnedPreferences } from './preferences.js'\n\n/** Pinned documents plus saving pin changes, with optimistic removal. */\nexport function usePinnedDocuments({\n  canAddPin,\n  initialPage,\n  isActive,\n  offset,\n  onFocusTab,\n  onPinAdded,\n  pageSize,\n  pinsURL,\n}: {\n  canAddPin: boolean\n  initialPage?: ActivityDocumentsPage\n  isActive: boolean\n  offset: number\n  onFocusTab: () => void\n  onPinAdded: () => void\n  pageSize: number\n  pinsURL: string\n}) {\n  const [saveStatus, setSaveStatus] = useState<'error' | 'idle' | 'saving'>('idle')\n  const [previousInitialPage, setPreviousInitialPage] = useState(initialPage)\n  const isSaving = saveStatus === 'saving'\n  const documents = useActivityDocuments({\n    type: 'pinned',\n    hasPinPlaceholder: canAddPin,\n    initialPage,\n    isActive,\n    isPaused: isSaving,\n    offset,\n    pageSize,\n  })\n\n  if (previousInitialPage !== initialPage) {\n    setPreviousInitialPage(initialPage)\n    setSaveStatus((current) => (current === 'error' ? 'idle' : current))\n  }\n\n  const savePin = async ({\n    document,\n    shouldPin,\n  }: {\n    document: DocumentReference\n    shouldPin: boolean\n  }) => {\n    if (isSaving || documents.isBusy) {\n      return\n    }\n\n    const restore = shouldPin ? undefined : documents.removeDocument({ document })\n\n    setSaveStatus('saving')\n    if (!shouldPin) {\n      // The removed card held focus.\n      onFocusTab()\n    }\n    try {\n      await updatePinnedPreferences({ document, shouldPin, url: pinsURL })\n      setSaveStatus('idle')\n      documents.refresh()\n      if (shouldPin) {\n        onPinAdded()\n      }\n    } catch {\n      restore?.()\n      setSaveStatus('error')\n    } finally {\n      onFocusTab()\n    }\n  }\n\n  return {\n    ...documents,\n    hasSaveError: saveStatus === 'error',\n    isSaving,\n    onAdd: ({ document }: { document: DocumentReference }) =>\n      savePin({ document, shouldPin: true }),\n    onPickerError: () => setSaveStatus('error'),\n    onRemove: ({ document }: { document: DocumentReference }) =>\n      savePin({ document, shouldPin: false }),\n  }\n}\n\nexport type PinnedDocumentsController = ReturnType<typeof usePinnedDocuments>\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ;AAKzB,SAASC,oBAAoB,QAAQ;AACrC,SAASC,uBAAuB,QAAQ;AAExC;AACA,OAAO,SAASC,mBAAmB;EACjCC,SAAS;EACTC,WAAW;EACXC,QAAQ;EACRC,MAAM;EACNC,UAAU;EACVC,UAAU;EACVC,QAAQ;EACRC;AAAO,CAUR;EACC,MAAM,CAACC,UAAA,EAAYC,aAAA,CAAc,GAAGb,QAAA,CAAsC;EAC1E,MAAM,CAACc,mBAAA,EAAqBC,sBAAA,CAAuB,GAAGf,QAAA,CAASK,WAAA;EAC/D,MAAMW,QAAA,GAAWJ,UAAA,KAAe;EAChC,MAAMK,SAAA,GAAYhB,oBAAA,CAAqB;IACrCiB,IAAA,EAAM;IACNC,iBAAA,EAAmBf,SAAA;IACnBC,WAAA;IACAC,QAAA;IACAc,QAAA,EAAUJ,QAAA;IACVT,MAAA;IACAG;EACF;EAEA,IAAII,mBAAA,KAAwBT,WAAA,EAAa;IACvCU,sBAAA,CAAuBV,WAAA;IACvBQ,aAAA,CAAeQ,OAAA,IAAaA,OAAA,KAAY,UAAU,SAASA,OAAA;EAC7D;EAEA,MAAMC,OAAA,GAAU,MAAAA,CAAO;IACrBC,QAAQ;IACRC;EAAS,CAIV;IACC,IAAIR,QAAA,IAAYC,SAAA,CAAUQ,MAAM,EAAE;MAChC;IACF;IAEA,MAAMC,OAAA,GAAUF,SAAA,GAAYG,SAAA,GAAYV,SAAA,CAAUW,cAAc,CAAC;MAAEL;IAAS;IAE5EV,aAAA,CAAc;IACd,IAAI,CAACW,SAAA,EAAW;MACd;MACAhB,UAAA;IACF;IACA,IAAI;MACF,MAAMN,uBAAA,CAAwB;QAAEqB,QAAA;QAAUC,SAAA;QAAWK,GAAA,EAAKlB;MAAQ;MAClEE,aAAA,CAAc;MACdI,SAAA,CAAUa,OAAO;MACjB,IAAIN,SAAA,EAAW;QACbf,UAAA;MACF;IACF,EAAE,MAAM;MACNiB,OAAA;MACAb,aAAA,CAAc;IAChB,UAAU;MACRL,UAAA;IACF;EACF;EAEA,OAAO;IACL,GAAGS,SAAS;IACZc,YAAA,EAAcnB,UAAA,KAAe;IAC7BI,QAAA;IACAgB,KAAA,EAAOA,CAAC;MAAET;IAAQ,CAAmC,KACnDD,OAAA,CAAQ;MAAEC,QAAA;MAAUC,SAAA,EAAW;IAAK;IACtCS,aAAA,EAAeA,CAAA,KAAMpB,aAAA,CAAc;IACnCqB,QAAA,EAAUA,CAAC;MAAEX;IAAQ,CAAmC,KACtDD,OAAA,CAAQ;MAAEC,QAAA;MAAUC,SAAA,EAAW;IAAM;EACzC;AACF","ignoreList":[]}

package/dist/widgets/Activity/Tabs/RecentDocuments/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { Labels } from '../../types.js';
+import type { DocumentsController } from '../../utils/useActivityDocuments.js';
+export declare function RecentDocuments({ documents, labels, listID, }: {
+    documents: DocumentsController;
+    labels: Labels;
+    listID: string;
+}): React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/widgets/Activity/Tabs/RecentDocuments/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/widgets/Activity/Tabs/RecentDocuments/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAA;AAK9E,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,MAAM,EACN,MAAM,GACP,EAAE;IACD,SAAS,EAAE,mBAAmB,CAAA;IAC9B,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;CACf,qBAcA"}

package/dist/widgets/Activity/Tabs/RecentDocuments/index.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { DocumentList } from '../../components/DocumentList/index.js';
+import { EmptyState } from '../../components/EmptyState/index.js';
+export function RecentDocuments({
+  documents,
+  labels,
+  listID
+}) {
+  if (!documents.items) {
+    return null;
+  }
+  return documents.items.length ? /*#__PURE__*/_jsx(DocumentList, {
+    id: listID,
+    items: documents.items,
+    label: labels.recents
+  }) : /*#__PURE__*/_jsx(EmptyState, {
+    description: labels.recentsEmptyDescription,
+    tab: "recents",
+    title: labels.recentsEmpty
+  });
+}
+//# sourceMappingURL=index.js.map

package/dist/widgets/Activity/Tabs/RecentDocuments/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","DocumentList","EmptyState","RecentDocuments","documents","labels","listID","items","length","_jsx","id","label","recents","description","recentsEmptyDescription","tab","title","recentsEmpty"],"sources":["../../../../../src/widgets/Activity/Tabs/RecentDocuments/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { Labels } from '../../types.js'\nimport type { DocumentsController } from '../../utils/useActivityDocuments.js'\n\nimport { DocumentList } from '../../components/DocumentList/index.js'\nimport { EmptyState } from '../../components/EmptyState/index.js'\n\nexport function RecentDocuments({\n  documents,\n  labels,\n  listID,\n}: {\n  documents: DocumentsController\n  labels: Labels\n  listID: string\n}) {\n  if (!documents.items) {\n    return null\n  }\n\n  return documents.items.length ? (\n    <DocumentList id={listID} items={documents.items} label={labels.recents} />\n  ) : (\n    <EmptyState\n      description={labels.recentsEmptyDescription}\n      tab=\"recents\"\n      title={labels.recentsEmpty}\n    />\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAKlB,SAASC,YAAY,QAAQ;AAC7B,SAASC,UAAU,QAAQ;AAE3B,OAAO,SAASC,gBAAgB;EAC9BC,SAAS;EACTC,MAAM;EACNC;AAAM,CAKP;EACC,IAAI,CAACF,SAAA,CAAUG,KAAK,EAAE;IACpB,OAAO;EACT;EAEA,OAAOH,SAAA,CAAUG,KAAK,CAACC,MAAM,gBAC3BC,IAAA,CAACR,YAAA;IAAaS,EAAA,EAAIJ,MAAA;IAAQC,KAAA,EAAOH,SAAA,CAAUG,KAAK;IAAEI,KAAA,EAAON,MAAA,CAAOO;oBAEhEH,IAAA,CAACP,UAAA;IACCW,WAAA,EAAaR,MAAA,CAAOS,uBAAuB;IAC3CC,GAAA,EAAI;IACJC,KAAA,EAAOX,MAAA,CAAOY;;AAGpB","ignoreList":[]}