@pie-element/graphing-solution-set 6.1.2-next.0 → 6.1.2-next.2

package/dist/browser/author/index.js

@@ -1,14 +1,14 @@
-import { V as e, d as t, i as n, t as r } from "../browser-DpedO01u.js";
-import { B as i, D as a, E as o, H as s, I as c, L as l, M as u, N as d, O as f, P as p, R as m, U as h, V as g, W as _, _ as v, a as y, b, c as x, d as S, f as C, g as w, h as T, i as E, j as D, m as O, n as k, o as A, p as j, r as M, s as N, t as P, u as F, v as I, x as L, y as ee, z as R } from "../dist-SjeWPldT.js";
+import { E as e, g as t, o as n, r, t as i } from "../browser-pUycHh7Y.js";
+import { B as a, D as o, E as s, H as c, I as l, L as u, M as d, N as f, O as p, P as m, R as h, U as g, V as _, _ as v, a as y, b, c as x, d as S, f as C, g as w, h as T, i as E, j as D, m as O, n as k, o as A, p as j, r as M, s as N, t as P, u as F, v as I, x as L, y as ee, z as R } from "../dist-B9B3lIkf.js";
 import * as z from "react";
 import B from "react";
 import { createRoot as te } from "react-dom/client";
 import { Fragment as ne, jsx as V, jsxs as H } from "react/jsx-runtime";
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/FormGroup/formGroupClasses.js
 function re(e) {
-	return g("MuiFormGroup", e);
+	return a("MuiFormGroup", e);
 }
