@pie-element/match 12.1.1-next.1 → 12.1.1-next.29

package/dist/author/row.js

@@ -1,204 +0,0 @@
-import e from "react";
-import t from "prop-types";
-import { color as n } from "@pie-lib/render-ui";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import a from "@mui/material/Radio";
-import { styled as o } from "@mui/material/styles";
-import s from "debug";
-import { AlertDialog as c, Checkbox as l } from "@pie-lib/config-ui";
-import u, { DEFAULT_PLUGINS as d } from "@pie-lib/editable-html-tip-tap";
-import f from "@mui/icons-material/DragHandle";
-import p from "@mui/material/IconButton";
-import m from "@mui/icons-material/Delete";
-import { useDraggable as h, useDroppable as g } from "@dnd-kit/core";
-//#region src/author/row.tsx
-s("@pie-element:categorize:configure:choice");
-var _ = o("span")({ cursor: "move" }), v = o("div")(({ theme: e }) => ({
-	marginTop: e.spacing(2),
-	display: "flex",
-	alignItems: "center",
-	flex: 1
-})), y = o("div")(({ theme: e }) => ({
-	flex: 1,
-	display: "flex",
-	justifyContent: "center",
-	alignItems: "center",
-	minWidth: "120px",
-	padding: `0 ${e.spacing(1)}`
-})), b = o(a)(({ theme: e, error: t }) => ({
-	"& input": { width: "100% !important" },
-	"&.MuiRadio-root": { color: `${t ? e.palette.error.main : n.tertiary()} !important` }
-})), x = o("div")(({ theme: e }) => ({
-	flex: .5,
-	display: "flex",
-	justifyContent: "center",
-	minWidth: "45px",
-	padding: `0 ${e.spacing(1)}`
-})), S = o(y)(({ theme: e }) => ({
-	flex: 2,
-	display: "flex",
-	justifyContent: "flex-start",
-	padding: 0,
-	maxWidth: "unset",
-	textAlign: "left",
-	minWidth: "200px",
-	marginRight: e.spacing(1),
-	"&> div": { width: "100%" }
-})), C = o("hr")(({ theme: e }) => ({
-	marginTop: e.spacing(2),
-	border: 0,
-	borderTop: `2px solid ${e.palette.grey.A100}`,
-	width: "100%"
-})), w = o("div")(({ theme: e }) => ({
-	fontSize: e.typography.fontSize - 2,
-	color: e.palette.error.main,
-	paddingTop: e.spacing(1)
-})), T = class extends e.Component {
-	static propTypes = {
-		model: t.object.isRequired,
-		row: t.object.isRequired,
-		idx: t.number.isRequired,
-		maxImageWidth: t.object,
-		maxImageHeight: t.object,
-		onDeleteRow: t.func.isRequired,
-		onChange: t.func.isRequired,
-		imageSupport: t.shape({
-			add: t.func.isRequired,
-			delete: t.func.isRequired
-		}),
-		uploadSoundSupport: t.shape({
-			add: t.func.isRequired,
-			delete: t.func.isRequired
-		}),
-		inputConfiguration: t.object,
-		toolbarOpts: t.object,
-		error: t.string,
-		spellCheck: t.bool,
-		minQuestions: t.number
-	};
-	static defaultProps = {};
-	state = { dialog: {
-		open: !1,
-		text: ""
-	} };
-	componentDidMount() {
-		document.addEventListener("mouseup", this.onMouseUpOnHandle);
-	}
-	onRowTitleChange = (e) => (t) => {
-		let { model: n, onChange: r } = this.props, i = { ...n };
-		i.rows[e].title = t, r(i);
-	};
-	onRowValueChange = (e, t) => (n) => {
-		let { model: r, onChange: i } = this.props, a = { ...r };
-		if (r.choiceMode === "radio") for (let t = 0; t < a.rows[e].values.length; t++) a.rows[e].values[t] = !1;
-		a.rows[e].values[t] = n.target.checked, i(a);
-	};
-	onDeleteRow = (e) => () => {
-		let { model: t, onDeleteRow: n, minQuestions: r } = this.props;
-		t.rows && t.rows.length === r ? this.setState({ dialog: {
-			open: !0,
-			text: `There should be at least ${r} question row` + (r > 1 ? "s" : "") + "."
-		} }) : n(e);
-	};
-	onMouseDownOnHandle = () => {};
-	onMouseUpOnHandle = () => {};
-	render() {
-		let { imageSupport: e, model: t, row: n, idx: a, inputConfiguration: o = {}, toolbarOpts: s, spellCheck: h, error: g, maxImageWidth: T, maxImageHeight: E, uploadSoundSupport: D, mathMlOptions: O = {} } = this.props, { dialog: k } = this.state, A = (d || []).filter((e) => e !== "bulleted-list" && e !== "numbered-list");
-		return /* @__PURE__ */ i("div", {
-			style: { width: "100%" },
-			children: [
-				/* @__PURE__ */ r(_, {
-					itemID: "handle",
-					onMouseDown: this.onMouseDownOnHandle,
-					children: /* @__PURE__ */ r(f, { color: "primary" })
-				}),
-				/* @__PURE__ */ i(v, { children: [
-					/* @__PURE__ */ r(S, { children: /* @__PURE__ */ r(u, {
-						imageSupport: e,
-						autoWidthToolbar: !0,
-						disableUnderline: !0,
-						label: "label",
-						markup: n.title,
-						onChange: this.onRowTitleChange(a),
-						pluginProps: o,
-						toolbarOpts: s,
-						activePlugins: A,
-						spellCheck: h,
-						maxImageWidth: T,
-						maxImageHeight: E,
-						uploadSoundSupport: D,
-						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-						error: g && g !== "No correct response defined.",
-						mathMlOptions: O
-					}) }),
-					n.values.map((e, n) => /* @__PURE__ */ r(y, { children: t.choiceMode === "radio" ? /* @__PURE__ */ r(b, {
-						error: g?.includes("No correct response defined."),
-						onChange: this.onRowValueChange(a, n),
-						checked: e === !0
-					}) : /* @__PURE__ */ r(l, {
-						onChange: this.onRowValueChange(a, n),
-						checked: e === !0,
-						label: "",
-						error: g?.includes("No correct response defined.")
-					}) }, n)),
-					/* @__PURE__ */ r(x, { children: /* @__PURE__ */ r(p, {
-						onClick: this.onDeleteRow(a),
-						"aria-label": "Delete",
-						size: "large",
-						children: /* @__PURE__ */ r(m, {})
-					}) })
-				] }),
-				g && /* @__PURE__ */ r(w, { children: g }),
-				/* @__PURE__ */ r(C, {}),
-				/* @__PURE__ */ r(c, {
-					open: k.open,
-					title: "Warning",
-					text: k.text,
-					onConfirm: () => this.setState({ dialog: { open: !1 } })
-				})
-			]
-		});
-	}
-};
-function E(e) {
-	let { attributes: t, listeners: n, setNodeRef: i, transform: a, transition: o, isDragging: s } = h({
-		id: `row-${e.row.id}`,
-		data: {
-			type: "row",
-			index: e.idx,
-			id: e.row.id
-		}
-	}), { setNodeRef: c, isOver: l } = g({
-		id: `row-drop-${e.row.id}`,
-		data: {
-			type: "row",
-			index: e.idx,
-			id: e.row.id
-		}
-	});
-	return /* @__PURE__ */ r("div", {
-		ref: c,
-		style: {
-			transform: a ? `translate3d(${a.x}px, ${a.y}px, 0)` : void 0,
-			transition: o,
-			opacity: s ? .5 : 1,
-			backgroundColor: l ? "rgba(0, 0, 0, 0.1)" : "transparent"
-		},
-		children: /* @__PURE__ */ r("div", {
-			ref: i,
-			...n,
-			onKeyDown: (e) => {
-				let t = e.target;
-				t.closest("[contenteditable]") || t.closest("input") || t.closest("textarea") || t.isContentEditable || n?.onKeyDown?.(e);
-			},
-			onPointerDown: (e) => {
-				let t = e.target;
-				t.closest("[contenteditable]") || t.closest("input") || t.closest("textarea") || t.isContentEditable || n?.onPointerDown?.(e);
-			},
-			...t,
-			children: /* @__PURE__ */ r(T, { ...e })
-		})
-	});
-}
-//#endregion
-export { E as default };

