@pie-element/match 12.1.2-next.7 → 12.1.2-next.9

package/dist/browser/delivery/index.js

@@ -1,5 +1,5 @@
 import { a as e } from "../browser-kkT1XVKw.js";
-import { Nt as t, O as n, a as r, d as i, dt as a, f as o, ft as s, ht as c, k as l, n as u, p as d, pt as f, r as p, t as m, u as h, x as g } from "../Typography-BvyMwfyW.js";
+import { Nt as t, O as n, a as r, d as i, dt as a, f as o, ft as s, ht as c, k as l, n as u, p as d, pt as f, r as p, t as m, u as h, x as g } from "../Typography-DS6VD63M.js";
 import _, { useRef as v } from "react";
 import { createRoot as y } from "react-dom/client";
 import { jsx as b, jsxs as x } from "react/jsx-runtime";
@@ -1755,14 +1755,18 @@ var We = Ue(o, "Readable") || Ue(Ke.Readable, "Readable"), Ge = r, K = Ge.defaul
 		let { correctAnswers: r } = this.props;
 		return r[e][n] === !0 && t === !1 || r[e][n] === !1 && t === !0;
 	};
+	controlColor = (e, t, n) => {
+		let { showCorrect: r, disabled: i, view: a } = this.props, o = i && !a;
+		return r && t === !0 || o && this.answerIsCorrect(e, t, n) ? s.correct() : o && this.answerIsIncorrect(e, t, n) ? s.incorrect() : t === !0 && !o ? s.primary() : i ? s.disabled() : s.text();
+	};
 	render() {
-		let { showCorrect: e, headers: t, rows: n, choiceMode: r, answers: i, disabled: a, view: o } = this.props, c = r === "radio" ? p : u, l = a && !o;
-		return !n || n.length === 0 ? /* @__PURE__ */ b(et, { children: /* @__PURE__ */ b(nt, {
+		let { headers: e, rows: t, choiceMode: n, answers: r, disabled: i } = this.props, a = n === "radio" ? p : u;
+		return !t || t.length === 0 ? /* @__PURE__ */ b(et, { children: /* @__PURE__ */ b(nt, {
 			component: "div",
 			children: "There are currently no questions to show."
 		}) }) : /* @__PURE__ */ b(et, { children: /* @__PURE__ */ x(at, { children: [
-			/* @__PURE__ */ b("colgroup", { children: (t || []).map((e, t) => /* @__PURE__ */ b("col", {}, `col-${t}`)) }),
-			/* @__PURE__ */ b("thead", { children: /* @__PURE__ */ b("tr", { children: (t || []).map((e, t) => /* @__PURE__ */ b(rt, {
+			/* @__PURE__ */ b("colgroup", { children: (e || []).map((e, t) => /* @__PURE__ */ b("col", {}, `col-${t}`)) }),
+			/* @__PURE__ */ b("thead", { children: /* @__PURE__ */ b("tr", { children: (e || []).map((e, t) => /* @__PURE__ */ b(rt, {
 				"data-colno": `${t}`,
 				scope: "row",
 				children: /* @__PURE__ */ b(J, {
@@ -1770,33 +1774,37 @@ var We = Ue(o, "Readable") || Ue(Ke.Readable, "Readable"), Ge = r, K = Ge.defaul
 					dangerouslySetInnerHTML: { __html: e }
 				})
 			}, `th-${t}`)) }) }),
-			(n || []).map((t, n) => /* @__PURE__ */ b("tbody", {
+			(t || []).map((e, t) => /* @__PURE__ */ b("tbody", {
 				role: "group",
 				children: /* @__PURE__ */ x(it, { children: [/* @__PURE__ */ b("td", {
 					"data-colno": "0",
 					children: /* @__PURE__ */ b(J, {
 						isQuestionText: !0,
-						dangerouslySetInnerHTML: { __html: t.title }
+						dangerouslySetInnerHTML: { __html: e.title }
 					})
-				}, `td-title-${n}`), (i[t.id] || []).map((r, i) => /* @__PURE__ */ b(tt, {
-					"data-colno": `${i + 1}`,
-					children: /* @__PURE__ */ b(J, { children: /* @__PURE__ */ b(c, {
-						sx: {
-							padding: "6px",
-							color: e && r === !0 || l && this.answerIsCorrect(t.id, r, i) ? s.correct() : l && this.answerIsIncorrect(t.id, r, i) ? s.incorrect() : r === !0 && !l ? s.primary() : a ? s.disabled() : s.text(),
-							cursor: a ? "not-allowed" : "pointer",
-							pointerEvents: a ? "initial" : "auto",
-							opacity: a ? .7 : 1,
-							"& input": { width: "100% !important" },
-							"&:hover": { color: a ? s.disabled() : s.primaryLight() },
-							"&.Mui-disabled": { color: `${e && r === !0 || l && this.answerIsCorrect(t.id, r, i) ? s.correct() : l && this.answerIsIncorrect(t.id, r, i) ? s.incorrect() : r === !0 && !l ? s.primary() : s.disabled()}` }
-						},
-						disabled: a,
-						onChange: this.onRowValueChange(t.id, i),
-						checked: r === !0
-					}) })
-				}, `td-${n}-${i}`))] })
-			}, `row-${n}`))
+				}, `td-title-${t}`), (r[e.id] || []).map((n, r) => {
+					let o = this.controlColor(e.id, n, r);
+					return /* @__PURE__ */ b(tt, {
+						"data-colno": `${r + 1}`,
+						children: /* @__PURE__ */ b(J, { children: /* @__PURE__ */ b(a, {
+							sx: {
+								padding: "6px",
+								color: o,
+								"&&.Mui-checked": { color: o },
+								"&&.Mui-disabled": { color: o },
+								cursor: i ? "not-allowed" : "pointer",
+								pointerEvents: i ? "initial" : "auto",
+								opacity: i ? .7 : 1,
+								"& input": { width: "100% !important" },
+								"&&:hover:not(.Mui-disabled)": { color: s.primaryLight() }
+							},
+							disabled: i,
+							onChange: this.onRowValueChange(e.id, r),
+							checked: n === !0
+						}) })
+					}, `td-${t}-${r}`);
+				})] })
+			}, `row-${t}`))
 		] }) });
 	}
 };