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

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

@@ -23,6 +23,7 @@ export declare class AnswerGrid extends React.Component {
     onRowValueChange: (rowId: any, answerIndex: any) => (event: any) => void;
     answerIsCorrect: any;
     answerIsIncorrect: any;
+    controlColor: any;
     render(): React.JSX.Element;
 }
 export default AnswerGrid;

package/dist/delivery/answer-grid.js

@@ -50,14 +50,18 @@ var l = c("div")(({ theme: e }) => ({
 		let { correctAnswers: r } = this.props;
 		return r[e][n] === !0 && t === !1 || r[e][n] === !1 && t === !0;
 	};
+	controlColor = (e, t, r) => {
+		let { showCorrect: i, disabled: a, view: o } = this.props, s = a && !o;
+		return i && t === !0 || s && this.answerIsCorrect(e, t, r) ? n.correct() : s && this.answerIsIncorrect(e, t, r) ? n.incorrect() : t === !0 && !s ? n.primary() : a ? n.disabled() : n.text();
+	};
 	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, {
+		let { headers: e, rows: t, choiceMode: s, answers: c, disabled: g } = this.props, _ = s === "radio" ? a : o;
+		return !t || t.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, {
+			/* @__PURE__ */ r("colgroup", { children: (e || []).map((e, t) => /* @__PURE__ */ r("col", {}, `col-${t}`)) }),
+			/* @__PURE__ */ r("thead", { children: /* @__PURE__ */ r("tr", { children: (e || []).map((e, t) => /* @__PURE__ */ r(f, {
 				"data-colno": `${t}`,
 				scope: "row",
 				children: /* @__PURE__ */ r(p, {
@@ -65,33 +69,37 @@ var l = c("div")(({ theme: e }) => ({
 					dangerouslySetInnerHTML: { __html: e }
 				})
 			}, `th-${t}`)) }) }),
-			(s || []).map((t, a) => /* @__PURE__ */ r("tbody", {
+			(t || []).map((e, t) => /* @__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 }
+						dangerouslySetInnerHTML: { __html: e.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}`))
+				}, `td-title-${t}`), (c[e.id] || []).map((i, a) => {
+					let o = this.controlColor(e.id, i, a);
+					return /* @__PURE__ */ r(u, {
+						"data-colno": `${a + 1}`,
+						children: /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r(_, {
+							sx: {
+								padding: "6px",
+								color: o,
+								"&&.Mui-checked": { color: o },
+								"&&.Mui-disabled": { color: o },
+								cursor: g ? "not-allowed" : "pointer",
+								pointerEvents: g ? "initial" : "auto",
+								opacity: g ? .7 : 1,
+								"& input": { width: "100% !important" },
+								"&&:hover:not(.Mui-disabled)": { color: n.primaryLight() }
+							},
+							disabled: g,
+							onChange: this.onRowValueChange(e.id, a),
+							checked: i === !0
+						}) })
+					}, `td-${t}-${a}`);
+				})] })
+			}, `row-${t}`))
 		] }) });
 	}
 };