npm - @payloadcms/ui - Versions diffs - 4.0.0-internal.9496957 → 4.0.0-internal.970009e - Mend

@payloadcms/ui 4.0.0-internal.9496957 → 4.0.0-internal.970009e

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1948) hide show

package/dist/views/Version/RenderFieldsToDiff/fields/Relationship/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["getTranslation","React","FieldDiffContainer","getHTMLDiffComponents","generateLabelFromValue","baseClass","Relationship","comparisonValue","valueFrom","field","i18n","locale","nestingLevel","parentIsLocalized","req","versionValue","valueTo","hasMany","Array","isArray","polymorphic","relationTo","_jsx","ManyRelationshipDiff","SingleRelationshipDiff","args","ReactDOMServer","default","localeToUse","payload","config","localization","defaultLocale","titleFrom","titleTo","Promise","all","value","resolve","FromComponent","RelationshipDocumentDiff","showPill","title","ToComponent","NoValue","className","t","From","To","fromHTML","renderToStaticMarkup","toHTML","diff","tokenizeByCharacter","label","fromArr","toArr","titlesFrom","titlesTo","map","val","makeNodes","list","titles","idx","hasFrom","length","hasTo","fromNodes","toNodes","_Fragment","pillLabel","collectionConfig","collections","labels","singular","slug","_jsxs","id"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Relationship/index.tsx"],"sourcesContent":["import type {\n PayloadRequest,\n RelationshipField,\n RelationshipFieldDiffServerComponent,\n TypeWithID,\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 { generateLabelFromValue } from './generateLabelFromValue.js'\nimport './index.css'\n\nconst baseClass = 'relationship-diff'\n\nexport type RelationshipValue =\n \| { relationTo: string; value: number \| string \| TypeWithID }\n \| (number \| string \| TypeWithID)\n\nexport const Relationship: RelationshipFieldDiffServerComponent = ({\n comparisonValue: valueFrom,\n field,\n i18n,\n locale,\n nestingLevel,\n parentIsLocalized,\n req,\n versionValue: valueTo,\n}) => {\n const hasMany =\n ('hasMany' in field && field.hasMany) \|\|\n // Check data structure (handles block swaps where schema may not match data)\n Array.isArray(valueFrom) \|\|\n Array.isArray(valueTo)\n const polymorphic = Array.isArray(field.relationTo)\n\n if (hasMany) {\n return (\n <ManyRelationshipDiff\n field={field}\n i18n={i18n}\n locale={locale}\n nestingLevel={nestingLevel}\n parentIsLocalized={parentIsLocalized}\n polymorphic={polymorphic}\n req={req}\n valueFrom={valueFrom as RelationshipValue[] \| undefined}\n valueTo={valueTo as RelationshipValue[] \| undefined}\n />\n )\n }\n\n return (\n <SingleRelationshipDiff\n field={field}\n i18n={i18n}\n locale={locale}\n nestingLevel={nestingLevel}\n parentIsLocalized={parentIsLocalized}\n polymorphic={polymorphic}\n req={req}\n valueFrom={valueFrom as RelationshipValue}\n valueTo={valueTo as RelationshipValue}\n />\n )\n}\n\nexport const SingleRelationshipDiff: React.FC<{\n field: RelationshipField\n i18n: I18nClient\n locale: string\n nestingLevel?: number\n parentIsLocalized: boolean\n polymorphic: boolean\n req: PayloadRequest\n valueFrom: RelationshipValue\n valueTo: RelationshipValue\n}> = async (args) => {\n const {\n field,\n i18n,\n locale,\n nestingLevel,\n parentIsLocalized,\n polymorphic,\n req,\n valueFrom,\n valueTo,\n } = args\n\n const ReactDOMServer = (await import('react-dom/server')).default\n\n const localeToUse =\n locale ??\n (req.payload.config?.localization && req.payload.config?.localization?.defaultLocale) ??\n 'en'\n\n // Generate titles asynchronously before creating components\n const [titleFrom, titleTo] = await Promise.all([\n valueFrom\n ? generateLabelFromValue({\n field,\n locale: localeToUse,\n parentIsLocalized,\n req,\n value: valueFrom,\n })\n : Promise.resolve(null),\n valueTo\n ? generateLabelFromValue({\n field,\n locale: localeToUse,\n parentIsLocalized,\n req,\n value: valueTo,\n })\n : Promise.resolve(null),\n ])\n\n const FromComponent = valueFrom ? (\n <RelationshipDocumentDiff\n field={field}\n i18n={i18n}\n locale={locale}\n parentIsLocalized={parentIsLocalized}\n polymorphic={polymorphic}\n relationTo={\n polymorphic\n ? (valueFrom as { relationTo: string; value: TypeWithID }).relationTo\n : (field.relationTo as string)\n }\n req={req}\n showPill={true}\n title={titleFrom}\n value={valueFrom}\n />\n ) : null\n const ToComponent = valueTo ? (\n <RelationshipDocumentDiff\n field={field}\n i18n={i18n}\n locale={locale}\n parentIsLocalized={parentIsLocalized}\n polymorphic={polymorphic}\n relationTo={\n polymorphic\n ? (valueTo as { relationTo: string; value: TypeWithID }).relationTo\n : (field.relationTo as string)\n }\n req={req}\n showPill={true}\n title={titleTo}\n value={valueTo}\n />\n ) : null\n\n const NoValue = <div className=\"diff-no-value\">{i18n.t('general:noValue')}</div>\n\n let From: React.ReactNode = NoValue\n let To: React.ReactNode = NoValue\n\n if (FromComponent \|\| ToComponent) {\n const fromHTML = FromComponent ? ReactDOMServer.renderToStaticMarkup(FromComponent) : '<p></p>'\n const toHTML = ToComponent ? ReactDOMServer.renderToStaticMarkup(ToComponent) : '<p></p>'\n\n const diff = getHTMLDiffComponents({\n fromHTML,\n toHTML,\n tokenizeByCharacter: false,\n })\n\n From = FromComponent ? diff.From : NoValue\n To = ToComponent ? diff.To : NoValue\n }\n\n return (\n <FieldDiffContainer\n className={`${baseClass}-container ${baseClass}-container--hasOne`}\n From={From}\n i18n={i18n}\n label={{ label: field.label, locale }}\n nestingLevel={nestingLevel}\n To={To}\n />\n )\n}\n\nconst ManyRelationshipDiff: React.FC<{\n field: RelationshipField\n i18n: I18nClient\n locale: string\n nestingLevel?: number\n parentIsLocalized: boolean\n polymorphic: boolean\n req: PayloadRequest\n valueFrom: RelationshipValue[] \| undefined\n valueTo: RelationshipValue[] \| undefined\n}> = async ({\n field,\n i18n,\n locale,\n nestingLevel,\n parentIsLocalized,\n polymorphic,\n req,\n valueFrom,\n valueTo,\n}) => {\n const ReactDOMServer = (await import('react-dom/server')).default\n\n const fromArr = Array.isArray(valueFrom) ? valueFrom : []\n const toArr = Array.isArray(valueTo) ? valueTo : []\n\n const localeToUse =\n locale ??\n (req.payload.config?.localization && req.payload.config?.localization?.defaultLocale) ??\n 'en'\n\n // Generate all titles asynchronously before creating components\n const [titlesFrom, titlesTo] = await Promise.all([\n Promise.all(\n fromArr.map((val) =>\n generateLabelFromValue({\n field,\n locale: localeToUse,\n parentIsLocalized,\n req,\n value: val,\n }),\n ),\n ),\n Promise.all(\n toArr.map((val) =>\n generateLabelFromValue({\n field,\n locale: localeToUse,\n parentIsLocalized,\n req,\n value: val,\n }),\n ),\n ),\n ])\n\n const makeNodes = (list: RelationshipValue[], titles: string[]) =>\n list.map((val, idx) => (\n <RelationshipDocumentDiff\n field={field}\n i18n={i18n}\n key={idx}\n locale={locale}\n parentIsLocalized={parentIsLocalized}\n polymorphic={polymorphic}\n relationTo={\n polymorphic\n ? (val as { relationTo: string; value: TypeWithID }).relationTo\n : (field.relationTo as string)\n }\n req={req}\n showPill={polymorphic}\n title={titles[idx]}\n value={val}\n />\n ))\n\n const NoValue = <div className=\"diff-no-value\">{i18n.t('general:noValue')}</div>\n\n const hasFrom = fromArr.length > 0\n const hasTo = toArr.length > 0\n\n let From: React.ReactNode = NoValue\n let To: React.ReactNode = NoValue\n\n if (hasFrom \|\| hasTo) {\n const fromNodes = hasFrom ? makeNodes(fromArr, titlesFrom) : []\n const toNodes = hasTo ? makeNodes(toArr, titlesTo) : []\n\n const fromHTML = hasFrom ? ReactDOMServer.renderToStaticMarkup(<>{fromNodes}</>) : ''\n const toHTML = hasTo ? ReactDOMServer.renderToStaticMarkup(<>{toNodes}</>) : ''\n\n const diff = getHTMLDiffComponents({\n fromHTML,\n toHTML,\n tokenizeByCharacter: false,\n })\n\n From = hasFrom ? diff.From : NoValue\n To = hasTo ? diff.To : NoValue\n }\n\n return (\n <FieldDiffContainer\n className={`${baseClass}-container ${baseClass}-container--hasMany`}\n From={From}\n i18n={i18n}\n label={{ label: field.label, locale }}\n nestingLevel={nestingLevel}\n To={To}\n />\n )\n}\n\nconst RelationshipDocumentDiff = ({\n field,\n i18n,\n locale,\n parentIsLocalized,\n polymorphic,\n relationTo,\n req,\n showPill = false,\n title,\n value,\n}: {\n field: RelationshipField\n i18n: I18nClient\n locale: string\n parentIsLocalized: boolean\n polymorphic: boolean\n relationTo: string\n req: PayloadRequest\n showPill?: boolean\n title: null \| string\n value: RelationshipValue\n}) => {\n let pillLabel: null \| string = null\n if (showPill) {\n const collectionConfig = req.payload.collections[relationTo].config\n pillLabel = collectionConfig.labels?.singular\n ? getTranslation(collectionConfig.labels.singular, i18n)\n : collectionConfig.slug\n }\n\n return (\n <div\n className={`${baseClass}`}\n data-enable-match=\"true\"\n data-id={\n polymorphic\n ? (value as { relationTo: string; value: TypeWithID }).value.id\n : (value as TypeWithID).id\n }\n data-relation-to={relationTo}\n >\n {pillLabel && (\n <span className={`${baseClass}__pill`} data-enable-match=\"false\">\n {pillLabel}\n </span>\n )}\n <strong className={`${baseClass}__info`} data-enable-match=\"false\">\n {title}\n </strong>\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["getTranslation","React","FieldDiffContainer","getHTMLDiffComponents","generateLabelFromValue","baseClass","Relationship","field","i18n","locale","nestingLevel","parentIsLocalized","req","valueFrom","valueTo","hasMany","Array","isArray","polymorphic","relationTo","_jsx","ManyRelationshipDiff","SingleRelationshipDiff","args","ReactDOMServer","default","localeToUse","payload","config","localization","defaultLocale","titleFrom","titleTo","Promise","all","value","resolve","FromComponent","RelationshipDocumentDiff","showPill","title","ToComponent","NoValue","className","t","From","To","fromHTML","renderToStaticMarkup","toHTML","diff","tokenizeByCharacter","label","fromArr","toArr","titlesFrom","titlesTo","map","val","makeNodes","list","titles","idx","hasFrom","length","hasTo","fromNodes","toNodes","_Fragment","pillLabel","collectionConfig","collections","labels","singular","slug","_jsxs","id"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Relationship/index.tsx"],"sourcesContent":["import type {\n PayloadRequest,\n RelationshipField,\n RelationshipFieldDiffServerProps,\n TypeWithID,\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 { generateLabelFromValue } from './generateLabelFromValue.js'\nimport './index.css'\n\nconst baseClass = 'relationship-diff'\n\nexport type RelationshipValue =\n \| { relationTo: string; value: number \| string \| TypeWithID }\n \| (number \| string \| TypeWithID)\n\nexport const Relationship: React.FC<RelationshipFieldDiffServerProps> = ({\n field,\n i18n,\n locale,\n nestingLevel,\n parentIsLocalized,\n req,\n valueFrom,\n valueTo,\n}) => {\n const hasMany =\n ('hasMany' in field && field.hasMany) \|\|\n // Check data structure (handles block swaps where schema may not match data)\n Array.isArray(valueFrom) \|\|\n Array.isArray(valueTo)\n const polymorphic = Array.isArray(field.relationTo)\n\n if (hasMany) {\n return (\n <ManyRelationshipDiff\n field={field}\n i18n={i18n}\n locale={locale}\n nestingLevel={nestingLevel}\n parentIsLocalized={parentIsLocalized}\n polymorphic={polymorphic}\n req={req}\n valueFrom={valueFrom as RelationshipValue[] \| undefined}\n valueTo={valueTo as RelationshipValue[] \| undefined}\n />\n )\n }\n\n return (\n <SingleRelationshipDiff\n field={field}\n i18n={i18n}\n locale={locale}\n nestingLevel={nestingLevel}\n parentIsLocalized={parentIsLocalized}\n polymorphic={polymorphic}\n req={req}\n valueFrom={valueFrom as RelationshipValue}\n valueTo={valueTo as RelationshipValue}\n />\n )\n}\n\nexport const SingleRelationshipDiff: React.FC<{\n field: RelationshipField\n i18n: I18nClient\n locale: string\n nestingLevel?: number\n parentIsLocalized: boolean\n polymorphic: boolean\n req: PayloadRequest\n valueFrom: RelationshipValue\n valueTo: RelationshipValue\n}> = async (args) => {\n const {\n field,\n i18n,\n locale,\n nestingLevel,\n parentIsLocalized,\n polymorphic,\n req,\n valueFrom,\n valueTo,\n } = args\n\n const ReactDOMServer = (await import('react-dom/server')).default\n\n const localeToUse =\n locale ??\n (req.payload.config?.localization && req.payload.config?.localization?.defaultLocale) ??\n 'en'\n\n // Generate titles asynchronously before creating components\n const [titleFrom, titleTo] = await Promise.all([\n valueFrom\n ? generateLabelFromValue({\n field,\n locale: localeToUse,\n parentIsLocalized,\n req,\n value: valueFrom,\n })\n : Promise.resolve(null),\n valueTo\n ? generateLabelFromValue({\n field,\n locale: localeToUse,\n parentIsLocalized,\n req,\n value: valueTo,\n })\n : Promise.resolve(null),\n ])\n\n const FromComponent = valueFrom ? (\n <RelationshipDocumentDiff\n field={field}\n i18n={i18n}\n locale={locale}\n parentIsLocalized={parentIsLocalized}\n polymorphic={polymorphic}\n relationTo={\n polymorphic\n ? (valueFrom as { relationTo: string; value: TypeWithID }).relationTo\n : (field.relationTo as string)\n }\n req={req}\n showPill={true}\n title={titleFrom}\n value={valueFrom}\n />\n ) : null\n const ToComponent = valueTo ? (\n <RelationshipDocumentDiff\n field={field}\n i18n={i18n}\n locale={locale}\n parentIsLocalized={parentIsLocalized}\n polymorphic={polymorphic}\n relationTo={\n polymorphic\n ? (valueTo as { relationTo: string; value: TypeWithID }).relationTo\n : (field.relationTo as string)\n }\n req={req}\n showPill={true}\n title={titleTo}\n value={valueTo}\n />\n ) : null\n\n const NoValue = <div className=\"diff-no-value\">{i18n.t('general:noValue')}</div>\n\n let From: React.ReactNode = NoValue\n let To: React.ReactNode = NoValue\n\n if (FromComponent \|\| ToComponent) {\n const fromHTML = FromComponent ? ReactDOMServer.renderToStaticMarkup(FromComponent) : '<p></p>'\n const toHTML = ToComponent ? ReactDOMServer.renderToStaticMarkup(ToComponent) : '<p></p>'\n\n const diff = getHTMLDiffComponents({\n fromHTML,\n toHTML,\n tokenizeByCharacter: false,\n })\n\n From = FromComponent ? diff.From : NoValue\n To = ToComponent ? diff.To : NoValue\n }\n\n return (\n <FieldDiffContainer\n className={`${baseClass}-container ${baseClass}-container--hasOne`}\n From={From}\n i18n={i18n}\n label={{ label: field.label, locale }}\n nestingLevel={nestingLevel}\n To={To}\n />\n )\n}\n\nconst ManyRelationshipDiff: React.FC<{\n field: RelationshipField\n i18n: I18nClient\n locale: string\n nestingLevel?: number\n parentIsLocalized: boolean\n polymorphic: boolean\n req: PayloadRequest\n valueFrom: RelationshipValue[] \| undefined\n valueTo: RelationshipValue[] \| undefined\n}> = async ({\n field,\n i18n,\n locale,\n nestingLevel,\n parentIsLocalized,\n polymorphic,\n req,\n valueFrom,\n valueTo,\n}) => {\n const ReactDOMServer = (await import('react-dom/server')).default\n\n const fromArr = Array.isArray(valueFrom) ? valueFrom : []\n const toArr = Array.isArray(valueTo) ? valueTo : []\n\n const localeToUse =\n locale ??\n (req.payload.config?.localization && req.payload.config?.localization?.defaultLocale) ??\n 'en'\n\n // Generate all titles asynchronously before creating components\n const [titlesFrom, titlesTo] = await Promise.all([\n Promise.all(\n fromArr.map((val) =>\n generateLabelFromValue({\n field,\n locale: localeToUse,\n parentIsLocalized,\n req,\n value: val,\n }),\n ),\n ),\n Promise.all(\n toArr.map((val) =>\n generateLabelFromValue({\n field,\n locale: localeToUse,\n parentIsLocalized,\n req,\n value: val,\n }),\n ),\n ),\n ])\n\n const makeNodes = (list: RelationshipValue[], titles: string[]) =>\n list.map((val, idx) => (\n <RelationshipDocumentDiff\n field={field}\n i18n={i18n}\n key={idx}\n locale={locale}\n parentIsLocalized={parentIsLocalized}\n polymorphic={polymorphic}\n relationTo={\n polymorphic\n ? (val as { relationTo: string; value: TypeWithID }).relationTo\n : (field.relationTo as string)\n }\n req={req}\n showPill={polymorphic}\n title={titles[idx]}\n value={val}\n />\n ))\n\n const NoValue = <div className=\"diff-no-value\">{i18n.t('general:noValue')}</div>\n\n const hasFrom = fromArr.length > 0\n const hasTo = toArr.length > 0\n\n let From: React.ReactNode = NoValue\n let To: React.ReactNode = NoValue\n\n if (hasFrom \|\| hasTo) {\n const fromNodes = hasFrom ? makeNodes(fromArr, titlesFrom) : []\n const toNodes = hasTo ? makeNodes(toArr, titlesTo) : []\n\n const fromHTML = hasFrom ? ReactDOMServer.renderToStaticMarkup(<>{fromNodes}</>) : ''\n const toHTML = hasTo ? ReactDOMServer.renderToStaticMarkup(<>{toNodes}</>) : ''\n\n const diff = getHTMLDiffComponents({\n fromHTML,\n toHTML,\n tokenizeByCharacter: false,\n })\n\n From = hasFrom ? diff.From : NoValue\n To = hasTo ? diff.To : NoValue\n }\n\n return (\n <FieldDiffContainer\n className={`${baseClass}-container ${baseClass}-container--hasMany`}\n From={From}\n i18n={i18n}\n label={{ label: field.label, locale }}\n nestingLevel={nestingLevel}\n To={To}\n />\n )\n}\n\nconst RelationshipDocumentDiff = ({\n field,\n i18n,\n locale,\n parentIsLocalized,\n polymorphic,\n relationTo,\n req,\n showPill = false,\n title,\n value,\n}: {\n field: RelationshipField\n i18n: I18nClient\n locale: string\n parentIsLocalized: boolean\n polymorphic: boolean\n relationTo: string\n req: PayloadRequest\n showPill?: boolean\n title: null \| string\n value: RelationshipValue\n}) => {\n let pillLabel: null \| string = null\n if (showPill) {\n const collectionConfig = req.payload.collections[relationTo].config\n pillLabel = collectionConfig.labels?.singular\n ? getTranslation(collectionConfig.labels.singular, i18n)\n : collectionConfig.slug\n }\n\n return (\n <div\n className={`${baseClass}`}\n data-enable-match=\"true\"\n data-id={\n polymorphic\n ? (value as { relationTo: string; value: TypeWithID }).value.id\n : (value as TypeWithID).id\n }\n data-relation-to={relationTo}\n >\n {pillLabel && (\n <span className={`${baseClass}__pill`} data-enable-match=\"false\">\n {pillLabel}\n </span>\n )}\n <strong className={`${baseClass}__info`} data-enable-match=\"false\">\n {title}\n </strong>\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Version/RenderFieldsToDiff/fields/Row/index.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
-import type { RowFieldDiffClientComponent } from 'payload';
-export declare const Row: RowFieldDiffClientComponent;
+import type { RowFieldDiffClientProps } from 'payload';
+import React from 'react';
+export declare const Row: React.FC<RowFieldDiffClientProps>;
 //# sourceMappingURL=index.d.ts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Row/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,~~2BAA2B~~,EAAE,MAAM,SAAS,CAAA;~~AAQ1D~~,eAAO,MAAM,GAAG,EAAE,~~2BAMjB~~,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Row/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAEtD,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAMjD,CAAA"}

package/dist/views/Version/RenderFieldsToDiff/fields/Row/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["React","RenderVersionFieldsToDiff","baseClass","Row","baseVersionField","_jsx","className","versionFields","fields"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Row/index.tsx"],"sourcesContent":["'use client'\nimport type { ~~RowFieldDiffClientComponent~~ } from 'payload'\n\nimport React from 'react'\n\nimport { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js'\n\nconst baseClass = 'row-diff'\n\nexport const Row: ~~RowFieldDiffClientComponent~~ = ({ baseVersionField }) => {\n return (\n <div className={baseClass}>\n <RenderVersionFieldsToDiff versionFields={baseVersionField.fields} />\n </div>\n )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAElB,SAASC,yBAAyB,QAAQ;AAE1C,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,GAAA,~~GAAmCA~~,CAAC;EAAEC;AAAgB,CAAE;~~EACnE~~,oBACEC,IAAA,CAAC;IAAIC,SAAA,EAAWJ,SAAA;cACd,aAAAG,IAAA,CAACJ,yBAAA;MAA0BM,aAAA,EAAeH,gBAAA,CAAiBI;;;AAGjE","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["React","RenderVersionFieldsToDiff","baseClass","Row","baseVersionField","_jsx","className","versionFields","fields"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Row/index.tsx"],"sourcesContent":["'use client'\nimport type { RowFieldDiffClientProps } from 'payload'\n\nimport React from 'react'\n\nimport { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js'\n\nconst baseClass = 'row-diff'\n\nexport const Row: React.FC<RowFieldDiffClientProps> = ({ baseVersionField }) => {\n return (\n <div className={baseClass}>\n <RenderVersionFieldsToDiff versionFields={baseVersionField.fields} />\n </div>\n )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAElB,SAASC,yBAAyB,QAAQ;AAE1C,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,GAAA,GAAyCA,CAAC;EAAEC;AAAgB,CAAE;EACzE,oBACEC,IAAA,CAAC;IAAIC,SAAA,EAAWJ,SAAA;cACd,aAAAG,IAAA,CAACJ,yBAAA;MAA0BM,aAAA,EAAeH,gBAAA,CAAiBI;;;AAGjE","ignoreList":[]}

package/dist/views/Version/RenderFieldsToDiff/fields/Select/index.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
-import type { SelectFieldDiffClientComponent } from 'payload';
+import type { SelectFieldDiffClientProps } from 'payload';
+import React from 'react';
 import './index.css';
-export declare const Select: SelectFieldDiffClientComponent;
+export declare const Select: React.FC<SelectFieldDiffClientProps>;
 //# sourceMappingURL=index.d.ts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Select/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAuB,~~8BAA8B~~,EAAE,MAAM,SAAS,CAAA;~~AAYlF~~,OAAO,aAAa,CAAA;AAmDpB,eAAO,MAAM,MAAM,EAAE,~~8BAwDpB~~,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Select/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAuB,0BAA0B,EAAE,MAAM,SAAS,CAAA;AAG9E,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,OAAO,aAAa,CAAA;AAmDpB,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAuDvD,CAAA"}

package/dist/views/Version/RenderFieldsToDiff/fields/Select/index.js CHANGED Viewed

@@ -38,34 +38,32 @@ const getTranslatedOptions = (options, i18n) => {
   return typeof translatedLabel === 'string' ? translatedLabel : options.value;
 };
 export const Select = t0 => {
-  const $ = _c(7);
+  const $ = _c(9);
   const {
-    comparisonValue: valueFrom,
     field,
     locale,
     nestingLevel,
-    versionValue: valueTo
+    valueFrom,
+    valueTo
   } = t0;
   const {
     i18n
   } = useTranslation();
   const options = "options" in field && field.options;
-  const renderedValueFrom = typeof valueFrom !== "undefined" ? getTranslatedOptions(getOptionsToRender(typeof valueFrom === "string" ? valueFrom : JSON.stringify(valueFrom), options, field.hasMany), i18n) : "";
-  const renderedValueTo = typeof valueTo !== "undefined" ? getTranslatedOptions(getOptionsToRender(typeof valueTo === "string" ? valueTo : JSON.stringify(valueTo), options, field.hasMany), i18n) : "";
-  const t1 = "<p>" + escapeDiffHTML(renderedValueFrom) + "</p>";
-  const t2 = "<p>" + escapeDiffHTML(renderedValueTo) + "</p>";
-  let t3;
-  if ($[0] !== field.label || $[1] !== i18n || $[2] !== locale || $[3] !== nestingLevel || $[4] !== t1 || $[5] !== t2) {
+  let t1;
+  if ($[0] !== field.hasMany || $[1] !== field.label || $[2] !== i18n || $[3] !== locale || $[4] !== nestingLevel || $[5] !== options || $[6] !== valueFrom || $[7] !== valueTo) {
+    const renderedValueFrom = typeof valueFrom !== "undefined" ? getTranslatedOptions(getOptionsToRender(typeof valueFrom === "string" ? valueFrom : JSON.stringify(valueFrom), options, field.hasMany), i18n) : "";
+    const renderedValueTo = typeof valueTo !== "undefined" ? getTranslatedOptions(getOptionsToRender(typeof valueTo === "string" ? valueTo : JSON.stringify(valueTo), options, field.hasMany), i18n) : "";
     const {
       From,
       To
     } = getHTMLDiffComponents({
-      fromHTML: t1,
+      fromHTML: "<p>" + escapeDiffHTML(renderedValueFrom) + "</p>",
       postProcess: unescapeDiffHTML,
-      toHTML: t2,
+      toHTML: "<p>" + escapeDiffHTML(renderedValueTo) + "</p>",
       tokenizeByCharacter: true
     });
-    t3 = _jsx(FieldDiffContainer, {
+    t1 = _jsx(FieldDiffContainer, {
       className: baseClass,
       From,
       i18n,
@@ -76,16 +74,18 @@ export const Select = t0 => {
       nestingLevel,
       To
     });
-    $[0] = field.label;
-    $[1] = i18n;
-    $[2] = locale;
-    $[3] = nestingLevel;
-    $[4] = t1;
-    $[5] = t2;
-    $[6] = t3;
+    $[0] = field.hasMany;
+    $[1] = field.label;
+    $[2] = i18n;
+    $[3] = locale;
+    $[4] = nestingLevel;
+    $[5] = options;
+    $[6] = valueFrom;
+    $[7] = valueTo;
+    $[8] = t1;
   } else {
-    t3 = $[6];
+    t1 = $[8];
   }
-  return t3;
+  return t1;
 };
 //# sourceMappingURL=index.js.map

package/dist/views/Version/RenderFieldsToDiff/fields/Select/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["c","_c","getTranslation","React","FieldDiffContainer","escapeDiffHTML","getHTMLDiffComponents","unescapeDiffHTML","useTranslation","baseClass","getOptionsToRender","value","options","hasMany","Array","isArray","map","val","find","option","String","getTranslatedOptions","i18n","translatedLabel","label","join","Select","t0","$","~~comparisonValue","valueFrom","~~field","locale","nestingLevel","~~versionValue~~","valueTo","renderedValueFrom","JSON","stringify","renderedValueTo","~~t1","t2","t3","~~From","To","fromHTML","postProcess","toHTML","tokenizeByCharacter","_jsx","className"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Select/index.tsx"],"sourcesContent":["'use client'\nimport type { I18nClient } from '@payloadcms/translations'\nimport type { Option, SelectField, ~~SelectFieldDiffClientComponent~~ } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { FieldDiffContainer } from '../../../../../elements/FieldDiffContainer/index.js'\nimport {\n escapeDiffHTML,\n getHTMLDiffComponents,\n unescapeDiffHTML,\n} from '../../../../../elements/HTMLDiff/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'select-diff'\n\nconst getOptionsToRender = (\n value: string,\n options: SelectField['options'],\n hasMany: boolean,\n): Option \| Option[] => {\n if (hasMany && Array.isArray(value)) {\n return value.map(\n (val) =>\n options.find((option) => (typeof option === 'string' ? option : option.value) === val) \|\|\n String(val),\n )\n }\n return (\n options.find((option) => (typeof option === 'string' ? option : option.value) === value) \|\|\n String(value)\n )\n}\n\n/*\n Translates option labels while ensuring they are strings.\n * If `options.label` is a JSX element, it falls back to `options.value` because `DiffViewer`\n * expects all values to be strings.\n */\nconst getTranslatedOptions = (options: Option \| Option[], i18n: I18nClient): string => {\n if (Array.isArray(options)) {\n return options\n .map((option) => {\n if (typeof option === 'string') {\n return option\n }\n const translatedLabel = getTranslation(option.label, i18n)\n\n // Ensure the result is a string, otherwise use option.value\n return typeof translatedLabel === 'string' ? translatedLabel : option.value\n })\n .join(', ')\n }\n\n if (typeof options === 'string') {\n return options\n }\n\n const translatedLabel = getTranslation(options.label, i18n)\n\n return typeof translatedLabel === 'string' ? translatedLabel : options.value\n}\n\nexport const Select: ~~SelectFieldDiffClientComponent~~ = ({\n ~~comparisonValue: valueFrom~~,\n ~~diffMethod~~,\n ~~field~~,\n ~~locale~~,\n ~~nestingLevel,\n versionValue:~~ valueTo,\n}) => {\n const { i18n } = useTranslation()\n\n const options = 'options' in field && field.options\n\n const renderedValueFrom =\n typeof valueFrom !== 'undefined'\n ? getTranslatedOptions(\n getOptionsToRender(\n typeof valueFrom === 'string' ? valueFrom : JSON.stringify(valueFrom),\n options,\n field.hasMany,\n ),\n i18n,\n )\n : ''\n\n const renderedValueTo =\n typeof valueTo !== 'undefined'\n ? getTranslatedOptions(\n getOptionsToRender(\n typeof valueTo === 'string' ? valueTo : JSON.stringify(valueTo),\n options,\n field.hasMany,\n ),\n i18n,\n )\n : ''\n\n const { From, To } = getHTMLDiffComponents({\n fromHTML: '<p>' + escapeDiffHTML(renderedValueFrom) + '</p>',\n postProcess: unescapeDiffHTML,\n toHTML: '<p>' + escapeDiffHTML(renderedValueTo) + '</p>',\n tokenizeByCharacter: true,\n })\n\n return (\n <FieldDiffContainer\n className={baseClass}\n From={From}\n i18n={i18n}\n label={{\n label: field.label,\n locale,\n }}\n nestingLevel={nestingLevel}\n To={To}\n />\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,kBAAkB,QAAQ;AACnC,SACEC,cAAc,EACdC,qBAAqB,EACrBC,gBAAgB,QACX;AACP,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,MAAMC,kBAAA,GAAqBA,CACzBC,KAAA,EACAC,OAAA,EACAC,OAAA;EAEA,IAAIA,OAAA,IAAWC,KAAA,CAAMC,OAAO,CAACJ,KAAA,GAAQ;IACnC,OAAOA,KAAA,CAAMK,GAAG,CACbC,GAAA,IACCL,OAAA,CAAQM,IAAI,CAAEC,MAAA,IAAW,CAAC,OAAOA,MAAA,KAAW,WAAWA,MAAA,GAASA,MAAA,CAAOR,KAAK,MAAMM,GAAA,KAClFG,MAAA,CAAOH,GAAA;EAEb;EACA,OACEL,OAAA,CAAQM,IAAI,CAAEC,MAAA,IAAW,CAAC,OAAOA,MAAA,KAAW,WAAWA,MAAA,GAASA,MAAA,CAAOR,KAAK,MAAMA,KAAA,KAClFS,MAAA,CAAOT,KAAA;AAEX;AAEA;;;;;AAKA,MAAMU,oBAAA,GAAuBA,CAACT,OAAA,EAA4BU,IAAA;EACxD,IAAIR,KAAA,CAAMC,OAAO,CAACH,OAAA,GAAU;IAC1B,OAAOA,OAAA,CACJI,GAAG,CAAEG,MAAA;MACJ,IAAI,OAAOA,MAAA,KAAW,UAAU;QAC9B,OAAOA,MAAA;MACT;MACA,MAAMI,eAAA,GAAkBrB,cAAA,CAAeiB,MAAA,CAAOK,KAAK,EAAEF,IAAA;MAErD;MACA,OAAO,OAAOC,eAAA,KAAoB,WAAWA,eAAA,GAAkBJ,MAAA,CAAOR,KAAK;IAC7E,GACCc,IAAI,CAAC;EACV;EAEA,IAAI,OAAOb,OAAA,KAAY,UAAU;IAC/B,OAAOA,OAAA;EACT;EAEA,MAAMW,eAAA,GAAkBrB,cAAA,CAAeU,OAAA,CAAQY,KAAK,EAAEF,IAAA;EAEtD,OAAO,OAAOC,eAAA,KAAoB,WAAWA,eAAA,GAAkBX,OAAA,CAAQD,KAAK;AAC9E;AAEA,OAAO,MAAMe,MAAA,~~GAAyCC~~,EAAA;EAAA,MAAAC,CAAA,GAAA3B,EAAA;EAAC;IAAA4B,~~eAAA,EAAAC,SAAA;IAAAC,~~KAAA;IAAAC,MAAA;IAAAC,YAAA;IAAAC,~~YAAA,EAAAC~~;EAAA,~~IAAAR~~,~~EAOtD~~;EACC;IAAAL;EAAA,IAAiBd,cAAA;EAEjB,MAAAI,OAAA,GAAgB,~~aAAamB~~,~~KAAA~~,~~IAASA~~,KAAA,~~CAAAnB~~,OAAa;~~EAEnD~~,~~MAAAwB~~,~~iBAAA~~,~~GACE~~,~~OAAON~~,~~SAAA~~,~~KAAc~~,~~cACjBT~~,~~oBAAA~~,~~CACEX~~,~~kBAAA~~,~~CACE~~,~~OAAOoB~~,~~SAAA~~,~~KAAc~~,~~WAAWA~~,~~SAAA~~,~~GAAYO~~,IAAA,~~CAAAC~~,~~SAAA~~,~~CAAeR~~,~~SAAA~~,~~GAC3DlB~~,OAAA,~~EACAmB~~,~~KAAA~~,~~CAAAlB~~,~~OAAa~~,~~GAEfS~~,~~IAAA~~,~~IAEF~~;~~EAEN~~,~~MAAAiB~~,~~eAAA~~,GACE,~~OAAOJ~~,~~OAAA~~,~~KAAY~~,~~cACfd~~,oBAAA,CACEX,kBAAA,CACE,~~OAAOyB~~,~~OAAA~~,~~KAAY~~,~~WAAWA~~,~~OAAA~~,~~GAAUE~~,IAAA,CAAAC,~~SAAA~~,~~CAAeH~~,~~OAAA~~,~~GACvDvB~~,OAAA,~~EACAmB~~,KAAA,~~CAAAlB~~,OAAa,GAEfS,~~IAAA,~~IAEF~~;EAGM~~,~~MAAAkB~~,~~EAAA~~,~~WAAQnC~~,~~cAAA~~,~~CAAe+B~~,~~iBAAA~~,~~IAAqB;EAE9C~~,~~MAAAK~~,~~EAAA~~,~~WAAQpC~~,~~cAAA~~,~~CAAekC~~,~~eAAA~~,~~IAAmB;EAAA~~,~~IAAAG~~,~~EAAA;EAAA~~,~~IAAAd~~,~~CAAA~~,~~QAAAG~~,~~KAAA~~,~~CAAAP~~,~~KAAA,IAAAI,CAAA,QAAAN,~~IAAA,~~IAAAM~~,~~CAAA~~,~~QAAAI~~,~~MAAA~~,~~IAAAJ~~,~~CAAA~~,~~QAAAK~~,~~YAAA~~,~~IAAAL~~,~~CAAA~~,~~QAAAY~~,~~EAAA~~,~~IAAAZ~~,~~CAAA,QAAAa,EAAA~~;~~IAHpD~~;~~MAAAE~~,IAAA;MAAAC;IAAA,~~IAAqBtC~~,qBAAA;~~MAAAuC~~,QAAA,~~EACTL~~,~~EAA4C~~;~~MAAAM~~,WAAA,~~EAAAvC~~,gBAAA;~~MAAAwC~~,MAAA,~~EAE9CN~~,~~EAA0C~~;~~MAAAO~~,mBAAA~~;IAAA~~,~~CAEpD~~;~~IAGEN~~,EAAA,~~GAAAO~~,IAAA,~~CAAA7C~~,kBAAA;~~MAAA8C~~,SAAA,~~EAAAzC~~,SAAA;~~MAAAkC~~,IAAA;~~MAAArB~~,IAAA;MAAAE,KAAA;QAAAA,KAAA,~~EAKWO~~,KAAA,~~CAAAP~~,~~KAAA~~;~~QAAAQ~~;~~MAAA~~;MAAAC,YAAA;~~MAAAW;IAAA~~,~~C;;;;;;;;;;;SALXF,~~E;CAYJ","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["c","_c","getTranslation","React","FieldDiffContainer","escapeDiffHTML","getHTMLDiffComponents","unescapeDiffHTML","useTranslation","baseClass","getOptionsToRender","value","options","hasMany","Array","isArray","map","val","find","option","String","getTranslatedOptions","i18n","translatedLabel","label","join","Select","t0","$","field","locale","nestingLevel","valueFrom","valueTo","t1","renderedValueFrom","JSON","stringify","renderedValueTo","From","To","fromHTML","postProcess","toHTML","tokenizeByCharacter","_jsx","className"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Select/index.tsx"],"sourcesContent":["'use client'\nimport type { I18nClient } from '@payloadcms/translations'\nimport type { Option, SelectField, SelectFieldDiffClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { FieldDiffContainer } from '../../../../../elements/FieldDiffContainer/index.js'\nimport {\n escapeDiffHTML,\n getHTMLDiffComponents,\n unescapeDiffHTML,\n} from '../../../../../elements/HTMLDiff/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'select-diff'\n\nconst getOptionsToRender = (\n value: string,\n options: SelectField['options'],\n hasMany: boolean,\n): Option \| Option[] => {\n if (hasMany && Array.isArray(value)) {\n return value.map(\n (val) =>\n options.find((option) => (typeof option === 'string' ? option : option.value) === val) \|\|\n String(val),\n )\n }\n return (\n options.find((option) => (typeof option === 'string' ? option : option.value) === value) \|\|\n String(value)\n )\n}\n\n/*\n Translates option labels while ensuring they are strings.\n * If `options.label` is a JSX element, it falls back to `options.value` because `DiffViewer`\n * expects all values to be strings.\n */\nconst getTranslatedOptions = (options: Option \| Option[], i18n: I18nClient): string => {\n if (Array.isArray(options)) {\n return options\n .map((option) => {\n if (typeof option === 'string') {\n return option\n }\n const translatedLabel = getTranslation(option.label, i18n)\n\n // Ensure the result is a string, otherwise use option.value\n return typeof translatedLabel === 'string' ? translatedLabel : option.value\n })\n .join(', ')\n }\n\n if (typeof options === 'string') {\n return options\n }\n\n const translatedLabel = getTranslation(options.label, i18n)\n\n return typeof translatedLabel === 'string' ? translatedLabel : options.value\n}\n\nexport const Select: React.FC<SelectFieldDiffClientProps> = ({\n field,\n locale,\n nestingLevel,\n valueFrom,\n valueTo,\n}) => {\n const { i18n } = useTranslation()\n\n const options = 'options' in field && field.options\n\n const renderedValueFrom =\n typeof valueFrom !== 'undefined'\n ? getTranslatedOptions(\n getOptionsToRender(\n typeof valueFrom === 'string' ? valueFrom : JSON.stringify(valueFrom),\n options,\n field.hasMany,\n ),\n i18n,\n )\n : ''\n\n const renderedValueTo =\n typeof valueTo !== 'undefined'\n ? getTranslatedOptions(\n getOptionsToRender(\n typeof valueTo === 'string' ? valueTo : JSON.stringify(valueTo),\n options,\n field.hasMany,\n ),\n i18n,\n )\n : ''\n\n const { From, To } = getHTMLDiffComponents({\n fromHTML: '<p>' + escapeDiffHTML(renderedValueFrom) + '</p>',\n postProcess: unescapeDiffHTML,\n toHTML: '<p>' + escapeDiffHTML(renderedValueTo) + '</p>',\n tokenizeByCharacter: true,\n })\n\n return (\n <FieldDiffContainer\n className={baseClass}\n From={From}\n i18n={i18n}\n label={{\n label: field.label,\n locale,\n }}\n nestingLevel={nestingLevel}\n To={To}\n />\n )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Version/RenderFieldsToDiff/fields/Tabs/index.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
-import type { TabsFieldDiffClientComponent } from 'payload';
+import type { TabsFieldDiffClientProps } from 'payload';
+import React from 'react';
 import './index.css';
-export declare const Tabs: TabsFieldDiffClientComponent;
+export declare const Tabs: React.FC<TabsFieldDiffClientProps>;
 //# sourceMappingURL=index.d.ts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Tabs/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAIV,~~4BAA4B~~,~~EAE7B~~,MAAM,SAAS,CAAA;~~AAMhB~~,OAAO,aAAa,CAAA;AAOpB,eAAO,MAAM,IAAI,EAAE,~~4BAwDlB~~,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Tabs/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAIV,wBAAwB,EAEzB,MAAM,SAAS,CAAA;AAGhB,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,aAAa,CAAA;AAOpB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAwDnD,CAAA"}

package/dist/views/Version/RenderFieldsToDiff/fields/Tabs/index.js CHANGED Viewed

@@ -14,9 +14,9 @@ export const Tabs = props => {
   const $ = _c(13);
   const {
     baseVersionField,
-    comparisonValue: valueFrom,
     field,
-    versionValue: valueTo
+    valueFrom,
+    valueTo
   } = props;
   const {
     selectedLocales
@@ -40,11 +40,11 @@ export const Tabs = props => {
               return selectedLocales.map((locale, index) => {
                 const localizedTabProps = {
                   ...props,
-                  comparisonValue: valueFrom?.[tab.name]?.[locale],
                   fieldTab,
                   locale,
                   tab,
-                  versionValue: valueTo?.[tab.name]?.[locale]
+                  valueFrom: valueFrom?.[tab.name]?.[locale],
+                  valueTo: valueTo?.[tab.name]?.[locale]
                 };
                 return _jsx("div", {
                   className: `${baseClass}__tab-locale`,
@@ -60,10 +60,10 @@ export const Tabs = props => {
               if ("name" in tab && tab.name) {
                 const namedTabProps = {
                   ...props,
-                  comparisonValue: valueFrom?.[tab.name],
                   fieldTab,
                   tab,
-                  versionValue: valueTo?.[tab.name]
+                  valueFrom: valueFrom?.[tab.name],
+                  valueTo: valueTo?.[tab.name]
                 };
                 return _jsx(Tab, {
                   ...namedTabProps
@@ -107,12 +107,12 @@ export const Tabs = props => {
 const Tab = t0 => {
   const $ = _c(10);
   const {
-    comparisonValue: valueFrom,
     fieldTab,
     locale,
     parentIsLocalized,
     tab,
-    versionValue: valueTo
+    valueFrom,
+    valueTo
   } = t0;
   const {
     i18n

package/dist/views/Version/RenderFieldsToDiff/fields/Tabs/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","useSelectedLocales","DiffCollapser","RenderVersionFieldsToDiff","baseClass","Tabs","props","$","baseVersionField","~~comparisonValue~~","valueFrom","~~field","versionValue","~~valueTo","selectedLocales","t0","tabs","t1","tab","i","fields","length","fieldTab","_jsx","className","children","localized","map","locale","index","localizedTabProps","name","Tab","join","namedTabProps","parentIsLocalized","i18n","Label","label","_jsxs","versionFields"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Tabs/index.tsx"],"sourcesContent":["'use client'\nimport type {\n ClientTab,\n FieldDiffClientProps,\n TabsFieldClient,\n ~~TabsFieldDiffClientComponent~~,\n VersionTab,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport './index.css'\nimport { useSelectedLocales } from '../../../Default/SelectedLocalesContext.js'\nimport { DiffCollapser } from '../../DiffCollapser/index.js'\nimport { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js'\n\nconst baseClass = 'tabs-diff'\n\nexport const Tabs: ~~TabsFieldDiffClientComponent~~ = (props) => {\n const { baseVersionField, ~~comparisonValue:~~ valueFrom, ~~field, versionValue:~~ valueTo } = props\n const { selectedLocales } = useSelectedLocales()\n\n return (\n <div className={baseClass}>\n {baseVersionField.tabs.map((tab, i) => {\n if (!tab?.fields?.length) {\n return null\n }\n const fieldTab = field.tabs?.[i]\n if (!fieldTab) {\n return null\n }\n return (\n <div className={`${baseClass}__tab`} key={i}>\n {(() => {\n if ('name' in fieldTab && selectedLocales && fieldTab.localized) {\n // Named localized tab\n return selectedLocales.map((locale, index) => {\n const localizedTabProps: TabProps = {\n ...props,\n ~~comparisonValue~~: valueFrom?.[tab.name]?.[locale],\n ~~fieldTab,\n locale,\n tab,\n versionValue~~: valueTo?.[tab.name]?.[locale],\n }\n return (\n <div className={`${baseClass}__tab-locale`} key={[locale, index].join('-')}>\n <div className={`${baseClass}__tab-locale-value`}>\n <Tab key={locale} {...localizedTabProps} />\n </div>\n </div>\n )\n })\n } else if ('name' in tab && tab.name) {\n // Named tab\n const namedTabProps: TabProps = {\n ...props,\n ~~comparisonValue~~: valueFrom?.[tab.name],\n ~~fieldTab,\n tab,\n versionValue~~: valueTo?.[tab.name],\n }\n return <Tab key={i} {...namedTabProps} />\n } else {\n // Unnamed tab\n return <Tab fieldTab={fieldTab} key={i} {...props} tab={tab} />\n }\n })()}\n </div>\n )\n })}\n </div>\n )\n}\n\ntype TabProps = {\n fieldTab: ClientTab\n tab: VersionTab\n} & FieldDiffClientProps<TabsFieldClient>\n\nconst Tab: React.FC<TabProps> = ({\n ~~comparisonValue: valueFrom,\n~~ fieldTab,\n locale,\n parentIsLocalized,\n tab,\n ~~versionValue:~~ valueTo,\n}) => {\n const { i18n } = useTranslation()\n const { selectedLocales } = useSelectedLocales()\n\n if (!tab.fields?.length) {\n return null\n }\n\n return (\n <DiffCollapser\n fields={fieldTab.fields}\n Label={\n 'label' in tab &&\n tab.label &&\n typeof tab.label !== 'function' && (\n <span>\n {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n {getTranslation(tab.label, i18n)}\n </span>\n )\n }\n locales={selectedLocales}\n parentIsLocalized={parentIsLocalized \|\| fieldTab.localized}\n valueFrom={valueFrom}\n valueTo={valueTo}\n >\n <RenderVersionFieldsToDiff versionFields={tab.fields} />\n </DiffCollapser>\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AASA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AACP,SAASC,kBAAkB,QAAQ;AACnC,SAASC,aAAa,QAAQ;AAC9B,SAASC,yBAAyB,QAAQ;AAE1C,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,IAAA,~~GAAqCC~~,KAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;~~EAChD~~;IAAAW,gBAAA;IAAAC,~~eAAA,EAAAC,SAAA~~;IAAAC,~~KAAA~~;IAAAC~~,YAAA,EAAAC~~;EAAA,~~IAAuFP~~,KAAA;~~EACvF~~;~~IAAAQ~~;EAAA,~~IAA4Bb~~,kBAAA;EAAA,~~IAAAc~~,EAAA;EAAA,~~IAAAR~~,CAAA,QAAAC,gBAAA,~~CAAAQ~~,IAAA,~~IAAAT~~,CAAA,~~QAAAI~~,KAAA,~~IAAAJ~~,CAAA,QAAAD,KAAA,IAAAC,CAAA,~~QAAAO~~,eAAA,~~IAAAP~~,CAAA,QAAAG,SAAA,IAAAH,CAAA,~~QAAAM~~,OAAA;IAAA,IAAAI,EAAA;IAAA,~~IAAAV~~,CAAA,~~QAAAI~~,KAAA,~~IAAAJ~~,CAAA,QAAAD,KAAA,IAAAC,CAAA,~~QAAAO~~,eAAA,~~IAAAP~~,CAAA,SAAAG,SAAA,IAAAH,CAAA,~~SAAAM~~,OAAA;MAIGI,EAAA,GAAAA,CAAAC,GAAA,EAAAC,CAAA;~~QAAA~~,~~KACpBD~~,GAAA,EAAAE,~~MAAA~~,EAAAC,MAAA;UAAA;QAAA;~~QAGL~~,MAAAC,QAAA,GAAiBX,KAAA,CAAAK,~~IAAA~~,~~GAAaG~~,CAAA;~~QAAE~~,~~KAC3BG~~,QAAA;UAAA;QAAA;~~QAAA~~,~~OAIHC~~,IAAA,CAAC;UAAAC,SAAA,EAAe,~~GAAApB~~,SAAA,~~OAAmB~~;~~UAAAqB~~,QAAA,EAChC;~~YAAA~~,~~IACK~~,UAAUH,~~QAAA~~,~~IAAYR~~,~~eAAA~~,~~IAAmBQ~~,QAAA,CAAAI,SAAkB;cAAA,OAEtDZ,eAAA,CAAAa,~~GAAA~~,~~EAAAC~~,MAAA,EAAAC,KAAA;~~gBACL~~,MAAAC,iBAAA;kBAAA,~~GACKxB~~,KAAK;~~kBAAAG~~,~~eAAA~~,~~EACSC~~,SAAA,~~GAAYQ~~,GAAA,CAAAa,~~IAAA~~,~~IAAYH~~,~~MAAA;kBAAAN~~,~~QAAA;kBAAAM,~~MAAA~~;kBAAAV~~,~~GAAA~~;~~kBAAAN~~,~~YAAA~~,~~EAI3BC~~,OAAA,GAAUK,GAAA,CAAAa,~~IAAA~~,~~IAAYH~~,MAAA;gBAAA~~;gBACtC~~,OAEEL,IAAA,CAAC;kBAAAC,SAAA,EAAe,~~GAAApB~~,SAAA,~~cAA0B~~;~~kBAAAqB~~,QAAA,EACxCF,IAAA,CAAC;oBAAAC,SAAA,EAAe,~~GAAApB~~,SAAA,~~oBAAgC~~;~~oBAAAqB~~,QAAA,EAC9CF,IAAA,~~CAAAS~~,GAAA;sBAAA,~~GAAsBF~~;~~oBAAiB~~,~~GAA7BF,~~MAAA~~;kBAAA,C;~~mBAFmC,CAACA,MAAA,EAAQC,KAAA,~~EAAAI~~,~~IAAA~~,~~CAAY~~;cAAA,CAM1E;YAAA;~~cAAA~~,~~IACS~~,UAAUf,~~GAAA~~,~~IAAOA~~,GAAA,CAAAa,IAAQ;gBAElC,MAAAG,aAAA;kBAAA,~~GACK5B~~,KAAK;~~kBAAAG~~,~~eAAA~~,~~EACSC~~,SAAA,~~GAAYQ~~,GAAA,CAAAa,~~IAAA;kBAAAT~~,~~QAAA~~;~~kBAAAJ~~,~~GAAA;kBAAAN~~,~~YAAA~~,~~EAGfC,~~OAAA,GAAUK,GAAA,CAAAa,~~IAAA~~;gBAAA~~;gBAC1B~~,OACOR,IAAA,~~CAAAS~~,GAAA;kBAAA,~~GAAiBE~~;~~gBAAa~~,~~GAApBf,~~CAAA;cAAA;gBAAA,OAGVI,IAAA,~~CAAAS~~,GAAA;kBAAAV,QAAA;kBAAA,~~GAAqChB~~,KAAK;~~kBAAAY~~;~~gBAAA~~,~~GAAZC,~~CAAA;cAAA;~~YAAA~~;UAAA,~~GAEzC~~;~~QAAA~~,~~GAnCwCA,~~CAAA;MAAA;~~MAsC9CZ~~,CAAA,~~MAAAI~~,KAAA;~~MAAAJ~~,CAAA,MAAAD,KAAA;MAAAC,CAAA,~~MAAAO~~,eAAA;~~MAAAP~~,CAAA,OAAAG,SAAA;MAAAH,CAAA,~~OAAAM~~,OAAA;~~MAAAN~~,CAAA,~~OAAAU~~,EAAA;IAAA;MAAAA,EAAA,~~GAAAV~~,CAAA;IAAA;~~IAhDFQ~~,EAAA,GAAAQ,IAAA,CAAC;MAAAC,SAAA,~~EAAApB~~,SAAA;~~MAAAqB~~,QAAA,~~EACEjB~~,gBAAA,~~CAAAQ~~,~~IAAA~~,CAAAW,~~GAAA~~,~~CAA0BV~~,EA+C3B~~;IAAA,C;;;;;;;;;;;~~SAhDFF,E;CAmDJ;AAOA,MAAMiB,GAAA,GAA0BjB,EAAA;EAAA,~~MAAAR~~,CAAA,GAAAV,EAAA;EAAC;~~IAAAY~~,~~eAAA,EAAAC,SAAA;IAAAY,~~QAAA;IAAAM,MAAA;IAAAO,iBAAA;IAAAjB,GAAA;IAAAN,~~YAAA,EAAAC~~;EAAA,IAAAE,EAOhC;EACC;IAAAqB;EAAA,~~IAAiBpC~~,cAAA;EACjB;~~IAAAc~~;EAAA,~~IAA4Bb~~,kBAAA;~~EAAA~~,~~KAEvBiB~~,GAAA,CAAAE,~~MAAA~~,EAAAC,MAAA;IAAA;EAAA;~~EAAA~~,IAAAJ,EAAA;EAAA,~~IAAAV~~,CAAA,~~QAAAe~~,QAAA,CAAAF,MAAA,~~IAAAb~~,CAAA,~~QAAAe~~,QAAA,CAAAI,SAAA,~~IAAAnB~~,CAAA,~~QAAA6B~~,IAAA,~~IAAA7B~~,CAAA,~~QAAAqB~~,MAAA,~~IAAArB~~,CAAA,~~QAAA4B~~,iBAAA,~~IAAA5B~~,CAAA,~~QAAAO~~,eAAA,~~IAAAP~~,CAAA,~~QAAAW~~,GAAA,~~IAAAX~~,CAAA,QAAAG,SAAA,IAAAH,CAAA,~~QAAAM~~,OAAA;~~IAKHI~~,EAAA,GAAAM,IAAA,~~CAAArB~~,aAAA;~~MAAAkB~~,MAAA,~~EACUE~~,QAAA,CAAAF,~~MAAA~~;MAAAiB,KAAA,~~EAEN~~,WAAWnB,~~GAAA~~,~~IACXA~~,GAAA,CAAAoB,~~KAAS~~,~~IACT~~,OAAOpB,GAAA,CAAAoB,~~KAAA~~,~~KAAc~~,~~cACnBC~~,KAAA,CAAC;QAAAd,QAAA,~~GACEG~~,~~MAAA~~,IAAUL,IAAA,CAAC;UAAAC,SAAA,EAAgB,~~GAAApB~~,SAAA,~~gBAA4B~~;~~UAAAqB~~,QAAA,EAAGG;~~QAAA~~,~~C,GAC1D9B,~~cAAA,~~CAAeoB~~,GAAA,CAAAoB,~~KAAA~~,~~EAAWF~~,IAAA~~;MAAA,C;~~eAIxBtB,eAAA;MAAAqB,iBAAA,EACUA,~~iBAAA~~,~~IAAqBb~~,QAAA,CAAAI,SAAkB;~~MAAAhB~~,SAAA;~~MAAAG~~,OAAA;MAAAY,QAAA,EAI1DF,IAAA,~~CAAApB~~,yBAAA;~~QAAAqC~~,aAAA,~~EAA0CtB~~,GAAA,CAAAE~~;MAAA,C;;;;;;;;;;;;;;;~~SAjB5CH,E;CAoBJ","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","useSelectedLocales","DiffCollapser","RenderVersionFieldsToDiff","baseClass","Tabs","props","$","baseVersionField","field","valueFrom","valueTo","selectedLocales","t0","tabs","t1","tab","i","fields","length","fieldTab","_jsx","className","children","localized","map","locale","index","localizedTabProps","name","Tab","join","namedTabProps","parentIsLocalized","i18n","Label","label","_jsxs","versionFields"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Tabs/index.tsx"],"sourcesContent":["'use client'\nimport type {\n ClientTab,\n FieldDiffClientProps,\n TabsFieldClient,\n TabsFieldDiffClientProps,\n VersionTab,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport './index.css'\nimport { useSelectedLocales } from '../../../Default/SelectedLocalesContext.js'\nimport { DiffCollapser } from '../../DiffCollapser/index.js'\nimport { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js'\n\nconst baseClass = 'tabs-diff'\n\nexport const Tabs: React.FC<TabsFieldDiffClientProps> = (props) => {\n const { baseVersionField, field, valueFrom, valueTo } = props\n const { selectedLocales } = useSelectedLocales()\n\n return (\n <div className={baseClass}>\n {baseVersionField.tabs.map((tab, i) => {\n if (!tab?.fields?.length) {\n return null\n }\n const fieldTab = field.tabs?.[i]\n if (!fieldTab) {\n return null\n }\n return (\n <div className={`${baseClass}__tab`} key={i}>\n {(() => {\n if ('name' in fieldTab && selectedLocales && fieldTab.localized) {\n // Named localized tab\n return selectedLocales.map((locale, index) => {\n const localizedTabProps: TabProps = {\n ...props,\n fieldTab,\n locale,\n tab,\n valueFrom: valueFrom?.[tab.name]?.[locale],\n valueTo: valueTo?.[tab.name]?.[locale],\n }\n return (\n <div className={`${baseClass}__tab-locale`} key={[locale, index].join('-')}>\n <div className={`${baseClass}__tab-locale-value`}>\n <Tab key={locale} {...localizedTabProps} />\n </div>\n </div>\n )\n })\n } else if ('name' in tab && tab.name) {\n // Named tab\n const namedTabProps: TabProps = {\n ...props,\n fieldTab,\n tab,\n valueFrom: valueFrom?.[tab.name],\n valueTo: valueTo?.[tab.name],\n }\n return <Tab key={i} {...namedTabProps} />\n } else {\n // Unnamed tab\n return <Tab fieldTab={fieldTab} key={i} {...props} tab={tab} />\n }\n })()}\n </div>\n )\n })}\n </div>\n )\n}\n\ntype TabProps = {\n fieldTab: ClientTab\n tab: VersionTab\n} & FieldDiffClientProps<TabsFieldClient>\n\nconst Tab: React.FC<TabProps> = ({\n fieldTab,\n locale,\n parentIsLocalized,\n tab,\n valueFrom,\n valueTo,\n}) => {\n const { i18n } = useTranslation()\n const { selectedLocales } = useSelectedLocales()\n\n if (!tab.fields?.length) {\n return null\n }\n\n return (\n <DiffCollapser\n fields={fieldTab.fields}\n Label={\n 'label' in tab &&\n tab.label &&\n typeof tab.label !== 'function' && (\n <span>\n {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n {getTranslation(tab.label, i18n)}\n </span>\n )\n }\n locales={selectedLocales}\n parentIsLocalized={parentIsLocalized \|\| fieldTab.localized}\n valueFrom={valueFrom}\n valueTo={valueTo}\n >\n <RenderVersionFieldsToDiff versionFields={tab.fields} />\n </DiffCollapser>\n )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Version/RenderFieldsToDiff/fields/Text/index.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
-import type { TextFieldDiffClientComponent } from 'payload';
+import type { TextFieldDiffClientProps } from 'payload';
+import React from 'react';
 import './index.css';
-export declare const Text: TextFieldDiffClientComponent;
+export declare const Text: React.FC<TextFieldDiffClientProps>;
 //# sourceMappingURL=index.d.ts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Text/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,~~4BAA4B~~,EAAE,MAAM,SAAS,CAAA;~~AAW3D~~,OAAO,aAAa,CAAA;AAqCpB,eAAO,MAAM,IAAI,EAAE,~~4BAgDlB~~,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Text/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAEvD,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,OAAO,aAAa,CAAA;AAqCpB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAkDnD,CAAA"}

package/dist/views/Version/RenderFieldsToDiff/fields/Text/index.js CHANGED Viewed

@@ -41,11 +41,11 @@ function formatValue(value) {
 export const Text = t0 => {
   const $ = _c(8);
   const {
-    comparisonValue: valueFrom,
     field,
     locale,
     nestingLevel,
-    versionValue: valueTo
+    valueFrom,
+    valueTo
   } = t0;
   const {
     i18n
@@ -73,9 +73,11 @@ export const Text = t0 => {
       To
     } = getHTMLDiffComponents({
       fromHTML: "<p>" + renderedValueFrom + "</p>",
+      fromLabel: i18n.t("version:comparingAgainst"),
       postProcess: unescapeDiffHTML,
       toHTML: "<p>" + renderedValueTo + "</p>",
-      tokenizeByCharacter
+      tokenizeByCharacter,
+      toLabel: i18n.t("version:version")
     });
     t1 = _jsx(FieldDiffContainer, {
       className: baseClass,

package/dist/views/Version/RenderFieldsToDiff/fields/Text/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["c","_c","React","FieldDiffContainer","escapeDiffHTML","getHTMLDiffComponents","unescapeDiffHTML","useTranslation","baseClass","formatValue","value","tokenizeByCharacter","String","JSON","stringify","undefined","Text","t0","$","~~comparisonValue","valueFrom","~~field","locale","nestingLevel","~~versionValue~~","valueTo","i18n","placeholder","t1","label","formattedValueFrom","formattedValueTo","length","renderedValueFrom","renderedValueTo","From","To","fromHTML","postProcess","toHTML","_jsx","className"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Text/index.tsx"],"sourcesContent":["'use client'\nimport type { ~~TextFieldDiffClientComponent~~ } from 'payload'\n\nimport React from 'react'\n\nimport { FieldDiffContainer } from '../../../../../elements/FieldDiffContainer/index.js'\nimport {\n escapeDiffHTML,\n getHTMLDiffComponents,\n unescapeDiffHTML,\n} from '../../../../../elements/HTMLDiff/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'text-diff'\n\nfunction formatValue(value: unknown): {\n tokenizeByCharacter: boolean\n value: string\n} {\n if (typeof value === 'string') {\n return { tokenizeByCharacter: true, value: escapeDiffHTML(value) }\n }\n if (typeof value === 'number') {\n return {\n tokenizeByCharacter: true,\n value: String(value),\n }\n }\n if (typeof value === 'boolean') {\n return {\n tokenizeByCharacter: false,\n value: String(value),\n }\n }\n\n if (value && typeof value === 'object') {\n return {\n tokenizeByCharacter: false,\n value: `<pre>${escapeDiffHTML(JSON.stringify(value, null, 2))}</pre>`,\n }\n }\n\n return {\n tokenizeByCharacter: true,\n value: undefined,\n }\n}\n\nexport const Text: ~~TextFieldDiffClientComponent~~ = ({\n ~~comparisonValue: valueFrom,\n~~ field,\n locale,\n nestingLevel,\n ~~versionValue:~~ valueTo,\n}) => {\n const { i18n } = useTranslation()\n\n let placeholder = ''\n\n if (valueTo == valueFrom) {\n placeholder = `<span class=\"html-diff-no-value\"><span>`\n }\n\n const formattedValueFrom = formatValue(valueFrom)\n const formattedValueTo = formatValue(valueTo)\n\n let tokenizeByCharacter = true\n if (formattedValueFrom.value?.length) {\n tokenizeByCharacter = formattedValueFrom.tokenizeByCharacter\n } else if (formattedValueTo.value?.length) {\n tokenizeByCharacter = formattedValueTo.tokenizeByCharacter\n }\n\n const renderedValueFrom = formattedValueFrom.value ?? placeholder\n const renderedValueTo: string = formattedValueTo.value ?? placeholder\n\n const { From, To } = getHTMLDiffComponents({\n fromHTML: '<p>' + renderedValueFrom + '</p>',\n postProcess: unescapeDiffHTML,\n toHTML: '<p>' + renderedValueTo + '</p>',\n tokenizeByCharacter,\n })\n\n return (\n <FieldDiffContainer\n className={baseClass}\n From={From}\n i18n={i18n}\n label={{\n label: field.label,\n locale,\n }}\n nestingLevel={nestingLevel}\n To={To}\n />\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,kBAAkB,QAAQ;AACnC,SACEC,cAAc,EACdC,qBAAqB,EACrBC,gBAAgB,QACX;AACP,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,SAASC,YAAYC,KAAc;EAIjC,IAAI,OAAOA,KAAA,KAAU,UAAU;IAC7B,OAAO;MAAEC,mBAAA,EAAqB;MAAMD,KAAA,EAAON,cAAA,CAAeM,KAAA;IAAO;EACnE;EACA,IAAI,OAAOA,KAAA,KAAU,UAAU;IAC7B,OAAO;MACLC,mBAAA,EAAqB;MACrBD,KAAA,EAAOE,MAAA,CAAOF,KAAA;IAChB;EACF;EACA,IAAI,OAAOA,KAAA,KAAU,WAAW;IAC9B,OAAO;MACLC,mBAAA,EAAqB;MACrBD,KAAA,EAAOE,MAAA,CAAOF,KAAA;IAChB;EACF;EAEA,IAAIA,KAAA,IAAS,OAAOA,KAAA,KAAU,UAAU;IACtC,OAAO;MACLC,mBAAA,EAAqB;MACrBD,KAAA,EAAO,QAAQN,cAAA,CAAeS,IAAA,CAAKC,SAAS,CAACJ,KAAA,EAAO,MAAM;IAC5D;EACF;EAEA,OAAO;IACLC,mBAAA,EAAqB;IACrBD,KAAA,EAAOK;EACT;AACF;AAEA,OAAO,MAAMC,IAAA,~~GAAqCC~~,EAAA;EAAA,MAAAC,CAAA,GAAAjB,EAAA;EAAC;IAAAkB,~~eAAA,EAAAC,SAAA;IAAAC,~~KAAA;IAAAC,MAAA;IAAAC,YAAA;IAAAC,~~YAAA,EAAAC~~;EAAA,~~IAAAR~~,~~EAMlD~~;EACC;~~IAAAS~~;EAAA,~~IAAiBnB~~,cAAA;EAEjB,~~IAAAoB~~,WAAA,GAAkB;~~EAAA~~,~~IAEdF~~,OAAA,~~IAAWL~~,SAAA;~~IACbO~~,WAAA,CAAAA,CAAA,CAAcA,2CAAyC;EAAvD;~~EAAA~~,IAAAC,EAAA;EAAA,~~IAAAV~~,CAAA,~~QAAAG~~,KAAA,CAAAQ,KAAA,~~IAAAX~~,CAAA,~~QAAAQ~~,IAAA,~~IAAAR~~,CAAA,~~QAAAI~~,MAAA,~~IAAAJ~~,CAAA,~~QAAAK~~,YAAA,~~IAAAL~~,CAAA,~~QAAAS~~,WAAA,~~IAAAT~~,CAAA,~~QAAAE~~,SAAA,~~IAAAF~~,CAAA,~~QAAAO~~,OAAA;~~IAGF~~,MAAAK,kBAAA,~~GAA2BrB~~,WAAA,~~CAAYW~~,SAAA;IACvC,~~MAAAW~~,gBAAA,~~GAAyBtB~~,WAAA,~~CAAYgB~~,OAAA;IAErC,~~IAAAd~~,mBAAA;~~IAA0B~~,~~IACtBmB~~,kBAAA,~~CAAApB~~,~~KAAA~~,~~EAAAsB~~,MAAA;~~MACFrB~~,mBAAA,CAAAA,CAAA,~~CAAsBmB~~,kBAAA,~~CAAAnB~~,~~mBAAA~~;~~IAAtB~~;~~MAAA~~,~~IACSoB~~,gBAAA,~~CAAArB~~,~~KAAA~~,~~EAAAsB~~,MAAA;~~QACTrB~~,mBAAA,CAAAA,CAAA,~~CAAsBoB~~,gBAAA,~~CAAApB~~,~~mBAAA~~;~~MAAtB~~;~~IAAA~~;~~IAGF~~,~~MAAAsB~~,iBAAA,GAA0BH,kBAAA,~~CAAApB~~,~~KAAA~~,~~IAA4BiB~~,~~WAAA~~;IACtD,MAAAO,eAAA,GAAgCH,gBAAA,~~CAAArB~~,~~KAAA~~,~~IAA0BiB~~,~~WAAA~~;IAE1D;MAAAQ,IAAA;MAAAC;IAAA,~~IAAqB/B~~,qBAAA;~~MAAAgC~~,QAAA,~~EACT~~,QAAQJ,iBAAA,GAAoB;MAAAK,WAAA,~~EAAAhC~~,gBAAA;MAAAiC,MAAA,~~EAE9B~~,~~QAAQL~~,eAAA,GAAkB;~~MAAAvB~~;IAAA,~~CAEpC~~;~~IAGEiB~~,EAAA,~~GAAAY~~,IAAA,~~CAAArC~~,kBAAA;~~MAAAsC~~,SAAA,~~EAAAjC~~,SAAA;~~MAAA2B~~,IAAA;MAAAT,IAAA;MAAAG,KAAA;QAAAA,KAAA,~~EAKWR~~,KAAA,CAAAQ,~~KAAA~~;QAAAP;~~MAAA~~;MAAAC,YAAA;MAAAa~~;IAAA~~,~~C;;;;;;;;;;;;SALXR,~~E;CAYJ","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["c","_c","React","FieldDiffContainer","escapeDiffHTML","getHTMLDiffComponents","unescapeDiffHTML","useTranslation","baseClass","formatValue","value","tokenizeByCharacter","String","JSON","stringify","undefined","Text","t0","$","field","locale","nestingLevel","valueFrom","valueTo","i18n","placeholder","t1","label","formattedValueFrom","formattedValueTo","length","renderedValueFrom","renderedValueTo","From","To","fromHTML","fromLabel","t","postProcess","toHTML","toLabel","_jsx","className"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Text/index.tsx"],"sourcesContent":["'use client'\nimport type { TextFieldDiffClientProps } from 'payload'\n\nimport React from 'react'\n\nimport { FieldDiffContainer } from '../../../../../elements/FieldDiffContainer/index.js'\nimport {\n escapeDiffHTML,\n getHTMLDiffComponents,\n unescapeDiffHTML,\n} from '../../../../../elements/HTMLDiff/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'text-diff'\n\nfunction formatValue(value: unknown): {\n tokenizeByCharacter: boolean\n value: string\n} {\n if (typeof value === 'string') {\n return { tokenizeByCharacter: true, value: escapeDiffHTML(value) }\n }\n if (typeof value === 'number') {\n return {\n tokenizeByCharacter: true,\n value: String(value),\n }\n }\n if (typeof value === 'boolean') {\n return {\n tokenizeByCharacter: false,\n value: String(value),\n }\n }\n\n if (value && typeof value === 'object') {\n return {\n tokenizeByCharacter: false,\n value: `<pre>${escapeDiffHTML(JSON.stringify(value, null, 2))}</pre>`,\n }\n }\n\n return {\n tokenizeByCharacter: true,\n value: undefined,\n }\n}\n\nexport const Text: React.FC<TextFieldDiffClientProps> = ({\n field,\n locale,\n nestingLevel,\n valueFrom,\n valueTo,\n}) => {\n const { i18n } = useTranslation()\n\n let placeholder = ''\n\n if (valueTo == valueFrom) {\n placeholder = `<span class=\"html-diff-no-value\"><span>`\n }\n\n const formattedValueFrom = formatValue(valueFrom)\n const formattedValueTo = formatValue(valueTo)\n\n let tokenizeByCharacter = true\n if (formattedValueFrom.value?.length) {\n tokenizeByCharacter = formattedValueFrom.tokenizeByCharacter\n } else if (formattedValueTo.value?.length) {\n tokenizeByCharacter = formattedValueTo.tokenizeByCharacter\n }\n\n const renderedValueFrom = formattedValueFrom.value ?? placeholder\n const renderedValueTo: string = formattedValueTo.value ?? placeholder\n\n const { From, To } = getHTMLDiffComponents({\n fromHTML: '<p>' + renderedValueFrom + '</p>',\n fromLabel: i18n.t('version:comparingAgainst'),\n postProcess: unescapeDiffHTML,\n toHTML: '<p>' + renderedValueTo + '</p>',\n tokenizeByCharacter,\n toLabel: i18n.t('version:version'),\n })\n\n return (\n <FieldDiffContainer\n className={baseClass}\n From={From}\n i18n={i18n}\n label={{\n label: field.label,\n locale,\n }}\n nestingLevel={nestingLevel}\n To={To}\n />\n )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Version/RenderFieldsToDiff/fields/Upload/index.css CHANGED Viewed

@@ -22,6 +22,7 @@
     padding-right: 0;
   }
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 768px) {
     /* Stack hasMany columns vertically */
     .upload-diff-container--hasMany .field-diff-content {
@@ -68,7 +69,6 @@
     background-color: var(--color-bg-secondary);
     border-radius: var(--radius-medium);
     position: relative;
-    font-family: var(--text-body-medium-font-family);
     padding: var(--spacer-1);
     &[data-match-type] {

package/dist/views/Version/RenderFieldsToDiff/fields/Upload/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { FileData, PayloadRequest, TypeWithID, UploadField, UploadFieldDiffServerComponent } from 'payload';
+import type { FileData, PayloadRequest, TypeWithID, UploadField, UploadFieldDiffServerProps } from 'payload';
 import { type I18nClient } from '@payloadcms/translations';
 import React from 'react';
 import './index.css';
@@ -8,7 +8,7 @@ type PolyUploadDoc = {
     value: (FileData & TypeWithID) | number | string;
 };
 type UploadDoc = NonPolyUploadDoc | PolyUploadDoc;
-export declare const Upload: UploadFieldDiffServerComponent;
+export declare const Upload: React.FC<UploadFieldDiffServerProps>;
 export declare const HasManyUploadDiff: React.FC<{
     field: UploadField;
     i18n: I18nClient;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Upload/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,QAAQ,EACR,cAAc,EACd,UAAU,EACV,WAAW,EACX,~~8BAA8B~~,~~EAC/B~~,MAAM,SAAS,CAAA;AAEhB,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1E,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,aAAa,CAAA;AAKpB,KAAK,gBAAgB,GAAG,CAAC,QAAQ,GAAG,UAAU,CAAC,GAAG,MAAM,GAAG,MAAM,CAAA;AACjE,KAAK,aAAa,GAAG;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,CAAC,QAAQ,GAAG,UAAU,CAAC,GAAG,MAAM,GAAG,MAAM,CAAA;CAAE,CAAA;AAE7F,KAAK,SAAS,GAAG,gBAAgB,GAAG,aAAa,CAAA;AAEjD,eAAO,MAAM,MAAM,EAAE,~~8BAwCpB~~,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IACvC,KAAK,EAAE,WAAW,CAAA;IAClB,IAAI,EAAE,UAAU,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,EAAE,OAAO,CAAA;IACpB,GAAG,EAAE,cAAc,CAAA;IACnB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAC3B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;CAC1B,CAiFA,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,KAAK,EAAE,WAAW,CAAA;IAClB,IAAI,EAAE,UAAU,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,EAAE,OAAO,CAAA;IACpB,GAAG,EAAE,cAAc,CAAA;IACnB,SAAS,EAAE,SAAS,CAAA;IACpB,OAAO,EAAE,SAAS,CAAA;CACnB,CA2DA,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Upload/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,QAAQ,EACR,cAAc,EACd,UAAU,EACV,WAAW,EACX,0BAA0B,EAC3B,MAAM,SAAS,CAAA;AAEhB,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1E,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,aAAa,CAAA;AAKpB,KAAK,gBAAgB,GAAG,CAAC,QAAQ,GAAG,UAAU,CAAC,GAAG,MAAM,GAAG,MAAM,CAAA;AACjE,KAAK,aAAa,GAAG;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,CAAC,QAAQ,GAAG,UAAU,CAAC,GAAG,MAAM,GAAG,MAAM,CAAA;CAAE,CAAA;AAE7F,KAAK,SAAS,GAAG,gBAAgB,GAAG,aAAa,CAAA;AAEjD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAgCvD,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IACvC,KAAK,EAAE,WAAW,CAAA;IAClB,IAAI,EAAE,UAAU,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,EAAE,OAAO,CAAA;IACpB,GAAG,EAAE,cAAc,CAAA;IACnB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAC3B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;CAC1B,CAiFA,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,KAAK,EAAE,WAAW,CAAA;IAClB,IAAI,EAAE,UAAU,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,EAAE,OAAO,CAAA;IACpB,GAAG,EAAE,cAAc,CAAA;IACnB,SAAS,EAAE,SAAS,CAAA;IACpB,OAAO,EAAE,SAAS,CAAA;CACnB,CA2DA,CAAA"}

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

@@ -8,13 +8,13 @@ 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
+    valueFrom,
+    valueTo
   } = args;
   const hasMany = 'hasMany' in field && field.hasMany && Array.isArray(valueTo);
   const polymorphic = Array.isArray(field.relationTo);

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

	@@ -1 +1 @@
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":[]}
1	+ {"version":3,"file":"index.js","names":["getTranslation","React","FieldDiffContainer","getHTMLDiffComponents","File","baseClass","Upload","args","field","i18n","locale","nestingLevel","req","valueFrom","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 UploadFieldDiffServerProps,\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: React.FC<UploadFieldDiffServerProps> = (args) => {\n const { field, i18n, locale, nestingLevel, req, valueFrom, valueTo } = 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/index.css CHANGED Viewed

@@ -5,6 +5,7 @@
     gap: var(--spacer-3);
     [role='banner'] {
+      /* stylelint-disable-next-line plugin/no-important -- TODO: pre-existing; revisit whether specificity can win instead */
       display: none !important;
     }
   }
@@ -16,6 +17,7 @@
     gap: var(--spacer-3);
   }
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 768px) {
     .render-field-diffs {
       gap: calc(var(--spacer-4) - var(--spacer-1));