@payloadcms/richtext-lexical 3.0.0-beta.84 → 3.0.0-beta.86

package/dist/lexical/LexicalEditor.js

@@ -1,4 +1,6 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js';
 import { LexicalErrorBoundary } from '@lexical/react/LexicalErrorBoundary.js';
@@ -16,171 +18,214 @@ import { SlashMenuPlugin } from './plugins/SlashMenu/index.js';
 import { AddBlockHandlePlugin } from './plugins/handles/AddBlockHandlePlugin/index.js';
 import { DraggableBlockPlugin } from './plugins/handles/DraggableBlockPlugin/index.js';
 import { LexicalContentEditable } from './ui/ContentEditable.js';
-export const LexicalEditor = (props)=>{
-    const { editorConfig, editorContainerRef, onChange } = props;
-    const editorConfigContext = useEditorConfigContext();
-    const [editor] = useLexicalComposerContext();
-    const [floatingAnchorElem, setFloatingAnchorElem] = useState(null);
-    const onRef = (_floatingAnchorElem)=>{
-        if (_floatingAnchorElem !== null) {
-            setFloatingAnchorElem(_floatingAnchorElem);
-        }
+export const LexicalEditor = props => {
+  const $ = _c(22);
+  const {
+    editorConfig,
+    editorContainerRef,
+    onChange
+  } = props;
+  const editorConfigContext = useEditorConfigContext();
+  const [editor] = useLexicalComposerContext();
+  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] !== editorConfigContext || $[2] !== editor) {
+    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);
+      };
     };
