@bigbinary/neeto-editor 1.42.0 → 1.43.0

package/dist/cjs/FormikEditor.cjs.js

@@ -9,7 +9,7 @@ var Editor = require('./Editor.cjs.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('@babel/runtime/helpers/toConsumableArray');
 require('@babel/runtime/helpers/slicedToArray');
-require('./chunk-4b866a12.cjs.js');
+require('./chunk-62a3a743.cjs.js');
 require('ramda');
 require('./chunk-da9ee471.cjs.js');
 require('i18next');

package/dist/cjs/Menu.cjs.js

@@ -5,7 +5,7 @@ require('@babel/runtime/helpers/toConsumableArray');
 require('@babel/runtime/helpers/slicedToArray');
 require('react');
 require('ramda');
-var Menu = require('./chunk-4b866a12.cjs.js');
+var Menu = require('./chunk-62a3a743.cjs.js');
 require('./chunk-b18ba907.cjs.js');
 require('react/jsx-runtime');
 require('./chunk-da9ee471.cjs.js');

package/dist/cjs/{chunk-4b866a12.cjs.js → chunk-62a3a743.cjs.js}

@@ -11525,7 +11525,11 @@ function createNodeFromContent(content, schema, options) {
             if (isArrayContent) {
                 return utils.Fragment.fromArray(content.map(item => schema.nodeFromJSON(item)));
             }
-            return schema.nodeFromJSON(content);
+            const node = schema.nodeFromJSON(content);
+            if (options.errorOnInvalidContent) {
+                node.check();
+            }
+            return node;
         }
         catch (error) {
             if (options.errorOnInvalidContent) {
@@ -12728,7 +12732,7 @@ const splitBlock = ({ keepMarks = true } = {}) => ({ tr, state, dispatch, editor
     return can;
 };
 
-const splitListItem = typeOrName => ({ tr, state, dispatch, editor, }) => {
+const splitListItem = (typeOrName, overrideAttrs = {}) => ({ tr, state, dispatch, editor, }) => {
     var _a;
     const type = getNodeType$1(typeOrName, state.schema);
     const { $from, $to } = state.selection;
@@ -12764,7 +12768,10 @@ const splitListItem = typeOrName => ({ tr, state, dispatch, editor, }) => {
             // eslint-disable-next-line
             const depthAfter = $from.indexAfter(-1) < $from.node(-2).childCount ? 1 : $from.indexAfter(-2) < $from.node(-3).childCount ? 2 : 3;
             // Add a second list item with an empty default start node
-            const newNextTypeAttributes = getSplittedAttributes(extensionAttributes, $from.node().type.name, $from.node().attrs);
+            const newNextTypeAttributes = {
+                ...getSplittedAttributes(extensionAttributes, $from.node().type.name, $from.node().attrs),
+                ...overrideAttrs,
+            };
             const nextType = ((_a = type.contentMatch.defaultType) === null || _a === void 0 ? void 0 : _a.createAndFill(newNextTypeAttributes)) || undefined;
             wrap = wrap.append(utils.Fragment.from(type.createAndFill(null, nextType) || undefined));
             const start = $from.before($from.depth - (depthBefore - 1));
@@ -12786,8 +12793,14 @@ const splitListItem = typeOrName => ({ tr, state, dispatch, editor, }) => {
         return true;
     }
     const nextType = $to.pos === $from.end() ? grandParent.contentMatchAt(0).defaultType : null;
-    const newTypeAttributes = getSplittedAttributes(extensionAttributes, grandParent.type.name, grandParent.attrs);
-    const newNextTypeAttributes = getSplittedAttributes(extensionAttributes, $from.node().type.name, $from.node().attrs);
+    const newTypeAttributes = {
+        ...getSplittedAttributes(extensionAttributes, grandParent.type.name, grandParent.attrs),
+        ...overrideAttrs,
+    };
+    const newNextTypeAttributes = {
+        ...getSplittedAttributes(extensionAttributes, $from.node().type.name, $from.node().attrs),
+        ...overrideAttrs,
+    };
     tr.delete($from.pos, $to.pos);
     const types = nextType
         ? [
@@ -13513,8 +13526,8 @@ img.ProseMirror-separator {
   display: inline !important;
   border: none !important;
   margin: 0 !important;
-  width: 1px !important;
-  height: 1px !important;
+  width: 0 !important;
+  height: 0 !important;
 }
 
 .ProseMirror-gapcursor {
@@ -13575,10 +13588,14 @@ function createStyleTag(style, nonce, suffix) {
     return styleNode;
 }
 
-class Editor$1 extends EventEmitter {
+class Editor extends EventEmitter {
     constructor(options = {}) {
         super();
         this.isFocused = false;
+        /**
+         * The editor is considered initialized after the `create` event has been emitted.
+         */
+        this.isInitialized = false;
         this.extensionStorage = {};
         this.options = {
             element: document.createElement('div'),
@@ -13629,6 +13646,7 @@ class Editor$1 extends EventEmitter {
             }
             this.commands.focus(this.options.autofocus);
             this.emit('create', { editor: this });
+            this.isInitialized = true;
         }, 0);
     }
     /**
@@ -14762,6 +14780,36 @@ Extension.create({
     },
 });
 
+var shim = {exports: {}};
+
+var useSyncExternalStoreShim_production_min = {};
+
+/**
+ * @license React
+ * use-sync-external-store-shim.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var hasRequiredUseSyncExternalStoreShim_production_min;
+
+function requireUseSyncExternalStoreShim_production_min () {
+	if (hasRequiredUseSyncExternalStoreShim_production_min) return useSyncExternalStoreShim_production_min;
+	hasRequiredUseSyncExternalStoreShim_production_min = 1;
+var e=React__default["default"];function h(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var k="function"===typeof Object.is?Object.is:h,l=e.useState,m=e.useEffect,n=e.useLayoutEffect,p=e.useDebugValue;function q(a,b){var d=b(),f=l({inst:{value:d,getSnapshot:b}}),c=f[0].inst,g=f[1];n(function(){c.value=d;c.getSnapshot=b;r(c)&&g({inst:c});},[a,d,b]);m(function(){r(c)&&g({inst:c});return a(function(){r(c)&&g({inst:c});})},[a]);p(d);return d}
+	function r(a){var b=a.getSnapshot;a=a.value;try{var d=b();return !k(a,d)}catch(f){return !0}}function t(a,b){return b()}var u="undefined"===typeof window||"undefined"===typeof window.document||"undefined"===typeof window.document.createElement?t:q;useSyncExternalStoreShim_production_min.useSyncExternalStore=void 0!==e.useSyncExternalStore?e.useSyncExternalStore:u;
+	return useSyncExternalStoreShim_production_min;
+}
+
+{
+  shim.exports = requireUseSyncExternalStoreShim_production_min();
+}
+
+var shimExports = shim.exports;
+
 const mergeRefs = (...refs) => {
     return (node) => {
         refs.forEach(ref => {
@@ -14774,18 +14822,63 @@ const mergeRefs = (...refs) => {
         });
     };
 };
-const Portals = ({ renderers }) => {
-    return (React__default["default"].createElement(React__default["default"].Fragment, null, Object.entries(renderers).map(([key, renderer]) => {
-        return ReactDOM__default["default"].createPortal(renderer.reactElement, renderer.element, key);
-    })));
+/**
+ * This component renders all of the editor's node views.
+ */
+const Portals = ({ contentComponent, }) => {
+    // For performance reasons, we render the node view portals on state changes only
+    const renderers = shimExports.useSyncExternalStore(contentComponent.subscribe, contentComponent.getSnapshot, contentComponent.getServerSnapshot);
+    // This allows us to directly render the portals without any additional wrapper
+    return (React__default["default"].createElement(React__default["default"].Fragment, null, Object.values(renderers)));
 };
+function getInstance() {
+    const subscribers = new Set();
+    let renderers = {};
+    return {
+        /**
+         * Subscribe to the editor instance's changes.
+         */
+        subscribe(callback) {
+            subscribers.add(callback);
+            return () => {
+                subscribers.delete(callback);
+            };
+        },
+        getSnapshot() {
+            return renderers;
+        },
+        getServerSnapshot() {
+            return renderers;
+        },
+        /**
+         * Adds a new NodeView Renderer to the editor.
+         */
+        setRenderer(id, renderer) {
+            renderers = {
+                ...renderers,
+                [id]: ReactDOM__default["default"].createPortal(renderer.reactElement, renderer.element, id),
+            };
+            subscribers.forEach(subscriber => subscriber());
+        },
+        /**
+         * Removes a NodeView Renderer from the editor.
+         */
+        removeRenderer(id) {
+            const nextRenderers = { ...renderers };
+            delete nextRenderers[id];
+            renderers = nextRenderers;
+            subscribers.forEach(subscriber => subscriber());
+        },
+    };
+}
 class PureEditorContent extends React__default["default"].Component {
     constructor(props) {
+        var _a;
         super(props);
         this.editorContentRef = React__default["default"].createRef();
         this.initialized = false;
         this.state = {
-            renderers: {},
+            hasContentComponentInitialized: Boolean((_a = props.editor) === null || _a === void 0 ? void 0 : _a.contentComponent),
         };
     }
     componentDidMount() {
@@ -14795,7 +14888,7 @@ class PureEditorContent extends React__default["default"].Component {
         this.init();
     }
     init() {
-        const { editor } = this.props;
+        const editor = this.props.editor;
         if (editor && !editor.isDestroyed && editor.options.element) {
             if (editor.contentComponent) {
                 return;
@@ -14805,44 +14898,31 @@ class PureEditorContent extends React__default["default"].Component {
             editor.setOptions({
                 element,
             });
-            editor.contentComponent = this;
+            editor.contentComponent = getInstance();
+            // Has the content component been initialized?
+            if (!this.state.hasContentComponentInitialized) {
+                // Subscribe to the content component
+                this.unsubscribeToContentComponent = editor.contentComponent.subscribe(() => {
+                    this.setState(prevState => {
+                        if (!prevState.hasContentComponentInitialized) {
+                            return {
+                                hasContentComponentInitialized: true,
+                            };
+                        }
+                        return prevState;
+                    });
+                    // Unsubscribe to previous content component
+                    if (this.unsubscribeToContentComponent) {
+                        this.unsubscribeToContentComponent();
+                    }
+                });
+            }
             editor.createNodeViews();
             this.initialized = true;
         }
     }
-    maybeFlushSync(fn) {
-        // Avoid calling flushSync until the editor is initialized.
-        // Initialization happens during the componentDidMount or componentDidUpdate
-        // lifecycle methods, and React doesn't allow calling flushSync from inside
-        // a lifecycle method.
-        if (this.initialized) {
-            ReactDOM.flushSync(fn);
-        }
-        else {
-            fn();
-        }
-    }
-    setRenderer(id, renderer) {
-        this.maybeFlushSync(() => {
-            this.setState(({ renderers }) => ({
-                renderers: {
-                    ...renderers,
-                    [id]: renderer,
-                },
-            }));
-        });
-    }
-    removeRenderer(id) {
-        this.maybeFlushSync(() => {
-            this.setState(({ renderers }) => {
-                const nextRenderers = { ...renderers };
-                delete nextRenderers[id];
-                return { renderers: nextRenderers };
-            });
-        });
-    }
     componentWillUnmount() {
-        const { editor } = this.props;
+        const editor = this.props.editor;
         if (!editor) {
             return;
         }
@@ -14852,6 +14932,9 @@ class PureEditorContent extends React__default["default"].Component {
                 nodeViews: {},
             });
         }
+        if (this.unsubscribeToContentComponent) {
+            this.unsubscribeToContentComponent();
+        }
         editor.contentComponent = null;
         if (!editor.options.element.firstChild) {
             return;
@@ -14866,13 +14949,14 @@ class PureEditorContent extends React__default["default"].Component {
         const { editor, innerRef, ...rest } = this.props;
         return (React__default["default"].createElement(React__default["default"].Fragment, null,
             React__default["default"].createElement("div", { ref: mergeRefs(innerRef, this.editorContentRef), ...rest }),
-            React__default["default"].createElement(Portals, { renderers: this.state.renderers })));
+            (editor === null || editor === void 0 ? void 0 : editor.contentComponent) && React__default["default"].createElement(Portals, { contentComponent: editor.contentComponent })));
     }
 }
 // EditorContent should be re-created whenever the Editor instance changes
 const EditorContentWithKey = React.forwardRef((props, ref) => {
     const key = React__default["default"].useMemo(() => {
-        return Math.floor(Math.random() * 0xFFFFFFFF).toString();
+        return Math.floor(Math.random() * 0xffffffff).toString();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [props.editor]);
     // Can't use JSX here because it conflicts with the type definition of Vue's JSX, so use createElement
     return React__default["default"].createElement(PureEditorContent, {
@@ -14883,43 +14967,6 @@ const EditorContentWithKey = React.forwardRef((props, ref) => {
 });
 const EditorContent = React__default["default"].memo(EditorContentWithKey);
 
-var shim = {exports: {}};
-
-var useSyncExternalStoreShim_production_min = {};
-
-/**
- * @license React
- * use-sync-external-store-shim.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var hasRequiredUseSyncExternalStoreShim_production_min;
-
-function requireUseSyncExternalStoreShim_production_min () {
-	if (hasRequiredUseSyncExternalStoreShim_production_min) return useSyncExternalStoreShim_production_min;
-	hasRequiredUseSyncExternalStoreShim_production_min = 1;
-var e=React__default["default"];function h(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var k="function"===typeof Object.is?Object.is:h,l=e.useState,m=e.useEffect,n=e.useLayoutEffect,p=e.useDebugValue;function q(a,b){var d=b(),f=l({inst:{value:d,getSnapshot:b}}),c=f[0].inst,g=f[1];n(function(){c.value=d;c.getSnapshot=b;r(c)&&g({inst:c});},[a,d,b]);m(function(){r(c)&&g({inst:c});return a(function(){r(c)&&g({inst:c});})},[a]);p(d);return d}
-	function r(a){var b=a.getSnapshot;a=a.value;try{var d=b();return !k(a,d)}catch(f){return !0}}function t(a,b){return b()}var u="undefined"===typeof window||"undefined"===typeof window.document||"undefined"===typeof window.document.createElement?t:q;useSyncExternalStoreShim_production_min.useSyncExternalStore=void 0!==e.useSyncExternalStore?e.useSyncExternalStore:u;
-	return useSyncExternalStoreShim_production_min;
-}
-
-{
-  shim.exports = requireUseSyncExternalStoreShim_production_min();
-}
-
-var shimExports = shim.exports;
-
-class Editor extends Editor$1 {
-    constructor() {
-        super(...arguments);
-        this.contentComponent = null;
-    }
-}
-
 var withSelector = {exports: {}};
 
 var withSelector_production_min = {};
@@ -15060,6 +15107,7 @@ class EditorInstanceManager {
         this.options = options;
         this.subscriptions = new Set();
         this.setEditor(this.getInitialEditor());
+        this.scheduleDestroy();
         this.getEditor = this.getEditor.bind(this);
         this.getServerSnapshot = this.getServerSnapshot.bind(this);
         this.subscribe = this.subscribe.bind(this);
@@ -15096,17 +15144,20 @@ class EditorInstanceManager {
      * Create a new editor instance. And attach event listeners.
      */
     createEditor() {
-        const editor = new Editor(this.options.current);
-        // Always call the most recent version of the callback function by default
-        editor.on('beforeCreate', (...args) => { var _a, _b; return (_b = (_a = this.options.current).onBeforeCreate) === null || _b === void 0 ? void 0 : _b.call(_a, ...args); });
-        editor.on('blur', (...args) => { var _a, _b; return (_b = (_a = this.options.current).onBlur) === null || _b === void 0 ? void 0 : _b.call(_a, ...args); });
-        editor.on('create', (...args) => { var _a, _b; return (_b = (_a = this.options.current).onCreate) === null || _b === void 0 ? void 0 : _b.call(_a, ...args); });
-        editor.on('destroy', (...args) => { var _a, _b; return (_b = (_a = this.options.current).onDestroy) === null || _b === void 0 ? void 0 : _b.call(_a, ...args); });
-        editor.on('focus', (...args) => { var _a, _b; return (_b = (_a = this.options.current).onFocus) === null || _b === void 0 ? void 0 : _b.call(_a, ...args); });
-        editor.on('selectionUpdate', (...args) => { var _a, _b; return (_b = (_a = this.options.current).onSelectionUpdate) === null || _b === void 0 ? void 0 : _b.call(_a, ...args); });
-        editor.on('transaction', (...args) => { var _a, _b; return (_b = (_a = this.options.current).onTransaction) === null || _b === void 0 ? void 0 : _b.call(_a, ...args); });
-        editor.on('update', (...args) => { var _a, _b; return (_b = (_a = this.options.current).onUpdate) === null || _b === void 0 ? void 0 : _b.call(_a, ...args); });
-        editor.on('contentError', (...args) => { var _a, _b; return (_b = (_a = this.options.current).onContentError) === null || _b === void 0 ? void 0 : _b.call(_a, ...args); });
+        const optionsToApply = {
+            ...this.options.current,
+            // Always call the most recent version of the callback function by default
+            onBeforeCreate: (...args) => { var _a, _b; return (_b = (_a = this.options.current).onBeforeCreate) === null || _b === void 0 ? void 0 : _b.call(_a, ...args); },
+            onBlur: (...args) => { var _a, _b; return (_b = (_a = this.options.current).onBlur) === null || _b === void 0 ? void 0 : _b.call(_a, ...args); },
+            onCreate: (...args) => { var _a, _b; return (_b = (_a = this.options.current).onCreate) === null || _b === void 0 ? void 0 : _b.call(_a, ...args); },
+            onDestroy: (...args) => { var _a, _b; return (_b = (_a = this.options.current).onDestroy) === null || _b === void 0 ? void 0 : _b.call(_a, ...args); },
+            onFocus: (...args) => { var _a, _b; return (_b = (_a = this.options.current).onFocus) === null || _b === void 0 ? void 0 : _b.call(_a, ...args); },
+            onSelectionUpdate: (...args) => { var _a, _b; return (_b = (_a = this.options.current).onSelectionUpdate) === null || _b === void 0 ? void 0 : _b.call(_a, ...args); },
+            onTransaction: (...args) => { var _a, _b; return (_b = (_a = this.options.current).onTransaction) === null || _b === void 0 ? void 0 : _b.call(_a, ...args); },
+            onUpdate: (...args) => { var _a, _b; return (_b = (_a = this.options.current).onUpdate) === null || _b === void 0 ? void 0 : _b.call(_a, ...args); },
+            onContentError: (...args) => { var _a, _b; return (_b = (_a = this.options.current).onContentError) === null || _b === void 0 ? void 0 : _b.call(_a, ...args); },
+        };
+        const editor = new Editor(optionsToApply);
         // no need to keep track of the event listeners, they will be removed when the editor is destroyed
         return editor;
     }
@@ -15195,10 +15246,10 @@ class EditorInstanceManager {
     scheduleDestroy() {
         const currentInstanceId = this.instanceId;
         const currentEditor = this.editor;
-        // Wait a tick to see if the component is still mounted
+        // Wait two ticks to see if the component is still mounted
         this.scheduledDestructionTimeout = setTimeout(() => {
             if (this.isComponentMounted && this.instanceId === currentInstanceId) {
-                // If still mounted on the next tick, with the same instanceId, do not destroy the editor
+                // If still mounted on the following tick, with the same instanceId, do not destroy the editor
                 if (currentEditor) {
                     // just re-apply options as they might have changed
                     currentEditor.setOptions(this.options.current);
@@ -15211,7 +15262,9 @@ class EditorInstanceManager {
                     this.setEditor(null);
                 }
             }
-        }, 0);
+            // This allows the effect to run again between ticks
+            // which may save us from having to re-create the editor
+        }, 1);
     }
 }
 function useEditor(options = {}, deps = []) {
@@ -15290,7 +15343,9 @@ const useReactNodeView = () => React.useContext(ReactNodeViewContext);
 const NodeViewContent = props => {
     const Tag = props.as || 'div';
     const { nodeViewContentRef } = useReactNodeView();
-    return (React__default["default"].createElement(Tag, { ...props, ref: nodeViewContentRef, "data-node-view-content": "", style: {
+    return (
+    // @ts-ignore
+    React__default["default"].createElement(Tag, { ...props, ref: nodeViewContentRef, "data-node-view-content": "", style: {
             whiteSpace: 'pre-wrap',
             ...props.style,
         } }));
@@ -15299,7 +15354,9 @@ const NodeViewContent = props => {
 const NodeViewWrapper = React__default["default"].forwardRef((props, ref) => {
     const { onDragStart } = useReactNodeView();
     const Tag = props.as || 'div';
-    return (React__default["default"].createElement(Tag, { ...props, ref: ref, "data-node-view-wrapper": "", onDragStart: onDragStart, style: {
+    return (
+    // @ts-ignore
+    React__default["default"].createElement(Tag, { ...props, ref: ref, "data-node-view-wrapper": "", onDragStart: onDragStart, style: {
             whiteSpace: 'normal',
             ...props.style,
         } }));
@@ -15353,19 +15410,29 @@ class ReactRenderer {
                 this.element.setAttribute(key, attrs[key]);
             });
         }
-        this.render();
+        if (this.editor.isInitialized) {
+            // On first render, we need to flush the render synchronously
+            // Renders afterwards can be async, but this fixes a cursor positioning issue
+            ReactDOM.flushSync(() => {
+                this.render();
+            });
+        }
+        else {
+            this.render();
+        }
     }
     render() {
-        var _a, _b;
+        var _a;
         const Component = this.component;
         const props = this.props;
+        const editor = this.editor;
         if (isClassComponent(Component) || isForwardRefComponent(Component)) {
             props.ref = (ref) => {
                 this.ref = ref;
             };
         }
-        this.reactElement = React__default["default"].createElement(Component, { ...props });
-        (_b = (_a = this.editor) === null || _a === void 0 ? void 0 : _a.contentComponent) === null || _b === void 0 ? void 0 : _b.setRenderer(this.id, this);
+        this.reactElement = React__default["default"].createElement(Component, props);
+        (_a = editor === null || editor === void 0 ? void 0 : editor.contentComponent) === null || _a === void 0 ? void 0 : _a.setRenderer(this.id, this);
     }
     updateProps(props = {}) {
         this.props = {
@@ -15375,8 +15442,9 @@ class ReactRenderer {
         this.render();
     }
     destroy() {
-        var _a, _b;
-        (_b = (_a = this.editor) === null || _a === void 0 ? void 0 : _a.contentComponent) === null || _b === void 0 ? void 0 : _b.removeRenderer(this.id);
+        var _a;
+        const editor = this.editor;
+        (_a = editor === null || editor === void 0 ? void 0 : editor.contentComponent) === null || _a === void 0 ? void 0 : _a.removeRenderer(this.id);
     }
 }
 
@@ -15398,18 +15466,19 @@ class ReactNodeView extends NodeView {
             };
             this.component.displayName = capitalizeFirstChar(this.extension.name);
         }
-        const ReactNodeViewProvider = componentProps => {
-            const Component = this.component;
-            const onDragStart = this.onDragStart.bind(this);
-            const nodeViewContentRef = element => {
-                if (element && this.contentDOMElement && element.firstChild !== this.contentDOMElement) {
-                    element.appendChild(this.contentDOMElement);
-                }
-            };
-            return (React__default["default"].createElement(React__default["default"].Fragment, null,
-                React__default["default"].createElement(ReactNodeViewContext.Provider, { value: { onDragStart, nodeViewContentRef } },
-                    React__default["default"].createElement(Component, { ...componentProps }))));
+        const onDragStart = this.onDragStart.bind(this);
+        const nodeViewContentRef = element => {
+            if (element && this.contentDOMElement && element.firstChild !== this.contentDOMElement) {
+                element.appendChild(this.contentDOMElement);
+            }
         };
+        const context = { onDragStart, nodeViewContentRef };
+        const Component = this.component;
+        // For performance reasons, we memoize the provider component
+        // And all of the things it requires are declared outside of the component, so it doesn't need to re-render
+        const ReactNodeViewProvider = React__default["default"].memo(componentProps => {
+            return (React__default["default"].createElement(ReactNodeViewContext.Provider, { value: context }, React__default["default"].createElement(Component, componentProps)));
+        });
         ReactNodeViewProvider.displayName = 'ReactNodeView';
         if (this.node.isLeaf) {
             this.contentDOMElement = null;
@@ -19446,4 +19515,4 @@ exports.useEditor = useEditor;
 exports.useEditorState = useEditorState$1;
 exports.validateUrl = validateUrl;
 exports.wrappingInputRule = wrappingInputRule;
-//# sourceMappingURL=chunk-4b866a12.cjs.js.map
+//# sourceMappingURL=chunk-62a3a743.cjs.js.map