@payloadcms/next 3.68.0-internal-debug.e9b66ee → 3.68.0-internal.10bf491

package/dist/views/Version/RenderFieldsToDiff/DiffCollapser/index.js

@@ -1,64 +1,130 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronIcon, FieldDiffLabel, useConfig, useTranslation } from '@payloadcms/ui';
 import { fieldIsArrayType, fieldIsBlockType } from 'payload/shared';
-import { useState } from 'react';
-import './index.scss';
+import React, { useState } from 'react';
 import { countChangedFields, countChangedFieldsInRows } from '../utilities/countChangedFields.js';
 const baseClass = 'diff-collapser';
-// fields collapser
-// iterable collapser
-export const DiffCollapser = ({ children, field, fields, hideGutter = false, initCollapsed = false, isIterable = false, Label, locales, parentIsLocalized, valueFrom, valueTo })=>{
-    const { t } = useTranslation();
-    const [isCollapsed, setIsCollapsed] = useState(initCollapsed);
-    const { config } = useConfig();
-    let changeCount = 0;
+export const DiffCollapser = t0 => {
+  const $ = _c(19);
+  const {
+    children,
+    field,
+    fields,
+    hideGutter: t1,
+    initCollapsed: t2,
+    isIterable: t3,
+    Label,
+    locales,
+    parentIsLocalized,
+    valueFrom,
+    valueTo
+  } = t0;
+  const hideGutter = t1 === undefined ? false : t1;
+  const initCollapsed = t2 === undefined ? false : t2;
+  const isIterable = t3 === undefined ? false : t3;
+  const {
+    t
+  } = useTranslation();
+  const [isCollapsed, setIsCollapsed] = useState(initCollapsed);
+  const {
+    config
+  } = useConfig();
+  let t4;
+  if ($[0] !== Label || $[1] !== children || $[2] !== config || $[3] !== field || $[4] !== fields || $[5] !== hideGutter || $[6] !== isCollapsed || $[7] !== isIterable || $[8] !== locales || $[9] !== parentIsLocalized || $[10] !== t || $[11] !== valueFrom || $[12] !== valueTo) {
+    let changeCount;
     if (isIterable) {
-        if (!fieldIsArrayType(field) && !fieldIsBlockType(field)) {
-            throw new Error('DiffCollapser: field must be an array or blocks field when isIterable is true');
-        }
-        const valueFromRows = valueFrom ?? [];
-        const valueToRows = valueTo ?? [];
-        if (!Array.isArray(valueFromRows) || !Array.isArray(valueToRows)) {
-            throw new Error('DiffCollapser: valueFrom and valueTro must be arrays when isIterable is true');
-        }
-        changeCount = countChangedFieldsInRows({
-            config,
-            field,
-            locales,
-            parentIsLocalized,
-            valueFromRows,
-            valueToRows
-        });
+      if (!fieldIsArrayType(field) && !fieldIsBlockType(field)) {
+        throw new Error("DiffCollapser: field must be an array or blocks field when isIterable is true");
+      }
+      const valueFromRows = valueFrom ?? [];
+      const valueToRows = valueTo ?? [];
+      if (!Array.isArray(valueFromRows) || !Array.isArray(valueToRows)) {
+        throw new Error("DiffCollapser: valueFrom and valueTro must be arrays when isIterable is true");
+      }
+      changeCount = countChangedFieldsInRows({
+        config,
+        field,
+        locales,
+        parentIsLocalized,
+        valueFromRows,
+        valueToRows
+      });
     } else {
-        changeCount = countChangedFields({
-            config,
-            fields,
-            locales,
-            parentIsLocalized,
-            valueFrom,
-            valueTo
-        });
+      changeCount = countChangedFields({
+        config,
+        fields,
+        locales,
+        parentIsLocalized,
+        valueFrom,
+        valueTo
+      });
     }
-    const contentClassNames = [
-        `${baseClass}__content`,
-        isCollapsed && `${baseClass}__content--is-collapsed`,
-        hideGutter && `${baseClass}__content--hide-gutter`
-    ].filter(Boolean).join(' ');
-    return <div className={baseClass}>
-      <FieldDiffLabel>
-        <button aria-label={isCollapsed ? 'Expand' : 'Collapse'} className={`${baseClass}__toggle-button`} onClick={()=>setIsCollapsed(!isCollapsed)} type="button">
-          <div className={`${baseClass}__label`}>{Label}</div>
-
-          <ChevronIcon direction={isCollapsed ? 'right' : 'down'} size={'small'}/>
-        </button>
-        {changeCount > 0 && isCollapsed && <span className={`${baseClass}__field-change-count`}>
-            {t('version:changedFieldsCount', {
-        count: changeCount
-    })}
-          </span>}
-      </FieldDiffLabel>
-      <div className={contentClassNames}>{children}</div>
-    </div>;
+    const t5 = isCollapsed && `${baseClass}__content--is-collapsed`;
+    const t6 = hideGutter && `${baseClass}__content--hide-gutter`;
+    let t7;
+    if ($[14] !== t5 || $[15] !== t6) {
+      t7 = [`${baseClass}__content`, t5, t6].filter(Boolean);
+      $[14] = t5;
+      $[15] = t6;
+      $[16] = t7;
+    } else {
+      t7 = $[16];
+    }
+    const contentClassNames = t7.join(" ");
+    let t8;
+    if ($[17] !== isCollapsed) {
+      t8 = () => setIsCollapsed(!isCollapsed);
+      $[17] = isCollapsed;
+      $[18] = t8;
+    } else {
+      t8 = $[18];
+    }
+    t4 = _jsxs("div", {
+      className: baseClass,
+      children: [_jsxs(FieldDiffLabel, {
+        children: [_jsxs("button", {
+          "aria-label": isCollapsed ? "Expand" : "Collapse",
+          className: `${baseClass}__toggle-button`,
+          onClick: t8,
+          type: "button",
+          children: [_jsx("div", {
+            className: `${baseClass}__label`,
+            children: Label
+          }), _jsx(ChevronIcon, {
+            direction: isCollapsed ? "right" : "down",
+            size: "small"
+          })]
+        }), changeCount > 0 && isCollapsed && _jsx("span", {
+          className: `${baseClass}__field-change-count`,
+          children: t("version:changedFieldsCount", {
+            count: changeCount
+          })
+        })]
+      }), _jsx("div", {
+        className: contentClassNames,
+        children
+      })]
+    });
+    $[0] = Label;
+    $[1] = children;
+    $[2] = config;
+    $[3] = field;
+    $[4] = fields;
+    $[5] = hideGutter;
+    $[6] = isCollapsed;
+    $[7] = isIterable;
+    $[8] = locales;
+    $[9] = parentIsLocalized;
+    $[10] = t;
+    $[11] = valueFrom;
+    $[12] = valueTo;
+    $[13] = t4;
+  } else {
+    t4 = $[13];
+  }
+  return t4;
 };
-
 //# sourceMappingURL=index.js.map

package/dist/views/Version/RenderFieldsToDiff/DiffCollapser/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/views/Version/RenderFieldsToDiff/DiffCollapser/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField } from 'payload'\n\nimport { ChevronIcon, FieldDiffLabel, useConfig, useTranslation } from '@payloadcms/ui'\nimport { fieldIsArrayType, fieldIsBlockType } from 'payload/shared'\nimport React, { useState } from 'react'\n\nimport './index.scss'\nimport { countChangedFields, countChangedFieldsInRows } from '../utilities/countChangedFields.js'\n\nconst baseClass = 'diff-collapser'\n\ntype Props = {\n  hideGutter?: boolean\n  initCollapsed?: boolean\n  Label: React.ReactNode\n  locales: string[] | undefined\n  parentIsLocalized: boolean\n  valueTo: unknown\n} & (\n  | {\n      // fields collapser\n      children: React.ReactNode\n      field?: never\n      fields: ClientField[]\n      isIterable?: false\n      valueFrom: unknown\n    }\n  | {\n      // iterable collapser\n      children: React.ReactNode\n      field: ClientField\n      fields?: never\n      isIterable: true\n      valueFrom?: unknown\n    }\n)\n\nexport const DiffCollapser: React.FC<Props> = ({\n  children,\n  field,\n  fields,\n  hideGutter = false,\n  initCollapsed = false,\n  isIterable = false,\n  Label,\n  locales,\n  parentIsLocalized,\n  valueFrom,\n  valueTo,\n}) => {\n  const { t } = useTranslation()\n  const [isCollapsed, setIsCollapsed] = useState(initCollapsed)\n  const { config } = useConfig()\n\n  let changeCount = 0\n\n  if (isIterable) {\n    if (!fieldIsArrayType(field) && !fieldIsBlockType(field)) {\n      throw new Error(\n        'DiffCollapser: field must be an array or blocks field when isIterable is true',\n      )\n    }\n    const valueFromRows = valueFrom ?? []\n    const valueToRows = valueTo ?? []\n\n    if (!Array.isArray(valueFromRows) || !Array.isArray(valueToRows)) {\n      throw new Error(\n        'DiffCollapser: valueFrom and valueTro must be arrays when isIterable is true',\n      )\n    }\n\n    changeCount = countChangedFieldsInRows({\n      config,\n      field,\n      locales,\n      parentIsLocalized,\n      valueFromRows,\n      valueToRows,\n    })\n  } else {\n    changeCount = countChangedFields({\n      config,\n      fields,\n      locales,\n      parentIsLocalized,\n      valueFrom,\n      valueTo,\n    })\n  }\n\n  const contentClassNames = [\n    `${baseClass}__content`,\n    isCollapsed && `${baseClass}__content--is-collapsed`,\n    hideGutter && `${baseClass}__content--hide-gutter`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div className={baseClass}>\n      <FieldDiffLabel>\n        <button\n          aria-label={isCollapsed ? 'Expand' : 'Collapse'}\n          className={`${baseClass}__toggle-button`}\n          onClick={() => setIsCollapsed(!isCollapsed)}\n          type=\"button\"\n        >\n          <div className={`${baseClass}__label`}>{Label}</div>\n\n          <ChevronIcon direction={isCollapsed ? 'right' : 'down'} size={'small'} />\n        </button>\n        {changeCount > 0 && isCollapsed && (\n          <span className={`${baseClass}__field-change-count`}>\n            {t('version:changedFieldsCount', { count: changeCount })}\n          </span>\n        )}\n      </FieldDiffLabel>\n      <div className={contentClassNames}>{children}</div>\n    </div>\n  )\n}\n"],"names":["ChevronIcon","FieldDiffLabel","useConfig","useTranslation","fieldIsArrayType","fieldIsBlockType","useState","countChangedFields","countChangedFieldsInRows","baseClass","DiffCollapser","children","field","fields","hideGutter","initCollapsed","isIterable","Label","locales","parentIsLocalized","valueFrom","valueTo","t","isCollapsed","setIsCollapsed","config","changeCount","Error","valueFromRows","valueToRows","Array","isArray","contentClassNames","filter","Boolean","join","div","className","button","aria-label","onClick","type","direction","size","span","count"],"mappings":"AAAA;AAGA,SAASA,WAAW,EAAEC,cAAc,EAAEC,SAAS,EAAEC,cAAc,QAAQ,iBAAgB;AACvF,SAASC,gBAAgB,EAAEC,gBAAgB,QAAQ,iBAAgB;AACnE,SAAgBC,QAAQ,QAAQ,QAAO;AAEvC,OAAO,eAAc;AACrB,SAASC,kBAAkB,EAAEC,wBAAwB,QAAQ,qCAAoC;AAEjG,MAAMC,YAAY;AAWZ,mBAAmB;AAQnB,qBAAqB;AAS3B,OAAO,MAAMC,gBAAiC,CAAC,EAC7CC,QAAQ,EACRC,KAAK,EACLC,MAAM,EACNC,aAAa,KAAK,EAClBC,gBAAgB,KAAK,EACrBC,aAAa,KAAK,EAClBC,KAAK,EACLC,OAAO,EACPC,iBAAiB,EACjBC,SAAS,EACTC,OAAO,EACR;IACC,MAAM,EAAEC,CAAC,EAAE,GAAGnB;IACd,MAAM,CAACoB,aAAaC,eAAe,GAAGlB,SAASS;IAC/C,MAAM,EAAEU,MAAM,EAAE,GAAGvB;IAEnB,IAAIwB,cAAc;IAElB,IAAIV,YAAY;QACd,IAAI,CAACZ,iBAAiBQ,UAAU,CAACP,iBAAiBO,QAAQ;YACxD,MAAM,IAAIe,MACR;QAEJ;QACA,MAAMC,gBAAgBR,aAAa,EAAE;QACrC,MAAMS,cAAcR,WAAW,EAAE;QAEjC,IAAI,CAACS,MAAMC,OAAO,CAACH,kBAAkB,CAACE,MAAMC,OAAO,CAACF,cAAc;YAChE,MAAM,IAAIF,MACR;QAEJ;QAEAD,cAAclB,yBAAyB;YACrCiB;YACAb;YACAM;YACAC;YACAS;YACAC;QACF;IACF,OAAO;QACLH,cAAcnB,mBAAmB;YAC/BkB;YACAZ;YACAK;YACAC;YACAC;YACAC;QACF;IACF;IAEA,MAAMW,oBAAoB;QACxB,GAAGvB,UAAU,SAAS,CAAC;QACvBc,eAAe,GAAGd,UAAU,uBAAuB,CAAC;QACpDK,cAAc,GAAGL,UAAU,sBAAsB,CAAC;KACnD,CACEwB,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,QACGC,IAAIC,WAAW5B,WAAW;MACzB,CAACR,eAAe;QACd,CAACqC,OACCC,YAAYhB,cAAc,WAAW,YACrCc,WAAW,GAAG5B,UAAU,eAAe,CAAC,EACxC+B,SAAS,IAAMhB,eAAe,CAACD,cAC/BkB,KAAK,SACN;UACC,CAACL,IAAIC,WAAW,GAAG5B,UAAU,OAAO,CAAC,GAAGQ,QAAQmB,IAAI;;UAEpD,CAACpC,YAAY0C,WAAWnB,cAAc,UAAU,QAAQoB,MAAM,UAAW;QAC3E,EAAEL,OAAO;QACT,CAACZ,cAAc,KAAKH,gBACjBqB,KAAKP,WAAW,GAAG5B,UAAU,oBAAoB,CAAC,EAAE;YACnD,CAACa,EAAE,8BAA8B;QAAEuB,OAAOnB;IAAY,GAAG;UAC3D,EAAEkB,MACF;MACJ,EAAE3C,eAAe;MACjB,CAACmC,IAAIC,WAAWL,oBAAoBrB,WAAWyB,IAAI;IACrD,EAAEA;AAEN,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","ChevronIcon","FieldDiffLabel","useConfig","useTranslation","fieldIsArrayType","fieldIsBlockType","React","useState","countChangedFields","countChangedFieldsInRows","baseClass","DiffCollapser","t0","$","children","field","fields","hideGutter","t1","initCollapsed","t2","isIterable","t3","Label","locales","parentIsLocalized","valueFrom","valueTo","undefined","t","isCollapsed","setIsCollapsed","config","t4","changeCount","Error","valueFromRows","valueToRows","Array","isArray","t5","t6","t7","filter","Boolean","contentClassNames","join","t8","_jsxs","className","onClick","type","_jsx","direction","size","count"],"sources":["../../../../../src/views/Version/RenderFieldsToDiff/DiffCollapser/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField } from 'payload'\n\nimport { ChevronIcon, FieldDiffLabel, useConfig, useTranslation } from '@payloadcms/ui'\nimport { fieldIsArrayType, fieldIsBlockType } from 'payload/shared'\nimport React, { useState } from 'react'\n\nimport './index.scss'\nimport { countChangedFields, countChangedFieldsInRows } from '../utilities/countChangedFields.js'\n\nconst baseClass = 'diff-collapser'\n\ntype Props = {\n  hideGutter?: boolean\n  initCollapsed?: boolean\n  Label: React.ReactNode\n  locales: string[] | undefined\n  parentIsLocalized: boolean\n  valueTo: unknown\n} & (\n  | {\n      // fields collapser\n      children: React.ReactNode\n      field?: never\n      fields: ClientField[]\n      isIterable?: false\n      valueFrom: unknown\n    }\n  | {\n      // iterable collapser\n      children: React.ReactNode\n      field: ClientField\n      fields?: never\n      isIterable: true\n      valueFrom?: unknown\n    }\n)\n\nexport const DiffCollapser: React.FC<Props> = ({\n  children,\n  field,\n  fields,\n  hideGutter = false,\n  initCollapsed = false,\n  isIterable = false,\n  Label,\n  locales,\n  parentIsLocalized,\n  valueFrom,\n  valueTo,\n}) => {\n  const { t } = useTranslation()\n  const [isCollapsed, setIsCollapsed] = useState(initCollapsed)\n  const { config } = useConfig()\n\n  let changeCount = 0\n\n  if (isIterable) {\n    if (!fieldIsArrayType(field) && !fieldIsBlockType(field)) {\n      throw new Error(\n        'DiffCollapser: field must be an array or blocks field when isIterable is true',\n      )\n    }\n    const valueFromRows = valueFrom ?? []\n    const valueToRows = valueTo ?? []\n\n    if (!Array.isArray(valueFromRows) || !Array.isArray(valueToRows)) {\n      throw new Error(\n        'DiffCollapser: valueFrom and valueTro must be arrays when isIterable is true',\n      )\n    }\n\n    changeCount = countChangedFieldsInRows({\n      config,\n      field,\n      locales,\n      parentIsLocalized,\n      valueFromRows,\n      valueToRows,\n    })\n  } else {\n    changeCount = countChangedFields({\n      config,\n      fields,\n      locales,\n      parentIsLocalized,\n      valueFrom,\n      valueTo,\n    })\n  }\n\n  const contentClassNames = [\n    `${baseClass}__content`,\n    isCollapsed && `${baseClass}__content--is-collapsed`,\n    hideGutter && `${baseClass}__content--hide-gutter`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div className={baseClass}>\n      <FieldDiffLabel>\n        <button\n          aria-label={isCollapsed ? 'Expand' : 'Collapse'}\n          className={`${baseClass}__toggle-button`}\n          onClick={() => setIsCollapsed(!isCollapsed)}\n          type=\"button\"\n        >\n          <div className={`${baseClass}__label`}>{Label}</div>\n\n          <ChevronIcon direction={isCollapsed ? 'right' : 'down'} size={'small'} />\n        </button>\n        {changeCount > 0 && isCollapsed && (\n          <span className={`${baseClass}__field-change-count`}>\n            {t('version:changedFieldsCount', { count: changeCount })}\n          </span>\n        )}\n      </FieldDiffLabel>\n      <div className={contentClassNames}>{children}</div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,43 +1,80 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 const baseClass = 'render-field-diffs';
-import './index.scss';
 import { ShimmerEffect } from '@payloadcms/ui';
 import React, { Fragment, useEffect } from 'react';
-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 <div className={`${baseClass}${parent ? ` ${baseClass}--parent` : ''}`}>
-      {!hasMounted ? <Fragment>
-          <ShimmerEffect height="8rem" width="100%"/>
-        </Fragment> : versionFields?.map((field, fieldIndex)=>{
-        if (field.fieldByLocale) {
-            const LocaleComponents = [];
-            for (const [locale, baseField] of Object.entries(field.fieldByLocale)){
-                LocaleComponents.push(<div className={`${baseClass}__locale`} data-field-path={baseField.path} data-locale={locale} key={[
-                    locale,
-                    fieldIndex
-                ].join('-')}>
-                  <div className={`${baseClass}__locale-value`}>{baseField.CustomComponent}</div>
-                </div>);
-            }
-            return <div className={`${baseClass}__field`} key={fieldIndex}>
-                {LocaleComponents}
-              </div>;
-        } else if (field.field) {
-            return <div className={`${baseClass}__field field__${field.field.type}`} data-field-path={field.field.path} key={fieldIndex}>
-                {field.field.CustomComponent}
-              </div>;
-        }
-        return null;
-    })}
-    </div>;
+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%"
+        })
+      }) : versionFields?.map(_temp)
+    });
+    $[2] = hasMounted;
+    $[3] = t4;
+    $[4] = versionFields;
+    $[5] = t5;
+  } else {
+    t5 = $[5];
+  }
+  return t5;
 };