package/dist/author/utils.d.ts

@@ -1,10 +0,0 @@
-/**
- * @synced-from pie-elements/packages/match/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 getPluginProps: (props?: {}, baseInputConfiguration?: {}) => {};
-export declare const generateValidationMessage: (model: any, configuration: any) => string;

package/dist/author/utils.js

@@ -1,10 +0,0 @@
-//#region src/author/utils.ts
-var e = (e = {}, t = {}) => ({
-	...t,
-	...e
-}), t = (e, t) => {
-	let { choiceMode: n } = e, { minQuestions: r, maxQuestions: i, maxAnswers: a } = t, o = `\nThere should be at least ${r}` + (i ? ` and at most ${i}` : "") + " question row" + (r > 1 || i ? "s." : ".") + "\nRow and column headings should be non-blank and unique. \nFirst column heading is excluded from validation." + (a ? `\nThere should be at most ${a} answer choices.` : ""), s = n === "radio" ? "\nThere should be a correct response defined for every row." : "\nThere should be at least one correct response defined for every row.";
-	return "Validation requirements:" + o + s;
-};
-//#endregion
-export { t as generateValidationMessage, e as getPluginProps };

package/dist/controller/defaults.d.ts

@@ -1,27 +0,0 @@
-/**
- * @synced-from pie-elements/packages/match/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: {
-    choiceMode: string;
-    feedbackEnabled: boolean;
-    headers: string[];
-    layout: number;
-    lockChoiceOrder: boolean;
-    partialScoring: boolean;
-    prompt: string;
-    promptEnabled: boolean;
-    rationale: string;
-    rationaleEnabled: boolean;
-    rows: never[];
-    scoringType: string;
-    studentInstructionsEnabled: boolean;
-    teacherInstructions: string;
-    teacherInstructionsEnabled: boolean;
-    toolbarEditorPosition: string;
-};
-export default _default;

package/dist/controller/defaults.js

@@ -1,25 +0,0 @@
-//#region src/controller/defaults.ts
-var e = {
-	choiceMode: "radio",
-	feedbackEnabled: !1,
-	headers: [
-		"Column 1",
-		"Column 2",
-		"Column 3"
-	],
-	layout: 3,
-	lockChoiceOrder: !0,
-	partialScoring: !1,
-	prompt: "",
-	promptEnabled: !0,
-	rationale: "",
-	rationaleEnabled: !0,
-	rows: [],
-	scoringType: "auto",
-	studentInstructionsEnabled: !0,
-	teacherInstructions: "",
-	teacherInstructionsEnabled: !0,
-	toolbarEditorPosition: "bottom"
-};
-//#endregion
-export { e as default };

package/dist/controller/index.d.ts

@@ -1,29 +0,0 @@
-/**
- * @synced-from pie-elements/packages/match/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 match item scoring evaluation
- * @param {Object} question
- * @param {Object} session
- * @param {Object} env
- * @returns {Array<string>} traceLog
- */
-export declare const getLogTrace: (question: any, session: any, env: any) => string[];
-export declare const outcome: (question: any, session: any, env: any) => Promise<unknown>;
-export declare function createDefaultModel(model?: {}): Promise<unknown>;
-export declare const normalize: (question: any) => any;
-/**
- *
- * @param {*} question
- * @param {*} session
- * @param {*} env
- * @param {*} updateSession - optional - a function that will set the properties passed into it on the session.
- */
-export declare function model(question: any, session: any, env: any, updateSession: any): Promise<any>;
-export declare const createCorrectResponseSession: (question: any, env: any) => Promise<unknown>;
-export declare const validate: (model?: {}, config?: {}) => {};

