erl-mathtextx-editor 0.1.5 → 0.1.7

package/dist/{index-K6msjM1s.js → index-Ci20X1Rj.js}

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as t, Fragment as Y } from "react/jsx-runtime";
 import re, { useRef as z, useState as M, useEffect as $, useCallback as b, useMemo as fe, lazy as de, Suspense as me, useId as Pa } from "react";
 import { N as Xe, a as Ue, R as Re, m as Ce, E as Ye, T as Sa, A as La, b as Da, c as Ba, d as za, U as Ia, S as Ea, e as Ra, f as Va, C as Ka, g as Fa, h as qa, i as Oa, j as $a, k as Ga, F as Wa, l as ja, H as Xa, L as Ua, I as Ya, P as Ja, n as Qa, u as Za, o as et } from "./tiptap-Bc1mIOtx.js";
-import "./ContentViewer-COGXSiwX.js";
+import "./ContentViewer-CWZ30KYR.js";
 function Qe(l) {
   const a = l.closest(".mtx-content");
   if (!a)
@@ -2479,44 +2479,51 @@ const xt = re.memo(function({
   }, [n]);
   return !a || !n ? null : /* @__PURE__ */ t(Y, { children: [
     /* @__PURE__ */ e("button", { type: "button", className: "mtx-table-menu-overlay", onClick: c, "aria-label": "Close image menu" }),
-    /* @__PURE__ */ e("div", { className: "mtx-table-menu-dropdown", style: { left: p.x, top: p.y }, children: /* @__PURE__ */ t("div", { className: "mtx-table-menu", onClick: (h) => h.stopPropagation(), children: [
-      /* @__PURE__ */ t("div", { className: "mtx-table-menu-group", children: [
-        /* @__PURE__ */ e("div", { className: "mtx-table-menu-label", children: "Text Wrapping" }),
-        /* @__PURE__ */ t("button", { className: `mtx-table-menu-item ${i === "left" ? "is-active" : ""}`, onClick: () => g(() => r("left")), children: [
-          /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "◧" }),
-          /* @__PURE__ */ e("span", { children: "Wrap Left" })
-        ] }),
-        /* @__PURE__ */ t("button", { className: `mtx-table-menu-item ${i === "center" ? "is-active" : ""}`, onClick: () => g(() => r("center")), children: [
-          /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "▣" }),
-          /* @__PURE__ */ e("span", { children: "Wrap Center" })
-        ] }),
-        /* @__PURE__ */ t("button", { className: `mtx-table-menu-item ${i === "right" ? "is-active" : ""}`, onClick: () => g(() => r("right")), children: [
-          /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "◨" }),
-          /* @__PURE__ */ e("span", { children: "Wrap Right" })
-        ] }),
-        /* @__PURE__ */ t("button", { className: `mtx-table-menu-item ${i === "full" ? "is-active" : ""}`, onClick: () => g(() => r("full")), children: [
-          /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "▤" }),
-          /* @__PURE__ */ e("span", { children: "Full Width" })
-        ] })
-      ] }),
-      w && /* @__PURE__ */ t("div", { className: "mtx-table-menu-group", children: [
-        /* @__PURE__ */ e("div", { className: "mtx-table-menu-label", children: "Image" }),
-        m && /* @__PURE__ */ t("button", { className: "mtx-table-menu-item", onClick: () => g(m), disabled: !o, children: [
-          /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "↺" }),
-          /* @__PURE__ */ e("span", { children: "Reset Position" })
-        ] }),
-        f && /* @__PURE__ */ t("button", { className: "mtx-table-menu-item", onClick: () => g(f), children: [
-          /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "◎" }),
-          /* @__PURE__ */ e("span", { children: "Center & Reset" })
-        ] }),
-        /* @__PURE__ */ t("button", { className: "mtx-table-menu-item", onClick: () => g(w), children: [
-          /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "✎" }),
-          /* @__PURE__ */ e("span", { children: "Edit Image" })
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: "mtx-table-menu-dropdown",
+        style: { "--mtx-dropdown-x": `${p.x}px`, "--mtx-dropdown-y": `${p.y}px` },
+        children: /* @__PURE__ */ t("div", { className: "mtx-table-menu", onClick: (h) => h.stopPropagation(), children: [
+          /* @__PURE__ */ t("div", { className: "mtx-table-menu-group", children: [
+            /* @__PURE__ */ e("div", { className: "mtx-table-menu-label", children: "Text Wrapping" }),
+            /* @__PURE__ */ t("button", { className: `mtx-table-menu-item ${i === "left" ? "is-active" : ""}`, onClick: () => g(() => r("left")), children: [
+              /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "◧" }),
+              /* @__PURE__ */ e("span", { children: "Wrap Left" })
+            ] }),
+            /* @__PURE__ */ t("button", { className: `mtx-table-menu-item ${i === "center" ? "is-active" : ""}`, onClick: () => g(() => r("center")), children: [
+              /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "▣" }),
+              /* @__PURE__ */ e("span", { children: "Wrap Center" })
+            ] }),
+            /* @__PURE__ */ t("button", { className: `mtx-table-menu-item ${i === "right" ? "is-active" : ""}`, onClick: () => g(() => r("right")), children: [
+              /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "◨" }),
+              /* @__PURE__ */ e("span", { children: "Wrap Right" })
+            ] }),
+            /* @__PURE__ */ t("button", { className: `mtx-table-menu-item ${i === "full" ? "is-active" : ""}`, onClick: () => g(() => r("full")), children: [
+              /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "▤" }),
+              /* @__PURE__ */ e("span", { children: "Full Width" })
+            ] })
+          ] }),
+          w && /* @__PURE__ */ t("div", { className: "mtx-table-menu-group", children: [
+            /* @__PURE__ */ e("div", { className: "mtx-table-menu-label", children: "Image" }),
+            m && /* @__PURE__ */ t("button", { className: "mtx-table-menu-item", onClick: () => g(m), disabled: !o, children: [
+              /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "↺" }),
+              /* @__PURE__ */ e("span", { children: "Reset Position" })
+            ] }),
+            f && /* @__PURE__ */ t("button", { className: "mtx-table-menu-item", onClick: () => g(f), children: [
+              /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "◎" }),
+              /* @__PURE__ */ e("span", { children: "Center & Reset" })
+            ] }),
+            /* @__PURE__ */ t("button", { className: "mtx-table-menu-item", onClick: () => g(w), children: [
+              /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "✎" }),
+              /* @__PURE__ */ e("span", { children: "Edit Image" })
+            ] })
+          ] })
         ] })
