@blocknote/core 0.9.6 → 0.10.1

package/types/src/api/testUtil/cases/customBlocks.d.ts

@@ -0,0 +1,345 @@
+import { EditorTestCases } from "../index";
+import { DefaultInlineContentSchema, DefaultStyleSchema } from "../../../blocks/defaultBlocks";
+import { BlockSchemaFromSpecs } from "../../../schema/blocks/types";
+declare const customSpecs: {
+    simpleImage: {
+        config: {
+            type: "simpleImage";
+            propSchema: {
+                textAlignment: {
+                    default: "left";
+                    values: readonly ["left", "center", "right", "justify"];
+                };
+                backgroundColor: {
+                    default: "default";
+                };
+                url: {
+                    default: "";
+                };
+                caption: {
+                    default: "";
+                };
+                width: {
+                    default: 512;
+                };
+            };
+            content: "none";
+        };
+        implementation: import("../../../schema/blocks/types").TiptapBlockImplementation<{
+            type: "simpleImage";
+            propSchema: {
+                textAlignment: {
+                    default: "left";
+                    values: readonly ["left", "center", "right", "justify"];
+                };
+                backgroundColor: {
+                    default: "default";
+                };
+                url: {
+                    default: "";
+                };
+                caption: {
+                    default: "";
+                };
+                width: {
+                    default: 512;
+                };
+            };
+            content: "none";
+        }, any, import("../../..").InlineContentSchema, import("../../..").StyleSchema>;
+    };
+    customParagraph: {
+        config: {
+            type: "customParagraph";
+            propSchema: {
+                backgroundColor: {
+                    default: "default";
+                };
+                textColor: {
+                    default: "default";
+                };
+                textAlignment: {
+                    default: "left";
+                    values: readonly ["left", "center", "right", "justify"];
+                };
+            };
+            content: "inline";
+        };
+        implementation: import("../../../schema/blocks/types").TiptapBlockImplementation<{
+            type: "customParagraph";
+            propSchema: {
+                backgroundColor: {
+                    default: "default";
+                };
+                textColor: {
+                    default: "default";
+                };
+                textAlignment: {
+                    default: "left";
+                    values: readonly ["left", "center", "right", "justify"];
+                };
+            };
+            content: "inline";
+        }, any, import("../../..").InlineContentSchema, import("../../..").StyleSchema>;
+    };
+    simpleCustomParagraph: {
+        config: {
+            type: "simpleCustomParagraph";
+            propSchema: {
+                backgroundColor: {
+                    default: "default";
+                };
+                textColor: {
+                    default: "default";
+                };
+                textAlignment: {
+                    default: "left";
+                    values: readonly ["left", "center", "right", "justify"];
+                };
+            };
+            content: "inline";
+        };
+        implementation: import("../../../schema/blocks/types").TiptapBlockImplementation<{
+            type: "simpleCustomParagraph";
+            propSchema: {
+                backgroundColor: {
+                    default: "default";
+                };
+                textColor: {
+                    default: "default";
+                };
+                textAlignment: {
+                    default: "left";
+                    values: readonly ["left", "center", "right", "justify"];
+                };
+            };
+            content: "inline";
+        }, any, import("../../..").InlineContentSchema, import("../../..").StyleSchema>;
+    };
+    paragraph: {
+        config: {
+            type: "paragraph";
+            content: "inline";
+            propSchema: {
+                backgroundColor: {
+                    default: "default";
+                };
+                textColor: {
+                    default: "default";
+                };
+                textAlignment: {
+                    default: "left";
+                    values: readonly ["left", "center", "right", "justify"];
+                };
+            };
+        };
+        implementation: import("../../../schema/blocks/types").TiptapBlockImplementation<{
+            type: "paragraph";
+            content: "inline";
+            propSchema: {
+                backgroundColor: {
+                    default: "default";
+                };
+                textColor: {
+                    default: "default";
+                };
+                textAlignment: {
+                    default: "left";
+                    values: readonly ["left", "center", "right", "justify"];
+                };
+            };
+        }, any, import("../../..").InlineContentSchema, import("../../..").StyleSchema>;
+    };
+    heading: {
+        config: {
+            type: "heading";
+            content: "inline";
+            propSchema: {
+                level: {
+                    default: number;
+                    values: readonly [1, 2, 3];
+                };
+                backgroundColor: {
+                    default: "default";
+                };
+                textColor: {
+                    default: "default";
+                };
+                textAlignment: {
+                    default: "left";
+                    values: readonly ["left", "center", "right", "justify"];
+                };
+            };
+        };
+        implementation: import("../../../schema/blocks/types").TiptapBlockImplementation<{
+            type: "heading";
+            content: "inline";
+            propSchema: {
+                level: {
+                    default: number;
+                    values: readonly [1, 2, 3];
+                };
+                backgroundColor: {
+                    default: "default";
+                };
+                textColor: {
+                    default: "default";
+                };
+                textAlignment: {
+                    default: "left";
+                    values: readonly ["left", "center", "right", "justify"];
+                };
+            };
+        }, any, import("../../..").InlineContentSchema, import("../../..").StyleSchema>;
+    };
+    bulletListItem: {
+        config: {
+            type: "bulletListItem";
+            content: "inline";
+            propSchema: {
+                backgroundColor: {
+                    default: "default";
+                };
+                textColor: {
+                    default: "default";
+                };
+                textAlignment: {
+                    default: "left";
+                    values: readonly ["left", "center", "right", "justify"];
+                };
+            };
+        };
+        implementation: import("../../../schema/blocks/types").TiptapBlockImplementation<{
+            type: "bulletListItem";
+            content: "inline";
+            propSchema: {
+                backgroundColor: {
+                    default: "default";
+                };
+                textColor: {
+                    default: "default";
+                };
+                textAlignment: {
+                    default: "left";
+                    values: readonly ["left", "center", "right", "justify"];
+                };
+            };
+        }, any, import("../../..").InlineContentSchema, import("../../..").StyleSchema>;
+    };
+    numberedListItem: {
+        config: {
+            type: "numberedListItem";
+            content: "inline";
+            propSchema: {
+                backgroundColor: {
+                    default: "default";
+                };
+                textColor: {
+                    default: "default";
+                };
+                textAlignment: {
+                    default: "left";
+                    values: readonly ["left", "center", "right", "justify"];
+                };
+            };
+        };
+        implementation: import("../../../schema/blocks/types").TiptapBlockImplementation<{
+            type: "numberedListItem";
+            content: "inline";
+            propSchema: {
+                backgroundColor: {
+                    default: "default";
+                };
+                textColor: {
+                    default: "default";
+                };
+                textAlignment: {
+                    default: "left";
+                    values: readonly ["left", "center", "right", "justify"];
+                };
+            };
+        }, any, import("../../..").InlineContentSchema, import("../../..").StyleSchema>;
+    };
+    image: {
+        config: {
+            type: "image";
+            propSchema: {
+                textAlignment: {
+                    default: "left";
+                    values: readonly ["left", "center", "right", "justify"];
+                };
+                backgroundColor: {
+                    default: "default";
+                };
+                url: {
+                    default: "";
+                };
+                caption: {
+                    default: "";
+                };
+                width: {
+                    default: 512;
+                };
+            };
+            content: "none";
+        };
+        implementation: import("../../../schema/blocks/types").TiptapBlockImplementation<{
+            type: "image";
+            propSchema: {
+                textAlignment: {
+                    default: "left";
+                    values: readonly ["left", "center", "right", "justify"];
+                };
+                backgroundColor: {
+                    default: "default";
+                };
+                url: {
+                    default: "";
+                };
+                caption: {
+                    default: "";
+                };
+                width: {
+                    default: 512;
+                };
+            };
+            content: "none";
+        }, any, import("../../..").InlineContentSchema, import("../../..").StyleSchema>;
+    };
+    table: {
+        config: {
+            type: "table";
+            content: "table";
+            propSchema: {
+                backgroundColor: {
+                    default: "default";
+                };
+                textColor: {
+                    default: "default";
+                };
+                textAlignment: {
+                    default: "left";
+                    values: readonly ["left", "center", "right", "justify"];
+                };
+            };
+        };
+        implementation: import("../../../schema/blocks/types").TiptapBlockImplementation<{
+            type: "table";
+            content: "table";
+            propSchema: {
+                backgroundColor: {
+                    default: "default";
+                };
+                textColor: {
+                    default: "default";
+                };
+                textAlignment: {
+                    default: "left";
+                    values: readonly ["left", "center", "right", "justify"];
+                };
+            };
+        }, any, import("../../..").InlineContentSchema, import("../../..").StyleSchema>;
+    };
+};
+export declare const customBlocksTestCases: EditorTestCases<BlockSchemaFromSpecs<typeof customSpecs>, DefaultInlineContentSchema, DefaultStyleSchema>;
+export {};

