erl-mathtextx-editor 0.3.0 → 0.3.2

package/dist/{CellPropertiesDialogImpl-DroCD-qw.js → CellPropertiesDialogImpl-CgRJUUSC.js}

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as l } from "react/jsx-runtime";
 import V, { useId as B, useRef as M, useCallback as b, useState as d, useEffect as A } from "react";
-import { u as $ } from "./index-7QYcLP1s.js";
+import { u as $ } from "./index-CHqs4QOj.js";
 import { u as I } from "./useDraggable-DEoLIB5k.js";
 const P = V.memo(({
   isOpen: o,

package/dist/{ImageInsertDialog-BprAxxIR.js → ImageInsertDialog-DbUscLs1.js}

@@ -1,24 +1,24 @@
-import { jsxs as i, Fragment as J, jsx as e } from "react/jsx-runtime";
-import { useId as V, useRef as y, useState as d, useCallback as s } from "react";
-import { u as q } from "./index-7QYcLP1s.js";
-function Z({
-  isOpen: U,
-  onClose: w,
+import { jsxs as l, Fragment as q, jsx as e } from "react/jsx-runtime";
+import { useId as H, useRef as w, useState as d, useCallback as o } from "react";
+import { u as Q, l as X, U as Y } from "./index-CHqs4QOj.js";
+function ia({
+  isOpen: N,
+  onClose: R,
   onInsert: u,
-  onImageUpload: v
+  onImageUpload: f
 }) {
-  const N = V(), R = y(null), [p, L] = d(v ? "upload" : "url"), [r, D] = d(""), [g, C] = d(""), [B, h] = d(!1), [T, k] = d(!1), [f, c] = d(null), [P, l] = d(""), F = y(null), m = y(null), j = s(() => {
-    m.current && (URL.revokeObjectURL(m.current), m.current = null), D(""), C(""), c(null), l(""), k(!1), h(!1);
-  }, []), t = s(() => {
-    j(), w();
-  }, [w, j]);
-  q({ isOpen: U, dialogRef: R, onClose: t });
-  const A = async (a) => {
+  const D = H(), L = w(null), [p, P] = d(f ? "upload" : "url"), [t, C] = d(""), [g, F] = d(""), [T, b] = d(!1), [A, y] = d(!1), [_, c] = d(null), [j, r] = d(""), [G, v] = d(null), E = w(null), m = w(null), S = o(() => {
+    m.current && (URL.revokeObjectURL(m.current), m.current = null), C(""), F(""), c(null), r(""), v(null), y(!1), b(!1);
+  }, []), n = o(() => {
+    S(), R();
+  }, [R, S]);
+  Q({ isOpen: N, dialogRef: L, onClose: n });
+  const I = async (a) => {
     if (!["image/png", "image/jpeg", "image/jpg", "image/gif", "image/webp"].includes(a.type))
       return { valid: !1, error: "File harus berupa gambar (JPG, PNG, GIF, WebP)" };
     if (a.size > 10 * 1024 * 1024)
       return { valid: !1, error: "Ukuran file maksimal 10MB" };
-    const _ = {
+    const x = {
       "image/png": [[137, 80, 78, 71]],
       "image/jpeg": [[255, 216, 255]],
       "image/jpg": [[255, 216, 255]],
@@ -26,106 +26,107 @@ function Z({
       "image/webp": [[82, 73, 70, 70]]
     };
     try {
-      const o = await a.slice(0, 8).arrayBuffer(), x = new Uint8Array(o), S = _[a.type];
-      if (!S)
+      const i = await a.slice(0, 8).arrayBuffer(), h = new Uint8Array(i), U = x[a.type];
+      if (!U)
         return { valid: !1, error: "Format gambar tidak dikenali" };
-      if (!S.some(
-        (W) => W.every(($, z) => x[z] === $)
+      if (!U.some(
+        (z) => z.every((J, V) => h[V] === J)
       ))
         return { valid: !1, error: "File signature tidak valid. Kemungkinan file rusak atau mencurigakan." };
     } catch {
       return { valid: !1, error: "Gagal memvalidasi file" };
     }
     return { valid: !0 };
-  }, b = s(
+  }, k = o(
     async (a) => {
-      const n = await A(a);
-      if (!n.valid) {
-        l(n.error);
+      const s = await I(a);
+      if (!s.valid) {
+        r(s.error);
         return;
       }
-      l(""), m.current && URL.revokeObjectURL(m.current);
-      const _ = URL.createObjectURL(a);
-      if (m.current = _, c(_), v) {
-        k(!0);
+      r(""), v(null), m.current && URL.revokeObjectURL(m.current);
+      const x = URL.createObjectURL(a);
+      if (m.current = x, c(x), f) {
+        y(!0);
         try {
-          const o = await v(a);
-          if (!o)
+          const i = await f(a);
+          if (!i)
             throw new Error("Upload gagal: URL tidak valid");
-          u(o, g || a.name), t();
-        } catch {
-          l("Upload gagal. Silakan coba lagi."), c(null);
+          u(i, g || a.name), n();
+        } catch (i) {
+          const h = i instanceof Error ? i.message : "Upload gagal", U = X("Image insert upload failed", i);
+          r(`Upload gagal: ${h}`), v(U), c(null);
         } finally {
-          k(!1);
+          y(!1);
         }
       } else {
-        const o = new FileReader();
-        o.onload = () => {
-          const x = o.result;
-          u(x, g || a.name), t();
-        }, o.readAsDataURL(a);
+        const i = new FileReader();
+        i.onload = () => {
+          const h = i.result;
+          u(h, g || a.name), n();
+        }, i.readAsDataURL(a);
       }
     },
-    [v, u, g, t]
-  ), M = s(
+    [f, u, g, n]
+  ), M = o(
     (a) => {
-      const n = a.target.files?.[0];
-      n && b(n);
+      const s = a.target.files?.[0];
+      s && k(s);
     },
-    [b]
-  ), I = s((a) => {
-    a.preventDefault(), a.stopPropagation(), h(!0);
-  }, []), E = s((a) => {
-    a.preventDefault(), a.stopPropagation(), h(!1);
-  }, []), O = s(
+    [k]
+  ), O = o((a) => {
+    a.preventDefault(), a.stopPropagation(), b(!0);
+  }, []), $ = o((a) => {
+    a.preventDefault(), a.stopPropagation(), b(!1);
+  }, []), K = o(
     (a) => {
-      a.preventDefault(), a.stopPropagation(), h(!1);
-      const n = a.dataTransfer.files?.[0];
-      n && b(n);
+      a.preventDefault(), a.stopPropagation(), b(!1);
+      const s = a.dataTransfer.files?.[0];
+      s && k(s);
     },
-    [b]
-  ), G = s(() => {
-    if (!r.trim()) {
-      l("Masukkan URL gambar");
+    [k]
+  ), B = o(() => {
+    if (!t.trim()) {
+      r("Masukkan URL gambar");
       return;
     }
     try {
-      new URL(r);
+      new URL(t);
     } catch {
-      l("URL tidak valid");
+      r("URL tidak valid");
       return;
     }
-    u(r.trim(), g || void 0), t();
-  }, [r, g, u, t]), K = s(() => {
-    if (r.trim())
+    u(t.trim(), g || void 0), n();
+  }, [t, g, u, n]), W = o(() => {
+    if (t.trim())
       try {
-        new URL(r), c(r.trim()), l("");
+        new URL(t), c(t.trim()), r("");
       } catch {
-        l("URL tidak valid");
+        r("URL tidak valid");
       }
-  }, [r]);
-  return U ? /* @__PURE__ */ i(J, { children: [
-    /* @__PURE__ */ e("div", { className: "mtx-dialog-overlay", onClick: t }),
-    /* @__PURE__ */ i("div", { className: "mtx-image-dialog", ref: R, role: "dialog", "aria-modal": "true", "aria-labelledby": N, tabIndex: -1, children: [
-      /* @__PURE__ */ i("div", { className: "mtx-image-dialog__header", children: [
-        /* @__PURE__ */ e("h3", { id: N, children: "Sisipkan Gambar" }),
+  }, [t]);
+  return N ? /* @__PURE__ */ l(q, { children: [
+    /* @__PURE__ */ e("div", { className: "mtx-dialog-overlay", onClick: n }),
+    /* @__PURE__ */ l("div", { className: "mtx-image-dialog", ref: L, role: "dialog", "aria-modal": "true", "aria-labelledby": D, tabIndex: -1, children: [
+      /* @__PURE__ */ l("div", { className: "mtx-image-dialog__header", children: [
+        /* @__PURE__ */ e("h3", { id: D, children: "Sisipkan Gambar" }),
         /* @__PURE__ */ e(
           "button",
           {
             className: "mtx-image-dialog__close",
-            onClick: t,
+            onClick: n,
             "aria-label": "Tutup",
             children: "✕"
           }
         )
       ] }),
-      /* @__PURE__ */ i("div", { className: "mtx-image-dialog__tabs", children: [
+      /* @__PURE__ */ l("div", { className: "mtx-image-dialog__tabs", children: [
         /* @__PURE__ */ e(
           "button",
           {
             className: `mtx-image-dialog__tab ${p === "upload" ? "is-active" : ""}`,
             onClick: () => {
-              L("upload"), l(""), c(null);
+              P("upload"), r(""), v(null), c(null);
             },
             children: "📁 Upload File"
           }
@@ -135,42 +136,42 @@ function Z({
           {
             className: `mtx-image-dialog__tab ${p === "url" ? "is-active" : ""}`,
             onClick: () => {
-              L("url"), l(""), c(null);
+              P("url"), r(""), v(null), c(null);
             },
             children: "🔗 URL"
           }
         )
       ] }),
-      /* @__PURE__ */ i("div", { className: "mtx-image-dialog__body", children: [
-        p === "upload" && /* @__PURE__ */ i(
+      /* @__PURE__ */ l("div", { className: "mtx-image-dialog__body", children: [
+        p === "upload" && /* @__PURE__ */ l(
           "div",
           {
-            className: `mtx-image-dialog__dropzone ${B ? "is-dragging" : ""}`,
-            onDragOver: I,
-            onDragLeave: E,
-            onDrop: O,
-            onClick: () => F.current?.click(),
+            className: `mtx-image-dialog__dropzone ${T ? "is-dragging" : ""}`,
+            onDragOver: O,
+            onDragLeave: $,
+            onDrop: K,
+            onClick: () => E.current?.click(),
             children: [
               /* @__PURE__ */ e(
                 "input",
                 {
-                  ref: F,
+                  ref: E,
                   type: "file",
                   accept: "image/*",
                   onChange: M,
                   style: { display: "none" }
                 }
               ),
-              T ? /* @__PURE__ */ i("div", { className: "mtx-image-dialog__uploading", children: [
+              A ? /* @__PURE__ */ l("div", { className: "mtx-image-dialog__uploading", children: [
                 /* @__PURE__ */ e("div", { className: "mtx-spinner" }),
                 /* @__PURE__ */ e("p", { children: "Mengupload gambar..." })
-              ] }) : f ? /* @__PURE__ */ e("div", { className: "mtx-image-dialog__preview", children: /* @__PURE__ */ e("img", { src: f, alt: "Preview" }) }) : /* @__PURE__ */ i("div", { className: "mtx-image-dialog__placeholder", children: [
-                /* @__PURE__ */ i("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
+              ] }) : _ ? /* @__PURE__ */ e("div", { className: "mtx-image-dialog__preview", children: /* @__PURE__ */ e("img", { src: _, alt: "Preview" }) }) : /* @__PURE__ */ l("div", { className: "mtx-image-dialog__placeholder", children: [
+                /* @__PURE__ */ l("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
                   /* @__PURE__ */ e("rect", { x: "4", y: "8", width: "40", height: "32", rx: "4" }),
                   /* @__PURE__ */ e("circle", { cx: "16", cy: "20", r: "4" }),
                   /* @__PURE__ */ e("path", { d: "M4 36l10-10 6 6 8-10 16 14" })
                 ] }),
-                /* @__PURE__ */ i("p", { children: [
+                /* @__PURE__ */ l("p", { children: [
                   /* @__PURE__ */ e("strong", { children: "Klik untuk pilih file" }),
                   " atau drag & drop ke sini"
                 ] }),
@@ -179,55 +180,58 @@ function Z({
             ]
           }
         ),
-        p === "url" && /* @__PURE__ */ i("div", { className: "mtx-image-dialog__url-form", children: [
+        p === "url" && /* @__PURE__ */ l("div", { className: "mtx-image-dialog__url-form", children: [
           /* @__PURE__ */ e("label", { children: "URL Gambar" }),
           /* @__PURE__ */ e("div", { className: "mtx-image-dialog__url-row", children: /* @__PURE__ */ e(
             "input",
             {
               type: "url",
-              value: r,
-              onChange: (a) => D(a.target.value),
+              value: t,
+              onChange: (a) => C(a.target.value),
               placeholder: "https://example.com/gambar.jpg",
               onKeyDown: (a) => {
-                a.key === "Enter" && G();
+                a.key === "Enter" && B();
               },
-              onBlur: K,
+              onBlur: W,
               autoFocus: !0
             }
           ) }),
-          f && /* @__PURE__ */ e("div", { className: "mtx-image-dialog__url-preview", children: /* @__PURE__ */ e(
+          _ && /* @__PURE__ */ e("div", { className: "mtx-image-dialog__url-preview", children: /* @__PURE__ */ e(
             "img",
             {
-              src: f,
+              src: _,
               alt: "Preview",
               onError: () => {
-                c(null), l("Gambar tidak dapat dimuat dari URL ini");
+                c(null), r("Gambar tidak dapat dimuat dari URL ini");
               }
             }
           ) })
         ] }),
-        /* @__PURE__ */ i("div", { className: "mtx-image-dialog__alt", children: [
+        /* @__PURE__ */ l("div", { className: "mtx-image-dialog__alt", children: [
           /* @__PURE__ */ e("label", { children: "Teks Alternatif (opsional)" }),
           /* @__PURE__ */ e(
             "input",
             {
               type: "text",
               value: g,
-              onChange: (a) => C(a.target.value),
+              onChange: (a) => F(a.target.value),
               placeholder: "Deskripsi gambar untuk aksesibilitas"
             }
           )
         ] }),
-        P && /* @__PURE__ */ e("div", { className: "mtx-image-dialog__error", children: P })
+        j && /* @__PURE__ */ l("div", { className: "mtx-image-dialog__error", children: [
+          /* @__PURE__ */ e("div", { children: j }),
+          G && /* @__PURE__ */ e(Y, { debug: G })
+        ] })
       ] }),
-      /* @__PURE__ */ i("div", { className: "mtx-image-dialog__footer", children: [
-        /* @__PURE__ */ e("button", { className: "mtx-image-dialog__btn mtx-image-dialog__btn--cancel", onClick: t, children: "Batal" }),
+      /* @__PURE__ */ l("div", { className: "mtx-image-dialog__footer", children: [
+        /* @__PURE__ */ e("button", { className: "mtx-image-dialog__btn mtx-image-dialog__btn--cancel", onClick: n, children: "Batal" }),
         p === "url" && /* @__PURE__ */ e(
           "button",
           {
             className: "mtx-image-dialog__btn mtx-image-dialog__btn--insert",
-            onClick: G,
-            disabled: !r.trim(),
+            onClick: B,
+            disabled: !t.trim(),
             children: "Sisipkan"
           }
         )
@@ -236,5 +240,5 @@ function Z({
   ] }) : null;
 }
 export {
-  Z as ImageInsertDialog
+  ia as ImageInsertDialog
 };

package/dist/{InsertTableDialogImpl-U7g8UMBM.js → InsertTableDialogImpl-CWM11lNz.js}

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
 import v, { useId as g, useRef as y, useState as c, useEffect as k, useCallback as w } from "react";
-import { u as C } from "./index-7QYcLP1s.js";
+import { u as C } from "./index-CHqs4QOj.js";
 import { u as M } from "./useDraggable-DEoLIB5k.js";
 const I = v.memo(({ isOpen: i, onInsert: d, onClose: m }) => {
   const u = g(), b = y(null), [l, n] = c(3), [a, s] = c(3), [o, h] = c(!0), { position: p, handleMouseDown: N } = M(i);

package/dist/{LinkDialogImpl-Cs1v0Vgd.js → LinkDialogImpl-DrEasmBM.js}

@@ -1,6 +1,6 @@
 import { jsx as a, jsxs as e } from "react/jsx-runtime";
 import S, { useId as T, useRef as _, useState as r, useEffect as w, useCallback as c } from "react";
-import { u as F } from "./index-7QYcLP1s.js";
+import { u as F } from "./index-CHqs4QOj.js";
 const I = S.memo(({
   isOpen: s,
   currentUrl: o = "",

package/dist/{TablePropertiesDialogImpl-BmdThHz3.js → TablePropertiesDialogImpl-BPcKuKCT.js}

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as l } from "react/jsx-runtime";
 import g, { useId as x, useRef as p, useState as f, useEffect as y, useCallback as h } from "react";
-import { u as N } from "./index-7QYcLP1s.js";
+import { u as N } from "./index-CHqs4QOj.js";
 import { u as k } from "./useDraggable-DEoLIB5k.js";
 const z = g.memo(({
   isOpen: a,

package/dist/{TableTemplatesDialogImpl-CglXYCPV.js → TableTemplatesDialogImpl-DYrlbe5p.js}

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
 import c, { useId as p, useRef as h, useCallback as x } from "react";
-import { u as b } from "./index-7QYcLP1s.js";
+import { u as b } from "./index-CHqs4QOj.js";
 import { u } from "./useDraggable-DEoLIB5k.js";
 const g = [
   { id: "plain", name: "Polos", description: "Tabel sederhana tanpa gaya tambahan", headerStyle: "none", borderStyle: "all", stripeRows: !1 },