@payloadcms/richtext-lexical 3.68.0-internal-debug.2eb12b9 → 3.68.0-internal-debug.dafc24d

package/dist/features/converters/lexicalToJSX/converter/converters/paragraph.js

@@ -1,17 +1,29 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 export const ParagraphJSXConverter = {
     paragraph: ({ node, nodesToJSX })=>{
         const children = nodesToJSX({
             nodes: node.children
         });
         if (!children?.length) {
-            return /*#__PURE__*/ _jsx("p", {
-                children: /*#__PURE__*/ _jsx("br", {})
-            });
+            return /*#__PURE__*/ _jsxDEV("p", {
+                children: /*#__PURE__*/ _jsxDEV("br", {}, void 0, false, {
+                    fileName: "src/features/converters/lexicalToJSX/converter/converters/paragraph.tsx",
+                    lineNumber: 13,
+                    columnNumber: 11
+                }, this)
+            }, void 0, false, {
+                fileName: "src/features/converters/lexicalToJSX/converter/converters/paragraph.tsx",
+                lineNumber: 12,
+                columnNumber: 9
+            }, this);
         }
-        return /*#__PURE__*/ _jsx("p", {
+        return /*#__PURE__*/ _jsxDEV("p", {
             children: children
-        });
+        }, void 0, false, {
+            fileName: "src/features/converters/lexicalToJSX/converter/converters/paragraph.tsx",
+            lineNumber: 18,
+            columnNumber: 12
+        }, this);
     }
 };
 

package/dist/features/converters/lexicalToJSX/converter/converters/paragraph.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/features/converters/lexicalToJSX/converter/converters/paragraph.tsx"],"sourcesContent":["import type { SerializedParagraphNode } from '../../../../../nodeTypes.js'\nimport type { JSXConverters } from '../types.js'\n\nexport const ParagraphJSXConverter: JSXConverters<SerializedParagraphNode> = {\n  paragraph: ({ node, nodesToJSX }) => {\n    const children = nodesToJSX({\n      nodes: node.children,\n    })\n\n    if (!children?.length) {\n      return (\n        <p>\n          <br />\n        </p>\n      )\n    }\n\n    return <p>{children}</p>\n  },\n}\n"],"names":["ParagraphJSXConverter","paragraph","node","nodesToJSX","children","nodes","length","p","br"],"mappings":";AAGA,OAAO,MAAMA,wBAAgE;IAC3EC,WAAW,CAAC,EAAEC,IAAI,EAAEC,UAAU,EAAE;QAC9B,MAAMC,WAAWD,WAAW;YAC1BE,OAAOH,KAAKE,QAAQ;QACtB;QAEA,IAAI,CAACA,UAAUE,QAAQ;YACrB,qBACE,KAACC;0BACC,cAAA,KAACC;;QAGP;QAEA,qBAAO,KAACD;sBAAGH;;IACb;AACF,EAAC"}
+{"version":3,"sources":["../../../../../../src/features/converters/lexicalToJSX/converter/converters/paragraph.tsx"],"sourcesContent":["import type { SerializedParagraphNode } from '../../../../../nodeTypes.js'\nimport type { JSXConverters } from '../types.js'\n\nexport const ParagraphJSXConverter: JSXConverters<SerializedParagraphNode> = {\n  paragraph: ({ node, nodesToJSX }) => {\n    const children = nodesToJSX({\n      nodes: node.children,\n    })\n\n    if (!children?.length) {\n      return (\n        <p>\n          <br />\n        </p>\n      )\n    }\n\n    return <p>{children}</p>\n  },\n}\n"],"names":["ParagraphJSXConverter","paragraph","node","nodesToJSX","children","nodes","length","p","br"],"mappings":";AAGA,OAAO,MAAMA,wBAAgE;IAC3EC,WAAW,CAAC,EAAEC,IAAI,EAAEC,UAAU,EAAE;QAC9B,MAAMC,WAAWD,WAAW;YAC1BE,OAAOH,KAAKE,QAAQ;QACtB;QAEA,IAAI,CAACA,UAAUE,QAAQ;YACrB,qBACE,QAACC;0BACC,cAAA,QAACC;;;;;;;;;;QAGP;QAEA,qBAAO,QAACD;sBAAGH;;;;;;IACb;AACF,EAAC"}

package/dist/features/converters/lexicalToJSX/converter/converters/table.js

