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/Text/index.js CHANGED Viewed

@@ -1,6 +1,8 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { FieldDiffContainer, getHTMLDiffComponents, useTranslation } from '@payloadcms/ui';
 import './index.scss';
+import React from 'react';
 const baseClass = 'text-diff';
 function formatValue(value) {
     if (typeof value === 'string') {
@@ -53,10 +55,21 @@ export const Text = ({ comparisonValue: valueFrom, field, locale, nestingLevel,
         toHTML: '<p>' + renderedValueTo + '</p>',
         tokenizeByCharacter
     });
-    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/Text/index.tsx",
+        lineNumber: 80,
+        columnNumber: 5
+    }, this);
 };
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Text/index.tsx"],"sourcesContent":["'use client'\nimport type { TextFieldDiffClientComponent } from 'payload'\n\nimport { FieldDiffContainer, getHTMLDiffComponents, useTranslation } from '@payloadcms/ui'\n\nimport './index.scss'\n\nimport React from 'react'\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 }\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>${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 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"],"names":["FieldDiffContainer","getHTMLDiffComponents","useTranslation","baseClass","formatValue","value","tokenizeByCharacter","String","JSON","stringify","undefined","Text","comparisonValue","valueFrom","field","locale","nestingLevel","versionValue","valueTo","i18n","placeholder","formattedValueFrom","formattedValueTo","length","renderedValueFrom","renderedValueTo","From","To","fromHTML","toHTML","className","label"],"mappings":"AAAA;AAGA,SAASA,kBAAkB,EAAEC,qBAAqB,EAAEC,cAAc,QAAQ,iBAAgB;AAE1F,OAAO,eAAc;~~AAIrB~~,MAAMC,YAAY;AAElB,SAASC,YAAYC,KAAc;IAIjC,IAAI,OAAOA,UAAU,UAAU;QAC7B,OAAO;YAAEC,qBAAqB;YAAMD;QAAM;IAC5C;IACA,IAAI,OAAOA,UAAU,UAAU;QAC7B,OAAO;YACLC,qBAAqB;YACrBD,OAAOE,OAAOF;QAChB;IACF;IACA,IAAI,OAAOA,UAAU,WAAW;QAC9B,OAAO;YACLC,qBAAqB;YACrBD,OAAOE,OAAOF;QAChB;IACF;IAEA,IAAIA,SAAS,OAAOA,UAAU,UAAU;QACtC,OAAO;YACLC,qBAAqB;YACrBD,OAAO,CAAC,KAAK,EAAEG,KAAKC,SAAS,CAACJ,OAAO,MAAM,GAAG,MAAM,CAAC;QACvD;IACF;IAEA,OAAO;QACLC,qBAAqB;QACrBD,OAAOK;IACT;AACF;AAEA,OAAO,MAAMC,OAAqC,CAAC,EACjDC,iBAAiBC,SAAS,EAC1BC,KAAK,EACLC,MAAM,EACNC,YAAY,EACZC,cAAcC,OAAO,EACtB;IACC,MAAM,EAAEC,IAAI,EAAE,~~GAAGjB~~;IAEjB,~~IAAIkB~~,cAAc;IAElB,IAAIF,WAAWL,WAAW;QACxBO,cAAc,CAAC,uCAAuC,CAAC;IACzD;IAEA,MAAMC,qBAAqBjB,YAAYS;IACvC,MAAMS,mBAAmBlB,YAAYc;IAErC,IAAIZ,sBAAsB;IAC1B,IAAIe,mBAAmBhB,KAAK,EAAEkB,QAAQ;QACpCjB,sBAAsBe,mBAAmBf,mBAAmB;IAC9D,OAAO,IAAIgB,iBAAiBjB,KAAK,EAAEkB,QAAQ;QACzCjB,sBAAsBgB,iBAAiBhB,mBAAmB;IAC5D;IAEA,MAAMkB,oBAAoBH,mBAAmBhB,KAAK,IAAIe;IACtD,MAAMK,kBAA0BH,iBAAiBjB,KAAK,IAAIe;IAE1D,MAAM,EAAEM,IAAI,EAAEC,EAAE,EAAE,~~GAAG1B~~,sBAAsB;~~QACzC2B~~,UAAU,QAAQJ,oBAAoB;QACtCK,QAAQ,QAAQJ,kBAAkB;QAClCnB;IACF;IAEA,~~QACGN~~,~~mBACC8B~~,WAAW3B,~~WACXuB,~~MAAMA,~~MACNP,~~MAAMA,~~MACNY,~~OAAO;~~QACLA~~,OAAOjB,MAAMiB,KAAK;~~QAClBhB~~;~~IACF~~,~~GACAC,~~cAAcA,~~cACdW,~~IAAIA;AAGV,EAAC"}
1	+ {"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Text/index.tsx"],"sourcesContent":["'use client'\nimport type { TextFieldDiffClientComponent } from 'payload'\n\nimport { FieldDiffContainer, getHTMLDiffComponents, useTranslation } from '@payloadcms/ui'\n\nimport './index.scss'\n\nimport React from 'react'\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 }\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>${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 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"],"names":["FieldDiffContainer","getHTMLDiffComponents","useTranslation","React","baseClass","formatValue","value","tokenizeByCharacter","String","JSON","stringify","undefined","Text","comparisonValue","valueFrom","field","locale","nestingLevel","versionValue","valueTo","i18n","placeholder","formattedValueFrom","formattedValueTo","length","renderedValueFrom","renderedValueTo","From","To","fromHTML","toHTML","className","label"],"mappings":"AAAA;;AAGA,SAASA,kBAAkB,EAAEC,qBAAqB,EAAEC,cAAc,QAAQ,iBAAgB;AAE1F,OAAO,eAAc;AAErB,OAAOC,WAAW,QAAO;AAEzB,MAAMC,YAAY;AAElB,SAASC,YAAYC,KAAc;IAIjC,IAAI,OAAOA,UAAU,UAAU;QAC7B,OAAO;YAAEC,qBAAqB;YAAMD;QAAM;IAC5C;IACA,IAAI,OAAOA,UAAU,UAAU;QAC7B,OAAO;YACLC,qBAAqB;YACrBD,OAAOE,OAAOF;QAChB;IACF;IACA,IAAI,OAAOA,UAAU,WAAW;QAC9B,OAAO;YACLC,qBAAqB;YACrBD,OAAOE,OAAOF;QAChB;IACF;IAEA,IAAIA,SAAS,OAAOA,UAAU,UAAU;QACtC,OAAO;YACLC,qBAAqB;YACrBD,OAAO,CAAC,KAAK,EAAEG,KAAKC,SAAS,CAACJ,OAAO,MAAM,GAAG,MAAM,CAAC;QACvD;IACF;IAEA,OAAO;QACLC,qBAAqB;QACrBD,OAAOK;IACT;AACF;AAEA,OAAO,MAAMC,OAAqC,CAAC,EACjDC,iBAAiBC,SAAS,EAC1BC,KAAK,EACLC,MAAM,EACNC,YAAY,EACZC,cAAcC,OAAO,EACtB;IACC,MAAM,EAAEC,IAAI,EAAE,GAAGlB;IAEjB,IAAImB,cAAc;IAElB,IAAIF,WAAWL,WAAW;QACxBO,cAAc,CAAC,uCAAuC,CAAC;IACzD;IAEA,MAAMC,qBAAqBjB,YAAYS;IACvC,MAAMS,mBAAmBlB,YAAYc;IAErC,IAAIZ,sBAAsB;IAC1B,IAAIe,mBAAmBhB,KAAK,EAAEkB,QAAQ;QACpCjB,sBAAsBe,mBAAmBf,mBAAmB;IAC9D,OAAO,IAAIgB,iBAAiBjB,KAAK,EAAEkB,QAAQ;QACzCjB,sBAAsBgB,iBAAiBhB,mBAAmB;IAC5D;IAEA,MAAMkB,oBAAoBH,mBAAmBhB,KAAK,IAAIe;IACtD,MAAMK,kBAA0BH,iBAAiBjB,KAAK,IAAIe;IAE1D,MAAM,EAAEM,IAAI,EAAEC,EAAE,EAAE,GAAG3B,sBAAsB;QACzC4B,UAAU,QAAQJ,oBAAoB;QACtCK,QAAQ,QAAQJ,kBAAkB;QAClCnB;IACF;IAEA,qBACE,QAACP;QACC+B,WAAW3B;QACXuB,MAAMA;QACNP,MAAMA;QACNY,OAAO;YACLA,OAAOjB,MAAMiB,KAAK;YAClBhB;QACF;QACAC,cAAcA;QACdW,IAAIA;;;;;;AAGV,EAAC"}

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

