@lexical/react 0.1.16 → 0.1.19

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

@@ -46,7 +46,7 @@ function OnChangePlugin({
   const [editor] = LexicalComposerContext.useLexicalComposerContext();
   useLayoutEffect(() => {
     if (onChange) {
-      return editor.addListener('update', ({
+      return editor.registerUpdateListener(({
         editorState,
         dirtyElements,
         dirtyLeaves,

package/LexicalOnChangePlugin.prod.js

@@ -5,4 +5,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 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.addListener("update",({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};
+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

@@ -10,9 +10,9 @@ var LexicalComposerContext = require('@lexical/react/LexicalComposerContext');
 var React = require('react');
 var text = require('@lexical/text');
 var reactDom = require('react-dom');
-var clipboard = require('@lexical/clipboard');
-var selection = require('@lexical/selection');
-var lexical = require('lexical');
+var dragon = require('@lexical/dragon');
+var plainText = require('@lexical/plain-text');
+var utils = require('@lexical/utils');
 
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
@@ -46,7 +46,7 @@ var useLayoutEffect = useLayoutEffectImpl;
 function useLexicalCanShowPlaceholder(editor) {
   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();
@@ -69,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);
       });
@@ -94,199 +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 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.
  *
@@ -297,169 +104,9 @@ function useLexicalDragonSupport(editor) {
  */
 function usePlainTextSetup(editor, initialEditorState) {
   useLayoutEffect(() => {
-    const removeListener = editor.addListener('command', (type, payload) => {
-      const selection$1 = lexical.$getSelection();
-
-      if (!lexical.$isRangeSelection(selection$1)) {
-        return false;
-      }
-
-      switch (type) {
-        case 'deleteCharacter':
-          {
-            const isBackward = payload;
-            selection$1.deleteCharacter(isBackward);
-            return true;
-          }
-
-        case 'deleteWord':
-          {
-            const isBackward = payload;
-            selection$1.deleteWord(isBackward);
-            return true;
-          }
-
-        case 'deleteLine':
-          {
-            const isBackward = payload;
-            selection$1.deleteLine(isBackward);
-            return true;
-          }
-
-        case 'insertText':
-          {
-            const eventOrText = payload;
-
-            if (typeof eventOrText === 'string') {
-              selection$1.insertText(eventOrText);
-            } else {
-              const dataTransfer = eventOrText.dataTransfer;
-
-              if (dataTransfer != null) {
-                clipboard.$insertDataTransferForPlainText(dataTransfer, selection$1);
-              } else {
-                const data = eventOrText.data;
-
-                if (data) {
-                  selection$1.insertText(data);
-                }
-              }
-            }
-
-            return true;
-          }
-
-        case 'removeText':
-          selection$1.removeText();
-          return true;
-
-        case 'insertLineBreak':
-          const selectStart = payload;
-          selection$1.insertLineBreak(selectStart);
-          return true;
-
-        case 'insertParagraph':
-          selection$1.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 (selection.$shouldOverrideDefaultCharacterSelection(selection$1, true)) {
-              event.preventDefault();
-              selection.$moveCharacter(selection$1, isHoldingShift, true);
-              return true;
-            }
-
-            return false;
-          }
-
-        case 'keyArrowRight':
-          {
-            const event = payload;
-            const isHoldingShift = event.shiftKey;
-
-            if (selection.$shouldOverrideDefaultCharacterSelection(selection$1, false)) {
-              event.preventDefault();
-              selection.$moveCharacter(selection$1, 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,14 +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/text"),u=require("react-dom"),v=require("@lexical/clipboard"),w=require("@lexical/selection"),x=require("lexical"),y="undefined"!==typeof window&&"undefined"!==typeof window.document&&"undefined"!==typeof window.document.createElement?h.useLayoutEffect:h.useEffect;
-function z(a){const [d,e]=h.useState(a.getEditorState().read(r.$canShowPlaceholderCurry(a.isComposing())));y(()=>a.addListener("update",({editorState:c})=>{const b=a.isComposing();c=c.read(r.$canShowPlaceholderCurry(b));e(c)}),[a]);return d}
-function B(a){const [d,e]=h.useState(()=>a.getDecorators());y(()=>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 t=d[f];f=a.getElementByKey(f);null!==f&&c.push(u.createPortal(t,f))}return c},[d,a])}function C(a,d){a.preventDefault();d.update(()=>{const e=x.$getSelection(),c=a.clipboardData;null!=c&&x.$isRangeSelection(e)&&v.$insertDataTransferForPlainText(c,e)})}
-function D(a,d){E(a,d);d.update(()=>{const e=x.$getSelection();x.$isRangeSelection(e)&&e.removeText()})}function E(a,d){a.preventDefault();d.update(()=>{const e=a.clipboardData,c=x.$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 F={tag:"history-merge"};
-function G(a,d){if(null!==d)if(void 0===d)a.update(()=>{var e=x.$getRoot();if(null===e.getFirstChild()){const c=x.$createParagraphNode();e.append(c);e=document.activeElement;(null!==x.$getSelection()||null!==e&&e===a.getRootElement())&&c.select()}},F);else if(null!==d)switch(typeof d){case "string":d=a.parseEditorState(d);a.setEditorState(d,F);break;case "object":a.setEditorState(d,F);break;case "function":a.update(d,F)}}
-function H(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,t,A,I]=b;a.update(()=>{const q=x.$getSelection();if(x.$isRangeSelection(q)){var n=q.anchor;let k=n.getNode(),l=0,m=0;x.$isTextNode(k)&&0<=f&&0<=p&&(l=f,m=f+p,q.setTextNodeRange(k,l,k,m));if(l!==m||""!==
-t)q.insertRawText(t),k=n.getNode();x.$isTextNode(k)&&(l=A,m=A+I,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 J(a,d){y(()=>{const e=a.addListener("command",(c,b)=>{const f=x.$getSelection();if(!x.$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(w.$shouldOverrideDefaultCharacterSelection(f,!0))return b.preventDefault(),w.$moveCharacter(f,c,!0),!0;break;case "keyArrowRight":c=b.shiftKey;if(w.$shouldOverrideDefaultCharacterSelection(f,!1))return b.preventDefault(),w.$moveCharacter(f,c,!1),!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 E(b,a),!0;case "cut":return D(b,a),!0;case "paste":return C(b,a),!0;case "drop":case "dragstart":return b.preventDefault(),!0}return!1},0);G(a,d);return e},[a]);H(a)}
-module.exports=function({contentEditable:a,placeholder:d,initialEditorState:e}){const [c]=g.useLexicalComposerContext(),b=z(c);J(c,e);e=B(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)};