@payloadcms/next 3.20.0-canary.0e01b65 → 3.20.0-canary.260f830

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

@@ -1,9 +1,7 @@
 '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';
@@ -21,62 +19,35 @@ const getTranslatedOptions = (options, i18n) => {
   }
   return typeof options === 'string' ? options : getTranslation(options.label, i18n);
 };
-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")}]`;
+export const Select = ({
+  comparison,
+  diffMethod,
+  field,
+  i18n,
+  locale,
+  version
+}) => {
+  let placeholder = '';
+  if (version === comparison) {
+    placeholder = `[${i18n.t('general:noValue')}]`;
   }
-  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", {
+  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", {
         className: `${baseClass}__locale-label`,
         children: locale
-      });
-      $[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;
+      }), 'label' in field && getTranslation(field.label || '', i18n)]
+    }), /*#__PURE__*/_jsx(DiffViewer, {
+      comparisonToRender: comparisonToRender,
+      diffMethod: diffMethod,
+      diffStyles: diffStyles,
+      placeholder: placeholder,
+      versionToRender: versionToRender
+    })]
+  });
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,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,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,GAAShB,cAAA,CAAegB,MAAA,CAAOI,KAAK,EAAED,IAAA,GACpFE,IAAI,CAAC;EACV;EAEA,OAAO,OAAOZ,OAAA,KAAY,WAAWA,OAAA,GAAUT,cAAA,CAAeS,OAAA,CAAQW,KAAK,EAAED,IAAA;AAC/E;AAEA,OAAO,MAAMG,MAAA,GAA0DC,EAAA;EAAA,MAAAC,CAAA,GAAAzB,EAAA;EAAC;IAAA0B,eAAA;IAAAC,UAAA;IAAAC,KAAA;IAAAC,MAAA;IAAAC;EAAA,IAAAN,EAMvE;EACC;IAAAJ;EAAA,IAAiBlB,cAAA;EAEjB,IAAA6B,WAAA,GAAkB;EAAA,IAEdD,YAAA,IAAgBJ,eAAA;IAClBK,WAAA,CAAAA,CAAA,CAAcA,IAAIX,IAAA,CAAAY,CAAA,CAAO,qBAAqB;EAA9C;EAGF,MAAAtB,OAAA,GAAgB,aAAakB,KAAA,IAASA,KAAA,CAAAlB,OAAa;EAAA,IAAAuB,EAAA;EAAA,IAAAR,CAAA,QAAAC,eAAA,IAAAD,CAAA,QAAAE,UAAA,IAAAF,CAAA,QAAAG,KAAA,IAAAH,CAAA,QAAAL,IAAA,IAAAK,CAAA,QAAAI,MAAA,IAAAJ,CAAA,QAAAf,OAAA,IAAAe,CAAA,QAAAM,WAAA,IAAAN,CAAA,QAAAK,YAAA;IAEnD,MAAAI,kBAAA,GACE,OAAOR,eAAA,KAAoB,cACvBP,oBAAA,CACEX,kBAAA,CACE,OAAOkB,eAAA,KAAoB,WAAWA,eAAA,GAAkBS,IAAA,CAAAC,SAAA,CAAeV,eAAA,GACvEhB,OAAA,EACAkB,KAAA,CAAAjB,OAAa,GAEfS,IAAA,IAEFW,WAAA;IAEN,MAAAM,eAAA,GACE,OAAOP,YAAA,KAAiB,cACpBX,oBAAA,CACEX,kBAAA,CACE,OAAOsB,YAAA,KAAiB,WAAWA,YAAA,GAAeK,IAAA,CAAAC,SAAA,CAAeN,YAAA,GACjEpB,OAAA,EACAkB,KAAA,CAAAjB,OAAa,GAEfS,IAAA,IAEFW,WAAA;IAAA,IAAAO,EAAA;IAAA,IAAAb,CAAA,QAAAI,MAAA;MAKCS,EAAA,GAAAT,MAAA,IAAUU,IAAA,CAAC;QAAAC,SAAA,EAAgB,GAAAjC,SAAA,gBAA4B;QAAAkC,QAAA,EAAGZ;MAAA,C;;;;;;IAF/DI,EAAA,GAAAS,KAAA,CAAC;MAAAF,SAAA,EAAAjC,SAAA;MAAAkC,QAAA,GACCC,KAAA,CAAAtC,KAAA;QAAAqC,QAAA,GACGH,E,EACA,WAAWV,KAAA,IAAS3B,cAAA,CAAe2B,KAAA,CAAAP,KAAA,IAAe,IAAID,IAAA;MAAA,C,GAEzDmB,IAAA,CAAAjC,UAAA;QAAA4B,kBAAA;QAAAP,UAAA;QAAAtB,UAAA;QAAA0B,WAAA;QAAAM;MAAA,C;;;;;;;;;;;;;;SALFJ,E;CAcJ","ignoreList":[]}
+{"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\nexport const 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"],"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,OAAO,MAAMG,MAAA,GAA0DA,CAAC;EACtEC,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","ignoreList":[]}

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

