@lexical/table 0.20.1-nightly.20241112.0 → 0.20.1-nightly.20241114.0

package/LexicalTable.dev.mjs

@@ -7,7 +7,7 @@
  */
 
 import { addClassNamesToElement, $findMatchingParent, removeClassNamesFromElement, objectKlassEquals, isHTMLElement } from '@lexical/utils';
-import { ElementNode, $createParagraphNode, $isElementNode, $isLineBreakNode, $isTextNode, $applyNodeReplacement, createCommand, $createTextNode, $getSelection, $isRangeSelection, $createPoint, $isParagraphNode, $normalizeSelection__EXPERIMENTAL, $getNodeByKey, isCurrentlyReadOnlyMode, TEXT_TYPE_TO_FORMAT, $setSelection, SELECTION_CHANGE_COMMAND, $getNearestNodeFromDOMNode, $createRangeSelection, $getRoot, KEY_ARROW_DOWN_COMMAND, COMMAND_PRIORITY_HIGH, KEY_ARROW_UP_COMMAND, KEY_ARROW_LEFT_COMMAND, KEY_ARROW_RIGHT_COMMAND, KEY_ESCAPE_COMMAND, DELETE_WORD_COMMAND, DELETE_LINE_COMMAND, DELETE_CHARACTER_COMMAND, COMMAND_PRIORITY_CRITICAL, KEY_BACKSPACE_COMMAND, KEY_DELETE_COMMAND, CUT_COMMAND, FORMAT_TEXT_COMMAND, FORMAT_ELEMENT_COMMAND, CONTROLLED_TEXT_INSERTION_COMMAND, KEY_TAB_COMMAND, FOCUS_COMMAND, SELECTION_INSERT_CLIPBOARD_NODES_COMMAND, $getPreviousSelection, $createRangeSelectionFromDom, INSERT_PARAGRAPH_COMMAND, $isRootOrShadowRoot, $isDecoratorNode } from 'lexical';
+import { ElementNode, $createParagraphNode, $isElementNode, $isLineBreakNode, $isTextNode, $applyNodeReplacement, createCommand, $createTextNode, $getSelection, $isRangeSelection, $createPoint, $isParagraphNode, $normalizeSelection__EXPERIMENTAL, $getNodeByKey, isCurrentlyReadOnlyMode, TEXT_TYPE_TO_FORMAT, $getEditor, $setSelection, SELECTION_CHANGE_COMMAND, $getNearestNodeFromDOMNode, $createRangeSelection, $getRoot, KEY_ARROW_DOWN_COMMAND, COMMAND_PRIORITY_HIGH, KEY_ARROW_UP_COMMAND, KEY_ARROW_LEFT_COMMAND, KEY_ARROW_RIGHT_COMMAND, KEY_ESCAPE_COMMAND, DELETE_WORD_COMMAND, DELETE_LINE_COMMAND, DELETE_CHARACTER_COMMAND, COMMAND_PRIORITY_CRITICAL, KEY_BACKSPACE_COMMAND, KEY_DELETE_COMMAND, CUT_COMMAND, FORMAT_TEXT_COMMAND, FORMAT_ELEMENT_COMMAND, CONTROLLED_TEXT_INSERTION_COMMAND, KEY_TAB_COMMAND, FOCUS_COMMAND, SELECTION_INSERT_CLIPBOARD_NODES_COMMAND, $getPreviousSelection, $createRangeSelectionFromDom, INSERT_PARAGRAPH_COMMAND, $isRootOrShadowRoot, $isDecoratorNode, setDOMUnmanaged } from 'lexical';
 import { copyToClipboard, $getClipboardDataFromSelection } from '@lexical/clipboard';
 
 /**
@@ -1427,6 +1427,20 @@ function $getChildrenRecursively(node) {
  *
  */
 
