@pie-element/number-line 13.1.0-next.19 → 13.1.1-next.0

package/dist/author/size.js

@@ -0,0 +1,48 @@
+import "react";
+import { styled as e } from "@mui/material/styles";
+import t from "prop-types";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { NumberTextFieldCustom as i } from "@pie-lib/config-ui";
+//#region src/author/size.tsx
+var a = e("div")({
+	display: "flex",
+	alignItems: "center",
+	gap: "10px"
+}), o = e("div")({
+	display: "flex",
+	flexFlow: "column"
+}), s = e("label")({
+	fontSize: "small",
+	color: "gray"
+}), c = e(i)({ "& input": { cursor: "default" } }), l = (e) => {
+	let { size: t = { width: 500 }, min: i = 150, max: l = 800, step: u = 20, onChange: d } = e;
+	return /* @__PURE__ */ r(a, { children: [/* @__PURE__ */ r(o, { children: [/* @__PURE__ */ n("label", { children: "Width (px)" }), /* @__PURE__ */ r(s, { children: [
+		"Min ",
+		i,
+		", Max ",
+		l
+	] })] }), /* @__PURE__ */ n(c, {
+		value: t.width,
+		min: i,
+		max: l,
+		step: u,
+		onlyIntegersAllowed: !0,
+		onChange: (t, n) => d({
+			...e.size,
+			width: n
+		}),
+		variant: "outlined"
+	})] });
+};
+l.propTypes = {
+	size: t.shape({
+		width: t.number,
+		height: t.number
+	}),
+	min: t.number,
+	max: t.number,
+	step: t.number,
+	onChange: t.func.isRequired
+};
+//#endregion
+export { l as default };

package/dist/author/ticks.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @synced-from pie-elements/packages/number-line/configure/src/ticks.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 const TickIntervals: string[];
+export declare const Ticks: {
+    (props: any): React.JSX.Element;
+    propTypes: {
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        ticks: PropTypes.Requireable<object>;
+        minorLimits: PropTypes.Requireable<object>;
+        minorValues: PropTypes.Requireable<object>;
+        majorValues: PropTypes.Requireable<object>;
+    };
+};
+export default Ticks;

package/dist/author/ticks.js

