reactjs-tiptap-editor 1.0.16 → 1.0.18

package/lib/Callout.js

@@ -1,27 +1,52 @@
-import { h as D, j as x, N as H, k as M, m as B } from "./clsx-DSzxBzvL.js";
-import { A as T } from "./toggle-DEerYRil.js";
-import { jsx as o, jsxs as r, Fragment as V } from "react/jsx-runtime";
+import { N as D, m as H } from "./index-mfGK4pFo.js";
+import { N as M, c as x, a as B } from "./clsx-eGVyq7ot.js";
+import { h as V, u as P, d as j, D as E, m as R, A as T, n as W, o as F, L as u, j as v, p as U, B as C } from "./index-DHUN85fV.js";
+import { jsx as o, jsxs as l, Fragment as Y } from "react/jsx-runtime";
 import { useState as s } from "react";
-import "./index-DoiuU6VA.js";
 import "./theme.js";
-import { Info as P, Lightbulb as j, AlertCircle as E, TriangleAlert as R, OctagonAlert as W } from "lucide-react";
-import { D as F, a as U, b as Y, c as _, d as $ } from "./dialog-CJvpoeMm.js";
-import { S as z, a as K, b as q, c as G, d as J } from "./select-F0ZZ3VZB.js";
-import { c as Q, u as X, a as Z } from "./useButtonProps-CtZCbMQu.js";
-import { u as tt } from "./index-C07N8gA1.js";
-import { L as u } from "./label-Cjrzc5H2.js";
-import { I as v } from "./input-B1egKb-t.js";
-import { B as C } from "./button-Bwn6gUuS.js";
+import { Info as _, Lightbulb as $, AlertCircle as z, TriangleAlert as K, OctagonAlert as q } from "lucide-react";
+import { S as G, a as J, b as Q, c as X, d as Z } from "./select-C5SHDLFj.js";
+import { u as tt } from "./index-BlXGgvT-.js";
 const y = [
-  { value: "note", label: "Note", icon: P, color: "#1f6feb", background: "#1f6feb1f" },
-  { value: "tip", label: "Tip", icon: j, color: "#238636", background: "#2386361f" },
-  { value: "important", label: "Important", icon: E, color: "#ab7df8", background: "#ab7df81f" },
-  { value: "warning", label: "Warning", icon: R, color: "#d29922", background: "#d299221f" },
-  { value: "caution", label: "Caution", icon: W, color: "#f85149", background: "#f851491f" }
+  {
+    value: "note",
+    label: "Note",
+    icon: _,
+    color: "#1f6feb",
+    background: "#1f6feb1f"
+  },
+  {
+    value: "tip",
+    label: "Tip",
+    icon: $,
+    color: "#238636",
+    background: "#2386361f"
+  },
+  {
+    value: "important",
+    label: "Important",
+    icon: z,
+    color: "#ab7df8",
+    background: "#ab7df81f"
+  },
+  {
+    value: "warning",
+    label: "Warning",
+    icon: K,
+    color: "#d29922",
+    background: "#d299221f"
+  },
+  {
+    value: "caution",
+    label: "Caution",
+    icon: q,
+    color: "#f85149",
+    background: "#f851491f"
+  }
 ];
 function et({ node: t }) {
-  const { type: e = "note", title: l = "", body: n = "" } = t.attrs, c = (y.find((d) => d.value === e) || y[0]).icon;
-  return /* @__PURE__ */ o(D, { children: /* @__PURE__ */ r(
+  const { type: e = "note", title: a = "", body: n = "" } = t.attrs, c = (y.find((d) => d.value === e) || y[0]).icon;
+  return /* @__PURE__ */ o(M, { children: /* @__PURE__ */ l(
     "div",
     {
       className: x(
@@ -35,7 +60,7 @@ function et({ node: t }) {
         }
       ),
       children: [
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ l(
           "div",
           {
             className: x("richtext-mb-2 richtext-flex richtext-items-center richtext-gap-2", {
@@ -47,7 +72,7 @@ function et({ node: t }) {
             }),
             children: [
               /* @__PURE__ */ o(c, { className: "richtext-size-5" }),
-              /* @__PURE__ */ o("span", { className: "richtext-font-semibold", children: l })
+              /* @__PURE__ */ o("span", { className: "richtext-font-semibold", children: a })
             ]
           }
         ),
@@ -63,103 +88,75 @@ const ot = [
   { value: "warning", label: "Warning", icon: "TriangleAlert" },
   { value: "caution", label: "Caution", icon: "OctagonAlert" }
 ];
-function xt() {
-  const { t } = tt(), e = Q(), l = X(rt.name), [n, i] = s(!1), [c, d] = s("note"), [h, b] = s(""), [f, m] = s(""), {
+function ht() {
+  const { t } = tt(), e = V(), a = P(lt.name), [n, i] = s(!1), [c, d] = s("note"), [h, b] = s(""), [f, g] = s(""), {
     icon: A = void 0,
     tooltip: N = void 0,
     shortcutKeys: L = void 0,
-    tooltipOptions: I = {},
-    isActive: S = void 0
-  } = (l == null ? void 0 : l.componentProps) ?? {}, { dataState: k, disabled: g } = Z(S), w = () => {
-    e && (e.chain().focus().setCallout({ type: c, title: h, body: f }).run(), i(!1), d("note"), b(""), m(""));
+    tooltipOptions: S = {},
+    isActive: I = void 0
+  } = (a == null ? void 0 : a.componentProps) ?? {}, { dataState: k, disabled: m } = j(I), w = () => {
+    e && (e.chain().focus().setCallout({ type: c, title: h, body: f }).run(), i(!1), d("note"), b(""), g(""));
   }, O = () => {
-    g || i(!0);
+    m || i(!0);
   };
-  return l ? /* @__PURE__ */ r(
-    F,
-    {
-      onOpenChange: i,
-      open: n,
-      children: [
-        /* @__PURE__ */ o(U, { asChild: !0, children: /* @__PURE__ */ o(
-          T,
-          {
-            action: O,
-            dataState: k,
-            disabled: g,
-            icon: A,
-            shortcutKeys: L,
-            tooltip: N,
-            tooltipOptions: I
-          }
-        ) }),
-        /* @__PURE__ */ r(Y, { children: [
-          /* @__PURE__ */ o(_, { children: t("editor.callout.dialog.title") }),
-          /* @__PURE__ */ r("div", { className: "richtext-space-y-4 richtext-py-4", children: [
-            /* @__PURE__ */ r("div", { className: "richtext-space-y-2", children: [
-              /* @__PURE__ */ o(u, { children: t("editor.callout.dialog.type") }),
-              /* @__PURE__ */ r(
-                z,
-                {
-                  onValueChange: d,
-                  value: c,
-                  children: [
-                    /* @__PURE__ */ o(K, { children: /* @__PURE__ */ o(q, { placeholder: t("editor.callout.dialog.type.placeholder") }) }),
-                    /* @__PURE__ */ o(G, { children: ot.map((a) => /* @__PURE__ */ o(
-                      J,
-                      {
-                        value: a.value,
-                        children: t(`editor.callout.type.${a.value}`)
-                      },
-                      a.value
-                    )) })
-                  ]
-                }
-              )
-            ] }),
-            /* @__PURE__ */ r("div", { className: "richtext-space-y-2", children: [
-              /* @__PURE__ */ o(u, { children: t("editor.callout.dialog.title.label") }),
-              /* @__PURE__ */ o(
-                v,
-                {
-                  onChange: (a) => b(a.target.value),
-                  placeholder: t("editor.callout.dialog.title.placeholder"),
-                  value: h
-                }
-              )
-            ] }),
-            /* @__PURE__ */ r("div", { className: "richtext-space-y-2", children: [
-              /* @__PURE__ */ o(u, { children: t("editor.callout.dialog.body.label") }),
-              /* @__PURE__ */ o(
-                v,
-                {
-                  onChange: (a) => m(a.target.value),
-                  placeholder: t("editor.callout.dialog.body.placeholder"),
-                  value: f
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ r($, { children: [
-            /* @__PURE__ */ o(
-              C,
-              {
-                onClick: () => i(!1),
-                variant: "outline",
-                children: t("editor.callout.dialog.button.cancel")
-              }
-            ),
-            /* @__PURE__ */ o(C, { onClick: w, children: t("editor.callout.dialog.button.apply") })
+  return a ? /* @__PURE__ */ l(E, { onOpenChange: i, open: n, children: [
+    /* @__PURE__ */ o(R, { asChild: !0, children: /* @__PURE__ */ o(
+      T,
+      {
+        action: O,
+        dataState: k,
+        disabled: m,
+        icon: A,
+        shortcutKeys: L,
+        tooltip: N,
+        tooltipOptions: S
+      }
+    ) }),
+    /* @__PURE__ */ l(W, { children: [
+      /* @__PURE__ */ o(F, { children: t("editor.callout.dialog.title") }),
+      /* @__PURE__ */ l("div", { className: "richtext-space-y-4 richtext-py-4", children: [
+        /* @__PURE__ */ l("div", { className: "richtext-space-y-2", children: [
+          /* @__PURE__ */ o(u, { children: t("editor.callout.dialog.type") }),
+          /* @__PURE__ */ l(G, { onValueChange: d, value: c, children: [
+            /* @__PURE__ */ o(J, { children: /* @__PURE__ */ o(Q, { placeholder: t("editor.callout.dialog.type.placeholder") }) }),
+            /* @__PURE__ */ o(X, { children: ot.map((r) => /* @__PURE__ */ o(Z, { value: r.value, children: t(`editor.callout.type.${r.value}`) }, r.value)) })
           ] })
+        ] }),
+        /* @__PURE__ */ l("div", { className: "richtext-space-y-2", children: [
+          /* @__PURE__ */ o(u, { children: t("editor.callout.dialog.title.label") }),
+          /* @__PURE__ */ o(
+            v,
+            {
+              onChange: (r) => b(r.target.value),
+              placeholder: t("editor.callout.dialog.title.placeholder"),
+              value: h
+            }
+          )
+        ] }),
+        /* @__PURE__ */ l("div", { className: "richtext-space-y-2", children: [
+          /* @__PURE__ */ o(u, { children: t("editor.callout.dialog.body.label") }),
+          /* @__PURE__ */ o(
+            v,
+            {
+              onChange: (r) => g(r.target.value),
+              placeholder: t("editor.callout.dialog.body.placeholder"),
+              value: f
+            }
+          )
         ] })
-      ]
-    }
-  ) : /* @__PURE__ */ o(V, {});
+      ] }),
+      /* @__PURE__ */ l(U, { children: [
+        /* @__PURE__ */ o(C, { onClick: () => i(!1), variant: "outline", children: t("editor.callout.dialog.button.cancel") }),
+        /* @__PURE__ */ o(C, { onClick: w, children: t("editor.callout.dialog.button.apply") })
+      ] })
+    ] })
+  ] }) : /* @__PURE__ */ o(Y, {});
 }
 function p(t) {
   return (e) => e.getAttribute(t);
 }
-const rt = /* @__PURE__ */ H.create({
+const lt = /* @__PURE__ */ D.create({
   name: "callout",
   group: "block",
   selectable: !0,
@@ -174,14 +171,14 @@ const rt = /* @__PURE__ */ H.create({
       HTMLAttributes: {
         class: "callout"
       },
-      button: ({ editor: e, t: l }) => ({
+      button: ({ editor: e, t: a }) => ({
         component: T,
         componentProps: {
           action: () => !0,
           isActive: () => e.isActive("callout"),
           disabled: !1,
           icon: "Callout",
-          tooltip: l("editor.callout.tooltip")
+          tooltip: a("editor.callout.tooltip")
         }
       })
     };
@@ -190,7 +187,10 @@ const rt = /* @__PURE__ */ H.create({
     return [{ tag: "div.callout" }];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["div", B(this.options && this.options.HTMLAttributes || {}, t)];
+    return [
+      "div",
+      H(this.options && this.options.HTMLAttributes || {}, t)
+    ];
   },
   addAttributes() {
     return {
@@ -217,10 +217,10 @@ const rt = /* @__PURE__ */ H.create({
     };
   },
   addNodeView() {
-    return M(et);
+    return B(et);
   }
 });
 export {
-  rt as Callout,
-  xt as RichTextCallout
+  lt as Callout,
+  ht as RichTextCallout
 };

package/lib/Clear.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./clsx-CXbNJWDD.cjs"),n=require("react/jsx-runtime"),v=require("./toggle-C_SSvDRy.cjs"),c=require("./useButtonProps-Cz4W5dC8.cjs");function f(){const t=c.useButtonProps(s.name),{icon:o=void 0,tooltip:e=void 0,shortcutKeys:a=void 0,tooltipOptions:u={},action:i=void 0,isActive:l=void 0}=(t==null?void 0:t.componentProps)??{},{disabled:r}=c.useActive(l),d=()=>{r||i&&i()};return t?n.jsx(v.ActionButton,{action:d,disabled:r,icon:o,shortcutKeys:a,tooltip:e,tooltipOptions:u}):n.jsx(n.Fragment,{})}const s=p.Node3.create({name:"clear",addOptions(){var t;return{...(t=this.parent)==null?void 0:t.call(this),button:({editor:o,t:e})=>({componentProps:{action:()=>o.chain().focus().clearNodes().unsetAllMarks().run(),isActive:()=>o.can().chain().focus().clearNodes().unsetAllMarks().run(),icon:"Eraser",tooltip:e("editor.clear.tooltip")}})}}});exports.Clear=s;exports.RichTextClear=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./index-zig3Dj7A.cjs"),n=require("react/jsx-runtime"),i=require("./index-BUTn2LY6.cjs");function v(){const t=i.useButtonProps(s.name),{icon:e=void 0,tooltip:o=void 0,shortcutKeys:a=void 0,tooltipOptions:u={},action:r=void 0,isActive:l=void 0}=(t==null?void 0:t.componentProps)??{},{disabled:c}=i.useActive(l),d=()=>{c||r&&r()};return t?n.jsx(i.ActionButton,{action:d,disabled:c,icon:e,shortcutKeys:a,tooltip:o,tooltipOptions:u}):n.jsx(n.Fragment,{})}const s=p.Node3.create({name:"clear",addOptions(){var t;return{...(t=this.parent)==null?void 0:t.call(this),button:({editor:e,t:o})=>({componentProps:{action:()=>e.chain().focus().clearNodes().unsetAllMarks().run(),isActive:()=>e.can().chain().focus().clearNodes().unsetAllMarks().run(),icon:"Eraser",tooltip:o("editor.clear.tooltip")}})}}});exports.Clear=s;exports.RichTextClear=v;

package/lib/Clear.js

@@ -1,8 +1,7 @@
-import { N as p } from "./clsx-DSzxBzvL.js";
-import { jsx as e, Fragment as l } from "react/jsx-runtime";
-import { A as m } from "./toggle-DEerYRil.js";
-import { u as d, b as f } from "./useButtonProps-CtZCbMQu.js";
-function b() {
+import { N as l } from "./index-mfGK4pFo.js";
+import { jsx as r, Fragment as p } from "react/jsx-runtime";
+import { u as d, e as m, A as f } from "./index-DHUN85fV.js";
+function x() {
   const o = d(v.name), {
     icon: t = void 0,
     tooltip: n = void 0,
@@ -10,24 +9,23 @@ function b() {
     tooltipOptions: c = {},
     action: i = void 0,
     isActive: a = void 0
-  } = (o == null ? void 0 : o.componentProps) ?? {}, { disabled: r } = f(a), u = () => {
-    r || i && i();
+  } = (o == null ? void 0 : o.componentProps) ?? {}, { disabled: e } = m(a), u = () => {
+    e || i && i();
   };
-  return o ? /* @__PURE__ */ e(
-    m,
+  return o ? /* @__PURE__ */ r(
+    f,
     {
       action: u,
-      disabled: r,
+      disabled: e,
       icon: t,
       shortcutKeys: s,
       tooltip: n,
       tooltipOptions: c
     }
-  ) : /* @__PURE__ */ e(l, {});
+  ) : /* @__PURE__ */ r(p, {});
 }
-const v = /* @__PURE__ */ p.create({
+const v = /* @__PURE__ */ l.create({
   name: "clear",
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   //@ts-expect-error
   addOptions() {
     var o;
@@ -47,5 +45,5 @@ const v = /* @__PURE__ */ p.create({
 });
 export {
   v as Clear,
-  b as RichTextClear
+  x as RichTextClear
 };

package/lib/Code.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./clsx-CXbNJWDD.cjs"),s=require("react/jsx-runtime"),h=require("./toggle-C_SSvDRy.cjs");require("react");require("./index-Cn-t3Zxw.cjs");require("./theme.cjs");const u=require("./useButtonProps-Cz4W5dC8.cjs");var x=/(^|[^`])`([^`]+)`(?!`)$/,C=/(^|[^`])`([^`]+)`(?!`)/g,v=o.Mark.create({name:"code",addOptions(){return{HTMLAttributes:{}}},excludes:"_",code:!0,exitable:!0,parseHTML(){return[{tag:"code"}]},renderHTML({HTMLAttributes:e}){return["code",o.mergeAttributes(this.options.HTMLAttributes,e),0]},markdownTokenName:"codespan",parseMarkdown:(e,t)=>t.applyMark("code",[{type:"text",text:e.text||""}]),renderMarkdown:(e,t)=>e.content?`\`${t.renderChildren(e.content)}\``:"",addCommands(){return{setCode:()=>({commands:e})=>e.setMark(this.name),toggleCode:()=>({commands:e})=>e.toggleMark(this.name),unsetCode:()=>({commands:e})=>e.unsetMark(this.name)}},addKeyboardShortcuts(){return{"Mod-e":()=>this.editor.commands.toggleCode()}},addInputRules(){return[o.markInputRule({find:x,type:this.type})]},addPasteRules(){return[o.markPasteRule({find:C,type:this.type})]}});function M(){const e=u.useButtonProps(a.name),{icon:t=void 0,tooltip:r=void 0,shortcutKeys:n=void 0,tooltipOptions:c={},action:i=void 0,isActive:p=void 0}=(e==null?void 0:e.componentProps)??{},{dataState:l,disabled:d,update:g}=u.useToggleActive(p),m=()=>{d||i&&(i(),g())};return e?s.jsx(h.ActionButton,{action:m,dataState:l,disabled:d,icon:t,shortcutKeys:n,tooltip:r,tooltipOptions:c}):s.jsx(s.Fragment,{})}const a=v.extend({addOptions(){var e;return{...(e=this.parent)==null?void 0:e.call(this),button:({editor:t,t:r,extension:n})=>({componentProps:{action:()=>t.commands.toggleCode(),isActive:()=>t.isActive("code"),disabled:!t.can().toggleCode(),icon:"Code",shortcutKeys:n.options.shortcutKeys??["mod","E"],tooltip:r("editor.code.tooltip")}})}}});exports.Code=a;exports.RichTextCode=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index-zig3Dj7A.cjs"),i=require("react/jsx-runtime"),d=require("./index-BUTn2LY6.cjs");require("react");require("./theme.cjs");var h=/(^|[^`])`([^`]+)`(?!`)$/,x=/(^|[^`])`([^`]+)`(?!`)/g,C=o.Mark.create({name:"code",addOptions(){return{HTMLAttributes:{}}},excludes:"_",code:!0,exitable:!0,parseHTML(){return[{tag:"code"}]},renderHTML({HTMLAttributes:e}){return["code",o.mergeAttributes(this.options.HTMLAttributes,e),0]},markdownTokenName:"codespan",parseMarkdown:(e,t)=>t.applyMark("code",[{type:"text",text:e.text||""}]),renderMarkdown:(e,t)=>e.content?`\`${t.renderChildren(e.content)}\``:"",addCommands(){return{setCode:()=>({commands:e})=>e.setMark(this.name),toggleCode:()=>({commands:e})=>e.toggleMark(this.name),unsetCode:()=>({commands:e})=>e.unsetMark(this.name)}},addKeyboardShortcuts(){return{"Mod-e":()=>this.editor.commands.toggleCode()}},addInputRules(){return[o.markInputRule({find:h,type:this.type})]},addPasteRules(){return[o.markPasteRule({find:x,type:this.type})]}});function v(){const e=d.useButtonProps(u.name),{icon:t=void 0,tooltip:r=void 0,shortcutKeys:n=void 0,tooltipOptions:c={},action:s=void 0,isActive:p=void 0}=(e==null?void 0:e.componentProps)??{},{dataState:l,disabled:a,update:m}=d.useToggleActive(p),g=()=>{a||s&&(s(),m())};return e?i.jsx(d.ActionButton,{action:g,dataState:l,disabled:a,icon:t,shortcutKeys:n,tooltip:r,tooltipOptions:c}):i.jsx(i.Fragment,{})}const u=C.extend({addOptions(){var e;return{...(e=this.parent)==null?void 0:e.call(this),button:({editor:t,t:r,extension:n})=>({componentProps:{action:()=>t.commands.toggleCode(),isActive:()=>t.isActive("code"),disabled:!t.can().toggleCode(),icon:"Code",shortcutKeys:n.options.shortcutKeys??["mod","E"],tooltip:r("editor.code.tooltip")}})}}});exports.Code=u;exports.RichTextCode=v;

package/lib/Code.js

@@ -1,10 +1,8 @@
-import { M as m, e as l, f as g, m as h } from "./clsx-DSzxBzvL.js";
+import { M as m, f as l, h as g, m as h } from "./index-mfGK4pFo.js";
 import { jsx as a, Fragment as M } from "react/jsx-runtime";
-import { A as f } from "./toggle-DEerYRil.js";
+import { u as v, d as C, A as f } from "./index-DHUN85fV.js";
 import "react";
-import "./index-DoiuU6VA.js";
 import "./theme.js";
-import { u as v, a as C } from "./useButtonProps-CtZCbMQu.js";
 var k = /(^|[^`])`([^`]+)`(?!`)$/, x = /(^|[^`])`([^`]+)`(?!`)/g, y = m.create({
   name: "code",
   addOptions() {
@@ -53,15 +51,15 @@ var k = /(^|[^`])`([^`]+)`(?!`)$/, x = /(^|[^`])`([^`]+)`(?!`)/g, y = m.create({
     ];
   }
 });
-function w() {
+function L() {
   const t = v(A.name), {
     icon: e = void 0,
     tooltip: o = void 0,
     shortcutKeys: r = void 0,
-    tooltipOptions: i = {},
+    tooltipOptions: d = {},
     action: n = void 0,
-    isActive: d = void 0
-  } = (t == null ? void 0 : t.componentProps) ?? {}, { dataState: u, disabled: s, update: c } = C(d), p = () => {
+    isActive: i = void 0
+  } = (t == null ? void 0 : t.componentProps) ?? {}, { dataState: u, disabled: s, update: c } = C(i), p = () => {
     s || n && (n(), c());
   };
   return t ? /* @__PURE__ */ a(
@@ -73,12 +71,11 @@ function w() {
       icon: e,
       shortcutKeys: r,
       tooltip: o,
-      tooltipOptions: i
+      tooltipOptions: d
     }
   ) : /* @__PURE__ */ a(M, {});
 }
 const A = /* @__PURE__ */ y.extend({
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   //@ts-expect-error
   addOptions() {
     var t;
@@ -99,5 +96,5 @@ const A = /* @__PURE__ */ y.extend({
 });
 export {
   A as Code,
-  w as RichTextCode
+  L as RichTextCode
 };