@pie-element/explicit-constructed-response 11.1.1-next.1 → 11.1.1-next.11

package/dist/controller/defaults.d.ts

@@ -1,25 +0,0 @@
-/**
- * @synced-from pie-elements/packages/explicit-constructed-response/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: {
-    choices: {};
-    displayType: string;
-    markup: string;
-    maxLengthPerChoiceEnabled: boolean;
-    playerSpellCheckEnabled: boolean;
-    prompt: string;
-    promptEnabled: boolean;
-    rationale: string;
-    rationaleEnabled: boolean;
-    spellCheckEnabled: boolean;
-    studentInstructionsEnabled: boolean;
-    teacherInstructions: string;
-    teacherInstructionsEnabled: boolean;
-    toolbarEditorPosition: string;
-};
-export default _default;

package/dist/controller/defaults.js

@@ -1,19 +0,0 @@
-//#region src/controller/defaults.ts
-var e = {
-	choices: {},
-	displayType: "block",
-	markup: "",
-	maxLengthPerChoiceEnabled: !0,
-	playerSpellCheckEnabled: !0,
-	prompt: "",
-	promptEnabled: !0,
-	rationale: "",
-	rationaleEnabled: !0,
-	spellCheckEnabled: !0,
-	studentInstructionsEnabled: !0,
-	teacherInstructions: "",
-	teacherInstructionsEnabled: !0,
-	toolbarEditorPosition: "bottom"
-};
-//#endregion
-export { e as default };

package/dist/controller/index.d.ts

@@ -1,64 +0,0 @@
-/**
- * @synced-from pie-elements/packages/explicit-constructed-response/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.
- */
-export declare const prepareChoice: (mode: any, defaultFeedback: any) => (choice: any) => {
-    label: any;
-    value: any;
-};
-export declare const normalize: (question: any) => any;
-/**
- *
- * @param {*} question
- * @param {*} session
- * @param {*} env
- */
-export declare function model(question: any, session: any, env: any): Promise<{
-    choices: any;
-    disabled: boolean;
-    displayType: any;
-    mode: any;
-    role: any;
-    feedback: any;
-    language: any;
-    markup: any;
-    maxLengthPerChoice: any;
-    maxLengthPerChoiceEnabled: any;
-    note: any;
-    playerSpellCheckEnabled: any;
-    prompt: any;
-    rationale: string;
-    responseCorrect: boolean | undefined;
-    showNote: boolean;
-    teacherInstructions: string;
-    responseAreaInputConfiguration: any;
-    extraCSSRules: any;
-}>;
-export declare const prepareVal: (html: any) => any;
-export declare const getScore: (config: any, session: any) => number;
-/**
-* Generates detailed trace log for scoring evaluation
-* @param {Object} model - the question model
-* @param {Object} session - the student session
-* @param {Object} env - the environment
-* @returns {Array} traceLog - array of trace messages
-*/
-export declare const getLogTrace: (model: any, session: any, env: any) => string[];
-/**
- * The score is partial by default for checkbox mode, allOrNothing for radio mode.
- * To disable partial scoring for checkbox mode you either set model.partialScoring = false or env.partialScoring =
- * false. the value in `env` will override the value in `model`.
- * @param {Object} model - the main model
- * @param {boolean} model.partialScoring - is partial scoring enabled (if undefined set to to true)
- * @param {*} session
- * @param {Object} env
- * @param {boolean} env.partialScoring - is partial scoring enabled (if undefined default to true) This overrides
- *   `model.partialScoring`.
- */
-export declare function outcome(model: any, session: any, env?: {}): Promise<unknown>;
-export declare const createCorrectResponseSession: (question: any, env: any) => Promise<unknown>;
-export declare const validate: (model?: {}, config?: {}) => {};

package/dist/controller/index.js

