@handlewithcare/react-prosemirror 3.1.0-tiptap.42 → 3.1.0-tiptap.44

package/dist/esm/components/TextNodeView.js

@@ -26,8 +26,10 @@ function shallowEqual(objA, objB) {
     return true;
 }
 export class TextNodeView extends Component {
+    viewDescRef = null;
+    renderRef = null;
     updateEffect() {
-        const { view , decorations , siblingsRef , parentRef , getPos , node  } = this.props;
+        const { view, decorations, siblingsRef, parentRef, getPos, node } = this.props;
         // There simply is no other way to ref a text node
         // eslint-disable-next-line react/no-find-dom-node
         const dom = findDOMNode(this);
@@ -36,13 +38,12 @@ export class TextNodeView extends Component {
         // Otherwise we just rely on re-rendering the renderRef
         if (!dom) {
             if (!view.composing) return;
-            var _text, _text1;
             this.viewDescRef = new CompositionViewDesc(parentRef.current, getPos, // These are just placeholders/dummies. We can't
             // actually find the correct DOM nodes from here,
             // so we let our parent do it.
             // Passing a valid element here just so that the
             // ViewDesc constructor doesn't blow up.
-            document.createElement("div"), document.createTextNode((_text = node.text) !== null && _text !== void 0 ? _text : ""), (_text1 = node.text) !== null && _text1 !== void 0 ? _text1 : "");
+            document.createElement("div"), document.createTextNode(node.text ?? ""), node.text ?? "");
             return;
         }
         let textNode = dom;
@@ -76,7 +77,7 @@ export class TextNodeView extends Component {
         this.updateEffect();
     }
     componentWillUnmount() {
-        const { siblingsRef  } = this.props;
+        const { siblingsRef } = this.props;
         if (!this.viewDescRef) return;
         if (siblingsRef.current.includes(this.viewDescRef)) {
             const index = siblingsRef.current.indexOf(this.viewDescRef);
@@ -84,7 +85,7 @@ export class TextNodeView extends Component {
         }
     }
     render() {
-        const { view , getPos , node , decorations  } = this.props;
+        const { view, getPos, node, decorations } = this.props;
         // During a composition, it's crucial that we don't try to
         // update the DOM that the user is working in. If there's
         // an active composition and the selection is in this node,
@@ -96,9 +97,4 @@ export class TextNodeView extends Component {
         this.renderRef = decorations.reduce(wrapInDeco, node.text);
         return this.renderRef;
     }
-    constructor(...args){
-        super(...args);
-        this.viewDescRef = null;
-        this.renderRef = null;
-    }
 }

package/dist/esm/components/TrailingHackView.js

@@ -3,8 +3,8 @@ import { ChildDescriptionsContext } from "../contexts/ChildDescriptionsContext.j
 import { useClientLayoutEffect } from "../hooks/useClientLayoutEffect.js";
 import { TrailingHackViewDesc, sortViewDescs } from "../viewdesc.js";
 export function TrailingHackView(param) {
-    let { getPos  } = param;
-    const { siblingsRef , parentRef  } = useContext(ChildDescriptionsContext);
+    let { getPos } = param;
+    const { siblingsRef, parentRef } = useContext(ChildDescriptionsContext);
     const viewDescRef = useRef(null);
     const ref = useRef(null);
     useClientLayoutEffect(()=>{

package/dist/esm/components/WidgetView.js

@@ -3,8 +3,8 @@ import { ChildDescriptionsContext } from "../contexts/ChildDescriptionsContext.j
 import { useClientLayoutEffect } from "../hooks/useClientLayoutEffect.js";
 import { WidgetViewDesc, sortViewDescs } from "../viewdesc.js";
 export function WidgetView(param) {
-    let { widget , getPos  } = param;
-    const { siblingsRef , parentRef  } = useContext(ChildDescriptionsContext);
+    let { widget, getPos } = param;
+    const { siblingsRef, parentRef } = useContext(ChildDescriptionsContext);
     const viewDescRef = useRef(null);
     const domRef = useRef(null);
     useClientLayoutEffect(()=>{
@@ -33,7 +33,7 @@ export function WidgetView(param) {
         }
         siblingsRef.current.sort(sortViewDescs);
     });
-    const { Component  } = widget.type;
+    const { Component } = widget.type;
     return Component && /*#__PURE__*/ React.createElement(Component, {
         ref: domRef,
         widget: widget,

package/dist/esm/components/marks/DefaultMarkView.js

@@ -1,35 +1,19 @@
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
 import React, { forwardRef, useMemo } from "react";
 import { OutputSpec } from "../OutputSpec.js";
 export const DefaultMarkView = /*#__PURE__*/ forwardRef(function DefaultMarkView(param, ref) {
-    let { markProps: { mark , inline , contentDOMRef  } , children , ...props } = param;
-    const spec = useMemo(()=>{
-        var _spec, ref;
-        return (ref = (_spec = mark.type.spec).toDOM) === null || ref === void 0 ? void 0 : ref.call(_spec, mark, inline);
-    }, [
+    let { markProps: { mark, inline, contentDOMRef }, children, ...props } = param;
+    const spec = useMemo(()=>mark.type.spec.toDOM?.(mark, inline), [
         mark,
         inline
     ]);
     if (!spec) {
-        throw new Error("Mark spec for ".concat(mark.type.name, " is missing toDOM"));
+        throw new Error(`Mark spec for ${mark.type.name} is missing toDOM`);
     }
-    return /*#__PURE__*/ React.createElement(OutputSpec, _extends({}, props, {
+    return /*#__PURE__*/ React.createElement(OutputSpec, {
+        ...props,
         outputSpec: spec,
         contentDOMRef: contentDOMRef,
         ref: ref,
         isMark: true
-    }), children);
+    }, children);
 });

package/dist/esm/components/marks/MarkView.js

@@ -1,26 +1,11 @@
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
 import React, { memo, useContext, useMemo } from "react";
 import { NodeViewContext } from "../../contexts/NodeViewContext.js";
 import { DefaultMarkView } from "./DefaultMarkView.js";
 import { MarkViewConstructorView } from "./MarkViewConstructorView.js";
 import { ReactMarkView } from "./ReactMarkView.js";
 export const MarkView = /*#__PURE__*/ memo(function MarkView(props) {
-    const { components , constructors  } = useContext(NodeViewContext);
-    var _name;
-    const component = (_name = components[props.mark.type.name]) !== null && _name !== void 0 ? _name : DefaultMarkView;
+    const { components, constructors } = useContext(NodeViewContext);
+    const component = components[props.mark.type.name] ?? DefaultMarkView;
     const constructor = constructors[props.mark.type.name];
     // Construct a wrapper component so that the mark view remounts when either
     // its component or constructor changes. A React mark view would remount
@@ -29,19 +14,21 @@ export const MarkView = /*#__PURE__*/ memo(function MarkView(props) {
     const Component = useMemo(()=>{
         if (constructor) {
             return function MarkView(props) {
-                return /*#__PURE__*/ React.createElement(MarkViewConstructorView, _extends({
-                    constructor: constructor
-                }, props));
+                return /*#__PURE__*/ React.createElement(MarkViewConstructorView, {
+                    constructor: constructor,
+                    ...props
+                });
             };
         }
         return function NodeView(props) {
-            return /*#__PURE__*/ React.createElement(ReactMarkView, _extends({
-                component: component
-            }, props));
+            return /*#__PURE__*/ React.createElement(ReactMarkView, {
+                component: component,
+                ...props
+            });
         };
     }, [
         component,
         constructor
     ]);
-    return /*#__PURE__*/ React.createElement(Component, _extends({}, props));
+    return /*#__PURE__*/ React.createElement(Component, props);
 });

package/dist/esm/components/marks/MarkViewConstructorView.js

@@ -1,17 +1,3 @@
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
 import { DOMSerializer } from "prosemirror-model";
 import React, { memo, useMemo, useRef } from "react";
 import { createPortal } from "react-dom";
@@ -19,7 +5,7 @@ import { ChildDescriptionsContext } from "../../contexts/ChildDescriptionsContex
 import { useForceUpdate } from "../../hooks/useForceUpdate.js";
 import { useMarkViewDescription } from "../../hooks/useMarkViewDescription.js";
 export const MarkViewConstructorView = /*#__PURE__*/ memo(function MarkViewConstructorView(param) {
-    let { constructor , mark , inline , getPos , children  } = param;
+    let { constructor, mark, inline, getPos, children } = param;
     const ref = useRef(null);
     const innerRef = useRef(null);
     const forceUpdate = useForceUpdate();
@@ -41,26 +27,21 @@ export const MarkViewConstructorView = /*#__PURE__*/ memo(function MarkViewConst
         }
         const markView = constructor(...args);
         if (!markView || !markView.dom) {
-            var _spec, ref;
-            const spec = (ref = (_spec = mark.type.spec).toDOM) === null || ref === void 0 ? void 0 : ref.call(_spec, mark, inline);
+            const spec = mark.type.spec.toDOM?.(mark, inline);
             if (!spec) {
-                throw new Error("Mark spec for ".concat(mark.type.name, " is missing toDOM"));
+                throw new Error(`Mark spec for ${mark.type.name} is missing toDOM`);
             }
             return DOMSerializer.renderSpec(document, spec, null);
         }
         return markView;
     };
-    var ref1;
-    const { childContextValue , contentDOM  } = useMarkViewDescription(()=>ref.current, (markView)=>{
-        return (ref1 = markView === null || markView === void 0 ? void 0 : markView.contentDOM) !== null && ref1 !== void 0 ? ref1 : null;
-    }, function() {
+    const { childContextValue, contentDOM } = useMarkViewDescription(()=>ref.current, (markView)=>markView?.contentDOM ?? null, function() {
         for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
             args[_key] = arguments[_key];
         }
         const markView = createMarkView(...args);
         const dom = markView.dom;
-        var _current;
-        const wrapperDOM = (_current = innerRef.current) !== null && _current !== void 0 ? _current : ref.current;
+        const wrapperDOM = innerRef.current ?? ref.current;
         wrapperDOM.appendChild(dom);
         // Force a re-render so that we properly create
         // a portal into the contentDOM/dom
@@ -68,8 +49,7 @@ export const MarkViewConstructorView = /*#__PURE__*/ memo(function MarkViewConst
         return {
             ...markView,
             destroy () {
-                var ref;
-                (ref = markView.destroy) === null || ref === void 0 ? void 0 : ref.call(markView);
+                markView.destroy?.();
                 wrapperDOM.removeChild(dom);
             },
             ignoreMutation: markView.ignoreMutation
@@ -79,7 +59,7 @@ export const MarkViewConstructorView = /*#__PURE__*/ memo(function MarkViewConst
     const props = {
         ref: innerRef
     };
-    return /*#__PURE__*/ React.createElement(Component, _extends({}, props), contentDOM ? /*#__PURE__*/ createPortal(/*#__PURE__*/ React.createElement(ChildDescriptionsContext.Provider, {
+    return /*#__PURE__*/ React.createElement(Component, props, contentDOM ? /*#__PURE__*/ createPortal(/*#__PURE__*/ React.createElement(ChildDescriptionsContext.Provider, {
         value: childContextValue
     }, children), contentDOM) : null);
 });

package/dist/esm/components/marks/ReactMarkView.js

@@ -1,23 +1,9 @@
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
 import React, { memo, useCallback, useMemo, useRef } from "react";
 import { ChildDescriptionsContext } from "../../contexts/ChildDescriptionsContext.js";
 import { IgnoreMutationContext } from "../../contexts/IgnoreMutationContext.js";
 import { useMarkViewDescription } from "../../hooks/useMarkViewDescription.js";
 export const ReactMarkView = /*#__PURE__*/ memo(function ReactMarkView(param) {
-    let { component: Component , mark , inline , getPos , children  } = param;
+    let { component: Component, mark, inline, getPos, children } = param;
     const ref = useRef(null);
     const contentDOMRef = useRef(null);
     const ignoreMutationRef = useRef(null);
@@ -39,8 +25,7 @@ export const ReactMarkView = /*#__PURE__*/ memo(function ReactMarkView(param) {
         inline,
         mark
     ]);
-    var _current;
-    const { childContextValue , refUpdated  } = useMarkViewDescription(()=>ref.current, ()=>(_current = contentDOMRef.current) !== null && _current !== void 0 ? _current : ref.current, ()=>({
+    const { childContextValue, refUpdated } = useMarkViewDescription(()=>ref.current, ()=>contentDOMRef.current ?? ref.current, ()=>({
             dom: ref.current,
             ignoreMutation (mutation) {
                 const ignoreMutation = ignoreMutationRef.current;
@@ -77,5 +62,5 @@ export const ReactMarkView = /*#__PURE__*/ memo(function ReactMarkView(param) {
         value: setIgnoreMutation
     }, /*#__PURE__*/ React.createElement(ChildDescriptionsContext.Provider, {
         value: childContextValue
-    }, /*#__PURE__*/ React.createElement(Component, _extends({}, props), children)));
+    }, /*#__PURE__*/ React.createElement(Component, props, children)));
 });

package/dist/esm/components/nodes/DefaultNodeView.js

@@ -1,33 +1,17 @@
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
 import React, { forwardRef, useMemo } from "react";
 import { OutputSpec } from "../OutputSpec.js";
 export const DefaultNodeView = /*#__PURE__*/ forwardRef(function DefaultNodeView(param, ref) {
-    let { nodeProps: { node , contentDOMRef  } , children , ...props } = param;
-    const spec = useMemo(()=>{
-        var _spec, ref;
-        return (ref = (_spec = node.type.spec).toDOM) === null || ref === void 0 ? void 0 : ref.call(_spec, node);
-    }, [
+    let { nodeProps: { node, contentDOMRef }, children, ...props } = param;
+    const spec = useMemo(()=>node.type.spec.toDOM?.(node), [
         node
     ]);
     if (!spec) {
-        throw new Error("Node spec for ".concat(node.type.name, " is missing toDOM"));
+        throw new Error(`Node spec for ${node.type.name} is missing toDOM`);
     }
-    return /*#__PURE__*/ React.createElement(OutputSpec, _extends({}, props, {
+    return /*#__PURE__*/ React.createElement(OutputSpec, {
+        ...props,
         outputSpec: spec,
         ref: ref,
         contentDOMRef: contentDOMRef
-    }), children);
+    }, children);
 });

package/dist/esm/components/nodes/DocNodeView.js

@@ -3,7 +3,7 @@ import { ChildDescriptionsContext } from "../../contexts/ChildDescriptionsContex
 import { useNodeViewDescription } from "../../hooks/useNodeViewDescription.js";
 import { ChildNodeViews, wrapInDeco } from "../ChildNodeViews.js";
 export const DocNodeView = /*#__PURE__*/ memo(/*#__PURE__*/ forwardRef(function DocNodeView(param, ref) {
-    let { as , node , getPos , decorations , innerDecorations , setMount , ...elementProps } = param;
+    let { as, node, getPos, decorations, innerDecorations, setMount, ...elementProps } = param;
     const innerRef = useRef(null);
     useImperativeHandle(ref, ()=>innerRef.current);
     useImperativeHandle(setMount, ()=>innerRef.current);
@@ -19,7 +19,7 @@ export const DocNodeView = /*#__PURE__*/ memo(/*#__PURE__*/ forwardRef(function
         decorations,
         innerDecorations
     ]);
-    const { childContextValue  } = useNodeViewDescription(()=>innerRef.current, ()=>innerRef.current, ()=>{
+    const { childContextValue } = useNodeViewDescription(()=>innerRef.current, ()=>innerRef.current, ()=>{
         const dom = innerRef.current;
         return {
             dom,

package/dist/esm/components/nodes/NodeView.js

@@ -1,26 +1,11 @@
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
 import React, { createContext, memo, useContext, useMemo } from "react";
 import { NodeViewContext } from "../../contexts/NodeViewContext.js";
 import { DefaultNodeView } from "./DefaultNodeView.js";
 import { NodeViewConstructorView } from "./NodeViewConstructorView.js";
 import { ReactNodeView } from "./ReactNodeView.js";
 export const NodeView = /*#__PURE__*/ memo(function NodeView(props) {
-    const { components , constructors  } = useContext(NodeViewContext);
-    var _name;
-    const component = (_name = components[props.node.type.name]) !== null && _name !== void 0 ? _name : DefaultNodeView;
+    const { components, constructors } = useContext(NodeViewContext);
+    const component = components[props.node.type.name] ?? DefaultNodeView;
     const constructor = constructors[props.node.type.name];
     // Construct a wrapper component so that the node view remounts when either
     // its component or constructor changes. A React node view would remount if
@@ -29,15 +14,17 @@ export const NodeView = /*#__PURE__*/ memo(function NodeView(props) {
     const Component = useMemo(()=>{
         if (constructor) {
             return function NodeView(props) {
-                return /*#__PURE__*/ React.createElement(NodeViewConstructorView, _extends({
-                    constructor: constructor
-                }, props));
+                return /*#__PURE__*/ React.createElement(NodeViewConstructorView, {
+                    constructor: constructor,
+                    ...props
+                });
             };
         } else {
             return function NodeView(props) {
-                return /*#__PURE__*/ React.createElement(ReactNodeView, _extends({
-                    component: component
-                }, props));
+                return /*#__PURE__*/ React.createElement(ReactNodeView, {
+                    component: component,
+                    ...props
+                });
             };
         }
     }, [
@@ -46,6 +33,6 @@ export const NodeView = /*#__PURE__*/ memo(function NodeView(props) {
     ]);
     return /*#__PURE__*/ React.createElement(GetPosContext.Provider, {
         value: props.getPos
-    }, /*#__PURE__*/ React.createElement(Component, _extends({}, props)));
+    }, /*#__PURE__*/ React.createElement(Component, props));
 });
 export const GetPosContext = /*#__PURE__*/ createContext(null);

package/dist/esm/components/nodes/NodeViewConstructorView.js

@@ -1,17 +1,3 @@
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
 import { DOMSerializer } from "prosemirror-model";
 import React, { cloneElement, memo, useMemo, useRef } from "react";
 import { createPortal } from "react-dom";
@@ -20,7 +6,7 @@ import { useForceUpdate } from "../../hooks/useForceUpdate.js";
 import { useNodeViewDescription } from "../../hooks/useNodeViewDescription.js";
 import { ChildNodeViews, wrapInDeco } from "../ChildNodeViews.js";
 export const NodeViewConstructorView = /*#__PURE__*/ memo(function NodeViewConstructorView(param) {
-    let { constructor , node , getPos , innerDeco , outerDeco  } = param;
+    let { constructor, node, getPos, innerDeco, outerDeco } = param;
     const ref = useRef(null);
     const innerRef = useRef(null);
     const forceUpdate = useForceUpdate();
@@ -44,28 +30,22 @@ export const NodeViewConstructorView = /*#__PURE__*/ memo(function NodeViewConst
         }
         const nodeView = constructor(...args);
         if (!nodeView || !nodeView.dom) {
-            var _spec, ref;
-            const spec = (ref = (_spec = node.type.spec).toDOM) === null || ref === void 0 ? void 0 : ref.call(_spec, node);
+            const spec = node.type.spec.toDOM?.(node);
             if (!spec) {
-                throw new Error("Node spec for ".concat(node.type.name, " is missing toDOM"));
+                throw new Error(`Node spec for ${node.type.name} is missing toDOM`);
             }
             return DOMSerializer.renderSpec(document, spec, null);
         }
         return nodeView;
     };
-    var ref1;
-    const { childContextValue , contentDOM  } = useNodeViewDescription(()=>ref.current, (source)=>{
-        return (ref1 = source === null || source === void 0 ? void 0 : source.contentDOM) !== null && ref1 !== void 0 ? ref1 : null;
-    }, function() {
+    const { childContextValue, contentDOM } = useNodeViewDescription(()=>ref.current, (source)=>source?.contentDOM ?? null, function() {
         for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
             args[_key] = arguments[_key];
         }
-        var ref1, ref2, ref3, ref4, ref5;
         const nodeView = createNodeView(...args);
         const contentDOM = nodeView.contentDOM;
         const nodeDOM = nodeView.dom;
-        var _current;
-        const wrapperDOM = (_current = innerRef.current) !== null && _current !== void 0 ? _current : ref.current;
+        const wrapperDOM = innerRef.current ?? ref.current;
         wrapperDOM.appendChild(nodeDOM);
         if (!contentDOM && nodeDOM instanceof HTMLElement && nodeDOM.tagName !== "BR") {
             if (!nodeDOM.hasAttribute("contenteditable")) {
@@ -90,11 +70,11 @@ export const NodeViewConstructorView = /*#__PURE__*/ memo(function NodeViewConst
             dom: nodeView.dom,
             contentDOM: nodeView.contentDOM,
             multiType: nodeView.multiType,
-            update: (ref1 = nodeView.update) === null || ref1 === void 0 ? void 0 : ref1.bind(nodeView),
-            selectNode: (ref2 = nodeView.selectNode) === null || ref2 === void 0 ? void 0 : ref2.bind(nodeView),
-            deselectNode: (ref3 = nodeView.deselectNode) === null || ref3 === void 0 ? void 0 : ref3.bind(nodeView),
-            stopEvent: (ref4 = nodeView.stopEvent) === null || ref4 === void 0 ? void 0 : ref4.bind(nodeView),
-            ignoreMutation: (ref5 = nodeView.ignoreMutation) === null || ref5 === void 0 ? void 0 : ref5.bind(nodeView)
+            update: nodeView.update?.bind(nodeView),
+            selectNode: nodeView.selectNode?.bind(nodeView),
+            deselectNode: nodeView.deselectNode?.bind(nodeView),
+            stopEvent: nodeView.stopEvent?.bind(nodeView),
+            ignoreMutation: nodeView.ignoreMutation?.bind(nodeView)
         };
     }, nodeProps);
     const Component = node.isInline ? "span" : "div";
@@ -108,7 +88,7 @@ export const NodeViewConstructorView = /*#__PURE__*/ memo(function NodeViewConst
         node: node,
         innerDecorations: innerDeco
     })), contentDOM) : null;
-    return /*#__PURE__*/ cloneElement(outerDeco.reduce(wrapInDeco, /*#__PURE__*/ React.createElement(Component, _extends({}, props), children)), {
+    return /*#__PURE__*/ cloneElement(outerDeco.reduce(wrapInDeco, /*#__PURE__*/ React.createElement(Component, props, children)), {
         ref
     });
 });

package/dist/esm/components/nodes/ReactNodeView.js

@@ -1,17 +1,3 @@
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
 import React, { cloneElement, memo, useCallback, useMemo, useRef, useState } from "react";
 import { ChildDescriptionsContext } from "../../contexts/ChildDescriptionsContext.js";
 import { IgnoreMutationContext } from "../../contexts/IgnoreMutationContext.js";
@@ -21,8 +7,7 @@ import { useForceUpdate } from "../../hooks/useForceUpdate.js";
 import { useNodeViewDescription } from "../../hooks/useNodeViewDescription.js";
 import { ChildNodeViews, wrapInDeco } from "../ChildNodeViews.js";
 export const ReactNodeView = /*#__PURE__*/ memo(function ReactNodeView(param) {
-    let { component: Component , outerDeco , getPos , node , innerDeco  } = param;
-    var ref, ref1;
+    let { component: Component, outerDeco, getPos, node, innerDeco } = param;
     const [hasCustomSelectNode, setHasCustomSelectNode] = useState(false);
     const [selected, setSelected] = useState(false);
     const forceUpdate = useForceUpdate();
@@ -69,11 +54,10 @@ export const ReactNodeView = /*#__PURE__*/ memo(function ReactNodeView(param) {
         node,
         outerDeco
     ]);
-    const { childContextValue , refUpdated  } = useNodeViewDescription(()=>domRef.current, ()=>contentDOMRef.current, ()=>{
+    const { childContextValue, refUpdated } = useNodeViewDescription(()=>domRef.current, ()=>contentDOMRef.current, ()=>{
         setSelected(false);
-        var _current;
         return {
-            dom: (_current = nodeDOMRef.current) !== null && _current !== void 0 ? _current : domRef.current,
+            dom: nodeDOMRef.current ?? domRef.current,
             update () {
                 return true;
             },
@@ -149,14 +133,14 @@ export const ReactNodeView = /*#__PURE__*/ memo(function ReactNodeView(param) {
     ]);
     const props = {
         nodeProps,
-        ...!contentDOMRef.current && !nodeProps.node.isText && ((ref = nodeDOMRef.current) === null || ref === void 0 ? void 0 : ref.nodeName) !== "BR" ? {
+        ...!contentDOMRef.current && !nodeProps.node.isText && nodeDOMRef.current?.nodeName !== "BR" ? {
             contentEditable: false,
             suppressContentEditableWarning: true
         } : null,
         ...!hasCustomSelectNode && selected ? {
             className: "ProseMirror-selectednode"
         } : null,
-        ...!hasCustomSelectNode && selected || !contentDOMRef.current && !nodeProps.node.isText && ((ref1 = domRef.current) === null || ref1 === void 0 ? void 0 : ref1.nodeName) !== "BR" && node.type.spec.draggable ? {
+        ...!hasCustomSelectNode && selected || !contentDOMRef.current && !nodeProps.node.isText && domRef.current?.nodeName !== "BR" && node.type.spec.draggable ? {
             draggable: true
         } : null,
         ref: setNodeDOM
@@ -166,7 +150,7 @@ export const ReactNodeView = /*#__PURE__*/ memo(function ReactNodeView(param) {
         node: node,
         innerDecorations: innerDeco
     }) : null;
-    const element = /*#__PURE__*/ cloneElement(outerDeco.reduce(wrapInDeco, /*#__PURE__*/ React.createElement(Component, _extends({}, props), children)), {
+    const element = /*#__PURE__*/ cloneElement(outerDeco.reduce(wrapInDeco, /*#__PURE__*/ React.createElement(Component, props, children)), {
         ref: setDOM
     });
     return /*#__PURE__*/ React.createElement(SelectNodeContext.Provider, {

package/dist/esm/decorations/ReactWidgetType.js

@@ -2,15 +2,23 @@ import { Decoration } from "prosemirror-view";
 function compareObjs(a, b) {
     if (a == b) return true;
     for(const p in a)if (a[p] !== b[p]) return false;
-    for(const p1 in b)if (!(p1 in a)) return false;
+    for(const p in b)if (!(p in a)) return false;
     return true;
 }
 const noSpec = {
     side: 0
 };
 export class ReactWidgetType {
+    Component;
+    side;
+    spec;
+    constructor(Component, spec){
+        this.Component = Component;
+        this.spec = spec ?? noSpec;
+        this.side = this.spec.side ?? 0;
+    }
     map(mapping, span, offset, oldOffset) {
-        const { pos , deleted  } = mapping.mapResult(span.from + oldOffset, this.side < 0 ? -1 : 1);
+        const { pos, deleted } = mapping.mapResult(span.from + oldOffset, this.side < 0 ? -1 : 1);
         // @ts-expect-error The Decoration constructor is private/internal, but
         // we need to use it for our custom widget implementation here.
         return deleted ? null : new Decoration(pos - offset, pos - offset, this);
@@ -24,12 +32,6 @@ export class ReactWidgetType {
     destroy() {
     // Can be implemented with React effect hooks
     }
-    constructor(Component, spec){
-        this.Component = Component;
-        this.spec = spec !== null && spec !== void 0 ? spec : noSpec;
-        var _side;
-        this.side = (_side = this.spec.side) !== null && _side !== void 0 ? _side : 0;
-    }
 }
 export function widget(pos, component, spec) {
     // @ts-expect-error The Decoration constructor is private/internal, but