@pie-element/graphing 10.1.2-next.1 → 10.1.2

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

@@ -1,54 +0,0 @@
-/**
- * @synced-from pie-elements/packages/graphing/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 const Tools: {
-    ({ availableTools, defaultTool, hasErrors, toolbarTools, toggleToolBarTool, onDefaultToolChange, }: {
-        availableTools: any;
-        defaultTool: any;
-        hasErrors: any;
-        toolbarTools: any;
-        toggleToolBarTool: any;
-        onDefaultToolChange: any;
-    }): React.JSX.Element;
-    propTypes: {
-        toolbarTools: PropTypes.Requireable<(string | null | undefined)[]>;
-        toggleToolBarTool: PropTypes.Requireable<(...args: any[]) => any>;
-        availableTools: PropTypes.Requireable<any[]>;
-        defaultTool: PropTypes.Requireable<string>;
-        hasErrors: PropTypes.Requireable<number>;
-        onDefaultToolChange: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-};
-export declare class CorrectResponse extends React.Component {
-    static propTypes: {
-        availableTools: PropTypes.Requireable<any[]>;
-        errors: PropTypes.Requireable<object>;
-        model: PropTypes.Validator<object>;
-        onChange: PropTypes.Validator<(...args: any[]) => any>;
-        toolbarTools: PropTypes.Requireable<unknown[]>;
-    };
-    state: {
-        dialog: {
-            open: boolean;
-        };
-    };
-    componentDidMount(): void;
-    handleAlertDialog: (open: any, callback: any) => void;
-    changeMarks: any;
-    filterMarks: any;
-    changeToolbarTools: any;
-    updateModel: any;
-    toggleToolBarTool: any;
-    onDefaultToolChange: any;
-    addAlternateResponse: any;
-    deleteAlternateResponse: any;
-    render(): React.JSX.Element;
-}
-export default CorrectResponse;

package/dist/author/correct-response.js

@@ -1,303 +0,0 @@
-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 { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { isEqual as s, set as c } from "@pie-element/shared-lodash";
-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";
-//#region src/author/correct-response.tsx
-var _ = "#D5D5D5", v = "#AAAAAA", y = r("div")({ color: v }), b = r("div")(({ theme: e }) => ({
-	margin: `${e.spacing(2.5)} 0`,
-	cursor: "pointer",
-	background: e.palette.grey[200],
-	padding: e.spacing(1.5),
-	width: "fit-content",
-	borderRadius: "4px",
-	"&:hover": { background: _ }
-})), x = r("div")(({ theme: e }) => ({
-	marginTop: e.spacing(1),
-	display: "flex",
-	flexWrap: "wrap"
-})), S = r("div")(({ theme: e }) => ({
-	cursor: "pointer",
-	margin: e.spacing(1),
-	padding: e.spacing(1),
-	border: `2px solid ${e.palette.common.white}`,
-	textTransform: "capitalize",
-	"&:hover": { color: e.palette.grey[800] }
-})), C = r(S)({
-	background: _,
-	border: `2px solid ${v}`
-}), w = r("div")(({ theme: e }) => ({
-	display: "flex",
-	alignItems: "center",
-	marginTop: e.spacing(2.5)
-})), T = r("div")(({ theme: e }) => ({
-	marginLeft: "6px",
-	color: e.palette.grey[600],
-	"&:hover": {
-		cursor: "pointer",
-		color: e.palette.common.black
-	}
-})), E = r("div")(({ theme: e }) => ({ marginBottom: e.spacing(.5) })), D = r(({ className: e, ...t }) => /* @__PURE__ */ a(f, {
-	...t,
-	classes: { tooltip: e }
-}))(({ theme: e }) => ({ "& .MuiTooltip-tooltip": {
-	fontSize: e.typography.fontSize - 2,
-	whiteSpace: "pre",
-	maxWidth: "500px"
-} })), O = r(p)(({ theme: e }) => ({
-	marginTop: e.spacing(1.5),
-	marginBottom: e.spacing(1)
-})), k = r("div")({
-	display: "flex",
-	alignItems: "center",
-	justifyContent: "space-between"
-}), A = r("div")({
-	display: "flex",
-	alignItems: "center",
-	width: "300px"
-}), j = r(d)(({ theme: e }) => ({
-	marginLeft: e.spacing(1),
-	textTransform: "uppercase",
-	color: e.palette.grey[800]
-})), M = r(u)({ textTransform: "uppercase" }), N = 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: s }) => {
-	let c = e || [], l = c.includes("label"), u = (r || []).filter((e) => e !== "label");
-	return l && (c = [...c.filter((e) => e !== "label"), "label"]), /* @__PURE__ */ o(y, { children: [/* @__PURE__ */ o(k, { children: [/* @__PURE__ */ a("span", { children: "GRAPHING TOOLS" }), u.length > 0 && /* @__PURE__ */ o(A, { children: [/* @__PURE__ */ a("span", { children: "Default graphing tool:" }), /* @__PURE__ */ a(j, {
-		variant: "standard",
-		onChange: s,
-		value: t,
-		disableUnderline: !0,
-		MenuProps: { transitionDuration: {
-			enter: 225,
-			exit: 195
-		} },
-		children: u.map((e, t) => /* @__PURE__ */ a(M, {
-			value: e,
-			children: e
-		}, t))
-	})] })] }), /* @__PURE__ */ a(x, { children: c.map((e) => /* @__PURE__ */ a(r.find((t) => t === e) ? C : S, {
-		style: { ...n && e !== "label" && { color: "red" } },
-		onClick: () => i(e),
-		children: e.toUpperCase()
-	}, e)) })] });
-};
-P.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 e.Component {
-	static propTypes = {
-		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 {
-			t(m.findDOMNode(this));
-		} catch {
-			console.error("DOM not mounted");
-		}
-	}
-	handleAlertDialog = (e, t) => this.setState({ dialog: { open: e } }, t);
-	changeMarks = (e, t) => {
-		let { model: n, onChange: r } = this.props;
-		c(n, `answers.${e}.marks`, t), r(n);
-	};
-	filterMarks = (e) => {
-		let { model: { answers: t } } = this.props;
-		return Object.entries(t || {}).reduce((t, [n, r]) => (t[n] = {
-			...r,
-			marks: (r.marks || []).filter((t) => t.type !== e)
-		}, t), {});
-	};
-	changeToolbarTools = (e) => {
-		let { model: t, onChange: n } = this.props;
-		t.toolbarTools = e, n(t);
-	};
-	updateModel = (e) => {
-		let { model: t, onChange: n } = this.props;
-		n({
-			...t,
-			...e
-		});
-	};
-	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 (!s(r, n)) {
-				this.setState({ dialog: {
-					open: !0,
-					title: "Warning",
-					text: `Correct answer includes one or more ${e} objects and all of them will be deleted.`,
-					onConfirm: () => this.handleAlertDialog(!1, this.updateModel({
-						toolbarTools: i,
-						answers: n,
-						defaultTool: a
-					})),
-					onClose: () => this.handleAlertDialog(!1)
-				} });
-				return;
-			}
-		} else i.push(e), t === "" && e !== "label" && (a = e);
-		this.updateModel({
-			toolbarTools: i,
-			defaultTool: a
-		});
-	};
-	onDefaultToolChange = (e) => {
-		let { value: t } = e.target;
-		this.updateModel({ defaultTool: t });
-	};
-	addAlternateResponse = () => {
-		let { model: e, onChange: t } = this.props, { answers: n } = e || {}, r = Object.keys(n || {});
-		c(e, `answers.${`alternate${r.length}`}`, {
-			name: `Alternate ${r.length}`,
-			marks: []
-		}), t(e);
-	};
-	deleteAlternateResponse = (e, t) => {
-		let { model: n, onChange: r } = this.props, { answers: i } = n || {}, { marks: a = [], name: o } = t || {}, s = () => {
-			delete i[e];
-			let t = Object.entries(i).reduce((e, t, n) => {
-				let [r, i] = t;
-				return r === "correctAnswer" ? {
-					...e,
-					[r]: i
-				} : {
-					...e,
-					["alternate" + n]: {
-						...i,
-						name: `Alternate ${n}`
-					}
-				};
-			}, {});
-			r({
-				...n,
-				answers: t
-			});
-		};
-		if (a.length) {
-			this.setState({ dialog: {
-				open: !0,
-				title: "Warning",
-				text: `${o} includes one or more shapes and the entire response will be deleted.`,
-				onConfirm: () => this.handleAlertDialog(!1, s),
-				onClose: () => this.handleAlertDialog(!1)
-			} });
-			return;
-		}
-		s();
-	};
-	render() {
-		let { availableTools: t, errors: n, model: r, mathMlOptions: s = {}, removeIncompleteTool: c } = 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 } = n || {};
-		return /* @__PURE__ */ o("div", { children: [
-			/* @__PURE__ */ a(p, {
-				component: "div",
-				variant: "h6",
-				children: "Define Tool Set and Correct Response"
-			}),
-			/* @__PURE__ */ a(O, {
-				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__ */ a(P, {
-				availableTools: t,
-				defaultTool: v,
-				hasErrors: !!I,
-				onDefaultToolChange: this.onDefaultToolChange,
-				toggleToolBarTool: this.toggleToolBarTool,
-				toolbarTools: M
-			}),
-			I && /* @__PURE__ */ a(N, { children: I }),
-			Object.entries(d || {}).map(([t, n]) => {
-				let { marks: r = [], name: l } = n || {};
-				return /* @__PURE__ */ o(e.Fragment, { children: [
-					/* @__PURE__ */ o(w, { children: [
-						/* @__PURE__ */ a(E, { children: l }),
-						t === "correctAnswer" && /* @__PURE__ */ a(D, {
-							disableFocusListener: !0,
-							disableTouchListener: !0,
-							placement: "right",
-							title: "At least 1 graph object should be defined.",
-							children: /* @__PURE__ */ a(g, {
-								fontSize: "small",
-								color: "primary",
-								style: {
-									marginLeft: "8px",
-									marginBottom: "auto"
-								}
-							})
-						}),
-						t !== "correctAnswer" && /* @__PURE__ */ a(T, {
-							onClick: () => this.deleteAlternateResponse(t, n),
-							children: /* @__PURE__ */ a(h, {})
-						})
-					] }),
-					/* @__PURE__ */ a(i, {
-						style: F[t] && { border: "2px solid red" },
-						axesSettings: { includeArrows: f },
-						backgroundMarks: m.filter((e) => !e.building),
-						coordinatesOnHover: _,
-						disabledLabels: !0,
-						disabledTitle: !0,
-						domain: y,
-						draggableTools: t === "correctAnswer",
-						labels: S,
-						marks: r,
-						onChangeMarks: (e) => this.changeMarks(t, e),
-						range: k,
-						showLabels: C,
-						showTitle: j,
-						size: {
-							width: x.width,
-							height: x.height
-						},
-						title: A,
-						toolbarTools: M,
-						onChangeTools: (e) => this.updateModel({ toolbarTools: e }),
-						mathMlOptions: s,
-						removeIncompleteTool: c,
-						limitLabeling: !0
-					}),
-					F[t] && /* @__PURE__ */ a(N, { children: F[t] })
-				] }, `correct-response-graph-${l}`);
-			}),
-			/* @__PURE__ */ a(b, {
-				onClick: this.addAlternateResponse,
-				children: "ADD ALTERNATE"
-			}),
-			/* @__PURE__ */ a(l, {
-				open: u.open,
-				title: u.title,
-				text: u.text,
-				onClose: u.onClose,
-				onConfirm: u.onConfirm
-			})
-		] });
-	}
-};
-//#endregion
-export { F as default };

