reactjs-tiptap-editor 1.0.7 → 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-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
+"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,14 +1,14 @@
-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 { 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-BIH_9bXT.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`;

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-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,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-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() {
@@ -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 } = 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,
@@ -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(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",
         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) })
         ]

package/lib/OrderedList.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("./index-TMqmkmT6.cjs"),r=require("react/jsx-runtime"),m=require("./index-D42xFOzI.cjs");require("react");const d=require("./useButtonProps-TfmRCM9r.cjs");function x(){const t=d.useButtonProps(c.name),{icon:e=void 0,tooltip:o=void 0,shortcutKeys:i=void 0,tooltipOptions:u={},action:s=void 0,isActive:a=void 0}=(t==null?void 0:t.componentProps)??{},{dataState:p,disabled:n,update:l}=d.useToggleActive(a),v=()=>{n||s&&(s(),l())};return t?r.jsx(m.ActionButton,{action:v,dataState:p,disabled:n,icon:e,shortcutKeys:i,tooltip:o,tooltipOptions:u}):r.jsx(r.Fragment,{})}const c=O.OrderedList.extend({addOptions(){var t;return{...(t=this.parent)==null?void 0:t.call(this),button:({editor:e,t:o,extension:i})=>({componentProps:{action:()=>e.commands.toggleOrderedList(),isActive:()=>e.isActive("orderedList"),disabled:!1,icon:"ListOrdered",shortcutKeys:i.options.shortcutKeys??["mod","shift","7"],tooltip:o("editor.orderedlist.tooltip")}})}}});exports.OrderedList=c;exports.RichTextOrderedList=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("./index-CApXPpjF.cjs"),r=require("react/jsx-runtime"),m=require("./index-BFXkgG1P.cjs");require("react");const d=require("./useButtonProps-B0riSJs9.cjs");function x(){const t=d.useButtonProps(c.name),{icon:e=void 0,tooltip:o=void 0,shortcutKeys:i=void 0,tooltipOptions:u={},action:s=void 0,isActive:a=void 0}=(t==null?void 0:t.componentProps)??{},{dataState:p,disabled:n,update:l}=d.useToggleActive(a),v=()=>{n||s&&(s(),l())};return t?r.jsx(m.ActionButton,{action:v,dataState:p,disabled:n,icon:e,shortcutKeys:i,tooltip:o,tooltipOptions:u}):r.jsx(r.Fragment,{})}const c=O.OrderedList.extend({addOptions(){var t;return{...(t=this.parent)==null?void 0:t.call(this),button:({editor:e,t:o,extension:i})=>({componentProps:{action:()=>e.commands.toggleOrderedList(),isActive:()=>e.isActive("orderedList"),disabled:!1,icon:"ListOrdered",shortcutKeys:i.options.shortcutKeys??["mod","shift","7"],tooltip:o("editor.orderedlist.tooltip")}})}}});exports.OrderedList=c;exports.RichTextOrderedList=x;

package/lib/OrderedList.js

@@ -1,8 +1,8 @@
-import { O as u } from "./index-Dwt9--mS.js";
+import { O as u } from "./index-BimeTI7q.js";
 import { jsx as n, Fragment as f } from "react/jsx-runtime";
-import { A as l } from "./index--knBGB61.js";
+import { A as l } from "./index-pgx8gyoC.js";
 import "react";
-import { u as v, a as O } from "./useButtonProps-BIH_9bXT.js";
+import { u as v, a as O } from "./useButtonProps-StwAz7Ha.js";
 function K() {
   const t = v(A.name), {
     icon: o = void 0,

package/lib/SearchAndReplace.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Y=require("./index-DLqogznp.cjs"),F=require("@tiptap/pm/state"),b=require("@tiptap/pm/view"),a=require("react/jsx-runtime"),f=require("react"),Z=require("./index-D42xFOzI.cjs"),M=require("./Icon-C3j4ls73.cjs"),j=require("./button-B6ukqDUf.cjs"),V=require("./input-BxzQAIRv.cjs"),k=require("./label-BfWfLggp.cjs"),$=require("./popover-sP8CwbV-.cjs"),_=require("./checkbox-ZdxysUFa.cjs"),B=require("./useButtonProps-TfmRCM9r.cjs"),ee=require("./index-FSRjMsxW.cjs");function te(){const{t}=ee.useLocale(),e=B.useEditorInstance(),s=B.useButtonProps(W.name),{icon:n=void 0,tooltip:u=void 0,shortcutKeys:o=void 0,tooltipOptions:c={},action:x=void 0,isActive:h=void 0}=(s==null?void 0:s.componentProps)??{},{disabled:i}=B.useActive(h),[g,d]=f.useState(!1),[p,A]=f.useState(""),[T,N]=f.useState(""),[I,H]=f.useState(!1),[U,E]=f.useState(""),w=()=>{var r,l,R,m;E(`${((l=(r=e==null?void 0:e.storage)==null?void 0:r.searchAndReplace)==null?void 0:l.resultIndex)+1}/${(m=(R=e==null?void 0:e.storage)==null?void 0:R.searchAndReplace)==null?void 0:m.results.length}`)};f.useEffect(()=>{e&&w()},[e]);const z=()=>{i||x&&x()},y=(r=!1)=>{var l,R,m,v,S,D,q,O;e&&(r&&((R=(l=e==null?void 0:e.commands)==null?void 0:l.resetIndex)==null||R.call(l)),(v=(m=e==null?void 0:e.commands)==null?void 0:m.setSearchTerm)==null||v.call(m,p),(D=(S=e==null?void 0:e.commands)==null?void 0:S.setReplaceTerm)==null||D.call(S,T),(O=(q=e==null?void 0:e.commands)==null?void 0:q.setCaseSensitive)==null||O.call(q,I),w())},P=()=>{var v,S;if(!e)return;const{results:r,resultIndex:l}=e.storage.searchAndReplace,R=r[l];if(!R)return;(S=(v=e==null?void 0:e.commands)==null?void 0:v.setTextSelection)==null||S.call(v,R);const{node:m}=e.view.domAtPos(e.state.selection.anchor);m instanceof HTMLElement&&m.scrollIntoView({behavior:"smooth",block:"center"}),w()};f.useEffect(()=>{p.trim()||L(),p.trim()&&y(!0)},[p]),f.useEffect(()=>{T.trim()&&y()},[T]),f.useEffect(()=>{y(!0)},[I]);const G=()=>{var r,l;(l=(r=e==null?void 0:e.commands)==null?void 0:r.replace)==null||l.call(r),P()},J=()=>{var r,l;(l=(r=e==null?void 0:e.commands)==null?void 0:r.nextSearchResult)==null||l.call(r),P()},Q=()=>{var r,l;(l=(r=e==null?void 0:e.commands)==null?void 0:r.previousSearchResult)==null||l.call(r),P()},L=()=>{var r,l;A(""),N(""),(l=(r=e==null?void 0:e.commands)==null?void 0:r.resetIndex)==null||l.call(r),w()},X=()=>{var r,l;(l=(r=e==null?void 0:e.commands)==null?void 0:r.replaceAll)==null||l.call(r),E("0/0")};return s?a.jsxs($.Popover,{onOpenChange:d,open:g,children:[a.jsx($.PopoverTrigger,{asChild:!0,disabled:i,children:a.jsx(Z.ActionButton,{action:z,disabled:i,icon:n,shortcutKeys:o,tooltip:u,tooltipOptions:c})}),a.jsxs($.PopoverContent,{align:"start",className:"richtext-w-full",hideWhenDetached:!0,side:"bottom",children:[a.jsxs("div",{className:"richtext-mb-[6px] richtext-flex richtext-items-center richtext-justify-between",children:[a.jsx(k.Label,{children:t("editor.search.dialog.text")}),a.jsx("span",{className:"richtext-font-semibold",children:U})]}),a.jsxs("div",{className:"richtext-mb-[10px] richtext-flex richtext-w-full richtext-max-w-sm richtext-items-center richtext-gap-1.5",children:[a.jsx(V.Input,{autoFocus:!0,className:"richtext-w-full",onChange:r=>A(r.target.value),placeholder:"Text",required:!0,type:"text",value:p}),a.jsx(j.Button,{className:"richtext-flex-1",onClick:Q,children:a.jsx(M.IconComponent,{name:"ChevronUp"})}),a.jsx(j.Button,{className:"richtext-flex-1",onClick:J,children:a.jsx(M.IconComponent,{name:"ChevronDown"})}),a.jsx(j.Button,{className:"richtext-flex-1",onClick:L,children:"Clear"})]}),a.jsx(k.Label,{className:"richtext-mb-[6px]",children:t("editor.replace.dialog.text")}),a.jsx("div",{className:"richtext-mb-[5px] richtext-flex richtext-w-full richtext-max-w-sm richtext-items-center richtext-gap-1.5",children:a.jsx("div",{className:"richtext-relative richtext-w-full richtext-max-w-sm richtext-items-center",children:a.jsx(V.Input,{className:"richtext-w-80",onChange:r=>N(r.target.value),placeholder:"Text",required:!0,type:"text",value:T})})}),a.jsxs("div",{className:"richtext-my-[10px]  richtext-flex richtext-items-center richtext-gap-1",children:[a.jsx(_.Checkbox,{checked:I,onCheckedChange:r=>{H(r),e.commands.setCaseSensitive(r)}}),a.jsx(k.Label,{children:t("editor.replace.caseSensitive")})]}),a.jsxs("div",{className:"richtext-flex richtext-items-center richtext-gap-[10px]",children:[a.jsx(j.Button,{className:"richtext-flex-1",onClick:G,children:t("editor.replace.dialog.text")}),a.jsx(j.Button,{className:"richtext-flex-1",onClick:X,children:t("editor.replaceAll.dialog.text")})]})]})]}):a.jsx(a.Fragment,{})}const C=(t,e)=>e(t.tr);function se(t,e,s){return RegExp(e?t.replace(/[$()*+.?[\\\]^{|}]/g,String.raw`\$&`):t,s?"gu":"gui")}function re(t,e,s,n){const u=[],o=[];let c=[],x=0;if(!e)return{decorationsToReturn:b.DecorationSet.empty,results:[]};t==null||t.descendants((h,i)=>{h.isText?c[x]?c[x]={text:c[x].text+h.text,pos:c[x].pos}:c[x]={text:`${h.text}`,pos:i}:x+=1}),c=c.filter(Boolean);for(const h of c){const{text:i,pos:g}=h,d=Array.from(i.matchAll(e)).filter(([p])=>p.trim());for(const p of d){if(p[0]==="")break;p.index!==void 0&&o.push({from:g+p.index,to:g+p.index+p[0].length})}}for(const[h,i]of o.entries()){const g=h===n?`${s} ${s}-current`:s,d=b.Decoration.inline(i.from,i.to,{class:g});u.push(d)}return{decorationsToReturn:b.DecorationSet.create(t,u),results:o}}function K(t,e,{state:s,dispatch:n}){if(!e[0])return;const{from:o,to:c}=e[0];n&&n(s.tr.insertText(t,o,c))}function ne(t,e,s,n){const u=e+1;if(!n[u])return null;const{from:o,to:c}=n[e],x=c-o-t.length+s,{from:h,to:i}=n[u];return n[u]={to:i-x,from:h-x},[x,n]}function ce(t,e,{tr:s,dispatch:n}){let u=0,o=e.slice();if(o.length!==0){for(let c=0;c<o.length;c+=1){const{from:x,to:h}=o[c];s.insertText(t,x,h);const i=ne(t,c,u,o);i&&(u=i[0],o=i[1])}n(s)}}const W=Y.Extension.create({name:"searchAndReplace",addOptions(){var t;return{...(t=this.parent)==null?void 0:t.call(this),searchTerm:"",replaceTerm:"",results:[],searchResultClass:"search-result",searchResultCurrentClass:"search-result-current",caseSensitive:!1,disableRegex:!0,onChange:()=>{},button:({editor:e,t:s})=>({componentProps:{action:()=>{},icon:"SearchAndReplace",tooltip:s("editor.searchAndReplace.tooltip"),isActive:()=>!0,editor:e}})}},addStorage(){return{searchTerm:"",replaceTerm:"",results:[],lastSearchTerm:"",caseSensitive:!1,lastCaseSensitive:!1,resultIndex:0,lastResultIndex:0}},addCommands(){return{setSearchTerm:t=>({editor:e,state:s,dispatch:n})=>(e.storage.searchAndReplace.searchTerm=t,C(s,n),!1),setReplaceTerm:t=>({editor:e,state:s,dispatch:n})=>(e.storage.searchAndReplace.replaceTerm=t,C(s,n),!1),setCaseSensitive:t=>({editor:e,state:s,dispatch:n})=>(e.storage.searchAndReplace.caseSensitive=t,C(s,n),!1),resetIndex:()=>({editor:t,state:e,dispatch:s})=>(t.storage.searchAndReplace.resultIndex=0,C(e,s),!1),nextSearchResult:()=>({editor:t})=>{const{results:e,resultIndex:s}=t.storage.searchAndReplace,n=s+1;return e[n]?t.storage.searchAndReplace.resultIndex=n:t.storage.searchAndReplace.resultIndex=0,!1},previousSearchResult:()=>({editor:t})=>{const{results:e,resultIndex:s}=t.storage.searchAndReplace,n=s-1;return e[n]?t.storage.searchAndReplace.resultIndex=n:t.storage.searchAndReplace.resultIndex=e.length-1,!1},replace:()=>({editor:t,state:e,dispatch:s})=>{const{replaceTerm:n,results:u,resultIndex:o}=t.storage.searchAndReplace,c=u[o];return c?(K(n,[c],{state:e,dispatch:s}),t.storage.searchAndReplace.results.splice(o,1)):(K(n,u,{state:e,dispatch:s}),t.storage.searchAndReplace.results.shift()),C(e,s),!1},replaceAll:()=>({editor:t,tr:e,state:s,dispatch:n})=>{const{replaceTerm:u,results:o}=t.storage.searchAndReplace;return ce(u,o,{tr:e,dispatch:n}),t.storage.searchAndReplace.resultIndex=0,t.storage.searchAndReplace.results=[],C(s,n),!1}}},addProseMirrorPlugins(){const t=this.editor,{searchResultClass:e,disableRegex:s}=this.options,n=c=>t.storage.searchAndReplace.lastSearchTerm=c,u=c=>t.storage.searchAndReplace.lastCaseSensitive=c,o=c=>t.storage.searchAndReplace.lastResultIndex=c;return[new F.Plugin({key:new F.PluginKey(`richtextCustomPlugin${this.name}`),state:{init:()=>b.DecorationSet.empty,apply({doc:c,docChanged:x},h){const{searchTerm:i,lastSearchTerm:g,caseSensitive:d,lastCaseSensitive:p,resultIndex:A,lastResultIndex:T}=t.storage.searchAndReplace;if(!x&&g===i&&p===d&&T===A)return h;if(n(i),u(d),o(A),!i)return t.storage.searchAndReplace.results=[],b.DecorationSet.empty;const{decorationsToReturn:N,results:I}=re(c,se(i,s,d),e,A);return t.storage.searchAndReplace.results=I,N}},props:{decorations(c){return this.getState(c)}}})]}});exports.RichTextSearchAndReplace=te;exports.SearchAndReplace=W;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Y=require("./index-BBNITgNi.cjs"),F=require("@tiptap/pm/state"),b=require("@tiptap/pm/view"),a=require("react/jsx-runtime"),f=require("react"),Z=require("./index-BFXkgG1P.cjs"),j=require("./button-Bxfjx9_Y.cjs"),M=require("./input-CZUkD6wF.cjs"),k=require("./label-CFaBdRGz.cjs"),$=require("./popover-BWYZO_fD.cjs"),_=require("./checkbox-Q6FcMQW5.cjs"),B=require("./useButtonProps-B0riSJs9.cjs"),ee=require("./index-FSRjMsxW.cjs"),V=require("./Icon-DHNSWrSX.cjs");function te(){const{t}=ee.useLocale(),e=B.useEditorInstance(),s=B.useButtonProps(W.name),{icon:n=void 0,tooltip:u=void 0,shortcutKeys:o=void 0,tooltipOptions:c={},action:x=void 0,isActive:h=void 0}=(s==null?void 0:s.componentProps)??{},{disabled:i}=B.useActive(h),[g,d]=f.useState(!1),[p,A]=f.useState(""),[T,N]=f.useState(""),[I,H]=f.useState(!1),[U,E]=f.useState(""),w=()=>{var r,l,R,m;E(`${((l=(r=e==null?void 0:e.storage)==null?void 0:r.searchAndReplace)==null?void 0:l.resultIndex)+1}/${(m=(R=e==null?void 0:e.storage)==null?void 0:R.searchAndReplace)==null?void 0:m.results.length}`)};f.useEffect(()=>{e&&w()},[e]);const z=()=>{i||x&&x()},y=(r=!1)=>{var l,R,m,v,S,D,q,O;e&&(r&&((R=(l=e==null?void 0:e.commands)==null?void 0:l.resetIndex)==null||R.call(l)),(v=(m=e==null?void 0:e.commands)==null?void 0:m.setSearchTerm)==null||v.call(m,p),(D=(S=e==null?void 0:e.commands)==null?void 0:S.setReplaceTerm)==null||D.call(S,T),(O=(q=e==null?void 0:e.commands)==null?void 0:q.setCaseSensitive)==null||O.call(q,I),w())},P=()=>{var v,S;if(!e)return;const{results:r,resultIndex:l}=e.storage.searchAndReplace,R=r[l];if(!R)return;(S=(v=e==null?void 0:e.commands)==null?void 0:v.setTextSelection)==null||S.call(v,R);const{node:m}=e.view.domAtPos(e.state.selection.anchor);m instanceof HTMLElement&&m.scrollIntoView({behavior:"smooth",block:"center"}),w()};f.useEffect(()=>{p.trim()||L(),p.trim()&&y(!0)},[p]),f.useEffect(()=>{T.trim()&&y()},[T]),f.useEffect(()=>{y(!0)},[I]);const G=()=>{var r,l;(l=(r=e==null?void 0:e.commands)==null?void 0:r.replace)==null||l.call(r),P()},J=()=>{var r,l;(l=(r=e==null?void 0:e.commands)==null?void 0:r.nextSearchResult)==null||l.call(r),P()},Q=()=>{var r,l;(l=(r=e==null?void 0:e.commands)==null?void 0:r.previousSearchResult)==null||l.call(r),P()},L=()=>{var r,l;A(""),N(""),(l=(r=e==null?void 0:e.commands)==null?void 0:r.resetIndex)==null||l.call(r),w()},X=()=>{var r,l;(l=(r=e==null?void 0:e.commands)==null?void 0:r.replaceAll)==null||l.call(r),E("0/0")};return s?a.jsxs($.Popover,{onOpenChange:d,open:g,children:[a.jsx($.PopoverTrigger,{asChild:!0,disabled:i,children:a.jsx(Z.ActionButton,{action:z,disabled:i,icon:n,shortcutKeys:o,tooltip:u,tooltipOptions:c})}),a.jsxs($.PopoverContent,{align:"start",className:"richtext-w-full",hideWhenDetached:!0,side:"bottom",children:[a.jsxs("div",{className:"richtext-mb-[6px] richtext-flex richtext-items-center richtext-justify-between",children:[a.jsx(k.Label,{children:t("editor.search.dialog.text")}),a.jsx("span",{className:"richtext-font-semibold",children:U})]}),a.jsxs("div",{className:"richtext-mb-[10px] richtext-flex richtext-w-full richtext-max-w-sm richtext-items-center richtext-gap-1.5",children:[a.jsx(M.Input,{autoFocus:!0,className:"richtext-w-full",onChange:r=>A(r.target.value),placeholder:"Text",required:!0,type:"text",value:p}),a.jsx(j.Button,{className:"richtext-flex-1",onClick:Q,children:a.jsx(V.IconComponent,{name:"ChevronUp"})}),a.jsx(j.Button,{className:"richtext-flex-1",onClick:J,children:a.jsx(V.IconComponent,{name:"ChevronDown"})}),a.jsx(j.Button,{className:"richtext-flex-1",onClick:L,children:"Clear"})]}),a.jsx(k.Label,{className:"richtext-mb-[6px]",children:t("editor.replace.dialog.text")}),a.jsx("div",{className:"richtext-mb-[5px] richtext-flex richtext-w-full richtext-max-w-sm richtext-items-center richtext-gap-1.5",children:a.jsx("div",{className:"richtext-relative richtext-w-full richtext-max-w-sm richtext-items-center",children:a.jsx(M.Input,{className:"richtext-w-80",onChange:r=>N(r.target.value),placeholder:"Text",required:!0,type:"text",value:T})})}),a.jsxs("div",{className:"richtext-my-[10px]  richtext-flex richtext-items-center richtext-gap-1",children:[a.jsx(_.Checkbox,{checked:I,onCheckedChange:r=>{H(r),e.commands.setCaseSensitive(r)}}),a.jsx(k.Label,{children:t("editor.replace.caseSensitive")})]}),a.jsxs("div",{className:"richtext-flex richtext-items-center richtext-gap-[10px]",children:[a.jsx(j.Button,{className:"richtext-flex-1",onClick:G,children:t("editor.replace.dialog.text")}),a.jsx(j.Button,{className:"richtext-flex-1",onClick:X,children:t("editor.replaceAll.dialog.text")})]})]})]}):a.jsx(a.Fragment,{})}const C=(t,e)=>e(t.tr);function se(t,e,s){return RegExp(e?t.replace(/[$()*+.?[\\\]^{|}]/g,String.raw`\$&`):t,s?"gu":"gui")}function re(t,e,s,n){const u=[],o=[];let c=[],x=0;if(!e)return{decorationsToReturn:b.DecorationSet.empty,results:[]};t==null||t.descendants((h,i)=>{h.isText?c[x]?c[x]={text:c[x].text+h.text,pos:c[x].pos}:c[x]={text:`${h.text}`,pos:i}:x+=1}),c=c.filter(Boolean);for(const h of c){const{text:i,pos:g}=h,d=Array.from(i.matchAll(e)).filter(([p])=>p.trim());for(const p of d){if(p[0]==="")break;p.index!==void 0&&o.push({from:g+p.index,to:g+p.index+p[0].length})}}for(const[h,i]of o.entries()){const g=h===n?`${s} ${s}-current`:s,d=b.Decoration.inline(i.from,i.to,{class:g});u.push(d)}return{decorationsToReturn:b.DecorationSet.create(t,u),results:o}}function K(t,e,{state:s,dispatch:n}){if(!e[0])return;const{from:o,to:c}=e[0];n&&n(s.tr.insertText(t,o,c))}function ne(t,e,s,n){const u=e+1;if(!n[u])return null;const{from:o,to:c}=n[e],x=c-o-t.length+s,{from:h,to:i}=n[u];return n[u]={to:i-x,from:h-x},[x,n]}function ce(t,e,{tr:s,dispatch:n}){let u=0,o=e.slice();if(o.length!==0){for(let c=0;c<o.length;c+=1){const{from:x,to:h}=o[c];s.insertText(t,x,h);const i=ne(t,c,u,o);i&&(u=i[0],o=i[1])}n(s)}}const W=Y.Extension.create({name:"searchAndReplace",addOptions(){var t;return{...(t=this.parent)==null?void 0:t.call(this),searchTerm:"",replaceTerm:"",results:[],searchResultClass:"search-result",searchResultCurrentClass:"search-result-current",caseSensitive:!1,disableRegex:!0,onChange:()=>{},button:({editor:e,t:s})=>({componentProps:{action:()=>{},icon:"SearchAndReplace",tooltip:s("editor.searchAndReplace.tooltip"),isActive:()=>!0,editor:e}})}},addStorage(){return{searchTerm:"",replaceTerm:"",results:[],lastSearchTerm:"",caseSensitive:!1,lastCaseSensitive:!1,resultIndex:0,lastResultIndex:0}},addCommands(){return{setSearchTerm:t=>({editor:e,state:s,dispatch:n})=>(e.storage.searchAndReplace.searchTerm=t,C(s,n),!1),setReplaceTerm:t=>({editor:e,state:s,dispatch:n})=>(e.storage.searchAndReplace.replaceTerm=t,C(s,n),!1),setCaseSensitive:t=>({editor:e,state:s,dispatch:n})=>(e.storage.searchAndReplace.caseSensitive=t,C(s,n),!1),resetIndex:()=>({editor:t,state:e,dispatch:s})=>(t.storage.searchAndReplace.resultIndex=0,C(e,s),!1),nextSearchResult:()=>({editor:t})=>{const{results:e,resultIndex:s}=t.storage.searchAndReplace,n=s+1;return e[n]?t.storage.searchAndReplace.resultIndex=n:t.storage.searchAndReplace.resultIndex=0,!1},previousSearchResult:()=>({editor:t})=>{const{results:e,resultIndex:s}=t.storage.searchAndReplace,n=s-1;return e[n]?t.storage.searchAndReplace.resultIndex=n:t.storage.searchAndReplace.resultIndex=e.length-1,!1},replace:()=>({editor:t,state:e,dispatch:s})=>{const{replaceTerm:n,results:u,resultIndex:o}=t.storage.searchAndReplace,c=u[o];return c?(K(n,[c],{state:e,dispatch:s}),t.storage.searchAndReplace.results.splice(o,1)):(K(n,u,{state:e,dispatch:s}),t.storage.searchAndReplace.results.shift()),C(e,s),!1},replaceAll:()=>({editor:t,tr:e,state:s,dispatch:n})=>{const{replaceTerm:u,results:o}=t.storage.searchAndReplace;return ce(u,o,{tr:e,dispatch:n}),t.storage.searchAndReplace.resultIndex=0,t.storage.searchAndReplace.results=[],C(s,n),!1}}},addProseMirrorPlugins(){const t=this.editor,{searchResultClass:e,disableRegex:s}=this.options,n=c=>t.storage.searchAndReplace.lastSearchTerm=c,u=c=>t.storage.searchAndReplace.lastCaseSensitive=c,o=c=>t.storage.searchAndReplace.lastResultIndex=c;return[new F.Plugin({key:new F.PluginKey(`richtextCustomPlugin${this.name}`),state:{init:()=>b.DecorationSet.empty,apply({doc:c,docChanged:x},h){const{searchTerm:i,lastSearchTerm:g,caseSensitive:d,lastCaseSensitive:p,resultIndex:A,lastResultIndex:T}=t.storage.searchAndReplace;if(!x&&g===i&&p===d&&T===A)return h;if(n(i),u(d),o(A),!i)return t.storage.searchAndReplace.results=[],b.DecorationSet.empty;const{decorationsToReturn:N,results:I}=re(c,se(i,s,d),e,A);return t.storage.searchAndReplace.results=I,N}},props:{decorations(c){return this.getState(c)}}})]}});exports.RichTextSearchAndReplace=te;exports.SearchAndReplace=W;

package/lib/SearchAndReplace.js

@@ -1,17 +1,17 @@
-import { E as Q } from "./index-BvYjBPF9.js";
+import { E as Q } from "./index-CbIQPoF6.js";
 import { Plugin as X, PluginKey as Y } from "@tiptap/pm/state";
 import { DecorationSet as $, Decoration as Z } from "@tiptap/pm/view";
 import { jsx as u, Fragment as _, jsxs as T } from "react/jsx-runtime";
 import { useState as b, useEffect as k } from "react";
-import { A as ee } from "./index--knBGB61.js";
-import { I as V } from "./Icon-CysGlJkv.js";
-import { B as N } from "./button-C81t4pb1.js";
-import { I as q } from "./input-DR_5pbuA.js";
-import { L as B } from "./label-D-0oXKCn.js";
-import { P as te, a as se, b as re } from "./popover-D3spkemr.js";
-import { C as ne } from "./checkbox-CUE9ex4D.js";
-import { c as ce, u as ae, b as le } from "./useButtonProps-BIH_9bXT.js";
+import { A as ee } from "./index-pgx8gyoC.js";
+import { B as N } from "./button-0963_Pa8.js";
+import { I as V } from "./input-cclJoUeC.js";
+import { L as B } from "./label-aveW7pdK.js";
+import { P as te, a as se, b as re } from "./popover-D5YZPv2r.js";
+import { C as ne } from "./checkbox-D4p6-UMt.js";
+import { c as ce, u as ae, b as le } from "./useButtonProps-StwAz7Ha.js";
 import { u as oe } from "./index-0OnGZkVF.js";
+import { I as q } from "./Icon-prdLEHMN.js";
 function ye() {
   const { t } = oe(), e = ce(), s = ae(pe.name), {
     icon: n = void 0,
@@ -104,7 +104,7 @@ function ye() {
               ] }),
               /* @__PURE__ */ T("div", { className: "richtext-mb-[10px] richtext-flex richtext-w-full richtext-max-w-sm richtext-items-center richtext-gap-1.5", children: [
                 /* @__PURE__ */ u(
-                  q,
+                  V,
                   {
                     autoFocus: !0,
                     className: "richtext-w-full",
@@ -120,7 +120,7 @@ function ye() {
                   {
                     className: "richtext-flex-1",
                     onClick: G,
-                    children: /* @__PURE__ */ u(V, { name: "ChevronUp" })
+                    children: /* @__PURE__ */ u(q, { name: "ChevronUp" })
                   }
                 ),
                 /* @__PURE__ */ u(
@@ -128,7 +128,7 @@ function ye() {
                   {
                     className: "richtext-flex-1",
                     onClick: z,
-                    children: /* @__PURE__ */ u(V, { name: "ChevronDown" })
+                    children: /* @__PURE__ */ u(q, { name: "ChevronDown" })
                   }
                 ),
                 /* @__PURE__ */ u(
@@ -142,7 +142,7 @@ function ye() {
               ] }),
               /* @__PURE__ */ u(B, { className: "richtext-mb-[6px]", children: t("editor.replace.dialog.text") }),
               /* @__PURE__ */ u("div", { className: "richtext-mb-[5px] richtext-flex richtext-w-full richtext-max-w-sm richtext-items-center richtext-gap-1.5", children: /* @__PURE__ */ u("div", { className: "richtext-relative richtext-w-full richtext-max-w-sm richtext-items-center", children: /* @__PURE__ */ u(
-                q,
+                V,
                 {
                   className: "richtext-w-80",
                   onChange: (r) => w(r.target.value),