reactjs-tiptap-editor 0.3.30 → 0.4.0

package/lib/ListItem.d.cts

@@ -1,5 +1,9 @@
+import { ListItemOptions } from '@tiptap/extension-list';
+import { Node as Node_2 } from '@tiptap/core';
 
-export * from "@tiptap/extension-list-item";
+export declare const ListItem: Node_2<ListItemOptions, any>;
+
+export { ListItemOptions }
 
 export { }
 
@@ -36,9 +40,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        drawer: {
-            setDrawer: (options: any, replace?: any) => ReturnType;
-            setAlignImageDrawer: (align: 'left' | 'center' | 'right') => ReturnType;
+        excalidraw: {
+            setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
         };
     }
 }
@@ -46,11 +49,9 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        emoji: {
-            setEmoji: (emoji: {
-                name: string;
-                emoji: string;
-            }) => ReturnType;
+        drawer: {
+            setDrawer: (options: any, replace?: any) => ReturnType;
+            setAlignImageDrawer: (align: 'left' | 'center' | 'right') => ReturnType;
         };
     }
 }
@@ -58,8 +59,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        excalidraw: {
-            setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
+        exportPdf: {
+            exportToPdf: () => ReturnType;
         };
     }
 }
@@ -67,8 +68,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        exportPdf: {
-            exportToPdf: () => ReturnType;
+        exportWord: {
+            exportToWord: () => ReturnType;
         };
     }
 }
@@ -76,8 +77,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        exportWord: {
-            exportToWord: () => ReturnType;
+        painter: {
+            setPainter: (marks: Mark[]) => ReturnType;
         };
     }
 }
@@ -103,8 +104,14 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        painter: {
-            setPainter: (marks: Mark[]) => ReturnType;
+        iframe: {
+            /**
+             * Add an iframe
+             */
+            setIframe: (options: {
+                src: string;
+                service: string;
+            }) => ReturnType;
         };
     }
 }
@@ -130,21 +137,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        iframe: {
-            /**
-             * Add an iframe
-             */
-            setIframe: (options: {
-                src: string;
-                service: string;
-            }) => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         imageGifUpload: {
@@ -165,6 +157,15 @@ declare module '@tiptap/core' {
 }
 
 
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        katex: {
+            setKatex: (arg?: IKatexAttrs) => ReturnType;
+        };
+    }
+}
+
+
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         indent: {
@@ -183,8 +184,9 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        katex: {
-            setKatex: (arg?: IKatexAttrs) => ReturnType;
+        lineHeight: {
+            setLineHeight: (lineHeight: string) => ReturnType;
+            unsetLineHeight: () => ReturnType;
         };
     }
 }
@@ -192,9 +194,13 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        lineHeight: {
-            setLineHeight: (lineHeight: string) => ReturnType;
-            unsetLineHeight: () => ReturnType;
+        columns: {
+            insertColumns: (attrs?: {
+                cols: number;
+            }) => ReturnType;
+            addColBefore: () => ReturnType;
+            addColAfter: () => ReturnType;
+            deleteCol: () => ReturnType;
         };
     }
 }
@@ -212,13 +218,9 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        columns: {
-            insertColumns: (attrs?: {
-                cols: number;
-            }) => ReturnType;
-            addColBefore: () => ReturnType;
-            addColAfter: () => ReturnType;
-            deleteCol: () => ReturnType;
+        tableOfContents: {
+            setTableOfContents: () => ReturnType;
+            removeTableOfContents: () => ReturnType;
         };
     }
 }
