@pie-element/select-text 13.2.2-beta.6 → 13.2.2-beta.8

package/controller/lib/index.js

@@ -0,0 +1,258 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createCorrectResponseSession = void 0;
+exports.createDefaultModel = createDefaultModel;
+exports.validate = exports.outcome = exports.normalizeSession = exports.normalize = exports.model = exports.getPartialScore = exports.getLogTrace = exports.getCorrectness = void 0;
+var _debug = _interopRequireDefault(require("debug"));
+var _lodashEs = require("lodash-es");
+var _feedback = require("@pie-lib/feedback");
+var _controllerUtils = require("@pie-lib/controller-utils");
+var _defaults = _interopRequireDefault(require("./defaults"));
+const log = (0, _debug.default)('@pie-element:select-text:controller');
+const equalTokens = (token1 = {}, token2 = {}) => token1?.start === token2?.start && token1?.end === token2?.end ||
+// this case is used for the cases when the token's start & end were recalculated
+token1?.start === token2?.oldStart && token1?.end === token2?.oldEnd;
+const normalizeTokens = (tokens = [], selectedTokens = [], evaluateMode = false) => (tokens || []).map(token => {
+  const isCorrect = !!token.correct;
+  // search if correct token is missing from session
+  const isMissing = isCorrect && !(selectedTokens || []).find(selectedToken => equalTokens(token, selectedToken));
+  return {
+    ...token,
+    correct: evaluateMode ? isCorrect : undefined,
+    isMissing: evaluateMode ? isMissing : undefined
+  };
+});
+const getCorrectness = (tokens, selected) => {
+  const correct = tokens.filter(t => t.correct === true);
+  if (correct.length === 0) {
+    return 'unknown';
+  }
+  const correctSelected = getCorrectSelected(tokens, selected);
+  if (correctSelected.length === selected.length) {
+    if (correctSelected.length === correct.length) {
+      return 'correct';
+    } else if (correctSelected.length > 0) {
+      return 'partially-correct';
+    }
+  }
+  if (correctSelected.length > 0) {
+    return 'partially-correct';
+  }
+  return 'incorrect';
+};
+exports.getCorrectness = getCorrectness;
+const getCorrectSelected = (tokens, selected) => (selected || []).filter(s => tokens.findIndex(token => token.correct && equalTokens(token, s)) !== -1);
+const getPartialScore = (question, session, totalCorrect) => {
+  if (!session || (0, _lodashEs.isEmpty)(session)) {
+    return 0;
+  }
+  const correctCount = getCorrectSelected(question.tokens, session.selectedTokens).length;
+  const correctTokens = (question.tokens || []).filter(t => t.correct === true);
+  const extraSelected = session.selectedTokens ? session.selectedTokens.length > correctTokens.length : 0;
+  const incorrectCount = extraSelected ? session.selectedTokens && session.selectedTokens.length - correctCount : 0;
+  const count = correctCount - incorrectCount;
+  const positiveCount = count < 0 ? 0 : count;
+  return totalCorrect.length ? parseFloat((positiveCount / totalCorrect.length).toFixed(2)) : 0;
+};
+
+/**
+ * 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
+ */
+exports.getPartialScore = getPartialScore;
+const getLogTrace = (question, session, env) => {
+  const traceLog = [];
+  const selectedTokens = session?.selectedTokens || [];
+  const tokens = question?.tokens || [];
+  if (selectedTokens.length === 0) {
+    traceLog.push('Student did not select any token.');
+    return traceLog;
+  }
+  traceLog.push(`Student selected ${selectedTokens.length} token(s).`);
+  let totalCorrectTokens = 0;
+  let correctSelected = 0;
+  let missingCount = 0;
+  for (let i = 0; i < tokens.length; i++) {
+    const token = tokens[i];
+    if (token.correct) {
+      totalCorrectTokens++;
+      const matched = selectedTokens.some(s => equalTokens(token, s));
+      if (matched) {
+        correctSelected++;
+      } else {
+        missingCount++;
+      }
+    }
+  }
+  const incorrectSelected = selectedTokens.length - correctSelected;
+  if (correctSelected > 0) {
+    traceLog.push(`${correctSelected} correct token(s) selected.`);
+  }
+  if (incorrectSelected > 0) {
+    traceLog.push(`${incorrectSelected} incorrect token(s) selected.`);
+  }
+  if (missingCount > 0) {
+    traceLog.push(`${missingCount} required correct token(s) were not selected.`);
+  }
+  const partialScoringEnabled = _controllerUtils.partialScoring.enabled(question, env, true);
+  if (partialScoringEnabled) {
+    traceLog.push('Score calculated using partial scoring.');
+    traceLog.push('Score is based on the number of correct minus incorrect selections, divided by the total number of correct tokens.');
+    if (incorrectSelected > 0 && selectedTokens.length > totalCorrectTokens) {
+      traceLog.push('Extra selected tokens beyond the correct set reduce the score.');
+    }
+  } else {
+    traceLog.push('Score calculated using all-or-nothing scoring.');
+    traceLog.push('Student must select all correct tokens and no incorrect tokens to receive full credit.');
+  }
+  const rawScore = getPartialScore(question, session, tokens.filter(t => t.correct));
+  const finalScore = partialScoringEnabled ? rawScore : rawScore === 1 ? 1 : 0;
+  traceLog.push(`Final score: ${finalScore}.`);
+  return traceLog;
+};
+exports.getLogTrace = getLogTrace;
+const outcome = (question, session, env) => new Promise(resolve => {
+  if (!session || (0, _lodashEs.isEmpty)(session)) {
+    resolve({
+      score: 0,
+      empty: true,
+      logTrace: ['Student did not select any token.']
+    });
+  }
+  session = normalizeSession(session);
+  if (env.mode !== 'evaluate') {
+    resolve({
+      score: undefined,
+      completed: undefined,
+      logTrace: []
+    });
+  } else {
+    const enabled = _controllerUtils.partialScoring.enabled(question, env, true);
+    const totalCorrect = question.tokens.filter(t => t.correct);
+    const score = getPartialScore(question, session, totalCorrect);
+    resolve({
+      score: enabled ? score : score === 1 ? 1 : 0,
+      logTrace: getLogTrace(question, session, env)
+    });
+  }
+});
+exports.outcome = outcome;
+function createDefaultModel(model = {}) {
+  return new Promise(resolve => {
+    resolve({
+      ..._defaults.default,
+      ...model
+    });
+  });
+}
+const normalizeSession = session => ({
+  selectedTokens: [],
+  ...session
+});
+exports.normalizeSession = normalizeSession;
+const normalize = question => ({
+  ..._defaults.default,
+  ...question
+});
+exports.normalize = normalize;
+const model = (question, session, env) => {
+  session = session || {
+    selectedToken: []
+  };
+  session.selectedTokens = session.selectedTokens || [];
+  const normalizedQuestion = normalize(question);
+  return new Promise(resolve => {
+    log('[model]', 'normalizedQuestion: ', normalizedQuestion);
+    log('[model]', 'session: ', session);
+    const tokens = normalizeTokens(normalizedQuestion.tokens, session.selectedTokens, env.mode === 'evaluate');
+    log('[model] tokens:', tokens);
+    const correctness = env.mode === 'evaluate' ? getCorrectness(normalizedQuestion.tokens, session.selectedTokens) : undefined;
+    const fb = env.mode === 'evaluate' && normalizedQuestion.feedbackEnabled ? (0, _feedback.getFeedbackForCorrectness)(correctness, normalizedQuestion.feedback) : Promise.resolve(undefined);
+    fb.then(feedback => {
+      const out = {
+        tokens,
+        highlightChoices: normalizedQuestion.highlightChoices,
+        prompt: normalizedQuestion.promptEnabled ? normalizedQuestion.prompt : null,
+        text: normalizedQuestion.text,
+        disabled: env.mode !== 'gather',
+        maxSelections: normalizedQuestion.maxSelections,
+        correctness,
+        env,
+        feedback,
+        incorrect: env.mode === 'evaluate' ? correctness !== 'correct' : undefined,
+        language: normalizedQuestion.language,
+        extraCSSRules: normalizedQuestion.extraCSSRules
+      };
+      if (env.role === 'instructor' && (env.mode === 'view' || env.mode === 'evaluate')) {
+        out.rationale = normalizedQuestion.rationaleEnabled ? normalizedQuestion.rationale : null;
+        out.teacherInstructions = normalizedQuestion.teacherInstructionsEnabled ? normalizedQuestion.teacherInstructions : null;
+      } else {
+        out.rationale = null;
+        out.teacherInstructions = null;
+      }
+      resolve(out);
+    });
+  });
+};
+exports.model = model;
+const createCorrectResponseSession = (question, env) => {
+  return new Promise(resolve => {
+    if (env.mode !== 'evaluate' && env.role === 'instructor') {
+      const {
+        tokens
+      } = question;
+      const selectedTokens = tokens.filter(t => t.correct);
+      resolve({
+        id: '1',
+        selectedTokens
+      });
+    } else {
+      resolve(null);
+    }
+  });
+};
+
+// remove all html tags
+exports.createCorrectResponseSession = createCorrectResponseSession;
+const getInnerText = html => (html || '').replaceAll(/<[^>]*>/g, '');
+
+// remove all html tags except img, iframe and source tag for audio
+const getContent = html => (html || '').replace(/(<(?!img|iframe|source)([^>]+)>)/gi, '');
+const validate = (model = {}, config = {}) => {
+  const {
+    tokens
+  } = model;
+  const {
+    minTokens = 2,
+    maxTokens,
+    maxSelections
+  } = config;
+  const errors = {};
+  const nbOfTokens = (tokens || []).length;
+  ['teacherInstructions', 'prompt', 'rationale'].forEach(field => {
+    if (config[field]?.required && !getContent(model[field])) {
+      errors[field] = 'This field is required.';
+    }
+  });
+  const nbOfSelections = (tokens || []).reduce((acc, token) => token.correct ? acc + 1 : acc, 0);
+  if (nbOfTokens < minTokens) {
+    errors.tokensError = `There should be at least ${minTokens} tokens defined.`;
+  } else if (nbOfTokens > maxTokens) {
+    errors.tokensError = `No more than ${maxTokens} tokens should be defined.`;
+  }
+  if (nbOfSelections < 1) {
+    errors.selectionsError = 'There should be at least 1 token selected.';
+  } else if (nbOfSelections > maxSelections) {
+    errors.selectionsError = `No more than ${maxSelections} tokens should be selected.`;
+  }
+  return errors;
+};
+exports.validate = validate;
+//# sourceMappingURL=index.js.map

