reactjs-tiptap-editor 0.4.1 → 1.0.0

package/lib/OrderedList.d.cts

@@ -1,5 +1,6 @@
 import { Editor } from '@tiptap/react';
 import { Extension } from '@tiptap/core';
+import { JSX } from 'react/jsx-runtime';
 import { Node as Node_2 } from '@tiptap/core';
 import { OrderedListOptions as OrderedListOptions_2 } from '@tiptap/extension-list';
 
@@ -77,6 +78,8 @@ export declare const OrderedList: Node_2<OrderedListOptions, any>;
 export declare interface OrderedListOptions extends OrderedListOptions_2, GeneralOptions<OrderedListOptions> {
 }
 
+export declare function RichTextOrderedList(): JSX.Element;
+
 export { }
 
 
@@ -110,11 +113,22 @@ declare module '@tiptap/core' {
 }
 
 
+declare module '@tiptap/core' {
+    interface Storage {
+        color: ColorStorage;
+    }
+}
+
+
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        drawer: {
-            setDrawer: (options: any, replace?: any) => ReturnType;
-            setAlignImageDrawer: (align: 'left' | 'center' | 'right') => ReturnType;
+        columns: {
+            insertColumns: (attrs?: {
+                cols: number;
+            }) => ReturnType;
+            addColBefore: () => ReturnType;
+            addColAfter: () => ReturnType;
+            deleteCol: () => ReturnType;
         };
     }
 }
@@ -122,8 +136,9 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        excalidraw: {
-            setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
+        drawer: {
+            setDrawer: (options: any, replace?: any) => ReturnType;
+            setAlignImageDrawer: (align: 'left' | 'center' | 'right') => ReturnType;
         };
     }
 }
@@ -141,7 +156,16 @@ declare module '@tiptap/core' {
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         exportWord: {
-            exportToWord: () => ReturnType;
+            exportToWord: (docState: any) => ReturnType;
+        };
+    }
+}
+
+
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        excalidraw: {
+            setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
         };
     }
 }
@@ -166,10 +190,8 @@ declare module '@tiptap/core' {
 
 
 declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        painter: {
-            setPainter: (marks: Mark[]) => ReturnType;
-        };
+    interface Storage {
+        highlight: HighlightStorage;
     }
 }
 
@@ -209,22 +231,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        indent: {
-            /**
-             * Set the indent attribute
-             */
-            indent: () => ReturnType;
-            /**
-             * Set the outdent attribute
-             */
-            outdent: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         imageGifUpload: {
@@ -247,8 +253,15 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        katex: {
-            setKatex: (arg?: IKatexAttrs) => ReturnType;
+        indent: {
+            /**
+             * Set the indent attribute
+             */
+            indent: () => ReturnType;
+            /**
+             * Set the outdent attribute
+             */
+            outdent: () => ReturnType;
         };
     }
 }
@@ -256,9 +269,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        lineHeight: {
-            setLineHeight: (lineHeight: string) => ReturnType;
-            unsetLineHeight: () => ReturnType;
+        katex: {
+            setKatex: (arg?: IKatexAttrs) => ReturnType;
         };
     }
 }
@@ -274,20 +286,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        columns: {
-            insertColumns: (attrs?: {
-                cols: number;
-            }) => ReturnType;
-            addColBefore: () => ReturnType;
-            addColAfter: () => ReturnType;
-            deleteCol: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         search: {
@@ -311,16 +309,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        tableOfContents: {
-            setTableOfContents: () => ReturnType;
-            removeTableOfContents: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         twitter: {

package/lib/OrderedList.d.ts

@@ -1,5 +1,6 @@
 import { Editor } from '@tiptap/react';
 import { Extension } from '@tiptap/core';
+import { JSX } from 'react/jsx-runtime';
 import { Node as Node_2 } from '@tiptap/core';
 import { OrderedListOptions as OrderedListOptions_2 } from '@tiptap/extension-list';
 
@@ -77,6 +78,8 @@ export declare const OrderedList: Node_2<OrderedListOptions, any>;
 export declare interface OrderedListOptions extends OrderedListOptions_2, GeneralOptions<OrderedListOptions> {
 }
 
+export declare function RichTextOrderedList(): JSX.Element;
+
 export { }
 
 
@@ -110,11 +113,22 @@ declare module '@tiptap/core' {
 }
 
 
+declare module '@tiptap/core' {
+    interface Storage {
+        color: ColorStorage;
+    }
+}
+
+
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        drawer: {
-            setDrawer: (options: any, replace?: any) => ReturnType;
-            setAlignImageDrawer: (align: 'left' | 'center' | 'right') => ReturnType;
+        columns: {
+            insertColumns: (attrs?: {
+                cols: number;
+            }) => ReturnType;
+            addColBefore: () => ReturnType;
+            addColAfter: () => ReturnType;
+            deleteCol: () => ReturnType;
         };
     }
 }
@@ -122,8 +136,9 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        excalidraw: {
-            setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
+        drawer: {
+            setDrawer: (options: any, replace?: any) => ReturnType;
+            setAlignImageDrawer: (align: 'left' | 'center' | 'right') => ReturnType;
         };
     }
 }
@@ -141,7 +156,16 @@ declare module '@tiptap/core' {
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         exportWord: {
-            exportToWord: () => ReturnType;
+            exportToWord: (docState: any) => ReturnType;
+        };
+    }
+}
+
+
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        excalidraw: {
+            setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
         };
     }
 }
