npm - @payloadcms/next - Versions diffs - 3.68.0-internal-debug.591ab42 → 3.68.0-internal-debug.e9b66ee - Mend

@payloadcms/next 3.68.0-internal-debug.591ab42 → 3.68.0-internal-debug.e9b66ee

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

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

@@ -1,8 +1,6 @@
 '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') {
@@ -55,21 +53,10 @@ export const Text = ({ comparisonValue: valueFrom, field, locale, nestingLevel,
         toHTML: '<p>' + renderedValueTo + '</p>',
         tokenizeByCharacter
     });
-    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);
+    return <FieldDiffContainer className={baseClass} From={From} i18n={i18n} label={{
+        label: field.label,
+        locale
+    }} nestingLevel={nestingLevel} To={To}/>;
 };
 //# 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","~~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"}
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"}

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

@@ -1,43 +1,15 @@
-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 /*#__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 <HasManyUploadDiff 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);
+    return <SingleUploadDiff field={field} i18n={i18n} locale={locale} nestingLevel={nestingLevel} polymorphic={polymorphic} req={req} valueFrom={valueFrom} valueTo={valueTo}/>;
 };
 export const HasManyUploadDiff = async (args)=>{
     const { field, i18n, locale, nestingLevel, polymorphic, req, valueFrom, valueTo } = args;
@@ -54,30 +26,8 @@ export const HasManyUploadDiff = async (args)=>{
         // Non-polymorphic case
         return typeof uploadDoc === 'object' ? uploadDoc.id : uploadDoc;
     };
-    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 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 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>',
@@ -85,21 +35,10 @@ export const HasManyUploadDiff = async (args)=>{
     });
     From = diffResult.From;
     To = diffResult.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);
+    return <FieldDiffContainer className={`${baseClass}-container ${baseClass}-container--hasMany`} From={From} i18n={i18n} label={{
+        label: field.label,
+        locale
+    }} nestingLevel={nestingLevel} To={To}/>;
 };
 export const SingleUploadDiff = async (args)=>{
     const { field, i18n, locale, nestingLevel, polymorphic, req, valueFrom, valueTo } = args;
@@ -107,30 +46,8 @@ export const SingleUploadDiff = async (args)=>{
     let From = '';
     let To = '';
     const showCollectionSlug = Array.isArray(field.relationTo);
-    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 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 fromHtml = FromComponent ? ReactDOMServer.renderToStaticMarkup(FromComponent) : '<p>' + '' + '</p>';
     const toHtml = ToComponent ? ReactDOMServer.renderToStaticMarkup(ToComponent) : '<p>' + '' + '</p>';
     const diffResult = getHTMLDiffComponents({
@@ -140,21 +57,10 @@ export const SingleUploadDiff = async (args)=>{
     });
     From = diffResult.From;
     To = diffResult.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);
+    return <FieldDiffContainer className={`${baseClass}-container ${baseClass}-container--hasOne`} From={From} i18n={i18n} label={{
+        label: field.label,
+        locale
+    }} nestingLevel={nestingLevel} To={To}/>;
 };
 const UploadDocumentDiff = (args)=>{
     const { i18n, polymorphic, relationTo, req, showCollectionSlug, uploadDoc } = args;
@@ -189,74 +95,19 @@ const UploadDocumentDiff = (args)=>{
     } else if (typeof uploadDoc === 'string' || typeof uploadDoc === 'number') {
         id = uploadDoc;
     }
-    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);
+    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>;
 };
 //# 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","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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"}
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":"AAQA,SAASA,cAAc,QAAyB,2BAA0B;AAC1E,SAASC,kBAAkB,EAAEC,IAAI,EAAEC,qBAAqB,QAAQ,qBAAoB;AAEpF,OAAO,eAAc;AAIrB,MAAMC,YAAY;AAOlB,OAAO,MAAMC,SAAyC,CAACC;IACrD,MAAM,EACJC,iBAAiBC,SAAS,EAC1BC,KAAK,EACLC,IAAI,EACJC,MAAM,EACNC,YAAY,EACZC,GAAG,EACHC,cAAcC,OAAO,EACtB,GAAGT;IACJ,MAAMU,UAAU,aAAaP,SAASA,MAAMO,OAAO,IAAIC,MAAMC,OAAO,CAACH;IACrE,MAAMI,cAAcF,MAAMC,OAAO,CAACT,MAAMW,UAAU;IAElD,IAAIJ,SAAS;QACX,QACGK,kBACCZ,OAAOA,OACPC,MAAMA,MACNC,QAAQA,QACRC,cAAcA,cACdO,aAAaA,aACbN,KAAKA,KACLL,WAAWA,WACXO,SAASA;IAGf;IAEA,QACGO,iBACCb,OAAOA,OACPC,MAAMA,MACNC,QAAQA,QACRC,cAAcA,cACdO,aAAaA,aACbN,KAAKA,KACLL,WAAWA,WACXO,SAASA;AAGf,EAAC;AAED,OAAO,MAAMM,oBASR,OAAOf;IACV,MAAM,EAAEG,KAAK,EAAEC,IAAI,EAAEC,MAAM,EAAEC,YAAY,EAAEO,WAAW,EAAEN,GAAG,EAAEL,SAAS,EAAEO,OAAO,EAAE,GAAGT;IACpF,MAAMiB,iBAAiB,AAAC,CAAA,MAAM,MAAM,CAAC,mBAAkB,EAAGC,OAAO;IAEjE,IAAIC,OAAwB;IAC5B,IAAIC,KAAsB;IAE1B,MAAMC,qBAAqBV,MAAMC,OAAO,CAACT,MAAMW,UAAU;IAEzD,MAAMQ,kBAAkB,CAACC;QACvB,IAAI,OAAOA,cAAc,YAAY,gBAAgBA,WAAW;YAC9D,mBAAmB;YACnB,MAAMC,QAAQD,UAAUC,KAAK;YAC7B,OAAO,OAAOA,UAAU,WAAWA,MAAMC,EAAE,GAAGD;QAChD;QACA,uBAAuB;QACvB,OAAO,OAAOD,cAAc,WAAWA,UAAUE,EAAE,GAAGF;IACxD;IAEA,MAAMG,iBAAiBxB,YACnBA,UAAUyB,GAAG,CAAC,CAACJ,aACZK,mBACCxB,MAAMA,MACNyB,KAAKP,gBAAgBC,YACrBV,aAAaA,aACbC,YAAYX,MAAMW,UAAU,EAC5BP,KAAKA,KACLc,oBAAoBA,oBACpBE,WAAWA,gBAGf;IACJ,MAAMO,eAAerB,UACjBA,QAAQkB,GAAG,CAAC,CAACJ,aACVK,mBACCxB,MAAMA,MACNyB,KAAKP,gBAAgBC,YACrBV,aAAaA,aACbC,YAAYX,MAAMW,UAAU,EAC5BP,KAAKA,KACLc,oBAAoBA,oBACpBE,WAAWA,gBAGf;IAEJ,MAAMQ,aAAalC,sBAAsB;QACvCmC,UACE,CAAC,YAAY,EAAElC,UAAU,UAAU,CAAC,GACnC4B,CAAAA,iBACGA,eAAeC,GAAG,CAChB,CAACM,YAAc,CAAC,KAAK,EAAEhB,eAAeiB,oBAAoB,CAACD,WAAW,MAAM,CAAC,EAC7EE,IAAI,CAAC,MACP,EAAC,IACL;QACFC,QACE,CAAC,YAAY,EAAEtC,UAAU,UAAU,CAAC,GACnCgC,CAAAA,eACGA,aAAaH,GAAG,CACd,CAACM,YAAc,CAAC,KAAK,EAAEhB,eAAeiB,oBAAoB,CAACD,WAAW,MAAM,CAAC,EAC7EE,IAAI,CAAC,MACP,EAAC,IACL;QACFE,qBAAqB;IACvB;IACAlB,OAAOY,WAAWZ,IAAI;IACtBC,KAAKW,WAAWX,EAAE;IAElB,QACGzB,mBACC2C,WAAW,GAAGxC,UAAU,WAAW,EAAEA,UAAU,mBAAmB,CAAC,EACnEqB,MAAMA,MACNf,MAAMA,MACNmC,OAAO;QACLA,OAAOpC,MAAMoC,KAAK;QAClBlC;IACF,GACAC,cAAcA,cACdc,IAAIA;AAGV,EAAC;AAED,OAAO,MAAMJ,mBASR,OAAOhB;IACV,MAAM,EAAEG,KAAK,EAAEC,IAAI,EAAEC,MAAM,EAAEC,YAAY,EAAEO,WAAW,EAAEN,GAAG,EAAEL,SAAS,EAAEO,OAAO,EAAE,GAAGT;IAEpF,MAAMiB,iBAAiB,AAAC,CAAA,MAAM,MAAM,CAAC,mBAAkB,EAAGC,OAAO;IAEjE,IAAIC,OAAwB;IAC5B,IAAIC,KAAsB;IAE1B,MAAMC,qBAAqBV,MAAMC,OAAO,CAACT,MAAMW,UAAU;IAEzD,MAAM0B,gBAAgBtC,aACnB0B,mBACCxB,MAAMA,MACNS,aAAaA,aACbC,YAAYX,MAAMW,UAAU,EAC5BP,KAAKA,KACLc,oBAAoBA,oBACpBE,WAAWrB,eAEX;IACJ,MAAMuC,cAAchC,WACjBmB,mBACCxB,MAAMA,MACNS,aAAaA,aACbC,YAAYX,MAAMW,UAAU,EAC5BP,KAAKA,KACLc,oBAAoBA,oBACpBE,WAAWd,aAEX;IAEJ,MAAMiC,WAAWF,gBACbvB,eAAeiB,oBAAoB,CAACM,iBACpC,QAAQ,KAAK;IACjB,MAAMG,SAASF,cACXxB,eAAeiB,oBAAoB,CAACO,eACpC,QAAQ,KAAK;IAEjB,MAAMV,aAAalC,sBAAsB;QACvCmC,UAAUU;QACVN,QAAQO;QACRN,qBAAqB;IACvB;IACAlB,OAAOY,WAAWZ,IAAI;IACtBC,KAAKW,WAAWX,EAAE;IAElB,QACGzB,mBACC2C,WAAW,GAAGxC,UAAU,WAAW,EAAEA,UAAU,kBAAkB,CAAC,EAClEqB,MAAMA,MACNf,MAAMA,MACNmC,OAAO;QACLA,OAAOpC,MAAMoC,KAAK;QAClBlC;IACF,GACAC,cAAcA,cACdc,IAAIA;AAGV,EAAC;AAED,MAAMQ,qBAAqB,CAAC5B;IAQ1B,MAAM,EAAEI,IAAI,EAAES,WAAW,EAAEC,UAAU,EAAEP,GAAG,EAAEc,kBAAkB,EAAEE,SAAS,EAAE,GAAGvB;IAE9E,IAAI4C,eAAuB;IAE3B,MAAMpB,QAAQX,cACV,AAACU,UAAmEC,KAAK,GACxED;IAEL,IAAIC,SAAS,OAAOA,UAAU,YAAY,kBAAkBA,OAAO;QACjEoB,eACE,AAAC,OAAOpB,MAAMqB,YAAY,KAAK,YAAYrB,MAAMqB,YAAY,IAC5D,OAAOrB,MAAMsB,GAAG,KAAK,YAAYtB,MAAMsB,GAAG,IAC3C;IACJ;IAEA,IAAIC;IACJ,IAAIvB,SAAS,OAAOA,UAAU,UAAU;QACtCuB,WAAWvB,MAAMuB,QAAQ;IAC3B,OAAO;QACLA,WAAW,GAAG3C,KAAK4C,CAAC,CAAC,oBAAoB,OAAO,EAAEzB,WAA8B;IAClF;IAEA,IAAI0B,YAA2B;IAE/B,IAAI5B,oBAAoB;QACtB,IAAI6B;QACJ,IAAIrC,eAAe,OAAOU,cAAc,YAAY,gBAAgBA,WAAW;YAC7E2B,iBAAiB3B,UAAUT,UAAU;QACvC,OAAO;YACLoC,iBAAiB,OAAOpC,eAAe,WAAWA,aAAaA,UAAU,CAAC,EAAE;QAC9E;QACA,MAAMqC,eAAe5C,IAAI6C,OAAO,CAACC,WAAW,CAACH,eAAe,CAACI,MAAM;QACnEL,YAAYE,aAAaI,MAAM,EAAEC,WAC7B9D,eAAeyD,aAAaI,MAAM,CAACC,QAAQ,EAAEpD,QAC7C+C,aAAaM,IAAI;IACvB;IAEA,IAAIhC;IACJ,IAAIZ,eAAe,OAAOU,cAAc,YAAY,gBAAgBA,WAAW;QAC7E,MAAMmC,YAAYnC,UAAUC,KAAK;QACjCC,KAAK,OAAOiC,cAAc,WAAWA,UAAUjC,EAAE,GAAGiC;IACtD,OAAO,IAAI,OAAOnC,cAAc,YAAY,QAAQA,WAAW;QAC7DE,KAAKF,UAAUE,EAAE;IACnB,OAAO,IAAI,OAAOF,cAAc,YAAY,OAAOA,cAAc,UAAU;QACzEE,KAAKF;IACP;IAEA,QACGoC,IACCrB,WAAW,GAAGxC,WAAW,EACzB8D,kBAAkB,OAClBC,SAASpC,IACTqC,kBAAkBhD,YACnB;MACC,CAAC6C,IAAIrB,WAAW,GAAGxC,UAAU,MAAM,CAAC,EAAE;QACpC,CAAC6D,IAAIrB,WAAW,GAAGxC,UAAU,WAAW,CAAC,EAAE;UACzC,CAAC8C,cAAcmB,UAAUC,IAAIC,KAAKlB,UAAUmB,KAAKtB,mBAAoBhD,OAAQ;QAC/E,EAAE+D,IAAI;QACN,CAACV,cACEU,IAAIrB,WAAW,GAAGxC,UAAU,MAAM,CAAC,EAAE8D,kBAAkB,QAAQ;YAC9D,CAACO,MAAMlB,YAAYkB,KAAK;UAC1B,EAAER,KACF;QACF,CAACA,IAAIrB,WAAW,GAAGxC,UAAU,MAAM,CAAC,EAAE8D,kBAAkB,QAAQ;UAC9D,CAACQ,QAAQrB,WAAWqB,OAAO;QAC7B,EAAET,IAAI;MACR,EAAEA,IAAI;IACR,EAAEA;AAEN"}

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

@@ -1,16 +1,8 @@
-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 /*#__PURE__*/ _jsxDEV(RenderVersionFieldsToDiff, {
-        parent: true,
-        versionFields: versionFields
-    }, void 0, false, {
-        fileName: "src/views/Version/RenderFieldsToDiff/index.tsx",
-        lineNumber: 7,
-        columnNumber: 10
-    }, this);
+    return <RenderVersionFieldsToDiff parent={true} versionFields={versionFields}/>;
 };
 //# 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,~~qBAAO~~,~~QAACF;QAA0BI~~,QAAQ~~;QAAMD~~,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,QAAQF,0BAA0BI,QAAQ,MAAMD,eAAeA;AACjE,EAAC"}

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

