@blocknote/xl-multi-column 0.19.1 → 0.20.0

package/src/test/commands/__snapshots__/updateBlock.test.ts.snap

@@ -37,6 +37,23 @@ exports[`Test updateBlock > Update column list new children 1`] = `
     },
     "type": "paragraph",
   },
+  {
+    "children": [],
+    "content": [
+      {
+        "styles": {},
+        "text": "Paragraph 1",
+        "type": "text",
+      },
+    ],
+    "id": "paragraph-1",
+    "props": {
+      "backgroundColor": "default",
+      "textAlignment": "left",
+      "textColor": "default",
+    },
+    "type": "paragraph",
+  },
   {
     "children": [
       {
@@ -99,6 +116,23 @@ exports[`Test updateBlock > Update column list new children 1`] = `
     "props": {},
     "type": "columnList",
   },
+  {
+    "children": [],
+    "content": [
+      {
+        "styles": {},
+        "text": "Paragraph 2",
+        "type": "text",
+      },
+    ],
+    "id": "paragraph-2",
+    "props": {
+      "backgroundColor": "default",
+      "textAlignment": "left",
+      "textColor": "default",
+    },
+    "type": "paragraph",
+  },
   {
     "children": [],
     "content": [],
@@ -150,6 +184,23 @@ exports[`Test updateBlock > Update column new children 1`] = `
     },
     "type": "paragraph",
   },
+  {
+    "children": [],
+    "content": [
+      {
+        "styles": {},
+        "text": "Paragraph 1",
+        "type": "text",
+      },
+    ],
+    "id": "paragraph-1",
+    "props": {
+      "backgroundColor": "default",
+      "textAlignment": "left",
+      "textColor": "default",
+    },
+    "type": "paragraph",
+  },
   {
     "children": [
       {
@@ -229,6 +280,23 @@ exports[`Test updateBlock > Update column new children 1`] = `
     "props": {},
     "type": "columnList",
   },
+  {
+    "children": [],
+    "content": [
+      {
+        "styles": {},
+        "text": "Paragraph 2",
+        "type": "text",
+      },
+    ],
+    "id": "paragraph-2",
+    "props": {
+      "backgroundColor": "default",
+      "textAlignment": "left",
+      "textColor": "default",
+    },
+    "type": "paragraph",
+  },
   {
     "children": [],
     "content": [],
@@ -319,6 +387,23 @@ exports[`Test updateBlock > Update nested paragraph to column 1`] = `
     },
     "type": "paragraph",
   },
+  {
+    "children": [],
+    "content": [
+      {
+        "styles": {},
+        "text": "Paragraph 1",
+        "type": "text",
+      },
+    ],
+    "id": "paragraph-1",
+    "props": {
+      "backgroundColor": "default",
+      "textAlignment": "left",
+      "textColor": "default",
+    },
+    "type": "paragraph",
+  },
   {
     "children": [
       {
@@ -415,6 +500,23 @@ exports[`Test updateBlock > Update nested paragraph to column 1`] = `
     "props": {},
     "type": "columnList",
   },
+  {
+    "children": [],
+    "content": [
+      {
+        "styles": {},
+        "text": "Paragraph 2",
+        "type": "text",
+      },
+    ],
+    "id": "paragraph-2",
+    "props": {
+      "backgroundColor": "default",
+      "textAlignment": "left",
+      "textColor": "default",
+    },
+    "type": "paragraph",
+  },
   {
     "children": [],
     "content": [],
@@ -511,6 +613,23 @@ exports[`Test updateBlock > Update nested paragraph to column list 1`] = `
     },
     "type": "paragraph",
   },
+  {
+    "children": [],
+    "content": [
+      {
+        "styles": {},
+        "text": "Paragraph 1",
+        "type": "text",
+      },
+    ],
+    "id": "paragraph-1",
+    "props": {
+      "backgroundColor": "default",
+      "textAlignment": "left",
+      "textColor": "default",
+    },
+    "type": "paragraph",
+  },
   {
     "children": [
       {
@@ -607,6 +726,23 @@ exports[`Test updateBlock > Update nested paragraph to column list 1`] = `
     "props": {},
     "type": "columnList",
   },
+  {
+    "children": [],
+    "content": [
+      {
+        "styles": {},
+        "text": "Paragraph 2",
+        "type": "text",
+      },
+    ],
+    "id": "paragraph-2",
+    "props": {
+      "backgroundColor": "default",
+      "textAlignment": "left",
+      "textColor": "default",
+    },
+    "type": "paragraph",
+  },
   {
     "children": [],
     "content": [],
@@ -679,6 +815,23 @@ exports[`Test updateBlock > Update paragraph to column 1`] = `
     "props": {},
     "type": "columnList",
   },
+  {
+    "children": [],
+    "content": [
+      {
+        "styles": {},
+        "text": "Paragraph 1",
+        "type": "text",
+      },
+    ],
+    "id": "paragraph-1",
+    "props": {
+      "backgroundColor": "default",
+      "textAlignment": "left",
+      "textColor": "default",
+    },
+    "type": "paragraph",
+  },
   {
     "children": [
       {
@@ -775,6 +928,23 @@ exports[`Test updateBlock > Update paragraph to column 1`] = `
     "props": {},
     "type": "columnList",
   },
