@handlewithcare/react-prosemirror 2.4.12 → 2.5.0

package/dist/types/AbstractEditorView.d.ts

@@ -0,0 +1,27 @@
+import { EditorState } from "prosemirror-state";
+import { DirectEditorProps, EditorProps, MarkViewConstructor, NodeViewConstructor } from "prosemirror-view";
+import { DOMSelection } from "./dom.js";
+export type NodeViewSet = {
+    [name: string]: NodeViewConstructor | MarkViewConstructor;
+};
+export interface AbstractEditorView {
+    readonly composing: boolean;
+    readonly dom: HTMLElement | null;
+    readonly editable: boolean;
+    readonly nodeViews: NodeViewSet;
+    readonly props: DirectEditorProps;
+    readonly state: EditorState;
+    setProps(props: Partial<DirectEditorProps>): void;
+    update(props: DirectEditorProps): void;
+    updateState(state: EditorState): void;
+    someProp<PropName extends keyof EditorProps>(propName: PropName): EditorProps[PropName] | undefined;
+    someProp<PropName extends keyof EditorProps, Result>(propName: PropName, f: (value: NonNullable<EditorProps[PropName]>) => Result): Result | undefined;
+    destroy(): void;
+    domSelectionRange(): {
+        anchorNode: Node | null;
+        anchorOffset: number;
+        focusNode: Node | null;
+        focusOffset: number;
+    };
+    domSelection(): DOMSelection | null;
+}

package/dist/types/ReactEditorView.d.ts

@@ -0,0 +1,79 @@
+import { EditorState } from "prosemirror-state";
+import { Decoration, DirectEditorProps, EditorProps, EditorView } from "prosemirror-view";
+import { AbstractEditorView, NodeViewSet } from "./AbstractEditorView.js";
+import { DOMNode, DOMSelection, DOMSelectionRange } from "./dom.js";
+import { NodeViewDesc, ViewDesc } from "./viewdesc.js";
+interface DOMObserver {
+    observer: MutationObserver | null;
+    queue: MutationRecord[];
+    start(): void;
+    stop(): void;
+}
+interface InputState {
+    compositionID: number;
+    compositionNodes: ViewDesc[];
+    compositionPendingChanges: number;
+    lastFocus: number;
+    lastClick: {
+        time: number;
+        x: number;
+        y: number;
+        type: string;
+        button: number;
+    };
+    lastSelectionOrigin: string | null;
+    lastSelectionTime: number;
+    lastTouch: number;
+    mouseDown: {
+        allowDefault: boolean;
+        delayedSelectionSync: boolean;
+    };
+    hideSelectionGuard: (() => void) | null;
+}
+/**
+ * Extends EditorView to make prop and state updates pure, remove the DOM
+ * Mutation Observer, and use a custom document view managed by React.
+ *
+ * @privateRemarks
+ *
+ * The implementation relies on the base class using a private member to store
+ * the committed props and having a public getter that we override to return the
+ * latest, uncommitted props. The base class can then be told to update when the
+ * React effects are commit an update, applying the pending, uncommitted props.
+ */
+export declare class ReactEditorView extends EditorView implements AbstractEditorView {
+    cursorWrapper: {
+        dom: DOMNode;
+        deco: Decoration;
+    } | null;
+    nodeViews: NodeViewSet;
+    lastSelectedViewDesc: ViewDesc | undefined;
+    docView: NodeViewDesc;
+    input: InputState;
+    domObserver: DOMObserver;
+    domSelectionRange: () => DOMSelectionRange;
+    domSelection: () => DOMSelection | null;
+    private nextProps;
+    private prevState;
+    constructor(place: {
+        mount: HTMLElement;
+    }, props: DirectEditorProps);
+    get props(): DirectEditorProps;
+    setProps(props: Partial<DirectEditorProps>): void;
+    update(props: DirectEditorProps): void;
+    updateState(state: EditorState): void;
+    someProp<PropName extends keyof EditorProps>(propName: PropName): EditorProps[PropName] | undefined;
+    someProp<PropName extends keyof EditorProps, Result>(propName: PropName, f?: (value: NonNullable<EditorProps[PropName]>) => Result): Result | undefined;
+    /**
+     * Commit effects by appling the pending props and state.
+     *
+     * Ensures the DOM selection is correct and updates plugin views.
+     *
+     * @privateRemarks
+     *
+     * The correctness of this depends on the pure update function ensuring that
+     * the node view set is up to date so that it does not try to redraw.
+     */
+    commitPendingEffects(): void;
+}
+export {};

