reactjs-tiptap-editor 0.3.31 → 0.4.0

package/lib/Mermaid.d.cts

@@ -113,9 +113,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        drawer: {
-            setDrawer: (options: any, replace?: any) => ReturnType;
-            setAlignImageDrawer: (align: 'left' | 'center' | 'right') => ReturnType;
+        excalidraw: {
+            setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
         };
     }
 }
@@ -123,11 +122,9 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        emoji: {
-            setEmoji: (emoji: {
-                name: string;
-                emoji: string;
-            }) => ReturnType;
+        drawer: {
+            setDrawer: (options: any, replace?: any) => ReturnType;
+            setAlignImageDrawer: (align: 'left' | 'center' | 'right') => ReturnType;
         };
     }
 }
@@ -135,8 +132,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        excalidraw: {
-            setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
+        exportPdf: {
+            exportToPdf: () => ReturnType;
         };
     }
 }
@@ -144,8 +141,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        exportPdf: {
-            exportToPdf: () => ReturnType;
+        exportWord: {
+            exportToWord: () => ReturnType;
         };
     }
 }
@@ -153,8 +150,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        exportWord: {
-            exportToWord: () => ReturnType;
+        painter: {
+            setPainter: (marks: Mark[]) => ReturnType;
         };
     }
 }
@@ -178,15 +175,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        painter: {
-            setPainter: (marks: Mark[]) => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         iframe: {
@@ -242,6 +230,15 @@ declare module '@tiptap/core' {
 }
 
 
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        katex: {
+            setKatex: (arg?: IKatexAttrs) => ReturnType;
+        };
+    }
+}
+
+
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         indent: {
@@ -260,8 +257,9 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        katex: {
-            setKatex: (arg?: IKatexAttrs) => ReturnType;
+        lineHeight: {
+            setLineHeight: (lineHeight: string) => ReturnType;
+            unsetLineHeight: () => ReturnType;
         };
     }
 }
@@ -269,9 +267,13 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        lineHeight: {
-            setLineHeight: (lineHeight: string) => ReturnType;
-            unsetLineHeight: () => ReturnType;
+        columns: {
+            insertColumns: (attrs?: {
+                cols: number;
+            }) => ReturnType;
+            addColBefore: () => ReturnType;
+            addColAfter: () => ReturnType;
+            deleteCol: () => ReturnType;
         };
     }
 }
@@ -289,13 +291,9 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        columns: {
-            insertColumns: (attrs?: {
-                cols: number;
-            }) => ReturnType;
-            addColBefore: () => ReturnType;
-            addColAfter: () => ReturnType;
-            deleteCol: () => ReturnType;
+        tableOfContents: {
+            setTableOfContents: () => ReturnType;
+            removeTableOfContents: () => ReturnType;
         };
     }
 }
@@ -306,22 +304,20 @@ declare module '@tiptap/core' {
         search: {
             setSearchTerm: (searchTerm: string) => ReturnType;
             setReplaceTerm: (replaceTerm: string) => ReturnType;
+            setCaseSensitive: (caseSensitive: boolean) => ReturnType;
+            resetIndex: () => ReturnType;
+            nextSearchResult: () => ReturnType;
+            previousSearchResult: () => ReturnType;
             replace: () => ReturnType;
             replaceAll: () => ReturnType;
-            goToPrevSearchResult: () => void;
-            goToNextSearchResult: () => void;
-            setCaseSensitive: (caseSensitive: boolean) => ReturnType;
         };
     }
 }
 
 
 declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        tableOfContents: {
-            setTableOfContents: () => ReturnType;
-            removeTableOfContents: () => ReturnType;
-        };
+    interface Storage {
+        searchAndReplace: SearchAndReplaceStorage;
     }
 }
 

package/lib/Mermaid.d.ts

@@ -113,9 +113,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        drawer: {
-            setDrawer: (options: any, replace?: any) => ReturnType;
-            setAlignImageDrawer: (align: 'left' | 'center' | 'right') => ReturnType;
+        excalidraw: {
+            setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
         };
     }
 }
@@ -123,11 +122,9 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        emoji: {
-            setEmoji: (emoji: {
-                name: string;
-                emoji: string;
-            }) => ReturnType;
+        drawer: {
+            setDrawer: (options: any, replace?: any) => ReturnType;
+            setAlignImageDrawer: (align: 'left' | 'center' | 'right') => ReturnType;
         };
     }
 }
