@pie-element/graphing-solution-set 7.0.4-next.20261011174919 → 7.0.4

package/dist/author/configure.d.ts

@@ -1,18 +1,28 @@
 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>;
-    };
+import type { DeleteDone, ImageHandler, SoundHandler } from '@pie-element/shared-configure-events';
+import type { GraphingSolutionSetValidationErrors } from '../controller/index.js';
+import type { GraphingSolutionSetConfiguration, GraphingSolutionSetModel } from '../types.js';
+/** The model the author edits; the host sets `errors` from the controller's `validate()`. */
+export type AuthorModel = Partial<GraphingSolutionSetModel> & {
+    errors?: GraphingSolutionSetValidationErrors;
+};
+type MediaSupport<Handler> = {
+    add: (handler: Handler) => void;
+    delete: (src: string, done: DeleteDone) => void;
+};
+export type ConfigureProps = {
+    model: AuthorModel;
+    configuration: GraphingSolutionSetConfiguration;
+    onModelChanged: (model: AuthorModel) => void;
+    onConfigurationChanged: (configuration: GraphingSolutionSetConfiguration) => void;
+    imageSupport?: MediaSupport<ImageHandler>;
+    uploadSoundSupport?: MediaSupport<SoundHandler>;
+};
+export declare class Configure extends React.Component<ConfigureProps> {
     componentDidMount(): void;
-    onRationaleChange: any;
-    onPromptChange: any;
-    onTeacherInstructionsChange: any;
+    onRationaleChange: (rationale: string) => void;
+    onPromptChange: (prompt: string) => void;
+    onTeacherInstructionsChange: (teacherInstructions: string) => void;
     render(): React.JSX.Element;
 }
 export default Configure;

package/dist/author/configure.js

