@payloadcms/ui 4.0.0-internal.5f0cd13 → 4.0.0-internal.a0ef1b8

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

@@ -0,0 +1,97 @@
+@layer payload-default {
+  .checkbox-diff__value {
+    display: flex;
+    align-items: center;
+    gap: var(--spacer-2);
+    position: relative;
+    z-index: 1;
+  }
+
+  .checkbox-diff__value--create::before,
+  .checkbox-diff__value--delete::before {
+    content: '';
+    position: absolute;
+    inset: calc(var(--spacer-2) * -1) 0;
+    display: block;
+    z-index: -1;
+  }
+
+  .checkbox-diff__value--create::before {
+    background-color: var(--diff-create-parent-bg);
+  }
+
+  .checkbox-diff__value--delete::before {
+    background-color: var(--diff-delete-parent-bg);
+  }
+
+  .checkbox-diff__indicator {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--spacer-3);
+    height: var(--spacer-3);
+    border: var(--stroke-width-small) solid var(--color-border-strong);
+    border-radius: var(--radius-medium);
+    background: transparent;
+    flex-shrink: 0;
+    position: relative;
+  }
+
+  .checkbox-diff__indicator--checked {
+    background-color: var(--color-border-strong);
+    border-color: var(--color-border-strong);
+  }
+
+  .checkbox-diff__indicator--create {
+    border-color: var(--color-border-brand);
+    background-color: var(--diff-create-parent-bg);
+  }
+
+  .checkbox-diff__indicator--create.checkbox-diff__indicator--checked {
+    background-color: var(--color-bg-brand);
+    border-color: var(--color-border-selected);
+  }
+
+  .checkbox-diff__indicator--delete {
+    border-color: var(--color-border-danger);
+    background-color: var(--diff-delete-parent-bg);
+  }
+
+  .checkbox-diff__indicator--delete.checkbox-diff__indicator--checked {
+    background-color: var(--color-bg-danger);
+    border-color: var(--color-bg-danger);
+  }
+
+  .checkbox-diff__icon {
+    position: absolute;
+    inset: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .checkbox-diff__icon svg {
+    opacity: 0;
+    color: var(--color-icon-onbrand);
+  }
+
+  .checkbox-diff__indicator--checked .checkbox-diff__icon svg {
+    opacity: 1;
+  }
+
+  .checkbox-diff__label {
+    font-family: var(--text-body-medium-font-family);
+    font-size: var(--text-body-medium-font-size);
+    font-weight: var(--text-body-medium-font-weight);
+    line-height: var(--text-body-medium-line-height);
+    color: var(--color-text);
+  }
+
+  .checkbox-diff__label--create {
+    color: var(--diff-create-parent-color);
+  }
+
+  .checkbox-diff__label--delete {
+    color: var(--color-text-danger);
+  }
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Checkbox/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,SAAS,CAAA;AAO/D,OAAO,aAAa,CAAA;AAyBpB,eAAO,MAAM,QAAQ,EAAE,gCA4CtB,CAAA"}

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"}