@blocknote/mantine 0.15.2 → 0.15.4

package/dist/webpack-stats.json

@@ -1 +1 @@
-{"builtAt":1721314102613,"assets":[{"name":"blocknote-mantine.umd.cjs","size":31327},{"name":"blocknote-mantine.umd.cjs.map","size":359604}],"chunks":[{"id":"ec22802","entry":true,"initial":true,"files":["blocknote-mantine.umd.cjs"],"names":["index"]}],"modules":[{"name":"../../node_modules/react/jsx-runtime.js?commonjs-module","size":31,"chunks":["ec22802"]},{"name":"../../node_modules/react/cjs/react-jsx-runtime.production.min.js?commonjs-exports","size":40,"chunks":["ec22802"]},{"name":"../../node_modules/react/cjs/react-jsx-runtime.production.min.js","size":1200,"chunks":["ec22802"]},{"name":"../../node_modules/react/cjs/react-jsx-runtime.development.js?commonjs-exports","size":37,"chunks":["ec22802"]},{"name":"../../node_modules/react/cjs/react-jsx-runtime.development.js","size":43843,"chunks":["ec22802"]},{"name":"../../node_modules/react/jsx-runtime.js","size":225,"chunks":["ec22802"]},{"name":"./src/BlockNoteTheme.ts","size":2185,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenu.tsx","size":368,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenuEmptyItem.tsx","size":450,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenuItem.tsx","size":792,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenuLoader.tsx","size":392,"chunks":["ec22802"]},{"name":"../../node_modules/react-icons/lib/iconContext.mjs","size":251,"chunks":["ec22802"]},{"name":"../../node_modules/react-icons/lib/iconBase.mjs","size":4014,"chunks":["ec22802"]},{"name":"../../node_modules/react-icons/hi/index.mjs","size":744,"chunks":["ec22802"]},{"name":"./src/menu/Menu.tsx","size":4155,"chunks":["ec22802"]},{"name":"./src/panel/Panel.tsx","size":1057,"chunks":["ec22802"]},{"name":"./src/panel/PanelButton.tsx","size":352,"chunks":["ec22802"]},{"name":"./src/panel/PanelFileInput.tsx","size":374,"chunks":["ec22802"]},{"name":"./src/panel/PanelTab.tsx","size":216,"chunks":["ec22802"]},{"name":"./src/panel/PanelTextInput.tsx","size":399,"chunks":["ec22802"]},{"name":"./src/popover/Popover.tsx","size":759,"chunks":["ec22802"]},{"name":"./src/sideMenu/SideMenu.tsx","size":316,"chunks":["ec22802"]},{"name":"./src/sideMenu/SideMenuButton.tsx","size":787,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenu.tsx","size":314,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuEmptyItem.tsx","size":352,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuItem.tsx","size":1806,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuLabel.tsx","size":234,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuLoader.tsx","size":290,"chunks":["ec22802"]},{"name":"./src/tableHandle/TableHandle.tsx","size":459,"chunks":["ec22802"]},{"name":"./src/form/TextInput.tsx","size":582,"chunks":["ec22802"]},{"name":"./src/toolbar/Toolbar.tsx","size":569,"chunks":["ec22802"]},{"name":"./src/toolbar/ToolbarButton.tsx","size":2278,"chunks":["ec22802"]},{"name":"./src/toolbar/ToolbarSelect.tsx","size":1841,"chunks":["ec22802"]},{"name":"./src/style.css","size":0,"chunks":["ec22802"]},{"name":"./src/defaultThemes.ts","size":3405,"chunks":["ec22802"]},{"name":"./src/index.tsx","size":2710,"chunks":["ec22802"]}]}
+{"builtAt":1723137042847,"assets":[{"name":"blocknote-mantine.umd.cjs","size":31424},{"name":"blocknote-mantine.umd.cjs.map","size":359791}],"chunks":[{"id":"ec22802","entry":true,"initial":true,"files":["blocknote-mantine.umd.cjs"],"names":["index"]}],"modules":[{"name":"../../node_modules/react/jsx-runtime.js?commonjs-module","size":31,"chunks":["ec22802"]},{"name":"../../node_modules/react/cjs/react-jsx-runtime.production.min.js?commonjs-exports","size":40,"chunks":["ec22802"]},{"name":"../../node_modules/react/cjs/react-jsx-runtime.production.min.js","size":1200,"chunks":["ec22802"]},{"name":"../../node_modules/react/cjs/react-jsx-runtime.development.js?commonjs-exports","size":37,"chunks":["ec22802"]},{"name":"../../node_modules/react/cjs/react-jsx-runtime.development.js","size":43843,"chunks":["ec22802"]},{"name":"../../node_modules/react/jsx-runtime.js","size":225,"chunks":["ec22802"]},{"name":"./src/BlockNoteTheme.ts","size":2185,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenu.tsx","size":368,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenuEmptyItem.tsx","size":450,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenuItem.tsx","size":862,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenuLoader.tsx","size":392,"chunks":["ec22802"]},{"name":"../../node_modules/react-icons/lib/iconContext.mjs","size":251,"chunks":["ec22802"]},{"name":"../../node_modules/react-icons/lib/iconBase.mjs","size":4014,"chunks":["ec22802"]},{"name":"../../node_modules/react-icons/hi/index.mjs","size":744,"chunks":["ec22802"]},{"name":"./src/menu/Menu.tsx","size":4155,"chunks":["ec22802"]},{"name":"./src/panel/Panel.tsx","size":1057,"chunks":["ec22802"]},{"name":"./src/panel/PanelButton.tsx","size":352,"chunks":["ec22802"]},{"name":"./src/panel/PanelFileInput.tsx","size":374,"chunks":["ec22802"]},{"name":"./src/panel/PanelTab.tsx","size":216,"chunks":["ec22802"]},{"name":"./src/panel/PanelTextInput.tsx","size":399,"chunks":["ec22802"]},{"name":"./src/popover/Popover.tsx","size":759,"chunks":["ec22802"]},{"name":"./src/sideMenu/SideMenu.tsx","size":316,"chunks":["ec22802"]},{"name":"./src/sideMenu/SideMenuButton.tsx","size":787,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenu.tsx","size":314,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuEmptyItem.tsx","size":352,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuItem.tsx","size":1871,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuLabel.tsx","size":234,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuLoader.tsx","size":290,"chunks":["ec22802"]},{"name":"./src/tableHandle/TableHandle.tsx","size":459,"chunks":["ec22802"]},{"name":"./src/form/TextInput.tsx","size":582,"chunks":["ec22802"]},{"name":"./src/toolbar/Toolbar.tsx","size":569,"chunks":["ec22802"]},{"name":"./src/toolbar/ToolbarButton.tsx","size":2278,"chunks":["ec22802"]},{"name":"./src/toolbar/ToolbarSelect.tsx","size":1841,"chunks":["ec22802"]},{"name":"./src/style.css","size":0,"chunks":["ec22802"]},{"name":"./src/defaultThemes.ts","size":3405,"chunks":["ec22802"]},{"name":"./src/index.tsx","size":2710,"chunks":["ec22802"]}]}

package/package.json

@@ -6,7 +6,7 @@
     "*.css"
   ],
   "license": "MPL-2.0",
-  "version": "0.15.2",
+  "version": "0.15.4",
   "files": [
     "dist",
     "types",
@@ -51,8 +51,8 @@
     "clean": "rimraf dist && rimraf types"
   },
   "dependencies": {
-    "@blocknote/core": "^0.15.2",
-    "@blocknote/react": "^0.15.2",
+    "@blocknote/core": "^0.15.4",
+    "@blocknote/react": "^0.15.4",
     "@mantine/core": "^7.10.1",
     "@mantine/hooks": "^7.10.1",
     "@mantine/utils": "^6.0.21",
@@ -86,5 +86,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "448b99bcdf0ebb032f906da1ba549764d50b7ae2"
+  "gitHead": "74f4ec4061d3441930d146844785d77c03b05d08"
 }

package/src/style.css

@@ -300,6 +300,7 @@
   box-sizing: border-box;
   color: var(--bn-colors-menu-text);
   height: fit-content;
+  max-height: inherit;
   overflow-y: auto;
   padding: 2px;
 }
@@ -371,7 +372,7 @@
   gap: 7px;
   height: fit-content;
   justify-items: center;
-  max-height: min(500px, 100%);
+  max-height: inherit;
   overflow-y: auto;
   padding: 20px;
 }

package/src/suggestionMenu/SuggestionMenuItem.tsx

@@ -25,7 +25,10 @@ export const SuggestionMenuItem = forwardRef<
       return;
     }
 
-    const overflow = elementOverflow(itemRef.current);
+    const overflow = elementOverflow(
+      itemRef.current,
+      document.querySelector(".bn-suggestion-menu")!
+    );
 
     if (overflow === "top") {
       itemRef.current.scrollIntoView(true);

package/src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenuItem.tsx

@@ -19,7 +19,10 @@ export const GridSuggestionMenuItem = forwardRef<
       return;
     }
 
-    const overflow = elementOverflow(itemRef.current);
+    const overflow = elementOverflow(
+      itemRef.current,
+      document.querySelector(".bn-grid-suggestion-menu")!
+    );
 
     if (overflow === "top") {
       itemRef.current.scrollIntoView(true);

package/types/src/form/TextInput.d.ts

@@ -1,12 +1,13 @@
+/// <reference types="react" />
 export declare const TextInput: import("react").ForwardRefExoticComponent<{
-    className?: string;
+    className?: string | undefined;
     name: string;
-    label?: string;
+    label?: string | undefined;
     icon: import("react").ReactNode;
-    autoFocus?: boolean;
+    autoFocus?: boolean | undefined;
     placeholder: string;
     value: string;
     onKeyDown: (event: import("react").KeyboardEvent<HTMLInputElement>) => void;
     onChange: (event: import("react").ChangeEvent<HTMLInputElement>) => void;
-    onSubmit?: () => void;
+    onSubmit?: (() => void) | undefined;
 } & import("react").RefAttributes<HTMLInputElement>>;

package/types/src/index.d.ts

@@ -1,4 +1,4 @@
-import { BlockSchema, InlineContentSchema, StyleSchema } from "@blocknote/core";
+import { InlineContentSchema, StyleSchema } from "@blocknote/core";
 import { BlockNoteViewRaw, Components } from "@blocknote/react";
 import { ComponentProps } from "react";
 import { Theme } from "./BlockNoteTheme";
@@ -6,7 +6,7 @@ import "./style.css";
 export * from "./BlockNoteTheme";
 export * from "./defaultThemes";
 export declare const components: Components;
-export declare const BlockNoteView: <BSchema extends BlockSchema, ISchema extends InlineContentSchema, SSchema extends StyleSchema>(props: Omit<ComponentProps<typeof BlockNoteViewRaw<BSchema, ISchema, SSchema>>, "theme"> & {
+export declare const BlockNoteView: <BSchema extends Record<string, import("@blocknote/core").BlockConfig>, ISchema extends InlineContentSchema, SSchema extends StyleSchema>(props: Omit<ComponentProps<typeof BlockNoteViewRaw<BSchema, ISchema, SSchema>>, "theme"> & {
     theme?: "light" | "dark" | Theme | {
         light: Theme;
         dark: Theme;

package/types/src/menu/Menu.d.ts

@@ -1,23 +1,24 @@
+/// <reference types="react" />
 import { ComponentProps } from "@blocknote/react";
 export declare const Menu: (props: ComponentProps["Generic"]["Menu"]["Root"]) => import("react/jsx-runtime").JSX.Element;
 export declare const MenuItem: import("react").ForwardRefExoticComponent<{
-    className?: string;
+    className?: string | undefined;
     children?: import("react").ReactNode;
-    subTrigger?: boolean;
+    subTrigger?: boolean | undefined;
     icon?: import("react").ReactNode;
-    checked?: boolean;
-    onClick?: () => void;
+    checked?: boolean | undefined;
+    onClick?: (() => void) | undefined;
 } & import("react").RefAttributes<HTMLButtonElement & HTMLDivElement>>;
 export declare const MenuTrigger: (props: ComponentProps["Generic"]["Menu"]["Trigger"]) => import("react/jsx-runtime").JSX.Element;
 export declare const MenuDropdown: import("react").ForwardRefExoticComponent<{
-    className?: string;
+    className?: string | undefined;
     children?: import("react").ReactNode;
-    sub?: boolean;
+    sub?: boolean | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;
 export declare const MenuDivider: import("react").ForwardRefExoticComponent<{
-    className?: string;
+    className?: string | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;
 export declare const MenuLabel: import("react").ForwardRefExoticComponent<{
-    className?: string;
+    className?: string | undefined;
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/panel/Panel.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 export declare const Panel: import("react").ForwardRefExoticComponent<{
-    className?: string;
+    className?: string | undefined;
     tabs: {
         name: string;
         tabPanel: import("react").ReactNode;

package/types/src/panel/PanelButton.d.ts

@@ -1,9 +1,10 @@
+/// <reference types="react" />
 export declare const PanelButton: import("react").ForwardRefExoticComponent<({
-    className?: string;
+    className?: string | undefined;
     onClick: () => void;
 } & ({
     children: import("react").ReactNode;
-    label?: string;
+    label?: string | undefined;
 } | {
     children?: undefined;
     label: string;

package/types/src/panel/PanelFileInput.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 export declare const PanelFileInput: import("react").ForwardRefExoticComponent<{
-    className?: string;
+    className?: string | undefined;
     accept: string;
     value: File | null;
     placeholder: string;

package/types/src/panel/PanelTab.d.ts

@@ -1,4 +1,5 @@
+/// <reference types="react" />
 export declare const PanelTab: import("react").ForwardRefExoticComponent<{
-    className?: string;
+    className?: string | undefined;
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/panel/PanelTextInput.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 export declare const PanelTextInput: import("react").ForwardRefExoticComponent<{
-    className?: string;
+    className?: string | undefined;
     value: string;
     placeholder: string;
     onChange: (event: import("react").ChangeEvent<HTMLInputElement>) => void;
-    onKeyDown: (event: import("react").KeyboardEvent) => void;
+    onKeyDown: (event: import("react").KeyboardEvent<Element>) => void;
 } & import("react").RefAttributes<HTMLInputElement>>;

package/types/src/popover/Popover.d.ts

@@ -1,8 +1,9 @@
+/// <reference types="react" />
 import { ComponentProps } from "@blocknote/react";
 export declare const Popover: (props: ComponentProps["Generic"]["Popover"]["Root"]) => import("react/jsx-runtime").JSX.Element;
 export declare const PopoverTrigger: (props: ComponentProps["Generic"]["Popover"]["Trigger"]) => import("react/jsx-runtime").JSX.Element;
 export declare const PopoverContent: import("react").ForwardRefExoticComponent<{
-    className?: string;
+    className?: string | undefined;
     variant: "form-popover" | "panel-popover";
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/sideMenu/SideMenu.d.ts

@@ -1,4 +1,5 @@
+/// <reference types="react" />
 export declare const SideMenu: import("react").ForwardRefExoticComponent<{
-    className?: string;
+    className?: string | undefined;
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/sideMenu/SideMenuButton.d.ts

@@ -1,13 +1,14 @@
+/// <reference types="react" />
 export declare const SideMenuButton: import("react").ForwardRefExoticComponent<({
-    className?: string;
-    onClick?: (e: import("react").MouseEvent) => void;
+    className?: string | undefined;
+    onClick?: ((e: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
     icon?: import("react").ReactNode;
-    onDragStart?: (e: React.DragEvent) => void;
-    onDragEnd?: (e: React.DragEvent) => void;
-    draggable?: boolean;
+    onDragStart?: ((e: import("react").DragEvent<Element>) => void) | undefined;
+    onDragEnd?: ((e: import("react").DragEvent<Element>) => void) | undefined;
+    draggable?: boolean | undefined;
 } & ({
     children: import("react").ReactNode;
-    label?: string;
+    label?: string | undefined;
 } | {
     children?: undefined;
     label: string;

package/types/src/suggestionMenu/SuggestionMenu.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 export declare const SuggestionMenu: import("react").ForwardRefExoticComponent<{
     id: string;
-    className?: string;
+    className?: string | undefined;
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/suggestionMenu/SuggestionMenuEmptyItem.d.ts

@@ -1,4 +1,5 @@
+/// <reference types="react" />
 export declare const SuggestionMenuEmptyItem: import("react").ForwardRefExoticComponent<{
-    className?: string;
+    className?: string | undefined;
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/suggestionMenu/SuggestionMenuItem.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 export declare const SuggestionMenuItem: import("react").ForwardRefExoticComponent<{
-    className?: string;
+    className?: string | undefined;
     id: string;
     isSelected: boolean;
     onClick: () => void;

package/types/src/suggestionMenu/SuggestionMenuLabel.d.ts

@@ -1,4 +1,5 @@
+/// <reference types="react" />
 export declare const SuggestionMenuLabel: import("react").ForwardRefExoticComponent<{
-    className?: string;
+    className?: string | undefined;
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/suggestionMenu/SuggestionMenuLoader.d.ts

@@ -1,4 +1,5 @@
+/// <reference types="react" />
 export declare const SuggestionMenuLoader: import("react").ForwardRefExoticComponent<{
-    className?: string;
+    className?: string | undefined;
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenu.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 export declare const GridSuggestionMenu: import("react").ForwardRefExoticComponent<{
     id: string;
     columns: number;
-    className?: string;
+    className?: string | undefined;
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenuEmptyItem.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 export declare const GridSuggestionMenuEmptyItem: import("react").ForwardRefExoticComponent<{
     columns: number;
-    className?: string;
+    className?: string | undefined;
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenuItem.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 export declare const GridSuggestionMenuItem: import("react").ForwardRefExoticComponent<{
-    className?: string;
+    className?: string | undefined;
     id: string;
     isSelected: boolean;
     onClick: () => void;

package/types/src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenuLoader.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 export declare const GridSuggestionMenuLoader: import("react").ForwardRefExoticComponent<{
     columns: number;
-    className?: string;
+    className?: string | undefined;
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/tableHandle/TableHandle.d.ts

@@ -1,12 +1,13 @@
+/// <reference types="react" />
 export declare const TableHandle: import("react").ForwardRefExoticComponent<({
-    className?: string;
+    className?: string | undefined;
     draggable: boolean;
-    onDragStart: (e: React.DragEvent) => void;
+    onDragStart: (e: import("react").DragEvent<Element>) => void;
     onDragEnd: () => void;
-    style?: import("react").CSSProperties;
+    style?: import("react").CSSProperties | undefined;
 } & ({
     children: import("react").ReactNode;
-    label?: string;
+    label?: string | undefined;
 } | {
     children?: undefined;
     label: string;

package/types/src/toolbar/Toolbar.d.ts

@@ -1,9 +1,10 @@
+/// <reference types="react" />
 export declare const Toolbar: import("react").ForwardRefExoticComponent<{
-    className?: string;
+    className?: string | undefined;
     children?: import("react").ReactNode;
 } & {
-    className?: string;
+    className?: string | undefined;
     children?: import("react").ReactNode;
-    onMouseEnter?: () => void;
-    onMouseLeave?: () => void;
+    onMouseEnter?: (() => void) | undefined;
+    onMouseLeave?: (() => void) | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/toolbar/ToolbarButton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ComponentProps } from "@blocknote/react";
 export declare const TooltipContent: (props: {
     mainTooltip: string;

package/types/src/toolbar/ToolbarSelect.d.ts

@@ -1,11 +1,12 @@
+/// <reference types="react" />
 export declare const ToolbarSelect: import("react").ForwardRefExoticComponent<{
-    className?: string;
+    className?: string | undefined;
     items: {
         text: string;
         icon: import("react").ReactNode;
         onClick: () => void;
         isSelected: boolean;
-        isDisabled?: boolean;
+        isDisabled?: boolean | undefined;
     }[];
-    isDisabled?: boolean;
+    isDisabled?: boolean | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;