@blocknote/xl-multi-column 0.38.0 → 0.39.1

package/dist/webpack-stats.json

@@ -1 +1 @@
-{"builtAt":1758009897110,"assets":[{"name":"blocknote-xl-multi-column.cjs","size":20598},{"name":"blocknote-xl-multi-column.cjs.map","size":3792185}],"chunks":[{"id":"a1ee98a","entry":true,"initial":true,"files":["blocknote-xl-multi-column.cjs"],"names":["blocknote-xl-multi-column"]}],"modules":[{"name":"./src/i18n/locales/ar.ts","size":364,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/de.ts","size":400,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/en.ts","size":378,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/es.ts","size":392,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/fr.ts","size":398,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/hr.ts","size":396,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/is.ts","size":376,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/ja.ts","size":284,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/ko.ts","size":288,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/nl.ts","size":390,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/pl.ts","size":394,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/pt.ts","size":388,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/ru.ts","size":370,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/vi.ts","size":340,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/zh.ts","size":274,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/index.ts","size":0,"chunks":["a1ee98a"]},{"name":"./src/i18n/dictionary.ts","size":189,"chunks":["a1ee98a"]},{"name":"./src/extensions/ColumnResize/ColumnResizeExtension.ts","size":8309,"chunks":["a1ee98a"]},{"name":"./src/pm-nodes/Column.ts","size":2611,"chunks":["a1ee98a"]},{"name":"./src/pm-nodes/ColumnList.ts","size":1164,"chunks":["a1ee98a"]},{"name":"./src/blocks/Columns/index.ts","size":210,"chunks":["a1ee98a"]},{"name":"./src/blocks/schema.ts","size":425,"chunks":["a1ee98a"]},{"name":"./src/extensions/DropCursor/MultiColumnDropCursorPlugin.ts","size":11843,"chunks":["a1ee98a"]},{"name":"../../node_modules/.pnpm/react-icons@5.5.0_react@19.1.0/node_modules/react-icons/lib/iconContext.mjs","size":251,"chunks":["a1ee98a"]},{"name":"../../node_modules/.pnpm/react-icons@5.5.0_react@19.1.0/node_modules/react-icons/lib/iconBase.mjs","size":4003,"chunks":["a1ee98a"]},{"name":"../../node_modules/.pnpm/react-icons@5.5.0_react@19.1.0/node_modules/react-icons/tb/index.mjs","size":708,"chunks":["a1ee98a"]},{"name":"./src/extensions/SuggestionMenu/getMultiColumnSlashMenuItems.tsx","size":2073,"chunks":["a1ee98a"]},{"name":"./src/index.ts","size":0,"chunks":["a1ee98a"]}]}
+{"builtAt":1758287653045,"assets":[{"name":"blocknote-xl-multi-column.cjs","size":20516},{"name":"blocknote-xl-multi-column.cjs.map","size":3791854}],"chunks":[{"id":"a1ee98a","entry":true,"initial":true,"files":["blocknote-xl-multi-column.cjs"],"names":["blocknote-xl-multi-column"]}],"modules":[{"name":"./src/i18n/locales/ar.ts","size":364,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/de.ts","size":400,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/en.ts","size":378,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/es.ts","size":392,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/fr.ts","size":398,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/hr.ts","size":396,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/is.ts","size":376,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/ja.ts","size":284,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/ko.ts","size":288,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/nl.ts","size":390,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/pl.ts","size":394,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/pt.ts","size":388,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/ru.ts","size":370,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/vi.ts","size":340,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/zh.ts","size":274,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/index.ts","size":0,"chunks":["a1ee98a"]},{"name":"./src/i18n/dictionary.ts","size":189,"chunks":["a1ee98a"]},{"name":"./src/extensions/ColumnResize/ColumnResizeExtension.ts","size":8309,"chunks":["a1ee98a"]},{"name":"./src/pm-nodes/Column.ts","size":2591,"chunks":["a1ee98a"]},{"name":"./src/pm-nodes/ColumnList.ts","size":1144,"chunks":["a1ee98a"]},{"name":"./src/blocks/Columns/index.ts","size":316,"chunks":["a1ee98a"]},{"name":"./src/blocks/schema.ts","size":295,"chunks":["a1ee98a"]},{"name":"./src/extensions/DropCursor/MultiColumnDropCursorPlugin.ts","size":11843,"chunks":["a1ee98a"]},{"name":"../../node_modules/.pnpm/react-icons@5.5.0_react@19.1.0/node_modules/react-icons/lib/iconContext.mjs","size":251,"chunks":["a1ee98a"]},{"name":"../../node_modules/.pnpm/react-icons@5.5.0_react@19.1.0/node_modules/react-icons/lib/iconBase.mjs","size":4003,"chunks":["a1ee98a"]},{"name":"../../node_modules/.pnpm/react-icons@5.5.0_react@19.1.0/node_modules/react-icons/tb/index.mjs","size":708,"chunks":["a1ee98a"]},{"name":"./src/extensions/SuggestionMenu/getMultiColumnSlashMenuItems.tsx","size":2073,"chunks":["a1ee98a"]},{"name":"./src/index.ts","size":0,"chunks":["a1ee98a"]}]}

package/package.json

@@ -9,7 +9,7 @@
     "directory": "packages/xl-multi-column"
   },
   "license": "GPL-3.0 OR PROPRIETARY",
-  "version": "0.38.0",
+  "version": "0.39.1",
   "files": [
     "dist",
     "types",
@@ -42,9 +42,9 @@
     }
   },
   "dependencies": {
-    "@blocknote/core": "0.38.0",
-    "@blocknote/react": "0.38.0",
-    "@tiptap/core": "^2.26.1",
+    "@blocknote/core": "0.39.1",
+    "@blocknote/react": "0.39.1",
+    "@tiptap/core": "^3.4.3",
     "prosemirror-model": "^1.25.3",
     "prosemirror-state": "^1.4.3",
     "prosemirror-tables": "^1.3.7",

package/src/blocks/Columns/index.ts

@@ -1,15 +1,26 @@
 import { Column } from "../../pm-nodes/Column.js";
 import { ColumnList } from "../../pm-nodes/ColumnList.js";
 
-import { createBlockSpecFromStronglyTypedTiptapNode } from "@blocknote/core";
+import { createBlockSpecFromTiptapNode } from "@blocknote/core";
 
-export const ColumnBlock = createBlockSpecFromStronglyTypedTiptapNode(Column, {
-  width: {
-    default: 1,
+export const ColumnBlock = createBlockSpecFromTiptapNode(
+  {
+    node: Column,
+    type: "column",
+    content: "none",
   },
-});
+  {
+    width: {
+      default: 1,
+    },
+  },
+);
 
-export const ColumnListBlock = createBlockSpecFromStronglyTypedTiptapNode(
-  ColumnList,
+export const ColumnListBlock = createBlockSpecFromTiptapNode(
+  {
+    node: ColumnList,
+    type: "columnList",
+    content: "none",
+  },
   {},
 );

package/src/blocks/schema.ts

@@ -23,21 +23,10 @@ export const withMultiColumn = <
 >(
   schema: BlockNoteSchema<B, I, S>,
 ) => {
-  return BlockNoteSchema.create({
+  return schema.extend({
     blockSpecs: {
-      ...schema.blockSpecs,
       column: ColumnBlock,
       columnList: ColumnListBlock,
     },
-    inlineContentSpecs: schema.inlineContentSpecs,
-    styleSpecs: schema.styleSpecs,
-  }) as any as BlockNoteSchema<
-    // typescript needs some help here
-    B & {
-      column: typeof ColumnBlock.config;
-      columnList: typeof ColumnListBlock.config;
-    },
-    I,
-    S
-  >;
+  });
 };

package/src/pm-nodes/Column.ts

@@ -1,8 +1,8 @@
-import { createStronglyTypedTiptapNode } from "@blocknote/core";
+import { Node } from "@tiptap/core";
 
 import { createColumnResizeExtension } from "../extensions/ColumnResize/ColumnResizeExtension.js";
 
-export const Column = createStronglyTypedTiptapNode({
+export const Column = Node.create({
   name: "column",
   group: "bnBlock childContainer",
   // A block always contains content, and optionally a blockGroup which contains nested blocks

package/src/pm-nodes/ColumnList.ts

@@ -1,6 +1,6 @@
-import { createStronglyTypedTiptapNode } from "@blocknote/core";
+import { Node } from "@tiptap/core";
 
-export const ColumnList = createStronglyTypedTiptapNode({
+export const ColumnList = Node.create({
   name: "columnList",
   group: "childContainer bnBlock blockGroupChild",
   // A block always contains content, and optionally a blockGroup which contains nested blocks

package/src/test/conversions/__snapshots__/nodeConversion.test.ts.snap

@@ -14,14 +14,14 @@ exports[`Test BlockNote-Prosemirror conversion > Case: multi-column-schema > Con
       "content": [
         {
           "attrs": {
-            "backgroundColor": "default",
             "id": "3",
-            "textColor": "default",
           },
           "content": [
             {
               "attrs": {
+                "backgroundColor": "default",
                 "textAlignment": "left",
+                "textColor": "default",
               },
               "content": [
                 {
@@ -36,14 +36,14 @@ exports[`Test BlockNote-Prosemirror conversion > Case: multi-column-schema > Con
         },
         {
           "attrs": {
-            "backgroundColor": "default",
             "id": "4",
-            "textColor": "default",
           },
           "content": [
             {
               "attrs": {
+                "backgroundColor": "default",
                 "textAlignment": "left",
+                "textColor": "default",
               },
               "content": [
                 {
@@ -67,14 +67,14 @@ exports[`Test BlockNote-Prosemirror conversion > Case: multi-column-schema > Con
       "content": [
         {
           "attrs": {
-            "backgroundColor": "default",
             "id": "6",
-            "textColor": "default",
           },
           "content": [
             {
               "attrs": {
+                "backgroundColor": "default",
                 "textAlignment": "left",
+                "textColor": "default",
               },
               "content": [
                 {
@@ -89,14 +89,14 @@ exports[`Test BlockNote-Prosemirror conversion > Case: multi-column-schema > Con
         },
         {
           "attrs": {
-            "backgroundColor": "default",
             "id": "7",
-            "textColor": "default",
           },
           "content": [
             {
               "attrs": {
+                "backgroundColor": "default",
                 "textAlignment": "left",
+                "textColor": "default",
               },
               "content": [
                 {

package/src/test/conversions/htmlConversion.test.ts

@@ -78,7 +78,6 @@ describe("Test multi-column HTML conversion", () => {
       });
 
       afterEach(() => {
-        editor.mount(undefined);
         editor._tiptapEditor.destroy();
         editor = undefined as any;
 

package/src/test/conversions/nodeConversion.test.ts

@@ -60,7 +60,6 @@ describe("Test BlockNote-Prosemirror conversion", () => {
       });
 
       afterEach(() => {
-        editor.mount(undefined);
         editor._tiptapEditor.destroy();
         editor = undefined as any;
 

package/src/test/setupTestEnv.ts

@@ -5,9 +5,14 @@ import {
 } from "@blocknote/core";
 import { afterAll, beforeAll, beforeEach } from "vitest";
 
-import { withMultiColumn } from "../blocks/schema.js";
+import { ColumnBlock, ColumnListBlock } from "../blocks/Columns/index.js";
 
-export const testEditorSchema = withMultiColumn(BlockNoteSchema.create());
+export const testEditorSchema = BlockNoteSchema.create().extend({
+  blockSpecs: {
+    column: ColumnBlock,
+    columnList: ColumnListBlock,
+  } as const,
+});
 
 export function setupTestEnv() {
   let editor: BlockNoteEditor<
@@ -25,7 +30,6 @@ export function setupTestEnv() {
   });
 
   afterAll(() => {
-    editor.mount(undefined);
     editor._tiptapEditor.destroy();
     editor = undefined as any;
   });

package/types/src/blocks/Columns/index.d.ts

@@ -1,32 +1,6 @@
-export declare const ColumnBlock: {
-    config: {
-        type: "column";
-        content: "none";
-        propSchema: {
-            width: {
-                default: number;
-            };
-        };
+export declare const ColumnBlock: import("@blocknote/core").LooseBlockSpec<"column", {
+    width: {
+        default: number;
     };
-    implementation: import("@blocknote/core").TiptapBlockImplementation<{
-        type: "column";
-        content: "none";
-        propSchema: {
-            width: {
-                default: number;
-            };
-        };
-    }, any, import("@blocknote/core").InlineContentSchema, import("@blocknote/core").StyleSchema>;
-};
-export declare const ColumnListBlock: {
-    config: {
-        type: "columnList";
-        content: "none";
-        propSchema: {};
-    };
-    implementation: import("@blocknote/core").TiptapBlockImplementation<{
-        type: "columnList";
-        content: "none";
-        propSchema: {};
-    }, any, import("@blocknote/core").InlineContentSchema, import("@blocknote/core").StyleSchema>;
-};
+}, "none">;
+export declare const ColumnListBlock: import("@blocknote/core").LooseBlockSpec<"columnList", {}, "none">;

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

@@ -1,38 +1,11 @@
 import { BlockNoteSchema, BlockSchema, InlineContentSchema, StyleSchema } from "@blocknote/core";
-import { ColumnBlock, ColumnListBlock } from "./Columns/index.js";
 export declare const multiColumnSchema: BlockNoteSchema<import("@blocknote/core").BlockSchemaFromSpecs<{
-    column: {
-        config: {
-            type: "column";
-            content: "none";
-            propSchema: {
-                width: {
-                    default: number;
-                };
-            };
-        };
-        implementation: import("@blocknote/core").TiptapBlockImplementation<{
-            type: "column";
-            content: "none";
-            propSchema: {
-                width: {
-                    default: number;
-                };
-            };
-        }, any, InlineContentSchema, StyleSchema>;
-    };
-    columnList: {
-        config: {
-            type: "columnList";
-            content: "none";
-            propSchema: {};
+    column: import("@blocknote/core").LooseBlockSpec<"column", {
+        width: {
+            default: number;
         };
-        implementation: import("@blocknote/core").TiptapBlockImplementation<{
-            type: "columnList";
-            content: "none";
-            propSchema: {};
-        }, any, InlineContentSchema, StyleSchema>;
-    };
+    }, "none">;
+    columnList: import("@blocknote/core").LooseBlockSpec<"columnList", {}, "none">;
 }>, import("@blocknote/core").InlineContentSchemaFromSpecs<{
     text: {
         config: "text";
@@ -48,55 +21,68 @@ export declare const multiColumnSchema: BlockNoteSchema<import("@blocknote/core"
             type: string;
             propSchema: "boolean";
         };
-        implementation: import("@blocknote/core").StyleImplementation;
+        implementation: import("@blocknote/core").StyleImplementation<{
+            type: string;
+            propSchema: "boolean";
+        }>;
     };
     italic: {
         config: {
             type: string;
             propSchema: "boolean";
         };
-        implementation: import("@blocknote/core").StyleImplementation;
+        implementation: import("@blocknote/core").StyleImplementation<{
+            type: string;
+            propSchema: "boolean";
+        }>;
     };
     underline: {
         config: {
             type: string;
             propSchema: "boolean";
         };
-        implementation: import("@blocknote/core").StyleImplementation;
+        implementation: import("@blocknote/core").StyleImplementation<{
+            type: string;
+            propSchema: "boolean";
+        }>;
     };
     strike: {
         config: {
             type: string;
             propSchema: "boolean";
         };
-        implementation: import("@blocknote/core").StyleImplementation;
+        implementation: import("@blocknote/core").StyleImplementation<{
+            type: string;
+            propSchema: "boolean";
+        }>;
     };
     code: {
         config: {
             type: string;
             propSchema: "boolean";
         };
-        implementation: import("@blocknote/core").StyleImplementation;
-    };
-    textColor: {
-        config: {
+        implementation: import("@blocknote/core").StyleImplementation<{
             type: string;
-            propSchema: "string";
-        };
-        implementation: import("@blocknote/core").StyleImplementation;
-    };
-    backgroundColor: {
-        config: {
-            type: string;
-            propSchema: "string";
-        };
-        implementation: import("@blocknote/core").StyleImplementation;
+            propSchema: "boolean";
+        }>;
     };
+    textColor: import("@blocknote/core").StyleSpec<{
+        readonly type: "textColor";
+        readonly propSchema: "string";
+    }>;
+    backgroundColor: import("@blocknote/core").StyleSpec<{
+        readonly type: "backgroundColor";
+        readonly propSchema: "string";
+    }>;
 }>>;
 /**
  * Adds multi-column support to the given schema.
  */
-export declare const withMultiColumn: <B extends BlockSchema, I extends InlineContentSchema, S extends StyleSchema>(schema: BlockNoteSchema<B, I, S>) => BlockNoteSchema<B & {
-    column: typeof ColumnBlock.config;
-    columnList: typeof ColumnListBlock.config;
+export declare const withMultiColumn: <B extends BlockSchema, I extends InlineContentSchema, S extends StyleSchema>(schema: BlockNoteSchema<B, I, S>) => import("@blocknote/core").CustomBlockNoteSchema<B & {
+    column: import("@blocknote/core").BlockConfig<"column", {
+        width: {
+            default: number;
+        };
+    }, "none">;
+    columnList: import("@blocknote/core").BlockConfig<"columnList", {}, "none">;
 }, I, S>;

package/types/src/pm-nodes/Column.d.ts

@@ -1,6 +1,2 @@
-export declare const Column: import("@tiptap/core").Node<any, any> & {
-    name: "column";
-    config: {
-        content: "blockContainer+";
-    };
-};
+import { Node } from "@tiptap/core";
+export declare const Column: Node<any, any>;

package/types/src/pm-nodes/ColumnList.d.ts

@@ -1,6 +1,2 @@
-export declare const ColumnList: import("@tiptap/core").Node<any, any> & {
-    name: "columnList";
-    config: {
-        content: "column column+";
-    };
-};
+import { Node } from "@tiptap/core";
+export declare const ColumnList: Node<any, any>;