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

package/dist/author/index.js

@@ -1,88 +0,0 @@
-import e from "./main.js";
-import t from "./defaults.js";
-import n from "react";
-import { createRoot as r } from "react-dom/client";
-import { DeleteImageEvent as i, DeleteSoundEvent as a, InsertImageEvent as o, InsertSoundEvent as s, ModelUpdatedEvent as c } from "@pie-element/shared-configure-events";
-//#region src/author/index.ts
-var l = class l extends HTMLElement {
-	static createDefaultModel = (e = {}) => {
-		let n = t.configuration, r = e.language || "";
-		return !r && n.language && n.language.enabled && n.languageChoices?.options?.length && (r = n.languageChoices.options[0].value), {
-			...t.model,
-			...e,
-			language: r
-		};
-	};
-	constructor() {
-		super(), this._root = null, this._model = l.createDefaultModel(), this._configuration = t.configuration;
-	}
-	set model(e) {
-		this._model = l.createDefaultModel(e), this.render();
-	}
-	set configuration(e) {
-		let n = {
-			...t.configuration,
-			...e
-		};
-		this._configuration = n, this.resetModelAfterConfigurationIsSet(), n?.language?.enabled ? n?.languageChoices?.options?.length && (this._model.language = n?.languageChoices.options[0].value) : n.language.settings && this._model.language ? (this._configuration.language.enabled = !0, (!this._configuration.languageChoices.options || !this._configuration.languageChoices.options.length) && (this._configuration.languageChoices.options = []), this._configuration.languageChoices.options.find((e) => e.value === this._model.language) || this._configuration.languageChoices.options.push({
-			value: this._model.language,
-			label: this._model.language
-		})) : delete this._model.language, this.render();
-	}
-	resetModelAfterConfigurationIsSet = () => {
-		let e = document.querySelectorAll("pie-author");
-		this.hasPlayerAsParent = Array.from(e).some((e) => e.contains(this)), this.hasPlayerAsParent && (this._modelCopy ? this._model = this._modelCopy : delete this._modelCopy);
-	};
-	connectedCallback() {
-		this.render();
-	}
-	modelChanged(e) {
-		this._model = e, this.dispatchEvent(new c(this._model), !0), this.render();
-	}
-	onChange = (e) => {
-		this._model = {
-			...this._model,
-			...e
-		}, this.dispatchEvent(new c(this._model)), this.render();
-	};
-	onConfigurationChanged(e) {
-		this._configuration = e, this.render();
-	}
-	insertImage(e) {
-		this.dispatchEvent(new o(e));
-	}
-	onDeleteImage(e, t) {
-		this.dispatchEvent(new i(e, t));
-	}
-	insertSound(e) {
-		this.dispatchEvent(new s(e));
-	}
-	onDeleteSound(e, t) {
-		this.dispatchEvent(new a(e, t));
-	}
-	render() {
-		if (this._model) {
-			let t = n.createElement(e, {
-				classes: {},
-				model: this._model,
-				configuration: this._configuration,
-				onConfigurationChanged: this.onConfigurationChanged,
-				onChange: this.onChange,
-				imageSupport: {
-					add: this.insertImage.bind(this),
-					delete: this.onDeleteImage.bind(this)
-				},
-				uploadSoundSupport: {
-					add: this.insertSound.bind(this),
-					delete: this.onDeleteSound.bind(this)
-				}
-			});
-			this._root ||= r(this), this._root.render(t);
-		}
-	}
-	disconnectedCallback() {
-		this._root && this._root.unmount();
-	}
-};
-//#endregion
-export { l as default };

package/dist/author/main.d.ts