@@ -135,8 +132,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        excalidraw: {
-            setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
+        exportPdf: {
+            exportToPdf: () => ReturnType;
         };
     }
 }
@@ -144,8 +141,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        exportPdf: {
-            exportToPdf: () => ReturnType;
+        exportWord: {
+            exportToWord: () => ReturnType;
         };
     }
 }
@@ -153,8 +150,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        exportWord: {
-            exportToWord: () => ReturnType;
+        painter: {
+            setPainter: (marks: Mark[]) => ReturnType;
         };
     }
 }
@@ -178,15 +175,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        painter: {
-            setPainter: (marks: Mark[]) => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         iframe: {
@@ -242,6 +230,15 @@ declare module '@tiptap/core' {
 }
 
 
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        katex: {
+            setKatex: (arg?: IKatexAttrs) => ReturnType;
+        };
+    }
+}
+
+
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         indent: {
@@ -260,8 +257,9 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        katex: {
-            setKatex: (arg?: IKatexAttrs) => ReturnType;
+        lineHeight: {
+            setLineHeight: (lineHeight: string) => ReturnType;
+            unsetLineHeight: () => ReturnType;
         };
     }
 }
@@ -269,9 +267,13 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        lineHeight: {
-            setLineHeight: (lineHeight: string) => ReturnType;
-            unsetLineHeight: () => ReturnType;
+        columns: {
+            insertColumns: (attrs?: {
+                cols: number;
+            }) => ReturnType;
+            addColBefore: () => ReturnType;
+            addColAfter: () => ReturnType;
+            deleteCol: () => ReturnType;
         };
     }
 }
@@ -289,13 +291,9 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        columns: {
-            insertColumns: (attrs?: {
-                cols: number;
-            }) => ReturnType;
-            addColBefore: () => ReturnType;
-            addColAfter: () => ReturnType;
-            deleteCol: () => ReturnType;
+        tableOfContents: {
+            setTableOfContents: () => ReturnType;
+            removeTableOfContents: () => ReturnType;
         };
     }
 }
@@ -306,22 +304,20 @@ declare module '@tiptap/core' {
         search: {
             setSearchTerm: (searchTerm: string) => ReturnType;
             setReplaceTerm: (replaceTerm: string) => ReturnType;
+            setCaseSensitive: (caseSensitive: boolean) => ReturnType;
+            resetIndex: () => ReturnType;
+            nextSearchResult: () => ReturnType;
+            previousSearchResult: () => ReturnType;
             replace: () => ReturnType;
             replaceAll: () => ReturnType;
-            goToPrevSearchResult: () => void;
-            goToNextSearchResult: () => void;
-            setCaseSensitive: (caseSensitive: boolean) => ReturnType;
         };
     }
 }
 
 
 declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        tableOfContents: {
-            setTableOfContents: () => ReturnType;
-            removeTableOfContents: () => ReturnType;
-        };
+    interface Storage {
+        searchAndReplace: SearchAndReplaceStorage;
     }
 }
 

package/lib/Mermaid.js

@@ -1,14 +1,14 @@
-import { h as $, m as X } from "./index-DI9T3iLd.js";
-import { w as Z, x as J, A as K, y as Y, z as Q, F as tt, B as et, G as rt, J as V, K as it, N as at } from "./RichTextEditor-KP2Rgcqe.js";
-import { N as st, R as nt } from "./dom-dataset-Di3tIRrR.js";
+import { q as G, m as X } from "./index-kbO3iWqL.js";
+import { t as Z, u as Y, A as J, v as K, w as Q, x as tt, B as et, y as rt, z as q, E as it, F as at } from "./RichTextEditor-DGcKEUGr.js";
+import { N as st, R as nt } from "./dom-dataset-lYeH6gfI.js";
 import { jsxs as H, jsx as o } from "react/jsx-runtime";
 import { useState as m, useRef as ot, useCallback as y, useEffect as R, useMemo as F } from "react";
 import { s as lt, i as ct } from "./shortId-WJVkrvml.js";