@@ -1,142 +0,0 @@
-import e from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/find.js";
-import t from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/map.js";
-import n from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/isEmpty.js";
-import r from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/reduce.js";
-import { require_he as i } from "../node_modules/.bun/he@1.2.0/node_modules/he/he.js";
-import a from "./defaults.js";
-import o from "@pie-lib/translator";
-import s from "debug";
-import { partialScoring as c } from "@pie-element/shared-controller-utils";
-//#region src/controller/index.ts
-var l = i(), { translator: u } = o, d = s("explicit-constructed-response:controller"), f = (e, t) => (n) => {
-	let r = {
-		label: n.label,
-		value: n.value
-	};
-	if (e === "evaluate") {
-		r.correct = !0;
-		let e = n.feedback && n.feedback.type || "none";
-		e === "default" ? r.feedback = t.correct : e === "custom" && (r.feedback = n.feedback.value);
-	}
-	return r;
-}, p = (e) => e ? "correct" : "incorrect", m = (e) => Math.abs(e) === Infinity ? 2 : e <= 2 ? e + 2 : e <= 4 ? e + 3 : e <= 6 ? e + 4 : e + 5, h = (e) => e ? e.replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, "\"").replace(/&#x27;|&#39;/g, "'").replace(/&amp;/g, "&") : "", g = (e) => ({
-	...a,
-	...e
-});
-async function _(i, o, s) {
-	i.choices && Object.keys(i.choices).forEach((e) => {
-		i.choices[e] = (i.choices[e] || []).map((e, t) => e.value ? e : (d("Choice does not contain \"value\" property, which is required.", e), {
-			value: `${t}`,
-			...e
-		}));
-	});
-	let c = g(i), l = Object.assign({
-		correct: "Correct",
-		incorrect: "Incorrect"
-	}, c.defaultFeedback), _ = f(s.mode, l), b = r(c.choices, (e, n, r) => (e[r] = t(n, _), e), {}), { value: x = {} } = o || {}, S = s.mode === "evaluate" ? r(c.choices, (t, r, i) => {
-		let a = x && x[i];
-		return t[i] = p(!n(a) && e(r, (e) => v(e.label) === v(a))), t;
-	}, {}) : {}, C = Object.values(b).some((e) => e?.length > 1), w = c.note || u.t("common:commonCorrectAnswerWithAlternates", { lng: c.language }), { maxLengthPerChoice: T = [], maxLengthPerChoiceEnabled: E } = c, D = !T.length;
-	Object.values(b).forEach((e, t) => {
-		let n = (e || []).map((e) => h(e.label || "").length), r = Math.max(...n);
-		(D || !T[t] || T[t] < r || T[t] > r + 10) && (T[t] = m(r));
-	});
-	let O = {
-		choices: b,
-		disabled: s.mode !== "gather",
-		displayType: c.displayType,
-		mode: s.mode,
-		role: s.role,
-		feedback: S,
-		language: c.language,
-		markup: c.markup,
-		maxLengthPerChoice: T,
-		maxLengthPerChoiceEnabled: E,
-		note: w,
-		playerSpellCheckEnabled: c.playerSpellCheckEnabled,
-		prompt: c.promptEnabled ? c.prompt : a.prompt,
-		rationale: a.rationale,
-		responseCorrect: s.mode === "evaluate" ? y(c, o) === 1 : void 0,
-		showNote: C,
-		teacherInstructions: a.teacherInstructions,
-		responseAreaInputConfiguration: c.responseAreaInputConfiguration,
-		extraCSSRules: c.extraCSSRules
-	};
-	return s.role === "instructor" && (s.mode === "view" || s.mode === "evaluate") && (O.rationale = c.rationaleEnabled ? c.rationale : a.rationale, O.teacherInstructions = c.teacherInstructionsEnabled ? c.teacherInstructions : a.teacherInstructions), O;
-}
-var v = (e) => w(C(e).trim()), y = (t, i) => {
-	let { value: a } = i || {};
-	if (!i || n(i) || !a) return 0;
-	let o = t.markup && t.markup.match(/\{\{(.+?)\}\}/g), s = o ? o.length : 0, c = r(t.choices, (t, r, i) => {
-		let o = a && a[i];
-		return n(o) || !e(r, (e) => v(e.label) === v(o)) ? t : t + 1;
-	}, 0), l = s ? (c / s).toFixed(2) : 0;
-	return parseFloat(l);
-}, b = (e, t, r) => {
-	let i = [], { value: a } = t || {}, { choices: o, markup: s } = e || {}, l = s ? s.match(/\{\{(.+?)\}\}/g) : [], u = l ? l.length : 0;
-	if (i.push(`${u} response area(s) defined in this question.`), a && Object.keys(a).length > 0) {
-		let e = Object.entries(a).filter(([e, t]) => t && t.trim()).length;
-		i.push(`Student filled ${e} out of ${u} response area(s).`), Object.keys(o || {}).forEach((e) => {
-			let t = a && a[e] || "", r = o[e] || [], s = !n(t.trim()) && r.some((e) => v(e.label) === v(t));
-			t.trim() ? i.push(`Response area ${parseInt(e) + 1}: ${s ? "CORRECT" : "INCORRECT"}.`) : i.push(`Response area ${parseInt(e) + 1}: left empty.`);
-		});
-	} else i.push("Student did not fill any response areas.");
-	if (Object.values(o || {}).some((e) => e.length > 1) && i.push("Alternate answers are accepted for some response areas."), c.enabled(e, r)) {
-		if (i.push("Score calculated using partial scoring."), i.push("Student receives credit for each correctly filled response area."), a && Object.keys(a).length > 0) {
-			let e = 0;
-			Object.keys(o || {}).forEach((t) => {
-				let r = a && a[t] || "", i = o[t] || [];
-				!n(r.trim()) && i.some((e) => v(e.label) === v(r)) && e++;
-			}), i.push(`Partial scoring: ${e} correct out of ${u} response areas.`);
-		}
-	} else i.push("Score calculated using all-or-nothing scoring."), i.push("Student must fill all response areas correctly to receive full credit.");
-	let d = y(e, t);
-	return i.push(`Score: ${d}.`), i;
-};
-function x(e, t, r = {}) {
-	return new Promise((i) => {
-		if (!t || n(t)) i({
-			score: 0,
-			empty: !0,
-			traceLog: ["Student did not fill any response areas. Score: 0."]
-		});
-		else {
-			let n = b(e, t, r), a = c.enabled(e, r), o = y(e, t);
-			i({
-				score: a ? o : +(o === 1),
-				empty: !1,
-				traceLog: n
-			});
-		}
-	});
-}
-var S = (e, t) => new Promise((n) => {
-	if (t.mode !== "evaluate" && t.role === "instructor") {
-		let { choices: t } = e, r = {};
-		Object.keys(t).forEach((e, n) => {
-			r[n] = t[e][0].label;
-		}), n({
-			id: "1",
-			value: r
-		});
-	} else n(null);
-}), C = (e) => typeof e == "string" ? typeof e.replaceAll == "function" ? e.replaceAll(/<[^>]*>/g, "") : e.replace(/<[^>]*>/g, "") : "", w = (e) => (0, l.decode)(e), T = (e) => (e || "").replace(/(<(?!img|iframe|source)([^>]+)>)/gi, ""), E = (e = {}, t = {}) => {
-	let { choices: r, markup: i } = e, { maxResponseAreas: a } = t, o = {}, s = {};
-	[
-		"teacherInstructions",
-		"prompt",
-		"rationale"
-	].forEach((n) => {
-		t[n]?.required && !T(e[n]) && (s[n] = "This field is required.");
-	}), Object.entries(r || {}).forEach(([e, t]) => {
-		let r = [...t || []].reverse(), i = {};
-		r.forEach((e, t) => {
-			let { value: n, label: a } = e;
-			a === "" || a === "<div></div>" ? i[n] = "Content should not be empty." : r.slice(t + 1).some((e) => e.label === a) && (i[n] = "Content should be unique.");
-		}), n(i) || (o[e] = i);
-	});
-	let c = (i.match(/\{\{(\d+)\}\}/g) || []).length;
-	return c > a ? s.responseAreas = `No more than ${a} response areas should be defined.` : c < 1 && (s.responseAreas = "There should be at least 1 response area defined."), n(o) || (s.choices = o), s;
-};
-//#endregion
-export { S as createCorrectResponseSession, b as getLogTrace, y as getScore, _ as model, g as normalize, x as outcome, f as prepareChoice, v as prepareVal, E as validate };

