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

package/configure.js

@@ -0,0 +1,2 @@
+export { default } from './dist/author/index.js';
+export * from './dist/author/index.js';

package/controller.js

@@ -0,0 +1 @@
+export * from './dist/controller/index.js';

package/dist/author/configure.d.ts

@@ -0,0 +1,26 @@
+/**
+ * @synced-from pie-elements/packages/graphing-solution-set/configure/src/configure.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 Configure extends React.Component {
+    static propTypes: {
+        onModelChanged: PropTypes.Requireable<(...args: any[]) => any>;
+        onConfigurationChanged: PropTypes.Requireable<(...args: any[]) => any>;
+        imageSupport: PropTypes.Requireable<object>;
+        uploadSoundSupport: PropTypes.Requireable<object>;
+        model: PropTypes.Validator<object>;
+        configuration: PropTypes.Validator<object>;
+    };
+    componentDidMount(): void;
+    onRationaleChange: any;
+    onPromptChange: any;
+    onTeacherInstructionsChange: any;
+    render(): React.JSX.Element;
+}
+export default Configure;

package/dist/author/configure.js

@@ -0,0 +1,190 @@
+import e from "./graphing-config.js";
+import 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 { InputContainer as s, layout as c, settings as l } from "@pie-lib/config-ui";
+import u from "debug";
+import d from "@mui/material/Typography";
+import f from "@pie-lib/editable-html-tip-tap";
+//#region src/author/configure.tsx
+var { Panel: p, toggle: m, radio: h, checkboxes: g, textField: _, dropdown: v } = l;
+u("@pie-element:graphing-solution-set:configure");
+var y = i(s)(({ theme: e }) => ({
+	width: "100%",
+	paddingTop: e.spacing(2),
+	marginBottom: e.spacing(2),
+	marginTop: e.spacing(2)
+})), b = i(d)(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), x = class extends n.Component {
+	static propTypes = {
+		onModelChanged: r.func,
+		onConfigurationChanged: r.func,
+		imageSupport: r.object,
+		uploadSoundSupport: r.object,
+		model: r.object.isRequired,
+		configuration: r.object.isRequired
+	};
+	componentDidMount() {
+		let { configuration: e, onModelChanged: t, model: n } = this.props, { title: r, graphDimensions: i } = e || {}, { arrows: a, titleEnabled: o, dimensionsEnabled: s } = n || {};
+		typeof a == "boolean" && (a = a ? {
+			left: !0,
+			right: !0,
+			up: !0,
+			down: !0
+		} : {
+			left: !1,
+			right: !1,
+			up: !1,
+			down: !1
+		});
+		let c = o ?? r.enabled, l = s ?? i.enabled;
+		t && t({
+			...n,
+			arrows: a,
+			titleEnabled: c,
+			dimensionsEnabled: l
+		});
+	}
+	onRationaleChange = (e) => {
+		let { onModelChanged: t, model: n } = this.props;
+		t({
+			...n,
+			rationale: e
+		});
+	};
+	onPromptChange = (e) => {
+		let { onModelChanged: t, model: n } = this.props;
+		t({
+			...n,
+			prompt: e
+		});
+	};
+	onTeacherInstructionsChange = (e) => {
+		let { onModelChanged: t, model: n } = this.props;
+		t({
+			...n,
+			teacherInstructions: e
+		});
+	};
+	render() {
+		let { model: n, configuration: r, onConfigurationChanged: i, onModelChanged: s, imageSupport: l, uploadSoundSupport: u } = this.props, { arrows: d = {}, authoring: x = {}, coordinatesOnHover: S = {}, contentDimensions: C = {}, gridConfigurations: w = [], graphDimensions: T = {}, instruction: E = {}, labels: D = {}, padding: O = {}, prompt: k = {}, rationale: A = {}, scoringType: j = {}, settingsPanelDisabled: M, spellCheck: N = {}, studentInstructions: P = {}, teacherInstructions: F = {}, title: I = {}, maxImageWidth: L = {}, maxImageHeight: R = {}, withRubric: z = {}, language: B = {}, languageChoices: V = {}, mathMlOptions: H = {} } = r || {}, { errors: U = {}, extraCSSRules: W, labelsEnabled: G, dimensionsEnabled: K, promptEnabled: q, rationaleEnabled: J, spellCheckEnabled: Y, teacherInstructionsEnabled: X, titleEnabled: Z } = n || {}, Q = L && L.prompt, $ = R && R.prompt, ee = {
+			top: D.top,
+			right: D.right,
+			bottom: D.bottom,
+			left: D.left
+		}, te = {
+			arrows: d.settings && g(d.label, {
+				left: d.left,
+				right: d.right,
+				up: d.up,
+				down: d.down
+			}),
+			titleEnabled: I.settings && m(I.label),
+			padding: O.settings && m(O.label),
+			labelsEnabled: D.settings && m(D.label),
+			"language.enabled": B.settings && m(B.label, !0),
+			language: B.settings && B.enabled && v(V.label, V.options),
+			dimensionsEnabled: T.settings && m(T.label),
+			coordinatesOnHover: S.settings && m(S.label)
+		}, ne = {
+			"authoring.enabled": x.settings && m(x.label, !0),
+			teacherInstructionsEnabled: F.settings && m(F.label),
+			studentInstructionsEnabled: P.settings && m(P.label),
+			promptEnabled: k.settings && m(k.label),
+			rationaleEnabled: A.settings && m(A.label),
+			spellCheckEnabled: N.settings && m(N.label),
+			scoringType: j.settings && h(j.label, ["dichotomous", "partial scoring"]),
+			rubricEnabled: z?.settings && m(z?.label),
+			instruction: E.settings && _(E.label)
+		};
+		return /* @__PURE__ */ o(c.ConfigLayout, {
+			extraCSSRules: W,
+			dimensions: C,
+			hideSettings: M,
+			settings: /* @__PURE__ */ a(p, {
+				model: n,
+				configuration: r,
+				onChangeModel: s,
+				onChangeConfiguration: i,
+				groups: {
+					Settings: te,
+					Properties: ne
+				}
+			}),
+			children: [
+				/* @__PURE__ */ a(b, {
+					component: "div",
+					variant: "body1",
+					children: E?.label || ""
+				}),
+				X && /* @__PURE__ */ a(y, {
+					label: F.label,
+					children: /* @__PURE__ */ a(f, {
+						markup: n.teacherInstructions || "",
+						onChange: this.onTeacherInstructionsChange,
+						imageSupport: l,
+						nonEmpty: !1,
+						spellCheck: Y,
+						maxImageWidth: L && L.teacherInstructions || Q,
+						maxImageHeight: R && R.teacherInstructions || $,
+						uploadSoundSupport: u,
+						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
+						mathMlOptions: H
+					})
+				}),
+				q && /* @__PURE__ */ a(y, {
+					label: k.label,
+					children: /* @__PURE__ */ a(f, {
+						markup: n.prompt,
+						onChange: this.onPromptChange,
+						imageSupport: l,
+						nonEmpty: !1,
+						spellCheck: Y,
+						disableUnderline: !0,
+						maxImageWidth: Q,
+						maxImageHeight: $,
+						uploadSoundSupport: u,
+						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
+						mathMlOptions: H
+					})
+				}),
+				/* @__PURE__ */ a(e, {
+					authoring: x,
+					gridConfigurations: w,
+					graphDimensions: T,
+					labelsPlaceholders: ee,
+					model: n,
+					showLabels: G,
+					dimensionsEnabled: K,
+					showTitle: Z,
+					titlePlaceholder: I.placeholder,
+					onChange: this.props.onModelChanged,
+					mathMlOptions: H
+				}),
+				/* @__PURE__ */ a(t, {
+					errors: U,
+					model: n,
+					onChange: this.props.onModelChanged,
+					mathMlOptions: H
+				}),
+				J && /* @__PURE__ */ a(y, {
+					label: A.label || "Rationale",
+					children: /* @__PURE__ */ a(f, {
+						markup: n.rationale || "",
+						onChange: this.onRationaleChange,
+						imageSupport: l,
+						spellCheck: Y,
+						maxImageWidth: L && L.rationale || Q,
+						maxImageHeight: R && R.rationale || $,
+						uploadSoundSupport: u,
+						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
+						mathMlOptions: H
+					})
+				})
+			]
+		});
+	}
+};
+//#endregion
+export { x as default };

