@pie-lib/math-toolbar 3.0.3-next.36 → 3.0.3-next.37

package/dist/index.js

@@ -0,0 +1,158 @@
+import e from "./editor-and-pad.js";
+import { DoneButton as t } from "./done-button.js";
+import n from "./math-preview.js";
+import r from "react";
+import i from "prop-types";
+import { styled as a } from "@mui/material/styles";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/index.tsx
+var c = a("div")({
+	display: "flex",
+	width: "100%",
+	zIndex: 8,
+	alignItems: "center"
+}), l = class extends r.Component {
+	static propTypes = {
+		autoFocus: i.bool,
+		allowAnswerBlock: i.bool,
+		controlledKeypad: i.bool,
+		controlledKeypadMode: i.bool,
+		keypadMode: i.oneOfType([i.string, i.number]),
+		classNames: i.object,
+		error: i.string,
+		maxResponseAreas: i.number,
+		showKeypad: i.bool,
+		noDecimal: i.bool,
+		additionalKeys: i.array,
+		latex: i.string.isRequired,
+		onAnswerBlockAdd: i.func,
+		onChange: i.func,
+		onDone: i.func.isRequired,
+		onFocus: i.func,
+		onBlur: i.func,
+		hideDoneButton: i.bool,
+		keyPadCharacterRef: i.func,
+		setKeypadInteraction: i.func
+	};
+	static defaultProps = {
+		classNames: {},
+		keypadMode: "item-authoring",
+		autoFocus: !1,
+		allowAnswerBlock: !1,
+		controlledKeypad: !1,
+		controlledKeypadMode: !1,
+		noDecimal: !1,
+		showKeypad: !0,
+		additionalKeys: [],
+		onChange: () => {},
+		onAnswerBlockAdd: () => {},
+		onFocus: () => {},
+		hideDoneButton: !1
+	};
+	constructor(e) {
+		super(e), this.state = { latex: e.latex };
+	}
+	done = () => {
+		this.props.onDone(this.state.latex);
+	};
+	UNSAFE_componentWillReceiveProps(e) {
+		this.setState({ latex: e.latex });
+	}
+	onChange = (e) => {
+		this.setState({ latex: e }), this.props.onChange(e);
+	};
+	render() {
+		let { latex: e } = this.state, { classNames: t, autoFocus: n, allowAnswerBlock: r, onAnswerBlockAdd: i, controlledKeypad: a, controlledKeypadMode: s, keypadMode: c, noDecimal: l, additionalKeys: u, showKeypad: f, onFocus: p, onBlur: m, hideDoneButton: h, error: g, keyPadCharacterRef: _, setKeypadInteraction: v, maxResponseAreas: y } = this.props;
+		return /* @__PURE__ */ o(d, {
+			autoFocus: n,
+			classNames: t,
+			onAnswerBlockAdd: i,
+			allowAnswerBlock: r,
+			latex: e,
+			additionalKeys: u,
+			noDecimal: l,
+			keypadMode: c,
+			keyPadCharacterRef: _,
+			setKeypadInteraction: v,
+			onChange: this.onChange,
+			onDone: this.done,
+			onFocus: p,
+			onBlur: m,
+			showKeypad: f,
+			controlledKeypad: a,
+			controlledKeypadMode: s,
+			hideDoneButton: h,
+			error: g,
+			maxResponseAreas: y
+		});
+	}
+}, u = class extends r.Component {
+	static propTypes = {
+		classNames: i.object,
+		latex: i.string.isRequired,
+		keypadMode: i.oneOfType([i.string, i.number]),
+		hideInput: i.bool,
+		noLatexHandling: i.bool,
+		layoutForKeyPad: i.object,
+		onChange: i.func.isRequired,
+		onDone: i.func.isRequired,
+		onBlur: i.func,
+		onAnswerBlockAdd: i.func,
+		additionalKeys: i.array,
+		onFocus: i.func,
+		autoFocus: i.bool,
+		noDecimal: i.bool,
+		allowAnswerBlock: i.bool,
+		controlledKeypad: i.bool,
+		controlledKeypadMode: i.bool,
+		showKeypad: i.bool,
+		hideDoneButton: i.bool,
+		hideDoneButtonBackground: i.bool,
+		error: i.any,
+		maxResponseAreas: i.number,
+		keyPadCharacterRef: i.object,
+		setKeypadInteraction: i.func
+	};
+	static defaultProps = {
+		classNames: {},
+		hideDoneButtonBackground: !1
+	};
+	render() {
+		let { classNames: n, autoFocus: r, allowAnswerBlock: i, onAnswerBlockAdd: a, controlledKeypad: l, controlledKeypadMode: u, additionalKeys: d, showKeypad: f, keypadMode: p, noDecimal: m, hideInput: h, noLatexHandling: g, layoutForKeyPad: _, keyPadCharacterRef: v, setKeypadInteraction: y, latex: b, onChange: x, onDone: S, onFocus: C, onBlur: w, hideDoneButton: T, hideDoneButtonBackground: E, error: D, maxResponseAreas: O } = this.props;
+		return /* @__PURE__ */ s(c, {
+			className: n && n.toolbar || "",
+			ref: v,
+			children: [
+				/* @__PURE__ */ o("div", {}),
+				/* @__PURE__ */ o(e, {
+					autoFocus: r,
+					keypadMode: p,
+					classNames: n || {},
+					controlledKeypad: l,
+					controlledKeypadMode: u,
+					noDecimal: m,
+					hideInput: h,
+					noLatexHandling: g,
+					layoutForKeyPad: _,
+					showKeypad: f,
+					additionalKeys: d,
+					allowAnswerBlock: i,
+					onAnswerBlockAdd: a,
+					latex: b,
+					onChange: x,
+					onFocus: C,
+					onBlur: w,
+					error: D,
+					maxResponseAreas: O,
+					setKeypadInteraction: y
+				}),
+				(!l || l && f) && !T && /* @__PURE__ */ o(t, {
+					hideBackground: E,
+					onClick: S
+				})
+			]
+		});
+	}
+}, d = u;
+//#endregion
+export { n as MathPreview, l as MathToolbar, d as PureToolbar, u as RawPureToolbar };

