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

package/dist/esm/decorations/iterDeco.js

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

package/dist/esm/decorations/viewDecorations.js

@@ -6,6 +6,10 @@ 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);
@@ -61,9 +65,6 @@ 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
@@ -151,9 +152,9 @@ const ViewDecorationsCache = new WeakMap();
         areSetsEqual = false;
     }
     if (!areSetsEqual) {
-        const result1 = DecorationGroup.from(found);
-        ViewDecorationsCache.set(view, result1);
-        return result1;
+        const result = DecorationGroup.from(found);
+        ViewDecorationsCache.set(view, result);
+        return result;
     }
     return previous;
 }

package/dist/esm/dom.js

@@ -36,8 +36,7 @@ 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") {
-                var ref;
-                if ((ref = child.pmViewDesc) === null || ref === void 0 ? void 0 : ref.ignoreForSelection) off += dir;
+                if (child.pmViewDesc?.ignoreForSelection) off += dir;
                 else return false;
             } else {
                 node = child;

package/dist/esm/findDOMNode.js

@@ -16,7 +16,7 @@ function findHostInstance(component) {
             throw new Error("Unable to find node on an unmounted component.");
         } else {
             const keys = Object.keys(component).join(",");
-            throw new Error("Argument appears to not be a ReactComponent. Keys: ".concat(keys));
+            throw new Error(`Argument appears to not be a ReactComponent. Keys: ${keys}`);
         }
     }
     const hostFiber = findCurrentHostFiber(fiber);

package/dist/esm/hooks/useComponentEventListeners.js

@@ -28,8 +28,7 @@ import { componentEventListeners } from "../plugins/componentEventListeners.js";
  */ export function useComponentEventListeners() {
     const [registry, setRegistry] = useState(new Map());
     const registerEventListener = useCallback((eventType, handler)=>{
-        var ref;
-        const handlers = (ref = registry.get(eventType)) !== null && ref !== void 0 ? ref : [];
+        const handlers = registry.get(eventType) ?? [];
         handlers.unshift(handler);
         if (!registry.has(eventType)) {
             registry.set(eventType, handlers);
@@ -40,7 +39,7 @@ import { componentEventListeners } from "../plugins/componentEventListeners.js";
     ]);
     const unregisterEventListener = useCallback((eventType, handler)=>{
         const handlers = registry.get(eventType);
-        handlers === null || handlers === void 0 ? void 0 : handlers.splice(handlers.indexOf(handler), 1);
+        handlers?.splice(handlers.indexOf(handler), 1);
     }, [
         registry
     ]);

package/dist/esm/hooks/useEditor.js

@@ -27,20 +27,17 @@ let didWarnValueDefaultValue = false;
     const flushSyncRef = useRef(true);
     const [cursorWrapper, _setCursorWrapper] = useState(null);
     const forceUpdate = useForceUpdate();
-    var _defaultState;
-    const defaultState = (_defaultState = options.defaultState) !== null && _defaultState !== void 0 ? _defaultState : EMPTY_STATE;
+    const defaultState = options.defaultState ?? EMPTY_STATE;
     const [_state, setState] = useState(defaultState);
-    var _state1;
-    const state = (_state1 = options.state) !== null && _state1 !== void 0 ? _state1 : _state;
-    const { componentEventListenersPlugin , registerEventListener , unregisterEventListener  } = useComponentEventListeners();
+    const state = options.state ?? _state;
+    const { componentEventListenersPlugin, registerEventListener, unregisterEventListener } = useComponentEventListeners();
     const setCursorWrapper = useCallback((deco)=>{
         flushSync(()=>{
             _setCursorWrapper(deco);
         });
     }, []);
-    var _plugins;
     const plugins = useMemo(()=>[
-            ...(_plugins = options.plugins) !== null && _plugins !== void 0 ? _plugins : [],
+            ...options.plugins ?? [],
             componentEventListenersPlugin,
             beforeInputPlugin(setCursorWrapper)
         ], [
@@ -112,16 +109,13 @@ let didWarnValueDefaultValue = false;
         }
     });
     view.update(directEditorProps);
-    var _static;
     const editor = useMemo(()=>({
             view,
-            cursorWrapper,
             flushSyncRef,
             registerEventListener,
             unregisterEventListener,
-            isStatic: (_static = options.static) !== null && _static !== void 0 ? _static : false
+            isStatic: options.static ?? false
         }), [
-        cursorWrapper,
         options.static,
         registerEventListener,
         unregisterEventListener,
@@ -129,6 +123,7 @@ let didWarnValueDefaultValue = false;
     ]);
     return {
         editor,
+        cursorWrapper,
         state
     };
 }

