reactjs-tiptap-editor 1.0.17 → 1.0.18

package/lib/Callout.js

@@ -1,21 +1,52 @@
-import { h as D, j as x, N as H, k as M, m as B } from "./clsx-DaPvp9ji.js";
-import { h as V, u as j, d as P, 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-RcSPeQHn.js";
+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 "./theme.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-CmV5uTXr.js";
-import { u as tt } from "./index-C07N8gA1.js";
+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: _, 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" }
+  {
+    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: a = "", body: n = "" } = t.attrs, c = (y.find((d) => d.value === e) || y[0]).icon;
-  return /* @__PURE__ */ o(D, { children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ o(M, { children: /* @__PURE__ */ l(
     "div",
     {
       className: x(
@@ -58,102 +89,74 @@ const ot = [
   { value: "caution", label: "Caution", icon: "OctagonAlert" }
 ];
 function ht() {
-  const { t } = tt(), e = V(), a = j(lt.name), [n, i] = s(!1), [c, d] = s("note"), [p, b] = s(""), [g, f] = s(""), {
+  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: S = {},
-    isActive: k = void 0
-  } = (a == null ? void 0 : a.componentProps) ?? {}, { dataState: I, disabled: m } = P(k), w = () => {
-    e && (e.chain().focus().setCallout({ type: c, title: p, body: g }).run(), i(!1), d("note"), b(""), f(""));
+    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 = () => {
     m || i(!0);
   };
-  return a ? /* @__PURE__ */ l(
-    E,
-    {
-      onOpenChange: i,
-      open: n,
-      children: [
-        /* @__PURE__ */ o(R, { asChild: !0, children: /* @__PURE__ */ o(
-          T,
-          {
-            action: O,
-            dataState: I,
-            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: p
-                }
-              )
-            ] }),
-            /* @__PURE__ */ l("div", { className: "richtext-space-y-2", children: [
-              /* @__PURE__ */ o(u, { children: t("editor.callout.dialog.body.label") }),
-              /* @__PURE__ */ o(
-                v,
-                {
-                  onChange: (r) => f(r.target.value),
-                  placeholder: t("editor.callout.dialog.body.placeholder"),
-                  value: g
-                }
-              )
-            ] })
-          ] }),
-          /* @__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") })
+  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(Y, {});
+      ] }),
+      /* @__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 h(t) {
+function p(t) {
   return (e) => e.getAttribute(t);
 }
-const lt = /* @__PURE__ */ H.create({
+const lt = /* @__PURE__ */ D.create({
   name: "callout",
   group: "block",
   selectable: !0,
@@ -184,21 +187,24 @@ const lt = /* @__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 {
       type: {
         default: "",
-        parseHTML: h("type")
+        parseHTML: p("type")
       },
       title: {
         default: "",
-        parseHTML: h("title")
+        parseHTML: p("title")
       },
       body: {
         default: "",
-        parseHTML: h("body")
+        parseHTML: p("body")
       }
     };
   },
@@ -211,7 +217,7 @@ const lt = /* @__PURE__ */ H.create({
     };
   },
   addNodeView() {
-    return M(et);
+    return B(et);
   }
 });
 export {

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"),i=require("./index-BnVcq33n.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;
+"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,6 +1,6 @@
-import { N as l } from "./clsx-DaPvp9ji.js";
+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-RcSPeQHn.js";
+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,
@@ -26,7 +26,6 @@ function x() {
 }
 const v = /* @__PURE__ */ l.create({
   name: "clear",
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   //@ts-expect-error
   addOptions() {
     var o;

package/lib/Code.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./clsx-CXbNJWDD.cjs"),i=require("react/jsx-runtime"),s=require("./index-BnVcq33n.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=s.useButtonProps(u.name),{icon:t=void 0,tooltip:r=void 0,shortcutKeys:n=void 0,tooltipOptions:c={},action:d=void 0,isActive:p=void 0}=(e==null?void 0:e.componentProps)??{},{dataState:l,disabled:a,update:m}=s.useToggleActive(p),g=()=>{a||d&&(d(),m())};return e?i.jsx(s.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;
+"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,6 +1,6 @@
-import { M as m, e as l, f as g, m as h } from "./clsx-DaPvp9ji.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 { u as v, d as C, A as f } from "./index-RcSPeQHn.js";
+import { u as v, d as C, A as f } from "./index-DHUN85fV.js";
 import "react";
 import "./theme.js";
 var k = /(^|[^`])`([^`]+)`(?!`)$/, x = /(^|[^`])`([^`]+)`(?!`)/g, y = m.create({
@@ -76,7 +76,6 @@ function L() {
   ) : /* @__PURE__ */ a(M, {});
 }
 const A = /* @__PURE__ */ y.extend({
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   //@ts-expect-error
   addOptions() {
     var t;