@handlewithcare/react-prosemirror 2.8.0-tiptap.23 → 2.8.1

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

@@ -1,5 +0,0 @@
-import { useContext } from "react";
-import { EditorContext } from "../../contexts/EditorContext.js";
-export function useIsInReactProseMirror() {
-    return useContext(EditorContext) !== null;
-}

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

@@ -1,33 +0,0 @@
-import { useEditor } from "@tiptap/react";
-import { StaticEditorView } from "../../StaticEditorView.js";
-export function useTiptapEditor(options, deps) {
-    const editor = useEditor({
-        ...options,
-        element: null
-    }, deps);
-    // @ts-expect-error private property
-    editor.editorView ??= new StaticEditorView({
-        // @ts-expect-error private property
-        state: editor.editorState,
-        ...editor.options.editorProps,
-        attributes: {
-            role: "textbox",
-            ...editor.options.editorProps.attributes
-        }
-    });
-    // @ts-expect-error private property
-    const stateHasPlugins = !!editor.editorState.plugins.length;
-    const stateNeedsReconfigure = !stateHasPlugins && !editor.isDestroyed;
-    if (stateNeedsReconfigure) {
-        const managerPlugins = editor.extensionManager.plugins;
-        if (managerPlugins.length) {
-            // @ts-expect-error private property
-            editor.editorState = editor.editorState.reconfigure({
-                plugins: editor.extensionManager.plugins
-            });
-            // @ts-expect-error private property
-            editor.editorView.updateState(editor.editorState);
-        }
-    }
-    return editor;
-}

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

@@ -1,42 +0,0 @@
-import { useCurrentEditor } from "@tiptap/react";
-import { useContext } from "react";
-import { ReactEditorView } from "../../ReactEditorView.js";
-import { EditorContext } from "../../contexts/EditorContext.js";
-import { useEditorEffect } from "../../hooks/useEditorEffect.js";
-import { TiptapEditorContext } from "../contexts/TiptapEditorContext.js";
-/**
- * Registers a layout effect to run after the EditorView has
- * been updated with the latest EditorState and Decorations.
- *
- * Effects can take a Tiptap Editor instance as an argument.
- * This hook should be used to execute layout effects that
- * depend on the Editor, such as for positioning DOM
- * nodes based on ProseMirror positions.
- *
- * Layout effects registered with this hook still fire
- * synchronously after all DOM mutations, but they do so
- * _after_ the Editor has been updated, even when the
- * Editor lives in an ancestor component.
- *
- * This hook can only be used in a component that is mounted
- * 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);
-    useEditorEffect(()=>{
-        if (editor?.view instanceof ReactEditorView && view instanceof ReactEditorView && isEditorInitialized) {
-            return effect(editor);
-        }
-    // The rules of hooks want to be able to statically
-    // verify the dependencies for the effect, but this will
-    // have already happened at the call-site.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, dependencies && [
-        editor,
-        view,
-        isEditorInitialized,
-        ...dependencies
-    ]);
-}

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

@@ -1,35 +0,0 @@
-import { useCurrentEditor } from "@tiptap/react";
-import { useCallback, useRef } from "react";
-import { useEditorEffect } from "../../hooks/useEditorEffect.js";
-function assertEditor(editor) {
-    if (editor) return;
-    throw new DOMException("Tiptap Editor is not initialized", "InvalidStateError");
-}
-/**
- * Returns a stable function reference to be used as an
- * event handler callback.
- *
- * The callback will be called with the Tiptap Editor instance
- * as its first argument.
- *
- * This hook can only be used in a component that is mounted
- * as a child of the TiptapEditorView component, including
- * React node view components.
- */ export function useTiptapEditorEventCallback(callback) {
-    const ref = useRef(callback);
-    const { editor } = useCurrentEditor();
-    useEditorEffect(()=>{
-        ref.current = callback;
-    }, [
-        callback
-    ]);
-    return useCallback(function() {
-        for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
-            args[_key] = arguments[_key];
-        }
-        assertEditor(editor);
-        return ref.current(editor, ...args);
-    }, [
-        editor
-    ]);
-}

package/dist/esm/tiptap/index.js

