@payloadcms/next 3.0.0-canary.b922438 → 3.0.0-canary.bb00d64

package/dist/views/Versions/index.js

@@ -1,143 +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, req: { i18n, payload, payload: { config }, user } } = initPageResult;
-    const collectionSlug = collectionConfig?.slug;
-    const globalSlug = globalConfig?.slug;
-    const { limit, page, sort } = searchParams;
-    const { routes: { api: apiRoute }, serverURL } = config;
-    let versionsData;
-    let limitToUse = isNumber(limit) ? Number(limit) : undefined;
-    let latestPublishedVersion = null;
-    let latestDraftVersion = null;
-    if (collectionSlug) {
-        limitToUse = limitToUse || collectionConfig.admin.pagination.defaultLimit;
-        try {
-            versionsData = await payload.findVersions({
-                collection: collectionSlug,
-                depth: 0,
-                limit: limitToUse,
-                overrideAccess: false,
-                page: page ? parseInt(page.toString(), 10) : undefined,
-                req,
-                sort: sort,
-                user,
-                where: {
-                    parent: {
-                        equals: id
-                    }
-                }
-            });
-            if (collectionConfig?.versions?.drafts) {
-                latestDraftVersion = await getLatestVersion({
-                    slug: collectionSlug,
-                    type: 'collection',
-                    payload,
-                    status: 'draft'
-                });
-                latestPublishedVersion = await getLatestVersion({
-                    slug: collectionSlug,
-                    type: 'collection',
-                    payload,
-                    status: 'published'
-                });
-            }
-        } catch (error) {
-            console.error(error) // eslint-disable-line no-console
-            ;
-        }
+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,
-                req,
-                sort: sort,
-                user
-            });
-            if (globalConfig?.versions?.drafts) {
-                latestDraftVersion = await getLatestVersion({
-                    slug: globalSlug,
-                    type: 'global',
-                    payload,
-                    status: 'draft'
-                });
-                latestPublishedVersion = await getLatestVersion({
-                    slug: globalSlug,
-                    type: 'global',
-                    payload,
-                    status: 'published'
-                });
-            }
-        } catch (error) {
-            console.error(error) // eslint-disable-line no-console
-            ;
+  } = 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);
     }
