@handlewithcare/react-prosemirror 3.1.0-tiptap.36 → 3.1.0-tiptap.38

package/dist/esm/components/marks/OldMarkView.js

@@ -1,69 +0,0 @@
-import React, { forwardRef, memo, useContext, useImperativeHandle, useMemo, useRef } from "react";
-import { ChildDescriptorsContext } from "../../contexts/ChildDescriptorsContext.js";
-import { useClientLayoutEffect } from "../../hooks/useClientLayoutEffect.js";
-import { MarkViewDesc, sortViewDescs } from "../../viewdesc.js";
-import { OutputSpec } from "../OutputSpec.js";
-export const MarkView = /*#__PURE__*/ memo(/*#__PURE__*/ forwardRef(function MarkView(param, ref) {
-    let { mark, getPos, children, inline = false } = param;
-    const { siblingsRef, parentRef } = useContext(ChildDescriptorsContext);
-    const viewDescRef = useRef(undefined);
-    const childDescriptors = useRef([]);
-    const domRef = useRef(null);
-    useImperativeHandle(ref, ()=>{
-        return domRef.current;
-    }, []);
-    const outputSpec = useMemo(()=>mark.type.spec.toDOM?.(mark, inline), [
-        inline,
-        mark
-    ]);
-    if (!outputSpec) throw new Error(`Mark spec for ${mark.type.name} is missing toDOM`);
-    useClientLayoutEffect(()=>{
-        const siblings = siblingsRef.current;
-        return ()=>{
-            if (!viewDescRef.current) return;
-            if (siblings.includes(viewDescRef.current)) {
-                const index = siblings.indexOf(viewDescRef.current);
-                siblings.splice(index, 1);
-            }
-        };
-    }, [
-        siblingsRef
-    ]);
-    useClientLayoutEffect(()=>{
-        if (!domRef.current) return;
-        const firstChildDesc = childDescriptors.current[0];
-        if (!viewDescRef.current) {
-            viewDescRef.current = new MarkViewDesc(parentRef.current, childDescriptors.current, getPos, mark, domRef.current, firstChildDesc?.dom.parentElement ?? domRef.current, {
-                dom: domRef.current,
-                contentDOM: firstChildDesc?.dom.parentElement ?? domRef.current
-            });
-        } else {
-            viewDescRef.current.parent = parentRef.current;
-            viewDescRef.current.spec.dom = viewDescRef.current.dom = domRef.current;
-            viewDescRef.current.children = childDescriptors.current;
-            viewDescRef.current.spec.contentDOM = viewDescRef.current.contentDOM = firstChildDesc?.dom.parentElement ?? domRef.current;
-            viewDescRef.current.mark = mark;
-        }
-        if (!siblingsRef.current.includes(viewDescRef.current)) {
-            siblingsRef.current.push(viewDescRef.current);
-        }
-        siblingsRef.current.sort(sortViewDescs);
-        for (const childDesc of childDescriptors.current){
-            childDesc.parent = viewDescRef.current;
-        }
-    });
-    const childContextValue = useMemo(()=>({
-            parentRef: viewDescRef,
-            siblingsRef: childDescriptors
-        }), [
-        childDescriptors,
-        viewDescRef
-    ]);
-    return /*#__PURE__*/ React.createElement(OutputSpec, {
-        ref: domRef,
-        outputSpec: outputSpec,
-        isMark: true
-    }, /*#__PURE__*/ React.createElement(ChildDescriptorsContext.Provider, {
-        value: childContextValue
-    }, children));
-}));

package/dist/esm/components/nodes/CustomNodeView.js