@@ -1,15 +1,43 @@
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { FieldDiffContainer, File, getHTMLDiffComponents } from '@payloadcms/ui/rsc';
 import './index.scss';
+import React from 'react';
 const baseClass = 'upload-diff';
 export const Upload = (args)=>{
     const { comparisonValue: valueFrom, field, i18n, locale, nestingLevel, req, versionValue: valueTo } = args;
     const hasMany = 'hasMany' in field && field.hasMany && Array.isArray(valueTo);
     const polymorphic = Array.isArray(field.relationTo);
     if (hasMany) {
-        return <HasManyUploadDiff field={field} i18n={i18n} locale={locale} nestingLevel={nestingLevel} polymorphic={polymorphic} req={req} valueFrom={valueFrom} valueTo={valueTo}/>;
+        return /*#__PURE__*/ _jsxDEV(HasManyUploadDiff, {
+            field: field,
+            i18n: i18n,
+            locale: locale,
+            nestingLevel: nestingLevel,
+            polymorphic: polymorphic,
+            req: req,
+            valueFrom: valueFrom,
+            valueTo: valueTo
+        }, void 0, false, {
+            fileName: "src/views/Version/RenderFieldsToDiff/fields/Upload/index.tsx",
+            lineNumber: 38,
+            columnNumber: 7
+        }, this);
     }
-    return <SingleUploadDiff field={field} i18n={i18n} locale={locale} nestingLevel={nestingLevel} polymorphic={polymorphic} req={req} valueFrom={valueFrom} valueTo={valueTo}/>;
+    return /*#__PURE__*/ _jsxDEV(SingleUploadDiff, {
+        field: field,
+        i18n: i18n,
+        locale: locale,
+        nestingLevel: nestingLevel,
+        polymorphic: polymorphic,
+        req: req,
+        valueFrom: valueFrom,
+        valueTo: valueTo
+    }, void 0, false, {
+        fileName: "src/views/Version/RenderFieldsToDiff/fields/Upload/index.tsx",
+        lineNumber: 52,
+        columnNumber: 5
+    }, this);
 };
 export const HasManyUploadDiff = async (args)=>{
     const { field, i18n, locale, nestingLevel, polymorphic, req, valueFrom, valueTo } = args;
@@ -26,8 +54,30 @@ export const HasManyUploadDiff = async (args)=>{
         // Non-polymorphic case
         return typeof uploadDoc === 'object' ? uploadDoc.id : uploadDoc;
     };
-    const FromComponents = valueFrom ? valueFrom.map((uploadDoc)=><UploadDocumentDiff i18n={i18n} key={getUploadDocKey(uploadDoc)} polymorphic={polymorphic} relationTo={field.relationTo} req={req} showCollectionSlug={showCollectionSlug} uploadDoc={uploadDoc}/>) : null;
-    const ToComponents = valueTo ? valueTo.map((uploadDoc)=><UploadDocumentDiff i18n={i18n} key={getUploadDocKey(uploadDoc)} polymorphic={polymorphic} relationTo={field.relationTo} req={req} showCollectionSlug={showCollectionSlug} uploadDoc={uploadDoc}/>) : null;
+    const FromComponents = valueFrom ? valueFrom.map((uploadDoc)=>/*#__PURE__*/ _jsxDEV(UploadDocumentDiff, {
+            i18n: i18n,
+            polymorphic: polymorphic,
+            relationTo: field.relationTo,
+            req: req,
+            showCollectionSlug: showCollectionSlug,
+            uploadDoc: uploadDoc
+        }, getUploadDocKey(uploadDoc), false, {
+            fileName: "src/views/Version/RenderFieldsToDiff/fields/Upload/index.tsx",
+            lineNumber: 95,
+            columnNumber: 9
+        }, this)) : null;
+    const ToComponents = valueTo ? valueTo.map((uploadDoc)=>/*#__PURE__*/ _jsxDEV(UploadDocumentDiff, {
+            i18n: i18n,
+            polymorphic: polymorphic,
+            relationTo: field.relationTo,
+            req: req,
+            showCollectionSlug: showCollectionSlug,
+            uploadDoc: uploadDoc
+        }, getUploadDocKey(uploadDoc), false, {
+            fileName: "src/views/Version/RenderFieldsToDiff/fields/Upload/index.tsx",
+            lineNumber: 108,
+            columnNumber: 9
+        }, this)) : null;
     const diffResult = getHTMLDiffComponents({
         fromHTML: `<div class="${baseClass}-hasMany">` + (FromComponents ? FromComponents.map((component)=>`<div>${ReactDOMServer.renderToStaticMarkup(component)}</div>`).join('') : '') + '</div>',
         toHTML: `<div class="${baseClass}-hasMany">` + (ToComponents ? ToComponents.map((component)=>`<div>${ReactDOMServer.renderToStaticMarkup(component)}</div>`).join('') : '') + '</div>',
@@ -35,10 +85,21 @@ export const HasManyUploadDiff = async (args)=>{
     });
     From = diffResult.From;
     To = diffResult.To;
-    return <FieldDiffContainer className={`${baseClass}-container ${baseClass}-container--hasMany`} From={From} i18n={i18n} label={{
-        label: field.label,
-        locale
-    }} nestingLevel={nestingLevel} To={To}/>;
+    return /*#__PURE__*/ _jsxDEV(FieldDiffContainer, {
+        className: `${baseClass}-container ${baseClass}-container--hasMany`,
+        From: From,
+        i18n: i18n,
+        label: {
+            label: field.label,
+            locale
+        },
+        nestingLevel: nestingLevel,
+        To: To
+    }, void 0, false, {
+        fileName: "src/views/Version/RenderFieldsToDiff/fields/Upload/index.tsx",
+        lineNumber: 143,
+        columnNumber: 5
+    }, this);
 };
 export const SingleUploadDiff = async (args)=>{
     const { field, i18n, locale, nestingLevel, polymorphic, req, valueFrom, valueTo } = args;
@@ -46,8 +107,30 @@ export const SingleUploadDiff = async (args)=>{
     let From = '';
     let To = '';
     const showCollectionSlug = Array.isArray(field.relationTo);
-    const FromComponent = valueFrom ? <UploadDocumentDiff i18n={i18n} polymorphic={polymorphic} relationTo={field.relationTo} req={req} showCollectionSlug={showCollectionSlug} uploadDoc={valueFrom}/> : null;
-    const ToComponent = valueTo ? <UploadDocumentDiff i18n={i18n} polymorphic={polymorphic} relationTo={field.relationTo} req={req} showCollectionSlug={showCollectionSlug} uploadDoc={valueTo}/> : null;
+    const FromComponent = valueFrom ? /*#__PURE__*/ _jsxDEV(UploadDocumentDiff, {
+        i18n: i18n,
+        polymorphic: polymorphic,
+        relationTo: field.relationTo,
+        req: req,
+        showCollectionSlug: showCollectionSlug,
+        uploadDoc: valueFrom
+    }, void 0, false, {
+        fileName: "src/views/Version/RenderFieldsToDiff/fields/Upload/index.tsx",
+        lineNumber: 177,
+        columnNumber: 5
+    }, this) : null;
+    const ToComponent = valueTo ? /*#__PURE__*/ _jsxDEV(UploadDocumentDiff, {
+        i18n: i18n,
+        polymorphic: polymorphic,
+        relationTo: field.relationTo,
+        req: req,
+        showCollectionSlug: showCollectionSlug,
+        uploadDoc: valueTo
+    }, void 0, false, {
+        fileName: "src/views/Version/RenderFieldsToDiff/fields/Upload/index.tsx",
+        lineNumber: 187,
+        columnNumber: 5
+    }, this) : null;
     const fromHtml = FromComponent ? ReactDOMServer.renderToStaticMarkup(FromComponent) : '<p>' + '' + '</p>';
     const toHtml = ToComponent ? ReactDOMServer.renderToStaticMarkup(ToComponent) : '<p>' + '' + '</p>';
     const diffResult = getHTMLDiffComponents({
@@ -57,10 +140,21 @@ export const SingleUploadDiff = async (args)=>{
     });
     From = diffResult.From;
     To = diffResult.To;
-    return <FieldDiffContainer className={`${baseClass}-container ${baseClass}-container--hasOne`} From={From} i18n={i18n} label={{
-        label: field.label,
-        locale
-    }} nestingLevel={nestingLevel} To={To}/>;
+    return /*#__PURE__*/ _jsxDEV(FieldDiffContainer, {
+        className: `${baseClass}-container ${baseClass}-container--hasOne`,
+        From: From,
+        i18n: i18n,
+        label: {
+            label: field.label,
+            locale
+        },
+        nestingLevel: nestingLevel,
+        To: To
+    }, void 0, false, {
+        fileName: "src/views/Version/RenderFieldsToDiff/fields/Upload/index.tsx",
+        lineNumber: 213,
+        columnNumber: 5
+    }, this);
 };
 const UploadDocumentDiff = (args)=>{
     const { i18n, polymorphic, relationTo, req, showCollectionSlug, uploadDoc } = args;
@@ -95,19 +189,74 @@ const UploadDocumentDiff = (args)=>{
     } else if (typeof uploadDoc === 'string' || typeof uploadDoc === 'number') {
         id = uploadDoc;
     }
-    return <div className={`${baseClass}`} data-enable-match="true" data-id={id} data-relation-to={relationTo}>
-      <div className={`${baseClass}__card`}>
-        <div className={`${baseClass}__thumbnail`}>
-          {thumbnailSRC?.length ? <img alt={filename} src={thumbnailSRC}/> : <File/>}
-        </div>
-        {pillLabel && <div className={`${baseClass}__pill`} data-enable-match="false">
-            <span>{pillLabel}</span>
-          </div>}
-        <div className={`${baseClass}__info`} data-enable-match="false">
-          <strong>{filename}</strong>
-        </div>
-      </div>
-    </div>;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: `${baseClass}`,
+        "data-enable-match": "true",
+        "data-id": id,
+        "data-relation-to": relationTo,
+        children: /*#__PURE__*/ _jsxDEV("div", {
+            className: `${baseClass}__card`,
+            children: [
+                /*#__PURE__*/ _jsxDEV("div", {
+                    className: `${baseClass}__thumbnail`,
+                    children: thumbnailSRC?.length ? /*#__PURE__*/ _jsxDEV("img", {
+                        alt: filename,
+                        src: thumbnailSRC
+                    }, void 0, false, {
+                        fileName: "src/views/Version/RenderFieldsToDiff/fields/Upload/index.tsx",
+                        lineNumber: 291,
+                        columnNumber: 35
+                    }, this) : /*#__PURE__*/ _jsxDEV(File, {}, void 0, false, {
+                        fileName: "src/views/Version/RenderFieldsToDiff/fields/Upload/index.tsx",
+                        lineNumber: 291,
+                        columnNumber: 79
+                    }, this)
+                }, void 0, false, {
+                    fileName: "src/views/Version/RenderFieldsToDiff/fields/Upload/index.tsx",
+                    lineNumber: 290,
+                    columnNumber: 9
+                }, this),
+                pillLabel && /*#__PURE__*/ _jsxDEV("div", {
+                    className: `${baseClass}__pill`,
+                    "data-enable-match": "false",
+                    children: /*#__PURE__*/ _jsxDEV("span", {
+                        children: pillLabel
+                    }, void 0, false, {
+                        fileName: "src/views/Version/RenderFieldsToDiff/fields/Upload/index.tsx",
+                        lineNumber: 295,
+                        columnNumber: 13
+                    }, this)
+                }, void 0, false, {
+                    fileName: "src/views/Version/RenderFieldsToDiff/fields/Upload/index.tsx",
+                    lineNumber: 294,
+                    columnNumber: 11
+                }, this),
+                /*#__PURE__*/ _jsxDEV("div", {
+                    className: `${baseClass}__info`,
+                    "data-enable-match": "false",
+                    children: /*#__PURE__*/ _jsxDEV("strong", {
+                        children: filename
+                    }, void 0, false, {
+                        fileName: "src/views/Version/RenderFieldsToDiff/fields/Upload/index.tsx",
+                        lineNumber: 299,
+                        columnNumber: 11
+                    }, this)
+                }, void 0, false, {
+                    fileName: "src/views/Version/RenderFieldsToDiff/fields/Upload/index.tsx",
+                    lineNumber: 298,
+                    columnNumber: 9
+                }, this)
+            ]
+        }, void 0, true, {
+            fileName: "src/views/Version/RenderFieldsToDiff/fields/Upload/index.tsx",
+            lineNumber: 289,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/views/Version/RenderFieldsToDiff/fields/Upload/index.tsx",
+        lineNumber: 283,
+        columnNumber: 5
+    }, this);
 };
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"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 { FieldDiffContainer, File, getHTMLDiffComponents } from '@payloadcms/ui/rsc'\n\nimport './index.scss'\n\nimport React from 'react'\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 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={filename} 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"],"names":["getTranslation","FieldDiffContainer","File","getHTMLDiffComponents","baseClass","Upload","args","comparisonValue","valueFrom","field","i18n","locale","nestingLevel","req","versionValue","valueTo","hasMany","Array","isArray","polymorphic","relationTo","HasManyUploadDiff","SingleUploadDiff","ReactDOMServer","default","From","To","showCollectionSlug","getUploadDocKey","uploadDoc","value","id","FromComponents","map","UploadDocumentDiff","key","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","div","data-enable-match","data-id","data-relation-to","length","img","alt","src","span","strong"],"mappings":"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"}
1	+ {"version":3,"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 { FieldDiffContainer, File, getHTMLDiffComponents } from '@payloadcms/ui/rsc'\n\nimport './index.scss'\n\nimport React from 'react'\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 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={filename} 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"],"names":["getTranslation","FieldDiffContainer","File","getHTMLDiffComponents","React","baseClass","Upload","args","comparisonValue","valueFrom","field","i18n","locale","nestingLevel","req","versionValue","valueTo","hasMany","Array","isArray","polymorphic","relationTo","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","div","data-enable-match","data-id","data-relation-to","length","img","alt","src","span","strong"],"mappings":"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"}

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

