@pie-element/math-inline 12.1.1-next.147 → 12.1.1-next.16

package/dist/delivery/simple-question-block.js

@@ -0,0 +1,94 @@
+import e from "react";
+import t from "prop-types";
+import { mq as n } from "@pie-lib/math-input";
+import { color as r } from "@pie-lib/render-ui";
+import { jsx as i } from "react/jsx-runtime";
+import { styled as a } from "@mui/material/styles";
+import { MathToolbar as o } from "@pie-lib/math-toolbar";
+//#region src/delivery/simple-question-block.tsx
+var s = a("div")(({ theme: e }) => ({
+	marginTop: e.spacing(2),
+	marginBottom: e.spacing(2),
+	padding: e.spacing(1)
+})), c = a("div", { shouldForwardProp: (e) => !["isCorrect", "isIncorrect"].includes(e) })(({ theme: e, isCorrect: t, isIncorrect: n }) => ({
+	color: r.text(),
+	background: r.background(),
+	border: t ? `2px solid ${r.correct()} !important` : n ? `2px solid ${r.incorrect()} !important` : `1px solid ${r.primaryLight()}`,
+	width: "fit-content",
+	fontSize: "1rem",
+	padding: t || n ? e.spacing(1) : e.spacing(.5),
+	letterSpacing: t || n ? "0.5px" : "normal",
+	"& > .mq-math-mode": { "& > .mq-hasCursor": { "& > .mq-cursor": { display: "none" } } }
+}));
+if (typeof document < "u") {
+	let e = "math-inline-simple-question-styles";
+	if (!document.getElementById(e)) {
+		let t = document.createElement("style");
+		t.id = e, t.textContent = `
+      .response-editor {
+        display: flex;
+        justify-content: center;
+        width: auto;
+        max-width: fit-content;
+        height: auto;
+        text-align: left;
+        padding: 8px;
+      }
+      .response-editor.mq-math-mode {
+        border: 1px solid ${r.primaryLight()};
+      }
+    `, document.head.appendChild(t);
+	}
+}
+var l = class extends e.Component {
+	static propTypes = {
+		onSimpleResponseChange: t.func,
+		model: t.object.isRequired,
+		emptyResponse: t.bool,
+		session: t.object.isRequired,
+		showCorrect: t.bool,
+		onSubFieldFocus: t.func.isRequired,
+		showKeypad: t.bool.isRequired
+	};
+	constructor(e) {
+		super(e), this.mathToolBarId = `math-toolbar-${(/* @__PURE__ */ new Date()).getTime()}`;
+	}
+	mathToolBarContainsTarget = (e) => document.getElementById(this.mathToolBarId).contains(e.target);
+	handleClick = (e) => {
+		try {
+			this.mathToolBarContainsTarget(e) || this.setState({ showKeypad: !1 });
+		} catch {}
+	};
+	onFocus = () => {
+		let { onSubFieldFocus: e } = this.props;
+		e(this.mathToolBarId);
+	};
+	render() {
+		let { model: e, showCorrect: t, session: r, emptyResponse: a, onSimpleResponseChange: l, showKeypad: u } = this.props, { config: d, disabled: f, correctness: p } = e || {};
+		if (!d) return;
+		let m = p && p.correct, { responses: h, equationEditor: g } = d;
+		return /* @__PURE__ */ i(s, {
+			"data-keypad": !0,
+			children: t || f ? /* @__PURE__ */ i(c, {
+				isIncorrect: !a && !m && !t,
+				isCorrect: !a && (m || t),
+				children: /* @__PURE__ */ i(n.Static, { latex: t ? h && h.length && h[0].answer : r.response || "" })
+			}) : /* @__PURE__ */ i("div", {
+				id: this.mathToolBarId,
+				children: /* @__PURE__ */ i(o, {
+					classNames: { editor: "response-editor" },
+					latex: r.response,
+					keypadMode: g,
+					onChange: l,
+					onDone: () => {},
+					onFocus: this.onFocus,
+					controlledKeypad: !0,
+					showKeypad: u,
+					hideDoneButton: !0
+				})
+			})
+		});
+	}
+};
+//#endregion
+export { l as SimpleQuestionBlock, l as default };

package/dist/delivery/utils.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @synced-from pie-elements/packages/math-inline/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 ResponseTypes: {
+    advanced: string;
+    simple: string;
+};

package/dist/delivery/utils.js

@@ -0,0 +1,7 @@
+//#region src/delivery/utils.ts
+var e = {
+	advanced: "Advanced Multi",
+	simple: "Simple"
+};
+//#endregion
+export { e as ResponseTypes };

package/dist/index.d.ts

@@ -0,0 +1 @@
+export { default } from './delivery/index.js';

package/dist/index.iife.d.ts

@@ -0,0 +1,8 @@
+/**
+ * IIFE entry point for math-inline element
+ * This file is only used for IIFE builds and includes auto-registration
+ *
+ * @sync-generated - Auto-generated during sync from pie-elements
+ */
+import Element from './index.js';
+export default Element;