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

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

@@ -0,0 +1 @@
+{"version":3,"file":"buildVersionFields.js","names":["RenderServerComponent","dequal","fieldIsID","getUniqueListBy","tabHasName","diffMethods","diffComponents","getFieldPathsModified","buildVersionFields","clientSchemaMap","comparisonSiblingData","customDiffComponents","entitySlug","fieldPermissions","fields","i18n","modifiedOnly","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","isLocalized","localized","fieldName","name","versionValue","comparisonValue","fieldByLocale","locale","buildVersionField","push","diffMethod","type","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  Field,\n  FieldDiffClientProps,\n  FieldDiffServerProps,\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 { dequal } from 'dequal/lite'\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<FieldDiffServerProps, FieldDiffClientProps>>\n  >\n  entitySlug: string\n  fieldPermissions:\n    | {\n        [key: string]: SanitizedFieldPermissions\n      }\n    | true\n  fields: Field[]\n  i18n: I18nClient\n  modifiedOnly: boolean\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  modifiedOnly,\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    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          modifiedOnly,\n          parentPath,\n          parentSchemaPath,\n          path,\n          req,\n          schemaPath,\n          selectedLocales,\n          versionValue: versionValue?.[locale],\n        })\n        if (!versionField.fieldByLocale[locale]) {\n          continue\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        modifiedOnly,\n        parentPath,\n        parentSchemaPath,\n        path,\n        req,\n        schemaPath,\n        selectedLocales,\n        versionValue,\n      })\n\n      if (!versionField.field) {\n        continue\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  modifiedOnly,\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  modifiedOnly?: boolean\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  if (modifiedOnly && dequal(versionValue, comparisonValue)) {\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    type: field.type,\n    fields: [],\n    path,\n    schemaPath,\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          modifiedOnly,\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          modifiedOnly,\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        modifiedOnly,\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        modifiedOnly,\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: FieldDiffClientProps = {\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: FieldDiffServerProps = {\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 FieldDiffClientProps)\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 FieldDiffServerProps)\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,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,mCA8BzB,CAAA"}

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

@@ -0,0 +1,67 @@
+'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();
+  if (!baseVersionField.fields?.length) {
+    return null;
+  }
+  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","fields","length","t1","label","_jsx","children","t2","className","comparison","version","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 { 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: CollapsibleFieldDiffClientComponent = ({\n  baseVersionField,\n  comparisonValue,\n  field,\n  versionValue,\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        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,GAAmDC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW,gBAAA;IAAAC,eAAA;IAAAC,KAAA;IAAAC;EAAA,IAAAL,EAKhE;EACC;IAAAM;EAAA,IAAiBb,cAAA;EACjB;IAAAc;EAAA,IAA4BZ,kBAAA;EAAA,KAEvBO,gBAAA,CAAAM,MAAA,EAAAC,MAAA;IAAA;EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAT,CAAA,QAAAG,KAAA,IAAAH,CAAA,QAAAK,IAAA;IAUGI,EAAA,cAAWN,KAAA,IACXA,KAAA,CAAAO,KAAW,IACX,OAAOP,KAAA,CAAAO,KAAA,KAAgB,cAAcC,IAAA,CAAC;MAAAC,QAAA,EAAMrB,cAAA,CAAeY,KAAA,CAAAO,KAAA,EAAaL,IAAA;IAAA,C;;;;;;;;;IAP9EQ,EAAA,GAAAF,IAAA,CAAC;MAAAG,SAAA,EAAAjB,SAAA;MAAAe,QAAA,EACCD,IAAA,CAAAhB,aAAA;QAAAoB,UAAA,EACcb,eAAA;QAAAK,MAAA,EACJJ,KAAA,CAAAI,MAAA;QAAAG,KAAA,EAEND,E;iBAIOH,eAAA;QAAAU,OAAA,EACAZ,YAAA;QAAAQ,QAAA,EAETD,IAAA,CAAAf,yBAAA;UAAAqB,aAAA,EAA0ChB,gBAAA,CAAAM;QAAA,C;;;;;;;;;;;;;SAZ9CM,E;CAgBJ","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+import type { GroupFieldDiffClientComponent } from 'payload';
+import './index.scss';
+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,cAAc,CAAA;AAWrB,eAAO,MAAM,KAAK,EAAE,6BAgCnB,CAAA"}

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

@@ -0,0 +1,69 @@
+'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 { 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 = 'group-diff';
+export const Group = t0 => {
+  const $ = _c(11);
+  const {
+    baseVersionField,
+    comparisonValue,
+    field,
+    locale,
+    versionValue
+  } = t0;
+  const {
+    i18n
+  } = useTranslation();
+  const {
+    selectedLocales
+  } = useSelectedLocales();
+  let t1;
+  if ($[0] !== field || $[1] !== i18n || $[2] !== locale) {
+    t1 = "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)]
+    });
+    $[0] = field;
+    $[1] = i18n;
+    $[2] = locale;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  let t2;
+  if ($[4] !== baseVersionField.fields || $[5] !== comparisonValue || $[6] !== field.fields || $[7] !== selectedLocales || $[8] !== t1 || $[9] !== 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
+        })
+      })
+    });
+    $[4] = baseVersionField.fields;
+    $[5] = comparisonValue;
+    $[6] = field.fields;
+    $[7] = selectedLocales;
+    $[8] = t1;
+    $[9] = versionValue;
+    $[10] = t2;
+  } else {
+    t2 = $[10];
+  }
+  return t2;
+};
+//# 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","useTranslation","React","useSelectedLocales","DiffCollapser","RenderVersionFieldsToDiff","baseClass","Group","t0","$","baseVersionField","comparisonValue","field","locale","versionValue","i18n","selectedLocales","t1","label","_jsxs","children","_jsx","className","t2","comparison","fields","version","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.scss'\n\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 = 'group-diff'\n\nexport const Group: GroupFieldDiffClientComponent = ({\n  baseVersionField,\n  comparisonValue,\n  field,\n  locale,\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' && (\n            <span>\n              {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n              {getTranslation(field.label, i18n)}\n            </span>\n          )\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;AAI/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,KAAA,GAAuCC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW,gBAAA;IAAAC,eAAA;IAAAC,KAAA;IAAAC,MAAA;IAAAC;EAAA,IAAAN,EAMpD;EACC;IAAAO;EAAA,IAAiBd,cAAA;EACjB;IAAAe;EAAA,IAA4Bb,kBAAA;EAAA,IAAAc,EAAA;EAAA,IAAAR,CAAA,QAAAG,KAAA,IAAAH,CAAA,QAAAM,IAAA,IAAAN,CAAA,QAAAI,MAAA;IAQpBI,EAAA,cAAWL,KAAA,IACXA,KAAA,CAAAM,KAAW,IACX,OAAON,KAAA,CAAAM,KAAA,KAAgB,cACrBC,KAAA,CAAC;MAAAC,QAAA,GACEP,MAAA,IAAUQ,IAAA,CAAC;QAAAC,SAAA,EAAgB,GAAAhB,SAAA,gBAA4B;QAAAc,QAAA,EAAGP;MAAA,C,GAC1Db,cAAA,CAAeY,KAAA,CAAAM,KAAA,EAAaH,IAAA;IAAA,C;;;;;;;;;;IAVvCQ,EAAA,GAAAF,IAAA,CAAC;MAAAC,SAAA,EAAAhB,SAAA;MAAAc,QAAA,EACCC,IAAA,CAAAjB,aAAA;QAAAoB,UAAA,EACcb,eAAA;QAAAc,MAAA,EACJb,KAAA,CAAAa,MAAA;QAAAP,KAAA,EAEND,E;iBASOD,eAAA;QAAAU,OAAA,EACAZ,YAAA;QAAAM,QAAA,EAETC,IAAA,CAAAhB,yBAAA;UAAAsB,aAAA,EAA0CjB,gBAAA,CAAAe;QAAA,C;;;;;;;;;;;;;SAjB9CF,E;CAqBJ","ignoreList":[]}

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

