reactjs-tiptap-editor 0.1.12 → 0.1.14

package/lib/index.d.ts

@@ -9,6 +9,7 @@ import { CharacterCountOptions } from '@tiptap/extension-character-count';
 import { CodeBlockOptions as CodeBlockOptions_2 } from '@tiptap/extension-code-block';
 import { CodeOptions as CodeOptions_2 } from '@tiptap/extension-code';
 import { ColorOptions as ColorOptions_2 } from '@tiptap/extension-color';
+import { default as default_2 } from 'mammoth';
 import { DropcursorOptions } from '@tiptap/extension-dropcursor';
 import { Editor } from '@tiptap/react';
 import { Editor as Editor_2 } from '@tiptap/core';
@@ -399,7 +400,6 @@ export declare const en: {
     'editor.table_of_content': string;
     'editor.draghandle.tooltip': string;
     'editor.copyToClipboard': string;
-    'editor.importWord.tooltip': string;
     'editor.slash': string;
     'editor.slash.empty': string;
     'editor.slash.format': string;
@@ -537,7 +537,11 @@ export declare const en: {
     'editor.katex.tooltip': string;
     'editor.exportPdf.tooltip': string;
     'editor.exportWord.tooltip': string;
-    'editor.importWrod.tooltip': string;
+    'editor.importWord.tooltip': string;
+    'editor.importWord.limitSize': string;
+    'editor.importWord.converting': string;
+    'editor.importWord.convertError': string;
+    'editor.importWord.importError': string;
     'editor.textDirection.tooltip': string;
     'editor.textDirection.auto.tooltip': string;
     'editor.textDirection.ltr.tooltip': string;
@@ -648,7 +652,6 @@ export declare const hu_HU: {
     'editor.table_of_content': string;
     'editor.draghandle.tooltip': string;
     'editor.copyToClipboard': string;
-    'editor.importWord.tooltip': string;
     'editor.slash': string;
     'editor.slash.empty': string;
     'editor.slash.format': string;
@@ -786,7 +789,11 @@ export declare const hu_HU: {
     'editor.katex.tooltip': string;
     'editor.exportPdf.tooltip': string;
     'editor.exportWord.tooltip': string;
-    'editor.importWrod.tooltip': string;
+    'editor.importWord.tooltip': string;
+    'editor.importWord.limitSize': string;
+    'editor.importWord.converting': string;
+    'editor.importWord.convertError': string;
+    'editor.importWord.importError': string;
     'editor.textDirection.tooltip': string;
     'editor.textDirection.auto.tooltip': string;
     'editor.textDirection.ltr.tooltip': string;
@@ -833,12 +840,17 @@ declare interface ImageGifOptions extends ImageOptions {
 export declare const ImportWord: Extension<ImportWordOptions, any>;
 
 declare interface ImportWordOptions extends GeneralOptions<ImportWordOptions> {
-    /**
-     * 将word 转换成html的接口
-     */
+    /** Function for converting Word files to HTML */
     convert?: (file: File) => Promise<string>;
     /** Function for uploading images */
     upload?: (files: File[]) => Promise<unknown>;
+    /**
+     * File Size limit(10 MB)
+     *
+     * @default 1024 * 1024 * 10
+     */
+    limit?: number;
+    mammothOptions?: Parameters<typeof default_2['convertToHtml']>[1];
 }
 
 export declare const Indent: Extension<IndentOptions, any>;
@@ -949,7 +961,6 @@ export declare const pt_BR: {
     'editor.table_of_content': string;
     'editor.draghandle.tooltip': string;
     'editor.copyToClipboard': string;
-    'editor.importWord.tooltip': string;
     'editor.slash': string;
     'editor.slash.empty': string;
     'editor.slash.format': string;
@@ -1087,7 +1098,11 @@ export declare const pt_BR: {
     'editor.katex.tooltip': string;
     'editor.exportPdf.tooltip': string;
     'editor.exportWord.tooltip': string;
-    'editor.importWrod.tooltip': string;
+    'editor.importWord.tooltip': string;
+    'editor.importWord.limitSize': string;
+    'editor.importWord.converting': string;
+    'editor.importWord.convertError': string;
+    'editor.importWord.importError': string;
     'editor.textDirection.tooltip': string;
     'editor.textDirection.auto.tooltip': string;
     'editor.textDirection.ltr.tooltip': string;
@@ -1148,6 +1163,8 @@ declare interface RichTextEditorProps {
     onChangeContent?: (val: any) => void;
     /** Bubble menu props */
     bubbleMenu?: BubbleMenuProps;
+    /** Toolbar props */
+    toolbar?: ToolbarProps;
     /** Use editor options */
     useEditorOptions?: UseEditorOptions;
     /** Use editor options */
@@ -1271,6 +1288,29 @@ declare interface TextBubbleOptions extends GeneralOptions<TextBubbleOptions> {
 
 export declare const TextDirection: Extension<any, any>;
 
+/**
+ * Represents the ToolbarItemProps.
+ */
+declare interface ToolbarItemProps {
+    button: {
+        component: React.ComponentType<any>;
+        componentProps: Record<string, any>;
+    };
+    divider: boolean;
+    spacer: boolean;
+    type: string;
+    name: string;
+}
+
+declare interface ToolbarProps {
+    render?: (props: ToolbarRenderProps, toolbarItems: ToolbarItemProps[], dom: JSX.Element[], containerDom: (innerContent: React.ReactNode) => React.ReactNode) => React.ReactNode;
+}
+
+declare interface ToolbarRenderProps {
+    editor: Editor;
+    disabled: boolean;
+}
+
 /**
  * Extension based on:
  * - https://github.com/ueberdosis/tiptap/blob/v1/packages/tiptap-extensions/src/extensions/TrailingNode.js
@@ -1340,7 +1380,6 @@ export declare const vi: {
     'editor.table_of_content': string;
     'editor.draghandle.tooltip': string;
     'editor.copyToClipboard': string;
-    'editor.importWord.tooltip': string;
     'editor.slash': string;
     'editor.slash.empty': string;
     'editor.slash.format': string;
@@ -1478,7 +1517,11 @@ export declare const vi: {
     'editor.katex.tooltip': string;
     'editor.exportPdf.tooltip': string;
     'editor.exportWord.tooltip': string;
-    'editor.importWrod.tooltip': string;
+    'editor.importWord.tooltip': string;
+    'editor.importWord.limitSize': string;
+    'editor.importWord.converting': string;
+    'editor.importWord.convertError': string;
+    'editor.importWord.importError': string;
     'editor.textDirection.tooltip': string;
     'editor.textDirection.auto.tooltip': string;
     'editor.textDirection.ltr.tooltip': string;
@@ -1543,7 +1586,6 @@ export declare const zh_CN: {
     'editor.table_of_content': string;
     'editor.draghandle.tooltip': string;
     'editor.copyToClipboard': string;
-    'editor.importWord.tooltip': string;
     'editor.slash': string;
     'editor.slash.empty': string;
     'editor.slash.format': string;
@@ -1681,7 +1723,11 @@ export declare const zh_CN: {
     'editor.katex.tooltip': string;
     'editor.exportPdf.tooltip': string;
     'editor.exportWord.tooltip': string;
-    'editor.importWrod.tooltip': string;
+    'editor.importWord.tooltip': string;
+    'editor.importWord.limitSize': string;
+    'editor.importWord.converting': string;
+    'editor.importWord.convertError': string;
+    'editor.importWord.importError': string;
     'editor.textDirection.tooltip': string;
     'editor.textDirection.auto.tooltip': string;
     'editor.textDirection.ltr.tooltip': string;
@@ -1734,26 +1780,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> {
-        tableCellBackground: {
-            setTableCellBackground: (color: string) => ReturnType;
-            unsetTableCellBackground: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         indent: {
@@ -1770,6 +1796,16 @@ 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> {
         imageUpload: {
@@ -1790,6 +1826,30 @@ declare module '@tiptap/core' {
 }
 
 
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        tableCellBackground: {
+            setTableCellBackground: (color: string) => ReturnType;
+            unsetTableCellBackground: () => ReturnType;
+        };
+    }
+}
+
+
+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> {
         painter: {
@@ -1799,6 +1859,27 @@ declare module '@tiptap/core' {
 }
 
 
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        emoji: {
+            setEmoji: (emoji: {
+                name: string;
+                emoji: string;
+            }) => ReturnType;
+        };
+    }
+}
+
+
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        katex: {
+            setKatex: (arg?: IKatexAttrs) => ReturnType;
+        };
+    }
+}
+
+
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         search: {
@@ -1831,25 +1912,8 @@ 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> {
-        emoji: {
-            setEmoji: (emoji: {
-                name: string;
-                emoji: string;
-            }) => ReturnType;
+        exportWord: {
+            exportToWord: () => ReturnType;
         };
     }
 }
@@ -1876,14 +1940,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        twitter: {
-            /**
-             * Insert a tweet
-             * @param options The tweet attributes
-             * @example editor.commands.setTweet({ src: 'https://x.com/seanpk/status/1800145949580517852' })
-             */
-            setTweet: (options: SetTweetOptions) => ReturnType;
-            updateTweet: (options: SetTweetOptions) => ReturnType;
+        attachment: {
+            setAttachment: (attrs?: unknown) => ReturnType;
         };
     }
 }
@@ -1921,26 +1979,14 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        attachment: {
-            setAttachment: (attrs?: unknown) => ReturnType;
-        };
-    }
-}
-
-
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        exportWord: {
-            exportToWord: () => ReturnType;
-        };
-    }
-}
-
-
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        katex: {
-            setKatex: (arg?: IKatexAttrs) => ReturnType;
+        twitter: {
+            /**
+             * Insert a tweet
+             * @param options The tweet attributes
+             * @example editor.commands.setTweet({ src: 'https://x.com/seanpk/status/1800145949580517852' })
+             */
+            setTweet: (options: SetTweetOptions) => ReturnType;
+            updateTweet: (options: SetTweetOptions) => ReturnType;
         };
     }
 }

package/lib/index.js

@@ -1,7 +1,7 @@
-import { P as p, k as x, h as C, B, e as S, f as h, C as g, a as k, c as E, t as I, v as R, E as H, G as M, y as T, A as b, F as A, b as L, s as y, H as z, d as F, j as v, i as w, w as K, q as O, Q as P, z as U, n as W, I as _, K as j, o as q, L as D, N as G, W as N, M as V, u as J, O as Q, x as X, p as Y, S as Z, l as $, r as aa, D as sa, g as ea, T as ta, J as oa, X as ra, U as ia, V as na, R as la } from "./utils-BwnMHOHQ.js";
-import { m as ua, n as ca, k as ma, p as fa, v as pa, z as xa } from "./locales-0_7hd40-.js";
+import { P as p, k as x, h as C, B, e as S, f as h, C as g, a as k, c as E, t as I, v as R, E as H, G as M, y as T, A as b, F as A, b as L, s as y, H as z, d as F, j as v, i as w, w as K, q as O, Q as P, z as U, n as W, I as _, K as j, o as q, L as D, N as G, W as N, M as V, u as J, O as Q, x as X, p as Y, S as Z, l as $, r as aa, D as sa, g as ea, T as ta, J as oa, X as ra, U as ia, V as na, R as la } from "./utils-DvW-fR8u.js";
+import { m as ua, n as ca, k as ma, p as fa, v as pa, z as xa } from "./locales--osbCzs-.js";
 import { useRef as l, useState as t, useEffect as d } from "react";
-import { B as Ba } from "./tiptap-BSVYcz58.js";
+import { B as Ba } from "./tiptap-CibBmg3k.js";
 function c() {
   var s;
   const a = l({ editor: null }), [o, r] = t(!1), [i, n] = t(null);

package/lib/{locales-0_7hd40-.js → locales--osbCzs-.js}

@@ -1,9 +1,9 @@
 var p = Object.defineProperty;
 var s = (e, t, o) => t in e ? p(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
 var a = (e, t, o) => s(e, typeof t != "symbol" ? t + "" : t, o);
-import { useMemo as g, useEffect as m } from "react";
-import { createSignal as u, useSignal as c } from "reactjs-signal";
-import { m as h } from "./utils-BwnMHOHQ.js";
+import { useMemo as m, useEffect as g } from "react";
+import { A as u, g as c } from "./vendor-CDx3V-R7.js";
+import { m as h } from "./utils-DvW-fR8u.js";
 const b = {
   "editor.remove": "Remove",
   "editor.copy": "Copy",
@@ -19,7 +19,6 @@ const b = {
   "editor.table_of_content": "Table of Content",
   "editor.draghandle.tooltip": "Modify",
   "editor.copyToClipboard": "CopyToClipboard",
-  "editor.importWord.tooltip": "Import Word",
   "editor.slash": "Press '/' for commands",
   "editor.slash.empty": "No Result",
   "editor.slash.format": "Format",
@@ -157,7 +156,11 @@ const b = {
   "editor.katex.tooltip": "Math Formula",
   "editor.exportPdf.tooltip": "Export PDF",
   "editor.exportWord.tooltip": "Export Word",
-  "editor.importWrod.tooltip": "Import Word",
+  "editor.importWord.tooltip": "Import Word",
+  "editor.importWord.limitSize": "File size cannot exceed",
+  "editor.importWord.converting": "Converting Word document, please wait...",
+  "editor.importWord.convertError": "Error parsing Word document",
+  "editor.importWord.importError": "Error importing Word document",
   "editor.textDirection.tooltip": "Text Direction",
   "editor.textDirection.auto.tooltip": "Auto",
   "editor.textDirection.ltr.tooltip": "Left to Right",
@@ -186,7 +189,6 @@ const b = {
   "editor.table_of_content": "Tabela de conteúdos",
   "editor.draghandle.tooltip": "Modificar",
   "editor.copyToClipboard": "Copiar para a área de transferência",
-  "editor.importWord.tooltip": "Importar Word",
   "editor.slash": "Pressione '/' para comandos",
   "editor.slash.empty": "Nenhum resultado",
   "editor.slash.format": "Formato",
@@ -324,7 +326,11 @@ const b = {
   "editor.katex.tooltip": "Fórmula matemática",
   "editor.exportPdf.tooltip": "Exportar PDF",
   "editor.exportWord.tooltip": "Exportar Word",
-  "editor.importWrod.tooltip": "Importar Word",
+  "editor.importWord.tooltip": "Importar Word",
+  "editor.importWord.limitSize": "O tamanho do arquivo não pode exceder",
+  "editor.importWord.converting": "Convertendo documento do Word, aguarde...",
+  "editor.importWord.convertError": "Erro ao analisar documento do Word",
+  "editor.importWord.importError": "Erro ao importar documento do Word",
   "editor.textDirection.tooltip": "Direção do texto",
   "editor.textDirection.auto.tooltip": "Automático",
   "editor.textDirection.ltr.tooltip": "Esquerda para Direita",
@@ -353,7 +359,6 @@ const b = {
   "editor.table_of_content": "Mục lục",
   "editor.draghandle.tooltip": "Sửa đổi",
   "editor.copyToClipboard": "CopyToClipboard",
-  "editor.importWord.tooltip": "Nhập Word",
   "editor.slash": "Nhấn '/' để biết lệnh",
   "editor.slash.empty": "Không có kết quả",
   "editor.slash.format": "Định dạng",
@@ -491,7 +496,11 @@ const b = {
   "editor.katex.tooltip": "Công thức toán học",
   "editor.exportPdf.tooltip": "Xuất PDF",
   "editor.exportWord.tooltip": "Xuất Word",
-  "editor.importWrod.tooltip": "Nhập Word",
+  "editor.importWord.tooltip": "Nhập Word",
+  "editor.importWord.limitSize": "Kích thước tệp không được vượt quá",
+  "editor.importWord.converting": "Đang chuyển đổi tài liệu Word, vui lòng đợi...",
+  "editor.importWord.convertError": "Lỗi khi phân tích tài liệu Word",
+  "editor.importWord.importError": "Lỗi khi nhập tài liệu Word",
   "editor.textDirection.tooltip": "Hướng văn bản",
   "editor.textDirection.auto.tooltip": "Tự động",
   "editor.textDirection.ltr.tooltip": "Trái sang Phải",
@@ -520,7 +529,6 @@ const b = {
   "editor.table_of_content": "目录",
   "editor.draghandle.tooltip": "修改",
   "editor.copyToClipboard": "复制到剪贴板",
-  "editor.importWord.tooltip": "导入 Word",
   "editor.slash": "按 '/' 使用命令",
   "editor.slash.empty": "无结果",
   "editor.slash.format": "格式",
@@ -658,7 +666,11 @@ const b = {
   "editor.katex.tooltip": "数学公式",
   "editor.exportPdf.tooltip": "导出 PDF",
   "editor.exportWord.tooltip": "导出 Word",
-  "editor.importWrod.tooltip": "导入 Word",
+  "editor.importWord.tooltip": "导入 Word",
+  "editor.importWord.limitSize": "文件大小不能超过",
+  "editor.importWord.converting": "正在转换 Word 文档，请稍后...",
+  "editor.importWord.convertError": "解析 Word 文档出错",
+  "editor.importWord.importError": "导入 Word 文档出错",
   "editor.textDirection.tooltip": "文本方向",
   "editor.textDirection.auto.tooltip": "自动",
   "editor.textDirection.ltr.tooltip": "从左到右",
@@ -672,7 +684,7 @@ const b = {
   "editor.twitter.tooltip": "Twitter",
   "editor.tooltip.flipX": "水平翻转",
   "editor.tooltip.flipY": "垂直翻转"
-}, x = _, A = {
+}, v = _, x = {
   "editor.remove": "Eltávolítás",
   "editor.copy": "Másolás",
   "editor.words": "SZAVAK",
@@ -687,7 +699,6 @@ const b = {
   "editor.table_of_content": "Tartalomjegyzék",
   "editor.draghandle.tooltip": "Módosítás",
   "editor.copyToClipboard": "Másolás vágólapra",
-  "editor.importWord.tooltip": "Word importálása",
   "editor.slash": "Nyomja meg a '/' gombot a parancsokhoz",
   "editor.slash.empty": "Nincs találat",
   "editor.slash.format": "Formátum",
@@ -825,7 +836,11 @@ const b = {
   "editor.katex.tooltip": "Matematikai formula",
   "editor.exportPdf.tooltip": "PDF exportálása",
   "editor.exportWord.tooltip": "Word exportálása",
-  "editor.importWrod.tooltip": "Word importálása",
+  "editor.importWord.tooltip": "Word importálása",
+  "editor.importWord.limitSize": "A fájl mérete nem haladhatja meg",
+  "editor.importWord.converting": "Word dokumentum konvertálása, kérjük, várjon...",
+  "editor.importWord.convertError": "Hiba a Word-dokumentum elemzésekor",
+  "editor.importWord.importError": "Hiba a Word dokumentum importálásakor",
   "editor.textDirection.tooltip": "Szövegirány",
   "editor.textDirection.auto.tooltip": "Automatikus",
   "editor.textDirection.ltr.tooltip": "Balról jobbra",
@@ -839,7 +854,7 @@ const b = {
   "editor.twitter.tooltip": "Twitter",
   "editor.tooltip.flipX": "Vízszintes tükrözés",
   "editor.tooltip.flipY": "Függőleges tükrözés"
-}, z = A, v = "en", y = 200, I = y - 80, U = 20, N = 1e5, P = 16, M = 10, j = 10, W = 2, H = [
+}, A = x, z = "en", y = 200, I = y - 80, W = 20, U = 1e5, j = 16, N = 10, P = 10, M = 2, H = [
   "#000000",
   "#262626",
   "#595959",
@@ -967,16 +982,16 @@ const V = ["100%", "115%", "150%", "200%", "250%", "300%"], $ = "1", Y = [
   "highlight",
   "textAlign"
 ], i = {
-  lang: v,
+  lang: z,
   message: {
     en: f,
-    hu_HU: z,
+    hu_HU: A,
     vi: T,
-    zh_CN: x,
+    zh_CN: v,
     pt_BR: F
   }
 };
-class S {
+class E {
   constructor() {
     a(this, "emitter");
     this.emitter = h();
@@ -1029,17 +1044,17 @@ class S {
   buildLocalesHandler(t) {
     t || (t = this.lang);
     const o = this.loadLangMessage(t);
-    return function(l) {
-      return o[l] || l;
+    return function(r) {
+      return o[r] || r;
     };
   }
 }
-const r = new S(), n = u(i.lang);
+const l = new E(), n = c(i.lang);
 function J() {
-  const [e, t] = c(n), o = g(() => r.buildLocalesHandler(e), [e]);
-  return m(() => {
-    const d = r.registerWatchLang((l) => {
-      t(l);
+  const [e, t] = u(n), o = m(() => l.buildLocalesHandler(e), [e]);
+  return g(() => {
+    const d = l.registerWatchLang((r) => {
+      t(r);
     });
     return () => {
       d.unsubscribe();
@@ -1050,8 +1065,8 @@ function J() {
   };
 }
 const Q = {
-  t: (e) => r.buildLocalesHandler(n.get())(e)
-}, Z = r;
+  t: (e) => l.buildLocalesHandler(n.get())(e)
+}, Z = l;
 export {
   Y as B,
   H as C,
@@ -1059,24 +1074,24 @@ export {
   I as E,
   D as I,
   O as M,
-  j as T,
+  P as T,
   L as V,
   q as a,
   G as b,
   X as c,
   $ as d,
   V as e,
-  N as f,
-  P as g,
-  U as h,
-  M as i,
-  W as j,
+  U as f,
+  j as g,
+  W as h,
+  N as i,
+  M as j,
   Z as k,
   Q as l,
   f as m,
-  z as n,
+  A as n,
   F as p,
   J as u,
   T as v,
-  x as z
+  v as z
 };