@@ -1,25 +0,0 @@
-/**
- * @synced-from pie-elements/packages/fraction-model/configure/src/main.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';
-import PropTypes from 'prop-types';
-export declare class Main extends React.Component {
-    static propTypes: {
-        model: PropTypes.Validator<object>;
-        configuration: PropTypes.Validator<object>;
-        onConfigurationChanged: PropTypes.Validator<(...args: any[]) => any>;
-        onChange: PropTypes.Validator<(...args: any[]) => any>;
-        uploadSoundSupport: PropTypes.Validator<object>;
-    };
-    constructor(props: any);
-    onCorrectAnswerChange: any;
-    onModelOptionsChange: any;
-    generateRandomKey: any;
-    render(): React.JSX.Element;
-}
-export default Main;

package/dist/author/main.js

@@ -1,156 +0,0 @@
-import e from "../delivery/fraction-model-chart.js";
-import t from "./card-bar.js";
-import n from "./model-options.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 { AlertDialog as c, FormSection as l, layout as u } from "@pie-lib/config-ui";
-import d from "@pie-lib/editable-html-tip-tap";
-import f from "@mui/material/Tooltip";
-import p from "@mui/icons-material/Info";
-//#region src/author/main.tsx
-var m = a(l)(({ theme: e }) => ({ marginBottom: e.spacing(4) })), h = a(f)(({ theme: e }) => ({ "& .MuiTooltip-tooltip": {
-	fontSize: e.typography.fontSize - 2,
-	whiteSpace: "pre",
-	maxWidth: "500px"
-} })), g = a("div")(({ theme: e }) => ({
-	fontSize: e.typography.fontSize - 2,
-	color: e.palette.error.main,
-	marginTop: e.spacing(1)
-})), _ = a("div")(({ theme: e, hasError: t }) => ({ ...t && { border: `2px solid ${e.palette.error.main}` } })), v = a("label")(({ theme: e }) => ({ marginBottom: e.spacing(4) })), y = class extends r.Component {
-	static propTypes = {
-		model: i.object.isRequired,
-		configuration: i.object.isRequired,
-		onConfigurationChanged: i.func.isRequired,
-		onChange: i.func.isRequired,
-		uploadSoundSupport: i.object.isRequired
-	};
-	constructor(e) {
-		super(e), this.state = { correctAnswerChangeDialog: {
-			open: !1,
-			text: ""
-		} };
-	}
-	onCorrectAnswerChange = (e) => {
-		let { model: t, onChange: n } = this.props;
-		t.correctResponse = e, n({ ...t });
-	};
-	onModelOptionsChange = (e, t, n) => {
-		let { onChange: r } = this.props;
-		n && e.correctResponse.length > 0 ? this.setState({ correctAnswerChangeDialog: {
-			open: !0,
-			oldModel: e,
-			newModel: t,
-			text: "Changing either the Number of Models or Parts per Model will remove added correct answer. Are you sure you want to continue?"
-		} }) : r({ ...t });
-	};
-	generateRandomKey = () => Math.floor(Math.random() * 1e4);
-	render() {
-		let { model: r, onChange: i, configuration: a, imageSupport: f, uploadSoundSupport: y } = this.props, { baseInputConfiguration: b = {}, contentDimensions: x = {}, title: S = {}, prompt: C = {}, modelOptions: w = {}, mathMlOptions: T = {} } = a || {}, { errors: E = {}, extraCSSRules: D, spellCheckEnabled: O, toolbarEditorPosition: k } = r || {}, { correctAnswerChangeDialog: A } = this.state, j = { position: k === "top" ? "top" : "bottom" }, M = (e = {}) => ({
-			...b,
-			...e
-		}), N = this.generateRandomKey();
-		return /* @__PURE__ */ s(u.ConfigLayout, {
-			extraCSSRules: D,
-			dimensions: x,
-			hideSettings: !0,
-			children: [
-				/* @__PURE__ */ o(t, { header: "Set Up" }),
-				/* @__PURE__ */ o(m, {
-					label: S?.label || "Title",
-					children: /* @__PURE__ */ o(d, {
-						markup: r.title || "",
-						onChange: (e) => i({ title: e }),
-						toolbarOpts: j,
-						activePlugins: [
-							"bold",
-							"html",
-							"italic",
-							"underline",
-							"strikethrough",
-							"image",
-							"math",
-							"languageCharacters",
-							"responseArea"
-						],
-						pluginProps: M(S?.inputConfiguration),
-						spellCheck: O,
-						uploadSoundSupport: y,
-						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-						mathMlOptions: T
-					})
-				}),
-				/* @__PURE__ */ o(m, {
-					label: C?.label || "Question",
-					children: /* @__PURE__ */ o(d, {
-						markup: r.prompt || "",
-						minHeight: 60,
-						onChange: (e) => i({ prompt: e }),
-						toolbarOpts: j,
-						pluginProps: M(C?.inputConfiguration),
-						spellCheck: O,
-						uploadSoundSupport: y,
-						imageSupport: f,
-						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-						mathMlOptions: T
-					})
-				}),
-				/* @__PURE__ */ o(l, { children: /* @__PURE__ */ o(n, {
-					model: r,
-					onChange: this.onModelOptionsChange,
-					modelOptions: w
-				}) }),
-				/* @__PURE__ */ s(l, { children: [
-					"            ",
-					/* @__PURE__ */ o(t, {
-						header: "Correct Answer",
-						info: /* @__PURE__ */ o(h, {
-							disableFocusListener: !0,
-							disableTouchListener: !0,
-							placement: "right",
-							title: "The correct answer should include no more than one partially-filled model",
-							children: /* @__PURE__ */ o(p, {
-								fontSize: "small",
-								color: "primary",
-								style: { marginLeft: "8px" }
-							})
-						})
-					}),
-					/* @__PURE__ */ o("br", {}),
-					/* @__PURE__ */ o(v, { children: "Click/touch the number of parts to represent the correct fraction model" }),
-					/* @__PURE__ */ o("br", {}),
-					/* @__PURE__ */ o(_, {
-						hasError: !!E.correctResponse,
-						children: /* @__PURE__ */ o(e, {
-							value: r.correctResponse,
-							modelType: r.modelTypeSelected,
-							noOfModels: r.maxModelSelected,
-							partsPerModel: r.partsPerModel,
-							showLabel: r.showGraphLabels,
-							onChange: this.onCorrectAnswerChange
-						}, N)
-					}),
-					E.correctResponse && /* @__PURE__ */ o(g, { children: E.correctResponse })
-				] }),
-				/* @__PURE__ */ o(c, {
-					open: A.open,
-					title: "Warning",
-					text: A.text,
-					onConfirm: () => {
-						let e = this.state.correctAnswerChangeDialog.newModel;
-						e.correctResponse = [], i({ ...e }), this.setState({ correctAnswerChangeDialog: { open: !1 } });
-					},
-					onClose: () => {
-						let e = this.state.correctAnswerChangeDialog.oldModel;
-						i({ ...e }), this.setState({ correctAnswerChangeDialog: { open: !1 } });
-					},
-					onConfirmText: "OK",
-					onCloseText: "Cancel"
-				})
-			]
-		});
-	}
-};
-//#endregion
-export { y as default };