package/dist/esm/hooks/useEditorEffect.js

@@ -20,7 +20,7 @@ import { useLayoutGroupEffect } from "./useLayoutGroupEffect.js";
  * as a child of the TiptapEditorView component, including
  * React node view components.
  */ export function useEditorEffect(effect, dependencies) {
-    const { view , flushSyncRef  } = useContext(EditorContext);
+    const { view, flushSyncRef } = useContext(EditorContext);
     // The rules of hooks want `effect` to be included in the
     // dependency list, but dependency issues for `effect` will
     // be caught by the linter at the call-site for

package/dist/esm/hooks/useEditorEventCallback.js

@@ -20,7 +20,7 @@ function assertIsReactEditorView(view) {
  * React node view components.
  */ export function useEditorEventCallback(callback) {
     const ref = useRef(callback);
-    const { view  } = useContext(EditorContext);
+    const { view } = useContext(EditorContext);
     useEditorEffect(()=>{
         ref.current = callback;
     }, [

package/dist/esm/hooks/useEditorEventListener.js

@@ -6,7 +6,7 @@ import { useEditorEffect } from "./useEditorEffect.js";
  * [the ProseMirror docs](https://prosemirror.net/docs/ref/#view.EditorProps.handleDOMEvents)
  * for more details.
  */ export function useEditorEventListener(eventType, handler) {
-    const { registerEventListener , unregisterEventListener  } = useContext(EditorContext);
+    const { registerEventListener, unregisterEventListener } = useContext(EditorContext);
     const ref = useRef(handler);
     useEditorEffect(()=>{
         ref.current = handler;

package/dist/esm/hooks/useIsEditorStatic.js

@@ -1,7 +1,5 @@
 import { useContext } from "react";
 import { EditorContext } from "../contexts/EditorContext.js";
 export function useIsEditorStatic() {
-    var ref;
-    var ref1;
-    return (ref1 = (ref = useContext(EditorContext)) === null || ref === void 0 ? void 0 : ref.isStatic) !== null && ref1 !== void 0 ? ref1 : false;
+    return useContext(EditorContext)?.isStatic ?? false;
 }

package/dist/esm/hooks/useMarkViewDescription.js

@@ -6,9 +6,8 @@ import { ReactMarkViewDesc, sortViewDescs } from "../viewdesc.js";
 import { useClientLayoutEffect } from "./useClientLayoutEffect.js";
 import { useEffectEvent } from "./useEffectEvent.js";
 export function useMarkViewDescription(getDOM, getContentDOM, constructor, props) {
-    var ref;
-    const { view  } = useContext(EditorContext);
-    const { parentRef , siblingsRef  } = useContext(ChildDescriptionsContext);
+    const { view } = useContext(EditorContext);
+    const { parentRef, siblingsRef } = useContext(ChildDescriptionsContext);
     const contentDOMRef = useRef(null);
     const viewDescRef = useRef();
     const childrenRef = useRef([]);
@@ -20,7 +19,7 @@ export function useMarkViewDescription(getDOM, getContentDOM, constructor, props
         if (!dom) {
             return;
         }
-        const { mark , inline , getPos  } = props;
+        const { mark, inline, getPos } = props;
         const markView = constructor(mark, view, inline);
         if (!markView) {
             return;
@@ -28,7 +27,14 @@ export function useMarkViewDescription(getDOM, getContentDOM, constructor, props
         const parent = parentRef.current;
         const children = childrenRef.current;
         const contentDOM = getContentDOM(markView);
-        const viewDesc = new ReactMarkViewDesc(parent, children, getPos, mark, dom, contentDOM !== null && contentDOM !== void 0 ? contentDOM : markView.dom, markView);
+        const viewDesc = new ReactMarkViewDesc(parent, children, getPos, mark, dom, contentDOM ?? markView.dom, markView);
+        // When create() runs after a destroy() (either here in a layout
+        // effect or in refUpdated), the inherited children still reference
+        // the just-destroyed desc. Re-parent them onto this fresh desc
+        // before any other code can observe the stale pointer.
+        for (const child of children){
+            child.parent = viewDesc;
+        }
         contentDOMRef.current = contentDOM;
         return viewDesc;
     });
@@ -45,11 +51,10 @@ export function useMarkViewDescription(getDOM, getContentDOM, constructor, props
             return false;
         }
         const contentDOM = getContentDOM(viewDesc);
-        var _contentDOM;
-        if (contentDOM !== ((_contentDOM = viewDesc.contentDOM) !== null && _contentDOM !== void 0 ? _contentDOM : dom)) {
+        if (contentDOM !== (viewDesc.contentDOM ?? dom)) {
             return false;
         }
-        const { mark  } = props;
+        const { mark } = props;
         return viewDesc.matchesMark(mark);
     });
     const destroy = useEffectEvent(()=>{
@@ -112,10 +117,9 @@ export function useMarkViewDescription(getDOM, getContentDOM, constructor, props
         childrenRef,
         viewDescRef
     ]);
-    var _current;
     return {
         childContextValue,
-        contentDOM: (_current = contentDOMRef.current) !== null && _current !== void 0 ? _current : (ref = viewDescRef.current) === null || ref === void 0 ? void 0 : ref.dom,
+        contentDOM: contentDOMRef.current ?? viewDescRef.current?.dom,
         refUpdated
     };
 }

package/dist/esm/hooks/useNodeViewDescription.js

@@ -6,8 +6,8 @@ import { CompositionViewDesc, ReactNodeViewDesc, sortViewDescs } from "../viewde
 import { useClientLayoutEffect } from "./useClientLayoutEffect.js";
 import { useEffectEvent } from "./useEffectEvent.js";
 export function useNodeViewDescription(getDOM, getContentDOM, constructor, props) {
-    const { view  } = useContext(EditorContext);
-    const { parentRef , siblingsRef  } = useContext(ChildDescriptionsContext);
+    const { view } = useContext(EditorContext);
+    const { parentRef, siblingsRef } = useContext(ChildDescriptionsContext);
     const contentDOMRef = useRef(null);
     const viewDescRef = useRef();
     const childrenRef = useRef([]);
@@ -19,7 +19,7 @@ export function useNodeViewDescription(getDOM, getContentDOM, constructor, props
         if (!dom) {
             return;
         }
-        const { node , getPos , decorations , innerDecorations  } = props;
+        const { node, getPos, decorations, innerDecorations } = props;
         const nodeView = constructor(node, view, getPos, decorations, innerDecorations);
         if (!nodeView) {
             return;
@@ -29,6 +29,9 @@ export function useNodeViewDescription(getDOM, getContentDOM, constructor, props
         const contentDOM = getContentDOM(nodeView);
         const nodeDOM = nodeView.dom;
         const viewDesc = new ReactNodeViewDesc(parent, children, getPos, node, decorations, innerDecorations, dom, contentDOM, nodeDOM, nodeView);
+        for (const child of children){
+            child.parent = viewDesc;
+        }
         const siblings = siblingsRef.current;
         if (!siblings.includes(viewDesc)) {
             siblings.push(viewDesc);
@@ -56,7 +59,7 @@ export function useNodeViewDescription(getDOM, getContentDOM, constructor, props
         if (!dom.contains(viewDesc.nodeDOM)) {
             return false;
         }
-        const { node , decorations , innerDecorations  } = props;
+        const { node, decorations, innerDecorations } = props;
         return viewDesc.matchesNode(node, decorations, innerDecorations) || viewDesc.update(node, decorations, innerDecorations, view);
     });
     const destroy = useEffectEvent(()=>{
@@ -131,14 +134,13 @@ export function useNodeViewDescription(getDOM, getContentDOM, constructor, props
             // Because TextNodeViews can't locate the DOM nodes
             // for compositions, we need to override them here
             if (child instanceof CompositionViewDesc) {
-                var ref;
-                const compositionTopDOM = viewDesc === null || viewDesc === void 0 ? void 0 : (ref = viewDesc.contentDOM) === null || ref === void 0 ? void 0 : ref.firstChild;
-                if (!compositionTopDOM) throw new Error("Started a composition but couldn't find the text node it belongs to.");
+                const compositionTopDOM = viewDesc?.contentDOM?.firstChild;
+                if (!compositionTopDOM) throw new Error(`Started a composition but couldn't find the text node it belongs to.`);
                 let textDOM = compositionTopDOM;
                 while(textDOM.firstChild){
                     textDOM = textDOM.firstChild;
                 }
-                if (!textDOM || !(textDOM instanceof Text)) throw new Error("Started a composition but couldn't find the text node it belongs to.");
+                if (!textDOM || !(textDOM instanceof Text)) throw new Error(`Started a composition but couldn't find the text node it belongs to.`);
                 child.dom = compositionTopDOM;
                 child.textDOM = textDOM;
                 child.text = textDOM.data;

package/dist/esm/hooks/useReactKeys.js

@@ -2,6 +2,6 @@ import { useContext } from "react";
 import { EditorContext } from "../contexts/EditorContext.js";
 import { reactKeysPluginKey } from "../plugins/reactKeys.js";
 export function useReactKeys() {
-    const { view  } = useContext(EditorContext);
+    const { view } = useContext(EditorContext);
     return reactKeysPluginKey.getState(view.state);
 }

package/dist/esm/plugins/beforeInputPlugin.js

@@ -1,22 +1,49 @@
-import { Plugin } from "prosemirror-state";
+import { Fragment, Slice } from "prosemirror-model";
+import { Plugin, TextSelection } from "prosemirror-state";
 import { CursorWrapper } from "../components/CursorWrapper.js";
 import { widget } from "../decorations/ReactWidgetType.js";
 function insertText(view, eventData) {
     let options = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
     if (eventData === null) return false;
-    var _from;
-    const from = (_from = options.from) !== null && _from !== void 0 ? _from : view.state.selection.from;
-    var _to;
-    const to = (_to = options.to) !== null && _to !== void 0 ? _to : view.state.selection.to;
+    const from = options.from ?? view.state.selection.from;
+    const to = options.to ?? view.state.selection.to;
     if (view.someProp("handleTextInput", (f)=>f(view, from, to, eventData, ()=>view.state.tr.insertText(eventData, from, to)))) {
         return true;
     }
-    const { tr  } = view.state;
+    const { tr } = view.state;
     if (options.marks) tr.ensureMarks(options.marks);
     tr.insertText(eventData, from, to);
     view.dispatch(tr);
     return true;
 }
+// Taken from https://github.com/ProseMirror/prosemirror-gapcursor/blob/master/src/index.ts#L67-L84
+// This is a hack that, when a composition starts while a gap cursor
+// is active, quickly creates an inline context for the composition to
+// happen in, to avoid it being aborted by the DOM selection being
+// moved into a valid position.
+//
+// We can't rely on the actual hack from prosemirror-gapcursor, because
+// it happens too late. We snapshot the DOM during compositionstart, but
+// the gapcursor hack runs in beforeinput (after compositionstart).
+function handleGapCursorComposition(view) {
+    // @ts-expect-error Internal property - jsonID
+    if (!(view.state.selection.jsonID === "gapcursor")) {
+        return;
+    }
+    const { $from } = view.state.selection;
+    const insert = $from.parent.contentMatchAt($from.index())// All schemas _must_ have a text node type
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    .findWrapping(view.state.schema.nodes.text);
+    if (!insert) return;
+    let fragment = Fragment.empty;
+    for(let i = insert.length - 1; i >= 0; i--){
+        fragment = Fragment.from(// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        insert[i].createAndFill(null, fragment));
+    }
+    const tr = view.state.tr.replace($from.pos, $from.pos, new Slice(fragment, 0, 0));
+    tr.setSelection(TextSelection.near(tr.doc.resolve($from.pos + 1)));
+    view.dispatch(tr);
+}
 export function beforeInputPlugin(setCursorWrapper) {
     let compositionMarks = null;
     let precompositionSnapshot = null;
@@ -24,11 +51,11 @@ export function beforeInputPlugin(setCursorWrapper) {
         props: {
             handleDOMEvents: {
                 compositionstart (view) {
-                    const { state  } = view;
-                    view.dispatch(state.tr.deleteSelection());
+                    compositionMarks = view.state.storedMarks ?? view.state.selection.$from.marks();
+                    view.dispatch(view.state.tr.deleteSelection());
+                    handleGapCursorComposition(view);
+                    const { state } = view;
                     const $pos = state.selection.$from;
-                    var _storedMarks;
-                    compositionMarks = (_storedMarks = state.storedMarks) !== null && _storedMarks !== void 0 ? _storedMarks : $pos.marks();
                     if (compositionMarks) {
                         setCursorWrapper(widget(state.selection.from, CursorWrapper, {
                             key: "cursor-wrapper",
@@ -38,7 +65,7 @@ export function beforeInputPlugin(setCursorWrapper) {
                     // Snapshot the siblings of the node that contains the
                     // current cursor. We'll restore this later, so that React
                     // doesn't panic about unknown DOM nodes.
-                    const { node: parent  } = view.domAtPos($pos.pos);
+                    const { node: parent } = view.domAtPos($pos.pos);
                     precompositionSnapshot = [];
                     for (const node of parent.childNodes){
                         precompositionSnapshot.push(node);
@@ -53,8 +80,8 @@ export function beforeInputPlugin(setCursorWrapper) {
                 compositionend (view, event) {
                     // @ts-expect-error Internal property - input
                     view.input.composing = false;
-                    const { state  } = view;
-                    const { node: parent  } = view.domAtPos(state.selection.from);
+                    const { state } = view;
+                    const { node: parent } = view.domAtPos(state.selection.from);
                     if (precompositionSnapshot) {
                         // Restore the snapshot of the parent node's children
                         // from before the composition started. This gives us a
@@ -106,15 +133,13 @@ export function beforeInputPlugin(setCursorWrapper) {
                                     keyCode: 13,
                                     shiftKey: event.inputType === "insertLineBreak"
                                 });
-                                var ref;
                                 // Use someProp to directly call ProseMirror handlers
-                                return (ref = view.someProp("handleKeyDown", (f)=>f(view, keyEvent))) !== null && ref !== void 0 ? ref : false;
+                                return view.someProp("handleKeyDown", (f)=>f(view, keyEvent)) ?? false;
                             }
                         case "insertReplacementText":
                             {
-                                var ref1, ref2;
                                 const ranges = event.getTargetRanges();
-                                (ref2 = (ref1 = event.dataTransfer) === null || ref1 === void 0 ? void 0 : ref1.items[0]) === null || ref2 === void 0 ? void 0 : ref2.getAsString((data)=>{
+                                event.dataTransfer?.items[0]?.getAsString((data)=>{
                                     for (const range of ranges){
                                         const from = view.posAtDOM(range.startContainer, range.startOffset, 1);
                                         const to = view.posAtDOM(range.endContainer, range.endOffset, 1);
@@ -142,11 +167,11 @@ export function beforeInputPlugin(setCursorWrapper) {
                         case "deleteContent":
                             {
                                 const targetRanges = event.getTargetRanges();
-                                const { tr  } = view.state;
+                                const { tr } = view.state;
                                 for (const range of targetRanges){
                                     const start = view.posAtDOM(range.startContainer, range.startOffset);
                                     const end = view.posAtDOM(range.endContainer, range.endOffset);
-                                    const { doc  } = view.state;
+                                    const { doc } = view.state;
                                     const storedMarks = doc.resolve(start).marksAcross(doc.resolve(end));
                                     tr.delete(start, end).setStoredMarks(storedMarks);
                                 }

package/dist/esm/plugins/reactKeys.js

@@ -36,11 +36,10 @@ export const reactKeysPluginKey = new PluginKey("@handlewithcare/react-prosemirr
        * and assign its key to that new position, dropping it if the
        * node was deleted.
        */ apply (tr, value, _, newState) {
-                var ref;
                 if (!tr.docChanged || composing) {
                     return value;
                 }
-                const overrides = (ref = tr.getMeta(reactKeysPluginKey)) === null || ref === void 0 ? void 0 : ref.overrides;
+                const overrides = tr.getMeta(reactKeysPluginKey)?.overrides;
                 const next = {
                     posToKey: new Map(),
                     keyToPos: new Map()
@@ -50,8 +49,8 @@ export const reactKeysPluginKey = new PluginKey("@handlewithcare/react-prosemirr
                     return a - b;
                 });
                 for (const [pos, key] of posToKeyEntries){
-                    const override = overrides === null || overrides === void 0 ? void 0 : overrides[pos];
-                    const { pos: newPos , deleted  } = override === undefined ? tr.mapping.mapResult(pos) : {
+                    const override = overrides?.[pos];
+                    const { pos: newPos, deleted } = override === undefined ? tr.mapping.mapResult(pos) : {
                         pos: override,
                         deleted: false
                     };

package/dist/esm/props.js

@@ -25,7 +25,7 @@ function mergeStyleProps(a, b) {
     if (!("STYLE" in b) || typeof b.STYLE !== "string") {
         return a.STYLE;
     }
-    return "".concat(a.STYLE.match(/;\s*$/) ? a.STYLE : "".concat(a.STYLE, ";"), " ").concat(b.STYLE);
+    return `${a.STYLE.match(/;\s*$/) ? a.STYLE : `${a.STYLE};`} ${b.STYLE}`;
 }
 /**
  * Merges two sets of React props. Class names
@@ -178,32 +178,32 @@ function mergeStyleProps(a, b) {
                 }
             case "maxlength":
                 {
-                    const numValue1 = parseInt(attrValue, 10);
-                    if (!Number.isNaN(numValue1)) {
+                    const numValue = parseInt(attrValue, 10);
+                    if (!Number.isNaN(numValue)) {
                         props.maxLength = attrValue;
                     }
                     break;
                 }
             case "minlength":
                 {
-                    const numValue2 = parseInt(attrValue, 10);
-                    if (!Number.isNaN(numValue2)) {
+                    const numValue = parseInt(attrValue, 10);
+                    if (!Number.isNaN(numValue)) {
                         props.minLength = attrValue;
                     }
                     break;
                 }
             case "max":
                 {
-                    const numValue3 = parseInt(attrValue, 10);
-                    if (!Number.isNaN(numValue3)) {
+                    const numValue = parseInt(attrValue, 10);
+                    if (!Number.isNaN(numValue)) {
                         props.max = attrValue;
                     }
                     break;
                 }
             case "min":
                 {
-                    const numValue4 = parseInt(attrValue, 10);
-                    if (!Number.isNaN(numValue4)) {
+                    const numValue = parseInt(attrValue, 10);
+                    if (!Number.isNaN(numValue)) {
                         props.min = attrValue;
                     }
                     break;
@@ -225,8 +225,8 @@ function mergeStyleProps(a, b) {
                 }
             case "size":
                 {
-                    const numValue5 = parseInt(attrValue, 10);
-                    if (!Number.isNaN(numValue5)) {
+                    const numValue = parseInt(attrValue, 10);
+                    if (!Number.isNaN(numValue)) {
                         props.size = attrValue;
                     }
                     break;
@@ -237,8 +237,8 @@ function mergeStyleProps(a, b) {
                         props.step = attrValue;
                         break;
                     }
-                    const numValue6 = parseInt(attrValue, 10);
-                    if (!Number.isNaN(numValue6) && numValue6 > 0) {
+                    const numValue = parseInt(attrValue, 10);
+                    if (!Number.isNaN(numValue) && numValue > 0) {
                         props.step = attrValue;
                     }
                     break;
@@ -250,8 +250,8 @@ function mergeStyleProps(a, b) {
                 }
             case "rows":
                 {
-                    const numValue7 = parseInt(attrValue, 10);
-                    if (!Number.isNaN(numValue7)) {
+                    const numValue = parseInt(attrValue, 10);
+                    if (!Number.isNaN(numValue)) {
                         props.rows = attrValue;
                     }
                     break;