@lexical/react 0.5.1-next.1 → 0.6.0

package/DEPRECATED_useLexicalDecorators.d.ts

@@ -7,4 +7,4 @@
  */
 import type { LexicalEditor } from 'lexical';
 import { ErrorBoundaryType } from './shared/useDecorators';
-export declare function useLexicalDecorators(editor: LexicalEditor, ErrorBoundary?: ErrorBoundaryType): Array<JSX.Element>;
+export declare function useLexicalDecorators(editor: LexicalEditor, ErrorBoundary: ErrorBoundaryType): Array<JSX.Element>;

package/DEPRECATED_useLexicalDecorators.dev.js

@@ -9,103 +9,6 @@
 var React = require('react');
 var reactDom = require('react-dom');
 
-/**
- * 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.
- *
- */
-
-const changedArray = (a = [], b = []) => a.length !== b.length || a.some((item, index) => !Object.is(item, b[index]));
-
-const initialState = {
-  error: null
-};
-
-class ErrorBoundary extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = initialState;
-    this.resetErrorBoundary = this.resetErrorBoundary.bind(this);
-  }
-
-  static getDerivedStateFromError(error) {
-    return {
-      error
-    };
-  }
-
-  resetErrorBoundary(...args) {
-    // @ts-ignore
-    // eslint-disable-next-line no-unused-expressions
-    this.props.onReset && this.props.onReset(...args);
-    this.reset();
-  }
-
-  reset() {
-    this.setState(initialState);
-  }
-
-  componentDidCatch(error, info) {
-    // @ts-ignore
-    // eslint-disable-next-line no-unused-expressions
-    this.props.onError && this.props.onError(error, info);
-  }
-
-  componentDidUpdate(prevProps, prevState) {
-    const {
-      error
-    } = this.state;
-    const {
-      resetKeys
-    } = this.props; // There's an edge case where if the thing that triggered the error
-    // happens to *also* be in the resetKeys array, we'd end up resetting
-    // the error boundary immediately. This would likely trigger a second
-    // error to be thrown.
-    // So we make sure that we don't check the resetKeys on the first call
-    // of cDU after the error is set
-
-    if (error !== null && prevState.error !== null && changedArray(prevProps.resetKeys, resetKeys)) {
-      // @ts-ignore
-      // eslint-disable-next-line no-unused-expressions
-      this.props.onResetKeysChange && this.props.onResetKeysChange(prevProps.resetKeys, resetKeys);
-      this.reset();
-    }
-  }
-
-  render() {
-    const {
-      error
-    } = this.state;
-    const {
-      fallbackRender,
-      FallbackComponent,
-      fallback
-    } = this.props;
-
-    if (error !== null) {
-      const props = {
-        error,
-        resetErrorBoundary: this.resetErrorBoundary
-      };
-
-      if ( /*#__PURE__*/React.isValidElement(fallback)) {
-        return fallback;
-      } else if (typeof fallbackRender === 'function') {
-        return fallbackRender(props);
-      } else if (FallbackComponent) {
-        return /*#__PURE__*/React.createElement(FallbackComponent, props);
-      } else {
-        throw new Error('react-error-boundary requires either a fallback, fallbackRender, or FallbackComponent prop');
-      }
-    }
-
-    return this.props.children;
-  }
-
-}
-
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
@@ -132,14 +35,7 @@ var useLayoutEffect = useLayoutEffectImpl;
  * LICENSE file in the root directory of this source tree.
  *
  */
