reactjs-tiptap-editor 0.4.2 → 1.0.0

package/lib/LineHeight.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./index-DF2Lp4HZ.cjs"),g=require("./index-6D1J-A-o.cjs"),c=require("react/jsx-runtime"),L=require("react"),u=require("./RichTextEditor-CxvwGvQG.cjs");function T(e){return Number.parseFloat(e.replace("%",""))/100}function x(e){const{t}=g.useLocale(),[n,a]=L.useState("default");function o(i){i==="default"?e.editor.commands.unsetLineHeight():e.editor.commands.setLineHeight(i),a(i)}const d=L.useMemo(()=>{const s=e.editor.extensionManager.extensions.find(l=>l.name==="lineHeight").options.lineHeights.map(l=>({label:T(l),value:l}));return s.unshift({label:t("editor.default"),value:"default"}),s},[e]);return c.jsxs(u.DropdownMenu,{children:[c.jsx(u.DropdownMenuTrigger,{asChild:!0,disabled:e==null?void 0:e.disabled,children:c.jsx(u.ActionButton,{customClass:"!richtext-w-12 richtext-h-12",disabled:e==null?void 0:e.disabled,icon:"LineHeight",tooltip:e==null?void 0:e.tooltip,tooltipOptions:e==null?void 0:e.tooltipOptions,children:c.jsx(u.IconComponent,{className:"richtext-ml-1 richtext-size-3 richtext-text-zinc-500",name:"MenuDown"})})}),c.jsx(u.DropdownMenuContent,{className:"richtext-min-w-24",children:d==null?void 0:d.map((i,h)=>c.jsx(u.DropdownMenuCheckboxItem,{checked:i.value===n,onClick:()=>o(i.value),children:i.label},`lineHeight-${h}`))})]})}const _=["paragraph","heading","list_item","todo_item"];function E(e,t){const{selection:n,doc:a}=e;if(!n||!a||!(n instanceof m.TextSelection||n instanceof m.AllSelection))return e;const{from:o,to:d}=n,i=[],h=t&&t!==g.DEFAULT_LINE_HEIGHT?t:null;if(a.nodesBetween(o,d,(s,l)=>{const r=s.type;return _.includes(r.name)?((s.attrs.lineHeight||null)!==h&&i.push({node:s,pos:l,nodeType:r}),r.name!=="list_item"&&r.name!=="todo_item"):!0}),i.length===0)return e;for(const s of i){const{node:l,pos:r,nodeType:f}=s;let{attrs:H}=l;H={...H,lineHeight:h},e=e.setNodeMarkup(r,f,H,l.marks)}return e}function b(e){return({state:t,dispatch:n})=>{const{selection:a}=t;let{tr:o}=t;return o=o.setSelection(a),o=E(o,e),o.docChanged?(n&&n(o),!0):!1}}const I=m.Extension.create({name:"lineHeight",addOptions(){var e;return{...(e=this.parent)==null?void 0:e.call(this),types:["paragraph","heading","list_item","todo_item"],lineHeights:g.DEFAULT_LINE_HEIGHT_LIST,defaultHeight:g.DEFAULT_LINE_HEIGHT,button({editor:t,t:n}){return{component:x,componentProps:{editor:t,tooltip:n("editor.lineheight.tooltip")}}}}},addGlobalAttributes(){return[{types:this.options.types,attributes:{lineHeight:{default:null,parseHTML:e=>e.style.lineHeight||this.options.defaultHeight,renderHTML:e=>e.lineHeight===this.options.defaultHeight||!e.lineHeight?{}:{style:`line-height: ${e.lineHeight}`}}}}]},addCommands(){return{setLineHeight:e=>b(e),unsetLineHeight:()=>({commands:e})=>this.options.types.every(t=>e.resetAttributes(t,"lineHeight"))}}});exports.DEFAULT_LINE_HEIGHT_LIST=g.DEFAULT_LINE_HEIGHT_LIST;exports.LineHeight=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./index-N--9MohJ.cjs"),p=require("./index-Dfmm6FTT.cjs"),t=require("react/jsx-runtime"),x=require("react"),D=require("./toggle-D41PzQLJ.cjs");require("./index-DV5kbgRU.cjs");const v=require("./Icon-DUpv2cI6.cjs"),d=require("./useButtonProps-C6Vpn190.cjs"),u=require("./dropdown-menu-CdSm4emp.cjs");function H(){const n=d.useButtonProps(f.name),{tooltip:o=void 0,items:i,icon:c,isActive:l=void 0}=(n==null?void 0:n.componentProps)??{},{editorDisabled:s,dataState:r}=d.useActive(l);return n?t.jsxs(u.DropdownMenu,{children:[t.jsx(u.DropdownMenuTrigger,{asChild:!0,disabled:s,children:t.jsx(D.ActionButton,{customClass:"!richtext-w-12 richtext-h-12",disabled:s,icon:c,tooltip:o,children:t.jsx(v.IconComponent,{className:"richtext-ml-1 richtext-size-3 richtext-text-zinc-500",name:"MenuDown"})})}),t.jsx(u.DropdownMenuContent,{className:"richtext-min-w-24",children:i==null?void 0:i.map((e,a)=>t.jsxs(x.Fragment,{children:[t.jsx(u.DropdownMenuCheckboxItem,{checked:e.value===(r==null?void 0:r.value),onClick:()=>e==null?void 0:e.action(),children:e.label}),e.value==="Default"&&t.jsx(u.DropdownMenuSeparator,{})]},`line-height-${a}`))})]}):t.jsx(t.Fragment,{})}const f=g.LineHeight.extend({addOptions(){var n;return{...(n=this.parent)==null?void 0:n.call(this),lineHeights:p.DEFAULT_LINE_HEIGHT_LIST,button({editor:o,extension:i,t:c}){var s,r;const l=(r=(s=i==null?void 0:i.options)==null?void 0:s.lineHeights)==null?void 0:r.map(e=>({label:e==="Default"?c("editor.default"):String(e),value:e,isActive:()=>e==="Default"?!0:o.isActive("textStyle",{lineHeight:e})||!1,action:()=>{if(e==="Default"){o.chain().focus().unsetLineHeight().run();return}o.chain().focus().toggleTextStyle({lineHeight:e}).run()},default:e==="Default"||!1}));return{componentProps:{tooltip:c("editor.lineheight.tooltip"),items:l,icon:"LineHeight",isActive:()=>{const e=(l||[]).find(h=>h.isActive()&&!h.default);return e&&!e.default?e:{value:"Default",isActive:()=>!1}}}}}}}});exports.LineHeight=f;exports.RichTextLineHeight=H;