@@ -1,84 +0,0 @@
-import { DOMSerializer } from "prosemirror-model";
-import React, { cloneElement, memo, useMemo, useRef } from "react";
-import { createPortal } from "react-dom";
-import { ChildDescriptionsContext } from "../../contexts/ChildDescriptionsContext.js";
-import { useNodeViewDescription } from "../../hooks/useNodeViewDescription.js";
-import { ChildNodeViews, wrapInDeco } from "../ChildNodeViews.js";
-export const CustomNodeView = /*#__PURE__*/ memo(function CustomNodeView(param) {
-    let { constructor, node, getPos, innerDeco, outerDeco } = param;
-    const ref = useRef(null);
-    const innerRef = useRef(null);
-    const nodeProps = useMemo(()=>({
-            node,
-            getPos,
-            decorations: outerDeco,
-            innerDecorations: innerDeco,
-            contentDOMRef: {
-                current: null
-            }
-        }), [
-        node,
-        getPos,
-        outerDeco,
-        innerDeco
-    ]);
-    const createNodeView = function() {
-        for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
-            args[_key] = arguments[_key];
-        }
-        const nodeView = constructor(...args);
-        if (!nodeView || !nodeView.dom) {
-            const spec = node.type.spec.toDOM?.(node);
-            if (!spec) {
-                throw new Error(`Node spec for ${node.type.name} is missing toDOM`);
-            }
-            return DOMSerializer.renderSpec(document, spec, null);
-        }
-        return nodeView;
-    };
-    const { childContextValue, contentDOM } = useNodeViewDescription(ref, function() {
-        for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
-            args[_key] = arguments[_key];
-        }
-        const nodeView = createNodeView(...args);
-        const contentDOM = nodeView.contentDOM;
-        const nodeDOM = nodeView.dom;
-        const wrapperDOM = innerRef.current ?? ref.current;
-        wrapperDOM.appendChild(nodeDOM);
-        if (!contentDOM && nodeDOM instanceof HTMLElement && nodeDOM.tagName !== "BR") {
-            if (!nodeDOM.hasAttribute("contenteditable")) {
-                nodeDOM.contentEditable = "false";
-            }
-            if (node.type.spec.draggable) {
-                nodeDOM.draggable = true;
-            }
-        }
-        return {
-            ...nodeView,
-            destroy () {
-                if (nodeView.destroy) {
-                    nodeView.destroy();
-                }
-                wrapperDOM.removeChild(nodeDOM);
-            },
-            selectNode: nodeView.selectNode?.bind(nodeView),
-            deselectNode: nodeView.deselectNode?.bind(nodeView),
-            stopEvent: nodeView.stopEvent?.bind(nodeView),
-            ignoreMutation: nodeView.ignoreMutation?.bind(nodeView)
-        };
-    }, (source)=>source?.contentDOM ?? null, nodeProps);
-    const Component = node.isInline ? "span" : "div";
-    const props = {
-        ref: innerRef
-    };
-    const children = !node.isLeaf && contentDOM ? /*#__PURE__*/ createPortal(/*#__PURE__*/ React.createElement(ChildDescriptionsContext.Provider, {
-        value: childContextValue
-    }, /*#__PURE__*/ React.createElement(ChildNodeViews, {
-        getPos: getPos,
-        node: node,
-        innerDecorations: innerDeco
-    })), contentDOM) : null;
-    return /*#__PURE__*/ cloneElement(outerDeco.reduce(wrapInDeco, /*#__PURE__*/ React.createElement(Component, props, children)), {
-        ref
-    });
-});

package/dist/esm/contexts/ChildDescriptorsContext.js

@@ -1,9 +0,0 @@
-import { createContext } from "react";
-export const ChildDescriptorsContext = createContext({
-    parentRef: {
-        current: undefined
-    },
-    siblingsRef: {
-        current: []
-    }
-});

package/dist/esm/hooks/useNodeViewDescriptor.js

