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

package/dist/views/Version/Default/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/views/Version/Default/types.ts"],"sourcesContent":["import type {\n  Document,\n  OptionObject,\n  SanitizedCollectionPermission,\n  SanitizedGlobalPermission,\n} from 'payload'\n\nexport type CompareOption = {\n  label: React.ReactNode | string\n  options?: CompareOption[]\n  relationTo?: string\n  value: string\n}\n\nexport type DefaultVersionsViewProps = {\n  readonly doc: Document\n  readonly docPermissions: SanitizedCollectionPermission | SanitizedGlobalPermission\n  readonly initialComparisonDoc: Document\n  readonly latestDraftVersion?: string\n  readonly latestPublishedVersion?: string\n  readonly localeOptions: OptionObject[]\n  readonly versionID?: string\n}\n"],"mappings":"AAcA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/views/Version/Default/types.ts"],"sourcesContent":["import type { Document, OptionObject } from 'payload'\n\nexport type CompareOption = {\n  label: React.ReactNode | string\n  options?: CompareOption[]\n  relationTo?: string\n  value: string\n}\n\nexport type DefaultVersionsViewProps = {\n  readonly canUpdate: boolean\n  readonly doc: Document\n  readonly latestDraftVersion?: string\n  readonly latestPublishedVersion?: string\n  modifiedOnly: boolean\n  readonly RenderedDiff: React.ReactNode\n  readonly selectedLocales: OptionObject[]\n  readonly versionID?: string\n}\n"],"mappings":"AASA","ignoreList":[]}

package/dist/views/Version/RenderFieldsToDiff/DiffCollapser/index.d.ts

@@ -0,0 +1,27 @@
+import type { ClientField } from 'payload';
+import React from 'react';
+import './index.scss';
+type Props = {
+    children: React.ReactNode;
+    comparison: unknown;
+    field?: never;
+    fields: ClientField[];
+    initCollapsed?: boolean;
+    isIterable?: false;
+    label: React.ReactNode;
+    locales: string[] | undefined;
+    version: unknown;
+} | {
+    children: React.ReactNode;
+    comparison?: unknown;
+    field: ClientField;
+    fields?: never;
+    initCollapsed?: boolean;
+    isIterable: true;
+    label: React.ReactNode;
+    locales: string[] | undefined;
+    version: unknown;
+};
+export declare const DiffCollapser: React.FC<Props>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/views/Version/RenderFieldsToDiff/DiffCollapser/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/Version/RenderFieldsToDiff/DiffCollapser/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAI1C,OAAO,KAAmB,MAAM,OAAO,CAAA;AAGvC,OAAO,cAAc,CAAA;AAKrB,KAAK,KAAK,GACN;IAEE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,UAAU,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,UAAU,CAAC,EAAE,KAAK,CAAA;IAClB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,OAAO,EAAE,MAAM,EAAE,GAAG,SAAS,CAAA;IAC7B,OAAO,EAAE,OAAO,CAAA;CACjB,GACD;IAEE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,KAAK,EAAE,WAAW,CAAA;IAClB,MAAM,CAAC,EAAE,KAAK,CAAA;IACd,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,UAAU,EAAE,IAAI,CAAA;IAChB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,OAAO,EAAE,MAAM,EAAE,GAAG,SAAS,CAAA;IAC7B,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAEL,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA0EzC,CAAA"}

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

