@pie-element/select-text 13.1.1-next.11 → 13.1.2-next.0

package/dist/controller/defaults.d.ts

@@ -0,0 +1,27 @@
+/**
+ * @synced-from pie-elements/packages/select-text/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: {
+    feedbackEnabled: boolean;
+    highlightChoices: boolean;
+    maxSelections: number;
+    mode: string;
+    partialScoring: boolean;
+    prompt: string;
+    promptEnabled: boolean;
+    rationale: string;
+    rationaleEnabled: boolean;
+    scoringType: string;
+    studentInstructionsEnabled: boolean;
+    teacherInstructions: string;
+    teacherInstructionsEnabled: boolean;
+    text: string;
+    tokens: never[];
+    toolbarEditorPosition: string;
+};
+export default _default;

package/dist/controller/defaults.js

@@ -0,0 +1,21 @@
+//#region src/controller/defaults.ts
+var e = {
+	feedbackEnabled: !1,
+	highlightChoices: !1,
+	maxSelections: 0,
+	mode: "sentence",
+	partialScoring: !1,
+	prompt: "",
+	promptEnabled: !0,
+	rationale: "",
+	rationaleEnabled: !0,
+	scoringType: "auto",
+	studentInstructionsEnabled: !0,
+	teacherInstructions: "",
+	teacherInstructionsEnabled: !0,
+	text: "",
+	tokens: [],
+	toolbarEditorPosition: "bottom"
+};
+//#endregion
+export { e as default };

package/dist/controller/index.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @synced-from pie-elements/packages/select-text/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 getCorrectness: (tokens: any, selected: any) => "unknown" | "correct" | "partially-correct" | "incorrect";
+export declare const getPartialScore: (question: any, session: any, totalCorrect: any) => number;
+/**
+ * Generates detailed trace log for select-text scoring evaluation
+ * @param {Object} question - the question model
+ * @param {Object} session - the student session
+ * @param {Object} env - the environment
+ * @returns {Array<string>} traceLog
+ */
+export declare const getLogTrace: (question: any, session: any, env: any) => string[];
+export declare const outcome: (question: any, session: any, env: any) => Promise<unknown>;
+export declare function createDefaultModel(model?: {}): Promise<unknown>;
+export declare const normalizeSession: (session: any) => any;
+export declare const normalize: (question: any) => any;
+export declare const model: (question: any, session: any, env: any) => Promise<unknown>;
+export declare const createCorrectResponseSession: (question: any, env: any) => Promise<unknown>;
+export declare const validate: (model?: {}, config?: {}) => {};

package/dist/controller/index.js

