reactjs-tiptap-editor 1.0.7 → 1.0.9

package/lib/Mention.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index-DLqogznp.cjs"),y=require("@tiptap/pm/model"),g=require("./updatePosition-C17CDdjq.cjs"),w=require("@tiptap/pm/state"),m=require("react/jsx-runtime"),h=require("react"),v=require("scroll-into-view-if-needed"),p=require("./dom-dataset-BqoJhJXt.cjs");function M({editor:e,overrideSuggestionOptions:t,extensionName:r,char:n="@"}){const i=new w.PluginKey;return{editor:e,char:n,pluginKey:i,command:({editor:s,range:a,props:l})=>{var u,o,d;const f=s.view.state.selection.$to.nodeAfter;((u=f==null?void 0:f.text)==null?void 0:u.startsWith(" "))&&(a.to+=1),s.chain().focus().insertContentAt(a,[{type:r,attrs:{...l,mentionSuggestionChar:n}},{type:"text",text:" "}]).run(),(d=(o=s.view.dom.ownerDocument.defaultView)==null?void 0:o.getSelection())==null||d.collapseToEnd()},allow:({state:s,range:a})=>{const l=s.doc.resolve(a.from),u=s.schema.nodes[r];return!!l.parent.type.contentMatch.matchType(u)},...t}}function b(e){return(e.options.suggestions.length?e.options.suggestions:[e.options.suggestion]).map(t=>M({editor:e.editor,overrideSuggestionOptions:t,extensionName:e.name,char:t.char}))}function x(e,t){const r=b(e),n=r.find(i=>i.char===t);return n||(r.length?r[0]:null)}var T=c.Node3.create({name:"mention",priority:101,addOptions(){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}`},deleteTriggerWithBackspace:!1,renderHTML({options:e,node:t,suggestion:r}){var n,i;return["span",c.mergeAttributes(this.HTMLAttributes,e.HTMLAttributes),`${(n=r==null?void 0:r.char)!=null?n:"@"}${(i=t.attrs.label)!=null?i:t.attrs.id}`]},suggestions:[],suggestion:{}}},group:"inline",inline:!0,selectable:!1,atom:!0,addAttributes(){return{id:{default:null,parseHTML:e=>e.getAttribute("data-id"),renderHTML:e=>e.id?{"data-id":e.id}:{}},label:{default:null,parseHTML:e=>e.getAttribute("data-label"),renderHTML:e=>e.label?{"data-label":e.label}:{}},mentionSuggestionChar:{default:"@",parseHTML:e=>e.getAttribute("data-mention-suggestion-char"),renderHTML:e=>({"data-mention-suggestion-char":e.mentionSuggestionChar})}}},parseHTML(){return[{tag:`span[data-type="${this.name}"]`}]},renderHTML({node:e,HTMLAttributes:t}){const r=x(this,e.attrs.mentionSuggestionChar);if(this.options.renderLabel!==void 0)return console.warn("renderLabel is deprecated use renderText and renderHTML instead"),["span",c.mergeAttributes({"data-type":this.name},this.options.HTMLAttributes,t),this.options.renderLabel({options:this.options,node:e,suggestion:r})];const n={...this.options};n.HTMLAttributes=c.mergeAttributes({"data-type":this.name},this.options.HTMLAttributes,t);const i=this.options.renderHTML({options:n,node:e,suggestion:r});return typeof i=="string"?["span",c.mergeAttributes({"data-type":this.name},this.options.HTMLAttributes,t),i]:i},...c.createInlineMarkdownSpec({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)}return t},serializeAttributes:e=>Object.entries(e).filter(([,t])=>t!=null).map(([t,r])=>`${t==="mentionSuggestionChar"?"char":t}="${r}"`).join(" ")}),renderText({node:e}){const t={options:this.options,node:e,suggestion:x(this,e.attrs.mentionSuggestionChar)};return this.options.renderLabel!==void 0?(console.warn("renderLabel is deprecated use renderText and renderHTML instead"),this.options.renderLabel(t)):this.options.renderText(t)},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)return!1;let a=new y.Node,l=0;return t.doc.nodesBetween(s-1,s,(u,o)=>{if(u.type.name===this.name)return r=!0,a=u,l=o,!1}),r&&e.insertText(this.options.deleteTriggerWithBackspace?"":a.attrs.mentionSuggestionChar,l,l+a.nodeSize),r})}},addProseMirrorPlugins(){return b(this).map(g.Suggestion)}}),L=T;const S=h.forwardRef((e,t)=>{const r=h.useRef(null),[n,i]=h.useState(0),s=o=>{const d=e.items[o];d&&e.command({id:d,label:d})},a=()=>{i((n+e.items.length-1)%e.items.length)},l=()=>{i((n+1)%e.items.length)},u=()=>{s(n)};return h.useEffect(()=>i(0),[e.items]),h.useEffect(()=>{if(Number.isNaN(n+1))return;const o=r.current.querySelector(`span:nth-of-type(${n+1})`);o&&v(o,{behavior:"smooth",scrollMode:"if-needed"})},[n]),h.useImperativeHandle(t,()=>({onKeyDown:({event:o})=>o.key==="ArrowUp"?(a(),!0):o.key==="ArrowDown"?(l(),!0):o.key==="Enter"?(u(),!0):!1})),m.jsx("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:m.jsx("div",{ref:r,children:e.items.length>0?e.items.map((o,d)=>m.jsx("span",{className:c.clsx("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},d)):m.jsx("div",{className:c.clsx("itemUserEmpty, richtext-text-foreground"),children:"Empty"})})})}),A=[{id:"1",name:"John Doe"},{id:"2",name:"Jane Doe"},{id:"3",name:"Alice"},{id:"4",name:"Bob"}],H=L.extend({addAttributes(){return{id:{default:"",parseHTML:p.getDatasetAttribute("id")},label:{default:"",parseHTML:p.getDatasetAttribute("label")}}}}).configure({HTMLAttributes:{class:"mention"},suggestion:{items:async({query:e})=>A.map(r=>r.name).filter(r=>r.toLowerCase().startsWith(e.toLowerCase())),render:()=>{let e;return{onStart:t=>{t.clientRect&&(e=new c.ReactRenderer(S,{props:t,editor:t.editor}),e.element.style.position="absolute",document.body.appendChild(e.element),g.updatePosition(t.editor,e.element))},onUpdate(t){e.updateProps(t),t.clientRect&&g.updatePosition(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()}}}}});exports.Mention=H;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./index-BBNITgNi.cjs"),v=require("@tiptap/pm/model"),p=require("./updatePosition-u2mTh3mG.cjs"),w=require("@tiptap/pm/state"),m=require("react/jsx-runtime"),h=require("react"),T=require("scroll-into-view-if-needed");function M({editor:e,overrideSuggestionOptions:t,extensionName:n,char:r="@"}){const o=new w.PluginKey;return{editor:e,char:r,pluginKey:o,command:({editor:s,range:a,props:l})=>{var c,i,d;const g=s.view.state.selection.$to.nodeAfter;((c=g==null?void 0:g.text)==null?void 0:c.startsWith(" "))&&(a.to+=1),s.chain().focus().insertContentAt(a,[{type:n,attrs:{...l,mentionSuggestionChar:r}},{type:"text",text:" "}]).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),c=s.schema.nodes[n];return!!l.parent.type.contentMatch.matchType(c)},...t}}function y(e){return(e.options.suggestions.length?e.options.suggestions:[e.options.suggestion]).map(t=>M({editor:e.editor,overrideSuggestionOptions:t,extensionName:e.name,char:t.char}))}function x(e,t){const n=y(e),r=n.find(o=>o.char===t);return r||(n.length?n[0]:null)}var L=u.Node3.create({name:"mention",priority:101,addOptions(){return{HTMLAttributes:{},renderText({node:e,suggestion:t}){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:n}){var r,o;return["span",u.mergeAttributes(this.HTMLAttributes,e.HTMLAttributes),`${(r=n==null?void 0:n.char)!=null?r:"@"}${(o=t.attrs.label)!=null?o:t.attrs.id}`]},suggestions:[],suggestion:{}}},group:"inline",inline:!0,selectable:!1,atom:!0,addAttributes(){return{id:{default:null,parseHTML:e=>e.getAttribute("data-id"),renderHTML:e=>e.id?{"data-id":e.id}:{}},label:{default:null,parseHTML:e=>e.getAttribute("data-label"),renderHTML:e=>e.label?{"data-label":e.label}:{}},mentionSuggestionChar:{default:"@",parseHTML:e=>e.getAttribute("data-mention-suggestion-char"),renderHTML:e=>({"data-mention-suggestion-char":e.mentionSuggestionChar})}}},parseHTML(){return[{tag:`span[data-type="${this.name}"]`}]},renderHTML({node:e,HTMLAttributes:t}){const n=x(this,e.attrs.mentionSuggestionChar);if(this.options.renderLabel!==void 0)return console.warn("renderLabel is deprecated use renderText and renderHTML instead"),["span",u.mergeAttributes({"data-type":this.name},this.options.HTMLAttributes,t),this.options.renderLabel({options:this.options,node:e,suggestion:n})];const r={...this.options};r.HTMLAttributes=u.mergeAttributes({"data-type":this.name},this.options.HTMLAttributes,t);const o=this.options.renderHTML({options:r,node:e,suggestion:n});return typeof o=="string"?["span",u.mergeAttributes({"data-type":this.name},this.options.HTMLAttributes,t),o]:o},...u.createInlineMarkdownSpec({nodeName:"mention",name:"@",selfClosing:!0,allowedAttributes:["id","label",{name:"mentionSuggestionChar",skipIfDefault:"@"}],parseAttributes: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,n])=>`${t==="mentionSuggestionChar"?"char":t}="${n}"`).join(" ")}),renderText({node:e}){const t={options:this.options,node:e,suggestion:x(this,e.attrs.mentionSuggestionChar)};return this.options.renderLabel!==void 0?(console.warn("renderLabel is deprecated use renderText and renderHTML instead"),this.options.renderLabel(t)):this.options.renderText(t)},addKeyboardShortcuts(){return{Backspace:()=>this.editor.commands.command(({tr:e,state:t})=>{let n=!1;const{selection:r}=t,{empty:o,anchor:s}=r;if(!o)return!1;let a=new v.Node,l=0;return t.doc.nodesBetween(s-1,s,(c,i)=>{if(c.type.name===this.name)return n=!0,a=c,l=i,!1}),n&&e.insertText(this.options.deleteTriggerWithBackspace?"":a.attrs.mentionSuggestionChar,l,l+a.nodeSize),n})}},addProseMirrorPlugins(){return y(this).map(p.Suggestion)}}),S=L;const A=h.forwardRef((e,t)=>{const n=h.useRef(null),[r,o]=h.useState(0),s=i=>{const d=e.items[i];d&&e.command(d)},a=()=>{o((r+e.items.length-1)%e.items.length)},l=()=>{o((r+1)%e.items.length)},c=()=>{s(r)};return h.useEffect(()=>o(0),[e.items]),h.useEffect(()=>{if(Number.isNaN(r+1))return;const i=n.current.querySelector(`span:nth-of-type(${r+1})`);i&&T(i,{behavior:"smooth",scrollMode:"if-needed"})},[r]),h.useImperativeHandle(t,()=>({onKeyDown:({event:i})=>i.key==="ArrowUp"?(a(),!0):i.key==="ArrowDown"?(l(),!0):i.key==="Enter"?(c(),!0):!1})),m.jsx("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","data-richtext-portal":!0,ref:n,children:m.jsx("div",{children:e.items.length>0?e.items.map((i,d)=>{var g;return m.jsxs("span",{className:u.clsx("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:f=>{f.preventDefault(),s(d)},children:[((g=i==null?void 0:i.avatar)==null?void 0:g.src)&&m.jsx("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}`)}):m.jsx("div",{className:u.clsx("itemUserEmpty, richtext-text-foreground"),children:"Empty"})})})});function b(){let e;return{onStart:t=>{t.clientRect&&(e=new u.ReactRenderer(A,{props:t,editor:t.editor}),e.element.style.position="absolute",document.body.appendChild(e.element),p.updatePosition(t.editor,e.element))},onUpdate(t){e.updateProps(t),t.clientRect&&p.updatePosition(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 H=u.Extension.create({name:"richTextMentionWrapper",addExtensions(){var t,n,r,o;const e={...this.options};return(t=this.options)!=null&&t.suggestion&&(e.suggestion={render:b,...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:b,...s}))),[S.configure({HTMLAttributes:{class:"mention"},...e})]}});exports.Mention=H;

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-BvYjBPF9.js";
-import { Node as L } from "@tiptap/pm/model";
-import { S as M, u as f } from "./updatePosition-BAGpT34H.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"),$=require("./throttle-DXN-aiH5.cjs"),o=require("react/jsx-runtime"),s=require("react"),F=require("./shortId-Bfj8TyNr.cjs"),ee=require("./index-D42xFOzI.cjs"),te=require("./button-B6ukqDUf.cjs"),E=require("./dialog-Cfx8yjkr.cjs"),re=require("./textarea-Cbwi_h4h.cjs"),L=require("./index-FSRjMsxW.cjs"),z=require("./useButtonProps-TfmRCM9r.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;
+"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-DvvMf6Wu.cjs"),E=require("./dialog-DgnnVCfv.cjs"),te=require("./textarea-B-qfanCT.cjs"),L=require("./index-FSRjMsxW.cjs"),z=require("./useButtonProps-BqBGuqoP.cjs"),re=require("./file-i7e4nQY2.cjs"),ie=require("./button-U6XpZt2X.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($.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-BvYjBPF9.js";
-import { a as q, c as Y } from "./throttle-CjwXmkIY.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 "./index--knBGB61.js";
-import { B as rt } from "./button-C81t4pb1.js";
-import { D as it, a as at, b as st, c as nt, d as ot } from "./dialog-DMJStzBb.js";
-import { T as lt } from "./textarea-BYZu1lUC.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-BIH_9bXT.js";
-import { d as gt } from "./file-BLas99n7.js";
+import { A as et } from "./index-4pRt5Vqu.js";
+import { D as rt, a as it, b as at, c as st, d as nt } from "./dialog-DjnkASYP.js";
+import { T as ot } from "./textarea-CMDYVXYo.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, f as ht } from "./useButtonProps-DTngjZge.js";
+import { d as mt } from "./file-BLas99n7.js";
+import { B as gt } from "./button-D8SI-g7p.js";
 const pt = `graph TB
 a-->b`;
 function Ot() {
-  const e = dt(), t = ut(vt.name), {
+  const e = ct(), t = dt(vt.name), {
     tooltipOptions: i = {},
     isActive: s = void 0,
     upload: w
-  } = (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(
+  } = (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(
     (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(
-    it,
+    rt,
     {
       onOpenChange: _,
       open: o,
       children: [
-        /* @__PURE__ */ n(at, { asChild: !0, children: /* @__PURE__ */ n(
+        /* @__PURE__ */ n(it, { asChild: !0, children: /* @__PURE__ */ n(
           et,
           {
             disabled: T,
@@ -62,8 +62,8 @@ function Ot() {
             }
           }
         ) }),
-        /* @__PURE__ */ C(st, { className: "richtext-z-[99999] !richtext-max-w-[1300px]", children: [
-          /* @__PURE__ */ n(nt, { children: "Mermaid" }),
+        /* @__PURE__ */ C(at, { className: "richtext-z-[99999] !richtext-max-w-[1300px]", children: [
+          /* @__PURE__ */ n(st, { 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(
-                  lt,
+                  ot,
                   {
                     autoFocus: !0,
                     className: "richtext-flex-1",
@@ -97,8 +97,8 @@ function Ot() {
               ] }) })
             }
           ),
-          /* @__PURE__ */ n(ot, { children: /* @__PURE__ */ n(
-            rt,
+          /* @__PURE__ */ n(nt, { children: /* @__PURE__ */ n(
+            gt,
             {
               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 = gt(M, N);
+                      const r = mt(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, $ = mt(f + x, ct, 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, $ = ht(f + x, lt, 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"),x=require("react"),h=require("./index-D42xFOzI.cjs"),f=require("./Icon-C3j4ls73.cjs"),p=require("./dropdown-menu-Busg3FNn.cjs"),b=require("./useButtonProps-TfmRCM9r.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;
+"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-DvvMf6Wu.cjs"),b=require("./useButtonProps-BqBGuqoP.cjs"),p=require("./dropdown-menu-BvVMltdB.cjs"),f=require("./Icon-b6HQAURz.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,10 +1,10 @@
-import { M as h, m, E as b } from "./index-BvYjBPF9.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, M as A, g as S } from "./index--knBGB61.js";
-import { I as k } from "./Icon-CysGlJkv.js";
-import { D as v, a as y, b as T, c as K } from "./dropdown-menu-B8iyTZcP.js";
-import { u as w, b as C } from "./useButtonProps-BIH_9bXT.js";
+import { A as x, M as A, g as S } from "./index-4pRt5Vqu.js";
+import { u as k, b as v } from "./useButtonProps-DTngjZge.js";
+import { D as y, a as T, b as K, c as w } from "./dropdown-menu-bI14Gyw4.js";
+import { I as C } from "./Icon-C_buGjWy.js";
 var H = h.create({
   name: "subscript",
   addOptions() {
@@ -77,15 +77,15 @@ var H = h.create({
   }
 });
 function F() {
-  const t = w(D.name), {
+  const t = k(D.name), {
     icon: s = void 0,
     tooltip: n = void 0,
     items: i = [],
     isActive: a = void 0
-  } = (t == null ? void 0 : t.componentProps) ?? {}, { disabled: c, dataState: o } = C(a), p = M(() => (o == null ? void 0 : o.title) || "", [o]);
-  return t ? /* @__PURE__ */ d(v, { children: [
+  } = (t == null ? void 0 : t.componentProps) ?? {}, { disabled: c, dataState: o } = v(a), p = M(() => (o == null ? void 0 : o.title) || "", [o]);
+  return t ? /* @__PURE__ */ d(y, { children: [
     /* @__PURE__ */ e(
-      y,
+      T,
       {
         asChild: !0,
         disabled: c,
@@ -101,14 +101,14 @@ function F() {
         )
       }
     ),
-    /* @__PURE__ */ e(T, { className: "w-full", children: i == null ? void 0 : i.map((r, u) => /* @__PURE__ */ d(
-      K,
+    /* @__PURE__ */ e(K, { className: "w-full", children: i == null ? void 0 : i.map((r, u) => /* @__PURE__ */ d(
+      w,
       {
         checked: p === r.title,
         className: "richtext-flex richtext-items-center richtext-gap-3",
         onClick: r.action,
         children: [
-          /* @__PURE__ */ e(k, { name: r == null ? void 0 : r.icon }),
+          /* @__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: S(r.shortcutKeys) })
         ]