@lexical/react 0.38.3-nightly.20251111.0 → 0.38.3-nightly.20251112.0

package/LexicalTablePlugin.d.ts

@@ -24,6 +24,12 @@ export interface TablePluginProps {
      * When `true` (default `false`), tables will be wrapped in a `<div>` to enable horizontal scrolling
      */
     hasHorizontalScroll?: boolean;
+    /**
+     * When `true` (default `false`), nested tables will be allowed.
+     *
+     * @experimental Nested tables are not officially supported.
+     */
+    hasNestedTables?: boolean;
 }
 /**
  * A plugin to enable all of the features of Lexical's TableNode.
@@ -31,4 +37,4 @@ export interface TablePluginProps {
  * @param props - See type for documentation
  * @returns An element to render in your LexicalComposer
  */
-export declare function TablePlugin({ hasCellMerge, hasCellBackgroundColor, hasTabHandler, hasHorizontalScroll, }: TablePluginProps): JSX.Element | null;
+export declare function TablePlugin({ hasCellMerge, hasCellBackgroundColor, hasTabHandler, hasHorizontalScroll, hasNestedTables, }: TablePluginProps): JSX.Element | null;

package/LexicalTablePlugin.dev.js

@@ -8,6 +8,7 @@
 
 'use strict';
 
+var extension = require('@lexical/extension');
 var LexicalComposerContext = require('@lexical/react/LexicalComposerContext');
 var table = require('@lexical/table');
 var react = require('react');