@@ -166,10 +190,8 @@ declare module '@tiptap/core' {
 
 
 declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        painter: {
-            setPainter: (marks: Mark[]) => ReturnType;
-        };
+    interface Storage {
+        highlight: HighlightStorage;
     }
 }
 
@@ -209,22 +231,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        indent: {
-            /**
-             * Set the indent attribute
-             */
-            indent: () => ReturnType;
-            /**
-             * Set the outdent attribute
-             */
-            outdent: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         imageGifUpload: {
@@ -247,8 +253,15 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        katex: {
-            setKatex: (arg?: IKatexAttrs) => ReturnType;
+        indent: {
+            /**
+             * Set the indent attribute
+             */
+            indent: () => ReturnType;
+            /**
+             * Set the outdent attribute
+             */
+            outdent: () => ReturnType;
         };
     }
 }
@@ -256,9 +269,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        lineHeight: {
-            setLineHeight: (lineHeight: string) => ReturnType;
-            unsetLineHeight: () => ReturnType;
+        katex: {
+            setKatex: (arg?: IKatexAttrs) => ReturnType;
         };
     }
 }
@@ -274,20 +286,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        columns: {
-            insertColumns: (attrs?: {
-                cols: number;
-            }) => ReturnType;
-            addColBefore: () => ReturnType;
-            addColAfter: () => ReturnType;
-            deleteCol: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         search: {
@@ -311,16 +309,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        tableOfContents: {
-            setTableOfContents: () => ReturnType;
-            removeTableOfContents: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         twitter: {

package/lib/OrderedList.js

@@ -1,26 +1,54 @@
-import { O as r } from "./index-Ch6dBBad.js";
-import { A as i } from "./RichTextEditor-DGcKEUGr.js";
-const c = /* @__PURE__ */ r.extend({
+import { O as u } from "./index-CBce_TWY.js";
+import { jsx as n, Fragment as f } from "react/jsx-runtime";
+import { A as l } from "./toggle-Cdp4IT2U.js";
+import "react";
+import "./index-BPfVXs5_.js";
+import { u as v, a as O } from "./useButtonProps-BsEd4zYM.js";
+function b() {
+  const t = v(A.name), {
+    icon: o = void 0,
+    tooltip: i = void 0,
+    shortcutKeys: e = void 0,
+    tooltipOptions: d = {},
+    action: r = void 0,
+    isActive: c = void 0
+  } = (t == null ? void 0 : t.componentProps) ?? {}, { dataState: a, disabled: s, update: p } = O(c), m = () => {
+    s || r && (r(), p());
+  };
+  return t ? /* @__PURE__ */ n(
+    l,
+    {
+      action: m,
+      dataState: a,
+      disabled: s,
+      icon: o,
+      shortcutKeys: e,
+      tooltip: i,
+      tooltipOptions: d
+    }
+  ) : /* @__PURE__ */ n(f, {});
+}
+const A = /* @__PURE__ */ u.extend({
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   //@ts-expect-error
   addOptions() {
     var t;
     return {
       ...(t = this.parent) == null ? void 0 : t.call(this),
-      button: ({ editor: o, t: e, extension: s }) => ({
-        component: i,
+      button: ({ editor: o, t: i, extension: e }) => ({
         componentProps: {
           action: () => o.commands.toggleOrderedList(),
-          isActive: () => o.isActive("orderedList") || !1,
+          isActive: () => o.isActive("orderedList"),
           disabled: !1,
           icon: "ListOrdered",
-          shortcutKeys: s.options.shortcutKeys ?? ["mod", "shift", "7"],
-          tooltip: e("editor.orderedlist.tooltip")
+          shortcutKeys: e.options.shortcutKeys ?? ["mod", "shift", "7"],
+          tooltip: i("editor.orderedlist.tooltip")
         }
       })
     };
   }
 });
 export {
-  c as OrderedList
+  A as OrderedList,
+  b as RichTextOrderedList
 };

package/lib/SearchAndReplace.cjs

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

package/lib/SearchAndReplace.d.cts

@@ -1,7 +1,9 @@
 import { Extension } from '@tiptap/core';
-import { PluginKey } from '@tiptap/pm/state';
+import { JSX } from 'react/jsx-runtime';
 import { Range as Range_2 } from '@tiptap/core';
 
+export declare function RichTextSearchAndReplace(): JSX.Element;
+
 export declare const SearchAndReplace: Extension<SearchAndReplaceOptions, SearchAndReplaceStorage>;
 
 export declare interface SearchAndReplaceOptions {
@@ -9,8 +11,6 @@ export declare interface SearchAndReplaceOptions {
     disableRegex: boolean;
 }
 
-export declare const searchAndReplacePluginKey: PluginKey<any>;
-
 export declare interface SearchAndReplaceStorage {
     searchTerm: string;
     replaceTerm: string;
@@ -55,11 +55,22 @@ declare module '@tiptap/core' {
 }
 
 
+declare module '@tiptap/core' {
+    interface Storage {
+        color: ColorStorage;
+    }
+}
+
+
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        drawer: {
-            setDrawer: (options: any, replace?: any) => ReturnType;
-            setAlignImageDrawer: (align: 'left' | 'center' | 'right') => ReturnType;
+        columns: {
+            insertColumns: (attrs?: {
+                cols: number;
+            }) => ReturnType;
+            addColBefore: () => ReturnType;
+            addColAfter: () => ReturnType;
+            deleteCol: () => ReturnType;
         };
     }
 }
@@ -67,8 +78,9 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        excalidraw: {
-            setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
+        drawer: {
+            setDrawer: (options: any, replace?: any) => ReturnType;
+            setAlignImageDrawer: (align: 'left' | 'center' | 'right') => ReturnType;
         };
     }
 }
@@ -86,7 +98,16 @@ declare module '@tiptap/core' {
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         exportWord: {
-            exportToWord: () => ReturnType;
+            exportToWord: (docState: any) => ReturnType;
+        };
+    }
+}
+
+
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        excalidraw: {
+            setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
         };
     }
 }
@@ -111,10 +132,8 @@ declare module '@tiptap/core' {
 
 
 declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        painter: {
-            setPainter: (marks: Mark[]) => ReturnType;
-        };
+    interface Storage {
+        highlight: HighlightStorage;
     }
 }
 
@@ -154,22 +173,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        indent: {
-            /**
-             * Set the indent attribute
-             */
-            indent: () => ReturnType;
-            /**
-             * Set the outdent attribute
-             */
-            outdent: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         imageGifUpload: {
@@ -192,8 +195,15 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        katex: {
-            setKatex: (arg?: IKatexAttrs) => ReturnType;
+        indent: {
+            /**
+             * Set the indent attribute
+             */
+            indent: () => ReturnType;
+            /**
+             * Set the outdent attribute
+             */
+            outdent: () => ReturnType;
         };
     }
 }
@@ -201,9 +211,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        lineHeight: {
-            setLineHeight: (lineHeight: string) => ReturnType;
-            unsetLineHeight: () => ReturnType;
+        katex: {
+            setKatex: (arg?: IKatexAttrs) => ReturnType;
         };
     }
 }
@@ -219,20 +228,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        columns: {
-            insertColumns: (attrs?: {
-                cols: number;
-            }) => ReturnType;
-            addColBefore: () => ReturnType;
-            addColAfter: () => ReturnType;
-            deleteCol: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         search: {
@@ -256,16 +251,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        tableOfContents: {
-            setTableOfContents: () => ReturnType;
-            removeTableOfContents: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         twitter: {