package/dist/author/correct-response.d.ts

@@ -0,0 +1,33 @@
+/**
+ * @synced-from pie-elements/packages/graphing-solution-set/configure/src/correct-response.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 * as React from 'react';
+import PropTypes from 'prop-types';
+export declare class CorrectResponse extends React.Component {
+    static propTypes: {
+        errors: PropTypes.Requireable<object>;
+        model: PropTypes.Validator<object>;
+        onChange: PropTypes.Validator<(...args: any[]) => any>;
+    };
+    state: {
+        dialog: {
+            open: boolean;
+        };
+    };
+    handleAlertDialog: (open: any, callback: any) => void;
+    changeMarks: any;
+    onResetClick: any;
+    changeNumberOfLines: any;
+    changeLine: any;
+    onSolutionSetSelected: any;
+    onChangeGssLineData: any;
+    handleGssLineDataChange: any;
+    updateModel: any;
+    render(): React.JSX.Element;
+}
+export default CorrectResponse;

package/dist/author/correct-response.js

@@ -0,0 +1,206 @@
+import e from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/set.js";
+import { checkIfLinesAreAdded as t, findSectionsInSolutionSet as n, pointInsidePolygon as r } from "./utils.js";
+import * as i from "react";
+import a from "prop-types";
+import { styled as o } from "@mui/material/styles";
+import { GraphContainer as s } from "@pie-lib/graphing-solution-set";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { AlertDialog as u } from "@pie-lib/config-ui";
+import { RadioGroup as d, Typography as f } from "@mui/material";
+import p from "@mui/material/Radio";
+import m from "@mui/material/FormControlLabel";
+//#region src/author/correct-response.tsx
+var h = o(f)(({ theme: e }) => ({
+	marginTop: e.spacing(1.5),
+	marginBottom: e.spacing(1)
+})), g = o(m)({
+	height: "20px",
+	width: "fit-content",
+	padding: ".5rem 0"
+}), _ = o(p)({ color: "#000000 !important" }), v = o("div")(({ theme: e }) => ({
+	fontSize: e.typography.fontSize - 2,
+	color: e.palette.error.main,
+	paddingTop: e.spacing(1)
+})), y = class extends i.Component {
+	static propTypes = {
+		errors: a.object,
+		model: a.object.isRequired,
+		onChange: a.func.isRequired
+	};
+	state = { dialog: { open: !1 } };
+	handleAlertDialog = (e, t) => this.setState({ dialog: { open: e } }, t);
+	changeMarks = (t) => {
+		let { model: n, onChange: r } = this.props, { gssLineData: i } = n;
+		i.selectedTool === "lineA" && t.length > 0 && (t[0].fill = i.lineA.lineType), i.selectedTool === "lineB" && t.length > 1 && (t[1].fill = i.lineB.lineType), t.length === 0 && (i.selectedTool = "lineA", e(n, "gssLineData", i)), e(n, "answers.correctAnswer.marks", t), r(n);
+	};
+	onResetClick = () => {
+		let { model: t, onChange: n } = this.props, { gssLineData: r, answers: i } = t;
+		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: () => {
+				i.correctAnswer.marks = [], r.selectedTool = "lineA", r.lineA.lineType = "Solid", r.lineB && (r.lineB.lineType = "Solid"), e(t, "answers", i), e(t, "gssLineData", r), n(t), this.handleAlertDialog(!1);
+			},
+			onClose: () => this.handleAlertDialog(!1)
+		} });
+	};
+	changeNumberOfLines = (e, t) => {
+		let { model: n } = this.props;
+		n.gssLineData.selectedTool === "solutionSet" ? this.setState({ dialog: {
+			open: !0,
+			title: "Warning",
+			text: "Changing number of lines after adding solution set will remove added solution set. Are you sure you want to continue?",
+			onConfirm: () => {
+				this.changeLine(e, t), this.handleAlertDialog(!1);
+			},
+			onClose: () => this.handleAlertDialog(!1)
+		} }) : this.changeLine(e, t);
+	};
+	changeLine = (t, 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(n) === 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" }), e(r, "answers", a), e(r, "gssLineData", o), i(r);
+	};
+	onSolutionSetSelected = (t) => {
+		let { model: n, onChange: i } = this.props, { answers: a, gssLineData: o } = n;
+		for (let e of o.sections) if (r(t, e)) {
+			let t = {
+				points: e,
+				building: !1,
+				type: "polygon",
+				closed: !0,
+				isSolution: !0
+			};
+			a.correctAnswer.marks = a.correctAnswer.marks.filter((e) => e.type !== "polygon"), a.correctAnswer.marks.push(t);
+			break;
+		}
+		e(n, "answers", a), i(n);
+	};
+	onChangeGssLineData = (e, r) => {
+		let { model: i } = this.props, { answers: a, domain: o, range: s } = i;
+		if (e.selectedTool === "solutionSet") {
+			let i = a.correctAnswer.marks.filter((e) => e.type !== "polygon");
+			if (!t(e, i)) e.selectedTool = r, this.setState({ dialog: {
+				open: !0,
+				title: "Warning",
+				text: "Please define the line(s) and then select a solution set for the item.",
+				onConfirm: () => this.handleAlertDialog(!1)
+			} });
+			else {
+				let t = a.correctAnswer.marks.filter((e) => e.type !== "polygon");
+				e = n(e, t, o, s);
+			}
+			this.handleGssLineDataChange(e, a);
+		} else {
+			let t = a.correctAnswer.marks.filter((e) => e.type === "polygon");
+			r === "solutionSet" && t.length > 0 ? this.setState({ dialog: {
+				open: !0,
+				title: "Warning",
+				text: "Changing a line after adding a solution set will clear your selected solution set. Click 'Clear Solution Set' to change the line. Otherwise, click 'Cancel'.",
+				onConfirm: () => {
+					a.correctAnswer.marks = a.correctAnswer.marks.filter((e) => e.type !== "polygon"), this.handleGssLineDataChange(e, a), this.handleAlertDialog(!1);
+				},
+				onConfirmText: "CLEAR SOLUTION SET",
+				onClose: () => {
+					e.selectedTool = r, this.handleGssLineDataChange(e, a), this.handleAlertDialog(!1);
+				}
+			} }) : this.handleGssLineDataChange(e, a);
+		}
+	};
+	handleGssLineDataChange = (t, n) => {
+		let { model: r, onChange: i } = this.props;
+		n.correctAnswer.marks.length > 0 && n.correctAnswer.marks[0] && t.lineA && (n.correctAnswer.marks[0].fill = t.lineA.lineType), n.correctAnswer.marks.length > 1 && n.correctAnswer.marks[1] && t.lineB && (n.correctAnswer.marks[1].fill = t.lineB.lineType), (t.selectedTool === "lineB" && n.correctAnswer.marks.length === 0 || t.selectedTool === "lineB" && n.correctAnswer.marks[0].building) && (this.setState({ dialog: {
+			open: !0,
+			title: "Warning",
+			text: "Please add Line A to the graph before adding Line B",
+			onConfirm: () => this.handleAlertDialog(!1)
+		} }), t.selectedTool = "lineA"), t.selectedTool === "lineA" && n.correctAnswer.marks.length > 1 && n.correctAnswer.marks[1].building && (this.setState({ dialog: {
+			open: !0,
+			title: "Warning",
+			text: "Please add Line B to the graph before switching to Line A",
+			onConfirm: () => this.handleAlertDialog(!1)
+		} }), t.selectedTool = "lineB"), e(r, "gssLineData", t), e(r, "answers", n), i(r);
+	};
+	updateModel = (e) => {
+		let { model: t, onChange: n } = this.props;
+		n({
+			...t,
+			...e
+		});
+	};
+	render() {
+		let { errors: e, model: t, mathMlOptions: n = {} } = this.props, { dialog: r } = this.state, { gssLineData: a = {
+			numberOfLines: 1,
+			selectedTool: "lineA",
+			lineA: { lineType: "Solid" }
+		}, arrows: o, coordinatesOnHover: p, domain: m, graph: y = {}, labels: b, labelsEnabled: x, range: S, title: C, titleEnabled: w, answers: T } = t || {}, { correctAnswerErrors: E = "" } = e || {};
+		return /* @__PURE__ */ l("div", { children: [
+			/* @__PURE__ */ c(f, {
+				component: "div",
+				variant: "h6",
+				children: "Define Line Type(s) and Correct Response"
+			}),
+			/* @__PURE__ */ c(h, {
+				component: "div",
+				variant: "body1",
+				children: "Use this interface to choose how many lines students will be able to draw, and to define the correct answer."
+			}),
+			/* @__PURE__ */ c(h, {
+				component: "div",
+				variant: "body1",
+				children: "Choose Number of Lines"
+			}),
+			/* @__PURE__ */ l(d, {
+				name: "numberOfLines",
+				value: a.numberOfLines,
+				onChange: this.changeNumberOfLines,
+				children: [/* @__PURE__ */ c(g, {
+					value: "1",
+					control: /* @__PURE__ */ c(_, { checked: a.numberOfLines === 1 }),
+					label: "One"
+				}), /* @__PURE__ */ c(g, {
+					value: "2",
+					control: /* @__PURE__ */ c(_, { checked: a.numberOfLines === 2 }),
+					label: "Two"
+				})]
+			}),
+			/* @__PURE__ */ l(i.Fragment, { children: [/* @__PURE__ */ c(s, {
+				style: E.correctAnswer && { border: "2px solid red" },
+				axesSettings: { includeArrows: o },
+				backgroundMarks: [],
+				coordinatesOnHover: p,
+				disabledLabels: !0,
+				disabledTitle: !0,
+				domain: m,
+				draggableTools: !0,
+				labels: b,
+				marks: T && T.correctAnswer && T.correctAnswer.marks ? T.correctAnswer.marks : [],
+				onChangeMarks: (e) => this.changeMarks(e),
+				onCustomReset: this.onResetClick,
+				range: S,
+				showLabels: x,
+				showTitle: w,
+				size: {
+					width: y.width,
+					height: y.height
+				},
+				title: C,
+				gssLineData: a,
+				onChangeGssLineData: this.onChangeGssLineData,
+				onSolutionSetSelected: this.onSolutionSetSelected,
+				toolbarTools: ["line", "polygon"],
+				mathMlOptions: n
+			}), E.correctAnswer && /* @__PURE__ */ c(v, { children: E.correctAnswer })] }),
+			/* @__PURE__ */ c(u, {
+				open: r.open,
+				title: r.title,
+				text: r.text,
+				onClose: r.onClose,
+				onConfirm: r.onConfirm,
+				onConfirmText: r.onConfirmText ? r.onConfirmText : "OK"
+			})
+		] });
+	}
+};
+//#endregion
+export { y as default };

