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

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,14 +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,

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

@@ -4,14 +4,12 @@ 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);
@@ -24,11 +22,10 @@ export function beforeInputPlugin(setCursorWrapper) {
         props: {
             handleDOMEvents: {
                 compositionstart (view) {
-                    const { state  } = view;
+                    const { state } = view;
                     view.dispatch(state.tr.deleteSelection());
                     const $pos = state.selection.$from;
-                    var _storedMarks;
-                    compositionMarks = (_storedMarks = state.storedMarks) !== null && _storedMarks !== void 0 ? _storedMarks : $pos.marks();
+                    compositionMarks = state.storedMarks ?? $pos.marks();
                     if (compositionMarks) {
                         setCursorWrapper(widget(state.selection.from, CursorWrapper, {
                             key: "cursor-wrapper",
@@ -38,7 +35,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 +50,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 +103,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 +137,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;

package/dist/esm/testing/editorViewTestHelpers.js

@@ -1,18 +1,4 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */ function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
-import { render } from "@testing-library/react";
+/* eslint-disable @typescript-eslint/no-explicit-any */ import { render } from "@testing-library/react";
 import { expect } from "expect";
 import { Node } from "prosemirror-model";
 import { EditorState, TextSelection } from "prosemirror-state";
@@ -29,7 +15,7 @@ const toEqualNode = function(actual, expected) {
     const pass = eq(actual, expected);
     return {
         message: ()=>// `this` context will have correct typings
-            "expected ".concat(this.utils.printReceived(actual), " ").concat(pass ? "not " : "", "to equal ").concat(this.utils.printExpected(expected)),
+            `expected ${this.utils.printReceived(actual)} ${pass ? "not " : ""}to equal ${this.utils.printExpected(expected)}`,
         pass
     };
 };
@@ -37,15 +23,14 @@ expect.extend({
     toEqualNode
 });
 export function tempEditor(param) {
-    let { doc: startDoc , selection , controlled , plugins , ...props } = param;
-    var ref, ref1;
-    startDoc = startDoc !== null && startDoc !== void 0 ? startDoc : doc(p());
+    let { doc: startDoc, selection, controlled, plugins, ...props } = param;
+    startDoc = startDoc ?? doc(p());
     const state = EditorState.create({
         doc: startDoc,
         schema,
-        selection: (selection !== null && selection !== void 0 ? selection : (ref = startDoc.tag) === null || ref === void 0 ? void 0 : ref.a) ? TextSelection.create(startDoc, startDoc.tag.a, (ref1 = startDoc.tag) === null || ref1 === void 0 ? void 0 : ref1.b) : undefined,
+        selection: selection ?? startDoc.tag?.a ? TextSelection.create(startDoc, startDoc.tag.a, startDoc.tag?.b) : undefined,
         plugins: [
-            ...plugins !== null && plugins !== void 0 ? plugins : [],
+            ...plugins ?? [],
             reactKeys()
         ]
     });
@@ -56,21 +41,25 @@ export function tempEditor(param) {
         });
         return null;
     }
-    const { rerender , unmount  } = render(/*#__PURE__*/ React.createElement(ProseMirror, _extends({}, controlled ? {
-        state
-    } : {
-        defaultState: state
-    }, props), /*#__PURE__*/ React.createElement(Test, null), /*#__PURE__*/ React.createElement(ProseMirrorDoc, null)));
-    function rerenderEditor() {
-        let { ...newProps } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-        rerender(/*#__PURE__*/ React.createElement(ProseMirror, _extends({}, controlled ? {
+    const { rerender, unmount } = render(/*#__PURE__*/ React.createElement(ProseMirror, {
+        ...controlled ? {
             state
         } : {
             defaultState: state
-        }, {
+        },
+        ...props
+    }, /*#__PURE__*/ React.createElement(Test, null), /*#__PURE__*/ React.createElement(ProseMirrorDoc, null)));
+    function rerenderEditor() {
+        let { ...newProps } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+        rerender(/*#__PURE__*/ React.createElement(ProseMirror, {
+            ...controlled ? {
+                state
+            } : {
+                defaultState: state
+            },
             ...props,
             ...newProps
-        }), /*#__PURE__*/ React.createElement(Test, null), /*#__PURE__*/ React.createElement(ProseMirrorDoc, null)));
+        }, /*#__PURE__*/ React.createElement(Test, null), /*#__PURE__*/ React.createElement(ProseMirrorDoc, null)));
         return view;
     }
     return {

package/dist/esm/testing/setupProseMirrorView.js

@@ -53,8 +53,7 @@ const mockGetClientRects = ()=>{
     ];
     const domRectList = Object.assign(list, {
         item (index) {
-            var _index;
-            return (_index = list[index]) !== null && _index !== void 0 ? _index : null;
+            return list[index] ?? null;
         }
     });
     return domRectList;

package/dist/esm/tiptap/ReactProseMirrorNodeView.js

@@ -6,15 +6,17 @@ import { NodeView } from "@tiptap/core";
  * ViewDesc, so that we can call Tiptap's default stopEvent and ignoreMutation
  * methods
  */ export class ReactProseMirrorNodeView extends NodeView {
+    _dom;
+    _contentDOM;
+    constructor(component, props, dom, contentDOM, options){
+        super(component, props, options);
+        this._dom = dom;
+        this._contentDOM = contentDOM;
+    }
     get dom() {
         return this._dom;
     }
     get contentDOM() {
         return this._contentDOM;
     }
-    constructor(component, props, dom, contentDOM, options){
-        super(component, props, options);
-        this._dom = dom;
-        this._contentDOM = contentDOM;
-    }
 }

package/dist/esm/tiptap/TiptapEditor.js

@@ -2,10 +2,15 @@ import { Editor } from "@tiptap/core";
 import { EditorState } from "prosemirror-state";
 import { StaticEditorView } from "../StaticEditorView.js";
 export class TiptapEditor extends Editor {
+    constructor(options = {}){
+        super({
+            ...options,
+            element: null
+        });
+    }
     get view() {
-        var // @ts-expect-error private property
-        _editorView;
-        return (_editorView = this.editorView) !== null && _editorView !== void 0 ? _editorView : new StaticEditorView({
+        return(// @ts-expect-error private property
+        this.editorView ?? new StaticEditorView({
             state: EditorState.create({
                 schema: this.extensionManager.schema
             }),
@@ -14,12 +19,6 @@ export class TiptapEditor extends Editor {
                 role: "textbox",
                 ...this.options.editorProps.attributes
             }
-        });
-    }
-    constructor(options = {}){
-        super({
-            ...options,
-            element: null
-        });
+        }));
     }
 }

package/dist/esm/tiptap/TiptapEditorContent.js

@@ -1,17 +1,3 @@
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
 import React, { useContext, useSyncExternalStore } from "react";
 import { createPortal } from "react-dom";
 import { ProseMirrorDoc } from "../components/ProseMirrorDoc.js";
@@ -20,7 +6,7 @@ import { TiptapEditorContext } from "./contexts/TiptapEditorContext.js";
 /**
  * This component renders all of the editor's registered "React renderers".
  */ const Portals = (param)=>{
-    let { contentComponent  } = param;
+    let { contentComponent } = param;
     const renderers = useSyncExternalStore(contentComponent.subscribe, contentComponent.getSnapshot, contentComponent.getServerSnapshot);
     return /*#__PURE__*/ React.createElement(React.Fragment, null, Object.values(renderers));
 };
@@ -64,9 +50,9 @@ function getInstance() {
     };
 }
 export function TiptapEditorContent(param) {
-    let { editor: editorProp , ...props } = param;
+    let { editor: editorProp, ...props } = param;
     const editor = editorProp;
-    const { onEditorInitialize , onEditorDeinitialize  } = useContext(TiptapEditorContext);
+    const { onEditorInitialize, onEditorDeinitialize } = useContext(TiptapEditorContext);
     useEditorEffect((view)=>{
         if (editor.view === view) {
             return;
@@ -100,7 +86,7 @@ export function TiptapEditorContent(param) {
         onEditorDeinitialize,
         onEditorInitialize
     ]);
-    return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(ProseMirrorDoc, _extends({}, props)), (editor === null || editor === void 0 ? void 0 : editor.contentComponent) && /*#__PURE__*/ React.createElement(Portals, {
+    return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(ProseMirrorDoc, props), editor?.contentComponent && /*#__PURE__*/ React.createElement(Portals, {
         contentComponent: editor.contentComponent
     }));
 }