npm - @payloadcms/next - Versions diffs - 3.68.0-internal-debug.e9b66ee → 3.68.0-internal-debug.654e4ad - Mend

@payloadcms/next 3.68.0-internal-debug.e9b66ee → 3.68.0-internal-debug.654e4ad

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 (161) hide show

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

@@ -1,21 +1,79 @@
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { FieldDiffContainer, getHTMLDiffComponents } from '@payloadcms/ui/rsc';
 import './index.scss';
+import React from 'react';
 import { generateLabelFromValue } from './generateLabelFromValue.js';
 const baseClass = 'relationship-diff';
 export const Relationship = ({ comparisonValue: valueFrom, field, i18n, locale, nestingLevel, parentIsLocalized, req, versionValue: valueTo })=>{
     const hasMany = 'hasMany' in field && field.hasMany;
     const polymorphic = Array.isArray(field.relationTo);
     if (hasMany) {
-        return <ManyRelationshipDiff field={field} i18n={i18n} locale={locale} nestingLevel={nestingLevel} parentIsLocalized={parentIsLocalized} polymorphic={polymorphic} req={req} valueFrom={valueFrom} valueTo={valueTo}/>;
+        return /*#__PURE__*/ _jsxDEV(ManyRelationshipDiff, {
+            field: field,
+            i18n: i18n,
+            locale: locale,
+            nestingLevel: nestingLevel,
+            parentIsLocalized: parentIsLocalized,
+            polymorphic: polymorphic,
+            req: req,
+            valueFrom: valueFrom,
+            valueTo: valueTo
+        }, void 0, false, {
+            fileName: "src/views/Version/RenderFieldsToDiff/fields/Relationship/index.tsx",
+            lineNumber: 38,
+            columnNumber: 7
+        }, this);
     }
-    return <SingleRelationshipDiff field={field} i18n={i18n} locale={locale} nestingLevel={nestingLevel} parentIsLocalized={parentIsLocalized} polymorphic={polymorphic} req={req} valueFrom={valueFrom} valueTo={valueTo}/>;
+    return /*#__PURE__*/ _jsxDEV(SingleRelationshipDiff, {
+        field: field,
+        i18n: i18n,
+        locale: locale,
+        nestingLevel: nestingLevel,
+        parentIsLocalized: parentIsLocalized,
+        polymorphic: polymorphic,
+        req: req,
+        valueFrom: valueFrom,
+        valueTo: valueTo
+    }, void 0, false, {
+        fileName: "src/views/Version/RenderFieldsToDiff/fields/Relationship/index.tsx",
+        lineNumber: 53,
+        columnNumber: 5
+    }, this);
 };
 export const SingleRelationshipDiff = async (args)=>{
     const { field, i18n, locale, nestingLevel, parentIsLocalized, polymorphic, req, valueFrom, valueTo } = args;
     const ReactDOMServer = (await import('react-dom/server')).default;
-    const FromComponent = valueFrom ? <RelationshipDocumentDiff field={field} i18n={i18n} locale={locale} parentIsLocalized={parentIsLocalized} polymorphic={polymorphic} relationTo={polymorphic ? valueFrom.relationTo : field.relationTo} req={req} showPill={true} value={valueFrom}/> : null;
-    const ToComponent = valueTo ? <RelationshipDocumentDiff field={field} i18n={i18n} locale={locale} parentIsLocalized={parentIsLocalized} polymorphic={polymorphic} relationTo={polymorphic ? valueTo.relationTo : field.relationTo} req={req} showPill={true} value={valueTo}/> : null;
+    const FromComponent = valueFrom ? /*#__PURE__*/ _jsxDEV(RelationshipDocumentDiff, {
+        field: field,
+        i18n: i18n,
+        locale: locale,
+        parentIsLocalized: parentIsLocalized,
+        polymorphic: polymorphic,
+        relationTo: polymorphic ? valueFrom.relationTo : field.relationTo,
+        req: req,
+        showPill: true,
+        value: valueFrom
+    }, void 0, false, {
+        fileName: "src/views/Version/RenderFieldsToDiff/fields/Relationship/index.tsx",
+        lineNumber: 93,
+        columnNumber: 5
+    }, this) : null;
+    const ToComponent = valueTo ? /*#__PURE__*/ _jsxDEV(RelationshipDocumentDiff, {
+        field: field,
+        i18n: i18n,
+        locale: locale,
+        parentIsLocalized: parentIsLocalized,
+        polymorphic: polymorphic,
+        relationTo: polymorphic ? valueTo.relationTo : field.relationTo,
+        req: req,
+        showPill: true,
+        value: valueTo
+    }, void 0, false, {
+        fileName: "src/views/Version/RenderFieldsToDiff/fields/Relationship/index.tsx",
+        lineNumber: 110,
+        columnNumber: 5
+    }, this) : null;
     const fromHTML = FromComponent ? ReactDOMServer.renderToStaticMarkup(FromComponent) : `<p></p>`;
     const toHTML = ToComponent ? ReactDOMServer.renderToStaticMarkup(ToComponent) : `<p></p>`;
     const diff = getHTMLDiffComponents({
@@ -23,18 +81,55 @@ export const SingleRelationshipDiff = async (args)=>{
         toHTML,
         tokenizeByCharacter: false
     });
-    return <FieldDiffContainer className={`${baseClass}-container ${baseClass}-container--hasOne`} From={diff.From} i18n={i18n} label={{
-        label: field.label,
-        locale
-    }} nestingLevel={nestingLevel} To={diff.To}/>;
+    return /*#__PURE__*/ _jsxDEV(FieldDiffContainer, {
+        className: `${baseClass}-container ${baseClass}-container--hasOne`,
+        From: diff.From,
+        i18n: i18n,
+        label: {
+            label: field.label,
+            locale
+        },
+        nestingLevel: nestingLevel,
+        To: diff.To
+    }, void 0, false, {
+        fileName: "src/views/Version/RenderFieldsToDiff/fields/Relationship/index.tsx",
+        lineNumber: 137,
+        columnNumber: 5
+    }, this);
 };
 const ManyRelationshipDiff = async ({ field, i18n, locale, nestingLevel, parentIsLocalized, polymorphic, req, valueFrom, valueTo })=>{
     const ReactDOMServer = (await import('react-dom/server')).default;
     const fromArr = Array.isArray(valueFrom) ? valueFrom : [];
     const toArr = Array.isArray(valueTo) ? valueTo : [];
-    const makeNodes = (list)=>list.map((val, idx)=><RelationshipDocumentDiff field={field} i18n={i18n} key={idx} locale={locale} parentIsLocalized={parentIsLocalized} polymorphic={polymorphic} relationTo={polymorphic ? val.relationTo : field.relationTo} req={req} showPill={polymorphic} value={val}/>);
-    const fromNodes = fromArr.length > 0 ? makeNodes(fromArr) : <p className={`${baseClass}__empty`}></p>;
-    const toNodes = toArr.length > 0 ? makeNodes(toArr) : <p className={`${baseClass}__empty`}></p>;
+    const makeNodes = (list)=>list.map((val, idx)=>/*#__PURE__*/ _jsxDEV(RelationshipDocumentDiff, {
+                field: field,
+                i18n: i18n,
+                locale: locale,
+                parentIsLocalized: parentIsLocalized,
+                polymorphic: polymorphic,
+                relationTo: polymorphic ? val.relationTo : field.relationTo,
+                req: req,
+                showPill: polymorphic,
+                value: val
+            }, idx, false, {
+                fileName: "src/views/Version/RenderFieldsToDiff/fields/Relationship/index.tsx",
+                lineNumber: 176,
+                columnNumber: 7
+            }, this));
+    const fromNodes = fromArr.length > 0 ? makeNodes(fromArr) : /*#__PURE__*/ _jsxDEV("p", {
+        className: `${baseClass}__empty`
+    }, void 0, false, {
+        fileName: "src/views/Version/RenderFieldsToDiff/fields/Relationship/index.tsx",
+        lineNumber: 195,
+        columnNumber: 47
+    }, this);
+    const toNodes = toArr.length > 0 ? makeNodes(toArr) : /*#__PURE__*/ _jsxDEV("p", {
+        className: `${baseClass}__empty`
+    }, void 0, false, {
+        fileName: "src/views/Version/RenderFieldsToDiff/fields/Relationship/index.tsx",
+        lineNumber: 197,
+        columnNumber: 57
+    }, this);
     const fromHTML = ReactDOMServer.renderToStaticMarkup(fromNodes);
     const toHTML = ReactDOMServer.renderToStaticMarkup(toNodes);
     const diff = getHTMLDiffComponents({
@@ -42,10 +137,21 @@ const ManyRelationshipDiff = async ({ field, i18n, locale, nestingLevel, parentI
         toHTML,
         tokenizeByCharacter: false
     });
-    return <FieldDiffContainer className={`${baseClass}-container ${baseClass}-container--hasMany`} From={diff.From} i18n={i18n} label={{
-        label: field.label,
-        locale
-    }} nestingLevel={nestingLevel} To={diff.To}/>;
+    return /*#__PURE__*/ _jsxDEV(FieldDiffContainer, {
+        className: `${baseClass}-container ${baseClass}-container--hasMany`,
+        From: diff.From,
+        i18n: i18n,
+        label: {
+            label: field.label,
+            locale
+        },
+        nestingLevel: nestingLevel,
+        To: diff.To
+    }, void 0, false, {
+        fileName: "src/views/Version/RenderFieldsToDiff/fields/Relationship/index.tsx",
+        lineNumber: 209,
+        columnNumber: 5
+    }, this);
 };
 const RelationshipDocumentDiff = ({ field, i18n, locale, parentIsLocalized, polymorphic, relationTo, req, showPill = false, value })=>{
     const localeToUse = locale ?? (req.payload.config?.localization && req.payload.config?.localization?.defaultLocale) ?? 'en';
@@ -61,14 +167,36 @@ const RelationshipDocumentDiff = ({ field, i18n, locale, parentIsLocalized, poly
         const collectionConfig = req.payload.collections[relationTo].config;
         pillLabel = collectionConfig.labels?.singular ? getTranslation(collectionConfig.labels.singular, i18n) : collectionConfig.slug;
     }
-    return <div className={`${baseClass}`} data-enable-match="true" data-id={polymorphic ? value.value.id : value.id} data-relation-to={relationTo}>
-      {pillLabel && <span className={`${baseClass}__pill`} data-enable-match="false">
-          {pillLabel}
-        </span>}
-      <strong className={`${baseClass}__info`} data-enable-match="false">
-        {title}
-      </strong>
-    </div>;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: `${baseClass}`,
+        "data-enable-match": "true",
+        "data-id": polymorphic ? value.value.id : value.id,
+        "data-relation-to": relationTo,
+        children: [
+            pillLabel && /*#__PURE__*/ _jsxDEV("span", {
+                className: `${baseClass}__pill`,
+                "data-enable-match": "false",
+                children: pillLabel
+            }, void 0, false, {
+                fileName: "src/views/Version/RenderFieldsToDiff/fields/Relationship/index.tsx",
+                lineNumber: 274,
+                columnNumber: 9
+            }, this),
+            /*#__PURE__*/ _jsxDEV("strong", {
+                className: `${baseClass}__info`,
+                "data-enable-match": "false",
+                children: title
+            }, void 0, false, {
+                fileName: "src/views/Version/RenderFieldsToDiff/fields/Relationship/index.tsx",
+                lineNumber: 278,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/views/Version/RenderFieldsToDiff/fields/Relationship/index.tsx",
+        lineNumber: 263,
+        columnNumber: 5
+    }, this);
 };
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"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 { FieldDiffContainer, getHTMLDiffComponents } from '@payloadcms/ui/rsc'\n\nimport './index.scss'\n\nimport React from 'react'\n\nimport { generateLabelFromValue } from './generateLabelFromValue.js'\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 = 'hasMany' in field && field.hasMany\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 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 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 value={valueTo}\n />\n ) : null\n\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 return (\n <FieldDiffContainer\n className={`${baseClass}-container ${baseClass}-container--hasOne`}\n From={diff.From}\n i18n={i18n}\n label={{ label: field.label, locale }}\n nestingLevel={nestingLevel}\n To={diff.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 makeNodes = (list: RelationshipValue[]) =>\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 value={val}\n />\n ))\n\n const fromNodes =\n fromArr.length > 0 ? makeNodes(fromArr) : <p className={`${baseClass}__empty`}></p>\n\n const toNodes = toArr.length > 0 ? makeNodes(toArr) : <p className={`${baseClass}__empty`}></p>\n\n const fromHTML = ReactDOMServer.renderToStaticMarkup(fromNodes)\n const toHTML = ReactDOMServer.renderToStaticMarkup(toNodes)\n\n const diff = getHTMLDiffComponents({\n fromHTML,\n toHTML,\n tokenizeByCharacter: false,\n })\n\n return (\n <FieldDiffContainer\n className={`${baseClass}-container ${baseClass}-container--hasMany`}\n From={diff.From}\n i18n={i18n}\n label={{ label: field.label, locale }}\n nestingLevel={nestingLevel}\n To={diff.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 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 value: RelationshipValue\n}) => {\n const localeToUse =\n locale ??\n (req.payload.config?.localization && req.payload.config?.localization?.defaultLocale) ??\n 'en'\n\n const title = generateLabelFromValue({\n field,\n locale: localeToUse,\n parentIsLocalized,\n req,\n value,\n })\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"],"names":["getTranslation","FieldDiffContainer","getHTMLDiffComponents","generateLabelFromValue","baseClass","Relationship","comparisonValue","valueFrom","field","i18n","locale","nestingLevel","parentIsLocalized","req","versionValue","valueTo","hasMany","polymorphic","Array","isArray","relationTo","ManyRelationshipDiff","SingleRelationshipDiff","args","ReactDOMServer","default","FromComponent","RelationshipDocumentDiff","showPill","value","ToComponent","fromHTML","renderToStaticMarkup","toHTML","diff","tokenizeByCharacter","className","From","label","To","fromArr","toArr","makeNodes","list","map","val","idx","key","fromNodes","length","p","toNodes","localeToUse","payload","config","localization","defaultLocale","title","pillLabel","collectionConfig","collections","labels","singular","slug","div","data-enable-match","data-id","id","data-relation-to","span","strong"],"mappings":"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"}
1	+ {"version":3,"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 { FieldDiffContainer, getHTMLDiffComponents } from '@payloadcms/ui/rsc'\n\nimport './index.scss'\n\nimport React from 'react'\n\nimport { generateLabelFromValue } from './generateLabelFromValue.js'\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 = 'hasMany' in field && field.hasMany\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 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 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 value={valueTo}\n />\n ) : null\n\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 return (\n <FieldDiffContainer\n className={`${baseClass}-container ${baseClass}-container--hasOne`}\n From={diff.From}\n i18n={i18n}\n label={{ label: field.label, locale }}\n nestingLevel={nestingLevel}\n To={diff.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 makeNodes = (list: RelationshipValue[]) =>\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 value={val}\n />\n ))\n\n const fromNodes =\n fromArr.length > 0 ? makeNodes(fromArr) : <p className={`${baseClass}__empty`}></p>\n\n const toNodes = toArr.length > 0 ? makeNodes(toArr) : <p className={`${baseClass}__empty`}></p>\n\n const fromHTML = ReactDOMServer.renderToStaticMarkup(fromNodes)\n const toHTML = ReactDOMServer.renderToStaticMarkup(toNodes)\n\n const diff = getHTMLDiffComponents({\n fromHTML,\n toHTML,\n tokenizeByCharacter: false,\n })\n\n return (\n <FieldDiffContainer\n className={`${baseClass}-container ${baseClass}-container--hasMany`}\n From={diff.From}\n i18n={i18n}\n label={{ label: field.label, locale }}\n nestingLevel={nestingLevel}\n To={diff.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 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 value: RelationshipValue\n}) => {\n const localeToUse =\n locale ??\n (req.payload.config?.localization && req.payload.config?.localization?.defaultLocale) ??\n 'en'\n\n const title = generateLabelFromValue({\n field,\n locale: localeToUse,\n parentIsLocalized,\n req,\n value,\n })\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"],"names":["getTranslation","FieldDiffContainer","getHTMLDiffComponents","React","generateLabelFromValue","baseClass","Relationship","comparisonValue","valueFrom","field","i18n","locale","nestingLevel","parentIsLocalized","req","versionValue","valueTo","hasMany","polymorphic","Array","isArray","relationTo","ManyRelationshipDiff","SingleRelationshipDiff","args","ReactDOMServer","default","FromComponent","RelationshipDocumentDiff","showPill","value","ToComponent","fromHTML","renderToStaticMarkup","toHTML","diff","tokenizeByCharacter","className","From","label","To","fromArr","toArr","makeNodes","list","map","val","idx","fromNodes","length","p","toNodes","localeToUse","payload","config","localization","defaultLocale","title","pillLabel","collectionConfig","collections","labels","singular","slug","div","data-enable-match","data-id","id","data-relation-to","span","strong"],"mappings":"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"}

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

@@ -1,10 +1,23 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import React from 'react';
 import { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js';
 const baseClass = 'row-diff';
 export const Row = ({ baseVersionField })=>{
-    return <div className={baseClass}>
-      <RenderVersionFieldsToDiff versionFields={baseVersionField.fields}/>
-    </div>;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: baseClass,
+        children: /*#__PURE__*/ _jsxDEV(RenderVersionFieldsToDiff, {
+            versionFields: baseVersionField.fields
+        }, void 0, false, {
+            fileName: "src/views/Version/RenderFieldsToDiff/fields/Row/index.tsx",
+            lineNumber: 13,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/views/Version/RenderFieldsToDiff/fields/Row/index.tsx",
+        lineNumber: 12,
+        columnNumber: 5
+    }, this);
 };
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"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"],"names":["RenderVersionFieldsToDiff","baseClass","Row","baseVersionField","div","className","versionFields","fields"],"mappings":"AAAA;~~AAKA~~,~~SAASA~~,yBAAyB,QAAQ,qCAAoC;AAE9E,MAAMC,YAAY;AAElB,OAAO,MAAMC,MAAmC,CAAC,EAAEC,gBAAgB,EAAE;IACnE,~~QACGC~~,~~IAAIC~~,WAAWJ~~,WAAW~~;~~MACzB~~,~~CAACD~~,~~0BAA0BM~~,eAAeH,iBAAiBI,MAAM,~~GAAI;IACvE,EAAEH;AAEN,~~EAAC"}
1	+ {"version":3,"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"],"names":["React","RenderVersionFieldsToDiff","baseClass","Row","baseVersionField","div","className","versionFields","fields"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,SAASC,yBAAyB,QAAQ,qCAAoC;AAE9E,MAAMC,YAAY;AAElB,OAAO,MAAMC,MAAmC,CAAC,EAAEC,gBAAgB,EAAE;IACnE,qBACE,QAACC;QAAIC,WAAWJ;kBACd,cAAA,QAACD;YAA0BM,eAAeH,iBAAiBI,MAAM;;;;;;;;;;;AAGvE,EAAC"}

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

@@ -1,6 +1,8 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { FieldDiffContainer, getHTMLDiffComponents, useTranslation } from '@payloadcms/ui';
+import React from 'react';
 import './index.scss';
 const baseClass = 'select-diff';
 const getOptionsToRender = (value, options, hasMany)=>{
@@ -40,10 +42,21 @@ export const Select = ({ comparisonValue: valueFrom, diffMethod, field, locale,
         toHTML: '<p>' + renderedValueTo + '</p>',
         tokenizeByCharacter: true
     });
-    return <FieldDiffContainer className={baseClass} From={From} i18n={i18n} label={{
-        label: field.label,
-        locale
-    }} nestingLevel={nestingLevel} To={To}/>;
+    return /*#__PURE__*/ _jsxDEV(FieldDiffContainer, {
+        className: baseClass,
+        From: From,
+        i18n: i18n,
+        label: {
+            label: field.label,
+            locale
+        },
+        nestingLevel: nestingLevel,
+        To: To
+    }, void 0, false, {
+        fileName: "src/views/Version/RenderFieldsToDiff/fields/Select/index.tsx",
+        lineNumber: 103,
+        columnNumber: 5
+    }, this);
 };
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"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 { FieldDiffContainer, getHTMLDiffComponents, useTranslation } from '@payloadcms/ui'\nimport React from 'react'\n\nimport './index.scss'\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>' + renderedValueFrom + '</p>',\n toHTML: '<p>' + 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"],"names":["getTranslation","FieldDiffContainer","getHTMLDiffComponents","useTranslation","baseClass","getOptionsToRender","value","options","hasMany","Array","isArray","map","val","find","option","String","getTranslatedOptions","i18n","translatedLabel","label","join","Select","comparisonValue","valueFrom","diffMethod","field","locale","nestingLevel","versionValue","valueTo","renderedValueFrom","JSON","stringify","renderedValueTo","From","To","fromHTML","toHTML","tokenizeByCharacter","className"],"mappings":"AAAA;AAIA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,kBAAkB,EAAEC,qBAAqB,EAAEC,cAAc,QAAQ,iBAAgB;~~AAG1F~~,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,MAAMC,qBAAqB,CACzBC,OACAC,SACAC;IAEA,IAAIA,WAAWC,MAAMC,OAAO,CAACJ,QAAQ;QACnC,OAAOA,MAAMK,GAAG,CACd,CAACC,MACCL,QAAQM,IAAI,CAAC,CAACC,SAAW,AAAC,CAAA,OAAOA,WAAW,WAAWA,SAASA,OAAOR,KAAK,AAAD,MAAOM,QAClFG,OAAOH;IAEb;IACA,OACEL,QAAQM,IAAI,CAAC,CAACC,SAAW,AAAC,CAAA,OAAOA,WAAW,WAAWA,SAASA,OAAOR,KAAK,AAAD,MAAOA,UAClFS,OAAOT;AAEX;AAEA;;;;CAIC,GACD,MAAMU,uBAAuB,CAACT,SAA4BU;IACxD,IAAIR,MAAMC,OAAO,CAACH,UAAU;QAC1B,OAAOA,QACJI,GAAG,CAAC,CAACG;YACJ,IAAI,OAAOA,WAAW,UAAU;gBAC9B,OAAOA;YACT;YACA,MAAMI,~~kBAAkBlB~~,~~eAAec~~,OAAOK,KAAK,EAAEF;YAErD,4DAA4D;YAC5D,OAAO,OAAOC,oBAAoB,WAAWA,kBAAkBJ,OAAOR,KAAK;QAC7E,GACCc,IAAI,CAAC;IACV;IAEA,IAAI,OAAOb,YAAY,UAAU;QAC/B,OAAOA;IACT;IAEA,MAAMW,~~kBAAkBlB~~,~~eAAeO~~,QAAQY,KAAK,EAAEF;IAEtD,OAAO,OAAOC,oBAAoB,WAAWA,kBAAkBX,QAAQD,KAAK;AAC9E;AAEA,OAAO,MAAMe,SAAyC,CAAC,EACrDC,iBAAiBC,SAAS,EAC1BC,UAAU,EACVC,KAAK,EACLC,MAAM,EACNC,YAAY,EACZC,cAAcC,OAAO,EACtB;IACC,MAAM,EAAEZ,IAAI,EAAE,~~GAAGd~~;IAEjB,~~MAAMI~~,UAAU,aAAakB,SAASA,MAAMlB,OAAO;IAEnD,MAAMuB,oBACJ,OAAOP,cAAc,cACjBP,qBACEX,mBACE,OAAOkB,cAAc,WAAWA,YAAYQ,KAAKC,SAAS,CAACT,YAC3DhB,SACAkB,MAAMjB,OAAO,GAEfS,QAEF;IAEN,MAAMgB,kBACJ,OAAOJ,YAAY,cACfb,qBACEX,mBACE,OAAOwB,YAAY,WAAWA,UAAUE,KAAKC,SAAS,CAACH,UACvDtB,SACAkB,MAAMjB,OAAO,GAEfS,QAEF;IAEN,MAAM,EAAEiB,IAAI,EAAEC,EAAE,EAAE,~~GAAGjC~~,sBAAsB;~~QACzCkC~~,UAAU,QAAQN,oBAAoB;QACtCO,QAAQ,QAAQJ,kBAAkB;QAClCK,qBAAqB;IACvB;IAEA,~~QACGrC~~,~~mBACCsC~~,WAAWnC,~~WACX8B,~~MAAMA,~~MACNjB,~~MAAMA,~~MACNE,~~OAAO;~~QACLA~~,OAAOM,MAAMN,KAAK;~~QAClBO~~;~~IACF~~,~~GACAC,~~cAAcA,~~cACdQ,~~IAAIA;AAGV,EAAC"}
1	+ {"version":3,"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 { FieldDiffContainer, getHTMLDiffComponents, useTranslation } from '@payloadcms/ui'\nimport React from 'react'\n\nimport './index.scss'\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>' + renderedValueFrom + '</p>',\n toHTML: '<p>' + 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"],"names":["getTranslation","FieldDiffContainer","getHTMLDiffComponents","useTranslation","React","baseClass","getOptionsToRender","value","options","hasMany","Array","isArray","map","val","find","option","String","getTranslatedOptions","i18n","translatedLabel","label","join","Select","comparisonValue","valueFrom","diffMethod","field","locale","nestingLevel","versionValue","valueTo","renderedValueFrom","JSON","stringify","renderedValueTo","From","To","fromHTML","toHTML","tokenizeByCharacter","className"],"mappings":"AAAA;;AAIA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,kBAAkB,EAAEC,qBAAqB,EAAEC,cAAc,QAAQ,iBAAgB;AAC1F,OAAOC,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,MAAMC,qBAAqB,CACzBC,OACAC,SACAC;IAEA,IAAIA,WAAWC,MAAMC,OAAO,CAACJ,QAAQ;QACnC,OAAOA,MAAMK,GAAG,CACd,CAACC,MACCL,QAAQM,IAAI,CAAC,CAACC,SAAW,AAAC,CAAA,OAAOA,WAAW,WAAWA,SAASA,OAAOR,KAAK,AAAD,MAAOM,QAClFG,OAAOH;IAEb;IACA,OACEL,QAAQM,IAAI,CAAC,CAACC,SAAW,AAAC,CAAA,OAAOA,WAAW,WAAWA,SAASA,OAAOR,KAAK,AAAD,MAAOA,UAClFS,OAAOT;AAEX;AAEA;;;;CAIC,GACD,MAAMU,uBAAuB,CAACT,SAA4BU;IACxD,IAAIR,MAAMC,OAAO,CAACH,UAAU;QAC1B,OAAOA,QACJI,GAAG,CAAC,CAACG;YACJ,IAAI,OAAOA,WAAW,UAAU;gBAC9B,OAAOA;YACT;YACA,MAAMI,kBAAkBnB,eAAee,OAAOK,KAAK,EAAEF;YAErD,4DAA4D;YAC5D,OAAO,OAAOC,oBAAoB,WAAWA,kBAAkBJ,OAAOR,KAAK;QAC7E,GACCc,IAAI,CAAC;IACV;IAEA,IAAI,OAAOb,YAAY,UAAU;QAC/B,OAAOA;IACT;IAEA,MAAMW,kBAAkBnB,eAAeQ,QAAQY,KAAK,EAAEF;IAEtD,OAAO,OAAOC,oBAAoB,WAAWA,kBAAkBX,QAAQD,KAAK;AAC9E;AAEA,OAAO,MAAMe,SAAyC,CAAC,EACrDC,iBAAiBC,SAAS,EAC1BC,UAAU,EACVC,KAAK,EACLC,MAAM,EACNC,YAAY,EACZC,cAAcC,OAAO,EACtB;IACC,MAAM,EAAEZ,IAAI,EAAE,GAAGf;IAEjB,MAAMK,UAAU,aAAakB,SAASA,MAAMlB,OAAO;IAEnD,MAAMuB,oBACJ,OAAOP,cAAc,cACjBP,qBACEX,mBACE,OAAOkB,cAAc,WAAWA,YAAYQ,KAAKC,SAAS,CAACT,YAC3DhB,SACAkB,MAAMjB,OAAO,GAEfS,QAEF;IAEN,MAAMgB,kBACJ,OAAOJ,YAAY,cACfb,qBACEX,mBACE,OAAOwB,YAAY,WAAWA,UAAUE,KAAKC,SAAS,CAACH,UACvDtB,SACAkB,MAAMjB,OAAO,GAEfS,QAEF;IAEN,MAAM,EAAEiB,IAAI,EAAEC,EAAE,EAAE,GAAGlC,sBAAsB;QACzCmC,UAAU,QAAQN,oBAAoB;QACtCO,QAAQ,QAAQJ,kBAAkB;QAClCK,qBAAqB;IACvB;IAEA,qBACE,QAACtC;QACCuC,WAAWnC;QACX8B,MAAMA;QACNjB,MAAMA;QACNE,OAAO;YACLA,OAAOM,MAAMN,KAAK;YAClBO;QACF;QACAC,cAAcA;QACdQ,IAAIA;;;;;;AAGV,EAAC"}

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