@@ -0,0 +1,115 @@
+import "react";
+import { styled as e } from "@mui/material/styles";
+import t from "prop-types";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import * as i from "mathjs";
+import { color as a } from "@pie-lib/render-ui";
+import { NumberTextFieldCustom as o } from "@pie-lib/config-ui";
+import s from "@mui/material/FormControlLabel";
+import c from "@mui/material/RadioGroup";
+import l from "@mui/material/Radio";
+//#region src/author/ticks.tsx
+var u = e("div")({ display: "flex" }), d = e("div")({
+	display: "flex",
+	flexFlow: "column",
+	gap: "10px",
+	width: "65%"
+}), f = e("div")({
+	display: "flex",
+	flexFlow: "column",
+	gap: "10px"
+}), p = e("tr")({
+	display: "flex",
+	alignItems: "center",
+	paddingTop: "5px",
+	paddingBottom: "5px"
+}), m = e("table")({
+	tableLayout: "fixed",
+	width: "100%"
+}), h = e("td")({ width: "35%" }), g = e(l)({ color: `${a.tertiary()} !important` }), _ = e(o)({ "& input": {
+	maxWidth: "145px",
+	cursor: "default"
+} }), v = [
+	"Integer",
+	"Fraction",
+	"Decimal"
+], y = (e) => {
+	let { ticks: t, onChange: a, minorLimits: o, minorValues: l, majorValues: y } = e, b = i.fraction(i.number(t.major)), x = b.d === 1 ? b.n.toString() : b.n + "/" + b.d;
+	return /* @__PURE__ */ r(u, { children: [/* @__PURE__ */ r(d, { children: [/* @__PURE__ */ n("label", { children: "Tick Interval" }), /* @__PURE__ */ n(c, {
+		"aria-label": "tick-interval-type",
+		name: "tickIntervalType",
+		value: t.tickIntervalType,
+		onChange: (e, n) => {
+			v.includes(n) && (n === "Integer" ? t.minor = t.integerTick : n === "Decimal" ? t.minor = t.decimalTick : n === "Fraction" && (t.minor = i.number(i.fraction(t.fractionTick))), t.tickIntervalType = n, a({ ticks: t }));
+		},
+		children: /* @__PURE__ */ n(m, { children: /* @__PURE__ */ r("tbody", { children: [
+			/* @__PURE__ */ r(p, { children: [/* @__PURE__ */ n(h, { children: /* @__PURE__ */ n(s, {
+				value: "Integer",
+				control: /* @__PURE__ */ n(g, { checked: t.tickIntervalType === "Integer" }),
+				label: "Integer",
+				disabled: o.max < 1
+			}) }), /* @__PURE__ */ n("td", { children: /* @__PURE__ */ n(_, {
+				value: t.integerTick,
+				min: i.number(i.ceil(o.min)),
+				max: i.number(i.floor(o.max)),
+				step: 1,
+				onlyIntegersAllowed: !0,
+				onChange: (e, n) => {
+					t.tickIntervalType === "Integer" && (t.integerTick = n, t.minor = n, a({ ticks: t }));
+				},
+				variant: "outlined",
+				type: "number",
+				disabled: t.tickIntervalType !== "Integer" || o.max < 1
+			}, t.tickIntervalType !== "Integer" || o.max < 1 ? "integerDisabled" : "integerEnabled") })] }),
+			/* @__PURE__ */ r(p, { children: [/* @__PURE__ */ n(h, { children: /* @__PURE__ */ n(s, {
+				value: "Fraction",
+				control: /* @__PURE__ */ n(g, { checked: t.tickIntervalType === "Fraction" }),
+				label: "Unit Fraction",
+				disabled: l.fraction.length === 0
+			}) }), /* @__PURE__ */ n("td", { children: /* @__PURE__ */ n(_, {
+				value: t.fractionTick,
+				customValues: l.fraction,
+				onChange: (e, n) => {
+					t.tickIntervalType === "Fraction" && (t.fractionTick = n, t.minor = i.number(i.fraction(n)), a({ ticks: t }));
+				},
+				variant: "outlined",
+				type: "text",
+				disabled: t.tickIntervalType !== "Fraction" || l.fraction.length === 0
+			}, t.tickIntervalType !== "Fraction" || l.fraction.length === 0 ? "fractionDisabled" : "fractionEnabled") })] }),
+			/* @__PURE__ */ r(p, { children: [/* @__PURE__ */ n(h, { children: /* @__PURE__ */ n(s, {
+				value: "Decimal",
+				control: /* @__PURE__ */ n(g, { checked: t.tickIntervalType === "Decimal" }),
+				label: "Decimal",
+				disabled: l.decimal.length === 0
+			}) }), /* @__PURE__ */ n("td", { children: /* @__PURE__ */ n(_, {
+				value: t.decimalTick,
+				customValues: l.decimal,
+				onChange: (e, n) => {
+					t.tickIntervalType === "Decimal" && (t.decimalTick = n, t.minor = n, a({ ticks: t }));
+				},
+				variant: "outlined",
+				type: "number",
+				disabled: t.tickIntervalType !== "Decimal" || l.decimal.length === 0
+			}, t.tickIntervalType !== "Decimal" || l.decimal.length === 0 ? "decimalDisabled" : "decimalEnabled") })] })
+		] }) })
+	})] }), /* @__PURE__ */ r(f, { children: [/* @__PURE__ */ n("label", { children: "Label Interval" }), /* @__PURE__ */ n(_, {
+		value: t.tickIntervalType === "Fraction" ? x : t.major,
+		variant: "outlined",
+		customValues: t.tickIntervalType === "Fraction" ? y.fraction : y.decimal,
+		type: t.tickIntervalType === "Fraction" ? "text" : "number",
+		onChange: t.tickIntervalType === "Fraction" ? (e, n) => {
+			t.tickIntervalType === "Fraction" && (t.major = i.number(i.fraction(n)), a({ ticks: t }));
+		} : (e, n) => {
+			(t.tickIntervalType === "Decimal" || t.tickIntervalType === "Integer") && (t.major = n, a({ ticks: t }));
+		}
+	})] })] });
+};
+y.propTypes = {
+	onChange: t.func,
+	ticks: t.object,
+	minorLimits: t.object,
+	minorValues: t.object,
+	majorValues: t.object
+};
+//#endregion
+export { y as default };

package/dist/author/utils.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @synced-from pie-elements/packages/number-line/configure/src/utils.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 generateValidationMessage: () => string;

package/dist/author/utils.js

@@ -0,0 +1,4 @@
+//#region src/author/utils.ts
+var e = () => "Validation requirements:\nThe correct answer should include at least one number line object.";
+//#endregion
+export { e as generateValidationMessage };

package/dist/controller/defaults.d.ts

