@handlewithcare/react-prosemirror 2.4.12 → 2.5.0

package/dist/cjs/hooks/useEditorView.js

@@ -1,100 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useEditorView", {
-    enumerable: true,
-    get: ()=>useEditorView
-});
-const _prosemirrorModel = require("prosemirror-model");
-const _prosemirrorState = require("prosemirror-state");
-const _prosemirrorView = require("prosemirror-view");
-const _react = require("react");
-const _reactDom = require("react-dom");
-const _useComponentEventListenersJs = require("./useComponentEventListeners.js");
-const EMPTY_SCHEMA = new _prosemirrorModel.Schema({
-    nodes: {
-        doc: {
-            content: "text*"
-        },
-        text: {
-            inline: true
-        }
-    }
-});
-const EMPTY_STATE = _prosemirrorState.EditorState.create({
-    schema: EMPTY_SCHEMA
-});
-let didWarnValueDefaultValue = false;
-function useEditorView(mount, options) {
-    if (process.env.NODE_ENV !== "production") {
-        if (options.defaultState !== undefined && options.state !== undefined && !didWarnValueDefaultValue) {
-            console.error("A component contains a ProseMirror editor with both value and defaultValue props. " + "ProseMirror editors must be either controlled or uncontrolled " + "(specify either the state prop, or the defaultState prop, but not both). " + "Decide between using a controlled or uncontrolled ProseMirror editor " + "and remove one of these props. More info: " + "https://reactjs.org/link/controlled-components");
-            didWarnValueDefaultValue = true;
-        }
-    }
-    const defaultState = options.defaultState ?? EMPTY_STATE;
-    const [_state, setState] = (0, _react.useState)(defaultState);
-    const state = options.state ?? _state;
-    const { componentEventListenersPlugin , registerEventListener , unregisterEventListener  } = (0, _useComponentEventListenersJs.useComponentEventListeners)();
-    const plugins = (0, _react.useMemo)(()=>[
-            ...options.plugins ?? [],
-            componentEventListenersPlugin
-        ], [
-        options.plugins,
-        componentEventListenersPlugin
-    ]);
-    function dispatchTransaction(tr) {
-        (0, _reactDom.flushSync)(()=>{
-            if (!options.state) {
-                setState((s)=>s.apply(tr));
-            }
-            if (options.dispatchTransaction) {
-                options.dispatchTransaction.call(this, tr);
-            }
-        });
-    }
-    const directEditorProps = {
-        ...options,
-        state,
-        plugins,
-        dispatchTransaction
-    };
-    const [_view, setView] = (0, _react.useState)(null);
-    const view = options.view ?? _view;
-    (0, _react.useLayoutEffect)(()=>{
-        return ()=>{
-            if (_view) {
-                _view.destroy();
-            }
-        };
-    }, [
-        _view
-    ]);
-    // This effect runs on every render and handles the view lifecycle.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    (0, _react.useLayoutEffect)(()=>{
-        if (_view) {
-            if (_view.dom === mount) {
-                _view.setProps(directEditorProps);
-            } else {
-                setView(null);
-            }
-        } else if (mount) {
-            setView(new _prosemirrorView.EditorView({
-                mount
-            }, directEditorProps));
-        }
-    });
-    return (0, _react.useMemo)(()=>({
-            editorState: state,
-            editorView: view,
-            registerEventListener,
-            unregisterEventListener
-        }), [
-        state,
-        _view,
-        registerEventListener,
-        unregisterEventListener
-    ]);
-}

package/dist/cjs/hooks/useNodePos.js

@@ -1,69 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    NodePosProvider: ()=>NodePosProvider,
-    useNodePos: ()=>useNodePos
-});
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactJs = require("../plugins/react.js");
-const _useEditorStateJs = require("./useEditorState.js");
-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 _interopRequireWildcard(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 = {};
-    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;
-}
-const NodePosContext = /*#__PURE__*/ (0, _react.createContext)(null);
-function NodePosProvider(param) {
-    let { nodeKey , children  } = param;
-    const editorState = (0, _useEditorStateJs.useEditorState)();
-    const pluginState = _reactJs.reactPluginKey.getState(editorState);
-    if (!pluginState) return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, children);
-    return /*#__PURE__*/ _react.default.createElement(NodePosContext.Provider, {
-        value: pluginState.keyToPos.get(nodeKey) ?? 0
-    }, children);
-}
-function useNodePos() {
-    return (0, _react.useContext)(NodePosContext);
-}

