reactjs-tiptap-editor 0.4.2 → 1.0.1

package/lib/LineHeight.d.cts

@@ -1,5 +1,7 @@
 import { Editor } from '@tiptap/react';
 import { Extension } from '@tiptap/core';
+import { JSX } from 'react/jsx-runtime';
+import { LineHeightOptions as LineHeightOptions_2 } from '@tiptap/extension-text-style';
 
 /**
  * Represents the ButtonView function.
@@ -54,9 +56,6 @@ declare interface ButtonViewReturnComponentSlots {
     [x: string]: () => any;
 }
 
-/** Line Height List */
-export declare const DEFAULT_LINE_HEIGHT_LIST: string[];
-
 /**
  * Represents the general options for Tiptap extensions.
  */
@@ -75,12 +74,12 @@ declare interface GeneralOptions<T> {
 
 export declare const LineHeight: Extension<LineHeightOptions, any>;
 
-export declare interface LineHeightOptions extends GeneralOptions<LineHeightOptions> {
-    types: string[];
+export declare interface LineHeightOptions extends GeneralOptions<LineHeightOptions_2> {
     lineHeights: string[];
-    defaultHeight: string;
 }
 
+export declare function RichTextLineHeight(): JSX.Element;
+
 export { }
 
 
@@ -114,6 +113,27 @@ declare module '@tiptap/core' {
 }
 
 
+declare module '@tiptap/core' {
+    interface Storage {
+        color: ColorStorage;
+    }
+}
+
+
+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> {
         drawer: {
@@ -145,7 +165,7 @@ declare module '@tiptap/core' {
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         exportWord: {
-            exportToWord: () => ReturnType;
+            exportToWord: (docState: any) => ReturnType;
         };
     }
 }
@@ -170,10 +190,8 @@ declare module '@tiptap/core' {
 
 
 declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        painter: {
-            setPainter: (marks: Mark[]) => ReturnType;
-        };
+    interface Storage {
+        highlight: HighlightStorage;
     }
 }
 
@@ -258,16 +276,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        lineHeight: {
-            setLineHeight: (lineHeight: string) => ReturnType;
-            unsetLineHeight: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         mermaid: {
@@ -278,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: {
@@ -315,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/LineHeight.d.ts

@@ -1,5 +1,7 @@
 import { Editor } from '@tiptap/react';
 import { Extension } from '@tiptap/core';
+import { JSX } from 'react/jsx-runtime';
+import { LineHeightOptions as LineHeightOptions_2 } from '@tiptap/extension-text-style';
 
 /**
  * Represents the ButtonView function.
@@ -54,9 +56,6 @@ declare interface ButtonViewReturnComponentSlots {
     [x: string]: () => any;
 }
 
-/** Line Height List */
-export declare const DEFAULT_LINE_HEIGHT_LIST: string[];
-
 /**
  * Represents the general options for Tiptap extensions.
  */
@@ -75,12 +74,12 @@ declare interface GeneralOptions<T> {
 
 export declare const LineHeight: Extension<LineHeightOptions, any>;
 
-export declare interface LineHeightOptions extends GeneralOptions<LineHeightOptions> {
-    types: string[];
+export declare interface LineHeightOptions extends GeneralOptions<LineHeightOptions_2> {
     lineHeights: string[];
-    defaultHeight: string;
 }
 
+export declare function RichTextLineHeight(): JSX.Element;
+
 export { }
 
 
@@ -114,6 +113,27 @@ declare module '@tiptap/core' {
 }
 
 
+declare module '@tiptap/core' {
+    interface Storage {
+        color: ColorStorage;
+    }
+}
+
+
+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> {
         drawer: {
@@ -145,7 +165,7 @@ declare module '@tiptap/core' {
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         exportWord: {
-            exportToWord: () => ReturnType;
+            exportToWord: (docState: any) => ReturnType;
         };
     }
 }
@@ -170,10 +190,8 @@ declare module '@tiptap/core' {
 
 
 declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        painter: {
-            setPainter: (marks: Mark[]) => ReturnType;
-        };
+    interface Storage {
+        highlight: HighlightStorage;
     }
 }
 
@@ -258,16 +276,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        lineHeight: {
-            setLineHeight: (lineHeight: string) => ReturnType;
-            unsetLineHeight: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         mermaid: {
@@ -278,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: {
@@ -315,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/LineHeight.js

@@ -1,44 +1,34 @@
-import { T as f, A as H, E as L } from "./index-kbO3iWqL.js";
-import { u as x, k as g, m as T } from "./index-LmrOdnen.js";
-import { jsxs as b, jsx as h } from "react/jsx-runtime";
-import { useState as _, useMemo as D } from "react";
-import { D as E, h as M, A as w, f as A, j as C, k as y } from "./RichTextEditor-DGcKEUGr.js";
-function k(e) {
-  return Number.parseFloat(e.replace("%", "")) / 100;
-}
-function p(e) {
-  const { t } = x(), [n, s] = _("default");
-  function o(i) {
-    i === "default" ? e.editor.commands.unsetLineHeight() : e.editor.commands.setLineHeight(i), s(i);
-  }
-  const c = D(() => {
-    const a = e.editor.extensionManager.extensions.find(
-      (l) => l.name === "lineHeight"
-    ).options.lineHeights.map((l) => ({
-      label: k(l),
-      value: l
-    }));
-    return a.unshift({
-      label: t("editor.default"),
-      value: "default"
-    }), a;
-  }, [e]);
-  return /* @__PURE__ */ b(E, { children: [
-    /* @__PURE__ */ h(
-      M,
+import { L as f } from "./index-D2TUfKkC.js";
+import { j as d } from "./index-DYkucCoF.js";
+import { jsx as i, Fragment as p, jsxs as h } from "react/jsx-runtime";
+import { Fragment as m } from "react";
+import { A as g } from "./toggle-Cdp4IT2U.js";
+import "./index-BPfVXs5_.js";
+import { I as D } from "./Icon-jKs8Hr6p.js";
+import { u as v, b as x } from "./useButtonProps-BsEd4zYM.js";
+import { D as H, a as A, b as L, c as b, d as w } from "./dropdown-menu-BPp2Z_U-.js";
+function $() {
+  const t = v(C.name), {
+    tooltip: o = void 0,
+    items: n,
+    icon: s,
+    isActive: l = void 0
+  } = (t == null ? void 0 : t.componentProps) ?? {}, { editorDisabled: a, dataState: r } = x(l);
+  return t ? /* @__PURE__ */ h(H, { children: [
+    /* @__PURE__ */ i(
+      A,
       {
         asChild: !0,
-        disabled: e == null ? void 0 : e.disabled,
-        children: /* @__PURE__ */ h(
-          w,
+        disabled: a,
+        children: /* @__PURE__ */ i(
+          g,
           {
             customClass: "!richtext-w-12 richtext-h-12",
-            disabled: e == null ? void 0 : e.disabled,
-            icon: "LineHeight",
-            tooltip: e == null ? void 0 : e.tooltip,
-            tooltipOptions: e == null ? void 0 : e.tooltipOptions,
-            children: /* @__PURE__ */ h(
-              A,
+            disabled: a,
+            icon: s,
+            tooltip: o,
+            children: /* @__PURE__ */ i(
+              D,
               {
                 className: "richtext-ml-1 richtext-size-3 richtext-text-zinc-500",
                 name: "MenuDown"
@@ -48,93 +38,62 @@ function p(e) {
         )
       }
     ),
-    /* @__PURE__ */ h(C, { className: "richtext-min-w-24", children: c == null ? void 0 : c.map((i, u) => /* @__PURE__ */ h(
-      y,
-      {
-        checked: i.value === n,
-        onClick: () => o(i.value),
-        children: i.label
-      },
-      `lineHeight-${u}`
-    )) })
-  ] });
-}
-const I = ["paragraph", "heading", "list_item", "todo_item"];
-function N(e, t) {
-  const { selection: n, doc: s } = e;
-  if (!n || !s || !(n instanceof f || n instanceof H))
-    return e;
-  const { from: o, to: c } = n, i = [], u = t && t !== g ? t : null;
-  if (s.nodesBetween(o, c, (a, l) => {
-    const r = a.type;
-    return I.includes(r.name) ? ((a.attrs.lineHeight || null) !== u && i.push({
-      node: a,
-      pos: l,
-      nodeType: r
-    }), r.name !== "list_item" && r.name !== "todo_item") : !0;
-  }), i.length === 0)
-    return e;
-  for (const a of i) {
-    const { node: l, pos: r, nodeType: m } = a;
-    let { attrs: d } = l;
-    d = {
-      ...d,
-      lineHeight: u
-    }, e = e.setNodeMarkup(r, m, d, l.marks);
-  }
-  return e;
-}
-function O(e) {
-  return ({ state: t, dispatch: n }) => {
-    const { selection: s } = t;
-    let { tr: o } = t;
-    return o = o.setSelection(s), o = N(o, e), o.docChanged ? (n && n(o), !0) : !1;
-  };
+    /* @__PURE__ */ i(L, { className: "richtext-min-w-24", children: n == null ? void 0 : n.map((e, c) => /* @__PURE__ */ h(m, { children: [
+      /* @__PURE__ */ i(
+        b,
+        {
+          checked: e.value === (r == null ? void 0 : r.value),
+          onClick: () => e == null ? void 0 : e.action(),
+          children: e.label
+        }
+      ),
+      e.value === "Default" && /* @__PURE__ */ i(w, {})
+    ] }, `line-height-${c}`)) })
+  ] }) : /* @__PURE__ */ i(p, {});
 }
-const z = /* @__PURE__ */ L.create({
-  name: "lineHeight",
+const C = /* @__PURE__ */ f.extend({
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   //@ts-expect-error
   addOptions() {
-    var e;
+    var t;
     return {
-      ...(e = this.parent) == null ? void 0 : e.call(this),
-      types: ["paragraph", "heading", "list_item", "todo_item"],
-      lineHeights: T,
-      defaultHeight: g,
-      button({ editor: t, t: n }) {
+      ...(t = this.parent) == null ? void 0 : t.call(this),
+      lineHeights: d,
+      button({ editor: o, extension: n, t: s }) {
+        var a, r;
+        const l = (r = (a = n == null ? void 0 : n.options) == null ? void 0 : a.lineHeights) == null ? void 0 : r.map((e) => ({
+          label: e === "Default" ? s("editor.default") : String(e),
+          value: e,
+          isActive: () => e === "Default" ? !0 : o.isActive("textStyle", { lineHeight: e }) || !1,
+          action: () => {
+            if (e === "Default") {
+              o.chain().focus().unsetLineHeight().run();
+              return;
+            }
+            o.chain().focus().toggleTextStyle({ lineHeight: e }).run();
+          },
+          // disabled: !editor.can().setFontSize(String(k.value)),
+          default: e === "Default" || !1
+        }));
         return {
-          component: p,
           componentProps: {
-            editor: t,
-            tooltip: n("editor.lineheight.tooltip")
+            tooltip: s("editor.lineheight.tooltip"),
+            items: l,
+            icon: "LineHeight",
+            isActive: () => {
+              const e = (l || []).find((u) => u.isActive() && !u.default);
+              return e && !e.default ? e : {
+                value: "Default",
+                isActive: () => !1
+              };
+            }
           }
         };
       }
     };
-  },
-  addGlobalAttributes() {
-    return [
-      {
-        types: this.options.types,
-        attributes: {
-          lineHeight: {
-            default: null,
-            parseHTML: (e) => e.style.lineHeight || this.options.defaultHeight,
-            renderHTML: (e) => e.lineHeight === this.options.defaultHeight || !e.lineHeight ? {} : { style: `line-height: ${e.lineHeight}` }
-          }
-        }
-      }
-    ];
-  },
-  addCommands() {
-    return {
-      setLineHeight: (e) => O(e),
-      unsetLineHeight: () => ({ commands: e }) => this.options.types.every((t) => e.resetAttributes(t, "lineHeight"))
-    };
   }
 });
 export {
-  T as DEFAULT_LINE_HEIGHT_LIST,
-  z as LineHeight
+  C as LineHeight,
+  $ as RichTextLineHeight
 };

package/lib/Link.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("./index-DF2Lp4HZ.cjs");const e=require("./RichTextEditor-CxvwGvQG.cjs");exports.Link=e.Link;exports.default=e.Link;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./index-RfTlOzIr.cjs");const e=require("./LinkEditBlock-BZenZq-Z.cjs");exports.Link=e.Link;exports.RichTextLink=e.RichTextLink;

package/lib/Link.d.cts

@@ -1,5 +1,6 @@
 import { Editor } from '@tiptap/react';
 import { Extension } from '@tiptap/core';
+import { JSX } from 'react/jsx-runtime';
 import { LinkOptions as LinkOptions_2 } from '@tiptap/extension-link';
 import { Mark } from '@tiptap/core';
 
@@ -72,13 +73,13 @@ declare interface GeneralOptions<T> {
     shortcutKeys?: string[] | string[][];
 }
 
-declare const Link: Mark<LinkOptions, any>;
-export { Link }
-export default Link;
+export declare const Link: Mark<LinkOptions, any>;
 
 export declare interface LinkOptions extends LinkOptions_2, GeneralOptions<LinkOptions> {
 }
 
+export declare function RichTextLink(): JSX.Element;
+
 export { }
 
 
@@ -112,6 +113,27 @@ declare module '@tiptap/core' {
 }
 
 
+declare module '@tiptap/core' {
+    interface Storage {
+        color: ColorStorage;
+    }
+}
+
+
+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> {
         drawer: {
@@ -143,7 +165,7 @@ declare module '@tiptap/core' {
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         exportWord: {
-            exportToWord: () => ReturnType;
+            exportToWord: (docState: any) => ReturnType;
         };
     }
 }
@@ -168,10 +190,8 @@ declare module '@tiptap/core' {
 
 
 declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        painter: {
-            setPainter: (marks: Mark[]) => ReturnType;
-        };
+    interface Storage {
+        highlight: HighlightStorage;
     }
 }
 
@@ -256,16 +276,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        lineHeight: {
-            setLineHeight: (lineHeight: string) => ReturnType;
-            unsetLineHeight: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         mermaid: {
@@ -276,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: {
@@ -313,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: {