@blocknote/core 0.2.2 → 0.2.4-alpha.7

package/types/src/extensions/Blocks/nodes/BlockContainer.d.ts

@@ -0,0 +1,21 @@
+import { Node } from "@tiptap/core";
+import { BlockUpdate } from "../apiTypes";
+export interface IBlock {
+    HTMLAttributes: Record<string, any>;
+}
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        block: {
+            BNCreateBlock: (pos: number) => ReturnType;
+            BNDeleteBlock: (posInBlock: number) => ReturnType;
+            BNMergeBlocks: (posBetweenBlocks: number) => ReturnType;
+            BNSplitBlock: (posInBlock: number, keepType: boolean) => ReturnType;
+            BNUpdateBlock: (posInBlock: number, blockUpdate: BlockUpdate) => ReturnType;
+            BNCreateOrUpdateBlock: (posInBlock: number, blockUpdate: BlockUpdate) => ReturnType;
+        };
+    }
+}
+/**
+ * The main "Block node" documents consist of
+ */
+export declare const BlockContainer: Node<IBlock, any>;

package/types/src/extensions/Blocks/nodes/BlockContent/BlockContentTypes.d.ts

@@ -0,0 +1,4 @@
+export declare type Block<Type extends string, Props extends Record<string, string>> = {
+    type: Type;
+    props: Props;
+};

package/types/src/extensions/Blocks/nodes/BlockContent/HeadingBlockContent/HeadingBlockContent.d.ts

@@ -0,0 +1,2 @@
+import { Node } from "@tiptap/core";
+export declare const HeadingBlockContent: Node<any, any>;

package/types/src/extensions/Blocks/nodes/BlockContent/HeadingBlockContent/HeadingBlockContentTypes.d.ts

@@ -0,0 +1,4 @@
+import { Block } from "../BlockContentTypes";
+export declare type HeadingBlock = Block<"heading", {
+    level: "1" | "2" | "3";
+}>;

package/types/src/extensions/Blocks/nodes/BlockContent/ListItemBlockContent/BulletListItemBlockContent/BulletListItemBlockContent.d.ts

@@ -0,0 +1,2 @@
+import { Node } from "@tiptap/core";
+export declare const BulletListItemBlockContent: Node<any, any>;

package/types/src/extensions/Blocks/nodes/BlockContent/ListItemBlockContent/BulletListItemBlockContent/BulletListItemBlockContentTypes.d.ts

@@ -0,0 +1,2 @@
+import { Block } from "../../BlockContentTypes";
+export declare type BulletListItemBlock = Block<"bulletListItem", {}>;

package/types/src/extensions/Blocks/nodes/BlockContent/ListItemBlockContent/ListItemKeyboardShortcuts.d.ts

@@ -0,0 +1,2 @@
+import { Editor } from "@tiptap/core";
+export declare const handleEnter: (editor: Editor) => boolean;

package/types/src/extensions/Blocks/nodes/BlockContent/ListItemBlockContent/NumberedListItemBlockContent/NumberedListIndexingPlugin.d.ts

@@ -0,0 +1,2 @@
+import { Plugin } from "prosemirror-state";
+export declare const NumberedListIndexingPlugin: () => Plugin<any>;

package/types/src/extensions/Blocks/nodes/BlockContent/ListItemBlockContent/NumberedListItemBlockContent/NumberedListItemBlockContent.d.ts

@@ -0,0 +1,2 @@
+import { Node } from "@tiptap/core";
+export declare const NumberedListItemBlockContent: Node<any, any>;

package/types/src/extensions/Blocks/nodes/BlockContent/ListItemBlockContent/NumberedListItemBlockContent/NumberedListItemBlockContentTypes.d.ts

@@ -0,0 +1,2 @@
+import { Block } from "../../BlockContentTypes";
+export declare type NumberedListItemBlock = Block<"numberedListItem", {}>;

package/types/src/extensions/Blocks/nodes/BlockContent/ParagraphBlockContent/ParagraphBlockContent.d.ts

@@ -0,0 +1,2 @@
+import { Node } from "@tiptap/core";
+export declare const ParagraphBlockContent: Node<any, any>;

package/types/src/extensions/Blocks/nodes/BlockContent/ParagraphBlockContent/ParagraphBlockContentTypes.d.ts

