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

package/dist/lexical/LexicalEditor.js

@@ -1,4 +1,5 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js';
 import { LexicalErrorBoundary } from '@lexical/react/LexicalErrorBoundary.js';
 import { HistoryPlugin } from '@lexical/react/LexicalHistoryPlugin.js';
@@ -17,6 +18,7 @@ import { AddBlockHandlePlugin } from './plugins/handles/AddBlockHandlePlugin/ind
 import { DraggableBlockPlugin } from './plugins/handles/DraggableBlockPlugin/index.js';
 import { InsertParagraphAtEndPlugin } from './plugins/InsertParagraphAtEnd/index.js';
 import { MarkdownShortcutPlugin } from './plugins/MarkdownShortcut/index.js';
+import { NodeViewOverridePlugin } from './plugins/NodeViewOverridePlugin/index.js';
 import { NormalizeSelectionPlugin } from './plugins/NormalizeSelection/index.js';
 import { SelectAllPlugin } from './plugins/SelectAllPlugin/index.js';
 import { SlashMenuPlugin } from './plugins/SlashMenu/index.js';
@@ -64,75 +66,242 @@ export const LexicalEditor = (props)=>{
         editor,
         editorConfigContext
     ]);
-    return <React.Fragment>
-      {editorConfig.features.plugins?.map((plugin)=>{
-        if (plugin.position === 'aboveContainer') {
-            return <EditorPlugin clientProps={plugin.clientProps} key={plugin.key} plugin={plugin}/>;
-        }
-    })}
-      <div className="editor-container" ref={editorContainerRef}>
-        {editorConfig.features.plugins?.map((plugin)=>{
-        if (plugin.position === 'top') {
-            return <EditorPlugin clientProps={plugin.clientProps} key={plugin.key} plugin={plugin}/>;
-        }
-    })}
-        <RichTextPlugin contentEditable={<div className="editor-scroller">
-              <div className="editor" ref={onRef}>
-                <LexicalContentEditable editorConfig={editorConfig}/>
-              </div>
-            </div>} ErrorBoundary={LexicalErrorBoundary}/>
-        <NormalizeSelectionPlugin/>
-        {isEditable && <InsertParagraphAtEndPlugin/>}
-        <DecoratorPlugin/>
-        <ClipboardPlugin/>
-        <TextPlugin features={editorConfig.features}/>
-        <SelectAllPlugin/>
-        {isEditable && <OnChangePlugin // Selection changes can be ignored here, reducing the
-    // frequency that the FieldComponent and Payload receive updates.
-    // Selection changes are only needed if you are saving selection state
-    ignoreSelectionChange onChange={(editorState, editor, tags)=>{
-        // Ignore any onChange event triggered by focus only
-        if (!tags.has('focus') || tags.size > 1) {
-            if (onChange != null) {
-                onChange(editorState, editor, tags);
-            }
-        }
-    }}/>}
-        {floatingAnchorElem && <React.Fragment>
-            {!isSmallWidthViewport && isEditable && <React.Fragment>
-                {editorConfig.admin?.hideDraggableBlockElement ? null : <DraggableBlockPlugin anchorElem={floatingAnchorElem}/>}
-                {editorConfig.admin?.hideAddBlockButton ? null : <AddBlockHandlePlugin anchorElem={floatingAnchorElem}/>}
-              </React.Fragment>}
-            {editorConfig.features.plugins?.map((plugin)=>{
-        if (plugin.position === 'floatingAnchorElem' && !(plugin.desktopOnly === true && isSmallWidthViewport)) {
-            return <EditorPlugin anchorElem={floatingAnchorElem} clientProps={plugin.clientProps} key={plugin.key} plugin={plugin}/>;
-        }
-    })}
-            {isEditable && <React.Fragment>
-                <SlashMenuPlugin anchorElem={floatingAnchorElem}/>
-              </React.Fragment>}
-          </React.Fragment>}
-        {isEditable && <React.Fragment>
-            <HistoryPlugin/>
-            {editorConfig?.features?.markdownTransformers?.length > 0 && <MarkdownShortcutPlugin/>}
-          </React.Fragment>}
-        {editorConfig.features.plugins?.map((plugin)=>{
-        if (plugin.position === 'normal') {
-            return <EditorPlugin clientProps={plugin.clientProps} key={plugin.key} plugin={plugin}/>;
-        }
-    })}
-        {editorConfig.features.plugins?.map((plugin)=>{
-        if (plugin.position === 'bottom') {
-            return <EditorPlugin clientProps={plugin.clientProps} key={plugin.key} plugin={plugin}/>;
-        }
-    })}
-      </div>
-      {editorConfig.features.plugins?.map((plugin)=>{
-        if (plugin.position === 'belowContainer') {
-            return <EditorPlugin clientProps={plugin.clientProps} key={plugin.key} plugin={plugin}/>;
-        }
-    })}
-    </React.Fragment>;
+    return /*#__PURE__*/ _jsxDEV(React.Fragment, {
+        children: [
+            editorConfig.features.plugins?.map((plugin)=>{
+                if (plugin.position === 'aboveContainer') {
+                    return /*#__PURE__*/ _jsxDEV(EditorPlugin, {
+                        clientProps: plugin.clientProps,
+                        plugin: plugin
+                    }, plugin.key, false, {
+                        fileName: "src/lexical/LexicalEditor.tsx",
+                        lineNumber: 94,
+                        columnNumber: 18
+                    }, this);
+                }
+            }),
+            /*#__PURE__*/ _jsxDEV("div", {
+                className: "editor-container",
+                ref: editorContainerRef,
+                children: [
+                    editorConfig.features.plugins?.map((plugin)=>{
+                        if (plugin.position === 'top') {
+                            return /*#__PURE__*/ _jsxDEV(EditorPlugin, {
+                                clientProps: plugin.clientProps,
+                                plugin: plugin
+                            }, plugin.key, false, {
+                                fileName: "src/lexical/LexicalEditor.tsx",
+                                lineNumber: 101,
+                                columnNumber: 15
+                            }, this);
+                        }
+                    }),
+                    /*#__PURE__*/ _jsxDEV(RichTextPlugin, {
+                        contentEditable: /*#__PURE__*/ _jsxDEV("div", {
+                            className: "editor-scroller",
+                            children: /*#__PURE__*/ _jsxDEV("div", {
+                                className: "editor",
+                                ref: onRef,
+                                children: /*#__PURE__*/ _jsxDEV(LexicalContentEditable, {
+                                    editorConfig: editorConfig
+                                }, void 0, false, {
+                                    fileName: "src/lexical/LexicalEditor.tsx",
+                                    lineNumber: 109,
+                                    columnNumber: 17
+                                }, void 0)
+                            }, void 0, false, {
+                                fileName: "src/lexical/LexicalEditor.tsx",
+                                lineNumber: 108,
+                                columnNumber: 15
+                            }, void 0)
+                        }, void 0, false, {
+                            fileName: "src/lexical/LexicalEditor.tsx",
+                            lineNumber: 107,
+                            columnNumber: 13
+                        }, void 0),
+                        ErrorBoundary: LexicalErrorBoundary
+                    }, void 0, false, {
+                        fileName: "src/lexical/LexicalEditor.tsx",
+                        lineNumber: 105,
+                        columnNumber: 9
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV(NormalizeSelectionPlugin, {}, void 0, false, {
+                        fileName: "src/lexical/LexicalEditor.tsx",
+                        lineNumber: 115,
+                        columnNumber: 9
+                    }, this),
+                    isEditable && /*#__PURE__*/ _jsxDEV(InsertParagraphAtEndPlugin, {}, void 0, false, {
+                        fileName: "src/lexical/LexicalEditor.tsx",
+                        lineNumber: 116,
+                        columnNumber: 24
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV(DecoratorPlugin, {}, void 0, false, {
+                        fileName: "src/lexical/LexicalEditor.tsx",
+                        lineNumber: 117,
+                        columnNumber: 9
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV(ClipboardPlugin, {}, void 0, false, {
+                        fileName: "src/lexical/LexicalEditor.tsx",
+                        lineNumber: 118,
+                        columnNumber: 9
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV(TextPlugin, {
+                        features: editorConfig.features
+                    }, void 0, false, {
+                        fileName: "src/lexical/LexicalEditor.tsx",
+                        lineNumber: 119,
+                        columnNumber: 9
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV(SelectAllPlugin, {}, void 0, false, {
+                        fileName: "src/lexical/LexicalEditor.tsx",
+                        lineNumber: 120,
+                        columnNumber: 9
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV(NodeViewOverridePlugin, {}, void 0, false, {
+                        fileName: "src/lexical/LexicalEditor.tsx",
+                        lineNumber: 121,
+                        columnNumber: 9
+                    }, this),
+                    isEditable && /*#__PURE__*/ _jsxDEV(OnChangePlugin, {
+                        // Selection changes can be ignored here, reducing the
+                        // frequency that the FieldComponent and Payload receive updates.
+                        // Selection changes are only needed if you are saving selection state
+                        ignoreSelectionChange: true,
+                        onChange: (editorState, editor, tags)=>{
+                            // Ignore any onChange event triggered by focus only
+                            if (!tags.has('focus') || tags.size > 1) {
+                                if (onChange != null) {
+                                    onChange(editorState, editor, tags);
+                                }
+                            }
+                        }
+                    }, void 0, false, {
+                        fileName: "src/lexical/LexicalEditor.tsx",
+                        lineNumber: 123,
+                        columnNumber: 11
+                    }, this),
+                    floatingAnchorElem && /*#__PURE__*/ _jsxDEV(React.Fragment, {
+                        children: [
+                            !isSmallWidthViewport && isEditable && /*#__PURE__*/ _jsxDEV(React.Fragment, {
+                                children: [
+                                    editorConfig.admin?.hideDraggableBlockElement ? null : /*#__PURE__*/ _jsxDEV(DraggableBlockPlugin, {
+                                        anchorElem: floatingAnchorElem
+                                    }, void 0, false, {
+                                        fileName: "src/lexical/LexicalEditor.tsx",
+                                        lineNumber: 143,
+                                        columnNumber: 19
+                                    }, this),
+                                    editorConfig.admin?.hideAddBlockButton ? null : /*#__PURE__*/ _jsxDEV(AddBlockHandlePlugin, {
+                                        anchorElem: floatingAnchorElem
+                                    }, void 0, false, {
+                                        fileName: "src/lexical/LexicalEditor.tsx",
+                                        lineNumber: 146,
+                                        columnNumber: 19
+                                    }, this)
+                                ]
+                            }, void 0, true, {
+                                fileName: "src/lexical/LexicalEditor.tsx",
+                                lineNumber: 141,
+                                columnNumber: 15
+                            }, this),
+                            editorConfig.features.plugins?.map((plugin)=>{
+                                if (plugin.position === 'floatingAnchorElem' && !(plugin.desktopOnly === true && isSmallWidthViewport)) {
+                                    return /*#__PURE__*/ _jsxDEV(EditorPlugin, {
+                                        anchorElem: floatingAnchorElem,
+                                        clientProps: plugin.clientProps,
+                                        plugin: plugin
+                                    }, plugin.key, false, {
+                                        fileName: "src/lexical/LexicalEditor.tsx",
+                                        lineNumber: 156,
+                                        columnNumber: 19
+                                    }, this);
+                                }
+                            }),
+                            isEditable && /*#__PURE__*/ _jsxDEV(React.Fragment, {
+                                children: /*#__PURE__*/ _jsxDEV(SlashMenuPlugin, {
+                                    anchorElem: floatingAnchorElem
+                                }, void 0, false, {
+                                    fileName: "src/lexical/LexicalEditor.tsx",
+                                    lineNumber: 167,
+                                    columnNumber: 17
+                                }, this)
+                            }, void 0, false, {
+                                fileName: "src/lexical/LexicalEditor.tsx",
+                                lineNumber: 166,
+                                columnNumber: 15
+                            }, this)
+                        ]
+                    }, void 0, true, {
+                        fileName: "src/lexical/LexicalEditor.tsx",
+                        lineNumber: 139,
+                        columnNumber: 11
+                    }, this),
+                    isEditable && /*#__PURE__*/ _jsxDEV(React.Fragment, {
+                        children: [
+                            /*#__PURE__*/ _jsxDEV(HistoryPlugin, {}, void 0, false, {
+                                fileName: "src/lexical/LexicalEditor.tsx",
+                                lineNumber: 174,
+                                columnNumber: 13
+                            }, this),
+                            editorConfig?.features?.markdownTransformers?.length > 0 && /*#__PURE__*/ _jsxDEV(MarkdownShortcutPlugin, {}, void 0, false, {
+                                fileName: "src/lexical/LexicalEditor.tsx",
+                                lineNumber: 175,
+                                columnNumber: 74
+                            }, this)
+                        ]
+                    }, void 0, true, {
+                        fileName: "src/lexical/LexicalEditor.tsx",
+                        lineNumber: 173,
+                        columnNumber: 11
+                    }, this),
+                    editorConfig.features.plugins?.map((plugin)=>{
+                        if (plugin.position === 'normal') {
+                            return /*#__PURE__*/ _jsxDEV(EditorPlugin, {
+                                clientProps: plugin.clientProps,
+                                plugin: plugin
+                            }, plugin.key, false, {
+                                fileName: "src/lexical/LexicalEditor.tsx",
+                                lineNumber: 181,
+                                columnNumber: 15
+                            }, this);
+                        }
+                    }),
+                    editorConfig.features.plugins?.map((plugin)=>{
+                        if (plugin.position === 'bottom') {
+                            return /*#__PURE__*/ _jsxDEV(EditorPlugin, {
+                                clientProps: plugin.clientProps,
+                                plugin: plugin
+                            }, plugin.key, false, {
+                                fileName: "src/lexical/LexicalEditor.tsx",
+                                lineNumber: 188,
+                                columnNumber: 15
+                            }, this);
+                        }
+                    })
+                ]
+            }, void 0, true, {
+                fileName: "src/lexical/LexicalEditor.tsx",
+                lineNumber: 97,
+                columnNumber: 7
+            }, this),
+            editorConfig.features.plugins?.map((plugin)=>{
+                if (plugin.position === 'belowContainer') {
+                    return /*#__PURE__*/ _jsxDEV(EditorPlugin, {
+                        clientProps: plugin.clientProps,
+                        plugin: plugin
+                    }, plugin.key, false, {
+                        fileName: "src/lexical/LexicalEditor.tsx",
+                        lineNumber: 195,
+                        columnNumber: 18
+                    }, this);
+                }
+            })
+        ]
+    }, void 0, true, {
+        fileName: "src/lexical/LexicalEditor.tsx",
+        lineNumber: 91,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=LexicalEditor.js.map

package/dist/lexical/LexicalEditor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/lexical/LexicalEditor.tsx"],"sourcesContent":["'use client'\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { LexicalErrorBoundary } from '@lexical/react/LexicalErrorBoundary.js'\nimport { HistoryPlugin } from '@lexical/react/LexicalHistoryPlugin.js'\nimport { OnChangePlugin } from '@lexical/react/LexicalOnChangePlugin.js'\nimport { RichTextPlugin } from '@lexical/react/LexicalRichTextPlugin.js'\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport { BLUR_COMMAND, COMMAND_PRIORITY_LOW, FOCUS_COMMAND } from 'lexical'\nimport * as React from 'react'\nimport { useEffect, useState } from 'react'\n\nimport type { LexicalProviderProps } from './LexicalProvider.js'\n\nimport { useEditorConfigContext } from './config/client/EditorConfigProvider.js'\nimport './LexicalEditor.scss'\nimport { EditorPlugin } from './EditorPlugin.js'\nimport { ClipboardPlugin } from './plugins/ClipboardPlugin/index.js'\nimport { DecoratorPlugin } from './plugins/DecoratorPlugin/index.js'\nimport { AddBlockHandlePlugin } from './plugins/handles/AddBlockHandlePlugin/index.js'\nimport { DraggableBlockPlugin } from './plugins/handles/DraggableBlockPlugin/index.js'\nimport { InsertParagraphAtEndPlugin } from './plugins/InsertParagraphAtEnd/index.js'\nimport { MarkdownShortcutPlugin } from './plugins/MarkdownShortcut/index.js'\nimport { NormalizeSelectionPlugin } from './plugins/NormalizeSelection/index.js'\nimport { SelectAllPlugin } from './plugins/SelectAllPlugin/index.js'\nimport { SlashMenuPlugin } from './plugins/SlashMenu/index.js'\nimport { TextPlugin } from './plugins/TextPlugin/index.js'\nimport { LexicalContentEditable } from './ui/ContentEditable.js'\n\nexport const LexicalEditor: React.FC<\n  {\n    editorContainerRef: React.RefObject<HTMLDivElement | null>\n    isSmallWidthViewport: boolean\n  } & Pick<LexicalProviderProps, 'editorConfig' | 'onChange'>\n> = (props) => {\n  const { editorConfig, editorContainerRef, isSmallWidthViewport, onChange } = props\n  const editorConfigContext = useEditorConfigContext()\n  const [editor] = useLexicalComposerContext()\n  const isEditable = useLexicalEditable()\n\n  const [floatingAnchorElem, setFloatingAnchorElem] = useState<HTMLDivElement | null>(null)\n  const onRef = (_floatingAnchorElem: HTMLDivElement) => {\n    if (_floatingAnchorElem !== null) {\n      setFloatingAnchorElem(_floatingAnchorElem)\n    }\n  }\n\n  useEffect(() => {\n    if (!editorConfigContext?.uuid) {\n      console.error('Lexical Editor must be used within an EditorConfigProvider')\n      return\n    }\n    if (editorConfigContext?.parentEditor?.uuid) {\n      editorConfigContext.parentEditor?.registerChild(editorConfigContext.uuid, editorConfigContext)\n    }\n\n    const handleFocus = () => {\n      editorConfigContext.focusEditor(editorConfigContext)\n    }\n\n    const handleBlur = () => {\n      editorConfigContext.blurEditor(editorConfigContext)\n    }\n\n    const unregisterFocus = editor.registerCommand<MouseEvent>(\n      FOCUS_COMMAND,\n      () => {\n        handleFocus()\n        return true\n      },\n      COMMAND_PRIORITY_LOW,\n    )\n\n    const unregisterBlur = editor.registerCommand<MouseEvent>(\n      BLUR_COMMAND,\n      () => {\n        handleBlur()\n        return true\n      },\n      COMMAND_PRIORITY_LOW,\n    )\n\n    return () => {\n      unregisterFocus()\n      unregisterBlur()\n      editorConfigContext.parentEditor?.unregisterChild?.(editorConfigContext.uuid)\n    }\n  }, [editor, editorConfigContext])\n\n  return (\n    <React.Fragment>\n      {editorConfig.features.plugins?.map((plugin) => {\n        if (plugin.position === 'aboveContainer') {\n          return <EditorPlugin clientProps={plugin.clientProps} key={plugin.key} plugin={plugin} />\n        }\n      })}\n      <div className=\"editor-container\" ref={editorContainerRef}>\n        {editorConfig.features.plugins?.map((plugin) => {\n          if (plugin.position === 'top') {\n            return (\n              <EditorPlugin clientProps={plugin.clientProps} key={plugin.key} plugin={plugin} />\n            )\n          }\n        })}\n        <RichTextPlugin\n          contentEditable={\n            <div className=\"editor-scroller\">\n              <div className=\"editor\" ref={onRef}>\n                <LexicalContentEditable editorConfig={editorConfig} />\n              </div>\n            </div>\n          }\n          ErrorBoundary={LexicalErrorBoundary}\n        />\n        <NormalizeSelectionPlugin />\n        {isEditable && <InsertParagraphAtEndPlugin />}\n        <DecoratorPlugin />\n        <ClipboardPlugin />\n        <TextPlugin features={editorConfig.features} />\n        <SelectAllPlugin />\n        {isEditable && (\n          <OnChangePlugin\n            // Selection changes can be ignored here, reducing the\n            // frequency that the FieldComponent and Payload receive updates.\n            // Selection changes are only needed if you are saving selection state\n            ignoreSelectionChange\n            onChange={(editorState, editor, tags) => {\n              // Ignore any onChange event triggered by focus only\n              if (!tags.has('focus') || tags.size > 1) {\n                if (onChange != null) {\n                  onChange(editorState, editor, tags)\n                }\n              }\n            }}\n          />\n        )}\n        {floatingAnchorElem && (\n          <React.Fragment>\n            {!isSmallWidthViewport && isEditable && (\n              <React.Fragment>\n                {editorConfig.admin?.hideDraggableBlockElement ? null : (\n                  <DraggableBlockPlugin anchorElem={floatingAnchorElem} />\n                )}\n                {editorConfig.admin?.hideAddBlockButton ? null : (\n                  <AddBlockHandlePlugin anchorElem={floatingAnchorElem} />\n                )}\n              </React.Fragment>\n            )}\n            {editorConfig.features.plugins?.map((plugin) => {\n              if (\n                plugin.position === 'floatingAnchorElem' &&\n                !(plugin.desktopOnly === true && isSmallWidthViewport)\n              ) {\n                return (\n                  <EditorPlugin\n                    anchorElem={floatingAnchorElem}\n                    clientProps={plugin.clientProps}\n                    key={plugin.key}\n                    plugin={plugin}\n                  />\n                )\n              }\n            })}\n            {isEditable && (\n              <React.Fragment>\n                <SlashMenuPlugin anchorElem={floatingAnchorElem} />\n              </React.Fragment>\n            )}\n          </React.Fragment>\n        )}\n        {isEditable && (\n          <React.Fragment>\n            <HistoryPlugin />\n            {editorConfig?.features?.markdownTransformers?.length > 0 && <MarkdownShortcutPlugin />}\n          </React.Fragment>\n        )}\n        {editorConfig.features.plugins?.map((plugin) => {\n          if (plugin.position === 'normal') {\n            return (\n              <EditorPlugin clientProps={plugin.clientProps} key={plugin.key} plugin={plugin} />\n            )\n          }\n        })}\n        {editorConfig.features.plugins?.map((plugin) => {\n          if (plugin.position === 'bottom') {\n            return (\n              <EditorPlugin clientProps={plugin.clientProps} key={plugin.key} plugin={plugin} />\n            )\n          }\n        })}\n      </div>\n      {editorConfig.features.plugins?.map((plugin) => {\n        if (plugin.position === 'belowContainer') {\n          return <EditorPlugin clientProps={plugin.clientProps} key={plugin.key} plugin={plugin} />\n        }\n      })}\n    </React.Fragment>\n  )\n}\n"],"names":["useLexicalComposerContext","LexicalErrorBoundary","HistoryPlugin","OnChangePlugin","RichTextPlugin","useLexicalEditable","BLUR_COMMAND","COMMAND_PRIORITY_LOW","FOCUS_COMMAND","React","useEffect","useState","useEditorConfigContext","EditorPlugin","ClipboardPlugin","DecoratorPlugin","AddBlockHandlePlugin","DraggableBlockPlugin","InsertParagraphAtEndPlugin","MarkdownShortcutPlugin","NormalizeSelectionPlugin","SelectAllPlugin","SlashMenuPlugin","TextPlugin","LexicalContentEditable","LexicalEditor","props","editorConfig","editorContainerRef","isSmallWidthViewport","onChange","editorConfigContext","editor","isEditable","floatingAnchorElem","setFloatingAnchorElem","onRef","_floatingAnchorElem","uuid","console","error","parentEditor","registerChild","handleFocus","focusEditor","handleBlur","blurEditor","unregisterFocus","registerCommand","unregisterBlur","unregisterChild","Fragment","features","plugins","map","plugin","position","clientProps","key","div","className","ref","contentEditable","ErrorBoundary","ignoreSelectionChange","editorState","tags","has","size","admin","hideDraggableBlockElement","anchorElem","hideAddBlockButton","desktopOnly","markdownTransformers","length"],"mappings":"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"}
+{"version":3,"sources":["../../src/lexical/LexicalEditor.tsx"],"sourcesContent":["'use client'\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { LexicalErrorBoundary } from '@lexical/react/LexicalErrorBoundary.js'\nimport { HistoryPlugin } from '@lexical/react/LexicalHistoryPlugin.js'\nimport { OnChangePlugin } from '@lexical/react/LexicalOnChangePlugin.js'\nimport { RichTextPlugin } from '@lexical/react/LexicalRichTextPlugin.js'\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport { BLUR_COMMAND, COMMAND_PRIORITY_LOW, FOCUS_COMMAND } from 'lexical'\nimport * as React from 'react'\nimport { useEffect, useState } from 'react'\n\nimport type { LexicalProviderProps } from './LexicalProvider.js'\n\nimport { useEditorConfigContext } from './config/client/EditorConfigProvider.js'\nimport './LexicalEditor.scss'\nimport { EditorPlugin } from './EditorPlugin.js'\nimport { ClipboardPlugin } from './plugins/ClipboardPlugin/index.js'\nimport { DecoratorPlugin } from './plugins/DecoratorPlugin/index.js'\nimport { AddBlockHandlePlugin } from './plugins/handles/AddBlockHandlePlugin/index.js'\nimport { DraggableBlockPlugin } from './plugins/handles/DraggableBlockPlugin/index.js'\nimport { InsertParagraphAtEndPlugin } from './plugins/InsertParagraphAtEnd/index.js'\nimport { MarkdownShortcutPlugin } from './plugins/MarkdownShortcut/index.js'\nimport { NodeViewOverridePlugin } from './plugins/NodeViewOverridePlugin/index.js'\nimport { NormalizeSelectionPlugin } from './plugins/NormalizeSelection/index.js'\nimport { SelectAllPlugin } from './plugins/SelectAllPlugin/index.js'\nimport { SlashMenuPlugin } from './plugins/SlashMenu/index.js'\nimport { TextPlugin } from './plugins/TextPlugin/index.js'\nimport { LexicalContentEditable } from './ui/ContentEditable.js'\n\nexport const LexicalEditor: React.FC<\n  {\n    editorContainerRef: React.RefObject<HTMLDivElement | null>\n    isSmallWidthViewport: boolean\n  } & Pick<LexicalProviderProps, 'editorConfig' | 'onChange'>\n> = (props) => {\n  const { editorConfig, editorContainerRef, isSmallWidthViewport, onChange } = props\n  const editorConfigContext = useEditorConfigContext()\n  const [editor] = useLexicalComposerContext()\n  const isEditable = useLexicalEditable()\n\n  const [floatingAnchorElem, setFloatingAnchorElem] = useState<HTMLDivElement | null>(null)\n  const onRef = (_floatingAnchorElem: HTMLDivElement) => {\n    if (_floatingAnchorElem !== null) {\n      setFloatingAnchorElem(_floatingAnchorElem)\n    }\n  }\n\n  useEffect(() => {\n    if (!editorConfigContext?.uuid) {\n      console.error('Lexical Editor must be used within an EditorConfigProvider')\n      return\n    }\n    if (editorConfigContext?.parentEditor?.uuid) {\n      editorConfigContext.parentEditor?.registerChild(editorConfigContext.uuid, editorConfigContext)\n    }\n\n    const handleFocus = () => {\n      editorConfigContext.focusEditor(editorConfigContext)\n    }\n\n    const handleBlur = () => {\n      editorConfigContext.blurEditor(editorConfigContext)\n    }\n\n    const unregisterFocus = editor.registerCommand<MouseEvent>(\n      FOCUS_COMMAND,\n      () => {\n        handleFocus()\n        return true\n      },\n      COMMAND_PRIORITY_LOW,\n    )\n\n    const unregisterBlur = editor.registerCommand<MouseEvent>(\n      BLUR_COMMAND,\n      () => {\n        handleBlur()\n        return true\n      },\n      COMMAND_PRIORITY_LOW,\n    )\n\n    return () => {\n      unregisterFocus()\n      unregisterBlur()\n      editorConfigContext.parentEditor?.unregisterChild?.(editorConfigContext.uuid)\n    }\n  }, [editor, editorConfigContext])\n\n  return (\n    <React.Fragment>\n      {editorConfig.features.plugins?.map((plugin) => {\n        if (plugin.position === 'aboveContainer') {\n          return <EditorPlugin clientProps={plugin.clientProps} key={plugin.key} plugin={plugin} />\n        }\n      })}\n      <div className=\"editor-container\" ref={editorContainerRef}>\n        {editorConfig.features.plugins?.map((plugin) => {\n          if (plugin.position === 'top') {\n            return (\n              <EditorPlugin clientProps={plugin.clientProps} key={plugin.key} plugin={plugin} />\n            )\n          }\n        })}\n        <RichTextPlugin\n          contentEditable={\n            <div className=\"editor-scroller\">\n              <div className=\"editor\" ref={onRef}>\n                <LexicalContentEditable editorConfig={editorConfig} />\n              </div>\n            </div>\n          }\n          ErrorBoundary={LexicalErrorBoundary}\n        />\n        <NormalizeSelectionPlugin />\n        {isEditable && <InsertParagraphAtEndPlugin />}\n        <DecoratorPlugin />\n        <ClipboardPlugin />\n        <TextPlugin features={editorConfig.features} />\n        <SelectAllPlugin />\n        <NodeViewOverridePlugin />\n        {isEditable && (\n          <OnChangePlugin\n            // Selection changes can be ignored here, reducing the\n            // frequency that the FieldComponent and Payload receive updates.\n            // Selection changes are only needed if you are saving selection state\n            ignoreSelectionChange\n            onChange={(editorState, editor, tags) => {\n              // Ignore any onChange event triggered by focus only\n              if (!tags.has('focus') || tags.size > 1) {\n                if (onChange != null) {\n                  onChange(editorState, editor, tags)\n                }\n              }\n            }}\n          />\n        )}\n        {floatingAnchorElem && (\n          <React.Fragment>\n            {!isSmallWidthViewport && isEditable && (\n              <React.Fragment>\n                {editorConfig.admin?.hideDraggableBlockElement ? null : (\n                  <DraggableBlockPlugin anchorElem={floatingAnchorElem} />\n                )}\n                {editorConfig.admin?.hideAddBlockButton ? null : (\n                  <AddBlockHandlePlugin anchorElem={floatingAnchorElem} />\n                )}\n              </React.Fragment>\n            )}\n            {editorConfig.features.plugins?.map((plugin) => {\n              if (\n                plugin.position === 'floatingAnchorElem' &&\n                !(plugin.desktopOnly === true && isSmallWidthViewport)\n              ) {\n                return (\n                  <EditorPlugin\n                    anchorElem={floatingAnchorElem}\n                    clientProps={plugin.clientProps}\n                    key={plugin.key}\n                    plugin={plugin}\n                  />\n                )\n              }\n            })}\n            {isEditable && (\n              <React.Fragment>\n                <SlashMenuPlugin anchorElem={floatingAnchorElem} />\n              </React.Fragment>\n            )}\n          </React.Fragment>\n        )}\n        {isEditable && (\n          <React.Fragment>\n            <HistoryPlugin />\n            {editorConfig?.features?.markdownTransformers?.length > 0 && <MarkdownShortcutPlugin />}\n          </React.Fragment>\n        )}\n        {editorConfig.features.plugins?.map((plugin) => {\n          if (plugin.position === 'normal') {\n            return (\n              <EditorPlugin clientProps={plugin.clientProps} key={plugin.key} plugin={plugin} />\n            )\n          }\n        })}\n        {editorConfig.features.plugins?.map((plugin) => {\n          if (plugin.position === 'bottom') {\n            return (\n              <EditorPlugin clientProps={plugin.clientProps} key={plugin.key} plugin={plugin} />\n            )\n          }\n        })}\n      </div>\n      {editorConfig.features.plugins?.map((plugin) => {\n        if (plugin.position === 'belowContainer') {\n          return <EditorPlugin clientProps={plugin.clientProps} key={plugin.key} plugin={plugin} />\n        }\n      })}\n    </React.Fragment>\n  )\n}\n"],"names":["useLexicalComposerContext","LexicalErrorBoundary","HistoryPlugin","OnChangePlugin","RichTextPlugin","useLexicalEditable","BLUR_COMMAND","COMMAND_PRIORITY_LOW","FOCUS_COMMAND","React","useEffect","useState","useEditorConfigContext","EditorPlugin","ClipboardPlugin","DecoratorPlugin","AddBlockHandlePlugin","DraggableBlockPlugin","InsertParagraphAtEndPlugin","MarkdownShortcutPlugin","NodeViewOverridePlugin","NormalizeSelectionPlugin","SelectAllPlugin","SlashMenuPlugin","TextPlugin","LexicalContentEditable","LexicalEditor","props","editorConfig","editorContainerRef","isSmallWidthViewport","onChange","editorConfigContext","editor","isEditable","floatingAnchorElem","setFloatingAnchorElem","onRef","_floatingAnchorElem","uuid","console","error","parentEditor","registerChild","handleFocus","focusEditor","handleBlur","blurEditor","unregisterFocus","registerCommand","unregisterBlur","unregisterChild","Fragment","features","plugins","map","plugin","position","clientProps","key","div","className","ref","contentEditable","ErrorBoundary","ignoreSelectionChange","editorState","tags","has","size","admin","hideDraggableBlockElement","anchorElem","hideAddBlockButton","desktopOnly","markdownTransformers","length"],"mappings":"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"}

package/dist/lexical/LexicalProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LexicalProvider.d.ts","sourceRoot":"","sources":["../../src/lexical/LexicalProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAIhF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAA;AAC5D,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,mBAAmB,CAAA;AASpE,MAAM,MAAM,oBAAoB,GAAG;IACjC,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,2BAA2B,CAAA;IACzC,UAAU,EAAE,yBAAyB,CAAA;IACrC,oBAAoB,EAAE,OAAO,CAAA;IAC7B,QAAQ,EAAE,CAAC,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;IACtF,QAAQ,EAAE,OAAO,CAAA;IACjB,KAAK,EAAE,qBAAqB,CAAA;CAC7B,CAAA;AAwBD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAyE1D,CAAA"}
+{"version":3,"file":"LexicalProvider.d.ts","sourceRoot":"","sources":["../../src/lexical/LexicalProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAIhF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAA;AAC5D,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,mBAAmB,CAAA;AAUpE,MAAM,MAAM,oBAAoB,GAAG;IACjC,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,2BAA2B,CAAA;IACzC,UAAU,EAAE,yBAAyB,CAAA;IACrC,oBAAoB,EAAE,OAAO,CAAA;IAC7B,QAAQ,EAAE,CAAC,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;IACtF,QAAQ,EAAE,OAAO,CAAA;IACjB,KAAK,EAAE,qBAAqB,CAAA;CAC7B,CAAA;AAwBD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAqF1D,CAAA"}

package/dist/lexical/LexicalProvider.js

@@ -1,8 +1,10 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { LexicalComposer } from '@lexical/react/LexicalComposer.js';
 import { useEditDepth } from '@payloadcms/ui';
 import * as React from 'react';
 import { useMemo } from 'react';
+import { useRichTextView } from '../field/RichTextViewProvider.js';
 import { EditorConfigProvider, useEditorConfigContext } from './config/client/EditorConfigProvider.js';
 import { LexicalEditor as LexicalEditorComponent } from './LexicalEditor.js';
 import { getEnabledNodes } from './nodes/index.js';
@@ -13,14 +15,32 @@ const NestProviders = ({ children, providers })=>// eslint-disable-next-line @ty
     }
     const Component = providers[0];
     if (providers.length > 1) {
-        return <Component>
-        <NestProviders providers={providers.slice(1)}>{children}</NestProviders>
-      </Component>;
+        return /*#__PURE__*/ _jsxDEV(Component, {
+            children: /*#__PURE__*/ _jsxDEV(NestProviders, {
+                providers: providers.slice(1),
+                children: children
+            }, void 0, false, {
+                fileName: "src/lexical/LexicalProvider.tsx",
+                lineNumber: 46,
+                columnNumber: 9
+            }, this)
+        }, void 0, false, {
+            fileName: "src/lexical/LexicalProvider.tsx",
+            lineNumber: 45,
+            columnNumber: 7
+        }, this);
     }
-    return <Component>{children}</Component>;
+    return /*#__PURE__*/ _jsxDEV(Component, {
+        children: children
+    }, void 0, false, {
+        fileName: "src/lexical/LexicalProvider.tsx",
+        lineNumber: 50,
+        columnNumber: 10
+    }, this);
 };
 export const LexicalProvider = (props)=>{
     const { composerKey, editorConfig, fieldProps, isSmallWidthViewport, onChange, readOnly, value } = props;
+    const { currentView, views } = useRichTextView();
     const parentContext = useEditorConfigContext();
     const editDepth = useEditDepth();
     const editorContainerRef = React.useRef(null);
@@ -35,12 +55,15 @@ export const LexicalProvider = (props)=>{
         if (value && 'jsonContent' in value) {
             throw new Error('You have tried to pass in data from payload-plugin-lexical. The data structure is different, thus you will have to migrate your data. Migration guide: https://payloadcms.com/docs/lexical/migration#migrating-from-payload-plugin-lexical');
         }
+        // Use the 'default' view if available, otherwise undefined
+        const nodeViews = views?.[currentView]?.nodes;
         return {
             editable: readOnly !== true,
             editorState: value != null ? JSON.stringify(value) : undefined,
             namespace: editorConfig.lexical.namespace,
             nodes: getEnabledNodes({
-                editorConfig
+                editorConfig,
+                nodeViews
             }),
             onError: (error)=>{
                 throw error;
@@ -50,22 +73,58 @@ export const LexicalProvider = (props)=>{
     }, // Important: do not add readOnly and value to the dependencies array. This will cause the entire lexical editor to re-render if the document is saved, which will
     // cause the editor to lose focus.
     [
-        editorConfig
+        editorConfig,
+        views,
+        currentView
     ]);
     if (!initialConfig) {
-        return <p>Loading...</p>;
+        return /*#__PURE__*/ _jsxDEV("p", {
+            children: "Loading..."
+        }, void 0, false, {
+            fileName: "src/lexical/LexicalProvider.tsx",
+            lineNumber: 107,
+            columnNumber: 12
+        }, this);
     }
     // We need to add initialConfig.editable to the key to force a re-render when the readOnly prop changes.
     // Without it, there were cases where lexical editors inside drawers turn readOnly initially - a few miliseconds later they turn editable, but the editor does not re-render and stays readOnly.
-    return <LexicalComposer initialConfig={initialConfig} key={composerKey + initialConfig.editable}>
-      <EditorConfigProvider editorConfig={editorConfig} editorContainerRef={editorContainerRef} fieldProps={fieldProps} /**
+    // We also add currentView to force re-render when the view changes.
+    return /*#__PURE__*/ _jsxDEV(LexicalComposer, {
+        initialConfig: initialConfig,
+        children: /*#__PURE__*/ _jsxDEV(EditorConfigProvider, {
+            editorConfig: editorConfig,
+            editorContainerRef: editorContainerRef,
+            fieldProps: fieldProps,
+            /**
          * Parent editor is not truly the parent editor, if the current editor is part of a drawer and the parent editor is the main editor.
-         */ parentContext={parentContext?.editDepth === editDepth ? parentContext : undefined}>
-        <NestProviders providers={editorConfig.features.providers}>
-          <LexicalEditorComponent editorConfig={editorConfig} editorContainerRef={editorContainerRef} isSmallWidthViewport={isSmallWidthViewport} onChange={onChange}/>
-        </NestProviders>
-      </EditorConfigProvider>
-    </LexicalComposer>;
+         */ parentContext: parentContext?.editDepth === editDepth ? parentContext : undefined,
+            children: /*#__PURE__*/ _jsxDEV(NestProviders, {
+                providers: editorConfig.features.providers,
+                children: /*#__PURE__*/ _jsxDEV(LexicalEditorComponent, {
+                    editorConfig: editorConfig,
+                    editorContainerRef: editorContainerRef,
+                    isSmallWidthViewport: isSmallWidthViewport,
+                    onChange: onChange
+                }, void 0, false, {
+                    fileName: "src/lexical/LexicalProvider.tsx",
+                    lineNumber: 128,
+                    columnNumber: 11
+                }, this)
+            }, void 0, false, {
+                fileName: "src/lexical/LexicalProvider.tsx",
+                lineNumber: 127,
+                columnNumber: 9
+            }, this)
+        }, void 0, false, {
+            fileName: "src/lexical/LexicalProvider.tsx",
+            lineNumber: 118,
+            columnNumber: 7
+        }, this)
+    }, composerKey + initialConfig.editable + currentView, false, {
+        fileName: "src/lexical/LexicalProvider.tsx",
+        lineNumber: 114,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=LexicalProvider.js.map

package/dist/lexical/LexicalProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/lexical/LexicalProvider.tsx"],"sourcesContent":["'use client'\nimport type { InitialConfigType } from '@lexical/react/LexicalComposer.js'\nimport type { EditorState, LexicalEditor, SerializedEditorState } from 'lexical'\n\nimport { LexicalComposer } from '@lexical/react/LexicalComposer.js'\nimport { useEditDepth } from '@payloadcms/ui'\nimport * as React from 'react'\nimport { useMemo } from 'react'\n\nimport type { LexicalRichTextFieldProps } from '../types.js'\nimport type { SanitizedClientEditorConfig } from './config/types.js'\n\nimport {\n  EditorConfigProvider,\n  useEditorConfigContext,\n} from './config/client/EditorConfigProvider.js'\nimport { LexicalEditor as LexicalEditorComponent } from './LexicalEditor.js'\nimport { getEnabledNodes } from './nodes/index.js'\n\nexport type LexicalProviderProps = {\n  composerKey: string\n  editorConfig: SanitizedClientEditorConfig\n  fieldProps: LexicalRichTextFieldProps\n  isSmallWidthViewport: boolean\n  onChange: (editorState: EditorState, editor: LexicalEditor, tags: Set<string>) => void\n  readOnly: boolean\n  value: SerializedEditorState\n}\n\nconst NestProviders = ({\n  children,\n  providers,\n}: {\n  children: React.ReactNode\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  providers: any[]\n}) => {\n  if (!providers?.length) {\n    return children\n  }\n  const Component = providers[0]\n  if (providers.length > 1) {\n    return (\n      <Component>\n        <NestProviders providers={providers.slice(1)}>{children}</NestProviders>\n      </Component>\n    )\n  }\n  return <Component>{children}</Component>\n}\n\nexport const LexicalProvider: React.FC<LexicalProviderProps> = (props) => {\n  const { composerKey, editorConfig, fieldProps, isSmallWidthViewport, onChange, readOnly, value } =\n    props\n\n  const parentContext = useEditorConfigContext()\n\n  const editDepth = useEditDepth()\n\n  const editorContainerRef = React.useRef<HTMLDivElement>(null)\n\n  // useMemo for the initialConfig that depends on readOnly and value\n  const initialConfig = useMemo<InitialConfigType>(() => {\n    if (value && typeof value !== 'object') {\n      throw new Error(\n        'The value passed to the Lexical editor is not an object. This is not supported. Please remove the data from the field and start again. This is the value that was passed in: ' +\n          JSON.stringify(value),\n      )\n    }\n\n    if (value && Array.isArray(value) && !('root' in value)) {\n      throw new Error(\n        'You have tried to pass in data from the old Slate editor to the new Lexical editor. The data structure is different, thus you will have to migrate your data. We offer a one-line migration script which migrates all your rich text fields: https://payloadcms.com/docs/lexical/migration#migration-via-migration-script-recommended',\n      )\n    }\n\n    if (value && 'jsonContent' in value) {\n      throw new Error(\n        'You have tried to pass in data from payload-plugin-lexical. The data structure is different, thus you will have to migrate your data. Migration guide: https://payloadcms.com/docs/lexical/migration#migrating-from-payload-plugin-lexical',\n      )\n    }\n\n    return {\n      editable: readOnly !== true,\n      editorState: value != null ? JSON.stringify(value) : undefined,\n      namespace: editorConfig.lexical.namespace,\n      nodes: getEnabledNodes({ editorConfig }),\n      onError: (error: Error) => {\n        throw error\n      },\n      theme: editorConfig.lexical.theme,\n    }\n    // Important: do not add readOnly and value to the dependencies array. This will cause the entire lexical editor to re-render if the document is saved, which will\n    // cause the editor to lose focus.\n  }, [editorConfig])\n\n  if (!initialConfig) {\n    return <p>Loading...</p>\n  }\n\n  // We need to add initialConfig.editable to the key to force a re-render when the readOnly prop changes.\n  // Without it, there were cases where lexical editors inside drawers turn readOnly initially - a few miliseconds later they turn editable, but the editor does not re-render and stays readOnly.\n  return (\n    <LexicalComposer initialConfig={initialConfig} key={composerKey + initialConfig.editable}>\n      <EditorConfigProvider\n        editorConfig={editorConfig}\n        editorContainerRef={editorContainerRef}\n        fieldProps={fieldProps}\n        /**\n         * Parent editor is not truly the parent editor, if the current editor is part of a drawer and the parent editor is the main editor.\n         */\n        parentContext={parentContext?.editDepth === editDepth ? parentContext : undefined}\n      >\n        <NestProviders providers={editorConfig.features.providers}>\n          <LexicalEditorComponent\n            editorConfig={editorConfig}\n            editorContainerRef={editorContainerRef}\n            isSmallWidthViewport={isSmallWidthViewport}\n            onChange={onChange}\n          />\n        </NestProviders>\n      </EditorConfigProvider>\n    </LexicalComposer>\n  )\n}\n"],"names":["LexicalComposer","useEditDepth","React","useMemo","EditorConfigProvider","useEditorConfigContext","LexicalEditor","LexicalEditorComponent","getEnabledNodes","NestProviders","children","providers","length","Component","slice","LexicalProvider","props","composerKey","editorConfig","fieldProps","isSmallWidthViewport","onChange","readOnly","value","parentContext","editDepth","editorContainerRef","useRef","initialConfig","Error","JSON","stringify","Array","isArray","editable","editorState","undefined","namespace","lexical","nodes","onError","error","theme","p","key","features"],"mappings":"AAAA;AAIA,SAASA,eAAe,QAAQ,oCAAmC;AACnE,SAASC,YAAY,QAAQ,iBAAgB;AAC7C,YAAYC,WAAW,QAAO;AAC9B,SAASC,OAAO,QAAQ,QAAO;AAK/B,SACEC,oBAAoB,EACpBC,sBAAsB,QACjB,0CAAyC;AAChD,SAASC,iBAAiBC,sBAAsB,QAAQ,qBAAoB;AAC5E,SAASC,eAAe,QAAQ,mBAAkB;AAYlD,MAAMC,gBAAgB,CAAC,EACrBC,QAAQ,EACRC,SAAS,EAKV,GAFC,8DAA8D;;IAG9D,IAAI,CAACA,WAAWC,QAAQ;QACtB,OAAOF;IACT;IACA,MAAMG,YAAYF,SAAS,CAAC,EAAE;IAC9B,IAAIA,UAAUC,MAAM,GAAG,GAAG;QACxB,QACGC,UAAU;QACT,CAACJ,cAAcE,WAAWA,UAAUG,KAAK,CAAC,KAAKJ,WAAWD,cAAc;MAC1E,EAAEI;IAEN;IACA,QAAQA,WAAWH,WAAWG;AAChC;AAEA,OAAO,MAAME,kBAAkD,CAACC;IAC9D,MAAM,EAAEC,WAAW,EAAEC,YAAY,EAAEC,UAAU,EAAEC,oBAAoB,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAC9FP;IAEF,MAAMQ,gBAAgBnB;IAEtB,MAAMoB,YAAYxB;IAElB,MAAMyB,qBAAqBxB,MAAMyB,MAAM,CAAiB;IAExD,mEAAmE;IACnE,MAAMC,gBAAgBzB,QAA2B;QAC/C,IAAIoB,SAAS,OAAOA,UAAU,UAAU;YACtC,MAAM,IAAIM,MACR,kLACEC,KAAKC,SAAS,CAACR;QAErB;QAEA,IAAIA,SAASS,MAAMC,OAAO,CAACV,UAAU,CAAE,CAAA,UAAUA,KAAI,GAAI;YACvD,MAAM,IAAIM,MACR;QAEJ;QAEA,IAAIN,SAAS,iBAAiBA,OAAO;YACnC,MAAM,IAAIM,MACR;QAEJ;QAEA,OAAO;YACLK,UAAUZ,aAAa;YACvBa,aAAaZ,SAAS,OAAOO,KAAKC,SAAS,CAACR,SAASa;YACrDC,WAAWnB,aAAaoB,OAAO,CAACD,SAAS;YACzCE,OAAO/B,gBAAgB;gBAAEU;YAAa;YACtCsB,SAAS,CAACC;gBACR,MAAMA;YACR;YACAC,OAAOxB,aAAaoB,OAAO,CAACI,KAAK;QACnC;IAGF,GAFE,kKAAkK;IAClK,kCAAkC;IACjC;QAACxB;KAAa;IAEjB,IAAI,CAACU,eAAe;QAClB,QAAQe,EAAE,UAAU,EAAEA;IACxB;IAEA,wGAAwG;IACxG,gMAAgM;IAChM,QACG3C,gBAAgB4B,eAAeA,eAAegB,KAAK3B,cAAcW,cAAcM,QAAQ,EAAE;MACxF,CAAC9B,qBACCc,cAAcA,cACdQ,oBAAoBA,oBACpBP,YAAYA,YACZ;;SAEC,GACDK,eAAeA,eAAeC,cAAcA,YAAYD,gBAAgBY,WACzE;QACC,CAAC3B,cAAcE,WAAWO,aAAa2B,QAAQ,CAAClC,SAAS,EAAE;UACzD,CAACJ,uBACCW,cAAcA,cACdQ,oBAAoBA,oBACpBN,sBAAsBA,sBACtBC,UAAUA,WACV;QACJ,EAAEZ,cAAc;MAClB,EAAEL,qBAAqB;IACzB,EAAEJ;AAEN,EAAC"}
+{"version":3,"sources":["../../src/lexical/LexicalProvider.tsx"],"sourcesContent":["'use client'\nimport type { InitialConfigType } from '@lexical/react/LexicalComposer.js'\nimport type { EditorState, LexicalEditor, SerializedEditorState } from 'lexical'\n\nimport { LexicalComposer } from '@lexical/react/LexicalComposer.js'\nimport { useEditDepth } from '@payloadcms/ui'\nimport * as React from 'react'\nimport { useMemo } from 'react'\n\nimport type { LexicalRichTextFieldProps } from '../types.js'\nimport type { SanitizedClientEditorConfig } from './config/types.js'\n\nimport { useRichTextView } from '../field/RichTextViewProvider.js'\nimport {\n  EditorConfigProvider,\n  useEditorConfigContext,\n} from './config/client/EditorConfigProvider.js'\nimport { LexicalEditor as LexicalEditorComponent } from './LexicalEditor.js'\nimport { getEnabledNodes } from './nodes/index.js'\n\nexport type LexicalProviderProps = {\n  composerKey: string\n  editorConfig: SanitizedClientEditorConfig\n  fieldProps: LexicalRichTextFieldProps\n  isSmallWidthViewport: boolean\n  onChange: (editorState: EditorState, editor: LexicalEditor, tags: Set<string>) => void\n  readOnly: boolean\n  value: SerializedEditorState\n}\n\nconst NestProviders = ({\n  children,\n  providers,\n}: {\n  children: React.ReactNode\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  providers: any[]\n}) => {\n  if (!providers?.length) {\n    return children\n  }\n  const Component = providers[0]\n  if (providers.length > 1) {\n    return (\n      <Component>\n        <NestProviders providers={providers.slice(1)}>{children}</NestProviders>\n      </Component>\n    )\n  }\n  return <Component>{children}</Component>\n}\n\nexport const LexicalProvider: React.FC<LexicalProviderProps> = (props) => {\n  const { composerKey, editorConfig, fieldProps, isSmallWidthViewport, onChange, readOnly, value } =\n    props\n\n  const { currentView, views } = useRichTextView()\n\n  const parentContext = useEditorConfigContext()\n\n  const editDepth = useEditDepth()\n\n  const editorContainerRef = React.useRef<HTMLDivElement>(null)\n\n  // useMemo for the initialConfig that depends on readOnly and value\n  const initialConfig = useMemo<InitialConfigType>(() => {\n    if (value && typeof value !== 'object') {\n      throw new Error(\n        'The value passed to the Lexical editor is not an object. This is not supported. Please remove the data from the field and start again. This is the value that was passed in: ' +\n          JSON.stringify(value),\n      )\n    }\n\n    if (value && Array.isArray(value) && !('root' in value)) {\n      throw new Error(\n        'You have tried to pass in data from the old Slate editor to the new Lexical editor. The data structure is different, thus you will have to migrate your data. We offer a one-line migration script which migrates all your rich text fields: https://payloadcms.com/docs/lexical/migration#migration-via-migration-script-recommended',\n      )\n    }\n\n    if (value && 'jsonContent' in value) {\n      throw new Error(\n        'You have tried to pass in data from payload-plugin-lexical. The data structure is different, thus you will have to migrate your data. Migration guide: https://payloadcms.com/docs/lexical/migration#migrating-from-payload-plugin-lexical',\n      )\n    }\n\n    // Use the 'default' view if available, otherwise undefined\n    const nodeViews = views?.[currentView]?.nodes\n\n    return {\n      editable: readOnly !== true,\n      editorState: value != null ? JSON.stringify(value) : undefined,\n      namespace: editorConfig.lexical.namespace,\n      nodes: getEnabledNodes({\n        editorConfig,\n        nodeViews,\n      }),\n      onError: (error: Error) => {\n        throw error\n      },\n      theme: editorConfig.lexical.theme,\n    }\n    // Important: do not add readOnly and value to the dependencies array. This will cause the entire lexical editor to re-render if the document is saved, which will\n    // cause the editor to lose focus.\n  }, [editorConfig, views, currentView])\n\n  if (!initialConfig) {\n    return <p>Loading...</p>\n  }\n\n  // We need to add initialConfig.editable to the key to force a re-render when the readOnly prop changes.\n  // Without it, there were cases where lexical editors inside drawers turn readOnly initially - a few miliseconds later they turn editable, but the editor does not re-render and stays readOnly.\n  // We also add currentView to force re-render when the view changes.\n  return (\n    <LexicalComposer\n      initialConfig={initialConfig}\n      key={composerKey + initialConfig.editable + currentView}\n    >\n      <EditorConfigProvider\n        editorConfig={editorConfig}\n        editorContainerRef={editorContainerRef}\n        fieldProps={fieldProps}\n        /**\n         * Parent editor is not truly the parent editor, if the current editor is part of a drawer and the parent editor is the main editor.\n         */\n        parentContext={parentContext?.editDepth === editDepth ? parentContext : undefined}\n      >\n        <NestProviders providers={editorConfig.features.providers}>\n          <LexicalEditorComponent\n            editorConfig={editorConfig}\n            editorContainerRef={editorContainerRef}\n            isSmallWidthViewport={isSmallWidthViewport}\n            onChange={onChange}\n          />\n        </NestProviders>\n      </EditorConfigProvider>\n    </LexicalComposer>\n  )\n}\n"],"names":["LexicalComposer","useEditDepth","React","useMemo","useRichTextView","EditorConfigProvider","useEditorConfigContext","LexicalEditor","LexicalEditorComponent","getEnabledNodes","NestProviders","children","providers","length","Component","slice","LexicalProvider","props","composerKey","editorConfig","fieldProps","isSmallWidthViewport","onChange","readOnly","value","currentView","views","parentContext","editDepth","editorContainerRef","useRef","initialConfig","Error","JSON","stringify","Array","isArray","nodeViews","nodes","editable","editorState","undefined","namespace","lexical","onError","error","theme","p","features"],"mappings":"AAAA;;AAIA,SAASA,eAAe,QAAQ,oCAAmC;AACnE,SAASC,YAAY,QAAQ,iBAAgB;AAC7C,YAAYC,WAAW,QAAO;AAC9B,SAASC,OAAO,QAAQ,QAAO;AAK/B,SAASC,eAAe,QAAQ,mCAAkC;AAClE,SACEC,oBAAoB,EACpBC,sBAAsB,QACjB,0CAAyC;AAChD,SAASC,iBAAiBC,sBAAsB,QAAQ,qBAAoB;AAC5E,SAASC,eAAe,QAAQ,mBAAkB;AAYlD,MAAMC,gBAAgB,CAAC,EACrBC,QAAQ,EACRC,SAAS,EAKV,GAFC,8DAA8D;;IAG9D,IAAI,CAACA,WAAWC,QAAQ;QACtB,OAAOF;IACT;IACA,MAAMG,YAAYF,SAAS,CAAC,EAAE;IAC9B,IAAIA,UAAUC,MAAM,GAAG,GAAG;QACxB,qBACE,QAACC;sBACC,cAAA,QAACJ;gBAAcE,WAAWA,UAAUG,KAAK,CAAC;0BAAKJ;;;;;;;;;;;IAGrD;IACA,qBAAO,QAACG;kBAAWH;;;;;;AACrB;AAEA,OAAO,MAAMK,kBAAkD,CAACC;IAC9D,MAAM,EAAEC,WAAW,EAAEC,YAAY,EAAEC,UAAU,EAAEC,oBAAoB,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAC9FP;IAEF,MAAM,EAAEQ,WAAW,EAAEC,KAAK,EAAE,GAAGtB;IAE/B,MAAMuB,gBAAgBrB;IAEtB,MAAMsB,YAAY3B;IAElB,MAAM4B,qBAAqB3B,MAAM4B,MAAM,CAAiB;IAExD,mEAAmE;IACnE,MAAMC,gBAAgB5B,QAA2B;QAC/C,IAAIqB,SAAS,OAAOA,UAAU,UAAU;YACtC,MAAM,IAAIQ,MACR,kLACEC,KAAKC,SAAS,CAACV;QAErB;QAEA,IAAIA,SAASW,MAAMC,OAAO,CAACZ,UAAU,CAAE,CAAA,UAAUA,KAAI,GAAI;YACvD,MAAM,IAAIQ,MACR;QAEJ;QAEA,IAAIR,SAAS,iBAAiBA,OAAO;YACnC,MAAM,IAAIQ,MACR;QAEJ;QAEA,2DAA2D;QAC3D,MAAMK,YAAYX,OAAO,CAACD,YAAY,EAAEa;QAExC,OAAO;YACLC,UAAUhB,aAAa;YACvBiB,aAAahB,SAAS,OAAOS,KAAKC,SAAS,CAACV,SAASiB;YACrDC,WAAWvB,aAAawB,OAAO,CAACD,SAAS;YACzCJ,OAAO7B,gBAAgB;gBACrBU;gBACAkB;YACF;YACAO,SAAS,CAACC;gBACR,MAAMA;YACR;YACAC,OAAO3B,aAAawB,OAAO,CAACG,KAAK;QACnC;IAGF,GAFE,kKAAkK;IAClK,kCAAkC;IACjC;QAAC3B;QAAcO;QAAOD;KAAY;IAErC,IAAI,CAACM,eAAe;QAClB,qBAAO,QAACgB;sBAAE;;;;;;IACZ;IAEA,wGAAwG;IACxG,gMAAgM;IAChM,oEAAoE;IACpE,qBACE,QAAC/C;QACC+B,eAAeA;kBAGf,cAAA,QAAC1B;YACCc,cAAcA;YACdU,oBAAoBA;YACpBT,YAAYA;YACZ;;SAEC,GACDO,eAAeA,eAAeC,cAAcA,YAAYD,gBAAgBc;sBAExE,cAAA,QAAC/B;gBAAcE,WAAWO,aAAa6B,QAAQ,CAACpC,SAAS;0BACvD,cAAA,QAACJ;oBACCW,cAAcA;oBACdU,oBAAoBA;oBACpBR,sBAAsBA;oBACtBC,UAAUA;;;;;;;;;;;;;;;;OAhBXJ,cAAca,cAAcQ,QAAQ,GAAGd;;;;;AAsBlD,EAAC"}

package/dist/lexical/config/client/EditorConfigProvider.js

@@ -1,6 +1,8 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js';
 import { useEditDepth } from '@payloadcms/ui';
+import * as React from 'react';
 import { createContext, use, useMemo, useRef, useState } from 'react';
 // Should always produce a 20 character pseudo-random string
 function generateQuickGuid() {
@@ -9,7 +11,7 @@ function generateQuickGuid() {
 // Editor focus handling
 // Editor focus handling
 // @ts-expect-error: TODO: Fix this
-const Context = createContext({
+const Context = /*#__PURE__*/ createContext({
     editorConfig: null,
     fieldProps: null,
     uuid: null
@@ -85,7 +87,14 @@ export const EditorConfigProvider = ({ children, editorConfig, editorContainerRe
         parentContext,
         uuid
     ]);
-    return <Context value={editorContext}>{children}</Context>;
+    return /*#__PURE__*/ _jsxDEV(Context, {
+        value: editorContext,
+        children: children
+    }, void 0, false, {
+        fileName: "src/lexical/config/client/EditorConfigProvider.tsx",
+        lineNumber: 143,
+        columnNumber: 10
+    }, this);
 };
 export const useEditorConfigContext = ()=>{
     const context = use(Context);