@lexical/table 0.3.3 → 0.3.6

package/LexicalTable.dev.js

@@ -45,7 +45,7 @@ class TableCellNode extends lexical.GridCellNode {
   }
 
   static importJSON(serializedNode) {
-    return $createTableCellNode(serializedNode.headerState, serializedNode.colSpan, serializedNode.width);
+    return $createTableCellNode(serializedNode.headerState, serializedNode.colSpan, serializedNode.width || undefined);
   }
 
   constructor(headerState = TableCellHeaderStates.NO_STATUS, colSpan = 1, width, key) {
@@ -471,7 +471,10 @@ class TableSelection {
 
       if (anchorElement && focusElement) {
         const domSelection = getDOMSelection();
-        domSelection.setBaseAndExtent(anchorElement, 0, focusElement, 0);
+
+        if (domSelection) {
+          domSelection.setBaseAndExtent(anchorElement, 0, focusElement, 0);
+        }
       }
 
       $updateDOMForSelection(this.grid, this.gridSelection);
@@ -501,7 +504,9 @@ class TableSelection {
 
       if (this.anchorCell !== null) {
         // Collapse the selection
-        domSelection.setBaseAndExtent(this.anchorCell.elem, 0, cell.elem, 0);
+        if (domSelection) {
+          domSelection.setBaseAndExtent(this.anchorCell.elem, 0, cell.elem, 0);
+        }
       }
 
       if (!this.isHighlightingCells && (this.startX !== cellX || this.startY !== cellY || ignoreStart)) {
@@ -536,7 +541,11 @@ class TableSelection {
       this.startX = cell.x;
       this.startY = cell.y;
       const domSelection = getDOMSelection();
-      domSelection.setBaseAndExtent(cell.elem, 0, cell.elem, 0);
+
+      if (domSelection) {
+        domSelection.setBaseAndExtent(cell.elem, 0, cell.elem, 0);
+      }
+
       const anchorTableCellNode = lexical.$getNearestNodeFromDOMNode(cell.elem);
 
       if ($isTableCellNode(anchorTableCellNode)) {
@@ -1385,14 +1394,14 @@ class TableNode extends lexical.GridNode {
 
   static importDOM() {
     return {
-      table: node => ({
+      table: _node => ({
         conversion: convertTableElement,
         priority: 0
       })
     };
   }
 
-  static importJSON(serializedNode) {
+  static importJSON(_serializedNode) {
     return $createTableNode();
   }
 
@@ -1557,7 +1566,7 @@ function $getElementGridForTableNode(editor, tableNode) {
 
   return getTableGrid(tableElement);
 }
-function convertTableElement(domNode) {
+function convertTableElement(_domNode) {
   return {
     node: $createTableNode()
   };
@@ -1689,7 +1698,7 @@ function $insertTableRow(tableNode, targetIndex, shouldInsertAfter = true, rowCo
           below
         } = $getTableCellSiblingsFromTableCellNode(tableCellFromTargetRow, grid);
         let headerState = TableCellHeaderStates.NO_STATUS;
-        const width = above && above.getWidth() || below && below.getWidth() || null;
+        const width = above && above.getWidth() || below && below.getWidth() || undefined;
 
         if (above && above.hasHeaderState(TableCellHeaderStates.COLUMN) || below && below.hasHeaderState(TableCellHeaderStates.COLUMN)) {
           headerState |= TableCellHeaderStates.COLUMN;

package/LexicalTable.js.flow

@@ -218,7 +218,6 @@ declare export class TableSelection {
   currentX: number;
   currentY: number;
   listenersToRemove: Set<() => void>;
-  domListeners: Set<() => void>;
   grid: Grid;
   isHighlightingCells: boolean;
   isMouseDown: boolean;

package/LexicalTable.prod.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 'use strict';var f=require("lexical"),p=require("@lexical/utils");let q={BOTH:3,COLUMN:2,NO_STATUS:0,ROW:1};
-class t extends f.GridCellNode{static getType(){return"tablecell"}static clone(a){return new t(a.__headerState,a.__colSpan,a.__width,a.__key)}static importDOM(){return{td:()=>({conversion:w,priority:0}),th:()=>({conversion:w,priority:0})}}static importJSON(a){return x(a.headerState,a.colSpan,a.width)}constructor(a=q.NO_STATUS,b=1,d,k){super(b,k);this.__headerState=a;this.__width=d}createDOM(a){let b=document.createElement(this.getTag());this.__width&&(b.style.width=`${this.__width}px`);p.addClassNamesToElement(b,
+class t extends f.GridCellNode{static getType(){return"tablecell"}static clone(a){return new t(a.__headerState,a.__colSpan,a.__width,a.__key)}static importDOM(){return{td:()=>({conversion:w,priority:0}),th:()=>({conversion:w,priority:0})}}static importJSON(a){return x(a.headerState,a.colSpan,a.width||void 0)}constructor(a=q.NO_STATUS,b=1,d,k){super(b,k);this.__headerState=a;this.__width=d}createDOM(a){let b=document.createElement(this.getTag());this.__width&&(b.style.width=`${this.__width}px`);p.addClassNamesToElement(b,
 a.theme.tableCell,this.hasHeader()&&a.theme.tableCellHeader);return b}exportDOM(a){({element:a}=super.exportDOM(a));if(a){let b=this.getParentOrThrow().getChildrenSize();a.style.border="1px solid black";a.style.width=`${this.getWidth()||Math.max(90,700/b)}px`;a.style.verticalAlign="top";a.style.textAlign="start";this.hasHeader()&&(a.style.backgroundColor="#f2f3f5")}return{element:a}}exportJSON(){return{...super.exportJSON(),colSpan:super.__colSpan,headerState:this.__headerState,type:"tablecell",width:this.getWidth()}}getTag(){return this.hasHeader()?
 "th":"td"}setHeaderStyles(a){this.getWritable().__headerState=a;return this.__headerState}getHeaderStyles(){return this.getLatest().__headerState}setWidth(a){this.getWritable().__width=a;return this.__width}getWidth(){return this.getLatest().__width}toggleHeaderStyle(a){let b=this.getWritable();b.__headerState=(b.__headerState&a)===a?b.__headerState-a:b.__headerState+a;return b}hasHeaderState(a){return(this.getHeaderStyles()&a)===a}hasHeader(){return this.getLatest().__headerState!==q.NO_STATUS}updateDOM(a){return a.__headerState!==
 this.__headerState||a.__width!==this.__width}collapseAtStart(){return!0}canBeEmpty(){return!1}canIndent(){return!1}}function w(a){a=a.nodeName.toLowerCase();return{forChild:(b,d)=>{if(y(d)&&!f.$isElementNode(b)){d=f.$createParagraphNode();if(f.$isLineBreakNode(b)&&"\n"===b.getTextContent())return null;d.append(b);return d}return b},node:x("th"===a?q.ROW:q.NO_STATUS)}}function x(a,b=1,d){return new t(a,b,d)}function y(a){return a instanceof t}
@@ -17,11 +17,11 @@ class E{constructor(a,b){this.isHighlightingCells=!1;this.currentY=this.currentX
 {this.editor.update(()=>{var d=!1;for(let k=0;k<b.length;k++){const c=b[k].target.nodeName;if("TABLE"===c||"TR"===c){d=!0;break}}if(d){d=this.editor.getElementByKey(this.tableNodeKey);if(!d)throw Error("Expected to find TableElement in DOM");this.grid=F(d)}})});this.editor.update(()=>{let b=this.editor.getElementByKey(this.tableNodeKey);if(!b)throw Error("Expected to find TableElement in DOM");this.grid=F(b);a.observe(b,{childList:!0,subtree:!0})})}clearHighlight(){this.editor.update(()=>{var a=f.$getNodeByKey(this.tableNodeKey);
 if(!G(a))throw Error("Expected TableNode.");a=this.editor.getElementByKey(this.tableNodeKey);if(!a)throw Error("Expected to find TableElement in DOM");a=F(a);this.isHighlightingCells=!1;this.currentY=this.currentX=this.startY=this.startX=-1;this.focusCell=this.anchorCell=this.focusCellNodeKey=this.anchorCellNodeKey=this.gridSelection=null;this.hasHijackedSelectionStyles=!1;H(a,null);f.$setSelection(null);this.editor.dispatchCommand(f.SELECTION_CHANGE_COMMAND,void 0);this.enableHighlightStyle()})}enableHighlightStyle(){this.editor.update(()=>
 {let a=this.editor.getElementByKey(this.tableNodeKey);if(!a)throw Error("Expected to find TableElement in DOM");a.classList.remove("disable-selection");this.hasHijackedSelectionStyles=!1})}disableHighlightStyle(){this.editor.update(()=>{let a=this.editor.getElementByKey(this.tableNodeKey);if(!a)throw Error("Expected to find TableElement in DOM");a.classList.add("disable-selection");this.hasHijackedSelectionStyles=!0})}updateTableGridSelection(a){if(null!=a){this.gridSelection=a;this.isHighlightingCells=
-!0;this.disableHighlightStyle();let b=this.editor.getElementByKey(a.anchor.key);a=this.editor.getElementByKey(a.focus.key);b&&a&&window.getSelection().setBaseAndExtent(b,0,a,0);H(this.grid,this.gridSelection)}else this.clearHighlight()}adjustFocusCellForSelection(a,b=!1){this.editor.update(()=>{var d=f.$getNodeByKey(this.tableNodeKey);if(!G(d))throw Error("Expected TableNode.");if(!this.editor.getElementByKey(this.tableNodeKey))throw Error("Expected to find TableElement in DOM");d=a.x;let k=a.y;this.focusCell=
-a;let c=window.getSelection();null!==this.anchorCell&&c.setBaseAndExtent(this.anchorCell.elem,0,a.elem,0);if(!this.isHighlightingCells&&(this.startX!==d||this.startY!==k||b))this.isHighlightingCells=!0,this.disableHighlightStyle();else if(d===this.currentX&&k===this.currentY)return;this.currentX=d;this.currentY=k;this.isHighlightingCells&&(d=f.$getNearestNodeFromDOMNode(a.elem),null!=this.gridSelection&&null!=this.anchorCellNodeKey&&y(d)&&(d=d.getKey(),this.gridSelection=f.$createGridSelection(),
-this.focusCellNodeKey=d,this.gridSelection.set(this.tableNodeKey,this.anchorCellNodeKey,this.focusCellNodeKey),f.$setSelection(this.gridSelection),this.editor.dispatchCommand(f.SELECTION_CHANGE_COMMAND,void 0),H(this.grid,this.gridSelection)))})}setAnchorCellForSelection(a){this.editor.update(()=>{this.anchorCell=a;this.startX=a.x;this.startY=a.y;window.getSelection().setBaseAndExtent(a.elem,0,a.elem,0);var b=f.$getNearestNodeFromDOMNode(a.elem);y(b)&&(b=b.getKey(),this.gridSelection=f.$createGridSelection(),
-this.anchorCellNodeKey=b)})}formatCells(a){this.editor.update(()=>{let b=f.$getSelection();f.$isGridSelection(b)||D(11);let d=f.$createRangeSelection(),k=d.anchor,c=d.focus;b.getNodes().forEach(h=>{y(h)&&0!==h.getTextContentSize()&&(k.set(h.getKey(),0,"element"),c.set(h.getKey(),h.getChildrenSize(),"element"),d.formatText(a))});f.$setSelection(b);this.editor.dispatchCommand(f.SELECTION_CHANGE_COMMAND,void 0)})}clearText(){this.editor.update(()=>{let a=f.$getNodeByKey(this.tableNodeKey);if(!G(a))throw Error("Expected TableNode.");
-var b=f.$getSelection();f.$isGridSelection(b)||D(11);b=b.getNodes().filter(y);b.length===this.grid.columns*this.grid.rows?(a.selectPrevious(),a.remove(),this.clearHighlight()):(b.forEach(d=>{if(f.$isElementNode(d)){let k=f.$createParagraphNode(),c=f.$createTextNode();k.append(c);d.append(k);d.getChildren().forEach(h=>{h!==k&&h.remove()})}}),H(this.grid,null),f.$setSelection(null),this.editor.dispatchCommand(f.SELECTION_CHANGE_COMMAND,void 0))})}}
+!0;this.disableHighlightStyle();let b=this.editor.getElementByKey(a.anchor.key);a=this.editor.getElementByKey(a.focus.key);if(b&&a){let d=window.getSelection();d&&d.setBaseAndExtent(b,0,a,0)}H(this.grid,this.gridSelection)}else this.clearHighlight()}adjustFocusCellForSelection(a,b=!1){this.editor.update(()=>{var d=f.$getNodeByKey(this.tableNodeKey);if(!G(d))throw Error("Expected TableNode.");if(!this.editor.getElementByKey(this.tableNodeKey))throw Error("Expected to find TableElement in DOM");d=a.x;
+let k=a.y;this.focusCell=a;let c=window.getSelection();null!==this.anchorCell&&c&&c.setBaseAndExtent(this.anchorCell.elem,0,a.elem,0);if(!this.isHighlightingCells&&(this.startX!==d||this.startY!==k||b))this.isHighlightingCells=!0,this.disableHighlightStyle();else if(d===this.currentX&&k===this.currentY)return;this.currentX=d;this.currentY=k;this.isHighlightingCells&&(d=f.$getNearestNodeFromDOMNode(a.elem),null!=this.gridSelection&&null!=this.anchorCellNodeKey&&y(d)&&(d=d.getKey(),this.gridSelection=
+f.$createGridSelection(),this.focusCellNodeKey=d,this.gridSelection.set(this.tableNodeKey,this.anchorCellNodeKey,this.focusCellNodeKey),f.$setSelection(this.gridSelection),this.editor.dispatchCommand(f.SELECTION_CHANGE_COMMAND,void 0),H(this.grid,this.gridSelection)))})}setAnchorCellForSelection(a){this.editor.update(()=>{this.anchorCell=a;this.startX=a.x;this.startY=a.y;var b=window.getSelection();b&&b.setBaseAndExtent(a.elem,0,a.elem,0);b=f.$getNearestNodeFromDOMNode(a.elem);y(b)&&(b=b.getKey(),
+this.gridSelection=f.$createGridSelection(),this.anchorCellNodeKey=b)})}formatCells(a){this.editor.update(()=>{let b=f.$getSelection();f.$isGridSelection(b)||D(11);let d=f.$createRangeSelection(),k=d.anchor,c=d.focus;b.getNodes().forEach(h=>{y(h)&&0!==h.getTextContentSize()&&(k.set(h.getKey(),0,"element"),c.set(h.getKey(),h.getChildrenSize(),"element"),d.formatText(a))});f.$setSelection(b);this.editor.dispatchCommand(f.SELECTION_CHANGE_COMMAND,void 0)})}clearText(){this.editor.update(()=>{let a=f.$getNodeByKey(this.tableNodeKey);
+if(!G(a))throw Error("Expected TableNode.");var b=f.$getSelection();f.$isGridSelection(b)||D(11);b=b.getNodes().filter(y);b.length===this.grid.columns*this.grid.rows?(a.selectPrevious(),a.remove(),this.clearHighlight()):(b.forEach(d=>{if(f.$isElementNode(d)){let k=f.$createParagraphNode(),c=f.$createTextNode();k.append(c);d.append(k);d.getChildren().forEach(h=>{h!==k&&h.remove()})}}),H(this.grid,null),f.$setSelection(null),this.editor.dispatchCommand(f.SELECTION_CHANGE_COMMAND,void 0))})}}
 function I(a){for(;null!=a;){let b=a.nodeName;if("TD"===b||"TH"===b){a=a._cell;if(void 0===a)break;return a}a=a.parentNode}return null}
 function F(a){let b=[],d={cells:b,columns:0,rows:0};var k=a.firstChild;let c=a=0;for(b.length=0;null!=k;){var h=k.nodeName;if("TD"===h||"TH"===h)h={elem:k,highlighted:!1,x:a,y:c},k._cell=h,void 0===b[c]&&(b[c]=[]),b[c][a]=h;else if(h=k.firstChild,null!=h){k=h;continue}h=k.nextSibling;if(null!=h)a++,k=h;else if(h=k.parentNode,null!=h){k=h.nextSibling;if(null==k)break;c++;a=0}}d.columns=a+1;d.rows=c+1;return d}
 function H(a,b){let d=[],k=new Set(b?b.getNodes():[]);J(a,(c,h)=>{let n=c.elem;k.has(h)?(c.highlighted=!0,n.style.setProperty("background-color","rgb(172, 206, 247)"),n.style.setProperty("caret-color","transparent"),d.push(c)):(c.highlighted=!1,n.style.removeProperty("background-color"),n.style.removeProperty("caret-color"),n.getAttribute("style")||n.removeAttribute("style"))});return d}
@@ -39,7 +39,7 @@ exports.$deleteTableColumn=function(a,b){let d=a.getChildren();for(let c=0;c<d.l
 exports.$getTableColumnIndexFromTableCellNode=function(a){return W(a).getChildren().findIndex(b=>b.is(a))};exports.$getTableNodeFromLexicalNodeOrThrow=X;exports.$getTableRowIndexFromTableCellNode=function(a){let b=W(a);return X(b).getChildren().findIndex(d=>d.is(b))};exports.$getTableRowNodeFromTableCellNodeOrThrow=W;
 exports.$insertTableColumn=function(a,b,d=!0,k){let c=a.getChildren();for(let r=0;r<c.length;r++){let v=c[r];if(C(v))for(let g=0;g<k;g++){var h=q.NO_STATUS;0===r&&(h|=q.ROW);h=x(h);h.append(f.$createParagraphNode());var n=v.getChildren();if(b>=n.length||0>b)throw Error("Table column target index out of range");n=n[b];d?n.insertAfter(h):n.insertBefore(h)}}return a};
 exports.$insertTableRow=function(a,b,d=!0,k,c){var h=a.getChildren();if(b>=h.length||0>b)throw Error("Table row target index out of range");b=h[b];if(C(b))for(h=0;h<k;h++){let v=b.getChildren(),g=v.length,e=B();for(let l=0;l<g;l++){var n=v[l];y(n)||D(12);var r=c;let m=X(n),{x:u,y:L}=m.getCordsFromCellNode(n,r);n={above:m.getCellNodeFromCords(u,L-1,r),below:m.getCellNodeFromCords(u,L+1,r),left:m.getCellNodeFromCords(u-1,L,r),right:m.getCellNodeFromCords(u+1,L,r)};let {above:M,below:N}=n;n=q.NO_STATUS;
-r=M&&M.getWidth()||N&&N.getWidth()||null;if(M&&M.hasHeaderState(q.COLUMN)||N&&N.hasHeaderState(q.COLUMN))n|=q.COLUMN;n=x(n,1,r);n.append(f.$createParagraphNode());e.append(n)}d?b.insertAfter(e):b.insertBefore(e)}else throw Error("Row before insertion index does not exist.");return a};exports.$isTableCellNode=y;exports.$isTableNode=G;exports.$isTableRowNode=C;
+r=M&&M.getWidth()||N&&N.getWidth()||void 0;if(M&&M.hasHeaderState(q.COLUMN)||N&&N.hasHeaderState(q.COLUMN))n|=q.COLUMN;n=x(n,1,r);n.append(f.$createParagraphNode());e.append(n)}d?b.insertAfter(e):b.insertBefore(e)}else throw Error("Row before insertion index does not exist.");return a};exports.$isTableCellNode=y;exports.$isTableNode=G;exports.$isTableRowNode=C;
 exports.$removeTableRowAtIndex=function(a,b){let d=a.getChildren();if(b>=d.length||0>b)throw Error("Expected table cell to be inside of table row.");d[b].remove();return a};exports.INSERT_TABLE_COMMAND=Y;exports.TableCellHeaderStates=q;exports.TableCellNode=t;exports.TableNode=T;exports.TableRowNode=z;exports.TableSelection=E;
 exports.applyTableHandlers=function(a,b,d){let k=d.getRootElement();if(null===k)throw Error("No root element.");let c=new E(d,a.getKey());b.__lexicalTableSelection=c;let h=!1,n=!1;b.addEventListener("dblclick",g=>{let e=I(g.target);null!==e&&(g.preventDefault(),g.stopImmediatePropagation(),g.stopPropagation(),c.setAnchorCellForSelection(e),c.adjustFocusCellForSelection(e,!0),h=!1)});b.addEventListener("mousedown",g=>{setTimeout(()=>{if(0===g.button){var e=I(g.target);null!==e&&(c.setAnchorCellForSelection(e),
 document.addEventListener("mouseup",()=>{h=!1},{capture:!0,once:!0}))}},0)});b.addEventListener("mousemove",g=>{n&&(g.preventDefault(),g.stopPropagation(),g.stopImmediatePropagation());if(h){let e=I(g.target);if(null!==e){let l=e.x,m=e.y;h&&(c.startX!==l||c.startY!==m||c.isHighlightingCells)&&(g.preventDefault(),h=!0,c.adjustFocusCellForSelection(e))}}});b.addEventListener("mouseup",()=>{h&&(h=!1)});b.addEventListener("mouseleave",()=>{});let r=g=>{h=!0;0===g.button&&d.update(()=>{const e=f.$getSelection();

package/LexicalTableCellNode.d.ts

@@ -0,0 +1,48 @@
+/**
+ * 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.
+ *
+ */
+import type { DOMConversionMap, DOMConversionOutput, DOMExportOutput, EditorConfig, LexicalEditor, LexicalNode, NodeKey, SerializedGridCellNode, Spread } from 'lexical';
+import { GridCellNode } from 'lexical';
+export declare const TableCellHeaderStates: {
+    BOTH: number;
+    COLUMN: number;
+    NO_STATUS: number;
+    ROW: number;
+};
+export declare type TableCellHeaderState = typeof TableCellHeaderStates[keyof typeof TableCellHeaderStates];
+export declare type SerializedTableCellNode = Spread<{
+    headerState: TableCellHeaderState;
+    type: 'tablecell';
+    width?: number;
+}, SerializedGridCellNode>;
+export declare class TableCellNode extends GridCellNode {
+    __headerState: TableCellHeaderState;
+    __width?: number;
+    static getType(): 'tablecell';
+    static clone(node: TableCellNode): TableCellNode;
+    static importDOM(): DOMConversionMap | null;
+    static importJSON(serializedNode: SerializedTableCellNode): TableCellNode;
+    constructor(headerState?: number, colSpan?: number, width?: number, key?: NodeKey);
+    createDOM(config: EditorConfig): HTMLElement;
+    exportDOM(editor: LexicalEditor): DOMExportOutput;
+    exportJSON(): SerializedTableCellNode;
+    getTag(): string;
+    setHeaderStyles(headerState: TableCellHeaderState): TableCellHeaderState;
+    getHeaderStyles(): TableCellHeaderState;
+    setWidth(width: number): number | null | undefined;
+    getWidth(): number | undefined;
+    toggleHeaderStyle(headerStateToToggle: TableCellHeaderState): TableCellNode;
+    hasHeaderState(headerState: TableCellHeaderState): boolean;
+    hasHeader(): boolean;
+    updateDOM(prevNode: TableCellNode): boolean;
+    collapseAtStart(): true;
+    canBeEmpty(): false;
+    canIndent(): false;
+}
+export declare function convertTableCellNodeElement(domNode: Node): DOMConversionOutput;
+export declare function $createTableCellNode(headerState: TableCellHeaderState, colSpan?: number, width?: number): TableCellNode;
+export declare function $isTableCellNode(node: LexicalNode | null | undefined): node is TableCellNode;

package/LexicalTableNode.d.ts

@@ -0,0 +1,43 @@
+/**
+ * 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.
+ *
+ */
+import type { TableCellNode } from './LexicalTableCellNode';
+import type { Cell, Grid } from './LexicalTableSelection';
+import type { DOMConversionMap, DOMConversionOutput, DOMExportOutput, EditorConfig, LexicalEditor, LexicalNode, NodeKey, SerializedElementNode, Spread } from 'lexical';
+import { GridNode } from 'lexical';
+export declare type SerializedTableNode = Spread<{
+    type: 'table';
+    version: 1;
+}, SerializedElementNode>;
+export declare class TableNode extends GridNode {
+    __grid?: Grid;
+    static getType(): 'table';
+    static clone(node: TableNode): TableNode;
+    static importDOM(): DOMConversionMap | null;
+    static importJSON(_serializedNode: SerializedTableNode): TableNode;
+    constructor(key?: NodeKey);
+    exportJSON(): SerializedElementNode;
+    createDOM(config: EditorConfig, editor?: LexicalEditor): HTMLElement;
+    updateDOM(): boolean;
+    exportDOM(editor: LexicalEditor): DOMExportOutput;
+    canExtractContents(): false;
+    canBeEmpty(): false;
+    getCordsFromCellNode(tableCellNode: TableCellNode, grid: Grid): {
+        x: number;
+        y: number;
+    };
+    getCellFromCords(x: number, y: number, grid: Grid): Cell | null;
+    getCellFromCordsOrThrow(x: number, y: number, grid: Grid): Cell;
+    getCellNodeFromCords(x: number, y: number, grid: Grid): TableCellNode | null;
+    getCellNodeFromCordsOrThrow(x: number, y: number, grid: Grid): TableCellNode;
+    canSelectBefore(): true;
+    canIndent(): false;
+}
+export declare function $getElementGridForTableNode(editor: LexicalEditor, tableNode: TableNode): Grid;
+export declare function convertTableElement(_domNode: Node): DOMConversionOutput;
+export declare function $createTableNode(): TableNode;
+export declare function $isTableNode(node: LexicalNode | null | undefined): node is TableNode;

package/LexicalTableRowNode.d.ts

@@ -0,0 +1,32 @@
+/**
+ * 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.
+ *
+ */
+import type { Spread } from 'lexical';
+import { DOMConversionMap, DOMConversionOutput, EditorConfig, GridRowNode, LexicalNode, NodeKey, SerializedElementNode } from 'lexical';
+export declare type SerializedTableRowNode = Spread<{
+    height: number;
+    type: 'tablerow';
+    version: 1;
+}, SerializedElementNode>;
+export declare class TableRowNode extends GridRowNode {
+    __height?: number;
+    static getType(): 'tablerow';
+    static clone(node: TableRowNode): TableRowNode;
+    static importDOM(): DOMConversionMap | null;
+    static importJSON(serializedNode: SerializedTableRowNode): TableRowNode;
+    constructor(height?: number, key?: NodeKey);
+    exportJSON(): SerializedElementNode;
+    createDOM(config: EditorConfig): HTMLElement;
+    setHeight(height: number): number | null | undefined;
+    getHeight(): number | null | undefined;
+    updateDOM(prevNode: TableRowNode): boolean;
+    canBeEmpty(): false;
+    canIndent(): false;
+}
+export declare function convertTableRowElement(domNode: Node): DOMConversionOutput;
+export declare function $createTableRowNode(height?: number): TableRowNode;
+export declare function $isTableRowNode(node: LexicalNode | null | undefined): node is TableRowNode;

package/LexicalTableSelection.d.ts

@@ -0,0 +1,49 @@
+/**
+ * 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.
+ *
+ */
+import type { GridSelection, LexicalEditor, NodeKey, TextFormatType } from 'lexical';
+export declare type Cell = {
+    elem: HTMLElement;
+    highlighted: boolean;
+    x: number;
+    y: number;
+};
+export declare type Cells = Array<Array<Cell>>;
+export declare type Grid = {
+    cells: Cells;
+    columns: number;
+    rows: number;
+};
+export declare class TableSelection {
+    currentX: number;
+    currentY: number;
+    listenersToRemove: Set<() => void>;
+    grid: Grid;
+    isHighlightingCells: boolean;
+    startX: number;
+    startY: number;
+    tableNodeKey: NodeKey;
+    anchorCell: Cell | null;
+    focusCell: Cell | null;
+    anchorCellNodeKey: NodeKey | null;
+    focusCellNodeKey: NodeKey | null;
+    editor: LexicalEditor;
+    gridSelection: GridSelection | null;
+    hasHijackedSelectionStyles: boolean;
+    constructor(editor: LexicalEditor, tableNodeKey: string);
+    getGrid(): Grid;
+    removeListeners(): void;
+    trackTableGrid(): void;
+    clearHighlight(): void;
+    enableHighlightStyle(): void;
+    disableHighlightStyle(): void;
+    updateTableGridSelection(selection: GridSelection | null): void;
+    adjustFocusCellForSelection(cell: Cell, ignoreStart?: boolean): void;
+    setAnchorCellForSelection(cell: Cell): void;
+    formatCells(type: TextFormatType): void;
+    clearText(): void;
+}

package/LexicalTableSelectionHelpers.d.ts

@@ -0,0 +1,26 @@
+/**
+ * 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.
+ *
+ */
+import type { TableNode } from './LexicalTableNode';
+import type { Cell, Grid } from './LexicalTableSelection';
+import type { GridSelection, LexicalEditor, LexicalNode, RangeSelection } from 'lexical';
+import { TableSelection } from './LexicalTableSelection';
+declare const LEXICAL_ELEMENT_KEY = "__lexicalTableSelection";
+export declare function applyTableHandlers(tableNode: TableNode, tableElement: HTMLTableElementWithWithTableSelectionState, editor: LexicalEditor): TableSelection;
+export declare type HTMLTableElementWithWithTableSelectionState = HTMLTableElement & Record<typeof LEXICAL_ELEMENT_KEY, TableSelection>;
+export declare function attachTableSelectionToTableElement(tableElement: HTMLTableElementWithWithTableSelectionState, tableSelection: TableSelection): void;
+export declare function getTableSelectionFromTableElement(tableElement: HTMLTableElementWithWithTableSelectionState): TableSelection | null;
+export declare function getCellFromTarget(node: Node): Cell | null;
+export declare function getTableGrid(tableElement: HTMLElement): Grid;
+export declare function $updateDOMForSelection(grid: Grid, selection: GridSelection | RangeSelection | null): Array<Cell>;
+export declare function $forEachGridCell(grid: Grid, cb: (cell: Cell, lexicalNode: LexicalNode, cords: {
+    x: number;
+    y: number;
+}) => void): void;
+export declare function $addHighlightStyleToTable(tableSelection: TableSelection): void;
+export declare function $removeHighlightStyleToTable(tableSelection: TableSelection): void;
+export {};

package/LexicalTableUtils.d.ts

@@ -0,0 +1,29 @@
+/**
+ * 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.
+ *
+ */
+import type { Grid } from './LexicalTableSelection';
+import type { LexicalNode } from 'lexical';
+import { TableCellNode } from './LexicalTableCellNode';
+import { TableNode } from './LexicalTableNode';
+import { TableRowNode } from './LexicalTableRowNode';
+export declare function $createTableNodeWithDimensions(rowCount: number, columnCount: number, includeHeaders?: boolean): TableNode;
+export declare function $getTableCellNodeFromLexicalNode(startingNode: LexicalNode): TableCellNode | null;
+export declare function $getTableRowNodeFromTableCellNodeOrThrow(startingNode: LexicalNode): TableRowNode;
+export declare function $getTableNodeFromLexicalNodeOrThrow(startingNode: LexicalNode): TableNode;
+export declare function $getTableRowIndexFromTableCellNode(tableCellNode: TableCellNode): number;
+export declare function $getTableColumnIndexFromTableCellNode(tableCellNode: TableCellNode): number;
+export declare type TableCellSiblings = {
+    above: TableCellNode | null | undefined;
+    below: TableCellNode | null | undefined;
+    left: TableCellNode | null | undefined;
+    right: TableCellNode | null | undefined;
+};
+export declare function $getTableCellSiblingsFromTableCellNode(tableCellNode: TableCellNode, grid: Grid): TableCellSiblings;
+export declare function $removeTableRowAtIndex(tableNode: TableNode, indexToDelete: number): TableNode;
+export declare function $insertTableRow(tableNode: TableNode, targetIndex: number, shouldInsertAfter: boolean | undefined, rowCount: number, grid: Grid): TableNode;
+export declare function $insertTableColumn(tableNode: TableNode, targetIndex: number, shouldInsertAfter: boolean | undefined, columnCount: number): TableNode;
+export declare function $deleteTableColumn(tableNode: TableNode, targetIndex: number): TableNode;

package/index.d.ts

@@ -0,0 +1,23 @@
+/**
+ * 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.
+ *
+ */
+import type { Cell } from './LexicalTableSelection';
+import type { HTMLTableElementWithWithTableSelectionState } from './LexicalTableSelectionHelpers';
+import type { LexicalCommand } from 'lexical';
+import { $createTableCellNode, $isTableCellNode, TableCellHeaderStates, TableCellNode } from './LexicalTableCellNode';
+import { $createTableNode, $getElementGridForTableNode, $isTableNode, TableNode } from './LexicalTableNode';
+import { $createTableRowNode, $isTableRowNode, TableRowNode } from './LexicalTableRowNode';
+import { TableSelection } from './LexicalTableSelection';
+import { applyTableHandlers, getCellFromTarget, getTableSelectionFromTableElement } from './LexicalTableSelectionHelpers';
+import { $createTableNodeWithDimensions, $deleteTableColumn, $getTableCellNodeFromLexicalNode, $getTableColumnIndexFromTableCellNode, $getTableNodeFromLexicalNodeOrThrow, $getTableRowIndexFromTableCellNode, $getTableRowNodeFromTableCellNodeOrThrow, $insertTableColumn, $insertTableRow, $removeTableRowAtIndex } from './LexicalTableUtils';
+export { $createTableCellNode, $createTableNode, $createTableNodeWithDimensions, $createTableRowNode, $deleteTableColumn, $getElementGridForTableNode, $getTableCellNodeFromLexicalNode, $getTableColumnIndexFromTableCellNode, $getTableNodeFromLexicalNodeOrThrow, $getTableRowIndexFromTableCellNode, $getTableRowNodeFromTableCellNodeOrThrow, $insertTableColumn, $insertTableRow, $isTableCellNode, $isTableNode, $isTableRowNode, $removeTableRowAtIndex, applyTableHandlers, Cell, getCellFromTarget, getTableSelectionFromTableElement, HTMLTableElementWithWithTableSelectionState, TableCellHeaderStates, TableCellNode, TableNode, TableRowNode, TableSelection, };
+export declare type InsertTableCommandPayload = Readonly<{
+    columns: string;
+    rows: string;
+    includeHeaders?: boolean;
+}>;
+export declare const INSERT_TABLE_COMMAND: LexicalCommand<InsertTableCommandPayload>;

package/package.json

@@ -8,13 +8,13 @@
     "table"
   ],
   "license": "MIT",
-  "version": "0.3.3",
+  "version": "0.3.6",
   "main": "LexicalTable.js",
   "peerDependencies": {
-    "lexical": "0.3.3"
+    "lexical": "0.3.6"
   },
   "dependencies": {
-    "@lexical/utils": "0.3.3"
+    "@lexical/utils": "0.3.6"
   },
   "repository": {
     "type": "git",

package/utils.d.ts

@@ -0,0 +1,29 @@
+/**
+ * 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.
+ *
+ */
+import type { Grid } from './LexicalTableSelection';
+import type { LexicalNode } from 'lexical';
+import { TableCellNode } from './LexicalTableCellNode';
+import { TableNode } from './LexicalTableNode';
+import { TableRowNode } from './LexicalTableRowNode';
+export declare function $createTableNodeWithDimensions(rowCount: number, columnCount: number, includeHeaders?: boolean): TableNode;
+export declare function $getTableCellNodeFromLexicalNode(startingNode: LexicalNode): TableCellNode | null;
+export declare function $getTableRowNodeFromTableCellNodeOrThrow(startingNode: LexicalNode): TableRowNode;
+export declare function $getTableNodeFromLexicalNodeOrThrow(startingNode: LexicalNode): TableNode;
+export declare function $getTableRowIndexFromTableCellNode(tableCellNode: TableCellNode): number;
+export declare function $getTableColumnIndexFromTableCellNode(tableCellNode: TableCellNode): number;
+export declare type TableCellSiblings = {
+    above: TableCellNode | null | undefined;
+    below: TableCellNode | null | undefined;
+    left: TableCellNode | null | undefined;
+    right: TableCellNode | null | undefined;
+};
+export declare function $getTableCellSiblingsFromTableCellNode(tableCellNode: TableCellNode, grid: Grid): TableCellSiblings;
+export declare function $removeTableRowAtIndex(tableNode: TableNode, indexToDelete: number): TableNode;
+export declare function $insertTableRow(tableNode: TableNode, targetIndex: number, shouldInsertAfter: boolean | undefined, rowCount: number, grid: Grid): TableNode;
+export declare function $insertTableColumn(tableNode: TableNode, targetIndex: number, shouldInsertAfter: boolean | undefined, columnCount: number): TableNode;
+export declare function $deleteTableColumn(tableNode: TableNode, targetIndex: number): TableNode;

package/LexicalTable.d.ts

@@ -1,229 +0,0 @@
-/**
- * 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.
- *
- */
-
-import type {
-  EditorConfig,
-  LexicalNode,
-  NodeKey,
-  ParagraphNode,
-  RangeSelection,
-  ElementNode,
-  LexicalEditor,
-  TextFormatType,
-  LexicalCommand,
-} from 'lexical';
-
-export enum TableCellHeaderStates {
-  NO_STATUS = 0,
-  ROW = 1,
-  COLUMN = 2,
-  BOTH = 3,
-}
-
-/**
- * LexicalTableCellNode
- */
-export declare class TableCellNode extends ElementNode {
-  static getType(): string;
-  static clone(node: TableCellNode): TableCellNode;
-  constructor(
-    headerState?: TableCellHeaderStates,
-    colSpan?: number,
-    width?: number | null | undefined,
-    key?: NodeKey,
-  );
-  __headerState: TableCellHeaderStates;
-  createDOM(config: EditorConfig): HTMLElement;
-  updateDOM(prevNode: TableCellNode, dom: HTMLElement): boolean;
-  insertNewAfter(
-    selection: RangeSelection,
-  ): null | ParagraphNode | TableCellNode;
-  collapseAtStart(): true;
-  getTag(): string;
-  setHeaderState(headerState: TableCellHeaderStates): TableCellHeaderStates;
-  getHeaderState(): TableCellHeaderStates;
-  toggleHeaderState(headerState: TableCellHeaderStates): TableCellNode;
-  hasHeader(): boolean;
-  setWidth(width: number): number | null | undefined;
-  getWidth(): number | null | undefined;
-  toggleHeaderStyle(headerState: TableCellHeaderStates): TableCellNode;
-  updateDOM(prevNode: TableCellNode): boolean;
-  collapseAtStart(): true;
-  canBeEmpty(): false;
-}
-declare function $createTableCellNode(
-  headerState: TableCellHeaderStates,
-  colSpan?: number,
-  width?: number | null | undefined,
-): TableCellNode;
-export declare function $isTableCellNode(
-  node?: LexicalNode,
-): node is TableCellNode;
-
-/**
- * LexicalTableNode
- */
-export declare class TableNode extends ElementNode {
-  static getType(): string;
-  static clone(node: TableNode): TableNode;
-  constructor(grid?: Grid, key?: NodeKey);
-  createDOM(config: EditorConfig): HTMLElement;
-  updateDOM(prevNode: TableNode, dom: HTMLElement): boolean;
-  insertNewAfter(selection: RangeSelection): null | ParagraphNode | TableNode;
-  collapseAtStart(): true;
-  getCordsFromCellNode(tableCellNode: TableCellNode): {x: number; y: number};
-  getCellFromCords(x: number, y: number, grid: Grid): Cell | null | undefined;
-  getCellFromCordsOrThrow(x: number, y: number, grid: Grid): Cell;
-  getCellNodeFromCords(x: number, y: number): TableCellNode | null;
-  getCellNodeFromCordsOrThrow(x: number, y: number): TableCellNode;
-  setGrid(grid?: Grid): TableNode;
-  getGrid(): Grid | null;
-  canSelectBefore(): true;
-}
-declare function $createTableNode(): TableNode;
-declare function $isTableNode(node?: LexicalNode): node is TableNode;
-
-/**
- * LexicalTableRowNode
- */
-
-declare class TableRowNode extends ElementNode {
-  static getType(): string;
-  static clone(node: TableRowNode): TableRowNode;
-  constructor(key?: NodeKey, height?: number | null | undefined);
-  createDOM(config: EditorConfig): HTMLElement;
-  updateDOM(prevNode: TableRowNode, dom: HTMLElement): boolean;
-  insertNewAfter(
-    selection: RangeSelection,
-  ): null | ParagraphNode | TableRowNode;
-  setHeight(height: number): number | null | undefined;
-  getHeight(): number | null | undefined;
-  collapseAtStart(): true;
-}
-declare function $createTableRowNode(): TableRowNode;
-declare function $isTableRowNode(node?: LexicalNode): node is TableRowNode;
-
-/**
- * LexicalTableSelectionHelpers
- */
-export type Cell = {
-  elem: HTMLElement;
-  highlighted: boolean;
-  x: number;
-  y: number;
-};
-export type Cells = Array<Array<Cell>>;
-export type Grid = {
-  cells: Cells;
-  columns: number;
-  rows: number;
-};
-
-declare function applyTableHandlers(
-  tableNode: TableNode,
-  tableElement: HTMLElement,
-  editor: LexicalEditor,
-): TableSelection;
-
-declare function $getElementGridForTableNode(
-  editor: LexicalEditor,
-  tableNode: TableNode,
-): Grid;
-
-declare function getTableSelectionFromTableElement(
-  tableElement: HTMLElement,
-): TableSelection;
-
-declare function getCellFromTarget(node: Node): Cell | null;
-
-/**
- * LexicalTableUtils
- */
-
-declare function $createTableNodeWithDimensions(
-  rowCount: number,
-  columnCount: number,
-  includeHeaders?: boolean,
-): TableNode;
-
-declare function $getTableCellNodeFromLexicalNode(
-  startingNode: LexicalNode,
-): TableCellNode | null;
-
-declare function $getTableRowNodeFromTableCellNodeOrThrow(
-  startingNode: LexicalNode,
-): TableRowNode;
-
-declare function $getTableNodeFromLexicalNodeOrThrow(
-  startingNode: LexicalNode,
-): TableNode;
-
-declare function $getTableRowIndexFromTableCellNode(
-  tableCellNode: TableCellNode,
-): number;
-
-declare function $getTableColumnIndexFromTableCellNode(
-  tableCellNode: TableCellNode,
-): number;
-
-declare function $removeTableRowAtIndex(
-  tableNode: TableNode,
-  indexToDelete: number,
-): TableNode;
-
-declare function $insertTableRow(
-  tableNode: TableNode,
-  targetIndex: number,
-  shouldInsertAfter: boolean,
-  rowCount: number,
-  grid: Grid,
-): TableNode;
-
-declare function $insertTableColumn(
-  tableNode: TableNode,
-  targetIndex: number,
-  shouldInsertAfter: boolean,
-  columnCount: number,
-): TableNode;
-
-declare function $deleteTableColumn(
-  tableNode: TableNode,
-  targetIndex: number,
-): TableNode;
-
-/**
- * LexicalTableSelection.js
- */
-export declare class TableSelection {
-  currentX: number;
-  currentY: number;
-  listenersToRemove: Set<() => void>;
-  domListeners: Set<() => void>;
-  grid: Grid;
-  isHighlightingCells: boolean;
-  isMouseDown: boolean;
-  startX: number;
-  startY: number;
-  nodeKey: string;
-  editor: LexicalEditor;
-  constructor(editor: LexicalEditor, nodeKey: string);
-  getGrid(): Grid;
-  removeListeners(): void;
-  trackTableGrid(): void;
-  clearHighlight(): void;
-  adjustFocusCellForSelection(cell: Cell): void;
-  setAnchorCellForSelection(cell: Cell): void;
-  formatCells(type: TextFormatType): void;
-  clearText(): void;
-}
-export type InsertTableCommandPayload = Readonly<{
-  columns: string;
-  rows: string;
-  includeHeaders?: boolean;
-}>;
-export const INSERT_TABLE_COMMAND: LexicalCommand<InsertTableCommandPayload>;