-      ] })
-    ] }) })
+      }
+    )
   ] });
-}), gt = de(() => import("./LinkDialogImpl-BZuaNMx0.js").then((l) => ({ default: l.LinkDialogImpl }))), bt = de(() => import("./InsertTableDialogImpl-BmFE8rOe.js").then((l) => ({ default: l.InsertTableDialogImpl }))), ft = de(() => import("./CellPropertiesDialogImpl-ra6ImDOd.js").then((l) => ({ default: l.CellPropertiesDialogImpl }))), vt = de(() => import("./TableTemplatesDialogImpl-D7cUqz0B.js").then((l) => ({ default: l.TableTemplatesDialogImpl }))), wt = de(() => import("./ImageInsertDialog-CjD1IOEK.js").then((l) => ({ default: l.ImageInsertDialog }))), _ = re.memo(function({ icon: a, label: n, onClick: i, isActive: o, isDisabled: c, className: r }) {
+}), gt = de(() => import("./LinkDialogImpl-DTHugWZM.js").then((l) => ({ default: l.LinkDialogImpl }))), bt = de(() => import("./InsertTableDialogImpl-DZrLgDKN.js").then((l) => ({ default: l.InsertTableDialogImpl }))), ft = de(() => import("./CellPropertiesDialogImpl-HPT77uxM.js").then((l) => ({ default: l.CellPropertiesDialogImpl }))), vt = de(() => import("./TableTemplatesDialogImpl-D0sFSAKl.js").then((l) => ({ default: l.TableTemplatesDialogImpl }))), wt = de(() => import("./ImageInsertDialog-DzLFhSDK.js").then((l) => ({ default: l.ImageInsertDialog }))), _ = re.memo(function({ icon: a, label: n, onClick: i, isActive: o, isDisabled: c, className: r }) {
   return /* @__PURE__ */ e(
     "button",
     {
@@ -2524,7 +2531,7 @@ const xt = re.memo(function({
       className: `mtx-toolbar-btn ${o ? "is-active" : ""} ${r || ""}`,
       onClick: i,
       disabled: c,
-      "data-tooltip": n,
+      title: n,
       "aria-label": n,
       children: a
     }
@@ -4803,7 +4810,7 @@ function Kt({ onInsert: l, onClose: a }) {
     ] })
   ] });
 }
