lexical 0.14.2 → 0.14.4

package/Lexical.dev.js

@@ -999,9 +999,9 @@ function $shouldInsertTextAfterOrBeforeTextNode(selection, node) {
   const parent = node.getParentOrThrow();
   const isToken = node.isToken();
   if (offset === 0) {
-    return !node.canInsertTextBefore() || !parent.canInsertTextBefore() || isToken || $previousSiblingDoesNotAcceptText(node);
+    return !node.canInsertTextBefore() || !parent.canInsertTextBefore() && !node.isComposing() || isToken || $previousSiblingDoesNotAcceptText(node);
   } else if (offset === node.getTextContentSize()) {
-    return !node.canInsertTextAfter() || !parent.canInsertTextAfter() || isToken;
+    return !node.canInsertTextAfter() || !parent.canInsertTextAfter() && !node.isComposing() || isToken;
   } else {
     return false;
   }
@@ -1666,6 +1666,7 @@ function $garbageCollectDetachedNodes(prevEditorState, editorState, dirtyLeaves,
  */
 let subTreeTextContent = '';
 let subTreeDirectionedTextContent = '';
+let subTreeTextFormat = null;
 let editorTextContent = '';
 let activeEditorConfig;
 let activeEditor$1;
@@ -1836,6 +1837,10 @@ function createChildren(children, element, _startIndex, endIndex, dom, insertDOM
   let startIndex = _startIndex;
   for (; startIndex <= endIndex; ++startIndex) {
     createNode(children[startIndex], dom, insertDOM);
+    const node = activeNextNodeMap.get(children[startIndex]);
+    if (node !== null && subTreeTextFormat === null && $isTextNode(node)) {
+      subTreeTextFormat = node.getFormat();
+    }
   }
   if ($textContentRequiresDoubleLinebreakAtEnd(element)) {
     subTreeTextContent += DOUBLE_LINE_BREAK;
@@ -1871,6 +1876,11 @@ function reconcileElementTerminatingLineBreak(prevElement, nextElement, dom) {
     dom.appendChild(element);
   }
 }
+function reconcileParagraphFormat(element) {
+  if ($isParagraphNode(element) && subTreeTextFormat != null && subTreeTextFormat !== element.__textFormat) {
+    element.setTextFormat(subTreeTextFormat);
+  }
+}
 function reconcileBlockDirection(element, dom) {
   const previousSubTreeDirectionTextContent =
   // @ts-expect-error: internal field
@@ -1930,9 +1940,12 @@ function reconcileBlockDirection(element, dom) {
 function reconcileChildrenWithDirection(prevElement, nextElement, dom) {
   const previousSubTreeDirectionTextContent = subTreeDirectionedTextContent;
   subTreeDirectionedTextContent = '';
+  subTreeTextFormat = null;
   reconcileChildren(prevElement, nextElement, dom);
   reconcileBlockDirection(nextElement, dom);
+  reconcileParagraphFormat(nextElement);
   subTreeDirectionedTextContent = previousSubTreeDirectionTextContent;
+  subTreeTextFormat = null;
 }
 function createChildrenArray(element, nodeMap) {
   const children = [];
@@ -1965,6 +1978,10 @@ function reconcileChildren(prevElement, nextElement, dom) {
       dom.replaceChild(replacementDOM, lastDOM);
       destroyNode(prevFirstChildKey, null);
     }
+    const nextChildNode = activeNextNodeMap.get(nextFrstChildKey);
+    if (subTreeTextFormat === null && $isTextNode(nextChildNode)) {
+      subTreeTextFormat = nextChildNode.getFormat();
+    }
   } else {
     const prevChildren = createChildrenArray(prevElement, activePrevNodeMap);
     const nextChildren = createChildrenArray(nextElement, activeNextNodeMap);
@@ -2168,6 +2185,10 @@ function reconcileNodeChildren(nextElement, prevChildren, nextChildren, prevChil
         nextIndex++;
       }
     }
+    const node = activeNextNodeMap.get(nextKey);
+    if (node !== null && subTreeTextFormat === null && $isTextNode(node)) {
+      subTreeTextFormat = node.getFormat();
+    }
   }
   const appendNewChildren = prevIndex > prevEndIndex;
   const removeOldChildren = nextIndex > nextEndIndex;
@@ -2377,7 +2398,12 @@ function onSelectionChange(domSelection, editor, isActive) {
             selection.format = anchorNode.getFormat();
             selection.style = anchorNode.getStyle();
           } else if (anchor.type === 'element' && !isRootTextContentEmpty) {
-            selection.format = 0;
+            const lastNode = anchor.getNode();
+            if (lastNode instanceof ParagraphNode && lastNode.getChildrenSize() === 0) {
+              selection.format = lastNode.getTextFormat();
+            } else {
+              selection.format = 0;
+            }
             selection.style = '';
           }
         }
@@ -2729,7 +2755,6 @@ function onBeforeInput(event, editor) {
     }
   });
 }
