@blocknote/core 0.18.0 → 0.19.1

package/src/pm-nodes/README.md

@@ -2,41 +2,140 @@
 
 Defines the prosemirror nodes and base node structure. See below:
 
+# Block structure
+
+In the BlockNote API, recall that blocks look like this:
+
+```typescript
+{
+    id: string;
+    type: string;
+    children: Block[];
+    content: InlineContent[] | undefined;
+    props: Record<string, any>;
+}
+```
+
+`children` describes child blocks that have their own `id` and also map to a `Block` type. Most of the cases these are nested blocks, but they can also be blocks within a `column` or `columnList`.
+
+`content` is the block's Inline Content. Inline content doesn't have any `id`, it's "loose" content within the node.
+
+This is a bit different from the Prosemirror structure we use internally. This document describes the Prosemirror schema architecture.
 
 # Node structure
 
-We use a Prosemirror document structure where every element is a `block` with 1 `content` element and one optional group of children (`blockgroup`).
+## BlockGroup
+
+```typescript
+name: "blockGroup",
+group: "childContainer",
+content: "blockGroupChild+"
+```
+
+A `blockGroup` is a container node that can contain multiple Blocks. It is used as:
+
+- The root node of the Prosemirror document
+- When a block has nested children, they are wrapped in a `blockGroup`
+
+## BlockContainer
+
+```typescript
+name: "blockContainer",
+group: "blockGroupChild bnBlock",
+// A block always contains content, and optionally a blockGroup which contains nested blocks
+content: "blockContent blockGroup?",
+```
+
+A `blockContainer` is a container node that always contains a `blockContent` node, and optionally a `blockGroup` node (for nested children). It is used as the wrapper for most blocks. This structure makes it possible to nest blocks within blocks.
+
+### BlockContent (group)
+
+Example:
 
-- A `block` can only appear in a `blockgroup` (which is also the type of the root node)
-- Every `block` element can have attributes (e.g.: is it a heading or a list item)
-- Every `block` element can contain a `blockgroup` as second child. In this case the `blockgroup` is considered nested (indented in the UX)
+```typescript
+name: "paragraph", // name corresponds to the block type in the BlockNote API
+content: "inline*", // can also be no content (for image blocks)
+group: "blockContent",
+```
+
+Blocks that are part of the `blockContent` group define the appearance / behaviour of the main element of the block (i.e.: headings, paragraphs, list items, etc.).
+These are only used for "regular" blocks that are represented as `blockContainer` nodes.
+
+## Multi-column
+
+The `multi-column` package makes it possible to order blocks side by side in
+columns. It adds the `columnList` and `column` nodes to the schema.
+
+### ColumnList
+
+```typescript
+name: "columnList",
+group: "childContainer bnBlock blockGroupChild",
+// A block always contains content, and optionally a blockGroup which contains nested blocks
+content: "column column+", // min two columns
+```
+
+The column list contains 2 or more columns.
 
-This architecture is different from the "default" Prosemirror / Tiptap implementation which would use more semantic HTML node types (`p`, `li`, etc.). We have designed this block structure instead to more easily:
+### Column
 
-- support indentation of any node (without complex wrapping logic)
-- supporting animations (nodes stay the same type, only attrs are changed)
+```typescript
+name: "column",
+group: "bnBlock childContainer",
+// A block always contains content, and optionally a blockGroup which contains nested blocks
+content: "blockContainer+",
+```
+
+The column contains 1 or more block containers.
+
+# Groups
+
+We use Prosemirror "groups" to help organize this schema. Here is a list of the different groups:
 