-i("MuiFormGroup", [
+R("MuiFormGroup", [
 	"root",
 	"row",
 	"error"
@@ -17,12 +17,12 @@ i("MuiFormGroup", [
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/FormGroup/FormGroup.js
 var ie = (e) => {
 	let { classes: t, row: n, error: r } = e;
-	return R({ root: [
+	return h({ root: [
 		"root",
 		n && "row",
 		r && "error"
 	] }, re, t);
-}, ae = m("div", {
+}, ae = u("div", {
 	name: "MuiFormGroup",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -38,31 +38,31 @@ var ie = (e) => {
 		style: { flexDirection: "row" }
 	}]
 }), oe = /*#__PURE__*/ z.forwardRef(function(e, t) {
-	let n = p({
+	let n = m({
 		props: e,
 		name: "MuiFormGroup"
-	}), { className: r, row: i = !1, ...o } = n, c = f({
+	}), { className: r, row: i = !1, ...a } = n, s = p({
 		props: n,
-		muiFormControl: a(),
+		muiFormControl: o(),
 		states: ["error"]
-	}), l = {
+	}), c = {
 		...n,
 		row: i,
-		error: c.error
+		error: s.error
 	};
 	return /*#__PURE__*/ V(ae, {
-		className: s(ie(l).root, r),
-		ownerState: l,
+		className: _(ie(c).root, r),
+		ownerState: c,
 		ref: t,
-		...o
+		...a
 	});
 });
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/RadioGroup/radioGroupClasses.js
 function se(e) {
-	return g("MuiRadioGroup", e);
+	return a("MuiRadioGroup", e);
 }
-i("MuiRadioGroup", [
+R("MuiRadioGroup", [
 	"root",
 	"row",
 	"error"
@@ -71,81 +71,81 @@ i("MuiRadioGroup", [
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/RadioGroup/RadioGroup.js
 var ce = (e) => {
 	let { classes: t, row: n, error: r } = e;
-	return R({ root: [
+	return h({ root: [
 		"root",
 		n && "row",
 		r && "error"
 	] }, se, t);
 }, le = /*#__PURE__*/ z.forwardRef(function(e, t) {
-	let { actions: n, children: r, className: i, defaultValue: a, name: o, onChange: c, value: l, ...f } = e, p = z.useRef(null), m = ce(e), [h, g] = D({
-		controlled: l,
+	let { actions: n, children: r, className: i, defaultValue: a, name: o, onChange: s, value: c, ...l } = e, u = z.useRef(null), p = ce(e), [m, h] = D({
+		controlled: c,
 		default: a,
 		name: "RadioGroup"
 	});
 	z.useImperativeHandle(n, () => ({ focus: () => {
-		let e = p.current.querySelector("input:not(:disabled):checked");
-		e ||= p.current.querySelector("input:not(:disabled)"), e && e.focus();
+		let e = u.current.querySelector("input:not(:disabled):checked");
+		e ||= u.current.querySelector("input:not(:disabled)"), e && e.focus();
 	} }), []);
-	let _ = d(t, p), v = u(o), y = z.useMemo(() => ({
+	let g = f(t, u), v = d(o), y = z.useMemo(() => ({
 		name: v,
 		onChange(e) {
-			g(e.target.value), c && c(e, e.target.value);
+			h(e.target.value), s && s(e, e.target.value);
 		},
-		value: h
+		value: m
 	}), [
 		v,
-		c,
-		g,
-		h
+		s,
+		h,
+		m
 	]);
 	return /*#__PURE__*/ V(S.Provider, {
 		value: y,
 		children: /*#__PURE__*/ V(oe, {
 			role: "radiogroup",
-			ref: _,
-			className: s(m.root, i),
-			...f,
+			ref: g,
+			className: _(p.root, i),
+			...l,
 			children: r
 		})
 	});
-}), U = /* @__PURE__ */ e(h(), 1);
+}), U = /* @__PURE__ */ e(c(), 1);
 function W(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
 function ue(e, t) {
 	return !e || W(e) ? e : W(e.default) ? e.default : t && W(e[t]) ? e[t] : t && W(e[t]?.default) ? e[t].default : e;
 }
-var de = ue(o, "InputContainer") || ue(pe.InputContainer, "InputContainer"), fe = L, G = fe.default, pe = G && typeof G == "object" ? G : fe, me = m("div")(() => ({ width: "450px" })), he = m("div")(() => ({
+var de = ue(s, "InputContainer") || ue(pe.InputContainer, "InputContainer"), fe = L, G = fe.default, pe = G && typeof G == "object" ? G : fe, me = u("div")(() => ({ width: "450px" })), he = u("div")(() => ({
 	display: "flex",
 	flexDirection: "column",
 	width: "100%"
-})), K = m("div")(() => ({
+})), K = u("div")(() => ({
 	display: "flex",
 	flexDirection: "column",
 	alignItems: "center"
-})), ge = m("div")(() => ({
+})), ge = u("div")(() => ({
 	display: "flex",
 	justifyContent: "space-around",
 	alignItems: "center"
-})), _e = m("div")(({ theme: e }) => ({
+})), _e = u("div")(({ theme: e }) => ({
 	width: "130px",
 	margin: `${e.spacing(1)} ${e.spacing(.5)}`
-})), q = m("div")(({ theme: e }) => ({
+})), q = u("div")(({ theme: e }) => ({
 	width: "160px",
 	margin: `${e.spacing(1)} ${e.spacing(.5)}`,
 	"& .MuiFormControl-root": { width: "100%" }
-})), ve = m("div")(({ theme: e }) => ({
+})), ve = u("div")(({ theme: e }) => ({
 	width: "230px",
 	margin: `${e.spacing(1)} ${e.spacing(.5)}`,
 	"& .MuiFormControl-root": { width: "100%" }
-})), ye = m(b)(({ theme: e }) => ({
+})), ye = u(b)(({ theme: e }) => ({
 	fontStyle: "italic",
 	margin: `${e.spacing(1)} 0`
-})), be = m("div")(() => ({
+})), be = u("div")(() => ({
 	display: "flex",
 	justifyContent: "space-between",
 	alignItems: "center"
-})), xe = m(b)(() => ({ color: c.disabled() })), Se = m("div")(({ theme: e }) => ({ paddingTop: e.spacing(2) })), J = (e) => {
+})), xe = u(b)(() => ({ color: l.disabled() })), Se = u("div")(({ theme: e }) => ({ paddingTop: e.spacing(2) })), J = (e) => {
 	let { disabled: t, displayedFields: n, labelValue: r, labelValues: i, gridValue: a, gridValues: o, onChange: s } = e, { labelStep: c = {}, step: l = {} } = n;
 	return /* @__PURE__ */ H(K, { children: [l && l.enabled && /* @__PURE__ */ V(q, { children: /* @__PURE__ */ V(y, {
 		label: l.label || "",
@@ -405,7 +405,7 @@ Ce.propTypes = {
 };
 //#endregion
 //#region src/author/utils.ts
-var we = /* @__PURE__ */ e(r(), 1), Te = [
+var we = /* @__PURE__ */ e(i(), 1), Te = [
 	.01,
 	.02,
 	.04,
@@ -631,16 +631,16 @@ var we = /* @__PURE__ */ e(r(), 1), Te = [
 }, X = (e, t, n = !1) => {
 	let r = 10 * (e.max - e.min) / t, i = r * 10;
 	return (n ? Ee : Te).filter((e) => e >= r && e <= i);
-}, Z = (e) => De[e] || [], Oe = (e, t, r, i) => {
+}, Z = (e) => De[e] || [], Oe = (e, t, n, i) => {
 	let a = X(e, t), o = Z(e.step);
-	if (!n(r, a) && !a.includes(e.step)) {
+	if (!r(n, a) && !a.includes(e.step)) {
 		let n = X(e, t, !0)[0] || 1;
 		return e.step = n, o = Z(n), o.includes(e.labelStep) || (e.labelStep = n), {
 			gridValues: a,
 			labelValues: o
 		};
 	}
-	return !n(i, o) && !o.includes(e.labelStep) && (e.labelStep = e.step), {
+	return !r(i, o) && !o.includes(e.labelStep) && (e.labelStep = e.step), {
 		gridValues: a,
 		labelValues: o
 	};
@@ -874,28 +874,28 @@ var we = /* @__PURE__ */ e(r(), 1), Te = [
 		if (t.length === 1) return !t[0].building;
 	} else if (t.length !== 2) return !1;
 	else return !t[1].building;
-}, Je = m("div")(({ theme: e }) => ({
+}, Je = u("div")(({ theme: e }) => ({
 	display: "flex",
 	flexWrap: "wrap",
 	marginBottom: e.spacing(2.5)
-})), Ye = m("div")(({ theme: e }) => ({
+})), Ye = u("div")(({ theme: e }) => ({
 	display: "flex",
 	flexDirection: "column",
 	marginRight: e.spacing(3),
 	marginBottom: e.spacing(2.5)
-})), Xe = m("div")({
+})), Xe = u("div")({
 	display: "flex",
 	flexDirection: "column"
-}), Ze = m(b)(({ theme: e }) => ({
+}), Ze = u(b)(({ theme: e }) => ({
 	marginTop: e.spacing(1.5),
 	marginBottom: e.spacing(1)
-})), Qe = m("div")(({ theme: e }) => ({
+})), Qe = u("div")(({ theme: e }) => ({
 	display: "flex",
 	flexWrap: "wrap",
 	alignItems: "center",
 	width: "100%",
 	marginBottom: e.spacing(2.5)
-})), $e = m(b)(({ theme: e }) => ({ padding: `0 ${e.spacing(1)}` })), et = m(I)({ flex: "1" }), tt = class extends z.Component {
+})), $e = u(b)(({ theme: e }) => ({ padding: `0 ${e.spacing(1)}` })), et = u(I)({ flex: "1" }), tt = class extends z.Component {
 	static propTypes = {
 		availableTools: U.default.array,
 		authoring: U.default.object,
@@ -941,7 +941,7 @@ var we = /* @__PURE__ */ e(r(), 1), Te = [
 			title: e
 		});
 	};
-	onConfigChange = (e, r) => {
+	onConfigChange = (e, n) => {
 		let { model: i, onChange: a } = this.props, { defaultGridConfiguration: o = 0 } = i, { gridValues: s, labelValues: c, domain: l, range: u } = this.state, d = {
 			...i,
 			...e
@@ -951,7 +951,7 @@ var we = /* @__PURE__ */ e(r(), 1), Te = [
 		}, y = {
 			domain: [],
 			range: []
-		}, b = r >= 0 ? r : o;
+		}, b = n >= 0 ? n : o;
 		if (m) {
 			let e = Oe(p, h.width, s.domain, c.domain);
 			v.domain = e.gridValues || [], y.domain = e.labelValues || [];
@@ -964,7 +964,7 @@ var we = /* @__PURE__ */ e(r(), 1), Te = [
 		let x = t(f);
 		x.correctAnswer.marks = f.correctAnswer.marks.filter((e) => e.type !== "polygon");
 		let S = Ae(p, g, x);
-		if (!n(x, S)) {
+		if (!r(x, S)) {
 			this.setState({ dialog: {
 				isOpened: !0,
 				onClose: () => this.setState({ dialog: { isOpened: !1 } }, a({
@@ -1098,14 +1098,14 @@ var we = /* @__PURE__ */ e(r(), 1), Te = [
 			})
 		] });
 	}
-}, nt = m(b)(({ theme: e }) => ({
+}, nt = u(b)(({ theme: e }) => ({
 	marginTop: e.spacing(1.5),
 	marginBottom: e.spacing(1)
-})), rt = m(C)({
+})), rt = u(C)({
 	height: "20px",
 	width: "fit-content",
 	padding: ".5rem 0"
-}), it = m(F)({ color: "#000000 !important" }), at = m("div")(({ theme: e }) => ({
+}), it = u(F)({ color: "#000000 !important" }), at = u("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(1)
@@ -1118,17 +1118,17 @@ var we = /* @__PURE__ */ e(r(), 1), Te = [
 	state = { dialog: { open: !1 } };
 	handleAlertDialog = (e, t) => this.setState({ dialog: { open: e } }, t);
 	changeMarks = (e) => {
-		let { model: t, onChange: n } = this.props, { gssLineData: r } = t;
-		r.selectedTool === "lineA" && e.length > 0 && (e[0].fill = r.lineA.lineType), r.selectedTool === "lineB" && e.length > 1 && (e[1].fill = r.lineB.lineType), e.length === 0 && (r.selectedTool = "lineA", l(t, "gssLineData", r)), l(t, "answers.correctAnswer.marks", e), n(t);
+		let { model: t, onChange: r } = this.props, { gssLineData: i } = t;
+		i.selectedTool === "lineA" && e.length > 0 && (e[0].fill = i.lineA.lineType), i.selectedTool === "lineB" && e.length > 1 && (e[1].fill = i.lineB.lineType), e.length === 0 && (i.selectedTool = "lineA", n(t, "gssLineData", i)), n(t, "answers.correctAnswer.marks", e), r(t);
 	};
 	onResetClick = () => {
-		let { model: e, onChange: t } = this.props, { gssLineData: n, answers: r } = e;
+		let { model: e, onChange: t } = this.props, { gssLineData: r, answers: i } = e;
 		this.setState({ dialog: {
 			open: !0,
 			title: "Warning",
 			text: "This will remove all the elements added on the graph and reset graph to original state. Are you sure you want to continue?",
 			onConfirm: () => {
-				r.correctAnswer.marks = [], n.selectedTool = "lineA", n.lineA.lineType = "Solid", n.lineB && (n.lineB.lineType = "Solid"), l(e, "answers", r), l(e, "gssLineData", n), t(e), this.handleAlertDialog(!1);
+				i.correctAnswer.marks = [], r.selectedTool = "lineA", r.lineA.lineType = "Solid", r.lineB && (r.lineB.lineType = "Solid"), n(e, "answers", i), n(e, "gssLineData", r), t(e), this.handleAlertDialog(!1);
 			},
 			onClose: () => this.handleAlertDialog(!1)
 		} });
@@ -1146,12 +1146,12 @@ var we = /* @__PURE__ */ e(r(), 1), Te = [
 		} }) : this.changeLine(e, t);
 	};
 	changeLine = (e, t) => {
-		let { model: n, onChange: r } = this.props, { answers: i } = n, a = n.gssLineData;
-		i.correctAnswer.marks = i.correctAnswer.marks.filter((e) => e.type !== "polygon"), Number.parseInt(t) === 1 ? (delete a.lineB, i.correctAnswer.marks.length > 1 && i.correctAnswer.marks.pop(), a.numberOfLines = 1, a.selectedTool = "lineA") : (a.numberOfLines = 2, i.correctAnswer.marks.length > 0 && (a.selectedTool = "lineB"), a.lineB = { lineType: "Solid" }), l(n, "answers", i), l(n, "gssLineData", a), r(n);
+		let { model: r, onChange: i } = this.props, { answers: a } = r, o = r.gssLineData;
+		a.correctAnswer.marks = a.correctAnswer.marks.filter((e) => e.type !== "polygon"), Number.parseInt(t) === 1 ? (delete o.lineB, a.correctAnswer.marks.length > 1 && a.correctAnswer.marks.pop(), o.numberOfLines = 1, o.selectedTool = "lineA") : (o.numberOfLines = 2, a.correctAnswer.marks.length > 0 && (o.selectedTool = "lineB"), o.lineB = { lineType: "Solid" }), n(r, "answers", a), n(r, "gssLineData", o), i(r);
 	};
 	onSolutionSetSelected = (e) => {
-		let { model: t, onChange: n } = this.props, { answers: r, gssLineData: i } = t;
-		for (let t of i.sections) if (Ke(e, t)) {
+		let { model: t, onChange: r } = this.props, { answers: i, gssLineData: a } = t;
+		for (let t of a.sections) if (Ke(e, t)) {
 			let e = {
 				points: t,
 				building: !1,
@@ -1159,10 +1159,10 @@ var we = /* @__PURE__ */ e(r(), 1), Te = [
 				closed: !0,
 				isSolution: !0
 			};
-			r.correctAnswer.marks = r.correctAnswer.marks.filter((e) => e.type !== "polygon"), r.correctAnswer.marks.push(e);
+			i.correctAnswer.marks = i.correctAnswer.marks.filter((e) => e.type !== "polygon"), i.correctAnswer.marks.push(e);
 			break;
 		}
-		l(t, "answers", r), n(t);
+		n(t, "answers", i), r(t);
 	};
 	onChangeGssLineData = (e, t) => {
 		let { model: n } = this.props, { answers: r, domain: i, range: a } = n;
@@ -1196,7 +1196,7 @@ var we = /* @__PURE__ */ e(r(), 1), Te = [
 		}
 	};
 	handleGssLineDataChange = (e, t) => {
-		let { model: n, onChange: r } = this.props;
+		let { model: r, onChange: i } = this.props;
 		t.correctAnswer.marks.length > 0 && t.correctAnswer.marks[0] && e.lineA && (t.correctAnswer.marks[0].fill = e.lineA.lineType), t.correctAnswer.marks.length > 1 && t.correctAnswer.marks[1] && e.lineB && (t.correctAnswer.marks[1].fill = e.lineB.lineType), (e.selectedTool === "lineB" && t.correctAnswer.marks.length === 0 || e.selectedTool === "lineB" && t.correctAnswer.marks[0].building) && (this.setState({ dialog: {
 			open: !0,
 			title: "Warning",
@@ -1207,7 +1207,7 @@ var we = /* @__PURE__ */ e(r(), 1), Te = [
 			title: "Warning",
 			text: "Please add Line B to the graph before switching to Line A",
 			onConfirm: () => this.handleAlertDialog(!1)
-		} }), e.selectedTool = "lineB"), l(n, "gssLineData", e), l(n, "answers", t), r(n);
+		} }), e.selectedTool = "lineB"), n(r, "gssLineData", e), n(r, "answers", t), i(r);
 	};
 	updateModel = (e) => {
 		let { model: t, onChange: n } = this.props;
@@ -1291,12 +1291,12 @@ var we = /* @__PURE__ */ e(r(), 1), Te = [
 	}
 }, { Panel: st, toggle: $, radio: ct, checkboxes: lt, textField: ut, dropdown: dt } = k;
 (0, we.default)("@pie-element:graphing-solution-set:configure");
-var ft = m(P)(({ theme: e }) => ({
+var ft = u(P)(({ theme: e }) => ({
 	width: "100%",
 	paddingTop: e.spacing(2),
 	marginBottom: e.spacing(2),
 	marginTop: e.spacing(2)
-})), pt = m(b)(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), mt = class extends B.Component {
+})), pt = u(b)(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), mt = class extends B.Component {
 	static propTypes = {
 		onModelChanged: U.default.func,
 		onConfigurationChanged: U.default.func,
@@ -1928,7 +1928,7 @@ var ft = m(P)(({ theme: e }) => ({
 				}
 			});
 			this._root ||= te(this), this._root.render(e), queueMicrotask(() => {
-				_(this);
+				g(this);
 			});
 		}
 	}