reactjs-tiptap-editor 0.4.1 → 1.0.0

package/lib/FontSize.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';
 
 /**
  * Represents the ButtonView function.
@@ -54,9 +56,6 @@ declare interface ButtonViewReturnComponentSlots {
     [x: string]: () => any;
 }
 
-/** Default font size list */
-export declare const DEFAULT_FONT_SIZE_LIST: readonly ["10px", "11px", "12px", "14px", "16px", "18px", "20px", "22px", "24px", "26px", "28px", "36px", "48px", "72px"];
-
 export declare const FontSize: Extension<FontSizeOptions, any>;
 
 /**
@@ -88,11 +87,23 @@ declare interface GeneralOptions<T> {
     shortcutKeys?: string[] | string[][];
 }
 
+export declare interface Item {
+    title: string;
+    isActive: NonNullable<ButtonViewReturnComponentProps['isActive']>;
+    action?: ButtonViewReturnComponentProps['action'];
+    style?: default_2.CSSProperties;
+    disabled?: boolean;
+    divider?: boolean;
+    default?: boolean;
+}
+
 declare interface NameValueOption<T = string> {
     name: string;
     value: T;
 }
 
+export declare function RichTextFontSize(): JSX.Element;
+
 export { }
 
 
@@ -126,11 +137,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;
         };
     }
 }
@@ -138,8 +160,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;
         };
     }
 }
@@ -157,7 +180,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;
         };
     }
 }
@@ -182,10 +214,8 @@ declare module '@tiptap/core' {
 
 
 declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        painter: {
-            setPainter: (marks: Mark[]) => ReturnType;
-        };
+    interface Storage {
+        highlight: HighlightStorage;
     }
 }
 
@@ -225,22 +255,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        indent: {
-            /**
-             * Set the indent attribute
-             */
-            indent: () => ReturnType;
-            /**
-             * Set the outdent attribute
-             */
-            outdent: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         imageGifUpload: {
@@ -263,8 +277,15 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        katex: {
-            setKatex: (arg?: IKatexAttrs) => ReturnType;
+        indent: {
+            /**
+             * Set the indent attribute
+             */
+            indent: () => ReturnType;
+            /**
+             * Set the outdent attribute
+             */
+            outdent: () => ReturnType;
         };
     }
 }
@@ -272,9 +293,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        lineHeight: {
-            setLineHeight: (lineHeight: string) => ReturnType;
-            unsetLineHeight: () => ReturnType;
+        katex: {
+            setKatex: (arg?: IKatexAttrs) => ReturnType;
         };
     }
 }
@@ -290,20 +310,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: {
@@ -327,16 +333,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/FontSize.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';
 
 /**
  * Represents the ButtonView function.
@@ -54,9 +56,6 @@ declare interface ButtonViewReturnComponentSlots {
     [x: string]: () => any;
 }
 
-/** Default font size list */
-export declare const DEFAULT_FONT_SIZE_LIST: readonly ["10px", "11px", "12px", "14px", "16px", "18px", "20px", "22px", "24px", "26px", "28px", "36px", "48px", "72px"];
-
 export declare const FontSize: Extension<FontSizeOptions, any>;
 
 /**
@@ -88,11 +87,23 @@ declare interface GeneralOptions<T> {
     shortcutKeys?: string[] | string[][];
 }
 
+export declare interface Item {
+    title: string;
+    isActive: NonNullable<ButtonViewReturnComponentProps['isActive']>;
+    action?: ButtonViewReturnComponentProps['action'];
+    style?: default_2.CSSProperties;
+    disabled?: boolean;
+    divider?: boolean;
+    default?: boolean;
+}
+
 declare interface NameValueOption<T = string> {
     name: string;
     value: T;
 }
 
+export declare function RichTextFontSize(): JSX.Element;
+
 export { }
 
 
@@ -126,11 +137,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;
         };
     }
 }
@@ -138,8 +160,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;
         };
     }
 }
@@ -157,7 +180,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;
         };
     }
 }
@@ -182,10 +214,8 @@ declare module '@tiptap/core' {
 
 
 declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        painter: {
-            setPainter: (marks: Mark[]) => ReturnType;
-        };
+    interface Storage {
+        highlight: HighlightStorage;
     }
 }
 
@@ -225,22 +255,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        indent: {
-            /**
-             * Set the indent attribute
-             */
-            indent: () => ReturnType;
-            /**
-             * Set the outdent attribute
-             */
-            outdent: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         imageGifUpload: {
@@ -263,8 +277,15 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        katex: {
-            setKatex: (arg?: IKatexAttrs) => ReturnType;
+        indent: {
+            /**
+             * Set the indent attribute
+             */
+            indent: () => ReturnType;
+            /**
+             * Set the outdent attribute
+             */
+            outdent: () => ReturnType;
         };
     }
 }
@@ -272,9 +293,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        lineHeight: {
-            setLineHeight: (lineHeight: string) => ReturnType;
-            unsetLineHeight: () => ReturnType;
+        katex: {
+            setKatex: (arg?: IKatexAttrs) => ReturnType;
         };
     }
 }
