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

package/package.json

@@ -1,69 +1,34 @@
 {
   "name": "@pie-element/graphing-solution-set",
-  "version": "6.1.1-next.0",
+  "repository": "pie-framework/pie-elements",
+  "publishConfig": {
+    "access": "public"
+  },
+  "version": "6.1.1-next.29+863eb8c67",
   "description": "",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "postpublish": "../../scripts/postpublish"
+  },
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/style": "^0.8.0",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
-    "@pie-lib/config-ui": "13.0.4-next.0",
-    "@pie-lib/correct-answer-toggle": "4.0.3-next.0",
-    "@pie-lib/graphing-solution-set": "4.0.4-next.0",
-    "@pie-lib/render-ui": "6.1.1-next.0",
+    "@pie-framework/pie-player-events": "^0.1.0",
+    "@pie-lib/config-ui": "13.0.7",
+    "@pie-lib/correct-answer-toggle": "4.0.4",
+    "@pie-lib/graphing-solution-set": "4.0.7",
+    "@pie-lib/math-rendering": "5.0.2",
+    "@pie-lib/render-ui": "6.1.2",
     "classnames": "^2.2.6",
     "debug": "^4.1.1",
-    "@pie-lib/editable-html-tip-tap": "2.1.2-next.0",
-    "@pie-element/shared-configure-events": "0.1.0",
-    "@pie-element/shared-math-rendering-mathjax": "0.1.0",
-    "@pie-element/shared-player-events": "0.1.0",
-    "lodash-es": "^4.17.21",
-    "prop-types": "^15.8.1"
-  },
-  "peerDependencies": {
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "react": "18.3.1",
+    "react-dom": "18.3.1"
   },
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
-    },
-    "./delivery": {
-      "types": "./dist/delivery/index.d.ts",
-      "default": "./dist/delivery/index.js"
-    },
-    "./author": {
-      "types": "./dist/author/index.d.ts",
-      "default": "./dist/author/index.js"
-    },
-    "./controller": {
-      "types": "./dist/controller/index.d.ts",
-      "default": "./dist/controller/index.js"
-    },
-    "./controller.js": {
-      "types": "./dist/controller/index.d.ts",
-      "default": "./dist/controller/index.js"
-    }
-  },
-  "type": "module",
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "sideEffects": false,
-  "devDependencies": {
-    "vite": "^8.0.1",
-    "typescript": "^5.9.3",
-    "@vitejs/plugin-react": "^6.0.1",
-    "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.0"
-  },
-  "scripts": {
-    "build": "bun x vite build && bun x vite build --config vite.config.iife.ts && bun x tsc --emitDeclarationOnly",
-    "dev": "bun x vite",
-    "demo": "bun x vite --mode demo",
-    "test": "bun x vitest run"
-  }
+  "author": "",
+  "license": "ISC",
+  "gitHead": "863eb8c673c7375c2b6bb481c36e50c3a54e73d0",
+  "main": "lib/index.js",
+  "module": "src/index.js"
 }

package/dist/author/configure.d.ts

@@ -1,26 +0,0 @@
-/**
- * @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

@@ -1,190 +0,0 @@
-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

@@ -1,33 +0,0 @@
-/**
- * @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

@@ -1,206 +0,0 @@
-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 };