reactjs-tiptap-editor 0.3.30 → 0.4.0

package/lib/TextDirection.js

@@ -1,12 +1,12 @@
-import { E as b } from "./index-DI9T3iLd.js";
+import { E as b } from "./index-kbO3iWqL.js";
 import { jsxs as h, jsx as n } from "react/jsx-runtime";
 import { useMemo as g } from "react";
-import { P as D, m as v, A as y, k as T, n as A, T as C, a as w, r as M, b as P, s as z } from "./RichTextEditor-BQN2eLD_.js";
+import { P as D, o as v, A as y, f as T, p as A, T as C, a as w, n as M, b as P, r as z } from "./RichTextEditor-DGcKEUGr.js";
 function L(t) {
-  var c;
+  var r;
   const i = g(() => {
-    var r;
-    const e = (r = t == null ? void 0 : t.items) == null ? void 0 : r.find((o) => o.isActive());
+    var c;
+    const e = (c = t == null ? void 0 : t.items) == null ? void 0 : c.find((o) => o.isActive());
     return e && !e.default ? {
       ...e,
       icon: e.icon ? e.icon : t.icon
@@ -29,6 +29,7 @@ function L(t) {
             disabled: t == null ? void 0 : t.disabled,
             icon: t == null ? void 0 : t.icon,
             tooltip: t == null ? void 0 : t.tooltip,
+            tooltipOptions: t == null ? void 0 : t.tooltipOptions,
             children: /* @__PURE__ */ n(
               T,
               {
@@ -46,8 +47,8 @@ function L(t) {
         align: "start",
         className: "richtext-flex richtext-w-full richtext-min-w-4 richtext-flex-row richtext-gap-1 !richtext-p-[4px]",
         side: "bottom",
-        children: (c = t == null ? void 0 : t.items) == null ? void 0 : c.map((e, s) => {
-          var r, o;
+        children: (r = t == null ? void 0 : t.items) == null ? void 0 : r.map((e, s) => {
+          var c, o;
           return /* @__PURE__ */ h(C, { children: [
             /* @__PURE__ */ n(w, { asChild: !0, children: /* @__PURE__ */ n(
               M,
@@ -62,7 +63,7 @@ function L(t) {
             ) }),
             /* @__PURE__ */ h(P, { className: "richtext-flex richtext-flex-col richtext-items-center", children: [
               /* @__PURE__ */ n("span", { children: e.title }),
-              !!((r = e.shortcutKeys) != null && r.length) && /* @__PURE__ */ n("span", { children: (o = e.shortcutKeys) == null ? void 0 : o.map((u) => z(u)).join(" ") })
+              !!((c = e.shortcutKeys) != null && c.length) && /* @__PURE__ */ n("span", { children: (o = e.shortcutKeys) == null ? void 0 : o.map((u) => z(u)).join(" ") })
             ] })
           ] }, `text-align-${s}`);
         })
@@ -70,7 +71,7 @@ function L(t) {
     )
   ] });
 }
-const E = /* @__PURE__ */ b.create({
+const B = /* @__PURE__ */ b.create({
   name: "text-direction",
   addOptions() {
     var t;
@@ -81,17 +82,17 @@ const E = /* @__PURE__ */ b.create({
       defaultDirection: "auto",
       button({
         editor: i,
-        extension: c,
+        extension: r,
         t: e
       }) {
         var x;
-        const s = ((x = c.options) == null ? void 0 : x.directions) || [], r = {
+        const s = ((x = r.options) == null ? void 0 : x.directions) || [], c = {
           auto: "TextDirection",
           ltr: "LeftToRight",
           rtl: "RightToLeft"
         }, o = s.map((a) => ({
           title: e(`editor.textDirection.${a}.tooltip`),
-          icon: r[a],
+          icon: c[a],
           isActive: () => !1,
           action: () => {
             var l, f, d, m;
@@ -129,14 +130,13 @@ const E = /* @__PURE__ */ b.create({
       }
     ];
   },
-  // @ts-expect-error
   addCommands() {
     return {
-      setTextDirection: (t) => ({ commands: i }) => this.options.directions.includes(t) ? this.options.types.every((c) => i.updateAttributes(c, { dir: t })) : !1,
+      setTextDirection: (t) => ({ commands: i }) => this.options.directions.includes(t) ? this.options.types.every((r) => i.updateAttributes(r, { dir: t })) : !1,
       unsetTextDirection: () => ({ commands: t }) => this.options.types.every((i) => t.resetAttributes(i, "dir"))
     };
   }
 });
 export {
-  E as TextDirection
+  B as TextDirection
 };

package/lib/TextUnderline.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index-ByRfqzMr.cjs"),o=require("./RichTextEditor-C8Sm1E6J.cjs"),s=n.Mark.create({name:"underline",addOptions(){return{HTMLAttributes:{}}},parseHTML(){return[{tag:"u"},{style:"text-decoration",consuming:!1,getAttrs:e=>e.includes("underline")?{}:!1}]},renderHTML({HTMLAttributes:e}){return["u",n.mergeAttributes(this.options.HTMLAttributes,e),0]},addCommands(){return{setUnderline:()=>({commands:e})=>e.setMark(this.name),toggleUnderline:()=>({commands:e})=>e.toggleMark(this.name),unsetUnderline:()=>({commands:e})=>e.unsetMark(this.name)}},addKeyboardShortcuts(){return{"Mod-u":()=>this.editor.commands.toggleUnderline(),"Mod-U":()=>this.editor.commands.toggleUnderline()}}}),d=s.extend({addOptions(){var e;return{...(e=this.parent)==null?void 0:e.call(this),button({editor:t,t:r,extension:i}){return{component:o.ActionButton,componentProps:{action:()=>t.commands.toggleUnderline(),isActive:()=>t.isActive("underline")||!1,disabled:!1,icon:"Underline",shortcutKeys:i.options.shortcutKeys??["mod","U"],tooltip:r("editor.underline.tooltip")}}}}}});exports.TextUnderline=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-DF2Lp4HZ.cjs"),d=require("./RichTextEditor-CxvwGvQG.cjs");var a=s.Mark.create({name:"underline",addOptions(){return{HTMLAttributes:{}}},parseHTML(){return[{tag:"u"},{style:"text-decoration",consuming:!1,getAttrs:e=>e.includes("underline")?{}:!1}]},renderHTML({HTMLAttributes:e}){return["u",s.mergeAttributes(this.options.HTMLAttributes,e),0]},parseMarkdown(e,n){return n.applyMark(this.name||"underline",n.parseInline(e.tokens||[]))},renderMarkdown(e,n){return`++${n.renderChildren(e)}++`},markdownTokenizer:{name:"underline",level:"inline",start(e){return e.indexOf("++")},tokenize(e,n,t){const r=/^(\+\+)([\s\S]+?)(\+\+)/.exec(e);if(!r)return;const o=r[2].trim();return{type:"underline",raw:r[0],text:o,tokens:t.inlineTokens(o)}}},addCommands(){return{setUnderline:()=>({commands:e})=>e.setMark(this.name),toggleUnderline:()=>({commands:e})=>e.toggleMark(this.name),unsetUnderline:()=>({commands:e})=>e.unsetMark(this.name)}},addKeyboardShortcuts(){return{"Mod-u":()=>this.editor.commands.toggleUnderline(),"Mod-U":()=>this.editor.commands.toggleUnderline()}}}),u=a;const l=u.extend({addOptions(){var e;return{...(e=this.parent)==null?void 0:e.call(this),button({editor:n,t,extension:i}){return{component:d.ActionButton,componentProps:{action:()=>n.commands.toggleUnderline(),isActive:()=>n.isActive("underline")||!1,disabled:!1,icon:"Underline",shortcutKeys:i.options.shortcutKeys??["mod","U"],tooltip:t("editor.underline.tooltip")}}}}}});exports.TextUnderline=l;

package/lib/TextUnderline.d.cts

@@ -112,9 +112,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;
         };
     }
 }
@@ -122,11 +121,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;
         };
     }
 }
@@ -134,8 +131,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        excalidraw: {
-            setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
+        exportPdf: {
+            exportToPdf: () => ReturnType;
         };
     }
 }
@@ -143,8 +140,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        exportPdf: {
-            exportToPdf: () => ReturnType;
+        exportWord: {
+            exportToWord: () => ReturnType;
         };
     }
 }
@@ -152,8 +149,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        exportWord: {
-            exportToWord: () => ReturnType;
+        painter: {
+            setPainter: (marks: Mark[]) => ReturnType;
         };
     }
 }
@@ -179,8 +176,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;
         };
     }
 }
@@ -206,21 +209,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: {
@@ -241,6 +229,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: {
@@ -259,8 +256,9 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        katex: {
-            setKatex: (arg?: IKatexAttrs) => ReturnType;
+        lineHeight: {
+            setLineHeight: (lineHeight: string) => ReturnType;
+            unsetLineHeight: () => ReturnType;
         };
     }
 }
@@ -268,9 +266,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;
         };
     }
 }
@@ -288,13 +290,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;
         };
     }
 }
