@payloadcms/next 3.0.0-beta.9 → 3.0.0-beta.91

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

@@ -1,115 +1,214 @@
 'use client';
-import { Gutter } from '@payloadcms/ui/elements/Gutter';
-import usePayloadAPI from '@payloadcms/ui/hooks/usePayloadAPI';
-import { SetViewActions } from '@payloadcms/ui/providers/Actions';
-import { useComponentMap } from '@payloadcms/ui/providers/ComponentMap';
-import { useConfig } from '@payloadcms/ui/providers/Config';
-import { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
-import { formatDate } from '@payloadcms/ui/utilities/formatDate';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Gutter, SetViewActions, useConfig, useDocumentInfo, usePayloadAPI, useTranslation } from '@payloadcms/ui';
+import { formatDate } from '@payloadcms/ui/shared';
 import React, { useState } from 'react';
-import diffComponents from '../RenderFieldsToDiff/fields/index.js';
+import { diffComponents } from '../RenderFieldsToDiff/fields/index.js';
 import RenderFieldsToDiff from '../RenderFieldsToDiff/index.js';
 import Restore from '../Restore/index.js';
 import { SelectComparison } from '../SelectComparison/index.js';
 import { SelectLocales } from '../SelectLocales/index.js';
-import { mostRecentVersionOption } from '../shared.js';
 import { SetStepNav } from './SetStepNav.js';
 const baseClass = 'view-version';
