@blocknote/core 0.13.4 → 0.14.0

package/src/extensions/SideMenu/SideMenuPlugin.ts

@@ -26,46 +26,26 @@ export type SideMenuState<
   block: Block<BSchema, I, S>;
 };
 
-export function getDraggableBlockFromCoords(
-  coords: { left: number; top: number },
+export function getDraggableBlockFromElement(
+  element: Element,
   view: EditorView
 ) {
-  if (!view.dom.isConnected) {
-    // view is not connected to the DOM, this can cause posAtCoords to fail
-    // (Cannot read properties of null (reading 'nearestDesc'), https://github.com/TypeCellOS/BlockNote/issues/123)
-    return undefined;
-  }
-
-  const pos = view.posAtCoords(coords);
-  if (!pos) {
-    return undefined;
-  }
-  let node = view.domAtPos(pos.pos).node as HTMLElement;
-
-  if (node === view.dom) {
-    // mouse over root
-    return undefined;
-  }
-
   while (
-    node &&
-    node.parentNode &&
-    node.parentNode !== view.dom &&
-    !node.hasAttribute?.("data-id")
+    element &&
+    element.parentElement &&
+    element.parentElement !== view.dom &&
+    !element.hasAttribute?.("data-id")
   ) {
-    node = node.parentNode as HTMLElement;
+    element = element.parentElement;
   }
-  if (!node) {
+  if (!element.hasAttribute("data-id")) {
     return undefined;
   }
-  return { node, id: node.getAttribute("data-id")! };
+  return { node: element as HTMLElement, id: element.getAttribute("data-id")! };
 }
 
-function blockPositionFromCoords(
-  coords: { left: number; top: number },
-  view: EditorView
-) {
-  const block = getDraggableBlockFromCoords(coords, view);
+function blockPositionFromElement(element: Element, view: EditorView) {
+  const block = getDraggableBlockFromElement(element, view);
 
   if (block && block.node.nodeType === 1) {
     // TODO: this uses undocumented PM APIs? do we need this / let's add docs?
@@ -197,7 +177,21 @@ function dragStart<
     top: e.clientY,
   };
 
-  const pos = blockPositionFromCoords(coords, view);
+  const elements = document.elementsFromPoint(coords.left, coords.top);
+  let blockEl = undefined;
+
+  for (const element of elements) {
+    if (view.dom.contains(element)) {
+      blockEl = getDraggableBlockFromElement(element, view);
+      break;
+    }
+  }
+
+  if (!blockEl) {
+    return;
+  }
+
+  const pos = blockPositionFromElement(blockEl.node, view);
   if (pos != null) {
     const selection = view.state.selection;
     const doc = view.state.doc;
@@ -252,8 +246,11 @@ export class SideMenuView<
   S extends StyleSchema
 > implements PluginView
 {
-  private state?: SideMenuState<BSchema, I, S>;
-  private readonly emitUpdate: (state: SideMenuState<BSchema, I, S>) => void;
+  public state?: SideMenuState<BSchema, I, S>;
+  public readonly emitUpdate: (state: SideMenuState<BSchema, I, S>) => void;
+
+  private needUpdate = false;
+  private mousePos: { x: number; y: number } | undefined;
 
   // When true, the drag handle with be anchored at the same level as root elements
   // When false, the drag handle with be just to the left of the element
@@ -293,15 +290,98 @@ export class SideMenuView<
     // Shows or updates menu position whenever the cursor moves, if the menu isn't frozen.
     document.body.addEventListener("mousemove", this.onMouseMove, true);
 
-    // Makes menu scroll with the page.
-    document.addEventListener("scroll", this.onScroll);
-
-    // Unfreezes the menu whenever the user clicks anywhere.
-    document.body.addEventListener("mousedown", this.onMouseDown, true);
+    // Unfreezes the menu whenever the user clicks.
+    this.pmView.dom.addEventListener("mousedown", this.onMouseDown);
     // Hides and unfreezes the menu whenever the user presses a key.
     document.body.addEventListener("keydown", this.onKeyDown, true);
+
+    // Setting capture=true ensures that any parent container of the editor that
+    // gets scrolled will trigger the scroll event. Scroll events do not bubble
+    // and so won't propagate to the document by default.
+    document.addEventListener("scroll", this.onScroll, true);
   }
 
+  updateState = () => {
+    if (this.menuFrozen || !this.mousePos) {
+      return;
+    }
+
+    // Editor itself may have padding or other styling which affects
+    // size/position, so we get the boundingRect of the first child (i.e. the
+    // blockGroup that wraps all blocks in the editor) for more accurate side
+    // menu placement.
+    const editorBoundingBox = (
+      this.pmView.dom.firstChild! as HTMLElement
+    ).getBoundingClientRect();
+
+    this.horizontalPosAnchor = editorBoundingBox.x;
+
+    // Gets block at mouse cursor's vertical position.
+    const coords = {
+      left: editorBoundingBox.left + editorBoundingBox.width / 2, // take middle of editor
+      top: this.mousePos.y,
+    };
+
+    const elements = document.elementsFromPoint(coords.left, coords.top);
+    let block = undefined;
+
+    for (const element of elements) {
+      if (this.pmView.dom.contains(element)) {
+        block = getDraggableBlockFromElement(element, this.pmView);
+        break;
+      }
+    }
+
+    // Closes the menu if the mouse cursor is beyond the editor vertically.
+    if (!block || !this.editor.isEditable) {
+      if (this.state?.show) {
+        this.state.show = false;
+        this.needUpdate = true;
+      }
+
+      return;
+    }
+
+    // Doesn't update if the menu is already open and the mouse cursor is still hovering the same block.
+    if (
+      this.state?.show &&
+      this.hoveredBlock?.hasAttribute("data-id") &&
+      this.hoveredBlock?.getAttribute("data-id") === block.id
+    ) {
+      return;
+    }
+
+    this.hoveredBlock = block.node;
+
+    // Gets the block's content node, which lets to ignore child blocks when determining the block menu's position.
+    const blockContent = block.node.firstChild as HTMLElement;
+
+    if (!blockContent) {
+      return;
+    }
+
+    // Shows or updates elements.
+    if (this.editor.isEditable) {
+      const blockContentBoundingBox = blockContent.getBoundingClientRect();
+
+      this.state = {
+        show: true,
+        referencePos: new DOMRect(
+          this.horizontalPosAnchoredAtRoot
+            ? this.horizontalPosAnchor
+            : blockContentBoundingBox.x,
+          blockContentBoundingBox.y,
+          blockContentBoundingBox.width,
+          blockContentBoundingBox.height
+        ),
+        block: this.editor.getBlock(
+          this.hoveredBlock!.getAttribute("data-id")!
+        )!,
+      };
+      this.needUpdate = true;
+    }
+  };
+
   /**
    * Sets isDragging when dragging text.
    */
@@ -381,34 +461,25 @@ export class SideMenuView<
     }
   };
 
-  onMouseDown = (_event: MouseEvent) => {
-    if (this.state && !this.state.show) {
-      this.state.show = true;
+  onMouseDown = () => {
+    if (this.state && this.state.show && this.menuFrozen) {
+      this.menuFrozen = false;
+      this.state.show = false;
       this.emitUpdate(this.state);
     }
-    this.menuFrozen = false;
   };
 
   onMouseMove = (event: MouseEvent) => {
-    if (this.menuFrozen) {
-      return;
-    }
+    this.mousePos = { x: event.clientX, y: event.clientY };
 
-    // Editor itself may have padding or other styling which affects
-    // size/position, so we get the boundingRect of the first child (i.e. the
-    // blockGroup that wraps all blocks in the editor) for more accurate side
-    // menu placement.
-    const editorBoundingBox = (
-      this.pmView.dom.firstChild! as HTMLElement
-    ).getBoundingClientRect();
     // We want the full area of the editor to check if the cursor is hovering
     // above it though.
     const editorOuterBoundingBox = this.pmView.dom.getBoundingClientRect();
     const cursorWithinEditor =
-      event.clientX >= editorOuterBoundingBox.left &&
-      event.clientX <= editorOuterBoundingBox.right &&
-      event.clientY >= editorOuterBoundingBox.top &&
-      event.clientY <= editorOuterBoundingBox.bottom;
+      this.mousePos.x > editorOuterBoundingBox.left &&
+      this.mousePos.x < editorOuterBoundingBox.right &&
+      this.mousePos.y > editorOuterBoundingBox.top &&
+      this.mousePos.y < editorOuterBoundingBox.bottom;
 
     const editorWrapper = this.pmView.dom.parentElement!;
 
@@ -434,63 +505,11 @@ export class SideMenuView<
       return;
     }
 
-    this.horizontalPosAnchor = editorBoundingBox.x;
-
-    // Gets block at mouse cursor's vertical position.
-    const coords = {
-      left: editorBoundingBox.left + editorBoundingBox.width / 2, // take middle of editor
-      top: event.clientY,
-    };
-    const block = getDraggableBlockFromCoords(coords, this.pmView);
-
-    // Closes the menu if the mouse cursor is beyond the editor vertically.
-    if (!block || !this.editor.isEditable) {
-      if (this.state?.show) {
-        this.state.show = false;
-        this.emitUpdate(this.state);
-      }
-
-      return;
-    }
-
-    // Doesn't update if the menu is already open and the mouse cursor is still hovering the same block.
-    if (
-      this.state?.show &&
-      this.hoveredBlock?.hasAttribute("data-id") &&
-      this.hoveredBlock?.getAttribute("data-id") === block.id
-    ) {
-      return;
-    }
-
-    this.hoveredBlock = block.node;
-
-    // Gets the block's content node, which lets to ignore child blocks when determining the block menu's position.
-    const blockContent = block.node.firstChild as HTMLElement;
-
-    if (!blockContent) {
-      return;
-    }
-
-    // Shows or updates elements.
-    if (this.editor.isEditable) {
-      const blockContentBoundingBox = blockContent.getBoundingClientRect();
+    this.updateState();
 
-      this.state = {
-        show: true,
-        referencePos: new DOMRect(
-          this.horizontalPosAnchoredAtRoot
-            ? this.horizontalPosAnchor
-            : blockContentBoundingBox.x,
-          blockContentBoundingBox.y,
-          blockContentBoundingBox.width,
-          blockContentBoundingBox.height
-        ),
-        block: this.editor.getBlock(
-          this.hoveredBlock!.getAttribute("data-id")!
-        )!,
-      };
-
-      this.emitUpdate(this.state);
+    if (this.needUpdate) {
+      this.emitUpdate(this.state!);
+      this.needUpdate = false;
     }
   };
 
@@ -511,6 +530,24 @@ export class SideMenuView<
     }
   };
 
+  // Needed in cases where the editor state updates without the mouse cursor
+  // moving, as some state updates can require a side menu update. For example,
+  // adding a button to the side menu which removes the block can cause the
+  // block below to jump up into the place of the removed block when clicked,
+  // allowing the user to click the button again without moving the cursor. This
+  // would otherwise not update the side menu, and so clicking the button again
+  // would attempt to remove the same block again, causing an error.
+  update() {
+    const prevBlockId = this.state?.block.id;
+
+    this.updateState();
+
+    if (this.needUpdate && this.state && prevBlockId !== this.state.block.id) {
+      this.emitUpdate(this.state);
+      this.needUpdate = false;
+    }
+  }
+
   destroy() {
     if (this.state?.show) {
       this.state.show = false;
@@ -520,8 +557,8 @@ export class SideMenuView<
     document.body.removeEventListener("dragover", this.onDragOver);
     this.pmView.dom.removeEventListener("dragstart", this.onDragStart);
     document.body.removeEventListener("drop", this.onDrop, true);
-    document.removeEventListener("scroll", this.onScroll);
-    document.body.removeEventListener("mousedown", this.onMouseDown, true);
+    document.removeEventListener("scroll", this.onScroll, true);
+    this.pmView.dom.removeEventListener("mousedown", this.onMouseDown);
     document.body.removeEventListener("keydown", this.onKeyDown, true);
   }
 
@@ -531,8 +568,6 @@ export class SideMenuView<
       this.emitUpdate(this.state);
     }
 
-    this.menuFrozen = true;
-
     const blockContent = this.hoveredBlock!.firstChild! as HTMLElement;
     const blockContentBoundingBox = blockContent.getBoundingClientRect();
 
@@ -642,5 +677,9 @@ export class SideMenuProsemirrorPlugin<
    * attached to the same block regardless of which block is hovered by the
    * mouse cursor.
    */
-  unfreezeMenu = () => (this.view!.menuFrozen = false);
+  unfreezeMenu = () => {
+    this.view!.menuFrozen = false;
+    this.view!.state!.show = false;
+    this.view!.emitUpdate(this.view!.state!);
+  };
 }

package/src/extensions/SuggestionMenu/SuggestionPlugin.ts

@@ -37,7 +37,10 @@ class SuggestionMenuView<
       emitUpdate(menuName, this.state);
     };
 
-    document.addEventListener("scroll", this.handleScroll);
+    // Setting capture=true ensures that any parent container of the editor that
+    // gets scrolled will trigger the scroll event. Scroll events do not bubble
+    // and so won't propagate to the document by default.
+    document.addEventListener("scroll", this.handleScroll, true);
   }
 
   handleScroll = () => {
@@ -92,7 +95,7 @@ class SuggestionMenuView<
   }
 
   destroy() {
-    document.removeEventListener("scroll", this.handleScroll);
+    document.removeEventListener("scroll", this.handleScroll, true);
   }
 
   closeMenu = () => {

package/src/extensions/TableHandles/TableHandlesPlugin.ts

@@ -11,7 +11,7 @@ import {
 } from "../../schema";
 import { checkBlockIsDefaultType } from "../../blocks/defaultBlockTypeGuards";
 import { EventEmitter } from "../../util/EventEmitter";
-import { getDraggableBlockFromCoords } from "../SideMenu/SideMenuPlugin";
+import { getDraggableBlockFromElement } from "../SideMenu/SideMenuPlugin";
 
 let dragImageElement: HTMLElement | undefined;
 
@@ -119,7 +119,10 @@ export class TableHandlesView<
     document.addEventListener("dragover", this.dragOverHandler);
     document.addEventListener("drop", this.dropHandler);
 
-    document.addEventListener("scroll", this.scrollHandler);
+    // Setting capture=true ensures that any parent container of the editor that
+    // gets scrolled will trigger the scroll event. Scroll events do not bubble
+    // and so won't propagate to the document by default.
+    document.addEventListener("scroll", this.scrollHandler, true);
   }
 
   mouseMoveHandler = (event: MouseEvent) => {
@@ -143,7 +146,7 @@ export class TableHandlesView<
     const tableRect =
       target.parentElement!.parentElement!.getBoundingClientRect();
 
-    const blockEl = getDraggableBlockFromCoords(cellRect, this.pmView);
+    const blockEl = getDraggableBlockFromElement(target, this.pmView);
     if (!blockEl) {
       return;
     }
@@ -361,7 +364,7 @@ export class TableHandlesView<
     document.removeEventListener("dragover", this.dragOverHandler);
     document.removeEventListener("drop", this.dropHandler);
 
-    document.removeEventListener("scroll", this.scrollHandler);
+    document.removeEventListener("scroll", this.scrollHandler, true);
   }
 }
 

