@payloadcms/richtext-lexical 3.81.0-canary.4 → 3.81.0-internal-debug.1a0f4d0

package/dist/lexical/LexicalEditor.js

@@ -1,7 +1,5 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js';
 import { LexicalErrorBoundary } from '@lexical/react/LexicalErrorBoundary.js';
 import { HistoryPlugin } from '@lexical/react/LexicalHistoryPlugin.js';
@@ -12,6 +10,7 @@ import { BLUR_COMMAND, COMMAND_PRIORITY_LOW, FOCUS_COMMAND } from 'lexical';
 import * as React from 'react';
 import { useEffect, useState } from 'react';
 import { useEditorConfigContext } from './config/client/EditorConfigProvider.js';
+import './LexicalEditor.scss';
 import { EditorPlugin } from './EditorPlugin.js';
 import { ClipboardPlugin } from './plugins/ClipboardPlugin/index.js';
 import { DecoratorPlugin } from './plugins/DecoratorPlugin/index.js';
@@ -24,178 +23,280 @@ import { SelectAllPlugin } from './plugins/SelectAllPlugin/index.js';
 import { SlashMenuPlugin } from './plugins/SlashMenu/index.js';
 import { TextPlugin } from './plugins/TextPlugin/index.js';
 import { LexicalContentEditable } from './ui/ContentEditable.js';
