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

package/dist/author/model-options.js

@@ -0,0 +1,85 @@
+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 l from "@mui/material/Select";
+import u from "@mui/material/MenuItem";
+//#region src/author/model-options.tsx
+var d = a("div")({
+	alignItems: "center",
+	display: "flex",
+	gap: "20px"
+}), f = a("div")({ margin: "12px 0" }), p = a("label")({
+	display: "block",
+	marginBottom: "4px"
+}), m = a(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 {
+	static propTypes = {
+		model: i.object.isRequired,
+		onChange: i.func,
+		modelOptions: i.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);
+	}
+	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, {
+					onChange: this.handleSelect,
+					value: e.modelTypeSelected,
+					MenuProps: { transitionDuration: {
+						enter: 225,
+						exit: 195
+					} },
+					children: l.map((e, t) => /* @__PURE__ */ o(u, {
+						value: e.value,
+						children: e.label
+					}, "item_" + t))
+				})] }),
+				/* @__PURE__ */ s(f, { children: [/* @__PURE__ */ o(p, { children: "Max # of Models" }), /* @__PURE__ */ o(n, {
+					min: i.min,
+					max: i.max,
+					value: e.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,
+					name: "model-parts",
+					onChange: this.changePartModel
+				})] })
+			] }),
+			/* @__PURE__ */ s(h, { children: [/* @__PURE__ */ o(c, {
+				onChange: this.studentConfig,
+				checked: e.allowedStudentConfig,
+				label: ""
+			}), /* @__PURE__ */ o(g, { children: "Allow student to configure number of models and parts per model" })] })
+		] });
+	}
+};
+//#endregion
+export { _ as default };

package/dist/author/number-text-field.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @synced-from pie-elements/packages/fraction-model/configure/src/number-text-field.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';
+export declare class NumberTextField extends React.Component {
+    static propTypes: {};
+    render(): React.JSX.Element;
+}
+export declare const MiniField: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
+export default NumberTextField;

package/dist/author/number-text-field.js

@@ -0,0 +1,24 @@
+import e from "react";
+import { styled as t } from "@mui/material/styles";
+import { jsx as n } from "react/jsx-runtime";
+import { NumberTextField as r } from "@pie-lib/config-ui";
+t(r)(({ theme: e }) => ({ marginLeft: e.spacing(1) }));
+//#region src/author/number-text-field.tsx
+var i = t(r)({
+	maxWidth: "120px",
+	width: "120px",
+	marginTop: "0",
+	"& [class^=\"MuiInputBase-root\"]": {
+		height: 40,
+		fontSize: "14px"
+	},
+	"& [class^=\"MuiInputBase-input\"]": { padding: "18.5px 14px" }
+});
+e.Component;
+var a = e.forwardRef((e, t) => /* @__PURE__ */ n(i, {
+	...e,
+	ref: t,
+	variant: "outlined"
+}));
+//#endregion
+export { a as MiniField };