@@ -0,0 +1,58 @@
+/**
+ * @synced-from pie-elements/packages/number-line/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: {
+    correctResponse: never[];
+    feedback: {
+        correct: {
+            default: string;
+            type: string;
+        };
+        incorrect: {
+            default: string;
+            type: string;
+        };
+        partial: {
+            default: string;
+            type: string;
+        };
+    };
+    graph: {
+        arrows: {
+            left: boolean;
+            right: boolean;
+        };
+        availableTypes: {
+            PF: boolean;
+        };
+        domain: {
+            min: number;
+            max: number;
+        };
+        exhibitOnly: boolean;
+        initialElements: never[];
+        initialType: string;
+        maxNumberOfPoints: number;
+        ticks: {
+            minor: number;
+            major: number;
+            tickIntervalType: string;
+        };
+        title: string;
+        width: number;
+    };
+    prompt: string;
+    promptEnabled: boolean;
+    rationale: string;
+    rationaleEnabled: boolean;
+    teacherInstructions: string;
+    teacherInstructionsEnabled: boolean;
+    toolbarEditorPosition: string;
+    widthEnabled: boolean;
+};
+export default _default;

package/dist/controller/defaults.js

@@ -0,0 +1,50 @@
+//#region src/controller/defaults.ts
+var e = {
+	correctResponse: [],
+	feedback: {
+		correct: {
+			default: "Correct",
+			type: "none"
+		},
+		incorrect: {
+			default: "Incorrect",
+			type: "none"
+		},
+		partial: {
+			default: "Nearly",
+			type: "none"
+		}
+	},
+	graph: {
+		arrows: {
+			left: !0,
+			right: !0
+		},
+		availableTypes: { PF: !0 },
+		domain: {
+			min: -1,
+			max: 1
+		},
+		exhibitOnly: !1,
+		initialElements: [],
+		initialType: "PF",
+		maxNumberOfPoints: 1,
+		ticks: {
+			minor: .125,
+			major: .5,
+			tickIntervalType: "Decimal"
+		},
+		title: "",
+		width: 500
+	},
+	prompt: "",
+	promptEnabled: !0,
+	rationale: "",
+	rationaleEnabled: !0,
+	teacherInstructions: "",
+	teacherInstructionsEnabled: !0,
+	toolbarEditorPosition: "bottom",
+	widthEnabled: !0
+};
+//#endregion
+export { e as default };

package/dist/controller/index.d.ts

@@ -0,0 +1,33 @@
+/**
+ * @synced-from pie-elements/packages/number-line/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.
+ */
+/**
+ * Generates detailed trace log for scoring evaluation
+ * @param {Object} model - the question model
+ * @param {Object} session - the student session
+ * @param {Object} env - the environment
+ * @returns {Array} traceLog - array of trace messages
+ */
+export declare const getLogTrace: (model: any, session: any, env: any) => string[];
+/**
+ */
+export declare function outcome(model: any, session: any, env: any): Promise<unknown>;
+export declare function getScore(question: any, session: any): Promise<unknown>;
+export declare const CLOSE_TO_PRECISION = 3;
+export declare const closeTo: (a: any, b: any, precision: any) => boolean;
+export declare const getCorrected: (answer: any, correctResponse: any) => any;
+export declare const getCorrectness: (corrected: any) => "unknown" | "unanswered" | "correct" | "partial" | "incorrect";
+/**
+ * A sample of a normalize function see:
+ * https://github.com/pie-framework/pie-elements/issues/21
+ */
+export declare function normalize(question: any): any;
+export declare function createDefaultModel(model?: {}): Promise<unknown>;
+export declare function model(question: any, session: any, env: any): Promise<any>;
+export declare const createCorrectResponseSession: (question: any, env: any) => Promise<unknown>;
+export declare const validate: (model?: {}, config?: {}) => {};

package/dist/controller/index.js

