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

package/README.md

@@ -95,6 +95,7 @@ import "prosemirror-view/style/prosemirror.css";
     - [When should I use this?](#when-should-i-use-this)
 - [Migrations](#migrations)
 - [Looking for someone to collaborate with?](#looking-for-someone-to-collaborate-with)
+- [Sponsors](#sponsors)
 
 <!-- tocstop -->
 
@@ -818,3 +819,28 @@ Reach out to [Handle with Care](https://handlewithcare.dev/#get-in-touch)! We're
 a product development collective with years of experience bringing excellent
 ideas to life. We love React and ProseMirror, and we're always looking for new
 folks to work with!
+
+<!-- NOTE: This section is autogenerated. Do not manually edit.-->
+<!--sponsorsstart-->
+
+## Sponsors
+
+The following companies, organizations, and individuals support Pitter Patter's
+ongoing development.
+
+Sponsors receive regular updates about development progress, including previews
+of upcoming features, priority getting issues addressed as we release features,
+and a direct line of communication to us for support. Funders above a certain
+threshold join our steering committee — a lightweight governance model where
+significant contributors help shape our roadmap priorities.
+
+[Become a Sponsor](https://handlewithcare.dev/pitter-patter/#become-a-sponsor)
+
+<h3>Sponsors</h3>
+<p>
+<a href="https://www.moment.dev/"><img src="https://media.githubusercontent.com/media/handlewithcarecollective/pitter-patter-sponsors/main/logos/Moment.png" alt="Moment" height="128"></a>
+<a href="https://www.lingco.io/"><img src="https://media.githubusercontent.com/media/handlewithcarecollective/pitter-patter-sponsors/main/logos/Lingco.png" alt="Lingco" height="128"></a>
+<a href="https://dskrpt.de/"><img src="https://media.githubusercontent.com/media/handlewithcarecollective/pitter-patter-sponsors/main/logos/Dskrpt.png" alt="Dskrpt" height="128"></a>
+<a href="https://github.com/fastrepl/"><img src="https://media.githubusercontent.com/media/handlewithcarecollective/pitter-patter-sponsors/main/logos/Fastrepl.png" alt="Fastrepl" height="128"></a>
+</p>
+<!--sponsorsend-->

package/dist/cjs/ReactEditorView.js

@@ -4,10 +4,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "ReactEditorView", {
     enumerable: true,
-    get: ()=>ReactEditorView
+    get: function() {
+        return ReactEditorView;
+    }
 });
-const _prosemirrorView = require("prosemirror-view");
-const _constantsJs = require("./constants.js");
+const _prosemirrorview = require("prosemirror-view");
+const _constants = require("./constants.js");
 function buildNodeViews(view) {
     const result = Object.create(null);
     function add(obj) {
@@ -27,7 +29,63 @@ function changedNodeViews(a, b) {
     for(const _ in b)nB++;
     return nA != nB;
 }
-let ReactEditorView = class ReactEditorView extends _prosemirrorView.EditorView {
+let ReactEditorView = class ReactEditorView extends _prosemirrorview.EditorView {
+    nextProps;
+    prevState;
+    _destroyed;
+    constructor(place, props){
+        // Prevent the base class from destroying the React-managed nodes.
+        // Restore them below after invoking the base class constructor.
+        const reactContent = [
+            ...place.mount.childNodes
+        ];
+        // Prevent the base class from mutating the React-managed attributes.
+        // Restore them below after invoking the base class constructor.
+        const reactAttrs = [
+            ...place.mount.attributes
+        ];
+        for (const attr of reactAttrs){
+            place.mount.removeAttributeNode(attr);
+        }
+        try {
+            // Call the superclass constructor with only a state and no plugins.
+            // We'll set everything else ourselves and apply props during layout.
+            super(place, {
+                state: _constants.EMPTY_STATE
+            });
+            this.domObserver.stop();
+            this.domObserver.observer = null;
+            this.domObserver.queue = [];
+            const originalOnSelectionChange = this.domObserver.onSelectionChange;
+            this.domObserver.onSelectionChange = ()=>{
+                // During a composition, we completely pause React-driven
+                // selection and DOM updates. Compositions are "fragile";
+                // in Safari, even updating the selection to the same
+                // position it's already set to will end the current
+                // composition.
+                if (this.composing) return;
+                originalOnSelectionChange();
+            };
+        } finally{
+            place.mount.replaceChildren(...reactContent);
+            for (const attr of place.mount.attributes){
+                place.mount.removeAttributeNode(attr);
+            }
+            for (const attr of reactAttrs){
+                place.mount.setAttributeNode(attr);
+            }
+        }
+        this.prevState = _constants.EMPTY_STATE;
+        this.nextProps = props;
+        this.state = props.state;
+        this.nodeViews = buildNodeViews(this);
+        // Destroy the document view description that the base class makes.
+        // A React document view will assign itself to this attribute later.
+        this.docView.destroy();
+        // @ts-expect-error this violates the typing but class does it, too.
+        this.docView = null;
+        this._destroyed = false;
+    }
     get props() {
         return this.nextProps;
     }
@@ -77,22 +135,21 @@ let ReactEditorView = class ReactEditorView extends _prosemirrorView.EditorView
                 return result;
             }
         }
-        var _plugins;
-        for (const plugin of (_plugins = this.props.plugins) !== null && _plugins !== void 0 ? _plugins : []){
-            const prop1 = plugin.props[propName];
-            if (prop1 != null) {
-                const result1 = f ? f(prop1) : prop1;
-                if (result1) {
-                    return result1;
+        for (const plugin of this.props.plugins ?? []){
+            const prop = plugin.props[propName];
+            if (prop != null) {
+                const result = f ? f(prop) : prop;
+                if (result) {
+                    return result;
                 }
             }
         }
-        for (const plugin1 of this.state.plugins){
-            const prop2 = plugin1.props[propName];
-            if (prop2 != null) {
-                const result2 = f ? f(prop2) : prop2;
-                if (result2) {
-                    return result2;
+        for (const plugin of this.state.plugins){
+            const prop = plugin.props[propName];
+            if (prop != null) {
+                const result = f ? f(prop) : prop;
+                if (result) {
+                    return result;
                 }
             }
         }
@@ -132,57 +189,4 @@ let ReactEditorView = class ReactEditorView extends _prosemirrorView.EditorView
         // Store the new previous state.
         this.prevState = this.state;
     }
-    constructor(place, props){
-        // Prevent the base class from destroying the React-managed nodes.
-        // Restore them below after invoking the base class constructor.
-        const reactContent = [
-            ...place.mount.childNodes
-        ];
-        // Prevent the base class from mutating the React-managed attributes.
-        // Restore them below after invoking the base class constructor.
-        const reactAttrs = [
-            ...place.mount.attributes
-        ];
-        for (const attr of reactAttrs){
-            place.mount.removeAttributeNode(attr);
-        }
-        try {
-            // Call the superclass constructor with only a state and no plugins.
-            // We'll set everything else ourselves and apply props during layout.
-            super(place, {
-                state: _constantsJs.EMPTY_STATE
-            });
-            this.domObserver.stop();
-            this.domObserver.observer = null;
-            this.domObserver.queue = [];
-            const originalOnSelectionChange = this.domObserver.onSelectionChange;
-            this.domObserver.onSelectionChange = ()=>{
-                // During a composition, we completely pause React-driven
-                // selection and DOM updates. Compositions are "fragile";
-                // in Safari, even updating the selection to the same
-                // position it's already set to will end the current
-                // composition.
-                if (this.composing) return;
-                originalOnSelectionChange();
-            };
-        } finally{
-            place.mount.replaceChildren(...reactContent);
-            for (const attr1 of place.mount.attributes){
-                place.mount.removeAttributeNode(attr1);
-            }
-            for (const attr2 of reactAttrs){
-                place.mount.setAttributeNode(attr2);
-            }
-        }
-        this.prevState = _constantsJs.EMPTY_STATE;
-        this.nextProps = props;
-        this.state = props.state;
-        this.nodeViews = buildNodeViews(this);
-        // Destroy the document view description that the base class makes.
-        // A React document view will assign itself to this attribute later.
-        this.docView.destroy();
-        // @ts-expect-error this violates the typing but class does it, too.
-        this.docView = null;
-        this._destroyed = false;
-    }
 };

package/dist/cjs/StaticEditorView.js

@@ -4,9 +4,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "StaticEditorView", {
     enumerable: true,
-    get: ()=>StaticEditorView
+    get: function() {
+        return StaticEditorView;
+    }
 });
 let StaticEditorView = class StaticEditorView {
+    props;
+    nodeViews;
+    constructor(props){
+        this.props = props;
+        this.nodeViews = {};
+    }
     get composing() {
         return false;
     }
@@ -44,22 +52,21 @@ let StaticEditorView = class StaticEditorView {
                 return result;
             }
         }
-        var _plugins;
-        for (const plugin of (_plugins = this.props.plugins) !== null && _plugins !== void 0 ? _plugins : []){
-            const prop1 = plugin.props[propName];
-            if (prop1 != null) {
-                const result1 = f ? f(prop1) : prop1;
-                if (result1) {
-                    return result1;
+        for (const plugin of this.props.plugins ?? []){
+            const prop = plugin.props[propName];
+            if (prop != null) {
+                const result = f ? f(prop) : prop;
+                if (result) {
+                    return result;
                 }
             }
         }
-        for (const plugin1 of this.state.plugins){
-            const prop2 = plugin1.props[propName];
-            if (prop2 != null) {
-                const result2 = f ? f(prop2) : prop2;
-                if (result2) {
-                    return result2;
+        for (const plugin of this.state.plugins){
+            const prop = plugin.props[propName];
+            if (prop != null) {
+                const result = f ? f(prop) : prop;
+                if (result) {
+                    return result;
                 }
             }
         }
@@ -79,8 +86,4 @@ let StaticEditorView = class StaticEditorView {
     domSelection() {
         return null;
     }
-    constructor(props){
-        this.props = props;
-        this.nodeViews = {};
-    }
 };

package/dist/cjs/browser.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "browser", {
     enumerable: true,
-    get: ()=>browser
+    get: function() {
+        return browser;
+    }
 });
 const nav = typeof navigator != "undefined" ? navigator : null;
 const doc = typeof document != "undefined" ? document : null;

package/dist/cjs/commands/reorderSiblings.js

@@ -9,10 +9,14 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    reorderSiblings: ()=>reorderSiblings,
-    reorderSiblingsOnTransaction: ()=>reorderSiblingsOnTransaction
+    reorderSiblings: function() {
+        return reorderSiblings;
+    },
+    reorderSiblingsOnTransaction: function() {
+        return reorderSiblingsOnTransaction;
+    }
 });
-const _reactKeysJs = require("../plugins/reactKeys.js");
+const _reactKeys = require("../plugins/reactKeys.js");
 function reorderSiblings(pos, order) {
     return function reorderSiblingsCommand(state, dispatch) {
         const tr = state.tr;
@@ -53,16 +57,16 @@ function reorderSiblingsOnTransaction(pos, order, tr, state, dispatch) {
     start = pos;
     const newPositions = [];
     for(let i = 0; i < reordered.length; i++){
-        const node1 = reordered[i];
+        const node = reordered[i];
         newPositions[order[i]] = start;
-        start += node1.nodeSize;
+        start += node.nodeSize;
     }
-    for(let i1 = 0; i1 < oldPositions.length; i1++){
-        const oldPosition = oldPositions[i1];
-        const newPosition = newPositions[i1];
+    for(let i = 0; i < oldPositions.length; i++){
+        const oldPosition = oldPositions[i];
+        const newPosition = newPositions[i];
         meta.overrides[oldPosition] = newPosition;
     }
-    tr.setMeta(_reactKeysJs.reactKeysPluginKey, meta);
+    tr.setMeta(_reactKeys.reactKeysPluginKey, meta);
     dispatch(tr);
     return true;
 }

package/dist/cjs/components/ChildNodeViews.js

@@ -9,23 +9,27 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    wrapInDeco: ()=>wrapInDeco,
-    ChildNodeViews: ()=>ChildNodeViews
+    ChildNodeViews: function() {
+        return ChildNodeViews;
+    },
+    wrapInDeco: function() {
+        return wrapInDeco;
+    }
 });
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _childDescriptionsContextJs = require("../contexts/ChildDescriptionsContext.js");
-const _editorContextJs = require("../contexts/EditorContext.js");
-const _iterDecoJs = require("../decorations/iterDeco.js");
-const _useReactKeysJs = require("../hooks/useReactKeys.js");
-const _propsJs = require("../props.js");
-const _viewdescJs = require("../viewdesc.js");
-const _nativeWidgetViewJs = require("./NativeWidgetView.js");
-const _separatorHackViewJs = require("./SeparatorHackView.js");
-const _textNodeViewJs = require("./TextNodeView.js");
-const _trailingHackViewJs = require("./TrailingHackView.js");
-const _widgetViewJs = require("./WidgetView.js");
-const _markViewJs = require("./marks/MarkView.js");
-const _nodeViewJs = require("./nodes/NodeView.js");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _ChildDescriptionsContext = require("../contexts/ChildDescriptionsContext.js");
+const _EditorContext = require("../contexts/EditorContext.js");
+const _iterDeco = require("../decorations/iterDeco.js");
+const _useReactKeys = require("../hooks/useReactKeys.js");
+const _props = require("../props.js");
+const _viewdesc = require("../viewdesc.js");
+const _NativeWidgetView = require("./NativeWidgetView.js");
+const _SeparatorHackView = require("./SeparatorHackView.js");
+const _TextNodeView = require("./TextNodeView.js");
+const _TrailingHackView = require("./TrailingHackView.js");
+const _WidgetView = require("./WidgetView.js");
+const _MarkView = require("./marks/MarkView.js");
+const _NodeView = require("./nodes/NodeView.js");
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -34,7 +38,7 @@ function _getRequireWildcardCache(nodeInterop) {
         return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
     })(nodeInterop);
 }
-function _interopRequireWildcard(obj, nodeInterop) {
+function _interop_require_wildcard(obj, nodeInterop) {
     if (!nodeInterop && obj && obj.__esModule) {
         return obj;
     }
@@ -47,7 +51,9 @@ function _interopRequireWildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -66,22 +72,22 @@ function _interopRequireWildcard(obj, nodeInterop) {
     return newObj;
 }
 function wrapInDeco(reactNode, deco) {
-    const { nodeName , ...attrs } = deco.type.attrs;
-    const props = (0, _propsJs.htmlAttrsToReactProps)(attrs);
+    const { nodeName, ...attrs } = deco.type.attrs;
+    const props = (0, _props.htmlAttrsToReactProps)(attrs);
     // We auto-wrap text nodes in spans so that we can apply attributes
     // and styles, but we want to avoid double-wrapping the same
     // text node
     if (nodeName || typeof reactNode === "string") {
-        return /*#__PURE__*/ (0, _react.createElement)(nodeName !== null && nodeName !== void 0 ? nodeName : "span", props, reactNode);
+        return /*#__PURE__*/ (0, _react.createElement)(nodeName ?? "span", props, reactNode);
     }
-    return /*#__PURE__*/ (0, _react.cloneElement)(reactNode, (0, _propsJs.mergeReactProps)(reactNode.props, props));
+    return /*#__PURE__*/ (0, _react.cloneElement)(reactNode, (0, _props.mergeReactProps)(reactNode.props, props));
 }
 function areChildrenEqual(a, b) {
-    return a.type === b.type && a.marks.every((mark)=>mark.isInSet(b.marks)) && b.marks.every((mark)=>mark.isInSet(a.marks)) && a.key === b.key && (a.type !== "node" || b.type !== "node" || a.node.eq(b.node) && (0, _viewdescJs.sameOuterDeco)(a.outerDeco, b.outerDeco) && a.innerDeco.eq(b.innerDeco)) && a.widget === b.widget;
+    return a.type === b.type && a.marks.every((mark)=>mark.isInSet(b.marks)) && b.marks.every((mark)=>mark.isInSet(a.marks)) && a.key === b.key && (a.type !== "node" || b.type !== "node" || a.node.eq(b.node) && (0, _viewdesc.sameOuterDeco)(a.outerDeco, b.outerDeco) && a.innerDeco.eq(b.innerDeco)) && a.widget === b.widget;
 }
 const ChildView = /*#__PURE__*/ (0, _react.memo)(function ChildView(param) {
-    let { child , getInnerPos  } = param;
-    const { view  } = (0, _react.useContext)(_editorContextJs.EditorContext);
+    let { child, getInnerPos } = param;
+    const { view } = (0, _react.useContext)(_EditorContext.EditorContext);
     const childRef = (0, _react.useRef)(child);
     childRef.current = child;
     const getPos = (0, _react.useCallback)(()=>{
@@ -89,22 +95,22 @@ const ChildView = /*#__PURE__*/ (0, _react.memo)(function ChildView(param) {
     }, [
         getInnerPos
     ]);
-    return child.type === "widget" ? /*#__PURE__*/ _react.default.createElement(_widgetViewJs.WidgetView, {
+    return child.type === "widget" ? /*#__PURE__*/ _react.default.createElement(_WidgetView.WidgetView, {
         key: child.key,
         widget: child.widget,
         getPos: getPos
-    }) : child.type === "native-widget" ? /*#__PURE__*/ _react.default.createElement(_nativeWidgetViewJs.NativeWidgetView, {
+    }) : child.type === "native-widget" ? /*#__PURE__*/ _react.default.createElement(_NativeWidgetView.NativeWidgetView, {
         key: child.key,
         widget: child.widget,
         getPos: getPos
     }) : child.type === "hack" ? /*#__PURE__*/ _react.default.createElement(child.component, {
         key: child.key,
         getPos: getPos
-    }) : child.node.isText ? /*#__PURE__*/ _react.default.createElement(_childDescriptionsContextJs.ChildDescriptionsContext.Consumer, {
+    }) : child.node.isText ? /*#__PURE__*/ _react.default.createElement(_ChildDescriptionsContext.ChildDescriptionsContext.Consumer, {
         key: child.key
-    }, (param)=>/*#__PURE__*/ {
-        let { siblingsRef , parentRef  } = param;
-        return _react.default.createElement(_textNodeViewJs.TextNodeView, {
+    }, (param)=>{
+        let { siblingsRef, parentRef } = param;
+        return /*#__PURE__*/ _react.default.createElement(_TextNodeView.TextNodeView, {
             view: view,
             node: child.node,
             getPos: getPos,
@@ -112,7 +118,7 @@ const ChildView = /*#__PURE__*/ (0, _react.memo)(function ChildView(param) {
             parentRef: parentRef,
             decorations: child.outerDeco
         });
-    }) : /*#__PURE__*/ _react.default.createElement(_nodeViewJs.NodeView, {
+    }) : /*#__PURE__*/ _react.default.createElement(_NodeView.NodeView, {
         key: child.key,
         node: child.node,
         getPos: getPos,
@@ -121,7 +127,7 @@ const ChildView = /*#__PURE__*/ (0, _react.memo)(function ChildView(param) {
     });
 });
 const InlinePartition = /*#__PURE__*/ (0, _react.memo)(function InlinePartition(param) {
-    let { childViews , getInnerPos  } = param;
+    let { childViews, getInnerPos } = param;
     const firstChild = childViews[0];
     const firstChildRef = (0, _react.useRef)(firstChild);
     firstChildRef.current = firstChild;
@@ -140,7 +146,7 @@ const InlinePartition = /*#__PURE__*/ (0, _react.memo)(function InlinePartition(
             });
         }));
     }
-    return /*#__PURE__*/ _react.default.createElement(_markViewJs.MarkView, {
+    return /*#__PURE__*/ _react.default.createElement(_MarkView.MarkView, {
         key: firstChild.key,
         mark: firstMark,
         getPos: getPos,
@@ -155,11 +161,9 @@ const InlinePartition = /*#__PURE__*/ (0, _react.memo)(function InlinePartition(
     }));
 });
 const InlineView = /*#__PURE__*/ (0, _react.memo)(function InlineView(param) {
-    let { getInnerPos , childViews  } = param;
+    let { getInnerPos, childViews } = param;
     // const editorState = useEditorState();
     const partitioned = childViews.reduce((acc, child)=>{
-        var // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        ref;
         const lastPartition = acc[acc.length - 1];
         if (!lastPartition) {
             return [
@@ -177,7 +181,8 @@ const InlineView = /*#__PURE__*/ (0, _react.memo)(function InlineView(param) {
                 ]
             ];
         }
-        if (!child.marks.length && !lastChild.marks.length || child.marks.length && lastChild.marks.length && ((ref = child.marks[0]) === null || ref === void 0 ? void 0 : ref.eq(lastChild.marks[0]))) {
+        if (!child.marks.length && !lastChild.marks.length || child.marks.length && lastChild.marks.length && // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        child.marks[0]?.eq(lastChild.marks[0])) {
             return [
                 ...acc.slice(0, acc.length - 1),
                 [
@@ -205,22 +210,22 @@ const InlineView = /*#__PURE__*/ (0, _react.memo)(function InlineView(param) {
 });
 function createKey(innerPos, offset, index, type, posToKey, widget) {
     const pos = innerPos + offset;
-    const key = posToKey === null || posToKey === void 0 ? void 0 : posToKey.get(pos);
+    const key = posToKey?.get(pos);
     if (type === "widget" || type === "native-widget") {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         if (widget.type.spec.key) // eslint-disable-next-line @typescript-eslint/no-explicit-any
         return widget.type.spec.key;
         if (type === "widget") {
             // eslint-disable-next-line no-console
-            console.warn("Widget at position ".concat(pos, " doesn't have a key specified. React ProseMirror will generate a key partially based on this widget’s index into its parent’s children. This can cause issues if there are multiple adjacent widgets."));
+            console.warn(`Widget at position ${pos} doesn't have a key specified. React ProseMirror will generate a key partially based on this widget’s index into its parent’s children. This can cause issues if there are multiple adjacent widgets.`);
         }
-        return "".concat(key, "-").concat(index);
+        return `${key}-${index}`;
     }
     if (key) return key;
     // if (!doc) return pos;
     const parentPos = innerPos - 1;
-    const parentKey = posToKey === null || posToKey === void 0 ? void 0 : posToKey.get(parentPos);
-    if (parentKey) return "".concat(parentKey, "-").concat(offset);
+    const parentKey = posToKey?.get(parentPos);
+    if (parentKey) return `${parentKey}-${offset}`;
     return pos;
 }
 function adjustWidgetMarksForward(lastNodeChild, widgetChild) {
@@ -239,14 +244,16 @@ function adjustWidgetMarksBack(widgetChildren, nodeChild) {
         const child = widgetChildren[i];
         if (// Using internal Decoration property, "type"
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        child.widget.type.side < 0) {
+        child.widget.type.side < 0 || // Using internal Decoration property, "type"
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        child.widget.type.spec.marks) {
             continue;
         }
         child.marks = child.marks.reduce((acc, mark)=>mark.addToSet(acc), marksToSpread);
     }
 }
 const ChildElement = /*#__PURE__*/ (0, _react.memo)(function ChildElement(param) {
-    let { child , getInnerPos  } = param;
+    let { child, getInnerPos } = param;
     const childRef = (0, _react.useRef)(child);
     childRef.current = child;
     const getPos = (0, _react.useCallback)(()=>{
@@ -255,11 +262,11 @@ const ChildElement = /*#__PURE__*/ (0, _react.memo)(function ChildElement(param)
         getInnerPos
     ]);
     if (child.type === "node") {
-        return child.marks.reduce((element, mark)=>/*#__PURE__*/ _react.default.createElement(_markViewJs.MarkView, {
+        return child.marks.reduce((element, mark)=>/*#__PURE__*/ _react.default.createElement(_MarkView.MarkView, {
                 mark: mark,
                 getPos: getPos,
                 inline: false
-            }, element), /*#__PURE__*/ _react.default.createElement(_nodeViewJs.NodeView, {
+            }, element), /*#__PURE__*/ _react.default.createElement(_NodeView.NodeView, {
             key: child.key,
             outerDeco: child.outerDeco,
             node: child.node,
@@ -297,8 +304,8 @@ function createChildElements(children, getInnerPos) {
     });
 }
 const ChildNodeViews = /*#__PURE__*/ (0, _react.memo)(function ChildNodeViews(param) {
-    let { getPos , node , innerDecorations  } = param;
-    const reactKeys = (0, _useReactKeysJs.useReactKeys)();
+    let { getPos, node, innerDecorations } = param;
+    const reactKeys = (0, _useReactKeys.useReactKeys)();
     const getInnerPos = (0, _react.useCallback)(()=>getPos() + 1, [
         getPos
     ]);
@@ -307,13 +314,12 @@ const ChildNodeViews = /*#__PURE__*/ (0, _react.memo)(function ChildNodeViews(pa
     const keysSeen = new Map();
     let widgetChildren = [];
     let lastNodeChild = null;
-    (0, _iterDecoJs.iterDeco)(node, innerDecorations, (widget, isNative, offset, index)=>{
-        var _marks;
+    (0, _iterDeco.iterDeco)(node, innerDecorations, (widget, isNative, offset, index)=>{
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        const widgetMarks = (_marks = widget.type.spec.marks) !== null && _marks !== void 0 ? _marks : [];
+        const widgetMarks = widget.type.spec.marks ?? [];
         let key;
         if (isNative) {
-            key = createKey(getInnerPos(), offset, index, "native-widget", reactKeys === null || reactKeys === void 0 ? void 0 : reactKeys.posToKey, widget);
+            key = createKey(getInnerPos(), offset, index, "native-widget", reactKeys?.posToKey, widget);
             const child = {
                 type: "native-widget",
                 widget,
@@ -330,8 +336,8 @@ const ChildNodeViews = /*#__PURE__*/ (0, _react.memo)(function ChildNodeViews(pa
             }
             keysSeen.set(key, keysSeen.size);
         } else {
-            key = createKey(getInnerPos(), offset, index, "widget", reactKeys === null || reactKeys === void 0 ? void 0 : reactKeys.posToKey, widget);
-            const child1 = {
+            key = createKey(getInnerPos(), offset, index, "widget", reactKeys?.posToKey, widget);
+            const child = {
                 type: "widget",
                 widget: widget,
                 marks: widgetMarks,
@@ -339,19 +345,19 @@ const ChildNodeViews = /*#__PURE__*/ (0, _react.memo)(function ChildNodeViews(pa
                 index,
                 key
             };
-            const prevChild1 = childMap.get(key);
-            if (prevChild1 && areChildrenEqual(prevChild1, child1)) {
-                prevChild1.offset = offset;
+            const prevChild = childMap.get(key);
+            if (prevChild && areChildrenEqual(prevChild, child)) {
+                prevChild.offset = offset;
             } else {
-                childMap.set(key, child1);
+                childMap.set(key, child);
             }
             keysSeen.set(key, keysSeen.size);
         }
-        const child2 = childMap.get(key);
-        widgetChildren.push(child2);
+        const child = childMap.get(key);
+        widgetChildren.push(child);
         adjustWidgetMarksForward(lastNodeChild, childMap.get(key));
     }, (childNode, outerDeco, innerDeco, offset, index)=>{
-        const key = createKey(getInnerPos(), offset, index, "node", reactKeys === null || reactKeys === void 0 ? void 0 : reactKeys.posToKey);
+        const key = createKey(getInnerPos(), offset, index, "node", reactKeys?.posToKey);
         const child = {
             type: "node",
             node: childNode,
@@ -388,20 +394,19 @@ const ChildNodeViews = /*#__PURE__*/ (0, _react.memo)(function ChildNodeViews(pa
         if (!lastChild || lastChild.type !== "node" || lastChild.node.isInline && !lastChild.node.isText || // RegExp.test actually handles undefined just fine
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         /\n$/.test(lastChild.node.text)) {
-            var ref, ref1, ref2, ref3;
             children.push({
                 type: "hack",
-                component: _separatorHackViewJs.SeparatorHackView,
+                component: _SeparatorHackView.SeparatorHackView,
                 marks: [],
-                offset: (ref = lastChild === null || lastChild === void 0 ? void 0 : lastChild.offset) !== null && ref !== void 0 ? ref : 0,
-                index: ((ref1 = lastChild === null || lastChild === void 0 ? void 0 : lastChild.index) !== null && ref1 !== void 0 ? ref1 : 0) + 2,
+                offset: lastChild?.offset ?? 0,
+                index: (lastChild?.index ?? 0) + 2,
                 key: "trailing-hack-img"
             }, {
                 type: "hack",
-                component: _trailingHackViewJs.TrailingHackView,
+                component: _TrailingHackView.TrailingHackView,
                 marks: [],
-                offset: (ref2 = lastChild === null || lastChild === void 0 ? void 0 : lastChild.offset) !== null && ref2 !== void 0 ? ref2 : 0,
-                index: ((ref3 = lastChild === null || lastChild === void 0 ? void 0 : lastChild.index) !== null && ref3 !== void 0 ? ref3 : 0) + 1,
+                offset: lastChild?.offset ?? 0,
+                index: (lastChild?.index ?? 0) + 1,
                 key: "trailing-hack-br"
             });
         }