reactjs-tiptap-editor 0.4.2 → 1.0.1

package/lib/HorizontalRule.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-DF2Lp4HZ.cjs"),i=require("./index-Dbvi-Bvh.cjs"),s=require("./RichTextEditor-CxvwGvQG.cjs"),u=i.HorizontalRule.extend({renderHTML(){return["div",r.mergeAttributes(this.options.HTMLAttributes,{"data-type":this.name}),["hr"]]},addOptions(){var t;return{...(t=this.parent)==null?void 0:t.call(this),button:({editor:o,t:e,extension:n})=>({component:s.ActionButton,componentProps:{action:()=>o.commands.setHorizontalRule(),disabled:!o.can().setHorizontalRule(),icon:"Minus",shortcutKeys:n.options.shortcutKeys??["mod","alt","S"],tooltip:e("editor.horizontalrule.tooltip")}})}},addKeyboardShortcuts(){return{"Mod-Alt-s":()=>this.editor.commands.setHorizontalRule()}}});exports.HorizontalRule=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-RfTlOzIr.cjs"),l=require("@tiptap/pm/state"),f=require("./toggle-D41PzQLJ.cjs"),h=require("react/jsx-runtime");require("react");require("./index-DV5kbgRU.cjs");const T=require("./useButtonProps-C6Vpn190.cjs");var A=i.Node3.create({name:"horizontalRule",addOptions(){return{HTMLAttributes:{},nextNodeType:"paragraph"}},group:"block",parseHTML(){return[{tag:"hr"}]},renderHTML({HTMLAttributes:t}){return["hr",i.mergeAttributes(this.options.HTMLAttributes,t)]},markdownTokenName:"hr",parseMarkdown:(t,n)=>n.createNode("horizontalRule"),renderMarkdown:()=>"---",addCommands(){return{setHorizontalRule:()=>({chain:t,state:n})=>{if(!i.canInsertNode(n,n.schema.nodes[this.name]))return!1;const{selection:r}=n,{$to:s}=r,c=t();return i.isNodeSelection(r)?c.insertContentAt(s.pos,{type:this.name}):c.insertContent({type:this.name}),c.command(({state:a,tr:e,dispatch:p})=>{if(p){const{$to:o}=e.selection,u=o.end();if(o.nodeAfter)o.nodeAfter.isTextblock?e.setSelection(l.TextSelection.create(e.doc,o.pos+1)):o.nodeAfter.isBlock?e.setSelection(l.NodeSelection.create(e.doc,o.pos)):e.setSelection(l.TextSelection.create(e.doc,o.pos));else{const d=a.schema.nodes[this.options.nextNodeType]||o.parent.type.contentMatch.defaultType,m=d==null?void 0:d.create();m&&(e.insert(u,m),e.setSelection(l.TextSelection.create(e.doc,u+1)))}e.scrollIntoView()}return!0}).run()}}},addInputRules(){return[i.nodeInputRule({find:/^(?:---|—-|___\s|\*\*\*\s)$/,type:this.type})]}});function R(){const t=T.useButtonProps(y.name),{icon:n=void 0,tooltip:r=void 0,shortcutKeys:s=void 0,tooltipOptions:c={},action:a=void 0,isActive:e=void 0}=(t==null?void 0:t.componentProps)??{},{dataState:p,disabled:o,update:u}=T.useToggleActive(e),d=()=>{o||a&&(a(),u())};return t?h.jsx(f.ActionButton,{action:d,dataState:p,disabled:o,icon:n,shortcutKeys:s,tooltip:r,tooltipOptions:c}):h.jsx(h.Fragment,{})}const y=A.extend({addOptions(){var t;return{...(t=this.parent)==null?void 0:t.call(this),button:({editor:n,t:r,extension:s})=>({component:f.ActionButton,componentProps:{action:()=>n.commands.setHorizontalRule(),disabled:!n.can().setHorizontalRule(),icon:"Minus",shortcutKeys:s.options.shortcutKeys??["mod","alt","S"],tooltip:r("editor.horizontalrule.tooltip")}})}},addKeyboardShortcuts(){return{"Mod-Alt-s":()=>this.editor.commands.setHorizontalRule()}},renderHTML(){return["div",i.mergeAttributes(this.options.HTMLAttributes,{"data-type":this.name}),["hr"]]}});exports.HorizontalRule=y;exports.RichTextHorizontalRule=R;

