reactjs-tiptap-editor 0.3.17 → 0.3.19

package/lib/locale-bundle.d.ts

@@ -117,6 +117,7 @@ export declare const en: {
     'editor.imageUpload.cancel': string;
     'editor.imageUpload.crop': string;
     'editor.imageUpload.uploading': string;
+    'editor.imageUpload.alt': string;
     'editor.imageUpload.fileTypeNotSupported': string;
     'editor.imageUpload.fileSizeTooBig': string;
     'editor.table.menu.insertColumnBefore': string;
@@ -294,6 +295,7 @@ export declare const hu_HU: {
     'editor.imageUpload.cancel': string;
     'editor.imageUpload.crop': string;
     'editor.imageUpload.uploading': string;
+    'editor.imageUpload.alt': string;
     'editor.imageUpload.fileTypeNotSupported': string;
     'editor.imageUpload.fileSizeTooBig': string;
     'editor.table.menu.insertColumnBefore': string;
@@ -494,6 +496,7 @@ export declare const pt_BR: {
     'editor.imageUpload.cancel': string;
     'editor.imageUpload.crop': string;
     'editor.imageUpload.uploading': string;
+    'editor.imageUpload.alt': string;
     'editor.imageUpload.fileTypeNotSupported': string;
     'editor.imageUpload.fileSizeTooBig': string;
     'editor.table.menu.insertColumnBefore': string;
@@ -671,6 +674,7 @@ export declare const vi: {
     'editor.imageUpload.cancel': string;
     'editor.imageUpload.crop': string;
     'editor.imageUpload.uploading': string;
+    'editor.imageUpload.alt': string;
     'editor.imageUpload.fileTypeNotSupported': string;
     'editor.imageUpload.fileSizeTooBig': string;
     'editor.table.menu.insertColumnBefore': string;
@@ -848,6 +852,7 @@ export declare const zh_CN: {
     'editor.imageUpload.cancel': string;
     'editor.imageUpload.crop': string;
     'editor.imageUpload.uploading': string;
+    'editor.imageUpload.alt': string;
     'editor.imageUpload.fileTypeNotSupported': string;
     'editor.imageUpload.fileSizeTooBig': string;
     'editor.table.menu.insertColumnBefore': string;
@@ -941,11 +946,9 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        emoji: {
-            setEmoji: (emoji: {
-                name: string;
-                emoji: string;
-            }) => ReturnType;
+        drawer: {
+            setDrawer: (options: any, replace?: any) => ReturnType;
+            setAlignImageDrawer: (align: 'left' | 'center' | 'right') => ReturnType;
         };
     }
 }
@@ -953,9 +956,11 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        drawer: {
-            setDrawer: (options: any, replace?: any) => ReturnType;
-            setAlignImageDrawer: (align: 'left' | 'center' | 'right') => ReturnType;
+        emoji: {
+            setEmoji: (emoji: {
+                name: string;
+                emoji: string;
+            }) => ReturnType;
         };
     }
 }

package/lib/locale-bundle.js

@@ -1,4 +1,4 @@
-import { a as e, b as l, l as o, e as _, c, d as h } from "./index-zcKfSGd5.js";
+import { a as e, b as l, l as o, e as _, c, d as h } from "./index-Tj3Ci7xM.js";
 export {
   e as en,
   l as hu_HU,

package/lib/{textarea-hHZqZb43.cjs → textarea-DgXP0XRK.cjs}

@@ -1 +1 @@
-"use strict";const n=require("react/jsx-runtime"),o=require("react"),a=require("./RichTextEditor-B7GWBCUZ.cjs");function s(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,i.get?i:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const u=s(o),c=u.forwardRef(({className:e,...r},t)=>n.jsx("textarea",{className:a.cn("richtext-flex richtext-min-h-[80px] richtext-w-full richtext-rounded-md !richtext-border richtext-border-input richtext-bg-background richtext-px-3 richtext-py-2 richtext-text-sm richtext-ring-offset-background placeholder:richtext-text-muted-foreground focus-visible:richtext-outline-none focus-visible:richtext-ring-2 focus-visible:richtext-ring-ring focus-visible:richtext-ring-offset-2 disabled:richtext-cursor-not-allowed disabled:richtext-opacity-50",e),ref:t,...r}));c.displayName="Textarea";exports.Textarea=c;
+"use strict";const n=require("react/jsx-runtime"),o=require("react"),a=require("./RichTextEditor-DszaQdvS.cjs");function s(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,i.get?i:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const u=s(o),c=u.forwardRef(({className:e,...r},t)=>n.jsx("textarea",{className:a.cn("richtext-flex richtext-min-h-[80px] richtext-w-full richtext-rounded-md !richtext-border richtext-border-input richtext-bg-background richtext-px-3 richtext-py-2 richtext-text-sm richtext-ring-offset-background placeholder:richtext-text-muted-foreground focus-visible:richtext-outline-none focus-visible:richtext-ring-2 focus-visible:richtext-ring-ring focus-visible:richtext-ring-offset-2 disabled:richtext-cursor-not-allowed disabled:richtext-opacity-50",e),ref:t,...r}));c.displayName="Textarea";exports.Textarea=c;

package/lib/{textarea-D432J9HA.js → textarea-DnBlTntN.js}

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
 import * as c from "react";
-import { d as o } from "./RichTextEditor-Coaq773Y.js";
+import { d as o } from "./RichTextEditor-DIvPROxl.js";
 const x = c.forwardRef(
   ({ className: t, ...e }, r) => /* @__PURE__ */ i(
     "textarea",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "reactjs-tiptap-editor",
   "type": "module",
-  "version": "0.3.17",
+  "version": "0.3.19",
   "packageManager": "pnpm@8.15.9",
   "description": "A modern WYSIWYG rich text editor based on tiptap and shadcn ui for React",
   "license": "MIT",

package/lib/Excalidraw-36ndx1gh.cjs

@@ -1 +0,0 @@
-"use strict";var W=Object.create;var y=Object.defineProperty;var H=Object.getOwnPropertyDescriptor;var Z=Object.getOwnPropertyNames;var q=Object.getPrototypeOf,z=Object.prototype.hasOwnProperty;var B=(e,t,s,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of Z(t))!z.call(e,i)&&i!==s&&y(e,i,{get:()=>t[i],enumerable:!(l=H(t,i))||l.enumerable});return e};var M=(e,t,s)=>(s=e!=null?W(q(e)):{},B(t||!e||!e.__esModule?y(s,"default",{value:e,enumerable:!0}):s,e));const _=require("./index-CSvnpArE.cjs"),p=require("./dom-dataset-Cuy-pIfj.cjs"),n=require("react/jsx-runtime"),a=require("react"),d=require("./RichTextEditor-B7GWBCUZ.cjs"),P=require("./index-jEB3jXoa.cjs"),V=require("re-resizable");let L;function I(){try{return L||(L=P.mitt()),L}catch{throw new Error("Error EventEmitter")}}const D="OPEN_EXCALIDRAW_SETTING_MODAL";function $(e,t){I().on(e,t)}function U(e,t){I().off(e,t)}function X(e){I().emit(D,e)}const F=({editor:e})=>{const[t,s]=a.useState(null),[l,i]=a.useState({}),[h,f]=a.useState({elements:[],appState:{isLoading:!1},files:null}),[m,o]=a.useState(!1),[w,x]=a.useState(!0),[E,g]=a.useState(null),S=a.useCallback(c=>{c&&import("@excalidraw/excalidraw").then(r=>{s(r.Excalidraw)}).catch(g).finally(()=>x(!1))},[x]),j=a.useCallback(c=>{setTimeout(()=>{c.refresh()})},[]),T=a.useCallback((c,r,u)=>{i({elements:c,appState:{isLoading:!1},files:u})},[]),v=a.useCallback(()=>{if(!t){o(!1);return}e.chain().focus().setExcalidraw({data:l}).run(),o(!1)},[t,e,l,o]);return a.useEffect(()=>{const c=r=>{(r==null?void 0:r.editor)===e&&(o(!0),r&&f(r.data))};return $(D,c),()=>{U(D,c)}},[e,o]),a.useEffect(()=>{!w&&t&&m&&setTimeout(()=>{window.dispatchEvent(new Event("resize"))},400)},[w,t,m]),n.jsxs(d.Dialog,{onOpenChange:o,open:m,children:[n.jsx(d.DialogTrigger,{asChild:!0,children:n.jsx(d.ActionButton,{action:()=>o(!0),icon:"Excalidraw",tooltip:"Excalidraw"})}),n.jsxs(d.DialogContent,{className:"richtext-z-[99999] !richtext-max-w-[1300px]",children:[n.jsx(d.DialogTitle,{children:"Excalidraw"}),n.jsxs("div",{style:{height:"100%",borderWidth:1},children:[w&&n.jsx("p",{children:"Loading..."}),E&&n.jsx("p",{children:E&&E.message||"Error"}),n.jsx("div",{ref:S,style:{width:"100%",height:600},children:!w&&!E&&t?n.jsx(t,{initialData:h,langCode:"en",onChange:T,ref:j}):null})]}),n.jsx(d.DialogFooter,{children:n.jsx(d.Button,{onClick:v,type:"button",children:"Save changes"})})]})]})},G="_wrap_15k3c_1",Y="_renderWrap_15k3c_7",J="_handlerWrap_15k3c_30",A={wrap:G,renderWrap:Y,handlerWrap:J},K=10,Q=200,C=15,O={width:"100%",height:"100%",maxWidth:"100%"};function ee({editor:e,node:t,updateAttributes:s}){const l=a.useRef(null),i=e.isActive(k.name),{data:h,width:f,height:m}=t.attrs,[o,w]=a.useState(null),[x,E]=a.useState(!0),[g,S]=a.useState(null),[j,T]=a.useState(100),v=a.useCallback(r=>()=>{T(u=>d.clamp(r==="minus"?u-C:u+C,K,Q))},[]);a.useEffect(()=>{let r=!1;return import("@excalidraw/excalidraw").then(u=>{r||(l.current=u.exportToSvg)}).catch(u=>!r&&S(u)).finally(()=>!r&&E(!1)),()=>{r=!0}},[h]),a.useEffect(()=>{let r=!1;return(async()=>{if(!l.current||r||x||g||!h)return;const b=await l.current(h);r||(b.setAttribute("width","100%"),b.setAttribute("height","100%"),b.setAttribute("display","block"),w(b))})(),()=>{r=!0}},[h,x,g]);const c=r=>{s({width:r.width,height:r.height})};return n.jsx(p.NodeViewWrapper,{className:p.clsx(A.wrap,i&&A.isActive),children:n.jsx(V.Resizable,{size:{width:Number.parseInt(f),height:Number.parseInt(m)},onResizeStop:(r,u,b,N)=>{c({width:Number.parseInt(f)+N.width,height:Number.parseInt(m)+N.height})},children:n.jsxs("div",{className:p.clsx(A.renderWrap,"render-wrapper"),style:{...O,overflow:"hidden"},children:[g&&n.jsx("div",{style:O,children:n.jsx("p",{children:g.message||g})}),x&&n.jsx("p",{children:"Loading..."}),!x&&!g&&o&&n.jsx("div",{dangerouslySetInnerHTML:{__html:(o==null?void 0:o.outerHTML)??""},style:{height:"100%",maxHeight:"100%",padding:24,overflow:"hidden",display:"flex",justifyContent:"center",alignItems:"center",transform:`scale(${j/100})`,transition:"all ease-in-out .3s"}}),n.jsxs("div",{className:A.handlerWrap,children:[n.jsx(d.ActionButton,{action:v("minus"),icon:"ZoomOut",tooltip:"Zoom Out"}),n.jsx(d.ActionButton,{action:v("plus"),icon:"ZoomIn",tooltip:"Zoom In"})]})]})})})}const R={elements:[]},k=_.Node.create({name:"excalidraw",group:"block",selectable:!0,atom:!0,draggable:!0,inline:!1,addAttributes(){return{defaultShowPicker:{default:!1},createUser:{default:null},width:{default:"100%",parseHTML:p.getDatasetAttribute("width")},height:{default:240,parseHTML:p.getDatasetAttribute("height")},data:{default:R,parseHTML:p.getDatasetAttribute("data",!0)}}},addOptions(){var e;return{...(e=this.parent)==null?void 0:e.call(this),HTMLAttributes:{class:"excalidraw"},button:({editor:t})=>({component:F,componentProps:{editor:t}})}},parseHTML(){return[{tag:"div[class=excalidraw]"}]},renderHTML({HTMLAttributes:e,node:t}){return["div",_.mergeAttributes(this.options.HTMLAttributes,e,p.nodeAttrsToDataset(t))]},addCommands(){return{setExcalidraw:e=>({tr:t,commands:s,chain:l})=>{var i,h,f;return e=e||{},e.data=e.data||R,((f=(h=(i=t.selection)==null?void 0:i.node)==null?void 0:h.type)==null?void 0:f.name)==this.name?s.updateAttributes(this.name,e):l().insertContent({type:this.name,attrs:e}).run()}}},addNodeView(){return p.ReactNodeViewRenderer(ee)},addInputRules(){return[_.nodeInputRule({find:/^\$excalidraw\$$/,type:this.type,getAttributes:()=>({width:"100%"})})]}});exports.Excalidraw=k;exports.triggerOpenExcalidrawSettingModal=X;

package/lib/Excalidraw-DhvtW1HZ.js

@@ -1,282 +0,0 @@
-import { N as Z, n as k, m as z } from "./index-BWx1Mchx.js";
-import { N as j, c as C, R as P, n as V, g as y } from "./dom-dataset-CHDbKz5J.js";
-import { jsxs as x, jsx as n } from "react/jsx-runtime";
-import { useState as o, useCallback as v, useEffect as T, useRef as B } from "react";
-import { w as U, x as $, A as M, y as F, z as X, F as G, B as K, K as Y } from "./RichTextEditor-Coaq773Y.js";
-import { n as q } from "./index-zcKfSGd5.js";
-import { Resizable as J } from "re-resizable";
-let I;
-function D() {
-  try {
-    return I || (I = q()), I;
-  } catch {
-    throw new Error("Error EventEmitter");
-  }
-}
-const S = "OPEN_EXCALIDRAW_SETTING_MODAL";
-function Q(e, r) {
-  D().on(e, r);
-}
-function ee(e, r) {
-  D().off(e, r);
-}
-function fe(e) {
-  D().emit(S, e);
-}
-const te = ({ editor: e }) => {
-  const [r, u] = o(null), [c, m] = o({}), [l, h] = o({ elements: [], appState: { isLoading: !1 }, files: null }), [g, a] = o(!1), [f, p] = o(!0), [w, d] = o(null), _ = v(
-    (i) => {
-      i && import("@excalidraw/excalidraw").then((t) => {
-        u(t.Excalidraw);
-      }).catch(d).finally(() => p(!1));
-    },
-    [p]
-  ), N = v((i) => {
-    setTimeout(() => {
-      i.refresh();
-    });
-  }, []), L = v((i, t, s) => {
-    m({
-      elements: i,
-      appState: { isLoading: !1 },
-      files: s
-    });
-  }, []), b = v(() => {
-    if (!r) {
-      a(!1);
-      return;
-    }
-    e.chain().focus().setExcalidraw({ data: c }).run(), a(!1);
-  }, [r, e, c, a]);
-  return T(() => {
-    const i = (t) => {
-      (t == null ? void 0 : t.editor) === e && (a(!0), t && h(t.data));
-    };
-    return Q(S, i), () => {
-      ee(S, i);
-    };
-  }, [e, a]), T(() => {
-    !f && r && g && setTimeout(() => {
-      window.dispatchEvent(new Event("resize"));
-    }, 400);
-  }, [f, r, g]), /* @__PURE__ */ x(
-    U,
-    {
-      onOpenChange: a,
-      open: g,
-      children: [
-        /* @__PURE__ */ n($, { asChild: !0, children: /* @__PURE__ */ n(
-          M,
-          {
-            action: () => a(!0),
-            icon: "Excalidraw",
-            tooltip: "Excalidraw"
-          }
-        ) }),
-        /* @__PURE__ */ x(F, { className: "richtext-z-[99999] !richtext-max-w-[1300px]", children: [
-          /* @__PURE__ */ n(X, { children: "Excalidraw" }),
-          /* @__PURE__ */ x("div", { style: { height: "100%", borderWidth: 1 }, children: [
-            f && /* @__PURE__ */ n("p", { children: "Loading..." }),
-            w && /* @__PURE__ */ n("p", { children: w && w.message || "Error" }),
-            /* @__PURE__ */ n(
-              "div",
-              {
-                ref: _,
-                style: { width: "100%", height: 600 },
-                children: !f && !w && r ? /* @__PURE__ */ n(
-                  r,
-                  {
-                    initialData: l,
-                    langCode: "en",
-                    onChange: L,
-                    ref: N
-                  }
-                ) : null
-              }
-            )
-          ] }),
-          /* @__PURE__ */ n(G, { children: /* @__PURE__ */ n(
-            K,
-            {
-              onClick: b,
-              type: "button",
-              children: "Save changes"
-            }
-          ) })
-        ] })
-      ]
-    }
-  );
-}, re = "_wrap_15k3c_1", ne = "_renderWrap_15k3c_7", ae = "_handlerWrap_15k3c_30", A = {
-  wrap: re,
-  renderWrap: ne,
-  handlerWrap: ae
-}, ie = 10, se = 200, R = 15, W = { width: "100%", height: "100%", maxWidth: "100%" };
-function oe({ editor: e, node: r, updateAttributes: u }) {
-  const c = B(null), m = e.isActive(le.name), { data: l, width: h, height: g } = r.attrs, [a, f] = o(null), [p, w] = o(!0), [d, _] = o(null), [N, L] = o(100), b = v((t) => () => {
-    L(
-      (s) => Y(t === "minus" ? s - R : s + R, ie, se)
-    );
-  }, []);
-  T(() => {
-    let t = !1;
-    return import("@excalidraw/excalidraw").then((s) => {
-      t || (c.current = s.exportToSvg);
-    }).catch((s) => !t && _(s)).finally(() => !t && w(!1)), () => {
-      t = !0;
-    };
-  }, [l]), T(() => {
-    let t = !1;
-    return (async () => {
-      if (!c.current || t || p || d || !l)
-        return;
-      const E = await c.current(l);
-      t || (E.setAttribute("width", "100%"), E.setAttribute("height", "100%"), E.setAttribute("display", "block"), f(E));
-    })(), () => {
-      t = !0;
-    };
-  }, [l, p, d]);
-  const i = (t) => {
-    u({ width: t.width, height: t.height });
-  };
-  return /* @__PURE__ */ n(j, { className: C(A.wrap, m && A.isActive), children: /* @__PURE__ */ n(
-    J,
-    {
-      size: { width: Number.parseInt(h), height: Number.parseInt(g) },
-      onResizeStop: (t, s, E, O) => {
-        i({
-          width: Number.parseInt(h) + O.width,
-          height: Number.parseInt(g) + O.height
-        });
-      },
-      children: /* @__PURE__ */ x(
-        "div",
-        {
-          className: C(A.renderWrap, "render-wrapper"),
-          style: { ...W, overflow: "hidden" },
-          children: [
-            d && /* @__PURE__ */ n("div", { style: W, children: /* @__PURE__ */ n("p", { children: d.message || d }) }),
-            p && /* @__PURE__ */ n("p", { children: "Loading..." }),
-            !p && !d && a && /* @__PURE__ */ n(
-              "div",
-              {
-                dangerouslySetInnerHTML: { __html: (a == null ? void 0 : a.outerHTML) ?? "" },
-                style: {
-                  height: "100%",
-                  maxHeight: "100%",
-                  padding: 24,
-                  overflow: "hidden",
-                  display: "flex",
-                  justifyContent: "center",
-                  alignItems: "center",
-                  transform: `scale(${N / 100})`,
-                  transition: "all ease-in-out .3s"
-                }
-              }
-            ),
-            /* @__PURE__ */ x("div", { className: A.handlerWrap, children: [
-              /* @__PURE__ */ n(
-                M,
-                {
-                  action: b("minus"),
-                  icon: "ZoomOut",
-                  tooltip: "Zoom Out"
-                }
-              ),
-              /* @__PURE__ */ n(
-                M,
-                {
-                  action: b("plus"),
-                  icon: "ZoomIn",
-                  tooltip: "Zoom In"
-                }
-              )
-            ] })
-          ]
-        }
-      )
-    }
-  ) });
-}
-const H = { elements: [] }, le = /* @__PURE__ */ Z.create({
-  name: "excalidraw",
-  group: "block",
-  selectable: !0,
-  atom: !0,
-  draggable: !0,
-  inline: !1,
-  addAttributes() {
-    return {
-      defaultShowPicker: {
-        default: !1
-      },
-      createUser: {
-        default: null
-      },
-      width: {
-        default: "100%",
-        parseHTML: y("width")
-      },
-      height: {
-        default: 240,
-        parseHTML: y("height")
-      },
-      data: {
-        default: H,
-        parseHTML: y("data", !0)
-      }
-    };
-  },
-  addOptions() {
-    var e;
-    return {
-      ...(e = this.parent) == null ? void 0 : e.call(this),
-      HTMLAttributes: {
-        class: "excalidraw"
-      },
-      button: ({ editor: r }) => ({
-        component: te,
-        componentProps: {
-          editor: r
-        }
-      })
-    };
-  },
-  parseHTML() {
-    return [
-      {
-        tag: "div[class=excalidraw]"
-      }
-    ];
-  },
-  renderHTML({ HTMLAttributes: e, node: r }) {
-    return ["div", z(this.options.HTMLAttributes, e, V(r))];
-  },
-  addCommands() {
-    return {
-      setExcalidraw: (e) => ({ tr: r, commands: u, chain: c }) => {
-        var m, l, h;
-        return e = e || {}, e.data = e.data || H, ((h = (l = (m = r.selection) == null ? void 0 : m.node) == null ? void 0 : l.type) == null ? void 0 : h.name) == this.name ? u.updateAttributes(this.name, e) : c().insertContent({
-          type: this.name,
-          attrs: e
-        }).run();
-      }
-    };
-  },
-  addNodeView() {
-    return P(oe);
-  },
-  addInputRules() {
-    return [
-      k({
-        find: /^\$excalidraw\$$/,
-        type: this.type,
-        getAttributes: () => ({ width: "100%" })
-      })
-    ];
-  }
-});
-export {
-  le as E,
-  fe as t
-};