@remarkablejames/editor 0.0.2 → 0.0.4

package/lib/{Drawer-DvGh9aXG.js → Drawer-mlmJ2nCT.js}

@@ -1,15 +1,9 @@
-import { h as oe, _ as X, m as le, k as ne } from "./clsx-m_C5j3RU.js";
-import { a as K, c as ie } from "./throttle-CRNq0z-O.js";
+import { h as oe, $ as X, m as le, k as ne } from "./clsx-CDyrfCnw.js";
+import { F as Y, x as ie, c as g, h as se, u as ae, d as ce, D as he, m as de, A as ue, n as ge, o as me, p as pe, B as we, Y as ve, J as fe } from "./index-8B00E8e4.js";
 import { jsx as e, jsxs as y, Fragment as j } from "react/jsx-runtime";
-import { useState as H, useMemo as G, useCallback as q, useEffect as U, useRef as Q } from "react";
-import { I as Y, i as J, j as se } from "./index-4Q5IhypJ.js";
-import { m as ae, f as ce, u as he, c as de } from "./useButtonProps-BE10eHkG.js";
-import { Color4 as m, Editor as ue, makeDropdownToolbar as ge } from "easydrawer";
-import { A as me } from "./toggle-DoJTBdvy.js";
-import { D as pe, a as we, b as ve, c as fe, d as Ce } from "./dialog-QWWUWOGP.js";
-import { c as g } from "./index-CAiZY1nx.js";
-import { d as Te } from "./file-BLas99n7.js";
-import { B as be } from "./button-CDIxPURh.js";
+import { useState as H, useMemo as G, useCallback as q, useEffect as $, useRef as J } from "react";
+import { I as K, i as Q, j as Ce } from "./index-DZfkCNKr.js";
+import { Color4 as m, Editor as Te, makeDropdownToolbar as be } from "easydrawer";
 const W = {
   TOP_LEFT: "tl",
   TOP_RIGHT: "tr",
@@ -18,8 +12,8 @@ const W = {
 };
 function xe({ editor: t, node: r, updateAttributes: o, getPos: n, selected: v }) {
   const [b, M] = H({
-    width: Y,
-    height: Y
+    width: K,
+    height: K
   }), [d, a] = H({
     width: 0,
     height: 0
@@ -59,13 +53,13 @@ function xe({ editor: t, node: r, updateAttributes: o, getPos: n, selected: v })
   const P = q(() => {
     t.commands.setNodeSelection(n());
   }, []), D = q(
-    K(() => {
+    Y(() => {
       const { width: u } = getComputedStyle(t.view.dom);
       M((N) => ({
         ...N,
         width: Number.parseInt(u, 10)
       }));
-    }, J),
+    }, Q),
     [t]
   );
   function V(u, N) {
@@ -82,15 +76,15 @@ function xe({ editor: t, node: r, updateAttributes: o, getPos: n, selected: v })
     });
   }
   const p = q(
-    K((u) => {
+    Y((u) => {
       if (u.preventDefault(), u.stopPropagation(), !x)
         return;
-      const { x: N, w: L, dir: _ } = c, z = (u.clientX - N) * (/l/.test(_) ? -1 : 1), { width: f, height: A } = r == null ? void 0 : r.attrs, E = f / A, Z = ae(L + z, se, b.width), re = Math.round(Z / E);
+      const { x: N, w: L, dir: _ } = c, z = (u.clientX - N) * (/l/.test(_) ? -1 : 1), { width: f, height: A } = r == null ? void 0 : r.attrs, E = f / A, Z = ie(L + z, Ce, b.width), re = Math.round(Z / E);
       o({
         width: Z,
         height: re
       });
-    }, J),
+    }, Q),
     [x, c, b, o, r == null ? void 0 : r.attrs]
   ), s = q(
     (u) => {
@@ -108,11 +102,11 @@ function xe({ editor: t, node: r, updateAttributes: o, getPos: n, selected: v })
   }, [p, s]), k = q(() => {
     document == null || document.removeEventListener("mousemove", p, !0), document == null || document.removeEventListener("mouseup", s, !0);
   }, [p, s]);
-  U(() => (x ? w() : k(), () => {
+  $(() => (x ? w() : k(), () => {
     k();
   }), [x, w, k]);
   const R = G(() => new ResizeObserver(() => D()), [D]);
-  return U(() => (R.observe(t.view.dom), () => {
+  return $(() => (R.observe(t.view.dom), () => {
     R.disconnect();
   }), [t.view.dom, R]), /* @__PURE__ */ e(
     oe,
@@ -356,7 +350,7 @@ function Ge(t) {
     }
   ) });
 }
-function Ue(t) {
+function $e(t) {
   return /* @__PURE__ */ e("svg", { height: "1em", viewBox: "0 0 24 24", width: "1em", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e(
     "path",
     {
@@ -365,7 +359,7 @@ function Ue(t) {
     }
   ) });
 }
-function $e(t) {
+function Ue(t) {
   return /* @__PURE__ */ e("svg", { height: "1em", viewBox: "0 0 24 24", width: "1em", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e(
     "path",
     {
@@ -385,13 +379,13 @@ function je(t) {
     }
   ) });
 }
-const Ze = "_wrapper_pva9d_1", Xe = "_tool_pva9d_17", Ke = "_active_pva9d_37", Qe = "_pen_pva9d_41", Ye = "_line_pva9d_48", Je = "_options_pva9d_56", et = "_colorWrap_pva9d_66", tt = "_color_pva9d_66", rt = "_colorActive_pva9d_83", l = {
+const Ze = "_wrapper_pva9d_1", Xe = "_tool_pva9d_17", Ye = "_active_pva9d_37", Je = "_pen_pva9d_41", Ke = "_line_pva9d_48", Qe = "_options_pva9d_56", et = "_colorWrap_pva9d_66", tt = "_color_pva9d_66", rt = "_colorActive_pva9d_83", l = {
   wrapper: Ze,
   tool: Xe,
-  active: Ke,
-  pen: Qe,
-  line: Ye,
-  options: Je,
+  active: Ye,
+  pen: Je,
+  line: Ke,
+  options: Qe,
   colorWrap: et,
   color: tt,
   colorActive: rt
@@ -435,7 +429,7 @@ function lt({ onChange: t }) {
     v
   )) });
 }
-function $({ onChange: t }) {
+function U({ onChange: t }) {
   const [r, o] = H(m.black);
   return /* @__PURE__ */ y(j, { children: [
     /* @__PURE__ */ e("div", { className: l.colorWrap, children: ee.slice(0, 7).map((n, v) => /* @__PURE__ */ e(
@@ -469,7 +463,7 @@ function $({ onChange: t }) {
 function nt({ setColorPen: t, setThicknessPen: r }) {
   const [o, n] = H(2);
   return /* @__PURE__ */ y("div", { className: l.options, children: [
-    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e($, { onChange: (v) => t(v) }) }),
+    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(U, { onChange: (v) => t(v) }) }),
     /* @__PURE__ */ e("div", { className: l.line }),
     /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
       "input",
@@ -491,9 +485,9 @@ function it({ setColorHighlight: t }) {
 }
 function st({ changeColorShape: t, changeBorderColorShape: r, onThicknessChange: o }) {
   return /* @__PURE__ */ y("div", { className: l.options, children: [
-    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e($, { onChange: (n) => t(n) }) }),
+    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(U, { onChange: (n) => t(n) }) }),
     /* @__PURE__ */ e("div", { className: l.line }),
-    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e($, { onChange: (n) => r(n) }) }),
+    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(U, { onChange: (n) => r(n) }) }),
     /* @__PURE__ */ e("div", { className: l.line }),
     /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
       "input",
@@ -815,7 +809,7 @@ function at(t) {
               /* star */
             );
           },
-          children: /* @__PURE__ */ e(Ue, {})
+          children: /* @__PURE__ */ e($e, {})
         }
       ),
       /* @__PURE__ */ e(
@@ -835,7 +829,7 @@ function at(t) {
               /* cloud */
             );
           },
-          children: /* @__PURE__ */ e($e, {})
+          children: /* @__PURE__ */ e(Ue, {})
         }
       ),
       /* @__PURE__ */ e(
@@ -882,17 +876,17 @@ function ct(t = 8) {
   return Math.random().toString(36).substring(2, t + 2);
 }
 let I = !1;
-function yt() {
-  const t = ce(), r = he(ht.name), { isActive: o = void 0, upload: n } = (r == null ? void 0 : r.componentProps) ?? {}, { editorDisabled: v } = de(o), [b, M] = H(!1), d = Q(null), a = Q(null), S = () => {
+function vt() {
+  const t = se(), r = ae(ht.name), { isActive: o = void 0, upload: n } = (r == null ? void 0 : r.componentProps) ?? {}, { editorDisabled: v } = ce(o), [b, M] = H(!1), d = J(null), a = J(null), S = () => {
     (async () => {
       const s = document.querySelector("#easydrawer");
-      s && (d.current = new ue(s, {
+      s && (d.current = new Te(s, {
         wheelEventsEnabled: !1,
         disableZoom: !0
-      }), a.current = ge(d.current), a.current.addDefaultToolWidgets());
+      }), a.current = be(d.current), a.current.addDefaultToolWidgets());
     })();
   };
-  U(() => {
+  $(() => {
     b && setTimeout(() => {
       S();
     }, 200);
@@ -902,7 +896,7 @@ function yt() {
       const p = d.current.toSVG(), s = p.outerHTML, w = `drawer-${ct()}.svg`;
       let k = Ee(p.outerHTML);
       if (n) {
-        const R = Te(k, w);
+        const R = ve(k, w);
         k = await n(R);
       }
       t == null || t.chain().focus().setDrawer(
@@ -955,9 +949,9 @@ function yt() {
       I = !0;
     }
   };
-  return r ? /* @__PURE__ */ y(pe, { onOpenChange: M, open: b, children: [
-    /* @__PURE__ */ e(we, { asChild: !0, children: /* @__PURE__ */ e(
-      me,
+  return r ? /* @__PURE__ */ y(he, { onOpenChange: M, open: b, children: [
+    /* @__PURE__ */ e(de, { asChild: !0, children: /* @__PURE__ */ e(
+      ue,
       {
         disabled: v,
         action: () => {
@@ -967,8 +961,8 @@ function yt() {
         tooltip: "Drawer"
       }
     ) }),
-    /* @__PURE__ */ y(ve, { className: "richtext-z-[99999] !richtext-max-w-[1300px]", children: [
-      /* @__PURE__ */ e(fe, { children: "Drawer" }),
+    /* @__PURE__ */ y(ge, { className: "richtext-z-[99999] !richtext-max-w-[1300px]", children: [
+      /* @__PURE__ */ e(me, { children: "Drawer" }),
       /* @__PURE__ */ y(
         "div",
         {
@@ -1000,11 +994,11 @@ function yt() {
           ]
         }
       ),
-      /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ e(be, { onClick: x, type: "button", children: "Save changes" }) })
+      /* @__PURE__ */ e(pe, { children: /* @__PURE__ */ e(we, { onClick: x, type: "button", children: "Save changes" }) })
     ] })
   ] }) : /* @__PURE__ */ e(j, {});
 }
-const ht = /* @__PURE__ */ ie.extend({
+const ht = /* @__PURE__ */ fe.extend({
   name: "richTextDrawer",
   //@ts-expect-error
   addOptions() {
@@ -1125,7 +1119,7 @@ const ht = /* @__PURE__ */ ie.extend({
 export {
   at as C,
   ht as D,
-  yt as R,
+  vt as R,
   Ee as i,
   ct as s
 };

package/lib/Drawer.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./clsx-CXbNJWDD.cjs");require("./throttle-gTTvqDTW.cjs");const e=require("./Drawer-gz9U5ArC.cjs");exports.Drawer=e.Drawer;exports.RichTextDrawer=e.RichTextDrawer;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./clsx-CXbNJWDD.cjs");require("./index-Bt9LiArC.cjs");const e=require("./Drawer-CdQBnwUs.cjs");exports.Drawer=e.Drawer;exports.RichTextDrawer=e.RichTextDrawer;

package/lib/Drawer.js

@@ -1,6 +1,6 @@
-import "./clsx-m_C5j3RU.js";
-import "./throttle-CRNq0z-O.js";
-import { D as t, R as i } from "./Drawer-DvGh9aXG.js";
+import "./clsx-CDyrfCnw.js";
+import "./index-8B00E8e4.js";
+import { D as t, R as i } from "./Drawer-mlmJ2nCT.js";
 export {
   t as Drawer,
   i as RichTextDrawer