-export const LexicalEditor = props => {
-  const $ = _c(13);
-  const {
-    editorConfig,
-    editorContainerRef,
-    isSmallWidthViewport,
-    onChange,
-    rtl
-  } = props;
-  const editorConfigContext = useEditorConfigContext();
-  const [editor] = useLexicalComposerContext();
-  const isEditable = useLexicalEditable();
-  const [floatingAnchorElem, setFloatingAnchorElem] = useState(null);
-  let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = _floatingAnchorElem => {
-      if (_floatingAnchorElem !== null) {
-        setFloatingAnchorElem(_floatingAnchorElem);
-      }
-    };
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  const onRef = t0;
-  let t1;
-  let t2;
-  if ($[1] !== editor || $[2] !== editorConfigContext) {
-    t1 = () => {
-      if (!editorConfigContext?.uuid) {
-        console.error("Lexical Editor must be used within an EditorConfigProvider");
-        return;
-      }
-      if (editorConfigContext?.parentEditor?.uuid) {
-        editorConfigContext.parentEditor?.registerChild(editorConfigContext.uuid, editorConfigContext);
-      }
-      const handleFocus = () => {
-        editorConfigContext.focusEditor(editorConfigContext);
-      };
-      const handleBlur = () => {
-        editorConfigContext.blurEditor(editorConfigContext);
-      };
-      const unregisterFocus = editor.registerCommand(FOCUS_COMMAND, () => {
-        handleFocus();
-        return true;
-      }, COMMAND_PRIORITY_LOW);
-      const unregisterBlur = editor.registerCommand(BLUR_COMMAND, () => {
-        handleBlur();
-        return true;
-      }, COMMAND_PRIORITY_LOW);
-      return () => {
-        unregisterFocus();
-        unregisterBlur();
-        editorConfigContext.parentEditor?.unregisterChild?.(editorConfigContext.uuid);
-      };
+export const LexicalEditor = (props)=>{
+    const { editorConfig, editorContainerRef, isSmallWidthViewport, onChange, rtl } = props;
+    const editorConfigContext = useEditorConfigContext();
+    const [editor] = useLexicalComposerContext();
+    const isEditable = useLexicalEditable();
+    const [floatingAnchorElem, setFloatingAnchorElem] = useState(null);
+    const onRef = (_floatingAnchorElem)=>{
+        if (_floatingAnchorElem !== null) {
+            setFloatingAnchorElem(_floatingAnchorElem);
+        }
     };
-    t2 = [editor, editorConfigContext];
-    $[1] = editor;
-    $[2] = editorConfigContext;
-    $[3] = t1;
-    $[4] = t2;
-  } else {
-    t1 = $[3];
-    t2 = $[4];
-  }
-  useEffect(t1, t2);
-  let t3;
-  if ($[5] !== editorConfig || $[6] !== editorContainerRef || $[7] !== floatingAnchorElem || $[8] !== isEditable || $[9] !== isSmallWidthViewport || $[10] !== onChange || $[11] !== rtl) {
-    t3 = _jsxs(React.Fragment, {
-      children: [editorConfig.features.plugins?.map(_temp), _jsxs("div", {
-        className: "editor-container",
-        dir: rtl ? "rtl" : undefined,
-        ref: editorContainerRef,
-        children: [editorConfig.features.plugins?.map(_temp2), _jsx(RichTextPlugin, {
-          contentEditable: _jsx("div", {
-            className: "editor-scroller",
-            children: _jsx("div", {
-              className: "editor",
-              ref: onRef,
-              children: _jsx(LexicalContentEditable, {
-                editorConfig
-              })
+    useEffect(()=>{
+        if (!editorConfigContext?.uuid) {
+            console.error('Lexical Editor must be used within an EditorConfigProvider');
+            return;
+        }
+        if (editorConfigContext?.parentEditor?.uuid) {
+            editorConfigContext.parentEditor?.registerChild(editorConfigContext.uuid, editorConfigContext);
+        }
+        const handleFocus = ()=>{
+            editorConfigContext.focusEditor(editorConfigContext);
+        };
+        const handleBlur = ()=>{
+            editorConfigContext.blurEditor(editorConfigContext);
+        };
+        const unregisterFocus = editor.registerCommand(FOCUS_COMMAND, ()=>{
+            handleFocus();
+            return true;
+        }, COMMAND_PRIORITY_LOW);
+        const unregisterBlur = editor.registerCommand(BLUR_COMMAND, ()=>{
+            handleBlur();
+            return true;
+        }, COMMAND_PRIORITY_LOW);
+        return ()=>{
+            unregisterFocus();
+            unregisterBlur();
+            editorConfigContext.parentEditor?.unregisterChild?.(editorConfigContext.uuid);
+        };
+    }, [
+        editor,
+        editorConfigContext
+    ]);
+    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: 93,
+                        columnNumber: 18
+                    }, this);
+                }
+            }),
+            /*#__PURE__*/ _jsxDEV("div", {
+                className: "editor-container",
+                dir: rtl ? 'rtl' : undefined,
+                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: 100,
+                                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: 108,
+                                    columnNumber: 17
+                                }, void 0)
+                            }, void 0, false, {
+                                fileName: "src/lexical/LexicalEditor.tsx",
+                                lineNumber: 107,
+                                columnNumber: 15
+                            }, void 0)
+                        }, void 0, false, {
+                            fileName: "src/lexical/LexicalEditor.tsx",
+                            lineNumber: 106,
+                            columnNumber: 13
+                        }, void 0),
+                        ErrorBoundary: LexicalErrorBoundary
+                    }, void 0, false, {
+                        fileName: "src/lexical/LexicalEditor.tsx",
+                        lineNumber: 104,
+                        columnNumber: 9
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV(NormalizeSelectionPlugin, {}, void 0, false, {
+                        fileName: "src/lexical/LexicalEditor.tsx",
+                        lineNumber: 114,
+                        columnNumber: 9
+                    }, this),
+                    isEditable && /*#__PURE__*/ _jsxDEV(InsertParagraphAtEndPlugin, {}, void 0, false, {
+                        fileName: "src/lexical/LexicalEditor.tsx",
+                        lineNumber: 115,
+                        columnNumber: 24
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV(DecoratorPlugin, {}, void 0, false, {
+                        fileName: "src/lexical/LexicalEditor.tsx",
+                        lineNumber: 116,
+                        columnNumber: 9
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV(ClipboardPlugin, {}, void 0, false, {
+                        fileName: "src/lexical/LexicalEditor.tsx",
+                        lineNumber: 117,
+                        columnNumber: 9
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV(TextPlugin, {
+                        features: editorConfig.features
+                    }, void 0, false, {
+                        fileName: "src/lexical/LexicalEditor.tsx",
+                        lineNumber: 118,
+                        columnNumber: 9
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV(SelectAllPlugin, {}, void 0, false, {
+                        fileName: "src/lexical/LexicalEditor.tsx",
+                        lineNumber: 119,
+                        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: 121,
+                        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: 141,
+                                        columnNumber: 19
+                                    }, this),
+                                    editorConfig.admin?.hideAddBlockButton ? null : /*#__PURE__*/ _jsxDEV(AddBlockHandlePlugin, {
+                                        anchorElem: floatingAnchorElem
+                                    }, void 0, false, {
+                                        fileName: "src/lexical/LexicalEditor.tsx",
+                                        lineNumber: 144,
+                                        columnNumber: 19
+                                    }, this)
+                                ]
+                            }, void 0, true, {
+                                fileName: "src/lexical/LexicalEditor.tsx",
+                                lineNumber: 139,
+                                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: 154,
+                                        columnNumber: 19
+                                    }, this);
+                                }
+                            }),
+                            isEditable && /*#__PURE__*/ _jsxDEV(React.Fragment, {
+                                children: /*#__PURE__*/ _jsxDEV(SlashMenuPlugin, {
+                                    anchorElem: floatingAnchorElem
+                                }, void 0, false, {
+                                    fileName: "src/lexical/LexicalEditor.tsx",
+                                    lineNumber: 165,
+                                    columnNumber: 17
+                                }, this)
+                            }, void 0, false, {
+                                fileName: "src/lexical/LexicalEditor.tsx",
+                                lineNumber: 164,
+                                columnNumber: 15
+                            }, this)
+                        ]
+                    }, void 0, true, {
+                        fileName: "src/lexical/LexicalEditor.tsx",
+                        lineNumber: 137,
+                        columnNumber: 11
+                    }, this),
+                    isEditable && /*#__PURE__*/ _jsxDEV(React.Fragment, {
+                        children: [
+                            /*#__PURE__*/ _jsxDEV(HistoryPlugin, {}, void 0, false, {
+                                fileName: "src/lexical/LexicalEditor.tsx",
+                                lineNumber: 172,
+                                columnNumber: 13
+                            }, this),
+                            editorConfig?.features?.markdownTransformers?.length > 0 && /*#__PURE__*/ _jsxDEV(MarkdownShortcutPlugin, {}, void 0, false, {
+                                fileName: "src/lexical/LexicalEditor.tsx",
+                                lineNumber: 173,
+                                columnNumber: 74
+                            }, this)
+                        ]
+                    }, void 0, true, {
+                        fileName: "src/lexical/LexicalEditor.tsx",
+                        lineNumber: 171,
+                        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: 179,
+                                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: 186,
+                                columnNumber: 15
+                            }, this);
+                        }
+                    })
+                ]
+            }, void 0, true, {
+                fileName: "src/lexical/LexicalEditor.tsx",
+                lineNumber: 96,
+                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: 193,
+                        columnNumber: 18
+                    }, this);
+                }
             })
