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

package/dist/cjs/components/TextNodeView.js

@@ -4,15 +4,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "TextNodeView", {
     enumerable: true,
-    get: function() {
-        return TextNodeView;
-    }
+    get: ()=>TextNodeView
 });
-const _prosemirrorview = require("prosemirror-view");
+const _prosemirrorView = require("prosemirror-view");
 const _react = require("react");
-const _findDOMNode = require("../findDOMNode.js");
-const _viewdesc = require("../viewdesc.js");
-const _ChildNodeViews = require("./ChildNodeViews.js");
+const _findDOMNodeJs = require("../findDOMNode.js");
+const _viewdescJs = require("../viewdesc.js");
+const _childNodeViewsJs = require("./ChildNodeViews.js");
 function shallowEqual(objA, objB) {
     if (objA === objB) {
         return true;
@@ -36,38 +34,37 @@ function shallowEqual(objA, objB) {
     return true;
 }
 let TextNodeView = class TextNodeView extends _react.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 = (0, _findDOMNode.findDOMNode)(this);
+        const dom = (0, _findDOMNodeJs.findDOMNode)(this);
         // We only need to explicitly create a CompositionViewDesc
         // when a composition was started that produces a new text node.
         // Otherwise we just rely on re-rendering the renderRef
         if (!dom) {
             if (!view.composing) return;
-            this.viewDescRef = new _viewdesc.CompositionViewDesc(parentRef.current, getPos, // These are just placeholders/dummies. We can't
+            var _text, _text1;
+            this.viewDescRef = new _viewdescJs.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(node.text ?? ""), node.text ?? "");
+            document.createElement("div"), document.createTextNode((_text = node.text) !== null && _text !== void 0 ? _text : ""), (_text1 = node.text) !== null && _text1 !== void 0 ? _text1 : "");
             return;
         }
         let textNode = dom;
         while(textNode.firstChild){
             textNode = textNode.firstChild;
         }
-        if (!this.viewDescRef || this.viewDescRef instanceof _viewdesc.CompositionViewDesc) {
-            this.viewDescRef = new _viewdesc.TextViewDesc(undefined, [], getPos, node, decorations, _prosemirrorview.DecorationSet.empty, dom, textNode);
+        if (!this.viewDescRef || this.viewDescRef instanceof _viewdescJs.CompositionViewDesc) {
+            this.viewDescRef = new _viewdescJs.TextViewDesc(undefined, [], getPos, node, decorations, _prosemirrorView.DecorationSet.empty, dom, textNode);
         } else {
             this.viewDescRef.parent = parentRef.current;
             this.viewDescRef.children = [];
             this.viewDescRef.node = node;
             this.viewDescRef.outerDeco = decorations;
-            this.viewDescRef.innerDeco = _prosemirrorview.DecorationSet.empty;
+            this.viewDescRef.innerDeco = _prosemirrorView.DecorationSet.empty;
             this.viewDescRef.dom = dom;
             this.viewDescRef.dom.pmViewDesc = this.viewDescRef;
             this.viewDescRef.nodeDOM = textNode;
@@ -75,7 +72,7 @@ let TextNodeView = class TextNodeView extends _react.Component {
         if (!siblingsRef.current.includes(this.viewDescRef)) {
             siblingsRef.current.push(this.viewDescRef);
         }
-        siblingsRef.current.sort(_viewdesc.sortViewDescs);
+        siblingsRef.current.sort(_viewdescJs.sortViewDescs);
     }
     shouldComponentUpdate(nextProps) {
         return !shallowEqual(this.props, nextProps);
@@ -87,7 +84,7 @@ let TextNodeView = class TextNodeView extends _react.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);
@@ -95,7 +92,7 @@ let TextNodeView = class TextNodeView extends _react.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,
@@ -104,7 +101,12 @@ let TextNodeView = class TextNodeView extends _react.Component {
         if (view.composing && view.state.selection.from >= getPos() && view.state.selection.from <= getPos() + node.nodeSize) {
             return this.renderRef;
         }
-        this.renderRef = decorations.reduce(_ChildNodeViews.wrapInDeco, node.text);
+        this.renderRef = decorations.reduce(_childNodeViewsJs.wrapInDeco, node.text);
         return this.renderRef;
     }
+    constructor(...args){
+        super(...args);
+        this.viewDescRef = null;
+        this.renderRef = null;
+    }
 };

package/dist/cjs/components/TrailingHackView.js

@@ -4,14 +4,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "TrailingHackView", {
     enumerable: true,
-    get: function() {
-        return TrailingHackView;
-    }
+    get: ()=>TrailingHackView
 });
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _ChildDescriptionsContext = require("../contexts/ChildDescriptionsContext.js");
-const _useClientLayoutEffect = require("../hooks/useClientLayoutEffect.js");
-const _viewdesc = require("../viewdesc.js");
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _childDescriptionsContextJs = require("../contexts/ChildDescriptionsContext.js");
+const _useClientLayoutEffectJs = require("../hooks/useClientLayoutEffect.js");
+const _viewdescJs = require("../viewdesc.js");
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -20,7 +18,7 @@ function _getRequireWildcardCache(nodeInterop) {
         return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
     })(nodeInterop);
 }
