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

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

@@ -0,0 +1,80 @@
+import { createDocumentCache, mergeDocumentPages } from './cache.js';
+import { documentKey } from './documents.js';
+export function createDocumentState({
+  initialPage
+}) {
+  return {
+    cache: createDocumentCache({
+      page: initialPage
+    }),
+    initialPage,
+    isStale: false,
+    offset: 0,
+    revision: 0,
+    status: 'idle'
+  };
+}
+export function documentReducer(state, action) {
+  switch (action.type) {
+    case 'receive':
+      return {
+        ...state,
+        cache: mergeDocumentPages({
+          cache: state.cache,
+          isReplacing: state.isStale,
+          pages: action.pages
+        }),
+        isStale: false,
+        offset: action.offset,
+        status: 'idle'
+      };
+    case 'refresh':
+      return {
+        ...state,
+        isStale: true,
+        revision: state.revision + 1,
+        status: 'idle'
+      };
+    case 'remove':
+      {
+        if (!state.cache) {
+          return state;
+        }
+        const key = documentKey(action.document);
+        return {
+          ...state,
+          cache: {
+            batches: Object.fromEntries(Object.entries(state.cache.batches).map(([batch, items]) => [batch, items.filter(item => documentKey(item) !== key)])),
+            totalDocs: Math.max(0, state.cache.totalDocs - 1)
+          }
+        };
+      }
+    case 'reset':
+      return createDocumentState({
+        initialPage: action.initialPage
+      });
+    case 'restore':
+      return {
+        ...state,
+        cache: action.cache
+      };
+    case 'retry':
+      return {
+        ...state,
+        revision: state.revision + 1,
+        status: 'idle'
+      };
+    case 'show':
+      return state.offset === action.offset && state.status === 'idle' ? state : {
+        ...state,
+        offset: action.offset,
+        status: 'idle'
+      };
+    case 'status':
+      return {
+        ...state,
+        status: action.status
+      };
+  }
+}
+//# sourceMappingURL=state.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","names":["createDocumentCache","mergeDocumentPages","documentKey","createDocumentState","initialPage","cache","page","isStale","offset","revision","status","documentReducer","state","action","type","isReplacing","pages","key","document","batches","Object","fromEntries","entries","map","batch","items","filter","item","totalDocs","Math","max"],"sources":["../../../../src/widgets/Activity/utils/state.ts"],"sourcesContent":["import type { DocumentCache } from './cache.js'\nimport type { DocumentReference } from './documents.js'\nimport type { ActivityDocumentsPage } from './getActivityWidgetDocs.js'\n\nimport { createDocumentCache, mergeDocumentPages } from './cache.js'\nimport { documentKey } from './documents.js'\n\nexport type DocumentState = {\n  cache?: DocumentCache\n  initialPage?: ActivityDocumentsPage\n  /** Set after a pin change, so cached batches are bypassed until a reload succeeds. */\n  isStale: boolean\n  /** Offset of the page currently shown. It only moves once the target page has loaded. */\n  offset: number\n  /** Bumped to request a reload even when no batch is missing. */\n  revision: number\n  status: 'delayed' | 'error' | 'idle' | 'loading'\n}\n\ntype Action =\n  | { cache?: DocumentCache; type: 'restore' }\n  | { document: DocumentReference; type: 'remove' }\n  | { initialPage?: ActivityDocumentsPage; type: 'reset' }\n  | { offset: number; pages: ActivityDocumentsPage[]; type: 'receive' }\n  | { offset: number; type: 'show' }\n  | { status: DocumentState['status']; type: 'status' }\n  | { type: 'refresh' }\n  | { type: 'retry' }\n\nexport function createDocumentState({\n  initialPage,\n}: {\n  initialPage?: ActivityDocumentsPage\n}): DocumentState {\n  return {\n    cache: createDocumentCache({ page: initialPage }),\n    initialPage,\n    isStale: false,\n    offset: 0,\n    revision: 0,\n    status: 'idle',\n  }\n}\n\nexport function documentReducer(state: DocumentState, action: Action): DocumentState {\n  switch (action.type) {\n    case 'receive':\n      return {\n        ...state,\n        cache: mergeDocumentPages({\n          cache: state.cache,\n          isReplacing: state.isStale,\n          pages: action.pages,\n        }),\n        isStale: false,\n        offset: action.offset,\n        status: 'idle',\n      }\n    case 'refresh':\n      return {\n        ...state,\n        isStale: true,\n        revision: state.revision + 1,\n        status: 'idle',\n      }\n    case 'remove': {\n      if (!state.cache) {\n        return state\n      }\n\n      const key = documentKey(action.document)\n\n      return {\n        ...state,\n        cache: {\n          batches: Object.fromEntries(\n            Object.entries(state.cache.batches).map(([batch, items]) => [\n              batch,\n              items.filter((item) => documentKey(item) !== key),\n            ]),\n          ),\n          totalDocs: Math.max(0, state.cache.totalDocs - 1),\n        },\n      }\n    }\n    case 'reset':\n      return createDocumentState({ initialPage: action.initialPage })\n    case 'restore':\n      return { ...state, cache: action.cache }\n    case 'retry':\n      return { ...state, revision: state.revision + 1, status: 'idle' }\n    case 'show':\n      return state.offset === action.offset && state.status === 'idle'\n        ? state\n        : { ...state, offset: action.offset, status: 'idle' }\n    case 'status':\n      return { ...state, status: action.status }\n  }\n}\n"],"mappings":"AAIA,SAASA,mBAAmB,EAAEC,kBAAkB,QAAQ;AACxD,SAASC,WAAW,QAAQ;AAwB5B,OAAO,SAASC,oBAAoB;EAClCC;AAAW,CAGZ;EACC,OAAO;IACLC,KAAA,EAAOL,mBAAA,CAAoB;MAAEM,IAAA,EAAMF;IAAY;IAC/CA,WAAA;IACAG,OAAA,EAAS;IACTC,MAAA,EAAQ;IACRC,QAAA,EAAU;IACVC,MAAA,EAAQ;EACV;AACF;AAEA,OAAO,SAASC,gBAAgBC,KAAoB,EAAEC,MAAc;EAClE,QAAQA,MAAA,CAAOC,IAAI;IACjB,KAAK;MACH,OAAO;QACL,GAAGF,KAAK;QACRP,KAAA,EAAOJ,kBAAA,CAAmB;UACxBI,KAAA,EAAOO,KAAA,CAAMP,KAAK;UAClBU,WAAA,EAAaH,KAAA,CAAML,OAAO;UAC1BS,KAAA,EAAOH,MAAA,CAAOG;QAChB;QACAT,OAAA,EAAS;QACTC,MAAA,EAAQK,MAAA,CAAOL,MAAM;QACrBE,MAAA,EAAQ;MACV;IACF,KAAK;MACH,OAAO;QACL,GAAGE,KAAK;QACRL,OAAA,EAAS;QACTE,QAAA,EAAUG,KAAA,CAAMH,QAAQ,GAAG;QAC3BC,MAAA,EAAQ;MACV;IACF,KAAK;MAAU;QACb,IAAI,CAACE,KAAA,CAAMP,KAAK,EAAE;UAChB,OAAOO,KAAA;QACT;QAEA,MAAMK,GAAA,GAAMf,WAAA,CAAYW,MAAA,CAAOK,QAAQ;QAEvC,OAAO;UACL,GAAGN,KAAK;UACRP,KAAA,EAAO;YACLc,OAAA,EAASC,MAAA,CAAOC,WAAW,CACzBD,MAAA,CAAOE,OAAO,CAACV,KAAA,CAAMP,KAAK,CAACc,OAAO,EAAEI,GAAG,CAAC,CAAC,CAACC,KAAA,EAAOC,KAAA,CAAM,KAAK,CAC1DD,KAAA,EACAC,KAAA,CAAMC,MAAM,CAAEC,IAAA,IAASzB,WAAA,CAAYyB,IAAA,MAAUV,GAAA,EAC9C;YAEHW,SAAA,EAAWC,IAAA,CAAKC,GAAG,CAAC,GAAGlB,KAAA,CAAMP,KAAK,CAACuB,SAAS,GAAG;UACjD;QACF;MACF;IACA,KAAK;MACH,OAAOzB,mBAAA,CAAoB;QAAEC,WAAA,EAAaS,MAAA,CAAOT;MAAY;IAC/D,KAAK;MACH,OAAO;QAAE,GAAGQ,KAAK;QAAEP,KAAA,EAAOQ,MAAA,CAAOR;MAAM;IACzC,KAAK;MACH,OAAO;QAAE,GAAGO,KAAK;QAAEH,QAAA,EAAUG,KAAA,CAAMH,QAAQ,GAAG;QAAGC,MAAA,EAAQ;MAAO;IAClE,KAAK;MACH,OAAOE,KAAA,CAAMJ,MAAM,KAAKK,MAAA,CAAOL,MAAM,IAAII,KAAA,CAAMF,MAAM,KAAK,SACtDE,KAAA,GACA;QAAE,GAAGA,KAAK;QAAEJ,MAAA,EAAQK,MAAA,CAAOL,MAAM;QAAEE,MAAA,EAAQ;MAAO;IACxD,KAAK;MACH,OAAO;QAAE,GAAGE,KAAK;QAAEF,MAAA,EAAQG,MAAA,CAAOH;MAAO;EAC7C;AACF","ignoreList":[]}

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

