@handlewithcare/react-prosemirror 2.5.0 → 2.5.2

package/dist/types/ReactEditorView.d.ts

@@ -13,7 +13,7 @@ interface InputState {
     compositionID: number;
     compositionNodes: ViewDesc[];
     compositionPendingChanges: number;
-    lastFocus: number;
+    hideSelectionGuard: (() => void) | null;
     lastClick: {
         time: number;
         x: number;
@@ -21,6 +21,8 @@ interface InputState {
         type: string;
         button: number;
     };
+    lastFocus: number;
+    lastIOSEnter: number;
     lastSelectionOrigin: string | null;
     lastSelectionTime: number;
     lastTouch: number;
@@ -28,7 +30,6 @@ interface InputState {
         allowDefault: boolean;
         delayedSelectionSync: boolean;
     };
-    hideSelectionGuard: (() => void) | null;
 }
 /**
  * Extends EditorView to make prop and state updates pure, remove the DOM

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

@@ -2,7 +2,7 @@ import { Node } from "prosemirror-model";
 import { Decoration, DecorationSource, NodeViewConstructor } from "prosemirror-view";
 import React from "react";
 interface Props {
-    customNodeView: NodeViewConstructor;
+    constructor: NodeViewConstructor;
     node: Node;
     getPos: () => number;
     innerDeco: DecorationSource;

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

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

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

@@ -1,17 +1,12 @@
 import { Node } from "prosemirror-model";
 import { Decoration, DecorationSource } from "prosemirror-view";
-import React, { DetailedHTMLProps, HTMLAttributes, ReactElement } from "react";
-export type DocNodeViewProps = {
-    className?: string;
-    node: Node;
-    innerDeco: DecorationSource;
-    outerDeco: Decoration[];
+import React, { HTMLProps, ReactElement } from "react";
+export interface DocNodeViewProps extends Omit<HTMLProps<HTMLElement>, "as"> {
     as?: ReactElement;
-} & Omit<DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLDivElement>, "ref">;
-export declare const DocNodeView: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
-    className?: string | undefined;
     node: Node;
-    innerDeco: DecorationSource;
-    outerDeco: Decoration[];
-    as?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
-} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement | null>>>;
+    getPos: () => number;
+    decorations: readonly Decoration[];
+    innerDecorations: DecorationSource;
+    setMount: (mount: HTMLElement | null) => void;
+}
+export declare const DocNodeView: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<DocNodeViewProps, "ref"> & React.RefAttributes<HTMLElement>>>;

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

@@ -1,11 +1,11 @@
 import { Node } from "prosemirror-model";
 import { Decoration, DecorationSource } from "prosemirror-view";
 import React from "react";
-type NodeViewProps = {
-    outerDeco: readonly Decoration[];
-    getPos: () => number;
+type Props = {
     node: Node;
+    getPos: () => number;
+    outerDeco: readonly Decoration[];
     innerDeco: DecorationSource;
 };
-export declare const NodeView: React.NamedExoticComponent<NodeViewProps>;
+export declare const NodeView: React.NamedExoticComponent<Props>;
 export {};

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

@@ -1,13 +1,12 @@
 import { Node } from "prosemirror-model";
 import { Decoration, DecorationSource } from "prosemirror-view";
-import { HTMLAttributes, LegacyRef, ReactNode } from "react";
-export type NodeViewComponentProps = {
+import { AllHTMLAttributes, LegacyRef } from "react";
+export interface NodeViewComponentProps extends AllHTMLAttributes<HTMLElement> {
     nodeProps: {
         decorations: readonly Decoration[];
         innerDecorations: DecorationSource;
         node: Node;
-        children?: ReactNode | ReactNode[];
         getPos: () => number;
     };
     ref: LegacyRef<any>;
-} & HTMLAttributes<HTMLElement>;
+}

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

@@ -1,10 +1,16 @@
-import React from "react";
-import { DocNodeViewProps } from "./DocNodeView.js";
-type DocNodeViewContextValue = Omit<DocNodeViewProps, "as"> & {
+import { Node } from "prosemirror-model";
+import { Decoration, DecorationSource } from "prosemirror-view";
+import React, { HTMLProps, ReactElement } from "react";
+interface DocNodeViewContextValue {
+    node: Node;
+    getPos: () => number;
+    decorations: readonly Decoration[];
+    innerDecorations: DecorationSource;
     setMount: (mount: HTMLElement | null) => void;
-};
+}
 export declare const DocNodeViewContext: React.Context<DocNodeViewContextValue>;
-declare const ForwardedProseMirrorDoc: React.ForwardRefExoticComponent<{
-    as?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
-} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement | null>>;
-export { ForwardedProseMirrorDoc as ProseMirrorDoc };
+interface Props extends Omit<HTMLProps<HTMLElement>, "as"> {
+    as?: ReactElement;
+}
+export declare const ProseMirrorDoc: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLElement>>;
+export {};

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

@@ -1,7 +1,9 @@
 import { Node } from "prosemirror-model";
 import { Decoration, DecorationSource } from "prosemirror-view";
-import React from "react";
+import React, { ComponentType } from "react";
+import { NodeViewComponentProps } from "./NodeViewComponentProps.js";
 type Props = {
+    component: ComponentType<NodeViewComponentProps>;
     outerDeco: readonly Decoration[];
     getPos: () => number;
     node: Node;

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

@@ -1,4 +1,5 @@
 import { ViewMutationRecord } from "prosemirror-view";
-type IgnoreMutationtContextValue = (ignoreMutation: (mutation: ViewMutationRecord) => boolean) => void;
+export type IgnoreMutation = (mutation: ViewMutationRecord) => boolean;
+type IgnoreMutationtContextValue = (ignoreMutation: IgnoreMutation) => void;
 export declare const IgnoreMutationContext: import("react").Context<IgnoreMutationtContextValue>;
 export {};

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

@@ -1,6 +1,8 @@
 import { ComponentType } from "react";
+import { NodeViewSet } from "../AbstractEditorView.js";
 import { NodeViewComponentProps } from "../components/NodeViewComponentProps.js";
 export type NodeViewContextValue = {
-    nodeViews: Record<string, ComponentType<NodeViewComponentProps>>;
+    components: Record<string, ComponentType<NodeViewComponentProps>>;
+    constructors: NodeViewSet;
 };
 export declare const NodeViewContext: import("react").Context<NodeViewContextValue>;

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

@@ -1,3 +1,5 @@
-type SelectNodeContextValue = (selectNode: () => void, deselectNode: () => void) => void;
+export type SelectNode = () => void;
+export type DeselectNode = () => void;
+type SelectNodeContextValue = (selectNode: SelectNode, deselectNode: DeselectNode) => void;
 export declare const SelectNodeContext: import("react").Context<SelectNodeContextValue>;
 export {};

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

@@ -1,3 +1,4 @@
-type StopEventContextValue = (stopEvent: (event: Event) => boolean | undefined) => void;
+export type StopEvent = (event: Event) => boolean;
+type StopEventContextValue = (stopEvent: (event: Event) => boolean) => void;
 export declare const StopEventContext: import("react").Context<StopEventContextValue>;
 export {};

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

@@ -4,7 +4,7 @@ import { AbstractEditorView } from "../AbstractEditorView.js";
 export interface UseEditorOptions extends EditorProps {
     defaultState?: EditorState;
     state?: EditorState;
-    plugins?: Plugin[];
+    plugins?: readonly Plugin[];
     dispatchTransaction?(this: EditorView, tr: Transaction): void;
 }
 /**

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

@@ -1,12 +1,20 @@
-import { Node } from "prosemirror-model";
-import { Decoration, DecorationSource, ViewMutationRecord } from "prosemirror-view";
-import { MutableRefObject } from "react";
+import { NodeViewConstructor } from "prosemirror-view";
+import { NodeViewComponentProps } from "../components/NodeViewComponentProps.js";
+import { DOMNode } from "../dom.js";
 import { NodeViewDesc, ViewDesc } from "../viewdesc.js";
-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>;
-    setStopEvent: (newStopEvent: (event: Event) => boolean | undefined) => void;
-    setSelectNode: (newSelectNode: () => void, newDeselectNode: () => void) => void;
-    setIgnoreMutation: (newIgnoreMutation: (mutation: ViewMutationRecord) => boolean) => void;
+type Props = NodeViewComponentProps["nodeProps"];
+export declare function useNodeViewDescriptor(ref: {
+    readonly current: DOMNode | null;
+}, constructor: NodeViewConstructor, props: Props): {
+    childContextValue: {
+        parentRef: import("react").MutableRefObject<NodeViewDesc | undefined>;
+        siblingsRef: import("react").MutableRefObject<ViewDesc[]>;
+    };
+    dom: Node | null;
+    contentDOM: HTMLElement | null;
+    nodeDOM: Node | null;
+    ref: {
+        readonly current: DOMNode | null;
+    };
 };
+export {};

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

@@ -1 +1,2 @@
-export declare function useSelectNode(selectNode: () => void, deselectNode?: () => void): void;
+import { EditorView } from "prosemirror-view";
+export declare function useSelectNode(selectNode: (view: EditorView) => void, deselectNode?: (view: EditorView) => void): void;

package/dist/types/viewdesc.d.ts

@@ -1,5 +1,5 @@
 import { Mark, Node, TagParseRule } from "prosemirror-model";
-import { Decoration, DecorationSource } from "prosemirror-view";
+import { Decoration, DecorationSource, EditorView, NodeView } from "prosemirror-view";
 import { ReactEditorView } from "./ReactEditorView.js";
 import { DOMNode } from "./dom.js";
 declare global {
@@ -112,17 +112,17 @@ export declare class NodeViewDesc extends ViewDesc {
     outerDeco: readonly Decoration[];
     innerDeco: DecorationSource;
     nodeDOM: DOMNode;
-    stopEvent: (event: Event) => boolean;
-    selectNode: () => void;
-    deselectNode: () => void;
-    ignoreMutation: (mutation: ViewMutationRecord) => boolean;
-    constructor(parent: ViewDesc | undefined, children: ViewDesc[], getPos: () => number, node: Node, outerDeco: readonly Decoration[], innerDeco: DecorationSource, dom: DOMNode, contentDOM: HTMLElement | null, nodeDOM: DOMNode, stopEvent: (event: Event) => boolean, selectNode: () => void, deselectNode: () => void, ignoreMutation: (mutation: ViewMutationRecord) => boolean);
-    updateOuterDeco(): void;
+    constructor(parent: ViewDesc | undefined, children: ViewDesc[], getPos: () => number, node: Node, outerDeco: readonly Decoration[], innerDeco: DecorationSource, dom: DOMNode, contentDOM: HTMLElement | null, nodeDOM: DOMNode);
     parseRule(): Omit<TagParseRule, "tag"> | null;
     matchesNode(node: Node, outerDeco: readonly Decoration[], innerDeco: DecorationSource): boolean;
     get size(): number;
     get border(): 0 | 1;
-    update(_node: Node, _outerDeco: readonly Decoration[], _innerDeco: DecorationSource, _view: ReactEditorView): boolean;
+    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;
+    updateOuterDeco(outerDeco: readonly Decoration[]): void;
+    selectNode(): void;
+    deselectNode(): void;
     get domAtom(): boolean;
 }
 export declare class TextViewDesc extends NodeViewDesc {
@@ -148,3 +148,20 @@ export declare class TrailingHackViewDesc extends ViewDesc {
     get domAtom(): boolean;
     get ignoreForCoords(): boolean;
 }
+declare class CustomNodeViewDesc extends NodeViewDesc {
+    readonly spec: NodeView;
+    constructor(parent: ViewDesc | undefined, children: ViewDesc[], getPos: () => number, node: Node, outerDeco: readonly Decoration[], innerDeco: DecorationSource, dom: DOMNode, contentDOM: HTMLElement | null, nodeDOM: DOMNode, spec: NodeView);
+    update(node: Node, outerDeco: readonly Decoration[], innerDeco: DecorationSource, view: EditorView): boolean;
+    selectNode(): void;
+    deselectNode(): void;
+    setSelection(anchor: number, head: number, view: ReactEditorView, force: boolean): void;
+    destroy(): void;
+    stopEvent(event: Event): boolean;
+    ignoreMutation(mutation: ViewMutationRecord): boolean;
+}
+export declare class ReactNodeViewDesc extends CustomNodeViewDesc {
+    updateChildren(_view: EditorView, _pos: number): void;
+    updateOuterDeco(outerDeco: readonly Decoration[]): void;
+    destroy(): void;
+}
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@handlewithcare/react-prosemirror",
-  "version": "2.5.0",
+  "version": "2.5.2",
   "license": "Apache-2.0",
   "type": "module",
   "main": "dist/cjs/index.js",
@@ -118,8 +118,8 @@
     "prosemirror-model": "^1.0.0",
     "prosemirror-state": "^1.0.0",
     "prosemirror-view": "1.39.2",
-    "react": ">=17 <=19.1.0",
-    "react-dom": ">=17 <=19.1.0",
+    "react": ">=17 <20",
+    "react-dom": ">=17 <20",
     "react-reconciler": ">=0.26.1 <=0.32.0"
   },
   "packageManager": "yarn@4.6.0",

package/dist/cjs/hooks/useClientOnly.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useClientOnly", {
-    enumerable: true,
-    get: function() {
-        return useClientOnly;
-    }
-});
-const _react = require("react");
-// eslint-disable-next-line @typescript-eslint/no-empty-function
-function unsubscribe() {}
-function subscribe() {
-    return unsubscribe;
-}
-function useClientOnly() {
-    return (0, _react.useSyncExternalStore)(subscribe, ()=>true, ()=>false);
-}

package/dist/esm/hooks/useClientOnly.js

@@ -1,9 +0,0 @@
-import { useSyncExternalStore } from "react";
-// eslint-disable-next-line @typescript-eslint/no-empty-function
-function unsubscribe() {}
-function subscribe() {
-    return unsubscribe;
-}
-export function useClientOnly() {
-    return useSyncExternalStore(subscribe, ()=>true, ()=>false);
-}

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

@@ -1 +0,0 @@
-export declare function useClientOnly(): boolean;