@lexical/react 0.5.1-next.2 → 0.6.1-next.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

@@ -13,13 +13,12 @@ import type {LexicalEditor} from 'lexical';
 import * as React from 'react';
 
 type ErrorBoundaryProps = $ReadOnly<{
-  children: React.Node,
-  onError?: (error: Error) => void,
+  children: React$Node,
+  onError: (error: Error) => void,
 }>;
 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,12 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+export declare type LexicalErrorBoundaryProps = {
+    children: JSX.Element;
+    onError: (error: Error) => void;
+};
+export default function LexicalErrorBoundary({ children, onError, }: LexicalErrorBoundaryProps): JSX.Element;

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,17 @@
+/**
+ * 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.
+ *
+ * @flow strict
+ */
+
+export type LexicalErrorBoundaryProps = $ReadOnly<{
+  children: React$Node,
+  onError: (error: Error) => void,
+}>;
+
+declare export default function LexicalErrorBoundary(
+  props: LexicalErrorBoundaryProps,
+): React$Node;

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/LexicalTypeaheadMenuPlugin.dev.js

@@ -545,11 +545,9 @@ function LexicalTypeaheadMenuPlugin({
     }
   }, [onOpen, resolution]);
   React.useEffect(() => {
-    let activeRange = document.createRange();
-
     const updateListener = () => {
       editor.getEditorState().read(() => {
-        const range = activeRange;
+        const range = document.createRange();
         const selection = lexical.$getSelection();
         const text = getQueryTextForSearch(editor);
 
@@ -579,7 +577,6 @@ function LexicalTypeaheadMenuPlugin({
 
     const removeUpdateListener = editor.registerUpdateListener(updateListener);
     return () => {
-      activeRange = null;
       removeUpdateListener();
     };
   }, [editor, triggerFn, onQueryChange, resolution, closeTypeahead, openTypeahead]);

package/LexicalTypeaheadMenuPlugin.prod.js

@@ -4,23 +4,23 @@
  * 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 k=require("@lexical/react/LexicalComposerContext"),n=require("@lexical/utils"),w=require("lexical"),x=require("react"),z="undefined"!==typeof window&&"undefined"!==typeof window.document&&"undefined"!==typeof window.document.createElement?x.useLayoutEffect:x.useEffect;class A{constructor(b){this.key=b;this.ref={current:null};this.setRefElement=this.setRefElement.bind(this)}setRefElement(b){this.ref={current:b}}}
-let B=b=>{var a=document.getElementById("typeahead-menu");if(a){a=a.getBoundingClientRect();const c=b.getBoundingClientRect();c.bottom>a.bottom?b.scrollIntoView(!1):c.top<a.top&&b.scrollIntoView()}};function C(b,a){var c=window.getSelection();if(null===c||!c.isCollapsed)return!1;let e=c.anchorNode;c=c.anchorOffset;if(null==e||null==c)return!1;try{a.setStart(e,b),a.setEnd(e,c)}catch(f){return!1}return!0}
-function D(b){let a=null;b.getEditorState().read(()=>{var c=w.$getSelection();if(w.$isRangeSelection(c)){var e=c.anchor;"text"!==e.type?a=null:(c=e.getNode(),c.isSimpleText()?(e=e.offset,a=c.getTextContent().slice(0,e)):a=null)}});return a}
-function E(b,a){b=w.$getSelection();if(!w.$isRangeSelection(b)||!b.isCollapsed())return null;var c=b.anchor;if("text"!==c.type)return null;b=c.getNode();if(!b.isSimpleText())return null;c=c.offset;let e=b.getTextContent().slice(0,c);var f=a.matchingString;a=a.replaceableString.length;for(let p=a;p<=f.length;p++)e.substr(-p)===f.substr(0,p)&&(a=p);a=c-a;if(0>a)return null;let q;0===a?[q]=b.splitText(c):[,q]=b.splitText(a,c);return q}
-function F(b,a){return 0!==a?!1:b.getEditorState().read(()=>{var c=w.$getSelection();return w.$isRangeSelection(c)?(c=c.anchor.getNode().getPreviousSibling(),w.$isTextNode(c)&&c.isTextEntity()):!1})}function G(b){x.startTransition?x.startTransition(b):b()}
-function J(b,a){let c=getComputedStyle(b),e="absolute"===c.position;a=a?/(auto|scroll|hidden)/:/(auto|scroll)/;if("fixed"===c.position)return document.body;for(;b=b.parentElement;)if(c=getComputedStyle(b),(!e||"static"!==c.position)&&a.test(c.overflow+c.overflowY+c.overflowX))return b;return document.body}function K(b,a){b=b.getBoundingClientRect();a=a.getBoundingClientRect();return b.top>a.top&&b.top<a.bottom}
-function L(b,a,c,e){let [f]=k.useLexicalComposerContext();x.useEffect(()=>{if(null!=a&&null!=b){let q=f.getRootElement(),p=null!=q?J(q,!1):document.body,g=!1,d=K(a,p),m=function(){g||(window.requestAnimationFrame(function(){c();g=!1}),g=!0);const t=K(a,p);t!==d&&(d=t,null!=e&&e(t))},r=new ResizeObserver(c);window.addEventListener("resize",c);document.addEventListener("scroll",m,{capture:!0,passive:!0});r.observe(a);return()=>{r.unobserve(a);window.removeEventListener("resize",c);document.removeEventListener("scroll",
-m)}}},[a,f,e,c,b])}let M=w.createCommand("SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND");
-function N({close:b,editor:a,anchorElementRef:c,resolution:e,options:f,menuRenderFn:q,onSelectOption:p}){let [g,d]=x.useState(null);x.useEffect(()=>{d(0)},[e.match.matchingString]);let m=x.useCallback(h=>{a.update(()=>{const l=E(a,e.match);p(h,l,b,e.match.matchingString)})},[b,a,e.match,p]),r=x.useCallback(h=>{const l=a.getRootElement();null!==l&&(l.setAttribute("aria-activedescendant","typeahead-item-"+h),d(h))},[a]);x.useEffect(()=>()=>{let h=a.getRootElement();null!==h&&h.removeAttribute("aria-activedescendant")},
-[a]);z(()=>{null===f?d(null):null===g&&r(0)},[f,g,r]);x.useEffect(()=>n.mergeRegister(a.registerCommand(M,({option:h})=>h.ref&&null!=h.ref.current?(B(h.ref.current),!0):!1,w.COMMAND_PRIORITY_LOW)),[a,r]);x.useEffect(()=>n.mergeRegister(a.registerCommand(w.KEY_ARROW_DOWN_COMMAND,h=>{if(null!==f&&f.length&&null!==g){let l=g!==f.length-1?g+1:0;r(l);let u=f[l];null!=u.ref&&u.ref.current&&a.dispatchCommand(M,{index:l,option:u});h.preventDefault();h.stopImmediatePropagation()}return!0},w.COMMAND_PRIORITY_CRITICAL),
-a.registerCommand(w.KEY_ARROW_UP_COMMAND,h=>{if(null!==f&&f.length&&null!==g){var l=0!==g?g-1:f.length-1;r(l);l=f[l];null!=l.ref&&l.ref.current&&B(l.ref.current);h.preventDefault();h.stopImmediatePropagation()}return!0},w.COMMAND_PRIORITY_CRITICAL),a.registerCommand(w.KEY_ESCAPE_COMMAND,h=>{h.preventDefault();h.stopImmediatePropagation();b();return!0},w.COMMAND_PRIORITY_CRITICAL),a.registerCommand(w.KEY_TAB_COMMAND,h=>{if(null===f||null===g||null==f[g])return!1;h.preventDefault();h.stopImmediatePropagation();
-m(f[g]);return!0},w.COMMAND_PRIORITY_CRITICAL),a.registerCommand(w.KEY_ENTER_COMMAND,h=>{if(null===f||null===g||null==f[g])return!1;null!==h&&(h.preventDefault(),h.stopImmediatePropagation());m(f[g]);return!0},w.COMMAND_PRIORITY_CRITICAL)),[m,b,a,f,g,r]);let t=x.useMemo(()=>({options:f,selectOptionAndCleanUp:m,selectedIndex:g,setHighlightedIndex:d}),[m,g,f]);return q(c,t,e.match.matchingString)}
-function O(b,a,c){let [e]=k.useLexicalComposerContext(),f=x.useRef(document.createElement("div")),q=x.useCallback(()=>{const g=e.getRootElement(),d=f.current;if(null!==g&&null!==b){const {left:m,top:r,width:t,height:h}=b.getRect();d.style.top=`${r+window.pageYOffset}px`;d.style.left=`${m+window.pageXOffset}px`;d.style.height=`${h}px`;d.style.width=`${t}px`;d.isConnected||(null!=c&&(d.className=c),d.setAttribute("aria-label","Typeahead menu"),d.setAttribute("id","typeahead-menu"),d.setAttribute("role",
-"listbox"),d.style.display="block",d.style.position="absolute",document.body.append(d));f.current=d;g.setAttribute("aria-controls","typeahead-menu")}},[e,b,c]);x.useEffect(()=>{let g=e.getRootElement();if(null!==b)return q(),()=>{null!==g&&g.removeAttribute("aria-controls");let d=f.current;null!==d&&d.isConnected&&d.remove()}},[e,q,b]);let p=x.useCallback(g=>{null!==b&&(g||a(null))},[b,a]);L(b,f.current,q,p);return f}
-exports.LexicalNodeMenuPlugin=function({options:b,nodeKey:a,onClose:c,onOpen:e,onSelectOption:f,menuRenderFn:q,anchorClassName:p}){let [g]=k.useLexicalComposerContext(),[d,m]=x.useState(null);p=O(d,m,p);let r=x.useCallback(()=>{m(null);null!=c&&null!==d&&c()},[c,d]),t=x.useCallback(h=>{m(h);null!=e&&null===d&&e(h)},[e,d]);x.useEffect(()=>{a&&null==d?g.update(()=>{let h=w.$getNodeByKey(a),l=g.getElementByKey(a);if(null!=h&&null!=l){let u=h.getTextContent();G(()=>t({getRect:()=>l.getBoundingClientRect(),
-match:{leadOffset:u.length,matchingString:u,replaceableString:u}}))}}):null==a&&null!=d&&r()},[r,g,a,t,d]);return null===d||null===g?null:x.createElement(N,{close:r,resolution:d,editor:g,anchorElementRef:p,options:b,menuRenderFn:q,onSelectOption:f})};
-exports.LexicalTypeaheadMenuPlugin=function({options:b,onQueryChange:a,onSelectOption:c,onOpen:e,onClose:f,menuRenderFn:q,triggerFn:p,anchorClassName:g}){let [d]=k.useLexicalComposerContext(),[m,r]=x.useState(null);g=O(m,r,g);let t=x.useCallback(()=>{r(null);null!=f&&null!==m&&f()},[f,m]),h=x.useCallback(l=>{r(l);null!=e&&null===m&&e(l)},[e,m]);x.useEffect(()=>{let l=document.createRange(),u=d.registerUpdateListener(()=>{d.getEditorState().read(()=>{const y=l,H=w.$getSelection(),I=D(d);if(w.$isRangeSelection(H)&&
-H.isCollapsed()&&null!==I&&null!==y){var v=p(I,d);a(v?v.matchingString:null);null===v||F(d,v.leadOffset)||null===C(v.leadOffset,y)?t():G(()=>h({getRect:()=>y.getBoundingClientRect(),match:v}))}else t()})});return()=>{l=null;u()}},[d,p,a,m,t,h]);return null===m||null===d?null:x.createElement(N,{close:t,resolution:m,editor:d,anchorElementRef:g,options:b,menuRenderFn:q,onSelectOption:c})};exports.PUNCTUATION="\\.,\\+\\*\\?\\$\\@\\|#{}\\(\\)\\^\\-\\[\\]\\\\/!%'\"~=<>_:;";
-exports.SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND=M;exports.TypeaheadOption=A;exports.getScrollParent=J;exports.useBasicTypeaheadTriggerMatch=function(b,{minLength:a=1,maxLength:c=75}){return x.useCallback(e=>{e=(new RegExp("(^|\\s|\\()(["+b+"]((?:[^"+(b+"\\.,\\+\\*\\?\\$\\@\\|#{}\\(\\)\\^\\-\\[\\]\\\\/!%'\"~=<>_:;\\s]){0,")+c+"}))$")).exec(e);if(null!==e){let f=e[1],q=e[3];if(q.length>=a)return{leadOffset:e.index+f.length,matchingString:q,replaceableString:e[2]}}return null},[c,a,b])};
-exports.useDynamicPositioning=L
+'use strict';var k=require("@lexical/react/LexicalComposerContext"),n=require("@lexical/utils"),w=require("lexical"),x=require("react"),y="undefined"!==typeof window&&"undefined"!==typeof window.document&&"undefined"!==typeof window.document.createElement?x.useLayoutEffect:x.useEffect;class z{constructor(b){this.key=b;this.ref={current:null};this.setRefElement=this.setRefElement.bind(this)}setRefElement(b){this.ref={current:b}}}
+let A=b=>{var a=document.getElementById("typeahead-menu");if(a){a=a.getBoundingClientRect();const c=b.getBoundingClientRect();c.bottom>a.bottom?b.scrollIntoView(!1):c.top<a.top&&b.scrollIntoView()}};function B(b,a){var c=window.getSelection();if(null===c||!c.isCollapsed)return!1;let e=c.anchorNode;c=c.anchorOffset;if(null==e||null==c)return!1;try{a.setStart(e,b),a.setEnd(e,c)}catch(f){return!1}return!0}
+function C(b){let a=null;b.getEditorState().read(()=>{var c=w.$getSelection();if(w.$isRangeSelection(c)){var e=c.anchor;"text"!==e.type?a=null:(c=e.getNode(),c.isSimpleText()?(e=e.offset,a=c.getTextContent().slice(0,e)):a=null)}});return a}
+function D(b,a){b=w.$getSelection();if(!w.$isRangeSelection(b)||!b.isCollapsed())return null;var c=b.anchor;if("text"!==c.type)return null;b=c.getNode();if(!b.isSimpleText())return null;c=c.offset;let e=b.getTextContent().slice(0,c);var f=a.matchingString;a=a.replaceableString.length;for(let p=a;p<=f.length;p++)e.substr(-p)===f.substr(0,p)&&(a=p);a=c-a;if(0>a)return null;let q;0===a?[q]=b.splitText(c):[,q]=b.splitText(a,c);return q}
+function E(b,a){return 0!==a?!1:b.getEditorState().read(()=>{var c=w.$getSelection();return w.$isRangeSelection(c)?(c=c.anchor.getNode().getPreviousSibling(),w.$isTextNode(c)&&c.isTextEntity()):!1})}function F(b){x.startTransition?x.startTransition(b):b()}
+function I(b,a){let c=getComputedStyle(b),e="absolute"===c.position;a=a?/(auto|scroll|hidden)/:/(auto|scroll)/;if("fixed"===c.position)return document.body;for(;b=b.parentElement;)if(c=getComputedStyle(b),(!e||"static"!==c.position)&&a.test(c.overflow+c.overflowY+c.overflowX))return b;return document.body}function J(b,a){b=b.getBoundingClientRect();a=a.getBoundingClientRect();return b.top>a.top&&b.top<a.bottom}
+function K(b,a,c,e){let [f]=k.useLexicalComposerContext();x.useEffect(()=>{if(null!=a&&null!=b){let q=f.getRootElement(),p=null!=q?I(q,!1):document.body,g=!1,d=J(a,p),l=function(){g||(window.requestAnimationFrame(function(){c();g=!1}),g=!0);const t=J(a,p);t!==d&&(d=t,null!=e&&e(t))},r=new ResizeObserver(c);window.addEventListener("resize",c);document.addEventListener("scroll",l,{capture:!0,passive:!0});r.observe(a);return()=>{r.unobserve(a);window.removeEventListener("resize",c);document.removeEventListener("scroll",
+l)}}},[a,f,e,c,b])}let L=w.createCommand("SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND");
+function M({close:b,editor:a,anchorElementRef:c,resolution:e,options:f,menuRenderFn:q,onSelectOption:p}){let [g,d]=x.useState(null);x.useEffect(()=>{d(0)},[e.match.matchingString]);let l=x.useCallback(h=>{a.update(()=>{const m=D(a,e.match);p(h,m,b,e.match.matchingString)})},[b,a,e.match,p]),r=x.useCallback(h=>{const m=a.getRootElement();null!==m&&(m.setAttribute("aria-activedescendant","typeahead-item-"+h),d(h))},[a]);x.useEffect(()=>()=>{let h=a.getRootElement();null!==h&&h.removeAttribute("aria-activedescendant")},
+[a]);y(()=>{null===f?d(null):null===g&&r(0)},[f,g,r]);x.useEffect(()=>n.mergeRegister(a.registerCommand(L,({option:h})=>h.ref&&null!=h.ref.current?(A(h.ref.current),!0):!1,w.COMMAND_PRIORITY_LOW)),[a,r]);x.useEffect(()=>n.mergeRegister(a.registerCommand(w.KEY_ARROW_DOWN_COMMAND,h=>{if(null!==f&&f.length&&null!==g){let m=g!==f.length-1?g+1:0;r(m);let u=f[m];null!=u.ref&&u.ref.current&&a.dispatchCommand(L,{index:m,option:u});h.preventDefault();h.stopImmediatePropagation()}return!0},w.COMMAND_PRIORITY_CRITICAL),
+a.registerCommand(w.KEY_ARROW_UP_COMMAND,h=>{if(null!==f&&f.length&&null!==g){var m=0!==g?g-1:f.length-1;r(m);m=f[m];null!=m.ref&&m.ref.current&&A(m.ref.current);h.preventDefault();h.stopImmediatePropagation()}return!0},w.COMMAND_PRIORITY_CRITICAL),a.registerCommand(w.KEY_ESCAPE_COMMAND,h=>{h.preventDefault();h.stopImmediatePropagation();b();return!0},w.COMMAND_PRIORITY_CRITICAL),a.registerCommand(w.KEY_TAB_COMMAND,h=>{if(null===f||null===g||null==f[g])return!1;h.preventDefault();h.stopImmediatePropagation();
+l(f[g]);return!0},w.COMMAND_PRIORITY_CRITICAL),a.registerCommand(w.KEY_ENTER_COMMAND,h=>{if(null===f||null===g||null==f[g])return!1;null!==h&&(h.preventDefault(),h.stopImmediatePropagation());l(f[g]);return!0},w.COMMAND_PRIORITY_CRITICAL)),[l,b,a,f,g,r]);let t=x.useMemo(()=>({options:f,selectOptionAndCleanUp:l,selectedIndex:g,setHighlightedIndex:d}),[l,g,f]);return q(c,t,e.match.matchingString)}
+function N(b,a,c){let [e]=k.useLexicalComposerContext(),f=x.useRef(document.createElement("div")),q=x.useCallback(()=>{const g=e.getRootElement(),d=f.current;if(null!==g&&null!==b){const {left:l,top:r,width:t,height:h}=b.getRect();d.style.top=`${r+window.pageYOffset}px`;d.style.left=`${l+window.pageXOffset}px`;d.style.height=`${h}px`;d.style.width=`${t}px`;d.isConnected||(null!=c&&(d.className=c),d.setAttribute("aria-label","Typeahead menu"),d.setAttribute("id","typeahead-menu"),d.setAttribute("role",
+"listbox"),d.style.display="block",d.style.position="absolute",document.body.append(d));f.current=d;g.setAttribute("aria-controls","typeahead-menu")}},[e,b,c]);x.useEffect(()=>{let g=e.getRootElement();if(null!==b)return q(),()=>{null!==g&&g.removeAttribute("aria-controls");let d=f.current;null!==d&&d.isConnected&&d.remove()}},[e,q,b]);let p=x.useCallback(g=>{null!==b&&(g||a(null))},[b,a]);K(b,f.current,q,p);return f}
+exports.LexicalNodeMenuPlugin=function({options:b,nodeKey:a,onClose:c,onOpen:e,onSelectOption:f,menuRenderFn:q,anchorClassName:p}){let [g]=k.useLexicalComposerContext(),[d,l]=x.useState(null);p=N(d,l,p);let r=x.useCallback(()=>{l(null);null!=c&&null!==d&&c()},[c,d]),t=x.useCallback(h=>{l(h);null!=e&&null===d&&e(h)},[e,d]);x.useEffect(()=>{a&&null==d?g.update(()=>{let h=w.$getNodeByKey(a),m=g.getElementByKey(a);if(null!=h&&null!=m){let u=h.getTextContent();F(()=>t({getRect:()=>m.getBoundingClientRect(),
+match:{leadOffset:u.length,matchingString:u,replaceableString:u}}))}}):null==a&&null!=d&&r()},[r,g,a,t,d]);return null===d||null===g?null:x.createElement(M,{close:r,resolution:d,editor:g,anchorElementRef:p,options:b,menuRenderFn:q,onSelectOption:f})};
+exports.LexicalTypeaheadMenuPlugin=function({options:b,onQueryChange:a,onSelectOption:c,onOpen:e,onClose:f,menuRenderFn:q,triggerFn:p,anchorClassName:g}){let [d]=k.useLexicalComposerContext(),[l,r]=x.useState(null);g=N(l,r,g);let t=x.useCallback(()=>{r(null);null!=f&&null!==l&&f()},[f,l]),h=x.useCallback(m=>{r(m);null!=e&&null===l&&e(m)},[e,l]);x.useEffect(()=>{let m=d.registerUpdateListener(()=>{d.getEditorState().read(()=>{const u=document.createRange(),G=w.$getSelection(),H=C(d);if(w.$isRangeSelection(G)&&
+G.isCollapsed()&&null!==H&&null!==u){var v=p(H,d);a(v?v.matchingString:null);null===v||E(d,v.leadOffset)||null===B(v.leadOffset,u)?t():F(()=>h({getRect:()=>u.getBoundingClientRect(),match:v}))}else t()})});return()=>{m()}},[d,p,a,l,t,h]);return null===l||null===d?null:x.createElement(M,{close:t,resolution:l,editor:d,anchorElementRef:g,options:b,menuRenderFn:q,onSelectOption:c})};exports.PUNCTUATION="\\.,\\+\\*\\?\\$\\@\\|#{}\\(\\)\\^\\-\\[\\]\\\\/!%'\"~=<>_:;";
+exports.SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND=L;exports.TypeaheadOption=z;exports.getScrollParent=I;exports.useBasicTypeaheadTriggerMatch=function(b,{minLength:a=1,maxLength:c=75}){return x.useCallback(e=>{e=(new RegExp("(^|\\s|\\()(["+b+"]((?:[^"+(b+"\\.,\\+\\*\\?\\$\\@\\|#{}\\(\\)\\^\\-\\[\\]\\\\/!%'\"~=<>_:;\\s]){0,")+c+"}))$")).exec(e);if(null!==e){let f=e[1],q=e[3];if(q.length>=a)return{leadOffset:e.index+f.length,matchingString:q,replaceableString:e[2]}}return null},[c,a,b])};
+exports.useDynamicPositioning=K

package/package.json

@@ -8,28 +8,29 @@
     "rich-text"
   ],
   "license": "MIT",
-  "version": "0.5.1-next.2",
+  "version": "0.6.1-next.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.1-next.0",
+    "@lexical/code": "0.6.1-next.0",
+    "@lexical/dragon": "0.6.1-next.0",
+    "@lexical/hashtag": "0.6.1-next.0",
+    "@lexical/history": "0.6.1-next.0",
+    "@lexical/link": "0.6.1-next.0",
+    "@lexical/list": "0.6.1-next.0",
+    "@lexical/mark": "0.6.1-next.0",
+    "@lexical/markdown": "0.6.1-next.0",
+    "@lexical/overflow": "0.6.1-next.0",
+    "@lexical/plain-text": "0.6.1-next.0",
+    "@lexical/rich-text": "0.6.1-next.0",
+    "@lexical/selection": "0.6.1-next.0",
+    "@lexical/table": "0.6.1-next.0",
+    "@lexical/text": "0.6.1-next.0",
+    "@lexical/utils": "0.6.1-next.0",
+    "@lexical/yjs": "0.6.1-next.0",
+    "react-error-boundary": "^3.1.4"
   },
   "peerDependencies": {
-    "lexical": "0.5.1-next.2",
+    "lexical": "0.6.1-next.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 };