-          }),
-          ErrorBoundary: LexicalErrorBoundary
-        }), _jsx(NormalizeSelectionPlugin, {}), isEditable && _jsx(InsertParagraphAtEndPlugin, {}), _jsx(DecoratorPlugin, {}), _jsx(ClipboardPlugin, {}), _jsx(TextPlugin, {
-          features: editorConfig.features
-        }), _jsx(SelectAllPlugin, {}), isEditable && _jsx(OnChangePlugin, {
-          ignoreSelectionChange: true,
-          onChange: (editorState, editor_0, tags) => {
-            if (!tags.has("focus") || tags.size > 1) {
-              if (onChange != null) {
-                onChange(editorState, editor_0, tags);
-              }
-            }
-          }
-        }), floatingAnchorElem && _jsxs(React.Fragment, {
-          children: [!isSmallWidthViewport && isEditable && _jsxs(React.Fragment, {
-            children: [editorConfig.admin?.hideDraggableBlockElement ? null : _jsx(DraggableBlockPlugin, {
-              anchorElem: floatingAnchorElem
-            }), editorConfig.admin?.hideAddBlockButton ? null : _jsx(AddBlockHandlePlugin, {
-              anchorElem: floatingAnchorElem
-            })]
-          }), editorConfig.features.plugins?.map(plugin_1 => {
-            if (plugin_1.position === "floatingAnchorElem" && !(plugin_1.desktopOnly === true && isSmallWidthViewport)) {
-              return _jsx(EditorPlugin, {
-                anchorElem: floatingAnchorElem,
-                clientProps: plugin_1.clientProps,
-                plugin: plugin_1
-              }, plugin_1.key);
-            }
-          }), isEditable && _jsx(React.Fragment, {
-            children: _jsx(SlashMenuPlugin, {
-              anchorElem: floatingAnchorElem
-            })
-          })]
-        }), isEditable && _jsxs(React.Fragment, {
-          children: [_jsx(HistoryPlugin, {}), editorConfig?.features?.markdownTransformers?.length > 0 && _jsx(MarkdownShortcutPlugin, {})]
-        }), editorConfig.features.plugins?.map(_temp3), editorConfig.features.plugins?.map(_temp4)]
-      }), editorConfig.features.plugins?.map(_temp5)]
-    });
-    $[5] = editorConfig;
-    $[6] = editorContainerRef;
-    $[7] = floatingAnchorElem;
-    $[8] = isEditable;
-    $[9] = isSmallWidthViewport;
-    $[10] = onChange;
-    $[11] = rtl;
-    $[12] = t3;
-  } else {
-    t3 = $[12];
-  }
-  return t3;
+        ]
+    }, void 0, true, {
+        fileName: "src/lexical/LexicalEditor.tsx",
+        lineNumber: 90,
+        columnNumber: 5
+    }, this);
 };
