@blocknote/core 0.11.2 → 0.12.1

package/types/src/blocks/defaultBlocks.d.ts

@@ -1,3 +1,4 @@
+import { BlockNoDefaults, BlockSchema, InlineContentSchema, PartialBlockNoDefaults, StyleSchema } from "../schema";
 export declare const defaultBlockSpecs: {
     paragraph: {
         config: {
@@ -31,7 +32,7 @@ export declare const defaultBlockSpecs: {
                     values: readonly ["left", "center", "right", "justify"];
                 };
             };
-        }, any, import("../schema").InlineContentSchema, import("../schema").StyleSchema>;
+        }, any, InlineContentSchema, StyleSchema>;
     };
     heading: {
         config: {
@@ -73,7 +74,7 @@ export declare const defaultBlockSpecs: {
                     values: readonly ["left", "center", "right", "justify"];
                 };
             };
-        }, any, import("../schema").InlineContentSchema, import("../schema").StyleSchema>;
+        }, any, InlineContentSchema, StyleSchema>;
     };
     bulletListItem: {
         config: {
@@ -107,7 +108,7 @@ export declare const defaultBlockSpecs: {
                     values: readonly ["left", "center", "right", "justify"];
                 };
             };
-        }, any, import("../schema").InlineContentSchema, import("../schema").StyleSchema>;
+        }, any, InlineContentSchema, StyleSchema>;
     };
     numberedListItem: {
         config: {
@@ -141,7 +142,7 @@ export declare const defaultBlockSpecs: {
                     values: readonly ["left", "center", "right", "justify"];
                 };
             };
-        }, any, import("../schema").InlineContentSchema, import("../schema").StyleSchema>;
+        }, any, InlineContentSchema, StyleSchema>;
     };
     image: {
         config: {
@@ -187,7 +188,7 @@ export declare const defaultBlockSpecs: {
                 };
             };
             content: "none";
-        }, any, import("../schema").InlineContentSchema, import("../schema").StyleSchema>;
+        }, any, InlineContentSchema, StyleSchema>;
     };
     table: {
         config: {
@@ -221,7 +222,7 @@ export declare const defaultBlockSpecs: {
                     values: readonly ["left", "center", "right", "justify"];
                 };
             };
-        }, any, import("../schema").InlineContentSchema, import("../schema").StyleSchema>;
+        }, any, InlineContentSchema, StyleSchema>;
     };
 };
 export declare const defaultBlockSchema: import("../schema").BlockSchemaFromSpecs<{
@@ -257,7 +258,7 @@ export declare const defaultBlockSchema: import("../schema").BlockSchemaFromSpec
                     values: readonly ["left", "center", "right", "justify"];
                 };
             };
-        }, any, import("../schema").InlineContentSchema, import("../schema").StyleSchema>;
+        }, any, InlineContentSchema, StyleSchema>;
     };
     heading: {
         config: {
@@ -299,7 +300,7 @@ export declare const defaultBlockSchema: import("../schema").BlockSchemaFromSpec
                     values: readonly ["left", "center", "right", "justify"];
                 };
             };
-        }, any, import("../schema").InlineContentSchema, import("../schema").StyleSchema>;
+        }, any, InlineContentSchema, StyleSchema>;
     };
     bulletListItem: {
         config: {
@@ -333,7 +334,7 @@ export declare const defaultBlockSchema: import("../schema").BlockSchemaFromSpec
                     values: readonly ["left", "center", "right", "justify"];
                 };
             };
-        }, any, import("../schema").InlineContentSchema, import("../schema").StyleSchema>;
+        }, any, InlineContentSchema, StyleSchema>;
     };
     numberedListItem: {
         config: {
@@ -367,7 +368,7 @@ export declare const defaultBlockSchema: import("../schema").BlockSchemaFromSpec
                     values: readonly ["left", "center", "right", "justify"];
                 };
             };
-        }, any, import("../schema").InlineContentSchema, import("../schema").StyleSchema>;
+        }, any, InlineContentSchema, StyleSchema>;
     };
     image: {
         config: {
@@ -413,7 +414,7 @@ export declare const defaultBlockSchema: import("../schema").BlockSchemaFromSpec
                 };
             };
             content: "none";
-        }, any, import("../schema").InlineContentSchema, import("../schema").StyleSchema>;
+        }, any, InlineContentSchema, StyleSchema>;
     };
     table: {
         config: {
@@ -447,10 +448,11 @@ export declare const defaultBlockSchema: import("../schema").BlockSchemaFromSpec
                     values: readonly ["left", "center", "right", "justify"];
                 };
             };
