lexical 0.7.0 → 0.7.2

package/Lexical.dev.js

@@ -69,18 +69,6 @@ const KEY_MODIFIER_COMMAND = createCommand('KEY_MODIFIER_COMMAND');
  */
 const CAN_USE_DOM = typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined';
 
-/**
- * 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 getSelection = () => CAN_USE_DOM ? window.getSelection() : null;
-
-var getDOMSelection = getSelection;
-
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
@@ -489,7 +477,7 @@ function getNearestEditorFromDOMNode(node) {
       return editor;
     }
 
-    currentNode = currentNode.parentNode;
+    currentNode = getParentElement(currentNode);
   }
 
   return null;
@@ -750,7 +738,7 @@ function $getNearestNodeFromDOMNode(startingDOM, editorState) {
       return node;
     }
 
-    dom = dom.parentNode;
+    dom = getParentElement(dom);
   }
 
   return null;
@@ -794,6 +782,7 @@ function internalGetRoot(editorState) {
   return editorState._nodeMap.get('root');
 }
 function $setSelection(selection) {
+  errorOnReadOnly();
   const editorState = getActiveEditorState();
 
   if (selection !== null) {
@@ -848,7 +837,7 @@ dom, editor) {
       return key;
     }
 
-    node = node.parentNode;
+    node = getParentElement(node);
   }
 
   return null;
@@ -1290,8 +1279,8 @@ function getElementByKeyOrThrow(editor, key) {
 
   return element;
 }
-function getParentElement(element) {
-  const parentElement = element.assignedSlot || element.parentElement;
+function getParentElement(node) {
+  const parentElement = node.assignedSlot || node.parentElement;
   return parentElement !== null && parentElement.nodeType === 11 ? parentElement.host : parentElement;
 }
 function scrollIntoViewIfNeeded(editor, selectionRect, rootElement) {
@@ -1566,6 +1555,16 @@ function updateDOMBlockCursorElement(editor, rootElement, nextSelection) {
     removeDOMBlockCursorElement(blockCursorElement, editor, rootElement);
   }
 }
+function getDOMSelection() {
+  const editor = internalGetActiveEditor();
+
+  if (!CAN_USE_DOM) {
+    return null;
+  }
+
+  const win = editor && editor._window || window;
+  return win.getSelection();
+}
 
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
@@ -2430,7 +2429,7 @@ function getPrevElementByKeyOrThrow(key) {
  */
 const PASS_THROUGH_COMMAND = Object.freeze({});
 const ANDROID_COMPOSITION_LATENCY = 30;
-const rootElementEvents = [['keydown', onKeyDown], ['mousedown', onMouseDown], ['compositionstart', onCompositionStart], ['compositionend', onCompositionEnd], ['input', onInput], ['click', onClick], ['cut', PASS_THROUGH_COMMAND], ['copy', PASS_THROUGH_COMMAND], ['dragstart', PASS_THROUGH_COMMAND], ['dragover', PASS_THROUGH_COMMAND], ['dragend', PASS_THROUGH_COMMAND], ['paste', PASS_THROUGH_COMMAND], ['focus', PASS_THROUGH_COMMAND], ['blur', PASS_THROUGH_COMMAND], ['drop', PASS_THROUGH_COMMAND]];
+const rootElementEvents = [['keydown', onKeyDown], ['pointerdown', onPointerDown], ['compositionstart', onCompositionStart], ['compositionend', onCompositionEnd], ['input', onInput], ['click', onClick], ['cut', PASS_THROUGH_COMMAND], ['copy', PASS_THROUGH_COMMAND], ['dragstart', PASS_THROUGH_COMMAND], ['dragover', PASS_THROUGH_COMMAND], ['dragend', PASS_THROUGH_COMMAND], ['paste', PASS_THROUGH_COMMAND], ['focus', PASS_THROUGH_COMMAND], ['blur', PASS_THROUGH_COMMAND], ['drop', PASS_THROUGH_COMMAND]];
 
 if (CAN_USE_BEFORE_INPUT) {
   rootElementEvents.push(['beforeinput', (event, editor) => onBeforeInput(event, editor)]);
@@ -2595,11 +2594,12 @@ function onClick(event, editor) {
   });
 }
 
