@payloadcms/next 3.70.0-canary.9 → 3.71.0-internal-debug.80dab4c

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

@@ -1,80 +1,85 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 const baseClass = 'render-field-diffs';
+import './index.scss';
 import { ShimmerEffect } from '@payloadcms/ui';
 import React, { Fragment, useEffect } from 'react';
-export const RenderVersionFieldsToDiff = t0 => {
-  const $ = _c(6);
-  const {
-    parent: t1,
-    versionFields
-  } = t0;
-  const parent = t1 === undefined ? false : t1;
-  const [hasMounted, setHasMounted] = React.useState(false);
-  let t2;
-  let t3;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = () => {
-      setHasMounted(true);
-    };
-    t3 = [];
-    $[0] = t2;
-    $[1] = t3;
-  } else {
-    t2 = $[0];
-    t3 = $[1];
-  }
-  useEffect(t2, t3);
-  const t4 = `${baseClass}${parent ? ` ${baseClass}--parent` : ""}`;
-  let t5;
-  if ($[2] !== hasMounted || $[3] !== t4 || $[4] !== versionFields) {
-    t5 = _jsx("div", {
-      className: t4,
-      children: !hasMounted ? _jsx(Fragment, {
-        children: _jsx(ShimmerEffect, {
-          height: "8rem",
-          width: "100%"
+export const RenderVersionFieldsToDiff = ({ parent = false, versionFields })=>/**
+   * If true, this is the parent render version fields component, not one nested in
+   * a field with children (e.g. group)
+   */ {
+    const [hasMounted, setHasMounted] = React.useState(false);
+    // defer rendering until after the first mount as the CSS is loaded with Emotion
+    // this will ensure that the CSS is loaded before rendering the diffs and prevent CLS
+    useEffect(()=>{
+        setHasMounted(true);
+    }, []);
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: `${baseClass}${parent ? ` ${baseClass}--parent` : ''}`,
+        children: !hasMounted ? /*#__PURE__*/ _jsxDEV(Fragment, {
+            children: /*#__PURE__*/ _jsxDEV(ShimmerEffect, {
+                height: "8rem",
+                width: "100%"
+            }, void 0, false, {
+                fileName: "src/views/Version/RenderFieldsToDiff/RenderVersionFieldsToDiff.tsx",
+                lineNumber: 33,
+                columnNumber: 11
+            }, this)
+        }, void 0, false, {
+            fileName: "src/views/Version/RenderFieldsToDiff/RenderVersionFieldsToDiff.tsx",
+            lineNumber: 32,
+            columnNumber: 9
+        }, this) : versionFields?.map((field, fieldIndex)=>{
+            if (field.fieldByLocale) {
+                const LocaleComponents = [];
+                for (const [locale, baseField] of Object.entries(field.fieldByLocale)){
+                    LocaleComponents.push(/*#__PURE__*/ _jsxDEV("div", {
+                        className: `${baseClass}__locale`,
+                        "data-field-path": baseField.path,
+                        "data-locale": locale,
+                        children: /*#__PURE__*/ _jsxDEV("div", {
+                            className: `${baseClass}__locale-value`,
+                            children: baseField.CustomComponent
+                        }, void 0, false, {
+                            fileName: "src/views/Version/RenderFieldsToDiff/RenderVersionFieldsToDiff.tsx",
+                            lineNumber: 47,
+                            columnNumber: 19
+                        }, this)
+                    }, [
+                        locale,
+                        fieldIndex
+                    ].join('-'), false, {
+                        fileName: "src/views/Version/RenderFieldsToDiff/RenderVersionFieldsToDiff.tsx",
+                        lineNumber: 41,
+                        columnNumber: 17
+                    }, this));
+                }
+                return /*#__PURE__*/ _jsxDEV("div", {
+                    className: `${baseClass}__field`,
+                    children: LocaleComponents
+                }, fieldIndex, false, {
+                    fileName: "src/views/Version/RenderFieldsToDiff/RenderVersionFieldsToDiff.tsx",
+                    lineNumber: 52,
+                    columnNumber: 15
+                }, this);
+            } else if (field.field) {
+                return /*#__PURE__*/ _jsxDEV("div", {
+                    className: `${baseClass}__field field__${field.field.type}`,
+                    "data-field-path": field.field.path,
+                    children: field.field.CustomComponent
+                }, fieldIndex, false, {
+                    fileName: "src/views/Version/RenderFieldsToDiff/RenderVersionFieldsToDiff.tsx",
+                    lineNumber: 58,
+                    columnNumber: 15
+                }, this);
+            }
+            return null;
         })
-      }) : versionFields?.map(_temp)
-    });
-    $[2] = hasMounted;
-    $[3] = t4;
-    $[4] = versionFields;
-    $[5] = t5;
-  } else {
-    t5 = $[5];
-  }
-  return t5;
+    }, void 0, false, {
+        fileName: "src/views/Version/RenderFieldsToDiff/RenderVersionFieldsToDiff.tsx",
+        lineNumber: 30,
+        columnNumber: 5
+    }, this);
 };
