@payloadcms/next 3.0.0-canary.c27a334 → 3.0.0-canary.cb7fa00

package/dist/views/Version/SelectComparison/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Version/SelectComparison/types.ts"],"sourcesContent":["import type { PaginatedDocs } from 'payload/database'\nimport type { SanitizedCollectionConfig } from 'payload/types'\n\nimport type { CompareOption } from '../Default/types.js'\n\nexport type Props = {\n  baseURL: string\n  onChange: (val: CompareOption) => void\n  parentID?: number | string\n  publishedDoc: any\n  value: CompareOption\n  versionID: string\n}\n\ntype CLEAR = {\n  required: boolean\n  type: 'CLEAR'\n}\n\ntype ADD = {\n  collection: SanitizedCollectionConfig\n  data: PaginatedDocs<any>\n  type: 'ADD'\n}\n\nexport type Action = ADD | CLEAR\n\nexport type ValueWithRelation = {\n  relationTo: string\n  value: string\n}\n"],"names":[],"rangeMappings":"","mappings":"AA2BA,WAGC"}
+{"version":3,"sources":["../../../../src/views/Version/SelectComparison/types.ts"],"sourcesContent":["import type { PaginatedDocs, SanitizedCollectionConfig } from 'payload'\n\nimport type { CompareOption } from '../Default/types.js'\n\nexport type Props = {\n  baseURL: string\n  latestDraftVersion?: string\n  latestPublishedVersion?: string\n  onChange: (val: CompareOption) => void\n  parentID?: number | string\n  value: CompareOption\n  versionID: string\n}\n\ntype CLEAR = {\n  required: boolean\n  type: 'CLEAR'\n}\n\ntype ADD = {\n  collection: SanitizedCollectionConfig\n  data: PaginatedDocs<any>\n  type: 'ADD'\n}\n\nexport type Action = ADD | CLEAR\n\nexport type ValueWithRelation = {\n  relationTo: string\n  value: string\n}\n"],"names":[],"mappings":"AA2BA,WAGC"}

package/dist/views/Version/SelectLocales/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/SelectLocales/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAEvC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA4BzC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/SelectLocales/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAEvC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA4BzC,CAAA"}

package/dist/views/Version/SelectLocales/index.js

@@ -1,8 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ReactSelect } from '@payloadcms/ui/elements/ReactSelect';
-import { useLocale } from '@payloadcms/ui/providers/Locale';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
+import { ReactSelect, useLocale, useTranslation } from '@payloadcms/ui';
 import React from 'react';
 const baseClass = 'select-version-locales';
 export const SelectLocales = ({ onChange, options, value })=>{

package/dist/views/Version/SelectLocales/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Version/SelectLocales/index.tsx"],"sourcesContent":["'use client'\nimport { ReactSelect } from '@payloadcms/ui/elements/ReactSelect'\nimport { useLocale } from '@payloadcms/ui/providers/Locale'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport React from 'react'\n\nimport type { Props } from './types.js'\n\nimport './index.scss'\n\nconst baseClass = 'select-version-locales'\n\nexport const SelectLocales: React.FC<Props> = ({ onChange, options, value }) => {\n  const { t } = useTranslation()\n  const { code } = useLocale()\n\n  const format = (items) => {\n    return items.map((item) => {\n      if (typeof item.label === 'string') return item\n      if (typeof item.label !== 'string' && item.label[code]) {\n        return {\n          label: item.label[code],\n          value: item.value,\n        }\n      }\n    })\n  }\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__label`}>{t('version:showLocales')}</div>\n      <ReactSelect\n        isMulti\n        onChange={onChange}\n        options={format(options)}\n        placeholder={t('version:selectLocales')}\n        value={format(value)}\n      />\n    </div>\n  )\n}\n"],"names":["ReactSelect","useLocale","useTranslation","React","baseClass","SelectLocales","onChange","options","value","t","code","format","items","map","item","label","div","className","isMulti","placeholder"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,SAASA,WAAW,QAAQ,sCAAqC;AACjE,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAOC,WAAW,QAAO;AAMzB,MAAMC,YAAY;AAElB,OAAO,MAAMC,gBAAiC,CAAC,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,KAAK,EAAE;IACzE,MAAM,EAAEC,CAAC,EAAE,GAAGP;IACd,MAAM,EAAEQ,IAAI,EAAE,GAAGT;IAEjB,MAAMU,SAAS,CAACC;QACd,OAAOA,MAAMC,GAAG,CAAC,CAACC;YAChB,IAAI,OAAOA,KAAKC,KAAK,KAAK,UAAU,OAAOD;YAC3C,IAAI,OAAOA,KAAKC,KAAK,KAAK,YAAYD,KAAKC,KAAK,CAACL,KAAK,EAAE;gBACtD,OAAO;oBACLK,OAAOD,KAAKC,KAAK,CAACL,KAAK;oBACvBF,OAAOM,KAAKN,KAAK;gBACnB;YACF;QACF;IACF;IAEA,qBACE,MAACQ;QAAIC,WAAWb;;0BACd,KAACY;gBAAIC,WAAW,CAAC,EAAEb,UAAU,OAAO,CAAC;0BAAGK,EAAE;;0BAC1C,KAACT;gBACCkB,OAAO;gBACPZ,UAAUA;gBACVC,SAASI,OAAOJ;gBAChBY,aAAaV,EAAE;gBACfD,OAAOG,OAAOH;;;;AAItB,EAAC"}
+{"version":3,"sources":["../../../../src/views/Version/SelectLocales/index.tsx"],"sourcesContent":["'use client'\nimport { ReactSelect, useLocale, useTranslation } from '@payloadcms/ui'\nimport React from 'react'\n\nimport type { Props } from './types.js'\n\nimport './index.scss'\n\nconst baseClass = 'select-version-locales'\n\nexport const SelectLocales: React.FC<Props> = ({ onChange, options, value }) => {\n  const { t } = useTranslation()\n  const { code } = useLocale()\n\n  const format = (items) => {\n    return items.map((item) => {\n      if (typeof item.label === 'string') return item\n      if (typeof item.label !== 'string' && item.label[code]) {\n        return {\n          label: item.label[code],\n          value: item.value,\n        }\n      }\n    })\n  }\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__label`}>{t('version:showLocales')}</div>\n      <ReactSelect\n        isMulti\n        onChange={onChange}\n        options={format(options)}\n        placeholder={t('version:selectLocales')}\n        value={format(value)}\n      />\n    </div>\n  )\n}\n"],"names":["ReactSelect","useLocale","useTranslation","React","baseClass","SelectLocales","onChange","options","value","t","code","format","items","map","item","label","div","className","isMulti","placeholder"],"mappings":"AAAA;;AACA,SAASA,WAAW,EAAEC,SAAS,EAAEC,cAAc,QAAQ,iBAAgB;AACvE,OAAOC,WAAW,QAAO;AAMzB,MAAMC,YAAY;AAElB,OAAO,MAAMC,gBAAiC,CAAC,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,KAAK,EAAE;IACzE,MAAM,EAAEC,CAAC,EAAE,GAAGP;IACd,MAAM,EAAEQ,IAAI,EAAE,GAAGT;IAEjB,MAAMU,SAAS,CAACC;QACd,OAAOA,MAAMC,GAAG,CAAC,CAACC;YAChB,IAAI,OAAOA,KAAKC,KAAK,KAAK,UAAU,OAAOD;YAC3C,IAAI,OAAOA,KAAKC,KAAK,KAAK,YAAYD,KAAKC,KAAK,CAACL,KAAK,EAAE;gBACtD,OAAO;oBACLK,OAAOD,KAAKC,KAAK,CAACL,KAAK;oBACvBF,OAAOM,KAAKN,KAAK;gBACnB;YACF;QACF;IACF;IAEA,qBACE,MAACQ;QAAIC,WAAWb;;0BACd,KAACY;gBAAIC,WAAW,CAAC,EAAEb,UAAU,OAAO,CAAC;0BAAGK,EAAE;;0BAC1C,KAACT;gBACCkB,OAAO;gBACPZ,UAAUA;gBACVC,SAASI,OAAOJ;gBAChBY,aAAaV,EAAE;gBACfD,OAAOG,OAAOH;;;;AAItB,EAAC"}

