@payloadcms/next 3.86.0-internal.ac46214 → 4.0.0-canary.0

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

@@ -1,4 +1,4 @@
 import type { TextFieldDiffClientComponent } from 'payload';
-import './index.scss';
+import './index.css';
 export declare const Text: TextFieldDiffClientComponent;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Text/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAA;AAW3D,OAAO,cAAc,CAAA;AAqCrB,eAAO,MAAM,IAAI,EAAE,4BAgDlB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Text/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAA;AAW3D,OAAO,aAAa,CAAA;AAqCpB,eAAO,MAAM,IAAI,EAAE,4BAqDlB,CAAA"}

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

@@ -36,7 +36,7 @@ function formatValue(value) {
   };
 }
 export const Text = t0 => {
-  const $ = _c(8);
+  const $ = _c(9);
   const {
     comparisonValue: valueFrom,
     field,
@@ -45,14 +45,19 @@ export const Text = t0 => {
     versionValue: valueTo
   } = t0;
   const {
-    i18n
+    i18n,
+    t
   } = useTranslation();
   let placeholder = "";
-  if (valueTo == valueFrom) {
-    placeholder = "<span class=\"html-diff-no-value\"><span>";
+  if (valueTo === valueFrom) {
+    placeholder = "<span class=\"html-diff-no-value\"></span>";
   }
   let t1;
-  if ($[0] !== field.label || $[1] !== i18n || $[2] !== locale || $[3] !== nestingLevel || $[4] !== placeholder || $[5] !== valueFrom || $[6] !== valueTo) {
+  if ($[0] !== field.label || $[1] !== i18n || $[2] !== locale || $[3] !== nestingLevel || $[4] !== placeholder || $[5] !== t || $[6] !== valueFrom || $[7] !== valueTo) {
+    const NoValue = _jsx("div", {
+      className: "diff-no-value",
+      children: t("general:noValue")
+    });
     const formattedValueFrom = formatValue(valueFrom);
     const formattedValueTo = formatValue(valueTo);
     let tokenizeByCharacter = true;
@@ -63,17 +68,19 @@ export const Text = t0 => {
         tokenizeByCharacter = formattedValueTo.tokenizeByCharacter;
       }
     }
-    const renderedValueFrom = formattedValueFrom.value ?? placeholder;
-    const renderedValueTo = formattedValueTo.value ?? placeholder;
+    const fromHTML = formattedValueFrom.value ?? placeholder;
+    const toHTML = formattedValueTo.value ?? placeholder;
     const {
-      From,
-      To
+      From: DiffFrom,
+      To: DiffTo
     } = getHTMLDiffComponents({
-      fromHTML: "<p>" + renderedValueFrom + "</p>",
+      fromHTML: `<p>${fromHTML}</p>`,
       postProcess: unescapeDiffHTML,
-      toHTML: "<p>" + renderedValueTo + "</p>",
+      toHTML: `<p>${toHTML}</p>`,
       tokenizeByCharacter
     });
+    const From = fromHTML ? DiffFrom : NoValue;
+    const To = toHTML ? DiffTo : NoValue;
     t1 = _jsx(FieldDiffContainer, {
       className: baseClass,
       From,
@@ -90,11 +97,12 @@ export const Text = t0 => {
     $[2] = locale;
     $[3] = nestingLevel;
     $[4] = placeholder;
-    $[5] = valueFrom;
-    $[6] = valueTo;
-    $[7] = t1;
+    $[5] = t;
+    $[6] = valueFrom;
+    $[7] = valueTo;
+    $[8] = t1;
   } else {
-    t1 = $[7];
+    t1 = $[8];
   }
   return t1;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","escapeDiffHTML","FieldDiffContainer","getHTMLDiffComponents","unescapeDiffHTML","useTranslation","React","baseClass","formatValue","value","tokenizeByCharacter","String","JSON","stringify","undefined","Text","t0","$","comparisonValue","valueFrom","field","locale","nestingLevel","versionValue","valueTo","i18n","placeholder","t1","label","formattedValueFrom","formattedValueTo","length","renderedValueFrom","renderedValueTo","From","To","fromHTML","postProcess","toHTML","_jsx","className"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Text/index.tsx"],"sourcesContent":["'use client'\nimport type { TextFieldDiffClientComponent } from 'payload'\n\nimport {\n  escapeDiffHTML,\n  FieldDiffContainer,\n  getHTMLDiffComponents,\n  unescapeDiffHTML,\n  useTranslation,\n} from '@payloadcms/ui'\nimport React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'text-diff'\n\nfunction formatValue(value: unknown): {\n  tokenizeByCharacter: boolean\n  value: string\n} {\n  if (typeof value === 'string') {\n    return { tokenizeByCharacter: true, value: escapeDiffHTML(value) }\n  }\n  if (typeof value === 'number') {\n    return {\n      tokenizeByCharacter: true,\n      value: String(value),\n    }\n  }\n  if (typeof value === 'boolean') {\n    return {\n      tokenizeByCharacter: false,\n      value: String(value),\n    }\n  }\n\n  if (value && typeof value === 'object') {\n    return {\n      tokenizeByCharacter: false,\n      value: `<pre>${escapeDiffHTML(JSON.stringify(value, null, 2))}</pre>`,\n    }\n  }\n\n  return {\n    tokenizeByCharacter: true,\n    value: undefined,\n  }\n}\n\nexport const Text: TextFieldDiffClientComponent = ({\n  comparisonValue: valueFrom,\n  field,\n  locale,\n  nestingLevel,\n  versionValue: valueTo,\n}) => {\n  const { i18n } = useTranslation()\n\n  let placeholder = ''\n\n  if (valueTo == valueFrom) {\n    placeholder = `<span class=\"html-diff-no-value\"><span>`\n  }\n\n  const formattedValueFrom = formatValue(valueFrom)\n  const formattedValueTo = formatValue(valueTo)\n\n  let tokenizeByCharacter = true\n  if (formattedValueFrom.value?.length) {\n    tokenizeByCharacter = formattedValueFrom.tokenizeByCharacter\n  } else if (formattedValueTo.value?.length) {\n    tokenizeByCharacter = formattedValueTo.tokenizeByCharacter\n  }\n\n  const renderedValueFrom = formattedValueFrom.value ?? placeholder\n  const renderedValueTo: string = formattedValueTo.value ?? placeholder\n\n  const { From, To } = getHTMLDiffComponents({\n    fromHTML: '<p>' + renderedValueFrom + '</p>',\n    postProcess: unescapeDiffHTML,\n    toHTML: '<p>' + renderedValueTo + '</p>',\n    tokenizeByCharacter,\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,SACEC,cAAc,EACdC,kBAAkB,EAClBC,qBAAqB,EACrBC,gBAAgB,EAChBC,cAAc,QACT;AACP,OAAOC,KAAA,MAAW;AAIlB,MAAMC,SAAA,GAAY;AAElB,SAASC,YAAYC,KAAc;EAIjC,IAAI,OAAOA,KAAA,KAAU,UAAU;IAC7B,OAAO;MAAEC,mBAAA,EAAqB;MAAMD,KAAA,EAAOR,cAAA,CAAeQ,KAAA;IAAO;EACnE;EACA,IAAI,OAAOA,KAAA,KAAU,UAAU;IAC7B,OAAO;MACLC,mBAAA,EAAqB;MACrBD,KAAA,EAAOE,MAAA,CAAOF,KAAA;IAChB;EACF;EACA,IAAI,OAAOA,KAAA,KAAU,WAAW;IAC9B,OAAO;MACLC,mBAAA,EAAqB;MACrBD,KAAA,EAAOE,MAAA,CAAOF,KAAA;IAChB;EACF;EAEA,IAAIA,KAAA,IAAS,OAAOA,KAAA,KAAU,UAAU;IACtC,OAAO;MACLC,mBAAA,EAAqB;MACrBD,KAAA,EAAO,QAAQR,cAAA,CAAeW,IAAA,CAAKC,SAAS,CAACJ,KAAA,EAAO,MAAM;IAC5D;EACF;EAEA,OAAO;IACLC,mBAAA,EAAqB;IACrBD,KAAA,EAAOK;EACT;AACF;AAEA,OAAO,MAAMC,IAAA,GAAqCC,EAAA;EAAA,MAAAC,CAAA,GAAAjB,EAAA;EAAC;IAAAkB,eAAA,EAAAC,SAAA;IAAAC,KAAA;IAAAC,MAAA;IAAAC,YAAA;IAAAC,YAAA,EAAAC;EAAA,IAAAR,EAMlD;EACC;IAAAS;EAAA,IAAiBpB,cAAA;EAEjB,IAAAqB,WAAA,GAAkB;EAAA,IAEdF,OAAA,IAAWL,SAAA;IACbO,WAAA,CAAAA,CAAA,CAAcA,2CAAyC;EAAvD;EAAA,IAAAC,EAAA;EAAA,IAAAV,CAAA,QAAAG,KAAA,CAAAQ,KAAA,IAAAX,CAAA,QAAAQ,IAAA,IAAAR,CAAA,QAAAI,MAAA,IAAAJ,CAAA,QAAAK,YAAA,IAAAL,CAAA,QAAAS,WAAA,IAAAT,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAO,OAAA;IAGF,MAAAK,kBAAA,GAA2BrB,WAAA,CAAYW,SAAA;IACvC,MAAAW,gBAAA,GAAyBtB,WAAA,CAAYgB,OAAA;IAErC,IAAAd,mBAAA;IAA0B,IACtBmB,kBAAA,CAAApB,KAAA,EAAAsB,MAAA;MACFrB,mBAAA,CAAAA,CAAA,CAAsBmB,kBAAA,CAAAnB,mBAAA;IAAtB;MAAA,IACSoB,gBAAA,CAAArB,KAAA,EAAAsB,MAAA;QACTrB,mBAAA,CAAAA,CAAA,CAAsBoB,gBAAA,CAAApB,mBAAA;MAAtB;IAAA;IAGF,MAAAsB,iBAAA,GAA0BH,kBAAA,CAAApB,KAAA,IAA4BiB,WAAA;IACtD,MAAAO,eAAA,GAAgCH,gBAAA,CAAArB,KAAA,IAA0BiB,WAAA;IAE1D;MAAAQ,IAAA;MAAAC;IAAA,IAAqBhC,qBAAA;MAAAiC,QAAA,EACT,QAAQJ,iBAAA,GAAoB;MAAAK,WAAA,EAAAjC,gBAAA;MAAAkC,MAAA,EAE9B,QAAQL,eAAA,GAAkB;MAAAvB;IAAA,CAEpC;IAGEiB,EAAA,GAAAY,IAAA,CAAArC,kBAAA;MAAAsC,SAAA,EAAAjC,SAAA;MAAA2B,IAAA;MAAAT,IAAA;MAAAG,KAAA;QAAAA,KAAA,EAKWR,KAAA,CAAAQ,KAAA;QAAAP;MAAA;MAAAC,YAAA;MAAAa;IAAA,C;;;;;;;;;;;;SALXR,E;CAYJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","escapeDiffHTML","FieldDiffContainer","getHTMLDiffComponents","unescapeDiffHTML","useTranslation","React","baseClass","formatValue","value","tokenizeByCharacter","String","JSON","stringify","undefined","Text","t0","$","comparisonValue","valueFrom","field","locale","nestingLevel","versionValue","valueTo","i18n","t","placeholder","t1","label","NoValue","_jsx","className","children","formattedValueFrom","formattedValueTo","length","fromHTML","toHTML","From","DiffFrom","To","DiffTo","postProcess"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Text/index.tsx"],"sourcesContent":["'use client'\nimport type { TextFieldDiffClientComponent } from 'payload'\n\nimport {\n  escapeDiffHTML,\n  FieldDiffContainer,\n  getHTMLDiffComponents,\n  unescapeDiffHTML,\n  useTranslation,\n} from '@payloadcms/ui'\nimport React from 'react'\n\nimport './index.css'\n\nconst baseClass = 'text-diff'\n\nfunction formatValue(value: unknown): {\n  tokenizeByCharacter: boolean\n  value: string | undefined\n} {\n  if (typeof value === 'string') {\n    return { tokenizeByCharacter: true, value: escapeDiffHTML(value) }\n  }\n  if (typeof value === 'number') {\n    return {\n      tokenizeByCharacter: true,\n      value: String(value),\n    }\n  }\n  if (typeof value === 'boolean') {\n    return {\n      tokenizeByCharacter: false,\n      value: String(value),\n    }\n  }\n\n  if (value && typeof value === 'object') {\n    return {\n      tokenizeByCharacter: false,\n      value: `<pre>${escapeDiffHTML(JSON.stringify(value, null, 2))}</pre>`,\n    }\n  }\n\n  return {\n    tokenizeByCharacter: true,\n    value: undefined,\n  }\n}\n\nexport const Text: TextFieldDiffClientComponent = ({\n  comparisonValue: valueFrom,\n  field,\n  locale,\n  nestingLevel,\n  versionValue: valueTo,\n}) => {\n  const { i18n, t } = useTranslation()\n\n  let placeholder = ''\n\n  if (valueTo === valueFrom) {\n    placeholder = `<span class=\"html-diff-no-value\"></span>`\n  }\n\n  const NoValue = <div className=\"diff-no-value\">{t('general:noValue')}</div>\n\n  const formattedValueFrom = formatValue(valueFrom)\n  const formattedValueTo = formatValue(valueTo)\n\n  let tokenizeByCharacter = true\n  if (formattedValueFrom.value?.length) {\n    tokenizeByCharacter = formattedValueFrom.tokenizeByCharacter\n  } else if (formattedValueTo.value?.length) {\n    tokenizeByCharacter = formattedValueTo.tokenizeByCharacter\n  }\n\n  const fromHTML = formattedValueFrom.value ?? placeholder\n  const toHTML = formattedValueTo.value ?? placeholder\n\n  const { From: DiffFrom, To: DiffTo } = getHTMLDiffComponents({\n    fromHTML: `<p>${fromHTML}</p>`,\n    postProcess: unescapeDiffHTML,\n    toHTML: `<p>${toHTML}</p>`,\n    tokenizeByCharacter,\n  })\n\n  const From = fromHTML ? DiffFrom : NoValue\n  const To = toHTML ? DiffTo : NoValue\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,SACEC,cAAc,EACdC,kBAAkB,EAClBC,qBAAqB,EACrBC,gBAAgB,EAChBC,cAAc,QACT;AACP,OAAOC,KAAA,MAAW;AAIlB,MAAMC,SAAA,GAAY;AAElB,SAASC,YAAYC,KAAc;EAIjC,IAAI,OAAOA,KAAA,KAAU,UAAU;IAC7B,OAAO;MAAEC,mBAAA,EAAqB;MAAMD,KAAA,EAAOR,cAAA,CAAeQ,KAAA;IAAO;EACnE;EACA,IAAI,OAAOA,KAAA,KAAU,UAAU;IAC7B,OAAO;MACLC,mBAAA,EAAqB;MACrBD,KAAA,EAAOE,MAAA,CAAOF,KAAA;IAChB;EACF;EACA,IAAI,OAAOA,KAAA,KAAU,WAAW;IAC9B,OAAO;MACLC,mBAAA,EAAqB;MACrBD,KAAA,EAAOE,MAAA,CAAOF,KAAA;IAChB;EACF;EAEA,IAAIA,KAAA,IAAS,OAAOA,KAAA,KAAU,UAAU;IACtC,OAAO;MACLC,mBAAA,EAAqB;MACrBD,KAAA,EAAO,QAAQR,cAAA,CAAeW,IAAA,CAAKC,SAAS,CAACJ,KAAA,EAAO,MAAM;IAC5D;EACF;EAEA,OAAO;IACLC,mBAAA,EAAqB;IACrBD,KAAA,EAAOK;EACT;AACF;AAEA,OAAO,MAAMC,IAAA,GAAqCC,EAAA;EAAA,MAAAC,CAAA,GAAAjB,EAAA;EAAC;IAAAkB,eAAA,EAAAC,SAAA;IAAAC,KAAA;IAAAC,MAAA;IAAAC,YAAA;IAAAC,YAAA,EAAAC;EAAA,IAAAR,EAMlD;EACC;IAAAS,IAAA;IAAAC;EAAA,IAAoBrB,cAAA;EAEpB,IAAAsB,WAAA,GAAkB;EAAA,IAEdH,OAAA,KAAYL,SAAA;IACdQ,WAAA,CAAAA,CAAA,CAAcA,4CAA0C;EAAxD;EAAA,IAAAC,EAAA;EAAA,IAAAX,CAAA,QAAAG,KAAA,CAAAS,KAAA,IAAAZ,CAAA,QAAAQ,IAAA,IAAAR,CAAA,QAAAI,MAAA,IAAAJ,CAAA,QAAAK,YAAA,IAAAL,CAAA,QAAAU,WAAA,IAAAV,CAAA,QAAAS,CAAA,IAAAT,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAO,OAAA;IAGF,MAAAM,OAAA,GAAgBC,IAAA,CAAC;MAAAC,SAAA,EAAc;MAAAC,QAAA,EAAiBP,CAAA,CAAE;IAAA,C;IAElD,MAAAQ,kBAAA,GAA2B1B,WAAA,CAAYW,SAAA;IACvC,MAAAgB,gBAAA,GAAyB3B,WAAA,CAAYgB,OAAA;IAErC,IAAAd,mBAAA;IAA0B,IACtBwB,kBAAA,CAAAzB,KAAA,EAAA2B,MAAA;MACF1B,mBAAA,CAAAA,CAAA,CAAsBwB,kBAAA,CAAAxB,mBAAA;IAAtB;MAAA,IACSyB,gBAAA,CAAA1B,KAAA,EAAA2B,MAAA;QACT1B,mBAAA,CAAAA,CAAA,CAAsByB,gBAAA,CAAAzB,mBAAA;MAAtB;IAAA;IAGF,MAAA2B,QAAA,GAAiBH,kBAAA,CAAAzB,KAAA,IAA4BkB,WAAA;IAC7C,MAAAW,MAAA,GAAeH,gBAAA,CAAA1B,KAAA,IAA0BkB,WAAA;IAEzC;MAAAY,IAAA,EAAAC,QAAA;MAAAC,EAAA,EAAAC;IAAA,IAAuCvC,qBAAA;MAAAkC,QAAA,EAC3B,MAAMA,QAAA,MAAc;MAAAM,WAAA,EAAAvC,gBAAA;MAAAkC,MAAA,EAEtB,MAAMA,MAAA,MAAY;MAAA5B;IAAA,CAE5B;IAEA,MAAA6B,IAAA,GAAaF,QAAA,GAAWG,QAAA,GAAWV,OAAA;IACnC,MAAAW,EAAA,GAAWH,MAAA,GAASI,MAAA,GAASZ,OAAA;IAG3BF,EAAA,GAAAG,IAAA,CAAA7B,kBAAA;MAAA8B,SAAA,EAAAzB,SAAA;MAAAgC,IAAA;MAAAd,IAAA;MAAAI,KAAA;QAAAA,KAAA,EAKWT,KAAA,CAAAS,KAAA;QAAAR;MAAA;MAAAC,YAAA;MAAAmB;IAAA,C;;;;;;;;;;;;;SALXb,E;CAYJ","ignoreList":[]}

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

@@ -0,0 +1,188 @@
+@layer payload-default {
+  .upload-diff-container .field-diff-content {
+    padding: 0;
+    background: unset;
+  }
+
+  .upload-diff-container .html-diff {
+    background-color: transparent;
+    margin-block: 0;
+    padding-block: 0;
+  }
+
+  .upload-diff-container .diff-no-value {
+    padding: var(--spacer-2) var(--spacer-2-5);
+  }
+
+  .upload-diff-container .field-diff-content > .html-diff__diff-old {
+    padding-left: 0;
+  }
+
+  .upload-diff-container .field-diff-content > .html-diff__diff-new {
+    padding-right: 0;
+  }
+
+  @media (max-width: 768px) {
+    /* Stack hasMany columns vertically */
+    .upload-diff-container--hasMany .field-diff-content {
+      grid-template-columns: 1fr;
+      gap: var(--spacer-2);
+    }
+
+    /*
+     * Suppress the generic mobile column-level styling for uploads.
+     * Individual .upload-diff elements handle their own create/delete backgrounds.
+     */
+    .upload-diff-container .field-diff-content > .html-diff__diff-old,
+    .upload-diff-container .field-diff-content > .html-diff__diff-new {
+      background: transparent;
+      padding: 0;
+      border-radius: 0;
+      min-height: unset;
+      overflow: visible;
+    }
+
+    /* On mobile, remove .upload-diff padding so it sits flush inside the stacked column */
+    .upload-diff-container--hasOne .upload-diff,
+    .upload-diff-container--hasOne
+      .html-diff
+      .upload-diff.upload-diff.upload-diff[data-match-type='create'],
+    .upload-diff-container--hasOne
+      .html-diff
+      .upload-diff.upload-diff.upload-diff[data-match-type='delete'] {
+      padding: 0;
+    }
+  }
+
+  .upload-diff-hasMany {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-2);
+  }
+
+  .upload-diff {
+    min-width: 100%;
+    max-width: fit-content;
+    display: flex;
+    align-items: center;
+    background-color: var(--color-bg-secondary);
+    border-radius: var(--radius-medium);
+    position: relative;
+    font-family: var(--text-body-medium-font-family);
+    padding: var(--spacer-1);
+
+    &[data-match-type] {
+      .upload-diff__thumbnail {
+        background-color: transparent;
+      }
+    }
+
+    &[data-match-type='create'] {
+      background-color: var(--diff-create-parent-bg);
+      color: var(--diff-create-parent-color);
+
+      .upload-diff__info {
+        color: var(--diff-create-parent-color);
+      }
+    }
+
+    &[data-match-type='delete'] {
+      text-decoration-line: none;
+      background-color: var(--diff-delete-parent-bg);
+      color: var(--diff-delete-parent-color);
+
+      .upload-diff__info {
+        text-decoration-line: line-through;
+        text-decoration-color: var(--diff-delete-parent-color);
+        color: var(--diff-delete-parent-color);
+      }
+    }
+  }
+
+  /* Override HTMLDiff generic [data-match-type] styles which have higher specificity */
+  .html-diff .upload-diff.upload-diff.upload-diff[data-match-type='create'],
+  .html-diff .upload-diff.upload-diff.upload-diff[data-match-type='delete'] {
+    border-radius: var(--radius-medium);
+    padding: var(--spacer-1);
+    text-decoration-line: none;
+  }
+
+  .html-diff .upload-diff.upload-diff.upload-diff[data-match-type='create'] {
+    background-color: var(--diff-create-parent-bg);
+    color: var(--diff-create-parent-color);
+  }
+
+  .html-diff .upload-diff.upload-diff.upload-diff[data-match-type='delete'] {
+    background-color: var(--diff-delete-parent-bg);
+    color: var(--diff-delete-parent-color);
+  }
+
+  .upload-diff__card {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    width: 100%;
+    gap: var(--spacer-2);
+  }
+
+  .upload-diff__thumbnail {
+    width: var(--spacer-4);
+    height: var(--spacer-4);
+    position: relative;
+    overflow: hidden;
+    flex-shrink: 0;
+    border-radius: var(--radius-medium);
+    background-color: var(--color-bg-secondary);
+
+    img,
+    svg {
+      position: absolute;
+      object-fit: cover;
+      width: 100%;
+      height: 100%;
+    }
+  }
+
+  .upload-diff__info {
+    flex-grow: 1;
+    display: flex;
+    align-items: center;
+    font-weight: var(--text-body-medium-font-weight);
+    font-size: var(--text-body-medium-font-size);
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    min-width: var(--stroke-width-small);
+  }
+
+  .upload-diff__pill {
+    border-radius: var(--radius-medium);
+    padding-inline: var(--spacer-1);
+    background-color: var(--color-bg-brand);
+    color: var(--color-text-onbrand);
+    font-size: var(--text-body-medium-font-size);
+    line-height: var(--text-body-medium-line-height);
+    white-space: nowrap;
+    flex-shrink: 0;
+  }
+
+  .upload-diff[data-match-type] .upload-diff__pill {
+    text-decoration-line: none;
+  }
+
+  .upload-diff[data-match-type='create'] .upload-diff__pill {
+    background-color: var(--color-bg-brand);
+    color: var(--color-text-onbrand);
+  }
+
+  .upload-diff[data-match-type='delete'] .upload-diff__pill {
+    background-color: var(--color-bg-danger);
+    color: var(--color-text-oncomponent);
+
+    * {
+      text-decoration-line: none;
+      color: var(--color-text-oncomponent);
+      background-color: transparent;
+    }
+  }
+}

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

@@ -1,6 +1,6 @@
 import type { FileData, PayloadRequest, TypeWithID, UploadField, UploadFieldDiffServerComponent } from 'payload';
 import { type I18nClient } from '@payloadcms/translations';
-import './index.scss';
+import './index.css';
 import React from 'react';
 type NonPolyUploadDoc = (FileData & TypeWithID) | number | string;
 type PolyUploadDoc = {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Upload/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,QAAQ,EACR,cAAc,EACd,UAAU,EACV,WAAW,EACX,8BAA8B,EAC/B,MAAM,SAAS,CAAA;AAEhB,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAG1E,OAAO,cAAc,CAAA;AAErB,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,KAAK,gBAAgB,GAAG,CAAC,QAAQ,GAAG,UAAU,CAAC,GAAG,MAAM,GAAG,MAAM,CAAA;AACjE,KAAK,aAAa,GAAG;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,CAAC,QAAQ,GAAG,UAAU,CAAC,GAAG,MAAM,GAAG,MAAM,CAAA;CAAE,CAAA;AAE7F,KAAK,SAAS,GAAG,gBAAgB,GAAG,aAAa,CAAA;AAEjD,eAAO,MAAM,MAAM,EAAE,8BAwCpB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IACvC,KAAK,EAAE,WAAW,CAAA;IAClB,IAAI,EAAE,UAAU,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,EAAE,OAAO,CAAA;IACpB,GAAG,EAAE,cAAc,CAAA;IACnB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAC3B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;CAC1B,CAiFA,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,KAAK,EAAE,WAAW,CAAA;IAClB,IAAI,EAAE,UAAU,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,EAAE,OAAO,CAAA;IACpB,GAAG,EAAE,cAAc,CAAA;IACnB,SAAS,EAAE,SAAS,CAAA;IACpB,OAAO,EAAE,SAAS,CAAA;CACnB,CA2DA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Upload/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,QAAQ,EACR,cAAc,EACd,UAAU,EACV,WAAW,EACX,8BAA8B,EAC/B,MAAM,SAAS,CAAA;AAEhB,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAG1E,OAAO,aAAa,CAAA;AAEpB,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,KAAK,gBAAgB,GAAG,CAAC,QAAQ,GAAG,UAAU,CAAC,GAAG,MAAM,GAAG,MAAM,CAAA;AACjE,KAAK,aAAa,GAAG;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,CAAC,QAAQ,GAAG,UAAU,CAAC,GAAG,MAAM,GAAG,MAAM,CAAA;CAAE,CAAA;AAE7F,KAAK,SAAS,GAAG,gBAAgB,GAAG,aAAa,CAAA;AAEjD,eAAO,MAAM,MAAM,EAAE,8BAyCpB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IACvC,KAAK,EAAE,WAAW,CAAA;IAClB,IAAI,EAAE,UAAU,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,EAAE,OAAO,CAAA;IACpB,GAAG,EAAE,cAAc,CAAA;IACnB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAC3B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;CAC1B,CA2HA,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,KAAK,EAAE,WAAW,CAAA;IAClB,IAAI,EAAE,UAAU,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,EAAE,OAAO,CAAA;IACpB,GAAG,EAAE,cAAc,CAAA;IACnB,SAAS,EAAE,SAAS,CAAA;IACpB,OAAO,EAAE,SAAS,CAAA;CACnB,CAwDA,CAAA"}

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

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { FieldDiffContainer, File, getHTMLDiffComponents } from '@payloadcms/ui/rsc';
 import React from 'react';
+import { DiffCollapser } from '../../DiffCollapser/index.js';
 const baseClass = 'upload-diff';
 export const Upload = args => {
   const {
@@ -13,7 +14,7 @@ export const Upload = args => {
     req,
     versionValue: valueTo
   } = args;
-  const hasMany = 'hasMany' in field && field.hasMany && Array.isArray(valueTo);
+  const hasMany = 'hasMany' in field && field.hasMany && (Array.isArray(valueTo) || Array.isArray(valueFrom));
   const polymorphic = Array.isArray(field.relationTo);
   if (hasMany) {
     return /*#__PURE__*/_jsx(HasManyUploadDiff, {
@@ -52,7 +53,12 @@ export const HasManyUploadDiff = async args => {
   const ReactDOMServer = (await import('react-dom/server')).default;
   let From = '';
   let To = '';
-  const showCollectionSlug = Array.isArray(field.relationTo);
+  const NoValue = /*#__PURE__*/_jsx("div", {
+    className: "diff-no-value",
+    children: i18n.t('general:noValue')
+  });
+  const hasFrom = valueFrom && valueFrom.length > 0;
+  const hasTo = valueTo && valueTo.length > 0;
   const getUploadDocKey = uploadDoc => {
     if (typeof uploadDoc === 'object' && 'relationTo' in uploadDoc) {
       // Polymorphic case
@@ -62,39 +68,66 @@ export const HasManyUploadDiff = async args => {
     // Non-polymorphic case
     return typeof uploadDoc === 'object' ? uploadDoc.id : uploadDoc;
   };
-  const FromComponents = valueFrom ? valueFrom.map(uploadDoc => /*#__PURE__*/_jsx(UploadDocumentDiff, {
-    i18n: i18n,
-    polymorphic: polymorphic,
-    relationTo: field.relationTo,
-    req: req,
-    showCollectionSlug: showCollectionSlug,
-    uploadDoc: uploadDoc
-  }, getUploadDocKey(uploadDoc))) : null;
-  const ToComponents = valueTo ? valueTo.map(uploadDoc => /*#__PURE__*/_jsx(UploadDocumentDiff, {
-    i18n: i18n,
-    polymorphic: polymorphic,
-    relationTo: field.relationTo,
-    req: req,
-    showCollectionSlug: showCollectionSlug,
-    uploadDoc: uploadDoc
-  }, getUploadDocKey(uploadDoc))) : null;
-  const diffResult = getHTMLDiffComponents({
-    fromHTML: `<div class="${baseClass}-hasMany">` + (FromComponents ? FromComponents.map(component => `<div>${ReactDOMServer.renderToStaticMarkup(component)}</div>`).join('') : '') + '</div>',
-    toHTML: `<div class="${baseClass}-hasMany">` + (ToComponents ? ToComponents.map(component => `<div>${ReactDOMServer.renderToStaticMarkup(component)}</div>`).join('') : '') + '</div>',
-    tokenizeByCharacter: false
-  });
-  From = diffResult.From;
-  To = diffResult.To;
-  return /*#__PURE__*/_jsx(FieldDiffContainer, {
+  if (hasFrom || hasTo) {
+    const FromComponents = hasFrom ? valueFrom.map(uploadDoc => /*#__PURE__*/_jsx(UploadDocumentDiff, {
+      i18n: i18n,
+      polymorphic: polymorphic,
+      relationTo: field.relationTo,
+      req: req,
+      uploadDoc: uploadDoc
+    }, getUploadDocKey(uploadDoc))) : null;
+    const ToComponents = hasTo ? valueTo.map(uploadDoc => /*#__PURE__*/_jsx(UploadDocumentDiff, {
+      i18n: i18n,
+      polymorphic: polymorphic,
+      relationTo: field.relationTo,
+      req: req,
+      uploadDoc: uploadDoc
+    }, getUploadDocKey(uploadDoc))) : null;
+    const diffResult = getHTMLDiffComponents({
+      fromHTML: `<div class="${baseClass}-hasMany">` + (FromComponents ? FromComponents.map(component => `<div>${ReactDOMServer.renderToStaticMarkup(component)}</div>`).join('') : '') + '</div>',
+      toHTML: `<div class="${baseClass}-hasMany">` + (ToComponents ? ToComponents.map(component => `<div>${ReactDOMServer.renderToStaticMarkup(component)}</div>`).join('') : '') + '</div>',
+      tokenizeByCharacter: false
+    });
+    From = hasFrom ? diffResult.From : NoValue;
+    To = hasTo ? diffResult.To : NoValue;
+  }
+  const effectiveNesting = nestingLevel || 0;
+  // Count individual upload changes
+  const fromLength = valueFrom?.length || 0;
+  const toLength = valueTo?.length || 0;
+  const maxLength = Math.max(fromLength, toLength);
+  let uploadChangeCount = 0;
+  for (let i = 0; i < maxLength; i++) {
+    const fromKey = i < fromLength ? getUploadDocKey(valueFrom[i]) : undefined;
+    const toKey = i < toLength ? getUploadDocKey(valueTo[i]) : undefined;
+    if (fromKey !== toKey) {
+      uploadChangeCount++;
+    }
+  }
+  const uploadGutterOffset = (effectiveNesting + 1) * 6.5;
+  return /*#__PURE__*/_jsx("div", {
     className: `${baseClass}-container ${baseClass}-container--hasMany`,
-    From: From,
-    i18n: i18n,
-    label: {
-      label: field.label,
-      locale
-    },
-    nestingLevel: nestingLevel,
-    To: To
+    children: /*#__PURE__*/_jsx(DiffCollapser, {
+      changeCountOverride: uploadChangeCount,
+      fields: [],
+      Label: /*#__PURE__*/_jsxs("span", {
+        children: [locale && /*#__PURE__*/_jsx("span", {
+          className: "field-diff__locale-label",
+          children: locale
+        }), typeof field.label !== 'function' && field.label !== false && getTranslation(field.label, i18n)]
+      }),
+      locales: undefined,
+      parentIsLocalized: false,
+      valueFrom: valueFrom,
+      valueTo: valueTo,
+      children: /*#__PURE__*/_jsxs("div", {
+        className: "field-diff-content",
+        style: {
+          '--field-diff-columns': `calc(50% - ${uploadGutterOffset}px) calc(50% + ${uploadGutterOffset}px)`
+        },
+        children: [From, To]
+      })
+    })
   });
 };
 export const SingleUploadDiff = async args => {
@@ -111,13 +144,15 @@ export const SingleUploadDiff = async args => {
   const ReactDOMServer = (await import('react-dom/server')).default;
   let From = '';
   let To = '';
-  const showCollectionSlug = Array.isArray(field.relationTo);
+  const NoValue = /*#__PURE__*/_jsx("div", {
+    className: "diff-no-value",
+    children: i18n.t('general:noValue')
+  });
   const FromComponent = valueFrom ? /*#__PURE__*/_jsx(UploadDocumentDiff, {
     i18n: i18n,
     polymorphic: polymorphic,
     relationTo: field.relationTo,
     req: req,
-    showCollectionSlug: showCollectionSlug,
     uploadDoc: valueFrom
   }) : null;
   const ToComponent = valueTo ? /*#__PURE__*/_jsx(UploadDocumentDiff, {
@@ -125,18 +160,19 @@ export const SingleUploadDiff = async args => {
     polymorphic: polymorphic,
     relationTo: field.relationTo,
     req: req,
-    showCollectionSlug: showCollectionSlug,
     uploadDoc: valueTo
   }) : null;
-  const fromHtml = FromComponent ? ReactDOMServer.renderToStaticMarkup(FromComponent) : '<p>' + '' + '</p>';
-  const toHtml = ToComponent ? ReactDOMServer.renderToStaticMarkup(ToComponent) : '<p>' + '' + '</p>';
-  const diffResult = getHTMLDiffComponents({
-    fromHTML: fromHtml,
-    toHTML: toHtml,
-    tokenizeByCharacter: false
-  });
-  From = diffResult.From;
-  To = diffResult.To;
+  if (FromComponent || ToComponent) {
+    const fromHtml = FromComponent ? ReactDOMServer.renderToStaticMarkup(FromComponent) : '<p></p>';
+    const toHtml = ToComponent ? ReactDOMServer.renderToStaticMarkup(ToComponent) : '<p></p>';
+    const diffResult = getHTMLDiffComponents({
+      fromHTML: fromHtml,
+      toHTML: toHtml,
+      tokenizeByCharacter: false
+    });
+    From = FromComponent ? diffResult.From : NoValue;
+    To = ToComponent ? diffResult.To : NoValue;
+  }
   return /*#__PURE__*/_jsx(FieldDiffContainer, {
     className: `${baseClass}-container ${baseClass}-container--hasOne`,
     From: From,
@@ -170,7 +206,7 @@ const UploadDocumentDiff = args => {
     filename = `${i18n.t('general:untitled')} - ID: ${uploadDoc}`;
   }
   let pillLabel = null;
-  if (showCollectionSlug) {
+  {
     let collectionSlug;
     if (polymorphic && typeof uploadDoc === 'object' && 'relationTo' in uploadDoc) {
       collectionSlug = uploadDoc.relationTo;
@@ -190,11 +226,17 @@ const UploadDocumentDiff = args => {
     id = uploadDoc;
   }
   const alt = value && typeof value === 'object' && value.alt || filename || '';
+  let resolvedRelationTo;
+  if (polymorphic && typeof uploadDoc === 'object' && 'relationTo' in uploadDoc) {
+    resolvedRelationTo = uploadDoc.relationTo;
+  } else {
+    resolvedRelationTo = typeof relationTo === 'string' ? relationTo : relationTo[0];
+  }
   return /*#__PURE__*/_jsx("div", {
     className: `${baseClass}`,
     "data-enable-match": "true",
     "data-id": id,
-    "data-relation-to": relationTo,
+    "data-relation-to": resolvedRelationTo,
     children: /*#__PURE__*/_jsxs("div", {
       className: `${baseClass}__card`,
       children: [/*#__PURE__*/_jsx("div", {
@@ -212,9 +254,7 @@ const UploadDocumentDiff = args => {
       }), /*#__PURE__*/_jsx("div", {
         className: `${baseClass}__info`,
         "data-enable-match": "false",
-        children: /*#__PURE__*/_jsx("strong", {
-          children: filename
-        })
+        children: filename
       })]
     })
   });

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","FieldDiffContainer","File","getHTMLDiffComponents","React","baseClass","Upload","args","comparisonValue","valueFrom","field","i18n","locale","nestingLevel","req","versionValue","valueTo","hasMany","Array","isArray","polymorphic","relationTo","_jsx","HasManyUploadDiff","SingleUploadDiff","ReactDOMServer","default","From","To","showCollectionSlug","getUploadDocKey","uploadDoc","value","id","FromComponents","map","UploadDocumentDiff","ToComponents","diffResult","fromHTML","component","renderToStaticMarkup","join","toHTML","tokenizeByCharacter","className","label","FromComponent","ToComponent","fromHtml","toHtml","thumbnailSRC","thumbnailURL","url","filename","t","pillLabel","collectionSlug","uploadConfig","payload","collections","config","labels","singular","slug","polyValue","alt","_jsxs","length","src"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Upload/index.tsx"],"sourcesContent":["import type {\n  FileData,\n  PayloadRequest,\n  TypeWithID,\n  UploadField,\n  UploadFieldDiffServerComponent,\n} from 'payload'\n\nimport { getTranslation, type I18nClient } from '@payloadcms/translations'\nimport { FieldDiffContainer, File, getHTMLDiffComponents } from '@payloadcms/ui/rsc'\n\nimport './index.scss'\n\nimport React from 'react'\n\nconst baseClass = 'upload-diff'\n\ntype NonPolyUploadDoc = (FileData & TypeWithID) | number | string\ntype PolyUploadDoc = { relationTo: string; value: (FileData & TypeWithID) | number | string }\n\ntype UploadDoc = NonPolyUploadDoc | PolyUploadDoc\n\nexport const Upload: UploadFieldDiffServerComponent = (args) => {\n  const {\n    comparisonValue: valueFrom,\n    field,\n    i18n,\n    locale,\n    nestingLevel,\n    req,\n    versionValue: valueTo,\n  } = args\n  const hasMany = 'hasMany' in field && field.hasMany && Array.isArray(valueTo)\n  const polymorphic = Array.isArray(field.relationTo)\n\n  if (hasMany) {\n    return (\n      <HasManyUploadDiff\n        field={field}\n        i18n={i18n}\n        locale={locale}\n        nestingLevel={nestingLevel}\n        polymorphic={polymorphic}\n        req={req}\n        valueFrom={valueFrom as UploadDoc[]}\n        valueTo={valueTo as UploadDoc[]}\n      />\n    )\n  }\n\n  return (\n    <SingleUploadDiff\n      field={field}\n      i18n={i18n}\n      locale={locale}\n      nestingLevel={nestingLevel}\n      polymorphic={polymorphic}\n      req={req}\n      valueFrom={valueFrom as UploadDoc}\n      valueTo={valueTo as UploadDoc}\n    />\n  )\n}\n\nexport const HasManyUploadDiff: React.FC<{\n  field: UploadField\n  i18n: I18nClient\n  locale: string\n  nestingLevel?: number\n  polymorphic: boolean\n  req: PayloadRequest\n  valueFrom: Array<UploadDoc>\n  valueTo: Array<UploadDoc>\n}> = async (args) => {\n  const { field, i18n, locale, nestingLevel, polymorphic, req, valueFrom, valueTo } = args\n  const ReactDOMServer = (await import('react-dom/server')).default\n\n  let From: React.ReactNode = ''\n  let To: React.ReactNode = ''\n\n  const showCollectionSlug = Array.isArray(field.relationTo)\n\n  const getUploadDocKey = (uploadDoc: UploadDoc): number | string => {\n    if (typeof uploadDoc === 'object' && 'relationTo' in uploadDoc) {\n      // Polymorphic case\n      const value = uploadDoc.value\n      return typeof value === 'object' ? value.id : value\n    }\n    // Non-polymorphic case\n    return typeof uploadDoc === 'object' ? uploadDoc.id : uploadDoc\n  }\n\n  const FromComponents = valueFrom\n    ? valueFrom.map((uploadDoc) => (\n        <UploadDocumentDiff\n          i18n={i18n}\n          key={getUploadDocKey(uploadDoc)}\n          polymorphic={polymorphic}\n          relationTo={field.relationTo}\n          req={req}\n          showCollectionSlug={showCollectionSlug}\n          uploadDoc={uploadDoc}\n        />\n      ))\n    : null\n  const ToComponents = valueTo\n    ? valueTo.map((uploadDoc) => (\n        <UploadDocumentDiff\n          i18n={i18n}\n          key={getUploadDocKey(uploadDoc)}\n          polymorphic={polymorphic}\n          relationTo={field.relationTo}\n          req={req}\n          showCollectionSlug={showCollectionSlug}\n          uploadDoc={uploadDoc}\n        />\n      ))\n    : null\n\n  const diffResult = getHTMLDiffComponents({\n    fromHTML:\n      `<div class=\"${baseClass}-hasMany\">` +\n      (FromComponents\n        ? FromComponents.map(\n            (component) => `<div>${ReactDOMServer.renderToStaticMarkup(component)}</div>`,\n          ).join('')\n        : '') +\n      '</div>',\n    toHTML:\n      `<div class=\"${baseClass}-hasMany\">` +\n      (ToComponents\n        ? ToComponents.map(\n            (component) => `<div>${ReactDOMServer.renderToStaticMarkup(component)}</div>`,\n          ).join('')\n        : '') +\n      '</div>',\n    tokenizeByCharacter: false,\n  })\n  From = diffResult.From\n  To = diffResult.To\n\n  return (\n    <FieldDiffContainer\n      className={`${baseClass}-container ${baseClass}-container--hasMany`}\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\nexport const SingleUploadDiff: React.FC<{\n  field: UploadField\n  i18n: I18nClient\n  locale: string\n  nestingLevel?: number\n  polymorphic: boolean\n  req: PayloadRequest\n  valueFrom: UploadDoc\n  valueTo: UploadDoc\n}> = async (args) => {\n  const { field, i18n, locale, nestingLevel, polymorphic, req, valueFrom, valueTo } = args\n\n  const ReactDOMServer = (await import('react-dom/server')).default\n\n  let From: React.ReactNode = ''\n  let To: React.ReactNode = ''\n\n  const showCollectionSlug = Array.isArray(field.relationTo)\n\n  const FromComponent = valueFrom ? (\n    <UploadDocumentDiff\n      i18n={i18n}\n      polymorphic={polymorphic}\n      relationTo={field.relationTo}\n      req={req}\n      showCollectionSlug={showCollectionSlug}\n      uploadDoc={valueFrom}\n    />\n  ) : null\n  const ToComponent = valueTo ? (\n    <UploadDocumentDiff\n      i18n={i18n}\n      polymorphic={polymorphic}\n      relationTo={field.relationTo}\n      req={req}\n      showCollectionSlug={showCollectionSlug}\n      uploadDoc={valueTo}\n    />\n  ) : null\n\n  const fromHtml = FromComponent\n    ? ReactDOMServer.renderToStaticMarkup(FromComponent)\n    : '<p>' + '' + '</p>'\n  const toHtml = ToComponent\n    ? ReactDOMServer.renderToStaticMarkup(ToComponent)\n    : '<p>' + '' + '</p>'\n\n  const diffResult = getHTMLDiffComponents({\n    fromHTML: fromHtml,\n    toHTML: toHtml,\n    tokenizeByCharacter: false,\n  })\n  From = diffResult.From\n  To = diffResult.To\n\n  return (\n    <FieldDiffContainer\n      className={`${baseClass}-container ${baseClass}-container--hasOne`}\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\nconst UploadDocumentDiff = (args: {\n  i18n: I18nClient\n  polymorphic: boolean\n  relationTo: string | string[]\n  req: PayloadRequest\n  showCollectionSlug?: boolean\n  uploadDoc: UploadDoc\n}) => {\n  const { i18n, polymorphic, relationTo, req, showCollectionSlug, uploadDoc } = args\n\n  let thumbnailSRC: string = ''\n\n  const value = polymorphic\n    ? (uploadDoc as { relationTo: string; value: FileData & TypeWithID }).value\n    : (uploadDoc as FileData & TypeWithID)\n\n  if (value && typeof value === 'object' && 'thumbnailURL' in value) {\n    thumbnailSRC =\n      (typeof value.thumbnailURL === 'string' && value.thumbnailURL) ||\n      (typeof value.url === 'string' && value.url) ||\n      ''\n  }\n\n  let filename: string\n  if (value && typeof value === 'object') {\n    filename = value.filename\n  } else {\n    filename = `${i18n.t('general:untitled')} - ID: ${uploadDoc as number | string}`\n  }\n\n  let pillLabel: null | string = null\n\n  if (showCollectionSlug) {\n    let collectionSlug: string\n    if (polymorphic && typeof uploadDoc === 'object' && 'relationTo' in uploadDoc) {\n      collectionSlug = uploadDoc.relationTo\n    } else {\n      collectionSlug = typeof relationTo === 'string' ? relationTo : relationTo[0]\n    }\n    const uploadConfig = req.payload.collections[collectionSlug].config\n    pillLabel = uploadConfig.labels?.singular\n      ? getTranslation(uploadConfig.labels.singular, i18n)\n      : uploadConfig.slug\n  }\n\n  let id: number | string | undefined\n  if (polymorphic && typeof uploadDoc === 'object' && 'relationTo' in uploadDoc) {\n    const polyValue = uploadDoc.value\n    id = typeof polyValue === 'object' ? polyValue.id : polyValue\n  } else if (typeof uploadDoc === 'object' && 'id' in uploadDoc) {\n    id = uploadDoc.id\n  } else if (typeof uploadDoc === 'string' || typeof uploadDoc === 'number') {\n    id = uploadDoc\n  }\n\n  const alt =\n    (value && typeof value === 'object' && (value as { alt?: string }).alt) || filename || ''\n\n  return (\n    <div\n      className={`${baseClass}`}\n      data-enable-match=\"true\"\n      data-id={id}\n      data-relation-to={relationTo}\n    >\n      <div className={`${baseClass}__card`}>\n        <div className={`${baseClass}__thumbnail`}>\n          {thumbnailSRC?.length ? <img alt={alt} src={thumbnailSRC} /> : <File />}\n        </div>\n        {pillLabel && (\n          <div className={`${baseClass}__pill`} data-enable-match=\"false\">\n            <span>{pillLabel}</span>\n          </div>\n        )}\n        <div className={`${baseClass}__info`} data-enable-match=\"false\">\n          <strong>{filename}</strong>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","FieldDiffContainer","File","getHTMLDiffComponents","React","DiffCollapser","baseClass","Upload","args","comparisonValue","valueFrom","field","i18n","locale","nestingLevel","req","versionValue","valueTo","hasMany","Array","isArray","polymorphic","relationTo","_jsx","HasManyUploadDiff","SingleUploadDiff","ReactDOMServer","default","From","To","NoValue","className","t","hasFrom","length","hasTo","getUploadDocKey","uploadDoc","value","id","FromComponents","map","UploadDocumentDiff","ToComponents","diffResult","fromHTML","component","renderToStaticMarkup","join","toHTML","tokenizeByCharacter","effectiveNesting","fromLength","toLength","maxLength","Math","max","uploadChangeCount","i","fromKey","undefined","toKey","uploadGutterOffset","changeCountOverride","fields","Label","_jsxs","label","locales","parentIsLocalized","style","FromComponent","ToComponent","fromHtml","toHtml","showCollectionSlug","thumbnailSRC","thumbnailURL","url","filename","pillLabel","collectionSlug","uploadConfig","payload","collections","config","labels","singular","slug","polyValue","alt","resolvedRelationTo","src"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Upload/index.tsx"],"sourcesContent":["import type {\n  FileData,\n  PayloadRequest,\n  TypeWithID,\n  UploadField,\n  UploadFieldDiffServerComponent,\n} from 'payload'\n\nimport { getTranslation, type I18nClient } from '@payloadcms/translations'\nimport { FieldDiffContainer, File, getHTMLDiffComponents } from '@payloadcms/ui/rsc'\n\nimport './index.css'\n\nimport React from 'react'\n\nimport { DiffCollapser } from '../../DiffCollapser/index.js'\n\nconst baseClass = 'upload-diff'\n\ntype NonPolyUploadDoc = (FileData & TypeWithID) | number | string\ntype PolyUploadDoc = { relationTo: string; value: (FileData & TypeWithID) | number | string }\n\ntype UploadDoc = NonPolyUploadDoc | PolyUploadDoc\n\nexport const Upload: UploadFieldDiffServerComponent = (args) => {\n  const {\n    comparisonValue: valueFrom,\n    field,\n    i18n,\n    locale,\n    nestingLevel,\n    req,\n    versionValue: valueTo,\n  } = args\n  const hasMany =\n    'hasMany' in field && field.hasMany && (Array.isArray(valueTo) || Array.isArray(valueFrom))\n  const polymorphic = Array.isArray(field.relationTo)\n\n  if (hasMany) {\n    return (\n      <HasManyUploadDiff\n        field={field}\n        i18n={i18n}\n        locale={locale}\n        nestingLevel={nestingLevel}\n        polymorphic={polymorphic}\n        req={req}\n        valueFrom={valueFrom as UploadDoc[]}\n        valueTo={valueTo as UploadDoc[]}\n      />\n    )\n  }\n\n  return (\n    <SingleUploadDiff\n      field={field}\n      i18n={i18n}\n      locale={locale}\n      nestingLevel={nestingLevel}\n      polymorphic={polymorphic}\n      req={req}\n      valueFrom={valueFrom as UploadDoc}\n      valueTo={valueTo as UploadDoc}\n    />\n  )\n}\n\nexport const HasManyUploadDiff: React.FC<{\n  field: UploadField\n  i18n: I18nClient\n  locale: string\n  nestingLevel?: number\n  polymorphic: boolean\n  req: PayloadRequest\n  valueFrom: Array<UploadDoc>\n  valueTo: Array<UploadDoc>\n}> = async (args) => {\n  const { field, i18n, locale, nestingLevel, polymorphic, req, valueFrom, valueTo } = args\n  const ReactDOMServer = (await import('react-dom/server')).default\n\n  let From: React.ReactNode = ''\n  let To: React.ReactNode = ''\n\n  const NoValue = <div className=\"diff-no-value\">{i18n.t('general:noValue')}</div>\n\n  const hasFrom = valueFrom && valueFrom.length > 0\n  const hasTo = valueTo && valueTo.length > 0\n\n  const getUploadDocKey = (uploadDoc: UploadDoc): number | string => {\n    if (typeof uploadDoc === 'object' && 'relationTo' in uploadDoc) {\n      // Polymorphic case\n      const value = uploadDoc.value\n      return typeof value === 'object' ? value.id : value\n    }\n    // Non-polymorphic case\n    return typeof uploadDoc === 'object' ? uploadDoc.id : uploadDoc\n  }\n\n  if (hasFrom || hasTo) {\n    const FromComponents = hasFrom\n      ? valueFrom.map((uploadDoc) => (\n          <UploadDocumentDiff\n            i18n={i18n}\n            key={getUploadDocKey(uploadDoc)}\n            polymorphic={polymorphic}\n            relationTo={field.relationTo}\n            req={req}\n            uploadDoc={uploadDoc}\n          />\n        ))\n      : null\n    const ToComponents = hasTo\n      ? valueTo.map((uploadDoc) => (\n          <UploadDocumentDiff\n            i18n={i18n}\n            key={getUploadDocKey(uploadDoc)}\n            polymorphic={polymorphic}\n            relationTo={field.relationTo}\n            req={req}\n            uploadDoc={uploadDoc}\n          />\n        ))\n      : null\n\n    const diffResult = getHTMLDiffComponents({\n      fromHTML:\n        `<div class=\"${baseClass}-hasMany\">` +\n        (FromComponents\n          ? FromComponents.map(\n              (component) => `<div>${ReactDOMServer.renderToStaticMarkup(component)}</div>`,\n            ).join('')\n          : '') +\n        '</div>',\n      toHTML:\n        `<div class=\"${baseClass}-hasMany\">` +\n        (ToComponents\n          ? ToComponents.map(\n              (component) => `<div>${ReactDOMServer.renderToStaticMarkup(component)}</div>`,\n            ).join('')\n          : '') +\n        '</div>',\n      tokenizeByCharacter: false,\n    })\n\n    From = hasFrom ? diffResult.From : NoValue\n    To = hasTo ? diffResult.To : NoValue\n  }\n\n  const effectiveNesting = nestingLevel || 0\n\n  // Count individual upload changes\n  const fromLength = valueFrom?.length || 0\n  const toLength = valueTo?.length || 0\n  const maxLength = Math.max(fromLength, toLength)\n  let uploadChangeCount = 0\n\n  for (let i = 0; i < maxLength; i++) {\n    const fromKey = i < fromLength ? getUploadDocKey(valueFrom[i]) : undefined\n    const toKey = i < toLength ? getUploadDocKey(valueTo[i]) : undefined\n\n    if (fromKey !== toKey) {\n      uploadChangeCount++\n    }\n  }\n\n  const uploadGutterOffset = (effectiveNesting + 1) * 6.5\n\n  return (\n    <div className={`${baseClass}-container ${baseClass}-container--hasMany`}>\n      <DiffCollapser\n        changeCountOverride={uploadChangeCount}\n        fields={[]}\n        Label={\n          <span>\n            {locale && <span className=\"field-diff__locale-label\">{locale}</span>}\n            {typeof field.label !== 'function' &&\n              field.label !== false &&\n              getTranslation(field.label, i18n)}\n          </span>\n        }\n        locales={undefined}\n        parentIsLocalized={false}\n        valueFrom={valueFrom}\n        valueTo={valueTo}\n      >\n        <div\n          className=\"field-diff-content\"\n          style={\n            {\n              '--field-diff-columns': `calc(50% - ${uploadGutterOffset}px) calc(50% + ${uploadGutterOffset}px)`,\n            } as React.CSSProperties\n          }\n        >\n          {From}\n          {To}\n        </div>\n      </DiffCollapser>\n    </div>\n  )\n}\n\nexport const SingleUploadDiff: React.FC<{\n  field: UploadField\n  i18n: I18nClient\n  locale: string\n  nestingLevel?: number\n  polymorphic: boolean\n  req: PayloadRequest\n  valueFrom: UploadDoc\n  valueTo: UploadDoc\n}> = async (args) => {\n  const { field, i18n, locale, nestingLevel, polymorphic, req, valueFrom, valueTo } = args\n\n  const ReactDOMServer = (await import('react-dom/server')).default\n\n  let From: React.ReactNode = ''\n  let To: React.ReactNode = ''\n\n  const NoValue = <div className=\"diff-no-value\">{i18n.t('general:noValue')}</div>\n\n  const FromComponent = valueFrom ? (\n    <UploadDocumentDiff\n      i18n={i18n}\n      polymorphic={polymorphic}\n      relationTo={field.relationTo}\n      req={req}\n      uploadDoc={valueFrom}\n    />\n  ) : null\n  const ToComponent = valueTo ? (\n    <UploadDocumentDiff\n      i18n={i18n}\n      polymorphic={polymorphic}\n      relationTo={field.relationTo}\n      req={req}\n      uploadDoc={valueTo}\n    />\n  ) : null\n\n  if (FromComponent || ToComponent) {\n    const fromHtml = FromComponent ? ReactDOMServer.renderToStaticMarkup(FromComponent) : '<p></p>'\n    const toHtml = ToComponent ? ReactDOMServer.renderToStaticMarkup(ToComponent) : '<p></p>'\n\n    const diffResult = getHTMLDiffComponents({\n      fromHTML: fromHtml,\n      toHTML: toHtml,\n      tokenizeByCharacter: false,\n    })\n\n    From = FromComponent ? diffResult.From : NoValue\n    To = ToComponent ? diffResult.To : NoValue\n  }\n\n  return (\n    <FieldDiffContainer\n      className={`${baseClass}-container ${baseClass}-container--hasOne`}\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\nconst UploadDocumentDiff = (args: {\n  i18n: I18nClient\n  polymorphic: boolean\n  relationTo: string | string[]\n  req: PayloadRequest\n  showCollectionSlug?: boolean\n  uploadDoc: UploadDoc\n}) => {\n  const { i18n, polymorphic, relationTo, req, showCollectionSlug, uploadDoc } = args\n\n  let thumbnailSRC: string = ''\n\n  const value = polymorphic\n    ? (uploadDoc as { relationTo: string; value: FileData & TypeWithID }).value\n    : (uploadDoc as FileData & TypeWithID)\n\n  if (value && typeof value === 'object' && 'thumbnailURL' in value) {\n    thumbnailSRC =\n      (typeof value.thumbnailURL === 'string' && value.thumbnailURL) ||\n      (typeof value.url === 'string' && value.url) ||\n      ''\n  }\n\n  let filename: string\n  if (value && typeof value === 'object') {\n    filename = value.filename\n  } else {\n    filename = `${i18n.t('general:untitled')} - ID: ${uploadDoc as number | string}`\n  }\n\n  let pillLabel: null | string = null\n\n  {\n    let collectionSlug: string\n    if (polymorphic && typeof uploadDoc === 'object' && 'relationTo' in uploadDoc) {\n      collectionSlug = uploadDoc.relationTo\n    } else {\n      collectionSlug = typeof relationTo === 'string' ? relationTo : relationTo[0]\n    }\n    const uploadConfig = req.payload.collections[collectionSlug].config\n    pillLabel = uploadConfig.labels?.singular\n      ? getTranslation(uploadConfig.labels.singular, i18n)\n      : uploadConfig.slug\n  }\n\n  let id: number | string | undefined\n  if (polymorphic && typeof uploadDoc === 'object' && 'relationTo' in uploadDoc) {\n    const polyValue = uploadDoc.value\n    id = typeof polyValue === 'object' ? polyValue.id : polyValue\n  } else if (typeof uploadDoc === 'object' && 'id' in uploadDoc) {\n    id = uploadDoc.id\n  } else if (typeof uploadDoc === 'string' || typeof uploadDoc === 'number') {\n    id = uploadDoc\n  }\n\n  const alt =\n    (value && typeof value === 'object' && (value as { alt?: string }).alt) || filename || ''\n\n  let resolvedRelationTo: string\n  if (polymorphic && typeof uploadDoc === 'object' && 'relationTo' in uploadDoc) {\n    resolvedRelationTo = uploadDoc.relationTo\n  } else {\n    resolvedRelationTo = typeof relationTo === 'string' ? relationTo : relationTo[0]\n  }\n\n  return (\n    <div\n      className={`${baseClass}`}\n      data-enable-match=\"true\"\n      data-id={id}\n      data-relation-to={resolvedRelationTo}\n    >\n      <div className={`${baseClass}__card`}>\n        <div className={`${baseClass}__thumbnail`}>\n          {thumbnailSRC?.length ? <img alt={alt} src={thumbnailSRC} /> : <File />}\n        </div>\n        {pillLabel && (\n          <div className={`${baseClass}__pill`} data-enable-match=\"false\">\n            <span>{pillLabel}</span>\n          </div>\n        )}\n        <div className={`${baseClass}__info`} data-enable-match=\"false\">\n          {filename}\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":";AAQA,SAASA,cAAc,QAAyB;AAChD,SAASC,kBAAkB,EAAEC,IAAI,EAAEC,qBAAqB,QAAQ;AAIhE,OAAOC,KAAA,MAAW;AAElB,SAASC,aAAa,QAAQ;AAE9B,MAAMC,SAAA,GAAY;AAOlB,OAAO,MAAMC,MAAA,GAA0CC,IAAA;EACrD,MAAM;IACJC,eAAA,EAAiBC,SAAS;IAC1BC,KAAK;IACLC,IAAI;IACJC,MAAM;IACNC,YAAY;IACZC,GAAG;IACHC,YAAA,EAAcC;EAAO,CACtB,GAAGT,IAAA;EACJ,MAAMU,OAAA,GACJ,aAAaP,KAAA,IAASA,KAAA,CAAMO,OAAO,KAAKC,KAAA,CAAMC,OAAO,CAACH,OAAA,KAAYE,KAAA,CAAMC,OAAO,CAACV,SAAA,CAAS;EAC3F,MAAMW,WAAA,GAAcF,KAAA,CAAMC,OAAO,CAACT,KAAA,CAAMW,UAAU;EAElD,IAAIJ,OAAA,EAAS;IACX,oBACEK,IAAA,CAACC,iBAAA;MACCb,KAAA,EAAOA,KAAA;MACPC,IAAA,EAAMA,IAAA;MACNC,MAAA,EAAQA,MAAA;MACRC,YAAA,EAAcA,YAAA;MACdO,WAAA,EAAaA,WAAA;MACbN,GAAA,EAAKA,GAAA;MACLL,SAAA,EAAWA,SAAA;MACXO,OAAA,EAASA;;EAGf;EAEA,oBACEM,IAAA,CAACE,gBAAA;IACCd,KAAA,EAAOA,KAAA;IACPC,IAAA,EAAMA,IAAA;IACNC,MAAA,EAAQA,MAAA;IACRC,YAAA,EAAcA,YAAA;IACdO,WAAA,EAAaA,WAAA;IACbN,GAAA,EAAKA,GAAA;IACLL,SAAA,EAAWA,SAAA;IACXO,OAAA,EAASA;;AAGf;AAEA,OAAO,MAAMO,iBAAA,GASR,MAAOhB,IAAA;EACV,MAAM;IAAEG,KAAK;IAAEC,IAAI;IAAEC,MAAM;IAAEC,YAAY;IAAEO,WAAW;IAAEN,GAAG;IAAEL,SAAS;IAAEO;EAAO,CAAE,GAAGT,IAAA;EACpF,MAAMkB,cAAA,GAAiB,CAAC,MAAM,MAAM,CAAC,mBAAkB,EAAGC,OAAO;EAEjE,IAAIC,IAAA,GAAwB;EAC5B,IAAIC,EAAA,GAAsB;EAE1B,MAAMC,OAAA,gBAAUP,IAAA,CAAC;IAAIQ,SAAA,EAAU;cAAiBnB,IAAA,CAAKoB,CAAC,CAAC;;EAEvD,MAAMC,OAAA,GAAUvB,SAAA,IAAaA,SAAA,CAAUwB,MAAM,GAAG;EAChD,MAAMC,KAAA,GAAQlB,OAAA,IAAWA,OAAA,CAAQiB,MAAM,GAAG;EAE1C,MAAME,eAAA,GAAmBC,SAAA;IACvB,IAAI,OAAOA,SAAA,KAAc,YAAY,gBAAgBA,SAAA,EAAW;MAC9D;MACA,MAAMC,KAAA,GAAQD,SAAA,CAAUC,KAAK;MAC7B,OAAO,OAAOA,KAAA,KAAU,WAAWA,KAAA,CAAMC,EAAE,GAAGD,KAAA;IAChD;IACA;IACA,OAAO,OAAOD,SAAA,KAAc,WAAWA,SAAA,CAAUE,EAAE,GAAGF,SAAA;EACxD;EAEA,IAAIJ,OAAA,IAAWE,KAAA,EAAO;IACpB,MAAMK,cAAA,GAAiBP,OAAA,GACnBvB,SAAA,CAAU+B,GAAG,CAAEJ,SAAA,iBACbd,IAAA,CAACmB,kBAAA;MACC9B,IAAA,EAAMA,IAAA;MAENS,WAAA,EAAaA,WAAA;MACbC,UAAA,EAAYX,KAAA,CAAMW,UAAU;MAC5BP,GAAA,EAAKA,GAAA;MACLsB,SAAA,EAAWA;OAJND,eAAA,CAAgBC,SAAA,MAOzB;IACJ,MAAMM,YAAA,GAAeR,KAAA,GACjBlB,OAAA,CAAQwB,GAAG,CAAEJ,SAAA,iBACXd,IAAA,CAACmB,kBAAA;MACC9B,IAAA,EAAMA,IAAA;MAENS,WAAA,EAAaA,WAAA;MACbC,UAAA,EAAYX,KAAA,CAAMW,UAAU;MAC5BP,GAAA,EAAKA,GAAA;MACLsB,SAAA,EAAWA;OAJND,eAAA,CAAgBC,SAAA,MAOzB;IAEJ,MAAMO,UAAA,GAAazC,qBAAA,CAAsB;MACvC0C,QAAA,EACE,eAAevC,SAAA,YAAqB,IACnCkC,cAAA,GACGA,cAAA,CAAeC,GAAG,CACfK,SAAA,IAAc,QAAQpB,cAAA,CAAeqB,oBAAoB,CAACD,SAAA,SAAkB,EAC7EE,IAAI,CAAC,MACP,EAAC,IACL;MACFC,MAAA,EACE,eAAe3C,SAAA,YAAqB,IACnCqC,YAAA,GACGA,YAAA,CAAaF,GAAG,CACbK,SAAA,IAAc,QAAQpB,cAAA,CAAeqB,oBAAoB,CAACD,SAAA,SAAkB,EAC7EE,IAAI,CAAC,MACP,EAAC,IACL;MACFE,mBAAA,EAAqB;IACvB;IAEAtB,IAAA,GAAOK,OAAA,GAAUW,UAAA,CAAWhB,IAAI,GAAGE,OAAA;IACnCD,EAAA,GAAKM,KAAA,GAAQS,UAAA,CAAWf,EAAE,GAAGC,OAAA;EAC/B;EAEA,MAAMqB,gBAAA,GAAmBrC,YAAA,IAAgB;EAEzC;EACA,MAAMsC,UAAA,GAAa1C,SAAA,EAAWwB,MAAA,IAAU;EACxC,MAAMmB,QAAA,GAAWpC,OAAA,EAASiB,MAAA,IAAU;EACpC,MAAMoB,SAAA,GAAYC,IAAA,CAAKC,GAAG,CAACJ,UAAA,EAAYC,QAAA;EACvC,IAAII,iBAAA,GAAoB;EAExB,KAAK,IAAIC,CAAA,GAAI,GAAGA,CAAA,GAAIJ,SAAA,EAAWI,CAAA,IAAK;IAClC,MAAMC,OAAA,GAAUD,CAAA,GAAIN,UAAA,GAAahB,eAAA,CAAgB1B,SAAS,CAACgD,CAAA,CAAE,IAAIE,SAAA;IACjE,MAAMC,KAAA,GAAQH,CAAA,GAAIL,QAAA,GAAWjB,eAAA,CAAgBnB,OAAO,CAACyC,CAAA,CAAE,IAAIE,SAAA;IAE3D,IAAID,OAAA,KAAYE,KAAA,EAAO;MACrBJ,iBAAA;IACF;EACF;EAEA,MAAMK,kBAAA,GAAqB,CAACX,gBAAA,GAAmB,KAAK;EAEpD,oBACE5B,IAAA,CAAC;IAAIQ,SAAA,EAAW,GAAGzB,SAAA,cAAuBA,SAAA,qBAA8B;cACtE,aAAAiB,IAAA,CAAClB,aAAA;MACC0D,mBAAA,EAAqBN,iBAAA;MACrBO,MAAA,EAAQ,EAAE;MACVC,KAAA,eACEC,KAAA,CAAC;mBACErD,MAAA,iBAAUU,IAAA,CAAC;UAAKQ,SAAA,EAAU;oBAA4BlB;YACtD,OAAOF,KAAA,CAAMwD,KAAK,KAAK,cACtBxD,KAAA,CAAMwD,KAAK,KAAK,SAChBnE,cAAA,CAAeW,KAAA,CAAMwD,KAAK,EAAEvD,IAAA;;MAGlCwD,OAAA,EAASR,SAAA;MACTS,iBAAA,EAAmB;MACnB3D,SAAA,EAAWA,SAAA;MACXO,OAAA,EAASA,OAAA;gBAET,aAAAiD,KAAA,CAAC;QACCnC,SAAA,EAAU;QACVuC,KAAA,EACE;UACE,wBAAwB,cAAcR,kBAAA,kBAAoCA,kBAAA;QAC5E;mBAGDlC,IAAA,EACAC,EAAA;;;;AAKX;AAEA,OAAO,MAAMJ,gBAAA,GASR,MAAOjB,IAAA;EACV,MAAM;IAAEG,KAAK;IAAEC,IAAI;IAAEC,MAAM;IAAEC,YAAY;IAAEO,WAAW;IAAEN,GAAG;IAAEL,SAAS;IAAEO;EAAO,CAAE,GAAGT,IAAA;EAEpF,MAAMkB,cAAA,GAAiB,CAAC,MAAM,MAAM,CAAC,mBAAkB,EAAGC,OAAO;EAEjE,IAAIC,IAAA,GAAwB;EAC5B,IAAIC,EAAA,GAAsB;EAE1B,MAAMC,OAAA,gBAAUP,IAAA,CAAC;IAAIQ,SAAA,EAAU;cAAiBnB,IAAA,CAAKoB,CAAC,CAAC;;EAEvD,MAAMuC,aAAA,GAAgB7D,SAAA,gBACpBa,IAAA,CAACmB,kBAAA;IACC9B,IAAA,EAAMA,IAAA;IACNS,WAAA,EAAaA,WAAA;IACbC,UAAA,EAAYX,KAAA,CAAMW,UAAU;IAC5BP,GAAA,EAAKA,GAAA;IACLsB,SAAA,EAAW3B;OAEX;EACJ,MAAM8D,WAAA,GAAcvD,OAAA,gBAClBM,IAAA,CAACmB,kBAAA;IACC9B,IAAA,EAAMA,IAAA;IACNS,WAAA,EAAaA,WAAA;IACbC,UAAA,EAAYX,KAAA,CAAMW,UAAU;IAC5BP,GAAA,EAAKA,GAAA;IACLsB,SAAA,EAAWpB;OAEX;EAEJ,IAAIsD,aAAA,IAAiBC,WAAA,EAAa;IAChC,MAAMC,QAAA,GAAWF,aAAA,GAAgB7C,cAAA,CAAeqB,oBAAoB,CAACwB,aAAA,IAAiB;IACtF,MAAMG,MAAA,GAASF,WAAA,GAAc9C,cAAA,CAAeqB,oBAAoB,CAACyB,WAAA,IAAe;IAEhF,MAAM5B,UAAA,GAAazC,qBAAA,CAAsB;MACvC0C,QAAA,EAAU4B,QAAA;MACVxB,MAAA,EAAQyB,MAAA;MACRxB,mBAAA,EAAqB;IACvB;IAEAtB,IAAA,GAAO2C,aAAA,GAAgB3B,UAAA,CAAWhB,IAAI,GAAGE,OAAA;IACzCD,EAAA,GAAK2C,WAAA,GAAc5B,UAAA,CAAWf,EAAE,GAAGC,OAAA;EACrC;EAEA,oBACEP,IAAA,CAACtB,kBAAA;IACC8B,SAAA,EAAW,GAAGzB,SAAA,cAAuBA,SAAA,oBAA6B;IAClEsB,IAAA,EAAMA,IAAA;IACNhB,IAAA,EAAMA,IAAA;IACNuD,KAAA,EAAO;MACLA,KAAA,EAAOxD,KAAA,CAAMwD,KAAK;MAClBtD;IACF;IACAC,YAAA,EAAcA,YAAA;IACde,EAAA,EAAIA;;AAGV;AAEA,MAAMa,kBAAA,GAAsBlC,IAAA;EAQ1B,MAAM;IAAEI,IAAI;IAAES,WAAW;IAAEC,UAAU;IAAEP,GAAG;IAAE4D,kBAAkB;IAAEtC;EAAS,CAAE,GAAG7B,IAAA;EAE9E,IAAIoE,YAAA,GAAuB;EAE3B,MAAMtC,KAAA,GAAQjB,WAAA,GACVgB,SAAC,CAAmEC,KAAK,GACxED,SAAA;EAEL,IAAIC,KAAA,IAAS,OAAOA,KAAA,KAAU,YAAY,kBAAkBA,KAAA,EAAO;IACjEsC,YAAA,GACE,OAAQtC,KAAA,CAAMuC,YAAY,KAAK,YAAYvC,KAAA,CAAMuC,YAAY,IAC5D,OAAOvC,KAAA,CAAMwC,GAAG,KAAK,YAAYxC,KAAA,CAAMwC,GAAG,IAC3C;EACJ;EAEA,IAAIC,QAAA;EACJ,IAAIzC,KAAA,IAAS,OAAOA,KAAA,KAAU,UAAU;IACtCyC,QAAA,GAAWzC,KAAA,CAAMyC,QAAQ;EAC3B,OAAO;IACLA,QAAA,GAAW,GAAGnE,IAAA,CAAKoB,CAAC,CAAC,6BAA6BK,SAAA,EAA8B;EAClF;EAEA,IAAI2C,SAAA,GAA2B;EAE/B;IACE,IAAIC,cAAA;IACJ,IAAI5D,WAAA,IAAe,OAAOgB,SAAA,KAAc,YAAY,gBAAgBA,SAAA,EAAW;MAC7E4C,cAAA,GAAiB5C,SAAA,CAAUf,UAAU;IACvC,OAAO;MACL2D,cAAA,GAAiB,OAAO3D,UAAA,KAAe,WAAWA,UAAA,GAAaA,UAAU,CAAC,EAAE;IAC9E;IACA,MAAM4D,YAAA,GAAenE,GAAA,CAAIoE,OAAO,CAACC,WAAW,CAACH,cAAA,CAAe,CAACI,MAAM;IACnEL,SAAA,GAAYE,YAAA,CAAaI,MAAM,EAAEC,QAAA,GAC7BvF,cAAA,CAAekF,YAAA,CAAaI,MAAM,CAACC,QAAQ,EAAE3E,IAAA,IAC7CsE,YAAA,CAAaM,IAAI;EACvB;EAEA,IAAIjD,EAAA;EACJ,IAAIlB,WAAA,IAAe,OAAOgB,SAAA,KAAc,YAAY,gBAAgBA,SAAA,EAAW;IAC7E,MAAMoD,SAAA,GAAYpD,SAAA,CAAUC,KAAK;IACjCC,EAAA,GAAK,OAAOkD,SAAA,KAAc,WAAWA,SAAA,CAAUlD,EAAE,GAAGkD,SAAA;EACtD,OAAO,IAAI,OAAOpD,SAAA,KAAc,YAAY,QAAQA,SAAA,EAAW;IAC7DE,EAAA,GAAKF,SAAA,CAAUE,EAAE;EACnB,OAAO,IAAI,OAAOF,SAAA,KAAc,YAAY,OAAOA,SAAA,KAAc,UAAU;IACzEE,EAAA,GAAKF,SAAA;EACP;EAEA,MAAMqD,GAAA,GACJpD,KAAC,IAAS,OAAOA,KAAA,KAAU,YAAYA,KAAC,CAA2BoD,GAAG,IAAKX,QAAA,IAAY;EAEzF,IAAIY,kBAAA;EACJ,IAAItE,WAAA,IAAe,OAAOgB,SAAA,KAAc,YAAY,gBAAgBA,SAAA,EAAW;IAC7EsD,kBAAA,GAAqBtD,SAAA,CAAUf,UAAU;EAC3C,OAAO;IACLqE,kBAAA,GAAqB,OAAOrE,UAAA,KAAe,WAAWA,UAAA,GAAaA,UAAU,CAAC,EAAE;EAClF;EAEA,oBACEC,IAAA,CAAC;IACCQ,SAAA,EAAW,GAAGzB,SAAA,EAAW;IACzB,qBAAkB;IAClB,WAASiC,EAAA;IACT,oBAAkBoD,kBAAA;cAElB,aAAAzB,KAAA,CAAC;MAAInC,SAAA,EAAW,GAAGzB,SAAA,QAAiB;8BAClCiB,IAAA,CAAC;QAAIQ,SAAA,EAAW,GAAGzB,SAAA,aAAsB;kBACtCsE,YAAA,EAAc1C,MAAA,gBAASX,IAAA,CAAC;UAAImE,GAAA,EAAKA,GAAA;UAAKE,GAAA,EAAKhB;0BAAmBrD,IAAA,CAACrB,IAAA;UAEjE8E,SAAA,iBACCzD,IAAA,CAAC;QAAIQ,SAAA,EAAW,GAAGzB,SAAA,QAAiB;QAAE,qBAAkB;kBACtD,aAAAiB,IAAA,CAAC;oBAAMyD;;uBAGXzD,IAAA,CAAC;QAAIQ,SAAA,EAAW,GAAGzB,SAAA,QAAiB;QAAE,qBAAkB;kBACrDyE;;;;AAKX","ignoreList":[]}

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.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAarF,eAAO,MAAM,cAAc,EAAE,MAAM,CACjC,UAAU,EACV,KAAK,CAAC,aAAa,CAAC,oBAAoB,GAAG,oBAAoB,CAAC,CAwBjE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/Version/RenderFieldsToDiff/fields/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAcrF,eAAO,MAAM,cAAc,EAAE,MAAM,CACjC,UAAU,EACV,KAAK,CAAC,aAAa,CAAC,oBAAoB,GAAG,oBAAoB,CAAC,CAwBjE,CAAA"}