@blocknote/xl-multi-column 0.38.0 → 0.39.1

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

@@ -1,12 +1,12 @@
-var F = Object.defineProperty;
-var Y = (o, e, t) => e in o ? F(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-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 B, Decoration as D } from "prosemirror-view";
+var K = Object.defineProperty;
+var F = (o, e, t) => e in o ? K(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var p = (o, e, t) => F(o, typeof e != "symbol" ? e + "" : e, t);
+import { Extension as Y, Node as R } from "@tiptap/core";
+import { getNodeById as O, createBlockSpecFromTiptapNode as j, BlockNoteSchema as Z, getBlockInfo as q, nodeToBlock as x, UniqueID as $, getNearestBlockPos as J, insertOrUpdateBlock as B } from "@blocknote/core";
+import { Plugin as z, PluginKey as Q } from "prosemirror-state";
+import { DecorationSet as D, Decoration as S } from "prosemirror-view";
 import { dropPoint as ee } from "prosemirror-transform";
-import { jsx as T } from "react/jsx-runtime";
+import { jsx as N } from "react/jsx-runtime";
 import v from "react";
 const te = {
   slash_menu: {
@@ -251,7 +251,7 @@ const te = {
   vi: pe,
   zh: fe
 }, Symbol.toStringTag, { value: "Module" }));
-function N(o) {
+function T(o) {
   if (!o.dictionary.multi_column)
     throw new Error("Multi-column dictionary not found");
   return o.dictionary.multi_column;
@@ -277,7 +277,7 @@ class ge {
       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"), u = 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 = O(a, this.view.state.doc), m = O(
         s,
         this.view.state.doc
       );
@@ -373,22 +373,22 @@ class ge {
     this.view.dom.removeEventListener("mousedown", this.mouseDownHandler), document.body.removeEventListener("mousemove", this.mouseMoveHandler), document.body.removeEventListener("mouseup", this.mouseUpHandler);
   }
 }
-const be = (o) => new H({
+const be = (o) => new z({
   key: C,
   props: {
     // This adds a border between the columns when the user is
     // resizing them or when the cursor is near their boundary.
     decorations: (e) => {
       const t = C.getState(e);
-      return !t || t.type === "default" ? B.empty : B.create(e.doc, [
-        D.node(
+      return !t || t.type === "default" ? D.empty : D.create(e.doc, [
+        S.node(
           t.leftColumn.posBeforeNode,
           t.leftColumn.posBeforeNode + t.leftColumn.node.nodeSize,
           {
             style: "box-shadow: 4px 0 0 #ccc; cursor: col-resize"
           }
         ),
-        D.node(
+        S.node(
           t.rightColumn.posBeforeNode,
           t.rightColumn.posBeforeNode + t.rightColumn.node.nodeSize,
           {
@@ -406,12 +406,12 @@ const be = (o) => new H({
     }
   },
   view: (e) => new ge(o, e)
-}), we = (o) => J.create({
+}), we = (o) => Y.create({
   name: "columnResize",
   addProseMirrorPlugins() {
     return [be(o)];
   }
-}), Ce = R({
+}), Ce = R.create({
   name: "column",
   group: "bnBlock childContainer",
   // A block always contains content, and optionally a blockGroup which contains nested blocks
@@ -470,7 +470,7 @@ const be = (o) => new H({
   addExtensions() {
     return [we(this.options.editor)];
   }
-}), ve = R({
+}), ve = R.create({
   name: "columnList",
   group: "childContainer bnBlock blockGroupChild",
   // A block always contains content, and optionally a blockGroup which contains nested blocks
@@ -498,33 +498,41 @@ const be = (o) => new H({
       contentDOM: e
     };
   }
-}), W = j(Ce, {
-  width: {
-    default: 1
+}), H = j(
+  {
+    node: Ce,
+    type: "column",
+    content: "none"
+  },
+  {
+    width: {
+      default: 1
+    }
   }
-}), A = j(
-  ve,
+), W = j(
+  {
+    node: ve,
+    type: "columnList",
+    content: "none"
+  },
   {}
-), M = z.create({
+), M = Z.create({
   blockSpecs: {
-    column: W,
-    columnList: A
+    column: H,
+    columnList: W
   }
-}), Ve = (o) => z.create({
+}), Ve = (o) => o.extend({
   blockSpecs: {
-    ...o.blockSpecs,
-    column: W,
-    columnList: A
-  },
-  inlineContentSpecs: o.inlineContentSpecs,
-  styleSpecs: o.styleSpecs
+    column: H,
+    columnList: W
+  }
 }), k = 0.1;
 function ye(o) {
   return { left: o.clientX, top: o.clientY };
 }
 function Xe(o) {
   const e = o.editor;
-  return new H({
+  return new z({
     view(t) {
       return new ke(t, o);
     },
@@ -533,17 +541,17 @@ function Xe(o) {
         const c = t.posAtCoords(ye(n));
         if (!c)
           throw new Error("Could not get event position");
-        const l = V(t.state, c), i = Z(l), a = t.nodeDOM(l.posBeforeNode).getBoundingClientRect();
+        const l = A(t.state, c), i = q(l), a = t.nodeDOM(l.posBeforeNode).getBoundingClientRect();
         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 u = S(
+        const u = x(
           r.content.child(0),
           e.pmSchema
           // TODO: cache?
         );
         if (i.blockNoteType === "column") {
-          const m = t.state.doc.resolve(i.bnBlock.beforePos).node(), h = S(
+          const m = t.state.doc.resolve(i.bnBlock.beforePos).node(), h = x(
             m,
             e.pmSchema
           );
@@ -558,25 +566,25 @@ function Xe(o) {
               y.props.width = y.props.width * b;
             });
           }
-          const x = h.children.findIndex(
+          const E = h.children.findIndex(
             (b) => b.id === i.bnBlock.node.attrs.id
-          ), K = h.children.map((b) => ({
+          ), G = h.children.map((b) => ({
             ...b,
             children: b.children.filter(
               (y) => y.id !== u.id
             )
-          })).filter((b) => b.children.length > 0).toSpliced(s === "left" ? x : x + 1, 0, {
+          })).filter((b) => b.children.length > 0).toSpliced(s === "left" ? E : E + 1, 0, {
             type: "column",
             children: [u],
             props: {},
             content: void 0,
-            id: q.options.generateID()
+            id: $.options.generateID()
           });
           e.getBlock(u.id) && e.removeBlocks([u]), e.updateBlock(h, {
-            children: K
+            children: G
           });
         } else {
-          const m = S(i.bnBlock.node, e.pmSchema);
+          const m = x(i.bnBlock.node, e.pmSchema);
           if (m.id === u.id)
             return;
           const h = s === "left" ? [u, m] : [m, u];
@@ -713,7 +721,7 @@ class ke {
     }), 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();
+      const i = A(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) {
         const s = ee(
           this.editorView.state.doc,
@@ -735,24 +743,24 @@ class ke {
     (e.target === this.editorView.dom || !this.editorView.dom.contains(e.relatedTarget)) && this.setCursor(void 0);
   }
 }
-function V(o, e) {
-  const t = $(o.doc, e.pos);
+function A(o, e) {
+  const t = J(o.doc, e.pos);
   let n = o.doc.resolve(t.posBeforeNode);
   return n.parent.type.name === "column" && (n = o.doc.resolve(n.before())), {
     posBeforeNode: n.pos,
     node: n.nodeAfter
   };
 }
-var X = {
+var V = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, I = v.createContext && /* @__PURE__ */ v.createContext(X), _e = ["attr", "size", "title"];
+}, I = v.createContext && /* @__PURE__ */ v.createContext(V), _e = ["attr", "size", "title"];
 function Pe(o, e) {
   if (o == null) return {};
-  var t = Se(o, e), n, r;
+  var t = xe(o, e), n, r;
   if (Object.getOwnPropertySymbols) {
     var d = Object.getOwnPropertySymbols(o);
     for (r = 0; r < d.length; r++)
@@ -760,7 +768,7 @@ function Pe(o, e) {
   }
   return t;
 }
-function Se(o, e) {
+function xe(o, e) {
   if (o == null) return {};
   var t = {};
   for (var n in o)
@@ -794,21 +802,21 @@ function P(o) {
   for (var e = 1; e < arguments.length; e++) {
     var t = arguments[e] != null ? arguments[e] : {};
     e % 2 ? L(Object(t), !0).forEach(function(n) {
-      xe(o, n, t[n]);
+      Ee(o, n, t[n]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(t)) : L(Object(t)).forEach(function(n) {
       Object.defineProperty(o, n, Object.getOwnPropertyDescriptor(t, n));
     });
   }
   return o;
 }
-function xe(o, e, t) {
-  return e = Ee(e), e in o ? Object.defineProperty(o, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : o[e] = t, o;
+function Ee(o, e, t) {
+  return e = Oe(e), e in o ? Object.defineProperty(o, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : o[e] = t, o;
 }
-function Ee(o) {
-  var e = Oe(o, "string");
+function Oe(o) {
+  var e = Be(o, "string");
   return typeof e == "symbol" ? e : e + "";
 }
-function Oe(o, e) {
+function Be(o, e) {
   if (typeof o != "object" || !o) return o;
   var t = o[Symbol.toPrimitive];
   if (t !== void 0) {
@@ -818,17 +826,17 @@ function Oe(o, e) {
   }
   return (e === "string" ? String : Number)(o);
 }
-function U(o) {
+function X(o) {
   return o && o.map((e, t) => /* @__PURE__ */ v.createElement(e.tag, P({
     key: t
-  }, e.attr), U(e.child)));
+  }, e.attr), X(e.child)));
 }
-function G(o) {
-  return (e) => /* @__PURE__ */ v.createElement(Be, _({
+function U(o) {
+  return (e) => /* @__PURE__ */ v.createElement(De, _({
     attr: P({}, o.attr)
-  }, e), U(o.child));
+  }, e), X(o.child));
 }
-function Be(o) {
+function De(o) {
   var e = (t) => {
     var {
       attr: n,
@@ -849,25 +857,25 @@ function Be(o) {
       xmlns: "http://www.w3.org/2000/svg"
     }), 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 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);
+  return I !== void 0 ? /* @__PURE__ */ v.createElement(I.Consumer, null, (t) => e(t)) : e(V);
 }
-function Te(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 -1zm6 -1v18m6 -18v18" }, child: [] }] })(o);
+function Se(o) {
+  return U({ 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 Ne(o) {
+  return U({ 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 -1zm6 -1v18m6 -18v18" }, child: [] }] })(o);
+}
+function Te(o) {
   return "column" in o.schema.blockSchema && o.schema.blockSchema.columnList === M.blockSchema.columnList && "column" in o.schema.blockSchema && o.schema.blockSchema.column === M.blockSchema.column;
 }
 function Ue(o) {
   const e = [];
-  return Ne(o) && e.push(
+  return Te(o) && e.push(
     {
-      ...N(o).slash_menu.two_columns,
-      icon: /* @__PURE__ */ T(De, { size: 18 }),
+      ...T(o).slash_menu.two_columns,
+      icon: /* @__PURE__ */ N(Se, { size: 18 }),
       onItemClick: () => {
-        O(o, {
+        B(o, {
           type: "columnList",
           children: [
             {
@@ -891,10 +899,10 @@ function Ue(o) {
       }
     },
     {
-      ...N(o).slash_menu.three_columns,
-      icon: /* @__PURE__ */ T(Te, { size: 18 }),
+      ...T(o).slash_menu.three_columns,
+      icon: /* @__PURE__ */ N(Ne, { size: 18 }),
       onItemClick: () => {
-        O(o, {
+        B(o, {
           type: "columnList",
           children: [
             {
@@ -928,10 +936,10 @@ function Ue(o) {
   ), e;
 }
 export {
-  W as ColumnBlock,
-  A as ColumnListBlock,
-  Ne as checkMultiColumnBlocksInSchema,
-  N as getMultiColumnDictionary,
+  H as ColumnBlock,
+  W as ColumnListBlock,
+  Te as checkMultiColumnBlocksInSchema,
+  T as getMultiColumnDictionary,
   Ue as getMultiColumnSlashMenuItems,
   Ae as locales,
   Xe as multiColumnDropCursor,