@payloadcms/ui 4.0.0-internal.1f9ae9a → 4.0.0-internal.2fddfc0

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

@@ -0,0 +1,94 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { FieldDiffContainer } from '../../../../../elements/FieldDiffContainer/index.js';
+import { CheckIcon } from '../../../../../icons/Check/index.js';
+import { useTranslation } from '../../../../../providers/Translation/index.js';
+import './index.css';
+const baseClass = 'checkbox-diff';
+const CheckboxIndicator = ({
+  checked,
+  variant = 'default'
+}) => {
+  const classNames = [`${baseClass}__indicator`, `${baseClass}__indicator--${variant}`, checked && `${baseClass}__indicator--checked`].filter(Boolean).join(' ');
+  return /*#__PURE__*/_jsx("span", {
+    className: classNames,
+    children: /*#__PURE__*/_jsx("span", {
+      className: `${baseClass}__icon`,
+      children: /*#__PURE__*/_jsx(CheckIcon, {
+        size: 16
+      })
+    })
+  });
+};
+export const Checkbox = t0 => {
+  const $ = _c(11);
+  const {
+    comparisonValue: valueFrom,
+    field,
+    locale,
+    nestingLevel,
+    versionValue: valueTo
+  } = t0;
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const checkedFrom = Boolean(valueFrom);
+  const checkedTo = Boolean(valueTo);
+  const hasChanged = checkedFrom !== checkedTo;
+  const fromVariant = hasChanged ? "delete" : "default";
+  const toVariant = hasChanged ? "create" : "default";
+  const t1 = `${baseClass}__value ${baseClass}__value--${fromVariant}`;
+  let t2;
+  if ($[0] !== checkedFrom || $[1] !== checkedTo || $[2] !== field.label || $[3] !== fromVariant || $[4] !== i18n || $[5] !== locale || $[6] !== nestingLevel || $[7] !== t || $[8] !== t1 || $[9] !== toVariant) {
+    const From = _jsxs("div", {
+      className: t1,
+      children: [_jsx(CheckboxIndicator, {
+        checked: checkedFrom,
+        variant: fromVariant
+      }), _jsx("span", {
+        className: `${baseClass}__label ${baseClass}__label--${fromVariant}`,
+        children: checkedFrom ? t("general:checked") : t("general:unchecked")
+      })]
+    });
+    const To = _jsxs("div", {
+      className: `${baseClass}__value ${baseClass}__value--${toVariant}`,
+      children: [_jsx(CheckboxIndicator, {
+        checked: checkedTo,
+        variant: toVariant
+      }), _jsx("span", {
+        className: `${baseClass}__label ${baseClass}__label--${toVariant}`,
+        children: checkedTo ? t("general:checked") : t("general:unchecked")
+      })]
+    });
+    t2 = _jsx(FieldDiffContainer, {
+      className: baseClass,
+      From,
+      i18n,
+      label: {
+        label: field.label,
+        locale
+      },
+      nestingLevel,
+      To
+    });
+    $[0] = checkedFrom;
+    $[1] = checkedTo;
+    $[2] = field.label;
+    $[3] = fromVariant;
+    $[4] = i18n;
+    $[5] = locale;
+    $[6] = nestingLevel;
+    $[7] = t;
+    $[8] = t1;
+    $[9] = toVariant;
+    $[10] = t2;
+  } else {
+    t2 = $[10];
+  }
+  return t2;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,3 @@
+import type { CollapsibleFieldDiffClientComponent } from 'payload';
+export declare const Collapsible: CollapsibleFieldDiffClientComponent;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,61 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import React from 'react';
+import { useTranslation } from '../../../../../providers/Translation/index.js';
+import { useSelectedLocales } from '../../../Default/SelectedLocalesContext.js';
+import { DiffCollapser } from '../../DiffCollapser/index.js';
+import { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js';
+const baseClass = 'collapsible-diff';
+export const Collapsible = t0 => {
+  const $ = _c(8);
+  const {
+    baseVersionField,
+    comparisonValue: valueFrom,
+    field,
+    parentIsLocalized,
+    versionValue: valueTo
+  } = t0;
+  const {
+    i18n
+  } = useTranslation();
+  const {
+    selectedLocales
+  } = useSelectedLocales();
+  if (!baseVersionField.fields?.length) {
+    return null;
+  }
+  let t1;
+  if ($[0] !== baseVersionField.fields || $[1] !== field || $[2] !== i18n || $[3] !== parentIsLocalized || $[4] !== selectedLocales || $[5] !== valueFrom || $[6] !== valueTo) {
+    t1 = _jsx("div", {
+      className: baseClass,
+      children: _jsx(DiffCollapser, {
+        fields: field.fields,
+        Label: "label" in field && field.label && typeof field.label !== "function" && _jsx("span", {
+          children: getTranslation(field.label, i18n)
+        }),
+        locales: selectedLocales,
+        parentIsLocalized: parentIsLocalized || field.localized,
+        valueFrom,
+        valueTo,
+        children: _jsx(RenderVersionFieldsToDiff, {
+          versionFields: baseVersionField.fields
+        })
+      })
+    });
+    $[0] = baseVersionField.fields;
+    $[1] = field;
+    $[2] = i18n;
+    $[3] = parentIsLocalized;
+    $[4] = selectedLocales;
+    $[5] = valueFrom;
+    $[6] = valueTo;
+    $[7] = t1;
+  } else {
+    t1 = $[7];
+  }
+  return t1;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,29 @@
+@layer payload-default {
+  .date-diff[data-match-type] {
+    background-color: unset !important;
+    border-radius: unset !important;
+    padding: 0 !important;
+  }
+
+  .date-diff {
+    p *[data-match-type='delete'] {
+      color: unset !important;
+      background-color: unset !important;
+    }
+
+    p *[data-match-type='create'] {
+      color: unset !important;
+      background-color: unset !important;
+    }
+  }
+
+  @media (max-width: 768px) {
+    .field-diff-content .date-diff {
+      display: contents;
+    }
+
+    .date-diff .field-diff-content > .html-diff {
+      justify-content: center;
+    }
+  }
+}

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

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

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

@@ -0,0 +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"}

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

@@ -0,0 +1,82 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { FieldDiffContainer } from '../../../../../elements/FieldDiffContainer/index.js';
+import { escapeDiffHTML, getHTMLDiffComponents, unescapeDiffHTML } from '../../../../../elements/HTMLDiff/index.js';
+import { useConfig } from '../../../../../providers/Config/index.js';
+import { useTranslation } from '../../../../../providers/Translation/index.js';
+import { formatDate } from '../../../../../utilities/formatDocTitle/formatDateTitle.js';
+import './index.css';
+const baseClass = 'date-diff';
+export const DateDiffComponent = t0 => {
+  const $ = _c(7);
+  const {
+    comparisonValue: valueFrom,
+    field,
+    locale,
+    nestingLevel,
+    versionValue: valueTo
+  } = t0;
+  const {
+    i18n
+  } = useTranslation();
+  const {
+    config: t1
+  } = useConfig();
+  const {
+    admin: t2
+  } = t1;
+  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) {
+    const {
+      From,
+      To
+    } = getHTMLDiffComponents({
+      fromHTML: t3,
+      postProcess: unescapeDiffHTML,
+      toHTML: t4,
+      tokenizeByCharacter: false
+    });
+    t5 = _jsx(FieldDiffContainer, {
+      className: baseClass,
+      From,
+      i18n,
+      label: {
+        label: field.label,
+        locale
+      },
+      nestingLevel,
+      To
+    });
+    $[0] = field.label;
+    $[1] = i18n;
+    $[2] = locale;
+    $[3] = nestingLevel;
+    $[4] = t3;
+    $[5] = t4;
+    $[6] = t5;
+  } else {
+    t5 = $[6];
+  }
+  return t5;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,5 @@
+@layer payload-default {
+  .group-diff__locale-label--no-label {
+    color: var(--color-text-secondary);
+  }
+}

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

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

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

@@ -0,0 +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"}

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

@@ -0,0 +1,67 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import './index.css';
+import React from 'react';
+import { useTranslation } from '../../../../../providers/Translation/index.js';
+import { useSelectedLocales } from '../../../Default/SelectedLocalesContext.js';
+import { DiffCollapser } from '../../DiffCollapser/index.js';
+import { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js';
+const baseClass = 'group-diff';
+export const Group = t0 => {
+  const $ = _c(9);
+  const {
+    baseVersionField,
+    comparisonValue: valueFrom,
+    field,
+    locale,
+    parentIsLocalized,
+    versionValue: valueTo
+  } = t0;
+  const {
+    i18n
+  } = useTranslation();
+  const {
+    selectedLocales
+  } = useSelectedLocales();
+  let t1;
+  if ($[0] !== baseVersionField.fields || $[1] !== field || $[2] !== i18n || $[3] !== locale || $[4] !== parentIsLocalized || $[5] !== selectedLocales || $[6] !== valueFrom || $[7] !== valueTo) {
+    t1 = _jsx("div", {
+      className: baseClass,
+      children: _jsx(DiffCollapser, {
+        fields: field.fields,
+        Label: "label" in field && field.label && typeof field.label !== "function" ? _jsxs("span", {
+          children: [locale && _jsx("span", {
+            className: `${baseClass}__locale-label`,
+            children: locale
+          }), getTranslation(field.label, i18n)]
+        }) : _jsxs("span", {
+          className: `${baseClass}__locale-label ${baseClass}__locale-label--no-label`,
+          children: ["<", i18n.t("version:noLabelGroup"), ">"]
+        }),
+        locales: selectedLocales,
+        parentIsLocalized: parentIsLocalized || field.localized,
+        valueFrom,
+        valueTo,
+        children: _jsx(RenderVersionFieldsToDiff, {
+          versionFields: baseVersionField.fields
+        })
+      })
+    });
+    $[0] = baseVersionField.fields;
+    $[1] = field;
+    $[2] = i18n;
+    $[3] = locale;
+    $[4] = parentIsLocalized;
+    $[5] = selectedLocales;
+    $[6] = valueFrom;
+    $[7] = valueTo;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  return t1;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,40 @@
+@layer payload-default {
+  .iterable-diff-label-container {
+    position: relative;
+    display: flex;
+    flex-direction: row;
+    height: 100%;
+  }
+
+  .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-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);
+  }
+
+  .iterable-diff__locale-label {
+    background: var(--color-bg-secondary);
+    border-radius: var(--radius-medium);
+    padding: var(--spacer-1);
+
+    [dir='ltr'] & {
+      margin-right: var(--spacer-1);
+    }
+
+    [dir='rtl'] & {
+      margin-left: var(--spacer-1);
+    }
+  }
+
+  .iterable-diff__row:not(:first-of-type) {
+    margin-top: var(--spacer-2);
+  }
+
+  .iterable-diff__no-rows {
+    color: var(--color-text-tertiary);
+  }
+}

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

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

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

@@ -0,0 +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"}

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

@@ -0,0 +1,131 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import { fieldIsArrayType, fieldIsBlockType } from 'payload/shared';
+import React from 'react';
+import './index.css';
+import { useConfig } from '../../../../../providers/Config/index.js';
+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 { 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
+  } = t0;
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const {
+    selectedLocales
+  } = useSelectedLocales();
+  const {
+    config
+  } = useConfig();
+  if (!fieldIsArrayType(field) && !fieldIsBlockType(field)) {
+    throw new Error(`Expected field to be an array or blocks type but got: ${field.type}`);
+  }
+  const valueToRowCount = Array.isArray(valueTo) ? valueTo.length : 0;
+  const valueFromRowCount = Array.isArray(valueFrom) ? valueFrom.length : 0;
+  const maxRows = Math.max(valueToRowCount, valueFromRowCount);
+  let t1;
+  if ($[0] !== baseVersionField || $[1] !== config || $[2] !== field || $[3] !== i18n || $[4] !== locale || $[5] !== maxRows || $[6] !== parentIsLocalized || $[7] !== selectedLocales || $[8] !== t || $[9] !== valueFrom || $[10] !== valueTo) {
+    t1 = _jsx("div", {
+      className: baseClass,
+      children: _jsxs(DiffCollapser, {
+        field,
+        isIterable: true,
+        Label: "label" in field && field.label && typeof field.label !== "function" && _jsxs("span", {
+          children: [locale && _jsx("span", {
+            className: `${baseClass}__locale-label`,
+            children: locale
+          }), getTranslation(field.label, i18n)]
+        }),
+        locales: selectedLocales,
+        parentIsLocalized,
+        valueFrom,
+        valueTo,
+        children: [maxRows > 0 && _jsx("div", {
+          className: `${baseClass}__rows`,
+          children: Array.from({
+            length: maxRows
+          }, (_, i) => {
+            const valueToRow = valueTo?.[i] || {};
+            const valueFromRow = valueFrom?.[i] || {};
+            const {
+              fields,
+              versionFields
+            } = getFieldsForRowComparison({
+              baseVersionField,
+              config,
+              field,
+              row: i,
+              valueFromRow,
+              valueToRow
+            });
+            if (!versionFields?.length) {
+              return null;
+            }
+            const rowNumber = String(i + 1).padStart(2, "0");
+            const rowLabel = fieldIsArrayType(field) ? `${t("general:item")} ${rowNumber}` : `${t("fields:block")} ${rowNumber}`;
+            return _jsx("div", {
+              className: `${baseClass}__row`,
+              children: _jsx(DiffCollapser, {
+                fields,
+                hideGutter: true,
+                Label: _jsxs("div", {
+                  className: `${baseClass}-label-container`,
+                  children: [_jsx("div", {
+                    className: `${baseClass}-label-prefix`
+                  }), _jsx("span", {
+                    className: `${baseClass}__label`,
+                    children: rowLabel
+                  })]
+                }),
+                locales: selectedLocales,
+                parentIsLocalized: parentIsLocalized || field.localized,
+                valueFrom: valueFromRow,
+                valueTo: valueToRow,
+                children: _jsx(RenderVersionFieldsToDiff, {
+                  versionFields
+                })
+              })
+            }, i);
+          })
+        }), maxRows === 0 && _jsx("div", {
+          className: `${baseClass}__no-rows`,
+          children: i18n.t("version:noRowsFound", {
+            label: "labels" in field && field.labels?.plural ? getTranslation(field.labels.plural, i18n) : i18n.t("general:rows")
+          })
+        })]
+      })
+    });
+    $[0] = baseVersionField;
+    $[1] = config;
+    $[2] = field;
+    $[3] = i18n;
+    $[4] = locale;
+    $[5] = maxRows;
+    $[6] = parentIsLocalized;
+    $[7] = selectedLocales;
+    $[8] = t;
+    $[9] = valueFrom;
+    $[10] = valueTo;
+    $[11] = t1;
+  } else {
+    t1 = $[11];
+  }
+  return t1;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,10 @@
+import type { PayloadRequest, RelationshipField } from 'payload';
+import type { RelationshipValue } from './index.js';
+export declare const generateLabelFromValue: ({ field, locale, parentIsLocalized, req, value, }: {
+    field: RelationshipField;
+    locale: string;
+    parentIsLocalized: boolean;
+    req: PayloadRequest;
+    value: RelationshipValue;
+}) => Promise<string>;
+//# sourceMappingURL=generateLabelFromValue.d.ts.map

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

@@ -0,0 +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,GAAU,mDAM1C;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"}