@@ -1,146 +0,0 @@
-import { useContext, useMemo, useRef, useState } from "react";
-import { ReactEditorView } from "../ReactEditorView.js";
-import { ChildDescriptorsContext } from "../contexts/ChildDescriptorsContext.js";
-import { EditorContext } from "../contexts/EditorContext.js";
-import { CompositionViewDesc, ReactNodeViewDesc, sortViewDescs } from "../viewdesc.js";
-import { useClientLayoutEffect } from "./useClientLayoutEffect.js";
-import { useEffectEvent } from "./useEffectEvent.js";
-function findContentDOM(view, source, children) {
-    // When a composition is happening, we want to essentially freeze everything,
-    // so we maintain the current contentDOM.
-    return view.composing ? source?.contentDOM ?? null : children[0]?.dom?.parentElement ?? null;
-}
-export function useNodeViewDescriptor(ref, constructor, props) {
-    const { view } = useContext(EditorContext);
-    const { parentRef, siblingsRef } = useContext(ChildDescriptorsContext);
-    const [dom, setDOM] = useState(null);
-    const [nodeDOM, setNodeDOM] = useState(null);
-    const [contentDOM, setContentDOM] = useState(null);
-    const viewDescRef = useRef();
-    const childrenRef = useRef([]);
-    const create = useEffectEvent(()=>{
-        if (!(view instanceof ReactEditorView)) {
-            return;
-        }
-        const dom = ref.current;
-        if (!dom) {
-            return;
-        }
-        const { node, getPos, decorations, innerDecorations } = props;
-        const nodeView = constructor(node, view, getPos, decorations, innerDecorations);
-        if (!nodeView) {
-            return;
-        }
-        const parent = parentRef.current;
-        const children = childrenRef.current;
-        const contentDOM = findContentDOM(view, nodeView, children);
-        const nodeDOM = nodeView.dom;
-        const viewDesc = new ReactNodeViewDesc(parent, children, getPos, node, decorations, innerDecorations, dom, contentDOM, nodeDOM, nodeView);
-        setDOM(dom);
-        setContentDOM(contentDOM);
-        setNodeDOM(nodeDOM);
-        return viewDesc;
-    });
-    const update = useEffectEvent(()=>{
-        if (!(view instanceof ReactEditorView)) {
-            return false;
-        }
-        const viewDesc = viewDescRef.current;
-        if (!viewDesc) {
-            return false;
-        }
-        const dom = ref.current;
-        if (!dom || dom !== viewDesc.dom) {
-            return false;
-        }
-        const contentDOM = findContentDOM(view, viewDesc, viewDesc.children);
-        if (contentDOM !== viewDesc.contentDOM) {
-            return false;
-        }
-        if (!dom.contains(viewDesc.nodeDOM)) {
-            return false;
-        }
-        const { node, decorations, innerDecorations } = props;
-        return viewDesc.matchesNode(node, decorations, innerDecorations) || viewDesc.update(node, decorations, innerDecorations, view);
-    });
-    const destroy = useEffectEvent(()=>{
-        const viewDesc = viewDescRef.current;
-        if (!viewDesc) {
-            return;
-        }
-        viewDesc.destroy();
-        const siblings = siblingsRef.current;
-        if (siblings.includes(viewDesc)) {
-            const index = siblings.indexOf(viewDesc);
-            siblings.splice(index, 1);
-        }
-        setDOM(null);
-        setContentDOM(null);
-        setNodeDOM(null);
-    });
-    useClientLayoutEffect(()=>{
-        viewDescRef.current = create();
-        return ()=>{
-            destroy();
-        };
-    }, [
-        create,
-        destroy
-    ]);
-    useClientLayoutEffect(()=>{
-        if (!update()) {
-            destroy();
-            viewDescRef.current = create();
-        }
-        const viewDesc = viewDescRef.current;
-        if (!viewDesc) {
-            return;
-        }
-        if (view.dom === viewDesc.dom && view instanceof ReactEditorView) {
-            view.docView = viewDesc;
-        }
-        const parent = parentRef.current;
-        const siblings = siblingsRef.current;
-        const children = childrenRef.current;
-        viewDesc.parent = parent;
-        if (!siblings.includes(viewDesc)) {
-            siblings.push(viewDesc);
-        }
-        siblings.sort(sortViewDescs);
-        for (const child of children){
-            child.parent = viewDesc;
-            // Because TextNodeViews can't locate the DOM nodes
-            // for compositions, we need to override them here
-            if (child instanceof CompositionViewDesc) {
-                const compositionTopDOM = viewDesc?.contentDOM?.firstChild;
-                if (!compositionTopDOM) throw new Error(`Started a composition but couldn't find the text node it belongs to.`);
-                let textDOM = compositionTopDOM;
-                while(textDOM.firstChild){
-                    textDOM = textDOM.firstChild;
-                }
-                if (!textDOM || !(textDOM instanceof Text)) throw new Error(`Started a composition but couldn't find the text node it belongs to.`);
-                child.dom = compositionTopDOM;
-                child.textDOM = textDOM;
-                child.text = textDOM.data;
-                child.textDOM.pmViewDesc = child;
-                // It should not be possible to be in a composition because one could
-                // not start between the renders that switch the view type.
-                view.input.compositionNodes.push(child);
-            }
-        }
-    });
-    const childContextValue = useMemo(()=>({
-            parentRef: viewDescRef,
-            siblingsRef: childrenRef
-        }), [
-        childrenRef,
-        viewDescRef
-    ]);
-    return {
-        childContextValue,
-        dom,
-        contentDOM,
-        nodeDOM,
-        ref
-    };
-}

package/dist/esm/tiptap/TiptapNodeView.js

@@ -1,22 +0,0 @@
-import { NodeView } 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 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;
-    }
-}

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/CustomMarkView.d.ts

@@ -1,12 +0,0 @@
-import { Mark } from "prosemirror-model";
-import { MarkViewConstructor } from "prosemirror-view";
-import React, { ReactNode } from "react";
-interface Props {
-    constructor: MarkViewConstructor;
-    mark: Mark;
-    inline: boolean;
-    getPos: () => number;
-    children: ReactNode;
-}
-export declare const CustomMarkView: 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/components/nodes/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/contexts/ChildDescriptorsContext.d.ts

@@ -1,6 +0,0 @@
-import { MutableRefObject } from "react";
-import { ViewDesc } from "../viewdesc.js";
-export declare const ChildDescriptorsContext: import("react").Context<{
-    parentRef: MutableRefObject<ViewDesc | undefined>;
-    siblingsRef: MutableRefObject<ViewDesc[]>;
-}>;

package/dist/types/hooks/useNodeViewDescriptor.d.ts

@@ -1,20 +0,0 @@
-import { NodeViewConstructor } from "prosemirror-view";
-import { NodeViewComponentProps } from "../components/nodes/NodeViewComponentProps.js";
-import { DOMNode } from "../dom.js";
-import { NodeViewDesc, ViewDesc } from "../viewdesc.js";
-type Props = NodeViewComponentProps["nodeProps"];
-export declare function useNodeViewDescriptor(ref: {
-    readonly current: DOMNode | null;
-}, constructor: NodeViewConstructor, props: Props): {
-    childContextValue: {
-        parentRef: import("react").MutableRefObject<NodeViewDesc | undefined>;
-        siblingsRef: import("react").MutableRefObject<ViewDesc[]>;
-    };
-    dom: Node | null;
-    contentDOM: HTMLElement | null;
-    nodeDOM: Node | null;
-    ref: {
-        readonly current: DOMNode | null;
-    };
-};
-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;
-}