@payloadcms/next 3.0.0-beta.9 → 3.0.0-beta.90

package/dist/views/Versions/cells/CreatedAt/index.js

@@ -1,26 +1,32 @@
 'use client';
-import { useTableCell } from '@payloadcms/ui/elements/Table';
-import { useConfig } from '@payloadcms/ui/providers/Config';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
-import { formatDate } from '@payloadcms/ui/utilities/formatDate';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useConfig, useTableCell, useTranslation } from '@payloadcms/ui';
+import { formatAdminURL, formatDate } from '@payloadcms/ui/shared';
 import LinkImport from 'next/link.js';
 import React from 'react';
 const Link = LinkImport.default || LinkImport;
 export const CreatedAtCell = ({ collectionSlug, docID, globalSlug })=>{
-    const { admin: { dateFormat }, routes: { admin } } = useConfig();
+    const { config: { admin: { dateFormat }, routes: { admin: adminRoute } } } = useConfig();
     const { i18n } = useTranslation();
     const { cellData, rowData } = useTableCell();
     const versionID = rowData.id;
     let to;
-    if (collectionSlug) to = `${admin}/collections/${collectionSlug}/${docID}/versions/${versionID}`;
-    if (globalSlug) to = `${admin}/globals/${globalSlug}/versions/${versionID}`;
-    return /*#__PURE__*/ React.createElement(Link, {
-        href: to
-    }, cellData && formatDate({
-        date: cellData,
-        i18n,
-        pattern: dateFormat
-    }));
+    if (collectionSlug) to = formatAdminURL({
+        adminRoute,
+        path: `/collections/${collectionSlug}/${docID}/versions/${versionID}`
+    });
+    if (globalSlug) to = formatAdminURL({
+        adminRoute,
+        path: `/globals/${globalSlug}/versions/${versionID}`
+    });
+    return /*#__PURE__*/ _jsx(Link, {
+        href: to,
+        children: cellData && formatDate({
+            date: cellData,
+            i18n,
+            pattern: dateFormat
+        })
+    });
 };
 
 //# sourceMappingURL=index.js.map

package/dist/views/Versions/cells/CreatedAt/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/views/Versions/cells/CreatedAt/index.tsx"],"sourcesContent":["'use client'\nimport { useTableCell } from '@payloadcms/ui/elements/Table'\nimport { useConfig } from '@payloadcms/ui/providers/Config'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport { formatDate } from '@payloadcms/ui/utilities/formatDate'\nimport LinkImport from 'next/link.js'\nimport React from 'react'\n\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\ntype CreatedAtCellProps = {\n  collectionSlug?: string\n  docID?: number | string\n  globalSlug?: string\n}\n\nexport const CreatedAtCell: React.FC<CreatedAtCellProps> = ({\n  collectionSlug,\n  docID,\n  globalSlug,\n}) => {\n  const {\n    admin: { dateFormat },\n    routes: { admin },\n  } = useConfig()\n\n  const { i18n } = useTranslation()\n\n  const { cellData, rowData } = useTableCell()\n\n  const versionID = rowData.id\n\n  let to: string\n\n  if (collectionSlug) to = `${admin}/collections/${collectionSlug}/${docID}/versions/${versionID}`\n\n  if (globalSlug) to = `${admin}/globals/${globalSlug}/versions/${versionID}`\n\n  return (\n    <Link href={to}>\n      {cellData &&\n        formatDate({ date: cellData as Date | number | string, i18n, pattern: dateFormat })}\n    </Link>\n  )\n}\n"],"names":["useTableCell","useConfig","useTranslation","formatDate","LinkImport","React","Link","default","CreatedAtCell","collectionSlug","docID","globalSlug","admin","dateFormat","routes","i18n","cellData","rowData","versionID","id","to","href","date","pattern"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,SAASA,YAAY,QAAQ,gCAA+B;AAC5D,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,UAAU,QAAQ,sCAAqC;AAChE,OAAOC,gBAAgB,eAAc;AACrC,OAAOC,WAAW,QAAO;AAEzB,MAAMC,OAAQF,WAAWG,OAAO,IAAIH;AAQpC,OAAO,MAAMI,gBAA8C,CAAC,EAC1DC,cAAc,EACdC,KAAK,EACLC,UAAU,EACX;IACC,MAAM,EACJC,OAAO,EAAEC,UAAU,EAAE,EACrBC,QAAQ,EAAEF,KAAK,EAAE,EAClB,GAAGX;IAEJ,MAAM,EAAEc,IAAI,EAAE,GAAGb;IAEjB,MAAM,EAAEc,QAAQ,EAAEC,OAAO,EAAE,GAAGjB;IAE9B,MAAMkB,YAAYD,QAAQE,EAAE;IAE5B,IAAIC;IAEJ,IAAIX,gBAAgBW,KAAK,CAAC,EAAER,MAAM,aAAa,EAAEH,eAAe,CAAC,EAAEC,MAAM,UAAU,EAAEQ,UAAU,CAAC;IAEhG,IAAIP,YAAYS,KAAK,CAAC,EAAER,MAAM,SAAS,EAAED,WAAW,UAAU,EAAEO,UAAU,CAAC;IAE3E,qBACE,oBAACZ;QAAKe,MAAMD;OACTJ,YACCb,WAAW;QAAEmB,MAAMN;QAAoCD;QAAMQ,SAASV;IAAW;AAGzF,EAAC"}
+{"version":3,"sources":["../../../../../src/views/Versions/cells/CreatedAt/index.tsx"],"sourcesContent":["'use client'\nimport { useConfig, useTableCell, useTranslation } from '@payloadcms/ui'\nimport { formatAdminURL, formatDate } from '@payloadcms/ui/shared'\nimport LinkImport from 'next/link.js'\nimport React from 'react'\n\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\ntype CreatedAtCellProps = {\n  collectionSlug?: string\n  docID?: number | string\n  globalSlug?: string\n}\n\nexport const CreatedAtCell: React.FC<CreatedAtCellProps> = ({\n  collectionSlug,\n  docID,\n  globalSlug,\n}) => {\n  const {\n    config: {\n      admin: { dateFormat },\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const { i18n } = useTranslation()\n\n  const { cellData, rowData } = useTableCell()\n\n  const versionID = rowData.id\n\n  let to: string\n\n  if (collectionSlug)\n    to = formatAdminURL({\n      adminRoute,\n      path: `/collections/${collectionSlug}/${docID}/versions/${versionID}`,\n    })\n\n  if (globalSlug)\n    to = formatAdminURL({\n      adminRoute,\n      path: `/globals/${globalSlug}/versions/${versionID}`,\n    })\n\n  return (\n    <Link href={to}>\n      {cellData &&\n        formatDate({ date: cellData as Date | number | string, i18n, pattern: dateFormat })}\n    </Link>\n  )\n}\n"],"names":["useConfig","useTableCell","useTranslation","formatAdminURL","formatDate","LinkImport","React","Link","default","CreatedAtCell","collectionSlug","docID","globalSlug","config","admin","dateFormat","routes","adminRoute","i18n","cellData","rowData","versionID","id","to","path","href","date","pattern"],"mappings":"AAAA;;AACA,SAASA,SAAS,EAAEC,YAAY,EAAEC,cAAc,QAAQ,iBAAgB;AACxE,SAASC,cAAc,EAAEC,UAAU,QAAQ,wBAAuB;AAClE,OAAOC,gBAAgB,eAAc;AACrC,OAAOC,WAAW,QAAO;AAEzB,MAAMC,OAAQF,WAAWG,OAAO,IAAIH;AAQpC,OAAO,MAAMI,gBAA8C,CAAC,EAC1DC,cAAc,EACdC,KAAK,EACLC,UAAU,EACX;IACC,MAAM,EACJC,QAAQ,EACNC,OAAO,EAAEC,UAAU,EAAE,EACrBC,QAAQ,EAAEF,OAAOG,UAAU,EAAE,EAC9B,EACF,GAAGjB;IAEJ,MAAM,EAAEkB,IAAI,EAAE,GAAGhB;IAEjB,MAAM,EAAEiB,QAAQ,EAAEC,OAAO,EAAE,GAAGnB;IAE9B,MAAMoB,YAAYD,QAAQE,EAAE;IAE5B,IAAIC;IAEJ,IAAIb,gBACFa,KAAKpB,eAAe;QAClBc;QACAO,MAAM,CAAC,aAAa,EAAEd,eAAe,CAAC,EAAEC,MAAM,UAAU,EAAEU,UAAU,CAAC;IACvE;IAEF,IAAIT,YACFW,KAAKpB,eAAe;QAClBc;QACAO,MAAM,CAAC,SAAS,EAAEZ,WAAW,UAAU,EAAES,UAAU,CAAC;IACtD;IAEF,qBACE,KAACd;QAAKkB,MAAMF;kBACTJ,YACCf,WAAW;YAAEsB,MAAMP;YAAoCD;YAAMS,SAASZ;QAAW;;AAGzF,EAAC"}