package/dist/author/model-options.d.ts

@@ -1,32 +0,0 @@
-/**
- * @synced-from pie-elements/packages/fraction-model/configure/src/model-options.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';
-import PropTypes from 'prop-types';
-export declare class ModelOptions extends React.Component {
-    static propTypes: {
-        model: PropTypes.Validator<object>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        modelOptions: PropTypes.Validator<object>;
-    };
-    constructor(props: any);
-    /**
-     * Function to trigger when DOM elements value change for Number type
-     * @param {string} key contains key of element
-     * @param {object} event contains event object
-     * @param {string} value contains value of DOM element
-     */
-    change(key: any, event: any, value: any): void;
-    /**
-     * Function to trigger on change of dropdown value model type
-     * @param {string} value contains selection value
-     */
-    handleSelect: any;
-    render(): React.JSX.Element;
-}
-export default ModelOptions;

package/dist/author/model-options.js

@@ -1,85 +0,0 @@
-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

@@ -1,15 +0,0 @@
-/**
- * @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

@@ -1,24 +0,0 @@
-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 };

package/dist/controller/defaults.d.ts

@@ -1,21 +0,0 @@
-/**
- * @synced-from pie-elements/packages/fraction-model/controller/src/defaults.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.
- */
-declare const _default: {
-    model: {
-        correctResponse: never[];
-        title: string;
-        prompt: string;
-        modelTypeSelected: string;
-        maxModelSelected: number;
-        partsPerModel: number;
-        allowedStudentConfig: boolean;
-        showGraphLabels: boolean;
-    };
-};
-export default _default;

package/dist/controller/defaults.js