@@ -1,6 +1,8 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { useTranslation } from '@payloadcms/ui';
+import React from 'react';
 import './index.scss';
 import { useSelectedLocales } from '../../../Default/SelectedLocalesContext.js';
 import { DiffCollapser } from '../../DiffCollapser/index.js';
@@ -9,52 +11,92 @@ const baseClass = 'tabs-diff';
 export const Tabs = (props)=>{
     const { baseVersionField, comparisonValue: valueFrom, field, versionValue: valueTo } = props;
     const { selectedLocales } = useSelectedLocales();
-    return <div className={baseClass}>
-      {baseVersionField.tabs.map((tab, i)=>{
-        if (!tab?.fields?.length) {
-            return null;
-        }
-        const fieldTab = field.tabs?.[i];
-        return <div className={`${baseClass}__tab`} key={i}>
-            {(()=>{
-            if ('name' in fieldTab && selectedLocales && fieldTab.localized) {
-                // Named localized tab
-                return selectedLocales.map((locale, index)=>{
-                    const localizedTabProps = {
-                        ...props,
-                        comparisonValue: valueFrom?.[tab.name]?.[locale],
-                        fieldTab,
-                        locale,
-                        tab,
-                        versionValue: valueTo?.[tab.name]?.[locale]
-                    };
-                    return <div className={`${baseClass}__tab-locale`} key={[
-                        locale,
-                        index
-                    ].join('-')}>
-                      <div className={`${baseClass}__tab-locale-value`}>
-                        <Tab key={locale} {...localizedTabProps}/>
-                      </div>
-                    </div>;
-                });
-            } else if ('name' in tab && tab.name) {
-                // Named tab
-                const namedTabProps = {
-                    ...props,
-                    comparisonValue: valueFrom?.[tab.name],
-                    fieldTab,
-                    tab,
-                    versionValue: valueTo?.[tab.name]
-                };
-                return <Tab key={i} {...namedTabProps}/>;
-            } else {
-                // Unnamed tab
-                return <Tab fieldTab={fieldTab} key={i} {...props} tab={tab}/>;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: baseClass,
+        children: baseVersionField.tabs.map((tab, i)=>{
+            if (!tab?.fields?.length) {
+                return null;
             }
-        })()}
-          </div>;
-    })}
-    </div>;
+            const fieldTab = field.tabs?.[i];
+            return /*#__PURE__*/ _jsxDEV("div", {
+                className: `${baseClass}__tab`,
+                children: (()=>{
+                    if ('name' in fieldTab && selectedLocales && fieldTab.localized) {
+                        // Named localized tab
+                        return selectedLocales.map((locale, index)=>{
+                            const localizedTabProps = {
+                                ...props,
+                                comparisonValue: valueFrom?.[tab.name]?.[locale],
+                                fieldTab,
+                                locale,
+                                tab,
+                                versionValue: valueTo?.[tab.name]?.[locale]
+                            };
+                            return /*#__PURE__*/ _jsxDEV("div", {
+                                className: `${baseClass}__tab-locale`,
+                                children: /*#__PURE__*/ _jsxDEV("div", {
+                                    className: `${baseClass}__tab-locale-value`,
+                                    children: /*#__PURE__*/ _jsxDEV(Tab, {
+                                        ...localizedTabProps
+                                    }, locale, false, {
+                                        fileName: "src/views/Version/RenderFieldsToDiff/fields/Tabs/index.tsx",
+                                        lineNumber: 49,
+                                        columnNumber: 25
+                                    }, this)
+                                }, void 0, false, {
+                                    fileName: "src/views/Version/RenderFieldsToDiff/fields/Tabs/index.tsx",
+                                    lineNumber: 48,
+                                    columnNumber: 23
+                                }, this)
+                            }, [
+                                locale,
+                                index
+                            ].join('-'), false, {
+                                fileName: "src/views/Version/RenderFieldsToDiff/fields/Tabs/index.tsx",
+                                lineNumber: 47,
+                                columnNumber: 21
+                            }, this);
+                        });
+                    } else if ('name' in tab && tab.name) {
+                        // Named tab
+                        const namedTabProps = {
+                            ...props,
+                            comparisonValue: valueFrom?.[tab.name],
+                            fieldTab,
+                            tab,
+                            versionValue: valueTo?.[tab.name]
+                        };
+                        return /*#__PURE__*/ _jsxDEV(Tab, {
+                            ...namedTabProps
+                        }, i, false, {
+                            fileName: "src/views/Version/RenderFieldsToDiff/fields/Tabs/index.tsx",
+                            lineNumber: 63,
+                            columnNumber: 24
+                        }, this);
+                    } else {
+                        // Unnamed tab
+                        return /*#__PURE__*/ _jsxDEV(Tab, {
+                            fieldTab: fieldTab,
+                            ...props,
+                            tab: tab
+                        }, i, false, {
+                            fileName: "src/views/Version/RenderFieldsToDiff/fields/Tabs/index.tsx",
+                            lineNumber: 66,
+                            columnNumber: 24
+                        }, this);
+                    }
+                })()
+            }, i, false, {
+                fileName: "src/views/Version/RenderFieldsToDiff/fields/Tabs/index.tsx",
+                lineNumber: 33,
+                columnNumber: 11
+            }, this);
+        })
+    }, void 0, false, {
+        fileName: "src/views/Version/RenderFieldsToDiff/fields/Tabs/index.tsx",
+        lineNumber: 26,
+        columnNumber: 5
+    }, this);
 };
 const Tab = ({ comparisonValue: valueFrom, fieldTab, locale, parentIsLocalized, tab, versionValue: valueTo })=>{
     const { i18n } = useTranslation();
@@ -62,12 +104,41 @@ const Tab = ({ comparisonValue: valueFrom, fieldTab, locale, parentIsLocalized,
     if (!tab.fields?.length) {
         return null;
     }
-    return <DiffCollapser fields={fieldTab.fields} Label={'label' in tab && tab.label && typeof tab.label !== 'function' && <span>
-            {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}
-            {getTranslation(tab.label, i18n)}
-          </span>} locales={selectedLocales} parentIsLocalized={parentIsLocalized || fieldTab.localized} valueFrom={valueFrom} valueTo={valueTo}>
-      <RenderVersionFieldsToDiff versionFields={tab.fields}/>
-    </DiffCollapser>;
+    return /*#__PURE__*/ _jsxDEV(DiffCollapser, {
+        fields: fieldTab.fields,
+        Label: 'label' in tab && tab.label && typeof tab.label !== 'function' && /*#__PURE__*/ _jsxDEV("span", {
+            children: [
+                locale && /*#__PURE__*/ _jsxDEV("span", {
+                    className: `${baseClass}__locale-label`,
+                    children: locale
+                }, void 0, false, {
+                    fileName: "src/views/Version/RenderFieldsToDiff/fields/Tabs/index.tsx",
+                    lineNumber: 104,
+                    columnNumber: 24
+                }, void 0),
+                getTranslation(tab.label, i18n)
+            ]
+        }, void 0, true, {
+            fileName: "src/views/Version/RenderFieldsToDiff/fields/Tabs/index.tsx",
+            lineNumber: 103,
+            columnNumber: 11
+        }, void 0),
+        locales: selectedLocales,
+        parentIsLocalized: parentIsLocalized || fieldTab.localized,
+        valueFrom: valueFrom,
+        valueTo: valueTo,
+        children: /*#__PURE__*/ _jsxDEV(RenderVersionFieldsToDiff, {
+            versionFields: tab.fields
+        }, void 0, false, {
+            fileName: "src/views/Version/RenderFieldsToDiff/fields/Tabs/index.tsx",
+            lineNumber: 114,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/views/Version/RenderFieldsToDiff/fields/Tabs/index.tsx",
+        lineNumber: 97,
+        columnNumber: 5
+    }, this);
 };
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"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 { useTranslation } from '@payloadcms/ui'\nimport React from 'react'\n\nimport './index.scss'\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 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"],"names":["getTranslation","useTranslation","useSelectedLocales","DiffCollapser","RenderVersionFieldsToDiff","baseClass","Tabs","props","baseVersionField","comparisonValue","valueFrom","field","versionValue","valueTo","selectedLocales","div","className","tabs","map","tab","i","fields","length","fieldTab","~~key","~~localized","locale","index","localizedTabProps","name","~~join~~","~~Tab~~","namedTabProps","parentIsLocalized","i18n","Label","label","span","locales","versionFields"],"mappings":"AAAA;AASA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,cAAc,QAAQ,iBAAgB;~~AAG~~/C,OAAO,eAAc;AACrB,SAASC,kBAAkB,QAAQ,6CAA4C;AAC/E,SAASC,aAAa,QAAQ,+BAA8B;AAC5D,SAASC,yBAAyB,QAAQ,qCAAoC;AAE9E,MAAMC,YAAY;AAElB,OAAO,MAAMC,OAAqC,CAACC;IACjD,MAAM,EAAEC,gBAAgB,EAAEC,iBAAiBC,SAAS,EAAEC,KAAK,EAAEC,cAAcC,OAAO,EAAE,GAAGN;IACvF,MAAM,EAAEO,eAAe,EAAE,GAAGZ;IAE5B,~~QACGa~~,~~IAAIC~~,WAAWX~~,WAAW~~;~~MACzB~~,~~CAACG,~~iBAAiBS,IAAI,CAACC,GAAG,CAAC,CAACC,KAAKC;~~QAC~~/B,IAAI,CAACD,KAAKE,QAAQC,QAAQ;~~YACxB~~,OAAO;~~QACT~~;~~QACA~~,MAAMC,WAAWZ,MAAMM,IAAI,EAAE,CAACG,EAAE;~~QAChC~~,~~QACGL~~,~~IAAIC~~,WAAW,GAAGX,UAAU,KAAK,CAAC~~,EAAEmB,KAAKJ,GAAG~~;~~YAC3C~~,~~CAAC,~~AAAC,CAAA;~~YACA~~,IAAI,~~UAAUG~~,YAAYT,mBAAmBS,~~SAASE~~,SAAS,EAAE;~~gBAC~~/D,sBAAsB;~~gBACtB~~,~~OAAOX~~,gBAAgBI,GAAG,CAAC,~~CAACQ~~,QAAQC;~~oBAClC~~,MAAMC,oBAA8B;~~wBAClC~~,~~GAAGrB~~,KAAK;~~wBACRE~~,iBAAiBC,WAAW,CAACS,~~IAAIU~~,IAAI,CAAC,EAAE,CAACH,OAAO;~~wBAChDH~~;~~wBACAG~~;~~wBACAP~~;~~wBACAP~~,cAAcC,SAAS,CAACM,~~IAAIU~~,IAAI,CAAC,EAAE,CAACH,OAAO;~~oBAC7C~~;~~oBACA~~,~~QACGX~~,~~IAAIC~~,WAAW,GAAGX,UAAU,YAAY,CAAC~~,EAAEmB,KAAK~~;~~wBAACE;wBAAQC;qBAAM~~,~~CAACG~~,~~IAAI,CAAC,MAAM~~;~~sBAC1E~~,~~CAACf,IAAIC,~~WAAW,GAAGX,UAAU,kBAAkB,CAAC~~,EAAE~~;~~wBAChD~~,~~CAAC0B~~,~~IAAIP~~,~~KAAKE~~,~~SAAS,GAAGE,~~iBAAiB~~,GAAI~~;~~sBAC7C~~,~~EAAEb~~,IAAI~~;oBACR~~,~~EAAEA~~;~~gBAEN;YACF~~,OAAO,IAAI,~~UAAUI~~,OAAOA,~~IAAIU~~,IAAI,EAAE;~~gBACpC~~,YAAY;~~gBACZ~~,MAAMG,gBAA0B;~~oBAC9B~~,~~GAAGzB~~,KAAK;~~oBACRE~~,iBAAiBC,WAAW,CAACS,~~IAAIU~~,IAAI,CAAC;~~oBACtCN~~;~~oBACAJ~~;~~oBACAP~~,cAAcC,SAAS,CAACM,~~IAAIU~~,IAAI,CAAC;~~gBACnC~~;~~gBACA~~,~~QAAQE~~,~~IAAIP~~,~~KAAKJ~~,~~IAAI,GAAGY,~~aAAa;~~YACvC~~,OAAO;~~gBACL~~,cAAc;~~gBACd~~,~~QAAQD~~,~~IAAIR~~,UAAUA,~~UAAUC~~,~~KAAKJ,IAAI,GAAGb,~~KAAK,~~EAAEY,~~KAAKA;~~YAC1D~~;~~QACF~~,CAAA~~,IAAK~~;~~UACP~~,~~EAAEJ;IAEN,GAAG;IACL,EAAEA;AAEN,~~EAAC;AAOD,~~MAAMgB~~,MAA0B,CAAC,EAC/~~BtB~~,iBAAiBC,SAAS,EAC1Ba,QAAQ,~~EACRG~~,MAAM,EACNO,iBAAiB,~~EACjBd~~,GAAG,EACHP,cAAcC,OAAO,EACtB;IACC,MAAM,~~EAAEqB~~,IAAI,EAAE,GAAGjC;IACjB,MAAM,~~EAAEa~~,eAAe,EAAE,GAAGZ;IAE5B,IAAI,CAACiB,IAAIE,MAAM,EAAEC,QAAQ;QACvB,OAAO;IACT;IAEA,~~QACGnB~~,~~cACCkB~~,QAAQE,SAASF,MAAM,~~EACvBc,~~OACE,~~WAAWhB~~,OACXA,~~IAAIiB~~,KAAK,IACT,~~OAAOjB~~,~~IAAIiB~~,KAAK,KAAK,~~eAClBC~~,~~KAAK;YACJ~~,~~CAACX~~,~~WAAWW~~,~~KAAKrB,~~WAAW,GAAGX,UAAU,cAAc,CAAC~~,GAAGqB,SAASW,MAAM~~;~~YAC1E~~,~~CAACrC~~,~~eAAemB~~,~~IAAIiB,~~KAAK,EAAEF,~~MAAM~~;~~UACnC~~,~~EAAEG,OAGNC,SAASxB,iBACTmB,~~mBAAmBA,~~qBAAqBV~~,~~SAASE~~,SAAS,~~EAC1Df,~~WAAWA,~~WACXG,~~SAASA~~,SACV~~;~~MACC~~,~~CAACT~~,~~0BAA0BmC~~,~~eAAepB~~,IAAIE,MAAM~~,GAAI;IAC1D,EAAElB;AAEN~~"}
1	+ {"version":3,"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 { useTranslation } from '@payloadcms/ui'\nimport React from 'react'\n\nimport './index.scss'\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 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"],"names":["getTranslation","useTranslation","React","useSelectedLocales","DiffCollapser","RenderVersionFieldsToDiff","baseClass","Tabs","props","baseVersionField","comparisonValue","valueFrom","field","versionValue","valueTo","selectedLocales","div","className","tabs","map","tab","i","fields","length","fieldTab","localized","locale","index","localizedTabProps","name","Tab","join","namedTabProps","parentIsLocalized","i18n","Label","label","span","locales","versionFields"],"mappings":"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"}