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

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,19 +1,35 @@
+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(()=>mark.type.spec.toDOM?.(mark, inline), [
+    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);
+    }, [
         mark,
         inline
     ]);
     if (!spec) {
-        throw new Error(`Mark spec for ${mark.type.name} is missing toDOM`);
+        throw new Error("Mark spec for ".concat(mark.type.name, " is missing toDOM"));
     }
-    return /*#__PURE__*/ React.createElement(OutputSpec, {
-        ...props,
+    return /*#__PURE__*/ React.createElement(OutputSpec, _extends({}, props, {
         outputSpec: spec,
         contentDOMRef: contentDOMRef,
         ref: ref,
         isMark: true
-    }, children);
+    }), children);
 });

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

@@ -1,11 +1,26 @@
+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);
-    const component = components[props.mark.type.name] ?? DefaultMarkView;
+    const { components , constructors  } = useContext(NodeViewContext);
+    var _name;
+    const component = (_name = components[props.mark.type.name]) !== null && _name !== void 0 ? _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
@@ -14,21 +29,19 @@ export const MarkView = /*#__PURE__*/ memo(function MarkView(props) {
     const Component = useMemo(()=>{
         if (constructor) {
             return function MarkView(props) {
-                return /*#__PURE__*/ React.createElement(MarkViewConstructorView, {
-                    constructor: constructor,
-                    ...props
-                });
+                return /*#__PURE__*/ React.createElement(MarkViewConstructorView, _extends({
+                    constructor: constructor
+                }, props));
             };
         }
         return function NodeView(props) {
-            return /*#__PURE__*/ React.createElement(ReactMarkView, {
-                component: component,
-                ...props
-            });
+            return /*#__PURE__*/ React.createElement(ReactMarkView, _extends({
+                component: component
+            }, props));
         };
     }, [
         component,
         constructor
     ]);
-    return /*#__PURE__*/ React.createElement(Component, props);
+    return /*#__PURE__*/ React.createElement(Component, _extends({}, props));
 });

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

@@ -1,3 +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 { DOMSerializer } from "prosemirror-model";
 import React, { memo, useMemo, useRef } from "react";
 import { createPortal } from "react-dom";
@@ -5,7 +19,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();
@@ -27,21 +41,26 @@ export const MarkViewConstructorView = /*#__PURE__*/ memo(function MarkViewConst
         }
         const markView = constructor(...args);
         if (!markView || !markView.dom) {
-            const spec = mark.type.spec.toDOM?.(mark, inline);
+            var _spec, ref;
+            const spec = (ref = (_spec = mark.type.spec).toDOM) === null || ref === void 0 ? void 0 : ref.call(_spec, mark, inline);
             if (!spec) {
-                throw new Error(`Mark spec for ${mark.type.name} is missing toDOM`);
+                throw new Error("Mark spec for ".concat(mark.type.name, " is missing toDOM"));
             }
             return DOMSerializer.renderSpec(document, spec, null);
         }
         return markView;
     };
