@pie-element/fraction-model 6.1.2-next.0 → 6.1.2-next.1

package/dist/author/model-options.js

@@ -1,83 +1,83 @@
-import e from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/cloneDeep.js";
-import t from "./card-bar.js";
-import { MiniField as n } from "./number-text-field.js";
-import r from "react";
-import i from "prop-types";
-import { styled as a } from "@mui/material/styles";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Checkbox as c } from "@pie-lib/config-ui";
+import e from "./card-bar.js";
+import { MiniField as t } from "./number-text-field.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 { Checkbox as s } from "@pie-lib/config-ui";
+import { cloneDeep as c } from "@pie-element/shared-lodash";
 import l from "@mui/material/Select";
 import u from "@mui/material/MenuItem";
 //#region src/author/model-options.tsx
-var d = a("div")({
+var d = i("div")({
 	alignItems: "center",
 	display: "flex",
 	gap: "20px"
-}), f = a("div")({ margin: "12px 0" }), p = a("label")({
+}), f = i("div")({ margin: "12px 0" }), p = i("label")({
 	display: "block",
 	marginBottom: "4px"
-}), m = a(l)({
+}), m = i(l)({
 	width: "80px",
 	alignItems: "center",
 	height: "40px",
 	verticalAlign: "top",
 	marginBottom: "8px",
 	"& .MuiSelect-select": { paddingLeft: "10px" }
-}), h = a("div")({ marginLeft: "-15px" }), g = a("span")({ verticalAlign: "middle" }), _ = class extends r.Component {
+}), h = i("div")({ marginLeft: "-15px" }), g = i("span")({ verticalAlign: "middle" }), _ = class extends n.Component {
 	static propTypes = {
-		model: i.object.isRequired,
-		onChange: i.func,
-		modelOptions: i.object.isRequired
+		model: r.object.isRequired,
+		onChange: r.func,
+		modelOptions: r.object.isRequired
 	};
 	constructor(e) {
 		super(e), this.changeMaxModel = this.change.bind(this, "max"), this.changePartModel = this.change.bind(this, "part"), this.studentConfig = this.change.bind(this, "student-config");
 	}
-	change(t, n, r) {
-		let { model: i, onChange: a } = this.props, o = e(i), s = e(i), c = !1;
-		t === "max" ? (s.maxModelSelected = r, c = !0) : t === "part" ? (s.partsPerModel = r, c = !0) : t === "student-config" && (s.allowedStudentConfig = r, c = !1), a(o, s, c);
+	change(e, t, n) {
+		let { model: r, onChange: i } = this.props, a = c(r), o = c(r), s = !1;
+		e === "max" ? (o.maxModelSelected = n, s = !0) : e === "part" ? (o.partsPerModel = n, s = !0) : e === "student-config" && (o.allowedStudentConfig = n, s = !1), i(a, o, s);
 	}
 	handleSelect = (e) => {
 		let { model: t, onChange: n } = this.props;
 		t.modelTypeSelected = e?.target.value, n(t, { ...t }, !1);
 	};
 	render() {
-		let { model: e, modelOptions: r } = this.props, { maxOfModel: i, partsPerModel: a, modelTypeChoices: l } = r;
-		return /* @__PURE__ */ s("div", { children: [
-			/* @__PURE__ */ o(t, { header: "Configure Fraction Model" }),
-			/* @__PURE__ */ o("br", {}),
-			/* @__PURE__ */ s(d, { children: [
-				/* @__PURE__ */ s(f, { children: [/* @__PURE__ */ o(p, { children: "Model Type" }), /* @__PURE__ */ o(m, {
+		let { model: n, modelOptions: r } = this.props, { maxOfModel: i, partsPerModel: c, modelTypeChoices: l } = r;
+		return /* @__PURE__ */ o("div", { children: [
+			/* @__PURE__ */ a(e, { header: "Configure Fraction Model" }),
+			/* @__PURE__ */ a("br", {}),
+			/* @__PURE__ */ o(d, { children: [
+				/* @__PURE__ */ o(f, { children: [/* @__PURE__ */ a(p, { children: "Model Type" }), /* @__PURE__ */ a(m, {
 					onChange: this.handleSelect,
-					value: e.modelTypeSelected,
+					value: n.modelTypeSelected,
 					MenuProps: { transitionDuration: {
 						enter: 225,
 						exit: 195
 					} },
-					children: l.map((e, t) => /* @__PURE__ */ o(u, {
+					children: l.map((e, t) => /* @__PURE__ */ a(u, {
 						value: e.value,
 						children: e.label
 					}, "item_" + t))
 				})] }),
-				/* @__PURE__ */ s(f, { children: [/* @__PURE__ */ o(p, { children: "Max # of Models" }), /* @__PURE__ */ o(n, {
+				/* @__PURE__ */ o(f, { children: [/* @__PURE__ */ a(p, { children: "Max # of Models" }), /* @__PURE__ */ a(t, {
 					min: i.min,
 					max: i.max,
-					value: e.maxModelSelected,
+					value: n.maxModelSelected,
 					name: "max-model",
 					onChange: this.changeMaxModel
 				})] }),
-				/* @__PURE__ */ s(f, { children: [/* @__PURE__ */ o(p, { children: "Parts per Model" }), /* @__PURE__ */ o(n, {
-					min: a.min,
-					max: a.max,
-					value: e.partsPerModel,
+				/* @__PURE__ */ o(f, { children: [/* @__PURE__ */ a(p, { children: "Parts per Model" }), /* @__PURE__ */ a(t, {
+					min: c.min,
+					max: c.max,
+					value: n.partsPerModel,
 					name: "model-parts",
 					onChange: this.changePartModel
 				})] })
 			] }),
-			/* @__PURE__ */ s(h, { children: [/* @__PURE__ */ o(c, {
+			/* @__PURE__ */ o(h, { children: [/* @__PURE__ */ a(s, {
 				onChange: this.studentConfig,
-				checked: e.allowedStudentConfig,
+				checked: n.allowedStudentConfig,
 				label: ""
-			}), /* @__PURE__ */ o(g, { children: "Allow student to configure number of models and parts per model" })] })
+			}), /* @__PURE__ */ a(g, { children: "Allow student to configure number of models and parts per model" })] })
 		] });
 	}
 };