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

package/dist/cjs/plugins/beforeInputPlugin.js

@@ -4,22 +4,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "beforeInputPlugin", {
     enumerable: true,
-    get: function() {
-        return beforeInputPlugin;
-    }
+    get: ()=>beforeInputPlugin
 });
-const _prosemirrorstate = require("prosemirror-state");
-const _CursorWrapper = require("../components/CursorWrapper.js");
-const _ReactWidgetType = require("../decorations/ReactWidgetType.js");
+const _prosemirrorState = require("prosemirror-state");
+const _cursorWrapperJs = require("../components/CursorWrapper.js");
+const _reactWidgetTypeJs = require("../decorations/ReactWidgetType.js");
 function insertText(view, eventData) {
     let options = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
     if (eventData === null) return false;
-    const from = options.from ?? view.state.selection.from;
-    const to = options.to ?? view.state.selection.to;
+    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;
     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);
@@ -28,16 +28,17 @@ function insertText(view, eventData) {
 function beforeInputPlugin(setCursorWrapper) {
     let compositionMarks = null;
     let precompositionSnapshot = null;
-    return new _prosemirrorstate.Plugin({
+    return new _prosemirrorState.Plugin({
         props: {
             handleDOMEvents: {
                 compositionstart (view) {
-                    const { state } = view;
+                    const { state  } = view;
                     view.dispatch(state.tr.deleteSelection());
                     const $pos = state.selection.$from;
-                    compositionMarks = state.storedMarks ?? $pos.marks();
+                    var _storedMarks;
+                    compositionMarks = (_storedMarks = state.storedMarks) !== null && _storedMarks !== void 0 ? _storedMarks : $pos.marks();
                     if (compositionMarks) {
-                        setCursorWrapper((0, _ReactWidgetType.widget)(state.selection.from, _CursorWrapper.CursorWrapper, {
+                        setCursorWrapper((0, _reactWidgetTypeJs.widget)(state.selection.from, _cursorWrapperJs.CursorWrapper, {
                             key: "cursor-wrapper",
                             marks: compositionMarks
                         }));
@@ -45,7 +46,7 @@ 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);
@@ -60,8 +61,8 @@ 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
@@ -113,13 +114,15 @@ function beforeInputPlugin(setCursorWrapper) {
                                     keyCode: 13,
                                     shiftKey: event.inputType === "insertLineBreak"
                                 });
+                                var ref;
                                 // Use someProp to directly call ProseMirror handlers
-                                return view.someProp("handleKeyDown", (f)=>f(view, keyEvent)) ?? false;
+                                return (ref = view.someProp("handleKeyDown", (f)=>f(view, keyEvent))) !== null && ref !== void 0 ? ref : false;
                             }
                         case "insertReplacementText":
                             {
+                                var ref1, ref2;
                                 const ranges = event.getTargetRanges();
-                                event.dataTransfer?.items[0]?.getAsString((data)=>{
+                                (ref2 = (ref1 = event.dataTransfer) === null || ref1 === void 0 ? void 0 : ref1.items[0]) === null || ref2 === void 0 ? void 0 : ref2.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);
@@ -147,11 +150,11 @@ 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/cjs/plugins/componentEventListeners.js

@@ -4,19 +4,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "componentEventListeners", {
     enumerable: true,
-    get: function() {
-        return componentEventListeners;
-    }
+    get: ()=>componentEventListeners
 });
-const _prosemirrorstate = require("prosemirror-state");
-const _reactdom = require("react-dom");
+const _prosemirrorState = require("prosemirror-state");
+const _reactDom = require("react-dom");
 function componentEventListeners(eventHandlerRegistry) {
     const domEventHandlers = {};
     for (const [eventType, handlers] of eventHandlerRegistry.entries()){
         function handleEvent(view, event) {
             for (const handler of handlers){
                 let handled = false;
-                (0, _reactdom.unstable_batchedUpdates)(()=>{
+                (0, _reactDom.unstable_batchedUpdates)(()=>{
                     handled = !!handler.call(this, view, event);
                 });
                 if (handled || event.defaultPrevented) return true;
@@ -25,8 +23,8 @@ function componentEventListeners(eventHandlerRegistry) {
         }
         domEventHandlers[eventType] = handleEvent;
     }
-    const plugin = new _prosemirrorstate.Plugin({
-        key: new _prosemirrorstate.PluginKey("@handlewithcare/react-prosemirror/componentEventListeners"),
+    const plugin = new _prosemirrorState.Plugin({
+        key: new _prosemirrorState.PluginKey("@handlewithcare/react-prosemirror/componentEventListeners"),
         props: {
             handleDOMEvents: domEventHandlers
         }

package/dist/cjs/plugins/componentEventListenersPlugin.js

@@ -4,19 +4,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "createComponentEventListenersPlugin", {
     enumerable: true,
-    get: function() {
-        return createComponentEventListenersPlugin;
-    }
+    get: ()=>createComponentEventListenersPlugin
 });
-const _prosemirrorstate = require("prosemirror-state");
-const _reactdom = require("react-dom");
+const _prosemirrorState = require("prosemirror-state");
+const _reactDom = require("react-dom");
 function createComponentEventListenersPlugin(eventHandlerRegistry) {
     const domEventHandlers = {};
     for (const [eventType, handlers] of eventHandlerRegistry.entries()){
         function handleEvent(view, event) {
             for (const handler of handlers){
                 let handled = false;
-                (0, _reactdom.unstable_batchedUpdates)(()=>{
+                (0, _reactDom.unstable_batchedUpdates)(()=>{
                     handled = !!handler.call(this, view, event);
                 });
                 if (handled || event.defaultPrevented) return true;
@@ -25,8 +23,8 @@ function createComponentEventListenersPlugin(eventHandlerRegistry) {
         }
         domEventHandlers[eventType] = handleEvent;
     }
-    const plugin = new _prosemirrorstate.Plugin({
-        key: new _prosemirrorstate.PluginKey("componentEventListeners"),
+    const plugin = new _prosemirrorState.Plugin({
+        key: new _prosemirrorState.PluginKey("componentEventListeners"),
         props: {
             handleDOMEvents: domEventHandlers
         }

package/dist/cjs/plugins/reactKeys.js

@@ -9,25 +9,19 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    createNodeKey: function() {
-        return createNodeKey;
-    },
-    reactKeys: function() {
-        return reactKeys;
-    },
-    reactKeysPluginKey: function() {
-        return reactKeysPluginKey;
-    }
+    createNodeKey: ()=>createNodeKey,
+    reactKeysPluginKey: ()=>reactKeysPluginKey,
+    reactKeys: ()=>reactKeys
 });
-const _prosemirrorstate = require("prosemirror-state");
+const _prosemirrorState = require("prosemirror-state");
 function createNodeKey() {
     const key = Math.floor(Math.random() * 0xffffffffffff).toString(16);
     return key;
 }
-const reactKeysPluginKey = new _prosemirrorstate.PluginKey("@handlewithcare/react-prosemirror/reactKeys");
+const reactKeysPluginKey = new _prosemirrorState.PluginKey("@handlewithcare/react-prosemirror/reactKeys");
 function reactKeys() {
     let composing = false;
-    return new _prosemirrorstate.Plugin({
+    return new _prosemirrorState.Plugin({
         key: reactKeysPluginKey,
         state: {
             init (_, state) {
@@ -51,10 +45,11 @@ function reactKeys() {
        * 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 = tr.getMeta(reactKeysPluginKey)?.overrides;
+                const overrides = (ref = tr.getMeta(reactKeysPluginKey)) === null || ref === void 0 ? void 0 : ref.overrides;
                 const next = {
                     posToKey: new Map(),
                     keyToPos: new Map()
@@ -64,8 +59,8 @@ function reactKeys() {
                     return a - b;
                 });
                 for (const [pos, key] of posToKeyEntries){
-                    const override = overrides?.[pos];
-                    const { pos: newPos, deleted } = override === undefined ? tr.mapping.mapResult(pos) : {
+                    const override = overrides === null || overrides === void 0 ? void 0 : overrides[pos];
+                    const { pos: newPos , deleted  } = override === undefined ? tr.mapping.mapResult(pos) : {
                         pos: override,
                         deleted: false
                     };

package/dist/cjs/props.js

@@ -9,15 +9,11 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    htmlAttrsToReactProps: function() {
-        return htmlAttrsToReactProps;
-    },
-    mergeReactProps: function() {
-        return mergeReactProps;
-    }
+    mergeReactProps: ()=>mergeReactProps,
+    htmlAttrsToReactProps: ()=>htmlAttrsToReactProps
 });
-const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-function _interop_require_default(obj) {
+const _classnames = /*#__PURE__*/ _interopRequireDefault(require("classnames"));
+function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
@@ -48,7 +44,7 @@ function mergeStyleProps(a, b) {
     if (!("STYLE" in b) || typeof b.STYLE !== "string") {
         return a.STYLE;
     }
-    return `${a.STYLE.match(/;\s*$/) ? a.STYLE : `${a.STYLE};`} ${b.STYLE}`;
+    return "".concat(a.STYLE.match(/;\s*$/) ? a.STYLE : "".concat(a.STYLE, ";"), " ").concat(b.STYLE);
 }
 function mergeReactProps(a, b) {
     return {
@@ -194,32 +190,32 @@ function htmlAttrsToReactProps(attrs) {
                 }
             case "maxlength":
                 {
-                    const numValue = parseInt(attrValue, 10);
-                    if (!Number.isNaN(numValue)) {
+                    const numValue1 = parseInt(attrValue, 10);
+                    if (!Number.isNaN(numValue1)) {
                         props.maxLength = attrValue;
                     }
                     break;
                 }
             case "minlength":
                 {
-                    const numValue = parseInt(attrValue, 10);
-                    if (!Number.isNaN(numValue)) {
+                    const numValue2 = parseInt(attrValue, 10);
+                    if (!Number.isNaN(numValue2)) {
                         props.minLength = attrValue;
                     }
                     break;
                 }
             case "max":
                 {
-                    const numValue = parseInt(attrValue, 10);
-                    if (!Number.isNaN(numValue)) {
+                    const numValue3 = parseInt(attrValue, 10);
+                    if (!Number.isNaN(numValue3)) {
                         props.max = attrValue;
                     }
                     break;
                 }
             case "min":
                 {
-                    const numValue = parseInt(attrValue, 10);
-                    if (!Number.isNaN(numValue)) {
+                    const numValue4 = parseInt(attrValue, 10);
+                    if (!Number.isNaN(numValue4)) {
                         props.min = attrValue;
                     }
                     break;
@@ -241,8 +237,8 @@ function htmlAttrsToReactProps(attrs) {
                 }
             case "size":
                 {
-                    const numValue = parseInt(attrValue, 10);
-                    if (!Number.isNaN(numValue)) {
+                    const numValue5 = parseInt(attrValue, 10);
+                    if (!Number.isNaN(numValue5)) {
                         props.size = attrValue;
                     }
                     break;
@@ -253,8 +249,8 @@ function htmlAttrsToReactProps(attrs) {
                         props.step = attrValue;
                         break;
                     }
-                    const numValue = parseInt(attrValue, 10);
-                    if (!Number.isNaN(numValue) && numValue > 0) {
+                    const numValue6 = parseInt(attrValue, 10);
+                    if (!Number.isNaN(numValue6) && numValue6 > 0) {
                         props.step = attrValue;
                     }
                     break;
@@ -266,8 +262,8 @@ function htmlAttrsToReactProps(attrs) {
                 }
             case "rows":
                 {
-                    const numValue = parseInt(attrValue, 10);
-                    if (!Number.isNaN(numValue)) {
+                    const numValue7 = parseInt(attrValue, 10);
+                    if (!Number.isNaN(numValue7)) {
                         props.rows = attrValue;
                     }
                     break;

package/dist/cjs/refs.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useMergedDOMRefs", {
     enumerable: true,
-    get: function() {
-        return useMergedDOMRefs;
-    }
+    get: ()=>useMergedDOMRefs
 });
 const _react = require("react");
 function useMergedDOMRefs() {

package/dist/cjs/testing/editorViewTestHelpers.js

@@ -9,36 +9,46 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    findTextNode: function() {
-        return findTextNode;
-    },
-    tempEditor: function() {
-        return tempEditor;
-    }
+    tempEditor: ()=>tempEditor,
+    findTextNode: ()=>findTextNode
 });
 const _react = require("@testing-library/react");
 const _expect = require("expect");
-const _prosemirrormodel = require("prosemirror-model");
-const _prosemirrorstate = require("prosemirror-state");
-const _prosemirrortestbuilder = require("prosemirror-test-builder");
-const _react1 = /*#__PURE__*/ _interop_require_default(require("react"));
-const _ProseMirror = require("../components/ProseMirror.js");
-const _ProseMirrorDoc = require("../components/ProseMirrorDoc.js");
-const _useEditorEffect = require("../hooks/useEditorEffect.js");
-const _reactKeys = require("../plugins/reactKeys.js");
-function _interop_require_default(obj) {
+const _prosemirrorModel = require("prosemirror-model");
+const _prosemirrorState = require("prosemirror-state");
+const _prosemirrorTestBuilder = require("prosemirror-test-builder");
+const _react1 = /*#__PURE__*/ _interopRequireDefault(require("react"));
+const _proseMirrorJs = require("../components/ProseMirror.js");
+const _proseMirrorDocJs = require("../components/ProseMirrorDoc.js");
+const _useEditorEffectJs = require("../hooks/useEditorEffect.js");
+const _reactKeysJs = require("../plugins/reactKeys.js");
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
 const toEqualNode = function(actual, expected) {
-    if (!(actual instanceof _prosemirrormodel.Node && expected instanceof _prosemirrormodel.Node)) {
+    if (!(actual instanceof _prosemirrorModel.Node && expected instanceof _prosemirrorModel.Node)) {
         throw new Error("Must be comparing nodes");
     }
-    const pass = (0, _prosemirrortestbuilder.eq)(actual, expected);
+    const pass = (0, _prosemirrorTestBuilder.eq)(actual, expected);
     return {
         message: ()=>// `this` context will have correct typings
-            `expected ${this.utils.printReceived(actual)} ${pass ? "not " : ""}to equal ${this.utils.printExpected(expected)}`,
+            "expected ".concat(this.utils.printReceived(actual), " ").concat(pass ? "not " : "", "to equal ").concat(this.utils.printExpected(expected)),
         pass
     };
 };
@@ -46,43 +56,40 @@ _expect.expect.extend({
     toEqualNode
 });
 function tempEditor(param) {
-    let { doc: startDoc, selection, controlled, plugins, ...props } = param;
-    startDoc = startDoc ?? (0, _prosemirrortestbuilder.doc)((0, _prosemirrortestbuilder.p)());
-    const state = _prosemirrorstate.EditorState.create({
+    let { doc: startDoc , selection , controlled , plugins , ...props } = param;
+    var ref, ref1;
+    startDoc = startDoc !== null && startDoc !== void 0 ? startDoc : (0, _prosemirrorTestBuilder.doc)((0, _prosemirrorTestBuilder.p)());
+    const state = _prosemirrorState.EditorState.create({
         doc: startDoc,
-        schema: _prosemirrortestbuilder.schema,
-        selection: selection ?? startDoc.tag?.a ? _prosemirrorstate.TextSelection.create(startDoc, startDoc.tag.a, startDoc.tag?.b) : undefined,
+        schema: _prosemirrorTestBuilder.schema,
+        selection: (selection !== null && selection !== void 0 ? selection : (ref = startDoc.tag) === null || ref === void 0 ? void 0 : ref.a) ? _prosemirrorState.TextSelection.create(startDoc, startDoc.tag.a, (ref1 = startDoc.tag) === null || ref1 === void 0 ? void 0 : ref1.b) : undefined,
         plugins: [
-            ...plugins ?? [],
-            (0, _reactKeys.reactKeys)()
+            ...plugins !== null && plugins !== void 0 ? plugins : [],
+            (0, _reactKeysJs.reactKeys)()
         ]
     });
     let view = null;
     function Test() {
-        (0, _useEditorEffect.useEditorEffect)((v)=>{
+        (0, _useEditorEffectJs.useEditorEffect)((v)=>{
             view = v;
         });
         return null;
     }
-    const { rerender, unmount } = (0, _react.render)(/*#__PURE__*/ _react1.default.createElement(_ProseMirror.ProseMirror, {
-        ...controlled ? {
+    const { rerender , unmount  } = (0, _react.render)(/*#__PURE__*/ _react1.default.createElement(_proseMirrorJs.ProseMirror, _extends({}, controlled ? {
+        state
+    } : {
+        defaultState: state
+    }, props), /*#__PURE__*/ _react1.default.createElement(Test, null), /*#__PURE__*/ _react1.default.createElement(_proseMirrorDocJs.ProseMirrorDoc, null)));
+    function rerenderEditor() {
+        let { ...newProps } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+        rerender(/*#__PURE__*/ _react1.default.createElement(_proseMirrorJs.ProseMirror, _extends({}, controlled ? {
             state
         } : {
             defaultState: state
-        },
-        ...props
-    }, /*#__PURE__*/ _react1.default.createElement(Test, null), /*#__PURE__*/ _react1.default.createElement(_ProseMirrorDoc.ProseMirrorDoc, null)));
-    function rerenderEditor() {
-        let { ...newProps } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-        rerender(/*#__PURE__*/ _react1.default.createElement(_ProseMirror.ProseMirror, {
-            ...controlled ? {
-                state
-            } : {
-                defaultState: state
-            },
+        }, {
             ...props,
             ...newProps
-        }, /*#__PURE__*/ _react1.default.createElement(Test, null), /*#__PURE__*/ _react1.default.createElement(_ProseMirrorDoc.ProseMirrorDoc, null)));
+        }), /*#__PURE__*/ _react1.default.createElement(Test, null), /*#__PURE__*/ _react1.default.createElement(_proseMirrorDocJs.ProseMirrorDoc, null)));
         return view;
     }
     return {

package/dist/cjs/testing/setupProseMirrorView.js

@@ -9,12 +9,8 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    setupProseMirrorView: function() {
-        return setupProseMirrorView;
-    },
-    teardownProseMirrorView: function() {
-        return teardownProseMirrorView;
-    }
+    setupProseMirrorView: ()=>setupProseMirrorView,
+    teardownProseMirrorView: ()=>teardownProseMirrorView
 });
 let oldElementFromPoint;
 let oldGetClientRects;
@@ -71,7 +67,8 @@ const mockGetClientRects = ()=>{
     ];
     const domRectList = Object.assign(list, {
         item (index) {
-            return list[index] ?? null;
+            var _index;
+            return (_index = list[index]) !== null && _index !== void 0 ? _index : null;
         }
     });
     return domRectList;

package/dist/cjs/tiptap/ReactProseMirrorNodeView.js

@@ -4,23 +4,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "ReactProseMirrorNodeView", {
     enumerable: true,
-    get: function() {
-        return ReactProseMirrorNodeView;
-    }
+    get: ()=>ReactProseMirrorNodeView
 });
 const _core = require("@tiptap/core");
 let ReactProseMirrorNodeView = class ReactProseMirrorNodeView extends _core.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/cjs/tiptap/TiptapEditor.js

@@ -4,24 +4,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "TiptapEditor", {
     enumerable: true,
-    get: function() {
-        return TiptapEditor;
-    }
+    get: ()=>TiptapEditor
 });
 const _core = require("@tiptap/core");
-const _prosemirrorstate = require("prosemirror-state");
-const _StaticEditorView = require("../StaticEditorView.js");
+const _prosemirrorState = require("prosemirror-state");
+const _staticEditorViewJs = require("../StaticEditorView.js");
 let TiptapEditor = class TiptapEditor extends _core.Editor {
-    constructor(options = {}){
-        super({
-            ...options,
-            element: null
-        });
-    }
     get view() {
-        return(// @ts-expect-error private property
-        this.editorView ?? new _StaticEditorView.StaticEditorView({
-            state: _prosemirrorstate.EditorState.create({
+        var // @ts-expect-error private property
+        _editorView;
+        return (_editorView = this.editorView) !== null && _editorView !== void 0 ? _editorView : new _staticEditorViewJs.StaticEditorView({
+            state: _prosemirrorState.EditorState.create({
                 schema: this.extensionManager.schema
             }),
             ...this.options.editorProps,
@@ -29,6 +22,12 @@ let TiptapEditor = class TiptapEditor extends _core.Editor {
                 role: "textbox",
                 ...this.options.editorProps.attributes
             }
-        }));
+        });
+    }
+    constructor(options = {}){
+        super({
+            ...options,
+            element: null
+        });
     }
 };