@lexical/react 0.1.14 → 0.1.17

package/{withSubscriptions.js.flow → LexicalMarkdownShortcutPlugin.js.flow}

@@ -7,7 +7,4 @@
  * @flow strict
  */
 
-type UnsubscribeFn = () => void;
-declare export default function withSubscriptions(
-  ...unsubscribe: Array<UnsubscribeFn>
-): () => void;
+declare export default function LexicalMarkdownShortcutPlugin(): React$Node;

package/LexicalMarkdownShortcutPlugin.prod.js

@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var b=require("@lexical/react/LexicalComposerContext"),c=require("@lexical/markdown"),d=require("@lexical/react/LexicalHorizontalRuleNode"),e=require("react");function f(a){e.useEffect(()=>c.registerMarkdownShortcuts(a,d.$createHorizontalRuleNode),[a])}module.exports=function(){const [a]=b.useLexicalComposerContext();f(a);return null};

package/LexicalNestedComposer.dev.js

@@ -6,9 +6,9 @@
  */
 'use strict';
 
-var LexicalComposer = require('@lexical/react/LexicalComposer');
 var LexicalComposerContext = require('@lexical/react/LexicalComposerContext');
 var LexicalOnChangePlugin = require('@lexical/react/LexicalOnChangePlugin');
+var lexical = require('lexical');
 var React = require('react');
 
 /**
@@ -33,8 +33,7 @@ function LexicalNestedComposer({
 
   const [nestedEditor, setNestedEditor] = React.useState(null);
   const {
-    decoratorEditor,
-    theme
+    decoratorEditor
   } = initialConfig;
   React.useEffect(() => {
     if (!decoratorEditor.isEmpty() && nestedEditor !== null) {
@@ -42,6 +41,22 @@ function LexicalNestedComposer({
     } // eslint-disable-next-line react-hooks/exhaustive-deps
 
   }, [nestedEditor]);
+  const composerContext = React.useMemo(() => {
+    const [parentEditor, parentContextContext] = parentContext;
+    const composerTheme = initialConfig.theme || parentContextContext.getTheme() || undefined;
+    const context = LexicalComposerContext.createLexicalComposerContext(parentContext, composerTheme);
+    const editor = lexical.createEditor({
+      context,
+      namespace: parentEditor._config.namespace,
+      nodes: Array.from(parentEditor._nodes.values()).map(registeredNode => registeredNode.klass),
+      onError: parentEditor._onError,
+      parentEditor,
+      theme: composerTheme
+    });
+    return [editor, context];
+  }, // We only do this for init
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  []);
   const onChange = React.useCallback((editorState, nextNestedEditor) => {
     if (!editorState.isEmpty()) {
       decoratorEditor.set(nextNestedEditor);
@@ -50,18 +65,8 @@ function LexicalNestedComposer({
     }
   }, // eslint-disable-next-line react-hooks/exhaustive-deps
   []);
-  return /*#__PURE__*/React.createElement(LexicalComposer, {
-    initialConfig: React.useMemo(() => {
-      const [parentEditor] = parentContext;
-      return {
-        editor: decoratorEditor.editor,
-        namespace: parentEditor._config.namespace,
-        nodes: Array.from(parentEditor._nodes.values()).map(registeredNode => registeredNode.klass),
-        onError: parentEditor._onError,
-        theme
-      }; // We only do this for init
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [])
+  return /*#__PURE__*/React.createElement(LexicalComposerContext.LexicalComposerContext.Provider, {
+    value: composerContext
   }, /*#__PURE__*/React.createElement(LexicalOnChangePlugin, {
     onChange: onChange
   }), children);

package/LexicalNestedComposer.prod.js

@@ -4,6 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var a=require("@lexical/react/LexicalComposer"),h=require("@lexical/react/LexicalComposerContext"),k=require("@lexical/react/LexicalOnChangePlugin"),l=require("react");
-module.exports=function({initialConfig:e={},children:m}){const g=l.useContext(h.LexicalComposerContext);if(null==g)throw Error("Unexpected parent context null on a nested composer");const [f,n]=l.useState(null),{decoratorEditor:c,theme:p}=e;l.useEffect(()=>{c.isEmpty()||null===f||c.init(f)},[f]);e=l.useCallback((b,d)=>{b.isEmpty()?n(d):c.set(d)},[]);return l.createElement(a,{initialConfig:l.useMemo(()=>{const [b]=g;return{editor:c.editor,namespace:b._config.namespace,nodes:Array.from(b._nodes.values()).map(d=>
-d.klass),onError:b._onError,theme:p}},[])},l.createElement(k,{onChange:e}),m)};
+var a=require("@lexical/react/LexicalComposerContext"),d=require("@lexical/react/LexicalOnChangePlugin"),m=require("lexical"),n=require("react");
+module.exports=function({initialConfig:h={},children:p}){const e=n.useContext(a.LexicalComposerContext);if(null==e)throw Error("Minified Lexical error #72; see codes.json for the full message or use the non-minified dev environment for full errors and additional helpful warnings.");const [f,q]=n.useState(null),{decoratorEditor:g}=h;n.useEffect(()=>{g.isEmpty()||null===f||g.init(f)},[f]);const t=n.useMemo(()=>{const [b,c]=e,k=h.theme||c.getTheme()||void 0,l=a.createLexicalComposerContext(e,k);return[m.createEditor({context:l,
+namespace:b._config.namespace,nodes:Array.from(b._nodes.values()).map(r=>r.klass),onError:b._onError,parentEditor:b,theme:k}),l]},[]),u=n.useCallback((b,c)=>{b.isEmpty()?q(c):g.set(c)},[]);return n.createElement(a.LexicalComposerContext.Provider,{value:t},n.createElement(d,{onChange:u}),p)};

package/LexicalOnChangePlugin.dev.js

@@ -39,18 +39,31 @@ var useLayoutEffect = useLayoutEffectImpl;
  * 
  */
 function OnChangePlugin({
+  ignoreInitialChange = true,
+  ignoreSelectionChange = false,
   onChange
 }) {
   const [editor] = LexicalComposerContext.useLexicalComposerContext();
   useLayoutEffect(() => {
     if (onChange) {
-      return editor.addListener('update', ({
-        editorState
+      return editor.registerUpdateListener(({
+        editorState,
+        dirtyElements,
+        dirtyLeaves,
+        prevEditorState
       }) => {
+        if (ignoreSelectionChange && dirtyElements.size === 0 && dirtyLeaves.size === 0) {
+          return;
+        }
+
+        if (ignoreInitialChange && prevEditorState.isEmpty()) {
+          return;
+        }
+
         onChange(editorState, editor);
       });
     }
-  }, [editor, onChange]);
+  }, [editor, ignoreInitialChange, ignoreSelectionChange, onChange]);
   return null;
 }
 

package/LexicalOnChangePlugin.prod.js

@@ -4,4 +4,5 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var c=require("@lexical/react/LexicalComposerContext"),d=require("react"),e="undefined"!==typeof window&&"undefined"!==typeof window.document&&"undefined"!==typeof window.document.createElement?d.useLayoutEffect:d.useEffect;module.exports=function({onChange:a}){const [b]=c.useLexicalComposerContext();e(()=>{if(a)return b.addListener("update",({editorState:f})=>{a(f,b)})},[b,a]);return null};
+var c=require("@lexical/react/LexicalComposerContext"),f=require("react"),g="undefined"!==typeof window&&"undefined"!==typeof window.document&&"undefined"!==typeof window.document.createElement?f.useLayoutEffect:f.useEffect;
+module.exports=function({ignoreInitialChange:d=!0,ignoreSelectionChange:e=!1,onChange:a}){const [b]=c.useLexicalComposerContext();g(()=>{if(a)return b.registerUpdateListener(({editorState:h,dirtyElements:k,dirtyLeaves:l,prevEditorState:m})=>{e&&0===k.size&&0===l.size||d&&m.isEmpty()||a(h,b)})},[b,d,e,a]);return null};

package/LexicalPlainTextPlugin.dev.js

@@ -8,78 +8,11 @@
 
 var LexicalComposerContext = require('@lexical/react/LexicalComposerContext');
 var React = require('react');
-var lexical = require('lexical');
+var text = require('@lexical/text');
 var reactDom = require('react-dom');
-var clipboard = require('@lexical/clipboard');
-
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * 
- */
-function $textContent() {
-  const root = lexical.$getRoot();
-  return root.getTextContent();
-}
-function $isTextContentEmpty(isEditorComposing, trim = true) {
-  if (isEditorComposing) {
-    return false;
-  }
-
-  let text = $textContent();
-
-  if (trim) {
-    text = text.trim();
-  }
-
-  return text === '';
-}
-function $canShowPlaceholder(isComposing) {
-  if (!$isTextContentEmpty(isComposing, false)) {
-    return false;
-  }
-
-  const root = lexical.$getRoot();
-  const children = root.getChildren();
-  const childrenLength = children.length;
-
-  if (childrenLength > 1) {
-    return false;
-  }
-
-  for (let i = 0; i < childrenLength; i++) {
-    const topBlock = children[i];
-
-    if (lexical.$isElementNode(topBlock)) {
-      if (topBlock.__type !== 'paragraph') {
-        return false;
-      }
-
-      if (topBlock.__indent !== 0) {
-        return false;
-      }
-
-      const topBlockChildren = topBlock.getChildren();
-      const topBlockChildrenLength = topBlockChildren.length;
-
-      for (let s = 0; s < topBlockChildrenLength; s++) {
-        const child = topBlockChildren[i];
-
-        if (!lexical.$isTextNode(child)) {
-          return false;
-        }
-      }
-    }
-  }
-
-  return true;
-}
-function $canShowPlaceholderCurry(isEditorComposing) {
-  return () => $canShowPlaceholder(isEditorComposing);
-}
+var dragon = require('@lexical/dragon');
+var plainText = require('@lexical/plain-text');
+var utils = require('@lexical/utils');
 
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
@@ -111,13 +44,13 @@ var useLayoutEffect = useLayoutEffectImpl;
  * 
  */
 function useLexicalCanShowPlaceholder(editor) {
-  const [canShowPlaceholder, setCanShowPlaceholder] = React.useState(editor.getEditorState().read($canShowPlaceholderCurry(editor.isComposing())));
+  const [canShowPlaceholder, setCanShowPlaceholder] = React.useState(editor.getEditorState().read(text.$canShowPlaceholderCurry(editor.isComposing())));
   useLayoutEffect(() => {
-    return editor.addListener('update', ({
+    return editor.registerUpdateListener(({
       editorState
     }) => {
       const isComposing = editor.isComposing();
-      const currentCanShowPlaceholder = editorState.read($canShowPlaceholderCurry(isComposing));
+      const currentCanShowPlaceholder = editorState.read(text.$canShowPlaceholderCurry(isComposing));
       setCanShowPlaceholder(currentCanShowPlaceholder);
     });
   }, [editor]);
@@ -136,7 +69,7 @@ function useDecorators(editor) {
   const [decorators, setDecorators] = React.useState(() => editor.getDecorators()); // Subscribe to changes
 
   useLayoutEffect(() => {
-    return editor.addListener('decorator', nextDecorators => {
+    return editor.registerDecoratorListener(nextDecorators => {
       reactDom.flushSync(() => {
         setDecorators(nextDecorators);
       });
@@ -161,225 +94,6 @@ function useDecorators(editor) {
   }, [decorators, editor]);
 }
 
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * 
- */
-
-function $moveCaretSelection(selection, isHoldingShift, isBackward, granularity) {
-  selection.modify(isHoldingShift ? 'extend' : 'move', isBackward, granularity);
-}
-function $isParentElementRTL(selection) {
-  const anchorNode = selection.anchor.getNode();
-  const parent = lexical.$isRootNode(anchorNode) ? anchorNode : anchorNode.getParentOrThrow();
-  return parent.getDirection() === 'rtl';
-}
-function $moveCharacter(selection, isHoldingShift, isBackward) {
-  const isRTL = $isParentElementRTL(selection);
-  $moveCaretSelection(selection, isHoldingShift, isBackward ? !isRTL : isRTL, 'character');
-}
-function $shouldOverrideDefaultCharacterSelection(selection, isBackward) {
-  const possibleNode = lexical.$getDecoratorNode(selection.focus, isBackward);
-  return lexical.$isDecoratorNode(possibleNode) && !possibleNode.isIsolated();
-}
-
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * 
- */
-function onPasteForPlainText(event, editor) {
-  event.preventDefault();
-  editor.update(() => {
-    const selection = lexical.$getSelection();
-    const clipboardData = event.clipboardData;
-
-    if (clipboardData != null && lexical.$isRangeSelection(selection)) {
-      clipboard.$insertDataTransferForPlainText(clipboardData, selection);
-    }
-  });
-}
-function onCutForPlainText(event, editor) {
-  onCopyForPlainText(event, editor);
-  editor.update(() => {
-    const selection = lexical.$getSelection();
-
-    if (lexical.$isRangeSelection(selection)) {
-      selection.removeText();
-    }
-  });
-}
-function onCopyForPlainText(event, editor) {
-  event.preventDefault();
-  editor.update(() => {
-    const clipboardData = event.clipboardData;
-    const selection = lexical.$getSelection();
-
-    if (selection !== null) {
-      if (clipboardData != null) {
-        const htmlString = clipboard.getHtmlContent(editor);
-
-        if (htmlString !== null) {
-          clipboardData.setData('text/html', htmlString);
-        }
-
-        clipboardData.setData('text/plain', selection.getTextContent());
-      }
-    }
-  });
-}
-
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * 
- */
-// Convoluted logic to make this work with Flow. Order matters.
-const options = {
-  tag: 'history-merge'
-};
-const setEditorOptions = options;
-const updateOptions = options;
-function initializeEditor(editor, initialEditorState) {
-  if (initialEditorState === null) {
-    return;
-  } else if (initialEditorState === undefined) {
-    editor.update(() => {
-      const root = lexical.$getRoot();
-      const firstChild = root.getFirstChild();
-
-      if (firstChild === null) {
-        const paragraph = lexical.$createParagraphNode();
-        root.append(paragraph);
-        const activeElement = document.activeElement;
-
-        if (lexical.$getSelection() !== null || activeElement !== null && activeElement === editor.getRootElement()) {
-          paragraph.select();
-        }
-      }
-    }, updateOptions);
-  } else if (initialEditorState !== null) {
-    switch (typeof initialEditorState) {
-      case 'string':
-        {
-          const parsedEditorState = editor.parseEditorState(initialEditorState);
-          editor.setEditorState(parsedEditorState, setEditorOptions);
-          break;
-        }
-
-      case 'object':
-        {
-          editor.setEditorState(initialEditorState, setEditorOptions);
-          break;
-        }
-
-      case 'function':
-        {
-          editor.update(initialEditorState, updateOptions);
-          break;
-        }
-    }
-  }
-}
-
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * 
- */
-function useLexicalDragonSupport(editor) {
-  React.useEffect(() => {
-    const handler = event => {
-      const rootElement = editor.getRootElement();
-
-      if (document.activeElement !== rootElement) {
-        return;
-      }
-
-      const data = event.data;
-
-      if (typeof data === 'string') {
-        let parsedData;
-
-        try {
-          parsedData = JSON.parse(data);
-        } catch (e) {
-          return;
-        }
-
-        if (parsedData && parsedData.protocol === 'nuanria_messaging' && parsedData.type === 'request') {
-          const payload = parsedData.payload;
-
-          if (payload && payload.functionId === 'makeChanges') {
-            const args = payload.args;
-
-            if (args) {
-              const [elementStart, elementLength, text, selStart, selLength, formatCommand] = args; // TODO: we should probably handle formatCommand somehow?
-              editor.update(() => {
-                const selection = lexical.$getSelection();
-
-                if (lexical.$isRangeSelection(selection)) {
-                  const anchor = selection.anchor;
-                  let anchorNode = anchor.getNode();
-                  let setSelStart = 0;
-                  let setSelEnd = 0;
-
-                  if (lexical.$isTextNode(anchorNode)) {
-                    // set initial selection
-                    if (elementStart >= 0 && elementLength >= 0) {
-                      setSelStart = elementStart;
-                      setSelEnd = elementStart + elementLength; // If the offset is more than the end, make it the end
-
-                      selection.setTextNodeRange(anchorNode, setSelStart, anchorNode, setSelEnd);
-                    }
-                  }
-
-                  if (setSelStart !== setSelEnd || text !== '') {
-                    selection.insertRawText(text);
-                    anchorNode = anchor.getNode();
-                  }
-
-                  if (lexical.$isTextNode(anchorNode)) {
-                    // set final selection
-                    setSelStart = selStart;
-                    setSelEnd = selStart + selLength;
-                    const anchorNodeTextLength = anchorNode.getTextContentSize(); // If the offset is more than the end, make it the end
-
-                    setSelStart = setSelStart > anchorNodeTextLength ? anchorNodeTextLength : setSelStart;
-                    setSelEnd = setSelEnd > anchorNodeTextLength ? anchorNodeTextLength : setSelEnd;
-                    selection.setTextNodeRange(anchorNode, setSelStart, anchorNode, setSelEnd);
-                  } // block the chrome extension from handling this event
-
-
-                  event.stopImmediatePropagation();
-                }
-              });
-            }
-          }
-        }
-      }
-    };
-
-    window.addEventListener('message', handler, true);
-    return () => {
-      window.removeEventListener('message', handler, true);
-    };
-  }, [editor]);
-}
-
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
@@ -390,169 +104,9 @@ function useLexicalDragonSupport(editor) {
  */
 function usePlainTextSetup(editor, initialEditorState) {
   useLayoutEffect(() => {
-    const removeListener = editor.addListener('command', (type, payload) => {
-      const selection = lexical.$getSelection();
-
-      if (!lexical.$isRangeSelection(selection)) {
-        return false;
-      }
-
-      switch (type) {
-        case 'deleteCharacter':
-          {
-            const isBackward = payload;
-            selection.deleteCharacter(isBackward);
-            return true;
-          }
-
-        case 'deleteWord':
-          {
-            const isBackward = payload;
-            selection.deleteWord(isBackward);
-            return true;
-          }
-
-        case 'deleteLine':
-          {
-            const isBackward = payload;
-            selection.deleteLine(isBackward);
-            return true;
-          }
-
-        case 'insertText':
-          {
-            const eventOrText = payload;
-
-            if (typeof eventOrText === 'string') {
-              selection.insertText(eventOrText);
-            } else {
-              const dataTransfer = eventOrText.dataTransfer;
-
-              if (dataTransfer != null) {
-                clipboard.$insertDataTransferForPlainText(dataTransfer, selection);
-              } else {
-                const data = eventOrText.data;
-
-                if (data) {
-                  selection.insertText(data);
-                }
-              }
-            }
-
-            return true;
-          }
-
-        case 'removeText':
-          selection.removeText();
-          return true;
-
-        case 'insertLineBreak':
-          const selectStart = payload;
-          selection.insertLineBreak(selectStart);
-          return true;
-
-        case 'insertParagraph':
-          selection.insertLineBreak();
-          return true;
-
-        case 'indentContent':
-        case 'outdentContent':
-        case 'insertHorizontalRule':
-        case 'insertImage':
-        case 'insertTable':
-        case 'formatElement':
-        case 'formatText':
-          {
-            return true;
-          }
-
-        case 'keyArrowLeft':
-          {
-            const event = payload;
-            const isHoldingShift = event.shiftKey;
-
-            if ($shouldOverrideDefaultCharacterSelection(selection, true)) {
-              event.preventDefault();
-              $moveCharacter(selection, isHoldingShift, true);
-              return true;
-            }
-
-            return false;
-          }
-
-        case 'keyArrowRight':
-          {
-            const event = payload;
-            const isHoldingShift = event.shiftKey;
-
-            if ($shouldOverrideDefaultCharacterSelection(selection, false)) {
-              event.preventDefault();
-              $moveCharacter(selection, isHoldingShift, false);
-              return true;
-            }
-
-            return false;
-          }
-
-        case 'keyBackspace':
-          {
-            const event = payload;
-            event.preventDefault();
-            return editor.execCommand('deleteCharacter', true);
-          }
-
-        case 'keyDelete':
-          {
-            const event = payload;
-            event.preventDefault();
-            return editor.execCommand('deleteCharacter', false);
-          }
-
-        case 'keyEnter':
-          {
-            const event = payload;
-            event.preventDefault();
-            return editor.execCommand('insertLineBreak');
-          }
-
-        case 'copy':
-          {
-            const event = payload;
-            onCopyForPlainText(event, editor);
-            return true;
-          }
-
-        case 'cut':
-          {
-            const event = payload;
-            onCutForPlainText(event, editor);
-            return true;
-          }
-
-        case 'paste':
-          {
-            const event = payload;
-            onPasteForPlainText(event, editor);
-            return true;
-          }
-
-        case 'drop':
-        case 'dragstart':
-          {
-            // TODO: Make drag and drop work at some point.
-            const event = payload;
-            event.preventDefault();
-            return true;
-          }
-      }
-
-      return false;
-    }, 0);
-    initializeEditor(editor, initialEditorState);
-    return removeListener; // We only do this for init
+    return utils.mergeRegister(plainText.registerPlainText(editor, initialEditorState), dragon.registerDragonSupport(editor)); // We only do this for init
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor]);
-  useLexicalDragonSupport(editor);
 }
 
 /**

package/LexicalPlainTextPlugin.prod.js

@@ -4,15 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var g=require("@lexical/react/LexicalComposerContext"),h=require("react"),t=require("lexical"),u=require("react-dom"),v=require("@lexical/clipboard");function w(a,d=!0){if(a)return!1;a=t.$getRoot().getTextContent();d&&(a=a.trim());return""===a}
-function x(a){if(!w(a,!1))return!1;a=t.$getRoot().getChildren();const d=a.length;if(1<d)return!1;for(let c=0;c<d;c++){var e=a[c];if(t.$isElementNode(e)){if("paragraph"!==e.__type||0!==e.__indent)return!1;e=e.getChildren();const b=e.length;for(let f=0;f<b;f++)if(!t.$isTextNode(e[c]))return!1}}return!0}function y(a){return()=>x(a)}var z="undefined"!==typeof window&&"undefined"!==typeof window.document&&"undefined"!==typeof window.document.createElement?h.useLayoutEffect:h.useEffect;
-function A(a){const [d,e]=h.useState(a.getEditorState().read(y(a.isComposing())));z(()=>a.addListener("update",({editorState:c})=>{const b=a.isComposing();c=c.read(y(b));e(c)}),[a]);return d}function C(a){const [d,e]=h.useState(()=>a.getDecorators());z(()=>a.addListener("decorator",c=>{u.flushSync(()=>{e(c)})}),[a]);return h.useMemo(()=>{const c=[],b=Object.keys(d);for(let p=0;p<b.length;p++){var f=b[p];const r=d[f];f=a.getElementByKey(f);null!==f&&c.push(u.createPortal(r,f))}return c},[d,a])}
-function D(a){a=a.anchor.getNode();return"rtl"===(t.$isRootNode(a)?a:a.getParentOrThrow()).getDirection()}function E(a,d){a=t.$getDecoratorNode(a.focus,d);return t.$isDecoratorNode(a)&&!a.isIsolated()}function F(a,d){a.preventDefault();d.update(()=>{const e=t.$getSelection(),c=a.clipboardData;null!=c&&t.$isRangeSelection(e)&&v.$insertDataTransferForPlainText(c,e)})}function G(a,d){H(a,d);d.update(()=>{const e=t.$getSelection();t.$isRangeSelection(e)&&e.removeText()})}
-function H(a,d){a.preventDefault();d.update(()=>{const e=a.clipboardData,c=t.$getSelection();if(null!==c&&null!=e){const b=v.getHtmlContent(d);null!==b&&e.setData("text/html",b);e.setData("text/plain",c.getTextContent())}})}const I={tag:"history-merge"};
-function J(a,d){if(null!==d)if(void 0===d)a.update(()=>{var e=t.$getRoot();if(null===e.getFirstChild()){const c=t.$createParagraphNode();e.append(c);e=document.activeElement;(null!==t.$getSelection()||null!==e&&e===a.getRootElement())&&c.select()}},I);else if(null!==d)switch(typeof d){case "string":d=a.parseEditorState(d);a.setEditorState(d,I);break;case "object":a.setEditorState(d,I);break;case "function":a.update(d,I)}}
-function K(a){h.useEffect(()=>{const d=e=>{var c=a.getRootElement();if(document.activeElement===c&&(c=e.data,"string"===typeof c)){try{var b=JSON.parse(c)}catch(f){return}if(b&&"nuanria_messaging"===b.protocol&&"request"===b.type&&(b=b.payload)&&"makeChanges"===b.functionId&&(b=b.args)){const [f,p,r,B,L]=b;a.update(()=>{const q=t.$getSelection();if(t.$isRangeSelection(q)){var n=q.anchor;let k=n.getNode(),l=0,m=0;t.$isTextNode(k)&&0<=f&&0<=p&&(l=f,m=f+p,q.setTextNodeRange(k,l,k,m));if(l!==m||""!==
-r)q.insertRawText(r),k=n.getNode();t.$isTextNode(k)&&(l=B,m=B+L,n=k.getTextContentSize(),l=l>n?n:l,m=m>n?n:m,q.setTextNodeRange(k,l,k,m));e.stopImmediatePropagation()}})}}};window.addEventListener("message",d,!0);return()=>{window.removeEventListener("message",d,!0)}},[a])}
-function M(a,d){z(()=>{const e=a.addListener("command",(c,b)=>{const f=t.$getSelection();if(!t.$isRangeSelection(f))return!1;switch(c){case "deleteCharacter":return f.deleteCharacter(b),!0;case "deleteWord":return f.deleteWord(b),!0;case "deleteLine":return f.deleteLine(b),!0;case "insertText":return"string"===typeof b?f.insertText(b):(c=b.dataTransfer,null!=c?v.$insertDataTransferForPlainText(c,f):(b=b.data)&&f.insertText(b)),!0;case "removeText":return f.removeText(),!0;case "insertLineBreak":return f.insertLineBreak(b),
-!0;case "insertParagraph":return f.insertLineBreak(),!0;case "indentContent":case "outdentContent":case "insertHorizontalRule":case "insertImage":case "insertTable":case "formatElement":case "formatText":return!0;case "keyArrowLeft":c=b.shiftKey;if(E(f,!0))return b.preventDefault(),b=c,c=D(f),f.modify(b?"extend":"move",!c,"character"),!0;break;case "keyArrowRight":c=b.shiftKey;if(E(f,!1))return b.preventDefault(),b=c,c=D(f),f.modify(b?"extend":"move",c,"character"),!0;break;case "keyBackspace":return b.preventDefault(),
-a.execCommand("deleteCharacter",!0);case "keyDelete":return b.preventDefault(),a.execCommand("deleteCharacter",!1);case "keyEnter":return b.preventDefault(),a.execCommand("insertLineBreak");case "copy":return H(b,a),!0;case "cut":return G(b,a),!0;case "paste":return F(b,a),!0;case "drop":case "dragstart":return b.preventDefault(),!0}return!1},0);J(a,d);return e},[a]);K(a)}
-module.exports=function({contentEditable:a,placeholder:d,initialEditorState:e}){const [c]=g.useLexicalComposerContext(),b=A(c);M(c,e);e=C(c);return h.createElement(h.Fragment,null,a,b&&d,e)};
+var d=require("@lexical/react/LexicalComposerContext"),h=require("react"),l=require("@lexical/text"),m=require("react-dom"),n=require("@lexical/dragon"),p=require("@lexical/plain-text"),q=require("@lexical/utils"),r="undefined"!==typeof window&&"undefined"!==typeof window.document&&"undefined"!==typeof window.document.createElement?h.useLayoutEffect:h.useEffect;
+function t(a){const [c,e]=h.useState(a.getEditorState().read(l.$canShowPlaceholderCurry(a.isComposing())));r(()=>a.registerUpdateListener(({editorState:b})=>{const f=a.isComposing();b=b.read(l.$canShowPlaceholderCurry(f));e(b)}),[a]);return c}
+function u(a){const [c,e]=h.useState(()=>a.getDecorators());r(()=>a.registerDecoratorListener(b=>{m.flushSync(()=>{e(b)})}),[a]);return h.useMemo(()=>{const b=[],f=Object.keys(c);for(let k=0;k<f.length;k++){var g=f[k];const v=c[g];g=a.getElementByKey(g);null!==g&&b.push(m.createPortal(v,g))}return b},[c,a])}function w(a,c){r(()=>q.mergeRegister(p.registerPlainText(a,c),n.registerDragonSupport(a)),[a])}
+module.exports=function({contentEditable:a,placeholder:c,initialEditorState:e}){const [b]=d.useLexicalComposerContext(),f=t(b);w(b,e);e=u(b);return h.createElement(h.Fragment,null,a,f&&c,e)};