reactjs-tiptap-editor 1.0.19 → 1.0.21

package/lib/Callout.js

@@ -1,225 +1,11 @@
-import { N as D, m as H } from "./index-BVRHx_ha.js";
-import { N as M, c as x, a as B } from "./clsx-OumA9x-8.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, S as U, p as Y, q as _, r as $, s as q, j as v, t as z, B as C } from "./index-CDFAs4RT.js";
-import { jsx as o, jsxs as l, Fragment as K } from "react/jsx-runtime";
-import { useState as s } from "react";
+import "./index-D0EmqTpe.js";
+import "./clsx-Bg-2aTKh.js";
+import "./index-B1SzsIsE.js";
+import "react/jsx-runtime";
+import "react";
 import "./theme.js";
-import { Info as G, Lightbulb as J, AlertCircle as Q, TriangleAlert as X, OctagonAlert as Z } from "lucide-react";
-import { u as tt } from "./index-BlXGgvT-.js";
-const y = [
-  {
-    value: "note",
-    label: "Note",
-    icon: G,
-    color: "#1f6feb",
-    background: "#1f6feb1f"
-  },
-  {
-    value: "tip",
-    label: "Tip",
-    icon: J,
-    color: "#238636",
-    background: "#2386361f"
-  },
-  {
-    value: "important",
-    label: "Important",
-    icon: Q,
-    color: "#ab7df8",
-    background: "#ab7df81f"
-  },
-  {
-    value: "warning",
-    label: "Warning",
-    icon: X,
-    color: "#d29922",
-    background: "#d299221f"
-  },
-  {
-    value: "caution",
-    label: "Caution",
-    icon: Z,
-    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(M, { children: /* @__PURE__ */ l(
-    "div",
-    {
-      className: x(
-        "richtext-relative richtext-my-4 richtext-rounded-lg richtext-border richtext-p-4",
-        {
-          "richtext-bg-[#1f6feb1f] richtext-border-[#1f6feb]": e === "note",
-          "richtext-bg-[#2386361f] richtext-border-[#238636]": e === "tip",
-          "richtext-bg-[#ab7df81f] richtext-border-[#ab7df8]": e === "important",
-          "richtext-bg-[#d299221f] richtext-border-[#d29922]": e === "warning",
-          "richtext-bg-[#f851491f] richtext-border-[#f85149]": e === "caution"
-        }
-      ),
-      children: [
-        /* @__PURE__ */ l(
-          "div",
-          {
-            className: x("richtext-mb-2 richtext-flex richtext-items-center richtext-gap-2", {
-              "richtext-text-[#1f6feb]": e === "note",
-              "richtext-text-[#238636]": e === "tip",
-              "richtext-text-[#ab7df8]": e === "important",
-              "richtext-text-[#d29922]": e === "warning",
-              "richtext-text-[#f85149]": e === "caution"
-            }),
-            children: [
-              /* @__PURE__ */ o(c, { className: "richtext-size-5" }),
-              /* @__PURE__ */ o("span", { className: "richtext-font-semibold", children: a })
-            ]
-          }
-        ),
-        n && /* @__PURE__ */ o("p", { className: "richtext-pl-[28px]", children: n })
-      ]
-    }
-  ) });
-}
-const ot = [
-  { value: "note", label: "Note", icon: "Info" },
-  { value: "tip", label: "Tip", icon: "Lightbulb" },
-  { value: "important", label: "Important", icon: "AlertCircle" },
-  { value: "warning", label: "Warning", icon: "TriangleAlert" },
-  { value: "caution", label: "Caution", icon: "OctagonAlert" }
-];
-function pt() {
-  const { t } = tt(), e = V(), a = P(lt.name), [n, i] = s(!1), [c, d] = s("note"), [h, b] = s(""), [g, f] = s(""), {
-    icon: A = void 0,
-    tooltip: N = void 0,
-    shortcutKeys: L = void 0,
-    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: g }).run(), i(!1), d("note"), b(""), f(""));
-  }, 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: 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(U, { onValueChange: d, value: c, children: [
-            /* @__PURE__ */ o(Y, { children: /* @__PURE__ */ o(_, { placeholder: t("editor.callout.dialog.type.placeholder") }) }),
-            /* @__PURE__ */ o($, { children: ot.map((r) => /* @__PURE__ */ o(q, { 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) => f(r.target.value),
-              placeholder: t("editor.callout.dialog.body.placeholder"),
-              value: g
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ l(z, { 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(K, {});
-}
-function p(t) {
-  return (e) => e.getAttribute(t);
-}
-const lt = /* @__PURE__ */ D.create({
-  name: "callout",
-  group: "block",
-  selectable: !0,
-  atom: !0,
-  draggable: !0,
-  inline: !1,
-  //@ts-expect-error
-  addOptions() {
-    var t;
-    return {
-      ...(t = this.parent) == null ? void 0 : t.call(this),
-      HTMLAttributes: {
-        class: "callout"
-      },
-      button: ({ editor: e, t: a }) => ({
-        component: T,
-        componentProps: {
-          action: () => !0,
-          isActive: () => e.isActive("callout"),
-          disabled: !1,
-          icon: "Callout",
-          tooltip: a("editor.callout.tooltip")
-        }
-      })
-    };
-  },
-  parseHTML() {
-    return [{ tag: "div.callout" }];
-  },
-  renderHTML({ HTMLAttributes: t }) {
-    return [
-      "div",
-      H(this.options && this.options.HTMLAttributes || {}, t)
-    ];
-  },
-  addAttributes() {
-    return {
-      type: {
-        default: "",
-        parseHTML: p("type")
-      },
-      title: {
-        default: "",
-        parseHTML: p("title")
-      },
-      body: {
-        default: "",
-        parseHTML: p("body")
-      }
-    };
-  },
-  addCommands() {
-    return {
-      setCallout: (t) => ({ chain: e }) => e().insertContent({
-        type: this.name,
-        attrs: t
-      }).run()
-    };
-  },
-  addNodeView() {
-    return B(et);
-  }
-});
+import { C, R as e } from "./Callout-mb31jDcR.js";
 export {
-  lt as Callout,
-  pt as RichTextCallout
+  C as Callout,
+  e as RichTextCallout
 };

package/lib/Clear.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./index-DwSnESy-.cjs"),n=require("react/jsx-runtime"),i=require("./index-BLrMslr7.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-C4WLt4NA.cjs"),n=require("react/jsx-runtime"),i=require("./index-DirFiHQ6.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 "./index-BVRHx_ha.js";
+import { N as l } from "./index-D0EmqTpe.js";
 import { jsx as r, Fragment as p } from "react/jsx-runtime";
-import { u as d, e as m, A as f } from "./index-CDFAs4RT.js";
+import { u as d, e as m, A as f } from "./index-B1SzsIsE.js";
 function x() {
   const o = d(v.name), {
     icon: t = void 0,

package/lib/Code.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index-DwSnESy-.cjs"),i=require("react/jsx-runtime"),d=require("./index-BLrMslr7.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index-C4WLt4NA.cjs"),i=require("react/jsx-runtime"),d=require("./index-DirFiHQ6.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, f as l, h as g, m as h } from "./index-BVRHx_ha.js";
+import { M as m, f as l, h as g, m as h } from "./index-D0EmqTpe.js";
 import { jsx as a, Fragment as M } from "react/jsx-runtime";
-import { u as v, d as C, A as f } from "./index-CDFAs4RT.js";
+import { u as v, d as C, A as f } from "./index-B1SzsIsE.js";
 import "react";
 import "./theme.js";
 var k = /(^|[^`])`([^`]+)`(?!`)$/, x = /(^|[^`])`([^`]+)`(?!`)/g, y = m.create({