@dooherceg/tiptap-controlled-editor-with-table 0.0.3 → 0.0.4

package/dist/components/tiptap-templates/simple/simple-editor.d.ts

@@ -3,6 +3,7 @@ interface SimpleEditorProps extends Omit<Partial<EditorOptions>, "content"> {
     themeMode: "dark" | "light";
     content?: string;
     onContentChange?: (content: string) => void;
+    placeholder?: string;
 }
-export declare function SimpleEditor({ themeMode, content, onContentChange, }: SimpleEditorProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function SimpleEditor({ themeMode, content, onContentChange, placeholder, }: SimpleEditorProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/components/tiptap-templates/simple/simple-editor.js

@@ -171,14 +171,14 @@ import '../../../assets/simple-editor.css';var Me = /(?:^|\s)(==(?!\s+==)((?:[^=
     const { directions: t, minWidth: e, minHeight: r, alwaysPreserveAspectRatio: n } = this.options.resize;
     return ({ node: s, getPos: i, HTMLAttributes: a }) => {
       const o = document.createElement("img");
-      Object.entries(a).forEach(([d, u]) => {
-        if (u != null)
-          switch (d) {
+      Object.entries(a).forEach(([u, d]) => {
+        if (d != null)
+          switch (u) {
             case "width":
             case "height":
               break;
             default:
-              o.setAttribute(d, u);
+              o.setAttribute(u, d);
               break;
           }
       }), o.src = a.src;
@@ -186,17 +186,17 @@ import '../../../assets/simple-editor.css';var Me = /(?:^|\s)(==(?!\s+==)((?:[^=
         element: o,
         node: s,
         getPos: i,
-        onResize: (d, u) => {
-          o.style.width = `${d}px`, o.style.height = `${u}px`;
+        onResize: (u, d) => {
+          o.style.width = `${u}px`, o.style.height = `${d}px`;
         },
-        onCommit: (d, u) => {
+        onCommit: (u, d) => {
           const h = i();
           h !== void 0 && this.editor.chain().setNodeSelection(h).updateAttributes(this.name, {
-            width: d,
-            height: u
+            width: u,
+            height: d
           }).run();
         },
-        onUpdate: (d, u, h) => d.type === s.type,
+        onUpdate: (u, d, h) => u.type === s.type,
         options: {
           directions: t,
           min: {
@@ -405,11 +405,11 @@ var $ = (t, e) => {
     c.node().descendants((h, b) => {
       h.type.name === e && l.push({ node: h, pos: b });
     });
-    const d = l.at(-1);
-    if (!d)
+    const u = l.at(-1);
+    if (!u)
       return !1;
-    const u = t.state.doc.resolve(c.start() + d.pos + 1);
-    return t.chain().cut({ from: o.start() - 1, to: o.end() + 1 }, u.end()).joinForward().run();
+    const d = t.state.doc.resolve(c.start() + u.pos + 1);
+    return t.chain().cut({ from: o.start() - 1, to: o.end() + 1 }, d.end()).joinForward().run();
   }
   if (!_(t.state, e) || !St(t.state))
     return !1;
@@ -486,28 +486,28 @@ function _e(t) {
     if (!i)
       break;
     const [, a, o, c] = i, l = a.length;
-    let d = c, u = r + 1;
+    let u = c, d = r + 1;
     const h = [s];
-    for (; u < t.length; ) {
-      const b = t[u];
+    for (; d < t.length; ) {
+      const b = t[d];
       if (b.match(et))
         break;
       if (b.trim() === "")
-        h.push(b), d += `
-`, u += 1;
+        h.push(b), u += `
+`, d += 1;
       else if (b.match(De))
-        h.push(b), d += `
-${b.slice(l + 2)}`, u += 1;
+        h.push(b), u += `
+${b.slice(l + 2)}`, d += 1;
       else
         break;
     }
     e.push({
       indent: l,
       number: parseInt(o, 10),
-      content: d.trim(),
+      content: u.trim(),
       raw: h.join(`
 `)
-    }), n = u, r = u;
+    }), n = d, r = d;
   }
   return [e, n];
 }
@@ -525,16 +525,16 @@ function yt(t, e, r) {
         raw: c,
         tokens: r.inlineTokens(c)
       });
-      const d = o.slice(1).join(`
+      const u = o.slice(1).join(`
 `).trim();
-      if (d) {
-        const b = r.blockTokens(d);
+      if (u) {
+        const b = r.blockTokens(u);
         l.push(...b);
       }
-      let u = i + 1;
+      let d = i + 1;
       const h = [];
-      for (; u < t.length && t[u].indent > e; )
-        h.push(t[u]), u += 1;
+      for (; d < t.length && t[d].indent > e; )
+        h.push(t[d]), d += 1;
       if (h.length > 0) {
         const b = Math.min(...h.map((g) => g.indent)), f = yt(h, b, r);
         l.push({
@@ -550,7 +550,7 @@ function yt(t, e, r) {
         type: "list_item",
         raw: a.raw,
         tokens: l
-      }), i = u;
+      }), i = d;
     } else
       i += 1;
   }
@@ -769,16 +769,16 @@ var We = "listItem", rt = "textStyle", nt = /^(\d+)\.\s$/, je = L.create({
   },
   addNodeView() {
     return ({ node: t, HTMLAttributes: e, getPos: r, editor: n }) => {
-      const s = document.createElement("li"), i = document.createElement("label"), a = document.createElement("span"), o = document.createElement("input"), c = document.createElement("div"), l = (d) => {
-        var u, h;
-        o.ariaLabel = ((h = (u = this.options.a11y) == null ? void 0 : u.checkboxLabel) == null ? void 0 : h.call(u, d, o.checked)) || `Task item checkbox for ${d.textContent || "empty task item"}`;
+      const s = document.createElement("li"), i = document.createElement("label"), a = document.createElement("span"), o = document.createElement("input"), c = document.createElement("div"), l = (u) => {
+        var d, h;
+        o.ariaLabel = ((h = (d = this.options.a11y) == null ? void 0 : d.checkboxLabel) == null ? void 0 : h.call(d, u, o.checked)) || `Task item checkbox for ${u.textContent || "empty task item"}`;
       };
-      return l(t), i.contentEditable = "false", o.type = "checkbox", o.addEventListener("mousedown", (d) => d.preventDefault()), o.addEventListener("change", (d) => {
+      return l(t), i.contentEditable = "false", o.type = "checkbox", o.addEventListener("mousedown", (u) => u.preventDefault()), o.addEventListener("change", (u) => {
         if (!n.isEditable && !this.options.onReadOnlyChecked) {
           o.checked = !o.checked;
           return;
         }
-        const { checked: u } = d.target;
+        const { checked: d } = u.target;
         n.isEditable && typeof r == "function" && n.chain().focus(void 0, { scrollIntoView: !1 }).command(({ tr: h }) => {
           const b = r();
           if (typeof b != "number")
@@ -786,17 +786,17 @@ var We = "listItem", rt = "textStyle", nt = /^(\d+)\.\s$/, je = L.create({
           const f = h.doc.nodeAt(b);
           return h.setNodeMarkup(b, void 0, {
             ...f?.attrs,
-            checked: u
+            checked: d
           }), !0;
-        }).run(), !n.isEditable && this.options.onReadOnlyChecked && (this.options.onReadOnlyChecked(t, u) || (o.checked = !o.checked));
-      }), Object.entries(this.options.HTMLAttributes).forEach(([d, u]) => {
-        s.setAttribute(d, u);
-      }), s.dataset.checked = t.attrs.checked, o.checked = t.attrs.checked, i.append(o, a), s.append(i, c), Object.entries(e).forEach(([d, u]) => {
-        s.setAttribute(d, u);
+        }).run(), !n.isEditable && this.options.onReadOnlyChecked && (this.options.onReadOnlyChecked(t, d) || (o.checked = !o.checked));
+      }), Object.entries(this.options.HTMLAttributes).forEach(([u, d]) => {
+        s.setAttribute(u, d);
+      }), s.dataset.checked = t.attrs.checked, o.checked = t.attrs.checked, i.append(o, a), s.append(i, c), Object.entries(e).forEach(([u, d]) => {
+        s.setAttribute(u, d);
       }), {
         dom: s,
         contentDOM: c,
-        update: (d) => d.type !== this.type ? !1 : (s.dataset.checked = d.attrs.checked, o.checked = d.attrs.checked, l(d), !0)
+        update: (u) => u.type !== this.type ? !1 : (s.dataset.checked = u.attrs.checked, o.checked = u.attrs.checked, l(u), !0)
       };
     };
   },
@@ -1203,8 +1203,8 @@ C.create({
             return !0;
           if (s > n && i > n && i > s || !e.getMeta("paste"))
             return !1;
-          const o = e.selection.$head.pos, c = i - n, l = o - c, d = o;
-          return e.deleteRange(l, d), !(this.storage.characters({ node: e.doc }) > n);
+          const o = e.selection.$head.pos, c = i - n, l = o - c, u = o;
+          return e.deleteRange(l, u), !(this.storage.characters({ node: e.doc }) > n);
         }
       })
     ];
@@ -1283,7 +1283,7 @@ C.create({
     };
   }
 });
-C.create({
+var gr = C.create({
   name: "placeholder",
   addOptions() {
     return {
@@ -1308,10 +1308,10 @@ C.create({
             return t.descendants((a, o) => {
               const c = n >= o && n <= o + a.nodeSize, l = !a.isLeaf && $t(a);
               if ((c || !this.options.showOnlyCurrent) && l) {
-                const d = [this.options.emptyNodeClass];
-                i && d.push(this.options.emptyEditorClass);
-                const u = K.node(o, o + a.nodeSize, {
-                  class: d.join(" "),
+                const u = [this.options.emptyNodeClass];
+                i && u.push(this.options.emptyEditorClass);
+                const d = K.node(o, o + a.nodeSize, {
+                  class: u.join(" "),
                   "data-placeholder": typeof this.options.placeholder == "function" ? this.options.placeholder({
                     editor: this.editor,
                     node: a,
@@ -1319,7 +1319,7 @@ C.create({
                     hasAnchor: c
                   }) : this.options.placeholder
                 });
-                s.push(u);
+                s.push(d);
               }
               return this.options.includeChildren;
             }), B.create(t, s);
@@ -1328,8 +1328,7 @@ C.create({
       })
     ];
   }
-});
-var gr = C.create({
+}), br = C.create({
   name: "selection",
   addOptions() {
     return {
@@ -1372,9 +1371,9 @@ C.create({
       new H({
         key: e,
         appendTransaction: (s, i, a) => {
-          const { doc: o, tr: c, schema: l } = a, d = e.getState(a), u = o.content.size, h = l.nodes[r];
-          if (d)
-            return c.insert(u, h.create());
+          const { doc: o, tr: c, schema: l } = a, u = e.getState(a), d = o.content.size, h = l.nodes[r];
+          if (u)
+            return c.insert(d, h.create());
         },
         state: {
           init: (s, i) => {
@@ -1420,7 +1419,7 @@ C.create({
     };
   }
 });
-var br = L.create({
+var yr = L.create({
   name: "tableCell",
   addOptions() {
     return {
@@ -1461,7 +1460,7 @@ var br = L.create({
   renderHTML({ HTMLAttributes: t }) {
     return ["td", k(this.options.HTMLAttributes, t), 0];
   }
-}), yr = L.create({
+}), kr = L.create({
   name: "tableHeader",
   addOptions() {
     return {
@@ -1494,7 +1493,7 @@ var br = L.create({
   renderHTML({ HTMLAttributes: t }) {
     return ["th", k(this.options.HTMLAttributes, t), 0];
   }
-}), kr = L.create({
+}), Tr = L.create({
   name: "tableRow",
   addOptions() {
     return {
@@ -1516,10 +1515,10 @@ function j(t, e) {
 function it(t, e, r, n, s, i) {
   var a;
   let o = 0, c = !0, l = e.firstChild;
-  const d = t.firstChild;
-  if (d !== null)
-    for (let h = 0, b = 0; h < d.childCount; h += 1) {
-      const { colspan: f, colwidth: g } = d.child(h).attrs;
+  const u = t.firstChild;
+  if (u !== null)
+    for (let h = 0, b = 0; h < u.childCount; h += 1) {
+      const { colspan: f, colwidth: g } = u.child(h).attrs;
       for (let m = 0; m < f; m += 1, b += 1) {
         const T = s === b ? i : g && g[m], v = T ? `${T}px` : "";
         if (o += T || n, T || (c = !1), l) {
@@ -1538,10 +1537,10 @@ function it(t, e, r, n, s, i) {
     const h = l.nextSibling;
     (a = l.parentNode) == null || a.removeChild(l), l = h;
   }
-  const u = t.attrs.style && typeof t.attrs.style == "string" && /\bwidth\s*:/i.test(t.attrs.style);
-  c && !u ? (r.style.width = `${o}px`, r.style.minWidth = "") : (r.style.width = "", r.style.minWidth = `${o}px`);
+  const d = t.attrs.style && typeof t.attrs.style == "string" && /\bwidth\s*:/i.test(t.attrs.style);
+  c && !d ? (r.style.width = `${o}px`, r.style.minWidth = "") : (r.style.width = "", r.style.minWidth = `${o}px`);
 }
-var Tr = class {
+var Cr = class {
   constructor(t, e) {
     this.node = t, this.cellMinWidth = e, this.dom = document.createElement("div"), this.dom.className = "tableWrapper", this.table = this.dom.appendChild(document.createElement("table")), t.attrs.style && (this.table.style.cssText = t.attrs.style), this.colgroup = this.table.appendChild(document.createElement("colgroup")), it(t, this.colgroup, this.table, e), this.contentDOM = this.table.appendChild(document.createElement("tbody"));
   }
@@ -1553,13 +1552,13 @@ var Tr = class {
     return !!(r && !n && (t.type === "attributes" || t.type === "childList" || t.type === "characterData"));
   }
 };
-function Cr(t, e, r, n) {
+function Lr(t, e, r, n) {
   let s = 0, i = !0;
   const a = [], o = t.firstChild;
   if (!o)
     return {};
-  for (let u = 0, h = 0; u < o.childCount; u += 1) {
-    const { colspan: b, colwidth: f } = o.child(u).attrs;
+  for (let d = 0, h = 0; d < o.childCount; d += 1) {
+    const { colspan: b, colwidth: f } = o.child(d).attrs;
     for (let g = 0; g < b; g += 1, h += 1) {
       const m = r === h ? n : f && f[g];
       s += m || e, m || (i = !1);
@@ -1573,7 +1572,7 @@ function Cr(t, e, r, n) {
 function ot(t, e) {
   return t.createAndFill();
 }
-function Lr(t) {
+function wr(t) {
   if (t.cached.tableNodeTypes)
     return t.cached.tableNodeTypes;
   const e = {};
@@ -1582,13 +1581,13 @@ function Lr(t) {
     n.spec.tableRole && (e[n.spec.tableRole] = n);
   }), t.cached.tableNodeTypes = e, e;
 }
-function wr(t, e, r, n, s) {
-  const i = Lr(t), a = [], o = [];
+function vr(t, e, r, n, s) {
+  const i = wr(t), a = [], o = [];
   for (let l = 0; l < r; l += 1) {
-    const d = ot(i.cell);
-    if (d && o.push(d), n) {
-      const u = ot(i.header_cell);
-      u && a.push(u);
+    const u = ot(i.cell);
+    if (u && o.push(u), n) {
+      const d = ot(i.header_cell);
+      d && a.push(d);
     }
   }
   const c = [];
@@ -1596,12 +1595,12 @@ function wr(t, e, r, n, s) {
     c.push(i.row.createChecked(null, n && l === 0 ? a : o));
   return i.table.createChecked(null, c);
 }
-function vr(t) {
+function Mr(t) {
   return t instanceof pt;
 }
 var P = ({ editor: t }) => {
   const { selection: e } = t.state;
-  if (!vr(e))
+  if (!Mr(e))
     return !1;
   let r = 0;
   const n = Rt(e.ranges[0].$from, (i) => i.type.name === "table");
@@ -1610,13 +1609,13 @@ var P = ({ editor: t }) => {
       return !1;
     ["tableCell", "tableHeader"].includes(i.type.name) && (r += 1);
   }), r === e.ranges.length ? (t.commands.deleteTable(), !0) : !1;
-}, Mr = "";
-function xr(t) {
+}, xr = "";
+function Ar(t) {
   return (t || "").replace(/\s+/g, " ").trim();
 }
-function Ar(t, e, r = {}) {
+function Ir(t, e, r = {}) {
   var n;
-  const s = (n = r.cellLineSeparator) != null ? n : Mr;
+  const s = (n = r.cellLineSeparator) != null ? n : xr;
   if (!t || !t.content || t.content.length === 0)
     return "";
   const i = [];
@@ -1625,7 +1624,7 @@ function Ar(t, e, r = {}) {
     f.content && f.content.forEach((m) => {
       let T = "";
       m.content && Array.isArray(m.content) && m.content.length > 1 ? T = m.content.map((O) => e.renderChildren(O)).join(s) : T = m.content ? e.renderChildren(m.content) : "";
-      const v = xr(T), I = m.type === "tableHeader";
+      const v = Ar(T), I = m.type === "tableHeader";
       g.push({ text: v, isHeader: I });
     }), i.push(g);
   });
@@ -1640,18 +1639,18 @@ function Ar(t, e, r = {}) {
       v > o[m] && (o[m] = v), o[m] < 3 && (o[m] = 3);
     }
   });
-  const c = (f, g) => f + " ".repeat(Math.max(0, g - f.length)), l = i[0], d = l.some((f) => f.isHeader);
-  let u = `
+  const c = (f, g) => f + " ".repeat(Math.max(0, g - f.length)), l = i[0], u = l.some((f) => f.isHeader);
+  let d = `
 `;
-  const h = new Array(a).fill(0).map((f, g) => d && l[g] && l[g].text || "");
-  return u += `| ${h.map((f, g) => c(f, o[g])).join(" | ")} |
-`, u += `| ${o.map((f) => "-".repeat(Math.max(3, f))).join(" | ")} |
-`, (d ? i.slice(1) : i).forEach((f) => {
-    u += `| ${new Array(a).fill(0).map((g, m) => c(f[m] && f[m].text || "", o[m])).join(" | ")} |
+  const h = new Array(a).fill(0).map((f, g) => u && l[g] && l[g].text || "");
+  return d += `| ${h.map((f, g) => c(f, o[g])).join(" | ")} |
+`, d += `| ${o.map((f) => "-".repeat(Math.max(3, f))).join(" | ")} |
+`, (u ? i.slice(1) : i).forEach((f) => {
+    d += `| ${new Array(a).fill(0).map((g, m) => c(f[m] && f[m].text || "", o[m])).join(" | ")} |
 `;
-  }), u;
+  }), d;
 }
-var Ir = Ar, Sr = L.create({
+var Sr = Ir, Hr = L.create({
   name: "table",
   // @ts-ignore
   addOptions() {
@@ -1662,7 +1661,7 @@ var Ir = Ar, Sr = L.create({
       handleWidth: 5,
       cellMinWidth: 25,
       // TODO: fix
-      View: Tr,
+      View: Cr,
       lastColumnResizable: !0,
       allowTableNodeSelection: !1
     };
@@ -1675,7 +1674,7 @@ var Ir = Ar, Sr = L.create({
     return [{ tag: "table" }];
   },
   renderHTML({ node: t, HTMLAttributes: e }) {
-    const { colgroup: r, tableWidth: n, tableMinWidth: s } = Cr(t, this.options.cellMinWidth), i = e.style;
+    const { colgroup: r, tableWidth: n, tableMinWidth: s } = Lr(t, this.options.cellMinWidth), i = e.style;
     function a() {
       return i || (n ? `width: ${n}` : `min-width: ${s}`);
     }
@@ -1704,11 +1703,11 @@ var Ir = Ar, Sr = L.create({
       }), r.push(e.createNode("tableRow", {}, s));
     }), e.createNode("table", void 0, r);
   },
-  renderMarkdown: (t, e) => Ir(t, e),
+  renderMarkdown: (t, e) => Sr(t, e),
   addCommands() {
     return {
       insertTable: ({ rows: t = 3, cols: e = 3, withHeaderRow: r = !0 } = {}) => ({ tr: n, dispatch: s, editor: i }) => {
-        const a = wr(i.schema, t, e, r);
+        const a = vr(i.schema, t, e, r);
         if (s) {
           const o = n.selection.from + 1;
           n.replaceSelectionWith(a).scrollIntoView().setSelection(Pt.near(n.doc.resolve(o)));
@@ -1777,14 +1776,14 @@ var Ir = Ar, Sr = L.create({
       tableRole: dt(ct(t, "tableRole", e))
     };
   }
-}), Hr = C.create({
+}), Er = C.create({
   name: "tableKit",
   addExtensions() {
     const t = [];
-    return this.options.table !== !1 && t.push(Sr.configure(this.options.table)), this.options.tableCell !== !1 && t.push(br.configure(this.options.tableCell)), this.options.tableHeader !== !1 && t.push(yr.configure(this.options.tableHeader)), this.options.tableRow !== !1 && t.push(kr.configure(this.options.tableRow)), t;
+    return this.options.table !== !1 && t.push(Hr.configure(this.options.table)), this.options.tableCell !== !1 && t.push(yr.configure(this.options.tableCell)), this.options.tableHeader !== !1 && t.push(kr.configure(this.options.tableHeader)), this.options.tableRow !== !1 && t.push(Tr.configure(this.options.tableRow)), t;
   }
 });
-const Er = ({
+const $r = ({
   onHighlighterClick: t,
   onLinkClick: e,
   isMobile: r
@@ -1836,7 +1835,7 @@ const Er = ({
     } }) }),
     r && /* @__PURE__ */ p(A, {})
   ] });
-}, $r = ({
+}, Nr = ({
   type: t,
   onBack: e
 }) => /* @__PURE__ */ w(at, { children: [
@@ -1847,14 +1846,15 @@ const Er = ({
   /* @__PURE__ */ p(A, {}),
   t === "highlighter" ? /* @__PURE__ */ p(Te, {}) : /* @__PURE__ */ p(we, {})
 ] });
-function fn({
+function mn({
   themeMode: t,
   content: e,
-  onContentChange: r
+  onContentChange: r,
+  placeholder: n = ""
 }) {
-  const n = Ut(), { height: s } = Gt(), [i, a] = vt(
+  const s = Ut(), { height: i } = Gt(), [a, o] = vt(
     "main"
-  ), o = q(null), c = q(!1), l = Ct({
+  ), c = q(null), l = q(!1), u = Ct({
     immediatelyRender: !1,
     shouldRerenderOnTransaction: !1,
     editorProps: {
@@ -1883,59 +1883,62 @@ function fn({
       mr,
       Ve,
       Ke,
-      gr,
+      br,
       Qt.configure({
         accept: "image/*",
         maxSize: Yt,
         limit: 3,
         upload: Xt,
-        onError: (u) => console.error("Upload failed:", u)
+        onError: (h) => console.error("Upload failed:", h)
       }),
-      Hr.configure({
+      Er.configure({
         table: {
           resizable: !0
         }
+      }),
+      gr.configure({
+        placeholder: n
       })
     ],
     content: e,
-    onUpdate: ({ editor: u }) => {
-      if (!c.current && r) {
-        const h = u.getHTML();
-        r(h);
+    onUpdate: ({ editor: h }) => {
+      if (!l.current && r) {
+        const b = h.getHTML();
+        r(b);
       }
     }
   }), d = Ft({
-    editor: l,
-    overlayHeight: o.current?.getBoundingClientRect().height ?? 0
+    editor: u,
+    overlayHeight: c.current?.getBoundingClientRect().height ?? 0
   });
   return D(() => {
-    !n && i !== "main" && a("main");
-  }, [n, i]), D(() => {
-    l && e !== void 0 && l.getHTML() !== e && (c.current = !0, l.commands.setContent(e, { emitUpdate: !1 }), c.current = !1);
-  }, [e, l]), D(() => {
+    !s && a !== "main" && o("main");
+  }, [s, a]), D(() => {
+    u && e !== void 0 && u.getHTML() !== e && (l.current = !0, u.commands.setContent(e, { emitUpdate: !1 }), l.current = !1);
+  }, [e, u]), D(() => {
     document.documentElement.classList.toggle("dark", t === "dark");
-  }, [t]), l ? /* @__PURE__ */ p("div", { className: "simple-editor-wrapper", children: /* @__PURE__ */ w(Lt.Provider, { value: { editor: l }, children: [
+  }, [t]), u ? /* @__PURE__ */ p("div", { className: "simple-editor-wrapper", children: /* @__PURE__ */ w(Lt.Provider, { value: { editor: u }, children: [
     /* @__PURE__ */ p(
       he,
       {
-        ref: o,
+        ref: c,
         style: {
-          ...n ? {
-            bottom: `calc(100% - ${s - d.y}px)`
+          ...s ? {
+            bottom: `calc(100% - ${i - d.y}px)`
           } : {}
         },
-        children: i === "main" ? /* @__PURE__ */ p(
-          Er,
+        children: a === "main" ? /* @__PURE__ */ p(
+          $r,
           {
-            onHighlighterClick: () => a("highlighter"),
-            onLinkClick: () => a("link"),
-            isMobile: n
+            onHighlighterClick: () => o("highlighter"),
+            onLinkClick: () => o("link"),
+            isMobile: s
           }
         ) : /* @__PURE__ */ p(
-          $r,
+          Nr,
           {
-            type: i === "highlighter" ? "highlighter" : "link",
-            onBack: () => a("main")
+            type: a === "highlighter" ? "highlighter" : "link",
+            onBack: () => o("main")
           }
         )
       }
@@ -1944,7 +1947,7 @@ function fn({
     /* @__PURE__ */ p(
       wt,
       {
-        editor: l,
+        editor: u,
         role: "presentation",
         className: "simple-editor-content"
       }
@@ -1952,5 +1955,5 @@ function fn({
   ] }) }) : null;
 }
 export {
-  fn as SimpleEditor
+  mn as SimpleEditor
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@dooherceg/tiptap-controlled-editor-with-table",
   "private": false,
   "baseUrl": "./",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",