@@ -1,9 +0,0 @@
-export { tiptapNodeView } from "./tiptapNodeView.js";
-export { TiptapEditorView } from "./TiptapEditorView.js";
-export { TiptapEditorContent } from "./TiptapEditorContent.js";
-export { useTiptapEditorEffect } from "./hooks/useTiptapEditorEffect.js";
-export { useIsInReactProseMirror } from "./hooks/useIsInReactProseMirror.js";
-export { useTiptapEditorEventCallback } from "./hooks/useTiptapEditorEventCallback.js";
-export { TiptapEditor } from "./TiptapEditor.js";
-export { useTiptapEditor } from "./hooks/useTiptapEditor.js";
-export { ReactProseMirror } from "./extensions/ReactProseMirror.js";

package/dist/esm/tiptap/tiptapNodeView.js

@@ -1,205 +0,0 @@
-import { getAttributesFromExtensions, getRenderedAttributes } from "@tiptap/core";
-import { ReactNodeViewContext, useCurrentEditor } from "@tiptap/react";
-import cx from "classnames";
-import React, { forwardRef, memo, useMemo } from "react";
-import { useEditorEventCallback } from "../hooks/useEditorEventCallback.js";
-import { useIgnoreMutation } from "../hooks/useIgnoreMutation.js";
-import { useIsNodeSelected } from "../hooks/useIsNodeSelected.js";
-import { useStopEvent } from "../hooks/useStopEvent.js";
-import { htmlAttrsToReactProps } from "../props.js";
-import { ReactProseMirrorNodeView } from "./ReactProseMirrorNodeView.js";
-import { useTiptapEditorEventCallback } from "./hooks/useTiptapEditorEventCallback.js";
-/**
- * Convert a Tiptap node view component to a React ProseMirror node view component
- *
- * Given a Tiptap-compatible React component and a Tiptap extension, returns
- * a React component that can be passed to React ProseMirror as a custom node view.
- *
- * Example:
- *
- * ```tsx
- * const nodeViews = {
- *   codeBlock: nodeView({
- *     component: function CodeBlock(nodeViewProps) {
- *       return (
- *         <AnnotatableNodeViewWrapper {...nodeViewProps}>
- *           <pre>
- *             <NodeViewContent as="code" />
- *           </pre>
- *         </AnnotatableNodeViewWrapper>
- *       )
- *     },
- *     extension: CodeBlockExtension,
- *   }),
- * }
- * ```
- */ export function tiptapNodeView(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 } = 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 htmlAttributes = useMemo(()=>{
-            if (!extensions) return {};
-            const attributes = getAttributesFromExtensions(extensions);
-            const extensionAttributes = attributes.filter((attribute)=>attribute.type === extension.name);
-            return getRenderedAttributes(node, extensionAttributes);
-        }, [
-            extensions,
-            node
-        ]);
-        useStopEvent(function(_, event) {
-            if (stopEvent) {
-                return stopEvent.call({
-                    name: extension.name,
-                    editor,
-                    type: node.type
-                }, {
-                    event
-                });
-            }
-            if (!editor || !(this.dom instanceof HTMLElement)) return false;
-            const nodeView = new ReactProseMirrorNodeView(WrappedComponent, {
-                extension,
-                decorations,
-                editor,
-                getPos,
-                HTMLAttributes: htmlAttributes,
-                innerDecorations,
-                node,
-                view: editor.view
-            }, this.dom, this.contentDOM);
-            return nodeView.stopEvent(event) ?? false;
-        });
-        useIgnoreMutation(function(_, mutation) {
-            if (ignoreMutation) {
-                return ignoreMutation.call({
-                    name: extension.name,
-                    editor,
-                    type: node.type
-                }, {
-                    mutation
-                });
-            }
-            if (!editor || !(this.dom instanceof HTMLElement)) return false;
-            const nodeView = new ReactProseMirrorNodeView(WrappedComponent, {
-                extension,
-                decorations,
-                editor,
-                getPos,
-                HTMLAttributes: htmlAttributes,
-                innerDecorations,
-                node,
-                view: editor.view
-            }, this.dom, this.contentDOM);
-            return nodeView.ignoreMutation(mutation) ?? false;
-        });
-        const { extraClassName, htmlProps } = useMemo(()=>{
-            if (!attrs) return {};
-            const resolvedAttrs = typeof attrs === "function" ? attrs({
-                node,
-                HTMLAttributes: htmlAttributes
-            }) : attrs;
-            const { className: extraClassName, ...htmlProps } = htmlAttrsToReactProps(resolvedAttrs);
-            return {
-                extraClassName,
-                htmlProps
-            };
-        }, [
-            htmlAttributes,
-            node
-        ]);
-        const finalClassName = cx("react-renderer", `node-${node.type.name}`, props.className, className, extraClassName, {
-            "ProseMirror-selectednode": selected
-        });
-        const updateAttributes = useEditorEventCallback((_, attributes)=>{
-            if (!editor) {
-                return;
-            }
-            editor.commands.command((param)=>{
-                let { tr } = param;
-                const pos = getPos();
-                tr.setNodeMarkup(pos, undefined, {
-                    ...node.attrs,
-                    ...attributes
-                });
-                return true;
-            });
-        });
-        const deleteNode = useEditorEventCallback(()=>{
-            if (!editor) {
-                return;
-            }
-            const from = getPos();
-            const to = from + node.nodeSize;
-            editor.commands.deleteRange({
-                from,
-                to
-            });
-        });
-        const nodeViewContent = useMemo(()=>/*#__PURE__*/ React.createElement(InnerTag, {
-                "data-node-view-content-inner": node.type.name,
-                style: {
-                    whitespace: "inherit"
-                }
-            }, children), [
-            children,
-            node.type.name
-        ]);
-        const onDragStart = useTiptapEditorEventCallback((editor, event)=>{
-            // TODO: We should probably just merge this with our own
-            // ref, I'm being lazy since we are providing this
-            // ref in the first place (in ReactNodeView), so we know
-            // it's an object
-            const dom = typeof ref === "object" ? ref?.current : null;
-            if (!dom) return;
-            const viewDesc = dom.pmViewDesc;
-            if (!viewDesc) return;
-            const nodeView = new ReactProseMirrorNodeView(WrappedComponent, {
-                extension,
-                decorations,
-                editor,
-                getPos,
-                HTMLAttributes: htmlAttributes,
-                innerDecorations,
-                node,
-                view: editor.view
-            }, viewDesc.dom, viewDesc.contentDOM);
-            return nodeView.onDragStart(event);
-        });
-        const nodeViewContext = useMemo(()=>({
-                nodeViewContentChildren: nodeViewContent,
-                onDragStart
-            }), [
-            nodeViewContent,
-            onDragStart
-        ]);
-        if (!editor) return null;
-        return /*#__PURE__*/ React.createElement(ReactNodeViewContext.Provider, {
-            value: nodeViewContext
-        }, /*#__PURE__*/ React.createElement(OuterTag, {
-            ref: ref,
-            ...props,
-            ...htmlProps,
-            className: finalClassName
-        }, /*#__PURE__*/ React.createElement(WrappedComponent, {
-            node: node,
-            getPos: getPos,
-            view: editor.view,
-            editor: editor,
-            decorations: decorations,
-            innerDecorations: innerDecorations,
-            extension: extension,
-            HTMLAttributes: htmlAttributes,
-            selected: selected,
-            updateAttributes: updateAttributes,
-            deleteNode: deleteNode
-        })));
-    }));
-    TiptapNodeView.displayName = `TiptapNodeView(${WrappedComponent.displayName ?? "Anonymous"})`;
-    return TiptapNodeView;
-} // const defaultOnDragStart = NodeView.

