@payloadcms/richtext-lexical 3.34.0 → 3.35.0-internal.b3d367c

package/dist/field/Diff/index.d.ts

@@ -1,5 +1,4 @@
 import type { RichTextFieldDiffServerComponent } from 'payload';
-import './htmlDiff/index.scss';
 import './index.scss';
 import '../bundled.css';
 export declare const LexicalDiffComponent: RichTextFieldDiffServerComponent;

package/dist/field/Diff/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/field/Diff/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,SAAS,CAAA;AAM/D,OAAO,uBAAuB,CAAA;AAC9B,OAAO,cAAc,CAAA;AACrB,OAAO,gBAAgB,CAAA;AAcvB,eAAO,MAAM,oBAAoB,EAAE,gCAmDlC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/field/Diff/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,SAAS,CAAA;AAI/D,OAAO,cAAc,CAAA;AACrB,OAAO,gBAAgB,CAAA;AAgBvB,eAAO,MAAM,oBAAoB,EAAE,gCAwDlC,CAAA"}

package/dist/field/Diff/index.js

@@ -1,8 +1,7 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getTranslation } from '@payloadcms/translations';
-import { FieldDiffLabel } from '@payloadcms/ui/rsc';
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FieldDiffContainer, getHTMLDiffComponents } from '@payloadcms/ui/rsc';
 import '../bundled.css';
+import React from 'react';
 import { convertLexicalToHTMLAsync } from '../../features/converters/lexicalToHtml/async/index.js';
 import { getPayloadPopulateFn } from '../../features/converters/utilities/payloadPopulateFn.js';
 import { LinkDiffHTMLConverterAsync } from './converters/link.js';
@@ -10,15 +9,15 @@ import { ListItemDiffHTMLConverterAsync } from './converters/listitem/index.js';
 import { RelationshipDiffHTMLConverterAsync } from './converters/relationship/index.js';
 import { UnknownDiffHTMLConverterAsync } from './converters/unknown/index.js';
 import { UploadDiffHTMLConverterAsync } from './converters/upload/index.js';