@@ -0,0 +1,121 @@
+import e from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/isEmpty.js";
+import t from "./defaults.js";
+import n from "debug";
+import { getFeedbackForCorrectness as r } from "@pie-element/shared-feedback";
+import { partialScoring as i } from "@pie-element/shared-controller-utils";
+//#region src/controller/index.ts
+var a = n("@pie-element:select-text:controller"), o = (e = {}, t = {}) => e?.start === t?.start && e?.end === t?.end || e?.start === t?.oldStart && e?.end === t?.oldEnd, s = (e = [], t = [], n = !1) => (e || []).map((e) => {
+	let r = !!e.correct, i = r && !(t || []).find((t) => o(e, t));
+	return {
+		...e,
+		correct: n ? r : void 0,
+		isMissing: n ? i : void 0
+	};
+}), c = (e, t) => {
+	let n = e.filter((e) => e.correct === !0);
+	if (n.length === 0) return "unknown";
+	let r = l(e, t);
+	if (r.length === t.length) {
+		if (r.length === n.length) return "correct";
+		if (r.length > 0) return "partially-correct";
+	}
+	return r.length > 0 ? "partially-correct" : "incorrect";
+}, l = (e, t) => (t || []).filter((t) => e.findIndex((e) => e.correct && o(e, t)) !== -1), u = (t, n, r) => {
+	if (!n || e(n)) return 0;
+	let i = l(t.tokens, n.selectedTokens).length, a = (t.tokens || []).filter((e) => e.correct === !0), o = i - (n.selectedTokens && n.selectedTokens.length > a.length ? n.selectedTokens && n.selectedTokens.length - i : 0), s = o < 0 ? 0 : o;
+	return r.length ? parseFloat((s / r.length).toFixed(2)) : 0;
+}, d = (e, t, n) => {
+	let r = [], a = t?.selectedTokens || [], s = e?.tokens || [];
+	if (a.length === 0) return r.push("Student did not select any token."), r;
+	r.push(`Student selected ${a.length} token(s).`);
+	let c = 0, l = 0, d = 0;
+	for (let e = 0; e < s.length; e++) {
+		let t = s[e];
+		t.correct && (c++, a.some((e) => o(t, e)) ? l++ : d++);
+	}
+	let f = a.length - l;
+	l > 0 && r.push(`${l} correct token(s) selected.`), f > 0 && r.push(`${f} incorrect token(s) selected.`), d > 0 && r.push(`${d} required correct token(s) were not selected.`);
+	let p = i.enabled(e, n, !0);
+	p ? (r.push("Score calculated using partial scoring."), r.push("Score is based on the number of correct minus incorrect selections, divided by the total number of correct tokens."), f > 0 && a.length > c && r.push("Extra selected tokens beyond the correct set reduce the score.")) : (r.push("Score calculated using all-or-nothing scoring."), r.push("Student must select all correct tokens and no incorrect tokens to receive full credit."));
+	let m = u(e, t, s.filter((e) => e.correct)), h = p ? m : +(m === 1);
+	return r.push(`Final score: ${h}.`), r;
+}, f = (t, n, r) => new Promise((a) => {
+	if ((!n || e(n)) && a({
+		score: 0,
+		empty: !0,
+		logTrace: ["Student did not select any token."]
+	}), n = m(n), r.mode !== "evaluate") a({
+		score: void 0,
+		completed: void 0,
+		logTrace: []
+	});
+	else {
+		let e = i.enabled(t, r, !0), o = t.tokens.filter((e) => e.correct), s = u(t, n, o);
+		a({
+			score: e ? s : +(s === 1),
+			logTrace: d(t, n, r)
+		});
+	}
+});
+function p(e = {}) {
+	return new Promise((n) => {
+		n({
+			...t,
+			...e
+		});
+	});
+}
+var m = (e) => ({
+	selectedTokens: [],
+	...e
+}), h = (e) => ({
+	...t,
+	...e
+}), g = (e, t, n) => {
+	t ||= { selectedToken: [] }, t.selectedTokens = t.selectedTokens || [];
+	let i = h(e);
+	return new Promise((e) => {
+		a("[model]", "normalizedQuestion: ", i), a("[model]", "session: ", t);
+		let o = s(i.tokens, t.selectedTokens, n.mode === "evaluate");
+		a("[model] tokens:", o);
+		let l = n.mode === "evaluate" ? c(i.tokens, t.selectedTokens) : void 0;
+		(n.mode === "evaluate" && i.feedbackEnabled ? r(l, i.feedback) : Promise.resolve(void 0)).then((t) => {
+			let r = {
+				tokens: o,
+				highlightChoices: i.highlightChoices,
+				prompt: i.promptEnabled ? i.prompt : null,
+				text: i.text,
+				disabled: n.mode !== "gather",
+				maxSelections: i.maxSelections,
+				correctness: l,
+				env: n,
+				feedback: t,
+				incorrect: n.mode === "evaluate" ? l !== "correct" : void 0,
+				language: i.language,
+				extraCSSRules: i.extraCSSRules
+			};
+			n.role === "instructor" && (n.mode === "view" || n.mode === "evaluate") ? (r.rationale = i.rationaleEnabled ? i.rationale : null, r.teacherInstructions = i.teacherInstructionsEnabled ? i.teacherInstructions : null) : (r.rationale = null, r.teacherInstructions = null), e(r);
+		});
+	});
+}, _ = (e, t) => new Promise((n) => {
+	if (t.mode !== "evaluate" && t.role === "instructor") {
+		let { tokens: t } = e;
+		n({
+			id: "1",
+			selectedTokens: t.filter((e) => e.correct)
+		});
+	} else n(null);
+}), v = (e) => (e || "").replace(/(<(?!img|iframe|source)([^>]+)>)/gi, ""), y = (e = {}, t = {}) => {
+	let { tokens: n } = e, { minTokens: r = 2, maxTokens: i, maxSelections: a } = t, o = {}, s = (n || []).length;
+	[
+		"teacherInstructions",
+		"prompt",
+		"rationale"
+	].forEach((n) => {
+		t[n]?.required && !v(e[n]) && (o[n] = "This field is required.");
+	});
+	let c = (n || []).reduce((e, t) => t.correct ? e + 1 : e, 0);
+	return s < r ? o.tokensError = `There should be at least ${r} tokens defined.` : s > i && (o.tokensError = `No more than ${i} tokens should be defined.`), c < 1 ? o.selectionsError = "There should be at least 1 token selected." : c > a && (o.selectionsError = `No more than ${a} tokens should be selected.`), o;
+};
+//#endregion
+export { _ as createCorrectResponseSession, p as createDefaultModel, c as getCorrectness, d as getLogTrace, u as getPartialScore, g as model, h as normalize, m as normalizeSession, f as outcome, y as validate };