@@ -0,0 +1,14 @@
+@layer payload-default {
+  .group-diff {
+    &__locale-label {
+      background: var(--theme-elevation-100);
+      padding: calc(var(--base) * 0.25);
+      [dir='ltr'] & {
+        margin-right: calc(var(--base) * 0.25);
+      }
+      [dir='rtl'] & {
+        margin-left: calc(var(--base) * 0.25);
+      }
+    }
+  }
+}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Iterable/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAIrD,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAgG1C,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"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;AAKnD,OAAO,cAAc,CAAA;AAGrB,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAmFnD,CAAA"}

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

@@ -1,77 +1,114 @@
 '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 { getUniqueListBy } from 'payload/shared';
+import { useTranslation } from '@payloadcms/ui';
+import { fieldIsArrayType, fieldIsBlockType } from 'payload/shared';
 import React from 'react';
-import RenderFieldsToDiff from '../../index.js';
-import Label from '../../Label/index.js';
+import { useSelectedLocales } from '../../../Default/SelectedLocalesContext.js';
+import { DiffCollapser } from '../../DiffCollapser/index.js';
+import { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js';
+import { getFieldsForRowComparison } from '../../utilities/getFieldsForRowComparison.js';
 const baseClass = 'iterable-diff';
-const Iterable = ({
-  comparison,
-  diffComponents,
-  field,
-  fieldPermissions,
-  i18n,
-  locale,
-  locales,
-  version
-}) => {
-  const versionRowCount = Array.isArray(version) ? version.length : 0;
-  const comparisonRowCount = Array.isArray(comparison) ? comparison.length : 0;
+export const Iterable = t0 => {
+  const $ = _c(13);
+  const {
+    baseVersionField,
+    comparisonValue,
+    field,
+    locale,
+    versionValue
+  } = t0;
+  const {
+    i18n
+  } = useTranslation();
+  const {
+    selectedLocales
+  } = useSelectedLocales();
+  const versionRowCount = Array.isArray(versionValue) ? versionValue.length : 0;
+  const comparisonRowCount = Array.isArray(comparisonValue) ? comparisonValue.length : 0;
   const maxRows = Math.max(versionRowCount, comparisonRowCount);
-  return /*#__PURE__*/_jsxs("div", {
-    className: baseClass,
-    children: ['label' in field && field.label && typeof field.label !== 'function' && /*#__PURE__*/_jsxs(Label, {
-      children: [locale && /*#__PURE__*/_jsx("span", {
+  if (!fieldIsArrayType(field) && !fieldIsBlockType(field)) {
+    throw new Error(`Expected field to be an array or blocks type but got: ${field.type}`);
+  }
+  let t1;
+  if ($[0] !== field || $[1] !== i18n || $[2] !== locale) {
+    t1 = "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)]
-    }), maxRows > 0 && /*#__PURE__*/_jsx(React.Fragment, {
-      children: Array.from(Array(maxRows).keys()).map((row, i) => {
-        const versionRow = version?.[i] || {};
-        const comparisonRow = comparison?.[i] || {};
-        let fields = [];
-        if (field.type === 'array' && 'fields' in field) {
-          fields = field.fields;
-        }
-        if (field.type === 'blocks') {
-          fields = [];
-          if (versionRow?.blockType === comparisonRow?.blockType) {
-            const matchedBlock = 'blocks' in field && field.blocks?.find(block => block.slug === versionRow?.blockType) || {
-              fields: []
-            };
-            fields = [...fields, ...matchedBlock.fields];
-          } else {
-            const matchedVersionBlock = 'blocks' in field && field.blocks?.find(block => block.slug === versionRow?.blockType) || {
-              fields: []
-            };
-            const matchedComparisonBlock = 'blocks' in field && field.blocks?.find(block => block.slug === comparisonRow?.blockType) || {
-              fields: []
-            };
-            fields = getUniqueListBy([...fields, ...matchedVersionBlock.fields, ...matchedComparisonBlock.fields], 'name');
-          }
-        }
-        return /*#__PURE__*/_jsx("div", {
-          className: `${baseClass}__wrap`,
-          children: /*#__PURE__*/_jsx(RenderFieldsToDiff, {
-            comparison: comparisonRow,
-            diffComponents: diffComponents,
-            fieldPermissions: fieldPermissions,
-            fields: fields,
-            i18n: i18n,
-            locales: locales,
-            version: versionRow
+    });
+    $[0] = field;
+    $[1] = i18n;
+    $[2] = locale;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  let t2;
+  if ($[4] !== baseVersionField || $[5] !== comparisonValue || $[6] !== field || $[7] !== i18n || $[8] !== maxRows || $[9] !== selectedLocales || $[10] !== t1 || $[11] !== versionValue) {
+    t2 = _jsx("div", {
+      className: baseClass,
+      children: _jsxs(DiffCollapser, {
+        comparison: comparisonValue,
+        field,
+        isIterable: true,
+        label: t1,
+        locales: selectedLocales,
+        version: versionValue,
+        children: [maxRows > 0 && _jsx("div", {
+          className: `${baseClass}__rows`,
+          children: Array.from(Array(maxRows).keys()).map((row, i) => {
+            const versionRow = versionValue?.[i] || {};
+            const comparisonRow = comparisonValue?.[i] || {};
+            const {
+              fields,
+              versionFields
+            } = getFieldsForRowComparison({
+              baseVersionField,
+              comparisonRow,
+              field,
+              row: i,
+              versionRow
+            });
+            const rowNumber = String(i + 1).padStart(2, "0");
+            const rowLabel = fieldIsArrayType(field) ? `Item ${rowNumber}` : `Block ${rowNumber}`;
+            return _jsx("div", {
+              className: `${baseClass}__row`,
+              children: _jsx(DiffCollapser, {
+                comparison: comparisonRow,
+                fields,
+                label: rowLabel,
+                locales: selectedLocales,
+                version: versionRow,
+                children: _jsx(RenderVersionFieldsToDiff, {
+                  versionFields
+                })
+              })
+            }, i);
           })
-        }, i);
-      })
-    }), maxRows === 0 && /*#__PURE__*/_jsx("div", {
-      className: `${baseClass}__no-rows`,
-      children: i18n.t('version:noRowsFound', {
-        label: 'labels' in field && field.labels?.plural ? getTranslation(field.labels.plural, i18n) : i18n.t('general:rows')
+        }), maxRows === 0 && _jsx("div", {
+          className: `${baseClass}__no-rows`,
+          children: i18n.t("version:noRowsFound", {
+            label: "labels" in field && field.labels?.plural ? getTranslation(field.labels.plural, i18n) : i18n.t("general:rows")
+          })
+        })]
       })
-    })]
-  });
+    });
+    $[4] = baseVersionField;
+    $[5] = comparisonValue;
+    $[6] = field;
+    $[7] = i18n;
+    $[8] = maxRows;
+    $[9] = selectedLocales;
+    $[10] = t1;
+    $[11] = versionValue;
+    $[12] = t2;
+  } else {
+    t2 = $[12];
+  }
+  return t2;
 };
-export default Iterable;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","getUniqueListBy","React","RenderFieldsToDiff","Label","baseClass","Iterable","comparison","diffComponents","field","fieldPermissions","i18n","locale","locales","version","versionRowCount","Array","isArray","length","comparisonRowCount","maxRows","Math","max","_jsxs","className","label","_jsx","Fragment","from","keys","map","row","i","versionRow","comparisonRow","fields","type","blockType","matchedBlock","blocks","find","block","slug","matchedVersionBlock","matchedComparisonBlock","t","labels","plural"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Iterable/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { getUniqueListBy } from 'payload/shared'\nimport React from 'react'\n\nimport type { DiffComponentProps } from '../types.js'\n\nimport RenderFieldsToDiff from '../../index.js'\nimport Label from '../../Label/index.js'\nimport './index.scss'\n\nconst baseClass = 'iterable-diff'\n\nconst Iterable: React.FC<DiffComponentProps> = ({\n  comparison,\n  diffComponents,\n  field,\n  fieldPermissions,\n  i18n,\n  locale,\n  locales,\n  version,\n}) => {\n  const versionRowCount = Array.isArray(version) ? version.length : 0\n  const comparisonRowCount = Array.isArray(comparison) ? comparison.length : 0\n  const maxRows = Math.max(versionRowCount, comparisonRowCount)\n\n  return (\n    <div className={baseClass}>\n      {'label' in field && field.label && typeof field.label !== 'function' && (\n        <Label>\n          {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n          {getTranslation(field.label, i18n)}\n        </Label>\n      )}\n      {maxRows > 0 && (\n        <React.Fragment>\n          {Array.from(Array(maxRows).keys()).map((row, i) => {\n            const versionRow = version?.[i] || {}\n            const comparisonRow = comparison?.[i] || {}\n\n            let fields: ClientField[] = []\n\n            if (field.type === 'array' && 'fields' in field) {\n              fields = field.fields\n            }\n\n            if (field.type === 'blocks') {\n              fields = [\n                // {\n                //   name: 'blockType',\n                //   label: i18n.t('fields:blockType'),\n                //   type: 'text',\n                // },\n              ]\n\n              if (versionRow?.blockType === comparisonRow?.blockType) {\n                const matchedBlock = ('blocks' in field &&\n                  field.blocks?.find((block) => block.slug === versionRow?.blockType)) || {\n                  fields: [],\n                }\n\n                fields = [...fields, ...matchedBlock.fields]\n              } else {\n                const matchedVersionBlock = ('blocks' in field &&\n                  field.blocks?.find((block) => block.slug === versionRow?.blockType)) || {\n                  fields: [],\n                }\n\n                const matchedComparisonBlock = ('blocks' in field &&\n                  field.blocks?.find((block) => block.slug === comparisonRow?.blockType)) || {\n                  fields: [],\n                }\n\n                fields = getUniqueListBy<ClientField>(\n                  [...fields, ...matchedVersionBlock.fields, ...matchedComparisonBlock.fields],\n                  'name',\n                )\n              }\n            }\n\n            return (\n              <div className={`${baseClass}__wrap`} key={i}>\n                <RenderFieldsToDiff\n                  comparison={comparisonRow}\n                  diffComponents={diffComponents}\n                  fieldPermissions={fieldPermissions}\n                  fields={fields}\n                  i18n={i18n}\n                  locales={locales}\n                  version={versionRow}\n                />\n              </div>\n            )\n          })}\n        </React.Fragment>\n      )}\n      {maxRows === 0 && (\n        <div className={`${baseClass}__no-rows`}>\n          {i18n.t('version:noRowsFound', {\n            label:\n              'labels' in field && field.labels?.plural\n                ? getTranslation(field.labels.plural, i18n)\n                : i18n.t('general:rows'),\n          })}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default Iterable\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","useTranslation","fieldIsArrayType","fieldIsBlockType","React","useSelectedLocales","DiffCollapser","RenderVersionFieldsToDiff","getFieldsForRowComparison","baseClass","Iterable","t0","$","baseVersionField","comparisonValue","field","locale","versionValue","i18n","selectedLocales","versionRowCount","Array","isArray","length","comparisonRowCount","maxRows","Math","max","Error","type","t1","label","_jsxs","children","_jsx","className","t2","comparison","isIterable","version","from","keys","map","row","i","versionRow","comparisonRow","fields","versionFields","rowNumber","String","padStart","rowLabel","locales","t","labels","plural"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Iterable/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FieldDiffClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useTranslation } from '@payloadcms/ui'\n\nimport './index.scss'\n\nimport { fieldIsArrayType, fieldIsBlockType } from 'payload/shared'\nimport React from 'react'\n\nimport { useSelectedLocales } from '../../../Default/SelectedLocalesContext.js'\nimport { DiffCollapser } from '../../DiffCollapser/index.js'\nimport { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js'\nimport { getFieldsForRowComparison } from '../../utilities/getFieldsForRowComparison.js'\n\nconst baseClass = 'iterable-diff'\n\nexport const Iterable: React.FC<FieldDiffClientProps> = ({\n  baseVersionField,\n  comparisonValue,\n  field,\n  locale,\n  versionValue,\n}) => {\n  const { i18n } = useTranslation()\n  const { selectedLocales } = useSelectedLocales()\n\n  const versionRowCount = Array.isArray(versionValue) ? versionValue.length : 0\n  const comparisonRowCount = Array.isArray(comparisonValue) ? comparisonValue.length : 0\n  const maxRows = Math.max(versionRowCount, comparisonRowCount)\n\n  if (!fieldIsArrayType(field) && !fieldIsBlockType(field)) {\n    throw new Error(`Expected field to be an array or blocks type but got: ${field.type}`)\n  }\n\n  return (\n    <div className={baseClass}>\n      <DiffCollapser\n        comparison={comparisonValue}\n        field={field}\n        isIterable\n        label={\n          'label' in field &&\n          field.label &&\n          typeof field.label !== 'function' && (\n            <span>\n              {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n              {getTranslation(field.label, i18n)}\n            </span>\n          )\n        }\n        locales={selectedLocales}\n        version={versionValue}\n      >\n        {maxRows > 0 && (\n          <div className={`${baseClass}__rows`}>\n            {Array.from(Array(maxRows).keys()).map((row, i) => {\n              const versionRow = versionValue?.[i] || {}\n              const comparisonRow = comparisonValue?.[i] || {}\n\n              const { fields, versionFields } = getFieldsForRowComparison({\n                baseVersionField,\n                comparisonRow,\n                field,\n                row: i,\n                versionRow,\n              })\n\n              const rowNumber = String(i + 1).padStart(2, '0')\n              const rowLabel = fieldIsArrayType(field) ? `Item ${rowNumber}` : `Block ${rowNumber}`\n\n              return (\n                <div className={`${baseClass}__row`} key={i}>\n                  <DiffCollapser\n                    comparison={comparisonRow}\n                    fields={fields}\n                    label={rowLabel}\n                    locales={selectedLocales}\n                    version={versionRow}\n                  >\n                    <RenderVersionFieldsToDiff versionFields={versionFields} />\n                  </DiffCollapser>\n                </div>\n              )\n            })}\n          </div>\n        )}\n        {maxRows === 0 && (\n          <div className={`${baseClass}__no-rows`}>\n            {i18n.t('version:noRowsFound', {\n              label:\n                'labels' in field && field.labels?.plural\n                  ? getTranslation(field.labels.plural, i18n)\n                  : i18n.t('general:rows'),\n            })}\n          </div>\n        )}\n      </DiffCollapser>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,7 +1,5 @@
 @layer payload-default {
   .iterable-diff {
-    margin-bottom: calc(var(--base) * 2);
-
     &__locale-label {
       background: var(--theme-elevation-100);
       padding: calc(var(--base) * 0.25);
@@ -14,16 +12,9 @@
       }
     }
 
-    &__wrap {
-      margin: calc(var(--base) * 0.5);
-      [dir='ltr'] & {
-        padding-left: calc(var(--base) * 0.5);
-        // border-left: $style-stroke-width-s solid var(--theme-elevation-150);
-      }
-      [dir='rtl'] & {
-        padding-right: calc(var(--base) * 0.5);
-        // border-right: $style-stroke-width-s solid var(--theme-elevation-150);
-      }
+    // Space between each row
+    &__row:not(:first-of-type) {
+      margin-top: calc(var(--base) * 0.5);
     }
 
     &__no-rows {

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

@@ -1,7 +1,4 @@
-import type { RelationshipFieldClient } from 'payload';
-import React from 'react';
-import type { DiffComponentProps } from '../types.js';
+import type { RelationshipFieldDiffClientComponent } from 'payload';
 import './index.scss';
-declare const Relationship: React.FC<DiffComponentProps<RelationshipFieldClient>>;
-export default Relationship;
+export declare const Relationship: RelationshipFieldDiffClientComponent;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Relationship/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAuC,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAK3F,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAIrD,OAAO,cAAc,CAAA;AAwFrB,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,uBAAuB,CAAC,CA2DvE,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Relationship/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAGV,oCAAoC,EACrC,MAAM,SAAS,CAAA;AAShB,OAAO,cAAc,CAAA;AAsFrB,eAAO,MAAM,YAAY,EAAE,oCA8D1B,CAAA"}

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

@@ -3,13 +3,12 @@
 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 { useConfig } from '@payloadcms/ui';
+import { useConfig, useTranslation } from '@payloadcms/ui';
 import { fieldAffectsData, fieldIsPresentationalOnly } from 'payload/shared';
 import React from 'react';
-import ReactDiffViewerImport from 'react-diff-viewer-continued';
+import ReactDiffViewer from 'react-diff-viewer-continued';
 import Label from '../../Label/index.js';
 import { diffStyles } from '../styles.js';
-const ReactDiffViewer = ReactDiffViewerImport.default || ReactDiffViewerImport;
 const baseClass = 'relationship-diff';
 const generateLabelFromValue = (collections, field, locale, value) => {
   if (Array.isArray(value)) {
@@ -60,15 +59,17 @@ const generateLabelFromValue = (collections, field, locale, value) => {
   }
   return valueToReturn;
 };
-const Relationship = t0 => {
+export const Relationship = t0 => {
   const $ = _c(10);
   const {
-    comparison,
+    comparisonValue,
     field,
-    i18n,
     locale,
-    version
+    versionValue
   } = t0;
+  const {
+    i18n
+  } = useTranslation();
   const placeholder = `[${i18n.t("general:noValue")}]`;
   const {
     config: t1
@@ -77,21 +78,21 @@ const Relationship = t0 => {
     collections
   } = t1;
   let t2;
-  if ($[0] !== collections || $[1] !== comparison || $[2] !== field || $[3] !== i18n || $[4] !== locale || $[5] !== placeholder || $[6] !== version) {
+  if ($[0] !== collections || $[1] !== comparisonValue || $[2] !== field || $[3] !== i18n || $[4] !== locale || $[5] !== placeholder || $[6] !== versionValue) {
     let versionToRender = placeholder;
     let comparisonToRender = placeholder;
-    if (version) {
-      if ("hasMany" in field && field.hasMany && Array.isArray(version)) {
-        versionToRender = version.map(val => generateLabelFromValue(collections, field, locale, val)).join(", ") || placeholder;
+    if (versionValue) {
+      if ("hasMany" in field && field.hasMany && Array.isArray(versionValue)) {
+        versionToRender = versionValue.map(val => generateLabelFromValue(collections, field, locale, val)).join(", ") || placeholder;
       } else {
-        versionToRender = generateLabelFromValue(collections, field, locale, version) || placeholder;
+        versionToRender = generateLabelFromValue(collections, field, locale, versionValue) || placeholder;
       }
     }
-    if (comparison) {
-      if ("hasMany" in field && field.hasMany && Array.isArray(comparison)) {
-        comparisonToRender = comparison.map(val_0 => generateLabelFromValue(collections, field, locale, val_0)).join(", ") || placeholder;
+    if (comparisonValue) {
+      if ("hasMany" in field && field.hasMany && Array.isArray(comparisonValue)) {
+        comparisonToRender = comparisonValue.map(val_0 => generateLabelFromValue(collections, field, locale, val_0)).join(", ") || placeholder;
       } else {
-        comparisonToRender = generateLabelFromValue(collections, field, locale, comparison) || placeholder;
+        comparisonToRender = generateLabelFromValue(collections, field, locale, comparisonValue) || placeholder;
       }
     }
     const label = "label" in field && typeof field.label !== "boolean" && typeof field.label !== "function" ? field.label : "";
@@ -120,17 +121,16 @@ const Relationship = t0 => {
       })]
     });
     $[0] = collections;
-    $[1] = comparison;
+    $[1] = comparisonValue;
     $[2] = field;
     $[3] = i18n;
     $[4] = locale;
     $[5] = placeholder;
-    $[6] = version;
+    $[6] = versionValue;
     $[7] = t2;
   } else {
     t2 = $[7];
   }
   return t2;
 };
-export default Relationship;
 //# sourceMappingURL=index.js.map