package/controller/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_debug","_interopRequireDefault","require","_lodashEs","_feedback","_controllerUtils","_defaults","log","debug","equalTokens","token1","token2","start","end","oldStart","oldEnd","normalizeTokens","tokens","selectedTokens","evaluateMode","map","token","isCorrect","correct","isMissing","find","selectedToken","undefined","getCorrectness","selected","filter","t","length","correctSelected","getCorrectSelected","exports","s","findIndex","getPartialScore","question","session","totalCorrect","isEmpty","correctCount","correctTokens","extraSelected","incorrectCount","count","positiveCount","parseFloat","toFixed","getLogTrace","env","traceLog","push","totalCorrectTokens","missingCount","i","matched","some","incorrectSelected","partialScoringEnabled","partialScoring","enabled","rawScore","finalScore","outcome","Promise","resolve","score","empty","logTrace","normalizeSession","mode","completed","createDefaultModel","model","defaults","normalize","normalizedQuestion","correctness","fb","feedbackEnabled","getFeedbackForCorrectness","feedback","then","out","highlightChoices","prompt","promptEnabled","text","disabled","maxSelections","incorrect","language","extraCSSRules","role","rationale","rationaleEnabled","teacherInstructions","teacherInstructionsEnabled","createCorrectResponseSession","id","getInnerText","html","replaceAll","getContent","replace","validate","config","minTokens","maxTokens","errors","nbOfTokens","forEach","field","required","nbOfSelections","reduce","acc","tokensError","selectionsError"],"sources":["../src/index.js"],"sourcesContent":["import debug from 'debug';\nimport { isEmpty } from 'lodash-es';\nimport { getFeedbackForCorrectness } from '@pie-lib/feedback';\nimport { partialScoring } from '@pie-lib/controller-utils';\nimport defaults from './defaults';\n\nconst log = debug('@pie-element:select-text:controller');\n\nconst equalTokens = (token1 = {}, token2 = {}) =>\n  (token1?.start === token2?.start && token1?.end === token2?.end) ||\n  // this case is used for the cases when the token's start & end were recalculated\n  (token1?.start === token2?.oldStart && token1?.end === token2?.oldEnd);\n\nconst normalizeTokens = (tokens = [], selectedTokens = [], evaluateMode = false) =>\n  (tokens || []).map((token) => {\n    const isCorrect = !!token.correct;\n    // search if correct token is missing from session\n    const isMissing = isCorrect && !(selectedTokens || []).find((selectedToken) => equalTokens(token, selectedToken));\n\n    return {\n      ...token,\n      correct: evaluateMode ? isCorrect : undefined,\n      isMissing: evaluateMode ? isMissing : undefined,\n    };\n  });\n\nexport const getCorrectness = (tokens, selected) => {\n  const correct = tokens.filter((t) => t.correct === true);\n\n  if (correct.length === 0) {\n    return 'unknown';\n  }\n\n  const correctSelected = getCorrectSelected(tokens, selected);\n\n  if (correctSelected.length === selected.length) {\n    if (correctSelected.length === correct.length) {\n      return 'correct';\n    } else if (correctSelected.length > 0) {\n      return 'partially-correct';\n    }\n  }\n\n  if (correctSelected.length > 0) {\n    return 'partially-correct';\n  }\n\n  return 'incorrect';\n};\n\nconst getCorrectSelected = (tokens, selected) =>\n  (selected || []).filter((s) => tokens.findIndex((token) => token.correct && equalTokens(token, s)) !== -1);\n\nexport const getPartialScore = (question, session, totalCorrect) => {\n  if (!session || isEmpty(session)) {\n    return 0;\n  }\n\n  const correctCount = getCorrectSelected(question.tokens, session.selectedTokens).length;\n  const correctTokens = (question.tokens || []).filter((t) => t.correct === true);\n  const extraSelected = session.selectedTokens ? session.selectedTokens.length > correctTokens.length : 0;\n  const incorrectCount = extraSelected ? session.selectedTokens && session.selectedTokens.length - correctCount : 0;\n  const count = correctCount - incorrectCount;\n  const positiveCount = count < 0 ? 0 : count;\n\n  return totalCorrect.length ? parseFloat((positiveCount / totalCorrect.length).toFixed(2)) : 0;\n};\n\n/**\n * Generates detailed trace log for select-text scoring evaluation\n * @param {Object} question - the question model\n * @param {Object} session - the student session\n * @param {Object} env - the environment\n * @returns {Array<string>} traceLog\n */\nexport const getLogTrace = (question, session, env) => {\n  const traceLog = [];\n\n  const selectedTokens = session?.selectedTokens || [];\n  const tokens = question?.tokens || [];\n\n  if (selectedTokens.length === 0) {\n    traceLog.push('Student did not select any token.');\n    return traceLog;\n  }\n\n  traceLog.push(`Student selected ${selectedTokens.length} token(s).`);\n\n  let totalCorrectTokens = 0;\n  let correctSelected = 0;\n  let missingCount = 0;\n\n  for (let i = 0; i < tokens.length; i++) {\n    const token = tokens[i];\n    if (token.correct) {\n      totalCorrectTokens++;\n      const matched = selectedTokens.some((s) => equalTokens(token, s));\n      if (matched) {\n        correctSelected++;\n      } else {\n        missingCount++;\n      }\n    }\n  }\n\n  const incorrectSelected = selectedTokens.length - correctSelected;\n\n  if (correctSelected > 0) {\n    traceLog.push(`${correctSelected} correct token(s) selected.`);\n  }\n\n  if (incorrectSelected > 0) {\n    traceLog.push(`${incorrectSelected} incorrect token(s) selected.`);\n  }\n\n  if (missingCount > 0) {\n    traceLog.push(`${missingCount} required correct token(s) were not selected.`);\n  }\n\n  const partialScoringEnabled = partialScoring.enabled(question, env, true);\n\n  if (partialScoringEnabled) {\n    traceLog.push('Score calculated using partial scoring.');\n    traceLog.push(\n      'Score is based on the number of correct minus incorrect selections, divided by the total number of correct tokens.',\n    );\n\n    if (incorrectSelected > 0 && selectedTokens.length > totalCorrectTokens) {\n      traceLog.push(\n        'Extra selected tokens beyond the correct set reduce the score.',\n      );\n    }\n  } else {\n    traceLog.push('Score calculated using all-or-nothing scoring.');\n    traceLog.push(\n      'Student must select all correct tokens and no incorrect tokens to receive full credit.',\n    );\n  }\n\n  const rawScore = getPartialScore(question, session, tokens.filter((t) => t.correct));\n  const finalScore = partialScoringEnabled ? rawScore : rawScore === 1 ? 1 : 0;\n\n  traceLog.push(`Final score: ${finalScore}.`);\n\n  return traceLog;\n};\n\nexport const outcome = (question, session, env) =>\n  new Promise((resolve) => {\n    if (!session || isEmpty(session)) {\n      resolve({ score: 0, empty: true, logTrace: ['Student did not select any token.'] });\n    }\n\n    session = normalizeSession(session);\n\n    if (env.mode !== 'evaluate') {\n      resolve({ score: undefined, completed: undefined, logTrace: [] });\n    } else {\n      const enabled = partialScoring.enabled(question, env, true);\n      const totalCorrect = question.tokens.filter((t) => t.correct);\n      const score = getPartialScore(question, session, totalCorrect);\n      resolve({\n        score: enabled ? score : score === 1 ? 1 : 0,\n        logTrace: getLogTrace(question, session, env),\n      });\n    }\n  });\n\nexport function createDefaultModel(model = {}) {\n  return new Promise((resolve) => {\n    resolve({ ...defaults, ...model });\n  });\n}\n\nexport const normalizeSession = (session) => ({ selectedTokens: [], ...session });\n\nexport const normalize = (question) => ({ ...defaults, ...question });\n\nexport const model = (question, session, env) => {\n  session = session || { selectedToken: [] };\n  session.selectedTokens = session.selectedTokens || [];\n  const normalizedQuestion = normalize(question);\n\n  return new Promise((resolve) => {\n    log('[model]', 'normalizedQuestion: ', normalizedQuestion);\n    log('[model]', 'session: ', session);\n\n    const tokens = normalizeTokens(normalizedQuestion.tokens, session.selectedTokens, env.mode === 'evaluate');\n    log('[model] tokens:', tokens);\n\n    const correctness =\n      env.mode === 'evaluate' ? getCorrectness(normalizedQuestion.tokens, session.selectedTokens) : undefined;\n\n    const fb =\n      env.mode === 'evaluate' && normalizedQuestion.feedbackEnabled\n        ? getFeedbackForCorrectness(correctness, normalizedQuestion.feedback)\n        : Promise.resolve(undefined);\n\n    fb.then((feedback) => {\n      const out = {\n        tokens,\n        highlightChoices: normalizedQuestion.highlightChoices,\n        prompt: normalizedQuestion.promptEnabled ? normalizedQuestion.prompt : null,\n        text: normalizedQuestion.text,\n        disabled: env.mode !== 'gather',\n        maxSelections: normalizedQuestion.maxSelections,\n        correctness,\n        env,\n        feedback,\n        incorrect: env.mode === 'evaluate' ? correctness !== 'correct' : undefined,\n        language: normalizedQuestion.language,\n        extraCSSRules: normalizedQuestion.extraCSSRules,\n      };\n\n      if (env.role === 'instructor' && (env.mode === 'view' || env.mode === 'evaluate')) {\n        out.rationale = normalizedQuestion.rationaleEnabled ? normalizedQuestion.rationale : null;\n        out.teacherInstructions = normalizedQuestion.teacherInstructionsEnabled\n          ? normalizedQuestion.teacherInstructions\n          : null;\n      } else {\n        out.rationale = null;\n        out.teacherInstructions = null;\n      }\n\n      resolve(out);\n    });\n  });\n};\n\nexport const createCorrectResponseSession = (question, env) => {\n  return new Promise((resolve) => {\n    if (env.mode !== 'evaluate' && env.role === 'instructor') {\n      const { tokens } = question;\n      const selectedTokens = tokens.filter((t) => t.correct);\n\n      resolve({\n        id: '1',\n        selectedTokens,\n      });\n    } else {\n      resolve(null);\n    }\n  });\n};\n\n// remove all html tags\nconst getInnerText = (html) => (html || '').replaceAll(/<[^>]*>/g, '');\n\n// remove all html tags except img, iframe and source tag for audio\nconst getContent = (html) => (html || '').replace(/(<(?!img|iframe|source)([^>]+)>)/gi, '');\n\nexport const validate = (model = {}, config = {}) => {\n  const { tokens } = model;\n  const { minTokens = 2, maxTokens, maxSelections } = config;\n  const errors = {};\n  const nbOfTokens = (tokens || []).length;\n\n  ['teacherInstructions', 'prompt', 'rationale'].forEach((field) => {\n    if (config[field]?.required && !getContent(model[field])) {\n      errors[field] = 'This field is required.';\n    }\n  });\n\n  const nbOfSelections = (tokens || []).reduce((acc, token) => (token.correct ? acc + 1 : acc), 0);\n\n  if (nbOfTokens < minTokens) {\n    errors.tokensError = `There should be at least ${minTokens} tokens defined.`;\n  } else if (nbOfTokens > maxTokens) {\n    errors.tokensError = `No more than ${maxTokens} tokens should be defined.`;\n  }\n\n  if (nbOfSelections < 1) {\n    errors.selectionsError = 'There should be at least 1 token selected.';\n  } else if (nbOfSelections > maxSelections) {\n    errors.selectionsError = `No more than ${maxSelections} tokens should be selected.`;\n  }\n\n  return errors;\n};\n"],"mappings":"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","ignoreList":[]}

