reactjs-tiptap-editor-pro 0.2.37 → 0.2.39

package/lib/index.js

@@ -12,7 +12,7 @@ import { Editor as si, makeDropdownToolbar as li } from "easydrawer";
 import ci from "katex";
 import $t from "mermaid";
 import di, { sticky as ui } from "tippy.js";
-function Gc() {
+function Uc() {
   var o;
   const e = ne({ editor: null }), [t, n] = I(!1), [r, i] = I(null);
   return R(() => {
@@ -1596,14 +1596,14 @@ function Hl({ editor: e, disabled: t, bubbleMenu: n }) {
     var o, s, c, l, d, f, u, h, m, g, y, x, A, _, E, b, v, T;
     return [
       r.includes("columns") && !((o = n == null ? void 0 : n.columnConfig) != null && o.hidden) ? /* @__PURE__ */ a(
-        bc,
+        xc,
         {
           editor: e
         },
         "columns"
       ) : null,
       r.includes("table") && !((s = n == null ? void 0 : n.tableConfig) != null && s.hidden) ? /* @__PURE__ */ a(
-        fc,
+        uc,
         {
           editor: e,
           items: (c = n == null ? void 0 : n.tableConfig) == null ? void 0 : c.items,
@@ -1612,7 +1612,7 @@ function Hl({ editor: e, disabled: t, bubbleMenu: n }) {
         "table"
       ) : null,
       r.includes("link") && !((d = n == null ? void 0 : n.linkConfig) != null && d.hidden) ? /* @__PURE__ */ a(
-        mc,
+        hc,
         {
           disabled: t,
           editor: e
@@ -1620,7 +1620,7 @@ function Hl({ editor: e, disabled: t, bubbleMenu: n }) {
         "link"
       ) : null,
       r.includes(hn.name) && !((f = n == null ? void 0 : n.imageConfig) != null && f.hidden) ? /* @__PURE__ */ a(
-        yc,
+        vc,
         {
           disabled: t,
           editor: e
@@ -1628,7 +1628,7 @@ function Hl({ editor: e, disabled: t, bubbleMenu: n }) {
         "image"
       ) : null,
       r.includes(mn.name) && !((u = n == null ? void 0 : n.imageGifConfig) != null && u.hidden) ? /* @__PURE__ */ a(
-        wc,
+        yc,
         {
           disabled: t,
           editor: e
@@ -1636,7 +1636,7 @@ function Hl({ editor: e, disabled: t, bubbleMenu: n }) {
         "imageGif"
       ) : null,
       r.includes("video") && !((h = n == null ? void 0 : n.videoConfig) != null && h.hidden) ? /* @__PURE__ */ a(
-        xc,
+        wc,
         {
           disabled: t,
           editor: e
@@ -1684,7 +1684,7 @@ function Hl({ editor: e, disabled: t, bubbleMenu: n }) {
         "content"
       ),
       (_ = n == null ? void 0 : n.textConfig) != null && _.hidden ? null : /* @__PURE__ */ a(
-        lc,
+        sc,
         {
           disabled: t,
           editor: e,
@@ -2663,11 +2663,6 @@ function ac(e) {
     }
   );
 }
-const sc = {
-  maxWidth: "auto",
-  zIndex: 20,
-  moveTransition: "transform 0.1s ease-out"
-};
 function ir({ item: e, disabled: t, editor: n }) {
   var i;
   const r = e.component;
@@ -2680,17 +2675,23 @@ function ir({ item: e, disabled: t, editor: n }) {
     }
   ) : /* @__PURE__ */ a(N, {});
 }
-function lc(e) {
-  const { t, lang: n } = D(), r = ({ editor: o }) => {
-    const { selection: s } = o.view.state, { $from: c, to: l } = s;
-    return c.pos === l ? !1 : s instanceof pn;
+function sc(e) {
+  const { t, lang: n } = D(), r = (o) => {
+    var f;
+    const { editor: s } = o, { selection: c } = s.view.state, { $from: l, to: d } = c;
+    return l.pos === d ? !1 : c instanceof pn || (((f = e.showShow) == null ? void 0 : f.call(e, o)) ?? !1);
   }, i = F(() => e.disabled || !(e != null && e.editor) ? [] : tr(e.editor, t, e.items).filter((o) => e.filterItem ? e.filterItem(o, e.editor) : !0), [e.disabled, e.editor, e.items, e.filterItem, n, t]);
   return /* @__PURE__ */ a(
     L,
     {
       editor: e == null ? void 0 : e.editor,
-      shouldShow: e.showShow ?? r,
-      tippyOptions: sc,
+      shouldShow: r,
+      tippyOptions: {
+        maxWidth: "auto",
+        zIndex: 20,
+        moveTransition: "transform 0.1s ease-out",
+        placement: "bottom"
+      },
       children: i != null && i.length ? /* @__PURE__ */ a("div", { className: "pointer-events-auto w-auto select-none rounded-sm !border border-neutral-200 bg-background px-3 py-2 shadow-sm transition-all dark:border-neutral-800", children: /* @__PURE__ */ a("div", { className: "relative flex h-[26px] flex-nowrap items-center justify-start gap-[4px] whitespace-nowrap", children: i == null ? void 0 : i.map((o, s) => (o == null ? void 0 : o.type) === "divider" ? /* @__PURE__ */ a(
         U,
         {
@@ -2719,7 +2720,7 @@ function ct({ children: e, vertical: t }) {
     }
   ) });
 }
-function cc({ editor: e, disabled: t }) {
+function lc({ editor: e, disabled: t }) {
   var c, l, d, f, u, h;
   const { t: n } = D(), r = O(
     ({ view: m, state: g, from: y }) => !g || !y ? !1 : vn({ editor: e, view: m, state: g, from: y }),
@@ -2789,7 +2790,7 @@ function cc({ editor: e, disabled: t }) {
     }
   );
 }
-function dc({ editor: e, disabled: t }) {
+function cc({ editor: e, disabled: t }) {
   var c, l, d, f, u, h;
   const { t: n } = D(), r = O(
     ({ view: m, state: g, from: y }) => g ? yn({ editor: e, view: m, state: g, from: y || 0 }) : !1,
@@ -2858,7 +2859,7 @@ function dc({ editor: e, disabled: t }) {
     }
   );
 }
-function uc({ editor: e, disabled: t, actions: n, ...r }) {
+function dc({ editor: e, disabled: t, actions: n, ...r }) {
   var y, x, A, _, E, b;
   const i = ({ editor: v, view: T, state: w, from: P }) => {
     const { selection: M } = v.view.state, { $from: k, to: S } = M;
@@ -2987,14 +2988,14 @@ function uc({ editor: e, disabled: t, actions: n, ...r }) {
     }
   );
 }
-function fc(e) {
+function uc(e) {
   return /* @__PURE__ */ p(N, { children: [
-    /* @__PURE__ */ a(uc, { ...e }),
-    /* @__PURE__ */ a(cc, { ...e }),
-    /* @__PURE__ */ a(dc, { ...e })
+    /* @__PURE__ */ a(dc, { ...e }),
+    /* @__PURE__ */ a(lc, { ...e }),
+    /* @__PURE__ */ a(cc, { ...e })
   ] });
 }
-function hc(e) {
+function fc(e) {
   const { t } = D();
   return /* @__PURE__ */ p("div", { className: "flex items-center gap-2 p-2 bg-white !border rounded-lg shadow-sm dark:bg-black border-neutral-200 dark:border-neutral-800", children: [
     /* @__PURE__ */ a(
@@ -3037,7 +3038,7 @@ function hc(e) {
     ] })
   ] });
 }
-function mc({ editor: e, disabled: t }) {
+function hc({ editor: e, disabled: t }) {
   const [n, r] = I(!1), i = F(() => {
     const { href: l } = e.getAttributes("link");
     return l;
@@ -3075,7 +3076,7 @@ function mc({ editor: e, disabled: t }) {
         }
       },
       children: t ? /* @__PURE__ */ a(N, {}) : /* @__PURE__ */ a(N, { children: n ? /* @__PURE__ */ a(jr, { onSetLink: s, editor: e }) : /* @__PURE__ */ a(
-        hc,
+        fc,
         {
           editor: e,
           onClear: c,
@@ -3112,21 +3113,21 @@ function ut({ item: e, disabled: t, editor: n }) {
     }
   ) }) : /* @__PURE__ */ a(N, {});
 }
-function gc(e) {
+function mc(e) {
   return e.type.name === hn.name;
 }
-function pc(e) {
+function gc(e) {
   return e.type.name === mn.name;
 }
-function vc(e) {
+function pc(e) {
   return e.type.name === Hr.name;
 }
-function yc(e) {
+function vc(e) {
   const { lang: t } = D(), n = ({ editor: i }) => {
     const { selection: o } = i.view.state, { $from: s, to: c } = o;
     let l = !1;
     return i.view.state.doc.nodesBetween(s.pos, c, (d) => {
-      if (gc(d))
+      if (mc(d))
         return l = !0, !1;
     }), l;
   }, r = F(() => e.disabled ? [] : Jl(e.editor), [e.disabled, e.editor, t]);
@@ -3148,12 +3149,12 @@ function yc(e) {
     }
   ) });
 }
-function wc(e) {
+function yc(e) {
   const { lang: t } = D(), n = ({ editor: i }) => {
     const { selection: o } = i.view.state, { $from: s, to: c } = o;
     let l = !1;
     return i.view.state.doc.nodesBetween(s.pos, c, (d) => {
-      if (pc(d))
+      if (gc(d))
         return l = !0, !1;
     }), l;
   }, r = F(() => e.disabled ? [] : Zl(e.editor), [e.disabled, e.editor, t]);
@@ -3175,12 +3176,12 @@ function wc(e) {
     }
   ) });
 }
-function xc(e) {
+function wc(e) {
   const { lang: t } = D(), n = ({ editor: i }) => {
     const { selection: o } = i.view.state, { $from: s, to: c } = o;
     let l = !1;
     return i.view.state.doc.nodesBetween(s.pos, c, (d) => {
-      if (vc(d))
+      if (pc(d))
         return l = !0, !1;
     }), l;
   }, r = F(() => e.disabled ? [] : tc(e.editor), [e.editor, e.disabled, t]);
@@ -3202,7 +3203,7 @@ function xc(e) {
     }
   ) });
 }
-function bc({ editor: e }) {
+function xc({ editor: e }) {
   const { t } = D(), n = O(() => e.isActive(Pt.name), [e]), r = O(() => Ae(Pt.name, e), [e]), i = O(() => e.chain().focus().addColBefore().run(), [e]), o = O(() => e.chain().focus().addColAfter().run(), [e]), s = O(() => e.chain().focus().deleteCol().run(), [e]);
   return /* @__PURE__ */ a(
     L,
@@ -3258,7 +3259,7 @@ function bc({ editor: e }) {
     }
   );
 }
-function Cc({ editor: e, extensions: t }) {
+function bc({ editor: e, extensions: t }) {
   const { t: n } = D(), r = F(() => {
     var i, o, s;
     return (s = (o = (i = t == null ? void 0 : t.find((c) => c.name === "base-kit")) == null ? void 0 : i.options) == null ? void 0 : o.characterCount) == null ? void 0 : s.limit;
@@ -3275,7 +3276,7 @@ function Cc({ editor: e, extensions: t }) {
     n("editor.characters")
   ] }) }) }) });
 }
-function Tc() {
+function Cc() {
   const { toasts: e } = Ur();
   return /* @__PURE__ */ p(Al, { children: [
     e.map(({ id: t, title: n, description: r, action: i, ...o }) => /* @__PURE__ */ p(
@@ -3296,7 +3297,7 @@ function Tc() {
     /* @__PURE__ */ a(qn, {})
   ] });
 }
-const Ac = `
+const Tc = `
 .reactjs-tiptap-editor, 
 .dialog-content {
   button,
@@ -3434,7 +3435,7 @@ div[data-tippy-root] {
     color: inherit;
   }
 }
-`, Sc = fr(({ children: e, id: t }) => {
+`, Ac = fr(({ children: e, id: t }) => {
   const [, n] = Vr((s) => s.value), [, r] = Kr((s) => s.value), i = (s) => {
     n({
       value: s.detail
@@ -3451,11 +3452,11 @@ div[data-tippy-root] {
     };
   }, []), /* @__PURE__ */ a(N, { children: e });
 });
-function Pc({ children: e, id: t }) {
-  return /* @__PURE__ */ a(Gr, { children: /* @__PURE__ */ a(Wr, { children: /* @__PURE__ */ a(Sc, { id: t, children: e }) }) });
+function Sc({ children: e, id: t }) {
+  return /* @__PURE__ */ a(Gr, { children: /* @__PURE__ */ a(Wr, { children: /* @__PURE__ */ a(Ac, { id: t, children: e }) }) });
 }
-const sn = "data-rc-order", ln = "data-rc-priority", _c = "rc-util-key", We = /* @__PURE__ */ new Map();
-function Nc(e, t) {
+const sn = "data-rc-order", ln = "data-rc-priority", Pc = "rc-util-key", We = /* @__PURE__ */ new Map();
+function _c(e, t) {
   if (!e)
     return !1;
   if (e.contains)
@@ -3469,12 +3470,12 @@ function Nc(e, t) {
   return !1;
 }
 function or({ mark: e } = {}) {
-  return e ? e.startsWith("data-") ? e : `data-${e}` : _c;
+  return e ? e.startsWith("data-") ? e : `data-${e}` : Pc;
 }
 function ft(e) {
   return e.attachTo ? e.attachTo : document.querySelector("head") || document.body;
 }
-function Ec(e) {
+function Nc(e) {
   return e === "queue" ? "prependQueue" : e ? "prepend" : "append";
 }
 function ar(e) {
@@ -3483,7 +3484,7 @@ function ar(e) {
   );
 }
 function sr(e, t = {}) {
-  const { csp: n, prepend: r, priority: i = 0 } = t, o = Ec(r), s = o === "prependQueue", c = document.createElement("style");
+  const { csp: n, prepend: r, priority: i = 0 } = t, o = Nc(r), s = o === "prependQueue", c = document.createElement("style");
   c.setAttribute(sn, o), s && i && c.setAttribute(ln, `${i}`), n != null && n.nonce && (c.nonce = n == null ? void 0 : n.nonce), c.innerHTML = e;
   const l = ft(t), { firstChild: d } = l;
   if (r) {
@@ -3506,28 +3507,28 @@ function lr(e, t = {}) {
   const n = ft(t);
   return ar(n).find((r) => r.getAttribute(or(t)) === e);
 }
-function $c(e, t = {}) {
+function Ec(e, t = {}) {
   const n = lr(e, t);
   n && n.remove();
 }
-function Oc(e, t) {
+function $c(e, t) {
   const n = We.get(e);
-  if (!n || !Nc(document, n)) {
+  if (!n || !_c(document, n)) {
     const r = sr("", t), { parentNode: i } = r;
     We.set(e, i), r.remove();
   }
 }
-function Rc(e, t, n = {}) {
+function Oc(e, t, n = {}) {
   var s, c, l;
   const r = ft(n);
-  Oc(r, n);
+  $c(r, n);
   const i = lr(t, n);
   if (i)
     return (s = n.csp) != null && s.nonce && i.nonce !== ((c = n.csp) == null ? void 0 : c.nonce) && (i.nonce = (l = n.csp) == null ? void 0 : l.nonce), i.innerHTML !== e && (i.innerHTML = e), i;
   const o = sr(e, n);
   return o.setAttribute(or(n), t), o;
 }
-function Ic(e, t) {
+function Rc(e, t) {
   const { content: n, extensions: r, useEditorOptions: i = {} } = e, o = mr(), s = F(() => {
     const u = nl(r, r, "name");
     return [...r.map((m) => {
@@ -3552,8 +3553,8 @@ function Ic(e, t) {
     document.documentElement.classList.toggle("dark", e.dark), Yr.setTheme(o, e.dark ? "dark" : "light");
   }, [e.dark]), R(() => {
     l == null || l.setEditable(!(e != null && e.disabled)), Jr.setDisable(o, !(e != null && e.disabled));
-  }, [l, e == null ? void 0 : e.disabled]), R(() => ((e == null ? void 0 : e.resetCSS) !== !1 && Rc(Ac, "react-tiptap-reset"), () => {
-    $c("react-tiptap-reset");
+  }, [l, e == null ? void 0 : e.disabled]), R(() => ((e == null ? void 0 : e.resetCSS) !== !1 && Oc(Tc, "react-tiptap-reset"), () => {
+    Ec("react-tiptap-reset");
   }), [e == null ? void 0 : e.resetCSS]);
   function d(u, h) {
     return e != null && e.removeDefaultWrapper ? h === "html" ? u.isEmpty ? "" : u.getHTML() : h === "json" ? u.isEmpty ? {} : u.getJSON() : h === "text" ? u.isEmpty ? "" : u.getText() : "" : h === "html" ? u.getHTML() : h === "json" ? u.getJSON() : h === "text" ? u.getText() : "";
@@ -3567,7 +3568,7 @@ function Ic(e, t) {
   const f = Zr(l, "characterCount");
   return l ? /* @__PURE__ */ p("div", { className: "reactjs-tiptap-editor", children: [
     /* @__PURE__ */ a(
-      Pc,
+      Sc,
       {
         id: o,
         children: /* @__PURE__ */ a(
@@ -3592,7 +3593,7 @@ function Ic(e, t) {
                 }
               ),
               f && /* @__PURE__ */ a(
-                Cc,
+                bc,
                 {
                   editor: l,
                   extensions: r
@@ -3611,13 +3612,13 @@ function Ic(e, t) {
         )
       }
     ),
-    /* @__PURE__ */ a(Tc, {})
+    /* @__PURE__ */ a(Cc, {})
   ] }) : /* @__PURE__ */ a(N, {});
 }
-const Wc = hr(Ic);
+const Gc = hr(Rc);
 export {
   C as ActionButton,
   L as BubbleMenu,
-  Wc as default,
-  Gc as useEditorState
+  Gc as default,
+  Uc as useEditorState
 };