@payloadcms/next 3.68.0-internal-debug.35482da → 3.68.0-internal.35482da

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

@@ -1,202 +1,188 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { FieldDiffContainer, getHTMLDiffComponents } from '@payloadcms/ui/rsc';
-import './index.scss';
 import React from 'react';
 import { generateLabelFromValue } from './generateLabelFromValue.js';
 const baseClass = 'relationship-diff';
-export const Relationship = ({ comparisonValue: valueFrom, field, i18n, locale, nestingLevel, parentIsLocalized, req, versionValue: valueTo })=>{
-    const hasMany = 'hasMany' in field && field.hasMany;
-    const polymorphic = Array.isArray(field.relationTo);
-    if (hasMany) {
-        return /*#__PURE__*/ _jsxDEV(ManyRelationshipDiff, {
-            field: field,
-            i18n: i18n,
-            locale: locale,
-            nestingLevel: nestingLevel,
-            parentIsLocalized: parentIsLocalized,
-            polymorphic: polymorphic,
-            req: req,
-            valueFrom: valueFrom,
-            valueTo: valueTo
-        }, void 0, false, {
-            fileName: "src/views/Version/RenderFieldsToDiff/fields/Relationship/index.tsx",
-            lineNumber: 38,
-            columnNumber: 7
-        }, this);
-    }
-    return /*#__PURE__*/ _jsxDEV(SingleRelationshipDiff, {
-        field: field,
-        i18n: i18n,
-        locale: locale,
-        nestingLevel: nestingLevel,
-        parentIsLocalized: parentIsLocalized,
-        polymorphic: polymorphic,
-        req: req,
-        valueFrom: valueFrom,
-        valueTo: valueTo
-    }, void 0, false, {
-        fileName: "src/views/Version/RenderFieldsToDiff/fields/Relationship/index.tsx",
-        lineNumber: 53,
-        columnNumber: 5
-    }, this);
-};
-export const SingleRelationshipDiff = async (args)=>{
-    const { field, i18n, locale, nestingLevel, parentIsLocalized, polymorphic, req, valueFrom, valueTo } = args;
-    const ReactDOMServer = (await import('react-dom/server')).default;
-    const FromComponent = valueFrom ? /*#__PURE__*/ _jsxDEV(RelationshipDocumentDiff, {
-        field: field,
-        i18n: i18n,
-        locale: locale,
-        parentIsLocalized: parentIsLocalized,
-        polymorphic: polymorphic,
-        relationTo: polymorphic ? valueFrom.relationTo : field.relationTo,
-        req: req,
-        showPill: true,
-        value: valueFrom
-    }, void 0, false, {
-        fileName: "src/views/Version/RenderFieldsToDiff/fields/Relationship/index.tsx",
-        lineNumber: 93,
-        columnNumber: 5
-    }, this) : null;
-    const ToComponent = valueTo ? /*#__PURE__*/ _jsxDEV(RelationshipDocumentDiff, {
-        field: field,
-        i18n: i18n,
-        locale: locale,
-        parentIsLocalized: parentIsLocalized,
-        polymorphic: polymorphic,
-        relationTo: polymorphic ? valueTo.relationTo : field.relationTo,
-        req: req,
-        showPill: true,
-        value: valueTo
-    }, void 0, false, {
-        fileName: "src/views/Version/RenderFieldsToDiff/fields/Relationship/index.tsx",
-        lineNumber: 110,
-        columnNumber: 5
-    }, this) : null;
-    const fromHTML = FromComponent ? ReactDOMServer.renderToStaticMarkup(FromComponent) : `<p></p>`;
-    const toHTML = ToComponent ? ReactDOMServer.renderToStaticMarkup(ToComponent) : `<p></p>`;
-    const diff = getHTMLDiffComponents({
-        fromHTML,
-        toHTML,
-        tokenizeByCharacter: false
+export const Relationship = ({
+  comparisonValue: valueFrom,
+  field,
+  i18n,
+  locale,
+  nestingLevel,
+  parentIsLocalized,
+  req,
+  versionValue: valueTo
+}) => {
+  const hasMany = 'hasMany' in field && field.hasMany;
+  const polymorphic = Array.isArray(field.relationTo);
+  if (hasMany) {
+    return /*#__PURE__*/_jsx(ManyRelationshipDiff, {
+      field: field,
+      i18n: i18n,
+      locale: locale,
+      nestingLevel: nestingLevel,
+      parentIsLocalized: parentIsLocalized,
+      polymorphic: polymorphic,
+      req: req,
+      valueFrom: valueFrom,
+      valueTo: valueTo
     });
-    return /*#__PURE__*/ _jsxDEV(FieldDiffContainer, {
-        className: `${baseClass}-container ${baseClass}-container--hasOne`,
-        From: diff.From,
-        i18n: i18n,
-        label: {
-            label: field.label,
-            locale
-        },
-        nestingLevel: nestingLevel,
-        To: diff.To
-    }, void 0, false, {
-        fileName: "src/views/Version/RenderFieldsToDiff/fields/Relationship/index.tsx",
-        lineNumber: 137,
-        columnNumber: 5
-    }, this);
+  }
+  return /*#__PURE__*/_jsx(SingleRelationshipDiff, {
+    field: field,
+    i18n: i18n,
+    locale: locale,
+    nestingLevel: nestingLevel,
+    parentIsLocalized: parentIsLocalized,
+    polymorphic: polymorphic,
+    req: req,
+    valueFrom: valueFrom,
+    valueTo: valueTo
+  });
 };
-const ManyRelationshipDiff = async ({ field, i18n, locale, nestingLevel, parentIsLocalized, polymorphic, req, valueFrom, valueTo })=>{
-    const ReactDOMServer = (await import('react-dom/server')).default;
-    const fromArr = Array.isArray(valueFrom) ? valueFrom : [];
-    const toArr = Array.isArray(valueTo) ? valueTo : [];
-    const makeNodes = (list)=>list.map((val, idx)=>/*#__PURE__*/ _jsxDEV(RelationshipDocumentDiff, {
-                field: field,
-                i18n: i18n,
-                locale: locale,
-                parentIsLocalized: parentIsLocalized,
-                polymorphic: polymorphic,
-                relationTo: polymorphic ? val.relationTo : field.relationTo,
-                req: req,
-                showPill: polymorphic,
-                value: val
-            }, idx, false, {
-                fileName: "src/views/Version/RenderFieldsToDiff/fields/Relationship/index.tsx",
-                lineNumber: 176,
-                columnNumber: 7
-            }, this));
-    const fromNodes = fromArr.length > 0 ? makeNodes(fromArr) : /*#__PURE__*/ _jsxDEV("p", {
-        className: `${baseClass}__empty`
-    }, void 0, false, {
-        fileName: "src/views/Version/RenderFieldsToDiff/fields/Relationship/index.tsx",
-        lineNumber: 195,
-        columnNumber: 47
-    }, this);
-    const toNodes = toArr.length > 0 ? makeNodes(toArr) : /*#__PURE__*/ _jsxDEV("p", {
-        className: `${baseClass}__empty`
-    }, void 0, false, {
-        fileName: "src/views/Version/RenderFieldsToDiff/fields/Relationship/index.tsx",
-        lineNumber: 197,
-        columnNumber: 57
-    }, this);
-    const fromHTML = ReactDOMServer.renderToStaticMarkup(fromNodes);
-    const toHTML = ReactDOMServer.renderToStaticMarkup(toNodes);
-    const diff = getHTMLDiffComponents({
-        fromHTML,
-        toHTML,
-        tokenizeByCharacter: false
-    });
-    return /*#__PURE__*/ _jsxDEV(FieldDiffContainer, {
-        className: `${baseClass}-container ${baseClass}-container--hasMany`,
-        From: diff.From,
-        i18n: i18n,
-        label: {
-            label: field.label,
-            locale
-        },
-        nestingLevel: nestingLevel,
-        To: diff.To
-    }, void 0, false, {
-        fileName: "src/views/Version/RenderFieldsToDiff/fields/Relationship/index.tsx",
-        lineNumber: 209,
-        columnNumber: 5
-    }, this);
+export const SingleRelationshipDiff = async args => {
+  const {
+    field,
+    i18n,
+    locale,
+    nestingLevel,
+    parentIsLocalized,
+    polymorphic,
+    req,
+    valueFrom,
+    valueTo
+  } = args;
+  const ReactDOMServer = (await import('react-dom/server')).default;
+  const FromComponent = valueFrom ? /*#__PURE__*/_jsx(RelationshipDocumentDiff, {
+    field: field,
+    i18n: i18n,
+    locale: locale,
+    parentIsLocalized: parentIsLocalized,
+    polymorphic: polymorphic,
+    relationTo: polymorphic ? valueFrom.relationTo : field.relationTo,
+    req: req,
+    showPill: true,
+    value: valueFrom
+  }) : null;
+  const ToComponent = valueTo ? /*#__PURE__*/_jsx(RelationshipDocumentDiff, {
+    field: field,
+    i18n: i18n,
+    locale: locale,
+    parentIsLocalized: parentIsLocalized,
+    polymorphic: polymorphic,
+    relationTo: polymorphic ? valueTo.relationTo : field.relationTo,
+    req: req,
+    showPill: true,
+    value: valueTo
+  }) : null;
+  const fromHTML = FromComponent ? ReactDOMServer.renderToStaticMarkup(FromComponent) : `<p></p>`;
+  const toHTML = ToComponent ? ReactDOMServer.renderToStaticMarkup(ToComponent) : `<p></p>`;
+  const diff = getHTMLDiffComponents({
+    fromHTML,
+    toHTML,
+    tokenizeByCharacter: false
+  });
+  return /*#__PURE__*/_jsx(FieldDiffContainer, {
+    className: `${baseClass}-container ${baseClass}-container--hasOne`,
+    From: diff.From,
+    i18n: i18n,
+    label: {
+      label: field.label,
+      locale
+    },
+    nestingLevel: nestingLevel,
+    To: diff.To
+  });
 };
-const RelationshipDocumentDiff = ({ field, i18n, locale, parentIsLocalized, polymorphic, relationTo, req, showPill = false, value })=>{
-    const localeToUse = locale ?? (req.payload.config?.localization && req.payload.config?.localization?.defaultLocale) ?? 'en';
-    const title = generateLabelFromValue({
-        field,
-        locale: localeToUse,
-        parentIsLocalized,
-        req,
-        value
-    });
-    let pillLabel = null;
-    if (showPill) {
-        const collectionConfig = req.payload.collections[relationTo].config;
-        pillLabel = collectionConfig.labels?.singular ? getTranslation(collectionConfig.labels.singular, i18n) : collectionConfig.slug;
-    }
-    return /*#__PURE__*/ _jsxDEV("div", {
-        className: `${baseClass}`,
-        "data-enable-match": "true",
-        "data-id": polymorphic ? value.value.id : value.id,
-        "data-relation-to": relationTo,
-        children: [
-            pillLabel && /*#__PURE__*/ _jsxDEV("span", {
-                className: `${baseClass}__pill`,
-                "data-enable-match": "false",
-                children: pillLabel
-            }, void 0, false, {
-                fileName: "src/views/Version/RenderFieldsToDiff/fields/Relationship/index.tsx",
-                lineNumber: 274,
-                columnNumber: 9
-            }, this),
-            /*#__PURE__*/ _jsxDEV("strong", {
-                className: `${baseClass}__info`,
-                "data-enable-match": "false",
-                children: title
-            }, void 0, false, {
-                fileName: "src/views/Version/RenderFieldsToDiff/fields/Relationship/index.tsx",
-                lineNumber: 278,
-                columnNumber: 7
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/views/Version/RenderFieldsToDiff/fields/Relationship/index.tsx",
-        lineNumber: 263,
-        columnNumber: 5
-    }, this);
+const ManyRelationshipDiff = async ({
+  field,
+  i18n,
+  locale,
+  nestingLevel,
+  parentIsLocalized,
+  polymorphic,
+  req,
+  valueFrom,
+  valueTo
+}) => {
+  const ReactDOMServer = (await import('react-dom/server')).default;
+  const fromArr = Array.isArray(valueFrom) ? valueFrom : [];
+  const toArr = Array.isArray(valueTo) ? valueTo : [];
+  const makeNodes = list => list.map((val, idx) => /*#__PURE__*/_jsx(RelationshipDocumentDiff, {
+    field: field,
+    i18n: i18n,
+    locale: locale,
+    parentIsLocalized: parentIsLocalized,
+    polymorphic: polymorphic,
+    relationTo: polymorphic ? val.relationTo : field.relationTo,
+    req: req,
+    showPill: polymorphic,
+    value: val
+  }, idx));
+  const fromNodes = fromArr.length > 0 ? makeNodes(fromArr) : /*#__PURE__*/_jsx("p", {
+    className: `${baseClass}__empty`
+  });
+  const toNodes = toArr.length > 0 ? makeNodes(toArr) : /*#__PURE__*/_jsx("p", {
+    className: `${baseClass}__empty`
+  });
+  const fromHTML = ReactDOMServer.renderToStaticMarkup(fromNodes);
+  const toHTML = ReactDOMServer.renderToStaticMarkup(toNodes);
+  const diff = getHTMLDiffComponents({
+    fromHTML,
+    toHTML,
+    tokenizeByCharacter: false
+  });
+  return /*#__PURE__*/_jsx(FieldDiffContainer, {
+    className: `${baseClass}-container ${baseClass}-container--hasMany`,
+    From: diff.From,
+    i18n: i18n,
+    label: {
+      label: field.label,
+      locale
+    },
+    nestingLevel: nestingLevel,
+    To: diff.To
+  });
+};
+const RelationshipDocumentDiff = ({
+  field,
+  i18n,
+  locale,
+  parentIsLocalized,
+  polymorphic,
+  relationTo,
+  req,
+  showPill = false,
+  value
+}) => {
+  const localeToUse = locale ?? (req.payload.config?.localization && req.payload.config?.localization?.defaultLocale) ?? 'en';
+  const title = generateLabelFromValue({
+    field,
+    locale: localeToUse,
+    parentIsLocalized,
+    req,
+    value
+  });
+  let pillLabel = null;
+  if (showPill) {
+    const collectionConfig = req.payload.collections[relationTo].config;
+    pillLabel = collectionConfig.labels?.singular ? getTranslation(collectionConfig.labels.singular, i18n) : collectionConfig.slug;
+  }
+  return /*#__PURE__*/_jsxs("div", {
+    className: `${baseClass}`,
+    "data-enable-match": "true",
+    "data-id": polymorphic ? value.value.id : value.id,
+    "data-relation-to": relationTo,
+    children: [pillLabel && /*#__PURE__*/_jsx("span", {
+      className: `${baseClass}__pill`,
+      "data-enable-match": "false",
+      children: pillLabel
+    }), /*#__PURE__*/_jsx("strong", {
+      className: `${baseClass}__info`,
+      "data-enable-match": "false",
+      children: title
+    })]
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Relationship/index.tsx"],"sourcesContent":["import type {\n  PayloadRequest,\n  RelationshipField,\n  RelationshipFieldDiffServerComponent,\n  TypeWithID,\n} from 'payload'\n\nimport { getTranslation, type I18nClient } from '@payloadcms/translations'\nimport { FieldDiffContainer, getHTMLDiffComponents } from '@payloadcms/ui/rsc'\n\nimport './index.scss'\n\nimport React from 'react'\n\nimport { generateLabelFromValue } from './generateLabelFromValue.js'\n\nconst baseClass = 'relationship-diff'\n\nexport type RelationshipValue =\n  | { relationTo: string; value: number | string | TypeWithID }\n  | (number | string | TypeWithID)\n\nexport const Relationship: RelationshipFieldDiffServerComponent = ({\n  comparisonValue: valueFrom,\n  field,\n  i18n,\n  locale,\n  nestingLevel,\n  parentIsLocalized,\n  req,\n  versionValue: valueTo,\n}) => {\n  const hasMany = 'hasMany' in field && field.hasMany\n  const polymorphic = Array.isArray(field.relationTo)\n\n  if (hasMany) {\n    return (\n      <ManyRelationshipDiff\n        field={field}\n        i18n={i18n}\n        locale={locale}\n        nestingLevel={nestingLevel}\n        parentIsLocalized={parentIsLocalized}\n        polymorphic={polymorphic}\n        req={req}\n        valueFrom={valueFrom as RelationshipValue[] | undefined}\n        valueTo={valueTo as RelationshipValue[] | undefined}\n      />\n    )\n  }\n\n  return (\n    <SingleRelationshipDiff\n      field={field}\n      i18n={i18n}\n      locale={locale}\n      nestingLevel={nestingLevel}\n      parentIsLocalized={parentIsLocalized}\n      polymorphic={polymorphic}\n      req={req}\n      valueFrom={valueFrom as RelationshipValue}\n      valueTo={valueTo as RelationshipValue}\n    />\n  )\n}\n\nexport const SingleRelationshipDiff: React.FC<{\n  field: RelationshipField\n  i18n: I18nClient\n  locale: string\n  nestingLevel?: number\n  parentIsLocalized: boolean\n  polymorphic: boolean\n  req: PayloadRequest\n  valueFrom: RelationshipValue\n  valueTo: RelationshipValue\n}> = async (args) => {\n  const {\n    field,\n    i18n,\n    locale,\n    nestingLevel,\n    parentIsLocalized,\n    polymorphic,\n    req,\n    valueFrom,\n    valueTo,\n  } = args\n\n  const ReactDOMServer = (await import('react-dom/server')).default\n\n  const FromComponent = valueFrom ? (\n    <RelationshipDocumentDiff\n      field={field}\n      i18n={i18n}\n      locale={locale}\n      parentIsLocalized={parentIsLocalized}\n      polymorphic={polymorphic}\n      relationTo={\n        polymorphic\n          ? (valueFrom as { relationTo: string; value: TypeWithID }).relationTo\n          : (field.relationTo as string)\n      }\n      req={req}\n      showPill={true}\n      value={valueFrom}\n    />\n  ) : null\n  const ToComponent = valueTo ? (\n    <RelationshipDocumentDiff\n      field={field}\n      i18n={i18n}\n      locale={locale}\n      parentIsLocalized={parentIsLocalized}\n      polymorphic={polymorphic}\n      relationTo={\n        polymorphic\n          ? (valueTo as { relationTo: string; value: TypeWithID }).relationTo\n          : (field.relationTo as string)\n      }\n      req={req}\n      showPill={true}\n      value={valueTo}\n    />\n  ) : null\n\n  const fromHTML = FromComponent ? ReactDOMServer.renderToStaticMarkup(FromComponent) : `<p></p>`\n  const toHTML = ToComponent ? ReactDOMServer.renderToStaticMarkup(ToComponent) : `<p></p>`\n\n  const diff = getHTMLDiffComponents({\n    fromHTML,\n    toHTML,\n    tokenizeByCharacter: false,\n  })\n\n  return (\n    <FieldDiffContainer\n      className={`${baseClass}-container ${baseClass}-container--hasOne`}\n      From={diff.From}\n      i18n={i18n}\n      label={{ label: field.label, locale }}\n      nestingLevel={nestingLevel}\n      To={diff.To}\n    />\n  )\n}\n\nconst ManyRelationshipDiff: React.FC<{\n  field: RelationshipField\n  i18n: I18nClient\n  locale: string\n  nestingLevel?: number\n  parentIsLocalized: boolean\n  polymorphic: boolean\n  req: PayloadRequest\n  valueFrom: RelationshipValue[] | undefined\n  valueTo: RelationshipValue[] | undefined\n}> = async ({\n  field,\n  i18n,\n  locale,\n  nestingLevel,\n  parentIsLocalized,\n  polymorphic,\n  req,\n  valueFrom,\n  valueTo,\n}) => {\n  const ReactDOMServer = (await import('react-dom/server')).default\n\n  const fromArr = Array.isArray(valueFrom) ? valueFrom : []\n  const toArr = Array.isArray(valueTo) ? valueTo : []\n\n  const makeNodes = (list: RelationshipValue[]) =>\n    list.map((val, idx) => (\n      <RelationshipDocumentDiff\n        field={field}\n        i18n={i18n}\n        key={idx}\n        locale={locale}\n        parentIsLocalized={parentIsLocalized}\n        polymorphic={polymorphic}\n        relationTo={\n          polymorphic\n            ? (val as { relationTo: string; value: TypeWithID }).relationTo\n            : (field.relationTo as string)\n        }\n        req={req}\n        showPill={polymorphic}\n        value={val}\n      />\n    ))\n\n  const fromNodes =\n    fromArr.length > 0 ? makeNodes(fromArr) : <p className={`${baseClass}__empty`}></p>\n\n  const toNodes = toArr.length > 0 ? makeNodes(toArr) : <p className={`${baseClass}__empty`}></p>\n\n  const fromHTML = ReactDOMServer.renderToStaticMarkup(fromNodes)\n  const toHTML = ReactDOMServer.renderToStaticMarkup(toNodes)\n\n  const diff = getHTMLDiffComponents({\n    fromHTML,\n    toHTML,\n    tokenizeByCharacter: false,\n  })\n\n  return (\n    <FieldDiffContainer\n      className={`${baseClass}-container ${baseClass}-container--hasMany`}\n      From={diff.From}\n      i18n={i18n}\n      label={{ label: field.label, locale }}\n      nestingLevel={nestingLevel}\n      To={diff.To}\n    />\n  )\n}\n\nconst RelationshipDocumentDiff = ({\n  field,\n  i18n,\n  locale,\n  parentIsLocalized,\n  polymorphic,\n  relationTo,\n  req,\n  showPill = false,\n  value,\n}: {\n  field: RelationshipField\n  i18n: I18nClient\n  locale: string\n  parentIsLocalized: boolean\n  polymorphic: boolean\n  relationTo: string\n  req: PayloadRequest\n  showPill?: boolean\n  value: RelationshipValue\n}) => {\n  const localeToUse =\n    locale ??\n    (req.payload.config?.localization && req.payload.config?.localization?.defaultLocale) ??\n    'en'\n\n  const title = generateLabelFromValue({\n    field,\n    locale: localeToUse,\n    parentIsLocalized,\n    req,\n    value,\n  })\n\n  let pillLabel: null | string = null\n  if (showPill) {\n    const collectionConfig = req.payload.collections[relationTo].config\n    pillLabel = collectionConfig.labels?.singular\n      ? getTranslation(collectionConfig.labels.singular, i18n)\n      : collectionConfig.slug\n  }\n\n  return (\n    <div\n      className={`${baseClass}`}\n      data-enable-match=\"true\"\n      data-id={\n        polymorphic\n          ? (value as { relationTo: string; value: TypeWithID }).value.id\n          : (value as TypeWithID).id\n      }\n      data-relation-to={relationTo}\n    >\n      {pillLabel && (\n        <span className={`${baseClass}__pill`} data-enable-match=\"false\">\n          {pillLabel}\n        </span>\n      )}\n      <strong className={`${baseClass}__info`} data-enable-match=\"false\">\n        {title}\n      </strong>\n    </div>\n  )\n}\n"],"names":["getTranslation","FieldDiffContainer","getHTMLDiffComponents","React","generateLabelFromValue","baseClass","Relationship","comparisonValue","valueFrom","field","i18n","locale","nestingLevel","parentIsLocalized","req","versionValue","valueTo","hasMany","polymorphic","Array","isArray","relationTo","ManyRelationshipDiff","SingleRelationshipDiff","args","ReactDOMServer","default","FromComponent","RelationshipDocumentDiff","showPill","value","ToComponent","fromHTML","renderToStaticMarkup","toHTML","diff","tokenizeByCharacter","className","From","label","To","fromArr","toArr","makeNodes","list","map","val","idx","fromNodes","length","p","toNodes","localeToUse","payload","config","localization","defaultLocale","title","pillLabel","collectionConfig","collections","labels","singular","slug","div","data-enable-match","data-id","id","data-relation-to","span","strong"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["getTranslation","FieldDiffContainer","getHTMLDiffComponents","React","generateLabelFromValue","baseClass","Relationship","comparisonValue","valueFrom","field","i18n","locale","nestingLevel","parentIsLocalized","req","versionValue","valueTo","hasMany","polymorphic","Array","isArray","relationTo","_jsx","ManyRelationshipDiff","SingleRelationshipDiff","args","ReactDOMServer","default","FromComponent","RelationshipDocumentDiff","showPill","value","ToComponent","fromHTML","renderToStaticMarkup","toHTML","diff","tokenizeByCharacter","className","From","label","To","fromArr","toArr","makeNodes","list","map","val","idx","fromNodes","length","toNodes","localeToUse","payload","config","localization","defaultLocale","title","pillLabel","collectionConfig","collections","labels","singular","slug","_jsxs","id"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Relationship/index.tsx"],"sourcesContent":["import type {\n  PayloadRequest,\n  RelationshipField,\n  RelationshipFieldDiffServerComponent,\n  TypeWithID,\n} from 'payload'\n\nimport { getTranslation, type I18nClient } from '@payloadcms/translations'\nimport { FieldDiffContainer, getHTMLDiffComponents } from '@payloadcms/ui/rsc'\n\nimport './index.scss'\n\nimport React from 'react'\n\nimport { generateLabelFromValue } from './generateLabelFromValue.js'\n\nconst baseClass = 'relationship-diff'\n\nexport type RelationshipValue =\n  | { relationTo: string; value: number | string | TypeWithID }\n  | (number | string | TypeWithID)\n\nexport const Relationship: RelationshipFieldDiffServerComponent = ({\n  comparisonValue: valueFrom,\n  field,\n  i18n,\n  locale,\n  nestingLevel,\n  parentIsLocalized,\n  req,\n  versionValue: valueTo,\n}) => {\n  const hasMany = 'hasMany' in field && field.hasMany\n  const polymorphic = Array.isArray(field.relationTo)\n\n  if (hasMany) {\n    return (\n      <ManyRelationshipDiff\n        field={field}\n        i18n={i18n}\n        locale={locale}\n        nestingLevel={nestingLevel}\n        parentIsLocalized={parentIsLocalized}\n        polymorphic={polymorphic}\n        req={req}\n        valueFrom={valueFrom as RelationshipValue[] | undefined}\n        valueTo={valueTo as RelationshipValue[] | undefined}\n      />\n    )\n  }\n\n  return (\n    <SingleRelationshipDiff\n      field={field}\n      i18n={i18n}\n      locale={locale}\n      nestingLevel={nestingLevel}\n      parentIsLocalized={parentIsLocalized}\n      polymorphic={polymorphic}\n      req={req}\n      valueFrom={valueFrom as RelationshipValue}\n      valueTo={valueTo as RelationshipValue}\n    />\n  )\n}\n\nexport const SingleRelationshipDiff: React.FC<{\n  field: RelationshipField\n  i18n: I18nClient\n  locale: string\n  nestingLevel?: number\n  parentIsLocalized: boolean\n  polymorphic: boolean\n  req: PayloadRequest\n  valueFrom: RelationshipValue\n  valueTo: RelationshipValue\n}> = async (args) => {\n  const {\n    field,\n    i18n,\n    locale,\n    nestingLevel,\n    parentIsLocalized,\n    polymorphic,\n    req,\n    valueFrom,\n    valueTo,\n  } = args\n\n  const ReactDOMServer = (await import('react-dom/server')).default\n\n  const FromComponent = valueFrom ? (\n    <RelationshipDocumentDiff\n      field={field}\n      i18n={i18n}\n      locale={locale}\n      parentIsLocalized={parentIsLocalized}\n      polymorphic={polymorphic}\n      relationTo={\n        polymorphic\n          ? (valueFrom as { relationTo: string; value: TypeWithID }).relationTo\n          : (field.relationTo as string)\n      }\n      req={req}\n      showPill={true}\n      value={valueFrom}\n    />\n  ) : null\n  const ToComponent = valueTo ? (\n    <RelationshipDocumentDiff\n      field={field}\n      i18n={i18n}\n      locale={locale}\n      parentIsLocalized={parentIsLocalized}\n      polymorphic={polymorphic}\n      relationTo={\n        polymorphic\n          ? (valueTo as { relationTo: string; value: TypeWithID }).relationTo\n          : (field.relationTo as string)\n      }\n      req={req}\n      showPill={true}\n      value={valueTo}\n    />\n  ) : null\n\n  const fromHTML = FromComponent ? ReactDOMServer.renderToStaticMarkup(FromComponent) : `<p></p>`\n  const toHTML = ToComponent ? ReactDOMServer.renderToStaticMarkup(ToComponent) : `<p></p>`\n\n  const diff = getHTMLDiffComponents({\n    fromHTML,\n    toHTML,\n    tokenizeByCharacter: false,\n  })\n\n  return (\n    <FieldDiffContainer\n      className={`${baseClass}-container ${baseClass}-container--hasOne`}\n      From={diff.From}\n      i18n={i18n}\n      label={{ label: field.label, locale }}\n      nestingLevel={nestingLevel}\n      To={diff.To}\n    />\n  )\n}\n\nconst ManyRelationshipDiff: React.FC<{\n  field: RelationshipField\n  i18n: I18nClient\n  locale: string\n  nestingLevel?: number\n  parentIsLocalized: boolean\n  polymorphic: boolean\n  req: PayloadRequest\n  valueFrom: RelationshipValue[] | undefined\n  valueTo: RelationshipValue[] | undefined\n}> = async ({\n  field,\n  i18n,\n  locale,\n  nestingLevel,\n  parentIsLocalized,\n  polymorphic,\n  req,\n  valueFrom,\n  valueTo,\n}) => {\n  const ReactDOMServer = (await import('react-dom/server')).default\n\n  const fromArr = Array.isArray(valueFrom) ? valueFrom : []\n  const toArr = Array.isArray(valueTo) ? valueTo : []\n\n  const makeNodes = (list: RelationshipValue[]) =>\n    list.map((val, idx) => (\n      <RelationshipDocumentDiff\n        field={field}\n        i18n={i18n}\n        key={idx}\n        locale={locale}\n        parentIsLocalized={parentIsLocalized}\n        polymorphic={polymorphic}\n        relationTo={\n          polymorphic\n            ? (val as { relationTo: string; value: TypeWithID }).relationTo\n            : (field.relationTo as string)\n        }\n        req={req}\n        showPill={polymorphic}\n        value={val}\n      />\n    ))\n\n  const fromNodes =\n    fromArr.length > 0 ? makeNodes(fromArr) : <p className={`${baseClass}__empty`}></p>\n\n  const toNodes = toArr.length > 0 ? makeNodes(toArr) : <p className={`${baseClass}__empty`}></p>\n\n  const fromHTML = ReactDOMServer.renderToStaticMarkup(fromNodes)\n  const toHTML = ReactDOMServer.renderToStaticMarkup(toNodes)\n\n  const diff = getHTMLDiffComponents({\n    fromHTML,\n    toHTML,\n    tokenizeByCharacter: false,\n  })\n\n  return (\n    <FieldDiffContainer\n      className={`${baseClass}-container ${baseClass}-container--hasMany`}\n      From={diff.From}\n      i18n={i18n}\n      label={{ label: field.label, locale }}\n      nestingLevel={nestingLevel}\n      To={diff.To}\n    />\n  )\n}\n\nconst RelationshipDocumentDiff = ({\n  field,\n  i18n,\n  locale,\n  parentIsLocalized,\n  polymorphic,\n  relationTo,\n  req,\n  showPill = false,\n  value,\n}: {\n  field: RelationshipField\n  i18n: I18nClient\n  locale: string\n  parentIsLocalized: boolean\n  polymorphic: boolean\n  relationTo: string\n  req: PayloadRequest\n  showPill?: boolean\n  value: RelationshipValue\n}) => {\n  const localeToUse =\n    locale ??\n    (req.payload.config?.localization && req.payload.config?.localization?.defaultLocale) ??\n    'en'\n\n  const title = generateLabelFromValue({\n    field,\n    locale: localeToUse,\n    parentIsLocalized,\n    req,\n    value,\n  })\n\n  let pillLabel: null | string = null\n  if (showPill) {\n    const collectionConfig = req.payload.collections[relationTo].config\n    pillLabel = collectionConfig.labels?.singular\n      ? getTranslation(collectionConfig.labels.singular, i18n)\n      : collectionConfig.slug\n  }\n\n  return (\n    <div\n      className={`${baseClass}`}\n      data-enable-match=\"true\"\n      data-id={\n        polymorphic\n          ? (value as { relationTo: string; value: TypeWithID }).value.id\n          : (value as TypeWithID).id\n      }\n      data-relation-to={relationTo}\n    >\n      {pillLabel && (\n        <span className={`${baseClass}__pill`} data-enable-match=\"false\">\n          {pillLabel}\n        </span>\n      )}\n      <strong className={`${baseClass}__info`} data-enable-match=\"false\">\n        {title}\n      </strong>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,23 +1,17 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js';
 const baseClass = 'row-diff';
-export const Row = ({ baseVersionField })=>{
-    return /*#__PURE__*/ _jsxDEV("div", {
-        className: baseClass,
-        children: /*#__PURE__*/ _jsxDEV(RenderVersionFieldsToDiff, {
-            versionFields: baseVersionField.fields
-        }, void 0, false, {
-            fileName: "src/views/Version/RenderFieldsToDiff/fields/Row/index.tsx",
-            lineNumber: 13,
-            columnNumber: 7
-        }, this)
-    }, void 0, false, {
-        fileName: "src/views/Version/RenderFieldsToDiff/fields/Row/index.tsx",
-        lineNumber: 12,
-        columnNumber: 5
-    }, this);
+export const Row = ({
+  baseVersionField
+}) => {
+  return /*#__PURE__*/_jsx("div", {
+    className: baseClass,
+    children: /*#__PURE__*/_jsx(RenderVersionFieldsToDiff, {
+      versionFields: baseVersionField.fields
+    })
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Row/index.tsx"],"sourcesContent":["'use client'\nimport type { RowFieldDiffClientComponent } from 'payload'\n\nimport React from 'react'\n\nimport { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js'\n\nconst baseClass = 'row-diff'\n\nexport const Row: RowFieldDiffClientComponent = ({ baseVersionField }) => {\n  return (\n    <div className={baseClass}>\n      <RenderVersionFieldsToDiff versionFields={baseVersionField.fields} />\n    </div>\n  )\n}\n"],"names":["React","RenderVersionFieldsToDiff","baseClass","Row","baseVersionField","div","className","versionFields","fields"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,SAASC,yBAAyB,QAAQ,qCAAoC;AAE9E,MAAMC,YAAY;AAElB,OAAO,MAAMC,MAAmC,CAAC,EAAEC,gBAAgB,EAAE;IACnE,qBACE,QAACC;QAAIC,WAAWJ;kBACd,cAAA,QAACD;YAA0BM,eAAeH,iBAAiBI,MAAM;;;;;;;;;;;AAGvE,EAAC"}
+{"version":3,"file":"index.js","names":["React","RenderVersionFieldsToDiff","baseClass","Row","baseVersionField","_jsx","className","versionFields","fields"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Row/index.tsx"],"sourcesContent":["'use client'\nimport type { RowFieldDiffClientComponent } from 'payload'\n\nimport React from 'react'\n\nimport { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js'\n\nconst baseClass = 'row-diff'\n\nexport const Row: RowFieldDiffClientComponent = ({ baseVersionField }) => {\n  return (\n    <div className={baseClass}>\n      <RenderVersionFieldsToDiff versionFields={baseVersionField.fields} />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAElB,SAASC,yBAAyB,QAAQ;AAE1C,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,GAAA,GAAmCA,CAAC;EAAEC;AAAgB,CAAE;EACnE,oBACEC,IAAA,CAAC;IAAIC,SAAA,EAAWJ,SAAA;cACd,aAAAG,IAAA,CAACJ,yBAAA;MAA0BM,aAAA,EAAeH,gBAAA,CAAiBI;;;AAGjE","ignoreList":[]}

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

@@ -1,62 +1,87 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-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 = ({ 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
+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
     });
-    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);
+    $[0] = field.label;
+    $[1] = i18n;
+    $[2] = locale;
+    $[3] = nestingLevel;
+    $[4] = t1;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
 };
-
 //# sourceMappingURL=index.js.map