@@ -1,13 +0,0 @@
-//#region src/controller/defaults.ts
-var e = { model: {
-	correctResponse: [],
-	title: "",
-	prompt: "",
-	modelTypeSelected: "bar",
-	maxModelSelected: 1,
-	partsPerModel: 5,
-	allowedStudentConfig: !1,
-	showGraphLabels: !1
-} };
-//#endregion
-export { e as default };

package/dist/controller/index.d.ts

@@ -1,23 +0,0 @@
-/**
- * @synced-from pie-elements/packages/fraction-model/controller/src/index.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 getResponseCorrectness: (model: any, answers: any, env?: {}) => "correct" | "incorrect";
-export declare const outcome: (model: any, session: any, env: any) => Promise<unknown>;
-export declare const createDefaultModel: (model?: {}) => {
-    correctResponse: never[];
-    title: string;
-    prompt: string;
-    modelTypeSelected: string;
-    maxModelSelected: number;
-    partsPerModel: number;
-    allowedStudentConfig: boolean;
-    showGraphLabels: boolean;
-};
-export declare const model: (question: any, session: any, env: any) => Promise<unknown>;
-export declare const createCorrectResponseSession: (model: any, env: any) => Promise<unknown>;
-export declare const validate: (model?: {}, config?: {}) => {};

package/dist/controller/index.js

@@ -1,68 +0,0 @@
-import e from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/isEmpty.js";
-import t from "./defaults.js";
-//#region src/controller/index.ts
-var n = (e, t, n = {}) => {
-	let r;
-	return r = e.allowedStudentConfig ? !!(t.partsPerModel === e.partsPerModel && s(t.response, e.partsPerModel) && o(e.correctResponse, t.response)) : !!(s(t.response, e.partsPerModel) && o(e.correctResponse, t.response)), r ? "correct" : "incorrect";
-}, r = (e, t, r = {}) => {
-	if (t.mode === "evaluate") return n(e, r, t);
-}, i = (e, t, n = {}) => +(r(e, t, n) === "correct"), a = (t, n, r) => new Promise((a) => {
-	!n || e(n) ? a({
-		score: 0,
-		empty: !0
-	}) : r.mode === "evaluate" ? a({ score: i(t, r, n.answers) }) : a({
-		score: void 0,
-		completed: void 0
-	});
-}), o = (e, t) => {
-	let n = 0, r = 0;
-	for (let t = 0; t < e.length; t++) n += e[t].value;
-	for (let e = 0; e < t.length; e++) r += t[e].value;
-	return n === r;
-}, s = (e, t) => {
-	if (e.length > 0) {
-		let n = 0;
-		return e.forEach((e) => {
-			e.value !== t && n++;
-		}), n <= 1;
-	} else return !1;
-}, c = (e = {}) => ({
-	...t.model,
-	...e
-}), l = (t, n, a) => new Promise((o) => {
-	n ||= {};
-	let s = c(t), l, u;
-	(!n || e(n)) && a.mode === "evaluate" ? (l = "unanswered", u = "0%") : (l = r(s, a, n && n.answers), u = `${i(s, a, n && n.answers) * 100}%`);
-	let d = {
-		score: u,
-		correctness: l
-	}, f = {
-		env: a,
-		...s,
-		view: a.mode === "view" || a.mode === "evaluate"
-	};
-	a.mode === "evaluate" && Object.assign(f, { correctness: d }), o(f);
-}), u = (e, t) => new Promise((n) => {
-	if (t.mode !== "evaluate" && t.role === "instructor") {
-		let { correctResponse: t, maxModelSelected: r, partsPerModel: i } = e;
-		n({
-			answers: {
-				response: t,
-				noOfModel: r,
-				partsPerModel: i
-			},
-			id: "1"
-		});
-	} else n(null);
-}), d = (e = {}, t = {}) => {
-	let n = {};
-	if (e.correctResponse.length === 0 && (n.correctResponse = "To save the item, at least one section must be marked as correct."), e.correctResponse.length > 0) {
-		let t = 0;
-		e.correctResponse.forEach((n) => {
-			n.value !== e.partsPerModel && t++;
-		}), t > 1 && (n.correctResponse = "The correct answer should include no more than one partially-filled model");
-	}
-	return n;
-};
-//#endregion
-export { u as createCorrectResponseSession, c as createDefaultModel, n as getResponseCorrectness, l as model, a as outcome, d as validate };

package/dist/delivery/answer-fraction.d.ts

@@ -1,27 +0,0 @@
-/**
- * @synced-from pie-elements/packages/fraction-model/src/answer-fraction.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';
-import PropTypes from 'prop-types';
-export declare class AnswerFraction extends React.Component {
-    static propTypes: {
-        model: PropTypes.Validator<object>;
-        disabled: PropTypes.Validator<boolean>;
-        showCorrect: PropTypes.Validator<boolean>;
-        onAnswerChange: PropTypes.Validator<(...args: any[]) => any>;
-        answers: PropTypes.Validator<object>;
-    };
-    /**
-     * Function to trigger when value change from number selection
-     * @param {string} key contains event change object
-     * @returns updated answer change object
-     */
-    onValueChange: (key: any) => (event: any) => void;
-    render(): React.JSX.Element;
-}
-export default AnswerFraction;

