@handlewithcare/react-prosemirror 2.9.0-tiptap.24 → 3.0.0

package/dist/cjs/tiptap/tiptapNodeView.js

@@ -1,237 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "tiptapNodeView", {
-    enumerable: true,
-    get: function() {
-        return tiptapNodeView;
-    }
-});
-const _core = require("@tiptap/core");
-const _react = require("@tiptap/react");
-const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-const _react1 = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _useEditorEventCallback = require("../hooks/useEditorEventCallback.js");
-const _useIgnoreMutation = require("../hooks/useIgnoreMutation.js");
-const _useIsNodeSelected = require("../hooks/useIsNodeSelected.js");
-const _useStopEvent = require("../hooks/useStopEvent.js");
-const _props = require("../props.js");
-const _ReactProseMirrorNodeView = require("./ReactProseMirrorNodeView.js");
-const _useTiptapEditorEventCallback = require("./hooks/useTiptapEditorEventCallback.js");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
-function tiptapNodeView(param) {
-    let { component: WrappedComponent, extension, as, className = "", attrs, contentDOMElementTag: InnerTag = "div", stopEvent, ignoreMutation } = param;
-    const TiptapNodeView = /*#__PURE__*/ (0, _react1.memo)(/*#__PURE__*/ (0, _react1.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 } = (0, _react.useCurrentEditor)();
-        const extensionManager = editor?.extensionManager ?? null;
-        const extensions = extensionManager?.extensions ?? null;
-        const selected = (0, _useIsNodeSelected.useIsNodeSelected)();
-        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
-        ]);
-        (0, _useStopEvent.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.ReactProseMirrorNodeView(WrappedComponent, {
-                extension,
-                decorations,
-                editor,
-                getPos,
-                HTMLAttributes: htmlAttributes,
-                innerDecorations,
-                node,
-                view: editor.view
-            }, this.dom, this.contentDOM);
-            return nodeView.stopEvent(event) ?? false;
-        });
-        (0, _useIgnoreMutation.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.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 } = (0, _react1.useMemo)(()=>{
-            if (!attrs) return {};
-            const resolvedAttrs = typeof attrs === "function" ? attrs({
-                node,
-                HTMLAttributes: htmlAttributes
-            }) : attrs;
-            const { className: extraClassName, ...htmlProps } = (0, _props.htmlAttrsToReactProps)(resolvedAttrs);
-            return {
-                extraClassName,
-                htmlProps
-            };
-        }, [
-            htmlAttributes,
-            node
-        ]);
-        const finalClassName = (0, _classnames.default)("react-renderer", `node-${node.type.name}`, props.className, className, extraClassName, {
-            "ProseMirror-selectednode": selected
-        });
-        const updateAttributes = (0, _useEditorEventCallback.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 = (0, _useEditorEventCallback.useEditorEventCallback)(()=>{
-            if (!editor) {
-                return;
-            }
-            const from = getPos();
-            const to = from + node.nodeSize;
-            editor.commands.deleteRange({
-                from,
-                to
-            });
-        });
-        const nodeViewContent = (0, _react1.useMemo)(()=>/*#__PURE__*/ _react1.default.createElement(InnerTag, {
-                "data-node-view-content-inner": node.type.name,
-                style: {
-                    whitespace: "inherit"
-                }
-            }, children), [
-            children,
-            node.type.name
-        ]);
-        const onDragStart = (0, _useTiptapEditorEventCallback.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.ReactProseMirrorNodeView(WrappedComponent, {
-                extension,
-                decorations,
-                editor,
-                getPos,
-                HTMLAttributes: htmlAttributes,
-                innerDecorations,
-                node,
-                view: editor.view
-            }, viewDesc.dom, viewDesc.contentDOM);
-            return nodeView.onDragStart(event);
-        });
-        const nodeViewContext = (0, _react1.useMemo)(()=>({
-                nodeViewContentChildren: nodeViewContent,
-                onDragStart
-            }), [
-            nodeViewContent,
-            onDragStart
-        ]);
-        if (!editor) return null;
-        return /*#__PURE__*/ _react1.default.createElement(_react.ReactNodeViewContext.Provider, {
-            value: nodeViewContext
-        }, /*#__PURE__*/ _react1.default.createElement(OuterTag, {
-            ref: ref,
-            ...props,
-            ...htmlProps,
-            className: finalClassName
-        }, /*#__PURE__*/ _react1.default.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/esm/components/CustomNodeView.js

@@ -1,81 +0,0 @@
-import { DOMSerializer } from "prosemirror-model";
-import React, { cloneElement, memo, useMemo, useRef } from "react";
-import { createPortal } from "react-dom";
-import { ChildDescriptorsContext } from "../contexts/ChildDescriptorsContext.js";
-import { useNodeViewDescriptor } from "../hooks/useNodeViewDescriptor.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
-        }), [
-        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 } = useNodeViewDescriptor(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)
-        };
-    }, nodeProps);
-    const Component = node.isInline ? "span" : "div";
-    const props = {
-        ref: innerRef
-    };
-    const children = !node.isLeaf && contentDOM ? /*#__PURE__*/ createPortal(/*#__PURE__*/ React.createElement(ChildDescriptorsContext.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/components/DefaultNodeView.js

@@ -1,16 +0,0 @@
-import React, { forwardRef, useMemo } from "react";
-import { OutputSpec } from "./OutputSpec.js";
-export const DefaultNodeView = /*#__PURE__*/ forwardRef(function DefaultNodeView(param, ref) {
-    let { nodeProps: { node }, children, ...props } = param;
-    const spec = useMemo(()=>node.type.spec.toDOM?.(node), [
-        node
-    ]);
-    if (!spec) {
-        throw new Error(`Node spec for ${node.type.name} is missing toDOM`);
-    }
-    return /*#__PURE__*/ React.createElement(OutputSpec, {
-        ...props,
-        outputSpec: spec,
-        ref: ref
-    }, children);
-});

package/dist/esm/components/DocNodeView.js

@@ -1,45 +0,0 @@
-import React, { cloneElement, createElement, forwardRef, memo, useImperativeHandle, useMemo, useRef } from "react";
-import { ChildDescriptorsContext } from "../contexts/ChildDescriptorsContext.js";
-import { useNodeViewDescriptor } from "../hooks/useNodeViewDescriptor.js";
-import { ChildNodeViews, wrapInDeco } from "./ChildNodeViews.js";
-export const DocNodeView = /*#__PURE__*/ memo(/*#__PURE__*/ forwardRef(function DocNodeView(param, ref) {
-    let { as, node, getPos, decorations, innerDecorations, setMount, ...elementProps } = param;
-    const innerRef = useRef(null);
-    useImperativeHandle(ref, ()=>innerRef.current);
-    useImperativeHandle(setMount, ()=>innerRef.current);
-    const nodeProps = useMemo(()=>({
-            node,
-            getPos,
-            decorations,
-            innerDecorations
-        }), [
-        node,
-        getPos,
-        decorations,
-        innerDecorations
-    ]);
-    const { childContextValue } = useNodeViewDescriptor(innerRef, ()=>{
-        const dom = innerRef.current;
-        return {
-            dom,
-            contentDOM: dom,
-            update () {
-                return true;
-            }
-        };
-    }, nodeProps);
-    const children = /*#__PURE__*/ React.createElement(ChildDescriptorsContext.Provider, {
-        value: childContextValue
-    }, /*#__PURE__*/ React.createElement(ChildNodeViews, {
-        getPos: getPos,
-        node: node,
-        innerDecorations: innerDecorations
-    }));
-    const props = {
-        ...elementProps,
-        suppressContentEditableWarning: true,
-        ref: innerRef
-    };
-    const element = as ? /*#__PURE__*/ cloneElement(as, props, children) : /*#__PURE__*/ createElement("div", props, children);
-    return nodeProps.decorations.reduce(wrapInDeco, element);
-}));

package/dist/esm/components/MarkView.js

@@ -1,68 +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 } = 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, true), [
-        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/NodeView.js

@@ -1,35 +0,0 @@
-import React, { memo, useContext, useMemo } from "react";
-import { NodeViewContext } from "../contexts/NodeViewContext.js";
-import { CustomNodeView } from "./CustomNodeView.js";
-import { DefaultNodeView } from "./DefaultNodeView.js";
-import { ReactNodeView } from "./ReactNodeView.js";
-export const NodeView = /*#__PURE__*/ memo(function NodeView(props) {
-    const { components, constructors } = useContext(NodeViewContext);
-    const component = components[props.node.type.name] ?? DefaultNodeView;
-    const constructor = constructors[props.node.type.name];
-    // Construct a wrapper component so that the node view remounts when either
-    // its component or constructor changes. A React node view would remount if
-    // its underlying component changed without this wrapper, but a custom node
-    // view otherwise uses the same React components for all custom node views.
-    const Component = useMemo(()=>{
-        if (constructor) {
-            return function NodeView(props) {
-                return /*#__PURE__*/ React.createElement(CustomNodeView, {
-                    constructor: constructor,
-                    ...props
-                });
-            };
-        } else {
-            return function NodeView(props) {
-                return /*#__PURE__*/ React.createElement(ReactNodeView, {
-                    component: component,
-                    ...props
-                });
-            };
-        }
-    }, [
-        constructor,
-        component
-    ]);
-    return /*#__PURE__*/ React.createElement(Component, props);
-});

package/dist/esm/components/NodeViewComponentProps.js

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

package/dist/esm/components/ReactNodeView.js

@@ -1,123 +0,0 @@
-import React, { cloneElement, memo, useCallback, useMemo, useRef, useState } from "react";
-import { ChildDescriptorsContext } from "../contexts/ChildDescriptorsContext.js";
-import { IgnoreMutationContext } from "../contexts/IgnoreMutationContext.js";
-import { SelectNodeContext } from "../contexts/SelectNodeContext.js";
-import { StopEventContext } from "../contexts/StopEventContext.js";
-import { useNodeViewDescriptor } from "../hooks/useNodeViewDescriptor.js";
-import { ChildNodeViews, wrapInDeco } from "./ChildNodeViews.js";
-export const ReactNodeView = /*#__PURE__*/ memo(function ReactNodeView(param) {
-    let { component: Component, outerDeco, getPos, node, innerDeco } = param;
-    const [hasCustomSelectNode, setHasCustomSelectNode] = useState(false);
-    const [selected, setSelected] = useState(false);
-    const ref = useRef(null);
-    const innerRef = useRef(null);
-    const selectNodeRef = useRef(null);
-    const deselectNodeRef = useRef(null);
-    const stopEventRef = useRef(null);
-    const ignoreMutationRef = useRef(null);
-    const setSelectNode = useCallback((selectHandler, deselectHandler)=>{
-        selectNodeRef.current = selectHandler;
-        deselectNodeRef.current = deselectHandler;
-        setHasCustomSelectNode(true);
-        return ()=>{
-            selectNodeRef.current = null;
-            deselectNodeRef.current = null;
-            setHasCustomSelectNode(false);
-        };
-    }, []);
-    const setStopEvent = useCallback((handler)=>{
-        stopEventRef.current = handler;
-        return ()=>{
-            stopEventRef.current = null;
-        };
-    }, []);
-    const setIgnoreMutation = useCallback((handler)=>{
-        ignoreMutationRef.current = handler;
-        return ()=>{
-            ignoreMutationRef.current = null;
-            return ()=>{
-                ignoreMutationRef.current = null;
-            };
-        };
-    }, []);
-    const nodeProps = useMemo(()=>({
-            node: node,
-            getPos: getPos,
-            decorations: outerDeco,
-            innerDecorations: innerDeco
-        }), [
-        getPos,
-        innerDeco,
-        node,
-        outerDeco
-    ]);
-    const { childContextValue, contentDOM, nodeDOM } = useNodeViewDescriptor(ref, ()=>{
-        setSelected(false);
-        return {
-            dom: innerRef.current ?? ref.current,
-            update () {
-                return true;
-            },
-            multiType: true,
-            selectNode () {
-                const selectNode = selectNodeRef.current;
-                if (selectNode) {
-                    selectNode.call(this);
-                }
-                setSelected(true);
-            },
-            deselectNode () {
-                const deselectNode = deselectNodeRef.current;
-                if (deselectNode) {
-                    deselectNode.call(this);
-                }
-                setSelected(false);
-            },
-            stopEvent (event) {
-                const stopEvent = stopEventRef.current;
-                if (stopEvent) {
-                    return stopEvent.call(this, event);
-                }
-                return false;
-            },
-            ignoreMutation (mutation) {
-                const ignoreMutation = ignoreMutationRef.current;
-                if (ignoreMutation) {
-                    return ignoreMutation.call(this, mutation);
-                }
-                return false;
-            }
-        };
-    }, nodeProps);
-    const props = {
-        nodeProps,
-        ...!contentDOM && !nodeProps.node.isText && nodeDOM?.nodeName !== "BR" ? {
-            contentEditable: false,
-            suppressContentEditableWarning: true
-        } : null,
-        ...!hasCustomSelectNode && selected ? {
-            className: "ProseMirror-selectednode"
-        } : null,
-        ...!hasCustomSelectNode && selected || node.type.spec.draggable ? {
-            draggable: true
-        } : null,
-        ref: innerRef
-    };
-    const children = !node.isLeaf ? /*#__PURE__*/ React.createElement(ChildNodeViews, {
-        getPos: getPos,
-        node: node,
-        innerDecorations: innerDeco
-    }) : null;
-    const element = /*#__PURE__*/ cloneElement(outerDeco.reduce(wrapInDeco, /*#__PURE__*/ React.createElement(Component, props, children)), {
-        ref
-    });
-    return /*#__PURE__*/ React.createElement(SelectNodeContext.Provider, {
-        value: setSelectNode
-    }, /*#__PURE__*/ React.createElement(StopEventContext.Provider, {
-        value: setStopEvent
-    }, /*#__PURE__*/ React.createElement(IgnoreMutationContext.Provider, {
-        value: setIgnoreMutation
-    }, /*#__PURE__*/ React.createElement(ChildDescriptorsContext.Provider, {
-        value: childContextValue
-    }, element))));
-});

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));
-}));