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

package/dist/author/model-options.js

@@ -0,0 +1,85 @@
+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 = i("div")({
+	alignItems: "center",
+	display: "flex",
+	gap: "20px"
+}), f = i("div")({ margin: "12px 0" }), p = i("label")({
+	display: "block",
+	marginBottom: "4px"
+}), m = i(l)({
+	width: "80px",
+	alignItems: "center",
+	height: "40px",
+	verticalAlign: "top",
+	marginBottom: "8px",
+	"& .MuiSelect-select": { paddingLeft: "10px" }
+}), h = i("div")({ marginLeft: "-15px" }), g = i("span")({ verticalAlign: "middle" }), _ = class extends n.Component {
+	static propTypes = {
+		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(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: 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: n.modelTypeSelected,
+					MenuProps: { transitionDuration: {
+						enter: 225,
+						exit: 195
+					} },
+					children: l.map((e, t) => /* @__PURE__ */ a(u, {
+						value: e.value,
+						children: e.label
+					}, "item_" + t))
+				})] }),
+				/* @__PURE__ */ o(f, { children: [/* @__PURE__ */ a(p, { children: "Max # of Models" }), /* @__PURE__ */ a(t, {
+					min: i.min,
+					max: i.max,
+					value: n.maxModelSelected,
+					name: "max-model",
+					onChange: this.changeMaxModel
+				})] }),
+				/* @__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__ */ o(h, { children: [/* @__PURE__ */ a(s, {
+				onChange: this.studentConfig,
+				checked: n.allowedStudentConfig,
+				label: ""
+			}), /* @__PURE__ */ a(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 };