@payloadcms/next 3.0.0-beta.110 → 3.0.0-beta.112

package/dist/views/Version/RenderFieldsToDiff/fields/Select/index.scss

@@ -1,13 +1,15 @@
-.select-diff {
-  &__locale-label {
-    [dir='ltr'] & {
-      margin-right: calc(var(--base) * 0.25);
+@layer payload-default {
+  .select-diff {
+    &__locale-label {
+      [dir='ltr'] & {
+        margin-right: calc(var(--base) * 0.25);
+      }
+      [dir='rtl'] & {
+        margin-left: calc(var(--base) * 0.25);
+      }
+      background: var(--theme-elevation-100);
+      padding: calc(var(--base) * 0.25);
+      // border-radius: $style-radius-m;
     }
-    [dir='rtl'] & {
-      margin-left: calc(var(--base) * 0.25);
-    }
-    background: var(--theme-elevation-100);
-    padding: calc(var(--base) * 0.25);
-    // border-radius: $style-radius-m;
   }
 }

package/dist/views/Version/RenderFieldsToDiff/fields/Text/index.scss

@@ -1,13 +1,15 @@
-.text-diff {
-  &__locale-label {
-    [dir='ltr'] & {
-      margin-right: calc(var(--base) * 0.25);
+@layer payload-default {
+  .text-diff {
+    &__locale-label {
+      [dir='ltr'] & {
+        margin-right: calc(var(--base) * 0.25);
+      }
+      [dir='rtl'] & {
+        margin-left: calc(var(--base) * 0.25);
+      }
+      background: var(--theme-elevation-100);
+      padding: calc(var(--base) * 0.25);
+      // border-radius: $style-radius-m;
     }
-    [dir='rtl'] & {
-      margin-left: calc(var(--base) * 0.25);
-    }
-    background: var(--theme-elevation-100);
-    padding: calc(var(--base) * 0.25);
-    // border-radius: $style-radius-m;
   }
 }

package/dist/views/Version/RenderFieldsToDiff/index.scss

@@ -1,18 +1,20 @@
 @import '../../../scss/styles.scss';
 
-.render-field-diffs {
-  display: flex;
-  flex-direction: column;
-  gap: var(--base);
-
-  &__field {
-    overflow-wrap: anywhere;
+@layer payload-default {
+  .render-field-diffs {
     display: flex;
     flex-direction: column;
     gap: var(--base);
-  }
 
-  @include small-break {
-    gap: calc(var(--base) / 2);
+    &__field {
+      overflow-wrap: anywhere;
+      display: flex;
+      flex-direction: column;
+      gap: var(--base);
+    }
+
+    @include small-break {
+      gap: calc(var(--base) / 2);
+    }
   }
 }

package/dist/views/Version/Restore/index.scss

@@ -1,77 +1,79 @@
 @import '../../.././scss/styles.scss';
 
-.restore-version {
-  cursor: pointer;
-  display: flex;
-
-  .popup-button {
-    display: flex;
-  }
-
-  &__chevron {
-    background-color: var(--theme-elevation-150);
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
+@layer payload-default {
+  .restore-version {
     cursor: pointer;
+    display: flex;
 
-    .stroke {
-      stroke-width: 1px;
+    .popup-button {
+      display: flex;
     }
 
-    &:hover {
-      background: var(--theme-elevation-100);
+    &__chevron {
+      background-color: var(--theme-elevation-150);
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+      cursor: pointer;
+
+      .stroke {
+        stroke-width: 1px;
+      }
+
+      &:hover {
+        background: var(--theme-elevation-100);
+      }
     }
-  }
 
-  &__button {
-    border-top-right-radius: 0px;
-    border-bottom-right-radius: 0px;
-    margin-right: 2px;
+    &__button {
+      border-top-right-radius: 0px;
+      border-bottom-right-radius: 0px;
+      margin-right: 2px;
 
-    &:focus {
-      border-radius: 0;
-      outline-offset: 0;
+      &:focus {
+        border-radius: 0;
+        outline-offset: 0;
+      }
     }
-  }
 
-  &__modal {
-    @include blur-bg;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 100%;
+    &__modal {
+      @include blur-bg;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      height: 100%;
 
-    &__toggle {
-      @extend %btn-reset;
+      &__toggle {
+        @extend %btn-reset;
+      }
     }
-  }
 
-  &__wrapper {
-    z-index: 1;
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    gap: base(0.8);
-    padding: base(2);
-    max-width: base(36);
-  }
+    &__wrapper {
+      z-index: 1;
+      position: relative;
+      display: flex;
+      flex-direction: column;
+      gap: base(0.8);
+      padding: base(2);
+      max-width: base(36);
+    }
 
-  &__content {
-    display: flex;
-    flex-direction: column;
-    gap: base(0.4);
+    &__content {
+      display: flex;
+      flex-direction: column;
+      gap: base(0.4);
 
-    > * {
-      margin: 0;
+      > * {
+        margin: 0;
+      }
     }
-  }
 
-  &__controls {
-    display: flex;
-    gap: base(0.4);
+    &__controls {
+      display: flex;
+      gap: base(0.4);
 
-    .btn {
-      margin: 0;
+      .btn {
+        margin: 0;
+      }
     }
   }
 }

package/dist/views/Version/SelectComparison/index.scss

@@ -1,13 +1,15 @@
-.compare-version {
-  &__error-loading {
-    border: 1px solid var(--theme-error-500);
-    min-height: calc(var(--base) * 2);
-    padding: calc(var(--base) * 0.5) calc(var(--base) * 0.75);
-    background-color: var(--theme-error-100);
-    color: var(--theme-elevation-0);
-  }
+@layer payload-default {
+  .compare-version {
+    &__error-loading {
+      border: 1px solid var(--theme-error-500);
+      min-height: calc(var(--base) * 2);
+      padding: calc(var(--base) * 0.5) calc(var(--base) * 0.75);
+      background-color: var(--theme-error-100);
+      color: var(--theme-elevation-0);
+    }
 
-  &__label {
-    margin-bottom: calc(var(--base) * 0.25);
+    &__label {
+      margin-bottom: calc(var(--base) * 0.25);
+    }
   }
 }

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

@@ -1,7 +1,9 @@
-.select-version-locales {
-  flex-grow: 1;
+@layer payload-default {
+  .select-version-locales {
+    flex-grow: 1;
 
-  &__label {
-    margin-bottom: calc(var(--base) * 0.25);
+    &__label {
+      margin-bottom: calc(var(--base) * 0.25);
+    }
   }
 }

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":"AAAA,OAAO,KAAK,EAGV,iBAAiB,EAGjB,2BAA2B,EAC5B,MAAM,SAAS,CAAA;AAShB,eAAO,MAAM,WAAW,EAAE,2BAA2B,CAAC,iBAAiB,CA2ItE,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,CA6ItE,CAAA"}

package/dist/views/Version/index.js

@@ -52,12 +52,14 @@ export const VersionView = async props => {
         latestDraftVersion = await getLatestVersion({
           slug,
           type: 'collection',
+          parentID: id,
           payload,
           status: 'draft'
         });
         latestPublishedVersion = await getLatestVersion({
           slug,
           type: 'collection',
+          parentID: id,
           payload,
           status: 'published'
         });

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","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","_jsx","initialComparisonDoc"],"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"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","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","parentID","status","error","globals","findGlobalVersionByID","publishedNewerThanDraft","updatedAt","localeOptions","locales","map","code","label","value","latestVersion","_jsx","initialComparisonDoc"],"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          parentID: id,\n          payload,\n          status: 'draft',\n        })\n        latestPublishedVersion = await getLatestVersion({\n          slug,\n          type: 'collection',\n          parentID: id,\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"],"mappings":"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","ignoreList":[]}

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

@@ -4,6 +4,7 @@ type ReturnType = {
     updatedAt: string;
 } | null;
 type Args = {
+    parentID?: number | string;
     payload: Payload;
     slug: string;
     status: 'draft' | 'published';

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

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

package/dist/views/Versions/getLatestVersion.js

@@ -2,18 +2,29 @@ export async function getLatestVersion(args) {
   const {
     slug,
     type = 'collection',
+    parentID,
     payload,
     status
   } = args;
+  const and = [{
+    'version._status': {
+      equals: status
+    }
+  }];
+  if (type === 'collection' && parentID) {
+    and.push({
+      parent: {
+        equals: parentID
+      }
+    });
+  }
   try {
     const sharedOptions = {
       depth: 0,
       limit: 1,
       sort: '-updatedAt',
       where: {
-        'version._status': {
-          equals: status
-        }
+        and
       }
     };
     const response = type === 'collection' ? await payload.findVersions({

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

@@ -1 +1 @@
-{"version":3,"file":"getLatestVersion.js","names":["getLatestVersion","args","slug","type","payload","status","sharedOptions","depth","limit","sort","where","equals","response","findVersions","collection","findGlobalVersions","docs","length","id","updatedAt","e","console","error"],"sources":["../../../src/views/Versions/getLatestVersion.ts"],"sourcesContent":["import type { Payload } from 'payload'\n\ntype ReturnType = {\n  id: string\n  updatedAt: string\n} | null\n\ntype Args = {\n  payload: Payload\n  slug: string\n  status: 'draft' | 'published'\n  type: 'collection' | 'global'\n}\nexport async function getLatestVersion(args: Args): Promise<ReturnType> {\n  const { slug, type = 'collection', payload, status } = args\n\n  try {\n    const sharedOptions = {\n      depth: 0,\n      limit: 1,\n      sort: '-updatedAt',\n      where: {\n        'version._status': {\n          equals: status,\n        },\n      },\n    }\n\n    const response =\n      type === 'collection'\n        ? await payload.findVersions({\n            collection: slug,\n            ...sharedOptions,\n          })\n        : await payload.findGlobalVersions({\n            slug,\n            ...sharedOptions,\n          })\n\n    if (!response.docs.length) {\n      return null\n    }\n\n    return {\n      id: response.docs[0].id,\n      updatedAt: response.docs[0].updatedAt,\n    }\n  } catch (e) {\n    console.error(e)\n    return null\n  }\n}\n"],"mappings":"AAaA,OAAO,eAAeA,iBAAiBC,IAAU;EAC/C,MAAM;IAAEC,IAAI;IAAEC,IAAA,GAAO,YAAY;IAAEC,OAAO;IAAEC;EAAM,CAAE,GAAGJ,IAAA;EAEvD,IAAI;IACF,MAAMK,aAAA,GAAgB;MACpBC,KAAA,EAAO;MACPC,KAAA,EAAO;MACPC,IAAA,EAAM;MACNC,KAAA,EAAO;QACL,mBAAmB;UACjBC,MAAA,EAAQN;QACV;MACF;IACF;IAEA,MAAMO,QAAA,GACJT,IAAA,KAAS,eACL,MAAMC,OAAA,CAAQS,YAAY,CAAC;MACzBC,UAAA,EAAYZ,IAAA;MACZ,GAAGI;IACL,KACA,MAAMF,OAAA,CAAQW,kBAAkB,CAAC;MAC/Bb,IAAA;MACA,GAAGI;IACL;IAEN,IAAI,CAACM,QAAA,CAASI,IAAI,CAACC,MAAM,EAAE;MACzB,OAAO;IACT;IAEA,OAAO;MACLC,EAAA,EAAIN,QAAA,CAASI,IAAI,CAAC,EAAE,CAACE,EAAE;MACvBC,SAAA,EAAWP,QAAA,CAASI,IAAI,CAAC,EAAE,CAACG;IAC9B;EACF,EAAE,OAAOC,CAAA,EAAG;IACVC,OAAA,CAAQC,KAAK,CAACF,CAAA;IACd,OAAO;EACT;AACF","ignoreList":[]}
+{"version":3,"file":"getLatestVersion.js","names":["getLatestVersion","args","slug","type","parentID","payload","status","and","equals","push","parent","sharedOptions","depth","limit","sort","where","response","findVersions","collection","findGlobalVersions","docs","length","id","updatedAt","e","console","error"],"sources":["../../../src/views/Versions/getLatestVersion.ts"],"sourcesContent":["import type { Payload, Where } from 'payload'\n\ntype ReturnType = {\n  id: string\n  updatedAt: string\n} | null\n\ntype Args = {\n  parentID?: number | string\n  payload: Payload\n  slug: string\n  status: 'draft' | 'published'\n  type: 'collection' | 'global'\n}\nexport async function getLatestVersion(args: Args): Promise<ReturnType> {\n  const { slug, type = 'collection', parentID, payload, status } = args\n\n  const and: Where[] = [\n    {\n      'version._status': {\n        equals: status,\n      },\n    },\n  ]\n\n  if (type === 'collection' && parentID) {\n    and.push({\n      parent: {\n        equals: parentID,\n      },\n    })\n  }\n\n  try {\n    const sharedOptions = {\n      depth: 0,\n      limit: 1,\n      sort: '-updatedAt',\n      where: {\n        and,\n      },\n    }\n\n    const response =\n      type === 'collection'\n        ? await payload.findVersions({\n            collection: slug,\n            ...sharedOptions,\n          })\n        : await payload.findGlobalVersions({\n            slug,\n            ...sharedOptions,\n          })\n\n    if (!response.docs.length) {\n      return null\n    }\n\n    return {\n      id: response.docs[0].id,\n      updatedAt: response.docs[0].updatedAt,\n    }\n  } catch (e) {\n    console.error(e)\n    return null\n  }\n}\n"],"mappings":"AAcA,OAAO,eAAeA,iBAAiBC,IAAU;EAC/C,MAAM;IAAEC,IAAI;IAAEC,IAAA,GAAO,YAAY;IAAEC,QAAQ;IAAEC,OAAO;IAAEC;EAAM,CAAE,GAAGL,IAAA;EAEjE,MAAMM,GAAA,GAAe,CACnB;IACE,mBAAmB;MACjBC,MAAA,EAAQF;IACV;EACF,EACD;EAED,IAAIH,IAAA,KAAS,gBAAgBC,QAAA,EAAU;IACrCG,GAAA,CAAIE,IAAI,CAAC;MACPC,MAAA,EAAQ;QACNF,MAAA,EAAQJ;MACV;IACF;EACF;EAEA,IAAI;IACF,MAAMO,aAAA,GAAgB;MACpBC,KAAA,EAAO;MACPC,KAAA,EAAO;MACPC,IAAA,EAAM;MACNC,KAAA,EAAO;QACLR;MACF;IACF;IAEA,MAAMS,QAAA,GACJb,IAAA,KAAS,eACL,MAAME,OAAA,CAAQY,YAAY,CAAC;MACzBC,UAAA,EAAYhB,IAAA;MACZ,GAAGS;IACL,KACA,MAAMN,OAAA,CAAQc,kBAAkB,CAAC;MAC/BjB,IAAA;MACA,GAAGS;IACL;IAEN,IAAI,CAACK,QAAA,CAASI,IAAI,CAACC,MAAM,EAAE;MACzB,OAAO;IACT;IAEA,OAAO;MACLC,EAAA,EAAIN,QAAA,CAASI,IAAI,CAAC,EAAE,CAACE,EAAE;MACvBC,SAAA,EAAWP,QAAA,CAASI,IAAI,CAAC,EAAE,CAACG;IAC9B;EACF,EAAE,OAAOC,CAAA,EAAG;IACVC,OAAA,CAAQC,KAAK,CAACF,CAAA;IACd,OAAO;EACT;AACF","ignoreList":[]}

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,2BAA2B,EAAE,MAAM,SAAS,CAAA;AAW5F,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,SAAS,aAAa,CAAA;AAEnC,eAAO,MAAM,YAAY,EAAE,2BAA2B,CAAC,iBAAiB,CA+LvE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Versions/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAiB,2BAA2B,EAAE,MAAM,SAAS,CAAA;AAW5F,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,SAAS,aAAa,CAAA;AAEnC,eAAO,MAAM,YAAY,EAAE,2BAA2B,CAAC,iBAAiB,CAiMvE,CAAA"}

package/dist/views/Versions/index.js

@@ -78,12 +78,14 @@ export const VersionsView = async props => {
         latestDraftVersion = await getLatestVersion({
           slug: collectionSlug,
           type: 'collection',
+          parentID: id,
           payload,
           status: 'draft'
         });
         latestPublishedVersion = await getLatestVersion({
           slug: collectionSlug,
           type: 'collection',
+          parentID: id,
           payload,
           status: 'published'
         });

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Gutter","ListQueryProvider","notFound","isNumber","React","SetDocumentStepNav","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","status","error","console","findGlobalVersions","fetchURL","publishedNewerThanDraft","updatedAt","columns","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 } from '@payloadcms/ui'\nimport { notFound } from 'next/navigation.js'\nimport { isNumber } from 'payload/shared'\nimport React from 'react'\n\nimport { SetDocumentStepNav } from '../Edit/Default/SetDocumentStepNav/index.js'\nimport { buildVersionColumns } from './buildColumns.js'\nimport { getLatestVersion } from './getLatestVersion.js'\nimport { VersionsViewClient } from './index.client.js'\nimport './index.scss'\n\nexport const baseClass = 'versions'\n\nexport const VersionsView: PayloadServerReactComponent<EditViewComponent> = async (props) => {\n  const { initPageResult, searchParams } = props\n\n  const {\n    collectionConfig,\n    docID: id,\n    globalConfig,\n    req,\n    req: {\n      i18n,\n      payload,\n      payload: { config },\n      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: 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          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    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      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  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            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":[]}
+{"version":3,"file":"index.js","names":["Gutter","ListQueryProvider","notFound","isNumber","React","SetDocumentStepNav","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","console","findGlobalVersions","fetchURL","publishedNewerThanDraft","updatedAt","columns","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 } from '@payloadcms/ui'\nimport { notFound } from 'next/navigation.js'\nimport { isNumber } from 'payload/shared'\nimport React from 'react'\n\nimport { SetDocumentStepNav } from '../Edit/Default/SetDocumentStepNav/index.js'\nimport { buildVersionColumns } from './buildColumns.js'\nimport { getLatestVersion } from './getLatestVersion.js'\nimport { VersionsViewClient } from './index.client.js'\nimport './index.scss'\n\nexport const baseClass = 'versions'\n\nexport const VersionsView: PayloadServerReactComponent<EditViewComponent> = async (props) => {\n  const { initPageResult, searchParams } = props\n\n  const {\n    collectionConfig,\n    docID: id,\n    globalConfig,\n    req,\n    req: {\n      i18n,\n      payload,\n      payload: { config },\n      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: 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      console.error(error) // eslint-disable-line no-console\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      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  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            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);
+      }
     }
   }
 }