@pie-element/graphing 11.0.4-next.20261011174919 → 11.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 { GraphingValidationErrors } from '../controller/index.js';
+import type { GraphingConfiguration, GraphingModel } from '../types.js';
+/** The model the author edits; the host sets `errors` from the controller's `validate()`. */
+export type AuthorModel = Partial<GraphingModel> & {
+    errors?: GraphingValidationErrors;
+};
+type MediaSupport<Handler> = {
+    add: (handler: Handler) => void;
+    delete: (src: string, done: DeleteDone) => void;
+};
+export type ConfigureProps = {
+    model: AuthorModel;
+    configuration: GraphingConfiguration;
+    onModelChanged: (model: AuthorModel) => void;
+    onConfigurationChanged: (configuration: GraphingConfiguration) => 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,34 +1,25 @@
 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";
+import { styled as r } from "@mui/material/styles";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import o from "debug";
+import { intersection as s } from "@pie-element/shared-lodash";
+import c from "@mui/material/Typography";
+import { InputContainer as l, layout as u, settings as d } from "@pie-lib/config-ui";
+import f 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 = s("@pie-element:graphing:configure"), g = i(u)(({ theme: e }) => ({
+var { Panel: p, toggle: m, radio: ee, checkboxes: te, textField: ne, dropdown: re } = d, ie = o("@pie-element:graphing:configure"), h = r(l)(({ theme: e }) => ({
 	width: "100%",
 	paddingTop: e.spacing(2),
 	marginBottom: e.spacing(2)
-})), ae = i(l)(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), _ = i("div")(({ theme: e }) => ({
+})), g = r(c)(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), _ = r("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(1)
 })), v = 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, { availableTools: r, title: i, graphDimensions: a } = e || {}, { arrows: o, titleEnabled: s, dimensionsEnabled: l } = n || {};
+		let { configuration: e, onModelChanged: t, model: n } = this.props, { availableTools: r, title: i, graphDimensions: a } = e || {}, { arrows: o, titleEnabled: c, dimensionsEnabled: l } = n || {};
 		typeof o == "boolean" && (o = o ? {
 			left: !0,
 			right: !0,
@@ -40,7 +31,7 @@ var { Panel: ee, toggle: m, radio: h, checkboxes: te, textField: ne, dropdown: r
 			up: !1,
 			down: !1
 		});
-		let u = c(r || [], n.toolbarTools || []), d = s ?? i.enabled, f = l ?? a.enabled;
+		let u = s(r || [], n.toolbarTools || []), d = c ?? i.enabled, f = l ?? a.enabled;
 		t && t({
 			...n,
 			arrows: o,
@@ -71,134 +62,134 @@ var { Panel: ee, toggle: m, radio: h, checkboxes: te, textField: ne, dropdown: r
 		});
 	};
 	render() {
-		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 || {};
+		let { model: n, configuration: r, onConfigurationChanged: o, onModelChanged: s, imageSupport: c, uploadSoundSupport: l } = this.props, { arrows: d = {}, authoring: v = {}, availableTools: y = [], baseInputConfiguration: b = {}, coordinatesOnHover: x = {}, contentDimensions: ae = {}, gridConfigurations: oe = [], graphDimensions: S = {}, instruction: C = {}, labels: w = {}, padding: T = {}, prompt: E = {}, rationale: D = {}, scoringType: O = {}, settingsPanelDisabled: k, spellCheck: A = {}, studentInstructions: j = {}, teacherInstructions: M = {}, title: N = {}, maxImageWidth: P = {}, maxImageHeight: F = {}, withRubric: I = {}, language: L = {}, languageChoices: R = {}, mathMlOptions: z = {}, removeIncompleteTool: B = !1 } = r || {}, { errors: V = {}, extraCSSRules: H, labelsEnabled: U, dimensionsEnabled: W, promptEnabled: G, rationaleEnabled: K, spellCheckEnabled: q, teacherInstructionsEnabled: se, titleEnabled: ce } = n || {}, { prompt: J, rationale: Y, teacherInstructions: X } = V || {};
 		ie("[render] model", n);
-		let Z = F && F.prompt, Q = I && I.prompt, le = {
-			top: T.top,
-			right: T.right,
-			bottom: T.bottom,
-			left: T.left
+		let Z = P && P.prompt, Q = F && F.prompt, le = {
+			top: w.top,
+			right: w.right,
+			bottom: w.bottom,
+			left: w.left
 		}, ue = {
-			arrows: u.settings && te(u.label, {
-				left: u.left,
-				right: u.right,
-				up: u.up,
-				down: u.down
+			arrows: d.settings && te(d.label, {
+				left: d.left,
+				right: d.right,
+				up: d.up,
+				down: d.down
 			}),
-			titleEnabled: P.settings && m(P.label),
-			padding: E.settings && m(E.label),
-			labelsEnabled: T.settings && m(T.label),
-			"language.enabled": R.settings && m(R.label, !0),
-			language: R.settings && R.enabled && re(z.label, z.options),
-			dimensionsEnabled: C.settings && m(C.label),
-			coordinatesOnHover: b.settings && m(b.label)
+			titleEnabled: N.settings && m(N.label),
+			padding: T.settings && m(T.label),
+			labelsEnabled: w.settings && m(w.label),
+			"language.enabled": L.settings && m(L.label, !0),
+			language: L.settings && L.enabled && re(R.label, R.options),
+			dimensionsEnabled: S.settings && m(S.label),
+			coordinatesOnHover: x.settings && m(x.label)
 		}, de = {
-			"authoring.enabled": f.settings && m(f.label, !0),
-			teacherInstructionsEnabled: N.settings && m(N.label),
-			studentInstructionsEnabled: M.settings && m(M.label),
-			promptEnabled: D.settings && m(D.label),
-			rationaleEnabled: O.settings && m(O.label),
-			spellCheckEnabled: j.settings && m(j.label),
-			scoringType: k.settings && h(k.label, ["dichotomous", "partial scoring"]),
-			rubricEnabled: L?.settings && m(L?.label),
-			instruction: w.settings && ne(w.label)
+			"authoring.enabled": v.settings && m(v.label, !0),
+			teacherInstructionsEnabled: M.settings && m(M.label),
+			studentInstructionsEnabled: j.settings && m(j.label),
+			promptEnabled: E.settings && m(E.label),
+			rationaleEnabled: D.settings && m(D.label),
+			spellCheckEnabled: A.settings && m(A.label),
+			scoringType: O.settings && ee(O.label, ["dichotomous", "partial scoring"]),
+			rubricEnabled: I?.settings && m(I?.label),
+			instruction: C.settings && ne(C.label)
 		}, $ = (e = {}) => ({
-			...y,
+			...b,
 			...e
 		});
-		return /* @__PURE__ */ o(d.ConfigLayout, {
-			extraCSSRules: U,
-			dimensions: x,
-			hideSettings: A,
-			settings: /* @__PURE__ */ a(ee, {
+		return /* @__PURE__ */ a(u.ConfigLayout, {
+			extraCSSRules: H,
+			dimensions: ae,
+			hideSettings: k,
+			settings: /* @__PURE__ */ i(p, {
 				model: n,
 				configuration: r,
 				onChangeModel: s,
-				onChangeConfiguration: i,
+				onChangeConfiguration: o,
 				groups: {
 					Settings: ue,
 					Properties: de
 				}
 			}),
 			children: [
-				/* @__PURE__ */ a(ae, {
+				/* @__PURE__ */ i(g, {
 					component: "div",
 					variant: "body1",
-					children: w?.label || ""
+					children: C?.label || ""
 				}),
-				se && /* @__PURE__ */ o(g, {
-					label: N.label,
-					children: [/* @__PURE__ */ a(p, {
+				se && /* @__PURE__ */ a(h, {
+					label: M.label,
+					children: [/* @__PURE__ */ i(f, {
 						markup: n.teacherInstructions || "",
 						onChange: this.onTeacherInstructionsChange,
 						imageSupport: c,
 						error: X,
 						nonEmpty: !1,
-						pluginProps: $(N?.inputConfiguration),
+						pluginProps: $(M?.inputConfiguration),
 						spellCheck: q,
-						maxImageWidth: F && F.teacherInstructions || Z,
-						maxImageHeight: I && I.teacherInstructions || Q,
+						maxImageWidth: P && P.teacherInstructions || Z,
+						maxImageHeight: F && F.teacherInstructions || Q,
 						uploadSoundSupport: l,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-						mathMlOptions: B
-					}), X && /* @__PURE__ */ a(_, { children: X })]
+						mathMlOptions: z
+					}), X && /* @__PURE__ */ i(_, { children: X })]
 				}),
-				K && /* @__PURE__ */ o(g, {
-					label: D.label,
-					children: [/* @__PURE__ */ a(p, {
+				G && /* @__PURE__ */ a(h, {
+					label: E.label,
+					children: [/* @__PURE__ */ i(f, {
 						markup: n.prompt,
 						onChange: this.onPromptChange,
 						imageSupport: c,
 						error: J,
 						nonEmpty: !1,
 						spellCheck: q,
-						pluginProps: $(D?.inputConfiguration),
+						pluginProps: $(E?.inputConfiguration),
 						disableUnderline: !0,
 						maxImageWidth: Z,
 						maxImageHeight: Q,
 						uploadSoundSupport: l,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-						mathMlOptions: B
-					}), J && /* @__PURE__ */ a(_, { children: J })]
+						mathMlOptions: z
+					}), J && /* @__PURE__ */ i(_, { children: J })]
 				}),
-				/* @__PURE__ */ a(e, {
-					authoring: f,
-					availableTools: v,
-					gridConfigurations: S,
-					graphDimensions: C,
+				/* @__PURE__ */ i(e, {
+					authoring: v,
+					availableTools: y,
+					gridConfigurations: oe,
+					graphDimensions: S,
 					labelsPlaceholders: le,
 					model: n,
-					showLabels: W,
-					dimensionsEnabled: G,
+					showLabels: U,
+					dimensionsEnabled: W,
 					showTitle: ce,
-					titlePlaceholder: P.placeholder,
+					titlePlaceholder: N.placeholder,
 					onChange: this.props.onModelChanged,
-					mathMlOptions: B,
-					removeIncompleteTool: V
+					mathMlOptions: z,
+					removeIncompleteTool: B
 				}),
-				/* @__PURE__ */ a(t, {
-					availableTools: v,
-					errors: H,
+				/* @__PURE__ */ i(t, {
+					availableTools: y,
+					errors: V,
 					model: n,
 					onChange: this.props.onModelChanged,
-					mathMlOptions: B,
-					removeIncompleteTool: V
+					mathMlOptions: z,
+					removeIncompleteTool: B
 				}),
-				oe && /* @__PURE__ */ o(g, {
-					label: O.label || "Rationale",
-					children: [/* @__PURE__ */ a(p, {
+				K && /* @__PURE__ */ a(h, {
+					label: D.label || "Rationale",
+					children: [/* @__PURE__ */ i(f, {
 						markup: n.rationale || "",
 						onChange: this.onRationaleChange,
 						imageSupport: c,
 						error: Y,
 						spellCheck: q,
-						pluginProps: $(O?.inputConfiguration),
-						maxImageWidth: F && F.rationale || Z,
-						maxImageHeight: I && I.rationale || Q,
+						pluginProps: $(D?.inputConfiguration),
+						maxImageWidth: P && P.rationale || Z,
+						maxImageHeight: F && F.rationale || Q,
 						uploadSoundSupport: l,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-						mathMlOptions: B
-					}), Y && /* @__PURE__ */ a(_, { children: Y })]
+						mathMlOptions: z
+					}), Y && /* @__PURE__ */ i(_, { children: Y })]
 				})
 			]
 		});

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

@@ -22,8 +22,10 @@ export declare class CorrectResponse extends React.Component {
     static propTypes: {
         availableTools: PropTypes.Requireable<any[]>;
         errors: PropTypes.Requireable<object>;
+        mathMlOptions: PropTypes.Requireable<object>;
         model: PropTypes.Validator<object>;
         onChange: PropTypes.Validator<(...args: any[]) => any>;
+        removeIncompleteTool: PropTypes.Requireable<boolean>;
         toolbarTools: PropTypes.Requireable<unknown[]>;
     };
     state: {

package/dist/author/correct-response.js

@@ -104,8 +104,10 @@ var P = class extends e.Component {
 	static propTypes = {
 		availableTools: n.array,
 		errors: n.object,
+		mathMlOptions: n.object,
 		model: n.object.isRequired,
 		onChange: n.func.isRequired,
+		removeIncompleteTool: n.bool,
 		toolbarTools: n.arrayOf(n.String)
 	};
 	state = { dialog: { open: !1 } };