@@ -1,5 +1,6 @@
-import type { DiffComponentProps, TabsFieldClient } from 'payload';
+import type { TabsFieldClient } from 'payload';
 import React from 'react';
+import type { DiffComponentProps } from '../types.js';
 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,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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Tabs/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAa,eAAe,EAAE,MAAM,SAAS,CAAA;AAGzD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAIrD,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,eAAe,CAAC,CA0C9D,CAAA"}

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

@@ -1,154 +1,97 @@
 '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 { useSelectedLocales } from '../../../Default/SelectedLocalesContext.js';
 import { DiffCollapser } from '../../DiffCollapser/index.js';
-import { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js';
+import { RenderFieldsToDiff } from '../../index.js';
 const baseClass = 'tabs-diff';
 export const Tabs = props => {
-  const $ = _c(13);
   const {
-    baseVersionField,
-    comparisonValue,
+    comparison,
     field,
-    versionValue
+    locales,
+    version
   } = 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;
+  return /*#__PURE__*/_jsx("div", {
+    className: baseClass,
+    children: field.tabs.map((tab, i) => {
+      return /*#__PURE__*/_jsx("div", {
+        className: `${baseClass}__tab`,
+        children: (() => {
+          if ('name' in tab && locales && tab.localized) {
+            // Named localized tab
+            return locales.map((locale, index) => {
+              const localizedTabProps = {
+                ...props,
+                comparison: comparison?.[tab.name]?.[locale],
+                version: version?.[tab.name]?.[locale]
+              };
+              return /*#__PURE__*/_jsx("div", {
+                className: `${baseClass}__tab-locale`,
+                children: /*#__PURE__*/_jsx("div", {
+                  className: `${baseClass}__tab-locale-value`,
+                  children: /*#__PURE__*/_jsx(Tab, {
+                    ...localizedTabProps,
+                    locale: locale,
+                    tab: tab
+                  }, locale)
+                })
+              }, [locale, index].join('-'));
+            });
+          } else if ('name' in tab && tab.name) {
+            // Named tab
+            const namedTabProps = {
+              ...props,
+              comparison: comparison?.[tab.name],
+              version: version?.[tab.name]
+            };
+            return /*#__PURE__*/_jsx(Tab, {
+              ...namedTabProps,
+              tab: tab
+            }, i);
+          } else {
+            // Unnamed tab
+            return /*#__PURE__*/_jsx(Tab, {
+              ...props,
+              tab: tab
+            }, i);
+          }
+        })()
+      }, i);
+    })
+  });
 };
-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", {
+const Tab = ({
+  comparison,
+  diffComponents,
+  fieldPermissions,
+  i18n,
+  locale,
+  locales,
+  tab,
+  version
+}) => {
+  return /*#__PURE__*/_jsx(DiffCollapser, {
+    comparison: comparison,
+    fields: tab.fields,
+    label: 'label' in tab && tab.label && typeof tab.label !== 'function' && /*#__PURE__*/_jsxs("span", {
+      children: [locale && /*#__PURE__*/_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;
+    }),
+    locales: locales,
+    version: version,
+    children: /*#__PURE__*/_jsx(RenderFieldsToDiff, {
+      comparison: comparison,
+      diffComponents: diffComponents,
+      fieldPermissions: fieldPermissions,
+      fields: tab.fields,
+      i18n: i18n,
+      locales: locales,
+      version: version
+    })
+  });
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"index.js","names":["getTranslation","React","DiffCollapser","RenderFieldsToDiff","baseClass","Tabs","props","comparison","field","locales","version","_jsx","className","tabs","map","tab","i","localized","locale","index","localizedTabProps","name","Tab","join","namedTabProps","diffComponents","fieldPermissions","i18n","fields","label","_jsxs"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Tabs/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientTab, TabsFieldClient } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { DiffComponentProps } from '../types.js'\n\nimport { DiffCollapser } from '../../DiffCollapser/index.js'\nimport { RenderFieldsToDiff } from '../../index.js'\nimport './index.scss'\n\nconst baseClass = 'tabs-diff'\n\nexport const Tabs: React.FC<DiffComponentProps<TabsFieldClient>> = (props) => {\n  const { comparison, field, locales, version } = props\n  return (\n    <div className={baseClass}>\n      {field.tabs.map((tab, i) => {\n        return (\n          <div className={`${baseClass}__tab`} key={i}>\n            {(() => {\n              if ('name' in tab && locales && tab.localized) {\n                // Named localized tab\n                return locales.map((locale, index) => {\n                  const localizedTabProps = {\n                    ...props,\n                    comparison: comparison?.[tab.name]?.[locale],\n                    version: version?.[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 key={locale} {...localizedTabProps} locale={locale} tab={tab} />\n                      </div>\n                    </div>\n                  )\n                })\n              } else if ('name' in tab && tab.name) {\n                // Named tab\n                const namedTabProps = {\n                  ...props,\n                  comparison: comparison?.[tab.name],\n                  version: version?.[tab.name],\n                }\n                return <Tab key={i} {...namedTabProps} tab={tab} />\n              } else {\n                // Unnamed tab\n                return <Tab key={i} {...props} tab={tab} />\n              }\n            })()}\n          </div>\n        )\n      })}\n    </div>\n  )\n}\n\ntype TabProps = {\n  tab: ClientTab\n} & DiffComponentProps<TabsFieldClient>\n\nconst Tab: React.FC<TabProps> = ({\n  comparison,\n  diffComponents,\n  fieldPermissions,\n  i18n,\n  locale,\n  locales,\n  tab,\n  version,\n}) => {\n  return (\n    <DiffCollapser\n      comparison={comparison}\n      fields={tab.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={locales}\n      version={version}\n    >\n      <RenderFieldsToDiff\n        comparison={comparison}\n        diffComponents={diffComponents}\n        fieldPermissions={fieldPermissions}\n        fields={tab.fields}\n        i18n={i18n}\n        locales={locales}\n        version={version}\n      />\n    </DiffCollapser>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,5 +1,6 @@
-import type { DiffComponentProps, TextFieldClient } from 'payload';
+import type { TextFieldClient } from 'payload';
 import React from 'react';
+import type { DiffComponentProps } from '../types.js';
 import './index.scss';
 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,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"}
+{"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,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,eAAe,CAAC,CA4C9D,CAAA"}

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

@@ -1,84 +1,49 @@
 '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';
-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")}]`;
+export const Text = ({
+  comparison,
+  diffMethod,
+  field,
+  i18n,
+  isRichText = false,
+  locale,
+  version
+}) => {
+  let placeholder = '';
+  if (version === comparison) {
+    placeholder = `[${i18n.t('general:noValue')}]`;
   }
-  let t1;
-  if ($[0] !== versionValue) {
-    t1 = typeof versionValue === "string" ? versionValue : JSON.stringify(versionValue, null, 2);
-    $[0] = versionValue;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
+  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);
+    }
   }
-  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;
+  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
+    })]
+  });
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"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\nexport const 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"],"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,OAAO,MAAMC,IAAA,GAAsDA,CAAC;EAClEC,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","ignoreList":[]}

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

@@ -1,3 +1,23 @@
-import type { DiffComponentProps, FieldTypes } from 'payload';
-export declare const diffComponents: Record<FieldTypes, React.FC<DiffComponentProps>>;
+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>>;
+};
 //# sourceMappingURL=index.d.ts.map