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

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
     }));
 }

package/dist/esm/tiptap/TiptapEditorView.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 { EditorContext } from "@tiptap/react";
 import cx from "classnames";
 import React, { useCallback, useMemo, useState } from "react";
@@ -21,10 +7,9 @@ import { TiptapEditorContext } from "./contexts/TiptapEditorContext.js";
 /**
  * Render a Tiptap-compatible React ProseMirror editor.
  */ export function TiptapEditorView(param) {
-    let { editor , nodeViewComponents , markViewComponents , children , static: isStatic = false  } = param;
-    var ref;
+    let { editor, nodeViewComponents, markViewComponents, children, static: isStatic = false } = param;
     const [isEditorInitialized, setIsEditorInitialized] = useState(editor.isInitialized);
-    const attributesProp = (ref = editor.options.editorProps) === null || ref === void 0 ? void 0 : ref.attributes;
+    const attributesProp = editor.options.editorProps?.attributes;
     const [attributes, setAttributes] = useState(typeof attributesProp === "function" ? attributesProp(editor.state) : attributesProp);
     const forceUpdate = useForceUpdate();
     const dispatchTransaction = useCallback((tr)=>{
@@ -47,10 +32,10 @@ import { TiptapEditorContext } from "./contexts/TiptapEditorContext.js";
         attributes: {
             role: "textbox",
             ...attributes,
-            class: cx(attributes === null || attributes === void 0 ? void 0 : attributes.class, "tiptap")
+            class: cx(attributes?.class, "tiptap")
         }
     };
-    const { nodeViews , markViews  } = editor.isDestroyed ? {
+    const { nodeViews, markViews } = editor.isDestroyed ? {
         nodeViews: undefined,
         markViews: undefined
     } : editor.view.props;
@@ -74,16 +59,16 @@ import { TiptapEditorContext } from "./contexts/TiptapEditorContext.js";
         onEditorDeinitialize,
         onEditorInitialize
     ]);
-    return /*#__PURE__*/ React.createElement(ProseMirror, _extends({
-        static: isStatic
-    }, editorProps, {
+    return /*#__PURE__*/ React.createElement(ProseMirror, {
+        static: isStatic,
+        ...editorProps,
         markViewComponents: markViewComponents,
         markViews: markViews,
         nodeViewComponents: nodeViewComponents,
         nodeViews: nodeViews,
         state: editor.state,
         dispatchTransaction: dispatchTransaction
-    }), /*#__PURE__*/ React.createElement(EditorContext.Provider, {
+    }, /*#__PURE__*/ React.createElement(EditorContext.Provider, {
         value: contextValue
     }, /*#__PURE__*/ React.createElement(TiptapEditorContext.Provider, {
         value: tiptapEditorContextValue

package/dist/esm/tiptap/extensions/ReactProseMirror.js

@@ -21,7 +21,7 @@ export const ReactProseMirror = Extension.create({
        *                and keep the other two in relative order, set `order` to `[1, 2, 0]`.
        */ reorderSiblings (initialPos, order) {
                 return function reorderSiblingsCommand(param) {
-                    let { tr , state , dispatch  } = param;
+                    let { tr, state, dispatch } = param;
                     return reorderSiblingsOnTransaction(initialPos, order, tr, state, dispatch);
                 };
             }

package/dist/esm/tiptap/extensions/commands/updateAttributes.js

@@ -4,7 +4,7 @@ import { getMarkType, getNodeType, getSchemaTypeNameByName } from "@tiptap/core"
 export const updateAttributes = function(typeOrName) {
     let attributes = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     return (param)=>{
-        let { tr , state , dispatch  } = param;
+        let { tr, state, dispatch } = param;
         let nodeType = null;
         let markType = null;
         const schemaType = getSchemaTypeNameByName(typeof typeOrName === "string" ? typeOrName : typeOrName.name, state.schema);

package/dist/esm/tiptap/hooks/useTiptapEditor.js

@@ -1,19 +1,15 @@
-var // @ts-expect-error private property
-_editor;
 import { useEditor } from "@tiptap/react";
 import { StaticEditorView } from "../../StaticEditorView.js";
 import { ReactProseMirror } from "../extensions/ReactProseMirror.js";
 import { ReactProseMirrorCommands } from "../extensions/ReactProseMirrorCommands.js";
 export function useTiptapEditor(options, deps) {
-    var ref;
-    var _extensions;
     const extensions = [
         ReactProseMirror,
-        ...(_extensions = options.extensions) !== null && _extensions !== void 0 ? _extensions : []
+        ...options.extensions ?? []
     ];
     // If a consumer explicitly disables core extensions (or the Commands core extension)
     // do not re-add our custom Commands
-    if (options.enableCoreExtensions === false || typeof options.enableCoreExtensions === "object" && (options === null || options === void 0 ? void 0 : (ref = options.enableCoreExtensions) === null || ref === void 0 ? void 0 : ref.commands) === false) {
+    if (options.enableCoreExtensions === false || typeof options.enableCoreExtensions === "object" && options?.enableCoreExtensions?.commands === false) {
     // Do nothing
     } else {
         options.enableCoreExtensions = {
@@ -27,8 +23,8 @@ export function useTiptapEditor(options, deps) {
         extensions,
         element: null
     }, deps);
-    var _editorView;
-    (_editorView = (_editor = editor).editorView) !== null && _editorView !== void 0 ? _editorView : _editor.editorView = new StaticEditorView({
+    // @ts-expect-error private property
+    editor.editorView ??= new StaticEditorView({
         // @ts-expect-error private property
         state: editor.editorState,
         ...editor.options.editorProps,

package/dist/esm/tiptap/hooks/useTiptapEditorEffect.js

@@ -22,11 +22,11 @@ import { TiptapEditorContext } from "../contexts/TiptapEditorContext.js";
  * as a child of the TiptapEditorView component, including
  * React node view components.
  */ export function useTiptapEditorEffect(effect, dependencies) {
-    const { view  } = useContext(EditorContext);
-    const { editor  } = useCurrentEditor();
-    const { isEditorInitialized  } = useContext(TiptapEditorContext);
+    const { view } = useContext(EditorContext);
+    const { editor } = useCurrentEditor();
+    const { isEditorInitialized } = useContext(TiptapEditorContext);
     useEditorEffect(()=>{
-        if ((editor === null || editor === void 0 ? void 0 : editor.view) instanceof ReactEditorView && view instanceof ReactEditorView && isEditorInitialized) {
+        if (editor?.view instanceof ReactEditorView && view instanceof ReactEditorView && isEditorInitialized) {
             return effect(editor);
         }
     // The rules of hooks want to be able to statically

package/dist/esm/tiptap/hooks/useTiptapEditorEventCallback.js

@@ -17,7 +17,7 @@ function assertEditor(editor) {
  * React node view components.
  */ export function useTiptapEditorEventCallback(callback) {
     const ref = useRef(callback);
-    const { editor  } = useCurrentEditor();
+    const { editor } = useCurrentEditor();
     useEditorEffect(()=>{
         ref.current = callback;
     }, [

package/dist/esm/tiptap/tiptapNodeView.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 { getAttributesFromExtensions, getRenderedAttributes } from "@tiptap/core";
 import { ReactNodeViewContext, useCurrentEditor } from "@tiptap/react";
 import cx from "classnames";
@@ -49,16 +35,14 @@ import { useTiptapEditorEventCallback } from "./hooks/useTiptapEditorEventCallba
  * }
  * ```
  */ export function tiptapNodeView(param) {
-    let { component: WrappedComponent , extension , as , className ="" , attrs , contentDOMElementTag: InnerTag = "div" , stopEvent , ignoreMutation  } = param;
+    let { component: WrappedComponent, extension, as, className = "", attrs, contentDOMElementTag: InnerTag = "div", stopEvent, ignoreMutation } = param;
     const TiptapNodeView = /*#__PURE__*/ memo(/*#__PURE__*/ forwardRef(function TiptapNodeView(param, ref) {
-        let { children , nodeProps , ...props } = param;
-        const { node , getPos , decorations , innerDecorations , contentDOMRef  } = nodeProps;
-        const OuterTag = as !== null && as !== void 0 ? as : node.type.isInline ? "span" : "div";
-        const { editor  } = useCurrentEditor();
-        var ref1;
-        const extensionManager = (ref1 = editor === null || editor === void 0 ? void 0 : editor.extensionManager) !== null && ref1 !== void 0 ? ref1 : null;
-        var ref2;
-        const extensions = (ref2 = extensionManager === null || extensionManager === void 0 ? void 0 : extensionManager.extensions) !== null && ref2 !== void 0 ? ref2 : null;
+        let { children, nodeProps, ...props } = param;
+        const { node, getPos, decorations, innerDecorations, contentDOMRef } = nodeProps;
+        const OuterTag = as ?? (node.type.isInline ? "span" : "div");
+        const { editor } = useCurrentEditor();
+        const extensionManager = editor?.extensionManager ?? null;
+        const extensions = extensionManager?.extensions ?? null;
         const selected = useIsNodeSelected();
         const isDraggingRef = useRef(false);
         const htmlAttributes = useMemo(()=>{
@@ -95,10 +79,9 @@ import { useTiptapEditorEventCallback } from "./hooks/useTiptapEditorEventCallba
                 isDraggingRef.current = nodeView.isDragging;
                 return result;
             }
-            var ref;
-            const result1 = (ref = nodeView.stopEvent(event)) !== null && ref !== void 0 ? ref : false;
+            const result = nodeView.stopEvent(event) ?? false;
             isDraggingRef.current = nodeView.isDragging;
-            return result1;
+            return result;
         });
         useIgnoreMutation(function(_, mutation) {
             if (ignoreMutation) {
@@ -121,16 +104,15 @@ import { useTiptapEditorEventCallback } from "./hooks/useTiptapEditorEventCallba
                 node,
                 view: editor.view
             }, this.dom, this.contentDOM);
-            var ref;
-            return (ref = nodeView.ignoreMutation(mutation)) !== null && ref !== void 0 ? ref : false;
+            return nodeView.ignoreMutation(mutation) ?? false;
         });
-        const { extraClassName , htmlProps  } = useMemo(()=>{
+        const { extraClassName, htmlProps } = useMemo(()=>{
             if (!attrs) return {};
             const resolvedAttrs = typeof attrs === "function" ? attrs({
                 node,
                 HTMLAttributes: htmlAttributes
             }) : attrs;
-            const { className: extraClassName , ...htmlProps } = htmlAttrsToReactProps(resolvedAttrs);
+            const { className: extraClassName, ...htmlProps } = htmlAttrsToReactProps(resolvedAttrs);
             return {
                 extraClassName,
                 htmlProps
@@ -139,7 +121,7 @@ import { useTiptapEditorEventCallback } from "./hooks/useTiptapEditorEventCallba
             htmlAttributes,
             node
         ]);
-        const finalClassName = cx("react-renderer", "node-".concat(node.type.name), props.className, className, extraClassName, {
+        const finalClassName = cx("react-renderer", `node-${node.type.name}`, props.className, className, extraClassName, {
             "ProseMirror-selectednode": selected
         });
         const updateAttributes = useEditorEventCallback((_, attributes)=>{
@@ -147,7 +129,7 @@ import { useTiptapEditorEventCallback } from "./hooks/useTiptapEditorEventCallba
                 return;
             }
             editor.commands.command((param)=>{
-                let { tr  } = param;
+                let { tr } = param;
                 const pos = getPos();
                 tr.setNodeMarkup(pos, undefined, {
                     ...node.attrs,
@@ -207,11 +189,12 @@ import { useTiptapEditorEventCallback } from "./hooks/useTiptapEditorEventCallba
         if (!editor) return null;
         return /*#__PURE__*/ React.createElement(ReactNodeViewContext.Provider, {
             value: nodeViewContext
-        }, /*#__PURE__*/ React.createElement(OuterTag, _extends({
-            ref: finalRef
-        }, props, htmlProps, {
+        }, /*#__PURE__*/ React.createElement(OuterTag, {
+            ref: finalRef,
+            ...props,
+            ...htmlProps,
             className: finalClassName
-        }), /*#__PURE__*/ React.createElement(WrappedComponent, {
+        }, /*#__PURE__*/ React.createElement(WrappedComponent, {
             node: node,
             getPos: getPos,
             view: editor.view,
@@ -225,7 +208,6 @@ import { useTiptapEditorEventCallback } from "./hooks/useTiptapEditorEventCallba
             deleteNode: deleteNode
         })));
     }));
-    var _displayName;
-    TiptapNodeView.displayName = "TiptapNodeView(".concat((_displayName = WrappedComponent.displayName) !== null && _displayName !== void 0 ? _displayName : "Anonymous", ")");
+    TiptapNodeView.displayName = `TiptapNodeView(${WrappedComponent.displayName ?? "Anonymous"})`;
     return TiptapNodeView;
 }