@lexical/react 0.15.0 → 0.16.0

package/LexicalOnChangePlugin.dev.js

@@ -29,6 +29,10 @@ const CAN_USE_DOM = typeof window !== 'undefined' && typeof window.document !==
  *
  */
 
+
+// This workaround is no longer necessary in React 19,
+// but we currently support React >=17.x
+// https://github.com/facebook/react/pull/26395
 const useLayoutEffectImpl = CAN_USE_DOM ? react.useLayoutEffect : react.useEffect;
 
 /**

package/LexicalOnChangePlugin.dev.mjs

@@ -27,6 +27,10 @@ const CAN_USE_DOM = typeof window !== 'undefined' && typeof window.document !==
  *
  */
 
+
+// This workaround is no longer necessary in React 19,
+// but we currently support React >=17.x
+// https://github.com/facebook/react/pull/26395
 const useLayoutEffectImpl = CAN_USE_DOM ? useLayoutEffect : useEffect;
 
 /**

package/LexicalPlainTextPlugin.dev.js

@@ -10,26 +10,14 @@
 
 var LexicalComposerContext = require('@lexical/react/LexicalComposerContext');
 var useLexicalEditable = require('@lexical/react/useLexicalEditable');
-var React = require('react');
 var text = require('@lexical/text');
 var utils = require('@lexical/utils');
+var react = require('react');
 var reactDom = require('react-dom');
+var jsxRuntime = require('react/jsx-runtime');
 var dragon = require('@lexical/dragon');
 var plainText = require('@lexical/plain-text');
 
-function _interopNamespaceDefault(e) {
-  var n = Object.create(null);
-  if (e) {
-    for (var k in e) {
-      n[k] = e[k];
-    }
-  }
-  n.default = e;
-  return n;
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
@@ -48,7 +36,11 @@ const CAN_USE_DOM = typeof window !== 'undefined' && typeof window.document !==
  *
  */
 