@@ -0,0 +1,35 @@
+import type { DocumentReference } from './documents.js';
+import type { ActivityDocumentsPage, ActivityDocumentType } from './getActivityWidgetDocs.js';
+/**
+ * Loads the batches the page at `offset` needs. The current page stays visible while the target
+ * page loads, and loading feedback only appears after a short delay.
+ */
+export declare function useActivityDocuments({ type, excludedCollections, hasPinPlaceholder, initialPage, isActive, isPaused, offset, pageSize, }: {
+    excludedCollections?: string[];
+    hasPinPlaceholder?: boolean;
+    initialPage?: ActivityDocumentsPage;
+    isActive: boolean;
+    isPaused?: boolean;
+    offset: number;
+    pageSize: number;
+    type: ActivityDocumentType;
+}): {
+    currentPage: number;
+    items: import("../types.js").ActivityDocument[];
+    missingBatches: number[];
+    start: number;
+    totalDocs: number;
+    totalPages: number;
+    hasLoadError: boolean;
+    isBusy: boolean;
+    /** Reloads the tab from the server, bypassing cached batches until the reload succeeds. */
+    refresh: () => void;
+    /** Removes a document optimistically and returns a function that restores it. */
+    removeDocument: ({ document }: {
+        document: DocumentReference;
+    }) => () => void;
+    retry: () => void;
+    shouldShowLoading: boolean;
+};
+export type DocumentsController = ReturnType<typeof useActivityDocuments>;
+//# sourceMappingURL=useActivityDocuments.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useActivityDocuments.d.ts","sourceRoot":"","sources":["../../../../src/widgets/Activity/utils/useActivityDocuments.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,KAAK,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAS7F;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,mBAAmB,EACnB,iBAAyB,EACzB,WAAW,EACX,QAAQ,EACR,QAAgB,EAChB,MAAM,EACN,QAAQ,GACT,EAAE;IACD,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,WAAW,CAAC,EAAE,qBAAqB,CAAA;IACnC,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,EAAE,oBAAoB,CAAA;CAC3B;;;;;;;;;IA0GG,2FAA2F;;IAE3F,iFAAiF;mCAClD;QAAE,QAAQ,EAAE,iBAAiB,CAAA;KAAE;;;EASjE;AAED,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAA"}

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