-## Example
+- `blockContent`: described above (contain the content for blocks that are represented as `BlockContainer` nodes)
+- `blockGroupChild`: anything that is allowed inside a `blockGroup`. In practice, `blockContainer` and `columnList`
+- `childContainer`: think of this as the container node that can hold nodes corresponding to `block.children` in the BlockNote API. So for regular blocks, this is the `BlockGroup`, but for columns, both `columnList` and `column` are considered to be `childContainer` nodes.
+- `bnBlock`: think of this as the node that directly maps to a `Block` in the BlockNote API. For example, this node will store the `id`. Both `blockContainer`, `column` and `columnList` are part of this group.
+
+_Note that the last two groups, `bnBlock` and `childContainer`, are not used anywhere in the schema. They are however helpful while programming. For example, we can check whether a node is a `bnBlock`, and then we know it corresponds to a BlockNote Block. Or, we can check whether a node is a `childContainer`, and then we know it's a container of a BlockNote Block's `children`. See `getBlockInfoFromPos` for an example of how this is used._
+
+## Example document
 
 ```xml
-<blockgroup>
-    <block>
-        <content>Parent element 1</content>
-        <blockgroup>
-            <block>
-                <content>Nested / child / indented item</content>
-            </block>
-        </blockgroup>
-    </block>
-    <block>
-        <content>Parent element 2</content>
-        <blockgroup>
-            <block>...</block>
-            <block>...</block>
-        </blockgroup>
-    </block>
-    <block>
-        <content>Element 3 without children</content>
-    </block>
-</blockgroup>
+<blockGroup>
+    <blockContaine id="0">
+        <blockContent>Parent element 1</blockContent>
+        <blockGroup>
+            <blockContainer id="1">
+                <blockContent>Nested / child / indented item</blockContent>
+            </blockContainer>
+        </blockGroup>
+    </blockContainer>
+    <blockContainer id="2">
+        <blockContent>Parent element 2</blockContent>
+        <blockGroup>
+            <blockContainer id="3">...</blockContainer>
+            <blockContainer id="4">...</blockContainer>
+        </blockGroup>
+    </blockContainer>
+    <blockContainer id="5">
+        <blockContent>Element 3 without children</blockContent>
+    </blockContainer>
+    <columnList id="6">
+        <column id="7">
+            <blockContainer id="8">
+                <blockContent>Column 1</blockContent>
+            </blockContainer>
+        </column>
+        <column id="9">
+            <blockContainer id="10">
+                <blockContent>Column 2</blockContent>
+            </blockContainer>
+        </column>
+    </columnList>
+</blockGroup>
 ```
