@blocknote/mantine 0.15.3 → 0.15.5

package/dist/blocknote-mantine.js

@@ -1,6 +1,6 @@
-import D, { forwardRef as R, useRef as Z, useEffect as Je, createContext as Br, useState as Yr, useCallback as fe, useContext as Ur } from "react";
+import D, { forwardRef as R, useRef as Z, useEffect as He, createContext as Br, useState as Yr, useCallback as fe, useContext as Ur } from "react";
 import { assertEmpty as p, isSafari as ve, mergeCSSClasses as Gr } from "@blocknote/core";
-import { elementOverflow as qe, useBlockNoteContext as Kr, usePrefersColorScheme as Hr, ComponentsContext as Jr, BlockNoteViewRaw as qr } from "@blocknote/react";
+import { elementOverflow as Je, useBlockNoteContext as Kr, usePrefersColorScheme as qr, ComponentsContext as Hr, BlockNoteViewRaw as Jr } from "@blocknote/react";
 import { Group as F, Loader as Xe, Menu as O, CheckIcon as Ze, Tabs as X, LoadingOverlay as Xr, Button as U, FileInput as Zr, TextInput as Qe, Popover as Qr, PopoverTarget as et, PopoverDropdown as rt, ActionIcon as er, Stack as me, Text as Q, Badge as tt, Tooltip as nt, MantineProvider as ot } from "@mantine/core";
 import { mergeRefs as te, useFocusWithin as at, useFocusTrap as it } from "@mantine/hooks";
 var be = { exports: {} }, B = {};