-    useEffect(()=>{
-        if (!editorConfigContext?.uuid) {
-            console.error('Lexical Editor must be used within an EditorConfigProvider');
-            return;
+    t2 = [editor, editorConfigContext];
+    $[1] = editorConfigContext;
+    $[2] = editor;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t1 = $[3];
+    t2 = $[4];
+  }
+  useEffect(t1, t2);
+  const [isSmallWidthViewport, setIsSmallWidthViewport] = useState(false);
+  let t3;
+  let t4;
+  if ($[5] !== isSmallWidthViewport) {
+    t3 = () => {
+      const updateViewPortWidth = () => {
+        const isNextSmallWidthViewport = window.matchMedia("(max-width: 768px)").matches;
+        if (isNextSmallWidthViewport !== isSmallWidthViewport) {
+          setIsSmallWidthViewport(isNextSmallWidthViewport);
         }
-        if (editorConfigContext?.parentEditor?.uuid) {
-            editorConfigContext.parentEditor?.registerChild(editorConfigContext.uuid, editorConfigContext);
+      };
+      updateViewPortWidth();
+      window.addEventListener("resize", updateViewPortWidth);
+      return () => {
+        window.removeEventListener("resize", updateViewPortWidth);
+      };
+    };
+    t4 = [isSmallWidthViewport];
+    $[5] = isSmallWidthViewport;
+    $[6] = t3;
+    $[7] = t4;
+  } else {
+    t3 = $[6];
+    t4 = $[7];
+  }
+  useEffect(t3, t4);
+  let t5;
+  if ($[8] !== editorConfig.features || $[9] !== onChange || $[10] !== floatingAnchorElem || $[11] !== isSmallWidthViewport || $[12] !== editor || $[13] !== editorContainerRef) {
+    let t6;
+    if ($[15] !== onChange) {
+      t6 = (editorState, editor_0, tags) => {
+        if (!tags.has("focus") || tags.size > 1) {
+          if (onChange != null) {
+            onChange(editorState, editor_0, tags);
+          }
         }
-        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
-    ]);
-    const [isSmallWidthViewport, setIsSmallWidthViewport] = useState(false);
-    useEffect(()=>{
-        const updateViewPortWidth = ()=>{
-            const isNextSmallWidthViewport = window.matchMedia('(max-width: 768px)').matches;
-            if (isNextSmallWidthViewport !== isSmallWidthViewport) {
-                setIsSmallWidthViewport(isNextSmallWidthViewport);
-            }
-        };
-        updateViewPortWidth();
-        window.addEventListener('resize', updateViewPortWidth);
-        return ()=>{
-            window.removeEventListener('resize', updateViewPortWidth);
-        };
-    }, [
-        isSmallWidthViewport
-    ]);
-    return /*#__PURE__*/ _jsxs(React.Fragment, {
-        children: [
-            editorConfig.features.plugins.map((plugin)=>{
-                if (plugin.position === 'aboveContainer') {
-                    return /*#__PURE__*/ _jsx(EditorPlugin, {
-                        clientProps: plugin.clientProps,
-                        plugin: plugin
-                    }, plugin.key);
-                }
-            }),
-            /*#__PURE__*/ _jsxs("div", {
-                className: "editor-container",
-                ref: editorContainerRef,
-                children: [
-                    editorConfig.features.plugins.map((plugin)=>{
-                        if (plugin.position === 'top') {
-                            return /*#__PURE__*/ _jsx(EditorPlugin, {
-                                clientProps: plugin.clientProps,
-                                plugin: plugin
-                            }, plugin.key);
-                        }
-                    }),
-                    /*#__PURE__*/ _jsx(RichTextPlugin, {
-                        ErrorBoundary: LexicalErrorBoundary,
-                        contentEditable: /*#__PURE__*/ _jsx("div", {
-                            className: "editor-scroller",
-                            children: /*#__PURE__*/ _jsx("div", {
-                                className: "editor",
-                                ref: onRef,
-                                children: /*#__PURE__*/ _jsx(LexicalContentEditable, {})
-                            })
-                        })
-                    }),
-                    /*#__PURE__*/ _jsx(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);
-                            }
-                        }
-                    }),
-                    floatingAnchorElem && /*#__PURE__*/ _jsxs(React.Fragment, {
-                        children: [
-                            !isSmallWidthViewport && editor.isEditable() && /*#__PURE__*/ _jsxs(React.Fragment, {
-                                children: [
-                                    /*#__PURE__*/ _jsx(DraggableBlockPlugin, {
-                                        anchorElem: floatingAnchorElem
-                                    }),
-                                    /*#__PURE__*/ _jsx(AddBlockHandlePlugin, {
-                                        anchorElem: floatingAnchorElem
-                                    })
-                                ]
-                            }),
-                            editorConfig.features.plugins.map((plugin)=>{
-                                if (plugin.position === 'floatingAnchorElem' && !(plugin.desktopOnly === true && isSmallWidthViewport)) {
-                                    return /*#__PURE__*/ _jsx(EditorPlugin, {
-                                        anchorElem: floatingAnchorElem,
-                                        clientProps: plugin.clientProps,
-                                        plugin: plugin
-                                    }, plugin.key);
-                                }
-                            }),
-                            editor.isEditable() && /*#__PURE__*/ _jsx(React.Fragment, {
-                                children: /*#__PURE__*/ _jsx(SlashMenuPlugin, {
-                                    anchorElem: floatingAnchorElem
-                                })
-                            })
-                        ]
-                    }),
-                    editor.isEditable() && /*#__PURE__*/ _jsxs(React.Fragment, {
-                        children: [
-                            /*#__PURE__*/ _jsx(HistoryPlugin, {}),
-                            editorConfig?.features?.markdownTransformers?.length > 0 && /*#__PURE__*/ _jsx(MarkdownShortcutPlugin, {})
-                        ]
-                    }),
-                    /*#__PURE__*/ _jsx(TabIndentationPlugin, {}),
-                    editorConfig.features.plugins.map((plugin)=>{
-                        if (plugin.position === 'normal') {
-                            return /*#__PURE__*/ _jsx(EditorPlugin, {
-                                clientProps: plugin.clientProps,
-                                plugin: plugin
-                            }, plugin.key);
-                        }
-                    }),
-                    editorConfig.features.plugins.map((plugin)=>{
-                        if (plugin.position === 'bottom') {
-                            return /*#__PURE__*/ _jsx(EditorPlugin, {
-                                clientProps: plugin.clientProps,
-                                plugin: plugin
-                            }, plugin.key);
-                        }
-                    })
-                ]
-            }),
-            editorConfig.features.plugins.map((plugin)=>{
-                if (plugin.position === 'belowContainer') {
-                    return /*#__PURE__*/ _jsx(EditorPlugin, {
-                        clientProps: plugin.clientProps,
-                        plugin: plugin
-                    }, plugin.key);
-                }
+      };
+      $[15] = onChange;
+      $[16] = t6;
+    } else {
+      t6 = $[16];
+    }
+    let t7;
+    if ($[17] !== floatingAnchorElem || $[18] !== isSmallWidthViewport || $[19] !== editor || $[20] !== editorConfig) {
+      t7 = floatingAnchorElem && _jsxs(React.Fragment, {
+        children: [!isSmallWidthViewport && editor.isEditable() && _jsxs(React.Fragment, {
+          children: [_jsx(DraggableBlockPlugin, {
+            anchorElem: floatingAnchorElem
+          }), _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);
+          }
+        }), editor.isEditable() && _jsx(React.Fragment, {
+          children: _jsx(SlashMenuPlugin, {
+            anchorElem: floatingAnchorElem
+          })
+        })]
+      });
+      $[17] = floatingAnchorElem;
+      $[18] = isSmallWidthViewport;
+      $[19] = editor;
+      $[20] = editorConfig;
+      $[21] = t7;
+    } else {
+      t7 = $[21];
+    }
+    t5 = _jsxs(React.Fragment, {
+      children: [editorConfig.features.plugins.map(_temp), _jsxs("div", {
+        className: "editor-container",
+        ref: editorContainerRef,
+        children: [editorConfig.features.plugins.map(_temp2), _jsx(RichTextPlugin, {
+          ErrorBoundary: LexicalErrorBoundary,
+          contentEditable: _jsx("div", {
+            className: "editor-scroller",
+            children: _jsx("div", {
+              className: "editor",
+              ref: onRef,
+              children: _jsx(LexicalContentEditable, {})
             })
-        ]
+          })
+        }), _jsx(OnChangePlugin, {
+          ignoreSelectionChange: true,
+          onChange: t6
+        }), t7, editor.isEditable() && _jsxs(React.Fragment, {
+          children: [_jsx(HistoryPlugin, {}), editorConfig?.features?.markdownTransformers?.length > 0 && _jsx(MarkdownShortcutPlugin, {})]
+        }), _jsx(TabIndentationPlugin, {}), editorConfig.features.plugins.map(_temp3), editorConfig.features.plugins.map(_temp4)]
+      }), editorConfig.features.plugins.map(_temp5)]
     });
+    $[8] = editorConfig.features;
+    $[9] = onChange;
+    $[10] = floatingAnchorElem;
+    $[11] = isSmallWidthViewport;
+    $[12] = editor;
+    $[13] = editorContainerRef;
+    $[14] = t5;
+  } else {
+    t5 = $[14];
+  }
+  return t5;
 };