@@ -1,12 +1,11 @@
 '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 React, { Fragment, useCallback, useState } from 'react';
+import { Fragment, useCallback, useState } from 'react';
 const baseClass = 'restore-version';
 const modalSlug = 'restore-version';
 export const Restore = ({ className, collectionConfig, globalConfig, label, originalDocID, status, versionDateFormatted, versionID })=>{
@@ -64,65 +63,26 @@ export const Restore = ({ className, collectionConfig, globalConfig, label, orig
         router,
         t
     ]);
-    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);
+    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>;
 };
 //# 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","~~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":"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,~~OAAOC~~,~~SAASC,~~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,~~GAAG5B~~;IAEJ,MAAM,~~EAAE6B~~,WAAW,EAAE,~~GAAG5B~~;IACxB,~~MAAM6B~~,~~SAASzB~~;IACf,MAAM,~~EAAE0B~~,IAAI,EAAEC,CAAC,EAAE,~~GAAG7B~~;IACpB,MAAM,~~CAAC8B~~,OAAOC,SAAS,GAAGxB,SAAS;IACnC,MAAM,EAAEyB,oBAAoB,EAAE,~~GAAGjC~~;IAEjC,~~MAAMkC~~,iBAAiBJ,EAAE,gCAAgC;QACvDf,~~OAAOtB~~,~~eAAesB~~,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,~~cAAcrC~~,eAAe;~~gBAC3BmB~~;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,~~cAAcrC~~,eAAe;~~gBAC3BmB~~;gBACAoB,MAAM,CAAC,SAAS,EAAE7B,aAAa4B,IAAI,EAAE;YACvC;QACF;QAEA,MAAME,MAAM,~~MAAM1C~~,~~SAAS2C~~,IAAI,CAACL,UAAU;YACxCM,SAAS;gBACP,mBAAmBjB,KAAKkB,QAAQ;YAClC;QACF;QAEA,IAAIH,IAAI3B,MAAM,KAAK,KAAK;YACtB,MAAM+B,OAAO,MAAMJ,IAAII,IAAI;~~YAC3BnD~~,~~MAAMoD~~,OAAO,CAACD,KAAKE,OAAO;YAC1B,OAAOjB,qBAAqB,IAAML,OAAOuB,IAAI,CAACV;QAChD,OAAO;~~YACL5C~~,~~MAAMuD~~,KAAK,CAACtB,EAAE;QAChB;IACF,GAAG;QACDJ;QACAD;QACAZ;QACAC;QACAe,KAAKkB,QAAQ;QACb5B;QACAY;QACAR;QACAP;QACAiB;QACAL;QACAE;KACD;IAED,~~qBACE~~,~~QAACxB;;0BACC~~,~~QAAC~~+C~~;gBAAIzC~~,WAAW;~~oBAACH~~;~~oBAAWG~~;~~iBAAU~~,CAAC0C,MAAM,CAACC,SAASC,IAAI,CAAC;~~0BAC1D~~,~~cAAA~~,~~QAAC9D;oBACC+D~~,~~aAAY;oBACZ7C~~,WAAW;~~wBAACwB~~,qBAAqB,GAAG3B,UAAU,yBAAyB,CAAC;~~qBAAC~~,CACtE6C,MAAM,CAACC,SACPC,IAAI,CAAC~~;oBACRE~~,SAAS,IAAM/B,YAAYjB~~;oBAC3BiD~~,~~MAAK;oBACLC~~,qBACExB,oBACI,~~kBACE~~,~~QAACxC~~,~~UAAUiE,WAAW~~;~~sCACpB~~,~~cAAA~~,~~QAACjE,~~UAAUF,~~MAAM;gCAACgE~~,SAAS,IAAM;~~wCAAC1B~~,SAAS;~~wCAAOL~~,YAAYjB;~~qCAAW~~;~~0CACtEoB~~,EAAE~~;;;;;;;;;;qCAIT~~;~~8BAGLA~~,EAAE~~;;;;;;;;;;;0BAGP~~,~~QAACnC~~;~~gBACCmE~~,MAAM5B;gBACN6B,iBAAiBjC,EAAE~~;gBACnBkC~~,SAASlC,EAAE~~;gBACXpB~~,WAAWA~~;gBACXuD~~,WAAW1B~~;;;;;;;;;;;;AAInB~~,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","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,5 +1,4 @@
 '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';
@@ -11,29 +10,22 @@ export const VersionDrawerCreatedAtCell = ({ rowData: { id, updatedAt } = {} })=
     const searchParams = useSearchParams();
     const { startRouteTransition } = useRouteTransition();
     const { i18n } = useTranslation();
-    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);
+    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>;
 };
 //# sourceMappingURL=CreatedAtCell.js.map