package/dist/views/Versions/cells/ID/index.js

@@ -1,9 +1,12 @@
 'use client';
-import { useTableCell } from '@payloadcms/ui/elements/Table';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useTableCell } from '@payloadcms/ui';
 import React, { Fragment } from 'react';
 export const IDCell = ()=>{
     const { cellData } = useTableCell();
-    return /*#__PURE__*/ React.createElement(Fragment, null, cellData);
+    return /*#__PURE__*/ _jsx(Fragment, {
+        children: cellData
+    });
 };
 
 //# sourceMappingURL=index.js.map

package/dist/views/Versions/cells/ID/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/views/Versions/cells/ID/index.tsx"],"sourcesContent":["'use client'\nimport { useTableCell } from '@payloadcms/ui/elements/Table'\nimport React, { Fragment } from 'react'\n\nexport const IDCell: React.FC = () => {\n  const { cellData } = useTableCell()\n  return <Fragment>{cellData as number | string}</Fragment>\n}\n"],"names":["useTableCell","React","Fragment","IDCell","cellData"],"rangeMappings":";;;;;;","mappings":"AAAA;AACA,SAASA,YAAY,QAAQ,gCAA+B;AAC5D,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAEvC,OAAO,MAAMC,SAAmB;IAC9B,MAAM,EAAEC,QAAQ,EAAE,GAAGJ;IACrB,qBAAO,oBAACE,gBAAUE;AACpB,EAAC"}
+{"version":3,"sources":["../../../../../src/views/Versions/cells/ID/index.tsx"],"sourcesContent":["'use client'\nimport { useTableCell } from '@payloadcms/ui'\nimport React, { Fragment } from 'react'\n\nexport const IDCell: React.FC = () => {\n  const { cellData } = useTableCell()\n  return <Fragment>{cellData as number | string}</Fragment>\n}\n"],"names":["useTableCell","React","Fragment","IDCell","cellData"],"mappings":"AAAA;;AACA,SAASA,YAAY,QAAQ,iBAAgB;AAC7C,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAEvC,OAAO,MAAMC,SAAmB;IAC9B,MAAM,EAAEC,QAAQ,EAAE,GAAGJ;IACrB,qBAAO,KAACE;kBAAUE;;AACpB,EAAC"}

package/dist/views/Versions/getLatestVersion.d.ts

@@ -0,0 +1,14 @@
+import type { Payload } from 'payload';
+type ReturnType = {
+    id: string;
+    updatedAt: string;
+} | null;
+type Args = {
+    payload: Payload;
+    slug: string;
+    status: 'draft' | 'published';
+    type: 'collection' | 'global';
+};
+export declare function getLatestVersion(args: Args): Promise<ReturnType>;
+export {};
+//# sourceMappingURL=getLatestVersion.d.ts.map

package/dist/views/Versions/getLatestVersion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getLatestVersion.d.ts","sourceRoot":"","sources":["../../../src/views/Versions/getLatestVersion.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAEtC,KAAK,UAAU,GAAG;IAChB,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,EAAE,MAAM,CAAA;CAClB,GAAG,IAAI,CAAA;AAER,KAAK,IAAI,GAAG;IACV,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,OAAO,GAAG,WAAW,CAAA;IAC7B,IAAI,EAAE,YAAY,GAAG,QAAQ,CAAA;CAC9B,CAAA;AACD,wBAAsB,gBAAgB,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,UAAU,CAAC,CAsCtE"}

package/dist/views/Versions/getLatestVersion.js

@@ -0,0 +1,34 @@
+export async function getLatestVersion(args) {
+    const { slug, type = 'collection', payload, status } = args;
+    try {
+        const sharedOptions = {
+            depth: 0,
+            limit: 1,
+            sort: '-updatedAt',
+            where: {
+                'version._status': {
+                    equals: status
+                }
+            }
+        };
+        const response = type === 'collection' ? await payload.findVersions({
+            collection: slug,
+            ...sharedOptions
+        }) : await payload.findGlobalVersions({
+            slug,
+            ...sharedOptions
+        });
+        if (!response.docs.length) {
+            return null;
+        }
+        return {
+            id: response.docs[0].id,
+            updatedAt: response.docs[0].updatedAt
+        };
+    } catch (e) {
+        console.error(e);
+        return null;
+    }
+}
+
+//# sourceMappingURL=getLatestVersion.js.map

