@pie-element/graphing 10.1.2-next.0 → 10.1.2-next.10

package/dist/author/configure.js

@@ -1,35 +1,35 @@
-import e from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/intersection.js";
-import t from "./graphing-config.js";
-import n from "./correct-response.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";
-import c from "debug";
+import { GraphingConfig as e } from "./graphing-config.js";
+import { CorrectResponse as t } from "./correct-response.js";
+import n from "react";
+import r from "prop-types";
+import { styled as i } from "@mui/material/styles";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import s from "debug";
+import { intersection as c } from "@pie-element/shared-lodash";
 import l from "@mui/material/Typography";
 import { InputContainer as u, layout as d, settings as f } from "@pie-lib/config-ui";
 import p from "@pie-lib/editable-html-tip-tap";
 //#region src/author/configure.tsx
-var { Panel: ee, toggle: m, radio: h, checkboxes: te, textField: ne, dropdown: re } = f, ie = c("@pie-element:graphing:configure"), g = a(u)(({ theme: e }) => ({
+var { Panel: ee, toggle: m, radio: h, checkboxes: te, textField: ne, dropdown: re } = f, ie = s("@pie-element:graphing:configure"), g = i(u)(({ theme: e }) => ({
 	width: "100%",
 	paddingTop: e.spacing(2),
 	marginBottom: e.spacing(2)
-})), ae = a(l)(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), _ = a("div")(({ theme: e }) => ({
+})), ae = i(l)(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), _ = i("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(1)
-})), v = class extends r.Component {
+})), v = class extends n.Component {
 	static propTypes = {
-		onModelChanged: i.func,
-		onConfigurationChanged: i.func,
-		imageSupport: i.object,
-		uploadSoundSupport: i.object,
-		model: i.object.isRequired,
-		configuration: i.object.isRequired
+		onModelChanged: r.func,
+		onConfigurationChanged: r.func,
+		imageSupport: r.object,
+		uploadSoundSupport: r.object,
+		model: r.object.isRequired,
+		configuration: r.object.isRequired
 	};
 	componentDidMount() {
-		let { configuration: t, onModelChanged: n, model: r } = this.props, { availableTools: i, title: a, graphDimensions: o } = t || {}, { arrows: s, titleEnabled: c, dimensionsEnabled: l } = r || {};
-		typeof s == "boolean" && (s = s ? {
+		let { configuration: e, onModelChanged: t, model: n } = this.props, { availableTools: r, title: i, graphDimensions: a } = e || {}, { arrows: o, titleEnabled: s, dimensionsEnabled: l } = n || {};
+		typeof o == "boolean" && (o = o ? {
 			left: !0,
 			right: !0,
 			up: !0,
@@ -40,10 +40,10 @@ var { Panel: ee, toggle: m, radio: h, checkboxes: te, textField: ne, dropdown: r
 			up: !1,
 			down: !1
 		});
-		let u = e(i || [], r.toolbarTools || []), d = c ?? a.enabled, f = l ?? o.enabled;
-		n && n({
-			...r,
-			arrows: s,
+		let u = c(r || [], n.toolbarTools || []), d = s ?? i.enabled, f = l ?? a.enabled;
+		t && t({
+			...n,
+			arrows: o,
 			toolbarTools: u,
 			titleEnabled: d,
 			dimensionsEnabled: f
@@ -71,8 +71,8 @@ var { Panel: ee, toggle: m, radio: h, checkboxes: te, textField: ne, dropdown: r
 		});
 	};
 	render() {
-		let { model: e, configuration: r, onConfigurationChanged: i, onModelChanged: a, imageSupport: c, uploadSoundSupport: l } = this.props, { arrows: u = {}, authoring: f = {}, availableTools: v = [], baseInputConfiguration: y = {}, coordinatesOnHover: b = {}, contentDimensions: x = {}, gridConfigurations: S = [], graphDimensions: C = {}, instruction: w = {}, labels: T = {}, padding: E = {}, prompt: D = {}, rationale: O = {}, scoringType: k = {}, settingsPanelDisabled: A, spellCheck: j = {}, studentInstructions: M = {}, teacherInstructions: N = {}, title: P = {}, maxImageWidth: F = {}, maxImageHeight: I = {}, withRubric: L = {}, language: R = {}, languageChoices: z = {}, mathMlOptions: B = {}, removeIncompleteTool: V = !1 } = r || {}, { errors: H = {}, extraCSSRules: U, labelsEnabled: W, dimensionsEnabled: G, promptEnabled: K, rationaleEnabled: oe, spellCheckEnabled: q, teacherInstructionsEnabled: se, titleEnabled: ce } = e || {}, { prompt: J, rationale: Y, teacherInstructions: X } = H || {};
-		ie("[render] model", e);
+		let { model: n, configuration: r, onConfigurationChanged: i, onModelChanged: s, imageSupport: c, uploadSoundSupport: l } = this.props, { arrows: u = {}, authoring: f = {}, availableTools: v = [], baseInputConfiguration: y = {}, coordinatesOnHover: b = {}, contentDimensions: x = {}, gridConfigurations: S = [], graphDimensions: C = {}, instruction: w = {}, labels: T = {}, padding: E = {}, prompt: D = {}, rationale: O = {}, scoringType: k = {}, settingsPanelDisabled: A, spellCheck: j = {}, studentInstructions: M = {}, teacherInstructions: N = {}, title: P = {}, maxImageWidth: F = {}, maxImageHeight: I = {}, withRubric: L = {}, language: R = {}, languageChoices: z = {}, mathMlOptions: B = {}, removeIncompleteTool: V = !1 } = r || {}, { errors: H = {}, extraCSSRules: U, labelsEnabled: W, dimensionsEnabled: G, promptEnabled: K, rationaleEnabled: oe, spellCheckEnabled: q, teacherInstructionsEnabled: se, titleEnabled: ce } = n || {}, { prompt: J, rationale: Y, teacherInstructions: X } = H || {};
+		ie("[render] model", n);
 		let Z = F && F.prompt, Q = I && I.prompt, le = {
 			top: T.top,
 			right: T.right,
@@ -106,14 +106,14 @@ var { Panel: ee, toggle: m, radio: h, checkboxes: te, textField: ne, dropdown: r
 			...y,
 			...e
 		});
-		return /* @__PURE__ */ s(d.ConfigLayout, {
+		return /* @__PURE__ */ o(d.ConfigLayout, {
 			extraCSSRules: U,
 			dimensions: x,
 			hideSettings: A,
-			settings: /* @__PURE__ */ o(ee, {
-				model: e,
+			settings: /* @__PURE__ */ a(ee, {
+				model: n,
 				configuration: r,
-				onChangeModel: a,
+				onChangeModel: s,
 				onChangeConfiguration: i,
 				groups: {
 					Settings: ue,
@@ -121,15 +121,15 @@ var { Panel: ee, toggle: m, radio: h, checkboxes: te, textField: ne, dropdown: r
 				}
 			}),
 			children: [
-				/* @__PURE__ */ o(ae, {
+				/* @__PURE__ */ a(ae, {
 					component: "div",
 					variant: "body1",
 					children: w?.label || ""
 				}),
-				se && /* @__PURE__ */ s(g, {
+				se && /* @__PURE__ */ o(g, {
 					label: N.label,
-					children: [/* @__PURE__ */ o(p, {
-						markup: e.teacherInstructions || "",
+					children: [/* @__PURE__ */ a(p, {
+						markup: n.teacherInstructions || "",
 						onChange: this.onTeacherInstructionsChange,
 						imageSupport: c,
 						error: X,
@@ -141,12 +141,12 @@ var { Panel: ee, toggle: m, radio: h, checkboxes: te, textField: ne, dropdown: r
 						uploadSoundSupport: l,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 						mathMlOptions: B
-					}), X && /* @__PURE__ */ o(_, { children: X })]
+					}), X && /* @__PURE__ */ a(_, { children: X })]
 				}),
-				K && /* @__PURE__ */ s(g, {
+				K && /* @__PURE__ */ o(g, {
 					label: D.label,
-					children: [/* @__PURE__ */ o(p, {
-						markup: e.prompt,
+					children: [/* @__PURE__ */ a(p, {
+						markup: n.prompt,
 						onChange: this.onPromptChange,
 						imageSupport: c,
 						error: J,
@@ -159,15 +159,15 @@ var { Panel: ee, toggle: m, radio: h, checkboxes: te, textField: ne, dropdown: r
 						uploadSoundSupport: l,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 						mathMlOptions: B
-					}), J && /* @__PURE__ */ o(_, { children: J })]
+					}), J && /* @__PURE__ */ a(_, { children: J })]
 				}),
-				/* @__PURE__ */ o(t, {
+				/* @__PURE__ */ a(e, {
 					authoring: f,
 					availableTools: v,
 					gridConfigurations: S,
 					graphDimensions: C,
 					labelsPlaceholders: le,
-					model: e,
+					model: n,
 					showLabels: W,
 					dimensionsEnabled: G,
 					showTitle: ce,
@@ -176,18 +176,18 @@ var { Panel: ee, toggle: m, radio: h, checkboxes: te, textField: ne, dropdown: r
 					mathMlOptions: B,
 					removeIncompleteTool: V
 				}),
-				/* @__PURE__ */ o(n, {
+				/* @__PURE__ */ a(t, {
 					availableTools: v,
 					errors: H,
-					model: e,
+					model: n,
 					onChange: this.props.onModelChanged,
 					mathMlOptions: B,
 					removeIncompleteTool: V
 				}),
-				oe && /* @__PURE__ */ s(g, {
+				oe && /* @__PURE__ */ o(g, {
 					label: O.label || "Rationale",
-					children: [/* @__PURE__ */ o(p, {
-						markup: e.rationale || "",
+					children: [/* @__PURE__ */ a(p, {
+						markup: n.rationale || "",
 						onChange: this.onRationaleChange,
 						imageSupport: c,
 						error: Y,
@@ -198,11 +198,11 @@ var { Panel: ee, toggle: m, radio: h, checkboxes: te, textField: ne, dropdown: r
 						uploadSoundSupport: l,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 						mathMlOptions: B
-					}), Y && /* @__PURE__ */ o(_, { children: Y })]
+					}), Y && /* @__PURE__ */ a(_, { children: Y })]
 				})
 			]
 		});
 	}
 };
 //#endregion
-export { v as default };
+export { v as Configure, v as default };

package/dist/author/correct-response.js

@@ -1,79 +1,79 @@
-import e from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/isEqual.js";
-import t from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/set.js";
-import * as n from "react";
-import { renderMath as r } from "@pie-element/shared-math-rendering-mathjax";
-import i from "prop-types";
-import { styled as a } from "@mui/material/styles";
-import { GraphContainer as o } from "@pie-lib/graphing";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { AlertDialog as l } from "@pie-lib/config-ui";
-import { MenuItem as u, Select as d, Tooltip as f, Typography as p } from "@mui/material";
-import m from "react-dom";
-import h from "@mui/icons-material/Delete";
-import g from "@mui/icons-material/Info";
+import * as e from "react";
+import { renderMath as t } from "@pie-element/shared-math-rendering-mathjax";
+import n from "prop-types";
+import { styled as r } from "@mui/material/styles";
+import { GraphContainer as i } from "@pie-lib/graphing";
+import { color as a } from "@pie-lib/render-ui";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { isEqual as c, set as l } from "@pie-element/shared-lodash";
+import { AlertDialog as u } from "@pie-lib/config-ui";
+import { MenuItem as d, Select as f, Tooltip as p, Typography as m } from "@mui/material";
+import h from "react-dom";
+import g from "@mui/icons-material/Delete";
+import _ from "@mui/icons-material/Info";
 //#region src/author/correct-response.tsx
-var _ = "#D5D5D5", v = "#AAAAAA", y = a("div")({ color: v }), b = a("div")(({ theme: e }) => ({
+var v = r("div")({ color: a.text() }), y = r("div")(({ theme: e }) => ({
 	margin: `${e.spacing(2.5)} 0`,
 	cursor: "pointer",
-	background: e.palette.grey[200],
+	background: a.backgroundDark(),
 	padding: e.spacing(1.5),
 	width: "fit-content",
 	borderRadius: "4px",
-	"&:hover": { background: _ }
-})), x = a("div")(({ theme: e }) => ({
+	"&:hover": { background: a.dropdownBackground() }
+})), b = r("div")(({ theme: e }) => ({
 	marginTop: e.spacing(1),
 	display: "flex",
 	flexWrap: "wrap"
-})), S = a("div")(({ theme: e }) => ({
+})), x = r("div")(({ theme: e }) => ({
 	cursor: "pointer",
 	margin: e.spacing(1),
 	padding: e.spacing(1),
-	border: `2px solid ${e.palette.common.white}`,
+	border: `2px solid ${a.background()}`,
 	textTransform: "capitalize",
-	"&:hover": { color: e.palette.grey[800] }
-})), C = a(S)({
-	background: _,
-	border: `2px solid ${v}`
-}), w = a("div")(({ theme: e }) => ({
+	"&:hover": { color: a.text() }
+})), S = r(x)({
+	background: a.dropdownBackground(),
+	border: `2px solid ${a.border()}`
+}), C = r("div")(({ theme: e }) => ({
 	display: "flex",
 	alignItems: "center",
 	marginTop: e.spacing(2.5)
-})), T = a("div")(({ theme: e }) => ({
+})), w = r("div")(() => ({
 	marginLeft: "6px",
-	color: e.palette.grey[600],
+	color: a.borderGray(),
 	"&:hover": {
 		cursor: "pointer",
-		color: e.palette.common.black
+		color: a.text()
 	}
-})), E = a("div")(({ theme: e }) => ({ marginBottom: e.spacing(.5) })), D = a(({ className: e, ...t }) => /* @__PURE__ */ s(f, {
+})), T = r("div")(({ theme: e }) => ({ marginBottom: e.spacing(.5) })), E = r(({ className: e, ...t }) => /* @__PURE__ */ o(p, {
 	...t,
 	classes: { tooltip: e }
 }))(({ theme: e }) => ({ "& .MuiTooltip-tooltip": {
 	fontSize: e.typography.fontSize - 2,
 	whiteSpace: "pre",
 	maxWidth: "500px"
-} })), O = a(p)(({ theme: e }) => ({
+} })), D = r(m)(({ theme: e }) => ({
 	marginTop: e.spacing(1.5),
 	marginBottom: e.spacing(1)
-})), k = a("div")({
+})), O = r("div")({
 	display: "flex",
 	alignItems: "center",
 	justifyContent: "space-between"
-}), A = a("div")({
+}), k = r("div")({
 	display: "flex",
 	alignItems: "center",
 	width: "300px"
-}), j = a(d)(({ theme: e }) => ({
+}), A = r(f)(({ theme: e }) => ({
 	marginLeft: e.spacing(1),
 	textTransform: "uppercase",
-	color: e.palette.grey[800]
-})), M = a(u)({ textTransform: "uppercase" }), N = a("div")(({ theme: e }) => ({
+	color: a.text()
+})), j = r(d)({ textTransform: "uppercase" }), M = r("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	marginTop: e.spacing(1)
-})), P = ({ availableTools: e, defaultTool: t, hasErrors: n, toolbarTools: r, toggleToolBarTool: i, onDefaultToolChange: a }) => {
-	let o = e || [], l = o.includes("label"), u = (r || []).filter((e) => e !== "label");
-	return l && (o = [...o.filter((e) => e !== "label"), "label"]), /* @__PURE__ */ c(y, { children: [/* @__PURE__ */ c(k, { children: [/* @__PURE__ */ s("span", { children: "GRAPHING TOOLS" }), u.length > 0 && /* @__PURE__ */ c(A, { children: [/* @__PURE__ */ s("span", { children: "Default graphing tool:" }), /* @__PURE__ */ s(j, {
+})), N = ({ availableTools: e, defaultTool: t, hasErrors: n, toolbarTools: r, toggleToolBarTool: i, onDefaultToolChange: a }) => {
+	let c = e || [], l = c.includes("label"), u = (r || []).filter((e) => e !== "label");
+	return l && (c = [...c.filter((e) => e !== "label"), "label"]), /* @__PURE__ */ s(v, { children: [/* @__PURE__ */ s(O, { children: [/* @__PURE__ */ o("span", { children: "GRAPHING TOOLS" }), u.length > 0 && /* @__PURE__ */ s(k, { children: [/* @__PURE__ */ o("span", { children: "Default graphing tool:" }), /* @__PURE__ */ o(A, {
 		variant: "standard",
 		onChange: a,
 		value: t,
@@ -82,44 +82,44 @@ var _ = "#D5D5D5", v = "#AAAAAA", y = a("div")({ color: v }), b = a("div")(({ th
 			enter: 225,
 			exit: 195
 		} },
-		children: u.map((e, t) => /* @__PURE__ */ s(M, {
+		children: u.map((e, t) => /* @__PURE__ */ o(j, {
 			value: e,
 			children: e
 		}, t))
-	})] })] }), /* @__PURE__ */ s(x, { children: o.map((e) => /* @__PURE__ */ s(r.find((t) => t === e) ? C : S, {
+	})] })] }), /* @__PURE__ */ o(b, { children: c.map((e) => /* @__PURE__ */ o(r.find((t) => t === e) ? S : x, {
 		style: { ...n && e !== "label" && { color: "red" } },
 		onClick: () => i(e),
 		children: e.toUpperCase()
 	}, e)) })] });
 };
-P.propTypes = {
-	toolbarTools: i.arrayOf(i.string),
-	toggleToolBarTool: i.func,
-	availableTools: i.array,
-	defaultTool: i.string,
-	hasErrors: i.number,
-	onDefaultToolChange: i.func
+N.propTypes = {
+	toolbarTools: n.arrayOf(n.string),
+	toggleToolBarTool: n.func,
+	availableTools: n.array,
+	defaultTool: n.string,
+	hasErrors: n.number,
+	onDefaultToolChange: n.func
 };
-var F = class extends n.Component {
+var P = class extends e.Component {
 	static propTypes = {
-		availableTools: i.array,
-		errors: i.object,
-		model: i.object.isRequired,
-		onChange: i.func.isRequired,
-		toolbarTools: i.arrayOf(i.String)
+		availableTools: n.array,
+		errors: n.object,
+		model: n.object.isRequired,
+		onChange: n.func.isRequired,
+		toolbarTools: n.arrayOf(n.String)
 	};
 	state = { dialog: { open: !1 } };
 	componentDidMount() {
 		try {
-			r(m.findDOMNode(this));
+			t(h.findDOMNode(this));
 		} catch {
 			console.error("DOM not mounted");
 		}
 	}
 	handleAlertDialog = (e, t) => this.setState({ dialog: { open: e } }, t);
-	changeMarks = (e, n) => {
-		let { model: r, onChange: i } = this.props;
-		t(r, `answers.${e}.marks`, n), i(r);
+	changeMarks = (e, t) => {
+		let { model: n, onChange: r } = this.props;
+		l(n, `answers.${e}.marks`, t), r(n);
 	};
 	filterMarks = (e) => {
 		let { model: { answers: t } } = this.props;
@@ -139,32 +139,32 @@ var F = class extends n.Component {
 			...e
 		});
 	};
-	toggleToolBarTool = (t) => {
-		let { model: { defaultTool: n, toolbarTools: r, answers: i = {} } } = this.props, a = [...r], o = n, s = r.findIndex((e) => t === e);
-		if (s >= 0) {
-			let r = this.filterMarks(t);
-			if (a.splice(s, 1), t === n) {
-				let e = (a || []).filter((e) => e !== "label");
-				o = e.length && e[0] || "";
+	toggleToolBarTool = (e) => {
+		let { model: { defaultTool: t, toolbarTools: n, answers: r = {} } } = this.props, i = [...n], a = t, o = n.findIndex((t) => e === t);
+		if (o >= 0) {
+			let n = this.filterMarks(e);
+			if (i.splice(o, 1), e === t) {
+				let e = (i || []).filter((e) => e !== "label");
+				a = e.length && e[0] || "";
 			}
-			if (!e(i, r)) {
+			if (!c(r, n)) {
 				this.setState({ dialog: {
 					open: !0,
 					title: "Warning",
-					text: `Correct answer includes one or more ${t} objects and all of them will be deleted.`,
+					text: `Correct answer includes one or more ${e} objects and all of them will be deleted.`,
 					onConfirm: () => this.handleAlertDialog(!1, this.updateModel({
-						toolbarTools: a,
-						answers: r,
-						defaultTool: o
+						toolbarTools: i,
+						answers: n,
+						defaultTool: a
 					})),
 					onClose: () => this.handleAlertDialog(!1)
 				} });
 				return;
 			}
-		} else a.push(t), n === "" && t !== "label" && (o = t);
+		} else i.push(e), t === "" && e !== "label" && (a = e);
 		this.updateModel({
-			toolbarTools: a,
-			defaultTool: o
+			toolbarTools: i,
+			defaultTool: a
 		});
 	};
 	onDefaultToolChange = (e) => {
@@ -172,11 +172,11 @@ var F = class extends n.Component {
 		this.updateModel({ defaultTool: t });
 	};
 	addAlternateResponse = () => {
-		let { model: e, onChange: n } = this.props, { answers: r } = e || {}, i = Object.keys(r || {});
-		t(e, `answers.${`alternate${i.length}`}`, {
-			name: `Alternate ${i.length}`,
+		let { model: e, onChange: t } = this.props, { answers: n } = e || {}, r = Object.keys(n || {});
+		l(e, `answers.${`alternate${r.length}`}`, {
+			name: `Alternate ${r.length}`,
 			marks: []
-		}), n(e);
+		}), t(e);
 	};
 	deleteAlternateResponse = (e, t) => {
 		let { model: n, onChange: r } = this.props, { answers: i } = n || {}, { marks: a = [], name: o } = t || {}, s = () => {
@@ -212,38 +212,38 @@ var F = class extends n.Component {
 		s();
 	};
 	render() {
-		let { availableTools: e, errors: t, model: r, mathMlOptions: i = {}, removeIncompleteTool: a } = this.props, { dialog: u } = this.state, { answers: d = {}, arrows: f, backgroundMarks: m, coordinatesOnHover: _, defaultTool: v, domain: y, graph: x = {}, labels: S, labelsEnabled: C, range: k, title: A, titleEnabled: j, toolbarTools: M } = r || {}, { correctAnswerErrors: F = {}, toolbarToolsError: I } = t || {};
-		return /* @__PURE__ */ c("div", { children: [
-			/* @__PURE__ */ s(p, {
+		let { availableTools: t, errors: n, model: r, mathMlOptions: a = {}, removeIncompleteTool: c } = this.props, { dialog: l } = this.state, { answers: d = {}, arrows: f, backgroundMarks: p, coordinatesOnHover: h, defaultTool: v, domain: b, graph: x = {}, labels: S, labelsEnabled: O, range: k, title: A, titleEnabled: j, toolbarTools: P } = r || {}, { correctAnswerErrors: F = {}, toolbarToolsError: I } = n || {};
+		return /* @__PURE__ */ s("div", { children: [
+			/* @__PURE__ */ o(m, {
 				component: "div",
 				variant: "h6",
 				children: "Define Tool Set and Correct Response"
 			}),
-			/* @__PURE__ */ s(O, {
+			/* @__PURE__ */ o(D, {
 				component: "div",
 				variant: "body1",
 				children: "Use this interface to choose which graphing tools students will be able to use, and to define the correct answer"
 			}),
-			/* @__PURE__ */ s(P, {
-				availableTools: e,
+			/* @__PURE__ */ o(N, {
+				availableTools: t,
 				defaultTool: v,
 				hasErrors: !!I,
 				onDefaultToolChange: this.onDefaultToolChange,
 				toggleToolBarTool: this.toggleToolBarTool,
-				toolbarTools: M
+				toolbarTools: P
 			}),
-			I && /* @__PURE__ */ s(N, { children: I }),
-			Object.entries(d || {}).map(([e, t]) => {
-				let { marks: r = [], name: l } = t || {};
-				return /* @__PURE__ */ c(n.Fragment, { children: [
-					/* @__PURE__ */ c(w, { children: [
-						/* @__PURE__ */ s(E, { children: l }),
-						e === "correctAnswer" && /* @__PURE__ */ s(D, {
+			I && /* @__PURE__ */ o(M, { children: I }),
+			Object.entries(d || {}).map(([t, n]) => {
+				let { marks: r = [], name: l } = n || {};
+				return /* @__PURE__ */ s(e.Fragment, { children: [
+					/* @__PURE__ */ s(C, { children: [
+						/* @__PURE__ */ o(T, { children: l }),
+						t === "correctAnswer" && /* @__PURE__ */ o(E, {
 							disableFocusListener: !0,
 							disableTouchListener: !0,
 							placement: "right",
 							title: "At least 1 graph object should be defined.",
-							children: /* @__PURE__ */ s(g, {
+							children: /* @__PURE__ */ o(_, {
 								fontSize: "small",
 								color: "primary",
 								style: {
@@ -252,53 +252,53 @@ var F = class extends n.Component {
 								}
 							})
 						}),
-						e !== "correctAnswer" && /* @__PURE__ */ s(T, {
-							onClick: () => this.deleteAlternateResponse(e, t),
-							children: /* @__PURE__ */ s(h, {})
+						t !== "correctAnswer" && /* @__PURE__ */ o(w, {
+							onClick: () => this.deleteAlternateResponse(t, n),
+							children: /* @__PURE__ */ o(g, {})
 						})
 					] }),
-					/* @__PURE__ */ s(o, {
-						style: F[e] && { border: "2px solid red" },
+					/* @__PURE__ */ o(i, {
+						style: F[t] && { border: "2px solid red" },
 						axesSettings: { includeArrows: f },
-						backgroundMarks: m.filter((e) => !e.building),
-						coordinatesOnHover: _,
+						backgroundMarks: p.filter((e) => !e.building),
+						coordinatesOnHover: h,
 						disabledLabels: !0,
 						disabledTitle: !0,
-						domain: y,
-						draggableTools: e === "correctAnswer",
+						domain: b,
+						draggableTools: t === "correctAnswer",
 						labels: S,
 						marks: r,
-						onChangeMarks: (t) => this.changeMarks(e, t),
+						onChangeMarks: (e) => this.changeMarks(t, e),
 						range: k,
-						showLabels: C,
+						showLabels: O,
 						showTitle: j,
 						size: {
 							width: x.width,
 							height: x.height
 						},
 						title: A,
-						toolbarTools: M,
+						toolbarTools: P,
 						onChangeTools: (e) => this.updateModel({ toolbarTools: e }),
-						mathMlOptions: i,
-						removeIncompleteTool: a,
+						mathMlOptions: a,
+						removeIncompleteTool: c,
 						limitLabeling: !0
 					}),
-					F[e] && /* @__PURE__ */ s(N, { children: F[e] })
+					F[t] && /* @__PURE__ */ o(M, { children: F[t] })
 				] }, `correct-response-graph-${l}`);
 			}),
-			/* @__PURE__ */ s(b, {
+			/* @__PURE__ */ o(y, {
 				onClick: this.addAlternateResponse,
 				children: "ADD ALTERNATE"
 			}),
-			/* @__PURE__ */ s(l, {
-				open: u.open,
-				title: u.title,
-				text: u.text,
-				onClose: u.onClose,
-				onConfirm: u.onConfirm
+			/* @__PURE__ */ o(u, {
+				open: l.open,
+				title: l.title,
+				text: l.text,
+				onClose: l.onClose,
+				onConfirm: l.onConfirm
 			})
 		] });
 	}
 };
 //#endregion
-export { F as default };
+export { P as CorrectResponse, P as default, N as Tools };