@lexical/react 0.1.8 → 0.1.11

package/DEPRECATED_useLexicalPlainText.dev.js

@@ -18,15 +18,15 @@ var react = require('react');
  *
  * 
  */
-const MERGE = 0;
-const NO_MERGE = 1;
-const DISCARD = 2;
+const HISTORY_MERGE = 0;
+const HISTORY_PUSH = 1;
+const DISCARD_HISTORY_CANDIDATE = 2;
 const OTHER = 0;
 const COMPOSING_CHARACTER = 1;
 const INSERT_CHARACTER_AFTER_SELECTION = 2;
 const DELETE_CHARACTER_BEFORE_SELECTION = 3;
 const DELETE_CHARACTER_AFTER_SELECTION = 4;
-const EditorPriority$1 = 0;
+const EditorPriority = 0;
 
 function getDirtyNodes(editorState, dirtyLeavesSet, dirtyElementsSet) {
   const dirtyLeaves = Array.from(dirtyLeavesSet);
@@ -73,7 +73,7 @@ function getChangeType(prevEditorState, nextEditorState, dirtyLeavesSet, dirtyEl
     return COMPOSING_CHARACTER;
   }
 
-  if (nextSelection === null || prevSelection === null || !prevSelection.isCollapsed() || !nextSelection.isCollapsed()) {
+  if (!lexical.$isRangeSelection(nextSelection) || !lexical.$isRangeSelection(prevSelection) || !prevSelection.isCollapsed() || !nextSelection.isCollapsed()) {
     return OTHER;
   }
 
@@ -148,18 +148,21 @@ function createMergeActionGetter(editor, delay) {
     if (tags.has('historic')) {
       prevChangeType = OTHER;
       prevChangeTime = changeTime;
-      return DISCARD;
+      return DISCARD_HISTORY_CANDIDATE;
     }
 
     const changeType = getChangeType(prevEditorState, nextEditorState, dirtyLeaves, dirtyElements, editor.isComposing());
 
     const mergeAction = (() => {
-      if (tags.has('without-history')) {
-        return MERGE;
+      const shouldPushHistory = tags.has('history-push');
+      const shouldMergeHistory = !shouldPushHistory && tags.has('history-merge');
+
+      if (shouldMergeHistory) {
+        return HISTORY_MERGE;
       }
 
       if (prevEditorState === null) {
-        return NO_MERGE;
+        return HISTORY_PUSH;
       }
 
       const selection = nextEditorState._selection;
@@ -168,19 +171,19 @@ function createMergeActionGetter(editor, delay) {
 
       if (!hasDirtyNodes) {
         if (prevSelection === null && selection !== null) {
-          return MERGE;
+          return HISTORY_MERGE;
         }
 
-        return DISCARD;
+        return DISCARD_HISTORY_CANDIDATE;
       }
 
       const isSameEditor = currentHistoryEntry === null || currentHistoryEntry.editor === editor;
 
-      if (changeType !== OTHER && changeType === prevChangeType && changeTime < prevChangeTime + delay && isSameEditor) {
-        return MERGE;
+      if (shouldPushHistory === false && changeType !== OTHER && changeType === prevChangeType && changeTime < prevChangeTime + delay && isSameEditor) {
+        return HISTORY_MERGE;
       }
 
-      return NO_MERGE;
+      return HISTORY_PUSH;
     })();
 
     prevChangeTime = changeTime;
@@ -217,7 +220,7 @@ function useHistory(editor, externalHistoryState, delay = 1000) {
 
       const mergeAction = getMergeAction(prevEditorState, editorState, current, dirtyLeaves, dirtyElements, tags);
 
-      if (mergeAction === NO_MERGE) {
+      if (mergeAction === HISTORY_PUSH) {
         if (redoStack.length !== 0) {
           historyState.redoStack = [];
         }
@@ -228,7 +231,7 @@ function useHistory(editor, externalHistoryState, delay = 1000) {
           });
           editor.execCommand('canUndo', true);
         }
-      } else if (mergeAction === DISCARD) {
+      } else if (mergeAction === DISCARD_HISTORY_CANDIDATE) {
         return;
       } // Else we merge
 
@@ -312,7 +315,7 @@ function useHistory(editor, externalHistoryState, delay = 1000) {
       }
     };
 
-    return withSubscriptions(editor.addListener('command', applyCommand, EditorPriority$1), editor.addListener('update', applyChange));
+    return withSubscriptions(editor.addListener('command', applyCommand, EditorPriority), editor.addListener('update', applyChange));
   }, [clearHistory, delay, editor, historyState]);
 }
 function createEmptyHistoryState() {
@@ -349,7 +352,7 @@ function $moveCaretSelection(selection, isHoldingShift, isBackward, granularity)
 }
 function $isParentElementRTL(selection) {
   const anchorNode = selection.anchor.getNode();
-  const parent = anchorNode.getParentOrThrow();
+  const parent = lexical.$isRootNode(anchorNode) ? anchorNode : anchorNode.getParentOrThrow();
   return parent.getDirection() === 'rtl';
 }
 function $moveCharacter(selection, isHoldingShift, isBackward) {
@@ -357,31 +360,6 @@ function $moveCharacter(selection, isHoldingShift, isBackward) {
   $moveCaretSelection(selection, isHoldingShift, isBackward ? !isRTL : isRTL, 'character');
 }
 
-/**
- * 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 getPossibleDecoratorNode(focus, isBackward) {
-  const focusOffset = focus.offset;
-
-  if (focus.type === 'element') {
-    const block = focus.getNode();
-    return block.getChildAtIndex(isBackward ? focusOffset - 1 : focusOffset);
-  } else {
-    const focusNode = focus.getNode();
-
-    if (isBackward && focusOffset === 0 || !isBackward && focusOffset === focusNode.getTextContentSize()) {
-      return isBackward ? focusNode.getPreviousSibling() : focusNode.getNextSibling();
-    }
-  }
-
-  return null;
-}
-
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
@@ -398,17 +376,16 @@ function $insertDataTransferForPlainText(dataTransfer, selection) {
   }
 }
 function $shouldOverrideDefaultCharacterSelection(selection, isBackward) {
-  const possibleDecoratorNode = getPossibleDecoratorNode(selection.focus, isBackward);
-  return lexical.$isDecoratorNode(possibleDecoratorNode);
+  const possibleNode = lexical.$getDecoratorNode(selection.focus, isBackward);
+  return lexical.$isDecoratorNode(possibleNode) && !possibleNode.isIsolated();
 }
 function onPasteForPlainText(event, editor) {
   event.preventDefault();
   editor.update(() => {
-    lexical.$log('onPasteForPlainText');
     const selection = lexical.$getSelection();
     const clipboardData = event.clipboardData;
 
-    if (clipboardData != null && selection !== null) {
+    if (clipboardData != null && lexical.$isRangeSelection(selection)) {
       $insertDataTransferForPlainText(clipboardData, selection);
     }
   });
@@ -416,10 +393,9 @@ function onPasteForPlainText(event, editor) {
 function onCutForPlainText(event, editor) {
   onCopyForPlainText(event, editor);
   editor.update(() => {
-    lexical.$log('onCutForPlainText');
     const selection = lexical.$getSelection();
 
-    if (selection !== null) {
+    if (lexical.$isRangeSelection(selection)) {
       selection.removeText();
     }
   });
@@ -427,7 +403,6 @@ function onCutForPlainText(event, editor) {
 function onCopyForPlainText(event, editor) {
   event.preventDefault();
   editor.update(() => {
-    lexical.$log('onCopyForPlainText');
     const clipboardData = event.clipboardData;
     const selection = lexical.$getSelection();
 
@@ -462,18 +437,53 @@ function onCopyForPlainText(event, editor) {
  *
  * 
  */
-const CAN_USE_DOM = typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined';
+// 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;
+        }
 
-/**
- * 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.
- *
- * 
- */
-const useLayoutEffectImpl = CAN_USE_DOM ? react.useLayoutEffect : react.useEffect;
-var useLayoutEffect = useLayoutEffectImpl;
+      case 'object':
+        {
+          editor.setEditorState(initialEditorState, setEditorOptions);
+          break;
+        }
+
+      case 'function':
+        {
+          editor.update(initialEditorState, updateOptions);
+          break;
+        }
+    }
+  }
+}
 
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
@@ -512,10 +522,9 @@ function useLexicalDragonSupport(editor) {
             if (args) {
               const [elementStart, elementLength, text, selStart, selLength, formatCommand] = args; // TODO: we should probably handle formatCommand somehow?
               editor.update(() => {
-                lexical.$log('useLexicalDragonSupport');
                 const selection = lexical.$getSelection();
 
-                if (selection !== null) {
+                if (lexical.$isRangeSelection(selection)) {
                   const anchor = selection.anchor;
                   let anchorNode = anchor.getNode();
                   let setSelStart = 0;
@@ -572,13 +581,12 @@ function useLexicalDragonSupport(editor) {
  *
  * 
  */
-const EditorPriority = 0;
-function usePlainTextSetup(editor) {
-  useLayoutEffect(() => {
+function usePlainTextSetup(editor, initialEditorState) {
+  react.useEffect(() => {
     const removeListener = editor.addListener('command', (type, payload) => {
       const selection = lexical.$getSelection();
 
-      if (selection === null) {
+      if (!lexical.$isRangeSelection(selection)) {
         return false;
       }
 
@@ -732,9 +740,10 @@ function usePlainTextSetup(editor) {
       }
 
       return false;
-    }, EditorPriority);
-    editor.execCommand('bootstrapEditor');
-    return removeListener;
+    }, 0);
+    initializeEditor(editor, initialEditorState);
+    return removeListener; // We only do this for init
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor]);
   useLexicalDragonSupport(editor);
 }

package/DEPRECATED_useLexicalPlainText.prod.js

@@ -4,19 +4,18 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-'use strict';var m=require("@lexical/react/withSubscriptions"),u=require("lexical"),v=require("react");
-function w(a,e,c,b,d){if(null===a||0===c.size&&0===b.size)return 0;var g=e._selection,f=a._selection;if(d)return 1;if(null===g||null===f||!f.isCollapsed()||!g.isCollapsed())return 0;var h=Array.from(c);b=Array.from(b);c=e._nodeMap;d=[];for(var k=0;k<h.length;k++){const n=c.get(h[k]);void 0!==n&&d.push(n)}for(h=0;h<b.length;h++)b[h][1]&&(k=c.get(b[h][0]),void 0===k||u.$isRootNode(k)||d.push(k));if(0===d.length)return 0;if(1<d.length)return b=e._nodeMap,e=b.get(g.anchor.key),f=b.get(f.anchor.key),e&&
-f&&!a._nodeMap.has(e.__key)&&u.$isTextNode(e)&&1===e.__text.length&&1===g.anchor.offset?2:0;e=d[0];a=a._nodeMap.get(e.__key);if(!u.$isTextNode(a)||!u.$isTextNode(e)||a.__mode!==e.__mode)return 0;a=a.__text;e=e.__text;if(a===e)return 0;g=g.anchor;f=f.anchor;if(g.key!==f.key||"text"!==g.type)return 0;g=g.offset;f=f.offset;a=e.length-a.length;return 1===a&&f===g-1?2:-1===a&&f===g+1?3:-1===a&&f===g?4:0}
-function x(a,e){let c=Date.now(),b=0;return(d,g,f,h,k,n)=>{const t=Date.now();if(n.has("historic"))return b=0,c=t,2;const l=w(d,g,h,k,a.isComposing()),r=(()=>{if(n.has("without-history"))return 0;if(null===d)return 1;var p=g._selection;const q=d._selection;if(!(0<h.size||0<k.size))return null===q&&null!==p?0:2;p=null===f||f.editor===a;return 0!==l&&l===b&&t<c+e&&p?0:1})();c=t;b=l;return r}}
-function y(a,e,c=1E3){const b=v.useMemo(()=>e||{current:null,redoStack:[],undoStack:[]},[e]),d=v.useCallback(()=>{b.undoStack=[];b.redoStack=[];b.current=null},[b]);v.useEffect(()=>{const g=x(a,c);return m(a.addListener("command",f=>{switch(f){case "undo":f=b.redoStack;var h=b.undoStack;if(0!==h.length){var k=b.current;const n=h.pop();null!==k&&(f.push(k),a.execCommand("canRedo",!0));0===h.length&&a.execCommand("canUndo",!1);b.current=n;n.editor.setEditorState(n.editorState.clone(n.undoSelection),
-{tag:"historic"})}return!0;case "redo":return f=b.redoStack,h=b.undoStack,0!==f.length&&(k=b.current,null!==k&&(h.push(k),a.execCommand("canUndo",!0)),h=f.pop(),0===f.length&&a.execCommand("canRedo",!1),b.current=h,h.editor.setEditorState(h.editorState,{tag:"historic"})),!0;case "clearEditor":return d(),!1;case "clearHistory":return d(),!0;default:return!1}},0),a.addListener("update",({editorState:f,prevEditorState:h,dirtyLeaves:k,dirtyElements:n,tags:t})=>{const l=b.current,r=b.redoStack,p=b.undoStack,
-q=null===l?null:l.editorState;if(null===l||f!==q){k=g(h,f,l,k,n,t);if(1===k)0!==r.length&&(b.redoStack=[]),null!==l&&(p.push({...l,undoSelection:h.read(u.$getSelection)}),a.execCommand("canUndo",!0));else if(2===k)return;b.current={editor:a,editorState:f}}}))},[d,c,a,b])}function z(a,e,c=1E3){return y(a,e,c)}function A(a,e){a=a.getData("text/plain");null!=a&&e.insertRawText(a)}
-function B(a,e){var c=a.focus;a=c.offset;"element"===c.type?e=c.getNode().getChildAtIndex(e?a-1:a):(c=c.getNode(),e=e&&0===a||!e&&a===c.getTextContentSize()?e?c.getPreviousSibling():c.getNextSibling():null);return u.$isDecoratorNode(e)}function C(a,e){a.preventDefault();e.update(()=>{u.$log("onPasteForPlainText");const c=u.$getSelection(),b=a.clipboardData;null!=b&&null!==c&&A(b,c)})}
-function D(a,e){E(a,e);e.update(()=>{u.$log("onCutForPlainText");const c=u.$getSelection();null!==c&&c.removeText()})}function E(a,e){a.preventDefault();e.update(()=>{u.$log("onCopyForPlainText");const c=a.clipboardData,b=u.$getSelection();if(null!==b&&null!=c){var d=window.getSelection();if(!d.isCollapsed){var g=d.getRangeAt(0);g&&(d=document.createElement("div"),g=g.cloneContents(),d.appendChild(g),c.setData("text/html",d.innerHTML));c.setData("text/plain",b.getTextContent())}}})}
-var F="undefined"!==typeof window&&"undefined"!==typeof window.document&&"undefined"!==typeof window.document.createElement?v.useLayoutEffect:v.useEffect;
-function G(a){v.useEffect(()=>{const e=c=>{var b=a.getRootElement();if(document.activeElement===b&&(b=c.data,"string"===typeof b)){try{var d=JSON.parse(b)}catch(g){return}if(d&&"nuanria_messaging"===d.protocol&&"request"===d.type&&(d=d.payload)&&"makeChanges"===d.functionId&&(d=d.args)){const [g,f,h,k,n]=d;a.update(()=>{u.$log("useLexicalDragonSupport");const t=u.$getSelection();if(null!==t){var l=t.anchor;let r=l.getNode(),p=0,q=0;u.$isTextNode(r)&&0<=g&&0<=f&&(p=g,q=g+f,t.setTextNodeRange(r,p,r,
-q));if(p!==q||""!==h)t.insertRawText(h),r=l.getNode();u.$isTextNode(r)&&(p=k,q=k+n,l=r.getTextContentSize(),p=p>l?l:p,q=q>l?l:q,t.setTextNodeRange(r,p,r,q));c.stopImmediatePropagation()}})}}};window.addEventListener("message",e,!0);return()=>{window.removeEventListener("message",e,!0)}},[a])}
-function H(a){F(()=>{const e=a.addListener("command",(c,b)=>{const d=u.$getSelection();if(null===d)return!1;switch(c){case "deleteCharacter":return d.deleteCharacter(b),!0;case "deleteWord":return d.deleteWord(b),!0;case "deleteLine":return d.deleteLine(b),!0;case "insertText":return"string"===typeof b?d.insertText(b):(c=b.dataTransfer,null!=c?A(c,d):(b=b.data)&&d.insertText(b)),!0;case "removeText":return d.removeText(),!0;case "insertLineBreak":return d.insertLineBreak(b),!0;case "insertParagraph":return d.insertLineBreak(),
-!0;case "indentContent":case "outdentContent":case "insertHorizontalRule":case "insertImage":case "insertTable":case "formatElement":case "formatText":return!0;case "keyArrowLeft":c=b.shiftKey;if(B(d,!0))return b.preventDefault(),b=c,c="rtl"===d.anchor.getNode().getParentOrThrow().getDirection(),d.modify(b?"extend":"move",!c,"character"),!0;break;case "keyArrowRight":c=b.shiftKey;if(B(d,!1))return b.preventDefault(),b=c,c="rtl"===d.anchor.getNode().getParentOrThrow().getDirection(),d.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 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);a.execCommand("bootstrapEditor");return e},[a]);G(a)}
-module.exports=function(a,e){H(a);z(a,e)};
+var k=require("@lexical/react/withSubscriptions"),u=require("lexical"),v=require("react");
+function w(a,d,f,b,c){if(null===a||0===f.size&&0===b.size)return 0;var e=d._selection,g=a._selection;if(c)return 1;if(!(u.$isRangeSelection(e)&&u.$isRangeSelection(g)&&g.isCollapsed()&&e.isCollapsed()))return 0;var h=Array.from(f);b=Array.from(b);f=d._nodeMap;c=[];for(var l=0;l<h.length;l++){const n=f.get(h[l]);void 0!==n&&c.push(n)}for(h=0;h<b.length;h++)b[h][1]&&(l=f.get(b[h][0]),void 0===l||u.$isRootNode(l)||c.push(l));if(0===c.length)return 0;if(1<c.length)return b=d._nodeMap,d=b.get(e.anchor.key),
+g=b.get(g.anchor.key),d&&g&&!a._nodeMap.has(d.__key)&&u.$isTextNode(d)&&1===d.__text.length&&1===e.anchor.offset?2:0;d=c[0];a=a._nodeMap.get(d.__key);if(!u.$isTextNode(a)||!u.$isTextNode(d)||a.__mode!==d.__mode)return 0;a=a.__text;d=d.__text;if(a===d)return 0;e=e.anchor;g=g.anchor;if(e.key!==g.key||"text"!==e.type)return 0;e=e.offset;g=g.offset;a=d.length-a.length;return 1===a&&g===e-1?2:-1===a&&g===e+1?3:-1===a&&g===e?4:0}
+function x(a,d){let f=Date.now(),b=0;return(c,e,g,h,l,n)=>{const t=Date.now();if(n.has("historic"))return b=0,f=t,2;const m=w(c,e,h,l,a.isComposing()),r=(()=>{const q=n.has("history-push");if(!q&&n.has("history-merge"))return 0;if(null===c)return 1;var p=e._selection;const D=c._selection;if(!(0<h.size||0<l.size))return null===D&&null!==p?0:2;p=null===g||g.editor===a;return!1===q&&0!==m&&m===b&&t<f+d&&p?0:1})();f=t;b=m;return r}}
+function y(a,d,f=1E3){const b=v.useMemo(()=>d||{current:null,redoStack:[],undoStack:[]},[d]),c=v.useCallback(()=>{b.undoStack=[];b.redoStack=[];b.current=null},[b]);v.useEffect(()=>{const e=x(a,f);return k(a.addListener("command",g=>{switch(g){case "undo":g=b.redoStack;var h=b.undoStack;if(0!==h.length){var l=b.current;const n=h.pop();null!==l&&(g.push(l),a.execCommand("canRedo",!0));0===h.length&&a.execCommand("canUndo",!1);b.current=n;n.editor.setEditorState(n.editorState.clone(n.undoSelection),
+{tag:"historic"})}return!0;case "redo":return g=b.redoStack,h=b.undoStack,0!==g.length&&(l=b.current,null!==l&&(h.push(l),a.execCommand("canUndo",!0)),h=g.pop(),0===g.length&&a.execCommand("canRedo",!1),b.current=h,h.editor.setEditorState(h.editorState,{tag:"historic"})),!0;case "clearEditor":return c(),!1;case "clearHistory":return c(),!0;default:return!1}},0),a.addListener("update",({editorState:g,prevEditorState:h,dirtyLeaves:l,dirtyElements:n,tags:t})=>{const m=b.current,r=b.redoStack,q=b.undoStack,
+p=null===m?null:m.editorState;if(null===m||g!==p){l=e(h,g,m,l,n,t);if(1===l)0!==r.length&&(b.redoStack=[]),null!==m&&(q.push({...m,undoSelection:h.read(u.$getSelection)}),a.execCommand("canUndo",!0));else if(2===l)return;b.current={editor:a,editorState:g}}}))},[c,f,a,b])}function z(a,d,f=1E3){return y(a,d,f)}function A(a){a=a.anchor.getNode();return"rtl"===(u.$isRootNode(a)?a:a.getParentOrThrow()).getDirection()}function B(a,d){a=a.getData("text/plain");null!=a&&d.insertRawText(a)}
+function C(a,d){a=u.$getDecoratorNode(a.focus,d);return u.$isDecoratorNode(a)&&!a.isIsolated()}function E(a,d){a.preventDefault();d.update(()=>{const f=u.$getSelection(),b=a.clipboardData;null!=b&&u.$isRangeSelection(f)&&B(b,f)})}function F(a,d){G(a,d);d.update(()=>{const f=u.$getSelection();u.$isRangeSelection(f)&&f.removeText()})}
+function G(a,d){a.preventDefault();d.update(()=>{const f=a.clipboardData,b=u.$getSelection();if(null!==b&&null!=f){var c=window.getSelection();if(!c.isCollapsed){var e=c.getRangeAt(0);e&&(c=document.createElement("div"),e=e.cloneContents(),c.appendChild(e),f.setData("text/html",c.innerHTML));f.setData("text/plain",b.getTextContent())}}})}const H={tag:"history-merge"};
+function I(a,d){if(null!==d)if(void 0===d)a.update(()=>{var f=u.$getRoot();if(null===f.getFirstChild()){const b=u.$createParagraphNode();f.append(b);f=document.activeElement;(null!==u.$getSelection()||null!==f&&f===a.getRootElement())&&b.select()}},H);else if(null!==d)switch(typeof d){case "string":d=a.parseEditorState(d);a.setEditorState(d,H);break;case "object":a.setEditorState(d,H);break;case "function":a.update(d,H)}}
+function J(a){v.useEffect(()=>{const d=f=>{var b=a.getRootElement();if(document.activeElement===b&&(b=f.data,"string"===typeof b)){try{var c=JSON.parse(b)}catch(e){return}if(c&&"nuanria_messaging"===c.protocol&&"request"===c.type&&(c=c.payload)&&"makeChanges"===c.functionId&&(c=c.args)){const [e,g,h,l,n]=c;a.update(()=>{const t=u.$getSelection();if(u.$isRangeSelection(t)){var m=t.anchor;let r=m.getNode(),q=0,p=0;u.$isTextNode(r)&&0<=e&&0<=g&&(q=e,p=e+g,t.setTextNodeRange(r,q,r,p));if(q!==p||""!==
+h)t.insertRawText(h),r=m.getNode();u.$isTextNode(r)&&(q=l,p=l+n,m=r.getTextContentSize(),q=q>m?m:q,p=p>m?m:p,t.setTextNodeRange(r,q,r,p));f.stopImmediatePropagation()}})}}};window.addEventListener("message",d,!0);return()=>{window.removeEventListener("message",d,!0)}},[a])}
+function K(a,d){v.useEffect(()=>{const f=a.addListener("command",(b,c)=>{const e=u.$getSelection();if(!u.$isRangeSelection(e))return!1;switch(b){case "deleteCharacter":return e.deleteCharacter(c),!0;case "deleteWord":return e.deleteWord(c),!0;case "deleteLine":return e.deleteLine(c),!0;case "insertText":return"string"===typeof c?e.insertText(c):(b=c.dataTransfer,null!=b?B(b,e):(c=c.data)&&e.insertText(c)),!0;case "removeText":return e.removeText(),!0;case "insertLineBreak":return e.insertLineBreak(c),
+!0;case "insertParagraph":return e.insertLineBreak(),!0;case "indentContent":case "outdentContent":case "insertHorizontalRule":case "insertImage":case "insertTable":case "formatElement":case "formatText":return!0;case "keyArrowLeft":b=c.shiftKey;if(C(e,!0))return c.preventDefault(),c=b,b=A(e),e.modify(c?"extend":"move",!b,"character"),!0;break;case "keyArrowRight":b=c.shiftKey;if(C(e,!1))return c.preventDefault(),c=b,b=A(e),e.modify(c?"extend":"move",b,"character"),!0;break;case "keyBackspace":return c.preventDefault(),
+a.execCommand("deleteCharacter",!0);case "keyDelete":return c.preventDefault(),a.execCommand("deleteCharacter",!1);case "keyEnter":return c.preventDefault(),a.execCommand("insertLineBreak");case "copy":return G(c,a),!0;case "cut":return F(c,a),!0;case "paste":return E(c,a),!0;case "drop":case "dragstart":return c.preventDefault(),!0}return!1},0);I(a,d);return f},[a]);J(a)}module.exports=function(a,d){K(a);z(a,d)};