package/dist/views/Versions/getLatestVersion.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/views/Versions/getLatestVersion.ts"],"sourcesContent":["import type { Payload } from 'payload'\n\ntype ReturnType = {\n  id: string\n  updatedAt: string\n} | null\n\ntype Args = {\n  payload: Payload\n  slug: string\n  status: 'draft' | 'published'\n  type: 'collection' | 'global'\n}\nexport async function getLatestVersion(args: Args): Promise<ReturnType> {\n  const { slug, type = 'collection', payload, status } = args\n\n  try {\n    const sharedOptions = {\n      depth: 0,\n      limit: 1,\n      sort: '-updatedAt',\n      where: {\n        'version._status': {\n          equals: status,\n        },\n      },\n    }\n\n    const response =\n      type === 'collection'\n        ? await payload.findVersions({\n            collection: slug,\n            ...sharedOptions,\n          })\n        : await payload.findGlobalVersions({\n            slug,\n            ...sharedOptions,\n          })\n\n    if (!response.docs.length) {\n      return null\n    }\n\n    return {\n      id: response.docs[0].id,\n      updatedAt: response.docs[0].updatedAt,\n    }\n  } catch (e) {\n    console.error(e)\n    return null\n  }\n}\n"],"names":["getLatestVersion","args","slug","type","payload","status","sharedOptions","depth","limit","sort","where","equals","response","findVersions","collection","findGlobalVersions","docs","length","id","updatedAt","e","console","error"],"mappings":"AAaA,OAAO,eAAeA,iBAAiBC,IAAU;IAC/C,MAAM,EAAEC,IAAI,EAAEC,OAAO,YAAY,EAAEC,OAAO,EAAEC,MAAM,EAAE,GAAGJ;IAEvD,IAAI;QACF,MAAMK,gBAAgB;YACpBC,OAAO;YACPC,OAAO;YACPC,MAAM;YACNC,OAAO;gBACL,mBAAmB;oBACjBC,QAAQN;gBACV;YACF;QACF;QAEA,MAAMO,WACJT,SAAS,eACL,MAAMC,QAAQS,YAAY,CAAC;YACzBC,YAAYZ;YACZ,GAAGI,aAAa;QAClB,KACA,MAAMF,QAAQW,kBAAkB,CAAC;YAC/Bb;YACA,GAAGI,aAAa;QAClB;QAEN,IAAI,CAACM,SAASI,IAAI,CAACC,MAAM,EAAE;YACzB,OAAO;QACT;QAEA,OAAO;YACLC,IAAIN,SAASI,IAAI,CAAC,EAAE,CAACE,EAAE;YACvBC,WAAWP,SAASI,IAAI,CAAC,EAAE,CAACG,SAAS;QACvC;IACF,EAAE,OAAOC,GAAG;QACVC,QAAQC,KAAK,CAACF;QACd,OAAO;IACT;AACF"}

package/dist/views/Versions/index.client.d.ts

@@ -1,10 +1,10 @@
-import type { SanitizedCollectionConfig } from 'payload/types';
-import { type Column } from '@payloadcms/ui/elements/Table';
+import type { SanitizedCollectionConfig } from 'payload';
+import { type Column } from '@payloadcms/ui';
 import React from 'react';
 export declare const VersionsViewClient: React.FC<{
-    baseClass: string;
-    columns: Column[];
-    fetchURL: string;
-    paginationLimits?: SanitizedCollectionConfig['admin']['pagination']['limits'];
+    readonly baseClass: string;
+    readonly columns: Column[];
+    readonly fetchURL: string;
+    readonly paginationLimits?: SanitizedCollectionConfig['admin']['pagination']['limits'];
 }>;
 //# sourceMappingURL=index.client.d.ts.map

