@pie-element/categorize 13.1.2-next.5 → 13.1.2-next.6

package/dist/controller/index.js

@@ -1,12 +1,12 @@
-import { getCompleteResponseDetails as e, isAlternateDuplicated as t, isCorrectResponseDuplicated as n } from "./utils.js";
-import r from "./defaults.js";
-import { buildState as i, score as a } from "@pie-lib/categorize";
-import o from "@pie-lib/translator";
-import { isEmpty as s } from "@pie-element/shared-lodash";
-import { getFeedbackForCorrectness as c } from "@pie-element/shared-feedback";
-import { getShuffledChoices as l, lockChoices as u, partialScoring as d } from "@pie-element/shared-controller-utils";
+import e from "./defaults.js";
+import { getCompleteResponseDetails as t, isAlternateDuplicated as n, isCorrectResponseDuplicated as r, multiplePlacements as i } from "./utils.js";
+import { buildState as a, score as o } from "@pie-lib/categorize";
+import s from "@pie-lib/translator";
+import { isEmpty as c } from "@pie-element/shared-lodash";
+import { getFeedbackForCorrectness as l } from "@pie-element/shared-feedback";
+import { getShuffledChoices as u, lockChoices as d, partialScoring as f } from "@pie-element/shared-controller-utils";
 //#region src/controller/index.ts