-    const { childContextValue, contentDOM } = useMarkViewDescription(()=>ref.current, (markView)=>markView?.contentDOM ?? null, function() {
+    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() {
         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;
-        const wrapperDOM = innerRef.current ?? ref.current;
+        var _current;
+        const wrapperDOM = (_current = innerRef.current) !== null && _current !== void 0 ? _current : ref.current;
         wrapperDOM.appendChild(dom);
         // Force a re-render so that we properly create
         // a portal into the contentDOM/dom
@@ -49,7 +68,8 @@ export const MarkViewConstructorView = /*#__PURE__*/ memo(function MarkViewConst
         return {
             ...markView,
             destroy () {
-                markView.destroy?.();
+                var ref;
+                (ref = markView.destroy) === null || ref === void 0 ? void 0 : ref.call(markView);
                 wrapperDOM.removeChild(dom);
             },
             ignoreMutation: markView.ignoreMutation
@@ -59,7 +79,7 @@ export const MarkViewConstructorView = /*#__PURE__*/ memo(function MarkViewConst
     const props = {
         ref: innerRef
     };
-    return /*#__PURE__*/ React.createElement(Component, props, contentDOM ? /*#__PURE__*/ createPortal(/*#__PURE__*/ React.createElement(ChildDescriptionsContext.Provider, {
+    return /*#__PURE__*/ React.createElement(Component, _extends({}, props), contentDOM ? /*#__PURE__*/ createPortal(/*#__PURE__*/ React.createElement(ChildDescriptionsContext.Provider, {
         value: childContextValue
     }, children), contentDOM) : null);
 });

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

@@ -1,9 +1,23 @@
+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);
@@ -25,7 +39,8 @@ export const ReactMarkView = /*#__PURE__*/ memo(function ReactMarkView(param) {
         inline,
         mark
     ]);
-    const { childContextValue, refUpdated } = useMarkViewDescription(()=>ref.current, ()=>contentDOMRef.current ?? ref.current, ()=>({
+    var _current;
+    const { childContextValue , refUpdated  } = useMarkViewDescription(()=>ref.current, ()=>(_current = contentDOMRef.current) !== null && _current !== void 0 ? _current : ref.current, ()=>({
             dom: ref.current,
             ignoreMutation (mutation) {
                 const ignoreMutation = ignoreMutationRef.current;
@@ -62,5 +77,5 @@ export const ReactMarkView = /*#__PURE__*/ memo(function ReactMarkView(param) {
         value: setIgnoreMutation
     }, /*#__PURE__*/ React.createElement(ChildDescriptionsContext.Provider, {
         value: childContextValue
-    }, /*#__PURE__*/ React.createElement(Component, props, children)));
+    }, /*#__PURE__*/ React.createElement(Component, _extends({}, props), children)));
 });

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

@@ -1,17 +1,33 @@
+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(()=>node.type.spec.toDOM?.(node), [
+    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);
+    }, [
         node
     ]);
     if (!spec) {
-        throw new Error(`Node spec for ${node.type.name} is missing toDOM`);
+        throw new Error("Node spec for ".concat(node.type.name, " is missing toDOM"));
     }
-    return /*#__PURE__*/ React.createElement(OutputSpec, {
-        ...props,
+    return /*#__PURE__*/ React.createElement(OutputSpec, _extends({}, 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,11 +1,26 @@
+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);
-    const component = components[props.node.type.name] ?? DefaultNodeView;
+    const { components , constructors  } = useContext(NodeViewContext);
+    var _name;
+    const component = (_name = components[props.node.type.name]) !== null && _name !== void 0 ? _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
@@ -14,17 +29,15 @@ export const NodeView = /*#__PURE__*/ memo(function NodeView(props) {
     const Component = useMemo(()=>{
         if (constructor) {
             return function NodeView(props) {
-                return /*#__PURE__*/ React.createElement(NodeViewConstructorView, {
-                    constructor: constructor,
-                    ...props
-                });
+                return /*#__PURE__*/ React.createElement(NodeViewConstructorView, _extends({
+                    constructor: constructor
+                }, props));
             };
         } else {
             return function NodeView(props) {
-                return /*#__PURE__*/ React.createElement(ReactNodeView, {
-                    component: component,
-                    ...props
-                });
+                return /*#__PURE__*/ React.createElement(ReactNodeView, _extends({
+                    component: component
+                }, props));
             };
         }
     }, [
@@ -33,6 +46,6 @@ export const NodeView = /*#__PURE__*/ memo(function NodeView(props) {
     ]);
     return /*#__PURE__*/ React.createElement(GetPosContext.Provider, {
         value: props.getPos
-    }, /*#__PURE__*/ React.createElement(Component, props));
+    }, /*#__PURE__*/ React.createElement(Component, _extends({}, props)));
 });
 export const GetPosContext = /*#__PURE__*/ createContext(null);

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

@@ -1,3 +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 { DOMSerializer } from "prosemirror-model";
 import React, { cloneElement, memo, useMemo, useRef } from "react";
 import { createPortal } from "react-dom";
@@ -6,7 +20,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();
@@ -30,22 +44,28 @@ export const NodeViewConstructorView = /*#__PURE__*/ memo(function NodeViewConst
         }
         const nodeView = constructor(...args);
         if (!nodeView || !nodeView.dom) {
-            const spec = node.type.spec.toDOM?.(node);
+            var _spec, ref;
+            const spec = (ref = (_spec = node.type.spec).toDOM) === null || ref === void 0 ? void 0 : ref.call(_spec, node);
             if (!spec) {
-                throw new Error(`Node spec for ${node.type.name} is missing toDOM`);
+                throw new Error("Node spec for ".concat(node.type.name, " is missing toDOM"));
             }
             return DOMSerializer.renderSpec(document, spec, null);
         }
         return nodeView;
     };
-    const { childContextValue, contentDOM } = useNodeViewDescription(()=>ref.current, (source)=>source?.contentDOM ?? null, function() {
+    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() {
         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;
-        const wrapperDOM = innerRef.current ?? ref.current;
+        var _current;
+        const wrapperDOM = (_current = innerRef.current) !== null && _current !== void 0 ? _current : ref.current;
         wrapperDOM.appendChild(nodeDOM);
         if (!contentDOM && nodeDOM instanceof HTMLElement && nodeDOM.tagName !== "BR") {
             if (!nodeDOM.hasAttribute("contenteditable")) {
@@ -70,11 +90,11 @@ export const NodeViewConstructorView = /*#__PURE__*/ memo(function NodeViewConst
             dom: nodeView.dom,
             contentDOM: nodeView.contentDOM,
             multiType: nodeView.multiType,
-            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)
+            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)
         };
     }, nodeProps);
     const Component = node.isInline ? "span" : "div";
@@ -88,7 +108,7 @@ export const NodeViewConstructorView = /*#__PURE__*/ memo(function NodeViewConst
         node: node,
         innerDecorations: innerDeco
     })), contentDOM) : null;
-    return /*#__PURE__*/ cloneElement(outerDeco.reduce(wrapInDeco, /*#__PURE__*/ React.createElement(Component, props, children)), {
+    return /*#__PURE__*/ cloneElement(outerDeco.reduce(wrapInDeco, /*#__PURE__*/ React.createElement(Component, _extends({}, props), children)), {
         ref
     });
 });

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

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

package/dist/esm/decorations/ReactWidgetType.js

@@ -2,23 +2,15 @@ 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 p in b)if (!(p in a)) return false;
+    for(const p1 in b)if (!(p1 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);
@@ -32,6 +24,12 @@ 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

package/dist/esm/decorations/iterDeco.js

@@ -43,41 +43,41 @@ onWidget, onNode) {
             if (widget) {
                 if (widgets) {
                     widgets.sort(compareSide);
-                    for(let i = 0; i < widgets.length; i++)onWidget(widgets[i], // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                    !(widgets[i].type instanceof ReactWidgetType), offset, parentIndex + i, !!restNode);
+                    for(let i1 = 0; i1 < widgets.length; i1++)onWidget(widgets[i1], // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    !(widgets[i1].type instanceof ReactWidgetType), offset, parentIndex + i1, !!restNode);
                 } else {
                     onWidget(widget, // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     !(widget.type instanceof ReactWidgetType), offset, parentIndex, !!restNode);
                 }
             }
         }
-        let child, index;
+        let child1, index;
         if (restNode) {
             index = -1;
-            child = restNode;
+            child1 = restNode;
             restNode = null;
         } else if (parentIndex < parent.childCount) {
             index = parentIndex;
-            child = parent.child(parentIndex++);
+            child1 = parent.child(parentIndex++);
         } else {
             break;
         }
-        for(let i = 0; i < active.length; i++)if (active[i].to <= offset) active.splice(i--, 1);
+        for(let i2 = 0; i2 < active.length; i2++)if (active[i2].to <= offset) active.splice(i2--, 1);
         while(decoIndex < locals.length && locals[decoIndex].from <= offset && locals[decoIndex].to > offset)active.push(locals[decoIndex++]);
-        let end = offset + child.nodeSize;
-        if (child.isText) {
+        let end = offset + child1.nodeSize;
+        if (child1.isText) {
             let cutAt = end;
             if (decoIndex < locals.length && locals[decoIndex].from < cutAt) cutAt = locals[decoIndex].from;
-            for(let i = 0; i < active.length; i++)if (active[i].to < cutAt) cutAt = active[i].to;
+            for(let i3 = 0; i3 < active.length; i3++)if (active[i3].to < cutAt) cutAt = active[i3].to;
             if (cutAt < end) {
-                restNode = child.cut(cutAt - offset);
-                child = child.cut(0, cutAt - offset);
+                restNode = child1.cut(cutAt - offset);
+                child1 = child1.cut(0, cutAt - offset);
                 end = cutAt;
                 index = -1;
             }
         }
-        const outerDeco = child.isInline && !child.isLeaf ? active.filter((d)=>!d.inline) : active.slice();
-        onNode(child, outerDeco, deco.forChild(offset, child), offset, index);
+        const outerDeco = child1.isInline && !child1.isLeaf ? active.filter((d)=>!d.inline) : active.slice();
+        onNode(child1, outerDeco, deco.forChild(offset, child1), offset, index);
         offset = end;
     }
 }

package/dist/esm/decorations/viewDecorations.js

@@ -6,10 +6,6 @@ const empty = DecorationSet.empty;
 // treat multiple DecorationSet objects as if it were a single object
 // with (a subset of) the same interface.
 let DecorationGroup = class DecorationGroup {
-    members;
-    constructor(members){
-        this.members = members;
-    }
     map(mapping, doc) {
         const mappedDecos = this.members.map((member)=>member.map(mapping, doc, noSpec));
         return DecorationGroup.from(mappedDecos);
@@ -65,6 +61,9 @@ let DecorationGroup = class DecorationGroup {
         for(let i = 0; i < this.members.length; i++)// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         this.members[i].forEachSet(f);
     }
+    constructor(members){
+        this.members = members;
+    }
 };
 // Used to sort decorations so that ones with a low start position
 // come first, and within a set with the same start position, those
@@ -152,9 +151,9 @@ const ViewDecorationsCache = new WeakMap();
         areSetsEqual = false;
     }
     if (!areSetsEqual) {
-        const result = DecorationGroup.from(found);
-        ViewDecorationsCache.set(view, result);
-        return result;
+        const result1 = DecorationGroup.from(found);
+        ViewDecorationsCache.set(view, result1);
+        return result1;
     }
     return previous;
 }

package/dist/esm/dom.js

@@ -36,7 +36,8 @@ function scanFor(node, off, targetNode, targetOff, dir) {
         } else if (node.nodeType == 1) {
             const child = node.childNodes[off + (dir < 0 ? -1 : 0)];
             if (child.nodeType == 1 && child.contentEditable == "false") {
-                if (child.pmViewDesc?.ignoreForSelection) off += dir;
+                var ref;
+                if ((ref = child.pmViewDesc) === null || ref === void 0 ? void 0 : ref.ignoreForSelection) off += dir;
                 else return false;
             } else {
                 node = child;