@payloadcms/next 3.0.0-canary.3bd3027 → 3.0.0-canary.4de9e42

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

@@ -1,8 +1,8 @@
 import { getTranslation } from '@payloadcms/translations';
 import { useConfig, useLocale, useStepNav, useTranslation } from '@payloadcms/ui';
-import { formatDate } from '@payloadcms/ui/shared';
+import { formatAdminURL, formatDate } from '@payloadcms/ui/shared';
 import { useEffect } from 'react';
-export const SetStepNav = ({ id, collectionConfig, collectionSlug, doc, fieldMap, globalConfig, globalSlug, mostRecentDoc })=>{
+export const SetStepNav = ({ id, collectionConfig, collectionSlug, doc, fieldMap, globalConfig, globalSlug })=>{
     const config = useConfig();
     const { setStepNav } = useStepNav();
     const { i18n, t } = useTranslation();
@@ -14,38 +14,48 @@ export const SetStepNav = ({ id, collectionConfig, collectionSlug, doc, fieldMap
             let docLabel = '';
             const useAsTitle = collectionConfig?.admin?.useAsTitle || 'id';
             const pluralLabel = collectionConfig?.labels?.plural;
-            if (mostRecentDoc) {
+            const formattedDoc = doc.version ? doc.version : doc;
+            if (formattedDoc) {
                 if (useAsTitle !== 'id') {
                     const titleField = fieldMap.find((f)=>{
                         const { isFieldAffectingData } = f;
                         const fieldName = 'name' in f ? f.name : undefined;
                         return Boolean(isFieldAffectingData && fieldName === useAsTitle);
                     });
-                    if (titleField && mostRecentDoc[useAsTitle]) {
+                    if (titleField && formattedDoc[useAsTitle]) {
                         if (titleField.localized) {
-                            docLabel = mostRecentDoc[useAsTitle]?.[locale.code];
+                            docLabel = formattedDoc[useAsTitle]?.[locale.code];
                         } else {
-                            docLabel = mostRecentDoc[useAsTitle];
+                            docLabel = formattedDoc[useAsTitle];
                         }
                     } else {
                         docLabel = `[${t('general:untitled')}]`;
                     }
                 } else {
-                    docLabel = mostRecentDoc.id;
+                    docLabel = doc.id;
                 }
             }
             nav = [
                 {
                     label: getTranslation(pluralLabel, i18n),
-                    url: `${adminRoute}/collections/${collectionSlug}`
+                    url: formatAdminURL({
+                        adminRoute,
+                        path: `/collections/${collectionSlug}`
+                    })
                 },
                 {
                     label: docLabel,
-                    url: `${adminRoute}/collections/${collectionSlug}/${id}`
+                    url: formatAdminURL({
+                        adminRoute,
+                        path: `/collections/${collectionSlug}/${id}`
+                    })
                 },
                 {
                     label: 'Versions',
-                    url: `${adminRoute}/collections/${collectionSlug}/${id}/versions`
+                    url: formatAdminURL({
+                        adminRoute,
+                        path: `/collections/${collectionSlug}/${id}/versions`
+                    })
                 },
                 {
                     label: doc?.createdAt ? formatDate({
@@ -60,11 +70,17 @@ export const SetStepNav = ({ id, collectionConfig, collectionSlug, doc, fieldMap
             nav = [
                 {
                     label: globalConfig.label,
-                    url: `${adminRoute}/globals/${globalConfig.slug}`
+                    url: formatAdminURL({
+                        adminRoute,
+                        path: `/globals/${globalConfig.slug}`
+                    })
                 },
                 {
                     label: 'Versions',
-                    url: `${adminRoute}/globals/${globalConfig.slug}/versions`
+                    url: formatAdminURL({
+                        adminRoute,
+                        path: `/globals/${globalConfig.slug}/versions`
+                    })
                 },
                 {
                     label: doc?.createdAt ? formatDate({
@@ -82,7 +98,6 @@ export const SetStepNav = ({ id, collectionConfig, collectionSlug, doc, fieldMap
         collectionSlug,
         globalSlug,
         doc,
-        mostRecentDoc,
         id,
         locale,
         t,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Version/Default/SetStepNav.tsx"],"sourcesContent":["import type { StepNavItem } from '@payloadcms/ui'\nimport type { FieldMap } from '@payloadcms/ui/utilities/buildComponentMap'\nimport type { ClientCollectionConfig, ClientGlobalConfig } from 'payload'\nimport type React from 'react'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useConfig, useLocale, useStepNav, useTranslation } from '@payloadcms/ui'\nimport { formatDate } from '@payloadcms/ui/shared'\nimport { useEffect } from 'react'\n\nexport const SetStepNav: React.FC<{\n  collectionConfig?: ClientCollectionConfig\n  collectionSlug?: string\n  doc: any\n  fieldMap: FieldMap\n  globalConfig?: ClientGlobalConfig\n  globalSlug?: string\n  id?: number | string\n  mostRecentDoc: any\n}> = ({\n  id,\n  collectionConfig,\n  collectionSlug,\n  doc,\n  fieldMap,\n  globalConfig,\n  globalSlug,\n  mostRecentDoc,\n}) => {\n  const config = useConfig()\n  const { setStepNav } = useStepNav()\n  const { i18n, t } = useTranslation()\n  const locale = useLocale()\n\n  useEffect(() => {\n    let nav: StepNavItem[] = []\n\n    const {\n      admin: { dateFormat },\n      routes: { admin: adminRoute },\n    } = config\n\n    if (collectionSlug) {\n      let docLabel = ''\n\n      const useAsTitle = collectionConfig?.admin?.useAsTitle || 'id'\n      const pluralLabel = collectionConfig?.labels?.plural\n\n      if (mostRecentDoc) {\n        if (useAsTitle !== 'id') {\n          const titleField = fieldMap.find((f) => {\n            const { isFieldAffectingData } = f\n            const fieldName = 'name' in f ? f.name : undefined\n            return Boolean(isFieldAffectingData && fieldName === useAsTitle)\n          })\n\n          if (titleField && mostRecentDoc[useAsTitle]) {\n            if (titleField.localized) {\n              docLabel = mostRecentDoc[useAsTitle]?.[locale.code]\n            } else {\n              docLabel = mostRecentDoc[useAsTitle]\n            }\n          } else {\n            docLabel = `[${t('general:untitled')}]`\n          }\n        } else {\n          docLabel = mostRecentDoc.id\n        }\n      }\n\n      nav = [\n        {\n          label: getTranslation(pluralLabel, i18n),\n          url: `${adminRoute}/collections/${collectionSlug}`,\n        },\n        {\n          label: docLabel,\n          url: `${adminRoute}/collections/${collectionSlug}/${id}`,\n        },\n        {\n          label: 'Versions',\n          url: `${adminRoute}/collections/${collectionSlug}/${id}/versions`,\n        },\n        {\n          label: doc?.createdAt\n            ? formatDate({ date: doc.createdAt, i18n, pattern: dateFormat })\n            : '',\n        },\n      ]\n    }\n\n    if (globalSlug) {\n      nav = [\n        {\n          label: globalConfig.label,\n          url: `${adminRoute}/globals/${globalConfig.slug}`,\n        },\n        {\n          label: 'Versions',\n          url: `${adminRoute}/globals/${globalConfig.slug}/versions`,\n        },\n        {\n          label: doc?.createdAt\n            ? formatDate({ date: doc.createdAt, i18n, pattern: dateFormat })\n            : '',\n        },\n      ]\n    }\n\n    setStepNav(nav)\n  }, [\n    config,\n    setStepNav,\n    collectionSlug,\n    globalSlug,\n    doc,\n    mostRecentDoc,\n    id,\n    locale,\n    t,\n    i18n,\n    collectionConfig,\n    fieldMap,\n    globalConfig,\n  ])\n\n  return null\n}\n"],"names":["getTranslation","useConfig","useLocale","useStepNav","useTranslation","formatDate","useEffect","SetStepNav","id","collectionConfig","collectionSlug","doc","fieldMap","globalConfig","globalSlug","mostRecentDoc","config","setStepNav","i18n","t","locale","nav","admin","dateFormat","routes","adminRoute","docLabel","useAsTitle","pluralLabel","labels","plural","titleField","find","f","isFieldAffectingData","fieldName","name","undefined","Boolean","localized","code","label","url","createdAt","date","pattern","slug"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAKA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,SAAS,EAAEC,SAAS,EAAEC,UAAU,EAAEC,cAAc,QAAQ,iBAAgB;AACjF,SAASC,UAAU,QAAQ,wBAAuB;AAClD,SAASC,SAAS,QAAQ,QAAO;AAEjC,OAAO,MAAMC,aASR,CAAC,EACJC,EAAE,EACFC,gBAAgB,EAChBC,cAAc,EACdC,GAAG,EACHC,QAAQ,EACRC,YAAY,EACZC,UAAU,EACVC,aAAa,EACd;IACC,MAAMC,SAASf;IACf,MAAM,EAAEgB,UAAU,EAAE,GAAGd;IACvB,MAAM,EAAEe,IAAI,EAAEC,CAAC,EAAE,GAAGf;IACpB,MAAMgB,SAASlB;IAEfI,UAAU;QACR,IAAIe,MAAqB,EAAE;QAE3B,MAAM,EACJC,OAAO,EAAEC,UAAU,EAAE,EACrBC,QAAQ,EAAEF,OAAOG,UAAU,EAAE,EAC9B,GAAGT;QAEJ,IAAIN,gBAAgB;YAClB,IAAIgB,WAAW;YAEf,MAAMC,aAAalB,kBAAkBa,OAAOK,cAAc;YAC1D,MAAMC,cAAcnB,kBAAkBoB,QAAQC;YAE9C,IAAIf,eAAe;gBACjB,IAAIY,eAAe,MAAM;oBACvB,MAAMI,aAAanB,SAASoB,IAAI,CAAC,CAACC;wBAChC,MAAM,EAAEC,oBAAoB,EAAE,GAAGD;wBACjC,MAAME,YAAY,UAAUF,IAAIA,EAAEG,IAAI,GAAGC;wBACzC,OAAOC,QAAQJ,wBAAwBC,cAAcR;oBACvD;oBAEA,IAAII,cAAchB,aAAa,CAACY,WAAW,EAAE;wBAC3C,IAAII,WAAWQ,SAAS,EAAE;4BACxBb,WAAWX,aAAa,CAACY,WAAW,EAAE,CAACP,OAAOoB,IAAI,CAAC;wBACrD,OAAO;4BACLd,WAAWX,aAAa,CAACY,WAAW;wBACtC;oBACF,OAAO;wBACLD,WAAW,CAAC,CAAC,EAAEP,EAAE,oBAAoB,CAAC,CAAC;oBACzC;gBACF,OAAO;oBACLO,WAAWX,cAAcP,EAAE;gBAC7B;YACF;YAEAa,MAAM;gBACJ;oBACEoB,OAAOzC,eAAe4B,aAAaV;oBACnCwB,KAAK,CAAC,EAAEjB,WAAW,aAAa,EAAEf,eAAe,CAAC;gBACpD;gBACA;oBACE+B,OAAOf;oBACPgB,KAAK,CAAC,EAAEjB,WAAW,aAAa,EAAEf,eAAe,CAAC,EAAEF,GAAG,CAAC;gBAC1D;gBACA;oBACEiC,OAAO;oBACPC,KAAK,CAAC,EAAEjB,WAAW,aAAa,EAAEf,eAAe,CAAC,EAAEF,GAAG,SAAS,CAAC;gBACnE;gBACA;oBACEiC,OAAO9B,KAAKgC,YACRtC,WAAW;wBAAEuC,MAAMjC,IAAIgC,SAAS;wBAAEzB;wBAAM2B,SAAStB;oBAAW,KAC5D;gBACN;aACD;QACH;QAEA,IAAIT,YAAY;YACdO,MAAM;gBACJ;oBACEoB,OAAO5B,aAAa4B,KAAK;oBACzBC,KAAK,CAAC,EAAEjB,WAAW,SAAS,EAAEZ,aAAaiC,IAAI,CAAC,CAAC;gBACnD;gBACA;oBACEL,OAAO;oBACPC,KAAK,CAAC,EAAEjB,WAAW,SAAS,EAAEZ,aAAaiC,IAAI,CAAC,SAAS,CAAC;gBAC5D;gBACA;oBACEL,OAAO9B,KAAKgC,YACRtC,WAAW;wBAAEuC,MAAMjC,IAAIgC,SAAS;wBAAEzB;wBAAM2B,SAAStB;oBAAW,KAC5D;gBACN;aACD;QACH;QAEAN,WAAWI;IACb,GAAG;QACDL;QACAC;QACAP;QACAI;QACAH;QACAI;QACAP;QACAY;QACAD;QACAD;QACAT;QACAG;QACAC;KACD;IAED,OAAO;AACT,EAAC"}
+{"version":3,"sources":["../../../../src/views/Version/Default/SetStepNav.tsx"],"sourcesContent":["import type { StepNavItem } from '@payloadcms/ui'\nimport type { FieldMap } from '@payloadcms/ui/utilities/buildComponentMap'\nimport type { ClientCollectionConfig, ClientGlobalConfig } from 'payload'\nimport type React from 'react'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useConfig, useLocale, useStepNav, useTranslation } from '@payloadcms/ui'\nimport { formatAdminURL, formatDate } from '@payloadcms/ui/shared'\nimport { useEffect } from 'react'\n\nexport const SetStepNav: React.FC<{\n  collectionConfig?: ClientCollectionConfig\n  collectionSlug?: string\n  doc: any\n  fieldMap: FieldMap\n  globalConfig?: ClientGlobalConfig\n  globalSlug?: string\n  id?: number | string\n}> = ({ id, collectionConfig, collectionSlug, doc, fieldMap, globalConfig, globalSlug }) => {\n  const config = useConfig()\n  const { setStepNav } = useStepNav()\n  const { i18n, t } = useTranslation()\n  const locale = useLocale()\n\n  useEffect(() => {\n    let nav: StepNavItem[] = []\n\n    const {\n      admin: { dateFormat },\n      routes: { admin: adminRoute },\n    } = config\n\n    if (collectionSlug) {\n      let docLabel = ''\n\n      const useAsTitle = collectionConfig?.admin?.useAsTitle || 'id'\n      const pluralLabel = collectionConfig?.labels?.plural\n      const formattedDoc = doc.version ? doc.version : doc\n\n      if (formattedDoc) {\n        if (useAsTitle !== 'id') {\n          const titleField = fieldMap.find((f) => {\n            const { isFieldAffectingData } = f\n            const fieldName = 'name' in f ? f.name : undefined\n            return Boolean(isFieldAffectingData && fieldName === useAsTitle)\n          })\n\n          if (titleField && formattedDoc[useAsTitle]) {\n            if (titleField.localized) {\n              docLabel = formattedDoc[useAsTitle]?.[locale.code]\n            } else {\n              docLabel = formattedDoc[useAsTitle]\n            }\n          } else {\n            docLabel = `[${t('general:untitled')}]`\n          }\n        } else {\n          docLabel = doc.id\n        }\n      }\n\n      nav = [\n        {\n          label: getTranslation(pluralLabel, i18n),\n          url: formatAdminURL({ adminRoute, path: `/collections/${collectionSlug}` }),\n        },\n        {\n          label: docLabel,\n          url: formatAdminURL({ adminRoute, path: `/collections/${collectionSlug}/${id}` }),\n        },\n        {\n          label: 'Versions',\n          url: formatAdminURL({\n            adminRoute,\n            path: `/collections/${collectionSlug}/${id}/versions`,\n          }),\n        },\n        {\n          label: doc?.createdAt\n            ? formatDate({ date: doc.createdAt, i18n, pattern: dateFormat })\n            : '',\n        },\n      ]\n    }\n\n    if (globalSlug) {\n      nav = [\n        {\n          label: globalConfig.label,\n          url: formatAdminURL({\n            adminRoute,\n            path: `/globals/${globalConfig.slug}`,\n          }),\n        },\n        {\n          label: 'Versions',\n          url: formatAdminURL({\n            adminRoute,\n            path: `/globals/${globalConfig.slug}/versions`,\n          }),\n        },\n        {\n          label: doc?.createdAt\n            ? formatDate({ date: doc.createdAt, i18n, pattern: dateFormat })\n            : '',\n        },\n      ]\n    }\n\n    setStepNav(nav)\n  }, [\n    config,\n    setStepNav,\n    collectionSlug,\n    globalSlug,\n    doc,\n    id,\n    locale,\n    t,\n    i18n,\n    collectionConfig,\n    fieldMap,\n    globalConfig,\n  ])\n\n  return null\n}\n"],"names":["getTranslation","useConfig","useLocale","useStepNav","useTranslation","formatAdminURL","formatDate","useEffect","SetStepNav","id","collectionConfig","collectionSlug","doc","fieldMap","globalConfig","globalSlug","config","setStepNav","i18n","t","locale","nav","admin","dateFormat","routes","adminRoute","docLabel","useAsTitle","pluralLabel","labels","plural","formattedDoc","version","titleField","find","f","isFieldAffectingData","fieldName","name","undefined","Boolean","localized","code","label","url","path","createdAt","date","pattern","slug"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/Default/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAiB,wBAAwB,EAAE,MAAM,YAAY,CAAA;AASzE,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA6IjE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/Default/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAiB,wBAAwB,EAAE,MAAM,YAAY,CAAA;AAQzE,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAkIjE,CAAA"}

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

@@ -8,10 +8,9 @@ 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 })=>{
+export const DefaultVersionView = ({ doc, docPermissions, initialComparisonDoc, latestDraftVersion, latestPublishedVersion, localeOptions, versionID })=>{
     const config = useConfig();
     const { i18n } = useTranslation();
     const { id, collectionSlug, globalSlug } = useDocumentInfo();
@@ -27,25 +26,24 @@ export const DefaultVersionView = ({ doc, docPermissions, initialComparisonDoc,
     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 [compareValue, setCompareValue] = useState();
     const { admin: { dateFormat }, localization, routes: { api: apiRoute }, serverURL } = config;
-    const formattedCreatedAt = doc?.createdAt ? formatDate({
-        date: doc.createdAt,
+    const versionCreatedAt = doc?.updatedAt ? formatDate({
+        date: doc.updatedAt,
         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 compareFetchURL = compareValue?.value && `${compareBaseURL}/${compareValue.value}`;
     const [{ data: currentComparisonDoc }] = usePayloadAPI(compareFetchURL, {
         initialData: initialComparisonDoc,
         initialParams: {
             depth: 1,
             draft: 'true',
-            locale: '*'
+            locale: 'all'
         }
     });
-    const comparison = compareValue?.value === 'mostRecent' ? mostRecentDoc : compareValue?.value === 'published' ? publishedDoc : currentComparisonDoc?.version // the `version` key is only present on `versions` documents
+    const comparison = compareValue?.value && currentComparisonDoc?.version // the `version` key is only present on `versions` documents
     ;
     const canUpdate = docPermissions?.update?.permission;
     return /*#__PURE__*/ _jsxs("main", {
@@ -61,8 +59,7 @@ export const DefaultVersionView = ({ doc, docPermissions, initialComparisonDoc,
                 fieldMap: fieldMap,
                 globalConfig: globalConfig,
                 globalSlug: globalSlug,
-                id: id,
-                mostRecentDoc: mostRecentDoc
+                id: id
             }),
             /*#__PURE__*/ _jsxs(Gutter, {
                 className: `${baseClass}__wrap`,
@@ -80,7 +77,7 @@ export const DefaultVersionView = ({ doc, docPermissions, initialComparisonDoc,
                                 className: `${baseClass}__header`,
                                 children: [
                                     /*#__PURE__*/ _jsx("h2", {
-                                        children: formattedCreatedAt
+                                        children: versionCreatedAt
                                     }),
                                     canUpdate && /*#__PURE__*/ _jsx(Restore, {
                                         className: `${baseClass}__restore`,
@@ -88,7 +85,7 @@ export const DefaultVersionView = ({ doc, docPermissions, initialComparisonDoc,
                                         globalSlug: globalSlug,
                                         label: collectionConfig?.labels.singular || globalConfig?.label,
                                         originalDocID: id,
-                                        versionDate: formattedCreatedAt,
+                                        versionDate: versionCreatedAt,
                                         versionID: versionID
                                     })
                                 ]
@@ -100,9 +97,10 @@ export const DefaultVersionView = ({ doc, docPermissions, initialComparisonDoc,
                         children: [
                             /*#__PURE__*/ _jsx(SelectComparison, {
                                 baseURL: compareBaseURL,
+                                latestDraftVersion: latestDraftVersion,
+                                latestPublishedVersion: latestPublishedVersion,
                                 onChange: setCompareValue,
                                 parentID: id,
-                                publishedDoc: publishedDoc,
                                 value: compareValue,
                                 versionID: versionID
                             }),

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'\n\nimport {\n  Gutter,\n  SetViewActions,\n  useComponentMap,\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 { 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","SetViewActions","useComponentMap","useConfig","useDocumentInfo","usePayloadAPI","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,"sources":["../../../../src/views/Version/Default/index.tsx"],"sourcesContent":["'use client'\nimport type { OptionObject } from 'payload'\n\nimport {\n  Gutter,\n  SetViewActions,\n  useComponentMap,\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 = 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\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  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      />\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                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            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","SetViewActions","useComponentMap","useConfig","useDocumentInfo","usePayloadAPI","useTranslation","formatDate","React","useState","diffComponents","RenderFieldsToDiff","Restore","SelectComparison","SelectLocales","SetStepNav","baseClass","DefaultVersionView","doc","docPermissions","initialComparisonDoc","latestDraftVersion","latestPublishedVersion","localeOptions","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","versionCreatedAt","updatedAt","date","pattern","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","createdAt"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 import type { CollectionPermission, Document, GlobalPermission, OptionObject } from 'payload';
 export type CompareOption = {
-    label: string;
+    label: React.ReactNode | string;
     options?: CompareOption[];
     relationTo?: string;
     value: string;
@@ -9,9 +9,9 @@ export type DefaultVersionsViewProps = {
     doc: Document;
     docPermissions: CollectionPermission | GlobalPermission;
     initialComparisonDoc: Document;
+    latestDraftVersion?: string;
+    latestPublishedVersion?: string;
     localeOptions: OptionObject[];
-    mostRecentDoc: Document;
-    publishedDoc: Document;
     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,QAAQ,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE7F,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,GAAG,EAAE,QAAQ,CAAA;IACb,cAAc,EAAE,oBAAoB,GAAG,gBAAgB,CAAA;IACvD,oBAAoB,EAAE,QAAQ,CAAA;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,aAAa,EAAE,YAAY,EAAE,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Version/Default/types.ts"],"sourcesContent":["import type { CollectionPermission, Document, GlobalPermission, OptionObject } from 'payload'\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":"AASA,WAQC"}
+{"version":3,"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  doc: Document\n  docPermissions: CollectionPermission | GlobalPermission\n  initialComparisonDoc: Document\n  latestDraftVersion?: string\n  latestPublishedVersion?: string\n  localeOptions: OptionObject[]\n  versionID?: string\n}\n"],"names":[],"mappings":"AASA,WAQC"}

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,KAACC;QAAIC,WAAWJ;kBAAYE;;AAG9B,eAAeD,MAAK"}
+{"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"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAIzB,MAAMC,YAAY;AAElB,MAAMC,QAAkD,CAAC,EAAEC,QAAQ,EAAE,iBACnE,KAACC;QAAIC,WAAWJ;kBAAYE;;AAG9B,eAAeD,MAAK"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Iterable/index.tsx"],"sourcesContent":["import type { MappedField } from '@payloadcms/ui/utilities/buildComponentMap'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { getUniqueListBy } from 'payload/shared'\nimport React from 'react'\n\nimport type { Props } from '../types.js'\n\nimport Label from '../../Label/index.js'\nimport RenderFieldsToDiff from '../../index.js'\nimport './index.scss'\n\nconst baseClass = 'iterable-diff'\n\nconst Iterable: React.FC<Props> = ({\n  comparison,\n  diffComponents,\n  field,\n  i18n,\n  locale,\n  locales,\n  permissions,\n  version,\n}) => {\n  const versionRowCount = Array.isArray(version) ? version.length : 0\n  const comparisonRowCount = Array.isArray(comparison) ? comparison.length : 0\n  const maxRows = Math.max(versionRowCount, comparisonRowCount)\n\n  return (\n    <div className={baseClass}>\n      {'label' in field.fieldComponentProps &&\n        field.fieldComponentProps.label &&\n        typeof field.fieldComponentProps.label !== 'function' && (\n          <Label>\n            {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n            {getTranslation(field.fieldComponentProps.label, i18n)}\n          </Label>\n        )}\n      {maxRows > 0 && (\n        <React.Fragment>\n          {Array.from(Array(maxRows).keys()).map((row, i) => {\n            const versionRow = version?.[i] || {}\n            const comparisonRow = comparison?.[i] || {}\n\n            let fieldMap: MappedField[] = []\n\n            if (field.type === 'array' && 'fieldMap' in field.fieldComponentProps)\n              fieldMap = field.fieldComponentProps.fieldMap\n\n            if (field.type === 'blocks') {\n              fieldMap = [\n                // {\n                //   name: 'blockType',\n                //   label: i18n.t('fields:blockType'),\n                //   type: 'text',\n                // },\n              ]\n\n              if (versionRow?.blockType === comparisonRow?.blockType) {\n                const matchedBlock = ('blocks' in field.fieldComponentProps &&\n                  field.fieldComponentProps.blocks?.find(\n                    (block) => block.slug === versionRow?.blockType,\n                  )) || {\n                  fieldMap: [],\n                }\n\n                fieldMap = [...fieldMap, ...matchedBlock.fieldMap]\n              } else {\n                const matchedVersionBlock = ('blocks' in field.fieldComponentProps &&\n                  field.fieldComponentProps.blocks?.find(\n                    (block) => block.slug === versionRow?.blockType,\n                  )) || {\n                  fieldMap: [],\n                }\n\n                const matchedComparisonBlock = ('blocks' in field.fieldComponentProps &&\n                  field.fieldComponentProps.blocks?.find(\n                    (block) => block.slug === comparisonRow?.blockType,\n                  )) || {\n                  fieldMap: [],\n                }\n\n                fieldMap = getUniqueListBy<MappedField>(\n                  [\n                    ...fieldMap,\n                    ...matchedVersionBlock.fieldMap,\n                    ...matchedComparisonBlock.fieldMap,\n                  ],\n                  'name',\n                )\n              }\n            }\n\n            return (\n              <div className={`${baseClass}__wrap`} key={i}>\n                <RenderFieldsToDiff\n                  comparison={comparisonRow}\n                  diffComponents={diffComponents}\n                  fieldMap={fieldMap}\n                  fieldPermissions={permissions}\n                  i18n={i18n}\n                  locales={locales}\n                  version={versionRow}\n                />\n              </div>\n            )\n          })}\n        </React.Fragment>\n      )}\n      {maxRows === 0 && (\n        <div className={`${baseClass}__no-rows`}>\n          {i18n.t('version:noRowsFound', {\n            label:\n              'labels' in field.fieldComponentProps && field.fieldComponentProps.labels?.plural\n                ? getTranslation(field.fieldComponentProps.labels.plural, i18n)\n                : i18n.t('general:rows'),\n          })}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default Iterable\n"],"names":["getTranslation","getUniqueListBy","React","Label","RenderFieldsToDiff","baseClass","Iterable","comparison","diffComponents","field","i18n","locale","locales","permissions","version","versionRowCount","Array","isArray","length","comparisonRowCount","maxRows","Math","max","div","className","fieldComponentProps","label","span","Fragment","from","keys","map","row","i","versionRow","comparisonRow","fieldMap","type","blockType","matchedBlock","blocks","find","block","slug","matchedVersionBlock","matchedComparisonBlock","fieldPermissions","t","labels","plural"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Iterable/index.tsx"],"sourcesContent":["import type { MappedField } from '@payloadcms/ui/utilities/buildComponentMap'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { getUniqueListBy } from 'payload/shared'\nimport React from 'react'\n\nimport type { Props } from '../types.js'\n\nimport Label from '../../Label/index.js'\nimport RenderFieldsToDiff from '../../index.js'\nimport './index.scss'\n\nconst baseClass = 'iterable-diff'\n\nconst Iterable: React.FC<Props> = ({\n  comparison,\n  diffComponents,\n  field,\n  i18n,\n  locale,\n  locales,\n  permissions,\n  version,\n}) => {\n  const versionRowCount = Array.isArray(version) ? version.length : 0\n  const comparisonRowCount = Array.isArray(comparison) ? comparison.length : 0\n  const maxRows = Math.max(versionRowCount, comparisonRowCount)\n\n  return (\n    <div className={baseClass}>\n      {'label' in field.fieldComponentProps &&\n        field.fieldComponentProps.label &&\n        typeof field.fieldComponentProps.label !== 'function' && (\n          <Label>\n            {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n            {getTranslation(field.fieldComponentProps.label, i18n)}\n          </Label>\n        )}\n      {maxRows > 0 && (\n        <React.Fragment>\n          {Array.from(Array(maxRows).keys()).map((row, i) => {\n            const versionRow = version?.[i] || {}\n            const comparisonRow = comparison?.[i] || {}\n\n            let fieldMap: MappedField[] = []\n\n            if (field.type === 'array' && 'fieldMap' in field.fieldComponentProps)\n              fieldMap = field.fieldComponentProps.fieldMap\n\n            if (field.type === 'blocks') {\n              fieldMap = [\n                // {\n                //   name: 'blockType',\n                //   label: i18n.t('fields:blockType'),\n                //   type: 'text',\n                // },\n              ]\n\n              if (versionRow?.blockType === comparisonRow?.blockType) {\n                const matchedBlock = ('blocks' in field.fieldComponentProps &&\n                  field.fieldComponentProps.blocks?.find(\n                    (block) => block.slug === versionRow?.blockType,\n                  )) || {\n                  fieldMap: [],\n                }\n\n                fieldMap = [...fieldMap, ...matchedBlock.fieldMap]\n              } else {\n                const matchedVersionBlock = ('blocks' in field.fieldComponentProps &&\n                  field.fieldComponentProps.blocks?.find(\n                    (block) => block.slug === versionRow?.blockType,\n                  )) || {\n                  fieldMap: [],\n                }\n\n                const matchedComparisonBlock = ('blocks' in field.fieldComponentProps &&\n                  field.fieldComponentProps.blocks?.find(\n                    (block) => block.slug === comparisonRow?.blockType,\n                  )) || {\n                  fieldMap: [],\n                }\n\n                fieldMap = getUniqueListBy<MappedField>(\n                  [\n                    ...fieldMap,\n                    ...matchedVersionBlock.fieldMap,\n                    ...matchedComparisonBlock.fieldMap,\n                  ],\n                  'name',\n                )\n              }\n            }\n\n            return (\n              <div className={`${baseClass}__wrap`} key={i}>\n                <RenderFieldsToDiff\n                  comparison={comparisonRow}\n                  diffComponents={diffComponents}\n                  fieldMap={fieldMap}\n                  fieldPermissions={permissions}\n                  i18n={i18n}\n                  locales={locales}\n                  version={versionRow}\n                />\n              </div>\n            )\n          })}\n        </React.Fragment>\n      )}\n      {maxRows === 0 && (\n        <div className={`${baseClass}__no-rows`}>\n          {i18n.t('version:noRowsFound', {\n            label:\n              'labels' in field.fieldComponentProps && field.fieldComponentProps.labels?.plural\n                ? getTranslation(field.fieldComponentProps.labels.plural, i18n)\n                : i18n.t('general:rows'),\n          })}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default Iterable\n"],"names":["getTranslation","getUniqueListBy","React","Label","RenderFieldsToDiff","baseClass","Iterable","comparison","diffComponents","field","i18n","locale","locales","permissions","version","versionRowCount","Array","isArray","length","comparisonRowCount","maxRows","Math","max","div","className","fieldComponentProps","label","span","Fragment","from","keys","map","row","i","versionRow","comparisonRow","fieldMap","type","blockType","matchedBlock","blocks","find","block","slug","matchedVersionBlock","matchedComparisonBlock","fieldPermissions","t","labels","plural"],"mappings":"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"}

package/dist/views/Version/RenderFieldsToDiff/fields/Nested/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Nested/index.tsx"],"sourcesContent":["import { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { Props } from '../types.js'\n\nimport Label from '../../Label/index.js'\nimport RenderFieldsToDiff from '../../index.js'\nimport './index.scss'\n\nconst baseClass = 'nested-diff'\n\nconst Nested: React.FC<Props> = ({\n  comparison,\n  diffComponents,\n  disableGutter = false,\n  field,\n  fieldMap,\n  i18n,\n  locale,\n  locales,\n  permissions,\n  version,\n}) => {\n  return (\n    <div className={baseClass}>\n      {'label' in field.fieldComponentProps &&\n        field.fieldComponentProps.label &&\n        typeof field.fieldComponentProps.label !== 'function' && (\n          <Label>\n            {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n            {getTranslation(field.fieldComponentProps.label, i18n)}\n          </Label>\n        )}\n      <div\n        className={[`${baseClass}__wrap`, !disableGutter && `${baseClass}__wrap--gutter`]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        <RenderFieldsToDiff\n          comparison={comparison}\n          diffComponents={diffComponents}\n          fieldMap={fieldMap}\n          fieldPermissions={permissions}\n          i18n={i18n}\n          locales={locales}\n          version={version}\n        />\n      </div>\n    </div>\n  )\n}\n\nexport default Nested\n"],"names":["getTranslation","React","Label","RenderFieldsToDiff","baseClass","Nested","comparison","diffComponents","disableGutter","field","fieldMap","i18n","locale","locales","permissions","version","div","className","fieldComponentProps","label","span","filter","Boolean","join","fieldPermissions"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAIzB,OAAOC,WAAW,uBAAsB;AACxC,OAAOC,wBAAwB,iBAAgB;AAG/C,MAAMC,YAAY;AAElB,MAAMC,SAA0B,CAAC,EAC/BC,UAAU,EACVC,cAAc,EACdC,gBAAgB,KAAK,EACrBC,KAAK,EACLC,QAAQ,EACRC,IAAI,EACJC,MAAM,EACNC,OAAO,EACPC,WAAW,EACXC,OAAO,EACR;IACC,qBACE,MAACC;QAAIC,WAAWb;;YACb,WAAWK,MAAMS,mBAAmB,IACnCT,MAAMS,mBAAmB,CAACC,KAAK,IAC/B,OAAOV,MAAMS,mBAAmB,CAACC,KAAK,KAAK,4BACzC,MAACjB;;oBACEU,wBAAU,KAACQ;wBAAKH,WAAW,CAAC,EAAEb,UAAU,cAAc,CAAC;kCAAGQ;;oBAC1DZ,eAAeS,MAAMS,mBAAmB,CAACC,KAAK,EAAER;;;0BAGvD,KAACK;gBACCC,WAAW;oBAAC,CAAC,EAAEb,UAAU,MAAM,CAAC;oBAAE,CAACI,iBAAiB,CAAC,EAAEJ,UAAU,cAAc,CAAC;iBAAC,CAC9EiB,MAAM,CAACC,SACPC,IAAI,CAAC;0BAER,cAAA,KAACpB;oBACCG,YAAYA;oBACZC,gBAAgBA;oBAChBG,UAAUA;oBACVc,kBAAkBV;oBAClBH,MAAMA;oBACNE,SAASA;oBACTE,SAASA;;;;;AAKnB;AAEA,eAAeV,OAAM"}
+{"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Nested/index.tsx"],"sourcesContent":["import { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { Props } from '../types.js'\n\nimport Label from '../../Label/index.js'\nimport RenderFieldsToDiff from '../../index.js'\nimport './index.scss'\n\nconst baseClass = 'nested-diff'\n\nconst Nested: React.FC<Props> = ({\n  comparison,\n  diffComponents,\n  disableGutter = false,\n  field,\n  fieldMap,\n  i18n,\n  locale,\n  locales,\n  permissions,\n  version,\n}) => {\n  return (\n    <div className={baseClass}>\n      {'label' in field.fieldComponentProps &&\n        field.fieldComponentProps.label &&\n        typeof field.fieldComponentProps.label !== 'function' && (\n          <Label>\n            {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n            {getTranslation(field.fieldComponentProps.label, i18n)}\n          </Label>\n        )}\n      <div\n        className={[`${baseClass}__wrap`, !disableGutter && `${baseClass}__wrap--gutter`]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        <RenderFieldsToDiff\n          comparison={comparison}\n          diffComponents={diffComponents}\n          fieldMap={fieldMap}\n          fieldPermissions={permissions}\n          i18n={i18n}\n          locales={locales}\n          version={version}\n        />\n      </div>\n    </div>\n  )\n}\n\nexport default Nested\n"],"names":["getTranslation","React","Label","RenderFieldsToDiff","baseClass","Nested","comparison","diffComponents","disableGutter","field","fieldMap","i18n","locale","locales","permissions","version","div","className","fieldComponentProps","label","span","filter","Boolean","join","fieldPermissions"],"mappings":";AAAA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAIzB,OAAOC,WAAW,uBAAsB;AACxC,OAAOC,wBAAwB,iBAAgB;AAG/C,MAAMC,YAAY;AAElB,MAAMC,SAA0B,CAAC,EAC/BC,UAAU,EACVC,cAAc,EACdC,gBAAgB,KAAK,EACrBC,KAAK,EACLC,QAAQ,EACRC,IAAI,EACJC,MAAM,EACNC,OAAO,EACPC,WAAW,EACXC,OAAO,EACR;IACC,qBACE,MAACC;QAAIC,WAAWb;;YACb,WAAWK,MAAMS,mBAAmB,IACnCT,MAAMS,mBAAmB,CAACC,KAAK,IAC/B,OAAOV,MAAMS,mBAAmB,CAACC,KAAK,KAAK,4BACzC,MAACjB;;oBACEU,wBAAU,KAACQ;wBAAKH,WAAW,CAAC,EAAEb,UAAU,cAAc,CAAC;kCAAGQ;;oBAC1DZ,eAAeS,MAAMS,mBAAmB,CAACC,KAAK,EAAER;;;0BAGvD,KAACK;gBACCC,WAAW;oBAAC,CAAC,EAAEb,UAAU,MAAM,CAAC;oBAAE,CAACI,iBAAiB,CAAC,EAAEJ,UAAU,cAAc,CAAC;iBAAC,CAC9EiB,MAAM,CAACC,SACPC,IAAI,CAAC;0BAER,cAAA,KAACpB;oBACCG,YAAYA;oBACZC,gBAAgBA;oBAChBG,UAAUA;oBACVc,kBAAkBV;oBAClBH,MAAMA;oBACNE,SAASA;oBACTE,SAASA;;;;;AAKnB;AAEA,eAAeV,OAAM"}

package/dist/views/Version/RenderFieldsToDiff/fields/Relationship/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Relationship/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { type MappedField, useConfig } from '@payloadcms/ui'\nimport { fieldAffectsData, fieldIsPresentationalOnly } from 'payload/shared'\nimport React from 'react'\nimport ReactDiffViewerImport from 'react-diff-viewer-continued'\n\nimport type { Props } from '../types.js'\n\nimport Label from '../../Label/index.js'\nimport { diffStyles } from '../styles.js'\nimport './index.scss'\n\nconst ReactDiffViewer = (ReactDiffViewerImport.default ||\n  ReactDiffViewerImport) as unknown as typeof ReactDiffViewerImport.default\n\nconst baseClass = 'relationship-diff'\n\ntype RelationshipValue = Record<string, any>\n\nconst generateLabelFromValue = (\n  collections: ClientCollectionConfig[],\n  field: MappedField,\n  locale: string,\n  value: { relationTo: string; value: RelationshipValue } | RelationshipValue,\n): string => {\n  let relation: string\n  let relatedDoc: RelationshipValue\n  let valueToReturn = '' as any\n\n  const relationTo =\n    'relationTo' in field.fieldComponentProps ? field.fieldComponentProps.relationTo : undefined\n\n  if (value === null || typeof value === 'undefined') {\n    return String(value)\n  }\n\n  if (Array.isArray(relationTo)) {\n    if (typeof value === 'object') {\n      relation = value.relationTo\n      relatedDoc = value.value\n    }\n  } else {\n    relation = relationTo\n    relatedDoc = value\n  }\n\n  const relatedCollection = collections.find((c) => c.slug === relation)\n\n  if (relatedCollection) {\n    const useAsTitle = relatedCollection?.admin?.useAsTitle\n    const useAsTitleField = relatedCollection.fields.find(\n      (f) => fieldAffectsData(f) && !fieldIsPresentationalOnly(f) && f.name === useAsTitle,\n    )\n    let titleFieldIsLocalized = false\n\n    if (useAsTitleField && fieldAffectsData(useAsTitleField))\n      titleFieldIsLocalized = useAsTitleField.localized\n\n    if (typeof relatedDoc?.[useAsTitle] !== 'undefined') {\n      valueToReturn = relatedDoc[useAsTitle]\n    } else if (typeof relatedDoc?.id !== 'undefined') {\n      valueToReturn = relatedDoc.id\n    }\n\n    if (typeof valueToReturn === 'object' && titleFieldIsLocalized) {\n      valueToReturn = valueToReturn[locale]\n    }\n  }\n\n  return valueToReturn\n}\n\nconst Relationship: React.FC<Props> = ({ comparison, field, i18n, locale, version }) => {\n  let placeholder = ''\n\n  const { collections } = useConfig()\n\n  if (version === comparison) placeholder = `[${i18n.t('general:noValue')}]`\n\n  let versionToRender = version\n  let comparisonToRender = comparison\n\n  if ('hasMany' in field && field.hasMany) {\n    if (Array.isArray(version))\n      versionToRender = version\n        .map((val) => generateLabelFromValue(collections, field, locale, val))\n        .join(', ')\n    if (Array.isArray(comparison))\n      comparisonToRender = comparison\n        .map((val) => generateLabelFromValue(collections, field, locale, val))\n        .join(', ')\n  } else {\n    versionToRender = generateLabelFromValue(collections, field, locale, version)\n    comparisonToRender = generateLabelFromValue(collections, field, locale, comparison)\n  }\n\n  const label =\n    'label' in field.fieldComponentProps &&\n    typeof field.fieldComponentProps.label !== 'boolean' &&\n    typeof field.fieldComponentProps.label !== 'function'\n      ? field.fieldComponentProps.label\n      : ''\n\n  return (\n    <div className={baseClass}>\n      <Label>\n        {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n        {getTranslation(label, i18n)}\n      </Label>\n      <ReactDiffViewer\n        hideLineNumbers\n        newValue={typeof versionToRender !== 'undefined' ? String(versionToRender) : placeholder}\n        oldValue={\n          typeof comparisonToRender !== 'undefined' ? String(comparisonToRender) : placeholder\n        }\n        showDiffOnly={false}\n        splitView\n        styles={diffStyles}\n      />\n    </div>\n  )\n}\n\nexport default Relationship\n"],"names":["getTranslation","useConfig","fieldAffectsData","fieldIsPresentationalOnly","React","ReactDiffViewerImport","Label","diffStyles","ReactDiffViewer","default","baseClass","generateLabelFromValue","collections","field","locale","value","relation","relatedDoc","valueToReturn","relationTo","fieldComponentProps","undefined","String","Array","isArray","relatedCollection","find","c","slug","useAsTitle","admin","useAsTitleField","fields","f","name","titleFieldIsLocalized","localized","id","Relationship","comparison","i18n","version","placeholder","t","versionToRender","comparisonToRender","hasMany","map","val","join","label","div","className","span","hideLineNumbers","newValue","oldValue","showDiffOnly","splitView","styles"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAA2BC,SAAS,QAAQ,iBAAgB;AAC5D,SAASC,gBAAgB,EAAEC,yBAAyB,QAAQ,iBAAgB;AAC5E,OAAOC,WAAW,QAAO;AACzB,OAAOC,2BAA2B,8BAA6B;AAI/D,OAAOC,WAAW,uBAAsB;AACxC,SAASC,UAAU,QAAQ,eAAc;AAGzC,MAAMC,kBAAmBH,sBAAsBI,OAAO,IACpDJ;AAEF,MAAMK,YAAY;AAIlB,MAAMC,yBAAyB,CAC7BC,aACAC,OACAC,QACAC;IAEA,IAAIC;IACJ,IAAIC;IACJ,IAAIC,gBAAgB;IAEpB,MAAMC,aACJ,gBAAgBN,MAAMO,mBAAmB,GAAGP,MAAMO,mBAAmB,CAACD,UAAU,GAAGE;IAErF,IAAIN,UAAU,QAAQ,OAAOA,UAAU,aAAa;QAClD,OAAOO,OAAOP;IAChB;IAEA,IAAIQ,MAAMC,OAAO,CAACL,aAAa;QAC7B,IAAI,OAAOJ,UAAU,UAAU;YAC7BC,WAAWD,MAAMI,UAAU;YAC3BF,aAAaF,MAAMA,KAAK;QAC1B;IACF,OAAO;QACLC,WAAWG;QACXF,aAAaF;IACf;IAEA,MAAMU,oBAAoBb,YAAYc,IAAI,CAAC,CAACC,IAAMA,EAAEC,IAAI,KAAKZ;IAE7D,IAAIS,mBAAmB;QACrB,MAAMI,aAAaJ,mBAAmBK,OAAOD;QAC7C,MAAME,kBAAkBN,kBAAkBO,MAAM,CAACN,IAAI,CACnD,CAACO,IAAM/B,iBAAiB+B,MAAM,CAAC9B,0BAA0B8B,MAAMA,EAAEC,IAAI,KAAKL;QAE5E,IAAIM,wBAAwB;QAE5B,IAAIJ,mBAAmB7B,iBAAiB6B,kBACtCI,wBAAwBJ,gBAAgBK,SAAS;QAEnD,IAAI,OAAOnB,YAAY,CAACY,WAAW,KAAK,aAAa;YACnDX,gBAAgBD,UAAU,CAACY,WAAW;QACxC,OAAO,IAAI,OAAOZ,YAAYoB,OAAO,aAAa;YAChDnB,gBAAgBD,WAAWoB,EAAE;QAC/B;QAEA,IAAI,OAAOnB,kBAAkB,YAAYiB,uBAAuB;YAC9DjB,gBAAgBA,aAAa,CAACJ,OAAO;QACvC;IACF;IAEA,OAAOI;AACT;AAEA,MAAMoB,eAAgC,CAAC,EAAEC,UAAU,EAAE1B,KAAK,EAAE2B,IAAI,EAAE1B,MAAM,EAAE2B,OAAO,EAAE;IACjF,IAAIC,cAAc;IAElB,MAAM,EAAE9B,WAAW,EAAE,GAAGX;IAExB,IAAIwC,YAAYF,YAAYG,cAAc,CAAC,CAAC,EAAEF,KAAKG,CAAC,CAAC,mBAAmB,CAAC,CAAC;IAE1E,IAAIC,kBAAkBH;IACtB,IAAII,qBAAqBN;IAEzB,IAAI,aAAa1B,SAASA,MAAMiC,OAAO,EAAE;QACvC,IAAIvB,MAAMC,OAAO,CAACiB,UAChBG,kBAAkBH,QACfM,GAAG,CAAC,CAACC,MAAQrC,uBAAuBC,aAAaC,OAAOC,QAAQkC,MAChEC,IAAI,CAAC;QACV,IAAI1B,MAAMC,OAAO,CAACe,aAChBM,qBAAqBN,WAClBQ,GAAG,CAAC,CAACC,MAAQrC,uBAAuBC,aAAaC,OAAOC,QAAQkC,MAChEC,IAAI,CAAC;IACZ,OAAO;QACLL,kBAAkBjC,uBAAuBC,aAAaC,OAAOC,QAAQ2B;QACrEI,qBAAqBlC,uBAAuBC,aAAaC,OAAOC,QAAQyB;IAC1E;IAEA,MAAMW,QACJ,WAAWrC,MAAMO,mBAAmB,IACpC,OAAOP,MAAMO,mBAAmB,CAAC8B,KAAK,KAAK,aAC3C,OAAOrC,MAAMO,mBAAmB,CAAC8B,KAAK,KAAK,aACvCrC,MAAMO,mBAAmB,CAAC8B,KAAK,GAC/B;IAEN,qBACE,MAACC;QAAIC,WAAW1C;;0BACd,MAACJ;;oBACEQ,wBAAU,KAACuC;wBAAKD,WAAW,CAAC,EAAE1C,UAAU,cAAc,CAAC;kCAAGI;;oBAC1Dd,eAAekD,OAAOV;;;0BAEzB,KAAChC;gBACC8C,eAAe;gBACfC,UAAU,OAAOX,oBAAoB,cAActB,OAAOsB,mBAAmBF;gBAC7Ec,UACE,OAAOX,uBAAuB,cAAcvB,OAAOuB,sBAAsBH;gBAE3Ee,cAAc;gBACdC,SAAS;gBACTC,QAAQpD;;;;AAIhB;AAEA,eAAe+B,aAAY"}
+{"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Relationship/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { type MappedField, useConfig } from '@payloadcms/ui'\nimport { fieldAffectsData, fieldIsPresentationalOnly } from 'payload/shared'\nimport React from 'react'\nimport ReactDiffViewerImport from 'react-diff-viewer-continued'\n\nimport type { Props } from '../types.js'\n\nimport Label from '../../Label/index.js'\nimport { diffStyles } from '../styles.js'\nimport './index.scss'\n\nconst ReactDiffViewer = (ReactDiffViewerImport.default ||\n  ReactDiffViewerImport) as unknown as typeof ReactDiffViewerImport.default\n\nconst baseClass = 'relationship-diff'\n\ntype RelationshipValue = Record<string, any>\n\nconst generateLabelFromValue = (\n  collections: ClientCollectionConfig[],\n  field: MappedField,\n  locale: string,\n  value: { relationTo: string; value: RelationshipValue } | RelationshipValue,\n): string => {\n  let relation: string\n  let relatedDoc: RelationshipValue\n  let valueToReturn = '' as any\n\n  const relationTo =\n    'relationTo' in field.fieldComponentProps ? field.fieldComponentProps.relationTo : undefined\n\n  if (value === null || typeof value === 'undefined') {\n    return String(value)\n  }\n\n  if (Array.isArray(relationTo)) {\n    if (typeof value === 'object') {\n      relation = value.relationTo\n      relatedDoc = value.value\n    }\n  } else {\n    relation = relationTo\n    relatedDoc = value\n  }\n\n  const relatedCollection = collections.find((c) => c.slug === relation)\n\n  if (relatedCollection) {\n    const useAsTitle = relatedCollection?.admin?.useAsTitle\n    const useAsTitleField = relatedCollection.fields.find(\n      (f) => fieldAffectsData(f) && !fieldIsPresentationalOnly(f) && f.name === useAsTitle,\n    )\n    let titleFieldIsLocalized = false\n\n    if (useAsTitleField && fieldAffectsData(useAsTitleField))\n      titleFieldIsLocalized = useAsTitleField.localized\n\n    if (typeof relatedDoc?.[useAsTitle] !== 'undefined') {\n      valueToReturn = relatedDoc[useAsTitle]\n    } else if (typeof relatedDoc?.id !== 'undefined') {\n      valueToReturn = relatedDoc.id\n    }\n\n    if (typeof valueToReturn === 'object' && titleFieldIsLocalized) {\n      valueToReturn = valueToReturn[locale]\n    }\n  }\n\n  return valueToReturn\n}\n\nconst Relationship: React.FC<Props> = ({ comparison, field, i18n, locale, version }) => {\n  let placeholder = ''\n\n  const { collections } = useConfig()\n\n  if (version === comparison) placeholder = `[${i18n.t('general:noValue')}]`\n\n  let versionToRender = version\n  let comparisonToRender = comparison\n\n  if ('hasMany' in field && field.hasMany) {\n    if (Array.isArray(version))\n      versionToRender = version\n        .map((val) => generateLabelFromValue(collections, field, locale, val))\n        .join(', ')\n    if (Array.isArray(comparison))\n      comparisonToRender = comparison\n        .map((val) => generateLabelFromValue(collections, field, locale, val))\n        .join(', ')\n  } else {\n    versionToRender = generateLabelFromValue(collections, field, locale, version)\n    comparisonToRender = generateLabelFromValue(collections, field, locale, comparison)\n  }\n\n  const label =\n    'label' in field.fieldComponentProps &&\n    typeof field.fieldComponentProps.label !== 'boolean' &&\n    typeof field.fieldComponentProps.label !== 'function'\n      ? field.fieldComponentProps.label\n      : ''\n\n  return (\n    <div className={baseClass}>\n      <Label>\n        {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n        {getTranslation(label, i18n)}\n      </Label>\n      <ReactDiffViewer\n        hideLineNumbers\n        newValue={typeof versionToRender !== 'undefined' ? String(versionToRender) : placeholder}\n        oldValue={\n          typeof comparisonToRender !== 'undefined' ? String(comparisonToRender) : placeholder\n        }\n        showDiffOnly={false}\n        splitView\n        styles={diffStyles}\n      />\n    </div>\n  )\n}\n\nexport default Relationship\n"],"names":["getTranslation","useConfig","fieldAffectsData","fieldIsPresentationalOnly","React","ReactDiffViewerImport","Label","diffStyles","ReactDiffViewer","default","baseClass","generateLabelFromValue","collections","field","locale","value","relation","relatedDoc","valueToReturn","relationTo","fieldComponentProps","undefined","String","Array","isArray","relatedCollection","find","c","slug","useAsTitle","admin","useAsTitleField","fields","f","name","titleFieldIsLocalized","localized","id","Relationship","comparison","i18n","version","placeholder","t","versionToRender","comparisonToRender","hasMany","map","val","join","label","div","className","span","hideLineNumbers","newValue","oldValue","showDiffOnly","splitView","styles"],"mappings":"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"}

package/dist/views/Version/RenderFieldsToDiff/fields/Select/DiffViewer/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/views/Version/RenderFieldsToDiff/fields/Select/DiffViewer/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\nimport ReactDiffViewerImport, { DiffMethod } from 'react-diff-viewer-continued'\n\nconst ReactDiffViewer = (ReactDiffViewerImport.default ||\n  ReactDiffViewerImport) as unknown as typeof ReactDiffViewerImport.default\n\nexport const DiffViewer: React.FC<{\n  comparisonToRender: string\n  diffMethod: string\n  diffStyles: any\n  placeholder: string\n  versionToRender: string\n}> = ({ comparisonToRender, diffMethod, diffStyles, placeholder, versionToRender }) => {\n  return (\n    <ReactDiffViewer\n      compareMethod={DiffMethod[diffMethod]}\n      hideLineNumbers\n      newValue={typeof versionToRender !== 'undefined' ? versionToRender : placeholder}\n      oldValue={comparisonToRender}\n      showDiffOnly={false}\n      splitView\n      styles={diffStyles}\n    />\n  )\n}\n"],"names":["React","ReactDiffViewerImport","DiffMethod","ReactDiffViewer","default","DiffViewer","comparisonToRender","diffMethod","diffStyles","placeholder","versionToRender","compareMethod","hideLineNumbers","newValue","oldValue","showDiffOnly","splitView","styles"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AACzB,OAAOC,yBAAyBC,UAAU,QAAQ,8BAA6B;AAE/E,MAAMC,kBAAmBF,sBAAsBG,OAAO,IACpDH;AAEF,OAAO,MAAMI,aAMR,CAAC,EAAEC,kBAAkB,EAAEC,UAAU,EAAEC,UAAU,EAAEC,WAAW,EAAEC,eAAe,EAAE;IAChF,qBACE,KAACP;QACCQ,eAAeT,UAAU,CAACK,WAAW;QACrCK,eAAe;QACfC,UAAU,OAAOH,oBAAoB,cAAcA,kBAAkBD;QACrEK,UAAUR;QACVS,cAAc;QACdC,SAAS;QACTC,QAAQT;;AAGd,EAAC"}
+{"version":3,"sources":["../../../../../../../src/views/Version/RenderFieldsToDiff/fields/Select/DiffViewer/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\nimport ReactDiffViewerImport, { DiffMethod } from 'react-diff-viewer-continued'\n\nconst ReactDiffViewer = (ReactDiffViewerImport.default ||\n  ReactDiffViewerImport) as unknown as typeof ReactDiffViewerImport.default\n\nexport const DiffViewer: React.FC<{\n  comparisonToRender: string\n  diffMethod: string\n  diffStyles: any\n  placeholder: string\n  versionToRender: string\n}> = ({ comparisonToRender, diffMethod, diffStyles, placeholder, versionToRender }) => {\n  return (\n    <ReactDiffViewer\n      compareMethod={DiffMethod[diffMethod]}\n      hideLineNumbers\n      newValue={typeof versionToRender !== 'undefined' ? versionToRender : placeholder}\n      oldValue={comparisonToRender}\n      showDiffOnly={false}\n      splitView\n      styles={diffStyles}\n    />\n  )\n}\n"],"names":["React","ReactDiffViewerImport","DiffMethod","ReactDiffViewer","default","DiffViewer","comparisonToRender","diffMethod","diffStyles","placeholder","versionToRender","compareMethod","hideLineNumbers","newValue","oldValue","showDiffOnly","splitView","styles"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AACzB,OAAOC,yBAAyBC,UAAU,QAAQ,8BAA6B;AAE/E,MAAMC,kBAAmBF,sBAAsBG,OAAO,IACpDH;AAEF,OAAO,MAAMI,aAMR,CAAC,EAAEC,kBAAkB,EAAEC,UAAU,EAAEC,UAAU,EAAEC,WAAW,EAAEC,eAAe,EAAE;IAChF,qBACE,KAACP;QACCQ,eAAeT,UAAU,CAACK,WAAW;QACrCK,eAAe;QACfC,UAAU,OAAOH,oBAAoB,cAAcA,kBAAkBD;QACrEK,UAAUR;QACVS,cAAc;QACdC,SAAS;QACTC,QAAQT;;AAGd,EAAC"}

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

@@ -3,8 +3,8 @@ import type { MappedField } from '@payloadcms/ui/utilities/buildComponentMap';
 import React from 'react';
 import type { Props } from '../types.js';
 import './index.scss';
-declare const Select: React.FC<Omit<Props, 'field'> & {
+declare const Select: React.FC<{
     field: MappedField & SelectFieldProps;
-}>;
+} & Omit<Props, 'field'>>;
 export default Select;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Select/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4CAA4C,CAAA;AAI7E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAKxC,OAAO,cAAc,CAAA;AAmCrB,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CACpB,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,GAAG;IACrB,KAAK,EAAE,WAAW,GAAG,gBAAgB,CAAA;CACtC,CAiCF,CAAA;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Select/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4CAA4C,CAAA;AAI7E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAKxC,OAAO,cAAc,CAAA;AAmCrB,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CACpB;IACE,KAAK,EAAE,WAAW,GAAG,gBAAgB,CAAA;CACtC,GAAG,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,CAiCzB,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist/views/Version/RenderFieldsToDiff/fields/Select/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Select/index.tsx"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type { SelectFieldProps } from '@payloadcms/ui'\nimport type { MappedField } from '@payloadcms/ui/utilities/buildComponentMap'\nimport type { OptionObject, SelectField } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { Props } from '../types.js'\n\nimport Label from '../../Label/index.js'\nimport { diffStyles } from '../styles.js'\nimport { DiffViewer } from './DiffViewer/index.js'\nimport './index.scss'\n\nconst baseClass = 'select-diff'\n\nconst getOptionsToRender = (\n  value: string,\n  options: SelectField['options'],\n  hasMany: boolean,\n): (OptionObject | string)[] | OptionObject | string => {\n  if (hasMany && Array.isArray(value)) {\n    return value.map(\n      (val) =>\n        options.find((option) => (typeof option === 'string' ? option : option.value) === val) ||\n        String(val),\n    )\n  }\n  return (\n    options.find((option) => (typeof option === 'string' ? option : option.value) === value) ||\n    String(value)\n  )\n}\n\nconst getTranslatedOptions = (\n  options: (OptionObject | string)[] | OptionObject | string,\n  i18n: I18nClient,\n): string => {\n  if (Array.isArray(options)) {\n    return options\n      .map((option) => (typeof option === 'string' ? option : getTranslation(option.label, i18n)))\n      .join(', ')\n  }\n\n  return typeof options === 'string' ? options : getTranslation(options.label, i18n)\n}\n\nconst Select: React.FC<\n  Omit<Props, 'field'> & {\n    field: MappedField & SelectFieldProps\n  }\n> = ({ comparison, diffMethod, field, i18n, locale, version }) => {\n  let placeholder = ''\n\n  if (version === comparison) placeholder = `[${i18n.t('general:noValue')}]`\n\n  const options = 'options' in field.fieldComponentProps && field.fieldComponentProps.options\n\n  const comparisonToRender =\n    typeof comparison !== 'undefined'\n      ? getTranslatedOptions(getOptionsToRender(comparison, options, field.hasMany), i18n)\n      : placeholder\n\n  const versionToRender =\n    typeof version !== 'undefined'\n      ? getTranslatedOptions(getOptionsToRender(version, options, field.hasMany), i18n)\n      : placeholder\n\n  return (\n    <div className={baseClass}>\n      <Label>\n        {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n        {'label' in field && getTranslation(field.label || '', i18n)}\n      </Label>\n      <DiffViewer\n        comparisonToRender={comparisonToRender}\n        diffMethod={diffMethod}\n        diffStyles={diffStyles}\n        placeholder={placeholder}\n        versionToRender={versionToRender}\n      />\n    </div>\n  )\n}\n\nexport default Select\n"],"names":["getTranslation","React","Label","diffStyles","DiffViewer","baseClass","getOptionsToRender","value","options","hasMany","Array","isArray","map","val","find","option","String","getTranslatedOptions","i18n","label","join","Select","comparison","diffMethod","field","locale","version","placeholder","t","fieldComponentProps","comparisonToRender","versionToRender","div","className","span"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAKA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAIzB,OAAOC,WAAW,uBAAsB;AACxC,SAASC,UAAU,QAAQ,eAAc;AACzC,SAASC,UAAU,QAAQ,wBAAuB;AAGlD,MAAMC,YAAY;AAElB,MAAMC,qBAAqB,CACzBC,OACAC,SACAC;IAEA,IAAIA,WAAWC,MAAMC,OAAO,CAACJ,QAAQ;QACnC,OAAOA,MAAMK,GAAG,CACd,CAACC,MACCL,QAAQM,IAAI,CAAC,CAACC,SAAW,AAAC,CAAA,OAAOA,WAAW,WAAWA,SAASA,OAAOR,KAAK,AAAD,MAAOM,QAClFG,OAAOH;IAEb;IACA,OACEL,QAAQM,IAAI,CAAC,CAACC,SAAW,AAAC,CAAA,OAAOA,WAAW,WAAWA,SAASA,OAAOR,KAAK,AAAD,MAAOA,UAClFS,OAAOT;AAEX;AAEA,MAAMU,uBAAuB,CAC3BT,SACAU;IAEA,IAAIR,MAAMC,OAAO,CAACH,UAAU;QAC1B,OAAOA,QACJI,GAAG,CAAC,CAACG,SAAY,OAAOA,WAAW,WAAWA,SAASf,eAAee,OAAOI,KAAK,EAAED,OACpFE,IAAI,CAAC;IACV;IAEA,OAAO,OAAOZ,YAAY,WAAWA,UAAUR,eAAeQ,QAAQW,KAAK,EAAED;AAC/E;AAEA,MAAMG,SAIF,CAAC,EAAEC,UAAU,EAAEC,UAAU,EAAEC,KAAK,EAAEN,IAAI,EAAEO,MAAM,EAAEC,OAAO,EAAE;IAC3D,IAAIC,cAAc;IAElB,IAAID,YAAYJ,YAAYK,cAAc,CAAC,CAAC,EAAET,KAAKU,CAAC,CAAC,mBAAmB,CAAC,CAAC;IAE1E,MAAMpB,UAAU,aAAagB,MAAMK,mBAAmB,IAAIL,MAAMK,mBAAmB,CAACrB,OAAO;IAE3F,MAAMsB,qBACJ,OAAOR,eAAe,cAClBL,qBAAqBX,mBAAmBgB,YAAYd,SAASgB,MAAMf,OAAO,GAAGS,QAC7ES;IAEN,MAAMI,kBACJ,OAAOL,YAAY,cACfT,qBAAqBX,mBAAmBoB,SAASlB,SAASgB,MAAMf,OAAO,GAAGS,QAC1ES;IAEN,qBACE,MAACK;QAAIC,WAAW5B;;0BACd,MAACH;;oBACEuB,wBAAU,KAACS;wBAAKD,WAAW,CAAC,EAAE5B,UAAU,cAAc,CAAC;kCAAGoB;;oBAC1D,WAAWD,SAASxB,eAAewB,MAAML,KAAK,IAAI,IAAID;;;0BAEzD,KAACd;gBACC0B,oBAAoBA;gBACpBP,YAAYA;gBACZpB,YAAYA;gBACZwB,aAAaA;gBACbI,iBAAiBA;;;;AAIzB;AAEA,eAAeV,OAAM"}
+{"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Select/index.tsx"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type { SelectFieldProps } from '@payloadcms/ui'\nimport type { MappedField } from '@payloadcms/ui/utilities/buildComponentMap'\nimport type { OptionObject, SelectField } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { Props } from '../types.js'\n\nimport Label from '../../Label/index.js'\nimport { diffStyles } from '../styles.js'\nimport { DiffViewer } from './DiffViewer/index.js'\nimport './index.scss'\n\nconst baseClass = 'select-diff'\n\nconst getOptionsToRender = (\n  value: string,\n  options: SelectField['options'],\n  hasMany: boolean,\n): (OptionObject | string)[] | OptionObject | string => {\n  if (hasMany && Array.isArray(value)) {\n    return value.map(\n      (val) =>\n        options.find((option) => (typeof option === 'string' ? option : option.value) === val) ||\n        String(val),\n    )\n  }\n  return (\n    options.find((option) => (typeof option === 'string' ? option : option.value) === value) ||\n    String(value)\n  )\n}\n\nconst getTranslatedOptions = (\n  options: (OptionObject | string)[] | OptionObject | string,\n  i18n: I18nClient,\n): string => {\n  if (Array.isArray(options)) {\n    return options\n      .map((option) => (typeof option === 'string' ? option : getTranslation(option.label, i18n)))\n      .join(', ')\n  }\n\n  return typeof options === 'string' ? options : getTranslation(options.label, i18n)\n}\n\nconst Select: React.FC<\n  {\n    field: MappedField & SelectFieldProps\n  } & Omit<Props, 'field'>\n> = ({ comparison, diffMethod, field, i18n, locale, version }) => {\n  let placeholder = ''\n\n  if (version === comparison) placeholder = `[${i18n.t('general:noValue')}]`\n\n  const options = 'options' in field.fieldComponentProps && field.fieldComponentProps.options\n\n  const comparisonToRender =\n    typeof comparison !== 'undefined'\n      ? getTranslatedOptions(getOptionsToRender(comparison, options, field.hasMany), i18n)\n      : placeholder\n\n  const versionToRender =\n    typeof version !== 'undefined'\n      ? getTranslatedOptions(getOptionsToRender(version, options, field.hasMany), i18n)\n      : placeholder\n\n  return (\n    <div className={baseClass}>\n      <Label>\n        {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n        {'label' in field && getTranslation(field.label || '', i18n)}\n      </Label>\n      <DiffViewer\n        comparisonToRender={comparisonToRender}\n        diffMethod={diffMethod}\n        diffStyles={diffStyles}\n        placeholder={placeholder}\n        versionToRender={versionToRender}\n      />\n    </div>\n  )\n}\n\nexport default Select\n"],"names":["getTranslation","React","Label","diffStyles","DiffViewer","baseClass","getOptionsToRender","value","options","hasMany","Array","isArray","map","val","find","option","String","getTranslatedOptions","i18n","label","join","Select","comparison","diffMethod","field","locale","version","placeholder","t","fieldComponentProps","comparisonToRender","versionToRender","div","className","span"],"mappings":";AAKA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAIzB,OAAOC,WAAW,uBAAsB;AACxC,SAASC,UAAU,QAAQ,eAAc;AACzC,SAASC,UAAU,QAAQ,wBAAuB;AAGlD,MAAMC,YAAY;AAElB,MAAMC,qBAAqB,CACzBC,OACAC,SACAC;IAEA,IAAIA,WAAWC,MAAMC,OAAO,CAACJ,QAAQ;QACnC,OAAOA,MAAMK,GAAG,CACd,CAACC,MACCL,QAAQM,IAAI,CAAC,CAACC,SAAW,AAAC,CAAA,OAAOA,WAAW,WAAWA,SAASA,OAAOR,KAAK,AAAD,MAAOM,QAClFG,OAAOH;IAEb;IACA,OACEL,QAAQM,IAAI,CAAC,CAACC,SAAW,AAAC,CAAA,OAAOA,WAAW,WAAWA,SAASA,OAAOR,KAAK,AAAD,MAAOA,UAClFS,OAAOT;AAEX;AAEA,MAAMU,uBAAuB,CAC3BT,SACAU;IAEA,IAAIR,MAAMC,OAAO,CAACH,UAAU;QAC1B,OAAOA,QACJI,GAAG,CAAC,CAACG,SAAY,OAAOA,WAAW,WAAWA,SAASf,eAAee,OAAOI,KAAK,EAAED,OACpFE,IAAI,CAAC;IACV;IAEA,OAAO,OAAOZ,YAAY,WAAWA,UAAUR,eAAeQ,QAAQW,KAAK,EAAED;AAC/E;AAEA,MAAMG,SAIF,CAAC,EAAEC,UAAU,EAAEC,UAAU,EAAEC,KAAK,EAAEN,IAAI,EAAEO,MAAM,EAAEC,OAAO,EAAE;IAC3D,IAAIC,cAAc;IAElB,IAAID,YAAYJ,YAAYK,cAAc,CAAC,CAAC,EAAET,KAAKU,CAAC,CAAC,mBAAmB,CAAC,CAAC;IAE1E,MAAMpB,UAAU,aAAagB,MAAMK,mBAAmB,IAAIL,MAAMK,mBAAmB,CAACrB,OAAO;IAE3F,MAAMsB,qBACJ,OAAOR,eAAe,cAClBL,qBAAqBX,mBAAmBgB,YAAYd,SAASgB,MAAMf,OAAO,GAAGS,QAC7ES;IAEN,MAAMI,kBACJ,OAAOL,YAAY,cACfT,qBAAqBX,mBAAmBoB,SAASlB,SAASgB,MAAMf,OAAO,GAAGS,QAC1ES;IAEN,qBACE,MAACK;QAAIC,WAAW5B;;0BACd,MAACH;;oBACEuB,wBAAU,KAACS;wBAAKD,WAAW,CAAC,EAAE5B,UAAU,cAAc,CAAC;kCAAGoB;;oBAC1D,WAAWD,SAASxB,eAAewB,MAAML,KAAK,IAAI,IAAID;;;0BAEzD,KAACd;gBACC0B,oBAAoBA;gBACpBP,YAAYA;gBACZpB,YAAYA;gBACZwB,aAAaA;gBACbI,iBAAiBA;;;;AAIzB;AAEA,eAAeV,OAAM"}

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

@@ -1,8 +1,8 @@
 import type { MappedField, TabsFieldProps } from '@payloadcms/ui';
 import React from 'react';
 import type { Props } from '../types.js';
-declare const Tabs: React.FC<Omit<Props, 'field'> & {
+declare const Tabs: React.FC<{
     field: MappedField & TabsFieldProps;
-}>;
+} & Omit<Props, 'field'>>;
 export default Tabs;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAEjE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAOxC,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAClB,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,GAAG;IACrB,KAAK,EAAE,WAAW,GAAG,cAAc,CAAA;CACpC,CAuCF,CAAA;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAEjE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAOxC,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAClB;IACE,KAAK,EAAE,WAAW,GAAG,cAAc,CAAA;CACpC,GAAG,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,CAuCzB,CAAA;AAED,eAAe,IAAI,CAAA"}

package/dist/views/Version/RenderFieldsToDiff/fields/Tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Tabs/index.tsx"],"sourcesContent":["import type { MappedField, TabsFieldProps } from '@payloadcms/ui'\n\nimport React from 'react'\n\nimport type { Props } from '../types.js'\n\nimport RenderFieldsToDiff from '../../index.js'\nimport Nested from '../Nested/index.js'\n\nconst baseClass = 'tabs-diff'\n\nconst Tabs: React.FC<\n  Omit<Props, 'field'> & {\n    field: MappedField & TabsFieldProps\n  }\n> = ({ comparison, diffComponents, field, i18n, locale, locales, permissions, version }) => {\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__wrap`}>\n        {field.tabs.map((tab, i) => {\n          if ('name' in tab) {\n            return (\n              <Nested\n                comparison={comparison?.[tab.name]}\n                diffComponents={diffComponents}\n                field={field}\n                fieldMap={tab.fieldMap}\n                i18n={i18n}\n                key={i}\n                locale={locale}\n                locales={locales}\n                permissions={permissions}\n                version={version?.[tab.name]}\n              />\n            )\n          }\n\n          return (\n            <RenderFieldsToDiff\n              comparison={comparison}\n              diffComponents={diffComponents}\n              fieldMap={tab.fieldMap}\n              fieldPermissions={permissions}\n              i18n={i18n}\n              key={i}\n              locales={locales}\n              version={version}\n            />\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n\nexport default Tabs\n"],"names":["React","RenderFieldsToDiff","Nested","baseClass","Tabs","comparison","diffComponents","field","i18n","locale","locales","permissions","version","div","className","tabs","map","tab","i","name","fieldMap","fieldPermissions"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAEA,OAAOA,WAAW,QAAO;AAIzB,OAAOC,wBAAwB,iBAAgB;AAC/C,OAAOC,YAAY,qBAAoB;AAEvC,MAAMC,YAAY;AAElB,MAAMC,OAIF,CAAC,EAAEC,UAAU,EAAEC,cAAc,EAAEC,KAAK,EAAEC,IAAI,EAAEC,MAAM,EAAEC,OAAO,EAAEC,WAAW,EAAEC,OAAO,EAAE;IACrF,qBACE,KAACC;QAAIC,WAAWX;kBACd,cAAA,KAACU;YAAIC,WAAW,CAAC,EAAEX,UAAU,MAAM,CAAC;sBACjCI,MAAMQ,IAAI,CAACC,GAAG,CAAC,CAACC,KAAKC;gBACpB,IAAI,UAAUD,KAAK;oBACjB,qBACE,KAACf;wBACCG,YAAYA,YAAY,CAACY,IAAIE,IAAI,CAAC;wBAClCb,gBAAgBA;wBAChBC,OAAOA;wBACPa,UAAUH,IAAIG,QAAQ;wBACtBZ,MAAMA;wBAENC,QAAQA;wBACRC,SAASA;wBACTC,aAAaA;wBACbC,SAASA,SAAS,CAACK,IAAIE,IAAI,CAAC;uBAJvBD;gBAOX;gBAEA,qBACE,KAACjB;oBACCI,YAAYA;oBACZC,gBAAgBA;oBAChBc,UAAUH,IAAIG,QAAQ;oBACtBC,kBAAkBV;oBAClBH,MAAMA;oBAENE,SAASA;oBACTE,SAASA;mBAFJM;YAKX;;;AAIR;AAEA,eAAed,KAAI"}
+{"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Tabs/index.tsx"],"sourcesContent":["import type { MappedField, TabsFieldProps } from '@payloadcms/ui'\n\nimport React from 'react'\n\nimport type { Props } from '../types.js'\n\nimport RenderFieldsToDiff from '../../index.js'\nimport Nested from '../Nested/index.js'\n\nconst baseClass = 'tabs-diff'\n\nconst Tabs: React.FC<\n  {\n    field: MappedField & TabsFieldProps\n  } & Omit<Props, 'field'>\n> = ({ comparison, diffComponents, field, i18n, locale, locales, permissions, version }) => {\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__wrap`}>\n        {field.tabs.map((tab, i) => {\n          if ('name' in tab) {\n            return (\n              <Nested\n                comparison={comparison?.[tab.name]}\n                diffComponents={diffComponents}\n                field={field}\n                fieldMap={tab.fieldMap}\n                i18n={i18n}\n                key={i}\n                locale={locale}\n                locales={locales}\n                permissions={permissions}\n                version={version?.[tab.name]}\n              />\n            )\n          }\n\n          return (\n            <RenderFieldsToDiff\n              comparison={comparison}\n              diffComponents={diffComponents}\n              fieldMap={tab.fieldMap}\n              fieldPermissions={permissions}\n              i18n={i18n}\n              key={i}\n              locales={locales}\n              version={version}\n            />\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n\nexport default Tabs\n"],"names":["React","RenderFieldsToDiff","Nested","baseClass","Tabs","comparison","diffComponents","field","i18n","locale","locales","permissions","version","div","className","tabs","map","tab","i","name","fieldMap","fieldPermissions"],"mappings":";AAEA,OAAOA,WAAW,QAAO;AAIzB,OAAOC,wBAAwB,iBAAgB;AAC/C,OAAOC,YAAY,qBAAoB;AAEvC,MAAMC,YAAY;AAElB,MAAMC,OAIF,CAAC,EAAEC,UAAU,EAAEC,cAAc,EAAEC,KAAK,EAAEC,IAAI,EAAEC,MAAM,EAAEC,OAAO,EAAEC,WAAW,EAAEC,OAAO,EAAE;IACrF,qBACE,KAACC;QAAIC,WAAWX;kBACd,cAAA,KAACU;YAAIC,WAAW,CAAC,EAAEX,UAAU,MAAM,CAAC;sBACjCI,MAAMQ,IAAI,CAACC,GAAG,CAAC,CAACC,KAAKC;gBACpB,IAAI,UAAUD,KAAK;oBACjB,qBACE,KAACf;wBACCG,YAAYA,YAAY,CAACY,IAAIE,IAAI,CAAC;wBAClCb,gBAAgBA;wBAChBC,OAAOA;wBACPa,UAAUH,IAAIG,QAAQ;wBACtBZ,MAAMA;wBAENC,QAAQA;wBACRC,SAASA;wBACTC,aAAaA;wBACbC,SAASA,SAAS,CAACK,IAAIE,IAAI,CAAC;uBAJvBD;gBAOX;gBAEA,qBACE,KAACjB;oBACCI,YAAYA;oBACZC,gBAAgBA;oBAChBc,UAAUH,IAAIG,QAAQ;oBACtBC,kBAAkBV;oBAClBH,MAAMA;oBAENE,SAASA;oBACTE,SAASA;mBAFJM;YAKX;;;AAIR;AAEA,eAAed,KAAI"}

package/dist/views/Version/RenderFieldsToDiff/fields/Text/DiffViewer/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/views/Version/RenderFieldsToDiff/fields/Text/DiffViewer/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\nimport ReactDiffViewerImport, { DiffMethod } from 'react-diff-viewer-continued'\n\nconst ReactDiffViewer = (ReactDiffViewerImport.default ||\n  ReactDiffViewerImport) as unknown as typeof ReactDiffViewerImport.default\nexport const DiffViewer: React.FC<{\n  comparisonToRender: string\n  diffMethod: string\n  diffStyles: any\n  placeholder: string\n  versionToRender: string\n}> = ({ comparisonToRender, diffMethod, diffStyles, placeholder, versionToRender }) => {\n  return (\n    <ReactDiffViewer\n      compareMethod={DiffMethod[diffMethod]}\n      hideLineNumbers\n      newValue={typeof versionToRender !== 'undefined' ? String(versionToRender) : placeholder}\n      oldValue={\n        typeof comparisonToRender !== 'undefined' ? String(comparisonToRender) : placeholder\n      }\n      showDiffOnly={false}\n      splitView\n      styles={diffStyles}\n    />\n  )\n}\n"],"names":["React","ReactDiffViewerImport","DiffMethod","ReactDiffViewer","default","DiffViewer","comparisonToRender","diffMethod","diffStyles","placeholder","versionToRender","compareMethod","hideLineNumbers","newValue","String","oldValue","showDiffOnly","splitView","styles"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AACzB,OAAOC,yBAAyBC,UAAU,QAAQ,8BAA6B;AAE/E,MAAMC,kBAAmBF,sBAAsBG,OAAO,IACpDH;AACF,OAAO,MAAMI,aAMR,CAAC,EAAEC,kBAAkB,EAAEC,UAAU,EAAEC,UAAU,EAAEC,WAAW,EAAEC,eAAe,EAAE;IAChF,qBACE,KAACP;QACCQ,eAAeT,UAAU,CAACK,WAAW;QACrCK,eAAe;QACfC,UAAU,OAAOH,oBAAoB,cAAcI,OAAOJ,mBAAmBD;QAC7EM,UACE,OAAOT,uBAAuB,cAAcQ,OAAOR,sBAAsBG;QAE3EO,cAAc;QACdC,SAAS;QACTC,QAAQV;;AAGd,EAAC"}
+{"version":3,"sources":["../../../../../../../src/views/Version/RenderFieldsToDiff/fields/Text/DiffViewer/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\nimport ReactDiffViewerImport, { DiffMethod } from 'react-diff-viewer-continued'\n\nconst ReactDiffViewer = (ReactDiffViewerImport.default ||\n  ReactDiffViewerImport) as unknown as typeof ReactDiffViewerImport.default\nexport const DiffViewer: React.FC<{\n  comparisonToRender: string\n  diffMethod: string\n  diffStyles: any\n  placeholder: string\n  versionToRender: string\n}> = ({ comparisonToRender, diffMethod, diffStyles, placeholder, versionToRender }) => {\n  return (\n    <ReactDiffViewer\n      compareMethod={DiffMethod[diffMethod]}\n      hideLineNumbers\n      newValue={typeof versionToRender !== 'undefined' ? String(versionToRender) : placeholder}\n      oldValue={\n        typeof comparisonToRender !== 'undefined' ? String(comparisonToRender) : placeholder\n      }\n      showDiffOnly={false}\n      splitView\n      styles={diffStyles}\n    />\n  )\n}\n"],"names":["React","ReactDiffViewerImport","DiffMethod","ReactDiffViewer","default","DiffViewer","comparisonToRender","diffMethod","diffStyles","placeholder","versionToRender","compareMethod","hideLineNumbers","newValue","String","oldValue","showDiffOnly","splitView","styles"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AACzB,OAAOC,yBAAyBC,UAAU,QAAQ,8BAA6B;AAE/E,MAAMC,kBAAmBF,sBAAsBG,OAAO,IACpDH;AACF,OAAO,MAAMI,aAMR,CAAC,EAAEC,kBAAkB,EAAEC,UAAU,EAAEC,UAAU,EAAEC,WAAW,EAAEC,eAAe,EAAE;IAChF,qBACE,KAACP;QACCQ,eAAeT,UAAU,CAACK,WAAW;QACrCK,eAAe;QACfC,UAAU,OAAOH,oBAAoB,cAAcI,OAAOJ,mBAAmBD;QAC7EM,UACE,OAAOT,uBAAuB,cAAcQ,OAAOR,sBAAsBG;QAE3EO,cAAc;QACdC,SAAS;QACTC,QAAQV;;AAGd,EAAC"}

package/dist/views/Version/RenderFieldsToDiff/fields/Text/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Text/index.tsx"],"sourcesContent":["import { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { Props } from '../types.js'\n\nimport Label from '../../Label/index.js'\nimport { diffStyles } from '../styles.js'\nimport { DiffViewer } from './DiffViewer/index.js'\nimport './index.scss'\n\nconst baseClass = 'text-diff'\n\nconst Text: React.FC<Props> = ({\n  comparison,\n  diffMethod,\n  field,\n  i18n,\n  isRichText = false,\n  locale,\n  version,\n}) => {\n  let placeholder = ''\n\n  if (version === comparison) placeholder = `[${i18n.t('general:noValue')}]`\n\n  let versionToRender = version\n  let comparisonToRender = comparison\n\n  if (isRichText) {\n    if (typeof version === 'object') versionToRender = JSON.stringify(version, null, 2)\n    if (typeof comparison === 'object') comparisonToRender = JSON.stringify(comparison, null, 2)\n  }\n\n  return (\n    <div className={baseClass}>\n      <Label>\n        {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n        {'label' in field.fieldComponentProps &&\n          typeof field.fieldComponentProps.label !== 'function' &&\n          getTranslation(field.fieldComponentProps.label || '', i18n)}\n      </Label>\n      <DiffViewer\n        comparisonToRender={comparisonToRender}\n        diffMethod={diffMethod}\n        diffStyles={diffStyles}\n        placeholder={placeholder}\n        versionToRender={versionToRender}\n      />\n    </div>\n  )\n}\n\nexport default Text\n"],"names":["getTranslation","React","Label","diffStyles","DiffViewer","baseClass","Text","comparison","diffMethod","field","i18n","isRichText","locale","version","placeholder","t","versionToRender","comparisonToRender","JSON","stringify","div","className","span","fieldComponentProps","label"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAIzB,OAAOC,WAAW,uBAAsB;AACxC,SAASC,UAAU,QAAQ,eAAc;AACzC,SAASC,UAAU,QAAQ,wBAAuB;AAGlD,MAAMC,YAAY;AAElB,MAAMC,OAAwB,CAAC,EAC7BC,UAAU,EACVC,UAAU,EACVC,KAAK,EACLC,IAAI,EACJC,aAAa,KAAK,EAClBC,MAAM,EACNC,OAAO,EACR;IACC,IAAIC,cAAc;IAElB,IAAID,YAAYN,YAAYO,cAAc,CAAC,CAAC,EAAEJ,KAAKK,CAAC,CAAC,mBAAmB,CAAC,CAAC;IAE1E,IAAIC,kBAAkBH;IACtB,IAAII,qBAAqBV;IAEzB,IAAII,YAAY;QACd,IAAI,OAAOE,YAAY,UAAUG,kBAAkBE,KAAKC,SAAS,CAACN,SAAS,MAAM;QACjF,IAAI,OAAON,eAAe,UAAUU,qBAAqBC,KAAKC,SAAS,CAACZ,YAAY,MAAM;IAC5F;IAEA,qBACE,MAACa;QAAIC,WAAWhB;;0BACd,MAACH;;oBACEU,wBAAU,KAACU;wBAAKD,WAAW,CAAC,EAAEhB,UAAU,cAAc,CAAC;kCAAGO;;oBAC1D,WAAWH,MAAMc,mBAAmB,IACnC,OAAOd,MAAMc,mBAAmB,CAACC,KAAK,KAAK,cAC3CxB,eAAeS,MAAMc,mBAAmB,CAACC,KAAK,IAAI,IAAId;;;0BAE1D,KAACN;gBACCa,oBAAoBA;gBACpBT,YAAYA;gBACZL,YAAYA;gBACZW,aAAaA;gBACbE,iBAAiBA;;;;AAIzB;AAEA,eAAeV,KAAI"}
+{"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Text/index.tsx"],"sourcesContent":["import { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { Props } from '../types.js'\n\nimport Label from '../../Label/index.js'\nimport { diffStyles } from '../styles.js'\nimport { DiffViewer } from './DiffViewer/index.js'\nimport './index.scss'\n\nconst baseClass = 'text-diff'\n\nconst Text: React.FC<Props> = ({\n  comparison,\n  diffMethod,\n  field,\n  i18n,\n  isRichText = false,\n  locale,\n  version,\n}) => {\n  let placeholder = ''\n\n  if (version === comparison) placeholder = `[${i18n.t('general:noValue')}]`\n\n  let versionToRender = version\n  let comparisonToRender = comparison\n\n  if (isRichText) {\n    if (typeof version === 'object') versionToRender = JSON.stringify(version, null, 2)\n    if (typeof comparison === 'object') comparisonToRender = JSON.stringify(comparison, null, 2)\n  }\n\n  return (\n    <div className={baseClass}>\n      <Label>\n        {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n        {'label' in field.fieldComponentProps &&\n          typeof field.fieldComponentProps.label !== 'function' &&\n          getTranslation(field.fieldComponentProps.label || '', i18n)}\n      </Label>\n      <DiffViewer\n        comparisonToRender={comparisonToRender}\n        diffMethod={diffMethod}\n        diffStyles={diffStyles}\n        placeholder={placeholder}\n        versionToRender={versionToRender}\n      />\n    </div>\n  )\n}\n\nexport default Text\n"],"names":["getTranslation","React","Label","diffStyles","DiffViewer","baseClass","Text","comparison","diffMethod","field","i18n","isRichText","locale","version","placeholder","t","versionToRender","comparisonToRender","JSON","stringify","div","className","span","fieldComponentProps","label"],"mappings":";AAAA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAIzB,OAAOC,WAAW,uBAAsB;AACxC,SAASC,UAAU,QAAQ,eAAc;AACzC,SAASC,UAAU,QAAQ,wBAAuB;AAGlD,MAAMC,YAAY;AAElB,MAAMC,OAAwB,CAAC,EAC7BC,UAAU,EACVC,UAAU,EACVC,KAAK,EACLC,IAAI,EACJC,aAAa,KAAK,EAClBC,MAAM,EACNC,OAAO,EACR;IACC,IAAIC,cAAc;IAElB,IAAID,YAAYN,YAAYO,cAAc,CAAC,CAAC,EAAEJ,KAAKK,CAAC,CAAC,mBAAmB,CAAC,CAAC;IAE1E,IAAIC,kBAAkBH;IACtB,IAAII,qBAAqBV;IAEzB,IAAII,YAAY;QACd,IAAI,OAAOE,YAAY,UAAUG,kBAAkBE,KAAKC,SAAS,CAACN,SAAS,MAAM;QACjF,IAAI,OAAON,eAAe,UAAUU,qBAAqBC,KAAKC,SAAS,CAACZ,YAAY,MAAM;IAC5F;IAEA,qBACE,MAACa;QAAIC,WAAWhB;;0BACd,MAACH;;oBACEU,wBAAU,KAACU;wBAAKD,WAAW,CAAC,EAAEhB,UAAU,cAAc,CAAC;kCAAGO;;oBAC1D,WAAWH,MAAMc,mBAAmB,IACnC,OAAOd,MAAMc,mBAAmB,CAACC,KAAK,KAAK,cAC3CxB,eAAeS,MAAMc,mBAAmB,CAACC,KAAK,IAAI,IAAId;;;0BAE1D,KAACN;gBACCa,oBAAoBA;gBACpBT,YAAYA;gBACZL,YAAYA;gBACZW,aAAaA;gBACbE,iBAAiBA;;;;AAIzB;AAEA,eAAeV,KAAI"}

package/dist/views/Version/RenderFieldsToDiff/fields/diffMethods.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/views/Version/RenderFieldsToDiff/fields/diffMethods.ts"],"sourcesContent":["export const diffMethods = {\n  radio: 'WORDS_WITH_SPACE',\n  relationship: 'WORDS_WITH_SPACE',\n  select: 'WORDS_WITH_SPACE',\n  upload: 'WORDS_WITH_SPACE',\n}\n"],"names":["diffMethods","radio","relationship","select","upload"],"rangeMappings":";;;;;","mappings":"AAAA,OAAO,MAAMA,cAAc;IACzBC,OAAO;IACPC,cAAc;IACdC,QAAQ;IACRC,QAAQ;AACV,EAAC"}
+{"version":3,"sources":["../../../../../src/views/Version/RenderFieldsToDiff/fields/diffMethods.ts"],"sourcesContent":["export const diffMethods = {\n  radio: 'WORDS_WITH_SPACE',\n  relationship: 'WORDS_WITH_SPACE',\n  select: 'WORDS_WITH_SPACE',\n  upload: 'WORDS_WITH_SPACE',\n}\n"],"names":["diffMethods","radio","relationship","select","upload"],"mappings":"AAAA,OAAO,MAAMA,cAAc;IACzBC,OAAO;IACPC,cAAc;IACdC,QAAQ;IACRC,QAAQ;AACV,EAAC"}

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

@@ -10,18 +10,18 @@ declare const _default: {
     json: import("react").FC<import("./types.js").Props>;
     number: import("react").FC<import("./types.js").Props>;
     point: import("react").FC<import("./types.js").Props>;
-    radio: import("react").FC<Omit<import("./types.js").Props, "field"> & {
+    radio: import("react").FC<{
         field: import("@payloadcms/ui").MappedField & import("@payloadcms/ui").SelectFieldProps;
-    }>;
+    } & Omit<import("./types.js").Props, "field">>;
     relationship: any;
     richText: import("react").FC<import("./types.js").Props>;
     row: import("react").FC<import("./types.js").Props>;
-    select: import("react").FC<Omit<import("./types.js").Props, "field"> & {
+    select: import("react").FC<{
         field: import("@payloadcms/ui").MappedField & import("@payloadcms/ui").SelectFieldProps;
-    }>;
-    tabs: import("react").FC<Omit<import("./types.js").Props, "field"> & {
+    } & Omit<import("./types.js").Props, "field">>;
+    tabs: import("react").FC<{
         field: import("@payloadcms/ui").MappedField & import("@payloadcms/ui").TabsFieldProps;
-    }>;
+    } & Omit<import("./types.js").Props, "field">>;
     text: import("react").FC<import("./types.js").Props>;
     textarea: import("react").FC<import("./types.js").Props>;
     upload: any;