-function _interop_require_wildcard(obj, nodeInterop) {
+function _interopRequireWildcard(obj, nodeInterop) {
     if (!nodeInterop && obj && obj.__esModule) {
         return obj;
     }
@@ -33,9 +31,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {
-        __proto__: null
-    };
+    var newObj = {};
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -54,11 +50,11 @@ function _interop_require_wildcard(obj, nodeInterop) {
     return newObj;
 }
 function TrailingHackView(param) {
-    let { getPos } = param;
-    const { siblingsRef, parentRef } = (0, _react.useContext)(_ChildDescriptionsContext.ChildDescriptionsContext);
+    let { getPos  } = param;
+    const { siblingsRef , parentRef  } = (0, _react.useContext)(_childDescriptionsContextJs.ChildDescriptionsContext);
     const viewDescRef = (0, _react.useRef)(null);
     const ref = (0, _react.useRef)(null);
-    (0, _useClientLayoutEffect.useClientLayoutEffect)(()=>{
+    (0, _useClientLayoutEffectJs.useClientLayoutEffect)(()=>{
         const siblings = siblingsRef.current;
         return ()=>{
             if (!viewDescRef.current) return;
@@ -70,10 +66,10 @@ function TrailingHackView(param) {
     }, [
         siblingsRef
     ]);
-    (0, _useClientLayoutEffect.useClientLayoutEffect)(()=>{
+    (0, _useClientLayoutEffectJs.useClientLayoutEffect)(()=>{
         if (!ref.current) return;
         if (!viewDescRef.current) {
-            viewDescRef.current = new _viewdesc.TrailingHackViewDesc(parentRef.current, [], getPos, ref.current, null);
+            viewDescRef.current = new _viewdescJs.TrailingHackViewDesc(parentRef.current, [], getPos, ref.current, null);
         } else {
             viewDescRef.current.parent = parentRef.current;
             viewDescRef.current.dom = ref.current;
@@ -81,7 +77,7 @@ function TrailingHackView(param) {
         if (!siblingsRef.current.includes(viewDescRef.current)) {
             siblingsRef.current.push(viewDescRef.current);
         }
-        siblingsRef.current.sort(_viewdesc.sortViewDescs);
+        siblingsRef.current.sort(_viewdescJs.sortViewDescs);
     });
     return /*#__PURE__*/ _react.default.createElement("br", {
         ref: ref,

package/dist/cjs/components/WidgetView.js

@@ -4,14 +4,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "WidgetView", {
     enumerable: true,
-    get: function() {
-        return WidgetView;
-    }
+    get: ()=>WidgetView
 });
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _ChildDescriptionsContext = require("../contexts/ChildDescriptionsContext.js");
-const _useClientLayoutEffect = require("../hooks/useClientLayoutEffect.js");
-const _viewdesc = require("../viewdesc.js");
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _childDescriptionsContextJs = require("../contexts/ChildDescriptionsContext.js");
+const _useClientLayoutEffectJs = require("../hooks/useClientLayoutEffect.js");
+const _viewdescJs = require("../viewdesc.js");
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -20,7 +18,7 @@ function _getRequireWildcardCache(nodeInterop) {
         return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
     })(nodeInterop);
 }
-function _interop_require_wildcard(obj, nodeInterop) {
+function _interopRequireWildcard(obj, nodeInterop) {
     if (!nodeInterop && obj && obj.__esModule) {
         return obj;
     }
@@ -33,9 +31,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {
-        __proto__: null
-    };
+    var newObj = {};
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -54,11 +50,11 @@ function _interop_require_wildcard(obj, nodeInterop) {
     return newObj;
 }
 function WidgetView(param) {
-    let { widget, getPos } = param;
-    const { siblingsRef, parentRef } = (0, _react.useContext)(_ChildDescriptionsContext.ChildDescriptionsContext);
+    let { widget , getPos  } = param;
+    const { siblingsRef , parentRef  } = (0, _react.useContext)(_childDescriptionsContextJs.ChildDescriptionsContext);
     const viewDescRef = (0, _react.useRef)(null);
     const domRef = (0, _react.useRef)(null);
-    (0, _useClientLayoutEffect.useClientLayoutEffect)(()=>{
+    (0, _useClientLayoutEffectJs.useClientLayoutEffect)(()=>{
         const siblings = siblingsRef.current;
         return ()=>{
             if (!viewDescRef.current) return;
@@ -70,10 +66,10 @@ function WidgetView(param) {
     }, [
         siblingsRef
     ]);
-    (0, _useClientLayoutEffect.useClientLayoutEffect)(()=>{
+    (0, _useClientLayoutEffectJs.useClientLayoutEffect)(()=>{
         if (!domRef.current) return;
         if (!viewDescRef.current) {
-            viewDescRef.current = new _viewdesc.WidgetViewDesc(parentRef.current, getPos, widget, domRef.current);
+            viewDescRef.current = new _viewdescJs.WidgetViewDesc(parentRef.current, getPos, widget, domRef.current);
         } else {
             viewDescRef.current.parent = parentRef.current;
             viewDescRef.current.widget = widget;
@@ -82,9 +78,9 @@ function WidgetView(param) {
         if (!siblingsRef.current.includes(viewDescRef.current)) {
             siblingsRef.current.push(viewDescRef.current);
         }
-        siblingsRef.current.sort(_viewdesc.sortViewDescs);
+        siblingsRef.current.sort(_viewdescJs.sortViewDescs);
     });
-    const { Component } = widget.type;
+    const { Component  } = widget.type;
     return Component && /*#__PURE__*/ _react.default.createElement(Component, {
         ref: domRef,
         widget: widget,

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

@@ -4,12 +4,24 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "DefaultMarkView", {
     enumerable: true,
-    get: function() {
-        return DefaultMarkView;
-    }
+    get: ()=>DefaultMarkView
 });
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _OutputSpec = require("../OutputSpec.js");
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _outputSpecJs = require("../OutputSpec.js");
+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);
+}
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -18,7 +30,7 @@ function _getRequireWildcardCache(nodeInterop) {
         return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
     })(nodeInterop);
 }
-function _interop_require_wildcard(obj, nodeInterop) {
+function _interopRequireWildcard(obj, nodeInterop) {
     if (!nodeInterop && obj && obj.__esModule) {
         return obj;
     }
@@ -31,9 +43,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {
-        __proto__: null
-    };
+    var newObj = {};
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -52,19 +62,21 @@ function _interop_require_wildcard(obj, nodeInterop) {
     return newObj;
 }
 const DefaultMarkView = /*#__PURE__*/ (0, _react.forwardRef)(function DefaultMarkView(param, ref) {
-    let { markProps: { mark, inline, contentDOMRef }, children, ...props } = param;
-    const spec = (0, _react.useMemo)(()=>mark.type.spec.toDOM?.(mark, inline), [
+    let { markProps: { mark , inline , contentDOMRef  } , children , ...props } = param;
+    const spec = (0, _react.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.default.createElement(_OutputSpec.OutputSpec, {
-        ...props,
+    return /*#__PURE__*/ _react.default.createElement(_outputSpecJs.OutputSpec, _extends({}, props, {
         outputSpec: spec,
         contentDOMRef: contentDOMRef,
         ref: ref,
         isMark: true
-    }, children);
+    }), children);
 });

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

@@ -4,15 +4,27 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "MarkView", {
     enumerable: true,
-    get: function() {
-        return MarkView;
-    }
+    get: ()=>MarkView
 });
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _NodeViewContext = require("../../contexts/NodeViewContext.js");
-const _DefaultMarkView = require("./DefaultMarkView.js");
-const _MarkViewConstructorView = require("./MarkViewConstructorView.js");
-const _ReactMarkView = require("./ReactMarkView.js");
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _nodeViewContextJs = require("../../contexts/NodeViewContext.js");
+const _defaultMarkViewJs = require("./DefaultMarkView.js");
+const _markViewConstructorViewJs = require("./MarkViewConstructorView.js");
+const _reactMarkViewJs = require("./ReactMarkView.js");
+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);
+}
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -21,7 +33,7 @@ function _getRequireWildcardCache(nodeInterop) {
         return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
     })(nodeInterop);
 }
-function _interop_require_wildcard(obj, nodeInterop) {
+function _interopRequireWildcard(obj, nodeInterop) {
     if (!nodeInterop && obj && obj.__esModule) {
         return obj;
     }
@@ -34,9 +46,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {
-        __proto__: null
-    };
+    var newObj = {};
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -55,8 +65,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     return newObj;
 }
 const MarkView = /*#__PURE__*/ (0, _react.memo)(function MarkView(props) {
-    const { components, constructors } = (0, _react.useContext)(_NodeViewContext.NodeViewContext);
-    const component = components[props.mark.type.name] ?? _DefaultMarkView.DefaultMarkView;
+    const { components , constructors  } = (0, _react.useContext)(_nodeViewContextJs.NodeViewContext);
+    var _name;
+    const component = (_name = components[props.mark.type.name]) !== null && _name !== void 0 ? _name : _defaultMarkViewJs.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
@@ -65,21 +76,19 @@ const MarkView = /*#__PURE__*/ (0, _react.memo)(function MarkView(props) {
     const Component = (0, _react.useMemo)(()=>{
         if (constructor) {
             return function MarkView(props) {
-                return /*#__PURE__*/ _react.default.createElement(_MarkViewConstructorView.MarkViewConstructorView, {
-                    constructor: constructor,
-                    ...props
-                });
+                return /*#__PURE__*/ _react.default.createElement(_markViewConstructorViewJs.MarkViewConstructorView, _extends({
+                    constructor: constructor
+                }, props));
             };
         }
         return function NodeView(props) {
-            return /*#__PURE__*/ _react.default.createElement(_ReactMarkView.ReactMarkView, {
-                component: component,
-                ...props
-            });
+            return /*#__PURE__*/ _react.default.createElement(_reactMarkViewJs.ReactMarkView, _extends({
+                component: component
+            }, props));
         };
     }, [
         component,
         constructor
     ]);
-    return /*#__PURE__*/ _react.default.createElement(Component, props);
+    return /*#__PURE__*/ _react.default.createElement(Component, _extends({}, props));
 });

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

@@ -4,16 +4,28 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "MarkViewConstructorView", {
     enumerable: true,
-    get: function() {
-        return MarkViewConstructorView;
-    }
+    get: ()=>MarkViewConstructorView
 });
-const _prosemirrormodel = require("prosemirror-model");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _reactdom = require("react-dom");
-const _ChildDescriptionsContext = require("../../contexts/ChildDescriptionsContext.js");
-const _useForceUpdate = require("../../hooks/useForceUpdate.js");
-const _useMarkViewDescription = require("../../hooks/useMarkViewDescription.js");
+const _prosemirrorModel = require("prosemirror-model");
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactDom = require("react-dom");
+const _childDescriptionsContextJs = require("../../contexts/ChildDescriptionsContext.js");
+const _useForceUpdateJs = require("../../hooks/useForceUpdate.js");
+const _useMarkViewDescriptionJs = require("../../hooks/useMarkViewDescription.js");
+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);
+}
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -22,7 +34,7 @@ function _getRequireWildcardCache(nodeInterop) {
         return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
     })(nodeInterop);
 }
-function _interop_require_wildcard(obj, nodeInterop) {
+function _interopRequireWildcard(obj, nodeInterop) {
     if (!nodeInterop && obj && obj.__esModule) {
         return obj;
     }
@@ -35,9 +47,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {
-        __proto__: null
-    };
+    var newObj = {};
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -56,10 +66,10 @@ function _interop_require_wildcard(obj, nodeInterop) {
     return newObj;
 }
 const MarkViewConstructorView = /*#__PURE__*/ (0, _react.memo)(function MarkViewConstructorView(param) {
-    let { constructor, mark, inline, getPos, children } = param;
+    let { constructor , mark , inline , getPos , children  } = param;
     const ref = (0, _react.useRef)(null);
     const innerRef = (0, _react.useRef)(null);
-    const forceUpdate = (0, _useForceUpdate.useForceUpdate)();
+    const forceUpdate = (0, _useForceUpdateJs.useForceUpdate)();
     const markProps = (0, _react.useMemo)(()=>({
             mark,
             inline,
@@ -78,21 +88,26 @@ const MarkViewConstructorView = /*#__PURE__*/ (0, _react.memo)(function MarkView
         }
         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 _prosemirrormodel.DOMSerializer.renderSpec(document, spec, null);
+            return _prosemirrorModel.DOMSerializer.renderSpec(document, spec, null);
         }
         return markView;
     };
-    const { childContextValue, contentDOM } = (0, _useMarkViewDescription.useMarkViewDescription)(()=>ref.current, (markView)=>markView?.contentDOM ?? null, function() {
+    var ref1;
+    const { childContextValue , contentDOM  } = (0, _useMarkViewDescriptionJs.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
@@ -100,7 +115,8 @@ const MarkViewConstructorView = /*#__PURE__*/ (0, _react.memo)(function MarkView
         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
@@ -110,7 +126,7 @@ const MarkViewConstructorView = /*#__PURE__*/ (0, _react.memo)(function MarkView
     const props = {
         ref: innerRef
     };
-    return /*#__PURE__*/ _react.default.createElement(Component, props, contentDOM ? /*#__PURE__*/ (0, _reactdom.createPortal)(/*#__PURE__*/ _react.default.createElement(_ChildDescriptionsContext.ChildDescriptionsContext.Provider, {
+    return /*#__PURE__*/ _react.default.createElement(Component, _extends({}, props), contentDOM ? /*#__PURE__*/ (0, _reactDom.createPortal)(/*#__PURE__*/ _react.default.createElement(_childDescriptionsContextJs.ChildDescriptionsContext.Provider, {
         value: childContextValue
     }, children), contentDOM) : null);
 });

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

@@ -4,14 +4,26 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "ReactMarkView", {
     enumerable: true,
-    get: function() {
-        return ReactMarkView;
-    }
+    get: ()=>ReactMarkView
 });
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _ChildDescriptionsContext = require("../../contexts/ChildDescriptionsContext.js");
-const _IgnoreMutationContext = require("../../contexts/IgnoreMutationContext.js");
-const _useMarkViewDescription = require("../../hooks/useMarkViewDescription.js");
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _childDescriptionsContextJs = require("../../contexts/ChildDescriptionsContext.js");
+const _ignoreMutationContextJs = require("../../contexts/IgnoreMutationContext.js");
+const _useMarkViewDescriptionJs = require("../../hooks/useMarkViewDescription.js");
+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);
+}
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -20,7 +32,7 @@ function _getRequireWildcardCache(nodeInterop) {
         return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
     })(nodeInterop);
 }
-function _interop_require_wildcard(obj, nodeInterop) {
+function _interopRequireWildcard(obj, nodeInterop) {
     if (!nodeInterop && obj && obj.__esModule) {
         return obj;
     }
@@ -33,9 +45,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {
-        __proto__: null
-    };
+    var newObj = {};
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -54,7 +64,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     return newObj;
 }
 const ReactMarkView = /*#__PURE__*/ (0, _react.memo)(function ReactMarkView(param) {
-    let { component: Component, mark, inline, getPos, children } = param;
+    let { component: Component , mark , inline , getPos , children  } = param;
     const ref = (0, _react.useRef)(null);
     const contentDOMRef = (0, _react.useRef)(null);
     const ignoreMutationRef = (0, _react.useRef)(null);
@@ -76,7 +86,8 @@ const ReactMarkView = /*#__PURE__*/ (0, _react.memo)(function ReactMarkView(para
         inline,
         mark
     ]);
-    const { childContextValue, refUpdated } = (0, _useMarkViewDescription.useMarkViewDescription)(()=>ref.current, ()=>contentDOMRef.current ?? ref.current, ()=>({
+    var _current;
+    const { childContextValue , refUpdated  } = (0, _useMarkViewDescriptionJs.useMarkViewDescription)(()=>ref.current, ()=>(_current = contentDOMRef.current) !== null && _current !== void 0 ? _current : ref.current, ()=>({
             dom: ref.current,
             ignoreMutation (mutation) {
                 const ignoreMutation = ignoreMutationRef.current;
@@ -109,9 +120,9 @@ const ReactMarkView = /*#__PURE__*/ (0, _react.memo)(function ReactMarkView(para
         markProps,
         ref: setDOM
     };
-    return /*#__PURE__*/ _react.default.createElement(_IgnoreMutationContext.IgnoreMutationContext.Provider, {
+    return /*#__PURE__*/ _react.default.createElement(_ignoreMutationContextJs.IgnoreMutationContext.Provider, {
         value: setIgnoreMutation
-    }, /*#__PURE__*/ _react.default.createElement(_ChildDescriptionsContext.ChildDescriptionsContext.Provider, {
+    }, /*#__PURE__*/ _react.default.createElement(_childDescriptionsContextJs.ChildDescriptionsContext.Provider, {
         value: childContextValue
-    }, /*#__PURE__*/ _react.default.createElement(Component, props, children)));
+    }, /*#__PURE__*/ _react.default.createElement(Component, _extends({}, props), children)));
 });