package/dist/controller/index.js

@@ -1,156 +0,0 @@
-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/isEmpty.js";
-import n from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/isEqual.js";
-import r from "./defaults.js";
-import { getFeedbackForCorrectness as i } from "@pie-element/shared-feedback";
-import { getShuffledChoices as a, lockChoices as o, partialScoring as s } from "@pie-element/shared-controller-utils";
-import c from "debug";
-//#region src/controller/index.ts
-var l = c("@pie-element:match:controller"), u = (e, t, n = {}) => {
-	let r = s.enabled(e, n), i = e.rows, a = e.choiceMode === "checkbox";
-	if (!t || Object.keys(t).length === 0) return "unanswered";
-	let o = a ? h(e) : m(e), c, l = 0;
-	if (a) {
-		let e = f(i, t);
-		c = e.correctAnswers, l = e.incorrectAnswers;
-	} else c = p(i, t);
-	return o === c && !l ? "correct" : c === 0 ? "incorrect" : r ? "partial" : "incorrect";
-}, d = (e, t, n = {}) => {
-	if (t.mode === "evaluate") return u(e, n, t);
-}, f = (e, t) => {
-	let n = 0, r = 0;
-	return e.forEach((e) => {
-		let i = t[e.id];
-		i && e.values.forEach((e, t) => {
-			i[t] && i[t] === e ? n += 1 : i[t] && i[t] !== e && (r += 1);
-		});
-	}), {
-		correctAnswers: n,
-		incorrectAnswers: r
-	};
-}, p = (e, t) => {
-	let r = 0;
-	return e.forEach((e) => {
-		n(e.values, t[e.id]) && (r += 1);
-	}), r;
-}, m = (e) => {
-	let t = e.choiceMode === "checkbox" ? e.layout - 1 : 1;
-	return (e.rows.length || 0) * t;
-}, h = (e) => {
-	let t = 0;
-	return e.rows.forEach((e) => {
-		e.values.forEach((e) => {
-			e && (t += 1);
-		});
-	}), t;
-}, g = (e, t) => {
-	if (e.choiceMode === "checkbox") {
-		let { correctAnswers: n, incorrectAnswers: r } = f(e.rows, t), i = h(e), a = i === 0 ? 1 : i;
-		if (n + r > i) {
-			let e = n + r - i, t = parseFloat(((n - e) / a).toFixed(2));
-			return t < 0 ? 0 : t;
-		} else return parseFloat((n / a).toFixed(2));
-	} else {
-		let n = p(e.rows, t), r = m(e) === 0 ? 1 : m(e);
-		return parseFloat((n / r).toFixed(2));
-	}
-}, _ = (e, t, n = {}) => {
-	let r = d(e, t, n), i = s.enabled(e, t);
-	return r === "correct" ? 1 : r === "partial" && i ? g(e, n) : 0;
-}, v = (e, t, r) => {
-	let i = [], a = t?.answers || {}, o = e?.rows || [], c = e.choiceMode === "checkbox";
-	if (!a || Object.keys(a).length === 0) return i.push("Student did not provide any answer."), i;
-	i.push(`Match item contains ${o.length} row(s).`), i.push(`Matching mode: ${c ? "checkbox (multiple matches allowed)" : "radio (single match per row)"}.`);
-	let l = 0, u = 0, d = 0;
-	o.forEach((e) => {
-		let t = a[e.id], r = e.values || [];
-		c ? r.forEach((e, n) => {
-			e && d++, t && t[n] && (t[n] === e ? l++ : u++);
-		}) : (d++, t && (n(r, t) ? l++ : u++));
-	}), l > 0 && i.push(`${l} correct match(es) selected.`), u > 0 && i.push(`${u} incorrect match(es) selected.`), l === 0 && u === 0 && i.push("Student provided answers, but none matched the correct responses.");
-	let f = s.enabled(e, r);
-	f ? (i.push("Score calculated using partial scoring."), c ? (i.push("Score is based on the number of correct minus extra incorrect matches, divided by the total number of correct matches."), l + u > d && i.push("Extra selected matches beyond the correct set reduce the score.")) : i.push("Score is based on the number of correctly matched rows divided by the total number of rows.")) : (i.push("Score calculated using all-or-nothing scoring."), i.push("Student must match all rows correctly to receive full credit."));
-	let p = _(e, r, a), m = f ? p : +(p === 1);
-	return i.push(`Final score: ${m}.`), i;
-}, y = (e, n, r) => new Promise((i) => {
-	r.mode === "evaluate" ? ((!n || t(n)) && i({
-		score: 0,
-		empty: !0,
-		logTrace: ["Student did not provide any answer."]
-	}), i({
-		score: _(e, r, n.answers),
-		empty: !1,
-		logTrace: v(e, n, r)
-	})) : i({
-		score: void 0,
-		completed: void 0,
-		logTrace: []
-	});
-});
-function b(e = {}) {
-	return new Promise((t) => {
-		t({
-			...r,
-			...e
-		});
-	});
-}
-var x = (e) => ({
-	...r,
-	...e
-});
-async function S(n, r, s, c) {
-	let u = e(x(n)), f, p;
-	(!r || t(r)) && s.mode === "evaluate" ? (f = "unanswered", p = "0%") : (f = d(u, s, r && r.answers), p = `${_(u, s, r && r.answers) * 100}%`);
-	let m = {}, h = {
-		score: p,
-		correctness: f
-	}, g = o(u, r, s);
-	g || (u.rows = await a(u.rows, r, c, "id")), u.rows.forEach((e) => {
-		m[e.id] = e.values, s.mode !== "evaluate" && delete e.values;
-	});
-	let v = s.mode === "evaluate" && u.feedbackEnabled ? await i(h.correctness, u.feedback) : void 0, { extraCSSRules: y, feedbackEnabled: b, promptEnabled: S, prompt: C, lockChoiceOrder: w, ...T } = u, E = {
-		...T,
-		extraCSSRules: y,
-		allowFeedback: b,
-		prompt: S ? C : null,
-		shuffled: !g,
-		feedback: v,
-		disabled: s.mode !== "gather",
-		view: s.mode === "view"
-	};
-	return s.role === "instructor" && (s.mode === "view" || s.mode === "evaluate") ? (E.teacherInstructions = u.teacherInstructionsEnabled ? u.teacherInstructions : null, E.rationale = u.rationaleEnabled ? u.rationale : null) : (E.rationale = null, E.teacherInstructions = null), s.mode === "evaluate" && Object.assign(E, {
-		correctResponse: m,
-		correctness: h
-	}), l("out: ", E), E;
-}
-var C = (e, t) => new Promise((n) => {
-	if (t.mode !== "evaluate" && t.role === "instructor") {
-		let { rows: t } = e, r = {};
-		t.forEach((e) => {
-			r[e.id] = e.values;
-		}), n({
-			answers: r,
-			id: "1"
-		});
-	} else n(null);
-}), w = (e) => (e || "").replaceAll(/<[^>]*>/g, ""), T = (e) => (e || "").replace(/(<(?!img|iframe|source)([^>]+)>)/gi, ""), E = (e = {}, t = {}) => {
-	let { rows: n, choiceMode: r, headers: i } = e, { minQuestions: a, maxQuestions: o, maxLengthQuestionsHeading: s, maxAnswers: c, maxLengthAnswers: l, maxLengthFirstColumnHeading: u } = t, d = {}, f = {}, p = {};
-	[
-		"teacherInstructions",
-		"prompt",
-		"rationale"
-	].forEach((n) => {
-		t[n]?.required && !T(e[n]) && (p[n] = "This field is required.");
-	}), n.length < a ? p.noOfRowsError = `There should be at least ${a} question rows.` : n.length > o && (p.noOfRowsError = `No more than ${o} question rows should be defined.`), (n || []).forEach((e, t) => {
-		let { id: r, values: i = [], title: a } = e;
-		d[r] = "", s && w(a).length > s && (d[r] += `Content length should be maximum ${s} characters. `), T(a) ? n.slice(0, t).some((e) => T(e.title) === T(a)) && (d[r] += "Content should be unique. ") : d[r] += "Content should not be empty. ", i.some((e) => !!e) || (d[r] += "No correct response defined.");
-	}), c && i.length - 1 > c && (p.columnsLengthError = `There should be maximum ${c} answers.`), u && i[0].length > u && (f[0] = `Content length should be maximum ${u} characters.`);
-	let m = (i || []).map((e) => T(e));
-	return m.shift(), m.forEach((e, t) => {
-		let n = t + 1;
-		f[n] = "", l && w(e).length > l && (f[n] += `Content length should be maximum ${l} characters. `), e ? m.slice(0, t).some((t) => t === e) && (f[t + 1] += "Content should be unique.") : f[n] += "Content should not be empty.";
-	}), Object.values(d).some((e) => (e || "").length) && (p.rowsErrors = d, Object.values(d).some((e) => (e || "").includes("No correct response defined.")) && (p.correctResponseError = r === "radio" ? "There should be a correct response defined for every row." : "There should be at least one correct response defined for every row.")), Object.values(f).some((e) => (e || "").length) && (p.columnsErrors = f), p;
-};
-//#endregion
-export { C as createCorrectResponseSession, b as createDefaultModel, v as getLogTrace, S as model, x as normalize, y as outcome, E as validate };

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

