@payloadcms/ui 4.0.0-internal.934870d → 4.0.0-internal.970009e

package/dist/widgets/Activity/index.css

@@ -0,0 +1,320 @@
+@layer payload-default {
+  .activity-widget,
+  .activity-widget__pin-picker {
+    --activity-text-secondary: color-mix(
+      in srgb,
+      var(--color-text-secondary) 75%,
+      var(--color-text)
+    );
+  }
+
+  .card.widget-card.activity-widget {
+    container-type: inline-size;
+    gap: var(--spacer-3);
+    height: auto;
+    max-height: none;
+    overflow: visible;
+    padding: 0;
+    border: 0;
+    border-radius: 0;
+    background: var(--color-bg);
+  }
+
+  .activity-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;
+  }
+
+  .activity-widget__toolbar,
+  .activity-widget__tabs {
+    display: flex;
+    align-items: center;
+  }
+
+  .activity-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));
+  }
+
+  .activity-widget__tabs {
+    gap: var(--spacer-1);
+    flex-wrap: wrap;
+  }
+
+  .activity-widget__tab {
+    min-height: var(--spacer-4);
+    padding-inline: var(--spacer-2);
+    border: 0;
+    border-radius: var(--radius-medium);
+    background: transparent;
+    color: var(--activity-text-secondary);
+    cursor: pointer;
+    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;
+  }
+
+  .activity-widget__tab[aria-pressed='true'] {
+    background: var(--color-bg-secondary);
+    color: var(--color-text);
+    font-weight: var(--text-body-medium-strong-font-weight);
+  }
+
+  .activity-widget__viewport {
+    /* Read by the client for pagination. Must equal columns * rows in every tier, except for single-row tabs below. */
+    --activity-page-size: 4;
+    --activity-columns: 2;
+    --activity-rows: 2;
+    /* Match the thumbnail, two text lines, padding, metadata gap, borders, and divider. */
+    --activity-row-height: max(
+      calc(var(--spacer-6) * 5),
+      calc(
+        var(--activity-thumbnail-height) +
+          (var(--text-body-medium-line-height) + var(--spacer-2-5)) * 2 + var(--spacer-1) +
+          var(--stroke-width-small) * 3
+      )
+    );
+    --activity-thumbnail-height: calc(var(--spacer-6) * 3.5 - var(--stroke-width-small) * 2);
+    --activity-content-height: calc(
+      var(--activity-row-height) * var(--activity-rows) + var(--spacer-3) *
+        (var(--activity-rows) - 1)
+    );
+    display: grid;
+    grid-template-columns: repeat(var(--activity-columns), minmax(0, 1fr));
+    gap: var(--spacer-3);
+    min-block-size: var(--activity-content-height);
+    position: relative;
+  }
+
+  /*
+   * A tab whose items all fit in one row only reserves one row. `data-item-count` is the tab total,
+   * not the current page, so paging never changes the height. The page size stays columns * 2,
+   * which still fits every item on one page.
+   */
+  .activity-widget__viewport:is(
+    [data-item-count='0'],
+    [data-item-count='1'],
+    [data-item-count='2']
+  ) {
+    --activity-rows: 1;
+  }
+
+  /*
+   * The server renders a full batch before the page size is known, so each tier hides the cards
+   * past its page size. Items 1-4 are visible in every tier.
+   */
+  .activity-widget__item:nth-child(n + 5) {
+    display: none;
+  }
+
+  .activity-widget__pagination[data-page-size] {
+    display: none;
+  }
+
+  .activity-widget__pagination[data-page-size='4'] {
+    display: flex;
+  }
+
+  .activity-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;
+  }
+
+  .activity-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);
+  }
+
+  .activity-widget__loading {
+    position: absolute;
+    inset: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    pointer-events: none;
+  }
+
+  .activity-widget__loading > span {
+    padding: var(--spacer-2);
+    background: var(--color-bg);
+  }
+
+  .activity-widget__loading:empty {
+    display: none;
+  }
+
+  .activity-widget__tab:focus-visible {
+    outline: var(--accessibility-outline);
+    outline-offset: var(--accessibility-outline-offset);
+  }
+
+  @container (min-width: 400px) {
+    .activity-widget__toolbar {
+      min-block-size: var(--spacer-4);
+    }
+  }
+
+  @container (min-width: 600px) {
+    .activity-widget__viewport {
+      --activity-page-size: 6;
+      --activity-columns: 3;
+    }
+
+    .activity-widget__viewport[data-item-count='3'] {
+      --activity-rows: 1;
+    }
+
+    .activity-widget__item:nth-child(n + 5) {
+      display: block;
+    }
+
+    .activity-widget__item:nth-child(n + 7) {
+      display: none;
+    }
+
+    .activity-widget__pagination[data-page-size] {
+      display: none;
+    }
+
+    .activity-widget__pagination[data-page-size='6'] {
+      display: flex;
+    }
+  }
+
+  /*
+   * From 800px the grid is a single row of columns at least 180px wide with 16px gaps, so N columns
+   * fit from a container width of 196N - 16px. Explicit tiers keep the column count known to CSS.
+   */
+  @container (min-width: 800px) {
+    .activity-widget__viewport {
+      --activity-page-size: 4;
+      --activity-columns: 4;
+      --activity-rows: 1;
+      --activity-row-height: calc(var(--spacer-6) * 5 + var(--spacer-4));
+    }
+
+    .activity-widget__item:nth-child(n + 5) {
+      display: none;
+    }
+
+    .activity-widget__pagination[data-page-size] {
+      display: none;
+    }
+
+    .activity-widget__pagination[data-page-size='4'] {
+      display: flex;
+    }
+  }
+
+  @container (min-width: 964px) {
+    .activity-widget__viewport {
+      --activity-page-size: 5;
+      --activity-columns: 5;
+    }
+
+    .activity-widget__item:nth-child(n + 5) {
+      display: block;
+    }
+
+    .activity-widget__item:nth-child(n + 6) {
+      display: none;
+    }
+
+    .activity-widget__pagination[data-page-size] {
+      display: none;
+    }
+
+    .activity-widget__pagination[data-page-size='5'] {
+      display: flex;
+    }
+  }
+
+  @container (min-width: 1160px) {
+    .activity-widget__viewport {
+      --activity-page-size: 6;
+      --activity-columns: 6;
+    }
+
+    .activity-widget__item:nth-child(n + 5) {
+      display: block;
+    }
+
+    .activity-widget__item:nth-child(n + 7) {
+      display: none;
+    }
+
+    .activity-widget__pagination[data-page-size] {
+      display: none;
+    }
+
+    .activity-widget__pagination[data-page-size='6'] {
+      display: flex;
+    }
+  }
+
+  @container (min-width: 1356px) {
+    .activity-widget__viewport {
+      --activity-page-size: 7;
+      --activity-columns: 7;
+    }
+
+    .activity-widget__item:nth-child(n + 5) {
+      display: block;
+    }
+
+    .activity-widget__item:nth-child(n + 8) {
+      display: none;
+    }
+
+    .activity-widget__pagination[data-page-size] {
+      display: none;
+    }
+
+    .activity-widget__pagination[data-page-size='7'] {
+      display: flex;
+    }
+  }
+
+  @container (min-width: 1552px) {
+    .activity-widget__viewport {
+      --activity-page-size: 8;
+      --activity-columns: 8;
+    }
+
+    .activity-widget__item:nth-child(n + 5) {
+      display: block;
+    }
+
+    .activity-widget__item:nth-child(n + 9) {
+      display: none;
+    }
+
+    .activity-widget__pagination[data-page-size] {
+      display: none;
+    }
+
+    .activity-widget__pagination[data-page-size='8'] {
+      display: flex;
+    }
+  }
+}

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