@@ -1,8 +1,16 @@
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { buildVersionFields } from './buildVersionFields.js';
 import { RenderVersionFieldsToDiff } from './RenderVersionFieldsToDiff.js';
 export const RenderDiff = (args)=>{
     const { versionFields } = buildVersionFields(args);
-    return <RenderVersionFieldsToDiff parent={true} versionFields={versionFields}/>;
+    return /*#__PURE__*/ _jsxDEV(RenderVersionFieldsToDiff, {
+        parent: true,
+        versionFields: versionFields
+    }, void 0, false, {
+        fileName: "src/views/Version/RenderFieldsToDiff/index.tsx",
+        lineNumber: 7,
+        columnNumber: 10
+    }, this);
 };
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/views/Version/RenderFieldsToDiff/index.tsx"],"sourcesContent":["import { buildVersionFields, type BuildVersionFieldsArgs } from './buildVersionFields.js'\nimport { RenderVersionFieldsToDiff } from './RenderVersionFieldsToDiff.js'\n\nexport const RenderDiff = (args: BuildVersionFieldsArgs): React.ReactNode => {\n const { versionFields } = buildVersionFields(args)\n\n return <RenderVersionFieldsToDiff parent={true} versionFields={versionFields} />\n}\n"],"names":["buildVersionFields","RenderVersionFieldsToDiff","RenderDiff","args","versionFields","parent"],"mappings":"AAAA,SAASA,kBAAkB,QAAqC,0BAAyB;AACzF,SAASC,yBAAyB,QAAQ,iCAAgC;AAE1E,OAAO,MAAMC,aAAa,CAACC;IACzB,MAAM,EAAEC,aAAa,EAAE,GAAGJ,mBAAmBG;IAE7C,~~QAAQF~~,~~0BAA0BI~~,QAAQ,~~MAAMD,~~eAAeA;AACjE,EAAC"}
1	+ {"version":3,"sources":["../../../../src/views/Version/RenderFieldsToDiff/index.tsx"],"sourcesContent":["import { buildVersionFields, type BuildVersionFieldsArgs } from './buildVersionFields.js'\nimport { RenderVersionFieldsToDiff } from './RenderVersionFieldsToDiff.js'\n\nexport const RenderDiff = (args: BuildVersionFieldsArgs): React.ReactNode => {\n const { versionFields } = buildVersionFields(args)\n\n return <RenderVersionFieldsToDiff parent={true} versionFields={versionFields} />\n}\n"],"names":["buildVersionFields","RenderVersionFieldsToDiff","RenderDiff","args","versionFields","parent"],"mappings":";AAAA,SAASA,kBAAkB,QAAqC,0BAAyB;AACzF,SAASC,yBAAyB,QAAQ,iCAAgC;AAE1E,OAAO,MAAMC,aAAa,CAACC;IACzB,MAAM,EAAEC,aAAa,EAAE,GAAGJ,mBAAmBG;IAE7C,qBAAO,QAACF;QAA0BI,QAAQ;QAAMD,eAAeA;;;;;;AACjE,EAAC"}

