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

package/dist/widgets/RecentlyViewed/index.css

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

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

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

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

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

package/dist/widgets/RecentlyViewed/index.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","DocumentActivityWidget","getDocumentWidgetData","RecentlyViewedWidget","req","widgetData","data","excludedCollections","_jsx"],"sources":["../../../src/widgets/RecentlyViewed/index.tsx"],"sourcesContent":["import type { WidgetServerProps } from 'payload'\n\nimport React from 'react'\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference the client bundle.\nimport { DocumentActivityWidget } from '../../exports/client/index.js'\nimport { getDocumentWidgetData } from './getDocumentWidgetData.js'\n\nexport async function RecentlyViewedWidget({\n  req,\n  widgetData,\n}: WidgetServerProps<{ data?: { excludedCollections?: string[] } }>) {\n  const data = await getDocumentWidgetData({\n    excludedCollections: widgetData?.excludedCollections,\n    req,\n  })\n  return <DocumentActivityWidget {...data} />\n}\n"],"mappings":";AAEA,OAAOA,KAAA,MAAW;AAClB;AACA,SAASC,sBAAsB,QAAQ;AACvC,SAASC,qBAAqB,QAAQ;AAEtC,OAAO,eAAeC,qBAAqB;EACzCC,GAAG;EACHC;AAAU,CACuD;EACjE,MAAMC,IAAA,GAAO,MAAMJ,qBAAA,CAAsB;IACvCK,mBAAA,EAAqBF,UAAA,EAAYE,mBAAA;IACjCH;EACF;EACA,oBAAOI,IAAA,CAACP,sBAAA;IAAwB,GAAGK;;AACrC","ignoreList":[]}
+{"version":3,"file":"index.js","names":["formatAdminURL","PREFERENCE_KEYS","React","RecentsAndPinnedClient","RecentlyViewedWidget","req","widgetData","i18n","payload","user","_jsx","excludedCollections","labels","addPin","t","label","loadError","loading","next","pagination","pinned","pinnedEmpty","pinnedEmptyDescription","pinnedSaveError","previous","recents","recentsEmpty","recentsEmptyDescription","removePin","retry","title","pinsURL","apiRoute","config","routes","api","path","PINNED_DOCUMENTS","serverURL"],"sources":["../../../src/widgets/RecentlyViewed/index.tsx"],"sourcesContent":["import type { WidgetServerProps } from 'payload'\n\nimport { formatAdminURL, PREFERENCE_KEYS } from 'payload/shared'\nimport React from 'react'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary\nimport { RecentsAndPinnedClient } from '../../exports/client/index.js'\n\ntype RecentlyViewedWidgetData = {\n  excludedCollections?: string[]\n}\n\nexport function RecentlyViewedWidget({\n  req,\n  widgetData,\n}: WidgetServerProps<{ data?: RecentlyViewedWidgetData }>) {\n  const { i18n, payload, user } = req\n  if (!user) {\n    return null\n  }\n  return (\n    <RecentsAndPinnedClient\n      excludedCollections={widgetData?.excludedCollections}\n      labels={{\n        addPin: i18n.t('general:selectLabel', { label: i18n.t('general:documents') }),\n        loadError: i18n.t('error:unknown'),\n        loading: i18n.t('general:loading'),\n        next: i18n.t('general:next'),\n        pagination: i18n.t('dashboard:widgetPagination'),\n        pinned: i18n.t('dashboard:widgetPinned'),\n        pinnedEmpty: i18n.t('dashboard:widgetPinnedEmpty'),\n        pinnedEmptyDescription: i18n.t('dashboard:widgetPinnedEmptyDescription'),\n        pinnedSaveError: i18n.t('dashboard:widgetPinnedSaveError'),\n        previous: i18n.t('general:previous'),\n        recents: i18n.t('dashboard:widgetRecentlyViewedTitle'),\n        recentsEmpty: i18n.t('dashboard:widgetRecentlyViewedEmpty'),\n        recentsEmptyDescription: i18n.t('dashboard:widgetRecentlyViewedEmptyDescription'),\n        removePin: i18n.t('dashboard:widgetRemovePin'),\n        retry: i18n.t('general:retry'),\n        title: i18n.t('dashboard:widgetRecentsAndPinned'),\n      }}\n      pinsURL={formatAdminURL({\n        apiRoute: payload.config.routes.api,\n        path: `/payload-preferences/${PREFERENCE_KEYS.PINNED_DOCUMENTS}`,\n        serverURL: payload.config.serverURL,\n      })}\n    />\n  )\n}\n"],"mappings":";AAEA,SAASA,cAAc,EAAEC,eAAe,QAAQ;AAChD,OAAOC,KAAA,MAAW;AAElB;AACA,SAASC,sBAAsB,QAAQ;AAMvC,OAAO,SAASC,qBAAqB;EACnCC,GAAG;EACHC;AAAU,CAC6C;EACvD,MAAM;IAAEC,IAAI;IAAEC,OAAO;IAAEC;EAAI,CAAE,GAAGJ,GAAA;EAChC,IAAI,CAACI,IAAA,EAAM;IACT,OAAO;EACT;EACA,oBACEC,IAAA,CAACP,sBAAA;IACCQ,mBAAA,EAAqBL,UAAA,EAAYK,mBAAA;IACjCC,MAAA,EAAQ;MACNC,MAAA,EAAQN,IAAA,CAAKO,CAAC,CAAC,uBAAuB;QAAEC,KAAA,EAAOR,IAAA,CAAKO,CAAC,CAAC;MAAqB;MAC3EE,SAAA,EAAWT,IAAA,CAAKO,CAAC,CAAC;MAClBG,OAAA,EAASV,IAAA,CAAKO,CAAC,CAAC;MAChBI,IAAA,EAAMX,IAAA,CAAKO,CAAC,CAAC;MACbK,UAAA,EAAYZ,IAAA,CAAKO,CAAC,CAAC;MACnBM,MAAA,EAAQb,IAAA,CAAKO,CAAC,CAAC;MACfO,WAAA,EAAad,IAAA,CAAKO,CAAC,CAAC;MACpBQ,sBAAA,EAAwBf,IAAA,CAAKO,CAAC,CAAC;MAC/BS,eAAA,EAAiBhB,IAAA,CAAKO,CAAC,CAAC;MACxBU,QAAA,EAAUjB,IAAA,CAAKO,CAAC,CAAC;MACjBW,OAAA,EAASlB,IAAA,CAAKO,CAAC,CAAC;MAChBY,YAAA,EAAcnB,IAAA,CAAKO,CAAC,CAAC;MACrBa,uBAAA,EAAyBpB,IAAA,CAAKO,CAAC,CAAC;MAChCc,SAAA,EAAWrB,IAAA,CAAKO,CAAC,CAAC;MAClBe,KAAA,EAAOtB,IAAA,CAAKO,CAAC,CAAC;MACdgB,KAAA,EAAOvB,IAAA,CAAKO,CAAC,CAAC;IAChB;IACAiB,OAAA,EAAS/B,cAAA,CAAe;MACtBgC,QAAA,EAAUxB,OAAA,CAAQyB,MAAM,CAACC,MAAM,CAACC,GAAG;MACnCC,IAAA,EAAM,wBAAwBnC,eAAA,CAAgBoC,gBAAgB,EAAE;MAChEC,SAAA,EAAW9B,OAAA,CAAQyB,MAAM,CAACK;IAC5B;;AAGN","ignoreList":[]}

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

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

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

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