package/dist/delivery/index.d.ts

@@ -1,20 +0,0 @@
-/**
- * @synced-from pie-elements/packages/explicit-constructed-response/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.
- */
-export default class InlineDropdown extends HTMLElement {
-    constructor();
-    setLangAttribute(): void;
-    set model(m: any);
-    set session(s: any);
-    get session(): any;
-    _render: any;
-    dispatchChangedEvent: any;
-    changeSession: any;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-}

package/dist/delivery/index.js

@@ -1,66 +0,0 @@
-import e from "./main.js";
-import t from "react";
-import { createRoot as n } from "react-dom/client";
-import { ModelSetEvent as r, SessionChangedEvent as i } from "@pie-element/shared-player-events";
-import { renderMath as a } from "@pie-element/shared-math-rendering-mathjax";
-//#region src/delivery/index.ts
-var o = class extends HTMLElement {
-	constructor() {
-		super(), this._model = null, this._session = null, this._root = null;
-	}
-	setLangAttribute() {
-		let e = this._model && typeof this._model.language ? this._model.language : "", t = e ? e.slice(0, 2) : "en";
-		this.setAttribute("lang", t);
-	}
-	set model(e) {
-		this._model = e, this.dispatchEvent(new r(this.tagName.toLowerCase(), this.session && !!this.session.value, !!this._model)), this.setLangAttribute(), this._render();
-	}
-	set session(e) {
-		this._session = e, this._render();
-	}
-	get session() {
-		return this._session;
-	}
-	_render = () => {
-		if (this._model && this._session) {
-			let r = t.createElement(e, {
-				choices: this._model.choices,
-				disabled: this._model.disabled,
-				displayType: this._model.displayType,
-				feedback: this._model.feedback,
-				language: this._model.language,
-				markup: this._model.markup,
-				maxLengthPerChoice: this._model.maxLengthPerChoice,
-				maxLengthPerChoiceEnabled: this._model.maxLengthPerChoiceEnabled,
-				mode: this._model.mode,
-				note: this._model.note,
-				onChange: this.changeSession,
-				playerSpellCheckEnabled: this._model.playerSpellCheckEnabled,
-				prompt: this._model.prompt,
-				rationale: this._model.rationale,
-				role: this._model.role,
-				showNote: this._model.showNote,
-				teacherInstructions: this._model.teacherInstructions,
-				value: this._session.value,
-				responseAreaInputConfiguration: this._model.responseAreaInputConfiguration
-			});
-			this._root ||= n(this), this._root.render(r), queueMicrotask(() => {
-				a(this);
-			});
-		}
-	};
-	dispatchChangedEvent = () => {
-		this.dispatchEvent(new i(this.tagName.toLowerCase(), this.session && !!this.session.value));
-	};
-	changeSession = (e) => {
-		this.session.value = e, this.dispatchChangedEvent(), this._render();
-	};
-	connectedCallback() {
-		this.setAttribute("aria-label", "Fill in the Blank Question"), this.setAttribute("role", "region"), this._render();
-	}
-	disconnectedCallback() {
-		this._root && this._root.unmount();
-	}
-};
-//#endregion
-export { o as default };