@@ -0,0 +1,141 @@
+import { useEffect, useMemo, useReducer } from 'react';
+import { useServerFunctions } from '../../../providers/ServerFunctions/index.js';
+import { getDocumentPage } from './cache.js';
+import { DOCUMENTS_BATCH_SIZE } from './constants.js';
+import { createDocumentState, documentReducer } from './state.js';
+const LOADING_FEEDBACK_DELAY_MS = 180;
+/**
+ * Loads the batches the page at `offset` needs. The current page stays visible while the target
+ * page loads, and loading feedback only appears after a short delay.
+ */
+export function useActivityDocuments({
+  type,
+  excludedCollections,
+  hasPinPlaceholder = false,
+  initialPage,
+  isActive,
+  isPaused = false,
+  offset,
+  pageSize
+}) {
+  const {
+    serverFunction
+  } = useServerFunctions();
+  const [state, dispatch] = useReducer(documentReducer, {
+    initialPage
+  }, createDocumentState);
+  // A server refresh replaces the documents and supersedes requests for the previous data.
+  if (state.initialPage !== initialPage) {
+    dispatch({
+      type: 'reset',
+      initialPage
+    });
+  }
+  const {
+    missingBatches,
+    targetPage
+  } = useMemo(() => {
+    const targetPage = getDocumentPage({
+      cache: state.cache,
+      hasPinPlaceholder,
+      offset,
+      pageSize
+    });
+    const missingBatches = state.isStale ? getDocumentPage({
+      cache: state.cache && {
+        ...state.cache,
+        batches: {}
+      },
+      hasPinPlaceholder,
+      offset,
+      pageSize
+    }).missingBatches : targetPage.missingBatches;
+    // A stale placeholder-only page still needs the server's updated total.
+    return {
+      missingBatches: state.isStale && !missingBatches.length ? [Math.floor(targetPage.start / DOCUMENTS_BATCH_SIZE)] : missingBatches,
+      targetPage
+    };
+  }, [hasPinPlaceholder, offset, pageSize, state.cache, state.isStale]);
+  const isBusy = missingBatches.length > 0;
+  const page = isBusy ? getDocumentPage({
+    cache: state.cache,
+    hasPinPlaceholder,
+    offset: state.offset,
+    pageSize
+  }) : targetPage;
+  useEffect(() => {
+    if (!isActive || isPaused) {
+      return;
+    }
+    if (!missingBatches.length) {
+      dispatch({
+        type: 'show',
+        offset
+      });
+      return;
+    }
+    let isCurrent = true;
+    dispatch({
+      type: 'status',
+      status: 'loading'
+    });
+    const timeout = setTimeout(() => dispatch({
+      type: 'status',
+      status: 'delayed'
+    }), LOADING_FEEDBACK_DELAY_MS);
+    void Promise.all(missingBatches.map(batch => serverFunction({
+      name: 'get-activity-widget-docs',
+      args: {
+        type,
+        excludedCollections,
+        limit: DOCUMENTS_BATCH_SIZE,
+        page: batch + 1
+      }
+    }))).then(pages => {
+      if (isCurrent) {
+        dispatch({
+          type: 'receive',
+          offset,
+          pages
+        });
+      }
+    }).catch(() => {
+      if (isCurrent) {
+        dispatch({
+          type: 'status',
+          status: 'error'
+        });
+      }
+    }).finally(() => clearTimeout(timeout));
+    return () => {
+      isCurrent = false;
+      clearTimeout(timeout);
+    };
+  }, [excludedCollections, initialPage, isActive, isPaused, missingBatches, offset, serverFunction, state.revision, type]);
+  return {
+    ...page,
+    hasLoadError: isBusy && state.status === 'error',
+    isBusy,
+    /** Reloads the tab from the server, bypassing cached batches until the reload succeeds. */refresh: () => dispatch({
+      type: 'refresh'
+    }),
+    /** Removes a document optimistically and returns a function that restores it. */removeDocument: ({
+      document
+    }) => {
+      const cache = state.cache;
+      dispatch({
+        type: 'remove',
+        document
+      });
+      return () => dispatch({
+        type: 'restore',
+        cache
+      });
+    },
+    retry: () => dispatch({
+      type: 'retry'
+    }),
+    shouldShowLoading: isBusy && state.status === 'delayed'
+  };
+}
+//# sourceMappingURL=useActivityDocuments.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useActivityDocuments.js","names":["useEffect","useMemo","useReducer","useServerFunctions","getDocumentPage","DOCUMENTS_BATCH_SIZE","createDocumentState","documentReducer","LOADING_FEEDBACK_DELAY_MS","useActivityDocuments","type","excludedCollections","hasPinPlaceholder","initialPage","isActive","isPaused","offset","pageSize","serverFunction","state","dispatch","missingBatches","targetPage","cache","isStale","batches","length","Math","floor","start","isBusy","page","isCurrent","status","timeout","setTimeout","Promise","all","map","batch","name","args","limit","then","pages","catch","finally","clearTimeout","revision","hasLoadError","refresh","removeDocument","document","retry","shouldShowLoading"],"sources":["../../../../src/widgets/Activity/utils/useActivityDocuments.ts"],"sourcesContent":["import { useEffect, useMemo, useReducer } from 'react'\n\nimport type { DocumentReference } from './documents.js'\nimport type { ActivityDocumentsPage, ActivityDocumentType } from './getActivityWidgetDocs.js'\n\nimport { useServerFunctions } from '../../../providers/ServerFunctions/index.js'\nimport { getDocumentPage } from './cache.js'\nimport { DOCUMENTS_BATCH_SIZE } from './constants.js'\nimport { createDocumentState, documentReducer } from './state.js'\n\nconst LOADING_FEEDBACK_DELAY_MS = 180\n\n/**\n * Loads the batches the page at `offset` needs. The current page stays visible while the target\n * page loads, and loading feedback only appears after a short delay.\n */\nexport function useActivityDocuments({\n  type,\n  excludedCollections,\n  hasPinPlaceholder = false,\n  initialPage,\n  isActive,\n  isPaused = false,\n  offset,\n  pageSize,\n}: {\n  excludedCollections?: string[]\n  hasPinPlaceholder?: boolean\n  initialPage?: ActivityDocumentsPage\n  isActive: boolean\n  isPaused?: boolean\n  offset: number\n  pageSize: number\n  type: ActivityDocumentType\n}) {\n  const { serverFunction } = useServerFunctions()\n  const [state, dispatch] = useReducer(documentReducer, { initialPage }, createDocumentState)\n\n  // A server refresh replaces the documents and supersedes requests for the previous data.\n  if (state.initialPage !== initialPage) {\n    dispatch({ type: 'reset', initialPage })\n  }\n\n  const { missingBatches, targetPage } = useMemo(() => {\n    const targetPage = getDocumentPage({\n      cache: state.cache,\n      hasPinPlaceholder,\n      offset,\n      pageSize,\n    })\n    const missingBatches = state.isStale\n      ? getDocumentPage({\n          cache: state.cache && { ...state.cache, batches: {} },\n          hasPinPlaceholder,\n          offset,\n          pageSize,\n        }).missingBatches\n      : targetPage.missingBatches\n\n    // A stale placeholder-only page still needs the server's updated total.\n    return {\n      missingBatches:\n        state.isStale && !missingBatches.length\n          ? [Math.floor(targetPage.start / DOCUMENTS_BATCH_SIZE)]\n          : missingBatches,\n      targetPage,\n    }\n  }, [hasPinPlaceholder, offset, pageSize, state.cache, state.isStale])\n  const isBusy = missingBatches.length > 0\n  const page = isBusy\n    ? getDocumentPage({\n        cache: state.cache,\n        hasPinPlaceholder,\n        offset: state.offset,\n        pageSize,\n      })\n    : targetPage\n\n  useEffect(() => {\n    if (!isActive || isPaused) {\n      return\n    }\n    if (!missingBatches.length) {\n      dispatch({ type: 'show', offset })\n      return\n    }\n\n    let isCurrent = true\n    dispatch({ type: 'status', status: 'loading' })\n    const timeout = setTimeout(\n      () => dispatch({ type: 'status', status: 'delayed' }),\n      LOADING_FEEDBACK_DELAY_MS,\n    )\n\n    void Promise.all(\n      missingBatches.map(\n        (batch) =>\n          serverFunction({\n            name: 'get-activity-widget-docs',\n            args: {\n              type,\n              excludedCollections,\n              limit: DOCUMENTS_BATCH_SIZE,\n              page: batch + 1,\n            },\n          }) as Promise<ActivityDocumentsPage>,\n      ),\n    )\n      .then((pages) => {\n        if (isCurrent) {\n          dispatch({ type: 'receive', offset, pages })\n        }\n      })\n      .catch(() => {\n        if (isCurrent) {\n          dispatch({ type: 'status', status: 'error' })\n        }\n      })\n      .finally(() => clearTimeout(timeout))\n\n    return () => {\n      isCurrent = false\n      clearTimeout(timeout)\n    }\n  }, [\n    excludedCollections,\n    initialPage,\n    isActive,\n    isPaused,\n    missingBatches,\n    offset,\n    serverFunction,\n    state.revision,\n    type,\n  ])\n\n  return {\n    ...page,\n    hasLoadError: isBusy && state.status === 'error',\n    isBusy,\n    /** Reloads the tab from the server, bypassing cached batches until the reload succeeds. */\n    refresh: () => dispatch({ type: 'refresh' }),\n    /** Removes a document optimistically and returns a function that restores it. */\n    removeDocument: ({ document }: { document: DocumentReference }) => {\n      const cache = state.cache\n\n      dispatch({ type: 'remove', document })\n      return () => dispatch({ type: 'restore', cache })\n    },\n    retry: () => dispatch({ type: 'retry' }),\n    shouldShowLoading: isBusy && state.status === 'delayed',\n  }\n}\n\nexport type DocumentsController = ReturnType<typeof useActivityDocuments>\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,11 @@
+import type { RefObject } from 'react';
+/**
+ * Reads the page size the CSS container tiers set on the viewport. It is `null` until the first
+ * read, while the server-rendered full batch is shown.
+ */
+export declare function usePageSize({ paginationFocusRef, viewportRef, }: {
+    /** Set when the page size changes while pagination has focus, so focus can be restored. */
+    paginationFocusRef: RefObject<boolean>;
+    viewportRef: RefObject<HTMLDivElement | null>;
+}): number;
+//# sourceMappingURL=usePageSize.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePageSize.d.ts","sourceRoot":"","sources":["../../../../src/widgets/Activity/utils/usePageSize.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAC1B,kBAAkB,EAClB,WAAW,GACZ,EAAE;IACD,2FAA2F;IAC3F,kBAAkB,EAAE,SAAS,CAAC,OAAO,CAAC,CAAA;IACtC,WAAW,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;CAC9C,UAmCA"}

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