-const useLayoutEffectImpl = CAN_USE_DOM ? React.useLayoutEffect : React.useEffect;
+
+// This workaround is no longer necessary in React 19,
+// but we currently support React >=17.x
+// https://github.com/facebook/react/pull/26395
+const useLayoutEffectImpl = CAN_USE_DOM ? react.useLayoutEffect : react.useEffect;
 
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
@@ -63,7 +55,7 @@ function canShowPlaceholderFromCurrentEditorState(editor) {
   return currentCanShowPlaceholder;
 }
 function useCanShowPlaceholder(editor) {
-  const [canShowPlaceholder, setCanShowPlaceholder] = React.useState(() => canShowPlaceholderFromCurrentEditorState(editor));
+  const [canShowPlaceholder, setCanShowPlaceholder] = react.useState(() => canShowPlaceholderFromCurrentEditorState(editor));
   useLayoutEffectImpl(() => {
     function resetCanShowPlaceholder() {
       const currentCanShowPlaceholder = canShowPlaceholderFromCurrentEditorState(editor);
@@ -88,7 +80,7 @@ function useCanShowPlaceholder(editor) {
  */
 
 function useDecorators(editor, ErrorBoundary) {
-  const [decorators, setDecorators] = React.useState(() => editor.getDecorators());
+  const [decorators, setDecorators] = react.useState(() => editor.getDecorators());
 
   // Subscribe to changes
   useLayoutEffectImpl(() => {
@@ -98,7 +90,7 @@ function useDecorators(editor, ErrorBoundary) {
       });
     });
   }, [editor]);
-  React.useEffect(() => {
+  react.useEffect(() => {
     // If the content editable mounts before the subscription is added, then
     // nothing will be rendered on initial pass. We can get around that by
     // ensuring that we set the value.
@@ -106,16 +98,18 @@ function useDecorators(editor, ErrorBoundary) {
   }, [editor]);
 
   // Return decorators defined as React Portals
-  return React.useMemo(() => {
+  return react.useMemo(() => {
     const decoratedPortals = [];
     const decoratorKeys = Object.keys(decorators);
     for (let i = 0; i < decoratorKeys.length; i++) {
       const nodeKey = decoratorKeys[i];
-      const reactDecorator = /*#__PURE__*/React__namespace.createElement(ErrorBoundary, {
-        onError: e => editor._onError(e)
-      }, /*#__PURE__*/React__namespace.createElement(React.Suspense, {
-        fallback: null
-      }, decorators[nodeKey]));
+      const reactDecorator = /*#__PURE__*/jsxRuntime.jsx(ErrorBoundary, {
+        onError: e => editor._onError(e),
+        children: /*#__PURE__*/jsxRuntime.jsx(react.Suspense, {
+          fallback: null,
+          children: decorators[nodeKey]
+        })
+      });
       const element = editor.getElementByKey(nodeKey);
       if (element !== null) {
         decoratedPortals.push( /*#__PURE__*/reactDom.createPortal(reactDecorator, element, nodeKey));
@@ -158,16 +152,18 @@ function PlainTextPlugin({
   const [editor] = LexicalComposerContext.useLexicalComposerContext();
   const decorators = useDecorators(editor, ErrorBoundary);
   usePlainTextSetup(editor);
-  return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, contentEditable, /*#__PURE__*/React__namespace.createElement(Placeholder, {
-    content: placeholder
-  }), decorators);
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [contentEditable, /*#__PURE__*/jsxRuntime.jsx(Placeholder, {
+      content: placeholder
+    }), decorators]
+  });
 }
 function Placeholder({
   content
 }) {
   const [editor] = LexicalComposerContext.useLexicalComposerContext();
   const showPlaceholder = useCanShowPlaceholder(editor);
-  const editable = useLexicalEditable();
+  const editable = useLexicalEditable.useLexicalEditable();
   if (!showPlaceholder) {
     return null;
   }

package/LexicalPlainTextPlugin.dev.mjs

@@ -7,12 +7,12 @@
  */
 
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import useLexicalEditable from '@lexical/react/useLexicalEditable';
-import * as React from 'react';
-import { useLayoutEffect, useEffect, useState, useMemo, Suspense } from 'react';
+import { useLexicalEditable } from '@lexical/react/useLexicalEditable';
 import { $canShowPlaceholderCurry } from '@lexical/text';
 import { mergeRegister } from '@lexical/utils';
+import { useLayoutEffect, useEffect, useState, useMemo, Suspense } from 'react';
 import { flushSync, createPortal } from 'react-dom';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { registerDragonSupport } from '@lexical/dragon';
 import { registerPlainText } from '@lexical/plain-text';
 
@@ -34,6 +34,10 @@ const CAN_USE_DOM = typeof window !== 'undefined' && typeof window.document !==
  *
  */
 
+
+// This workaround is no longer necessary in React 19,
+// but we currently support React >=17.x
+// https://github.com/facebook/react/pull/26395
 const useLayoutEffectImpl = CAN_USE_DOM ? useLayoutEffect : useEffect;
 
 /**
@@ -97,11 +101,13 @@ function useDecorators(editor, ErrorBoundary) {
     const decoratorKeys = Object.keys(decorators);
     for (let i = 0; i < decoratorKeys.length; i++) {
       const nodeKey = decoratorKeys[i];
-      const reactDecorator = /*#__PURE__*/React.createElement(ErrorBoundary, {
-        onError: e => editor._onError(e)
-      }, /*#__PURE__*/React.createElement(Suspense, {
-        fallback: null
-      }, decorators[nodeKey]));
+      const reactDecorator = /*#__PURE__*/jsx(ErrorBoundary, {
+        onError: e => editor._onError(e),
+        children: /*#__PURE__*/jsx(Suspense, {
+          fallback: null,
+          children: decorators[nodeKey]
+        })
+      });
       const element = editor.getElementByKey(nodeKey);
       if (element !== null) {
         decoratedPortals.push( /*#__PURE__*/createPortal(reactDecorator, element, nodeKey));
@@ -144,9 +150,11 @@ function PlainTextPlugin({
   const [editor] = useLexicalComposerContext();
   const decorators = useDecorators(editor, ErrorBoundary);
   usePlainTextSetup(editor);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, contentEditable, /*#__PURE__*/React.createElement(Placeholder, {
-    content: placeholder
-  }), decorators);
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [contentEditable, /*#__PURE__*/jsx(Placeholder, {
+      content: placeholder
+    }), decorators]
+  });
 }
 function Placeholder({
   content

package/LexicalPlainTextPlugin.js.flow

@@ -9,7 +9,7 @@
 
 import type {EditorState, LexicalEditor} from 'lexical';
 
-import typeof LexicalErrorBoundary from '@lexical/react/LexicalErrorBoundary';
+import {typeof LexicalErrorBoundary} from '@lexical/react/LexicalErrorBoundary';
 
 import * as React from 'react';
 

package/LexicalPlainTextPlugin.prod.js

@@ -6,7 +6,7 @@
  *
  */
 
-'use strict';var b=require("@lexical/react/LexicalComposerContext"),f=require("@lexical/react/useLexicalEditable"),h=require("react"),m=require("@lexical/text"),n=require("@lexical/utils"),p=require("react-dom"),q=require("@lexical/dragon"),r=require("@lexical/plain-text"),v=Object.create(null);if(h)for(var w in h)v[w]=h[w];v.default=h;let x="undefined"!==typeof window&&"undefined"!==typeof window.document&&"undefined"!==typeof window.document.createElement?h.useLayoutEffect:h.useEffect;
-function y(a){return a.getEditorState().read(m.$canShowPlaceholderCurry(a.isComposing()))}function z(a){let [d,c]=h.useState(()=>y(a));x(()=>{function e(){let g=y(a);c(g)}e();return n.mergeRegister(a.registerUpdateListener(()=>{e()}),a.registerEditableListener(()=>{e()}))},[a]);return d}
-function A(a,d){let [c,e]=h.useState(()=>a.getDecorators());x(()=>a.registerDecoratorListener(g=>{p.flushSync(()=>{e(g)})}),[a]);h.useEffect(()=>{e(a.getDecorators())},[a]);return h.useMemo(()=>{let g=[],t=Object.keys(c);for(let k=0;k<t.length;k++){let l=t[k],C=v.createElement(d,{onError:B=>a._onError(B)},v.createElement(h.Suspense,{fallback:null},c[l])),u=a.getElementByKey(l);null!==u&&g.push(p.createPortal(C,u,l))}return g},[d,c,a])}
-function D(a){x(()=>n.mergeRegister(r.registerPlainText(a),q.registerDragonSupport(a)),[a])}function E({content:a}){var [d]=b.useLexicalComposerContext();d=z(d);let c=f();return d?"function"===typeof a?a(c):a:null}exports.PlainTextPlugin=function({contentEditable:a,placeholder:d,ErrorBoundary:c}){let [e]=b.useLexicalComposerContext();c=A(e,c);D(e);return v.createElement(v.Fragment,null,a,v.createElement(E,{content:d}),c)}
+'use strict';var e=require("@lexical/react/LexicalComposerContext"),g=require("@lexical/react/useLexicalEditable"),h=require("@lexical/text"),m=require("@lexical/utils"),n=require("react"),p=require("react-dom"),q=require("react/jsx-runtime"),u=require("@lexical/dragon"),v=require("@lexical/plain-text");let w="undefined"!==typeof window&&"undefined"!==typeof window.document&&"undefined"!==typeof window.document.createElement?n.useLayoutEffect:n.useEffect;
+function x(a){return a.getEditorState().read(h.$canShowPlaceholderCurry(a.isComposing()))}function y(a){let [c,b]=n.useState(()=>x(a));w(()=>{function d(){let f=x(a);b(f)}d();return m.mergeRegister(a.registerUpdateListener(()=>{d()}),a.registerEditableListener(()=>{d()}))},[a]);return c}
+function z(a,c){let [b,d]=n.useState(()=>a.getDecorators());w(()=>a.registerDecoratorListener(f=>{p.flushSync(()=>{d(f)})}),[a]);n.useEffect(()=>{d(a.getDecorators())},[a]);return n.useMemo(()=>{let f=[],r=Object.keys(b);for(let k=0;k<r.length;k++){let l=r[k],B=q.jsx(c,{onError:A=>a._onError(A),children:q.jsx(n.Suspense,{fallback:null,children:b[l]})}),t=a.getElementByKey(l);null!==t&&f.push(p.createPortal(B,t,l))}return f},[c,b,a])}
+function C(a){w(()=>m.mergeRegister(v.registerPlainText(a),u.registerDragonSupport(a)),[a])}function D({content:a}){var [c]=e.useLexicalComposerContext();c=y(c);let b=g.useLexicalEditable();return c?"function"===typeof a?a(b):a:null}exports.PlainTextPlugin=function({contentEditable:a,placeholder:c,ErrorBoundary:b}){let [d]=e.useLexicalComposerContext();b=z(d,b);C(d);return q.jsxs(q.Fragment,{children:[a,q.jsx(D,{content:c}),b]})}

package/LexicalPlainTextPlugin.prod.mjs

@@ -6,4 +6,4 @@
  *
  */
 
-import{useLexicalComposerContext as e}from"@lexical/react/LexicalComposerContext";import t from"@lexical/react/useLexicalEditable";import*as r from"react";import{useLayoutEffect as o,useEffect as n,useState as c,useMemo as i,Suspense as l}from"react";import{$canShowPlaceholderCurry as a}from"@lexical/text";import{mergeRegister as m}from"@lexical/utils";import{flushSync as u,createPortal as s}from"react-dom";import{registerDragonSupport as f}from"@lexical/dragon";import{registerPlainText as d}from"@lexical/plain-text";const p="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?o:n;function E(e){return e.getEditorState().read(a(e.isComposing()))}function x({contentEditable:t,placeholder:o,ErrorBoundary:a}){const[E]=e(),x=function(e,t){const[o,a]=c((()=>e.getDecorators()));return p((()=>e.registerDecoratorListener((e=>{u((()=>{a(e)}))}))),[e]),n((()=>{a(e.getDecorators())}),[e]),i((()=>{const n=[],c=Object.keys(o);for(let i=0;i<c.length;i++){const a=c[i],m=r.createElement(t,{onError:t=>e._onError(t)},r.createElement(l,{fallback:null},o[a])),u=e.getElementByKey(a);null!==u&&n.push(s(m,u,a))}return n}),[t,o,e])}(E,a);return function(e){p((()=>m(d(e),f(e))),[e])}(E),r.createElement(r.Fragment,null,t,r.createElement(g,{content:o}),x)}function g({content:r}){const[o]=e(),n=function(e){const[t,r]=c((()=>E(e)));return p((()=>{function t(){const t=E(e);r(t)}return t(),m(e.registerUpdateListener((()=>{t()})),e.registerEditableListener((()=>{t()})))}),[e]),t}(o),i=t();return n?"function"==typeof r?r(i):r:null}export{x as PlainTextPlugin};
+import{useLexicalComposerContext as t}from"@lexical/react/LexicalComposerContext";import{useLexicalEditable as e}from"@lexical/react/useLexicalEditable";import{$canShowPlaceholderCurry as r}from"@lexical/text";import{mergeRegister as o}from"@lexical/utils";import{useLayoutEffect as n,useEffect as i,useState as c,useMemo as l,Suspense as a}from"react";import{flushSync as m,createPortal as u}from"react-dom";import{jsx as s,jsxs as d,Fragment as f}from"react/jsx-runtime";import{registerDragonSupport as p}from"@lexical/dragon";import{registerPlainText as x}from"@lexical/plain-text";const g="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?n:i;function E(t){return t.getEditorState().read(r(t.isComposing()))}function h({contentEditable:e,placeholder:r,ErrorBoundary:n}){const[E]=t(),h=function(t,e){const[r,o]=c((()=>t.getDecorators()));return g((()=>t.registerDecoratorListener((t=>{m((()=>{o(t)}))}))),[t]),i((()=>{o(t.getDecorators())}),[t]),l((()=>{const o=[],n=Object.keys(r);for(let i=0;i<n.length;i++){const c=n[i],l=s(e,{onError:e=>t._onError(e),children:s(a,{fallback:null,children:r[c]})}),m=t.getElementByKey(c);null!==m&&o.push(u(l,m,c))}return o}),[e,r,t])}(E,n);return function(t){g((()=>o(x(t),p(t))),[t])}(E),d(f,{children:[e,s(w,{content:r}),h]})}function w({content:r}){const[n]=t(),i=function(t){const[e,r]=c((()=>E(t)));return g((()=>{function e(){const e=E(t);r(e)}return e(),o(t.registerUpdateListener((()=>{e()})),t.registerEditableListener((()=>{e()})))}),[t]),e}(n),l=e();return i?"function"==typeof r?r(l):r:null}export{h as PlainTextPlugin};

package/LexicalRichTextPlugin.dev.js

@@ -10,26 +10,14 @@
 
 var LexicalComposerContext = require('@lexical/react/LexicalComposerContext');
 var useLexicalEditable = require('@lexical/react/useLexicalEditable');
-var React = require('react');
 var text = require('@lexical/text');
 var utils = require('@lexical/utils');
+var react = require('react');
 var reactDom = require('react-dom');
+var jsxRuntime = require('react/jsx-runtime');
 var dragon = require('@lexical/dragon');
 var richText = require('@lexical/rich-text');
 
-function _interopNamespaceDefault(e) {
-  var n = Object.create(null);
-  if (e) {
-    for (var k in e) {
-      n[k] = e[k];
-    }
-  }
-  n.default = e;
-  return n;
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
@@ -48,7 +36,11 @@ const CAN_USE_DOM = typeof window !== 'undefined' && typeof window.document !==
  *
  */
 
-const useLayoutEffectImpl = CAN_USE_DOM ? React.useLayoutEffect : React.useEffect;
+
+// This workaround is no longer necessary in React 19,
+// but we currently support React >=17.x
+// https://github.com/facebook/react/pull/26395
+const useLayoutEffectImpl = CAN_USE_DOM ? react.useLayoutEffect : react.useEffect;
 
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
@@ -63,7 +55,7 @@ function canShowPlaceholderFromCurrentEditorState(editor) {
   return currentCanShowPlaceholder;
 }
 function useCanShowPlaceholder(editor) {
-  const [canShowPlaceholder, setCanShowPlaceholder] = React.useState(() => canShowPlaceholderFromCurrentEditorState(editor));
+  const [canShowPlaceholder, setCanShowPlaceholder] = react.useState(() => canShowPlaceholderFromCurrentEditorState(editor));
   useLayoutEffectImpl(() => {
     function resetCanShowPlaceholder() {
       const currentCanShowPlaceholder = canShowPlaceholderFromCurrentEditorState(editor);
@@ -88,7 +80,7 @@ function useCanShowPlaceholder(editor) {
  */
 
 function useDecorators(editor, ErrorBoundary) {
-  const [decorators, setDecorators] = React.useState(() => editor.getDecorators());
+  const [decorators, setDecorators] = react.useState(() => editor.getDecorators());
 
   // Subscribe to changes
   useLayoutEffectImpl(() => {
@@ -98,7 +90,7 @@ function useDecorators(editor, ErrorBoundary) {
       });
     });
   }, [editor]);
-  React.useEffect(() => {
+  react.useEffect(() => {
     // If the content editable mounts before the subscription is added, then
     // nothing will be rendered on initial pass. We can get around that by
     // ensuring that we set the value.
@@ -106,16 +98,18 @@ function useDecorators(editor, ErrorBoundary) {
   }, [editor]);
 
   // Return decorators defined as React Portals
-  return React.useMemo(() => {
+  return react.useMemo(() => {
     const decoratedPortals = [];
     const decoratorKeys = Object.keys(decorators);
     for (let i = 0; i < decoratorKeys.length; i++) {
       const nodeKey = decoratorKeys[i];
-      const reactDecorator = /*#__PURE__*/React__namespace.createElement(ErrorBoundary, {
-        onError: e => editor._onError(e)
-      }, /*#__PURE__*/React__namespace.createElement(React.Suspense, {
-        fallback: null
-      }, decorators[nodeKey]));
+      const reactDecorator = /*#__PURE__*/jsxRuntime.jsx(ErrorBoundary, {
+        onError: e => editor._onError(e),
+        children: /*#__PURE__*/jsxRuntime.jsx(react.Suspense, {
+          fallback: null,
+          children: decorators[nodeKey]
+        })
+      });
       const element = editor.getElementByKey(nodeKey);
       if (element !== null) {
         decoratedPortals.push( /*#__PURE__*/reactDom.createPortal(reactDecorator, element, nodeKey));
@@ -158,16 +152,18 @@ function RichTextPlugin({
   const [editor] = LexicalComposerContext.useLexicalComposerContext();
   const decorators = useDecorators(editor, ErrorBoundary);
   useRichTextSetup(editor);
-  return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, contentEditable, /*#__PURE__*/React__namespace.createElement(Placeholder, {
-    content: placeholder
-  }), decorators);
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [contentEditable, /*#__PURE__*/jsxRuntime.jsx(Placeholder, {
+      content: placeholder
+    }), decorators]
+  });
 }
 function Placeholder({
   content
 }) {
   const [editor] = LexicalComposerContext.useLexicalComposerContext();
   const showPlaceholder = useCanShowPlaceholder(editor);
-  const editable = useLexicalEditable();
+  const editable = useLexicalEditable.useLexicalEditable();
   if (!showPlaceholder) {
     return null;
   }

package/LexicalRichTextPlugin.dev.mjs

@@ -7,12 +7,12 @@
  */
 
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import useLexicalEditable from '@lexical/react/useLexicalEditable';
-import * as React from 'react';
-import { useLayoutEffect, useEffect, useState, useMemo, Suspense } from 'react';
+import { useLexicalEditable } from '@lexical/react/useLexicalEditable';
 import { $canShowPlaceholderCurry } from '@lexical/text';
 import { mergeRegister } from '@lexical/utils';
+import { useLayoutEffect, useEffect, useState, useMemo, Suspense } from 'react';
 import { flushSync, createPortal } from 'react-dom';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { registerDragonSupport } from '@lexical/dragon';
 import { registerRichText } from '@lexical/rich-text';
 
@@ -34,6 +34,10 @@ const CAN_USE_DOM = typeof window !== 'undefined' && typeof window.document !==
  *
  */
 
+
+// This workaround is no longer necessary in React 19,
+// but we currently support React >=17.x
+// https://github.com/facebook/react/pull/26395
 const useLayoutEffectImpl = CAN_USE_DOM ? useLayoutEffect : useEffect;
 
 /**
@@ -97,11 +101,13 @@ function useDecorators(editor, ErrorBoundary) {
     const decoratorKeys = Object.keys(decorators);
     for (let i = 0; i < decoratorKeys.length; i++) {
       const nodeKey = decoratorKeys[i];
-      const reactDecorator = /*#__PURE__*/React.createElement(ErrorBoundary, {
-        onError: e => editor._onError(e)
-      }, /*#__PURE__*/React.createElement(Suspense, {
-        fallback: null
-      }, decorators[nodeKey]));
+      const reactDecorator = /*#__PURE__*/jsx(ErrorBoundary, {
+        onError: e => editor._onError(e),
+        children: /*#__PURE__*/jsx(Suspense, {
+          fallback: null,
+          children: decorators[nodeKey]
+        })
+      });
       const element = editor.getElementByKey(nodeKey);
       if (element !== null) {
         decoratedPortals.push( /*#__PURE__*/createPortal(reactDecorator, element, nodeKey));
@@ -144,9 +150,11 @@ function RichTextPlugin({
   const [editor] = useLexicalComposerContext();
   const decorators = useDecorators(editor, ErrorBoundary);
   useRichTextSetup(editor);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, contentEditable, /*#__PURE__*/React.createElement(Placeholder, {
-    content: placeholder
-  }), decorators);
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [contentEditable, /*#__PURE__*/jsx(Placeholder, {
+      content: placeholder
+    }), decorators]
+  });
 }
 function Placeholder({
   content

package/LexicalRichTextPlugin.js.flow

@@ -9,7 +9,7 @@
 
 import type {EditorState, LexicalEditor} from 'lexical';
 
-import typeof LexicalErrorBoundary from '@lexical/react/LexicalErrorBoundary';
+import {typeof LexicalErrorBoundary} from '@lexical/react/LexicalErrorBoundary';
 
 import * as React from 'react';
 

package/LexicalRichTextPlugin.prod.js

@@ -6,7 +6,7 @@
  *
  */
 
-'use strict';var b=require("@lexical/react/LexicalComposerContext"),f=require("@lexical/react/useLexicalEditable"),h=require("react"),m=require("@lexical/text"),n=require("@lexical/utils"),p=require("react-dom"),q=require("@lexical/dragon"),r=require("@lexical/rich-text"),v=Object.create(null);if(h)for(var w in h)v[w]=h[w];v.default=h;let x="undefined"!==typeof window&&"undefined"!==typeof window.document&&"undefined"!==typeof window.document.createElement?h.useLayoutEffect:h.useEffect;
-function y(a){return a.getEditorState().read(m.$canShowPlaceholderCurry(a.isComposing()))}function z(a){let [d,c]=h.useState(()=>y(a));x(()=>{function e(){let g=y(a);c(g)}e();return n.mergeRegister(a.registerUpdateListener(()=>{e()}),a.registerEditableListener(()=>{e()}))},[a]);return d}
-function A(a,d){let [c,e]=h.useState(()=>a.getDecorators());x(()=>a.registerDecoratorListener(g=>{p.flushSync(()=>{e(g)})}),[a]);h.useEffect(()=>{e(a.getDecorators())},[a]);return h.useMemo(()=>{let g=[],t=Object.keys(c);for(let k=0;k<t.length;k++){let l=t[k],C=v.createElement(d,{onError:B=>a._onError(B)},v.createElement(h.Suspense,{fallback:null},c[l])),u=a.getElementByKey(l);null!==u&&g.push(p.createPortal(C,u,l))}return g},[d,c,a])}
-function D(a){x(()=>n.mergeRegister(r.registerRichText(a),q.registerDragonSupport(a)),[a])}function E({content:a}){var [d]=b.useLexicalComposerContext();d=z(d);let c=f();return d?"function"===typeof a?a(c):a:null}exports.RichTextPlugin=function({contentEditable:a,placeholder:d,ErrorBoundary:c}){let [e]=b.useLexicalComposerContext();c=A(e,c);D(e);return v.createElement(v.Fragment,null,a,v.createElement(E,{content:d}),c)}
+'use strict';var e=require("@lexical/react/LexicalComposerContext"),g=require("@lexical/react/useLexicalEditable"),h=require("@lexical/text"),m=require("@lexical/utils"),n=require("react"),p=require("react-dom"),q=require("react/jsx-runtime"),u=require("@lexical/dragon"),v=require("@lexical/rich-text");let w="undefined"!==typeof window&&"undefined"!==typeof window.document&&"undefined"!==typeof window.document.createElement?n.useLayoutEffect:n.useEffect;
+function x(a){return a.getEditorState().read(h.$canShowPlaceholderCurry(a.isComposing()))}function y(a){let [c,b]=n.useState(()=>x(a));w(()=>{function d(){let f=x(a);b(f)}d();return m.mergeRegister(a.registerUpdateListener(()=>{d()}),a.registerEditableListener(()=>{d()}))},[a]);return c}
+function z(a,c){let [b,d]=n.useState(()=>a.getDecorators());w(()=>a.registerDecoratorListener(f=>{p.flushSync(()=>{d(f)})}),[a]);n.useEffect(()=>{d(a.getDecorators())},[a]);return n.useMemo(()=>{let f=[],r=Object.keys(b);for(let k=0;k<r.length;k++){let l=r[k],B=q.jsx(c,{onError:A=>a._onError(A),children:q.jsx(n.Suspense,{fallback:null,children:b[l]})}),t=a.getElementByKey(l);null!==t&&f.push(p.createPortal(B,t,l))}return f},[c,b,a])}
+function C(a){w(()=>m.mergeRegister(v.registerRichText(a),u.registerDragonSupport(a)),[a])}function D({content:a}){var [c]=e.useLexicalComposerContext();c=y(c);let b=g.useLexicalEditable();return c?"function"===typeof a?a(b):a:null}exports.RichTextPlugin=function({contentEditable:a,placeholder:c,ErrorBoundary:b}){let [d]=e.useLexicalComposerContext();b=z(d,b);C(d);return q.jsxs(q.Fragment,{children:[a,q.jsx(D,{content:c}),b]})}

package/LexicalRichTextPlugin.prod.mjs

@@ -6,4 +6,4 @@
  *
  */
 
-import{useLexicalComposerContext as e}from"@lexical/react/LexicalComposerContext";import t from"@lexical/react/useLexicalEditable";import*as r from"react";import{useLayoutEffect as o,useEffect as n,useState as c,useMemo as i,Suspense as l}from"react";import{$canShowPlaceholderCurry as a}from"@lexical/text";import{mergeRegister as m}from"@lexical/utils";import{flushSync as u,createPortal as s}from"react-dom";import{registerDragonSupport as f}from"@lexical/dragon";import{registerRichText as d}from"@lexical/rich-text";const p="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?o:n;function E(e){return e.getEditorState().read(a(e.isComposing()))}function x({contentEditable:t,placeholder:o,ErrorBoundary:a}){const[E]=e(),x=function(e,t){const[o,a]=c((()=>e.getDecorators()));return p((()=>e.registerDecoratorListener((e=>{u((()=>{a(e)}))}))),[e]),n((()=>{a(e.getDecorators())}),[e]),i((()=>{const n=[],c=Object.keys(o);for(let i=0;i<c.length;i++){const a=c[i],m=r.createElement(t,{onError:t=>e._onError(t)},r.createElement(l,{fallback:null},o[a])),u=e.getElementByKey(a);null!==u&&n.push(s(m,u,a))}return n}),[t,o,e])}(E,a);return function(e){p((()=>m(d(e),f(e))),[e])}(E),r.createElement(r.Fragment,null,t,r.createElement(g,{content:o}),x)}function g({content:r}){const[o]=e(),n=function(e){const[t,r]=c((()=>E(e)));return p((()=>{function t(){const t=E(e);r(t)}return t(),m(e.registerUpdateListener((()=>{t()})),e.registerEditableListener((()=>{t()})))}),[e]),t}(o),i=t();return n?"function"==typeof r?r(i):r:null}export{x as RichTextPlugin};
+import{useLexicalComposerContext as t}from"@lexical/react/LexicalComposerContext";import{useLexicalEditable as e}from"@lexical/react/useLexicalEditable";import{$canShowPlaceholderCurry as r}from"@lexical/text";import{mergeRegister as o}from"@lexical/utils";import{useLayoutEffect as n,useEffect as i,useState as c,useMemo as l,Suspense as a}from"react";import{flushSync as m,createPortal as u}from"react-dom";import{jsx as s,jsxs as d,Fragment as f}from"react/jsx-runtime";import{registerDragonSupport as p}from"@lexical/dragon";import{registerRichText as x}from"@lexical/rich-text";const g="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?n:i;function E(t){return t.getEditorState().read(r(t.isComposing()))}function h({contentEditable:e,placeholder:r,ErrorBoundary:n}){const[E]=t(),h=function(t,e){const[r,o]=c((()=>t.getDecorators()));return g((()=>t.registerDecoratorListener((t=>{m((()=>{o(t)}))}))),[t]),i((()=>{o(t.getDecorators())}),[t]),l((()=>{const o=[],n=Object.keys(r);for(let i=0;i<n.length;i++){const c=n[i],l=s(e,{onError:e=>t._onError(e),children:s(a,{fallback:null,children:r[c]})}),m=t.getElementByKey(c);null!==m&&o.push(u(l,m,c))}return o}),[e,r,t])}(E,n);return function(t){g((()=>o(x(t),p(t))),[t])}(E),d(f,{children:[e,s(w,{content:r}),h]})}function w({content:r}){const[n]=t(),i=function(t){const[e,r]=c((()=>E(t)));return g((()=>{function e(){const e=E(t);r(e)}return e(),o(t.registerUpdateListener((()=>{e()})),t.registerEditableListener((()=>{e()})))}),[t]),e}(n),l=e();return i?"function"==typeof r?r(l):r:null}export{h as RichTextPlugin};

package/LexicalTableOfContents.d.ts

@@ -5,16 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-/// <reference types="react" />
-import { HeadingTagType } from '@lexical/rich-text';
-import { LexicalEditor, NodeKey } from 'lexical';
-export type TableOfContentsEntry = [
-    key: NodeKey,
-    text: string,
-    tag: HeadingTagType
-];
-type Props = {
-    children: (values: Array<TableOfContentsEntry>, editor: LexicalEditor) => JSX.Element;
-};
-export default function LexicalTableOfContentsPlugin({ children, }: Props): JSX.Element;
-export {};
+/** @deprecated moved to @lexical/react/LexicalTableOfContentsPlugin */
+import { type TableOfContentsEntry, TableOfContentsPlugin } from './LexicalTableOfContentsPlugin';
+/** @deprecated use the module @lexical/react/LexicalTableOfContentsPlugin */
+export { type TableOfContentsEntry };
+/** @deprecated use module @lexical/react/LexicalTableOfContentsPlugin */
+export default TableOfContentsPlugin;

package/LexicalTableOfContents.dev.js

@@ -101,7 +101,7 @@ function $getPreviousHeading(node) {
   }
   return prevHeading;
 }
-function LexicalTableOfContentsPlugin({
+function TableOfContentsPlugin({
   children
 }) {
   const [tableOfContents, setTableOfContents] = react.useState([]);
@@ -195,4 +195,12 @@ function LexicalTableOfContentsPlugin({
   return children(tableOfContents, editor);
 }
 
-module.exports = LexicalTableOfContentsPlugin;
+/**
+ * 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.
+ *
+ */
+
+exports.default = TableOfContentsPlugin;

package/LexicalTableOfContents.dev.mjs

@@ -99,7 +99,7 @@ function $getPreviousHeading(node) {
   }
   return prevHeading;
 }
-function LexicalTableOfContentsPlugin({
+function TableOfContentsPlugin({
   children
 }) {
   const [tableOfContents, setTableOfContents] = useState([]);
@@ -193,4 +193,12 @@ function LexicalTableOfContentsPlugin({
   return children(tableOfContents, editor);
 }
 
-export { LexicalTableOfContentsPlugin as default };
+/**
+ * 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.
+ *
+ */
+
+export { TableOfContentsPlugin as default };

package/LexicalTableOfContents.js.flow

@@ -7,11 +7,7 @@
  * @flow strict
  */
 
-import type {HeadingTagType} from '@lexical/rich-text';
-import type {NodeKey} from 'lexical';
+import {TableOfContentsPlugin} from '@lexical/react/LexicalTableOfContentsPlugin';
 
-declare export default function LexicalTableOfContentsPlugin({
-  children: (
-    tableOfContents: Array<[NodeKey, string, HeadingTagType]>,
-  ) => React$Node,
-}): React$Node;
+/** @deprecated use the named export {@link LexicalTableOfContentsPlugin} */
+declare export default typeof TableOfContentsPlugin;

package/LexicalTableOfContents.prod.js

@@ -7,6 +7,6 @@
  */
 
 'use strict';var h=require("@lexical/react/LexicalComposerContext"),q=require("@lexical/rich-text"),v=require("@lexical/utils"),w=require("lexical"),x=require("react");function y(d){return[d.getKey(),d.getTextContent(),d.getTag()]}function z(d,t,n){let e=[],c=y(t);d||e.push(c);for(let r of n)r[0]!==t.getKey()&&(e.push(r),d&&r[0]===d.getKey()&&e.push(c));return e}function B(d){for(d=v.$getNextRightPreorderNode(d);null!==d&&!q.$isHeadingNode(d);)d=v.$getNextRightPreorderNode(d);return d}
-module.exports=function({children:d}){let [t,n]=x.useState([]),[e]=h.useLexicalComposerContext();x.useEffect(()=>{let c=[];e.getEditorState().read(()=>{let l=w.$getRoot().getChildren();for(let a of l)q.$isHeadingNode(a)&&c.push([a.getKey(),a.getTextContent(),a.getTag()]);n(c)});let r=e.registerUpdateListener(({editorState:l,dirtyElements:a})=>{l.read(()=>{const f=b=>{for(const g of b.getChildren())q.$isHeadingNode(g)?(b=B(g),c=z(b,g,c),n(c)):w.$isElementNode(g)&&f(g)};w.$getRoot().getChildren().forEach(b=>
+exports.default=function({children:d}){let [t,n]=x.useState([]),[e]=h.useLexicalComposerContext();x.useEffect(()=>{let c=[];e.getEditorState().read(()=>{let l=w.$getRoot().getChildren();for(let a of l)q.$isHeadingNode(a)&&c.push([a.getKey(),a.getTextContent(),a.getTag()]);n(c)});let r=e.registerUpdateListener(({editorState:l,dirtyElements:a})=>{l.read(()=>{const f=b=>{for(const g of b.getChildren())q.$isHeadingNode(g)?(b=B(g),c=z(b,g,c),n(c)):w.$isElementNode(g)&&f(g)};w.$getRoot().getChildren().forEach(b=>
 {w.$isElementNode(b)&&a.get(b.__key)&&f(b)})})}),C=e.registerMutationListener(q.HeadingNode,l=>{e.getEditorState().read(()=>{for(const [g,m]of l)if("created"===m){var a=w.$getNodeByKey(g);if(null!==a)a:{var f=B(a),b=c;if(null===a){c=b;break a}let k=y(a),u=[];if(null===f){if(0<b.length&&b[0][0]===a.__key){c=b;break a}u=[k,...b]}else for(let p=0;p<b.length;p++){let A=b[p][0];u.push(b[p]);if(A===f.getKey()&&A!==a.getKey()){if(p+1<b.length&&b[p+1][0]===a.__key){c=b;break a}u.push(k)}}c=u}}else if("destroyed"===
 m){f=g;a=c;b=[];for(let k of a)k[0]!==f&&b.push(k);c=b}else"updated"===m&&(f=w.$getNodeByKey(g),null!==f&&(a=B(f),c=z(a,f,c)));n(c)})}),D=e.registerMutationListener(w.TextNode,l=>{e.getEditorState().read(()=>{for(const [b,g]of l)if("updated"===g){var a=w.$getNodeByKey(b);if(null!==a&&(a=a.getParentOrThrow(),q.$isHeadingNode(a))){var f=c;let m=[];for(let k of f)k[0]===a.getKey()?m.push(y(a)):m.push(k);c=m;n(c)}}})});return()=>{C();D();r()}},[e]);return d(t,e)}

package/LexicalTableOfContentsPlugin.d.ts

@@ -0,0 +1,20 @@
+/**
+ * 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.
+ *
+ */
+/// <reference types="react" />
+import { HeadingTagType } from '@lexical/rich-text';
+import { LexicalEditor, NodeKey } from 'lexical';
+export type TableOfContentsEntry = [
+    key: NodeKey,
+    text: string,
+    tag: HeadingTagType
+];
+type Props = {
+    children: (values: Array<TableOfContentsEntry>, editor: LexicalEditor) => JSX.Element;
+};
+export declare function TableOfContentsPlugin({ children }: Props): JSX.Element;
+export {};