package/dist/views/Version/Restore/index.js CHANGED Viewed

@@ -1,11 +1,12 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { Button, ConfirmationModal, PopupList, toast, useConfig, useModal, useRouteTransition, useTranslation } from '@payloadcms/ui';
 import { requests } from '@payloadcms/ui/shared';
 import { useRouter } from 'next/navigation.js';
 import { formatAdminURL } from 'payload/shared';
 import './index.scss';
-import { Fragment, useCallback, useState } from 'react';
+import React, { Fragment, useCallback, useState } from 'react';
 const baseClass = 'restore-version';
 const modalSlug = 'restore-version';
 export const Restore = ({ className, collectionConfig, globalConfig, label, originalDocID, status, versionDateFormatted, versionID })=>{
@@ -63,26 +64,65 @@ export const Restore = ({ className, collectionConfig, globalConfig, label, orig
         router,
         t
     ]);
-    return <Fragment>
-      <div className={[
-        baseClass,
-        className
-    ].filter(Boolean).join(' ')}>
-        <Button buttonStyle="primary" className={[
-        canRestoreAsDraft && `${baseClass}__restore-as-draft-button`
-    ].filter(Boolean).join(' ')} onClick={()=>toggleModal(modalSlug)} size="xsmall" SubMenuPopupContent={canRestoreAsDraft ? ()=><PopupList.ButtonGroup>
-                    <PopupList.Button onClick={()=>[
-                setDraft(true),
-                toggleModal(modalSlug)
-            ]}>
-                      {t('version:restoreAsDraft')}
-                    </PopupList.Button>
-                  </PopupList.ButtonGroup> : null}>
-          {t('version:restoreThisVersion')}
-        </Button>
-      </div>
-      <ConfirmationModal body={restoreMessage} confirmingLabel={t('version:restoring')} heading={t('version:confirmVersionRestoration')} modalSlug={modalSlug} onConfirm={handleRestore}/>
-    </Fragment>;
+    return /*#__PURE__*/ _jsxDEV(Fragment, {
+        children: [
+            /*#__PURE__*/ _jsxDEV("div", {
+                className: [
+                    baseClass,
+                    className
+                ].filter(Boolean).join(' '),
+                children: /*#__PURE__*/ _jsxDEV(Button, {
+                    buttonStyle: "primary",
+                    className: [
+                        canRestoreAsDraft && `${baseClass}__restore-as-draft-button`
+                    ].filter(Boolean).join(' '),
+                    onClick: ()=>toggleModal(modalSlug),
+                    size: "xsmall",
+                    SubMenuPopupContent: canRestoreAsDraft ? ()=>/*#__PURE__*/ _jsxDEV(PopupList.ButtonGroup, {
+                            children: /*#__PURE__*/ _jsxDEV(PopupList.Button, {
+                                onClick: ()=>[
+                                        setDraft(true),
+                                        toggleModal(modalSlug)
+                                    ],
+                                children: t('version:restoreAsDraft')
+                            }, void 0, false, {
+                                fileName: "src/views/Version/Restore/index.tsx",
+                                lineNumber: 130,
+                                columnNumber: 21
+                            }, void 0)
+                        }, void 0, false, {
+                            fileName: "src/views/Version/Restore/index.tsx",
+                            lineNumber: 129,
+                            columnNumber: 19
+                        }, void 0) : null,
+                    children: t('version:restoreThisVersion')
+                }, void 0, false, {
+                    fileName: "src/views/Version/Restore/index.tsx",
+                    lineNumber: 119,
+                    columnNumber: 9
+                }, this)
+            }, void 0, false, {
+                fileName: "src/views/Version/Restore/index.tsx",
+                lineNumber: 118,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(ConfirmationModal, {
+                body: restoreMessage,
+                confirmingLabel: t('version:restoring'),
+                heading: t('version:confirmVersionRestoration'),
+                modalSlug: modalSlug,
+                onConfirm: handleRestore
+            }, void 0, false, {
+                fileName: "src/views/Version/Restore/index.tsx",
+                lineNumber: 141,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/views/Version/Restore/index.tsx",
+        lineNumber: 117,
+        columnNumber: 5
+    }, this);
 };
 //# sourceMappingURL=index.js.map

package/dist/views/Version/Restore/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/views/Version/Restore/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, ClientGlobalConfig, SanitizedCollectionConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n Button,\n ConfirmationModal,\n PopupList,\n toast,\n useConfig,\n useModal,\n useRouteTransition,\n useTranslation,\n} from '@payloadcms/ui'\nimport { requests } from '@payloadcms/ui/shared'\nimport { useRouter } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\n\nimport './index.scss'\n\nimport React, { Fragment, useCallback, useState } from 'react'\n\nconst baseClass = 'restore-version'\nconst modalSlug = 'restore-version'\n\ntype Props = {\n className?: string\n collectionConfig?: ClientCollectionConfig\n globalConfig?: ClientGlobalConfig\n label: SanitizedCollectionConfig['labels']['singular']\n originalDocID: number \| string\n status?: string\n versionDateFormatted: string\n versionID: string\n}\n\nexport const Restore: React.FC<Props> = ({\n className,\n collectionConfig,\n globalConfig,\n label,\n originalDocID,\n status,\n versionDateFormatted,\n versionID,\n}) => {\n const {\n config: {\n routes: { admin: adminRoute, api: apiRoute },\n serverURL,\n },\n } = useConfig()\n\n const { toggleModal } = useModal()\n const router = useRouter()\n const { i18n, t } = useTranslation()\n const [draft, setDraft] = useState(false)\n const { startRouteTransition } = useRouteTransition()\n\n const restoreMessage = t('version:aboutToRestoreGlobal', {\n label: getTranslation(label, i18n),\n versionDate: versionDateFormatted,\n })\n\n const canRestoreAsDraft = status !== 'draft' && collectionConfig?.versions?.drafts\n\n const handleRestore = useCallback(async () => {\n let fetchURL = `${serverURL}${apiRoute}`\n let redirectURL: string\n\n if (collectionConfig) {\n fetchURL = `${fetchURL}/${collectionConfig.slug}/versions/${versionID}?draft=${draft}`\n redirectURL = formatAdminURL({\n adminRoute,\n path: `/collections/${collectionConfig.slug}/${originalDocID}`,\n })\n }\n\n if (globalConfig) {\n fetchURL = `${fetchURL}/globals/${globalConfig.slug}/versions/${versionID}?draft=${draft}`\n redirectURL = formatAdminURL({\n adminRoute,\n path: `/globals/${globalConfig.slug}`,\n })\n }\n\n const res = await requests.post(fetchURL, {\n headers: {\n 'Accept-Language': i18n.language,\n },\n })\n\n if (res.status === 200) {\n const json = await res.json()\n toast.success(json.message)\n return startRouteTransition(() => router.push(redirectURL))\n } else {\n toast.error(t('version:problemRestoringVersion'))\n }\n }, [\n serverURL,\n apiRoute,\n collectionConfig,\n globalConfig,\n i18n.language,\n versionID,\n draft,\n adminRoute,\n originalDocID,\n startRouteTransition,\n router,\n t,\n ])\n\n return (\n <Fragment>\n <div className={[baseClass, className].filter(Boolean).join(' ')}>\n <Button\n buttonStyle=\"primary\"\n className={[canRestoreAsDraft && `${baseClass}__restore-as-draft-button`]\n .filter(Boolean)\n .join(' ')}\n onClick={() => toggleModal(modalSlug)}\n size=\"xsmall\"\n SubMenuPopupContent={\n canRestoreAsDraft\n ? () => (\n <PopupList.ButtonGroup>\n <PopupList.Button onClick={() => [setDraft(true), toggleModal(modalSlug)]}>\n {t('version:restoreAsDraft')}\n </PopupList.Button>\n </PopupList.ButtonGroup>\n )\n : null\n }\n >\n {t('version:restoreThisVersion')}\n </Button>\n </div>\n <ConfirmationModal\n body={restoreMessage}\n confirmingLabel={t('version:restoring')}\n heading={t('version:confirmVersionRestoration')}\n modalSlug={modalSlug}\n onConfirm={handleRestore}\n />\n </Fragment>\n )\n}\n"],"names":["getTranslation","Button","ConfirmationModal","PopupList","toast","useConfig","useModal","useRouteTransition","useTranslation","requests","useRouter","formatAdminURL","Fragment","useCallback","useState","baseClass","modalSlug","Restore","className","collectionConfig","globalConfig","label","originalDocID","status","versionDateFormatted","versionID","config","routes","admin","adminRoute","api","apiRoute","serverURL","toggleModal","router","i18n","t","draft","setDraft","startRouteTransition","restoreMessage","versionDate","canRestoreAsDraft","versions","drafts","handleRestore","fetchURL","redirectURL","slug","path","res","post","headers","language","json","success","message","push","error","div","filter","Boolean","join","buttonStyle","onClick","size","SubMenuPopupContent","ButtonGroup","body","confirmingLabel","heading","onConfirm"],"mappings":"AAAA;AAIA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SACEC,MAAM,EACNC,iBAAiB,EACjBC,SAAS,EACTC,KAAK,EACLC,SAAS,EACTC,QAAQ,EACRC,kBAAkB,EAClBC,cAAc,QACT,iBAAgB;AACvB,SAASC,QAAQ,QAAQ,wBAAuB;AAChD,SAASC,SAAS,QAAQ,qBAAoB;AAC9C,SAASC,cAAc,QAAQ,iBAAgB;AAE/C,OAAO,eAAc;AAErB,~~SAAgBC~~,QAAQ,EAAEC,WAAW,EAAEC,QAAQ,QAAQ,QAAO;AAE9D,MAAMC,YAAY;AAClB,MAAMC,YAAY;AAalB,OAAO,MAAMC,UAA2B,CAAC,EACvCC,SAAS,EACTC,gBAAgB,EAChBC,YAAY,EACZC,KAAK,EACLC,aAAa,EACbC,MAAM,EACNC,oBAAoB,EACpBC,SAAS,EACV;IACC,MAAM,EACJC,QAAQ,EACNC,QAAQ,EAAEC,OAAOC,UAAU,EAAEC,KAAKC,QAAQ,EAAE,EAC5CC,SAAS,EACV,EACF,~~GAAG3B~~;IAEJ,MAAM,~~EAAE4B~~,WAAW,EAAE,~~GAAG3B~~;IACxB,~~MAAM4B~~,~~SAASxB~~;IACf,MAAM,~~EAAEyB~~,IAAI,EAAEC,CAAC,EAAE,~~GAAG5B~~;IACpB,MAAM,~~CAAC6B~~,OAAOC,SAAS,GAAGxB,SAAS;IACnC,MAAM,EAAEyB,oBAAoB,EAAE,~~GAAGhC~~;IAEjC,~~MAAMiC~~,iBAAiBJ,EAAE,gCAAgC;QACvDf,~~OAAOrB~~,~~eAAeqB~~,OAAOc;QAC7BM,aAAajB;IACf;IAEA,MAAMkB,oBAAoBnB,WAAW,WAAWJ,kBAAkBwB,UAAUC;IAE5E,MAAMC,gBAAgBhC,YAAY;QAChC,IAAIiC,WAAW,GAAGd,YAAYD,UAAU;QACxC,IAAIgB;QAEJ,IAAI5B,kBAAkB;YACpB2B,WAAW,GAAGA,SAAS,CAAC,EAAE3B,iBAAiB6B,IAAI,CAAC,UAAU,EAAEvB,UAAU,OAAO,EAAEY,OAAO;YACtFU,~~cAAcpC~~,eAAe;~~gBAC3BkB~~;gBACAoB,MAAM,CAAC,aAAa,EAAE9B,iBAAiB6B,IAAI,CAAC,CAAC,EAAE1B,eAAe;YAChE;QACF;QAEA,IAAIF,cAAc;YAChB0B,WAAW,GAAGA,SAAS,SAAS,EAAE1B,aAAa4B,IAAI,CAAC,UAAU,EAAEvB,UAAU,OAAO,EAAEY,OAAO;YAC1FU,~~cAAcpC~~,eAAe;~~gBAC3BkB~~;gBACAoB,MAAM,CAAC,SAAS,EAAE7B,aAAa4B,IAAI,EAAE;YACvC;QACF;QAEA,MAAME,MAAM,~~MAAMzC~~,~~SAAS0C~~,IAAI,CAACL,UAAU;YACxCM,SAAS;gBACP,mBAAmBjB,KAAKkB,QAAQ;YAClC;QACF;QAEA,IAAIH,IAAI3B,MAAM,KAAK,KAAK;YACtB,MAAM+B,OAAO,MAAMJ,IAAII,IAAI;~~YAC3BlD~~,~~MAAMmD~~,OAAO,CAACD,KAAKE,OAAO;YAC1B,OAAOjB,qBAAqB,IAAML,OAAOuB,IAAI,CAACV;QAChD,OAAO;~~YACL3C~~,~~MAAMsD~~,KAAK,CAACtB,EAAE;QAChB;IACF,GAAG;QACDJ;QACAD;QACAZ;QACAC;QACAe,KAAKkB,QAAQ;QACb5B;QACAY;QACAR;QACAP;QACAiB;QACAL;QACAE;KACD;IAED,~~QACGxB~~,~~SAAS;MACR~~,~~CAAC~~+C,~~IAAIzC,~~WAAW;~~QAACH~~;~~QAAWG~~;~~KAAU~~,CAAC0C,MAAM,CAACC,SAASC,IAAI,CAAC~~,MAAM~~;~~QAChE~~,~~CAAC7D~~,~~OACC8D~~,~~YAAY~~,~~UACZ7C,~~WAAW;~~QAACwB~~,qBAAqB,GAAG3B,UAAU,yBAAyB,CAAC;~~KAAC~~,CACtE6C,MAAM,CAACC,SACPC,IAAI,CAAC,~~MACRE,~~SAAS,IAAM/B,YAAYjB,~~YAC3BiD~~,~~KAAK,SACLC,~~qBACExB,oBACI,~~KACGvC~~,~~UAAUgE~~,~~YAAY~~;~~oBACrB~~,~~CAAChE~~,UAAUF,~~OAAO+D~~,SAAS,IAAM;~~gBAAC1B~~,SAAS;~~gBAAOL~~,YAAYjB;~~aAAW,EAAE~~;~~sBACzE~~,~~CAACoB,~~EAAE~~,0BAA0B~~;~~oBAC/B~~,~~EAAEjC,UAAUF,OAAO;kBACrB,EAAEE,UAAUgE,eAEd,MAEP;UACC,CAAC/B,~~EAAE,~~8BAA8B~~;~~QACnC~~,~~EAAEnC,OAAO~~;~~MACX,EAAE0D,IAAI;MACN,CAACzD,kBACCkE,MAAM5B,~~gBACN6B,iBAAiBjC,EAAE,~~sBACnBkC,~~SAASlC,EAAE,~~sCACXpB,~~WAAWA,~~WACXuD,~~WAAW1B,~~gBACX;IACJ,EAAEjC;AAEN,~~EAAC"}
1	+ {"version":3,"sources":["../../../../src/views/Version/Restore/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, ClientGlobalConfig, SanitizedCollectionConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n Button,\n ConfirmationModal,\n PopupList,\n toast,\n useConfig,\n useModal,\n useRouteTransition,\n useTranslation,\n} from '@payloadcms/ui'\nimport { requests } from '@payloadcms/ui/shared'\nimport { useRouter } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\n\nimport './index.scss'\n\nimport React, { Fragment, useCallback, useState } from 'react'\n\nconst baseClass = 'restore-version'\nconst modalSlug = 'restore-version'\n\ntype Props = {\n className?: string\n collectionConfig?: ClientCollectionConfig\n globalConfig?: ClientGlobalConfig\n label: SanitizedCollectionConfig['labels']['singular']\n originalDocID: number \| string\n status?: string\n versionDateFormatted: string\n versionID: string\n}\n\nexport const Restore: React.FC<Props> = ({\n className,\n collectionConfig,\n globalConfig,\n label,\n originalDocID,\n status,\n versionDateFormatted,\n versionID,\n}) => {\n const {\n config: {\n routes: { admin: adminRoute, api: apiRoute },\n serverURL,\n },\n } = useConfig()\n\n const { toggleModal } = useModal()\n const router = useRouter()\n const { i18n, t } = useTranslation()\n const [draft, setDraft] = useState(false)\n const { startRouteTransition } = useRouteTransition()\n\n const restoreMessage = t('version:aboutToRestoreGlobal', {\n label: getTranslation(label, i18n),\n versionDate: versionDateFormatted,\n })\n\n const canRestoreAsDraft = status !== 'draft' && collectionConfig?.versions?.drafts\n\n const handleRestore = useCallback(async () => {\n let fetchURL = `${serverURL}${apiRoute}`\n let redirectURL: string\n\n if (collectionConfig) {\n fetchURL = `${fetchURL}/${collectionConfig.slug}/versions/${versionID}?draft=${draft}`\n redirectURL = formatAdminURL({\n adminRoute,\n path: `/collections/${collectionConfig.slug}/${originalDocID}`,\n })\n }\n\n if (globalConfig) {\n fetchURL = `${fetchURL}/globals/${globalConfig.slug}/versions/${versionID}?draft=${draft}`\n redirectURL = formatAdminURL({\n adminRoute,\n path: `/globals/${globalConfig.slug}`,\n })\n }\n\n const res = await requests.post(fetchURL, {\n headers: {\n 'Accept-Language': i18n.language,\n },\n })\n\n if (res.status === 200) {\n const json = await res.json()\n toast.success(json.message)\n return startRouteTransition(() => router.push(redirectURL))\n } else {\n toast.error(t('version:problemRestoringVersion'))\n }\n }, [\n serverURL,\n apiRoute,\n collectionConfig,\n globalConfig,\n i18n.language,\n versionID,\n draft,\n adminRoute,\n originalDocID,\n startRouteTransition,\n router,\n t,\n ])\n\n return (\n <Fragment>\n <div className={[baseClass, className].filter(Boolean).join(' ')}>\n <Button\n buttonStyle=\"primary\"\n className={[canRestoreAsDraft && `${baseClass}__restore-as-draft-button`]\n .filter(Boolean)\n .join(' ')}\n onClick={() => toggleModal(modalSlug)}\n size=\"xsmall\"\n SubMenuPopupContent={\n canRestoreAsDraft\n ? () => (\n <PopupList.ButtonGroup>\n <PopupList.Button onClick={() => [setDraft(true), toggleModal(modalSlug)]}>\n {t('version:restoreAsDraft')}\n </PopupList.Button>\n </PopupList.ButtonGroup>\n )\n : null\n }\n >\n {t('version:restoreThisVersion')}\n </Button>\n </div>\n <ConfirmationModal\n body={restoreMessage}\n confirmingLabel={t('version:restoring')}\n heading={t('version:confirmVersionRestoration')}\n modalSlug={modalSlug}\n onConfirm={handleRestore}\n />\n </Fragment>\n )\n}\n"],"names":["getTranslation","Button","ConfirmationModal","PopupList","toast","useConfig","useModal","useRouteTransition","useTranslation","requests","useRouter","formatAdminURL","React","Fragment","useCallback","useState","baseClass","modalSlug","Restore","className","collectionConfig","globalConfig","label","originalDocID","status","versionDateFormatted","versionID","config","routes","admin","adminRoute","api","apiRoute","serverURL","toggleModal","router","i18n","t","draft","setDraft","startRouteTransition","restoreMessage","versionDate","canRestoreAsDraft","versions","drafts","handleRestore","fetchURL","redirectURL","slug","path","res","post","headers","language","json","success","message","push","error","div","filter","Boolean","join","buttonStyle","onClick","size","SubMenuPopupContent","ButtonGroup","body","confirmingLabel","heading","onConfirm"],"mappings":"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"}

package/dist/views/Version/SelectComparison/VersionDrawer/CreatedAtCell.js CHANGED Viewed

@@ -1,4 +1,5 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useConfig, useModal, useRouteTransition, useTranslation } from '@payloadcms/ui';
 import { formatDate } from '@payloadcms/ui/shared';
 import { usePathname, useRouter, useSearchParams } from 'next/navigation.js';
@@ -10,22 +11,29 @@ export const VersionDrawerCreatedAtCell = ({ rowData: { id, updatedAt } = {} })=
     const searchParams = useSearchParams();
     const { startRouteTransition } = useRouteTransition();
     const { i18n } = useTranslation();
-    return <button className="created-at-cell" onClick={()=>{
-        closeAllModals();
-        const current = new URLSearchParams(Array.from(searchParams.entries()));
-        if (id) {
-            current.set('versionFrom', String(id));
-        }
-        const search = current.toString();
-        const query = search ? `?${search}` : '';
-        startRouteTransition(()=>router.push(`${pathname}${query}`));
-    }} type="button">
-      {formatDate({
-        date: updatedAt,
-        i18n,
-        pattern: dateFormat
-    })}
-    </button>;
+    return /*#__PURE__*/ _jsxDEV("button", {
+        className: "created-at-cell",
+        onClick: ()=>{
+            closeAllModals();
+            const current = new URLSearchParams(Array.from(searchParams.entries()));
+            if (id) {
+                current.set('versionFrom', String(id));
+            }
+            const search = current.toString();
+            const query = search ? `?${search}` : '';
+            startRouteTransition(()=>router.push(`${pathname}${query}`));
+        },
+        type: "button",
+        children: formatDate({
+            date: updatedAt,
+            i18n,
+            pattern: dateFormat
+        })
+    }, void 0, false, {
+        fileName: "src/views/Version/SelectComparison/VersionDrawer/CreatedAtCell.tsx",
+        lineNumber: 25,
+        columnNumber: 5
+    }, this);
 };
 //# sourceMappingURL=CreatedAtCell.js.map