@payloadcms/next 3.19.0 → 3.20.0-canary.0e01b65

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

@@ -1,7 +1,9 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
+import { useTranslation } from '@payloadcms/ui';
 import React from 'react';
 import Label from '../../Label/index.js';
 import { diffStyles } from '../styles.js';
@@ -19,36 +21,62 @@ const getTranslatedOptions = (options, i18n) => {
   }
   return typeof options === 'string' ? options : getTranslation(options.label, i18n);
 };
-const Select = ({
-  comparison,
-  diffMethod,
-  field,
-  i18n,
-  locale,
-  version
-}) => {
-  let placeholder = '';
-  if (version === comparison) {
-    placeholder = `[${i18n.t('general:noValue')}]`;
+export const Select = t0 => {
+  const $ = _c(11);
+  const {
+    comparisonValue,
+    diffMethod,
+    field,
+    locale,
+    versionValue
+  } = t0;
+  const {
+    i18n
+  } = useTranslation();
+  let placeholder = "";
+  if (versionValue == comparisonValue) {
+    placeholder = `[${i18n.t("general:noValue")}]`;
   }
-  const options = 'options' in field && field.options;
-  const comparisonToRender = typeof comparison !== 'undefined' ? getTranslatedOptions(getOptionsToRender(comparison, options, field.hasMany), i18n) : placeholder;
-  const versionToRender = typeof version !== 'undefined' ? getTranslatedOptions(getOptionsToRender(version, options, field.hasMany), i18n) : placeholder;
-  return /*#__PURE__*/_jsxs("div", {
-    className: baseClass,
-    children: [/*#__PURE__*/_jsxs(Label, {
-      children: [locale && /*#__PURE__*/_jsx("span", {
+  const options = "options" in field && field.options;
+  let t1;
+  if ($[0] !== comparisonValue || $[1] !== diffMethod || $[2] !== field || $[3] !== i18n || $[4] !== locale || $[5] !== options || $[6] !== placeholder || $[7] !== versionValue) {
+    const comparisonToRender = typeof comparisonValue !== "undefined" ? getTranslatedOptions(getOptionsToRender(typeof comparisonValue === "string" ? comparisonValue : JSON.stringify(comparisonValue), options, field.hasMany), i18n) : placeholder;
+    const versionToRender = typeof versionValue !== "undefined" ? getTranslatedOptions(getOptionsToRender(typeof versionValue === "string" ? versionValue : JSON.stringify(versionValue), options, field.hasMany), i18n) : placeholder;
+    let t2;
+    if ($[9] !== locale) {
+      t2 = locale && _jsx("span", {
         className: `${baseClass}__locale-label`,
         children: locale
-      }), 'label' in field && getTranslation(field.label || '', i18n)]
-    }), /*#__PURE__*/_jsx(DiffViewer, {
-      comparisonToRender: comparisonToRender,
-      diffMethod: diffMethod,
-      diffStyles: diffStyles,
-      placeholder: placeholder,
-      versionToRender: versionToRender
-    })]
-  });
+      });
+      $[9] = locale;
+      $[10] = t2;
+    } else {
+      t2 = $[10];
+    }
+    t1 = _jsxs("div", {
+      className: baseClass,
+      children: [_jsxs(Label, {
+        children: [t2, "label" in field && getTranslation(field.label || "", i18n)]
+      }), _jsx(DiffViewer, {
+        comparisonToRender,
+        diffMethod,
+        diffStyles,
+        placeholder,
+        versionToRender
+      })]
+    });
+    $[0] = comparisonValue;
+    $[1] = diffMethod;
+    $[2] = field;
+    $[3] = i18n;
+    $[4] = locale;
+    $[5] = options;
+    $[6] = placeholder;
+    $[7] = versionValue;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  return t1;
 };
-export default Select;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","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","comparisonToRender","versionToRender","_jsxs","className","_jsx"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Select/index.tsx"],"sourcesContent":["'use client'\nimport type { I18nClient } from '@payloadcms/translations'\nimport type { OptionObject, SelectField, SelectFieldClient } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { DiffComponentProps } 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<DiffComponentProps<SelectFieldClient>> = ({\n  comparison,\n  diffMethod,\n  field,\n  i18n,\n  locale,\n  version,\n}) => {\n  let placeholder = ''\n\n  if (version === comparison) {\n    placeholder = `[${i18n.t('general:noValue')}]`\n  }\n\n  const options = 'options' in field && field.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"],"mappings":"AAAA;;;AAIA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAIlB,OAAOC,KAAA,MAAW;AAClB,SAASC,UAAU,QAAQ;AAC3B,SAASC,UAAU,QAAQ;AAG3B,MAAMC,SAAA,GAAY;AAElB,MAAMC,kBAAA,GAAqBA,CACzBC,KAAA,EACAC,OAAA,EACAC,OAAA;EAEA,IAAIA,OAAA,IAAWC,KAAA,CAAMC,OAAO,CAACJ,KAAA,GAAQ;IACnC,OAAOA,KAAA,CAAMK,GAAG,CACbC,GAAA,IACCL,OAAA,CAAQM,IAAI,CAAEC,MAAA,IAAW,CAAC,OAAOA,MAAA,KAAW,WAAWA,MAAA,GAASA,MAAA,CAAOR,KAAK,MAAMM,GAAA,KAClFG,MAAA,CAAOH,GAAA;EAEb;EACA,OACEL,OAAA,CAAQM,IAAI,CAAEC,MAAA,IAAW,CAAC,OAAOA,MAAA,KAAW,WAAWA,MAAA,GAASA,MAAA,CAAOR,KAAK,MAAMA,KAAA,KAClFS,MAAA,CAAOT,KAAA;AAEX;AAEA,MAAMU,oBAAA,GAAuBA,CAC3BT,OAAA,EACAU,IAAA;EAEA,IAAIR,KAAA,CAAMC,OAAO,CAACH,OAAA,GAAU;IAC1B,OAAOA,OAAA,CACJI,GAAG,CAAEG,MAAA,IAAY,OAAOA,MAAA,KAAW,WAAWA,MAAA,GAASf,cAAA,CAAee,MAAA,CAAOI,KAAK,EAAED,IAAA,GACpFE,IAAI,CAAC;EACV;EAEA,OAAO,OAAOZ,OAAA,KAAY,WAAWA,OAAA,GAAUR,cAAA,CAAeQ,OAAA,CAAQW,KAAK,EAAED,IAAA;AAC/E;AAEA,MAAMG,MAAA,GAA0DA,CAAC;EAC/DC,UAAU;EACVC,UAAU;EACVC,KAAK;EACLN,IAAI;EACJO,MAAM;EACNC;AAAO,CACR;EACC,IAAIC,WAAA,GAAc;EAElB,IAAID,OAAA,KAAYJ,UAAA,EAAY;IAC1BK,WAAA,GAAc,IAAIT,IAAA,CAAKU,CAAC,CAAC,qBAAqB;EAChD;EAEA,MAAMpB,OAAA,GAAU,aAAagB,KAAA,IAASA,KAAA,CAAMhB,OAAO;EAEnD,MAAMqB,kBAAA,GACJ,OAAOP,UAAA,KAAe,cAClBL,oBAAA,CAAqBX,kBAAA,CAAmBgB,UAAA,EAAYd,OAAA,EAASgB,KAAA,CAAMf,OAAO,GAAGS,IAAA,IAC7ES,WAAA;EAEN,MAAMG,eAAA,GACJ,OAAOJ,OAAA,KAAY,cACfT,oBAAA,CAAqBX,kBAAA,CAAmBoB,OAAA,EAASlB,OAAA,EAASgB,KAAA,CAAMf,OAAO,GAAGS,IAAA,IAC1ES,WAAA;EAEN,oBACEI,KAAA,CAAC;IAAIC,SAAA,EAAW3B,SAAA;4BACd0B,KAAA,CAAC7B,KAAA;iBACEuB,MAAA,iBAAUQ,IAAA,CAAC;QAAKD,SAAA,EAAW,GAAG3B,SAAA,gBAAyB;kBAAGoB;UAC1D,WAAWD,KAAA,IAASxB,cAAA,CAAewB,KAAA,CAAML,KAAK,IAAI,IAAID,IAAA;qBAEzDe,IAAA,CAAC7B,UAAA;MACCyB,kBAAA,EAAoBA,kBAAA;MACpBN,UAAA,EAAYA,UAAA;MACZpB,UAAA,EAAYA,UAAA;MACZwB,WAAA,EAAaA,WAAA;MACbG,eAAA,EAAiBA;;;AAIzB;AAEA,eAAeT,MAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","useTranslation","React","Label","diffStyles","DiffViewer","baseClass","getOptionsToRender","value","options","hasMany","Array","isArray","map","val","find","option","String","getTranslatedOptions","i18n","label","join","Select","t0","$","comparisonValue","diffMethod","field","locale","versionValue","placeholder","t","t1","comparisonToRender","JSON","stringify","versionToRender","t2","_jsx","className","children","_jsxs"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Select/index.tsx"],"sourcesContent":["'use client'\nimport type { I18nClient } from '@payloadcms/translations'\nimport type { DiffComponentProps, OptionObject, SelectField, SelectFieldClient } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useTranslation } from '@payloadcms/ui'\nimport React from 'react'\n\nimport Label from '../../Label/index.js'\nimport './index.scss'\nimport { diffStyles } from '../styles.js'\nimport { DiffViewer } from './DiffViewer/index.js'\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\nexport const Select: React.FC<DiffComponentProps<SelectFieldClient>> = ({\n  comparisonValue,\n  diffMethod,\n  field,\n  locale,\n  versionValue,\n}) => {\n  const { i18n } = useTranslation()\n\n  let placeholder = ''\n\n  if (versionValue == comparisonValue) {\n    placeholder = `[${i18n.t('general:noValue')}]`\n  }\n\n  const options = 'options' in field && field.options\n\n  const comparisonToRender =\n    typeof comparisonValue !== 'undefined'\n      ? getTranslatedOptions(\n          getOptionsToRender(\n            typeof comparisonValue === 'string' ? comparisonValue : JSON.stringify(comparisonValue),\n            options,\n            field.hasMany,\n          ),\n          i18n,\n        )\n      : placeholder\n\n  const versionToRender =\n    typeof versionValue !== 'undefined'\n      ? getTranslatedOptions(\n          getOptionsToRender(\n            typeof versionValue === 'string' ? versionValue : JSON.stringify(versionValue),\n            options,\n            field.hasMany,\n          ),\n          i18n,\n        )\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"],"mappings":"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","ignoreList":[]}

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

@@ -1,6 +1,5 @@
-import type { TabsFieldClient } from 'payload';
+import type { DiffComponentProps, TabsFieldClient } from 'payload';
 import React from 'react';
-import type { DiffComponentProps } from '../types.js';
-declare const Tabs: React.FC<DiffComponentProps<TabsFieldClient>>;
-export default Tabs;
+import './index.scss';
+export declare const Tabs: React.FC<DiffComponentProps<TabsFieldClient>>;
 //# 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":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAOrD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,eAAe,CAAC,CA+CvD,CAAA;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Tabs/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAa,kBAAkB,EAAE,eAAe,EAAc,MAAM,SAAS,CAAA;AAIzF,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAOrB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,eAAe,CAAC,CAmD9D,CAAA"}

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

@@ -1,50 +1,154 @@
 'use client';
 
-import { jsx as _jsx } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import { useTranslation } from '@payloadcms/ui';
 import React from 'react';
-import RenderFieldsToDiff from '../../index.js';
-import Nested from '../Nested/index.js';
+import { useSelectedLocales } from '../../../Default/SelectedLocalesContext.js';
+import { DiffCollapser } from '../../DiffCollapser/index.js';
+import { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js';
 const baseClass = 'tabs-diff';
-const Tabs = ({
-  comparison,
-  diffComponents,
-  field,
-  fieldPermissions,
-  i18n,
-  locale,
-  locales,
-  version
-}) => {
-  return /*#__PURE__*/_jsx("div", {
-    className: baseClass,
-    children: /*#__PURE__*/_jsx("div", {
-      className: `${baseClass}__wrap`,
-      children: field.tabs.map((tab, i) => {
-        if ('name' in tab) {
-          return /*#__PURE__*/_jsx(Nested, {
-            comparison: comparison?.[tab.name],
-            diffComponents: diffComponents,
-            field: field,
-            fieldPermissions: fieldPermissions,
-            fields: tab.fields,
-            i18n: i18n,
-            locale: locale,
-            locales: locales,
-            version: version?.[tab.name]
-          }, i);
-        }
-        return /*#__PURE__*/_jsx(RenderFieldsToDiff, {
-          comparison: comparison,
-          diffComponents: diffComponents,
-          fieldPermissions: fieldPermissions,
-          fields: tab.fields,
-          i18n: i18n,
-          locales: locales,
-          version: version
+export const Tabs = props => {
+  const $ = _c(13);
+  const {
+    baseVersionField,
+    comparisonValue,
+    field,
+    versionValue
+  } = props;
+  const {
+    selectedLocales
+  } = useSelectedLocales();
+  let t0;
+  if ($[0] !== baseVersionField.tabs || $[1] !== comparisonValue || $[2] !== field.tabs || $[3] !== props || $[4] !== selectedLocales || $[5] !== versionValue) {
+    let t1;
+    if ($[7] !== comparisonValue || $[8] !== field.tabs || $[9] !== props || $[10] !== selectedLocales || $[11] !== versionValue) {
+      t1 = (tab, i) => {
+        const fieldTab = field.tabs?.[i];
+        return _jsx("div", {
+          className: `${baseClass}__tab`,
+          children: (() => {
+            if ("name" in fieldTab && selectedLocales && fieldTab.localized) {
+              return selectedLocales.map((locale, index) => {
+                const localizedTabProps = {
+                  ...props,
+                  comparison: comparisonValue?.[tab.name]?.[locale],
+                  version: versionValue?.[tab.name]?.[locale]
+                };
+                return _jsx("div", {
+                  className: `${baseClass}__tab-locale`,
+                  children: _jsx("div", {
+                    className: `${baseClass}__tab-locale-value`,
+                    children: _jsx(Tab, {
+                      ...localizedTabProps,
+                      fieldTab,
+                      locale,
+                      tab
+                    }, locale)
+                  })
+                }, [locale, index].join("-"));
+              });
+            } else {
+              if ("name" in tab && tab.name) {
+                const namedTabProps = {
+                  ...props,
+                  comparison: comparisonValue?.[tab.name],
+                  version: versionValue?.[tab.name]
+                };
+                return _jsx(Tab, {
+                  fieldTab,
+                  ...namedTabProps,
+                  tab
+                }, i);
+              } else {
+                return _jsx(Tab, {
+                  fieldTab,
+                  ...props,
+                  tab
+                }, i);
+              }
+            }
+          })()
         }, i);
+      };
+      $[7] = comparisonValue;
+      $[8] = field.tabs;
+      $[9] = props;
+      $[10] = selectedLocales;
+      $[11] = versionValue;
+      $[12] = t1;
+    } else {
+      t1 = $[12];
+    }
+    t0 = _jsx("div", {
+      className: baseClass,
+      children: baseVersionField.tabs.map(t1)
+    });
+    $[0] = baseVersionField.tabs;
+    $[1] = comparisonValue;
+    $[2] = field.tabs;
+    $[3] = props;
+    $[4] = selectedLocales;
+    $[5] = versionValue;
+    $[6] = t0;
+  } else {
+    t0 = $[6];
+  }
+  return t0;
+};
+const Tab = t0 => {
+  const $ = _c(11);
+  const {
+    comparisonValue,
+    fieldTab,
+    locale,
+    tab,
+    versionValue
+  } = t0;
+  const {
+    i18n
+  } = useTranslation();
+  const {
+    selectedLocales
+  } = useSelectedLocales();
+  let t1;
+  if ($[0] !== i18n || $[1] !== locale || $[2] !== tab) {
+    t1 = "label" in tab && tab.label && typeof tab.label !== "function" && _jsxs("span", {
+      children: [locale && _jsx("span", {
+        className: `${baseClass}__locale-label`,
+        children: locale
+      }), getTranslation(tab.label, i18n)]
+    });
+    $[0] = i18n;
+    $[1] = locale;
+    $[2] = tab;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  let t2;
+  if ($[4] !== comparisonValue || $[5] !== fieldTab.fields || $[6] !== selectedLocales || $[7] !== t1 || $[8] !== tab.fields || $[9] !== versionValue) {
+    t2 = _jsx(DiffCollapser, {
+      comparison: comparisonValue,
+      fields: fieldTab.fields,
+      label: t1,
+      locales: selectedLocales,
+      version: versionValue,
+      children: _jsx(RenderVersionFieldsToDiff, {
+        versionFields: tab.fields
       })
-    })
-  });
+    });
+    $[4] = comparisonValue;
+    $[5] = fieldTab.fields;
+    $[6] = selectedLocales;
+    $[7] = t1;
+    $[8] = tab.fields;
+    $[9] = versionValue;
+    $[10] = t2;
+  } else {
+    t2 = $[10];
+  }
+  return t2;
 };
-export default Tabs;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","RenderFieldsToDiff","Nested","baseClass","Tabs","comparison","diffComponents","field","fieldPermissions","i18n","locale","locales","version","_jsx","className","tabs","map","tab","i","name","fields"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Tabs/index.tsx"],"sourcesContent":["'use client'\nimport type { TabsFieldClient } from 'payload'\n\nimport React from 'react'\n\nimport type { DiffComponentProps } 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<DiffComponentProps<TabsFieldClient>> = ({\n  comparison,\n  diffComponents,\n  field,\n  fieldPermissions,\n  i18n,\n  locale,\n  locales,\n  version,\n}) => {\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                fieldPermissions={fieldPermissions}\n                fields={tab.fields}\n                i18n={i18n}\n                key={i}\n                locale={locale}\n                locales={locales}\n                version={version?.[tab.name]}\n              />\n            )\n          }\n\n          return (\n            <RenderFieldsToDiff\n              comparison={comparison}\n              diffComponents={diffComponents}\n              fieldPermissions={fieldPermissions}\n              fields={tab.fields}\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"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAIlB,OAAOC,kBAAA,MAAwB;AAC/B,OAAOC,MAAA,MAAY;AAEnB,MAAMC,SAAA,GAAY;AAElB,MAAMC,IAAA,GAAsDA,CAAC;EAC3DC,UAAU;EACVC,cAAc;EACdC,KAAK;EACLC,gBAAgB;EAChBC,IAAI;EACJC,MAAM;EACNC,OAAO;EACPC;AAAO,CACR;EACC,oBACEC,IAAA,CAAC;IAAIC,SAAA,EAAWX,SAAA;cACd,aAAAU,IAAA,CAAC;MAAIC,SAAA,EAAW,GAAGX,SAAA,QAAiB;gBACjCI,KAAA,CAAMQ,IAAI,CAACC,GAAG,CAAC,CAACC,GAAA,EAAKC,CAAA;QACpB,IAAI,UAAUD,GAAA,EAAK;UACjB,oBACEJ,IAAA,CAACX,MAAA;YACCG,UAAA,EAAYA,UAAA,GAAaY,GAAA,CAAIE,IAAI,CAAC;YAClCb,cAAA,EAAgBA,cAAA;YAChBC,KAAA,EAAOA,KAAA;YACPC,gBAAA,EAAkBA,gBAAA;YAClBY,MAAA,EAAQH,GAAA,CAAIG,MAAM;YAClBX,IAAA,EAAMA,IAAA;YAENC,MAAA,EAAQA,MAAA;YACRC,OAAA,EAASA,OAAA;YACTC,OAAA,EAASA,OAAA,GAAUK,GAAA,CAAIE,IAAI;aAHtBD,CAAA;QAMX;QAEA,oBACEL,IAAA,CAACZ,kBAAA;UACCI,UAAA,EAAYA,UAAA;UACZC,cAAA,EAAgBA,cAAA;UAChBE,gBAAA,EAAkBA,gBAAA;UAClBY,MAAA,EAAQH,GAAA,CAAIG,MAAM;UAClBX,IAAA,EAAMA,IAAA;UAENE,OAAA,EAASA,OAAA;UACTC,OAAA,EAASA;WAFJM,CAAA;MAKX;;;AAIR;AAEA,eAAed,IAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","useTranslation","React","useSelectedLocales","DiffCollapser","RenderVersionFieldsToDiff","baseClass","Tabs","props","$","baseVersionField","comparisonValue","field","versionValue","selectedLocales","t0","tabs","t1","tab","i","fieldTab","_jsx","className","children","localized","map","locale","index","localizedTabProps","comparison","name","version","Tab","join","namedTabProps","i18n","label","_jsxs","t2","fields","versionFields"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Tabs/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientTab, DiffComponentProps, TabsFieldClient, VersionTab } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useTranslation } from '@payloadcms/ui'\nimport React from 'react'\n\nimport './index.scss'\nimport { useSelectedLocales } from '../../../Default/SelectedLocalesContext.js'\nimport { DiffCollapser } from '../../DiffCollapser/index.js'\nimport { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js'\n\nconst baseClass = 'tabs-diff'\n\nexport const Tabs: React.FC<DiffComponentProps<TabsFieldClient>> = (props) => {\n  const { baseVersionField, comparisonValue, field, versionValue } = props\n  const { selectedLocales } = useSelectedLocales()\n\n  return (\n    <div className={baseClass}>\n      {baseVersionField.tabs.map((tab, i) => {\n        const fieldTab = field.tabs?.[i]\n        return (\n          <div className={`${baseClass}__tab`} key={i}>\n            {(() => {\n              if ('name' in fieldTab && selectedLocales && fieldTab.localized) {\n                // Named localized tab\n                return selectedLocales.map((locale, index) => {\n                  const localizedTabProps = {\n                    ...props,\n                    comparison: comparisonValue?.[tab.name]?.[locale],\n                    version: versionValue?.[tab.name]?.[locale],\n                  }\n                  return (\n                    <div className={`${baseClass}__tab-locale`} key={[locale, index].join('-')}>\n                      <div className={`${baseClass}__tab-locale-value`}>\n                        <Tab\n                          key={locale}\n                          {...localizedTabProps}\n                          fieldTab={fieldTab}\n                          locale={locale}\n                          tab={tab}\n                        />\n                      </div>\n                    </div>\n                  )\n                })\n              } else if ('name' in tab && tab.name) {\n                // Named tab\n                const namedTabProps = {\n                  ...props,\n                  comparison: comparisonValue?.[tab.name],\n                  version: versionValue?.[tab.name],\n                }\n                return <Tab fieldTab={fieldTab} key={i} {...namedTabProps} tab={tab} />\n              } else {\n                // Unnamed tab\n                return <Tab fieldTab={fieldTab} key={i} {...props} tab={tab} />\n              }\n            })()}\n          </div>\n        )\n      })}\n    </div>\n  )\n}\n\ntype TabProps = {\n  fieldTab: ClientTab\n  tab: VersionTab\n} & DiffComponentProps<TabsFieldClient>\n\nconst Tab: React.FC<TabProps> = ({ comparisonValue, fieldTab, locale, tab, versionValue }) => {\n  const { i18n } = useTranslation()\n  const { selectedLocales } = useSelectedLocales()\n\n  return (\n    <DiffCollapser\n      comparison={comparisonValue}\n      fields={fieldTab.fields}\n      label={\n        'label' in tab &&\n        tab.label &&\n        typeof tab.label !== 'function' && (\n          <span>\n            {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n            {getTranslation(tab.label, i18n)}\n          </span>\n        )\n      }\n      locales={selectedLocales}\n      version={versionValue}\n    >\n      <RenderVersionFieldsToDiff versionFields={tab.fields} />\n    </DiffCollapser>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,20 @@
+@layer payload-default {
+  .tabs-diff {
+    // Space between each tab or tab locale
+    &__tab:not(:first-of-type),
+    &__tab-locale:not(:first-of-type) {
+      margin-top: var(--base);
+    }
+
+    &__locale-label {
+      background: var(--theme-elevation-100);
+      padding: calc(var(--base) * 0.25);
+      [dir='ltr'] & {
+        margin-right: calc(var(--base) * 0.25);
+      }
+      [dir='rtl'] & {
+        margin-left: calc(var(--base) * 0.25);
+      }
+    }
+  }
+}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Text/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAKrD,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,eAAe,CAAC,CA4CvD,CAAA;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Text/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAIlE,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAMrB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,eAAe,CAAC,CAqC9D,CAAA"}

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

@@ -1,50 +1,84 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
+import { useTranslation } from '@payloadcms/ui';
 import React from 'react';
 import Label from '../../Label/index.js';
 import { diffStyles } from '../styles.js';
 import { DiffViewer } from './DiffViewer/index.js';
 const baseClass = 'text-diff';
-const Text = ({
-  comparison,
-  diffMethod,
-  field,
-  i18n,
-  isRichText = false,
-  locale,
-  version
-}) => {
-  let placeholder = '';
-  if (version === comparison) {
-    placeholder = `[${i18n.t('general:noValue')}]`;
+export const Text = t0 => {
+  const $ = _c(14);
+  const {
+    comparisonValue,
+    diffMethod,
+    field,
+    locale,
+    versionValue
+  } = t0;
+  const {
+    i18n
+  } = useTranslation();
+  let placeholder = "";
+  if (versionValue == comparisonValue) {
+    placeholder = `[${i18n.t("general:noValue")}]`;
   }
-  let versionToRender = version;
-  let comparisonToRender = comparison;
-  if (isRichText) {
-    if (typeof version === 'object') {
-      versionToRender = JSON.stringify(version, null, 2);
-    }
-    if (typeof comparison === 'object') {
-      comparisonToRender = JSON.stringify(comparison, null, 2);
-    }
+  let t1;
+  if ($[0] !== versionValue) {
+    t1 = typeof versionValue === "string" ? versionValue : JSON.stringify(versionValue, null, 2);
+    $[0] = versionValue;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
   }
-  return /*#__PURE__*/_jsxs("div", {
-    className: baseClass,
-    children: [/*#__PURE__*/_jsxs(Label, {
-      children: [locale && /*#__PURE__*/_jsx("span", {
-        className: `${baseClass}__locale-label`,
-        children: locale
-      }), 'label' in field && typeof field.label !== 'function' && getTranslation(field.label || '', i18n)]
-    }), /*#__PURE__*/_jsx(DiffViewer, {
-      comparisonToRender: comparisonToRender,
-      diffMethod: diffMethod,
-      diffStyles: diffStyles,
-      placeholder: placeholder,
-      versionToRender: versionToRender
-    })]
-  });
+  const versionToRender = t1;
+  let t2;
+  if ($[2] !== comparisonValue) {
+    t2 = typeof comparisonValue === "string" ? comparisonValue : JSON.stringify(comparisonValue, null, 2);
+    $[2] = comparisonValue;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const comparisonToRender = t2;
+  let t3;
+  if ($[4] !== locale) {
+    t3 = locale && _jsx("span", {
+      className: `${baseClass}__locale-label`,
+      children: locale
+    });
+    $[4] = locale;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== comparisonToRender || $[7] !== diffMethod || $[8] !== field || $[9] !== i18n || $[10] !== placeholder || $[11] !== t3 || $[12] !== versionToRender) {
+    t4 = _jsxs("div", {
+      className: baseClass,
+      children: [_jsxs(Label, {
+        children: [t3, "label" in field && typeof field.label !== "function" && getTranslation(field.label || "", i18n)]
+      }), _jsx(DiffViewer, {
+        comparisonToRender,
+        diffMethod,
+        diffStyles,
+        placeholder,
+        versionToRender
+      })]
+    });
+    $[6] = comparisonToRender;
+    $[7] = diffMethod;
+    $[8] = field;
+    $[9] = i18n;
+    $[10] = placeholder;
+    $[11] = t3;
+    $[12] = versionToRender;
+    $[13] = t4;
+  } else {
+    t4 = $[13];
+  }
+  return t4;
 };
-export default Text;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","React","Label","diffStyles","DiffViewer","baseClass","Text","comparison","diffMethod","field","i18n","isRichText","locale","version","placeholder","t","versionToRender","comparisonToRender","JSON","stringify","_jsxs","className","_jsx","label"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Text/index.tsx"],"sourcesContent":["'use client'\nimport type { TextFieldClient } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { DiffComponentProps } 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<DiffComponentProps<TextFieldClient>> = ({\n  comparison,\n  diffMethod,\n  field,\n  i18n,\n  isRichText = false,\n  locale,\n  version,\n}) => {\n  let placeholder = ''\n\n  if (version === comparison) {\n    placeholder = `[${i18n.t('general:noValue')}]`\n  }\n\n  let versionToRender = version\n  let comparisonToRender = comparison\n\n  if (isRichText) {\n    if (typeof version === 'object') {\n      versionToRender = JSON.stringify(version, null, 2)\n    }\n    if (typeof comparison === 'object') {\n      comparisonToRender = JSON.stringify(comparison, null, 2)\n    }\n  }\n\n  return (\n    <div className={baseClass}>\n      <Label>\n        {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n        {'label' in field &&\n          typeof field.label !== 'function' &&\n          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 Text\n"],"mappings":"AAAA;;;AAGA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAIlB,OAAOC,KAAA,MAAW;AAClB,SAASC,UAAU,QAAQ;AAC3B,SAASC,UAAU,QAAQ;AAG3B,MAAMC,SAAA,GAAY;AAElB,MAAMC,IAAA,GAAsDA,CAAC;EAC3DC,UAAU;EACVC,UAAU;EACVC,KAAK;EACLC,IAAI;EACJC,UAAA,GAAa,KAAK;EAClBC,MAAM;EACNC;AAAO,CACR;EACC,IAAIC,WAAA,GAAc;EAElB,IAAID,OAAA,KAAYN,UAAA,EAAY;IAC1BO,WAAA,GAAc,IAAIJ,IAAA,CAAKK,CAAC,CAAC,qBAAqB;EAChD;EAEA,IAAIC,eAAA,GAAkBH,OAAA;EACtB,IAAII,kBAAA,GAAqBV,UAAA;EAEzB,IAAII,UAAA,EAAY;IACd,IAAI,OAAOE,OAAA,KAAY,UAAU;MAC/BG,eAAA,GAAkBE,IAAA,CAAKC,SAAS,CAACN,OAAA,EAAS,MAAM;IAClD;IACA,IAAI,OAAON,UAAA,KAAe,UAAU;MAClCU,kBAAA,GAAqBC,IAAA,CAAKC,SAAS,CAACZ,UAAA,EAAY,MAAM;IACxD;EACF;EAEA,oBACEa,KAAA,CAAC;IAAIC,SAAA,EAAWhB,SAAA;4BACde,KAAA,CAAClB,KAAA;iBACEU,MAAA,iBAAUU,IAAA,CAAC;QAAKD,SAAA,EAAW,GAAGhB,SAAA,gBAAyB;kBAAGO;UAC1D,WAAWH,KAAA,IACV,OAAOA,KAAA,CAAMc,KAAK,KAAK,cACvBvB,cAAA,CAAeS,KAAA,CAAMc,KAAK,IAAI,IAAIb,IAAA;qBAEtCY,IAAA,CAAClB,UAAA;MACCa,kBAAA,EAAoBA,kBAAA;MACpBT,UAAA,EAAYA,UAAA;MACZL,UAAA,EAAYA,UAAA;MACZW,WAAA,EAAaA,WAAA;MACbE,eAAA,EAAiBA;;;AAIzB;AAEA,eAAeV,IAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","useTranslation","React","Label","diffStyles","DiffViewer","baseClass","Text","t0","$","comparisonValue","diffMethod","field","locale","versionValue","i18n","placeholder","t","t1","JSON","stringify","versionToRender","t2","comparisonToRender","t3","_jsx","className","children","t4","_jsxs","label"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Text/index.tsx"],"sourcesContent":["'use client'\nimport type { DiffComponentProps, TextFieldClient } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useTranslation } from '@payloadcms/ui'\nimport React from 'react'\n\nimport Label from '../../Label/index.js'\nimport './index.scss'\nimport { diffStyles } from '../styles.js'\nimport { DiffViewer } from './DiffViewer/index.js'\n\nconst baseClass = 'text-diff'\n\nexport const Text: React.FC<DiffComponentProps<TextFieldClient>> = ({\n  comparisonValue,\n  diffMethod,\n  field,\n  locale,\n  versionValue,\n}) => {\n  const { i18n } = useTranslation()\n\n  let placeholder = ''\n\n  if (versionValue == comparisonValue) {\n    placeholder = `[${i18n.t('general:noValue')}]`\n  }\n\n  const versionToRender: string =\n    typeof versionValue === 'string' ? versionValue : JSON.stringify(versionValue, null, 2)\n  const comparisonToRender =\n    typeof comparisonValue === 'string' ? comparisonValue : JSON.stringify(comparisonValue, null, 2)\n\n  return (\n    <div className={baseClass}>\n      <Label>\n        {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n        {'label' in field &&\n          typeof field.label !== 'function' &&\n          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"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,OAAOC,KAAA,MAAW;AAElB,SAASC,UAAU,QAAQ;AAC3B,SAASC,UAAU,QAAQ;AAE3B,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,IAAA,GAAsDC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW,eAAA;IAAAC,UAAA;IAAAC,KAAA;IAAAC,MAAA;IAAAC;EAAA,IAAAN,EAMnE;EACC;IAAAO;EAAA,IAAiBd,cAAA;EAEjB,IAAAe,WAAA,GAAkB;EAAA,IAEdF,YAAA,IAAgBJ,eAAA;IAClBM,WAAA,CAAAA,CAAA,CAAcA,IAAID,IAAA,CAAAE,CAAA,CAAO,qBAAqB;EAA9C;EAAA,IAAAC,EAAA;EAAA,IAAAT,CAAA,QAAAK,YAAA;IAIAI,EAAA,UAAOJ,YAAA,KAAiB,WAAWA,YAAA,GAAeK,IAAA,CAAAC,SAAA,CAAeN,YAAA,SAAoB;IAAAL,CAAA,MAAAK,YAAA;IAAAL,CAAA,MAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EADvF,MAAAY,eAAA,GACEH,EAAqF;EAAA,IAAAI,EAAA;EAAA,IAAAb,CAAA,QAAAC,eAAA;IAErFY,EAAA,UAAOZ,eAAA,KAAoB,WAAWA,eAAA,GAAkBS,IAAA,CAAAC,SAAA,CAAeV,eAAA,SAAuB;IAAAD,CAAA,MAAAC,eAAA;IAAAD,CAAA,MAAAa,EAAA;EAAA;IAAAA,EAAA,GAAAb,CAAA;EAAA;EADhG,MAAAc,kBAAA,GACED,EAA8F;EAAA,IAAAE,EAAA;EAAA,IAAAf,CAAA,QAAAI,MAAA;IAKzFW,EAAA,GAAAX,MAAA,IAAUY,IAAA,CAAC;MAAAC,SAAA,EAAgB,GAAApB,SAAA,gBAA4B;MAAAqB,QAAA,EAAGd;IAAA,C;;;;;;;;IAF/De,EAAA,GAAAC,KAAA,CAAC;MAAAH,SAAA,EAAApB,SAAA;MAAAqB,QAAA,GACCE,KAAA,CAAA1B,KAAA;QAAAwB,QAAA,GACGH,E,EACA,WAAWZ,KAAA,IACV,OAAOA,KAAA,CAAAkB,KAAA,KAAgB,cACvB9B,cAAA,CAAeY,KAAA,CAAAkB,KAAA,IAAe,IAAIf,IAAA;MAAA,C,GAEtCU,IAAA,CAAApB,UAAA;QAAAkB,kBAAA;QAAAZ,UAAA;QAAAP,UAAA;QAAAY,WAAA;QAAAK;MAAA,C;;;;;;;;;;;;;SAPFO,E;CAgBJ","ignoreList":[]}

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

@@ -1,23 +1,3 @@
-export declare const diffComponents: {
-    array: import("react").FC<import("./types.js").DiffComponentProps>;
-    blocks: import("react").FC<import("./types.js").DiffComponentProps>;
-    checkbox: import("react").FC<import("./types.js").DiffComponentProps<import("payload").TextFieldClient>>;
-    code: import("react").FC<import("./types.js").DiffComponentProps<import("payload").TextFieldClient>>;
-    collapsible: import("react").FC<import("./types.js").DiffComponentProps>;
-    date: import("react").FC<import("./types.js").DiffComponentProps<import("payload").TextFieldClient>>;
-    email: import("react").FC<import("./types.js").DiffComponentProps<import("payload").TextFieldClient>>;
-    group: import("react").FC<import("./types.js").DiffComponentProps>;
-    json: import("react").FC<import("./types.js").DiffComponentProps<import("payload").TextFieldClient>>;
-    number: import("react").FC<import("./types.js").DiffComponentProps<import("payload").TextFieldClient>>;
-    point: import("react").FC<import("./types.js").DiffComponentProps<import("payload").TextFieldClient>>;
-    radio: import("react").FC<import("./types.js").DiffComponentProps<import("payload").SelectFieldClient>>;
-    relationship: import("react").FC<import("./types.js").DiffComponentProps<import("payload").RelationshipFieldClient>>;
-    richText: import("react").FC<import("./types.js").DiffComponentProps<import("payload").TextFieldClient>>;
-    row: import("react").FC<import("./types.js").DiffComponentProps>;
-    select: import("react").FC<import("./types.js").DiffComponentProps<import("payload").SelectFieldClient>>;
-    tabs: import("react").FC<import("./types.js").DiffComponentProps<import("payload").TabsFieldClient>>;
-    text: import("react").FC<import("./types.js").DiffComponentProps<import("payload").TextFieldClient>>;
-    textarea: import("react").FC<import("./types.js").DiffComponentProps<import("payload").TextFieldClient>>;
-    upload: import("react").FC<import("./types.js").DiffComponentProps<import("payload").RelationshipFieldClient>>;
-};
+import type { DiffComponentProps, FieldTypes } from 'payload';
+export declare const diffComponents: Record<FieldTypes, React.FC<DiffComponentProps>>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/Version/RenderFieldsToDiff/fields/index.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;CAqB1B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/Version/RenderFieldsToDiff/fields/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAW7D,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAuB3E,CAAA"}