@@ -1,28 +0,0 @@
-/**
- * @synced-from pie-elements/packages/match/src/answer-grid.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 AnswerGrid extends React.Component {
-    static propTypes: {
-        correctAnswers: PropTypes.Requireable<object>;
-        view: PropTypes.Validator<boolean>;
-        showCorrect: PropTypes.Validator<boolean>;
-        disabled: PropTypes.Validator<boolean>;
-        onAnswerChange: PropTypes.Validator<(...args: any[]) => any>;
-        choiceMode: PropTypes.Validator<string>;
-        rows: PropTypes.Validator<any[]>;
-        headers: PropTypes.Validator<any[]>;
-        answers: PropTypes.Validator<object>;
-    };
-    onRowValueChange: (rowId: any, answerIndex: any) => (event: any) => void;
-    answerIsCorrect: any;
-    answerIsIncorrect: any;
-    render(): React.JSX.Element;
-}
-export default AnswerGrid;

package/dist/delivery/answer-grid.js

@@ -1,99 +0,0 @@
-import e from "react";
-import t from "prop-types";
-import { color as n } from "@pie-lib/render-ui";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import a from "@mui/material/Radio";
-import o from "@mui/material/Checkbox";
-import s from "@mui/material/Typography";
-import { styled as c } from "@mui/material/styles";
-//#region src/delivery/answer-grid.tsx
-var l = c("div")(({ theme: e }) => ({
-	marginLeft: "auto",
-	marginRight: "auto",
-	marginTop: e.spacing(1),
-	marginBottom: e.spacing(1)
-})), u = c("td")({ padding: "5px 0" }), d = c(s)(({ theme: e }) => ({ margin: e.spacing(2) })), f = c("th")({ padding: 0 }), p = c("div")(({ theme: e, isQuestionText: t }) => ({
-	padding: e.spacing(1.5),
-	textAlign: t ? "left" : "center"
-})), m = c("tr")({
-	border: 0,
-	borderTop: `2.5px solid ${n.primaryLight()}`,
-	width: "100%"
-}), h = c("table")({
-	color: n.text(),
-	backgroundColor: n.background(),
-	borderCollapse: "collapse",
-	borderSpacing: 0,
-	marginBottom: 0
-}), g = class extends e.Component {
-	static propTypes = {
-		correctAnswers: t.object,
-		view: t.bool.isRequired,
-		showCorrect: t.bool.isRequired,
-		disabled: t.bool.isRequired,
-		onAnswerChange: t.func.isRequired,
-		choiceMode: t.string.isRequired,
-		rows: t.array.isRequired,
-		headers: t.array.isRequired,
-		answers: t.object.isRequired
-	};
-	onRowValueChange = (e, t) => (n) => {
-		let { onAnswerChange: r, choiceMode: i, answers: a } = this.props, o = { ...a };
-		if (i === "radio") for (let t = 0; t < o[e].length; t++) o[e][t] = !1;
-		o[e][t] = n.target.checked, r(o);
-	};
-	answerIsCorrect = (e, t, n) => {
-		let { correctAnswers: r } = this.props;
-		return r[e][n] === t && t === !0;
-	};
-	answerIsIncorrect = (e, t, n) => {
-		let { correctAnswers: r } = this.props;
-		return r[e][n] === !0 && t === !1 || r[e][n] === !1 && t === !0;
-	};
-	render() {
-		let { showCorrect: e, headers: t, rows: s, choiceMode: c, answers: g, disabled: _, view: v } = this.props, y = c === "radio" ? a : o, b = _ && !v;
-		return !s || s.length === 0 ? /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(d, {
-			component: "div",
-			children: "There are currently no questions to show."
-		}) }) : /* @__PURE__ */ r(l, { children: /* @__PURE__ */ i(h, { children: [
-			/* @__PURE__ */ r("colgroup", { children: (t || []).map((e, t) => /* @__PURE__ */ r("col", {}, `col-${t}`)) }),
-			/* @__PURE__ */ r("thead", { children: /* @__PURE__ */ r("tr", { children: (t || []).map((e, t) => /* @__PURE__ */ r(f, {
-				"data-colno": `${t}`,
-				scope: "row",
-				children: /* @__PURE__ */ r(p, {
-					isQuestionText: t === 0,
-					dangerouslySetInnerHTML: { __html: e }
-				})
-			}, `th-${t}`)) }) }),
-			(s || []).map((t, a) => /* @__PURE__ */ r("tbody", {
-				role: "group",
-				children: /* @__PURE__ */ i(m, { children: [/* @__PURE__ */ r("td", {
-					"data-colno": "0",
-					children: /* @__PURE__ */ r(p, {
-						isQuestionText: !0,
-						dangerouslySetInnerHTML: { __html: t.title }
-					})
-				}, `td-title-${a}`), (g[t.id] || []).map((i, o) => /* @__PURE__ */ r(u, {
-					"data-colno": `${o + 1}`,
-					children: /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r(y, {
-						sx: {
-							padding: "6px",
-							color: e && i === !0 || b && this.answerIsCorrect(t.id, i, o) ? n.correct() : b && this.answerIsIncorrect(t.id, i, o) ? n.incorrect() : i === !0 && !b ? n.primary() : _ ? n.disabled() : n.text(),
-							cursor: _ ? "not-allowed" : "pointer",
-							pointerEvents: _ ? "initial" : "auto",
-							opacity: _ ? .7 : 1,
-							"& input": { width: "100% !important" },
-							"&:hover": { color: _ ? n.disabled() : n.primaryLight() },
-							"&.Mui-disabled": { color: `${e && i === !0 || b && this.answerIsCorrect(t.id, i, o) ? n.correct() : b && this.answerIsIncorrect(t.id, i, o) ? n.incorrect() : i === !0 && !b ? n.primary() : n.disabled()}` }
-						},
-						disabled: _,
-						onChange: this.onRowValueChange(t.id, o),
-						checked: i === !0
-					}) })
-				}, `td-${a}-${o}`))] })
-			}, `row-${a}`))
-		] }) });
-	}
-};
-//#endregion
-export { g as default };

