@pie-element/match 12.1.0-next.19 → 12.1.1-next.0

package/dist/delivery/main.d.ts

@@ -0,0 +1,26 @@
+/**
+ * @synced-from pie-elements/packages/match/src/main.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 Main extends React.Component {
+    static propTypes: {
+        session: PropTypes.Validator<object>;
+        onSessionChange: PropTypes.Requireable<(...args: any[]) => any>;
+        model: PropTypes.Validator<object>;
+    };
+    constructor(props: any);
+    generateAnswers: any;
+    isAnswerRegenerationRequired: any;
+    UNSAFE_componentWillReceiveProps(nextProps: any): void;
+    callOnSessionChange: any;
+    toggleShowCorrect: any;
+    onAnswerChange: any;
+    render(): React.JSX.Element;
+}
+export default Main;

package/dist/delivery/main.js

@@ -0,0 +1,112 @@
+import e from "./answer-grid.js";
+import t from "react";
+import n from "prop-types";
+import r from "@pie-lib/correct-answer-toggle";
+import * as i from "@pie-lib/render-ui";
+import { Collapsible as a, Feedback as o, PreviewPrompt as s, UiLayout as c, hasMedia as l, hasText as u } from "@pie-lib/render-ui";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { styled as p } from "@mui/material/styles";
+//#region src/delivery/main.tsx
+function m(e) {
+	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
+}
+function h(e, t) {
+	return !e || m(e) ? e : m(e.default) ? e.default : t && m(e[t]) ? e[t] : t && m(e[t]?.default) ? e[t].default : e;
+}
+var g = h(c, "UiLayout") || h(S.UiLayout, "UiLayout"), _ = h(s, "PreviewPrompt") || h(S.PreviewPrompt, "PreviewPrompt"), v = h(o, "Feedback") || h(S.Feedback, "Feedback"), y = h(a, "Collapsible") || h(S.Collapsible, "Collapsible"), b = i, x = b.default, S = x && typeof x == "object" ? x : b, C = p("div")({ verticalAlign: "middle" }), w = p(y)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), T = class extends t.Component {
+	static propTypes = {
+		session: n.object.isRequired,
+		onSessionChange: n.func,
+		model: n.object.isRequired
+	};
+	constructor(e) {
+		super(e), this.state = {
+			session: {
+				...e.session,
+				answers: e.session && e.session.answers || this.generateAnswers(e.model)
+			},
+			showCorrect: !1
+		}, this.callOnSessionChange();
+	}
+	generateAnswers = (e) => {
+		let t = {};
+		return e.rows?.forEach((n) => {
+			t[n.id] = Array(e.layout - 1).fill(!1);
+		}), t;
+	};
+	isAnswerRegenerationRequired = (e) => {
+		let { model: { choiceMode: t, layout: n, rows: r } = {} } = this.props, { session: { answers: i } = {} } = e, a = !1;
+		return t !== e.model.choiceMode && (a = !0), n !== e.model.layout && (a = !0), (r.length !== e.model.rows.length || i && e.model.rows.length !== Object.keys(i).length) && (a = !0), a || !i;
+	};
+	UNSAFE_componentWillReceiveProps(e) {
+		let t = this.isAnswerRegenerationRequired(e);
+		this.setState((n) => ({
+			session: {
+				...e.session,
+				answers: t ? this.generateAnswers(e.model) : e.session.answers
+			},
+			showCorrect: this.props.model.disabled && !e.model.disabled && n.showCorrect ? !1 : n.showCorrect
+		}), () => {
+			t && this.callOnSessionChange();
+		});
+	}
+	callOnSessionChange = () => {
+		let { onSessionChange: e } = this.props;
+		e && e(this.state.session);
+	};
+	toggleShowCorrect = (e) => {
+		this.setState({ showCorrect: e });
+	};
+	onAnswerChange = (e) => {
+		this.setState((t) => ({ session: {
+			...t.session,
+			answers: e
+		} }), this.callOnSessionChange);
+	};
+	render() {
+		let { model: t } = this.props, { showCorrect: n, session: i } = this.state, { correctness: a = {}, extraCSSRules: o, language: s } = t, c = a.correctness && a.correctness !== "correct", p = t.rationale && (u(t.rationale) || l(t.rationale));
+		return /* @__PURE__ */ f(g, {
+			extraCSSRules: o,
+			children: [
+				t.teacherInstructions && (u(t.teacherInstructions) || l(t.teacherInstructions)) && /* @__PURE__ */ d(w, {
+					labels: {
+						hidden: "Show Teacher Instructions",
+						visible: "Hide Teacher Instructions"
+					},
+					children: /* @__PURE__ */ d(_, { prompt: t.teacherInstructions })
+				}),
+				t.prompt && /* @__PURE__ */ d(C, { children: /* @__PURE__ */ d(_, { prompt: t.prompt }) }),
+				/* @__PURE__ */ d(r, {
+					language: s,
+					show: c,
+					toggled: n,
+					onToggle: this.toggleShowCorrect
+				}),
+				/* @__PURE__ */ d(e, {
+					showCorrect: n,
+					correctAnswers: t.correctResponse,
+					disabled: t.disabled,
+					view: t.view,
+					onAnswerChange: this.onAnswerChange,
+					choiceMode: t.choiceMode,
+					answers: n ? t.correctResponse || {} : i.answers,
+					headers: t.headers,
+					rows: t.rows
+				}),
+				p && /* @__PURE__ */ d(y, {
+					labels: {
+						hidden: "Show Rationale",
+						visible: "Hide Rationale"
+					},
+					children: /* @__PURE__ */ d(_, { prompt: t.rationale })
+				}),
+				t.feedback && /* @__PURE__ */ d(v, {
+					correctness: a.correctness,
+					feedback: t.feedback
+				})
+			]
+		});
+	}
+};
+//#endregion
+export { T as default };

package/dist/index.d.ts

@@ -0,0 +1 @@
+export { default } from './delivery/index.js';

package/dist/index.iife.d.ts

@@ -0,0 +1,8 @@
+/**
+ * IIFE entry point for match element
+ * This file is only used for IIFE builds and includes auto-registration
+ *
+ * @sync-generated - Auto-generated during sync from pie-elements
+ */
+import Element from './index.js';
+export default Element;