+
+## Tables
+
+Tables are implemented a special type of blockContent node. The rows and columns are stored in the `content` fields, not in the `children`. This is because children of tables (rows / columns / cells) are not considered to be blocks (they don't have an id, for example).

package/src/schema/blocks/createSpec.ts

@@ -137,7 +137,10 @@ export function createBlockSpec<
   T extends CustomBlockConfig,
   I extends InlineContentSchema,
   S extends StyleSchema
->(blockConfig: T, blockImplementation: CustomBlockImplementation<T, I, S>) {
+>(
+  blockConfig: T,
+  blockImplementation: CustomBlockImplementation<NoInfer<T>, I, S>
+) {
   const node = createStronglyTypedTiptapNode({
     name: blockConfig.type as T["type"],
     content: (blockConfig.content === "inline"

package/src/schema/blocks/internal.ts

@@ -201,12 +201,22 @@ export function wrapInBlockStructure<
 // Helper type to keep track of the `name` and `content` properties after calling Node.create.
 type StronglyTypedTipTapNode<
   Name extends string,
-  Content extends "inline*" | "tableRow+" | ""
+  Content extends
+    | "inline*"
+    | "tableRow+"
+    | "blockContainer+"
+    | "column column+"
+    | ""
 > = Node & { name: Name; config: { content: Content } };
 
 export function createStronglyTypedTiptapNode<
   Name extends string,
-  Content extends "inline*" | "tableRow+" | ""
+  Content extends
+    | "inline*"
+    | "tableRow+"
+    | "blockContainer+"
+    | "column column+"
+    | ""
 >(config: NodeConfig & { name: Name; content: Content }) {
   return Node.create(config) as StronglyTypedTipTapNode<Name, Content>; // force re-typing (should be safe as it's type-checked from the config)
 }

package/src/schema/blocks/types.ts

@@ -104,7 +104,7 @@ export type BlockSpec<
   S extends StyleSchema
 > = {
   config: T;
-  implementation: TiptapBlockImplementation<T, B, I, S>;
+  implementation: TiptapBlockImplementation<NoInfer<T>, B, I, S>;
 };
 
 // Utility type. For a given object block schema, ensures that the key of each

package/src/util/combineByGroup.ts

@@ -0,0 +1,25 @@
+/**
+ * Combines items by group. This can be used to combine multiple slash menu item arrays,
+ * while making sure that items from the same group are adjacent to each other.
+ */
+export function combineByGroup<T extends { group?: string }>(
+  items: T[],
+  ...additionalItemsArray: {
+    group?: string;
+  }[][]
+) {
+  const combinedItems = [...items];
+  for (const additionalItems of additionalItemsArray) {
+    for (const additionalItem of additionalItems) {
+      const lastItemWithSameGroup = combinedItems.findLastIndex(
+        (item) => item.group === additionalItem.group
+      );
+      if (lastItemWithSameGroup === -1) {
+        combinedItems.push(additionalItem as T);
+      } else {
+        combinedItems.splice(lastItemWithSameGroup + 1, 0, additionalItem as T);
+      }
+    }
+  }
+  return combinedItems;
+}

package/types/src/api/blockManipulation/commands/mergeBlocks/mergeBlocks.d.ts

@@ -1,6 +1,26 @@
-import { Node, ResolvedPos } from "prosemirror-model";
+import { Node } from "prosemirror-model";
 import { EditorState } from "prosemirror-state";
-export declare const getPrevBlockPos: (doc: Node, $nextBlockPos: ResolvedPos) => ResolvedPos;
+import { BlockInfo } from "../../../getBlockInfoFromPos.js";
+/**
+ * Returns the block info from the parent block
+ * or undefined if we're at the root
+ */
+export declare const getParentBlockInfo: (doc: Node, beforePos: number) => BlockInfo | undefined;
+/**
+ * Returns the block info from the sibling block before (above) the given block,
+ * or undefined if the given block is the first sibling.
+ */
+export declare const getPrevBlockInfo: (doc: Node, beforePos: number) => BlockInfo | undefined;
+/**
+ * If a block has children like this:
+ * A
+ * - B
+ * - C
+ * -- D
+ *
+ * Then the bottom nested block returned is D.
+ */
+export declare const getBottomNestedBlockInfo: (doc: Node, blockInfo: BlockInfo) => BlockInfo;
 export declare const mergeBlocksCommand: (posBetweenBlocks: number) => ({ state, dispatch, }: {
     state: EditorState;
     dispatch: ((args?: any) => any) | undefined;

package/types/src/api/blockManipulation/commands/nestBlock/nestBlock.d.ts

@@ -0,0 +1,5 @@
+import { BlockNoteEditor } from "../../../../editor/BlockNoteEditor.js";
+export declare function nestBlock(editor: BlockNoteEditor<any, any, any>): boolean;
+export declare function unnestBlock(editor: BlockNoteEditor<any, any, any>): void;
+export declare function canNestBlock(editor: BlockNoteEditor<any, any, any>): boolean;
+export declare function canUnnestBlock(editor: BlockNoteEditor<any, any, any>): boolean;

package/types/src/api/blockManipulation/commands/removeBlocks/removeBlocks.d.ts

@@ -1,7 +1,4 @@
-import { Node } from "prosemirror-model";
-import { Transaction } from "prosemirror-state";
 import { Block } from "../../../../blocks/defaultBlocks.js";
 import type { BlockNoteEditor } from "../../../../editor/BlockNoteEditor";
 import { BlockIdentifier, BlockSchema, InlineContentSchema, StyleSchema } from "../../../../schema/index.js";
-export declare function removeBlocksWithCallback<BSchema extends BlockSchema, I extends InlineContentSchema, S extends StyleSchema>(editor: BlockNoteEditor<BSchema, I, S>, blocksToRemove: BlockIdentifier[], callback?: (node: Node, pos: number, tr: Transaction, removedSize: number) => number): Block<BSchema, I, S>[];
 export declare function removeBlocks<BSchema extends BlockSchema, I extends InlineContentSchema, S extends StyleSchema>(editor: BlockNoteEditor<BSchema, I, S>, blocksToRemove: BlockIdentifier[]): Block<BSchema, I, S>[];

package/types/src/api/blockManipulation/commands/replaceBlocks/replaceBlocks.d.ts

@@ -1,6 +1,10 @@
 import { Block, PartialBlock } from "../../../../blocks/defaultBlocks.js";
 import type { BlockNoteEditor } from "../../../../editor/BlockNoteEditor";
 import { BlockIdentifier, BlockSchema, InlineContentSchema, StyleSchema } from "../../../../schema/index.js";
+export declare function removeAndInsertBlocks<BSchema extends BlockSchema, I extends InlineContentSchema, S extends StyleSchema>(editor: BlockNoteEditor<BSchema, I, S>, blocksToRemove: BlockIdentifier[], blocksToInsert: PartialBlock<BSchema, I, S>[]): {
+    insertedBlocks: Block<BSchema, I, S>[];
+    removedBlocks: Block<BSchema, I, S>[];
+};
 export declare function replaceBlocks<BSchema extends BlockSchema, I extends InlineContentSchema, S extends StyleSchema>(editor: BlockNoteEditor<BSchema, I, S>, blocksToRemove: BlockIdentifier[], blocksToInsert: PartialBlock<BSchema, I, S>[]): {
     insertedBlocks: Block<BSchema, I, S>[];
     removedBlocks: Block<BSchema, I, S>[];

package/types/src/api/blockManipulation/setupTestEnv.d.ts

@@ -211,9 +211,6 @@ export declare function setupTestEnv(): () => BlockNoteEditor<import("../../inde
             type: "table";
             content: "table";
             propSchema: {
-                backgroundColor: {
-                    default: "default";
-                };
                 textColor: {
                     default: "default";
                 };
@@ -223,9 +220,6 @@ export declare function setupTestEnv(): () => BlockNoteEditor<import("../../inde
             type: "table";
             content: "table";
             propSchema: {
-                backgroundColor: {
-                    default: "default";
-                };
                 textColor: {
                     default: "default";
                 };

package/types/src/api/clipboard/fromClipboard/acceptedMIMETypes.d.ts

@@ -1 +1 @@
-export declare const acceptedMIMETypes: readonly ["vscode-editor-data", "blocknote/html", "Files", "text/html", "text/plain"];
+export declare const acceptedMIMETypes: readonly ["vscode-editor-data", "blocknote/html", "text/html", "text/plain", "Files"];

package/types/src/api/getBlockInfoFromPos.d.ts

@@ -6,23 +6,48 @@ type SingleBlockInfo = {
     afterPos: number;
 };
 export type BlockInfo = {
-    blockContainer: SingleBlockInfo;
+    /**
+     * The outer node that represents a BlockNote block. This is the node that has the ID.
+     * Most of the time, this will be a blockContainer node, but it could also be a Column or ColumnList
+     */
+    bnBlock: SingleBlockInfo;
+    /**
+     * The type of BlockNote block that this node represents.
+     * When dealing with a blockContainer, this is retrieved from the blockContent node, otherwise it's retrieved from the bnBlock node.
+     */
+    blockNoteType: string;
+} & ({
+    /**
+     * The Prosemirror node that holds block.children. For non-blockContainer, this node will be the same as bnBlock.
+     */
+    childContainer: SingleBlockInfo;
+    isBlockContainer: false;
+} | {
+    /**
+     * The Prosemirror node that holds block.children. For blockContainers, this is the blockGroup node, if it exists.
+     */
+    childContainer?: SingleBlockInfo;
+    /**
+     * The Prosemirror node that wraps block.content and has most of the props
+     */
     blockContent: SingleBlockInfo;
-    blockGroup?: SingleBlockInfo;
-};
+    /**
+     * Whether bnBlock is a blockContainer node
+     */
+    isBlockContainer: true;
+});
 /**
- * Retrieves the position just before the nearest blockContainer node in a
- * ProseMirror doc, relative to a position. If the position is within a
- * blockContainer node or its descendants, the position just before it is
- * returned. If the position is not within a blockContainer node or its
- * descendants, the position just before the next closest blockContainer node
- * is returned. If the position is beyond the last blockContainer, the position
- * just before the last blockContainer is returned.
+ * Retrieves the position just before the nearest block node in a ProseMirror
+ * doc, relative to a position. If the position is within a block node or its
+ * descendants, the position just before it is returned. If the position is not
+ * within a block node or its descendants, the position just before the next
+ * closest block node is returned. If the position is beyond the last block, the
+ * position just before the last block is returned.
  * @param doc The ProseMirror doc.
  * @param pos An integer position in the document.
  * @returns The position just before the nearest blockContainer node.
  */
-export declare function getNearestBlockContainerPos(doc: Node, pos: number): {
+export declare function getNearestBlockPos(doc: Node, pos: number): {
     posBeforeNode: number;
     node: Node;
 };
@@ -34,10 +59,10 @@ export declare function getNearestBlockContainerPos(doc: Node, pos: number): {
  * the ProseMirror positions just before & after each node.
  * @param node The main `blockContainer` node that the block information should
  * be retrieved from,
- * @param blockContainerBeforePosOffset the position just before the
+ * @param bnBlockBeforePosOffset the position just before the
  * `blockContainer` node in the document.
  */
-export declare function getBlockInfoWithManualOffset(node: Node, blockContainerBeforePosOffset: number): BlockInfo;
+export declare function getBlockInfoWithManualOffset(node: Node, bnBlockBeforePosOffset: number): BlockInfo;
 /**
  * Gets information regarding the ProseMirror nodes that make up a block in a
  * BlockNote document. This includes the main `blockContainer` node, the

package/types/src/api/nodeConversions/blockToNode.d.ts

@@ -10,6 +10,6 @@ export declare function inlineContentToNodes<I extends InlineContentSchema, S ex
  */
 export declare function tableContentToNodes<I extends InlineContentSchema, S extends StyleSchema>(tableContent: PartialTableContent<I, S>, schema: Schema, styleSchema: StyleSchema): Node[];
 /**
- * Converts a BlockNote block to a TipTap node.
+ * Converts a BlockNote block to a Prosemirror node.
  */
 export declare function blockToNode(block: PartialBlock<any, any, any>, schema: Schema, styleSchema: StyleSchema): Node;

package/types/src/api/nodeConversions/nodeToBlock.d.ts

@@ -11,6 +11,8 @@ export declare function contentNodeToTableContent<I extends InlineContentSchema,
 export declare function contentNodeToInlineContent<I extends InlineContentSchema, S extends StyleSchema>(contentNode: Node, inlineContentSchema: I, styleSchema: S): InlineContent<I, S>[];
 export declare function nodeToCustomInlineContent<I extends InlineContentSchema, S extends StyleSchema>(node: Node, inlineContentSchema: I, styleSchema: S): InlineContent<I, S>;
 /**
- * Convert a TipTap node to a BlockNote block.
+ * Convert a Prosemirror node to a BlockNote block.
+ *
+ * TODO: test changes
  */
 export declare function nodeToBlock<BSchema extends BlockSchema, I extends InlineContentSchema, S extends StyleSchema>(node: Node, blockSchema: BSchema, inlineContentSchema: I, styleSchema: S, blockCache?: WeakMap<Node, Block<BSchema, I, S>>): Block<BSchema, I, S>;

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

@@ -339,9 +339,6 @@ declare const schema: BlockNoteSchema<import("../../../schema/index.js").BlockSc
             type: "table";
             content: "table";
             propSchema: {
-                backgroundColor: {
-                    default: "default";
-                };
                 textColor: {
                     default: "default";
                 };
@@ -351,9 +348,6 @@ declare const schema: BlockNoteSchema<import("../../../schema/index.js").BlockSc
             type: "table";
             content: "table";
             propSchema: {
-                backgroundColor: {
-                    default: "default";
-                };
                 textColor: {
                     default: "default";
                 };

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

@@ -213,9 +213,6 @@ declare const schema: BlockNoteSchema<import("../../../index.js").BlockSchemaFro
             type: "table";
             content: "table";
             propSchema: {
-                backgroundColor: {
-                    default: "default";
-                };
                 textColor: {
                     default: "default";
                 };
@@ -225,9 +222,6 @@ declare const schema: BlockNoteSchema<import("../../../index.js").BlockSchemaFro
             type: "table";
             content: "table";
             propSchema: {
-                backgroundColor: {
-                    default: "default";
-                };
                 textColor: {
                     default: "default";
                 };

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

@@ -213,9 +213,6 @@ declare const schema: BlockNoteSchema<import("../../../index.js").BlockSchemaFro
             type: "table";
             content: "table";
             propSchema: {
-                backgroundColor: {
-                    default: "default";
-                };
                 textColor: {
                     default: "default";
                 };
@@ -225,9 +222,6 @@ declare const schema: BlockNoteSchema<import("../../../index.js").BlockSchemaFro
             type: "table";
             content: "table";
             propSchema: {
-                backgroundColor: {
-                    default: "default";
-                };
                 textColor: {
                     default: "default";
                 };

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

@@ -1,8 +1,9 @@
 import { Block, PartialBlock } from "../../blocks/defaultBlocks.js";
+import { BlockNoteSchema } from "../../editor/BlockNoteSchema.js";
 import { BlockSchema } from "../../schema/blocks/types.js";
 import { InlineContentSchema } from "../../schema/inlineContent/types.js";
 import { StyleSchema } from "../../schema/styles/types.js";
-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 partialBlocksToBlocksForTesting<BSchema extends BlockSchema, I extends InlineContentSchema, S extends StyleSchema>(schema: BlockNoteSchema<BSchema, I, S>, partialBlocks: Array<PartialBlock<NoInfer<BSchema>, NoInfer<I>, NoInfer<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/AudioBlockContent/AudioBlockContent.d.ts

@@ -1,5 +1,6 @@
 import type { BlockNoteEditor } from "../../editor/BlockNoteEditor.js";
 import { BlockFromConfig, Props } from "../../schema/index.js";
+export declare const FILE_AUDIO_ICON_SVG = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M2 16.0001H5.88889L11.1834 20.3319C11.2727 20.405 11.3846 20.4449 11.5 20.4449C11.7761 20.4449 12 20.2211 12 19.9449V4.05519C12 3.93977 11.9601 3.8279 11.887 3.73857C11.7121 3.52485 11.3971 3.49335 11.1834 3.66821L5.88889 8.00007H2C1.44772 8.00007 1 8.44778 1 9.00007V15.0001C1 15.5524 1.44772 16.0001 2 16.0001ZM23 12C23 15.292 21.5539 18.2463 19.2622 20.2622L17.8445 18.8444C19.7758 17.1937 21 14.7398 21 12C21 9.26016 19.7758 6.80629 17.8445 5.15557L19.2622 3.73779C21.5539 5.75368 23 8.70795 23 12ZM18 12C18 10.0883 17.106 8.38548 15.7133 7.28673L14.2842 8.71584C15.3213 9.43855 16 10.64 16 12C16 13.36 15.3213 14.5614 14.2842 15.2841L15.7133 16.7132C17.106 15.6145 18 13.9116 18 12Z\"></path></svg>";
 export declare const audioPropSchema: {
     backgroundColor: {
         default: "default";

package/types/src/blocks/FileBlockContent/fileBlockHelpers.d.ts

@@ -1,5 +1,6 @@
 import type { BlockNoteEditor } from "../../editor/BlockNoteEditor.js";
 import { BlockFromConfig, BlockSchemaWithBlock, FileBlockConfig } from "../../schema/index.js";
+export declare const FILE_ICON_SVG = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M3 8L9.00319 2H19.9978C20.5513 2 21 2.45531 21 2.9918V21.0082C21 21.556 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5501 3 20.9932V8ZM10 4V9H5V20H19V4H10Z\"></path></svg>";
 export declare const createFileBlockWrapper: (block: BlockFromConfig<FileBlockConfig, any, any>, editor: BlockNoteEditor<BlockSchemaWithBlock<FileBlockConfig["type"], FileBlockConfig>, any, any>, element: {
     dom: HTMLElement;
     destroy?: () => void;

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

@@ -1,5 +1,6 @@
 import type { BlockNoteEditor } from "../../editor/BlockNoteEditor.js";
 import { BlockFromConfig, Props } from "../../schema/index.js";
+export declare const FILE_IMAGE_ICON_SVG = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M5 11.1005L7 9.1005L12.5 14.6005L16 11.1005L19 14.1005V5H5V11.1005ZM4 3H20C20.5523 3 21 3.44772 21 4V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3ZM15.5 10C14.6716 10 14 9.32843 14 8.5C14 7.67157 14.6716 7 15.5 7C16.3284 7 17 7.67157 17 8.5C17 9.32843 16.3284 10 15.5 10Z\"></path></svg>";
 export declare const imagePropSchema: {
     textAlignment: {
         default: "left";

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

@@ -1,8 +1,5 @@
 import { Node } from "@tiptap/core";
 export declare const tablePropSchema: {
-    backgroundColor: {
-        default: "default";
-    };
     textColor: {
         default: "default";
     };
@@ -18,9 +15,6 @@ export declare const Table: {
         type: "table";
         content: "table";
         propSchema: {
-            backgroundColor: {
-                default: "default";
-            };
             textColor: {
                 default: "default";
             };
@@ -30,9 +24,6 @@ export declare const Table: {
         type: "table";
         content: "table";
         propSchema: {
-            backgroundColor: {
-                default: "default";
-            };
             textColor: {
                 default: "default";
             };

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

@@ -1,5 +1,6 @@
 import type { BlockNoteEditor } from "../../editor/BlockNoteEditor.js";
 import { BlockFromConfig, Props } from "../../schema/index.js";
+export declare const FILE_VIDEO_ICON_SVG = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M2 3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934ZM8 5V19H16V5H8ZM4 5V7H6V5H4ZM18 5V7H20V5H18ZM4 9V11H6V9H4ZM18 9V11H20V9H18ZM4 13V15H6V13H4ZM18 13V15H20V13H18ZM4 17V19H6V17H4ZM18 17V19H20V17H18Z\"></path></svg>";
 export declare const videoPropSchema: {
     textAlignment: {
         default: "left";

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

@@ -212,9 +212,6 @@ export declare const defaultBlockSpecs: {
             type: "table";
             content: "table";
             propSchema: {
-                backgroundColor: {
-                    default: "default";
-                };
                 textColor: {
                     default: "default";
                 };
@@ -224,9 +221,6 @@ export declare const defaultBlockSpecs: {
             type: "table";
             content: "table";
             propSchema: {
-                backgroundColor: {
-                    default: "default";
-                };
                 textColor: {
                     default: "default";
                 };
@@ -658,9 +652,6 @@ export declare const defaultBlockSchema: import("../schema/index.js").BlockSchem
             type: "table";
             content: "table";
             propSchema: {
-                backgroundColor: {
-                    default: "default";
-                };
                 textColor: {
                     default: "default";
                 };
@@ -670,9 +661,6 @@ export declare const defaultBlockSchema: import("../schema/index.js").BlockSchem
             type: "table";
             content: "table";
             propSchema: {
-                backgroundColor: {
-                    default: "default";
-                };
                 textColor: {
                     default: "default";
                 };