@handlewithcare/react-prosemirror 2.9.0-tiptap.25 → 3.0.1

package/dist/esm/tsconfig-paths/src/__tests__/tsconfig-loader.test.js

@@ -1,296 +0,0 @@
-import { loadTsconfig, tsConfigLoader, walkForTsConfig } from "../tsconfig-loader";
-import { join } from "path";
-describe("tsconfig-loader", ()=>{
-    it("should find tsconfig in cwd", ()=>{
-        const result = tsConfigLoader({
-            cwd: "/foo/bar",
-            getEnv: (_)=>undefined,
-            loadSync: (cwd)=>{
-                return {
-                    tsConfigPath: `${cwd}/tsconfig.json`,
-                    baseUrl: "./",
-                    paths: {}
-                };
-            }
-        });
-        // assert.equal(result.tsConfigPath, "/foo/bar/tsconfig.json");
-        expect(result.tsConfigPath).toBe("/foo/bar/tsconfig.json");
-    });
-    it("should return loaderResult.tsConfigPath as undefined when not found", ()=>{
-        const result = tsConfigLoader({
-            cwd: "/foo/bar",
-            getEnv: (_)=>undefined,
-            loadSync: (_)=>{
-                return {
-                    tsConfigPath: undefined,
-                    baseUrl: "./",
-                    paths: {}
-                };
-            }
-        });
-        // assert.isUndefined(result.tsConfigPath);
-        expect(result.tsConfigPath).toBeUndefined();
-    });
-    it("should use TS_NODE_PROJECT env if exists", ()=>{
-        const result = tsConfigLoader({
-            cwd: "/foo/bar",
-            getEnv: (key)=>key === "TS_NODE_PROJECT" ? "/foo/baz" : undefined,
-            loadSync: (cwd, fileName)=>{
-                if (cwd === "/foo/bar" && fileName === "/foo/baz") {
-                    return {
-                        tsConfigPath: "/foo/baz/tsconfig.json",
-                        baseUrl: "./",
-                        paths: {}
-                    };
-                }
-                return {
-                    tsConfigPath: undefined,
-                    baseUrl: "./",
-                    paths: {}
-                };
-            }
-        });
-        // assert.equal(result.tsConfigPath, "/foo/baz/tsconfig.json");
-        expect(result.tsConfigPath).toBe("/foo/baz/tsconfig.json");
-    });
-    it("should use TS_NODE_BASEURL env if exists", ()=>{
-        const result = tsConfigLoader({
-            cwd: "/foo/bar",
-            getEnv: (key)=>key === "TS_NODE_BASEURL" ? "SOME_BASEURL" : undefined,
-            loadSync: (_0, _1, baseUrl)=>{
-                return {
-                    tsConfigPath: undefined,
-                    baseUrl,
-                    paths: {}
-                };
-            }
-        });
-        // assert.equal(result.baseUrl, "SOME_BASEURL");
-        expect(result.baseUrl).toBe("SOME_BASEURL");
-    });
-    it("should not use TS_NODE_BASEURL env if it does not exist", ()=>{
-        const result = tsConfigLoader({
-            cwd: "/foo/bar",
-            getEnv: (_)=>{
-                return undefined;
-            },
-            loadSync: (_0, _1, baseUrl)=>{
-                return {
-                    tsConfigPath: undefined,
-                    baseUrl,
-                    paths: {}
-                };
-            }
-        });
-        // assert.equal(result.baseUrl, undefined);
-        expect(result.baseUrl).toBeUndefined();
-    });
-});
-describe("walkForTsConfig", ()=>{
-    it("should find tsconfig in starting directory", ()=>{
-        const pathToTsconfig = join("/root", "dir1", "tsconfig.json");
-        const res = walkForTsConfig(join("/root", "dir1"), (path)=>path === pathToTsconfig);
-        // assert.equal(res, pathToTsconfig);
-        expect(res).toBe(pathToTsconfig);
-    });
-    it("should find tsconfig in parent directory", ()=>{
-        const pathToTsconfig = join("/root", "tsconfig.json");
-        const res = walkForTsConfig(join("/root", "dir1"), (path)=>path === pathToTsconfig);
-        // assert.equal(res, pathToTsconfig);
-        expect(res).toBe(pathToTsconfig);
-    });
-    it("should return undefined when reaching the top", ()=>{
-        const res = walkForTsConfig(join("/root", "dir1", "kalle"), ()=>false);
-        // assert.equal(res, undefined);
-        expect(res).toBeUndefined();
-    });
-});
-describe("loadConfig", ()=>{
-    it("It should load a config", ()=>{
-        const config = {
-            compilerOptions: {
-                baseUrl: "hej"
-            }
-        };
-        const res = loadTsconfig("/root/dir1/tsconfig.json", (path)=>path === "/root/dir1/tsconfig.json", (_)=>JSON.stringify(config));
-        // assert.deepEqual(res, config);
-        expect(res).toStrictEqual(config);
-    });
-    it("It should load a config with comments", ()=>{
-        const config = {
-            compilerOptions: {
-                baseUrl: "hej"
-            }
-        };
-        const res = loadTsconfig("/root/dir1/tsconfig.json", (path)=>path === "/root/dir1/tsconfig.json", (_)=>`{
-          // my comment
-          "compilerOptions": { 
-            "baseUrl": "hej"
-          }
-        }`);
-        // assert.deepEqual(res, config);
-        expect(res).toStrictEqual(config);
-    });
-    it("It should load a config with trailing commas", ()=>{
-        const config = {
-            compilerOptions: {
-                baseUrl: "hej"
-            }
-        };
-        const res = loadTsconfig("/root/dir1/tsconfig.json", (path)=>path === "/root/dir1/tsconfig.json", (_)=>`{
-          "compilerOptions": { 
-            "baseUrl": "hej",
-          },
-        }`);
-        // assert.deepEqual(res, config);
-        expect(res).toStrictEqual(config);
-    });
-    it("It should load a config with extends and overwrite all options", ()=>{
-        const firstConfig = {
-            extends: "../base-config.json",
-            compilerOptions: {
-                baseUrl: "kalle",
-                paths: {
-                    foo: [
-                        "bar2"
-                    ]
-                }
-            }
-        };
-        const firstConfigPath = join("/root", "dir1", "tsconfig.json");
-        const baseConfig = {
-            compilerOptions: {
-                baseUrl: "olle",
-                paths: {
-                    foo: [
-                        "bar1"
-                    ]
-                },
-                strict: true
-            }
-        };
-        const baseConfigPath = join("/root", "base-config.json");
-        const res = loadTsconfig(join("/root", "dir1", "tsconfig.json"), (path)=>path === firstConfigPath || path === baseConfigPath, (path)=>{
-            if (path === firstConfigPath) {
-                return JSON.stringify(firstConfig);
-            }
-            if (path === baseConfigPath) {
-                return JSON.stringify(baseConfig);
-            }
-            return "";
-        });
-        // assert.deepEqual(res, {
-        //   extends: "../base-config.json",
-        //   compilerOptions: {
-        //     baseUrl: "kalle",
-        //     paths: { foo: ["bar2"] },
-        //     strict: true,
-        //   },
-        // });
-        expect(res).toEqual({
-            extends: "../base-config.json",
-            compilerOptions: {
-                baseUrl: "kalle",
-                paths: {
-                    foo: [
-                        "bar2"
-                    ]
-                },
-                strict: true
-            }
-        });
-    });
-    it("It should load a config with extends from node_modules and overwrite all options", ()=>{
-        const firstConfig = {
-            extends: "my-package/base-config.json",
-            compilerOptions: {
-                baseUrl: "kalle",
-                paths: {
-                    foo: [
-                        "bar2"
-                    ]
-                }
-            }
-        };
-        const firstConfigPath = join("/root", "dir1", "tsconfig.json");
-        const baseConfig = {
-            compilerOptions: {
-                baseUrl: "olle",
-                paths: {
-                    foo: [
-                        "bar1"
-                    ]
-                },
-                strict: true
-            }
-        };
-        const baseConfigPath = join("/root", "dir1", "node_modules", "my-package", "base-config.json");
-        const res = loadTsconfig(join("/root", "dir1", "tsconfig.json"), (path)=>path === firstConfigPath || path === baseConfigPath, (path)=>{
-            if (path === firstConfigPath) {
-                return JSON.stringify(firstConfig);
-            }
-            if (path === baseConfigPath) {
-                return JSON.stringify(baseConfig);
-            }
-            return "";
-        });
-        // assert.deepEqual(res, {
-        //   extends: "my-package/base-config.json",
-        //   compilerOptions: {
-        //     baseUrl: "kalle",
-        //     paths: { foo: ["bar2"] },
-        //     strict: true,
-        //   },
-        // });
-        expect(res).toEqual({
-            extends: "my-package/base-config.json",
-            compilerOptions: {
-                baseUrl: "kalle",
-                paths: {
-                    foo: [
-                        "bar2"
-                    ]
-                },
-                strict: true
-            }
-        });
-    });
-    it("Should use baseUrl relative to location of extended tsconfig", ()=>{
-        const firstConfig = {
-            compilerOptions: {
-                baseUrl: "."
-            }
-        };
-        const firstConfigPath = join("/root", "first-config.json");
-        const secondConfig = {
-            extends: "../first-config.json"
-        };
-        const secondConfigPath = join("/root", "dir1", "second-config.json");
-        const thirdConfig = {
-            extends: "../second-config.json"
-        };
-        const thirdConfigPath = join("/root", "dir1", "dir2", "third-config.json");
-        const res = loadTsconfig(join("/root", "dir1", "dir2", "third-config.json"), (path)=>path === firstConfigPath || path === secondConfigPath || path === thirdConfigPath, (path)=>{
-            if (path === firstConfigPath) {
-                return JSON.stringify(firstConfig);
-            }
-            if (path === secondConfigPath) {
-                return JSON.stringify(secondConfig);
-            }
-            if (path === thirdConfigPath) {
-                return JSON.stringify(thirdConfig);
-            }
-            return "";
-        });
-        // assert.deepEqual(res, {
-        //   extends: "../second-config.json",
-        //   compilerOptions: { baseUrl: join("..", "..") },
-        // });
-        expect(res).toEqual({
-            extends: "../second-config.json",
-            compilerOptions: {
-                baseUrl: join("..", "..")
-            }
-        });
-    });
-});