package/dist/math-preview.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @synced-from pie-lib/packages/math-toolbar/src/math-preview.jsx
+ * @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.
+ */
+import React from 'react';
+import PropTypes from 'prop-types';
+export declare class RawMathPreview extends React.Component {
+    static propTypes: {
+        latex: PropTypes.Requireable<string>;
+        isSelected: PropTypes.Requireable<boolean>;
+        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
+        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: any): void;
+    render(): React.JSX.Element;
+}
+export default RawMathPreview;

package/dist/math-preview.js

@@ -0,0 +1,125 @@
+import { markFractionBaseSuperscripts as e } from "./utils.js";
+import t from "react";
+import n from "prop-types";
+import r from "debug";
+import { styled as i } from "@mui/material/styles";
+import { mq as a } from "@pie-lib/math-input";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/math-preview.tsx
+var { commonMqFontStyles: c, longdivStyles: l, supsubStyles: u } = a.CommonMqStyles, d = r("@pie-lib:math-toolbar:math-preview"), f = i("div")(({ theme: e, isSelected: t }) => ({
+	display: "inline-flex",
+	alignItems: "center",
+	position: "relative",
+	"& *": c,
+	...u,
+	...l,
+	"& > .mq-math-mode": { border: t ? "solid 0px lightgrey" : "solid 1px lightgrey" },
+	"& > .mq-focused": {
+		outline: "none",
+		boxShadow: "none",
+		border: "solid 1px black",
+		borderRadius: "0px"
+	},
+	"& > .mq-math-mode .mq-root-block": { paddingTop: "7px !important" },
+	"& > .mq-math-mode .mq-overarc ": { paddingTop: "0.45em !important" },
+	"& > .mq-math-mode .mq-sqrt-prefix": {
+		verticalAlign: "baseline !important",
+		top: "1px !important",
+		left: "-0.1em !important"
+	},
+	"& > .mq-math-mode .mq-denominator": {
+		marginTop: "-5px !important",
+		padding: "0.5em 0.1em 0.1em !important"
+	},
+	"& > .mq-math-mode .mq-numerator, .mq-math-mode .mq-over": {
+		padding: "0 0.1em !important",
+		paddingBottom: "0 !important",
+		marginBottom: "-2px"
+	},
+	"& > .mq-math-mode .mq-longdiv .mq-longdiv-inner .mq-empty": {
+		paddingTop: "6px !important",
+		paddingLeft: "4px !important"
+	},
+	"& > .mq-math-mode .mq-longdiv .mq-longdiv-inner": { marginLeft: "0 !important" },
+	"& > .mq-math-mode .mq-overarrow": { fontFamily: "Roboto, Helvetica, Arial, sans-serif !important" },
+	"& > .mq-math-mode .mq-paren": {
+		verticalAlign: "top !important",
+		padding: "1px 0.1em !important"
+	},
+	"& > .mq-math-mode .mq-sqrt-stem": {
+		borderTop: "0.07em solid",
+		marginLeft: "-1.5px",
+		marginTop: "-2px !important",
+		paddingTop: "5px !important"
+	},
+	"& .mq-overarrow-inner": {
+		paddingTop: "0 !important",
+		border: "none !important"
+	},
+	"& .mq-editable-field .mq-cursor": { marginTop: "-15px !important" },
+	"& .mq-overarrow.mq-arrow-both": {
+		top: "7.5px",
+		marginTop: "0px",
+		minWidth: "1.23em",
+		"& *": { lineHeight: "1 !important" },
+		"&:before": {
+			top: "-0.4em",
+			left: "-1px"
+		},
+		"&:after": {
+			top: "0px !important",
+			position: "absolute !important",
+			right: "-2px"
+		},
+		"&.mq-empty:after": { top: "-0.45em" }
+	},
+	"& .mq-overarrow.mq-arrow-right": { "&:before": {
+		top: "-0.4em",
+		right: "-1px"
+	} },
+	"& .mq-overarrow-inner-right": { display: "none !important" },
+	"& .mq-overarrow-inner-left": { display: "none !important" },
+	"& .mq-longdiv-inner": {
+		borderTop: "1px solid !important",
+		paddingTop: "1.5px !important"
+	},
+	"& .mq-parallelogram": { lineHeight: .85 },
+	"& span[data-prime=\"true\"]": { fontFamily: "Roboto, Helvetica, Arial, sans-serif !important" },
+	...t && { border: `solid 1px ${e.palette.primary.main}` }
+})), p = i("span")({
+	position: "absolute",
+	bottom: 0,
+	left: 0,
+	right: 0,
+	top: 0
+}), m = class extends t.Component {
+	static propTypes = {
+		latex: n.string,
+		isSelected: n.bool,
+		onFocus: n.func,
+		onBlur: n.func
+	};
+	componentDidMount() {
+		e();
+	}
+	componentDidUpdate(t) {
+		this.props.latex !== t.latex && e();
+	}
+	render() {
+		let { isSelected: e, onFocus: t, onBlur: n, latex: r } = this.props;
+		return d("[render] latex: ", r), /* @__PURE__ */ s(f, {
+			isSelected: e,
+			children: [
+				" ",
+				/* @__PURE__ */ o(p, {}),
+				/* @__PURE__ */ o(a.Static, {
+					latex: r,
+					onFocus: t,
+					onBlur: n
+				})
+			]
+		});
+	}
+};
+//#endregion
+export { m as default };