-import { T as dt } from "./textarea-CktfkXNe.js";
-import { I as q, i as ht, j as W } from "./index-CsK90iVd.js";
+import { T as dt } from "./textarea-aPtytkDx.js";
+import { I as V, i as ht, j as W } from "./index-LmrOdnen.js";
 const j = `graph TB
 a-->b`, ut = ({ editor: e, upload: t, tooltipOptions: a }) => {
-  const [r, g] = m(j), [_, L] = m(""), [p, I] = m(!1), v = ot(null), [n, S] = m(null), z = y(
+  const [r, g] = m(j), [_, N] = m(""), [p, I] = m(!1), M = ot(null), [n, S] = m(null), z = y(
     (l) => {
       l && import("mermaid").then((f) => {
         S(f.default);
@@ -18,9 +18,9 @@ a-->b`, ut = ({ editor: e, upload: t, tooltipOptions: a }) => {
   ), A = async (l) => {
     try {
       const { svg: f } = await n.render("mermaid-svg", l);
-      L(f);
+      N(f);
     } catch {
-      L("");
+      N("");
     }
   }, B = () => {
     n.initialize({
@@ -41,8 +41,8 @@ a-->b`, ut = ({ editor: e, upload: t, tooltipOptions: a }) => {
       onOpenChange: I,
       open: p,
       children: [
-        /* @__PURE__ */ o(J, { asChild: !0, children: /* @__PURE__ */ o(
-          K,
+        /* @__PURE__ */ o(Y, { asChild: !0, children: /* @__PURE__ */ o(
+          J,
           {
             action: () => I(!0),
             icon: "Mermaid",
@@ -50,7 +50,7 @@ a-->b`, ut = ({ editor: e, upload: t, tooltipOptions: a }) => {
             tooltipOptions: a
           }
         ) }),
-        /* @__PURE__ */ H(Y, { className: "richtext-z-[99999] !richtext-max-w-[1300px]", children: [
+        /* @__PURE__ */ H(K, { className: "richtext-z-[99999] !richtext-max-w-[1300px]", children: [
           /* @__PURE__ */ o(Q, { children: "Mermaid" }),
           /* @__PURE__ */ o(
             "div",
@@ -79,7 +79,7 @@ a-->b`, ut = ({ editor: e, upload: t, tooltipOptions: a }) => {
                   {
                     className: "richtext-flex richtext-flex-1 richtext-items-center richtext-justify-center richtext-rounded-[10px] richtext-p-[10px]",
                     dangerouslySetInnerHTML: { __html: _ },
-                    ref: v,
+                    ref: M,
                     style: { height: "100%", borderWidth: 1, minHeight: 500, background: "#fff" }
                   }
                 )
@@ -92,13 +92,13 @@ a-->b`, ut = ({ editor: e, upload: t, tooltipOptions: a }) => {
               onClick: async () => {
                 if (r !== "") {
                   if (r) {
-                    const l = v.current.querySelector("svg"), { width: f, height: N } = l.getBoundingClientRect(), O = `mermaid-${lt()}.svg`;
+                    const l = M.current.querySelector("svg"), { width: f, height: L } = l.getBoundingClientRect(), E = `mermaid-${lt()}.svg`;
                     let x = ct(l.outerHTML);
                     if (t) {
                       console.log({
                         src: x
                       });
-                      const T = rt(x, O);
+                      const T = rt(x, E);
                       x = await t(T);
                     }
                     e == null || e.chain().focus().setMermaid(
@@ -107,7 +107,7 @@ a-->b`, ut = ({ editor: e, upload: t, tooltipOptions: a }) => {
                         src: x,
                         alt: encodeURIComponent(r),
                         width: f,
-                        height: N
+                        height: L
                       },
                       !!r
                     ).run();
@@ -123,24 +123,24 @@ a-->b`, ut = ({ editor: e, upload: t, tooltipOptions: a }) => {
       ]
     }
   );
-}, E = {
+}, C = {
   TOP_LEFT: "tl",
   TOP_RIGHT: "tr",
   BOTTOM_LEFT: "bl",
   BOTTOM_RIGHT: "br"
 };
 function mt({ editor: e, node: t, updateAttributes: a, getPos: r, selected: g }) {
-  const [_, L] = m({
-    width: q,
-    height: q
+  const [_, N] = m({
+    width: V,
+    height: V
   }), [p, I] = m({
     width: 0,
     height: 0
-  }), [v] = m([
-    E.TOP_LEFT,
-    E.TOP_RIGHT,
-    E.BOTTOM_LEFT,
-    E.BOTTOM_RIGHT
+  }), [M] = m([
+    C.TOP_LEFT,
+    C.TOP_RIGHT,
+    C.BOTTOM_LEFT,
+    C.BOTTOM_RIGHT
   ]), [n, S] = m(!1), [z, A] = m({
     x: 0,
     y: 0,
@@ -148,12 +148,12 @@ function mt({ editor: e, node: t, updateAttributes: a, getPos: r, selected: g })
     h: 0,
     dir: ""
   }), { align: B } = t == null ? void 0 : t.attrs, b = F(() => {
-    const { src: i, alt: d, width: h, height: w } = t == null ? void 0 : t.attrs, M = $(h) ? `${h}px` : h, s = $(w) ? `${w}px` : w;
+    const { src: i, alt: d, width: h, height: w } = t == null ? void 0 : t.attrs, v = G(h) ? `${h}px` : h, s = G(w) ? `${w}px` : w;
     return {
       src: i || void 0,
       alt: d || void 0,
       style: {
-        width: M || void 0,
+        width: v || void 0,
         height: s || void 0
       }
     };
@@ -169,13 +169,13 @@ function mt({ editor: e, node: t, updateAttributes: a, getPos: r, selected: g })
       height: i.target.height
     });
   }
-  function N() {
+  function L() {
     e.commands.setNodeSelection(r());
   }
-  const O = y(
-    V(() => {
+  const E = y(
+    q(() => {
       const { width: i } = getComputedStyle(e.view.dom);
-      L((d) => ({
+      N((d) => ({
         ...d,
         width: Number.parseInt(i, 10)
       }));
@@ -184,10 +184,10 @@ function mt({ editor: e, node: t, updateAttributes: a, getPos: r, selected: g })
   );
   function x(i, d) {
     i.preventDefault(), i.stopPropagation();
-    const h = p.width, w = p.height, M = h / w;
+    const h = p.width, w = p.height, v = h / w;
     let s = Number(t.attrs.width), u = Number(t.attrs.height);
     const c = _.width;
-    s && !u ? (s = s > c ? c : s, u = Math.round(s / M)) : u && !s ? (s = Math.round(u * M), s = s > c ? c : s) : !s && !u ? (s = h > c ? c : h, u = Math.round(s / M)) : s = s > c ? c : s, S(!0), A({
+    s && !u ? (s = s > c ? c : s, u = Math.round(s / v)) : u && !s ? (s = Math.round(u * v), s = s > c ? c : s) : !s && !u ? (s = h > c ? c : h, u = Math.round(s / v)) : s = s > c ? c : s, S(!0), A({
       x: i.clientX,
       y: i.clientY,
       w: s,
@@ -196,17 +196,17 @@ function mt({ editor: e, node: t, updateAttributes: a, getPos: r, selected: g })
     });
   }
   const T = y(
-    V((i) => {
+    q((i) => {
       if (i.preventDefault(), i.stopPropagation(), !n)
         return;
-      const { x: d, w: h, dir: w } = z, M = (i.clientX - d) * (/l/.test(w) ? -1 : 1), { width: s, height: u } = t == null ? void 0 : t.attrs, c = s / u, P = it(h + M, ht, _.width), U = Math.round(P / c);
+      const { x: d, w: h, dir: w } = z, v = (i.clientX - d) * (/l/.test(w) ? -1 : 1), { width: s, height: u } = t == null ? void 0 : t.attrs, c = s / u, $ = it(h + v, ht, _.width), U = Math.round($ / c);
       a({
-        width: P,
+        width: $,
         height: U
       });
     }, W),
     [n, z, _, a, t == null ? void 0 : t.attrs]
-  ), C = y(
+  ), O = y(
     (i) => {
       i.preventDefault(), i.stopPropagation(), n && (A({
         x: 0,
@@ -214,18 +214,18 @@ function mt({ editor: e, node: t, updateAttributes: a, getPos: r, selected: g })
         w: 0,
         h: 0,
         dir: ""
-      }), S(!1), N());
+      }), S(!1), L());
     },
-    [n, N]
-  ), G = y(() => {
-    document == null || document.addEventListener("mousemove", T, !0), document == null || document.addEventListener("mouseup", C, !0);
-  }, [T, C]), D = y(() => {
-    document == null || document.removeEventListener("mousemove", T, !0), document == null || document.removeEventListener("mouseup", C, !0);
-  }, [T, C]);
-  R(() => (n ? G() : D(), () => {
+    [n, L]
+  ), P = y(() => {
+    document == null || document.addEventListener("mousemove", T, !0), document == null || document.addEventListener("mouseup", O, !0);
+  }, [T, O]), D = y(() => {
+    document == null || document.removeEventListener("mousemove", T, !0), document == null || document.removeEventListener("mouseup", O, !0);
+  }, [T, O]);
+  R(() => (n ? P() : D(), () => {
     D();
-  }), [n, G, D]);
-  const k = F(() => new ResizeObserver(() => O()), [O]);
+  }), [n, P, D]);
+  const k = F(() => new ResizeObserver(() => E()), [E]);
   return R(() => (k.observe(e.view.dom), () => {
     k.disconnect();
   }), [e.view.dom, k]), /* @__PURE__ */ o(
@@ -247,13 +247,13 @@ function mt({ editor: e, node: t, updateAttributes: a, getPos: r, selected: g })
                 alt: b.alt,
                 className: "image-view__body__image block",
                 height: "auto",
-                onClick: N,
+                onClick: L,
                 onLoad: f,
                 src: b.src,
                 style: b.style
               }
             ),
-            e.view.editable && (g || n) && /* @__PURE__ */ o("div", { className: "image-resizer", children: v == null ? void 0 : v.map((i) => /* @__PURE__ */ o(
+            e.view.editable && (g || n) && /* @__PURE__ */ o("div", { className: "image-resizer", children: M == null ? void 0 : M.map((i) => /* @__PURE__ */ o(
               "span",
               {
                 className: `image-resizer__handler image-resizer__handler--${i}`,
@@ -269,6 +269,8 @@ function mt({ editor: e, node: t, updateAttributes: a, getPos: r, selected: g })
 }
 const Tt = /* @__PURE__ */ at.extend({
   name: "mermaid",
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  //@ts-expect-error
   addOptions() {
     var e;
     return {

package/lib/MoreMark.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("./index-ByRfqzMr.cjs"),d=require("./index-Z4b9rzn-.cjs"),c=require("react/jsx-runtime"),m=require("react"),s=require("./RichTextEditor-DWlLqTl9.cjs");function g(t){var n;const i=m.useMemo(()=>{var r;const e=(r=t==null?void 0:t.items)==null?void 0:r.find(u=>u.isActive());return e&&!e.default?{...e,icon:e!=null&&e.icon?e==null?void 0:e.icon:t==null?void 0:t.icon}:{title:t.tooltip,icon:t.icon,isActive:()=>!1}},[t]);return c.jsxs(s.DropdownMenu,{children:[c.jsx(s.DropdownMenuTrigger,{asChild:!0,disabled:t==null?void 0:t.disabled,children:c.jsx(s.ActionButton,{customClass:"!richtext-w-12 richtext-h-12",disabled:t==null?void 0:t.disabled,icon:t==null?void 0:t.icon,tooltip:t==null?void 0:t.tooltip,children:c.jsx(s.MenuDown,{className:"richtext-size-3 richtext-text-gray-500"})})}),c.jsx(s.DropdownMenuContent,{className:"w-full",children:(n=t==null?void 0:t.items)==null?void 0:n.map((e,o)=>c.jsxs(s.DropdownMenuCheckboxItem,{checked:i.title===e.title,className:"richtext-flex richtext-items-center richtext-gap-3",onClick:e.action,children:[c.jsx(s.IconComponent,{name:e==null?void 0:e.icon}),c.jsx("span",{className:"richtext-ml-1",children:e.title}),!!(e!=null&&e.shortcutKeys)&&c.jsx("span",{className:"richtext-ml-auto richtext-text-xs richtext-tracking-widest richtext-opacity-60",children:s.getShortcutKeys(e.shortcutKeys)})]},`more-mark-${o}`))})]})}const f=b.Extension.create({name:"moreMark",addOptions(){var t;return{...(t=this.parent)==null?void 0:t.call(this),button({editor:i,extension:n,t:e}){var l,h;const o=n.options.subscript,r=n.options.superscript,u={action:()=>i.commands.toggleSubscript(),isActive:()=>i.isActive("subscript")||!1,disabled:!i.can().toggleSubscript(),icon:"Subscript",title:e("editor.subscript.tooltip"),shortcutKeys:((l=n.options.shortcutKeys)==null?void 0:l[0])??["mod","."]},x={action:()=>i.commands.toggleSuperscript(),isActive:()=>i.isActive("superscript")||!1,disabled:!i.can().toggleSuperscript(),icon:"Superscript",title:e("editor.superscript.tooltip"),shortcutKeys:((h=n.options.shortcutKeys)==null?void 0:h[1])??["mod",","]},a=[];return o!==!1&&a.push(u),r!==!1&&a.push(x),{component:g,componentProps:{icon:"Type",tooltip:e("editor.moremark"),disabled:!i.isEditable,items:a}}}}},addExtensions(){const t=[];return this.options.subscript!==!1&&t.push(d.Subscript.configure(this.options.subscript)),this.options.superscript!==!1&&t.push(d.Superscript.configure(this.options.superscript)),t}});exports.MoreMark=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("./index-DF2Lp4HZ.cjs"),d=require("./index-CUogRI7j.cjs"),c=require("react/jsx-runtime"),m=require("react"),s=require("./RichTextEditor-CxvwGvQG.cjs");function g(t){var n;const i=m.useMemo(()=>{var r;const e=(r=t==null?void 0:t.items)==null?void 0:r.find(u=>u.isActive());return e&&!e.default?{...e,icon:e!=null&&e.icon?e==null?void 0:e.icon:t==null?void 0:t.icon}:{title:t.tooltip,icon:t.icon,isActive:()=>!1}},[t]);return c.jsxs(s.DropdownMenu,{children:[c.jsx(s.DropdownMenuTrigger,{asChild:!0,disabled:t==null?void 0:t.disabled,children:c.jsx(s.ActionButton,{customClass:"!richtext-w-12 richtext-h-12",disabled:t==null?void 0:t.disabled,icon:t==null?void 0:t.icon,tooltip:t==null?void 0:t.tooltip,children:c.jsx(s.MenuDown,{className:"richtext-size-3 richtext-text-gray-500"})})}),c.jsx(s.DropdownMenuContent,{className:"w-full",children:(n=t==null?void 0:t.items)==null?void 0:n.map((e,o)=>c.jsxs(s.DropdownMenuCheckboxItem,{checked:i.title===e.title,className:"richtext-flex richtext-items-center richtext-gap-3",onClick:e.action,children:[c.jsx(s.IconComponent,{name:e==null?void 0:e.icon}),c.jsx("span",{className:"richtext-ml-1",children:e.title}),!!(e!=null&&e.shortcutKeys)&&c.jsx("span",{className:"richtext-ml-auto richtext-text-xs richtext-tracking-widest richtext-opacity-60",children:s.getShortcutKeys(e.shortcutKeys)})]},`more-mark-${o}`))})]})}const f=b.Extension.create({name:"moreMark",addOptions(){var t;return{...(t=this.parent)==null?void 0:t.call(this),button({editor:i,extension:n,t:e}){var l,h;const o=n.options.subscript,r=n.options.superscript,u={action:()=>i.commands.toggleSubscript(),isActive:()=>i.isActive("subscript")||!1,disabled:!i.can().toggleSubscript(),icon:"Subscript",title:e("editor.subscript.tooltip"),shortcutKeys:((l=n.options.shortcutKeys)==null?void 0:l[0])??["mod","."]},x={action:()=>i.commands.toggleSuperscript(),isActive:()=>i.isActive("superscript")||!1,disabled:!i.can().toggleSuperscript(),icon:"Superscript",title:e("editor.superscript.tooltip"),shortcutKeys:((h=n.options.shortcutKeys)==null?void 0:h[1])??["mod",","]},a=[];return o!==!1&&a.push(u),r!==!1&&a.push(x),{component:g,componentProps:{icon:"Type",tooltip:e("editor.moremark"),disabled:!i.isEditable,items:a}}}}},addExtensions(){const t=[];return this.options.subscript!==!1&&t.push(d.Subscript.configure(this.options.subscript)),this.options.superscript!==!1&&t.push(d.Superscript.configure(this.options.superscript)),t}});exports.MoreMark=f;