package/dist/esm/types/commands/__tests__/reorderSiblings.test.d.js

@@ -1 +0,0 @@
-export { };

package/dist/esm/types/components/__tests__/ProseMirror.composition.test.d.js

@@ -1 +0,0 @@
-export { };

package/dist/esm/types/components/__tests__/ProseMirror.domchange.test.d.js

@@ -1 +0,0 @@
-export { };

package/dist/esm/types/components/__tests__/ProseMirror.draw-decoration.test.d.js

@@ -1 +0,0 @@
-export { };

package/dist/esm/types/components/__tests__/ProseMirror.draw.test.d.js

@@ -1 +0,0 @@
-export { };

package/dist/esm/types/components/__tests__/ProseMirror.mobile.test.d.js

@@ -1 +0,0 @@
-export { };

package/dist/esm/types/components/__tests__/ProseMirror.node-view.test.d.js

@@ -1 +0,0 @@
-export { };

package/dist/esm/types/components/__tests__/ProseMirror.selection.test.d.js

@@ -1 +0,0 @@
-export { };

package/dist/esm/types/components/__tests__/ProseMirror.test.d.js

@@ -1 +0,0 @@
-export { };

package/dist/esm/types/contexts/__tests__/DeferredLayoutEffects.test.d.js

@@ -1 +0,0 @@
-export { };

package/dist/esm/types/hooks/__tests__/useEditorEffect.test.d.js

@@ -1 +0,0 @@
-export { };

package/dist/esm/types/plugins/__tests__/reactKeys.test.d.js

@@ -1 +0,0 @@
-export { };

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/components/marks/OldMarkView.d.ts

@@ -1,10 +0,0 @@
-import { Mark } from "prosemirror-model";
-import React, { ReactNode } from "react";
-type Props = {
-    mark: Mark;
-    getPos: () => number;
-    children: ReactNode;
-    inline?: boolean;
-};
-export declare const MarkView: React.MemoExoticComponent<React.ForwardRefExoticComponent<Props & React.RefAttributes<unknown>>>;
-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/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>>>;