@tiptap/react 2.5.0-beta.2 → 2.5.0-beta.4

package/dist/packages/react/src/EditorContent.d.ts

@@ -1,24 +1,24 @@
-import React, { ForwardedRef, HTMLProps } from 'react';
-import { Editor } from './Editor.js';
-import { ReactRenderer } from './ReactRenderer.js';
-export interface EditorContentProps extends HTMLProps<HTMLDivElement> {
-    editor: Editor | null;
-    innerRef?: ForwardedRef<HTMLDivElement | null>;
-}
-export interface EditorContentState {
-    renderers: Record<string, ReactRenderer>;
-}
-export declare class PureEditorContent extends React.Component<EditorContentProps, EditorContentState> {
-    editorContentRef: React.RefObject<any>;
-    initialized: boolean;
-    constructor(props: EditorContentProps);
-    componentDidMount(): void;
-    componentDidUpdate(): void;
-    init(): void;
-    maybeFlushSync(fn: () => void): void;
-    setRenderer(id: string, renderer: ReactRenderer): void;
-    removeRenderer(id: string): void;
-    componentWillUnmount(): void;
-    render(): React.JSX.Element;
-}
-export declare const EditorContent: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<EditorContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>>;
+import React, { ForwardedRef, HTMLProps } from 'react';
+import { Editor } from './Editor.js';
+import { ReactRenderer } from './ReactRenderer.js';
+export interface EditorContentProps extends HTMLProps<HTMLDivElement> {
+    editor: Editor | null;
+    innerRef?: ForwardedRef<HTMLDivElement | null>;
+}
+export interface EditorContentState {
+    renderers: Record<string, ReactRenderer>;
+}
+export declare class PureEditorContent extends React.Component<EditorContentProps, EditorContentState> {
+    editorContentRef: React.RefObject<any>;
+    initialized: boolean;
+    constructor(props: EditorContentProps);
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    init(): void;
+    maybeFlushSync(fn: () => void): void;
+    setRenderer(id: string, renderer: ReactRenderer): void;
+    removeRenderer(id: string): void;
+    componentWillUnmount(): void;
+    render(): React.JSX.Element;
+}
+export declare const EditorContent: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<EditorContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>>;

package/dist/packages/react/src/FloatingMenu.d.ts

@@ -1,10 +1,10 @@
-import { FloatingMenuPluginProps } from '@tiptap/extension-floating-menu';
-import React from 'react';
-declare type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;
-export declare type FloatingMenuProps = Omit<Optional<FloatingMenuPluginProps, 'pluginKey'>, 'element' | 'editor'> & {
-    editor: FloatingMenuPluginProps['editor'] | null;
-    className?: string;
-    children: React.ReactNode;
-};
-export declare const FloatingMenu: (props: FloatingMenuProps) => React.JSX.Element;
-export {};
+import { FloatingMenuPluginProps } from '@tiptap/extension-floating-menu';
+import React from 'react';
+type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;
+export type FloatingMenuProps = Omit<Optional<FloatingMenuPluginProps, 'pluginKey'>, 'element' | 'editor'> & {
+    editor: FloatingMenuPluginProps['editor'] | null;
+    className?: string;
+    children: React.ReactNode;
+};
+export declare const FloatingMenu: (props: FloatingMenuProps) => React.JSX.Element;
+export {};

package/dist/packages/react/src/NodeViewContent.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-export interface NodeViewContentProps {
-    [key: string]: any;
-    as?: React.ElementType;
-}
-export declare const NodeViewContent: React.FC<NodeViewContentProps>;
+import React from 'react';
+export interface NodeViewContentProps {
+    [key: string]: any;
+    as?: React.ElementType;
+}
+export declare const NodeViewContent: React.FC<NodeViewContentProps>;

package/dist/packages/react/src/NodeViewWrapper.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-export interface NodeViewWrapperProps {
-    [key: string]: any;
-    as?: React.ElementType;
-}
-export declare const NodeViewWrapper: React.FC<NodeViewWrapperProps>;
+import React from 'react';
+export interface NodeViewWrapperProps {
+    [key: string]: any;
+    as?: React.ElementType;
+}
+export declare const NodeViewWrapper: React.FC<NodeViewWrapperProps>;

package/dist/packages/react/src/ReactNodeViewRenderer.d.ts

