@pie-element/select-text 13.1.2-next.2 → 13.1.2

package/dist/controller/defaults.d.ts

@@ -1,27 +0,0 @@
-/**
- * @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

@@ -1,21 +0,0 @@
-//#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

@@ -1,25 +0,0 @@
-/**
- * @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

@@ -1,121 +0,0 @@
-import e from "./defaults.js";
-import t from "debug";
-import { isEmpty as n } from "@pie-element/shared-lodash";
-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 = t("@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 = (e, t, r) => {
-	if (!t || n(t)) return 0;
-	let i = l(e.tokens, t.selectedTokens).length, a = (e.tokens || []).filter((e) => e.correct === !0), o = i - (t.selectedTokens && t.selectedTokens.length > a.length ? t.selectedTokens && t.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 = (e, t, r) => new Promise((a) => {
-	if ((!t || n(t)) && a({
-		score: 0,
-		empty: !0,
-		logTrace: ["Student did not select any token."]
-	}), t = m(t), r.mode !== "evaluate") a({
-		score: void 0,
-		completed: void 0,
-		logTrace: []
-	});
-	else {
-		let n = i.enabled(e, r, !0), o = e.tokens.filter((e) => e.correct), s = u(e, t, o);
-		a({
-			score: n ? s : +(s === 1),
-			logTrace: d(e, t, r)
-		});
-	}
-});
-function p(t = {}) {
-	return new Promise((n) => {
-		n({
-			...e,
-			...t
-		});
-	});
-}
-var m = (e) => ({
-	selectedTokens: [],
-	...e
-}), h = (t) => ({
-	...e,
-	...t
-}), 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

@@ -1,19 +0,0 @@
-/**
- * @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

@@ -1,60 +0,0 @@
-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

@@ -1,34 +0,0 @@
-/**
- * @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

@@ -1,136 +0,0 @@
-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

@@ -1,10 +0,0 @@
-/**
- * @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

@@ -1,47 +0,0 @@
-//#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

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

package/dist/index.iife.d.ts

@@ -1,8 +0,0 @@
-/**
- * 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;