@payloadcms/next 3.0.0-canary.9de3ffd → 3.0.0-canary.a14e066

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 { 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  i18n,\n  locale,\n  locales,\n  permissions,\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                fields={tab.fields}\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              fieldPermissions={permissions}\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"],"names":["React","RenderFieldsToDiff","Nested","baseClass","Tabs","comparison","diffComponents","field","i18n","locale","locales","permissions","version","div","className","tabs","map","tab","i","name","fields","fieldPermissions"],"mappings":";AAEA,OAAOA,WAAW,QAAO;AAIzB,OAAOC,wBAAwB,iBAAgB;AAC/C,OAAOC,YAAY,qBAAoB;AAEvC,MAAMC,YAAY;AAElB,MAAMC,OAAsD,CAAC,EAC3DC,UAAU,EACVC,cAAc,EACdC,KAAK,EACLC,IAAI,EACJC,MAAM,EACNC,OAAO,EACPC,WAAW,EACXC,OAAO,EACR;IACC,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,QAAQH,IAAIG,MAAM;wBAClBZ,MAAMA;wBAENC,QAAQA;wBACRC,SAASA;wBACTC,aAAaA;wBACbC,SAASA,SAAS,CAACK,IAAIE,IAAI,CAAC;uBAJvBD;gBAOX;gBAEA,qBACE,KAACjB;oBACCI,YAAYA;oBACZC,gBAAgBA;oBAChBe,kBAAkBV;oBAClBS,QAAQH,IAAIG,MAAM;oBAClBZ,MAAMA;oBAENE,SAASA;oBACTE,SAASA;mBAFJM;YAKX;;;AAIR;AAEA,eAAed,KAAI"}
+{"version":3,"file":"index.js","names":["React","RenderFieldsToDiff","Nested","baseClass","Tabs","comparison","diffComponents","field","i18n","locale","locales","permissions","version","_jsx","className","tabs","map","tab","i","name","fields","fieldPermissions"],"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  i18n,\n  locale,\n  locales,\n  permissions,\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                fields={tab.fields}\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              fieldPermissions={permissions}\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,IAAI;EACJC,MAAM;EACNC,OAAO;EACPC,WAAW;EACXC;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;YACPa,MAAA,EAAQH,GAAA,CAAIG,MAAM;YAClBZ,IAAA,EAAMA,IAAA;YAENC,MAAA,EAAQA,MAAA;YACRC,OAAA,EAASA,OAAA;YACTC,WAAA,EAAaA,WAAA;YACbC,OAAA,EAASA,OAAA,GAAUK,GAAA,CAAIE,IAAI;aAJtBD,CAAA;QAOX;QAEA,oBACEL,IAAA,CAACZ,kBAAA;UACCI,UAAA,EAAYA,UAAA;UACZC,cAAA,EAAgBA,cAAA;UAChBe,gBAAA,EAAkBV,WAAA;UAClBS,MAAA,EAAQH,GAAA,CAAIG,MAAM;UAClBZ,IAAA,EAAMA,IAAA;UAENE,OAAA,EAASA,OAAA;UACTE,OAAA,EAASA;WAFJM,CAAA;MAKX;;;AAIR;AAEA,eAAed,IAAA","ignoreList":[]}

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

@@ -1,18 +1,24 @@
 'use client';
+
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import ReactDiffViewerImport, { DiffMethod } from 'react-diff-viewer-continued';
 const ReactDiffViewer = ReactDiffViewerImport.default || ReactDiffViewerImport;
-export const DiffViewer = ({ comparisonToRender, diffMethod, diffStyles, placeholder, versionToRender })=>{
-    return /*#__PURE__*/ _jsx(ReactDiffViewer, {
-        compareMethod: DiffMethod[diffMethod],
-        hideLineNumbers: true,
-        newValue: typeof versionToRender !== 'undefined' ? String(versionToRender) : placeholder,
-        oldValue: typeof comparisonToRender !== 'undefined' ? String(comparisonToRender) : placeholder,
-        showDiffOnly: false,
-        splitView: true,
-        styles: diffStyles
-    });
+export const DiffViewer = ({
+  comparisonToRender,
+  diffMethod,
+  diffStyles,
+  placeholder,
+  versionToRender
+}) => {
+  return /*#__PURE__*/_jsx(ReactDiffViewer, {
+    compareMethod: DiffMethod[diffMethod],
+    hideLineNumbers: true,
+    newValue: typeof versionToRender !== 'undefined' ? String(versionToRender) : placeholder,
+    oldValue: typeof comparisonToRender !== 'undefined' ? String(comparisonToRender) : placeholder,
+    showDiffOnly: false,
+    splitView: true,
+    styles: diffStyles
+  });
 };
-
 //# sourceMappingURL=index.js.map

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"],"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,"file":"index.js","names":["React","ReactDiffViewerImport","DiffMethod","ReactDiffViewer","default","DiffViewer","comparisonToRender","diffMethod","diffStyles","placeholder","versionToRender","_jsx","compareMethod","hideLineNumbers","newValue","String","oldValue","showDiffOnly","splitView","styles"],"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"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAClB,OAAOC,qBAAA,IAAyBC,UAAU,QAAQ;AAElD,MAAMC,eAAA,GAAmBF,qBAAA,CAAsBG,OAAO,IACpDH,qBAAA;AACF,OAAO,MAAMI,UAAA,GAMRA,CAAC;EAAEC,kBAAkB;EAAEC,UAAU;EAAEC,UAAU;EAAEC,WAAW;EAAEC;AAAe,CAAE;EAChF,oBACEC,IAAA,CAACR,eAAA;IACCS,aAAA,EAAeV,UAAU,CAACK,UAAA,CAAW;IACrCM,eAAe;IACfC,QAAA,EAAU,OAAOJ,eAAA,KAAoB,cAAcK,MAAA,CAAOL,eAAA,IAAmBD,WAAA;IAC7EO,QAAA,EACE,OAAOV,kBAAA,KAAuB,cAAcS,MAAA,CAAOT,kBAAA,IAAsBG,WAAA;IAE3EQ,YAAA,EAAc;IACdC,SAAS;IACTC,MAAA,EAAQX;;AAGd","ignoreList":[]}

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":"AAAA,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,CAsCvD,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,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"}

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

@@ -1,3 +1,5 @@
+'use client';
+
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
@@ -5,37 +7,44 @@ 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')}]`;
-    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 Text = ({
+  comparison,
+  diffMethod,
+  field,
+  i18n,
+  isRichText = false,
+  locale,
+  version
+}) => {
+  let placeholder = '';
+  if (version === comparison) {
+    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);
     }
-    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
-            })
-        ]
-    });
+  }
+  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
+    })]
+  });
 };
 export default Text;