@@ -0,0 +1,76 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronIcon, Pill, useTranslation } from '@payloadcms/ui';
+import { fieldIsArrayType, fieldIsBlockType } from 'payload/shared';
+import React, { useState } from 'react';
+import Label from '../Label/index.js';
+import { countChangedFields, countChangedFieldsInRows } from '../utilities/countChangedFields.js';
+const baseClass = 'diff-collapser';
+export const DiffCollapser = ({
+  children,
+  comparison,
+  field,
+  fields,
+  initCollapsed = false,
+  isIterable = false,
+  label,
+  locales,
+  version
+}) => {
+  const {
+    t
+  } = useTranslation();
+  const [isCollapsed, setIsCollapsed] = useState(initCollapsed);
+  let changeCount = 0;
+  if (isIterable) {
+    if (!fieldIsArrayType(field) && !fieldIsBlockType(field)) {
+      throw new Error('DiffCollapser: field must be an array or blocks field when isIterable is true');
+    }
+    const comparisonRows = comparison ?? [];
+    const versionRows = version ?? [];
+    if (!Array.isArray(comparisonRows) || !Array.isArray(versionRows)) {
+      throw new Error('DiffCollapser: comparison and version must be arrays when isIterable is true');
+    }
+    changeCount = countChangedFieldsInRows({
+      comparisonRows,
+      field,
+      locales,
+      versionRows
+    });
+  } else {
+    changeCount = countChangedFields({
+      comparison,
+      fields,
+      locales,
+      version
+    });
+  }
+  const contentClassNames = [`${baseClass}__content`, isCollapsed && `${baseClass}__content--is-collapsed`].filter(Boolean).join(' ');
+  return /*#__PURE__*/_jsxs("div", {
+    className: baseClass,
+    children: [/*#__PURE__*/_jsxs(Label, {
+      children: [/*#__PURE__*/_jsx("button", {
+        "aria-label": isCollapsed ? 'Expand' : 'Collapse',
+        className: `${baseClass}__toggle-button`,
+        onClick: () => setIsCollapsed(!isCollapsed),
+        type: "button",
+        children: /*#__PURE__*/_jsx(ChevronIcon, {
+          direction: isCollapsed ? 'right' : 'down'
+        })
+      }), /*#__PURE__*/_jsx("span", {
+        className: `${baseClass}__label`,
+        children: label
+      }), changeCount > 0 && /*#__PURE__*/_jsx(Pill, {
+        className: `${baseClass}__field-change-count`,
+        pillStyle: "light-gray",
+        size: "small",
+        children: t('version:changedFieldsCount', {
+          count: changeCount
+        })
+      })]
+    }), /*#__PURE__*/_jsx("div", {
+      className: contentClassNames,
+      children: children
+    })]
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ChevronIcon","Pill","useTranslation","fieldIsArrayType","fieldIsBlockType","React","useState","Label","countChangedFields","countChangedFieldsInRows","baseClass","DiffCollapser","children","comparison","field","fields","initCollapsed","isIterable","label","locales","version","t","isCollapsed","setIsCollapsed","changeCount","Error","comparisonRows","versionRows","Array","isArray","contentClassNames","filter","Boolean","join","_jsxs","className","_jsx","onClick","type","direction","pillStyle","size","count"],"sources":["../../../../../src/views/Version/RenderFieldsToDiff/DiffCollapser/index.tsx"],"sourcesContent":["import type { ClientField } from 'payload'\n\nimport { ChevronIcon, Pill, useTranslation } from '@payloadcms/ui'\nimport { fieldIsArrayType, fieldIsBlockType } from 'payload/shared'\nimport React, { useState } from 'react'\n\nimport Label from '../Label/index.js'\nimport './index.scss'\nimport { countChangedFields, countChangedFieldsInRows } from '../utilities/countChangedFields.js'\n\nconst baseClass = 'diff-collapser'\n\ntype Props =\n  | {\n      // fields collapser\n      children: React.ReactNode\n      comparison: unknown\n      field?: never\n      fields: ClientField[]\n      initCollapsed?: boolean\n      isIterable?: false\n      label: React.ReactNode\n      locales: string[] | undefined\n      version: unknown\n    }\n  | {\n      // iterable collapser\n      children: React.ReactNode\n      comparison?: unknown\n      field: ClientField\n      fields?: never\n      initCollapsed?: boolean\n      isIterable: true\n      label: React.ReactNode\n      locales: string[] | undefined\n      version: unknown\n    }\n\nexport const DiffCollapser: React.FC<Props> = ({\n  children,\n  comparison,\n  field,\n  fields,\n  initCollapsed = false,\n  isIterable = false,\n  label,\n  locales,\n  version,\n}) => {\n  const { t } = useTranslation()\n  const [isCollapsed, setIsCollapsed] = useState(initCollapsed)\n\n  let changeCount = 0\n\n  if (isIterable) {\n    if (!fieldIsArrayType(field) && !fieldIsBlockType(field)) {\n      throw new Error(\n        'DiffCollapser: field must be an array or blocks field when isIterable is true',\n      )\n    }\n    const comparisonRows = comparison ?? []\n    const versionRows = version ?? []\n\n    if (!Array.isArray(comparisonRows) || !Array.isArray(versionRows)) {\n      throw new Error(\n        'DiffCollapser: comparison and version must be arrays when isIterable is true',\n      )\n    }\n\n    changeCount = countChangedFieldsInRows({\n      comparisonRows,\n      field,\n      locales,\n      versionRows,\n    })\n  } else {\n    changeCount = countChangedFields({\n      comparison,\n      fields,\n      locales,\n      version,\n    })\n  }\n\n  const contentClassNames = [\n    `${baseClass}__content`,\n    isCollapsed && `${baseClass}__content--is-collapsed`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div className={baseClass}>\n      <Label>\n        <button\n          aria-label={isCollapsed ? 'Expand' : 'Collapse'}\n          className={`${baseClass}__toggle-button`}\n          onClick={() => setIsCollapsed(!isCollapsed)}\n          type=\"button\"\n        >\n          <ChevronIcon direction={isCollapsed ? 'right' : 'down'} />\n        </button>\n        <span className={`${baseClass}__label`}>{label}</span>\n        {changeCount > 0 && (\n          <Pill className={`${baseClass}__field-change-count`} pillStyle=\"light-gray\" size=\"small\">\n            {t('version:changedFieldsCount', { count: changeCount })}\n          </Pill>\n        )}\n      </Label>\n      <div className={contentClassNames}>{children}</div>\n    </div>\n  )\n}\n"],"mappings":";AAEA,SAASA,WAAW,EAAEC,IAAI,EAAEC,cAAc,QAAQ;AAClD,SAASC,gBAAgB,EAAEC,gBAAgB,QAAQ;AACnD,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,OAAOC,KAAA,MAAW;AAElB,SAASC,kBAAkB,EAAEC,wBAAwB,QAAQ;AAE7D,MAAMC,SAAA,GAAY;AA4BlB,OAAO,MAAMC,aAAA,GAAiCA,CAAC;EAC7CC,QAAQ;EACRC,UAAU;EACVC,KAAK;EACLC,MAAM;EACNC,aAAA,GAAgB,KAAK;EACrBC,UAAA,GAAa,KAAK;EAClBC,KAAK;EACLC,OAAO;EACPC;AAAO,CACR;EACC,MAAM;IAAEC;EAAC,CAAE,GAAGnB,cAAA;EACd,MAAM,CAACoB,WAAA,EAAaC,cAAA,CAAe,GAAGjB,QAAA,CAASU,aAAA;EAE/C,IAAIQ,WAAA,GAAc;EAElB,IAAIP,UAAA,EAAY;IACd,IAAI,CAACd,gBAAA,CAAiBW,KAAA,KAAU,CAACV,gBAAA,CAAiBU,KAAA,GAAQ;MACxD,MAAM,IAAIW,KAAA,CACR;IAEJ;IACA,MAAMC,cAAA,GAAiBb,UAAA,IAAc,EAAE;IACvC,MAAMc,WAAA,GAAcP,OAAA,IAAW,EAAE;IAEjC,IAAI,CAACQ,KAAA,CAAMC,OAAO,CAACH,cAAA,KAAmB,CAACE,KAAA,CAAMC,OAAO,CAACF,WAAA,GAAc;MACjE,MAAM,IAAIF,KAAA,CACR;IAEJ;IAEAD,WAAA,GAAcf,wBAAA,CAAyB;MACrCiB,cAAA;MACAZ,KAAA;MACAK,OAAA;MACAQ;IACF;EACF,OAAO;IACLH,WAAA,GAAchB,kBAAA,CAAmB;MAC/BK,UAAA;MACAE,MAAA;MACAI,OAAA;MACAC;IACF;EACF;EAEA,MAAMU,iBAAA,GAAoB,CACxB,GAAGpB,SAAA,WAAoB,EACvBY,WAAA,IAAe,GAAGZ,SAAA,yBAAkC,CACrD,CACEqB,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;EAER,oBACEC,KAAA,CAAC;IAAIC,SAAA,EAAWzB,SAAA;4BACdwB,KAAA,CAAC3B,KAAA;8BACC6B,IAAA,CAAC;QACC,cAAYd,WAAA,GAAc,WAAW;QACrCa,SAAA,EAAW,GAAGzB,SAAA,iBAA0B;QACxC2B,OAAA,EAASA,CAAA,KAAMd,cAAA,CAAe,CAACD,WAAA;QAC/BgB,IAAA,EAAK;kBAEL,aAAAF,IAAA,CAACpC,WAAA;UAAYuC,SAAA,EAAWjB,WAAA,GAAc,UAAU;;uBAElDc,IAAA,CAAC;QAAKD,SAAA,EAAW,GAAGzB,SAAA,SAAkB;kBAAGQ;UACxCM,WAAA,GAAc,kBACbY,IAAA,CAACnC,IAAA;QAAKkC,SAAA,EAAW,GAAGzB,SAAA,sBAA+B;QAAE8B,SAAA,EAAU;QAAaC,IAAA,EAAK;kBAC9EpB,CAAA,CAAE,8BAA8B;UAAEqB,KAAA,EAAOlB;QAAY;;qBAI5DY,IAAA,CAAC;MAAID,SAAA,EAAWL,iBAAA;gBAAoBlB;;;AAG1C","ignoreList":[]}

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

@@ -0,0 +1,46 @@
+@layer payload-default {
+  .diff-collapser {
+    &__toggle-button {
+      all: unset;
+      cursor: pointer;
+      // Align the chevron visually with the label text
+      vertical-align: 1px;
+    }
+
+    &__label {
+      // Add space between label, chevron, and change count
+      margin: 0 calc(var(--base) * 0.25);
+    }
+
+    &__field-change-count {
+      // Reset the font weight of the change count to normal
+      font-weight: normal;
+    }
+
+    &__content {
+      [dir='ltr'] & {
+        // Vertical gutter
+        border-left: 3px solid var(--theme-elevation-50);
+        // Center-align the gutter with the chevron
+        margin-left: 3px;
+        // Content indentation
+        padding-left: calc(var(--base) * 0.5);
+      }
+      [dir='rtl'] & {
+        // Vertical gutter
+        border-right: 3px solid var(--theme-elevation-50);
+        // Center-align the gutter with the chevron
+        margin-right: 3px;
+        // Content indentation
+        padding-right: calc(var(--base) * 0.5);
+      }
+    }
+
+    &__content--is-collapsed {
+      // Hide the content when collapsed. We use display: none instead of
+      // conditional rendering to avoid loosing children's collapsed state when
+      // remounting.
+      display: none;
+    }
+  }
+}

package/dist/views/Version/RenderFieldsToDiff/RenderVersionFieldsToDiff.d.ts

@@ -0,0 +1,7 @@
+import type { VersionField } from 'payload';
+import './index.scss';
+import React from 'react';
+export declare const RenderVersionFieldsToDiff: ({ versionFields, }: {
+    versionFields: VersionField[];
+}) => React.ReactNode;
+//# sourceMappingURL=RenderVersionFieldsToDiff.d.ts.map

package/dist/views/Version/RenderFieldsToDiff/RenderVersionFieldsToDiff.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderVersionFieldsToDiff.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/RenderFieldsToDiff/RenderVersionFieldsToDiff.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE3C,OAAO,cAAc,CAAA;AAGrB,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,eAAO,MAAM,yBAAyB,uBAEnC;IACD,aAAa,EAAE,YAAY,EAAE,CAAA;CAC9B,KAAG,KAAK,CAAC,SAgDT,CAAA"}

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

@@ -0,0 +1,74 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+const baseClass = 'render-field-diffs';
+import { ShimmerEffect } from '@payloadcms/ui';
+import React, { Fragment, useEffect } from 'react';
+export const RenderVersionFieldsToDiff = t0 => {
+  const $ = _c(5);
+  const {
+    versionFields
+  } = t0;
+  const [hasMounted, setHasMounted] = React.useState(false);
+  let t1;
+  let t2;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = () => {
+      setHasMounted(true);
+    };
+    t2 = [];
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t1 = $[0];
+    t2 = $[1];
+  }
+  useEffect(t1, t2);
+  let t3;
+  if ($[2] !== hasMounted || $[3] !== versionFields) {
+    t3 = _jsx("div", {
+      className: baseClass,
+      children: !hasMounted ? _jsx(Fragment, {
+        children: _jsx(ShimmerEffect, {
+          height: "8rem",
+          width: "100%"
+        })
+      }) : versionFields?.map(_temp)
+    });
+    $[2] = hasMounted;
+    $[3] = versionFields;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  return t3;
+};
+function _temp(field, fieldIndex) {
+  if (field.fieldByLocale) {
+    const LocaleComponents = [];
+    for (const [locale, baseField] of Object.entries(field.fieldByLocale)) {
+      LocaleComponents.push(_jsx("div", {
+        className: `${baseClass}__locale`,
+        children: _jsx("div", {
+          className: `${baseClass}__locale-value`,
+          children: baseField.CustomComponent
+        })
+      }, [locale, fieldIndex].join("-")));
+    }
+    return _jsx("div", {
+      className: `${baseClass}__field`,
+      children: LocaleComponents
+    }, fieldIndex);
+  } else {
+    if (field.field) {
+      return _jsx("div", {
+        className: `${baseClass}__field field__${field.field.type}`,
+        "data-field-path": field.field.path,
+        children: field.field.CustomComponent
+      }, fieldIndex);
+    }
+  }
+  return null;
+}
+//# sourceMappingURL=RenderVersionFieldsToDiff.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RenderVersionFieldsToDiff.js","names":["c","_c","baseClass","ShimmerEffect","React","Fragment","useEffect","RenderVersionFieldsToDiff","t0","$","versionFields","hasMounted","setHasMounted","useState","t1","t2","Symbol","for","t3","_jsx","className","children","height","width","map","_temp","field","fieldIndex","fieldByLocale","LocaleComponents","locale","baseField","Object","entries","push","CustomComponent","join","type","path"],"sources":["../../../../src/views/Version/RenderFieldsToDiff/RenderVersionFieldsToDiff.tsx"],"sourcesContent":["'use client'\nconst baseClass = 'render-field-diffs'\nimport type { VersionField } from 'payload'\n\nimport './index.scss'\n\nimport { ShimmerEffect } from '@payloadcms/ui'\nimport React, { Fragment, useEffect } from 'react'\n\nexport const RenderVersionFieldsToDiff = ({\n  versionFields,\n}: {\n  versionFields: VersionField[]\n}): React.ReactNode => {\n  const [hasMounted, setHasMounted] = React.useState(false)\n\n  // defer rendering until after the first mount as the CSS is loaded with Emotion\n  // this will ensure that the CSS is loaded before rendering the diffs and prevent CLS\n  useEffect(() => {\n    setHasMounted(true)\n  }, [])\n\n  return (\n    <div className={baseClass}>\n      {!hasMounted ? (\n        <Fragment>\n          <ShimmerEffect height=\"8rem\" width=\"100%\" />\n        </Fragment>\n      ) : (\n        versionFields?.map((field, fieldIndex) => {\n          if (field.fieldByLocale) {\n            const LocaleComponents: React.ReactNode[] = []\n            for (const [locale, baseField] of Object.entries(field.fieldByLocale)) {\n              LocaleComponents.push(\n                <div className={`${baseClass}__locale`} key={[locale, fieldIndex].join('-')}>\n                  <div className={`${baseClass}__locale-value`}>{baseField.CustomComponent}</div>\n                </div>,\n              )\n            }\n            return (\n              <div className={`${baseClass}__field`} key={fieldIndex}>\n                {LocaleComponents}\n              </div>\n            )\n          } else if (field.field) {\n            return (\n              <div\n                className={`${baseClass}__field field__${field.field.type}`}\n                data-field-path={field.field.path}\n                key={fieldIndex}\n              >\n                {field.field.CustomComponent}\n              </div>\n            )\n          }\n\n          return null\n        })\n      )}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,MAAMC,SAAA,GAAY;AAKlB,SAASC,aAAa,QAAQ;AAC9B,OAAOC,KAAA,IAASC,QAAQ,EAAEC,SAAS,QAAQ;AAE3C,OAAO,MAAMC,yBAAA,GAA4BC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS;EAAA,IAAAF,EAIzC;EACC,OAAAG,UAAA,EAAAC,aAAA,IAAoCR,KAAA,CAAAS,QAAA,MAAe;EAAA,IAAAC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAN,CAAA,QAAAO,MAAA,CAAAC,GAAA;IAIzCH,EAAA,GAAAA,CAAA;MACRF,aAAA,KAAc;IAAA;IACbG,EAAA;IAAEN,CAAA,MAAAK,EAAA;IAAAL,CAAA,MAAAM,EAAA;EAAA;IAAAD,EAAA,GAAAL,CAAA;IAAAM,EAAA,GAAAN,CAAA;EAAA;EAFLH,SAAA,CAAUQ,EAEV,EAAGC,EAAE;EAAA,IAAAG,EAAA;EAAA,IAAAT,CAAA,QAAAE,UAAA,IAAAF,CAAA,QAAAC,aAAA;IAGHQ,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAAlB,SAAA;MAAAmB,QAAA,EACE,CAACV,UAAA,GACAQ,IAAA,CAAAd,QAAA;QAAAgB,QAAA,EACEF,IAAA,CAAAhB,aAAA;UAAAmB,MAAA,EAAsB;UAAAC,KAAA,EAAa;QAAA,C;WAGrCb,aAAA,EAAAc,GAAA,CAAAC,KAAA;IA4BA,C;;;;;;;SAlCJP,E;CAsCJ;AApDyC,SAAAO,MAAAC,KAAA,EAAAC,UAAA;EAAA,IAqB3BD,KAAA,CAAAE,aAAA;IACF,MAAAC,gBAAA;IAA8C,KACzC,OAAAC,MAAA,EAAAC,SAAA,CAAyB,IAAIC,MAAA,CAAAC,OAAA,CAAeP,KAAA,CAAAE,aAAmB;MAClEC,gBAAA,CAAAK,IAAA,CACEf,IAAA,CAAC;QAAAC,SAAA,EAAe,GAAAlB,SAAA,UAAsB;QAAAmB,QAAA,EACpCF,IAAA,CAAC;UAAAC,SAAA,EAAe,GAAAlB,SAAA,gBAA4B;UAAAmB,QAAA,EAAGU,SAAA,CAAAI;QAAA,C;SADJ,CAACL,MAAA,EAAQH,UAAA,EAAAS,IAAA,CAAiB;IAAA;IAAA,OAMzEjB,IAAA,CAAC;MAAAC,SAAA,EAAe,GAAAlB,SAAA,SAAqB;MAAAmB,QAAA,EAClCQ;IAAA,GADyCF,UAAA;EAAA;IAAA,IAIrCD,KAAA,CAAAA,KAAA;MAAA,OAEPP,IAAA,CAAC;QAAAC,SAAA,EACY,GAAAlB,SAAA,kBAA8BwB,KAAA,CAAAA,KAAA,CAAAW,IAAA,EAAkB;QAAA,mBAC1CX,KAAA,CAAAA,KAAA,CAAAY,IAAA;QAAAjB,QAAA,EAGhBK,KAAA,CAAAA,KAAA,CAAAS;MAAA,GAFIR,UAAA;IAAA;EAAA;EAAA;AAAA","ignoreList":[]}

package/dist/views/Version/RenderFieldsToDiff/buildVersionFields.d.ts

@@ -0,0 +1,31 @@
+import type { I18nClient } from '@payloadcms/translations';
+import type { ClientFieldSchemaMap, Field, FieldDiffClientProps, FieldDiffServerProps, FieldTypes, PayloadComponent, PayloadRequest, SanitizedFieldPermissions, VersionField } from 'payload';
+export type BuildVersionFieldsArgs = {
+    clientSchemaMap: ClientFieldSchemaMap;
+    comparisonSiblingData: object;
+    customDiffComponents: Partial<Record<FieldTypes, PayloadComponent<FieldDiffServerProps, FieldDiffClientProps>>>;
+    entitySlug: string;
+    fieldPermissions: {
+        [key: string]: SanitizedFieldPermissions;
+    } | true;
+    fields: Field[];
+    i18n: I18nClient;
+    modifiedOnly: boolean;
+    parentIndexPath: string;
+    parentPath: string;
+    parentSchemaPath: string;
+    req: PayloadRequest;
+    selectedLocales: string[];
+    versionSiblingData: object;
+};
+/**
+ * Build up an object that contains rendered diff components for each field.
+ * This is then sent to the client to be rendered.
+ *
+ * Here, the server is responsible for traversing through the document data and building up this
+ * version state object.
+ */
+export declare const buildVersionFields: ({ clientSchemaMap, comparisonSiblingData, customDiffComponents, entitySlug, fieldPermissions, fields, i18n, modifiedOnly, parentIndexPath, parentPath, parentSchemaPath, req, selectedLocales, versionSiblingData, }: BuildVersionFieldsArgs) => {
+    versionFields: VersionField[];
+};
+//# sourceMappingURL=buildVersionFields.d.ts.map

package/dist/views/Version/RenderFieldsToDiff/buildVersionFields.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildVersionFields.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/RenderFieldsToDiff/buildVersionFields.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,KAAK,EAGV,oBAAoB,EACpB,KAAK,EACL,oBAAoB,EACpB,oBAAoB,EACpB,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,yBAAyB,EACzB,YAAY,EACb,MAAM,SAAS,CAAA;AAWhB,MAAM,MAAM,sBAAsB,GAAG;IACnC,eAAe,EAAE,oBAAoB,CAAA;IACrC,qBAAqB,EAAE,MAAM,CAAA;IAC7B,oBAAoB,EAAE,OAAO,CAC3B,MAAM,CAAC,UAAU,EAAE,gBAAgB,CAAC,oBAAoB,EAAE,oBAAoB,CAAC,CAAC,CACjF,CAAA;IACD,UAAU,EAAE,MAAM,CAAA;IAClB,gBAAgB,EACZ;QACE,CAAC,GAAG,EAAE,MAAM,GAAG,yBAAyB,CAAA;KACzC,GACD,IAAI,CAAA;IACR,MAAM,EAAE,KAAK,EAAE,CAAA;IACf,IAAI,EAAE,UAAU,CAAA;IAChB,YAAY,EAAE,OAAO,CAAA;IACrB,eAAe,EAAE,MAAM,CAAA;IACvB,UAAU,EAAE,MAAM,CAAA;IAClB,gBAAgB,EAAE,MAAM,CAAA;IACxB,GAAG,EAAE,cAAc,CAAA;IACnB,eAAe,EAAE,MAAM,EAAE,CAAA;IACzB,kBAAkB,EAAE,MAAM,CAAA;CAC3B,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,yNAe5B,sBAAsB,KAAG;IAC1B,aAAa,EAAE,YAAY,EAAE,CAAA;CAqG9B,CAAA"}

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

@@ -0,0 +1,319 @@
+import { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent';
+import { dequal } from 'dequal/lite';
+import { fieldIsID, getUniqueListBy, tabHasName } from 'payload/shared';
+import { diffMethods } from './fields/diffMethods.js';
+import { diffComponents } from './fields/index.js';
+import { getFieldPathsModified } from './utilities/getFieldPathsModified.js';
+/**
+ * Build up an object that contains rendered diff components for each field.
+ * This is then sent to the client to be rendered.
+ *
+ * Here, the server is responsible for traversing through the document data and building up this
+ * version state object.
+ */
+export const buildVersionFields = ({
+  clientSchemaMap,
+  comparisonSiblingData,
+  customDiffComponents,
+  entitySlug,
+  fieldPermissions,
+  fields,
+  i18n,
+  modifiedOnly,
+  parentIndexPath,
+  parentPath,
+  parentSchemaPath,
+  req,
+  selectedLocales,
+  versionSiblingData
+}) => {
+  const versionFields = [];
+  let fieldIndex = -1;
+  for (const field of fields) {
+    fieldIndex++;
+    if (fieldIsID(field)) {
+      continue;
+    }
+    const {
+      indexPath,
+      path,
+      schemaPath
+    } = getFieldPathsModified({
+      field,
+      index: fieldIndex,
+      parentIndexPath: 'name' in field ? '' : parentIndexPath,
+      parentPath,
+      parentSchemaPath
+    });
+    const clientField = clientSchemaMap.get(entitySlug + '.' + schemaPath);
+    if (!clientField) {
+      req.payload.logger.error({
+        clientFieldKey: entitySlug + '.' + schemaPath,
+        clientSchemaMapKeys: Array.from(clientSchemaMap.keys()),
+        msg: 'No client field found for ' + entitySlug + '.' + schemaPath,
+        parentPath,
+        parentSchemaPath,
+        path,
+        schemaPath
+      });
+      throw new Error('No client field found for ' + entitySlug + '.' + schemaPath);
+    }
+    const versionField = {};
+    const isLocalized = 'localized' in field && field.localized;
+    const fieldName = 'name' in field ? field.name : null;
+    const versionValue = fieldName ? versionSiblingData?.[fieldName] : versionSiblingData;
+    const comparisonValue = fieldName ? comparisonSiblingData?.[fieldName] : comparisonSiblingData;
+    if (isLocalized) {
+      versionField.fieldByLocale = {};
+      for (const locale of selectedLocales) {
+        versionField.fieldByLocale[locale] = buildVersionField({
+          clientField: clientField,
+          clientSchemaMap,
+          comparisonValue: comparisonValue?.[locale],
+          customDiffComponents,
+          entitySlug,
+          field,
+          fieldPermissions,
+          i18n,
+          indexPath,
+          locale,
+          modifiedOnly,
+          parentPath,
+          parentSchemaPath,
+          path,
+          req,
+          schemaPath,
+          selectedLocales,
+          versionValue: versionValue?.[locale]
+        });
+        if (!versionField.fieldByLocale[locale]) {
+          continue;
+        }
+      }
+    } else {
+      versionField.field = buildVersionField({
+        clientField: clientField,
+        clientSchemaMap,
+        comparisonValue,
+        customDiffComponents,
+        entitySlug,
+        field,
+        fieldPermissions,
+        i18n,
+        indexPath,
+        modifiedOnly,
+        parentPath,
+        parentSchemaPath,
+        path,
+        req,
+        schemaPath,
+        selectedLocales,
+        versionValue
+      });
+      if (!versionField.field) {
+        continue;
+      }
+    }
+    versionFields.push(versionField);
+  }
+  return {
+    versionFields
+  };
+};
+const buildVersionField = ({
+  clientField,
+  clientSchemaMap,
+  comparisonValue,
+  customDiffComponents,
+  entitySlug,
+  field,
+  fieldPermissions,
+  i18n,
+  indexPath,
+  locale,
+  modifiedOnly,
+  parentPath,
+  parentSchemaPath,
+  path,
+  req,
+  schemaPath,
+  selectedLocales,
+  versionValue
+}) => {
+  const fieldName = 'name' in field ? field.name : null;
+  const diffMethod = diffMethods[field.type] || 'CHARS';
+  const hasPermission = fieldPermissions === true || !fieldName || fieldPermissions?.[fieldName] === true || fieldPermissions?.[fieldName]?.read;
+  const subFieldPermissions = fieldPermissions === true || !fieldName || fieldPermissions?.[fieldName] === true || fieldPermissions?.[fieldName]?.fields;
+  if (!hasPermission) {
+    return null;
+  }
+  if (modifiedOnly && dequal(versionValue, comparisonValue)) {
+    return null;
+  }
+  const CustomComponent = field?.admin?.components?.Diff ?? customDiffComponents?.[field.type];
+  const DefaultComponent = diffComponents?.[field.type];
+  const baseVersionField = {
+    type: field.type,
+    fields: [],
+    path,
+    schemaPath
+  };
+  if (field.type === 'tabs' && 'tabs' in field) {
+    baseVersionField.tabs = [];
+    let tabIndex = -1;
+    for (const tab of field.tabs) {
+      tabIndex++;
+      const isNamedTab = tabHasName(tab);
+      const {
+        indexPath: tabIndexPath,
+        path: tabPath,
+        schemaPath: tabSchemaPath
+      } = getFieldPathsModified({
+        field: {
+          ...tab,
+          type: 'tab'
+        },
+        index: tabIndex,
+        parentIndexPath: indexPath,
+        parentPath,
+        parentSchemaPath
+      });
+      baseVersionField.tabs.push({
+        name: 'name' in tab ? tab.name : null,
+        fields: buildVersionFields({
+          clientSchemaMap,
+          comparisonSiblingData: 'name' in tab ? comparisonValue?.[tab.name] : comparisonValue,
+          customDiffComponents,
+          entitySlug,
+          fieldPermissions,
+          fields: tab.fields,
+          i18n,
+          modifiedOnly,
+          parentIndexPath: isNamedTab ? '' : tabIndexPath,
+          parentPath: tabPath,
+          parentSchemaPath: tabSchemaPath,
+          req,
+          selectedLocales,
+          versionSiblingData: 'name' in tab ? versionValue?.[tab.name] : versionValue
+        }).versionFields,
+        label: tab.label
+      });
+    }
+  } else if ('fields' in field) {
+    if (field.type === 'array') {
+      if (!Array.isArray(versionValue)) {
+        throw new Error('Expected versionValue to be an array');
+      }
+      baseVersionField.rows = [];
+      for (let i = 0; i < versionValue.length; i++) {
+        const comparisonRow = comparisonValue?.[i] || {};
+        const versionRow = versionValue?.[i] || {};
+        baseVersionField.rows[i] = buildVersionFields({
+          clientSchemaMap,
+          comparisonSiblingData: comparisonRow,
+          customDiffComponents,
+          entitySlug,
+          fieldPermissions,
+          fields: field.fields,
+          i18n,
+          modifiedOnly,
+          parentIndexPath: 'name' in field ? '' : indexPath,
+          parentPath: path + '.' + i,
+          parentSchemaPath: schemaPath,
+          req,
+          selectedLocales,
+          versionSiblingData: versionRow
+        }).versionFields;
+      }
+    } else {
+      baseVersionField.fields = buildVersionFields({
+        clientSchemaMap,
+        comparisonSiblingData: comparisonValue,
+        customDiffComponents,
+        entitySlug,
+        fieldPermissions,
+        fields: field.fields,
+        i18n,
+        modifiedOnly,
+        parentIndexPath: 'name' in field ? '' : indexPath,
+        parentPath: path,
+        parentSchemaPath: schemaPath,
+        req,
+        selectedLocales,
+        versionSiblingData: versionValue
+      }).versionFields;
+    }
+  } else if (field.type === 'blocks') {
+    baseVersionField.rows = [];
+    if (!Array.isArray(versionValue)) {
+      throw new Error('Expected versionValue to be an array');
+    }
+    for (let i = 0; i < versionValue.length; i++) {
+      const comparisonRow = comparisonValue?.[i] || {};
+      const versionRow = versionValue[i] || {};
+      const versionBlock = field.blocks.find(block => block.slug === versionRow.blockType);
+      let fields = [];
+      if (versionRow.blockType === comparisonRow.blockType) {
+        fields = versionBlock.fields;
+      } else {
+        const comparisonBlock = field.blocks.find(block => block.slug === comparisonRow.blockType);
+        if (comparisonBlock) {
+          fields = getUniqueListBy([...versionBlock.fields, ...comparisonBlock.fields], 'name');
+        } else {
+          fields = versionBlock.fields;
+        }
+      }
+      baseVersionField.rows[i] = buildVersionFields({
+        clientSchemaMap,
+        comparisonSiblingData: comparisonRow,
+        customDiffComponents,
+        entitySlug,
+        fieldPermissions,
+        fields,
+        i18n,
+        modifiedOnly,
+        parentIndexPath: 'name' in field ? '' : indexPath,
+        parentPath: path + '.' + i,
+        parentSchemaPath: schemaPath + '.' + versionBlock.slug,
+        req,
+        selectedLocales,
+        versionSiblingData: versionRow
+      }).versionFields;
+    }
+  }
+  const clientCellProps = {
+    baseVersionField: {
+      ...baseVersionField,
+      CustomComponent: undefined
+    },
+    comparisonValue,
+    diffMethod,
+    field: clientField,
+    fieldPermissions: subFieldPermissions,
+    versionValue
+  };
+  const serverCellProps = {
+    ...clientCellProps,
+    clientField,
+    field,
+    i18n,
+    req,
+    selectedLocales
+  };
+  baseVersionField.CustomComponent = RenderServerComponent({
+    clientProps: locale ? {
+      ...clientCellProps,
+      locale
+    } : clientCellProps,
+    Component: CustomComponent,
+    Fallback: DefaultComponent,
+    importMap: req.payload.importMap,
+    key: 'diff component',
+    serverProps: locale ? {
+      ...serverCellProps,
+      locale
+    } : serverCellProps
+  });
+  return baseVersionField;
+};
+//# sourceMappingURL=buildVersionFields.js.map