package/dist/views/Version/SelectLocales/types.d.ts

@@ -1,4 +1,4 @@
-import type { OptionObject } from 'payload/types';
+import type { OptionObject } from 'payload';
 export type Props = {
     onChange: (options: OptionObject[]) => void;
     options: OptionObject[];

package/dist/views/Version/SelectLocales/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/SelectLocales/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAEjD,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,IAAI,CAAA;IAC3C,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,KAAK,EAAE,YAAY,EAAE,CAAA;CACtB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/SelectLocales/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE3C,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,IAAI,CAAA;IAC3C,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,KAAK,EAAE,YAAY,EAAE,CAAA;CACtB,CAAA"}

package/dist/views/Version/SelectLocales/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Version/SelectLocales/types.ts"],"sourcesContent":["import type { OptionObject } from 'payload/types'\n\nexport type Props = {\n  onChange: (options: OptionObject[]) => void\n  options: OptionObject[]\n  value: OptionObject[]\n}\n"],"names":[],"rangeMappings":"","mappings":"AAEA,WAIC"}
+{"version":3,"sources":["../../../../src/views/Version/SelectLocales/types.ts"],"sourcesContent":["import type { OptionObject } from 'payload'\n\nexport type Props = {\n  onChange: (options: OptionObject[]) => void\n  options: OptionObject[]\n  value: OptionObject[]\n}\n"],"names":[],"mappings":"AAEA,WAIC"}

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

@@ -1,3 +1,3 @@
-import type { EditViewComponent } from 'payload/types';
-export declare const VersionView: EditViewComponent;
+import type { EditViewComponent, PayloadServerReactComponent } from 'payload';
+export declare const VersionView: PayloadServerReactComponent<EditViewComponent>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Version/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAY,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAOhE,eAAO,MAAM,WAAW,EAAE,iBA4HzB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Version/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAGV,iBAAiB,EAGjB,2BAA2B,EAC5B,MAAM,SAAS,CAAA;AAShB,eAAO,MAAM,WAAW,EAAE,2BAA2B,CAAC,iBAAiB,CA2ItE,CAAA"}

package/dist/views/Version/index.js

@@ -1,10 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { notFound } from 'next/navigation.js';
+import { deepCopyObjectSimple } from 'payload';
 import React from 'react';
+import { getLatestVersion } from '../Versions/getLatestVersion.js';
 import { DefaultVersionView } from './Default/index.js';
 export const VersionView = async (props)=>{
     const { initPageResult, routeSegments } = props;
-    const { collectionConfig, docID: id, globalConfig, permissions, req: { payload, payload: { config } = {}, user } = {} } = initPageResult;
+    const { collectionConfig, docID: id, globalConfig, permissions, req, req: { payload, payload: { config } = {}, user } = {} } = initPageResult;
     const versionID = routeSegments[routeSegments.length - 1];
     const collectionSlug = collectionConfig?.slug;
     const globalSlug = globalConfig?.slug;
@@ -12,8 +14,8 @@ export const VersionView = async (props)=>{
     let docPermissions;
     let slug;
     let doc;
-    let publishedDoc;
-    let mostRecentDoc;
+    let latestPublishedVersion = null;
+    let latestDraftVersion = null;
     if (collectionSlug) {
         // /collections/:slug/:id/versions/:versionID
         slug = collectionSlug;
@@ -25,26 +27,23 @@ export const VersionView = async (props)=>{
                 depth: 1,
                 locale: '*',
                 overrideAccess: false,
+                req,
                 user
             });
-            publishedDoc = await payload.findByID({
-                id,
-                collection: slug,
-                depth: 1,
-                draft: false,
-                locale: '*',
-                overrideAccess: false,
-                user
-            });
-            mostRecentDoc = await payload.findByID({
-                id,
-                collection: slug,
-                depth: 1,
-                draft: true,
-                locale: '*',
-                overrideAccess: false,
-                user
-            });
+            if (collectionConfig?.versions?.drafts) {
+                latestDraftVersion = await getLatestVersion({
+                    slug,
+                    type: 'collection',
+                    payload,
+                    status: 'draft'
+                });
+                latestPublishedVersion = await getLatestVersion({
+                    slug,
+                    type: 'collection',
+                    payload,
+                    status: 'published'
+                });
+            }
         } catch (error) {
             return notFound();
         }
@@ -60,42 +59,55 @@ export const VersionView = async (props)=>{
                 depth: 1,
                 locale: '*',
                 overrideAccess: false,
+                req,
                 user
             });
-            publishedDoc = await payload.findGlobal({
-                slug,
-                depth: 1,
-                draft: false,
-                locale: '*',
-                overrideAccess: false,
-                user
-            });
-            mostRecentDoc = await payload.findGlobal({
-                slug,
-                depth: 1,
-                draft: true,
-                locale: '*',
-                overrideAccess: false,
-                user
-            });
+            if (globalConfig?.versions?.drafts) {
+                latestDraftVersion = await getLatestVersion({
+                    slug,
+                    type: 'global',
+                    payload,
+                    status: 'draft'
+                });
+                latestPublishedVersion = await getLatestVersion({
+                    slug,
+                    type: 'global',
+                    payload,
+                    status: 'published'
+                });
+            }
         } catch (error) {
             return notFound();
         }
     }
