@blocknote/core 0.40.0 → 0.41.1

package/src/blocks/defaultBlocks.ts

@@ -3,11 +3,26 @@ import Code from "@tiptap/extension-code";
 import Italic from "@tiptap/extension-italic";
 import Strike from "@tiptap/extension-strike";
 import Underline from "@tiptap/extension-underline";
+import { COLORS_DEFAULT } from "../editor/defaultColors.js";
+import {
+  BlockNoDefaults,
+  BlockSchema,
+  InlineContentSchema,
+  InlineContentSpecs,
+  PartialBlockNoDefaults,
+  StyleSchema,
+  StyleSpecs,
+  createStyleSpec,
+  createStyleSpecFromTipTapMark,
+  getInlineContentSchemaFromSpecs,
+  getStyleSchemaFromSpecs,
+} from "../schema/index.js";
 import {
   createAudioBlockSpec,
   createBulletListItemBlockSpec,
   createCheckListItemBlockSpec,
   createCodeBlockSpec,
+  createDividerBlockSpec,
   createFileBlockSpec,
   createHeadingBlockSpec,
   createImageBlockSpec,
@@ -18,27 +33,14 @@ import {
   createVideoBlockSpec,
   defaultProps,
 } from "./index.js";
-import {
-  BlockNoDefaults,
-  BlockSchema,
-  InlineContentSchema,
-  InlineContentSpecs,
-  PartialBlockNoDefaults,
-  StyleSchema,
-  StyleSpecs,
-  createStyleSpec,
-  createStyleSpecFromTipTapMark,
-  getInlineContentSchemaFromSpecs,
-  getStyleSchemaFromSpecs,
-} from "../schema/index.js";
 import { createTableBlockSpec } from "./Table/block.js";
-import { COLORS_DEFAULT } from "../editor/defaultColors.js";
 
 export const defaultBlockSpecs = {
   audio: createAudioBlockSpec(),
   bulletListItem: createBulletListItemBlockSpec(),
   checkListItem: createCheckListItemBlockSpec(),
   codeBlock: createCodeBlockSpec(),
+  divider: createDividerBlockSpec(),
   file: createFileBlockSpec(),
   heading: createHeadingBlockSpec(),
   image: createImageBlockSpec(),

package/src/blocks/index.ts

@@ -1,6 +1,7 @@
 export * from "./Audio/block.js";
 export * from "./Audio/parseAudioElement.js";
 export * from "./Code/block.js";
+export * from "./Divider/block.js";
 export * from "./File/block.js";
 export * from "./Heading/block.js";
 export * from "./Image/block.js";

package/src/editor/Block.css

@@ -184,6 +184,14 @@ NESTED BLOCKS
   padding-left: 1em;
 }
 
+/* DIVIDERS */
+[data-content-type="divider"] hr {
+  border: none;
+  border-top: 1px solid rgb(125, 121, 122);
+  margin: 0.5em 0;
+  flex: 1;
+}
+
 /* LISTS */
 
 .bn-block-content::before {
@@ -232,21 +240,13 @@ NESTED BLOCKS
 }
 
 /* Checked */
-.bn-block-content[data-content-type="checkListItem"] > div {
-  display: flex;
-  width: 100%;
-}
-
-.bn-block-content[data-content-type="checkListItem"] > div > div {
-  display: flex;
-  justify-content: center;
-  min-width: 24px;
-  padding-right: 4px;
-}
-
-.bn-block-content[data-content-type="checkListItem"] > div > div > input {
-  margin: 0;
+.bn-block-content[data-content-type="checkListItem"] > input {
   cursor: pointer;
+  height: 24px;
+  margin-left: 4px;
+  margin-right: 8px;
+  margin-top: 0;
+  width: 12px;
 }
 
 .bn-block-content[data-content-type="checkListItem"][data-checked="true"]
@@ -263,12 +263,6 @@ NESTED BLOCKS
 }
 
 /* Toggle */
-.bn-block-content:has(.bn-toggle-wrapper) > div {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-
 .bn-block:has(
     > .bn-block-content > div > .bn-toggle-wrapper[data-show-children="false"]
   )

package/src/editor/BlockNoteEditor.test.ts

@@ -4,6 +4,7 @@ import {
   getNearestBlockPos,
 } from "../api/getBlockInfoFromPos.js";
 import { BlockNoteEditor } from "./BlockNoteEditor.js";
+import { BlockNoteExtension } from "./BlockNoteExtension.js";
 
 /**
  * @vitest-environment jsdom
@@ -102,3 +103,42 @@ it("block prop types", () => {
     expect(level).toBe(1);
   }
 });
+
+it("onMount and onUnmount", () => {
+  const editor = BlockNoteEditor.create();
+  let mounted = false;
+  let unmounted = false;
+  editor.onMount(() => {
+    mounted = true;
+  });
+  editor.onUnmount(() => {
+    unmounted = true;
+  });
+  editor.mount(document.createElement("div"));
+  expect(mounted).toBe(true);
+  expect(unmounted).toBe(false);
+  editor.unmount();
+  expect(mounted).toBe(true);
+  expect(unmounted).toBe(true);
+});
+
+it("onCreate event", () => {
+  let created = false;
+  BlockNoteEditor.create({
+    extensions: [
+      (e) =>
+        new (class extends BlockNoteExtension {
+          public static key() {
+            return "test";
+          }
+          constructor(editor: BlockNoteEditor) {
+            super(editor);
+            editor.onCreate(() => {
+              created = true;
+            });
+          }
+        })(e),
+    ],
+  });
+  expect(created).toBe(true);
+});