@@ -0,0 +1,2 @@
+import { Block } from "../BlockContentTypes";
+export declare type ParagraphBlock = Block<"paragraph", {}>;

package/types/src/extensions/DraggableBlocks/BlockSideMenuFactoryTypes.d.ts

@@ -1,14 +1,18 @@
 import { EditorElement, ElementFactory } from "../../shared/EditorElement";
-export declare type BlockSideMenuStaticParams = {
+export type BlockSideMenuStaticParams = {
     addBlock: () => void;
     deleteBlock: () => void;
     blockDragStart: (event: DragEvent) => void;
     blockDragEnd: () => void;
     freezeMenu: () => void;
     unfreezeMenu: () => void;
+    setBlockTextColor: (color: string) => void;
+    setBlockBackgroundColor: (color: string) => void;
 };
-export declare type BlockSideMenuDynamicParams = {
-    blockBoundingBox: DOMRect;
+export type BlockSideMenuDynamicParams = {
+    blockTextColor: string;
+    blockBackgroundColor: string;
+    referenceRect: DOMRect;
 };
-export declare type BlockSideMenu = EditorElement<BlockSideMenuDynamicParams>;
-export declare type BlockSideMenuFactory = ElementFactory<BlockSideMenuStaticParams, BlockSideMenuDynamicParams>;
+export type BlockSideMenu = EditorElement<BlockSideMenuDynamicParams>;
+export type BlockSideMenuFactory = ElementFactory<BlockSideMenuStaticParams, BlockSideMenuDynamicParams>;

package/types/src/extensions/DraggableBlocks/DraggableBlocksExtension.d.ts

@@ -1,6 +1,6 @@
 import { Editor, Extension } from "@tiptap/core";
 import { BlockSideMenuFactory } from "./BlockSideMenuFactoryTypes";
-export declare type DraggableBlocksOptions = {
+export type DraggableBlocksOptions = {
     editor: Editor;
     blockSideMenuFactory: BlockSideMenuFactory;
 };

package/types/src/extensions/DraggableBlocks/DraggableBlocksPlugin.d.ts

@@ -1,7 +1,7 @@
 import { Editor } from "@tiptap/core";
 import { Plugin } from "prosemirror-state";
-import { DraggableBlocksOptions } from "./DraggableBlocksExtension";
 import { BlockSideMenu, BlockSideMenuDynamicParams, BlockSideMenuFactory, BlockSideMenuStaticParams } from "./BlockSideMenuFactoryTypes";
+import { DraggableBlocksOptions } from "./DraggableBlocksExtension";
 export declare function createRect(rect: DOMRect): {
     left: number;
     top: number;
@@ -10,15 +10,7 @@ export declare function createRect(rect: DOMRect): {
     bottom: number;
     right: number;
 };
-export declare function absoluteRect(element: HTMLElement): {
-    left: number;
-    top: number;
-    width: number;
-    height: number;
-    bottom: number;
-    right: number;
-};
-export declare type BlockMenuViewProps = {
+export type BlockMenuViewProps = {
     editor: Editor;
     blockMenuFactory: BlockSideMenuFactory;
     horizontalPosAnchoredAtRoot: boolean;
@@ -26,14 +18,17 @@ export declare type BlockMenuViewProps = {
 export declare class BlockMenuView {
     editor: Editor;
     horizontalPosAnchoredAtRoot: boolean;
+    horizontalPosAnchor: number;
     blockMenu: BlockSideMenu;
-    hoveredBlock: HTMLElement | undefined;
+    hoveredBlockContent: HTMLElement | undefined;
     menuOpen: boolean;
     menuFrozen: boolean;
     constructor({ editor, blockMenuFactory, horizontalPosAnchoredAtRoot, }: BlockMenuViewProps);
     destroy(): void;
     addBlock(): void;
     deleteBlock(): void;
+    setBlockBackgroundColor(color: string): void;
+    setBlockTextColor(color: string): void;
     getStaticParams(): BlockSideMenuStaticParams;
     getDynamicParams(): BlockSideMenuDynamicParams;
 }

package/types/src/extensions/DraggableBlocks/MultipleNodeSelection.d.ts

@@ -0,0 +1,24 @@
+import { Selection } from "prosemirror-state";
+import { Node, ResolvedPos, Slice } from "prosemirror-model";
+import { Mappable } from "prosemirror-transform";
+/**
+ * This class represents an editor selection which spans multiple nodes/blocks. It's currently only used to allow users
+ * to drag multiple blocks at the same time. Expects the selection anchor and head to be between nodes, i.e. just before
+ * the first target node and just after the last, and that anchor and head are at the same nesting level.
+ *
+ * Partially based on ProseMirror's NodeSelection implementation:
+ * (https://github.com/ProseMirror/prosemirror-state/blob/master/src/selection.ts)
+ * MultipleNodeSelection differs from NodeSelection in the following ways:
+ * 1. Stores which nodes are included in the selection instead of just a single node.
+ * 2. Already expects the selection to start just before the first target node and ends just after the last, while a
+ * NodeSelection automatically sets both anchor and head to just before the single target node.
+ */
+export declare class MultipleNodeSelection extends Selection {
+    nodes: Array<Node>;
+    constructor($anchor: ResolvedPos, $head: ResolvedPos);
+    static create(doc: Node, from: number, to?: number): MultipleNodeSelection;
+    content(): Slice;
+    eq(selection: Selection): boolean;
+    map(doc: Node, mapping: Mappable): Selection;
+    toJSON(): any;
+}

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

@@ -1,14 +1,19 @@
 import { EditorElement, ElementFactory } from "../../shared/EditorElement";
-import { BlockContentType } from "../Blocks/nodes/Block";
-export declare type FormattingToolbarStaticParams = {
+import { Block, BlockUpdate } from "../Blocks/apiTypes";
+export type FormattingToolbarStaticParams = {
     toggleBold: () => void;
     toggleItalic: () => void;
     toggleUnderline: () => void;
     toggleStrike: () => void;
     setHyperlink: (url: string, text?: string) => void;
-    setBlockType: (type: BlockContentType) => void;
+    setTextColor: (color: string) => void;
+    setBackgroundColor: (color: string) => void;
+    setTextAlignment: (textAlignment: "left" | "center" | "right" | "justify") => void;
+    increaseBlockIndent: () => void;
+    decreaseBlockIndent: () => void;
+    updateBlock: (blockUpdate: BlockUpdate) => void;
 };
-export declare type FormattingToolbarDynamicParams = {
+export type FormattingToolbarDynamicParams = {
     boldIsActive: boolean;
     italicIsActive: boolean;
     underlineIsActive: boolean;
@@ -16,8 +21,13 @@ export declare type FormattingToolbarDynamicParams = {
     hyperlinkIsActive: boolean;
     activeHyperlinkUrl: string;
     activeHyperlinkText: string;
-    activeBlockType: Required<BlockContentType>;
-    selectionBoundingBox: DOMRect;
+    textColor: string;
+    backgroundColor: string;
+    textAlignment: "left" | "center" | "right" | "justify";
+    canIncreaseBlockIndent: boolean;
+    canDecreaseBlockIndent: boolean;
+    block: Block;
+    referenceRect: DOMRect;
 };
-export declare type FormattingToolbar = EditorElement<FormattingToolbarDynamicParams>;
-export declare type FormattingToolbarFactory = ElementFactory<FormattingToolbarStaticParams, FormattingToolbarDynamicParams>;
+export type FormattingToolbar = EditorElement<FormattingToolbarDynamicParams>;
+export type FormattingToolbarFactory = ElementFactory<FormattingToolbarStaticParams, FormattingToolbarDynamicParams>;

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

@@ -15,7 +15,7 @@ export interface FormattingToolbarPluginProps {
         to: number;
     }) => boolean) | null;
 }
-export declare type FormattingToolbarViewProps = FormattingToolbarPluginProps & {
+export type FormattingToolbarViewProps = FormattingToolbarPluginProps & {
     view: EditorView;
 };
 export declare class FormattingToolbarView {

package/types/src/extensions/HyperlinkToolbar/HyperlinkToolbarFactoryTypes.d.ts

@@ -1,12 +1,12 @@
 import { EditorElement, ElementFactory } from "../../shared/EditorElement";
-export declare type HyperlinkToolbarStaticParams = {
+export type HyperlinkToolbarStaticParams = {
     editHyperlink: (url: string, text: string) => void;
     deleteHyperlink: () => void;
 };
-export declare type HyperlinkToolbarDynamicParams = {
+export type HyperlinkToolbarDynamicParams = {
     url: string;
     text: string;
-    boundingBox: DOMRect;
+    referenceRect: DOMRect;
 };
-export declare type HyperlinkToolbar = EditorElement<HyperlinkToolbarDynamicParams>;
-export declare type HyperlinkToolbarFactory = ElementFactory<HyperlinkToolbarStaticParams, HyperlinkToolbarDynamicParams>;
+export type HyperlinkToolbar = EditorElement<HyperlinkToolbarDynamicParams>;
+export type HyperlinkToolbarFactory = ElementFactory<HyperlinkToolbarStaticParams, HyperlinkToolbarDynamicParams>;

package/types/src/extensions/HyperlinkToolbar/HyperlinkToolbarPlugin.d.ts

@@ -1,10 +1,10 @@
 import { Editor } from "@tiptap/core";
 import { Plugin } from "prosemirror-state";
 import { HyperlinkToolbarFactory } from "./HyperlinkToolbarFactoryTypes";
-export declare type HyperlinkToolbarPluginProps = {
+export type HyperlinkToolbarPluginProps = {
     hyperlinkToolbarFactory: HyperlinkToolbarFactory;
 };
-export declare type HyperlinkToolbarViewProps = {
+export type HyperlinkToolbarViewProps = {
     editor: Editor;
     hyperlinkToolbarFactory: HyperlinkToolbarFactory;
 };

package/types/src/extensions/SlashMenu/SlashMenuExtension.d.ts

@@ -2,7 +2,7 @@ import { Extension } from "@tiptap/core";
 import { PluginKey } from "prosemirror-state";
 import { SuggestionsMenuFactory } from "../../shared/plugins/suggestion/SuggestionsMenuFactoryTypes";
 import { SlashMenuItem } from "./SlashMenuItem";
-export declare type SlashMenuOptions = {
+export type SlashMenuOptions = {
     commands: {
         [key: string]: SlashMenuItem;
     };

package/types/src/extensions/SlashMenu/SlashMenuItem.d.ts

@@ -1,14 +1,5 @@
 import { Editor, Range } from "@tiptap/core";
 import { SuggestionItem } from "../../shared/plugins/suggestion/SuggestionItem";
-export declare type SlashMenuCallback = (editor: Editor, range: Range) => boolean;
-export declare enum SlashMenuGroups {
-    HEADINGS = "Headings",
-    BASIC_BLOCKS = "Basic Blocks",
-    CODE = "Code Blocks",
-    INLINE = "Inline",
-    EMBED = "Embed",
-    PLUGIN = "Plugin"
-}
 /**
  * A class that defines a slash command (/<command>).
  *
@@ -16,23 +7,15 @@ export declare enum SlashMenuGroups {
  */
 export declare class SlashMenuItem implements SuggestionItem {
     readonly name: string;
-    readonly group: SlashMenuGroups;
-    readonly execute: SlashMenuCallback;
+    readonly execute: (editor: Editor, range: Range) => void;
     readonly aliases: string[];
-    readonly hint?: string | undefined;
-    readonly shortcut?: string | undefined;
-    groupName: string;
     /**
      * Constructs a new slash-command.
      *
      * @param name The name of the command
-     * @param group Used to organize the menu
      * @param execute The callback for creating a new node
      * @param aliases Aliases for this command
-     * @param icon To be shown next to the name in the menu
-     * @param hint Short description of command
-     * @param shortcut Info about keyboard shortcut that would activate this command
      */
-    constructor(name: string, group: SlashMenuGroups, execute: SlashMenuCallback, aliases?: string[], hint?: string | undefined, shortcut?: string | undefined);
+    constructor(name: string, execute: (editor: Editor, range: Range) => void, aliases?: string[]);
     match(query: string): boolean;
 }

package/types/src/extensions/SlashMenu/defaultSlashCommands.d.ts

@@ -0,0 +1,5 @@
+import { SlashMenuItem } from "./SlashMenuItem";
+/**
+ * An array containing commands for creating all default blocks.
+ */
+export declare const defaultSlashCommands: SlashMenuItem[];

package/types/src/extensions/SlashMenu/index.d.ts

@@ -1,5 +1,4 @@
 import { SlashMenuExtension } from "./SlashMenuExtension";
 import defaultCommands from "./defaultCommands";
-import { SlashMenuGroups, SlashMenuItem } from "./SlashMenuItem";
-export { defaultCommands, SlashMenuItem as SlashCommand, SlashMenuGroups as CommandGroup, };
+export { defaultCommands };
 export default SlashMenuExtension;

package/types/src/extensions/TextAlignment/TextAlignmentExtension.d.ts

@@ -0,0 +1,9 @@
+import { Extension } from "@tiptap/core";
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        textAlignment: {
+            setTextAlignment: (textAlignment: "left" | "center" | "right" | "justify") => ReturnType;
+        };
+    }
+}
+export declare const TextAlignmentExtension: Extension<any, any>;

package/types/src/extensions/TextColor/TextColorExtension.d.ts

@@ -0,0 +1,9 @@
+import { Extension } from "@tiptap/core";
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        blockTextColor: {
+            setBlockTextColor: (posInBlock: number, color: string) => ReturnType;
+        };
+    }
+}
+export declare const TextColorExtension: Extension<any, any>;

package/types/src/extensions/TextColor/TextColorMark.d.ts

@@ -0,0 +1,9 @@
+import { Mark } from "@tiptap/core";
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        textColor: {
+            setTextColor: (color: string) => ReturnType;
+        };
+    }
+}
+export declare const TextColorMark: Mark<any, any>;

package/types/src/index.d.ts

@@ -1,9 +1,10 @@
 export * from "./BlockNoteEditor";
 export * from "./BlockNoteExtensions";
-export type { BlockContentType } from "./extensions/Blocks/nodes/Block";
+export type { Block, BlockUpdate } from "./extensions/Blocks/apiTypes";
 export * from "./extensions/FormattingToolbar/FormattingToolbarFactoryTypes";
 export * from "./extensions/DraggableBlocks/BlockSideMenuFactoryTypes";
 export * from "./extensions/HyperlinkToolbar/HyperlinkToolbarFactoryTypes";
 export * from "./extensions/SlashMenu/SlashMenuItem";
+export * from "./shared/EditorElement";
 export type { SuggestionItem } from "./shared/plugins/suggestion/SuggestionItem";
 export * from "./shared/plugins/suggestion/SuggestionsMenuFactoryTypes";

package/types/src/shared/EditorElement.d.ts

@@ -1,6 +1,10 @@
-export declare type EditorElement<ElementDynamicParams extends Record<string, any>> = {
+export type RequiredStaticParams = Record<string, any>;
+export type RequiredDynamicParams = Record<string, any> & {
+    referenceRect: DOMRect;
+};
+export type EditorElement<ElementDynamicParams extends RequiredDynamicParams> = {
     element: HTMLElement | undefined;
     render: (params: ElementDynamicParams, isHidden: boolean) => void;
     hide: () => void;
 };
-export declare type ElementFactory<ElementStaticParams extends Record<string, any>, ElementDynamicParams extends Record<string, any>> = (staticParams: ElementStaticParams) => EditorElement<ElementDynamicParams>;
+export type ElementFactory<ElementStaticParams extends RequiredStaticParams, ElementDynamicParams extends RequiredDynamicParams> = (staticParams: ElementStaticParams) => EditorElement<ElementDynamicParams>;

package/types/src/shared/plugins/suggestion/SuggestionItem.d.ts

@@ -6,12 +6,6 @@ export interface SuggestionItem {
      * The name of the item
      */
     name: string;
-    /**
-     * The name of the group to which this item belongs
-     */
-    groupName: string;
-    hint?: string;
-    shortcut?: string;
     /**
      * This function matches this item against a query string, the function should return **true** if the item
      * matches the query or **false** otherwise.

package/types/src/shared/plugins/suggestion/SuggestionPlugin.d.ts

@@ -1,8 +1,8 @@
 import { Editor, Range } from "@tiptap/core";
-import { Plugin, PluginKey, Selection } from "prosemirror-state";
+import { Plugin, PluginKey } from "prosemirror-state";
 import { SuggestionsMenuFactory } from "./SuggestionsMenuFactoryTypes";
 import { SuggestionItem } from "./SuggestionItem";
-export declare type SuggestionPluginOptions<T extends SuggestionItem> = {
+export type SuggestionPluginOptions<T extends SuggestionItem> = {
     /**
      * The name of the plugin.
      *
@@ -14,9 +14,9 @@ export declare type SuggestionPluginOptions<T extends SuggestionItem> = {
      */
     editor: Editor;
     /**
-     * The character that should trigger the suggestion menu to pop up (e.g. a '/' for commands)
+     * The character that should trigger the suggestion menu to pop up (e.g. a '/' for commands), when typed by the user.
      */
-    char: string;
+    defaultTriggerCharacter: string;
     suggestionsMenuFactory: SuggestionsMenuFactory<T>;
     /**
      * The callback that gets executed when an item is selected by the user.
@@ -39,29 +39,15 @@ export declare type SuggestionPluginOptions<T extends SuggestionItem> = {
         range: Range;
     }) => boolean;
 };
-declare type SuggestionPluginState<T extends SuggestionItem> = {
+type SuggestionPluginState<T extends SuggestionItem> = {
     active: boolean;
-    range: Range | null;
-    query: string | null;
-    notFoundCount: number;
+    triggerCharacter: string | undefined;
+    queryStartPos: number | undefined;
     items: T[];
-    selectedItemIndex: number;
-    type: string;
-    decorationId: string | null;
+    keyboardHoveredItemIndex: number | undefined;
+    notFoundCount: number | undefined;
+    decorationId: string | undefined;
 };
-export declare type MenuType = "slash" | "drag";
-/**
- * Finds a command: a specified character (e.g. '/') followed by a string of characters (all characters except the specified character are allowed).
- * Returns the string following the specified character or undefined if no command was found.
- *
- * @param char the character that indicates the start of a command
- * @param selection the selection (only works if the selection is empty; i.e. is a blinking cursor).
- * @returns an object containing the matching word (excluding the specified character) and the range of the match (including the specified character) or undefined if there is no match.
- */
-export declare function findCommandBeforeCursor(char: string, selection: Selection): {
-    range: Range;
-    query: string;
-} | undefined;
 /**
  * A ProseMirror plugin for suggestions, designed to make '/'-commands possible as well as mentions.
  *
@@ -75,5 +61,5 @@ export declare function findCommandBeforeCursor(char: string, selection: Selecti
  * @param options options for configuring the plugin
  * @returns the prosemirror plugin
  */
-export declare function createSuggestionPlugin<T extends SuggestionItem>({ pluginKey, editor, char, suggestionsMenuFactory, onSelectItem: selectItemCallback, items, }: SuggestionPluginOptions<T>): Plugin<SuggestionPluginState<T>>;
+export declare function createSuggestionPlugin<T extends SuggestionItem>({ pluginKey, editor, defaultTriggerCharacter, suggestionsMenuFactory, onSelectItem: selectItemCallback, items, }: SuggestionPluginOptions<T>): Plugin<SuggestionPluginState<T>>;
 export {};

package/types/src/shared/plugins/suggestion/SuggestionsMenuFactoryTypes.d.ts

@@ -1,12 +1,12 @@
 import { EditorElement, ElementFactory } from "../../EditorElement";
 import { SuggestionItem } from "./SuggestionItem";
-export declare type SuggestionsMenuStaticParams<T extends SuggestionItem> = {
+export type SuggestionsMenuStaticParams<T extends SuggestionItem> = {
     itemCallback: (item: T) => void;
 };
-export declare type SuggestionsMenuDynamicParams<T extends SuggestionItem> = {
+export type SuggestionsMenuDynamicParams<T extends SuggestionItem> = {
     items: T[];
-    selectedItemIndex: number;
-    queryStartBoundingBox: DOMRect;
+    keyboardHoveredItemIndex: number;
+    referenceRect: DOMRect;
 };
-export declare type SuggestionsMenu<T extends SuggestionItem> = EditorElement<SuggestionsMenuDynamicParams<T>>;
-export declare type SuggestionsMenuFactory<T extends SuggestionItem> = ElementFactory<SuggestionsMenuStaticParams<T>, SuggestionsMenuDynamicParams<T>>;
+export type SuggestionsMenu<T extends SuggestionItem> = EditorElement<SuggestionsMenuDynamicParams<T>>;
+export type SuggestionsMenuFactory<T extends SuggestionItem> = ElementFactory<SuggestionsMenuStaticParams<T>, SuggestionsMenuDynamicParams<T>>;