@handlewithcare/react-prosemirror 3.1.0-tiptap.53 → 3.1.0

package/dist/types/ReactEditorView.d.ts

@@ -2,13 +2,18 @@ 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, TextViewDesc, ViewDesc } from "./viewdesc.js";
+import { NodeViewDesc, ViewDesc } from "./viewdesc.js";
 interface DOMObserver {
     observer: MutationObserver | null;
     queue: MutationRecord[];
     start(): void;
     stop(): void;
     onSelectionChange(): void;
+    setCurSelection(): void;
+    disconnectSelection(): void;
+    connectSelection(): void;
+    flush(): void;
+    lastChangedTextNode: Text | null;
 }
 interface InputState {
     composing: boolean;
@@ -33,7 +38,7 @@ interface InputState {
     mouseDown: {
         allowDefault: boolean;
         delayedSelectionSync: boolean;
-    };
+    } | null;
 }
 /**
  * Extends EditorView to make prop and state updates pure, remove the DOM
@@ -61,8 +66,7 @@ export declare class ReactEditorView extends EditorView implements AbstractEdito
     private nextProps;
     private prevState;
     private _destroyed;
-    compositionStarting: boolean;
-    displacedNodes: TextViewDesc[];
+    cursorWrapped: boolean;
     constructor(place: {
         mount: HTMLElement;
     }, props: DirectEditorProps);

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

@@ -2,8 +2,8 @@ import { Node } from "prosemirror-model";
 import { Decoration, DecorationSource } from "prosemirror-view";
 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<{
+export declare const ChildNodeViews: React.MemoExoticComponent<({ getPos, node, innerDecorations, }: {
     getPos: () => number;
     node: Node | undefined;
     innerDecorations: DecorationSource;
-}>;
+}) => React.JSX.Element | null>;

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

@@ -1,3 +1,3 @@
 import React from "react";
 import { WidgetViewComponentProps } from "./WidgetViewComponentProps.js";
-export declare const CursorWrapper: React.ForwardRefExoticComponent<Omit<WidgetViewComponentProps<React.AllHTMLAttributes<HTMLElement>>, "ref"> & React.RefAttributes<HTMLImageElement>>;
+export declare const CursorWrapper: React.ForwardRefExoticComponent<Omit<WidgetViewComponentProps, "ref"> & React.RefAttributes<HTMLImageElement>>;

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

@@ -1,29 +1,19 @@
 import { Node } from "prosemirror-model";
-import { DOMEventMap, Decoration } from "prosemirror-view";
-import React, { Component, MutableRefObject } from "react";
+import { Decoration } from "prosemirror-view";
+import { Component, MutableRefObject } from "react";
 import { AbstractEditorView } from "../AbstractEditorView.js";
-import { EventHandler } from "../hooks/useComponentEventListeners.js";
-import { CompositionViewDesc, TextViewDesc, ViewDesc } from "../viewdesc.js";
+import { TextViewDesc, ViewDesc } from "../viewdesc.js";
 type Props = {
     view: AbstractEditorView;
     node: Node;
     getPos: () => number;
     siblingsRef: MutableRefObject<ViewDesc[]>;
     parentRef: MutableRefObject<ViewDesc | undefined>;
-    findCompositionDOM: (compositionViewDesc: CompositionViewDesc) => void;
-    forceRemount: () => void;
     decorations: readonly Decoration[];
-    registerEventListener<EventType extends keyof DOMEventMap>(eventType: EventType, handler: EventHandler<EventType>): void;
-    unregisterEventListener<EventType extends keyof DOMEventMap>(eventType: EventType, handler: EventHandler<EventType>): void;
 };
 export declare class TextNodeView extends Component<Props> {
-    viewDescRef: React.MutableRefObject<CompositionViewDesc | TextViewDesc | null>;
-    renderRef: React.MutableRefObject<JSX.Element | null>;
-    wasProtecting: React.MutableRefObject<boolean | null>;
-    containsCompositionNodeText: React.MutableRefObject<boolean | null>;
-    shouldProtect(props: Props): boolean;
-    handleCompositionEnd: () => void;
-    create(): CompositionViewDesc | TextViewDesc | null;
+    viewDescRef: MutableRefObject<TextViewDesc | null>;
+    create(): TextViewDesc | null;
     update(): boolean;
     destroy(): void;
     updateEffect(): void;
@@ -31,9 +21,7 @@ export declare class TextNodeView extends Component<Props> {
     constructor(props: Props);
     componentDidMount(): void;
     componentDidUpdate(): void;
-    private reattachAtCorrectPosition;
     componentWillUnmount(): void;
-    render(): JSX.Element | null;
+    render(): JSX.Element;
 }
-export declare function RemountableTextNodeView(props: Omit<Props, "forceRemount">): React.JSX.Element;
 export {};

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

@@ -2,5 +2,5 @@ import React from "react";
 type Props = {
     getPos: () => number;
 };
-export declare function TrailingHackView({ getPos }: Props): React.JSX.Element | null;
+export declare function TrailingHackView({ getPos }: Props): React.JSX.Element;
 export {};

package/dist/types/components/marks/DefaultMarkView.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import { MarkViewComponentProps } from "./MarkViewComponentProps.js";
-export declare const DefaultMarkView: React.ForwardRefExoticComponent<Omit<MarkViewComponentProps<React.AllHTMLAttributes<HTMLElement>>, "ref"> & React.RefAttributes<HTMLElement>>;
+export declare const DefaultMarkView: React.ForwardRefExoticComponent<Omit<MarkViewComponentProps, "ref"> & React.RefAttributes<HTMLElement>>;

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

@@ -6,5 +6,5 @@ type Props = {
     getPos: () => number;
     children: ReactNode;
 };
-export declare const MarkView: React.NamedExoticComponent<Props>;
+export declare const MarkView: React.MemoExoticComponent<(props: Props) => React.JSX.Element>;
 export {};

package/dist/types/components/marks/MarkViewConstructorView.d.ts

@@ -8,5 +8,5 @@ interface Props {
     getPos: () => number;
     children: ReactNode;
 }
-export declare const MarkViewConstructorView: React.NamedExoticComponent<Props>;
+export declare const MarkViewConstructorView: React.MemoExoticComponent<({ constructor, mark, inline, getPos, children, }: Props) => React.JSX.Element>;
 export {};

package/dist/types/components/marks/ReactMarkView.d.ts

@@ -8,5 +8,5 @@ interface Props {
     inline: boolean;
     children: ReactNode;
 }
-export declare const ReactMarkView: React.NamedExoticComponent<Props>;
+export declare const ReactMarkView: React.MemoExoticComponent<({ component: Component, mark, inline, getPos, children, }: Props) => React.JSX.Element>;
 export {};

package/dist/types/components/nodes/DefaultNodeView.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import { NodeViewComponentProps } from "../nodes/NodeViewComponentProps.js";
-export declare const DefaultNodeView: React.ForwardRefExoticComponent<Omit<NodeViewComponentProps<React.AllHTMLAttributes<HTMLElement>>, "ref"> & React.RefAttributes<HTMLElement>>;
+export declare const DefaultNodeView: React.ForwardRefExoticComponent<Omit<NodeViewComponentProps, "ref"> & React.RefAttributes<HTMLElement>>;

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

@@ -6,7 +6,9 @@ type Props = {
     getPos: () => number;
     outerDeco: readonly Decoration[];
     innerDeco: DecorationSource;
+    forceRemount: () => void;
 };
-export declare const NodeView: React.NamedExoticComponent<Props>;
+export declare const NodeView: React.MemoExoticComponent<({ forceRemount, ...props }: Props) => JSX.Element | null>;
 export declare const GetPosContext: React.Context<() => number>;
+export declare function RemountableNodeView(props: Omit<Props, "forceRemount">): React.JSX.Element;
 export {};

package/dist/types/components/nodes/NodeViewConstructorView.d.ts

@@ -8,5 +8,5 @@ interface Props {
     innerDeco: DecorationSource;
     outerDeco: readonly Decoration[];
 }
-export declare const NodeViewConstructorView: React.NamedExoticComponent<Props>;
+export declare const NodeViewConstructorView: React.MemoExoticComponent<({ constructor, node, getPos, innerDeco, outerDeco, }: Props) => React.FunctionComponentElement<any>>;
 export {};

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

@@ -9,5 +9,5 @@ type Props = {
     node: Node;
     innerDeco: DecorationSource;
 };
-export declare const ReactNodeView: React.NamedExoticComponent<Props>;
+export declare const ReactNodeView: React.MemoExoticComponent<({ component: Component, outerDeco, getPos, node, innerDeco, }: Props) => React.JSX.Element>;
 export {};

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

@@ -1,8 +1,7 @@
 import { MutableRefObject } from "react";
-import { CompositionViewDesc, ViewDesc } from "../viewdesc.js";
+import { ViewDesc } from "../viewdesc.js";
 export type ChildDescriptionsContextValue = {
     parentRef: MutableRefObject<ViewDesc | undefined>;
     siblingsRef: MutableRefObject<ViewDesc[]>;
-    findCompositionDOM: (compositionViewDesc: CompositionViewDesc) => void;
 };
 export declare const ChildDescriptionsContext: import("react").Context<ChildDescriptionsContextValue>;

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

@@ -0,0 +1,4 @@
+export interface CompositionContextValue {
+    freezeFrom: number | null;
+}
+export declare const CompositionContext: import("react").Context<CompositionContextValue>;

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

@@ -21,8 +21,8 @@ export declare function useEditor<T extends HTMLElement = HTMLElement>(mount: T
     editor: {
         view: AbstractEditorView;
         flushSyncRef: import("react").MutableRefObject<boolean>;
-        registerEventListener: (eventType: keyof import("prosemirror-view").DOMEventMap, handler: import("./useComponentEventListeners.js").EventHandler<keyof import("prosemirror-view").DOMEventMap>) => void;
-        unregisterEventListener: (eventType: keyof import("prosemirror-view").DOMEventMap, handler: import("./useComponentEventListeners.js").EventHandler<keyof import("prosemirror-view").DOMEventMap>) => void;
+        registerEventListener: (eventType: keyof import("prosemirror-view").DOMEventMap, handler: import("./useComponentEventListeners.js").EventHandler) => void;
+        unregisterEventListener: (eventType: keyof import("prosemirror-view").DOMEventMap, handler: import("./useComponentEventListeners.js").EventHandler) => void;
         isStatic: boolean;
     };
     state: EditorState;

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

@@ -1 +1,5 @@
+/**
+ * Returns true if the nearest ProseMirror component
+ * is rendered with the `static` prop set to `true`.
+ */
 export declare function useIsEditorStatic(): boolean;

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