package/dist/utils.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @synced-from pie-lib/packages/math-toolbar/src/utils.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.
+ */
+export declare const markFractionBaseSuperscripts: () => void;

package/dist/utils.js

@@ -0,0 +1,9 @@
+//#region src/utils.ts
+var e = () => {
+	document.querySelectorAll(".mq-supsub.mq-sup-only").forEach((e) => {
+		let t = e.previousElementSibling;
+		t && t.classList.contains("mq-non-leaf") && t.querySelector(".mq-fraction") ? e.classList.add("mq-after-fraction-group") : e.classList.remove("mq-after-fraction-group");
+	});
+};
+//#endregion
+export { e as markFractionBaseSuperscripts };

package/package.json

@@ -1,39 +1,45 @@
 {
   "name": "@pie-lib/math-toolbar",
-  "publishConfig": {
-    "access": "public"
-  },
-  "version": "3.0.3-next.36+31c58d108",
+  "version": "3.0.3-next.37",
   "description": "Math toolbar for editing math equations",
-  "keywords": [
-    "math",
-    "toolbar",
-    "equations",
-    "expressions"
-  ],
-  "main": "lib/index.js",
-  "module": "src/index.jsx",
-  "author": "",
-  "license": "ISC",
-  "repository": "pie-framework/pie-lib",
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/style": "^0.8.0",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
-    "@pie-lib/math-input": "^8.1.0",
-    "@pie-lib/render-ui": "^6.1.1-next.36+31c58d108",
+    "@pie-lib/math-input": "8.1.1-next.2",
+    "@pie-lib/render-ui": "6.1.1-next.37",
     "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.0"
   },
-  "peerDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "bun x vite build && bun x tsc --emitDeclarationOnly",
+    "dev": "bun x vite",
+    "test": "bun x vitest run"
   },
   "devDependencies": {
-    "@pie-lib/test-utils": "^2.0.2"
+    "vite": "^8.0.1",
+    "typescript": "^5.9.3",
+    "@vitejs/plugin-react": "^6.0.1",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0"
   },
-  "scripts": {},
-  "gitHead": "31c58d108817fb25448ce7b29d4369f667f75625"
+  "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-toolbar@1.10.0"
-  }
-]