@payloadcms/ui 4.0.0-internal.e7d4ebc → 4.0.0-internal.ec73d44

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/index.client.d.ts

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

@@ -1 +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,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAkH/D,CAAA"}
+{"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

@@ -11,6 +11,9 @@ 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 {
@@ -73,7 +76,7 @@ export const CollectionCardsClient = t0 => {
                   hasCreatePermission = permissions?.collections?.[slug]?.create;
                 }
                 if (type === EntityType.global) {
-                  getTranslation(label_0, i18n);
+                  title = getTranslation(label_0, i18n);
                   buttonAriaLabel = t("general:editLabel", {
                     label: getTranslation(label_0, i18n)
                   });
@@ -95,25 +98,27 @@ export const CollectionCardsClient = t0 => {
                     }
                   }
                 }
+                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": t("general:createNewLabel", {
-                        label: label_0
-                      }),
+                      "aria-label": createButtonLabel,
                       buttonStyle: "ghost",
                       el: "link",
                       icon: "plus",
                       round: true,
-                      to: createHREF
+                      to: createHREF,
+                      tooltip: createButtonLabel
                     }) : undefined,
                     buttonAriaLabel,
                     href,
                     id: `card-${slug}`,
-                    title: getTranslation(label_0, i18n),
+                    title,
                     titleAs: "h3"
                   })
                 }, entityIndex);

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

@@ -1 +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","create","global","globalLockData","find","data","_isLocked","_userEditing","lockDuration","lastEditedAt","Date","_lastEditedAt","getTime","lockDurationInMilliseconds","lockExpirationTime","actions","id","user","buttonStyle","el","icon","round","to","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\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                    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={t('general:createNewLabel', {\n                                  label,\n                                })}\n                                buttonStyle=\"ghost\"\n                                el=\"link\"\n                                icon=\"plus\"\n                                round\n                                to={createHREF}\n                              />\n                            ) : undefined\n                          }\n                          buttonAriaLabel={buttonAriaLabel}\n                          href={href}\n                          id={`card-${slug}`}\n                          title={getTranslation(label, i18n)}\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":[]}
+{"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":[]}

package/dist/widgets/CollectionCards/index.css

