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

package/dist/esm/tiptap/ReactProseMirrorNodeView.js

@@ -6,17 +6,15 @@ 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,15 +2,10 @@ 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() {
-        return(// @ts-expect-error private property
-        this.editorView ?? new StaticEditorView({
+        var // @ts-expect-error private property
+        _editorView;
+        return (_editorView = this.editorView) !== null && _editorView !== void 0 ? _editorView : new StaticEditorView({
             state: EditorState.create({
                 schema: this.extensionManager.schema
             }),
@@ -19,6 +14,12 @@ export class TiptapEditor extends Editor {
                 role: "textbox",
                 ...this.options.editorProps.attributes
             }
-        }));
+        });
+    }
+    constructor(options = {}){
+        super({
+            ...options,
+            element: null
+        });
     }
 }

package/dist/esm/tiptap/TiptapEditorContent.js

@@ -1,3 +1,17 @@
+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";
@@ -6,7 +20,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));
 };
@@ -50,9 +64,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;
@@ -86,7 +100,7 @@ export function TiptapEditorContent(param) {
         onEditorDeinitialize,
         onEditorInitialize
     ]);
-    return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(ProseMirrorDoc, props), editor?.contentComponent && /*#__PURE__*/ React.createElement(Portals, {
+    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, {
         contentComponent: editor.contentComponent
     }));
 }

package/dist/esm/tiptap/TiptapEditorView.js

@@ -1,3 +1,17 @@
+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";
@@ -7,9 +21,10 @@ 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;
+    let { editor , nodeViewComponents , markViewComponents , children , static: isStatic = false  } = param;
+    var ref;
     const [isEditorInitialized, setIsEditorInitialized] = useState(editor.isInitialized);
-    const attributesProp = editor.options.editorProps?.attributes;
+    const attributesProp = (ref = editor.options.editorProps) === null || ref === void 0 ? void 0 : ref.attributes;
     const [attributes, setAttributes] = useState(typeof attributesProp === "function" ? attributesProp(editor.state) : attributesProp);
     const forceUpdate = useForceUpdate();
     const dispatchTransaction = useCallback((tr)=>{
@@ -32,10 +47,10 @@ import { TiptapEditorContext } from "./contexts/TiptapEditorContext.js";
         attributes: {
             role: "textbox",
             ...attributes,
-            class: cx(attributes?.class, "tiptap")
+            class: cx(attributes === null || attributes === void 0 ? void 0 : attributes.class, "tiptap")
         }
     };
-    const { nodeViews, markViews } = editor.isDestroyed ? {
+    const { nodeViews , markViews  } = editor.isDestroyed ? {
         nodeViews: undefined,
         markViews: undefined
     } : editor.view.props;
@@ -59,16 +74,16 @@ import { TiptapEditorContext } from "./contexts/TiptapEditorContext.js";
         onEditorDeinitialize,
         onEditorInitialize
     ]);
-    return /*#__PURE__*/ React.createElement(ProseMirror, {
-        static: isStatic,
-        ...editorProps,
+    return /*#__PURE__*/ React.createElement(ProseMirror, _extends({
+        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,15 +1,19 @@
+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,
-        ...options.extensions ?? []
+        ...(_extensions = options.extensions) !== null && _extensions !== void 0 ? _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?.enableCoreExtensions?.commands === false) {
+    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) {
     // Do nothing
     } else {
         options.enableCoreExtensions = {
@@ -23,8 +27,8 @@ export function useTiptapEditor(options, deps) {
         extensions,
         element: null
     }, deps);
-    // @ts-expect-error private property
-    editor.editorView ??= new StaticEditorView({
+    var _editorView;
+    (_editorView = (_editor = editor).editorView) !== null && _editorView !== void 0 ? _editorView : _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?.view instanceof ReactEditorView && view instanceof ReactEditorView && isEditorInitialized) {
+        if ((editor === null || editor === void 0 ? void 0 : 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,3 +1,17 @@
+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";
@@ -35,14 +49,16 @@ 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 ?? (node.type.isInline ? "span" : "div");
-        const { editor } = useCurrentEditor();
-        const extensionManager = editor?.extensionManager ?? null;
-        const extensions = extensionManager?.extensions ?? null;
+        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;
         const selected = useIsNodeSelected();
         const isDraggingRef = useRef(false);
         const htmlAttributes = useMemo(()=>{
@@ -79,9 +95,10 @@ import { useTiptapEditorEventCallback } from "./hooks/useTiptapEditorEventCallba
                 isDraggingRef.current = nodeView.isDragging;
                 return result;
             }
-            const result = nodeView.stopEvent(event) ?? false;
+            var ref;
+            const result1 = (ref = nodeView.stopEvent(event)) !== null && ref !== void 0 ? ref : false;
             isDraggingRef.current = nodeView.isDragging;
-            return result;
+            return result1;
         });
         useIgnoreMutation(function(_, mutation) {
             if (ignoreMutation) {
@@ -104,15 +121,16 @@ import { useTiptapEditorEventCallback } from "./hooks/useTiptapEditorEventCallba
                 node,
                 view: editor.view
             }, this.dom, this.contentDOM);
-            return nodeView.ignoreMutation(mutation) ?? false;
+            var ref;
+            return (ref = nodeView.ignoreMutation(mutation)) !== null && ref !== void 0 ? ref : 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
@@ -121,7 +139,7 @@ import { useTiptapEditorEventCallback } from "./hooks/useTiptapEditorEventCallba
             htmlAttributes,
             node
         ]);
-        const finalClassName = cx("react-renderer", `node-${node.type.name}`, props.className, className, extraClassName, {
+        const finalClassName = cx("react-renderer", "node-".concat(node.type.name), props.className, className, extraClassName, {
             "ProseMirror-selectednode": selected
         });
         const updateAttributes = useEditorEventCallback((_, attributes)=>{
@@ -129,7 +147,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,
@@ -189,12 +207,11 @@ import { useTiptapEditorEventCallback } from "./hooks/useTiptapEditorEventCallba
         if (!editor) return null;
         return /*#__PURE__*/ React.createElement(ReactNodeViewContext.Provider, {
             value: nodeViewContext
-        }, /*#__PURE__*/ React.createElement(OuterTag, {
-            ref: finalRef,
-            ...props,
-            ...htmlProps,
+        }, /*#__PURE__*/ React.createElement(OuterTag, _extends({
+            ref: finalRef
+        }, props, htmlProps, {
             className: finalClassName
-        }, /*#__PURE__*/ React.createElement(WrappedComponent, {
+        }), /*#__PURE__*/ React.createElement(WrappedComponent, {
             node: node,
             getPos: getPos,
             view: editor.view,
@@ -208,6 +225,7 @@ import { useTiptapEditorEventCallback } from "./hooks/useTiptapEditorEventCallba
             deleteNode: deleteNode
         })));
     }));
-    TiptapNodeView.displayName = `TiptapNodeView(${WrappedComponent.displayName ?? "Anonymous"})`;
+    var _displayName;
+    TiptapNodeView.displayName = "TiptapNodeView(".concat((_displayName = WrappedComponent.displayName) !== null && _displayName !== void 0 ? _displayName : "Anonymous", ")");
     return TiptapNodeView;
 }