-function _temp(field, fieldIndex) {
-  if (field.fieldByLocale) {
-    const LocaleComponents = [];
-    for (const [locale, baseField] of Object.entries(field.fieldByLocale)) {
-      LocaleComponents.push(_jsx("div", {
-        className: `${baseClass}__locale`,
-        "data-field-path": baseField.path,
-        "data-locale": locale,
-        children: _jsx("div", {
-          className: `${baseClass}__locale-value`,
-          children: baseField.CustomComponent
-        })
-      }, [locale, fieldIndex].join("-")));
-    }
-    return _jsx("div", {
-      className: `${baseClass}__field`,
-      children: LocaleComponents
-    }, fieldIndex);
-  } else {
-    if (field.field) {
-      return _jsx("div", {
-        className: `${baseClass}__field field__${field.field.type}`,
-        "data-field-path": field.field.path,
-        children: field.field.CustomComponent
-      }, fieldIndex);
-    }
-  }
-  return null;
-}
+
 //# sourceMappingURL=RenderVersionFieldsToDiff.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RenderVersionFieldsToDiff.js","names":["c","_c","baseClass","ShimmerEffect","React","Fragment","useEffect","RenderVersionFieldsToDiff","t0","$","parent","t1","versionFields","undefined","hasMounted","setHasMounted","useState","t2","t3","Symbol","for","t4","t5","_jsx","className","children","height","width","map","_temp","field","fieldIndex","fieldByLocale","LocaleComponents","locale","baseField","Object","entries","push","path","CustomComponent","join","type"],"sources":["../../../../src/views/Version/RenderFieldsToDiff/RenderVersionFieldsToDiff.tsx"],"sourcesContent":["'use client'\nconst baseClass = 'render-field-diffs'\nimport type { VersionField } from 'payload'\n\nimport './index.scss'\n\nimport { ShimmerEffect } from '@payloadcms/ui'\nimport React, { Fragment, useEffect } from 'react'\n\nexport const RenderVersionFieldsToDiff = ({\n  parent = false,\n  versionFields,\n}: {\n  /**\n   * If true, this is the parent render version fields component, not one nested in\n   * a field with children (e.g. group)\n   */\n  parent?: boolean\n  versionFields: VersionField[]\n}): React.ReactNode => {\n  const [hasMounted, setHasMounted] = React.useState(false)\n\n  // defer rendering until after the first mount as the CSS is loaded with Emotion\n  // this will ensure that the CSS is loaded before rendering the diffs and prevent CLS\n  useEffect(() => {\n    setHasMounted(true)\n  }, [])\n\n  return (\n    <div className={`${baseClass}${parent ? ` ${baseClass}--parent` : ''}`}>\n      {!hasMounted ? (\n        <Fragment>\n          <ShimmerEffect height=\"8rem\" width=\"100%\" />\n        </Fragment>\n      ) : (\n        versionFields?.map((field, fieldIndex) => {\n          if (field.fieldByLocale) {\n            const LocaleComponents: React.ReactNode[] = []\n            for (const [locale, baseField] of Object.entries(field.fieldByLocale)) {\n              LocaleComponents.push(\n                <div\n                  className={`${baseClass}__locale`}\n                  data-field-path={baseField.path}\n                  data-locale={locale}\n                  key={[locale, fieldIndex].join('-')}\n                >\n                  <div className={`${baseClass}__locale-value`}>{baseField.CustomComponent}</div>\n                </div>,\n              )\n            }\n            return (\n              <div className={`${baseClass}__field`} key={fieldIndex}>\n                {LocaleComponents}\n              </div>\n            )\n          } else if (field.field) {\n            return (\n              <div\n                className={`${baseClass}__field field__${field.field.type}`}\n                data-field-path={field.field.path}\n                key={fieldIndex}\n              >\n                {field.field.CustomComponent}\n              </div>\n            )\n          }\n\n          return null\n        })\n      )}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,MAAMC,SAAA,GAAY;AAKlB,SAASC,aAAa,QAAQ;AAC9B,OAAOC,KAAA,IAASC,QAAQ,EAAEC,SAAS,QAAQ;AAE3C,OAAO,MAAMC,yBAAA,GAA4BC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS,MAAA,EAAAC,EAAA;IAAAC;EAAA,IAAAJ,EAUzC;EATC,MAAAE,MAAA,GAAAC,EAAc,KAAAE,SAAA,WAAdF,EAAc;EAUd,OAAAG,UAAA,EAAAC,aAAA,IAAoCX,KAAA,CAAAY,QAAA,MAAe;EAAA,IAAAC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAT,CAAA,QAAAU,MAAA,CAAAC,GAAA;IAIzCH,EAAA,GAAAA,CAAA;MACRF,aAAA,KAAc;IAAA;IACbG,EAAA;IAAET,CAAA,MAAAQ,EAAA;IAAAR,CAAA,MAAAS,EAAA;EAAA;IAAAD,EAAA,GAAAR,CAAA;IAAAS,EAAA,GAAAT,CAAA;EAAA;EAFLH,SAAA,CAAUW,EAEV,EAAGC,EAAE;EAGa,MAAAG,EAAA,MAAAnB,SAAA,GAAeQ,MAAA,GAAS,IAAAR,SAAA,UAAuB,GAAG,IAAI;EAAA,IAAAoB,EAAA;EAAA,IAAAb,CAAA,QAAAK,UAAA,IAAAL,CAAA,QAAAY,EAAA,IAAAZ,CAAA,QAAAG,aAAA;IAAtEU,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAeH,EAAsD;MAAAI,QAAA,EACnE,CAACX,UAAA,GACAS,IAAA,CAAAlB,QAAA;QAAAoB,QAAA,EACEF,IAAA,CAAApB,aAAA;UAAAuB,MAAA,EAAsB;UAAAC,KAAA,EAAa;QAAA,C;WAGrCf,aAAA,EAAAgB,GAAA,CAAAC,KAAA;IAiCA,C;;;;;;;;SAvCJP,E;CA2CJ;AA/DyC,SAAAO,MAAAC,KAAA,EAAAC,UAAA;EAAA,IA2B3BD,KAAA,CAAAE,aAAA;IACF,MAAAC,gBAAA;IAA8C,KACzC,OAAAC,MAAA,EAAAC,SAAA,CAAyB,IAAIC,MAAA,CAAAC,OAAA,CAAeP,KAAA,CAAAE,aAAmB;MAClEC,gBAAA,CAAAK,IAAA,CACEf,IAAA,CAAC;QAAAC,SAAA,EACY,GAAAtB,SAAA,UAAsB;QAAA,mBAChBiC,SAAA,CAAAI,IAAA;QAAA,eACJL,MAAA;QAAAT,QAAA,EAGbF,IAAA,CAAC;UAAAC,SAAA,EAAe,GAAAtB,SAAA,gBAA4B;UAAAuB,QAAA,EAAGU,SAAA,CAAAK;QAAA,C;SAF1C,CAACN,MAAA,EAAQH,UAAA,EAAAU,IAAA,CAAiB;IAAA;IAAA,OAOnClB,IAAA,CAAC;MAAAC,SAAA,EAAe,GAAAtB,SAAA,SAAqB;MAAAuB,QAAA,EAClCQ;IAAA,GADyCF,UAAA;EAAA;IAAA,IAIrCD,KAAA,CAAAA,KAAA;MAAA,OAEPP,IAAA,CAAC;QAAAC,SAAA,EACY,GAAAtB,SAAA,kBAA8B4B,KAAA,CAAAA,KAAA,CAAAY,IAAA,EAAkB;QAAA,mBAC1CZ,KAAA,CAAAA,KAAA,CAAAS,IAAA;QAAAd,QAAA,EAGhBK,KAAA,CAAAA,KAAA,CAAAU;MAAA,GAFIT,UAAA;IAAA;EAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"sources":["../../../../src/views/Version/RenderFieldsToDiff/RenderVersionFieldsToDiff.tsx"],"sourcesContent":["'use client'\nconst baseClass = 'render-field-diffs'\nimport type { VersionField } from 'payload'\n\nimport './index.scss'\n\nimport { ShimmerEffect } from '@payloadcms/ui'\nimport React, { Fragment, useEffect } from 'react'\n\nexport const RenderVersionFieldsToDiff = ({\n  parent = false,\n  versionFields,\n}: {\n  /**\n   * If true, this is the parent render version fields component, not one nested in\n   * a field with children (e.g. group)\n   */\n  parent?: boolean\n  versionFields: VersionField[]\n}): React.ReactNode => {\n  const [hasMounted, setHasMounted] = React.useState(false)\n\n  // defer rendering until after the first mount as the CSS is loaded with Emotion\n  // this will ensure that the CSS is loaded before rendering the diffs and prevent CLS\n  useEffect(() => {\n    setHasMounted(true)\n  }, [])\n\n  return (\n    <div className={`${baseClass}${parent ? ` ${baseClass}--parent` : ''}`}>\n      {!hasMounted ? (\n        <Fragment>\n          <ShimmerEffect height=\"8rem\" width=\"100%\" />\n        </Fragment>\n      ) : (\n        versionFields?.map((field, fieldIndex) => {\n          if (field.fieldByLocale) {\n            const LocaleComponents: React.ReactNode[] = []\n            for (const [locale, baseField] of Object.entries(field.fieldByLocale)) {\n              LocaleComponents.push(\n                <div\n                  className={`${baseClass}__locale`}\n                  data-field-path={baseField.path}\n                  data-locale={locale}\n                  key={[locale, fieldIndex].join('-')}\n                >\n                  <div className={`${baseClass}__locale-value`}>{baseField.CustomComponent}</div>\n                </div>,\n              )\n            }\n            return (\n              <div className={`${baseClass}__field`} key={fieldIndex}>\n                {LocaleComponents}\n              </div>\n            )\n          } else if (field.field) {\n            return (\n              <div\n                className={`${baseClass}__field field__${field.field.type}`}\n                data-field-path={field.field.path}\n                key={fieldIndex}\n              >\n                {field.field.CustomComponent}\n              </div>\n            )\n          }\n\n          return null\n        })\n      )}\n    </div>\n  )\n}\n"],"names":["baseClass","ShimmerEffect","React","Fragment","useEffect","RenderVersionFieldsToDiff","parent","versionFields","hasMounted","setHasMounted","useState","div","className","height","width","map","field","fieldIndex","fieldByLocale","LocaleComponents","locale","baseField","Object","entries","push","data-field-path","path","data-locale","CustomComponent","join","type"],"mappings":"AAAA;;AACA,MAAMA,YAAY;AAGlB,OAAO,eAAc;AAErB,SAASC,aAAa,QAAQ,iBAAgB;AAC9C,OAAOC,SAASC,QAAQ,EAAEC,SAAS,QAAQ,QAAO;AAElD,OAAO,MAAMC,4BAA4B,CAAC,EACxCC,SAAS,KAAK,EACdC,aAAa,EAQd,GANC;;;GAGC;IAID,MAAM,CAACC,YAAYC,cAAc,GAAGP,MAAMQ,QAAQ,CAAC;IAEnD,gFAAgF;IAChF,qFAAqF;IACrFN,UAAU;QACRK,cAAc;IAChB,GAAG,EAAE;IAEL,qBACE,QAACE;QAAIC,WAAW,GAAGZ,YAAYM,SAAS,CAAC,CAAC,EAAEN,UAAU,QAAQ,CAAC,GAAG,IAAI;kBACnE,CAACQ,2BACA,QAACL;sBACC,cAAA,QAACF;gBAAcY,QAAO;gBAAOC,OAAM;;;;;;;;;;mBAGrCP,eAAeQ,IAAI,CAACC,OAAOC;YACzB,IAAID,MAAME,aAAa,EAAE;gBACvB,MAAMC,mBAAsC,EAAE;gBAC9C,KAAK,MAAM,CAACC,QAAQC,UAAU,IAAIC,OAAOC,OAAO,CAACP,MAAME,aAAa,EAAG;oBACrEC,iBAAiBK,IAAI,eACnB,QAACb;wBACCC,WAAW,GAAGZ,UAAU,QAAQ,CAAC;wBACjCyB,mBAAiBJ,UAAUK,IAAI;wBAC/BC,eAAaP;kCAGb,cAAA,QAACT;4BAAIC,WAAW,GAAGZ,UAAU,cAAc,CAAC;sCAAGqB,UAAUO,eAAe;;;;;;uBAFnE;wBAACR;wBAAQH;qBAAW,CAACY,IAAI,CAAC;;;;;gBAKrC;gBACA,qBACE,QAAClB;oBAAIC,WAAW,GAAGZ,UAAU,OAAO,CAAC;8BAClCmB;mBADyCF;;;;;YAIhD,OAAO,IAAID,MAAMA,KAAK,EAAE;gBACtB,qBACE,QAACL;oBACCC,WAAW,GAAGZ,UAAU,eAAe,EAAEgB,MAAMA,KAAK,CAACc,IAAI,EAAE;oBAC3DL,mBAAiBT,MAAMA,KAAK,CAACU,IAAI;8BAGhCV,MAAMA,KAAK,CAACY,eAAe;mBAFvBX;;;;;YAKX;YAEA,OAAO;QACT;;;;;;AAIR,EAAC"}