@pie-element/graphing-solution-set 6.4.0-beta.7 → 7.0.0-next.20261002100925

package/dist/delivery/main.js

@@ -0,0 +1,198 @@
+import { checkIfLinesAreAdded as e, findSectionsInSolutionSet as t, pointInsidePolygon as n } from "./utils.js";
+import r from "react";
+import i from "prop-types";
+import { styled as a } from "@mui/material/styles";
+import { GraphContainer as o } from "@pie-lib/graphing-solution-set";
+import * as s from "@pie-lib/render-ui";
+import { Collapsible as c, PreviewPrompt as l, UiLayout as u, color as d, hasMedia as f, hasText as p } from "@pie-lib/render-ui";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import g from "@pie-lib/correct-answer-toggle";
+import { AlertDialog as _ } from "@pie-lib/config-ui";
+//#region src/delivery/main.tsx
+function v(e) {
+	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
+}
+function y(e, t) {
+	return !e || v(e) ? e : v(e.default) ? e.default : t && v(e[t]) ? e[t] : t && v(e[t]?.default) ? e[t].default : e;
+}
+var b = y(u, "UiLayout") || y(T.UiLayout, "UiLayout"), x = y(l, "PreviewPrompt") || y(T.PreviewPrompt, "PreviewPrompt"), S = y(c, "Collapsible") || y(T.Collapsible, "Collapsible"), C = s, w = C.default, T = w && typeof w == "object" ? w : C, E = a(b)({
+	color: d.text(),
+	backgroundColor: d.background()
+}), D = a(S)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), O = a(o)(({ theme: e }) => ({
+	marginTop: e.spacing(2),
+	marginBottom: e.spacing(2)
+})), k = class extends r.Component {
+	static propTypes = {
+		model: i.object.isRequired,
+		session: i.object.isRequired,
+		onAnswersChange: i.func
+	};
+	state = {
+		showingCorrect: !1,
+		dialog: { open: !1 }
+	};
+	handleAlertDialog = (e, t) => this.setState({ dialog: { open: e } }, t);
+	toggleCorrect = (e) => this.setState({ showingCorrect: e });
+	onResetClick = () => {
+		let { model: e, session: t, setGssData: n } = this.props, { gssData: r } = e;
+		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: () => {
+				t.answer = [], r.selectedTool = "lineA", r.lineA.lineType = "Solid", r.lineB && (r.lineB.lineType = "Solid"), n(r, t), this.handleAlertDialog(!1);
+			},
+			onClose: () => this.handleAlertDialog(!1)
+		} });
+	};
+	onSolutionSetSelected = (e) => {
+		let { model: t, session: r, setGssData: i } = this.props, { gssData: a, disabled: o } = t;
+		if (!o) {
+			for (let t of a.sections) if (n(e, t)) {
+				let e = {
+					points: t,
+					building: !1,
+					type: "polygon",
+					closed: !0,
+					isSolution: !0
+				};
+				r.answer = r.answer.filter((e) => e.type !== "polygon"), r.answer.push(e);
+				break;
+			}
+			i(a, r);
+		}
+	};
+	onChangeGssLineData = (n, r) => {
+		let { model: i, session: a } = this.props, { domain: o, range: s, disabled: c } = i;
+		if (!c) if (n.selectedTool === "solutionSet") {
+			let i = a.answer.filter((e) => e.type !== "polygon");
+			if (!e(n, i)) n.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 e = a.answer.filter((e) => e.type !== "polygon");
+				n = t(n, e, o, s);
+			}
+			this.handleGssDataChange(n, a);
+		} else {
+			let e = a.answer.filter((e) => e.type === "polygon");
+			r === "solutionSet" && e.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.answer = a.answer.filter((e) => e.type !== "polygon"), this.handleGssDataChange(n, a), this.handleAlertDialog(!1);
+				},
+				onConfirmText: "CLEAR SOLUTION SET",
+				onClose: () => {
+					n.selectedTool = r, this.handleGssDataChange(n, a), this.handleAlertDialog(!1);
+				}
+			} }) : this.handleGssDataChange(n, a);
+		}
+	};
+	handleGssDataChange = (e, t) => {
+		let { setGssData: n } = this.props;
+		t.answer && t.answer.length > 0 && t.answer[0] && e.lineA && (t.answer[0].fill = e.lineA.lineType), t.answer && t.answer.length > 1 && t.answer[1] && e.lineB && (t.answer[1].fill = e.lineB.lineType), (e.selectedTool === "lineB" && t.answer.length === 0 || e.selectedTool === "lineB" && t.answer[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)
+		} }), e.selectedTool = "lineA"), e.selectedTool === "lineA" && t.answer.length > 1 && t.answer[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)
+		} }), e.selectedTool = "lineB"), n(e, t);
+	};
+	render() {
+		let { model: e, onAnswersChange: t, session: n } = this.props, { showingCorrect: r, dialog: i } = this.state, { answer: a } = n || {}, { answersCorrected: o, arrows: s, coordinatesOnHover: c, correctResponse: l, defaultTool: u, disabled: d, domain: v, extraCSSRules: y, labels: b, labelsEnabled: C, prompt: w, range: T, rationale: k, size: A, showToggle: j, title: M, titleEnabled: N, teacherInstructions: P, language: F, gssLineData: I, gssData: L } = e || {}, R = o || a || [], z = e.rationale && (p(e.rationale) || f(e.rationale));
+		return /* @__PURE__ */ h(E, {
+			extraCSSRules: y,
+			children: [
+				e.teacherInstructions && (p(e.teacherInstructions) || f(e.teacherInstructions)) && /* @__PURE__ */ m(D, {
+					labels: {
+						hidden: "Show Teacher Instructions",
+						visible: "Hide Teacher Instructions"
+					},
+					children: /* @__PURE__ */ m(x, { prompt: P })
+				}),
+				w && /* @__PURE__ */ m(x, {
+					className: "prompt",
+					prompt: w
+				}),
+				/* @__PURE__ */ m(g, {
+					show: j,
+					toggled: r,
+					onToggle: this.toggleCorrect,
+					language: F
+				}),
+				r && j ? /* @__PURE__ */ m(O, {
+					axesSettings: { includeArrows: s },
+					coordinatesOnHover: c,
+					disabled: !0,
+					disabledLabels: !0,
+					disabledTitle: !0,
+					domain: v,
+					labels: b,
+					marks: l.map((e) => ({
+						...e,
+						correctness: "correct"
+					})),
+					onChangeMarks: t,
+					range: T,
+					showLabels: C,
+					showTitle: N,
+					size: A,
+					title: M,
+					language: F,
+					gssLineData: I,
+					onChangeGssLineData: this.onChangeGssLineData,
+					onSolutionSetSelected: this.onSolutionSetSelected,
+					toolbarTools: ["line", "polygon"]
+				}) : /* @__PURE__ */ m(O, {
+					axesSettings: { includeArrows: s },
+					coordinatesOnHover: c,
+					defaultTool: u,
+					disabled: d,
+					disabledLabels: !0,
+					disabledTitle: !0,
+					domain: v,
+					labels: b,
+					marks: R,
+					onChangeMarks: t,
+					onCustomReset: this.onResetClick,
+					range: T,
+					showLabels: C,
+					showTitle: N,
+					size: A,
+					title: M,
+					language: F,
+					gssLineData: L,
+					onChangeGssLineData: this.onChangeGssLineData,
+					onSolutionSetSelected: this.onSolutionSetSelected,
+					toolbarTools: ["line", "polygon"]
+				}),
+				z && /* @__PURE__ */ m(S, {
+					labels: {
+						hidden: "Show Rationale",
+						visible: "Hide Rationale"
+					},
+					children: /* @__PURE__ */ m(x, { prompt: k })
+				}),
+				/* @__PURE__ */ m(_, {
+					open: i.open,
+					title: i.title,
+					text: i.text,
+					onClose: i.onClose,
+					onConfirm: i.onConfirm,
+					onConfirmText: i.onConfirmText ? i.onConfirmText : "OK"
+				})
+			]
+		});
+	}
+};
+//#endregion
+export { k as Main, k as default };

