reactjs-tiptap-editor 0.4.2 → 1.0.1

package/lib/TaskList.d.ts

@@ -1,5 +1,6 @@
 import { Editor } from '@tiptap/react';
 import { Extension } from '@tiptap/core';
+import { JSX } from 'react/jsx-runtime';
 import { Node as Node_2 } from '@tiptap/core';
 import { TaskItemOptions } from '@tiptap/extension-list';
 import { TaskListOptions as TaskListOptions_2 } from '@tiptap/extension-list';
@@ -73,6 +74,8 @@ declare interface GeneralOptions<T> {
     shortcutKeys?: string[] | string[][];
 }
 
+export declare function RichTextTaskList(): JSX.Element;
+
 export declare const TaskList: Node_2<TaskListOptions, any>;
 
 /**
@@ -116,6 +119,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: {
@@ -147,7 +171,7 @@ declare module '@tiptap/core' {
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         exportWord: {
-            exportToWord: () => ReturnType;
+            exportToWord: (docState: any) => ReturnType;
         };
     }
 }
@@ -172,10 +196,8 @@ declare module '@tiptap/core' {
 
 
 declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        painter: {
-            setPainter: (marks: Mark[]) => ReturnType;
-        };
+    interface Storage {
+        highlight: HighlightStorage;
     }
 }
 
@@ -260,16 +282,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: {
@@ -280,20 +292,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: {
@@ -317,16 +315,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/TaskList.js

@@ -1,6 +1,34 @@
-import { T as a, a as e } from "./index-Ch6dBBad.js";
-import { A as n } from "./RichTextEditor-DGcKEUGr.js";
-const m = /* @__PURE__ */ a.extend({
+import { T as u, a as l } from "./index-CBce_TWY.js";
+import { jsx as a, Fragment as f } from "react/jsx-runtime";
+import { A as k } from "./toggle-Cdp4IT2U.js";
+import "react";
+import "./index-BPfVXs5_.js";
+import { u as T, a as v } from "./useButtonProps-BsEd4zYM.js";
+function I() {
+  const t = T(A.name), {
+    icon: o = void 0,
+    tooltip: s = void 0,
+    shortcutKeys: i = void 0,
+    tooltipOptions: r = {},
+    action: e = void 0,
+    isActive: c = void 0
+  } = (t == null ? void 0 : t.componentProps) ?? {}, { dataState: m, disabled: n, update: p } = v(c), d = () => {
+    n || e && (e(), p());
+  };
+  return t ? /* @__PURE__ */ a(
+    k,
+    {
+      action: d,
+      dataState: m,
+      disabled: n,
+      icon: o,
+      shortcutKeys: i,
+      tooltip: s,
+      tooltipOptions: r
+    }
+  ) : /* @__PURE__ */ a(f, {});
+}
+const A = /* @__PURE__ */ u.extend({
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   //@ts-expect-error
   addOptions() {
@@ -15,23 +43,23 @@ const m = /* @__PURE__ */ a.extend({
           class: "task-list-item"
         }
       },
-      button: ({ editor: s, t: o, extension: i }) => ({
-        component: n,
+      button: ({ editor: o, t: s, extension: i }) => ({
         componentProps: {
-          action: () => s.commands.toggleTaskList(),
-          isActive: () => s.isActive("taskList") || !1,
+          action: () => o.commands.toggleTaskList(),
+          isActive: () => o.isActive("taskList"),
           disabled: !1,
           icon: "ListTodo",
           shortcutKeys: i.options.shortcutKeys ?? ["shift", "mod", "9"],
-          tooltip: o("editor.tasklist.tooltip")
+          tooltip: s("editor.tasklist.tooltip")
         }
       })
     };
   },
   addExtensions() {
-    return [e.configure(this.options.taskItem)];
+    return [l.configure(this.options.taskItem)];
   }
 });
 export {
-  m as TaskList
+  I as RichTextTaskList,
+  A as TaskList
 };

package/lib/TextAlign.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("./index-DF2Lp4HZ.cjs"),l=require("react/jsx-runtime"),M=require("react"),s=require("./RichTextEditor-CxvwGvQG.cjs");var S=v.Extension.create({name:"textAlign",addOptions(){return{types:[],alignments:["left","center","right","justify"],defaultAlignment:null}},addGlobalAttributes(){return[{types:this.options.types,attributes:{textAlign:{default:this.options.defaultAlignment,parseHTML:t=>{const e=t.style.textAlign;return this.options.alignments.includes(e)?e:this.options.defaultAlignment},renderHTML:t=>t.textAlign?{style:`text-align: ${t.textAlign}`}:{}}}}]},addCommands(){return{setTextAlign:t=>({commands:e})=>this.options.alignments.includes(t)?this.options.types.map(n=>e.updateAttributes(n,{textAlign:t})).some(n=>n):!1,unsetTextAlign:()=>({commands:t})=>this.options.types.map(e=>t.resetAttributes(e,"textAlign")).some(e=>e),toggleTextAlign:t=>({editor:e,commands:n})=>this.options.alignments.includes(t)?e.isActive({textAlign:t})?n.unsetTextAlign():n.setTextAlign(t):!1}},addKeyboardShortcuts(){return{"Mod-Shift-l":()=>this.editor.commands.setTextAlign("left"),"Mod-Shift-e":()=>this.editor.commands.setTextAlign("center"),"Mod-Shift-r":()=>this.editor.commands.setTextAlign("right"),"Mod-Shift-j":()=>this.editor.commands.setTextAlign("justify")}}}),C=S;function K(t){var n;const e=M.useMemo(()=>{var o;const i=(o=t==null?void 0:t.items)==null?void 0:o.find(a=>a.isActive());return i&&!i.default?{...i,icon:i.icon?i.icon:t.icon}:{title:t==null?void 0:t.tooltip,icon:t.icon,isActive:()=>!1}},[t]);return l.jsxs(s.Popover,{modal:!0,children:[l.jsx(s.PopoverTrigger,{asChild:!0,disabled:t==null?void 0:t.disabled,children:l.jsx(s.ActionButton,{customClass:"!richtext-w-12 richtext-h-12",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:l.jsx(s.IconComponent,{className:"richtext-ml-1 richtext-size-3 richtext-text-zinc-500",name:"MenuDown"})})}),l.jsx(s.PopoverContent,{align:"start",className:"richtext-flex richtext-w-full richtext-min-w-4 richtext-flex-row richtext-gap-1 !richtext-p-[4px]",side:"bottom",children:(n=t==null?void 0:t.items)==null?void 0:n.map((i,u)=>{var o,a;return l.jsxs(s.Tooltip,{children:[l.jsx(s.TooltipTrigger,{asChild:!0,children:l.jsx(s.Toggle,{className:"richtext-size-7 richtext-p-1","data-state":e.title===i.title?"on":"off",onClick:i==null?void 0:i.action,pressed:e.title===i.title,size:"sm",children:(i==null?void 0:i.icon)&&l.jsx(s.IconComponent,{name:i.icon})})}),l.jsxs(s.TooltipContent,{className:"richtext-flex richtext-flex-col richtext-items-center",children:[l.jsx("span",{children:i.title}),!!((o=i.shortcutKeys)!=null&&o.length)&&l.jsx("span",{children:(a=i.shortcutKeys)==null?void 0:a.map(r=>s.getShortcutKey(r)).join(" ")})]})]},`text-align-${u}`)})})]})}const w=C.extend({addOptions(){var t;return{...(t=this.parent)==null?void 0:t.call(this),types:["heading","paragraph","list_item","title"],button({editor:e,extension:n,t:i}){var g,x,f,A,m;const u=((g=n.options)==null?void 0:g.alignments)||[],o={left:((x=n.options.shortcutKeys)==null?void 0:x[0])??["mod","Shift","L"],center:((f=n.options.shortcutKeys)==null?void 0:f[1])??["mod","Shift","E"],right:((A=n.options.shortcutKeys)==null?void 0:A[2])??["mod","Shift","R"],justify:((m=n.options.shortcutKeys)==null?void 0:m[3])??["mod","Shift","J"]},a={left:"AlignLeft",center:"AlignCenter",right:"AlignRight",justify:"AlignJustify"},r=u.map(c=>{var y,h,T;return{title:i(`editor.textalign.${c}.tooltip`),icon:a[c],shortcutKeys:o[c],isActive:()=>e.isActive({textAlign:c})||!1,action:()=>{var d,j;return(j=(d=e.commands)==null?void 0:d.setTextAlign)==null?void 0:j.call(d,c)},disabled:!((T=(h=(y=e==null?void 0:e.can)==null?void 0:y.call(e))==null?void 0:h.setTextAlign)!=null&&T.call(h,c))}}),b=r.filter(c=>c.disabled).length===r.length;return{component:K,componentProps:{icon:"AlignJustify",tooltip:i("editor.textalign.tooltip"),disabled:b,items:r}}}}}});exports.TextAlign=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const K=require("./index-RfTlOzIr.cjs"),s=require("react/jsx-runtime"),m=require("react"),S=require("./toggle-D41PzQLJ.cjs");require("./index-DV5kbgRU.cjs");const C=require("./Icon-DUpv2cI6.cjs"),y=require("./useButtonProps-C6Vpn190.cjs"),T=require("./popover-BgmUNMHj.cjs"),j=require("./tooltip-BuEiE96N.cjs");var q=K.Extension.create({name:"textAlign",addOptions(){return{types:[],alignments:["left","center","right","justify"],defaultAlignment:null}},addGlobalAttributes(){return[{types:this.options.types,attributes:{textAlign:{default:this.options.defaultAlignment,parseHTML:e=>{const t=e.style.textAlign;return this.options.alignments.includes(t)?t:this.options.defaultAlignment},renderHTML:e=>e.textAlign?{style:`text-align: ${e.textAlign}`}:{}}}}]},addCommands(){return{setTextAlign:e=>({commands:t})=>this.options.alignments.includes(e)?this.options.types.map(n=>t.updateAttributes(n,{textAlign:e})).some(n=>n):!1,unsetTextAlign:()=>({commands:e})=>this.options.types.map(t=>e.resetAttributes(t,"textAlign")).some(t=>t),toggleTextAlign:e=>({editor:t,commands:n})=>this.options.alignments.includes(e)?t.isActive({textAlign:e})?n.unsetTextAlign():n.setTextAlign(e):!1}},addKeyboardShortcuts(){return{"Mod-Shift-l":()=>this.editor.commands.setTextAlign("left"),"Mod-Shift-e":()=>this.editor.commands.setTextAlign("center"),"Mod-Shift-r":()=>this.editor.commands.setTextAlign("right"),"Mod-Shift-j":()=>this.editor.commands.setTextAlign("justify")}}}),P=q;function R(){const[e,t]=m.useState(!1),n=y.useButtonProps(b.name),{icon:g=void 0,tooltip:f=void 0,items:r=[],isActive:A=void 0}=(n==null?void 0:n.componentProps)??{},{disabled:l,dataState:c}=y.useActive(A),u=m.useMemo(()=>(c==null?void 0:c.title)||"",[c]),p=m.useMemo(()=>r==null?void 0:r.some(i=>i.title===u),[r,u]);return n?s.jsxs(T.Popover,{open:e,onOpenChange:t,modal:!0,children:[s.jsx(T.PopoverTrigger,{asChild:!0,"data-state":p?"on":"off",disabled:l,children:s.jsx(S.ActionButton,{customClass:"!richtext-w-12 richtext-h-12",disabled:l,icon:g,tooltip:f,children:s.jsx(C.IconComponent,{className:"richtext-ml-1 richtext-size-3 richtext-text-zinc-500",name:"MenuDown"})})}),s.jsx(T.PopoverContent,{align:"start",className:"richtext-flex richtext-w-full richtext-min-w-4 richtext-flex-row richtext-gap-1 !richtext-p-[4px]",side:"bottom",children:r==null?void 0:r.map((i,x)=>{var o,a;return s.jsxs(j.Tooltip,{children:[s.jsx(j.TooltipTrigger,{asChild:!0,children:s.jsx(S.Toggle,{className:"richtext-size-7 richtext-p-1","data-state":u===i.title?"on":"off",onClick:()=>{i==null||i.action(),t(!1)},size:"sm",children:(i==null?void 0:i.icon)&&s.jsx(C.IconComponent,{name:i.icon})})}),s.jsxs(j.TooltipContent,{className:"richtext-flex richtext-flex-col richtext-items-center",children:[s.jsx("span",{children:i.title}),!!((o=i.shortcutKeys)!=null&&o.length)&&s.jsx("span",{children:(a=i.shortcutKeys)==null?void 0:a.map(h=>y.getShortcutKey(h)).join(" ")})]})]},`text-align-${x}`)})})]}):s.jsx(s.Fragment,{})}const b=P.extend({addOptions(){var e;return{...(e=this.parent)==null?void 0:e.call(this),types:["heading","paragraph","list_item","title"],button({editor:t,extension:n,t:g}){var c,u,p,i,x;const f=((c=n.options)==null?void 0:c.alignments)||[],r={left:((u=n.options.shortcutKeys)==null?void 0:u[0])??["mod","Shift","L"],center:((p=n.options.shortcutKeys)==null?void 0:p[1])??["mod","Shift","E"],right:((i=n.options.shortcutKeys)==null?void 0:i[2])??["mod","Shift","R"],justify:((x=n.options.shortcutKeys)==null?void 0:x[3])??["mod","Shift","J"]},A={left:"AlignLeft",center:"AlignCenter",right:"AlignRight",justify:"AlignJustify"},l=f.map(o=>{var a,h,v;return{title:g(`editor.textalign.${o}.tooltip`),icon:A[o],shortcutKeys:r[o],isActive:()=>t.isActive({textAlign:o})||!1,action:()=>{var d,M;return(M=(d=t.commands)==null?void 0:d.setTextAlign)==null?void 0:M.call(d,o)},disabled:!((v=(h=(a=t==null?void 0:t.can)==null?void 0:a.call(t))==null?void 0:h.setTextAlign)!=null&&v.call(h,o))}});return{componentProps:{icon:"AlignJustify",tooltip:g("editor.textalign.tooltip"),items:l,isActive:()=>l==null?void 0:l.find(a=>a.isActive())}}}}}});exports.RichTextAlign=R;exports.TextAlign=b;

package/lib/TextAlign.d.cts

@@ -1,5 +1,7 @@
+import { default as default_2 } from 'react';
 import { Editor } from '@tiptap/react';
 import { Extension } from '@tiptap/core';
+import { JSX } from 'react/jsx-runtime';
 import { TextAlignOptions as TextAlignOptions_2 } from '@tiptap/extension-text-align';
 
 declare type Alignments = 'left' | 'center' | 'right' | 'justify';
@@ -73,6 +75,20 @@ declare interface GeneralOptions<T> {
     shortcutKeys?: string[] | string[][];
 }
 
+export declare interface Item {
+    title: string;
+    icon?: any;
+    isActive: NonNullable<ButtonViewReturnComponentProps['isActive']>;
+    action?: ButtonViewReturnComponentProps['action'];
+    style?: default_2.CSSProperties;
+    shortcutKeys?: string[];
+    disabled?: boolean;
+    divider?: boolean;
+    default?: boolean;
+}
+
+export declare function RichTextAlign(): JSX.Element;
+
 export declare const TextAlign: Extension<TextAlignOptions, any>;
 
 /**
@@ -120,6 +136,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: {
@@ -151,7 +188,7 @@ declare module '@tiptap/core' {
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         exportWord: {
-            exportToWord: () => ReturnType;
+            exportToWord: (docState: any) => ReturnType;
         };
     }
 }
@@ -176,10 +213,8 @@ declare module '@tiptap/core' {
 
 
 declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        painter: {
-            setPainter: (marks: Mark[]) => ReturnType;
-        };
+    interface Storage {
+        highlight: HighlightStorage;
     }
 }
 
@@ -264,16 +299,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: {
@@ -284,20 +309,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: {
@@ -321,16 +332,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/TextAlign.d.ts

@@ -1,5 +1,7 @@
+import { default as default_2 } from 'react';
 import { Editor } from '@tiptap/react';
 import { Extension } from '@tiptap/core';
+import { JSX } from 'react/jsx-runtime';
 import { TextAlignOptions as TextAlignOptions_2 } from '@tiptap/extension-text-align';
 
 declare type Alignments = 'left' | 'center' | 'right' | 'justify';
@@ -73,6 +75,20 @@ declare interface GeneralOptions<T> {
     shortcutKeys?: string[] | string[][];
 }
 
+export declare interface Item {
+    title: string;
+    icon?: any;
+    isActive: NonNullable<ButtonViewReturnComponentProps['isActive']>;
+    action?: ButtonViewReturnComponentProps['action'];
+    style?: default_2.CSSProperties;
+    shortcutKeys?: string[];
+    disabled?: boolean;
+    divider?: boolean;
+    default?: boolean;
+}
+
+export declare function RichTextAlign(): JSX.Element;
+
 export declare const TextAlign: Extension<TextAlignOptions, any>;
 
 /**
@@ -120,6 +136,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: {
@@ -151,7 +188,7 @@ declare module '@tiptap/core' {
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         exportWord: {
-            exportToWord: () => ReturnType;
+            exportToWord: (docState: any) => ReturnType;
         };
     }
 }
@@ -176,10 +213,8 @@ declare module '@tiptap/core' {
 
 
 declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        painter: {
-            setPainter: (marks: Mark[]) => ReturnType;
-        };
+    interface Storage {
+        highlight: HighlightStorage;
     }
 }
 
@@ -264,16 +299,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: {
@@ -284,20 +309,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: {
@@ -321,16 +332,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: {