-function useDecorators(editor, // TODO 0.6 Make non-optional non-default
-ErrorBoundary$1 = ({
-  children,
-  onError
-}) => /*#__PURE__*/React.createElement(ErrorBoundary, {
-  fallback: null,
-  onError: onError
-}, children)) {
+function useDecorators(editor, ErrorBoundary) {
   const [decorators, setDecorators] = React.useState(() => editor.getDecorators()); // Subscribe to changes
 
   useLayoutEffect(() => {
@@ -162,7 +58,7 @@ ErrorBoundary$1 = ({
 
     for (let i = 0; i < decoratorKeys.length; i++) {
       const nodeKey = decoratorKeys[i];
-      const reactDecorator = /*#__PURE__*/React.createElement(ErrorBoundary$1, {
+      const reactDecorator = /*#__PURE__*/React.createElement(ErrorBoundary, {
         onError: e => editor._onError(e)
       }, /*#__PURE__*/React.createElement(React.Suspense, {
         fallback: null
@@ -175,7 +71,7 @@ ErrorBoundary$1 = ({
     }
 
     return decoratedPortals;
-  }, [ErrorBoundary$1, decorators, editor]);
+  }, [ErrorBoundary, decorators, editor]);
 }
 
 /**
@@ -185,15 +81,8 @@ ErrorBoundary$1 = ({
  * LICENSE file in the root directory of this source tree.
  *
  */
-function useLexicalDecorators(editor, // TODO 0.6 Make non-optional non-default
-ErrorBoundary$1 = ({
-  children,
-  onError
-}) => /*#__PURE__*/React.createElement(ErrorBoundary, {
-  fallback: null,
-  onError: onError
-}, children)) {
-  return useDecorators(editor, ErrorBoundary$1);
+function useLexicalDecorators(editor, ErrorBoundary) {
+  return useDecorators(editor, ErrorBoundary);
 }
 
 exports.useLexicalDecorators = useLexicalDecorators;

package/DEPRECATED_useLexicalDecorators.js.flow

@@ -20,6 +20,5 @@ export type ErrorBoundaryType = React.AbstractComponent<ErrorBoundaryProps>;
 
 declare export function useLexicalDecorators(
   editor: LexicalEditor,
-  // TODO 0.6 Make non-optional non-default
-  ErrorBoundary?: ErrorBoundaryType,
+  ErrorBoundary: ErrorBoundaryType,
 ): Array<React.Node>;

package/DEPRECATED_useLexicalDecorators.prod.js

@@ -4,9 +4,5 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-'use strict';var e=require("react"),k=require("react-dom");let l=(a=[],b=[])=>a.length!==b.length||a.some((c,d)=>!Object.is(c,b[d])),m={error:null};
-class p extends e.Component{constructor(a){super(a);this.state=m;this.resetErrorBoundary=this.resetErrorBoundary.bind(this)}static getDerivedStateFromError(a){return{error:a}}resetErrorBoundary(...a){this.props.onReset&&this.props.onReset(...a);this.reset()}reset(){this.setState(m)}componentDidCatch(a,b){this.props.onError&&this.props.onError(a,b)}componentDidUpdate(a,b){let {error:c}=this.state,{resetKeys:d}=this.props;null!==c&&null!==b.error&&l(a.resetKeys,d)&&(this.props.onResetKeysChange&&this.props.onResetKeysChange(a.resetKeys,
-d),this.reset())}render(){var {error:a}=this.state;let {fallbackRender:b,FallbackComponent:c,fallback:d}=this.props;if(null!==a){a={error:a,resetErrorBoundary:this.resetErrorBoundary};if(e.isValidElement(d))return d;if("function"===typeof b)return b(a);if(c)return e.createElement(c,a);throw Error("react-error-boundary requires either a fallback, fallbackRender, or FallbackComponent prop");}return this.props.children}}
-var q="undefined"!==typeof window&&"undefined"!==typeof window.document&&"undefined"!==typeof window.document.createElement?e.useLayoutEffect:e.useEffect;
-function r(a,b=({children:c,onError:d})=>e.createElement(p,{fallback:null,onError:d},c)){let [c,d]=e.useState(()=>a.getDecorators());q(()=>a.registerDecoratorListener(g=>{k.flushSync(()=>{d(g)})}),[a]);e.useEffect(()=>{d(a.getDecorators())},[a]);return e.useMemo(()=>{let g=[],n=Object.keys(c);for(let h=0;h<n.length;h++){var f=n[h];let u=e.createElement(b,{onError:t=>a._onError(t)},e.createElement(e.Suspense,{fallback:null},c[f]));f=a.getElementByKey(f);null!==f&&g.push(k.createPortal(u,f))}return g},
-[b,c,a])}exports.useLexicalDecorators=function(a,b=({children:c,onError:d})=>e.createElement(p,{fallback:null,onError:d},c)){return r(a,b)}
+'use strict';var b=require("react"),h=require("react-dom"),m="undefined"!==typeof window&&"undefined"!==typeof window.document&&"undefined"!==typeof window.document.createElement?b.useLayoutEffect:b.useEffect;
+function n(a,d){let [f,k]=b.useState(()=>a.getDecorators());m(()=>a.registerDecoratorListener(e=>{h.flushSync(()=>{k(e)})}),[a]);b.useEffect(()=>{k(a.getDecorators())},[a]);return b.useMemo(()=>{let e=[],l=Object.keys(f);for(let g=0;g<l.length;g++){var c=l[g];let q=b.createElement(d,{onError:p=>a._onError(p)},b.createElement(b.Suspense,{fallback:null},f[c]));c=a.getElementByKey(c);null!==c&&e.push(h.createPortal(q,c))}return e},[d,f,a])}exports.useLexicalDecorators=function(a,d){return n(a,d)}

package/LexicalCollaborationContext.d.ts

@@ -15,5 +15,5 @@ declare type CollaborationContextType = {
     yjsDocMap: Map<string, Doc>;
 };
 export declare const CollaborationContext: import("react").Context<CollaborationContextType>;
-export declare function useCollaborationContext(username?: string): CollaborationContextType;
+export declare function useCollaborationContext(username?: string, color?: string): CollaborationContextType;
 export {};

package/LexicalCollaborationContext.dev.js

@@ -15,7 +15,7 @@ var react = require('react');
  * LICENSE file in the root directory of this source tree.
  *
  */
-const entries = [['Cat', '255,165,0'], ['Dog', '0,200,55'], ['Rabbit', '160,0,200'], ['Frog', '0,172,200'], ['Fox', '197,200,0'], ['Hedgehog', '31,200,0'], ['Pigeon', '200,0,0'], ['Squirrel', '200,0,148'], ['Bear', '255,235,0'], ['Tiger', '86,255,0'], ['Leopard', '0,255,208'], ['Zebra', '0,243,255'], ['Wolf', '0,102,255'], ['Owl', '147,0,255'], ['Gull', '255,0,153'], ['Squid', '0,220,255']];
+const entries = [['Cat', 'rgb(255,165,0)'], ['Dog', 'rgb(0,200,55)'], ['Rabbit', 'rgb(160,0,200)'], ['Frog', 'rgb(0,172,200)'], ['Fox', 'rgb(197,200,0)'], ['Hedgehog', 'rgb(31,200,0)'], ['Pigeon', 'rgb(200,0,0)'], ['Squirrel', 'rgb(200,0,148)'], ['Bear', 'rgb(255,235,0)'], ['Tiger', 'rgb(86,255,0)'], ['Leopard', 'rgb(0,255,208)'], ['Zebra', 'rgb(0,243,255)'], ['Wolf', 'rgb(0,102,255)'], ['Owl', 'rgb(147,0,255)'], ['Gull', 'rgb(255,0,153)'], ['Squid', 'rgb(0,220,255)']];
 const randomEntry = entries[Math.floor(Math.random() * entries.length)];
 const CollaborationContext = /*#__PURE__*/react.createContext({
   clientID: 0,
@@ -24,13 +24,17 @@ const CollaborationContext = /*#__PURE__*/react.createContext({
   name: randomEntry[0],
   yjsDocMap: new Map()
 });
-function useCollaborationContext(username) {
+function useCollaborationContext(username, color) {
   const collabContext = react.useContext(CollaborationContext);
 
   if (username != null) {
     collabContext.name = username;
   }
 
+  if (color != null) {
+    collabContext.color = color;
+  }
+
   return collabContext;
 }
 

package/LexicalCollaborationContext.prod.js

@@ -4,5 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-'use strict';var a=require("react");let b=[["Cat","255,165,0"],["Dog","0,200,55"],["Rabbit","160,0,200"],["Frog","0,172,200"],["Fox","197,200,0"],["Hedgehog","31,200,0"],["Pigeon","200,0,0"],["Squirrel","200,0,148"],["Bear","255,235,0"],["Tiger","86,255,0"],["Leopard","0,255,208"],["Zebra","0,243,255"],["Wolf","0,102,255"],["Owl","147,0,255"],["Gull","255,0,153"],["Squid","0,220,255"]],c=b[Math.floor(Math.random()*b.length)],d=a.createContext({clientID:0,color:c[1],isCollabActive:!1,name:c[0],yjsDocMap:new Map});
-exports.CollaborationContext=d;exports.useCollaborationContext=function(e){let f=a.useContext(d);null!=e&&(f.name=e);return f}
+'use strict';var b=require("react");
+let c=[["Cat","rgb(255,165,0)"],["Dog","rgb(0,200,55)"],["Rabbit","rgb(160,0,200)"],["Frog","rgb(0,172,200)"],["Fox","rgb(197,200,0)"],["Hedgehog","rgb(31,200,0)"],["Pigeon","rgb(200,0,0)"],["Squirrel","rgb(200,0,148)"],["Bear","rgb(255,235,0)"],["Tiger","rgb(86,255,0)"],["Leopard","rgb(0,255,208)"],["Zebra","rgb(0,243,255)"],["Wolf","rgb(0,102,255)"],["Owl","rgb(147,0,255)"],["Gull","rgb(255,0,153)"],["Squid","rgb(0,220,255)"]],d=c[Math.floor(Math.random()*c.length)],e=b.createContext({clientID:0,
+color:d[1],isCollabActive:!1,name:d[0],yjsDocMap:new Map});exports.CollaborationContext=e;exports.useCollaborationContext=function(f,g){let a=b.useContext(e);null!=f&&(a.name=f);null!=g&&(a.color=g);return a}

package/LexicalCollaborationPlugin.d.ts

@@ -9,11 +9,12 @@ import type { Doc } from 'yjs';
 import { WebsocketProvider } from 'y-websocket';
 import { InitialEditorStateType } from './LexicalComposer';
 import { CursorsContainerRef } from './shared/useYjsCollaboration';
-export declare function CollaborationPlugin({ id, providerFactory, shouldBootstrap, username, cursorsContainerRef, initialEditorState, }: {
+export declare function CollaborationPlugin({ id, providerFactory, shouldBootstrap, username, cursorColor, cursorsContainerRef, initialEditorState, }: {
     id: string;
     providerFactory: (id: string, yjsDocMap: Map<string, Doc>) => WebsocketProvider;
     shouldBootstrap: boolean;
     username?: string;
+    cursorColor?: string;
     cursorsContainerRef?: CursorsContainerRef;
     initialEditorState?: InitialEditorStateType;
 }): JSX.Element;

package/LexicalCollaborationPlugin.dev.js

@@ -284,10 +284,11 @@ function CollaborationPlugin({
   providerFactory,
   shouldBootstrap,
   username,
+  cursorColor,
   cursorsContainerRef,
   initialEditorState
 }) {
-  const collabContext = LexicalCollaborationContext.useCollaborationContext(username);
+  const collabContext = LexicalCollaborationContext.useCollaborationContext(username, cursorColor);
   const {
     yjsDocMap,
     name,

package/LexicalCollaborationPlugin.prod.js

@@ -5,11 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  */
 'use strict';var e=require("@lexical/react/LexicalCollaborationContext"),f=require("@lexical/react/LexicalComposerContext"),h=require("react"),z=require("@lexical/utils"),H=require("@lexical/yjs"),I=require("lexical"),J=require("react-dom");
-function K(b,c,a,d,p,w,m,q,t){let r=h.useRef(!1),[n,x]=h.useState(d.get(c)),g=h.useMemo(()=>H.createBinding(b,a,c,n,d),[b,a,c,d,n]),u=h.useCallback(()=>{a.connect()},[a]),v=h.useCallback(()=>{try{a.disconnect()}catch(l){}},[a]);h.useEffect(()=>{let {root:l}=g,{awareness:A}=a,B=({status:k})=>{b.dispatchCommand(H.CONNECTED_COMMAND,"connected"===k)},C=k=>{m&&k&&l.isEmpty()&&0===l._xmlText._length&&!1===r.current&&L(b,t);r.current=!1},D=()=>{H.syncCursorPositions(g,a)},E=(k,y)=>{y.origin!==g&&H.syncYjsChangesToLexical(g,
-a,k)};H.initLocalState(a,p,w,document.activeElement===b.getRootElement());let F=k=>{M(b,g);x(k);d.set(c,k);r.current=!0};a.on("reload",F);a.on("status",B);a.on("sync",C);A.on("update",D);l.getSharedType().observeDeep(E);let Q=b.registerUpdateListener(({prevEditorState:k,editorState:y,dirtyLeaves:N,dirtyElements:O,normalizedNodes:P,tags:G})=>{!1===G.has("skip-collab")&&H.syncLexicalUpdateToYjs(g,a,k,y,O,N,P,G)});u();return()=>{!1===r.current&&v();a.off("sync",C);a.off("status",B);a.off("reload",F);
-A.off("update",D);l.getSharedType().unobserveDeep(E);d.delete(c);Q()}},[g,w,u,v,d,b,c,t,p,a,m]);let R=h.useMemo(()=>J.createPortal(h.createElement("div",{ref:l=>{g.cursorsContainer=l}}),q&&q.current||document.body),[g,q]);h.useEffect(()=>b.registerCommand(H.TOGGLE_CONNECT_COMMAND,l=>{void 0!==u&&void 0!==v&&(l?(console.log("Collaboration connected!"),u()):(console.log("Collaboration disconnected!"),v()));return!0},I.COMMAND_PRIORITY_EDITOR),[u,v,b]);return[R,g]}
+function K(b,c,a,d,p,w,x,l,t){let q=h.useRef(!1),[u,r]=h.useState(d.get(c)),g=h.useMemo(()=>H.createBinding(b,a,c,u,d),[b,a,c,d,u]),n=h.useCallback(()=>{a.connect()},[a]),v=h.useCallback(()=>{try{a.disconnect()}catch(m){}},[a]);h.useEffect(()=>{let {root:m}=g,{awareness:A}=a,B=({status:k})=>{b.dispatchCommand(H.CONNECTED_COMMAND,"connected"===k)},C=k=>{x&&k&&m.isEmpty()&&0===m._xmlText._length&&!1===q.current&&L(b,t);q.current=!1},D=()=>{H.syncCursorPositions(g,a)},E=(k,y)=>{y.origin!==g&&H.syncYjsChangesToLexical(g,
+a,k)};H.initLocalState(a,p,w,document.activeElement===b.getRootElement());let F=k=>{M(b,g);r(k);d.set(c,k);q.current=!0};a.on("reload",F);a.on("status",B);a.on("sync",C);A.on("update",D);m.getSharedType().observeDeep(E);let Q=b.registerUpdateListener(({prevEditorState:k,editorState:y,dirtyLeaves:N,dirtyElements:O,normalizedNodes:P,tags:G})=>{!1===G.has("skip-collab")&&H.syncLexicalUpdateToYjs(g,a,k,y,O,N,P,G)});n();return()=>{!1===q.current&&v();a.off("sync",C);a.off("status",B);a.off("reload",F);
+A.off("update",D);m.getSharedType().unobserveDeep(E);d.delete(c);Q()}},[g,w,n,v,d,b,c,t,p,a,x]);let R=h.useMemo(()=>J.createPortal(h.createElement("div",{ref:m=>{g.cursorsContainer=m}}),l&&l.current||document.body),[g,l]);h.useEffect(()=>b.registerCommand(H.TOGGLE_CONNECT_COMMAND,m=>{void 0!==n&&void 0!==v&&(m?(console.log("Collaboration connected!"),n()):(console.log("Collaboration disconnected!"),v()));return!0},I.COMMAND_PRIORITY_EDITOR),[n,v,b]);return[R,g]}
 function S(b,c,a,d){h.useEffect(()=>z.mergeRegister(b.registerCommand(I.FOCUS_COMMAND,()=>{H.setLocalStateFocus(c,a,d,!0);return!0},I.COMMAND_PRIORITY_EDITOR),b.registerCommand(I.BLUR_COMMAND,()=>{H.setLocalStateFocus(c,a,d,!1);return!0},I.COMMAND_PRIORITY_EDITOR)),[d,b,a,c])}
 function T(b,c){let a=h.useMemo(()=>H.createUndoManager(c,c.root.getSharedType()),[c]);h.useEffect(()=>z.mergeRegister(b.registerCommand(I.UNDO_COMMAND,()=>{a.undo();return!0},I.COMMAND_PRIORITY_EDITOR),b.registerCommand(I.REDO_COMMAND,()=>{a.redo();return!0},I.COMMAND_PRIORITY_EDITOR)));return h.useCallback(()=>{a.clear()},[a])}
 function L(b,c){b.update(()=>{var a=I.$getRoot();if(a.isEmpty())if(c)switch(typeof c){case "string":var d=b.parseEditorState(c);b.setEditorState(d,{tag:"history-merge"});break;case "object":b.setEditorState(c,{tag:"history-merge"});break;case "function":b.update(()=>{I.$getRoot().isEmpty()&&c(b)},{tag:"history-merge"})}else d=I.$createParagraphNode(),a.append(d),{activeElement:a}=document,(null!==I.$getSelection()||null!==a&&a===b.getRootElement())&&d.select()},{tag:"history-merge"})}
 function M(b,c){b.update(()=>{let d=I.$getRoot();d.clear();d.select()},{tag:"skip-collab"});if(null!=c.cursors&&(b=c.cursors,null!=b&&(c=c.cursorsContainer,null!=c))){b=Array.from(b.values());for(let d=0;d<b.length;d++){var a=b[d].selection;if(a&&null!=a.selections){a=a.selections;for(let p=0;p<a.length;p++)c.removeChild(a[d])}}}}
-exports.CollaborationPlugin=function({id:b,providerFactory:c,shouldBootstrap:a,username:d,cursorsContainerRef:p,initialEditorState:w}){let m=e.useCollaborationContext(d),{yjsDocMap:q,name:t,color:r}=m,[n]=f.useLexicalComposerContext();h.useEffect(()=>{m.isCollabActive=!0;return()=>{null==n._parentEditor&&(m.isCollabActive=!1)}},[m,n]);d=h.useMemo(()=>c(b,q),[b,c,q]);let [x,g]=K(n,b,d,q,t,r,a,p,w);m.clientID=g.clientID;T(n,g);S(n,d,t,r);return x}
+exports.CollaborationPlugin=function({id:b,providerFactory:c,shouldBootstrap:a,username:d,cursorColor:p,cursorsContainerRef:w,initialEditorState:x}){let l=e.useCollaborationContext(d,p),{yjsDocMap:t,name:q,color:u}=l,[r]=f.useLexicalComposerContext();h.useEffect(()=>{l.isCollabActive=!0;return()=>{null==r._parentEditor&&(l.isCollabActive=!1)}},[l,r]);d=h.useMemo(()=>c(b,t),[b,c,t]);let [g,n]=K(r,b,d,t,q,u,a,w,x);l.clientID=n.clientID;T(r,n);S(r,d,q,u);return g}

package/LexicalErrorBoundary.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 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.
+ *
+ */
+declare type Props = {
+    children: JSX.Element;
+    onError: (error: Error) => void;
+};
+export default function LexicalErrorBoundary({ children, onError, }: Props): JSX.Element;
+export {};

package/LexicalErrorBoundary.dev.js

@@ -0,0 +1,159 @@
+/**
+ * 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.
+ */
+'use strict';
+
+var React = require('react');
+
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+  return _setPrototypeOf(o, p);
+}
+
+function _inheritsLoose(subClass, superClass) {
+  subClass.prototype = Object.create(superClass.prototype);
+  subClass.prototype.constructor = subClass;
+  _setPrototypeOf(subClass, superClass);
+}
+
+var changedArray = function changedArray(a, b) {
+  if (a === void 0) {
+    a = [];
+  }
+
+  if (b === void 0) {
+    b = [];
+  }
+
+  return a.length !== b.length || a.some(function (item, index) {
+    return !Object.is(item, b[index]);
+  });
+};
+
+var initialState = {
+  error: null
+};
+
+var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(ErrorBoundary, _React$Component);
+
+  function ErrorBoundary() {
+    var _this;
+
+    for (var _len = arguments.length, _args = new Array(_len), _key = 0; _key < _len; _key++) {
+      _args[_key] = arguments[_key];
+    }
+
+    _this = _React$Component.call.apply(_React$Component, [this].concat(_args)) || this;
+    _this.state = initialState;
+
+    _this.resetErrorBoundary = function () {
+      var _this$props;
+
+      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+        args[_key2] = arguments[_key2];
+      }
+
+      _this.props.onReset == null ? void 0 : (_this$props = _this.props).onReset.apply(_this$props, args);
+
+      _this.reset();
+    };
+
+    return _this;
+  }
+
+  ErrorBoundary.getDerivedStateFromError = function getDerivedStateFromError(error) {
+    return {
+      error: error
+    };
+  };
+
+  var _proto = ErrorBoundary.prototype;
+
+  _proto.reset = function reset() {
+    this.setState(initialState);
+  };
+
+  _proto.componentDidCatch = function componentDidCatch(error, info) {
+    var _this$props$onError, _this$props2;
+
+    (_this$props$onError = (_this$props2 = this.props).onError) == null ? void 0 : _this$props$onError.call(_this$props2, error, info);
+  };
+
+  _proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {
+    var error = this.state.error;
+    var resetKeys = this.props.resetKeys; // There's an edge case where if the thing that triggered the error
+    // happens to *also* be in the resetKeys array, we'd end up resetting
+    // the error boundary immediately. This would likely trigger a second
+    // error to be thrown.
+    // So we make sure that we don't check the resetKeys on the first call
+    // of cDU after the error is set
+
+    if (error !== null && prevState.error !== null && changedArray(prevProps.resetKeys, resetKeys)) {
+      var _this$props$onResetKe, _this$props3;
+
+      (_this$props$onResetKe = (_this$props3 = this.props).onResetKeysChange) == null ? void 0 : _this$props$onResetKe.call(_this$props3, prevProps.resetKeys, resetKeys);
+      this.reset();
+    }
+  };
+
+  _proto.render = function render() {
+    var error = this.state.error;
+    var _this$props4 = this.props,
+        fallbackRender = _this$props4.fallbackRender,
+        FallbackComponent = _this$props4.FallbackComponent,
+        fallback = _this$props4.fallback;
+
+    if (error !== null) {
+      var _props = {
+        error: error,
+        resetErrorBoundary: this.resetErrorBoundary
+      };
+
+      if ( /*#__PURE__*/React.isValidElement(fallback)) {
+        return fallback;
+      } else if (typeof fallbackRender === 'function') {
+        return fallbackRender(_props);
+      } else if (FallbackComponent) {
+        return /*#__PURE__*/React.createElement(FallbackComponent, _props);
+      } else {
+        throw new Error('react-error-boundary requires either a fallback, fallbackRender, or FallbackComponent prop');
+      }
+    }
+
+    return this.props.children;
+  };
+
+  return ErrorBoundary;
+}(React.Component);
+
+/**
+ * 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.
+ *
+ */
+function LexicalErrorBoundary({
+  children,
+  onError
+}) {
+  return /*#__PURE__*/React.createElement(ErrorBoundary, {
+    fallback: /*#__PURE__*/React.createElement("div", {
+      style: {
+        border: '1px solid #f00',
+        color: '#f00',
+        padding: '8px'
+      }
+    }, "An error was thrown."),
+    onError: onError
+  }, children);
+}
+
+module.exports = LexicalErrorBoundary;

package/LexicalErrorBoundary.js

@@ -0,0 +1,9 @@
+/**
+ * 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.
+ */
+'use strict'
+const LexicalErrorBoundary = process.env.NODE_ENV === 'development' ? require('./LexicalErrorBoundary.dev.js') : require('./LexicalErrorBoundary.prod.js')
+module.exports = LexicalErrorBoundary;

package/LexicalErrorBoundary.js.flow

@@ -0,0 +1,14 @@
+/**
+ * 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.
+ *
+ */
+
+type Props = $ReadOnly<{
+  children: JSX.Element,
+  onError: (error: Error) => void,
+}>;
+
+declare export default function LexicalErrorBoundary(): React.ReactNode;

package/LexicalErrorBoundary.prod.js

@@ -0,0 +1,10 @@
+/**
+ * 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.
+ */
+'use strict';var h=require("react");function m(b,c){m=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(g,a){g.__proto__=a;return g};return m(b,c)}function n(b,c){b.prototype=Object.create(c.prototype);b.prototype.constructor=b;m(b,c)}function r(b,c){void 0===b&&(b=[]);void 0===c&&(c=[]);return b.length!==c.length||b.some(function(g,a){return!Object.is(g,c[a])})}
+var t={error:null},u=function(b){function c(){for(var a,d=arguments.length,f=Array(d),e=0;e<d;e++)f[e]=arguments[e];a=b.call.apply(b,[this].concat(f))||this;a.state=t;a.resetErrorBoundary=function(){for(var k,p=arguments.length,q=Array(p),l=0;l<p;l++)q[l]=arguments[l];null==a.props.onReset?void 0:(k=a.props).onReset.apply(k,q);a.reset()};return a}n(c,b);c.getDerivedStateFromError=function(a){return{error:a}};var g=c.prototype;g.reset=function(){this.setState(t)};g.componentDidCatch=function(a,d){var f,
+e;null==(f=(e=this.props).onError)?void 0:f.call(e,a,d)};g.componentDidUpdate=function(a,d){var f=this.props.resetKeys;if(null!==this.state.error&&null!==d.error&&r(a.resetKeys,f)){var e,k;null==(e=(k=this.props).onResetKeysChange)?void 0:e.call(k,a.resetKeys,f);this.reset()}};g.render=function(){var a=this.state.error,d=this.props,f=d.fallbackRender,e=d.FallbackComponent;d=d.fallback;if(null!==a){a={error:a,resetErrorBoundary:this.resetErrorBoundary};if(h.isValidElement(d))return d;if("function"===
+typeof f)return f(a);if(e)return h.createElement(e,a);throw Error("react-error-boundary requires either a fallback, fallbackRender, or FallbackComponent prop");}return this.props.children};return c}(h.Component);module.exports=function({children:b,onError:c}){return h.createElement(u,{fallback:h.createElement("div",{style:{border:"1px solid #f00",color:"#f00",padding:"8px"}},"An error was thrown."),onError:c},b)}

package/LexicalPlainTextPlugin.d.ts

@@ -9,5 +9,5 @@ import { ErrorBoundaryType } from './shared/useDecorators';
 export declare function PlainTextPlugin({ contentEditable, placeholder, ErrorBoundary, }: {
     contentEditable: JSX.Element;
     placeholder: JSX.Element | string;
-    ErrorBoundary?: ErrorBoundaryType;
+    ErrorBoundary: ErrorBoundaryType;
 }): JSX.Element;

package/LexicalPlainTextPlugin.dev.js

@@ -14,103 +14,6 @@ var reactDom = require('react-dom');
 var dragon = require('@lexical/dragon');
 var plainText = require('@lexical/plain-text');
 
-/**
- * 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.
- *
- */
-
-const changedArray = (a = [], b = []) => a.length !== b.length || a.some((item, index) => !Object.is(item, b[index]));
-
-const initialState = {
-  error: null
-};
-
-class ErrorBoundary extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = initialState;
-    this.resetErrorBoundary = this.resetErrorBoundary.bind(this);
-  }
-
-  static getDerivedStateFromError(error) {
-    return {
-      error
-    };
-  }
-
-  resetErrorBoundary(...args) {
-    // @ts-ignore
-    // eslint-disable-next-line no-unused-expressions
-    this.props.onReset && this.props.onReset(...args);
-    this.reset();
-  }
-
-  reset() {
-    this.setState(initialState);
-  }
-
-  componentDidCatch(error, info) {
-    // @ts-ignore
-    // eslint-disable-next-line no-unused-expressions
-    this.props.onError && this.props.onError(error, info);
-  }
-
-  componentDidUpdate(prevProps, prevState) {
-    const {
-      error
-    } = this.state;
-    const {
-      resetKeys
-    } = this.props; // There's an edge case where if the thing that triggered the error
-    // happens to *also* be in the resetKeys array, we'd end up resetting
-    // the error boundary immediately. This would likely trigger a second
-    // error to be thrown.
-    // So we make sure that we don't check the resetKeys on the first call
-    // of cDU after the error is set
-
-    if (error !== null && prevState.error !== null && changedArray(prevProps.resetKeys, resetKeys)) {
-      // @ts-ignore
-      // eslint-disable-next-line no-unused-expressions
-      this.props.onResetKeysChange && this.props.onResetKeysChange(prevProps.resetKeys, resetKeys);
-      this.reset();
-    }
-  }
-
-  render() {
-    const {
-      error
-    } = this.state;
-    const {
-      fallbackRender,
-      FallbackComponent,
-      fallback
-    } = this.props;
-
-    if (error !== null) {
-      const props = {
-        error,
-        resetErrorBoundary: this.resetErrorBoundary
-      };
-
-      if ( /*#__PURE__*/React.isValidElement(fallback)) {
-        return fallback;
-      } else if (typeof fallbackRender === 'function') {
-        return fallbackRender(props);
-      } else if (FallbackComponent) {
-        return /*#__PURE__*/React.createElement(FallbackComponent, props);
-      } else {
-        throw new Error('react-error-boundary requires either a fallback, fallbackRender, or FallbackComponent prop');
-      }
-    }
-
-    return this.props.children;
-  }
-
-}
-
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
@@ -168,14 +71,7 @@ function useCanShowPlaceholder(editor) {
  * LICENSE file in the root directory of this source tree.
  *
  */
-function useDecorators(editor, // TODO 0.6 Make non-optional non-default
-ErrorBoundary$1 = ({
-  children,
-  onError
-}) => /*#__PURE__*/React.createElement(ErrorBoundary, {
-  fallback: null,
-  onError: onError
-}, children)) {
+function useDecorators(editor, ErrorBoundary) {
   const [decorators, setDecorators] = React.useState(() => editor.getDecorators()); // Subscribe to changes
 
   useLayoutEffect(() => {
@@ -198,7 +94,7 @@ ErrorBoundary$1 = ({
 
     for (let i = 0; i < decoratorKeys.length; i++) {
       const nodeKey = decoratorKeys[i];
-      const reactDecorator = /*#__PURE__*/React.createElement(ErrorBoundary$1, {
+      const reactDecorator = /*#__PURE__*/React.createElement(ErrorBoundary, {
         onError: e => editor._onError(e)
       }, /*#__PURE__*/React.createElement(React.Suspense, {
         fallback: null
@@ -211,7 +107,7 @@ ErrorBoundary$1 = ({
     }
 
     return decoratedPortals;
-  }, [ErrorBoundary$1, decorators, editor]);
+  }, [ErrorBoundary, decorators, editor]);
 }
 
 /**
@@ -238,18 +134,11 @@ function usePlainTextSetup(editor) {
 function PlainTextPlugin({
   contentEditable,
   placeholder,
-  // TODO 0.6 Make non-optional non-default
-  ErrorBoundary: ErrorBoundary$1 = ({
-    children,
-    onError
-  }) => /*#__PURE__*/React.createElement(ErrorBoundary, {
-    fallback: null,
-    onError: onError
-  }, children)
+  ErrorBoundary
 }) {
   const [editor] = LexicalComposerContext.useLexicalComposerContext();
   const showPlaceholder = useCanShowPlaceholder(editor);
-  const decorators = useDecorators(editor, ErrorBoundary$1);
+  const decorators = useDecorators(editor, ErrorBoundary);
   usePlainTextSetup(editor);
   return /*#__PURE__*/React.createElement(React.Fragment, null, contentEditable, showPlaceholder && placeholder, decorators);
 }

package/LexicalPlainTextPlugin.js.flow

@@ -19,6 +19,5 @@ type InitialEditorStateType =
 declare export function PlainTextPlugin({
   contentEditable: React$Node,
   placeholder: React$Node,
-  // TODO 0.6 Make non-optional non-default
-  ErrorBoundary?: ErrorBoundaryType,
+  ErrorBoundary: ErrorBoundaryType,
 }): React$Node;

package/LexicalPlainTextPlugin.prod.js

@@ -4,9 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-'use strict';var d=require("@lexical/react/LexicalComposerContext"),h=require("react"),l=require("@lexical/text"),m=require("@lexical/utils"),n=require("react-dom"),p=require("@lexical/dragon"),q=require("@lexical/plain-text");let t=(a=[],e=[])=>a.length!==e.length||a.some((c,b)=>!Object.is(c,e[b])),u={error:null};
-class v extends h.Component{constructor(a){super(a);this.state=u;this.resetErrorBoundary=this.resetErrorBoundary.bind(this)}static getDerivedStateFromError(a){return{error:a}}resetErrorBoundary(...a){this.props.onReset&&this.props.onReset(...a);this.reset()}reset(){this.setState(u)}componentDidCatch(a,e){this.props.onError&&this.props.onError(a,e)}componentDidUpdate(a,e){let {error:c}=this.state,{resetKeys:b}=this.props;null!==c&&null!==e.error&&t(a.resetKeys,b)&&(this.props.onResetKeysChange&&this.props.onResetKeysChange(a.resetKeys,
-b),this.reset())}render(){var {error:a}=this.state;let {fallbackRender:e,FallbackComponent:c,fallback:b}=this.props;if(null!==a){a={error:a,resetErrorBoundary:this.resetErrorBoundary};if(h.isValidElement(b))return b;if("function"===typeof e)return e(a);if(c)return h.createElement(c,a);throw Error("react-error-boundary requires either a fallback, fallbackRender, or FallbackComponent prop");}return this.props.children}}
-var w="undefined"!==typeof window&&"undefined"!==typeof window.document&&"undefined"!==typeof window.document.createElement?h.useLayoutEffect:h.useEffect;function x(a){return a.getEditorState().read(l.$canShowPlaceholderCurry(a.isComposing(),a.isEditable()))}function y(a){let [e,c]=h.useState(()=>x(a));w(()=>{function b(){let f=x(a);c(f)}b();return m.mergeRegister(a.registerUpdateListener(()=>{b()}),a.registerEditableListener(()=>{b()}))},[a]);return e}
-function z(a,e=({children:c,onError:b})=>h.createElement(v,{fallback:null,onError:b},c)){let [c,b]=h.useState(()=>a.getDecorators());w(()=>a.registerDecoratorListener(f=>{n.flushSync(()=>{b(f)})}),[a]);h.useEffect(()=>{b(a.getDecorators())},[a]);return h.useMemo(()=>{let f=[],r=Object.keys(c);for(let k=0;k<r.length;k++){var g=r[k];let B=h.createElement(e,{onError:A=>a._onError(A)},h.createElement(h.Suspense,{fallback:null},c[g]));g=a.getElementByKey(g);null!==g&&f.push(n.createPortal(B,g))}return f},
-[e,c,a])}function C(a){w(()=>m.mergeRegister(q.registerPlainText(a),p.registerDragonSupport(a)),[a])}exports.PlainTextPlugin=function({contentEditable:a,placeholder:e,ErrorBoundary:c=({children:b,onError:f})=>h.createElement(v,{fallback:null,onError:f},b)}){let [b]=d.useLexicalComposerContext(),f=y(b);c=z(b,c);C(b);return h.createElement(h.Fragment,null,a,f&&e,c)}
+'use strict';var b=require("@lexical/react/LexicalComposerContext"),h=require("react"),l=require("@lexical/text"),m=require("@lexical/utils"),n=require("react-dom"),q=require("@lexical/dragon"),r=require("@lexical/plain-text"),t="undefined"!==typeof window&&"undefined"!==typeof window.document&&"undefined"!==typeof window.document.createElement?h.useLayoutEffect:h.useEffect;function u(a){return a.getEditorState().read(l.$canShowPlaceholderCurry(a.isComposing(),a.isEditable()))}
+function v(a){let [f,d]=h.useState(()=>u(a));t(()=>{function c(){let e=u(a);d(e)}c();return m.mergeRegister(a.registerUpdateListener(()=>{c()}),a.registerEditableListener(()=>{c()}))},[a]);return f}
+function w(a,f){let [d,c]=h.useState(()=>a.getDecorators());t(()=>a.registerDecoratorListener(e=>{n.flushSync(()=>{c(e)})}),[a]);h.useEffect(()=>{c(a.getDecorators())},[a]);return h.useMemo(()=>{let e=[],p=Object.keys(d);for(let k=0;k<p.length;k++){var g=p[k];let y=h.createElement(f,{onError:x=>a._onError(x)},h.createElement(h.Suspense,{fallback:null},d[g]));g=a.getElementByKey(g);null!==g&&e.push(n.createPortal(y,g))}return e},[f,d,a])}
+function z(a){t(()=>m.mergeRegister(r.registerPlainText(a),q.registerDragonSupport(a)),[a])}exports.PlainTextPlugin=function({contentEditable:a,placeholder:f,ErrorBoundary:d}){let [c]=b.useLexicalComposerContext(),e=v(c);d=w(c,d);z(c);return h.createElement(h.Fragment,null,a,e&&f,d)}

package/LexicalRichTextPlugin.d.ts

@@ -9,5 +9,5 @@ import { ErrorBoundaryType } from './shared/useDecorators';
 export declare function RichTextPlugin({ contentEditable, placeholder, ErrorBoundary, }: Readonly<{
     contentEditable: JSX.Element;
     placeholder: JSX.Element | string;
-    ErrorBoundary?: ErrorBoundaryType;
+    ErrorBoundary: ErrorBoundaryType;
 }>): JSX.Element;

package/LexicalRichTextPlugin.dev.js

@@ -14,103 +14,6 @@ var reactDom = require('react-dom');
 var dragon = require('@lexical/dragon');
 var richText = require('@lexical/rich-text');
 
-/**
- * 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.
- *
- */
-
-const changedArray = (a = [], b = []) => a.length !== b.length || a.some((item, index) => !Object.is(item, b[index]));
-
-const initialState = {
-  error: null
-};
-
-class ErrorBoundary extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = initialState;
-    this.resetErrorBoundary = this.resetErrorBoundary.bind(this);
-  }
-
-  static getDerivedStateFromError(error) {
-    return {
-      error
-    };
-  }
-
-  resetErrorBoundary(...args) {
-    // @ts-ignore
-    // eslint-disable-next-line no-unused-expressions
-    this.props.onReset && this.props.onReset(...args);
-    this.reset();
-  }
-
-  reset() {
-    this.setState(initialState);
-  }
-
-  componentDidCatch(error, info) {
-    // @ts-ignore
-    // eslint-disable-next-line no-unused-expressions
-    this.props.onError && this.props.onError(error, info);
-  }
-
-  componentDidUpdate(prevProps, prevState) {
-    const {
-      error
-    } = this.state;
-    const {
-      resetKeys
-    } = this.props; // There's an edge case where if the thing that triggered the error
-    // happens to *also* be in the resetKeys array, we'd end up resetting
-    // the error boundary immediately. This would likely trigger a second
-    // error to be thrown.
-    // So we make sure that we don't check the resetKeys on the first call
-    // of cDU after the error is set
-
-    if (error !== null && prevState.error !== null && changedArray(prevProps.resetKeys, resetKeys)) {
-      // @ts-ignore
-      // eslint-disable-next-line no-unused-expressions
-      this.props.onResetKeysChange && this.props.onResetKeysChange(prevProps.resetKeys, resetKeys);
-      this.reset();
-    }
-  }
-
-  render() {
-    const {
-      error
-    } = this.state;
-    const {
-      fallbackRender,
-      FallbackComponent,
-      fallback
-    } = this.props;
-
-    if (error !== null) {
-      const props = {
-        error,
-        resetErrorBoundary: this.resetErrorBoundary
-      };
-
-      if ( /*#__PURE__*/React.isValidElement(fallback)) {
-        return fallback;
-      } else if (typeof fallbackRender === 'function') {
-        return fallbackRender(props);
-      } else if (FallbackComponent) {
-        return /*#__PURE__*/React.createElement(FallbackComponent, props);
-      } else {
-        throw new Error('react-error-boundary requires either a fallback, fallbackRender, or FallbackComponent prop');
-      }
-    }
-
-    return this.props.children;
-  }
-
-}
-
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
@@ -168,14 +71,7 @@ function useCanShowPlaceholder(editor) {
  * LICENSE file in the root directory of this source tree.
  *
  */
-function useDecorators(editor, // TODO 0.6 Make non-optional non-default
-ErrorBoundary$1 = ({
-  children,
-  onError
-}) => /*#__PURE__*/React.createElement(ErrorBoundary, {
-  fallback: null,
-  onError: onError
-}, children)) {
+function useDecorators(editor, ErrorBoundary) {
   const [decorators, setDecorators] = React.useState(() => editor.getDecorators()); // Subscribe to changes
 
   useLayoutEffect(() => {
@@ -198,7 +94,7 @@ ErrorBoundary$1 = ({
 
     for (let i = 0; i < decoratorKeys.length; i++) {
       const nodeKey = decoratorKeys[i];
-      const reactDecorator = /*#__PURE__*/React.createElement(ErrorBoundary$1, {
+      const reactDecorator = /*#__PURE__*/React.createElement(ErrorBoundary, {
         onError: e => editor._onError(e)
       }, /*#__PURE__*/React.createElement(React.Suspense, {
         fallback: null
@@ -211,7 +107,7 @@ ErrorBoundary$1 = ({
     }
 
     return decoratedPortals;
-  }, [ErrorBoundary$1, decorators, editor]);
+  }, [ErrorBoundary, decorators, editor]);
 }
 
 /**
@@ -238,18 +134,11 @@ function useRichTextSetup(editor) {
 function RichTextPlugin({
   contentEditable,
   placeholder,
-  // TODO 0.6 Make non-optional non-default
-  ErrorBoundary: ErrorBoundary$1 = ({
-    children,
-    onError
-  }) => /*#__PURE__*/React.createElement(ErrorBoundary, {
-    fallback: null,
-    onError: onError
-  }, children)
+  ErrorBoundary
 }) {
   const [editor] = LexicalComposerContext.useLexicalComposerContext();
   const showPlaceholder = useCanShowPlaceholder(editor);
-  const decorators = useDecorators(editor, ErrorBoundary$1);
+  const decorators = useDecorators(editor, ErrorBoundary);
   useRichTextSetup(editor);
   return /*#__PURE__*/React.createElement(React.Fragment, null, contentEditable, showPlaceholder && placeholder, decorators);
 }

package/LexicalRichTextPlugin.js.flow

@@ -19,6 +19,5 @@ type InitialEditorStateType =
 declare export function RichTextPlugin({
   contentEditable: React$Node,
   placeholder: React$Node,
-  // TODO 0.6 Make non-optional non-default
-  ErrorBoundary?: ErrorBoundaryType,
+  ErrorBoundary: ErrorBoundaryType,
 }): React$Node;

package/LexicalRichTextPlugin.prod.js

@@ -4,9 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-'use strict';var d=require("@lexical/react/LexicalComposerContext"),h=require("react"),l=require("@lexical/text"),m=require("@lexical/utils"),n=require("react-dom"),p=require("@lexical/dragon"),q=require("@lexical/rich-text");let t=(a=[],e=[])=>a.length!==e.length||a.some((c,b)=>!Object.is(c,e[b])),u={error:null};
-class v extends h.Component{constructor(a){super(a);this.state=u;this.resetErrorBoundary=this.resetErrorBoundary.bind(this)}static getDerivedStateFromError(a){return{error:a}}resetErrorBoundary(...a){this.props.onReset&&this.props.onReset(...a);this.reset()}reset(){this.setState(u)}componentDidCatch(a,e){this.props.onError&&this.props.onError(a,e)}componentDidUpdate(a,e){let {error:c}=this.state,{resetKeys:b}=this.props;null!==c&&null!==e.error&&t(a.resetKeys,b)&&(this.props.onResetKeysChange&&this.props.onResetKeysChange(a.resetKeys,
-b),this.reset())}render(){var {error:a}=this.state;let {fallbackRender:e,FallbackComponent:c,fallback:b}=this.props;if(null!==a){a={error:a,resetErrorBoundary:this.resetErrorBoundary};if(h.isValidElement(b))return b;if("function"===typeof e)return e(a);if(c)return h.createElement(c,a);throw Error("react-error-boundary requires either a fallback, fallbackRender, or FallbackComponent prop");}return this.props.children}}
-var w="undefined"!==typeof window&&"undefined"!==typeof window.document&&"undefined"!==typeof window.document.createElement?h.useLayoutEffect:h.useEffect;function x(a){return a.getEditorState().read(l.$canShowPlaceholderCurry(a.isComposing(),a.isEditable()))}function y(a){let [e,c]=h.useState(()=>x(a));w(()=>{function b(){let f=x(a);c(f)}b();return m.mergeRegister(a.registerUpdateListener(()=>{b()}),a.registerEditableListener(()=>{b()}))},[a]);return e}
-function z(a,e=({children:c,onError:b})=>h.createElement(v,{fallback:null,onError:b},c)){let [c,b]=h.useState(()=>a.getDecorators());w(()=>a.registerDecoratorListener(f=>{n.flushSync(()=>{b(f)})}),[a]);h.useEffect(()=>{b(a.getDecorators())},[a]);return h.useMemo(()=>{let f=[],r=Object.keys(c);for(let k=0;k<r.length;k++){var g=r[k];let B=h.createElement(e,{onError:A=>a._onError(A)},h.createElement(h.Suspense,{fallback:null},c[g]));g=a.getElementByKey(g);null!==g&&f.push(n.createPortal(B,g))}return f},
-[e,c,a])}function C(a){w(()=>m.mergeRegister(q.registerRichText(a),p.registerDragonSupport(a)),[a])}exports.RichTextPlugin=function({contentEditable:a,placeholder:e,ErrorBoundary:c=({children:b,onError:f})=>h.createElement(v,{fallback:null,onError:f},b)}){let [b]=d.useLexicalComposerContext(),f=y(b);c=z(b,c);C(b);return h.createElement(h.Fragment,null,a,f&&e,c)}
+'use strict';var b=require("@lexical/react/LexicalComposerContext"),h=require("react"),l=require("@lexical/text"),m=require("@lexical/utils"),n=require("react-dom"),q=require("@lexical/dragon"),r=require("@lexical/rich-text"),t="undefined"!==typeof window&&"undefined"!==typeof window.document&&"undefined"!==typeof window.document.createElement?h.useLayoutEffect:h.useEffect;function u(a){return a.getEditorState().read(l.$canShowPlaceholderCurry(a.isComposing(),a.isEditable()))}
+function v(a){let [f,d]=h.useState(()=>u(a));t(()=>{function c(){let e=u(a);d(e)}c();return m.mergeRegister(a.registerUpdateListener(()=>{c()}),a.registerEditableListener(()=>{c()}))},[a]);return f}
+function w(a,f){let [d,c]=h.useState(()=>a.getDecorators());t(()=>a.registerDecoratorListener(e=>{n.flushSync(()=>{c(e)})}),[a]);h.useEffect(()=>{c(a.getDecorators())},[a]);return h.useMemo(()=>{let e=[],p=Object.keys(d);for(let k=0;k<p.length;k++){var g=p[k];let y=h.createElement(f,{onError:x=>a._onError(x)},h.createElement(h.Suspense,{fallback:null},d[g]));g=a.getElementByKey(g);null!==g&&e.push(n.createPortal(y,g))}return e},[f,d,a])}
+function z(a){t(()=>m.mergeRegister(r.registerRichText(a),q.registerDragonSupport(a)),[a])}exports.RichTextPlugin=function({contentEditable:a,placeholder:f,ErrorBoundary:d}){let [c]=b.useLexicalComposerContext(),e=v(c);d=w(c,d);z(c);return h.createElement(h.Fragment,null,a,e&&f,d)}

package/LexicalTablePlugin.dev.js

@@ -69,16 +69,36 @@ function TablePlugin() {
   }, [editor]);
   react.useEffect(() => {
     const tableSelections = new Map();
-    return editor.registerMutationListener(table.TableNode, nodeMutations => {
+
+    const initializeTableNode = tableNode => {
+      const nodeKey = tableNode.getKey();
+      const tableElement = editor.getElementByKey(nodeKey);
+
+      if (tableElement && !tableSelections.has(nodeKey)) {
+        const tableSelection = table.applyTableHandlers(tableNode, tableElement, editor);
+        tableSelections.set(nodeKey, tableSelection);
+      }
+    }; // Plugins might be loaded _after_ initial content is set, hence existing table nodes
+    // won't be initialized from mutation[create] listener. Instead doing it here,
+
+
+    editor.getEditorState().read(() => {
+      const tableNodes = lexical.$nodesOfType(table.TableNode);
+
+      for (const tableNode of tableNodes) {
+        if (table.$isTableNode(tableNode)) {
+          initializeTableNode(tableNode);
+        }
+      }
+    });
+    const unregisterMutationListener = editor.registerMutationListener(table.TableNode, nodeMutations => {
       for (const [nodeKey, mutation] of nodeMutations) {
         if (mutation === 'created') {
-          editor.update(() => {
-            const tableElement = editor.getElementByKey(nodeKey);
+          editor.getEditorState().read(() => {
             const tableNode = lexical.$getNodeByKey(nodeKey);
 
-            if (tableElement && tableNode) {
-              const tableSelection = table.applyTableHandlers(tableNode, tableElement, editor);
-              tableSelections.set(nodeKey, tableSelection);
+            if (table.$isTableNode(tableNode)) {
+              initializeTableNode(tableNode);
             }
           });
         } else if (mutation === 'destroyed') {
@@ -91,6 +111,14 @@ function TablePlugin() {
         }
       }
     });
+    return () => {
+      unregisterMutationListener(); // Hook might be called multiple times so cleaning up tables listeners as well,
+      // as it'll be reinitialized during recurring call
+
+      for (const [, tableSelection] of tableSelections) {
+        tableSelection.removeListeners();
+      }
+    };
   }, [editor]);
   return null;
 }

package/LexicalTablePlugin.prod.js

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-'use strict';var e=require("@lexical/react/LexicalComposerContext"),f=require("@lexical/table"),k=require("lexical"),m=require("react");
-exports.TablePlugin=function(){let [d]=e.useLexicalComposerContext();m.useEffect(()=>{if(!d.hasNodes([f.TableNode,f.TableCellNode,f.TableRowNode]))throw Error("Minified Lexical error #10; visit https://lexical.dev/docs/error?code=10 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.");return d.registerCommand(f.INSERT_TABLE_COMMAND,({columns:a,rows:c,includeHeaders:g})=>{var b=k.$getSelection();if(!k.$isRangeSelection(b))return!0;let h=b.focus;
-b=h.getNode();null!==b&&(a=f.$createTableNodeWithDimensions(Number(c),Number(a),g),k.$isRootOrShadowRoot(b)?(c=b.getChildAtIndex(h.offset),null!==c?c.insertBefore(a):b.append(a),a.insertBefore(k.$createParagraphNode())):b.getTopLevelElementOrThrow().insertAfter(a),a.insertAfter(k.$createParagraphNode()),a.getFirstChildOrThrow().getFirstChildOrThrow().select());return!0},k.COMMAND_PRIORITY_EDITOR)},[d]);m.useEffect(()=>{let a=new Map;return d.registerMutationListener(f.TableNode,c=>{for(let [g,b]of c)"created"===
-b?d.update(()=>{var h=d.getElementByKey(g);let l=k.$getNodeByKey(g);h&&l&&(h=f.applyTableHandlers(l,h,d),a.set(g,h))}):"destroyed"===b&&(c=a.get(g),void 0!==c&&(c.removeListeners(),a.delete(g)))})},[d]);return null}
+'use strict';var d=require("@lexical/react/LexicalComposerContext"),f=require("@lexical/table"),l=require("lexical"),n=require("react");
+exports.TablePlugin=function(){let [e]=d.useLexicalComposerContext();n.useEffect(()=>{if(!e.hasNodes([f.TableNode,f.TableCellNode,f.TableRowNode]))throw Error("Minified Lexical error #10; visit https://lexical.dev/docs/error?code=10 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.");return e.registerCommand(f.INSERT_TABLE_COMMAND,({columns:b,rows:g,includeHeaders:k})=>{var a=l.$getSelection();if(!l.$isRangeSelection(a))return!0;let c=a.focus;
+a=c.getNode();null!==a&&(b=f.$createTableNodeWithDimensions(Number(g),Number(b),k),l.$isRootOrShadowRoot(a)?(g=a.getChildAtIndex(c.offset),null!==g?g.insertBefore(b):a.append(b),b.insertBefore(l.$createParagraphNode())):a.getTopLevelElementOrThrow().insertAfter(b),b.insertAfter(l.$createParagraphNode()),b.getFirstChildOrThrow().getFirstChildOrThrow().select());return!0},l.COMMAND_PRIORITY_EDITOR)},[e]);n.useEffect(()=>{let b=new Map,g=a=>{const c=a.getKey(),h=e.getElementByKey(c);h&&!b.has(c)&&(a=
+f.applyTableHandlers(a,h,e),b.set(c,a))};e.getEditorState().read(()=>{let a=l.$nodesOfType(f.TableNode);for(let c of a)f.$isTableNode(c)&&g(c)});let k=e.registerMutationListener(f.TableNode,a=>{for(const [c,h]of a)"created"===h?e.getEditorState().read(()=>{const m=l.$getNodeByKey(c);f.$isTableNode(m)&&g(m)}):"destroyed"===h&&(a=b.get(c),void 0!==a&&(a.removeListeners(),b.delete(c)))});return()=>{k();for(let [,a]of b)a.removeListeners()}},[e]);return null}

package/package.json

@@ -8,28 +8,29 @@
     "rich-text"
   ],
   "license": "MIT",
-  "version": "0.5.1-next.1",
+  "version": "0.6.0",
   "dependencies": {
-    "@lexical/clipboard": "0.5.1-next.1",
-    "@lexical/code": "0.5.1-next.1",
-    "@lexical/dragon": "0.5.1-next.1",
-    "@lexical/hashtag": "0.5.1-next.1",
-    "@lexical/history": "0.5.1-next.1",
-    "@lexical/link": "0.5.1-next.1",
-    "@lexical/list": "0.5.1-next.1",
-    "@lexical/mark": "0.5.1-next.1",
-    "@lexical/markdown": "0.5.1-next.1",
-    "@lexical/overflow": "0.5.1-next.1",
-    "@lexical/plain-text": "0.5.1-next.1",
-    "@lexical/rich-text": "0.5.1-next.1",
-    "@lexical/selection": "0.5.1-next.1",
-    "@lexical/table": "0.5.1-next.1",
-    "@lexical/text": "0.5.1-next.1",
-    "@lexical/utils": "0.5.1-next.1",
-    "@lexical/yjs": "0.5.1-next.1"
+    "@lexical/clipboard": "0.6.0",
+    "@lexical/code": "0.6.0",
+    "@lexical/dragon": "0.6.0",
+    "@lexical/hashtag": "0.6.0",
+    "@lexical/history": "0.6.0",
+    "@lexical/link": "0.6.0",
+    "@lexical/list": "0.6.0",
+    "@lexical/mark": "0.6.0",
+    "@lexical/markdown": "0.6.0",
+    "@lexical/overflow": "0.6.0",
+    "@lexical/plain-text": "0.6.0",
+    "@lexical/rich-text": "0.6.0",
+    "@lexical/selection": "0.6.0",
+    "@lexical/table": "0.6.0",
+    "@lexical/text": "0.6.0",
+    "@lexical/utils": "0.6.0",
+    "@lexical/yjs": "0.6.0",
+    "react-error-boundary": "^3.1.4"
   },
   "peerDependencies": {
-    "lexical": "0.5.1-next.1",
+    "lexical": "0.6.0",
     "react": ">=17.x",
     "react-dom": ">=17.x"
   },

package/shared/useDecorators.d.ts

@@ -12,5 +12,5 @@ declare type ErrorBoundaryProps = {
     onError: (error: Error) => void;
 };
 export declare type ErrorBoundaryType = React.ComponentClass<ErrorBoundaryProps> | React.FC<ErrorBoundaryProps>;
-export declare function useDecorators(editor: LexicalEditor, ErrorBoundary?: ErrorBoundaryType): Array<JSX.Element>;
+export declare function useDecorators(editor: LexicalEditor, ErrorBoundary: ErrorBoundaryType): Array<JSX.Element>;
 export {};

package/shared/ReactErrorBoundary.d.ts

@@ -1,63 +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 * as React from 'react';
-interface FallbackProps {
-    error: Error;
-    resetErrorBoundary: (...args: Array<unknown>) => void;
-}
-interface ErrorBoundaryPropsWithComponent {
-    onResetKeysChange?: (prevResetKeys: Array<unknown> | undefined, resetKeys: Array<unknown> | undefined) => void;
-    onReset?: (...args: Array<unknown>) => void;
-    onError?: (error: Error, info: {
-        componentStack: string;
-    }) => void;
-    resetKeys?: Array<unknown>;
-    fallback?: never;
-    FallbackComponent: React.ComponentType<FallbackProps>;
-    fallbackRender?: never;
-}
-declare function FallbackRender(props: FallbackProps): React.ReactElement<unknown, string | React.FunctionComponent | typeof React.Component> | null;
-interface ErrorBoundaryPropsWithRender {
-    onResetKeysChange?: (prevResetKeys: Array<unknown> | undefined, resetKeys: Array<unknown> | undefined) => void;
-    onReset?: (...args: Array<unknown>) => void;
-    onError?: (error: Error, info: {
-        componentStack: string;
-    }) => void;
-    resetKeys?: Array<unknown>;
-    fallback?: never;
-    FallbackComponent?: never;
-    fallbackRender: typeof FallbackRender;
-}
-interface ErrorBoundaryPropsWithFallback {
-    onResetKeysChange?: (prevResetKeys: Array<unknown> | undefined, resetKeys: Array<unknown> | undefined) => void;
-    onReset?: (...args: Array<unknown>) => void;
-    onError?: (error: Error, info: {
-        componentStack: string;
-    }) => void;
-    resetKeys?: Array<unknown>;
-    fallback: React.ReactElement<unknown, string | React.FunctionComponent | typeof React.Component> | null;
-    FallbackComponent?: never;
-    fallbackRender?: never;
-}
-declare type ErrorBoundaryProps = ErrorBoundaryPropsWithFallback | ErrorBoundaryPropsWithComponent | ErrorBoundaryPropsWithRender;
-declare type ErrorBoundaryState = {
-    error: Error | null;
-};
-declare class ErrorBoundary extends React.Component<React.PropsWithRef<React.PropsWithChildren<ErrorBoundaryProps>>, ErrorBoundaryState> {
-    state: ErrorBoundaryState;
-    constructor(props: ErrorBoundaryProps);
-    static getDerivedStateFromError(error: Error): {
-        error: Error;
-    };
-    resetErrorBoundary(...args: Array<unknown>): void;
-    reset(): void;
-    componentDidCatch(error: Error, info: React.ErrorInfo): void;
-    componentDidUpdate(prevProps: ErrorBoundaryProps, prevState: ErrorBoundaryState): void;
-    render(): string | number | boolean | JSX.Element | React.ReactFragment | null | undefined;
-}
-export { ErrorBoundary };