@@ -0,0 +1,170 @@
+import e from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/cloneDeep.js";
+import t from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/find.js";
+import n from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/isEmpty.js";
+import r from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/isEqualWith.js";
+import i from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/merge.js";
+import a from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/omitBy.js";
+import o from "./defaults.js";
+import { reloadTicksData as s } from "./utils.js";
+import * as c from "mathjs";
+import { getFeedbackForCorrectness as l } from "@pie-element/shared-feedback";
+import { partialScoring as u } from "@pie-element/shared-controller-utils";
+//#region src/controller/index.ts
+var d = (e) => ({ score: { scaled: e } }), f = (e, t) => {
+	let { correct: n } = e, r = t.find((e) => e.numberOfCorrect === n.length);
+	return r ? 1 * (r.scorePercentage / 100) : 0;
+}, p = (e) => (t, n) => t + +!!e.some((e) => y(e)(n)), m = (t, n, r) => {
+	let i = [], a = n?.answer || [], o = t?.correctResponse || [];
+	if (!a.length) return ["Student did not interact with the number line."];
+	let { correct: s, incorrect: c, notInAnswer: l, noCorrectResponse: d } = b(a, e(o));
+	if (d) return ["No correct response is defined for this item."];
+	let f = s.length, p = c.length, m = l.length;
+	f > 0 && i.push(`${f} object(s) correctly placed.`), p > 0 && i.push(`${p} incorrect object(s) placed.`), m > 0 && i.push(`${m} expected object(s) were not placed.`);
+	let h = [...a];
+	[...o], s.forEach((e) => {
+		let t = h[e], n = t?.type || "object";
+		i.push(`${n.charAt(0).toUpperCase() + n.slice(1)} at position ${t.domainPosition} is correct.`);
+	}), c.forEach((e) => {
+		let t = h[e], n = t?.type || "object";
+		i.push(`${n.charAt(0).toUpperCase() + n.slice(1)} at position ${t.domainPosition} does not match the expected response.`);
+	}), l.forEach((e) => {
+		let t = e?.type || "object";
+		i.push(`Expected ${t} at position ${e.domainPosition} was not placed by the student.`);
+	});
+	let g = u.enabled(t, r);
+	g ? (i.push("Score calculated using partial scoring."), i.push("Partial scoring is based on the number of correct objects, with deductions for extras.")) : i.push("Score calculated using all-or-nothing scoring.");
+	let _ = o.length || 1, v = a.length > _ ? a.length - _ : 0;
+	v > 0 && i.push(`${v} extra object(s) beyond the required amount were placed and deducted.`);
+	let y = Math.max(0, (f - v) / _), x = g ? y : +(y === 1);
+	return i.push(`Final score: ${x}.`), i;
+};
+function h(e, t, r) {
+	return new Promise((i) => {
+		if (!t || n(t)) i({
+			score: 0,
+			empty: !0,
+			logTrace: ["Student did not interact with the number line."]
+		});
+		else {
+			let n = u.enabled(e, r), a = (t.answer || []).reduce(p(e.correctResponse), 0), o = e.correctResponse.length, s = 0;
+			(t.answer || []).length > o && (s = (t.answer || []).length - o), o === 0 && (o = 1);
+			let c = a < 0 ? 0 : (a - s) / o;
+			c < 0 && (c = 0), i({
+				score: n ? c : +(c === 1),
+				logTrace: m(e, t, r)
+			});
+		}
+	});
+}
+function g(t, r) {
+	return new Promise((i) => {
+		if (!r || n(r)) i({ score: { scaled: 0 } });
+		else {
+			r.answer = r.answer || [];
+			let a = b(r.answer, e(t.correctResponse)), o = x(a);
+			if (o === "correct") i(d(1));
+			else if (o === "incorrect") i(d(0));
+			else if (o === "partial") {
+				let { allowPartialScoring: e, partialScoring: r } = t, o = (r || []).filter((e) => !n(e));
+				e && o.length > 0 ? i(d(f(a, o))) : i(d(0));
+			} else i({ score: { scaled: -1 } });
+		}
+	});
+}
+var _ = 3, v = (e, t, n) => {
+	n ||= 5;
+	let r = 10 ** -n / 2;
+	return Math.abs(e - t) <= r;
+}, y = (e) => (t) => r(e, t, (e, t) => {
+	if (typeof e == "number" && typeof t == "number") return v(e, t, 3);
+}), b = (e, r) => n(r) && e.length > 0 ? {
+	correct: [],
+	incorrect: [],
+	notInAnswer: [],
+	noCorrectResponse: !0
+} : e.reduce((e, n, r) => {
+	let { correct: i, incorrect: a, notInAnswer: o } = e, s = t(o, y(n));
+	return s ? (i.push(r), o.splice(o.indexOf(s), 1)) : a.push(r), {
+		correct: i,
+		incorrect: a,
+		notInAnswer: o
+	};
+}, {
+	correct: [],
+	incorrect: [],
+	notInAnswer: r
+}), x = (e) => {
+	let { incorrect: t, correct: n, notInAnswer: r, noCorrectResponse: i } = e;
+	return i ? "unknown" : t.length === 0 && n.length === 0 ? "unanswered" : t.length === 0 && r.length === 0 ? "correct" : t.length > 0 || r.length > 0 ? n.length > 0 ? "partial" : "incorrect" : "unknown";
+};
+function S(e) {
+	let t = i(o.feedback, e.feedback);
+	return {
+		...o,
+		...e,
+		feedback: t
+	};
+}
+function C(e = {}) {
+	return new Promise((t) => {
+		t(a({
+			...e,
+			graph: {
+				...o.graph,
+				...e.graph
+			},
+			colorContrast: "black_on_white"
+		}, (e) => !e));
+	});
+}
+var w = (e) => {
+	let { graph: { domain: t, labelStep: n, ticks: r = {} } = {} } = e, { minor: i, major: a } = r;
+	if (t && (t.min = Number((t.min || 0).toFixed(2)), t.max = Number((t.max || 0).toFixed(2))), n && typeof n == "string" && n.match(/^[1-9][0-9]*\/[1-9][0-9]*$/g)) {
+		e.graph.fraction = !0, r.tickIntervalType = "Fraction";
+		let t = c.evaluate(n);
+		t !== a && (r.major = t, r.minor = t / (a / i));
+	}
+	return e;
+};
+async function T(t, n, r) {
+	if (!t) throw Error("question is null");
+	let i = await S(t), o = s(w(i).graph);
+	if (o) {
+		let t = r.mode === "evaluate", s = e(i.correctResponse), c = t && b(n && n.answer || [], s), u = t && x(c), { exhibitOnly: d } = o, f = r.mode !== "gather" || d === !0, p = null;
+		r.role === "instructor" && (r.mode === "view" || t) && (p = i.teacherInstructions);
+		let m = t ? await l(u, i.feedback) : void 0;
+		return a({
+			prompt: i.prompt,
+			teacherInstructions: p,
+			graph: o,
+			disabled: f,
+			corrected: c,
+			correctResponse: t && ["unanswered", "correct"].indexOf(u) === -1 && i.correctResponse,
+			feedback: m && {
+				type: u,
+				message: m
+			},
+			colorContrast: r.accessibility && r.accessibility.colorContrast || "black_on_white",
+			language: i.language,
+			extraCSSRules: i.extraCSSRules
+		}, (e) => !e);
+	} else throw Error("graph is undefined");
+}
+var E = (e, t) => new Promise((n) => {
+	if (t.mode !== "evaluate" && t.role === "instructor") {
+		let { correctResponse: t } = e;
+		n({
+			answer: t,
+			id: "1"
+		});
+	} else n(null);
+}), D = (e) => (e || "").replace(/(<(?!img|iframe|source)([^>]+)>)/gi, ""), O = (e = {}, t = {}) => {
+	let { graph: n, correctResponse: r } = e || {}, { maxMaxElements: i = 20, numberLineDimensions: { min: a = 200, max: o = 800 } = {} } = t || {}, { width: s, domain: c, maxNumberOfPoints: l } = n || {}, { min: u, max: d } = c || {}, f = {};
+	["teacherInstructions", "prompt"].forEach((n) => {
+		t[n]?.required && !D(e[n]) && (f[n] = "This field is required.");
+	}), (s < a || s > o) && (f.widthError = `Width should be a value between ${a} and ${o}.`);
+	let p = -1e5, m = 1e5;
+	return (u < p || u > m || d < p || d > m) && (f.domainError = `Min and max values must both be in the range [${p}, ${m}].`), u >= d && (f.maxError = "Max value must be greater than min value."), (l < 1 || l > i) && (f.pointsError = `Max number of elements should be between 1 and ${i}.`), r && r.length === 0 && (f.correctResponseError = "The correct answer should include at least one number line object."), f;
+};
+//#endregion
+export { _ as CLOSE_TO_PRECISION, v as closeTo, E as createCorrectResponseSession, C as createDefaultModel, b as getCorrected, x as getCorrectness, m as getLogTrace, g as getScore, T as model, S as normalize, h as outcome, O as validate };

package/dist/controller/tickUtils.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @synced-from pie-elements/packages/number-line/controller/src/tickUtils.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 getMinorLimits: (domain: any, width: any) => {
+    min: any;
+    max: any;
+};
+export declare const generateMinorValues: (minorLimits: any) => {
+    fraction: never[];
+    decimal: never[];
+};
+export declare const generateMajorValuesForMinor: (minor: any, domain: any, width: any) => {
+    decimal: never[];
+    fraction: never[];
+};