package/types/src/api/testUtil/cases/customInlineContent.d.ts

@@ -0,0 +1,29 @@
+import { EditorTestCases } from "../index";
+import { DefaultBlockSchema, DefaultStyleSchema } from "../../../blocks/defaultBlocks";
+import { InlineContentSchemaFromSpecs } from "../../../schema/inlineContent/types";
+declare const customInlineContent: {
+    mention: import("../../../schema/inlineContent/types").InlineContentSpec<{
+        type: "mention";
+        propSchema: {
+            user: {
+                default: string;
+            };
+        };
+        content: "none";
+    }>;
+    tag: import("../../../schema/inlineContent/types").InlineContentSpec<{
+        type: "tag";
+        propSchema: {};
+        content: "styled";
+    }>;
+    text: {
+        config: "text";
+        implementation: any;
+    };
+    link: {
+        config: "link";
+        implementation: any;
+    };
+};
+export declare const customInlineContentTestCases: EditorTestCases<DefaultBlockSchema, InlineContentSchemaFromSpecs<typeof customInlineContent>, DefaultStyleSchema>;
+export {};

package/types/src/api/testUtil/cases/customStyles.d.ts

@@ -0,0 +1,64 @@
+import { EditorTestCases } from "../index";
+import { DefaultBlockSchema, DefaultInlineContentSchema } from "../../../blocks/defaultBlocks";
+import { StyleSchemaFromSpecs } from "../../../schema/styles/types";
+declare const customStyles: {
+    small: import("../../../schema/styles/types").StyleSpec<{
+        type: string;
+        propSchema: "boolean";
+    }>;
+    fontSize: import("../../../schema/styles/types").StyleSpec<{
+        type: string;
+        propSchema: "string";
+    }>;
+    bold: {
+        config: {
+            type: string;
+            propSchema: "boolean";
+        };
+        implementation: import("../../../schema/styles/types").StyleImplementation;
+    };
+    italic: {
+        config: {
+            type: string;
+            propSchema: "boolean";
+        };
+        implementation: import("../../../schema/styles/types").StyleImplementation;
+    };
+    underline: {
+        config: {
+            type: string;
+            propSchema: "boolean";
+        };
+        implementation: import("../../../schema/styles/types").StyleImplementation;
+    };
+    strike: {
+        config: {
+            type: string;
+            propSchema: "boolean";
+        };
+        implementation: import("../../../schema/styles/types").StyleImplementation;
+    };
+    code: {
+        config: {
+            type: string;
+            propSchema: "boolean";
+        };
+        implementation: import("../../../schema/styles/types").StyleImplementation;
+    };
+    textColor: {
+        config: {
+            type: string;
+            propSchema: "string";
+        };
+        implementation: import("../../../schema/styles/types").StyleImplementation;
+    };
+    backgroundColor: {
+        config: {
+            type: string;
+            propSchema: "string";
+        };
+        implementation: import("../../../schema/styles/types").StyleImplementation;
+    };
+};
+export declare const customStylesTestCases: EditorTestCases<DefaultBlockSchema, DefaultInlineContentSchema, StyleSchemaFromSpecs<typeof customStyles>>;
+export {};

