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

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

@@ -1,4 +1,5 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 const baseClass = 'render-field-diffs';
 import './index.scss';
 import { ShimmerEffect } from '@payloadcms/ui';
@@ -13,31 +14,72 @@ export const RenderVersionFieldsToDiff = ({ parent = false, versionFields })=>/*
     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 /*#__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 <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>;
+            return null;
+        })
+    }, void 0, false, {
+        fileName: "src/views/Version/RenderFieldsToDiff/RenderVersionFieldsToDiff.tsx",
+        lineNumber: 30,
+        columnNumber: 5
+    }, this);
 };
 
 //# 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,"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"}

package/dist/views/Version/RenderFieldsToDiff/fields/Collapsible/index.js

@@ -1,6 +1,8 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { useTranslation } from '@payloadcms/ui';
+import React from 'react';
 import { useSelectedLocales } from '../../../Default/SelectedLocalesContext.js';
 import { DiffCollapser } from '../../DiffCollapser/index.js';
 import { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js';
@@ -11,11 +13,38 @@ export const Collapsible = ({ baseVersionField, comparisonValue: valueFrom, fiel
     if (!baseVersionField.fields?.length) {
         return null;
     }
-    return <div className={baseClass}>
-      <DiffCollapser fields={field.fields} Label={'label' in field && field.label && typeof field.label !== 'function' && <span>{getTranslation(field.label, i18n)}</span>} locales={selectedLocales} parentIsLocalized={parentIsLocalized || field.localized} valueFrom={valueFrom} valueTo={valueTo}>
-        <RenderVersionFieldsToDiff versionFields={baseVersionField.fields}/>
-      </DiffCollapser>
-    </div>;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: baseClass,
+        children: /*#__PURE__*/ _jsxDEV(DiffCollapser, {
+            fields: field.fields,
+            Label: 'label' in field && field.label && typeof field.label !== 'function' && /*#__PURE__*/ _jsxDEV("span", {
+                children: getTranslation(field.label, i18n)
+            }, void 0, false, {
+                fileName: "src/views/Version/RenderFieldsToDiff/fields/Collapsible/index.tsx",
+                lineNumber: 35,
+                columnNumber: 48
+            }, void 0),
+            locales: selectedLocales,
+            parentIsLocalized: parentIsLocalized || field.localized,
+            valueFrom: valueFrom,
+            valueTo: valueTo,
+            children: /*#__PURE__*/ _jsxDEV(RenderVersionFieldsToDiff, {
+                versionFields: baseVersionField.fields
+            }, void 0, false, {
+                fileName: "src/views/Version/RenderFieldsToDiff/fields/Collapsible/index.tsx",
+                lineNumber: 42,
+                columnNumber: 9
+            }, this)
+        }, void 0, false, {
+            fileName: "src/views/Version/RenderFieldsToDiff/fields/Collapsible/index.tsx",
+            lineNumber: 30,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/views/Version/RenderFieldsToDiff/fields/Collapsible/index.tsx",
+        lineNumber: 29,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/views/Version/RenderFieldsToDiff/fields/Collapsible/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Collapsible/index.tsx"],"sourcesContent":["'use client'\nimport type { CollapsibleFieldDiffClientComponent } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useTranslation } from '@payloadcms/ui'\nimport React from 'react'\n\nimport { useSelectedLocales } from '../../../Default/SelectedLocalesContext.js'\nimport { DiffCollapser } from '../../DiffCollapser/index.js'\nimport { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js'\n\nconst baseClass = 'collapsible-diff'\n\nexport const Collapsible: CollapsibleFieldDiffClientComponent = ({\n  baseVersionField,\n  comparisonValue: valueFrom,\n  field,\n  parentIsLocalized,\n  versionValue: valueTo,\n}) => {\n  const { i18n } = useTranslation()\n  const { selectedLocales } = useSelectedLocales()\n\n  if (!baseVersionField.fields?.length) {\n    return null\n  }\n\n  return (\n    <div className={baseClass}>\n      <DiffCollapser\n        fields={field.fields}\n        Label={\n          'label' in field &&\n          field.label &&\n          typeof field.label !== 'function' && <span>{getTranslation(field.label, i18n)}</span>\n        }\n        locales={selectedLocales}\n        parentIsLocalized={parentIsLocalized || field.localized}\n        valueFrom={valueFrom}\n        valueTo={valueTo}\n      >\n        <RenderVersionFieldsToDiff versionFields={baseVersionField.fields} />\n      </DiffCollapser>\n    </div>\n  )\n}\n"],"names":["getTranslation","useTranslation","useSelectedLocales","DiffCollapser","RenderVersionFieldsToDiff","baseClass","Collapsible","baseVersionField","comparisonValue","valueFrom","field","parentIsLocalized","versionValue","valueTo","i18n","selectedLocales","fields","length","div","className","Label","label","span","locales","localized","versionFields"],"mappings":"AAAA;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,cAAc,QAAQ,iBAAgB;AAG/C,SAASC,kBAAkB,QAAQ,6CAA4C;AAC/E,SAASC,aAAa,QAAQ,+BAA8B;AAC5D,SAASC,yBAAyB,QAAQ,qCAAoC;AAE9E,MAAMC,YAAY;AAElB,OAAO,MAAMC,cAAmD,CAAC,EAC/DC,gBAAgB,EAChBC,iBAAiBC,SAAS,EAC1BC,KAAK,EACLC,iBAAiB,EACjBC,cAAcC,OAAO,EACtB;IACC,MAAM,EAAEC,IAAI,EAAE,GAAGb;IACjB,MAAM,EAAEc,eAAe,EAAE,GAAGb;IAE5B,IAAI,CAACK,iBAAiBS,MAAM,EAAEC,QAAQ;QACpC,OAAO;IACT;IAEA,QACGC,IAAIC,WAAWd,WAAW;MACzB,CAACF,cACCa,QAAQN,MAAMM,MAAM,EACpBI,OACE,WAAWV,SACXA,MAAMW,KAAK,IACX,OAAOX,MAAMW,KAAK,KAAK,eAAeC,MAAMtB,eAAeU,MAAMW,KAAK,EAAEP,QAAQQ,OAElFC,SAASR,iBACTJ,mBAAmBA,qBAAqBD,MAAMc,SAAS,EACvDf,WAAWA,WACXI,SAASA,SACV;QACC,CAACT,0BAA0BqB,eAAelB,iBAAiBS,MAAM,GAAI;MACvE,EAAEb,cAAc;IAClB,EAAEe;AAEN,EAAC"}
+{"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Collapsible/index.tsx"],"sourcesContent":["'use client'\nimport type { CollapsibleFieldDiffClientComponent } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useTranslation } from '@payloadcms/ui'\nimport React from 'react'\n\nimport { useSelectedLocales } from '../../../Default/SelectedLocalesContext.js'\nimport { DiffCollapser } from '../../DiffCollapser/index.js'\nimport { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js'\n\nconst baseClass = 'collapsible-diff'\n\nexport const Collapsible: CollapsibleFieldDiffClientComponent = ({\n  baseVersionField,\n  comparisonValue: valueFrom,\n  field,\n  parentIsLocalized,\n  versionValue: valueTo,\n}) => {\n  const { i18n } = useTranslation()\n  const { selectedLocales } = useSelectedLocales()\n\n  if (!baseVersionField.fields?.length) {\n    return null\n  }\n\n  return (\n    <div className={baseClass}>\n      <DiffCollapser\n        fields={field.fields}\n        Label={\n          'label' in field &&\n          field.label &&\n          typeof field.label !== 'function' && <span>{getTranslation(field.label, i18n)}</span>\n        }\n        locales={selectedLocales}\n        parentIsLocalized={parentIsLocalized || field.localized}\n        valueFrom={valueFrom}\n        valueTo={valueTo}\n      >\n        <RenderVersionFieldsToDiff versionFields={baseVersionField.fields} />\n      </DiffCollapser>\n    </div>\n  )\n}\n"],"names":["getTranslation","useTranslation","React","useSelectedLocales","DiffCollapser","RenderVersionFieldsToDiff","baseClass","Collapsible","baseVersionField","comparisonValue","valueFrom","field","parentIsLocalized","versionValue","valueTo","i18n","selectedLocales","fields","length","div","className","Label","label","span","locales","localized","versionFields"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,cAAc,QAAQ,iBAAgB;AAC/C,OAAOC,WAAW,QAAO;AAEzB,SAASC,kBAAkB,QAAQ,6CAA4C;AAC/E,SAASC,aAAa,QAAQ,+BAA8B;AAC5D,SAASC,yBAAyB,QAAQ,qCAAoC;AAE9E,MAAMC,YAAY;AAElB,OAAO,MAAMC,cAAmD,CAAC,EAC/DC,gBAAgB,EAChBC,iBAAiBC,SAAS,EAC1BC,KAAK,EACLC,iBAAiB,EACjBC,cAAcC,OAAO,EACtB;IACC,MAAM,EAAEC,IAAI,EAAE,GAAGd;IACjB,MAAM,EAAEe,eAAe,EAAE,GAAGb;IAE5B,IAAI,CAACK,iBAAiBS,MAAM,EAAEC,QAAQ;QACpC,OAAO;IACT;IAEA,qBACE,QAACC;QAAIC,WAAWd;kBACd,cAAA,QAACF;YACCa,QAAQN,MAAMM,MAAM;YACpBI,OACE,WAAWV,SACXA,MAAMW,KAAK,IACX,OAAOX,MAAMW,KAAK,KAAK,4BAAc,QAACC;0BAAMvB,eAAeW,MAAMW,KAAK,EAAEP;;;;;;YAE1ES,SAASR;YACTJ,mBAAmBA,qBAAqBD,MAAMc,SAAS;YACvDf,WAAWA;YACXI,SAASA;sBAET,cAAA,QAACT;gBAA0BqB,eAAelB,iBAAiBS,MAAM;;;;;;;;;;;;;;;;AAIzE,EAAC"}

package/dist/views/Version/RenderFieldsToDiff/fields/Date/index.js

@@ -1,7 +1,9 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { FieldDiffContainer, getHTMLDiffComponents, useConfig, useTranslation } from '@payloadcms/ui';
 import { formatDate } from '@payloadcms/ui/shared';
 import './index.scss';
+import React from 'react';
 const baseClass = 'date-diff';
 export const DateDiffComponent = ({ comparisonValue: valueFrom, field, locale, nestingLevel, versionValue: valueTo })=>{
     const { i18n } = useTranslation();
@@ -21,10 +23,21 @@ export const DateDiffComponent = ({ comparisonValue: valueFrom, field, locale, n
         toHTML: `<div class="${baseClass}" data-enable-match="true" data-date="${formattedToDate}"><p>` + formattedToDate + '</p></div>',
         tokenizeByCharacter: false
     });
-    return <FieldDiffContainer className={baseClass} From={From} i18n={i18n} label={{
-        label: field.label,
-        locale
-    }} nestingLevel={nestingLevel} To={To}/>;
+    return /*#__PURE__*/ _jsxDEV(FieldDiffContainer, {
+        className: baseClass,
+        From: From,
+        i18n: i18n,
+        label: {
+            label: field.label,
+            locale
+        },
+        nestingLevel: nestingLevel,
+        To: To
+    }, void 0, false, {
+        fileName: "src/views/Version/RenderFieldsToDiff/fields/Date/index.tsx",
+        lineNumber: 61,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/views/Version/RenderFieldsToDiff/fields/Date/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Date/index.tsx"],"sourcesContent":["'use client'\nimport type { DateFieldDiffClientComponent } from 'payload'\n\nimport {\n  FieldDiffContainer,\n  getHTMLDiffComponents,\n  useConfig,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { formatDate } from '@payloadcms/ui/shared'\n\nimport './index.scss'\n\nimport React from 'react'\n\nconst baseClass = 'date-diff'\n\nexport const DateDiffComponent: DateFieldDiffClientComponent = ({\n  comparisonValue: valueFrom,\n  field,\n  locale,\n  nestingLevel,\n  versionValue: valueTo,\n}) => {\n  const { i18n } = useTranslation()\n  const {\n    config: {\n      admin: { dateFormat },\n    },\n  } = useConfig()\n\n  const formattedFromDate = valueFrom\n    ? formatDate({\n        date: typeof valueFrom === 'string' ? new Date(valueFrom) : (valueFrom as Date),\n        i18n,\n        pattern: dateFormat,\n      })\n    : ''\n\n  const formattedToDate = valueTo\n    ? formatDate({\n        date: typeof valueTo === 'string' ? new Date(valueTo) : (valueTo as Date),\n        i18n,\n        pattern: dateFormat,\n      })\n    : ''\n\n  const { From, To } = getHTMLDiffComponents({\n    fromHTML:\n      `<div class=\"${baseClass}\" data-enable-match=\"true\" data-date=\"${formattedFromDate}\"><p>` +\n      formattedFromDate +\n      '</p></div>',\n    toHTML:\n      `<div class=\"${baseClass}\" data-enable-match=\"true\" data-date=\"${formattedToDate}\"><p>` +\n      formattedToDate +\n      '</p></div>',\n    tokenizeByCharacter: false,\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","useConfig","useTranslation","formatDate","baseClass","DateDiffComponent","comparisonValue","valueFrom","field","locale","nestingLevel","versionValue","valueTo","i18n","config","admin","dateFormat","formattedFromDate","date","Date","pattern","formattedToDate","From","To","fromHTML","toHTML","tokenizeByCharacter","className","label"],"mappings":"AAAA;AAGA,SACEA,kBAAkB,EAClBC,qBAAqB,EACrBC,SAAS,EACTC,cAAc,QACT,iBAAgB;AACvB,SAASC,UAAU,QAAQ,wBAAuB;AAElD,OAAO,eAAc;AAIrB,MAAMC,YAAY;AAElB,OAAO,MAAMC,oBAAkD,CAAC,EAC9DC,iBAAiBC,SAAS,EAC1BC,KAAK,EACLC,MAAM,EACNC,YAAY,EACZC,cAAcC,OAAO,EACtB;IACC,MAAM,EAAEC,IAAI,EAAE,GAAGX;IACjB,MAAM,EACJY,QAAQ,EACNC,OAAO,EAAEC,UAAU,EAAE,EACtB,EACF,GAAGf;IAEJ,MAAMgB,oBAAoBV,YACtBJ,WAAW;QACTe,MAAM,OAAOX,cAAc,WAAW,IAAIY,KAAKZ,aAAcA;QAC7DM;QACAO,SAASJ;IACX,KACA;IAEJ,MAAMK,kBAAkBT,UACpBT,WAAW;QACTe,MAAM,OAAON,YAAY,WAAW,IAAIO,KAAKP,WAAYA;QACzDC;QACAO,SAASJ;IACX,KACA;IAEJ,MAAM,EAAEM,IAAI,EAAEC,EAAE,EAAE,GAAGvB,sBAAsB;QACzCwB,UACE,CAAC,YAAY,EAAEpB,UAAU,sCAAsC,EAAEa,kBAAkB,KAAK,CAAC,GACzFA,oBACA;QACFQ,QACE,CAAC,YAAY,EAAErB,UAAU,sCAAsC,EAAEiB,gBAAgB,KAAK,CAAC,GACvFA,kBACA;QACFK,qBAAqB;IACvB;IAEA,QACG3B,mBACC4B,WAAWvB,WACXkB,MAAMA,MACNT,MAAMA,MACNe,OAAO;QACLA,OAAOpB,MAAMoB,KAAK;QAClBnB;IACF,GACAC,cAAcA,cACda,IAAIA;AAGV,EAAC"}
+{"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Date/index.tsx"],"sourcesContent":["'use client'\nimport type { DateFieldDiffClientComponent } from 'payload'\n\nimport {\n  FieldDiffContainer,\n  getHTMLDiffComponents,\n  useConfig,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { formatDate } from '@payloadcms/ui/shared'\n\nimport './index.scss'\n\nimport React from 'react'\n\nconst baseClass = 'date-diff'\n\nexport const DateDiffComponent: DateFieldDiffClientComponent = ({\n  comparisonValue: valueFrom,\n  field,\n  locale,\n  nestingLevel,\n  versionValue: valueTo,\n}) => {\n  const { i18n } = useTranslation()\n  const {\n    config: {\n      admin: { dateFormat },\n    },\n  } = useConfig()\n\n  const formattedFromDate = valueFrom\n    ? formatDate({\n        date: typeof valueFrom === 'string' ? new Date(valueFrom) : (valueFrom as Date),\n        i18n,\n        pattern: dateFormat,\n      })\n    : ''\n\n  const formattedToDate = valueTo\n    ? formatDate({\n        date: typeof valueTo === 'string' ? new Date(valueTo) : (valueTo as Date),\n        i18n,\n        pattern: dateFormat,\n      })\n    : ''\n\n  const { From, To } = getHTMLDiffComponents({\n    fromHTML:\n      `<div class=\"${baseClass}\" data-enable-match=\"true\" data-date=\"${formattedFromDate}\"><p>` +\n      formattedFromDate +\n      '</p></div>',\n    toHTML:\n      `<div class=\"${baseClass}\" data-enable-match=\"true\" data-date=\"${formattedToDate}\"><p>` +\n      formattedToDate +\n      '</p></div>',\n    tokenizeByCharacter: false,\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","useConfig","useTranslation","formatDate","React","baseClass","DateDiffComponent","comparisonValue","valueFrom","field","locale","nestingLevel","versionValue","valueTo","i18n","config","admin","dateFormat","formattedFromDate","date","Date","pattern","formattedToDate","From","To","fromHTML","toHTML","tokenizeByCharacter","className","label"],"mappings":"AAAA;;AAGA,SACEA,kBAAkB,EAClBC,qBAAqB,EACrBC,SAAS,EACTC,cAAc,QACT,iBAAgB;AACvB,SAASC,UAAU,QAAQ,wBAAuB;AAElD,OAAO,eAAc;AAErB,OAAOC,WAAW,QAAO;AAEzB,MAAMC,YAAY;AAElB,OAAO,MAAMC,oBAAkD,CAAC,EAC9DC,iBAAiBC,SAAS,EAC1BC,KAAK,EACLC,MAAM,EACNC,YAAY,EACZC,cAAcC,OAAO,EACtB;IACC,MAAM,EAAEC,IAAI,EAAE,GAAGZ;IACjB,MAAM,EACJa,QAAQ,EACNC,OAAO,EAAEC,UAAU,EAAE,EACtB,EACF,GAAGhB;IAEJ,MAAMiB,oBAAoBV,YACtBL,WAAW;QACTgB,MAAM,OAAOX,cAAc,WAAW,IAAIY,KAAKZ,aAAcA;QAC7DM;QACAO,SAASJ;IACX,KACA;IAEJ,MAAMK,kBAAkBT,UACpBV,WAAW;QACTgB,MAAM,OAAON,YAAY,WAAW,IAAIO,KAAKP,WAAYA;QACzDC;QACAO,SAASJ;IACX,KACA;IAEJ,MAAM,EAAEM,IAAI,EAAEC,EAAE,EAAE,GAAGxB,sBAAsB;QACzCyB,UACE,CAAC,YAAY,EAAEpB,UAAU,sCAAsC,EAAEa,kBAAkB,KAAK,CAAC,GACzFA,oBACA;QACFQ,QACE,CAAC,YAAY,EAAErB,UAAU,sCAAsC,EAAEiB,gBAAgB,KAAK,CAAC,GACvFA,kBACA;QACFK,qBAAqB;IACvB;IAEA,qBACE,QAAC5B;QACC6B,WAAWvB;QACXkB,MAAMA;QACNT,MAAMA;QACNe,OAAO;YACLA,OAAOpB,MAAMoB,KAAK;YAClBnB;QACF;QACAC,cAAcA;QACda,IAAIA;;;;;;AAGV,EAAC"}

package/dist/views/Version/RenderFieldsToDiff/fields/Group/index.js

@@ -1,7 +1,9 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import './index.scss';
 import { useTranslation } from '@payloadcms/ui';
+import React from 'react';
 import { useSelectedLocales } from '../../../Default/SelectedLocalesContext.js';
 import { DiffCollapser } from '../../DiffCollapser/index.js';
 import { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js';
@@ -9,16 +11,59 @@ const baseClass = 'group-diff';
 export const Group = ({ baseVersionField, comparisonValue: valueFrom, field, locale, parentIsLocalized, versionValue: valueTo })=>{
     const { i18n } = useTranslation();
     const { selectedLocales } = useSelectedLocales();
-    return <div className={baseClass}>
-      <DiffCollapser fields={field.fields} Label={'label' in field && field.label && typeof field.label !== 'function' ? <span>
-              {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}
-              {getTranslation(field.label, i18n)}
-            </span> : <span className={`${baseClass}__locale-label ${baseClass}__locale-label--no-label`}>
-              &lt;{i18n.t('version:noLabelGroup')}&gt;
-            </span>} locales={selectedLocales} parentIsLocalized={parentIsLocalized || field.localized} valueFrom={valueFrom} valueTo={valueTo}>
-        <RenderVersionFieldsToDiff versionFields={baseVersionField.fields}/>
-      </DiffCollapser>
-    </div>;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: baseClass,
+        children: /*#__PURE__*/ _jsxDEV(DiffCollapser, {
+            fields: field.fields,
+            Label: 'label' in field && field.label && typeof field.label !== 'function' ? /*#__PURE__*/ _jsxDEV("span", {
+                children: [
+                    locale && /*#__PURE__*/ _jsxDEV("span", {
+                        className: `${baseClass}__locale-label`,
+                        children: locale
+                    }, void 0, false, {
+                        fileName: "src/views/Version/RenderFieldsToDiff/fields/Group/index.tsx",
+                        lineNumber: 35,
+                        columnNumber: 26
+                    }, void 0),
+                    getTranslation(field.label, i18n)
+                ]
+            }, void 0, true, {
+                fileName: "src/views/Version/RenderFieldsToDiff/fields/Group/index.tsx",
+                lineNumber: 34,
+                columnNumber: 13
+            }, void 0) : /*#__PURE__*/ _jsxDEV("span", {
+                className: `${baseClass}__locale-label ${baseClass}__locale-label--no-label`,
+                children: [
+                    "<",
+                    i18n.t('version:noLabelGroup'),
+                    ">"
+                ]
+            }, void 0, true, {
+                fileName: "src/views/Version/RenderFieldsToDiff/fields/Group/index.tsx",
+                lineNumber: 39,
+                columnNumber: 13
+            }, void 0),
+            locales: selectedLocales,
+            parentIsLocalized: parentIsLocalized || field.localized,
+            valueFrom: valueFrom,
+            valueTo: valueTo,
+            children: /*#__PURE__*/ _jsxDEV(RenderVersionFieldsToDiff, {
+                versionFields: baseVersionField.fields
+            }, void 0, false, {
+                fileName: "src/views/Version/RenderFieldsToDiff/fields/Group/index.tsx",
+                lineNumber: 49,
+                columnNumber: 9
+            }, this)
+        }, void 0, false, {
+            fileName: "src/views/Version/RenderFieldsToDiff/fields/Group/index.tsx",
+            lineNumber: 30,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/views/Version/RenderFieldsToDiff/fields/Group/index.tsx",
+        lineNumber: 29,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/views/Version/RenderFieldsToDiff/fields/Group/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Group/index.tsx"],"sourcesContent":["'use client'\nimport type { GroupFieldDiffClientComponent } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport './index.scss'\n\nimport { useTranslation } from '@payloadcms/ui'\nimport React from 'react'\n\nimport { useSelectedLocales } from '../../../Default/SelectedLocalesContext.js'\nimport { DiffCollapser } from '../../DiffCollapser/index.js'\nimport { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js'\n\nconst baseClass = 'group-diff'\n\nexport const Group: GroupFieldDiffClientComponent = ({\n  baseVersionField,\n  comparisonValue: valueFrom,\n  field,\n  locale,\n  parentIsLocalized,\n  versionValue: valueTo,\n}) => {\n  const { i18n } = useTranslation()\n  const { selectedLocales } = useSelectedLocales()\n\n  return (\n    <div className={baseClass}>\n      <DiffCollapser\n        fields={field.fields}\n        Label={\n          'label' in field && field.label && typeof field.label !== 'function' ? (\n            <span>\n              {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n              {getTranslation(field.label, i18n)}\n            </span>\n          ) : (\n            <span className={`${baseClass}__locale-label ${baseClass}__locale-label--no-label`}>\n              &lt;{i18n.t('version:noLabelGroup')}&gt;\n            </span>\n          )\n        }\n        locales={selectedLocales}\n        parentIsLocalized={parentIsLocalized || field.localized}\n        valueFrom={valueFrom}\n        valueTo={valueTo}\n      >\n        <RenderVersionFieldsToDiff versionFields={baseVersionField.fields} />\n      </DiffCollapser>\n    </div>\n  )\n}\n"],"names":["getTranslation","useTranslation","useSelectedLocales","DiffCollapser","RenderVersionFieldsToDiff","baseClass","Group","baseVersionField","comparisonValue","valueFrom","field","locale","parentIsLocalized","versionValue","valueTo","i18n","selectedLocales","div","className","fields","Label","label","span","t","locales","localized","versionFields"],"mappings":"AAAA;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AAEzD,OAAO,eAAc;AAErB,SAASC,cAAc,QAAQ,iBAAgB;AAG/C,SAASC,kBAAkB,QAAQ,6CAA4C;AAC/E,SAASC,aAAa,QAAQ,+BAA8B;AAC5D,SAASC,yBAAyB,QAAQ,qCAAoC;AAE9E,MAAMC,YAAY;AAElB,OAAO,MAAMC,QAAuC,CAAC,EACnDC,gBAAgB,EAChBC,iBAAiBC,SAAS,EAC1BC,KAAK,EACLC,MAAM,EACNC,iBAAiB,EACjBC,cAAcC,OAAO,EACtB;IACC,MAAM,EAAEC,IAAI,EAAE,GAAGd;IACjB,MAAM,EAAEe,eAAe,EAAE,GAAGd;IAE5B,QACGe,IAAIC,WAAWb,WAAW;MACzB,CAACF,cACCgB,QAAQT,MAAMS,MAAM,EACpBC,OACE,WAAWV,SAASA,MAAMW,KAAK,IAAI,OAAOX,MAAMW,KAAK,KAAK,cACvDC,KAAK;cACJ,CAACX,WAAWW,KAAKJ,WAAW,GAAGb,UAAU,cAAc,CAAC,GAAGM,SAASW,MAAM;cAC1E,CAACtB,eAAeU,MAAMW,KAAK,EAAEN,MAAM;YACrC,EAAEO,SAEDA,KAAKJ,WAAW,GAAGb,UAAU,eAAe,EAAEA,UAAU,wBAAwB,CAAC,EAAE;kBAC9E,CAACU,KAAKQ,CAAC,CAAC,wBAAwB;YACtC,EAAED,OAGNE,SAASR,iBACTJ,mBAAmBA,qBAAqBF,MAAMe,SAAS,EACvDhB,WAAWA,WACXK,SAASA,SACV;QACC,CAACV,0BAA0BsB,eAAenB,iBAAiBY,MAAM,GAAI;MACvE,EAAEhB,cAAc;IAClB,EAAEc;AAEN,EAAC"}
+{"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Group/index.tsx"],"sourcesContent":["'use client'\nimport type { GroupFieldDiffClientComponent } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport './index.scss'\n\nimport { useTranslation } from '@payloadcms/ui'\nimport React from 'react'\n\nimport { useSelectedLocales } from '../../../Default/SelectedLocalesContext.js'\nimport { DiffCollapser } from '../../DiffCollapser/index.js'\nimport { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js'\n\nconst baseClass = 'group-diff'\n\nexport const Group: GroupFieldDiffClientComponent = ({\n  baseVersionField,\n  comparisonValue: valueFrom,\n  field,\n  locale,\n  parentIsLocalized,\n  versionValue: valueTo,\n}) => {\n  const { i18n } = useTranslation()\n  const { selectedLocales } = useSelectedLocales()\n\n  return (\n    <div className={baseClass}>\n      <DiffCollapser\n        fields={field.fields}\n        Label={\n          'label' in field && field.label && typeof field.label !== 'function' ? (\n            <span>\n              {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n              {getTranslation(field.label, i18n)}\n            </span>\n          ) : (\n            <span className={`${baseClass}__locale-label ${baseClass}__locale-label--no-label`}>\n              &lt;{i18n.t('version:noLabelGroup')}&gt;\n            </span>\n          )\n        }\n        locales={selectedLocales}\n        parentIsLocalized={parentIsLocalized || field.localized}\n        valueFrom={valueFrom}\n        valueTo={valueTo}\n      >\n        <RenderVersionFieldsToDiff versionFields={baseVersionField.fields} />\n      </DiffCollapser>\n    </div>\n  )\n}\n"],"names":["getTranslation","useTranslation","React","useSelectedLocales","DiffCollapser","RenderVersionFieldsToDiff","baseClass","Group","baseVersionField","comparisonValue","valueFrom","field","locale","parentIsLocalized","versionValue","valueTo","i18n","selectedLocales","div","className","fields","Label","label","span","t","locales","localized","versionFields"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AAEzD,OAAO,eAAc;AAErB,SAASC,cAAc,QAAQ,iBAAgB;AAC/C,OAAOC,WAAW,QAAO;AAEzB,SAASC,kBAAkB,QAAQ,6CAA4C;AAC/E,SAASC,aAAa,QAAQ,+BAA8B;AAC5D,SAASC,yBAAyB,QAAQ,qCAAoC;AAE9E,MAAMC,YAAY;AAElB,OAAO,MAAMC,QAAuC,CAAC,EACnDC,gBAAgB,EAChBC,iBAAiBC,SAAS,EAC1BC,KAAK,EACLC,MAAM,EACNC,iBAAiB,EACjBC,cAAcC,OAAO,EACtB;IACC,MAAM,EAAEC,IAAI,EAAE,GAAGf;IACjB,MAAM,EAAEgB,eAAe,EAAE,GAAGd;IAE5B,qBACE,QAACe;QAAIC,WAAWb;kBACd,cAAA,QAACF;YACCgB,QAAQT,MAAMS,MAAM;YACpBC,OACE,WAAWV,SAASA,MAAMW,KAAK,IAAI,OAAOX,MAAMW,KAAK,KAAK,2BACxD,QAACC;;oBACEX,wBAAU,QAACW;wBAAKJ,WAAW,GAAGb,UAAU,cAAc,CAAC;kCAAGM;;;;;;oBAC1DZ,eAAeW,MAAMW,KAAK,EAAEN;;;;;;uCAG/B,QAACO;gBAAKJ,WAAW,GAAGb,UAAU,eAAe,EAAEA,UAAU,wBAAwB,CAAC;;oBAAE;oBAC7EU,KAAKQ,CAAC,CAAC;oBAAwB;;;;;;;YAI1CC,SAASR;YACTJ,mBAAmBA,qBAAqBF,MAAMe,SAAS;YACvDhB,WAAWA;YACXK,SAASA;sBAET,cAAA,QAACV;gBAA0BsB,eAAenB,iBAAiBY,MAAM;;;;;;;;;;;;;;;;AAIzE,EAAC"}

package/dist/views/Version/RenderFieldsToDiff/fields/Iterable/index.js

@@ -1,8 +1,10 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { useConfig, useTranslation } from '@payloadcms/ui';
 import './index.scss';
 import { fieldIsArrayType, fieldIsBlockType } from 'payload/shared';
+import React from 'react';
 import { useSelectedLocales } from '../../../Default/SelectedLocalesContext.js';
 import { DiffCollapser } from '../../DiffCollapser/index.js';
 import { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js';
@@ -18,49 +20,132 @@ export const Iterable = ({ baseVersionField, comparisonValue: valueFrom, field,
     const valueToRowCount = Array.isArray(valueTo) ? valueTo.length : 0;
     const valueFromRowCount = Array.isArray(valueFrom) ? valueFrom.length : 0;
     const maxRows = Math.max(valueToRowCount, valueFromRowCount);
-    return <div className={baseClass}>
-      <DiffCollapser field={field} isIterable Label={'label' in field && field.label && typeof field.label !== 'function' && <span>
-              {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}
-              {getTranslation(field.label, i18n)}
-            </span>} locales={selectedLocales} parentIsLocalized={parentIsLocalized} valueFrom={valueFrom} valueTo={valueTo}>
-        {maxRows > 0 && <div className={`${baseClass}__rows`}>
-            {Array.from({
-        length: maxRows
-    }, (_, i)=>{
-        const valueToRow = valueTo?.[i] || {};
-        const valueFromRow = valueFrom?.[i] || {};
-        const { fields, versionFields } = getFieldsForRowComparison({
-            baseVersionField,
-            config,
-            field,
-            row: i,
-            valueFromRow,
-            valueToRow
-        });
-        if (!versionFields?.length) {
-            // Rows without a diff create "holes" in the baseVersionField.rows (=versionFields) array - this is to maintain the correct row indexes.
-            // It does mean that this row has no diff and should not be rendered => skip it.
-            return null;
-        }
-        const rowNumber = String(i + 1).padStart(2, '0');
-        const rowLabel = fieldIsArrayType(field) ? `${t('general:item')} ${rowNumber}` : `${t('fields:block')} ${rowNumber}`;
-        return <div className={`${baseClass}__row`} key={i}>
-                  <DiffCollapser fields={fields} hideGutter={true} Label={<div className={`${baseClass}-label-container`}>
-                        <div className={`${baseClass}-label-prefix`}></div>
-                        <span className={`${baseClass}__label`}>{rowLabel}</span>
-                      </div>} locales={selectedLocales} parentIsLocalized={parentIsLocalized || field.localized} valueFrom={valueFromRow} valueTo={valueToRow}>
-                    <RenderVersionFieldsToDiff versionFields={versionFields}/>
-                  </DiffCollapser>
-                </div>;
-    })}
-          </div>}
-        {maxRows === 0 && <div className={`${baseClass}__no-rows`}>
-            {i18n.t('version:noRowsFound', {
-        label: 'labels' in field && field.labels?.plural ? getTranslation(field.labels.plural, i18n) : i18n.t('general:rows')
-    })}
-          </div>}
-      </DiffCollapser>
-    </div>;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: baseClass,
+        children: /*#__PURE__*/ _jsxDEV(DiffCollapser, {
+            field: field,
+            isIterable: true,
+            Label: 'label' in field && field.label && typeof field.label !== 'function' && /*#__PURE__*/ _jsxDEV("span", {
+                children: [
+                    locale && /*#__PURE__*/ _jsxDEV("span", {
+                        className: `${baseClass}__locale-label`,
+                        children: locale
+                    }, void 0, false, {
+                        fileName: "src/views/Version/RenderFieldsToDiff/fields/Iterable/index.tsx",
+                        lineNumber: 50,
+                        columnNumber: 26
+                    }, void 0),
+                    getTranslation(field.label, i18n)
+                ]
+            }, void 0, true, {
+                fileName: "src/views/Version/RenderFieldsToDiff/fields/Iterable/index.tsx",
+                lineNumber: 49,
+                columnNumber: 13
+            }, void 0),
+            locales: selectedLocales,
+            parentIsLocalized: parentIsLocalized,
+            valueFrom: valueFrom,
+            valueTo: valueTo,
+            children: [
+                maxRows > 0 && /*#__PURE__*/ _jsxDEV("div", {
+                    className: `${baseClass}__rows`,
+                    children: Array.from({
+                        length: maxRows
+                    }, (_, i)=>{
+                        const valueToRow = valueTo?.[i] || {};
+                        const valueFromRow = valueFrom?.[i] || {};
+                        const { fields, versionFields } = getFieldsForRowComparison({
+                            baseVersionField,
+                            config,
+                            field,
+                            row: i,
+                            valueFromRow,
+                            valueToRow
+                        });
+                        if (!versionFields?.length) {
+                            // Rows without a diff create "holes" in the baseVersionField.rows (=versionFields) array - this is to maintain the correct row indexes.
+                            // It does mean that this row has no diff and should not be rendered => skip it.
+                            return null;
+                        }
+                        const rowNumber = String(i + 1).padStart(2, '0');
+                        const rowLabel = fieldIsArrayType(field) ? `${t('general:item')} ${rowNumber}` : `${t('fields:block')} ${rowNumber}`;
+                        return /*#__PURE__*/ _jsxDEV("div", {
+                            className: `${baseClass}__row`,
+                            children: /*#__PURE__*/ _jsxDEV(DiffCollapser, {
+                                fields: fields,
+                                hideGutter: true,
+                                Label: /*#__PURE__*/ _jsxDEV("div", {
+                                    className: `${baseClass}-label-container`,
+                                    children: [
+                                        /*#__PURE__*/ _jsxDEV("div", {
+                                            className: `${baseClass}-label-prefix`
+                                        }, void 0, false, {
+                                            fileName: "src/views/Version/RenderFieldsToDiff/fields/Iterable/index.tsx",
+                                            lineNumber: 93,
+                                            columnNumber: 25
+                                        }, void 0),
+                                        /*#__PURE__*/ _jsxDEV("span", {
+                                            className: `${baseClass}__label`,
+                                            children: rowLabel
+                                        }, void 0, false, {
+                                            fileName: "src/views/Version/RenderFieldsToDiff/fields/Iterable/index.tsx",
+                                            lineNumber: 94,
+                                            columnNumber: 25
+                                        }, void 0)
+                                    ]
+                                }, void 0, true, {
+                                    fileName: "src/views/Version/RenderFieldsToDiff/fields/Iterable/index.tsx",
+                                    lineNumber: 92,
+                                    columnNumber: 23
+                                }, void 0),
+                                locales: selectedLocales,
+                                parentIsLocalized: parentIsLocalized || field.localized,
+                                valueFrom: valueFromRow,
+                                valueTo: valueToRow,
+                                children: /*#__PURE__*/ _jsxDEV(RenderVersionFieldsToDiff, {
+                                    versionFields: versionFields
+                                }, void 0, false, {
+                                    fileName: "src/views/Version/RenderFieldsToDiff/fields/Iterable/index.tsx",
+                                    lineNumber: 102,
+                                    columnNumber: 21
+                                }, this)
+                            }, void 0, false, {
+                                fileName: "src/views/Version/RenderFieldsToDiff/fields/Iterable/index.tsx",
+                                lineNumber: 88,
+                                columnNumber: 19
+                            }, this)
+                        }, i, false, {
+                            fileName: "src/views/Version/RenderFieldsToDiff/fields/Iterable/index.tsx",
+                            lineNumber: 87,
+                            columnNumber: 17
+                        }, this);
+                    })
+                }, void 0, false, {
+                    fileName: "src/views/Version/RenderFieldsToDiff/fields/Iterable/index.tsx",
+                    lineNumber: 61,
+                    columnNumber: 11
+                }, this),
+                maxRows === 0 && /*#__PURE__*/ _jsxDEV("div", {
+                    className: `${baseClass}__no-rows`,
+                    children: i18n.t('version:noRowsFound', {
+                        label: 'labels' in field && field.labels?.plural ? getTranslation(field.labels.plural, i18n) : i18n.t('general:rows')
+                    })
+                }, void 0, false, {
+                    fileName: "src/views/Version/RenderFieldsToDiff/fields/Iterable/index.tsx",
+                    lineNumber: 110,
+                    columnNumber: 11
+                }, this)
+            ]
+        }, void 0, true, {
+            fileName: "src/views/Version/RenderFieldsToDiff/fields/Iterable/index.tsx",
+            lineNumber: 42,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/views/Version/RenderFieldsToDiff/fields/Iterable/index.tsx",
+        lineNumber: 41,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/views/Version/RenderFieldsToDiff/fields/Iterable/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Iterable/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FieldDiffClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useConfig, useTranslation } from '@payloadcms/ui'\n\nimport './index.scss'\n\nimport { fieldIsArrayType, fieldIsBlockType } from 'payload/shared'\nimport React from 'react'\n\nimport { useSelectedLocales } from '../../../Default/SelectedLocalesContext.js'\nimport { DiffCollapser } from '../../DiffCollapser/index.js'\nimport { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js'\nimport { getFieldsForRowComparison } from '../../utilities/getFieldsForRowComparison.js'\n\nconst baseClass = 'iterable-diff'\n\nexport const Iterable: React.FC<FieldDiffClientProps> = ({\n  baseVersionField,\n  comparisonValue: valueFrom,\n  field,\n  locale,\n  parentIsLocalized,\n  versionValue: valueTo,\n}) => {\n  const { i18n, t } = useTranslation()\n  const { selectedLocales } = useSelectedLocales()\n  const { config } = useConfig()\n\n  if (!fieldIsArrayType(field) && !fieldIsBlockType(field)) {\n    throw new Error(`Expected field to be an array or blocks type but got: ${field.type}`)\n  }\n\n  const valueToRowCount = Array.isArray(valueTo) ? valueTo.length : 0\n  const valueFromRowCount = Array.isArray(valueFrom) ? valueFrom.length : 0\n  const maxRows = Math.max(valueToRowCount, valueFromRowCount)\n\n  return (\n    <div className={baseClass}>\n      <DiffCollapser\n        field={field}\n        isIterable\n        Label={\n          'label' in field &&\n          field.label &&\n          typeof field.label !== 'function' && (\n            <span>\n              {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n              {getTranslation(field.label, i18n)}\n            </span>\n          )\n        }\n        locales={selectedLocales}\n        parentIsLocalized={parentIsLocalized}\n        valueFrom={valueFrom}\n        valueTo={valueTo}\n      >\n        {maxRows > 0 && (\n          <div className={`${baseClass}__rows`}>\n            {Array.from({ length: maxRows }, (_, i) => {\n              const valueToRow = valueTo?.[i] || {}\n              const valueFromRow = valueFrom?.[i] || {}\n\n              const { fields, versionFields } = getFieldsForRowComparison({\n                baseVersionField,\n                config,\n                field,\n                row: i,\n                valueFromRow,\n                valueToRow,\n              })\n\n              if (!versionFields?.length) {\n                // Rows without a diff create \"holes\" in the baseVersionField.rows (=versionFields) array - this is to maintain the correct row indexes.\n                // It does mean that this row has no diff and should not be rendered => skip it.\n                return null\n              }\n\n              const rowNumber = String(i + 1).padStart(2, '0')\n              const rowLabel = fieldIsArrayType(field)\n                ? `${t('general:item')} ${rowNumber}`\n                : `${t('fields:block')} ${rowNumber}`\n\n              return (\n                <div className={`${baseClass}__row`} key={i}>\n                  <DiffCollapser\n                    fields={fields}\n                    hideGutter={true}\n                    Label={\n                      <div className={`${baseClass}-label-container`}>\n                        <div className={`${baseClass}-label-prefix`}></div>\n                        <span className={`${baseClass}__label`}>{rowLabel}</span>\n                      </div>\n                    }\n                    locales={selectedLocales}\n                    parentIsLocalized={parentIsLocalized || field.localized}\n                    valueFrom={valueFromRow}\n                    valueTo={valueToRow}\n                  >\n                    <RenderVersionFieldsToDiff versionFields={versionFields} />\n                  </DiffCollapser>\n                </div>\n              )\n            })}\n          </div>\n        )}\n        {maxRows === 0 && (\n          <div className={`${baseClass}__no-rows`}>\n            {i18n.t('version:noRowsFound', {\n              label:\n                'labels' in field && field.labels?.plural\n                  ? getTranslation(field.labels.plural, i18n)\n                  : i18n.t('general:rows'),\n            })}\n          </div>\n        )}\n      </DiffCollapser>\n    </div>\n  )\n}\n"],"names":["getTranslation","useConfig","useTranslation","fieldIsArrayType","fieldIsBlockType","useSelectedLocales","DiffCollapser","RenderVersionFieldsToDiff","getFieldsForRowComparison","baseClass","Iterable","baseVersionField","comparisonValue","valueFrom","field","locale","parentIsLocalized","versionValue","valueTo","i18n","t","selectedLocales","config","Error","type","valueToRowCount","Array","isArray","length","valueFromRowCount","maxRows","Math","max","div","className","isIterable","Label","label","span","locales","from","_","i","valueToRow","valueFromRow","fields","versionFields","row","rowNumber","String","padStart","rowLabel","key","hideGutter","localized","labels","plural"],"mappings":"AAAA;AAIA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,SAAS,EAAEC,cAAc,QAAQ,iBAAgB;AAE1D,OAAO,eAAc;AAErB,SAASC,gBAAgB,EAAEC,gBAAgB,QAAQ,iBAAgB;AAGnE,SAASC,kBAAkB,QAAQ,6CAA4C;AAC/E,SAASC,aAAa,QAAQ,+BAA8B;AAC5D,SAASC,yBAAyB,QAAQ,qCAAoC;AAC9E,SAASC,yBAAyB,QAAQ,+CAA8C;AAExF,MAAMC,YAAY;AAElB,OAAO,MAAMC,WAA2C,CAAC,EACvDC,gBAAgB,EAChBC,iBAAiBC,SAAS,EAC1BC,KAAK,EACLC,MAAM,EACNC,iBAAiB,EACjBC,cAAcC,OAAO,EACtB;IACC,MAAM,EAAEC,IAAI,EAAEC,CAAC,EAAE,GAAGlB;IACpB,MAAM,EAAEmB,eAAe,EAAE,GAAGhB;IAC5B,MAAM,EAAEiB,MAAM,EAAE,GAAGrB;IAEnB,IAAI,CAACE,iBAAiBW,UAAU,CAACV,iBAAiBU,QAAQ;QACxD,MAAM,IAAIS,MAAM,CAAC,sDAAsD,EAAET,MAAMU,IAAI,EAAE;IACvF;IAEA,MAAMC,kBAAkBC,MAAMC,OAAO,CAACT,WAAWA,QAAQU,MAAM,GAAG;IAClE,MAAMC,oBAAoBH,MAAMC,OAAO,CAACd,aAAaA,UAAUe,MAAM,GAAG;IACxE,MAAME,UAAUC,KAAKC,GAAG,CAACP,iBAAiBI;IAE1C,QACGI,IAAIC,WAAWzB,WAAW;MACzB,CAACH,cACCQ,OAAOA,OACPqB,WACAC,OACE,WAAWtB,SACXA,MAAMuB,KAAK,IACX,OAAOvB,MAAMuB,KAAK,KAAK,eACpBC,KAAK;cACJ,CAACvB,WAAWuB,KAAKJ,WAAW,GAAGzB,UAAU,cAAc,CAAC,GAAGM,SAASuB,MAAM;cAC1E,CAACtC,eAAec,MAAMuB,KAAK,EAAElB,MAAM;YACrC,EAAEmB,OAGNC,SAASlB,iBACTL,mBAAmBA,mBACnBH,WAAWA,WACXK,SAASA,SACV;QACC,CAACY,UAAU,MACRG,IAAIC,WAAW,GAAGzB,UAAU,MAAM,CAAC,EAAE;YACpC,CAACiB,MAAMc,IAAI,CAAC;QAAEZ,QAAQE;IAAQ,GAAG,CAACW,GAAGC;QACnC,MAAMC,aAAazB,SAAS,CAACwB,EAAE,IAAI,CAAC;QACpC,MAAME,eAAe/B,WAAW,CAAC6B,EAAE,IAAI,CAAC;QAExC,MAAM,EAAEG,MAAM,EAAEC,aAAa,EAAE,GAAGtC,0BAA0B;YAC1DG;YACAW;YACAR;YACAiC,KAAKL;YACLE;YACAD;QACF;QAEA,IAAI,CAACG,eAAelB,QAAQ;YAC1B,wIAAwI;YACxI,gFAAgF;YAChF,OAAO;QACT;QAEA,MAAMoB,YAAYC,OAAOP,IAAI,GAAGQ,QAAQ,CAAC,GAAG;QAC5C,MAAMC,WAAWhD,iBAAiBW,SAC9B,GAAGM,EAAE,gBAAgB,CAAC,EAAE4B,WAAW,GACnC,GAAG5B,EAAE,gBAAgB,CAAC,EAAE4B,WAAW;QAEvC,QACGf,IAAIC,WAAW,GAAGzB,UAAU,KAAK,CAAC,EAAE2C,KAAKV,GAAG;kBAC3C,CAACpC,cACCuC,QAAQA,QACRQ,YAAY,MACZjB,QACGH,IAAIC,WAAW,GAAGzB,UAAU,gBAAgB,CAAC,EAAE;wBAC9C,CAACwB,IAAIC,WAAW,GAAGzB,UAAU,aAAa,CAAC,IAAIwB,IAAI;wBACnD,CAACK,KAAKJ,WAAW,GAAGzB,UAAU,OAAO,CAAC,GAAG0C,WAAWb,KAAK;sBAC3D,EAAEL,MAEJM,SAASlB,iBACTL,mBAAmBA,qBAAqBF,MAAMwC,SAAS,EACvDzC,WAAW+B,cACX1B,SAASyB,YACV;oBACC,CAACpC,0BAA0BuC,eAAeA,gBAAiB;kBAC7D,EAAExC,cAAc;gBAClB,EAAE2B;IAEN,GAAG;UACL,EAAEA,KACF;QACF,CAACH,YAAY,MACVG,IAAIC,WAAW,GAAGzB,UAAU,SAAS,CAAC,EAAE;YACvC,CAACU,KAAKC,CAAC,CAAC,uBAAuB;QAC7BiB,OACE,YAAYvB,SAASA,MAAMyC,MAAM,EAAEC,SAC/BxD,eAAec,MAAMyC,MAAM,CAACC,MAAM,EAAErC,QACpCA,KAAKC,CAAC,CAAC;IACf,GAAG;UACL,EAAEa,KACF;MACJ,EAAE3B,cAAc;IAClB,EAAE2B;AAEN,EAAC"}
+{"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Iterable/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FieldDiffClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useConfig, useTranslation } from '@payloadcms/ui'\n\nimport './index.scss'\n\nimport { fieldIsArrayType, fieldIsBlockType } from 'payload/shared'\nimport React from 'react'\n\nimport { useSelectedLocales } from '../../../Default/SelectedLocalesContext.js'\nimport { DiffCollapser } from '../../DiffCollapser/index.js'\nimport { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js'\nimport { getFieldsForRowComparison } from '../../utilities/getFieldsForRowComparison.js'\n\nconst baseClass = 'iterable-diff'\n\nexport const Iterable: React.FC<FieldDiffClientProps> = ({\n  baseVersionField,\n  comparisonValue: valueFrom,\n  field,\n  locale,\n  parentIsLocalized,\n  versionValue: valueTo,\n}) => {\n  const { i18n, t } = useTranslation()\n  const { selectedLocales } = useSelectedLocales()\n  const { config } = useConfig()\n\n  if (!fieldIsArrayType(field) && !fieldIsBlockType(field)) {\n    throw new Error(`Expected field to be an array or blocks type but got: ${field.type}`)\n  }\n\n  const valueToRowCount = Array.isArray(valueTo) ? valueTo.length : 0\n  const valueFromRowCount = Array.isArray(valueFrom) ? valueFrom.length : 0\n  const maxRows = Math.max(valueToRowCount, valueFromRowCount)\n\n  return (\n    <div className={baseClass}>\n      <DiffCollapser\n        field={field}\n        isIterable\n        Label={\n          'label' in field &&\n          field.label &&\n          typeof field.label !== 'function' && (\n            <span>\n              {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n              {getTranslation(field.label, i18n)}\n            </span>\n          )\n        }\n        locales={selectedLocales}\n        parentIsLocalized={parentIsLocalized}\n        valueFrom={valueFrom}\n        valueTo={valueTo}\n      >\n        {maxRows > 0 && (\n          <div className={`${baseClass}__rows`}>\n            {Array.from({ length: maxRows }, (_, i) => {\n              const valueToRow = valueTo?.[i] || {}\n              const valueFromRow = valueFrom?.[i] || {}\n\n              const { fields, versionFields } = getFieldsForRowComparison({\n                baseVersionField,\n                config,\n                field,\n                row: i,\n                valueFromRow,\n                valueToRow,\n              })\n\n              if (!versionFields?.length) {\n                // Rows without a diff create \"holes\" in the baseVersionField.rows (=versionFields) array - this is to maintain the correct row indexes.\n                // It does mean that this row has no diff and should not be rendered => skip it.\n                return null\n              }\n\n              const rowNumber = String(i + 1).padStart(2, '0')\n              const rowLabel = fieldIsArrayType(field)\n                ? `${t('general:item')} ${rowNumber}`\n                : `${t('fields:block')} ${rowNumber}`\n\n              return (\n                <div className={`${baseClass}__row`} key={i}>\n                  <DiffCollapser\n                    fields={fields}\n                    hideGutter={true}\n                    Label={\n                      <div className={`${baseClass}-label-container`}>\n                        <div className={`${baseClass}-label-prefix`}></div>\n                        <span className={`${baseClass}__label`}>{rowLabel}</span>\n                      </div>\n                    }\n                    locales={selectedLocales}\n                    parentIsLocalized={parentIsLocalized || field.localized}\n                    valueFrom={valueFromRow}\n                    valueTo={valueToRow}\n                  >\n                    <RenderVersionFieldsToDiff versionFields={versionFields} />\n                  </DiffCollapser>\n                </div>\n              )\n            })}\n          </div>\n        )}\n        {maxRows === 0 && (\n          <div className={`${baseClass}__no-rows`}>\n            {i18n.t('version:noRowsFound', {\n              label:\n                'labels' in field && field.labels?.plural\n                  ? getTranslation(field.labels.plural, i18n)\n                  : i18n.t('general:rows'),\n            })}\n          </div>\n        )}\n      </DiffCollapser>\n    </div>\n  )\n}\n"],"names":["getTranslation","useConfig","useTranslation","fieldIsArrayType","fieldIsBlockType","React","useSelectedLocales","DiffCollapser","RenderVersionFieldsToDiff","getFieldsForRowComparison","baseClass","Iterable","baseVersionField","comparisonValue","valueFrom","field","locale","parentIsLocalized","versionValue","valueTo","i18n","t","selectedLocales","config","Error","type","valueToRowCount","Array","isArray","length","valueFromRowCount","maxRows","Math","max","div","className","isIterable","Label","label","span","locales","from","_","i","valueToRow","valueFromRow","fields","versionFields","row","rowNumber","String","padStart","rowLabel","hideGutter","localized","labels","plural"],"mappings":"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"}