reactjs-tiptap-editor 0.3.21 → 0.3.22

package/lib/Emoji.js

@@ -1,26 +1,26 @@
-import { a as f, N as k } from "./index-DI9T3iLd.js";
-import { c as y, a as x } from "./dom-dataset-Di3tIRrR.js";
-import { S as v } from "./index-CbQQFj2T.js";
-import j from "tippy.js";
-import { jsx as i, jsxs as l, Fragment as z } from "react/jsx-runtime";
-import { useCallback as q, forwardRef as E, useRef as N, useState as P, useEffect as u, useImperativeHandle as C } from "react";
-import { d as m, A as R, P as S, m as I, n as A } from "./RichTextEditor-DjTnd5Uu.js";
+import { a as k, N as y } from "./index-DI9T3iLd.js";
+import { c as x, a as v } from "./dom-dataset-Di3tIRrR.js";
+import { S as j } from "./index-CbQQFj2T.js";
+import z from "tippy.js";
+import { jsx as n, jsxs as l, Fragment as q } from "react/jsx-runtime";
+import { useCallback as E, useState as g, forwardRef as N, useRef as P, useEffect as u, useImperativeHandle as C } from "react";
+import { d as m, A as I, P as R, m as S, n as O } from "./RichTextEditor-CtxIf8pq.js";
 import { EmojiPicker as _ } from "frimousse";