package/types/src/api/testUtil/cases/defaultSchema.d.ts

@@ -0,0 +1,3 @@
+import { EditorTestCases } from "../index";
+import { DefaultBlockSchema, DefaultInlineContentSchema, DefaultStyleSchema } from "../../../blocks/defaultBlocks";
+export declare const defaultSchemaTestCases: EditorTestCases<DefaultBlockSchema, DefaultInlineContentSchema, DefaultStyleSchema>;

package/types/src/api/testUtil/index.d.ts

@@ -0,0 +1,12 @@
+import { BlockNoteEditor } from "../../editor/BlockNoteEditor";
+import { BlockSchema, PartialBlock } from "../../schema/blocks/types";
+import { InlineContentSchema } from "../../schema/inlineContent/types";
+import { StyleSchema } from "../../schema/styles/types";
+export type EditorTestCases<B extends BlockSchema, I extends InlineContentSchema, S extends StyleSchema> = {
+    name: string;
+    createEditor: () => BlockNoteEditor<B, I, S>;
+    documents: Array<{
+        name: string;
+        blocks: PartialBlock<B, I, S>[];
+    }>;
+};

package/types/src/api/testUtil/partialBlockTestUtil.d.ts

@@ -0,0 +1,7 @@
+import { Block, BlockSchema, PartialBlock } from "../../schema/blocks/types";
+import { InlineContentSchema } from "../../schema/inlineContent/types";
+import { StyleSchema } from "../../schema/styles/types";
+export declare function partialBlocksToBlocksForTesting<BSchema extends BlockSchema, I extends InlineContentSchema, S extends StyleSchema>(schema: BSchema, partialBlocks: Array<PartialBlock<BSchema, I, S>>): Array<Block<BSchema, I, S>>;
+export declare function partialBlockToBlockForTesting<BSchema extends BlockSchema, I extends InlineContentSchema, S extends StyleSchema>(schema: BSchema, partialBlock: PartialBlock<BSchema, I, S>): Block<BSchema, I, S>;
+export declare function addIdsToBlock(block: PartialBlock<any, any, any>): void;
+export declare function addIdsToBlocks(blocks: PartialBlock<any, any, any>[]): void;

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