@@ -0,0 +1,35 @@
+import { useLayoutEffect, useState } from 'react';
+/**
+ * Reads the page size the CSS container tiers set on the viewport. It is `null` until the first
+ * read, while the server-rendered full batch is shown.
+ */
+export function usePageSize({
+  paginationFocusRef,
+  viewportRef
+}) {
+  const [pageSize, setPageSize] = useState(null);
+  // A layout effect, so no click is handled with the full-batch fallback size after hydration.
+  useLayoutEffect(() => {
+    const element = viewportRef.current;
+    if (!element) {
+      return;
+    }
+    let previousSize = 0;
+    const readPageSize = () => {
+      const size = Number(getComputedStyle(element).getPropertyValue('--activity-page-size'));
+      if (size > 0 && size !== previousSize) {
+        previousSize = size;
+        if (element.parentElement?.contains(document.activeElement) && document.activeElement?.closest('.activity-widget__pagination')) {
+          paginationFocusRef.current = true;
+        }
+        setPageSize(size);
+      }
+    };
+    readPageSize();
+    const observer = new ResizeObserver(readPageSize);
+    observer.observe(element);
+    return () => observer.disconnect();
+  }, [paginationFocusRef, viewportRef]);
+  return pageSize;
+}
+//# sourceMappingURL=usePageSize.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePageSize.js","names":["useLayoutEffect","useState","usePageSize","paginationFocusRef","viewportRef","pageSize","setPageSize","element","current","previousSize","readPageSize","size","Number","getComputedStyle","getPropertyValue","parentElement","contains","document","activeElement","closest","observer","ResizeObserver","observe","disconnect"],"sources":["../../../../src/widgets/Activity/utils/usePageSize.ts"],"sourcesContent":["import type { RefObject } from 'react'\n\nimport { useLayoutEffect, useState } from 'react'\n\n/**\n * Reads the page size the CSS container tiers set on the viewport. It is `null` until the first\n * read, while the server-rendered full batch is shown.\n */\nexport function usePageSize({\n  paginationFocusRef,\n  viewportRef,\n}: {\n  /** Set when the page size changes while pagination has focus, so focus can be restored. */\n  paginationFocusRef: RefObject<boolean>\n  viewportRef: RefObject<HTMLDivElement | null>\n}) {\n  const [pageSize, setPageSize] = useState<null | number>(null)\n\n  // A layout effect, so no click is handled with the full-batch fallback size after hydration.\n  useLayoutEffect(() => {\n    const element = viewportRef.current\n\n    if (!element) {\n      return\n    }\n\n    let previousSize = 0\n    const readPageSize = () => {\n      const size = Number(getComputedStyle(element).getPropertyValue('--activity-page-size'))\n\n      if (size > 0 && size !== previousSize) {\n        previousSize = size\n        if (\n          element.parentElement?.contains(document.activeElement) &&\n          document.activeElement?.closest('.activity-widget__pagination')\n        ) {\n          paginationFocusRef.current = true\n        }\n        setPageSize(size)\n      }\n    }\n\n    readPageSize()\n    const observer = new ResizeObserver(readPageSize)\n    observer.observe(element)\n\n    return () => observer.disconnect()\n  }, [paginationFocusRef, viewportRef])\n\n  return pageSize\n}\n"],"mappings":"AAEA,SAASA,eAAe,EAAEC,QAAQ,QAAQ;AAE1C;;;;AAIA,OAAO,SAASC,YAAY;EAC1BC,kBAAkB;EAClBC;AAAW,CAKZ;EACC,MAAM,CAACC,QAAA,EAAUC,WAAA,CAAY,GAAGL,QAAA,CAAwB;EAExD;EACAD,eAAA,CAAgB;IACd,MAAMO,OAAA,GAAUH,WAAA,CAAYI,OAAO;IAEnC,IAAI,CAACD,OAAA,EAAS;MACZ;IACF;IAEA,IAAIE,YAAA,GAAe;IACnB,MAAMC,YAAA,GAAeA,CAAA;MACnB,MAAMC,IAAA,GAAOC,MAAA,CAAOC,gBAAA,CAAiBN,OAAA,EAASO,gBAAgB,CAAC;MAE/D,IAAIH,IAAA,GAAO,KAAKA,IAAA,KAASF,YAAA,EAAc;QACrCA,YAAA,GAAeE,IAAA;QACf,IACEJ,OAAA,CAAQQ,aAAa,EAAEC,QAAA,CAASC,QAAA,CAASC,aAAa,KACtDD,QAAA,CAASC,aAAa,EAAEC,OAAA,CAAQ,iCAChC;UACAhB,kBAAA,CAAmBK,OAAO,GAAG;QAC/B;QACAF,WAAA,CAAYK,IAAA;MACd;IACF;IAEAD,YAAA;IACA,MAAMU,QAAA,GAAW,IAAIC,cAAA,CAAeX,YAAA;IACpCU,QAAA,CAASE,OAAO,CAACf,OAAA;IAEjB,OAAO,MAAMa,QAAA,CAASG,UAAU;EAClC,GAAG,CAACpB,kBAAA,EAAoBC,WAAA,CAAY;EAEpC,OAAOC,QAAA;AACT","ignoreList":[]}