@@ -205,16 +205,16 @@ function lt() {
 ` + oe + e;
       }
     }
-    var ae = !1, H;
+    var ae = !1, q;
     {
       var hr = typeof WeakMap == "function" ? WeakMap : Map;
-      H = new hr();
+      q = new hr();
     }
     function ke(e, a) {
       if (!e || ae)
         return "";
       {
-        var s = H.get(e);
+        var s = q.get(e);
         if (s !== void 0)
           return s;
       }
@@ -269,7 +269,7 @@ function lt() {
                   if (E--, S--, S < 0 || m[E] !== P[S]) {
                     var C = `
 ` + m[E].replace(" at new ", " at ");
-                    return e.displayName && C.includes("<anonymous>") && (C = C.replace("<anonymous>", e.displayName)), typeof e == "function" && H.set(e, C), C;
+                    return e.displayName && C.includes("<anonymous>") && (C = C.replace("<anonymous>", e.displayName)), typeof e == "function" && q.set(e, C), C;
                   }
                 while (E >= 1 && S >= 0);
               break;
@@ -279,7 +279,7 @@ function lt() {
         ae = !1, ne.current = j, pr(), Error.prepareStackTrace = x;
       }
       var $ = e ? e.displayName || e.name : "", I = $ ? K($) : "";
-      return typeof e == "function" && H.set(e, I), I;
+      return typeof e == "function" && q.set(e, I), I;
     }
     function xr(e, a, s) {
       return ke(e, !1);
@@ -288,7 +288,7 @@ function lt() {
       var a = e.prototype;
       return !!(a && a.isReactComponent);
     }
-    function J(e, a, s) {
+    function H(e, a, s) {
       if (e == null)
         return "";
       if (typeof e == "function")
@@ -306,11 +306,11 @@ function lt() {
           case d:
             return xr(e.render);
           case w:
-            return J(e.type, a, s);
+            return H(e.type, a, s);
           case T: {
             var v = e, x = v._payload, j = v._init;
             try {
-              return J(j(x), a, s);
+              return H(j(x), a, s);
             } catch {
             }
           }
@@ -318,9 +318,9 @@ function lt() {
       return "";
     }
     var W = Object.prototype.hasOwnProperty, Pe = {}, _e = L.ReactDebugCurrentFrame;
-    function q(e) {
+    function J(e) {
       if (e) {
-        var a = e._owner, s = J(e.type, e._source, a ? a.type : null);
+        var a = e._owner, s = H(e.type, e._source, a ? a.type : null);
         _e.setExtraStackFrame(s);
       } else
         _e.setExtraStackFrame(null);
@@ -340,7 +340,7 @@ function lt() {
             } catch (E) {
               m = E;
             }
-            m && !(m instanceof Error) && (q(x), k("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", v || "React class", s, g, typeof m), q(null)), m instanceof Error && !(m.message in Pe) && (Pe[m.message] = !0, q(x), k("Failed %s type: %s", s, m.message), q(null));
+            m && !(m instanceof Error) && (J(x), k("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", v || "React class", s, g, typeof m), J(null)), m instanceof Error && !(m.message in Pe) && (Pe[m.message] = !0, J(x), k("Failed %s type: %s", s, m.message), J(null));
           }
       }
     }
@@ -469,7 +469,7 @@ function lt() {
     var le = L.ReactCurrentOwner, De = L.ReactDebugCurrentFrame;
     function A(e) {
       if (e) {
-        var a = e._owner, s = J(e.type, e._source, a ? a.type : null);
+        var a = e._owner, s = H(e.type, e._source, a ? a.type : null);
         De.setExtraStackFrame(s);
       } else
         De.setExtraStackFrame(null);
@@ -740,10 +740,13 @@ const rr = (r, n, t = !1) => {
   const { className: t, isSelected: o, onClick: i, item: u, id: f, ...c } = r;
   p(c);
   const d = Z(null);
-  return Je(() => {
+  return He(() => {
     if (!d.current || !o)
       return;
-    const b = qe(d.current);
+    const b = Je(
+      d.current,
+      document.querySelector(".bn-grid-suggestion-menu")
+    );
     b === "top" ? d.current.scrollIntoView(!0) : b === "bottom" && d.current.scrollIntoView(!1);
   }, [o]), /* @__PURE__ */ l.jsx(
     "div",
@@ -1178,10 +1181,13 @@ const ar = Br(void 0), St = R((r, n) => {
   const { className: t, isSelected: o, onClick: i, item: u, id: f, ...c } = r;
   p(c);
   const d = Z(null);
-  return Je(() => {
+  return He(() => {
     if (!d.current || !o)
       return;
-    const b = qe(d.current);
+    const b = Je(
+      d.current,
+      document.querySelector(".bn-suggestion-menu")
+    );
     b === "top" ? d.current.scrollIntoView(!0) : b === "bottom" && d.current.scrollIntoView(!1);
   }, [o]), /* @__PURE__ */ l.jsxs(
     F,
@@ -1302,7 +1308,7 @@ const ar = Br(void 0), St = R((r, n) => {
       }
     );
   }
-), Ht = (r) => /* @__PURE__ */ l.jsxs(me, { gap: 0, className: "bn-tooltip", children: [
+), qt = (r) => /* @__PURE__ */ l.jsxs(me, { gap: 0, className: "bn-tooltip", children: [
   /* @__PURE__ */ l.jsx(Q, { size: "sm", children: r.mainTooltip }),
   r.secondaryTooltip && /* @__PURE__ */ l.jsx(Q, { size: "xs", children: r.secondaryTooltip })
 ] }), Ke = R(
@@ -1324,7 +1330,7 @@ const ar = Br(void 0), St = R((r, n) => {
       {
         withinPortal: !1,
         label: /* @__PURE__ */ l.jsx(
-          Ht,
+          qt,
           {
             mainTooltip: i,
             secondaryTooltip: u
@@ -1370,7 +1376,7 @@ const ar = Br(void 0), St = R((r, n) => {
       }
     );
   }
-), Jt = R((r, n) => {
+), Ht = R((r, n) => {
   const { className: t, items: o, isDisabled: i, ...u } = r;
   p(u);
   const f = o.filter((c) => c.isSelected)[0];
@@ -1426,7 +1432,7 @@ const ar = Br(void 0), St = R((r, n) => {
   "#161616",
   "#0F0F0F",
   "#000000"
-], He = {
+], qe = {
   colors: {
     editor: {
       text: y[5],
@@ -1564,13 +1570,13 @@ const ar = Br(void 0), St = R((r, n) => {
       }
     }
   },
-  borderRadius: He.borderRadius,
-  fontFamily: He.fontFamily
-}, qt = {
+  borderRadius: qe.borderRadius,
+  fontFamily: qe.fontFamily
+}, Jt = {
   FormattingToolbar: {
     Root: Ge,
     Button: Ke,
-    Select: Jt
+    Select: Ht
   },
   FilePanel: {
     Root: Ot,
@@ -1626,7 +1632,7 @@ const ar = Br(void 0), St = R((r, n) => {
   // Removes button press effect
   activeClassName: ""
 }, on = (r) => {
-  const { className: n, theme: t, ...o } = r, i = Kr(), u = Hr(), f = (i == null ? void 0 : i.colorSchemePreference) || u, c = fe(
+  const { className: n, theme: t, ...o } = r, i = Kr(), u = qr(), f = (i == null ? void 0 : i.colorSchemePreference) || u, c = fe(
     (d) => {
       if (d && (ct(d), typeof t == "object")) {
         if ("light" in t && "dark" in t) {
@@ -1642,7 +1648,7 @@ const ar = Br(void 0), St = R((r, n) => {
     },
     [f, t]
   );
-  return /* @__PURE__ */ l.jsx(Jr.Provider, { value: qt, children: /* @__PURE__ */ l.jsx(
+  return /* @__PURE__ */ l.jsx(Hr.Provider, { value: Jt, children: /* @__PURE__ */ l.jsx(
     ot,
     {
       theme: Xt,
@@ -1650,7 +1656,7 @@ const ar = Br(void 0), St = R((r, n) => {
       getRootElement: () => {
       },
       children: /* @__PURE__ */ l.jsx(
-        qr,
+        Jr,
         {
           className: Gr("bn-mantine", n || ""),
           theme: typeof t == "object" ? void 0 : t,
@@ -1664,10 +1670,10 @@ const ar = Br(void 0), St = R((r, n) => {
 export {
   on as BlockNoteView,
   Be as applyBlockNoteCSSVariablesFromTheme,
-  qt as components,
+  Jt as components,
   nn as darkDefaultTheme,
   y as defaultColorScheme,
-  He as lightDefaultTheme,
+  qe as lightDefaultTheme,
   ct as removeBlockNoteCSSVariables
 };
 //# sourceMappingURL=blocknote-mantine.js.map