lexical 0.29.1-nightly.20250404.0 → 0.30.0

package/Lexical.dev.js

@@ -850,7 +850,7 @@ class NodeState {
    * its parent or siblings change).
    *
    * @param node The node to associate with the state
-   * @returns The next writaable state
+   * @returns The next writable state
    */
   getWritable(node) {
     if (this.node === node) {
@@ -3009,7 +3009,7 @@ class LexicalNode {
   /**
    * Returns true if there is a path between this node and the RootNode, false otherwise.
    * This is a way of determining if the node is "attached" EditorState. Unattached nodes
-   * won't be reconciled and will ultimatelt be cleaned up by the Lexical GC.
+   * won't be reconciled and will ultimately be cleaned up by the Lexical GC.
    */
   isAttached() {
     let nodeKey = this.__key;
@@ -3452,7 +3452,7 @@ class LexicalNode {
    *
    * This method must return exactly one HTMLElement. Nested elements are not supported.
    *
-   * Do not attempt to update the Lexical EditorState during this phase of the update lifecyle.
+   * Do not attempt to update the Lexical EditorState during this phase of the update lifecycle.
    *
    * @param _config - allows access to things like the EditorTheme (to apply classes) during reconciliation.
    * @param _editor - allows access to the editor for context during reconciliation.
@@ -3951,7 +3951,7 @@ function isOnlyChildInBlockNode(node) {
 function isLastChildInBlockNode(node) {
   const parentElement = node.parentElement;
   if (parentElement !== null && isBlockDomNode(parentElement)) {
-    // check if node is first child, because only childs dont count
+    // check if node is first child, because only child dont count
     const firstChild = parentElement.firstChild;
     if (firstChild === node || firstChild.nextSibling === node && isWhitespaceDomTextNode(firstChild)) {
       return false;
@@ -4176,7 +4176,7 @@ class TextNode extends LexicalNode {
 
   /**
    * Returns whether or not the node is in "token" mode. TextNodes in token mode can be navigated through character-by-character
-   * with a RangeSelection, but are deleted as a single entity (not invdividually by character).
+   * with a RangeSelection, but are deleted as a single entity (not individually by character).
    *
    * @returns true if the node is in token mode, false otherwise.
    */
@@ -4195,7 +4195,7 @@ class TextNode extends LexicalNode {
   }
 
   /**
-   * Returns whether or not the node is in "segemented" mode. TextNodes in segemented mode can be navigated through character-by-character
+   * Returns whether or not the node is in "segmented" mode. TextNodes in segmented mode can be navigated through character-by-character
    * with a RangeSelection, but are deleted in space-delimited "segments".
    *
    * @returns true if the node is in segmented mode, false otherwise.
@@ -4428,6 +4428,16 @@ class TextNode extends LexicalNode {
       formatDevErrorMessage(`Expected TextNode createDOM to always return a HTMLElement`);
     }
     element.style.whiteSpace = 'pre-wrap';
+
+    // Add text-transform styles for capitalization formats
+    if (this.hasFormat('lowercase')) {
+      element.style.textTransform = 'lowercase';
+    } else if (this.hasFormat('uppercase')) {
+      element.style.textTransform = 'uppercase';
+    } else if (this.hasFormat('capitalize')) {
+      element.style.textTransform = 'capitalize';
+    }
+
     // This is the only way to properly add support for most clients,
     // even if it's semantically incorrect to have to resort to using
     // <b>, <u>, <s>, <i> elements.
@@ -4660,7 +4670,7 @@ class TextNode extends LexicalNode {
   }
 
   /**
-   * This method is meant to be overriden by TextNode subclasses to control the behavior of those nodes
+   * This method is meant to be overridden by TextNode subclasses to control the behavior of those nodes
    * when a user event would cause text to be inserted before them in the editor. If true, Lexical will attempt
    * to insert text into this node. If false, it will insert the text in a new sibling node.
    *
@@ -4671,7 +4681,7 @@ class TextNode extends LexicalNode {
   }
 
   /**
-   * This method is meant to be overriden by TextNode subclasses to control the behavior of those nodes
+   * This method is meant to be overridden by TextNode subclasses to control the behavior of those nodes
    * when a user event would cause text to be inserted after them in the editor. If true, Lexical will attempt
    * to insert text into this node. If false, it will insert the text in a new sibling node.
    *
@@ -4851,7 +4861,7 @@ class TextNode extends LexicalNode {
   }
 
   /**
-   * This method is meant to be overriden by TextNode subclasses to control the behavior of those nodes
+   * This method is meant to be overridden by TextNode subclasses to control the behavior of those nodes
    * when used with the registerLexicalTextEntity function. If you're using registerLexicalTextEntity, the
    * node class that you create and replace matched text with should return true from this method.
    *
@@ -4937,7 +4947,7 @@ function $convertTextDOMNode(domNode) {
     };
   }
   if (textContent[0] === ' ') {
-    // Traverse backward while in the same line. If content contains new line or tab -> pontential
+    // Traverse backward while in the same line. If content contains new line or tab -> potential
     // delete, other elements can borrow from this one. Deletion depends on whether it's also the
     // last space (see next condition: textContent[textContent.length - 1] === ' '))
     let previousText = domNode_;
@@ -5405,7 +5415,7 @@ class RangeSelection {
 
   /**
    * Used to check if the provided selections is equal to this one by value,
-   * inluding anchor, focus, format, and style properties.
+   * including anchor, focus, format, and style properties.
    * @param selection - the Selection to compare this one to.
    * @returns true if the Selections are equal, false otherwise.
    */
@@ -9032,7 +9042,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)
+  // end of the hierarchy, most implementations should treat it as there's nothing (upwards)
   // beyond this point. For example, node.getTopLevelElement(), when performed inside a TableCellNode
   // will return the immediate first child underneath TableCellNode instead of RootNode.
   isShadowRoot() {
@@ -10238,7 +10248,7 @@ class LexicalEditor {
         });
       });
       // In the case where onUpdate doesn't fire (due to the focus update not
-      // occuring).
+      // occurring).
       if (this._pendingEditorState === null) {
         rootElement.removeAttribute('autocapitalize');
       }
@@ -10291,7 +10301,7 @@ class LexicalEditor {
     };
   }
 }
-LexicalEditor.version = "0.29.1-nightly.20250404.0+dev.cjs";
+LexicalEditor.version = "0.30.0+dev.cjs";
 
 let keyCounter = 1;
 function resetRandomKey() {
@@ -11626,7 +11636,7 @@ function $cloneWithProperties(latestNode) {
       formatDevErrorMessage(`$cloneWithProperties: ${constructor.name}.clone(node) (with type '${constructor.getType()}') did not return a node with the same key, make sure to specify node.__key as the last argument to the constructor`);
     }
     if (!(mutableNode.__parent === latestNode.__parent && mutableNode.__next === latestNode.__next && mutableNode.__prev === latestNode.__prev)) {
-      formatDevErrorMessage(`$cloneWithProperties: ${constructor.name}.clone(node) (with type '${constructor.getType()}') overrided afterCloneFrom but did not call super.afterCloneFrom(prevNode)`);
+      formatDevErrorMessage(`$cloneWithProperties: ${constructor.name}.clone(node) (with type '${constructor.getType()}') overrode afterCloneFrom but did not call super.afterCloneFrom(prevNode)`);
     }
   }
   return mutableNode;

package/Lexical.dev.mjs

@@ -848,7 +848,7 @@ class NodeState {
    * its parent or siblings change).
    *
    * @param node The node to associate with the state
-   * @returns The next writaable state
+   * @returns The next writable state
    */
   getWritable(node) {
     if (this.node === node) {
@@ -3007,7 +3007,7 @@ class LexicalNode {
   /**
    * Returns true if there is a path between this node and the RootNode, false otherwise.
    * This is a way of determining if the node is "attached" EditorState. Unattached nodes
-   * won't be reconciled and will ultimatelt be cleaned up by the Lexical GC.
+   * won't be reconciled and will ultimately be cleaned up by the Lexical GC.
    */
   isAttached() {
     let nodeKey = this.__key;
@@ -3450,7 +3450,7 @@ class LexicalNode {
    *
    * This method must return exactly one HTMLElement. Nested elements are not supported.
    *
-   * Do not attempt to update the Lexical EditorState during this phase of the update lifecyle.
+   * Do not attempt to update the Lexical EditorState during this phase of the update lifecycle.
    *
    * @param _config - allows access to things like the EditorTheme (to apply classes) during reconciliation.
    * @param _editor - allows access to the editor for context during reconciliation.
@@ -3949,7 +3949,7 @@ function isOnlyChildInBlockNode(node) {
 function isLastChildInBlockNode(node) {
   const parentElement = node.parentElement;
   if (parentElement !== null && isBlockDomNode(parentElement)) {
-    // check if node is first child, because only childs dont count
+    // check if node is first child, because only child dont count
     const firstChild = parentElement.firstChild;
     if (firstChild === node || firstChild.nextSibling === node && isWhitespaceDomTextNode(firstChild)) {
       return false;
@@ -4174,7 +4174,7 @@ class TextNode extends LexicalNode {
 
   /**
    * Returns whether or not the node is in "token" mode. TextNodes in token mode can be navigated through character-by-character
-   * with a RangeSelection, but are deleted as a single entity (not invdividually by character).
+   * with a RangeSelection, but are deleted as a single entity (not individually by character).
    *
    * @returns true if the node is in token mode, false otherwise.
    */
@@ -4193,7 +4193,7 @@ class TextNode extends LexicalNode {
   }
 
   /**
-   * Returns whether or not the node is in "segemented" mode. TextNodes in segemented mode can be navigated through character-by-character
+   * Returns whether or not the node is in "segmented" mode. TextNodes in segmented mode can be navigated through character-by-character
    * with a RangeSelection, but are deleted in space-delimited "segments".
    *
    * @returns true if the node is in segmented mode, false otherwise.
@@ -4426,6 +4426,16 @@ class TextNode extends LexicalNode {
       formatDevErrorMessage(`Expected TextNode createDOM to always return a HTMLElement`);
     }
     element.style.whiteSpace = 'pre-wrap';
+
+    // Add text-transform styles for capitalization formats
+    if (this.hasFormat('lowercase')) {
+      element.style.textTransform = 'lowercase';
+    } else if (this.hasFormat('uppercase')) {
+      element.style.textTransform = 'uppercase';
+    } else if (this.hasFormat('capitalize')) {
+      element.style.textTransform = 'capitalize';
+    }
+
     // This is the only way to properly add support for most clients,
     // even if it's semantically incorrect to have to resort to using
     // <b>, <u>, <s>, <i> elements.
@@ -4658,7 +4668,7 @@ class TextNode extends LexicalNode {
   }
 
   /**
-   * This method is meant to be overriden by TextNode subclasses to control the behavior of those nodes
+   * This method is meant to be overridden by TextNode subclasses to control the behavior of those nodes
    * when a user event would cause text to be inserted before them in the editor. If true, Lexical will attempt
    * to insert text into this node. If false, it will insert the text in a new sibling node.
    *
@@ -4669,7 +4679,7 @@ class TextNode extends LexicalNode {
   }
 
   /**
-   * This method is meant to be overriden by TextNode subclasses to control the behavior of those nodes
+   * This method is meant to be overridden by TextNode subclasses to control the behavior of those nodes
    * when a user event would cause text to be inserted after them in the editor. If true, Lexical will attempt
    * to insert text into this node. If false, it will insert the text in a new sibling node.
    *
@@ -4849,7 +4859,7 @@ class TextNode extends LexicalNode {
   }
 
   /**
-   * This method is meant to be overriden by TextNode subclasses to control the behavior of those nodes
+   * This method is meant to be overridden by TextNode subclasses to control the behavior of those nodes
    * when used with the registerLexicalTextEntity function. If you're using registerLexicalTextEntity, the
    * node class that you create and replace matched text with should return true from this method.
    *
@@ -4935,7 +4945,7 @@ function $convertTextDOMNode(domNode) {
     };
   }
   if (textContent[0] === ' ') {
-    // Traverse backward while in the same line. If content contains new line or tab -> pontential
+    // Traverse backward while in the same line. If content contains new line or tab -> potential
     // delete, other elements can borrow from this one. Deletion depends on whether it's also the
     // last space (see next condition: textContent[textContent.length - 1] === ' '))
     let previousText = domNode_;
@@ -5403,7 +5413,7 @@ class RangeSelection {
 
   /**
    * Used to check if the provided selections is equal to this one by value,
-   * inluding anchor, focus, format, and style properties.
+   * including anchor, focus, format, and style properties.
    * @param selection - the Selection to compare this one to.
    * @returns true if the Selections are equal, false otherwise.
    */
@@ -9030,7 +9040,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)
+  // end of the hierarchy, most implementations should treat it as there's nothing (upwards)
   // beyond this point. For example, node.getTopLevelElement(), when performed inside a TableCellNode
   // will return the immediate first child underneath TableCellNode instead of RootNode.
   isShadowRoot() {
@@ -10236,7 +10246,7 @@ class LexicalEditor {
         });
       });
       // In the case where onUpdate doesn't fire (due to the focus update not
-      // occuring).
+      // occurring).
       if (this._pendingEditorState === null) {
         rootElement.removeAttribute('autocapitalize');
       }
@@ -10289,7 +10299,7 @@ class LexicalEditor {
     };
   }
 }
-LexicalEditor.version = "0.29.1-nightly.20250404.0+dev.esm";
+LexicalEditor.version = "0.30.0+dev.esm";
 
 let keyCounter = 1;
 function resetRandomKey() {
@@ -11624,7 +11634,7 @@ function $cloneWithProperties(latestNode) {
       formatDevErrorMessage(`$cloneWithProperties: ${constructor.name}.clone(node) (with type '${constructor.getType()}') did not return a node with the same key, make sure to specify node.__key as the last argument to the constructor`);
     }
     if (!(mutableNode.__parent === latestNode.__parent && mutableNode.__next === latestNode.__next && mutableNode.__prev === latestNode.__prev)) {
-      formatDevErrorMessage(`$cloneWithProperties: ${constructor.name}.clone(node) (with type '${constructor.getType()}') overrided afterCloneFrom but did not call super.afterCloneFrom(prevNode)`);
+      formatDevErrorMessage(`$cloneWithProperties: ${constructor.name}.clone(node) (with type '${constructor.getType()}') overrode afterCloneFrom but did not call super.afterCloneFrom(prevNode)`);
     }
   }
   return mutableNode;