@payloadcms/ui 4.0.0-internal.38b7f1d → 4.0.0-internal.40de3ec

package/dist/views/Version/index.js

@@ -0,0 +1,351 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { hasDraftsEnabled } from 'payload/shared';
+import React from 'react';
+import { formatDate } from '../../utilities/formatDocTitle/formatDateTitle.js';
+import { getClientConfig } from '../../utilities/getClientConfig.js';
+import { getClientSchemaMap } from '../../utilities/getClientSchemaMap.js';
+import { getSchemaMap } from '../../utilities/getSchemaMap.js';
+// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports/client bundle for proper client boundary in prod builds
+import { DefaultVersionView, VersionPillLabel } from '../../exports/client/index.js';
+import { fetchLatestVersion, fetchVersion, fetchVersions } from '../Versions/fetchVersions.js';
+import { getVersionLabel } from '../Versions/VersionPillLabel/getVersionLabel.js';
+import { RenderDiff } from './RenderFieldsToDiff/index.js';
+export async function VersionView(props) {
+  const {
+    hasPublishedDoc,
+    i18n,
+    initPageResult,
+    routeSegments,
+    searchParams
+  } = props;
+  const {
+    collectionConfig,
+    docID: id,
+    globalConfig,
+    permissions,
+    req,
+    req: {
+      payload,
+      payload: {
+        config,
+        config: {
+          localization
+        }
+      } = {},
+      user
+    } = {}
+  } = initPageResult;
+  const versionToID = routeSegments[routeSegments.length - 1];
+  const collectionSlug = collectionConfig?.slug;
+  const globalSlug = globalConfig?.slug;
+  const draftsEnabled = hasDraftsEnabled(collectionConfig || globalConfig);
+  // Resolve user's current locale for version label comparison (not 'all')
+  const userLocale = searchParams.locale || (req.locale !== 'all' ? req.locale : localization && localization.defaultLocale);
+  const localeCodesFromParams = searchParams.localeCodes ? JSON.parse(searchParams.localeCodes) : null;
+  const versionFromIDFromParams = searchParams.versionFrom;
+  const modifiedOnly = searchParams.modifiedOnly === 'false' ? false : true;
+  const docPermissions = collectionSlug ? permissions.collections[collectionSlug] : permissions.globals[globalSlug];
+  const versionTo = await fetchVersion({
+    id: versionToID,
+    collectionSlug,
+    depth: 1,
+    globalSlug,
+    locale: 'all',
+    overrideAccess: false,
+    req,
+    user
+  });
+  if (!versionTo) {
+    return req.server.notFound();
+  }
+  const [previousVersionResult, versionFromResult, currentlyPublishedVersion, latestDraftVersion, previousPublishedVersionResult] = await Promise.all([
+  // Previous version (the one before the versionTo)
+  fetchVersions({
+    collectionSlug,
+    // If versionFromIDFromParams is provided, the previous version is only used in the version comparison dropdown => depth 0 is enough.
+    // If it's not provided, this is used as `versionFrom` in the comparison, which expects populated data => depth 1 is needed.
+    depth: versionFromIDFromParams ? 0 : 1,
+    draft: true,
+    globalSlug,
+    limit: 1,
+    locale: 'all',
+    overrideAccess: false,
+    parentID: id,
+    req,
+    sort: '-updatedAt',
+    user,
+    where: {
+      and: [{
+        updatedAt: {
+          less_than: versionTo.updatedAt
+        }
+      }]
+    }
+  }),
+  // Version from ID from params
+  versionFromIDFromParams ? fetchVersion({
+    id: versionFromIDFromParams,
+    collectionSlug,
+    depth: 1,
+    globalSlug,
+    locale: 'all',
+    overrideAccess: false,
+    req,
+    user
+  }) : Promise.resolve(null),
+  // Currently published version - do note: currently published != latest published, as an unpublished version can be the latest published
+  hasPublishedDoc ? fetchLatestVersion({
+    collectionSlug,
+    depth: 0,
+    globalSlug,
+    locale: req.locale,
+    overrideAccess: false,
+    parentID: id,
+    req,
+    status: 'published',
+    user
+  }) : Promise.resolve(null),
+  // Latest draft version
+  draftsEnabled ? fetchLatestVersion({
+    collectionSlug,
+    depth: 0,
+    globalSlug,
+    locale: 'all',
+    overrideAccess: false,
+    parentID: id,
+    req,
+    status: 'draft',
+    user
+  }) : Promise.resolve(null),
+  // Previous published version
+  // Only query for published versions if drafts are enabled (since _status field only exists with drafts)
+  draftsEnabled ? fetchVersions({
+    collectionSlug,
+    depth: 0,
+    draft: true,
+    globalSlug,
+    limit: 1,
+    locale: 'all',
+    overrideAccess: false,
+    parentID: id,
+    req,
+    sort: '-updatedAt',
+    user,
+    where: {
+      and: [{
+        updatedAt: {
+          less_than: versionTo.updatedAt
+        }
+      }, {
+        'version._status': {
+          equals: 'published'
+        }
+      }]
+    }
+  }) : Promise.resolve(null)]);
+  const previousVersion = previousVersionResult?.docs?.[0] ?? null;
+  const versionFrom = versionFromResult ||
+  // By default, we'll compare the previous version. => versionFrom = version previous to versionTo
+  previousVersion;
+  // Previous published version before the versionTo
+  const previousPublishedVersion = previousPublishedVersionResult?.docs?.[0] ?? null;
+  let selectedLocales = [];
+  if (localization) {
+    let locales = [];
+    if (localeCodesFromParams) {
+      for (const code of localeCodesFromParams) {
+        const locale = localization.locales.find(locale => locale.code === code);
+        if (!locale) {
+          continue;
+        }
+        locales.push(locale);
+      }
+    } else {
+      locales = localization.locales;
+    }
+    if (localization.filterAvailableLocales) {
+      locales = (await localization.filterAvailableLocales({
+        locales,
+        req
+      })) || [];
+    }
+    selectedLocales = locales.map(locale => locale.code);
+  }
+  const schemaMap = getSchemaMap({
+    collectionSlug,
+    config,
+    globalSlug,
+    i18n
+  });
+  const clientSchemaMap = getClientSchemaMap({
+    collectionSlug,
+    config: getClientConfig({
+      config: payload.config,
+      i18n,
+      importMap: payload.importMap,
+      user
+    }),
+    globalSlug,
+    i18n,
+    payload,
+    schemaMap
+  });
+  const RenderedDiff = RenderDiff({
+    clientSchemaMap,
+    customDiffComponents: {},
+    entitySlug: collectionSlug || globalSlug,
+    fields: (collectionConfig || globalConfig)?.fields,
+    fieldsPermissions: docPermissions?.fields,
+    i18n,
+    modifiedOnly,
+    parentIndexPath: '',
+    parentIsLocalized: false,
+    parentPath: '',
+    parentSchemaPath: '',
+    req,
+    selectedLocales,
+    versionFromSiblingData: {
+      ...versionFrom?.version,
+      updatedAt: versionFrom?.updatedAt
+    },
+    versionToSiblingData: {
+      ...versionTo.version,
+      updatedAt: versionTo.updatedAt
+    }
+  });
+  const versionToCreatedAtFormatted = versionTo.updatedAt ? formatDate({
+    date: typeof versionTo.updatedAt === 'string' ? new Date(versionTo.updatedAt) : versionTo.updatedAt,
+    i18n,
+    pattern: config.admin.dateFormat
+  }) : '';
+  const formatPill = ({
+    doc,
+    labelOverride,
+    labelStyle,
+    labelSuffix
+  }) => {
+    return /*#__PURE__*/_jsx(VersionPillLabel, {
+      currentlyPublishedVersion: currentlyPublishedVersion,
+      doc: doc,
+      labelFirst: true,
+      labelOverride: labelOverride,
+      labelStyle: labelStyle ?? 'text',
+      labelSuffix: labelSuffix,
+      latestDraftVersion: latestDraftVersion
+    }, doc.id);
+  };
+  // SelectComparison Options:
+  //
+  // Previous version: always, unless doesn't exist. Can be the same as previously published
+  // Latest draft: only if no newer published exists (latestDraftVersion)
+  // Currently published: always, if exists
+  // Previously published: if there is a prior published version older than versionTo
+  // Specific Version: only if not already present under other label (= versionFrom)
+  let versionFromOptions = [];
+  // Previous version
+  if (previousVersion?.id) {
+    versionFromOptions.push({
+      doc: previousVersion,
+      labelOverride: i18n.t('version:previousVersion'),
+      updatedAt: new Date(previousVersion.updatedAt),
+      value: previousVersion.id
+    });
+  }
+  // Latest Draft
+  const publishedNewerThanDraft = currentlyPublishedVersion?.updatedAt > latestDraftVersion?.updatedAt;
+  if (latestDraftVersion && !publishedNewerThanDraft) {
+    versionFromOptions.push({
+      doc: latestDraftVersion,
+      updatedAt: new Date(latestDraftVersion.updatedAt),
+      value: latestDraftVersion.id
+    });
+  }
+  // Currently Published
+  if (currentlyPublishedVersion) {
+    versionFromOptions.push({
+      doc: currentlyPublishedVersion,
+      updatedAt: new Date(currentlyPublishedVersion.updatedAt),
+      value: currentlyPublishedVersion.id
+    });
+  }
+  // Previous Published
+  if (previousPublishedVersion && currentlyPublishedVersion?.id !== previousPublishedVersion.id) {
+    versionFromOptions.push({
+      doc: previousPublishedVersion,
+      labelOverride: i18n.t('version:previouslyPublished'),
+      updatedAt: new Date(previousPublishedVersion.updatedAt),
+      value: previousPublishedVersion.id
+    });
+  }
+  // Specific Version
+  if (versionFrom?.id && !versionFromOptions.some(option => option.value === versionFrom.id)) {
+    // Only add "specific version" if it is not already in the options
+    versionFromOptions.push({
+      doc: versionFrom,
+      labelOverride: i18n.t('version:specificVersion'),
+      updatedAt: new Date(versionFrom.updatedAt),
+      value: versionFrom.id
+    });
+  }
+  versionFromOptions = versionFromOptions.sort((a, b) => {
+    // Sort by updatedAt, newest first
+    if (a && b) {
+      return b.updatedAt.getTime() - a.updatedAt.getTime();
+    }
+    return 0;
+  });
+  const versionToIsVersionFrom = versionFrom?.id === versionTo.id;
+  const versionFromComparisonOptions = [];
+  for (const option of versionFromOptions) {
+    const isVersionTo = option.value === versionTo.id;
+    if (isVersionTo && !versionToIsVersionFrom) {
+      continue;
+    }
+    const alreadyAdded = versionFromComparisonOptions.some(existingOption => existingOption.value === option.value);
+    if (alreadyAdded) {
+      continue;
+    }
+    const otherOptionsWithSameID = versionFromOptions.filter(existingOption => existingOption.value === option.value && existingOption !== option);
+    // Merge options with same ID to the same option
+    const labelSuffix = otherOptionsWithSameID?.length ? /*#__PURE__*/_jsxs("span", {
+      children: [' (', otherOptionsWithSameID.map((optionWithSameID, index) => {
+        const label = optionWithSameID.labelOverride || getVersionLabel({
+          currentLocale: userLocale,
+          currentlyPublishedVersion,
+          latestDraftVersion,
+          t: i18n.t,
+          version: optionWithSameID.doc
+        }).label;
+        return /*#__PURE__*/_jsxs(React.Fragment, {
+          children: [index > 0 ? ', ' : '', label]
+        }, `${optionWithSameID.value}-${index}`);
+      }), ')']
+    }, `${option.value}-suffix`) : undefined;
+    versionFromComparisonOptions.push({
+      label: formatPill({
+        doc: option.doc,
+        labelOverride: option.labelOverride,
+        labelSuffix
+      }),
+      value: option.value
+    });
+  }
+  return /*#__PURE__*/_jsx(DefaultVersionView, {
+    canUpdate: docPermissions?.update,
+    modifiedOnly: modifiedOnly,
+    RenderedDiff: RenderedDiff,
+    selectedLocales: selectedLocales,
+    versionFromCreatedAt: versionFrom?.createdAt,
+    versionFromID: versionFrom?.id,
+    versionFromOptions: versionFromComparisonOptions,
+    versionToCreatedAt: versionTo.createdAt,
+    versionToCreatedAtFormatted: versionToCreatedAtFormatted,
+    VersionToCreatedAtLabel: formatPill({
+      doc: versionTo,
+      labelStyle: 'pill'
+    }),
+    versionToID: versionTo.id,
+    versionToStatus: versionTo.version?._status
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["hasDraftsEnabled","React","formatDate","getClientConfig","getClientSchemaMap","getSchemaMap","DefaultVersionView","VersionPillLabel","fetchLatestVersion","fetchVersion","fetchVersions","getVersionLabel","RenderDiff","VersionView","props","hasPublishedDoc","i18n","initPageResult","routeSegments","searchParams","collectionConfig","docID","id","globalConfig","permissions","req","payload","config","localization","user","versionToID","length","collectionSlug","slug","globalSlug","draftsEnabled","userLocale","locale","defaultLocale","localeCodesFromParams","localeCodes","JSON","parse","versionFromIDFromParams","versionFrom","modifiedOnly","docPermissions","collections","globals","versionTo","depth","overrideAccess","server","notFound","previousVersionResult","versionFromResult","currentlyPublishedVersion","latestDraftVersion","previousPublishedVersionResult","Promise","all","draft","limit","parentID","sort","where","and","updatedAt","less_than","resolve","status","equals","previousVersion","docs","previousPublishedVersion","selectedLocales","locales","code","find","push","filterAvailableLocales","map","schemaMap","clientSchemaMap","importMap","RenderedDiff","customDiffComponents","entitySlug","fields","fieldsPermissions","parentIndexPath","parentIsLocalized","parentPath","parentSchemaPath","versionFromSiblingData","version","versionToSiblingData","versionToCreatedAtFormatted","date","Date","pattern","admin","dateFormat","formatPill","doc","labelOverride","labelStyle","labelSuffix","_jsx","labelFirst","versionFromOptions","t","value","publishedNewerThanDraft","some","option","a","b","getTime","versionToIsVersionFrom","versionFromComparisonOptions","isVersionTo","alreadyAdded","existingOption","otherOptionsWithSameID","filter","_jsxs","optionWithSameID","index","label","currentLocale","Fragment","undefined","canUpdate","update","versionFromCreatedAt","createdAt","versionFromID","versionToCreatedAt","VersionToCreatedAtLabel","versionToStatus","_status"],"sources":["../../../src/views/Version/index.tsx"],"sourcesContent":["import type {\n  DocumentViewServerProps,\n  Locale,\n  SanitizedCollectionPermission,\n  SanitizedGlobalPermission,\n  TypeWithVersion,\n} from 'payload'\n\nimport { hasDraftsEnabled } from 'payload/shared'\nimport React from 'react'\n\nimport type { CompareOption } from './Default/types.js'\n\nimport { formatDate } from '../../utilities/formatDocTitle/formatDateTitle.js'\nimport { getClientConfig } from '../../utilities/getClientConfig.js'\nimport { getClientSchemaMap } from '../../utilities/getClientSchemaMap.js'\nimport { getSchemaMap } from '../../utilities/getSchemaMap.js'\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports/client bundle for proper client boundary in prod builds\nimport { DefaultVersionView, VersionPillLabel } from '../../exports/client/index.js'\nimport { fetchLatestVersion, fetchVersion, fetchVersions } from '../Versions/fetchVersions.js'\nimport { getVersionLabel } from '../Versions/VersionPillLabel/getVersionLabel.js'\nimport { RenderDiff } from './RenderFieldsToDiff/index.js'\n\nexport async function VersionView(props: DocumentViewServerProps) {\n  const { hasPublishedDoc, i18n, initPageResult, routeSegments, searchParams } = props\n\n  const {\n    collectionConfig,\n    docID: id,\n    globalConfig,\n    permissions,\n    req,\n    req: { payload, payload: { config, config: { localization } } = {}, user } = {},\n  } = initPageResult\n\n  const versionToID = routeSegments[routeSegments.length - 1]\n\n  const collectionSlug = collectionConfig?.slug\n  const globalSlug = globalConfig?.slug\n\n  const draftsEnabled = hasDraftsEnabled(collectionConfig || globalConfig)\n\n  // Resolve user's current locale for version label comparison (not 'all')\n  const userLocale =\n    (searchParams.locale as string) ||\n    (req.locale !== 'all' ? req.locale : localization && localization.defaultLocale)\n\n  const localeCodesFromParams = searchParams.localeCodes\n    ? JSON.parse(searchParams.localeCodes as string)\n    : null\n\n  const versionFromIDFromParams = searchParams.versionFrom as string\n\n  const modifiedOnly: boolean = searchParams.modifiedOnly === 'false' ? false : true\n\n  const docPermissions: SanitizedCollectionPermission | SanitizedGlobalPermission = collectionSlug\n    ? permissions.collections[collectionSlug]\n    : permissions.globals[globalSlug]\n\n  const versionTo = await fetchVersion<{\n    _status?: string\n  }>({\n    id: versionToID,\n    collectionSlug,\n    depth: 1,\n    globalSlug,\n    locale: 'all',\n    overrideAccess: false,\n    req,\n    user,\n  })\n\n  if (!versionTo) {\n    return req.server.notFound()\n  }\n\n  const [\n    previousVersionResult,\n    versionFromResult,\n    currentlyPublishedVersion,\n    latestDraftVersion,\n    previousPublishedVersionResult,\n  ] = await Promise.all([\n    // Previous version (the one before the versionTo)\n    fetchVersions({\n      collectionSlug,\n      // If versionFromIDFromParams is provided, the previous version is only used in the version comparison dropdown => depth 0 is enough.\n      // If it's not provided, this is used as `versionFrom` in the comparison, which expects populated data => depth 1 is needed.\n      depth: versionFromIDFromParams ? 0 : 1,\n      draft: true,\n      globalSlug,\n      limit: 1,\n      locale: 'all',\n      overrideAccess: false,\n      parentID: id,\n      req,\n      sort: '-updatedAt',\n      user,\n      where: {\n        and: [\n          {\n            updatedAt: {\n              less_than: versionTo.updatedAt,\n            },\n          },\n        ],\n      },\n    }),\n    // Version from ID from params\n    (versionFromIDFromParams\n      ? fetchVersion({\n          id: versionFromIDFromParams,\n          collectionSlug,\n          depth: 1,\n          globalSlug,\n          locale: 'all',\n          overrideAccess: false,\n          req,\n          user,\n        })\n      : Promise.resolve(null)) as Promise<null | TypeWithVersion<object>>,\n    // Currently published version - do note: currently published != latest published, as an unpublished version can be the latest published\n    hasPublishedDoc\n      ? fetchLatestVersion({\n          collectionSlug,\n          depth: 0,\n          globalSlug,\n          locale: req.locale,\n          overrideAccess: false,\n          parentID: id,\n          req,\n          status: 'published',\n          user,\n        })\n      : Promise.resolve(null),\n    // Latest draft version\n    draftsEnabled\n      ? fetchLatestVersion({\n          collectionSlug,\n          depth: 0,\n          globalSlug,\n          locale: 'all',\n          overrideAccess: false,\n          parentID: id,\n          req,\n          status: 'draft',\n          user,\n        })\n      : Promise.resolve(null),\n    // Previous published version\n    // Only query for published versions if drafts are enabled (since _status field only exists with drafts)\n    draftsEnabled\n      ? fetchVersions({\n          collectionSlug,\n          depth: 0,\n          draft: true,\n          globalSlug,\n          limit: 1,\n          locale: 'all',\n          overrideAccess: false,\n          parentID: id,\n          req,\n          sort: '-updatedAt',\n          user,\n          where: {\n            and: [\n              {\n                updatedAt: {\n                  less_than: versionTo.updatedAt,\n                },\n              },\n              {\n                'version._status': {\n                  equals: 'published',\n                },\n              },\n            ],\n          },\n        })\n      : Promise.resolve(null),\n  ])\n\n  const previousVersion: null | TypeWithVersion<object> = previousVersionResult?.docs?.[0] ?? null\n\n  const versionFrom =\n    versionFromResult ||\n    // By default, we'll compare the previous version. => versionFrom = version previous to versionTo\n    previousVersion\n\n  // Previous published version before the versionTo\n  const previousPublishedVersion = previousPublishedVersionResult?.docs?.[0] ?? null\n\n  let selectedLocales: string[] = []\n  if (localization) {\n    let locales: Locale[] = []\n    if (localeCodesFromParams) {\n      for (const code of localeCodesFromParams) {\n        const locale = localization.locales.find((locale) => locale.code === code)\n        if (!locale) {\n          continue\n        }\n        locales.push(locale)\n      }\n    } else {\n      locales = localization.locales\n    }\n\n    if (localization.filterAvailableLocales) {\n      locales = (await localization.filterAvailableLocales({ locales, req })) || []\n    }\n\n    selectedLocales = locales.map((locale) => locale.code)\n  }\n\n  const schemaMap = getSchemaMap({\n    collectionSlug,\n    config,\n    globalSlug,\n    i18n,\n  })\n\n  const clientSchemaMap = getClientSchemaMap({\n    collectionSlug,\n    config: getClientConfig({\n      config: payload.config,\n      i18n,\n      importMap: payload.importMap,\n      user,\n    }),\n    globalSlug,\n    i18n,\n    payload,\n    schemaMap,\n  })\n  const RenderedDiff = RenderDiff({\n    clientSchemaMap,\n    customDiffComponents: {},\n    entitySlug: collectionSlug || globalSlug,\n    fields: (collectionConfig || globalConfig)?.fields,\n    fieldsPermissions: docPermissions?.fields,\n    i18n,\n    modifiedOnly,\n    parentIndexPath: '',\n    parentIsLocalized: false,\n    parentPath: '',\n    parentSchemaPath: '',\n    req,\n    selectedLocales,\n    versionFromSiblingData: {\n      ...versionFrom?.version,\n      updatedAt: versionFrom?.updatedAt,\n    },\n    versionToSiblingData: {\n      ...versionTo.version,\n      updatedAt: versionTo.updatedAt,\n    },\n  })\n\n  const versionToCreatedAtFormatted = versionTo.updatedAt\n    ? formatDate({\n        date:\n          typeof versionTo.updatedAt === 'string'\n            ? new Date(versionTo.updatedAt)\n            : (versionTo.updatedAt as Date),\n        i18n,\n        pattern: config.admin.dateFormat,\n      })\n    : ''\n\n  const formatPill = ({\n    doc,\n    labelOverride,\n    labelStyle,\n    labelSuffix,\n  }: {\n    doc: TypeWithVersion<any>\n    labelOverride?: string\n    labelStyle?: 'pill' | 'text'\n    labelSuffix?: React.ReactNode\n  }): React.ReactNode => {\n    return (\n      <VersionPillLabel\n        currentlyPublishedVersion={currentlyPublishedVersion}\n        doc={doc}\n        key={doc.id}\n        labelFirst={true}\n        labelOverride={labelOverride}\n        labelStyle={labelStyle ?? 'text'}\n        labelSuffix={labelSuffix}\n        latestDraftVersion={latestDraftVersion}\n      />\n    )\n  }\n\n  // SelectComparison Options:\n  //\n  // Previous version: always, unless doesn't exist. Can be the same as previously published\n  // Latest draft: only if no newer published exists (latestDraftVersion)\n  // Currently published: always, if exists\n  // Previously published: if there is a prior published version older than versionTo\n  // Specific Version: only if not already present under other label (= versionFrom)\n\n  let versionFromOptions: {\n    doc: TypeWithVersion<any>\n    labelOverride?: string\n    updatedAt: Date\n    value: string\n  }[] = []\n\n  // Previous version\n  if (previousVersion?.id) {\n    versionFromOptions.push({\n      doc: previousVersion,\n      labelOverride: i18n.t('version:previousVersion'),\n      updatedAt: new Date(previousVersion.updatedAt),\n      value: previousVersion.id,\n    })\n  }\n\n  // Latest Draft\n  const publishedNewerThanDraft =\n    currentlyPublishedVersion?.updatedAt > latestDraftVersion?.updatedAt\n  if (latestDraftVersion && !publishedNewerThanDraft) {\n    versionFromOptions.push({\n      doc: latestDraftVersion,\n      updatedAt: new Date(latestDraftVersion.updatedAt),\n      value: latestDraftVersion.id,\n    })\n  }\n\n  // Currently Published\n  if (currentlyPublishedVersion) {\n    versionFromOptions.push({\n      doc: currentlyPublishedVersion,\n      updatedAt: new Date(currentlyPublishedVersion.updatedAt),\n      value: currentlyPublishedVersion.id,\n    })\n  }\n\n  // Previous Published\n  if (previousPublishedVersion && currentlyPublishedVersion?.id !== previousPublishedVersion.id) {\n    versionFromOptions.push({\n      doc: previousPublishedVersion,\n      labelOverride: i18n.t('version:previouslyPublished'),\n      updatedAt: new Date(previousPublishedVersion.updatedAt),\n      value: previousPublishedVersion.id,\n    })\n  }\n\n  // Specific Version\n  if (versionFrom?.id && !versionFromOptions.some((option) => option.value === versionFrom.id)) {\n    // Only add \"specific version\" if it is not already in the options\n    versionFromOptions.push({\n      doc: versionFrom,\n      labelOverride: i18n.t('version:specificVersion'),\n      updatedAt: new Date(versionFrom.updatedAt),\n      value: versionFrom.id,\n    })\n  }\n\n  versionFromOptions = versionFromOptions.sort((a, b) => {\n    // Sort by updatedAt, newest first\n    if (a && b) {\n      return b.updatedAt.getTime() - a.updatedAt.getTime()\n    }\n    return 0\n  })\n\n  const versionToIsVersionFrom = versionFrom?.id === versionTo.id\n\n  const versionFromComparisonOptions: CompareOption[] = []\n\n  for (const option of versionFromOptions) {\n    const isVersionTo = option.value === versionTo.id\n\n    if (isVersionTo && !versionToIsVersionFrom) {\n      // Don't offer selecting a versionFrom that is the same as versionTo, unless it's already selected\n      continue\n    }\n\n    const alreadyAdded = versionFromComparisonOptions.some(\n      (existingOption) => existingOption.value === option.value,\n    )\n    if (alreadyAdded) {\n      continue\n    }\n\n    const otherOptionsWithSameID = versionFromOptions.filter(\n      (existingOption) => existingOption.value === option.value && existingOption !== option,\n    )\n\n    // Merge options with same ID to the same option\n    const labelSuffix = otherOptionsWithSameID?.length ? (\n      <span key={`${option.value}-suffix`}>\n        {' ('}\n        {otherOptionsWithSameID.map((optionWithSameID, index) => {\n          const label =\n            optionWithSameID.labelOverride ||\n            getVersionLabel({\n              currentLocale: userLocale,\n              currentlyPublishedVersion,\n              latestDraftVersion,\n              t: i18n.t,\n              version: optionWithSameID.doc,\n            }).label\n\n          return (\n            <React.Fragment key={`${optionWithSameID.value}-${index}`}>\n              {index > 0 ? ', ' : ''}\n              {label}\n            </React.Fragment>\n          )\n        })}\n        {')'}\n      </span>\n    ) : undefined\n\n    versionFromComparisonOptions.push({\n      label: formatPill({\n        doc: option.doc,\n        labelOverride: option.labelOverride,\n        labelSuffix,\n      }),\n      value: option.value,\n    })\n  }\n\n  return (\n    <DefaultVersionView\n      canUpdate={docPermissions?.update}\n      modifiedOnly={modifiedOnly}\n      RenderedDiff={RenderedDiff}\n      selectedLocales={selectedLocales}\n      versionFromCreatedAt={versionFrom?.createdAt}\n      versionFromID={versionFrom?.id}\n      versionFromOptions={versionFromComparisonOptions}\n      versionToCreatedAt={versionTo.createdAt}\n      versionToCreatedAtFormatted={versionToCreatedAtFormatted}\n      VersionToCreatedAtLabel={formatPill({ doc: versionTo, labelStyle: 'pill' })}\n      versionToID={versionTo.id}\n      versionToStatus={versionTo.version?._status}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,31 @@
+import type { TypeWithVersion } from 'payload';
+import React from 'react';
+import './index.css';
+export declare const VersionPillLabel: React.FC<{
+    currentlyPublishedVersion?: TypeWithVersion<any>;
+    disableDate?: boolean;
+    doc: {
+        [key: string]: unknown;
+        id: number | string;
+        publishedLocale?: string;
+        updatedAt?: string;
+        version: {
+            [key: string]: unknown;
+            _status: 'draft' | 'published';
+            updatedAt: string;
+        };
+    };
+    /**
+     * By default, the date is displayed first, followed by the version label.
+     * @default false
+     */
+    labelFirst?: boolean;
+    labelOverride?: React.ReactNode;
+    /**
+     * @default 'pill'
+     */
+    labelStyle?: 'pill' | 'text';
+    labelSuffix?: React.ReactNode;
+    latestDraftVersion?: TypeWithVersion<any>;
+}>;
+//# sourceMappingURL=VersionPillLabel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VersionPillLabel.d.ts","sourceRoot":"","sources":["../../../../src/views/Versions/VersionPillLabel/VersionPillLabel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,aAAa,CAAA;AAkBpB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,yBAAyB,CAAC,EAAE,eAAe,CAAC,GAAG,CAAC,CAAA;IAChD,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB,GAAG,EAAE;QACH,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;QACtB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;QACnB,eAAe,CAAC,EAAE,MAAM,CAAA;QACxB,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,OAAO,EAAE;YACP,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;YACtB,OAAO,EAAE,OAAO,GAAG,WAAW,CAAA;YAC9B,SAAS,EAAE,MAAM,CAAA;SAClB,CAAA;KACF,CAAA;IACD;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,kBAAkB,CAAC,EAAE,eAAe,CAAC,GAAG,CAAC,CAAA;CAC1C,CAwEA,CAAA"}

package/dist/views/Versions/VersionPillLabel/VersionPillLabel.js

@@ -0,0 +1,126 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Pill } from '../../../elements/Pill/index.js';
+import { useConfig } from '../../../providers/Config/index.js';
+import { useLocale } from '../../../providers/Locale/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { formatDate } from '../../../utilities/formatDocTitle/formatDateTitle.js';
+import './index.css';
+import { getVersionLabel } from './getVersionLabel.js';
+const baseClass = 'version-pill-label';
+const statusModifierMap = {
+  currentDraft: 'draft',
+  currentlyPublished: 'published',
+  draft: 'draft',
+  previouslyPublished: 'previously-published',
+  published: 'published'
+};
+const renderStatus = (label, name) => {
+  const modifier = statusModifierMap[name] || 'draft';
+  return /*#__PURE__*/_jsx("span", {
+    className: `status-cell status-cell--${modifier}`,
+    children: label
+  });
+};
+export const VersionPillLabel = t0 => {
+  const $ = _c(14);
+  const {
+    currentlyPublishedVersion,
+    disableDate: t1,
+    doc,
+    labelFirst: t2,
+    labelOverride,
+    labelStyle: t3,
+    labelSuffix,
+    latestDraftVersion
+  } = t0;
+  const disableDate = t1 === undefined ? false : t1;
+  const labelFirst = t2 === undefined ? false : t2;
+  const labelStyle = t3 === undefined ? "pill" : t3;
+  const {
+    config: t4
+  } = useConfig();
+  const {
+    admin: t5,
+    localization
+  } = t4;
+  const {
+    dateFormat
+  } = t5;
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const {
+    code: currentLocale
+  } = useLocale();
+  let t6;
+  if ($[0] !== currentLocale || $[1] !== currentlyPublishedVersion || $[2] !== dateFormat || $[3] !== disableDate || $[4] !== doc || $[5] !== i18n || $[6] !== labelFirst || $[7] !== labelOverride || $[8] !== labelStyle || $[9] !== labelSuffix || $[10] !== latestDraftVersion || $[11] !== localization || $[12] !== t) {
+    const {
+      name,
+      label
+    } = getVersionLabel({
+      currentLocale,
+      currentlyPublishedVersion,
+      latestDraftVersion,
+      t,
+      version: doc
+    });
+    const labelText = _jsxs("span", {
+      children: [labelOverride || label, labelSuffix]
+    });
+    const showDate = !disableDate && doc.updatedAt;
+    const formattedDate = showDate ? formatDate({
+      date: doc.updatedAt,
+      i18n,
+      pattern: dateFormat
+    }) : null;
+    const localeCode = Array.isArray(doc.publishedLocale) ? doc.publishedLocale[0] : doc.publishedLocale;
+    const locale = localization && localization?.locales ? localization.locales.find(loc => loc.code === localeCode) : null;
+    const localeLabel = locale ? locale?.label?.[i18n?.language] || locale?.label : null;
+    t6 = _jsxs("div", {
+      className: baseClass,
+      children: [labelFirst ? _jsxs(React.Fragment, {
+        children: [labelStyle === "pill" ? renderStatus(labelText, name) : _jsx("span", {
+          className: `${baseClass}-text`,
+          children: labelText
+        }), showDate && _jsx("span", {
+          className: `${baseClass}-date`,
+          children: formattedDate
+        })]
+      }) : _jsxs(React.Fragment, {
+        children: [showDate && _jsx("span", {
+          className: `${baseClass}-date`,
+          children: formattedDate
+        }), labelStyle === "pill" ? renderStatus(labelText, name) : _jsx("span", {
+          className: `${baseClass}-text`,
+          children: labelText
+        })]
+      }), localeLabel && _jsx(Pill, {
+        size: "small",
+        children: localeLabel
+      })]
+    });
+    $[0] = currentLocale;
+    $[1] = currentlyPublishedVersion;
+    $[2] = dateFormat;
+    $[3] = disableDate;
+    $[4] = doc;
+    $[5] = i18n;
+    $[6] = labelFirst;
+    $[7] = labelOverride;
+    $[8] = labelStyle;
+    $[9] = labelSuffix;
+    $[10] = latestDraftVersion;
+    $[11] = localization;
+    $[12] = t;
+    $[13] = t6;
+  } else {
+    t6 = $[13];
+  }
+  return t6;
+};
+//# sourceMappingURL=VersionPillLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VersionPillLabel.js","names":["c","_c","React","Pill","useConfig","useLocale","useTranslation","formatDate","getVersionLabel","baseClass","statusModifierMap","currentDraft","currentlyPublished","draft","previouslyPublished","published","renderStatus","label","name","modifier","_jsx","className","VersionPillLabel","t0","$","currentlyPublishedVersion","disableDate","t1","doc","labelFirst","t2","labelOverride","labelStyle","t3","labelSuffix","latestDraftVersion","undefined","config","t4","admin","t5","localization","dateFormat","i18n","t","code","currentLocale","t6","version","labelText","_jsxs","children","showDate","updatedAt","formattedDate","date","pattern","localeCode","Array","isArray","publishedLocale","locale","locales","find","loc","localeLabel","language","Fragment","size"],"sources":["../../../../src/views/Versions/VersionPillLabel/VersionPillLabel.tsx"],"sourcesContent":["'use client'\n\nimport type { TypeWithVersion } from 'payload'\n\nimport React from 'react'\n\nimport { Pill } from '../../../elements/Pill/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { formatDate } from '../../../utilities/formatDocTitle/formatDateTitle.js'\nimport './index.css'\nimport { getVersionLabel } from './getVersionLabel.js'\n\nconst baseClass = 'version-pill-label'\n\nconst statusModifierMap: Record<string, string> = {\n  currentDraft: 'draft',\n  currentlyPublished: 'published',\n  draft: 'draft',\n  previouslyPublished: 'previously-published',\n  published: 'published',\n}\n\nconst renderStatus = (label: React.ReactNode, name: string) => {\n  const modifier = statusModifierMap[name] || 'draft'\n  return <span className={`status-cell status-cell--${modifier}`}>{label}</span>\n}\n\nexport const VersionPillLabel: React.FC<{\n  currentlyPublishedVersion?: TypeWithVersion<any>\n  disableDate?: boolean\n\n  doc: {\n    [key: string]: unknown\n    id: number | string\n    publishedLocale?: string\n    updatedAt?: string\n    version: {\n      [key: string]: unknown\n      _status: 'draft' | 'published'\n      updatedAt: string\n    }\n  }\n  /**\n   * By default, the date is displayed first, followed by the version label.\n   * @default false\n   */\n  labelFirst?: boolean\n  labelOverride?: React.ReactNode\n  /**\n   * @default 'pill'\n   */\n  labelStyle?: 'pill' | 'text'\n  labelSuffix?: React.ReactNode\n  latestDraftVersion?: TypeWithVersion<any>\n}> = ({\n  currentlyPublishedVersion,\n  disableDate = false,\n  doc,\n  labelFirst = false,\n  labelOverride,\n  labelStyle = 'pill',\n  labelSuffix,\n  latestDraftVersion,\n}) => {\n  const {\n    config: {\n      admin: { dateFormat },\n      localization,\n    },\n  } = useConfig()\n  const { i18n, t } = useTranslation()\n  const { code: currentLocale } = useLocale()\n\n  const { name, label } = getVersionLabel({\n    currentLocale,\n    currentlyPublishedVersion,\n    latestDraftVersion,\n    t,\n    version: doc,\n  })\n  const labelText: React.ReactNode = (\n    <span>\n      {labelOverride || label}\n      {labelSuffix}\n    </span>\n  )\n\n  const showDate = !disableDate && doc.updatedAt\n  const formattedDate = showDate\n    ? formatDate({ date: doc.updatedAt, i18n, pattern: dateFormat })\n    : null\n\n  const localeCode = Array.isArray(doc.publishedLocale)\n    ? doc.publishedLocale[0]\n    : doc.publishedLocale\n\n  const locale =\n    localization && localization?.locales\n      ? localization.locales.find((loc) => loc.code === localeCode)\n      : null\n  const localeLabel = locale ? locale?.label?.[i18n?.language] || locale?.label : null\n\n  return (\n    <div className={baseClass}>\n      {labelFirst ? (\n        <React.Fragment>\n          {labelStyle === 'pill' ? (\n            renderStatus(labelText, name)\n          ) : (\n            <span className={`${baseClass}-text`}>{labelText}</span>\n          )}\n          {showDate && <span className={`${baseClass}-date`}>{formattedDate}</span>}\n        </React.Fragment>\n      ) : (\n        <React.Fragment>\n          {showDate && <span className={`${baseClass}-date`}>{formattedDate}</span>}\n          {labelStyle === 'pill' ? (\n            renderStatus(labelText, name)\n          ) : (\n            <span className={`${baseClass}-text`}>{labelText}</span>\n          )}\n        </React.Fragment>\n      )}\n      {localeLabel && <Pill size=\"small\">{localeLabel}</Pill>}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Versions/VersionPillLabel/getVersionLabel.d.ts

@@ -0,0 +1,37 @@
+import type { TFunction } from '@payloadcms/translations';
+import type { Pill } from '../../../elements/Pill/index.js';
+type Args = {
+    currentLocale?: string;
+    currentlyPublishedVersion?: {
+        id: number | string;
+        publishedLocale?: string;
+        updatedAt: string;
+        version: {
+            updatedAt: string;
+        };
+    };
+    latestDraftVersion?: {
+        id: number | string;
+        updatedAt: string;
+    };
+    t: TFunction;
+    version: {
+        id: number | string;
+        publishedLocale?: string;
+        version: {
+            _status?: 'draft' | 'published';
+            updatedAt: string;
+        };
+    };
+};
+/**
+ * Gets the appropriate version label and version pill styling
+ * given existing versions and the current version status.
+ */
+export declare function getVersionLabel({ currentLocale, currentlyPublishedVersion, latestDraftVersion, t, version, }: Args): {
+    label: string;
+    name: 'currentDraft' | 'currentlyPublished' | 'draft' | 'previouslyPublished' | 'published';
+    pillStyle: Parameters<typeof Pill>[0]['pillStyle'];
+};
+export {};
+//# sourceMappingURL=getVersionLabel.d.ts.map

package/dist/views/Versions/VersionPillLabel/getVersionLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getVersionLabel.d.ts","sourceRoot":"","sources":["../../../../src/views/Versions/VersionPillLabel/getVersionLabel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAEzD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,iCAAiC,CAAA;AAE3D,KAAK,IAAI,GAAG;IACV,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,yBAAyB,CAAC,EAAE;QAC1B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;QACnB,eAAe,CAAC,EAAE,MAAM,CAAA;QACxB,SAAS,EAAE,MAAM,CAAA;QACjB,OAAO,EAAE;YACP,SAAS,EAAE,MAAM,CAAA;SAClB,CAAA;KACF,CAAA;IACD,kBAAkB,CAAC,EAAE;QACnB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;QACnB,SAAS,EAAE,MAAM,CAAA;KAClB,CAAA;IACD,CAAC,EAAE,SAAS,CAAA;IACZ,OAAO,EAAE;QACP,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;QACnB,eAAe,CAAC,EAAE,MAAM,CAAA;QACxB,OAAO,EAAE;YAAE,OAAO,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;YAAC,SAAS,EAAE,MAAM,CAAA;SAAE,CAAA;KAChE,CAAA;CACF,CAAA;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,aAAa,EACb,yBAAyB,EACzB,kBAAkB,EAClB,CAAC,EACD,OAAO,GACR,EAAE,IAAI,GAAG;IACR,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,cAAc,GAAG,oBAAoB,GAAG,OAAO,GAAG,qBAAqB,GAAG,WAAW,CAAA;IAC3F,SAAS,EAAE,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAA;CACnD,CA6CA"}