@handlewithcare/react-prosemirror 3.1.0-tiptap.35 → 3.1.0-tiptap.36

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

@@ -0,0 +1,12 @@
+import { Node } from "prosemirror-model";
+import { Decoration, DecorationSource, NodeViewConstructor } from "prosemirror-view";
+import React from "react";
+interface Props {
+    constructor: NodeViewConstructor;
+    node: Node;
+    getPos: () => number;
+    innerDeco: DecorationSource;
+    outerDeco: readonly Decoration[];
+}
+export declare const CustomNodeView: React.NamedExoticComponent<Props>;
+export {};

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

@@ -0,0 +1,12 @@
+import { Node } from "prosemirror-model";
+import { Decoration, DecorationSource } from "prosemirror-view";
+import React, { HTMLProps, ReactElement } from "react";
+export interface DocNodeViewProps extends Omit<HTMLProps<HTMLElement>, "as"> {
+    as?: ReactElement;
+    node: Node;
+    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/MarkView.d.ts

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

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

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

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

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

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

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

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

@@ -0,0 +1,12 @@
+import { Mark } from "prosemirror-model";
+import { MarkViewConstructor } from "prosemirror-view";
+import React, { ReactNode } from "react";
+interface Props {
+    constructor: MarkViewConstructor;
+    mark: Mark;
+    inline: boolean;
+    getPos: () => number;
+    children: ReactNode;
+}
+export declare const CustomMarkView: React.NamedExoticComponent<Props>;
+export {};

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

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

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

@@ -0,0 +1,12 @@
+import { Node } from "prosemirror-model";
+import { Decoration, DecorationSource, NodeViewConstructor } from "prosemirror-view";
+import React from "react";
+interface Props {
+    constructor: NodeViewConstructor;
+    node: Node;
+    getPos: () => number;
+    innerDeco: DecorationSource;
+    outerDeco: readonly Decoration[];
+}
+export declare const CustomNodeView: React.NamedExoticComponent<Props>;
+export {};

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<"doc" | "text", any>;
+export declare const EMPTY_SCHEMA: Schema<"text" | "doc", any>;
 export declare const EMPTY_STATE: EditorState;

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

@@ -0,0 +1,6 @@
+import { MutableRefObject } from "react";
+import { ViewDesc } from "../viewdesc.js";
+export declare const ChildDescriptorsContext: import("react").Context<{
+    parentRef: MutableRefObject<ViewDesc | undefined>;
+    siblingsRef: MutableRefObject<ViewDesc[]>;
+}>;

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

@@ -0,0 +1,20 @@
+import { NodeViewConstructor } from "prosemirror-view";
+import { NodeViewComponentProps } from "../components/nodes/NodeViewComponentProps.js";
+import { DOMNode } from "../dom.js";
+import { NodeViewDesc, ViewDesc } from "../viewdesc.js";
+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/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?: "off" | "none" | "on" | "sentences" | "words" | "characters" | (string & {}) | undefined;
+    autoCapitalize?: "none" | (string & {}) | "off" | "on" | "sentences" | "words" | "characters" | undefined;
     autoFocus?: boolean | undefined;
-    contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
-    draggable?: (boolean | "false" | "true") | undefined;
-    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
     hidden?: boolean | undefined;
     id?: string | undefined;
     lang?: string | undefined;
     nonce?: string | undefined;
     slot?: string | undefined;
-    spellCheck?: (boolean | "false" | "true") | undefined;
+    spellCheck?: (boolean | "true" | "false") | 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?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     exportparts?: string | undefined;
     part?: string | undefined;
     "aria-activedescendant"?: string | undefined;
-    "aria-atomic"?: (boolean | "false" | "true") | undefined;
-    "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "list" | "none" | "both" | "inline" | undefined;
     "aria-braillelabel"?: string | undefined;
     "aria-brailleroledescription"?: string | undefined;
-    "aria-busy"?: (boolean | "false" | "true") | undefined;
-    "aria-checked"?: boolean | "false" | "true" | "mixed" | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "true" | "false" | "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 | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+    "aria-current"?: boolean | "time" | "step" | "date" | "true" | "false" | "page" | "location" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
-    "aria-disabled"?: (boolean | "false" | "true") | undefined;
-    "aria-dropeffect"?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "copy" | "link" | "none" | "move" | "execute" | "popup" | undefined;
     "aria-errormessage"?: string | undefined;
-    "aria-expanded"?: (boolean | "false" | "true") | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
     "aria-flowto"?: string | 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-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-keyshortcuts"?: string | undefined;
     "aria-label"?: string | undefined;
     "aria-labelledby"?: string | undefined;
     "aria-level"?: number | undefined;
     "aria-live"?: "off" | "assertive" | "polite" | undefined;
-    "aria-modal"?: (boolean | "false" | "true") | undefined;
-    "aria-multiline"?: (boolean | "false" | "true") | undefined;
-    "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
     "aria-orientation"?: "horizontal" | "vertical" | undefined;
     "aria-owns"?: string | undefined;
     "aria-placeholder"?: string | undefined;
     "aria-posinset"?: number | 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-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-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;
     "aria-rowindex"?: number | undefined;
     "aria-rowindextext"?: string | undefined;
     "aria-rowspan"?: number | undefined;
-    "aria-selected"?: (boolean | "false" | "true") | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
     "aria-setsize"?: number | undefined;
     "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
     "aria-valuemax"?: number | undefined;

package/dist/types/tiptap/TiptapNodeView.d.ts

@@ -0,0 +1,15 @@
+import { Editor, NodeView, NodeViewRendererOptions, NodeViewRendererProps } from "@tiptap/core";
+/**
+ * Subclass of Tiptap's NodeView to be used in tiptapNodeView.
+ *
+ * Allows us to pass in an existing dom and contentODM from React ProseMirror's
+ * ViewDesc, so that we can call Tiptap's default stopEvent and ignoreMutation
+ * methods
+ */
+export declare class ReactProseMirrorNodeView<Component, NodeEditor extends Editor = Editor, Options extends NodeViewRendererOptions = NodeViewRendererOptions> extends NodeView<Component, NodeEditor, Options> {
+    private _dom;
+    private _contentDOM;
+    constructor(component: Component, props: NodeViewRendererProps, dom: HTMLElement, contentDOM: HTMLElement | null, options?: Partial<Options>);
+    get dom(): HTMLElement;
+    get contentDOM(): HTMLElement | null;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@handlewithcare/react-prosemirror",
-  "version": "3.1.0-tiptap.35",
+  "version": "3.1.0-tiptap.36",
   "license": "Apache-2.0",
   "type": "module",
   "main": "dist/cjs/index.js",