@blocknote/xl-multi-column 0.35.0 → 0.36.1

package/dist/blocknote-xl-multi-column.js

@@ -4,7 +4,7 @@ var p = (o, e, t) => Y(o, typeof e != "symbol" ? e + "" : e, t);
 import { getNodeById as E, createStronglyTypedTiptapNode as R, createBlockSpecFromStronglyTypedTiptapNode as j, BlockNoteSchema as z, getBlockInfo as Z, nodeToBlock as S, UniqueID as q, getNearestBlockPos as $, insertOrUpdateBlock as O } from "@blocknote/core";
 import { Extension as J } from "@tiptap/core";
 import { Plugin as H, PluginKey as Q } from "prosemirror-state";
-import { DecorationSet as D, Decoration as B } from "prosemirror-view";
+import { DecorationSet as B, Decoration as D } from "prosemirror-view";
 import { dropPoint as ee } from "prosemirror-transform";
 import { jsx as T } from "react/jsx-runtime";
 import v from "react";
@@ -274,21 +274,21 @@ class ge {
       );
       if (!n)
         return { type: "default" };
-      const r = e.clientX, u = n.getBoundingClientRect(), c = r < u.left + this.RESIZE_MARGIN_WIDTH_PX ? "left" : r > u.right - this.RESIZE_MARGIN_WIDTH_PX ? "right" : "none", l = c === "left" ? n.previousElementSibling : c === "right" ? n.nextElementSibling : void 0;
+      const r = e.clientX, d = n.getBoundingClientRect(), c = r < d.left + this.RESIZE_MARGIN_WIDTH_PX ? "left" : r > d.right - this.RESIZE_MARGIN_WIDTH_PX ? "right" : "none", l = c === "left" ? n.previousElementSibling : c === "right" ? n.nextElementSibling : void 0;
       if (!l)
         return { type: "default" };