-        }, any, import("../schema").InlineContentSchema, import("../schema").StyleSchema>;
+        }, any, InlineContentSchema, StyleSchema>;
     };
 }>;
-export type DefaultBlockSchema = typeof defaultBlockSchema;
+export type _DefaultBlockSchema = typeof defaultBlockSchema;
+export type DefaultBlockSchema = _DefaultBlockSchema;
 export declare const defaultStyleSpecs: {
     bold: {
         config: {
@@ -553,7 +555,8 @@ export declare const defaultStyleSchema: import("../schema").StyleSchemaFromSpec
         implementation: import("../schema").StyleImplementation;
     };
 }>;
-export type DefaultStyleSchema = typeof defaultStyleSchema;
+export type _DefaultStyleSchema = typeof defaultStyleSchema;
+export type DefaultStyleSchema = _DefaultStyleSchema;
 export declare const defaultInlineContentSpecs: {
     text: {
         config: "text";
@@ -574,4 +577,7 @@ export declare const defaultInlineContentSchema: import("../schema").InlineConte
         implementation: any;
     };
 }>;
-export type DefaultInlineContentSchema = typeof defaultInlineContentSchema;
+export type _DefaultInlineContentSchema = typeof defaultInlineContentSchema;
+export type DefaultInlineContentSchema = _DefaultInlineContentSchema;
+export type PartialBlock<BSchema extends BlockSchema = DefaultBlockSchema, I extends InlineContentSchema = DefaultInlineContentSchema, S extends StyleSchema = DefaultStyleSchema> = PartialBlockNoDefaults<BSchema, I, S>;
+export type Block<BSchema extends BlockSchema = DefaultBlockSchema, I extends InlineContentSchema = DefaultInlineContentSchema, S extends StyleSchema = DefaultStyleSchema> = BlockNoDefaults<BSchema, I, S>;

package/types/src/editor/BlockNoteEditor.d.ts

@@ -1,73 +1,41 @@
 import { EditorOptions } from "@tiptap/core";
 import { Node } from "prosemirror-model";
-import { Editor as TiptapEditor } from "@tiptap/core/dist/packages/core/src/Editor";
 import * as Y from "yjs";
-import { DefaultBlockSchema, DefaultInlineContentSchema, DefaultStyleSchema, defaultBlockSpecs, defaultInlineContentSpecs, defaultStyleSpecs } from "../blocks/defaultBlocks";
+import { Block, DefaultBlockSchema, DefaultInlineContentSchema, DefaultStyleSchema, PartialBlock } from "../blocks/defaultBlocks";
 import { FormattingToolbarProsemirrorPlugin } from "../extensions/FormattingToolbar/FormattingToolbarPlugin";
-import { HyperlinkToolbarProsemirrorPlugin } from "../extensions/HyperlinkToolbar/HyperlinkToolbarPlugin";
-import { ImageToolbarProsemirrorPlugin } from "../extensions/ImageToolbar/ImageToolbarPlugin";
+import { LinkToolbarProsemirrorPlugin } from "../extensions/LinkToolbar/LinkToolbarPlugin";
 import { SideMenuProsemirrorPlugin } from "../extensions/SideMenu/SideMenuPlugin";
-import { BaseSlashMenuItem } from "../extensions/SlashMenu/BaseSlashMenuItem";
-import { SlashMenuProsemirrorPlugin } from "../extensions/SlashMenu/SlashMenuPlugin";
+import { SuggestionMenuProseMirrorPlugin } from "../extensions/SuggestionMenu/SuggestionPlugin";
+import { ImagePanelProsemirrorPlugin } from "../extensions/ImagePanel/ImageToolbarPlugin";
 import { TableHandlesProsemirrorPlugin } from "../extensions/TableHandles/TableHandlesPlugin";
-import { Block, BlockIdentifier, BlockNoteDOMAttributes, BlockSchema, BlockSchemaFromSpecs, BlockSchemaWithBlock, BlockSpecs, InlineContentSchema, InlineContentSchemaFromSpecs, InlineContentSpecs, PartialBlock, StyleSchema, StyleSchemaFromSpecs, StyleSpecs, Styles } from "../schema";
+import { BlockIdentifier, BlockNoteDOMAttributes, BlockSchema, BlockSpecs, InlineContentSchema, InlineContentSpecs, PartialInlineContent, StyleSchema, StyleSpecs, Styles } from "../schema";
+import { NoInfer } from "../util/typescript";
 import { TextCursorPosition } from "./cursorPositionTypes";
 import { Selection } from "./selectionTypes";
+import { BlockNoteSchema } from "./BlockNoteSchema";
+import { BlockNoteTipTapEditor } from "./BlockNoteTipTapEditor";
 import "./Block.css";
 import "./editor.css";
-export type BlockNoteEditorOptions<BSpecs extends BlockSpecs, ISpecs extends InlineContentSpecs, SSpecs extends StyleSpecs> = {
+export type BlockNoteEditorOptions<BSchema extends BlockSchema, ISchema extends InlineContentSchema, SSchema extends StyleSchema> = {
     enableBlockNoteExtensions: boolean;
-    /**
-     *
-     * (couldn't fix any type, see https://github.com/TypeCellOS/BlockNote/pull/191#discussion_r1210708771)
-     *
-     * @default defaultSlashMenuItems from `./extensions/SlashMenu`
-     */
-    slashMenuItems: BaseSlashMenuItem<any, any, any>[];
-    /**
-     * The HTML element that should be used as the parent element for the editor.
-     *
-     * @default: undefined, the editor is not attached to the DOM
-     */
-    parentElement: HTMLElement;
+    placeholders: Record<string | "default", string>;
     /**
      * An object containing attributes that should be added to HTML elements of the editor.
      *
      * @example { editor: { class: "my-editor-class" } }
      */
     domAttributes: Partial<BlockNoteDOMAttributes>;
-    /**
-     *  A callback function that runs when the editor is ready to be used.
-     */
-    onEditorReady: (editor: BlockNoteEditor<BlockSchemaFromSpecs<BSpecs>, InlineContentSchemaFromSpecs<ISpecs>, StyleSchemaFromSpecs<SSpecs>>) => void;
-    /**
-     * A callback function that runs whenever the editor's contents change.
-     */
-    onEditorContentChange: (editor: BlockNoteEditor<BlockSchemaFromSpecs<BSpecs>, InlineContentSchemaFromSpecs<ISpecs>, StyleSchemaFromSpecs<SSpecs>>) => void;
-    /**
-     * A callback function that runs whenever the text cursor position changes.
-     */
-    onTextCursorPositionChange: (editor: BlockNoteEditor<BlockSchemaFromSpecs<BSpecs>, InlineContentSchemaFromSpecs<ISpecs>, StyleSchemaFromSpecs<SSpecs>>) => void;
-    /**
-     * Locks the editor from being editable by the user if set to `false`.
-     */
-    editable: boolean;
     /**
      * The content that should be in the editor when it's created, represented as an array of partial block objects.
      */
-    initialContent: PartialBlock<BlockSchemaFromSpecs<BSpecs>, InlineContentSchemaFromSpecs<ISpecs>, StyleSchemaFromSpecs<SSpecs>>[];
+    initialContent: PartialBlock<NoInfer<BSchema>, NoInfer<ISchema>, NoInfer<SSchema>>[];
     /**
      * Use default BlockNote font and reset the styles of <p> <li> <h1> elements etc., that are used in BlockNote.
      *
      * @default true
      */
     defaultStyles: boolean;
-    /**
-     * A list of block types that should be available in the editor.
-     */
-    blockSpecs: BSpecs;
-    styleSpecs: SSpecs;
-    inlineContentSpecs: ISpecs;
+    schema: BlockNoteSchema<BSchema, ISchema, SSchema>;
     /**
      * A custom function to handle file uploads.
      * @param file The file that should be uploaded.
@@ -102,35 +70,42 @@ export type BlockNoteEditorOptions<BSpecs extends BlockSpecs, ISpecs extends Inl
 };
 export declare class BlockNoteEditor<BSchema extends BlockSchema = DefaultBlockSchema, ISchema extends InlineContentSchema = DefaultInlineContentSchema, SSchema extends StyleSchema = DefaultStyleSchema> {
     private readonly options;
-    readonly _tiptapEditor: TiptapEditor & {
+    readonly _tiptapEditor: BlockNoteTipTapEditor & {
         contentComponent: any;
     };
     blockCache: WeakMap<Node, Block<any, any, any>>;
-    readonly blockSchema: BSchema;
-    readonly inlineContentSchema: ISchema;
-    readonly styleSchema: SSchema;
+    readonly schema: BlockNoteSchema<BSchema, ISchema, SSchema>;
     readonly blockImplementations: BlockSpecs;
     readonly inlineContentImplementations: InlineContentSpecs;
     readonly styleImplementations: StyleSpecs;
-    ready: boolean;
-    readonly sideMenu: SideMenuProsemirrorPlugin<BSchema, ISchema, SSchema>;
     readonly formattingToolbar: FormattingToolbarProsemirrorPlugin;
-    readonly slashMenu: SlashMenuProsemirrorPlugin<BSchema, ISchema, SSchema, any>;
-    readonly hyperlinkToolbar: HyperlinkToolbarProsemirrorPlugin<BSchema, ISchema, SSchema>;
-    readonly imageToolbar: ImageToolbarProsemirrorPlugin<BSchema, ISchema, SSchema>;
-    readonly tableHandles: TableHandlesProsemirrorPlugin<BSchema extends BlockSchemaWithBlock<"table", DefaultBlockSchema["table"]> ? BSchema : any, ISchema, SSchema> | undefined;
+    readonly linkToolbar: LinkToolbarProsemirrorPlugin<BSchema, ISchema, SSchema>;
+    readonly sideMenu: SideMenuProsemirrorPlugin<BSchema, ISchema, SSchema>;
+    readonly suggestionMenus: SuggestionMenuProseMirrorPlugin<BSchema, ISchema, SSchema>;
+    readonly imagePanel?: ImagePanelProsemirrorPlugin<ISchema, SSchema>;
+    readonly tableHandles?: TableHandlesProsemirrorPlugin<ISchema, SSchema>;
     readonly uploadFile: ((file: File) => Promise<string>) | undefined;
-    static create<BSpecs extends BlockSpecs = typeof defaultBlockSpecs, ISpecs extends InlineContentSpecs = typeof defaultInlineContentSpecs, SSpecs extends StyleSpecs = typeof defaultStyleSpecs>(options?: Partial<BlockNoteEditorOptions<BSpecs, ISpecs, SSpecs>>): BlockNoteEditor<BlockSchemaFromSpecs<BSpecs>, InlineContentSchemaFromSpecs<ISpecs>, StyleSchemaFromSpecs<SSpecs>>;
+    static create<BSchema extends BlockSchema = DefaultBlockSchema, ISchema extends InlineContentSchema = DefaultInlineContentSchema, SSchema extends StyleSchema = DefaultStyleSchema>(options?: Partial<BlockNoteEditorOptions<BSchema, ISchema, SSchema>>): BlockNoteEditor<BSchema, ISchema, SSchema>;
     private constructor();
+    /**
+     * Mount the editor to a parent DOM element. Call mount(undefined) to clean up
+     *
+     * @warning Not needed for React, use BlockNoteView to take care of this
+     */
+    mount(parentElement?: HTMLElement | null): void;
     get prosemirrorView(): import("prosemirror-view").EditorView;
     get domElement(): HTMLDivElement;
     isFocused(): boolean;
     focus(): void;
+    /**
+     * @deprecated, use `editor.document` instead
+     */
+    get topLevelBlocks(): Block<BSchema, ISchema, SSchema>[];
     /**
      * Gets a snapshot of all top-level (non-nested) blocks in the editor.
      * @returns A snapshot of all top-level (non-nested) blocks in the editor.
      */
-    get topLevelBlocks(): Block<BSchema, ISchema, SSchema>[];
+    get document(): Block<BSchema, ISchema, SSchema>[];
     /**
      * Gets a snapshot of an existing block from the editor.
      * @param blockIdentifier The identifier of an existing block that should be retrieved.
@@ -212,6 +187,12 @@ export declare class BlockNoteEditor<BSchema extends BlockSchema = DefaultBlockS
         insertedBlocks: Block<BSchema, ISchema, SSchema>[];
         removedBlocks: Block<BSchema, ISchema, SSchema>[];
     };
+    /**
+     * Insert a piece of content at the current cursor position.
+     *
+     * @param content can be a string, or array of partial inline content elements
+     */
+    insertInlineContent(content: PartialInlineContent<ISchema, SSchema>): void;
     /**
      * Gets the active text styles at the text cursor position or at the end of the current selection if it's active.
      */
@@ -298,4 +279,18 @@ export declare class BlockNoteEditor<BSchema extends BlockSchema = DefaultBlockS
         name: string;
         color: string;
     }): void;
+    /**
+     * A callback function that runs whenever the editor's contents change.
+     *
+     * @param callback The callback to execute.
+     * @returns A function to remove the callback.
+     */
+    onChange(callback: (editor: BlockNoteEditor<BSchema, ISchema, SSchema>) => void): () => void;
+    /**
+     * A callback function that runs whenever the text cursor position or selection changes.
+     *
+     * @param callback The callback to execute.
+     * @returns A function to remove the callback.
+     */
+    onSelectionChange(callback: (editor: BlockNoteEditor<BSchema, ISchema, SSchema>) => void): () => void;
 }