package/lib/LineHeight.d.cts

@@ -1,5 +1,7 @@
 import { Editor } from '@tiptap/react';
 import { Extension } from '@tiptap/core';
+import { JSX } from 'react/jsx-runtime';
+import { LineHeightOptions as LineHeightOptions_2 } from '@tiptap/extension-text-style';
 
 /**
  * Represents the ButtonView function.
@@ -54,9 +56,6 @@ declare interface ButtonViewReturnComponentSlots {
     [x: string]: () => any;
 }
 
-/** Line Height List */
-export declare const DEFAULT_LINE_HEIGHT_LIST: string[];
-
 /**
  * Represents the general options for Tiptap extensions.
  */
@@ -75,12 +74,12 @@ declare interface GeneralOptions<T> {
 
 export declare const LineHeight: Extension<LineHeightOptions, any>;
 
-export declare interface LineHeightOptions extends GeneralOptions<LineHeightOptions> {
-    types: string[];
+export declare interface LineHeightOptions extends GeneralOptions<LineHeightOptions_2> {
     lineHeights: string[];
-    defaultHeight: string;
 }
 
+export declare function RichTextLineHeight(): JSX.Element;
+
 export { }
 
 
@@ -114,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;
         };
     }
 }
@@ -126,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;
         };
     }
 }
@@ -145,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;
         };
     }
 }
@@ -170,10 +190,8 @@ declare module '@tiptap/core' {
 
 
 declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        painter: {
-            setPainter: (marks: Mark[]) => ReturnType;
-        };
+    interface Storage {
+        highlight: HighlightStorage;
     }
 }
 
@@ -258,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: {
@@ -278,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: {
@@ -315,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/LineHeight.d.ts

@@ -1,5 +1,7 @@
 import { Editor } from '@tiptap/react';
 import { Extension } from '@tiptap/core';
+import { JSX } from 'react/jsx-runtime';
+import { LineHeightOptions as LineHeightOptions_2 } from '@tiptap/extension-text-style';
 
 /**
  * Represents the ButtonView function.
@@ -54,9 +56,6 @@ declare interface ButtonViewReturnComponentSlots {
     [x: string]: () => any;
 }
 
-/** Line Height List */
-export declare const DEFAULT_LINE_HEIGHT_LIST: string[];
-
 /**
  * Represents the general options for Tiptap extensions.
  */
@@ -75,12 +74,12 @@ declare interface GeneralOptions<T> {
 
 export declare const LineHeight: Extension<LineHeightOptions, any>;
 
-export declare interface LineHeightOptions extends GeneralOptions<LineHeightOptions> {
-    types: string[];
+export declare interface LineHeightOptions extends GeneralOptions<LineHeightOptions_2> {
     lineHeights: string[];
-    defaultHeight: string;
 }
 
+export declare function RichTextLineHeight(): JSX.Element;
+
 export { }
 
 
@@ -114,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;
         };
     }
 }
@@ -126,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;
         };
     }
 }
