@pie-lib/editable-html-tip-tap 3.1.3-next.20261102140134 → 3.1.3-next.20261102164954

package/dist/components/CharacterPicker.js

@@ -36,7 +36,9 @@ function S({ editor: u, opts: h, onClose: _, triggerEl: v, focusOnOpen: b }) {
 		left: 0
 	}), [E, D] = s(null);
 	C.current = _;
-	let O = a(() => {
+	let O = () => {
+		u.view.focus(), u.commands.focus(), C.current();
+	}, k = a(() => {
 		if (!h) return t;
 		switch (!0) {
 			case h.language === "spanish": return t;
@@ -44,12 +46,12 @@ function S({ editor: u, opts: h, onClose: _, triggerEl: v, focusOnOpen: b }) {
 			case h.language === "arabic": return e;
 			default: return h;
 		}
-	}, [h]), k = a(() => O.characters.reduce((e, t) => (t.length >= e.columns && (e.columns = t.length), e), {
-		rows: O.characters.length,
+	}, [h]), A = a(() => k.characters.reduce((e, t) => (t.length >= e.columns && (e.columns = t.length), e), {
+		rows: k.characters.length,
 		columns: 0
-	}), [O]), A = () => D(null);
+	}), [k]), j = () => D(null);
 	i(() => () => {
-		A();
+		j();
 	}, []), i(() => {
 		if (!u) return;
 		let e = u.options.element, t = u.view.dom, n = () => {
@@ -76,55 +78,57 @@ function S({ editor: u, opts: h, onClose: _, triggerEl: v, focusOnOpen: b }) {
 			clearTimeout(o), r !== null && cancelAnimationFrame(r), window.removeEventListener("scroll", i, !0), window.removeEventListener("resize", i), document.removeEventListener("click", a);
 		};
 	}, [u]);
-	let j = w.top !== 0 || w.left !== 0, M = () => Array.from(S.current?.querySelectorAll("button:not([disabled])") ?? []), N = o(!1);
+	let M = w.top !== 0 || w.left !== 0, N = () => Array.from(S.current?.querySelectorAll("button:not([disabled])") ?? []), P = o(!1);
 	i(() => {
-		if (!b || !j || N.current) return;
-		let e = M()[0];
-		e && (e.focus(), N.current = !0);
-	}, [b, j]), i(() => {
+		if (!b || !M || P.current) return;
+		let e = N()[0];
+		e && (e.focus(), P.current = !0);
+	}, [b, M]), i(() => {
 		if (!v) return;
-		let e = () => {
-			C.current(), v.focus();
-		}, t = (e, t, n) => {
-			x(n, Math.max(0, n.indexOf(t.closest("button"))), e, k.columns || 1)?.focus();
-		}, n = () => {
+		let e = (e, t, n) => {
+			x(n, Math.max(0, n.indexOf(t.closest("button"))), e, A.columns || 1)?.focus();
+		}, t = () => {
 			let e = y(document.body).filter((e) => !S.current.contains(e)), t = e.indexOf(v);
 			((t === -1 ? null : e[t + 1]) || v).focus();
-		}, r = (r) => {
+		}, n = (n) => {
 			if (!S.current) return;
-			let i = M();
-			if (!i.length) return;
-			let a = r.target, o = S.current.contains(a), s = i[0], c = i[i.length - 1];
-			if (o && r.key === "Escape") {
-				r.preventDefault(), r.stopPropagation(), e();
+			let r = N();
+			if (!r.length) return;
+			let i = n.target, a = S.current.contains(i), o = r[0], s = r[r.length - 1];
+			if (a && n.key === "Escape") {
+				n.preventDefault(), n.stopPropagation(), O();
 				return;
 			}
-			if (o && g.includes(r.key)) {
-				r.preventDefault(), r.stopPropagation(), t(r.key, a, i);
+			if (a && g.includes(n.key)) {
+				n.preventDefault(), n.stopPropagation(), e(n.key, i, r);
 				return;
 			}
-			if (r.key !== "Tab") return;
-			let l = a === v && !r.shiftKey, u = a === s && r.shiftKey, d = a === c && !r.shiftKey;
-			l ? (r.preventDefault(), s.focus()) : u ? (r.preventDefault(), v.focus()) : d && (r.preventDefault(), n());
+			if (n.key !== "Tab") return;
+			let c = i === v && !n.shiftKey, l = i === o && n.shiftKey, u = i === s && !n.shiftKey;
+			c ? (n.preventDefault(), o.focus()) : l ? (n.preventDefault(), v.focus()) : u && (n.preventDefault(), t());
 		};
-		return document.addEventListener("keydown", r, !0), () => document.removeEventListener("keydown", r, !0);
-	}, [v, k.columns]);
-	let P = (e, t) => D({
+		return document.addEventListener("keydown", n, !0), () => document.removeEventListener("keydown", n, !0);
+	}, [
+		u,
+		v,
+		A.columns
+	]);
+	let F = (e, t) => D({
 		anchorEl: e.currentTarget,
 		el: t
-	}), F = o("keyboard");
+	}), I = o("keyboard");
 	return /* @__PURE__ */ p(d, { children: [l.createPortal(/* @__PURE__ */ f("div", {
 		ref: S,
 		className: "insert-character-dialog",
 		"data-toolbar-for": u.instanceId,
 		onPointerDown: () => {
-			F.current = "pointer";
+			I.current = "pointer";
 		},
 		onKeyDown: () => {
-			F.current = "keyboard";
+			I.current = "keyboard";
 		},
 		style: {
-			visibility: j ? "initial" : "hidden",
+			visibility: M ? "initial" : "hidden",
 			position: "fixed",
 			top: `${w.top}px`,
 			left: `${w.left}px`,
@@ -138,8 +142,8 @@ function S({ editor: u, opts: h, onClose: _, triggerEl: v, focusOnOpen: b }) {
 			hideInput: !0,
 			noLatexHandling: !0,
 			hideDoneButtonBackground: !0,
-			layoutForKeyPad: k,
-			additionalKeys: O.characters.reduce((e, t) => (e = [...e, ...t.map((e) => ({
+			layoutForKeyPad: A,
+			additionalKeys: k.characters.reduce((e, t) => (e = [...e, ...t.map((e) => ({
 				name: c(e, "name") || c(e, "label") || e,
 				write: c(e, "write") || e,
 				label: c(e, "label") || e,
@@ -149,24 +153,22 @@ function S({ editor: u, opts: h, onClose: _, triggerEl: v, focusOnOpen: b }) {
 					...e.extraProps || {},
 					style: {
 						...(e.extraProps || {}).style,
-						border: "1px solid #000"
+						border: "1px solid currentColor"
 					}
 				},
-				...O.hasPreview ? { actions: {
-					onMouseEnter: (t) => P(t, e),
-					onMouseLeave: A
+				...k.hasPreview ? { actions: {
+					onMouseEnter: (t) => F(t, e),
+					onMouseLeave: j
 				} } : {}
 			}))], e), []),
 			keypadMode: "language",
 			onChange: (e) => {
-				typeof e == "string" && (F.current === "pointer" ? u.chain().focus().insertContent(e).run() : u.chain().insertContent(e).run());
+				typeof e == "string" && (I.current === "pointer" ? u.chain().focus().insertContent(e).run() : u.chain().insertContent(e).run());
 			},
-			onDone: () => {
-				_(), v?.focus();
-			}
+			onDone: O
 		}) })
 	}), document.body), E && l.createPortal(/* @__PURE__ */ p(r, {
-		onClose: A,
+		onClose: j,
 		anchorEl: E.anchorEl,
 		children: [
 			/* @__PURE__ */ f("div", { children: E.el.label }),

package/dist/components/MenuBar.js

@@ -583,6 +583,11 @@ var R = (e) => {
 			height: "24px"
 		},
 		"&:hover": { color: m.text() },
+		"&:disabled, &:disabled:hover": {
+			opacity: .4,
+			color: m.disabled(),
+			cursor: "not-allowed"
+		},
 		"&:focus": { outline: `2px solid ${m.buttonFocusOutline()}` }
 	},
 	"& .active": { color: m.text() },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/editable-html-tip-tap",
-  "version": "3.1.3-next.20261102140134",
+  "version": "3.1.3-next.20261102164954",
   "description": "",
   "repository": {
     "type": "git",
@@ -14,10 +14,10 @@
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
     "@pie-framework/mathml-to-latex": "1.4.4",
-    "@pie-lib/drag": "5.0.8-next.20261027193325",
-    "@pie-lib/math-input": "9.0.8-next.20261027193325",
-    "@pie-lib/math-toolbar": "4.0.8-next.20261027193325",
-    "@pie-lib/render-ui": "8.0.8-next.20261027193325",
+    "@pie-lib/drag": "5.0.8-next.20261102164954",
+    "@pie-lib/math-input": "9.0.8-next.20261102164954",
+    "@pie-lib/math-toolbar": "4.0.8-next.20261102164954",
+    "@pie-lib/render-ui": "8.0.8-next.20261102164954",
     "@pie-lib/translator": "5.0.3-next.20261027184745",
     "@tiptap/core": "3.32.0",
     "@tiptap/extension-character-count": "3.32.0",
@@ -48,7 +48,7 @@
     "@pie-element/shared-utils": "0.1.7-next.20261027193325",
     "clsx": "^2.1.1",
     "prosemirror-state": "^1.4.4",
-    "@pie-element/shared-math-rendering-mathjax": "0.1.9-next.20261026200905",
+    "@pie-element/shared-math-rendering-mathjax": "0.1.9-next.20261102164954",
     "@tiptap/extensions": "3.32.0",
     "@tiptap/extension-list": "3.32.0",
     "@tiptap/extension-bubble-menu": "3.32.0",