@@ -305,22 +303,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/TextUnderline.d.ts

@@ -112,9 +112,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;
         };
     }
 }
@@ -122,11 +121,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;
         };
     }
 }
@@ -134,8 +131,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        excalidraw: {
-            setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
+        exportPdf: {
+            exportToPdf: () => ReturnType;
         };
     }
 }
@@ -143,8 +140,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        exportPdf: {
-            exportToPdf: () => ReturnType;
+        exportWord: {
+            exportToWord: () => ReturnType;
         };
     }
 }
@@ -152,8 +149,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        exportWord: {
-            exportToWord: () => ReturnType;
+        painter: {
+            setPainter: (marks: Mark[]) => ReturnType;
         };
     }
 }
@@ -179,8 +176,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;
         };
     }
 }
@@ -206,21 +209,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: {
@@ -241,6 +229,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: {
@@ -259,8 +256,9 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        katex: {
-            setKatex: (arg?: IKatexAttrs) => ReturnType;
+        lineHeight: {
+            setLineHeight: (lineHeight: string) => ReturnType;
+            unsetLineHeight: () => ReturnType;
         };
     }
 }
@@ -268,9 +266,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;
         };
     }
 }
@@ -288,13 +290,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;
         };
     }
 }
@@ -305,22 +303,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/TextUnderline.js