@@ -1,16 +1,16 @@
-import { NodeViewRenderer, NodeViewRendererOptions } from '@tiptap/core';
-import { Node as ProseMirrorNode } from '@tiptap/pm/model';
-import { Decoration } from '@tiptap/pm/view';
-export interface ReactNodeViewRendererOptions extends NodeViewRendererOptions {
-    update: ((props: {
-        oldNode: ProseMirrorNode;
-        oldDecorations: Decoration[];
-        newNode: ProseMirrorNode;
-        newDecorations: Decoration[];
-        updateProps: () => void;
-    }) => boolean) | null;
-    as?: string;
-    className?: string;
-    attrs?: Record<string, string>;
-}
-export declare function ReactNodeViewRenderer(component: any, options?: Partial<ReactNodeViewRendererOptions>): NodeViewRenderer;
+import { NodeViewRenderer, NodeViewRendererOptions } from '@tiptap/core';
+import { Node as ProseMirrorNode } from '@tiptap/pm/model';
+import { Decoration } from '@tiptap/pm/view';
+export interface ReactNodeViewRendererOptions extends NodeViewRendererOptions {
+    update: ((props: {
+        oldNode: ProseMirrorNode;
+        oldDecorations: Decoration[];
+        newNode: ProseMirrorNode;
+        newDecorations: Decoration[];
+        updateProps: () => void;
+    }) => boolean) | null;
+    as?: string;
+    className?: string;
+    attrs?: Record<string, string>;
+}
+export declare function ReactNodeViewRenderer(component: any, options?: Partial<ReactNodeViewRendererOptions>): NodeViewRenderer;

package/dist/packages/react/src/ReactRenderer.d.ts

@@ -1,62 +1,62 @@
-import { Editor } from '@tiptap/core';
-import React from 'react';
-import { Editor as ExtendedEditor } from './Editor.js';
-export interface ReactRendererOptions {
-    /**
-     * The editor instance.
-     * @type {Editor}
-     */
-    editor: Editor;
-    /**
-     * The props for the component.
-     * @type {Record<string, any>}
-     * @default {}
-     */
-    props?: Record<string, any>;
-    /**
-     * The tag name of the element.
-     * @type {string}
-     * @default 'div'
-     */
-    as?: string;
-    /**
-     * The class name of the element.
-     * @type {string}
-     * @default ''
-     * @example 'foo bar'
-     */
-    className?: string;
-    /**
-     * The attributes of the element.
-     * @type {Record<string, string>}
-     * @default {}
-     * @example { 'data-foo': 'bar' }
-     */
-    attrs?: Record<string, string>;
-}
-declare type ComponentType<R, P> = React.ComponentClass<P> | React.FunctionComponent<P> | React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<R>>;
-/**
- * The ReactRenderer class. It's responsible for rendering React components inside the editor.
- * @example
- * new ReactRenderer(MyComponent, {
- *   editor,
- *   props: {
- *     foo: 'bar',
- *   },
- *   as: 'span',
- * })
-*/
-export declare class ReactRenderer<R = unknown, P = unknown> {
-    id: string;
-    editor: ExtendedEditor;
-    component: any;
-    element: Element;
-    props: Record<string, any>;
-    reactElement: React.ReactNode;
-    ref: R | null;
-    constructor(component: ComponentType<R, P>, { editor, props, as, className, attrs, }: ReactRendererOptions);
-    render(): void;
-    updateProps(props?: Record<string, any>): void;
-    destroy(): void;
-}
-export {};
+import { Editor } from '@tiptap/core';
+import React from 'react';
+import { Editor as ExtendedEditor } from './Editor.js';
+export interface ReactRendererOptions {
+    /**
+     * The editor instance.
+     * @type {Editor}
+     */
+    editor: Editor;
+    /**
+     * The props for the component.
+     * @type {Record<string, any>}
+     * @default {}
+     */
+    props?: Record<string, any>;
+    /**
+     * The tag name of the element.
+     * @type {string}
+     * @default 'div'
+     */
+    as?: string;
+    /**
+     * The class name of the element.
+     * @type {string}
+     * @default ''
+     * @example 'foo bar'
+     */
+    className?: string;
+    /**
+     * The attributes of the element.
+     * @type {Record<string, string>}
+     * @default {}
+     * @example { 'data-foo': 'bar' }
+     */
+    attrs?: Record<string, string>;
+}
+type ComponentType<R, P> = React.ComponentClass<P> | React.FunctionComponent<P> | React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<R>>;
+/**
+ * The ReactRenderer class. It's responsible for rendering React components inside the editor.
+ * @example
+ * new ReactRenderer(MyComponent, {
+ *   editor,
+ *   props: {
+ *     foo: 'bar',
+ *   },
+ *   as: 'span',
+ * })
+*/
+export declare class ReactRenderer<R = unknown, P = unknown> {
+    id: string;
+    editor: ExtendedEditor;
+    component: any;
+    element: Element;
+    props: Record<string, any>;
+    reactElement: React.ReactNode;
+    ref: R | null;
+    constructor(component: ComponentType<R, P>, { editor, props, as, className, attrs, }: ReactRendererOptions);
+    render(): void;
+    updateProps(props?: Record<string, any>): void;
+    destroy(): void;
+}
+export {};