package/dist/author/defaults.d.ts

@@ -1,294 +0,0 @@
-/**
- * @synced-from pie-elements/packages/graphing/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;
-        };
-        backgroundMarks: never[];
-        coordinatesOnHover: boolean;
-        defaultGridConfiguration: number;
-        domain: {
-            min: number;
-            max: number;
-            step: number;
-            labelStep: number;
-            axisLabel: string;
-        };
-        graph: {
-            width: number;
-            height: number;
-        };
-        includeAxes: boolean;
-        labels: {};
-        labelsEnabled: boolean;
-        padding: boolean;
-        prompt: string;
-        promptEnabled: boolean;
-        range: {
-            min: number;
-            max: number;
-            step: number;
-            labelStep: number;
-            axisLabel: string;
-        };
-        rationale: string;
-        rationaleEnabled: boolean;
-        standardGrid: boolean;
-        studentInstructionsEnabled: boolean;
-        teacherInstructions: string;
-        teacherInstructionsEnabled: boolean;
-        title: string;
-        titleEnabled: boolean;
-        toolbarTools: string[];
-    };
-    configuration: {
-        baseInputConfiguration: {
-            h3: {
-                disabled: boolean;
-            };
-            audio: {
-                disabled: boolean;
-            };
-            video: {
-                disabled: boolean;
-            };
-            image: {
-                disabled: boolean;
-            };
-            textAlign: {
-                disabled: boolean;
-            };
-            showParagraphs: {
-                disabled: boolean;
-            };
-            separateParagraphs: {
-                disabled: boolean;
-            };
-        };
-        availableTools: string[];
-        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;
-            required: boolean;
-            inputConfiguration: {
-                audio: {
-                    disabled: boolean;
-                };
-                video: {
-                    disabled: boolean;
-                };
-                image: {
-                    disabled: boolean;
-                };
-            };
-        };
-        rationale: {
-            settings: boolean;
-            label: string;
-            required: boolean;
-            inputConfiguration: {
-                audio: {
-                    disabled: boolean;
-                };
-                video: {
-                    disabled: boolean;
-                };
-                image: {
-                    disabled: boolean;
-                };
-            };
-        };
-        scoringType: {
-            settings: boolean;
-            label: string;
-        };
-        studentInstructions: {
-            settings: boolean;
-            label: string;
-        };
-        teacherInstructions: {
-            settings: boolean;
-            label: string;
-            required: boolean;
-            inputConfiguration: {
-                audio: {
-                    disabled: boolean;
-                };
-                video: {
-                    disabled: boolean;
-                };
-                image: {
-                    disabled: boolean;
-                };
-            };
-        };
-        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;
-        };
-        removeIncompleteTool: boolean;
-    };
-};
-export default _default;