@@ -290,20 +310,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: {
@@ -327,16 +333,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/FontSize.js

@@ -1,84 +1,92 @@
-import { E as m } from "./index-kbO3iWqL.js";
-import { u as S, g as z, h as c } from "./index-LmrOdnen.js";
-import { D as v, h, j as x, k as F, m as f } from "./RichTextEditor-DGcKEUGr.js";
-import { jsxs as y, jsx as u } from "react/jsx-runtime";
-import { useMemo as A } from "react";
-import { A as M } from "./ActionMenuButton-DKRF6oa0.js";
-function b(t) {
-  var a;
-  const { t: e } = S(), l = A(() => {
-    const i = (t.items || []).find((s) => s.isActive());
-    return i || {
-      title: e("editor.fontSize.default.tooltip"),
-      isActive: () => !1
-    };
-  }, [t]);
-  return /* @__PURE__ */ y(v, { children: [
-    /* @__PURE__ */ u(
-      h,
+import { E as m } from "./index-DnWWK9F_.js";
+import { u as p, i as S } from "./index-DYkucCoF.js";
+import { u as z, b as h, e as v } from "./useButtonProps-BsEd4zYM.js";
+import { jsx as r, Fragment as x, jsxs as d } from "react/jsx-runtime";
+import { useMemo as A, Fragment as D } from "react";
+import { A as y } from "./ActionMenuButton-BKOg7hkq.js";
+import "./index-BPfVXs5_.js";
+import { D as F, a as M, b as g, c as b, d as w } from "./dropdown-menu-BPp2Z_U-.js";
+function $() {
+  const { t: e } = p(), n = z(T.name), {
+    icon: c = void 0,
+    tooltip: s = void 0,
+    items: a = [],
+    isActive: u = void 0
+  } = (n == null ? void 0 : n.componentProps) ?? {}, { disabled: l, dataState: t } = h(u), i = A(() => (t == null ? void 0 : t.title) || e("editor.fontSize.default.tooltip"), [t]);
+  return n ? /* @__PURE__ */ d(F, { children: [
+    /* @__PURE__ */ r(
+      M,
       {
         asChild: !0,
-        disabled: t == null ? void 0 : t.disabled,
-        children: /* @__PURE__ */ u(
-          M,
+        disabled: l,
+        children: /* @__PURE__ */ r(
+          y,
           {
-            disabled: t == null ? void 0 : t.disabled,
-            icon: "MenuDown",
-            title: l == null ? void 0 : l.title,
-            tooltip: `${t == null ? void 0 : t.tooltip}`,
-            tooltipOptions: t == null ? void 0 : t.tooltipOptions
+            disabled: l,
+            icon: c,
+            title: i,
+            tooltip: s
           }
         )
       }
     ),
-    /* @__PURE__ */ u(x, { className: "richtext-max-h-96 richtext-w-32 richtext-overflow-y-auto", children: (a = t == null ? void 0 : t.items) == null ? void 0 : a.map((i, o) => /* @__PURE__ */ u(
-      F,
-      {
-        checked: l.title === i.title,
-        onClick: i.action,
-        children: /* @__PURE__ */ u("div", { className: "richtext-ml-1 richtext-h-full", children: i.title })
-      },
-      `font-size-${o}`
-    )) })
-  ] });
+    /* @__PURE__ */ r(g, { className: "richtext-max-h-96 richtext-w-32 richtext-overflow-y-auto", children: a == null ? void 0 : a.map((o, f) => /* @__PURE__ */ d(D, { children: [
+      /* @__PURE__ */ r(
+        b,
+        {
+          checked: i === o.title,
+          onClick: o.action,
+          children: /* @__PURE__ */ r("div", { className: "richtext-ml-1 richtext-h-full", children: o.title })
+        }
+      ),
+      o.title === e("editor.fontSize.default.tooltip") && /* @__PURE__ */ r(w, {})
+    ] }, `font-size-${f}`)) })
+  ] }) : /* @__PURE__ */ r(x, {});
 }
-const C = /* @__PURE__ */ m.create({
+const T = /* @__PURE__ */ m.create({
   name: "fontSize",
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   //@ts-expect-error
   addOptions() {
-    var t;
+    var e;
     return {
-      ...(t = this.parent) == null ? void 0 : t.call(this),
+      ...(e = this.parent) == null ? void 0 : e.call(this),
       types: ["textStyle"],
-      fontSizes: [...z],
-      button({ editor: e, extension: l, t: a }) {
-        var r;
-        const i = f(((r = l.options) == null ? void 0 : r.fontSizes) || c), o = f([c])[0], s = i.map((n) => ({
-          title: n.value === o.value ? a("editor.fontSize.default.tooltip") : String(n.name),
+      fontSizes: S,
+      button({ editor: n, extension: c, t: s }) {
+        var l;
+        const u = v((l = c.options) == null ? void 0 : l.fontSizes).map((t) => ({
+          title: t.value === "Default" ? s("editor.fontSize.default.tooltip") : String(t.name),
           isActive: () => {
-            const { fontSize: d } = e.getAttributes("textStyle");
-            return n.value === o.value && d === void 0 ? !0 : e.isActive({ fontSize: String(n.value) }) || !1;
+            const { fontSize: i } = n.getAttributes("textStyle"), o = t.value === "Default", f = i == null || i === "";
+            return o && f ? !0 : n.isActive({ fontSize: String(t.value) }) || !1;
           },
           action: () => {
-            if (n.value === o.value) {
-              e.commands.unsetFontSize();
+            if (t.value === "Default") {
+              n.commands.unsetFontSize();
               return;
             }
-            e.commands.setFontSize(String(n.value));
+            n.commands.setFontSize(String(t.value));
           },
-          disabled: !e.can().setFontSize(String(n.value)),
-          divider: n.value === o.value || !1,
-          default: n.value === o.value || !1
+          // disabled: !editor.can().setFontSize(String(k.value)),
+          default: t.value === "Default" || !1
         }));
         return {
-          component: b,
+          // component: FontSizeMenuButton,
           componentProps: {
-            editor: e,
-            tooltip: a("editor.fontSize.tooltip"),
+            editor: n,
+            tooltip: s("editor.fontSize.tooltip"),
             disabled: !1,
-            items: s,
-            maxHeight: 280
+            items: u,
+            maxHeight: 280,
+            icon: "MenuDown",
+            isActive: () => {
+              const t = (u || []).find((o) => o.isActive());
+              return t && !t.default ? t : {
+                title: s("editor.fontSize.default.tooltip"),
+                isActive: () => !1
+              };
+            }
           }
         };
       }
@@ -91,9 +99,9 @@ const C = /* @__PURE__ */ m.create({
         attributes: {
           fontSize: {
             default: null,
-            parseHTML: (t) => t.style.fontSize.replaceAll(/["']+/g, ""),
-            renderHTML: (t) => t.fontSize ? {
-              style: `font-size: ${t.fontSize}`
+            parseHTML: (e) => e.style.fontSize.replaceAll(/["']+/g, ""),
+            renderHTML: (e) => e.fontSize ? {
+              style: `font-size: ${e.fontSize}`
             } : {}
           }
         }
@@ -102,12 +110,12 @@ const C = /* @__PURE__ */ m.create({
   },
   addCommands() {
     return {
-      setFontSize: (t) => ({ chain: e }) => e().setMark("textStyle", { fontSize: t }).run(),
-      unsetFontSize: () => ({ chain: t }) => t().setMark("textStyle", { fontSize: null }).removeEmptyTextStyle().run()
+      setFontSize: (e) => ({ chain: n }) => n().setMark("textStyle", { fontSize: e }).run(),
+      unsetFontSize: () => ({ chain: e }) => e().setMark("textStyle", { fontSize: null }).removeEmptyTextStyle().run()
     };
   }
 });
 export {
-  z as DEFAULT_FONT_SIZE_LIST,
-  C as FontSize
+  T as FontSize,
+  $ as RichTextFontSize
 };

package/lib/Heading.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./index-DF2Lp4HZ.cjs"),l=require("react/jsx-runtime"),f=require("react"),b=require("./ActionMenuButton-CYdM1xx5.cjs"),o=require("./RichTextEditor-CxvwGvQG.cjs");var x=u.Node3.create({name:"heading",addOptions(){return{levels:[1,2,3,4,5,6],HTMLAttributes:{}}},content:"inline*",group:"block",defining:!0,addAttributes(){return{level:{default:1,rendered:!1}}},parseHTML(){return this.options.levels.map(e=>({tag:`h${e}`,attrs:{level:e}}))},renderHTML({node:e,HTMLAttributes:t}){return[`h${this.options.levels.includes(e.attrs.level)?e.attrs.level:this.options.levels[0]}`,u.mergeAttributes(this.options.HTMLAttributes,t),0]},parseMarkdown:(e,t)=>t.createNode("heading",{level:e.depth||1},t.parseInline(e.tokens||[])),renderMarkdown:(e,t)=>{var s;const n=(s=e.attrs)!=null&&s.level?parseInt(e.attrs.level,10):1,d="#".repeat(n);return e.content?`${d} ${t.renderChildren(e.content)}`:""},addCommands(){return{setHeading:e=>({commands:t})=>this.options.levels.includes(e.level)?t.setNode(this.name,e):!1,toggleHeading:e=>({commands:t})=>this.options.levels.includes(e.level)?t.toggleNode(this.name,"paragraph",e):!1}},addKeyboardShortcuts(){return this.options.levels.reduce((e,t)=>({...e,[`Mod-Alt-${t}`]:()=>this.editor.commands.toggleHeading({level:t})}),{})},addInputRules(){return this.options.levels.map(e=>u.textblockTypeInputRule({find:new RegExp(`^(#{${Math.min(...this.options.levels)},${e}})\\s$`),type:this.type,getAttributes:{level:e}}))}});function M(e){var s;const t=f.useMemo(()=>{var a;const n=(a=e==null?void 0:e.items)==null?void 0:a.find(r=>r.isActive());return n&&!n.default?{...n}:{title:e.tooltip,level:0,isActive:()=>!1}},[e]);return l.jsxs(o.DropdownMenu,{children:[l.jsx(o.DropdownMenuTrigger,{asChild:!0,disabled:e==null?void 0:e.disabled,children:l.jsx(b.ActionMenuButton,{disabled:e==null?void 0:e.disabled,icon:"MenuDown",title:t==null?void 0:t.title,tooltip:e==null?void 0:e.tooltip,tooltipOptions:e==null?void 0:e.tooltipOptions})}),l.jsx(o.DropdownMenuContent,{className:"richtext-w-full",children:(s=e==null?void 0:e.items)==null?void 0:s.map((n,d)=>{var a,r;return l.jsxs(f.Fragment,{children:[l.jsxs(o.DropdownMenuCheckboxItem,{checked:(t==null?void 0:t.title)===n.title,onClick:n.action,children:[l.jsx("div",{className:`heading- richtext-ml-1 richtext-h-full${n.level}`,children:n.title}),!!((a=n==null?void 0:n.shortcutKeys)!=null&&a.length)&&l.jsx(o.DropdownMenuShortcut,{className:"richtext-pl-4",children:(r=n==null?void 0:n.shortcutKeys)==null?void 0:r.map(c=>o.getShortcutKey(c)).join(" ")})]}),n.level===0&&l.jsx(o.DropdownMenuSeparator,{})]},`heading-k-${d}`)})})]})}const A=x.extend({addOptions(){var e;return{...(e=this.parent)==null?void 0:e.call(this),levels:[1,2,3,4,5,6],button({editor:t,extension:s,t:n}){var h,g;const{extensions:d=[]}=t.extensionManager??[],a=((h=s.options)==null?void 0:h.levels)||[],r=d.find(i=>i.name==="base-kit"),c=a.map(i=>{var v;return{action:()=>t.commands.toggleHeading({level:i}),isActive:()=>t.isActive("heading",{level:i})||!1,disabled:!t.can().toggleHeading({level:i}),title:n(`editor.heading.h${i}.tooltip`),level:i,shortcutKeys:((v=s.options.shortcutKeys)==null?void 0:v[i])??["alt","mod",`${i}`]}});r&&r.options.paragraph!==!1&&c.unshift({action:()=>t.commands.setParagraph(),isActive:()=>t.isActive("paragraph")||!1,disabled:!t.can().setParagraph(),level:0,title:n("editor.paragraph.tooltip"),shortcutKeys:((g=s.options.shortcutKeys)==null?void 0:g[0])??["alt","mod","0"]});const m=c.filter(i=>i.disabled).length===c.length;return{component:M,componentProps:{tooltip:n("editor.heading.tooltip"),disabled:m,items:c,editor:t}}}}}});exports.Heading=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("./index-RfTlOzIr.cjs"),M=require("./index-Dfmm6FTT.cjs"),s=require("react/jsx-runtime"),x=require("react"),$=require("./ActionMenuButton-DLQyd_gx.cjs"),b=require("./index-DV5kbgRU.cjs"),f=require("./useButtonProps-C6Vpn190.cjs"),h=require("./dropdown-menu-CdSm4emp.cjs");var j=v.Node3.create({name:"heading",addOptions(){return{levels:[1,2,3,4,5,6],HTMLAttributes:{}}},content:"inline*",group:"block",defining:!0,addAttributes(){return{level:{default:1,rendered:!1}}},parseHTML(){return this.options.levels.map(e=>({tag:`h${e}`,attrs:{level:e}}))},renderHTML({node:e,HTMLAttributes:t}){return[`h${this.options.levels.includes(e.attrs.level)?e.attrs.level:this.options.levels[0]}`,v.mergeAttributes(this.options.HTMLAttributes,t),0]},parseMarkdown:(e,t)=>t.createNode("heading",{level:e.depth||1},t.parseInline(e.tokens||[])),renderMarkdown:(e,t)=>{var l;const i=(l=e.attrs)!=null&&l.level?parseInt(e.attrs.level,10):1,a="#".repeat(i);return e.content?`${a} ${t.renderChildren(e.content)}`:""},addCommands(){return{setHeading:e=>({commands:t})=>this.options.levels.includes(e.level)?t.setNode(this.name,e):!1,toggleHeading:e=>({commands:t})=>this.options.levels.includes(e.level)?t.toggleNode(this.name,"paragraph",e):!1}},addKeyboardShortcuts(){return this.options.levels.reduce((e,t)=>({...e,[`Mod-Alt-${t}`]:()=>this.editor.commands.toggleHeading({level:t})}),{})},addInputRules(){return this.options.levels.map(e=>v.textblockTypeInputRule({find:new RegExp(`^(#{${Math.min(...this.options.levels)},${e}})\\s$`),type:this.type,getAttributes:{level:e}}))}});function m(){const{t:e}=M.useLocale(),t=f.useButtonProps(A.name),{icon:l=void 0,tooltip:i=void 0,isActive:a=void 0,items:o=[]}=(t==null?void 0:t.componentProps)??{},{disabled:p,dataState:d}=f.useActive(a),r=x.useMemo(()=>(d==null?void 0:d.title)||e("editor.paragraph.tooltip"),[d]);return t?s.jsxs(h.DropdownMenu,{children:[s.jsx(h.DropdownMenuTrigger,{asChild:!0,disabled:p,children:s.jsx($.ActionMenuButton,{disabled:p,icon:l,title:r,tooltip:i})}),s.jsx(h.DropdownMenuContent,{className:"richtext-w-full",children:o==null?void 0:o.map((n,c)=>{var u,g;return s.jsxs(x.Fragment,{children:[s.jsxs(h.DropdownMenuCheckboxItem,{checked:r===n.title,onClick:n.action,children:[s.jsx("div",{className:b.cn("richtext-ml-1 richtext-h-full",{"":n.level==="Paragraph","heading-1":n.level===1,"heading-2":n.level===2,"heading-3":n.level===3,"heading-4":n.level===4,"heading-5":n.level===5,"heading-6":n.level===6}),children:n.title}),!!((u=n==null?void 0:n.shortcutKeys)!=null&&u.length)&&s.jsx(h.DropdownMenuShortcut,{className:"richtext-pl-4",children:(g=n==null?void 0:n.shortcutKeys)==null?void 0:g.map(H=>f.getShortcutKey(H)).join(" ")})]}),n.level==="Paragraph"&&s.jsx(h.DropdownMenuSeparator,{})]},`heading-k-${c}`)})})]}):s.jsx(s.Fragment,{})}const A=j.extend({addOptions(){var e;return{...(e=this.parent)==null?void 0:e.call(this),levels:M.HEADINGS,button({editor:t,extension:l,t:i}){var d;const a=((d=l.options)==null?void 0:d.levels)||[],o=a.map(r=>{var c;const n=r==="Paragraph";return{action:()=>{if(n){const u=a.find(g=>t.isActive("heading",{level:g}));u&&u!=="Paragraph"&&t.commands.toggleHeading({level:u});return}t.commands.toggleHeading({level:r})},isActive:()=>n?!1:t.isActive("heading",{level:r})||!1,disabled:!t.can().toggleHeading({level:r}),title:i(n?"editor.paragraph.tooltip":`editor.heading.h${r}.tooltip`),level:r,shortcutKeys:((c=l.options.shortcutKeys)==null?void 0:c[r])??["alt","mod",`${r}`],default:n}}),p=o.filter(r=>r.disabled).length===o.length;return{componentProps:{tooltip:i("editor.heading.tooltip"),disabled:p,items:o,icon:"MenuDown",isActive:()=>{const r=o==null?void 0:o.find(c=>c.isActive());return r&&!r.default?r:{title:i("editor.paragraph.tooltip"),level:0,isActive:()=>!1}},levels:a}}}}}});exports.Heading=A;exports.RichTextHeading=m;