@@ -1,6 +1,6 @@
-import { M as o, m as s } from "./index-DI9T3iLd.js";
-import { A as i } from "./RichTextEditor-BQN2eLD_.js";
-const d = o.create({
+import { M as s, m as d } from "./index-kbO3iWqL.js";
+import { A as a } from "./RichTextEditor-DGcKEUGr.js";
+var u = s.create({
   name: "underline",
   addOptions() {
     return {
@@ -20,7 +20,32 @@ const d = o.create({
     ];
   },
   renderHTML({ HTMLAttributes: e }) {
-    return ["u", s(this.options.HTMLAttributes, e), 0];
+    return ["u", d(this.options.HTMLAttributes, e), 0];
+  },
+  parseMarkdown(e, n) {
+    return n.applyMark(this.name || "underline", n.parseInline(e.tokens || []));
+  },
+  renderMarkdown(e, n) {
+    return `++${n.renderChildren(e)}++`;
+  },
+  markdownTokenizer: {
+    name: "underline",
+    level: "inline",
+    start(e) {
+      return e.indexOf("++");
+    },
+    tokenize(e, n, t) {
+      const r = /^(\+\+)([\s\S]+?)(\+\+)/.exec(e);
+      if (!r)
+        return;
+      const o = r[2].trim();
+      return {
+        type: "underline",
+        raw: r[0],
+        text: o,
+        tokens: t.inlineTokens(o)
+      };
+    }
   },
   addCommands() {
     return {
@@ -35,21 +60,24 @@ const d = o.create({
       "Mod-U": () => this.editor.commands.toggleUnderline()
     };
   }
-}), l = /* @__PURE__ */ d.extend({
+}), l = u;
+const p = /* @__PURE__ */ l.extend({
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  //@ts-expect-error
   addOptions() {
     var e;
     return {
       ...(e = this.parent) == null ? void 0 : e.call(this),
-      button({ editor: t, t: n, extension: r }) {
+      button({ editor: n, t, extension: i }) {
         return {
-          component: i,
+          component: a,
           componentProps: {
-            action: () => t.commands.toggleUnderline(),
-            isActive: () => t.isActive("underline") || !1,
+            action: () => n.commands.toggleUnderline(),
+            isActive: () => n.isActive("underline") || !1,
             disabled: !1,
             icon: "Underline",
-            shortcutKeys: r.options.shortcutKeys ?? ["mod", "U"],
-            tooltip: n("editor.underline.tooltip")
+            shortcutKeys: i.options.shortcutKeys ?? ["mod", "U"],
+            tooltip: t("editor.underline.tooltip")
           }
         };
       }
@@ -57,5 +85,5 @@ const d = o.create({
   }
 });
 export {
-  l as TextUnderline
+  p as TextUnderline
 };

package/lib/TrailingNode.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-ByRfqzMr.cjs");function s({types:n,node:o}){return Array.isArray(n)&&n.includes(o.type)||o.type===n}const g=i.Extension.create({name:"trailingNode",addOptions(){return{node:"paragraph",notAfter:["paragraph"]}},addProseMirrorPlugins(){const n=new i.PluginKey(this.name),o=Object.entries(this.editor.schema.nodes).map(([,e])=>e).filter(e=>this.options.notAfter.includes(e.name));return[new i.Plugin({key:n,appendTransaction:(e,r,t)=>{const{doc:d,tr:a,schema:c}=t,l=n.getState(t),u=d.content.size,p=c.nodes[this.options.node];if(l)return a.insert(u,p.create())},state:{init:(e,r)=>{const t=r.tr.doc.lastChild;return!s({node:t,types:o})},apply:(e,r)=>{if(!e.docChanged)return r;const t=e.doc.lastChild;return!s({node:t,types:o})}}})]}});exports.TrailingNode=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-DF2Lp4HZ.cjs");function s({types:n,node:o}){return Array.isArray(n)&&n.includes(o.type)||o.type===n}const g=i.Extension.create({name:"trailingNode",addOptions(){return{node:"paragraph",notAfter:["paragraph"]}},addProseMirrorPlugins(){const n=new i.PluginKey(this.name),o=Object.entries(this.editor.schema.nodes).map(([,e])=>e).filter(e=>this.options.notAfter.includes(e.name));return[new i.Plugin({key:n,appendTransaction:(e,r,t)=>{const{doc:d,tr:a,schema:c}=t,l=n.getState(t),u=d.content.size,p=c.nodes[this.options.node];if(l)return a.insert(u,p.create())},state:{init:(e,r)=>{const t=r.tr.doc.lastChild;return!s({node:t,types:o})},apply:(e,r)=>{if(!e.docChanged)return r;const t=e.doc.lastChild;return!s({node:t,types:o})}}})]}});exports.TrailingNode=g;