package/dist/delivery/index.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @synced-from pie-elements/packages/select-text/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 SelectText extends HTMLElement {
+    constructor();
+    set model(m: any);
+    set session(s: any);
+    get session(): any;
+    isSessionComplete(): boolean;
+    selectionChanged(selection: any): void;
+    connectedCallback(): void;
+    render(): void;
+    disconnectedCallback(): void;
+}

package/dist/delivery/index.js

@@ -0,0 +1,60 @@
+import e from "./utils.js";
+import t from "./main.js";
+import n from "react";
+import { createRoot as r } from "react-dom/client";
+import { ModelSetEvent as i, SessionChangedEvent as a } from "@pie-element/shared-player-events";
+import { renderMath as o } from "@pie-element/shared-math-rendering-mathjax";
+//#region src/delivery/index.ts
+var s = class extends HTMLElement {
+	constructor() {
+		super(), this._root = null;
+	}
+	set model(e) {
+		this._model = e, this.render(), this.dispatchEvent(new i(this.tagName.toLowerCase(), this.isSessionComplete(), this._model !== void 0));
+	}
+	set session(t) {
+		if (this._session = t, this._model) {
+			let { tokens: n } = e(this._model) || {}, { selectedTokens: r } = t || {};
+			r ||= [];
+			let i = (e) => n.find(({ start: t, end: n }) => e.start === t && e.end === n);
+			if (!r.reduce((e, t) => e && i(t), !0)) {
+				let { tokens: t } = e({
+					...this._model,
+					tokens: r
+				}) || {};
+				t && (this._session.selectedTokens = t);
+			}
+		}
+		Array.isArray(this._session.selectedTokens) || (this._session.selectedTokens = []), this.render();
+	}
+	get session() {
+		return this._session;
+	}
+	isSessionComplete() {
+		let { selectedTokens: e } = this._session || {};
+		return Array.isArray(e) && e.length > 0;
+	}
+	selectionChanged(e) {
+		this._session.selectedTokens = e, this.dispatchEvent(new a(this.tagName.toLowerCase(), this.isSessionComplete()));
+	}
+	connectedCallback() {
+		this.render();
+	}
+	render() {
+		if (this._model && this._session) {
+			let e = n.createElement(t, {
+				model: this._model,
+				session: this._session,
+				onSelectionChange: this.selectionChanged.bind(this)
+			});
+			this._root ||= r(this), this._root.render(e), queueMicrotask(() => {
+				o(this);
+			});
+		}
+	}
+	disconnectedCallback() {
+		this._root && this._root.unmount();
+	}
+};
+//#endregion
+export { s as default };

package/dist/delivery/main.d.ts