+  {
+    "children": [],
+    "content": [
+      {
+        "styles": {},
+        "text": "Paragraph 2",
+        "type": "text",
+      },
+    ],
+    "id": "paragraph-2",
+    "props": {
+      "backgroundColor": "default",
+      "textAlignment": "left",
+      "textColor": "default",
+    },
+    "type": "paragraph",
+  },
   {
     "children": [],
     "content": [],
@@ -853,6 +1023,23 @@ exports[`Test updateBlock > Update paragraph to column list 1`] = `
     "props": {},
     "type": "columnList",
   },
+  {
+    "children": [],
+    "content": [
+      {
+        "styles": {},
+        "text": "Paragraph 1",
+        "type": "text",
+      },
+    ],
+    "id": "paragraph-1",
+    "props": {
+      "backgroundColor": "default",
+      "textAlignment": "left",
+      "textColor": "default",
+    },
+    "type": "paragraph",
+  },
   {
     "children": [
       {
@@ -949,6 +1136,23 @@ exports[`Test updateBlock > Update paragraph to column list 1`] = `
     "props": {},
     "type": "columnList",
   },
+  {
+    "children": [],
+    "content": [
+      {
+        "styles": {},
+        "text": "Paragraph 2",
+        "type": "text",
+      },
+    ],
+    "id": "paragraph-2",
+    "props": {
+      "backgroundColor": "default",
+      "textAlignment": "left",
+      "textColor": "default",
+    },
+    "type": "paragraph",
+  },
   {
     "children": [],
     "content": [],

package/src/test/commands/moveBlocks.test.ts

@@ -0,0 +1,57 @@
+import { describe, expect, it } from "vitest";
+
+import { setupTestEnv } from "../setupTestEnv.js";
+
+const getEditor = setupTestEnv();
+
+describe("Test moveBlocksUp", () => {
+  it("Move into column list", () => {
+    getEditor().setTextCursorPosition("paragraph-2");
+
+    getEditor().moveBlocksUp();
+
+    expect(getEditor().document).toMatchSnapshot();
+  });
+
+  it("Move out of column list", () => {
+    getEditor().setTextCursorPosition("column-paragraph-0");
+
+    getEditor().moveBlocksUp();
+
+    expect(getEditor().document).toMatchSnapshot();
+  });
+
+  it("Move into previous column", () => {
+    getEditor().setTextCursorPosition("column-paragraph-2");
+
+    getEditor().moveBlocksUp();
+
+    expect(getEditor().document).toMatchSnapshot();
+  });
+});
+
+describe("Test moveBlocksDown", () => {
+  it("Move into column list", () => {
+    getEditor().setTextCursorPosition("paragraph-1");
+
+    getEditor().moveBlocksDown();
+
+    expect(getEditor().document).toMatchSnapshot();
+  });
+
+  it("Move out of column list", () => {
+    getEditor().setTextCursorPosition("column-paragraph-3");
+
+    getEditor().moveBlocksDown();
+
+    expect(getEditor().document).toMatchSnapshot();
+  });
+
+  it("Move into next column", () => {
+    getEditor().setTextCursorPosition("column-paragraph-1");
+
+    getEditor().moveBlocksDown();
+
+    expect(getEditor().document).toMatchSnapshot();
+  });
+});

package/src/test/commands/replaceBlocks.test.ts

@@ -5,9 +5,9 @@ import { setupTestEnv } from "../setupTestEnv.js";
 const getEditor = setupTestEnv();
 
 describe("Test replaceBlocks", () => {
-  it("Replace paragraph with column list above column list empty column list", () => {
+  it("Replace paragraph with column list above column list", () => {
     getEditor().replaceBlocks(
-      ["paragraph-0"],
+      ["paragraph-1"],
       [
         {
           type: "columnList",

package/src/test/commands/selection.test.ts

@@ -0,0 +1,25 @@
+import { describe, expect, it } from "vitest";
+
+import { setupTestEnv } from "../setupTestEnv.js";
+
+const getEditor = setupTestEnv();
+
+describe("Test getSelection & setSelection", () => {
+  it("Starts in column", () => {
+    getEditor().setSelection("column-paragraph-2", "paragraph-2");
+
+    expect(getEditor().getSelection()).toMatchSnapshot();
+  });
+
+  it("Ends in column", () => {
+    getEditor().setSelection("paragraph-1", "column-paragraph-1");
+
+    expect(getEditor().getSelection()).toMatchSnapshot();
+  });
+
+  it("Spans column list", () => {
+    getEditor().setSelection("paragraph-1", "paragraph-2");
+
+    expect(getEditor().getSelection()).toMatchSnapshot();
+  });
+});

package/src/test/setupTestEnv.ts

@@ -54,6 +54,11 @@ const testDocument: PartialBlock<
       },
     ],
   },
+  {
+    id: "paragraph-1",
+    type: "paragraph",
+    content: "Paragraph 1",
+  },
   {
     id: "column-list-0",
     type: "columnList",
@@ -92,6 +97,11 @@ const testDocument: PartialBlock<
       },
     ],
   },
+  {
+    id: "paragraph-2",
+    type: "paragraph",
+    content: "Paragraph 2",
+  },
   {
     id: "trailing-paragraph",
     type: "paragraph",

package/types/src/test/commands/moveBlocks.test.d.ts

@@ -0,0 +1 @@
+export {};

package/types/src/test/commands/selection.test.d.ts

@@ -0,0 +1 @@
+export {};