-      const i = c === "left" ? l : n, g = c === "left" ? n : l, a = i.getAttribute("data-id"), s = g.getAttribute("data-id"), d = E(a, this.view.state.doc), m = E(
+      const i = c === "left" ? l : n, g = c === "left" ? n : l, a = i.getAttribute("data-id"), s = g.getAttribute("data-id"), u = E(a, this.view.state.doc), m = E(
         s,
         this.view.state.doc
       );
-      if (!d || !m || !d.posBeforeNode)
+      if (!u || !m || !u.posBeforeNode)
         throw new Error("Column not found");
       return {
         type: "hover",
         leftColumn: {
           element: i,
           id: a,
-          ...d
+          ...u
         },
         rightColumn: {
           element: g,
@@ -305,7 +305,7 @@ class ge {
       if (t.type === "default")
         return;
       e.preventDefault();
-      const n = e.clientX, r = t.leftColumn.element.getBoundingClientRect().width, u = t.rightColumn.element.getBoundingClientRect().width, c = t.leftColumn.node.attrs.width, l = t.rightColumn.node.attrs.width;
+      const n = e.clientX, r = t.leftColumn.element.getBoundingClientRect().width, d = t.rightColumn.element.getBoundingClientRect().width, c = t.leftColumn.node.attrs.width, l = t.rightColumn.node.attrs.width;
       t = {
         type: "resize",
         startPos: n,
@@ -316,7 +316,7 @@ class ge {
         },
         rightColumn: {
           ...t.rightColumn,
-          widthPx: u,
+          widthPx: d,
           widthPercent: l
         }
       }, this.view.dispatch(
@@ -333,16 +333,16 @@ class ge {
       if (!t)
         return;
       if (t.type !== "resize") {
-        const a = this.getColumnHoverOrDefaultState(e), s = t.type === "default" && a.type === "default", d = t.type !== "default" && a.type !== "default" && t.leftColumn.id === a.leftColumn.id && t.rightColumn.id === a.rightColumn.id;
-        if (s || d || a.type === "hover" && ((g = (i = this.editor.sideMenu.view) == null ? void 0 : i.state) != null && g.show))
+        const a = this.getColumnHoverOrDefaultState(e), s = t.type === "default" && a.type === "default", u = t.type !== "default" && a.type !== "default" && t.leftColumn.id === a.leftColumn.id && t.rightColumn.id === a.rightColumn.id;
+        if (s || u || a.type === "hover" && ((g = (i = this.editor.sideMenu.view) == null ? void 0 : i.state) != null && g.show))
           return;
         this.view.dispatch(
           this.view.state.tr.setMeta(C, a)
         );
         return;
       }
-      const r = (e.clientX - t.startPos) * t.leftColumn.widthPercent, u = (t.leftColumn.widthPx + r) / t.leftColumn.widthPx - 1;
-      let c = t.leftColumn.widthPercent + u, l = t.rightColumn.widthPercent - u;
+      const r = (e.clientX - t.startPos) * t.leftColumn.widthPercent, d = (t.leftColumn.widthPx + r) / t.leftColumn.widthPx - 1;
+      let c = t.leftColumn.widthPercent + d, l = t.rightColumn.widthPercent - d;
       c < this.COLUMN_MIN_WIDTH_PERCENT ? (l -= this.COLUMN_MIN_WIDTH_PERCENT - c, c = this.COLUMN_MIN_WIDTH_PERCENT) : l < this.COLUMN_MIN_WIDTH_PERCENT && (c -= this.COLUMN_MIN_WIDTH_PERCENT - l, l = this.COLUMN_MIN_WIDTH_PERCENT), this.view.dispatch(
         this.view.state.tr.setNodeAttribute(
           t.leftColumn.posBeforeNode,
@@ -380,15 +380,15 @@ const be = (o) => new H({
     // resizing them or when the cursor is near their boundary.
     decorations: (e) => {
       const t = C.getState(e);
-      return !t || t.type === "default" ? D.empty : D.create(e.doc, [
-        B.node(
+      return !t || t.type === "default" ? B.empty : B.create(e.doc, [
+        D.node(
           t.leftColumn.posBeforeNode,
           t.leftColumn.posBeforeNode + t.leftColumn.node.nodeSize,
           {
             style: "box-shadow: 4px 0 0 #ccc; cursor: col-resize"
           }
         ),
-        B.node(
+        D.node(
           t.rightColumn.posBeforeNode,
           t.rightColumn.posBeforeNode + t.rightColumn.node.nodeSize,
           {
@@ -529,7 +529,7 @@ function Xe(o) {
       return new ke(t, o);
     },
     props: {
-      handleDrop(t, n, r, u) {
+      handleDrop(t, n, r, d) {
         const c = t.posAtCoords(ye(n));
         if (!c)
           throw new Error("Could not get event position");
@@ -537,7 +537,7 @@ function Xe(o) {
         let s = "regular";
         if (n.clientX <= a.left + a.width * k && (s = "left"), n.clientX >= a.right - a.width * k && (s = "right"), s === "regular")
           return !1;
-        const d = S(
+        const u = S(
           r.content.child(0),
           e.pmSchema
           // TODO: cache?
@@ -563,24 +563,24 @@ function Xe(o) {
           ), K = h.children.map((b) => ({
             ...b,
             children: b.children.filter(
-              (y) => y.id !== d.id
+              (y) => y.id !== u.id
             )
           })).filter((b) => b.children.length > 0).toSpliced(s === "left" ? x : x + 1, 0, {
             type: "column",
-            children: [d],
+            children: [u],
             props: {},
             content: void 0,
             id: q.options.generateID()
           });
-          e.removeBlocks([d]), e.updateBlock(h, {
+          e.getBlock(u.id) && e.removeBlocks([u]), e.updateBlock(h, {
             children: K
           });
         } else {
           const m = S(i.bnBlock.node, e.pmSchema);
-          if (m.id === d.id)
+          if (m.id === u.id)
             return;
-          const h = s === "left" ? [d, m] : [m, d];
-          e.removeBlocks([d]), e.replaceBlocks(
+          const h = s === "left" ? [u, m] : [m, u];
+          e.getBlock(u.id) && e.removeBlocks([u]), e.replaceBlocks(
             [m],
             [
               {
@@ -608,8 +608,8 @@ class ke {
     p(this, "timeout");
     p(this, "handlers");
     this.editorView = e, this.width = t.width ?? 1, this.color = t.color === !1 ? void 0 : t.color || "black", this.class = t.class, this.handlers = ["dragover", "dragend", "drop", "dragleave"].map((n) => {
-      const r = (u) => {
-        this[n](u);
+      const r = (d) => {
+        this[n](d);
       };
       return e.dom.addEventListener(
         n,
@@ -642,10 +642,10 @@ class ke {
       throw new Error("updateOverlay called with no cursor position");
     const e = this.editorView.state.doc.resolve(this.cursorPos.pos), t = !e.parent.inlineContent;
     let n;
-    const r = this.editorView.dom, u = r.getBoundingClientRect(), c = u.width / r.offsetWidth, l = u.height / r.offsetHeight;
+    const r = this.editorView.dom, d = r.getBoundingClientRect(), c = d.width / r.offsetWidth, l = d.height / r.offsetHeight;
     if (t) {
-      const s = e.nodeBefore, d = e.nodeAfter;
-      if (s || d)
+      const s = e.nodeBefore, u = e.nodeAfter;
+      if (s || u)
         if (this.cursorPos.position === "left" || this.cursorPos.position === "right") {
           const m = this.editorView.nodeDOM(this.cursorPos.pos);
           if (!m)
@@ -666,7 +666,7 @@ class ke {
           if (m) {
             const h = m.getBoundingClientRect();
             let f = s ? h.bottom : h.top;
-            s && d && (f = (f + this.editorView.nodeDOM(this.cursorPos.pos).getBoundingClientRect().top) / 2);
+            s && u && (f = (f + this.editorView.nodeDOM(this.cursorPos.pos).getBoundingClientRect().top) / 2);
             const w = this.width / 2 * l;
             this.cursorPos.position === "regular" && (n = {
               left: h.left,
@@ -678,10 +678,10 @@ class ke {
         }
     }
     if (!n) {
-      const s = this.editorView.coordsAtPos(this.cursorPos.pos), d = this.width / 2 * c;
+      const s = this.editorView.coordsAtPos(this.cursorPos.pos), u = this.width / 2 * c;
       n = {
-        left: s.left - d,
-        right: s.left + d,
+        left: s.left - u,
+        right: s.left + u,
         top: s.top,
         bottom: s.bottom
       };
@@ -695,8 +695,8 @@ class ke {
     if (!i || i === document.body && getComputedStyle(i).position === "static")
       g = -window.scrollX, a = -window.scrollY;
     else {
-      const s = i.getBoundingClientRect(), d = s.width / i.offsetWidth, m = s.height / i.offsetHeight;
-      g = s.left - i.scrollLeft * d, a = s.top - i.scrollTop * m;
+      const s = i.getBoundingClientRect(), u = s.width / i.offsetWidth, m = s.height / i.offsetHeight;
+      g = s.left - i.scrollLeft * u, a = s.top - i.scrollTop * m;
     }
     this.element.style.left = (n.left - g) / c + "px", this.element.style.top = (n.top - a) / l + "px", this.element.style.width = (n.right - n.left) / c + "px", this.element.style.height = (n.bottom - n.top) / l + "px";
   }
@@ -710,8 +710,8 @@ class ke {
     const t = this.editorView.posAtCoords({
       left: e.clientX,
       top: e.clientY
-    }), n = t && t.inside >= 0 && this.editorView.state.doc.nodeAt(t.inside), r = n && n.type.spec.disableDropCursor, u = typeof r == "function" ? r(this.editorView, t, e) : r;
-    if (t && !u) {
+    }), n = t && t.inside >= 0 && this.editorView.state.doc.nodeAt(t.inside), r = n && n.type.spec.disableDropCursor, d = typeof r == "function" ? r(this.editorView, t, e) : r;
+    if (t && !d) {
       let c = "regular", l = t.pos;
       const i = V(this.editorView.state, t), a = this.editorView.nodeDOM(i.posBeforeNode).getBoundingClientRect();
       if (e.clientX <= a.left + a.width * k && (c = "left", l = i.posBeforeNode), e.clientX >= a.right - a.width * k && (c = "right", l = i.posBeforeNode), c === "regular" && this.editorView.dragging && this.editorView.dragging.slice) {
@@ -754,9 +754,9 @@ function Pe(o, e) {
   if (o == null) return {};
   var t = Se(o, e), n, r;
   if (Object.getOwnPropertySymbols) {
-    var u = Object.getOwnPropertySymbols(o);
-    for (r = 0; r < u.length; r++)
-      n = u[r], !(e.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(o, n) && (t[n] = o[n]);
+    var d = Object.getOwnPropertySymbols(o);
+    for (r = 0; r < d.length; r++)
+      n = d[r], !(e.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(o, n) && (t[n] = o[n]);
   }
   return t;
 }
@@ -824,16 +824,16 @@ function U(o) {
   }, e.attr), U(e.child)));
 }
 function G(o) {
-  return (e) => /* @__PURE__ */ v.createElement(De, _({
+  return (e) => /* @__PURE__ */ v.createElement(Be, _({
     attr: P({}, o.attr)
   }, e), U(o.child));
 }
-function De(o) {
+function Be(o) {
   var e = (t) => {
     var {
       attr: n,
       size: r,
-      title: u
+      title: d
     } = o, c = Pe(o, _e), l = r || t.size || "1em", i;
     return t.className && (i = t.className), o.className && (i = (i ? i + " " : "") + o.className), /* @__PURE__ */ v.createElement("svg", _({
       stroke: "currentColor",
@@ -847,11 +847,11 @@ function De(o) {
       height: l,
       width: l,
       xmlns: "http://www.w3.org/2000/svg"
-    }), u && /* @__PURE__ */ v.createElement("title", null, u), o.children);
+    }), d && /* @__PURE__ */ v.createElement("title", null, d), o.children);
   };
   return I !== void 0 ? /* @__PURE__ */ v.createElement(I.Consumer, null, (t) => e(t)) : e(X);
 }
-function Be(o) {
+function De(o) {
   return G({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M3 3m0 1a1 1 0 0 1 1 -1h16a1 1 0 0 1 1 1v16a1 1 0 0 1 -1 1h-16a1 1 0 0 1 -1 -1zm9 -1v18" }, child: [] }] })(o);
 }
 function Te(o) {
@@ -865,7 +865,7 @@ function Ue(o) {
   return Ne(o) && e.push(
     {
       ...N(o).slash_menu.two_columns,
-      icon: /* @__PURE__ */ T(Be, { size: 18 }),
+      icon: /* @__PURE__ */ T(De, { size: 18 }),
       onItemClick: () => {
         O(o, {
           type: "columnList",