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

package/dist/types/ReactEditorView.d.ts

@@ -2,7 +2,7 @@ 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";
+import { NodeViewDesc, TextViewDesc, ViewDesc } from "./viewdesc.js";
 interface DOMObserver {
     observer: MutationObserver | null;
     queue: MutationRecord[];
@@ -61,7 +61,8 @@ export declare class ReactEditorView extends EditorView implements AbstractEdito
     private nextProps;
     private prevState;
     private _destroyed;
-    deferPendingEffects: boolean;
+    compositionStarting: boolean;
+    displacedNodes: TextViewDesc[];
     constructor(place: {
         mount: HTMLElement;
     }, props: DirectEditorProps);

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

@@ -1,5 +1,3 @@
 import React from "react";
-export declare const CursorWrapper: React.ForwardRefExoticComponent<{
-    widget: import("../decorations/ReactWidgetType.js").ReactWidgetDecoration;
-    getPos: () => number;
-} & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLImageElement>>;
+import { WidgetViewComponentProps } from "./WidgetViewComponentProps.js";
+export declare const CursorWrapper: React.ForwardRefExoticComponent<Omit<WidgetViewComponentProps<React.AllHTMLAttributes<HTMLElement>>, "ref"> & React.RefAttributes<HTMLImageElement>>;

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

@@ -1,6 +1,6 @@
 import { Node } from "prosemirror-model";
 import { DOMEventMap, Decoration } from "prosemirror-view";
-import { Component, MutableRefObject } from "react";
+import React, { Component, MutableRefObject } from "react";
 import { AbstractEditorView } from "../AbstractEditorView.js";
 import { EventHandler } from "../hooks/useComponentEventListeners.js";
 import { CompositionViewDesc, TextViewDesc, ViewDesc } from "../viewdesc.js";
@@ -10,25 +10,30 @@ type Props = {
     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: null | TextViewDesc | CompositionViewDesc;
-    renderRef: null | JSX.Element;
-    wasProtecting: boolean;
-    containsCompositionNodeText: boolean;
+    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(): TextViewDesc | CompositionViewDesc | null;
+    create(): CompositionViewDesc | TextViewDesc | null;
     update(): boolean;
     destroy(): void;
     updateEffect(): void;
     shouldComponentUpdate(nextProps: Props): boolean;
+    constructor(props: Props);
     componentDidMount(): void;
     componentDidUpdate(): void;
+    private reattachAtCorrectPosition;
     componentWillUnmount(): void;
     render(): JSX.Element | null;
 }
+export declare function RemountableTextNodeView(props: Omit<Props, "forceRemount">): React.JSX.Element;
 export {};

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

@@ -1,6 +1,7 @@
-import { HTMLAttributes } from "react";
+import { AllHTMLAttributes, LegacyRef } from "react";
 import { ReactWidgetDecoration } from "../decorations/ReactWidgetType.js";
-export type WidgetViewComponentProps = {
+export type WidgetViewComponentProps<Attributes = AllHTMLAttributes<HTMLElement>> = Attributes & {
     widget: ReactWidgetDecoration;
     getPos: () => number;
-} & HTMLAttributes<HTMLElement>;
+    ref: LegacyRef<any>;
+};

package/dist/types/components/__tests__/ProseMirror.composition.test.d.ts

@@ -1 +1,17 @@
-export {};
+import "@wdio/types";
+declare global {
+    namespace WebdriverIO {
+        interface Browser {
+            imeSetComposition(params: {
+                text: string;
+                selectionStart?: number;
+                selectionEnd?: number;
+                replacementStart?: number;
+                replacementEnd?: number;
+            }): Promise<void>;
+            imeInsertText(params: {
+                text: string;
+            }): Promise<void>;
+        }
+    }
+}

package/dist/types/constants.d.ts

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

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

@@ -1,6 +1,8 @@
 import { MutableRefObject } from "react";
-import { ViewDesc } from "../viewdesc.js";
-export declare const ChildDescriptionsContext: import("react").Context<{
+import { CompositionViewDesc, 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/decorations/viewDecorations.d.ts

@@ -1,4 +1,4 @@
-import { Decoration, DecorationSource } from "prosemirror-view";
+import { DecorationSource } from "prosemirror-view";
 import { AbstractEditorView } from "../AbstractEditorView.js";
 /**
  * Produces the DecorationSource for the current state, based
@@ -11,4 +11,4 @@ import { AbstractEditorView } from "../AbstractEditorView.js";
  * 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: AbstractEditorView, cursorWrapper: Decoration | null): DecorationSource;
+export declare function viewDecorations(view: AbstractEditorView): DecorationSource;

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

@@ -27,7 +27,7 @@ export type HandleDOMEvents = Record<keyof DOMEventMap, EventHandler | undefined
  * To accomplish this, we shallowly clone the registry whenever a new event
  * type is registered.
  */
-export declare function useComponentEventListeners(existingHandlers: HandleDOMEvents | undefined): {
+export declare function useComponentEventListeners(handleDOMEventsProp: HandleDOMEvents | undefined): {
     registerEventListener: (eventType: keyof DOMEventMap, handler: EventHandler) => void;
     unregisterEventListener: (eventType: keyof DOMEventMap, handler: EventHandler) => void;
     handleDOMEvents: HandleDOMEvents;

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

@@ -1,5 +1,5 @@
 import { EditorState, Plugin, Transaction } from "prosemirror-state";
-import { Decoration, EditorProps, EditorView } from "prosemirror-view";
+import { EditorProps, EditorView } from "prosemirror-view";
 import { AbstractEditorView } from "../AbstractEditorView.js";
 export interface UseEditorOptions extends EditorProps {
     defaultState?: EditorState;
@@ -25,6 +25,5 @@ export declare function useEditor<T extends HTMLElement = HTMLElement>(mount: T
         unregisterEventListener: (eventType: keyof import("prosemirror-view").DOMEventMap, handler: import("./useComponentEventListeners.js").EventHandler<keyof import("prosemirror-view").DOMEventMap>) => void;
         isStatic: boolean;
     };
-    cursorWrapper: Decoration | null;
     state: EditorState;
 };

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 { MarkViewDesc, ViewDesc } from "../viewdesc.js";
+import { CompositionViewDesc, MarkViewDesc, ViewDesc } from "../viewdesc.js";
 type Props = Omit<MarkViewComponentProps["markProps"], "contentDOMRef">;
 export declare function useMarkViewDescription(getDOM: () => DOMNode | null, getContentDOM: (markView: {
     contentDOM?: HTMLElement | null;
@@ -9,6 +9,7 @@ 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 { NodeViewDesc, ViewDesc } from "../viewdesc.js";
+import { CompositionViewDesc, NodeViewDesc, ViewDesc } from "../viewdesc.js";
 type Props = Omit<NodeViewComponentProps["nodeProps"], "contentDOMRef">;
 export declare function useNodeViewDescription(getDOM: () => DOMNode | null, getContentDOM: (nodeView: {
     contentDOM?: HTMLElement | null;
@@ -9,6 +9,7 @@ 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/plugins/beforeInputPlugin.d.ts

@@ -1,3 +1,2 @@
 import { Plugin } from "prosemirror-state";
-import { Decoration } from "prosemirror-view";
-export declare function beforeInputPlugin(setCursorWrapper: (deco: Decoration | null) => void): Plugin<any>;
+export declare function beforeInputPlugin(): Plugin<any>;

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

@@ -1,4 +1,3 @@
-import { Plugin } from "prosemirror-state";
 import { DOMEventMap, EditorView } from "prosemirror-view";
-export type EventHandler<EventType extends keyof DOMEventMap = keyof DOMEventMap> = (this: Plugin, view: EditorView, event: DOMEventMap[EventType]) => boolean | void;
-export declare function componentEventListeners(eventHandlerRegistry: Map<keyof DOMEventMap, Iterable<EventHandler>>): Plugin<any>;
+export type EventHandler<EventType extends keyof DOMEventMap = keyof DOMEventMap> = (view: EditorView, event: DOMEventMap[EventType]) => boolean | void;
+export declare function componentEventListeners(eventHandlerRegistry: Map<keyof DOMEventMap, Iterable<EventHandler>>): Record<keyof DOMEventMap, EventHandler<keyof DOMEventMap>>;

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

@@ -1,13 +1,16 @@
-import { Node } from "prosemirror-model";
 import { Plugin, PluginKey } from "prosemirror-state";
+import { Decoration } from "prosemirror-view";
 export declare function createNodeKey(): string;
-export declare const reactKeysPluginKey: PluginKey<{
+interface ReactKeysPluginState {
     posToKey: Map<number, string>;
     keyToPos: Map<string, number>;
-    posToNode: Map<number, Node>;
-}>;
+    cursorWrapper: Decoration | null;
+}
+export declare const reactKeysPluginKey: PluginKey<ReactKeysPluginState>;
 export type ReactKeysPluginMeta = {
     overrides: Record<number, number>;
+} | {
+    cursorWrapper: Decoration | null;
 } | undefined;
 /**
  * Tracks a unique key for each (non-text) node in the
@@ -16,7 +19,5 @@ export type ReactKeysPluginMeta = {
  * key for a given node can be accessed by that node's
  * current position in the document, and vice versa.
  */
-export declare function reactKeys(): Plugin<{
-    posToKey: Map<number, string>;
-    keyToPos: Map<string, number>;
-}>;
+export declare function reactKeys(): Plugin<ReactKeysPluginState>;
+export {};

package/dist/types/props.d.ts

@@ -904,19 +904,19 @@ export declare function mergeReactProps(a: HTMLProps<HTMLElement>, b: HTMLProps<
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
-    autoCapitalize?: "none" | (string & {}) | "off" | "on" | "sentences" | "words" | "characters" | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | (string & {}) | undefined;
     autoFocus?: boolean | undefined;
-    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+    contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
-    draggable?: (boolean | "true" | "false") | undefined;
-    enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
+    draggable?: (boolean | "false" | "true") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
     hidden?: boolean | undefined;
     id?: string | undefined;
     lang?: string | undefined;
     nonce?: string | undefined;
     slot?: string | undefined;
-    spellCheck?: (boolean | "true" | "false") | undefined;
+    spellCheck?: (boolean | "false" | "true") | undefined;
     tabIndex?: number | undefined;
     title?: string | undefined;
     translate?: "yes" | "no" | undefined;
@@ -944,57 +944,57 @@ export declare function mergeReactProps(a: HTMLProps<HTMLElement>, b: HTMLProps<
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "off" | "on" | undefined;
-    inputMode?: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
+    inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     exportparts?: string | undefined;
     part?: string | undefined;
     "aria-activedescendant"?: string | undefined;
-    "aria-atomic"?: (boolean | "true" | "false") | undefined;
-    "aria-autocomplete"?: "list" | "none" | "both" | "inline" | undefined;
+    "aria-atomic"?: (boolean | "false" | "true") | undefined;
+    "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
     "aria-braillelabel"?: string | undefined;
     "aria-brailleroledescription"?: string | undefined;
-    "aria-busy"?: (boolean | "true" | "false") | undefined;
-    "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
+    "aria-busy"?: (boolean | "false" | "true") | undefined;
+    "aria-checked"?: boolean | "false" | "true" | "mixed" | undefined;
     "aria-colcount"?: number | undefined;
     "aria-colindex"?: number | undefined;
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "step" | "date" | "true" | "false" | "page" | "location" | undefined;
+    "aria-current"?: boolean | "false" | "true" | "step" | "page" | "location" | "date" | "time" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
-    "aria-disabled"?: (boolean | "true" | "false") | undefined;
-    "aria-dropeffect"?: "copy" | "link" | "none" | "move" | "execute" | "popup" | undefined;
+    "aria-disabled"?: (boolean | "false" | "true") | undefined;
+    "aria-dropeffect"?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
     "aria-errormessage"?: string | undefined;
-    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-expanded"?: (boolean | "false" | "true") | undefined;
     "aria-flowto"?: string | undefined;
-    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-    "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
-    "aria-hidden"?: (boolean | "true" | "false") | undefined;
-    "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+    "aria-grabbed"?: (boolean | "false" | "true") | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
+    "aria-hidden"?: (boolean | "false" | "true") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
     "aria-label"?: string | undefined;
     "aria-labelledby"?: string | undefined;
     "aria-level"?: number | undefined;
     "aria-live"?: "off" | "assertive" | "polite" | undefined;
-    "aria-modal"?: (boolean | "true" | "false") | undefined;
-    "aria-multiline"?: (boolean | "true" | "false") | undefined;
-    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-modal"?: (boolean | "false" | "true") | undefined;
+    "aria-multiline"?: (boolean | "false" | "true") | undefined;
+    "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
     "aria-orientation"?: "horizontal" | "vertical" | undefined;
     "aria-owns"?: string | undefined;
     "aria-placeholder"?: string | undefined;
     "aria-posinset"?: number | undefined;
-    "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
-    "aria-readonly"?: (boolean | "true" | "false") | undefined;
-    "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-pressed"?: boolean | "false" | "true" | "mixed" | undefined;
+    "aria-readonly"?: (boolean | "false" | "true") | undefined;
+    "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: (boolean | "false" | "true") | undefined;
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;
     "aria-rowindex"?: number | undefined;
     "aria-rowindextext"?: string | undefined;
     "aria-rowspan"?: number | undefined;
-    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-selected"?: (boolean | "false" | "true") | undefined;
     "aria-setsize"?: number | undefined;
     "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
     "aria-valuemax"?: number | undefined;

package/dist/types/tiptap/hooks/useTiptapEditor.d.ts

@@ -1,4 +1,11 @@
 import { DependencyList } from "react";
 import { useEditor } from "./useEditor.js";
 export type UseTiptapEditorOptions = Omit<Parameters<typeof useEditor>[0], "element">;
+/**
+ * Create a React ProseMirror integrated Tiptap Editor instance.
+ * @param options The editor options
+ * @param deps The dependencies to watch for changes
+ * @returns The editor instance
+ * @example const editor = useEditor({ extensions: [...] })
+ */
 export declare function useTiptapEditor(options: UseTiptapEditorOptions, deps?: DependencyList): import("@tiptap/core").Editor;

package/dist/types/tiptap/utils/ssrJSDOMPatch.d.ts

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

package/dist/types/viewdesc.d.ts

@@ -1,4 +1,4 @@
-import { Mark, Node, TagParseRule } from "prosemirror-model";
+import { Fragment, Mark, Node, TagParseRule } from "prosemirror-model";
 import { Decoration, DecorationSource, EditorView, NodeView } from "prosemirror-view";
 import { ReactEditorView } from "./ReactEditorView.js";
 import { DOMNode } from "./dom.js";
@@ -119,7 +119,7 @@ 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(): 0 | 1;
+    get border(): 1 | 0;
     updateChildren(_view: EditorView, _pos: number): void;
     update(node: Node, outerDeco: readonly Decoration[], innerDeco: DecorationSource, view: EditorView): boolean;
     updateInner(node: Node, outerDeco: readonly Decoration[], innerDeco: DecorationSource, view: EditorView): void;
@@ -172,4 +172,5 @@ export declare class ReactNodeViewDesc extends CustomNodeViewDesc {
     destroy(): void;
 }
 export declare function sameOuterDeco(a: readonly Decoration[], b: readonly Decoration[]): boolean;
+export declare function findTextInFragment(frag: Fragment, text: string, from: number, to: number): number;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@handlewithcare/react-prosemirror",
-  "version": "3.1.0-tiptap.51",
+  "version": "3.1.0-tiptap.53",
   "license": "Apache-2.0",
   "type": "module",
   "main": "dist/cjs/index.js",
@@ -112,6 +112,7 @@
     "prosemirror-test-builder": "^1.1.1",
     "prosemirror-transform": "^1.12.0",
     "prosemirror-view": "1.41.7",
+    "puppeteer-core": "^25.0.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-reconciler": "^0.29.0",