@@ -229,22 +231,20 @@ declare module '@tiptap/core' {
         search: {
             setSearchTerm: (searchTerm: string) => ReturnType;
             setReplaceTerm: (replaceTerm: string) => ReturnType;
+            setCaseSensitive: (caseSensitive: boolean) => ReturnType;
+            resetIndex: () => ReturnType;
+            nextSearchResult: () => ReturnType;
+            previousSearchResult: () => ReturnType;
             replace: () => ReturnType;
             replaceAll: () => ReturnType;
-            goToPrevSearchResult: () => void;
-            goToNextSearchResult: () => void;
-            setCaseSensitive: (caseSensitive: boolean) => ReturnType;
         };
     }
 }
 
 
 declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        tableOfContents: {
-            setTableOfContents: () => ReturnType;
-            removeTableOfContents: () => ReturnType;
-        };
+    interface Storage {
+        searchAndReplace: SearchAndReplaceStorage;
     }
 }
 

package/lib/ListItem.d.ts

@@ -1,5 +1,9 @@
+import { ListItemOptions } from '@tiptap/extension-list';
+import { Node as Node_2 } from '@tiptap/core';
 
-export * from "@tiptap/extension-list-item";
+export declare const ListItem: Node_2<ListItemOptions, any>;
+
+export { ListItemOptions }
 
 export { }
 
@@ -36,9 +40,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        drawer: {
-            setDrawer: (options: any, replace?: any) => ReturnType;
-            setAlignImageDrawer: (align: 'left' | 'center' | 'right') => ReturnType;
+        excalidraw: {
+            setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
         };
     }
 }
@@ -46,11 +49,9 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        emoji: {
-            setEmoji: (emoji: {
-                name: string;
-                emoji: string;
-            }) => ReturnType;
+        drawer: {
+            setDrawer: (options: any, replace?: any) => ReturnType;
+            setAlignImageDrawer: (align: 'left' | 'center' | 'right') => ReturnType;
         };
     }
 }
@@ -58,8 +59,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        excalidraw: {
-            setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
+        exportPdf: {
+            exportToPdf: () => ReturnType;
         };
     }
 }
@@ -67,8 +68,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        exportPdf: {
-            exportToPdf: () => ReturnType;
+        exportWord: {
+            exportToWord: () => ReturnType;
         };
     }
 }
@@ -76,8 +77,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        exportWord: {
-            exportToWord: () => ReturnType;
+        painter: {
+            setPainter: (marks: Mark[]) => ReturnType;
         };
     }
 }
@@ -103,8 +104,14 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        painter: {
-            setPainter: (marks: Mark[]) => ReturnType;
+        iframe: {
+            /**
+             * Add an iframe
+             */
+            setIframe: (options: {
+                src: string;
+                service: string;
+            }) => ReturnType;
         };
     }
 }
@@ -130,21 +137,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        iframe: {
-            /**
-             * Add an iframe
-             */
-            setIframe: (options: {
-                src: string;
-                service: string;
-            }) => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         imageGifUpload: {
@@ -165,6 +157,15 @@ declare module '@tiptap/core' {
 }
 
 
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        katex: {
+            setKatex: (arg?: IKatexAttrs) => ReturnType;
+        };
+    }
+}
+
+
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         indent: {
@@ -183,8 +184,9 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        katex: {
-            setKatex: (arg?: IKatexAttrs) => ReturnType;
+        lineHeight: {
+            setLineHeight: (lineHeight: string) => ReturnType;
+            unsetLineHeight: () => ReturnType;
         };
     }
 }
@@ -192,9 +194,13 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        lineHeight: {
-            setLineHeight: (lineHeight: string) => ReturnType;
-            unsetLineHeight: () => ReturnType;
+        columns: {
+            insertColumns: (attrs?: {
+                cols: number;
+            }) => ReturnType;
+            addColBefore: () => ReturnType;
+            addColAfter: () => ReturnType;
+            deleteCol: () => ReturnType;
         };
     }
 }
@@ -212,13 +218,9 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        columns: {
-            insertColumns: (attrs?: {
-                cols: number;
-            }) => ReturnType;
-            addColBefore: () => ReturnType;
-            addColAfter: () => ReturnType;
-            deleteCol: () => ReturnType;
+        tableOfContents: {
+            setTableOfContents: () => ReturnType;
+            removeTableOfContents: () => ReturnType;
         };
     }
 }