-    const localeOptions = localization && localization?.locales && localization.locales.map(({ code, label })=>({
-            label: typeof label === 'string' ? label : '',
+    const publishedNewerThanDraft = latestPublishedVersion?.updatedAt > latestDraftVersion?.updatedAt;
+    if (publishedNewerThanDraft) {
+        latestDraftVersion = {
+            id: '',
+            updatedAt: ''
+        };
+    }
+    const localeOptions = localization && localization.locales.map(({ code, label })=>({
+            label,
             value: code
         }));
+    const latestVersion = latestPublishedVersion?.updatedAt > latestDraftVersion?.updatedAt ? latestPublishedVersion : latestDraftVersion;
     if (!doc) {
         return notFound();
     }
     return /*#__PURE__*/ _jsx(DefaultVersionView, {
         doc: doc,
-        docPermissions: docPermissions,
-        initialComparisonDoc: mostRecentDoc,
+        /**
+       * After bumping the Next.js canary to 104, and React to 19.0.0-rc-06d0b89e-20240801" we have to deepCopy the permissions object (https://github.com/payloadcms/payload/pull/7541).
+       * If both HydrateClientUser and RenderCustomComponent receive the same permissions object (same object reference), we get a
+       * "TypeError: Cannot read properties of undefined (reading '$$typeof')" error
+       *
+       * // TODO: Revisit this in the future and figure out why this is happening. Might be a React/Next.js bug. We don't know why it happens, and a future React/Next version might unbreak this (keep an eye on this and remove deepCopyObjectSimple if that's the case)
+       */ docPermissions: deepCopyObjectSimple(docPermissions),
+        initialComparisonDoc: latestVersion,
+        latestDraftVersion: latestDraftVersion?.id,
+        latestPublishedVersion: latestPublishedVersion?.id,
         localeOptions: localeOptions,
-        mostRecentDoc: mostRecentDoc,
-        publishedDoc: publishedDoc,
         versionID: versionID
     });
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Version/index.tsx"],"sourcesContent":["import type { CollectionPermission, GlobalPermission } from 'payload/auth'\nimport type { OptionObject } from 'payload/types'\nimport type { Document, EditViewComponent } from 'payload/types'\n\nimport { notFound } from 'next/navigation.js'\nimport React from 'react'\n\nimport { DefaultVersionView } from './Default/index.js'\n\nexport const VersionView: EditViewComponent = async (props) => {\n  const { initPageResult, routeSegments } = props\n\n  const {\n    collectionConfig,\n    docID: id,\n    globalConfig,\n    permissions,\n    req: { payload, payload: { config } = {}, user } = {},\n  } = initPageResult\n\n  const versionID = routeSegments[routeSegments.length - 1]\n\n  const collectionSlug = collectionConfig?.slug\n  const globalSlug = globalConfig?.slug\n\n  const { localization } = config\n\n  let docPermissions: CollectionPermission | GlobalPermission\n  let slug: string\n\n  let doc: Document\n  let publishedDoc: Document\n  let mostRecentDoc: Document\n\n  if (collectionSlug) {\n    // /collections/:slug/:id/versions/:versionID\n    slug = collectionSlug\n    docPermissions = permissions.collections[collectionSlug]\n\n    try {\n      doc = await payload.findVersionByID({\n        id: versionID,\n        collection: slug,\n        depth: 1,\n        locale: '*',\n        overrideAccess: false,\n        user,\n      })\n\n      publishedDoc = await payload.findByID({\n        id,\n        collection: slug,\n        depth: 1,\n        draft: false,\n        locale: '*',\n        overrideAccess: false,\n        user,\n      })\n\n      mostRecentDoc = await payload.findByID({\n        id,\n        collection: slug,\n        depth: 1,\n        draft: true,\n        locale: '*',\n        overrideAccess: false,\n        user,\n      })\n    } catch (error) {\n      return notFound()\n    }\n  }\n\n  if (globalSlug) {\n    // /globals/:slug/versions/:versionID\n    slug = globalSlug\n    docPermissions = permissions.globals[globalSlug]\n\n    try {\n      doc = await payload.findGlobalVersionByID({\n        id: versionID,\n        slug,\n        depth: 1,\n        locale: '*',\n        overrideAccess: false,\n        user,\n      })\n\n      publishedDoc = await payload.findGlobal({\n        slug,\n        depth: 1,\n        draft: false,\n        locale: '*',\n        overrideAccess: false,\n        user,\n      })\n\n      mostRecentDoc = await payload.findGlobal({\n        slug,\n        depth: 1,\n        draft: true,\n        locale: '*',\n        overrideAccess: false,\n        user,\n      })\n    } catch (error) {\n      return notFound()\n    }\n  }\n\n  const localeOptions: OptionObject[] =\n    localization &&\n    localization?.locales &&\n    localization.locales.map(({ code, label }) => ({\n      label: typeof label === 'string' ? label : '',\n      value: code,\n    }))\n\n  if (!doc) {\n    return notFound()\n  }\n\n  return (\n    <DefaultVersionView\n      doc={doc}\n      docPermissions={docPermissions}\n      initialComparisonDoc={mostRecentDoc}\n      localeOptions={localeOptions}\n      mostRecentDoc={mostRecentDoc}\n      publishedDoc={publishedDoc}\n      versionID={versionID}\n    />\n  )\n}\n"],"names":["notFound","React","DefaultVersionView","VersionView","props","initPageResult","routeSegments","collectionConfig","docID","id","globalConfig","permissions","req","payload","config","user","versionID","length","collectionSlug","slug","globalSlug","localization","docPermissions","doc","publishedDoc","mostRecentDoc","collections","findVersionByID","collection","depth","locale","overrideAccess","findByID","draft","error","globals","findGlobalVersionByID","findGlobal","localeOptions","locales","map","code","label","value","initialComparisonDoc"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAIA,SAASA,QAAQ,QAAQ,qBAAoB;AAC7C,OAAOC,WAAW,QAAO;AAEzB,SAASC,kBAAkB,QAAQ,qBAAoB;AAEvD,OAAO,MAAMC,cAAiC,OAAOC;IACnD,MAAM,EAAEC,cAAc,EAAEC,aAAa,EAAE,GAAGF;IAE1C,MAAM,EACJG,gBAAgB,EAChBC,OAAOC,EAAE,EACTC,YAAY,EACZC,WAAW,EACXC,KAAK,EAAEC,OAAO,EAAEA,SAAS,EAAEC,MAAM,EAAE,GAAG,CAAC,CAAC,EAAEC,IAAI,EAAE,GAAG,CAAC,CAAC,EACtD,GAAGV;IAEJ,MAAMW,YAAYV,aAAa,CAACA,cAAcW,MAAM,GAAG,EAAE;IAEzD,MAAMC,iBAAiBX,kBAAkBY;IACzC,MAAMC,aAAaV,cAAcS;IAEjC,MAAM,EAAEE,YAAY,EAAE,GAAGP;IAEzB,IAAIQ;IACJ,IAAIH;IAEJ,IAAII;IACJ,IAAIC;IACJ,IAAIC;IAEJ,IAAIP,gBAAgB;QAClB,6CAA6C;QAC7CC,OAAOD;QACPI,iBAAiBX,YAAYe,WAAW,CAACR,eAAe;QAExD,IAAI;YACFK,MAAM,MAAMV,QAAQc,eAAe,CAAC;gBAClClB,IAAIO;gBACJY,YAAYT;gBACZU,OAAO;gBACPC,QAAQ;gBACRC,gBAAgB;gBAChBhB;YACF;YAEAS,eAAe,MAAMX,QAAQmB,QAAQ,CAAC;gBACpCvB;gBACAmB,YAAYT;gBACZU,OAAO;gBACPI,OAAO;gBACPH,QAAQ;gBACRC,gBAAgB;gBAChBhB;YACF;YAEAU,gBAAgB,MAAMZ,QAAQmB,QAAQ,CAAC;gBACrCvB;gBACAmB,YAAYT;gBACZU,OAAO;gBACPI,OAAO;gBACPH,QAAQ;gBACRC,gBAAgB;gBAChBhB;YACF;QACF,EAAE,OAAOmB,OAAO;YACd,OAAOlC;QACT;IACF;IAEA,IAAIoB,YAAY;QACd,qCAAqC;QACrCD,OAAOC;QACPE,iBAAiBX,YAAYwB,OAAO,CAACf,WAAW;QAEhD,IAAI;YACFG,MAAM,MAAMV,QAAQuB,qBAAqB,CAAC;gBACxC3B,IAAIO;gBACJG;gBACAU,OAAO;gBACPC,QAAQ;gBACRC,gBAAgB;gBAChBhB;YACF;YAEAS,eAAe,MAAMX,QAAQwB,UAAU,CAAC;gBACtClB;gBACAU,OAAO;gBACPI,OAAO;gBACPH,QAAQ;gBACRC,gBAAgB;gBAChBhB;YACF;YAEAU,gBAAgB,MAAMZ,QAAQwB,UAAU,CAAC;gBACvClB;gBACAU,OAAO;gBACPI,OAAO;gBACPH,QAAQ;gBACRC,gBAAgB;gBAChBhB;YACF;QACF,EAAE,OAAOmB,OAAO;YACd,OAAOlC;QACT;IACF;IAEA,MAAMsC,gBACJjB,gBACAA,cAAckB,WACdlB,aAAakB,OAAO,CAACC,GAAG,CAAC,CAAC,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAM,CAAA;YAC7CA,OAAO,OAAOA,UAAU,WAAWA,QAAQ;YAC3CC,OAAOF;QACT,CAAA;IAEF,IAAI,CAAClB,KAAK;QACR,OAAOvB;IACT;IAEA,qBACE,KAACE;QACCqB,KAAKA;QACLD,gBAAgBA;QAChBsB,sBAAsBnB;QACtBa,eAAeA;QACfb,eAAeA;QACfD,cAAcA;QACdR,WAAWA;;AAGjB,EAAC"}
+{"version":3,"sources":["../../../src/views/Version/index.tsx"],"sourcesContent":["import type {\n  CollectionPermission,\n  Document,\n  EditViewComponent,\n  GlobalPermission,\n  OptionObject,\n  PayloadServerReactComponent,\n} from 'payload'\n\nimport { notFound } from 'next/navigation.js'\nimport { deepCopyObjectSimple } from 'payload'\nimport React from 'react'\n\nimport { getLatestVersion } from '../Versions/getLatestVersion.js'\nimport { DefaultVersionView } from './Default/index.js'\n\nexport const VersionView: PayloadServerReactComponent<EditViewComponent> = async (props) => {\n  const { initPageResult, routeSegments } = props\n\n  const {\n    collectionConfig,\n    docID: id,\n    globalConfig,\n    permissions,\n    req,\n    req: { payload, payload: { config } = {}, user } = {},\n  } = initPageResult\n\n  const versionID = routeSegments[routeSegments.length - 1]\n\n  const collectionSlug = collectionConfig?.slug\n  const globalSlug = globalConfig?.slug\n\n  const { localization } = config\n\n  let docPermissions: CollectionPermission | GlobalPermission\n  let slug: string\n\n  let doc: Document\n  let latestPublishedVersion = null\n  let latestDraftVersion = null\n\n  if (collectionSlug) {\n    // /collections/:slug/:id/versions/:versionID\n    slug = collectionSlug\n    docPermissions = permissions.collections[collectionSlug]\n\n    try {\n      doc = await payload.findVersionByID({\n        id: versionID,\n        collection: slug,\n        depth: 1,\n        locale: '*',\n        overrideAccess: false,\n        req,\n        user,\n      })\n\n      if (collectionConfig?.versions?.drafts) {\n        latestDraftVersion = await getLatestVersion({\n          slug,\n          type: 'collection',\n          payload,\n          status: 'draft',\n        })\n        latestPublishedVersion = await getLatestVersion({\n          slug,\n          type: 'collection',\n          payload,\n          status: 'published',\n        })\n      }\n    } catch (error) {\n      return notFound()\n    }\n  }\n\n  if (globalSlug) {\n    // /globals/:slug/versions/:versionID\n    slug = globalSlug\n    docPermissions = permissions.globals[globalSlug]\n\n    try {\n      doc = await payload.findGlobalVersionByID({\n        id: versionID,\n        slug,\n        depth: 1,\n        locale: '*',\n        overrideAccess: false,\n        req,\n        user,\n      })\n\n      if (globalConfig?.versions?.drafts) {\n        latestDraftVersion = await getLatestVersion({\n          slug,\n          type: 'global',\n          payload,\n          status: 'draft',\n        })\n        latestPublishedVersion = await getLatestVersion({\n          slug,\n          type: 'global',\n          payload,\n          status: 'published',\n        })\n      }\n    } catch (error) {\n      return notFound()\n    }\n  }\n\n  const publishedNewerThanDraft = latestPublishedVersion?.updatedAt > latestDraftVersion?.updatedAt\n\n  if (publishedNewerThanDraft) {\n    latestDraftVersion = {\n      id: '',\n      updatedAt: '',\n    }\n  }\n\n  const localeOptions: OptionObject[] =\n    localization &&\n    localization.locales.map(({ code, label }) => ({\n      label,\n      value: code,\n    }))\n\n  const latestVersion =\n    latestPublishedVersion?.updatedAt > latestDraftVersion?.updatedAt\n      ? latestPublishedVersion\n      : latestDraftVersion\n\n  if (!doc) {\n    return notFound()\n  }\n\n  return (\n    <DefaultVersionView\n      doc={doc}\n      /**\n       * After bumping the Next.js canary to 104, and React to 19.0.0-rc-06d0b89e-20240801\" we have to deepCopy the permissions object (https://github.com/payloadcms/payload/pull/7541).\n       * If both HydrateClientUser and RenderCustomComponent receive the same permissions object (same object reference), we get a\n       * \"TypeError: Cannot read properties of undefined (reading '$$typeof')\" error\n       *\n       * // TODO: Revisit this in the future and figure out why this is happening. Might be a React/Next.js bug. We don't know why it happens, and a future React/Next version might unbreak this (keep an eye on this and remove deepCopyObjectSimple if that's the case)\n       */\n      docPermissions={deepCopyObjectSimple(docPermissions)}\n      initialComparisonDoc={latestVersion}\n      latestDraftVersion={latestDraftVersion?.id}\n      latestPublishedVersion={latestPublishedVersion?.id}\n      localeOptions={localeOptions}\n      versionID={versionID}\n    />\n  )\n}\n"],"names":["notFound","deepCopyObjectSimple","React","getLatestVersion","DefaultVersionView","VersionView","props","initPageResult","routeSegments","collectionConfig","docID","id","globalConfig","permissions","req","payload","config","user","versionID","length","collectionSlug","slug","globalSlug","localization","docPermissions","doc","latestPublishedVersion","latestDraftVersion","collections","findVersionByID","collection","depth","locale","overrideAccess","versions","drafts","type","status","error","globals","findGlobalVersionByID","publishedNewerThanDraft","updatedAt","localeOptions","locales","map","code","label","value","latestVersion","initialComparisonDoc"],"mappings":";AASA,SAASA,QAAQ,QAAQ,qBAAoB;AAC7C,SAASC,oBAAoB,QAAQ,UAAS;AAC9C,OAAOC,WAAW,QAAO;AAEzB,SAASC,gBAAgB,QAAQ,kCAAiC;AAClE,SAASC,kBAAkB,QAAQ,qBAAoB;AAEvD,OAAO,MAAMC,cAA8D,OAAOC;IAChF,MAAM,EAAEC,cAAc,EAAEC,aAAa,EAAE,GAAGF;IAE1C,MAAM,EACJG,gBAAgB,EAChBC,OAAOC,EAAE,EACTC,YAAY,EACZC,WAAW,EACXC,GAAG,EACHA,KAAK,EAAEC,OAAO,EAAEA,SAAS,EAAEC,MAAM,EAAE,GAAG,CAAC,CAAC,EAAEC,IAAI,EAAE,GAAG,CAAC,CAAC,EACtD,GAAGV;IAEJ,MAAMW,YAAYV,aAAa,CAACA,cAAcW,MAAM,GAAG,EAAE;IAEzD,MAAMC,iBAAiBX,kBAAkBY;IACzC,MAAMC,aAAaV,cAAcS;IAEjC,MAAM,EAAEE,YAAY,EAAE,GAAGP;IAEzB,IAAIQ;IACJ,IAAIH;IAEJ,IAAII;IACJ,IAAIC,yBAAyB;IAC7B,IAAIC,qBAAqB;IAEzB,IAAIP,gBAAgB;QAClB,6CAA6C;QAC7CC,OAAOD;QACPI,iBAAiBX,YAAYe,WAAW,CAACR,eAAe;QAExD,IAAI;YACFK,MAAM,MAAMV,QAAQc,eAAe,CAAC;gBAClClB,IAAIO;gBACJY,YAAYT;gBACZU,OAAO;gBACPC,QAAQ;gBACRC,gBAAgB;gBAChBnB;gBACAG;YACF;YAEA,IAAIR,kBAAkByB,UAAUC,QAAQ;gBACtCR,qBAAqB,MAAMxB,iBAAiB;oBAC1CkB;oBACAe,MAAM;oBACNrB;oBACAsB,QAAQ;gBACV;gBACAX,yBAAyB,MAAMvB,iBAAiB;oBAC9CkB;oBACAe,MAAM;oBACNrB;oBACAsB,QAAQ;gBACV;YACF;QACF,EAAE,OAAOC,OAAO;YACd,OAAOtC;QACT;IACF;IAEA,IAAIsB,YAAY;QACd,qCAAqC;QACrCD,OAAOC;QACPE,iBAAiBX,YAAY0B,OAAO,CAACjB,WAAW;QAEhD,IAAI;YACFG,MAAM,MAAMV,QAAQyB,qBAAqB,CAAC;gBACxC7B,IAAIO;gBACJG;gBACAU,OAAO;gBACPC,QAAQ;gBACRC,gBAAgB;gBAChBnB;gBACAG;YACF;YAEA,IAAIL,cAAcsB,UAAUC,QAAQ;gBAClCR,qBAAqB,MAAMxB,iBAAiB;oBAC1CkB;oBACAe,MAAM;oBACNrB;oBACAsB,QAAQ;gBACV;gBACAX,yBAAyB,MAAMvB,iBAAiB;oBAC9CkB;oBACAe,MAAM;oBACNrB;oBACAsB,QAAQ;gBACV;YACF;QACF,EAAE,OAAOC,OAAO;YACd,OAAOtC;QACT;IACF;IAEA,MAAMyC,0BAA0Bf,wBAAwBgB,YAAYf,oBAAoBe;IAExF,IAAID,yBAAyB;QAC3Bd,qBAAqB;YACnBhB,IAAI;YACJ+B,WAAW;QACb;IACF;IAEA,MAAMC,gBACJpB,gBACAA,aAAaqB,OAAO,CAACC,GAAG,CAAC,CAAC,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAM,CAAA;YAC7CA;YACAC,OAAOF;QACT,CAAA;IAEF,MAAMG,gBACJvB,wBAAwBgB,YAAYf,oBAAoBe,YACpDhB,yBACAC;IAEN,IAAI,CAACF,KAAK;QACR,OAAOzB;IACT;IAEA,qBACE,KAACI;QACCqB,KAAKA;QACL;;;;;;OAMC,GACDD,gBAAgBvB,qBAAqBuB;QACrC0B,sBAAsBD;QACtBtB,oBAAoBA,oBAAoBhB;QACxCe,wBAAwBA,wBAAwBf;QAChDgC,eAAeA;QACfzB,WAAWA;;AAGjB,EAAC"}

package/dist/views/Version/meta.js

@@ -1,5 +1,5 @@
 import { getTranslation } from '@payloadcms/translations';
-import { formatDate } from '@payloadcms/ui/utilities/formatDate';
+import { formatDate } from '@payloadcms/ui/shared';
 import { meta } from '../../utilities/meta.js';
 export const generateMetadata = async ({ collectionConfig, config, globalConfig, i18n })=>{
     const { t } = i18n;

package/dist/views/Version/meta.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Version/meta.ts"],"sourcesContent":["import type { Metadata } from 'next'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatDate } from '@payloadcms/ui/utilities/formatDate'\n\nimport type { GenerateEditViewMetadata } from '../Document/getMetaBySegment.js'\n\nimport { meta } from '../../utilities/meta.js'\n\nexport const generateMetadata: GenerateEditViewMetadata = async ({\n  collectionConfig,\n  config,\n  globalConfig,\n  i18n,\n}): Promise<Metadata> => {\n  const { t } = i18n\n\n  let title: string = ''\n  let description: string = ''\n  const keywords: string = ''\n\n  const doc: any = {} // TODO: figure this out\n\n  const formattedCreatedAt = doc?.createdAt\n    ? formatDate({ date: doc.createdAt, i18n, pattern: config?.admin?.dateFormat })\n    : ''\n\n  if (collectionConfig) {\n    const useAsTitle = collectionConfig?.admin?.useAsTitle || 'id'\n    const entityLabel = getTranslation(collectionConfig.labels.singular, i18n)\n    const titleFromData = doc?.[useAsTitle]\n    title = `${t('version:version')}${formattedCreatedAt ? ` - ${formattedCreatedAt}` : ''}${titleFromData ? ` - ${titleFromData}` : ''} - ${entityLabel}`\n    description = t('version:viewingVersion', { documentTitle: doc[useAsTitle], entityLabel })\n  }\n\n  if (globalConfig) {\n    const entityLabel = getTranslation(globalConfig.label, i18n)\n    title = `${t('version:version')}${formattedCreatedAt ? ` - ${formattedCreatedAt}` : ''}${entityLabel}`\n    description = t('version:viewingVersionGlobal', { entityLabel })\n  }\n\n  return meta({\n    ...(config.admin.meta || {}),\n    description,\n    keywords,\n    serverURL: config.serverURL,\n    title,\n    ...(collectionConfig?.admin.meta || {}),\n    ...(globalConfig?.admin.meta || {}),\n  })\n}\n"],"names":["getTranslation","formatDate","meta","generateMetadata","collectionConfig","config","globalConfig","i18n","t","title","description","keywords","doc","formattedCreatedAt","createdAt","date","pattern","admin","dateFormat","useAsTitle","entityLabel","labels","singular","titleFromData","documentTitle","label","serverURL"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,UAAU,QAAQ,sCAAqC;AAIhE,SAASC,IAAI,QAAQ,0BAAyB;AAE9C,OAAO,MAAMC,mBAA6C,OAAO,EAC/DC,gBAAgB,EAChBC,MAAM,EACNC,YAAY,EACZC,IAAI,EACL;IACC,MAAM,EAAEC,CAAC,EAAE,GAAGD;IAEd,IAAIE,QAAgB;IACpB,IAAIC,cAAsB;IAC1B,MAAMC,WAAmB;IAEzB,MAAMC,MAAW,CAAC,EAAE,wBAAwB;;IAE5C,MAAMC,qBAAqBD,KAAKE,YAC5Bb,WAAW;QAAEc,MAAMH,IAAIE,SAAS;QAAEP;QAAMS,SAASX,QAAQY,OAAOC;IAAW,KAC3E;IAEJ,IAAId,kBAAkB;QACpB,MAAMe,aAAaf,kBAAkBa,OAAOE,cAAc;QAC1D,MAAMC,cAAcpB,eAAeI,iBAAiBiB,MAAM,CAACC,QAAQ,EAAEf;QACrE,MAAMgB,gBAAgBX,KAAK,CAACO,WAAW;QACvCV,QAAQ,CAAC,EAAED,EAAE,mBAAmB,EAAEK,qBAAqB,CAAC,GAAG,EAAEA,mBAAmB,CAAC,GAAG,GAAG,EAAEU,gBAAgB,CAAC,GAAG,EAAEA,cAAc,CAAC,GAAG,GAAG,GAAG,EAAEH,YAAY,CAAC;QACtJV,cAAcF,EAAE,0BAA0B;YAAEgB,eAAeZ,GAAG,CAACO,WAAW;YAAEC;QAAY;IAC1F;IAEA,IAAId,cAAc;QAChB,MAAMc,cAAcpB,eAAeM,aAAamB,KAAK,EAAElB;QACvDE,QAAQ,CAAC,EAAED,EAAE,mBAAmB,EAAEK,qBAAqB,CAAC,GAAG,EAAEA,mBAAmB,CAAC,GAAG,GAAG,EAAEO,YAAY,CAAC;QACtGV,cAAcF,EAAE,gCAAgC;YAAEY;QAAY;IAChE;IAEA,OAAOlB,KAAK;QACV,GAAIG,OAAOY,KAAK,CAACf,IAAI,IAAI,CAAC,CAAC;QAC3BQ;QACAC;QACAe,WAAWrB,OAAOqB,SAAS;QAC3BjB;QACA,GAAIL,kBAAkBa,MAAMf,QAAQ,CAAC,CAAC;QACtC,GAAII,cAAcW,MAAMf,QAAQ,CAAC,CAAC;IACpC;AACF,EAAC"}
+{"version":3,"sources":["../../../src/views/Version/meta.ts"],"sourcesContent":["import type { Metadata } from 'next'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatDate } from '@payloadcms/ui/shared'\n\nimport type { GenerateEditViewMetadata } from '../Document/getMetaBySegment.js'\n\nimport { meta } from '../../utilities/meta.js'\n\nexport const generateMetadata: GenerateEditViewMetadata = async ({\n  collectionConfig,\n  config,\n  globalConfig,\n  i18n,\n}): Promise<Metadata> => {\n  const { t } = i18n\n\n  let title: string = ''\n  let description: string = ''\n  const keywords: string = ''\n\n  const doc: any = {} // TODO: figure this out\n\n  const formattedCreatedAt = doc?.createdAt\n    ? formatDate({ date: doc.createdAt, i18n, pattern: config?.admin?.dateFormat })\n    : ''\n\n  if (collectionConfig) {\n    const useAsTitle = collectionConfig?.admin?.useAsTitle || 'id'\n    const entityLabel = getTranslation(collectionConfig.labels.singular, i18n)\n    const titleFromData = doc?.[useAsTitle]\n    title = `${t('version:version')}${formattedCreatedAt ? ` - ${formattedCreatedAt}` : ''}${titleFromData ? ` - ${titleFromData}` : ''} - ${entityLabel}`\n    description = t('version:viewingVersion', { documentTitle: doc[useAsTitle], entityLabel })\n  }\n\n  if (globalConfig) {\n    const entityLabel = getTranslation(globalConfig.label, i18n)\n    title = `${t('version:version')}${formattedCreatedAt ? ` - ${formattedCreatedAt}` : ''}${entityLabel}`\n    description = t('version:viewingVersionGlobal', { entityLabel })\n  }\n\n  return meta({\n    ...(config.admin.meta || {}),\n    description,\n    keywords,\n    serverURL: config.serverURL,\n    title,\n    ...(collectionConfig?.admin.meta || {}),\n    ...(globalConfig?.admin.meta || {}),\n  })\n}\n"],"names":["getTranslation","formatDate","meta","generateMetadata","collectionConfig","config","globalConfig","i18n","t","title","description","keywords","doc","formattedCreatedAt","createdAt","date","pattern","admin","dateFormat","useAsTitle","entityLabel","labels","singular","titleFromData","documentTitle","label","serverURL"],"mappings":"AAEA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,UAAU,QAAQ,wBAAuB;AAIlD,SAASC,IAAI,QAAQ,0BAAyB;AAE9C,OAAO,MAAMC,mBAA6C,OAAO,EAC/DC,gBAAgB,EAChBC,MAAM,EACNC,YAAY,EACZC,IAAI,EACL;IACC,MAAM,EAAEC,CAAC,EAAE,GAAGD;IAEd,IAAIE,QAAgB;IACpB,IAAIC,cAAsB;IAC1B,MAAMC,WAAmB;IAEzB,MAAMC,MAAW,CAAC,EAAE,wBAAwB;;IAE5C,MAAMC,qBAAqBD,KAAKE,YAC5Bb,WAAW;QAAEc,MAAMH,IAAIE,SAAS;QAAEP;QAAMS,SAASX,QAAQY,OAAOC;IAAW,KAC3E;IAEJ,IAAId,kBAAkB;QACpB,MAAMe,aAAaf,kBAAkBa,OAAOE,cAAc;QAC1D,MAAMC,cAAcpB,eAAeI,iBAAiBiB,MAAM,CAACC,QAAQ,EAAEf;QACrE,MAAMgB,gBAAgBX,KAAK,CAACO,WAAW;QACvCV,QAAQ,CAAC,EAAED,EAAE,mBAAmB,EAAEK,qBAAqB,CAAC,GAAG,EAAEA,mBAAmB,CAAC,GAAG,GAAG,EAAEU,gBAAgB,CAAC,GAAG,EAAEA,cAAc,CAAC,GAAG,GAAG,GAAG,EAAEH,YAAY,CAAC;QACtJV,cAAcF,EAAE,0BAA0B;YAAEgB,eAAeZ,GAAG,CAACO,WAAW;YAAEC;QAAY;IAC1F;IAEA,IAAId,cAAc;QAChB,MAAMc,cAAcpB,eAAeM,aAAamB,KAAK,EAAElB;QACvDE,QAAQ,CAAC,EAAED,EAAE,mBAAmB,EAAEK,qBAAqB,CAAC,GAAG,EAAEA,mBAAmB,CAAC,GAAG,GAAG,EAAEO,YAAY,CAAC;QACtGV,cAAcF,EAAE,gCAAgC;YAAEY;QAAY;IAChE;IAEA,OAAOlB,KAAK;QACV,GAAIG,OAAOY,KAAK,CAACf,IAAI,IAAI,CAAC,CAAC;QAC3BQ;QACAC;QACAe,WAAWrB,OAAOqB,SAAS;QAC3BjB;QACA,GAAIL,kBAAkBa,MAAMf,QAAQ,CAAC,CAAC;QACtC,GAAII,cAAcW,MAAMf,QAAQ,CAAC,CAAC;IACpC;AACF,EAAC"}

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

@@ -1,11 +1,13 @@
 import type { I18n } from '@payloadcms/translations';
-import type { Column } from '@payloadcms/ui/elements/Table';
-import type { SanitizedCollectionConfig, SanitizedConfig, SanitizedGlobalConfig } from 'payload/types';
-export declare const buildVersionColumns: ({ collectionConfig, docID, globalConfig, i18n: { t }, }: {
+import type { SanitizedCollectionConfig, SanitizedConfig, SanitizedGlobalConfig } from 'payload';
+import { type Column } from '@payloadcms/ui';
+export declare const buildVersionColumns: ({ collectionConfig, docID, globalConfig, i18n: { t }, latestDraftVersion, latestPublishedVersion, }: {
     collectionConfig?: SanitizedCollectionConfig;
     config: SanitizedConfig;
     docID?: number | string;
     globalConfig?: SanitizedGlobalConfig;
     i18n: I18n;
+    latestDraftVersion?: string;
+    latestPublishedVersion?: string;
 }) => Column[];
 //# sourceMappingURL=buildColumns.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"buildColumns.d.ts","sourceRoot":"","sources":["../../../src/views/Versions/buildColumns.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAA;AAC3D,OAAO,KAAK,EACV,yBAAyB,EACzB,eAAe,EACf,qBAAqB,EACtB,MAAM,eAAe,CAAA;AAStB,eAAO,MAAM,mBAAmB,4DAK7B;IACD,gBAAgB,CAAC,EAAE,yBAAyB,CAAA;IAC5C,MAAM,EAAE,eAAe,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,YAAY,CAAC,EAAE,qBAAqB,CAAA;IACpC,IAAI,EAAE,IAAI,CAAA;CACX,KAAG,MAAM,EAoDT,CAAA"}
+{"version":3,"file":"buildColumns.d.ts","sourceRoot":"","sources":["../../../src/views/Versions/buildColumns.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,KAAK,EAAE,yBAAyB,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAEhG,OAAO,EAAE,KAAK,MAAM,EAAc,MAAM,gBAAgB,CAAA;AAOxD,eAAO,MAAM,mBAAmB,wGAO7B;IACD,gBAAgB,CAAC,EAAE,yBAAyB,CAAA;IAC5C,MAAM,EAAE,eAAe,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,YAAY,CAAC,EAAE,qBAAqB,CAAA;IACpC,IAAI,EAAE,IAAI,CAAA;IACV,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,sBAAsB,CAAC,EAAE,MAAM,CAAA;CAChC,KAAG,MAAM,EAkFT,CAAA"}

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();