package/dist/author/defaults.d.ts

@@ -0,0 +1,238 @@
+/**
+ * @synced-from pie-elements/packages/graphing-solution-set/configure/src/defaults.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 _default: {
+    model: {
+        answers: {
+            correctAnswer: {
+                name: string;
+                marks: never[];
+            };
+        };
+        arrows: {
+            left: boolean;
+            right: boolean;
+            up: boolean;
+            down: boolean;
+        };
+        marks: never[];
+        defaultGridConfiguration: number;
+        domain: {
+            min: number;
+            max: number;
+            step: number;
+            labelStep: number;
+            axisLabel: string;
+        };
+        graph: {
+            width: number;
+            height: number;
+        };
+        gssLineData: {
+            numberOfLines: number;
+            selectedTool: string;
+            sections: never[];
+            lineA: {
+                lineType: string;
+            };
+        };
+        includeAxes: boolean;
+        labels: {};
+        labelsEnabled: boolean;
+        padding: boolean;
+        prompt: string;
+        range: {
+            min: number;
+            max: number;
+            step: number;
+            labelStep: number;
+            axisLabel: string;
+        };
+        rationale: string;
+        standardGrid: boolean;
+        title: string;
+        coordinatesOnHover: boolean;
+        promptEnabled: boolean;
+        rationaleEnabled: boolean;
+        teacherInstructionsEnabled: boolean;
+        studentInstructionsEnabled: boolean;
+    };
+    configuration: {
+        authoring: {
+            settings: boolean;
+            label: string;
+            enabled: boolean;
+            includeAxesEnabled: boolean;
+            standardGridEnabled: boolean;
+            min: {
+                label: string;
+                enabled: boolean;
+            };
+            max: {
+                label: string;
+                enabled: boolean;
+            };
+            axisLabel: {
+                label: string;
+                enabled: boolean;
+            };
+            step: {
+                label: string;
+                enabled: boolean;
+            };
+            labelStep: {
+                label: string;
+                enabled: boolean;
+            };
+        };
+        arrows: {
+            settings: boolean;
+            label: string;
+            left: {
+                label: string;
+            };
+            right: {
+                label: string;
+            };
+            up: {
+                label: string;
+            };
+            down: {
+                label: string;
+            };
+        };
+        gridConfigurations: {
+            label: string;
+            arrows: {
+                left: boolean;
+                right: boolean;
+                up: boolean;
+                down: boolean;
+            };
+            domain: {
+                min: number;
+                max: number;
+                step: number;
+                padding: number;
+                labelStep: number;
+                axisLabel: string;
+            };
+            graph: {
+                width: number;
+                height: number;
+            };
+            includeAxes: boolean;
+            labels: {
+                top: string;
+                right: string;
+                bottom: string;
+                left: string;
+            };
+            padding: boolean;
+            range: {
+                min: number;
+                max: number;
+                step: number;
+                padding: number;
+                labelStep: number;
+                axisLabel: string;
+            };
+            standardGrid: boolean;
+            title: string;
+        }[];
+        graphDimensions: {
+            settings: boolean;
+            label: string;
+            enabled: boolean;
+            min: number;
+            max: number;
+            step: number;
+        };
+        padding: {
+            settings: boolean;
+            label: string;
+        };
+        labels: {
+            settings: boolean;
+            label: string;
+            enabled: boolean;
+            top: string;
+            right: string;
+            bottom: string;
+            left: string;
+        };
+        prompt: {
+            settings: boolean;
+            label: string;
+        };
+        rationale: {
+            settings: boolean;
+            label: string;
+        };
+        scoringType: {
+            settings: boolean;
+            label: string;
+        };
+        studentInstructions: {
+            settings: boolean;
+            label: string;
+        };
+        teacherInstructions: {
+            settings: boolean;
+            label: string;
+        };
+        title: {
+            settings: boolean;
+            label: string;
+            enabled: boolean;
+            placeholder: string;
+        };
+        instruction: {
+            settings: boolean;
+            label: string;
+        };
+        settingsPanelDisabled: boolean;
+        spellCheck: {
+            label: string;
+            settings: boolean;
+            enabled: boolean;
+        };
+        coordinatesOnHover: {
+            settings: boolean;
+            label: string;
+        };
+        maxImageWidth: {
+            teacherInstructions: number;
+            prompt: number;
+            rationale: number;
+        };
+        maxImageHeight: {
+            teacherInstructions: number;
+            prompt: number;
+            rationale: number;
+        };
+        withRubric: {
+            settings: boolean;
+            label: string;
+        };
+        language: {
+            settings: boolean;
+            label: string;
+            enabled: boolean;
+        };
+        languageChoices: {
+            label: string;
+            options: never[];
+        };
+        mathMlOptions: {
+            mmlOutput: boolean;
+            mmlEditing: boolean;
+        };
+    };
+};
+export default _default;