reactjs-tiptap-editor 0.4.2 → 1.0.1

package/lib/Code.d.ts

@@ -1,6 +1,7 @@
 import { CodeOptions as CodeOptions_2 } from '@tiptap/extension-code';
 import { Editor } from '@tiptap/react';
 import { Extension } from '@tiptap/core';
+import { JSX } from 'react/jsx-runtime';
 import { Mark } from '@tiptap/core';
 
 /**
@@ -77,6 +78,8 @@ declare interface GeneralOptions<T> {
     shortcutKeys?: string[] | string[][];
 }
 
+export declare function RichTextCode(): JSX.Element;
+
 export { }
 
 
@@ -110,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: {
@@ -141,7 +165,7 @@ declare module '@tiptap/core' {
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         exportWord: {
-            exportToWord: () => ReturnType;
+            exportToWord: (docState: any) => 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;
     }
 }
 
@@ -254,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: {
@@ -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/Code.js

@@ -1,6 +1,10 @@
-import { M as n, l as a, o as d, m as s } from "./index-kbO3iWqL.js";
-import { A as u } from "./RichTextEditor-DGcKEUGr.js";
-var i = /(^|[^`])`([^`]+)`(?!`)$/, p = /(^|[^`])`([^`]+)`(?!`)/g, c = n.create({
+import { M as m, f as l, h as g, m as h } from "./index-DnWWK9F_.js";
+import { jsx as a, Fragment as M } from "react/jsx-runtime";
+import { A as f } from "./toggle-Cdp4IT2U.js";
+import "react";
+import "./index-BPfVXs5_.js";
+import { u as v, a as C } from "./useButtonProps-BsEd4zYM.js";
+var k = /(^|[^`])`([^`]+)`(?!`)$/, x = /(^|[^`])`([^`]+)`(?!`)/g, y = m.create({
   name: "code",
   addOptions() {
     return {
@@ -13,17 +17,17 @@ var i = /(^|[^`])`([^`]+)`(?!`)$/, p = /(^|[^`])`([^`]+)`(?!`)/g, c = n.create({
   parseHTML() {
     return [{ tag: "code" }];
   },
-  renderHTML({ HTMLAttributes: e }) {
-    return ["code", s(this.options.HTMLAttributes, e), 0];
+  renderHTML({ HTMLAttributes: t }) {
+    return ["code", h(this.options.HTMLAttributes, t), 0];
   },
   markdownTokenName: "codespan",
-  parseMarkdown: (e, t) => t.applyMark("code", [{ type: "text", text: e.text || "" }]),
-  renderMarkdown: (e, t) => e.content ? `\`${t.renderChildren(e.content)}\`` : "",
+  parseMarkdown: (t, e) => e.applyMark("code", [{ type: "text", text: t.text || "" }]),
+  renderMarkdown: (t, e) => t.content ? `\`${e.renderChildren(t.content)}\`` : "",
   addCommands() {
     return {
-      setCode: () => ({ commands: e }) => e.setMark(this.name),
-      toggleCode: () => ({ commands: e }) => e.toggleMark(this.name),
-      unsetCode: () => ({ commands: e }) => e.unsetMark(this.name)
+      setCode: () => ({ commands: t }) => t.setMark(this.name),
+      toggleCode: () => ({ commands: t }) => t.toggleMark(this.name),
+      unsetCode: () => ({ commands: t }) => t.unsetMark(this.name)
     };
   },
   addKeyboardShortcuts() {
@@ -33,42 +37,66 @@ var i = /(^|[^`])`([^`]+)`(?!`)$/, p = /(^|[^`])`([^`]+)`(?!`)/g, c = n.create({
   },
   addInputRules() {
     return [
-      d({
-        find: i,
+      g({
+        find: k,
         type: this.type
       })
     ];
   },
   addPasteRules() {
     return [
-      a({
-        find: p,
+      l({
+        find: x,
         type: this.type
       })
     ];
   }
 });
-const g = /* @__PURE__ */ c.extend({
+function P() {
+  const t = v(A.name), {
+    icon: e = void 0,
+    tooltip: o = void 0,
+    shortcutKeys: r = void 0,
+    tooltipOptions: i = {},
+    action: n = void 0,
+    isActive: d = void 0
+  } = (t == null ? void 0 : t.componentProps) ?? {}, { dataState: u, disabled: s, update: c } = C(d), p = () => {
+    s || n && (n(), c());
+  };
+  return t ? /* @__PURE__ */ a(
+    f,
+    {
+      action: p,
+      dataState: u,
+      disabled: s,
+      icon: e,
+      shortcutKeys: r,
+      tooltip: o,
+      tooltipOptions: i
+    }
+  ) : /* @__PURE__ */ a(M, {});
+}
+const A = /* @__PURE__ */ y.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),
-      button: ({ editor: t, t: r, extension: o }) => ({
-        component: u,
+      ...(t = this.parent) == null ? void 0 : t.call(this),
+      button: ({ editor: e, t: o, extension: r }) => ({
         componentProps: {
-          action: () => t.commands.toggleCode(),
-          isActive: () => t.isActive("code") || !1,
-          disabled: !t.can().toggleCode(),
+          action: () => e.commands.toggleCode(),
+          isActive: () => e.isActive("code"),
+          disabled: !e.can().toggleCode(),
           icon: "Code",
-          shortcutKeys: o.options.shortcutKeys ?? ["mod", "E"],
-          tooltip: r("editor.code.tooltip")
+          shortcutKeys: r.options.shortcutKeys ?? ["mod", "E"],
+          tooltip: o("editor.code.tooltip")
         }
       })
     };
   }
 });
 export {
-  g as Code
+  A as Code,
+  P as RichTextCode
 };