-const Ft = de(() => import("./ImageInsertDialog-CjD1IOEK.js").then((l) => ({ default: l.ImageInsertDialog })));
+const Ft = de(() => import("./ImageInsertDialog-DzLFhSDK.js").then((l) => ({ default: l.ImageInsertDialog })));
 async function je(l) {
   return new Promise((a, n) => {
     const i = new window.Image();
@@ -5140,19 +5147,19 @@ function dl({
     }
   );
 }
-const Ot = de(() => import("./LinkDialogImpl-BZuaNMx0.js").then((l) => ({ default: l.LinkDialogImpl }))), $t = re.memo(function(a) {
+const Ot = de(() => import("./LinkDialogImpl-DTHugWZM.js").then((l) => ({ default: l.LinkDialogImpl }))), $t = re.memo(function(a) {
   return /* @__PURE__ */ e(me, { fallback: null, children: /* @__PURE__ */ e(Ot, { ...a }) });
 });
 $t.displayName = "LinkDialog";
-const Gt = de(() => import("./InsertTableDialogImpl-BmFE8rOe.js").then((l) => ({ default: l.InsertTableDialogImpl }))), Wt = re.memo(function(a) {
+const Gt = de(() => import("./InsertTableDialogImpl-DZrLgDKN.js").then((l) => ({ default: l.InsertTableDialogImpl }))), Wt = re.memo(function(a) {
   return /* @__PURE__ */ e(me, { fallback: null, children: /* @__PURE__ */ e(Gt, { ...a }) });
 });
 Wt.displayName = "InsertTableDialog";
-const jt = de(() => import("./CellPropertiesDialogImpl-ra6ImDOd.js").then((l) => ({ default: l.CellPropertiesDialogImpl }))), Xt = re.memo(function(a) {
+const jt = de(() => import("./CellPropertiesDialogImpl-HPT77uxM.js").then((l) => ({ default: l.CellPropertiesDialogImpl }))), Xt = re.memo(function(a) {
   return /* @__PURE__ */ e(me, { fallback: null, children: /* @__PURE__ */ e(jt, { ...a }) });
 });
 Xt.displayName = "CellPropertiesDialog";
-const Ut = de(() => import("./TableTemplatesDialogImpl-D7cUqz0B.js").then((l) => ({ default: l.TableTemplatesDialogImpl }))), Yt = re.memo(function(a) {
+const Ut = de(() => import("./TableTemplatesDialogImpl-D0sFSAKl.js").then((l) => ({ default: l.TableTemplatesDialogImpl }))), Yt = re.memo(function(a) {
   return /* @__PURE__ */ e(me, { fallback: null, children: /* @__PURE__ */ e(Ut, { ...a }) });
 });
 Yt.displayName = "TableTemplatesDialog";

package/dist/viewer.js

@@ -1,4 +1,4 @@
-import { C as r } from "./ContentViewer-COGXSiwX.js";
+import { C as r } from "./ContentViewer-CWZ30KYR.js";
 export {
   r as ContentViewer
 };

package/package.json

@@ -1,133 +1,133 @@
-{
-  "name": "erl-mathtextx-editor",
-  "version": "0.1.5",
-  "description": "Visual math editor component for solutest.id — CKEditor replacement with zero-LaTeX approach",
-  "type": "module",
-  "main": "./dist/erl-mathtextx-editor.umd.cjs",
-  "module": "./dist/erl-mathtextx-editor.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/erl-mathtextx-editor.js",
-      "require": "./dist/erl-mathtextx-editor.umd.cjs",
-      "types": "./dist/index.d.ts"
-    },
-    "./viewer": {
-      "import": "./dist/viewer.js",
-      "types": "./dist/viewer.d.ts"
-    },
-    "./styles": "./dist/assets/erl-mathtextx-editor.css",
-    "./viewer/styles": "./dist/viewer-styles.js"
-  },
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc && vite build && vite build --config vite.config.umd.ts",
-    "preview": "vite preview",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "test": "vitest",
-    "test:run": "vitest run",
-    "test:coverage": "vitest run --coverage"
-  },
-  "peerDependencies": {
-    "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
-  },
-  "dependencies": {
-    "@tiptap/core": "^2.11.0",
-    "@tiptap/extension-bold": "^2.11.0",
-    "@tiptap/extension-bullet-list": "^2.11.0",
-    "@tiptap/extension-code-block": "^2.11.0",
-    "@tiptap/extension-color": "^2.27.2",
-    "@tiptap/extension-document": "^2.11.0",
-    "@tiptap/extension-dropcursor": "^2.11.0",
-    "@tiptap/extension-font-family": "^2.27.2",
-    "@tiptap/extension-gapcursor": "^2.11.0",
-    "@tiptap/extension-hard-break": "^2.11.0",
-    "@tiptap/extension-heading": "^2.11.0",
-    "@tiptap/extension-highlight": "^2.27.2",
-    "@tiptap/extension-history": "^2.11.0",
-    "@tiptap/extension-horizontal-rule": "^2.11.0",
-    "@tiptap/extension-image": "^2.11.0",
-    "@tiptap/extension-italic": "^2.11.0",
-    "@tiptap/extension-link": "^2.11.0",
-    "@tiptap/extension-list-item": "^2.11.0",
-    "@tiptap/extension-ordered-list": "^2.11.0",
-    "@tiptap/extension-paragraph": "^2.11.0",
-    "@tiptap/extension-placeholder": "^2.11.0",
-    "@tiptap/extension-strike": "^2.11.0",
-    "@tiptap/extension-subscript": "^2.11.0",
-    "@tiptap/extension-superscript": "^2.11.0",
-    "@tiptap/extension-table": "^2.11.0",
-    "@tiptap/extension-table-cell": "^2.11.0",
-    "@tiptap/extension-table-header": "^2.11.0",
-    "@tiptap/extension-table-row": "^2.11.0",
-    "@tiptap/extension-task-item": "^2.11.0",
-    "@tiptap/extension-task-list": "^2.11.0",
-    "@tiptap/extension-text": "^2.11.0",
-    "@tiptap/extension-text-align": "^2.27.2",
-    "@tiptap/extension-text-style": "^2.27.2",
-    "@tiptap/extension-typography": "^2.27.2",
-    "@tiptap/extension-underline": "^2.11.0",
-    "@tiptap/pm": "^2.11.0",
-    "@tiptap/react": "^2.11.0",
-    "@tiptap/starter-kit": "^2.11.0",
-    "@weiruo/tiptap-extension-indent": "^2.0.4-1",
-    "dompurify": "^3.3.1",
-    "function-plot": "^1.25.3",
-    "html2canvas": "^1.4.1",
-    "jspdf": "^4.1.0",
-    "katex": "^0.16.33",
-    "mathlive": "^0.101.0"
-  },
-  "devDependencies": {
-    "@eslint/js": "^9.39.2",
-    "@fullhuman/postcss-purgecss": "^8.0.0",
-    "@types/dompurify": "^3.0.5",
-    "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.0",
-    "@typescript-eslint/eslint-plugin": "^8.56.0",
-    "@typescript-eslint/parser": "^8.56.0",
-    "@vitejs/plugin-react": "^4.3.0",
-    "@vitest/coverage-v8": "^2.1.9",
-    "eslint": "^9.39.2",
-    "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-react-refresh": "^0.5.0",
-    "globals": "^17.3.0",
-    "jsdom": "^24.1.3",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "typescript": "^5.5.0",
-    "typescript-eslint": "^8.57.0",
-    "vite": "^5.4.0",
-    "vite-plugin-css-injected-by-js": "^3.5.0",
-    "vite-plugin-dts": "^4.0.0",
-    "vitest": "^2.1.9"
-  },
-  "license": "MIT",
-  "author": "Erlangga Team",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/erlangga/richtext-editor-research.git"
-  },
-  "homepage": "https://github.com/erlangga/richtext-editor-research#readme",
-  "bugs": {
-    "url": "https://github.com/erlangga/richtext-editor-research/issues"
-  },
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org/"
-  },
-  "keywords": [
-    "math-editor",
-    "tiptap",
-    "mathlive",
-    "wysiwyg",
-    "ckeditor-replacement",
-    "solutest",
-    "react"
-  ]
-}
+{
+  "name": "erl-mathtextx-editor",
+  "version": "0.1.7",
+  "description": "Visual math editor component for solutest.id — CKEditor replacement with zero-LaTeX approach",
+  "type": "module",
+  "main": "./dist/erl-mathtextx-editor.umd.cjs",
+  "module": "./dist/erl-mathtextx-editor.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/erl-mathtextx-editor.js",
+      "require": "./dist/erl-mathtextx-editor.umd.cjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./viewer": {
+      "import": "./dist/viewer.js",
+      "types": "./dist/viewer.d.ts"
+    },
+    "./styles": "./dist/assets/erl-mathtextx-editor.css",
+    "./viewer/styles": "./dist/viewer-styles.js"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build && vite build --config vite.config.umd.ts",
+    "preview": "vite preview",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "test": "vitest",
+    "test:run": "vitest run",
+    "test:coverage": "vitest run --coverage"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "dependencies": {
+    "@tiptap/core": "^2.11.0",
+    "@tiptap/extension-bold": "^2.11.0",
+    "@tiptap/extension-bullet-list": "^2.11.0",
+    "@tiptap/extension-code-block": "^2.11.0",
+    "@tiptap/extension-color": "^2.27.2",
+    "@tiptap/extension-document": "^2.11.0",
+    "@tiptap/extension-dropcursor": "^2.11.0",
+    "@tiptap/extension-font-family": "^2.27.2",
+    "@tiptap/extension-gapcursor": "^2.11.0",
+    "@tiptap/extension-hard-break": "^2.11.0",
+    "@tiptap/extension-heading": "^2.11.0",
+    "@tiptap/extension-highlight": "^2.27.2",
+    "@tiptap/extension-history": "^2.11.0",
+    "@tiptap/extension-horizontal-rule": "^2.11.0",
+    "@tiptap/extension-image": "^2.11.0",
+    "@tiptap/extension-italic": "^2.11.0",
+    "@tiptap/extension-link": "^2.11.0",
+    "@tiptap/extension-list-item": "^2.11.0",
+    "@tiptap/extension-ordered-list": "^2.11.0",
+    "@tiptap/extension-paragraph": "^2.11.0",
+    "@tiptap/extension-placeholder": "^2.11.0",
+    "@tiptap/extension-strike": "^2.11.0",
+    "@tiptap/extension-subscript": "^2.11.0",
+    "@tiptap/extension-superscript": "^2.11.0",
+    "@tiptap/extension-table": "^2.11.0",
+    "@tiptap/extension-table-cell": "^2.11.0",
+    "@tiptap/extension-table-header": "^2.11.0",
+    "@tiptap/extension-table-row": "^2.11.0",
+    "@tiptap/extension-task-item": "^2.11.0",
+    "@tiptap/extension-task-list": "^2.11.0",
+    "@tiptap/extension-text": "^2.11.0",
+    "@tiptap/extension-text-align": "^2.27.2",
+    "@tiptap/extension-text-style": "^2.27.2",
+    "@tiptap/extension-typography": "^2.27.2",
+    "@tiptap/extension-underline": "^2.11.0",
+    "@tiptap/pm": "^2.11.0",
+    "@tiptap/react": "^2.11.0",
+    "@tiptap/starter-kit": "^2.11.0",
+    "@weiruo/tiptap-extension-indent": "^2.0.4-1",
+    "dompurify": "^3.3.1",
+    "function-plot": "^1.25.3",
+    "html2canvas": "^1.4.1",
+    "jspdf": "^4.1.0",
+    "katex": "^0.16.33",
+    "mathlive": "^0.101.0"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.39.2",
+    "@fullhuman/postcss-purgecss": "^8.0.0",
+    "@types/dompurify": "^3.0.5",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "@typescript-eslint/eslint-plugin": "^8.56.0",
+    "@typescript-eslint/parser": "^8.56.0",
+    "@vitejs/plugin-react": "^4.3.0",
+    "@vitest/coverage-v8": "^2.1.9",
+    "eslint": "^9.39.2",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.5.0",
+    "globals": "^17.3.0",
+    "jsdom": "^24.1.3",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "typescript": "^5.5.0",
+    "typescript-eslint": "^8.57.0",
+    "vite": "^5.4.0",
+    "vite-plugin-css-injected-by-js": "^3.5.0",
+    "vite-plugin-dts": "^4.0.0",
+    "vitest": "^2.1.9"
+  },
+  "license": "MIT",
+  "author": "Erlangga Team",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/erlangga/richtext-editor-research.git"
+  },
+  "homepage": "https://github.com/erlangga/richtext-editor-research#readme",
+  "bugs": {
+    "url": "https://github.com/erlangga/richtext-editor-research/issues"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "keywords": [
+    "math-editor",
+    "tiptap",
+    "mathlive",
+    "wysiwyg",
+    "ckeditor-replacement",
+    "solutest",
+    "react"
+  ]
+}