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

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

@@ -1,87 +1,62 @@
 '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";
 import { getTranslation } from '@payloadcms/translations';
 import { FieldDiffContainer, getHTMLDiffComponents, useTranslation } from '@payloadcms/ui';
 import React from 'react';
+import './index.scss';
 const baseClass = 'select-diff';
-const getOptionsToRender = (value, options, hasMany) => {
-  if (hasMany && Array.isArray(value)) {
-    return value.map(val => options.find(option => (typeof option === 'string' ? option : option.value) === val) || String(val));
-  }
-  return options.find(option => (typeof option === 'string' ? option : option.value) === value) || String(value);
+const getOptionsToRender = (value, options, hasMany)=>{
+    if (hasMany && Array.isArray(value)) {
+        return value.map((val)=>options.find((option)=>(typeof option === 'string' ? option : option.value) === val) || String(val));
+    }
+    return options.find((option)=>(typeof option === 'string' ? option : option.value) === value) || String(value);
 };
 /**
  * Translates option labels while ensuring they are strings.
  * If `options.label` is a JSX element, it falls back to `options.value` because `DiffViewer`
  * expects all values to be strings.
- */
-const getTranslatedOptions = (options, i18n) => {
-  if (Array.isArray(options)) {
-    return options.map(option => {
-      if (typeof option === 'string') {
-        return option;
-      }
-      const translatedLabel = getTranslation(option.label, i18n);
-      // Ensure the result is a string, otherwise use option.value
-      return typeof translatedLabel === 'string' ? translatedLabel : option.value;
-    }).join(', ');
-  }
-  if (typeof options === 'string') {
-    return options;
-  }
-  const translatedLabel = getTranslation(options.label, i18n);
-  return typeof translatedLabel === 'string' ? translatedLabel : options.value;
+ */ const getTranslatedOptions = (options, i18n)=>{
+    if (Array.isArray(options)) {
+        return options.map((option)=>{
+            if (typeof option === 'string') {
+                return option;
+            }
+            const translatedLabel = getTranslation(option.label, i18n);
+            // Ensure the result is a string, otherwise use option.value
+            return typeof translatedLabel === 'string' ? translatedLabel : option.value;
+        }).join(', ');
+    }
+    if (typeof options === 'string') {
+        return options;
+    }
+    const translatedLabel = getTranslation(options.label, i18n);
+    return typeof translatedLabel === 'string' ? translatedLabel : options.value;
 };
-export const Select = t0 => {
-  const $ = _c(7);
-  const {
-    comparisonValue: valueFrom,
-    field,
-    locale,
-    nestingLevel,
-    versionValue: valueTo
-  } = t0;
-  const {
-    i18n
-  } = useTranslation();
-  const options = "options" in field && field.options;
-  const renderedValueFrom = typeof valueFrom !== "undefined" ? getTranslatedOptions(getOptionsToRender(typeof valueFrom === "string" ? valueFrom : JSON.stringify(valueFrom), options, field.hasMany), i18n) : "";
-  const renderedValueTo = typeof valueTo !== "undefined" ? getTranslatedOptions(getOptionsToRender(typeof valueTo === "string" ? valueTo : JSON.stringify(valueTo), options, field.hasMany), i18n) : "";
-  const t1 = "<p>" + renderedValueFrom + "</p>";
-  const t2 = "<p>" + renderedValueTo + "</p>";
-  let t3;
-  if ($[0] !== field.label || $[1] !== i18n || $[2] !== locale || $[3] !== nestingLevel || $[4] !== t1 || $[5] !== t2) {
-    const {
-      From,
-      To
-    } = getHTMLDiffComponents({
-      fromHTML: t1,
-      toHTML: t2,
-      tokenizeByCharacter: true
-    });
-    t3 = _jsx(FieldDiffContainer, {
-      className: baseClass,
-      From,
-      i18n,
-      label: {
-        label: field.label,
-        locale
-      },
-      nestingLevel,
-      To
+export const Select = ({ comparisonValue: valueFrom, diffMethod, field, locale, nestingLevel, versionValue: valueTo })=>{
+    const { i18n } = useTranslation();
+    const options = 'options' in field && field.options;
+    const renderedValueFrom = typeof valueFrom !== 'undefined' ? getTranslatedOptions(getOptionsToRender(typeof valueFrom === 'string' ? valueFrom : JSON.stringify(valueFrom), options, field.hasMany), i18n) : '';
+    const renderedValueTo = typeof valueTo !== 'undefined' ? getTranslatedOptions(getOptionsToRender(typeof valueTo === 'string' ? valueTo : JSON.stringify(valueTo), options, field.hasMany), i18n) : '';
+    const { From, To } = getHTMLDiffComponents({
+        fromHTML: '<p>' + renderedValueFrom + '</p>',
+        toHTML: '<p>' + renderedValueTo + '</p>',
+        tokenizeByCharacter: true
     });
-    $[0] = field.label;
-    $[1] = i18n;
-    $[2] = locale;
-    $[3] = nestingLevel;
-    $[4] = t1;
-    $[5] = t2;
-    $[6] = t3;
-  } else {
-    t3 = $[6];
-  }
-  return t3;
+    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/Select/index.tsx",
+        lineNumber: 103,
+        columnNumber: 5
+    }, this);
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","FieldDiffContainer","getHTMLDiffComponents","useTranslation","React","baseClass","getOptionsToRender","value","options","hasMany","Array","isArray","map","val","find","option","String","getTranslatedOptions","i18n","translatedLabel","label","join","Select","t0","$","comparisonValue","valueFrom","field","locale","nestingLevel","versionValue","valueTo","renderedValueFrom","JSON","stringify","renderedValueTo","t1","t2","t3","From","To","fromHTML","toHTML","tokenizeByCharacter","_jsx","className"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Select/index.tsx"],"sourcesContent":["'use client'\nimport type { I18nClient } from '@payloadcms/translations'\nimport type { Option, SelectField, SelectFieldDiffClientComponent } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { FieldDiffContainer, getHTMLDiffComponents, useTranslation } from '@payloadcms/ui'\nimport React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'select-diff'\n\nconst getOptionsToRender = (\n  value: string,\n  options: SelectField['options'],\n  hasMany: boolean,\n): Option | Option[] => {\n  if (hasMany && Array.isArray(value)) {\n    return value.map(\n      (val) =>\n        options.find((option) => (typeof option === 'string' ? option : option.value) === val) ||\n        String(val),\n    )\n  }\n  return (\n    options.find((option) => (typeof option === 'string' ? option : option.value) === value) ||\n    String(value)\n  )\n}\n\n/**\n * Translates option labels while ensuring they are strings.\n * If `options.label` is a JSX element, it falls back to `options.value` because `DiffViewer`\n * expects all values to be strings.\n */\nconst getTranslatedOptions = (options: Option | Option[], i18n: I18nClient): string => {\n  if (Array.isArray(options)) {\n    return options\n      .map((option) => {\n        if (typeof option === 'string') {\n          return option\n        }\n        const translatedLabel = getTranslation(option.label, i18n)\n\n        // Ensure the result is a string, otherwise use option.value\n        return typeof translatedLabel === 'string' ? translatedLabel : option.value\n      })\n      .join(', ')\n  }\n\n  if (typeof options === 'string') {\n    return options\n  }\n\n  const translatedLabel = getTranslation(options.label, i18n)\n\n  return typeof translatedLabel === 'string' ? translatedLabel : options.value\n}\n\nexport const Select: SelectFieldDiffClientComponent = ({\n  comparisonValue: valueFrom,\n  diffMethod,\n  field,\n  locale,\n  nestingLevel,\n  versionValue: valueTo,\n}) => {\n  const { i18n } = useTranslation()\n\n  const options = 'options' in field && field.options\n\n  const renderedValueFrom =\n    typeof valueFrom !== 'undefined'\n      ? getTranslatedOptions(\n          getOptionsToRender(\n            typeof valueFrom === 'string' ? valueFrom : JSON.stringify(valueFrom),\n            options,\n            field.hasMany,\n          ),\n          i18n,\n        )\n      : ''\n\n  const renderedValueTo =\n    typeof valueTo !== 'undefined'\n      ? getTranslatedOptions(\n          getOptionsToRender(\n            typeof valueTo === 'string' ? valueTo : JSON.stringify(valueTo),\n            options,\n            field.hasMany,\n          ),\n          i18n,\n        )\n      : ''\n\n  const { From, To } = getHTMLDiffComponents({\n    fromHTML: '<p>' + renderedValueFrom + '</p>',\n    toHTML: '<p>' + renderedValueTo + '</p>',\n    tokenizeByCharacter: true,\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"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Select/index.tsx"],"sourcesContent":["'use client'\nimport type { I18nClient } from '@payloadcms/translations'\nimport type { Option, SelectField, SelectFieldDiffClientComponent } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { FieldDiffContainer, getHTMLDiffComponents, useTranslation } from '@payloadcms/ui'\nimport React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'select-diff'\n\nconst getOptionsToRender = (\n  value: string,\n  options: SelectField['options'],\n  hasMany: boolean,\n): Option | Option[] => {\n  if (hasMany && Array.isArray(value)) {\n    return value.map(\n      (val) =>\n        options.find((option) => (typeof option === 'string' ? option : option.value) === val) ||\n        String(val),\n    )\n  }\n  return (\n    options.find((option) => (typeof option === 'string' ? option : option.value) === value) ||\n    String(value)\n  )\n}\n\n/**\n * Translates option labels while ensuring they are strings.\n * If `options.label` is a JSX element, it falls back to `options.value` because `DiffViewer`\n * expects all values to be strings.\n */\nconst getTranslatedOptions = (options: Option | Option[], i18n: I18nClient): string => {\n  if (Array.isArray(options)) {\n    return options\n      .map((option) => {\n        if (typeof option === 'string') {\n          return option\n        }\n        const translatedLabel = getTranslation(option.label, i18n)\n\n        // Ensure the result is a string, otherwise use option.value\n        return typeof translatedLabel === 'string' ? translatedLabel : option.value\n      })\n      .join(', ')\n  }\n\n  if (typeof options === 'string') {\n    return options\n  }\n\n  const translatedLabel = getTranslation(options.label, i18n)\n\n  return typeof translatedLabel === 'string' ? translatedLabel : options.value\n}\n\nexport const Select: SelectFieldDiffClientComponent = ({\n  comparisonValue: valueFrom,\n  diffMethod,\n  field,\n  locale,\n  nestingLevel,\n  versionValue: valueTo,\n}) => {\n  const { i18n } = useTranslation()\n\n  const options = 'options' in field && field.options\n\n  const renderedValueFrom =\n    typeof valueFrom !== 'undefined'\n      ? getTranslatedOptions(\n          getOptionsToRender(\n            typeof valueFrom === 'string' ? valueFrom : JSON.stringify(valueFrom),\n            options,\n            field.hasMany,\n          ),\n          i18n,\n        )\n      : ''\n\n  const renderedValueTo =\n    typeof valueTo !== 'undefined'\n      ? getTranslatedOptions(\n          getOptionsToRender(\n            typeof valueTo === 'string' ? valueTo : JSON.stringify(valueTo),\n            options,\n            field.hasMany,\n          ),\n          i18n,\n        )\n      : ''\n\n  const { From, To } = getHTMLDiffComponents({\n    fromHTML: '<p>' + renderedValueFrom + '</p>',\n    toHTML: '<p>' + renderedValueTo + '</p>',\n    tokenizeByCharacter: true,\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":["getTranslation","FieldDiffContainer","getHTMLDiffComponents","useTranslation","React","baseClass","getOptionsToRender","value","options","hasMany","Array","isArray","map","val","find","option","String","getTranslatedOptions","i18n","translatedLabel","label","join","Select","comparisonValue","valueFrom","diffMethod","field","locale","nestingLevel","versionValue","valueTo","renderedValueFrom","JSON","stringify","renderedValueTo","From","To","fromHTML","toHTML","tokenizeByCharacter","className"],"mappings":"AAAA;;AAIA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,kBAAkB,EAAEC,qBAAqB,EAAEC,cAAc,QAAQ,iBAAgB;AAC1F,OAAOC,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,MAAMC,qBAAqB,CACzBC,OACAC,SACAC;IAEA,IAAIA,WAAWC,MAAMC,OAAO,CAACJ,QAAQ;QACnC,OAAOA,MAAMK,GAAG,CACd,CAACC,MACCL,QAAQM,IAAI,CAAC,CAACC,SAAW,AAAC,CAAA,OAAOA,WAAW,WAAWA,SAASA,OAAOR,KAAK,AAAD,MAAOM,QAClFG,OAAOH;IAEb;IACA,OACEL,QAAQM,IAAI,CAAC,CAACC,SAAW,AAAC,CAAA,OAAOA,WAAW,WAAWA,SAASA,OAAOR,KAAK,AAAD,MAAOA,UAClFS,OAAOT;AAEX;AAEA;;;;CAIC,GACD,MAAMU,uBAAuB,CAACT,SAA4BU;IACxD,IAAIR,MAAMC,OAAO,CAACH,UAAU;QAC1B,OAAOA,QACJI,GAAG,CAAC,CAACG;YACJ,IAAI,OAAOA,WAAW,UAAU;gBAC9B,OAAOA;YACT;YACA,MAAMI,kBAAkBnB,eAAee,OAAOK,KAAK,EAAEF;YAErD,4DAA4D;YAC5D,OAAO,OAAOC,oBAAoB,WAAWA,kBAAkBJ,OAAOR,KAAK;QAC7E,GACCc,IAAI,CAAC;IACV;IAEA,IAAI,OAAOb,YAAY,UAAU;QAC/B,OAAOA;IACT;IAEA,MAAMW,kBAAkBnB,eAAeQ,QAAQY,KAAK,EAAEF;IAEtD,OAAO,OAAOC,oBAAoB,WAAWA,kBAAkBX,QAAQD,KAAK;AAC9E;AAEA,OAAO,MAAMe,SAAyC,CAAC,EACrDC,iBAAiBC,SAAS,EAC1BC,UAAU,EACVC,KAAK,EACLC,MAAM,EACNC,YAAY,EACZC,cAAcC,OAAO,EACtB;IACC,MAAM,EAAEZ,IAAI,EAAE,GAAGf;IAEjB,MAAMK,UAAU,aAAakB,SAASA,MAAMlB,OAAO;IAEnD,MAAMuB,oBACJ,OAAOP,cAAc,cACjBP,qBACEX,mBACE,OAAOkB,cAAc,WAAWA,YAAYQ,KAAKC,SAAS,CAACT,YAC3DhB,SACAkB,MAAMjB,OAAO,GAEfS,QAEF;IAEN,MAAMgB,kBACJ,OAAOJ,YAAY,cACfb,qBACEX,mBACE,OAAOwB,YAAY,WAAWA,UAAUE,KAAKC,SAAS,CAACH,UACvDtB,SACAkB,MAAMjB,OAAO,GAEfS,QAEF;IAEN,MAAM,EAAEiB,IAAI,EAAEC,EAAE,EAAE,GAAGlC,sBAAsB;QACzCmC,UAAU,QAAQN,oBAAoB;QACtCO,QAAQ,QAAQJ,kBAAkB;QAClCK,qBAAqB;IACvB;IAEA,qBACE,QAACtC;QACCuC,WAAWnC;QACX8B,MAAMA;QACNjB,MAAMA;QACNE,OAAO;YACLA,OAAOM,MAAMN,KAAK;YAClBO;QACF;QACAC,cAAcA;QACdQ,IAAIA;;;;;;AAGV,EAAC"}

package/dist/views/Version/RenderFieldsToDiff/fields/Select/index.scss

@@ -0,0 +1,4 @@
+@layer payload-default {
+  .select-diff {
+  }
+}

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

@@ -1,155 +1,144 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { useTranslation } from '@payloadcms/ui';
 import React from 'react';
+import './index.scss';
 import { useSelectedLocales } from '../../../Default/SelectedLocalesContext.js';
 import { DiffCollapser } from '../../DiffCollapser/index.js';
 import { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js';
 const baseClass = 'tabs-diff';
-export const Tabs = props => {
-  const $ = _c(13);
-  const {
-    baseVersionField,
-    comparisonValue: valueFrom,
-    field,
-    versionValue: valueTo
-  } = props;
-  const {
-    selectedLocales
-  } = useSelectedLocales();
-  let t0;
-  if ($[0] !== baseVersionField.tabs || $[1] !== field || $[2] !== props || $[3] !== selectedLocales || $[4] !== valueFrom || $[5] !== valueTo) {
-    let t1;
-    if ($[7] !== field || $[8] !== props || $[9] !== selectedLocales || $[10] !== valueFrom || $[11] !== valueTo) {
-      t1 = (tab, i) => {
-        if (!tab?.fields?.length) {
-          return null;
-        }
-        const fieldTab = field.tabs?.[i];
-        return _jsx("div", {
-          className: `${baseClass}__tab`,
-          children: (() => {
-            if ("name" in fieldTab && selectedLocales && fieldTab.localized) {
-              return selectedLocales.map((locale, index) => {
-                const localizedTabProps = {
-                  ...props,
-                  comparisonValue: valueFrom?.[tab.name]?.[locale],
-                  fieldTab,
-                  locale,
-                  tab,
-                  versionValue: valueTo?.[tab.name]?.[locale]
-                };
-                return _jsx("div", {
-                  className: `${baseClass}__tab-locale`,
-                  children: _jsx("div", {
-                    className: `${baseClass}__tab-locale-value`,
-                    children: _jsx(Tab, {
-                      ...localizedTabProps
-                    }, locale)
-                  })
-                }, [locale, index].join("-"));
-              });
-            } else {
-              if ("name" in tab && tab.name) {
-                const namedTabProps = {
-                  ...props,
-                  comparisonValue: valueFrom?.[tab.name],
-                  fieldTab,
-                  tab,
-                  versionValue: valueTo?.[tab.name]
-                };
-                return _jsx(Tab, {
-                  ...namedTabProps
-                }, i);
-              } else {
-                return _jsx(Tab, {
-                  fieldTab,
-                  ...props,
-                  tab
-                }, i);
-              }
+export const Tabs = (props)=>{
+    const { baseVersionField, comparisonValue: valueFrom, field, versionValue: valueTo } = props;
+    const { selectedLocales } = useSelectedLocales();
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: baseClass,
+        children: baseVersionField.tabs.map((tab, i)=>{
+            if (!tab?.fields?.length) {
+                return null;
             }
-          })()
-        }, i);
-      };
-      $[7] = field;
-      $[8] = props;
-      $[9] = selectedLocales;
-      $[10] = valueFrom;
-      $[11] = valueTo;
-      $[12] = t1;
-    } else {
-      t1 = $[12];
-    }
-    t0 = _jsx("div", {
-      className: baseClass,
-      children: baseVersionField.tabs.map(t1)
-    });
-    $[0] = baseVersionField.tabs;
-    $[1] = field;
-    $[2] = props;
-    $[3] = selectedLocales;
-    $[4] = valueFrom;
-    $[5] = valueTo;
-    $[6] = t0;
-  } else {
-    t0 = $[6];
-  }
-  return t0;
+            const fieldTab = field.tabs?.[i];
+            return /*#__PURE__*/ _jsxDEV("div", {
+                className: `${baseClass}__tab`,
+                children: (()=>{
+                    if ('name' in fieldTab && selectedLocales && fieldTab.localized) {
+                        // Named localized tab
+                        return selectedLocales.map((locale, index)=>{
+                            const localizedTabProps = {
+                                ...props,
+                                comparisonValue: valueFrom?.[tab.name]?.[locale],
+                                fieldTab,
+                                locale,
+                                tab,
+                                versionValue: valueTo?.[tab.name]?.[locale]
+                            };
+                            return /*#__PURE__*/ _jsxDEV("div", {
+                                className: `${baseClass}__tab-locale`,
+                                children: /*#__PURE__*/ _jsxDEV("div", {
+                                    className: `${baseClass}__tab-locale-value`,
+                                    children: /*#__PURE__*/ _jsxDEV(Tab, {
+                                        ...localizedTabProps
+                                    }, locale, false, {
+                                        fileName: "src/views/Version/RenderFieldsToDiff/fields/Tabs/index.tsx",
+                                        lineNumber: 49,
+                                        columnNumber: 25
+                                    }, this)
+                                }, void 0, false, {
+                                    fileName: "src/views/Version/RenderFieldsToDiff/fields/Tabs/index.tsx",
+                                    lineNumber: 48,
+                                    columnNumber: 23
+                                }, this)
+                            }, [
+                                locale,
+                                index
+                            ].join('-'), false, {
+                                fileName: "src/views/Version/RenderFieldsToDiff/fields/Tabs/index.tsx",
+                                lineNumber: 47,
+                                columnNumber: 21
+                            }, this);
+                        });
+                    } else if ('name' in tab && tab.name) {
+                        // Named tab
+                        const namedTabProps = {
+                            ...props,
+                            comparisonValue: valueFrom?.[tab.name],
+                            fieldTab,
+                            tab,
+                            versionValue: valueTo?.[tab.name]
+                        };
+                        return /*#__PURE__*/ _jsxDEV(Tab, {
+                            ...namedTabProps
+                        }, i, false, {
+                            fileName: "src/views/Version/RenderFieldsToDiff/fields/Tabs/index.tsx",
+                            lineNumber: 63,
+                            columnNumber: 24
+                        }, this);
+                    } else {
+                        // Unnamed tab
+                        return /*#__PURE__*/ _jsxDEV(Tab, {
+                            fieldTab: fieldTab,
+                            ...props,
+                            tab: tab
+                        }, i, false, {
+                            fileName: "src/views/Version/RenderFieldsToDiff/fields/Tabs/index.tsx",
+                            lineNumber: 66,
+                            columnNumber: 24
+                        }, this);
+                    }
+                })()
+            }, i, false, {
+                fileName: "src/views/Version/RenderFieldsToDiff/fields/Tabs/index.tsx",
+                lineNumber: 33,
+                columnNumber: 11
+            }, this);
+        })
+    }, void 0, false, {
+        fileName: "src/views/Version/RenderFieldsToDiff/fields/Tabs/index.tsx",
+        lineNumber: 26,
+        columnNumber: 5
+    }, this);
 };
-const Tab = t0 => {
-  const $ = _c(10);
-  const {
-    comparisonValue: valueFrom,
-    fieldTab,
-    locale,
-    parentIsLocalized,
-    tab,
-    versionValue: valueTo
-  } = t0;
-  const {
-    i18n
-  } = useTranslation();
-  const {
-    selectedLocales
-  } = useSelectedLocales();
-  if (!tab.fields?.length) {
-    return null;
-  }
-  let t1;
-  if ($[0] !== fieldTab.fields || $[1] !== fieldTab.localized || $[2] !== i18n || $[3] !== locale || $[4] !== parentIsLocalized || $[5] !== selectedLocales || $[6] !== tab || $[7] !== valueFrom || $[8] !== valueTo) {
-    t1 = _jsx(DiffCollapser, {
-      fields: fieldTab.fields,
-      Label: "label" in tab && tab.label && typeof tab.label !== "function" && _jsxs("span", {
-        children: [locale && _jsx("span", {
-          className: `${baseClass}__locale-label`,
-          children: locale
-        }), getTranslation(tab.label, i18n)]
-      }),
-      locales: selectedLocales,
-      parentIsLocalized: parentIsLocalized || fieldTab.localized,
-      valueFrom,
-      valueTo,
-      children: _jsx(RenderVersionFieldsToDiff, {
-        versionFields: tab.fields
-      })
-    });
-    $[0] = fieldTab.fields;
-    $[1] = fieldTab.localized;
-    $[2] = i18n;
-    $[3] = locale;
-    $[4] = parentIsLocalized;
-    $[5] = selectedLocales;
-    $[6] = tab;
-    $[7] = valueFrom;
-    $[8] = valueTo;
-    $[9] = t1;
-  } else {
-    t1 = $[9];
-  }
-  return t1;
+const Tab = ({ comparisonValue: valueFrom, fieldTab, locale, parentIsLocalized, tab, versionValue: valueTo })=>{
+    const { i18n } = useTranslation();
+    const { selectedLocales } = useSelectedLocales();
+    if (!tab.fields?.length) {
+        return null;
+    }
+    return /*#__PURE__*/ _jsxDEV(DiffCollapser, {
+        fields: fieldTab.fields,
+        Label: 'label' in tab && tab.label && typeof tab.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/Tabs/index.tsx",
+                    lineNumber: 104,
+                    columnNumber: 24
+                }, void 0),
+                getTranslation(tab.label, i18n)
+            ]
+        }, void 0, true, {
+            fileName: "src/views/Version/RenderFieldsToDiff/fields/Tabs/index.tsx",
+            lineNumber: 103,
+            columnNumber: 11
+        }, void 0),
+        locales: selectedLocales,
+        parentIsLocalized: parentIsLocalized || fieldTab.localized,
+        valueFrom: valueFrom,
+        valueTo: valueTo,
+        children: /*#__PURE__*/ _jsxDEV(RenderVersionFieldsToDiff, {
+            versionFields: tab.fields
+        }, void 0, false, {
+            fileName: "src/views/Version/RenderFieldsToDiff/fields/Tabs/index.tsx",
+            lineNumber: 114,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/views/Version/RenderFieldsToDiff/fields/Tabs/index.tsx",
+        lineNumber: 97,
+        columnNumber: 5
+    }, this);
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","useTranslation","React","useSelectedLocales","DiffCollapser","RenderVersionFieldsToDiff","baseClass","Tabs","props","$","baseVersionField","comparisonValue","valueFrom","field","versionValue","valueTo","selectedLocales","t0","tabs","t1","tab","i","fields","length","fieldTab","_jsx","className","children","localized","map","locale","index","localizedTabProps","name","Tab","join","namedTabProps","parentIsLocalized","i18n","Label","label","_jsxs","versionFields"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Tabs/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  ClientTab,\n  FieldDiffClientProps,\n  TabsFieldClient,\n  TabsFieldDiffClientComponent,\n  VersionTab,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useTranslation } from '@payloadcms/ui'\nimport React from 'react'\n\nimport './index.scss'\nimport { useSelectedLocales } from '../../../Default/SelectedLocalesContext.js'\nimport { DiffCollapser } from '../../DiffCollapser/index.js'\nimport { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js'\n\nconst baseClass = 'tabs-diff'\n\nexport const Tabs: TabsFieldDiffClientComponent = (props) => {\n  const { baseVersionField, comparisonValue: valueFrom, field, versionValue: valueTo } = props\n  const { selectedLocales } = useSelectedLocales()\n\n  return (\n    <div className={baseClass}>\n      {baseVersionField.tabs.map((tab, i) => {\n        if (!tab?.fields?.length) {\n          return null\n        }\n        const fieldTab = field.tabs?.[i]\n        return (\n          <div className={`${baseClass}__tab`} key={i}>\n            {(() => {\n              if ('name' in fieldTab && selectedLocales && fieldTab.localized) {\n                // Named localized tab\n                return selectedLocales.map((locale, index) => {\n                  const localizedTabProps: TabProps = {\n                    ...props,\n                    comparisonValue: valueFrom?.[tab.name]?.[locale],\n                    fieldTab,\n                    locale,\n                    tab,\n                    versionValue: valueTo?.[tab.name]?.[locale],\n                  }\n                  return (\n                    <div className={`${baseClass}__tab-locale`} key={[locale, index].join('-')}>\n                      <div className={`${baseClass}__tab-locale-value`}>\n                        <Tab key={locale} {...localizedTabProps} />\n                      </div>\n                    </div>\n                  )\n                })\n              } else if ('name' in tab && tab.name) {\n                // Named tab\n                const namedTabProps: TabProps = {\n                  ...props,\n                  comparisonValue: valueFrom?.[tab.name],\n                  fieldTab,\n                  tab,\n                  versionValue: valueTo?.[tab.name],\n                }\n                return <Tab key={i} {...namedTabProps} />\n              } else {\n                // Unnamed tab\n                return <Tab fieldTab={fieldTab} key={i} {...props} tab={tab} />\n              }\n            })()}\n          </div>\n        )\n      })}\n    </div>\n  )\n}\n\ntype TabProps = {\n  fieldTab: ClientTab\n  tab: VersionTab\n} & FieldDiffClientProps<TabsFieldClient>\n\nconst Tab: React.FC<TabProps> = ({\n  comparisonValue: valueFrom,\n  fieldTab,\n  locale,\n  parentIsLocalized,\n  tab,\n  versionValue: valueTo,\n}) => {\n  const { i18n } = useTranslation()\n  const { selectedLocales } = useSelectedLocales()\n\n  if (!tab.fields?.length) {\n    return null\n  }\n\n  return (\n    <DiffCollapser\n      fields={fieldTab.fields}\n      Label={\n        'label' in tab &&\n        tab.label &&\n        typeof tab.label !== 'function' && (\n          <span>\n            {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n            {getTranslation(tab.label, i18n)}\n          </span>\n        )\n      }\n      locales={selectedLocales}\n      parentIsLocalized={parentIsLocalized || fieldTab.localized}\n      valueFrom={valueFrom}\n      valueTo={valueTo}\n    >\n      <RenderVersionFieldsToDiff versionFields={tab.fields} />\n    </DiffCollapser>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Tabs/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  ClientTab,\n  FieldDiffClientProps,\n  TabsFieldClient,\n  TabsFieldDiffClientComponent,\n  VersionTab,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useTranslation } from '@payloadcms/ui'\nimport React from 'react'\n\nimport './index.scss'\nimport { useSelectedLocales } from '../../../Default/SelectedLocalesContext.js'\nimport { DiffCollapser } from '../../DiffCollapser/index.js'\nimport { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js'\n\nconst baseClass = 'tabs-diff'\n\nexport const Tabs: TabsFieldDiffClientComponent = (props) => {\n  const { baseVersionField, comparisonValue: valueFrom, field, versionValue: valueTo } = props\n  const { selectedLocales } = useSelectedLocales()\n\n  return (\n    <div className={baseClass}>\n      {baseVersionField.tabs.map((tab, i) => {\n        if (!tab?.fields?.length) {\n          return null\n        }\n        const fieldTab = field.tabs?.[i]\n        return (\n          <div className={`${baseClass}__tab`} key={i}>\n            {(() => {\n              if ('name' in fieldTab && selectedLocales && fieldTab.localized) {\n                // Named localized tab\n                return selectedLocales.map((locale, index) => {\n                  const localizedTabProps: TabProps = {\n                    ...props,\n                    comparisonValue: valueFrom?.[tab.name]?.[locale],\n                    fieldTab,\n                    locale,\n                    tab,\n                    versionValue: valueTo?.[tab.name]?.[locale],\n                  }\n                  return (\n                    <div className={`${baseClass}__tab-locale`} key={[locale, index].join('-')}>\n                      <div className={`${baseClass}__tab-locale-value`}>\n                        <Tab key={locale} {...localizedTabProps} />\n                      </div>\n                    </div>\n                  )\n                })\n              } else if ('name' in tab && tab.name) {\n                // Named tab\n                const namedTabProps: TabProps = {\n                  ...props,\n                  comparisonValue: valueFrom?.[tab.name],\n                  fieldTab,\n                  tab,\n                  versionValue: valueTo?.[tab.name],\n                }\n                return <Tab key={i} {...namedTabProps} />\n              } else {\n                // Unnamed tab\n                return <Tab fieldTab={fieldTab} key={i} {...props} tab={tab} />\n              }\n            })()}\n          </div>\n        )\n      })}\n    </div>\n  )\n}\n\ntype TabProps = {\n  fieldTab: ClientTab\n  tab: VersionTab\n} & FieldDiffClientProps<TabsFieldClient>\n\nconst Tab: React.FC<TabProps> = ({\n  comparisonValue: valueFrom,\n  fieldTab,\n  locale,\n  parentIsLocalized,\n  tab,\n  versionValue: valueTo,\n}) => {\n  const { i18n } = useTranslation()\n  const { selectedLocales } = useSelectedLocales()\n\n  if (!tab.fields?.length) {\n    return null\n  }\n\n  return (\n    <DiffCollapser\n      fields={fieldTab.fields}\n      Label={\n        'label' in tab &&\n        tab.label &&\n        typeof tab.label !== 'function' && (\n          <span>\n            {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n            {getTranslation(tab.label, i18n)}\n          </span>\n        )\n      }\n      locales={selectedLocales}\n      parentIsLocalized={parentIsLocalized || fieldTab.localized}\n      valueFrom={valueFrom}\n      valueTo={valueTo}\n    >\n      <RenderVersionFieldsToDiff versionFields={tab.fields} />\n    </DiffCollapser>\n  )\n}\n"],"names":["getTranslation","useTranslation","React","useSelectedLocales","DiffCollapser","RenderVersionFieldsToDiff","baseClass","Tabs","props","baseVersionField","comparisonValue","valueFrom","field","versionValue","valueTo","selectedLocales","div","className","tabs","map","tab","i","fields","length","fieldTab","localized","locale","index","localizedTabProps","name","Tab","join","namedTabProps","parentIsLocalized","i18n","Label","label","span","locales","versionFields"],"mappings":"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"}

package/dist/views/Version/RenderFieldsToDiff/fields/Tabs/index.scss

@@ -0,0 +1,9 @@
+@layer payload-default {
+  .tabs-diff {
+    // Space between each tab or tab locale
+    &__tab:not(:first-of-type),
+    &__tab-locale:not(:first-of-type) {
+      margin-top: var(--base);
+    }
+  }
+}