@payloadcms/next 3.0.0-canary.f83d96a → 3.0.0-canary.fb04843

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Versions/index.client.tsx"],"sourcesContent":["'use client'\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport {\n  type Column,\n  LoadingOverlayToggle,\n  Pagination,\n  PerPage,\n  SetViewActions,\n  Table,\n  useComponentMap,\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  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","SetViewActions","Table","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"],"mappings":"AAAA;;AAGA,SAEEA,oBAAoB,EACpBC,UAAU,EACVC,OAAO,EACPC,cAAc,EACdC,KAAK,EACLC,eAAe,EACfC,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,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,KAACzB;gBAAe0B,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,KAACxB;wBAAMU,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,"file":"index.client.js","names":["c","_c","LoadingOverlayToggle","Pagination","PerPage","Table","useListQuery","useTranslation","useSearchParams","React","VersionsViewClient","props","$","baseClass","columns","paginationLimits","data","handlePageChange","handlePerPageChange","searchParams","t0","get","limit","i18n","versionCount","totalDocs","t1","t2","_jsxs","Fragment","children","_jsx","name","show","className","t","docs","hasNextPage","hasPrevPage","nextPage","numberOfNeighbors","onChange","page","prevPage","totalPages","handleChange","Number","limits"],"sources":["../../../src/views/Versions/index.client.tsx"],"sourcesContent":["'use client'\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport {\n  type Column,\n  LoadingOverlayToggle,\n  Pagination,\n  PerPage,\n  Table,\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 { data, handlePageChange, handlePerPageChange } = useListQuery()\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      <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} />\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"],"mappings":"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","ignoreList":[]}

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

@@ -1,5 +1,5 @@
-import type { EditViewComponent } from 'payload';
+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":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAiB,MAAM,SAAS,CAAA;AAU/D,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;AAU5F,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,SAAS,aAAa,CAAA;AAEnC,eAAO,MAAM,YAAY,EAAE,2BAA2B,CAAC,iBAAiB,CAmMvE,CAAA"}

package/dist/views/Versions/index.js

@@ -1,101 +1,186 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Gutter, ListQueryProvider } from '@payloadcms/ui';
+import { Gutter, ListQueryProvider, SetDocumentStepNav } from '@payloadcms/ui';
 import { notFound } from 'next/navigation.js';
 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 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;