package/dist/cjs/hooks/useNodeViews.js

@@ -1,100 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useNodeViews", {
-    enumerable: true,
-    get: ()=>useNodeViews
-});
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _nodeViewsJs = require("../components/NodeViews.js");
-const _createReactNodeViewConstructorJs = require("../nodeViews/createReactNodeViewConstructor.js");
-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 _interopRequireWildcard(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 = {};
-    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 useNodeViews(nodeViews) {
-    const [portals, setPortals] = (0, _react.useState)({});
-    const registerPortal = (0, _react.useCallback)((view, getPos, portal)=>{
-        const nearestAncestorKey = (0, _createReactNodeViewConstructorJs.findNodeKeyUp)(view, getPos());
-        setPortals((oldPortals)=>{
-            const oldChildPortals = oldPortals[nearestAncestorKey] ?? [];
-            const newChildPortals = oldChildPortals.concat({
-                getPos,
-                portal
-            });
-            return {
-                ...oldPortals,
-                [nearestAncestorKey]: newChildPortals
-            };
-        });
-        return ()=>{
-            setPortals((oldPortals)=>{
-                const oldChildPortals = oldPortals[nearestAncestorKey] ?? [];
-                const newChildPortals = oldChildPortals.filter((param)=>{
-                    let { portal: p  } = param;
-                    return p !== portal;
-                });
-                return {
-                    ...oldPortals,
-                    [nearestAncestorKey]: newChildPortals
-                };
-            });
-        };
-    }, []);
-    const wrappedNodeViews = (0, _react.useMemo)(()=>{
-        const nodeViewEntries = Object.entries(nodeViews ?? {});
-        const wrappedNodeViewEntries = nodeViewEntries.map((param)=>{
-            let [name, constructor] = param;
-            return [
-                name,
-                (0, _createReactNodeViewConstructorJs.createReactNodeViewConstructor)(constructor, registerPortal)
-            ];
-        });
-        return Object.fromEntries(wrappedNodeViewEntries);
-    }, [
-        nodeViews,
-        registerPortal
-    ]);
-    return {
-        nodeViews: wrappedNodeViews,
-        nodeViewsComponent: /*#__PURE__*/ _react.default.createElement(_nodeViewsJs.NodeViews, {
-            portals: portals
-        })
-    };
-}

package/dist/cjs/nodeViews/createReactNodeViewConstructor.js

@@ -1,244 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    REACT_NODE_VIEW: ()=>REACT_NODE_VIEW,
-    findNodeKeyUp: ()=>findNodeKeyUp,
-    createReactNodeViewConstructor: ()=>createReactNodeViewConstructor
-});
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactDom = require("react-dom");
-const _nodeViewsContextJs = require("../contexts/NodeViewsContext.js");
-const _useEditorEffectJs = require("../hooks/useEditorEffect.js");
-const _useNodePosJs = require("../hooks/useNodePos.js");
-const _reactJs = require("../plugins/react.js");
-const _phrasingContentTagsJs = require("./phrasingContentTags.js");
-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 _interopRequireWildcard(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 = {};
-    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;
-}
-const REACT_NODE_VIEW = Symbol("react node view");
-let didWarnReactPlugin = false;
-function findNodeKeyUp(editorView, pos) {
-    const pluginState = _reactJs.reactPluginKey.getState(editorView.state);
-    if (!pluginState) return _reactJs.ROOT_NODE_KEY;
-    const $pos = editorView.state.doc.resolve(pos);
-    for(let d = $pos.depth; d > 0; d--){
-        const ancestorNodeTypeName = $pos.node(d).type.name;
-        const ancestorNodeView = editorView.props.nodeViews?.[ancestorNodeTypeName];
-        if (!ancestorNodeView?.[REACT_NODE_VIEW]) continue;
-        const ancestorPos = $pos.before(d);
-        const ancestorKey = pluginState.posToKey.get(ancestorPos);
-        if (ancestorKey) return ancestorKey;
-    }
-    return _reactJs.ROOT_NODE_KEY;
-}
-function createReactNodeViewConstructor(nodeViewConstructor, registerPortal) {
-    function nodeViewConstructorWrapper(node, editorView, getPos, decorations, innerDecorations) {
-        const nodeView = nodeViewConstructor(node, editorView, getPos, decorations, innerDecorations);
-        const { component: NodeView  } = nodeView;
-        if (!NodeView) {
-            return nodeView;
-        }
-        const reactPluginState = _reactJs.reactPluginKey.getState(editorView.state);
-        if (!reactPluginState) {
-            if (!didWarnReactPlugin) {
-                console.error("The React ProseMirror plugin is required to use React node views. " + "Make sure to add it to the ProseMirror editor state.");
-                didWarnReactPlugin = true;
-            }
-            return nodeView;
-        }
-        const { dom , contentDOM  } = nodeView;
-        // Use a span if the provided contentDOM is in the "phrasing" content
-        // category. Otherwise use a div. This is our best attempt at not
-        // breaking the intended content model, for now.
-        //
-        // https://developer.mozilla.org/en-US/docs/Web/HTML/Content_categories#phrasing_content
-        const ContentDOMWrapper = contentDOM && (_phrasingContentTagsJs.phrasingContentTags.includes(contentDOM.tagName.toLocaleLowerCase()) ? "span" : "div");
-        const nodeKey = reactPluginState.posToKey.get(getPos()) ?? (0, _reactJs.createNodeKey)();
-        /**
-     * Wrapper component to provide some imperative handles for updating
-     * and re-rendering its child. Takes and renders an arbitrary ElementType
-     * that expects NodeViewComponentProps as props.
-     */ const NodeViewWrapper = /*#__PURE__*/ (0, _react.forwardRef)(function NodeViewWrapper(param, ref) {
-            let { initialState  } = param;
-            const [node, setNode] = (0, _react.useState)(initialState.node);
-            const [decorations, setDecorations] = (0, _react.useState)(initialState.decorations);
-            const [isSelected, setIsSelected] = (0, _react.useState)(initialState.isSelected);
-            const nodeViews = (0, _react.useContext)(_nodeViewsContextJs.NodeViewsContext);
-            const childNodeViews = nodeViews[nodeKey];
-            const [childNodeViewPortals, setChildNodeViewPortals] = (0, _react.useState)(childNodeViews?.map((param)=>{
-                let { portal  } = param;
-                return portal;
-            }));
-            // `getPos` is technically derived from the EditorView
-            // state, so it's not safe to call until after the EditorView
-            // has been updated
-            (0, _useEditorEffectJs.useEditorEffect)(()=>{
-                setChildNodeViewPortals(childNodeViews?.sort((a, b)=>a.getPos() - b.getPos()).map((param)=>{
-                    let { portal  } = param;
-                    return portal;
-                }));
-            }, [
-                childNodeViews
-            ]);
-            const [contentDOMWrapper, setContentDOMWrapper] = (0, _react.useState)(null);
-            const [contentDOMParent, setContentDOMParent] = (0, _react.useState)(null);
-            (0, _react.useImperativeHandle)(ref, ()=>({
-                    node,
-                    contentDOMWrapper: contentDOMWrapper,
-                    contentDOMParent: contentDOMParent,
-                    setNode,
-                    setDecorations,
-                    setIsSelected
-                }), [
-                node,
-                contentDOMWrapper,
-                contentDOMParent
-            ]);
-            return /*#__PURE__*/ _react.default.createElement(_useNodePosJs.NodePosProvider, {
-                nodeKey: nodeKey
-            }, /*#__PURE__*/ _react.default.createElement(NodeView, {
-                node: node,
-                decorations: decorations,
-                isSelected: isSelected
-            }, childNodeViewPortals, ContentDOMWrapper && /*#__PURE__*/ _react.default.createElement(ContentDOMWrapper, {
-                style: {
-                    display: "contents"
-                },
-                ref: (nextContentDOMWrapper)=>{
-                    setContentDOMWrapper(nextContentDOMWrapper);
-                    // we preserve a reference to the contentDOMWrapper'
-                    // parent so that later we can reassemble the DOM hierarchy
-                    // React expects when cleaning up the ContentDOMWrapper element
-                    if (nextContentDOMWrapper?.parentNode) {
-                        setContentDOMParent(nextContentDOMWrapper.parentNode);
-                    }
-                }
-            })));
-        });
-        NodeViewWrapper.displayName = `NodeView(${NodeView.displayName ?? NodeView.name})`;
-        let componentRef = null;
-        const element = /*#__PURE__*/ _react.default.createElement(NodeViewWrapper, {
-            initialState: {
-                node,
-                decorations,
-                isSelected: false
-            },
-            ref: (c)=>{
-                componentRef = c;
-                if (!componentRef || componentRef.node.isLeaf) return;
-                const contentDOMWrapper = componentRef.contentDOMWrapper;
-                if (!contentDOMWrapper || !(contentDOMWrapper instanceof HTMLElement)) {
-                    return;
-                }
-                // We always set contentDOM when !node.isLeaf, which is checked above
-                // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-                contentDOMWrapper.appendChild(contentDOM);
-                // Synchronize the ProseMirror selection to the DOM, because mounting the
-                // component changes the DOM outside of a ProseMirror update.
-                const { node  } = componentRef;
-                const pos = getPos();
-                const end = pos + node.nodeSize;
-                const { from , to  } = editorView.state.selection;
-                if (editorView.hasFocus() && pos < from && to < end) {
-                    // This call seems like it should be a no-op, given the editor already has
-                    // focus, but it causes ProseMirror to synchronize the DOM selection with
-                    // its state again, placing the DOM selection in a reasonable place within
-                    // the node.
-                    editorView.focus();
-                }
-            }
-        });
-        const portal = /*#__PURE__*/ (0, _reactDom.createPortal)(element, dom, nodeKey);
-        const unregisterPortal = registerPortal(editorView, getPos, portal);
-        return {
-            ignoreMutation (record) {
-                return !contentDOM?.contains(record.target);
-            },
-            ...nodeView,
-            selectNode () {
-                componentRef?.setIsSelected(true);
-                nodeView.selectNode?.();
-            },
-            deselectNode () {
-                componentRef?.setIsSelected(false);
-                nodeView.deselectNode?.();
-            },
-            update (node, decorations, innerDecorations) {
-                // If this node view's parent has been removed from the registry, we
-                // need to rebuild it and its children with new registry keys
-                const positionRegistry = _reactJs.reactPluginKey.getState(editorView.state);
-                if (positionRegistry && nodeKey !== positionRegistry.posToKey.get(getPos())) {
-                    return false;
-                }
-                if (nodeView.update?.(node, decorations, innerDecorations) === false) {
-                    return false;
-                }
-                if (node.type === componentRef?.node.type) {
-                    componentRef?.setNode(node);
-                    componentRef?.setDecorations(decorations);
-                    return true;
-                }
-                return false;
-            },
-            destroy () {
-                // React expects the contentDOMParent to be a child of the
-                // DOM element where the portal was mounted, but in some situations
-                // contenteditable may have already detached the contentDOMParent
-                // from the DOM. Here we attempt to reassemble the DOM that React
-                // expects when cleaning up the portal.
-                if (componentRef?.contentDOMParent) {
-                    this.dom.appendChild(componentRef.contentDOMParent);
-                }
-                unregisterPortal();
-                nodeView.destroy?.();
-            }
-        };
-    }
-    return Object.assign(nodeViewConstructorWrapper, {
-        [REACT_NODE_VIEW]: true
-    });
-}

package/dist/cjs/nodeViews/phrasingContentTags.js

@@ -1,57 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "phrasingContentTags", {
-    enumerable: true,
-    get: ()=>phrasingContentTags
-});
-const phrasingContentTags = [
-    "abbr",
-    "audio",
-    "b",
-    "bdo",
-    "br",
-    "button",
-    "canvas",
-    "cite",
-    "code",
-    "data",
-    "datalist",
-    "dfn",
-    "em",
-    "embed",
-    "i",
-    "iframe",
-    "img",
-    "input",
-    "kbd",
-    "keygen",
-    "label",
-    "mark",
-    "math",
-    "meter",
-    "noscript",
-    "object",
-    "output",
-    "picture",
-    "progress",
-    "q",
-    "ruby",
-    "s",
-    "samp",
-    "script",
-    "select",
-    "small",
-    "span",
-    "strong",
-    "sub",
-    "sup",
-    "svg",
-    "textarea",
-    "time",
-    "u",
-    "var",
-    "video",
-    "wbr"
-];