@lexical/react 0.1.14 → 0.1.17

package/LexicalRichTextPlugin.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 richText = require('@lexical/rich-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,230 +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 onCutForRichText(event, editor) {
-  onCopyForRichText(event, editor);
-  editor.update(() => {
-    const selection = lexical.$getSelection();
-
-    if (lexical.$isRangeSelection(selection)) {
-      selection.removeText();
-    }
-  });
-}
-function onCopyForRichText(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);
-        const lexicalString = clipboard.$getLexicalContent(editor);
-
-        if (htmlString !== null) {
-          clipboardData.setData('text/html', htmlString);
-        }
-
-        if (lexicalString !== null) {
-          clipboardData.setData('application/x-lexical-editor', lexicalString);
-        }
-
-        clipboardData.setData('text/plain', selection.getTextContent());
-      }
-    }
-  });
-}
-function onPasteForRichText(event, editor) {
-  event.preventDefault();
-  editor.update(() => {
-    const selection = lexical.$getSelection();
-    const clipboardData = event.clipboardData;
-
-    if (clipboardData != null && lexical.$isRangeSelection(selection)) {
-      clipboard.$insertDataTransferForRichText(clipboardData, selection, 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.
- *
- * 
- */
-// 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.
  *
@@ -395,249 +104,9 @@ function useLexicalDragonSupport(editor) {
  */
 function useRichTextSetup(editor, initialEditorState) {
   useLayoutEffect(() => {
-    const removeListener = editor.addListener('command', (type, payload) => {
-      const selection = lexical.$getSelection();
-
-      if (type === 'click' && lexical.$isNodeSelection(selection)) {
-        selection.clear();
-        return true;
-      }
-
-      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.$insertDataTransferForRichText(dataTransfer, selection, editor);
-              } else {
-                const data = eventOrText.data;
-
-                if (data) {
-                  selection.insertText(data);
-                }
-              }
-            }
-
-            return true;
-          }
-
-        case 'removeText':
-          selection.removeText();
-          return true;
-
-        case 'formatText':
-          {
-            const format = payload;
-            selection.formatText(format);
-            return true;
-          }
-
-        case 'formatElement':
-          {
-            const format = payload;
-            const node = selection.anchor.getNode();
-            const element = lexical.$isElementNode(node) ? node : node.getParentOrThrow();
-            element.setFormat(format);
-            return true;
-          }
-
-        case 'insertLineBreak':
-          const selectStart = payload;
-          selection.insertLineBreak(selectStart);
-          return true;
-
-        case 'insertParagraph':
-          selection.insertParagraph();
-          return true;
-
-        case 'indentContent':
-          {
-            // Handle code blocks
-            const anchor = selection.anchor;
-            const parentBlock = anchor.type === 'element' ? anchor.getNode() : anchor.getNode().getParentOrThrow();
-
-            if (parentBlock.canInsertTab()) {
-              editor.execCommand('insertText', '\t');
-            } else {
-              if (parentBlock.getIndent() !== 10) {
-                parentBlock.setIndent(parentBlock.getIndent() + 1);
-              }
-            }
-
-            return true;
-          }
-
-        case 'outdentContent':
-          {
-            // Handle code blocks
-            const anchor = selection.anchor;
-            const anchorNode = anchor.getNode();
-            const parentBlock = anchor.type === 'element' ? anchor.getNode() : anchor.getNode().getParentOrThrow();
-
-            if (parentBlock.canInsertTab()) {
-              const textContent = anchorNode.getTextContent();
-              const character = textContent[anchor.offset - 1];
-
-              if (character === '\t') {
-                editor.execCommand('deleteCharacter', true);
-              }
-            } else {
-              if (parentBlock.getIndent() !== 0) {
-                parentBlock.setIndent(parentBlock.getIndent() - 1);
-              }
-            }
-
-            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();
-            const {
-              anchor
-            } = selection;
-
-            if (selection.isCollapsed() && anchor.offset === 0) {
-              const element = anchor.type === 'element' ? anchor.getNode() : anchor.getNode().getParentOrThrow();
-
-              if (element.getIndent() > 0) {
-                return editor.execCommand('outdentContent');
-              }
-            }
-
-            return editor.execCommand('deleteCharacter', true);
-          }
-
-        case 'keyDelete':
-          {
-            const event = payload;
-            event.preventDefault();
-            return editor.execCommand('deleteCharacter', false);
-          }
-
-        case 'keyEnter':
-          {
-            const event = payload;
-            event.preventDefault();
-
-            if (event.shiftKey) {
-              return editor.execCommand('insertLineBreak');
-            }
-
-            return editor.execCommand('insertParagraph');
-          }
-
-        case 'keyTab':
-          {
-            const event = payload;
-            event.preventDefault();
-            return editor.execCommand(event.shiftKey ? 'outdentContent' : 'indentContent');
-          }
-
-        case 'keyEscape':
-          {
-            editor.blur();
-            return true;
-          }
-
-        case 'copy':
-          {
-            const event = payload;
-            onCopyForRichText(event, editor);
-            return true;
-          }
-
-        case 'cut':
-          {
-            const event = payload;
-            onCutForRichText(event, editor);
-            return true;
-          }
-
-        case 'paste':
-          {
-            const event = payload;
-            onPasteForRichText(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(richText.registerRichText(editor, initialEditorState), dragon.registerDragonSupport(editor)); // We only do this for init
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor]);
-  useLexicalDragonSupport(editor);
 }
 
 /**

package/LexicalRichTextPlugin.prod.js

@@ -4,16 +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"),r=require("lexical"),u=require("react-dom"),v=require("@lexical/clipboard");function w(a,e=!0){if(a)return!1;a=r.$getRoot().getTextContent();e&&(a=a.trim());return""===a}
-function x(a){if(!w(a,!1))return!1;a=r.$getRoot().getChildren();const e=a.length;if(1<e)return!1;for(let d=0;d<e;d++){var f=a[d];if(r.$isElementNode(f)){if("paragraph"!==f.__type||0!==f.__indent)return!1;f=f.getChildren();const c=f.length;for(let b=0;b<c;b++)if(!r.$isTextNode(f[d]))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 [e,f]=h.useState(a.getEditorState().read(y(a.isComposing())));z(()=>a.addListener("update",({editorState:d})=>{const c=a.isComposing();d=d.read(y(c));f(d)}),[a]);return e}function C(a){const [e,f]=h.useState(()=>a.getDecorators());z(()=>a.addListener("decorator",d=>{u.flushSync(()=>{f(d)})}),[a]);return h.useMemo(()=>{const d=[],c=Object.keys(e);for(let p=0;p<c.length;p++){var b=c[p];const t=e[b];b=a.getElementByKey(b);null!==b&&d.push(u.createPortal(t,b))}return d},[e,a])}
-function D(a){a=a.anchor.getNode();return"rtl"===(r.$isRootNode(a)?a:a.getParentOrThrow()).getDirection()}function E(a,e){a=r.$getDecoratorNode(a.focus,e);return r.$isDecoratorNode(a)&&!a.isIsolated()}function F(a,e){G(a,e);e.update(()=>{const f=r.$getSelection();r.$isRangeSelection(f)&&f.removeText()})}
-function G(a,e){a.preventDefault();e.update(()=>{const f=a.clipboardData,d=r.$getSelection();if(null!==d&&null!=f){const c=v.getHtmlContent(e),b=v.$getLexicalContent(e);null!==c&&f.setData("text/html",c);null!==b&&f.setData("application/x-lexical-editor",b);f.setData("text/plain",d.getTextContent())}})}function H(a,e){a.preventDefault();e.update(()=>{const f=r.$getSelection(),d=a.clipboardData;null!=d&&r.$isRangeSelection(f)&&v.$insertDataTransferForRichText(d,f,e)})}const I={tag:"history-merge"};
-function J(a,e){if(null!==e)if(void 0===e)a.update(()=>{var f=r.$getRoot();if(null===f.getFirstChild()){const d=r.$createParagraphNode();f.append(d);f=document.activeElement;(null!==r.$getSelection()||null!==f&&f===a.getRootElement())&&d.select()}},I);else if(null!==e)switch(typeof e){case "string":e=a.parseEditorState(e);a.setEditorState(e,I);break;case "object":a.setEditorState(e,I);break;case "function":a.update(e,I)}}
-function K(a){h.useEffect(()=>{const e=f=>{var d=a.getRootElement();if(document.activeElement===d&&(d=f.data,"string"===typeof d)){try{var c=JSON.parse(d)}catch(b){return}if(c&&"nuanria_messaging"===c.protocol&&"request"===c.type&&(c=c.payload)&&"makeChanges"===c.functionId&&(c=c.args)){const [b,p,t,B,L]=c;a.update(()=>{const q=r.$getSelection();if(r.$isRangeSelection(q)){var n=q.anchor;let k=n.getNode(),l=0,m=0;r.$isTextNode(k)&&0<=b&&0<=p&&(l=b,m=b+p,q.setTextNodeRange(k,l,k,m));if(l!==m||""!==
-t)q.insertRawText(t),k=n.getNode();r.$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));f.stopImmediatePropagation()}})}}};window.addEventListener("message",e,!0);return()=>{window.removeEventListener("message",e,!0)}},[a])}
-function M(a,e){z(()=>{const f=a.addListener("command",(d,c)=>{var b=r.$getSelection();if("click"===d&&r.$isNodeSelection(b))return b.clear(),!0;if(!r.$isRangeSelection(b))return!1;switch(d){case "deleteCharacter":return b.deleteCharacter(c),!0;case "deleteWord":return b.deleteWord(c),!0;case "deleteLine":return b.deleteLine(c),!0;case "insertText":return"string"===typeof c?b.insertText(c):(d=c.dataTransfer,null!=d?v.$insertDataTransferForRichText(d,b,a):(c=c.data)&&b.insertText(c)),!0;case "removeText":return b.removeText(),
-!0;case "formatText":return b.formatText(c),!0;case "formatElement":return b=b.anchor.getNode(),(r.$isElementNode(b)?b:b.getParentOrThrow()).setFormat(c),!0;case "insertLineBreak":return b.insertLineBreak(c),!0;case "insertParagraph":return b.insertParagraph(),!0;case "indentContent":return b=b.anchor,b="element"===b.type?b.getNode():b.getNode().getParentOrThrow(),b.canInsertTab()?a.execCommand("insertText","\t"):10!==b.getIndent()&&b.setIndent(b.getIndent()+1),!0;case "outdentContent":return b=b.anchor,
-c=b.getNode(),d="element"===b.type?b.getNode():b.getNode().getParentOrThrow(),d.canInsertTab()?"\t"===c.getTextContent()[b.offset-1]&&a.execCommand("deleteCharacter",!0):0!==d.getIndent()&&d.setIndent(d.getIndent()-1),!0;case "keyArrowLeft":d=c.shiftKey;if(E(b,!0))return c.preventDefault(),c=d,d=D(b),b.modify(c?"extend":"move",!d,"character"),!0;break;case "keyArrowRight":d=c.shiftKey;if(E(b,!1))return c.preventDefault(),c=d,d=D(b),b.modify(c?"extend":"move",d,"character"),!0;break;case "keyBackspace":return c.preventDefault(),
-{anchor:c}=b,b.isCollapsed()&&0===c.offset&&0<("element"===c.type?c.getNode():c.getNode().getParentOrThrow()).getIndent()?a.execCommand("outdentContent"):a.execCommand("deleteCharacter",!0);case "keyDelete":return c.preventDefault(),a.execCommand("deleteCharacter",!1);case "keyEnter":return c.preventDefault(),c.shiftKey?a.execCommand("insertLineBreak"):a.execCommand("insertParagraph");case "keyTab":return c.preventDefault(),a.execCommand(c.shiftKey?"outdentContent":"indentContent");case "keyEscape":return a.blur(),
-!0;case "copy":return G(c,a),!0;case "cut":return F(c,a),!0;case "paste":return H(c,a),!0;case "drop":case "dragstart":return c.preventDefault(),!0}return!1},0);J(a,e);return f},[a]);K(a)}module.exports=function({contentEditable:a,placeholder:e,initialEditorState:f}){const [d]=g.useLexicalComposerContext(),c=A(d);M(d,f);f=C(d);return h.createElement(h.Fragment,null,a,c&&e,f)};
+var d=require("@lexical/react/LexicalComposerContext"),h=require("react"),l=require("@lexical/text"),m=require("react-dom"),n=require("@lexical/dragon"),p=require("@lexical/rich-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.registerRichText(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)};