-    const fetchURL = collectionSlug ? `${serverURL}${apiRoute}/${collectionSlug}/versions` : globalSlug ? `${serverURL}${apiRoute}/globals/${globalSlug}/versions` : '';
-    const publishedNewerThanDraft = latestPublishedVersion?.updatedAt > latestDraftVersion?.updatedAt;
-    if (publishedNewerThanDraft) {
-        latestDraftVersion = {
-            id: '',
-            updatedAt: ''
-        };
+    if (!versionsData) {
+      return notFound();
     }
-    const columns = buildVersionColumns({
-        collectionConfig,
-        config,
-        docID: id,
-        globalConfig,
-        i18n,
-        latestDraftVersion: latestDraftVersion?.id,
-        latestPublishedVersion: latestPublishedVersion?.id
-    });
-    return /*#__PURE__*/ _jsxs(React.Fragment, {
-        children: [
-            /*#__PURE__*/ _jsx(SetDocumentStepNav, {
-                collectionSlug: collectionConfig?.slug,
-                globalSlug: globalConfig?.slug,
-                id: id,
-                pluralLabel: collectionConfig?.labels?.plural || globalConfig?.label,
-                useAsTitle: collectionConfig?.admin?.useAsTitle || globalConfig?.slug,
-                view: i18n.t('version:versions')
-            }),
-            /*#__PURE__*/ _jsx("main", {
-                className: baseClass,
-                children: /*#__PURE__*/ _jsx(Gutter, {
-                    className: `${baseClass}__wrap`,
-                    children: /*#__PURE__*/ _jsx(ListQueryProvider, {
-                        data: versionsData,
-                        defaultLimit: limitToUse,
-                        defaultSort: sort,
-                        modifySearchParams: true,
-                        children: /*#__PURE__*/ _jsx(VersionsViewClient, {
-                            baseClass: baseClass,
-                            columns: columns,
-                            fetchURL: fetchURL,
-                            paginationLimits: collectionConfig?.admin?.pagination?.limits
-                        })
-                    })
-                })
-            })
-        ]
-    });
+  }
+  const fetchURL = collectionSlug ? `${serverURL}${apiRoute}/${collectionSlug}/versions` : globalSlug ? `${serverURL}${apiRoute}/globals/${globalSlug}/versions` : '';
+  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 { getLatestVersion } from './getLatestVersion.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    req: {\n      i18n,\n      payload,\n      payload: { config },\n      user,\n    },\n  } = initPageResult\n\n  const collectionSlug = collectionConfig?.slug\n  const globalSlug = globalConfig?.slug\n  const { limit, page, sort } = searchParams\n\n  const {\n    routes: { api: apiRoute },\n    serverURL,\n  } = config\n\n  let versionsData: PaginatedDocs\n  let limitToUse = isNumber(limit) ? Number(limit) : undefined\n  let latestPublishedVersion = null\n  let latestDraftVersion = null\n\n  if (collectionSlug) {\n    limitToUse = limitToUse || collectionConfig.admin.pagination.defaultLimit\n    try {\n      versionsData = await payload.findVersions({\n        collection: collectionSlug,\n        depth: 0,\n        limit: limitToUse,\n        overrideAccess: false,\n        page: page ? parseInt(page.toString(), 10) : undefined,\n        req,\n        sort: sort as string,\n        user,\n        where: {\n          parent: {\n            equals: id,\n          },\n        },\n      })\n      if (collectionConfig?.versions?.drafts) {\n        latestDraftVersion = await getLatestVersion({\n          slug: collectionSlug,\n          type: 'collection',\n          payload,\n          status: 'draft',\n        })\n        latestPublishedVersion = await getLatestVersion({\n          slug: collectionSlug,\n          type: 'collection',\n          payload,\n          status: 'published',\n        })\n      }\n    } catch (error) {\n      console.error(error) // eslint-disable-line no-console\n    }\n  }\n\n  if (globalSlug) {\n    limitToUse = limitToUse || 10\n    try {\n      versionsData = await payload.findGlobalVersions({\n        slug: globalSlug,\n        depth: 0,\n        limit: limitToUse,\n        overrideAccess: false,\n        page: page ? parseInt(page as string, 10) : undefined,\n        req,\n        sort: sort as string,\n        user,\n      })\n\n      if (globalConfig?.versions?.drafts) {\n        latestDraftVersion = await getLatestVersion({\n          slug: globalSlug,\n          type: 'global',\n          payload,\n          status: 'draft',\n        })\n        latestPublishedVersion = await getLatestVersion({\n          slug: globalSlug,\n          type: 'global',\n          payload,\n          status: 'published',\n        })\n      }\n    } catch (error) {\n      console.error(error) // eslint-disable-line no-console\n    }\n\n    if (!versionsData) {\n      return notFound()\n    }\n  }\n  const fetchURL = collectionSlug\n    ? `${serverURL}${apiRoute}/${collectionSlug}/versions`\n    : globalSlug\n      ? `${serverURL}${apiRoute}/globals/${globalSlug}/versions`\n      : ''\n\n  const publishedNewerThanDraft = latestPublishedVersion?.updatedAt > latestDraftVersion?.updatedAt\n\n  if (publishedNewerThanDraft) {\n    latestDraftVersion = {\n      id: '',\n      updatedAt: '',\n    }\n  }\n\n  const columns = buildVersionColumns({\n    collectionConfig,\n    config,\n    docID: id,\n    globalConfig,\n    i18n,\n    latestDraftVersion: latestDraftVersion?.id,\n    latestPublishedVersion: latestPublishedVersion?.id,\n  })\n\n  return (\n    <React.Fragment>\n      <SetDocumentStepNav\n        collectionSlug={collectionConfig?.slug}\n        globalSlug={globalConfig?.slug}\n        id={id}\n        pluralLabel={collectionConfig?.labels?.plural || globalConfig?.label}\n        useAsTitle={collectionConfig?.admin?.useAsTitle || globalConfig?.slug}\n        view={i18n.t('version:versions')}\n      />\n      <main className={baseClass}>\n        <Gutter className={`${baseClass}__wrap`}>\n          <ListQueryProvider\n            data={versionsData}\n            defaultLimit={limitToUse}\n            defaultSort={sort as string}\n            modifySearchParams\n          >\n            <VersionsViewClient\n              baseClass={baseClass}\n              columns={columns}\n              fetchURL={fetchURL}\n              paginationLimits={collectionConfig?.admin?.pagination?.limits}\n            />\n          </ListQueryProvider>\n        </Gutter>\n      </main>\n    </React.Fragment>\n  )\n}\n"],"names":["Gutter","ListQueryProvider","notFound","isNumber","React","SetDocumentStepNav","buildVersionColumns","getLatestVersion","VersionsViewClient","baseClass","VersionsView","props","initPageResult","searchParams","collectionConfig","docID","id","globalConfig","req","i18n","payload","config","user","collectionSlug","slug","globalSlug","limit","page","sort","routes","api","apiRoute","serverURL","versionsData","limitToUse","Number","undefined","latestPublishedVersion","latestDraftVersion","admin","pagination","defaultLimit","findVersions","collection","depth","overrideAccess","parseInt","toString","where","parent","equals","versions","drafts","type","status","error","console","findGlobalVersions","fetchURL","publishedNewerThanDraft","updatedAt","columns","Fragment","pluralLabel","labels","plural","label","useAsTitle","view","t","main","className","data","defaultSort","modifySearchParams","paginationLimits","limits"],"mappings":"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"}
+{"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