-import { HtmlDiff } from './htmlDiff/index.js';
 const baseClass = 'lexical-diff';
 export const LexicalDiffComponent = async args => {
   const {
-    comparisonValue,
+    comparisonValue: valueFrom,
     field,
     i18n,
     locale,
-    versionValue
+    nestingLevel,
+    versionValue: valueTo
   } = args;
   const converters = ({
     defaultConverters
@@ -44,39 +43,35 @@ export const LexicalDiffComponent = async args => {
     depth: 1,
     req: args.req
   });
-  const comparisonHTML = await convertLexicalToHTMLAsync({
+  const fromHTML = await convertLexicalToHTMLAsync({
     converters,
-    data: comparisonValue,
+    data: valueFrom,
+    disableContainer: true,
     populate: payloadPopulateFn
   });
-  const versionHTML = await convertLexicalToHTMLAsync({
+  const toHTML = await convertLexicalToHTMLAsync({
     converters,
-    data: versionValue,
+    data: valueTo,
+    disableContainer: true,
     populate: payloadPopulateFn
   });
-  const diffHTML = new HtmlDiff(comparisonHTML, versionHTML);
-  const [oldHTML, newHTML] = diffHTML.getSideBySideContents();
-  return /*#__PURE__*/_jsxs("div", {
+  const {
+    From,
+    To
+  } = getHTMLDiffComponents({
+    fromHTML,
+    toHTML
+  });
+  return /*#__PURE__*/_jsx(FieldDiffContainer, {
     className: baseClass,
-    children: [/*#__PURE__*/_jsxs(FieldDiffLabel, {
-      children: [locale && /*#__PURE__*/_jsx("span", {
-        className: `${baseClass}__locale-label`,
-        children: locale
-      }), 'label' in field && typeof field.label !== 'function' && getTranslation(field.label || '', i18n)]
-    }), /*#__PURE__*/_jsxs("div", {
-      className: `${baseClass}__diff-container`,
-      children: [oldHTML && /*#__PURE__*/_jsx("div", {
-        className: `${baseClass}__diff-old`,
-        dangerouslySetInnerHTML: {
-          __html: oldHTML
-        }
-      }), newHTML && /*#__PURE__*/_jsx("div", {
-        className: `${baseClass}__diff-new`,
-        dangerouslySetInnerHTML: {
-          __html: newHTML
-        }
-      })]
-    })]
+    From: From,
+    i18n: i18n,
+    label: {
+      label: field.label,
+      locale
+    },
+    nestingLevel: nestingLevel,
+    To: To
   });
 };
 //# sourceMappingURL=index.js.map

package/dist/field/Diff/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","FieldDiffLabel","React","convertLexicalToHTMLAsync","getPayloadPopulateFn","LinkDiffHTMLConverterAsync","ListItemDiffHTMLConverterAsync","RelationshipDiffHTMLConverterAsync","UnknownDiffHTMLConverterAsync","UploadDiffHTMLConverterAsync","HtmlDiff","baseClass","LexicalDiffComponent","args","comparisonValue","field","i18n","locale","versionValue","converters","defaultConverters","req","payloadPopulateFn","currentDepth","depth","comparisonHTML","data","populate","versionHTML","diffHTML","oldHTML","newHTML","getSideBySideContents","_jsxs","className","_jsx","label","dangerouslySetInnerHTML","__html"],"sources":["../../../src/field/Diff/index.tsx"],"sourcesContent":["import type { SerializedEditorState } from 'lexical'\nimport type { RichTextFieldDiffServerComponent } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { FieldDiffLabel } from '@payloadcms/ui/rsc'\nimport React from 'react'\n\nimport './htmlDiff/index.scss'\nimport './index.scss'\nimport '../bundled.css'\n\nimport type { HTMLConvertersFunctionAsync } from '../../features/converters/lexicalToHtml/async/types.js'\n\nimport { convertLexicalToHTMLAsync } from '../../features/converters/lexicalToHtml/async/index.js'\nimport { getPayloadPopulateFn } from '../../features/converters/utilities/payloadPopulateFn.js'\nimport { LinkDiffHTMLConverterAsync } from './converters/link.js'\nimport { ListItemDiffHTMLConverterAsync } from './converters/listitem/index.js'\nimport { RelationshipDiffHTMLConverterAsync } from './converters/relationship/index.js'\nimport { UnknownDiffHTMLConverterAsync } from './converters/unknown/index.js'\nimport { UploadDiffHTMLConverterAsync } from './converters/upload/index.js'\nimport { HtmlDiff } from './htmlDiff/index.js'\nconst baseClass = 'lexical-diff'\n\nexport const LexicalDiffComponent: RichTextFieldDiffServerComponent = async (args) => {\n  const { comparisonValue, field, i18n, locale, versionValue } = args\n\n  const converters: HTMLConvertersFunctionAsync = ({ defaultConverters }) => ({\n    ...defaultConverters,\n    ...LinkDiffHTMLConverterAsync({}),\n    ...ListItemDiffHTMLConverterAsync,\n    ...UploadDiffHTMLConverterAsync({ i18n: args.i18n, req: args.req }),\n    ...RelationshipDiffHTMLConverterAsync({ i18n: args.i18n, req: args.req }),\n    ...UnknownDiffHTMLConverterAsync({ i18n: args.i18n, req: args.req }),\n  })\n\n  const payloadPopulateFn = await getPayloadPopulateFn({\n    currentDepth: 0,\n    depth: 1,\n    req: args.req,\n  })\n  const comparisonHTML = await convertLexicalToHTMLAsync({\n    converters,\n    data: comparisonValue as SerializedEditorState,\n    populate: payloadPopulateFn,\n  })\n\n  const versionHTML = await convertLexicalToHTMLAsync({\n    converters,\n    data: versionValue as SerializedEditorState,\n    populate: payloadPopulateFn,\n  })\n\n  const diffHTML = new HtmlDiff(comparisonHTML, versionHTML)\n\n  const [oldHTML, newHTML] = diffHTML.getSideBySideContents()\n\n  return (\n    <div className={baseClass}>\n      <FieldDiffLabel>\n        {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n        {'label' in field &&\n          typeof field.label !== 'function' &&\n          getTranslation(field.label || '', i18n)}\n      </FieldDiffLabel>\n      <div className={`${baseClass}__diff-container`}>\n        {oldHTML && (\n          <div className={`${baseClass}__diff-old`} dangerouslySetInnerHTML={{ __html: oldHTML }} />\n        )}\n        {newHTML && (\n          <div className={`${baseClass}__diff-new`} dangerouslySetInnerHTML={{ __html: newHTML }} />\n        )}\n      </div>\n    </div>\n  )\n}\n"],"mappings":";AAGA,SAASA,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAIlB,OAAO;AAIP,SAASC,yBAAyB,QAAQ;AAC1C,SAASC,oBAAoB,QAAQ;AACrC,SAASC,0BAA0B,QAAQ;AAC3C,SAASC,8BAA8B,QAAQ;AAC/C,SAASC,kCAAkC,QAAQ;AACnD,SAASC,6BAA6B,QAAQ;AAC9C,SAASC,4BAA4B,QAAQ;AAC7C,SAASC,QAAQ,QAAQ;AACzB,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,oBAAA,GAAyD,MAAOC,IAAA;EAC3E,MAAM;IAAEC,eAAe;IAAEC,KAAK;IAAEC,IAAI;IAAEC,MAAM;IAAEC;EAAY,CAAE,GAAGL,IAAA;EAE/D,MAAMM,UAAA,GAA0CA,CAAC;IAAEC;EAAiB,CAAE,MAAM;IAC1E,GAAGA,iBAAiB;IACpB,GAAGf,0BAAA,CAA2B,CAAC,EAAE;IACjC,GAAGC,8BAA8B;IACjC,GAAGG,4BAAA,CAA6B;MAAEO,IAAA,EAAMH,IAAA,CAAKG,IAAI;MAAEK,GAAA,EAAKR,IAAA,CAAKQ;IAAI,EAAE;IACnE,GAAGd,kCAAA,CAAmC;MAAES,IAAA,EAAMH,IAAA,CAAKG,IAAI;MAAEK,GAAA,EAAKR,IAAA,CAAKQ;IAAI,EAAE;IACzE,GAAGb,6BAAA,CAA8B;MAAEQ,IAAA,EAAMH,IAAA,CAAKG,IAAI;MAAEK,GAAA,EAAKR,IAAA,CAAKQ;IAAI;EACpE;EAEA,MAAMC,iBAAA,GAAoB,MAAMlB,oBAAA,CAAqB;IACnDmB,YAAA,EAAc;IACdC,KAAA,EAAO;IACPH,GAAA,EAAKR,IAAA,CAAKQ;EACZ;EACA,MAAMI,cAAA,GAAiB,MAAMtB,yBAAA,CAA0B;IACrDgB,UAAA;IACAO,IAAA,EAAMZ,eAAA;IACNa,QAAA,EAAUL;EACZ;EAEA,MAAMM,WAAA,GAAc,MAAMzB,yBAAA,CAA0B;IAClDgB,UAAA;IACAO,IAAA,EAAMR,YAAA;IACNS,QAAA,EAAUL;EACZ;EAEA,MAAMO,QAAA,GAAW,IAAInB,QAAA,CAASe,cAAA,EAAgBG,WAAA;EAE9C,MAAM,CAACE,OAAA,EAASC,OAAA,CAAQ,GAAGF,QAAA,CAASG,qBAAqB;EAEzD,oBACEC,KAAA,CAAC;IAAIC,SAAA,EAAWvB,SAAA;4BACdsB,KAAA,CAAChC,cAAA;iBACEgB,MAAA,iBAAUkB,IAAA,CAAC;QAAKD,SAAA,EAAW,GAAGvB,SAAA,gBAAyB;kBAAGM;UAC1D,WAAWF,KAAA,IACV,OAAOA,KAAA,CAAMqB,KAAK,KAAK,cACvBpC,cAAA,CAAee,KAAA,CAAMqB,KAAK,IAAI,IAAIpB,IAAA;qBAEtCiB,KAAA,CAAC;MAAIC,SAAA,EAAW,GAAGvB,SAAA,kBAA2B;iBAC3CmB,OAAA,iBACCK,IAAA,CAAC;QAAID,SAAA,EAAW,GAAGvB,SAAA,YAAqB;QAAE0B,uBAAA,EAAyB;UAAEC,MAAA,EAAQR;QAAQ;UAEtFC,OAAA,iBACCI,IAAA,CAAC;QAAID,SAAA,EAAW,GAAGvB,SAAA,YAAqB;QAAE0B,uBAAA,EAAyB;UAAEC,MAAA,EAAQP;QAAQ;;;;AAK/F","ignoreList":[]}
+{"version":3,"file":"index.js","names":["FieldDiffContainer","getHTMLDiffComponents","React","convertLexicalToHTMLAsync","getPayloadPopulateFn","LinkDiffHTMLConverterAsync","ListItemDiffHTMLConverterAsync","RelationshipDiffHTMLConverterAsync","UnknownDiffHTMLConverterAsync","UploadDiffHTMLConverterAsync","baseClass","LexicalDiffComponent","args","comparisonValue","valueFrom","field","i18n","locale","nestingLevel","versionValue","valueTo","converters","defaultConverters","req","payloadPopulateFn","currentDepth","depth","fromHTML","data","disableContainer","populate","toHTML","From","To","_jsx","className","label"],"sources":["../../../src/field/Diff/index.tsx"],"sourcesContent":["import type { SerializedEditorState } from 'lexical'\nimport type { RichTextFieldDiffServerComponent } from 'payload'\n\nimport { FieldDiffContainer, getHTMLDiffComponents } from '@payloadcms/ui/rsc'\n\nimport './index.scss'\nimport '../bundled.css'\n\nimport React from 'react'\n\nimport type { HTMLConvertersFunctionAsync } from '../../features/converters/lexicalToHtml/async/types.js'\n\nimport { convertLexicalToHTMLAsync } from '../../features/converters/lexicalToHtml/async/index.js'\nimport { getPayloadPopulateFn } from '../../features/converters/utilities/payloadPopulateFn.js'\nimport { LinkDiffHTMLConverterAsync } from './converters/link.js'\nimport { ListItemDiffHTMLConverterAsync } from './converters/listitem/index.js'\nimport { RelationshipDiffHTMLConverterAsync } from './converters/relationship/index.js'\nimport { UnknownDiffHTMLConverterAsync } from './converters/unknown/index.js'\nimport { UploadDiffHTMLConverterAsync } from './converters/upload/index.js'\n\nconst baseClass = 'lexical-diff'\n\nexport const LexicalDiffComponent: RichTextFieldDiffServerComponent = async (args) => {\n  const {\n    comparisonValue: valueFrom,\n    field,\n    i18n,\n    locale,\n    nestingLevel,\n    versionValue: valueTo,\n  } = args\n\n  const converters: HTMLConvertersFunctionAsync = ({ defaultConverters }) => ({\n    ...defaultConverters,\n    ...LinkDiffHTMLConverterAsync({}),\n    ...ListItemDiffHTMLConverterAsync,\n    ...UploadDiffHTMLConverterAsync({ i18n: args.i18n, req: args.req }),\n    ...RelationshipDiffHTMLConverterAsync({ i18n: args.i18n, req: args.req }),\n    ...UnknownDiffHTMLConverterAsync({ i18n: args.i18n, req: args.req }),\n  })\n\n  const payloadPopulateFn = await getPayloadPopulateFn({\n    currentDepth: 0,\n    depth: 1,\n    req: args.req,\n  })\n  const fromHTML = await convertLexicalToHTMLAsync({\n    converters,\n    data: valueFrom as SerializedEditorState,\n    disableContainer: true,\n    populate: payloadPopulateFn,\n  })\n\n  const toHTML = await convertLexicalToHTMLAsync({\n    converters,\n    data: valueTo as SerializedEditorState,\n    disableContainer: true,\n    populate: payloadPopulateFn,\n  })\n\n  const { From, To } = getHTMLDiffComponents({\n    fromHTML,\n    toHTML,\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":";AAGA,SAASA,kBAAkB,EAAEC,qBAAqB,QAAQ;AAG1D,OAAO;AAEP,OAAOC,KAAA,MAAW;AAIlB,SAASC,yBAAyB,QAAQ;AAC1C,SAASC,oBAAoB,QAAQ;AACrC,SAASC,0BAA0B,QAAQ;AAC3C,SAASC,8BAA8B,QAAQ;AAC/C,SAASC,kCAAkC,QAAQ;AACnD,SAASC,6BAA6B,QAAQ;AAC9C,SAASC,4BAA4B,QAAQ;AAE7C,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,oBAAA,GAAyD,MAAOC,IAAA;EAC3E,MAAM;IACJC,eAAA,EAAiBC,SAAS;IAC1BC,KAAK;IACLC,IAAI;IACJC,MAAM;IACNC,YAAY;IACZC,YAAA,EAAcC;EAAO,CACtB,GAAGR,IAAA;EAEJ,MAAMS,UAAA,GAA0CA,CAAC;IAAEC;EAAiB,CAAE,MAAM;IAC1E,GAAGA,iBAAiB;IACpB,GAAGjB,0BAAA,CAA2B,CAAC,EAAE;IACjC,GAAGC,8BAA8B;IACjC,GAAGG,4BAAA,CAA6B;MAAEO,IAAA,EAAMJ,IAAA,CAAKI,IAAI;MAAEO,GAAA,EAAKX,IAAA,CAAKW;IAAI,EAAE;IACnE,GAAGhB,kCAAA,CAAmC;MAAES,IAAA,EAAMJ,IAAA,CAAKI,IAAI;MAAEO,GAAA,EAAKX,IAAA,CAAKW;IAAI,EAAE;IACzE,GAAGf,6BAAA,CAA8B;MAAEQ,IAAA,EAAMJ,IAAA,CAAKI,IAAI;MAAEO,GAAA,EAAKX,IAAA,CAAKW;IAAI;EACpE;EAEA,MAAMC,iBAAA,GAAoB,MAAMpB,oBAAA,CAAqB;IACnDqB,YAAA,EAAc;IACdC,KAAA,EAAO;IACPH,GAAA,EAAKX,IAAA,CAAKW;EACZ;EACA,MAAMI,QAAA,GAAW,MAAMxB,yBAAA,CAA0B;IAC/CkB,UAAA;IACAO,IAAA,EAAMd,SAAA;IACNe,gBAAA,EAAkB;IAClBC,QAAA,EAAUN;EACZ;EAEA,MAAMO,MAAA,GAAS,MAAM5B,yBAAA,CAA0B;IAC7CkB,UAAA;IACAO,IAAA,EAAMR,OAAA;IACNS,gBAAA,EAAkB;IAClBC,QAAA,EAAUN;EACZ;EAEA,MAAM;IAAEQ,IAAI;IAAEC;EAAE,CAAE,GAAGhC,qBAAA,CAAsB;IACzC0B,QAAA;IACAI;EACF;EAEA,oBACEG,IAAA,CAAClC,kBAAA;IACCmC,SAAA,EAAWzB,SAAA;IACXsB,IAAA,EAAMA,IAAA;IACNhB,IAAA,EAAMA,IAAA;IACNoB,KAAA,EAAO;MACLA,KAAA,EAAOrB,KAAA,CAAMqB,KAAK;MAClBnB;IACF;IACAC,YAAA,EAAcA,YAAA;IACde,EAAA,EAAIA;;AAGV","ignoreList":[]}