@@ -0,0 +1,34 @@
+/**
+ * @synced-from pie-elements/packages/select-text/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: {
+        model: PropTypes.Requireable<object>;
+        session: PropTypes.Requireable<object>;
+        onSelectionChange: PropTypes.Validator<(...args: any[]) => any>;
+    };
+    static defaultProps: {};
+    constructor(props: any);
+    UNSAFE_componentWillReceiveProps(nextProps: any): void;
+    toggleShowCorrect: any;
+    correctAnswer: any;
+    render(): React.JSX.Element;
+}
+export default class Stateful extends React.Component {
+    static propTypes: {
+        model: PropTypes.Requireable<object>;
+        session: PropTypes.Requireable<object>;
+        onSelectionChange: PropTypes.Validator<(...args: any[]) => any>;
+    };
+    constructor(props: any);
+    UNSAFE_componentWillReceiveProps(nextProps: any): void;
+    change: any;
+    render(): React.JSX.Element;
+}

package/dist/delivery/main.js

@@ -0,0 +1,136 @@
+import e from "./utils.js";
+import t from "react";
+import n from "prop-types";
+import { Legend as r, TextSelect as i } from "@pie-lib/text-select";
+import a from "@pie-lib/correct-answer-toggle";
+import * as o from "@pie-lib/render-ui";
+import { Collapsible as s, Feedback 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 "debug";
+//#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(E.UiLayout, "UiLayout"), x = y(l, "PreviewPrompt") || y(E.PreviewPrompt, "PreviewPrompt"), S = y(s, "Collapsible") || y(E.Collapsible, "Collapsible"), C = y(c, "Feedback") || y(E.Feedback, "Feedback"), w = o, T = w.default, E = T && typeof T == "object" ? T : w, D = _("@pie-ui:select-text"), O = g(b)({
+	color: d.text(),
+	backgroundColor: d.background()
+}), k = g(i)(({ theme: e }) => ({
+	marginBottom: e.spacing(1),
+	marginTop: e.spacing(2),
+	whiteSpace: "normal"
+})), A = g("div")(({ theme: e }) => ({
+	verticalAlign: "middle",
+	marginBottom: e.spacing(1)
+})), j = g(S)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), M = {
+	model: n.object,
+	session: n.object,
+	onSelectionChange: n.func.isRequired
+}, N = class extends t.Component {
+	static propTypes = M;
+	static defaultProps = {};
+	constructor(t) {
+		super(t), this.state = {
+			showCorrectAnswer: this.props.model.alwaysShowCorrect || !1,
+			model: e(t.model)
+		};
+	}
+	UNSAFE_componentWillReceiveProps(t) {
+		this.setState({
+			showCorrectAnswer: !!t.model.alwaysShowCorrect,
+			model: e(t.model)
+		});
+	}
+	toggleShowCorrect = () => {
+		this.setState({ showCorrectAnswer: !this.state.showCorrectAnswer });
+	};
+	correctAnswer = () => {
+		let { model: e } = this.state;
+		return e.tokens.filter((e) => e.correct);
+	};
+	render() {
+		let { session: e, onSelectionChange: t } = this.props, { showCorrectAnswer: n, model: i } = this.state, { env: o, extraCSSRules: s } = i, { mode: c } = o || {}, l = n ? this.correctAnswer() : e.selectedTokens, u = i.rationale && (p(i.rationale) || f(i.rationale)), d = i.teacherInstructions && (p(i.teacherInstructions) || f(i.teacherInstructions));
+		return D("[render] selectedTokens:", l), /* @__PURE__ */ h(O, {
+			extraCSSRules: s,
+			children: [
+				d && (i.animationsDisabled ? /* @__PURE__ */ m(A, { children: /* @__PURE__ */ m(x, { prompt: i.teacherInstructions }) }) : /* @__PURE__ */ m(j, {
+					labels: {
+						hidden: "Show Teacher Instructions",
+						visible: "Hide Teacher Instructions"
+					},
+					children: /* @__PURE__ */ m(x, { prompt: i.teacherInstructions })
+				})),
+				/* @__PURE__ */ m(A, { children: /* @__PURE__ */ m(x, { prompt: i.prompt }) }),
+				!i.alwaysShowCorrect && /* @__PURE__ */ m(a, {
+					show: i.disabled && i.incorrect,
+					toggled: n,
+					onToggle: this.toggleShowCorrect,
+					language: i.language
+				}),
+				/* @__PURE__ */ m(k, {
+					disabled: i.disabled,
+					text: i.text,
+					tokens: i.tokens,
+					selectedTokens: l,
+					onChange: (e) => {
+						t(e.map((e) => i.tokens.find(({ start: t, end: n }) => e.start === t && e.end === n) || e));
+					},
+					highlightChoices: i.highlightChoices,
+					maxNoOfSelections: i.maxSelections,
+					animationsDisabled: i.animationsDisabled
+				}),
+				c === "evaluate" && /* @__PURE__ */ m(r, {
+					language: i.language,
+					showOnlyCorrect: n
+				}),
+				u && (i.animationsDisabled ? /* @__PURE__ */ m(A, { children: /* @__PURE__ */ m(x, { prompt: i.rationale }) }) : /* @__PURE__ */ m(j, {
+					labels: {
+						hidden: "Show Rationale",
+						visible: "Hide Rationale"
+					},
+					children: /* @__PURE__ */ m(x, { prompt: i.rationale })
+				})),
+				i.correctness && i.feedback && !n && /* @__PURE__ */ m(C, {
+					correctness: i.correctness,
+					feedback: i.feedback
+				})
+			]
+		});
+	}
+}, P = class extends t.Component {
+	static propTypes = M;
+	constructor(e) {
+		super(e), this.state = {
+			model: e.model,
+			session: e.session
+		};
+	}
+	UNSAFE_componentWillReceiveProps(e) {
+		this.setState({
+			model: e.model,
+			session: e.session
+		});
+	}
+	change = (e) => {
+		let t = {
+			...this.state.session,
+			selectedTokens: e
+		};
+		this.setState({ session: t }, () => {
+			this.props.onSelectionChange(this.state.session.selectedTokens);
+		});
+	};
+	render() {
+		let { model: e, session: t } = this.state;
+		return /* @__PURE__ */ m(N, {
+			model: e,
+			session: t,
+			onSelectionChange: this.change
+		});
+	}
+};
+//#endregion
+export { P as default };

