@payloadcms/next 3.0.0-canary.cee5702 → 3.0.0-canary.cf66341

package/dist/views/Versions/buildColumns.js

@@ -1,24 +1,32 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { SortColumn } from '@payloadcms/ui/elements/SortColumn';
+import { SortColumn } from '@payloadcms/ui';
 import React from 'react';
 import { AutosaveCell } from './cells/AutosaveCell/index.js';
 import { CreatedAtCell } from './cells/CreatedAt/index.js';
 import { IDCell } from './cells/ID/index.js';
-export const buildVersionColumns = ({ collectionConfig, docID, globalConfig, i18n: { t } })=>{
+export const buildVersionColumns = ({ collectionConfig, docID, globalConfig, i18n: { t }, latestDraftVersion, latestPublishedVersion })=>{
     const entityConfig = collectionConfig || globalConfig;
     const columns = [
         {
-            name: '',
-            type: 'date',
             Label: '',
             accessor: 'updatedAt',
             active: true,
+            cellProps: {
+                field: {
+                    name: '',
+                    type: 'date'
+                }
+            },
             components: {
-                Cell: /*#__PURE__*/ _jsx(CreatedAtCell, {
-                    collectionSlug: collectionConfig?.slug,
-                    docID: docID,
-                    globalSlug: globalConfig?.slug
-                }),
+                Cell: {
+                    type: 'client',
+                    Component: null,
+                    RenderedComponent: /*#__PURE__*/ _jsx(CreatedAtCell, {
+                        collectionSlug: collectionConfig?.slug,
+                        docID: docID,
+                        globalSlug: globalConfig?.slug
+                    })
+                },
                 Heading: /*#__PURE__*/ _jsx(SortColumn, {
                     Label: t('general:updatedAt'),
                     name: "updatedAt"
@@ -26,13 +34,21 @@ export const buildVersionColumns = ({ collectionConfig, docID, globalConfig, i18
             }
         },
         {
-            name: '',
-            type: 'text',
             Label: '',
             accessor: 'id',
             active: true,
+            cellProps: {
+                field: {
+                    name: '',
+                    type: 'text'
+                }
+            },
             components: {
-                Cell: /*#__PURE__*/ _jsx(IDCell, {}),
+                Cell: {
+                    type: 'client',
+                    Component: null,
+                    RenderedComponent: /*#__PURE__*/ _jsx(IDCell, {})
+                },
                 Heading: /*#__PURE__*/ _jsx(SortColumn, {
                     Label: t('version:versionID'),
                     disable: true,
@@ -43,17 +59,28 @@ export const buildVersionColumns = ({ collectionConfig, docID, globalConfig, i18
     ];
     if (entityConfig?.versions?.drafts || entityConfig?.versions?.drafts && entityConfig.versions.drafts?.autosave) {
         columns.push({
-            name: '',
-            type: 'checkbox',
             Label: '',
             accessor: '_status',
             active: true,
+            cellProps: {
+                field: {
+                    name: '',
+                    type: 'checkbox'
+                }
+            },
             components: {
-                Cell: /*#__PURE__*/ _jsx(AutosaveCell, {}),
+                Cell: {
+                    type: 'client',
+                    Component: null,
+                    RenderedComponent: /*#__PURE__*/ _jsx(AutosaveCell, {
+                        latestDraftVersion: latestDraftVersion,
+                        latestPublishedVersion: latestPublishedVersion
+                    })
+                },
                 Heading: /*#__PURE__*/ _jsx(SortColumn, {
-                    Label: t('version:type'),
+                    Label: t('version:status'),
                     disable: true,
-                    name: "autosave"
+                    name: "status"
                 })
             }
         });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Versions/buildColumns.tsx"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type { Column } from '@payloadcms/ui/elements/Table'\nimport type {\n  SanitizedCollectionConfig,\n  SanitizedConfig,\n  SanitizedGlobalConfig,\n} from 'payload/types'\n\nimport { SortColumn } from '@payloadcms/ui/elements/SortColumn'\nimport React from 'react'\n\nimport { AutosaveCell } from './cells/AutosaveCell/index.js'\nimport { CreatedAtCell } from './cells/CreatedAt/index.js'\nimport { IDCell } from './cells/ID/index.js'\n\nexport const buildVersionColumns = ({\n  collectionConfig,\n  docID,\n  globalConfig,\n  i18n: { t },\n}: {\n  collectionConfig?: SanitizedCollectionConfig\n  config: SanitizedConfig\n  docID?: number | string\n  globalConfig?: SanitizedGlobalConfig\n  i18n: I18n\n}): Column[] => {\n  const entityConfig = collectionConfig || globalConfig\n\n  const columns: Column[] = [\n    {\n      name: '',\n      type: 'date',\n      Label: '',\n      accessor: 'updatedAt',\n      active: true,\n      components: {\n        Cell: (\n          <CreatedAtCell\n            collectionSlug={collectionConfig?.slug}\n            docID={docID}\n            globalSlug={globalConfig?.slug}\n          />\n        ),\n        Heading: <SortColumn Label={t('general:updatedAt')} name=\"updatedAt\" />,\n      },\n    },\n    {\n      name: '',\n      type: 'text',\n      Label: '',\n      accessor: 'id',\n      active: true,\n      components: {\n        Cell: <IDCell />,\n        Heading: <SortColumn Label={t('version:versionID')} disable name=\"id\" />,\n      },\n    },\n  ]\n\n  if (\n    entityConfig?.versions?.drafts ||\n    (entityConfig?.versions?.drafts && entityConfig.versions.drafts?.autosave)\n  ) {\n    columns.push({\n      name: '',\n      type: 'checkbox',\n      Label: '',\n      accessor: '_status',\n      active: true,\n      components: {\n        Cell: <AutosaveCell />,\n        Heading: <SortColumn Label={t('version:type')} disable name=\"autosave\" />,\n      },\n    })\n  }\n\n  return columns\n}\n"],"names":["SortColumn","React","AutosaveCell","CreatedAtCell","IDCell","buildVersionColumns","collectionConfig","docID","globalConfig","i18n","t","entityConfig","columns","name","type","Label","accessor","active","components","Cell","collectionSlug","slug","globalSlug","Heading","disable","versions","drafts","autosave","push"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAQA,SAASA,UAAU,QAAQ,qCAAoC;AAC/D,OAAOC,WAAW,QAAO;AAEzB,SAASC,YAAY,QAAQ,gCAA+B;AAC5D,SAASC,aAAa,QAAQ,6BAA4B;AAC1D,SAASC,MAAM,QAAQ,sBAAqB;AAE5C,OAAO,MAAMC,sBAAsB,CAAC,EAClCC,gBAAgB,EAChBC,KAAK,EACLC,YAAY,EACZC,MAAM,EAAEC,CAAC,EAAE,EAOZ;IACC,MAAMC,eAAeL,oBAAoBE;IAEzC,MAAMI,UAAoB;QACxB;YACEC,MAAM;YACNC,MAAM;YACNC,OAAO;YACPC,UAAU;YACVC,QAAQ;YACRC,YAAY;gBACVC,oBACE,KAAChB;oBACCiB,gBAAgBd,kBAAkBe;oBAClCd,OAAOA;oBACPe,YAAYd,cAAca;;gBAG9BE,uBAAS,KAACvB;oBAAWe,OAAOL,EAAE;oBAAsBG,MAAK;;YAC3D;QACF;QACA;YACEA,MAAM;YACNC,MAAM;YACNC,OAAO;YACPC,UAAU;YACVC,QAAQ;YACRC,YAAY;gBACVC,oBAAM,KAACf;gBACPmB,uBAAS,KAACvB;oBAAWe,OAAOL,EAAE;oBAAsBc,OAAO;oBAACX,MAAK;;YACnE;QACF;KACD;IAED,IACEF,cAAcc,UAAUC,UACvBf,cAAcc,UAAUC,UAAUf,aAAac,QAAQ,CAACC,MAAM,EAAEC,UACjE;QACAf,QAAQgB,IAAI,CAAC;YACXf,MAAM;YACNC,MAAM;YACNC,OAAO;YACPC,UAAU;YACVC,QAAQ;YACRC,YAAY;gBACVC,oBAAM,KAACjB;gBACPqB,uBAAS,KAACvB;oBAAWe,OAAOL,EAAE;oBAAiBc,OAAO;oBAACX,MAAK;;YAC9D;QACF;IACF;IAEA,OAAOD;AACT,EAAC"}
+{"version":3,"sources":["../../../src/views/Versions/buildColumns.tsx"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type { SanitizedCollectionConfig, SanitizedConfig, SanitizedGlobalConfig } from 'payload'\n\nimport { type Column, SortColumn } from '@payloadcms/ui'\nimport React from 'react'\n\nimport { AutosaveCell } from './cells/AutosaveCell/index.js'\nimport { CreatedAtCell } from './cells/CreatedAt/index.js'\nimport { IDCell } from './cells/ID/index.js'\n\nexport const buildVersionColumns = ({\n  collectionConfig,\n  docID,\n  globalConfig,\n  i18n: { t },\n  latestDraftVersion,\n  latestPublishedVersion,\n}: {\n  collectionConfig?: SanitizedCollectionConfig\n  config: SanitizedConfig\n  docID?: number | string\n  globalConfig?: SanitizedGlobalConfig\n  i18n: I18n\n  latestDraftVersion?: string\n  latestPublishedVersion?: string\n}): Column[] => {\n  const entityConfig = collectionConfig || globalConfig\n\n  const columns: Column[] = [\n    {\n      Label: '',\n      accessor: 'updatedAt',\n      active: true,\n      cellProps: {\n        field: {\n          name: '',\n          type: 'date',\n        },\n      },\n      components: {\n        Cell: {\n          type: 'client',\n          Component: null,\n          RenderedComponent: (\n            <CreatedAtCell\n              collectionSlug={collectionConfig?.slug}\n              docID={docID}\n              globalSlug={globalConfig?.slug}\n            />\n          ),\n        },\n        Heading: <SortColumn Label={t('general:updatedAt')} name=\"updatedAt\" />,\n      },\n    },\n    {\n      Label: '',\n      accessor: 'id',\n      active: true,\n      cellProps: {\n        field: {\n          name: '',\n          type: 'text',\n        },\n      },\n      components: {\n        Cell: {\n          type: 'client',\n          Component: null,\n          RenderedComponent: <IDCell />,\n        },\n        Heading: <SortColumn Label={t('version:versionID')} disable name=\"id\" />,\n      },\n    },\n  ]\n\n  if (\n    entityConfig?.versions?.drafts ||\n    (entityConfig?.versions?.drafts && entityConfig.versions.drafts?.autosave)\n  ) {\n    columns.push({\n      Label: '',\n      accessor: '_status',\n      active: true,\n      cellProps: {\n        field: {\n          name: '',\n          type: 'checkbox',\n        },\n      },\n      components: {\n        Cell: {\n          type: 'client',\n          Component: null,\n          RenderedComponent: (\n            <AutosaveCell\n              latestDraftVersion={latestDraftVersion}\n              latestPublishedVersion={latestPublishedVersion}\n            />\n          ),\n        },\n\n        Heading: <SortColumn Label={t('version:status')} disable name=\"status\" />,\n      },\n    })\n  }\n\n  return columns\n}\n"],"names":["SortColumn","React","AutosaveCell","CreatedAtCell","IDCell","buildVersionColumns","collectionConfig","docID","globalConfig","i18n","t","latestDraftVersion","latestPublishedVersion","entityConfig","columns","Label","accessor","active","cellProps","field","name","type","components","Cell","Component","RenderedComponent","collectionSlug","slug","globalSlug","Heading","disable","versions","drafts","autosave","push"],"mappings":";AAGA,SAAsBA,UAAU,QAAQ,iBAAgB;AACxD,OAAOC,WAAW,QAAO;AAEzB,SAASC,YAAY,QAAQ,gCAA+B;AAC5D,SAASC,aAAa,QAAQ,6BAA4B;AAC1D,SAASC,MAAM,QAAQ,sBAAqB;AAE5C,OAAO,MAAMC,sBAAsB,CAAC,EAClCC,gBAAgB,EAChBC,KAAK,EACLC,YAAY,EACZC,MAAM,EAAEC,CAAC,EAAE,EACXC,kBAAkB,EAClBC,sBAAsB,EASvB;IACC,MAAMC,eAAeP,oBAAoBE;IAEzC,MAAMM,UAAoB;QACxB;YACEC,OAAO;YACPC,UAAU;YACVC,QAAQ;YACRC,WAAW;gBACTC,OAAO;oBACLC,MAAM;oBACNC,MAAM;gBACR;YACF;YACAC,YAAY;gBACVC,MAAM;oBACJF,MAAM;oBACNG,WAAW;oBACXC,iCACE,KAACtB;wBACCuB,gBAAgBpB,kBAAkBqB;wBAClCpB,OAAOA;wBACPqB,YAAYpB,cAAcmB;;gBAGhC;gBACAE,uBAAS,KAAC7B;oBAAWe,OAAOL,EAAE;oBAAsBU,MAAK;;YAC3D;QACF;QACA;YACEL,OAAO;YACPC,UAAU;YACVC,QAAQ;YACRC,WAAW;gBACTC,OAAO;oBACLC,MAAM;oBACNC,MAAM;gBACR;YACF;YACAC,YAAY;gBACVC,MAAM;oBACJF,MAAM;oBACNG,WAAW;oBACXC,iCAAmB,KAACrB;gBACtB;gBACAyB,uBAAS,KAAC7B;oBAAWe,OAAOL,EAAE;oBAAsBoB,OAAO;oBAACV,MAAK;;YACnE;QACF;KACD;IAED,IACEP,cAAckB,UAAUC,UACvBnB,cAAckB,UAAUC,UAAUnB,aAAakB,QAAQ,CAACC,MAAM,EAAEC,UACjE;QACAnB,QAAQoB,IAAI,CAAC;YACXnB,OAAO;YACPC,UAAU;YACVC,QAAQ;YACRC,WAAW;gBACTC,OAAO;oBACLC,MAAM;oBACNC,MAAM;gBACR;YACF;YACAC,YAAY;gBACVC,MAAM;oBACJF,MAAM;oBACNG,WAAW;oBACXC,iCACE,KAACvB;wBACCS,oBAAoBA;wBACpBC,wBAAwBA;;gBAG9B;gBAEAiB,uBAAS,KAAC7B;oBAAWe,OAAOL,EAAE;oBAAmBoB,OAAO;oBAACV,MAAK;;YAChE;QACF;IACF;IAEA,OAAON;AACT,EAAC"}

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

@@ -1,3 +1,9 @@
 import React from 'react';
-export declare const AutosaveCell: React.FC;
+type AutosaveCellProps = {
+    latestDraftVersion?: string;
+    latestPublishedVersion?: string;
+};
+export declare const renderPill: (data: any, latestVersion: any, currentLabel: any, previousLabel: any, pillStyle: any) => React.JSX.Element;
+export declare const AutosaveCell: React.FC<AutosaveCellProps>;
+export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/Versions/cells/AutosaveCell/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAqBhC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/Versions/cells/AutosaveCell/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,KAAK,iBAAiB,GAAG;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,sBAAsB,CAAC,EAAE,MAAM,CAAA;CAChC,CAAA;AAED,eAAO,MAAM,UAAU,6GAWtB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAqCpD,CAAA"}

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

@@ -1,12 +1,39 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Pill } from '@payloadcms/ui/elements/Pill';
-import { useTableCell } from '@payloadcms/ui/elements/Table';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
+import { Pill, useTableCell, useTranslation } from '@payloadcms/ui';
 import React, { Fragment } from 'react';
-export const AutosaveCell = ()=>{
+export const renderPill = (data, latestVersion, currentLabel, previousLabel, pillStyle)=>{
+    return /*#__PURE__*/ _jsxs(React.Fragment, {
+        children: [
+            data?.id === latestVersion ? /*#__PURE__*/ _jsx(Pill, {
+                pillStyle: pillStyle,
+                children: currentLabel
+            }) : /*#__PURE__*/ _jsx(Pill, {
+                children: previousLabel
+            }),
+            "  "
+        ]
+    });
+};
+export const AutosaveCell = ({ latestDraftVersion, latestPublishedVersion })=>{
     const { t } = useTranslation();
     const { rowData } = useTableCell();
+    const status = rowData?.version._status;
+    const versionInfo = {
+        draft: {
+            currentLabel: t('version:currentDraft'),
+            latestVersion: latestDraftVersion,
+            pillStyle: undefined,
+            previousLabel: t('version:draft')
+        },
+        published: {
+            currentLabel: t('version:currentPublishedVersion'),
+            latestVersion: latestPublishedVersion,
+            pillStyle: 'success',
+            previousLabel: t('version:previouslyPublished')
+        }
+    };
+    const { currentLabel, latestVersion, pillStyle, previousLabel } = versionInfo[status] || {};
     return /*#__PURE__*/ _jsxs(Fragment, {
         children: [
             rowData?.autosave && /*#__PURE__*/ _jsxs(React.Fragment, {
@@ -17,18 +44,7 @@ export const AutosaveCell = ()=>{
                     "  "
                 ]
             }),
-            rowData?.version._status === 'published' && /*#__PURE__*/ _jsxs(React.Fragment, {
-                children: [
-                    /*#__PURE__*/ _jsx(Pill, {
-                        pillStyle: "success",
-                        children: t('version:published')
-                    }),
-                    "  "
-                ]
-            }),
-            rowData?.version._status === 'draft' && /*#__PURE__*/ _jsx(Pill, {
-                children: t('version:draft')
-            })
+            status && renderPill(rowData, latestVersion, currentLabel, previousLabel, pillStyle)
         ]
     });
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/views/Versions/cells/AutosaveCell/index.tsx"],"sourcesContent":["'use client'\nimport { Pill } from '@payloadcms/ui/elements/Pill'\nimport { useTableCell } from '@payloadcms/ui/elements/Table'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport React, { Fragment } from 'react'\n\nexport const AutosaveCell: React.FC = () => {\n  const { t } = useTranslation()\n\n  const { rowData } = useTableCell()\n  return (\n    <Fragment>\n      {rowData?.autosave && (\n        <React.Fragment>\n          <Pill>{t('version:autosave')}</Pill>\n          &nbsp;&nbsp;\n        </React.Fragment>\n      )}\n      {rowData?.version._status === 'published' && (\n        <React.Fragment>\n          <Pill pillStyle=\"success\">{t('version:published')}</Pill>\n          &nbsp;&nbsp;\n        </React.Fragment>\n      )}\n      {rowData?.version._status === 'draft' && <Pill>{t('version:draft')}</Pill>}\n    </Fragment>\n  )\n}\n"],"names":["Pill","useTableCell","useTranslation","React","Fragment","AutosaveCell","t","rowData","autosave","version","_status","pillStyle"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,SAASA,IAAI,QAAQ,+BAA8B;AACnD,SAASC,YAAY,QAAQ,gCAA+B;AAC5D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAEvC,OAAO,MAAMC,eAAyB;IACpC,MAAM,EAAEC,CAAC,EAAE,GAAGJ;IAEd,MAAM,EAAEK,OAAO,EAAE,GAAGN;IACpB,qBACE,MAACG;;YACEG,SAASC,0BACR,MAACL,MAAMC,QAAQ;;kCACb,KAACJ;kCAAMM,EAAE;;oBAA2B;;;YAIvCC,SAASE,QAAQC,YAAY,6BAC5B,MAACP,MAAMC,QAAQ;;kCACb,KAACJ;wBAAKW,WAAU;kCAAWL,EAAE;;oBAA4B;;;YAI5DC,SAASE,QAAQC,YAAY,yBAAW,KAACV;0BAAMM,EAAE;;;;AAGxD,EAAC"}
+{"version":3,"sources":["../../../../../src/views/Versions/cells/AutosaveCell/index.tsx"],"sourcesContent":["'use client'\nimport { Pill, useTableCell, useTranslation } from '@payloadcms/ui'\nimport React, { Fragment } from 'react'\n\ntype AutosaveCellProps = {\n  latestDraftVersion?: string\n  latestPublishedVersion?: string\n}\n\nexport const renderPill = (data, latestVersion, currentLabel, previousLabel, pillStyle) => {\n  return (\n    <React.Fragment>\n      {data?.id === latestVersion ? (\n        <Pill pillStyle={pillStyle}>{currentLabel}</Pill>\n      ) : (\n        <Pill>{previousLabel}</Pill>\n      )}\n      &nbsp;&nbsp;\n    </React.Fragment>\n  )\n}\n\nexport const AutosaveCell: React.FC<AutosaveCellProps> = ({\n  latestDraftVersion,\n  latestPublishedVersion,\n}) => {\n  const { t } = useTranslation()\n  const { rowData } = useTableCell()\n\n  const status = rowData?.version._status\n\n  const versionInfo = {\n    draft: {\n      currentLabel: t('version:currentDraft'),\n      latestVersion: latestDraftVersion,\n      pillStyle: undefined,\n      previousLabel: t('version:draft'),\n    },\n    published: {\n      currentLabel: t('version:currentPublishedVersion'),\n      latestVersion: latestPublishedVersion,\n      pillStyle: 'success',\n      previousLabel: t('version:previouslyPublished'),\n    },\n  }\n\n  const { currentLabel, latestVersion, pillStyle, previousLabel } = versionInfo[status] || {}\n\n  return (\n    <Fragment>\n      {rowData?.autosave && (\n        <React.Fragment>\n          <Pill>{t('version:autosave')}</Pill>\n          &nbsp;&nbsp;\n        </React.Fragment>\n      )}\n      {status && renderPill(rowData, latestVersion, currentLabel, previousLabel, pillStyle)}\n    </Fragment>\n  )\n}\n"],"names":["Pill","useTableCell","useTranslation","React","Fragment","renderPill","data","latestVersion","currentLabel","previousLabel","pillStyle","id","AutosaveCell","latestDraftVersion","latestPublishedVersion","t","rowData","status","version","_status","versionInfo","draft","undefined","published","autosave"],"mappings":"AAAA;;AACA,SAASA,IAAI,EAAEC,YAAY,EAAEC,cAAc,QAAQ,iBAAgB;AACnE,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAOvC,OAAO,MAAMC,aAAa,CAACC,MAAMC,eAAeC,cAAcC,eAAeC;IAC3E,qBACE,MAACP,MAAMC,QAAQ;;YACZE,MAAMK,OAAOJ,8BACZ,KAACP;gBAAKU,WAAWA;0BAAYF;+BAE7B,KAACR;0BAAMS;;YACP;;;AAIR,EAAC;AAED,OAAO,MAAMG,eAA4C,CAAC,EACxDC,kBAAkB,EAClBC,sBAAsB,EACvB;IACC,MAAM,EAAEC,CAAC,EAAE,GAAGb;IACd,MAAM,EAAEc,OAAO,EAAE,GAAGf;IAEpB,MAAMgB,SAASD,SAASE,QAAQC;IAEhC,MAAMC,cAAc;QAClBC,OAAO;YACLb,cAAcO,EAAE;YAChBR,eAAeM;YACfH,WAAWY;YACXb,eAAeM,EAAE;QACnB;QACAQ,WAAW;YACTf,cAAcO,EAAE;YAChBR,eAAeO;YACfJ,WAAW;YACXD,eAAeM,EAAE;QACnB;IACF;IAEA,MAAM,EAAEP,YAAY,EAAED,aAAa,EAAEG,SAAS,EAAED,aAAa,EAAE,GAAGW,WAAW,CAACH,OAAO,IAAI,CAAC;IAE1F,qBACE,MAACb;;YACEY,SAASQ,0BACR,MAACrB,MAAMC,QAAQ;;kCACb,KAACJ;kCAAMe,EAAE;;oBAA2B;;;YAIvCE,UAAUZ,WAAWW,SAAST,eAAeC,cAAcC,eAAeC;;;AAGjF,EAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/Versions/cells/CreatedAt/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,KAAK,kBAAkB,GAAG;IACxB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA4BtD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/Versions/cells/CreatedAt/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,KAAK,kBAAkB,GAAG;IACxB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsCtD,CAAA"}

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

@@ -1,20 +1,24 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-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 { 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}`;
+    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({

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,KAACZ;QAAKe,MAAMD;kBACTJ,YACCb,WAAW;YAAEmB,MAAMN;YAAoCD;YAAMQ,SAASV;QAAW;;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,6 +1,6 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useTableCell } from '@payloadcms/ui/elements/Table';
+import { useTableCell } from '@payloadcms/ui';
 import React, { Fragment } from 'react';
 export const IDCell = ()=>{
     const { cellData } = useTableCell();

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,KAACE;kBAAUE;;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,23 +1,17 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-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 { 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();
@@ -27,7 +21,7 @@ export const VersionsViewClient = (props)=>{
     return /*#__PURE__*/ _jsxs(React.Fragment, {
         children: [
             /*#__PURE__*/ _jsx(SetViewActions, {
-                actions: componentMap?.actionsMap?.Edit?.Versions
+                actions: (collectionConfig || globalConfig)?.admin?.components?.views?.edit?.versions?.actions
             }),
             /*#__PURE__*/ _jsx(LoadingOverlayToggle, {
                 name: "versions",
@@ -42,7 +36,7 @@ export const VersionsViewClient = (props)=>{
                     /*#__PURE__*/ _jsx(Table, {
                         columns: columns,
                         data: data?.docs,
-                        fieldMap: componentMap?.fieldMap
+                        fields: (collectionConfig || globalConfig)?.fields
                     }),
                     /*#__PURE__*/ _jsxs("div", {
                         className: `${baseClass}__page-controls`,
@@ -53,6 +47,7 @@ export const VersionsViewClient = (props)=>{
                                 limit: data.limit,
                                 nextPage: data.nextPage,
                                 numberOfNeighbors: 1,
+                                onChange: ()=>handlePageChange,
                                 page: data.page,
                                 prevPage: data.prevPage,
                                 totalPages: data.totalPages
@@ -72,7 +67,7 @@ export const VersionsViewClient = (props)=>{
                                         ]
                                     }),
                                     /*#__PURE__*/ _jsx(PerPage, {
-                                        handleChange: handlePerPageChange,
+                                        handleChange: ()=>handlePerPageChange,
                                         limit: limit ? Number(limit) : 10,
                                         limits: paginationLimits
                                     })

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,MAACjB,MAAMkB,QAAQ;;0BACb,KAACxB;gBAAeyB,SAASR,cAAcS,YAAYC,MAAMC;;0BACzD,KAAChC;gBAAqBiC,MAAK;gBAAWC,MAAM,CAACf;;YAC5CO,iBAAiB,mBAChB,KAACS;gBAAIC,WAAW,CAAC,EAAEvB,UAAU,aAAa,CAAC;0BACxCY,KAAKY,CAAC,CAAC;;YAGXX,eAAe,mBACd,MAAChB,MAAMkB,QAAQ;;kCACb,KAACzB;wBAAMW,SAASA;wBAASK,MAAMA,MAAMmB;wBAAMC,UAAUlB,cAAckB;;kCACnE,MAACJ;wBAAIC,WAAW,CAAC,EAAEvB,UAAU,eAAe,CAAC;;0CAC3C,KAACZ;gCACCuC,aAAarB,KAAKqB,WAAW;gCAC7BC,aAAatB,KAAKsB,WAAW;gCAC7BlB,OAAOJ,KAAKI,KAAK;gCACjBmB,UAAUvB,KAAKuB,QAAQ;gCACvBC,mBAAmB;gCACnBC,MAAMzB,KAAKyB,IAAI;gCACfC,UAAU1B,KAAK0B,QAAQ;gCACvBC,YAAY3B,KAAK2B,UAAU;;4BAE5B3B,MAAMQ,YAAY,mBACjB,MAACjB,MAAMkB,QAAQ;;kDACb,MAACO;wCAAIC,WAAW,CAAC,EAAEvB,UAAU,WAAW,CAAC;;4CACtCM,KAAKyB,IAAI,GAAGzB,KAAKI,KAAK,GAAIJ,CAAAA,KAAKI,KAAK,GAAG,CAAA;4CAAG;4CAC1CJ,KAAK2B,UAAU,GAAG,KAAK3B,KAAK2B,UAAU,KAAK3B,KAAKyB,IAAI,GACjDzB,KAAKI,KAAK,GAAGJ,KAAKyB,IAAI,GACtBzB,KAAKQ,SAAS;4CAAE;4CACnBF,KAAKY,CAAC,CAAC;4CAAc;4CAAElB,KAAKQ,SAAS;;;kDAExC,KAACzB;wCACC6C,cAAc3B;wCACdG,OAAOA,QAAQyB,OAAOzB,SAAS;wCAC/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,22 +1,24 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Gutter } from '@payloadcms/ui/elements/Gutter';
-import { ListQueryProvider } from '@payloadcms/ui/providers/ListQuery';
+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 { 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 {
@@ -26,6 +28,7 @@ export const VersionsView = async (props)=>{
                 limit: limitToUse,
                 overrideAccess: false,
                 page: page ? parseInt(page.toString(), 10) : undefined,
+                req,
                 sort: sort,
                 user,
                 where: {
@@ -34,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
             ;
@@ -48,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
             ;
@@ -59,14 +91,23 @@ 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
     });
-    const fetchURL = collectionSlug ? `${serverURL}${apiRoute}/${collectionSlug}/versions` : globalSlug ? `${serverURL}${apiRoute}/globals/${globalSlug}/versions` : '';
     return /*#__PURE__*/ _jsxs(React.Fragment, {
         children: [
             /*#__PURE__*/ _jsx(SetDocumentStepNav, {