@@ -145,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;
         };
     }
 }
@@ -170,10 +190,8 @@ declare module '@tiptap/core' {
 
 
 declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        painter: {
-            setPainter: (marks: Mark[]) => ReturnType;
-        };
+    interface Storage {
+        highlight: HighlightStorage;
     }
 }
 
@@ -258,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: {
@@ -278,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: {
@@ -315,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/LineHeight.js

@@ -1,44 +1,34 @@
-import { T as f, A as H, E as L } from "./index-kbO3iWqL.js";
-import { u as x, k as g, m as T } from "./index-LmrOdnen.js";
-import { jsxs as b, jsx as h } from "react/jsx-runtime";
-import { useState as _, useMemo as D } from "react";
-import { D as E, h as M, A as w, f as A, j as C, k as y } from "./RichTextEditor-DGcKEUGr.js";
-function k(e) {
-  return Number.parseFloat(e.replace("%", "")) / 100;
-}
-function p(e) {
-  const { t } = x(), [n, s] = _("default");
-  function o(i) {
-    i === "default" ? e.editor.commands.unsetLineHeight() : e.editor.commands.setLineHeight(i), s(i);
-  }
-  const c = D(() => {
-    const a = e.editor.extensionManager.extensions.find(
-      (l) => l.name === "lineHeight"
-    ).options.lineHeights.map((l) => ({
-      label: k(l),
-      value: l
-    }));
-    return a.unshift({
-      label: t("editor.default"),
-      value: "default"
-    }), a;
-  }, [e]);
-  return /* @__PURE__ */ b(E, { children: [
-    /* @__PURE__ */ h(
-      M,
+import { L as f } from "./index-D2TUfKkC.js";
+import { j as d } from "./index-DYkucCoF.js";
+import { jsx as i, Fragment as p, jsxs as h } from "react/jsx-runtime";
+import { Fragment as m } from "react";
+import { A as g } from "./toggle-Cdp4IT2U.js";
+import "./index-BPfVXs5_.js";
+import { I as D } from "./Icon-jKs8Hr6p.js";
+import { u as v, b as x } from "./useButtonProps-BsEd4zYM.js";
+import { D as H, a as A, b as L, c as b, d as w } from "./dropdown-menu-BPp2Z_U-.js";
+function $() {
+  const t = v(C.name), {
+    tooltip: o = void 0,
+    items: n,
+    icon: s,
+    isActive: l = void 0
+  } = (t == null ? void 0 : t.componentProps) ?? {}, { editorDisabled: a, dataState: r } = x(l);
+  return t ? /* @__PURE__ */ h(H, { children: [
+    /* @__PURE__ */ i(
+      A,
       {
         asChild: !0,
-        disabled: e == null ? void 0 : e.disabled,
-        children: /* @__PURE__ */ h(
-          w,
+        disabled: a,
+        children: /* @__PURE__ */ i(
+          g,
           {
             customClass: "!richtext-w-12 richtext-h-12",
-            disabled: e == null ? void 0 : e.disabled,
-            icon: "LineHeight",
-            tooltip: e == null ? void 0 : e.tooltip,
-            tooltipOptions: e == null ? void 0 : e.tooltipOptions,
-            children: /* @__PURE__ */ h(
-              A,
+            disabled: a,
+            icon: s,
+            tooltip: o,
+            children: /* @__PURE__ */ i(
+              D,
               {
                 className: "richtext-ml-1 richtext-size-3 richtext-text-zinc-500",
                 name: "MenuDown"
@@ -48,93 +38,62 @@ function p(e) {
         )
       }
     ),
-    /* @__PURE__ */ h(C, { className: "richtext-min-w-24", children: c == null ? void 0 : c.map((i, u) => /* @__PURE__ */ h(
-      y,
-      {
-        checked: i.value === n,
-        onClick: () => o(i.value),
-        children: i.label
-      },
-      `lineHeight-${u}`
-    )) })
-  ] });
-}
-const I = ["paragraph", "heading", "list_item", "todo_item"];
-function N(e, t) {
-  const { selection: n, doc: s } = e;
-  if (!n || !s || !(n instanceof f || n instanceof H))
-    return e;
-  const { from: o, to: c } = n, i = [], u = t && t !== g ? t : null;
-  if (s.nodesBetween(o, c, (a, l) => {
-    const r = a.type;
-    return I.includes(r.name) ? ((a.attrs.lineHeight || null) !== u && i.push({
-      node: a,
-      pos: l,
-      nodeType: r
-    }), r.name !== "list_item" && r.name !== "todo_item") : !0;
-  }), i.length === 0)
-    return e;
-  for (const a of i) {
-    const { node: l, pos: r, nodeType: m } = a;
-    let { attrs: d } = l;
-    d = {
-      ...d,
-      lineHeight: u
-    }, e = e.setNodeMarkup(r, m, d, l.marks);
-  }
-  return e;
-}
-function O(e) {
-  return ({ state: t, dispatch: n }) => {
-    const { selection: s } = t;
-    let { tr: o } = t;
-    return o = o.setSelection(s), o = N(o, e), o.docChanged ? (n && n(o), !0) : !1;
-  };
+    /* @__PURE__ */ i(L, { className: "richtext-min-w-24", children: n == null ? void 0 : n.map((e, c) => /* @__PURE__ */ h(m, { children: [
+      /* @__PURE__ */ i(
+        b,
+        {
+          checked: e.value === (r == null ? void 0 : r.value),
+          onClick: () => e == null ? void 0 : e.action(),
+          children: e.label
+        }
+      ),
+      e.value === "Default" && /* @__PURE__ */ i(w, {})
+    ] }, `line-height-${c}`)) })
+  ] }) : /* @__PURE__ */ i(p, {});
 }
-const z = /* @__PURE__ */ L.create({
-  name: "lineHeight",
+const C = /* @__PURE__ */ f.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),
-      types: ["paragraph", "heading", "list_item", "todo_item"],
-      lineHeights: T,
-      defaultHeight: g,
-      button({ editor: t, t: n }) {
+      ...(t = this.parent) == null ? void 0 : t.call(this),
+      lineHeights: d,
+      button({ editor: o, extension: n, t: s }) {
+        var a, r;
+        const l = (r = (a = n == null ? void 0 : n.options) == null ? void 0 : a.lineHeights) == null ? void 0 : r.map((e) => ({
+          label: e === "Default" ? s("editor.default") : String(e),
+          value: e,
+          isActive: () => e === "Default" ? !0 : o.isActive("textStyle", { lineHeight: e }) || !1,
+          action: () => {
+            if (e === "Default") {
+              o.chain().focus().unsetLineHeight().run();
+              return;
+            }
+            o.chain().focus().toggleTextStyle({ lineHeight: e }).run();
+          },
+          // disabled: !editor.can().setFontSize(String(k.value)),
+          default: e === "Default" || !1
+        }));
         return {
-          component: p,
           componentProps: {
-            editor: t,
-            tooltip: n("editor.lineheight.tooltip")
+            tooltip: s("editor.lineheight.tooltip"),
+            items: l,
+            icon: "LineHeight",
+            isActive: () => {
+              const e = (l || []).find((u) => u.isActive() && !u.default);
+              return e && !e.default ? e : {
+                value: "Default",
+                isActive: () => !1
+              };
+            }
           }
         };
       }
     };
-  },
-  addGlobalAttributes() {
-    return [
-      {
-        types: this.options.types,
-        attributes: {
-          lineHeight: {
-            default: null,
-            parseHTML: (e) => e.style.lineHeight || this.options.defaultHeight,
-            renderHTML: (e) => e.lineHeight === this.options.defaultHeight || !e.lineHeight ? {} : { style: `line-height: ${e.lineHeight}` }
-          }
-        }
-      }
-    ];
-  },
-  addCommands() {
-    return {
-      setLineHeight: (e) => O(e),
-      unsetLineHeight: () => ({ commands: e }) => this.options.types.every((t) => e.resetAttributes(t, "lineHeight"))
-    };
   }
 });
 export {
-  T as DEFAULT_LINE_HEIGHT_LIST,
-  z as LineHeight
+  C as LineHeight,
+  $ as RichTextLineHeight
 };

package/lib/Link.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("./index-DF2Lp4HZ.cjs");const e=require("./RichTextEditor-CxvwGvQG.cjs");exports.Link=e.Link;exports.default=e.Link;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./index-RfTlOzIr.cjs");const e=require("./LinkEditBlock-BZenZq-Z.cjs");exports.Link=e.Link;exports.RichTextLink=e.RichTextLink;