@@ -1,46 +1,46 @@
 @layer payload-default {
   .collections {
-    display: flex;
     width: 100%;
-    --gap: var(--spacer-3);
-    --cols: 5;
   }
 
   .collections__wrap {
-    width: 100%;
     display: flex;
     flex-direction: column;
-    gap: var(--spacer-3);
-    padding-bottom: var(--spacer-6);
+    gap: var(--spacer-5);
+    width: 100%;
+    background: var(--color-bg);
   }
 
   .collections__group {
     display: flex;
     flex-direction: column;
-    gap: var(--gap);
-    padding-top: var(--spacer-2);
+    gap: var(--spacer-2-5);
   }
 
   .collections__label {
     margin: 0;
-    font-family: var(--text-heading-medium-font-family);
+    color: var(--color-text);
     font-size: var(--text-heading-medium-font-size);
     font-weight: var(--text-heading-medium-font-weight);
     line-height: var(--text-heading-medium-line-height);
     letter-spacing: var(--text-heading-medium-letter-spacing);
-    color: var(--color-text);
   }
 
   .collections__card-list {
+    display: grid;
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+    gap: var(--spacer-2-5);
     padding: 0;
     margin: 0;
     list-style: none;
-    gap: var(--spacer-3);
-    display: grid;
-    grid-template-columns: repeat(var(--cols), 1fr);
 
-    .card {
-      height: 100%;
+    .card:has(.card__actions) .card__title {
+      max-width: calc(100% - var(--spacer-4));
+    }
+
+    .card__actions {
+      right: auto;
+      inset-inline-end: var(--spacer-2);
     }
   }
 
@@ -49,36 +49,32 @@
     justify-content: unset;
   }
 
-  @media (max-width: 1440px) {
-    .collections {
-      --cols: 4;
+  @media (hover: hover) and (pointer: fine) {
+    .collections__card-list .card__actions:has(.btn) {
+      opacity: 0;
     }
-  }
 
-  @media (max-width: 1024px) {
-    .collections {
-      --gap: var(--spacer-3);
-      --cols: 2;
+    .collections__card-list .card:hover .card__actions,
+    .collections__card-list .card:focus-within .card__actions {
+      opacity: 1;
     }
   }
 
-  @media (max-width: 768px) {
-    .collections {
-      --cols: 2;
-    }
-
-    .collections__wrap {
-      gap: var(--spacer-3);
+  @media (min-width: 400px) {
+    .collections__card-list {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
     }
+  }
 
+  @media (min-width: 768px) {
     .collections__card-list {
-      gap: var(--spacer-2);
+      grid-template-columns: repeat(4, minmax(0, 1fr));
     }
   }
 
-  @media (max-width: 400px) {
-    .collections {
-      --cols: 1;
+  @media (min-width: 1024px) {
+    .collections__card-list {
+      grid-template-columns: repeat(5, minmax(0, 1fr));
     }
   }
 }

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

@@ -1,5 +1,8 @@
 import type { WidgetServerProps } from 'payload';
 import React from 'react';
 import './index.css';
+/**
+ * @internal - may change or be removed without a major version bump
+ */
 export declare function CollectionCards(props: WidgetServerProps): Promise<React.JSX.Element>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/widgets/CollectionCards/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAKhD,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,aAAa,CAAA;AAIpB,wBAAsB,eAAe,CAAC,KAAK,EAAE,iBAAiB,8BAoH7D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/widgets/CollectionCards/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAKhD,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,aAAa,CAAA;AAIpB;;GAEG;AACH,wBAAsB,eAAe,CAAC,KAAK,EAAE,iBAAiB,8BAqH7D"}

package/dist/widgets/CollectionCards/index.js

@@ -10,6 +10,9 @@ import { getNavGroups } from '../../utilities/getNavGroups.js';
 import { getVisibleEntities } from '../../utilities/getVisibleEntities.js';
 import './index.css';
 const baseClass = 'collections';
+/**
+ * @internal - may change or be removed without a major version bump
+ */
 export async function CollectionCards(props) {
   const {
     i18n,
@@ -99,25 +102,27 @@ export async function CollectionCards(props) {
                   }
                 }
               }
+              const createButtonLabel = t('general:createNewLabel', {
+                label: title
+              });
               return /*#__PURE__*/_jsx("li", {
                 children: /*#__PURE__*/_jsx(Card, {
                   actions: isLocked && user?.id !== userEditing?.id ? /*#__PURE__*/_jsx(Locked, {
                     className: `${baseClass}__locked`,
                     user: userEditing
                   }) : hasCreatePermission && type === EntityType.collection ? /*#__PURE__*/_jsx(Button, {
-                    "aria-label": t('general:createNewLabel', {
-                      label
-                    }),
+                    "aria-label": createButtonLabel,
                     buttonStyle: "ghost",
                     el: "link",
                     icon: "plus",
                     round: true,
-                    to: createHREF
+                    to: createHREF,
+                    tooltip: createButtonLabel
                   }) : undefined,
                   buttonAriaLabel: buttonAriaLabel,
                   href: href,
                   id: `card-${slug}`,
-                  title: getTranslation(label, i18n),
+                  title: title,
                   titleAs: "h3"
                 })
               }, entityIndex);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","EntityType","getAccessResults","formatAdminURL","React","Button","Card","Locked","getGlobalData","getNavGroups","getVisibleEntities","baseClass","CollectionCards","props","i18n","payload","user","req","admin","adminRoute","config","routes","t","permissions","visibleEntities","globalData","navGroups","_jsx","className","length","map","entities","label","groupIndex","_jsxs","slug","type","entityIndex","title","buttonAriaLabel","createHREF","href","hasCreatePermission","isLocked","userEditing","collection","path","collections","create","global","globalLockData","find","data","_isLocked","_userEditing","lockDuration","lastEditedAt","Date","_lastEditedAt","getTime","lockDurationInMilliseconds","lockExpirationTime","actions","id","buttonStyle","el","icon","round","to","undefined","titleAs"],"sources":["../../../src/widgets/CollectionCards/index.tsx"],"sourcesContent":["import type { WidgetServerProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { EntityType, getAccessResults } from 'payload'\nimport { formatAdminURL } 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 { Button, Card, Locked } from '../../exports/client/index.js'\nimport { getGlobalData } from '../../utilities/getGlobalData.js'\nimport { getNavGroups } from '../../utilities/getNavGroups.js'\nimport { getVisibleEntities } from '../../utilities/getVisibleEntities.js'\nimport './index.css'\n\nconst baseClass = 'collections'\n\nexport async function CollectionCards(props: WidgetServerProps) {\n  const { i18n, payload, user } = props.req\n  const { admin: adminRoute } = payload.config.routes\n  const { t } = i18n\n  const permissions = await getAccessResults({ req: props.req })\n  const visibleEntities = getVisibleEntities({ req: props.req })\n  const globalData = await getGlobalData(props.req)\n\n  const navGroups = getNavGroups(permissions, visibleEntities, payload.config, i18n)\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\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                      // Find the lock status for the global\n                      const globalLockData = globalData.find((global) => global.slug === slug)\n                      if (globalLockData) {\n                        isLocked = globalLockData.data._isLocked\n                        userEditing = globalLockData.data._userEditing\n\n                        // Check if the lock is expired\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                    return (\n                      <li key={entityIndex}>\n                        <Card\n                          actions={\n                            isLocked && user?.id !== userEditing?.id ? (\n                              <Locked className={`${baseClass}__locked`} user={userEditing} />\n                            ) : hasCreatePermission && type === EntityType.collection ? (\n                              <Button\n                                aria-label={t('general:createNewLabel', {\n                                  label,\n                                })}\n                                buttonStyle=\"ghost\"\n                                el=\"link\"\n                                icon=\"plus\"\n                                round\n                                to={createHREF}\n                              />\n                            ) : undefined\n                          }\n                          buttonAriaLabel={buttonAriaLabel}\n                          href={href}\n                          id={`card-${slug}`}\n                          title={getTranslation(label, i18n)}\n                          titleAs=\"h3\"\n                        />\n                      </li>\n                    )\n                  })}\n                </ul>\n              </div>\n            )\n          })\n        )}\n      </div>\n    </div>\n  )\n}\n"],"mappings":";AAEA,SAASA,cAAc,QAAQ;AAC/B,SAASC,UAAU,EAAEC,gBAAgB,QAAQ;AAC7C,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB;AACA,SAASC,MAAM,EAAEC,IAAI,EAAEC,MAAM,QAAQ;AACrC,SAASC,aAAa,QAAQ;AAC9B,SAASC,YAAY,QAAQ;AAC7B,SAASC,kBAAkB,QAAQ;AACnC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,eAAeC,gBAAgBC,KAAwB;EAC5D,MAAM;IAAEC,IAAI;IAAEC,OAAO;IAAEC;EAAI,CAAE,GAAGH,KAAA,CAAMI,GAAG;EACzC,MAAM;IAAEC,KAAA,EAAOC;EAAU,CAAE,GAAGJ,OAAA,CAAQK,MAAM,CAACC,MAAM;EACnD,MAAM;IAAEC;EAAC,CAAE,GAAGR,IAAA;EACd,MAAMS,WAAA,GAAc,MAAMrB,gBAAA,CAAiB;IAAEe,GAAA,EAAKJ,KAAA,CAAMI;EAAI;EAC5D,MAAMO,eAAA,GAAkBd,kBAAA,CAAmB;IAAEO,GAAA,EAAKJ,KAAA,CAAMI;EAAI;EAC5D,MAAMQ,UAAA,GAAa,MAAMjB,aAAA,CAAcK,KAAA,CAAMI,GAAG;EAEhD,MAAMS,SAAA,GAAYjB,YAAA,CAAac,WAAA,EAAaC,eAAA,EAAiBT,OAAA,CAAQK,MAAM,EAAEN,IAAA;EAE7E,oBACEa,IAAA,CAAC;IAAIC,SAAA,EAAWjB,SAAA;cACd,aAAAgB,IAAA,CAAC;MAAIC,SAAA,EAAW,GAAGjB,SAAA,QAAiB;gBACjC,CAACe,SAAA,IAAaA,SAAA,EAAWG,MAAA,KAAW,iBACnCF,IAAA,CAAC;kBAAE;WAEHD,SAAA,CAAUI,GAAG,CAAC,CAAC;QAAEC,QAAQ;QAAEC;MAAK,CAAE,EAAEC,UAAA;QAClC,oBACEC,KAAA,CAAC;UAAIN,SAAA,EAAW,GAAGjB,SAAA,SAAkB;kCACnCgB,IAAA,CAAC;YAAGC,SAAA,EAAW,GAAGjB,SAAA,SAAkB;sBAAGqB;2BACvCL,IAAA,CAAC;YAAGC,SAAA,EAAW,GAAGjB,SAAA,aAAsB;sBACrCoB,QAAA,CAASD,GAAG,CAAC,CAAC;cAAEK,IAAI;cAAEC,IAAI;cAAEJ;YAAK,CAAE,EAAEK,WAAA;cACpC,IAAIC,KAAA;cACJ,IAAIC,eAAA;cACJ,IAAIC,UAAA;cACJ,IAAIC,IAAA;cACJ,IAAIC,mBAAA;cACJ,IAAIC,QAAA,GAAW;cACf,IAAIC,WAAA,GAAc;cAElB,IAAIR,IAAA,KAASnC,UAAA,CAAW4C,UAAU,EAAE;gBAClCP,KAAA,GAAQtC,cAAA,CAAegC,KAAA,EAAOlB,IAAA;gBAE9ByB,eAAA,GAAkBjB,CAAA,CAAE,wBAAwB;kBAAEU,KAAA,EAAOM;gBAAM;gBAE3DG,IAAA,GAAOtC,cAAA,CAAe;kBACpBgB,UAAA;kBACA2B,IAAA,EAAM,gBAAgBX,IAAA;gBACxB;gBAEAK,UAAA,GAAarC,cAAA,CAAe;kBAC1BgB,UAAA;kBACA2B,IAAA,EAAM,gBAAgBX,IAAA;gBACxB;gBAEAO,mBAAA,GAAsBnB,WAAA,EAAawB,WAAA,GAAcZ,IAAA,CAAK,EAAEa,MAAA;cAC1D;cAEA,IAAIZ,IAAA,KAASnC,UAAA,CAAWgD,MAAM,EAAE;gBAC9BX,KAAA,GAAQtC,cAAA,CAAegC,KAAA,EAAOlB,IAAA;gBAE9ByB,eAAA,GAAkBjB,CAAA,CAAE,qBAAqB;kBACvCU,KAAA,EAAOhC,cAAA,CAAegC,KAAA,EAAOlB,IAAA;gBAC/B;gBAEA2B,IAAA,GAAOtC,cAAA,CAAe;kBACpBgB,UAAA;kBACA2B,IAAA,EAAM,YAAYX,IAAA;gBACpB;gBAEA;gBACA,MAAMe,cAAA,GAAiBzB,UAAA,CAAW0B,IAAI,CAAEF,MAAA,IAAWA,MAAA,CAAOd,IAAI,KAAKA,IAAA;gBACnE,IAAIe,cAAA,EAAgB;kBAClBP,QAAA,GAAWO,cAAA,CAAeE,IAAI,CAACC,SAAS;kBACxCT,WAAA,GAAcM,cAAA,CAAeE,IAAI,CAACE,YAAY;kBAE9C;kBACA,MAAMC,YAAA,GAAeL,cAAA,EAAgBK,YAAA;kBACrC,MAAMC,YAAA,GAAe,IAAIC,IAAA,CAAKP,cAAA,CAAeE,IAAI,EAAEM,aAAA,EAAeC,OAAO;kBAEzE,MAAMC,0BAAA,GAA6BL,YAAA,GAAe;kBAClD,MAAMM,kBAAA,GAAqBL,YAAA,GAAeI,0BAAA;kBAE1C,IAAI,IAAIH,IAAA,GAAOE,OAAO,KAAKE,kBAAA,EAAoB;oBAC7ClB,QAAA,GAAW;oBACXC,WAAA,GAAc;kBAChB;gBACF;cACF;cAEA,oBACEjB,IAAA,CAAC;0BACC,aAAAA,IAAA,CAACrB,IAAA;kBACCwD,OAAA,EACEnB,QAAA,IAAY3B,IAAA,EAAM+C,EAAA,KAAOnB,WAAA,EAAamB,EAAA,gBACpCpC,IAAA,CAACpB,MAAA;oBAAOqB,SAAA,EAAW,GAAGjB,SAAA,UAAmB;oBAAEK,IAAA,EAAM4B;uBAC/CF,mBAAA,IAAuBN,IAAA,KAASnC,UAAA,CAAW4C,UAAU,gBACvDlB,IAAA,CAACtB,MAAA;oBACC,cAAYiB,CAAA,CAAE,0BAA0B;sBACtCU;oBACF;oBACAgC,WAAA,EAAY;oBACZC,EAAA,EAAG;oBACHC,IAAA,EAAK;oBACLC,KAAK;oBACLC,EAAA,EAAI5B;uBAEJ6B,SAAA;kBAEN9B,eAAA,EAAiBA,eAAA;kBACjBE,IAAA,EAAMA,IAAA;kBACNsB,EAAA,EAAI,QAAQ5B,IAAA,EAAM;kBAClBG,KAAA,EAAOtC,cAAA,CAAegC,KAAA,EAAOlB,IAAA;kBAC7BwD,OAAA,EAAQ;;iBAtBHjC,WAAA;YA0Bb;;WAzFwCJ,UAAA;MA6FhD;;;AAKV","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","EntityType","getAccessResults","formatAdminURL","React","Button","Card","Locked","getGlobalData","getNavGroups","getVisibleEntities","baseClass","CollectionCards","props","i18n","payload","user","req","admin","adminRoute","config","routes","t","permissions","visibleEntities","globalData","navGroups","_jsx","className","length","map","entities","label","groupIndex","_jsxs","slug","type","entityIndex","title","buttonAriaLabel","createHREF","href","hasCreatePermission","isLocked","userEditing","collection","path","collections","create","global","globalLockData","find","data","_isLocked","_userEditing","lockDuration","lastEditedAt","Date","_lastEditedAt","getTime","lockDurationInMilliseconds","lockExpirationTime","createButtonLabel","actions","id","buttonStyle","el","icon","round","to","tooltip","undefined","titleAs"],"sources":["../../../src/widgets/CollectionCards/index.tsx"],"sourcesContent":["import type { WidgetServerProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { EntityType, getAccessResults } from 'payload'\nimport { formatAdminURL } 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 { Button, Card, Locked } from '../../exports/client/index.js'\nimport { getGlobalData } from '../../utilities/getGlobalData.js'\nimport { getNavGroups } from '../../utilities/getNavGroups.js'\nimport { getVisibleEntities } from '../../utilities/getVisibleEntities.js'\nimport './index.css'\n\nconst baseClass = 'collections'\n\n/**\n * @internal - may change or be removed without a major version bump\n */\nexport async function CollectionCards(props: WidgetServerProps) {\n  const { i18n, payload, user } = props.req\n  const { admin: adminRoute } = payload.config.routes\n  const { t } = i18n\n  const permissions = await getAccessResults({ req: props.req })\n  const visibleEntities = getVisibleEntities({ req: props.req })\n  const globalData = await getGlobalData(props.req)\n\n  const navGroups = getNavGroups(permissions, visibleEntities, payload.config, i18n)\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\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                      // Find the lock status for the global\n                      const globalLockData = globalData.find((global) => global.slug === slug)\n                      if (globalLockData) {\n                        isLocked = globalLockData.data._isLocked\n                        userEditing = globalLockData.data._userEditing\n\n                        // Check if the lock is expired\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 && user?.id !== 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":";AAEA,SAASA,cAAc,QAAQ;AAC/B,SAASC,UAAU,EAAEC,gBAAgB,QAAQ;AAC7C,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB;AACA,SAASC,MAAM,EAAEC,IAAI,EAAEC,MAAM,QAAQ;AACrC,SAASC,aAAa,QAAQ;AAC9B,SAASC,YAAY,QAAQ;AAC7B,SAASC,kBAAkB,QAAQ;AACnC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB;;;AAGA,OAAO,eAAeC,gBAAgBC,KAAwB;EAC5D,MAAM;IAAEC,IAAI;IAAEC,OAAO;IAAEC;EAAI,CAAE,GAAGH,KAAA,CAAMI,GAAG;EACzC,MAAM;IAAEC,KAAA,EAAOC;EAAU,CAAE,GAAGJ,OAAA,CAAQK,MAAM,CAACC,MAAM;EACnD,MAAM;IAAEC;EAAC,CAAE,GAAGR,IAAA;EACd,MAAMS,WAAA,GAAc,MAAMrB,gBAAA,CAAiB;IAAEe,GAAA,EAAKJ,KAAA,CAAMI;EAAI;EAC5D,MAAMO,eAAA,GAAkBd,kBAAA,CAAmB;IAAEO,GAAA,EAAKJ,KAAA,CAAMI;EAAI;EAC5D,MAAMQ,UAAA,GAAa,MAAMjB,aAAA,CAAcK,KAAA,CAAMI,GAAG;EAEhD,MAAMS,SAAA,GAAYjB,YAAA,CAAac,WAAA,EAAaC,eAAA,EAAiBT,OAAA,CAAQK,MAAM,EAAEN,IAAA;EAE7E,oBACEa,IAAA,CAAC;IAAIC,SAAA,EAAWjB,SAAA;cACd,aAAAgB,IAAA,CAAC;MAAIC,SAAA,EAAW,GAAGjB,SAAA,QAAiB;gBACjC,CAACe,SAAA,IAAaA,SAAA,EAAWG,MAAA,KAAW,iBACnCF,IAAA,CAAC;kBAAE;WAEHD,SAAA,CAAUI,GAAG,CAAC,CAAC;QAAEC,QAAQ;QAAEC;MAAK,CAAE,EAAEC,UAAA;QAClC,oBACEC,KAAA,CAAC;UAAIN,SAAA,EAAW,GAAGjB,SAAA,SAAkB;kCACnCgB,IAAA,CAAC;YAAGC,SAAA,EAAW,GAAGjB,SAAA,SAAkB;sBAAGqB;2BACvCL,IAAA,CAAC;YAAGC,SAAA,EAAW,GAAGjB,SAAA,aAAsB;sBACrCoB,QAAA,CAASD,GAAG,CAAC,CAAC;cAAEK,IAAI;cAAEC,IAAI;cAAEJ;YAAK,CAAE,EAAEK,WAAA;cACpC,IAAIC,KAAA;cACJ,IAAIC,eAAA;cACJ,IAAIC,UAAA;cACJ,IAAIC,IAAA;cACJ,IAAIC,mBAAA;cACJ,IAAIC,QAAA,GAAW;cACf,IAAIC,WAAA,GAAc;cAElB,IAAIR,IAAA,KAASnC,UAAA,CAAW4C,UAAU,EAAE;gBAClCP,KAAA,GAAQtC,cAAA,CAAegC,KAAA,EAAOlB,IAAA;gBAE9ByB,eAAA,GAAkBjB,CAAA,CAAE,wBAAwB;kBAAEU,KAAA,EAAOM;gBAAM;gBAE3DG,IAAA,GAAOtC,cAAA,CAAe;kBACpBgB,UAAA;kBACA2B,IAAA,EAAM,gBAAgBX,IAAA;gBACxB;gBAEAK,UAAA,GAAarC,cAAA,CAAe;kBAC1BgB,UAAA;kBACA2B,IAAA,EAAM,gBAAgBX,IAAA;gBACxB;gBAEAO,mBAAA,GAAsBnB,WAAA,EAAawB,WAAA,GAAcZ,IAAA,CAAK,EAAEa,MAAA;cAC1D;cAEA,IAAIZ,IAAA,KAASnC,UAAA,CAAWgD,MAAM,EAAE;gBAC9BX,KAAA,GAAQtC,cAAA,CAAegC,KAAA,EAAOlB,IAAA;gBAE9ByB,eAAA,GAAkBjB,CAAA,CAAE,qBAAqB;kBACvCU,KAAA,EAAOhC,cAAA,CAAegC,KAAA,EAAOlB,IAAA;gBAC/B;gBAEA2B,IAAA,GAAOtC,cAAA,CAAe;kBACpBgB,UAAA;kBACA2B,IAAA,EAAM,YAAYX,IAAA;gBACpB;gBAEA;gBACA,MAAMe,cAAA,GAAiBzB,UAAA,CAAW0B,IAAI,CAAEF,MAAA,IAAWA,MAAA,CAAOd,IAAI,KAAKA,IAAA;gBACnE,IAAIe,cAAA,EAAgB;kBAClBP,QAAA,GAAWO,cAAA,CAAeE,IAAI,CAACC,SAAS;kBACxCT,WAAA,GAAcM,cAAA,CAAeE,IAAI,CAACE,YAAY;kBAE9C;kBACA,MAAMC,YAAA,GAAeL,cAAA,EAAgBK,YAAA;kBACrC,MAAMC,YAAA,GAAe,IAAIC,IAAA,CAAKP,cAAA,CAAeE,IAAI,EAAEM,aAAA,EAAeC,OAAO;kBAEzE,MAAMC,0BAAA,GAA6BL,YAAA,GAAe;kBAClD,MAAMM,kBAAA,GAAqBL,YAAA,GAAeI,0BAAA;kBAE1C,IAAI,IAAIH,IAAA,GAAOE,OAAO,KAAKE,kBAAA,EAAoB;oBAC7ClB,QAAA,GAAW;oBACXC,WAAA,GAAc;kBAChB;gBACF;cACF;cAEA,MAAMkB,iBAAA,GAAoBxC,CAAA,CAAE,0BAA0B;gBAAEU,KAAA,EAAOM;cAAM;cAErE,oBACEX,IAAA,CAAC;0BACC,aAAAA,IAAA,CAACrB,IAAA;kBACCyD,OAAA,EACEpB,QAAA,IAAY3B,IAAA,EAAMgD,EAAA,KAAOpB,WAAA,EAAaoB,EAAA,gBACpCrC,IAAA,CAACpB,MAAA;oBAAOqB,SAAA,EAAW,GAAGjB,SAAA,UAAmB;oBAAEK,IAAA,EAAM4B;uBAC/CF,mBAAA,IAAuBN,IAAA,KAASnC,UAAA,CAAW4C,UAAU,gBACvDlB,IAAA,CAACtB,MAAA;oBACC,cAAYyD,iBAAA;oBACZG,WAAA,EAAY;oBACZC,EAAA,EAAG;oBACHC,IAAA,EAAK;oBACLC,KAAK;oBACLC,EAAA,EAAI7B,UAAA;oBACJ8B,OAAA,EAASR;uBAETS,SAAA;kBAENhC,eAAA,EAAiBA,eAAA;kBACjBE,IAAA,EAAMA,IAAA;kBACNuB,EAAA,EAAI,QAAQ7B,IAAA,EAAM;kBAClBG,KAAA,EAAOA,KAAA;kBACPkC,OAAA,EAAQ;;iBArBHnC,WAAA;YAyBb;;WA1FwCJ,UAAA;MA8FhD;;;AAKV","ignoreList":[]}

package/dist/widgets/CollectionQuery/SortField/index.d.ts

@@ -1,3 +1,7 @@
-import type { TextFieldClientComponent } from 'payload';
-export declare const CollectionQuerySortField: TextFieldClientComponent;
+import type { TextFieldClientProps } from 'payload';
+import React from 'react';
+/**
+ * @internal - may change or be removed without a major version bump
+ */
+export declare const CollectionQuerySortField: React.FC<TextFieldClientProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/widgets/CollectionQuery/SortField/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/widgets/CollectionQuery/SortField/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAgB,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAcrE,eAAO,MAAM,wBAAwB,EAAE,wBA6FtC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/widgets/CollectionQuery/SortField/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAgB,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEjE,OAAO,KAA+B,MAAM,OAAO,CAAA;AAYnD;;GAEG;AACH,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA6FnE,CAAA"}