package/dist/delivery/answer-fraction.js

@@ -1,69 +0,0 @@
-import e from "react";
-import t from "prop-types";
-import { styled as n } from "@mui/material/styles";
-import { TextField as r } from "@mui/material";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/delivery/answer-fraction.tsx
-var o = n("div")({
-	alignItems: "center",
-	display: "flex",
-	gap: "20px"
-}), s = n("div")({ margin: "12px 0" }), c = n("label")({
-	display: "block",
-	marginBottom: "4px"
-}), l = n(r)({
-	width: "120px",
-	maxHeight: "40px",
-	"& [class^=\"MuiInputBase-root\"]": {
-		height: 40,
-		fontSize: "14px"
-	}
-}), u = class extends e.Component {
-	static propTypes = {
-		model: t.object.isRequired,
-		disabled: t.bool.isRequired,
-		showCorrect: t.bool.isRequired,
-		onAnswerChange: t.func.isRequired,
-		answers: t.object.isRequired
-	};
-	onValueChange = (e) => (t) => {
-		let n = parseInt(t?.target?.value), { model: r, onAnswerChange: i, answers: a } = this.props, o = { ...a }, s = e === "noOfModel" ? r.maxModelSelected : 9;
-		n > s ? n = s : n < 1 && (n = 1), o[e] = n, i(o);
-	};
-	render() {
-		let { model: e, showCorrect: t, answers: n, disabled: r } = this.props;
-		return /* @__PURE__ */ i("div", { children: e.allowedStudentConfig && /* @__PURE__ */ a(o, { children: [/* @__PURE__ */ a(s, { children: [/* @__PURE__ */ i(c, {
-			htmlFor: "preview_number-of-models",
-			children: "Number of Models"
-		}), /* @__PURE__ */ i(l, {
-			id: "preview_number-of-models",
-			inputProps: {
-				min: 1,
-				max: e.maxModelSelected
-			},
-			name: "preview_number-of-models",
-			onChange: this.onValueChange("noOfModel"),
-			type: "number",
-			variant: "outlined",
-			disabled: r,
-			value: t ? e.maxModelSelected : n.noOfModel
-		})] }), /* @__PURE__ */ a(s, { children: [/* @__PURE__ */ i(c, {
-			htmlFor: "preview_parts-per-model",
-			children: "Parts per Model"
-		}), /* @__PURE__ */ i(l, {
-			id: "preview_parts-per-model",
-			inputProps: {
-				min: 1,
-				max: 9
-			},
-			name: "preview_parts-per-model",
-			onChange: this.onValueChange("partsPerModel"),
-			type: "number",
-			variant: "outlined",
-			disabled: r,
-			value: t ? e.partsPerModel : n.partsPerModel
-		})] })] }) });
-	}
-};
-//#endregion
-export { u as default };

package/dist/delivery/fraction-model-chart.d.ts

@@ -1,11 +0,0 @@
-/**
- * @synced-from pie-elements/packages/fraction-model/src/fraction-model-chart.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';
-declare const FractionModelChart: (props: any) => React.JSX.Element | undefined;
-export default FractionModelChart;