package/controller/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pie-element/select-text-controller",
   "private": true,
-  "version": "9.4.0-beta.12",
+  "version": "9.4.0-beta.14",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",

package/lib/index.js

@@ -0,0 +1,104 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _client = require("react-dom/client");
+var _piePlayerEvents = require("@pie-framework/pie-player-events");
+var _main = _interopRequireDefault(require("./main"));
+var _mathRendering = require("@pie-lib/math-rendering");
+var _utils = _interopRequireDefault(require("./utils"));
+class SelectText extends HTMLElement {
+  constructor() {
+    super();
+    this._root = null;
+  }
+  set model(m) {
+    this._model = m;
+    this.render();
+    this.dispatchEvent(new _piePlayerEvents.ModelSetEvent(this.tagName.toLowerCase(), this.isSessionComplete(), this._model !== undefined));
+  }
+  set session(s) {
+    this._session = s;
+    if (this._model) {
+      const generatedModel = (0, _utils.default)(this._model) || {};
+      const {
+        tokens
+      } = generatedModel;
+      let {
+        selectedTokens
+      } = s || {};
+      selectedTokens = selectedTokens || [];
+
+      // This case was introduced mostly for createCorrectSession:
+      // make sure initial session tokens are parsed and have correct start and end (according to the regenerated model)
+      const selectedTokenExistsInGeneratedTokens = s => tokens.find(({
+        start: tStart,
+        end: tEnd
+      }) => s.start === tStart && s.end === tEnd);
+
+      // check if ALL the selectedTokens have the correct start and end
+      const allAreCorrect = selectedTokens.reduce((acc, selectedToken) => acc && selectedTokenExistsInGeneratedTokens(selectedToken), true);
+      if (!allAreCorrect) {
+        // otherwise, make sure to parse selectedTokens as well
+        const generatedModel = (0, _utils.default)({
+          ...this._model,
+          tokens: selectedTokens
+        }) || {};
+        const {
+          tokens
+        } = generatedModel;
+        if (tokens) {
+          this._session.selectedTokens = tokens;
+        }
+      }
+    }
+    if (!Array.isArray(this._session.selectedTokens)) {
+      this._session.selectedTokens = [];
+    }
+    this.render();
+  }
+  get session() {
+    return this._session;
+  }
+  isSessionComplete() {
+    const {
+      selectedTokens
+    } = this._session || {};
+    return Array.isArray(selectedTokens) && selectedTokens.length > 0;
+  }
+  selectionChanged(selection) {
+    this._session.selectedTokens = selection;
+    this.dispatchEvent(new _piePlayerEvents.SessionChangedEvent(this.tagName.toLowerCase(), this.isSessionComplete()));
+  }
+  connectedCallback() {
+    this.render();
+  }
+  render() {
+    if (this._model && this._session) {
+      const el = /*#__PURE__*/_react.default.createElement(_main.default, {
+        model: this._model,
+        session: this._session,
+        onSelectionChange: this.selectionChanged.bind(this)
+      });
+      if (!this._root) {
+        this._root = (0, _client.createRoot)(this);
+      }
+      this._root.render(el);
+      queueMicrotask(() => {
+        (0, _mathRendering.renderMath)(this);
+      });
+    }
+  }
+  disconnectedCallback() {
+    if (this._root) {
+      this._root.unmount();
+      this._root = null;
+    }
+  }
+}
+exports.default = SelectText;
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_client","_piePlayerEvents","_main","_mathRendering","_utils","SelectText","HTMLElement","constructor","_root","model","m","_model","render","dispatchEvent","ModelSetEvent","tagName","toLowerCase","isSessionComplete","undefined","session","s","_session","generatedModel","generateModel","tokens","selectedTokens","selectedTokenExistsInGeneratedTokens","find","start","tStart","end","tEnd","allAreCorrect","reduce","acc","selectedToken","Array","isArray","length","selectionChanged","selection","SessionChangedEvent","connectedCallback","el","React","createElement","Main","onSelectionChange","bind","createRoot","queueMicrotask","renderMath","disconnectedCallback","unmount","exports","default"],"sources":["../src/index.js"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { SessionChangedEvent, ModelSetEvent } from '@pie-framework/pie-player-events';\nimport Main from './main';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport generateModel from './utils';\n\nexport default class SelectText extends HTMLElement {\n  constructor() {\n    super();\n    this._root = null;\n  }\n\n  set model(m) {\n    this._model = m;\n\n    this.render();\n    this.dispatchEvent(\n      new ModelSetEvent(this.tagName.toLowerCase(), this.isSessionComplete(), this._model !== undefined),\n    );\n  }\n\n  set session(s) {\n    this._session = s;\n\n    if (this._model) {\n      const generatedModel = generateModel(this._model) || {};\n      const { tokens } = generatedModel;\n      let { selectedTokens } = s || {};\n\n      selectedTokens = selectedTokens || [];\n\n      // This case was introduced mostly for createCorrectSession:\n      // make sure initial session tokens are parsed and have correct start and end (according to the regenerated model)\n      const selectedTokenExistsInGeneratedTokens = (s) =>\n        tokens.find(({ start: tStart, end: tEnd }) => s.start === tStart && s.end === tEnd);\n\n      // check if ALL the selectedTokens have the correct start and end\n      const allAreCorrect = selectedTokens.reduce(\n        (acc, selectedToken) => acc && selectedTokenExistsInGeneratedTokens(selectedToken),\n        true,\n      );\n\n      if (!allAreCorrect) {\n        // otherwise, make sure to parse selectedTokens as well\n        const generatedModel = generateModel({ ...this._model, tokens: selectedTokens }) || {};\n        const { tokens } = generatedModel;\n\n        if (tokens) {\n          this._session.selectedTokens = tokens;\n        }\n      }\n    }\n\n    if (!Array.isArray(this._session.selectedTokens)) {\n      this._session.selectedTokens = [];\n    }\n    this.render();\n  }\n\n  get session() {\n    return this._session;\n  }\n\n  isSessionComplete() {\n    const { selectedTokens } = this._session || {};\n    return Array.isArray(selectedTokens) && selectedTokens.length > 0;\n  }\n\n  selectionChanged(selection) {\n    this._session.selectedTokens = selection;\n\n    this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), this.isSessionComplete()));\n  }\n\n  connectedCallback() {\n    this.render();\n  }\n\n  render() {\n    if (this._model && this._session) {\n      const el = React.createElement(Main, {\n        model: this._model,\n        session: this._session,\n        onSelectionChange: this.selectionChanged.bind(this),\n      });\n\n      if (!this._root) {\n        this._root = createRoot(this);\n      }\n      this._root.render(el);\n      queueMicrotask(() => {\n        renderMath(this);\n      });\n    }\n  }\n\n  disconnectedCallback() {\n    if (this._root) {\n      this._root.unmount();\n      this._root = null;\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/main.js

