@pie-lib/math-input 8.1.2-next.88 → 9.0.0-next.7

package/dist/mq/static.js

@@ -0,0 +1,151 @@
+import { updateSpans as e } from "../updateSpans.js";
+import { MQ as t } from "./mathquill-instance.js";
+import n from "react";
+import r from "prop-types";
+import i from "debug";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/mq/static.tsx
+var o = i("pie-lib:math-input:mq:static"), s = /\\MathQuillMathField\[r\d*\]\{(.*?)\}/g, c = / /g;
+function l(e = "") {
+	return e.replace(c, "");
+}
+function u(e) {
+	let t = 0;
+	for (let n = 0; n < (e || "").length; n++) e[n] === "{" && t++;
+	return t;
+}
+var d = class extends n.Component {
+	static propTypes = {
+		latex: r.string.isRequired,
+		onFocus: r.func,
+		onBlur: r.func,
+		className: r.string,
+		getFieldName: r.func,
+		onSubFieldChange: r.func,
+		onSubFieldFocus: r.func,
+		setInput: r.func
+	};
+	static defaultProps = { getFieldName: () => {} };
+	constructor(e) {
+		super(e), this.state = {
+			announcement: "",
+			previousLatex: "",
+			inputSource: null,
+			isDeleteKeyPressed: !1
+		}, this.inputRef = n.createRef();
+	}
+	componentDidMount() {
+		this.update(), e(), this.createLiveRegion(), this.addEventListeners();
+	}
+	componentDidUpdate() {
+		this.update(), e();
+	}
+	componentWillUnmount() {
+		this.removeLiveRegion(), this.removeEventListeners();
+	}
+	createLiveRegion = () => {
+		this.liveRegion = document.createElement("div"), this.liveRegion.style.position = "absolute", this.liveRegion.style.width = "1px", this.liveRegion.style.height = "1px", this.liveRegion.style.marginTop = "-1px", this.liveRegion.style.clip = "rect(1px, 1px, 1px, 1px)", this.liveRegion.style.overflow = "hidden", this.liveRegion.setAttribute("aria-live", "polite"), this.liveRegion.setAttribute("aria-atomic", "true"), document.body.appendChild(this.liveRegion);
+	};
+	addEventListeners = () => {
+		let e = this.inputRef.current;
+		e && (e.addEventListener("keydown", this.handleKeyDown), e.addEventListener("click", this.handleMathKeyboardClick));
+	};
+	removeEventListeners = () => {
+		let e = this.inputRef.current;
+		e && (e.removeEventListener("keydown", this.handleKeyDown), e.removeEventListener("click", this.handleMathKeyboardClick));
+	};
+	removeLiveRegion = () => {
+		this.liveRegion &&= (document.body.removeChild(this.liveRegion), null);
+	};
+	handleKeyDown = (e) => {
+		(e?.key === "Backspace" || e?.key === "Delete") && this.setState({ isDeleteKeyPressed: !0 }), this.setState({ inputSource: "keyboard" });
+	};
+	handleMathKeyboardClick = () => {
+		this.setState({ inputSource: "mathKeyboard" });
+	};
+	onInputEdit = (e) => {
+		if (!this.mathField || this._isProgrammaticUpdate) return;
+		let t = this.props.getFieldName(e, this.mathField.innerFields);
+		if (this.props.onSubFieldChange) {
+			let n = e.latex().match(/[0-9]\\ \\frac\{[^\{]*\}\{ \}/);
+			if (this.inputRef?.current && n && n?.length) try {
+				e.__controller.cursor.insLeftOf(e.__controller.cursor.parent[-1].parent), e.el().dispatchEvent(new KeyboardEvent("keydown", { keyCode: 8 }));
+			} catch (e) {
+				console.error(e.toString());
+			}
+			else this.props.onSubFieldChange(t, e.latex());
+		}
+		this.announceLatexConversion(e.latex());
+	};
+	announceLatexConversion = (e) => {
+		if (!this.state) {
+			console.error("State is not initialized");
+			return;
+		}
+		let { previousLatex: t, inputSource: n, isDeleteKeyPressed: r } = this.state, i = "Converted to math symbol";
+		if (n === "keyboard" && !r) if (u(e) > u(t)) this.announceMessage(i);
+		else try {
+			this.mathField.parseLatex(t), this.mathField.parseLatex(e), e == t && this.announceMessage(i);
+		} catch (e) {
+			console.warn("Error parsing latex:", e.message), console.warn(e);
+		}
+		(this.state.previousLatex !== e || this.state.isDeleteKeyPressed) && this.setState({
+			previousLatex: e,
+			isDeleteKeyPressed: !1
+		});
+	};
+	announceMessage = (e) => {
+		this.setState({ previousLatex: "" }), this.liveRegion && (this.liveRegion.textContent = e, setTimeout(() => {
+			this.liveRegion.textContent = "";
+		}, 500));
+	};
+	update = () => {
+		if (!t) throw Error("MQ is not defined - but component has mounted?");
+		this.mathField ||= t.StaticMath(this.inputRef?.current, { handlers: { edit: this.onInputEdit.bind(this) } });
+		try {
+			this._isProgrammaticUpdate = !0, this.mathField.parseLatex(this.props.latex), this.mathField.latex(this.props.latex);
+		} catch {
+			this.mathField.latex("\\MathQuillMathField[r1]{}");
+		} finally {
+			this._isProgrammaticUpdate = !1;
+		}
+	};
+	blur = () => {
+		o("blur mathfield"), this.mathField.blur();
+	};
+	focus = () => {
+		o("focus mathfield..."), this.mathField.focus();
+	};
+	shouldComponentUpdate(e) {
+		try {
+			let t = l(this.mathField.parseLatex(e.latex)), n = (e.latex.match(s) || []).length, r = t !== l(this.mathField.latex().trim()) || n !== Object.keys(this.mathField.innerFields).length / 2;
+			return o("[shouldComponentUpdate] ", r), r;
+		} catch (e) {
+			return console.warn("Error parsing latex:", e.message, "skip update"), console.warn(e), !1;
+		}
+	}
+	onFocus = (e) => {
+		try {
+			let t = e.target.parentElement.nextSibling, n = parseInt(t.getAttribute("mathquill-block-id"), 10);
+			n ||= (t = t.parentElement, parseInt(t.getAttribute("mathquill-block-id"), 10));
+			let r = this.mathField.innerFields.find((e) => e.id === n);
+			if (r) {
+				let e = this.props.getFieldName(r, this.mathField.innerFields);
+				this.props.setInput && this.props.setInput(r), this.props.onSubFieldFocus(e, r);
+			}
+		} catch (e) {
+			console.error("error finding root block", e.message);
+		}
+	};
+	render() {
+		let { onBlur: e, className: t } = this.props;
+		return /* @__PURE__ */ a("span", {
+			className: t,
+			onFocus: this.onFocus,
+			onBlur: e,
+			ref: this.inputRef
+		});
+	}
+};
+//#endregion
+export { d as default };

package/dist/updateSpans.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @synced-from pie-lib/packages/math-input/src/updateSpans.js
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+declare const updateSpans: () => void;
+export { updateSpans };

package/dist/updateSpans.js

@@ -0,0 +1,8 @@
+//#region src/updateSpans.ts
+var e = () => {
+	(Array.from(document.querySelectorAll("span[mathquill-command-id]")) || []).forEach((e) => {
+		e && e.innerText === "∥" && e.className !== "mq-editable-field" && (e.style.fontSize = "32px"), (e.innerText === "′" || e.innerText === "′′") && !e.hasAttribute("data-prime") && e.setAttribute("data-prime", "true");
+	});
+};
+//#endregion
+export { e as updateSpans };

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@pie-lib/math-input",
-  "publishConfig": {
-    "access": "public"
+  "version": "9.0.0-next.7",
+  "description": "React implementation of @pie-lib/math-input synced from pie-lib",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/pie-framework/pie-elements-ng.git",
+    "directory": "packages/lib-react/math-input"
   },
-  "version": "8.1.2-next.88+fb8ae2fcd",
-  "main": "lib/index.js",
-  "module": "src/index.jsx",
-  "repository": "pie-framework/pie-lib",
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
@@ -14,16 +14,30 @@
     "@mui/material": "^7.3.4",
     "@pie-framework/mathquill": "1.2.1-beta.1",
     "debug": "^4.1.1",
-    "lodash-es": "^4.17.23",
-    "prop-types": "^15.7.2"
+    "prop-types": "^15.7.2",
+    "@pie-element/shared-lodash": "0.1.1-next.1",
+    "@pie-lib/render-ui": "6.2.0-next.42"
   },
-  "peerDependencies": {
-    "react": "^18.2.0"
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
   },
-  "devDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "bun x vite build && bun x tsc --emitDeclarationOnly",
+    "dev": "bun x vite",
+    "test": "bun x vitest run"
   },
-  "scripts": {},
-  "gitHead": "fb8ae2fcdb9b694e4d9db31209e59f280e63fab4"
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  }
 }

package/CHANGELOG.json

@@ -1,17 +0,0 @@
-[
-  {
-    "type": "feat",
-    "scope": "mask-markup",
-    "subject": "merging with the develop branch",
-    "merge": null,
-    "header": "feat(mask-markup): merging with the develop branch",
-    "body": null,
-    "footer": null,
-    "notes": [],
-    "hash": "0153c1aba8a08ba6c974fcc69476a87b9086f6c5",
-    "gitTags": "",
-    "committerDate": "2019-05-02 07:12:59 +0300",
-    "isTagged": true,
-    "tag": "@pie-lib/math-input@6.10.0"
-  }
-]