@@ -0,0 +1,13 @@
+import type { WidgetServerProps } from 'payload';
+import React from 'react';
+type ActivityWidgetData = {
+    excludedCollections?: string[];
+};
+/**
+ * @internal - may change or be removed without a major version bump
+ */
+export declare function ActivityWidget({ permissions, req, widgetData, }: WidgetServerProps<{
+    data?: ActivityWidgetData;
+}>): Promise<React.JSX.Element>;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/widgets/Activity/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAkB,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAGhE,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,KAAK,kBAAkB,GAAG;IACxB,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAA;CAC/B,CAAA;AAED;;GAEG;AACH,wBAAsB,cAAc,CAAC,EACnC,WAAW,EACX,GAAG,EACH,UAAU,GACX,EAAE,iBAAiB,CAAC;IAAE,IAAI,CAAC,EAAE,kBAAkB,CAAA;CAAE,CAAC,8BAqDlD"}

package/dist/widgets/Activity/index.js

@@ -0,0 +1,100 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { formatAdminURL, PREFERENCE_KEYS } from 'payload/shared';
+import React from 'react';
+// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary
+import { ActivityWidgetClient } from '../../exports/client/index.js';
+import { getVisibleEntities } from '../../utilities/getVisibleEntities.js';
+import { isNavEntityVisible } from '../../utilities/isNavEntityVisible.js';
+import { DOCUMENTS_BATCH_SIZE } from './utils/constants.js';
+import { getActivityWidgetDocs } from './utils/getActivityWidgetDocs.js';
+/**
+ * @internal - may change or be removed without a major version bump
+ */
+export async function ActivityWidget({
+  permissions,
+  req,
+  widgetData
+}) {
+  const {
+    i18n,
+    payload,
+    user
+  } = req;
+  if (!user) {
+    return null;
+  }
+  const excludedCollections = widgetData?.excludedCollections;
+  const visibleCollections = getVisibleEntities({
+    req
+  }).collections;
+  const pinnableCollections = payload.config.collections.filter(({
+    slug,
+    admin
+  }) => visibleCollections.includes(slug) && isNavEntityVisible({
+    adminGroup: admin.group,
+    entityPermissions: permissions?.collections?.[slug]
+  })).map(({
+    slug
+  }) => slug);
+  const [pinned, recents] = await Promise.all(['pinned', 'recents'].map(type => getInitialPage({
+    type,
+    excludedCollections,
+    req
+  })));
+  return /*#__PURE__*/_jsx(ActivityWidgetClient, {
+    excludedCollections: excludedCollections,
+    initialPages: {
+      pinned,
+      recents
+    },
+    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')
+    },
+    pinnableCollections: pinnableCollections,
+    pinsURL: formatAdminURL({
+      apiRoute: payload.config.routes.api,
+      path: `/payload-preferences/${PREFERENCE_KEYS.PINNED_DOCUMENTS}`,
+      serverURL: payload.config.serverURL
+    })
+  });
+}
+/** A failed initial load falls back to fetching on the client, which shows the retry state. */
+async function getInitialPage({
+  type,
+  excludedCollections,
+  req
+}) {
+  try {
+    return await getActivityWidgetDocs({
+      type,
+      excludedCollections,
+      limit: DOCUMENTS_BATCH_SIZE,
+      page: 1,
+      req
+    });
+  } catch (err) {
+    req.payload.logger.error({
+      err,
+      msg: `Failed to load ${type} dashboard documents`
+    });
+    return undefined;
+  }
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["formatAdminURL","PREFERENCE_KEYS","React","ActivityWidgetClient","getVisibleEntities","isNavEntityVisible","DOCUMENTS_BATCH_SIZE","getActivityWidgetDocs","ActivityWidget","permissions","req","widgetData","i18n","payload","user","excludedCollections","visibleCollections","collections","pinnableCollections","config","filter","slug","admin","includes","adminGroup","group","entityPermissions","map","pinned","recents","Promise","all","type","getInitialPage","_jsx","initialPages","labels","addPin","t","label","loadError","loading","next","pagination","pinnedEmpty","pinnedEmptyDescription","pinnedSaveError","previous","recentsEmpty","recentsEmptyDescription","removePin","retry","title","pinsURL","apiRoute","routes","api","path","PINNED_DOCUMENTS","serverURL","limit","page","err","logger","error","msg","undefined"],"sources":["../../../src/widgets/Activity/index.tsx"],"sourcesContent":["import type { PayloadRequest, WidgetServerProps } from 'payload'\n\nimport { formatAdminURL, PREFERENCE_KEYS } from 'payload/shared'\nimport React from 'react'\n\nimport type { ActivityDocumentsPage, ActivityDocumentType } from './utils/getActivityWidgetDocs.js'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary\nimport { ActivityWidgetClient } from '../../exports/client/index.js'\nimport { getVisibleEntities } from '../../utilities/getVisibleEntities.js'\nimport { isNavEntityVisible } from '../../utilities/isNavEntityVisible.js'\nimport { DOCUMENTS_BATCH_SIZE } from './utils/constants.js'\nimport { getActivityWidgetDocs } from './utils/getActivityWidgetDocs.js'\n\ntype ActivityWidgetData = {\n  excludedCollections?: string[]\n}\n\n/**\n * @internal - may change or be removed without a major version bump\n */\nexport async function ActivityWidget({\n  permissions,\n  req,\n  widgetData,\n}: WidgetServerProps<{ data?: ActivityWidgetData }>) {\n  const { i18n, payload, user } = req\n  if (!user) {\n    return null\n  }\n  const excludedCollections = widgetData?.excludedCollections\n  const visibleCollections = getVisibleEntities({ req }).collections\n  const pinnableCollections = payload.config.collections\n    .filter(\n      ({ slug, admin }) =>\n        visibleCollections.includes(slug) &&\n        isNavEntityVisible({\n          adminGroup: admin.group,\n          entityPermissions: permissions?.collections?.[slug],\n        }),\n    )\n    .map(({ slug }) => slug)\n  const [pinned, recents] = await Promise.all(\n    (['pinned', 'recents'] as const).map((type) =>\n      getInitialPage({ type, excludedCollections, req }),\n    ),\n  )\n\n  return (\n    <ActivityWidgetClient\n      excludedCollections={excludedCollections}\n      initialPages={{ pinned, recents }}\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      pinnableCollections={pinnableCollections}\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\n/** A failed initial load falls back to fetching on the client, which shows the retry state. */\nasync function getInitialPage({\n  type,\n  excludedCollections,\n  req,\n}: {\n  excludedCollections?: string[]\n  req: PayloadRequest\n  type: ActivityDocumentType\n}): Promise<ActivityDocumentsPage | undefined> {\n  try {\n    return await getActivityWidgetDocs({\n      type,\n      excludedCollections,\n      limit: DOCUMENTS_BATCH_SIZE,\n      page: 1,\n      req,\n    })\n  } catch (err) {\n    req.payload.logger.error({ err, msg: `Failed to load ${type} dashboard documents` })\n\n    return undefined\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/widgets/{RecentlyViewed/index.client.d.ts → Activity/types.d.ts}

@@ -1,10 +1,9 @@
-import React from 'react';
-import type { PinnedItem } from './recents.js';
-import './index.css';
-export type RecentDocument = {
+import type { DocumentReference } from './utils/documents.js';
+export type ActivityDocument = {
     dateLabel?: string;
     dateTime?: string;
     href: string;
+    isChanged?: boolean;
     isDraft?: boolean;
     statusLabel?: string;
     thumbnailURL?: string;
@@ -12,8 +11,8 @@ export type RecentDocument = {
     typeLabel: string;
     updatedAt?: string;
     viewedAt?: string;
-} & PinnedItem;
-type Labels = {
+} & DocumentReference;
+export type Labels = {
     addPin: string;
     loadError: string;
     loading: string;
@@ -31,10 +30,4 @@ type Labels = {
     retry: string;
     title: string;
 };
-export declare function RecentsAndPinnedClient({ excludedCollections, labels, pinsURL, }: {
-    excludedCollections?: string[];
-    labels: Labels;
-    pinsURL: string;
-}): React.JSX.Element;
-export {};
-//# sourceMappingURL=index.client.d.ts.map
+//# sourceMappingURL=types.d.ts.map

package/dist/widgets/Activity/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/widgets/Activity/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAE7D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,GAAG,iBAAiB,CAAA;AAErB,MAAM,MAAM,MAAM,GAAG;IACnB,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,sBAAsB,EAAE,MAAM,CAAA;IAC9B,eAAe,EAAE,MAAM,CAAA;IACvB,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,uBAAuB,EAAE,MAAM,CAAA;IAC/B,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd,CAAA"}

package/dist/widgets/Activity/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/widgets/Activity/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/widgets/Activity/types.ts"],"sourcesContent":["import type { DocumentReference } from './utils/documents.js'\n\nexport type ActivityDocument = {\n  dateLabel?: string\n  dateTime?: string\n  href: string\n  isChanged?: boolean\n  isDraft?: boolean\n  statusLabel?: string\n  thumbnailURL?: string\n  title: string\n  typeLabel: string\n  updatedAt?: string\n  viewedAt?: string\n} & DocumentReference\n\nexport type Labels = {\n  addPin: string\n  loadError: string\n  loading: string\n  next: string\n  pagination: string\n  pinned: string\n  pinnedEmpty: string\n  pinnedEmptyDescription: string\n  pinnedSaveError: string\n  previous: string\n  recents: string\n  recentsEmpty: string\n  recentsEmptyDescription: string\n  removePin: string\n  retry: string\n  title: string\n}\n"],"mappings":"AAgBA","ignoreList":[]}

package/dist/widgets/Activity/utils/cache.d.ts

@@ -0,0 +1,33 @@
+import type { ActivityDocument } from '../types.js';
+import type { ActivityDocumentsPage } from './getActivityWidgetDocs.js';
+/** Loaded documents of one tab, keyed by batch index. */
+export type DocumentCache = {
+    batches: Record<number, ActivityDocument[]>;
+    totalDocs: number;
+};
+export declare function createDocumentCache({ page, }: {
+    page?: ActivityDocumentsPage;
+}): DocumentCache | undefined;
+export declare function mergeDocumentPages({ cache, isReplacing, pages, }: {
+    cache?: DocumentCache;
+    isReplacing: boolean;
+    pages: ActivityDocumentsPage[];
+}): DocumentCache;
+/**
+ * Pages are aligned to the page size, so a page change after a resize keeps `offset` visible.
+ * `items` is `undefined` until every batch the page touches has loaded.
+ */
+export declare function getDocumentPage({ cache, hasPinPlaceholder, offset, pageSize, }: {
+    cache?: DocumentCache;
+    hasPinPlaceholder: boolean;
+    offset: number;
+    pageSize: number;
+}): {
+    currentPage: number;
+    items: ActivityDocument[];
+    missingBatches: number[];
+    start: number;
+    totalDocs: number;
+    totalPages: number;
+};
+//# sourceMappingURL=cache.d.ts.map

package/dist/widgets/Activity/utils/cache.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cache.d.ts","sourceRoot":"","sources":["../../../../src/widgets/Activity/utils/cache.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AACnD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAIvE,yDAAyD;AACzD,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,EAAE,CAAC,CAAA;IAC3C,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,GACL,EAAE;IACD,IAAI,CAAC,EAAE,qBAAqB,CAAA;CAC7B,GAAG,aAAa,GAAG,SAAS,CAO5B;AAED,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,WAAW,EACX,KAAK,GACN,EAAE;IACD,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,WAAW,EAAE,OAAO,CAAA;IACpB,KAAK,EAAE,qBAAqB,EAAE,CAAA;CAC/B,GAAG,aAAa,CAWhB;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,iBAAiB,EACjB,MAAM,EACN,QAAQ,GACT,EAAE;IACD,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,iBAAiB,EAAE,OAAO,CAAA;IAC1B,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;CACjB;;;;;;;EAmCA"}

package/dist/widgets/Activity/utils/cache.js

@@ -0,0 +1,72 @@
+import { DOCUMENTS_BATCH_SIZE } from './constants.js';
+export function createDocumentCache({
+  page
+}) {
+  return page && {
+    batches: {
+      [page.page - 1]: page.items
+    },
+    totalDocs: page.totalDocs
+  };
+}
+export function mergeDocumentPages({
+  cache,
+  isReplacing,
+  pages
+}) {
+  const totalDocs = pages[pages.length - 1].totalDocs;
+  // Cached batches are only valid for the total they were loaded with.
+  const batches = isReplacing || cache?.totalDocs !== totalDocs ? {} : {
+    ...cache.batches
+  };
+  for (const page of pages) {
+    // The server clamps out-of-range pages to the last one and reports the page it returned.
+    batches[page.page - 1] = page.items;
+  }
+  return {
+    batches,
+    totalDocs
+  };
+}
+/**
+ * Pages are aligned to the page size, so a page change after a resize keeps `offset` visible.
+ * `items` is `undefined` until every batch the page touches has loaded.
+ */
+export function getDocumentPage({
+  cache,
+  hasPinPlaceholder,
+  offset,
+  pageSize
+}) {
+  const totalDocs = cache?.totalDocs ?? 0;
+  const totalPages = Math.max(1, Math.ceil((totalDocs + Number(hasPinPlaceholder)) / pageSize));
+  const currentPage = Math.min(Math.floor(offset / pageSize) + 1, totalPages);
+  const start = (currentPage - 1) * pageSize;
+  const firstBatch = Math.floor(start / DOCUMENTS_BATCH_SIZE);
+  const lastBatch = cache ? Math.min(Math.floor((start + pageSize - 1) / DOCUMENTS_BATCH_SIZE), Math.max(0, Math.ceil(totalDocs / DOCUMENTS_BATCH_SIZE) - 1)) : firstBatch;
+  const missingBatches = [];
+  for (let batch = firstBatch; batch <= lastBatch; batch++) {
+    if (!cache?.batches[batch]) {
+      missingBatches.push(batch);
+    }
+  }
+  let items;
+  if (cache && !missingBatches.length) {
+    items = [];
+    for (let index = start; index < Math.min(start + pageSize, totalDocs); index++) {
+      const item = cache.batches[Math.floor(index / DOCUMENTS_BATCH_SIZE)]?.[index % DOCUMENTS_BATCH_SIZE];
+      if (item) {
+        items.push(item);
+      }
+    }
+  }
+  return {
+    currentPage,
+    items,
+    missingBatches,
+    start,
+    totalDocs,
+    totalPages
+  };
+}
+//# sourceMappingURL=cache.js.map

package/dist/widgets/Activity/utils/cache.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cache.js","names":["DOCUMENTS_BATCH_SIZE","createDocumentCache","page","batches","items","totalDocs","mergeDocumentPages","cache","isReplacing","pages","length","getDocumentPage","hasPinPlaceholder","offset","pageSize","totalPages","Math","max","ceil","Number","currentPage","min","floor","start","firstBatch","lastBatch","missingBatches","batch","push","index","item"],"sources":["../../../../src/widgets/Activity/utils/cache.ts"],"sourcesContent":["import type { ActivityDocument } from '../types.js'\nimport type { ActivityDocumentsPage } from './getActivityWidgetDocs.js'\n\nimport { DOCUMENTS_BATCH_SIZE } from './constants.js'\n\n/** Loaded documents of one tab, keyed by batch index. */\nexport type DocumentCache = {\n  batches: Record<number, ActivityDocument[]>\n  totalDocs: number\n}\n\nexport function createDocumentCache({\n  page,\n}: {\n  page?: ActivityDocumentsPage\n}): DocumentCache | undefined {\n  return (\n    page && {\n      batches: { [page.page - 1]: page.items },\n      totalDocs: page.totalDocs,\n    }\n  )\n}\n\nexport function mergeDocumentPages({\n  cache,\n  isReplacing,\n  pages,\n}: {\n  cache?: DocumentCache\n  isReplacing: boolean\n  pages: ActivityDocumentsPage[]\n}): DocumentCache {\n  const totalDocs = pages[pages.length - 1].totalDocs\n  // Cached batches are only valid for the total they were loaded with.\n  const batches = isReplacing || cache?.totalDocs !== totalDocs ? {} : { ...cache.batches }\n\n  for (const page of pages) {\n    // The server clamps out-of-range pages to the last one and reports the page it returned.\n    batches[page.page - 1] = page.items\n  }\n\n  return { batches, totalDocs }\n}\n\n/**\n * Pages are aligned to the page size, so a page change after a resize keeps `offset` visible.\n * `items` is `undefined` until every batch the page touches has loaded.\n */\nexport function getDocumentPage({\n  cache,\n  hasPinPlaceholder,\n  offset,\n  pageSize,\n}: {\n  cache?: DocumentCache\n  hasPinPlaceholder: boolean\n  offset: number\n  pageSize: number\n}) {\n  const totalDocs = cache?.totalDocs ?? 0\n  const totalPages = Math.max(1, Math.ceil((totalDocs + Number(hasPinPlaceholder)) / pageSize))\n  const currentPage = Math.min(Math.floor(offset / pageSize) + 1, totalPages)\n  const start = (currentPage - 1) * pageSize\n  const firstBatch = Math.floor(start / DOCUMENTS_BATCH_SIZE)\n  const lastBatch = cache\n    ? Math.min(\n        Math.floor((start + pageSize - 1) / DOCUMENTS_BATCH_SIZE),\n        Math.max(0, Math.ceil(totalDocs / DOCUMENTS_BATCH_SIZE) - 1),\n      )\n    : firstBatch\n  const missingBatches: number[] = []\n\n  for (let batch = firstBatch; batch <= lastBatch; batch++) {\n    if (!cache?.batches[batch]) {\n      missingBatches.push(batch)\n    }\n  }\n\n  let items: ActivityDocument[] | undefined\n\n  if (cache && !missingBatches.length) {\n    items = []\n    for (let index = start; index < Math.min(start + pageSize, totalDocs); index++) {\n      const item =\n        cache.batches[Math.floor(index / DOCUMENTS_BATCH_SIZE)]?.[index % DOCUMENTS_BATCH_SIZE]\n\n      if (item) {\n        items.push(item)\n      }\n    }\n  }\n\n  return { currentPage, items, missingBatches, start, totalDocs, totalPages }\n}\n"],"mappings":"AAGA,SAASA,oBAAoB,QAAQ;AAQrC,OAAO,SAASC,oBAAoB;EAClCC;AAAI,CAGL;EACC,OACEA,IAAA,IAAQ;IACNC,OAAA,EAAS;MAAE,CAACD,IAAA,CAAKA,IAAI,GAAG,IAAIA,IAAA,CAAKE;IAAM;IACvCC,SAAA,EAAWH,IAAA,CAAKG;EAClB;AAEJ;AAEA,OAAO,SAASC,mBAAmB;EACjCC,KAAK;EACLC,WAAW;EACXC;AAAK,CAKN;EACC,MAAMJ,SAAA,GAAYI,KAAK,CAACA,KAAA,CAAMC,MAAM,GAAG,EAAE,CAACL,SAAS;EACnD;EACA,MAAMF,OAAA,GAAUK,WAAA,IAAeD,KAAA,EAAOF,SAAA,KAAcA,SAAA,GAAY,CAAC,IAAI;IAAE,GAAGE,KAAA,CAAMJ;EAAQ;EAExF,KAAK,MAAMD,IAAA,IAAQO,KAAA,EAAO;IACxB;IACAN,OAAO,CAACD,IAAA,CAAKA,IAAI,GAAG,EAAE,GAAGA,IAAA,CAAKE,KAAK;EACrC;EAEA,OAAO;IAAED,OAAA;IAASE;EAAU;AAC9B;AAEA;;;;AAIA,OAAO,SAASM,gBAAgB;EAC9BJ,KAAK;EACLK,iBAAiB;EACjBC,MAAM;EACNC;AAAQ,CAMT;EACC,MAAMT,SAAA,GAAYE,KAAA,EAAOF,SAAA,IAAa;EACtC,MAAMU,UAAA,GAAaC,IAAA,CAAKC,GAAG,CAAC,GAAGD,IAAA,CAAKE,IAAI,CAAC,CAACb,SAAA,GAAYc,MAAA,CAAOP,iBAAA,CAAiB,IAAKE,QAAA;EACnF,MAAMM,WAAA,GAAcJ,IAAA,CAAKK,GAAG,CAACL,IAAA,CAAKM,KAAK,CAACT,MAAA,GAASC,QAAA,IAAY,GAAGC,UAAA;EAChE,MAAMQ,KAAA,GAAQ,CAACH,WAAA,GAAc,KAAKN,QAAA;EAClC,MAAMU,UAAA,GAAaR,IAAA,CAAKM,KAAK,CAACC,KAAA,GAAQvB,oBAAA;EACtC,MAAMyB,SAAA,GAAYlB,KAAA,GACdS,IAAA,CAAKK,GAAG,CACNL,IAAA,CAAKM,KAAK,CAAC,CAACC,KAAA,GAAQT,QAAA,GAAW,KAAKd,oBAAA,GACpCgB,IAAA,CAAKC,GAAG,CAAC,GAAGD,IAAA,CAAKE,IAAI,CAACb,SAAA,GAAYL,oBAAA,IAAwB,MAE5DwB,UAAA;EACJ,MAAME,cAAA,GAA2B,EAAE;EAEnC,KAAK,IAAIC,KAAA,GAAQH,UAAA,EAAYG,KAAA,IAASF,SAAA,EAAWE,KAAA,IAAS;IACxD,IAAI,CAACpB,KAAA,EAAOJ,OAAO,CAACwB,KAAA,CAAM,EAAE;MAC1BD,cAAA,CAAeE,IAAI,CAACD,KAAA;IACtB;EACF;EAEA,IAAIvB,KAAA;EAEJ,IAAIG,KAAA,IAAS,CAACmB,cAAA,CAAehB,MAAM,EAAE;IACnCN,KAAA,GAAQ,EAAE;IACV,KAAK,IAAIyB,KAAA,GAAQN,KAAA,EAAOM,KAAA,GAAQb,IAAA,CAAKK,GAAG,CAACE,KAAA,GAAQT,QAAA,EAAUT,SAAA,GAAYwB,KAAA,IAAS;MAC9E,MAAMC,IAAA,GACJvB,KAAA,CAAMJ,OAAO,CAACa,IAAA,CAAKM,KAAK,CAACO,KAAA,GAAQ7B,oBAAA,EAAsB,GAAG6B,KAAA,GAAQ7B,oBAAA,CAAqB;MAEzF,IAAI8B,IAAA,EAAM;QACR1B,KAAA,CAAMwB,IAAI,CAACE,IAAA;MACb;IACF;EACF;EAEA,OAAO;IAAEV,WAAA;IAAahB,KAAA;IAAOsB,cAAA;IAAgBH,KAAA;IAAOlB,SAAA;IAAWU;EAAW;AAC5E","ignoreList":[]}

package/dist/widgets/Activity/utils/constants.d.ts

@@ -0,0 +1,5 @@
+/** Every page size the widget's CSS tiers can produce. Keep in sync with `--activity-page-size`. */
+export declare const PAGE_SIZES: readonly [4, 5, 6, 7, 8];
+/** Documents are fetched in fixed batches that fill the largest page. */
+export declare const DOCUMENTS_BATCH_SIZE = 8;
+//# sourceMappingURL=constants.d.ts.map

package/dist/widgets/Activity/utils/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/widgets/Activity/utils/constants.ts"],"names":[],"mappings":"AAAA,oGAAoG;AACpG,eAAO,MAAM,UAAU,YAAI,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAU,CAAA;AAClD,yEAAyE;AACzE,eAAO,MAAM,oBAAoB,IAAI,CAAA"}

package/dist/widgets/Activity/utils/constants.js

@@ -0,0 +1,4 @@
+/** Every page size the widget's CSS tiers can produce. Keep in sync with `--activity-page-size`. */export const PAGE_SIZES = [4, 5, 6, 7, 8];
+/** Documents are fetched in fixed batches that fill the largest page. */
+export const DOCUMENTS_BATCH_SIZE = 8;
+//# sourceMappingURL=constants.js.map

package/dist/widgets/Activity/utils/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":["PAGE_SIZES","DOCUMENTS_BATCH_SIZE"],"sources":["../../../../src/widgets/Activity/utils/constants.ts"],"sourcesContent":["/** Every page size the widget's CSS tiers can produce. Keep in sync with `--activity-page-size`. */\nexport const PAGE_SIZES = [4, 5, 6, 7, 8] as const\n/** Documents are fetched in fixed batches that fill the largest page. */\nexport const DOCUMENTS_BATCH_SIZE = 8\n"],"mappings":"AAAA,oGACA,OAAO,MAAMA,UAAA,GAAa,CAAC,GAAG,GAAG,GAAG,GAAG,EAAE;AACzC;AACA,OAAO,MAAMC,oBAAA,GAAuB","ignoreList":[]}

package/dist/widgets/Activity/utils/documents.d.ts

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

package/dist/widgets/Activity/utils/documents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"documents.d.ts","sourceRoot":"","sources":["../../../../src/widgets/Activity/utils/documents.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAA;AAE9C,eAAO,MAAM,WAAW,2BAA4B,iBAAiB,KAAG,MACrC,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;AAED,wBAAgB,qBAAqB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,OAAO,CAAA;CAAE,GAAG,iBAAiB,EAAE,CAuBxF"}