@@ -1,21 +1,33 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 export const TableJSXConverter = {
     table: ({ node, nodesToJSX })=>{
         const children = nodesToJSX({
             nodes: node.children
         });
-        return /*#__PURE__*/ _jsx("div", {
+        return /*#__PURE__*/ _jsxDEV("div", {
             className: "lexical-table-container",
-            children: /*#__PURE__*/ _jsx("table", {
+            children: /*#__PURE__*/ _jsxDEV("table", {
                 className: "lexical-table",
                 style: {
                     borderCollapse: 'collapse'
                 },
-                children: /*#__PURE__*/ _jsx("tbody", {
+                children: /*#__PURE__*/ _jsxDEV("tbody", {
                     children: children
-                })
-            })
-        });
+                }, void 0, false, {
+                    fileName: "src/features/converters/lexicalToJSX/converter/converters/table.tsx",
+                    lineNumber: 18,
+                    columnNumber: 11
+                }, this)
+            }, void 0, false, {
+                fileName: "src/features/converters/lexicalToJSX/converter/converters/table.tsx",
+                lineNumber: 17,
+                columnNumber: 9
+            }, this)
+        }, void 0, false, {
+            fileName: "src/features/converters/lexicalToJSX/converter/converters/table.tsx",
+            lineNumber: 16,
+            columnNumber: 7
+        }, this);
     },
     tablecell: ({ node, nodesToJSX })=>{
         const children = nodesToJSX({
@@ -33,23 +45,31 @@ export const TableJSXConverter = {
         // Note: JSX does not support setting attributes directly as strings, so you must convert the colSpan and rowSpan to numbers
         const colSpan = node.colSpan && node.colSpan > 1 ? node.colSpan : undefined;
         const rowSpan = node.rowSpan && node.rowSpan > 1 ? node.rowSpan : undefined;
-        return /*#__PURE__*/ _jsx(TagName, {
+        return /*#__PURE__*/ _jsxDEV(TagName, {
             className: `lexical-table-cell ${headerStateClass}`,
             colSpan: colSpan,
             // colSpan and rowSpan will only be added if they are not null
             rowSpan: rowSpan,
             style: style,
             children: children
-        });
+        }, void 0, false, {
+            fileName: "src/features/converters/lexicalToJSX/converter/converters/table.tsx",
+            lineNumber: 41,
+            columnNumber: 7
+        }, this);
     },
     tablerow: ({ node, nodesToJSX })=>{
         const children = nodesToJSX({
             nodes: node.children
         });
-        return /*#__PURE__*/ _jsx("tr", {
+        return /*#__PURE__*/ _jsxDEV("tr", {
             className: "lexical-table-row",
             children: children
-        });
+        }, void 0, false, {
+            fileName: "src/features/converters/lexicalToJSX/converter/converters/table.tsx",
+            lineNumber: 55,
+            columnNumber: 12
+        }, this);
     }
 };
 

package/dist/features/converters/lexicalToJSX/converter/converters/table.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/features/converters/lexicalToJSX/converter/converters/table.tsx"],"sourcesContent":["import type {\n  SerializedTableCellNode,\n  SerializedTableNode,\n  SerializedTableRowNode,\n} from '../../../../../nodeTypes.js'\nimport type { JSXConverters } from '../types.js'\n\nexport const TableJSXConverter: JSXConverters<\n  SerializedTableCellNode | SerializedTableNode | SerializedTableRowNode\n> = {\n  table: ({ node, nodesToJSX }) => {\n    const children = nodesToJSX({\n      nodes: node.children,\n    })\n    return (\n      <div className=\"lexical-table-container\">\n        <table className=\"lexical-table\" style={{ borderCollapse: 'collapse' }}>\n          <tbody>{children}</tbody>\n        </table>\n      </div>\n    )\n  },\n  tablecell: ({ node, nodesToJSX }) => {\n    const children = nodesToJSX({\n      nodes: node.children,\n    })\n\n    const TagName = node.headerState > 0 ? 'th' : 'td' // Use capital letter to denote a component\n    const headerStateClass = `lexical-table-cell-header-${node.headerState}`\n    const style = {\n      backgroundColor: node.backgroundColor || undefined, // Use undefined to avoid setting the style property if not needed\n      border: '1px solid #ccc',\n      padding: '8px',\n    }\n\n    // Note: JSX does not support setting attributes directly as strings, so you must convert the colSpan and rowSpan to numbers\n    const colSpan = node.colSpan && node.colSpan > 1 ? node.colSpan : undefined\n    const rowSpan = node.rowSpan && node.rowSpan > 1 ? node.rowSpan : undefined\n\n    return (\n      <TagName\n        className={`lexical-table-cell ${headerStateClass}`}\n        colSpan={colSpan} // colSpan and rowSpan will only be added if they are not null\n        rowSpan={rowSpan}\n        style={style}\n      >\n        {children}\n      </TagName>\n    )\n  },\n  tablerow: ({ node, nodesToJSX }) => {\n    const children = nodesToJSX({\n      nodes: node.children,\n    })\n    return <tr className=\"lexical-table-row\">{children}</tr>\n  },\n}\n"],"names":["TableJSXConverter","table","node","nodesToJSX","children","nodes","div","className","style","borderCollapse","tbody","tablecell","TagName","headerState","headerStateClass","backgroundColor","undefined","border","padding","colSpan","rowSpan","tablerow","tr"],"mappings":";AAOA,OAAO,MAAMA,oBAET;IACFC,OAAO,CAAC,EAAEC,IAAI,EAAEC,UAAU,EAAE;QAC1B,MAAMC,WAAWD,WAAW;YAC1BE,OAAOH,KAAKE,QAAQ;QACtB;QACA,qBACE,KAACE;YAAIC,WAAU;sBACb,cAAA,KAACN;gBAAMM,WAAU;gBAAgBC,OAAO;oBAAEC,gBAAgB;gBAAW;0BACnE,cAAA,KAACC;8BAAON;;;;IAIhB;IACAO,WAAW,CAAC,EAAET,IAAI,EAAEC,UAAU,EAAE;QAC9B,MAAMC,WAAWD,WAAW;YAC1BE,OAAOH,KAAKE,QAAQ;QACtB;QAEA,MAAMQ,UAAUV,KAAKW,WAAW,GAAG,IAAI,OAAO;QAAK,2CAA2C;QAC9F,MAAMC,mBAAmB,CAAC,0BAA0B,EAAEZ,KAAKW,WAAW,EAAE;QACxE,MAAML,QAAQ;YACZO,iBAAiBb,KAAKa,eAAe,IAAIC;YAAW,kEAAkE;YACtHC,QAAQ;YACRC,SAAS;QACX;QAEA,4HAA4H;QAC5H,MAAMC,UAAUjB,KAAKiB,OAAO,IAAIjB,KAAKiB,OAAO,GAAG,IAAIjB,KAAKiB,OAAO,GAAGH;QAClE,MAAMI,UAAUlB,KAAKkB,OAAO,IAAIlB,KAAKkB,OAAO,GAAG,IAAIlB,KAAKkB,OAAO,GAAGJ;QAElE,qBACE,KAACJ;YACCL,WAAW,CAAC,mBAAmB,EAAEO,kBAAkB;YACnDK,SAASA;YAAS,8DAA8D;YAChFC,SAASA;YACTZ,OAAOA;sBAENJ;;IAGP;IACAiB,UAAU,CAAC,EAAEnB,IAAI,EAAEC,UAAU,EAAE;QAC7B,MAAMC,WAAWD,WAAW;YAC1BE,OAAOH,KAAKE,QAAQ;QACtB;QACA,qBAAO,KAACkB;YAAGf,WAAU;sBAAqBH;;IAC5C;AACF,EAAC"}
+{"version":3,"sources":["../../../../../../src/features/converters/lexicalToJSX/converter/converters/table.tsx"],"sourcesContent":["import type {\n  SerializedTableCellNode,\n  SerializedTableNode,\n  SerializedTableRowNode,\n} from '../../../../../nodeTypes.js'\nimport type { JSXConverters } from '../types.js'\n\nexport const TableJSXConverter: JSXConverters<\n  SerializedTableCellNode | SerializedTableNode | SerializedTableRowNode\n> = {\n  table: ({ node, nodesToJSX }) => {\n    const children = nodesToJSX({\n      nodes: node.children,\n    })\n    return (\n      <div className=\"lexical-table-container\">\n        <table className=\"lexical-table\" style={{ borderCollapse: 'collapse' }}>\n          <tbody>{children}</tbody>\n        </table>\n      </div>\n    )\n  },\n  tablecell: ({ node, nodesToJSX }) => {\n    const children = nodesToJSX({\n      nodes: node.children,\n    })\n\n    const TagName = node.headerState > 0 ? 'th' : 'td' // Use capital letter to denote a component\n    const headerStateClass = `lexical-table-cell-header-${node.headerState}`\n    const style = {\n      backgroundColor: node.backgroundColor || undefined, // Use undefined to avoid setting the style property if not needed\n      border: '1px solid #ccc',\n      padding: '8px',\n    }\n\n    // Note: JSX does not support setting attributes directly as strings, so you must convert the colSpan and rowSpan to numbers\n    const colSpan = node.colSpan && node.colSpan > 1 ? node.colSpan : undefined\n    const rowSpan = node.rowSpan && node.rowSpan > 1 ? node.rowSpan : undefined\n\n    return (\n      <TagName\n        className={`lexical-table-cell ${headerStateClass}`}\n        colSpan={colSpan} // colSpan and rowSpan will only be added if they are not null\n        rowSpan={rowSpan}\n        style={style}\n      >\n        {children}\n      </TagName>\n    )\n  },\n  tablerow: ({ node, nodesToJSX }) => {\n    const children = nodesToJSX({\n      nodes: node.children,\n    })\n    return <tr className=\"lexical-table-row\">{children}</tr>\n  },\n}\n"],"names":["TableJSXConverter","table","node","nodesToJSX","children","nodes","div","className","style","borderCollapse","tbody","tablecell","TagName","headerState","headerStateClass","backgroundColor","undefined","border","padding","colSpan","rowSpan","tablerow","tr"],"mappings":";AAOA,OAAO,MAAMA,oBAET;IACFC,OAAO,CAAC,EAAEC,IAAI,EAAEC,UAAU,EAAE;QAC1B,MAAMC,WAAWD,WAAW;YAC1BE,OAAOH,KAAKE,QAAQ;QACtB;QACA,qBACE,QAACE;YAAIC,WAAU;sBACb,cAAA,QAACN;gBAAMM,WAAU;gBAAgBC,OAAO;oBAAEC,gBAAgB;gBAAW;0BACnE,cAAA,QAACC;8BAAON;;;;;;;;;;;;;;;;IAIhB;IACAO,WAAW,CAAC,EAAET,IAAI,EAAEC,UAAU,EAAE;QAC9B,MAAMC,WAAWD,WAAW;YAC1BE,OAAOH,KAAKE,QAAQ;QACtB;QAEA,MAAMQ,UAAUV,KAAKW,WAAW,GAAG,IAAI,OAAO;QAAK,2CAA2C;QAC9F,MAAMC,mBAAmB,CAAC,0BAA0B,EAAEZ,KAAKW,WAAW,EAAE;QACxE,MAAML,QAAQ;YACZO,iBAAiBb,KAAKa,eAAe,IAAIC;YAAW,kEAAkE;YACtHC,QAAQ;YACRC,SAAS;QACX;QAEA,4HAA4H;QAC5H,MAAMC,UAAUjB,KAAKiB,OAAO,IAAIjB,KAAKiB,OAAO,GAAG,IAAIjB,KAAKiB,OAAO,GAAGH;QAClE,MAAMI,UAAUlB,KAAKkB,OAAO,IAAIlB,KAAKkB,OAAO,GAAG,IAAIlB,KAAKkB,OAAO,GAAGJ;QAElE,qBACE,QAACJ;YACCL,WAAW,CAAC,mBAAmB,EAAEO,kBAAkB;YACnDK,SAASA;YAAS,8DAA8D;YAChFC,SAASA;YACTZ,OAAOA;sBAENJ;;;;;;IAGP;IACAiB,UAAU,CAAC,EAAEnB,IAAI,EAAEC,UAAU,EAAE;QAC7B,MAAMC,WAAWD,WAAW;YAC1BE,OAAOH,KAAKE,QAAQ;QACtB;QACA,qBAAO,QAACkB;YAAGf,WAAU;sBAAqBH;;;;;;IAC5C;AACF,EAAC"}

package/dist/features/converters/lexicalToJSX/converter/converters/text.js

@@ -1,49 +1,77 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { NodeFormat } from '../../../../../lexical/utils/nodeFormat.js';
 export const TextJSXConverter = {
     text: ({ node })=>{
         let text = node.text;
         if (node.format & NodeFormat.IS_BOLD) {
-            text = /*#__PURE__*/ _jsx("strong", {
+            text = /*#__PURE__*/ _jsxDEV("strong", {
                 children: text
-            });
+            }, void 0, false, {
+                fileName: "src/features/converters/lexicalToJSX/converter/converters/text.tsx",
+                lineNumber: 13,
+                columnNumber: 14
+            }, this);
         }
         if (node.format & NodeFormat.IS_ITALIC) {
-            text = /*#__PURE__*/ _jsx("em", {
+            text = /*#__PURE__*/ _jsxDEV("em", {
                 children: text
-            });
+            }, void 0, false, {
+                fileName: "src/features/converters/lexicalToJSX/converter/converters/text.tsx",
+                lineNumber: 16,
+                columnNumber: 14
+            }, this);
         }
         if (node.format & NodeFormat.IS_STRIKETHROUGH) {
-            text = /*#__PURE__*/ _jsx("span", {
+            text = /*#__PURE__*/ _jsxDEV("span", {
                 style: {
                     textDecoration: 'line-through'
                 },
                 children: text
-            });
+            }, void 0, false, {
+                fileName: "src/features/converters/lexicalToJSX/converter/converters/text.tsx",
+                lineNumber: 19,
+                columnNumber: 14
+            }, this);
         }
         if (node.format & NodeFormat.IS_UNDERLINE) {
-            text = /*#__PURE__*/ _jsx("span", {
+            text = /*#__PURE__*/ _jsxDEV("span", {
                 style: {
                     textDecoration: 'underline'
                 },
                 children: text
-            });
+            }, void 0, false, {
+                fileName: "src/features/converters/lexicalToJSX/converter/converters/text.tsx",
+                lineNumber: 22,
+                columnNumber: 14
+            }, this);
         }
         if (node.format & NodeFormat.IS_CODE) {
-            text = /*#__PURE__*/ _jsx("code", {
+            text = /*#__PURE__*/ _jsxDEV("code", {
                 children: text
-            });
+            }, void 0, false, {
+                fileName: "src/features/converters/lexicalToJSX/converter/converters/text.tsx",
+                lineNumber: 25,
+                columnNumber: 14
+            }, this);
         }
         if (node.format & NodeFormat.IS_SUBSCRIPT) {
-            text = /*#__PURE__*/ _jsx("sub", {
+            text = /*#__PURE__*/ _jsxDEV("sub", {
                 children: text
-            });
+            }, void 0, false, {
+                fileName: "src/features/converters/lexicalToJSX/converter/converters/text.tsx",
+                lineNumber: 28,
+                columnNumber: 14
+            }, this);
         }
         if (node.format & NodeFormat.IS_SUPERSCRIPT) {
-            text = /*#__PURE__*/ _jsx("sup", {
+            text = /*#__PURE__*/ _jsxDEV("sup", {
                 children: text
-            });
+            }, void 0, false, {
+                fileName: "src/features/converters/lexicalToJSX/converter/converters/text.tsx",
+                lineNumber: 31,
+                columnNumber: 14
+            }, this);
         }
         return text;
     }

package/dist/features/converters/lexicalToJSX/converter/converters/text.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/features/converters/lexicalToJSX/converter/converters/text.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { SerializedTextNode } from '../../../../../nodeTypes.js'\nimport type { JSXConverters } from '../types.js'\n\nimport { NodeFormat } from '../../../../../lexical/utils/nodeFormat.js'\n\nexport const TextJSXConverter: JSXConverters<SerializedTextNode> = {\n  text: ({ node }) => {\n    let text: React.ReactNode = node.text\n\n    if (node.format & NodeFormat.IS_BOLD) {\n      text = <strong>{text}</strong>\n    }\n    if (node.format & NodeFormat.IS_ITALIC) {\n      text = <em>{text}</em>\n    }\n    if (node.format & NodeFormat.IS_STRIKETHROUGH) {\n      text = <span style={{ textDecoration: 'line-through' }}>{text}</span>\n    }\n    if (node.format & NodeFormat.IS_UNDERLINE) {\n      text = <span style={{ textDecoration: 'underline' }}>{text}</span>\n    }\n    if (node.format & NodeFormat.IS_CODE) {\n      text = <code>{text}</code>\n    }\n    if (node.format & NodeFormat.IS_SUBSCRIPT) {\n      text = <sub>{text}</sub>\n    }\n    if (node.format & NodeFormat.IS_SUPERSCRIPT) {\n      text = <sup>{text}</sup>\n    }\n\n    return text\n  },\n}\n"],"names":["React","NodeFormat","TextJSXConverter","text","node","format","IS_BOLD","strong","IS_ITALIC","em","IS_STRIKETHROUGH","span","style","textDecoration","IS_UNDERLINE","IS_CODE","code","IS_SUBSCRIPT","sub","IS_SUPERSCRIPT","sup"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAKzB,SAASC,UAAU,QAAQ,6CAA4C;AAEvE,OAAO,MAAMC,mBAAsD;IACjEC,MAAM,CAAC,EAAEC,IAAI,EAAE;QACb,IAAID,OAAwBC,KAAKD,IAAI;QAErC,IAAIC,KAAKC,MAAM,GAAGJ,WAAWK,OAAO,EAAE;YACpCH,qBAAO,KAACI;0BAAQJ;;QAClB;QACA,IAAIC,KAAKC,MAAM,GAAGJ,WAAWO,SAAS,EAAE;YACtCL,qBAAO,KAACM;0BAAIN;;QACd;QACA,IAAIC,KAAKC,MAAM,GAAGJ,WAAWS,gBAAgB,EAAE;YAC7CP,qBAAO,KAACQ;gBAAKC,OAAO;oBAAEC,gBAAgB;gBAAe;0BAAIV;;QAC3D;QACA,IAAIC,KAAKC,MAAM,GAAGJ,WAAWa,YAAY,EAAE;YACzCX,qBAAO,KAACQ;gBAAKC,OAAO;oBAAEC,gBAAgB;gBAAY;0BAAIV;;QACxD;QACA,IAAIC,KAAKC,MAAM,GAAGJ,WAAWc,OAAO,EAAE;YACpCZ,qBAAO,KAACa;0BAAMb;;QAChB;QACA,IAAIC,KAAKC,MAAM,GAAGJ,WAAWgB,YAAY,EAAE;YACzCd,qBAAO,KAACe;0BAAKf;;QACf;QACA,IAAIC,KAAKC,MAAM,GAAGJ,WAAWkB,cAAc,EAAE;YAC3ChB,qBAAO,KAACiB;0BAAKjB;;QACf;QAEA,OAAOA;IACT;AACF,EAAC"}
+{"version":3,"sources":["../../../../../../src/features/converters/lexicalToJSX/converter/converters/text.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { SerializedTextNode } from '../../../../../nodeTypes.js'\nimport type { JSXConverters } from '../types.js'\n\nimport { NodeFormat } from '../../../../../lexical/utils/nodeFormat.js'\n\nexport const TextJSXConverter: JSXConverters<SerializedTextNode> = {\n  text: ({ node }) => {\n    let text: React.ReactNode = node.text\n\n    if (node.format & NodeFormat.IS_BOLD) {\n      text = <strong>{text}</strong>\n    }\n    if (node.format & NodeFormat.IS_ITALIC) {\n      text = <em>{text}</em>\n    }\n    if (node.format & NodeFormat.IS_STRIKETHROUGH) {\n      text = <span style={{ textDecoration: 'line-through' }}>{text}</span>\n    }\n    if (node.format & NodeFormat.IS_UNDERLINE) {\n      text = <span style={{ textDecoration: 'underline' }}>{text}</span>\n    }\n    if (node.format & NodeFormat.IS_CODE) {\n      text = <code>{text}</code>\n    }\n    if (node.format & NodeFormat.IS_SUBSCRIPT) {\n      text = <sub>{text}</sub>\n    }\n    if (node.format & NodeFormat.IS_SUPERSCRIPT) {\n      text = <sup>{text}</sup>\n    }\n\n    return text\n  },\n}\n"],"names":["React","NodeFormat","TextJSXConverter","text","node","format","IS_BOLD","strong","IS_ITALIC","em","IS_STRIKETHROUGH","span","style","textDecoration","IS_UNDERLINE","IS_CODE","code","IS_SUBSCRIPT","sub","IS_SUPERSCRIPT","sup"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAKzB,SAASC,UAAU,QAAQ,6CAA4C;AAEvE,OAAO,MAAMC,mBAAsD;IACjEC,MAAM,CAAC,EAAEC,IAAI,EAAE;QACb,IAAID,OAAwBC,KAAKD,IAAI;QAErC,IAAIC,KAAKC,MAAM,GAAGJ,WAAWK,OAAO,EAAE;YACpCH,qBAAO,QAACI;0BAAQJ;;;;;;QAClB;QACA,IAAIC,KAAKC,MAAM,GAAGJ,WAAWO,SAAS,EAAE;YACtCL,qBAAO,QAACM;0BAAIN;;;;;;QACd;QACA,IAAIC,KAAKC,MAAM,GAAGJ,WAAWS,gBAAgB,EAAE;YAC7CP,qBAAO,QAACQ;gBAAKC,OAAO;oBAAEC,gBAAgB;gBAAe;0BAAIV;;;;;;QAC3D;QACA,IAAIC,KAAKC,MAAM,GAAGJ,WAAWa,YAAY,EAAE;YACzCX,qBAAO,QAACQ;gBAAKC,OAAO;oBAAEC,gBAAgB;gBAAY;0BAAIV;;;;;;QACxD;QACA,IAAIC,KAAKC,MAAM,GAAGJ,WAAWc,OAAO,EAAE;YACpCZ,qBAAO,QAACa;0BAAMb;;;;;;QAChB;QACA,IAAIC,KAAKC,MAAM,GAAGJ,WAAWgB,YAAY,EAAE;YACzCd,qBAAO,QAACe;0BAAKf;;;;;;QACf;QACA,IAAIC,KAAKC,MAAM,GAAGJ,WAAWkB,cAAc,EAAE;YAC3ChB,qBAAO,QAACiB;0BAAKjB;;;;;;QACf;QAEA,OAAOA;IACT;AACF,EAAC"}

package/dist/features/converters/lexicalToJSX/converter/converters/upload.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 export const UploadJSXConverter = {
     upload: ({ node })=>{
         // TO-DO (v4): SerializedUploadNode should use UploadData_P4
@@ -11,21 +11,29 @@ export const UploadJSXConverter = {
         /**
      * If the upload is not an image, return a link to the upload
      */ if (!uploadDoc.mimeType.startsWith('image')) {
-            return /*#__PURE__*/ _jsx("a", {
+            return /*#__PURE__*/ _jsxDEV("a", {
                 href: url,
                 rel: "noopener noreferrer",
                 children: uploadDoc.filename
-            });
+            }, void 0, false, {
+                fileName: "src/features/converters/lexicalToJSX/converter/converters/upload.tsx",
+                lineNumber: 24,
+                columnNumber: 9
+            }, this);
         }
         /**
      * If the upload is a simple image with no different sizes, return a simple img tag
      */ if (!uploadDoc.sizes || !Object.keys(uploadDoc.sizes).length) {
-            return /*#__PURE__*/ _jsx("img", {
+            return /*#__PURE__*/ _jsxDEV("img", {
                 alt: uploadDoc.filename,
                 height: uploadDoc.height,
                 src: url,
                 width: uploadDoc.width
-            });
+            }, void 0, false, {
+                fileName: "src/features/converters/lexicalToJSX/converter/converters/upload.tsx",
+                lineNumber: 35,
+                columnNumber: 9
+            }, this);
         }
         /**
      * If the upload is an image with different sizes, return a picture element
@@ -38,22 +46,34 @@ export const UploadJSXConverter = {
                 continue;
             }
             const imageSizeURL = imageSize?.url;
-            pictureJSX.push(/*#__PURE__*/ _jsx("source", {
+            pictureJSX.push(/*#__PURE__*/ _jsxDEV("source", {
                 media: `(max-width: ${imageSize.width}px)`,
                 srcSet: imageSizeURL,
                 type: imageSize.mimeType
-            }, size));
+            }, size, false, {
+                fileName: "src/features/converters/lexicalToJSX/converter/converters/upload.tsx",
+                lineNumber: 63,
+                columnNumber: 9
+            }, this));
         }
         // Add the default img tag
-        pictureJSX.push(/*#__PURE__*/ _jsx("img", {
+        pictureJSX.push(/*#__PURE__*/ _jsxDEV("img", {
             alt: uploadDoc?.filename,
             height: uploadDoc?.height,
             src: url,
             width: uploadDoc?.width
-        }, 'image'));
-        return /*#__PURE__*/ _jsx("picture", {
+        }, 'image', false, {
+            fileName: "src/features/converters/lexicalToJSX/converter/converters/upload.tsx",
+            lineNumber: 74,
+            columnNumber: 7
+        }, this));
+        return /*#__PURE__*/ _jsxDEV("picture", {
             children: pictureJSX
-        });
+        }, void 0, false, {
+            fileName: "src/features/converters/lexicalToJSX/converter/converters/upload.tsx",
+            lineNumber: 82,
+            columnNumber: 12
+        }, this);
     }
 };
 

package/dist/features/converters/lexicalToJSX/converter/converters/upload.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/features/converters/lexicalToJSX/converter/converters/upload.tsx"],"sourcesContent":["import type { FileData, FileSizeImproved, TypeWithID } from 'payload'\n\nimport type { SerializedUploadNode } from '../../../../../nodeTypes.js'\nimport type { UploadDataImproved } from '../../../../upload/server/nodes/UploadNode.js'\nimport type { JSXConverters } from '../types.js'\n\nexport const UploadJSXConverter: JSXConverters<SerializedUploadNode> = {\n  upload: ({ node }) => {\n    // TO-DO (v4): SerializedUploadNode should use UploadData_P4\n    const uploadNode = node as UploadDataImproved\n    if (typeof uploadNode.value !== 'object') {\n      return null\n    }\n\n    const uploadDoc = uploadNode.value as FileData & TypeWithID\n\n    const url = uploadDoc.url\n\n    /**\n     * If the upload is not an image, return a link to the upload\n     */\n    if (!uploadDoc.mimeType.startsWith('image')) {\n      return (\n        <a href={url} rel=\"noopener noreferrer\">\n          {uploadDoc.filename}\n        </a>\n      )\n    }\n\n    /**\n     * If the upload is a simple image with no different sizes, return a simple img tag\n     */\n    if (!uploadDoc.sizes || !Object.keys(uploadDoc.sizes).length) {\n      return (\n        <img alt={uploadDoc.filename} height={uploadDoc.height} src={url} width={uploadDoc.width} />\n      )\n    }\n\n    /**\n     * If the upload is an image with different sizes, return a picture element\n     */\n    const pictureJSX: React.ReactNode[] = []\n\n    // Iterate through each size in the data.sizes object\n    for (const size in uploadDoc.sizes) {\n      const imageSize = uploadDoc.sizes[size] as FileSizeImproved\n\n      // Skip if any property of the size object is null\n      if (\n        !imageSize ||\n        !imageSize.width ||\n        !imageSize.height ||\n        !imageSize.mimeType ||\n        !imageSize.filesize ||\n        !imageSize.filename ||\n        !imageSize.url\n      ) {\n        continue\n      }\n      const imageSizeURL = imageSize?.url\n\n      pictureJSX.push(\n        <source\n          key={size}\n          media={`(max-width: ${imageSize.width}px)`}\n          srcSet={imageSizeURL}\n          type={imageSize.mimeType}\n        />,\n      )\n    }\n\n    // Add the default img tag\n    pictureJSX.push(\n      <img\n        alt={uploadDoc?.filename}\n        height={uploadDoc?.height}\n        key={'image'}\n        src={url}\n        width={uploadDoc?.width}\n      />,\n    )\n    return <picture>{pictureJSX}</picture>\n  },\n}\n"],"names":["UploadJSXConverter","upload","node","uploadNode","value","uploadDoc","url","mimeType","startsWith","a","href","rel","filename","sizes","Object","keys","length","img","alt","height","src","width","pictureJSX","size","imageSize","filesize","imageSizeURL","push","source","media","srcSet","type","picture"],"mappings":";AAMA,OAAO,MAAMA,qBAA0D;IACrEC,QAAQ,CAAC,EAAEC,IAAI,EAAE;QACf,4DAA4D;QAC5D,MAAMC,aAAaD;QACnB,IAAI,OAAOC,WAAWC,KAAK,KAAK,UAAU;YACxC,OAAO;QACT;QAEA,MAAMC,YAAYF,WAAWC,KAAK;QAElC,MAAME,MAAMD,UAAUC,GAAG;QAEzB;;KAEC,GACD,IAAI,CAACD,UAAUE,QAAQ,CAACC,UAAU,CAAC,UAAU;YAC3C,qBACE,KAACC;gBAAEC,MAAMJ;gBAAKK,KAAI;0BACfN,UAAUO,QAAQ;;QAGzB;QAEA;;KAEC,GACD,IAAI,CAACP,UAAUQ,KAAK,IAAI,CAACC,OAAOC,IAAI,CAACV,UAAUQ,KAAK,EAAEG,MAAM,EAAE;YAC5D,qBACE,KAACC;gBAAIC,KAAKb,UAAUO,QAAQ;gBAAEO,QAAQd,UAAUc,MAAM;gBAAEC,KAAKd;gBAAKe,OAAOhB,UAAUgB,KAAK;;QAE5F;QAEA;;KAEC,GACD,MAAMC,aAAgC,EAAE;QAExC,qDAAqD;QACrD,IAAK,MAAMC,QAAQlB,UAAUQ,KAAK,CAAE;YAClC,MAAMW,YAAYnB,UAAUQ,KAAK,CAACU,KAAK;YAEvC,kDAAkD;YAClD,IACE,CAACC,aACD,CAACA,UAAUH,KAAK,IAChB,CAACG,UAAUL,MAAM,IACjB,CAACK,UAAUjB,QAAQ,IACnB,CAACiB,UAAUC,QAAQ,IACnB,CAACD,UAAUZ,QAAQ,IACnB,CAACY,UAAUlB,GAAG,EACd;gBACA;YACF;YACA,MAAMoB,eAAeF,WAAWlB;YAEhCgB,WAAWK,IAAI,eACb,KAACC;gBAECC,OAAO,CAAC,YAAY,EAAEL,UAAUH,KAAK,CAAC,GAAG,CAAC;gBAC1CS,QAAQJ;gBACRK,MAAMP,UAAUjB,QAAQ;eAHnBgB;QAMX;QAEA,0BAA0B;QAC1BD,WAAWK,IAAI,eACb,KAACV;YACCC,KAAKb,WAAWO;YAChBO,QAAQd,WAAWc;YAEnBC,KAAKd;YACLe,OAAOhB,WAAWgB;WAFb;QAKT,qBAAO,KAACW;sBAASV;;IACnB;AACF,EAAC"}
+{"version":3,"sources":["../../../../../../src/features/converters/lexicalToJSX/converter/converters/upload.tsx"],"sourcesContent":["import type { FileData, FileSizeImproved, TypeWithID } from 'payload'\n\nimport type { SerializedUploadNode } from '../../../../../nodeTypes.js'\nimport type { UploadDataImproved } from '../../../../upload/server/nodes/UploadNode.js'\nimport type { JSXConverters } from '../types.js'\n\nexport const UploadJSXConverter: JSXConverters<SerializedUploadNode> = {\n  upload: ({ node }) => {\n    // TO-DO (v4): SerializedUploadNode should use UploadData_P4\n    const uploadNode = node as UploadDataImproved\n    if (typeof uploadNode.value !== 'object') {\n      return null\n    }\n\n    const uploadDoc = uploadNode.value as FileData & TypeWithID\n\n    const url = uploadDoc.url\n\n    /**\n     * If the upload is not an image, return a link to the upload\n     */\n    if (!uploadDoc.mimeType.startsWith('image')) {\n      return (\n        <a href={url} rel=\"noopener noreferrer\">\n          {uploadDoc.filename}\n        </a>\n      )\n    }\n\n    /**\n     * If the upload is a simple image with no different sizes, return a simple img tag\n     */\n    if (!uploadDoc.sizes || !Object.keys(uploadDoc.sizes).length) {\n      return (\n        <img alt={uploadDoc.filename} height={uploadDoc.height} src={url} width={uploadDoc.width} />\n      )\n    }\n\n    /**\n     * If the upload is an image with different sizes, return a picture element\n     */\n    const pictureJSX: React.ReactNode[] = []\n\n    // Iterate through each size in the data.sizes object\n    for (const size in uploadDoc.sizes) {\n      const imageSize = uploadDoc.sizes[size] as FileSizeImproved\n\n      // Skip if any property of the size object is null\n      if (\n        !imageSize ||\n        !imageSize.width ||\n        !imageSize.height ||\n        !imageSize.mimeType ||\n        !imageSize.filesize ||\n        !imageSize.filename ||\n        !imageSize.url\n      ) {\n        continue\n      }\n      const imageSizeURL = imageSize?.url\n\n      pictureJSX.push(\n        <source\n          key={size}\n          media={`(max-width: ${imageSize.width}px)`}\n          srcSet={imageSizeURL}\n          type={imageSize.mimeType}\n        />,\n      )\n    }\n\n    // Add the default img tag\n    pictureJSX.push(\n      <img\n        alt={uploadDoc?.filename}\n        height={uploadDoc?.height}\n        key={'image'}\n        src={url}\n        width={uploadDoc?.width}\n      />,\n    )\n    return <picture>{pictureJSX}</picture>\n  },\n}\n"],"names":["UploadJSXConverter","upload","node","uploadNode","value","uploadDoc","url","mimeType","startsWith","a","href","rel","filename","sizes","Object","keys","length","img","alt","height","src","width","pictureJSX","size","imageSize","filesize","imageSizeURL","push","source","media","srcSet","type","picture"],"mappings":";AAMA,OAAO,MAAMA,qBAA0D;IACrEC,QAAQ,CAAC,EAAEC,IAAI,EAAE;QACf,4DAA4D;QAC5D,MAAMC,aAAaD;QACnB,IAAI,OAAOC,WAAWC,KAAK,KAAK,UAAU;YACxC,OAAO;QACT;QAEA,MAAMC,YAAYF,WAAWC,KAAK;QAElC,MAAME,MAAMD,UAAUC,GAAG;QAEzB;;KAEC,GACD,IAAI,CAACD,UAAUE,QAAQ,CAACC,UAAU,CAAC,UAAU;YAC3C,qBACE,QAACC;gBAAEC,MAAMJ;gBAAKK,KAAI;0BACfN,UAAUO,QAAQ;;;;;;QAGzB;QAEA;;KAEC,GACD,IAAI,CAACP,UAAUQ,KAAK,IAAI,CAACC,OAAOC,IAAI,CAACV,UAAUQ,KAAK,EAAEG,MAAM,EAAE;YAC5D,qBACE,QAACC;gBAAIC,KAAKb,UAAUO,QAAQ;gBAAEO,QAAQd,UAAUc,MAAM;gBAAEC,KAAKd;gBAAKe,OAAOhB,UAAUgB,KAAK;;;;;;QAE5F;QAEA;;KAEC,GACD,MAAMC,aAAgC,EAAE;QAExC,qDAAqD;QACrD,IAAK,MAAMC,QAAQlB,UAAUQ,KAAK,CAAE;YAClC,MAAMW,YAAYnB,UAAUQ,KAAK,CAACU,KAAK;YAEvC,kDAAkD;YAClD,IACE,CAACC,aACD,CAACA,UAAUH,KAAK,IAChB,CAACG,UAAUL,MAAM,IACjB,CAACK,UAAUjB,QAAQ,IACnB,CAACiB,UAAUC,QAAQ,IACnB,CAACD,UAAUZ,QAAQ,IACnB,CAACY,UAAUlB,GAAG,EACd;gBACA;YACF;YACA,MAAMoB,eAAeF,WAAWlB;YAEhCgB,WAAWK,IAAI,eACb,QAACC;gBAECC,OAAO,CAAC,YAAY,EAAEL,UAAUH,KAAK,CAAC,GAAG,CAAC;gBAC1CS,QAAQJ;gBACRK,MAAMP,UAAUjB,QAAQ;eAHnBgB;;;;;QAMX;QAEA,0BAA0B;QAC1BD,WAAWK,IAAI,eACb,QAACV;YACCC,KAAKb,WAAWO;YAChBO,QAAQd,WAAWc;YAEnBC,KAAKd;YACLe,OAAOhB,WAAWgB;WAFb;;;;;QAKT,qBAAO,QAACW;sBAASV;;;;;;IACnB;AACF,EAAC"}

package/dist/features/converters/lexicalToJSX/converter/index.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
 /* eslint-disable no-console */ import React from 'react';
 import { hasText } from '../../../../validate/hasText.js';
 export function convertLexicalToJSX({ converters, data, disableIndent, disableTextAlign }) {
@@ -11,7 +11,7 @@ export function convertLexicalToJSX({ converters, data, disableIndent, disableTe
             parent: data?.root
         });
     }
-    return /*#__PURE__*/ _jsx(_Fragment, {});
+    return /*#__PURE__*/ _jsxDEV(_Fragment, {}, void 0, false);
 }
 export function convertLexicalNodesToJSX({ converters, disableIndent, disableTextAlign, nodes, parent }) {
     const unknownConverter = converters.unknown;
@@ -56,9 +56,13 @@ export function convertLexicalNodesToJSX({ converters, disableIndent, disableTex
                 }) : converterForNode;
                 reactNode = converted;
             } else {
-                reactNode = /*#__PURE__*/ _jsx("span", {
+                reactNode = /*#__PURE__*/ _jsxDEV("span", {
                     children: "unknown node"
-                }, i);
+                }, i, false, {
+                    fileName: "src/features/converters/lexicalToJSX/converter/index.tsx",
+                    lineNumber: 102,
+                    columnNumber: 21
+                }, this);
             }
             const style = {};
             // Check if disableTextAlign is not true and does not include node type

package/dist/features/converters/lexicalToJSX/converter/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/features/converters/lexicalToJSX/converter/index.tsx"],"sourcesContent":["/* eslint-disable no-console */\nimport type { SerializedEditorState, SerializedLexicalNode } from 'lexical'\n\nimport React from 'react'\n\nimport type { SerializedBlockNode, SerializedInlineBlockNode } from '../../../../nodeTypes.js'\nimport type { JSXConverter, JSXConverters, SerializedLexicalNodeWithParent } from './types.js'\n\nimport { hasText } from '../../../../validate/hasText.js'\n\nexport type ConvertLexicalToJSXArgs = {\n  converters: JSXConverters\n  data: SerializedEditorState\n  disableIndent?: boolean | string[]\n  disableTextAlign?: boolean | string[]\n}\n\nexport function convertLexicalToJSX({\n  converters,\n  data,\n  disableIndent,\n  disableTextAlign,\n}: ConvertLexicalToJSXArgs): React.ReactNode {\n  if (hasText(data)) {\n    return convertLexicalNodesToJSX({\n      converters,\n      disableIndent,\n      disableTextAlign,\n      nodes: data?.root?.children,\n      parent: data?.root,\n    })\n  }\n  return <></>\n}\n\nexport function convertLexicalNodesToJSX({\n  converters,\n  disableIndent,\n  disableTextAlign,\n  nodes,\n  parent,\n}: {\n  converters: JSXConverters\n  disableIndent?: boolean | string[]\n  disableTextAlign?: boolean | string[]\n  nodes: SerializedLexicalNode[]\n  parent: SerializedLexicalNodeWithParent\n}): React.ReactNode[] {\n  const unknownConverter: JSXConverter<any> = converters.unknown as JSXConverter<any>\n\n  const jsxArray: React.ReactNode[] = nodes.map((node, i) => {\n    let converterForNode: JSXConverter<any> | undefined\n    if (node.type === 'block') {\n      converterForNode = converters?.blocks?.[(node as SerializedBlockNode)?.fields?.blockType]\n      if (!converterForNode && !unknownConverter) {\n        console.error(\n          `Lexical => JSX converter: Blocks converter: found ${(node as SerializedBlockNode)?.fields?.blockType} block, but no converter is provided`,\n        )\n      }\n    } else if (node.type === 'inlineBlock') {\n      converterForNode =\n        converters?.inlineBlocks?.[(node as SerializedInlineBlockNode)?.fields?.blockType]\n      if (!converterForNode && !unknownConverter) {\n        console.error(\n          `Lexical => JSX converter: Inline Blocks converter: found ${(node as SerializedInlineBlockNode)?.fields?.blockType} inline block, but no converter is provided`,\n        )\n      }\n    } else {\n      converterForNode = converters[node.type] as JSXConverter<any>\n    }\n\n    try {\n      if (!converterForNode && unknownConverter) {\n        converterForNode = unknownConverter\n      }\n\n      let reactNode: React.ReactNode\n      if (converterForNode) {\n        const converted =\n          typeof converterForNode === 'function'\n            ? converterForNode({\n                childIndex: i,\n                converters,\n                node,\n                nodesToJSX: (args) => {\n                  return convertLexicalNodesToJSX({\n                    converters: args.converters ?? converters,\n                    disableIndent: args.disableIndent ?? disableIndent,\n                    disableTextAlign: args.disableTextAlign ?? disableTextAlign,\n                    nodes: args.nodes,\n                    parent: args.parent ?? {\n                      ...node,\n                      parent,\n                    },\n                  })\n                },\n                parent,\n              })\n            : converterForNode\n        reactNode = converted\n      } else {\n        reactNode = <span key={i}>unknown node</span>\n      }\n\n      const style: React.CSSProperties = {}\n\n      // Check if disableTextAlign is not true and does not include node type\n      if (\n        !disableTextAlign &&\n        (!Array.isArray(disableTextAlign) || !disableTextAlign?.includes(node.type))\n      ) {\n        if ('format' in node && node.format) {\n          switch (node.format) {\n            case 'center':\n              style.textAlign = 'center'\n              break\n            case 'end':\n              style.textAlign = 'right'\n              break\n            case 'justify':\n              style.textAlign = 'justify'\n              break\n            case 'left':\n              //style.textAlign = 'left'\n              // Do nothing, as left is the default\n              break\n            case 'right':\n              style.textAlign = 'right'\n              break\n            case 'start':\n              style.textAlign = 'left'\n              break\n          }\n        }\n      }\n\n      if (\n        !disableIndent &&\n        (!Array.isArray(disableIndent) || !disableIndent?.includes(node.type))\n      ) {\n        if ('indent' in node && node.indent && node.type !== 'listitem') {\n          // the unit should be px. Do not change it to rem, em, or something else.\n          // The quantity should be 40px. Do not change it either.\n          // See rationale in\n          // https://github.com/payloadcms/payload/issues/13130#issuecomment-3058348085\n          style.paddingInlineStart = `${Number(node.indent) * 40}px`\n        }\n      }\n\n      if (React.isValidElement(reactNode)) {\n        // Inject style into reactNode\n        if (style.textAlign || style.paddingInlineStart) {\n          const newStyle = {\n            ...style,\n            // @ts-expect-error type better later\n            ...(reactNode?.props?.style ?? {}),\n            // reactNode style comes after, thus a textAlign specified in the converter has priority over the one we inject here\n          }\n\n          return React.cloneElement(reactNode, {\n            key: i,\n            // @ts-expect-error type better later\n            style: newStyle,\n          })\n        }\n        return React.cloneElement(reactNode, {\n          key: i,\n        })\n      }\n\n      return reactNode\n    } catch (error) {\n      console.error('Error converting lexical node to JSX:', error, 'node:', node)\n      return null\n    }\n  })\n\n  return jsxArray.filter(Boolean)\n}\n"],"names":["React","hasText","convertLexicalToJSX","converters","data","disableIndent","disableTextAlign","convertLexicalNodesToJSX","nodes","root","children","parent","unknownConverter","unknown","jsxArray","map","node","i","converterForNode","type","blocks","fields","blockType","console","error","inlineBlocks","reactNode","converted","childIndex","nodesToJSX","args","span","style","Array","isArray","includes","format","textAlign","indent","paddingInlineStart","Number","isValidElement","newStyle","props","cloneElement","key","filter","Boolean"],"mappings":"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"}
+{"version":3,"sources":["../../../../../src/features/converters/lexicalToJSX/converter/index.tsx"],"sourcesContent":["/* eslint-disable no-console */\nimport type { SerializedEditorState, SerializedLexicalNode } from 'lexical'\n\nimport React from 'react'\n\nimport type { SerializedBlockNode, SerializedInlineBlockNode } from '../../../../nodeTypes.js'\nimport type { JSXConverter, JSXConverters, SerializedLexicalNodeWithParent } from './types.js'\n\nimport { hasText } from '../../../../validate/hasText.js'\n\nexport type ConvertLexicalToJSXArgs = {\n  converters: JSXConverters\n  data: SerializedEditorState\n  disableIndent?: boolean | string[]\n  disableTextAlign?: boolean | string[]\n}\n\nexport function convertLexicalToJSX({\n  converters,\n  data,\n  disableIndent,\n  disableTextAlign,\n}: ConvertLexicalToJSXArgs): React.ReactNode {\n  if (hasText(data)) {\n    return convertLexicalNodesToJSX({\n      converters,\n      disableIndent,\n      disableTextAlign,\n      nodes: data?.root?.children,\n      parent: data?.root,\n    })\n  }\n  return <></>\n}\n\nexport function convertLexicalNodesToJSX({\n  converters,\n  disableIndent,\n  disableTextAlign,\n  nodes,\n  parent,\n}: {\n  converters: JSXConverters\n  disableIndent?: boolean | string[]\n  disableTextAlign?: boolean | string[]\n  nodes: SerializedLexicalNode[]\n  parent: SerializedLexicalNodeWithParent\n}): React.ReactNode[] {\n  const unknownConverter: JSXConverter<any> = converters.unknown as JSXConverter<any>\n\n  const jsxArray: React.ReactNode[] = nodes.map((node, i) => {\n    let converterForNode: JSXConverter<any> | undefined\n    if (node.type === 'block') {\n      converterForNode = converters?.blocks?.[(node as SerializedBlockNode)?.fields?.blockType]\n      if (!converterForNode && !unknownConverter) {\n        console.error(\n          `Lexical => JSX converter: Blocks converter: found ${(node as SerializedBlockNode)?.fields?.blockType} block, but no converter is provided`,\n        )\n      }\n    } else if (node.type === 'inlineBlock') {\n      converterForNode =\n        converters?.inlineBlocks?.[(node as SerializedInlineBlockNode)?.fields?.blockType]\n      if (!converterForNode && !unknownConverter) {\n        console.error(\n          `Lexical => JSX converter: Inline Blocks converter: found ${(node as SerializedInlineBlockNode)?.fields?.blockType} inline block, but no converter is provided`,\n        )\n      }\n    } else {\n      converterForNode = converters[node.type] as JSXConverter<any>\n    }\n\n    try {\n      if (!converterForNode && unknownConverter) {\n        converterForNode = unknownConverter\n      }\n\n      let reactNode: React.ReactNode\n      if (converterForNode) {\n        const converted =\n          typeof converterForNode === 'function'\n            ? converterForNode({\n                childIndex: i,\n                converters,\n                node,\n                nodesToJSX: (args) => {\n                  return convertLexicalNodesToJSX({\n                    converters: args.converters ?? converters,\n                    disableIndent: args.disableIndent ?? disableIndent,\n                    disableTextAlign: args.disableTextAlign ?? disableTextAlign,\n                    nodes: args.nodes,\n                    parent: args.parent ?? {\n                      ...node,\n                      parent,\n                    },\n                  })\n                },\n                parent,\n              })\n            : converterForNode\n        reactNode = converted\n      } else {\n        reactNode = <span key={i}>unknown node</span>\n      }\n\n      const style: React.CSSProperties = {}\n\n      // Check if disableTextAlign is not true and does not include node type\n      if (\n        !disableTextAlign &&\n        (!Array.isArray(disableTextAlign) || !disableTextAlign?.includes(node.type))\n      ) {\n        if ('format' in node && node.format) {\n          switch (node.format) {\n            case 'center':\n              style.textAlign = 'center'\n              break\n            case 'end':\n              style.textAlign = 'right'\n              break\n            case 'justify':\n              style.textAlign = 'justify'\n              break\n            case 'left':\n              //style.textAlign = 'left'\n              // Do nothing, as left is the default\n              break\n            case 'right':\n              style.textAlign = 'right'\n              break\n            case 'start':\n              style.textAlign = 'left'\n              break\n          }\n        }\n      }\n\n      if (\n        !disableIndent &&\n        (!Array.isArray(disableIndent) || !disableIndent?.includes(node.type))\n      ) {\n        if ('indent' in node && node.indent && node.type !== 'listitem') {\n          // the unit should be px. Do not change it to rem, em, or something else.\n          // The quantity should be 40px. Do not change it either.\n          // See rationale in\n          // https://github.com/payloadcms/payload/issues/13130#issuecomment-3058348085\n          style.paddingInlineStart = `${Number(node.indent) * 40}px`\n        }\n      }\n\n      if (React.isValidElement(reactNode)) {\n        // Inject style into reactNode\n        if (style.textAlign || style.paddingInlineStart) {\n          const newStyle = {\n            ...style,\n            // @ts-expect-error type better later\n            ...(reactNode?.props?.style ?? {}),\n            // reactNode style comes after, thus a textAlign specified in the converter has priority over the one we inject here\n          }\n\n          return React.cloneElement(reactNode, {\n            key: i,\n            // @ts-expect-error type better later\n            style: newStyle,\n          })\n        }\n        return React.cloneElement(reactNode, {\n          key: i,\n        })\n      }\n\n      return reactNode\n    } catch (error) {\n      console.error('Error converting lexical node to JSX:', error, 'node:', node)\n      return null\n    }\n  })\n\n  return jsxArray.filter(Boolean)\n}\n"],"names":["React","hasText","convertLexicalToJSX","converters","data","disableIndent","disableTextAlign","convertLexicalNodesToJSX","nodes","root","children","parent","unknownConverter","unknown","jsxArray","map","node","i","converterForNode","type","blocks","fields","blockType","console","error","inlineBlocks","reactNode","converted","childIndex","nodesToJSX","args","span","style","Array","isArray","includes","format","textAlign","indent","paddingInlineStart","Number","isValidElement","newStyle","props","cloneElement","key","filter","Boolean"],"mappings":"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"}

package/dist/features/debug/jsxConverter/client/plugin/index.js

@@ -1,9 +1,10 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
 import { useEffect, useState } from 'react';
 // eslint-disable-next-line payload/no-imports-from-exports-dir
 import { defaultJSXConverters, RichText } from '../../../../../exports/react/index.js';
+import './style.scss';
 export function RichTextPlugin() {
     const [editor] = useLexicalComposerContext();
     const [editorState, setEditorState] = useState(editor.getEditorState().toJSON());
@@ -14,13 +15,21 @@ export function RichTextPlugin() {
     }, [
         editor
     ]);
-    return /*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: "debug-jsx-converter",
-        children: /*#__PURE__*/ _jsx(RichText, {
+        children: /*#__PURE__*/ _jsxDEV(RichText, {
             converters: defaultJSXConverters,
             data: editorState
-        })
-    });
+        }, void 0, false, {
+            fileName: "src/features/debug/jsxConverter/client/plugin/index.tsx",
+            lineNumber: 22,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/features/debug/jsxConverter/client/plugin/index.tsx",
+        lineNumber: 21,
+        columnNumber: 5
+    }, this);
 }
 
 //# sourceMappingURL=index.js.map

package/dist/features/debug/jsxConverter/client/plugin/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/features/debug/jsxConverter/client/plugin/index.tsx"],"sourcesContent":["'use client'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { useEffect, useState } from 'react'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir\nimport { defaultJSXConverters, RichText } from '../../../../../exports/react/index.js'\nimport './style.scss'\n\nexport function RichTextPlugin() {\n  const [editor] = useLexicalComposerContext()\n  const [editorState, setEditorState] = useState(editor.getEditorState().toJSON())\n\n  useEffect(() => {\n    return editor.registerUpdateListener(({ editorState }) => {\n      setEditorState(editorState.toJSON())\n    })\n  }, [editor])\n\n  return (\n    <div className=\"debug-jsx-converter\">\n      <RichText converters={defaultJSXConverters} data={editorState} />\n    </div>\n  )\n}\n"],"names":["useLexicalComposerContext","useEffect","useState","defaultJSXConverters","RichText","RichTextPlugin","editor","editorState","setEditorState","getEditorState","toJSON","registerUpdateListener","div","className","converters","data"],"mappings":"AAAA;;AAEA,SAASA,yBAAyB,QAAQ,wCAAuC;AACjF,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAE3C,+DAA+D;AAC/D,SAASC,oBAAoB,EAAEC,QAAQ,QAAQ,wCAAuC;AAGtF,OAAO,SAASC;IACd,MAAM,CAACC,OAAO,GAAGN;IACjB,MAAM,CAACO,aAAaC,eAAe,GAAGN,SAASI,OAAOG,cAAc,GAAGC,MAAM;IAE7ET,UAAU;QACR,OAAOK,OAAOK,sBAAsB,CAAC,CAAC,EAAEJ,WAAW,EAAE;YACnDC,eAAeD,YAAYG,MAAM;QACnC;IACF,GAAG;QAACJ;KAAO;IAEX,qBACE,KAACM;QAAIC,WAAU;kBACb,cAAA,KAACT;YAASU,YAAYX;YAAsBY,MAAMR;;;AAGxD"}
+{"version":3,"sources":["../../../../../../src/features/debug/jsxConverter/client/plugin/index.tsx"],"sourcesContent":["'use client'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { useEffect, useState } from 'react'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir\nimport { defaultJSXConverters, RichText } from '../../../../../exports/react/index.js'\nimport './style.scss'\n\nexport function RichTextPlugin() {\n  const [editor] = useLexicalComposerContext()\n  const [editorState, setEditorState] = useState(editor.getEditorState().toJSON())\n\n  useEffect(() => {\n    return editor.registerUpdateListener(({ editorState }) => {\n      setEditorState(editorState.toJSON())\n    })\n  }, [editor])\n\n  return (\n    <div className=\"debug-jsx-converter\">\n      <RichText converters={defaultJSXConverters} data={editorState} />\n    </div>\n  )\n}\n"],"names":["useLexicalComposerContext","useEffect","useState","defaultJSXConverters","RichText","RichTextPlugin","editor","editorState","setEditorState","getEditorState","toJSON","registerUpdateListener","div","className","converters","data"],"mappings":"AAAA;;AAEA,SAASA,yBAAyB,QAAQ,wCAAuC;AACjF,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAE3C,+DAA+D;AAC/D,SAASC,oBAAoB,EAAEC,QAAQ,QAAQ,wCAAuC;AACtF,OAAO,eAAc;AAErB,OAAO,SAASC;IACd,MAAM,CAACC,OAAO,GAAGN;IACjB,MAAM,CAACO,aAAaC,eAAe,GAAGN,SAASI,OAAOG,cAAc,GAAGC,MAAM;IAE7ET,UAAU;QACR,OAAOK,OAAOK,sBAAsB,CAAC,CAAC,EAAEJ,WAAW,EAAE;YACnDC,eAAeD,YAAYG,MAAM;QACnC;IACF,GAAG;QAACJ;KAAO;IAEX,qBACE,QAACM;QAAIC,WAAU;kBACb,cAAA,QAACT;YAASU,YAAYX;YAAsBY,MAAMR;;;;;;;;;;;AAGxD"}

package/dist/features/debug/jsxConverter/client/plugin/style.scss

@@ -0,0 +1,12 @@
+.debug-jsx-converter {
+  // this is to match the editor component, and be able to compare aligned styles
+  padding-left: 36px;
+
+  // We revert to the browser defaults (user-agent), because we want to see
+  // the indentations look good without the need for CSS.
+  ul,
+  ol {
+    padding-left: revert;
+    margin: revert;
+  }
+}