-function onMouseDown(event, editor) {
+function onPointerDown(event, editor) {
   // TODO implement text drag & drop
   const target = event.target;
+  const pointerType = event.pointerType;
 
-  if (target instanceof Node) {
+  if (target instanceof Node && pointerType !== 'touch') {
     updateEditor(editor, () => {
       // Drag & drop should not recompute selection until mouse up; otherwise the initially
       // selected content is lost.
@@ -4115,7 +4115,7 @@ class RangeSelection {
         if ($isTextNode(lastNode) && !lastNode.isToken() && endOffset !== lastNode.getTextContentSize()) {
           if (lastNode.isSegmented()) {
             const textNode = $createTextNode(lastNode.getTextContent());
-            lastNode.replace(textNode, false);
+            lastNode.replace(textNode);
             lastNode = textNode;
           }
 
@@ -4203,7 +4203,7 @@ class RangeSelection {
       } else {
         const textNode = $createTextNode(text);
         textNode.select();
-        firstNode.replace(textNode, false);
+        firstNode.replace(textNode);
       } // Remove all selected nodes that haven't already been removed.
 
 
@@ -5025,7 +5025,8 @@ class RangeSelection {
 
       if (!isBackward && ( // Delete forward handle case
       anchor.type === 'element' && $isElementNode(anchorNode) && anchor.offset === anchorNode.getChildrenSize() || anchor.type === 'text' && anchor.offset === anchorNode.getTextContentSize())) {
-        const nextSibling = anchorNode.getNextSibling() || anchorNode.getParentOrThrow().getNextSibling();
+        const parent = anchorNode.getParent();
+        const nextSibling = anchorNode.getNextSibling() || (parent === null ? null : parent.getNextSibling());
 
         if ($isElementNode(nextSibling) && !nextSibling.canExtractContents()) {
           return;
@@ -5718,7 +5719,7 @@ function adjustPointOffsetForMergedSibling(point, isBefore, key, target, textLen
     point.offset -= 1;
   }
 }
-function updateDOMSelection(prevSelection, nextSelection, editor, domSelection, tags, rootElement, dirtyLeavesCount) {
+function updateDOMSelection(prevSelection, nextSelection, editor, domSelection, tags, rootElement, nodeCount) {
   const anchorDOMNode = domSelection.anchorNode;
   const focusDOMNode = domSelection.focusNode;
   const anchorOffset = domSelection.anchorOffset;
@@ -5803,7 +5804,7 @@ function updateDOMSelection(prevSelection, nextSelection, editor, domSelection,
       // The downside is that is makes the computation within Lexical more
       // complex, as now, we've sync update the DOM, but selection no longer
       // matches.
-      if (IS_CHROME && dirtyLeavesCount > 1000) {
+      if (IS_CHROME && nodeCount > 1000) {
         window.requestAnimationFrame(() => domSelection.setBaseAndExtent(nextAnchorNode, nextAnchorOffset, nextFocusNode, nextFocusOffset));
       } else {
         domSelection.setBaseAndExtent(nextAnchorNode, nextAnchorOffset, nextFocusNode, nextFocusOffset);
@@ -5862,7 +5863,7 @@ const observerOptions = {
   subtree: true
 };
 function isCurrentlyReadOnlyMode() {
-  return isReadOnlyMode;
+  return isReadOnlyMode || activeEditorState !== null && activeEditorState._readOnly;
 }
 function errorOnReadOnly() {
   if (isReadOnlyMode) {
@@ -5896,6 +5897,9 @@ function getActiveEditor() {
 
   return activeEditor;
 }
+function internalGetActiveEditor() {
+  return activeEditor;
+}
 function $applyTransforms(editor, node, transformsCache) {
   const type = node.__type;
   const registeredNode = getRegisteredNodeOrThrow(editor, type);
@@ -6225,7 +6229,7 @@ function commitPendingUpdates(editor) {
   const normalizedNodes = editor._normalizedNodes;
   const tags = editor._updateTags;
   const deferred = editor._deferred;
-  const dirtyLeavesCount = dirtyLeaves.size;
+  const nodeCount = pendingEditorState._nodeMap.size;
 
   if (needsUpdate) {
     editor._dirtyType = NO_DIRTY_NODES;
@@ -6262,7 +6266,7 @@ function commitPendingUpdates(editor) {
           removeDOMBlockCursorElement(blockCursorElement, editor, rootElement);
         }
 
-        updateDOMSelection(currentSelection, pendingSelection, editor, domSelection, tags, rootElement, dirtyLeavesCount);
+        updateDOMSelection(currentSelection, pendingSelection, editor, domSelection, tags, rootElement, nodeCount);
       }
 
       updateDOMBlockCursorElement(editor, rootElement, pendingSelection);
@@ -6602,9 +6606,6 @@ function updateEditor(editor, updateFn, options) {
     beginUpdate(editor, updateFn, options);
   }
 }
-function internalGetActiveEditor() {
-  return activeEditor;
-}
 
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
@@ -6849,7 +6850,12 @@ class LexicalNode {
 
   getPreviousSiblings() {
     const siblings = [];
-    const parent = this.getParentOrThrow();
+    const parent = this.getParent();
+
+    if (parent === null) {
+      return siblings;
+    }
+
     let node = parent.getFirstChild();
 
     while (node !== null) {
@@ -6981,7 +6987,8 @@ class LexicalNode {
     }
 
     return false;
-  }
+  } // TO-DO: this function can be simplified a lot
+
 
   getNodesBetween(targetNode) {
     const isBefore = this.isBefore(targetNode);
@@ -7180,8 +7187,10 @@ class LexicalNode {
     removeNode(this, true, preserveEmptyParent);
   }
 
-  replace(replaceWith, restoreSelection = true) {
+  replace(replaceWith, includeChildren) {
     errorOnReadOnly();
+    let selection = $getSelection();
+    if (selection !== null) selection = selection.clone();
     errorOnInsertTextNodeOnRoot(this, replaceWith);
     const self = this.getLatest();
     const toReplaceKey = this.__key;
@@ -7216,9 +7225,15 @@ class LexicalNode {
     writableReplaceWith.__next = nextKey;
     writableReplaceWith.__parent = parentKey;
     writableParent.__size = size;
-    const selection = $getSelection();
 
-    if ($isRangeSelection(selection) && restoreSelection) {
+    if (includeChildren) {
+      this.getChildren().forEach(child => {
+        writableReplaceWith.append(child);
+      });
+    }
+
+    if ($isRangeSelection(selection)) {
+      $setSelection(selection);
       const anchor = selection.anchor;
       const focus = selection.focus;
 
@@ -8003,7 +8018,7 @@ class ElementNode extends LexicalNode {
     return false;
   } // A shadow root is a Node that behaves like RootNode. The shadow root (and RootNode) mark the
   // end of the hiercharchy, most implementations should treat it as there's nothing (upwards)
-  // beyond this point. For example, node.getTopElement(), when performed inside a TableCellNode
+  // beyond this point. For example, node.getTopLevelElement(), when performed inside a TableCellNode
   // will return the immediate first child underneath TableCellNode instead of RootNode.
 
 
@@ -9821,15 +9836,6 @@ class LexicalEditor {
 
 }
 
-/**
- * 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 VERSION = '0.7.0';
-
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
@@ -9975,6 +9981,5 @@ exports.RootNode = RootNode;
 exports.SELECTION_CHANGE_COMMAND = SELECTION_CHANGE_COMMAND;
 exports.TextNode = TextNode;
 exports.UNDO_COMMAND = UNDO_COMMAND;
-exports.VERSION = VERSION;
 exports.createCommand = createCommand;
 exports.createEditor = createEditor;

package/Lexical.js.flow

@@ -58,7 +58,7 @@ declare export function createCommand<T>(type?: string): LexicalCommand<T>;
 /**
  * LexicalEditor
  */
-type IntentionallyMarkedAsDirtyElement = Boolean;
+type IntentionallyMarkedAsDirtyElement = boolean;
 
 type MutationListeners = Map<MutationListener, Class<LexicalNode>>;
 export type NodeMutation = 'created' | 'updated' | 'destroyed';
@@ -846,11 +846,6 @@ declare export function $copyNode(
   offset: number,
 ): [ElementNode, ElementNode];
 
-/**
- * LexicalVersion
- */
-declare export var VERSION: string;
-
 /**
  * Serialization/Deserialization
  * */