reactjs-tiptap-editor 1.0.16 → 1.0.17

package/lib/Callout.js

@@ -1,27 +1,21 @@
-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 { 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 { 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 { 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 { L as u } from "./label-Cjrzc5H2.js";
-import { I as v } from "./input-B1egKb-t.js";
-import { B as C } from "./button-Bwn6gUuS.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(D, { children: /* @__PURE__ */ l(
     "div",
     {
       className: x(
@@ -35,7 +29,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 +41,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,84 +57,84 @@ 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 = j(lt.name), [n, i] = s(!1), [c, d] = s("note"), [p, b] = s(""), [g, f] = 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: 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(""));
   }, O = () => {
-    g || i(!0);
+    m || i(!0);
   };
-  return l ? /* @__PURE__ */ r(
-    F,
+  return a ? /* @__PURE__ */ l(
+    E,
     {
       onOpenChange: i,
       open: n,
       children: [
-        /* @__PURE__ */ o(U, { asChild: !0, children: /* @__PURE__ */ o(
+        /* @__PURE__ */ o(R, { asChild: !0, children: /* @__PURE__ */ o(
           T,
           {
             action: O,
-            dataState: k,
-            disabled: g,
+            dataState: I,
+            disabled: m,
             icon: A,
             shortcutKeys: L,
             tooltip: N,
-            tooltipOptions: I
+            tooltipOptions: S
           }
         ) }),
-        /* @__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__ */ 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__ */ r(
-                z,
+              /* @__PURE__ */ l(
+                G,
                 {
                   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,
+                    /* @__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: a.value,
-                        children: t(`editor.callout.type.${a.value}`)
+                        value: r.value,
+                        children: t(`editor.callout.type.${r.value}`)
                       },
-                      a.value
+                      r.value
                     )) })
                   ]
                 }
               )
             ] }),
-            /* @__PURE__ */ r("div", { className: "richtext-space-y-2", children: [
+            /* @__PURE__ */ l("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),
+                  onChange: (r) => b(r.target.value),
                   placeholder: t("editor.callout.dialog.title.placeholder"),
-                  value: h
+                  value: p
                 }
               )
             ] }),
-            /* @__PURE__ */ r("div", { className: "richtext-space-y-2", children: [
+            /* @__PURE__ */ l("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),
+                  onChange: (r) => f(r.target.value),
                   placeholder: t("editor.callout.dialog.body.placeholder"),
-                  value: f
+                  value: g
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ r($, { children: [
+          /* @__PURE__ */ l(U, { children: [
             /* @__PURE__ */ o(
               C,
               {
@@ -154,12 +148,12 @@ function xt() {
         ] })
       ]
     }
-  ) : /* @__PURE__ */ o(V, {});
+  ) : /* @__PURE__ */ o(Y, {});
 }
-function p(t) {
+function h(t) {
   return (e) => e.getAttribute(t);
 }
-const rt = /* @__PURE__ */ H.create({
+const lt = /* @__PURE__ */ H.create({
   name: "callout",
   group: "block",
   selectable: !0,
@@ -174,14 +168,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")
         }
       })
     };
@@ -196,15 +190,15 @@ const rt = /* @__PURE__ */ H.create({
     return {
       type: {
         default: "",
-        parseHTML: p("type")
+        parseHTML: h("type")
       },
       title: {
         default: "",
-        parseHTML: p("title")
+        parseHTML: h("title")
       },
       body: {
         default: "",
-        parseHTML: p("body")
+        parseHTML: h("body")
       }
     };
   },
@@ -221,6 +215,6 @@ const rt = /* @__PURE__ */ H.create({
   }
 });
 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("./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;

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 "./clsx-DaPvp9ji.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";
+function x() {
   const o = d(v.name), {
     icon: t = void 0,
     tooltip: n = void 0,
@@ -10,22 +9,22 @@ 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
@@ -47,5 +46,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("./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;

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, e as l, f as g, m as h } from "./clsx-DaPvp9ji.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-RcSPeQHn.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,7 +71,7 @@ function w() {
       icon: e,
       shortcutKeys: r,
       tooltip: o,
-      tooltipOptions: i
+      tooltipOptions: d
     }
   ) : /* @__PURE__ */ a(M, {});
 }
@@ -99,5 +97,5 @@ const A = /* @__PURE__ */ y.extend({
 });
 export {
   A as Code,
-  w as RichTextCode
+  L as RichTextCode
 };