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

package/dist/author/graphing-config.js

@@ -1,56 +1,56 @@
-import e from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/isEqual.js";
-import { applyConstraints as t, filterPlotableMarks as n, getGridValues as r, getLabelValues as i } from "./utils.js";
-import * as a from "react";
-import o from "prop-types";
-import { styled as s } from "@mui/material/styles";
-import { GraphContainer as c, GridSetup as l } from "@pie-lib/graphing";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { applyConstraints as e, filterPlotableMarks as t, getGridValues as n, getLabelValues 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, GridSetup as c } from "@pie-lib/graphing";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { isEqual as d } from "@pie-element/shared-lodash";
 import { AlertDialog as f } from "@pie-lib/config-ui";
 import { MenuItem as p, OutlinedInput as m, Select as h, Typography as g } from "@mui/material";
 //#region src/author/graphing-config.tsx
-var _ = s("div")(({ theme: e }) => ({
+var _ = o("div")(({ theme: e }) => ({
 	display: "flex",
 	flexWrap: "wrap",
 	marginBottom: e.spacing(2.5)
-})), v = s("div")(({ theme: e }) => ({
+})), v = o("div")(({ theme: e }) => ({
 	display: "flex",
 	flexDirection: "column",
 	marginRight: e.spacing(3),
 	marginBottom: e.spacing(2.5)
-})), y = s("div")({
+})), y = o("div")({
 	display: "flex",
 	flexDirection: "column"
-}), b = s(g)(({ theme: e }) => ({
+}), b = o(g)(({ theme: e }) => ({
 	marginTop: e.spacing(1.5),
 	marginBottom: e.spacing(1)
-})), x = s("div")(({ theme: e }) => ({
+})), x = o("div")(({ theme: e }) => ({
 	display: "flex",
 	flexWrap: "wrap",
 	alignItems: "center",
 	width: "100%",
 	marginBottom: e.spacing(2.5)
-})), S = s(g)(({ theme: e }) => ({ padding: `0 ${e.spacing(1)}` })), C = s(h)({ flex: "1" }), w = class extends a.Component {
+})), S = o(g)(({ theme: e }) => ({ padding: `0 ${e.spacing(1)}` })), C = o(h)({ flex: "1" }), w = class extends i.Component {
 	static propTypes = {
-		availableTools: o.array,
-		authoring: o.object,
-		dimensionsEnabled: o.bool,
-		graphDimensions: o.object,
-		gridConfigurations: o.array,
-		labelsPlaceholders: o.object,
-		model: o.object.isRequired,
-		onChange: o.func.isRequired,
-		showLabels: o.bool,
-		showTitle: o.bool,
-		titlePlaceholder: o.string
+		availableTools: a.array,
+		authoring: a.object,
+		dimensionsEnabled: a.bool,
+		graphDimensions: a.object,
+		gridConfigurations: a.array,
+		labelsPlaceholders: a.object,
+		model: a.object.isRequired,
+		onChange: a.func.isRequired,
+		showLabels: a.bool,
+		showTitle: a.bool,
+		titlePlaceholder: a.string
 	};
 	constructor(e) {
 		super(e);
-		let { domain: t, range: n, graph: a } = e.model || {}, o = {
-			domain: r(t, a.width, !0),
-			range: r(n, a.height, !0)
+		let { domain: t, range: i, graph: a } = e.model || {}, o = {
+			domain: n(t, a.width, !0),
+			range: n(i, a.height, !0)
 		}, s = {
-			domain: i(t.step),
-			range: i(n.step)
+			domain: r(t.step),
+			range: r(i.step)
 		};
 		this.state = {
 			gridValues: o,
@@ -58,7 +58,7 @@ var _ = s("div")(({ theme: e }) => ({
 			showPixelGuides: !1,
 			dialog: { isOpened: !1 },
 			domain: { ...t },
-			range: { ...n }
+			range: { ...i }
 		};
 	}
 	changeBackgroundMarks = (e) => {
@@ -82,34 +82,34 @@ var _ = s("div")(({ theme: e }) => ({
 			title: e
 		});
 	};
-	onConfigChange = (r, i) => {
-		let { model: a, onChange: o } = this.props, { defaultGridConfiguration: s = 0 } = a, { gridValues: c, labelValues: l, domain: u, range: d } = this.state, f = {
-			...a,
-			...r
+	onConfigChange = (n, r) => {
+		let { model: i, onChange: a } = this.props, { defaultGridConfiguration: o = 0 } = i, { gridValues: s, labelValues: c, domain: l, range: u } = this.state, f = {
+			...i,
+			...n
 		}, { answers: p, domain: m, includeAxes: h, graph: g, range: _, standardGrid: v } = f, y = {
 			domain: [],
 			range: []
 		}, b = {
 			domain: [],
 			range: []
-		}, x = i >= 0 ? i : s;
+		}, x = r >= 0 ? r : o;
 		if (h) {
-			let e = t(m, g.width, c.domain, l.domain);
-			y.domain = e.gridValues || [], b.domain = e.labelValues || [];
+			let t = e(m, g.width, s.domain, c.domain);
+			y.domain = t.gridValues || [], b.domain = t.labelValues || [];
 		}
 		if (v) y.range = y.domain, b.range = b.domain, _.step = m.step, _.labelStep = m.labelStep;
 		else if (h) {
-			let e = t(_, g.height, c.range, l.range);
-			y.range = e.gridValues || [], b.range = e.labelValues || [];
+			let t = e(_, g.height, s.range, c.range);
+			y.range = t.gridValues || [], b.range = t.labelValues || [];
 		}
-		let S = n(m, _, p);
-		if (!e(p, S)) {
+		let S = t(m, _, p);
+		if (!d(p, S)) {
 			this.setState({ dialog: {
 				isOpened: !0,
-				onClose: () => this.setState({ dialog: { isOpened: !1 } }, o({
-					...a,
-					domain: u,
-					range: d
+				onClose: () => this.setState({ dialog: { isOpened: !1 } }, a({
+					...i,
+					domain: l,
+					range: u
 				})),
 				onConfirm: () => {
 					this.setState({
@@ -118,7 +118,7 @@ var _ = s("div")(({ theme: e }) => ({
 						dialog: { isOpened: !1 },
 						domain: { ...m },
 						range: { ..._ }
-					}, o({
+					}, a({
 						...f,
 						answers: S,
 						defaultGridConfiguration: x
@@ -132,7 +132,7 @@ var _ = s("div")(({ theme: e }) => ({
 			labelValues: b,
 			domain: { ...m },
 			range: { ..._ }
-		}), o({
+		}), a({
 			...f,
 			defaultGridConfiguration: x
 		});
@@ -146,13 +146,13 @@ var _ = s("div")(({ theme: e }) => ({
 		this.onConfigChange(t?.[n] || {}, n);
 	};
 	render() {
-		let { authoring: e = {}, availableTools: t = [], gridConfigurations: n = [], graphDimensions: r = {}, labelsPlaceholders: i, model: a, showLabels: o, dimensionsEnabled: s, showTitle: h, titlePlaceholder: w, mathMlOptions: T = {}, removeIncompleteTool: E } = this.props, { arrows: D, backgroundMarks: O, coordinatesOnHover: k, defaultGridConfiguration: A, domain: j, includeAxes: M, labels: N, range: P, standardGrid: F, title: I } = a || {}, L = (a || {}).graph || {}, { min: R, max: z, step: B } = r || {}, { dialog: V = {}, gridValues: H, labelValues: U, showPixelGuides: W } = this.state, G = {
+		let { authoring: e = {}, availableTools: t = [], gridConfigurations: n = [], graphDimensions: r = {}, labelsPlaceholders: i, model: a, showLabels: o, dimensionsEnabled: d, showTitle: h, titlePlaceholder: w, mathMlOptions: T = {}, removeIncompleteTool: E } = this.props, { arrows: D, backgroundMarks: O, coordinatesOnHover: k, defaultGridConfiguration: A, domain: j, includeAxes: M, labels: N, range: P, standardGrid: F, title: I } = a || {}, L = (a || {}).graph || {}, { min: R, max: z, step: B } = r || {}, { dialog: V = {}, gridValues: H, labelValues: U, showPixelGuides: W } = this.state, G = {
 			min: Math.max(150, R),
 			max: Math.min(800, z),
 			step: B >= 1 ? Math.min(200, B) : 20
 		}, K = {
 			axisLabel: e.axisLabel,
-			dimensionsEnabled: s,
+			dimensionsEnabled: d,
 			includeAxesEnabled: e.includeAxesEnabled,
 			labelStep: e.labelStep,
 			min: e.min,
@@ -160,13 +160,13 @@ var _ = s("div")(({ theme: e }) => ({
 			standardGridEnabled: e.standardGridEnabled,
 			step: e.step
 		}, q = e.enabled && Object.values(K).some((e) => typeof e == "object" ? e.enabled : e);
-		return /* @__PURE__ */ d(_, { children: [
-			/* @__PURE__ */ d(v, { children: [n && n.length ? /* @__PURE__ */ d(x, { children: [/* @__PURE__ */ u(S, {
+		return /* @__PURE__ */ u(_, { children: [
+			/* @__PURE__ */ u(v, { children: [n && n.length ? /* @__PURE__ */ u(x, { children: [/* @__PURE__ */ l(S, {
 				component: "div",
 				variant: "h6",
 				children: "Grid Configuration"
-			}), /* @__PURE__ */ u(C, {
-				input: /* @__PURE__ */ u(m, {}),
+			}), /* @__PURE__ */ l(C, {
+				input: /* @__PURE__ */ l(m, {}),
 				displayEmpty: !0,
 				onChange: this.changeGridConfiguration,
 				value: A,
@@ -174,11 +174,11 @@ var _ = s("div")(({ theme: e }) => ({
 					enter: 225,
 					exit: 195
 				} },
-				children: (n || []).map((e, t) => /* @__PURE__ */ u(p, {
+				children: (n || []).map((e, t) => /* @__PURE__ */ l(p, {
 					value: t,
 					children: e.label
 				}, t))
-			})] }) : null, q && /* @__PURE__ */ u(l, {
+			})] }) : null, q && /* @__PURE__ */ l(c, {
 				displayedFields: K,
 				domain: j,
 				gridValues: H,
@@ -191,18 +191,18 @@ var _ = s("div")(({ theme: e }) => ({
 				onChange: this.onConfigChange,
 				onChangeView: this.onChangeView
 			})] }),
-			/* @__PURE__ */ d(y, { children: [
-				/* @__PURE__ */ u(g, {
+			/* @__PURE__ */ u(y, { children: [
+				/* @__PURE__ */ l(g, {
 					component: "div",
 					variant: "h6",
 					children: "Define Graph Attributes"
 				}),
-				/* @__PURE__ */ u(b, {
+				/* @__PURE__ */ l(b, {
 					component: "div",
 					variant: "body1",
 					children: "Use this interface to add/edit a title and/or labels, and to set background shapes"
 				}),
-				/* @__PURE__ */ u(c, {
+				/* @__PURE__ */ l(s, {
 					axesSettings: { includeArrows: D },
 					backgroundMarks: [],
 					coordinatesOnHover: k,
@@ -230,7 +230,7 @@ var _ = s("div")(({ theme: e }) => ({
 					removeIncompleteTool: E
 				}, "graphing-config")
 			] }, "graph"),
-			/* @__PURE__ */ u(f, {
+			/* @__PURE__ */ l(f, {
 				open: V.isOpened,
 				title: "Warning",
 				text: "This change would make it impossible for students to plot one or more graph objects in the current correct answers. If you proceed, all such graph objects will be removed from the correct answers.",

package/dist/author/index.js

@@ -1,20 +1,20 @@
-import e from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/cloneDeep.js";
-import t from "./configure.js";
-import n from "./defaults.js";
-import r from "react";
-import { createRoot as i } from "react-dom/client";
-import { renderMath as a } from "@pie-element/shared-math-rendering-mathjax";
-import o from "debug";
+import e from "./configure.js";
+import t from "./defaults.js";
+import n from "react";
+import { createRoot as r } from "react-dom/client";
+import { renderMath as i } from "@pie-element/shared-math-rendering-mathjax";
+import a from "debug";
+import { cloneDeep as o } from "@pie-element/shared-lodash";
 import { DeleteImageEvent as s, DeleteSoundEvent as c, InsertImageEvent as l, InsertSoundEvent as u, ModelUpdatedEvent as d } from "@pie-element/shared-configure-events";
 //#region src/author/index.ts
-var f = o("pie-elements:graphing:configure"), p = (e) => Object.keys(e || {}).sort().reduce((t, n) => (n !== "correctAnswer" && (t[n] = e[n]), t), {}), m = class o extends HTMLElement {
+var f = a("pie-elements:graphing:configure"), p = (e) => Object.keys(e || {}).sort().reduce((t, n) => (n !== "correctAnswer" && (t[n] = e[n]), t), {}), m = class a extends HTMLElement {
 	static createDefaultModel = (e = {}) => {
-		let t = {
-			...n.model,
+		let n = {
+			...t.model,
 			...e
-		}, { answers: r = {}, domain: i = {}, defaultTool: a, graph: o = {}, range: s = {}, standardGrid: c, toolbarTools: l } = t, u = (l || []).filter((e) => e !== "label"), d = a || u.length && u[0] || "";
+		}, { answers: r = {}, domain: i = {}, defaultTool: a, graph: o = {}, range: s = {}, standardGrid: c, toolbarTools: l } = n, u = (l || []).filter((e) => e !== "label"), d = a || u.length && u[0] || "";
 		return {
-			...t,
+			...n,
 			answers: r && r.correctAnswer && {
 				correctAnswer: r.correctAnswer,
 				...p(r)
@@ -34,10 +34,10 @@ var f = o("pie-elements:graphing:configure"), p = (e) => Object.keys(e || {}).so
 		};
 	};
 	constructor() {
-		super(), this._root = null, this._model = o.createDefaultModel(), this._configuration = n.configuration;
+		super(), this._root = null, this._model = a.createDefaultModel(), this._configuration = t.configuration;
 	}
-	set model(t) {
-		this._model = o.createDefaultModel(t), this._modelCopy = e(this._model), this._render();
+	set model(e) {
+		this._model = a.createDefaultModel(e), this._modelCopy = o(this._model), this._render();
 	}
 	resetModelAfterConfigurationIsSet = () => {
 		let e = document.querySelectorAll("pie-author");
@@ -45,7 +45,7 @@ var f = o("pie-elements:graphing:configure"), p = (e) => Object.keys(e || {}).so
 	};
 	set configuration(e) {
 		this._configuration = {
-			...n.configuration,
+			...t.configuration,
 			...e
 		}, this.resetModelAfterConfigurationIsSet(), e.language?.enabled ? e.languageChoices?.options?.length && (this._model.language = e.languageChoices.options[0].value) : e.language.settings ? this._model.language && (this._configuration.language.enabled = !0) : delete this._model.language, this._render();
 	}
@@ -69,7 +69,7 @@ var f = o("pie-elements:graphing:configure"), p = (e) => Object.keys(e || {}).so
 	}
 	_render() {
 		if (this._model) {
-			let e = r.createElement(t, {
+			let t = n.createElement(e, {
 				onModelChanged: this.onModelChanged,
 				onConfigurationChanged: this.onConfigurationChanged,
 				model: this._model,
@@ -83,8 +83,8 @@ var f = o("pie-elements:graphing:configure"), p = (e) => Object.keys(e || {}).so
 					delete: this.onDeleteSound.bind(this)
 				}
 			});
-			this._root ||= i(this), this._root.render(e), queueMicrotask(() => {
-				a(this);
+			this._root ||= r(this), this._root.render(t), queueMicrotask(() => {
+				i(this);
 			});
 		}
 	}

package/dist/author/utils.js

@@ -1,4 +1,4 @@
-import e from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/isEqual.js";
+import { isEqual as e } from "@pie-element/shared-lodash";
 //#region src/author/utils.ts
 var t = [
 	.01,