package/dist/types/components/CustomNodeView.d.ts

@@ -1,12 +0,0 @@
-import { Node } from "prosemirror-model";
-import { Decoration, DecorationSource, NodeViewConstructor } from "prosemirror-view";
-import React from "react";
-interface Props {
-    constructor: NodeViewConstructor;
-    node: Node;
-    getPos: () => number;
-    innerDeco: DecorationSource;
-    outerDeco: readonly Decoration[];
-}
-export declare const CustomNodeView: React.NamedExoticComponent<Props>;
-export {};

package/dist/types/components/DefaultNodeView.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import { NodeViewComponentProps } from "./NodeViewComponentProps.js";
-export declare const DefaultNodeView: React.ForwardRefExoticComponent<Omit<NodeViewComponentProps, "ref"> & React.RefAttributes<HTMLElement>>;

package/dist/types/components/DocNodeView.d.ts

@@ -1,12 +0,0 @@
-import { Node } from "prosemirror-model";
-import { Decoration, DecorationSource } from "prosemirror-view";
-import React, { HTMLProps, ReactElement } from "react";
-export interface DocNodeViewProps extends Omit<HTMLProps<HTMLElement>, "as"> {
-    as?: ReactElement;
-    node: Node;
-    getPos: () => number;
-    decorations: readonly Decoration[];
-    innerDecorations: DecorationSource;
-    setMount: (mount: HTMLElement | null) => void;
-}
-export declare const DocNodeView: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<DocNodeViewProps, "ref"> & React.RefAttributes<HTMLElement>>>;