-import { SearchIcon as H, LoaderIcon as T } from "lucide-react";
-import L from "scroll-into-view-if-needed";
-import { u as O } from "./index-Tj3Ci7xM.js";
+import { SearchIcon as A, LoaderIcon as H } from "lucide-react";
+import T from "scroll-into-view-if-needed";
+import { u as L } from "./index-Tj3Ci7xM.js";
 function $({
   className: e,
   ...a
 }) {
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ n(
     _.Root,
     {
+      "data-slot": "emoji-picker",
       className: m(
-        "richtext-bg-popover richtext-text-popover-foreground richtext-isolate richtext-flex richtext-h-full richtext-w-fit richtext-flex-col richtext-overflow-hidden richtext-rounded-md",
+        "!richtext-bg-popover !richtext-text-popover-foreground !richtext-isolate !richtext-flex richtext-h-full !richtext-w-fit !richtext-flex-col !richtext-overflow-hidden !richtext-rounded-md",
         e
       ),
-      "data-slot": "emoji-picker",
       ...a
     }
   );
@@ -32,14 +32,14 @@ function K({
   return /* @__PURE__ */ l(
     "div",
     {
-      className: m("richtext-flex richtext-h-9 richtext-items-center richtext-gap-2 richtext-border-b richtext-px-3", e),
+      className: m("!richtext-flex !richtext-h-9 !richtext-items-center !richtext-gap-2 !richtext-border-b !richtext-px-3", e),
       "data-slot": "emoji-picker-search-wrapper",
       children: [
-        /* @__PURE__ */ i(H, { className: "richtext-size-4 richtext-shrink-0 richtext-opacity-50" }),
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ n(A, { className: "!richtext-size-4 !richtext-shrink-0 !richtext-opacity-50" }),
+        /* @__PURE__ */ n(
           _.Search,
           {
-            className: "richtext-outline-hidden placeholder:richtext-text-muted-foreground richtext-flex richtext-h-10 richtext-w-full richtext-rounded-md richtext-bg-transparent richtext-py-3 richtext-text-sm disabled:richtext-cursor-not-allowed disabled:richtext-opacity-50",
+            className: "!richtext-outline-hidden !richtext-flex !richtext-h-10 !richtext-w-full !richtext-rounded-md !richtext-bg-transparent !richtext-py-3 !richtext-text-sm placeholder:!richtext-text-muted-foreground disabled:!richtext-cursor-not-allowed disabled:!richtext-opacity-50",
             "data-slot": "emoji-picker-search",
             ...a
           }
@@ -49,172 +49,179 @@ function K({
   );
 }
 function D({ children: e, ...a }) {
-  return /* @__PURE__ */ i("div", { ...a, className: "richtext-scroll-my-1 richtext-px-1", "data-slot": "emoji-picker-row", children: e });
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      ...a,
+      className: "!richtext-scroll-my-1 !richtext-px-1",
+      "data-slot": "emoji-picker-row",
+      children: e
+    }
+  );
 }
 function M({
   emoji: e,
   className: a,
-  ...o
+  ...i
 }) {
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ n(
     "button",
     {
-      ...o,
+      ...i,
+      "data-slot": "emoji-picker-emoji",
       className: m(
-        "data-[active]:richtext-bg-accent richtext-flex richtext-size-7 richtext-items-center richtext-justify-center richtext-rounded-sm richtext-text-base",
+        "data-[active]:!richtext-bg-accent !richtext-flex !richtext-size-7 !richtext-items-center !richtext-justify-center !richtext-rounded-sm !richtext-text-base",
         a
       ),
-      "data-slot": "emoji-picker-emoji",
       children: e.emoji
     }
   );
 }
-function W({
+function F({
   category: e,
   ...a
 }) {
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ n(
     "div",
     {
       ...a,
-      className: "richtext-bg-popover richtext-text-muted-foreground richtext-px-3 richtext-pb-2 richtext-pt-3.5 richtext-text-xs richtext-leading-none",
+      className: "!richtext-bg-popover !richtext-px-3 !richtext-pb-2 !richtext-pt-3.5 !richtext-text-xs !richtext-leading-none !richtext-text-muted-foreground",
       "data-slot": "emoji-picker-category-header",
       children: e.label
     }
   );
 }
-function F({
+function U({
   className: e,
   ...a
 }) {
   return /* @__PURE__ */ l(
     _.Viewport,
     {
-      className: m("richtext-outline-hidden richtext-relative richtext-flex-1", e),
+      className: m("!richtext-outline-hidden !richtext-relative !richtext-flex-1", e),
       "data-slot": "emoji-picker-viewport",
       ...a,
       children: [
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ n(
           _.Loading,
           {
-            className: "richtext-absolute richtext-inset-0 richtext-flex richtext-items-center richtext-justify-center richtext-text-muted-foreground",
+            className: "!richtext-absolute !richtext-inset-0 !richtext-flex !richtext-items-center !richtext-justify-center !richtext-text-muted-foreground",
             "data-slot": "emoji-picker-loading",
-            children: /* @__PURE__ */ i(T, { className: "richtext-size-4 richtext-animate-spin" })
+            children: /* @__PURE__ */ n(H, { className: "!richtext-size-4 !richtext-animate-spin" })
           }
         ),
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ n(
           _.Empty,
           {
-            className: "richtext-absolute richtext-inset-0 richtext-flex richtext-items-center richtext-justify-center richtext-text-muted-foreground richtext-text-sm",
+            className: "!richtext-absolute !richtext-inset-0 !richtext-flex !richtext-items-center !richtext-justify-center !richtext-text-sm !richtext-text-muted-foreground",
             "data-slot": "emoji-picker-empty",
             children: "No emoji found."
           }
         ),
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ n(
           _.List,
           {
-            className: "richtext-select-none richtext-pb-1",
+            className: "!richtext-select-none !richtext-pb-1",
+            "data-slot": "emoji-picker-list",
             components: {
               Row: D,
               Emoji: M,
-              CategoryHeader: W
-            },
-            "data-slot": "emoji-picker-list"
+              CategoryHeader: F
+            }
           }
         )
       ]
     }
   );
 }
-function U({
+function V({
   className: e,
   ...a
 }) {
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ n(
     "div",
     {
+      "data-slot": "emoji-picker-footer",
       className: m(
-        "richtext-max-w-(--frimousse-viewport-width) richtext-flex richtext-w-full richtext-min-w-0 richtext-items-center richtext-gap-1 richtext-border-t richtext-p-2",
+        "!richtext-max-w-(--frimousse-viewport-width) !richtext-flex !richtext-w-full !richtext-min-w-0 !richtext-items-center !richtext-gap-1 !richtext-border-t !richtext-p-2",
         e
       ),
-      "data-slot": "emoji-picker-footer",
       ...a,
-      children: /* @__PURE__ */ i(_.ActiveEmoji, { children: ({ emoji: o }) => o ? /* @__PURE__ */ l(z, { children: [
-        /* @__PURE__ */ i("div", { className: "richtext-flex richtext-size-7 richtext-flex-none richtext-items-center richtext-justify-center richtext-text-lg", children: o.emoji }),
-        /* @__PURE__ */ i("span", { className: "richtext-text-secondary-foreground richtext-truncate richtext-text-xs", children: o.label })
-      ] }) : /* @__PURE__ */ i("span", { className: "richtext-text-muted-foreground richtext-ml-1.5 richtext-flex richtext-h-7 richtext-items-center richtext-truncate richtext-text-xs", children: "Select an emoji…" }) })
+      children: /* @__PURE__ */ n(_.ActiveEmoji, { children: ({ emoji: i }) => i ? /* @__PURE__ */ l(q, { children: [
+        /* @__PURE__ */ n("div", { className: "!richtext-flex !richtext-size-7 !richtext-flex-none !richtext-items-center !richtext-justify-center !richtext-text-lg", children: i.emoji }),
+        /* @__PURE__ */ n("span", { className: "!richtext-truncate !richtext-text-xs !richtext-text-secondary-foreground", children: i.label })
+      ] }) : /* @__PURE__ */ n("span", { className: "!richtext-ml-1.5 !richtext-flex !richtext-h-7 !richtext-items-center !richtext-truncate !richtext-text-xs !richtext-text-muted-foreground", children: "Select an emoji…" }) })
     }
   );
 }
-function V({ onSelectEmoji: e, children: a }) {
-  return /* @__PURE__ */ l(S, { modal: !0, children: [
-    /* @__PURE__ */ i(I, { asChild: !0, children: a }),
-    /* @__PURE__ */ i(
-      A,
-      {
-        align: "start",
-        className: "richtext-size-full richtext-p-2",
-        hideWhenDetached: !0,
-        side: "bottom",
-        children: /* @__PURE__ */ l(
+function W({ onSelectEmoji: e, children: a }) {
+  const [i, o] = g(!1);
+  return /* @__PURE__ */ l(
+    R,
+    {
+      onOpenChange: o,
+      open: i,
+      children: [
+        /* @__PURE__ */ n(S, { asChild: !0, children: a }),
+        /* @__PURE__ */ n(O, { className: "!richtext-w-fit !richtext-p-0", children: /* @__PURE__ */ l(
           $,
           {
             className: "!richtext-h-[342px]",
-            onEmojiSelect: ({ emoji: o }) => {
-              e(o);
+            onEmojiSelect: ({ emoji: t }) => {
+              o(!1), e(t);
             },
             children: [
-              /* @__PURE__ */ i(K, {}),
-              /* @__PURE__ */ i(F, {}),
-              /* @__PURE__ */ i(U, {})
+              /* @__PURE__ */ n(K, {}),
+              /* @__PURE__ */ n(U, {}),
+              /* @__PURE__ */ n(V, {})
             ]
           }
-        )
-      }
-    )
-  ] });
+        ) })
+      ]
+    }
+  );
 }
-function B({ editor: e, icon: a, ...o }) {
-  const n = q(
+function B({ editor: e, icon: a, ...i }) {
+  const o = E(
     (t) => {
       const { selection: d } = e.state, { $anchor: h } = d;
       return e.chain().insertContentAt(h.pos, t).run();
     },
     [e]
   );
-  return /* @__PURE__ */ i(V, { onSelectEmoji: n, children: /* @__PURE__ */ i(
-    R,
+  return /* @__PURE__ */ n(W, { onSelectEmoji: o, children: /* @__PURE__ */ n(
+    I,
     {
       icon: a,
-      tooltip: o == null ? void 0 : o.tooltip
+      tooltip: i == null ? void 0 : i.tooltip
     }
   ) });
 }
-const g = E((e, a) => {
-  const o = N(null), [n, t] = P(0), { t: d } = O(), h = (r) => {
+const p = N((e, a) => {
+  const i = P(null), [o, t] = g(0), { t: d } = L(), h = (r) => {
     const s = e.items[r];
     s && e.command(s);
-  }, p = () => {
-    t((n + e.items.length - 1) % e.items.length);
   }, b = () => {
-    t((n + 1) % e.items.length);
+    t((o + e.items.length - 1) % e.items.length);
   }, w = () => {
-    h(n);
+    t((o + 1) % e.items.length);
+  }, f = () => {
+    h(o);
   };
   return u(() => t(0), [e.items]), u(() => {
-    if (Number.isNaN(n + 1))
+    if (Number.isNaN(o + 1))
       return;
-    const r = o.current.querySelector(`span:nth-of-type(${n + 1})`);
-    r && L(r, { behavior: "smooth", scrollMode: "if-needed" });
-  }, [n]), C(a, () => ({
-    onKeyDown: ({ event: r }) => r.key === "ArrowUp" ? (p(), !0) : r.key === "ArrowDown" ? (b(), !0) : r.key === "Enter" ? (w(), !0) : !1
-  })), /* @__PURE__ */ i("div", { className: "richtext-max-h-[320px] richtext-w-[200px] richtext-overflow-y-auto richtext-overflow-x-hidden richtext-rounded-sm !richtext-border richtext-bg-popover richtext-p-1 richtext-text-popover-foreground richtext-shadow-md richtext-outline-none", children: /* @__PURE__ */ i("div", { ref: o, children: e.items.length > 0 ? e.items.map((r, s) => /* @__PURE__ */ l(
+    const r = i.current.querySelector(`span:nth-of-type(${o + 1})`);
+    r && T(r, { behavior: "smooth", scrollMode: "if-needed" });
+  }, [o]), C(a, () => ({
+    onKeyDown: ({ event: r }) => r.key === "ArrowUp" ? (b(), !0) : r.key === "ArrowDown" ? (w(), !0) : r.key === "Enter" ? (f(), !0) : !1
+  })), /* @__PURE__ */ n("div", { className: "richtext-max-h-[320px] richtext-w-[200px] richtext-overflow-y-auto richtext-overflow-x-hidden richtext-rounded-sm !richtext-border richtext-bg-popover richtext-p-1 richtext-text-popover-foreground richtext-shadow-md richtext-outline-none", children: /* @__PURE__ */ n("div", { ref: i, children: e.items.length > 0 ? e.items.map((r, s) => /* @__PURE__ */ l(
     "span",
     {
-      className: y(" richtext-relative richtext-flex  richtext-cursor-default richtext-select-none richtext-items-center richtext-rounded-sm richtext-px-2 richtext-py-1.5 richtext-text-sm richtext-outline-none richtext-transition-colors hover:richtext-bg-accent focus:richtext-bg-accent  focus:richtext-text-accent-foreground", s === n ? "bg-accent" : ""),
+      className: x(" richtext-relative richtext-flex  richtext-cursor-default richtext-select-none richtext-items-center richtext-rounded-sm richtext-px-2 richtext-py-1.5 richtext-text-sm richtext-outline-none richtext-transition-colors hover:richtext-bg-accent focus:richtext-bg-accent  focus:richtext-text-accent-foreground", s === o ? "bg-accent" : ""),
       onClick: () => h(s),
       children: [
-        r.fallbackImage ? /* @__PURE__ */ i(
+        r.fallbackImage ? /* @__PURE__ */ n(
           "img",
           {
             className: "richtext-size-[1em]",
@@ -227,9 +234,9 @@ const g = E((e, a) => {
       ]
     },
     `emoji-list-code-${s}`
-  )) : /* @__PURE__ */ i("div", { className: "richtext-relative richtext-flex  richtext-cursor-default richtext-select-none richtext-items-center richtext-rounded-sm richtext-px-2 richtext-py-1.5 richtext-text-sm richtext-outline-none richtext-transition-colors", children: /* @__PURE__ */ i("span", { children: d("no_result_found") }) }) }) });
+  )) : /* @__PURE__ */ n("div", { className: "richtext-relative richtext-flex  richtext-cursor-default richtext-select-none richtext-items-center richtext-rounded-sm richtext-px-2 richtext-py-1.5 richtext-text-sm richtext-outline-none richtext-transition-colors", children: /* @__PURE__ */ n("span", { children: d("no_result_found") }) }) }) });
 });
-g.displayName = "EmojiList";
+p.displayName = "EmojiList";
 const c = {
   100: "💯",
   1234: "🔢",
@@ -2070,8 +2077,8 @@ const c = {
   scotland: "🏴󠁧󠁢󠁳󠁣󠁴󠁿",
   wales: "🏴󠁧󠁢󠁷󠁬󠁳󠁿"
 }, le = Object.keys(c).reduce((e, a) => {
-  const o = c[a];
-  return e[o] = a, e;
+  const i = c[a];
+  return e[i] = a, e;
 }, {}), G = Object.keys(c).map((e) => e);
 Object.keys(c).map((e) => c[e]);
 function X(e) {
@@ -2080,7 +2087,7 @@ function X(e) {
     emoji: c[a]
   }));
 }
-const Y = 200, J = new f("emoji"), ce = /* @__PURE__ */ k.create({
+const Y = 200, J = new k("emoji"), ce = /* @__PURE__ */ y.create({
   name: "emoji",
   content: "text*",
   priority: Y,
@@ -2092,11 +2099,11 @@ const Y = 200, J = new f("emoji"), ce = /* @__PURE__ */ k.create({
       suggestion: {
         char: ":",
         pluginKey: J,
-        command: ({ editor: a, range: o, props: n }) => {
-          a.chain().focus().insertContentAt(o, `${n.emoji} `).run();
+        command: ({ editor: a, range: i, props: o }) => {
+          a.chain().focus().insertContentAt(i, `${o.emoji} `).run();
         }
       },
-      button: ({ editor: a, t: o }) => ({
+      button: ({ editor: a, t: i }) => ({
         component: B,
         componentProps: {
           editor: a,
@@ -2105,7 +2112,7 @@ const Y = 200, J = new f("emoji"), ce = /* @__PURE__ */ k.create({
           isActive: () => !1,
           disabled: !1,
           icon: "EmojiIcon",
-          tooltip: o("editor.emoji.tooltip")
+          tooltip: i("editor.emoji.tooltip")
         }
       })
     };
@@ -2117,7 +2124,7 @@ const Y = 200, J = new f("emoji"), ce = /* @__PURE__ */ k.create({
   },
   addProseMirrorPlugins() {
     return [
-      v({
+      j({
         editor: this.editor,
         ...this.options.suggestion
       })
@@ -2127,14 +2134,14 @@ const Y = 200, J = new f("emoji"), ce = /* @__PURE__ */ k.create({
   suggestion: {
     items: ({ query: e }) => X(e),
     render: () => {
-      let e, a, o;
+      let e, a, i;
       return {
-        onStart: (n) => {
-          o = n.editor.isEditable, o && (e = new x(g, {
-            props: n,
-            editor: n.editor
-          }), a = j("body", {
-            getReferenceClientRect: n.clientRect,
+        onStart: (o) => {
+          i = o.editor.isEditable, i && (e = new v(p, {
+            props: o,
+            editor: o.editor
+          }), a = z("body", {
+            getReferenceClientRect: o.clientRect,
             appendTo: () => document.body,
             content: e.element,
             showOnCreate: !0,
@@ -2143,18 +2150,18 @@ const Y = 200, J = new f("emoji"), ce = /* @__PURE__ */ k.create({
             placement: "bottom-start"
           }));
         },
-        onUpdate(n) {
-          o && (e.updateProps(n), a[0].setProps({
-            getReferenceClientRect: n.clientRect
+        onUpdate(o) {
+          i && (e.updateProps(o), a[0].setProps({
+            getReferenceClientRect: o.clientRect
           }));
         },
-        onKeyDown(n) {
+        onKeyDown(o) {
           var t;
-          if (o)
-            return n.event.key === "Escape" ? (a[0].hide(), !0) : (t = e.ref) == null ? void 0 : t.onKeyDown(n);
+          if (i)
+            return o.event.key === "Escape" ? (a[0].hide(), !0) : (t = e.ref) == null ? void 0 : t.onKeyDown(o);
         },
         onExit() {
-          o && (a[0].destroy(), e.destroy());
+          i && (a[0].destroy(), e.destroy());
         }
       };
     }

package/lib/{Excalidraw-frMX4K62.js → Excalidraw-AIzEaOzF.js}

@@ -2,7 +2,7 @@ import { N as Z, n as k, m as z } from "./index-DI9T3iLd.js";
 import { N as P, c as C, R as j, n as V, g as y } from "./dom-dataset-Di3tIRrR.js";
 import { jsxs as w, jsx as n } from "react/jsx-runtime";
 import { useMemo as B, useState as o, useCallback as f, useEffect as A, useRef as U } from "react";
-import { w as $, x as F, A as M, y as X, z as G, F as K, B as Y, K as q } from "./RichTextEditor-DjTnd5Uu.js";
+import { w as $, x as F, A as M, y as X, z as G, F as K, B as Y, K as q } from "./RichTextEditor-CtxIf8pq.js";
 import { n as J } from "./index-Tj3Ci7xM.js";
 import { Resizable as Q } from "re-resizable";
 let I;

package/lib/{Excalidraw-Be_GDV4Q.cjs → Excalidraw-DOJiMnFl.cjs}

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

package/lib/Excalidraw.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./index-ByRfqzMr.cjs");require("./dom-dataset-Byuf1YmW.cjs");const e=require("./Excalidraw-Be_GDV4Q.cjs");exports.Excalidraw=e.Excalidraw;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./index-ByRfqzMr.cjs");require("./dom-dataset-Byuf1YmW.cjs");const e=require("./Excalidraw-DOJiMnFl.cjs");exports.Excalidraw=e.Excalidraw;

package/lib/Excalidraw.d.cts

@@ -45,11 +45,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;
         };
     }
 }
@@ -57,9 +55,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;
         };
     }
 }
@@ -110,6 +110,21 @@ declare module '@tiptap/core' {
 }
 
 
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        iframe: {
+            /**
+             * Add an iframe
+             */
+            setIframe: (options: {
+                src: string;
+                service: string;
+            }) => ReturnType;
+        };
+    }
+}
+
+
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         imageUpload: {
@@ -130,21 +145,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        iframe: {
-            /**
-             * Add an iframe
-             */
-            setIframe: (options: {
-                src: string;
-                service: string;
-            }) => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         imageGifUpload: {
@@ -183,9 +183,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        lineHeight: {
-            setLineHeight: (lineHeight: string) => ReturnType;
-            unsetLineHeight: () => ReturnType;
+        katex: {
+            setKatex: (arg?: IKatexAttrs) => ReturnType;
         };
     }
 }
@@ -193,8 +192,9 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        katex: {
-            setKatex: (arg?: IKatexAttrs) => ReturnType;
+        lineHeight: {
+            setLineHeight: (lineHeight: string) => ReturnType;
+            unsetLineHeight: () => ReturnType;
         };
     }
 }
@@ -251,14 +251,15 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        twitter: {
+        video: {
             /**
-             * Insert a tweet
-             * @param options The tweet attributes
-             * @example editor.commands.setTweet({ src: 'https://x.com/seanpk/status/1800145949580517852' })
+             * Add an video
              */
-            setTweet: (options: SetTweetOptions) => ReturnType;
-            updateTweet: (options: SetTweetOptions) => ReturnType;
+            setVideo: (options: Partial<SetVideoOptions>) => ReturnType;
+            /**
+             * Update an video
+             */
+            updateVideo: (options: Partial<SetVideoOptions>) => ReturnType;
         };
     }
 }
@@ -266,15 +267,14 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        video: {
-            /**
-             * Add an video
-             */
-            setVideo: (options: Partial<SetVideoOptions>) => ReturnType;
+        twitter: {
             /**
-             * Update an video
+             * Insert a tweet
+             * @param options The tweet attributes
+             * @example editor.commands.setTweet({ src: 'https://x.com/seanpk/status/1800145949580517852' })
              */
-            updateVideo: (options: Partial<SetVideoOptions>) => ReturnType;
+            setTweet: (options: SetTweetOptions) => ReturnType;
+            updateTweet: (options: SetTweetOptions) => ReturnType;
         };
     }
 }