@@ -30,7 +31,8 @@ function TablePlugin({
   hasCellMerge = true,
   hasCellBackgroundColor = true,
   hasTabHandler = true,
-  hasHorizontalScroll = false
+  hasHorizontalScroll = false,
+  hasNestedTables = false
 }) {
   const [editor] = LexicalComposerContext.useLexicalComposerContext();
   react.useEffect(() => {
@@ -42,7 +44,13 @@ function TablePlugin({
       editor.registerNodeTransform(table.TableNode, () => {})();
     }
   }, [editor, hasHorizontalScroll]);
-  react.useEffect(() => table.registerTablePlugin(editor), [editor]);
+  const hasNestedTablesSignal = react.useMemo(() => extension.signal(false), []);
+  if (hasNestedTablesSignal.peek() !== hasNestedTables) {
+    hasNestedTablesSignal.value = hasNestedTables;
+  }
+  react.useEffect(() => table.registerTablePlugin(editor, {
+    hasNestedTables: hasNestedTablesSignal
+  }), [editor, hasNestedTablesSignal]);
   react.useEffect(() => table.registerTableSelectionObserver(editor, hasTabHandler), [editor, hasTabHandler]);
 
   // Unmerge cells when the feature isn't enabled

package/LexicalTablePlugin.dev.mjs

@@ -6,9 +6,10 @@
  *
  */
 
+import { signal } from '@lexical/extension';
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
 import { $isScrollableTablesActive, setScrollableTablesActive, TableNode, registerTablePlugin, registerTableSelectionObserver, registerTableCellUnmergeTransform, TableCellNode } from '@lexical/table';
-import { useEffect } from 'react';
+import { useEffect, useMemo } from 'react';
 
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
@@ -28,7 +29,8 @@ function TablePlugin({
   hasCellMerge = true,
   hasCellBackgroundColor = true,
   hasTabHandler = true,
-  hasHorizontalScroll = false
+  hasHorizontalScroll = false,
+  hasNestedTables = false
 }) {
   const [editor] = useLexicalComposerContext();
   useEffect(() => {
@@ -40,7 +42,13 @@ function TablePlugin({
       editor.registerNodeTransform(TableNode, () => {})();
     }
   }, [editor, hasHorizontalScroll]);
-  useEffect(() => registerTablePlugin(editor), [editor]);
+  const hasNestedTablesSignal = useMemo(() => signal(false), []);
+  if (hasNestedTablesSignal.peek() !== hasNestedTables) {
+    hasNestedTablesSignal.value = hasNestedTables;
+  }
+  useEffect(() => registerTablePlugin(editor, {
+    hasNestedTables: hasNestedTablesSignal
+  }), [editor, hasNestedTablesSignal]);
   useEffect(() => registerTableSelectionObserver(editor, hasTabHandler), [editor, hasTabHandler]);
 
   // Unmerge cells when the feature isn't enabled

package/LexicalTablePlugin.prod.js

@@ -6,4 +6,4 @@
  *
  */
 
-"use strict";var e=require("@lexical/react/LexicalComposerContext"),r=require("@lexical/table"),l=require("react");exports.TablePlugin=function({hasCellMerge:t=!0,hasCellBackgroundColor:a=!0,hasTabHandler:o=!0,hasHorizontalScroll:s=!1}){const[c]=e.useLexicalComposerContext();return l.useEffect(()=>{r.$isScrollableTablesActive(c)!==s&&(r.setScrollableTablesActive(c,s),c.registerNodeTransform(r.TableNode,()=>{})())},[c,s]),l.useEffect(()=>r.registerTablePlugin(c),[c]),l.useEffect(()=>r.registerTableSelectionObserver(c,o),[c,o]),l.useEffect(()=>{if(!t)return r.registerTableCellUnmergeTransform(c)},[c,t]),l.useEffect(()=>{if(!a)return c.registerNodeTransform(r.TableCellNode,e=>{null!==e.getBackgroundColor()&&e.setBackgroundColor(null)})},[c,a,t]),null};
+"use strict";var e=require("@lexical/extension"),r=require("@lexical/react/LexicalComposerContext"),l=require("@lexical/table"),s=require("react");exports.TablePlugin=function({hasCellMerge:a=!0,hasCellBackgroundColor:t=!0,hasTabHandler:o=!0,hasHorizontalScroll:i=!1,hasNestedTables:n=!1}){const[c]=r.useLexicalComposerContext();s.useEffect(()=>{l.$isScrollableTablesActive(c)!==i&&(l.setScrollableTablesActive(c,i),c.registerNodeTransform(l.TableNode,()=>{})())},[c,i]);const u=s.useMemo(()=>e.signal(!1),[]);return u.peek()!==n&&(u.value=n),s.useEffect(()=>l.registerTablePlugin(c,{hasNestedTables:u}),[c,u]),s.useEffect(()=>l.registerTableSelectionObserver(c,o),[c,o]),s.useEffect(()=>{if(!a)return l.registerTableCellUnmergeTransform(c)},[c,a]),s.useEffect(()=>{if(!t)return c.registerNodeTransform(l.TableCellNode,e=>{null!==e.getBackgroundColor()&&e.setBackgroundColor(null)})},[c,t,a]),null};

package/LexicalTablePlugin.prod.mjs

@@ -6,4 +6,4 @@
  *
  */
 
-import{useLexicalComposerContext as r}from"@lexical/react/LexicalComposerContext";import{$isScrollableTablesActive as o,setScrollableTablesActive as e,TableNode as l,registerTablePlugin as t,registerTableSelectionObserver as a,registerTableCellUnmergeTransform as n,TableCellNode as i}from"@lexical/table";import{useEffect as c}from"react";function s({hasCellMerge:s=!0,hasCellBackgroundColor:u=!0,hasTabHandler:m=!0,hasHorizontalScroll:f=!1}){const[g]=r();return c(()=>{o(g)!==f&&(e(g,f),g.registerNodeTransform(l,()=>{})())},[g,f]),c(()=>t(g),[g]),c(()=>a(g,m),[g,m]),c(()=>{if(!s)return n(g)},[g,s]),c(()=>{if(!u)return g.registerNodeTransform(i,r=>{null!==r.getBackgroundColor()&&r.setBackgroundColor(null)})},[g,u,s]),null}export{s as TablePlugin};
+import{signal as e}from"@lexical/extension";import{useLexicalComposerContext as r}from"@lexical/react/LexicalComposerContext";import{$isScrollableTablesActive as o,setScrollableTablesActive as l,TableNode as a,registerTablePlugin as t,registerTableSelectionObserver as n,registerTableCellUnmergeTransform as s,TableCellNode as i}from"@lexical/table";import{useEffect as c,useMemo as m}from"react";function u({hasCellMerge:u=!0,hasCellBackgroundColor:f=!0,hasTabHandler:d=!0,hasHorizontalScroll:g=!1,hasNestedTables:p=!1}){const[x]=r();c(()=>{o(x)!==g&&(l(x,g),x.registerNodeTransform(a,()=>{})())},[x,g]);const C=m(()=>e(!1),[]);return C.peek()!==p&&(C.value=p),c(()=>t(x,{hasNestedTables:C}),[x,C]),c(()=>n(x,d),[x,d]),c(()=>{if(!u)return s(x)},[x,u]),c(()=>{if(!f)return x.registerNodeTransform(i,e=>{null!==e.getBackgroundColor()&&e.setBackgroundColor(null)})},[x,f,u]),null}export{u as TablePlugin};

package/package.json

@@ -8,26 +8,26 @@
     "rich-text"
   ],
   "license": "MIT",
-  "version": "0.38.3-nightly.20251111.0",
+  "version": "0.38.3-nightly.20251112.0",
   "dependencies": {
     "@floating-ui/react": "^0.27.16",
-    "@lexical/devtools-core": "0.38.3-nightly.20251111.0",
-    "@lexical/dragon": "0.38.3-nightly.20251111.0",
-    "@lexical/extension": "0.38.3-nightly.20251111.0",
-    "@lexical/hashtag": "0.38.3-nightly.20251111.0",
-    "@lexical/history": "0.38.3-nightly.20251111.0",
-    "@lexical/link": "0.38.3-nightly.20251111.0",
-    "@lexical/list": "0.38.3-nightly.20251111.0",
-    "@lexical/mark": "0.38.3-nightly.20251111.0",
-    "@lexical/markdown": "0.38.3-nightly.20251111.0",
-    "@lexical/overflow": "0.38.3-nightly.20251111.0",
-    "@lexical/plain-text": "0.38.3-nightly.20251111.0",
-    "@lexical/rich-text": "0.38.3-nightly.20251111.0",
-    "@lexical/table": "0.38.3-nightly.20251111.0",
-    "@lexical/text": "0.38.3-nightly.20251111.0",
-    "@lexical/utils": "0.38.3-nightly.20251111.0",
-    "@lexical/yjs": "0.38.3-nightly.20251111.0",
-    "lexical": "0.38.3-nightly.20251111.0",
+    "@lexical/devtools-core": "0.38.3-nightly.20251112.0",
+    "@lexical/dragon": "0.38.3-nightly.20251112.0",
+    "@lexical/extension": "0.38.3-nightly.20251112.0",
+    "@lexical/hashtag": "0.38.3-nightly.20251112.0",
+    "@lexical/history": "0.38.3-nightly.20251112.0",
+    "@lexical/link": "0.38.3-nightly.20251112.0",
+    "@lexical/list": "0.38.3-nightly.20251112.0",
+    "@lexical/mark": "0.38.3-nightly.20251112.0",
+    "@lexical/markdown": "0.38.3-nightly.20251112.0",
+    "@lexical/overflow": "0.38.3-nightly.20251112.0",
+    "@lexical/plain-text": "0.38.3-nightly.20251112.0",
+    "@lexical/rich-text": "0.38.3-nightly.20251112.0",
+    "@lexical/table": "0.38.3-nightly.20251112.0",
+    "@lexical/text": "0.38.3-nightly.20251112.0",
+    "@lexical/utils": "0.38.3-nightly.20251112.0",
+    "@lexical/yjs": "0.38.3-nightly.20251112.0",
+    "lexical": "0.38.3-nightly.20251112.0",
     "react-error-boundary": "^6.0.0"
   },
   "peerDependencies": {