@payloadcms/next 3.19.0 → 3.20.0-canary.0e01b65

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,6 @@
+import type { VersionField } from 'payload';
+import './index.scss';
+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;AAErB,eAAO,MAAM,yBAAyB,uBAEnC;IACD,aAAa,EAAE,YAAY,EAAE,CAAA;CAC9B,KAAG,KAAK,CAAC,SA8BT,CAAA"}

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

@@ -0,0 +1,36 @@
+'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
+const baseClass = 'render-field-diffs';
+export const RenderVersionFieldsToDiff = ({
+  versionFields
+}) => {
+  return /*#__PURE__*/_jsx("div", {
+    className: baseClass,
+    children: versionFields?.map((field, fieldIndex) => {
+      if (field.fieldByLocale) {
+        const LocaleComponents = [];
+        for (const [locale, baseField] of Object.entries(field.fieldByLocale)) {
+          LocaleComponents.push(/*#__PURE__*/_jsx("div", {
+            className: `${baseClass}__locale`,
+            children: /*#__PURE__*/_jsx("div", {
+              className: `${baseClass}__locale-value`,
+              children: baseField.CustomComponent
+            })
+          }, [locale, fieldIndex].join('-')));
+        }
+        return /*#__PURE__*/_jsx("div", {
+          className: `${baseClass}__field`,
+          children: LocaleComponents
+        }, fieldIndex);
+      } else if (field.field) {
+        return /*#__PURE__*/_jsx("div", {
+          className: `${baseClass}__field field__${field.type}`,
+          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":["baseClass","RenderVersionFieldsToDiff","versionFields","_jsx","className","map","field","fieldIndex","fieldByLocale","LocaleComponents","locale","baseField","Object","entries","push","CustomComponent","join","type"],"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\nexport const RenderVersionFieldsToDiff = ({\n  versionFields,\n}: {\n  versionFields: VersionField[]\n}): React.ReactNode => {\n  return (\n    <div className={baseClass}>\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 className={`${baseClass}__field field__${field.type}`} key={fieldIndex}>\n              {field.field.CustomComponent}\n            </div>\n          )\n        }\n\n        return null\n      })}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AACA,MAAMA,SAAA,GAAY;AAKlB,OAAO,MAAMC,yBAAA,GAA4BA,CAAC;EACxCC;AAAa,CAGd;EACC,oBACEC,IAAA,CAAC;IAAIC,SAAA,EAAWJ,SAAA;cACbE,aAAA,EAAeG,GAAA,CAAI,CAACC,KAAA,EAAOC,UAAA;MAC1B,IAAID,KAAA,CAAME,aAAa,EAAE;QACvB,MAAMC,gBAAA,GAAsC,EAAE;QAC9C,KAAK,MAAM,CAACC,MAAA,EAAQC,SAAA,CAAU,IAAIC,MAAA,CAAOC,OAAO,CAACP,KAAA,CAAME,aAAa,GAAG;UACrEC,gBAAA,CAAiBK,IAAI,cACnBX,IAAA,CAAC;YAAIC,SAAA,EAAW,GAAGJ,SAAA,UAAmB;sBACpC,aAAAG,IAAA,CAAC;cAAIC,SAAA,EAAW,GAAGJ,SAAA,gBAAyB;wBAAGW,SAAA,CAAUI;;aADd,CAACL,MAAA,EAAQH,UAAA,CAAW,CAACS,IAAI,CAAC;QAI3E;QACA,oBACEb,IAAA,CAAC;UAAIC,SAAA,EAAW,GAAGJ,SAAA,SAAkB;oBAClCS;WADyCF,UAAA;MAIhD,OAAO,IAAID,KAAA,CAAMA,KAAK,EAAE;QACtB,oBACEH,IAAA,CAAC;UAAIC,SAAA,EAAW,GAAGJ,SAAA,kBAA2BM,KAAA,CAAMW,IAAI,EAAE;oBACvDX,KAAA,CAAMA,KAAK,CAACS;WADkDR,UAAA;MAIrE;MAEA,OAAO;IACT;;AAGN","ignoreList":[]}

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

@@ -0,0 +1,30 @@
+import type { I18nClient } from '@payloadcms/translations';
+import type { ClientFieldSchemaMap, DiffComponentProps, DiffComponentServerProps, Field, FieldTypes, PayloadComponent, PayloadRequest, SanitizedFieldPermissions, VersionField } from 'payload';
+export type BuildVersionFieldsArgs = {
+    clientSchemaMap: ClientFieldSchemaMap;
+    comparisonSiblingData: object;
+    customDiffComponents: Partial<Record<FieldTypes, PayloadComponent<DiffComponentServerProps, DiffComponentProps>>>;
+    entitySlug: string;
+    fieldPermissions: {
+        [key: string]: SanitizedFieldPermissions;
+    } | true;
+    fields: Field[];
+    i18n: I18nClient;
+    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, 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,kBAAkB,EAClB,wBAAwB,EACxB,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,yBAAyB,EACzB,YAAY,EACb,MAAM,SAAS,CAAA;AAUhB,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,wBAAwB,EAAE,kBAAkB,CAAC,CAAC,CACnF,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,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,2MAc5B,sBAAsB,KAAG;IAC1B,aAAa,EAAE,YAAY,EAAE,CAAA;CA8F9B,CAAA"}

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

@@ -0,0 +1,300 @@
+import { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent';
+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,
+  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 = {
+      type: field.type
+    };
+    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,
+          parentPath,
+          parentSchemaPath,
+          path,
+          req,
+          schemaPath,
+          selectedLocales,
+          versionValue: versionValue?.[locale]
+        });
+      }
+    } else {
+      versionField.field = buildVersionField({
+        clientField: clientField,
+        clientSchemaMap,
+        comparisonValue,
+        customDiffComponents,
+        entitySlug,
+        field,
+        fieldPermissions,
+        i18n,
+        indexPath,
+        parentPath,
+        parentSchemaPath,
+        path,
+        req,
+        schemaPath,
+        selectedLocales,
+        versionValue
+      });
+    }
+    versionFields.push(versionField);
+  }
+  return {
+    versionFields
+  };
+};
+const buildVersionField = ({
+  clientField,
+  clientSchemaMap,
+  comparisonValue,
+  customDiffComponents,
+  entitySlug,
+  field,
+  fieldPermissions,
+  i18n,
+  indexPath,
+  locale,
+  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;
+  }
+  const CustomComponent = field?.admin?.components?.Diff ?? customDiffComponents?.[field.type];
+  const DefaultComponent = diffComponents?.[field.type];
+  const baseVersionField = {
+    fields: []
+  };
+  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,
+          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,
+          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,
+        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,
+        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

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

@@ -0,0 +1 @@
+{"version":3,"file":"buildVersionFields.js","names":["RenderServerComponent","fieldIsID","getUniqueListBy","tabHasName","diffMethods","diffComponents","getFieldPathsModified","buildVersionFields","clientSchemaMap","comparisonSiblingData","customDiffComponents","entitySlug","fieldPermissions","fields","i18n","parentIndexPath","parentPath","parentSchemaPath","req","selectedLocales","versionSiblingData","versionFields","fieldIndex","field","indexPath","path","schemaPath","index","clientField","get","payload","logger","error","clientFieldKey","clientSchemaMapKeys","Array","from","keys","msg","Error","versionField","type","isLocalized","localized","fieldName","name","versionValue","comparisonValue","fieldByLocale","locale","buildVersionField","push","diffMethod","hasPermission","read","subFieldPermissions","CustomComponent","admin","components","Diff","DefaultComponent","baseVersionField","tabs","tabIndex","tab","isNamedTab","tabIndexPath","tabPath","tabSchemaPath","label","isArray","rows","i","length","comparisonRow","versionRow","versionBlock","blocks","find","block","slug","blockType","comparisonBlock","clientCellProps","undefined","serverCellProps","clientProps","Component","Fallback","importMap","key","serverProps"],"sources":["../../../../src/views/Version/RenderFieldsToDiff/buildVersionFields.tsx"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type {\n  BaseVersionField,\n  ClientField,\n  ClientFieldSchemaMap,\n  DiffComponentProps,\n  DiffComponentServerProps,\n  Field,\n  FieldTypes,\n  PayloadComponent,\n  PayloadRequest,\n  SanitizedFieldPermissions,\n  VersionField,\n} from 'payload'\nimport type { DiffMethod } from 'react-diff-viewer-continued'\n\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\nimport { fieldIsID, getUniqueListBy, tabHasName } from 'payload/shared'\n\nimport { diffMethods } from './fields/diffMethods.js'\nimport { diffComponents } from './fields/index.js'\nimport { getFieldPathsModified } from './utilities/getFieldPathsModified.js'\n\nexport type BuildVersionFieldsArgs = {\n  clientSchemaMap: ClientFieldSchemaMap\n  comparisonSiblingData: object\n  customDiffComponents: Partial<\n    Record<FieldTypes, PayloadComponent<DiffComponentServerProps, DiffComponentProps>>\n  >\n  entitySlug: string\n  fieldPermissions:\n    | {\n        [key: string]: SanitizedFieldPermissions\n      }\n    | true\n  fields: Field[]\n  i18n: I18nClient\n  parentIndexPath: string\n  parentPath: string\n  parentSchemaPath: string\n  req: PayloadRequest\n  selectedLocales: string[]\n  versionSiblingData: object\n}\n\n/**\n * Build up an object that contains rendered diff components for each field.\n * This is then sent to the client to be rendered.\n *\n * Here, the server is responsible for traversing through the document data and building up this\n * version state object.\n */\nexport const buildVersionFields = ({\n  clientSchemaMap,\n  comparisonSiblingData,\n  customDiffComponents,\n  entitySlug,\n  fieldPermissions,\n  fields,\n  i18n,\n  parentIndexPath,\n  parentPath,\n  parentSchemaPath,\n  req,\n  selectedLocales,\n  versionSiblingData,\n}: BuildVersionFieldsArgs): {\n  versionFields: VersionField[]\n} => {\n  const versionFields: VersionField[] = []\n  let fieldIndex = -1\n  for (const field of fields) {\n    fieldIndex++\n    if (fieldIsID(field)) {\n      continue\n    }\n\n    const { indexPath, path, schemaPath } = getFieldPathsModified({\n      field,\n      index: fieldIndex,\n      parentIndexPath: 'name' in field ? '' : parentIndexPath,\n      parentPath,\n      parentSchemaPath,\n    })\n\n    const clientField = clientSchemaMap.get(entitySlug + '.' + schemaPath)\n\n    if (!clientField) {\n      req.payload.logger.error({\n        clientFieldKey: entitySlug + '.' + schemaPath,\n        clientSchemaMapKeys: Array.from(clientSchemaMap.keys()),\n        msg: 'No client field found for ' + entitySlug + '.' + schemaPath,\n        parentPath,\n        parentSchemaPath,\n        path,\n        schemaPath,\n      })\n      throw new Error('No client field found for ' + entitySlug + '.' + schemaPath)\n    }\n\n    const versionField: VersionField = {\n      type: field.type,\n    }\n    const isLocalized = 'localized' in field && field.localized\n    const fieldName: null | string = 'name' in field ? field.name : null\n\n    const versionValue = fieldName ? versionSiblingData?.[fieldName] : versionSiblingData\n\n    const comparisonValue = fieldName ? comparisonSiblingData?.[fieldName] : comparisonSiblingData\n\n    if (isLocalized) {\n      versionField.fieldByLocale = {}\n\n      for (const locale of selectedLocales) {\n        versionField.fieldByLocale[locale] = buildVersionField({\n          clientField: clientField as ClientField,\n          clientSchemaMap,\n          comparisonValue: comparisonValue?.[locale],\n          customDiffComponents,\n          entitySlug,\n          field,\n          fieldPermissions,\n          i18n,\n          indexPath,\n          locale,\n          parentPath,\n          parentSchemaPath,\n          path,\n          req,\n          schemaPath,\n          selectedLocales,\n          versionValue: versionValue?.[locale],\n        })\n      }\n    } else {\n      versionField.field = buildVersionField({\n        clientField: clientField as ClientField,\n        clientSchemaMap,\n        comparisonValue,\n        customDiffComponents,\n        entitySlug,\n        field,\n        fieldPermissions,\n        i18n,\n        indexPath,\n        parentPath,\n        parentSchemaPath,\n        path,\n        req,\n        schemaPath,\n        selectedLocales,\n        versionValue,\n      })\n    }\n\n    versionFields.push(versionField)\n  }\n\n  return {\n    versionFields,\n  }\n}\n\nconst buildVersionField = ({\n  clientField,\n  clientSchemaMap,\n  comparisonValue,\n  customDiffComponents,\n  entitySlug,\n  field,\n  fieldPermissions,\n  i18n,\n  indexPath,\n  locale,\n  parentPath,\n  parentSchemaPath,\n  path,\n  req,\n  schemaPath,\n  selectedLocales,\n  versionValue,\n}: {\n  clientField: ClientField\n  comparisonValue: unknown\n  field: Field\n  indexPath: string\n  locale?: string\n  path: string\n  schemaPath: string\n  versionValue: unknown\n} & Omit<\n  BuildVersionFieldsArgs,\n  'comparisonSiblingData' | 'fields' | 'parentIndexPath' | 'versionSiblingData'\n>): BaseVersionField | null => {\n  const fieldName: null | string = 'name' in field ? field.name : null\n\n  const diffMethod: DiffMethod = diffMethods[field.type] || 'CHARS'\n\n  const hasPermission =\n    fieldPermissions === true ||\n    !fieldName ||\n    fieldPermissions?.[fieldName] === true ||\n    fieldPermissions?.[fieldName]?.read\n\n  const subFieldPermissions =\n    fieldPermissions === true ||\n    !fieldName ||\n    fieldPermissions?.[fieldName] === true ||\n    fieldPermissions?.[fieldName]?.fields\n\n  if (!hasPermission) {\n    return null\n  }\n\n  const CustomComponent = field?.admin?.components?.Diff ?? customDiffComponents?.[field.type]\n  const DefaultComponent = diffComponents?.[field.type]\n\n  const baseVersionField: BaseVersionField = {\n    fields: [],\n  }\n\n  if (field.type === 'tabs' && 'tabs' in field) {\n    baseVersionField.tabs = []\n    let tabIndex = -1\n    for (const tab of field.tabs) {\n      tabIndex++\n      const isNamedTab = tabHasName(tab)\n\n      const {\n        indexPath: tabIndexPath,\n        path: tabPath,\n        schemaPath: tabSchemaPath,\n      } = getFieldPathsModified({\n        field: {\n          ...tab,\n          type: 'tab',\n        },\n        index: tabIndex,\n        parentIndexPath: indexPath,\n        parentPath,\n        parentSchemaPath,\n      })\n      baseVersionField.tabs.push({\n        name: 'name' in tab ? tab.name : null,\n        fields: buildVersionFields({\n          clientSchemaMap,\n          comparisonSiblingData: 'name' in tab ? comparisonValue?.[tab.name] : comparisonValue,\n          customDiffComponents,\n          entitySlug,\n          fieldPermissions,\n          fields: tab.fields,\n          i18n,\n          parentIndexPath: isNamedTab ? '' : tabIndexPath,\n          parentPath: tabPath,\n          parentSchemaPath: tabSchemaPath,\n          req,\n          selectedLocales,\n          versionSiblingData: 'name' in tab ? versionValue?.[tab.name] : versionValue,\n        }).versionFields,\n        label: tab.label,\n      })\n    }\n  } // At this point, we are dealing with a `row`, etc\n  else if ('fields' in field) {\n    if (field.type === 'array') {\n      if (!Array.isArray(versionValue)) {\n        throw new Error('Expected versionValue to be an array')\n      }\n      baseVersionField.rows = []\n\n      for (let i = 0; i < versionValue.length; i++) {\n        const comparisonRow = comparisonValue?.[i] || {}\n        const versionRow = versionValue?.[i] || {}\n        baseVersionField.rows[i] = buildVersionFields({\n          clientSchemaMap,\n          comparisonSiblingData: comparisonRow,\n          customDiffComponents,\n          entitySlug,\n          fieldPermissions,\n          fields: field.fields,\n          i18n,\n          parentIndexPath: 'name' in field ? '' : indexPath,\n          parentPath: path + '.' + i,\n          parentSchemaPath: schemaPath,\n          req,\n          selectedLocales,\n          versionSiblingData: versionRow,\n        }).versionFields\n      }\n    } else {\n      baseVersionField.fields = buildVersionFields({\n        clientSchemaMap,\n        comparisonSiblingData: comparisonValue as object,\n        customDiffComponents,\n        entitySlug,\n        fieldPermissions,\n        fields: field.fields,\n        i18n,\n        parentIndexPath: 'name' in field ? '' : indexPath,\n        parentPath: path,\n        parentSchemaPath: schemaPath,\n        req,\n        selectedLocales,\n        versionSiblingData: versionValue as object,\n      }).versionFields\n    }\n  } else if (field.type === 'blocks') {\n    baseVersionField.rows = []\n\n    if (!Array.isArray(versionValue)) {\n      throw new Error('Expected versionValue to be an array')\n    }\n\n    for (let i = 0; i < versionValue.length; i++) {\n      const comparisonRow = comparisonValue?.[i] || {}\n      const versionRow = versionValue[i] || {}\n      const versionBlock = field.blocks.find((block) => block.slug === versionRow.blockType)\n\n      let fields = []\n\n      if (versionRow.blockType === comparisonRow.blockType) {\n        fields = versionBlock.fields\n      } else {\n        const comparisonBlock = field.blocks.find((block) => block.slug === comparisonRow.blockType)\n        if (comparisonBlock) {\n          fields = getUniqueListBy<Field>(\n            [...versionBlock.fields, ...comparisonBlock.fields],\n            'name',\n          )\n        } else {\n          fields = versionBlock.fields\n        }\n      }\n\n      baseVersionField.rows[i] = buildVersionFields({\n        clientSchemaMap,\n        comparisonSiblingData: comparisonRow,\n        customDiffComponents,\n        entitySlug,\n        fieldPermissions,\n        fields,\n        i18n,\n        parentIndexPath: 'name' in field ? '' : indexPath,\n        parentPath: path + '.' + i,\n        parentSchemaPath: schemaPath + '.' + versionBlock.slug,\n        req,\n        selectedLocales,\n        versionSiblingData: versionRow,\n      }).versionFields\n    }\n  }\n\n  const clientCellProps: DiffComponentProps = {\n    baseVersionField: {\n      ...baseVersionField,\n      CustomComponent: undefined,\n    },\n    comparisonValue,\n    diffMethod,\n    field: clientField,\n    fieldPermissions: subFieldPermissions,\n    versionValue,\n  }\n\n  const serverCellProps: DiffComponentServerProps = {\n    ...clientCellProps,\n    clientField,\n    field,\n    i18n,\n    req,\n    selectedLocales,\n  }\n\n  baseVersionField.CustomComponent = RenderServerComponent({\n    clientProps: locale\n      ? ({\n          ...clientCellProps,\n          locale,\n        } as DiffComponentProps)\n      : clientCellProps,\n    Component: CustomComponent,\n    Fallback: DefaultComponent,\n    importMap: req.payload.importMap,\n    key: 'diff component',\n    serverProps: locale\n      ? ({\n          ...serverCellProps,\n          locale,\n        } as DiffComponentServerProps)\n      : serverCellProps,\n  })\n\n  return baseVersionField\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+import type { CollapsibleFieldClient, DiffComponentProps } from 'payload';
+import React from 'react';
+export declare const Collapsible: React.FC<DiffComponentProps<CollapsibleFieldClient>>;
+//# 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,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAIzE,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,sBAAsB,CAAC,CA0B5E,CAAA"}

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

@@ -0,0 +1,64 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import { useTranslation } from '@payloadcms/ui';
+import React from 'react';
+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(10);
+  const {
+    baseVersionField,
+    comparisonValue,
+    field,
+    versionValue
+  } = t0;
+  const {
+    i18n
+  } = useTranslation();
+  const {
+    selectedLocales
+  } = useSelectedLocales();
+  let t1;
+  if ($[0] !== field || $[1] !== i18n) {
+    t1 = "label" in field && field.label && typeof field.label !== "function" && _jsx("span", {
+      children: getTranslation(field.label, i18n)
+    });
+    $[0] = field;
+    $[1] = i18n;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[3] !== baseVersionField.fields || $[4] !== comparisonValue || $[5] !== field.fields || $[6] !== selectedLocales || $[7] !== t1 || $[8] !== versionValue) {
+    t2 = _jsx("div", {
+      className: baseClass,
+      children: _jsx(DiffCollapser, {
+        comparison: comparisonValue,
+        fields: field.fields,
+        label: t1,
+        locales: selectedLocales,
+        version: versionValue,
+        children: _jsx(RenderVersionFieldsToDiff, {
+          versionFields: baseVersionField.fields
+        })
+      })
+    });
+    $[3] = baseVersionField.fields;
+    $[4] = comparisonValue;
+    $[5] = field.fields;
+    $[6] = selectedLocales;
+    $[7] = t1;
+    $[8] = versionValue;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  return t2;
+};
+//# 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","useTranslation","React","useSelectedLocales","DiffCollapser","RenderVersionFieldsToDiff","baseClass","Collapsible","t0","$","baseVersionField","comparisonValue","field","versionValue","i18n","selectedLocales","t1","label","_jsx","children","t2","className","comparison","fields","version","versionFields"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Collapsible/index.tsx"],"sourcesContent":["'use client'\nimport type { CollapsibleFieldClient, DiffComponentProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useTranslation } from '@payloadcms/ui'\nimport React from 'react'\n\nimport { useSelectedLocales } from '../../../Default/SelectedLocalesContext.js'\nimport { DiffCollapser } from '../../DiffCollapser/index.js'\nimport { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js'\n\nconst baseClass = 'collapsible-diff'\n\nexport const Collapsible: React.FC<DiffComponentProps<CollapsibleFieldClient>> = ({\n  baseVersionField,\n  comparisonValue,\n  field,\n  versionValue,\n}) => {\n  const { i18n } = useTranslation()\n  const { selectedLocales } = useSelectedLocales()\n\n  return (\n    <div className={baseClass}>\n      <DiffCollapser\n        comparison={comparisonValue}\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        version={versionValue}\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,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,kBAAkB,QAAQ;AACnC,SAASC,aAAa,QAAQ;AAC9B,SAASC,yBAAyB,QAAQ;AAE1C,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,WAAA,GAAoEC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW,gBAAA;IAAAC,eAAA;IAAAC,KAAA;IAAAC;EAAA,IAAAL,EAKjF;EACC;IAAAM;EAAA,IAAiBb,cAAA;EACjB;IAAAc;EAAA,IAA4BZ,kBAAA;EAAA,IAAAa,EAAA;EAAA,IAAAP,CAAA,QAAAG,KAAA,IAAAH,CAAA,QAAAK,IAAA;IAQpBE,EAAA,cAAWJ,KAAA,IACXA,KAAA,CAAAK,KAAW,IACX,OAAOL,KAAA,CAAAK,KAAA,KAAgB,cAAcC,IAAA,CAAC;MAAAC,QAAA,EAAMnB,cAAA,CAAeY,KAAA,CAAAK,KAAA,EAAaH,IAAA;IAAA,C;;;;;;;;;IAP9EM,EAAA,GAAAF,IAAA,CAAC;MAAAG,SAAA,EAAAf,SAAA;MAAAa,QAAA,EACCD,IAAA,CAAAd,aAAA;QAAAkB,UAAA,EACcX,eAAA;QAAAY,MAAA,EACJX,KAAA,CAAAW,MAAA;QAAAN,KAAA,EAEND,E;iBAIOD,eAAA;QAAAS,OAAA,EACAX,YAAA;QAAAM,QAAA,EAETD,IAAA,CAAAb,yBAAA;UAAAoB,aAAA,EAA0Cf,gBAAA,CAAAa;QAAA,C;;;;;;;;;;;;;SAZ9CH,E;CAgBJ","ignoreList":[]}

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

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