package/dist/widgets/CollectionCards/getCollectionCardsData.d.ts

@@ -0,0 +1,20 @@
+import type { PayloadRequest, SanitizedPermissions, User } from 'payload';
+import type { NavGroupType } from '../../utilities/groupNavItems.js';
+export type GlobalLockData = {
+    data: {
+        _isLocked: boolean;
+        _lastEditedAt: string;
+        _userEditing: number | string | User;
+    };
+    lockDuration?: number;
+    slug: string;
+};
+export type CollectionCardsData = {
+    adminRoute: string;
+    globalData: GlobalLockData[];
+    navGroups: NavGroupType[];
+    permissions: SanitizedPermissions;
+    userId: number | string;
+};
+export declare function getCollectionCardsData(req: PayloadRequest): Promise<CollectionCardsData>;
+//# sourceMappingURL=getCollectionCardsData.d.ts.map

package/dist/widgets/CollectionCards/getCollectionCardsData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCollectionCardsData.d.ts","sourceRoot":"","sources":["../../../src/widgets/CollectionCards/getCollectionCardsData.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAIzE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AAMpE,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE;QACJ,SAAS,EAAE,OAAO,CAAA;QAClB,aAAa,EAAE,MAAM,CAAA;QACrB,YAAY,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;KACrC,CAAA;IACD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,cAAc,EAAE,CAAA;IAC5B,SAAS,EAAE,YAAY,EAAE,CAAA;IACzB,WAAW,EAAE,oBAAoB,CAAA;IACjC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB,CAAA;AAED,wBAAsB,sBAAsB,CAAC,GAAG,EAAE,cAAc,GAAG,OAAO,CAAC,mBAAmB,CAAC,CAgB9F"}