package/dist/types/StaticEditorView.d.ts

@@ -0,0 +1,24 @@
+import { EditorState } from "prosemirror-state";
+import { DirectEditorProps, EditorProps } from "prosemirror-view";
+import { AbstractEditorView, NodeViewSet } from "./AbstractEditorView.js";
+export declare class StaticEditorView implements AbstractEditorView {
+    props: DirectEditorProps;
+    readonly nodeViews: NodeViewSet;
+    constructor(props: DirectEditorProps);
+    get composing(): boolean;
+    get dom(): null;
+    get editable(): boolean;
+    get state(): EditorState;
+    setProps(props: Partial<DirectEditorProps>): void;
+    update(props: DirectEditorProps): void;
+    updateState(state: EditorState): void;
+    someProp<PropName extends keyof EditorProps>(propName: PropName): EditorProps[PropName] | undefined;
+    destroy(): void;
+    domSelectionRange(): {
+        anchorNode: null;
+        anchorOffset: number;
+        focusNode: null;
+        focusOffset: number;
+    };
+    domSelection(): null;
+}

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

@@ -1,9 +1,9 @@
 import { Node } from "prosemirror-model";
 import { Decoration, DecorationSource } from "prosemirror-view";
-import React, { MutableRefObject } from "react";
+import React from "react";
 export declare function wrapInDeco(reactNode: JSX.Element | string, deco: Decoration): React.DetailedReactHTMLElement<React.HTMLProps<HTMLElement>, HTMLElement> | React.FunctionComponentElement<any>;
 export declare const ChildNodeViews: React.NamedExoticComponent<{
-    getPos: MutableRefObject<() => number>;
+    getPos: () => number;
     node: Node | undefined;
     innerDecorations: DecorationSource;
 }>;

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

@@ -1,10 +1,10 @@
 import { Node } from "prosemirror-model";
 import { Decoration, DecorationSource, NodeViewConstructor } from "prosemirror-view";
-import React, { MutableRefObject } from "react";
+import React from "react";
 interface Props {
     customNodeView: NodeViewConstructor;
     node: Node;
-    getPos: MutableRefObject<() => number>;
+    getPos: () => number;
     innerDeco: DecorationSource;
     outerDeco: readonly Decoration[];
 }

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

@@ -1,20 +1,17 @@
 import { Node } from "prosemirror-model";
 import { Decoration, DecorationSource } from "prosemirror-view";
 import React, { DetailedHTMLProps, HTMLAttributes, ReactElement } from "react";
-import { NodeViewDesc } from "../viewdesc.js";
 export type DocNodeViewProps = {
     className?: string;
-    node: Node | undefined;
+    node: Node;
     innerDeco: DecorationSource;
     outerDeco: Decoration[];
     as?: ReactElement;
-    viewDesc?: NodeViewDesc;
 } & Omit<DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLDivElement>, "ref">;
 export declare const DocNodeView: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
     className?: string | undefined;
-    node: Node | undefined;
+    node: Node;
     innerDeco: DecorationSource;
     outerDeco: Decoration[];
     as?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
-    viewDesc?: NodeViewDesc | undefined;
 } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement | null>>>;

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

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

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

@@ -1,8 +1,8 @@
 import { Decoration } from "prosemirror-view";
-import React, { MutableRefObject } from "react";
+import React from "react";
 type Props = {
     widget: Decoration;
-    getPos: MutableRefObject<() => number>;
+    getPos: () => number;
 };
 export declare function NativeWidgetView({ widget, getPos }: Props): React.JSX.Element;
 export {};

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

@@ -1,9 +1,9 @@
 import { Node } from "prosemirror-model";
 import { Decoration, DecorationSource } from "prosemirror-view";
