reactjs-tiptap-editor 0.4.2 → 1.0.1

package/lib/SlashCommand.js

@@ -1,305 +1,289 @@
-import { b as H, a as A } from "./dom-dataset-lYeH6gfI.js";
-import { E as S, a as O } from "./index-kbO3iWqL.js";
-import { S as B } from "./index-J3jHHZ4d.js";
-import { jsx as f, jsxs as v } from "react/jsx-runtime";
-import { forwardRef as $, useState as L, useRef as N, useImperativeHandle as D, useEffect as z, Fragment as V } from "react";
-import { d as P, f as T, O as U, Q as M, U as q, V as K, W as G } from "./RichTextEditor-DGcKEUGr.js";
-import { u as j, n as d } from "./index-LmrOdnen.js";
-function F(t, c) {
-  var p, y;
-  const [n, i] = L(0), [e, o] = L(0), l = N(null), { t: m } = j(), u = N([]);
-  D(c, () => ({
-    onKeyDown: h
-  })), z(() => {
-    if (!l.current)
+import { E as A } from "./index-DnWWK9F_.js";
+import { PluginKey as $ } from "@tiptap/pm/state";
+import { a as D } from "./index-DzcKxutn.js";
+import { S as O, u as b } from "./updatePosition-BPmcE0YD.js";
+import { jsx as h, jsxs as w, Fragment as V } from "react/jsx-runtime";
+import { forwardRef as B, useState as C, useRef as v, useImperativeHandle as P, useEffect as N, Fragment as z } from "react";
+import { c as T } from "./index-BPfVXs5_.js";
+import { I as F } from "./Icon-jKs8Hr6p.js";
+import { o as G, x as U, h as q, E as K, u as y } from "./index-DYkucCoF.js";
+import { a as M } from "./store-DX599H5W.js";
+const j = G([]);
+function R() {
+  const [t, n] = U(j);
+  return [t, n];
+}
+const W = {
+  setOpen: (t, n) => {
+    q(K.UPLOAD_VIDEO(t), n);
+  }
+};
+function _({ t }) {
+  const n = [
+    {
+      name: "format",
+      title: t("editor.slash.format"),
+      commands: []
+    },
+    {
+      name: "insert",
+      title: t("editor.slash.insert"),
+      commands: []
+    }
+  ];
+  return [1, 2, 3, 4, 5, 6].forEach((e) => {
+    n[0].commands.push({
+      name: `heading${e}`,
+      label: t(`editor.heading.h${e}.tooltip`),
+      aliases: [`h${e}`, "bt", `bt${e}`],
+      iconName: `Heading${e}`,
+      action: ({ editor: i, range: l }) => {
+        i.chain().focus().deleteRange(l).setHeading({ level: e }).run();
+      }
+    });
+  }), n[0].commands.push({
+    name: "bulletList",
+    label: t("editor.bulletlist.tooltip"),
+    aliases: ["ul", "yxlb"],
+    iconName: "List",
+    action: ({ editor: e, range: i }) => {
+      e.chain().focus().deleteRange(i).toggleBulletList().run();
+    }
+  }), n[0].commands.push({
+    name: "numberedList",
+    label: t("editor.orderedlist.tooltip"),
+    aliases: ["ol", "yxlb"],
+    iconName: "ListOrdered",
+    action: ({ editor: e, range: i }) => {
+      e.chain().focus().deleteRange(i).toggleOrderedList().run();
+    }
+  }), n[0].commands.push({
+    name: "taskList",
+    label: t("editor.tasklist.tooltip"),
+    iconName: "ListTodo",
+    description: "Task list with todo items",
+    aliases: ["todo"],
+    action: ({ editor: e, range: i }) => {
+      e.chain().focus().deleteRange(i).toggleTaskList().run();
+    }
+  }), n[0].commands.push({
+    name: "blockquote",
+    label: t("editor.blockquote.tooltip"),
+    description: "插入引入格式",
+    aliases: ["yr"],
+    iconName: "TextQuote",
+    action: ({ editor: e, range: i }) => {
+      e.chain().focus().deleteRange(i).setBlockquote().run();
+    }
+  }), n[0].commands.push({
+    name: "codeBlock",
+    label: t("editor.codeblock.tooltip"),
+    iconName: "Code2",
+    description: "Code block with syntax highlighting",
+    shouldBeHidden: (e) => e.isActive("columns"),
+    action: ({ editor: e, range: i }) => {
+      e.chain().focus().deleteRange(i).setCodeBlock().run();
+    }
+  }), n[1].commands.push({
+    name: "image",
+    label: t("editor.image.tooltip"),
+    iconName: "ImageUp",
+    description: "Insert a image",
+    aliases: ["image", "tp", "tupian"],
+    shouldBeHidden: (e) => e.isActive("columns"),
+    action: ({ editor: e, range: i }) => {
+      e.chain().focus().deleteRange(i).run(), M.setOpen(e.id, !0);
+    }
+  }), n[1].commands.push({
+    name: "video",
+    label: t("editor.video.tooltip"),
+    iconName: "Video",
+    description: "Insert a video",
+    aliases: ["video", "sp", "shipin"],
+    shouldBeHidden: (e) => e.isActive("columns"),
+    action: ({ editor: e, range: i }) => {
+      e.chain().focus().deleteRange(i).run(), W.setOpen(e.id, !0);
+    }
+  }), n[1].commands.push({
+    name: "table",
+    label: t("editor.table.tooltip"),
+    iconName: "Table",
+    description: "Insert a table",
+    aliases: ["table", "bg", "biaoge", "biao"],
+    shouldBeHidden: (e) => e.isActive("columns"),
+    action: ({ editor: e, range: i }) => {
+      e.chain().focus().deleteRange(i).insertTable({ rows: 3, cols: 3, withHeaderRow: !1 }).run();
+    }
+  }), n[1].commands.push({
+    name: "horizontalRule",
+    label: t("editor.horizontalrule.tooltip"),
+    iconName: "Minus",
+    description: "Insert a horizontal divider",
+    aliases: ["hr", "fgx", "fg"],
+    action: ({ editor: e, range: i }) => {
+      e.chain().focus().deleteRange(i).setHorizontalRule().run();
+    }
+  }), n[1].commands.push({
+    name: "columns",
+    label: t("editor.columns.tooltip"),
+    iconName: "Columns2",
+    description: "Add two column content",
+    action: ({ editor: e }) => {
+      e.chain().focus().insertColumns({ cols: 2 }).run();
+    }
+  }), n;
+}
+function J(t, n) {
+  return t.map((l) => ({
+    ...l,
+    commands: l.commands.filter((s) => {
+      const u = s.label.toLowerCase().trim(), m = n.toLowerCase().trim();
+      if (s.aliases) {
+        const x = s.aliases.map((d) => d.toLowerCase().trim()), a = u.match(m), f = x.some((d) => d.match(m));
+        return a || f;
+      }
+      return u.match(m);
+    })
+  })).filter((l) => l.commands.length > 0);
+}
+function X(t, n) {
+  const [e] = R(), [i, l] = C(0), [s, u] = C(0), m = v(null), { t: x } = y(), a = J(e, t.query), f = v([]);
+  P(n, () => ({
+    onKeyDown: d
+  })), N(() => {
+    if (!m.current)
       return;
-    const r = e * 1e3 + n, a = u.current[r];
-    a && a.scrollIntoView({
+    const r = s * 1e3 + i, o = f.current[r];
+    o && o.scrollIntoView({
       behavior: "smooth",
       block: "nearest"
     });
-  }, [n, e]);
-  function h({ event: r }) {
-    return r.key === "ArrowUp" ? (x(), !0) : r.key === "ArrowDown" ? (g(), !0) : r.key === "Enter" ? (C(), !0) : !1;
+  }, [i, s]);
+  function d({ event: r }) {
+    return r.key === "ArrowUp" ? (k(), !0) : r.key === "ArrowDown" ? (I(), !0) : r.key === "Enter" ? (L(), !0) : !1;
   }
-  function x() {
-    var s;
-    if (t.items.length === 0)
+  function k() {
+    var c;
+    if (a.length === 0)
       return !1;
-    let r = n - 1, a = e;
-    r < 0 && (a = e - 1, r = ((s = t.items[a]) == null ? void 0 : s.commands.length) - 1 || 0), a < 0 && (a = t.items.length - 1, r = t.items[a].commands.length - 1), i(r), o(a);
+    let r = i - 1, o = s;
+    r < 0 && (o = s - 1, r = ((c = a[o]) == null ? void 0 : c.commands.length) - 1 || 0), o < 0 && (o = a.length - 1, r = a[o].commands.length - 1), l(r), u(o);
   }
-  function g() {
-    if (t.items.length === 0)
+  function I() {
+    if (a.length === 0)
       return !1;
-    const r = t.items[e].commands;
-    let a = n + 1, s = e;
-    r.length - 1 < a && (a = 0, s = e + 1), t.items.length - 1 < s && (s = 0), i(a), o(s);
+    const r = a[s].commands;
+    let o = i + 1, c = s;
+    r.length - 1 < o && (o = 0, c = s + 1), a.length - 1 < c && (c = 0), l(o), u(c);
   }
-  function C() {
-    if (t.items.length === 0 || e === -1 || n === -1)
+  function L() {
+    if (a.length === 0 || s === -1 || i === -1)
       return !1;
-    b(e, n);
+    g(s, i);
   }
-  function b(r, a) {
-    const s = t.items[r].commands[a];
-    t.command(s), t != null && t.onClose && (t == null || t.onClose());
+  function g(r, o) {
+    const c = a[r].commands[o];
+    t == null || t.command(c);
   }
-  function R(r, a) {
-    b(r, a);
+  function S(r, o) {
+    g(r, o);
   }
-  function E(r, a, s) {
-    u.current[r * 1e3 + a] = s;
+  function E(r, o, c) {
+    f.current[r * 1e3 + o] = c;
   }
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ h(
     "div",
     {
-      className: "richtext-max-h-[min(80vh,24rem)] richtext-flex-wrap richtext-overflow-y-auto richtext-overflow-x-hidden  richtext-rounded-md  !richtext-border !richtext-border-[hsl(var(--richtext-border))] richtext-bg-popover richtext-p-1 richtext-text-popover-foreground richtext-shadow-md richtext-outline-none",
-      ref: l,
-      children: (p = t == null ? void 0 : t.items) != null && p.length ? /* @__PURE__ */ f("div", { className: "richtext-grid richtext-min-w-48 richtext-grid-cols-1 richtext-gap-0.5", children: (y = t == null ? void 0 : t.items) == null ? void 0 : y.map((r, a) => /* @__PURE__ */ v(V, { children: [
-        /* @__PURE__ */ f("div", { className: "richtext-col-[1/-1] richtext-mx-2 richtext-mt-2 richtext-select-none richtext-text-[0.65rem] richtext-font-semibold richtext-uppercase richtext-tracking-wider !richtext-text-neutral-500 first:richtext-mt-0.5", children: r.title }),
-        r.commands.map((s, w) => /* @__PURE__ */ v(
+      className: "richtext-max-h-[min(80vh,24rem)] richtext-flex-wrap richtext-overflow-y-auto richtext-overflow-x-hidden  richtext-rounded-md  !richtext-border !richtext-border-solid !richtext-border-[hsl(var(--richtext-border))] richtext-bg-popover richtext-p-1 richtext-text-popover-foreground richtext-shadow-md richtext-outline-none",
+      ref: m,
+      children: a != null && a.length ? /* @__PURE__ */ h("div", { className: "richtext-grid richtext-min-w-48 richtext-grid-cols-1 richtext-gap-0.5", children: a == null ? void 0 : a.map((r, o) => /* @__PURE__ */ w(z, { children: [
+        /* @__PURE__ */ h("div", { className: "richtext-col-[1/-1] richtext-mx-2 richtext-mt-2 richtext-select-none richtext-text-[0.65rem] richtext-font-semibold richtext-uppercase richtext-tracking-wider !richtext-text-neutral-500 first:richtext-mt-0.5", children: r.title }),
+        r.commands.map((c, p) => /* @__PURE__ */ w(
           "button",
           {
-            onClick: () => R(a, w),
-            ref: (I) => E(a, w, I),
-            className: P("richtext-flex richtext-items-center richtext-gap-3 richtext-px-2 richtext-py-1.5 richtext-text-sm !richtext-text-neutral-800 dark:!richtext-text-neutral-200 richtext-text-left richtext-w-full richtext-rounded-sm !richtext-outline-none !richtext-border-none richtext-transition-colors !richtext-bg-transparent hover:!richtext-bg-accent ", {
-              "bg-item-active": e === a && n === w
+            onClick: () => S(o, p),
+            ref: (H) => E(o, p, H),
+            className: T("richtext-flex richtext-items-center richtext-gap-3 richtext-px-2 richtext-py-1.5 richtext-text-sm !richtext-text-neutral-800 dark:!richtext-text-neutral-200 richtext-text-left richtext-w-full richtext-rounded-sm !richtext-outline-none !richtext-border-none richtext-transition-colors !richtext-bg-transparent hover:!richtext-bg-accent ", {
+              "bg-item-active": s === o && i === p
             }),
             children: [
-              s.iconUrl && /* @__PURE__ */ f(
+              c.iconUrl && /* @__PURE__ */ h(
                 "img",
                 {
                   alt: "",
                   className: "richtext-size-6",
-                  src: s.iconUrl
+                  src: c.iconUrl
                 }
               ),
-              s.iconName && /* @__PURE__ */ f(
-                T,
+              c.iconName && /* @__PURE__ */ h(
+                F,
                 {
                   className: "!richtext-mr-1 !richtext-text-lg",
-                  name: s.iconName
+                  name: c.iconName
                 }
               ),
-              s.label
+              c.label
             ]
           },
-          `command-${w}`
+          `command-${p}`
         ))
-      ] }, `slash-${r.title}`)) }) : /* @__PURE__ */ f("div", { className: "richtext-p-3", children: /* @__PURE__ */ f("span", { className: "richtext-text-xs richtext-text-gray-800 dark:richtext-text-gray-100", children: m("editor.slash.empty") }) })
+      ] }, `slash-${r.title}`)) }) : /* @__PURE__ */ h("div", { className: "richtext-p-3", children: /* @__PURE__ */ h("span", { className: "richtext-text-xs richtext-text-gray-800 dark:richtext-text-gray-100", children: x("editor.slash.empty") }) })
     }
   );
 }
-const Q = $(F), W = {
-  setOpen: (t, c) => {
-    U(M.UPLOAD_VIDEO(t), c);
-  }
-};
-function _(t, c) {
-  const n = [
-    {
-      name: "format",
-      title: d.t("editor.slash.format"),
-      commands: []
-    },
-    {
-      name: "insert",
-      title: d.t("editor.slash.insert"),
-      commands: []
+const Y = B(X);
+function ce({ commandList: t }) {
+  const [, n] = R(), { t: e } = y();
+  return N(() => {
+    if (!(t != null && t.length)) {
+      const i = _({ t: e });
+      n(i);
+      return;
     }
-  ];
-  return t.forEach((i) => {
-    i.name.toLowerCase() === "heading" && i.options.levels.forEach((e) => {
-      n[0].commands.push({
-        name: `heading${e}`,
-        //@ts-expect-error
-        label: d.t(`editor.heading.h${e}.tooltip`),
-        aliases: [`h${e}`, "bt", `bt${e}`],
-        iconName: `Heading${e}`,
-        action: ({ editor: o, range: l }) => {
-          o.chain().focus().deleteRange(l).setHeading({ level: e }).run();
-        }
-      });
-    }), i.name.toLowerCase() === "bulletlist" && n[0].commands.push({
-      name: "bulletList",
-      label: d.t("editor.bulletlist.tooltip"),
-      aliases: ["ul", "yxlb"],
-      iconName: "List",
-      action: ({ editor: e, range: o }) => {
-        e.chain().focus().deleteRange(o).toggleBulletList().run();
-      }
-    }), i.name.toLowerCase() === "orderedlist" && n[0].commands.push({
-      name: "numberedList",
-      label: d.t("editor.orderedlist.tooltip"),
-      aliases: ["ol", "yxlb"],
-      iconName: "ListOrdered",
-      action: ({ editor: e, range: o }) => {
-        e.chain().focus().deleteRange(o).toggleOrderedList().run();
-      }
-    }), i.name.toLowerCase() === "tasklist" && n[0].commands.push({
-      name: "taskList",
-      label: d.t("editor.tasklist.tooltip"),
-      iconName: "ListTodo",
-      description: "Task list with todo items",
-      aliases: ["todo"],
-      action: ({ editor: e, range: o }) => {
-        e.chain().focus().deleteRange(o).toggleTaskList().run();
-      }
-    }), i.name.toLowerCase() === "blockquote" && n[0].commands.push({
-      name: "blockquote",
-      label: d.t("editor.blockquote.tooltip"),
-      description: "插入引入格式",
-      aliases: ["yr"],
-      iconName: "TextQuote",
-      action: ({ editor: e, range: o }) => {
-        e.chain().focus().deleteRange(o).setBlockquote().run();
-      }
-    }), i.name.toLowerCase() === "codeblock" && n[0].commands.push({
-      name: "codeBlock",
-      label: d.t("editor.codeblock.tooltip"),
-      iconName: "Code2",
-      description: "Code block with syntax highlighting",
-      shouldBeHidden: (e) => e.isActive("columns"),
-      action: ({ editor: e, range: o }) => {
-        e.chain().focus().deleteRange(o).setCodeBlock().run();
-      }
-    }), i.name.toLowerCase() === q.name && n[1].commands.push({
-      name: "image",
-      label: d.t("editor.image.tooltip"),
-      iconName: "ImageUp",
-      description: "Insert a image",
-      aliases: ["image", "tp", "tupian"],
-      shouldBeHidden: (e) => e.isActive("columns"),
-      action: ({ editor: e, range: o }) => {
-        e.chain().focus().deleteRange(o).run(), K.setOpen(e.id, !0);
-      }
-    }), i.name.toLowerCase() === G.name && n[1].commands.push({
-      name: "video",
-      label: d.t("editor.video.tooltip"),
-      iconName: "Video",
-      description: "Insert a video",
-      aliases: ["video", "sp", "shipin"],
-      shouldBeHidden: (e) => e.isActive("columns"),
-      action: ({ editor: e, range: o }) => {
-        e.chain().focus().deleteRange(o).run(), W.setOpen(e.id, !0);
-      }
-    }), i.name.toLowerCase() === "table" && n[1].commands.push({
-      name: "table",
-      label: d.t("editor.table.tooltip"),
-      iconName: "Table",
-      description: "Insert a table",
-      aliases: ["table", "bg", "biaoge", "biao"],
-      shouldBeHidden: (e) => e.isActive("columns"),
-      action: ({ editor: e, range: o }) => {
-        e.chain().focus().deleteRange(o).insertTable({ rows: 3, cols: 3, withHeaderRow: !1 }).run();
-      }
-    }), i.name.toLowerCase() === "horizontalrule" && n[1].commands.push({
-      name: "horizontalRule",
-      label: d.t("editor.horizontalrule.tooltip"),
-      iconName: "Minus",
-      description: "Insert a horizontal divider",
-      aliases: ["hr", "fgx", "fg"],
-      action: ({ editor: e, range: o }) => {
-        e.chain().focus().deleteRange(o).setHorizontalRule().run();
-      }
-    }), i.name.toLowerCase() === "columns" && n[1].commands.push({
-      name: "columns",
-      label: d.t("editor.columns.tooltip"),
-      iconName: "Columns2",
-      description: "Add two column content",
-      action: ({ editor: e }) => {
-        e.chain().focus().insertColumns({ cols: 2 }).run();
-      }
-    }), c == null || c(i, n);
-  }), n;
+    n(t);
+  }, [e, t]), /* @__PURE__ */ h(V, {});
 }
-const k = "slashCommand", ie = /* @__PURE__ */ S.create({
-  name: k,
+const le = /* @__PURE__ */ A.create({
+  name: "richtextSlashCommand",
   priority: 200,
   addProseMirrorPlugins() {
     return [
-      B({
+      O({
         editor: this.editor,
         char: "/",
         allowSpaces: !0,
         startOfLine: !0,
-        pluginKey: new O(k),
-        allow: ({ state: t, range: c }) => {
-          var h, x, g;
-          const n = t.doc.resolve(c.from), i = n.depth === 1, e = n.parent.type.name === "paragraph", o = ((h = n.parent.textContent) == null ? void 0 : h.charAt(0)) === "/", l = this.editor.isActive("column"), m = (g = n.parent.textContent) == null ? void 0 : g.slice(
-            Math.max(0, (x = n.parent.textContent) == null ? void 0 : x.indexOf("/"))
-          ), u = !(m != null && m.endsWith("  "));
-          return (i && e && o || l && e && o) && u;
+        pluginKey: new $(`richtextCustomPlugin${this.name}`),
+        allow: ({ state: t, range: n }) => {
+          var a, f, d;
+          const e = t.doc.resolve(n.from), i = e.depth === 1, l = e.parent.type.name === "paragraph", s = ((a = e.parent.textContent) == null ? void 0 : a.charAt(0)) === "/", u = this.editor.isActive("column"), m = (d = e.parent.textContent) == null ? void 0 : d.slice(
+            Math.max(0, (f = e.parent.textContent) == null ? void 0 : f.indexOf("/"))
+          ), x = !(m != null && m.endsWith("  "));
+          return (i && l && s || u && l && s) && x;
         },
-        command: ({ editor: t, range: c, props: n }) => {
+        command: ({ editor: t, range: n, props: e }) => {
           const { view: i } = t;
-          n.action({ editor: t, range: c }), i.focus();
+          e.action({ editor: t, range: n }), i.focus();
         },
-        items: ({ query: t, editor: c }) => _(c.extensionManager.extensions, this.options.renderGroupItem).map((l) => ({
-          ...l,
-          commands: l.commands.filter((m) => {
-            const u = m.label.toLowerCase().trim(), h = t.toLowerCase().trim();
-            if (m.aliases) {
-              const x = m.aliases.map((b) => b.toLowerCase().trim()), g = u.match(h), C = x.some((b) => b.match(h));
-              return g || C;
-            }
-            return u.match(h);
-          }).filter(
-            (m) => m.shouldBeHidden ? !m.shouldBeHidden(this.editor) : !0
-          )
-        })).filter((l) => l.commands.length > 0).map((l) => ({
-          ...l,
-          commands: l.commands.map((m) => ({
-            ...m,
-            isEnabled: !0
-          }))
-        })),
         render: () => {
           let t;
-          function c(i) {
-            if (!t || !t.element)
-              return;
-            H({
-              getBoundingClientRect() {
-                return i;
-              }
-            }, t.element, {
-              placement: "bottom-start"
-            }).then((o) => {
-              Object.assign(t.element.style, {
-                left: `${o.x}px`,
-                top: `${o.y}px`,
-                position: o.strategy === "fixed" ? "fixed" : "absolute"
-              });
-            });
-          }
-          const n = () => {
-            t && (document.body.contains(t.element) && document.body.removeChild(t.element), t.destroy());
-          };
           return {
-            onStart: (i) => {
-              n(), t = new A(Q, {
-                props: {
-                  ...i,
-                  onClose: n
-                },
-                editor: i.editor
-              }), document.body.appendChild(t.element), c(i.clientRect());
+            onStart: (n) => {
+              n.clientRect && (t = new D(Y, {
+                props: n,
+                editor: n.editor
+              }), t.element.style.position = "absolute", document.body.appendChild(t.element), b(n.editor, t.element));
             },
-            onUpdate(i) {
-              t.updateProps(i), c(i.clientRect());
+            onUpdate(n) {
+              t.updateProps(n), n.clientRect && b(n.editor, t.element);
             },
-            onKeyDown(i) {
+            onKeyDown(n) {
               var e;
-              return i.event.key === "Escape" ? (document.body.removeChild(t.element), t.destroy(), !0) : (e = t.ref) == null ? void 0 : e.onKeyDown(i);
+              return n.event.key === "Escape" ? (t.destroy(), t.element.remove(), !0) : (e = t.ref) == null ? void 0 : e.onKeyDown(n);
+            },
+            onExit() {
+              t.destroy(), t.element.remove();
             }
-            // onExit() {
-            //   if (document.body.contains(component.element)) {
-            //     document.body.removeChild(component.element);
-            //   }
-            //   component.destroy();
-            // },
           };
         }
       })
@@ -319,6 +303,8 @@ const k = "slashCommand", ie = /* @__PURE__ */ S.create({
   }
 });
 export {
-  ie as SlashCommand,
-  ie as default
+  le as SlashCommand,
+  ce as SlashCommandList,
+  _ as renderCommandListDefault,
+  J as useFilterCommandList
 };

package/lib/Strike.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-DF2Lp4HZ.cjs"),i=require("./RichTextEditor-CxvwGvQG.cjs");var o=/(?:^|\s)(~~(?!\s+~~)((?:[^~]+))~~(?!\s+~~))$/,a=/(?:^|\s)(~~(?!\s+~~)((?:[^~]+))~~(?!\s+~~))/g,u=r.Mark.create({name:"strike",addOptions(){return{HTMLAttributes:{}}},parseHTML(){return[{tag:"s"},{tag:"del"},{tag:"strike"},{style:"text-decoration",consuming:!1,getAttrs:t=>t.includes("line-through")?{}:!1}]},renderHTML({HTMLAttributes:t}){return["s",r.mergeAttributes(this.options.HTMLAttributes,t),0]},markdownTokenName:"del",parseMarkdown:(t,e)=>e.applyMark("strike",e.parseInline(t.tokens||[])),renderMarkdown:(t,e)=>`~~${e.renderChildren(t)}~~`,addCommands(){return{setStrike:()=>({commands:t})=>t.setMark(this.name),toggleStrike:()=>({commands:t})=>t.toggleMark(this.name),unsetStrike:()=>({commands:t})=>t.unsetMark(this.name)}},addKeyboardShortcuts(){return{"Mod-Shift-s":()=>this.editor.commands.toggleStrike()}},addInputRules(){return[r.markInputRule({find:o,type:this.type})]},addPasteRules(){return[r.markPasteRule({find:a,type:this.type})]}});const d=u.extend({addOptions(){var t;return{...(t=this.parent)==null?void 0:t.call(this),button:({editor:e,t:s,extension:n})=>({component:i.ActionButton,componentProps:{action:()=>e.commands.toggleStrike(),isActive:()=>e.isActive("strike")||!1,disabled:!1,icon:"Strikethrough",shortcutKeys:n.options.shortcutKeys??["shift","mod","S"],tooltip:s("editor.strike.tooltip")}})}}});exports.Strike=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-RfTlOzIr.cjs"),n=require("react/jsx-runtime"),m=require("./toggle-D41PzQLJ.cjs");require("react");require("./index-DV5kbgRU.cjs");const u=require("./useButtonProps-C6Vpn190.cjs");var h=/(?:^|\s)(~~(?!\s+~~)((?:[^~]+))~~(?!\s+~~))$/,S=/(?:^|\s)(~~(?!\s+~~)((?:[^~]+))~~(?!\s+~~))/g,f=r.Mark.create({name:"strike",addOptions(){return{HTMLAttributes:{}}},parseHTML(){return[{tag:"s"},{tag:"del"},{tag:"strike"},{style:"text-decoration",consuming:!1,getAttrs:t=>t.includes("line-through")?{}:!1}]},renderHTML({HTMLAttributes:t}){return["s",r.mergeAttributes(this.options.HTMLAttributes,t),0]},markdownTokenName:"del",parseMarkdown:(t,e)=>e.applyMark("strike",e.parseInline(t.tokens||[])),renderMarkdown:(t,e)=>`~~${e.renderChildren(t)}~~`,addCommands(){return{setStrike:()=>({commands:t})=>t.setMark(this.name),toggleStrike:()=>({commands:t})=>t.toggleMark(this.name),unsetStrike:()=>({commands:t})=>t.unsetMark(this.name)}},addKeyboardShortcuts(){return{"Mod-Shift-s":()=>this.editor.commands.toggleStrike()}},addInputRules(){return[r.markInputRule({find:h,type:this.type})]},addPasteRules(){return[r.markPasteRule({find:S,type:this.type})]}});function v(){const t=u.useButtonProps(d.name),{icon:e=void 0,tooltip:i=void 0,shortcutKeys:s=void 0,tooltipOptions:c={},action:o=void 0,isActive:l=void 0}=(t==null?void 0:t.componentProps)??{},{dataState:p,disabled:a,update:k}=u.useToggleActive(l),g=()=>{a||o&&(o(),k())};return t?n.jsx(m.ActionButton,{action:g,dataState:p,disabled:a,icon:e,shortcutKeys:s,tooltip:i,tooltipOptions:c}):n.jsx(n.Fragment,{})}const d=f.extend({addOptions(){var t;return{...(t=this.parent)==null?void 0:t.call(this),button:({editor:e,t:i,extension:s})=>({componentProps:{action:()=>e.commands.toggleStrike(),isActive:()=>e.isActive("strike")||!1,disabled:!1,icon:"Strikethrough",shortcutKeys:s.options.shortcutKeys??["shift","mod","S"],tooltip:i("editor.strike.tooltip")}})}}});exports.RichTextStrike=v;exports.Strike=d;