package/dist/widgets/CollectionCards/getCollectionCardsData.js

@@ -0,0 +1,29 @@
+import { getAccessResults } from 'payload';
+import { getGlobalData } from '../../utilities/getGlobalData.js';
+import { getNavGroups } from '../../utilities/getNavGroups.js';
+import { getVisibleEntities } from '../../utilities/getVisibleEntities.js';
+export async function getCollectionCardsData(req) {
+  const {
+    payload,
+    user
+  } = req;
+  const {
+    admin: adminRoute
+  } = payload.config.routes;
+  const permissions = await getAccessResults({
+    req
+  });
+  const visibleEntities = getVisibleEntities({
+    req
+  });
+  const globalData = await getGlobalData(req);
+  const navGroups = getNavGroups(permissions, visibleEntities, payload.config, req.i18n);
+  return {
+    adminRoute,
+    globalData,
+    navGroups,
+    permissions,
+    userId: user?.id
+  };
+}
+//# sourceMappingURL=getCollectionCardsData.js.map

package/dist/widgets/CollectionCards/getCollectionCardsData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCollectionCardsData.js","names":["getAccessResults","getGlobalData","getNavGroups","getVisibleEntities","getCollectionCardsData","req","payload","user","admin","adminRoute","config","routes","permissions","visibleEntities","globalData","navGroups","i18n","userId","id"],"sources":["../../../src/widgets/CollectionCards/getCollectionCardsData.ts"],"sourcesContent":["import type { PayloadRequest, SanitizedPermissions, User } from 'payload'\n\nimport { getAccessResults } from 'payload'\n\nimport type { NavGroupType } from '../../utilities/groupNavItems.js'\n\nimport { getGlobalData } from '../../utilities/getGlobalData.js'\nimport { getNavGroups } from '../../utilities/getNavGroups.js'\nimport { getVisibleEntities } from '../../utilities/getVisibleEntities.js'\n\nexport type GlobalLockData = {\n  data: {\n    _isLocked: boolean\n    _lastEditedAt: string\n    _userEditing: number | string | User\n  }\n  lockDuration?: number\n  slug: string\n}\n\nexport type CollectionCardsData = {\n  adminRoute: string\n  globalData: GlobalLockData[]\n  navGroups: NavGroupType[]\n  permissions: SanitizedPermissions\n  userId: number | string\n}\n\nexport async function getCollectionCardsData(req: PayloadRequest): Promise<CollectionCardsData> {\n  const { payload, user } = req\n  const { admin: adminRoute } = payload.config.routes\n\n  const permissions = await getAccessResults({ req })\n  const visibleEntities = getVisibleEntities({ req })\n  const globalData = await getGlobalData(req)\n  const navGroups = getNavGroups(permissions, visibleEntities, payload.config, req.i18n)\n\n  return {\n    adminRoute,\n    globalData,\n    navGroups,\n    permissions,\n    userId: user?.id,\n  }\n}\n"],"mappings":"AAEA,SAASA,gBAAgB,QAAQ;AAIjC,SAASC,aAAa,QAAQ;AAC9B,SAASC,YAAY,QAAQ;AAC7B,SAASC,kBAAkB,QAAQ;AAoBnC,OAAO,eAAeC,uBAAuBC,GAAmB;EAC9D,MAAM;IAAEC,OAAO;IAAEC;EAAI,CAAE,GAAGF,GAAA;EAC1B,MAAM;IAAEG,KAAA,EAAOC;EAAU,CAAE,GAAGH,OAAA,CAAQI,MAAM,CAACC,MAAM;EAEnD,MAAMC,WAAA,GAAc,MAAMZ,gBAAA,CAAiB;IAAEK;EAAI;EACjD,MAAMQ,eAAA,GAAkBV,kBAAA,CAAmB;IAAEE;EAAI;EACjD,MAAMS,UAAA,GAAa,MAAMb,aAAA,CAAcI,GAAA;EACvC,MAAMU,SAAA,GAAYb,YAAA,CAAaU,WAAA,EAAaC,eAAA,EAAiBP,OAAA,CAAQI,MAAM,EAAEL,GAAA,CAAIW,IAAI;EAErF,OAAO;IACLP,UAAA;IACAK,UAAA;IACAC,SAAA;IACAH,WAAA;IACAK,MAAA,EAAQV,IAAA,EAAMW;EAChB;AACF","ignoreList":[]}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { CollectionCardsData } from './getCollectionCardsData.js';
+import './index.css';
+/**
+ * @internal - may change or be removed without a major version bump
+ */
+export declare const CollectionCardsClient: React.FC<CollectionCardsData>;
+//# sourceMappingURL=index.client.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/widgets/CollectionCards/index.client.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AAEtE,OAAO,aAAa,CAAA;AAQpB;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAmH/D,CAAA"}

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