@@ -1,30 +1,18 @@
 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 { 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";
+import { styled as r } from "@mui/material/styles";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { InputContainer as o, layout as s, settings as c } from "@pie-lib/config-ui";
+import l from "@mui/material/Typography";
+import u 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 }) => ({
+var { Panel: d, toggle: f, radio: p, checkboxes: m, textField: h, dropdown: g } = c, _ = r(o)(({ 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
-	};
+})), v = r(l)(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), y = class extends n.Component {
 	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 ? {
@@ -68,59 +56,59 @@ var y = i(s)(({ theme: 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 = {
+		let { model: n, configuration: r, onConfigurationChanged: o, onModelChanged: c, imageSupport: l, uploadSoundSupport: y } = this.props, { arrows: b = {}, 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
+			arrows: b.settings && m(b.label, {
+				left: b.left,
+				right: b.right,
+				up: b.up,
+				down: b.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)
+			titleEnabled: I.settings && f(I.label),
+			padding: O.settings && f(O.label),
+			labelsEnabled: D.settings && f(D.label),
+			"language.enabled": B.settings && f(B.label, !0),
+			language: B.settings && B.enabled && g(V.label, V.options),
+			dimensionsEnabled: T.settings && f(T.label),
+			coordinatesOnHover: S.settings && f(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)
+			"authoring.enabled": x.settings && f(x.label, !0),
+			teacherInstructionsEnabled: F.settings && f(F.label),
+			studentInstructionsEnabled: P.settings && f(P.label),
+			promptEnabled: k.settings && f(k.label),
+			rationaleEnabled: A.settings && f(A.label),
+			spellCheckEnabled: N.settings && f(N.label),
+			scoringType: j.settings && p(j.label, ["dichotomous", "partial scoring"]),
+			rubricEnabled: z?.settings && f(z?.label),
+			instruction: E.settings && h(E.label)
 		};
-		return /* @__PURE__ */ o(c.ConfigLayout, {
+		return /* @__PURE__ */ a(s.ConfigLayout, {
 			extraCSSRules: W,
 			dimensions: C,
 			hideSettings: M,
-			settings: /* @__PURE__ */ a(p, {
+			settings: /* @__PURE__ */ i(d, {
 				model: n,
 				configuration: r,
-				onChangeModel: s,
-				onChangeConfiguration: i,
+				onChangeModel: c,
+				onChangeConfiguration: o,
 				groups: {
 					Settings: te,
 					Properties: ne
 				}
 			}),
 			children: [
-				/* @__PURE__ */ a(b, {
+				/* @__PURE__ */ i(v, {
 					component: "div",
 					variant: "body1",
 					children: E?.label || ""
 				}),
-				X && /* @__PURE__ */ a(y, {
+				X && /* @__PURE__ */ i(_, {
 					label: F.label,
-					children: /* @__PURE__ */ a(f, {
+					children: /* @__PURE__ */ i(u, {
 						markup: n.teacherInstructions || "",
 						onChange: this.onTeacherInstructionsChange,
 						imageSupport: l,
@@ -128,14 +116,14 @@ var y = i(s)(({ theme: e }) => ({
 						spellCheck: Y,
 						maxImageWidth: L && L.teacherInstructions || Q,
 						maxImageHeight: R && R.teacherInstructions || $,
-						uploadSoundSupport: u,
+						uploadSoundSupport: y,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 						mathMlOptions: H
 					})
 				}),
-				q && /* @__PURE__ */ a(y, {
+				q && /* @__PURE__ */ i(_, {
 					label: k.label,
-					children: /* @__PURE__ */ a(f, {
+					children: /* @__PURE__ */ i(u, {
 						markup: n.prompt,
 						onChange: this.onPromptChange,
 						imageSupport: l,
@@ -144,12 +132,12 @@ var y = i(s)(({ theme: e }) => ({
 						disableUnderline: !0,
 						maxImageWidth: Q,
 						maxImageHeight: $,
-						uploadSoundSupport: u,
+						uploadSoundSupport: y,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 						mathMlOptions: H
 					})
 				}),
-				/* @__PURE__ */ a(e, {
+				/* @__PURE__ */ i(e, {
 					authoring: x,
 					gridConfigurations: w,
 					graphDimensions: T,
@@ -162,22 +150,22 @@ var y = i(s)(({ theme: e }) => ({
 					onChange: this.props.onModelChanged,
 					mathMlOptions: H
 				}),
-				/* @__PURE__ */ a(t, {
+				/* @__PURE__ */ i(t, {
 					errors: U,
 					model: n,
 					onChange: this.props.onModelChanged,
 					mathMlOptions: H
 				}),
-				J && /* @__PURE__ */ a(y, {
+				J && /* @__PURE__ */ i(_, {
 					label: A.label || "Rationale",
-					children: /* @__PURE__ */ a(f, {
+					children: /* @__PURE__ */ i(u, {
 						markup: n.rationale || "",
 						onChange: this.onRationaleChange,
 						imageSupport: l,
 						spellCheck: Y,
 						maxImageWidth: L && L.rationale || Q,
 						maxImageHeight: R && R.rationale || $,
-						uploadSoundSupport: u,
+						uploadSoundSupport: y,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 						mathMlOptions: H
 					})
@@ -187,4 +175,4 @@ var y = i(s)(({ theme: e }) => ({
 	}
 };
 //#endregion
-export { x as Configure, x as default };
+export { y as Configure, y as default };

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

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 export declare class CorrectResponse extends React.Component {
     static propTypes: {
         errors: PropTypes.Requireable<object>;
+        mathMlOptions: PropTypes.Requireable<object>;
         model: PropTypes.Validator<object>;
         onChange: PropTypes.Validator<(...args: any[]) => any>;
     };

package/dist/author/correct-response.js

@@ -24,6 +24,7 @@ var h = a(f)(({ theme: e }) => ({
 })), y = class extends r.Component {
 	static propTypes = {
 		errors: i.object,
+		mathMlOptions: i.object,
 		model: i.object.isRequired,
 		onChange: i.func.isRequired
 	};

package/dist/author/defaults.d.ts

@@ -1,18 +1,20 @@
+import type { ConfigureLanguageOptionsProp } from '@pie-element/shared-types';
+import type { Mark, Point } from '../types.js';
 declare const _default: {
     model: {
         answers: {
             correctAnswer: {
                 name: string;
-                marks: never[];
+                marks: Mark[];
             };
         };
         arrows: {
-            left: boolean;
-            right: boolean;
-            up: boolean;
-            down: boolean;
+            left: true;
+            right: true;
+            up: true;
+            down: true;
         };
-        marks: never[];
+        marks: Mark[];
         defaultGridConfiguration: number;
         domain: {
             min: number;
@@ -27,16 +29,16 @@ declare const _default: {
         };
         gssLineData: {
             numberOfLines: number;
-            selectedTool: string;
-            sections: never[];
+            selectedTool: "lineA";
+            sections: Point[][];
             lineA: {
-                lineType: string;
+                lineType: "Solid";
             };
         };
-        includeAxes: boolean;
+        includeAxes: true;
         labels: {};
-        labelsEnabled: boolean;
-        padding: boolean;
+        labelsEnabled: true;
+        padding: true;
         prompt: string;
         range: {
             min: number;
@@ -46,44 +48,44 @@ declare const _default: {
             axisLabel: string;
         };
         rationale: string;
-        standardGrid: boolean;
+        standardGrid: false;
         title: string;
-        coordinatesOnHover: boolean;
-        promptEnabled: boolean;
-        rationaleEnabled: boolean;
-        teacherInstructionsEnabled: boolean;
-        studentInstructionsEnabled: boolean;
+        coordinatesOnHover: false;
+        promptEnabled: true;
+        rationaleEnabled: true;
+        teacherInstructionsEnabled: true;
+        studentInstructionsEnabled: true;
     };
     configuration: {
         authoring: {
-            settings: boolean;
+            settings: false;
             label: string;
-            enabled: boolean;
-            includeAxesEnabled: boolean;
-            standardGridEnabled: boolean;
+            enabled: true;
+            includeAxesEnabled: false;
+            standardGridEnabled: true;
             min: {
                 label: string;
-                enabled: boolean;
+                enabled: true;
             };
             max: {
                 label: string;
-                enabled: boolean;
+                enabled: true;
             };
             axisLabel: {
                 label: string;
-                enabled: boolean;
+                enabled: true;
             };
             step: {
                 label: string;
-                enabled: boolean;
+                enabled: true;
             };
             labelStep: {
                 label: string;
-                enabled: boolean;
+                enabled: true;
             };
         };
         arrows: {
-            settings: boolean;
+            settings: true;
             label: string;
             left: {
                 label: string;
@@ -98,13 +100,13 @@ declare const _default: {
                 label: string;
             };
         };
-        gridConfigurations: {
+        gridConfigurations: ({
             label: string;
             arrows: {
-                left: boolean;
-                right: boolean;
-                up: boolean;
-                down: boolean;
+                left: true;
+                right: true;
+                up: true;
+                down: true;
             };
             domain: {
                 min: number;
@@ -118,14 +120,14 @@ declare const _default: {
                 width: number;
                 height: number;
             };
-            includeAxes: boolean;
+            includeAxes: true;
             labels: {
                 top: string;
                 right: string;
                 bottom: string;
                 left: string;
             };
-            padding: boolean;
+            padding: true;
             range: {
                 min: number;
                 max: number;
@@ -134,68 +136,144 @@ declare const _default: {
                 labelStep: number;
                 axisLabel: string;
             };
-            standardGrid: boolean;
+            standardGrid: true;
             title: string;
-        }[];
+        } | {
+            label: string;
+            arrows: {
+                left: false;
+                right: true;
+                up: true;
+                down: false;
+            };
+            domain: {
+                min: number;
+                max: number;
+                step: number;
+                padding: number;
+                labelStep: number;
+                axisLabel: string;
+            };
+            graph: {
+                width: number;
+                height: number;
+            };
+            includeAxes: true;
+            labels: {
+                top: string;
+                right: string;
+                bottom: string;
+                left: string;
+            };
+            padding: true;
+            range: {
+                min: number;
+                max: number;
+                step: number;
+                padding: number;
+                labelStep: number;
+                axisLabel: string;
+            };
+            standardGrid: true;
+            title: string;
+        } | {
+            label: string;
+            arrows: {
+                left: false;
+                right: true;
+                up: true;
+                down: false;
+            };
+            domain: {
+                min: number;
+                max: number;
+                step: number;
+                padding: number;
+                labelStep: number;
+                axisLabel: string;
+            };
+            graph: {
+                width: number;
+                height: number;
+            };
+            includeAxes: true;
+            labels: {
+                top: string;
+                right: string;
+                bottom: string;
+                left: string;
+            };
+            padding: true;
+            range: {
+                min: number;
+                max: number;
+                step: number;
+                padding: number;
+                labelStep: number;
+                axisLabel: string;
+            };
+            standardGrid: false;
+            title: string;
+        })[];
         graphDimensions: {
-            settings: boolean;
+            settings: false;
             label: string;
-            enabled: boolean;
+            enabled: true;
             min: number;
             max: number;
             step: number;
         };
         padding: {
-            settings: boolean;
+            settings: false;
             label: string;
         };
         labels: {
-            settings: boolean;
+            settings: true;
             label: string;
-            enabled: boolean;
+            enabled: true;
             top: string;
             right: string;
             bottom: string;
             left: string;
         };
         prompt: {
-            settings: boolean;
+            settings: true;
             label: string;
         };
         rationale: {
-            settings: boolean;
+            settings: true;
             label: string;
         };
         scoringType: {
-            settings: boolean;
+            settings: false;
             label: string;
         };
         studentInstructions: {
-            settings: boolean;
+            settings: false;
             label: string;
         };
         teacherInstructions: {
-            settings: boolean;
+            settings: true;
             label: string;
         };
         title: {
-            settings: boolean;
+            settings: true;
             label: string;
-            enabled: boolean;
+            enabled: true;
             placeholder: string;
         };
         instruction: {
-            settings: boolean;
+            settings: false;
             label: string;
         };
-        settingsPanelDisabled: boolean;
+        settingsPanelDisabled: false;
         spellCheck: {
             label: string;
-            settings: boolean;
-            enabled: boolean;
+            settings: false;
+            enabled: true;
         };
         coordinatesOnHover: {
-            settings: boolean;
+            settings: true;
             label: string;
         };
         maxImageWidth: {
@@ -209,21 +287,21 @@ declare const _default: {
             rationale: number;
         };
         withRubric: {
-            settings: boolean;
+            settings: false;
             label: string;
         };
         language: {
-            settings: boolean;
+            settings: false;
             label: string;
-            enabled: boolean;
+            enabled: false;
         };
         languageChoices: {
             label: string;
-            options: never[];
+            options: ConfigureLanguageOptionsProp[];
         };
         mathMlOptions: {
-            mmlOutput: boolean;
-            mmlEditing: boolean;
+            mmlOutput: false;
+            mmlEditing: false;
         };
     };
 };

package/dist/author/graphing-config.d.ts

@@ -8,6 +8,7 @@ export declare class GraphingConfig extends React.Component {
         graphDimensions: PropTypes.Requireable<object>;
         gridConfigurations: PropTypes.Requireable<any[]>;
         labelsPlaceholders: PropTypes.Requireable<object>;
+        mathMlOptions: PropTypes.Requireable<object>;
         model: PropTypes.Validator<object>;
         onChange: PropTypes.Validator<(...args: any[]) => any>;
         showLabels: PropTypes.Requireable<boolean>;

package/dist/author/graphing-config.js

@@ -37,6 +37,7 @@ var v = o("div")(({ theme: e }) => ({
 		graphDimensions: a.object,
 		gridConfigurations: a.array,
 		labelsPlaceholders: a.object,
+		mathMlOptions: a.object,
 		model: a.object.isRequired,
 		onChange: a.func.isRequired,
 		showLabels: a.bool,