@payloadcms/next 3.20.0-canary.9f2bca1 → 3.20.0-canary.a40bec2

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 { TextFieldDiffClientComponent } 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: TextFieldDiffClientComponent = ({\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,GAAqCC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW,eAAA;IAAAC,UAAA;IAAAC,KAAA;IAAAC,MAAA;IAAAC;EAAA,IAAAN,EAMlD;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 { FieldDiffClientProps, FieldTypes } from 'payload';
+export declare const diffComponents: Record<FieldTypes, React.ComponentType<FieldDiffClientProps>>;
 //# 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,oBAAoB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAW/D,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,UAAU,EAAE,KAAK,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAuBxF,CAAA"}

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

@@ -1,29 +1,33 @@
-import Iterable from './Iterable/index.js';
-import Nested from './Nested/index.js';
-import Relationship from './Relationship/index.js';
-import Select from './Select/index.js';
-import Tabs from './Tabs/index.js';
-import Text from './Text/index.js';
+import { Collapsible } from './Collapsible/index.js';
+import { Group } from './Group/index.js';
+import { Iterable } from './Iterable/index.js';
+import { Relationship } from './Relationship/index.js';
+import { Row } from './Row/index.js';
+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,
+  collapsible: Collapsible,
   date: Text,
   email: Text,
-  group: Nested,
+  group: Group,
+  join: null,
   json: Text,
   number: Text,
   point: Text,
   radio: Select,
   relationship: Relationship,
   richText: Text,
-  row: Nested,
+  row: Row,
   select: Select,
   tabs: Tabs,
   text: Text,
   textarea: Text,
+  ui: null,
   upload: Relationship
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"index.js","names":["Collapsible","Group","Iterable","Relationship","Row","Select","Tabs","Text","diffComponents","array","blocks","checkbox","code","collapsible","date","email","group","join","json","number","point","radio","relationship","richText","row","select","tabs","text","textarea","ui","upload"],"sources":["../../../../../src/views/Version/RenderFieldsToDiff/fields/index.tsx"],"sourcesContent":["import type { FieldDiffClientProps, FieldTypes } from 'payload'\n\nimport { Collapsible } from './Collapsible/index.js'\nimport { Group } from './Group/index.js'\nimport { Iterable } from './Iterable/index.js'\nimport { Relationship } from './Relationship/index.js'\nimport { Row } from './Row/index.js'\nimport { Select } from './Select/index.js'\nimport { Tabs } from './Tabs/index.js'\nimport { Text } from './Text/index.js'\n\nexport const diffComponents: Record<FieldTypes, React.ComponentType<FieldDiffClientProps>> = {\n  array: Iterable,\n  blocks: Iterable,\n  checkbox: Text,\n  code: Text,\n  collapsible: Collapsible,\n  date: Text,\n  email: Text,\n  group: Group,\n  join: null,\n  json: Text,\n  number: Text,\n  point: Text,\n  radio: Select,\n  relationship: Relationship,\n  richText: Text,\n  row: Row,\n  select: Select,\n  tabs: Tabs,\n  text: Text,\n  textarea: Text,\n  ui: null,\n  upload: Relationship,\n}\n"],"mappings":"AAEA,SAASA,WAAW,QAAQ;AAC5B,SAASC,KAAK,QAAQ;AACtB,SAASC,QAAQ,QAAQ;AACzB,SAASC,YAAY,QAAQ;AAC7B,SAASC,GAAG,QAAQ;AACpB,SAASC,MAAM,QAAQ;AACvB,SAASC,IAAI,QAAQ;AACrB,SAASC,IAAI,QAAQ;AAErB,OAAO,MAAMC,cAAA,GAAgF;EAC3FC,KAAA,EAAOP,QAAA;EACPQ,MAAA,EAAQR,QAAA;EACRS,QAAA,EAAUJ,IAAA;EACVK,IAAA,EAAML,IAAA;EACNM,WAAA,EAAab,WAAA;EACbc,IAAA,EAAMP,IAAA;EACNQ,KAAA,EAAOR,IAAA;EACPS,KAAA,EAAOf,KAAA;EACPgB,IAAA,EAAM;EACNC,IAAA,EAAMX,IAAA;EACNY,MAAA,EAAQZ,IAAA;EACRa,KAAA,EAAOb,IAAA;EACPc,KAAA,EAAOhB,MAAA;EACPiB,YAAA,EAAcnB,YAAA;EACdoB,QAAA,EAAUhB,IAAA;EACViB,GAAA,EAAKpB,GAAA;EACLqB,MAAA,EAAQpB,MAAA;EACRqB,IAAA,EAAMpB,IAAA;EACNqB,IAAA,EAAMpB,IAAA;EACNqB,QAAA,EAAUrB,IAAA;EACVsB,EAAA,EAAI;EACJC,MAAA,EAAQ3B;AACV","ignoreList":[]}

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

@@ -1,4 +1,7 @@
 export declare const diffStyles: {
+    diffContainer: {
+        minWidth: string;
+    };
     variables: {
         dark: {
             addedBackground: string;

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/views/Version/RenderFieldsToDiff/fields/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;CAyBtB,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/views/Version/RenderFieldsToDiff/fields/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BtB,CAAA"}

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

@@ -1,4 +1,7 @@
 export const diffStyles = {
+  diffContainer: {
+    minWidth: 'unset'
+  },
   variables: {
     dark: {
       addedBackground: 'var(--theme-success-900)',

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"styles.js","names":["diffStyles","diffContainer","minWidth","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  diffContainer: {\n    minWidth: 'unset',\n  },\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,aAAA,EAAe;IACbC,QAAA,EAAU;EACZ;EACAC,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/index.d.ts

@@ -1,6 +1,3 @@
-import React from 'react';
-import type { Props } from './types.js';
-import './index.scss';
-declare const RenderFieldsToDiff: React.FC<Props>;
-export default RenderFieldsToDiff;
+import { type BuildVersionFieldsArgs } from './buildVersionFields.js';
+export declare const RenderDiff: (args: BuildVersionFieldsArgs) => React.ReactNode;
 //# sourceMappingURL=index.d.ts.map

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":"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,CA0IvC,CAAA;AAED,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/RenderFieldsToDiff/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,sBAAsB,EAAE,MAAM,yBAAyB,CAAA;AAGzF,eAAO,MAAM,UAAU,SAAU,sBAAsB,KAAG,KAAK,CAAC,SAI/D,CAAA"}

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

@@ -1,117 +1,12 @@
-'use client';
-
 import { jsx as _jsx } from "react/jsx-runtime";
-import { fieldAffectsData, fieldIsID } from 'payload/shared';
-import React from 'react';
-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 (fieldIsID(field)) {
-        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 === true || fieldPermissions?.[fieldName] === true || fieldPermissions?.[fieldName]?.read;
-          const subFieldPermissions = fieldPermissions === true || fieldPermissions?.[fieldName] === true || fieldPermissions?.[fieldName]?.fields;
-          if (!hasPermission) {
-            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,
-            fieldPermissions: fieldPermissions,
-            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,
-            fieldPermissions: fieldPermissions,
-            fields: field.fields,
-            i18n: i18n,
-            locales: locales,
-            version: version
-          }, i);
-        }
-      }
-      return null;
-    })
+import { buildVersionFields } from './buildVersionFields.js';
+import { RenderVersionFieldsToDiff } from './RenderVersionFieldsToDiff.js';
+export const RenderDiff = args => {
+  const {
+    versionFields
+  } = buildVersionFields(args);
+  return /*#__PURE__*/_jsx(RenderVersionFieldsToDiff, {
+    versionFields: versionFields
   });
 };
-export default RenderFieldsToDiff;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["fieldAffectsData","fieldIsID","React","diffMethods","Nested","baseClass","RenderFieldsToDiff","comparison","diffComponents","__diffComponents","fieldPermissions","fields","i18n","locales","version","_jsx","className","map","field","i","Component","type","isRichText","diffMethod","fieldName","name","valueIsObject","versionValue","JSON","stringify","comparisonValue","hasPermission","read","subFieldPermissions","baseCellProps","localized","locale","index","versionLocaleValue","comparisonLocaleValue","cellProps","join","Tabs","tabs","disableGutter"],"sources":["../../../../src/views/Version/RenderFieldsToDiff/index.tsx"],"sourcesContent":["'use client'\nimport type { DiffMethod } from 'react-diff-viewer-continued'\n\nimport { fieldAffectsData, fieldIsID } from 'payload/shared'\nimport React from 'react'\n\nimport type { diffComponents as _diffComponents } from './fields/index.js'\nimport type { FieldDiffProps, Props } from './types.js'\n\nimport { diffMethods } from './fields/diffMethods.js'\nimport Nested from './fields/Nested/index.js'\nimport './index.scss'\n\nconst baseClass = 'render-field-diffs'\n\nconst RenderFieldsToDiff: React.FC<Props> = ({\n  comparison,\n  diffComponents: __diffComponents,\n  fieldPermissions,\n  fields,\n  i18n,\n  locales,\n  version,\n}) => {\n  // typing it as `as typeof _diffComponents` here ensures the TField generics of DiffComponentProps are respected.\n  // Without it, you could pass a UI field to the Tabs component, without it erroring\n  const diffComponents: typeof _diffComponents = __diffComponents as typeof _diffComponents\n\n  return (\n    <div className={baseClass}>\n      {fields?.map((field, i) => {\n        if (fieldIsID(field)) {\n          return null\n        }\n\n        const Component = diffComponents[field.type]\n\n        const isRichText = field.type === 'richText'\n        const diffMethod: DiffMethod = diffMethods[field.type] || 'CHARS'\n\n        if (Component) {\n          if (fieldAffectsData(field)) {\n            const fieldName = field.name\n            const valueIsObject = field.type === 'code' || field.type === 'json'\n\n            const versionValue = valueIsObject\n              ? JSON.stringify(version?.[fieldName])\n              : version?.[fieldName]\n\n            const comparisonValue = valueIsObject\n              ? JSON.stringify(comparison?.[fieldName])\n              : comparison?.[fieldName]\n\n            const hasPermission =\n              fieldPermissions === true ||\n              fieldPermissions?.[fieldName] === true ||\n              fieldPermissions?.[fieldName]?.read\n\n            const subFieldPermissions =\n              fieldPermissions === true ||\n              fieldPermissions?.[fieldName] === true ||\n              fieldPermissions?.[fieldName]?.fields\n\n            if (!hasPermission) {\n              return null\n            }\n\n            const baseCellProps: FieldDiffProps = {\n              comparison: comparisonValue,\n              diffComponents,\n              diffMethod,\n              field,\n              fieldPermissions: subFieldPermissions,\n              fields: 'fields' in field ? field?.fields : fields,\n              i18n,\n              isRichText,\n              locales,\n              version: versionValue,\n            }\n\n            if (field.localized) {\n              return (\n                <div className={`${baseClass}__field`} key={i}>\n                  {locales.map((locale, index) => {\n                    const versionLocaleValue = versionValue?.[locale]\n                    const comparisonLocaleValue = comparisonValue?.[locale]\n\n                    const cellProps = {\n                      ...baseCellProps,\n                      comparison: comparisonLocaleValue,\n                      version: versionLocaleValue,\n                    }\n\n                    return (\n                      <div className={`${baseClass}__locale`} key={[locale, index].join('-')}>\n                        <div className={`${baseClass}__locale-value`}>\n                          <Component {...cellProps} locale={locale} />\n                        </div>\n                      </div>\n                    )\n                  })}\n                </div>\n              )\n            }\n\n            return (\n              <div className={`${baseClass}__field`} key={i}>\n                <Component {...baseCellProps} />\n              </div>\n            )\n          }\n\n          if (field.type === 'tabs' && 'tabs' in field) {\n            const Tabs = diffComponents.tabs\n\n            return (\n              <Tabs\n                comparison={comparison}\n                diffComponents={diffComponents}\n                field={field}\n                fieldPermissions={fieldPermissions}\n                fields={[]}\n                i18n={i18n}\n                key={i}\n                locales={locales}\n                version={version}\n              />\n            )\n          }\n\n          // At this point, we are dealing with a `row`, etc\n          if ('fields' in field) {\n            return (\n              <Nested\n                comparison={comparison}\n                diffComponents={diffComponents}\n                disableGutter\n                field={field}\n                fieldPermissions={fieldPermissions}\n                fields={field.fields}\n                i18n={i18n}\n                key={i}\n                locales={locales}\n                version={version}\n              />\n            )\n          }\n        }\n\n        return null\n      })}\n    </div>\n  )\n}\n\nexport default RenderFieldsToDiff\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["buildVersionFields","RenderVersionFieldsToDiff","RenderDiff","args","versionFields","_jsx"],"sources":["../../../../src/views/Version/RenderFieldsToDiff/index.tsx"],"sourcesContent":["import { buildVersionFields, type BuildVersionFieldsArgs } from './buildVersionFields.js'\nimport { RenderVersionFieldsToDiff } from './RenderVersionFieldsToDiff.js'\n\nexport const RenderDiff = (args: BuildVersionFieldsArgs): React.ReactNode => {\n  const { versionFields } = buildVersionFields(args)\n\n  return <RenderVersionFieldsToDiff versionFields={versionFields} />\n}\n"],"mappings":";AAAA,SAASA,kBAAkB,QAAqC;AAChE,SAASC,yBAAyB,QAAQ;AAE1C,OAAO,MAAMC,UAAA,GAAcC,IAAA;EACzB,MAAM;IAAEC;EAAa,CAAE,GAAGJ,kBAAA,CAAmBG,IAAA;EAE7C,oBAAOE,IAAA,CAACJ,yBAAA;IAA0BG,aAAA,EAAeA;;AACnD","ignoreList":[]}

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

@@ -6,6 +6,10 @@
     flex-direction: column;
     gap: var(--base);
 
+    [role='banner'] {
+      display: none !important;
+    }
+
     &__field {
       overflow-wrap: anywhere;
       display: flex;

package/dist/views/Version/RenderFieldsToDiff/utilities/countChangedFields.d.ts

@@ -0,0 +1,21 @@
+import type { ArrayFieldClient, BlocksFieldClient, ClientField } from 'payload';
+type Args = {
+    comparison: unknown;
+    fields: ClientField[];
+    locales: string[] | undefined;
+    version: unknown;
+};
+/**
+ * Recursively counts the number of changed fields between comparison and
+ * version data for a given set of fields.
+ */
+export declare function countChangedFields({ comparison, fields, locales, version }: Args): number;
+type countChangedFieldsInRowsArgs = {
+    comparisonRows: unknown[];
+    field: ArrayFieldClient | BlocksFieldClient;
+    locales: string[] | undefined;
+    versionRows: unknown[];
+};
+export declare function countChangedFieldsInRows({ comparisonRows, field, locales, versionRows, }: countChangedFieldsInRowsArgs): number;
+export {};
+//# sourceMappingURL=countChangedFields.d.ts.map

package/dist/views/Version/RenderFieldsToDiff/utilities/countChangedFields.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"countChangedFields.d.ts","sourceRoot":"","sources":["../../../../../src/views/Version/RenderFieldsToDiff/utilities/countChangedFields.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAK/E,KAAK,IAAI,GAAG;IACV,UAAU,EAAE,OAAO,CAAA;IACnB,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,OAAO,EAAE,MAAM,EAAE,GAAG,SAAS,CAAA;IAC7B,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,IAAI,UA8IhF;AAED,KAAK,4BAA4B,GAAG;IAClC,cAAc,EAAE,OAAO,EAAE,CAAA;IACzB,KAAK,EAAE,gBAAgB,GAAG,iBAAiB,CAAA;IAC3C,OAAO,EAAE,MAAM,EAAE,GAAG,SAAS,CAAA;IAC7B,WAAW,EAAE,OAAO,EAAE,CAAA;CACvB,CAAA;AAED,wBAAgB,wBAAwB,CAAC,EACvC,cAAmB,EACnB,KAAK,EACL,OAAO,EACP,WAAgB,GACjB,EAAE,4BAA4B,UA0B9B"}