@pie-element/explicit-constructed-response 11.4.0-beta.7 → 12.0.0-next.20261002094057

package/dist/delivery/main.js

@@ -0,0 +1,113 @@
+import e from "react";
+import t from "prop-types";
+import { isEmpty as n } from "@pie-element/shared-lodash";
+import r from "@pie-lib/correct-answer-toggle";
+import { ConstructedResponse as i } from "@pie-lib/mask-markup";
+import * as a from "@pie-lib/render-ui";
+import { Collapsible as o, PreviewPrompt as s, UiLayout as c, color as l, hasMedia as u, hasText as d } from "@pie-lib/render-ui";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { styled as m } from "@mui/material/styles";
+import h from "@pie-lib/translator";
+//#region src/delivery/main.tsx
+function g(e) {
+	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
+}
+function _(e, t) {
+	return !e || g(e) ? e : g(e.default) ? e.default : t && g(e[t]) ? e[t] : t && g(e[t]?.default) ? e[t].default : e;
+}
+var v = _(c, "UiLayout") || _(C.UiLayout, "UiLayout"), y = _(s, "PreviewPrompt") || _(C.PreviewPrompt, "PreviewPrompt"), b = _(o, "Collapsible") || _(C.Collapsible, "Collapsible"), x = a, S = x.default, C = S && typeof S == "object" ? S : x, { translator: w } = h, T = m(v)(({ alwaysShowCorrect: e }) => ({
+	color: l.text(),
+	backgroundColor: l.background(),
+	...e && { "& *": { borderColor: `${l.text()} !important` } }
+})), E = m("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), D = m("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), O = m("h2")({
+	position: "absolute",
+	left: "-10000px",
+	top: "auto",
+	width: "1px",
+	height: "1px",
+	overflow: "hidden"
+}), k = class extends e.Component {
+	static propTypes = {
+		alwaysShowCorrect: t.bool,
+		animationsDisabled: t.bool,
+		disabled: t.bool,
+		displayType: t.string,
+		feedback: t.object,
+		language: t.string,
+		markup: t.string,
+		maxLengthPerChoice: t.array,
+		maxLengthPerChoiceEnabled: t.bool,
+		mode: t.string,
+		note: t.string,
+		onChange: t.func,
+		playerSpellCheckEnabled: t.bool,
+		prompt: t.string,
+		rationale: t.string,
+		role: t.string,
+		showNote: t.bool,
+		teacherInstructions: t.string,
+		value: t.object,
+		responseAreaInputConfiguration: t.object,
+		model: t.object.isRequired
+	};
+	static defaultProps = { value: {} };
+	state = { showCorrectAnswer: this.props.alwaysShowCorrect || !1 };
+	UNSAFE_componentWillReceiveProps(e) {
+		let { language: t } = this.props, { note: r } = this.props;
+		n(e.feedback) && this.setState({ showCorrectAnswer: !1 }), e.alwaysShowCorrect && this.setState({ showCorrectAnswer: !0 }), r && t && t !== e.language && r === w.t("common:commonCorrectAnswerWithAlternates", { lng: t }) && (r = w.t("common:commonCorrectAnswerWithAlternates", { lng: e.language }));
+	}
+	toggleShowCorrect = () => {
+		this.setState({ showCorrectAnswer: !this.state.showCorrectAnswer });
+	};
+	onChange = (e) => {
+		this.props.onChange(e);
+	};
+	render() {
+		let { showCorrectAnswer: e } = this.state, { alwaysShowCorrect: t, animationsDisabled: n, mode: a, displayType: o, role: s, language: c, maxLengthPerChoice: l, maxLengthPerChoiceEnabled: m, note: h, playerSpellCheckEnabled: g, prompt: _, rationale: v, showNote: x, teacherInstructions: S, responseAreaInputConfiguration: C, model: w, value: k } = this.props, { extraCSSRules: A } = w || {}, j = (e || a === "view" && s === "instructor") && x && h, M = /* @__PURE__ */ f(y, {
+			defaultClassName: "teacher-instructions",
+			prompt: S
+		}), N = /* @__PURE__ */ f(y, { prompt: v }), P = v && (d(v) || u(v)), F = S && (d(S) || u(S));
+		return /* @__PURE__ */ p(T, {
+			extraCSSRules: A,
+			alwaysShowCorrect: t,
+			style: { display: `${o}` },
+			children: [
+				a === "gather" && /* @__PURE__ */ f(O, { children: "Fill in the Blank Question" }),
+				F && /* @__PURE__ */ f(D, { children: n ? M : /* @__PURE__ */ f(b, {
+					labels: {
+						hidden: "Show Teacher Instructions",
+						visible: "Hide Teacher Instructions"
+					},
+					children: M
+				}) }),
+				_ && /* @__PURE__ */ f(y, { prompt: _ }),
+				!t && a === "evaluate" && /* @__PURE__ */ f(r, {
+					show: !0,
+					toggled: e,
+					onToggle: this.toggleShowCorrect,
+					language: c
+				}),
+				/* @__PURE__ */ f(i, {
+					...this.props,
+					onChange: this.onChange,
+					showCorrectAnswer: e,
+					value: k,
+					maxLength: l,
+					adjustedLimit: m,
+					spellCheck: g,
+					pluginProps: C
+				}),
+				j && /* @__PURE__ */ f(E, { dangerouslySetInnerHTML: { __html: h } }),
+				P && /* @__PURE__ */ f(D, { children: n ? N : /* @__PURE__ */ f(b, {
+					labels: {
+						hidden: "Show Rationale",
+						visible: "Hide Rationale"
+					},
+					children: N
+				}) })
+			]
+		});
+	}
+};
+//#endregion
+export { k as Main, k as default };