@lexical/react 0.5.1-next.2 → 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,19 +35,7 @@ var useLayoutEffect = useLayoutEffectImpl;
  * LICENSE file in the root directory of this source tree.
  *
  */
-
-const fallbackRenderer$1 = () => null;
-
-const DefaultErrorBoundary$1 = ({
-  children,
-  onError
-}) => /*#__PURE__*/React.createElement(ErrorBoundary, {
-  fallbackRender: fallbackRenderer$1,
-  onError: onError
-}, children);
-
-function useDecorators(editor, // TODO 0.6 Make non-optional non-default
-ErrorBoundary = DefaultErrorBoundary$1) {
+function useDecorators(editor, ErrorBoundary) {
   const [decorators, setDecorators] = React.useState(() => editor.getDecorators()); // Subscribe to changes
 
   useLayoutEffect(() => {
@@ -190,19 +81,7 @@ ErrorBoundary = DefaultErrorBoundary$1) {
  * LICENSE file in the root directory of this source tree.
  *
  */
-
-const fallbackRenderer = () => null;
-
-const DefaultErrorBoundary = ({
-  children,
-  onError
-}) => /*#__PURE__*/React.createElement(ErrorBoundary, {
-  fallbackRender: fallbackRenderer,
-  onError: onError
-}, children);
-
-function useLexicalDecorators(editor, // TODO 0.6 Make non-optional non-default
-ErrorBoundary = DefaultErrorBoundary) {
+function useLexicalDecorators(editor, ErrorBoundary) {
   return useDecorators(editor, ErrorBoundary);
 }
 

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 c=require("react"),k=require("react-dom");let l=(a=[],b=[])=>a.length!==b.length||a.some((d,e)=>!Object.is(d,b[e])),m={error:null};
-class p extends c.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:d}=this.state,{resetKeys:e}=this.props;null!==d&&null!==b.error&&l(a.resetKeys,e)&&(this.props.onResetKeysChange&&this.props.onResetKeysChange(a.resetKeys,
-e),this.reset())}render(){var {error:a}=this.state;let {fallbackRender:b,FallbackComponent:d,fallback:e}=this.props;if(null!==a){a={error:a,resetErrorBoundary:this.resetErrorBoundary};if(c.isValidElement(e))return e;if("function"===typeof b)return b(a);if(d)return c.createElement(d,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?c.useLayoutEffect:c.useEffect;let r=()=>null,t=({children:a,onError:b})=>c.createElement(p,{fallbackRender:r,onError:b},a);
-function u(a,b=t){let [d,e]=c.useState(()=>a.getDecorators());q(()=>a.registerDecoratorListener(g=>{k.flushSync(()=>{e(g)})}),[a]);c.useEffect(()=>{e(a.getDecorators())},[a]);return c.useMemo(()=>{let g=[],n=Object.keys(d);for(let h=0;h<n.length;h++){var f=n[h];let w=c.createElement(b,{onError:v=>a._onError(v)},c.createElement(c.Suspense,{fallback:null},d[f]));f=a.getElementByKey(f);null!==f&&g.push(k.createPortal(w,f))}return g},[b,d,a])}
-let x=()=>null,y=({children:a,onError:b})=>c.createElement(p,{fallbackRender:x,onError:b},a);exports.useLexicalDecorators=function(a,b=y){return u(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/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,19 +71,7 @@ function useCanShowPlaceholder(editor) {
  * LICENSE file in the root directory of this source tree.
  *
  */
-
-const fallbackRenderer$1 = () => null;
-
-const DefaultErrorBoundary$1 = ({
-  children,
-  onError
-}) => /*#__PURE__*/React.createElement(ErrorBoundary, {
-  fallbackRender: fallbackRenderer$1,
-  onError: onError
-}, children);
-
-function useDecorators(editor, // TODO 0.6 Make non-optional non-default
-ErrorBoundary = DefaultErrorBoundary$1) {
+function useDecorators(editor, ErrorBoundary) {
   const [decorators, setDecorators] = React.useState(() => editor.getDecorators()); // Subscribe to changes
 
   useLayoutEffect(() => {
@@ -240,22 +131,10 @@ function usePlainTextSetup(editor) {
  * LICENSE file in the root directory of this source tree.
  *
  */
-
-const fallbackRenderer = () => null;
-
-const DefaultErrorBoundary = ({
-  children,
-  onError
-}) => /*#__PURE__*/React.createElement(ErrorBoundary, {
-  fallbackRender: fallbackRenderer,
-  onError: onError
-}, children);
-
 function PlainTextPlugin({
   contentEditable,
   placeholder,
-  // TODO 0.6 Make non-optional non-default
-  ErrorBoundary = DefaultErrorBoundary
+  ErrorBoundary
 }) {
   const [editor] = LexicalComposerContext.useLexicalComposerContext();
   const showPlaceholder = useCanShowPlaceholder(editor);

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,10 +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=[],b=[])=>a.length!==b.length||a.some((e,c)=>!Object.is(e,b[c])),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,b){this.props.onError&&this.props.onError(a,b)}componentDidUpdate(a,b){let {error:e}=this.state,{resetKeys:c}=this.props;null!==e&&null!==b.error&&t(a.resetKeys,c)&&(this.props.onResetKeysChange&&this.props.onResetKeysChange(a.resetKeys,
-c),this.reset())}render(){var {error:a}=this.state;let {fallbackRender:b,FallbackComponent:e,fallback:c}=this.props;if(null!==a){a={error:a,resetErrorBoundary:this.resetErrorBoundary};if(h.isValidElement(c))return c;if("function"===typeof b)return b(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}}
-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 [b,e]=h.useState(()=>x(a));w(()=>{function c(){let f=x(a);e(f)}c();return m.mergeRegister(a.registerUpdateListener(()=>{c()}),a.registerEditableListener(()=>{c()}))},[a]);return b}
-let z=()=>null,A=({children:a,onError:b})=>h.createElement(v,{fallbackRender:z,onError:b},a);
-function B(a,b=A){let [e,c]=h.useState(()=>a.getDecorators());w(()=>a.registerDecoratorListener(f=>{n.flushSync(()=>{c(f)})}),[a]);h.useEffect(()=>{c(a.getDecorators())},[a]);return h.useMemo(()=>{let f=[],r=Object.keys(e);for(let k=0;k<r.length;k++){var g=r[k];let D=h.createElement(b,{onError:C=>a._onError(C)},h.createElement(h.Suspense,{fallback:null},e[g]));g=a.getElementByKey(g);null!==g&&f.push(n.createPortal(D,g))}return f},[b,e,a])}
-function E(a){w(()=>m.mergeRegister(q.registerPlainText(a),p.registerDragonSupport(a)),[a])}let F=()=>null,G=({children:a,onError:b})=>h.createElement(v,{fallbackRender:F,onError:b},a);exports.PlainTextPlugin=function({contentEditable:a,placeholder:b,ErrorBoundary:e=G}){let [c]=d.useLexicalComposerContext(),f=y(c);e=B(c,e);E(c);return h.createElement(h.Fragment,null,a,f&&b,e)}
+'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,19 +71,7 @@ function useCanShowPlaceholder(editor) {
  * LICENSE file in the root directory of this source tree.
  *
  */
-
-const fallbackRenderer$1 = () => null;
-
-const DefaultErrorBoundary$1 = ({
-  children,
-  onError
-}) => /*#__PURE__*/React.createElement(ErrorBoundary, {
-  fallbackRender: fallbackRenderer$1,
-  onError: onError
-}, children);
-
-function useDecorators(editor, // TODO 0.6 Make non-optional non-default
-ErrorBoundary = DefaultErrorBoundary$1) {
+function useDecorators(editor, ErrorBoundary) {
   const [decorators, setDecorators] = React.useState(() => editor.getDecorators()); // Subscribe to changes
 
   useLayoutEffect(() => {
@@ -240,22 +131,10 @@ function useRichTextSetup(editor) {
  * LICENSE file in the root directory of this source tree.
  *
  */
-
-const fallbackRenderer = () => null;
-
-const DefaultErrorBoundary = ({
-  children,
-  onError
-}) => /*#__PURE__*/React.createElement(ErrorBoundary, {
-  fallbackRender: fallbackRenderer,
-  onError: onError
-}, children);
-
 function RichTextPlugin({
   contentEditable,
   placeholder,
-  // TODO 0.6 Make non-optional non-default
-  ErrorBoundary = DefaultErrorBoundary
+  ErrorBoundary
 }) {
   const [editor] = LexicalComposerContext.useLexicalComposerContext();
   const showPlaceholder = useCanShowPlaceholder(editor);

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,10 +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=[],b=[])=>a.length!==b.length||a.some((e,c)=>!Object.is(e,b[c])),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,b){this.props.onError&&this.props.onError(a,b)}componentDidUpdate(a,b){let {error:e}=this.state,{resetKeys:c}=this.props;null!==e&&null!==b.error&&t(a.resetKeys,c)&&(this.props.onResetKeysChange&&this.props.onResetKeysChange(a.resetKeys,
-c),this.reset())}render(){var {error:a}=this.state;let {fallbackRender:b,FallbackComponent:e,fallback:c}=this.props;if(null!==a){a={error:a,resetErrorBoundary:this.resetErrorBoundary};if(h.isValidElement(c))return c;if("function"===typeof b)return b(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}}
-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 [b,e]=h.useState(()=>x(a));w(()=>{function c(){let f=x(a);e(f)}c();return m.mergeRegister(a.registerUpdateListener(()=>{c()}),a.registerEditableListener(()=>{c()}))},[a]);return b}
-let z=()=>null,A=({children:a,onError:b})=>h.createElement(v,{fallbackRender:z,onError:b},a);
-function B(a,b=A){let [e,c]=h.useState(()=>a.getDecorators());w(()=>a.registerDecoratorListener(f=>{n.flushSync(()=>{c(f)})}),[a]);h.useEffect(()=>{c(a.getDecorators())},[a]);return h.useMemo(()=>{let f=[],r=Object.keys(e);for(let k=0;k<r.length;k++){var g=r[k];let D=h.createElement(b,{onError:C=>a._onError(C)},h.createElement(h.Suspense,{fallback:null},e[g]));g=a.getElementByKey(g);null!==g&&f.push(n.createPortal(D,g))}return f},[b,e,a])}
-function E(a){w(()=>m.mergeRegister(q.registerRichText(a),p.registerDragonSupport(a)),[a])}let F=()=>null,G=({children:a,onError:b})=>h.createElement(v,{fallbackRender:F,onError:b},a);exports.RichTextPlugin=function({contentEditable:a,placeholder:b,ErrorBoundary:e=G}){let [c]=d.useLexicalComposerContext(),f=y(c);e=B(c,e);E(c);return h.createElement(h.Fragment,null,a,f&&b,e)}
+'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/package.json

@@ -8,28 +8,29 @@
     "rich-text"
   ],
   "license": "MIT",
-  "version": "0.5.1-next.2",
+  "version": "0.6.0",
   "dependencies": {
-    "@lexical/clipboard": "0.5.1-next.2",
-    "@lexical/code": "0.5.1-next.2",
-    "@lexical/dragon": "0.5.1-next.2",
-    "@lexical/hashtag": "0.5.1-next.2",
-    "@lexical/history": "0.5.1-next.2",
-    "@lexical/link": "0.5.1-next.2",
-    "@lexical/list": "0.5.1-next.2",
-    "@lexical/mark": "0.5.1-next.2",
-    "@lexical/markdown": "0.5.1-next.2",
-    "@lexical/overflow": "0.5.1-next.2",
-    "@lexical/plain-text": "0.5.1-next.2",
-    "@lexical/rich-text": "0.5.1-next.2",
-    "@lexical/selection": "0.5.1-next.2",
-    "@lexical/table": "0.5.1-next.2",
-    "@lexical/text": "0.5.1-next.2",
-    "@lexical/utils": "0.5.1-next.2",
-    "@lexical/yjs": "0.5.1-next.2"
+    "@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.2",
+    "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 };