fix: BlockTypeSelect item filtering based on schema

examples/03-ui-components/03-formatting-toolbar-block-type-items/src/App.tsx

@@ -4,7 +4,7 @@ import { BlockNoteView } from "@blocknote/mantine";
 import "@blocknote/mantine/style.css";
 import {
   FormattingToolbarController,
-  blockTypeSelectItems,
+  getDefaultBlockTypeSelectItems,
   useCreateBlockNote,
   BlockTypeSelectItem,
   FormattingToolbar,
@@ -60,13 +60,12 @@ export default function App() {
             // Sets the items in the Block Type Select.
             blockTypeSelectItems={[
               // Gets the default Block Type Select items.
-              ...blockTypeSelectItems(editor.dictionary),
+              ...getDefaultBlockTypeSelectItems(editor),
               // Adds an item for the Alert block.
               {
                 name: "Alert",
                 type: "alert",
                 icon: RiAlertFill,
-                isSelected: (block) => block.type === "alert",
               } satisfies BlockTypeSelectItem,
             ]}
           />

examples/03-ui-components/13-custom-ui/src/MUIFormattingToolbar.tsx

@@ -1,6 +1,6 @@
 import { Block } from "@blocknote/core";
 import {
-  blockTypeSelectItems,
+  getDefaultBlockTypeSelectItems,
   useBlockNoteEditor,
   useEditorContentOrSelectionChange,
 } from "@blocknote/react";
@@ -122,16 +122,23 @@ function MUIBlockTypeSelect() {
 
   // Gets the default items for the select.
   const defaultBlockTypeSelectItems = useMemo(
-    () => blockTypeSelectItems(editor.dictionary),
+    () => getDefaultBlockTypeSelectItems(editor),
     [editor.dictionary],
   );
 
   // Gets the selected item.
   const selectedItem = useMemo(
     () =>
-      defaultBlockTypeSelectItems.find((item) =>
-        item.isSelected(block as any),
-      )!,
+      defaultBlockTypeSelectItems.find((item) => {
+        const typesMatch = item.type === block.type;
+        const propsMatch =
+          Object.entries(item.props || {}).filter(
+            ([propName, propValue]) =>
+              propValue !== (block as any).props[propName],
+          ).length === 0;
+
+        return typesMatch && propsMatch;
+      })!,
     [defaultBlockTypeSelectItems, block],
   );
 

examples/06-custom-schema/05-alert-block-full-ux/src/App.tsx

@@ -12,7 +12,7 @@ import {
   FormattingToolbar,
   FormattingToolbarController,
   SuggestionMenuController,
-  blockTypeSelectItems,
+  getDefaultBlockTypeSelectItems,
   getDefaultReactSlashMenuItems,
   useCreateBlockNote,
 } from "@blocknote/react";
@@ -93,13 +93,12 @@ export default function App() {
             // Sets the items in the Block Type Select.
             blockTypeSelectItems={[
               // Gets the default Block Type Select items.
-              ...blockTypeSelectItems(editor.dictionary),
+              ...getDefaultBlockTypeSelectItems(editor),
               // Adds an item for the Alert block.
               {
                 name: "Alert",
                 type: "alert",
                 icon: RiAlertFill,
-                isSelected: (block) => block.type === "alert",
               } satisfies BlockTypeSelectItem,
             ]}
           />

examples/06-custom-schema/07-configuring-blocks/src/App.tsx

@@ -30,7 +30,7 @@ export default function App() {
       {
         type: "paragraph",
         content:
-          "Notice how only heading levels 1-3 are avaiable, and toggle headings are not shown.",
+          "Notice how only heading levels 1-3 are available, and toggle headings are not shown.",
       },
       {
         type: "paragraph",