-
+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,"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","key","join","CustomComponent","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,QACGE,IAAIC,WAAW,GAAGZ,YAAYM,SAAS,CAAC,CAAC,EAAEN,UAAU,QAAQ,CAAC,GAAG,IAAI,EAAE;MACtE,CAAC,CAACQ,cACCL,SAAS;UACR,CAACF,cAAcY,OAAO,OAAOC,MAAM,QAAS;QAC9C,EAAEX,YAEFI,eAAeQ,IAAI,CAACC,OAAOC;QACzB,IAAID,MAAME,aAAa,EAAE;YACvB,MAAMC,mBAAsC,EAAE;YAC9C,KAAK,MAAM,CAACC,QAAQC,UAAU,IAAIC,OAAOC,OAAO,CAACP,MAAME,aAAa,EAAG;gBACrEC,iBAAiBK,IAAI,EAClBb,IACCC,WAAW,GAAGZ,UAAU,QAAQ,CAAC,EACjCyB,iBAAiBJ,UAAUK,IAAI,EAC/BC,aAAaP,QACbQ,KAAK;oBAACR;oBAAQH;iBAAW,CAACY,IAAI,CAAC,MAChC;kBACC,CAAClB,IAAIC,WAAW,GAAGZ,UAAU,cAAc,CAAC,GAAGqB,UAAUS,eAAe,GAAGnB,IAAI;gBACjF,EAAEA;YAEN;YACA,QACGA,IAAIC,WAAW,GAAGZ,UAAU,OAAO,CAAC,EAAE4B,KAAKX,YAAY;gBACtD,CAACE,iBAAiB;cACpB,EAAER;QAEN,OAAO,IAAIK,MAAMA,KAAK,EAAE;YACtB,QACGL,IACCC,WAAW,GAAGZ,UAAU,eAAe,EAAEgB,MAAMA,KAAK,CAACe,IAAI,EAAE,EAC3DN,iBAAiBT,MAAMA,KAAK,CAACU,IAAI,EACjCE,KAAKX,YACN;gBACC,CAACD,MAAMA,KAAK,CAACc,eAAe,CAAC;cAC/B,EAAEnB;QAEN;QAEA,OAAO;IACT,GACA;IACJ,EAAEA;AAEN,EAAC"}
+{"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":[]}