-
 //# sourceMappingURL=index.js.map

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 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) 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 &&\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"],"names":["getTranslation","React","Label","diffStyles","DiffViewer","baseClass","Text","comparison","diffMethod","field","i18n","isRichText","locale","version","placeholder","t","versionToRender","comparisonToRender","JSON","stringify","div","className","span","label"],"mappings":";AAEA,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,OAAsD,CAAC,EAC3DC,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,SACV,OAAOA,MAAMc,KAAK,KAAK,cACvBvB,eAAeS,MAAMc,KAAK,IAAI,IAAIb;;;0BAEtC,KAACN;gBACCa,oBAAoBA;gBACpBT,YAAYA;gBACZL,YAAYA;gBACZW,aAAaA;gBACbE,iBAAiBA;;;;AAIzB;AAEA,eAAeV,KAAI"}
+{"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":[]}

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

@@ -1,13 +1,15 @@
-.text-diff {
-  &__locale-label {
-    [dir='ltr'] & {
-      margin-right: calc(var(--base) * 0.25);
+@layer payload-default {
+  .text-diff {
+    &__locale-label {
+      [dir='ltr'] & {
+        margin-right: calc(var(--base) * 0.25);
+      }
+      [dir='rtl'] & {
+        margin-left: calc(var(--base) * 0.25);
+      }
+      background: var(--theme-elevation-100);
+      padding: calc(var(--base) * 0.25);
+      // border-radius: $style-radius-m;
     }
-    [dir='rtl'] & {
-      margin-left: calc(var(--base) * 0.25);
-    }
-    background: var(--theme-elevation-100);
-    padding: calc(var(--base) * 0.25);
-    // border-radius: $style-radius-m;
   }
 }

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

@@ -1,8 +1,7 @@
 export const diffMethods = {
-    radio: 'WORDS_WITH_SPACE',
-    relationship: 'WORDS_WITH_SPACE',
-    select: 'WORDS_WITH_SPACE',
-    upload: 'WORDS_WITH_SPACE'
+  radio: 'WORDS_WITH_SPACE',
+  relationship: 'WORDS_WITH_SPACE',
+  select: 'WORDS_WITH_SPACE',
+  upload: 'WORDS_WITH_SPACE'
 };
-
 //# sourceMappingURL=diffMethods.js.map

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"],"mappings":"AAAA,OAAO,MAAMA,cAAc;IACzBC,OAAO;IACPC,cAAc;IACdC,QAAQ;IACRC,QAAQ;AACV,EAAC"}
+{"version":3,"file":"diffMethods.js","names":["diffMethods","radio","relationship","select","upload"],"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"],"mappings":"AAAA,OAAO,MAAMA,WAAA,GAAc;EACzBC,KAAA,EAAO;EACPC,YAAA,EAAc;EACdC,MAAA,EAAQ;EACRC,MAAA,EAAQ;AACV","ignoreList":[]}

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

@@ -5,26 +5,25 @@ import Select from './Select/index.js';
 import Tabs from './Tabs/index.js';
 import Text from './Text/index.js';
 export const diffComponents = {
-    array: Iterable,
-    blocks: Iterable,
-    checkbox: Text,
-    code: Text,
-    collapsible: Nested,
-    date: Text,
-    email: Text,
-    group: Nested,
-    json: Text,
-    number: Text,
-    point: Text,
-    radio: Select,
-    relationship: Relationship,
-    richText: Text,
-    row: Nested,
-    select: Select,
-    tabs: Tabs,
-    text: Text,
-    textarea: Text,
-    upload: Relationship
+  array: Iterable,
+  blocks: Iterable,
+  checkbox: Text,
+  code: Text,
+  collapsible: Nested,
+  date: Text,
+  email: Text,
+  group: Nested,
+  json: Text,
+  number: Text,
+  point: Text,
+  radio: Select,
+  relationship: Relationship,
+  richText: Text,
+  row: Nested,
+  select: Select,
+  tabs: Tabs,
+  text: Text,
+  textarea: Text,
+  upload: Relationship
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/views/Version/RenderFieldsToDiff/fields/index.tsx"],"sourcesContent":["import Iterable from './Iterable/index.js'\nimport Nested from './Nested/index.js'\nimport Relationship from './Relationship/index.js'\nimport Select from './Select/index.js'\nimport Tabs from './Tabs/index.js'\nimport Text from './Text/index.js'\n\nexport const diffComponents = {\n  array: Iterable,\n  blocks: Iterable,\n  checkbox: Text,\n  code: Text,\n  collapsible: Nested,\n  date: Text,\n  email: Text,\n  group: Nested,\n  json: Text,\n  number: Text,\n  point: Text,\n  radio: Select,\n  relationship: Relationship,\n  richText: Text,\n  row: Nested,\n  select: Select,\n  tabs: Tabs,\n  text: Text,\n  textarea: Text,\n  upload: Relationship,\n}\n"],"names":["Iterable","Nested","Relationship","Select","Tabs","Text","diffComponents","array","blocks","checkbox","code","collapsible","date","email","group","json","number","point","radio","relationship","richText","row","select","tabs","text","textarea","upload"],"mappings":"AAAA,OAAOA,cAAc,sBAAqB;AAC1C,OAAOC,YAAY,oBAAmB;AACtC,OAAOC,kBAAkB,0BAAyB;AAClD,OAAOC,YAAY,oBAAmB;AACtC,OAAOC,UAAU,kBAAiB;AAClC,OAAOC,UAAU,kBAAiB;AAElC,OAAO,MAAMC,iBAAiB;IAC5BC,OAAOP;IACPQ,QAAQR;IACRS,UAAUJ;IACVK,MAAML;IACNM,aAAaV;IACbW,MAAMP;IACNQ,OAAOR;IACPS,OAAOb;IACPc,MAAMV;IACNW,QAAQX;IACRY,OAAOZ;IACPa,OAAOf;IACPgB,cAAcjB;IACdkB,UAAUf;IACVgB,KAAKpB;IACLqB,QAAQnB;IACRoB,MAAMnB;IACNoB,MAAMnB;IACNoB,UAAUpB;IACVqB,QAAQxB;AACV,EAAC"}
+{"version":3,"file":"index.js","names":["Iterable","Nested","Relationship","Select","Tabs","Text","diffComponents","array","blocks","checkbox","code","collapsible","date","email","group","json","number","point","radio","relationship","richText","row","select","tabs","text","textarea","upload"],"sources":["../../../../../src/views/Version/RenderFieldsToDiff/fields/index.tsx"],"sourcesContent":["import Iterable from './Iterable/index.js'\nimport Nested from './Nested/index.js'\nimport Relationship from './Relationship/index.js'\nimport Select from './Select/index.js'\nimport Tabs from './Tabs/index.js'\nimport Text from './Text/index.js'\n\nexport const diffComponents = {\n  array: Iterable,\n  blocks: Iterable,\n  checkbox: Text,\n  code: Text,\n  collapsible: Nested,\n  date: Text,\n  email: Text,\n  group: Nested,\n  json: Text,\n  number: Text,\n  point: Text,\n  radio: Select,\n  relationship: Relationship,\n  richText: Text,\n  row: Nested,\n  select: Select,\n  tabs: Tabs,\n  text: Text,\n  textarea: Text,\n  upload: Relationship,\n}\n"],"mappings":"AAAA,OAAOA,QAAA,MAAc;AACrB,OAAOC,MAAA,MAAY;AACnB,OAAOC,YAAA,MAAkB;AACzB,OAAOC,MAAA,MAAY;AACnB,OAAOC,IAAA,MAAU;AACjB,OAAOC,IAAA,MAAU;AAEjB,OAAO,MAAMC,cAAA,GAAiB;EAC5BC,KAAA,EAAOP,QAAA;EACPQ,MAAA,EAAQR,QAAA;EACRS,QAAA,EAAUJ,IAAA;EACVK,IAAA,EAAML,IAAA;EACNM,WAAA,EAAaV,MAAA;EACbW,IAAA,EAAMP,IAAA;EACNQ,KAAA,EAAOR,IAAA;EACPS,KAAA,EAAOb,MAAA;EACPc,IAAA,EAAMV,IAAA;EACNW,MAAA,EAAQX,IAAA;EACRY,KAAA,EAAOZ,IAAA;EACPa,KAAA,EAAOf,MAAA;EACPgB,YAAA,EAAcjB,YAAA;EACdkB,QAAA,EAAUf,IAAA;EACVgB,GAAA,EAAKpB,MAAA;EACLqB,MAAA,EAAQnB,MAAA;EACRoB,IAAA,EAAMnB,IAAA;EACNoB,IAAA,EAAMnB,IAAA;EACNoB,QAAA,EAAUpB,IAAA;EACVqB,MAAA,EAAQxB;AACV","ignoreList":[]}

package/dist/views/Version/RenderFieldsToDiff/fields/styles.js

@@ -1,28 +1,27 @@
 export const diffStyles = {
-    variables: {
-        dark: {
-            addedBackground: 'var(--theme-success-900)',
-            addedColor: 'var(--theme-success-100)',
-            diffViewerBackground: 'transparent',
-            diffViewerColor: 'var(--theme-text)',
-            emptyLineBackground: 'var(--theme-elevation-50)',
-            removedBackground: 'var(--theme-error-900)',
-            removedColor: 'var(--theme-error-100)',
-            wordAddedBackground: 'var(--theme-success-800)',
-            wordRemovedBackground: 'var(--theme-error-800)'
-        },
-        light: {
-            addedBackground: 'var(--theme-success-100)',
-            addedColor: 'var(--theme-success-900)',
-            diffViewerBackground: 'transparent',
-            diffViewerColor: 'var(--theme-text)',
-            emptyLineBackground: 'var(--theme-elevation-50)',
-            removedBackground: 'var(--theme-error-100)',
-            removedColor: 'var(--theme-error-900)',
-            wordAddedBackground: 'var(--theme-success-200)',
-            wordRemovedBackground: 'var(--theme-error-200)'
-        }
+  variables: {
+    dark: {
+      addedBackground: 'var(--theme-success-900)',
+      addedColor: 'var(--theme-success-100)',
+      diffViewerBackground: 'transparent',
+      diffViewerColor: 'var(--theme-text)',
+      emptyLineBackground: 'var(--theme-elevation-50)',
+      removedBackground: 'var(--theme-error-900)',
+      removedColor: 'var(--theme-error-100)',
+      wordAddedBackground: 'var(--theme-success-800)',
+      wordRemovedBackground: 'var(--theme-error-800)'
+    },
+    light: {
+      addedBackground: 'var(--theme-success-100)',
+      addedColor: 'var(--theme-success-900)',
+      diffViewerBackground: 'transparent',
+      diffViewerColor: 'var(--theme-text)',
+      emptyLineBackground: 'var(--theme-elevation-50)',
+      removedBackground: 'var(--theme-error-100)',
+      removedColor: 'var(--theme-error-900)',
+      wordAddedBackground: 'var(--theme-success-200)',
+      wordRemovedBackground: 'var(--theme-error-200)'
     }
+  }
 };
-
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/views/Version/RenderFieldsToDiff/fields/styles.ts"],"sourcesContent":["export const diffStyles = {\n  variables: {\n    dark: {\n      addedBackground: 'var(--theme-success-900)',\n      addedColor: 'var(--theme-success-100)',\n      diffViewerBackground: 'transparent',\n      diffViewerColor: 'var(--theme-text)',\n      emptyLineBackground: 'var(--theme-elevation-50)',\n      removedBackground: 'var(--theme-error-900)',\n      removedColor: 'var(--theme-error-100)',\n      wordAddedBackground: 'var(--theme-success-800)',\n      wordRemovedBackground: 'var(--theme-error-800)',\n    },\n    light: {\n      addedBackground: 'var(--theme-success-100)',\n      addedColor: 'var(--theme-success-900)',\n      diffViewerBackground: 'transparent',\n      diffViewerColor: 'var(--theme-text)',\n      emptyLineBackground: 'var(--theme-elevation-50)',\n      removedBackground: 'var(--theme-error-100)',\n      removedColor: 'var(--theme-error-900)',\n      wordAddedBackground: 'var(--theme-success-200)',\n      wordRemovedBackground: 'var(--theme-error-200)',\n    },\n  },\n}\n"],"names":["diffStyles","variables","dark","addedBackground","addedColor","diffViewerBackground","diffViewerColor","emptyLineBackground","removedBackground","removedColor","wordAddedBackground","wordRemovedBackground","light"],"mappings":"AAAA,OAAO,MAAMA,aAAa;IACxBC,WAAW;QACTC,MAAM;YACJC,iBAAiB;YACjBC,YAAY;YACZC,sBAAsB;YACtBC,iBAAiB;YACjBC,qBAAqB;YACrBC,mBAAmB;YACnBC,cAAc;YACdC,qBAAqB;YACrBC,uBAAuB;QACzB;QACAC,OAAO;YACLT,iBAAiB;YACjBC,YAAY;YACZC,sBAAsB;YACtBC,iBAAiB;YACjBC,qBAAqB;YACrBC,mBAAmB;YACnBC,cAAc;YACdC,qBAAqB;YACrBC,uBAAuB;QACzB;IACF;AACF,EAAC"}
+{"version":3,"file":"styles.js","names":["diffStyles","variables","dark","addedBackground","addedColor","diffViewerBackground","diffViewerColor","emptyLineBackground","removedBackground","removedColor","wordAddedBackground","wordRemovedBackground","light"],"sources":["../../../../../src/views/Version/RenderFieldsToDiff/fields/styles.ts"],"sourcesContent":["export const diffStyles = {\n  variables: {\n    dark: {\n      addedBackground: 'var(--theme-success-900)',\n      addedColor: 'var(--theme-success-100)',\n      diffViewerBackground: 'transparent',\n      diffViewerColor: 'var(--theme-text)',\n      emptyLineBackground: 'var(--theme-elevation-50)',\n      removedBackground: 'var(--theme-error-900)',\n      removedColor: 'var(--theme-error-100)',\n      wordAddedBackground: 'var(--theme-success-800)',\n      wordRemovedBackground: 'var(--theme-error-800)',\n    },\n    light: {\n      addedBackground: 'var(--theme-success-100)',\n      addedColor: 'var(--theme-success-900)',\n      diffViewerBackground: 'transparent',\n      diffViewerColor: 'var(--theme-text)',\n      emptyLineBackground: 'var(--theme-elevation-50)',\n      removedBackground: 'var(--theme-error-100)',\n      removedColor: 'var(--theme-error-900)',\n      wordAddedBackground: 'var(--theme-success-200)',\n      wordRemovedBackground: 'var(--theme-error-200)',\n    },\n  },\n}\n"],"mappings":"AAAA,OAAO,MAAMA,UAAA,GAAa;EACxBC,SAAA,EAAW;IACTC,IAAA,EAAM;MACJC,eAAA,EAAiB;MACjBC,UAAA,EAAY;MACZC,oBAAA,EAAsB;MACtBC,eAAA,EAAiB;MACjBC,mBAAA,EAAqB;MACrBC,iBAAA,EAAmB;MACnBC,YAAA,EAAc;MACdC,mBAAA,EAAqB;MACrBC,qBAAA,EAAuB;IACzB;IACAC,KAAA,EAAO;MACLT,eAAA,EAAiB;MACjBC,UAAA,EAAY;MACZC,oBAAA,EAAsB;MACtBC,eAAA,EAAiB;MACjBC,mBAAA,EAAqB;MACrBC,iBAAA,EAAmB;MACnBC,YAAA,EAAc;MACdC,mBAAA,EAAqB;MACrBC,qBAAA,EAAuB;IACzB;EACF;AACF","ignoreList":[]}

package/dist/views/Version/RenderFieldsToDiff/fields/types.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/views/Version/RenderFieldsToDiff/fields/types.ts"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type { ClientField, FieldPermissions } from 'payload'\nimport type React from 'react'\nimport type { DiffMethod } from 'react-diff-viewer-continued'\n\nexport type DiffComponents = Record<string, React.FC<DiffComponentProps>>\n\nexport type DiffComponentProps<TField extends ClientField = ClientField> = {\n  readonly comparison: any\n  readonly diffComponents: DiffComponents\n  readonly diffMethod?: DiffMethod\n  readonly disableGutter?: boolean\n  readonly field: TField\n  readonly fields: ClientField[]\n  readonly i18n: I18nClient\n  readonly isRichText?: boolean\n  readonly locale?: string\n  readonly locales?: string[]\n  readonly permissions?: Record<string, FieldPermissions>\n  readonly version: any\n}\n"],"names":[],"mappings":"AAOA,WAaC"}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/views/Version/RenderFieldsToDiff/fields/types.ts"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type { ClientField, FieldPermissions } from 'payload'\nimport type React from 'react'\nimport type { DiffMethod } from 'react-diff-viewer-continued'\n\nexport type DiffComponents = Record<string, React.FC<DiffComponentProps>>\n\nexport type DiffComponentProps<TField extends ClientField = ClientField> = {\n  readonly comparison: any\n  readonly diffComponents: DiffComponents\n  readonly diffMethod?: DiffMethod\n  readonly disableGutter?: boolean\n  readonly field: TField\n  readonly fields: ClientField[]\n  readonly i18n: I18nClient\n  readonly isRichText?: boolean\n  readonly locale?: string\n  readonly locales?: string[]\n  readonly permissions?: Record<string, FieldPermissions>\n  readonly version: any\n}\n"],"mappings":"AAOA","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/RenderFieldsToDiff/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAkB,KAAK,EAAE,MAAM,YAAY,CAAA;AAIvD,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA8HvC,CAAA;AAED,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/RenderFieldsToDiff/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAkB,KAAK,EAAE,MAAM,YAAY,CAAA;AAIvD,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkIvC,CAAA;AAED,eAAe,kBAAkB,CAAA"}

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