-
+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,"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 { TabIndentationPlugin } from '@lexical/react/LexicalTabIndentationPlugin.js'\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 { EditorPlugin } from './EditorPlugin.js'\nimport './LexicalEditor.scss'\nimport { useEditorConfigContext } from './config/client/EditorConfigProvider.js'\nimport { MarkdownShortcutPlugin } from './plugins/MarkdownShortcut/index.js'\nimport { SlashMenuPlugin } from './plugins/SlashMenu/index.js'\nimport { AddBlockHandlePlugin } from './plugins/handles/AddBlockHandlePlugin/index.js'\nimport { DraggableBlockPlugin } from './plugins/handles/DraggableBlockPlugin/index.js'\nimport { LexicalContentEditable } from './ui/ContentEditable.js'\n\nexport const LexicalEditor: React.FC<\n  {\n    editorContainerRef: React.RefObject<HTMLDivElement>\n  } & Pick<LexicalProviderProps, 'editorConfig' | 'onChange'>\n> = (props) => {\n  const { editorConfig, editorContainerRef, onChange } = props\n  const editorConfigContext = useEditorConfigContext()\n  const [editor] = useLexicalComposerContext()\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  const [isSmallWidthViewport, setIsSmallWidthViewport] = useState<boolean>(false)\n\n  useEffect(() => {\n    const updateViewPortWidth = () => {\n      const isNextSmallWidthViewport = window.matchMedia('(max-width: 768px)').matches\n\n      if (isNextSmallWidthViewport !== isSmallWidthViewport) {\n        setIsSmallWidthViewport(isNextSmallWidthViewport)\n      }\n    }\n    updateViewPortWidth()\n    window.addEventListener('resize', updateViewPortWidth)\n\n    return () => {\n      window.removeEventListener('resize', updateViewPortWidth)\n    }\n  }, [isSmallWidthViewport])\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          ErrorBoundary={LexicalErrorBoundary}\n          contentEditable={\n            <div className=\"editor-scroller\">\n              <div className=\"editor\" ref={onRef}>\n                <LexicalContentEditable />\n              </div>\n            </div>\n          }\n        />\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) onChange(editorState, editor, tags)\n            }\n          }}\n        />\n        {floatingAnchorElem && (\n          <React.Fragment>\n            {!isSmallWidthViewport && editor.isEditable() && (\n              <React.Fragment>\n                <DraggableBlockPlugin anchorElem={floatingAnchorElem} />\n                <AddBlockHandlePlugin anchorElem={floatingAnchorElem} />\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            {editor.isEditable() && (\n              <React.Fragment>\n                <SlashMenuPlugin anchorElem={floatingAnchorElem} />\n              </React.Fragment>\n            )}\n          </React.Fragment>\n        )}\n        {editor.isEditable() && (\n          <React.Fragment>\n            <HistoryPlugin />\n            {editorConfig?.features?.markdownTransformers?.length > 0 && <MarkdownShortcutPlugin />}\n          </React.Fragment>\n        )}\n\n        <TabIndentationPlugin />\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","TabIndentationPlugin","BLUR_COMMAND","COMMAND_PRIORITY_LOW","FOCUS_COMMAND","React","useEffect","useState","EditorPlugin","useEditorConfigContext","MarkdownShortcutPlugin","SlashMenuPlugin","AddBlockHandlePlugin","DraggableBlockPlugin","LexicalContentEditable","LexicalEditor","props","editorConfig","editorContainerRef","onChange","editorConfigContext","editor","floatingAnchorElem","setFloatingAnchorElem","onRef","_floatingAnchorElem","uuid","console","error","parentEditor","registerChild","handleFocus","focusEditor","handleBlur","blurEditor","unregisterFocus","registerCommand","unregisterBlur","unregisterChild","isSmallWidthViewport","setIsSmallWidthViewport","updateViewPortWidth","isNextSmallWidthViewport","window","matchMedia","matches","addEventListener","removeEventListener","Fragment","features","plugins","map","plugin","position","clientProps","key","div","className","ref","ErrorBoundary","contentEditable","ignoreSelectionChange","editorState","tags","has","size","isEditable","anchorElem","desktopOnly","markdownTransformers","length"],"mappings":"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"}
+{"version":3,"file":"LexicalEditor.js","names":["c","_c","useLexicalComposerContext","LexicalErrorBoundary","HistoryPlugin","OnChangePlugin","RichTextPlugin","TabIndentationPlugin","BLUR_COMMAND","COMMAND_PRIORITY_LOW","FOCUS_COMMAND","React","useEffect","useState","EditorPlugin","useEditorConfigContext","MarkdownShortcutPlugin","SlashMenuPlugin","AddBlockHandlePlugin","DraggableBlockPlugin","LexicalContentEditable","LexicalEditor","props","$","editorConfig","editorContainerRef","onChange","editorConfigContext","editor","floatingAnchorElem","setFloatingAnchorElem","t0","Symbol","for","_floatingAnchorElem","onRef","t1","t2","uuid","console","error","parentEditor","registerChild","handleFocus","focusEditor","handleBlur","blurEditor","unregisterFocus","registerCommand","unregisterBlur","unregisterChild","isSmallWidthViewport","setIsSmallWidthViewport","t3","t4","updateViewPortWidth","isNextSmallWidthViewport","window","matchMedia","matches","addEventListener","removeEventListener","t5","features","t6","editorState","editor_0","tags","has","size","t7","_jsxs","Fragment","children","isEditable","_jsx","anchorElem","plugins","map","plugin_1","plugin","position","desktopOnly","clientProps","key","_temp","className","ref","_temp2","ErrorBoundary","contentEditable","ignoreSelectionChange","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 { TabIndentationPlugin } from '@lexical/react/LexicalTabIndentationPlugin.js'\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 { EditorPlugin } from './EditorPlugin.js'\nimport './LexicalEditor.scss'\nimport { useEditorConfigContext } from './config/client/EditorConfigProvider.js'\nimport { MarkdownShortcutPlugin } from './plugins/MarkdownShortcut/index.js'\nimport { SlashMenuPlugin } from './plugins/SlashMenu/index.js'\nimport { AddBlockHandlePlugin } from './plugins/handles/AddBlockHandlePlugin/index.js'\nimport { DraggableBlockPlugin } from './plugins/handles/DraggableBlockPlugin/index.js'\nimport { LexicalContentEditable } from './ui/ContentEditable.js'\n\nexport const LexicalEditor: React.FC<\n  {\n    editorContainerRef: React.RefObject<HTMLDivElement>\n  } & Pick<LexicalProviderProps, 'editorConfig' | 'onChange'>\n> = (props) => {\n  const { editorConfig, editorContainerRef, onChange } = props\n  const editorConfigContext = useEditorConfigContext()\n  const [editor] = useLexicalComposerContext()\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  const [isSmallWidthViewport, setIsSmallWidthViewport] = useState<boolean>(false)\n\n  useEffect(() => {\n    const updateViewPortWidth = () => {\n      const isNextSmallWidthViewport = window.matchMedia('(max-width: 768px)').matches\n\n      if (isNextSmallWidthViewport !== isSmallWidthViewport) {\n        setIsSmallWidthViewport(isNextSmallWidthViewport)\n      }\n    }\n    updateViewPortWidth()\n    window.addEventListener('resize', updateViewPortWidth)\n\n    return () => {\n      window.removeEventListener('resize', updateViewPortWidth)\n    }\n  }, [isSmallWidthViewport])\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          ErrorBoundary={LexicalErrorBoundary}\n          contentEditable={\n            <div className=\"editor-scroller\">\n              <div className=\"editor\" ref={onRef}>\n                <LexicalContentEditable />\n              </div>\n            </div>\n          }\n        />\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) onChange(editorState, editor, tags)\n            }\n          }}\n        />\n        {floatingAnchorElem && (\n          <React.Fragment>\n            {!isSmallWidthViewport && editor.isEditable() && (\n              <React.Fragment>\n                <DraggableBlockPlugin anchorElem={floatingAnchorElem} />\n                <AddBlockHandlePlugin anchorElem={floatingAnchorElem} />\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            {editor.isEditable() && (\n              <React.Fragment>\n                <SlashMenuPlugin anchorElem={floatingAnchorElem} />\n              </React.Fragment>\n            )}\n          </React.Fragment>\n        )}\n        {editor.isEditable() && (\n          <React.Fragment>\n            <HistoryPlugin />\n            {editorConfig?.features?.markdownTransformers?.length > 0 && <MarkdownShortcutPlugin />}\n          </React.Fragment>\n        )}\n\n        <TabIndentationPlugin />\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":[]}

package/dist/lexical/LexicalProvider.js

@@ -1,4 +1,5 @@
 'use client';
+
 import { jsx as _jsx } from "react/jsx-runtime";
 import { LexicalComposer } from '@lexical/react/LexicalComposer.js';
 import * as React from 'react';
@@ -6,93 +7,93 @@ import { useMemo } from 'react';
 import { LexicalEditor as LexicalEditorComponent } from './LexicalEditor.js';
 import { EditorConfigProvider, useEditorConfigContext } from './config/client/EditorConfigProvider.js';
 import { getEnabledNodes } from './nodes/index.js';
-const NestProviders = ({ children, providers })=>{
-    if (!providers?.length) {
-        return children;
-    }
-    const Component = providers[0];
-    if (providers.length > 1) {
-        return /*#__PURE__*/ _jsx(Component, {
-            children: /*#__PURE__*/ _jsx(NestProviders, {
-                providers: providers.slice(1),
-                children: children
-            })
-        });
-    }
-    return /*#__PURE__*/ _jsx(Component, {
+const NestProviders = ({
+  children,
+  providers
+}) => {
+  if (!providers?.length) {
+    return children;
+  }
+  const Component = providers[0];
+  if (providers.length > 1) {
+    return /*#__PURE__*/_jsx(Component, {
+      children: /*#__PURE__*/_jsx(NestProviders, {
+        providers: providers.slice(1),
         children: children
+      })
     });
+  }
+  return /*#__PURE__*/_jsx(Component, {
+    children: children
+  });
 };
-export const LexicalProvider = (props)=>{
-    const { editorConfig, field, onChange, path, readOnly, value } = props;
-    const parentContext = useEditorConfigContext();
-    const editorContainerRef = React.useRef(null);
-    const processedValue = useMemo(()=>{
-        let processed = value;
-        if (editorConfig?.features?.hooks?.load?.length) {
-            editorConfig.features.hooks.load.forEach((hook)=>{
-                processed = hook({
-                    incomingEditorState: processed
-                });
-            });
-        }
-        return processed;
-    }, [
-        editorConfig,
-        value
-    ]);
-    // useMemo for the initialConfig that depends on readOnly and processedValue
-    const initialConfig = useMemo(()=>{
-        if (processedValue && typeof processedValue !== 'object') {
-            throw new Error('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: ' + JSON.stringify(processedValue));
-        }
-        if (processedValue && Array.isArray(processedValue) && !('root' in processedValue)) {
-            throw new Error('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/beta/lexical/migration#migration-via-migration-script-recommended');
-        }
-        if (processedValue && 'jsonContent' in processedValue) {
-            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/beta/lexical/migration#migrating-from-payload-plugin-lexical');
-        }
-        return {
-            editable: readOnly !== true,
-            editorState: processedValue != null ? JSON.stringify(processedValue) : undefined,
-            namespace: editorConfig.lexical.namespace,
-            nodes: [
-                ...getEnabledNodes({
-                    editorConfig
-                })
-            ],
-            onError: (error)=>{
-                throw error;
-            },
-            theme: editorConfig.lexical.theme
-        };
-    }, [
-        editorConfig,
-        processedValue,
-        readOnly
-    ]);
-    if (!initialConfig) {
-        return /*#__PURE__*/ _jsx("p", {
-            children: "Loading..."
+export const LexicalProvider = props => {
+  const {
+    editorConfig,
+    field,
+    onChange,
+    path,
+    readOnly,
+    value
+  } = props;
+  const parentContext = useEditorConfigContext();
+  const editorContainerRef = React.useRef(null);
+  const processedValue = useMemo(() => {
+    let processed = value;
+    if (editorConfig?.features?.hooks?.load?.length) {
+      editorConfig.features.hooks.load.forEach(hook => {
+        processed = hook({
+          incomingEditorState: processed
         });
+      });
+    }
+    return processed;
+  }, [editorConfig, value]);
+  // useMemo for the initialConfig that depends on readOnly and processedValue
+  const initialConfig = useMemo(() => {
+    if (processedValue && typeof processedValue !== 'object') {
+      throw new Error('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: ' + JSON.stringify(processedValue));
     }
-    return /*#__PURE__*/ _jsx(LexicalComposer, {
-        initialConfig: initialConfig,
-        children: /*#__PURE__*/ _jsx(EditorConfigProvider, {
-            editorConfig: editorConfig,
-            editorContainerRef: editorContainerRef,
-            field: field,
-            parentContext: parentContext,
-            children: /*#__PURE__*/ _jsx(NestProviders, {
-                providers: editorConfig.features.providers,
-                children: /*#__PURE__*/ _jsx(LexicalEditorComponent, {
-                    editorConfig: editorConfig,
-                    editorContainerRef: editorContainerRef,
-                    onChange: onChange
-                })
-            })
+    if (processedValue && Array.isArray(processedValue) && !('root' in processedValue)) {
+      throw new Error('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/beta/lexical/migration#migration-via-migration-script-recommended');
+    }
+    if (processedValue && 'jsonContent' in processedValue) {
+      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/beta/lexical/migration#migrating-from-payload-plugin-lexical');
+    }
+    return {
+      editable: readOnly !== true,
+      editorState: processedValue != null ? JSON.stringify(processedValue) : undefined,
+      namespace: editorConfig.lexical.namespace,
+      nodes: [...getEnabledNodes({
+        editorConfig
+      })],
+      onError: error => {
+        throw error;
+      },
+      theme: editorConfig.lexical.theme
+    };
+  }, [editorConfig, processedValue, readOnly]);
+  if (!initialConfig) {
+    return /*#__PURE__*/_jsx("p", {
+      children: "Loading..."
+    });
+  }
+  return /*#__PURE__*/_jsx(LexicalComposer, {
+    initialConfig: initialConfig,
+    children: /*#__PURE__*/_jsx(EditorConfigProvider, {
+      editorConfig: editorConfig,
+      editorContainerRef: editorContainerRef,
+      field: field,
+      parentContext: parentContext,
+      children: /*#__PURE__*/_jsx(NestProviders, {
+        providers: editorConfig.features.providers,
+        children: /*#__PURE__*/_jsx(LexicalEditorComponent, {
+          editorConfig: editorConfig,
+          editorContainerRef: editorContainerRef,
+          onChange: onChange
         })
-    }, path);
+      })
+    })
+  }, path);
 };
-
 //# sourceMappingURL=LexicalProvider.js.map