-
 function onInput(event, editor) {
   // We don't want the onInput to bubble, in the case of nested editors.
   event.stopPropagation();
@@ -3049,7 +3074,7 @@ function addRootElementEvents(rootElement, editor) {
   // between all editor instances.
   const doc = rootElement.ownerDocument;
   const documentRootElementsCount = rootElementsRegistered.get(doc);
-  if (documentRootElementsCount === undefined) {
+  if (documentRootElementsCount === undefined || documentRootElementsCount < 1) {
     doc.addEventListener('selectionchange', onDocumentSelectionChange);
   }
   rootElementsRegistered.set(doc, documentRootElementsCount || 0 + 1);
@@ -3111,7 +3136,7 @@ function removeRootElementEvents(rootElement) {
   } // We only want to have a single global selectionchange event handler, shared
   // between all editor instances.
   rootElementsRegistered.set(doc, documentRootElementsCount - 1);
-  if (documentRootElementsCount === 1) {
+  if (rootElementsRegistered.get(doc) === 0) {
     doc.removeEventListener('selectionchange', onDocumentSelectionChange);
   }
 
@@ -3201,10 +3226,15 @@ class LexicalNode {
 
   /** @internal */
 
-  /** @internal */ //@ts-ignore We set the key in the constructor.
   /** @internal */
+  //@ts-ignore We set the key in the constructor.
+
+  /** @internal */
+
   /** @internal */
+
   /** @internal */
+
   // Flow doesn't support abstract classes unfortunately, so we can't _force_
   // subclasses of Node to implement statics. All subclasses of Node should have
   // a static getType and clone method though. We define getType and clone here so we can call it
@@ -3707,6 +3737,9 @@ class LexicalNode {
     mutableNode.__next = latestNode.__next;
     mutableNode.__prev = latestNode.__prev;
     if ($isElementNode(latestNode) && $isElementNode(mutableNode)) {
+      if ($isParagraphNode(latestNode) && $isParagraphNode(mutableNode)) {
+        mutableNode.__textFormat = latestNode.__textFormat;
+      }
       mutableNode.__first = latestNode.__first;
       mutableNode.__last = latestNode.__last;
       mutableNode.__size = latestNode.__size;
@@ -4712,7 +4745,7 @@ class TextNode extends LexicalNode {
    * Sets the node detail to the provided TextDetailType or 32-bit integer. Note that the TextDetailType
    * version of the argument can only specify one detail value and doing so will remove all other detail values that
    * may be applied to the node. For toggling behavior, consider using {@link TextNode.toggleDirectionless}
-   * or {@link TextNode.togglerUnmergeable}
+   * or {@link TextNode.toggleUnmergeable}
    *
    * @param detail - TextDetailType or 32-bit integer representing the node detail.
    *
@@ -5070,16 +5103,18 @@ class TextNode extends LexicalNode {
 function convertSpanElement(domNode) {
   // domNode is a <span> since we matched it by nodeName
   const span = domNode;
+  const style = span.style;
+  const fontWeight = style.fontWeight;
   // Google Docs uses span tags + font-weight for bold text
-  const hasBoldFontWeight = span.style.fontWeight === '700';
+  const hasBoldFontWeight = fontWeight === '700' || fontWeight === 'bold';
   // Google Docs uses span tags + text-decoration: line-through for strikethrough text
-  const hasLinethroughTextDecoration = span.style.textDecoration === 'line-through';
+  const hasLinethroughTextDecoration = style.textDecoration === 'line-through';
   // Google Docs uses span tags + font-style for italic text
-  const hasItalicFontStyle = span.style.fontStyle === 'italic';
+  const hasItalicFontStyle = style.fontStyle === 'italic';
   // Google Docs uses span tags + text-decoration: underline for underline text
-  const hasUnderlineTextDecoration = span.style.textDecoration === 'underline';
+  const hasUnderlineTextDecoration = style.textDecoration === 'underline';
   // Google Docs uses span tags + vertical-align to specify subscript and superscript
-  const verticalAlign = span.style.verticalAlign;
+  const verticalAlign = style.verticalAlign;
   return {
     forChild: lexicalNode => {
       if (!$isTextNode(lexicalNode)) {
@@ -6798,6 +6833,7 @@ function internalResolveSelectionPoint(dom, offset, lastPoint, editor) {
         return null;
       }
       if ($isElementNode(resolvedElement)) {
+        resolvedOffset = Math.min(resolvedElement.getChildrenSize(), resolvedOffset);
         let child = resolvedElement.getChildAtIndex(resolvedOffset);
         if ($isElementNode(child) && shouldResolveAncestor(child, resolvedOffset, lastPoint)) {
           const descendant = moveSelectionToEnd ? child.getLastDescendant() : child.getFirstDescendant();
@@ -6962,6 +6998,9 @@ function internalCreateSelection(editor) {
   }
   return lastSelection.clone();
 }
+function $createRangeSelectionFromDom(domSelection, editor) {
+  return internalCreateRangeSelection(null, domSelection, editor, null);
+}
 function internalCreateRangeSelection(lastSelection, domSelection, editor, event) {
   const windowObj = editor._window;
   if (windowObj === null) {
@@ -8720,9 +8759,28 @@ class EditorState {
  */
 /** @noInheritDoc */
 class ParagraphNode extends ElementNode {
+  /** @internal */
+
+  constructor(key) {
+    super(key);
+    this.__textFormat = 0;
+  }
   static getType() {
     return 'paragraph';
   }
+  getTextFormat() {
+    const self = this.getLatest();
+    return self.__textFormat;
+  }
+  setTextFormat(type) {
+    const self = this.getWritable();
+    self.__textFormat = type;
+    return self;
+  }
+  hasTextFormat(type) {
+    const formatFlag = TEXT_TYPE_TO_FORMAT[type];
+    return (this.getTextFormat() & formatFlag) !== 0;
+  }
   static clone(node) {
     return new ParagraphNode(node.__key);
   }
@@ -8779,11 +8837,13 @@ class ParagraphNode extends ElementNode {
     node.setFormat(serializedNode.format);
     node.setIndent(serializedNode.indent);
     node.setDirection(serializedNode.direction);
+    node.setTextFormat(serializedNode.textFormat);
     return node;
   }
   exportJSON() {
     return {
       ...super.exportJSON(),
+      textFormat: this.getTextFormat(),
       type: 'paragraph',
       version: 1
     };
@@ -8791,10 +8851,12 @@ class ParagraphNode extends ElementNode {
 
   // Mutation
 
-  insertNewAfter(_, restoreSelection) {
+  insertNewAfter(rangeSelection, restoreSelection) {
     const newElement = $createParagraphNode();
+    newElement.setTextFormat(rangeSelection.format);
     const direction = this.getDirection();
     newElement.setDirection(direction);
+    newElement.setFormat(this.getFormatType());
     this.insertAfter(newElement, restoreSelection);
     return newElement;
   }
@@ -8849,7 +8911,9 @@ function $isParagraphNode(node) {
 
 // https://github.com/microsoft/TypeScript/issues/3841
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
 const COMMAND_PRIORITY_EDITOR = 0;
 const COMMAND_PRIORITY_LOW = 1;
 const COMMAND_PRIORITY_NORMAL = 2;
@@ -9622,6 +9686,7 @@ exports.$createNodeSelection = $createNodeSelection;
 exports.$createParagraphNode = $createParagraphNode;
 exports.$createPoint = $createPoint;
 exports.$createRangeSelection = $createRangeSelection;
+exports.$createRangeSelectionFromDom = $createRangeSelectionFromDom;
 exports.$createTabNode = $createTabNode;
 exports.$createTextNode = $createTextNode;
 exports.$getAdjacentNode = $getAdjacentNode;

package/{Lexical.dev.esm.js → Lexical.dev.mjs}

@@ -997,9 +997,9 @@ function $shouldInsertTextAfterOrBeforeTextNode(selection, node) {
   const parent = node.getParentOrThrow();
   const isToken = node.isToken();
   if (offset === 0) {
-    return !node.canInsertTextBefore() || !parent.canInsertTextBefore() || isToken || $previousSiblingDoesNotAcceptText(node);
+    return !node.canInsertTextBefore() || !parent.canInsertTextBefore() && !node.isComposing() || isToken || $previousSiblingDoesNotAcceptText(node);
   } else if (offset === node.getTextContentSize()) {
-    return !node.canInsertTextAfter() || !parent.canInsertTextAfter() || isToken;
+    return !node.canInsertTextAfter() || !parent.canInsertTextAfter() && !node.isComposing() || isToken;
   } else {
     return false;
   }
@@ -1664,6 +1664,7 @@ function $garbageCollectDetachedNodes(prevEditorState, editorState, dirtyLeaves,
  */
 let subTreeTextContent = '';
 let subTreeDirectionedTextContent = '';
+let subTreeTextFormat = null;
 let editorTextContent = '';
 let activeEditorConfig;
 let activeEditor$1;
@@ -1834,6 +1835,10 @@ function createChildren(children, element, _startIndex, endIndex, dom, insertDOM
   let startIndex = _startIndex;
   for (; startIndex <= endIndex; ++startIndex) {
     createNode(children[startIndex], dom, insertDOM);
+    const node = activeNextNodeMap.get(children[startIndex]);
+    if (node !== null && subTreeTextFormat === null && $isTextNode(node)) {
+      subTreeTextFormat = node.getFormat();
+    }
   }
   if ($textContentRequiresDoubleLinebreakAtEnd(element)) {
     subTreeTextContent += DOUBLE_LINE_BREAK;
@@ -1869,6 +1874,11 @@ function reconcileElementTerminatingLineBreak(prevElement, nextElement, dom) {
     dom.appendChild(element);
   }
 }
+function reconcileParagraphFormat(element) {
+  if ($isParagraphNode(element) && subTreeTextFormat != null && subTreeTextFormat !== element.__textFormat) {
+    element.setTextFormat(subTreeTextFormat);
+  }
+}
 function reconcileBlockDirection(element, dom) {
   const previousSubTreeDirectionTextContent =
   // @ts-expect-error: internal field
@@ -1928,9 +1938,12 @@ function reconcileBlockDirection(element, dom) {
 function reconcileChildrenWithDirection(prevElement, nextElement, dom) {
   const previousSubTreeDirectionTextContent = subTreeDirectionedTextContent;
   subTreeDirectionedTextContent = '';
+  subTreeTextFormat = null;
   reconcileChildren(prevElement, nextElement, dom);
   reconcileBlockDirection(nextElement, dom);
+  reconcileParagraphFormat(nextElement);
   subTreeDirectionedTextContent = previousSubTreeDirectionTextContent;
+  subTreeTextFormat = null;
 }
 function createChildrenArray(element, nodeMap) {
   const children = [];
@@ -1963,6 +1976,10 @@ function reconcileChildren(prevElement, nextElement, dom) {
       dom.replaceChild(replacementDOM, lastDOM);
       destroyNode(prevFirstChildKey, null);
     }
+    const nextChildNode = activeNextNodeMap.get(nextFrstChildKey);
+    if (subTreeTextFormat === null && $isTextNode(nextChildNode)) {
+      subTreeTextFormat = nextChildNode.getFormat();
+    }
   } else {
     const prevChildren = createChildrenArray(prevElement, activePrevNodeMap);
     const nextChildren = createChildrenArray(nextElement, activeNextNodeMap);
@@ -2166,6 +2183,10 @@ function reconcileNodeChildren(nextElement, prevChildren, nextChildren, prevChil
         nextIndex++;
       }
     }
+    const node = activeNextNodeMap.get(nextKey);
+    if (node !== null && subTreeTextFormat === null && $isTextNode(node)) {
+      subTreeTextFormat = node.getFormat();
+    }
   }
   const appendNewChildren = prevIndex > prevEndIndex;
   const removeOldChildren = nextIndex > nextEndIndex;
@@ -2375,7 +2396,12 @@ function onSelectionChange(domSelection, editor, isActive) {
             selection.format = anchorNode.getFormat();
             selection.style = anchorNode.getStyle();
           } else if (anchor.type === 'element' && !isRootTextContentEmpty) {
-            selection.format = 0;
+            const lastNode = anchor.getNode();
+            if (lastNode instanceof ParagraphNode && lastNode.getChildrenSize() === 0) {
+              selection.format = lastNode.getTextFormat();
+            } else {
+              selection.format = 0;
+            }
             selection.style = '';
           }
         }
@@ -2727,7 +2753,6 @@ function onBeforeInput(event, editor) {
     }
   });
 }
-
 function onInput(event, editor) {
   // We don't want the onInput to bubble, in the case of nested editors.
   event.stopPropagation();
@@ -3047,7 +3072,7 @@ function addRootElementEvents(rootElement, editor) {
   // between all editor instances.
   const doc = rootElement.ownerDocument;
   const documentRootElementsCount = rootElementsRegistered.get(doc);
-  if (documentRootElementsCount === undefined) {
+  if (documentRootElementsCount === undefined || documentRootElementsCount < 1) {
     doc.addEventListener('selectionchange', onDocumentSelectionChange);
   }
   rootElementsRegistered.set(doc, documentRootElementsCount || 0 + 1);
@@ -3109,7 +3134,7 @@ function removeRootElementEvents(rootElement) {
   } // We only want to have a single global selectionchange event handler, shared
   // between all editor instances.
   rootElementsRegistered.set(doc, documentRootElementsCount - 1);
-  if (documentRootElementsCount === 1) {
+  if (rootElementsRegistered.get(doc) === 0) {
     doc.removeEventListener('selectionchange', onDocumentSelectionChange);
   }
 
@@ -3199,10 +3224,15 @@ class LexicalNode {
 
   /** @internal */
 
-  /** @internal */ //@ts-ignore We set the key in the constructor.
   /** @internal */
+  //@ts-ignore We set the key in the constructor.
+
+  /** @internal */
+
   /** @internal */
+
   /** @internal */
+
   // Flow doesn't support abstract classes unfortunately, so we can't _force_
   // subclasses of Node to implement statics. All subclasses of Node should have
   // a static getType and clone method though. We define getType and clone here so we can call it
@@ -3705,6 +3735,9 @@ class LexicalNode {
     mutableNode.__next = latestNode.__next;
     mutableNode.__prev = latestNode.__prev;
     if ($isElementNode(latestNode) && $isElementNode(mutableNode)) {
+      if ($isParagraphNode(latestNode) && $isParagraphNode(mutableNode)) {
+        mutableNode.__textFormat = latestNode.__textFormat;
+      }
       mutableNode.__first = latestNode.__first;
       mutableNode.__last = latestNode.__last;
       mutableNode.__size = latestNode.__size;
@@ -4710,7 +4743,7 @@ class TextNode extends LexicalNode {
    * Sets the node detail to the provided TextDetailType or 32-bit integer. Note that the TextDetailType
    * version of the argument can only specify one detail value and doing so will remove all other detail values that
    * may be applied to the node. For toggling behavior, consider using {@link TextNode.toggleDirectionless}
-   * or {@link TextNode.togglerUnmergeable}
+   * or {@link TextNode.toggleUnmergeable}
    *
    * @param detail - TextDetailType or 32-bit integer representing the node detail.
    *
@@ -5068,16 +5101,18 @@ class TextNode extends LexicalNode {
 function convertSpanElement(domNode) {
   // domNode is a <span> since we matched it by nodeName
   const span = domNode;
+  const style = span.style;
+  const fontWeight = style.fontWeight;
   // Google Docs uses span tags + font-weight for bold text
-  const hasBoldFontWeight = span.style.fontWeight === '700';
+  const hasBoldFontWeight = fontWeight === '700' || fontWeight === 'bold';
   // Google Docs uses span tags + text-decoration: line-through for strikethrough text
-  const hasLinethroughTextDecoration = span.style.textDecoration === 'line-through';
+  const hasLinethroughTextDecoration = style.textDecoration === 'line-through';
   // Google Docs uses span tags + font-style for italic text
-  const hasItalicFontStyle = span.style.fontStyle === 'italic';
+  const hasItalicFontStyle = style.fontStyle === 'italic';
   // Google Docs uses span tags + text-decoration: underline for underline text
-  const hasUnderlineTextDecoration = span.style.textDecoration === 'underline';
+  const hasUnderlineTextDecoration = style.textDecoration === 'underline';
   // Google Docs uses span tags + vertical-align to specify subscript and superscript
-  const verticalAlign = span.style.verticalAlign;
+  const verticalAlign = style.verticalAlign;
   return {
     forChild: lexicalNode => {
       if (!$isTextNode(lexicalNode)) {
@@ -6796,6 +6831,7 @@ function internalResolveSelectionPoint(dom, offset, lastPoint, editor) {
         return null;
       }
       if ($isElementNode(resolvedElement)) {
+        resolvedOffset = Math.min(resolvedElement.getChildrenSize(), resolvedOffset);
         let child = resolvedElement.getChildAtIndex(resolvedOffset);
         if ($isElementNode(child) && shouldResolveAncestor(child, resolvedOffset, lastPoint)) {
           const descendant = moveSelectionToEnd ? child.getLastDescendant() : child.getFirstDescendant();
@@ -6960,6 +6996,9 @@ function internalCreateSelection(editor) {
   }
   return lastSelection.clone();
 }
+function $createRangeSelectionFromDom(domSelection, editor) {
+  return internalCreateRangeSelection(null, domSelection, editor, null);
+}
 function internalCreateRangeSelection(lastSelection, domSelection, editor, event) {
   const windowObj = editor._window;
   if (windowObj === null) {
@@ -8718,9 +8757,28 @@ class EditorState {
  */
 /** @noInheritDoc */
 class ParagraphNode extends ElementNode {
+  /** @internal */
+
+  constructor(key) {
+    super(key);
+    this.__textFormat = 0;
+  }
   static getType() {
     return 'paragraph';
   }
+  getTextFormat() {
+    const self = this.getLatest();
+    return self.__textFormat;
+  }
+  setTextFormat(type) {
+    const self = this.getWritable();
+    self.__textFormat = type;
+    return self;
+  }
+  hasTextFormat(type) {
+    const formatFlag = TEXT_TYPE_TO_FORMAT[type];
+    return (this.getTextFormat() & formatFlag) !== 0;
+  }
   static clone(node) {
     return new ParagraphNode(node.__key);
   }
@@ -8777,11 +8835,13 @@ class ParagraphNode extends ElementNode {
     node.setFormat(serializedNode.format);
     node.setIndent(serializedNode.indent);
     node.setDirection(serializedNode.direction);
+    node.setTextFormat(serializedNode.textFormat);
     return node;
   }
   exportJSON() {
     return {
       ...super.exportJSON(),
+      textFormat: this.getTextFormat(),
       type: 'paragraph',
       version: 1
     };
@@ -8789,10 +8849,12 @@ class ParagraphNode extends ElementNode {
 
   // Mutation
 
-  insertNewAfter(_, restoreSelection) {
+  insertNewAfter(rangeSelection, restoreSelection) {
     const newElement = $createParagraphNode();
+    newElement.setTextFormat(rangeSelection.format);
     const direction = this.getDirection();
     newElement.setDirection(direction);
+    newElement.setFormat(this.getFormatType());
     this.insertAfter(newElement, restoreSelection);
     return newElement;
   }
@@ -8847,7 +8909,9 @@ function $isParagraphNode(node) {
 
 // https://github.com/microsoft/TypeScript/issues/3841
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
 const COMMAND_PRIORITY_EDITOR = 0;
 const COMMAND_PRIORITY_LOW = 1;
 const COMMAND_PRIORITY_NORMAL = 2;
@@ -9612,4 +9676,4 @@ class LexicalEditor {
   }
 }
 
-export { $addUpdateTag, $applyNodeReplacement, $copyNode, $createLineBreakNode, $createNodeSelection, $createParagraphNode, $createPoint, $createRangeSelection, $createTabNode, $createTextNode, $getAdjacentNode, $getCharacterOffsets, $getEditor, $getNearestNodeFromDOMNode, $getNearestRootOrShadowRoot, $getNodeByKey, $getPreviousSelection, $getRoot, $getSelection, $getTextContent, $hasAncestor, $hasUpdateTag, $insertNodes, $isBlockElementNode, $isDecoratorNode, $isElementNode, $isInlineElementOrDecoratorNode, $isLeafNode, $isLineBreakNode, $isNodeSelection, $isParagraphNode, $isRangeSelection, $isRootNode, $isRootOrShadowRoot, $isTabNode, $isTextNode, $nodesOfType, $normalizeSelection as $normalizeSelection__EXPERIMENTAL, $parseSerializedNode, $selectAll, $setCompositionKey, $setSelection, $splitNode, BLUR_COMMAND, CAN_REDO_COMMAND, CAN_UNDO_COMMAND, CLEAR_EDITOR_COMMAND, CLEAR_HISTORY_COMMAND, CLICK_COMMAND, COMMAND_PRIORITY_CRITICAL, COMMAND_PRIORITY_EDITOR, COMMAND_PRIORITY_HIGH, COMMAND_PRIORITY_LOW, COMMAND_PRIORITY_NORMAL, CONTROLLED_TEXT_INSERTION_COMMAND, COPY_COMMAND, CUT_COMMAND, DELETE_CHARACTER_COMMAND, DELETE_LINE_COMMAND, DELETE_WORD_COMMAND, DRAGEND_COMMAND, DRAGOVER_COMMAND, DRAGSTART_COMMAND, DROP_COMMAND, DecoratorNode, ElementNode, FOCUS_COMMAND, FORMAT_ELEMENT_COMMAND, FORMAT_TEXT_COMMAND, INDENT_CONTENT_COMMAND, INSERT_LINE_BREAK_COMMAND, INSERT_PARAGRAPH_COMMAND, INSERT_TAB_COMMAND, KEY_ARROW_DOWN_COMMAND, KEY_ARROW_LEFT_COMMAND, KEY_ARROW_RIGHT_COMMAND, KEY_ARROW_UP_COMMAND, KEY_BACKSPACE_COMMAND, KEY_DELETE_COMMAND, KEY_DOWN_COMMAND, KEY_ENTER_COMMAND, KEY_ESCAPE_COMMAND, KEY_MODIFIER_COMMAND, KEY_SPACE_COMMAND, KEY_TAB_COMMAND, LineBreakNode, MOVE_TO_END, MOVE_TO_START, OUTDENT_CONTENT_COMMAND, PASTE_COMMAND, ParagraphNode, REDO_COMMAND, REMOVE_TEXT_COMMAND, RootNode, SELECTION_CHANGE_COMMAND, SELECTION_INSERT_CLIPBOARD_NODES_COMMAND, SELECT_ALL_COMMAND, TabNode, TextNode, UNDO_COMMAND, createCommand, createEditor, getNearestEditorFromDOMNode, isCurrentlyReadOnlyMode, isHTMLAnchorElement, isHTMLElement, isSelectionCapturedInDecoratorInput, isSelectionWithinEditor };
+export { $addUpdateTag, $applyNodeReplacement, $copyNode, $createLineBreakNode, $createNodeSelection, $createParagraphNode, $createPoint, $createRangeSelection, $createRangeSelectionFromDom, $createTabNode, $createTextNode, $getAdjacentNode, $getCharacterOffsets, $getEditor, $getNearestNodeFromDOMNode, $getNearestRootOrShadowRoot, $getNodeByKey, $getPreviousSelection, $getRoot, $getSelection, $getTextContent, $hasAncestor, $hasUpdateTag, $insertNodes, $isBlockElementNode, $isDecoratorNode, $isElementNode, $isInlineElementOrDecoratorNode, $isLeafNode, $isLineBreakNode, $isNodeSelection, $isParagraphNode, $isRangeSelection, $isRootNode, $isRootOrShadowRoot, $isTabNode, $isTextNode, $nodesOfType, $normalizeSelection as $normalizeSelection__EXPERIMENTAL, $parseSerializedNode, $selectAll, $setCompositionKey, $setSelection, $splitNode, BLUR_COMMAND, CAN_REDO_COMMAND, CAN_UNDO_COMMAND, CLEAR_EDITOR_COMMAND, CLEAR_HISTORY_COMMAND, CLICK_COMMAND, COMMAND_PRIORITY_CRITICAL, COMMAND_PRIORITY_EDITOR, COMMAND_PRIORITY_HIGH, COMMAND_PRIORITY_LOW, COMMAND_PRIORITY_NORMAL, CONTROLLED_TEXT_INSERTION_COMMAND, COPY_COMMAND, CUT_COMMAND, DELETE_CHARACTER_COMMAND, DELETE_LINE_COMMAND, DELETE_WORD_COMMAND, DRAGEND_COMMAND, DRAGOVER_COMMAND, DRAGSTART_COMMAND, DROP_COMMAND, DecoratorNode, ElementNode, FOCUS_COMMAND, FORMAT_ELEMENT_COMMAND, FORMAT_TEXT_COMMAND, INDENT_CONTENT_COMMAND, INSERT_LINE_BREAK_COMMAND, INSERT_PARAGRAPH_COMMAND, INSERT_TAB_COMMAND, KEY_ARROW_DOWN_COMMAND, KEY_ARROW_LEFT_COMMAND, KEY_ARROW_RIGHT_COMMAND, KEY_ARROW_UP_COMMAND, KEY_BACKSPACE_COMMAND, KEY_DELETE_COMMAND, KEY_DOWN_COMMAND, KEY_ENTER_COMMAND, KEY_ESCAPE_COMMAND, KEY_MODIFIER_COMMAND, KEY_SPACE_COMMAND, KEY_TAB_COMMAND, LineBreakNode, MOVE_TO_END, MOVE_TO_START, OUTDENT_CONTENT_COMMAND, PASTE_COMMAND, ParagraphNode, REDO_COMMAND, REMOVE_TEXT_COMMAND, RootNode, SELECTION_CHANGE_COMMAND, SELECTION_INSERT_CLIPBOARD_NODES_COMMAND, SELECT_ALL_COMMAND, TabNode, TextNode, UNDO_COMMAND, createCommand, createEditor, getNearestEditorFromDOMNode, isCurrentlyReadOnlyMode, isHTMLAnchorElement, isHTMLElement, isSelectionCapturedInDecoratorInput, isSelectionWithinEditor };

package/Lexical.js.flow

@@ -782,7 +782,10 @@ declare export class ParagraphNode extends ElementNode {
   constructor(key?: NodeKey): void;
   createDOM(config: EditorConfig): HTMLElement;
   updateDOM(prevNode: ParagraphNode, dom: HTMLElement): boolean;
-  insertNewAfter(): ParagraphNode;
+  insertNewAfter(
+    selection: RangeSelection,
+    restoreSelection?: boolean,
+  ): ParagraphNode;
   collapseAtStart(): boolean;
   static importJSON(
     serializedParagraphNode: SerializedParagraphNode,

package/{Lexical.esm.js → Lexical.mjs}

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import * as modDev from './Lexical.dev.esm.js';
-import * as modProd from './Lexical.prod.esm.js';
+import * as modDev from './Lexical.dev.mjs';
+import * as modProd from './Lexical.prod.mjs';
 const mod = process.env.NODE_ENV === 'development' ? modDev : modProd;
 export const $addUpdateTag = mod.$addUpdateTag;
 export const $applyNodeReplacement = mod.$applyNodeReplacement;
@@ -15,6 +15,7 @@ export const $createNodeSelection = mod.$createNodeSelection;
 export const $createParagraphNode = mod.$createParagraphNode;
 export const $createPoint = mod.$createPoint;
 export const $createRangeSelection = mod.$createRangeSelection;
+export const $createRangeSelectionFromDom = mod.$createRangeSelectionFromDom;
 export const $createTabNode = mod.$createTabNode;
 export const $createTextNode = mod.$createTextNode;
 export const $getAdjacentNode = mod.$getAdjacentNode;