package/dist/types/components/MarkView.d.ts

@@ -1,9 +0,0 @@
-import { Mark } from "prosemirror-model";
-import React, { ReactNode } from "react";
-type Props = {
-    mark: Mark;
-    getPos: () => number;
-    children: ReactNode;
-};
-export declare const MarkView: React.MemoExoticComponent<React.ForwardRefExoticComponent<Props & React.RefAttributes<unknown>>>;
-export {};

package/dist/types/components/NodeView.d.ts

@@ -1,11 +0,0 @@
-import { Node } from "prosemirror-model";
-import { Decoration, DecorationSource } from "prosemirror-view";
-import React from "react";
-type Props = {
-    node: Node;
-    getPos: () => number;
-    outerDeco: readonly Decoration[];
-    innerDeco: DecorationSource;
-};
-export declare const NodeView: React.NamedExoticComponent<Props>;
-export {};

package/dist/types/components/NodeViewComponentProps.d.ts

@@ -1,12 +0,0 @@
-import { Node } from "prosemirror-model";
-import { Decoration, DecorationSource } from "prosemirror-view";
-import { AllHTMLAttributes, LegacyRef } from "react";
-export interface NodeViewComponentProps extends AllHTMLAttributes<HTMLElement> {
-    nodeProps: {
-        decorations: readonly Decoration[];
-        innerDecorations: DecorationSource;
-        node: Node;
-        getPos: () => number;
-    };
-    ref: LegacyRef<any>;
-}

package/dist/types/components/ReactNodeView.d.ts

@@ -1,13 +0,0 @@
-import { Node } from "prosemirror-model";
-import { Decoration, DecorationSource } from "prosemirror-view";
-import React, { ComponentType } from "react";
-import { NodeViewComponentProps } from "./NodeViewComponentProps.js";
-type Props = {
-    component: ComponentType<NodeViewComponentProps>;
-    outerDeco: readonly Decoration[];
-    getPos: () => number;
-    node: Node;
-    innerDeco: DecorationSource;
-};
-export declare const ReactNodeView: React.NamedExoticComponent<Props>;
-export {};

package/dist/types/tiptap/ReactProseMirrorNodeView.d.ts

@@ -1,15 +0,0 @@
-import { Editor, NodeView, NodeViewRendererOptions, NodeViewRendererProps } from "@tiptap/core";
-/**
- * Subclass of Tiptap's NodeView to be used in tiptapNodeView.
- *
- * Allows us to pass in an existing dom and contentODM from React ProseMirror's
- * ViewDesc, so that we can call Tiptap's default stopEvent and ignoreMutation
- * methods
- */
-export declare class ReactProseMirrorNodeView<Component, NodeEditor extends Editor = Editor, Options extends NodeViewRendererOptions = NodeViewRendererOptions> extends NodeView<Component, NodeEditor, Options> {
-    private _dom;
-    private _contentDOM;
-    constructor(component: Component, props: NodeViewRendererProps, dom: HTMLElement, contentDOM: HTMLElement | null, options?: Partial<Options>);
-    get dom(): HTMLElement;
-    get contentDOM(): HTMLElement | null;
-}

package/dist/types/tiptap/TiptapEditor.d.ts

@@ -1,6 +0,0 @@
-import { Editor, type EditorOptions } from "@tiptap/core";
-import type { EditorView } from "prosemirror-view";
-export declare class TiptapEditor extends Editor {
-    constructor(options?: Partial<EditorOptions>);
-    get view(): EditorView;
-}

package/dist/types/tiptap/TiptapEditorContent.d.ts