package/lib/HorizontalRule.d.cts

@@ -1,6 +1,7 @@
 import { Editor } from '@tiptap/react';
 import { Extension } from '@tiptap/core';
 import { HorizontalRuleOptions as HorizontalRuleOptions_2 } from '@tiptap/extension-horizontal-rule';
+import { JSX } from 'react/jsx-runtime';
 import { Node as Node_2 } from '@tiptap/core';
 
 /**
@@ -77,6 +78,8 @@ export declare const HorizontalRule: Node_2<HorizontalRuleOptions, any>;
 export declare interface HorizontalRuleOptions extends HorizontalRuleOptions_2, GeneralOptions<HorizontalRuleOptions> {
 }
 
+export declare function RichTextHorizontalRule(): 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/HorizontalRule.d.ts

@@ -1,6 +1,7 @@
 import { Editor } from '@tiptap/react';
 import { Extension } from '@tiptap/core';
 import { HorizontalRuleOptions as HorizontalRuleOptions_2 } from '@tiptap/extension-horizontal-rule';
+import { JSX } from 'react/jsx-runtime';
 import { Node as Node_2 } from '@tiptap/core';
 
 /**
@@ -77,6 +78,8 @@ export declare const HorizontalRule: Node_2<HorizontalRuleOptions, any>;
 export declare interface HorizontalRuleOptions extends HorizontalRuleOptions_2, GeneralOptions<HorizontalRuleOptions> {
 }
 
+export declare function RichTextHorizontalRule(): 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/HorizontalRule.js

@@ -1,29 +1,99 @@
-import { m as n } from "./index-kbO3iWqL.js";
-import { H as i } from "./index-BBz7Nmv9.js";
-import { A as s } from "./RichTextEditor-DGcKEUGr.js";
-const d = /* @__PURE__ */ i.extend({
-  renderHTML() {
+import { N as T, n as A, k as y, l as H, m as h } from "./index-DnWWK9F_.js";
+import { TextSelection as u, NodeSelection as R } from "@tiptap/pm/state";
+import { A as f } from "./toggle-Cdp4IT2U.js";
+import { jsx as m, Fragment as M } from "react/jsx-runtime";
+import "react";
+import "./index-BPfVXs5_.js";
+import { u as v, a as z } from "./useButtonProps-BsEd4zYM.js";
+var S = T.create({
+  name: "horizontalRule",
+  addOptions() {
+    return {
+      HTMLAttributes: {},
+      nextNodeType: "paragraph"
+    };
+  },
+  group: "block",
+  parseHTML() {
+    return [{ tag: "hr" }];
+  },
+  renderHTML({ HTMLAttributes: t }) {
+    return ["hr", h(this.options.HTMLAttributes, t)];
+  },
+  markdownTokenName: "hr",
+  parseMarkdown: (t, n) => n.createNode("horizontalRule"),
+  renderMarkdown: () => "---",
+  addCommands() {
+    return {
+      setHorizontalRule: () => ({ chain: t, state: n }) => {
+        if (!y(n, n.schema.nodes[this.name]))
+          return !1;
+        const { selection: r } = n, { $to: s } = r, i = t();
+        return H(r) ? i.insertContentAt(s.pos, {
+          type: this.name
+        }) : i.insertContent({ type: this.name }), i.command(({ state: a, tr: e, dispatch: l }) => {
+          if (l) {
+            const { $to: o } = e.selection, c = o.end();
+            if (o.nodeAfter)
+              o.nodeAfter.isTextblock ? e.setSelection(u.create(e.doc, o.pos + 1)) : o.nodeAfter.isBlock ? e.setSelection(R.create(e.doc, o.pos)) : e.setSelection(u.create(e.doc, o.pos));
+            else {
+              const d = a.schema.nodes[this.options.nextNodeType] || o.parent.type.contentMatch.defaultType, p = d == null ? void 0 : d.create();
+              p && (e.insert(c, p), e.setSelection(u.create(e.doc, c + 1)));
+            }
+            e.scrollIntoView();
+          }
+          return !0;
+        }).run();
+      }
+    };
+  },
+  addInputRules() {
     return [
-      "div",
-      n(this.options.HTMLAttributes, {
-        "data-type": this.name
-      }),
-      ["hr"]
+      A({
+        find: /^(?:---|—-|___\s|\*\*\*\s)$/,
+        type: this.type
+      })
     ];
-  },
+  }
+});
+function C() {
+  const t = v(b.name), {
+    icon: n = void 0,
+    tooltip: r = void 0,
+    shortcutKeys: s = void 0,
+    tooltipOptions: i = {},
+    action: a = void 0,
+    isActive: e = void 0
+  } = (t == null ? void 0 : t.componentProps) ?? {}, { dataState: l, disabled: o, update: c } = z(e), d = () => {
+    o || a && (a(), c());
+  };
+  return t ? /* @__PURE__ */ m(
+    f,
+    {
+      action: d,
+      dataState: l,
+      disabled: o,
+      icon: n,
+      shortcutKeys: s,
+      tooltip: r,
+      tooltipOptions: i
+    }
+  ) : /* @__PURE__ */ m(M, {});
+}
+const b = /* @__PURE__ */ S.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: r, extension: e }) => ({
-        component: s,
+      button: ({ editor: n, t: r, extension: s }) => ({
+        component: f,
         componentProps: {
-          action: () => o.commands.setHorizontalRule(),
-          disabled: !o.can().setHorizontalRule(),
+          action: () => n.commands.setHorizontalRule(),
+          disabled: !n.can().setHorizontalRule(),
           icon: "Minus",
-          shortcutKeys: e.options.shortcutKeys ?? ["mod", "alt", "S"],
+          shortcutKeys: s.options.shortcutKeys ?? ["mod", "alt", "S"],
           tooltip: r("editor.horizontalrule.tooltip")
         }
       })
@@ -33,8 +103,18 @@ const d = /* @__PURE__ */ i.extend({
     return {
       "Mod-Alt-s": () => this.editor.commands.setHorizontalRule()
     };
+  },
+  renderHTML() {
+    return [
+      "div",
+      h(this.options.HTMLAttributes, {
+        "data-type": this.name
+      }),
+      ["hr"]
+    ];
   }
 });
 export {
-  d as HorizontalRule
+  b as HorizontalRule,
+  C as RichTextHorizontalRule
 };

package/lib/Icon-DUpv2cI6.cjs

@@ -0,0 +1 @@
+"use strict";const c=require("react/jsx-runtime");require("react");require("./index-DV5kbgRU.cjs");const t=require("./icons-CqHjeW5T.cjs");function i(n){const e=t.icons[n.name];return e?c.jsx(e,{onClick:n==null?void 0:n.onClick,className:`richtext-w-4 richtext-h-4 ${(n==null?void 0:n.className)||""}`}):null}exports.IconComponent=i;

package/lib/Icon-jKs8Hr6p.js

@@ -0,0 +1,11 @@
+import { jsx as c } from "react/jsx-runtime";
+import "react";
+import "./index-BPfVXs5_.js";
+import { i } from "./icons-Cllpys39.js";
+function o(n) {
+  const t = i[n.name];
+  return t ? /* @__PURE__ */ c(t, { onClick: n == null ? void 0 : n.onClick, className: `richtext-w-4 richtext-h-4 ${(n == null ? void 0 : n.className) || ""}` }) : null;
+}
+export {
+  o as I
+};