@handlewithcare/react-prosemirror 2.8.0-tiptap.10 → 2.8.0-tiptap.11

package/dist/cjs/tiptap/tiptapNodeView.js

@@ -73,6 +73,30 @@ function tiptapNodeView(param) {
         const extensionManager = editor?.extensionManager ?? null;
         const extensions = extensionManager?.extensions ?? null;
         const selected = (0, _useIsNodeSelected.useIsNodeSelected)();
+        // This is just a dummy ref to satisfy Tiptap's types
+        const innerRef = (0, _react1.useRef)(null);
+        const htmlAttributes = (0, _react1.useMemo)(()=>{
+            if (!extensions) return {};
+            const attributes = (0, _core.getAttributesFromExtensions)(extensions);
+            const extensionAttributes = attributes.filter((attribute)=>attribute.type === extension.name);
+            return (0, _core.getRenderedAttributes)(node, extensionAttributes);
+        }, [
+            extensions,
+            node
+        ]);
+        const tiptapNodeViewRef = (0, _react1.useRef)(null);
+        if (!tiptapNodeViewRef.current && editor) {
+            tiptapNodeViewRef.current = new _core.NodeView(WrappedComponent, {
+                extension,
+                decorations,
+                editor,
+                getPos,
+                HTMLAttributes: htmlAttributes,
+                innerDecorations,
+                node,
+                view: editor.view
+            });
+        }
         (0, _useStopEvent.useStopEvent)((_, event)=>{
             if (stopEvent) {
                 return stopEvent.call({
@@ -83,7 +107,7 @@ function tiptapNodeView(param) {
                     event
                 });
             }
-            return false;
+            return tiptapNodeViewRef.current?.stopEvent(event) ?? false;
         });
         (0, _useIgnoreMutation.useIgnoreMutation)((_, mutation)=>{
             if (ignoreMutation) {
@@ -95,19 +119,8 @@ function tiptapNodeView(param) {
                     mutation
                 });
             }
-            return false;
+            return tiptapNodeViewRef.current?.ignoreMutation(mutation) ?? false;
         });
-        // This is just a dummy ref to satisfy Tiptap's types
-        const innerRef = (0, _react1.useRef)(null);
-        const htmlAttributes = (0, _react1.useMemo)(()=>{
-            if (!extensions) return {};
-            const attributes = (0, _core.getAttributesFromExtensions)(extensions);
-            const extensionAttributes = attributes.filter((attribute)=>attribute.type === extension.name);
-            return (0, _core.getRenderedAttributes)(node, extensionAttributes);
-        }, [
-            extensions,
-            node
-        ]);
         const { extraClassName, htmlProps } = (0, _react1.useMemo)(()=>{
             if (!attrs) return {};
             const resolvedAttrs = typeof attrs === "function" ? attrs({

package/dist/esm/tiptap/tiptapNodeView.js

@@ -1,4 +1,4 @@
-import { getAttributesFromExtensions, getRenderedAttributes } from "@tiptap/core";
+import { NodeView, getAttributesFromExtensions, getRenderedAttributes } from "@tiptap/core";
 import { ReactNodeViewContentProvider, useCurrentEditor } from "@tiptap/react";
 import cx from "classnames";
 import React, { forwardRef, memo, useMemo, useRef } from "react";
@@ -41,6 +41,30 @@ import { htmlAttrsToReactProps } from "../props.js";
         const extensionManager = editor?.extensionManager ?? null;
         const extensions = extensionManager?.extensions ?? null;
         const selected = useIsNodeSelected();
+        // This is just a dummy ref to satisfy Tiptap's types
+        const innerRef = useRef(null);
+        const htmlAttributes = useMemo(()=>{
+            if (!extensions) return {};
+            const attributes = getAttributesFromExtensions(extensions);
+            const extensionAttributes = attributes.filter((attribute)=>attribute.type === extension.name);
+            return getRenderedAttributes(node, extensionAttributes);
+        }, [
+            extensions,
+            node
+        ]);
+        const tiptapNodeViewRef = useRef(null);
+        if (!tiptapNodeViewRef.current && editor) {
+            tiptapNodeViewRef.current = new NodeView(WrappedComponent, {
+                extension,
+                decorations,
+                editor,
+                getPos,
+                HTMLAttributes: htmlAttributes,
+                innerDecorations,
+                node,
+                view: editor.view
+            });
+        }
         useStopEvent((_, event)=>{
             if (stopEvent) {
                 return stopEvent.call({
@@ -51,7 +75,7 @@ import { htmlAttrsToReactProps } from "../props.js";
                     event
                 });
             }
-            return false;
+            return tiptapNodeViewRef.current?.stopEvent(event) ?? false;
         });
         useIgnoreMutation((_, mutation)=>{
             if (ignoreMutation) {
@@ -63,19 +87,8 @@ import { htmlAttrsToReactProps } from "../props.js";
                     mutation
                 });
             }
-            return false;
+            return tiptapNodeViewRef.current?.ignoreMutation(mutation) ?? false;
         });
-        // This is just a dummy ref to satisfy Tiptap's types
-        const innerRef = useRef(null);
-        const htmlAttributes = useMemo(()=>{
-            if (!extensions) return {};
-            const attributes = getAttributesFromExtensions(extensions);
-            const extensionAttributes = attributes.filter((attribute)=>attribute.type === extension.name);
-            return getRenderedAttributes(node, extensionAttributes);
-        }, [
-            extensions,
-            node
-        ]);
         const { extraClassName, htmlProps } = useMemo(()=>{
             if (!attrs) return {};
             const resolvedAttrs = typeof attrs === "function" ? attrs({