-import React, { MutableRefObject } from "react";
+import React from "react";
 type NodeViewProps = {
     outerDeco: readonly Decoration[];
-    getPos: MutableRefObject<() => number>;
+    getPos: () => number;
     node: Node;
     innerDeco: DecorationSource;
 };

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

@@ -1,9 +1,9 @@
 import { Node } from "prosemirror-model";
 import { Decoration, DecorationSource } from "prosemirror-view";
-import React, { MutableRefObject } from "react";
+import React from "react";
 type Props = {
     outerDeco: readonly Decoration[];
-    getPos: MutableRefObject<() => number>;
+    getPos: () => number;
     node: Node;
     innerDeco: DecorationSource;
 };

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

@@ -1,6 +1,6 @@
-import React, { MutableRefObject } from "react";
+import React from "react";
 type Props = {
-    getPos: MutableRefObject<() => number>;
+    getPos: () => number;
 };
 export declare function SeparatorHackView({ getPos }: Props): React.JSX.Element | null;
 export {};

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

@@ -1,11 +1,12 @@
 import { Node } from "prosemirror-model";
-import { Decoration, EditorView } from "prosemirror-view";
+import { Decoration } from "prosemirror-view";
 import { Component, MutableRefObject } from "react";
+import { AbstractEditorView } from "../AbstractEditorView.js";
 import { ViewDesc } from "../viewdesc.js";
 type Props = {
-    view: EditorView | null;
+    view: AbstractEditorView;
     node: Node;
-    getPos: MutableRefObject<() => number>;
+    getPos: () => number;
     siblingsRef: MutableRefObject<ViewDesc[]>;
     parentRef: MutableRefObject<ViewDesc | undefined>;
     decorations: readonly Decoration[];

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

@@ -1,6 +1,6 @@
-import React, { MutableRefObject } from "react";
+import React from "react";
 type Props = {
-    getPos: MutableRefObject<() => number>;
+    getPos: () => number;
 };
 export declare function TrailingHackView({ getPos }: Props): React.JSX.Element;
 export {};

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

@@ -1,8 +1,8 @@
-import React, { MutableRefObject } from "react";
+import React from "react";
 import { ReactWidgetDecoration } from "../decorations/ReactWidgetType.js";
 type Props = {
     widget: ReactWidgetDecoration;
-    getPos: MutableRefObject<() => number>;
+    getPos: () => number;
 };
 export declare function WidgetView({ widget, getPos }: Props): React.JSX.Element;
 export {};

package/dist/types/constants.d.ts

@@ -0,0 +1,4 @@
+import { Schema } from "prosemirror-model";
+import { EditorState } from "prosemirror-state";
+export declare const EMPTY_SCHEMA: Schema<"doc" | "text", any>;
+export declare const EMPTY_STATE: EditorState;

package/dist/types/contexts/EditorContext.d.ts

@@ -1,11 +1,13 @@
-import type { DOMEventMap, EditorView } from "prosemirror-view";
+import type { DOMEventMap, Decoration } from "prosemirror-view";
 import { MutableRefObject } from "react";
-import type { EventHandler } from "../plugins/componentEventListeners";
+import { AbstractEditorView } from "../AbstractEditorView.js";
+import type { EventHandler } from "../plugins/componentEventListeners.js";
 export interface EditorContextValue {
-    view: EditorView | null;
+    view: AbstractEditorView;
+    cursorWrapper: Decoration | null;
+    flushSyncRef: MutableRefObject<boolean>;
     registerEventListener<EventType extends keyof DOMEventMap>(eventType: EventType, handler: EventHandler<EventType>): void;
     unregisterEventListener<EventType extends keyof DOMEventMap>(eventType: EventType, handler: EventHandler<EventType>): void;
-    flushSyncRef: MutableRefObject<boolean>;
 }
 /**
  * Provides the EditorView, as well as the current

package/dist/types/decorations/computeDocDeco.d.ts

@@ -1,4 +1,5 @@
-import { Decoration, EditorView } from "prosemirror-view";
+import { Decoration } from "prosemirror-view";
+import { AbstractEditorView } from "../AbstractEditorView.js";
 /**
  * Produces the outer decorations for the doc node, based
  * on the attributes editor prop.
@@ -10,4 +11,4 @@ import { Decoration, EditorView } from "prosemirror-view";
  * This makes it safe to call in a React render function, even
  * if its result is used in a dependencies array for a hook.
  */
-export declare function computeDocDeco(view: EditorView): [Decoration];
+export declare function computeDocDeco(view: AbstractEditorView): [Decoration];

package/dist/types/decorations/viewDecorations.d.ts

@@ -1,4 +1,5 @@
-import { Decoration, DecorationSource, EditorView } from "prosemirror-view";
+import { Decoration, DecorationSource } from "prosemirror-view";
+import { AbstractEditorView } from "../AbstractEditorView.js";
 /**
  * Produces the DecorationSource for the current state, based
  * on the decorations editor prop.
@@ -10,4 +11,4 @@ import { Decoration, DecorationSource, EditorView } from "prosemirror-view";
  * This makes it safe to call in a React render function, even
  * if its result is used in a dependencies array for a hook.
  */
-export declare function viewDecorations(view: EditorView, cursorWrapper: Decoration | null): DecorationSource;
+export declare function viewDecorations(view: AbstractEditorView, cursorWrapper: Decoration | null): DecorationSource;

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

@@ -1,46 +1,6 @@
 import { EditorState, Plugin, Transaction } from "prosemirror-state";
-import { Decoration, DirectEditorProps, EditorProps, EditorView } from "prosemirror-view";
-import { NodeViewDesc } from "../viewdesc.js";
-export declare class ReactEditorView extends EditorView {
-    private shouldUpdatePluginViews;
-    private oldProps;
-    private _props;
-    ready: boolean;
-    constructor(place: {
-        mount: HTMLElement;
-    } | null, props: DirectEditorProps & {
-        docView: NodeViewDesc;
-        ready: boolean;
-    });
-    /**
-     * Whether the EditorView's updateStateInner method thinks that the
-     * docView needs to be blown away and redrawn.
-     *
-     * @privateremarks
-     *
-     * When ProseMirror View detects that the EditorState has been reconfigured
-     * to provide new custom node views, it calls an internal function that
-     * we can't override in order to recreate the entire editor DOM.
-     *
-     * This property mimics that check, so that we can replace the EditorView
-     * with another of our own, preventing ProseMirror View from taking over
-     * DOM management responsibility.
-     */
-    get needsRedraw(): boolean;
-    /**
-     * Like setProps, but without executing any side effects.
-     * Safe to use in a component render method.
-     */
-    pureSetProps(props: Partial<DirectEditorProps>): void;
-    /**
-     * Triggers any side effects that have been queued by previous
-     * calls to pureSetProps.
-     */
-    runPendingEffects(): void;
-    update(props: DirectEditorProps): void;
-    updatePluginViews(prevState?: EditorState): void;
-    destroy(): void;
-}
+import { Decoration, EditorProps, EditorView } from "prosemirror-view";
+import { AbstractEditorView } from "../AbstractEditorView.js";
 export interface UseEditorOptions extends EditorProps {
     defaultState?: EditorState;
     state?: EditorState;
@@ -58,12 +18,11 @@ export interface UseEditorOptions extends EditorProps {
  */
 export declare function useEditor<T extends HTMLElement = HTMLElement>(mount: T | null, options: UseEditorOptions): {
     editor: {
-        view: EditorView | null;
-        registerEventListener: (eventType: keyof import("prosemirror-view").DOMEventMap, handler: import("../plugins/componentEventListeners.js").EventHandler<keyof import("prosemirror-view").DOMEventMap>) => void;
-        unregisterEventListener: (eventType: keyof import("prosemirror-view").DOMEventMap, handler: import("../plugins/componentEventListeners.js").EventHandler<keyof import("prosemirror-view").DOMEventMap>) => void;
+        view: AbstractEditorView;
         cursorWrapper: Decoration | null;
-        docViewDescRef: import("react").MutableRefObject<NodeViewDesc>;
         flushSyncRef: import("react").MutableRefObject<boolean>;
+        registerEventListener: (eventType: keyof import("prosemirror-view").DOMEventMap, handler: import("../plugins/componentEventListeners.js").EventHandler<keyof import("prosemirror-view").DOMEventMap>) => void;
+        unregisterEventListener: (eventType: keyof import("prosemirror-view").DOMEventMap, handler: import("../plugins/componentEventListeners.js").EventHandler<keyof import("prosemirror-view").DOMEventMap>) => void;
     };
     state: EditorState;
 };

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

@@ -2,7 +2,7 @@ import { Node } from "prosemirror-model";
 import { Decoration, DecorationSource, ViewMutationRecord } from "prosemirror-view";
 import { MutableRefObject } from "react";
 import { NodeViewDesc, ViewDesc } from "../viewdesc.js";
-export declare function useNodeViewDescriptor(node: Node | undefined, getPos: () => number, domRef: undefined | MutableRefObject<HTMLElement | null>, nodeDomRef: MutableRefObject<HTMLElement | null>, innerDecorations: DecorationSource, outerDecorations: readonly Decoration[], viewDesc?: NodeViewDesc, contentDOMRef?: MutableRefObject<HTMLElement | null>): {
+export declare function useNodeViewDescriptor(node: Node, getPos: () => number, domRef: undefined | MutableRefObject<HTMLElement | null>, nodeDomRef: MutableRefObject<HTMLElement | null>, innerDecorations: DecorationSource, outerDecorations: readonly Decoration[], contentDOMRef?: MutableRefObject<HTMLElement | null>): {
     hasContentDOM: boolean;
     childDescriptors: MutableRefObject<ViewDesc[]>;
     nodeViewDescRef: MutableRefObject<NodeViewDesc | undefined>;

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

@@ -2,4 +2,4 @@ export declare function useReactKeys(): {
     posToKey: Map<number, string>;
     keyToPos: Map<string, number>;
     posToNode: Map<number, import("prosemirror-model").Node>;
-} | null | undefined;
+} | undefined;

package/dist/types/props.d.ts

@@ -919,7 +919,7 @@ export declare function mergeReactProps(a: HTMLProps<HTMLElement>, b: HTMLProps<
     spellCheck?: (boolean | "false" | "true") | undefined;
     tabIndex?: number | undefined;
     title?: string | undefined;
-    translate?: "no" | "yes" | undefined;
+    translate?: "yes" | "no" | undefined;
     radioGroup?: string | undefined;
     role?: import("react").AriaRole | undefined;
     about?: string | undefined;
@@ -944,7 +944,7 @@ export declare function mergeReactProps(a: HTMLProps<HTMLElement>, b: HTMLProps<
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "off" | "on" | undefined;
-    inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     exportparts?: string | undefined;
     part?: string | undefined;
@@ -965,7 +965,7 @@ export declare function mergeReactProps(a: HTMLProps<HTMLElement>, b: HTMLProps<
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-disabled"?: (boolean | "false" | "true") | undefined;
-    "aria-dropeffect"?: "copy" | "none" | "link" | "execute" | "move" | "popup" | undefined;
+    "aria-dropeffect"?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
     "aria-errormessage"?: string | undefined;
     "aria-expanded"?: (boolean | "false" | "true") | undefined;
     "aria-flowto"?: string | undefined;

package/dist/types/viewdesc.d.ts

@@ -1,5 +1,6 @@
 import { Mark, Node, TagParseRule } from "prosemirror-model";
-import { Decoration, DecorationSource, EditorView } from "prosemirror-view";
+import { Decoration, DecorationSource } from "prosemirror-view";
+import { ReactEditorView } from "./ReactEditorView.js";
 import { DOMNode } from "./dom.js";
 declare global {
     interface Node {
@@ -54,7 +55,7 @@ export declare class ViewDesc {
     };
     emptyChildAt(side: number): boolean;
     domAfterPos(pos: number): DOMNode;
-    setSelection(anchor: number, head: number, view: EditorView, force?: boolean): void;
+    setSelection(anchor: number, head: number, view: ReactEditorView, force?: boolean): void;
     ignoreMutation(mutation: ViewMutationRecord): boolean;
     get contentLost(): boolean | null;
     markDirty(from: number, to: number): void;
@@ -120,8 +121,8 @@ export declare class NodeViewDesc extends ViewDesc {
     parseRule(): Omit<TagParseRule, "tag"> | null;
     matchesNode(node: Node, outerDeco: readonly Decoration[], innerDeco: DecorationSource): boolean;
     get size(): number;
-    get border(): 1 | 0;
-    update(_node: Node, _outerDeco: readonly Decoration[], _innerDeco: DecorationSource, _view: EditorView): boolean;
+    get border(): 0 | 1;
+    update(_node: Node, _outerDeco: readonly Decoration[], _innerDeco: DecorationSource, _view: ReactEditorView): boolean;
     get domAtom(): boolean;
 }
 export declare class TextViewDesc extends NodeViewDesc {
@@ -129,7 +130,7 @@ export declare class TextViewDesc extends NodeViewDesc {
     parseRule(): {
         skip: any;
     };
-    update(_node: Node, _outerDeco: readonly Decoration[], _innerDeco: DecorationSource, _view: EditorView): boolean;
+    update(_node: Node, _outerDeco: readonly Decoration[], _innerDeco: DecorationSource, _view: ReactEditorView): boolean;
     inParent(): boolean;
     domFromPos(pos: number): {
         node: globalThis.Node;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@handlewithcare/react-prosemirror",
-  "version": "2.4.12",
+  "version": "2.5.0",
   "license": "Apache-2.0",
   "type": "module",
   "main": "dist/cjs/index.js",
@@ -119,7 +119,8 @@
     "prosemirror-state": "^1.0.0",
     "prosemirror-view": "1.39.2",
     "react": ">=17 <=19.1.0",
-    "react-dom": ">=17 <=19.1.0"
+    "react-dom": ">=17 <=19.1.0",
+    "react-reconciler": ">=0.26.1 <=0.32.0"
   },
   "packageManager": "yarn@4.6.0",
   "engines": {
@@ -127,5 +128,8 @@
   },
   "dependencies": {
     "classnames": "^2.3.2"
+  },
+  "publishConfig": {
+    "access": "public"
   }
 }

package/dist/cjs/components/Editor.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "Editor", {
-    enumerable: true,
-    get: ()=>Editor
-});
-const _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
-const _editorContextJs = require("../contexts/EditorContext.js");
-const _useEditorViewJs = require("../hooks/useEditorView.js");
-const _useNodeViewsJs = require("../hooks/useNodeViews.js");
-function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function Editor(param) {
-    let { mount , children , ...options } = param;
-    const { nodeViews , nodeViewsComponent  } = (0, _useNodeViewsJs.useNodeViews)(options.nodeViews);
-    const value = (0, _useEditorViewJs.useEditorView)(mount, {
-        ...options,
-        nodeViews
-    });
-    return /*#__PURE__*/ _react.default.createElement(_editorContextJs.EditorContext.Provider, {
-        value: value
-    }, children, nodeViewsComponent);
-}

package/dist/cjs/components/NodeViews.js

@@ -1,73 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "NodeViews", {
-    enumerable: true,
-    get: ()=>NodeViews
-});
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _nodeViewsContextJs = require("../contexts/NodeViewsContext.js");
-const _useEditorEffectJs = require("../hooks/useEditorEffect.js");
-const _reactJs = require("../plugins/react.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 NodeViews(param) {
-    let { portals  } = param;
-    const rootRegisteredPortals = portals[_reactJs.ROOT_NODE_KEY];
-    const [rootPortals, setRootPortals] = (0, _react.useState)(rootRegisteredPortals?.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)(()=>{
-        setRootPortals(rootRegisteredPortals?.sort((a, b)=>a.getPos() - b.getPos()).map((param)=>{
-            let { portal  } = param;
-            return portal;
-        }) ?? []);
-    }, [
-        rootRegisteredPortals
-    ]);
-    return /*#__PURE__*/ _react.default.createElement(_nodeViewsContextJs.NodeViewsContext.Provider, {
-        value: portals
-    }, rootPortals);
-}