-export const DefaultVersionView = ({ doc, docPermissions, initialComparisonDoc, localeOptions, mostRecentDoc, publishedDoc, versionID })=>{
-    const config = useConfig();
-    const { i18n } = useTranslation();
-    const { id, collectionSlug, globalSlug } = useDocumentInfo();
-    const { getComponentMap, getFieldMap } = useComponentMap();
-    const componentMap = getComponentMap({
-        collectionSlug,
-        globalSlug
+export const DefaultVersionView = t0 => {
+  const $ = _c(23);
+  const {
+    doc,
+    docPermissions,
+    initialComparisonDoc,
+    latestDraftVersion,
+    latestPublishedVersion,
+    localeOptions,
+    versionID
+  } = t0;
+  const {
+    config,
+    getEntityConfig
+  } = useConfig();
+  const {
+    i18n
+  } = useTranslation();
+  const {
+    id,
+    collectionSlug,
+    globalSlug
+  } = useDocumentInfo();
+  let t1;
+  if ($[0] !== getEntityConfig || $[1] !== collectionSlug) {
+    t1 = () => getEntityConfig({
+      collectionSlug
     });
-    const [fieldMap] = useState(()=>getFieldMap({
-            collectionSlug,
-            globalSlug
-        }));
-    const [collectionConfig] = useState(()=>config.collections.find((collection)=>collection.slug === collectionSlug));
-    const [globalConfig] = useState(()=>config.globals.find((global)=>global.slug === globalSlug));
-    const [locales, setLocales] = useState(localeOptions);
-    const [compareValue, setCompareValue] = useState(mostRecentVersionOption);
-    const { admin: { dateFormat }, localization, routes: { api: apiRoute }, serverURL } = config;
-    const formattedCreatedAt = doc?.createdAt ? formatDate({
-        date: doc.createdAt,
-        i18n,
-        pattern: dateFormat
-    }) : '';
-    const originalDocFetchURL = `${serverURL}${apiRoute}/${globalSlug ? 'globals/' : ''}${collectionSlug || globalSlug}${collectionSlug ? `/${id}` : ''}`;
-    const compareBaseURL = `${serverURL}${apiRoute}/${globalSlug ? 'globals/' : ''}${collectionSlug || globalSlug}/versions`;
-    const compareFetchURL = compareValue?.value === 'mostRecent' || compareValue?.value === 'published' ? originalDocFetchURL : `${compareBaseURL}/${compareValue.value}`;
-    const [{ data: currentComparisonDoc }] = usePayloadAPI(compareFetchURL, {
-        initialData: initialComparisonDoc,
-        initialParams: {
-            depth: 1,
-            draft: 'true',
-            locale: '*'
-        }
+    $[0] = getEntityConfig;
+    $[1] = collectionSlug;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const [collectionConfig] = useState(t1);
+  let t2;
+  if ($[3] !== getEntityConfig || $[4] !== globalSlug) {
+    t2 = () => getEntityConfig({
+      globalSlug
+    });
+    $[3] = getEntityConfig;
+    $[4] = globalSlug;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const [globalConfig] = useState(t2);
+  const [locales, setLocales] = useState(localeOptions);
+  const [compareValue, setCompareValue] = useState();
+  const {
+    admin: t3,
+    localization,
+    routes: t4,
+    serverURL
+  } = config;
+  const {
+    dateFormat
+  } = t3;
+  const {
+    api: apiRoute
+  } = t4;
+  const versionCreatedAt = doc?.updatedAt ? formatDate({
+    date: doc.updatedAt,
+    i18n,
+    pattern: dateFormat
+  }) : "";
+  const compareBaseURL = `${serverURL}${apiRoute}/${globalSlug ? "globals/" : ""}${collectionSlug || globalSlug}/versions`;
+  const compareFetchURL = compareValue?.value && `${compareBaseURL}/${compareValue.value}`;
+  let t5;
+  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = {
+      depth: 1,
+      draft: "true",
+      locale: "all"
+    };
+    $[6] = t5;
+  } else {
+    t5 = $[6];
+  }
+  let t6;
+  if ($[7] !== initialComparisonDoc) {
+    t6 = {
+      initialData: initialComparisonDoc,
+      initialParams: t5
+    };
+    $[7] = initialComparisonDoc;
+    $[8] = t6;
+  } else {
+    t6 = $[8];
+  }
+  const [t7] = usePayloadAPI(compareFetchURL, t6);
+  const {
+    data: currentComparisonDoc
+  } = t7;
+  const comparison = compareValue?.value && currentComparisonDoc?.version;
+  const canUpdate = docPermissions?.update?.permission;
+  let t8;
+  if ($[9] !== locales) {
+    t8 = locales && locales.map(_temp);
+    $[9] = locales;
+    $[10] = t8;
+  } else {
+    t8 = $[10];
+  }
+  const localeValues = t8;
+  let t9;
+  if ($[11] !== localization || $[12] !== localeOptions || $[13] !== locales) {
+    t9 = localization && _jsx(SelectLocales, {
+      onChange: setLocales,
+      options: localeOptions,
+      value: locales
     });
-    const comparison = compareValue?.value === 'mostRecent' ? mostRecentDoc : compareValue?.value === 'published' ? publishedDoc : currentComparisonDoc?.version // the `version` key is only present on `versions` documents
-    ;
-    const canUpdate = docPermissions?.update?.permission;
-    return /*#__PURE__*/ React.createElement("main", {
-        className: baseClass
-    }, /*#__PURE__*/ React.createElement(SetViewActions, {
-        actions: componentMap?.actionsMap?.Edit?.Version
-    }), /*#__PURE__*/ React.createElement(SetStepNav, {
-        collectionConfig: collectionConfig,
-        collectionSlug: collectionSlug,
-        doc: doc,
-        fieldMap: fieldMap,
-        globalConfig: globalConfig,
-        globalSlug: globalSlug,
-        id: id,
-        mostRecentDoc: mostRecentDoc
-    }), /*#__PURE__*/ React.createElement(Gutter, {
-        className: `${baseClass}__wrap`
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__header-wrap`
-    }, /*#__PURE__*/ React.createElement("p", {
-        className: `${baseClass}__created-at`
-    }, i18n.t('version:versionCreatedOn', {
-        version: i18n.t(doc?.autosave ? 'version:autosavedVersion' : 'version:version')
-    })), /*#__PURE__*/ React.createElement("header", {
-        className: `${baseClass}__header`
-    }, /*#__PURE__*/ React.createElement("h2", null, formattedCreatedAt), canUpdate && /*#__PURE__*/ React.createElement(Restore, {
-        className: `${baseClass}__restore`,
-        collectionSlug: collectionSlug,
-        globalSlug: globalSlug,
-        label: collectionConfig?.labels.singular || globalConfig?.label,
-        originalDocID: id,
-        versionDate: formattedCreatedAt,
-        versionID: versionID
-    }))), /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__controls`
-    }, /*#__PURE__*/ React.createElement(SelectComparison, {
-        baseURL: compareBaseURL,
-        onChange: setCompareValue,
-        parentID: id,
-        publishedDoc: publishedDoc,
-        value: compareValue,
-        versionID: versionID
-    }), localization && /*#__PURE__*/ React.createElement(SelectLocales, {
-        onChange: setLocales,
-        options: localeOptions,
-        value: locales
-    })), doc?.version && /*#__PURE__*/ React.createElement(RenderFieldsToDiff, {
-        comparison: comparison,
-        diffComponents: diffComponents,
-        fieldMap: fieldMap,
-        fieldPermissions: docPermissions?.fields,
-        i18n: i18n,
-        locales: locales ? locales.map(({ label })=>typeof label === 'string' ? label : undefined) : [],
-        version: globalConfig ? {
-            ...doc?.version,
-            createdAt: doc?.version?.createdAt || doc.createdAt,
-            updatedAt: doc?.version?.updatedAt || doc.updatedAt
-        } : doc?.version
-    })));
+    $[11] = localization;
+    $[12] = localeOptions;
+    $[13] = locales;
+    $[14] = t9;
+  } else {
+    t9 = $[14];
+  }
+  let t10;
+  if ($[15] !== doc || $[16] !== docPermissions || $[17] !== collectionConfig || $[18] !== globalConfig || $[19] !== comparison || $[20] !== i18n || $[21] !== localeValues) {
+    t10 = doc?.version && _jsx(RenderFieldsToDiff, {
+      comparison,
+      diffComponents,
+      fieldPermissions: docPermissions?.fields,
+      fields: (collectionConfig || globalConfig)?.fields,
+      i18n,
+      locales: localeValues,
+      version: globalConfig ? {
+        ...doc?.version,
+        createdAt: doc?.version?.createdAt || doc.createdAt,
+        updatedAt: doc?.version?.updatedAt || doc.updatedAt
+      } : doc?.version
+    });
+    $[15] = doc;
+    $[16] = docPermissions;
+    $[17] = collectionConfig;
+    $[18] = globalConfig;
+    $[19] = comparison;
+    $[20] = i18n;
+    $[21] = localeValues;
+    $[22] = t10;
+  } else {
+    t10 = $[22];
+  }
+  return _jsxs("main", {
+    className: baseClass,
+    children: [_jsx(SetViewActions, {
+      actions: (collectionConfig || globalConfig)?.admin?.components?.views?.edit?.version?.actions
+    }), _jsx(SetStepNav, {
+      collectionConfig,
+      collectionSlug,
+      doc,
+      fields: (collectionConfig || globalConfig)?.fields,
+      globalConfig,
+      globalSlug,
+      id
+    }), _jsxs(Gutter, {
+      className: `${baseClass}__wrap`,
+      children: [_jsxs("div", {
+        className: `${baseClass}__header-wrap`,
+        children: [_jsx("p", {
+          className: `${baseClass}__created-at`,
+          children: i18n.t("version:versionCreatedOn", {
+            version: i18n.t(doc?.autosave ? "version:autosavedVersion" : "version:version")
+          })
+        }), _jsxs("header", {
+          className: `${baseClass}__header`,
+          children: [_jsx("h2", {
+            children: versionCreatedAt
+          }), canUpdate && _jsx(Restore, {
+            className: `${baseClass}__restore`,
+            collectionSlug,
+            globalSlug,
+            label: collectionConfig?.labels.singular || globalConfig?.label,
+            originalDocID: id,
+            status: doc?.version?._status,
+            versionDate: versionCreatedAt,
+            versionID
+          })]
+        })]
+      }), _jsxs("div", {
+        className: `${baseClass}__controls`,
+        children: [_jsx(SelectComparison, {
+          baseURL: compareBaseURL,
+          latestDraftVersion,
+          latestPublishedVersion,
+          onChange: setCompareValue,
+          parentID: id,
+          value: compareValue,
+          versionID
+        }), t9]
+      }), t10]
+    })]
+  });
 };
-
+function _temp(locale) {
+  return locale.value;
+}
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Version/Default/index.tsx"],"sourcesContent":["'use client'\nimport type { OptionObject } from 'payload/types'\n\nimport { Gutter } from '@payloadcms/ui/elements/Gutter'\nimport usePayloadAPI from '@payloadcms/ui/hooks/usePayloadAPI'\nimport { SetViewActions } from '@payloadcms/ui/providers/Actions'\nimport { useComponentMap } from '@payloadcms/ui/providers/ComponentMap'\nimport { useConfig } from '@payloadcms/ui/providers/Config'\nimport { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport { formatDate } from '@payloadcms/ui/utilities/formatDate'\nimport React, { useState } from 'react'\n\nimport type { CompareOption, DefaultVersionsViewProps } from './types.js'\n\nimport diffComponents from '../RenderFieldsToDiff/fields/index.js'\nimport RenderFieldsToDiff from '../RenderFieldsToDiff/index.js'\nimport Restore from '../Restore/index.js'\nimport { SelectComparison } from '../SelectComparison/index.js'\nimport { SelectLocales } from '../SelectLocales/index.js'\nimport { mostRecentVersionOption } from '../shared.js'\nimport { SetStepNav } from './SetStepNav.js'\nimport './index.scss'\n\nconst baseClass = 'view-version'\n\nexport const DefaultVersionView: React.FC<DefaultVersionsViewProps> = ({\n  doc,\n  docPermissions,\n  initialComparisonDoc,\n  localeOptions,\n  mostRecentDoc,\n  publishedDoc,\n  versionID,\n}) => {\n  const config = useConfig()\n\n  const { i18n } = useTranslation()\n  const { id, collectionSlug, globalSlug } = useDocumentInfo()\n\n  const { getComponentMap, getFieldMap } = useComponentMap()\n\n  const componentMap = getComponentMap({ collectionSlug, globalSlug })\n\n  const [fieldMap] = useState(() => getFieldMap({ collectionSlug, globalSlug }))\n\n  const [collectionConfig] = useState(() =>\n    config.collections.find((collection) => collection.slug === collectionSlug),\n  )\n\n  const [globalConfig] = useState(() => config.globals.find((global) => global.slug === globalSlug))\n\n  const [locales, setLocales] = useState<OptionObject[]>(localeOptions)\n  const [compareValue, setCompareValue] = useState<CompareOption>(mostRecentVersionOption)\n\n  const {\n    admin: { dateFormat },\n    localization,\n    routes: { api: apiRoute },\n    serverURL,\n  } = config\n\n  const formattedCreatedAt = doc?.createdAt\n    ? formatDate({ date: doc.createdAt, i18n, pattern: dateFormat })\n    : ''\n\n  const originalDocFetchURL = `${serverURL}${apiRoute}/${globalSlug ? 'globals/' : ''}${\n    collectionSlug || globalSlug\n  }${collectionSlug ? `/${id}` : ''}`\n\n  const compareBaseURL = `${serverURL}${apiRoute}/${globalSlug ? 'globals/' : ''}${\n    collectionSlug || globalSlug\n  }/versions`\n\n  const compareFetchURL =\n    compareValue?.value === 'mostRecent' || compareValue?.value === 'published'\n      ? originalDocFetchURL\n      : `${compareBaseURL}/${compareValue.value}`\n\n  const [{ data: currentComparisonDoc }] = usePayloadAPI(compareFetchURL, {\n    initialData: initialComparisonDoc,\n    initialParams: { depth: 1, draft: 'true', locale: '*' },\n  })\n\n  const comparison =\n    compareValue?.value === 'mostRecent'\n      ? mostRecentDoc\n      : compareValue?.value === 'published'\n        ? publishedDoc\n        : currentComparisonDoc?.version // the `version` key is only present on `versions` documents\n\n  const canUpdate = docPermissions?.update?.permission\n\n  return (\n    <main className={baseClass}>\n      <SetViewActions actions={componentMap?.actionsMap?.Edit?.Version} />\n      <SetStepNav\n        collectionConfig={collectionConfig}\n        collectionSlug={collectionSlug}\n        doc={doc}\n        fieldMap={fieldMap}\n        globalConfig={globalConfig}\n        globalSlug={globalSlug}\n        id={id}\n        mostRecentDoc={mostRecentDoc}\n      />\n      <Gutter className={`${baseClass}__wrap`}>\n        <div className={`${baseClass}__header-wrap`}>\n          <p className={`${baseClass}__created-at`}>\n            {i18n.t('version:versionCreatedOn', {\n              version: i18n.t(doc?.autosave ? 'version:autosavedVersion' : 'version:version'),\n            })}\n          </p>\n          <header className={`${baseClass}__header`}>\n            <h2>{formattedCreatedAt}</h2>\n            {canUpdate && (\n              <Restore\n                className={`${baseClass}__restore`}\n                collectionSlug={collectionSlug}\n                globalSlug={globalSlug}\n                label={collectionConfig?.labels.singular || globalConfig?.label}\n                originalDocID={id}\n                versionDate={formattedCreatedAt}\n                versionID={versionID}\n              />\n            )}\n          </header>\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <SelectComparison\n            baseURL={compareBaseURL}\n            onChange={setCompareValue}\n            parentID={id}\n            publishedDoc={publishedDoc}\n            value={compareValue}\n            versionID={versionID}\n          />\n          {localization && (\n            <SelectLocales onChange={setLocales} options={localeOptions} value={locales} />\n          )}\n        </div>\n        {doc?.version && (\n          <RenderFieldsToDiff\n            comparison={comparison}\n            diffComponents={diffComponents}\n            fieldMap={fieldMap}\n            fieldPermissions={docPermissions?.fields}\n            i18n={i18n}\n            locales={\n              locales\n                ? locales.map(({ label }) => (typeof label === 'string' ? label : undefined))\n                : []\n            }\n            version={\n              globalConfig\n                ? {\n                    ...doc?.version,\n                    createdAt: doc?.version?.createdAt || doc.createdAt,\n                    updatedAt: doc?.version?.updatedAt || doc.updatedAt,\n                  }\n                : doc?.version\n            }\n          />\n        )}\n      </Gutter>\n    </main>\n  )\n}\n"],"names":["Gutter","usePayloadAPI","SetViewActions","useComponentMap","useConfig","useDocumentInfo","useTranslation","formatDate","React","useState","diffComponents","RenderFieldsToDiff","Restore","SelectComparison","SelectLocales","mostRecentVersionOption","SetStepNav","baseClass","DefaultVersionView","doc","docPermissions","initialComparisonDoc","localeOptions","mostRecentDoc","publishedDoc","versionID","config","i18n","id","collectionSlug","globalSlug","getComponentMap","getFieldMap","componentMap","fieldMap","collectionConfig","collections","find","collection","slug","globalConfig","globals","global","locales","setLocales","compareValue","setCompareValue","admin","dateFormat","localization","routes","api","apiRoute","serverURL","formattedCreatedAt","createdAt","date","pattern","originalDocFetchURL","compareBaseURL","compareFetchURL","value","data","currentComparisonDoc","initialData","initialParams","depth","draft","locale","comparison","version","canUpdate","update","permission","main","className","actions","actionsMap","Edit","Version","div","p","t","autosave","header","h2","label","labels","singular","originalDocID","versionDate","baseURL","onChange","parentID","options","fieldPermissions","fields","map","undefined","updatedAt"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"file":"index.js","names":["c","_c","Gutter","SetViewActions","useConfig","useDocumentInfo","usePayloadAPI","useTranslation","formatDate","React","useState","diffComponents","RenderFieldsToDiff","Restore","SelectComparison","SelectLocales","SetStepNav","baseClass","DefaultVersionView","t0","$","doc","docPermissions","initialComparisonDoc","latestDraftVersion","latestPublishedVersion","localeOptions","versionID","config","getEntityConfig","i18n","id","collectionSlug","globalSlug","t1","collectionConfig","t2","globalConfig","locales","setLocales","compareValue","setCompareValue","admin","t3","localization","routes","t4","serverURL","dateFormat","api","apiRoute","versionCreatedAt","updatedAt","date","pattern","compareBaseURL","compareFetchURL","value","t5","Symbol","for","depth","draft","locale","t6","initialData","initialParams","t7","data","currentComparisonDoc","comparison","version","canUpdate","update","permission","t8","map","_temp","localeValues","t9","_jsx","onChange","options","t10","fieldPermissions","fields","createdAt","_jsxs","className","children","actions","components","views","edit","t","autosave","label","labels","singular","originalDocID","status","_status","versionDate","baseURL","parentID"],"sources":["../../../../src/views/Version/Default/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ClientGlobalConfig, OptionObject } from 'payload'\n\nimport {\n  Gutter,\n  SetViewActions,\n  useConfig,\n  useDocumentInfo,\n  usePayloadAPI,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { formatDate } from '@payloadcms/ui/shared'\nimport React, { useState } from 'react'\n\nimport type { CompareOption, DefaultVersionsViewProps } from './types.js'\n\nimport { diffComponents } from '../RenderFieldsToDiff/fields/index.js'\nimport RenderFieldsToDiff from '../RenderFieldsToDiff/index.js'\nimport Restore from '../Restore/index.js'\nimport { SelectComparison } from '../SelectComparison/index.js'\nimport { SelectLocales } from '../SelectLocales/index.js'\nimport { SetStepNav } from './SetStepNav.js'\nimport './index.scss'\n\nconst baseClass = 'view-version'\n\nexport const DefaultVersionView: React.FC<DefaultVersionsViewProps> = ({\n  doc,\n  docPermissions,\n  initialComparisonDoc,\n  latestDraftVersion,\n  latestPublishedVersion,\n  localeOptions,\n  versionID,\n}) => {\n  const { config, getEntityConfig } = useConfig()\n\n  const { i18n } = useTranslation()\n  const { id, collectionSlug, globalSlug } = useDocumentInfo()\n\n  const [collectionConfig] = useState(\n    () => getEntityConfig({ collectionSlug }) as ClientCollectionConfig,\n  )\n\n  const [globalConfig] = useState(() => getEntityConfig({ globalSlug }) as ClientGlobalConfig)\n\n  const [locales, setLocales] = useState<OptionObject[]>(localeOptions)\n\n  const [compareValue, setCompareValue] = useState<CompareOption>()\n\n  const {\n    admin: { dateFormat },\n    localization,\n    routes: { api: apiRoute },\n    serverURL,\n  } = config\n\n  const versionCreatedAt = doc?.updatedAt\n    ? formatDate({ date: doc.updatedAt, i18n, pattern: dateFormat })\n    : ''\n\n  const compareBaseURL = `${serverURL}${apiRoute}/${globalSlug ? 'globals/' : ''}${\n    collectionSlug || globalSlug\n  }/versions`\n\n  const compareFetchURL = compareValue?.value && `${compareBaseURL}/${compareValue.value}`\n\n  const [{ data: currentComparisonDoc }] = usePayloadAPI(compareFetchURL, {\n    initialData: initialComparisonDoc,\n    initialParams: { depth: 1, draft: 'true', locale: 'all' },\n  })\n\n  const comparison = compareValue?.value && currentComparisonDoc?.version // the `version` key is only present on `versions` documents\n\n  const canUpdate = docPermissions?.update?.permission\n\n  const localeValues = locales && locales.map((locale) => locale.value)\n\n  return (\n    <main className={baseClass}>\n      <SetViewActions\n        actions={\n          (collectionConfig || globalConfig)?.admin?.components?.views?.edit?.version?.actions\n        }\n      />\n      <SetStepNav\n        collectionConfig={collectionConfig}\n        collectionSlug={collectionSlug}\n        doc={doc}\n        fields={(collectionConfig || globalConfig)?.fields}\n        globalConfig={globalConfig}\n        globalSlug={globalSlug}\n        id={id}\n      />\n      <Gutter className={`${baseClass}__wrap`}>\n        <div className={`${baseClass}__header-wrap`}>\n          <p className={`${baseClass}__created-at`}>\n            {i18n.t('version:versionCreatedOn', {\n              version: i18n.t(doc?.autosave ? 'version:autosavedVersion' : 'version:version'),\n            })}\n          </p>\n          <header className={`${baseClass}__header`}>\n            <h2>{versionCreatedAt}</h2>\n            {canUpdate && (\n              <Restore\n                className={`${baseClass}__restore`}\n                collectionSlug={collectionSlug}\n                globalSlug={globalSlug}\n                label={collectionConfig?.labels.singular || globalConfig?.label}\n                originalDocID={id}\n                status={doc?.version?._status}\n                versionDate={versionCreatedAt}\n                versionID={versionID}\n              />\n            )}\n          </header>\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <SelectComparison\n            baseURL={compareBaseURL}\n            latestDraftVersion={latestDraftVersion}\n            latestPublishedVersion={latestPublishedVersion}\n            onChange={setCompareValue}\n            parentID={id}\n            value={compareValue}\n            versionID={versionID}\n          />\n          {localization && (\n            <SelectLocales onChange={setLocales} options={localeOptions} value={locales} />\n          )}\n        </div>\n        {doc?.version && (\n          <RenderFieldsToDiff\n            comparison={comparison}\n            diffComponents={diffComponents}\n            fieldPermissions={docPermissions?.fields}\n            fields={(collectionConfig || globalConfig)?.fields}\n            i18n={i18n}\n            locales={localeValues}\n            version={\n              globalConfig\n                ? {\n                    ...doc?.version,\n                    createdAt: doc?.version?.createdAt || doc.createdAt,\n                    updatedAt: doc?.version?.updatedAt || doc.updatedAt,\n                  }\n                : doc?.version\n            }\n          />\n        )}\n      </Gutter>\n    </main>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,19 +1,17 @@
-import type { CollectionPermission, GlobalPermission } from 'payload/auth';
-import type { OptionObject } from 'payload/types';
-import type { Document } from 'payload/types';
+import type { CollectionPermission, Document, GlobalPermission, OptionObject } from 'payload';
 export type CompareOption = {
-    label: string;
+    label: React.ReactNode | string;
     options?: CompareOption[];
     relationTo?: string;
     value: string;
 };
 export type DefaultVersionsViewProps = {
-    doc: Document;
-    docPermissions: CollectionPermission | GlobalPermission;
-    initialComparisonDoc: Document;
-    localeOptions: OptionObject[];
-    mostRecentDoc: Document;
-    publishedDoc: Document;
-    versionID?: string;
+    readonly doc: Document;
+    readonly docPermissions: CollectionPermission | GlobalPermission;
+    readonly initialComparisonDoc: Document;
+    readonly latestDraftVersion?: string;
+    readonly latestPublishedVersion?: string;
+    readonly localeOptions: OptionObject[];
+    readonly versionID?: string;
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/Default/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAC1E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAE7C,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,aAAa,EAAE,CAAA;IACzB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC,GAAG,EAAE,QAAQ,CAAA;IACb,cAAc,EAAE,oBAAoB,GAAG,gBAAgB,CAAA;IACvD,oBAAoB,EAAE,QAAQ,CAAA;IAC9B,aAAa,EAAE,YAAY,EAAE,CAAA;IAC7B,aAAa,EAAE,QAAQ,CAAA;IACvB,YAAY,EAAE,QAAQ,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/Default/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE7F,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IAC/B,OAAO,CAAC,EAAE,aAAa,EAAE,CAAA;IACzB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC,QAAQ,CAAC,GAAG,EAAE,QAAQ,CAAA;IACtB,QAAQ,CAAC,cAAc,EAAE,oBAAoB,GAAG,gBAAgB,CAAA;IAChE,QAAQ,CAAC,oBAAoB,EAAE,QAAQ,CAAA;IACvC,QAAQ,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAA;IACpC,QAAQ,CAAC,sBAAsB,CAAC,EAAE,MAAM,CAAA;IACxC,QAAQ,CAAC,aAAa,EAAE,YAAY,EAAE,CAAA;IACtC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC5B,CAAA"}

package/dist/views/Version/Default/types.js

@@ -1,3 +1,2 @@
-export { };
-
+export {};
 //# sourceMappingURL=types.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Version/Default/types.ts"],"sourcesContent":["import type { CollectionPermission, GlobalPermission } from 'payload/auth'\nimport type { OptionObject } from 'payload/types'\nimport type { Document } from 'payload/types'\n\nexport type CompareOption = {\n  label: string\n  options?: CompareOption[]\n  relationTo?: string\n  value: string\n}\n\nexport type DefaultVersionsViewProps = {\n  doc: Document\n  docPermissions: CollectionPermission | GlobalPermission\n  initialComparisonDoc: Document\n  localeOptions: OptionObject[]\n  mostRecentDoc: Document\n  publishedDoc: Document\n  versionID?: string\n}\n"],"names":[],"rangeMappings":"","mappings":"AAWA,WAQC"}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/views/Version/Default/types.ts"],"sourcesContent":["import type { CollectionPermission, Document, GlobalPermission, OptionObject } from 'payload'\n\nexport type CompareOption = {\n  label: React.ReactNode | string\n  options?: CompareOption[]\n  relationTo?: string\n  value: string\n}\n\nexport type DefaultVersionsViewProps = {\n  readonly doc: Document\n  readonly docPermissions: CollectionPermission | GlobalPermission\n  readonly initialComparisonDoc: Document\n  readonly latestDraftVersion?: string\n  readonly latestPublishedVersion?: string\n  readonly localeOptions: OptionObject[]\n  readonly versionID?: string\n}\n"],"mappings":"AASA","ignoreList":[]}

package/dist/views/Version/RenderFieldsToDiff/Label/index.js

@@ -1,8 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 const baseClass = 'field-diff-label';
-const Label = ({ children })=>/*#__PURE__*/ React.createElement("div", {
-        className: baseClass
-    }, children);
+const Label = ({
+  children
+}) => /*#__PURE__*/_jsx("div", {
+  className: baseClass,
+  children: children
+});
 export default Label;
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/views/Version/RenderFieldsToDiff/Label/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'field-diff-label'\n\nconst Label: React.FC<{ children?: React.ReactNode }> = ({ children }) => (\n  <div className={baseClass}>{children}</div>\n)\n\nexport default Label\n"],"names":["React","baseClass","Label","children","div","className"],"rangeMappings":";;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAIzB,MAAMC,YAAY;AAElB,MAAMC,QAAkD,CAAC,EAAEC,QAAQ,EAAE,iBACnE,oBAACC;QAAIC,WAAWJ;OAAYE;AAG9B,eAAeD,MAAK"}
+{"version":3,"file":"index.js","names":["React","baseClass","Label","children","_jsx","className"],"sources":["../../../../../src/views/Version/RenderFieldsToDiff/Label/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'field-diff-label'\n\nconst Label: React.FC<{ children?: React.ReactNode }> = ({ children }) => (\n  <div className={baseClass}>{children}</div>\n)\n\nexport default Label\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAIlB,MAAMC,SAAA,GAAY;AAElB,MAAMC,KAAA,GAAkDA,CAAC;EAAEC;AAAQ,CAAE,kBACnEC,IAAA,CAAC;EAAIC,SAAA,EAAWJ,SAAA;YAAYE;;AAG9B,eAAeD,KAAA","ignoreList":[]}

package/dist/views/Version/RenderFieldsToDiff/fields/Iterable/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import type { Props } from '../types.js';
+import type { DiffComponentProps } from '../types.js';
 import './index.scss';
-declare const Iterable: React.FC<Props>;
+declare const Iterable: React.FC<DiffComponentProps>;
 export default Iterable;
 //# sourceMappingURL=index.d.ts.map

package/dist/views/Version/RenderFieldsToDiff/fields/Iterable/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Iterable/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAIxC,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA2G7B,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Iterable/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAIrD,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA8F1C,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/dist/views/Version/RenderFieldsToDiff/fields/Iterable/index.js

@@ -1,64 +1,75 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import { getUniqueListBy } from 'payload/utilities';
+import { getUniqueListBy } from 'payload/shared';
 import React from 'react';
 import Label from '../../Label/index.js';
 import RenderFieldsToDiff from '../../index.js';
 const baseClass = 'iterable-diff';
-const Iterable = ({ comparison, diffComponents, field, i18n, locale, locales, permissions, version })=>{
-    const versionRowCount = Array.isArray(version) ? version.length : 0;
-    const comparisonRowCount = Array.isArray(comparison) ? comparison.length : 0;
-    const maxRows = Math.max(versionRowCount, comparisonRowCount);
-    return /*#__PURE__*/ React.createElement("div", {
-        className: baseClass
-    }, 'label' in field.fieldComponentProps && field.fieldComponentProps.label && typeof field.fieldComponentProps.label !== 'function' && /*#__PURE__*/ React.createElement(Label, null, locale && /*#__PURE__*/ React.createElement("span", {
-        className: `${baseClass}__locale-label`
-    }, locale), getTranslation(field.fieldComponentProps.label, i18n)), maxRows > 0 && /*#__PURE__*/ React.createElement(React.Fragment, null, Array.from(Array(maxRows).keys()).map((row, i)=>{
+const Iterable = ({
+  comparison,
+  diffComponents,
+  field,
+  i18n,
+  locale,
+  locales,
+  permissions,
+  version
+}) => {
+  const versionRowCount = Array.isArray(version) ? version.length : 0;
+  const comparisonRowCount = Array.isArray(comparison) ? comparison.length : 0;
+  const maxRows = Math.max(versionRowCount, comparisonRowCount);
+  return /*#__PURE__*/_jsxs("div", {
+    className: baseClass,
+    children: ['label' in field && field.label && typeof field.label !== 'function' && /*#__PURE__*/_jsxs(Label, {
+      children: [locale && /*#__PURE__*/_jsx("span", {
+        className: `${baseClass}__locale-label`,
+        children: locale
+      }), getTranslation(field.label, i18n)]
+    }), maxRows > 0 && /*#__PURE__*/_jsx(React.Fragment, {
+      children: Array.from(Array(maxRows).keys()).map((row, i) => {
         const versionRow = version?.[i] || {};
         const comparisonRow = comparison?.[i] || {};
-        let fieldMap = [];
-        if (field.type === 'array' && 'fieldMap' in field.fieldComponentProps) fieldMap = field.fieldComponentProps.fieldMap;
+        let fields = [];
+        if (field.type === 'array' && 'fields' in field) fields = field.fields;
         if (field.type === 'blocks') {
-            fieldMap = [];
-            if (versionRow?.blockType === comparisonRow?.blockType) {
-                const matchedBlock = 'blocks' in field.fieldComponentProps && field.fieldComponentProps.blocks?.find((block)=>block.slug === versionRow?.blockType) || {
-                    fieldMap: []
-                };
-                fieldMap = [
-                    ...fieldMap,
-                    ...matchedBlock.fieldMap
-                ];
-            } else {
-                const matchedVersionBlock = 'blocks' in field.fieldComponentProps && field.fieldComponentProps.blocks?.find((block)=>block.slug === versionRow?.blockType) || {
-                    fieldMap: []
-                };
-                const matchedComparisonBlock = 'blocks' in field.fieldComponentProps && field.fieldComponentProps.blocks?.find((block)=>block.slug === comparisonRow?.blockType) || {
-                    fieldMap: []
-                };
-                fieldMap = getUniqueListBy([
-                    ...fieldMap,
-                    ...matchedVersionBlock.fieldMap,
-                    ...matchedComparisonBlock.fieldMap
-                ], 'name');
-            }
+          fields = [];
+          if (versionRow?.blockType === comparisonRow?.blockType) {
+            const matchedBlock = 'blocks' in field && field.blocks?.find(block => block.slug === versionRow?.blockType) || {
+              fields: []
+            };
+            fields = [...fields, ...matchedBlock.fields];
+          } else {
+            const matchedVersionBlock = 'blocks' in field && field.blocks?.find(block => block.slug === versionRow?.blockType) || {
+              fields: []
+            };
+            const matchedComparisonBlock = 'blocks' in field && field.blocks?.find(block => block.slug === comparisonRow?.blockType) || {
+              fields: []
+            };
+            fields = getUniqueListBy([...fields, ...matchedVersionBlock.fields, ...matchedComparisonBlock.fields], 'name');
+          }
         }
-        return /*#__PURE__*/ React.createElement("div", {
-            className: `${baseClass}__wrap`,
-            key: i
-        }, /*#__PURE__*/ React.createElement(RenderFieldsToDiff, {
+        return /*#__PURE__*/_jsx("div", {
+          className: `${baseClass}__wrap`,
+          children: /*#__PURE__*/_jsx(RenderFieldsToDiff, {
             comparison: comparisonRow,
             diffComponents: diffComponents,
-            fieldMap: fieldMap,
             fieldPermissions: permissions,
+            fields: fields,
             i18n: i18n,
             locales: locales,
             version: versionRow
-        }));
-    })), maxRows === 0 && /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__no-rows`
-    }, i18n.t('version:noRowsFound', {
-        label: 'labels' in field.fieldComponentProps && field.fieldComponentProps.labels?.plural ? getTranslation(field.fieldComponentProps.labels.plural, i18n) : i18n.t('general:rows')
-    })));
+          })
+        }, i);
+      })
+    }), maxRows === 0 && /*#__PURE__*/_jsx("div", {
+      className: `${baseClass}__no-rows`,
+      children: i18n.t('version:noRowsFound', {
+        label: 'labels' in field && field.labels?.plural ? getTranslation(field.labels.plural, i18n) : i18n.t('general:rows')
+      })
+    })]
+  });
 };
 export default Iterable;
-
 //# sourceMappingURL=index.js.map