@@ -1,7 +1,7 @@
 import { MarkViewConstructor } from "prosemirror-view";
 import { MarkViewComponentProps } from "../components/marks/MarkViewComponentProps.js";
 import { DOMNode } from "../dom.js";
-import { CompositionViewDesc, MarkViewDesc, ViewDesc } from "../viewdesc.js";
+import { MarkViewDesc, ViewDesc } from "../viewdesc.js";
 type Props = Omit<MarkViewComponentProps["markProps"], "contentDOMRef">;
 export declare function useMarkViewDescription(getDOM: () => DOMNode | null, getContentDOM: (markView: {
     contentDOM?: HTMLElement | null;
@@ -9,7 +9,6 @@ export declare function useMarkViewDescription(getDOM: () => DOMNode | null, get
     childContextValue: {
         parentRef: import("react").MutableRefObject<MarkViewDesc | undefined>;
         siblingsRef: import("react").MutableRefObject<ViewDesc[]>;
-        findCompositionDOM: (compositionViewDesc: CompositionViewDesc) => void;
     };
     contentDOM: HTMLElement | undefined;
     refUpdated: () => void;

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

@@ -1,7 +1,7 @@
 import { NodeViewConstructor } from "prosemirror-view";
 import { NodeViewComponentProps } from "../components/nodes/NodeViewComponentProps.js";
 import { DOMNode } from "../dom.js";
-import { CompositionViewDesc, NodeViewDesc, ViewDesc } from "../viewdesc.js";
+import { NodeViewDesc, ViewDesc } from "../viewdesc.js";
 type Props = Omit<NodeViewComponentProps["nodeProps"], "contentDOMRef">;
 export declare function useNodeViewDescription(getDOM: () => DOMNode | null, getContentDOM: (nodeView: {
     contentDOM?: HTMLElement | null;
@@ -9,7 +9,6 @@ export declare function useNodeViewDescription(getDOM: () => DOMNode | null, get
     childContextValue: {
         parentRef: import("react").MutableRefObject<NodeViewDesc | undefined>;
         siblingsRef: import("react").MutableRefObject<ViewDesc[]>;
-        findCompositionDOM: (compositionViewDesc: CompositionViewDesc) => void;
     };
     contentDOM: HTMLElement | null;
     refUpdated: () => void;

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

@@ -1,5 +1,2 @@
-export declare function useReactKeys(): {
-    posToKey: Map<number, string>;
-    keyToPos: Map<string, number>;
-    posToNode: Map<number, import("prosemirror-model").Node>;
-} | undefined;
+import { ReactKeysPluginState } from "../plugins/reactKeys.js";
+export declare function useReactKeys(): ReactKeysPluginState | undefined;

package/dist/types/plugins/reactKeys.d.ts

@@ -1,16 +1,17 @@
 import { Plugin, PluginKey } from "prosemirror-state";
 import { Decoration } from "prosemirror-view";
 export declare function createNodeKey(): string;
-interface ReactKeysPluginState {
+export interface ReactKeysPluginState {
     posToKey: Map<number, string>;
     keyToPos: Map<string, number>;
     cursorWrapper: Decoration | null;
+    freezeFrom: number | null;
 }
 export declare const reactKeysPluginKey: PluginKey<ReactKeysPluginState>;
 export type ReactKeysPluginMeta = {
-    overrides: Record<number, number>;
-} | {
-    cursorWrapper: Decoration | null;
+    overrides?: Record<number, number>;
+    cursorWrapper?: Decoration | null;
+    freezeFrom?: number | null;
 } | undefined;
 /**
  * Tracks a unique key for each (non-text) node in the
@@ -20,4 +21,3 @@ export type ReactKeysPluginMeta = {
  * current position in the document, and vice versa.
  */
 export declare function reactKeys(): Plugin<ReactKeysPluginState>;
-export {};