package/src/i18n/locales/pt.ts

@@ -43,7 +43,7 @@ export const pt: Dictionary = {
         "lista marcada",
         "caixa de seleção",
       ],
-      group: "Blocos básicos",
+      group: "Blocos Básicos",
     },
     paragraph: {
       title: "Parágrafo",

package/src/i18n/locales/zh.ts

@@ -61,7 +61,7 @@ export const zh: Dictionary = {
         "勾选列表",
         "复选框",
       ],
-      group: "基本块",
+      group: "基础",
     },
     paragraph: {
       title: "段落",

package/src/pm-nodes/BlockContainer.ts

@@ -220,7 +220,11 @@ export const BlockContainer = Node.create<{
             if (block.content) {
               if (typeof block.content === "string") {
                 // Adds a single text node with no marks to the content.
-                content = [state.schema.text(block.content)];
+                content = inlineContentToNodes(
+                  [block.content],
+                  state.schema,
+                  this.options.editor.schema.styleSchema
+                );
               } else if (Array.isArray(block.content)) {
                 // Adds a text node with the provided styles converted into marks to the content,
                 // for each InlineContent object.
@@ -611,7 +615,7 @@ export const BlockContainer = Node.create<{
         // of the block.
         () =>
           commands.command(({ state }) => {
-            const { node, depth } = getBlockInfoFromPos(
+            const { contentNode, depth } = getBlockInfoFromPos(
               state.doc,
               state.selection.from
             )!;
@@ -620,7 +624,7 @@ export const BlockContainer = Node.create<{
               state.selection.$anchor.parentOffset === 0;
             const selectionEmpty =
               state.selection.anchor === state.selection.head;
-            const blockEmpty = node.textContent.length === 0;
+            const blockEmpty = contentNode.childCount === 0;
             const blockIndented = depth > 2;
 
             if (
@@ -638,7 +642,7 @@ export const BlockContainer = Node.create<{
         // empty & at the start of the block.
         () =>
           commands.command(({ state, chain }) => {
-            const { node, endPos } = getBlockInfoFromPos(
+            const { contentNode, endPos } = getBlockInfoFromPos(
               state.doc,
               state.selection.from
             )!;
@@ -647,7 +651,7 @@ export const BlockContainer = Node.create<{
               state.selection.$anchor.parentOffset === 0;
             const selectionEmpty =
               state.selection.anchor === state.selection.head;
-            const blockEmpty = node.textContent.length === 0;
+            const blockEmpty = contentNode.childCount === 0;
 
             if (selectionAtBlockStart && selectionEmpty && blockEmpty) {
               const newBlockInsertionPos = endPos + 1;
@@ -667,14 +671,14 @@ export const BlockContainer = Node.create<{
         // deletes the selection beforehand, if it's not empty.
         () =>
           commands.command(({ state, chain }) => {
-            const { node } = getBlockInfoFromPos(
+            const { contentNode } = getBlockInfoFromPos(
               state.doc,
               state.selection.from
             )!;
 
             const selectionAtBlockStart =
               state.selection.$anchor.parentOffset === 0;
-            const blockEmpty = node.textContent.length === 0;
+            const blockEmpty = contentNode.childCount === 0;
 
             if (!blockEmpty) {
               chain()

package/src/schema/blocks/createSpec.ts

@@ -1,4 +1,4 @@
-import { ParseRule } from "@tiptap/pm/model";
+import { TagParseRule } from "@tiptap/pm/model";
 import type { BlockNoteEditor } from "../../editor/BlockNoteEditor";
 import { InlineContentSchema } from "../inlineContent/types";
 import { StyleSchema } from "../styles/types";
@@ -68,7 +68,7 @@ export function getParseRules(
   config: BlockConfig,
   customParseFunction: CustomBlockImplementation<any, any, any>["parse"]
 ) {
-  const rules: ParseRule[] = [
+  const rules: TagParseRule[] = [
     {
       tag: "[data-content-type=" + config.type + "]",
       contentElement: "[data-editable]",

package/src/schema/inlineContent/createSpec.ts

@@ -1,5 +1,5 @@
 import { Node } from "@tiptap/core";
-import { ParseRule } from "@tiptap/pm/model";
+import { TagParseRule } from "@tiptap/pm/model";
 import { nodeToCustomInlineContent } from "../../api/nodeConversions/nodeConversions";
 import { propsToAttributes } from "../blocks/internal";
 import { Props } from "../propTypes";
@@ -46,7 +46,7 @@ export type CustomInlineContentImplementation<
 
 export function getInlineContentParseRules(
   config: CustomInlineContentConfig
-): ParseRule[] {
+): TagParseRule[] {
   return [
     {
       tag: `[data-inline-content-type="${config.type}"]`,

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

@@ -98,7 +98,7 @@ export declare class BlockNoteEditor<BSchema extends BlockSchema = DefaultBlockS
     readonly linkToolbar: LinkToolbarProsemirrorPlugin<BSchema, ISchema, SSchema>;
     readonly sideMenu: SideMenuProsemirrorPlugin<BSchema, ISchema, SSchema>;
     readonly suggestionMenus: SuggestionMenuProseMirrorPlugin<BSchema, ISchema, SSchema>;
-    readonly filePanel?: FilePanelProsemirrorPlugin<BSchema, ISchema, SSchema>;
+    readonly filePanel?: FilePanelProsemirrorPlugin<ISchema, SSchema>;
     readonly tableHandles?: TableHandlesProsemirrorPlugin<ISchema, SSchema>;
     readonly uploadFile: ((file: File) => Promise<string | Record<string, any>>) | undefined;
     readonly resolveFileUrl: (url: string) => Promise<string>;

package/types/src/extensions/FilePanel/FilePanelPlugin.d.ts

@@ -2,18 +2,18 @@ import { EditorState, Plugin, PluginKey, PluginView } from "prosemirror-state";
 import { EditorView } from "prosemirror-view";
 import type { BlockNoteEditor } from "../../editor/BlockNoteEditor";
 import { UiElementPosition } from "../../extensions-shared/UiElementPosition";
-import type { BlockFromConfig, BlockSchema, FileBlockConfig, InlineContentSchema, StyleSchema } from "../../schema";
+import type { BlockFromConfig, FileBlockConfig, InlineContentSchema, StyleSchema } from "../../schema";
 import { EventEmitter } from "../../util/EventEmitter";
 export type FilePanelState<I extends InlineContentSchema, S extends StyleSchema> = UiElementPosition & {
     block: BlockFromConfig<FileBlockConfig, I, S>;
 };
 export declare class FilePanelView<I extends InlineContentSchema, S extends StyleSchema> implements PluginView {
+    private readonly editor;
     private readonly pluginKey;
     private readonly pmView;
     state?: FilePanelState<I, S>;
     emitUpdate: () => void;
-    prevWasEditable: boolean | null;
-    constructor(pluginKey: PluginKey, pmView: EditorView, emitUpdate: (state: FilePanelState<I, S>) => void);
+    constructor(editor: BlockNoteEditor<Record<string, FileBlockConfig>, I, S>, pluginKey: PluginKey, pmView: EditorView, emitUpdate: (state: FilePanelState<I, S>) => void);
     mouseDownHandler: () => void;
     dragstartHandler: () => void;
     scrollHandler: () => void;
@@ -21,10 +21,10 @@ export declare class FilePanelView<I extends InlineContentSchema, S extends Styl
     closeMenu: () => void;
     destroy(): void;
 }
-export declare class FilePanelProsemirrorPlugin<B extends BlockSchema, I extends InlineContentSchema, S extends StyleSchema> extends EventEmitter<any> {
+export declare class FilePanelProsemirrorPlugin<I extends InlineContentSchema, S extends StyleSchema> extends EventEmitter<any> {
     private view;
     readonly plugin: Plugin;
-    constructor(_editor: BlockNoteEditor<B, I, S>);
+    constructor(editor: BlockNoteEditor<Record<string, FileBlockConfig>, I, S>);
     get shown(): boolean;
     onUpdate(callback: (state: FilePanelState<I, S>) => void): () => void;
     closeMenu: () => void;

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

@@ -12,7 +12,6 @@ export declare class FormattingToolbarView implements PluginView {
     emitUpdate: () => void;
     preventHide: boolean;
     preventShow: boolean;
-    prevWasEditable: boolean | null;
     shouldShow: (props: {
         view: EditorView;
         state: EditorState;

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

@@ -9,24 +9,24 @@ import { EventEmitter } from "../../util/EventEmitter";
 export type SideMenuState<BSchema extends BlockSchema, I extends InlineContentSchema, S extends StyleSchema> = UiElementPosition & {
     block: Block<BSchema, I, S>;
 };
-export declare function getDraggableBlockFromCoords(coords: {
-    left: number;
-    top: number;
-}, view: EditorView): {
+export declare function getDraggableBlockFromElement(element: Element, view: EditorView): {
     node: HTMLElement;
     id: string;
 } | undefined;
 export declare class SideMenuView<BSchema extends BlockSchema, I extends InlineContentSchema, S extends StyleSchema> implements PluginView {
     private readonly editor;
     private readonly pmView;
-    private state?;
-    private readonly emitUpdate;
+    state?: SideMenuState<BSchema, I, S>;
+    readonly emitUpdate: (state: SideMenuState<BSchema, I, S>) => void;
+    private needUpdate;
+    private mousePos;
     private horizontalPosAnchoredAtRoot;
     private horizontalPosAnchor;
     private hoveredBlock;
     isDragging: boolean;
     menuFrozen: boolean;
     constructor(editor: BlockNoteEditor<BSchema, I, S>, pmView: EditorView, emitUpdate: (state: SideMenuState<BSchema, I, S>) => void);
+    updateState: () => void;
     /**
      * Sets isDragging when dragging text.
      */
@@ -44,9 +44,10 @@ export declare class SideMenuView<BSchema extends BlockSchema, I extends InlineC
      */
     onDragOver: (event: DragEvent) => void;
     onKeyDown: (_event: KeyboardEvent) => void;
-    onMouseDown: (_event: MouseEvent) => void;
+    onMouseDown: () => void;
     onMouseMove: (event: MouseEvent) => void;
     onScroll: () => void;
+    update(): void;
     destroy(): void;
     addBlock(): void;
 }
@@ -84,5 +85,5 @@ export declare class SideMenuProsemirrorPlugin<BSchema extends BlockSchema, I ex
      * attached to the same block regardless of which block is hovered by the
      * mouse cursor.
      */
-    unfreezeMenu: () => boolean;
+    unfreezeMenu: () => void;
 }

package/types/src/schema/blocks/createSpec.d.ts

@@ -1,4 +1,4 @@
-import { ParseRule } from "@tiptap/pm/model";
+import { TagParseRule } from "@tiptap/pm/model";
 import type { BlockNoteEditor } from "../../editor/BlockNoteEditor";
 import { InlineContentSchema } from "../inlineContent/types";
 import { StyleSchema } from "../styles/types";
@@ -28,7 +28,7 @@ export type CustomBlockImplementation<T extends CustomBlockConfig, I extends Inl
     };
     parse?: (el: HTMLElement) => PartialBlockFromConfig<T, I, S>["props"] | undefined;
 };
-export declare function getParseRules(config: BlockConfig, customParseFunction: CustomBlockImplementation<any, any, any>["parse"]): ParseRule[];
+export declare function getParseRules(config: BlockConfig, customParseFunction: CustomBlockImplementation<any, any, any>["parse"]): TagParseRule[];
 export declare function createBlockSpec<T extends CustomBlockConfig, I extends InlineContentSchema, S extends StyleSchema>(blockConfig: T, blockImplementation: CustomBlockImplementation<T, I, S>): {
     config: T;
     implementation: import("./types").TiptapBlockImplementation<T, any, InlineContentSchema, StyleSchema>;