@@ -1,107 +1,116 @@
 'use client';
+
 import { jsx as _jsx } from "react/jsx-runtime";
 import { fieldAffectsData } from 'payload/shared';
 import React from 'react';
-import Nested from './fields/Nested/index.js';
 import { diffMethods } from './fields/diffMethods.js';
+import Nested from './fields/Nested/index.js';
 const baseClass = 'render-field-diffs';
-const RenderFieldsToDiff = ({ comparison, diffComponents: __diffComponents, fieldPermissions, fields, i18n, locales, version })=>{
-    // typing it as `as typeof _diffComponents` here ensures the TField generics of DiffComponentProps are respected.
-    // Without it, you could pass a UI field to the Tabs component, without it erroring
-    const diffComponents = __diffComponents;
-    return /*#__PURE__*/ _jsx("div", {
-        className: baseClass,
-        children: fields?.map((field, i)=>{
-            if ('name' in field && field.name === 'id') return null;
-            const Component = diffComponents[field.type];
-            const isRichText = field.type === 'richText';
-            const diffMethod = diffMethods[field.type] || 'CHARS';
-            if (Component) {
-                if (fieldAffectsData(field)) {
-                    const fieldName = field.name;
-                    const valueIsObject = field.type === 'code' || field.type === 'json';
-                    const versionValue = valueIsObject ? JSON.stringify(version?.[fieldName]) : version?.[fieldName];
-                    const comparisonValue = valueIsObject ? JSON.stringify(comparison?.[fieldName]) : comparison?.[fieldName];
-                    const hasPermission = fieldPermissions?.[fieldName]?.read?.permission;
-                    const subFieldPermissions = fieldPermissions?.[fieldName]?.fields;
-                    if (hasPermission === false) return null;
-                    const baseCellProps = {
-                        comparison: comparisonValue,
-                        diffComponents,
-                        diffMethod,
-                        field,
-                        fieldPermissions: subFieldPermissions,
-                        fields: 'fields' in field ? field?.fields : fields,
-                        i18n,
-                        isRichText,
-                        locales,
-                        version: versionValue
-                    };
-                    if (field.localized) {
-                        return /*#__PURE__*/ _jsx("div", {
-                            className: `${baseClass}__field`,
-                            children: locales.map((locale, index)=>{
-                                const versionLocaleValue = versionValue?.[locale];
-                                const comparisonLocaleValue = comparisonValue?.[locale];
-                                const cellProps = {
-                                    ...baseCellProps,
-                                    comparison: comparisonLocaleValue,
-                                    version: versionLocaleValue
-                                };
-                                return /*#__PURE__*/ _jsx("div", {
-                                    className: `${baseClass}__locale`,
-                                    children: /*#__PURE__*/ _jsx("div", {
-                                        className: `${baseClass}__locale-value`,
-                                        children: /*#__PURE__*/ _jsx(Component, {
-                                            ...cellProps,
-                                            locale: locale
-                                        })
-                                    })
-                                }, [
-                                    locale,
-                                    index
-                                ].join('-'));
-                            })
-                        }, i);
-                    }
-                    return /*#__PURE__*/ _jsx("div", {
-                        className: `${baseClass}__field`,
-                        children: /*#__PURE__*/ _jsx(Component, {
-                            ...baseCellProps
-                        })
-                    }, i);
-                }
-                if (field.type === 'tabs' && 'fields' in field) {
-                    const Tabs = diffComponents.tabs;
-                    return /*#__PURE__*/ _jsx(Tabs, {
-                        comparison: comparison,
-                        diffComponents: diffComponents,
-                        field: field,
-                        fields: [],
-                        i18n: i18n,
-                        locales: locales,
-                        version: version
-                    }, i);
-                }
-                // At this point, we are dealing with a `row`, etc
-                if ('fields' in field) {
-                    return /*#__PURE__*/ _jsx(Nested, {
-                        comparison: comparison,
-                        diffComponents: diffComponents,
-                        disableGutter: true,
-                        field: field,
-                        fields: field.fields,
-                        i18n: i18n,
-                        locales: locales,
-                        permissions: fieldPermissions,
-                        version: version
-                    }, i);
-                }
-            }
+const RenderFieldsToDiff = ({
+  comparison,
+  diffComponents: __diffComponents,
+  fieldPermissions,
+  fields,
+  i18n,
+  locales,
+  version
+}) => {
+  // typing it as `as typeof _diffComponents` here ensures the TField generics of DiffComponentProps are respected.
+  // Without it, you could pass a UI field to the Tabs component, without it erroring
+  const diffComponents = __diffComponents;
+  return /*#__PURE__*/_jsx("div", {
+    className: baseClass,
+    children: fields?.map((field, i) => {
+      if ('name' in field && field.name === 'id') {
+        return null;
+      }
+      const Component = diffComponents[field.type];
+      const isRichText = field.type === 'richText';
+      const diffMethod = diffMethods[field.type] || 'CHARS';
+      if (Component) {
+        if (fieldAffectsData(field)) {
+          const fieldName = field.name;
+          const valueIsObject = field.type === 'code' || field.type === 'json';
+          const versionValue = valueIsObject ? JSON.stringify(version?.[fieldName]) : version?.[fieldName];
+          const comparisonValue = valueIsObject ? JSON.stringify(comparison?.[fieldName]) : comparison?.[fieldName];
+          const hasPermission = fieldPermissions?.[fieldName]?.read?.permission;
+          const subFieldPermissions = fieldPermissions?.[fieldName]?.fields;
+          if (hasPermission === false) {
             return null;
-        })
-    });
+          }
+          const baseCellProps = {
+            comparison: comparisonValue,
+            diffComponents,
+            diffMethod,
+            field,
+            fieldPermissions: subFieldPermissions,
+            fields: 'fields' in field ? field?.fields : fields,
+            i18n,
+            isRichText,
+            locales,
+            version: versionValue
+          };
+          if (field.localized) {
+            return /*#__PURE__*/_jsx("div", {
+              className: `${baseClass}__field`,
+              children: locales.map((locale, index) => {
+                const versionLocaleValue = versionValue?.[locale];
+                const comparisonLocaleValue = comparisonValue?.[locale];
+                const cellProps = {
+                  ...baseCellProps,
+                  comparison: comparisonLocaleValue,
+                  version: versionLocaleValue
+                };
+                return /*#__PURE__*/_jsx("div", {
+                  className: `${baseClass}__locale`,
+                  children: /*#__PURE__*/_jsx("div", {
+                    className: `${baseClass}__locale-value`,
+                    children: /*#__PURE__*/_jsx(Component, {
+                      ...cellProps,
+                      locale: locale
+                    })
+                  })
+                }, [locale, index].join('-'));
+              })
+            }, i);
+          }
+          return /*#__PURE__*/_jsx("div", {
+            className: `${baseClass}__field`,
+            children: /*#__PURE__*/_jsx(Component, {
+              ...baseCellProps
+            })
+          }, i);
+        }
+        if (field.type === 'tabs' && 'tabs' in field) {
+          const Tabs = diffComponents.tabs;
+          return /*#__PURE__*/_jsx(Tabs, {
+            comparison: comparison,
+            diffComponents: diffComponents,
+            field: field,
+            fields: [],
+            i18n: i18n,
+            locales: locales,
+            version: version
+          }, i);
+        }
+        // At this point, we are dealing with a `row`, etc
+        if ('fields' in field) {
+          return /*#__PURE__*/_jsx(Nested, {
+            comparison: comparison,
+            diffComponents: diffComponents,
+            disableGutter: true,
+            field: field,
+            fields: field.fields,
+            i18n: i18n,
+            locales: locales,
+            permissions: fieldPermissions,
+            version: version
+          }, i);
+        }
+      }
+      return null;
+    })
+  });
 };
 export default RenderFieldsToDiff;
-
 //# sourceMappingURL=index.js.map