package/dist/delivery/index.d.ts

@@ -1,21 +0,0 @@
-/**
- * @synced-from pie-elements/packages/match/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.
- */
-import Main from './main.js';
-export { Main as Component };
-export declare const isComplete: (session: any, model: any) => any;
-export default class Match extends HTMLElement {
-    constructor();
-    set model(m: any);
-    set session(s: any);
-    get session(): any;
-    sessionChanged(s: any): void;
-    connectedCallback(): void;
-    _render(): void;
-    disconnectedCallback(): void;
-}

package/dist/delivery/index.js

@@ -1,51 +0,0 @@
-import e from "./main.js";
-import t from "react";
-import { createRoot as n } from "react-dom/client";
-import { SessionChangedEvent as r } from "@pie-element/shared-player-events";
-import { renderMath as i } from "@pie-element/shared-math-rendering-mathjax";
-//#region src/delivery/index.ts
-var a = (e, t) => (t?.rows?.map((e) => e.id) || []).reduce((t, n) => {
-	if (!t) return !1;
-	let r = e.answers && e.answers[n];
-	return Array.isArray(r) && r.includes(!0) && t;
-}, !0), o = class extends HTMLElement {
-	constructor() {
-		super(), this._root = null;
-	}
-	set model(e) {
-		this._model = {
-			...e,
-			...e?.config || {}
-		}, this._render();
-	}
-	set session(e) {
-		this._session = e, this._render();
-	}
-	get session() {
-		return this._session;
-	}
-	sessionChanged(e) {
-		this._session.answers = e.answers;
-		let t = a(this._session, this._model);
-		this.dispatchEvent(new r(this.tagName.toLowerCase(), t)), this._render();
-	}
-	connectedCallback() {
-		this._render();
-	}
-	_render() {
-		if (!this._model || !this._session) return;
-		let r = t.createElement(e, {
-			model: this._model,
-			session: this._session,
-			onSessionChange: this.sessionChanged.bind(this)
-		});
-		this._root ||= n(this), this._root.render(r), queueMicrotask(() => {
-			i(this);
-		});
-	}
-	disconnectedCallback() {
-		this._root && this._root.unmount();
-	}
-};
-//#endregion
-export { e as Component, o as default, a as isComplete };