@@ -1,19 +0,0 @@
-import { Editor } from "@tiptap/core";
-import { ReactRenderer } from "@tiptap/react";
-import React, { ForwardedRef, HTMLProps, ReactPortal } from "react";
-export type ContentComponent = {
-    setRenderer(id: string, renderer: ReactRenderer): void;
-    removeRenderer(id: string): void;
-    subscribe: (callback: () => void) => () => void;
-    getSnapshot: () => Record<string, ReactPortal>;
-    getServerSnapshot: () => Record<string, ReactPortal>;
-};
-export interface EditorContentProps extends HTMLProps<HTMLDivElement> {
-    editor: Editor | null;
-    innerRef?: ForwardedRef<HTMLDivElement | null>;
-}
-interface Props extends Omit<HTMLProps<HTMLElement>, "as"> {
-    editor: Editor;
-}
-export declare function TiptapEditorContent({ editor: editorProp, ...props }: Props): React.JSX.Element;
-export {};

package/dist/types/tiptap/TiptapEditorView.d.ts

@@ -1,16 +0,0 @@
-import { Editor } from "@tiptap/core";
-import React, { ComponentType, ReactNode } from "react";
-import { MarkViewComponentProps } from "../components/marks/MarkViewComponentProps.js";
-import { NodeViewComponentProps } from "../components/nodes/NodeViewComponentProps.js";
-interface Props {
-    editor: Editor;
-    nodeViews?: Record<string, ComponentType<NodeViewComponentProps>>;
-    markViews?: Record<string, ComponentType<MarkViewComponentProps>>;
-    children?: ReactNode;
-    static?: boolean;
-}
-/**
- * Render a Tiptap-compatible React ProseMirror editor.
- */
-export declare function TiptapEditorView({ editor, nodeViews, markViews, children, static: isStatic, }: Props): React.JSX.Element;
-export {};

package/dist/types/tiptap/TiptapNodeView.d.ts

@@ -1,15 +0,0 @@
-import { Editor, NodeView, NodeViewRendererOptions, NodeViewRendererProps } from "@tiptap/core";
-/**
- * Subclass of Tiptap's NodeView to be used in tiptapNodeView.
- *
- * Allows us to pass in an existing dom and contentODM from React ProseMirror's
- * ViewDesc, so that we can call Tiptap's default stopEvent and ignoreMutation
- * methods
- */
-export declare class ReactProseMirrorNodeView<Component, NodeEditor extends Editor = Editor, Options extends NodeViewRendererOptions = NodeViewRendererOptions> extends NodeView<Component, NodeEditor, Options> {
-    private _dom;
-    private _contentDOM;
-    constructor(component: Component, props: NodeViewRendererProps, dom: HTMLElement, contentDOM: HTMLElement | null, options?: Partial<Options>);
-    get dom(): HTMLElement;
-    get contentDOM(): HTMLElement | null;
-}

package/dist/types/tiptap/contexts/TiptapEditorContext.d.ts

@@ -1,6 +0,0 @@
-export interface TiptapEditorContextValue {
-    isEditorInitialized: boolean;
-    onEditorInitialize: () => void;
-    onEditorDeinitialize: () => void;
-}
-export declare const TiptapEditorContext: import("react").Context<TiptapEditorContextValue>;

package/dist/types/tiptap/extensions/ReactProseMirror.d.ts

@@ -1,9 +0,0 @@
-import { Extension } from "@tiptap/core";
-declare module "@tiptap/core" {
-    interface Commands<ReturnType> {
-        reactProseMirrorCommands: {
-            reorderSiblings: (pos: number, order: number[]) => ReturnType;
-        };
-    }
-}
-export declare const ReactProseMirror: Extension<any, any>;

package/dist/types/tiptap/hooks/useIsInReactProseMirror.d.ts

@@ -1 +0,0 @@
-export declare function useIsInReactProseMirror(): boolean;

package/dist/types/tiptap/hooks/useTiptapEditor.d.ts

@@ -1,4 +0,0 @@
-import { useEditor } from "@tiptap/react";
-import { DependencyList } from "react";
-export type UseTiptapEditorOptions = Omit<Parameters<typeof useEditor>[0], "element">;
-export declare function useTiptapEditor(options: UseTiptapEditorOptions, deps?: DependencyList): import("@tiptap/core").Editor;

package/dist/types/tiptap/hooks/useTiptapEditorEffect.d.ts

