@lexical/rich-text 0.12.2 → 0.12.4

package/LexicalRichText.dev.js

@@ -18,26 +18,24 @@ var lexical = require('lexical');
  * LICENSE file in the root directory of this source tree.
  *
  */
+
 function caretFromPoint(x, y) {
   if (typeof document.caretRangeFromPoint !== 'undefined') {
     const range = document.caretRangeFromPoint(x, y);
-
     if (range === null) {
       return null;
     }
-
     return {
       node: range.startContainer,
       offset: range.startOffset
-    }; // @ts-ignore
+    };
+    // @ts-ignore
   } else if (document.caretPositionFromPoint !== 'undefined') {
     // @ts-ignore FF - no types
     const range = document.caretPositionFromPoint(x, y);
-
     if (range === null) {
       return null;
     }
-
     return {
       node: range.offsetNode,
       offset: range.offset
@@ -55,6 +53,7 @@ function caretFromPoint(x, y) {
  * LICENSE file in the root directory of this source tree.
  *
  */
+
 const CAN_USE_DOM = typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined';
 
 /**
@@ -69,41 +68,40 @@ CAN_USE_DOM && /Mac|iPod|iPhone|iPad/.test(navigator.platform);
 CAN_USE_DOM && /^(?!.*Seamonkey)(?=.*Firefox).*/i.test(navigator.userAgent);
 const CAN_USE_BEFORE_INPUT = CAN_USE_DOM && 'InputEvent' in window && !documentMode ? 'getTargetRanges' in new window.InputEvent('input') : false;
 const IS_SAFARI = CAN_USE_DOM && /Version\/[\d.]+.*Safari/.test(navigator.userAgent);
-const IS_IOS = CAN_USE_DOM && /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream; // Keep these in case we need to use them in the future.
-// export const IS_WINDOWS: boolean = CAN_USE_DOM && /Win/.test(navigator.platform);
+const IS_IOS = CAN_USE_DOM && /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
+CAN_USE_DOM && /Android/.test(navigator.userAgent);
 
-const IS_CHROME = CAN_USE_DOM && /^(?=.*Chrome).*/i.test(navigator.userAgent); // export const canUseTextInputEvent: boolean = CAN_USE_DOM && 'TextEvent' in window && !documentMode;
+// Keep these in case we need to use them in the future.
+// export const IS_WINDOWS: boolean = CAN_USE_DOM && /Win/.test(navigator.platform);
+const IS_CHROME = CAN_USE_DOM && /^(?=.*Chrome).*/i.test(navigator.userAgent);
+// export const canUseTextInputEvent: boolean = CAN_USE_DOM && 'TextEvent' in window && !documentMode;
 
 const IS_APPLE_WEBKIT = CAN_USE_DOM && /AppleWebKit\/[\d.]+/.test(navigator.userAgent) && !IS_CHROME;
 
 /** @module @lexical/rich-text */
 const DRAG_DROP_PASTE = lexical.createCommand('DRAG_DROP_PASTE_FILE');
-
 /** @noInheritDoc */
 class QuoteNode extends lexical.ElementNode {
   static getType() {
     return 'quote';
   }
-
   static clone(node) {
     return new QuoteNode(node.__key);
   }
-
   constructor(key) {
     super(key);
-  } // View
+  }
 
+  // View
 
   createDOM(config) {
     const element = document.createElement('blockquote');
     utils.addClassNamesToElement(element, config.theme.quote);
     return element;
   }
-
   updateDOM(prevNode, dom) {
     return false;
   }
-
   static importDOM() {
     return {
       blockquote: node => ({
@@ -112,28 +110,23 @@ class QuoteNode extends lexical.ElementNode {
       })
     };
   }
-
   exportDOM(editor) {
     const {
       element
     } = super.exportDOM(editor);
-
     if (element && utils.isHTMLElement(element)) {
       if (this.isEmpty()) element.append(document.createElement('br'));
       const formatType = this.getFormatType();
       element.style.textAlign = formatType;
       const direction = this.getDirection();
-
       if (direction) {
         element.dir = direction;
       }
     }
-
     return {
       element
     };
   }
-
   static importJSON(serializedNode) {
     const node = $createQuoteNode();
     node.setFormat(serializedNode.format);
@@ -141,13 +134,14 @@ class QuoteNode extends lexical.ElementNode {
     node.setDirection(serializedNode.direction);
     return node;
   }
-
   exportJSON() {
-    return { ...super.exportJSON(),
+    return {
+      ...super.exportJSON(),
       type: 'quote'
     };
-  } // Mutation
+  }
 
+  // Mutation
 
   insertNewAfter(_, restoreSelection) {
     const newBlock = lexical.$createParagraphNode();
@@ -156,7 +150,6 @@ class QuoteNode extends lexical.ElementNode {
     this.insertAfter(newBlock, restoreSelection);
     return newBlock;
   }
-
   collapseAtStart() {
     const paragraph = lexical.$createParagraphNode();
     const children = this.getChildren();
@@ -164,7 +157,6 @@ class QuoteNode extends lexical.ElementNode {
     this.replace(paragraph);
     return true;
   }
-
 }
 function $createQuoteNode() {
   return lexical.$applyNodeReplacement(new QuoteNode());
@@ -172,46 +164,40 @@ function $createQuoteNode() {
 function $isQuoteNode(node) {
   return node instanceof QuoteNode;
 }
-
 /** @noInheritDoc */
 class HeadingNode extends lexical.ElementNode {
   /** @internal */
+
   static getType() {
     return 'heading';
   }
-
   static clone(node) {
     return new HeadingNode(node.__tag, node.__key);
   }
-
   constructor(tag, key) {
     super(key);
     this.__tag = tag;
   }
-
   getTag() {
     return this.__tag;
-  } // View
+  }
 
+  // View
 
   createDOM(config) {
     const tag = this.__tag;
     const element = document.createElement(tag);
     const theme = config.theme;
     const classNames = theme.heading;
-
     if (classNames !== undefined) {
       const className = classNames[tag];
       utils.addClassNamesToElement(element, className);
     }
-
     return element;
   }
-
   updateDOM(prevNode, dom) {
     return false;
   }
-
   static importDOM() {
     return {
       h1: node => ({
@@ -242,7 +228,6 @@ class HeadingNode extends lexical.ElementNode {
         // domNode is a <p> since we matched it by nodeName
         const paragraph = node;
         const firstChild = paragraph.firstChild;
-
         if (firstChild !== null && isGoogleDocsTitle(firstChild)) {
           return {
             conversion: () => ({
@@ -251,7 +236,6 @@ class HeadingNode extends lexical.ElementNode {
             priority: 3
           };
         }
-
         return null;
       },
       span: node => {
@@ -265,33 +249,27 @@ class HeadingNode extends lexical.ElementNode {
             priority: 3
           };
         }
-
         return null;
       }
     };
   }
-
   exportDOM(editor) {
     const {
       element
     } = super.exportDOM(editor);
-
     if (element && utils.isHTMLElement(element)) {
       if (this.isEmpty()) element.append(document.createElement('br'));
       const formatType = this.getFormatType();
       element.style.textAlign = formatType;
       const direction = this.getDirection();
-
       if (direction) {
         element.dir = direction;
       }
     }
-
     return {
       element
     };
   }
-
   static importJSON(serializedNode) {
     const node = $createHeadingNode(serializedNode.tag);
     node.setFormat(serializedNode.format);
@@ -299,25 +277,29 @@ class HeadingNode extends lexical.ElementNode {
     node.setDirection(serializedNode.direction);
     return node;
   }
-
   exportJSON() {
-    return { ...super.exportJSON(),
+    return {
+      ...super.exportJSON(),
       tag: this.getTag(),
       type: 'heading',
       version: 1
     };
-  } // Mutation
-
+  }
 
+  // Mutation
   insertNewAfter(selection, restoreSelection = true) {
     const anchorOffet = selection ? selection.anchor.offset : 0;
-    const newElement = anchorOffet > 0 && anchorOffet < this.getTextContentSize() ? $createHeadingNode(this.getTag()) : lexical.$createParagraphNode();
+    const newElement = anchorOffet === this.getTextContentSize() || !selection ? lexical.$createParagraphNode() : $createHeadingNode(this.getTag());
     const direction = this.getDirection();
     newElement.setDirection(direction);
     this.insertAfter(newElement, restoreSelection);
+    if (anchorOffet === 0 && !this.isEmpty() && selection) {
+      const paragraph = lexical.$createParagraphNode();
+      paragraph.select();
+      this.replace(paragraph, true);
+    }
     return newElement;
   }
-
   collapseAtStart() {
     const newElement = !this.isEmpty() ? $createHeadingNode(this.getTag()) : lexical.$createParagraphNode();
     const children = this.getChildren();
@@ -325,63 +307,49 @@ class HeadingNode extends lexical.ElementNode {
     this.replace(newElement);
     return true;
   }
-
   extractWithChild() {
     return true;
   }
-
 }
-
 function isGoogleDocsTitle(domNode) {
   if (domNode.nodeName.toLowerCase() === 'span') {
     return domNode.style.fontSize === '26pt';
   }
-
   return false;
 }
-
 function convertHeadingElement(element) {
   const nodeName = element.nodeName.toLowerCase();
   let node = null;
-
   if (nodeName === 'h1' || nodeName === 'h2' || nodeName === 'h3' || nodeName === 'h4' || nodeName === 'h5' || nodeName === 'h6') {
     node = $createHeadingNode(nodeName);
-
     if (element.style !== null) {
       node.setFormat(element.style.textAlign);
     }
   }
-
   return {
     node
   };
 }
-
 function convertBlockquoteElement(element) {
   const node = $createQuoteNode();
-
   if (element.style !== null) {
     node.setFormat(element.style.textAlign);
   }
-
   return {
     node
   };
 }
-
 function $createHeadingNode(headingTag) {
   return lexical.$applyNodeReplacement(new HeadingNode(headingTag));
 }
 function $isHeadingNode(node) {
   return node instanceof HeadingNode;
 }
-
 function onPasteForRichText(event, editor) {
   event.preventDefault();
   editor.update(() => {
     const selection = lexical.$getSelection();
     const clipboardData = event instanceof InputEvent || event instanceof KeyboardEvent ? null : event.clipboardData;
-
     if (clipboardData != null && (lexical.$isRangeSelection(selection) || lexical.DEPRECATED_$isGridSelection(selection))) {
       clipboard.$insertDataTransferForRichText(clipboardData, selection, editor);
     }
@@ -389,122 +357,97 @@ function onPasteForRichText(event, editor) {
     tag: 'paste'
   });
 }
-
 async function onCutForRichText(event, editor) {
   await clipboard.copyToClipboard(editor, utils.objectKlassEquals(event, ClipboardEvent) ? event : null);
   editor.update(() => {
     const selection = lexical.$getSelection();
-
     if (lexical.$isRangeSelection(selection)) {
       selection.removeText();
     } else if (lexical.$isNodeSelection(selection)) {
       selection.getNodes().forEach(node => node.remove());
     }
   });
-} // Clipboard may contain files that we aren't allowed to read. While the event is arguably useless,
-// in certain ocassions, we want to know whether it was a file transfer, as opposed to text. We
-// control this with the first boolean flag.
-
+}
 
+// Clipboard may contain files that we aren't allowed to read. While the event is arguably useless,
+// in certain occasions, we want to know whether it was a file transfer, as opposed to text. We
+// control this with the first boolean flag.
 function eventFiles(event) {
   let dataTransfer = null;
-
   if (event instanceof DragEvent) {
     dataTransfer = event.dataTransfer;
   } else if (event instanceof ClipboardEvent) {
     dataTransfer = event.clipboardData;
   }
-
   if (dataTransfer === null) {
     return [false, [], false];
   }
-
   const types = dataTransfer.types;
   const hasFiles = types.includes('Files');
   const hasContent = types.includes('text/html') || types.includes('text/plain');
   return [hasFiles, Array.from(dataTransfer.files), hasContent];
 }
-
 function handleIndentAndOutdent(indentOrOutdent) {
   const selection = lexical.$getSelection();
-
   if (!lexical.$isRangeSelection(selection)) {
     return false;
   }
-
   const alreadyHandled = new Set();
   const nodes = selection.getNodes();
-
   for (let i = 0; i < nodes.length; i++) {
     const node = nodes[i];
     const key = node.getKey();
-
     if (alreadyHandled.has(key)) {
       continue;
     }
-
     const parentBlock = utils.$getNearestBlockElementAncestorOrThrow(node);
     const parentKey = parentBlock.getKey();
-
     if (parentBlock.canIndent() && !alreadyHandled.has(parentKey)) {
       alreadyHandled.add(parentKey);
       indentOrOutdent(parentBlock);
     }
   }
-
   return alreadyHandled.size > 0;
 }
-
 function $isTargetWithinDecorator(target) {
   const node = lexical.$getNearestNodeFromDOMNode(target);
   return lexical.$isDecoratorNode(node);
 }
-
 function $isSelectionAtEndOfRoot(selection) {
   const focus = selection.focus;
   return focus.key === 'root' && focus.offset === lexical.$getRoot().getChildrenSize();
 }
-
 function registerRichText(editor) {
   const removeListener = utils.mergeRegister(editor.registerCommand(lexical.CLICK_COMMAND, payload => {
     const selection = lexical.$getSelection();
-
     if (lexical.$isNodeSelection(selection)) {
       selection.clear();
       return true;
     }
-
     return false;
   }, 0), editor.registerCommand(lexical.DELETE_CHARACTER_COMMAND, isBackward => {
     const selection = lexical.$getSelection();
-
     if (!lexical.$isRangeSelection(selection)) {
       return false;
     }
-
     selection.deleteCharacter(isBackward);
     return true;
   }, lexical.COMMAND_PRIORITY_EDITOR), editor.registerCommand(lexical.DELETE_WORD_COMMAND, isBackward => {
     const selection = lexical.$getSelection();
-
     if (!lexical.$isRangeSelection(selection)) {
       return false;
     }
-
     selection.deleteWord(isBackward);
     return true;
   }, lexical.COMMAND_PRIORITY_EDITOR), editor.registerCommand(lexical.DELETE_LINE_COMMAND, isBackward => {
     const selection = lexical.$getSelection();
-
     if (!lexical.$isRangeSelection(selection)) {
       return false;
     }
-
     selection.deleteLine(isBackward);
     return true;
   }, lexical.COMMAND_PRIORITY_EDITOR), editor.registerCommand(lexical.CONTROLLED_TEXT_INSERTION_COMMAND, eventOrText => {
     const selection = lexical.$getSelection();
-
     if (typeof eventOrText === 'string') {
       if (lexical.$isRangeSelection(selection)) {
         selection.insertText(eventOrText);
@@ -513,75 +456,57 @@ function registerRichText(editor) {
       if (!lexical.$isRangeSelection(selection) && !lexical.DEPRECATED_$isGridSelection(selection)) {
         return false;
       }
-
       const dataTransfer = eventOrText.dataTransfer;
-
       if (dataTransfer != null) {
         clipboard.$insertDataTransferForRichText(dataTransfer, selection, editor);
       } else if (lexical.$isRangeSelection(selection)) {
         const data = eventOrText.data;
-
         if (data) {
           selection.insertText(data);
         }
-
         return true;
       }
     }
-
     return true;
   }, lexical.COMMAND_PRIORITY_EDITOR), editor.registerCommand(lexical.REMOVE_TEXT_COMMAND, () => {
     const selection = lexical.$getSelection();
-
     if (!lexical.$isRangeSelection(selection)) {
       return false;
     }
-
     selection.removeText();
     return true;
   }, lexical.COMMAND_PRIORITY_EDITOR), editor.registerCommand(lexical.FORMAT_TEXT_COMMAND, format => {
     const selection = lexical.$getSelection();
-
     if (!lexical.$isRangeSelection(selection)) {
       return false;
     }
-
     selection.formatText(format);
     return true;
   }, lexical.COMMAND_PRIORITY_EDITOR), editor.registerCommand(lexical.FORMAT_ELEMENT_COMMAND, format => {
     const selection = lexical.$getSelection();
-
     if (!lexical.$isRangeSelection(selection) && !lexical.$isNodeSelection(selection)) {
       return false;
     }
-
     const nodes = selection.getNodes();
-
     for (const node of nodes) {
       const element = utils.$findMatchingParent(node, parentNode => lexical.$isElementNode(parentNode) && !parentNode.isInline());
-
       if (element !== null) {
         element.setFormat(format);
       }
     }
-
     return true;
   }, lexical.COMMAND_PRIORITY_EDITOR), editor.registerCommand(lexical.INSERT_LINE_BREAK_COMMAND, selectStart => {
     const selection = lexical.$getSelection();
-
     if (!lexical.$isRangeSelection(selection)) {
       return false;
     }
-
     selection.insertLineBreak(selectStart);
     return true;
   }, lexical.COMMAND_PRIORITY_EDITOR), editor.registerCommand(lexical.INSERT_PARAGRAPH_COMMAND, () => {
     const selection = lexical.$getSelection();
-
     if (!lexical.$isRangeSelection(selection)) {
       return false;
     }
-
     selection.insertParagraph();
     return true;
   }, lexical.COMMAND_PRIORITY_EDITOR), editor.registerCommand(lexical.INSERT_TAB_COMMAND, () => {
@@ -595,42 +520,35 @@ function registerRichText(editor) {
   }, lexical.COMMAND_PRIORITY_EDITOR), editor.registerCommand(lexical.OUTDENT_CONTENT_COMMAND, () => {
     return handleIndentAndOutdent(block => {
       const indent = block.getIndent();
-
       if (indent > 0) {
         block.setIndent(indent - 1);
       }
     });
   }, lexical.COMMAND_PRIORITY_EDITOR), editor.registerCommand(lexical.KEY_ARROW_UP_COMMAND, event => {
     const selection = lexical.$getSelection();
-
     if (lexical.$isNodeSelection(selection) && !$isTargetWithinDecorator(event.target)) {
       // If selection is on a node, let's try and move selection
       // back to being a range selection.
       const nodes = selection.getNodes();
-
       if (nodes.length > 0) {
         nodes[0].selectPrevious();
         return true;
       }
     } else if (lexical.$isRangeSelection(selection)) {
       const possibleNode = lexical.$getAdjacentNode(selection.focus, true);
-
       if (!event.shiftKey && lexical.$isDecoratorNode(possibleNode) && !possibleNode.isIsolated() && !possibleNode.isInline()) {
         possibleNode.selectPrevious();
         event.preventDefault();
         return true;
       }
     }
-
     return false;
   }, lexical.COMMAND_PRIORITY_EDITOR), editor.registerCommand(lexical.KEY_ARROW_DOWN_COMMAND, event => {
     const selection = lexical.$getSelection();
-
     if (lexical.$isNodeSelection(selection)) {
       // If selection is on a node, let's try and move selection
       // back to being a range selection.
       const nodes = selection.getNodes();
-
       if (nodes.length > 0) {
         nodes[0].selectNext(0, 0);
         return true;
@@ -640,118 +558,93 @@ function registerRichText(editor) {
         event.preventDefault();
         return true;
       }
-
       const possibleNode = lexical.$getAdjacentNode(selection.focus, false);
-
       if (!event.shiftKey && lexical.$isDecoratorNode(possibleNode) && !possibleNode.isIsolated() && !possibleNode.isInline()) {
         possibleNode.selectNext();
         event.preventDefault();
         return true;
       }
     }
-
     return false;
   }, lexical.COMMAND_PRIORITY_EDITOR), editor.registerCommand(lexical.KEY_ARROW_LEFT_COMMAND, event => {
     const selection$1 = lexical.$getSelection();
-
     if (lexical.$isNodeSelection(selection$1)) {
       // If selection is on a node, let's try and move selection
       // back to being a range selection.
       const nodes = selection$1.getNodes();
-
       if (nodes.length > 0) {
         event.preventDefault();
         nodes[0].selectPrevious();
         return true;
       }
     }
-
     if (!lexical.$isRangeSelection(selection$1)) {
       return false;
     }
-
     if (selection.$shouldOverrideDefaultCharacterSelection(selection$1, true)) {
       const isHoldingShift = event.shiftKey;
       event.preventDefault();
       selection.$moveCharacter(selection$1, isHoldingShift, true);
       return true;
     }
-
     return false;
   }, lexical.COMMAND_PRIORITY_EDITOR), editor.registerCommand(lexical.KEY_ARROW_RIGHT_COMMAND, event => {
     const selection$1 = lexical.$getSelection();
-
     if (lexical.$isNodeSelection(selection$1) && !$isTargetWithinDecorator(event.target)) {
       // If selection is on a node, let's try and move selection
       // back to being a range selection.
       const nodes = selection$1.getNodes();
-
       if (nodes.length > 0) {
         event.preventDefault();
         nodes[0].selectNext(0, 0);
         return true;
       }
     }
-
     if (!lexical.$isRangeSelection(selection$1)) {
       return false;
     }
-
     const isHoldingShift = event.shiftKey;
-
     if (selection.$shouldOverrideDefaultCharacterSelection(selection$1, false)) {
       event.preventDefault();
       selection.$moveCharacter(selection$1, isHoldingShift, false);
       return true;
     }
-
     return false;
   }, lexical.COMMAND_PRIORITY_EDITOR), editor.registerCommand(lexical.KEY_BACKSPACE_COMMAND, event => {
     if ($isTargetWithinDecorator(event.target)) {
       return false;
     }
-
     const selection = lexical.$getSelection();
-
     if (!lexical.$isRangeSelection(selection)) {
       return false;
     }
-
     event.preventDefault();
     const {
       anchor
     } = selection;
     const anchorNode = anchor.getNode();
-
     if (selection.isCollapsed() && anchor.offset === 0 && !lexical.$isRootNode(anchorNode)) {
       const element = utils.$getNearestBlockElementAncestorOrThrow(anchorNode);
-
       if (element.getIndent() > 0) {
         return editor.dispatchCommand(lexical.OUTDENT_CONTENT_COMMAND, undefined);
       }
     }
-
     return editor.dispatchCommand(lexical.DELETE_CHARACTER_COMMAND, true);
   }, lexical.COMMAND_PRIORITY_EDITOR), editor.registerCommand(lexical.KEY_DELETE_COMMAND, event => {
     if ($isTargetWithinDecorator(event.target)) {
       return false;
     }
-
     const selection = lexical.$getSelection();
-
     if (!lexical.$isRangeSelection(selection)) {
       return false;
     }
-
     event.preventDefault();
     return editor.dispatchCommand(lexical.DELETE_CHARACTER_COMMAND, false);
   }, lexical.COMMAND_PRIORITY_EDITOR), editor.registerCommand(lexical.KEY_ENTER_COMMAND, event => {
     const selection = lexical.$getSelection();
-
     if (!lexical.$isRangeSelection(selection)) {
       return false;
     }
-
     if (event !== null) {
       // If we have beforeinput, then we can avoid blocking
       // the default behavior. This ensures that the iOS can
@@ -763,42 +656,33 @@ function registerRichText(editor) {
       if ((IS_IOS || IS_SAFARI || IS_APPLE_WEBKIT) && CAN_USE_BEFORE_INPUT) {
         return false;
       }
-
       event.preventDefault();
-
       if (event.shiftKey) {
         return editor.dispatchCommand(lexical.INSERT_LINE_BREAK_COMMAND, false);
       }
     }
-
     return editor.dispatchCommand(lexical.INSERT_PARAGRAPH_COMMAND, undefined);
   }, lexical.COMMAND_PRIORITY_EDITOR), editor.registerCommand(lexical.KEY_ESCAPE_COMMAND, () => {
     const selection = lexical.$getSelection();
-
     if (!lexical.$isRangeSelection(selection)) {
       return false;
     }
-
     editor.blur();
     return true;
   }, lexical.COMMAND_PRIORITY_EDITOR), editor.registerCommand(lexical.DROP_COMMAND, event => {
     const [, files] = eventFiles(event);
-
     if (files.length > 0) {
       const x = event.clientX;
       const y = event.clientY;
       const eventRange = caretFromPoint(x, y);
-
       if (eventRange !== null) {
         const {
           offset: domOffset,
           node: domNode
         } = eventRange;
         const node = lexical.$getNearestNodeFromDOMNode(domNode);
-
         if (node !== null) {
           const selection = lexical.$createRangeSelection();
-
           if (lexical.$isTextNode(node)) {
             selection.anchor.set(node.getKey(), domOffset, 'text');
             selection.focus.set(node.getKey(), domOffset, 'text');
@@ -808,56 +692,43 @@ function registerRichText(editor) {
             selection.anchor.set(parentKey, offset, 'element');
             selection.focus.set(parentKey, offset, 'element');
           }
-
           const normalizedSelection = lexical.$normalizeSelection__EXPERIMENTAL(selection);
           lexical.$setSelection(normalizedSelection);
         }
-
         editor.dispatchCommand(DRAG_DROP_PASTE, files);
       }
-
       event.preventDefault();
       return true;
     }
-
     const selection = lexical.$getSelection();
-
     if (lexical.$isRangeSelection(selection)) {
       return true;
     }
-
     return false;
   }, lexical.COMMAND_PRIORITY_EDITOR), editor.registerCommand(lexical.DRAGSTART_COMMAND, event => {
     const [isFileTransfer] = eventFiles(event);
     const selection = lexical.$getSelection();
-
     if (isFileTransfer && !lexical.$isRangeSelection(selection)) {
       return false;
     }
-
     return true;
   }, lexical.COMMAND_PRIORITY_EDITOR), editor.registerCommand(lexical.DRAGOVER_COMMAND, event => {
     const [isFileTransfer] = eventFiles(event);
     const selection = lexical.$getSelection();
-
     if (isFileTransfer && !lexical.$isRangeSelection(selection)) {
       return false;
     }
-
     const x = event.clientX;
     const y = event.clientY;
     const eventRange = caretFromPoint(x, y);
-
     if (eventRange !== null) {
       const node = lexical.$getNearestNodeFromDOMNode(eventRange.node);
-
       if (lexical.$isDecoratorNode(node)) {
         // Show browser caret as the user is dragging the media across the screen. Won't work
         // for DecoratorNode nor it's relevant.
         event.preventDefault();
       }
     }
-
     return true;
   }, lexical.COMMAND_PRIORITY_EDITOR), editor.registerCommand(lexical.SELECT_ALL_COMMAND, () => {
     lexical.$selectAll();
@@ -870,24 +741,20 @@ function registerRichText(editor) {
     return true;
   }, lexical.COMMAND_PRIORITY_EDITOR), editor.registerCommand(lexical.PASTE_COMMAND, event => {
     const [, files, hasTextContent] = eventFiles(event);
-
     if (files.length > 0 && !hasTextContent) {
       editor.dispatchCommand(DRAG_DROP_PASTE, files);
       return true;
-    } // if inputs then paste within the input ignore creating a new node on paste event
-
+    }
 
+    // if inputs then paste within the input ignore creating a new node on paste event
     if (lexical.isSelectionCapturedInDecoratorInput(event.target)) {
       return false;
     }
-
     const selection = lexical.$getSelection();
-
     if (lexical.$isRangeSelection(selection) || lexical.DEPRECATED_$isGridSelection(selection)) {
       onPasteForRichText(event, editor);
       return true;
     }
-
     return false;
   }, lexical.COMMAND_PRIORITY_EDITOR));
   return removeListener;

package/LexicalRichText.prod.js

@@ -5,14 +5,14 @@
  * LICENSE file in the root directory of this source tree.
  */
 'use strict';var c=require("@lexical/clipboard"),g=require("@lexical/selection"),h=require("@lexical/utils"),k=require("lexical");function l(b,a){return"undefined"!==typeof document.caretRangeFromPoint?(b=document.caretRangeFromPoint(b,a),null===b?null:{node:b.startContainer,offset:b.startOffset}):"undefined"!==document.caretPositionFromPoint?(b=document.caretPositionFromPoint(b,a),null===b?null:{node:b.offsetNode,offset:b.offset}):null}
-let n="undefined"!==typeof window&&"undefined"!==typeof window.document&&"undefined"!==typeof window.document.createElement,p=n&&"documentMode"in document?document.documentMode:null;n&&/Mac|iPod|iPhone|iPad/.test(navigator.platform);n&&/^(?!.*Seamonkey)(?=.*Firefox).*/i.test(navigator.userAgent);
-let q=n&&"InputEvent"in window&&!p?"getTargetRanges"in new window.InputEvent("input"):!1,r=n&&/Version\/[\d.]+.*Safari/.test(navigator.userAgent),t=n&&/iPad|iPhone|iPod/.test(navigator.userAgent)&&!window.MSStream,u=n&&/^(?=.*Chrome).*/i.test(navigator.userAgent),v=n&&/AppleWebKit\/[\d.]+/.test(navigator.userAgent)&&!u,w=k.createCommand("DRAG_DROP_PASTE_FILE");
+let n="undefined"!==typeof window&&"undefined"!==typeof window.document&&"undefined"!==typeof window.document.createElement,p=n&&"documentMode"in document?document.documentMode:null;n&&/Mac|iPod|iPhone|iPad/.test(navigator.platform);n&&/^(?!.*Seamonkey)(?=.*Firefox).*/i.test(navigator.userAgent);let q=n&&"InputEvent"in window&&!p?"getTargetRanges"in new window.InputEvent("input"):!1,r=n&&/Version\/[\d.]+.*Safari/.test(navigator.userAgent),t=n&&/iPad|iPhone|iPod/.test(navigator.userAgent)&&!window.MSStream;
+n&&/Android/.test(navigator.userAgent);let u=n&&/^(?=.*Chrome).*/i.test(navigator.userAgent),v=n&&/AppleWebKit\/[\d.]+/.test(navigator.userAgent)&&!u,w=k.createCommand("DRAG_DROP_PASTE_FILE");
 class x extends k.ElementNode{static getType(){return"quote"}static clone(b){return new x(b.__key)}constructor(b){super(b)}createDOM(b){let a=document.createElement("blockquote");h.addClassNamesToElement(a,b.theme.quote);return a}updateDOM(){return!1}static importDOM(){return{blockquote:()=>({conversion:y,priority:0})}}exportDOM(b){({element:b}=super.exportDOM(b));if(b&&h.isHTMLElement(b)){this.isEmpty()&&b.append(document.createElement("br"));var a=this.getFormatType();b.style.textAlign=a;if(a=this.getDirection())b.dir=
 a}return{element:b}}static importJSON(b){let a=z();a.setFormat(b.format);a.setIndent(b.indent);a.setDirection(b.direction);return a}exportJSON(){return{...super.exportJSON(),type:"quote"}}insertNewAfter(b,a){b=k.$createParagraphNode();let d=this.getDirection();b.setDirection(d);this.insertAfter(b,a);return b}collapseAtStart(){let b=k.$createParagraphNode();this.getChildren().forEach(a=>b.append(a));this.replace(b);return!0}}function z(){return k.$applyNodeReplacement(new x)}
 class B extends k.ElementNode{static getType(){return"heading"}static clone(b){return new B(b.__tag,b.__key)}constructor(b,a){super(a);this.__tag=b}getTag(){return this.__tag}createDOM(b){let a=this.__tag,d=document.createElement(a);b=b.theme.heading;void 0!==b&&h.addClassNamesToElement(d,b[a]);return d}updateDOM(){return!1}static importDOM(){return{h1:()=>({conversion:C,priority:0}),h2:()=>({conversion:C,priority:0}),h3:()=>({conversion:C,priority:0}),h4:()=>({conversion:C,priority:0}),h5:()=>({conversion:C,
 priority:0}),h6:()=>({conversion:C,priority:0}),p:b=>{b=b.firstChild;return null!==b&&D(b)?{conversion:()=>({node:null}),priority:3}:null},span:b=>D(b)?{conversion:()=>({node:E("h1")}),priority:3}:null}}exportDOM(b){({element:b}=super.exportDOM(b));if(b&&h.isHTMLElement(b)){this.isEmpty()&&b.append(document.createElement("br"));var a=this.getFormatType();b.style.textAlign=a;if(a=this.getDirection())b.dir=a}return{element:b}}static importJSON(b){let a=E(b.tag);a.setFormat(b.format);a.setIndent(b.indent);
-a.setDirection(b.direction);return a}exportJSON(){return{...super.exportJSON(),tag:this.getTag(),type:"heading",version:1}}insertNewAfter(b,a=!0){b=b?b.anchor.offset:0;b=0<b&&b<this.getTextContentSize()?E(this.getTag()):k.$createParagraphNode();let d=this.getDirection();b.setDirection(d);this.insertAfter(b,a);return b}collapseAtStart(){let b=this.isEmpty()?k.$createParagraphNode():E(this.getTag());this.getChildren().forEach(a=>b.append(a));this.replace(b);return!0}extractWithChild(){return!0}}
-function D(b){return"span"===b.nodeName.toLowerCase()?"26pt"===b.style.fontSize:!1}function C(b){let a=b.nodeName.toLowerCase(),d=null;if("h1"===a||"h2"===a||"h3"===a||"h4"===a||"h5"===a||"h6"===a)d=E(a),null!==b.style&&d.setFormat(b.style.textAlign);return{node:d}}function y(b){let a=z();null!==b.style&&a.setFormat(b.style.textAlign);return{node:a}}function E(b){return k.$applyNodeReplacement(new B(b))}
+a.setDirection(b.direction);return a}exportJSON(){return{...super.exportJSON(),tag:this.getTag(),type:"heading",version:1}}insertNewAfter(b,a=!0){let d=b?b.anchor.offset:0,e=d!==this.getTextContentSize()&&b?E(this.getTag()):k.$createParagraphNode(),f=this.getDirection();e.setDirection(f);this.insertAfter(e,a);0===d&&!this.isEmpty()&&b&&(b=k.$createParagraphNode(),b.select(),this.replace(b,!0));return e}collapseAtStart(){let b=this.isEmpty()?k.$createParagraphNode():E(this.getTag());this.getChildren().forEach(a=>
+b.append(a));this.replace(b);return!0}extractWithChild(){return!0}}function D(b){return"span"===b.nodeName.toLowerCase()?"26pt"===b.style.fontSize:!1}function C(b){let a=b.nodeName.toLowerCase(),d=null;if("h1"===a||"h2"===a||"h3"===a||"h4"===a||"h5"===a||"h6"===a)d=E(a),null!==b.style&&d.setFormat(b.style.textAlign);return{node:d}}function y(b){let a=z();null!==b.style&&a.setFormat(b.style.textAlign);return{node:a}}function E(b){return k.$applyNodeReplacement(new B(b))}
 function F(b,a){b.preventDefault();a.update(()=>{let d=k.$getSelection(),e=b instanceof InputEvent||b instanceof KeyboardEvent?null:b.clipboardData;null!=e&&(k.$isRangeSelection(d)||k.DEPRECATED_$isGridSelection(d))&&c.$insertDataTransferForRichText(e,d,a)},{tag:"paste"})}
 async function G(b,a){await c.copyToClipboard(a,h.objectKlassEquals(b,ClipboardEvent)?b:null);a.update(()=>{let d=k.$getSelection();k.$isRangeSelection(d)?d.removeText():k.$isNodeSelection(d)&&d.getNodes().forEach(e=>e.remove())})}function H(b){let a=null;b instanceof DragEvent?a=b.dataTransfer:b instanceof ClipboardEvent&&(a=b.clipboardData);if(null===a)return[!1,[],!1];var d=a.types;b=d.includes("Files");d=d.includes("text/html")||d.includes("text/plain");return[b,Array.from(a.files),d]}
 function I(b){var a=k.$getSelection();if(!k.$isRangeSelection(a))return!1;let d=new Set;a=a.getNodes();for(let m=0;m<a.length;m++){var e=a[m],f=e.getKey();d.has(f)||(e=h.$getNearestBlockElementAncestorOrThrow(e),f=e.getKey(),e.canIndent()&&!d.has(f)&&(d.add(f),b(e)))}return 0<d.size}function J(b){b=k.$getNearestNodeFromDOMNode(b);return k.$isDecoratorNode(b)}exports.$createHeadingNode=E;exports.$createQuoteNode=z;exports.$isHeadingNode=function(b){return b instanceof B};

package/package.json

@@ -7,13 +7,13 @@
     "rich-text"
   ],
   "license": "MIT",
-  "version": "0.12.2",
+  "version": "0.12.4",
   "main": "LexicalRichText.js",
   "peerDependencies": {
-    "lexical": "0.12.2",
-    "@lexical/selection": "0.12.2",
-    "@lexical/clipboard": "0.12.2",
-    "@lexical/utils": "0.12.2"
+    "lexical": "0.12.4",
+    "@lexical/selection": "0.12.4",
+    "@lexical/clipboard": "0.12.4",
+    "@lexical/utils": "0.12.4"
   },
   "repository": {
     "type": "git",