@@ -0,0 +1,144 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import { EntityType, formatAdminURL } from 'payload/shared';
+import React from 'react';
+import './index.css';
+import { Button } from '../../elements/Button/index.js';
+import { Card } from '../../elements/Card/index.js';
+import { Locked } from '../../elements/Locked/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+const baseClass = 'collections';
+/**
+ * @internal - may change or be removed without a major version bump
+ */
+export const CollectionCardsClient = t0 => {
+  const $ = _c(8);
+  const {
+    adminRoute,
+    globalData,
+    navGroups,
+    permissions,
+    userId
+  } = t0;
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  let t1;
+  if ($[0] !== adminRoute || $[1] !== globalData || $[2] !== i18n || $[3] !== navGroups || $[4] !== permissions?.collections || $[5] !== t || $[6] !== userId) {
+    t1 = _jsx("div", {
+      className: baseClass,
+      children: _jsx("div", {
+        className: `${baseClass}__wrap`,
+        children: !navGroups || navGroups?.length === 0 ? _jsx("p", {
+          children: "no nav groups...."
+        }) : navGroups.map((t2, groupIndex) => {
+          const {
+            entities,
+            label
+          } = t2;
+          return _jsxs("div", {
+            className: `${baseClass}__group`,
+            children: [_jsx("h2", {
+              className: `${baseClass}__label`,
+              children: label
+            }), _jsx("ul", {
+              className: `${baseClass}__card-list`,
+              children: entities.map((t3, entityIndex) => {
+                const {
+                  slug,
+                  type,
+                  label: label_0
+                } = t3;
+                let title;
+                let buttonAriaLabel;
+                let createHREF;
+                let href;
+                let hasCreatePermission;
+                let isLocked = null;
+                let userEditing = null;
+                if (type === EntityType.collection) {
+                  title = getTranslation(label_0, i18n);
+                  buttonAriaLabel = t("general:showAllLabel", {
+                    label: title
+                  });
+                  href = formatAdminURL({
+                    adminRoute,
+                    path: `/collections/${slug}`
+                  });
+                  createHREF = formatAdminURL({
+                    adminRoute,
+                    path: `/collections/${slug}/create`
+                  });
+                  hasCreatePermission = permissions?.collections?.[slug]?.create;
+                }
+                if (type === EntityType.global) {
+                  title = getTranslation(label_0, i18n);
+                  buttonAriaLabel = t("general:editLabel", {
+                    label: getTranslation(label_0, i18n)
+                  });
+                  href = formatAdminURL({
+                    adminRoute,
+                    path: `/globals/${slug}`
+                  });
+                  const globalLockData = globalData.find(global => global.slug === slug);
+                  if (globalLockData) {
+                    isLocked = globalLockData.data._isLocked;
+                    userEditing = globalLockData.data._userEditing;
+                    const lockDuration = globalLockData?.lockDuration;
+                    const lastEditedAt = new Date(globalLockData.data?._lastEditedAt).getTime();
+                    const lockDurationInMilliseconds = lockDuration * 1000;
+                    const lockExpirationTime = lastEditedAt + lockDurationInMilliseconds;
+                    if (new Date().getTime() > lockExpirationTime) {
+                      isLocked = false;
+                      userEditing = null;
+                    }
+                  }
+                }
+                const createButtonLabel = t("general:createNewLabel", {
+                  label: title
+                });
+                return _jsx("li", {
+                  children: _jsx(Card, {
+                    actions: isLocked && userId !== userEditing?.id ? _jsx(Locked, {
+                      className: `${baseClass}__locked`,
+                      user: userEditing
+                    }) : hasCreatePermission && type === EntityType.collection ? _jsx(Button, {
+                      "aria-label": createButtonLabel,
+                      buttonStyle: "ghost",
+                      el: "link",
+                      icon: "plus",
+                      round: true,
+                      to: createHREF,
+                      tooltip: createButtonLabel
+                    }) : undefined,
+                    buttonAriaLabel,
+                    href,
+                    id: `card-${slug}`,
+                    title,
+                    titleAs: "h3"
+                  })
+                }, entityIndex);
+              })
+            })]
+          }, groupIndex);
+        })
+      })
+    });
+    $[0] = adminRoute;
+    $[1] = globalData;
+    $[2] = i18n;
+    $[3] = navGroups;
+    $[4] = permissions?.collections;
+    $[5] = t;
+    $[6] = userId;
+    $[7] = t1;
+  } else {
+    t1 = $[7];
+  }
+  return t1;
+};
+//# sourceMappingURL=index.client.js.map