package/dist/delivery/utils.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @synced-from pie-elements/packages/select-text/src/utils.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: (model: any) => any;
+export default _default;

package/dist/delivery/utils.js

@@ -0,0 +1,47 @@
+//#region src/delivery/utils.tsx
+var e = function() {
+	var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", t = document.createElement("div");
+	return t.innerHTML = e.trim(), t;
+}, t = function(e, t) {
+	return t ? e.innerHTML : `${e.innerHTML}
+
+`;
+}, n = function(e) {
+	var n = e.querySelectorAll("div[separator=true]"), r = "";
+	return n.forEach(function(e, i) {
+		r += t(e, i === n.length - 1);
+	}), r || null;
+}, r = function(t) {
+	var r = e(t), i = document.createElement("div");
+	return i.innerHTML = `<div separator='true'>${r.innerHTML}</div>`, r = i, Array.from(r.querySelectorAll("*")).length === 0 ? t : n(r);
+}, i = (e) => {
+	if (!e) return e;
+	let t = r(e.text || ""), n = (e.tokens || []).reduce((n, i = {}) => {
+		let a = r((e.text || "").slice(i.start, i.end));
+		if (!a) return [...n, i];
+		let o = (e) => {
+			let n = e;
+			for (; n >= 0;) {
+				let e = t.slice(n).indexOf(a);
+				if (e >= 0) return e + n;
+				n--;
+			}
+			return 0;
+		}, s = n[n.length - 1], c = o(s ? s.end : i.start), l = c + a.length;
+		return [...n, {
+			...i,
+			text: a,
+			start: c,
+			end: l,
+			oldStart: i.start,
+			oldEnd: i.end
+		}];
+	}, []);
+	return {
+		...e,
+		tokens: n,
+		text: t
+	};
+};
+//#endregion
+export { i 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 select-text 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;