-    if (collectionSlug) {
-        limitToUse = limitToUse || collectionConfig.admin.pagination.defaultLimit;
-        try {
-            versionsData = await payload.findVersions({
-                collection: collectionSlug,
-                depth: 0,
-                limit: limitToUse,
-                overrideAccess: false,
-                page: page ? parseInt(page.toString(), 10) : undefined,
-                sort: sort,
-                user,
-                where: {
-                    parent: {
-                        equals: id
-                    }
-                }
-            });
-        } catch (error) {
-            console.error(error) // eslint-disable-line no-console
-            ;
-        }
+export const VersionsView = async props => {
+  const {
+    initPageResult,
+    searchParams
+  } = props;
+  const {
+    collectionConfig,
+    docID: id,
+    globalConfig,
+    req,
+    req: {
+      i18n,
+      payload,
+      payload: {
+        config
+      },
+      t,
+      user
     }
-    if (globalSlug) {
-        limitToUse = limitToUse || 10;
-        try {
-            versionsData = await payload.findGlobalVersions({
-                slug: globalSlug,
-                depth: 0,
-                limit: limitToUse,
-                overrideAccess: false,
-                page: page ? parseInt(page, 10) : undefined,
-                sort: sort,
-                user
-            });
-        } catch (error) {
-            console.error(error) // eslint-disable-line no-console
-            ;
+  } = initPageResult;
+  const collectionSlug = collectionConfig?.slug;
+  const globalSlug = globalConfig?.slug;
+  const {
+    limit,
+    page,
+    sort
+  } = searchParams;
+  const {
+    localization,
+    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;
+    const whereQuery = {
+      and: [{
+        parent: {
+          equals: id
         }
-        if (!versionsData) {
-            return notFound();
+      }]
+    };
+    if (localization && collectionConfig?.versions?.drafts) {
+      whereQuery.and.push({
+        snapshot: {
+          not_equals: true
         }
+      });
+    }
+    try {
+      versionsData = await payload.findVersions({
+        collection: collectionSlug,
+        depth: 0,
+        limit: limitToUse,
+        overrideAccess: false,
+        page: page ? parseInt(page.toString(), 10) : undefined,
+        req,
+        sort: sort,
+        user,
+        where: whereQuery
+      });
+      if (collectionConfig?.versions?.drafts) {
+        latestDraftVersion = await getLatestVersion({
+          slug: collectionSlug,
+          type: 'collection',
+          parentID: id,
+          payload,
+          status: 'draft'
+        });
+        latestPublishedVersion = await getLatestVersion({
+          slug: collectionSlug,
+          type: 'collection',
+          parentID: id,
+          payload,
+          status: 'published'
+        });
+      }
+    } catch (error) {
+      payload.logger.error(error);
+    }
+  }
+  if (globalSlug) {
+    limitToUse = limitToUse || 10;
+    const whereQuery = localization && globalConfig?.versions?.drafts ? {
+      snapshot: {
+        not_equals: true
+      }
+    } : {};
+    try {
+      versionsData = await payload.findGlobalVersions({
+        slug: globalSlug,
+        depth: 0,
+        limit: limitToUse,
+        overrideAccess: false,
+        page: page ? parseInt(page, 10) : undefined,
+        req,
+        sort: sort,
+        user,
+        where: whereQuery
+      });
+      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) {
+      payload.logger.error(error);
+    }
+    if (!versionsData) {
+      return notFound();
     }
-    const columns = buildVersionColumns({
-        collectionConfig,
-        config,
-        docID: id,
-        globalConfig,
-        i18n
-    });
-    const fetchURL = collectionSlug ? `${serverURL}${apiRoute}/${collectionSlug}/versions` : globalSlug ? `${serverURL}${apiRoute}/globals/${globalSlug}/versions` : '';
-    return /*#__PURE__*/ _jsxs(React.Fragment, {
-        children: [
-            /*#__PURE__*/ _jsx(SetDocumentStepNav, {
-                collectionSlug: collectionConfig?.slug,
-                globalSlug: globalConfig?.slug,
-                id: id,
-                pluralLabel: collectionConfig?.labels?.plural || globalConfig?.label,
-                useAsTitle: collectionConfig?.admin?.useAsTitle || globalConfig?.slug,
-                view: i18n.t('version:versions')
-            }),
-            /*#__PURE__*/ _jsx("main", {
-                className: baseClass,
-                children: /*#__PURE__*/ _jsx(Gutter, {
-                    className: `${baseClass}__wrap`,
-                    children: /*#__PURE__*/ _jsx(ListQueryProvider, {
-                        data: versionsData,
-                        defaultLimit: limitToUse,
-                        defaultSort: sort,
-                        modifySearchParams: true,
-                        children: /*#__PURE__*/ _jsx(VersionsViewClient, {
-                            baseClass: baseClass,
-                            columns: columns,
-                            fetchURL: fetchURL,
-                            paginationLimits: collectionConfig?.admin?.pagination?.limits
-                        })
-                    })
-                })
-            })
-        ]
-    });
+  }
+  const fetchURL = collectionSlug ? `${serverURL}${apiRoute}/${collectionSlug}/versions` : globalSlug ? `${serverURL}${apiRoute}/globals/${globalSlug}/versions` : '';
+  const publishedNewerThanDraft = latestPublishedVersion?.updatedAt > latestDraftVersion?.updatedAt;
+  if (publishedNewerThanDraft) {
+    latestDraftVersion = {
+      id: '',
+      updatedAt: ''
+    };
+  }
+  const columns = buildVersionColumns({
+    collectionConfig,
+    config,
+    docID: id,
+    docs: versionsData?.docs,
+    globalConfig,
+    i18n,
+    latestDraftVersion: latestDraftVersion?.id,
+    latestPublishedVersion: latestPublishedVersion?.id
+  });
+  const pluralLabel = collectionConfig?.labels?.plural ? typeof collectionConfig.labels.plural === 'function' ? collectionConfig.labels.plural({
+    t
+  }) : collectionConfig.labels.plural : globalConfig?.label;
+  return /*#__PURE__*/_jsxs(React.Fragment, {
+    children: [/*#__PURE__*/_jsx(SetDocumentStepNav, {
+      collectionSlug: collectionConfig?.slug,
+      globalSlug: globalConfig?.slug,
+      id: id,
+      pluralLabel: pluralLabel,
+      useAsTitle: collectionConfig?.admin?.useAsTitle || globalConfig?.slug,
+      view: i18n.t('version:versions')
+    }), /*#__PURE__*/_jsx("main", {
+      className: baseClass,
+      children: /*#__PURE__*/_jsx(Gutter, {
+        className: `${baseClass}__wrap`,
+        children: /*#__PURE__*/_jsx(ListQueryProvider, {
+          collectionSlug: collectionSlug,
+          data: versionsData,
+          defaultLimit: limitToUse,
+          defaultSort: sort,
+          modifySearchParams: true,
+          children: /*#__PURE__*/_jsx(VersionsViewClient, {
+            baseClass: baseClass,
+            columns: columns,
+            fetchURL: fetchURL,
+            paginationLimits: collectionConfig?.admin?.pagination?.limits
+          })
+        })
+      })
+    })]
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

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

package/dist/views/Versions/index.scss

@@ -1,108 +1,110 @@
 @import '../../scss/styles.scss';
 
-.versions {
-  width: 100%;
-  margin-bottom: calc(var(--base) * 2);
-
-  &__wrap {
-    padding-top: 0;
-    padding-bottom: var(--spacing-view-bottom);
-    margin-top: calc(var(--base) * 0.75);
-  }
-
-  &__header {
-    margin-bottom: var(--base);
-  }
-
-  &__no-versions {
-    margin-top: calc(var(--base) * 1.5);
-  }
+@layer payload-default {
+  .versions {
+    width: 100%;
+    margin-bottom: calc(var(--base) * 2);
 
-  &__parent-doc {
-    .banner__content {
-      display: flex;
+    &__wrap {
+      padding-top: 0;
+      padding-bottom: var(--spacing-view-bottom);
+      margin-top: calc(var(--base) * 0.75);
     }
-  }
 
-  &__parent-doc-pills {
-    [dir='ltr'] & {
-      margin-left: auto;
+    &__header {
+      margin-bottom: var(--base);
     }
 
-    [dir='rtl'] & {
-      margin-right: auto;
+    &__no-versions {
+      margin-top: calc(var(--base) * 1.5);
     }
-  }
 
-  .table {
-    table {
-      width: 100%;
-      overflow: auto;
-    }
-  }
-
-  &__page-controls {
-    width: 100%;
-    display: flex;
-    align-items: center;
-  }
-
-  .paginator {
-    margin-bottom: 0;
-  }
-
-  &__page-info {
-    [dir='ltr'] & {
-      margin-right: var(--base);
-      margin-left: auto;
+    &__parent-doc {
+      .banner__content {
+        display: flex;
+      }
     }
 
-    [dir='rtl'] & {
-      margin-left: var(--base);
-      margin-right: auto;
-    }
-  }
+    &__parent-doc-pills {
+      [dir='ltr'] & {
+        margin-left: auto;
+      }
 
-  @include mid-break {
-    &__wrap {
-      padding-top: 0;
-      margin-top: 0;
+      [dir='rtl'] & {
+        margin-right: auto;
+      }
     }
 
-    // on mobile, extend the table all the way to the viewport edges
-    // this is to visually indicate overflowing content
     .table {
-      display: flex;
-      width: calc(100% + calc(var(--gutter-h) * 2));
-      max-width: unset;
-      left: calc(var(--gutter-h) * -1);
-      position: relative;
-      padding-left: var(--gutter-h);
-
-      &::after {
-        content: '';
-        height: 1px;
-        padding-right: var(--gutter-h);
+      table {
+        width: 100%;
+        overflow: auto;
       }
     }
 
     &__page-controls {
-      flex-wrap: wrap;
+      width: 100%;
+      display: flex;
+      align-items: center;
+    }
+
+    .paginator {
+      margin-bottom: 0;
     }
 
     &__page-info {
       [dir='ltr'] & {
-        margin-left: 0;
+        margin-right: var(--base);
+        margin-left: auto;
       }
 
       [dir='rtl'] & {
-        margin-right: 0;
+        margin-left: var(--base);
+        margin-right: auto;
       }
     }
 
-    .paginator {
-      width: 100%;
-      margin-bottom: var(--base);
+    @include mid-break {
+      &__wrap {
+        padding-top: 0;
+        margin-top: 0;
+      }
+
+      // on mobile, extend the table all the way to the viewport edges
+      // this is to visually indicate overflowing content
+      .table {
+        display: flex;
+        width: calc(100% + calc(var(--gutter-h) * 2));
+        max-width: unset;
+        left: calc(var(--gutter-h) * -1);
+        position: relative;
+        padding-left: var(--gutter-h);
+
+        &::after {
+          content: '';
+          height: 1px;
+          padding-right: var(--gutter-h);
+        }
+      }
+
+      &__page-controls {
+        flex-wrap: wrap;
+      }
+
+      &__page-info {
+        [dir='ltr'] & {
+          margin-left: 0;
+        }
+
+        [dir='rtl'] & {
+          margin-right: 0;
+        }
+      }
+
+      .paginator {
+        width: 100%;
+        margin-bottom: var(--base);
+      }
     }
   }
 }

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

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

package/dist/views/Versions/meta.js

@@ -1,37 +1,48 @@
 import { getTranslation } from '@payloadcms/translations';
 import { meta } from '../../utilities/meta.js';
-export const generateMetadata = async ({ collectionConfig, config, globalConfig, i18n })=>{
-    const { t } = i18n;
-    const entityLabel = collectionConfig ? getTranslation(collectionConfig.labels.singular, i18n) : globalConfig ? getTranslation(globalConfig.label, i18n) : '';
-    let title = '';
-    let description = '';
-    const keywords = '';
-    const data = {} // TODO: figure this out
-    ;
-    if (collectionConfig) {
-        const useAsTitle = collectionConfig?.admin?.useAsTitle || 'id';
-        const titleFromData = data?.[useAsTitle];
-        title = `${t('version:versions')}${titleFromData ? ` - ${titleFromData}` : ''} - ${entityLabel}`;
-        description = t('version:viewingVersions', {
-            documentTitle: data?.[useAsTitle],
-            entitySlug: collectionConfig.slug
-        });
-    }
-    if (globalConfig) {
-        title = `${t('version:versions')} - ${entityLabel}`;
-        description = t('version:viewingVersionsGlobal', {
-            entitySlug: globalConfig.slug
-        });
-    }
-    return meta({
-        ...config.admin.meta || {},
-        description,
-        keywords,
-        serverURL: config.serverURL,
-        title,
-        ...collectionConfig?.admin.meta || {},
-        ...globalConfig?.admin.meta || {}
-    });
+export const generateMetadata = async ({
+  collectionConfig,
+  config,
+  globalConfig,
+  i18n
+}) => {
+  const {
+    t
+  } = i18n;
+  const entityLabel = collectionConfig ? getTranslation(collectionConfig.labels.singular, i18n) : globalConfig ? getTranslation(globalConfig.label, i18n) : '';
+  let metaToUse = {
+    ...(config.admin.meta || {})
+  };
+  const data = {} // TODO: figure this out
+  ;
+  if (collectionConfig) {
+    const useAsTitle = collectionConfig?.admin?.useAsTitle || 'id';
+    const titleFromData = data?.[useAsTitle];
+    metaToUse = {
+      ...(config.admin.meta || {}),
+      description: t('version:viewingVersions', {
+        documentTitle: data?.[useAsTitle],
+        entitySlug: collectionConfig.slug
+      }),
+      title: `${t('version:versions')}${titleFromData ? ` - ${titleFromData}` : ''} - ${entityLabel}`,
+      ...(collectionConfig?.admin.meta || {}),
+      ...(collectionConfig?.admin?.components?.views?.edit?.versions?.meta || {})
+    };
+  }
+  if (globalConfig) {
+    metaToUse = {
+      ...(config.admin.meta || {}),
+      description: t('version:viewingVersionsGlobal', {
+        entitySlug: globalConfig.slug
+      }),
+      title: `${t('version:versions')} - ${entityLabel}`,
+      ...(globalConfig?.admin.meta || {}),
+      ...(globalConfig?.admin?.components?.views?.edit?.versions?.meta || {})
+    };
+  }
+  return meta({
+    ...metaToUse,
+    serverURL: config.serverURL
+  });
 };
-
 //# sourceMappingURL=meta.js.map