package/dist/delivery/main.d.ts

@@ -1,48 +0,0 @@
-/**
- * @synced-from pie-elements/packages/explicit-constructed-response/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: {
-        alwaysShowCorrect: PropTypes.Requireable<boolean>;
-        animationsDisabled: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        displayType: PropTypes.Requireable<string>;
-        feedback: PropTypes.Requireable<object>;
-        language: PropTypes.Requireable<string>;
-        markup: PropTypes.Requireable<string>;
-        maxLengthPerChoice: PropTypes.Requireable<any[]>;
-        maxLengthPerChoiceEnabled: PropTypes.Requireable<boolean>;
-        mode: PropTypes.Requireable<string>;
-        note: PropTypes.Requireable<string>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        playerSpellCheckEnabled: PropTypes.Requireable<boolean>;
-        prompt: PropTypes.Requireable<string>;
-        rationale: PropTypes.Requireable<string>;
-        role: PropTypes.Requireable<string>;
-        showNote: PropTypes.Requireable<boolean>;
-        teacherInstructions: PropTypes.Requireable<string>;
-        value: PropTypes.Requireable<object>;
-        responseAreaInputConfiguration: PropTypes.Requireable<object>;
-        model: PropTypes.Validator<object>;
-    };
-    static defaultProps: {
-        value: {};
-    };
-    state: {
-        showCorrectAnswer: any;
-    };
-    getChangeSession: (maxLengthPerChoice: any) => any;
-    UNSAFE_componentWillReceiveProps(nextProps: any): void;
-    toggleShowCorrect: any;
-    changeSession: any;
-    onChange: any;
-    render(): React.JSX.Element;
-}
-export default Main;

package/dist/delivery/main.js

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