package/dist/views/Versions/index.client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/views/Versions/index.client.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAK9D,OAAO,EAAE,KAAK,MAAM,EAAS,MAAM,+BAA+B,CAAA;AAOlE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC;IACxC,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,gBAAgB,CAAC,EAAE,yBAAyB,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,CAAA;CAC9E,CA+DA,CAAA"}
+{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/views/Versions/index.client.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAA8C,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAEpG,OAAO,EACL,KAAK,MAAM,EAUZ,MAAM,gBAAgB,CAAA;AAEvB,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC;IACxC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,CAAA;IAC1B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,gBAAgB,CAAC,EAAE,yBAAyB,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,CAAA;CACvF,CAuEA,CAAA"}

package/dist/views/Versions/index.client.js

@@ -1,57 +1,84 @@
 'use client';
-import { LoadingOverlayToggle } from '@payloadcms/ui/elements/Loading';
-import { Pagination } from '@payloadcms/ui/elements/Pagination';
-import { PerPage } from '@payloadcms/ui/elements/PerPage';
-import { Table } from '@payloadcms/ui/elements/Table';
-import { SetViewActions } from '@payloadcms/ui/providers/Actions';
-import { useComponentMap } from '@payloadcms/ui/providers/ComponentMap';
-import { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo';
-import { useListQuery } from '@payloadcms/ui/providers/ListQuery';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { LoadingOverlayToggle, Pagination, PerPage, SetViewActions, Table, useConfig, useDocumentInfo, useListQuery, useTranslation } from '@payloadcms/ui';
 import { useSearchParams } from 'next/navigation.js';
 import React from 'react';
 export const VersionsViewClient = (props)=>{
     const { baseClass, columns, paginationLimits } = props;
-    const { getComponentMap } = useComponentMap();
     const { collectionSlug, globalSlug } = useDocumentInfo();
-    const { data, handlePerPageChange } = useListQuery();
-    const componentMap = getComponentMap({
-        collectionSlug,
+    const { data, handlePageChange, handlePerPageChange } = useListQuery();
+    const { getEntityConfig } = useConfig();
+    const collectionConfig = getEntityConfig({
+        collectionSlug
+    });
+    const globalConfig = getEntityConfig({
         globalSlug
     });
     const searchParams = useSearchParams();
     const limit = searchParams.get('limit');
     const { i18n } = useTranslation();
     const versionCount = data?.totalDocs || 0;
-    return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(SetViewActions, {
-        actions: componentMap?.actionsMap?.Edit?.Versions
-    }), /*#__PURE__*/ React.createElement(LoadingOverlayToggle, {
-        name: "versions",
-        show: !data
-    }), versionCount === 0 && /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__no-versions`
-    }, i18n.t('version:noFurtherVersionsFound')), versionCount > 0 && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Table, {
-        columns: columns,
-        data: data?.docs,
-        fieldMap: componentMap?.fieldMap
-    }), /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__page-controls`
-    }, /*#__PURE__*/ React.createElement(Pagination, {
-        hasNextPage: data.hasNextPage,
-        hasPrevPage: data.hasPrevPage,
-        limit: data.limit,
-        nextPage: data.nextPage,
-        numberOfNeighbors: 1,
-        page: data.page,
-        prevPage: data.prevPage,
-        totalPages: data.totalPages
-    }), data?.totalDocs > 0 && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__page-info`
-    }, data.page * data.limit - (data.limit - 1), "-", data.totalPages > 1 && data.totalPages !== data.page ? data.limit * data.page : data.totalDocs, ' ', i18n.t('general:of'), " ", data.totalDocs), /*#__PURE__*/ React.createElement(PerPage, {
-        handleChange: handlePerPageChange,
-        limit: limit ? Number(limit) : 10,
-        limits: paginationLimits
-    })))));
+    return /*#__PURE__*/ _jsxs(React.Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(SetViewActions, {
+                actions: (collectionConfig || globalConfig)?.admin?.components?.views?.edit?.versions?.actions
+            }),
+            /*#__PURE__*/ _jsx(LoadingOverlayToggle, {
+                name: "versions",
+                show: !data
+            }),
+            versionCount === 0 && /*#__PURE__*/ _jsx("div", {
+                className: `${baseClass}__no-versions`,
+                children: i18n.t('version:noFurtherVersionsFound')
+            }),
+            versionCount > 0 && /*#__PURE__*/ _jsxs(React.Fragment, {
+                children: [
+                    /*#__PURE__*/ _jsx(Table, {
+                        columns: columns,
+                        data: data?.docs,
+                        fields: (collectionConfig || globalConfig)?.fields
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: `${baseClass}__page-controls`,
+                        children: [
+                            /*#__PURE__*/ _jsx(Pagination, {
+                                hasNextPage: data.hasNextPage,
+                                hasPrevPage: data.hasPrevPage,
+                                limit: data.limit,
+                                nextPage: data.nextPage,
+                                numberOfNeighbors: 1,
+                                onChange: ()=>handlePageChange,
+                                page: data.page,
+                                prevPage: data.prevPage,
+                                totalPages: data.totalPages
+                            }),
+                            data?.totalDocs > 0 && /*#__PURE__*/ _jsxs(React.Fragment, {
+                                children: [
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        className: `${baseClass}__page-info`,
+                                        children: [
+                                            data.page * data.limit - (data.limit - 1),
+                                            "-",
+                                            data.totalPages > 1 && data.totalPages !== data.page ? data.limit * data.page : data.totalDocs,
+                                            ' ',
+                                            i18n.t('general:of'),
+                                            " ",
+                                            data.totalDocs
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsx(PerPage, {
+                                        handleChange: ()=>handlePerPageChange,
+                                        limit: limit ? Number(limit) : 10,
+                                        limits: paginationLimits
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
 };
 
 //# sourceMappingURL=index.client.js.map

package/dist/views/Versions/index.client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Versions/index.client.tsx"],"sourcesContent":["'use client'\nimport type { PaginatedDocs } from 'payload/database'\nimport type { SanitizedCollectionConfig } from 'payload/types'\n\nimport { LoadingOverlayToggle } from '@payloadcms/ui/elements/Loading'\nimport { Pagination } from '@payloadcms/ui/elements/Pagination'\nimport { PerPage } from '@payloadcms/ui/elements/PerPage'\nimport { type Column, Table } from '@payloadcms/ui/elements/Table'\nimport { SetViewActions } from '@payloadcms/ui/providers/Actions'\nimport { useComponentMap } from '@payloadcms/ui/providers/ComponentMap'\nimport { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo'\nimport { useListQuery } from '@payloadcms/ui/providers/ListQuery'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport { useSearchParams } from 'next/navigation.js'\nimport React from 'react'\n\nexport const VersionsViewClient: React.FC<{\n  baseClass: string\n  columns: Column[]\n  fetchURL: string\n  paginationLimits?: SanitizedCollectionConfig['admin']['pagination']['limits']\n}> = (props) => {\n  const { baseClass, columns, paginationLimits } = props\n\n  const { getComponentMap } = useComponentMap()\n  const { collectionSlug, globalSlug } = useDocumentInfo()\n  const { data, handlePerPageChange } = useListQuery()\n\n  const componentMap = getComponentMap({\n    collectionSlug,\n    globalSlug,\n  })\n\n  const searchParams = useSearchParams()\n  const limit = searchParams.get('limit')\n\n  const { i18n } = useTranslation()\n\n  const versionCount = data?.totalDocs || 0\n\n  return (\n    <React.Fragment>\n      <SetViewActions actions={componentMap?.actionsMap?.Edit?.Versions} />\n      <LoadingOverlayToggle name=\"versions\" show={!data} />\n      {versionCount === 0 && (\n        <div className={`${baseClass}__no-versions`}>\n          {i18n.t('version:noFurtherVersionsFound')}\n        </div>\n      )}\n      {versionCount > 0 && (\n        <React.Fragment>\n          <Table columns={columns} data={data?.docs} fieldMap={componentMap?.fieldMap} />\n          <div className={`${baseClass}__page-controls`}>\n            <Pagination\n              hasNextPage={data.hasNextPage}\n              hasPrevPage={data.hasPrevPage}\n              limit={data.limit}\n              nextPage={data.nextPage}\n              numberOfNeighbors={1}\n              page={data.page}\n              prevPage={data.prevPage}\n              totalPages={data.totalPages}\n            />\n            {data?.totalDocs > 0 && (\n              <React.Fragment>\n                <div className={`${baseClass}__page-info`}>\n                  {data.page * data.limit - (data.limit - 1)}-\n                  {data.totalPages > 1 && data.totalPages !== data.page\n                    ? data.limit * data.page\n                    : data.totalDocs}{' '}\n                  {i18n.t('general:of')} {data.totalDocs}\n                </div>\n                <PerPage\n                  handleChange={handlePerPageChange}\n                  limit={limit ? Number(limit) : 10}\n                  limits={paginationLimits}\n                />\n              </React.Fragment>\n            )}\n          </div>\n        </React.Fragment>\n      )}\n    </React.Fragment>\n  )\n}\n"],"names":["LoadingOverlayToggle","Pagination","PerPage","Table","SetViewActions","useComponentMap","useDocumentInfo","useListQuery","useTranslation","useSearchParams","React","VersionsViewClient","props","baseClass","columns","paginationLimits","getComponentMap","collectionSlug","globalSlug","data","handlePerPageChange","componentMap","searchParams","limit","get","i18n","versionCount","totalDocs","Fragment","actions","actionsMap","Edit","Versions","name","show","div","className","t","docs","fieldMap","hasNextPage","hasPrevPage","nextPage","numberOfNeighbors","page","prevPage","totalPages","handleChange","Number","limits"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAIA,SAASA,oBAAoB,QAAQ,kCAAiC;AACtE,SAASC,UAAU,QAAQ,qCAAoC;AAC/D,SAASC,OAAO,QAAQ,kCAAiC;AACzD,SAAsBC,KAAK,QAAQ,gCAA+B;AAClE,SAASC,cAAc,QAAQ,mCAAkC;AACjE,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,eAAe,QAAQ,qBAAoB;AACpD,OAAOC,WAAW,QAAO;AAEzB,OAAO,MAAMC,qBAKR,CAACC;IACJ,MAAM,EAAEC,SAAS,EAAEC,OAAO,EAAEC,gBAAgB,EAAE,GAAGH;IAEjD,MAAM,EAAEI,eAAe,EAAE,GAAGX;IAC5B,MAAM,EAAEY,cAAc,EAAEC,UAAU,EAAE,GAAGZ;IACvC,MAAM,EAAEa,IAAI,EAAEC,mBAAmB,EAAE,GAAGb;IAEtC,MAAMc,eAAeL,gBAAgB;QACnCC;QACAC;IACF;IAEA,MAAMI,eAAeb;IACrB,MAAMc,QAAQD,aAAaE,GAAG,CAAC;IAE/B,MAAM,EAAEC,IAAI,EAAE,GAAGjB;IAEjB,MAAMkB,eAAeP,MAAMQ,aAAa;IAExC,qBACE,oBAACjB,MAAMkB,QAAQ,sBACb,oBAACxB;QAAeyB,SAASR,cAAcS,YAAYC,MAAMC;sBACzD,oBAAChC;QAAqBiC,MAAK;QAAWC,MAAM,CAACf;QAC5CO,iBAAiB,mBAChB,oBAACS;QAAIC,WAAW,CAAC,EAAEvB,UAAU,aAAa,CAAC;OACxCY,KAAKY,CAAC,CAAC,oCAGXX,eAAe,mBACd,oBAAChB,MAAMkB,QAAQ,sBACb,oBAACzB;QAAMW,SAASA;QAASK,MAAMA,MAAMmB;QAAMC,UAAUlB,cAAckB;sBACnE,oBAACJ;QAAIC,WAAW,CAAC,EAAEvB,UAAU,eAAe,CAAC;qBAC3C,oBAACZ;QACCuC,aAAarB,KAAKqB,WAAW;QAC7BC,aAAatB,KAAKsB,WAAW;QAC7BlB,OAAOJ,KAAKI,KAAK;QACjBmB,UAAUvB,KAAKuB,QAAQ;QACvBC,mBAAmB;QACnBC,MAAMzB,KAAKyB,IAAI;QACfC,UAAU1B,KAAK0B,QAAQ;QACvBC,YAAY3B,KAAK2B,UAAU;QAE5B3B,MAAMQ,YAAY,mBACjB,oBAACjB,MAAMkB,QAAQ,sBACb,oBAACO;QAAIC,WAAW,CAAC,EAAEvB,UAAU,WAAW,CAAC;OACtCM,KAAKyB,IAAI,GAAGzB,KAAKI,KAAK,GAAIJ,CAAAA,KAAKI,KAAK,GAAG,CAAA,GAAG,KAC1CJ,KAAK2B,UAAU,GAAG,KAAK3B,KAAK2B,UAAU,KAAK3B,KAAKyB,IAAI,GACjDzB,KAAKI,KAAK,GAAGJ,KAAKyB,IAAI,GACtBzB,KAAKQ,SAAS,EAAE,KACnBF,KAAKY,CAAC,CAAC,eAAc,KAAElB,KAAKQ,SAAS,iBAExC,oBAACzB;QACC6C,cAAc3B;QACdG,OAAOA,QAAQyB,OAAOzB,SAAS;QAC/B0B,QAAQlC;;AAS1B,EAAC"}
+{"version":3,"sources":["../../../src/views/Versions/index.client.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ClientGlobalConfig, SanitizedCollectionConfig } from 'payload'\n\nimport {\n  type Column,\n  LoadingOverlayToggle,\n  Pagination,\n  PerPage,\n  SetViewActions,\n  Table,\n  useConfig,\n  useDocumentInfo,\n  useListQuery,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { useSearchParams } from 'next/navigation.js'\nimport React from 'react'\n\nexport const VersionsViewClient: React.FC<{\n  readonly baseClass: string\n  readonly columns: Column[]\n  readonly fetchURL: string\n  readonly paginationLimits?: SanitizedCollectionConfig['admin']['pagination']['limits']\n}> = (props) => {\n  const { baseClass, columns, paginationLimits } = props\n\n  const { collectionSlug, globalSlug } = useDocumentInfo()\n  const { data, handlePageChange, handlePerPageChange } = useListQuery()\n\n  const { getEntityConfig } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug }) as ClientCollectionConfig\n  const globalConfig = getEntityConfig({ globalSlug }) as ClientGlobalConfig\n\n  const searchParams = useSearchParams()\n  const limit = searchParams.get('limit')\n\n  const { i18n } = useTranslation()\n\n  const versionCount = data?.totalDocs || 0\n\n  return (\n    <React.Fragment>\n      <SetViewActions\n        actions={\n          (collectionConfig || globalConfig)?.admin?.components?.views?.edit?.versions?.actions\n        }\n      />\n      <LoadingOverlayToggle name=\"versions\" show={!data} />\n      {versionCount === 0 && (\n        <div className={`${baseClass}__no-versions`}>\n          {i18n.t('version:noFurtherVersionsFound')}\n        </div>\n      )}\n      {versionCount > 0 && (\n        <React.Fragment>\n          <Table\n            columns={columns}\n            data={data?.docs}\n            fields={(collectionConfig || globalConfig)?.fields}\n          />\n          <div className={`${baseClass}__page-controls`}>\n            <Pagination\n              hasNextPage={data.hasNextPage}\n              hasPrevPage={data.hasPrevPage}\n              limit={data.limit}\n              nextPage={data.nextPage}\n              numberOfNeighbors={1}\n              onChange={() => handlePageChange}\n              page={data.page}\n              prevPage={data.prevPage}\n              totalPages={data.totalPages}\n            />\n            {data?.totalDocs > 0 && (\n              <React.Fragment>\n                <div className={`${baseClass}__page-info`}>\n                  {data.page * data.limit - (data.limit - 1)}-\n                  {data.totalPages > 1 && data.totalPages !== data.page\n                    ? data.limit * data.page\n                    : data.totalDocs}{' '}\n                  {i18n.t('general:of')} {data.totalDocs}\n                </div>\n                <PerPage\n                  handleChange={() => handlePerPageChange}\n                  limit={limit ? Number(limit) : 10}\n                  limits={paginationLimits}\n                />\n              </React.Fragment>\n            )}\n          </div>\n        </React.Fragment>\n      )}\n    </React.Fragment>\n  )\n}\n"],"names":["LoadingOverlayToggle","Pagination","PerPage","SetViewActions","Table","useConfig","useDocumentInfo","useListQuery","useTranslation","useSearchParams","React","VersionsViewClient","props","baseClass","columns","paginationLimits","collectionSlug","globalSlug","data","handlePageChange","handlePerPageChange","getEntityConfig","collectionConfig","globalConfig","searchParams","limit","get","i18n","versionCount","totalDocs","Fragment","actions","admin","components","views","edit","versions","name","show","div","className","t","docs","fields","hasNextPage","hasPrevPage","nextPage","numberOfNeighbors","onChange","page","prevPage","totalPages","handleChange","Number","limits"],"mappings":"AAAA;;AAGA,SAEEA,oBAAoB,EACpBC,UAAU,EACVC,OAAO,EACPC,cAAc,EACdC,KAAK,EACLC,SAAS,EACTC,eAAe,EACfC,YAAY,EACZC,cAAc,QACT,iBAAgB;AACvB,SAASC,eAAe,QAAQ,qBAAoB;AACpD,OAAOC,WAAW,QAAO;AAEzB,OAAO,MAAMC,qBAKR,CAACC;IACJ,MAAM,EAAEC,SAAS,EAAEC,OAAO,EAAEC,gBAAgB,EAAE,GAAGH;IAEjD,MAAM,EAAEI,cAAc,EAAEC,UAAU,EAAE,GAAGX;IACvC,MAAM,EAAEY,IAAI,EAAEC,gBAAgB,EAAEC,mBAAmB,EAAE,GAAGb;IAExD,MAAM,EAAEc,eAAe,EAAE,GAAGhB;IAE5B,MAAMiB,mBAAmBD,gBAAgB;QAAEL;IAAe;IAC1D,MAAMO,eAAeF,gBAAgB;QAAEJ;IAAW;IAElD,MAAMO,eAAef;IACrB,MAAMgB,QAAQD,aAAaE,GAAG,CAAC;IAE/B,MAAM,EAAEC,IAAI,EAAE,GAAGnB;IAEjB,MAAMoB,eAAeV,MAAMW,aAAa;IAExC,qBACE,MAACnB,MAAMoB,QAAQ;;0BACb,KAAC3B;gBACC4B,SACGT,CAAAA,oBAAoBC,YAAW,GAAIS,OAAOC,YAAYC,OAAOC,MAAMC,UAAUL;;0BAGlF,KAAC/B;gBAAqBqC,MAAK;gBAAWC,MAAM,CAACpB;;YAC5CU,iBAAiB,mBAChB,KAACW;gBAAIC,WAAW,CAAC,EAAE3B,UAAU,aAAa,CAAC;0BACxCc,KAAKc,CAAC,CAAC;;YAGXb,eAAe,mBACd,MAAClB,MAAMoB,QAAQ;;kCACb,KAAC1B;wBACCU,SAASA;wBACTI,MAAMA,MAAMwB;wBACZC,QAASrB,CAAAA,oBAAoBC,YAAW,GAAIoB;;kCAE9C,MAACJ;wBAAIC,WAAW,CAAC,EAAE3B,UAAU,eAAe,CAAC;;0CAC3C,KAACZ;gCACC2C,aAAa1B,KAAK0B,WAAW;gCAC7BC,aAAa3B,KAAK2B,WAAW;gCAC7BpB,OAAOP,KAAKO,KAAK;gCACjBqB,UAAU5B,KAAK4B,QAAQ;gCACvBC,mBAAmB;gCACnBC,UAAU,IAAM7B;gCAChB8B,MAAM/B,KAAK+B,IAAI;gCACfC,UAAUhC,KAAKgC,QAAQ;gCACvBC,YAAYjC,KAAKiC,UAAU;;4BAE5BjC,MAAMW,YAAY,mBACjB,MAACnB,MAAMoB,QAAQ;;kDACb,MAACS;wCAAIC,WAAW,CAAC,EAAE3B,UAAU,WAAW,CAAC;;4CACtCK,KAAK+B,IAAI,GAAG/B,KAAKO,KAAK,GAAIP,CAAAA,KAAKO,KAAK,GAAG,CAAA;4CAAG;4CAC1CP,KAAKiC,UAAU,GAAG,KAAKjC,KAAKiC,UAAU,KAAKjC,KAAK+B,IAAI,GACjD/B,KAAKO,KAAK,GAAGP,KAAK+B,IAAI,GACtB/B,KAAKW,SAAS;4CAAE;4CACnBF,KAAKc,CAAC,CAAC;4CAAc;4CAAEvB,KAAKW,SAAS;;;kDAExC,KAAC3B;wCACCkD,cAAc,IAAMhC;wCACpBK,OAAOA,QAAQ4B,OAAO5B,SAAS;wCAC/B6B,QAAQvC;;;;;;;;;;AAS1B,EAAC"}

package/dist/views/Versions/index.d.ts

@@ -1,5 +1,5 @@
-import type { EditViewComponent } from 'payload/types';
+import type { EditViewComponent, PayloadServerReactComponent } from 'payload';
 import './index.scss';
 export declare const baseClass = "versions";
-export declare const VersionsView: EditViewComponent;
+export declare const VersionsView: PayloadServerReactComponent<EditViewComponent>;
 //# sourceMappingURL=index.d.ts.map

package/dist/views/Versions/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Versions/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAWtD,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,SAAS,aAAa,CAAA;AAEnC,eAAO,MAAM,YAAY,EAAE,iBAiH1B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Versions/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAiB,2BAA2B,EAAE,MAAM,SAAS,CAAA;AAW5F,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,SAAS,aAAa,CAAA;AAEnC,eAAO,MAAM,YAAY,EAAE,2BAA2B,CAAC,iBAAiB,CA6JvE,CAAA"}

package/dist/views/Versions/index.js

@@ -1,21 +1,24 @@
-import { Gutter } from '@payloadcms/ui/elements/Gutter';
-import { ListQueryProvider } from '@payloadcms/ui/providers/ListQuery';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Gutter, ListQueryProvider } from '@payloadcms/ui';
 import { notFound } from 'next/navigation.js';
-import { isNumber } from 'payload/utilities';
+import { isNumber } from 'payload/shared';
 import React from 'react';
-import { SetStepNav } from '../Edit/Default/SetStepNav/index.js';
+import { SetDocumentStepNav } from '../Edit/Default/SetDocumentStepNav/index.js';
 import { buildVersionColumns } from './buildColumns.js';
+import { getLatestVersion } from './getLatestVersion.js';
 import { VersionsViewClient } from './index.client.js';
 export const baseClass = 'versions';
 export const VersionsView = async (props)=>{
     const { initPageResult, searchParams } = props;
-    const { collectionConfig, docID: id, globalConfig, req: { i18n, payload, payload: { config }, user } } = initPageResult;
+    const { collectionConfig, docID: id, globalConfig, req, req: { i18n, payload, payload: { config }, user } } = initPageResult;
     const collectionSlug = collectionConfig?.slug;
     const globalSlug = globalConfig?.slug;
     const { limit, page, sort } = searchParams;
     const { routes: { api: apiRoute }, serverURL } = config;
     let versionsData;
     let limitToUse = isNumber(limit) ? Number(limit) : undefined;
+    let latestPublishedVersion = null;
+    let latestDraftVersion = null;
     if (collectionSlug) {
         limitToUse = limitToUse || collectionConfig.admin.pagination.defaultLimit;
         try {
@@ -25,6 +28,7 @@ export const VersionsView = async (props)=>{
                 limit: limitToUse,
                 overrideAccess: false,
                 page: page ? parseInt(page.toString(), 10) : undefined,
+                req,
                 sort: sort,
                 user,
                 where: {
@@ -33,6 +37,20 @@ export const VersionsView = async (props)=>{
                     }
                 }
             });
+            if (collectionConfig?.versions?.drafts) {
+                latestDraftVersion = await getLatestVersion({
+                    slug: collectionSlug,
+                    type: 'collection',
+                    payload,
+                    status: 'draft'
+                });
+                latestPublishedVersion = await getLatestVersion({
+                    slug: collectionSlug,
+                    type: 'collection',
+                    payload,
+                    status: 'published'
+                });
+            }
         } catch (error) {
             console.error(error) // eslint-disable-line no-console
             ;
@@ -47,9 +65,24 @@ export const VersionsView = async (props)=>{
                 limit: limitToUse,
                 overrideAccess: false,
                 page: page ? parseInt(page, 10) : undefined,
+                req,
                 sort: sort,
                 user
             });
+            if (globalConfig?.versions?.drafts) {
+                latestDraftVersion = await getLatestVersion({
+                    slug: globalSlug,
+                    type: 'global',
+                    payload,
+                    status: 'draft'
+                });
+                latestPublishedVersion = await getLatestVersion({
+                    slug: globalSlug,
+                    type: 'global',
+                    payload,
+                    status: 'published'
+                });
+            }
         } catch (error) {
             console.error(error) // eslint-disable-line no-console
             ;
@@ -58,36 +91,53 @@ export const VersionsView = async (props)=>{
             return notFound();
         }
     }
+    const fetchURL = collectionSlug ? `${serverURL}${apiRoute}/${collectionSlug}/versions` : globalSlug ? `${serverURL}${apiRoute}/globals/${globalSlug}/versions` : '';
+    const publishedNewerThanDraft = latestPublishedVersion?.updatedAt > latestDraftVersion?.updatedAt;
+    if (publishedNewerThanDraft) {
+        latestDraftVersion = {
+            id: '',
+            updatedAt: ''
+        };
+    }
     const columns = buildVersionColumns({
         collectionConfig,
         config,
         docID: id,
         globalConfig,
-        i18n
+        i18n,
+        latestDraftVersion: latestDraftVersion?.id,
+        latestPublishedVersion: latestPublishedVersion?.id
+    });
+    return /*#__PURE__*/ _jsxs(React.Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(SetDocumentStepNav, {
+                collectionSlug: collectionConfig?.slug,
+                globalSlug: globalConfig?.slug,
+                id: id,
+                pluralLabel: collectionConfig?.labels?.plural || globalConfig?.label,
+                useAsTitle: collectionConfig?.admin?.useAsTitle || globalConfig?.slug,
+                view: i18n.t('version:versions')
+            }),
+            /*#__PURE__*/ _jsx("main", {
+                className: baseClass,
+                children: /*#__PURE__*/ _jsx(Gutter, {
+                    className: `${baseClass}__wrap`,
+                    children: /*#__PURE__*/ _jsx(ListQueryProvider, {
+                        data: versionsData,
+                        defaultLimit: limitToUse,
+                        defaultSort: sort,
+                        modifySearchParams: true,
+                        children: /*#__PURE__*/ _jsx(VersionsViewClient, {
+                            baseClass: baseClass,
+                            columns: columns,
+                            fetchURL: fetchURL,
+                            paginationLimits: collectionConfig?.admin?.pagination?.limits
+                        })
+                    })
+                })
+            })
+        ]
     });
-    const fetchURL = collectionSlug ? `${serverURL}${apiRoute}/${collectionSlug}/versions` : globalSlug ? `${serverURL}${apiRoute}/globals/${globalSlug}/versions` : '';
-    return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(SetStepNav, {
-        collectionSlug: collectionConfig?.slug,
-        globalSlug: globalConfig?.slug,
-        id: id,
-        pluralLabel: collectionConfig?.labels?.plural || globalConfig?.label,
-        useAsTitle: collectionConfig?.admin?.useAsTitle || globalConfig?.slug,
-        view: i18n.t('version:versions')
-    }), /*#__PURE__*/ React.createElement("main", {
-        className: baseClass
-    }, /*#__PURE__*/ React.createElement(Gutter, {
-        className: `${baseClass}__wrap`
-    }, /*#__PURE__*/ React.createElement(ListQueryProvider, {
-        data: versionsData,
-        defaultLimit: limitToUse,
-        defaultSort: sort,
-        modifySearchParams: true
-    }, /*#__PURE__*/ React.createElement(VersionsViewClient, {
-        baseClass: baseClass,
-        columns: columns,
-        fetchURL: fetchURL,
-        paginationLimits: collectionConfig?.admin?.pagination?.limits
-    })))));
 };
 
 //# sourceMappingURL=index.js.map

package/dist/views/Versions/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Versions/index.tsx"],"sourcesContent":["import type { PaginatedDocs } from 'payload/database'\nimport type { EditViewComponent } from 'payload/types'\n\nimport { Gutter } from '@payloadcms/ui/elements/Gutter'\nimport { ListQueryProvider } from '@payloadcms/ui/providers/ListQuery'\nimport { notFound } from 'next/navigation.js'\nimport { isNumber } from 'payload/utilities'\nimport React from 'react'\n\nimport { SetStepNav } from '../Edit/Default/SetStepNav/index.js'\nimport { buildVersionColumns } from './buildColumns.js'\nimport { VersionsViewClient } from './index.client.js'\nimport './index.scss'\n\nexport const baseClass = 'versions'\n\nexport const VersionsView: EditViewComponent = async (props) => {\n  const { initPageResult, searchParams } = props\n\n  const {\n    collectionConfig,\n    docID: id,\n    globalConfig,\n    req: {\n      i18n,\n      payload,\n      payload: { config },\n      user,\n    },\n  } = initPageResult\n\n  const collectionSlug = collectionConfig?.slug\n  const globalSlug = globalConfig?.slug\n  const { limit, page, sort } = searchParams\n\n  const {\n    routes: { api: apiRoute },\n    serverURL,\n  } = config\n\n  let versionsData: PaginatedDocs\n  let limitToUse = isNumber(limit) ? Number(limit) : undefined\n\n  if (collectionSlug) {\n    limitToUse = limitToUse || collectionConfig.admin.pagination.defaultLimit\n    try {\n      versionsData = await payload.findVersions({\n        collection: collectionSlug,\n        depth: 0,\n        limit: limitToUse,\n        overrideAccess: false,\n        page: page ? parseInt(page.toString(), 10) : undefined,\n        sort: sort as string,\n        user,\n        where: {\n          parent: {\n            equals: id,\n          },\n        },\n      })\n    } catch (error) {\n      console.error(error) // eslint-disable-line no-console\n    }\n  }\n\n  if (globalSlug) {\n    limitToUse = limitToUse || 10\n    try {\n      versionsData = await payload.findGlobalVersions({\n        slug: globalSlug,\n        depth: 0,\n        limit: limitToUse,\n        overrideAccess: false,\n        page: page ? parseInt(page as string, 10) : undefined,\n        sort: sort as string,\n        user,\n      })\n    } catch (error) {\n      console.error(error) // eslint-disable-line no-console\n    }\n\n    if (!versionsData) {\n      return notFound()\n    }\n  }\n\n  const columns = buildVersionColumns({\n    collectionConfig,\n    config,\n    docID: id,\n    globalConfig,\n    i18n,\n  })\n\n  const fetchURL = collectionSlug\n    ? `${serverURL}${apiRoute}/${collectionSlug}/versions`\n    : globalSlug\n      ? `${serverURL}${apiRoute}/globals/${globalSlug}/versions`\n      : ''\n\n  return (\n    <React.Fragment>\n      <SetStepNav\n        collectionSlug={collectionConfig?.slug}\n        globalSlug={globalConfig?.slug}\n        id={id}\n        pluralLabel={collectionConfig?.labels?.plural || globalConfig?.label}\n        useAsTitle={collectionConfig?.admin?.useAsTitle || globalConfig?.slug}\n        view={i18n.t('version:versions')}\n      />\n      <main className={baseClass}>\n        <Gutter className={`${baseClass}__wrap`}>\n          <ListQueryProvider\n            data={versionsData}\n            defaultLimit={limitToUse}\n            defaultSort={sort as string}\n            modifySearchParams\n          >\n            <VersionsViewClient\n              baseClass={baseClass}\n              columns={columns}\n              fetchURL={fetchURL}\n              paginationLimits={collectionConfig?.admin?.pagination?.limits}\n            />\n          </ListQueryProvider>\n        </Gutter>\n      </main>\n    </React.Fragment>\n  )\n}\n"],"names":["Gutter","ListQueryProvider","notFound","isNumber","React","SetStepNav","buildVersionColumns","VersionsViewClient","baseClass","VersionsView","props","initPageResult","searchParams","collectionConfig","docID","id","globalConfig","req","i18n","payload","config","user","collectionSlug","slug","globalSlug","limit","page","sort","routes","api","apiRoute","serverURL","versionsData","limitToUse","Number","undefined","admin","pagination","defaultLimit","findVersions","collection","depth","overrideAccess","parseInt","toString","where","parent","equals","error","console","findGlobalVersions","columns","fetchURL","Fragment","pluralLabel","labels","plural","label","useAsTitle","view","t","main","className","data","defaultSort","modifySearchParams","paginationLimits","limits"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../src/views/Versions/index.tsx"],"sourcesContent":["import type { EditViewComponent, PaginatedDocs, PayloadServerReactComponent } from 'payload'\n\nimport { Gutter, ListQueryProvider } from '@payloadcms/ui'\nimport { notFound } from 'next/navigation.js'\nimport { isNumber } from 'payload/shared'\nimport React from 'react'\n\nimport { SetDocumentStepNav } from '../Edit/Default/SetDocumentStepNav/index.js'\nimport { buildVersionColumns } from './buildColumns.js'\nimport { getLatestVersion } from './getLatestVersion.js'\nimport { VersionsViewClient } from './index.client.js'\nimport './index.scss'\n\nexport const baseClass = 'versions'\n\nexport const VersionsView: PayloadServerReactComponent<EditViewComponent> = async (props) => {\n  const { initPageResult, searchParams } = props\n\n  const {\n    collectionConfig,\n    docID: id,\n    globalConfig,\n    req,\n    req: {\n      i18n,\n      payload,\n      payload: { config },\n      user,\n    },\n  } = initPageResult\n\n  const collectionSlug = collectionConfig?.slug\n  const globalSlug = globalConfig?.slug\n  const { limit, page, sort } = searchParams\n\n  const {\n    routes: { api: apiRoute },\n    serverURL,\n  } = config\n\n  let versionsData: PaginatedDocs\n  let limitToUse = isNumber(limit) ? Number(limit) : undefined\n  let latestPublishedVersion = null\n  let latestDraftVersion = null\n\n  if (collectionSlug) {\n    limitToUse = limitToUse || collectionConfig.admin.pagination.defaultLimit\n    try {\n      versionsData = await payload.findVersions({\n        collection: collectionSlug,\n        depth: 0,\n        limit: limitToUse,\n        overrideAccess: false,\n        page: page ? parseInt(page.toString(), 10) : undefined,\n        req,\n        sort: sort as string,\n        user,\n        where: {\n          parent: {\n            equals: id,\n          },\n        },\n      })\n      if (collectionConfig?.versions?.drafts) {\n        latestDraftVersion = await getLatestVersion({\n          slug: collectionSlug,\n          type: 'collection',\n          payload,\n          status: 'draft',\n        })\n        latestPublishedVersion = await getLatestVersion({\n          slug: collectionSlug,\n          type: 'collection',\n          payload,\n          status: 'published',\n        })\n      }\n    } catch (error) {\n      console.error(error) // eslint-disable-line no-console\n    }\n  }\n\n  if (globalSlug) {\n    limitToUse = limitToUse || 10\n    try {\n      versionsData = await payload.findGlobalVersions({\n        slug: globalSlug,\n        depth: 0,\n        limit: limitToUse,\n        overrideAccess: false,\n        page: page ? parseInt(page as string, 10) : undefined,\n        req,\n        sort: sort as string,\n        user,\n      })\n\n      if (globalConfig?.versions?.drafts) {\n        latestDraftVersion = await getLatestVersion({\n          slug: globalSlug,\n          type: 'global',\n          payload,\n          status: 'draft',\n        })\n        latestPublishedVersion = await getLatestVersion({\n          slug: globalSlug,\n          type: 'global',\n          payload,\n          status: 'published',\n        })\n      }\n    } catch (error) {\n      console.error(error) // eslint-disable-line no-console\n    }\n\n    if (!versionsData) {\n      return notFound()\n    }\n  }\n  const fetchURL = collectionSlug\n    ? `${serverURL}${apiRoute}/${collectionSlug}/versions`\n    : globalSlug\n      ? `${serverURL}${apiRoute}/globals/${globalSlug}/versions`\n      : ''\n\n  const publishedNewerThanDraft = latestPublishedVersion?.updatedAt > latestDraftVersion?.updatedAt\n\n  if (publishedNewerThanDraft) {\n    latestDraftVersion = {\n      id: '',\n      updatedAt: '',\n    }\n  }\n\n  const columns = buildVersionColumns({\n    collectionConfig,\n    config,\n    docID: id,\n    globalConfig,\n    i18n,\n    latestDraftVersion: latestDraftVersion?.id,\n    latestPublishedVersion: latestPublishedVersion?.id,\n  })\n\n  return (\n    <React.Fragment>\n      <SetDocumentStepNav\n        collectionSlug={collectionConfig?.slug}\n        globalSlug={globalConfig?.slug}\n        id={id}\n        pluralLabel={collectionConfig?.labels?.plural || globalConfig?.label}\n        useAsTitle={collectionConfig?.admin?.useAsTitle || globalConfig?.slug}\n        view={i18n.t('version:versions')}\n      />\n      <main className={baseClass}>\n        <Gutter className={`${baseClass}__wrap`}>\n          <ListQueryProvider\n            data={versionsData}\n            defaultLimit={limitToUse}\n            defaultSort={sort as string}\n            modifySearchParams\n          >\n            <VersionsViewClient\n              baseClass={baseClass}\n              columns={columns}\n              fetchURL={fetchURL}\n              paginationLimits={collectionConfig?.admin?.pagination?.limits}\n            />\n          </ListQueryProvider>\n        </Gutter>\n      </main>\n    </React.Fragment>\n  )\n}\n"],"names":["Gutter","ListQueryProvider","notFound","isNumber","React","SetDocumentStepNav","buildVersionColumns","getLatestVersion","VersionsViewClient","baseClass","VersionsView","props","initPageResult","searchParams","collectionConfig","docID","id","globalConfig","req","i18n","payload","config","user","collectionSlug","slug","globalSlug","limit","page","sort","routes","api","apiRoute","serverURL","versionsData","limitToUse","Number","undefined","latestPublishedVersion","latestDraftVersion","admin","pagination","defaultLimit","findVersions","collection","depth","overrideAccess","parseInt","toString","where","parent","equals","versions","drafts","type","status","error","console","findGlobalVersions","fetchURL","publishedNewerThanDraft","updatedAt","columns","Fragment","pluralLabel","labels","plural","label","useAsTitle","view","t","main","className","data","defaultSort","modifySearchParams","paginationLimits","limits"],"mappings":"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"}

package/dist/views/Versions/meta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/views/Versions/meta.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAA;AAI/E,eAAO,MAAM,gBAAgB,EAAE,wBAmC9B,CAAA"}
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/views/Versions/meta.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAA;AAI/E,eAAO,MAAM,gBAAgB,EAAE,wBAkD9B,CAAA"}