@@ -0,0 +1,58 @@
+export declare const headingPropSchema: {
+    level: {
+        default: number;
+        values: readonly [1, 2, 3];
+    };
+    backgroundColor: {
+        default: "default";
+    };
+    textColor: {
+        default: "default";
+    };
+    textAlignment: {
+        default: "left";
+        values: readonly ["left", "center", "right", "justify"];
+    };
+};
+export declare const Heading: {
+    config: {
+        type: "heading";
+        content: "inline";
+        propSchema: {
+            level: {
+                default: number;
+                values: readonly [1, 2, 3];
+            };
+            backgroundColor: {
+                default: "default";
+            };
+            textColor: {
+                default: "default";
+            };
+            textAlignment: {
+                default: "left";
+                values: readonly ["left", "center", "right", "justify"];
+            };
+        };
+    };
+    implementation: import("../../schema").TiptapBlockImplementation<{
+        type: "heading";
+        content: "inline";
+        propSchema: {
+            level: {
+                default: number;
+                values: readonly [1, 2, 3];
+            };
+            backgroundColor: {
+                default: "default";
+            };
+            textColor: {
+                default: "default";
+            };
+            textAlignment: {
+                default: "left";
+                values: readonly ["left", "center", "right", "justify"];
+            };
+        };
+    }, any, import("../../schema").InlineContentSchema, import("../../schema").StyleSchema>;
+};

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

@@ -0,0 +1,93 @@
+import type { BlockNoteEditor } from "../../editor/BlockNoteEditor";
+import { BlockFromConfig, BlockSchemaWithBlock, InlineContentSchema, StyleSchema } from "../../schema";
+export declare const imagePropSchema: {
+    textAlignment: {
+        default: "left";
+        values: readonly ["left", "center", "right", "justify"];
+    };
+    backgroundColor: {
+        default: "default";
+    };
+    url: {
+        default: "";
+    };
+    caption: {
+        default: "";
+    };
+    width: {
+        default: 512;
+    };
+};
+declare const blockConfig: {
+    type: "image";
+    propSchema: {
+        textAlignment: {
+            default: "left";
+            values: readonly ["left", "center", "right", "justify"];
+        };
+        backgroundColor: {
+            default: "default";
+        };
+        url: {
+            default: "";
+        };
+        caption: {
+            default: "";
+        };
+        width: {
+            default: 512;
+        };
+    };
+    content: "none";
+};
+export declare const renderImage: (block: BlockFromConfig<typeof blockConfig, InlineContentSchema, StyleSchema>, editor: BlockNoteEditor<BlockSchemaWithBlock<"image", typeof blockConfig>>) => {
+    dom: HTMLDivElement;
+    destroy: () => void;
+};
+export declare const Image: {
+    config: {
+        type: "image";
+        propSchema: {
+            textAlignment: {
+                default: "left";
+                values: readonly ["left", "center", "right", "justify"];
+            };
+            backgroundColor: {
+                default: "default";
+            };
+            url: {
+                default: "";
+            };
+            caption: {
+                default: "";
+            };
+            width: {
+                default: 512;
+            };
+        };
+        content: "none";
+    };
+    implementation: import("../../schema").TiptapBlockImplementation<{
+        type: "image";
+        propSchema: {
+            textAlignment: {
+                default: "left";
+                values: readonly ["left", "center", "right", "justify"];
+            };
+            backgroundColor: {
+                default: "default";
+            };
+            url: {
+                default: "";
+            };
+            caption: {
+                default: "";
+            };
+            width: {
+                default: 512;
+            };
+        };
+        content: "none";
+    }, any, InlineContentSchema, StyleSchema>;
+};
+export {};

package/types/src/blocks/ListItemBlockContent/BulletListItemBlockContent/BulletListItemBlockContent.d.ts

@@ -0,0 +1,46 @@
+export declare const bulletListItemPropSchema: {
+    backgroundColor: {
+        default: "default";
+    };
+    textColor: {
+        default: "default";
+    };
+    textAlignment: {
+        default: "left";
+        values: readonly ["left", "center", "right", "justify"];
+    };
+};
+export declare const BulletListItem: {
+    config: {
+        type: "bulletListItem";
+        content: "inline";
+        propSchema: {
+            backgroundColor: {
+                default: "default";
+            };
+            textColor: {
+                default: "default";
+            };
+            textAlignment: {
+                default: "left";
+                values: readonly ["left", "center", "right", "justify"];
+            };
+        };
+    };
+    implementation: import("../../../schema").TiptapBlockImplementation<{
+        type: "bulletListItem";
+        content: "inline";
+        propSchema: {
+            backgroundColor: {
+                default: "default";
+            };
+            textColor: {
+                default: "default";
+            };
+            textAlignment: {
+                default: "left";
+                values: readonly ["left", "center", "right", "justify"];
+            };
+        };
+    }, any, import("../../../schema").InlineContentSchema, import("../../../schema").StyleSchema>;
+};