-function _temp(plugin) {
-  if (plugin.position === "aboveContainer") {
-    return _jsx(EditorPlugin, {
-      clientProps: plugin.clientProps,
-      plugin
-    }, plugin.key);
-  }
-}
-function _temp2(plugin_0) {
-  if (plugin_0.position === "top") {
-    return _jsx(EditorPlugin, {
-      clientProps: plugin_0.clientProps,
-      plugin: plugin_0
-    }, plugin_0.key);
-  }
-}
-function _temp3(plugin_2) {
-  if (plugin_2.position === "normal") {
-    return _jsx(EditorPlugin, {
-      clientProps: plugin_2.clientProps,
-      plugin: plugin_2
-    }, plugin_2.key);
-  }
-}
-function _temp4(plugin_3) {
-  if (plugin_3.position === "bottom") {
-    return _jsx(EditorPlugin, {
-      clientProps: plugin_3.clientProps,
-      plugin: plugin_3
-    }, plugin_3.key);
-  }
-}
-function _temp5(plugin_4) {
-  if (plugin_4.position === "belowContainer") {
-    return _jsx(EditorPlugin, {
-      clientProps: plugin_4.clientProps,
-      plugin: plugin_4
-    }, plugin_4.key);
-  }
-}
+
 //# sourceMappingURL=LexicalEditor.js.map

package/dist/lexical/LexicalEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"LexicalEditor.js","names":["c","_c","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","rtl","editorConfigContext","editor","isEditable","floatingAnchorElem","setFloatingAnchorElem","t0","Symbol","for","_floatingAnchorElem","onRef","t1","t2","uuid","console","error","parentEditor","registerChild","handleFocus","focusEditor","handleBlur","blurEditor","unregisterFocus","registerCommand","unregisterBlur","unregisterChild","t3","_jsxs","Fragment","children","features","plugins","map","_temp","className","dir","undefined","ref","_temp2","_jsx","contentEditable","ignoreSelectionChange","editorState","editor_0","tags","has","size","admin","hideDraggableBlockElement","anchorElem","hideAddBlockButton","plugin_1","plugin","position","desktopOnly","clientProps","key","markdownTransformers","length","_temp3","_temp4","_temp5","plugin_0","plugin_2","plugin_3","plugin_4"],"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' | 'rtl'>\n> = (props) => {\n  const { editorConfig, editorContainerRef, isSmallWidthViewport, onChange, rtl } = 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\" dir={rtl ? 'rtl' : undefined} 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"],"mappings":"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","ignoreList":[]}
+{"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' | 'rtl'>\n> = (props) => {\n  const { editorConfig, editorContainerRef, isSmallWidthViewport, onChange, rtl } = 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\" dir={rtl ? 'rtl' : undefined} 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","rtl","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","dir","undefined","ref","contentEditable","ErrorBoundary","ignoreSelectionChange","editorState","tags","has","size","admin","hideDraggableBlockElement","anchorElem","hideAddBlockButton","desktopOnly","markdownTransformers","length"],"mappings":"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"}

package/dist/lexical/LexicalEditor.scss

@@ -0,0 +1,58 @@
+@import '~@payloadcms/ui/scss';
+
+@layer payload-default {
+  .rich-text-lexical {
+    .editor {
+      position: relative;
+    }
+
+    .editor-container {
+      position: relative;
+
+      font-family: var(--font-serif);
+      font-size: base(0.8);
+      letter-spacing: 0.02em;
+
+      &[dir='rtl'] [dir='auto'] {
+        direction: rtl;
+      }
+    }
+
+    &--show-gutter {
+      > .rich-text-lexical__wrap
+        > .editor-container
+        > .editor-scroller
+        > .editor
+        > div
+        > .LexicalEditorTheme__placeholder {
+        left: 3rem;
+      }
+    }
+
+    &:not(&--show-gutter)
+      > .rich-text-lexical__wrap
+      > .editor-container
+      > .editor-scroller
+      > .editor
+      > div
+      > .LexicalEditorTheme__placeholder {
+      left: 0;
+    }
+
+    .LexicalEditorTheme__placeholder {
+      position: absolute;
+      top: 8px;
+      font-size: base(0.8);
+      line-height: 1.5;
+      color: var(--theme-elevation-500);
+      /* Prevent text selection */
+      user-select: none;
+      -webkit-user-select: none;
+      -moz-user-select: none;
+      -ms-user-select: none;
+
+      /* Make it behave more like a background element (no interaction) */
+      pointer-events: none;
+    }
+  }
+}