package/dist/delivery/utils.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @synced-from pie-elements/packages/graphing-solution-set/src/utils.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.
+ */
+export declare const findSectionsInSolutionSet: (gssLineData: any, answers: any, domain: any, range: any) => any;
+export declare const pointInsidePolygon: (point: any, polygon: any) => boolean;
+export declare const checkIfLinesAreAdded: (gssLineData: any, answer: any) => boolean | undefined;
+export declare const removeInvalidAnswers: (answers: any) => any;

package/dist/delivery/utils.js

@@ -0,0 +1,220 @@
+var e = {
+	line: (t) => t && e.point(t.from) && e.point(t.to),
+	point: (e) => e && Number.isFinite(e.x) && Number.isFinite(e.y)
+}, t = (e, t) => Number(Math.sqrt((e.x - t.x) ** 2 + (e.y - t.y) ** 2).toFixed(3)), n = (e, n) => {
+	let r = e, i = !1, a = [...n];
+	a.push(n[0]);
+	for (let e = 0; e < a.length - 1; e++) {
+		let n = a[e], o = a[e + 1];
+		if (t(n, r) + t(r, o) === t(n, o)) {
+			i = !0;
+			break;
+		}
+	}
+	return i;
+}, r = (e, t, n, r, i, a, o, s) => {
+	let c, l = (s - a) * (n - e) - (o - i) * (r - t);
+	return l === 0 ? null : (c = ((o - i) * (t - a) - (s - a) * (e - i)) / l, {
+		x: Number((e + c * (n - e)).toFixed(3)),
+		y: Number((t + c * (r - t)).toFixed(3))
+	});
+}, i = (e, t, n) => e.x > t.min && e.x < t.max && e.y > n.min && e.y < n.max, a = (e, t, n) => e.x >= t.min && e.x <= t.max && e.y >= n.min && e.y <= n.max, o = (e, t, n) => {
+	let i = [], o = [
+		[
+			t.max,
+			n.max,
+			t.max,
+			n.min
+		],
+		[
+			t.min,
+			n.max,
+			t.min,
+			n.min
+		],
+		[
+			t.min,
+			n.max,
+			t.max,
+			n.max
+		],
+		[
+			t.min,
+			n.min,
+			t.max,
+			n.min
+		]
+	];
+	for (let s = 0; s < o.length; s++) {
+		let c = r(e.from.x, e.from.y, e.to.x, e.to.y, o[s][0], o[s][1], o[s][2], o[s][3]);
+		c && a(c, t, n) && i.push(c);
+	}
+	return i;
+}, s = (e) => {
+	e.sort((e, t) => e.y - t.y);
+	let t = (e[0].y + e[e.length - 1].y) / 2;
+	e.sort((e, t) => t.x - e.x);
+	let n = {
+		x: (e[0].x + e[e.length - 1].x) / 2,
+		y: t
+	}, r;
+	e.forEach((e) => {
+		let t = Math.atan2(e.y - n.y, e.x - n.x);
+		r ? t < r && (t += Math.PI * 2) : r = t, e.angle = t;
+	}), e.sort((e, t) => e.angle - t.angle);
+	let i = e.reverse();
+	return i.unshift(i.pop()), i.map(({ angle: e, ...t }) => t);
+}, c = (e, t) => e.x * t.x + e.y * t.y, l = (e) => Math.sqrt(e.x * e.x + e.y * e.y), u = (e, t) => {
+	let n = c(e, t), r = l(e), i = l(t);
+	return Math.acos(n / (r * i));
+}, d = (e, t, n, r) => {
+	let i = {
+		x: t.x - e.x,
+		y: t.y - e.y
+	}, a = {
+		x: n.x - e.x,
+		y: n.y - e.y
+	}, o = {
+		x: r.x - e.x,
+		y: r.y - e.y
+	}, s = u(i, o) + u(a, o);
+	return Math.abs(s - u(i, a)) < 1e-4;
+}, f = (e) => e.filter((t, n) => n === e.findIndex((e) => t.x === e.x && t.y === e.y)), p = (e) => {
+	for (let t = 0; t < e.length; t++) e[t] = e[t].filter((n, r) => r === e[t].findIndex((e) => n.x === e.x && n.y === e.y));
+	e = e.filter((e) => e.length > 2);
+	for (let t = 0; t < e.length; t++) e[t] = s(e[t]);
+	return e;
+}, m = (e, t, n) => {
+	let r = [];
+	return r.push([].concat(e)), r.push([].concat(e)), e[0].x === t.max && e[1].y === n.max || e[1].x === t.max && e[0].y === n.max ? (r[0].push({
+		x: t.max,
+		y: n.max
+	}), r[1].push({
+		x: t.min,
+		y: n.max
+	}, {
+		x: t.min,
+		y: n.min
+	}, {
+		x: t.max,
+		y: n.min
+	})) : e[0].x === t.min && e[1].y === n.max || e[1].x === t.min && e[0].y === n.max ? (r[0].push({
+		x: t.min,
+		y: n.max
+	}), r[1].push({
+		x: t.max,
+		y: n.max
+	}, {
+		x: t.max,
+		y: n.min
+	}, {
+		x: t.min,
+		y: n.min
+	})) : e[0].x === t.min && e[1].y === n.min || e[1].x === t.min && e[0].y === n.min ? (r[0].push({
+		x: t.min,
+		y: n.min
+	}), r[1].push({
+		x: t.max,
+		y: n.min
+	}, {
+		x: t.max,
+		y: n.max
+	}, {
+		x: t.min,
+		y: n.max
+	})) : e[0].x === t.max && e[1].y === n.min || e[1].x === t.max && e[0].y === n.min ? (r[0].push({
+		x: t.max,
+		y: n.min
+	}), r[1].push({
+		x: t.min,
+		y: n.min
+	}, {
+		x: t.min,
+		y: n.max
+	}, {
+		x: t.max,
+		y: n.max
+	})) : e[0].x === t.min && e[1].x === t.max || e[0].x === t.max && e[1].x === t.min ? (r[0].push({
+		x: t.min,
+		y: n.max
+	}, {
+		x: t.max,
+		y: n.max
+	}), r[1].push({
+		x: t.min,
+		y: n.min
+	}, {
+		x: t.max,
+		y: n.min
+	})) : (e[0].y === n.min && e[1].y === n.max || e[0].y === n.max && e[1].y === n.min) && (r[0].push({
+		x: t.min,
+		y: n.min
+	}, {
+		x: t.min,
+		y: n.max
+	}), r[1].push({
+		x: t.max,
+		y: n.min
+	}, {
+		x: t.max,
+		y: n.max
+	})), p(r);
+}, h = (e, t, a, s) => {
+	let c = t[0], l = t[1], u = [
+		{
+			x: a.min,
+			y: s.min
+		},
+		{
+			x: a.min,
+			y: s.max
+		},
+		{
+			x: a.max,
+			y: s.min
+		},
+		{
+			x: a.max,
+			y: s.max
+		}
+	], h = r(c.from.x, c.from.y, c.to.x, c.to.y, l.from.x, l.from.y, l.to.x, l.to.y), g = [], _ = o(c, a, s);
+	_ = f(_);
+	let v = o(l, a, s);
+	if (v = f(v), h && i(h, a, s)) for (let e = 0; e < _.length; e++) for (let t = 0; t < v.length; t++) {
+		let n = [], r = [];
+		n.push(h), n.push(_[e]), n.push(v[t]);
+		for (let i = 0; i < u.length; i++) d(h, _[e], v[t], u[i]) ? n.push(u[i]) : r.push(u[i]);
+		u = r, g.push(n);
+	}
+	else {
+		let e = m(_, a, s), t = m(v, a, s);
+		for (let t = 0; t < e.length; t++) n(v[0], e[t]) && n(v[1], e[t]) || g.push(e[t]);
+		for (let e = 0; e < t.length; e++) n(_[0], t[e]) && n(_[1], t[e]) || g.push(t[e]);
+		for (let e = 0; e < g.length; e++) u = u.filter(function(t) {
+			return !g[e].some(function(e) {
+				return t.x === e.x && t.y === e.y;
+			});
+		});
+		let r = u.concat(_, v);
+		g.push(r);
+	}
+	return p(g);
+}, g = (e, t, n, r) => (e.numberOfLines === 1 ? e.sections = m(o(t[0], n, r), n, r) : e.sections = h(e, t, n, r), e), _ = (e, t) => {
+	let n = t.length, r = e.x, i = e.y, a = !1, o = t[0], s;
+	for (let e = 1; e <= n; e++) {
+		if (s = t[e % n], i > Math.min(o.y, s.y) && i <= Math.max(o.y, s.y) && r <= Math.max(o.x, s.x)) {
+			let e = (i - o.y) * (s.x - o.x) / (s.y - o.y) + o.x;
+			(o.x === s.x || r <= e) && (a = !a);
+		}
+		o = s;
+	}
+	return a;
+}, v = (e, t) => {
+	if (t.length === 0) return !1;
+	if (e.numberOfLines === 1) {
+		if (t.length === 1) return !t[0].building;
+	} else if (t.length !== 2) return !1;
+	else return !t[1].building;
+}, y = (t) => t ? (t || []).filter(({ type: t, ...n }) => e[t] ? e[t](n) : !1) : [];
+//#endregion
+export { v as checkIfLinesAreAdded, g as findSectionsInSolutionSet, _ as pointInsidePolygon, y as removeInvalidAnswers };