erl-mathtextx-editor 0.1.2 → 0.1.3

package/dist/{CellPropertiesDialogImpl-CgWcr4bD.js → CellPropertiesDialogImpl-D2iy6DEr.js}

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as l } from "react/jsx-runtime";
 import z, { useId as H, useRef as A, useCallback as b, useState as d, useEffect as V } from "react";
-import { u as B } from "./index-DYxMVo98.js";
+import { u as B } from "./index-jQUBaVKf.js";
 const M = z.memo(({
   isOpen: s,
   initialData: i = {},

package/dist/{ContentViewer-DcvxXP9t.js → ContentViewer-COGXSiwX.js}

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useRef as o, useMemo as i, useEffect as m } from "react";
-import { p as s, k as l } from "./viewer-deps-xNPNdmbe.js";
+import { p as s, k as l } from "./viewer-deps-CjbAqdti.js";
 function c(t) {
   const e = t.getAttribute("data-latex") || t.getAttribute("latex");
   if (!e) return;

package/dist/{ImageInsertDialog-Di0MXcC2.js → ImageInsertDialog-Cn-IrnHN.js}

@@ -1,19 +1,19 @@
 import { jsxs as l, Fragment as E, jsx as e } from "react/jsx-runtime";
-import { useId as I, useRef as P, useState as d, useCallback as s } from "react";
-import { u as W } from "./index-DYxMVo98.js";
+import { useId as I, useRef as P, useState as c, useCallback as n } from "react";
+import { u as W } from "./index-jQUBaVKf.js";
 function O({
   isOpen: f,
   onClose: x,
-  onInsert: g,
+  onInsert: m,
   onImageUpload: p
 }) {
-  const k = I(), N = P(null), [u, y] = d(p ? "upload" : "url"), [r, U] = d(""), [m, w] = d(""), [F, h] = d(!1), [G, b] = d(!1), [v, o] = d(null), [D, i] = d(""), R = P(null), C = s(() => {
-    U(""), w(""), o(null), i(""), b(!1), h(!1);
-  }, []), n = s(() => {
+  const k = I(), N = P(null), [g, y] = c(p ? "upload" : "url"), [t, U] = c(""), [d, w] = c(""), [F, h] = c(!1), [G, b] = c(!1), [v, s] = c(null), [D, i] = c(""), R = P(null), C = n(() => {
+    U(""), w(""), s(null), i(""), b(!1), h(!1);
+  }, []), r = n(() => {
     C(), x();
   }, [x, C]);
-  W({ isOpen: f, dialogRef: N, onClose: n });
-  const _ = s(
+  W({ isOpen: f, dialogRef: N, onClose: r });
+  const _ = n(
     async (a) => {
       if (!a.type.startsWith("image/")) {
         i("File harus berupa gambar (jpg, png, gif, webp)");
@@ -24,67 +24,65 @@ function O({
         return;
       }
       i("");
-      const c = URL.createObjectURL(a);
-      if (o(c), p) {
+      const o = URL.createObjectURL(a);
+      if (s(o), p) {
         b(!0);
         try {
-          const t = await p(a);
-          g(t, m || a.name), n();
+          const u = await p(a);
+          m(u, d || a.name), r();
         } catch {
-          i("Upload gagal. Silakan coba lagi."), o(null);
+          i("Upload gagal. Silakan coba lagi."), s(null);
         } finally {
           b(!1);
         }
       } else {
-        const t = new FileReader();
-        t.onload = () => {
-          const T = t.result;
-          g(T, m || a.name), n();
-        }, t.readAsDataURL(a);
+        const u = new FileReader();
+        u.onload = () => {
+          const T = u.result;
+          m(T, d || a.name), r();
+        }, u.readAsDataURL(a);
       }
     },
-    [p, g, m, n]
-  ), M = s(
+    [p, m, d, r]
+  ), M = n(
     (a) => {
-      var t;
-      const c = (t = a.target.files) == null ? void 0 : t[0];
-      c && _(c);
+      const o = a.target.files?.[0];
+      o && _(o);
     },
     [_]
-  ), S = s((a) => {
+  ), S = n((a) => {
     a.preventDefault(), a.stopPropagation(), h(!0);
-  }, []), j = s((a) => {
+  }, []), j = n((a) => {
     a.preventDefault(), a.stopPropagation(), h(!1);
-  }, []), A = s(
+  }, []), A = n(
     (a) => {
-      var t;
       a.preventDefault(), a.stopPropagation(), h(!1);
-      const c = (t = a.dataTransfer.files) == null ? void 0 : t[0];
-      c && _(c);
+      const o = a.dataTransfer.files?.[0];
+      o && _(o);
     },
     [_]
-  ), L = s(() => {
-    if (!r.trim()) {
+  ), L = n(() => {
+    if (!t.trim()) {
       i("Masukkan URL gambar");
       return;
     }
     try {
-      new URL(r);
+      new URL(t);
     } catch {
       i("URL tidak valid");
       return;
     }
-    g(r.trim(), m || void 0), n();
-  }, [r, m, g, n]), B = s(() => {
-    if (r.trim())
+    m(t.trim(), d || void 0), r();
+  }, [t, d, m, r]), B = n(() => {
+    if (t.trim())
       try {
-        new URL(r), o(r.trim()), i("");
+        new URL(t), s(t.trim()), i("");
       } catch {
         i("URL tidak valid");
       }
-  }, [r]);
+  }, [t]);
   return f ? /* @__PURE__ */ l(E, { children: [
-    /* @__PURE__ */ e("div", { className: "mtx-dialog-overlay", onClick: n }),
+    /* @__PURE__ */ e("div", { className: "mtx-dialog-overlay", onClick: r }),
     /* @__PURE__ */ l("div", { className: "mtx-image-dialog", ref: N, role: "dialog", "aria-modal": "true", "aria-labelledby": k, tabIndex: -1, children: [
       /* @__PURE__ */ l("div", { className: "mtx-image-dialog__header", children: [
         /* @__PURE__ */ e("h3", { id: k, children: "Sisipkan Gambar" }),
@@ -92,7 +90,7 @@ function O({
           "button",
           {
             className: "mtx-image-dialog__close",
-            onClick: n,
+            onClick: r,
             "aria-label": "Tutup",
             children: "✕"
           }
@@ -102,9 +100,9 @@ function O({
         /* @__PURE__ */ e(
           "button",
           {
-            className: `mtx-image-dialog__tab ${u === "upload" ? "is-active" : ""}`,
+            className: `mtx-image-dialog__tab ${g === "upload" ? "is-active" : ""}`,
             onClick: () => {
-              y("upload"), i(""), o(null);
+              y("upload"), i(""), s(null);
             },
             children: "📁 Upload File"
           }
@@ -112,26 +110,23 @@ function O({
         /* @__PURE__ */ e(
           "button",
           {
-            className: `mtx-image-dialog__tab ${u === "url" ? "is-active" : ""}`,
+            className: `mtx-image-dialog__tab ${g === "url" ? "is-active" : ""}`,
             onClick: () => {
-              y("url"), i(""), o(null);
+              y("url"), i(""), s(null);
             },
             children: "🔗 URL"
           }
         )
       ] }),
       /* @__PURE__ */ l("div", { className: "mtx-image-dialog__body", children: [
-        u === "upload" && /* @__PURE__ */ l(
+        g === "upload" && /* @__PURE__ */ l(
           "div",
           {
             className: `mtx-image-dialog__dropzone ${F ? "is-dragging" : ""}`,
             onDragOver: S,
             onDragLeave: j,
             onDrop: A,
-            onClick: () => {
-              var a;
-              return (a = R.current) == null ? void 0 : a.click();
-            },
+            onClick: () => R.current?.click(),
             children: [
               /* @__PURE__ */ e(
                 "input",
@@ -161,13 +156,13 @@ function O({
             ]
           }
         ),
-        u === "url" && /* @__PURE__ */ l("div", { className: "mtx-image-dialog__url-form", children: [
+        g === "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,
+              value: t,
               onChange: (a) => U(a.target.value),
               placeholder: "https://example.com/gambar.jpg",
               onKeyDown: (a) => {
@@ -183,7 +178,7 @@ function O({
               src: v,
               alt: "Preview",
               onError: () => {
-                o(null), i("Gambar tidak dapat dimuat dari URL ini");
+                s(null), i("Gambar tidak dapat dimuat dari URL ini");
               }
             }
           ) })
@@ -194,7 +189,7 @@ function O({
             "input",
             {
               type: "text",
-              value: m,
+              value: d,
               onChange: (a) => w(a.target.value),
               placeholder: "Deskripsi gambar untuk aksesibilitas"
             }
@@ -203,13 +198,13 @@ function O({
         D && /* @__PURE__ */ e("div", { className: "mtx-image-dialog__error", children: D })
       ] }),
       /* @__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" }),
-        u === "url" && /* @__PURE__ */ e(
+        /* @__PURE__ */ e("button", { className: "mtx-image-dialog__btn mtx-image-dialog__btn--cancel", onClick: r, children: "Batal" }),
+        g === "url" && /* @__PURE__ */ e(
           "button",
           {
             className: "mtx-image-dialog__btn mtx-image-dialog__btn--insert",
             onClick: L,
-            disabled: !r.trim(),
+            disabled: !t.trim(),
             children: "Sisipkan"
           }
         )

package/dist/{InsertTableDialogImpl-CKirXRqE.js → InsertTableDialogImpl-Dpo1pByJ.js}

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

package/dist/{LinkDialogImpl-BSz0F-xG.js → LinkDialogImpl-C1YeHJFJ.js}

@@ -1,35 +1,35 @@
 import { jsx as t, jsxs as a } from "react/jsx-runtime";
-import F, { useId as U, useRef as j, useState as s, useEffect as E, useCallback as h } from "react";
-import { u as P } from "./index-DYxMVo98.js";
-const R = F.memo(({
+import w, { useId as F, useRef as U, useState as r, useEffect as j, useCallback as d } from "react";
+import { u as E } from "./index-jQUBaVKf.js";
+const P = w.memo(({
   isOpen: m,
   currentUrl: i = "",
-  currentText: c = "",
-  currentTitle: u = "",
-  currentTarget: p = "_blank",
+  currentText: s = "",
+  currentTitle: h = "",
+  currentTarget: u = "_blank",
   onInsert: g,
-  onRemove: r,
+  onRemove: p,
   onClose: o
 }) => {
-  const N = U(), v = j(null), [x, y] = s(i), [k, C] = s(c), [f, L] = s(u), [b, I] = s(p), [d, n] = s("");
-  E(() => {
-    m && (y(i), C(c), L(u), I(p || "_blank"), n(""));
-  }, [m, i, c, u, p]), P({ isOpen: m, dialogRef: v, onClose: o });
-  const D = h((e) => e.trim() ? /^(https?:\/\/|mailto:|#)[^\s]+$/i.test(e) ? (n(""), !0) : (n("URL harus dimulai dengan http://, https://, mailto:, atau #"), !1) : (n("URL tidak boleh kosong"), !1), []), W = h((e) => {
+  const N = F(), v = U(null), [x, y] = r(i), [k, C] = r(s), [f, L] = r(h), [b, R] = r(u), [c, n] = r("");
+  j(() => {
+    m && (y(i), C(s), L(h), R(u || "_blank"), n(""));
+  }, [m, i, s, h, u]), E({ isOpen: m, dialogRef: v, onClose: o });
+  const I = d((e) => e.trim() ? /^(https?:\/\/|mailto:|#)[^\s]+$/i.test(e) ? (n(""), !0) : (n("URL harus dimulai dengan http://, https://, mailto:, atau #"), !1) : (n("URL tidak boleh kosong"), !1), []), D = d((e) => {
     const l = e.trim();
     return l.startsWith("http://") || l.startsWith("https://") || l.startsWith("mailto:") || l.startsWith("#") ? l : `https://${l}`;
-  }, []), _ = h((e) => {
+  }, []), W = d((e) => {
     e.preventDefault();
-    const l = W(x);
-    D(l) && g({
+    const l = D(x);
+    I(l) && g({
       url: l,
       text: k.trim() || void 0,
       title: f.trim() || void 0,
       target: b || void 0
     });
-  }, [x, k, f, b, D, W, g]), w = h(() => {
-    r == null || r(), o();
-  }, [r, o]);
+  }, [x, k, f, b, I, D, g]), _ = d(() => {
+    p?.(), o();
+  }, [p, o]);
   return m ? /* @__PURE__ */ t("div", { className: "mtx-modal-overlay", onClick: o, children: /* @__PURE__ */ a(
     "div",
     {
@@ -45,7 +45,7 @@ const R = F.memo(({
           /* @__PURE__ */ t("h3", { className: "mtx-modal-title", id: N, children: i ? "Edit Link" : "Insert Link" }),
           /* @__PURE__ */ t("button", { className: "mtx-modal-close", onClick: o, title: "Close", "aria-label": "Close dialog", children: /* @__PURE__ */ t("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ t("path", { d: "M4 4l8 8m0-8l-8 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }) })
         ] }),
-        /* @__PURE__ */ a("form", { onSubmit: _, children: [
+        /* @__PURE__ */ a("form", { onSubmit: W, children: [
           /* @__PURE__ */ a("div", { className: "mtx-modal-body", children: [
             /* @__PURE__ */ a("div", { className: "mtx-form-group", children: [
               /* @__PURE__ */ a("label", { className: "mtx-form-label", htmlFor: "link-url", children: [
@@ -57,22 +57,22 @@ const R = F.memo(({
                 {
                   id: "link-url",
                   type: "text",
-                  className: `mtx-form-input ${d ? "mtx-input-error" : ""}`,
+                  className: `mtx-form-input ${c ? "mtx-input-error" : ""}`,
                   value: x,
                   onChange: (e) => {
-                    y(e.target.value), d && n("");
+                    y(e.target.value), c && n("");
                   },
                   placeholder: "https://example.com",
                   autoFocus: !0,
                   autoComplete: "url"
                 }
               ),
-              d && /* @__PURE__ */ t("div", { className: "mtx-form-error", children: d })
+              c && /* @__PURE__ */ t("div", { className: "mtx-form-error", children: c })
             ] }),
             /* @__PURE__ */ a("div", { className: "mtx-form-group", children: [
               /* @__PURE__ */ a("label", { className: "mtx-form-label", htmlFor: "link-text", children: [
                 "Display Text",
-                /* @__PURE__ */ t("span", { className: "mtx-form-hint", children: c ? "(kosongkan untuk tetap menggunakan text saat ini)" : "(opsional, akan menggunakan URL jika kosong)" })
+                /* @__PURE__ */ t("span", { className: "mtx-form-hint", children: s ? "(kosongkan untuk tetap menggunakan text saat ini)" : "(opsional, akan menggunakan URL jika kosong)" })
               ] }),
               /* @__PURE__ */ t(
                 "input",
@@ -111,7 +111,7 @@ const R = F.memo(({
                 {
                   type: "checkbox",
                   checked: b === "_blank",
-                  onChange: (e) => I(e.target.checked ? "_blank" : "_self")
+                  onChange: (e) => R(e.target.checked ? "_blank" : "_self")
                 }
               ),
               /* @__PURE__ */ t("span", { children: "Open in new tab" })
@@ -119,7 +119,7 @@ const R = F.memo(({
           ] }),
           /* @__PURE__ */ a("div", { className: "mtx-modal-footer", children: [
             /* @__PURE__ */ t("button", { type: "button", className: "mtx-btn mtx-btn-secondary", onClick: o, children: "Cancel" }),
-            i && r && /* @__PURE__ */ t("button", { type: "button", className: "mtx-btn mtx-btn-danger", onClick: w, children: "Remove Link" }),
+            i && p && /* @__PURE__ */ t("button", { type: "button", className: "mtx-btn mtx-btn-danger", onClick: _, children: "Remove Link" }),
             /* @__PURE__ */ a("button", { type: "submit", className: "mtx-btn mtx-btn-primary", children: [
               i ? "Update" : "Insert",
               " Link"
@@ -130,7 +130,7 @@ const R = F.memo(({
     }
   ) }) : null;
 });
-R.displayName = "LinkDialogImpl";
+P.displayName = "LinkDialogImpl";
 export {
-  R as LinkDialogImpl
+  P as LinkDialogImpl
 };

package/dist/{TableTemplatesDialogImpl-DrdqLQLH.js → TableTemplatesDialogImpl-CMzxe328.js}

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
 import o, { useId as c, useRef as n, useCallback as p } from "react";
-import { u as h } from "./index-DYxMVo98.js";
+import { u as h } from "./index-jQUBaVKf.js";
 const x = [
   { id: "plain", name: "Plain", description: "Simple table without styling", headerStyle: "none", borderStyle: "all", stripeRows: !1 },
   { id: "light", name: "Light", description: "Light gray header", headerStyle: "light", borderStyle: "all", stripeRows: !1 },