package/types/src/editor/BlockNoteExtensions.d.ts

@@ -7,6 +7,7 @@ import { BlockNoteDOMAttributes, BlockSpecs, InlineContentSchema, InlineContentS
  */
 export declare const getBlockNoteExtensions: <BSchema extends Record<string, import("../schema").BlockConfig>, I extends InlineContentSchema, S extends StyleSchema>(opts: {
     editor: BlockNoteEditor<BSchema, I, S>;
+    placeholders?: Record<string, string> | undefined;
     domAttributes: Partial<BlockNoteDOMAttributes>;
     blockSchema: BSchema;
     blockSpecs: BlockSpecs;

package/types/src/editor/BlockNoteSchema.d.ts

@@ -0,0 +1,34 @@
+import { defaultBlockSpecs, defaultInlineContentSpecs, defaultStyleSpecs } from "../blocks/defaultBlocks";
+import { BlockSchema, BlockSchemaFromSpecs, BlockSpecs, InlineContentSchema, InlineContentSchemaFromSpecs, InlineContentSpecs, StyleSchema, StyleSchemaFromSpecs, StyleSpecs } from "../schema";
+import type { BlockNoDefaults, PartialBlockNoDefaults } from "../schema/blocks/types";
+import type { BlockNoteEditor } from "./BlockNoteEditor";
+export declare class BlockNoteSchema<BSchema extends BlockSchema, ISchema extends InlineContentSchema, SSchema extends StyleSchema> {
+    readonly blockSpecs: BlockSpecs;
+    readonly inlineContentSpecs: InlineContentSpecs;
+    readonly styleSpecs: StyleSpecs;
+    readonly blockSchema: BSchema;
+    readonly inlineContentSchema: ISchema;
+    readonly styleSchema: SSchema;
+    readonly BlockNoteEditor: BlockNoteEditor<BSchema, ISchema, SSchema>;
+    readonly Block: BlockNoDefaults<BSchema, ISchema, SSchema>;
+    readonly PartialBlock: PartialBlockNoDefaults<BSchema, ISchema, SSchema>;
+    static create<BSpecs extends BlockSpecs = typeof defaultBlockSpecs, ISpecs extends InlineContentSpecs = typeof defaultInlineContentSpecs, SSpecs extends StyleSpecs = typeof defaultStyleSpecs>(options?: {
+        /**
+         * A list of custom block types that should be available in the editor.
+         */
+        blockSpecs?: BSpecs;
+        /**
+         * A list of custom InlineContent types that should be available in the editor.
+         */
+        inlineContentSpecs?: ISpecs;
+        /**
+         * A list of custom Styles that should be available in the editor.
+         */
+        styleSpecs?: SSpecs;
+    }): BlockNoteSchema<BlockSchemaFromSpecs<BSpecs>, InlineContentSchemaFromSpecs<ISpecs>, StyleSchemaFromSpecs<SSpecs>>;
+    constructor(opts?: {
+        blockSpecs?: BlockSpecs;
+        inlineContentSpecs?: InlineContentSpecs;
+        styleSpecs?: StyleSpecs;
+    });
+}

package/types/src/editor/BlockNoteTipTapEditor.d.ts

@@ -0,0 +1,28 @@
+import { EditorOptions } from "@tiptap/core";
+import { Editor as TiptapEditor } from "@tiptap/core";
+import { EditorState } from "prosemirror-state";
+import { PartialBlock } from "../blocks/defaultBlocks";
+import { StyleSchema } from "../schema";
+export type BlockNoteTipTapEditorOptions = Partial<Omit<EditorOptions, "content">> & {
+    content: PartialBlock<any, any, any>[];
+};
+/**
+ * Custom Editor class that extends TiptapEditor and separates
+ * the creation of the view from the constructor.
+ */
+export declare class BlockNoteTipTapEditor extends TiptapEditor {
+    private _state;
+    constructor(options: BlockNoteTipTapEditorOptions, styleSchema: StyleSchema);
+    get state(): EditorState;
+    createView(): void;
+    /**
+     * Replace the default `createView` method with a custom one - which we call on mount
+     */
+    private createViewAlternative;
+    /**
+     * Mounts / unmounts the editor to a dom element
+     *
+     * @param element DOM element to mount to, ur null / undefined to destroy
+     */
+    mount: (element?: HTMLElement | null) => void;
+}

package/types/src/editor/cursorPositionTypes.d.ts

@@ -1,4 +1,5 @@
-import { Block, BlockSchema, InlineContentSchema, StyleSchema } from "../schema";
+import { Block } from "../blocks/defaultBlocks";
+import { BlockSchema, InlineContentSchema, StyleSchema } from "../schema";
 export type TextCursorPosition<BSchema extends BlockSchema, I extends InlineContentSchema, S extends StyleSchema> = {
     block: Block<BSchema, I, S>;
     prevBlock: Block<BSchema, I, S> | undefined;

package/types/src/editor/selectionTypes.d.ts

@@ -1,4 +1,5 @@
-import { Block, BlockSchema, InlineContentSchema, StyleSchema } from "../schema";
+import { Block } from "../blocks/defaultBlocks";
+import { BlockSchema, InlineContentSchema, StyleSchema } from "../schema";
 export type Selection<BSchema extends BlockSchema, I extends InlineContentSchema, S extends StyleSchema> = {
     blocks: Block<BSchema, I, S>[];
 };

package/types/src/extensions/FormattingToolbar/FormattingToolbarPlugin.d.ts

@@ -1,16 +1,15 @@
 import { EditorState, Plugin, PluginKey } from "prosemirror-state";
 import { EditorView } from "prosemirror-view";
 import type { BlockNoteEditor } from "../../editor/BlockNoteEditor";
-import { BaseUiElementCallbacks, BaseUiElementState } from "../../extensions-shared/BaseUiElementTypes";
+import { UiElementPosition } from "../../extensions-shared/UiElementPosition";
 import { BlockSchema, InlineContentSchema, StyleSchema } from "../../schema";
 import { EventEmitter } from "../../util/EventEmitter";
-export type FormattingToolbarCallbacks = BaseUiElementCallbacks;
-export type FormattingToolbarState = BaseUiElementState;
+export type FormattingToolbarState = UiElementPosition;
 export declare class FormattingToolbarView {
     private readonly editor;
     private readonly pmView;
-    private formattingToolbarState?;
-    updateFormattingToolbar: () => void;
+    state?: FormattingToolbarState;
+    emitUpdate: () => void;
     preventHide: boolean;
     preventShow: boolean;
     prevWasEditable: boolean | null;
@@ -20,7 +19,7 @@ export declare class FormattingToolbarView {
         from: number;
         to: number;
     }) => boolean;
-    constructor(editor: BlockNoteEditor<BlockSchema, InlineContentSchema, StyleSchema>, pmView: EditorView, updateFormattingToolbar: (formattingToolbarState: FormattingToolbarState) => void);
+    constructor(editor: BlockNoteEditor<BlockSchema, InlineContentSchema, StyleSchema>, pmView: EditorView, emitUpdate: (state: FormattingToolbarState) => void);
     viewMousedownHandler: () => void;
     viewMouseupHandler: () => void;
     dragHandler: () => void;

package/types/src/extensions/ImagePanel/ImageToolbarPlugin.d.ts

@@ -0,0 +1,32 @@
+import { EditorState, Plugin, PluginKey } from "prosemirror-state";
+import { EditorView } from "prosemirror-view";
+import type { BlockNoteEditor } from "../../editor/BlockNoteEditor";
+import type { BlockFromConfig, InlineContentSchema, StyleSchema } from "../../schema";
+import { UiElementPosition } from "../../extensions-shared/UiElementPosition";
+import { EventEmitter } from "../../util/EventEmitter";
+import { DefaultBlockSchema } from "../../blocks/defaultBlocks";
+export type ImagePanelState<I extends InlineContentSchema, S extends StyleSchema> = UiElementPosition & {
+    block: BlockFromConfig<DefaultBlockSchema["image"], I, S>;
+};
+export declare class ImagePanelView<I extends InlineContentSchema, S extends StyleSchema> {
+    private readonly pluginKey;
+    private readonly pmView;
+    state?: ImagePanelState<I, S>;
+    emitUpdate: () => void;
+    prevWasEditable: boolean | null;
+    constructor(pluginKey: PluginKey, pmView: EditorView, emitUpdate: (state: ImagePanelState<I, S>) => void);
+    mouseDownHandler: () => void;
+    dragstartHandler: () => void;
+    blurHandler: (event: FocusEvent) => void;
+    scrollHandler: () => void;
+    update(view: EditorView, prevState: EditorState): void;
+    destroy(): void;
+}
+export declare class ImagePanelProsemirrorPlugin<I extends InlineContentSchema, S extends StyleSchema> extends EventEmitter<any> {
+    private view;
+    readonly plugin: Plugin;
+    constructor(_editor: BlockNoteEditor<{
+        image: DefaultBlockSchema["image"];
+    }, I, S>);
+    onUpdate(callback: (state: ImagePanelState<I, S>) => void): () => void;
+}

package/types/src/extensions/LinkToolbar/LinkToolbarPlugin.d.ts

@@ -0,0 +1,40 @@
+import { Plugin, PluginKey } from "prosemirror-state";
+import type { BlockNoteEditor } from "../../editor/BlockNoteEditor";
+import { BlockSchema, InlineContentSchema, StyleSchema } from "../../schema";
+import { UiElementPosition } from "../../extensions-shared/UiElementPosition";
+import { EventEmitter } from "../../util/EventEmitter";
+export type LinkToolbarState = UiElementPosition & {
+    url: string;
+    text: string;
+};
+export declare const linkToolbarPluginKey: PluginKey<any>;
+export declare class LinkToolbarProsemirrorPlugin<BSchema extends BlockSchema, I extends InlineContentSchema, S extends StyleSchema> extends EventEmitter<any> {
+    private view;
+    readonly plugin: Plugin;
+    constructor(editor: BlockNoteEditor<BSchema, I, S>);
+    onUpdate(callback: (state: LinkToolbarState) => void): () => void;
+    /**
+     * Edit the currently hovered link.
+     */
+    editLink: (url: string, text: string) => void;
+    /**
+     * Delete the currently hovered link.
+     */
+    deleteLink: () => void;
+    /**
+     * When hovering on/off links using the mouse cursor, the link toolbar will
+     * open & close with a delay.
+     *
+     * This function starts the delay timer, and should be used for when the mouse
+     * cursor enters the link toolbar.
+     */
+    startHideTimer: () => void;
+    /**
+     * When hovering on/off links using the mouse cursor, the link toolbar will
+     * open & close with a delay.
+     *
+     * This function stops the delay timer, and should be used for when the mouse
+     * cursor exits the link toolbar.
+     */
+    stopHideTimer: () => void;
+}

package/types/src/extensions/Placeholder/PlaceholderExtension.d.ts

@@ -1,5 +1,4 @@
-import { Editor, Extension } from "@tiptap/core";
-import { Node as ProsemirrorNode } from "prosemirror-model";
+import { Extension } from "@tiptap/core";
 /**
  * This is a modified version of the tiptap
  * placeholder plugin, that also sets hasAnchorClass
@@ -8,18 +7,6 @@ import { Node as ProsemirrorNode } from "prosemirror-model";
  *
  */
 export interface PlaceholderOptions {
-    emptyEditorClass: string;
-    emptyNodeClass: string;
-    isFilterClass: string;
-    hasAnchorClass: string;
-    placeholder: ((PlaceholderProps: {
-        editor: Editor;
-        node: ProsemirrorNode;
-        pos: number;
-        hasAnchor: boolean;
-    }) => string) | string;
-    showOnlyWhenEditable: boolean;
-    showOnlyCurrent: boolean;
-    includeChildren: boolean;
+    placeholders: Record<string | "default", string>;
 }
 export declare const Placeholder: Extension<PlaceholderOptions, any>;

package/types/src/extensions/SideMenu/SideMenuPlugin.d.ts

@@ -1,11 +1,12 @@
 import { PluginView } from "@tiptap/pm/state";
 import { Plugin, PluginKey } from "prosemirror-state";
 import { EditorView } from "prosemirror-view";
+import { Block } from "../../blocks/defaultBlocks";
 import type { BlockNoteEditor } from "../../editor/BlockNoteEditor";
-import { BaseUiElementState } from "../../extensions-shared/BaseUiElementTypes";
-import { Block, BlockSchema, InlineContentSchema, StyleSchema } from "../../schema";
+import { UiElementPosition } from "../../extensions-shared/UiElementPosition";
+import { BlockSchema, InlineContentSchema, StyleSchema } from "../../schema";
 import { EventEmitter } from "../../util/EventEmitter";
-export type SideMenuState<BSchema extends BlockSchema, I extends InlineContentSchema, S extends StyleSchema> = BaseUiElementState & {
+export type SideMenuState<BSchema extends BlockSchema, I extends InlineContentSchema, S extends StyleSchema> = UiElementPosition & {
     block: Block<BSchema, I, S>;
 };
 export declare function getDraggableBlockFromCoords(coords: {
@@ -18,14 +19,14 @@ export declare function getDraggableBlockFromCoords(coords: {
 export declare class SideMenuView<BSchema extends BlockSchema, I extends InlineContentSchema, S extends StyleSchema> implements PluginView {
     private readonly editor;
     private readonly pmView;
-    private readonly updateSideMenu;
-    private sideMenuState?;
+    private state?;
+    private readonly emitUpdate;
     private horizontalPosAnchoredAtRoot;
     private horizontalPosAnchor;
     private hoveredBlock;
     isDragging: boolean;
     menuFrozen: boolean;
-    constructor(editor: BlockNoteEditor<BSchema, I, S>, pmView: EditorView, updateSideMenu: (sideMenuState: SideMenuState<BSchema, I, S>) => void);
+    constructor(editor: BlockNoteEditor<BSchema, I, S>, pmView: EditorView, emitUpdate: (state: SideMenuState<BSchema, I, S>) => void);
     /**
      * Sets isDragging when dragging text.
      */
@@ -52,7 +53,7 @@ export declare class SideMenuView<BSchema extends BlockSchema, I extends InlineC
 export declare const sideMenuPluginKey: PluginKey<any>;
 export declare class SideMenuProsemirrorPlugin<BSchema extends BlockSchema, I extends InlineContentSchema, S extends StyleSchema> extends EventEmitter<any> {
     private readonly editor;
-    private sideMenuView;
+    view: SideMenuView<BSchema, I, S> | undefined;
     readonly plugin: Plugin;
     constructor(editor: BlockNoteEditor<BSchema, I, S>);
     onUpdate(callback: (state: SideMenuState<BSchema, I, S>) => void): () => void;

package/types/src/extensions/SuggestionMenu/DefaultSuggestionItem.d.ts

@@ -0,0 +1,8 @@
+export type DefaultSuggestionItem = {
+    title: string;
+    onItemClick: () => void;
+    subtext?: string;
+    badge?: string;
+    aliases?: string[];
+    group?: string;
+};

package/types/src/extensions/SuggestionMenu/SuggestionPlugin.d.ts

@@ -0,0 +1,31 @@
+import { Plugin, PluginKey } from "prosemirror-state";
+import type { BlockNoteEditor } from "../../editor/BlockNoteEditor";
+import { BlockSchema, InlineContentSchema, StyleSchema } from "../../schema";
+import { UiElementPosition } from "../../extensions-shared/UiElementPosition";
+import { EventEmitter } from "../../util/EventEmitter";
+export type SuggestionMenuState = UiElementPosition & {
+    query: string;
+};
+export declare const suggestionMenuPluginKey: PluginKey<any>;
+/**
+ * A ProseMirror plugin for suggestions, designed to make '/'-commands possible as well as mentions.
+ *
+ * This is basically a simplified version of TipTap's [Suggestions](https://github.com/ueberdosis/tiptap/tree/db92a9b313c5993b723c85cd30256f1d4a0b65e1/packages/suggestion) plugin.
+ *
+ * This version is adapted from the aforementioned version in the following ways:
+ * - This version supports generic items instead of only strings (to allow for more advanced filtering for example)
+ * - This version hides some unnecessary complexity from the user of the plugin.
+ * - This version handles key events differently
+ */
+export declare class SuggestionMenuProseMirrorPlugin<BSchema extends BlockSchema, I extends InlineContentSchema, S extends StyleSchema> extends EventEmitter<any> {
+    private view;
+    readonly plugin: Plugin;
+    private triggerCharacters;
+    constructor(editor: BlockNoteEditor<BSchema, I, S>);
+    onUpdate(triggerCharacter: string, callback: (state: SuggestionMenuState) => void): () => void;
+    addTriggerCharacter: (triggerCharacter: string) => void;
+    removeTriggerCharacter: (triggerCharacter: string) => void;
+    closeMenu: () => void;
+    clearQuery: () => void;
+}
+export declare function createSuggestionMenu<BSchema extends BlockSchema, I extends InlineContentSchema, S extends StyleSchema>(editor: BlockNoteEditor<BSchema, I, S>, triggerCharacter: string): void;

package/types/src/extensions/SuggestionMenu/getDefaultSlashMenuItems.d.ts

@@ -0,0 +1,10 @@
+import { Block, PartialBlock } from "../../blocks/defaultBlocks";
+import { BlockNoteEditor } from "../../editor/BlockNoteEditor";
+import { BlockSchema, InlineContentSchema, StyleSchema } from "../../schema";
+import { DefaultSuggestionItem } from "./DefaultSuggestionItem";
+export declare function insertOrUpdateBlock<BSchema extends BlockSchema, I extends InlineContentSchema, S extends StyleSchema>(editor: BlockNoteEditor<BSchema, I, S>, block: PartialBlock<BSchema, I, S>): Block<BSchema, I, S>;
+export declare function getDefaultSlashMenuItems<BSchema extends BlockSchema, I extends InlineContentSchema, S extends StyleSchema>(editor: BlockNoteEditor<BSchema, I, S>): DefaultSuggestionItem[];
+export declare function filterSuggestionItems<T extends {
+    title: string;
+    aliases?: readonly string[];
+}>(items: T[], query: string): T[];