package/dist/widgets/RecentlyViewed/pinnedPreferences.js

@@ -0,0 +1,81 @@
+import { documentKey } from './recents.js';
+export function getPinnedItems({
+  value
+}) {
+  if (!value || typeof value !== 'object' || !('items' in value) || !Array.isArray(value.items)) {
+    return [];
+  }
+  const keys = new Set();
+  return value.items.filter(item => {
+    if (!item || typeof item !== 'object' || typeof item.collectionSlug !== 'string' || typeof item.id !== 'string' && typeof item.id !== 'number') {
+      return false;
+    }
+    const key = documentKey(item);
+    if (keys.has(key)) {
+      return false;
+    }
+    keys.add(key);
+    return true;
+  });
+}
+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 getPinnedItems({
+    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=pinnedPreferences.js.map

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

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

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

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

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

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

package/dist/widgets/RecentlyViewed/recents.js

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

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

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

package/dist/widgets/UploadDropzone/CollectionsField/index.d.ts

@@ -0,0 +1,4 @@
+import type { SelectFieldClientProps } from 'payload';
+import React from 'react';
+export declare const UploadDropzoneCollectionsField: React.FC<SelectFieldClientProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/widgets/UploadDropzone/CollectionsField/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/widgets/UploadDropzone/CollectionsField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAErD,OAAO,KAAkB,MAAM,OAAO,CAAA;AAMtC,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAmB3E,CAAA"}

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

@@ -0,0 +1,29 @@
+'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useMemo } from 'react';
+import { useAuth } from '../../../providers/Auth/index.js';
+import { useEntityVisibility } from '../../../providers/EntityVisibility/index.js';
+import { RecentlyViewedCollectionsField } from '../../RecentlyViewed/CollectionsField/index.js';
+export const UploadDropzoneCollectionsField = props => {
+  const {
+    permissions
+  } = useAuth();
+  const {
+    isEntityVisible
+  } = useEntityVisibility();
+  const field = useMemo(() => ({
+    ...props.field,
+    options: (props.field.options ?? []).filter(option => {
+      const collectionSlug = typeof option === 'string' ? option : option.value;
+      return isEntityVisible({
+        collectionSlug
+      }) && permissions?.collections?.[collectionSlug]?.create;
+    })
+  }), [isEntityVisible, permissions, props.field]);
+  return /*#__PURE__*/_jsx(RecentlyViewedCollectionsField, {
+    ...props,
+    field: field
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","useMemo","useAuth","useEntityVisibility","RecentlyViewedCollectionsField","UploadDropzoneCollectionsField","props","permissions","isEntityVisible","field","options","filter","option","collectionSlug","value","collections","create","_jsx"],"sources":["../../../../src/widgets/UploadDropzone/CollectionsField/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SelectFieldClientProps } from 'payload'\n\nimport React, { useMemo } from 'react'\n\nimport { useAuth } from '../../../providers/Auth/index.js'\nimport { useEntityVisibility } from '../../../providers/EntityVisibility/index.js'\nimport { RecentlyViewedCollectionsField } from '../../RecentlyViewed/CollectionsField/index.js'\n\nexport const UploadDropzoneCollectionsField: React.FC<SelectFieldClientProps> = (props) => {\n  const { permissions } = useAuth()\n  const { isEntityVisible } = useEntityVisibility()\n\n  const field = useMemo(\n    () => ({\n      ...props.field,\n      options: (props.field.options ?? []).filter((option) => {\n        const collectionSlug = typeof option === 'string' ? option : option.value\n\n        return (\n          isEntityVisible({ collectionSlug }) && permissions?.collections?.[collectionSlug]?.create\n        )\n      }),\n    }),\n    [isEntityVisible, permissions, props.field],\n  )\n\n  return <RecentlyViewedCollectionsField {...props} field={field} />\n}\n"],"mappings":"AAAA;;;AAIA,OAAOA,KAAA,IAASC,OAAO,QAAQ;AAE/B,SAASC,OAAO,QAAQ;AACxB,SAASC,mBAAmB,QAAQ;AACpC,SAASC,8BAA8B,QAAQ;AAE/C,OAAO,MAAMC,8BAAA,GAAoEC,KAAA;EAC/E,MAAM;IAAEC;EAAW,CAAE,GAAGL,OAAA;EACxB,MAAM;IAAEM;EAAe,CAAE,GAAGL,mBAAA;EAE5B,MAAMM,KAAA,GAAQR,OAAA,CACZ,OAAO;IACL,GAAGK,KAAA,CAAMG,KAAK;IACdC,OAAA,EAAS,CAACJ,KAAA,CAAMG,KAAK,CAACC,OAAO,IAAI,EAAE,EAAEC,MAAM,CAAEC,MAAA;MAC3C,MAAMC,cAAA,GAAiB,OAAOD,MAAA,KAAW,WAAWA,MAAA,GAASA,MAAA,CAAOE,KAAK;MAEzE,OACEN,eAAA,CAAgB;QAAEK;MAAe,MAAMN,WAAA,EAAaQ,WAAA,GAAcF,cAAA,CAAe,EAAEG,MAAA;IAEvF;EACF,IACA,CAACR,eAAA,EAAiBD,WAAA,EAAaD,KAAA,CAAMG,KAAK,CAAC;EAG7C,oBAAOQ,IAAA,CAACb,8BAAA;IAAgC,GAAGE,KAAK;IAAEG,KAAA,EAAOA;;AAC3D","ignoreList":[]}

package/dist/widgets/UploadDropzone/index.client.d.ts

@@ -1,7 +1,10 @@
 import React from 'react';
-import './index.css';
-export declare const UploadDropzoneWidgetClient: ({ collectionSlug, mimeTypes, }: {
-    collectionSlug: string;
-    mimeTypes?: string[];
-}) => React.JSX.Element;
+type Props = {
+    collections: Array<{
+        mimeTypes?: string[];
+        slug: string;
+    }>;
+};
+export declare function UploadDropzoneWidgetClient({ collections }: Props): React.JSX.Element;
+export {};
 //# sourceMappingURL=index.client.d.ts.map