package/dist/packages/react/src/index.d.ts

@@ -1,12 +1,12 @@
-export * from './BubbleMenu.js';
-export * from './Context.js';
-export { Editor } from './Editor.js';
-export * from './EditorContent.js';
-export * from './FloatingMenu.js';
-export * from './NodeViewContent.js';
-export * from './NodeViewWrapper.js';
-export * from './ReactNodeViewRenderer.js';
-export * from './ReactRenderer.js';
-export * from './useEditor.js';
-export * from './useReactNodeView.js';
-export * from '@tiptap/core';
+export * from './BubbleMenu.js';
+export * from './Context.js';
+export { Editor } from './Editor.js';
+export * from './EditorContent.js';
+export * from './FloatingMenu.js';
+export * from './NodeViewContent.js';
+export * from './NodeViewWrapper.js';
+export * from './ReactNodeViewRenderer.js';
+export * from './ReactRenderer.js';
+export * from './useEditor.js';
+export * from './useReactNodeView.js';
+export * from '@tiptap/core';

package/dist/packages/react/src/useEditor.d.ts

@@ -1,11 +1,11 @@
-import { EditorOptions } from '@tiptap/core';
-import { DependencyList } from 'react';
-import { Editor } from './Editor.js';
-/**
- * This hook allows you to create an 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 const useEditor: (options?: Partial<EditorOptions>, deps?: DependencyList) => Editor | null;
+import { EditorOptions } from '@tiptap/core';
+import { DependencyList } from 'react';
+import { Editor } from './Editor.js';
+/**
+ * This hook allows you to create an 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 const useEditor: (options?: Partial<EditorOptions>, deps?: DependencyList) => Editor | null;

package/dist/packages/react/src/useReactNodeView.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-export interface ReactNodeViewContextProps {
-    onDragStart: (event: DragEvent) => void;
-    nodeViewContentRef: (element: HTMLElement | null) => void;
-}
-export declare const ReactNodeViewContext: import("react").Context<Partial<ReactNodeViewContextProps>>;
-export declare const useReactNodeView: () => Partial<ReactNodeViewContextProps>;
+/// <reference types="react" />
+export interface ReactNodeViewContextProps {
+    onDragStart: (event: DragEvent) => void;
+    nodeViewContentRef: (element: HTMLElement | null) => void;
+}
+export declare const ReactNodeViewContext: import("react").Context<Partial<ReactNodeViewContextProps>>;
+export declare const useReactNodeView: () => Partial<ReactNodeViewContextProps>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tiptap/react",
   "description": "React components for tiptap",
-  "version": "2.5.0-beta.2",
+  "version": "2.5.0-beta.4",
   "homepage": "https://tiptap.dev",
   "keywords": [
     "tiptap",
@@ -29,12 +29,12 @@
     "dist"
   ],
   "dependencies": {
-    "@tiptap/extension-bubble-menu": "^2.5.0-beta.2",
-    "@tiptap/extension-floating-menu": "^2.5.0-beta.2"
+    "@tiptap/extension-bubble-menu": "^2.5.0-beta.4",
+    "@tiptap/extension-floating-menu": "^2.5.0-beta.4"
   },
   "devDependencies": {
-    "@tiptap/core": "^2.5.0-beta.2",
-    "@tiptap/pm": "^2.5.0-beta.2",
+    "@tiptap/core": "^2.5.0-beta.4",
+    "@tiptap/pm": "^2.5.0-beta.4",
     "@types/react": "^18.2.14",
     "@types/react-dom": "^18.2.6",
     "react": "^18.0.0",