@@ -1,21 +0,0 @@
-import { Editor } from "@tiptap/core";
-import { DependencyList } from "react";
-/**
- * Registers a layout effect to run after the EditorView has
- * been updated with the latest EditorState and Decorations.
- *
- * Effects can take a Tiptap Editor instance as an argument.
- * This hook should be used to execute layout effects that
- * depend on the Editor, such as for positioning DOM
- * nodes based on ProseMirror positions.
- *
- * Layout effects registered with this hook still fire
- * synchronously after all DOM mutations, but they do so
- * _after_ the Editor has been updated, even when the
- * Editor lives in an ancestor component.
- *
- * This hook can only be used in a component that is mounted
- * as a child of the TiptapEditorView component, including
- * React node view components.
- */
-export declare function useTiptapEditorEffect(effect: (editor: Editor) => void | (() => void), dependencies?: DependencyList): void;

package/dist/types/tiptap/hooks/useTiptapEditorEventCallback.d.ts

@@ -1,13 +0,0 @@
-import { Editor } from "@tiptap/core";
-/**
- * Returns a stable function reference to be used as an
- * event handler callback.
- *
- * The callback will be called with the Tiptap Editor instance
- * as its first argument.
- *
- * This hook can only be used in a component that is mounted
- * as a child of the TiptapEditorView component, including
- * React node view components.
- */
-export declare function useTiptapEditorEventCallback<T extends unknown[], R>(callback: (editor: Editor, ...args: T) => R): (...args: T) => R;

package/dist/types/tiptap/index.d.ts

@@ -1,9 +0,0 @@
-export { tiptapNodeView } from "./tiptapNodeView.js";
-export { TiptapEditorView } from "./TiptapEditorView.js";
-export { TiptapEditorContent } from "./TiptapEditorContent.js";
-export { useTiptapEditorEffect } from "./hooks/useTiptapEditorEffect.js";
-export { useIsInReactProseMirror } from "./hooks/useIsInReactProseMirror.js";
-export { useTiptapEditorEventCallback } from "./hooks/useTiptapEditorEventCallback.js";
-export { TiptapEditor } from "./TiptapEditor.js";
-export { type UseTiptapEditorOptions, useTiptapEditor, } from "./hooks/useTiptapEditor.js";
-export { ReactProseMirror } from "./extensions/ReactProseMirror.js";

package/dist/types/tiptap/tiptapNodeView.d.ts

@@ -1,50 +0,0 @@
-import { type ReactNodeViewProps } from "@tiptap/react";
-import { type Node as ProseMirrorNode } from "prosemirror-model";
-import { ViewMutationRecord } from "prosemirror-view";
-import React, { type ComponentType, ElementType, Ref } from "react";
-import { NodeViewComponentProps } from "../components/nodes/NodeViewComponentProps.js";
-export interface TiptapNodeViewProps {
-    component: ComponentType<Omit<ReactNodeViewProps, "ref"> & {
-        ref?: Ref<HTMLElement | null>;
-    }>;
-    extension: ReactNodeViewProps["extension"];
-    className?: string | undefined;
-    attrs?: Record<string, string> | ((props: {
-        node: ProseMirrorNode;
-        HTMLAttributes: Record<string, unknown>;
-    }) => Record<string, string>) | undefined;
-    as?: ElementType | undefined;
-    stopEvent?: ((props: {
-        event: Event;
-    }) => boolean) | null;
-    ignoreMutation?: ((props: {
-        mutation: ViewMutationRecord;
-    }) => boolean) | null;
-    contentDOMElementTag?: ElementType | undefined;
-}
-/**
- * Convert a Tiptap node view component to a React ProseMirror node view component
- *
- * Given a Tiptap-compatible React component and a Tiptap extension, returns
- * a React component that can be passed to React ProseMirror as a custom node view.
- *
- * Example:
- *
- * ```tsx
- * const nodeViews = {
- *   codeBlock: nodeView({
- *     component: function CodeBlock(nodeViewProps) {
- *       return (
- *         <AnnotatableNodeViewWrapper {...nodeViewProps}>
- *           <pre>
- *             <NodeViewContent as="code" />
- *           </pre>
- *         </AnnotatableNodeViewWrapper>
- *       )
- *     },
- *     extension: CodeBlockExtension,
- *   }),
- * }
- * ```
- */
-export declare function tiptapNodeView({ component: WrappedComponent, extension, as, className, attrs, contentDOMElementTag: InnerTag, stopEvent, ignoreMutation, }: TiptapNodeViewProps): React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<NodeViewComponentProps, "ref"> & React.RefAttributes<HTMLElement | null>>>;