@@ -229,22 +231,20 @@ declare module '@tiptap/core' {
         search: {
             setSearchTerm: (searchTerm: string) => ReturnType;
             setReplaceTerm: (replaceTerm: string) => ReturnType;
+            setCaseSensitive: (caseSensitive: boolean) => ReturnType;
+            resetIndex: () => ReturnType;
+            nextSearchResult: () => ReturnType;
+            previousSearchResult: () => ReturnType;
             replace: () => ReturnType;
             replaceAll: () => ReturnType;
-            goToPrevSearchResult: () => void;
-            goToNextSearchResult: () => void;
-            setCaseSensitive: (caseSensitive: boolean) => ReturnType;
         };
     }
 }
 
 
 declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        tableOfContents: {
-            setTableOfContents: () => ReturnType;
-            removeTableOfContents: () => ReturnType;
-        };
+    interface Storage {
+        searchAndReplace: SearchAndReplaceStorage;
     }
 }
 

package/lib/ListItem.js

@@ -1,33 +1,7 @@
-import { N as e, m as i } from "./index-DI9T3iLd.js";
-const s = e.create({
-  name: "listItem",
-  addOptions() {
-    return {
-      HTMLAttributes: {},
-      bulletListTypeName: "bulletList",
-      orderedListTypeName: "orderedList"
-    };
-  },
-  content: "paragraph block*",
-  defining: !0,
-  parseHTML() {
-    return [
-      {
-        tag: "li"
-      }
-    ];
-  },
-  renderHTML({ HTMLAttributes: t }) {
-    return ["li", i(this.options.HTMLAttributes, t), 0];
-  },
-  addKeyboardShortcuts() {
-    return {
-      Enter: () => this.editor.commands.splitListItem(this.name),
-      Tab: () => this.editor.commands.sinkListItem(this.name),
-      "Shift-Tab": () => this.editor.commands.liftListItem(this.name)
-    };
-  }
+import { L as t } from "./index-Ch6dBBad.js";
+const m = /* @__PURE__ */ t.extend({
+  // You can add customizations here if needed
 });
 export {
-  s as ListItem
+  m as ListItem
 };

package/lib/Mention.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index-ByRfqzMr.cjs"),T=require("./index-BI-IcZcN.cjs"),g=require("./dom-dataset-Byuf1YmW.cjs"),v=require("tippy.js"),h=require("react/jsx-runtime"),m=require("react"),M=require("scroll-into-view-if-needed");function L({editor:e,overrideSuggestionOptions:n,extensionName:t,char:r="@"}){const i=new c.PluginKey;return{editor:e,char:r,pluginKey:i,command:({editor:o,range:l,props:u})=>{var a,s,d;const f=o.view.state.selection.$to.nodeAfter;((a=f==null?void 0:f.text)===null||a===void 0?void 0:a.startsWith(" "))&&(l.to+=1),o.chain().focus().insertContentAt(l,[{type:t,attrs:{...u,mentionSuggestionChar:r}},{type:"text",text:" "}]).run(),(d=(s=o.view.dom.ownerDocument.defaultView)===null||s===void 0?void 0:s.getSelection())===null||d===void 0||d.collapseToEnd()},allow:({state:o,range:l})=>{const u=o.doc.resolve(l.from),a=o.schema.nodes[t];return!!u.parent.type.contentMatch.matchType(a)},...n}}function y(e){return(e.options.suggestions.length?e.options.suggestions:[e.options.suggestion]).map(n=>L({editor:e.editor,overrideSuggestionOptions:n,extensionName:e.name,char:n.char}))}function b(e,n){const t=y(e),r=t.find(i=>i.char===n);return r||(t.length?t[0]:null)}const w=c.Node.create({name:"mention",priority:101,addOptions(){return{HTMLAttributes:{},renderText({node:e,suggestion:n}){var t,r;return`${(t=n==null?void 0:n.char)!==null&&t!==void 0?t:"@"}${(r=e.attrs.label)!==null&&r!==void 0?r:e.attrs.id}`},deleteTriggerWithBackspace:!1,renderHTML({options:e,node:n,suggestion:t}){var r,i;return["span",c.mergeAttributes(this.HTMLAttributes,e.HTMLAttributes),`${(r=t==null?void 0:t.char)!==null&&r!==void 0?r:"@"}${(i=n.attrs.label)!==null&&i!==void 0?i:n.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:n}){const t=b(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,n),this.options.renderLabel({options:this.options,node:e,suggestion:t})];const r={...this.options};r.HTMLAttributes=c.mergeAttributes({"data-type":this.name},this.options.HTMLAttributes,n);const i=this.options.renderHTML({options:r,node:e,suggestion:t});return typeof i=="string"?["span",c.mergeAttributes({"data-type":this.name},this.options.HTMLAttributes,n),i]:i},renderText({node:e}){const n={options:this.options,node:e,suggestion:b(this,e.attrs.mentionSuggestionChar)};return this.options.renderLabel!==void 0?(console.warn("renderLabel is deprecated use renderText and renderHTML instead"),this.options.renderLabel(n)):this.options.renderText(n)},addKeyboardShortcuts(){return{Backspace:()=>this.editor.commands.command(({tr:e,state:n})=>{let t=!1;const{selection:r}=n,{empty:i,anchor:o}=r;if(!i)return!1;n.doc.nodesBetween(o-1,o,(a,s)=>{if(a.type.name===this.name)return t=!0,e.insertText(this.options.deleteTriggerWithBackspace?"":this.options.suggestion.char||"",s,s+a.nodeSize),!1});let l=new c.Node$1,u=0;return n.doc.nodesBetween(o-1,o,(a,s)=>{if(a.type.name===this.name)return t=!0,l=a,u=s,!1}),t&&e.insertText(this.options.deleteTriggerWithBackspace?"":l.attrs.mentionSuggestionChar,u,u+l.nodeSize),t})}},addProseMirrorPlugins(){return y(this).map(T.Suggestion)}}),S="_listUsers_en3pm_1",H="_itemUser_en3pm_10",A="_selectedUser_en3pm_31",p={listUsers:S,itemUser:H,selectedUser:A},x=m.forwardRef((e,n)=>{const t=m.useRef(null),[r,i]=m.useState(0),o=s=>{const d=e.items[s];d&&e.command({id:d,label:d})},l=()=>{i((r+e.items.length-1)%e.items.length)},u=()=>{i((r+1)%e.items.length)},a=()=>{o(r)};return m.useEffect(()=>i(0),[e.items]),m.useEffect(()=>{if(Number.isNaN(r+1))return;const s=t.current.querySelector(`span:nth-of-type(${r+1})`);s&&M(s,{behavior:"smooth",scrollMode:"if-needed"})},[r]),m.useImperativeHandle(n,()=>({onKeyDown:({event:s})=>s.key==="ArrowUp"?(l(),!0):s.key==="ArrowDown"?(u(),!0):s.key==="Enter"?(a(),!0):!1})),h.jsx("div",{className:g.clsx("listUsers",p.listUsers),children:h.jsx("div",{ref:t,children:e.items.length>0?e.items.map((s,d)=>h.jsx("span",{className:g.clsx("itemUser",p.itemUser,d===r?p.selectedUser:""),onClick:()=>o(d),children:s},d)):h.jsx("div",{className:g.clsx("itemUserEmpty",p.itemUser),children:"Empty"})})})}),U=[{id:"1",name:"John Doe"},{id:"2",name:"Jane Doe"},{id:"3",name:"Alice"},{id:"4",name:"Bob"}],_={items:async({query:e})=>U.map(t=>t.name).filter(t=>t.toLowerCase().startsWith(e.toLowerCase())),render:()=>{let e,n;return{onStart:t=>{e=new g.ReactRenderer(x,{props:t,editor:t.editor}),n=v("body",{getReferenceClientRect:t.clientRect,appendTo:()=>document.body,content:e.element,showOnCreate:!0,interactive:!0,trigger:"manual",placement:"bottom-start"})},onUpdate(t){e.updateProps(t),n[0].setProps({getReferenceClientRect:t.clientRect})},onKeyDown(t){var r;return t.event.key==="Escape"?(n[0].hide(),!0):(r=e.ref)==null?void 0:r.onKeyDown(t)},onExit(){n[0].destroy(),e.destroy()}}}},C=w.extend({addAttributes(){return{id:{default:"",parseHTML:g.getDatasetAttribute("id")},label:{default:"",parseHTML:g.getDatasetAttribute("label")}}}}).configure({HTMLAttributes:{class:"mention"},suggestion:_});exports.Mention=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./dom-dataset-_6-diIRQ.cjs"),c=require("./index-DF2Lp4HZ.cjs"),M=require("./index-DpCrt7xs.cjs"),h=require("react/jsx-runtime"),g=require("react"),T=require("scroll-into-view-if-needed");function L({editor:e,overrideSuggestionOptions:r,extensionName:n,char:t="@"}){const s=new c.PluginKey;return{editor:e,char:t,pluginKey:s,command:({editor:i,range:a,props:d})=>{var u,o,l;const b=i.view.state.selection.$to.nodeAfter;((u=b==null?void 0:b.text)==null?void 0:u.startsWith(" "))&&(a.to+=1),i.chain().focus().insertContentAt(a,[{type:n,attrs:{...d,mentionSuggestionChar:t}},{type:"text",text:" "}]).run(),(l=(o=i.view.dom.ownerDocument.defaultView)==null?void 0:o.getSelection())==null||l.collapseToEnd()},allow:({state:i,range:a})=>{const d=i.doc.resolve(a.from),u=i.schema.nodes[n];return!!d.parent.type.contentMatch.matchType(u)},...r}}function y(e){return(e.options.suggestions.length?e.options.suggestions:[e.options.suggestion]).map(r=>L({editor:e.editor,overrideSuggestionOptions:r,extensionName:e.name,char:r.char}))}function p(e,r){const n=y(e),t=n.find(s=>s.char===r);return t||(n.length?n[0]:null)}var v=c.Node3.create({name:"mention",priority:101,addOptions(){return{HTMLAttributes:{},renderText({node:e,suggestion:r}){var n,t;return`${(n=r==null?void 0:r.char)!=null?n:"@"}${(t=e.attrs.label)!=null?t:e.attrs.id}`},deleteTriggerWithBackspace:!1,renderHTML({options:e,node:r,suggestion:n}){var t,s;return["span",c.mergeAttributes(this.HTMLAttributes,e.HTMLAttributes),`${(t=n==null?void 0:n.char)!=null?t:"@"}${(s=r.attrs.label)!=null?s:r.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:r}){const n=p(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,r),this.options.renderLabel({options:this.options,node:e,suggestion:n})];const t={...this.options};t.HTMLAttributes=c.mergeAttributes({"data-type":this.name},this.options.HTMLAttributes,r);const s=this.options.renderHTML({options:t,node:e,suggestion:n});return typeof s=="string"?["span",c.mergeAttributes({"data-type":this.name},this.options.HTMLAttributes,r),s]:s},...c.createInlineMarkdownSpec({nodeName:"mention",name:"@",selfClosing:!0,allowedAttributes:["id","label"]}),renderText({node:e}){const r={options:this.options,node:e,suggestion:p(this,e.attrs.mentionSuggestionChar)};return this.options.renderLabel!==void 0?(console.warn("renderLabel is deprecated use renderText and renderHTML instead"),this.options.renderLabel(r)):this.options.renderText(r)},addKeyboardShortcuts(){return{Backspace:()=>this.editor.commands.command(({tr:e,state:r})=>{let n=!1;const{selection:t}=r,{empty:s,anchor:i}=t;if(!s)return!1;let a=new c.Node,d=0;return r.doc.nodesBetween(i-1,i,(u,o)=>{if(u.type.name===this.name)return n=!0,a=u,d=o,!1}),n&&e.insertText(this.options.deleteTriggerWithBackspace?"":a.attrs.mentionSuggestionChar,d,d+a.nodeSize),n})}},addProseMirrorPlugins(){return y(this).map(M.Suggestion)}}),w=v;const x="_listUsers_en3pm_1",S="_itemUser_en3pm_10",A="_selectedUser_en3pm_31",f={listUsers:x,itemUser:S,selectedUser:A},H=g.forwardRef((e,r)=>{const n=g.useRef(null),[t,s]=g.useState(0),i=o=>{const l=e.items[o];l&&(e.command({id:l,label:l}),e!=null&&e.onClose&&(e==null||e.onClose()))},a=()=>{s((t+e.items.length-1)%e.items.length)},d=()=>{s((t+1)%e.items.length)},u=()=>{i(t)};return g.useEffect(()=>s(0),[e.items]),g.useEffect(()=>{if(Number.isNaN(t+1))return;const o=n.current.querySelector(`span:nth-of-type(${t+1})`);o&&T(o,{behavior:"smooth",scrollMode:"if-needed"})},[t]),g.useImperativeHandle(r,()=>({onKeyDown:({event:o})=>o.key==="ArrowUp"?(a(),!0):o.key==="ArrowDown"?(d(),!0):o.key==="Enter"?(u(),!0):!1})),h.jsx("div",{className:m.clsx("listUsers",f.listUsers),children:h.jsx("div",{ref:n,children:e.items.length>0?e.items.map((o,l)=>h.jsx("span",{className:m.clsx("itemUser",f.itemUser,l===t?f.selectedUser:""),onClick:()=>i(l),children:o},l)):h.jsx("div",{className:m.clsx("itemUserEmpty",f.itemUser),children:"Empty"})})})}),C=[{id:"1",name:"John Doe"},{id:"2",name:"Jane Doe"},{id:"3",name:"Alice"},{id:"4",name:"Bob"}],U=w.extend({addAttributes(){return{id:{default:"",parseHTML:m.getDatasetAttribute("id")},label:{default:"",parseHTML:m.getDatasetAttribute("label")}}}}).configure({HTMLAttributes:{class:"mention"},suggestion:{items:async({query:e})=>C.map(n=>n.name).filter(n=>n.toLowerCase().startsWith(e.toLowerCase())),render:()=>{let e;function r(t){if(!e||!e.element)return;const s={getBoundingClientRect(){return t}};m.computePosition(s,e.element,{placement:"bottom-start"}).then(i=>{Object.assign(e.element.style,{left:`${i.x}px`,top:`${i.y}px`,position:i.strategy==="fixed"?"fixed":"absolute"})})}const n=()=>{e&&(document.body.contains(e.element)&&document.body.removeChild(e.element),e.destroy())};return{onStart:t=>{n(),e=new m.ReactRenderer(H,{props:{...t,onClose:n},editor:t.editor}),document.body.appendChild(e.element),r(t.clientRect())},onUpdate(t){e.updateProps(t),r(t.clientRect())},onKeyDown(t){var s;return t.event.key==="Escape"?(document.body.removeChild(e.element),e.destroy(),!0):(s=e.ref)==null?void 0:s.onKeyDown(t)}}}}});exports.Mention=U;

package/lib/Mention.d.cts

@@ -39,9 +39,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        drawer: {
-            setDrawer: (options: any, replace?: any) => ReturnType;
-            setAlignImageDrawer: (align: 'left' | 'center' | 'right') => ReturnType;
+        excalidraw: {
+            setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
         };
     }
 }
@@ -49,11 +48,9 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        emoji: {
-            setEmoji: (emoji: {
-                name: string;
-                emoji: string;
-            }) => ReturnType;
+        drawer: {
+            setDrawer: (options: any, replace?: any) => ReturnType;
+            setAlignImageDrawer: (align: 'left' | 'center' | 'right') => ReturnType;
         };
     }
 }
@@ -61,8 +58,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        excalidraw: {
-            setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
+        exportPdf: {
+            exportToPdf: () => ReturnType;
         };
     }
 }
@@ -70,8 +67,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        exportPdf: {
-            exportToPdf: () => ReturnType;
+        exportWord: {
+            exportToWord: () => ReturnType;
         };
     }
 }
@@ -79,8 +76,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        exportWord: {
-            exportToWord: () => ReturnType;
+        painter: {
+            setPainter: (marks: Mark[]) => ReturnType;
         };
     }
 }
@@ -106,8 +103,14 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        painter: {
-            setPainter: (marks: Mark[]) => ReturnType;
+        iframe: {
+            /**
+             * Add an iframe
+             */
+            setIframe: (options: {
+                src: string;
+                service: string;
+            }) => ReturnType;
         };
     }
 }
@@ -133,21 +136,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        iframe: {
-            /**
-             * Add an iframe
-             */
-            setIframe: (options: {
-                src: string;
-                service: string;
-            }) => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         imageGifUpload: {
@@ -168,6 +156,15 @@ declare module '@tiptap/core' {
 }
 
 
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        katex: {
+            setKatex: (arg?: IKatexAttrs) => ReturnType;
+        };
+    }
+}
+
+
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         indent: {
@@ -186,8 +183,9 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        katex: {
-            setKatex: (arg?: IKatexAttrs) => ReturnType;
+        lineHeight: {
+            setLineHeight: (lineHeight: string) => ReturnType;
+            unsetLineHeight: () => ReturnType;
         };
     }
 }
@@ -195,9 +193,13 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        lineHeight: {
-            setLineHeight: (lineHeight: string) => ReturnType;
-            unsetLineHeight: () => ReturnType;
+        columns: {
+            insertColumns: (attrs?: {
+                cols: number;
+            }) => ReturnType;
+            addColBefore: () => ReturnType;
+            addColAfter: () => ReturnType;
+            deleteCol: () => ReturnType;
         };
     }
 }
@@ -215,13 +217,9 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        columns: {
-            insertColumns: (attrs?: {
-                cols: number;
-            }) => ReturnType;
-            addColBefore: () => ReturnType;
-            addColAfter: () => ReturnType;
-            deleteCol: () => ReturnType;
+        tableOfContents: {
+            setTableOfContents: () => ReturnType;
+            removeTableOfContents: () => ReturnType;
         };
     }
 }
@@ -232,22 +230,20 @@ declare module '@tiptap/core' {
         search: {
             setSearchTerm: (searchTerm: string) => ReturnType;
             setReplaceTerm: (replaceTerm: string) => ReturnType;
+            setCaseSensitive: (caseSensitive: boolean) => ReturnType;
+            resetIndex: () => ReturnType;
+            nextSearchResult: () => ReturnType;
+            previousSearchResult: () => ReturnType;
             replace: () => ReturnType;
             replaceAll: () => ReturnType;
-            goToPrevSearchResult: () => void;
-            goToNextSearchResult: () => void;
-            setCaseSensitive: (caseSensitive: boolean) => ReturnType;
         };
     }
 }
 
 
 declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        tableOfContents: {
-            setTableOfContents: () => ReturnType;
-            removeTableOfContents: () => ReturnType;
-        };
+    interface Storage {
+        searchAndReplace: SearchAndReplaceStorage;
     }
 }