-var { translator: f } = o, p = (e, t) => {
+var { translator: p } = s, m = (e, t) => {
 	let { placements: n, score: r } = t.reduce((e, { choices: t = [] }) => ({
 		placements: e.placements + t.length,
 		score: e.score + t.filter((e) => e.correct).length
@@ -15,74 +15,87 @@ var { translator: f } = o, p = (e, t) => {
 		score: 0
 	}), { maxScore: i } = e.reduce((e, { choices: t }) => ({ maxScore: e.maxScore + t.length }), { maxScore: 0 }), a = (r - (n > i ? n - i : 0)) / i;
 	return a < 0 ? 0 : parseFloat(a.toFixed(2));
-}, m = (e) => e.map((e) => e.alternateResponses).filter((e) => e), h = (e, t, n) => {
+}, h = (e) => e.map((e) => e.alternateResponses).filter((e) => e), g = (e, t, n) => {
 	if (!t || Object.keys(t).length === 0) return 0;
-	let { categories: r, choices: a } = e || {}, { correctResponse: o } = e || {}, { answers: s } = t || {};
+	let { categories: r, choices: i } = e || {}, { correctResponse: o } = e || {}, { answers: s } = t || {};
 	s ||= [], o ||= [];
-	let { categories: c, correct: l } = i(r, a, s, o), u = m(o);
-	return d.enabled(e, n) && !u.length ? p(o, c) : +!!l;
-}, g = (e, t, n) => new Promise((r) => {
+	let { categories: c, correct: l } = a(r, i, s, o), u = h(o);
+	return f.enabled(e, n) && !u.length ? m(o, c) : +!!l;
+}, _ = (e, t, n) => new Promise((r) => {
 	if (n.mode === "evaluate") {
-		let i = h(e, t, n);
+		let i = g(e, t, n);
 		r(i === 1 ? "correct" : i === 0 ? "incorrect" : "partially-correct");
 	} else r(void 0);
-}), _ = (e = {}) => new Promise((t) => {
-	t({
-		...r,
-		...e
+}), v = (t = {}) => new Promise((n) => {
+	n({
+		...e,
+		...t
 	});
-}), v = (e) => ({
-	...r,
-	...e
-}), y = async (t, n, r, i) => {
-	let a = v(t), o = await g(a, n, r), { mode: s, role: d } = r || {}, { categories: p, categoriesPerRow: h, choicesLabel: _, choicesPosition: y, correctResponse: b, feedback: x, feedbackEnabled: S, promptEnabled: C, prompt: w, rowLabels: T, rationaleEnabled: E, rationale: D, teacherInstructionsEnabled: O, teacherInstructions: k, language: A, maxChoicesPerCategory: j, extraCSSRules: M, minRowHeight: N, fontSizeFactor: P, autoplayAudioEnabled: F, completeAudioEnabled: I, customAudioButton: L } = a, { choices: R, note: z } = a, B, V = u(a, n, r), H = b.map((e) => {
+}), y = (t) => ({
+	...e,
+	...t
+}), b = async (e, n, r, a) => {
+	let o = y(e), s = await _(o, n, r), { mode: c, role: f } = r || {}, { categories: m, categoriesPerRow: g, choicesLabel: v, choicesPosition: b, correctResponse: x, feedback: S, feedbackEnabled: C, promptEnabled: w, prompt: T, rowLabels: E, rationaleEnabled: D, rationale: O, teacherInstructionsEnabled: k, teacherInstructions: A, language: j, maxChoicesPerCategory: M, extraCSSRules: N, minRowHeight: P, fontSizeFactor: F, autoplayAudioEnabled: I, completeAudioEnabled: L, customAudioButton: R } = o, { choices: z, note: B } = o, V, H = d(o, n, r), U = x.map((e) => {
 		let t = (e.choices || []).filter((e) => e !== "null");
 		return {
 			...e,
 			choices: t
 		};
 	});
-	s === "evaluate" && S && (B = await c(o, x)), V || (R = await l(R, n, i, "id")), z ||= f.t("common:commonCorrectAnswerWithAlternates", { lng: A });
-	let U = m(H), { responseAreasToBeFilled: W, possibleResponses: G, hasUnplacedChoices: K } = e(H, a.allowAlternateEnabled ? U : [], a.choices), q = {
-		categories: p || [],
-		categoriesPerRow: h || 2,
-		maxChoicesPerCategory: j,
-		correctness: o,
-		choices: R || [],
-		choicesLabel: _ || "",
-		choicesPosition: y,
-		disabled: s !== "gather",
-		feedback: B,
-		lockChoiceOrder: V,
-		prompt: C ? w : null,
-		rowLabels: T,
-		note: z,
+	c === "evaluate" && C && (V = await l(s, S)), H || (z = await u(z, n, a, "id"));
+	let W = (() => {
+		if (e.allowMultiplePlacementsEnabled != null) return e.allowMultiplePlacementsEnabled;
+		let t = (x || []).flatMap((e) => e.choices || []);
+		return t.length === new Set(t).size ? i.disabled : i.enabled;
+	})();
+	z = (z || []).map((e) => {
+		let t;
+		return t = W === i.enabled ? 0 : W === i.disabled ? 1 : e.categoryCount || 0, {
+			...e,
+			categoryCount: t
+		};
+	}), B ||= p.t("common:commonCorrectAnswerWithAlternates", { lng: j });
+	let G = h(U), { responseAreasToBeFilled: K, possibleResponses: q, hasUnplacedChoices: J } = t(U, o.allowAlternateEnabled ? G : [], o.choices), Y = {
+		categories: m || [],
+		categoriesPerRow: g || 2,
+		maxChoicesPerCategory: M,
+		correctness: s,
+		choices: z || [],
+		choicesLabel: v || "",
+		choicesPosition: b,
+		disabled: c !== "gather",
+		feedback: V,
+		lockChoiceOrder: H,
+		prompt: w ? T : null,
+		rowLabels: E,
+		note: B,
 		env: r,
-		showNote: U && U.length > 0,
-		correctResponse: s === "evaluate" ? H : void 0,
-		language: A,
-		extraCSSRules: M,
-		fontSizeFactor: P,
-		minRowHeight: N,
-		autoplayAudioEnabled: F,
-		completeAudioEnabled: I,
-		customAudioButton: L,
-		possibleResponses: G,
-		responseAreasToBeFilled: W,
-		hasUnplacedChoices: K
+		showNote: G && G.length > 0,
+		correctResponse: c === "evaluate" ? U : void 0,
+		language: j,
+		extraCSSRules: N,
+		fontSizeFactor: F,
+		minRowHeight: P,
+		autoplayAudioEnabled: I,
+		completeAudioEnabled: L,
+		customAudioButton: R,
+		possibleResponses: q,
+		responseAreasToBeFilled: K,
+		hasUnplacedChoices: J,
+		...e.allowMultiplePlacementsEnabled == null && { allowMultiplePlacementsEnabled: W }
 	};
-	return d === "instructor" && (s === "view" || s === "evaluate") ? (q.rationale = E ? D : null, q.teacherInstructions = O ? k : null) : (q.rationale = null, q.teacherInstructions = null), q;
-}, b = (e, t, n) => {
-	let r = [], { answers: a } = t || {}, { categories: o, choices: s, correctResponse: c } = e || {}, l = a.reduce((e, t) => e + (t.choices?.length || 0), 0), u = m(c).length > 0, f = d.enabled(e, n), p = (l > 0 ? i(o, s, a, c) : null)?.categories || [];
-	if (l > 0 ? (r.push(`Student placed ${l} choice(s) into categories.`), (o || []).forEach((e, t) => {
-		let n = e.id, i = p.find((e) => e.id === n), a = i && i.choices || [], o = (c || []).find((e) => e.category === n), s = o && o.choices || [];
-		if (s.length > 0) if (a.length === 0) r.push(`Category ${n}: student left empty (should contain ${s.length} choice(s)).`);
+	return f === "instructor" && (c === "view" || c === "evaluate") ? (Y.rationale = D ? O : null, Y.teacherInstructions = k ? A : null) : (Y.rationale = null, Y.teacherInstructions = null), Y;
+}, x = (e, t, n) => {
+	let r = [], { answers: i } = t || {}, { categories: o, choices: s, correctResponse: c } = e || {}, l = i.reduce((e, t) => e + (t.choices?.length || 0), 0), u = h(c).length > 0, d = f.enabled(e, n), p = (l > 0 ? a(o, s, i, c) : null)?.categories || [];
+	if (l > 0 ? (r.push(`Student placed ${l} choice(s) into categories.`), (o || []).forEach((e) => {
+		let t = e.id, n = p.find((e) => e.id === t), i = n && n.choices || [], a = (c || []).find((e) => e.category === t), o = a && a.choices || [];
+		if (o.length > 0) if (i.length === 0) r.push(`Category ${t}: student left empty (should contain ${o.length} choice(s)).`);
 		else {
-			let e = a.filter((e) => e.correct).length, t = a.length - e;
-			e > 0 && t === 0 ? r.push(`Category ${n}: student placed ${e} correct choice(s).`) : e === 0 && t > 0 ? r.push(`Category ${n}: student placed ${t} incorrect choice(s).`) : r.push(`Category ${n}: student placed ${e} correct and ${t} incorrect choice(s).`);
+			let e = i.filter((e) => e.correct).length, n = i.length - e;
+			e > 0 && n === 0 ? r.push(`Category ${t}: student placed ${e} correct choice(s).`) : e === 0 && n > 0 ? r.push(`Category ${t}: student placed ${n} incorrect choice(s).`) : r.push(`Category ${t}: student placed ${e} correct and ${n} incorrect choice(s).`);
 		}
 	})) : r.push("Student did not place any choices into categories."), u && r.push("Alternate response combinations are accepted for this question."), u) r.push("Score calculated using all-or-nothing scoring (alternate responses disable partial scoring)."), r.push("Student must get all categories completely correct to receive full credit.");
-	else if (f) {
+	else if (d) {
 		if (r.push("Score calculated using partial scoring."), r.push("Student receives credit for each correct placement, with deductions for incorrect placements beyond required amount."), l > 0) {
 			let e = p.reduce((e, t) => e + (t.choices || []).filter((e) => e.correct).length, 0), t = l - e, n = (c || []).reduce((e, t) => e + (t.choices || []).length, 0);
 			if (r.push(`Partial scoring calculation: ${e} correct placements, ${t} incorrect placements.`), l > n) {
@@ -91,23 +104,23 @@ var { translator: f } = o, p = (e, t) => {
 			}
 		}
 	} else r.push("Score calculated using all-or-nothing scoring."), r.push("Student must get all categories completely correct to receive full credit.");
-	let g = h(e, t, n);
-	return r.push(`Final score: ${g}.`), r;
-}, x = (e, t, n) => n.mode === "evaluate" ? new Promise((r) => {
-	if (!t || s(t)) r({
+	let m = g(e, t, n);
+	return r.push(`Final score: ${m}.`), r;
+}, S = (e, t, n) => n.mode === "evaluate" ? new Promise((r) => {
+	if (!t || c(t)) r({
 		score: 0,
 		empty: !0,
 		traceLog: ["Student did not place any choices into categories. Score is 0."]
 	});
 	else {
-		let i = b(e, t, n);
+		let i = x(e, t, n);
 		r({
-			score: h(e, t, n),
+			score: g(e, t, n),
 			empty: !1,
 			traceLog: i
 		});
 	}
-}) : Promise.reject(/* @__PURE__ */ Error("Can not call outcome when mode is not evaluate")), S = (e, t) => new Promise((n) => {
+}) : Promise.reject(/* @__PURE__ */ Error("Can not call outcome when mode is not evaluate")), C = (e, t) => new Promise((n) => {
 	let { mode: r, role: i } = t || {};
 	if (r !== "evaluate" && i === "instructor") {
 		let { correctResponse: t } = e;
@@ -116,23 +129,23 @@ var { translator: f } = o, p = (e, t) => {
 			id: 1
 		});
 	} else return n(null);
-}), C = (e) => (e || "").replaceAll(/<[^>]*>/g, ""), w = (e) => (e || "").replace(/(<(?!img|iframe|source)([^>]+)>)/gi, ""), T = (e = {}, r = {}) => {
-	let { categories: i, choices: a, correctResponse: o, maxAnswerChoices: c } = e, { minChoices: l = 1, minCategories: u = 1, maxCategories: d = 12, maxLengthPerChoice: f = 300, maxLengthPerCategory: p = 150 } = r, m = [...a || []].reverse(), h = {}, g = {}, _ = {};
+}), w = (e) => (e || "").replaceAll(/<[^>]*>/g, ""), T = (e) => (e || "").replace(/(<(?!img|iframe|source)([^>]+)>)/gi, ""), E = (e = {}, t = {}) => {
+	let { categories: i, choices: a, correctResponse: o, maxAnswerChoices: s } = e, { minChoices: l = 1, minCategories: u = 1, maxCategories: d = 12, maxLengthPerChoice: f = 300, maxLengthPerCategory: p = 150 } = t, m = [...a || []].reverse(), h = {}, g = {}, _ = {};
 	[
 		"teacherInstructions",
 		"prompt",
 		"rationale"
-	].forEach((t) => {
-		r[t]?.required && !w(e[t]) && (h[t] = "This field is required.");
+	].forEach((n) => {
+		t[n]?.required && !T(e[n]) && (h[n] = "This field is required.");
 	}), (i || []).forEach((e) => {
 		let { id: t, label: n } = e;
-		C(n).length > p && (_[t] = `Category labels should be no more than ${p} characters long.`);
+		w(n).length > p && (_[t] = `Category labels should be no more than ${p} characters long.`);
 	}), (m || []).forEach((e, t) => {
 		let { id: n, content: r } = e;
-		C(r).length > f && (g[n] = `Tokens should be no more than ${f} characters long.`), w(r) ? m.slice(t + 1).some((e) => e.content === r) && (g[n] = "Tokens content should be unique.") : g[n] = "Tokens should not be empty.";
+		w(r).length > f && (g[n] = `Tokens should be no more than ${f} characters long.`), T(r) ? m.slice(t + 1).some((e) => e.content === r) && (g[n] = "Tokens content should be unique.") : g[n] = "Tokens should not be empty.";
 	});
 	let v = (i || []).length, y = (a || []).length;
-	if (v > d ? h.categoriesError = `No more than ${d} categories should be defined.` : v < u && (h.categoriesError = `There should be at least ${u} category defined.`), y < l ? h.choicesError = `There should be at least ${l} choices defined.` : y > c && (h.choicesError = `No more than ${c} choices should be defined.`), y && v) {
+	if (v > d ? h.categoriesError = `No more than ${d} categories should be defined.` : v < u && (h.categoriesError = `There should be at least ${u} category defined.`), y < l ? h.choicesError = `There should be at least ${l} choices defined.` : y > s && (h.choicesError = `No more than ${s} choices should be defined.`), y && v) {
 		let e = !1;
 		(o || []).forEach((t) => {
 			let { choices: n = [], alternateResponses: r = [] } = t;
@@ -140,16 +153,16 @@ var { translator: f } = o, p = (e, t) => {
 				(t || []).length && (e = !0);
 			});
 		});
-		let r = -1, i = "";
+		let t = -1, i = "";
 		(o || []).forEach((e) => {
 			let { choices: a = [], alternateResponses: o = [], category: s } = e;
-			r === -1 && (r = n(a, o), r === -1 && (r = t(o)), i = s);
-		}), r > -1 && (h.duplicateAlternate = {
-			index: r,
+			t === -1 && (t = r(a, o), t === -1 && (t = n(o)), i = s);
+		}), t > -1 && (h.duplicateAlternate = {
+			index: t,
 			category: i
 		}), e || (h.associationError = "At least one token should be assigned to at least one category.");
 	}
-	return s(g) || (h.choicesErrors = g), s(_) || (h.categoriesErrors = _), h;
+	return c(g) || (h.choicesErrors = g), c(_) || (h.categoriesErrors = _), h;
 };
 //#endregion
-export { S as createCorrectResponseSession, _ as createDefaultModel, g as getCorrectness, b as getLogTrace, p as getPartialScore, h as getTotalScore, y as model, v as normalize, x as outcome, a as score, T as validate };
+export { C as createCorrectResponseSession, v as createDefaultModel, _ as getCorrectness, x as getLogTrace, m as getPartialScore, g as getTotalScore, b as model, y as normalize, S as outcome, o as score, E as validate };

package/dist/delivery/categorize/categories.js

@@ -1,5 +1,5 @@
-import e from "./grid-content.js";
-import t, { CategoryType as n } from "./category.js";
+import { GridContent as e } from "./grid-content.js";
+import { Category as t, CategoryType as n } from "./category.js";
 import r from "react";
 import { color as i } from "@pie-lib/render-ui";
 import a from "prop-types";
@@ -63,4 +63,4 @@ var l = class extends r.Component {
 	flexDirection: "column"
 });
 //#endregion
-export { l as default };
+export { l as Categories, l as default, n as CategoryType };

package/dist/delivery/categorize/category.js

@@ -45,4 +45,4 @@ var o = {
 	flex: 2
 }));
 //#endregion
-export { o as CategoryType, s as default };
+export { s as Category, s as default, o as CategoryType };

package/dist/delivery/categorize/choice.js

@@ -91,4 +91,4 @@ h.propTypes = {
 };
 var g = o.withUid(h);
 //#endregion
-export { u as ChoiceType, g as default };
+export { u as ChoiceType, m as Layout, g as default };

package/dist/delivery/categorize/choices.js

@@ -48,4 +48,4 @@ var c = a("div")({
 	}
 };
 //#endregion
-export { u as default };
+export { t as ChoiceType, u as Choices, u as default };

package/dist/delivery/categorize/grid-content.js

@@ -36,4 +36,4 @@ var i = class extends e.Component {
 	gridAutoRows: "1fr"
 }));
 //#endregion
-export { i as default };
+export { i as GridContent, i as default };

package/dist/delivery/categorize/index.js

@@ -1,6 +1,6 @@
 import e from "./choice.js";
-import t from "./choices.js";
-import n from "./categories.js";
+import { Choices as t } from "./choices.js";
+import { Categories as n } from "./categories.js";
 import r from "react";
 import { renderMath as i } from "@pie-element/shared-math-rendering-mathjax";
 import * as a from "@pie-lib/render-ui";
@@ -257,4 +257,4 @@ var k = O(l, "UiLayout") || O(F.UiLayout, "UiLayout"), A = O(c, "PreviewPrompt")
 	flexDirection: "column"
 })), W = h(j)(({ theme: e }) => ({ paddingBottom: e.spacing(2) }));
 //#endregion
-export { B as default };
+export { z as Categorize, B as default };

package/dist/delivery/index.js

@@ -55,7 +55,7 @@ var u = l(a, "EnableAudioAutoplayImage") || l(p.EnableAudioAutoplayImage, "Enabl
 	isComplete() {
 		let { autoplayAudioEnabled: e, choices: t, completeAudioEnabled: n, hasUnplacedChoices: r, possibleResponses: i, responseAreasToBeFilled: a } = this._model || {}, o = this;
 		if (e && n && !this.audioComplete && o) {
-			let e = o.querySelector("audio"), t = e && e.closest("#preview-prompt");
+			let e = o.querySelector("audio"), t = e && e.closest(".preview-prompt");
 			if (e && t) return !1;
 		}
 		if (!this._session || !this._session.answers) return !1;
@@ -104,7 +104,7 @@ var u = l(a, "EnableAudioAutoplayImage") || l(p.EnableAudioAutoplayImage, "Enabl
 			e.forEach((e) => {
 				if (e.type === "childList") {
 					if (this._audioInitialized) return;
-					let e = this.querySelector("audio"), n = e && e.closest("#preview-prompt");
+					let e = this.querySelector("audio"), n = e && e.closest(".preview-prompt");
 					if (!this._model || !this._model.autoplayAudioEnabled || e && !n || !e) return;
 					let r = this._createAudioInfoToast(), i = this.querySelector("#main-container"), a = () => {
 						this.querySelector("#play-audio-info") && (e.play(), i.removeChild(r)), document.removeEventListener("click", a);