@payloadcms/ui 4.0.0-canary.0 → 4.0.0-canary.2

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

@@ -0,0 +1,225 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import React from 'react';
+import { FieldDiffContainer } from '../../../../../elements/FieldDiffContainer/index.js';
+import { getHTMLDiffComponents } from '../../../../../elements/HTMLDiff/index.js';
+import './index.css';
+import { File } from '../../../../../graphics/File/index.js';
+const baseClass = 'upload-diff';
+export const Upload = args => {
+  const {
+    comparisonValue: valueFrom,
+    field,
+    i18n,
+    locale,
+    nestingLevel,
+    req,
+    versionValue: valueTo
+  } = args;
+  const hasMany = 'hasMany' in field && field.hasMany && Array.isArray(valueTo);
+  const polymorphic = Array.isArray(field.relationTo);
+  if (hasMany) {
+    return /*#__PURE__*/_jsx(HasManyUploadDiff, {
+      field: field,
+      i18n: i18n,
+      locale: locale,
+      nestingLevel: nestingLevel,
+      polymorphic: polymorphic,
+      req: req,
+      valueFrom: valueFrom,
+      valueTo: valueTo
+    });
+  }
+  return /*#__PURE__*/_jsx(SingleUploadDiff, {
+    field: field,
+    i18n: i18n,
+    locale: locale,
+    nestingLevel: nestingLevel,
+    polymorphic: polymorphic,
+    req: req,
+    valueFrom: valueFrom,
+    valueTo: valueTo
+  });
+};
+export const HasManyUploadDiff = async args => {
+  const {
+    field,
+    i18n,
+    locale,
+    nestingLevel,
+    polymorphic,
+    req,
+    valueFrom,
+    valueTo
+  } = args;
+  const ReactDOMServer = (await import('react-dom/server')).default;
+  let From = '';
+  let To = '';
+  const showCollectionSlug = Array.isArray(field.relationTo);
+  const getUploadDocKey = uploadDoc => {
+    if (typeof uploadDoc === 'object' && 'relationTo' in uploadDoc) {
+      // Polymorphic case
+      const value = uploadDoc.value;
+      return typeof value === 'object' ? value.id : value;
+    }
+    // Non-polymorphic case
+    return typeof uploadDoc === 'object' ? uploadDoc.id : uploadDoc;
+  };
+  const FromComponents = valueFrom ? valueFrom.map(uploadDoc => /*#__PURE__*/_jsx(UploadDocumentDiff, {
+    i18n: i18n,
+    polymorphic: polymorphic,
+    relationTo: field.relationTo,
+    req: req,
+    showCollectionSlug: showCollectionSlug,
+    uploadDoc: uploadDoc
+  }, getUploadDocKey(uploadDoc))) : null;
+  const ToComponents = valueTo ? valueTo.map(uploadDoc => /*#__PURE__*/_jsx(UploadDocumentDiff, {
+    i18n: i18n,
+    polymorphic: polymorphic,
+    relationTo: field.relationTo,
+    req: req,
+    showCollectionSlug: showCollectionSlug,
+    uploadDoc: uploadDoc
+  }, getUploadDocKey(uploadDoc))) : null;
+  const diffResult = getHTMLDiffComponents({
+    fromHTML: `<div class="${baseClass}-hasMany">` + (FromComponents ? FromComponents.map(component => `<div>${ReactDOMServer.renderToStaticMarkup(component)}</div>`).join('') : '') + '</div>',
+    toHTML: `<div class="${baseClass}-hasMany">` + (ToComponents ? ToComponents.map(component => `<div>${ReactDOMServer.renderToStaticMarkup(component)}</div>`).join('') : '') + '</div>',
+    tokenizeByCharacter: false
+  });
+  From = diffResult.From;
+  To = diffResult.To;
+  return /*#__PURE__*/_jsx(FieldDiffContainer, {
+    className: `${baseClass}-container ${baseClass}-container--hasMany`,
+    From: From,
+    i18n: i18n,
+    label: {
+      label: field.label,
+      locale
+    },
+    nestingLevel: nestingLevel,
+    To: To
+  });
+};
+export const SingleUploadDiff = async args => {
+  const {
+    field,
+    i18n,
+    locale,
+    nestingLevel,
+    polymorphic,
+    req,
+    valueFrom,
+    valueTo
+  } = args;
+  const ReactDOMServer = (await import('react-dom/server')).default;
+  let From = '';
+  let To = '';
+  const showCollectionSlug = Array.isArray(field.relationTo);
+  const FromComponent = valueFrom ? /*#__PURE__*/_jsx(UploadDocumentDiff, {
+    i18n: i18n,
+    polymorphic: polymorphic,
+    relationTo: field.relationTo,
+    req: req,
+    showCollectionSlug: showCollectionSlug,
+    uploadDoc: valueFrom
+  }) : null;
+  const ToComponent = valueTo ? /*#__PURE__*/_jsx(UploadDocumentDiff, {
+    i18n: i18n,
+    polymorphic: polymorphic,
+    relationTo: field.relationTo,
+    req: req,
+    showCollectionSlug: showCollectionSlug,
+    uploadDoc: valueTo
+  }) : null;
+  const fromHtml = FromComponent ? ReactDOMServer.renderToStaticMarkup(FromComponent) : '<p>' + '' + '</p>';
+  const toHtml = ToComponent ? ReactDOMServer.renderToStaticMarkup(ToComponent) : '<p>' + '' + '</p>';
+  const diffResult = getHTMLDiffComponents({
+    fromHTML: fromHtml,
+    toHTML: toHtml,
+    tokenizeByCharacter: false
+  });
+  From = diffResult.From;
+  To = diffResult.To;
+  return /*#__PURE__*/_jsx(FieldDiffContainer, {
+    className: `${baseClass}-container ${baseClass}-container--hasOne`,
+    From: From,
+    i18n: i18n,
+    label: {
+      label: field.label,
+      locale
+    },
+    nestingLevel: nestingLevel,
+    To: To
+  });
+};
+const UploadDocumentDiff = args => {
+  const {
+    i18n,
+    polymorphic,
+    relationTo,
+    req,
+    showCollectionSlug,
+    uploadDoc
+  } = args;
+  let thumbnailSRC = '';
+  const value = polymorphic ? uploadDoc.value : uploadDoc;
+  if (value && typeof value === 'object' && 'thumbnailURL' in value) {
+    thumbnailSRC = typeof value.thumbnailURL === 'string' && value.thumbnailURL || typeof value.url === 'string' && value.url || '';
+  }
+  let filename;
+  if (value && typeof value === 'object') {
+    filename = value.filename;
+  } else {
+    filename = `${i18n.t('general:untitled')} - ID: ${uploadDoc}`;
+  }
+  let pillLabel = null;
+  if (showCollectionSlug) {
+    let collectionSlug;
+    if (polymorphic && typeof uploadDoc === 'object' && 'relationTo' in uploadDoc) {
+      collectionSlug = uploadDoc.relationTo;
+    } else {
+      collectionSlug = typeof relationTo === 'string' ? relationTo : relationTo[0];
+    }
+    const uploadConfig = req.payload.collections[collectionSlug].config;
+    pillLabel = uploadConfig.labels?.singular ? getTranslation(uploadConfig.labels.singular, i18n) : uploadConfig.slug;
+  }
+  let id;
+  if (polymorphic && typeof uploadDoc === 'object' && 'relationTo' in uploadDoc) {
+    const polyValue = uploadDoc.value;
+    id = typeof polyValue === 'object' ? polyValue.id : polyValue;
+  } else if (typeof uploadDoc === 'object' && 'id' in uploadDoc) {
+    id = uploadDoc.id;
+  } else if (typeof uploadDoc === 'string' || typeof uploadDoc === 'number') {
+    id = uploadDoc;
+  }
+  const alt = value && typeof value === 'object' && value.alt || filename || '';
+  return /*#__PURE__*/_jsx("div", {
+    className: `${baseClass}`,
+    "data-enable-match": "true",
+    "data-id": id,
+    "data-relation-to": relationTo,
+    children: /*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__card`,
+      children: [/*#__PURE__*/_jsx("div", {
+        className: `${baseClass}__thumbnail`,
+        children: thumbnailSRC?.length ? /*#__PURE__*/_jsx("img", {
+          alt: alt,
+          src: thumbnailSRC
+        }) : /*#__PURE__*/_jsx(File, {})
+      }), pillLabel && /*#__PURE__*/_jsx("div", {
+        className: `${baseClass}__pill`,
+        "data-enable-match": "false",
+        children: /*#__PURE__*/_jsx("span", {
+          children: pillLabel
+        })
+      }), /*#__PURE__*/_jsx("div", {
+        className: `${baseClass}__info`,
+        "data-enable-match": "false",
+        children: /*#__PURE__*/_jsx("strong", {
+          children: filename
+        })
+      })]
+    })
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["getTranslation","React","FieldDiffContainer","getHTMLDiffComponents","File","baseClass","Upload","args","comparisonValue","valueFrom","field","i18n","locale","nestingLevel","req","versionValue","valueTo","hasMany","Array","isArray","polymorphic","relationTo","_jsx","HasManyUploadDiff","SingleUploadDiff","ReactDOMServer","default","From","To","showCollectionSlug","getUploadDocKey","uploadDoc","value","id","FromComponents","map","UploadDocumentDiff","ToComponents","diffResult","fromHTML","component","renderToStaticMarkup","join","toHTML","tokenizeByCharacter","className","label","FromComponent","ToComponent","fromHtml","toHtml","thumbnailSRC","thumbnailURL","url","filename","t","pillLabel","collectionSlug","uploadConfig","payload","collections","config","labels","singular","slug","polyValue","alt","_jsxs","length","src"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Upload/index.tsx"],"sourcesContent":["import type {\n  FileData,\n  PayloadRequest,\n  TypeWithID,\n  UploadField,\n  UploadFieldDiffServerComponent,\n} from 'payload'\n\nimport { getTranslation, type I18nClient } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { FieldDiffContainer } from '../../../../../elements/FieldDiffContainer/index.js'\nimport { getHTMLDiffComponents } from '../../../../../elements/HTMLDiff/index.js'\nimport './index.css'\nimport { File } from '../../../../../graphics/File/index.js'\n\nconst baseClass = 'upload-diff'\n\ntype NonPolyUploadDoc = (FileData & TypeWithID) | number | string\ntype PolyUploadDoc = { relationTo: string; value: (FileData & TypeWithID) | number | string }\n\ntype UploadDoc = NonPolyUploadDoc | PolyUploadDoc\n\nexport const Upload: UploadFieldDiffServerComponent = (args) => {\n  const {\n    comparisonValue: valueFrom,\n    field,\n    i18n,\n    locale,\n    nestingLevel,\n    req,\n    versionValue: valueTo,\n  } = args\n  const hasMany = 'hasMany' in field && field.hasMany && Array.isArray(valueTo)\n  const polymorphic = Array.isArray(field.relationTo)\n\n  if (hasMany) {\n    return (\n      <HasManyUploadDiff\n        field={field}\n        i18n={i18n}\n        locale={locale}\n        nestingLevel={nestingLevel}\n        polymorphic={polymorphic}\n        req={req}\n        valueFrom={valueFrom as UploadDoc[]}\n        valueTo={valueTo as UploadDoc[]}\n      />\n    )\n  }\n\n  return (\n    <SingleUploadDiff\n      field={field}\n      i18n={i18n}\n      locale={locale}\n      nestingLevel={nestingLevel}\n      polymorphic={polymorphic}\n      req={req}\n      valueFrom={valueFrom as UploadDoc}\n      valueTo={valueTo as UploadDoc}\n    />\n  )\n}\n\nexport const HasManyUploadDiff: React.FC<{\n  field: UploadField\n  i18n: I18nClient\n  locale: string\n  nestingLevel?: number\n  polymorphic: boolean\n  req: PayloadRequest\n  valueFrom: Array<UploadDoc>\n  valueTo: Array<UploadDoc>\n}> = async (args) => {\n  const { field, i18n, locale, nestingLevel, polymorphic, req, valueFrom, valueTo } = args\n  const ReactDOMServer = (await import('react-dom/server')).default\n\n  let From: React.ReactNode = ''\n  let To: React.ReactNode = ''\n\n  const showCollectionSlug = Array.isArray(field.relationTo)\n\n  const getUploadDocKey = (uploadDoc: UploadDoc): number | string => {\n    if (typeof uploadDoc === 'object' && 'relationTo' in uploadDoc) {\n      // Polymorphic case\n      const value = uploadDoc.value\n      return typeof value === 'object' ? value.id : value\n    }\n    // Non-polymorphic case\n    return typeof uploadDoc === 'object' ? uploadDoc.id : uploadDoc\n  }\n\n  const FromComponents = valueFrom\n    ? valueFrom.map((uploadDoc) => (\n        <UploadDocumentDiff\n          i18n={i18n}\n          key={getUploadDocKey(uploadDoc)}\n          polymorphic={polymorphic}\n          relationTo={field.relationTo}\n          req={req}\n          showCollectionSlug={showCollectionSlug}\n          uploadDoc={uploadDoc}\n        />\n      ))\n    : null\n  const ToComponents = valueTo\n    ? valueTo.map((uploadDoc) => (\n        <UploadDocumentDiff\n          i18n={i18n}\n          key={getUploadDocKey(uploadDoc)}\n          polymorphic={polymorphic}\n          relationTo={field.relationTo}\n          req={req}\n          showCollectionSlug={showCollectionSlug}\n          uploadDoc={uploadDoc}\n        />\n      ))\n    : null\n\n  const diffResult = getHTMLDiffComponents({\n    fromHTML:\n      `<div class=\"${baseClass}-hasMany\">` +\n      (FromComponents\n        ? FromComponents.map(\n            (component) => `<div>${ReactDOMServer.renderToStaticMarkup(component)}</div>`,\n          ).join('')\n        : '') +\n      '</div>',\n    toHTML:\n      `<div class=\"${baseClass}-hasMany\">` +\n      (ToComponents\n        ? ToComponents.map(\n            (component) => `<div>${ReactDOMServer.renderToStaticMarkup(component)}</div>`,\n          ).join('')\n        : '') +\n      '</div>',\n    tokenizeByCharacter: false,\n  })\n  From = diffResult.From\n  To = diffResult.To\n\n  return (\n    <FieldDiffContainer\n      className={`${baseClass}-container ${baseClass}-container--hasMany`}\n      From={From}\n      i18n={i18n}\n      label={{\n        label: field.label,\n        locale,\n      }}\n      nestingLevel={nestingLevel}\n      To={To}\n    />\n  )\n}\n\nexport const SingleUploadDiff: React.FC<{\n  field: UploadField\n  i18n: I18nClient\n  locale: string\n  nestingLevel?: number\n  polymorphic: boolean\n  req: PayloadRequest\n  valueFrom: UploadDoc\n  valueTo: UploadDoc\n}> = async (args) => {\n  const { field, i18n, locale, nestingLevel, polymorphic, req, valueFrom, valueTo } = args\n\n  const ReactDOMServer = (await import('react-dom/server')).default\n\n  let From: React.ReactNode = ''\n  let To: React.ReactNode = ''\n\n  const showCollectionSlug = Array.isArray(field.relationTo)\n\n  const FromComponent = valueFrom ? (\n    <UploadDocumentDiff\n      i18n={i18n}\n      polymorphic={polymorphic}\n      relationTo={field.relationTo}\n      req={req}\n      showCollectionSlug={showCollectionSlug}\n      uploadDoc={valueFrom}\n    />\n  ) : null\n  const ToComponent = valueTo ? (\n    <UploadDocumentDiff\n      i18n={i18n}\n      polymorphic={polymorphic}\n      relationTo={field.relationTo}\n      req={req}\n      showCollectionSlug={showCollectionSlug}\n      uploadDoc={valueTo}\n    />\n  ) : null\n\n  const fromHtml = FromComponent\n    ? ReactDOMServer.renderToStaticMarkup(FromComponent)\n    : '<p>' + '' + '</p>'\n  const toHtml = ToComponent\n    ? ReactDOMServer.renderToStaticMarkup(ToComponent)\n    : '<p>' + '' + '</p>'\n\n  const diffResult = getHTMLDiffComponents({\n    fromHTML: fromHtml,\n    toHTML: toHtml,\n    tokenizeByCharacter: false,\n  })\n  From = diffResult.From\n  To = diffResult.To\n\n  return (\n    <FieldDiffContainer\n      className={`${baseClass}-container ${baseClass}-container--hasOne`}\n      From={From}\n      i18n={i18n}\n      label={{\n        label: field.label,\n        locale,\n      }}\n      nestingLevel={nestingLevel}\n      To={To}\n    />\n  )\n}\n\nconst UploadDocumentDiff = (args: {\n  i18n: I18nClient\n  polymorphic: boolean\n  relationTo: string | string[]\n  req: PayloadRequest\n  showCollectionSlug?: boolean\n  uploadDoc: UploadDoc\n}) => {\n  const { i18n, polymorphic, relationTo, req, showCollectionSlug, uploadDoc } = args\n\n  let thumbnailSRC: string = ''\n\n  const value = polymorphic\n    ? (uploadDoc as { relationTo: string; value: FileData & TypeWithID }).value\n    : (uploadDoc as FileData & TypeWithID)\n\n  if (value && typeof value === 'object' && 'thumbnailURL' in value) {\n    thumbnailSRC =\n      (typeof value.thumbnailURL === 'string' && value.thumbnailURL) ||\n      (typeof value.url === 'string' && value.url) ||\n      ''\n  }\n\n  let filename: string\n  if (value && typeof value === 'object') {\n    filename = value.filename\n  } else {\n    filename = `${i18n.t('general:untitled')} - ID: ${uploadDoc as number | string}`\n  }\n\n  let pillLabel: null | string = null\n\n  if (showCollectionSlug) {\n    let collectionSlug: string\n    if (polymorphic && typeof uploadDoc === 'object' && 'relationTo' in uploadDoc) {\n      collectionSlug = uploadDoc.relationTo\n    } else {\n      collectionSlug = typeof relationTo === 'string' ? relationTo : relationTo[0]\n    }\n    const uploadConfig = req.payload.collections[collectionSlug].config\n    pillLabel = uploadConfig.labels?.singular\n      ? getTranslation(uploadConfig.labels.singular, i18n)\n      : uploadConfig.slug\n  }\n\n  let id: number | string | undefined\n  if (polymorphic && typeof uploadDoc === 'object' && 'relationTo' in uploadDoc) {\n    const polyValue = uploadDoc.value\n    id = typeof polyValue === 'object' ? polyValue.id : polyValue\n  } else if (typeof uploadDoc === 'object' && 'id' in uploadDoc) {\n    id = uploadDoc.id\n  } else if (typeof uploadDoc === 'string' || typeof uploadDoc === 'number') {\n    id = uploadDoc\n  }\n\n  const alt =\n    (value && typeof value === 'object' && (value as { alt?: string }).alt) || filename || ''\n\n  return (\n    <div\n      className={`${baseClass}`}\n      data-enable-match=\"true\"\n      data-id={id}\n      data-relation-to={relationTo}\n    >\n      <div className={`${baseClass}__card`}>\n        <div className={`${baseClass}__thumbnail`}>\n          {thumbnailSRC?.length ? <img alt={alt} src={thumbnailSRC} /> : <File />}\n        </div>\n        {pillLabel && (\n          <div className={`${baseClass}__pill`} data-enable-match=\"false\">\n            <span>{pillLabel}</span>\n          </div>\n        )}\n        <div className={`${baseClass}__info`} data-enable-match=\"false\">\n          <strong>{filename}</strong>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,3 @@
+import type { FieldDiffClientProps, FieldDiffServerProps, FieldTypes } from 'payload';
+export declare const diffComponents: Record<FieldTypes, React.ComponentType<FieldDiffClientProps | FieldDiffServerProps>>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/Version/RenderFieldsToDiff/fields/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAkBrF,eAAO,MAAM,cAAc,EAAE,MAAM,CACjC,UAAU,EACV,KAAK,CAAC,aAAa,CAAC,oBAAoB,GAAG,oBAAoB,CAAC,CAwBjE,CAAA"}

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

@@ -0,0 +1,29 @@
+/* eslint-disable payload/no-imports-from-exports-dir -- Server-side map of diff components must reference exports/client bundle so RSC client refs resolve to the bundled providers */import { VersionFieldDiffCheckbox as Checkbox, VersionFieldDiffCollapsible as Collapsible, VersionFieldDiffDate as DateDiffComponent, VersionFieldDiffGroup as Group, VersionFieldDiffIterable as Iterable, VersionFieldDiffRow as Row, VersionFieldDiffSelect as Select, VersionFieldDiffTabs as Tabs, VersionFieldDiffText as Text } from '../../../../exports/client/index.js';
+/* eslint-enable payload/no-imports-from-exports-dir */
+import { Relationship } from './Relationship/index.js';
+import { Upload } from './Upload/index.js';
+export const diffComponents = {
+  array: Iterable,
+  blocks: Iterable,
+  checkbox: Checkbox,
+  code: Text,
+  collapsible: Collapsible,
+  date: DateDiffComponent,
+  email: Text,
+  group: Group,
+  join: null,
+  json: Text,
+  number: Text,
+  point: Text,
+  radio: Select,
+  relationship: Relationship,
+  richText: Text,
+  row: Row,
+  select: Select,
+  tabs: Tabs,
+  text: Text,
+  textarea: Text,
+  ui: null,
+  upload: Upload
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["VersionFieldDiffCheckbox","Checkbox","VersionFieldDiffCollapsible","Collapsible","VersionFieldDiffDate","DateDiffComponent","VersionFieldDiffGroup","Group","VersionFieldDiffIterable","Iterable","VersionFieldDiffRow","Row","VersionFieldDiffSelect","Select","VersionFieldDiffTabs","Tabs","VersionFieldDiffText","Text","Relationship","Upload","diffComponents","array","blocks","checkbox","code","collapsible","date","email","group","join","json","number","point","radio","relationship","richText","row","select","tabs","text","textarea","ui","upload"],"sources":["../../../../../src/views/Version/RenderFieldsToDiff/fields/index.ts"],"sourcesContent":["import type { FieldDiffClientProps, FieldDiffServerProps, FieldTypes } from 'payload'\n\n/* eslint-disable payload/no-imports-from-exports-dir -- Server-side map of diff components must reference exports/client bundle so RSC client refs resolve to the bundled providers */\nimport {\n  VersionFieldDiffCheckbox as Checkbox,\n  VersionFieldDiffCollapsible as Collapsible,\n  VersionFieldDiffDate as DateDiffComponent,\n  VersionFieldDiffGroup as Group,\n  VersionFieldDiffIterable as Iterable,\n  VersionFieldDiffRow as Row,\n  VersionFieldDiffSelect as Select,\n  VersionFieldDiffTabs as Tabs,\n  VersionFieldDiffText as Text,\n} from '../../../../exports/client/index.js'\n/* eslint-enable payload/no-imports-from-exports-dir */\nimport { Relationship } from './Relationship/index.js'\nimport { Upload } from './Upload/index.js'\n\nexport const diffComponents: Record<\n  FieldTypes,\n  React.ComponentType<FieldDiffClientProps | FieldDiffServerProps>\n> = {\n  array: Iterable,\n  blocks: Iterable,\n  checkbox: Checkbox,\n  code: Text,\n  collapsible: Collapsible,\n  date: DateDiffComponent,\n  email: Text,\n  group: Group,\n  join: null,\n  json: Text,\n  number: Text,\n  point: Text,\n  radio: Select,\n  relationship: Relationship,\n  richText: Text,\n  row: Row,\n  select: Select,\n  tabs: Tabs,\n  text: Text,\n  textarea: Text,\n  ui: null,\n  upload: Upload,\n}\n"],"mappings":"AAEA,uLACA,SACEA,wBAAA,IAA4BC,QAAQ,EACpCC,2BAAA,IAA+BC,WAAW,EAC1CC,oBAAA,IAAwBC,iBAAiB,EACzCC,qBAAA,IAAyBC,KAAK,EAC9BC,wBAAA,IAA4BC,QAAQ,EACpCC,mBAAA,IAAuBC,GAAG,EAC1BC,sBAAA,IAA0BC,MAAM,EAChCC,oBAAA,IAAwBC,IAAI,EAC5BC,oBAAA,IAAwBC,IAAI,QACvB;AACP;AACA,SAASC,YAAY,QAAQ;AAC7B,SAASC,MAAM,QAAQ;AAEvB,OAAO,MAAMC,cAAA,GAGT;EACFC,KAAA,EAAOZ,QAAA;EACPa,MAAA,EAAQb,QAAA;EACRc,QAAA,EAAUtB,QAAA;EACVuB,IAAA,EAAMP,IAAA;EACNQ,WAAA,EAAatB,WAAA;EACbuB,IAAA,EAAMrB,iBAAA;EACNsB,KAAA,EAAOV,IAAA;EACPW,KAAA,EAAOrB,KAAA;EACPsB,IAAA,EAAM;EACNC,IAAA,EAAMb,IAAA;EACNc,MAAA,EAAQd,IAAA;EACRe,KAAA,EAAOf,IAAA;EACPgB,KAAA,EAAOpB,MAAA;EACPqB,YAAA,EAAchB,YAAA;EACdiB,QAAA,EAAUlB,IAAA;EACVmB,GAAA,EAAKzB,GAAA;EACL0B,MAAA,EAAQxB,MAAA;EACRyB,IAAA,EAAMvB,IAAA;EACNwB,IAAA,EAAMtB,IAAA;EACNuB,QAAA,EAAUvB,IAAA;EACVwB,EAAA,EAAI;EACJC,MAAA,EAAQvB;AACV","ignoreList":[]}

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

@@ -0,0 +1,24 @@
+@layer payload-default {
+  .render-field-diffs {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-3);
+
+    [role='banner'] {
+      display: none !important;
+    }
+  }
+
+  .render-field-diffs__field {
+    overflow-wrap: anywhere;
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-3);
+  }
+
+  @media (max-width: 768px) {
+    .render-field-diffs {
+      gap: calc(var(--spacer-4) - var(--spacer-1));
+    }
+  }
+}

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

@@ -0,0 +1,3 @@
+import { type BuildVersionFieldsArgs } from './buildVersionFields.js';
+export declare const RenderDiff: (args: BuildVersionFieldsArgs) => React.ReactNode;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/RenderFieldsToDiff/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAsB,KAAK,sBAAsB,EAAE,MAAM,yBAAyB,CAAA;AAEzF,eAAO,MAAM,UAAU,GAAI,MAAM,sBAAsB,KAAG,KAAK,CAAC,SAI/D,CAAA"}

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

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports/client bundle for proper client boundary in prod builds
+import { RenderVersionFieldsToDiff } from '../../../exports/client/index.js';
+import { buildVersionFields } from './buildVersionFields.js';
+export const RenderDiff = args => {
+  const {
+    versionFields
+  } = buildVersionFields(args);
+  return /*#__PURE__*/_jsx(RenderVersionFieldsToDiff, {
+    parent: true,
+    versionFields: versionFields
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["RenderVersionFieldsToDiff","buildVersionFields","RenderDiff","args","versionFields","_jsx","parent"],"sources":["../../../../src/views/Version/RenderFieldsToDiff/index.tsx"],"sourcesContent":["// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports/client bundle for proper client boundary in prod builds\nimport { RenderVersionFieldsToDiff } from '../../../exports/client/index.js'\nimport { buildVersionFields, type BuildVersionFieldsArgs } from './buildVersionFields.js'\n\nexport const RenderDiff = (args: BuildVersionFieldsArgs): React.ReactNode => {\n  const { versionFields } = buildVersionFields(args)\n\n  return <RenderVersionFieldsToDiff parent={true} versionFields={versionFields} />\n}\n"],"mappings":";AAAA;AACA,SAASA,yBAAyB,QAAQ;AAC1C,SAASC,kBAAkB,QAAqC;AAEhE,OAAO,MAAMC,UAAA,GAAcC,IAAA;EACzB,MAAM;IAAEC;EAAa,CAAE,GAAGH,kBAAA,CAAmBE,IAAA;EAE7C,oBAAOE,IAAA,CAACL,yBAAA;IAA0BM,MAAA,EAAQ;IAAMF,aAAA,EAAeA;;AACjE","ignoreList":[]}

package/dist/views/Version/RenderFieldsToDiff/utilities/countChangedFields.d.ts

@@ -0,0 +1,25 @@
+import type { ArrayFieldClient, BlocksFieldClient, ClientConfig, ClientField } from 'payload';
+type Args = {
+    config: ClientConfig;
+    fields: ClientField[];
+    locales: string[] | undefined;
+    parentIsLocalized: boolean;
+    valueFrom: unknown;
+    valueTo: unknown;
+};
+/**
+ * Recursively counts the number of changed fields between comparison and
+ * version data for a given set of fields.
+ */
+export declare function countChangedFields({ config, fields, locales, parentIsLocalized, valueFrom, valueTo, }: Args): number;
+type countChangedFieldsInRowsArgs = {
+    config: ClientConfig;
+    field: ArrayFieldClient | BlocksFieldClient;
+    locales: string[] | undefined;
+    parentIsLocalized: boolean;
+    valueFromRows: unknown[];
+    valueToRows: unknown[];
+};
+export declare function countChangedFieldsInRows({ config, field, locales, parentIsLocalized, valueFromRows, valueToRows, }: countChangedFieldsInRowsArgs): number;
+export {};
+//# sourceMappingURL=countChangedFields.d.ts.map

package/dist/views/Version/RenderFieldsToDiff/utilities/countChangedFields.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"countChangedFields.d.ts","sourceRoot":"","sources":["../../../../../src/views/Version/RenderFieldsToDiff/utilities/countChangedFields.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAO7F,KAAK,IAAI,GAAG;IACV,MAAM,EAAE,YAAY,CAAA;IACpB,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,OAAO,EAAE,MAAM,EAAE,GAAG,SAAS,CAAA;IAC7B,iBAAiB,EAAE,OAAO,CAAA;IAC1B,SAAS,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,MAAM,EACN,OAAO,EACP,iBAAiB,EACjB,SAAS,EACT,OAAO,GACR,EAAE,IAAI,UAoLN;AAED,KAAK,4BAA4B,GAAG;IAClC,MAAM,EAAE,YAAY,CAAA;IACpB,KAAK,EAAE,gBAAgB,GAAG,iBAAiB,CAAA;IAC3C,OAAO,EAAE,MAAM,EAAE,GAAG,SAAS,CAAA;IAC7B,iBAAiB,EAAE,OAAO,CAAA;IAC1B,aAAa,EAAE,OAAO,EAAE,CAAA;IACxB,WAAW,EAAE,OAAO,EAAE,CAAA;CACvB,CAAA;AAED,wBAAgB,wBAAwB,CAAC,EACvC,MAAM,EACN,KAAK,EACL,OAAO,EACP,iBAAiB,EACjB,aAAkB,EAClB,WAAgB,GACjB,EAAE,4BAA4B,UA6B9B"}

package/dist/views/Version/RenderFieldsToDiff/utilities/countChangedFields.js

@@ -0,0 +1,242 @@
+import { fieldShouldBeLocalized, groupHasName } from 'payload/shared';
+import { fieldHasChanges } from './fieldHasChanges.js';
+import { getFieldsForRowComparison } from './getFieldsForRowComparison.js';
+/**
+ * Recursively counts the number of changed fields between comparison and
+ * version data for a given set of fields.
+ */
+export function countChangedFields({
+  config,
+  fields,
+  locales,
+  parentIsLocalized,
+  valueFrom,
+  valueTo
+}) {
+  let count = 0;
+  fields.forEach(field => {
+    // Don't count the id field since it is not displayed in the UI
+    if ('name' in field && field.name === 'id') {
+      return;
+    }
+    const fieldType = field.type;
+    switch (fieldType) {
+      // Iterable fields are arrays and blocks fields. We iterate over each row and
+      // count the number of changed fields in each.
+      case 'array':
+      case 'blocks':
+        {
+          if (locales && fieldShouldBeLocalized({
+            field,
+            parentIsLocalized
+          })) {
+            locales.forEach(locale => {
+              const valueFromRows = valueFrom?.[field.name]?.[locale] ?? [];
+              const valueToRows = valueTo?.[field.name]?.[locale] ?? [];
+              count += countChangedFieldsInRows({
+                config,
+                field,
+                locales,
+                parentIsLocalized: parentIsLocalized || field.localized,
+                valueFromRows,
+                valueToRows
+              });
+            });
+          } else {
+            const valueFromRows = valueFrom?.[field.name] ?? [];
+            const valueToRows = valueTo?.[field.name] ?? [];
+            count += countChangedFieldsInRows({
+              config,
+              field,
+              locales,
+              parentIsLocalized: parentIsLocalized || field.localized,
+              valueFromRows,
+              valueToRows
+            });
+          }
+          break;
+        }
+      // Regular fields without nested fields.
+      case 'checkbox':
+      case 'code':
+      case 'date':
+      case 'email':
+      case 'join':
+      case 'json':
+      case 'number':
+      case 'point':
+      case 'radio':
+      case 'relationship':
+      case 'richText':
+      case 'select':
+      case 'text':
+      case 'textarea':
+      case 'upload':
+        {
+          // Fields that have a name and contain data. We can just check if the data has changed.
+          if (locales && fieldShouldBeLocalized({
+            field,
+            parentIsLocalized
+          })) {
+            locales.forEach(locale => {
+              if (fieldHasChanges(valueTo?.[field.name]?.[locale], valueFrom?.[field.name]?.[locale])) {
+                count++;
+              }
+            });
+          } else if (fieldHasChanges(valueTo?.[field.name], valueFrom?.[field.name])) {
+            count++;
+          }
+          break;
+        }
+      // Fields that have nested fields, but don't nest their fields' data.
+      case 'collapsible':
+      case 'row':
+        {
+          count += countChangedFields({
+            config,
+            fields: field.fields,
+            locales,
+            parentIsLocalized: parentIsLocalized || field.localized,
+            valueFrom,
+            valueTo
+          });
+          break;
+        }
+      // Fields that have nested fields and nest their fields' data.
+      case 'group':
+        {
+          if (groupHasName(field)) {
+            if (locales && fieldShouldBeLocalized({
+              field,
+              parentIsLocalized
+            })) {
+              locales.forEach(locale => {
+                count += countChangedFields({
+                  config,
+                  fields: field.fields,
+                  locales,
+                  parentIsLocalized: parentIsLocalized || field.localized,
+                  valueFrom: valueFrom?.[field.name]?.[locale],
+                  valueTo: valueTo?.[field.name]?.[locale]
+                });
+              });
+            } else {
+              count += countChangedFields({
+                config,
+                fields: field.fields,
+                locales,
+                parentIsLocalized: parentIsLocalized || field.localized,
+                valueFrom: valueFrom?.[field.name],
+                valueTo: valueTo?.[field.name]
+              });
+            }
+          } else {
+            // Unnamed group field: data is NOT nested under `field.name`
+            count += countChangedFields({
+              config,
+              fields: field.fields,
+              locales,
+              parentIsLocalized: parentIsLocalized || field.localized,
+              valueFrom,
+              valueTo
+            });
+          }
+          break;
+        }
+      // Each tab in a tabs field has nested fields. The fields data may be
+      // nested or not depending on the existence of a name property.
+      case 'tabs':
+        {
+          field.tabs.forEach(tab => {
+            if ('name' in tab && locales && tab.localized) {
+              // Named localized tab
+              locales.forEach(locale => {
+                count += countChangedFields({
+                  config,
+                  fields: tab.fields,
+                  locales,
+                  parentIsLocalized: parentIsLocalized || tab.localized,
+                  valueFrom: valueFrom?.[tab.name]?.[locale],
+                  valueTo: valueTo?.[tab.name]?.[locale]
+                });
+              });
+            } else if ('name' in tab) {
+              // Named tab
+              count += countChangedFields({
+                config,
+                fields: tab.fields,
+                locales,
+                parentIsLocalized: parentIsLocalized || tab.localized,
+                valueFrom: valueFrom?.[tab.name],
+                valueTo: valueTo?.[tab.name]
+              });
+            } else {
+              // Unnamed tab
+              count += countChangedFields({
+                config,
+                fields: tab.fields,
+                locales,
+                parentIsLocalized: parentIsLocalized || tab.localized,
+                valueFrom,
+                valueTo
+              });
+            }
+          });
+          break;
+        }
+      // UI fields don't have data and are not displayed in the version view
+      // so we can ignore them.
+      case 'ui':
+        {
+          break;
+        }
+      default:
+        {
+          const _exhaustiveCheck = fieldType;
+          throw new Error(`Unexpected field.type in countChangedFields : ${String(fieldType)}`);
+        }
+    }
+  });
+  return count;
+}
+export function countChangedFieldsInRows({
+  config,
+  field,
+  locales,
+  parentIsLocalized,
+  valueFromRows = [],
+  valueToRows = []
+}) {
+  let count = 0;
+  let i = 0;
+  while (valueFromRows[i] || valueToRows[i]) {
+    const valueFromRow = valueFromRows?.[i] || {};
+    const valueToRow = valueToRows?.[i] || {};
+    const {
+      fields: rowFields
+    } = getFieldsForRowComparison({
+      baseVersionField: {
+        type: 'text',
+        fields: [],
+        path: '',
+        schemaPath: ''
+      },
+      config,
+      field,
+      row: i,
+      valueFromRow,
+      valueToRow
+    });
+    count += countChangedFields({
+      config,
+      fields: rowFields,
+      locales,
+      parentIsLocalized: parentIsLocalized || field.localized,
+      valueFrom: valueFromRow,
+      valueTo: valueToRow
+    });
+    i++;
+  }
+  return count;
+}
+//# sourceMappingURL=countChangedFields.js.map