reactjs-tiptap-editor 0.4.1 → 1.0.0

package/lib/TextUnderline.d.ts

@@ -1,5 +1,6 @@
 import { Editor } from '@tiptap/react';
 import { Extension } from '@tiptap/core';
+import { JSX } from 'react/jsx-runtime';
 import { Mark } from '@tiptap/core';
 import { UnderlineOptions as UnderlineOptions_2 } from '@tiptap/extension-underline';
 
@@ -72,6 +73,8 @@ declare interface GeneralOptions<T> {
     shortcutKeys?: string[] | string[][];
 }
 
+export declare function RichTextUnderline(): JSX.Element;
+
 export declare const TextUnderline: Mark<UnderlineOptions, any>;
 
 export declare interface UnderlineOptions extends UnderlineOptions_2, GeneralOptions<UnderlineOptions> {
@@ -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/TextUnderline.js

@@ -1,6 +1,10 @@
-import { M as s, m as d } from "./index-kbO3iWqL.js";
-import { A as a } from "./RichTextEditor-DGcKEUGr.js";
-var u = s.create({
+import { M as m, m as p } from "./index-DnWWK9F_.js";
+import { jsx as d, Fragment as g } from "react/jsx-runtime";
+import { A as f } from "./toggle-Cdp4IT2U.js";
+import "react";
+import "./index-BPfVXs5_.js";
+import { u as h, a as k } from "./useButtonProps-BsEd4zYM.js";
+var M = m.create({
   name: "underline",
   addOptions() {
     return {
@@ -20,13 +24,13 @@ var u = s.create({
     ];
   },
   renderHTML({ HTMLAttributes: e }) {
-    return ["u", d(this.options.HTMLAttributes, e), 0];
+    return ["u", p(this.options.HTMLAttributes, e), 0];
   },
-  parseMarkdown(e, n) {
-    return n.applyMark(this.name || "underline", n.parseInline(e.tokens || []));
+  parseMarkdown(e, t) {
+    return t.applyMark(this.name || "underline", t.parseInline(e.tokens || []));
   },
-  renderMarkdown(e, n) {
-    return `++${n.renderChildren(e)}++`;
+  renderMarkdown(e, t) {
+    return `++${t.renderChildren(e)}++`;
   },
   markdownTokenizer: {
     name: "underline",
@@ -34,7 +38,7 @@ var u = s.create({
     start(e) {
       return e.indexOf("++");
     },
-    tokenize(e, n, t) {
+    tokenize(e, t, n) {
       const r = /^(\+\+)([\s\S]+?)(\+\+)/.exec(e);
       if (!r)
         return;
@@ -43,7 +47,7 @@ var u = s.create({
         type: "underline",
         raw: r[0],
         text: o,
-        tokens: t.inlineTokens(o)
+        tokens: n.inlineTokens(o)
       };
     }
   },
@@ -60,24 +64,47 @@ var u = s.create({
       "Mod-U": () => this.editor.commands.toggleUnderline()
     };
   }
-}), l = u;
-const p = /* @__PURE__ */ l.extend({
+}), v = M;
+function H() {
+  const e = h(U.name), {
+    icon: t = void 0,
+    tooltip: n = void 0,
+    shortcutKeys: i = void 0,
+    tooltipOptions: r = {},
+    action: o = void 0,
+    isActive: a = void 0
+  } = (e == null ? void 0 : e.componentProps) ?? {}, { dataState: u, disabled: s, update: l } = k(a), c = () => {
+    s || o && (o(), l());
+  };
+  return e ? /* @__PURE__ */ d(
+    f,
+    {
+      action: c,
+      dataState: u,
+      disabled: s,
+      icon: t,
+      shortcutKeys: i,
+      tooltip: n,
+      tooltipOptions: r
+    }
+  ) : /* @__PURE__ */ d(g, {});
+}
+const U = /* @__PURE__ */ v.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: n, t, extension: i }) {
+      button({ editor: t, t: n, extension: i }) {
         return {
-          component: a,
           componentProps: {
-            action: () => n.commands.toggleUnderline(),
-            isActive: () => n.isActive("underline") || !1,
+            action: () => t.commands.toggleUnderline(),
+            isActive: () => t.isActive("underline") || !1,
             disabled: !1,
             icon: "Underline",
             shortcutKeys: i.options.shortcutKeys ?? ["mod", "U"],
-            tooltip: t("editor.underline.tooltip")
+            tooltip: n("editor.underline.tooltip")
           }
         };
       }
@@ -85,5 +112,6 @@ const p = /* @__PURE__ */ l.extend({
   }
 });
 export {
-  p as TextUnderline
+  H as RichTextUnderline,
+  U as TextUnderline
 };