reactjs-tiptap-editor 0.4.1 → 1.0.0

package/lib/Bold.js

@@ -1,7 +1,11 @@
-import { M as d, l as r, o as s, m as i } from "./index-kbO3iWqL.js";
-import { h as o } from "./jsx-runtime-CT7Pcg-t.js";
-import { A as l } from "./RichTextEditor-DGcKEUGr.js";
-var u = /(?:^|\s)(\*\*(?!\s+\*\*)((?:[^*]+))\*\*(?!\s+\*\*))$/, p = /(?:^|\s)(\*\*(?!\s+\*\*)((?:[^*]+))\*\*(?!\s+\*\*))/g, m = /(?:^|\s)(__(?!\s+__)((?:[^_]+))__(?!\s+__))$/, g = /(?:^|\s)(__(?!\s+__)((?:[^_]+))__(?!\s+__))/g, h = d.create({
+import { M as _, f as a, h as i, m as f } from "./index-DnWWK9F_.js";
+import { h as d } from "./jsx-runtime-CT7Pcg-t.js";
+import { A as l } from "./toggle-Cdp4IT2U.js";
+import { jsx as u, Fragment as y } from "react/jsx-runtime";
+import "react";
+import "./index-BPfVXs5_.js";
+import { u as M, a as v } from "./useButtonProps-BsEd4zYM.js";
+var B = /(?:^|\s)(\*\*(?!\s+\*\*)((?:[^*]+))\*\*(?!\s+\*\*))$/, k = /(?:^|\s)(\*\*(?!\s+\*\*)((?:[^*]+))\*\*(?!\s+\*\*))/g, b = /(?:^|\s)(__(?!\s+__)((?:[^_]+))__(?!\s+__))$/, A = /(?:^|\s)(__(?!\s+__)((?:[^_]+))__(?!\s+__))/g, R = _.create({
   name: "bold",
   addOptions() {
     return {
@@ -28,7 +32,7 @@ var u = /(?:^|\s)(\*\*(?!\s+\*\*)((?:[^*]+))\*\*(?!\s+\*\*))$/, p = /(?:^|\s)(\*
     ];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return /* @__PURE__ */ o("strong", { ...i(this.options.HTMLAttributes, t), children: /* @__PURE__ */ o("slot", {}) });
+    return /* @__PURE__ */ d("strong", { ...f(this.options.HTMLAttributes, t), children: /* @__PURE__ */ d("slot", {}) });
   },
   markdownTokenName: "strong",
   parseMarkdown: (t, e) => e.applyMark("bold", e.parseInline(t.tokens || [])),
@@ -48,50 +52,74 @@ var u = /(?:^|\s)(\*\*(?!\s+\*\*)((?:[^*]+))\*\*(?!\s+\*\*))$/, p = /(?:^|\s)(\*
   },
   addInputRules() {
     return [
-      s({
-        find: u,
+      i({
+        find: B,
         type: this.type
       }),
-      s({
-        find: m,
+      i({
+        find: b,
         type: this.type
       })
     ];
   },
   addPasteRules() {
     return [
-      r({
-        find: p,
+      a({
+        find: k,
         type: this.type
       }),
-      r({
-        find: g,
+      a({
+        find: A,
         type: this.type
       })
     ];
   }
 });
-const M = /* @__PURE__ */ h.extend({
+function L() {
+  const t = M(x.name), {
+    icon: e = void 0,
+    tooltip: o = void 0,
+    shortcutKeys: r = void 0,
+    tooltipOptions: p = {},
+    action: n = void 0,
+    isActive: m = void 0
+  } = (t == null ? void 0 : t.componentProps) ?? {}, { dataState: c, disabled: s, update: g } = v(m), h = () => {
+    s || n && (n(), g());
+  };
+  return t ? /* @__PURE__ */ u(
+    l,
+    {
+      action: h,
+      dataState: c,
+      disabled: s,
+      icon: e,
+      shortcutKeys: r,
+      tooltip: o,
+      tooltipOptions: p
+    }
+  ) : /* @__PURE__ */ u(y, {});
+}
+const x = /* @__PURE__ */ R.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: e, t: n, extension: a }) => ({
+      button: ({ editor: e, t: o, extension: r }) => ({
         component: l,
         componentProps: {
           action: () => e.commands.toggleBold(),
-          isActive: () => e.isActive("bold") || !1,
-          disabled: !1,
+          isActive: () => e.isActive("bold"),
           icon: "Bold",
-          shortcutKeys: a.options.shortcutKeys ?? ["mod", "B"],
-          tooltip: n("editor.bold.tooltip")
+          shortcutKeys: r.options.shortcutKeys ?? ["mod", "B"],
+          tooltip: o("editor.bold.tooltip")
         }
       })
     };
   }
 });
 export {
-  M as Bold
+  x as Bold,
+  L as RichTextBold
 };

package/lib/BulletList.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-5iBZLua9.cjs"),l=require("./RichTextEditor-CxvwGvQG.cjs"),n=s.BulletList.extend({addOptions(){var t;return{...(t=this.parent)==null?void 0:t.call(this),button:({editor:e,t:o,extension:i})=>({component:l.ActionButton,componentProps:{action:()=>e.commands.toggleBulletList(),isActive:()=>e.isActive("bulletList")||!1,disabled:!1,shortcutKeys:i.options.shortcutKeys??["shift","mod","8"],icon:"List",tooltip:o("editor.bulletlist.tooltip")}})}}});exports.BulletList=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./index-D-5U8dY8.cjs"),s=require("react/jsx-runtime"),m=require("./toggle-D41PzQLJ.cjs");require("react");require("./index-DV5kbgRU.cjs");const r=require("./useButtonProps-C6Vpn190.cjs");function B(){const t=r.useButtonProps(c.name),{icon:e=void 0,tooltip:o=void 0,shortcutKeys:i=void 0,tooltipOptions:l={},action:n=void 0,isActive:d=void 0}=(t==null?void 0:t.componentProps)??{},{dataState:a,disabled:u,update:p}=r.useToggleActive(d),v=()=>{u||n&&(n(),p())};return t?s.jsx(m.ActionButton,{action:v,dataState:a,disabled:u,icon:e,shortcutKeys:i,tooltip:o,tooltipOptions:l}):s.jsx(s.Fragment,{})}const c=g.BulletList.extend({addOptions(){var t;return{...(t=this.parent)==null?void 0:t.call(this),button:({editor:e,t:o,extension:i})=>({componentProps:{action:()=>e.commands.toggleBulletList(),isActive:()=>e.isActive("bulletList"),disabled:!1,shortcutKeys:i.options.shortcutKeys??["shift","mod","8"],icon:"List",tooltip:o("editor.bulletlist.tooltip")}})}}});exports.BulletList=c;exports.RichTextBulletList=B;

package/lib/BulletList.d.cts

@@ -1,6 +1,7 @@
 import { BulletListOptions as BulletListOptions_2 } from '@tiptap/extension-list';
 import { Editor } from '@tiptap/react';
 import { Extension } from '@tiptap/core';
+import { JSX } from 'react/jsx-runtime';
 import { Node as Node_2 } from '@tiptap/core';
 
 export declare const BulletList: Node_2<BulletListOptions, any>;
@@ -77,6 +78,8 @@ declare interface GeneralOptions<T> {
     shortcutKeys?: string[] | string[][];
 }
 
+export declare function RichTextBulletList(): 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/BulletList.d.ts

@@ -1,6 +1,7 @@
 import { BulletListOptions as BulletListOptions_2 } from '@tiptap/extension-list';
 import { Editor } from '@tiptap/react';
 import { Extension } from '@tiptap/core';
+import { JSX } from 'react/jsx-runtime';
 import { Node as Node_2 } from '@tiptap/core';
 
 export declare const BulletList: Node_2<BulletListOptions, any>;
@@ -77,6 +78,8 @@ declare interface GeneralOptions<T> {
     shortcutKeys?: string[] | string[][];
 }
 
+export declare function RichTextBulletList(): 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/BulletList.js

@@ -1,26 +1,55 @@
-import { B as e } from "./index-Ch6dBBad.js";
-import { A as l } from "./RichTextEditor-DGcKEUGr.js";
-const p = /* @__PURE__ */ e.extend({
+import { B as m } from "./index-CBce_TWY.js";
+import { jsx as r, Fragment as d } from "react/jsx-runtime";
+import { A as f } from "./toggle-Cdp4IT2U.js";
+import "react";
+import "./index-BPfVXs5_.js";
+import { u as v, a as A } from "./useButtonProps-BsEd4zYM.js";
+function K() {
+  const t = v(B.name), {
+    icon: o = void 0,
+    tooltip: i = void 0,
+    shortcutKeys: s = void 0,
+    tooltipOptions: c = {},
+    action: e = void 0,
+    isActive: l = void 0
+  } = (t == null ? void 0 : t.componentProps) ?? {}, { dataState: a, disabled: n, update: p } = A(l), u = () => {
+    n || e && (e(), p());
+  };
+  return t ? /* @__PURE__ */ r(
+    f,
+    {
+      action: u,
+      dataState: a,
+      disabled: n,
+      icon: o,
+      shortcutKeys: s,
+      tooltip: i,
+      tooltipOptions: c
+    }
+  ) : /* @__PURE__ */ r(d, {});
+}
+const B = /* @__PURE__ */ m.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: s, extension: i }) => ({
-        component: l,
+      button: ({ editor: o, t: i, extension: s }) => ({
+        // component: ActionButton,
         componentProps: {
           action: () => o.commands.toggleBulletList(),
-          isActive: () => o.isActive("bulletList") || !1,
+          isActive: () => o.isActive("bulletList"),
           disabled: !1,
-          shortcutKeys: i.options.shortcutKeys ?? ["shift", "mod", "8"],
+          shortcutKeys: s.options.shortcutKeys ?? ["shift", "mod", "8"],
           icon: "List",
-          tooltip: s("editor.bulletlist.tooltip")
+          tooltip: i("editor.bulletlist.tooltip")
         }
       })
     };
   }
 });
 export {
-  p as BulletList
+  B as BulletList,
+  K as RichTextBulletList
 };

package/lib/Clear.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index-DF2Lp4HZ.cjs"),r=require("./RichTextEditor-CxvwGvQG.cjs"),a=o.Node3.create({name:"clear",addOptions(){var e;return{...(e=this.parent)==null?void 0:e.call(this),button:({editor:t,t:n})=>({component:r.ActionButton,componentProps:{action:()=>t.chain().focus().clearNodes().unsetAllMarks().run(),disabled:!t.can().chain().focus().clearNodes().unsetAllMarks().run(),icon:"Eraser",tooltip:n("editor.clear.tooltip")}})}}});exports.Clear=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./index-RfTlOzIr.cjs"),n=require("react/jsx-runtime"),v=require("./toggle-D41PzQLJ.cjs"),c=require("./useButtonProps-C6Vpn190.cjs");function f(){const t=c.useButtonProps(s.name),{icon:e=void 0,tooltip:o=void 0,shortcutKeys:a=void 0,tooltipOptions:u={},action:i=void 0,isActive:l=void 0}=(t==null?void 0:t.componentProps)??{},{disabled:r}=c.useActive(l),d=()=>{r||i&&i()};return t?n.jsx(v.ActionButton,{action:d,disabled:r,icon:e,shortcutKeys:a,tooltip:o,tooltipOptions:u}):n.jsx(n.Fragment,{})}const s=p.Node3.create({name:"clear",addOptions(){var t;return{...(t=this.parent)==null?void 0:t.call(this),button:({editor:e,t:o})=>({componentProps:{action:()=>e.chain().focus().clearNodes().unsetAllMarks().run(),isActive:()=>e.can().chain().focus().clearNodes().unsetAllMarks().run(),icon:"Eraser",tooltip:o("editor.clear.tooltip")}})}}});exports.Clear=s;exports.RichTextClear=f;