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

package/dist/cjs/tiptap/TiptapEditorView.js

@@ -54,7 +54,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     return newObj;
 }
 function TiptapEditorView(param) {
-    let { editor, nodeViews, children } = param;
+    let { editor, nodeViews, children, static: isStatic = false } = param;
     const forceUpdate = (0, _useForceUpdate.useForceUpdate)();
     const dispatchTransaction = (0, _react1.useCallback)((tr)=>{
         // @ts-expect-error calling private method
@@ -84,6 +84,7 @@ function TiptapEditorView(param) {
         editor
     ]);
     return /*#__PURE__*/ _react1.default.createElement(_ProseMirror.ProseMirror, {
+        static: isStatic,
         className: "tiptap",
         ...initialEditorProps,
         markViews: markViews,

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/TiptapEditorView.js

@@ -5,7 +5,7 @@ import { useForceUpdate } from "../hooks/useForceUpdate.js";
 /**
  * Render a Tiptap-compatible React ProseMirror editor.
  */ export function TiptapEditorView(param) {
-    let { editor, nodeViews, children } = param;
+    let { editor, nodeViews, children, static: isStatic = false } = param;
     const forceUpdate = useForceUpdate();
     const dispatchTransaction = useCallback((tr)=>{
         // @ts-expect-error calling private method
@@ -35,6 +35,7 @@ import { useForceUpdate } from "../hooks/useForceUpdate.js";
         editor
     ]);
     return /*#__PURE__*/ React.createElement(ProseMirror, {
+        static: isStatic,
         className: "tiptap",
         ...initialEditorProps,
         markViews: markViews,

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({