+function $getTableAndElementByKey(tableNodeKey, editor = $getEditor()) {
+  const tableNode = $getNodeByKey(tableNodeKey);
+  if (!$isTableNode(tableNode)) {
+    throw Error(`TableObserver: Expected tableNodeKey ${tableNodeKey} to be a TableNode`);
+  }
+  const tableElement = getTableElement(tableNode, editor.getElementByKey(tableNodeKey));
+  if (!(tableElement !== null)) {
+    throw Error(`TableObserver: Expected to find TableElement in DOM for key ${tableNodeKey}`);
+  }
+  return {
+    tableElement,
+    tableNode
+  };
+}
 class TableObserver {
   constructor(editor, tableNodeKey) {
     this.isHighlightingCells = false;
@@ -1448,12 +1462,13 @@ class TableObserver {
     this.anchorCell = null;
     this.focusCell = null;
     this.hasHijackedSelectionStyles = false;
-    this.trackTable();
     this.isSelecting = false;
+    this.shouldCheckSelection = false;
     this.abortController = new AbortController();
     this.listenerOptions = {
       signal: this.abortController.signal
     };
+    this.trackTable();
   }
   getTable() {
     return this.table;
@@ -1463,9 +1478,12 @@ class TableObserver {
     Array.from(this.listenersToRemove).forEach(removeListener => removeListener());
     this.listenersToRemove.clear();
   }
+  $lookup() {
+    return $getTableAndElementByKey(this.tableNodeKey, this.editor);
+  }
   trackTable() {
     const observer = new MutationObserver(records => {
-      this.editor.update(() => {
+      this.editor.getEditorState().read(() => {
         let gridNeedsRedraw = false;
         for (let i = 0; i < records.length; i++) {
           const record = records[i];
@@ -1479,24 +1497,28 @@ class TableObserver {
         if (!gridNeedsRedraw) {
           return;
         }
-        const tableElement = this.editor.getElementByKey(this.tableNodeKey);
-        if (!tableElement) {
-          throw new Error('Expected to find TableElement in DOM');
-        }
-        this.table = getTable(tableElement);
+        const {
+          tableNode,
+          tableElement
+        } = this.$lookup();
+        this.table = getTable(tableNode, tableElement);
+      }, {
+        editor: this.editor
       });
     });
-    this.editor.update(() => {
-      const tableElement = this.editor.getElementByKey(this.tableNodeKey);
-      if (!tableElement) {
-        throw new Error('Expected to find TableElement in DOM');
-      }
-      this.table = getTable(tableElement);
+    this.editor.getEditorState().read(() => {
+      const {
+        tableNode,
+        tableElement
+      } = this.$lookup();
+      this.table = getTable(tableNode, tableElement);
       observer.observe(tableElement, {
         attributes: true,
         childList: true,
         subtree: true
       });
+    }, {
+      editor: this.editor
     });
   }
   clearHighlight() {
@@ -1514,15 +1536,11 @@ class TableObserver {
     this.hasHijackedSelectionStyles = false;
     this.enableHighlightStyle();
     editor.update(() => {
-      const tableNode = $getNodeByKey(this.tableNodeKey);
-      if (!$isTableNode(tableNode)) {
-        throw new Error('Expected TableNode.');
-      }
-      const tableElement = editor.getElementByKey(this.tableNodeKey);
-      if (!tableElement) {
-        throw new Error('Expected to find TableElement in DOM');
-      }
-      const grid = getTable(tableElement);
+      const {
+        tableNode,
+        tableElement
+      } = this.$lookup();
+      const grid = getTable(tableNode, tableElement);
       $updateDOMForSelection(editor, grid, null);
       $setSelection(null);
       editor.dispatchCommand(SELECTION_CHANGE_COMMAND, undefined);
@@ -1530,25 +1548,27 @@ class TableObserver {
   }
   enableHighlightStyle() {
     const editor = this.editor;
-    editor.update(() => {
-      const tableElement = editor.getElementByKey(this.tableNodeKey);
-      if (!tableElement) {
-        throw new Error('Expected to find TableElement in DOM');
-      }
+    editor.getEditorState().read(() => {
+      const {
+        tableElement
+      } = this.$lookup();
       removeClassNamesFromElement(tableElement, editor._config.theme.tableSelection);
       tableElement.classList.remove('disable-selection');
       this.hasHijackedSelectionStyles = false;
+    }, {
+      editor
     });
   }
   disableHighlightStyle() {
     const editor = this.editor;
-    editor.update(() => {
-      const tableElement = editor.getElementByKey(this.tableNodeKey);
-      if (!tableElement) {
-        throw new Error('Expected to find TableElement in DOM');
-      }
+    editor.getEditorState().read(() => {
+      const {
+        tableElement
+      } = this.$lookup();
       addClassNamesToElement(tableElement, editor._config.theme.tableSelection);
       this.hasHijackedSelectionStyles = true;
+    }, {
+      editor
     });
   }
   updateTableTableSelection(selection) {
@@ -1565,17 +1585,35 @@ class TableObserver {
       this.updateTableTableSelection(selection);
     }
   }
+
+  /**
+   * @internal
+   * Firefox has a strange behavior where pressing the down arrow key from
+   * above the table will move the caret after the table and then lexical
+   * will select the last cell instead of the first.
+   * We do still want to let the browser handle caret movement but we will
+   * use this property to "tag" the update so that we can recheck the
+   * selection after the event is processed.
+   */
+  setShouldCheckSelection() {
+    this.shouldCheckSelection = true;
+  }
+  /**
+   * @internal
+   */
+  getAndClearShouldCheckSelection() {
+    if (this.shouldCheckSelection) {
+      this.shouldCheckSelection = false;
+      return true;
+    }
+    return false;
+  }
   setFocusCellForSelection(cell, ignoreStart = false) {
     const editor = this.editor;
     editor.update(() => {
-      const tableNode = $getNodeByKey(this.tableNodeKey);
-      if (!$isTableNode(tableNode)) {
-        throw new Error('Expected TableNode.');
-      }
-      const tableElement = editor.getElementByKey(this.tableNodeKey);
-      if (!tableElement) {
-        throw new Error('Expected to find TableElement in DOM');
-      }
+      const {
+        tableNode
+      } = this.$lookup();
       const cellX = cell.x;
       const cellY = cell.y;
       this.focusCell = cell;
@@ -1700,15 +1738,26 @@ const getDOMSelection = targetWindow => CAN_USE_DOM ? (targetWindow || window).g
 const isMouseDownOnEvent = event => {
   return (event.buttons & 1) === 1;
 };
-function applyTableHandlers(tableNode, tableElement, editor, hasTabHandler) {
+function getTableElement(tableNode, dom) {
+  if (!dom) {
+    return dom;
+  }
+  const element = dom.nodeName === 'TABLE' ? dom : tableNode.getDOMSlot(dom).element;
+  if (!(element.nodeName === 'TABLE')) {
+    throw Error(`getTableElement: Expecting table in as DOM node for TableNode, not ${dom.nodeName}`);
+  }
+  return element;
+}
+function applyTableHandlers(tableNode, element, editor, hasTabHandler) {
   const rootElement = editor.getRootElement();
   if (rootElement === null) {
     throw new Error('No root element.');
   }
   const tableObserver = new TableObserver(editor, tableNode.getKey());
   const editorWindow = editor._window || window;
+  const tableElement = getTableElement(tableNode, element);
   attachTableObserverToTableElement(tableElement, tableObserver);
-  tableObserver.listenersToRemove.add(() => deatatchTableObserverFromTableElement(tableElement, tableObserver));
+  tableObserver.listenersToRemove.add(() => detatchTableObserverFromTableElement(tableElement, tableObserver));
   const createMouseHandlers = () => {
     const onMouseUp = () => {
       tableObserver.isSelecting = false;
@@ -2050,6 +2099,21 @@ function applyTableHandlers(tableNode, tableElement, editor, hasTabHandler) {
   tableObserver.listenersToRemove.add(editor.registerCommand(SELECTION_CHANGE_COMMAND, () => {
     const selection = $getSelection();
     const prevSelection = $getPreviousSelection();
+    // If they pressed the down arrow with the selection outside of the
+    // table, and then the selection ends up in the table but not in the
+    // first cell, then move the selection to the first cell.
+    if (tableObserver.getAndClearShouldCheckSelection() && $isRangeSelection(prevSelection) && $isRangeSelection(selection) && selection.isCollapsed()) {
+      const anchor = selection.anchor.getNode();
+      const firstRow = tableNode.getFirstChild();
+      const anchorCell = $findCellNode(anchor);
+      if (anchorCell !== null && $isTableRowNode(firstRow)) {
+        const firstCell = firstRow.getFirstChild();
+        if ($isTableCellNode(firstCell) && !$findMatchingParent(anchorCell, node => node.is(firstCell))) {
+          firstCell.selectStart();
+          return true;
+        }
+      }
+    }
     if ($isRangeSelection(selection)) {
       const {
         anchor,
@@ -2153,7 +2217,7 @@ function applyTableHandlers(tableNode, tableElement, editor, hasTabHandler) {
   }, COMMAND_PRIORITY_CRITICAL));
   return tableObserver;
 }
-function deatatchTableObserverFromTableElement(tableElement, tableObserver) {
+function detatchTableObserverFromTableElement(tableElement, tableObserver) {
   if (getTableObserverFromTableElement(tableElement) === tableObserver) {
     delete tableElement[LEXICAL_ELEMENT_KEY];
   }
@@ -2183,7 +2247,8 @@ function getDOMCellFromTarget(node) {
   }
   return null;
 }
-function getTable(tableElement) {
+function getTable(tableNode, dom) {
+  const tableElement = getTableElement(tableNode, dom);
   const domRows = [];
   const grid = {
     columns: 0,
@@ -2525,6 +2590,10 @@ function $handleArrowKey(editor, event, direction, tableNode, tableObserver) {
         }
       }
     }
+    if (direction === 'down' && $isScrollableTablesActive(editor)) {
+      // Enable Firefox workaround
+      tableObserver.setShouldCheckSelection();
+    }
     return false;
   }
   if ($isRangeSelection(selection) && selection.isCollapsed()) {
@@ -2539,9 +2608,9 @@ function $handleArrowKey(editor, event, direction, tableNode, tableObserver) {
     }
     const anchorCellTable = $findTableNode(anchorCellNode);
     if (anchorCellTable !== tableNode && anchorCellTable != null) {
-      const anchorCellTableElement = editor.getElementByKey(anchorCellTable.getKey());
+      const anchorCellTableElement = getTableElement(anchorCellTable, editor.getElementByKey(anchorCellTable.getKey()));
       if (anchorCellTableElement != null) {
-        tableObserver.table = getTable(anchorCellTableElement);
+        tableObserver.table = getTable(anchorCellTable, anchorCellTableElement);
         return $handleArrowKey(editor, event, direction, anchorCellTable, tableObserver);
       }
     }
@@ -2607,12 +2676,15 @@ function $handleArrowKey(editor, event, direction, tableNode, tableObserver) {
     const anchorCellNode = $findMatchingParent(anchor.getNode(), $isTableCellNode);
     const focusCellNode = $findMatchingParent(focus.getNode(), $isTableCellNode);
     const [tableNodeFromSelection] = selection.getNodes();
-    const tableElement = editor.getElementByKey(tableNodeFromSelection.getKey());
+    if (!$isTableNode(tableNodeFromSelection)) {
+      throw Error(`$handleArrowKey: TableSelection.getNodes()[0] expected to be TableNode`);
+    }
+    const tableElement = getTableElement(tableNodeFromSelection, editor.getElementByKey(tableNodeFromSelection.getKey()));
     if (!$isTableCellNode(anchorCellNode) || !$isTableCellNode(focusCellNode) || !$isTableNode(tableNodeFromSelection) || tableElement == null) {
       return false;
     }
     tableObserver.updateTableTableSelection(selection);
-    const grid = getTable(tableElement);
+    const grid = getTable(tableNodeFromSelection, tableElement);
     const cordsAnchor = tableNode.getCordsFromCellNode(anchorCellNode, grid);
     const anchorCell = tableNode.getDOMCellFromCordsOrThrow(cordsAnchor.x, cordsAnchor.y, grid);
     tableObserver.setAnchorCellForSelection(anchorCell);
@@ -2708,14 +2780,21 @@ function $getTableEdgeCursorPosition(editor, selection, tableNode) {
   if (!tableNodeParent) {
     return undefined;
   }
-  const tableNodeParentDOM = editor.getElementByKey(tableNodeParent.getKey());
-  if (!tableNodeParentDOM) {
-    return undefined;
-  }
 
   // TODO: Add support for nested tables
   const domSelection = window.getSelection();
-  if (!domSelection || domSelection.anchorNode !== tableNodeParentDOM) {
+  if (!domSelection) {
+    return undefined;
+  }
+  const domAnchorNode = domSelection.anchorNode;
+  const tableNodeParentDOM = editor.getElementByKey(tableNodeParent.getKey());
+  const tableElement = getTableElement(tableNode, editor.getElementByKey(tableNode.getKey()));
+  // We are only interested in the scenario where the
+  // native selection anchor is:
+  // - at or inside the table's parent DOM
+  // - and NOT at or inside the table DOM
+  // It may be adjacent to the table DOM (e.g. in a wrapper)
+  if (!domAnchorNode || !tableNodeParentDOM || !tableElement || !tableNodeParentDOM.contains(domAnchorNode) || tableElement.contains(domAnchorNode)) {
     return undefined;
   }
   const anchorCellNode = $findMatchingParent(selection.anchor.getNode(), n => $isTableCellNode(n));
@@ -2777,6 +2856,20 @@ function setRowStriping(dom, config, rowStriping) {
     dom.removeAttribute('data-lexical-row-striping');
   }
 }
+const scrollableEditors = new WeakSet();
+function $isScrollableTablesActive(editor = $getEditor()) {
+  return scrollableEditors.has(editor);
+}
+function setScrollableTablesActive(editor, active) {
+  if (active) {
+    if (!editor._config.theme.tableScrollableWrapper) {
+      console.warn('TableNode: hasHorizontalScroll is active but theme.tableScrollableWrapper is not defined.');
+    }
+    scrollableEditors.add(editor);
+  } else {
+    scrollableEditors.delete(editor);
+  }
+}
 
 /** @noInheritDoc */
 class TableNode extends ElementNode {
@@ -2830,15 +2923,34 @@ class TableNode extends ElementNode {
       version: 1
     };
   }
+  getDOMSlot(element) {
+    const tableElement = element.nodeName !== 'TABLE' && element.querySelector('table') || element;
+    if (!(tableElement.nodeName === 'TABLE')) {
+      throw Error(`TableNode.getDOMSlot: createDOM() did not return a table`);
+    }
+    return super.getDOMSlot(tableElement).withAfter(tableElement.querySelector('colgroup'));
+  }
   createDOM(config, editor) {
     const tableElement = document.createElement('table');
     const colGroup = document.createElement('colgroup');
     tableElement.appendChild(colGroup);
     updateColgroup(tableElement, config, this.getColumnCount(), this.getColWidths());
+    setDOMUnmanaged(colGroup);
     addClassNamesToElement(tableElement, config.theme.table);
     if (this.__rowStriping) {
       setRowStriping(tableElement, config, true);
     }
+    if ($isScrollableTablesActive(editor)) {
+      const wrapperElement = document.createElement('div');
+      const classes = config.theme.tableScrollableWrapper;
+      if (classes) {
+        addClassNamesToElement(wrapperElement, classes);
+      } else {
+        wrapperElement.style.cssText = 'overflow-x: auto;';
+      }
+      wrapperElement.appendChild(tableElement);
+      return wrapperElement;
+    }
     return tableElement;
   }
   updateDOM(prevNode, dom, config) {
@@ -2852,19 +2964,20 @@ class TableNode extends ElementNode {
     return {
       ...super.exportDOM(editor),
       after: tableElement => {
-        if (tableElement) {
-          const newElement = tableElement.cloneNode();
-          const colGroup = document.createElement('colgroup');
+        if (tableElement && isHTMLElement(tableElement) && tableElement.nodeName !== 'TABLE') {
+          tableElement = tableElement.querySelector('table');
+        }
+        if (!tableElement || !isHTMLElement(tableElement)) {
+          return null;
+        }
+        // Wrap direct descendant rows in a tbody for export
+        const rows = tableElement.querySelectorAll(':scope > tr');
+        if (rows.length > 0) {
           const tBody = document.createElement('tbody');
-          if (isHTMLElement(tableElement)) {
-            const cols = tableElement.querySelectorAll('col');
-            colGroup.append(...cols);
-            const rows = tableElement.querySelectorAll('tr');
-            tBody.append(...rows);
-          }
-          newElement.replaceChildren(colGroup, tBody);
-          return newElement;
+          tBody.append(...rows);
+          tableElement.append(tBody);
         }
+        return tableElement;
       }
     };
   }
@@ -2971,10 +3084,10 @@ class TableNode extends ElementNode {
 }
 function $getElementForTableNode(editor, tableNode) {
   const tableElement = editor.getElementByKey(tableNode.getKey());
-  if (tableElement == null) {
-    throw new Error('Table Element Not Found');
+  if (!(tableElement !== null)) {
+    throw Error(`$getElementForTableNode: Table Element Not Found`);
   }
-  return getTable(tableElement);
+  return getTable(tableNode, tableElement);
 }
 function $convertTableElement(domNode) {
   const tableNode = $createTableNode();
@@ -3007,4 +3120,4 @@ function $isTableNode(node) {
   return node instanceof TableNode;
 }
 
-export { $computeTableMap, $computeTableMapSkipCellCheck, $createTableCellNode, $createTableNode, $createTableNodeWithDimensions, $createTableRowNode, $createTableSelection, $deleteTableColumn, $deleteTableColumn__EXPERIMENTAL, $deleteTableRow__EXPERIMENTAL, $findCellNode, $findTableNode, $getElementForTableNode, $getNodeTriplet, $getTableCellNodeFromLexicalNode, $getTableCellNodeRect, $getTableColumnIndexFromTableCellNode, $getTableNodeFromLexicalNodeOrThrow, $getTableRowIndexFromTableCellNode, $getTableRowNodeFromTableCellNodeOrThrow, $insertTableColumn, $insertTableColumn__EXPERIMENTAL, $insertTableRow, $insertTableRow__EXPERIMENTAL, $isTableCellNode, $isTableNode, $isTableRowNode, $isTableSelection, $removeTableRowAtIndex, $unmergeCell, INSERT_TABLE_COMMAND, TableCellHeaderStates, TableCellNode, TableNode, TableObserver, TableRowNode, applyTableHandlers, getDOMCellFromTarget, getTableObserverFromTableElement };
+export { $computeTableMap, $computeTableMapSkipCellCheck, $createTableCellNode, $createTableNode, $createTableNodeWithDimensions, $createTableRowNode, $createTableSelection, $deleteTableColumn, $deleteTableColumn__EXPERIMENTAL, $deleteTableRow__EXPERIMENTAL, $findCellNode, $findTableNode, $getElementForTableNode, $getNodeTriplet, $getTableAndElementByKey, $getTableCellNodeFromLexicalNode, $getTableCellNodeRect, $getTableColumnIndexFromTableCellNode, $getTableNodeFromLexicalNodeOrThrow, $getTableRowIndexFromTableCellNode, $getTableRowNodeFromTableCellNodeOrThrow, $insertTableColumn, $insertTableColumn__EXPERIMENTAL, $insertTableRow, $insertTableRow__EXPERIMENTAL, $isScrollableTablesActive, $isTableCellNode, $isTableNode, $isTableRowNode, $isTableSelection, $removeTableRowAtIndex, $unmergeCell, INSERT_TABLE_COMMAND, TableCellHeaderStates, TableCellNode, TableNode, TableObserver, TableRowNode, applyTableHandlers, getDOMCellFromTarget, getTableElement, getTableObserverFromTableElement, setScrollableTablesActive };

package/LexicalTable.js.flow

@@ -162,6 +162,7 @@ declare export function applyTableHandlers(
   tableNode: TableNode,
   tableElement: HTMLElement,
   editor: LexicalEditor,
+  hasTabHandler: boolean,
 ): TableObserver;
 
 declare export function $getElementForTableNode(

package/LexicalTable.mjs

@@ -23,6 +23,7 @@ export const $findCellNode = mod.$findCellNode;
 export const $findTableNode = mod.$findTableNode;
 export const $getElementForTableNode = mod.$getElementForTableNode;
 export const $getNodeTriplet = mod.$getNodeTriplet;
+export const $getTableAndElementByKey = mod.$getTableAndElementByKey;
 export const $getTableCellNodeFromLexicalNode = mod.$getTableCellNodeFromLexicalNode;
 export const $getTableCellNodeRect = mod.$getTableCellNodeRect;
 export const $getTableColumnIndexFromTableCellNode = mod.$getTableColumnIndexFromTableCellNode;
@@ -33,6 +34,7 @@ export const $insertTableColumn = mod.$insertTableColumn;
 export const $insertTableColumn__EXPERIMENTAL = mod.$insertTableColumn__EXPERIMENTAL;
 export const $insertTableRow = mod.$insertTableRow;
 export const $insertTableRow__EXPERIMENTAL = mod.$insertTableRow__EXPERIMENTAL;
+export const $isScrollableTablesActive = mod.$isScrollableTablesActive;
 export const $isTableCellNode = mod.$isTableCellNode;
 export const $isTableNode = mod.$isTableNode;
 export const $isTableRowNode = mod.$isTableRowNode;
@@ -47,4 +49,6 @@ export const TableObserver = mod.TableObserver;
 export const TableRowNode = mod.TableRowNode;
 export const applyTableHandlers = mod.applyTableHandlers;
 export const getDOMCellFromTarget = mod.getDOMCellFromTarget;
-export const getTableObserverFromTableElement = mod.getTableObserverFromTableElement;
+export const getTableElement = mod.getTableElement;
+export const getTableObserverFromTableElement = mod.getTableObserverFromTableElement;
+export const setScrollableTablesActive = mod.setScrollableTablesActive;

package/LexicalTable.node.mjs

@@ -21,6 +21,7 @@ export const $findCellNode = mod.$findCellNode;
 export const $findTableNode = mod.$findTableNode;
 export const $getElementForTableNode = mod.$getElementForTableNode;
 export const $getNodeTriplet = mod.$getNodeTriplet;
+export const $getTableAndElementByKey = mod.$getTableAndElementByKey;
 export const $getTableCellNodeFromLexicalNode = mod.$getTableCellNodeFromLexicalNode;
 export const $getTableCellNodeRect = mod.$getTableCellNodeRect;
 export const $getTableColumnIndexFromTableCellNode = mod.$getTableColumnIndexFromTableCellNode;
@@ -31,6 +32,7 @@ export const $insertTableColumn = mod.$insertTableColumn;
 export const $insertTableColumn__EXPERIMENTAL = mod.$insertTableColumn__EXPERIMENTAL;
 export const $insertTableRow = mod.$insertTableRow;
 export const $insertTableRow__EXPERIMENTAL = mod.$insertTableRow__EXPERIMENTAL;
+export const $isScrollableTablesActive = mod.$isScrollableTablesActive;
 export const $isTableCellNode = mod.$isTableCellNode;
 export const $isTableNode = mod.$isTableNode;
 export const $isTableRowNode = mod.$isTableRowNode;
@@ -45,4 +47,6 @@ export const TableObserver = mod.TableObserver;
 export const TableRowNode = mod.TableRowNode;
 export const applyTableHandlers = mod.applyTableHandlers;
 export const getDOMCellFromTarget = mod.getDOMCellFromTarget;
-export const getTableObserverFromTableElement = mod.getTableObserverFromTableElement;
+export const getTableElement = mod.getTableElement;
+export const getTableObserverFromTableElement = mod.getTableObserverFromTableElement;
+export const setScrollableTablesActive = mod.setScrollableTablesActive;