@payloadcms/ui 4.0.0-internal.9496957 → 4.0.0-internal.970009e

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","FieldDiffContainer","CheckIcon","useTranslation","baseClass","CheckboxIndicator","checked","variant","classNames","filter","Boolean","join","_jsx","className","size","Checkbox","t0","$","comparisonValue","valueFrom","field","locale","nestingLevel","versionValue","valueTo","i18n","t","checkedFrom","checkedTo","hasChanged","fromVariant","toVariant","t1","t2","label","From","_jsxs","children","To"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Checkbox/index.tsx"],"sourcesContent":["'use client'\nimport type { CheckboxFieldDiffClientComponent } from 'payload'\n\nimport React from 'react'\n\nimport { FieldDiffContainer } from '../../../../../elements/FieldDiffContainer/index.js'\nimport { CheckIcon } from '../../../../../icons/Check/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'checkbox-diff'\n\nconst CheckboxIndicator: React.FC<{\n  checked: boolean\n  variant?: 'create' | 'default' | 'delete'\n}> = ({ checked, variant = 'default' }) => {\n  const classNames = [\n    `${baseClass}__indicator`,\n    `${baseClass}__indicator--${variant}`,\n    checked && `${baseClass}__indicator--checked`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <span className={classNames}>\n      <span className={`${baseClass}__icon`}>\n        <CheckIcon size={16} />\n      </span>\n    </span>\n  )\n}\n\nexport const Checkbox: CheckboxFieldDiffClientComponent = ({\n  comparisonValue: valueFrom,\n  field,\n  locale,\n  nestingLevel,\n  versionValue: valueTo,\n}) => {\n  const { i18n, t } = useTranslation()\n\n  const checkedFrom = Boolean(valueFrom)\n  const checkedTo = Boolean(valueTo)\n  const hasChanged = checkedFrom !== checkedTo\n\n  const fromVariant = hasChanged ? 'delete' : 'default'\n  const toVariant = hasChanged ? 'create' : 'default'\n\n  const From = (\n    <div className={`${baseClass}__value ${baseClass}__value--${fromVariant}`}>\n      <CheckboxIndicator checked={checkedFrom} variant={fromVariant} />\n      <span className={`${baseClass}__label ${baseClass}__label--${fromVariant}`}>\n        {checkedFrom ? t('general:checked') : t('general:unchecked')}\n      </span>\n    </div>\n  )\n\n  const To = (\n    <div className={`${baseClass}__value ${baseClass}__value--${toVariant}`}>\n      <CheckboxIndicator checked={checkedTo} variant={toVariant} />\n      <span className={`${baseClass}__label ${baseClass}__label--${toVariant}`}>\n        {checkedTo ? t('general:checked') : t('general:unchecked')}\n      </span>\n    </div>\n  )\n\n  return (\n    <FieldDiffContainer\n      className={baseClass}\n      From={From}\n      i18n={i18n}\n      label={{ label: field.label, locale }}\n      nestingLevel={nestingLevel}\n      To={To}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","FieldDiffContainer","CheckIcon","useTranslation","baseClass","CheckboxIndicator","checked","variant","classNames","filter","Boolean","join","_jsx","className","size","Checkbox","t0","$","field","locale","nestingLevel","valueFrom","valueTo","i18n","t","checkedFrom","checkedTo","hasChanged","fromVariant","toVariant","t1","label","From","_jsxs","children","To"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Checkbox/index.tsx"],"sourcesContent":["'use client'\nimport type { CheckboxFieldDiffClientProps } from 'payload'\n\nimport React from 'react'\n\nimport { FieldDiffContainer } from '../../../../../elements/FieldDiffContainer/index.js'\nimport { CheckIcon } from '../../../../../icons/Check/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'checkbox-diff'\n\nconst CheckboxIndicator: React.FC<{\n  checked: boolean\n  variant?: 'create' | 'default' | 'delete'\n}> = ({ checked, variant = 'default' }) => {\n  const classNames = [\n    `${baseClass}__indicator`,\n    `${baseClass}__indicator--${variant}`,\n    checked && `${baseClass}__indicator--checked`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <span className={classNames}>\n      <span className={`${baseClass}__icon`}>\n        <CheckIcon size={16} />\n      </span>\n    </span>\n  )\n}\n\nexport const Checkbox: React.FC<CheckboxFieldDiffClientProps> = ({\n  field,\n  locale,\n  nestingLevel,\n  valueFrom,\n  valueTo,\n}) => {\n  const { i18n, t } = useTranslation()\n\n  const checkedFrom = Boolean(valueFrom)\n  const checkedTo = Boolean(valueTo)\n  const hasChanged = checkedFrom !== checkedTo\n\n  const fromVariant = hasChanged ? 'delete' : 'default'\n  const toVariant = hasChanged ? 'create' : 'default'\n\n  const From = (\n    <div className={`${baseClass}__value ${baseClass}__value--${fromVariant}`}>\n      <CheckboxIndicator checked={checkedFrom} variant={fromVariant} />\n      <span className={`${baseClass}__label ${baseClass}__label--${fromVariant}`}>\n        {checkedFrom ? t('general:checked') : t('general:unchecked')}\n      </span>\n    </div>\n  )\n\n  const To = (\n    <div className={`${baseClass}__value ${baseClass}__value--${toVariant}`}>\n      <CheckboxIndicator checked={checkedTo} variant={toVariant} />\n      <span className={`${baseClass}__label ${baseClass}__label--${toVariant}`}>\n        {checkedTo ? t('general:checked') : t('general:unchecked')}\n      </span>\n    </div>\n  )\n\n  return (\n    <FieldDiffContainer\n      className={baseClass}\n      From={From}\n      i18n={i18n}\n      label={{ label: field.label, locale }}\n      nestingLevel={nestingLevel}\n      To={To}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,kBAAkB,QAAQ;AACnC,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,MAAMC,iBAAA,GAGDA,CAAC;EAAEC,OAAO;EAAEC,OAAA,GAAU;AAAS,CAAE;EACpC,MAAMC,UAAA,GAAa,CACjB,GAAGJ,SAAA,aAAsB,EACzB,GAAGA,SAAA,gBAAyBG,OAAA,EAAS,EACrCD,OAAA,IAAW,GAAGF,SAAA,sBAA+B,CAC9C,CACEK,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;EAER,oBACEC,IAAA,CAAC;IAAKC,SAAA,EAAWL,UAAA;cACf,aAAAI,IAAA,CAAC;MAAKC,SAAA,EAAW,GAAGT,SAAA,QAAiB;gBACnC,aAAAQ,IAAA,CAACV,SAAA;QAAUY,IAAA,EAAM;;;;AAIzB;AAEA,OAAO,MAAMC,QAAA,GAAmDC,EAAA;EAAA,MAAAC,CAAA,GAAAlB,EAAA;EAAC;IAAAmB,KAAA;IAAAC,MAAA;IAAAC,YAAA;IAAAC,SAAA;IAAAC;EAAA,IAAAN,EAMhE;EACC;IAAAO,IAAA;IAAAC;EAAA,IAAoBrB,cAAA;EAEpB,MAAAsB,WAAA,GAAoBf,OAAA,CAAQW,SAAA;EAC5B,MAAAK,SAAA,GAAkBhB,OAAA,CAAQY,OAAA;EAC1B,MAAAK,UAAA,GAAmBF,WAAA,KAAgBC,SAAA;EAEnC,MAAAE,WAAA,GAAoBD,UAAA,WAAwB,GAAxB,SAAwB;EAC5C,MAAAE,SAAA,GAAkBF,UAAA,WAAwB,GAAxB,SAAwB;EAAA,IAAAG,EAAA;EAAA,IAAAb,CAAA,QAAAQ,WAAA,IAAAR,CAAA,QAAAS,SAAA,IAAAT,CAAA,QAAAC,KAAA,CAAAa,KAAA,IAAAd,CAAA,QAAAW,WAAA,IAAAX,CAAA,QAAAM,IAAA,IAAAN,CAAA,QAAAE,MAAA,IAAAF,CAAA,QAAAG,YAAA,IAAAH,CAAA,QAAAO,CAAA,IAAAP,CAAA,QAAAY,SAAA;IAE1C,MAAAG,IAAA,GACEC,KAAA,CAAC;MAAApB,SAAA,EAAe,GAAGT,SAAA,WAAoBA,SAAA,YAAqBwB,WAAA,EAAa;MAAAM,QAAA,E,CACvEtB,IAAA,CAACP,iBAAA;QAAAC,OAAA,EAA2BmB,WAAA;QAAAlB,OAAA,EAAsBqB;UAClDhB,IAAA,CAAC;QAAAC,SAAA,EAAgB,GAAGT,SAAA,WAAoBA,SAAA,YAAqBwB,WAAA,EAAa;QAAAM,QAAA,EACvET,WAAA,GAAcD,CAAA,CAAE,iBAAuB,IAAFA,CAAA,CAAE;;;IAK9C,MAAAW,EAAA,GACEF,KAAA,CAAC;MAAApB,SAAA,EAAe,GAAGT,SAAA,WAAoBA,SAAA,YAAqByB,SAAA,EAAW;MAAAK,QAAA,E,CACrEtB,IAAA,CAACP,iBAAA;QAAAC,OAAA,EAA2BoB,SAAA;QAAAA,OAAA,EAAoBG;UAChDjB,IAAA,CAAC;QAAAC,SAAA,EAAgB,GAAGT,SAAA,WAAoBA,SAAA,YAAqByB,SAAA,EAAW;QAAAK,QAAA,EACrER,SAAA,GAAYF,CAAA,CAAE,iBAAuB,IAAFA,CAAA,CAAE;;;IAM1CM,EAAA,GAAAlB,IAAA,CAACX,kBAAA;MAAAY,SAAA,EACYT,SAAA;MAAA4B,IAAA;MAAAT,IAAA;MAAAQ,KAAA,EAGJ;QAAAA,KAAA,EAASb,KAAA,CAAAa,KAAW;QAAAZ;MAAS;MAAAC,YAAA;MAAAe;;;;;;;;;;;;;;;SAJtCL,E;CASJ","ignoreList":[]}

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

@@ -1,3 +1,4 @@
-import type { CollapsibleFieldDiffClientComponent } from 'payload';
-export declare const Collapsible: CollapsibleFieldDiffClientComponent;
+import type { CollapsibleFieldDiffClientProps } from 'payload';
+import React from 'react';
+export declare const Collapsible: React.FC<CollapsibleFieldDiffClientProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Collapsible/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mCAAmC,EAAE,MAAM,SAAS,CAAA;AAYlE,eAAO,MAAM,WAAW,EAAE,mCAgCzB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Collapsible/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,SAAS,CAAA;AAG9D,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,+BAA+B,CAgCjE,CAAA"}

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

@@ -13,10 +13,10 @@ export const Collapsible = t0 => {
   const $ = _c(8);
   const {
     baseVersionField,
-    comparisonValue: valueFrom,
     field,
     parentIsLocalized,
-    versionValue: valueTo
+    valueFrom,
+    valueTo
   } = t0;
   const {
     i18n

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","useSelectedLocales","DiffCollapser","RenderVersionFieldsToDiff","baseClass","Collapsible","t0","$","baseVersionField","comparisonValue","valueFrom","field","parentIsLocalized","versionValue","valueTo","i18n","selectedLocales","fields","length","t1","_jsx","className","children","Label","label","localized","versionFields"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Collapsible/index.tsx"],"sourcesContent":["'use client'\nimport type { CollapsibleFieldDiffClientComponent } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { useSelectedLocales } from '../../../Default/SelectedLocalesContext.js'\nimport { DiffCollapser } from '../../DiffCollapser/index.js'\nimport { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js'\n\nconst baseClass = 'collapsible-diff'\n\nexport const Collapsible: CollapsibleFieldDiffClientComponent = ({\n  baseVersionField,\n  comparisonValue: valueFrom,\n  field,\n  parentIsLocalized,\n  versionValue: valueTo,\n}) => {\n  const { i18n } = useTranslation()\n  const { selectedLocales } = useSelectedLocales()\n\n  if (!baseVersionField.fields?.length) {\n    return null\n  }\n\n  return (\n    <div className={baseClass}>\n      <DiffCollapser\n        fields={field.fields}\n        Label={\n          'label' in field &&\n          field.label &&\n          typeof field.label !== 'function' && <span>{getTranslation(field.label, i18n)}</span>\n        }\n        locales={selectedLocales}\n        parentIsLocalized={parentIsLocalized || field.localized}\n        valueFrom={valueFrom}\n        valueTo={valueTo}\n      >\n        <RenderVersionFieldsToDiff versionFields={baseVersionField.fields} />\n      </DiffCollapser>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,aAAa,QAAQ;AAC9B,SAASC,yBAAyB,QAAQ;AAE1C,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,WAAA,GAAmDC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW,gBAAA;IAAAC,eAAA,EAAAC,SAAA;IAAAC,KAAA;IAAAC,iBAAA;IAAAC,YAAA,EAAAC;EAAA,IAAAR,EAMhE;EACC;IAAAS;EAAA,IAAiBf,cAAA;EACjB;IAAAgB;EAAA,IAA4Bf,kBAAA;EAAA,KAEvBO,gBAAA,CAAAS,MAAA,EAAAC,MAAA;IAAA;EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAZ,CAAA,QAAAC,gBAAA,CAAAS,MAAA,IAAAV,CAAA,QAAAI,KAAA,IAAAJ,CAAA,QAAAQ,IAAA,IAAAR,CAAA,QAAAK,iBAAA,IAAAL,CAAA,QAAAS,eAAA,IAAAT,CAAA,QAAAG,SAAA,IAAAH,CAAA,QAAAO,OAAA;IAKHK,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAAjB,SAAA;MAAAkB,QAAA,EACCF,IAAA,CAAAlB,aAAA;QAAAe,MAAA,EACUN,KAAA,CAAAM,MAAA;QAAAM,KAAA,EAEN,WAAWZ,KAAA,IACXA,KAAA,CAAAa,KAAW,IACX,OAAOb,KAAA,CAAAa,KAAA,KAAgB,cAAcJ,IAAA,CAAC;UAAAE,QAAA,EAAMxB,cAAA,CAAea,KAAA,CAAAa,KAAA,EAAaT,IAAA;QAAA,C;iBAEjEC,eAAA;QAAAJ,iBAAA,EACUA,iBAAA,IAAqBD,KAAA,CAAAc,SAAe;QAAAf,SAAA;QAAAI,OAAA;QAAAQ,QAAA,EAIvDF,IAAA,CAAAjB,yBAAA;UAAAuB,aAAA,EAA0ClB,gBAAA,CAAAS;QAAA,C;;;;;;;;;;;;;;SAb9CE,E;CAiBJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","useSelectedLocales","DiffCollapser","RenderVersionFieldsToDiff","baseClass","Collapsible","t0","$","baseVersionField","field","parentIsLocalized","valueFrom","valueTo","i18n","selectedLocales","fields","length","t1","_jsx","className","children","Label","label","localized","versionFields"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Collapsible/index.tsx"],"sourcesContent":["'use client'\nimport type { CollapsibleFieldDiffClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { useSelectedLocales } from '../../../Default/SelectedLocalesContext.js'\nimport { DiffCollapser } from '../../DiffCollapser/index.js'\nimport { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js'\n\nconst baseClass = 'collapsible-diff'\n\nexport const Collapsible: React.FC<CollapsibleFieldDiffClientProps> = ({\n  baseVersionField,\n  field,\n  parentIsLocalized,\n  valueFrom,\n  valueTo,\n}) => {\n  const { i18n } = useTranslation()\n  const { selectedLocales } = useSelectedLocales()\n\n  if (!baseVersionField.fields?.length) {\n    return null\n  }\n\n  return (\n    <div className={baseClass}>\n      <DiffCollapser\n        fields={field.fields}\n        Label={\n          'label' in field &&\n          field.label &&\n          typeof field.label !== 'function' && <span>{getTranslation(field.label, i18n)}</span>\n        }\n        locales={selectedLocales}\n        parentIsLocalized={parentIsLocalized || field.localized}\n        valueFrom={valueFrom}\n        valueTo={valueTo}\n      >\n        <RenderVersionFieldsToDiff versionFields={baseVersionField.fields} />\n      </DiffCollapser>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,aAAa,QAAQ;AAC9B,SAASC,yBAAyB,QAAQ;AAE1C,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,WAAA,GAAyDC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW,gBAAA;IAAAC,KAAA;IAAAC,iBAAA;IAAAC,SAAA;IAAAC;EAAA,IAAAN,EAMtE;EACC;IAAAO;EAAA,IAAiBb,cAAA;EACjB;IAAAc;EAAA,IAA4Bb,kBAAA;EAE5B,IAAI,CAACO,gBAAA,CAAAO,MAAyB,EAAAC,MAAA;IAAA,OACrB;EAAA;EACT,IAAAC,EAAA;EAAA,IAAAV,CAAA,QAAAC,gBAAA,CAAAO,MAAA,IAAAR,CAAA,QAAAE,KAAA,IAAAF,CAAA,QAAAM,IAAA,IAAAN,CAAA,QAAAG,iBAAA,IAAAH,CAAA,QAAAO,eAAA,IAAAP,CAAA,QAAAI,SAAA,IAAAJ,CAAA,QAAAK,OAAA;IAGEK,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAef,SAAA;MAAAgB,QAAA,EACdF,IAAA,CAAChB,aAAA;QAAAa,MAAA,EACSN,KAAA,CAAAM,MAAY;QAAAM,KAAA,EAElB,WAAWZ,KACA,IAAXA,KAAA,CAAAa,KACuB,IAAvB,OAAOb,KAAA,CAAAa,KAAW,KAAK,U,IAAcJ,IAAA,CAAC;UAAAE,QAAA,EAAMtB,cAAA,CAAeW,KAAA,CAAAa,KAAW,EAAET,IAAA;;iBAEjEC,eAAA;QAAAJ,iBAAA,EACUA,iBAAoC,IAAfD,KAAA,CAAAc,SAAe;QAAAZ,SAAA;QAAAC,OAAA;QAAAQ,QAAA,EAIvDF,IAAA,CAACf,yBAAA;UAAAqB,aAAA,EAAyChB,gBAAA,CAAAO;;;;;;;;;;;;;;;SAb9CE,E;CAiBJ","ignoreList":[]}

package/dist/views/Version/RenderFieldsToDiff/fields/Date/index.css

@@ -1,22 +1,30 @@
 @layer payload-default {
   .date-diff[data-match-type] {
+    /* stylelint-disable-next-line plugin/no-important -- TODO: pre-existing; revisit whether specificity can win instead */
     background-color: unset !important;
+    /* stylelint-disable-next-line plugin/no-important -- TODO: pre-existing; revisit whether specificity can win instead */
     border-radius: unset !important;
+    /* stylelint-disable-next-line plugin/no-important -- TODO: pre-existing; revisit whether specificity can win instead */
     padding: 0 !important;
   }
 
   .date-diff {
     p *[data-match-type='delete'] {
+      /* stylelint-disable-next-line plugin/no-important -- TODO: pre-existing; revisit whether specificity can win instead */
       color: unset !important;
+      /* stylelint-disable-next-line plugin/no-important -- TODO: pre-existing; revisit whether specificity can win instead */
       background-color: unset !important;
     }
 
     p *[data-match-type='create'] {
+      /* stylelint-disable-next-line plugin/no-important -- TODO: pre-existing; revisit whether specificity can win instead */
       color: unset !important;
+      /* stylelint-disable-next-line plugin/no-important -- TODO: pre-existing; revisit whether specificity can win instead */
       background-color: unset !important;
     }
   }
 
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 768px) {
     .field-diff-content .date-diff {
       display: contents;

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

@@ -1,4 +1,5 @@
-import type { DateFieldDiffClientComponent } from 'payload';
+import type { DateFieldDiffClientProps } from 'payload';
+import React from 'react';
 import './index.css';
-export declare const DateDiffComponent: DateFieldDiffClientComponent;
+export declare const DateDiffComponent: React.FC<DateFieldDiffClientProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Date/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAA;AAa3D,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,iBAAiB,EAAE,4BA2D/B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Date/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAEvD,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA2DhE,CAAA"}

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

@@ -11,13 +11,13 @@ import { formatDate } from '../../../../../utilities/formatDocTitle/formatDateTi
 import './index.css';
 const baseClass = 'date-diff';
 export const DateDiffComponent = t0 => {
-  const $ = _c(7);
+  const $ = _c(13);
   const {
-    comparisonValue: valueFrom,
     field,
     locale,
     nestingLevel,
-    versionValue: valueTo
+    valueFrom,
+    valueTo
   } = t0;
   const {
     i18n
@@ -31,32 +31,44 @@ export const DateDiffComponent = t0 => {
   const {
     dateFormat
   } = t2;
-  const formattedFromDate = valueFrom ? formatDate({
-    date: typeof valueFrom === "string" ? new Date(valueFrom) : valueFrom,
-    i18n,
-    pattern: dateFormat
-  }) : "";
-  const formattedToDate = valueTo ? formatDate({
-    date: typeof valueTo === "string" ? new Date(valueTo) : valueTo,
-    i18n,
-    pattern: dateFormat
-  }) : "";
-  const escapedFromDate = escapeDiffHTML(formattedFromDate);
-  const escapedToDate = escapeDiffHTML(formattedToDate);
-  const t3 = `<div class="${baseClass}" data-enable-match="true" data-date="${escapedFromDate}"><p>` + escapedFromDate + "</p></div>";
-  const t4 = `<div class="${baseClass}" data-enable-match="true" data-date="${escapedToDate}"><p>` + escapedToDate + "</p></div>";
-  let t5;
-  if ($[0] !== field.label || $[1] !== i18n || $[2] !== locale || $[3] !== nestingLevel || $[4] !== t3 || $[5] !== t4) {
+  let escapedFromDate;
+  let t3;
+  if ($[0] !== dateFormat || $[1] !== i18n || $[2] !== valueFrom || $[3] !== valueTo) {
+    const formattedFromDate = valueFrom ? formatDate({
+      date: typeof valueFrom === "string" ? new Date(valueFrom) : valueFrom,
+      i18n,
+      pattern: dateFormat
+    }) : "";
+    const formattedToDate = valueTo ? formatDate({
+      date: typeof valueTo === "string" ? new Date(valueTo) : valueTo,
+      i18n,
+      pattern: dateFormat
+    }) : "";
+    escapedFromDate = escapeDiffHTML(formattedFromDate);
+    t3 = escapeDiffHTML(formattedToDate);
+    $[0] = dateFormat;
+    $[1] = i18n;
+    $[2] = valueFrom;
+    $[3] = valueTo;
+    $[4] = escapedFromDate;
+    $[5] = t3;
+  } else {
+    escapedFromDate = $[4];
+    t3 = $[5];
+  }
+  const escapedToDate = t3;
+  let t4;
+  if ($[6] !== escapedFromDate || $[7] !== escapedToDate || $[8] !== field.label || $[9] !== i18n || $[10] !== locale || $[11] !== nestingLevel) {
     const {
       From,
       To
     } = getHTMLDiffComponents({
-      fromHTML: t3,
+      fromHTML: `<div class="${baseClass}" data-enable-match="true" data-date="${escapedFromDate}"><p>` + escapedFromDate + "</p></div>",
       postProcess: unescapeDiffHTML,
-      toHTML: t4,
+      toHTML: `<div class="${baseClass}" data-enable-match="true" data-date="${escapedToDate}"><p>` + escapedToDate + "</p></div>",
       tokenizeByCharacter: false
     });
-    t5 = _jsx(FieldDiffContainer, {
+    t4 = _jsx(FieldDiffContainer, {
       className: baseClass,
       From,
       i18n,
@@ -67,16 +79,16 @@ export const DateDiffComponent = t0 => {
       nestingLevel,
       To
     });
-    $[0] = field.label;
-    $[1] = i18n;
-    $[2] = locale;
-    $[3] = nestingLevel;
-    $[4] = t3;
-    $[5] = t4;
-    $[6] = t5;
+    $[6] = escapedFromDate;
+    $[7] = escapedToDate;
+    $[8] = field.label;
+    $[9] = i18n;
+    $[10] = locale;
+    $[11] = nestingLevel;
+    $[12] = t4;
   } else {
-    t5 = $[6];
+    t4 = $[12];
   }
-  return t5;
+  return t4;
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","FieldDiffContainer","escapeDiffHTML","getHTMLDiffComponents","unescapeDiffHTML","useConfig","useTranslation","formatDate","baseClass","DateDiffComponent","t0","$","comparisonValue","valueFrom","field","locale","nestingLevel","versionValue","valueTo","i18n","config","t1","admin","t2","dateFormat","formattedFromDate","date","Date","pattern","formattedToDate","escapedFromDate","escapedToDate","t3","t4","t5","label","From","To","fromHTML","postProcess","toHTML","tokenizeByCharacter","_jsx","className"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Date/index.tsx"],"sourcesContent":["'use client'\nimport type { DateFieldDiffClientComponent } from 'payload'\n\nimport React from 'react'\n\nimport { FieldDiffContainer } from '../../../../../elements/FieldDiffContainer/index.js'\nimport {\n  escapeDiffHTML,\n  getHTMLDiffComponents,\n  unescapeDiffHTML,\n} from '../../../../../elements/HTMLDiff/index.js'\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { formatDate } from '../../../../../utilities/formatDocTitle/formatDateTitle.js'\nimport './index.css'\n\nconst baseClass = 'date-diff'\n\nexport const DateDiffComponent: DateFieldDiffClientComponent = ({\n  comparisonValue: valueFrom,\n  field,\n  locale,\n  nestingLevel,\n  versionValue: valueTo,\n}) => {\n  const { i18n } = useTranslation()\n  const {\n    config: {\n      admin: { dateFormat },\n    },\n  } = useConfig()\n\n  const formattedFromDate = valueFrom\n    ? formatDate({\n        date: typeof valueFrom === 'string' ? new Date(valueFrom) : (valueFrom as Date),\n        i18n,\n        pattern: dateFormat,\n      })\n    : ''\n\n  const formattedToDate = valueTo\n    ? formatDate({\n        date: typeof valueTo === 'string' ? new Date(valueTo) : (valueTo as Date),\n        i18n,\n        pattern: dateFormat,\n      })\n    : ''\n\n  const escapedFromDate = escapeDiffHTML(formattedFromDate)\n  const escapedToDate = escapeDiffHTML(formattedToDate)\n\n  const { From, To } = getHTMLDiffComponents({\n    fromHTML:\n      `<div class=\"${baseClass}\" data-enable-match=\"true\" data-date=\"${escapedFromDate}\"><p>` +\n      escapedFromDate +\n      '</p></div>',\n    postProcess: unescapeDiffHTML,\n    toHTML:\n      `<div class=\"${baseClass}\" data-enable-match=\"true\" data-date=\"${escapedToDate}\"><p>` +\n      escapedToDate +\n      '</p></div>',\n    tokenizeByCharacter: false,\n  })\n\n  return (\n    <FieldDiffContainer\n      className={baseClass}\n      From={From}\n      i18n={i18n}\n      label={{\n        label: field.label,\n        locale,\n      }}\n      nestingLevel={nestingLevel}\n      To={To}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,kBAAkB,QAAQ;AACnC,SACEC,cAAc,EACdC,qBAAqB,EACrBC,gBAAgB,QACX;AACP,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,UAAU,QAAQ;AAC3B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,iBAAA,GAAkDC,EAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EAAC;IAAAa,eAAA,EAAAC,SAAA;IAAAC,KAAA;IAAAC,MAAA;IAAAC,YAAA;IAAAC,YAAA,EAAAC;EAAA,IAAAR,EAM/D;EACC;IAAAS;EAAA,IAAiBb,cAAA;EACjB;IAAAc,MAAA,EAAAC;EAAA,IAIIhB,SAAA;EAHM;IAAAiB,KAAA,EAAAC;EAAA,IAAAF,EAEP;EADQ;IAAAG;EAAA,IAAAD,EAAc;EAIzB,MAAAE,iBAAA,GAA0BZ,SAAA,GACtBN,UAAA;IAAAmB,IAAA,EACQ,OAAOb,SAAA,KAAc,eAAAc,IAAA,CAAoBd,SAAA,IAAcA,SAAA;IAAAM,IAAA;IAAAS,OAAA,EAEpDJ;EAAA,CACX,IACA;EAEJ,MAAAK,eAAA,GAAwBX,OAAA,GACpBX,UAAA;IAAAmB,IAAA,EACQ,OAAOR,OAAA,KAAY,eAAAS,IAAA,CAAoBT,OAAA,IAAYA,OAAA;IAAAC,IAAA;IAAAS,OAAA,EAEhDJ;EAAA,CACX,IACA;EAEJ,MAAAM,eAAA,GAAwB5B,cAAA,CAAeuB,iBAAA;EACvC,MAAAM,aAAA,GAAsB7B,cAAA,CAAe2B,eAAA;EAIjC,MAAAG,EAAA,kBAAAxB,SAAA,yCAAiEsB,eAAA,OAAsB,GACvFA,eAAA,GACA;EAGA,MAAAG,EAAA,kBAAAzB,SAAA,yCAAiEuB,aAAA,OAAoB,GACrFA,aAAA,GACA;EAAA,IAAAG,EAAA;EAAA,IAAAvB,CAAA,QAAAG,KAAA,CAAAqB,KAAA,IAAAxB,CAAA,QAAAQ,IAAA,IAAAR,CAAA,QAAAI,MAAA,IAAAJ,CAAA,QAAAK,YAAA,IAAAL,CAAA,QAAAqB,EAAA,IAAArB,CAAA,QAAAsB,EAAA;IATJ;MAAAG,IAAA;MAAAC;IAAA,IAAqBlC,qBAAA;MAAAmC,QAAA,EAEjBN,EAEA;MAAAO,WAAA,EAAAnC,gBAAA;MAAAoC,MAAA,EAGAP,EAEA;MAAAQ,mBAAA;IAAA,CAEJ;IAGEP,EAAA,GAAAQ,IAAA,CAAAzC,kBAAA;MAAA0C,SAAA,EAAAnC,SAAA;MAAA4B,IAAA;MAAAjB,IAAA;MAAAgB,KAAA;QAAAA,KAAA,EAKWrB,KAAA,CAAAqB,KAAA;QAAApB;MAAA;MAAAC,YAAA;MAAAqB;IAAA,C;;;;;;;;;;;SALXH,E;CAYJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","FieldDiffContainer","escapeDiffHTML","getHTMLDiffComponents","unescapeDiffHTML","useConfig","useTranslation","formatDate","baseClass","DateDiffComponent","t0","$","field","locale","nestingLevel","valueFrom","valueTo","i18n","config","t1","admin","t2","dateFormat","escapedFromDate","t3","formattedFromDate","date","Date","pattern","formattedToDate","escapedToDate","t4","label","From","To","fromHTML","postProcess","toHTML","tokenizeByCharacter","_jsx","className"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Date/index.tsx"],"sourcesContent":["'use client'\nimport type { DateFieldDiffClientProps } from 'payload'\n\nimport React from 'react'\n\nimport { FieldDiffContainer } from '../../../../../elements/FieldDiffContainer/index.js'\nimport {\n  escapeDiffHTML,\n  getHTMLDiffComponents,\n  unescapeDiffHTML,\n} from '../../../../../elements/HTMLDiff/index.js'\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { formatDate } from '../../../../../utilities/formatDocTitle/formatDateTitle.js'\nimport './index.css'\n\nconst baseClass = 'date-diff'\n\nexport const DateDiffComponent: React.FC<DateFieldDiffClientProps> = ({\n  field,\n  locale,\n  nestingLevel,\n  valueFrom,\n  valueTo,\n}) => {\n  const { i18n } = useTranslation()\n  const {\n    config: {\n      admin: { dateFormat },\n    },\n  } = useConfig()\n\n  const formattedFromDate = valueFrom\n    ? formatDate({\n        date: typeof valueFrom === 'string' ? new Date(valueFrom) : (valueFrom as Date),\n        i18n,\n        pattern: dateFormat,\n      })\n    : ''\n\n  const formattedToDate = valueTo\n    ? formatDate({\n        date: typeof valueTo === 'string' ? new Date(valueTo) : (valueTo as Date),\n        i18n,\n        pattern: dateFormat,\n      })\n    : ''\n\n  const escapedFromDate = escapeDiffHTML(formattedFromDate)\n  const escapedToDate = escapeDiffHTML(formattedToDate)\n\n  const { From, To } = getHTMLDiffComponents({\n    fromHTML:\n      `<div class=\"${baseClass}\" data-enable-match=\"true\" data-date=\"${escapedFromDate}\"><p>` +\n      escapedFromDate +\n      '</p></div>',\n    postProcess: unescapeDiffHTML,\n    toHTML:\n      `<div class=\"${baseClass}\" data-enable-match=\"true\" data-date=\"${escapedToDate}\"><p>` +\n      escapedToDate +\n      '</p></div>',\n    tokenizeByCharacter: false,\n  })\n\n  return (\n    <FieldDiffContainer\n      className={baseClass}\n      From={From}\n      i18n={i18n}\n      label={{\n        label: field.label,\n        locale,\n      }}\n      nestingLevel={nestingLevel}\n      To={To}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,kBAAkB,QAAQ;AACnC,SACEC,cAAc,EACdC,qBAAqB,EACrBC,gBAAgB,QACX;AACP,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,UAAU,QAAQ;AAC3B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,iBAAA,GAAwDC,EAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EAAC;IAAAa,KAAA;IAAAC,MAAA;IAAAC,YAAA;IAAAC,SAAA;IAAAC;EAAA,IAAAN,EAMrE;EACC;IAAAO;EAAA,IAAiBX,cAAA;EACjB;IAAAY,MAAA,EAAAC;EAAA,IAIId,SAAA;EAHM;IAAAe,KAAA,EAAAC;EAAA,IAAAF,EAEP;EADQ;IAAAG;EAAA,IAAAD,EAAc;EAAA,IAAAE,eAAA;EAAA,IAAAC,EAAA;EAAA,IAAAb,CAAA,QAAAW,UAAA,IAAAX,CAAA,QAAAM,IAAA,IAAAN,CAAA,QAAAI,SAAA,IAAAJ,CAAA,QAAAK,OAAA;IAIzB,MAAAS,iBAAA,GAA0BV,SAAA,GACtBR,UAAA,CAAW;MAAAmB,IAAA,EACH,OAAOX,SAAA,KAAc,QAAkC,GAAvD,IAAoCY,IAAA,CAAKZ,SAAc,IAAvDA,SAAuD;MAAAE,IAAA;MAAAW,OAAA,EAEpDN;IACX,CACA,IANsB,EAMtB;IAEJ,MAAAO,eAAA,GAAwBb,OAAA,GACpBT,UAAA,CAAW;MAAAmB,IAAA,EACH,OAAOV,OAAA,KAAY,QAAgC,GAAnD,IAAkCW,IAAA,CAAKX,OAAY,IAAnDA,OAAmD;MAAAC,IAAA;MAAAW,OAAA,EAEhDN;IACX,CACA,IANoB,EAMpB;IAEJC,eAAA,GAAwBrB,cAAA,CAAeuB,iBAAA;IACjBD,EAAA,GAAAtB,cAAA,CAAe2B,eAAA;IAAAlB,CAAA,MAAAW,UAAA;IAAAX,CAAA,MAAAM,IAAA;IAAAN,CAAA,MAAAI,SAAA;IAAAJ,CAAA,MAAAK,OAAA;IAAAL,CAAA,MAAAY,eAAA;IAAAZ,CAAA,MAAAa,EAAA;EAAA;IAAAD,eAAA,GAAAZ,CAAA;IAAAa,EAAA,GAAAb,CAAA;EAAA;EAArC,MAAAmB,aAAA,GAAsBN,EAAe;EAAA,IAAAO,EAAA;EAAA,IAAApB,CAAA,QAAAY,eAAA,IAAAZ,CAAA,QAAAmB,aAAA,IAAAnB,CAAA,QAAAC,KAAA,CAAAoB,KAAA,IAAArB,CAAA,QAAAM,IAAA,IAAAN,CAAA,SAAAE,MAAA,IAAAF,CAAA,SAAAG,YAAA;IAErC;MAAAmB,IAAA;MAAAC;IAAA,IAAqB/B,qBAAA,CAAsB;MAAAgC,QAAA,EAEvC,eAAe3B,SAAA,yCAAkDe,eAAA,OAAsB,GACvFA,eAAA,GACA;MAAAa,WAAA,EACWhC,gBAAA;MAAAiC,MAAA,EAEX,eAAe7B,SAAA,yCAAkDsB,aAAA,OAAoB,GACrFA,aAAA,GACA;MAAAQ,mBAAA,EACmB;IACvB;IAGEP,EAAA,GAAAQ,IAAA,CAACtC,kBAAA;MAAAuC,SAAA,EACYhC,SAAA;MAAAyB,IAAA;MAAAhB,IAAA;MAAAe,KAAA,EAGJ;QAAAA,KAAA,EACEpB,KAAA,CAAAoB,KAAW;QAAAnB;MAEpB;MAAAC,YAAA;MAAAoB;;;;;;;;;;;;SAPFH,E;CAYJ","ignoreList":[]}

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

@@ -1,4 +1,5 @@
-import type { GroupFieldDiffClientComponent } from 'payload';
+import type { GroupFieldDiffClientProps } from 'payload';
 import './index.css';
-export declare const Group: GroupFieldDiffClientComponent;
+import React from 'react';
+export declare const Group: React.FC<GroupFieldDiffClientProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Group/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,SAAS,CAAA;AAI5D,OAAO,aAAa,CAAA;AAWpB,eAAO,MAAM,KAAK,EAAE,6BAoCnB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Group/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAIxD,OAAO,aAAa,CAAA;AAEpB,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAoCrD,CAAA"}

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

@@ -14,11 +14,11 @@ export const Group = t0 => {
   const $ = _c(9);
   const {
     baseVersionField,
-    comparisonValue: valueFrom,
     field,
     locale,
     parentIsLocalized,
-    versionValue: valueTo
+    valueFrom,
+    valueTo
   } = t0;
   const {
     i18n

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","useSelectedLocales","DiffCollapser","RenderVersionFieldsToDiff","baseClass","Group","t0","$","baseVersionField","comparisonValue","valueFrom","field","locale","parentIsLocalized","versionValue","valueTo","i18n","selectedLocales","t1","fields","_jsx","className","children","Label","label","_jsxs","t","localized","versionFields"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Group/index.tsx"],"sourcesContent":["'use client'\nimport type { GroupFieldDiffClientComponent } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport './index.css'\n\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { useSelectedLocales } from '../../../Default/SelectedLocalesContext.js'\nimport { DiffCollapser } from '../../DiffCollapser/index.js'\nimport { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js'\n\nconst baseClass = 'group-diff'\n\nexport const Group: GroupFieldDiffClientComponent = ({\n  baseVersionField,\n  comparisonValue: valueFrom,\n  field,\n  locale,\n  parentIsLocalized,\n  versionValue: valueTo,\n}) => {\n  const { i18n } = useTranslation()\n  const { selectedLocales } = useSelectedLocales()\n\n  return (\n    <div className={baseClass}>\n      <DiffCollapser\n        fields={field.fields}\n        Label={\n          'label' in field && field.label && typeof field.label !== 'function' ? (\n            <span>\n              {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n              {getTranslation(field.label, i18n)}\n            </span>\n          ) : (\n            <span className={`${baseClass}__locale-label ${baseClass}__locale-label--no-label`}>\n              &lt;{i18n.t('version:noLabelGroup')}&gt;\n            </span>\n          )\n        }\n        locales={selectedLocales}\n        parentIsLocalized={parentIsLocalized || field.localized}\n        valueFrom={valueFrom}\n        valueTo={valueTo}\n      >\n        <RenderVersionFieldsToDiff versionFields={baseVersionField.fields} />\n      </DiffCollapser>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAE/B,OAAO;AAEP,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,aAAa,QAAQ;AAC9B,SAASC,yBAAyB,QAAQ;AAE1C,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,KAAA,GAAuCC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW,gBAAA;IAAAC,eAAA,EAAAC,SAAA;IAAAC,KAAA;IAAAC,MAAA;IAAAC,iBAAA;IAAAC,YAAA,EAAAC;EAAA,IAAAT,EAOpD;EACC;IAAAU;EAAA,IAAiBhB,cAAA;EACjB;IAAAiB;EAAA,IAA4BhB,kBAAA;EAAA,IAAAiB,EAAA;EAAA,IAAAX,CAAA,QAAAC,gBAAA,CAAAW,MAAA,IAAAZ,CAAA,QAAAI,KAAA,IAAAJ,CAAA,QAAAS,IAAA,IAAAT,CAAA,QAAAK,MAAA,IAAAL,CAAA,QAAAM,iBAAA,IAAAN,CAAA,QAAAU,eAAA,IAAAV,CAAA,QAAAG,SAAA,IAAAH,CAAA,QAAAQ,OAAA;IAG1BG,EAAA,GAAAE,IAAA,CAAC;MAAAC,SAAA,EAAAjB,SAAA;MAAAkB,QAAA,EACCF,IAAA,CAAAlB,aAAA;QAAAiB,MAAA,EACUR,KAAA,CAAAQ,MAAA;QAAAI,KAAA,EAEN,WAAWZ,KAAA,IAASA,KAAA,CAAAa,KAAW,IAAI,OAAOb,KAAA,CAAAa,KAAA,KAAgB,aACxDC,KAAA,CAAC;UAAAH,QAAA,GACEV,MAAA,IAAUQ,IAAA,CAAC;YAAAC,SAAA,EAAgB,GAAAjB,SAAA,gBAA4B;YAAAkB,QAAA,EAAGV;UAAA,C,GAC1Dd,cAAA,CAAea,KAAA,CAAAa,KAAA,EAAaR,IAAA;QAAA,C,IAG/BS,KAAA,CAAC;UAAAJ,SAAA,EAAgB,GAAAjB,SAAA,kBAAAA,SAAA,0BAAiE;UAAAkB,QAAA,GAAE,KAC7EN,IAAA,CAAAU,CAAA,CAAO,yBAAwB;QAAA,C;iBAIjCT,eAAA;QAAAJ,iBAAA,EACUA,iBAAA,IAAqBF,KAAA,CAAAgB,SAAe;QAAAjB,SAAA;QAAAK,OAAA;QAAAO,QAAA,EAIvDF,IAAA,CAAAjB,yBAAA;UAAAyB,aAAA,EAA0CpB,gBAAA,CAAAW;QAAA,C;;;;;;;;;;;;;;;SApB9CD,E;CAwBJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","useSelectedLocales","DiffCollapser","RenderVersionFieldsToDiff","baseClass","Group","t0","$","baseVersionField","field","locale","parentIsLocalized","valueFrom","valueTo","i18n","selectedLocales","t1","fields","_jsx","className","children","Label","label","_jsxs","t","localized","versionFields"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Group/index.tsx"],"sourcesContent":["'use client'\nimport type { GroupFieldDiffClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport './index.css'\n\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { useSelectedLocales } from '../../../Default/SelectedLocalesContext.js'\nimport { DiffCollapser } from '../../DiffCollapser/index.js'\nimport { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js'\n\nconst baseClass = 'group-diff'\n\nexport const Group: React.FC<GroupFieldDiffClientProps> = ({\n  baseVersionField,\n  field,\n  locale,\n  parentIsLocalized,\n  valueFrom,\n  valueTo,\n}) => {\n  const { i18n } = useTranslation()\n  const { selectedLocales } = useSelectedLocales()\n\n  return (\n    <div className={baseClass}>\n      <DiffCollapser\n        fields={field.fields}\n        Label={\n          'label' in field && field.label && typeof field.label !== 'function' ? (\n            <span>\n              {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n              {getTranslation(field.label, i18n)}\n            </span>\n          ) : (\n            <span className={`${baseClass}__locale-label ${baseClass}__locale-label--no-label`}>\n              &lt;{i18n.t('version:noLabelGroup')}&gt;\n            </span>\n          )\n        }\n        locales={selectedLocales}\n        parentIsLocalized={parentIsLocalized || field.localized}\n        valueFrom={valueFrom}\n        valueTo={valueTo}\n      >\n        <RenderVersionFieldsToDiff versionFields={baseVersionField.fields} />\n      </DiffCollapser>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAE/B,OAAO;AAEP,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,aAAa,QAAQ;AAC9B,SAASC,yBAAyB,QAAQ;AAE1C,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,KAAA,GAA6CC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW,gBAAA;IAAAC,KAAA;IAAAC,MAAA;IAAAC,iBAAA;IAAAC,SAAA;IAAAC;EAAA,IAAAP,EAO1D;EACC;IAAAQ;EAAA,IAAiBd,cAAA;EACjB;IAAAe;EAAA,IAA4Bd,kBAAA;EAAA,IAAAe,EAAA;EAAA,IAAAT,CAAA,QAAAC,gBAAA,CAAAS,MAAA,IAAAV,CAAA,QAAAE,KAAA,IAAAF,CAAA,QAAAO,IAAA,IAAAP,CAAA,QAAAG,MAAA,IAAAH,CAAA,QAAAI,iBAAA,IAAAJ,CAAA,QAAAQ,eAAA,IAAAR,CAAA,QAAAK,SAAA,IAAAL,CAAA,QAAAM,OAAA;IAG1BG,EAAA,GAAAE,IAAA,CAAC;MAAAC,SAAA,EAAef,SAAA;MAAAgB,QAAA,EACdF,IAAA,CAAChB,aAAA;QAAAe,MAAA,EACSR,KAAA,CAAAQ,MAAY;QAAAI,KAAA,EAElB,WAAWZ,KAAoB,IAAXA,KAAA,CAAAa,KAAsC,IAAvB,OAAOb,KAAA,CAAAa,KAAW,KAAK,U,GACxDC,KAAA,CAAC;UAAAH,QAAA,E,CACEV,M,IAAUQ,IAAA,CAAC;YAAAC,SAAA,EAAgB,GAAGf,SAAA,gBAAyB;YAAAgB,QAAA,EAAGV;cAC1DZ,cAAA,CAAeW,KAAA,CAAAa,KAAW,EAAER,IAAA;aAG/BS,KAAA,CAAC;UAAAJ,SAAA,EAAgB,GAAGf,SAAA,kBAA2BA,SAAA,0BAAmC;UAAAgB,QAAA,E,CAAE,KAC7EN,IAAA,CAAAU,CAAM,CAAC,yBAAwB;;iBAIjCT,eAAA;QAAAJ,iBAAA,EACUA,iBAAoC,IAAfF,KAAA,CAAAgB,SAAe;QAAAb,SAAA;QAAAC,OAAA;QAAAO,QAAA,EAIvDF,IAAA,CAACf,yBAAA;UAAAuB,aAAA,EAAyClB,gBAAA,CAAAS;;;;;;;;;;;;;;;;SApB9CD,E;CAwBJ","ignoreList":[]}

package/dist/views/Version/RenderFieldsToDiff/fields/Iterable/index.css

@@ -8,12 +8,11 @@
 
   .iterable-diff__label {
     color: var(--color-text-secondary);
-    font-family: var(--text-body-medium-strong-font-family);
-    font-size: var(--text-body-medium-strong-font-size);
+    font-size: var(--text-body-medium-bold-font-size);
     font-style: normal;
     font-weight: var(--font-weight-strong);
-    line-height: var(--text-body-medium-strong-line-height);
-    letter-spacing: var(--text-body-medium-strong-letter-spacing);
+    line-height: var(--text-body-medium-bold-line-height);
+    letter-spacing: var(--text-body-medium-bold-letter-spacing);
   }
 
   .iterable-diff__locale-label {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Iterable/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAInD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAUpB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAsGnD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Iterable/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAInD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAWpB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA+GnD,CAAA"}

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

@@ -11,17 +11,18 @@ import { useTranslation } from '../../../../../providers/Translation/index.js';
 import { useSelectedLocales } from '../../../Default/SelectedLocalesContext.js';
 import { DiffCollapser } from '../../DiffCollapser/index.js';
 import { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js';
+import { countChangedFieldsInRows } from '../../utilities/countChangedFields.js';
 import { getFieldsForRowComparison } from '../../utilities/getFieldsForRowComparison.js';
 const baseClass = 'iterable-diff';
 export const Iterable = t0 => {
   const $ = _c(12);
   const {
     baseVersionField,
-    comparisonValue: valueFrom,
     field,
     locale,
     parentIsLocalized,
-    versionValue: valueTo
+    valueFrom,
+    valueTo
   } = t0;
   const {
     i18n,
@@ -74,6 +75,14 @@ export const Iterable = t0 => {
               valueFromRow,
               valueToRow
             });
+            const changeCount = countChangedFieldsInRows({
+              config,
+              field,
+              locales: selectedLocales,
+              parentIsLocalized: parentIsLocalized || field.localized,
+              valueFromRows: [valueFromRow],
+              valueToRows: [valueToRow]
+            });
             if (!versionFields?.length) {
               return null;
             }
@@ -82,6 +91,7 @@ export const Iterable = t0 => {
             return _jsx("div", {
               className: `${baseClass}__row`,
               children: _jsx(DiffCollapser, {
+                changeCount,
                 fields,
                 hideGutter: true,
                 Label: _jsxs("div", {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","fieldIsArrayType","fieldIsBlockType","React","useConfig","useTranslation","useSelectedLocales","DiffCollapser","RenderVersionFieldsToDiff","getFieldsForRowComparison","baseClass","Iterable","t0","$","baseVersionField","comparisonValue","valueFrom","field","locale","parentIsLocalized","versionValue","valueTo","i18n","t","selectedLocales","config","Error","type","valueToRowCount","Array","isArray","length","valueFromRowCount","maxRows","Math","max","t1","_jsx","className","children","_jsxs","isIterable","Label","label","from","_","i","valueToRow","valueFromRow","fields","versionFields","row","rowNumber","String","padStart","rowLabel","hideGutter","localized","labels","plural"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Iterable/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FieldDiffClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { fieldIsArrayType, fieldIsBlockType } from 'payload/shared'\nimport React from 'react'\n\nimport './index.css'\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { useSelectedLocales } from '../../../Default/SelectedLocalesContext.js'\nimport { DiffCollapser } from '../../DiffCollapser/index.js'\nimport { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js'\nimport { getFieldsForRowComparison } from '../../utilities/getFieldsForRowComparison.js'\n\nconst baseClass = 'iterable-diff'\n\nexport const Iterable: React.FC<FieldDiffClientProps> = ({\n  baseVersionField,\n  comparisonValue: valueFrom,\n  field,\n  locale,\n  parentIsLocalized,\n  versionValue: valueTo,\n}) => {\n  const { i18n, t } = useTranslation()\n  const { selectedLocales } = useSelectedLocales()\n  const { config } = useConfig()\n\n  if (!fieldIsArrayType(field) && !fieldIsBlockType(field)) {\n    throw new Error(`Expected field to be an array or blocks type but got: ${field.type}`)\n  }\n\n  const valueToRowCount = Array.isArray(valueTo) ? valueTo.length : 0\n  const valueFromRowCount = Array.isArray(valueFrom) ? valueFrom.length : 0\n  const maxRows = Math.max(valueToRowCount, valueFromRowCount)\n\n  return (\n    <div className={baseClass}>\n      <DiffCollapser\n        field={field}\n        isIterable\n        Label={\n          'label' in field &&\n          field.label &&\n          typeof field.label !== 'function' && (\n            <span>\n              {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n              {getTranslation(field.label, i18n)}\n            </span>\n          )\n        }\n        locales={selectedLocales}\n        parentIsLocalized={parentIsLocalized}\n        valueFrom={valueFrom}\n        valueTo={valueTo}\n      >\n        {maxRows > 0 && (\n          <div className={`${baseClass}__rows`}>\n            {Array.from({ length: maxRows }, (_, i) => {\n              const valueToRow = valueTo?.[i] || {}\n              const valueFromRow = valueFrom?.[i] || {}\n\n              const { fields, versionFields } = getFieldsForRowComparison({\n                baseVersionField,\n                config,\n                field,\n                row: i,\n                valueFromRow,\n                valueToRow,\n              })\n\n              if (!versionFields?.length) {\n                // Rows without a diff create \"holes\" in the baseVersionField.rows (=versionFields) array - this is to maintain the correct row indexes.\n                // It does mean that this row has no diff and should not be rendered => skip it.\n                return null\n              }\n\n              const rowNumber = String(i + 1).padStart(2, '0')\n              const rowLabel = fieldIsArrayType(field)\n                ? `${t('general:item')} ${rowNumber}`\n                : `${t('fields:block')} ${rowNumber}`\n\n              return (\n                <div className={`${baseClass}__row`} key={i}>\n                  <DiffCollapser\n                    fields={fields}\n                    hideGutter={true}\n                    Label={\n                      <div className={`${baseClass}-label-container`}>\n                        <div className={`${baseClass}-label-prefix`}></div>\n                        <span className={`${baseClass}__label`}>{rowLabel}</span>\n                      </div>\n                    }\n                    locales={selectedLocales}\n                    parentIsLocalized={parentIsLocalized || field.localized}\n                    valueFrom={valueFromRow}\n                    valueTo={valueToRow}\n                  >\n                    <RenderVersionFieldsToDiff versionFields={versionFields} />\n                  </DiffCollapser>\n                </div>\n              )\n            })}\n          </div>\n        )}\n        {maxRows === 0 && (\n          <div className={`${baseClass}__no-rows`}>\n            {i18n.t('version:noRowsFound', {\n              label:\n                'labels' in field && field.labels?.plural\n                  ? getTranslation(field.labels.plural, i18n)\n                  : i18n.t('general:rows'),\n            })}\n          </div>\n        )}\n      </DiffCollapser>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,SAASC,cAAc,QAAQ;AAC/B,SAASC,gBAAgB,EAAEC,gBAAgB,QAAQ;AACnD,OAAOC,KAAA,MAAW;AAElB,OAAO;AACP,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,aAAa,QAAQ;AAC9B,SAASC,yBAAyB,QAAQ;AAC1C,SAASC,yBAAyB,QAAQ;AAE1C,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,QAAA,GAA2CC,EAAA;EAAA,MAAAC,CAAA,GAAAd,EAAA;EAAC;IAAAe,gBAAA;IAAAC,eAAA,EAAAC,SAAA;IAAAC,KAAA;IAAAC,MAAA;IAAAC,iBAAA;IAAAC,YAAA,EAAAC;EAAA,IAAAT,EAOxD;EACC;IAAAU,IAAA;IAAAC;EAAA,IAAoBlB,cAAA;EACpB;IAAAmB;EAAA,IAA4BlB,kBAAA;EAC5B;IAAAmB;EAAA,IAAmBrB,SAAA;EAAA,IAEf,CAACH,gBAAA,CAAiBgB,KAAA,MAAWf,gBAAA,CAAiBe,KAAA;IAAA,UAAAS,KAAA,CAChC,yDAAyDT,KAAA,CAAAU,IAAA,EAAY;EAAA;EAGvF,MAAAC,eAAA,GAAwBC,KAAA,CAAAC,OAAA,CAAcT,OAAA,IAAWA,OAAA,CAAAU,MAAA,IAAiB;EAClE,MAAAC,iBAAA,GAA0BH,KAAA,CAAAC,OAAA,CAAcd,SAAA,IAAaA,SAAA,CAAAe,MAAA,IAAmB;EACxE,MAAAE,OAAA,GAAgBC,IAAA,CAAAC,GAAA,CAASP,eAAA,EAAiBI,iBAAA;EAAA,IAAAI,EAAA;EAAA,IAAAvB,CAAA,QAAAC,gBAAA,IAAAD,CAAA,QAAAY,MAAA,IAAAZ,CAAA,QAAAI,KAAA,IAAAJ,CAAA,QAAAS,IAAA,IAAAT,CAAA,QAAAK,MAAA,IAAAL,CAAA,QAAAoB,OAAA,IAAApB,CAAA,QAAAM,iBAAA,IAAAN,CAAA,QAAAW,eAAA,IAAAX,CAAA,QAAAU,CAAA,IAAAV,CAAA,QAAAG,SAAA,IAAAH,CAAA,SAAAQ,OAAA;IAGxCe,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAA5B,SAAA;MAAA6B,QAAA,EACCC,KAAA,CAAAjC,aAAA;QAAAU,KAAA;QAAAwB,UAAA;QAAAC,KAAA,EAII,WAAWzB,KAAA,IACXA,KAAA,CAAA0B,KAAW,IACX,OAAO1B,KAAA,CAAA0B,KAAA,KAAgB,cACrBH,KAAA,CAAC;UAAAD,QAAA,GACErB,MAAA,IAAUmB,IAAA,CAAC;YAAAC,SAAA,EAAgB,GAAA5B,SAAA,gBAA4B;YAAA6B,QAAA,EAAGrB;UAAA,C,GAC1DlB,cAAA,CAAeiB,KAAA,CAAA0B,KAAA,EAAarB,IAAA;QAAA,C;iBAI1BE,eAAA;QAAAL,iBAAA;QAAAH,SAAA;QAAAK,OAAA;QAAAkB,QAAA,GAKRN,OAAA,IAAU,IACTI,IAAA,CAAC;UAAAC,SAAA,EAAe,GAAA5B,SAAA,QAAoB;UAAA6B,QAAA,EACjCV,KAAA,CAAAe,IAAA;YAAAb,MAAA,EAAqBE;UAAA,IAAAY,CAAA,EAAAC,CAAA;YACpB,MAAAC,UAAA,GAAmB1B,OAAA,GAAUyB,CAAA,OAAO;YACpC,MAAAE,YAAA,GAAqBhC,SAAA,GAAY8B,CAAA,OAAO;YAExC;cAAAG,MAAA;cAAAC;YAAA,IAAkCzC,yBAAA;cAAAK,gBAAA;cAAAW,MAAA;cAAAR,KAAA;cAAAkC,GAAA,EAI3BL,CAAA;cAAAE,YAAA;cAAAD;YAAA,CAGP;YAAA,KAEKG,aAAA,EAAAnB,MAAA;cAAA;YAAA;YAML,MAAAqB,SAAA,GAAkBC,MAAA,CAAOP,CAAA,IAAI,EAAAQ,QAAA,IAAe;YAC5C,MAAAC,QAAA,GAAiBtD,gBAAA,CAAiBgB,KAAA,IAC9B,GAAGM,CAAA,CAAE,mBAAmB6B,SAAA,EAAW,GACnC,GAAG7B,CAAA,CAAE,mBAAmB6B,SAAA,EAAW;YAAA,OAGrCf,IAAA,CAAC;cAAAC,SAAA,EAAe,GAAA5B,SAAA,OAAmB;cAAA6B,QAAA,EACjCF,IAAA,CAAA9B,aAAA;gBAAA0C,MAAA;gBAAAO,UAAA;gBAAAd,KAAA,EAIIF,KAAA,CAAC;kBAAAF,SAAA,EAAe,GAAA5B,SAAA,kBAA8B;kBAAA6B,QAAA,GAC5CF,IAAA,CAAC;oBAAAC,SAAA,EAAe,GAAA5B,SAAA;kBAA2B,C,GAC3C2B,IAAA,CAAC;oBAAAC,SAAA,EAAgB,GAAA5B,SAAA,SAAqB;oBAAA6B,QAAA,EAAGgB;kBAAA,C;;yBAGpC/B,eAAA;gBAAAL,iBAAA,EACUA,iBAAA,IAAqBF,KAAA,CAAAwC,SAAe;gBAAAzC,SAAA,EAC5CgC,YAAA;gBAAA3B,OAAA,EACF0B,UAAA;gBAAAR,QAAA,EAETF,IAAA,CAAA7B,yBAAA;kBAAA0C;gBAAA,C;;eAfsCJ,CAAA;UAAA,CAmB9C;QAAA,C,GAGHb,OAAA,MAAY,IACXI,IAAA,CAAC;UAAAC,SAAA,EAAe,GAAA5B,SAAA,WAAuB;UAAA6B,QAAA,EACpCjB,IAAA,CAAAC,CAAA,CAAO;YAAAoB,KAAA,EAEJ,YAAY1B,KAAA,IAASA,KAAA,CAAAyC,MAAA,EAAAC,MAAc,GAC/B3D,cAAA,CAAeiB,KAAA,CAAAyC,MAAA,CAAAC,MAAA,EAAqBrC,IAAA,IACpCA,IAAA,CAAAC,CAAA,CAAO;UAAA,CACf;QAAA,C;;;;;;;;;;;;;;;;;;SA3ERa,E;CAiFJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","fieldIsArrayType","fieldIsBlockType","React","useConfig","useTranslation","useSelectedLocales","DiffCollapser","RenderVersionFieldsToDiff","countChangedFieldsInRows","getFieldsForRowComparison","baseClass","Iterable","t0","$","baseVersionField","field","locale","parentIsLocalized","valueFrom","valueTo","i18n","t","selectedLocales","config","Error","type","valueToRowCount","Array","isArray","length","valueFromRowCount","maxRows","Math","max","t1","_jsx","className","children","_jsxs","isIterable","Label","label","from","_","i","valueToRow","valueFromRow","fields","versionFields","row","changeCount","locales","localized","valueFromRows","valueToRows","rowNumber","String","padStart","rowLabel","hideGutter","labels","plural"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Iterable/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FieldDiffClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { fieldIsArrayType, fieldIsBlockType } from 'payload/shared'\nimport React from 'react'\n\nimport './index.css'\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { useSelectedLocales } from '../../../Default/SelectedLocalesContext.js'\nimport { DiffCollapser } from '../../DiffCollapser/index.js'\nimport { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js'\nimport { countChangedFieldsInRows } from '../../utilities/countChangedFields.js'\nimport { getFieldsForRowComparison } from '../../utilities/getFieldsForRowComparison.js'\n\nconst baseClass = 'iterable-diff'\n\nexport const Iterable: React.FC<FieldDiffClientProps> = ({\n  baseVersionField,\n  field,\n  locale,\n  parentIsLocalized,\n  valueFrom,\n  valueTo,\n}) => {\n  const { i18n, t } = useTranslation()\n  const { selectedLocales } = useSelectedLocales()\n  const { config } = useConfig()\n\n  if (!fieldIsArrayType(field) && !fieldIsBlockType(field)) {\n    throw new Error(`Expected field to be an array or blocks type but got: ${field.type}`)\n  }\n\n  const valueToRowCount = Array.isArray(valueTo) ? valueTo.length : 0\n  const valueFromRowCount = Array.isArray(valueFrom) ? valueFrom.length : 0\n  const maxRows = Math.max(valueToRowCount, valueFromRowCount)\n\n  return (\n    <div className={baseClass}>\n      <DiffCollapser\n        field={field}\n        isIterable\n        Label={\n          'label' in field &&\n          field.label &&\n          typeof field.label !== 'function' && (\n            <span>\n              {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n              {getTranslation(field.label, i18n)}\n            </span>\n          )\n        }\n        locales={selectedLocales}\n        parentIsLocalized={parentIsLocalized}\n        valueFrom={valueFrom}\n        valueTo={valueTo}\n      >\n        {maxRows > 0 && (\n          <div className={`${baseClass}__rows`}>\n            {Array.from({ length: maxRows }, (_, i) => {\n              const valueToRow = valueTo?.[i] || {}\n              const valueFromRow = valueFrom?.[i] || {}\n\n              const { fields, versionFields } = getFieldsForRowComparison({\n                baseVersionField,\n                config,\n                field,\n                row: i,\n                valueFromRow,\n                valueToRow,\n              })\n              const changeCount = countChangedFieldsInRows({\n                config,\n                field,\n                locales: selectedLocales,\n                parentIsLocalized: parentIsLocalized || field.localized,\n                valueFromRows: [valueFromRow],\n                valueToRows: [valueToRow],\n              })\n\n              if (!versionFields?.length) {\n                // Rows without a diff create \"holes\" in the baseVersionField.rows (=versionFields) array - this is to maintain the correct row indexes.\n                // It does mean that this row has no diff and should not be rendered => skip it.\n                return null\n              }\n\n              const rowNumber = String(i + 1).padStart(2, '0')\n              const rowLabel = fieldIsArrayType(field)\n                ? `${t('general:item')} ${rowNumber}`\n                : `${t('fields:block')} ${rowNumber}`\n\n              return (\n                <div className={`${baseClass}__row`} key={i}>\n                  <DiffCollapser\n                    changeCount={changeCount}\n                    fields={fields}\n                    hideGutter={true}\n                    Label={\n                      <div className={`${baseClass}-label-container`}>\n                        <div className={`${baseClass}-label-prefix`}></div>\n                        <span className={`${baseClass}__label`}>{rowLabel}</span>\n                      </div>\n                    }\n                    locales={selectedLocales}\n                    parentIsLocalized={parentIsLocalized || field.localized}\n                    valueFrom={valueFromRow}\n                    valueTo={valueToRow}\n                  >\n                    <RenderVersionFieldsToDiff versionFields={versionFields} />\n                  </DiffCollapser>\n                </div>\n              )\n            })}\n          </div>\n        )}\n        {maxRows === 0 && (\n          <div className={`${baseClass}__no-rows`}>\n            {i18n.t('version:noRowsFound', {\n              label:\n                'labels' in field && field.labels?.plural\n                  ? getTranslation(field.labels.plural, i18n)\n                  : i18n.t('general:rows'),\n            })}\n          </div>\n        )}\n      </DiffCollapser>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Version/RenderFieldsToDiff/fields/Relationship/generateLabelFromValue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generateLabelFromValue.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Relationship/generateLabelFromValue.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAc,MAAM,SAAS,CAAA;AAS5E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAEnD,eAAO,MAAM,sBAAsB,sDAMhC;IACD,KAAK,EAAE,iBAAiB,CAAA;IACxB,MAAM,EAAE,MAAM,CAAA;IACd,iBAAiB,EAAE,OAAO,CAAA;IAC1B,GAAG,EAAE,cAAc,CAAA;IACnB,KAAK,EAAE,iBAAiB,CAAA;CACzB,KAAG,OAAO,CAAC,MAAM,CA4EjB,CAAA"}
+{"version":3,"file":"generateLabelFromValue.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Relationship/generateLabelFromValue.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAc,MAAM,SAAS,CAAA;AAS5E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAEnD,eAAO,MAAM,sBAAsB,sDAMhC;IACD,KAAK,EAAE,iBAAiB,CAAA;IACxB,MAAM,EAAE,MAAM,CAAA;IACd,iBAAiB,EAAE,OAAO,CAAA;IAC1B,GAAG,EAAE,cAAc,CAAA;IACnB,KAAK,EAAE,iBAAiB,CAAA;CACzB,KAAG,OAAO,CAAC,MAAM,CA6EjB,CAAA"}

package/dist/views/Version/RenderFieldsToDiff/fields/Relationship/generateLabelFromValue.js

@@ -39,6 +39,7 @@ export const generateLabelFromValue = async ({
         collection: relationTo,
         depth: 0,
         locale: titleFieldIsLocalized ? locale : undefined,
+        overrideAccess: true,
         req,
         select: {
           [useAsTitle]: true

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

@@ -1 +1 @@
-{"version":3,"file":"generateLabelFromValue.js","names":["fieldAffectsData","fieldIsPresentationalOnly","fieldShouldBeLocalized","flattenTopLevelFields","generateLabelFromValue","field","locale","parentIsLocalized","req","value","relatedDoc","relationTo","valueToReturn","relatedCollection","payload","collections","config","useAsTitle","admin","flattenedRelatedCollectionFields","fields","moveSubFieldsToTop","useAsTitleField","find","f","name","titleFieldIsLocalized","fetchedDoc","findByID","id","collection","depth","undefined","select","i18n","t","error","String","JSON","stringify"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Relationship/generateLabelFromValue.ts"],"sourcesContent":["import type { PayloadRequest, RelationshipField, TypeWithID } from 'payload'\n\nimport {\n  fieldAffectsData,\n  fieldIsPresentationalOnly,\n  fieldShouldBeLocalized,\n  flattenTopLevelFields,\n} from 'payload/shared'\n\nimport type { RelationshipValue } from './index.js'\n\nexport const generateLabelFromValue = async ({\n  field,\n  locale,\n  parentIsLocalized,\n  req,\n  value,\n}: {\n  field: RelationshipField\n  locale: string\n  parentIsLocalized: boolean\n  req: PayloadRequest\n  value: RelationshipValue\n}): Promise<string> => {\n  let relatedDoc: number | string | TypeWithID\n  let relationTo: string = field.relationTo as string\n  let valueToReturn: string = ''\n\n  if (typeof value === 'object' && 'relationTo' in value) {\n    relatedDoc = value.value\n    relationTo = value.relationTo\n  } else {\n    // Non-polymorphic relationship or deleted document\n    relatedDoc = value\n  }\n\n  const relatedCollection = req.payload.collections[relationTo].config\n\n  const useAsTitle = relatedCollection?.admin?.useAsTitle\n\n  const flattenedRelatedCollectionFields = flattenTopLevelFields(relatedCollection.fields, {\n    moveSubFieldsToTop: true,\n  })\n\n  const useAsTitleField = flattenedRelatedCollectionFields.find(\n    (f) => fieldAffectsData(f) && !fieldIsPresentationalOnly(f) && f.name === useAsTitle,\n  )\n  let titleFieldIsLocalized = false\n\n  if (useAsTitleField && fieldAffectsData(useAsTitleField)) {\n    titleFieldIsLocalized = fieldShouldBeLocalized({ field: useAsTitleField, parentIsLocalized })\n  }\n\n  if (typeof relatedDoc?.[useAsTitle] !== 'undefined') {\n    valueToReturn = relatedDoc[useAsTitle]\n  } else if (typeof relatedDoc === 'string' || typeof relatedDoc === 'number') {\n    // When relatedDoc is just an ID (due to maxDepth: 0), fetch the document to get the title\n    try {\n      const fetchedDoc = await req.payload.findByID({\n        id: relatedDoc,\n        collection: relationTo,\n        depth: 0,\n        locale: titleFieldIsLocalized ? locale : undefined,\n        req,\n        select: {\n          [useAsTitle]: true,\n        },\n      })\n\n      if (fetchedDoc?.[useAsTitle]) {\n        valueToReturn = fetchedDoc[useAsTitle]\n      } else {\n        valueToReturn = `${req.i18n.t('general:untitled')} - ID: ${relatedDoc}`\n      }\n    } catch (error) {\n      // Document might have been deleted or user doesn't have access\n      valueToReturn = `${req.i18n.t('general:untitled')} - ID: ${relatedDoc}`\n    }\n  } else {\n    valueToReturn = String(typeof relatedDoc === 'object' ? relatedDoc.id : relatedDoc)\n  }\n\n  if (\n    typeof valueToReturn === 'object' &&\n    valueToReturn &&\n    titleFieldIsLocalized &&\n    valueToReturn?.[locale]\n  ) {\n    valueToReturn = valueToReturn[locale]\n  }\n\n  if (\n    (valueToReturn && typeof valueToReturn === 'object' && valueToReturn !== null) ||\n    typeof valueToReturn !== 'string'\n  ) {\n    valueToReturn = JSON.stringify(valueToReturn)\n  }\n\n  return valueToReturn\n}\n"],"mappings":"AAEA,SACEA,gBAAgB,EAChBC,yBAAyB,EACzBC,sBAAsB,EACtBC,qBAAqB,QAChB;AAIP,OAAO,MAAMC,sBAAA,GAAyB,MAAAA,CAAO;EAC3CC,KAAK;EACLC,MAAM;EACNC,iBAAiB;EACjBC,GAAG;EACHC;AAAK,CAON;EACC,IAAIC,UAAA;EACJ,IAAIC,UAAA,GAAqBN,KAAA,CAAMM,UAAU;EACzC,IAAIC,aAAA,GAAwB;EAE5B,IAAI,OAAOH,KAAA,KAAU,YAAY,gBAAgBA,KAAA,EAAO;IACtDC,UAAA,GAAaD,KAAA,CAAMA,KAAK;IACxBE,UAAA,GAAaF,KAAA,CAAME,UAAU;EAC/B,OAAO;IACL;IACAD,UAAA,GAAaD,KAAA;EACf;EAEA,MAAMI,iBAAA,GAAoBL,GAAA,CAAIM,OAAO,CAACC,WAAW,CAACJ,UAAA,CAAW,CAACK,MAAM;EAEpE,MAAMC,UAAA,GAAaJ,iBAAA,EAAmBK,KAAA,EAAOD,UAAA;EAE7C,MAAME,gCAAA,GAAmChB,qBAAA,CAAsBU,iBAAA,CAAkBO,MAAM,EAAE;IACvFC,kBAAA,EAAoB;EACtB;EAEA,MAAMC,eAAA,GAAkBH,gCAAA,CAAiCI,IAAI,CAC1DC,CAAA,IAAMxB,gBAAA,CAAiBwB,CAAA,KAAM,CAACvB,yBAAA,CAA0BuB,CAAA,KAAMA,CAAA,CAAEC,IAAI,KAAKR,UAAA;EAE5E,IAAIS,qBAAA,GAAwB;EAE5B,IAAIJ,eAAA,IAAmBtB,gBAAA,CAAiBsB,eAAA,GAAkB;IACxDI,qBAAA,GAAwBxB,sBAAA,CAAuB;MAAEG,KAAA,EAAOiB,eAAA;MAAiBf;IAAkB;EAC7F;EAEA,IAAI,OAAOG,UAAA,GAAaO,UAAA,CAAW,KAAK,aAAa;IACnDL,aAAA,GAAgBF,UAAU,CAACO,UAAA,CAAW;EACxC,OAAO,IAAI,OAAOP,UAAA,KAAe,YAAY,OAAOA,UAAA,KAAe,UAAU;IAC3E;IACA,IAAI;MACF,MAAMiB,UAAA,GAAa,MAAMnB,GAAA,CAAIM,OAAO,CAACc,QAAQ,CAAC;QAC5CC,EAAA,EAAInB,UAAA;QACJoB,UAAA,EAAYnB,UAAA;QACZoB,KAAA,EAAO;QACPzB,MAAA,EAAQoB,qBAAA,GAAwBpB,MAAA,GAAS0B,SAAA;QACzCxB,GAAA;QACAyB,MAAA,EAAQ;UACN,CAAChB,UAAA,GAAa;QAChB;MACF;MAEA,IAAIU,UAAA,GAAaV,UAAA,CAAW,EAAE;QAC5BL,aAAA,GAAgBe,UAAU,CAACV,UAAA,CAAW;MACxC,OAAO;QACLL,aAAA,GAAgB,GAAGJ,GAAA,CAAI0B,IAAI,CAACC,CAAC,CAAC,6BAA6BzB,UAAA,EAAY;MACzE;IACF,EAAE,OAAO0B,KAAA,EAAO;MACd;MACAxB,aAAA,GAAgB,GAAGJ,GAAA,CAAI0B,IAAI,CAACC,CAAC,CAAC,6BAA6BzB,UAAA,EAAY;IACzE;EACF,OAAO;IACLE,aAAA,GAAgByB,MAAA,CAAO,OAAO3B,UAAA,KAAe,WAAWA,UAAA,CAAWmB,EAAE,GAAGnB,UAAA;EAC1E;EAEA,IACE,OAAOE,aAAA,KAAkB,YACzBA,aAAA,IACAc,qBAAA,IACAd,aAAA,GAAgBN,MAAA,CAAO,EACvB;IACAM,aAAA,GAAgBA,aAAa,CAACN,MAAA,CAAO;EACvC;EAEA,IACEM,aAAC,IAAiB,OAAOA,aAAA,KAAkB,YAAYA,aAAA,KAAkB,QACzE,OAAOA,aAAA,KAAkB,UACzB;IACAA,aAAA,GAAgB0B,IAAA,CAAKC,SAAS,CAAC3B,aAAA;EACjC;EAEA,OAAOA,aAAA;AACT","ignoreList":[]}
+{"version":3,"file":"generateLabelFromValue.js","names":["fieldAffectsData","fieldIsPresentationalOnly","fieldShouldBeLocalized","flattenTopLevelFields","generateLabelFromValue","field","locale","parentIsLocalized","req","value","relatedDoc","relationTo","valueToReturn","relatedCollection","payload","collections","config","useAsTitle","admin","flattenedRelatedCollectionFields","fields","moveSubFieldsToTop","useAsTitleField","find","f","name","titleFieldIsLocalized","fetchedDoc","findByID","id","collection","depth","undefined","overrideAccess","select","i18n","t","error","String","JSON","stringify"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Relationship/generateLabelFromValue.ts"],"sourcesContent":["import type { PayloadRequest, RelationshipField, TypeWithID } from 'payload'\n\nimport {\n  fieldAffectsData,\n  fieldIsPresentationalOnly,\n  fieldShouldBeLocalized,\n  flattenTopLevelFields,\n} from 'payload/shared'\n\nimport type { RelationshipValue } from './index.js'\n\nexport const generateLabelFromValue = async ({\n  field,\n  locale,\n  parentIsLocalized,\n  req,\n  value,\n}: {\n  field: RelationshipField\n  locale: string\n  parentIsLocalized: boolean\n  req: PayloadRequest\n  value: RelationshipValue\n}): Promise<string> => {\n  let relatedDoc: number | string | TypeWithID\n  let relationTo: string = field.relationTo as string\n  let valueToReturn: string = ''\n\n  if (typeof value === 'object' && 'relationTo' in value) {\n    relatedDoc = value.value\n    relationTo = value.relationTo\n  } else {\n    // Non-polymorphic relationship or deleted document\n    relatedDoc = value\n  }\n\n  const relatedCollection = req.payload.collections[relationTo].config\n\n  const useAsTitle = relatedCollection?.admin?.useAsTitle\n\n  const flattenedRelatedCollectionFields = flattenTopLevelFields(relatedCollection.fields, {\n    moveSubFieldsToTop: true,\n  })\n\n  const useAsTitleField = flattenedRelatedCollectionFields.find(\n    (f) => fieldAffectsData(f) && !fieldIsPresentationalOnly(f) && f.name === useAsTitle,\n  )\n  let titleFieldIsLocalized = false\n\n  if (useAsTitleField && fieldAffectsData(useAsTitleField)) {\n    titleFieldIsLocalized = fieldShouldBeLocalized({ field: useAsTitleField, parentIsLocalized })\n  }\n\n  if (typeof relatedDoc?.[useAsTitle] !== 'undefined') {\n    valueToReturn = relatedDoc[useAsTitle]\n  } else if (typeof relatedDoc === 'string' || typeof relatedDoc === 'number') {\n    // When relatedDoc is just an ID (due to maxDepth: 0), fetch the document to get the title\n    try {\n      const fetchedDoc = await req.payload.findByID({\n        id: relatedDoc,\n        collection: relationTo,\n        depth: 0,\n        locale: titleFieldIsLocalized ? locale : undefined,\n        overrideAccess: true,\n        req,\n        select: {\n          [useAsTitle]: true,\n        },\n      })\n\n      if (fetchedDoc?.[useAsTitle]) {\n        valueToReturn = fetchedDoc[useAsTitle]\n      } else {\n        valueToReturn = `${req.i18n.t('general:untitled')} - ID: ${relatedDoc}`\n      }\n    } catch (error) {\n      // Document might have been deleted or user doesn't have access\n      valueToReturn = `${req.i18n.t('general:untitled')} - ID: ${relatedDoc}`\n    }\n  } else {\n    valueToReturn = String(typeof relatedDoc === 'object' ? relatedDoc.id : relatedDoc)\n  }\n\n  if (\n    typeof valueToReturn === 'object' &&\n    valueToReturn &&\n    titleFieldIsLocalized &&\n    valueToReturn?.[locale]\n  ) {\n    valueToReturn = valueToReturn[locale]\n  }\n\n  if (\n    (valueToReturn && typeof valueToReturn === 'object' && valueToReturn !== null) ||\n    typeof valueToReturn !== 'string'\n  ) {\n    valueToReturn = JSON.stringify(valueToReturn)\n  }\n\n  return valueToReturn\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Version/RenderFieldsToDiff/fields/Relationship/index.css

@@ -78,7 +78,6 @@
     outline-offset: calc(var(--stroke-width-small) * -1);
     background-color: var(--color-bg);
     position: relative;
-    font-family: var(--text-body-medium-font-family);
     font-size: var(--text-body-medium-font-size);
     font-weight: var(--text-body-medium-font-weight);
     line-height: var(--text-body-medium-line-height);
@@ -180,6 +179,7 @@
     text-decoration-line: line-through;
   }
 
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 768px) {
     .relationship-diff-container--hasOne .field-diff-content {
       padding: 0;

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

@@ -1,4 +1,4 @@
-import type { PayloadRequest, RelationshipField, RelationshipFieldDiffServerComponent, TypeWithID } from 'payload';
+import type { PayloadRequest, RelationshipField, RelationshipFieldDiffServerProps, TypeWithID } from 'payload';
 import { type I18nClient } from '@payloadcms/translations';
 import React from 'react';
 import './index.css';
@@ -6,7 +6,7 @@ export type RelationshipValue = {
     relationTo: string;
     value: number | string | TypeWithID;
 } | (number | string | TypeWithID);
-export declare const Relationship: RelationshipFieldDiffServerComponent;
+export declare const Relationship: React.FC<RelationshipFieldDiffServerProps>;
 export declare const SingleRelationshipDiff: React.FC<{
     field: RelationshipField;
     i18n: I18nClient;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Relationship/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EACd,iBAAiB,EACjB,oCAAoC,EACpC,UAAU,EACX,MAAM,SAAS,CAAA;AAEhB,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1E,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,aAAa,CAAA;AAIpB,MAAM,MAAM,iBAAiB,GACzB;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAA;CAAE,GAC3D,CAAC,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC,CAAA;AAElC,eAAO,MAAM,YAAY,EAAE,oCA8C1B,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC5C,KAAK,EAAE,iBAAiB,CAAA;IACxB,IAAI,EAAE,UAAU,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iBAAiB,EAAE,OAAO,CAAA;IAC1B,WAAW,EAAE,OAAO,CAAA;IACpB,GAAG,EAAE,cAAc,CAAA;IACnB,SAAS,EAAE,iBAAiB,CAAA;IAC5B,OAAO,EAAE,iBAAiB,CAAA;CAC3B,CA4GA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Relationship/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EACd,iBAAiB,EACjB,gCAAgC,EAChC,UAAU,EACX,MAAM,SAAS,CAAA;AAEhB,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1E,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,aAAa,CAAA;AAIpB,MAAM,MAAM,iBAAiB,GACzB;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAA;CAAE,GAC3D,CAAC,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC,CAAA;AAElC,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,gCAAgC,CA8CnE,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC5C,KAAK,EAAE,iBAAiB,CAAA;IACxB,IAAI,EAAE,UAAU,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iBAAiB,EAAE,OAAO,CAAA;IAC1B,WAAW,EAAE,OAAO,CAAA;IACpB,GAAG,EAAE,cAAc,CAAA;IACnB,SAAS,EAAE,iBAAiB,CAAA;IAC5B,OAAO,EAAE,iBAAiB,CAAA;CAC3B,CA4GA,CAAA"}

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

@@ -7,14 +7,14 @@ import { generateLabelFromValue } from './generateLabelFromValue.js';
 import './index.css';
 const baseClass = 'relationship-diff';
 export const Relationship = ({
-  comparisonValue: valueFrom,
   field,
   i18n,
   locale,
   nestingLevel,
   parentIsLocalized,
   req,
-  versionValue: valueTo
+  valueFrom,
+  valueTo
 }) => {
   const hasMany = 'hasMany' in field && field.hasMany ||
   // Check data structure (handles block swaps where schema may not match data)