@blocknote/mantine 0.51.3 → 0.52.0

package/dist/webpack-stats.json

@@ -1 +1 @@
-{"builtAt":1779805061071,"assets":[{"name":"blocknote-mantine.cjs","size":18385},{"name":"blocknote-mantine.cjs.map","size":72011}],"chunks":[{"id":"ec22802","entry":true,"initial":true,"files":["blocknote-mantine.cjs"],"names":["blocknote-mantine"]}],"modules":[{"name":"./rolldown/runtime.js","size":1008,"chunks":["ec22802"]},{"name":"./src/BlockNoteTheme.ts","size":1876,"chunks":["ec22802"]},{"name":"./src/toolbar/ToolbarButton.tsx","size":2388,"chunks":["ec22802"]},{"name":"./src/badge/Badge.tsx","size":1389,"chunks":["ec22802"]},{"name":"./src/comments/Card.tsx","size":1250,"chunks":["ec22802"]},{"name":"./src/comments/Comment.tsx","size":2184,"chunks":["ec22802"]},{"name":"./src/comments/Editor.tsx","size":1086,"chunks":["ec22802"]},{"name":"./src/form/TextInput.tsx","size":834,"chunks":["ec22802"]},{"name":"./src/menu/Menu.tsx","size":3204,"chunks":["ec22802"]},{"name":"./src/menu/Button.tsx","size":680,"chunks":["ec22802"]},{"name":"./src/panel/Panel.tsx","size":1072,"chunks":["ec22802"]},{"name":"./src/panel/PanelButton.tsx","size":387,"chunks":["ec22802"]},{"name":"./src/panel/PanelFileInput.tsx","size":408,"chunks":["ec22802"]},{"name":"./src/panel/PanelTab.tsx","size":291,"chunks":["ec22802"]},{"name":"./src/panel/PanelTextInput.tsx","size":433,"chunks":["ec22802"]},{"name":"./src/popover/Popover.tsx","size":972,"chunks":["ec22802"]},{"name":"./src/sideMenu/SideMenu.tsx","size":355,"chunks":["ec22802"]},{"name":"./src/sideMenu/SideMenuButton.tsx","size":700,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenu.tsx","size":365,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuEmptyItem.tsx","size":478,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuItem.tsx","size":1836,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuLabel.tsx","size":336,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuLoader.tsx","size":417,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenu.tsx","size":435,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenuEmptyItem.tsx","size":561,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenuItem.tsx","size":818,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenuLoader.tsx","size":497,"chunks":["ec22802"]},{"name":"./src/tableHandle/ExtendButton.tsx","size":386,"chunks":["ec22802"]},{"name":"./src/tableHandle/TableHandle.tsx","size":458,"chunks":["ec22802"]},{"name":"./src/toolbar/Toolbar.tsx","size":605,"chunks":["ec22802"]},{"name":"./src/toolbar/ToolbarSelect.tsx","size":1628,"chunks":["ec22802"]},{"name":"./src/components.tsx","size":1446,"chunks":["ec22802"]},{"name":"./src/BlockNoteView.tsx","size":1940,"chunks":["ec22802"]},{"name":"./src/defaultThemes.ts","size":1952,"chunks":["ec22802"]},{"name":"./src/index.tsx","size":0,"chunks":["ec22802"]}]}
+{"builtAt":1784541414471,"assets":[{"name":"blocknote-mantine.cjs","size":21949},{"name":"blocknote-mantine.cjs.map","size":306940}],"chunks":[{"id":"ec22802","entry":true,"initial":true,"files":["blocknote-mantine.cjs"],"names":["blocknote-mantine"]}],"modules":[{"name":"./rolldown/runtime.js","size":1008,"chunks":["ec22802"]},{"name":"./src/BlockNoteTheme.ts","size":1876,"chunks":["ec22802"]},{"name":"./src/toolbar/ToolbarButton.tsx","size":2388,"chunks":["ec22802"]},{"name":"./src/badge/Badge.tsx","size":1389,"chunks":["ec22802"]},{"name":"./src/comments/Card.tsx","size":1250,"chunks":["ec22802"]},{"name":"./src/comments/Comment.tsx","size":2219,"chunks":["ec22802"]},{"name":"./src/comments/Editor.tsx","size":1095,"chunks":["ec22802"]},{"name":"./src/form/TextInput.tsx","size":834,"chunks":["ec22802"]},{"name":"./src/menu/Menu.tsx","size":3204,"chunks":["ec22802"]},{"name":"./src/menu/Button.tsx","size":680,"chunks":["ec22802"]},{"name":"./src/panel/Panel.tsx","size":1072,"chunks":["ec22802"]},{"name":"./src/panel/PanelButton.tsx","size":387,"chunks":["ec22802"]},{"name":"./src/panel/PanelFileInput.tsx","size":408,"chunks":["ec22802"]},{"name":"./src/panel/PanelTab.tsx","size":291,"chunks":["ec22802"]},{"name":"./src/panel/PanelTextInput.tsx","size":433,"chunks":["ec22802"]},{"name":"./src/popover/Popover.tsx","size":982,"chunks":["ec22802"]},{"name":"./src/sideMenu/SideMenu.tsx","size":355,"chunks":["ec22802"]},{"name":"./src/sideMenu/SideMenuButton.tsx","size":700,"chunks":["ec22802"]},{"name":"./src/attributionMarks/AttributionTooltip.tsx","size":486,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenu.tsx","size":365,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuEmptyItem.tsx","size":478,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuItem.tsx","size":1836,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuLabel.tsx","size":336,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuLoader.tsx","size":417,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenu.tsx","size":435,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenuEmptyItem.tsx","size":561,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenuItem.tsx","size":818,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenuLoader.tsx","size":508,"chunks":["ec22802"]},{"name":"./src/tableHandle/ExtendButton.tsx","size":386,"chunks":["ec22802"]},{"name":"./src/tableHandle/TableHandle.tsx","size":458,"chunks":["ec22802"]},{"name":"./src/toolbar/Toolbar.tsx","size":605,"chunks":["ec22802"]},{"name":"../../node_modules/.pnpm/react-icons@5.6.0_react@19.2.5/node_modules/react-icons/lib/iconContext.mjs","size":339,"chunks":["ec22802"]},{"name":"../../node_modules/.pnpm/react-icons@5.6.0_react@19.2.5/node_modules/react-icons/lib/iconBase.mjs","size":3702,"chunks":["ec22802"]},{"name":"../../node_modules/.pnpm/react-icons@5.6.0_react@19.2.5/node_modules/react-icons/hi/index.mjs","size":544,"chunks":["ec22802"]},{"name":"./src/toolbar/ToolbarSelect.tsx","size":1613,"chunks":["ec22802"]},{"name":"./src/versioning/Versioning.tsx","size":947,"chunks":["ec22802"]},{"name":"./src/components.tsx","size":1538,"chunks":["ec22802"]},{"name":"./src/BlockNoteView.tsx","size":1940,"chunks":["ec22802"]},{"name":"./src/defaultThemes.ts","size":1952,"chunks":["ec22802"]},{"name":"./src/index.tsx","size":0,"chunks":["ec22802"]}]}

package/package.json

@@ -11,7 +11,7 @@
     "directory": "packages/mantine"
   },
   "license": "MPL-2.0",
-  "version": "0.51.3",
+  "version": "0.52.0",
   "files": [
     "dist",
     "types",
@@ -54,23 +54,21 @@
     }
   },
   "dependencies": {
-    "@blocknote/core": "0.51.3",
-    "@blocknote/react": "0.51.3",
-    "react-icons": "^5.5.0"
+    "@blocknote/core": "^0.52.0",
+    "@blocknote/react": "^0.52.0"
   },
   "devDependencies": {
+    "react-icons": "^5.5.0",
     "@types/react": "^19.2.3",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
-    "eslint": "^8.57.1",
     "react": "^19.2.5",
     "react-dom": "^19.2.5",
     "rimraf": "^5.0.10",
     "rollup-plugin-webpack-stats": "^0.2.6",
     "typescript": "^5.9.3",
-    "vite": "^8.0.8",
-    "vite-plugin-eslint": "^1.8.1",
-    "vite-plugin-externalize-deps": "^0.10.0"
+    "vite-plugin-externalize-deps": "^0.10.0",
+    "vite-plus": "^0.1.24"
   },
   "peerDependencies": {
     "@mantine/core": "^8.3.11 || ^9.0.2",
@@ -78,16 +76,10 @@
     "react": "^18.0 || ^19.0 || >= 19.0.0-rc",
     "react-dom": "^18.0 || ^19.0 || >= 19.0.0-rc"
   },
-  "eslintConfig": {
-    "extends": [
-      "../../.eslintrc.json"
-    ]
-  },
   "scripts": {
-    "dev": "vite",
-    "build": "tsc && vite build",
-    "preview": "vite preview",
-    "lint": "eslint src --max-warnings 0",
+    "dev": "vp dev",
+    "preview": "vp preview",
+    "lint": "vp lint src",
     "clean": "rimraf dist && rimraf types"
   }
 }

package/src/attributionMarks/AttributionTooltip.tsx

@@ -0,0 +1,23 @@
+import { assertEmpty, mergeCSSClasses } from "@blocknote/core";
+import { ComponentProps } from "@blocknote/react";
+import { forwardRef } from "react";
+
+export const AttributionTooltip = forwardRef<
+  HTMLSpanElement,
+  ComponentProps["AttributionTooltip"]["Root"]
+>((props, ref) => {
+  const { className, markClassName, backgroundColor, children, ...rest } =
+    props;
+
+  assertEmpty(rest);
+
+  return (
+    <span
+      className={mergeCSSClasses(className || "", markClassName || "")}
+      style={markClassName ? undefined : { backgroundColor }}
+      ref={ref}
+    >
+      {children}
+    </span>
+  );
+});

package/src/comments/Comment.tsx

@@ -55,9 +55,9 @@ export const Comment = forwardRef<
   const {
     className,
     showActions,
-    authorInfo,
-    timeString,
-    edited,
+    authorInfo: _authorInfo,
+    timeString: _timeString,
+    edited: _edited,
     actions,
     emojiPickerOpen,
     children,

package/src/comments/Editor.tsx

@@ -13,8 +13,15 @@ export const Editor = forwardRef<
   HTMLDivElement,
   ComponentProps["Comments"]["Editor"]
 >((props, ref) => {
-  const { className, autoFocus, onFocus, onBlur, editor, editable, ...rest } =
-    props;
+  const {
+    className,
+    autoFocus,
+    onFocus,
+    onBlur,
+    editor: _editor,
+    editable,
+    ...rest
+  } = props;
 
   assertEmpty(rest, false);
 

package/src/components.tsx

@@ -21,6 +21,7 @@ import { PanelTextInput } from "./panel/PanelTextInput.js";
 import { Popover, PopoverContent, PopoverTrigger } from "./popover/Popover.js";
 import { SideMenu } from "./sideMenu/SideMenu.js";
 import { SideMenuButton } from "./sideMenu/SideMenuButton.js";
+import { AttributionTooltip } from "./attributionMarks/AttributionTooltip.js";
 import { SuggestionMenu } from "./suggestionMenu/SuggestionMenu.js";
 import { SuggestionMenuEmptyItem } from "./suggestionMenu/SuggestionMenuEmptyItem.js";
 import { SuggestionMenuItem } from "./suggestionMenu/SuggestionMenuItem.js";
@@ -35,6 +36,10 @@ import { TableHandle } from "./tableHandle/TableHandle.js";
 import { Toolbar } from "./toolbar/Toolbar.js";
 import { ToolbarButton } from "./toolbar/ToolbarButton.js";
 import { ToolbarSelect } from "./toolbar/ToolbarSelect.js";
+import {
+  Sidebar as VersioningSidebar,
+  Snapshot as VersioningSnapshot,
+} from "./versioning/Versioning.js";
 
 export const components: Components = {
   FormattingToolbar: {
@@ -71,6 +76,9 @@ export const components: Components = {
     Label: SuggestionMenuLabel,
     Loader: SuggestionMenuLoader,
   },
+  AttributionTooltip: {
+    Root: AttributionTooltip,
+  },
   TableHandle: {
     Root: TableHandle,
     ExtendButton: ExtendButton,
@@ -111,4 +119,8 @@ export const components: Components = {
     CardSection,
     ExpandSectionsPrompt,
   },
+  Versioning: {
+    Sidebar: VersioningSidebar,
+    Snapshot: VersioningSnapshot,
+  },
 };

package/src/popover/Popover.tsx

@@ -46,7 +46,7 @@ export const PopoverContent = forwardRef<
   const {
     className,
     children,
-    variant, // unused
+    variant: _variant, // unused
     ...rest
   } = props;
 

package/src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenuLoader.tsx

@@ -10,7 +10,7 @@ export const GridSuggestionMenuLoader = forwardRef<
 >((props, ref) => {
   const {
     className,
-    children, // unused, using "dots" instead
+    children: _children, // unused, using "dots" instead
     columns,
     ...rest
   } = props;

package/src/versioning/Versioning.tsx

@@ -0,0 +1,60 @@
+import { assertEmpty, mergeCSSClasses } from "@blocknote/core";
+import { ComponentProps } from "@blocknote/react";
+import { forwardRef } from "react";
+
+export const Sidebar = forwardRef<
+  HTMLDivElement,
+  ComponentProps["Versioning"]["Sidebar"]
+>((props, ref) => {
+  const { className, children, ...rest } = props;
+
+  assertEmpty(rest, false);
+
+  return (
+    <div className={mergeCSSClasses(className)} ref={ref}>
+      {children}
+    </div>
+  );
+});
+
+export const Snapshot = forwardRef<
+  HTMLDivElement,
+  ComponentProps["Versioning"]["Snapshot"]
+>((props, ref) => {
+  const {
+    className,
+    selected,
+    comparing,
+    onClick,
+    actions,
+    children,
+    ...rest
+  } = props;
+
+  assertEmpty(rest, false);
+
+  return (
+    <div
+      className={mergeCSSClasses(
+        className,
+        selected ? "selected" : "",
+        comparing ? "comparing" : "",
+      )}
+      onClick={onClick}
+      ref={ref}
+    >
+      {children}
+      {actions && (
+        // Isolate the actions area so clicks on the menu (trigger and items,
+        // which render inline rather than in a portal) don't bubble to the
+        // row's select handler.
+        <div
+          className={"bn-snapshot-menu"}
+          onClick={(event) => event.stopPropagation()}
+        >
+          {actions}
+        </div>
+      )}
+    </div>
+  );
+});

package/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

package/types/src/BlockNoteView.d.ts

@@ -7,4 +7,4 @@ export declare const BlockNoteView: <BSchema extends BlockSchema, ISchema extend
         light: Theme;
         dark: Theme;
     };
-}) => import("react/jsx-runtime.js").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/types/src/attributionMarks/AttributionTooltip.d.ts

@@ -0,0 +1,6 @@
+export declare const AttributionTooltip: import("react").ForwardRefExoticComponent<{
+    className?: string;
+    markClassName?: string;
+    backgroundColor?: string;
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLSpanElement>>;

package/types/src/comments/Comment.d.ts

@@ -1,7 +1,7 @@
 export declare const Comment: import("react").ForwardRefExoticComponent<{
     className?: string;
     children?: import("react").ReactNode;
-    authorInfo: "loading" | import("@blocknote/core/types/src/comments").User;
+    authorInfo: "loading" | import("@blocknote/core").User;
     timeString: string;
     edited: boolean;
     actions?: import("react").ReactNode;

package/types/src/versioning/Versioning.d.ts

@@ -0,0 +1,12 @@
+export declare const Sidebar: import("react").ForwardRefExoticComponent<{
+    className?: string;
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Snapshot: import("react").ForwardRefExoticComponent<{
+    className?: string;
+    selected?: boolean;
+    comparing?: boolean;
+    onClick?: () => void;
+    actions?: import("react").ReactNode;
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;