package/dist/widgets/CollectionCards/index.client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.client.js","names":["c","_c","getTranslation","EntityType","formatAdminURL","React","Button","Card","Locked","useTranslation","baseClass","CollectionCardsClient","t0","$","adminRoute","globalData","navGroups","permissions","userId","i18n","t","t1","collections","_jsx","className","children","length","map","t2","groupIndex","entities","label","_jsxs","t3","entityIndex","slug","type","label_0","title","buttonAriaLabel","createHREF","href","hasCreatePermission","isLocked","userEditing","collection","path","create","global","globalLockData","find","data","_isLocked","_userEditing","lockDuration","lastEditedAt","Date","_lastEditedAt","getTime","lockDurationInMilliseconds","lockExpirationTime","createButtonLabel","actions","id","user","buttonStyle","el","icon","round","to","tooltip","undefined","titleAs"],"sources":["../../../src/widgets/CollectionCards/index.client.tsx"],"sourcesContent":["'use client'\nimport type { User } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { EntityType, formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport type { CollectionCardsData } from './getCollectionCardsData.js'\n\nimport './index.css'\nimport { Button } from '../../elements/Button/index.js'\nimport { Card } from '../../elements/Card/index.js'\nimport { Locked } from '../../elements/Locked/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nconst baseClass = 'collections'\n\n/**\n * @internal - may change or be removed without a major version bump\n */\nexport const CollectionCardsClient: React.FC<CollectionCardsData> = ({\n  adminRoute,\n  globalData,\n  navGroups,\n  permissions,\n  userId,\n}) => {\n  const { i18n, t } = useTranslation()\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__wrap`}>\n        {!navGroups || navGroups?.length === 0 ? (\n          <p>no nav groups....</p>\n        ) : (\n          navGroups.map(({ entities, label }, groupIndex) => {\n            return (\n              <div className={`${baseClass}__group`} key={groupIndex}>\n                <h2 className={`${baseClass}__label`}>{label}</h2>\n                <ul className={`${baseClass}__card-list`}>\n                  {entities.map(({ slug, type, label }, entityIndex) => {\n                    let title: string\n                    let buttonAriaLabel: string\n                    let createHREF: string\n                    let href: string\n                    let hasCreatePermission: boolean\n                    let isLocked = null\n                    let userEditing: null | User = null\n\n                    if (type === EntityType.collection) {\n                      title = getTranslation(label, i18n)\n\n                      buttonAriaLabel = t('general:showAllLabel', { label: title })\n\n                      href = formatAdminURL({\n                        adminRoute,\n                        path: `/collections/${slug}`,\n                      })\n\n                      createHREF = formatAdminURL({\n                        adminRoute,\n                        path: `/collections/${slug}/create`,\n                      })\n\n                      hasCreatePermission = permissions?.collections?.[slug]?.create\n                    }\n\n                    if (type === EntityType.global) {\n                      title = getTranslation(label, i18n)\n\n                      buttonAriaLabel = t('general:editLabel', {\n                        label: getTranslation(label, i18n),\n                      })\n\n                      href = formatAdminURL({\n                        adminRoute,\n                        path: `/globals/${slug}`,\n                      })\n\n                      const globalLockData = globalData.find((global) => global.slug === slug)\n\n                      if (globalLockData) {\n                        isLocked = globalLockData.data._isLocked\n                        userEditing = globalLockData.data._userEditing as null | User\n\n                        const lockDuration = globalLockData?.lockDuration\n                        const lastEditedAt = new Date(globalLockData.data?._lastEditedAt).getTime()\n\n                        const lockDurationInMilliseconds = lockDuration * 1000\n                        const lockExpirationTime = lastEditedAt + lockDurationInMilliseconds\n\n                        if (new Date().getTime() > lockExpirationTime) {\n                          isLocked = false\n                          userEditing = null\n                        }\n                      }\n                    }\n\n                    const createButtonLabel = t('general:createNewLabel', { label: title })\n\n                    return (\n                      <li key={entityIndex}>\n                        <Card\n                          actions={\n                            isLocked && userId !== userEditing?.id ? (\n                              <Locked className={`${baseClass}__locked`} user={userEditing} />\n                            ) : hasCreatePermission && type === EntityType.collection ? (\n                              <Button\n                                aria-label={createButtonLabel}\n                                buttonStyle=\"ghost\"\n                                el=\"link\"\n                                icon=\"plus\"\n                                round\n                                to={createHREF}\n                                tooltip={createButtonLabel}\n                              />\n                            ) : undefined\n                          }\n                          buttonAriaLabel={buttonAriaLabel}\n                          href={href}\n                          id={`card-${slug}`}\n                          title={title}\n                          titleAs=\"h3\"\n                        />\n                      </li>\n                    )\n                  })}\n                </ul>\n              </div>\n            )\n          })\n        )}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}