@@ -0,0 +1,203 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Main = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _textSelect = require("@pie-lib/text-select");
+var _correctAnswerToggle = _interopRequireDefault(require("@pie-lib/correct-answer-toggle"));
+var _renderUi = require("@pie-lib/render-ui");
+var _mathRendering = require("@pie-lib/math-rendering");
+var _styles = require("@mui/material/styles");
+var _utils = _interopRequireDefault(require("./utils"));
+var _debug = _interopRequireDefault(require("debug"));
+const log = (0, _debug.default)('@pie-ui:select-text');
+const StyledUiLayout = (0, _styles.styled)(_renderUi.UiLayout)({
+  color: _renderUi.color.text(),
+  backgroundColor: _renderUi.color.background()
+});
+const StyledTextSelect = (0, _styles.styled)(_textSelect.TextSelect)(({
+  theme
+}) => ({
+  marginBottom: theme.spacing(1),
+  marginTop: theme.spacing(2),
+  whiteSpace: 'normal'
+}));
+const Prompt = (0, _styles.styled)('div')(({
+  theme
+}) => ({
+  verticalAlign: 'middle',
+  marginBottom: theme.spacing(1)
+}));
+const StyledCollapsible = (0, _styles.styled)(_renderUi.Collapsible)(({
+  theme
+}) => ({
+  marginBottom: theme.spacing(2)
+}));
+const Types = {
+  model: _propTypes.default.object,
+  session: _propTypes.default.object,
+  onSelectionChange: _propTypes.default.func.isRequired
+};
+class Main extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    (0, _defineProperty2.default)(this, "toggleShowCorrect", () => {
+      this.setState({
+        showCorrectAnswer: !this.state.showCorrectAnswer
+      });
+    });
+    (0, _defineProperty2.default)(this, "correctAnswer", () => {
+      const {
+        model
+      } = this.state;
+      return model.tokens.filter(t => t.correct);
+    });
+    this.state = {
+      showCorrectAnswer: this.props.model.alwaysShowCorrect || false,
+      model: (0, _utils.default)(props.model)
+    };
+  }
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    this.setState({
+      showCorrectAnswer: !!nextProps.model.alwaysShowCorrect,
+      model: (0, _utils.default)(nextProps.model)
+    });
+  }
+  componentDidMount() {
+    // eslint-disable-next-line react/no-find-dom-node
+    const domNode = _reactDom.default.findDOMNode(this);
+    (0, _mathRendering.renderMath)(domNode);
+  }
+  componentDidUpdate() {
+    // eslint-disable-next-line react/no-find-dom-node
+    const domNode = _reactDom.default.findDOMNode(this);
+    (0, _mathRendering.renderMath)(domNode);
+  }
+  render() {
+    const {
+      session,
+      onSelectionChange
+    } = this.props;
+    const {
+      showCorrectAnswer,
+      model
+    } = this.state;
+    const {
+      env,
+      extraCSSRules
+    } = model;
+    const {
+      mode
+    } = env || {};
+    const selectedTokens = showCorrectAnswer ? this.correctAnswer() : session.selectedTokens;
+    const showRationale = model.rationale && ((0, _renderUi.hasText)(model.rationale) || (0, _renderUi.hasMedia)(model.rationale));
+    const showTeacherInstructions = model.teacherInstructions && ((0, _renderUi.hasText)(model.teacherInstructions) || (0, _renderUi.hasMedia)(model.teacherInstructions));
+    log('[render] selectedTokens:', selectedTokens);
+    return /*#__PURE__*/_react.default.createElement(StyledUiLayout, {
+      extraCSSRules: extraCSSRules
+    }, showTeacherInstructions && (!model.animationsDisabled ? /*#__PURE__*/_react.default.createElement(StyledCollapsible, {
+      labels: {
+        hidden: 'Show Teacher Instructions',
+        visible: 'Hide Teacher Instructions'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_renderUi.PreviewPrompt, {
+      prompt: model.teacherInstructions
+    })) : /*#__PURE__*/_react.default.createElement(Prompt, null, /*#__PURE__*/_react.default.createElement(_renderUi.PreviewPrompt, {
+      prompt: model.teacherInstructions
+    }))), /*#__PURE__*/_react.default.createElement(Prompt, null, /*#__PURE__*/_react.default.createElement(_renderUi.PreviewPrompt, {
+      prompt: model.prompt
+    })), !model.alwaysShowCorrect && /*#__PURE__*/_react.default.createElement(_correctAnswerToggle.default, {
+      show: model.disabled && model.incorrect,
+      toggled: showCorrectAnswer,
+      onToggle: this.toggleShowCorrect,
+      language: model.language
+    }), /*#__PURE__*/_react.default.createElement(StyledTextSelect, {
+      disabled: model.disabled,
+      text: model.text,
+      tokens: model.tokens,
+      selectedTokens: selectedTokens,
+      onChange: selection => {
+        const newSelections = selection.map(select => {
+          const token = model.tokens.find(({
+            start,
+            end
+          }) => select.start === start && select.end === end);
+
+          // needed for getScore when tokens position is recalculated, to keep oldStart and oldEnd
+          if (token) {
+            return token;
+          }
+          return select;
+        });
+        onSelectionChange(newSelections);
+      },
+      highlightChoices: model.highlightChoices,
+      maxNoOfSelections: model.maxSelections,
+      animationsDisabled: model.animationsDisabled
+    }), mode === 'evaluate' && /*#__PURE__*/_react.default.createElement(_textSelect.Legend, {
+      language: model.language,
+      showOnlyCorrect: showCorrectAnswer
+    }), showRationale && (!model.animationsDisabled ? /*#__PURE__*/_react.default.createElement(StyledCollapsible, {
+      labels: {
+        hidden: 'Show Rationale',
+        visible: 'Hide Rationale'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_renderUi.PreviewPrompt, {
+      prompt: model.rationale
+    })) : /*#__PURE__*/_react.default.createElement(Prompt, null, /*#__PURE__*/_react.default.createElement(_renderUi.PreviewPrompt, {
+      prompt: model.rationale
+    }))), model.correctness && model.feedback && !showCorrectAnswer && /*#__PURE__*/_react.default.createElement(_renderUi.Feedback, {
+      correctness: model.correctness,
+      feedback: model.feedback
+    }));
+  }
+}
+exports.Main = Main;
+(0, _defineProperty2.default)(Main, "propTypes", Types);
+(0, _defineProperty2.default)(Main, "defaultProps", {});
+class Stateful extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    (0, _defineProperty2.default)(this, "change", selectedTokens => {
+      const session = {
+        ...this.state.session,
+        selectedTokens
+      };
+      this.setState({
+        session
+      }, () => {
+        this.props.onSelectionChange(this.state.session.selectedTokens);
+      });
+    });
+    this.state = {
+      model: props.model,
+      session: props.session
+    };
+  }
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    this.setState({
+      model: nextProps.model,
+      session: nextProps.session
+    });
+  }
+  render() {
+    const {
+      model,
+      session
+    } = this.state;
+    return /*#__PURE__*/_react.default.createElement(Main, {
+      model: model,
+      session: session,
+      onSelectionChange: this.change
+    });
+  }
+}
+exports.default = Stateful;
+(0, _defineProperty2.default)(Stateful, "propTypes", Types);
+//# sourceMappingURL=main.js.map