reactjs-tiptap-editor 1.0.6 → 1.0.8

package/lib/Mention.js

@@ -1,38 +1,37 @@
-import { N as w, B as v, m as c, C as g, G as T } from "./index-nFjllrEl.js";
-import { Node as L } from "@tiptap/pm/model";
-import { S as M, u as f } from "./updatePosition-DpMKxYdN.js";
-import { PluginKey as S } from "@tiptap/pm/state";
-import { jsx as m } from "react/jsx-runtime";
-import { forwardRef as H, useRef as A, useState as C, useEffect as p, useImperativeHandle as N } from "react";
-import $ from "scroll-into-view-if-needed";
-import { g as x } from "./dom-dataset-CIEeltF6.js";
-function k({
+import { N as w, B as T, m as h, C as p, E as M, G as L } from "./index-CbIQPoF6.js";
+import { Node as S } from "@tiptap/pm/model";
+import { S as H, u as f } from "./updatePosition-GLTrgcib.js";
+import { PluginKey as A } from "@tiptap/pm/state";
+import { jsx as g, jsxs as C } from "react/jsx-runtime";
+import { forwardRef as N, useRef as $, useState as k, useEffect as x, useImperativeHandle as E } from "react";
+import K from "scroll-into-view-if-needed";
+function _({
   editor: e,
   overrideSuggestionOptions: t,
-  extensionName: r,
-  char: n = "@"
+  extensionName: n,
+  char: r = "@"
 }) {
-  const i = new S();
+  const o = new A();
   return {
     editor: e,
-    char: n,
-    pluginKey: i,
+    char: r,
+    pluginKey: o,
     command: ({ editor: s, range: a, props: l }) => {
-      var u, o, d;
-      const h = s.view.state.selection.$to.nodeAfter;
-      ((u = h == null ? void 0 : h.text) == null ? void 0 : u.startsWith(" ")) && (a.to += 1), s.chain().focus().insertContentAt(a, [
+      var u, i, d;
+      const c = s.view.state.selection.$to.nodeAfter;
+      ((u = c == null ? void 0 : c.text) == null ? void 0 : u.startsWith(" ")) && (a.to += 1), s.chain().focus().insertContentAt(a, [
         {
-          type: r,
-          attrs: { ...l, mentionSuggestionChar: n }
+          type: n,
+          attrs: { ...l, mentionSuggestionChar: r }
         },
         {
           type: "text",
           text: " "
         }
-      ]).run(), (d = (o = s.view.dom.ownerDocument.defaultView) == null ? void 0 : o.getSelection()) == null || d.collapseToEnd();
+      ]).run(), (d = (i = s.view.dom.ownerDocument.defaultView) == null ? void 0 : i.getSelection()) == null || d.collapseToEnd();
     },
     allow: ({ state: s, range: a }) => {
-      const l = s.doc.resolve(a.from), u = s.schema.nodes[r];
+      const l = s.doc.resolve(a.from), u = s.schema.nodes[n];
       return !!l.parent.type.contentMatch.matchType(u);
     },
     ...t
@@ -40,7 +39,7 @@ function k({
 }
 function y(e) {
   return (e.options.suggestions.length ? e.options.suggestions : [e.options.suggestion]).map(
-    (t) => k({
+    (t) => _({
       // @ts-ignore `editor` can be `undefined` when converting the document to HTML with the HTML utility
       editor: e.editor,
       overrideSuggestionOptions: t,
@@ -50,8 +49,8 @@ function y(e) {
   );
 }
 function b(e, t) {
-  const r = y(e), n = r.find((i) => i.char === t);
-  return n || (r.length ? r[0] : null);
+  const n = y(e), r = n.find((o) => o.char === t);
+  return r || (n.length ? n[0] : null);
 }
 var D = w.create({
   name: "mention",
@@ -60,16 +59,16 @@ var D = w.create({
     return {
       HTMLAttributes: {},
       renderText({ node: e, suggestion: t }) {
-        var r, n;
-        return `${(r = t == null ? void 0 : t.char) != null ? r : "@"}${(n = e.attrs.label) != null ? n : e.attrs.id}`;
+        var n, r;
+        return `${(n = t == null ? void 0 : t.char) != null ? n : "@"}${(r = e.attrs.label) != null ? r : e.attrs.id}`;
       },
       deleteTriggerWithBackspace: !1,
-      renderHTML({ options: e, node: t, suggestion: r }) {
-        var n, i;
+      renderHTML({ options: e, node: t, suggestion: n }) {
+        var r, o;
         return [
           "span",
-          c(this.HTMLAttributes, e.HTMLAttributes),
-          `${(n = r == null ? void 0 : r.char) != null ? n : "@"}${(i = t.attrs.label) != null ? i : t.attrs.id}`
+          h(this.HTMLAttributes, e.HTMLAttributes),
+          `${(r = n == null ? void 0 : n.char) != null ? r : "@"}${(o = t.attrs.label) != null ? o : t.attrs.id}`
         ];
       },
       suggestions: [],
@@ -114,45 +113,45 @@ var D = w.create({
     ];
   },
   renderHTML({ node: e, HTMLAttributes: t }) {
-    const r = b(this, e.attrs.mentionSuggestionChar);
+    const n = b(this, e.attrs.mentionSuggestionChar);
     if (this.options.renderLabel !== void 0)
       return console.warn("renderLabel is deprecated use renderText and renderHTML instead"), [
         "span",
-        c({ "data-type": this.name }, this.options.HTMLAttributes, t),
+        h({ "data-type": this.name }, this.options.HTMLAttributes, t),
         this.options.renderLabel({
           options: this.options,
           node: e,
-          suggestion: r
+          suggestion: n
         })
       ];
-    const n = { ...this.options };
-    n.HTMLAttributes = c(
+    const r = { ...this.options };
+    r.HTMLAttributes = h(
       { "data-type": this.name },
       this.options.HTMLAttributes,
       t
     );
-    const i = this.options.renderHTML({
-      options: n,
+    const o = this.options.renderHTML({
+      options: r,
       node: e,
-      suggestion: r
+      suggestion: n
     });
-    return typeof i == "string" ? ["span", c({ "data-type": this.name }, this.options.HTMLAttributes, t), i] : i;
+    return typeof o == "string" ? ["span", h({ "data-type": this.name }, this.options.HTMLAttributes, t), o] : o;
   },
-  ...v({
+  ...T({
     nodeName: "mention",
     name: "@",
     selfClosing: !0,
     allowedAttributes: ["id", "label", { name: "mentionSuggestionChar", skipIfDefault: "@" }],
     parseAttributes: (e) => {
-      const t = {}, r = /(\w+)=(?:"([^"]*)"|'([^']*)')/g;
-      let n = r.exec(e);
-      for (; n !== null; ) {
-        const [, i, s, a] = n, l = s ?? a;
-        t[i === "char" ? "mentionSuggestionChar" : i] = l, n = r.exec(e);
+      const t = {}, n = /(\w+)=(?:"([^"]*)"|'([^']*)')/g;
+      let r = n.exec(e);
+      for (; r !== null; ) {
+        const [, o, s, a] = r, l = s ?? a;
+        t[o === "char" ? "mentionSuggestionChar" : o] = l, r = n.exec(e);
       }
       return t;
     },
-    serializeAttributes: (e) => Object.entries(e).filter(([, t]) => t != null).map(([t, r]) => `${t === "mentionSuggestionChar" ? "char" : t}="${r}"`).join(" ")
+    serializeAttributes: (e) => Object.entries(e).filter(([, t]) => t != null).map(([t, n]) => `${t === "mentionSuggestionChar" ? "char" : t}="${n}"`).join(" ")
   }),
   renderText({ node: e }) {
     const t = {
@@ -165,110 +164,117 @@ var D = w.create({
   addKeyboardShortcuts() {
     return {
       Backspace: () => this.editor.commands.command(({ tr: e, state: t }) => {
-        let r = !1;
-        const { selection: n } = t, { empty: i, anchor: s } = n;
-        if (!i)
+        let n = !1;
+        const { selection: r } = t, { empty: o, anchor: s } = r;
+        if (!o)
           return !1;
-        let a = new L(), l = 0;
-        return t.doc.nodesBetween(s - 1, s, (u, o) => {
+        let a = new S(), l = 0;
+        return t.doc.nodesBetween(s - 1, s, (u, i) => {
           if (u.type.name === this.name)
-            return r = !0, a = u, l = o, !1;
-        }), r && e.insertText(
+            return n = !0, a = u, l = i, !1;
+        }), n && e.insertText(
           this.options.deleteTriggerWithBackspace ? "" : a.attrs.mentionSuggestionChar,
           l,
           l + a.nodeSize
-        ), r;
+        ), n;
       })
     };
   },
   addProseMirrorPlugins() {
-    return y(this).map(M);
+    return y(this).map(H);
   }
-}), K = D;
-const _ = H((e, t) => {
-  const r = A(null), [n, i] = C(0), s = (o) => {
-    const d = e.items[o];
-    d && e.command({ id: d, label: d });
+}), I = D;
+const R = N((e, t) => {
+  const n = $(null), [r, o] = k(0), s = (i) => {
+    const d = e.items[i];
+    d && e.command(d);
   }, a = () => {
-    i((n + e.items.length - 1) % e.items.length);
+    o((r + e.items.length - 1) % e.items.length);
   }, l = () => {
-    i((n + 1) % e.items.length);
+    o((r + 1) % e.items.length);
   }, u = () => {
-    s(n);
+    s(r);
   };
-  return p(() => i(0), [e.items]), p(() => {
-    if (Number.isNaN(n + 1))
+  return x(() => o(0), [e.items]), x(() => {
+    if (Number.isNaN(r + 1))
       return;
-    const o = r.current.querySelector(`span:nth-of-type(${n + 1})`);
-    o && $(o, { behavior: "smooth", scrollMode: "if-needed" });
-  }, [n]), N(t, () => ({
-    onKeyDown: ({ event: o }) => o.key === "ArrowUp" ? (a(), !0) : o.key === "ArrowDown" ? (l(), !0) : o.key === "Enter" ? (u(), !0) : !1
-  })), /* @__PURE__ */ m("div", { className: " !richtext-max-h-[320px] !richtext-w-[160px] richtext-overflow-y-auto richtext-overflow-x-hidden  richtext-rounded-md  !richtext-border !richtext-border-solid !richtext-border-border richtext-bg-popover richtext-p-1 richtext-text-popover-foreground richtext-shadow-md richtext-outline-none", children: /* @__PURE__ */ m("div", { ref: r, children: e.items.length > 0 ? e.items.map((o, d) => /* @__PURE__ */ m(
-    "span",
+    const i = n.current.querySelector(`span:nth-of-type(${r + 1})`);
+    i && K(i, { behavior: "smooth", scrollMode: "if-needed" });
+  }, [r]), E(t, () => ({
+    onKeyDown: ({ event: i }) => i.key === "ArrowUp" ? (a(), !0) : i.key === "ArrowDown" ? (l(), !0) : i.key === "Enter" ? (u(), !0) : !1
+  })), /* @__PURE__ */ g(
+    "div",
     {
-      className: g("richtext-flex richtext-w-full richtext-items-center richtext-gap-3 richtext-rounded-sm !richtext-border-none !richtext-bg-transparent richtext-px-2 richtext-py-1.5 richtext-text-left richtext-text-sm richtext-text-foreground !richtext-outline-none richtext-transition-colors hover:!richtext-bg-accent ", { "bg-item-active": d === n }),
-      onClick: () => s(d),
-      children: o
+      className: " !richtext-max-h-[320px] !richtext-w-[160px] richtext-overflow-y-auto richtext-overflow-x-hidden  richtext-rounded-md  !richtext-border !richtext-border-solid !richtext-border-border richtext-bg-popover richtext-p-1 richtext-text-popover-foreground richtext-shadow-md richtext-outline-none",
+      "data-richtext-portal": !0,
+      ref: n,
+      children: /* @__PURE__ */ g("div", { children: e.items.length > 0 ? e.items.map((i, d) => {
+        var c;
+        return /* @__PURE__ */ C(
+          "span",
+          {
+            className: p("richtext-flex richtext-w-full richtext-items-center richtext-gap-3 richtext-rounded-sm !richtext-border-none !richtext-bg-transparent richtext-px-2 richtext-py-1.5 richtext-text-left richtext-text-sm richtext-text-foreground !richtext-outline-none richtext-transition-colors hover:!richtext-bg-accent ", { "bg-item-active": d === r }),
+            onClick: (m) => {
+              m.preventDefault(), s(d);
+            },
+            children: [
+              ((c = i == null ? void 0 : i.avatar) == null ? void 0 : c.src) && /* @__PURE__ */ g(
+                "img",
+                {
+                  alt: i.label,
+                  className: "richtext-size-5 richtext-rounded-full",
+                  src: i.avatar.src
+                }
+              ),
+              i == null ? void 0 : i.label
+            ]
+          },
+          `mention-item-${i.id}`
+        );
+      }) : /* @__PURE__ */ g("div", { className: p("itemUserEmpty, richtext-text-foreground"), children: "Empty" }) })
+    }
+  );
+});
+function v() {
+  let e;
+  return {
+    onStart: (t) => {
+      t.clientRect && (e = new L(R, {
+        props: t,
+        editor: t.editor
+      }), e.element.style.position = "absolute", document.body.appendChild(e.element), f(t.editor, e.element));
     },
-    d
-  )) : /* @__PURE__ */ m("div", { className: g("itemUserEmpty, richtext-text-foreground"), children: "Empty" }) }) });
-}), E = [
-  {
-    id: "1",
-    name: "John Doe"
-  },
-  {
-    id: "2",
-    name: "Jane Doe"
-  },
-  {
-    id: "3",
-    name: "Alice"
-  },
-  {
-    id: "4",
-    name: "Bob"
-  }
-], V = /* @__PURE__ */ K.extend({
-  addAttributes() {
-    return {
-      id: {
-        default: "",
-        parseHTML: x("id")
-      },
-      label: {
-        default: "",
-        parseHTML: x("label")
-      }
-    };
-  }
-}).configure({
-  HTMLAttributes: {
-    class: "mention"
-  },
-  suggestion: {
-    items: async ({ query: e }) => E.map((r) => r.name).filter((r) => r.toLowerCase().startsWith(e.toLowerCase())),
-    render: () => {
-      let e;
-      return {
-        onStart: (t) => {
-          t.clientRect && (e = new T(_, {
-            props: t,
-            editor: t.editor
-          }), e.element.style.position = "absolute", document.body.appendChild(e.element), f(t.editor, e.element));
-        },
-        onUpdate(t) {
-          e.updateProps(t), t.clientRect && f(t.editor, e.element);
-        },
-        onKeyDown(t) {
-          var r;
-          return t.event.key === "Escape" ? (e.destroy(), e.element.remove(), !0) : (r = e.ref) == null ? void 0 : r.onKeyDown(t);
-        },
-        onExit() {
-          e.destroy(), e.element.remove();
-        }
-      };
+    onUpdate(t) {
+      e.updateProps(t), t.clientRect && f(t.editor, e.element);
+    },
+    onKeyDown(t) {
+      var n;
+      return t.event.key === "Escape" ? (e.destroy(), e.element.remove(), !0) : (n = e.ref) == null ? void 0 : n.onKeyDown(t);
+    },
+    onExit() {
+      e.destroy(), e.element.remove();
     }
+  };
+}
+const V = /* @__PURE__ */ M.create({
+  name: "richTextMentionWrapper",
+  addExtensions() {
+    var t, n, r, o;
+    const e = {
+      ...this.options
+    };
+    return (t = this.options) != null && t.suggestion && (e.suggestion = {
+      render: v,
+      ...this.options.suggestion
+    }), (r = (n = this.options) == null ? void 0 : n.suggestions) != null && r.length && (e.suggestions = (o = this.options.suggestions) == null ? void 0 : o.map((s) => ({
+      render: v,
+      ...s
+    }))), [I.configure({
+      HTMLAttributes: {
+        class: "mention"
+      },
+      ...e
+    })];
   }
 });
 export {

package/lib/Mermaid.cjs

@@ -1,2 +1,2 @@
-"use strict";var X=Object.create;var G=Object.defineProperty;var U=Object.getOwnPropertyDescriptor;var Z=Object.getOwnPropertyNames;var Y=Object.getPrototypeOf,J=Object.prototype.hasOwnProperty;var K=(t,e,r,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of Z(e))!J.call(t,l)&&l!==r&&G(t,l,{get:()=>e[l],enumerable:!(a=U(e,l))||a.enumerable});return t};var Q=(t,e,r)=>(r=t!=null?X(Y(t)):{},K(e||!t||!t.__esModule?G(r,"default",{value:t,enumerable:!0}):r,t));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("./index-DLqogznp.cjs"),B=require("./throttle-DXN-aiH5.cjs"),o=require("react/jsx-runtime"),s=require("react"),F=require("./shortId-Bfj8TyNr.cjs"),ee=require("./toggle-DVCNvcqp.cjs"),E=require("./dialog-DaHBd2zw.cjs"),te=require("./textarea-CmZVZKOo.cjs"),L=require("./index-FSRjMsxW.cjs"),z=require("./useButtonProps-bei1vI37.cjs"),re=require("./file-i7e4nQY2.cjs"),ie=require("./button-xNppt_aK.cjs"),se=`graph TB
-a-->b`;function ae(){const t=z.useEditorInstance(),e=z.useButtonProps(W.name),{tooltipOptions:r={},isActive:a=void 0,upload:l}=(e==null?void 0:e.componentProps)??{},{editorDisabled:T}=z.useToggleActive(a),[d,C]=s.useState(se),[q,y]=s.useState(""),[c,_]=s.useState(!1),S=s.useRef(null),[h,k]=s.useState(null),[f,O]=s.useState(!0),D=s.useCallback(u=>{u&&import("mermaid").then(g=>{k(g.default)}).finally(()=>O(!1))},[]),I=async u=>{try{const{svg:g}=await h.render("mermaid-svg",u);y(g)}catch{y("")}},R=()=>{h.initialize({darkMode:!1,startOnLoad:!1,fontSize:12,theme:"base"}),I(d)};s.useEffect(()=>{!f&&h&&c&&R()},[h,c]),s.useEffect(()=>{!f&&h&&c&&I(d)},[h&&d]);const P=async()=>{if(d!==""){if(d){const u=S.current.querySelector("svg"),{width:g,height:j}=u.getBoundingClientRect(),A=`mermaid-${F.shortId()}.svg`;let b=F.i(u.outerHTML);if(l){const i=re.dataURLtoFile(b,A);b=await l(i)}t==null||t.chain().focus().setMermaid({type:"mermaid",src:b,alt:encodeURIComponent(d),width:g,height:j},!!d).run()}_(!1)}};return o.jsxs(E.Dialog,{onOpenChange:_,open:c,children:[o.jsx(E.DialogTrigger,{asChild:!0,children:o.jsx(ee.ActionButton,{disabled:T,icon:"Mermaid",tooltip:"Mermaid",tooltipOptions:r,action:()=>{T||_(!0)}})}),o.jsxs(E.DialogContent,{className:"richtext-z-[99999] !richtext-max-w-[1300px]",children:[o.jsx(E.DialogTitle,{children:"Mermaid"}),o.jsx("div",{ref:D,style:{height:"100%",border:"1px solid hsl(var(--border))"},children:f?o.jsx("p",{children:"Loading..."}):o.jsx(o.Fragment,{children:o.jsxs("div",{className:"richtext-flex richtext-gap-[10px] richtext-rounded-[10px] richtext-p-[10px]",children:[o.jsx(te.Textarea,{autoFocus:!0,className:"richtext-flex-1",onChange:u=>C(u.target.value),placeholder:"Text",required:!0,rows:10,value:d,style:{color:"hsl(var(--foreground))"}}),o.jsx("div",{className:"richtext-flex richtext-flex-1 richtext-items-center richtext-justify-center richtext-rounded-[10px] richtext-p-[10px]",dangerouslySetInnerHTML:{__html:q},ref:S,style:{height:"100%",borderWidth:1,minHeight:500,background:"#fff"}})]})})}),o.jsx(E.DialogFooter,{children:o.jsx(ie.Button,{disabled:!h,onClick:P,type:"button",children:"Save changes"})})]})]})}const H={TOP_LEFT:"tl",TOP_RIGHT:"tr",BOTTOM_LEFT:"bl",BOTTOM_RIGHT:"br"};function ne({editor:t,node:e,updateAttributes:r,getPos:a,selected:l}){const[T,d]=s.useState({width:L.IMAGE_MAX_SIZE,height:L.IMAGE_MAX_SIZE}),[C,q]=s.useState({width:0,height:0}),[y]=s.useState([H.TOP_LEFT,H.TOP_RIGHT,H.BOTTOM_LEFT,H.BOTTOM_RIGHT]),[c,_]=s.useState(!1),[S,h]=s.useState({x:0,y:0,w:0,h:0,dir:""}),{align:k}=e==null?void 0:e.attrs,f=s.useMemo(()=>{const{src:i,alt:p,width:x,height:v}=e==null?void 0:e.attrs,w=N.isNumber(x)?`${x}px`:x,n=N.isNumber(v)?`${v}px`:v;return{src:i||void 0,alt:p||void 0,style:{width:w||void 0,height:n||void 0}}},[e==null?void 0:e.attrs]),O=s.useMemo(()=>{const{style:{width:i}}=f;return{width:i==="100%"?i:void 0}},[f]);function D(i){q({width:i.target.width,height:i.target.height})}function I(){t.commands.setNodeSelection(a())}const R=s.useCallback(B.throttle(()=>{const{width:i}=getComputedStyle(t.view.dom);d(p=>({...p,width:Number.parseInt(i,10)}))},L.IMAGE_THROTTLE_WAIT_TIME),[t]);function P(i,p){i.preventDefault(),i.stopPropagation();const x=C.width,v=C.height,w=x/v;let n=Number(e.attrs.width),M=Number(e.attrs.height);const m=T.width;n&&!M?(n=n>m?m:n,M=Math.round(n/w)):M&&!n?(n=Math.round(M*w),n=n>m?m:n):!n&&!M?(n=x>m?m:x,M=Math.round(n/w)):n=n>m?m:n,_(!0),h({x:i.clientX,y:i.clientY,w:n,h:M,dir:p})}const u=s.useCallback(B.throttle(i=>{if(i.preventDefault(),i.stopPropagation(),!c)return;const{x:p,w:x,dir:v}=S,w=(i.clientX-p)*(/l/.test(v)?-1:1),{width:n,height:M}=e==null?void 0:e.attrs,m=n/M,$=z.clamp(x+w,L.IMAGE_MIN_SIZE,T.width),V=Math.round($/m);r({width:$,height:V})},L.IMAGE_THROTTLE_WAIT_TIME),[c,S,T,r,e==null?void 0:e.attrs]),g=s.useCallback(i=>{i.preventDefault(),i.stopPropagation(),c&&(h({x:0,y:0,w:0,h:0,dir:""}),_(!1),I())},[c,I]),j=s.useCallback(()=>{document==null||document.addEventListener("mousemove",u,!0),document==null||document.addEventListener("mouseup",g,!0)},[u,g]),A=s.useCallback(()=>{document==null||document.removeEventListener("mousemove",u,!0),document==null||document.removeEventListener("mouseup",g,!0)},[u,g]);s.useEffect(()=>(c?j():A(),()=>{A()}),[c,j,A]);const b=s.useMemo(()=>new ResizeObserver(()=>R()),[R]);return s.useEffect(()=>(b.observe(t.view.dom),()=>{b.disconnect()}),[t.view.dom,b]),o.jsx(N.NodeViewWrapper,{className:"image-view",style:{...O,width:"100%",textAlign:k},children:o.jsxs("div",{"data-drag-handle":!0,draggable:"true",style:{...O,background:"#fff"},className:`image-view__body ${l?"image-view__body--focused":""} ${c?"image-view__body--resizing":""}`,children:[o.jsx("img",{alt:f.alt,className:"image-view__body__image block",height:"auto",onClick:I,onLoad:D,src:f.src,style:f.style}),t.view.editable&&(l||c)&&o.jsx("div",{className:"image-resizer",children:y==null?void 0:y.map(i=>o.jsx("span",{className:`image-resizer__handler image-resizer__handler--${i}`,onMouseDown:p=>P(p,i)},`image-dir-${i}`))})]})})}const W=B.index_default.extend({name:"mermaid",addOptions(){var t;return{...(t=this.parent)==null?void 0:t.call(this),inline:!1,content:"",marks:"",group:"block",draggable:!1,selectable:!0,atom:!0,HTMLAttributes:{class:"mermaid"},button:({editor:e,t:r,extension:a})=>{var l;return{componentProps:{action:()=>!0,isActive:()=>!1,disabled:!1,editor:e,icon:"Mermaid",tooltip:r("editor.mermaid.tooltip"),upload:(l=a==null?void 0:a.options)==null?void 0:l.upload}}}}},addAttributes(){var t;return{...(t=this.parent)==null?void 0:t.call(this),width:{default:null,parseHTML:e=>{const r=e.querySelector("img"),a=r==null?void 0:r.getAttribute("width");return a?Number.parseInt(a,10):320},renderHTML:e=>({width:e.width})},height:{default:null,parseHTML:e=>{const r=e.querySelector("img"),a=r==null?void 0:r.getAttribute("height");return a?Number.parseInt(a,10):212},renderHTML:e=>({height:e.height})},align:{default:"center",parseHTML:e=>e.getAttribute("align"),renderHTML:e=>({align:e.align})}}},addNodeView(){return N.ReactNodeViewRenderer(ne)},addCommands(){return{setMermaid:(t,e)=>({commands:r,editor:a})=>e?r.insertContent({type:this.name,attrs:t}):r.insertContentAt(a.state.selection.anchor,{type:this.name,attrs:t}),setAlignImageMermaid:t=>({commands:e})=>e.updateAttributes(this.name,{align:t})}},renderHTML({HTMLAttributes:t}){const{align:e}=t;return["div",{style:e?`text-align: ${e};`:"",class:"imageMermaid"},["img",N.mergeAttributes(this.options.HTMLAttributes,t)]]},parseHTML(){return[{tag:"div[class=imageMermaid]",getAttrs:t=>{const e=t.querySelector("img"),r=e==null?void 0:e.getAttribute("width"),a=e==null?void 0:e.getAttribute("height");return{src:e==null?void 0:e.getAttribute("src"),alt:e==null?void 0:e.getAttribute("alt"),width:r?Number.parseInt(r,10):null,height:a?Number.parseInt(a,10):null,align:(e==null?void 0:e.getAttribute("align"))||t.style.textAlign||null}}}]}});exports.Mermaid=W;exports.RichTextMermaid=ae;
+"use strict";var X=Object.create;var G=Object.defineProperty;var U=Object.getOwnPropertyDescriptor;var Z=Object.getOwnPropertyNames;var Y=Object.getPrototypeOf,J=Object.prototype.hasOwnProperty;var K=(t,e,r,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of Z(e))!J.call(t,l)&&l!==r&&G(t,l,{get:()=>e[l],enumerable:!(a=U(e,l))||a.enumerable});return t};var Q=(t,e,r)=>(r=t!=null?X(Y(t)):{},K(e||!t||!t.__esModule?G(r,"default",{value:t,enumerable:!0}):r,t));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("./index-BBNITgNi.cjs"),$=require("./throttle-BM3Bmbf_.cjs"),o=require("react/jsx-runtime"),s=require("react"),F=require("./shortId-Bfj8TyNr.cjs"),ee=require("./index-BFXkgG1P.cjs"),te=require("./button-Bxfjx9_Y.cjs"),E=require("./dialog-D-oYxagG.cjs"),re=require("./textarea-BKb7LDw1.cjs"),L=require("./index-FSRjMsxW.cjs"),z=require("./useButtonProps-B0riSJs9.cjs"),ie=require("./file-i7e4nQY2.cjs"),se=`graph TB
+a-->b`;function ae(){const t=z.useEditorInstance(),e=z.useButtonProps(W.name),{tooltipOptions:r={},isActive:a=void 0,upload:l}=(e==null?void 0:e.componentProps)??{},{editorDisabled:T}=z.useToggleActive(a),[d,C]=s.useState(se),[q,y]=s.useState(""),[c,_]=s.useState(!1),S=s.useRef(null),[h,k]=s.useState(null),[f,O]=s.useState(!0),D=s.useCallback(u=>{u&&import("mermaid").then(g=>{k(g.default)}).finally(()=>O(!1))},[]),I=async u=>{try{const{svg:g}=await h.render("mermaid-svg",u);y(g)}catch{y("")}},R=()=>{h.initialize({darkMode:!1,startOnLoad:!1,fontSize:12,theme:"base"}),I(d)};s.useEffect(()=>{!f&&h&&c&&R()},[h,c]),s.useEffect(()=>{!f&&h&&c&&I(d)},[h&&d]);const P=async()=>{if(d!==""){if(d){const u=S.current.querySelector("svg"),{width:g,height:j}=u.getBoundingClientRect(),A=`mermaid-${F.shortId()}.svg`;let b=F.i(u.outerHTML);if(l){const i=ie.dataURLtoFile(b,A);b=await l(i)}t==null||t.chain().focus().setMermaid({type:"mermaid",src:b,alt:encodeURIComponent(d),width:g,height:j},!!d).run()}_(!1)}};return o.jsxs(E.Dialog,{onOpenChange:_,open:c,children:[o.jsx(E.DialogTrigger,{asChild:!0,children:o.jsx(ee.ActionButton,{disabled:T,icon:"Mermaid",tooltip:"Mermaid",tooltipOptions:r,action:()=>{T||_(!0)}})}),o.jsxs(E.DialogContent,{className:"richtext-z-[99999] !richtext-max-w-[1300px]",children:[o.jsx(E.DialogTitle,{children:"Mermaid"}),o.jsx("div",{ref:D,style:{height:"100%",border:"1px solid hsl(var(--border))"},children:f?o.jsx("p",{children:"Loading..."}):o.jsx(o.Fragment,{children:o.jsxs("div",{className:"richtext-flex richtext-gap-[10px] richtext-rounded-[10px] richtext-p-[10px]",children:[o.jsx(re.Textarea,{autoFocus:!0,className:"richtext-flex-1",onChange:u=>C(u.target.value),placeholder:"Text",required:!0,rows:10,value:d,style:{color:"hsl(var(--foreground))"}}),o.jsx("div",{className:"richtext-flex richtext-flex-1 richtext-items-center richtext-justify-center richtext-rounded-[10px] richtext-p-[10px]",dangerouslySetInnerHTML:{__html:q},ref:S,style:{height:"100%",borderWidth:1,minHeight:500,background:"#fff"}})]})})}),o.jsx(E.DialogFooter,{children:o.jsx(te.Button,{disabled:!h,onClick:P,type:"button",children:"Save changes"})})]})]})}const H={TOP_LEFT:"tl",TOP_RIGHT:"tr",BOTTOM_LEFT:"bl",BOTTOM_RIGHT:"br"};function ne({editor:t,node:e,updateAttributes:r,getPos:a,selected:l}){const[T,d]=s.useState({width:L.IMAGE_MAX_SIZE,height:L.IMAGE_MAX_SIZE}),[C,q]=s.useState({width:0,height:0}),[y]=s.useState([H.TOP_LEFT,H.TOP_RIGHT,H.BOTTOM_LEFT,H.BOTTOM_RIGHT]),[c,_]=s.useState(!1),[S,h]=s.useState({x:0,y:0,w:0,h:0,dir:""}),{align:k}=e==null?void 0:e.attrs,f=s.useMemo(()=>{const{src:i,alt:p,width:x,height:v}=e==null?void 0:e.attrs,w=N.isNumber(x)?`${x}px`:x,n=N.isNumber(v)?`${v}px`:v;return{src:i||void 0,alt:p||void 0,style:{width:w||void 0,height:n||void 0}}},[e==null?void 0:e.attrs]),O=s.useMemo(()=>{const{style:{width:i}}=f;return{width:i==="100%"?i:void 0}},[f]);function D(i){q({width:i.target.width,height:i.target.height})}function I(){t.commands.setNodeSelection(a())}const R=s.useCallback($.throttle(()=>{const{width:i}=getComputedStyle(t.view.dom);d(p=>({...p,width:Number.parseInt(i,10)}))},L.IMAGE_THROTTLE_WAIT_TIME),[t]);function P(i,p){i.preventDefault(),i.stopPropagation();const x=C.width,v=C.height,w=x/v;let n=Number(e.attrs.width),M=Number(e.attrs.height);const m=T.width;n&&!M?(n=n>m?m:n,M=Math.round(n/w)):M&&!n?(n=Math.round(M*w),n=n>m?m:n):!n&&!M?(n=x>m?m:x,M=Math.round(n/w)):n=n>m?m:n,_(!0),h({x:i.clientX,y:i.clientY,w:n,h:M,dir:p})}const u=s.useCallback($.throttle(i=>{if(i.preventDefault(),i.stopPropagation(),!c)return;const{x:p,w:x,dir:v}=S,w=(i.clientX-p)*(/l/.test(v)?-1:1),{width:n,height:M}=e==null?void 0:e.attrs,m=n/M,B=z.clamp(x+w,L.IMAGE_MIN_SIZE,T.width),V=Math.round(B/m);r({width:B,height:V})},L.IMAGE_THROTTLE_WAIT_TIME),[c,S,T,r,e==null?void 0:e.attrs]),g=s.useCallback(i=>{i.preventDefault(),i.stopPropagation(),c&&(h({x:0,y:0,w:0,h:0,dir:""}),_(!1),I())},[c,I]),j=s.useCallback(()=>{document==null||document.addEventListener("mousemove",u,!0),document==null||document.addEventListener("mouseup",g,!0)},[u,g]),A=s.useCallback(()=>{document==null||document.removeEventListener("mousemove",u,!0),document==null||document.removeEventListener("mouseup",g,!0)},[u,g]);s.useEffect(()=>(c?j():A(),()=>{A()}),[c,j,A]);const b=s.useMemo(()=>new ResizeObserver(()=>R()),[R]);return s.useEffect(()=>(b.observe(t.view.dom),()=>{b.disconnect()}),[t.view.dom,b]),o.jsx(N.NodeViewWrapper,{className:"image-view",style:{...O,width:"100%",textAlign:k},children:o.jsxs("div",{"data-drag-handle":!0,draggable:"true",style:{...O,background:"#fff"},className:`image-view__body ${l?"image-view__body--focused":""} ${c?"image-view__body--resizing":""}`,children:[o.jsx("img",{alt:f.alt,className:"image-view__body__image block",height:"auto",onClick:I,onLoad:D,src:f.src,style:f.style}),t.view.editable&&(l||c)&&o.jsx("div",{className:"image-resizer",children:y==null?void 0:y.map(i=>o.jsx("span",{className:`image-resizer__handler image-resizer__handler--${i}`,onMouseDown:p=>P(p,i)},`image-dir-${i}`))})]})})}const W=$.index_default.extend({name:"mermaid",addOptions(){var t;return{...(t=this.parent)==null?void 0:t.call(this),inline:!1,content:"",marks:"",group:"block",draggable:!1,selectable:!0,atom:!0,HTMLAttributes:{class:"mermaid"},button:({editor:e,t:r,extension:a})=>{var l;return{componentProps:{action:()=>!0,isActive:()=>!1,disabled:!1,editor:e,icon:"Mermaid",tooltip:r("editor.mermaid.tooltip"),upload:(l=a==null?void 0:a.options)==null?void 0:l.upload}}}}},addAttributes(){var t;return{...(t=this.parent)==null?void 0:t.call(this),width:{default:null,parseHTML:e=>{const r=e.querySelector("img"),a=r==null?void 0:r.getAttribute("width");return a?Number.parseInt(a,10):320},renderHTML:e=>({width:e.width})},height:{default:null,parseHTML:e=>{const r=e.querySelector("img"),a=r==null?void 0:r.getAttribute("height");return a?Number.parseInt(a,10):212},renderHTML:e=>({height:e.height})},align:{default:"center",parseHTML:e=>e.getAttribute("align"),renderHTML:e=>({align:e.align})}}},addNodeView(){return N.ReactNodeViewRenderer(ne)},addCommands(){return{setMermaid:(t,e)=>({commands:r,editor:a})=>e?r.insertContent({type:this.name,attrs:t}):r.insertContentAt(a.state.selection.anchor,{type:this.name,attrs:t}),setAlignImageMermaid:t=>({commands:e})=>e.updateAttributes(this.name,{align:t})}},renderHTML({HTMLAttributes:t}){const{align:e}=t;return["div",{style:e?`text-align: ${e};`:"",class:"imageMermaid"},["img",N.mergeAttributes(this.options.HTMLAttributes,t)]]},parseHTML(){return[{tag:"div[class=imageMermaid]",getAttrs:t=>{const e=t.querySelector("img"),r=e==null?void 0:e.getAttribute("width"),a=e==null?void 0:e.getAttribute("height");return{src:e==null?void 0:e.getAttribute("src"),alt:e==null?void 0:e.getAttribute("alt"),width:r?Number.parseInt(r,10):null,height:a?Number.parseInt(a,10):null,align:(e==null?void 0:e.getAttribute("align"))||t.style.textAlign||null}}}]}});exports.Mermaid=W;exports.RichTextMermaid=ae;

package/lib/Mermaid.js

@@ -1,23 +1,23 @@
-import { s as U, u as G, m as X, R as Z } from "./index-nFjllrEl.js";
-import { a as q, c as Y } from "./throttle-CGM5M2yG.js";
+import { s as U, u as G, m as X, R as Z } from "./index-CbIQPoF6.js";
+import { a as q, c as Y } from "./throttle-BIkZV3Y_.js";
 import { jsxs as C, jsx as n, Fragment as J } from "react/jsx-runtime";
 import { useState as m, useRef as K, useCallback as A, useEffect as H, useMemo as P } from "react";
 import { s as Q, i as tt } from "./shortId-WJVkrvml.js";
-import { A as et } from "./toggle-xchtz-Kf.js";
-import { D as rt, a as it, b as at, c as st, d as nt } from "./dialog-Ce9Cjfft.js";
-import { T as ot } from "./textarea-CIs52G8B.js";
-import { I as V, j as W, k as lt } from "./index-0OnGZkVF.js";
-import { c as ct, u as dt, a as ut, i as ht } from "./useButtonProps-D0SrPzuG.js";
-import { d as mt } from "./file-BLas99n7.js";
-import { B as gt } from "./button-Crm67hfl.js";
+import { A as et } from "./index-pgx8gyoC.js";
+import { B as rt } from "./button-0963_Pa8.js";
+import { D as it, a as at, b as st, c as nt, d as ot } from "./dialog-B-9_Z5j2.js";
+import { T as lt } from "./textarea-CClyW-74.js";
+import { I as V, j as W, k as ct } from "./index-0OnGZkVF.js";
+import { c as dt, u as ut, a as ht, f as mt } from "./useButtonProps-StwAz7Ha.js";
+import { d as gt } from "./file-BLas99n7.js";
 const pt = `graph TB
 a-->b`;
 function Ot() {
-  const e = ct(), t = dt(vt.name), {
+  const e = dt(), t = ut(vt.name), {
     tooltipOptions: i = {},
     isActive: s = void 0,
     upload: w
-  } = (t == null ? void 0 : t.componentProps) ?? {}, { editorDisabled: T } = ut(s), [c, S] = m(pt), [D, y] = m(""), [o, _] = m(!1), L = K(null), [d, k] = m(null), [g, O] = m(!0), B = A(
+  } = (t == null ? void 0 : t.componentProps) ?? {}, { editorDisabled: T } = ht(s), [c, S] = m(pt), [D, y] = m(""), [o, _] = m(!1), L = K(null), [d, k] = m(null), [g, O] = m(!0), B = A(
     (l) => {
       l && import("mermaid").then((u) => {
         k(u.default);
@@ -45,12 +45,12 @@ function Ot() {
   }, [d, o]), H(() => {
     !g && d && o && I(c);
   }, [d && c]), /* @__PURE__ */ C(
-    rt,
+    it,
     {
       onOpenChange: _,
       open: o,
       children: [
-        /* @__PURE__ */ n(it, { asChild: !0, children: /* @__PURE__ */ n(
+        /* @__PURE__ */ n(at, { asChild: !0, children: /* @__PURE__ */ n(
           et,
           {
             disabled: T,
@@ -62,8 +62,8 @@ function Ot() {
             }
           }
         ) }),
-        /* @__PURE__ */ C(at, { className: "richtext-z-[99999] !richtext-max-w-[1300px]", children: [
-          /* @__PURE__ */ n(st, { children: "Mermaid" }),
+        /* @__PURE__ */ C(st, { className: "richtext-z-[99999] !richtext-max-w-[1300px]", children: [
+          /* @__PURE__ */ n(nt, { children: "Mermaid" }),
           /* @__PURE__ */ n(
             "div",
             {
@@ -71,7 +71,7 @@ function Ot() {
               style: { height: "100%", border: "1px solid hsl(var(--border))" },
               children: g ? /* @__PURE__ */ n("p", { children: "Loading..." }) : /* @__PURE__ */ n(J, { children: /* @__PURE__ */ C("div", { className: "richtext-flex richtext-gap-[10px] richtext-rounded-[10px] richtext-p-[10px]", children: [
                 /* @__PURE__ */ n(
-                  ot,
+                  lt,
                   {
                     autoFocus: !0,
                     className: "richtext-flex-1",
@@ -97,8 +97,8 @@ function Ot() {
               ] }) })
             }
           ),
-          /* @__PURE__ */ n(nt, { children: /* @__PURE__ */ n(
-            gt,
+          /* @__PURE__ */ n(ot, { children: /* @__PURE__ */ n(
+            rt,
             {
               disabled: !d,
               onClick: async () => {
@@ -107,7 +107,7 @@ function Ot() {
                     const l = L.current.querySelector("svg"), { width: u, height: R } = l.getBoundingClientRect(), N = `mermaid-${Q()}.svg`;
                     let M = tt(l.outerHTML);
                     if (w) {
-                      const r = mt(M, N);
+                      const r = gt(M, N);
                       M = await w(r);
                     }
                     e == null || e.chain().focus().setMermaid(
@@ -209,7 +209,7 @@ function ft({ editor: e, node: t, updateAttributes: i, getPos: s, selected: w })
     q((r) => {
       if (r.preventDefault(), r.stopPropagation(), !o)
         return;
-      const { x: p, w: f, dir: b } = L, x = (r.clientX - p) * (/l/.test(b) ? -1 : 1), { width: a, height: v } = t == null ? void 0 : t.attrs, h = a / v, $ = ht(f + x, lt, T.width), j = Math.round($ / h);
+      const { x: p, w: f, dir: b } = L, x = (r.clientX - p) * (/l/.test(b) ? -1 : 1), { width: a, height: v } = t == null ? void 0 : t.attrs, h = a / v, $ = mt(f + x, ct, T.width), j = Math.round($ / h);
       i({
         width: $,
         height: j

package/lib/MoreMark.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index-DLqogznp.cjs"),r=require("react/jsx-runtime"),M=require("react"),x=require("./toggle-DVCNvcqp.cjs");require("./index-CNzHZDls.cjs");const h=require("./useButtonProps-bei1vI37.cjs"),p=require("./dropdown-menu-CSCDQtq0.cjs"),f=require("./index-DmOTQudI.cjs"),S=require("./Icon-BjR_or8V.cjs");var k=c.Mark.create({name:"subscript",addOptions(){return{HTMLAttributes:{}}},parseHTML(){return[{tag:"sub"},{style:"vertical-align",getAttrs(t){return t!=="sub"?!1:null}}]},renderHTML({HTMLAttributes:t}){return["sub",c.mergeAttributes(this.options.HTMLAttributes,t),0]},addCommands(){return{setSubscript:()=>({commands:t})=>t.setMark(this.name),toggleSubscript:()=>({commands:t})=>t.toggleMark(this.name),unsetSubscript:()=>({commands:t})=>t.unsetMark(this.name)}},addKeyboardShortcuts(){return{"Mod-,":()=>this.editor.commands.toggleSubscript()}}}),A=c.Mark.create({name:"superscript",addOptions(){return{HTMLAttributes:{}}},parseHTML(){return[{tag:"sup"},{style:"vertical-align",getAttrs(t){return t!=="super"?!1:null}}]},renderHTML({HTMLAttributes:t}){return["sup",c.mergeAttributes(this.options.HTMLAttributes,t),0]},addCommands(){return{setSuperscript:()=>({commands:t})=>t.setMark(this.name),toggleSuperscript:()=>({commands:t})=>t.toggleMark(this.name),unsetSuperscript:()=>({commands:t})=>t.unsetMark(this.name)}},addKeyboardShortcuts(){return{"Mod-.":()=>this.editor.commands.toggleSuperscript()}}});function v(){const t=h.useButtonProps(b.name),{icon:s=void 0,tooltip:n=void 0,items:i=[],isActive:l=void 0}=(t==null?void 0:t.componentProps)??{},{disabled:u,dataState:o}=h.useActive(l),d=M.useMemo(()=>(o==null?void 0:o.title)||"",[o]);return t?r.jsxs(p.DropdownMenu,{children:[r.jsx(p.DropdownMenuTrigger,{asChild:!0,disabled:u,children:r.jsx(x.ActionButton,{customClass:"!richtext-w-12 richtext-h-12",disabled:u,icon:s,tooltip:n,children:r.jsx(f.MenuDown,{className:"richtext-size-3 richtext-text-gray-500"})})}),r.jsx(p.DropdownMenuContent,{className:"w-full",children:i==null?void 0:i.map((e,a)=>r.jsxs(p.DropdownMenuCheckboxItem,{checked:d===e.title,className:"richtext-flex richtext-items-center richtext-gap-3",onClick:e.action,children:[r.jsx(S.IconComponent,{name:e==null?void 0:e.icon}),r.jsx("span",{className:"richtext-ml-1",children:e.title}),!!(e!=null&&e.shortcutKeys)&&r.jsx("span",{className:"richtext-ml-auto richtext-text-xs richtext-tracking-widest richtext-opacity-60",children:h.getShortcutKeys(e.shortcutKeys)})]},`more-mark-${a}`))})]}):r.jsx(r.Fragment,{})}const b=c.Extension.create({name:"moreMark",addOptions(){var t;return{...(t=this.parent)==null?void 0:t.call(this),button({editor:s,extension:n,t:i}){var a,g;const l=n.options.subscript,u=n.options.superscript,o={action:()=>s.commands.toggleSubscript(),isActive:()=>s.isActive("subscript")||!1,disabled:!s.can().toggleSubscript(),icon:"Subscript",title:i("editor.subscript.tooltip"),shortcutKeys:((a=n.options.shortcutKeys)==null?void 0:a[0])??["mod","."]},d={action:()=>s.commands.toggleSuperscript(),isActive:()=>s.isActive("superscript")||!1,disabled:!s.can().toggleSuperscript(),icon:"Superscript",title:i("editor.superscript.tooltip"),shortcutKeys:((g=n.options.shortcutKeys)==null?void 0:g[1])??["mod",","]},e=[];return l!==!1&&e.push(o),u!==!1&&e.push(d),{componentProps:{icon:"Type",tooltip:i("editor.moremark"),disabled:!s.isEditable,items:e,isActive:()=>e==null?void 0:e.find(m=>m.isActive())}}}}},addExtensions(){const t=[];return this.options.subscript!==!1&&t.push(k.configure(this.options.subscript)),this.options.superscript!==!1&&t.push(A.configure(this.options.superscript)),t}});exports.MoreMark=b;exports.RichTextMoreMark=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index-BBNITgNi.cjs"),r=require("react/jsx-runtime"),x=require("react"),h=require("./index-BFXkgG1P.cjs"),p=require("./dropdown-menu-r8XibZQU.cjs"),b=require("./useButtonProps-B0riSJs9.cjs"),f=require("./Icon-DHNSWrSX.cjs");var S=c.Mark.create({name:"subscript",addOptions(){return{HTMLAttributes:{}}},parseHTML(){return[{tag:"sub"},{style:"vertical-align",getAttrs(t){return t!=="sub"?!1:null}}]},renderHTML({HTMLAttributes:t}){return["sub",c.mergeAttributes(this.options.HTMLAttributes,t),0]},addCommands(){return{setSubscript:()=>({commands:t})=>t.setMark(this.name),toggleSubscript:()=>({commands:t})=>t.toggleMark(this.name),unsetSubscript:()=>({commands:t})=>t.unsetMark(this.name)}},addKeyboardShortcuts(){return{"Mod-,":()=>this.editor.commands.toggleSubscript()}}}),k=c.Mark.create({name:"superscript",addOptions(){return{HTMLAttributes:{}}},parseHTML(){return[{tag:"sup"},{style:"vertical-align",getAttrs(t){return t!=="super"?!1:null}}]},renderHTML({HTMLAttributes:t}){return["sup",c.mergeAttributes(this.options.HTMLAttributes,t),0]},addCommands(){return{setSuperscript:()=>({commands:t})=>t.setMark(this.name),toggleSuperscript:()=>({commands:t})=>t.toggleMark(this.name),unsetSuperscript:()=>({commands:t})=>t.unsetMark(this.name)}},addKeyboardShortcuts(){return{"Mod-.":()=>this.editor.commands.toggleSuperscript()}}});function A(){const t=b.useButtonProps(m.name),{icon:s=void 0,tooltip:n=void 0,items:i=[],isActive:l=void 0}=(t==null?void 0:t.componentProps)??{},{disabled:u,dataState:o}=b.useActive(l),d=x.useMemo(()=>(o==null?void 0:o.title)||"",[o]);return t?r.jsxs(p.DropdownMenu,{children:[r.jsx(p.DropdownMenuTrigger,{asChild:!0,disabled:u,children:r.jsx(h.ActionButton,{customClass:"!richtext-w-12 richtext-h-12",disabled:u,icon:s,tooltip:n,children:r.jsx(h.MenuDown,{className:"richtext-size-3 richtext-text-gray-500"})})}),r.jsx(p.DropdownMenuContent,{className:"w-full",children:i==null?void 0:i.map((e,a)=>r.jsxs(p.DropdownMenuCheckboxItem,{checked:d===e.title,className:"richtext-flex richtext-items-center richtext-gap-3",onClick:e.action,children:[r.jsx(f.IconComponent,{name:e==null?void 0:e.icon}),r.jsx("span",{className:"richtext-ml-1",children:e.title}),!!(e!=null&&e.shortcutKeys)&&r.jsx("span",{className:"richtext-ml-auto richtext-text-xs richtext-tracking-widest richtext-opacity-60",children:h.getShortcutKeys(e.shortcutKeys)})]},`more-mark-${a}`))})]}):r.jsx(r.Fragment,{})}const m=c.Extension.create({name:"moreMark",addOptions(){var t;return{...(t=this.parent)==null?void 0:t.call(this),button({editor:s,extension:n,t:i}){var a,g;const l=n.options.subscript,u=n.options.superscript,o={action:()=>s.commands.toggleSubscript(),isActive:()=>s.isActive("subscript")||!1,disabled:!s.can().toggleSubscript(),icon:"Subscript",title:i("editor.subscript.tooltip"),shortcutKeys:((a=n.options.shortcutKeys)==null?void 0:a[0])??["mod","."]},d={action:()=>s.commands.toggleSuperscript(),isActive:()=>s.isActive("superscript")||!1,disabled:!s.can().toggleSuperscript(),icon:"Superscript",title:i("editor.superscript.tooltip"),shortcutKeys:((g=n.options.shortcutKeys)==null?void 0:g[1])??["mod",","]},e=[];return l!==!1&&e.push(o),u!==!1&&e.push(d),{componentProps:{icon:"Type",tooltip:i("editor.moremark"),disabled:!s.isEditable,items:e,isActive:()=>e==null?void 0:e.find(M=>M.isActive())}}}}},addExtensions(){const t=[];return this.options.subscript!==!1&&t.push(S.configure(this.options.subscript)),this.options.superscript!==!1&&t.push(k.configure(this.options.superscript)),t}});exports.MoreMark=m;exports.RichTextMoreMark=A;

package/lib/MoreMark.js

@@ -1,12 +1,10 @@
-import { M as h, m, E as b } from "./index-nFjllrEl.js";
+import { M as h, m, E as b } from "./index-CbIQPoF6.js";
 import { jsx as e, Fragment as f, jsxs as d } from "react/jsx-runtime";
 import { useMemo as M } from "react";
-import { A as x } from "./toggle-xchtz-Kf.js";
-import "./index-DuZCJJSp.js";
-import { u as A, b as S, g as k } from "./useButtonProps-D0SrPzuG.js";
-import { D as v, a as y, b as T, c as K } from "./dropdown-menu-CQykJhBs.js";
-import { M as w } from "./index-BQ17A_37.js";
-import { I as C } from "./Icon-C-qYUAS1.js";
+import { A as x, M as A, g as S } from "./index-pgx8gyoC.js";
+import { D as k, a as v, b as y, c as T } from "./dropdown-menu-par18QL5.js";
+import { u as K, b as w } from "./useButtonProps-StwAz7Ha.js";
+import { I as C } from "./Icon-prdLEHMN.js";
 var H = h.create({
   name: "subscript",
   addOptions() {
@@ -78,16 +76,16 @@ var H = h.create({
     };
   }
 });
-function $() {
-  const t = A(D.name), {
+function F() {
+  const t = K(D.name), {
     icon: s = void 0,
-    tooltip: o = void 0,
+    tooltip: n = void 0,
     items: i = [],
     isActive: a = void 0
-  } = (t == null ? void 0 : t.componentProps) ?? {}, { disabled: c, dataState: n } = S(a), p = M(() => (n == null ? void 0 : n.title) || "", [n]);
-  return t ? /* @__PURE__ */ d(v, { children: [
+  } = (t == null ? void 0 : t.componentProps) ?? {}, { disabled: c, dataState: o } = w(a), p = M(() => (o == null ? void 0 : o.title) || "", [o]);
+  return t ? /* @__PURE__ */ d(k, { children: [
     /* @__PURE__ */ e(
-      y,
+      v,
       {
         asChild: !0,
         disabled: c,
@@ -97,14 +95,14 @@ function $() {
             customClass: "!richtext-w-12 richtext-h-12",
             disabled: c,
             icon: s,
-            tooltip: o,
-            children: /* @__PURE__ */ e(w, { className: "richtext-size-3 richtext-text-gray-500" })
+            tooltip: n,
+            children: /* @__PURE__ */ e(A, { className: "richtext-size-3 richtext-text-gray-500" })
           }
         )
       }
     ),
-    /* @__PURE__ */ e(T, { className: "w-full", children: i == null ? void 0 : i.map((r, u) => /* @__PURE__ */ d(
-      K,
+    /* @__PURE__ */ e(y, { className: "w-full", children: i == null ? void 0 : i.map((r, u) => /* @__PURE__ */ d(
+      T,
       {
         checked: p === r.title,
         className: "richtext-flex richtext-items-center richtext-gap-3",
@@ -112,7 +110,7 @@ function $() {
         children: [
           /* @__PURE__ */ e(C, { name: r == null ? void 0 : r.icon }),
           /* @__PURE__ */ e("span", { className: "richtext-ml-1", children: r.title }),
-          !!(r != null && r.shortcutKeys) && /* @__PURE__ */ e("span", { className: "richtext-ml-auto richtext-text-xs richtext-tracking-widest richtext-opacity-60", children: k(r.shortcutKeys) })
+          !!(r != null && r.shortcutKeys) && /* @__PURE__ */ e("span", { className: "richtext-ml-auto richtext-text-xs richtext-tracking-widest richtext-opacity-60", children: S(r.shortcutKeys) })
         ]
       },
       `more-mark-${u}`
@@ -127,24 +125,24 @@ const D = /* @__PURE__ */ b.create({
     var t;
     return {
       ...(t = this.parent) == null ? void 0 : t.call(this),
-      button({ editor: s, extension: o, t: i }) {
+      button({ editor: s, extension: n, t: i }) {
         var u, l;
-        const a = o.options.subscript, c = o.options.superscript, n = {
+        const a = n.options.subscript, c = n.options.superscript, o = {
           action: () => s.commands.toggleSubscript(),
           isActive: () => s.isActive("subscript") || !1,
           disabled: !s.can().toggleSubscript(),
           icon: "Subscript",
           title: i("editor.subscript.tooltip"),
-          shortcutKeys: ((u = o.options.shortcutKeys) == null ? void 0 : u[0]) ?? ["mod", "."]
+          shortcutKeys: ((u = n.options.shortcutKeys) == null ? void 0 : u[0]) ?? ["mod", "."]
         }, p = {
           action: () => s.commands.toggleSuperscript(),
           isActive: () => s.isActive("superscript") || !1,
           disabled: !s.can().toggleSuperscript(),
           icon: "Superscript",
           title: i("editor.superscript.tooltip"),
-          shortcutKeys: ((l = o.options.shortcutKeys) == null ? void 0 : l[1]) ?? ["mod", ","]
+          shortcutKeys: ((l = n.options.shortcutKeys) == null ? void 0 : l[1]) ?? ["mod", ","]
         }, r = [];
-        return a !== !1 && r.push(n), c !== !1 && r.push(p), {
+        return a !== !1 && r.push(o), c !== !1 && r.push(p), {
           // component: ActionMoreButton,
           componentProps: {
             icon: "Type",
@@ -164,5 +162,5 @@ const D = /* @__PURE__ */ b.create({
 });
 export {
   D as MoreMark,
-  $ as RichTextMoreMark
+  F as RichTextMoreMark
 };