@pie-element/charting 7.11.2-next.17 → 7.11.2-next.18

package/controller/lib/index.js

@@ -0,0 +1,378 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getScore = exports.filterCategories = exports.createCorrectResponseSession = exports.checkLabelsEquality = void 0;
+exports.model = model;
+exports.normalize = void 0;
+exports.outcome = outcome;
+exports.validate = exports.setCorrectness = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _debug = _interopRequireDefault(require("debug"));
+
+var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
+
+var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
+
+var _pick = _interopRequireDefault(require("lodash/pick"));
+
+var _controllerUtils = require("@pie-lib/pie-toolbox/controller-utils");
+
+var _excluded = ["deletable"],
+    _excluded2 = ["correctness"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var log = (0, _debug["default"])('@pie-element:graphing:controller');
+
+var lowerCase = function lowerCase(string) {
+  return (string || '').toLowerCase();
+};
+
+var checkLabelsEquality = function checkLabelsEquality(givenAnswerLabel, correctAnswerLabel) {
+  return lowerCase(givenAnswerLabel) === lowerCase(correctAnswerLabel);
+};
+
+exports.checkLabelsEquality = checkLabelsEquality;
+
+var setCorrectness = function setCorrectness(answers, partialScoring) {
+  return answers ? answers.map(function (answer) {
+    return _objectSpread(_objectSpread({}, answer), {}, {
+      correctness: {
+        value: partialScoring ? 'incorrect' : 'correct',
+        label: partialScoring ? 'incorrect' : 'correct'
+      }
+    });
+  }) : [];
+};
+
+exports.setCorrectness = setCorrectness;
+
+var normalize = function normalize(question) {
+  return _objectSpread({
+    addCategoryEnabled: true,
+    promptEnabled: true,
+    rationaleEnabled: true,
+    teacherInstructionsEnabled: true,
+    studentInstructionsEnabled: true
+  }, question);
+};
+
+exports.normalize = normalize;
+
+var getScore = function getScore(question, session) {
+  var env = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var correctAnswer = question.correctAnswer,
+      _question$data = question.data,
+      initialData = _question$data === void 0 ? [] : _question$data,
+      scoringType = question.scoringType;
+
+  var isPartialScoring = _controllerUtils.partialScoring.enabled({
+    partialScoring: scoringType !== undefined ? scoringType === 'partial scoring' : scoringType
+  }, env);
+
+  var _ref = correctAnswer || {},
+      _ref$data = _ref.data,
+      correctAnswers = _ref$data === void 0 ? [] : _ref$data;
+
+  var defaultAnswers = filterCategories(initialData);
+  var answers = setCorrectness(session && session.answer || defaultAnswers, isPartialScoring);
+  var result = 0;
+
+  if (isPartialScoring) {
+    // if score type is "partial scoring"
+    // maxScore is calculated based on the correct response
+    // score is calculated based on the given response
+    var maxScore = 0;
+    var score = 0;
+
+    var scoreForLabelAndValueEditable = function scoreForLabelAndValueEditable(answer, corrAnswer) {
+      var value = answer.value,
+          label = answer.label;
+      maxScore += 2;
+
+      if (value === corrAnswer.value) {
+        score += 1;
+        answer.correctness.value = 'correct';
+      }
+
+      if (checkLabelsEquality(label, corrAnswer.label)) {
+        score += 1;
+        answer.correctness.label = 'correct';
+      }
+    }; // if given answer has more categories than the correct answers, the "extra" will be ignored
+
+
+    correctAnswers.forEach(function (corrAnswer, index) {
+      var defaultAnswer = defaultAnswers[index];
+      var answer = answers[index]; // if there is a corresponding category at the same position in the given answer
+
+      if (answer) {
+        // if there is a corresponding category at the same position in the default answer
+        if (defaultAnswer) {
+          // if category's label (in default answer) was not editable
+          // it means that this category values only one point (only the value can be changed)
+          if (!defaultAnswer.editable && answer.interactive) {
+            maxScore += 1;
+
+            if (answer.value === corrAnswer.value) {
+              score += 1;
+              answer.correctness.value = 'correct';
+            }
+
+            answer.correctness.label = 'correct'; // if category's label (in default answer) was editable
+            // it means that this category values 2 points (both label and value can be changed)
+          } else if (defaultAnswer.editable && answer.interactive) {
+            scoreForLabelAndValueEditable(answer, corrAnswer);
+          } else if (!answer.interactive) {
+            answer.correctness.value = 'correct';
+            answer.correctness.label = 'correct';
+          }
+        } else {
+          // if there is not a corresponding category at the same position in the default answer
+          scoreForLabelAndValueEditable(answer, corrAnswer);
+        }
+      } else {
+        // if there is not a corresponding category at the same position in the given answer
+        // it means that the given answer has less categories than the correct answer
+        maxScore += 2;
+      }
+    });
+    result = maxScore ? score / maxScore : 0;
+  } else {
+    // if scoring type is "all or nothing"
+    // the length on correct answers and length of given answer have to match
+    result = correctAnswers.length === answers.length ? 1 : 0;
+
+    if (result) {
+      // if there is at least one difference between the correct answer and the given answer
+      // the result will be incorrect
+      correctAnswers.forEach(function (corrAnswer, index) {
+        var _answers$index = answers[index],
+            value = _answers$index.value,
+            label = _answers$index.label;
+
+        if (value !== corrAnswer.value) {
+          result = 0;
+          answers[index].correctness.value = 'incorrect';
+        }
+
+        if (lowerCase(label) !== lowerCase(corrAnswer.label)) {
+          result = 0;
+          answers[index].correctness.label = 'incorrect';
+        }
+      });
+    } else {
+      answers = [].concat((0, _toConsumableArray2["default"])(answers.slice(0, correctAnswers.length)), (0, _toConsumableArray2["default"])(setCorrectness(answers.slice(correctAnswers.length), true)));
+    }
+  }
+
+  return {
+    score: parseFloat(result.toFixed(2)),
+    answers: answers
+  };
+}; // eslint-disable-next-line no-unused-vars
+
+
+exports.getScore = getScore;
+
+var filterCategories = function filterCategories(categories) {
+  return categories ? categories.map(function (_ref2) {
+    var deletable = _ref2.deletable,
+        rest = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
+    return rest;
+  }) : [];
+};
+
+exports.filterCategories = filterCategories;
+
+function model(question, session, env) {
+  return new Promise(function (resolve) {
+    var normalizedQuestion = normalize(question);
+    var addCategoryEnabled = normalizedQuestion.addCategoryEnabled,
+        chartType = normalizedQuestion.chartType,
+        data = normalizedQuestion.data,
+        domain = normalizedQuestion.domain,
+        graph = normalizedQuestion.graph,
+        prompt = normalizedQuestion.prompt,
+        promptEnabled = normalizedQuestion.promptEnabled,
+        range = normalizedQuestion.range,
+        rationale = normalizedQuestion.rationale,
+        title = normalizedQuestion.title,
+        rationaleEnabled = normalizedQuestion.rationaleEnabled,
+        teacherInstructions = normalizedQuestion.teacherInstructions,
+        teacherInstructionsEnabled = normalizedQuestion.teacherInstructionsEnabled,
+        correctAnswer = normalizedQuestion.correctAnswer,
+        scoringType = normalizedQuestion.scoringType,
+        studentNewCategoryDefaultLabel = normalizedQuestion.studentNewCategoryDefaultLabel,
+        language = normalizedQuestion.language;
+    var correctInfo = {
+      correctness: 'incorrect',
+      score: '0%'
+    };
+    var base = {
+      addCategoryEnabled: addCategoryEnabled,
+      chartType: chartType,
+      data: filterCategories(data),
+      domain: domain,
+      graph: graph,
+      prompt: promptEnabled ? prompt : null,
+      range: range,
+      rationale: rationale,
+      title: title,
+      size: graph,
+      correctness: correctInfo,
+      disabled: env.mode !== 'gather',
+      scoringType: scoringType,
+      studentNewCategoryDefaultLabel: studentNewCategoryDefaultLabel,
+      language: language
+    };
+    var answers = filterCategories(getScore(normalizedQuestion, session, env).answers);
+
+    if (env.mode === 'view') {
+      // eslint-disable-next-line no-unused-vars
+      base.correctedAnswer = answers.map(function (_ref3) {
+        var correctness = _ref3.correctness,
+            rest = (0, _objectWithoutProperties2["default"])(_ref3, _excluded2);
+        return _objectSpread(_objectSpread({}, rest), {}, {
+          interactive: false
+        });
+      });
+      base.addCategoryEnabled = false;
+    }
+
+    if (env.mode === 'evaluate') {
+      base.correctedAnswer = answers;
+      base.correctAnswer = correctAnswer;
+      base.addCategoryEnabled = false;
+    }
+
+    if (env.role === 'instructor' && (env.mode === 'view' || env.mode === 'evaluate')) {
+      base.rationale = rationaleEnabled ? rationale : null;
+      base.teacherInstructions = teacherInstructionsEnabled ? teacherInstructions : null;
+    } else {
+      base.rationale = null;
+      base.teacherInstructions = null;
+    }
+
+    log('base: ', base);
+    resolve(base);
+  });
+}
+
+function outcome(model, session, env) {
+  return new Promise(function (resolve) {
+    resolve({
+      score: getScore(model, session, env).score,
+      empty: !session || (0, _isEmpty["default"])(session)
+    });
+  });
+}
+
+var createCorrectResponseSession = function createCorrectResponseSession(question, env) {
+  return new Promise(function (resolve) {
+    if (env.mode !== 'evaluate' && env.role === 'instructor') {
+      var correctAnswer = question.correctAnswer;
+      var answers = correctAnswer && correctAnswer.data; // for IBX preview mode
+
+      if (env.mode === 'gather') {
+        var data = question.data;
+        answers = (correctAnswer && correctAnswer.data || []).map(function (answer, index) {
+          return _objectSpread(_objectSpread({}, data[index]), answer);
+        });
+      }
+
+      resolve({
+        answer: answers,
+        id: '1'
+      });
+    } else {
+      return resolve(null);
+    }
+  });
+}; // remove all html tags
+
+
+exports.createCorrectResponseSession = createCorrectResponseSession;
+
+var getInnerText = function getInnerText(html) {
+  return (html || '').replaceAll(/<[^>]*>/g, '');
+}; // remove all html tags except img and iframe
+
+
+var getContent = function getContent(html) {
+  return (html || '').replace(/(<(?!img|iframe)([^>]+)>)/gi, '');
+};
+
+var validate = function validate() {
+  var model = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+  var _ref4 = model || {},
+      correctAnswer = _ref4.correctAnswer,
+      data = _ref4.data;
+
+  var _ref5 = correctAnswer || {},
+      correctData = _ref5.data;
+
+  var categories = correctData || [];
+  var errors = {};
+  var correctAnswerErrors = {};
+  var categoryErrors = {};
+  ['teacherInstructions', 'prompt', 'rationale'].forEach(function (field) {
+    var _config$field;
+
+    if ((_config$field = config[field]) !== null && _config$field !== void 0 && _config$field.required && !getContent(model[field])) {
+      errors[field] = 'This field is required.';
+    }
+  });
+  categories.forEach(function (category, index) {
+    var label = category.label;
+
+    if (!getInnerText(label)) {
+      categoryErrors[index] = 'Content should not be empty. ';
+    } else {
+      var identicalAnswer = categories.some(function (c, i) {
+        return c.label === label && index !== i;
+      });
+
+      if (identicalAnswer) {
+        categoryErrors[index] = 'Category names should be unique. ';
+      }
+    }
+  });
+
+  if (categories.length < 1 || categories.length > 20) {
+    correctAnswerErrors.categoriesError = 'The correct answer should include between 1 and 20 categories.';
+  } else if ((0, _isEqual["default"])(data.map(function (category) {
+    return (0, _pick["default"])(category, 'value', 'label');
+  }), correctData.map(function (category) {
+    return (0, _pick["default"])(category, 'value', 'label');
+  }))) {
+    correctAnswerErrors.identicalError = 'Correct answer should not be identical to the chart’s initial state';
+  }
+
+  if (!(0, _isEmpty["default"])(categoryErrors)) {
+    errors.categoryErrors = categoryErrors;
+  }
+
+  if (!(0, _isEmpty["default"])(correctAnswerErrors)) {
+    errors.correctAnswerErrors = correctAnswerErrors;
+  }
+
+  return errors;
+};
+
+exports.validate = validate;
+//# sourceMappingURL=index.js.map

package/controller/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.js"],"names":["log","lowerCase","string","toLowerCase","checkLabelsEquality","givenAnswerLabel","correctAnswerLabel","setCorrectness","answers","partialScoring","map","answer","correctness","value","label","normalize","question","addCategoryEnabled","promptEnabled","rationaleEnabled","teacherInstructionsEnabled","studentInstructionsEnabled","getScore","session","env","correctAnswer","data","initialData","scoringType","isPartialScoring","enabled","undefined","correctAnswers","defaultAnswers","filterCategories","result","maxScore","score","scoreForLabelAndValueEditable","corrAnswer","forEach","index","defaultAnswer","editable","interactive","length","slice","parseFloat","toFixed","categories","deletable","rest","model","Promise","resolve","normalizedQuestion","chartType","domain","graph","prompt","range","rationale","title","teacherInstructions","studentNewCategoryDefaultLabel","language","correctInfo","base","size","disabled","mode","correctedAnswer","role","outcome","empty","createCorrectResponseSession","id","getInnerText","html","replaceAll","getContent","replace","validate","config","correctData","errors","correctAnswerErrors","categoryErrors","field","required","category","identicalAnswer","some","c","i","categoriesError","identicalError"],"mappings":"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","sourcesContent":["import debug from 'debug';\nimport isEqual from 'lodash/isEqual';\nimport isEmpty from 'lodash/isEmpty';\nimport pick from 'lodash/pick';\n\nimport { partialScoring } from '@pie-lib/pie-toolbox/controller-utils';\n\nconst log = debug('@pie-element:graphing:controller');\n\nconst lowerCase = (string) => (string || '').toLowerCase();\n\nexport const checkLabelsEquality = (givenAnswerLabel, correctAnswerLabel) =>\n  lowerCase(givenAnswerLabel) === lowerCase(correctAnswerLabel);\n\nexport const setCorrectness = (answers, partialScoring) =>\n  answers\n    ? answers.map((answer) => ({\n        ...answer,\n        correctness: {\n          value: partialScoring ? 'incorrect' : 'correct',\n          label: partialScoring ? 'incorrect' : 'correct',\n        },\n      }))\n    : [];\n\nexport const normalize = (question) => ({\n  addCategoryEnabled: true,\n  promptEnabled: true,\n  rationaleEnabled: true,\n  teacherInstructionsEnabled: true,\n  studentInstructionsEnabled: true,\n  ...question,\n});\n\nexport const getScore = (question, session, env = {}) => {\n  const { correctAnswer, data: initialData = [], scoringType } = question;\n\n  const isPartialScoring = partialScoring.enabled(\n    { partialScoring: scoringType !== undefined ? scoringType === 'partial scoring' : scoringType },\n    env,\n  );\n\n  const { data: correctAnswers = [] } = correctAnswer || {};\n  const defaultAnswers = filterCategories(initialData);\n\n  let answers = setCorrectness((session && session.answer) || defaultAnswers, isPartialScoring);\n\n  let result = 0;\n\n  if (isPartialScoring) {\n    // if score type is \"partial scoring\"\n    // maxScore is calculated based on the correct response\n    // score is calculated based on the given response\n    let maxScore = 0;\n    let score = 0;\n\n    const scoreForLabelAndValueEditable = (answer, corrAnswer) => {\n      const { value, label } = answer;\n\n      maxScore += 2;\n\n      if (value === corrAnswer.value) {\n        score += 1;\n        answer.correctness.value = 'correct';\n      }\n\n      if (checkLabelsEquality(label, corrAnswer.label)) {\n        score += 1;\n        answer.correctness.label = 'correct';\n      }\n    };\n\n    // if given answer has more categories than the correct answers, the \"extra\" will be ignored\n    correctAnswers.forEach((corrAnswer, index) => {\n      const defaultAnswer = defaultAnswers[index];\n      const answer = answers[index];\n\n      // if there is a corresponding category at the same position in the given answer\n      if (answer) {\n        // if there is a corresponding category at the same position in the default answer\n        if (defaultAnswer) {\n          // if category's label (in default answer) was not editable\n          // it means that this category values only one point (only the value can be changed)\n          if (!defaultAnswer.editable && answer.interactive) {\n            maxScore += 1;\n\n            if (answer.value === corrAnswer.value) {\n              score += 1;\n              answer.correctness.value = 'correct';\n            }\n            answer.correctness.label = 'correct';\n\n            // if category's label (in default answer) was editable\n            // it means that this category values 2 points (both label and value can be changed)\n          } else if (defaultAnswer.editable && answer.interactive) {\n            scoreForLabelAndValueEditable(answer, corrAnswer);\n          } else if (!answer.interactive) {\n            answer.correctness.value = 'correct';\n            answer.correctness.label = 'correct';\n          }\n        } else {\n          // if there is not a corresponding category at the same position in the default answer\n          scoreForLabelAndValueEditable(answer, corrAnswer);\n        }\n      } else {\n        // if there is not a corresponding category at the same position in the given answer\n        // it means that the given answer has less categories than the correct answer\n        maxScore += 2;\n      }\n    });\n\n    result = maxScore ? score / maxScore : 0;\n  } else {\n    // if scoring type is \"all or nothing\"\n    // the length on correct answers and length of given answer have to match\n    result = correctAnswers.length === answers.length ? 1 : 0;\n\n    if (result) {\n      // if there is at least one difference between the correct answer and the given answer\n      // the result will be incorrect\n      correctAnswers.forEach((corrAnswer, index) => {\n        const { value, label } = answers[index];\n\n        if (value !== corrAnswer.value) {\n          result = 0;\n          answers[index].correctness.value = 'incorrect';\n        }\n        if (lowerCase(label) !== lowerCase(corrAnswer.label)) {\n          result = 0;\n          answers[index].correctness.label = 'incorrect';\n        }\n      });\n    } else {\n      answers = [\n        ...answers.slice(0, correctAnswers.length),\n        ...setCorrectness(answers.slice(correctAnswers.length), true),\n      ];\n    }\n  }\n\n  return {\n    score: parseFloat(result.toFixed(2)),\n    answers,\n  };\n};\n\n// eslint-disable-next-line no-unused-vars\nexport const filterCategories = (categories) => (categories ? categories.map(({ deletable, ...rest }) => rest) : []);\n\nexport function model(question, session, env) {\n  return new Promise((resolve) => {\n    const normalizedQuestion = normalize(question);\n    const {\n      addCategoryEnabled,\n      chartType,\n      data,\n      domain,\n      graph,\n      prompt,\n      promptEnabled,\n      range,\n      rationale,\n      title,\n      rationaleEnabled,\n      teacherInstructions,\n      teacherInstructionsEnabled,\n      correctAnswer,\n      scoringType,\n      studentNewCategoryDefaultLabel,\n      language,\n    } = normalizedQuestion;\n\n    const correctInfo = { correctness: 'incorrect', score: '0%' };\n\n    const base = {\n      addCategoryEnabled,\n      chartType,\n      data: filterCategories(data),\n      domain,\n      graph,\n      prompt: promptEnabled ? prompt : null,\n      range,\n      rationale,\n      title,\n      size: graph,\n      correctness: correctInfo,\n      disabled: env.mode !== 'gather',\n      scoringType,\n      studentNewCategoryDefaultLabel,\n      language,\n    };\n\n    const answers = filterCategories(getScore(normalizedQuestion, session, env).answers);\n\n    if (env.mode === 'view') {\n      // eslint-disable-next-line no-unused-vars\n      base.correctedAnswer = answers.map(({ correctness, ...rest }) => {\n        return { ...rest, interactive: false };\n      });\n\n      base.addCategoryEnabled = false;\n    }\n\n    if (env.mode === 'evaluate') {\n      base.correctedAnswer = answers;\n      base.correctAnswer = correctAnswer;\n      base.addCategoryEnabled = false;\n    }\n\n    if (env.role === 'instructor' && (env.mode === 'view' || env.mode === 'evaluate')) {\n      base.rationale = rationaleEnabled ? rationale : null;\n      base.teacherInstructions = teacherInstructionsEnabled ? teacherInstructions : null;\n    } else {\n      base.rationale = null;\n      base.teacherInstructions = null;\n    }\n\n    log('base: ', base);\n    resolve(base);\n  });\n}\n\nexport function outcome(model, session, env) {\n  return new Promise((resolve) => {\n    resolve({\n      score: getScore(model, session, env).score,\n      empty: !session || isEmpty(session),\n    });\n  });\n}\n\nexport const createCorrectResponseSession = (question, env) => {\n  return new Promise((resolve) => {\n    if (env.mode !== 'evaluate' && env.role === 'instructor') {\n      const { correctAnswer } = question;\n\n      let answers = correctAnswer && correctAnswer.data;\n\n      // for IBX preview mode\n      if (env.mode === 'gather') {\n        const { data } = question;\n\n        answers = ((correctAnswer && correctAnswer.data) || []).map((answer, index) => {\n          return {\n            ...data[index],\n            ...answer,\n          };\n        });\n      }\n\n      resolve({\n        answer: answers,\n        id: '1',\n      });\n    } else {\n      return 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 and iframe\nconst getContent = (html) => (html || '').replace(/(<(?!img|iframe)([^>]+)>)/gi, '');\n\nexport const validate = (model = {}, config = {}) => {\n  const { correctAnswer, data } = model || {};\n  const { data: correctData } = correctAnswer || {};\n  const categories = correctData || [];\n\n  const errors = {};\n  const correctAnswerErrors = {};\n  const categoryErrors = {};\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  categories.forEach((category, index) => {\n    const { label } = category;\n\n    if (!getInnerText(label)) {\n      categoryErrors[index] = 'Content should not be empty. ';\n    } else {\n      const identicalAnswer = categories.some((c, i) => c.label === label && index !== i);\n\n      if (identicalAnswer) {\n        categoryErrors[index] = 'Category names should be unique. ';\n      }\n    }\n  });\n\n  if (categories.length < 1 || categories.length > 20) {\n    correctAnswerErrors.categoriesError = 'The correct answer should include between 1 and 20 categories.';\n  } else if (\n    isEqual(\n      data.map((category) => pick(category, 'value', 'label')),\n      correctData.map((category) => pick(category, 'value', 'label')),\n    )\n  ) {\n    correctAnswerErrors.identicalError = 'Correct answer should not be identical to the chart’s initial state';\n  }\n\n  if (!isEmpty(categoryErrors)) {\n    errors.categoryErrors = categoryErrors;\n  }\n\n  if (!isEmpty(correctAnswerErrors)) {\n    errors.correctAnswerErrors = correctAnswerErrors;\n  }\n\n  return errors;\n};\n"],"file":"index.js"}

package/lib/index.js

@@ -0,0 +1,121 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Component", {
+  enumerable: true,
+  get: function get() {
+    return _main["default"];
+  }
+});
+exports["default"] = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+var _main = _interopRequireDefault(require("./main"));
+
+var _piePlayerEvents = require("@pie-framework/pie-player-events");
+
+var _mathRenderingAccessible = require("@pie-lib/pie-toolbox/math-rendering-accessible");
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var Graphing = /*#__PURE__*/function (_HTMLElement) {
+  (0, _inherits2["default"])(Graphing, _HTMLElement);
+
+  var _super = _createSuper(Graphing);
+
+  function Graphing() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, Graphing);
+    _this = _super.call(this);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "isComplete", function (answer) {
+      return Array.isArray(answer) && answer.length > 0;
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeAnswers", function (answer) {
+      _this._session.answer = answer;
+
+      _this.dispatchEvent(new _piePlayerEvents.SessionChangedEvent(_this.tagName.toLowerCase(), _this.isComplete(_this._session.answer)));
+
+      _this._render();
+    });
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Graphing, [{
+    key: "model",
+    set: function set(m) {
+      this._model = m;
+
+      if (this._session && this.isComplete(this._session.answer)) {
+        this.dispatchEvent(new _piePlayerEvents.ModelSetEvent(this.tagName.toLowerCase(), true, !!this._model));
+      } else {
+        this.dispatchEvent(new _piePlayerEvents.ModelSetEvent(this.tagName.toLowerCase(), false, !!this._model));
+      }
+
+      this._render();
+    }
+  }, {
+    key: "session",
+    get: function get() {
+      return this._session;
+    },
+    set: function set(s) {
+      this._session = s;
+
+      this._render();
+    }
+  }, {
+    key: "connectedCallback",
+    value: function connectedCallback() {
+      this._render();
+    }
+  }, {
+    key: "_render",
+    value: function _render() {
+      var _this2 = this;
+
+      if (!this._model || !this._session) {
+        return;
+      }
+
+      var el = /*#__PURE__*/_react["default"].createElement(_main["default"], {
+        model: this._model,
+        categories: this._session.answer,
+        onAnswersChange: this.changeAnswers
+      });
+
+      _reactDom["default"].render(el, this, function () {
+        (0, _mathRenderingAccessible.renderMath)(_this2);
+      });
+    }
+  }]);
+  return Graphing;
+}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
+
+exports["default"] = Graphing;
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.js"],"names":["Graphing","answer","Array","isArray","length","_session","dispatchEvent","SessionChangedEvent","tagName","toLowerCase","isComplete","_render","m","_model","ModelSetEvent","s","el","React","createElement","Main","model","categories","onAnswersChange","changeAnswers","ReactDOM","render","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;IAIqBA,Q;;;;;AACnB,sBAAc;AAAA;;AAAA;AACZ;AADY,mGA6BD,UAACC,MAAD;AAAA,aAAYC,KAAK,CAACC,OAAN,CAAcF,MAAd,KAAyBA,MAAM,CAACG,MAAP,GAAgB,CAArD;AAAA,KA7BC;AAAA,sGA+BE,UAACH,MAAD,EAAY;AAC1B,YAAKI,QAAL,CAAcJ,MAAd,GAAuBA,MAAvB;;AAEA,YAAKK,aAAL,CAAmB,IAAIC,oCAAJ,CAAwB,MAAKC,OAAL,CAAaC,WAAb,EAAxB,EAAoD,MAAKC,UAAL,CAAgB,MAAKL,QAAL,CAAcJ,MAA9B,CAApD,CAAnB;;AAEA,YAAKU,OAAL;AACD,KArCa;AAAA;AAEb;;;;SAED,aAAUC,CAAV,EAAa;AACX,WAAKC,MAAL,GAAcD,CAAd;;AAEA,UAAI,KAAKP,QAAL,IAAiB,KAAKK,UAAL,CAAgB,KAAKL,QAAL,CAAcJ,MAA9B,CAArB,EAA4D;AAC1D,aAAKK,aAAL,CAAmB,IAAIQ,8BAAJ,CAAkB,KAAKN,OAAL,CAAaC,WAAb,EAAlB,EAA8C,IAA9C,EAAoD,CAAC,CAAC,KAAKI,MAA3D,CAAnB;AACD,OAFD,MAEO;AACL,aAAKP,aAAL,CAAmB,IAAIQ,8BAAJ,CAAkB,KAAKN,OAAL,CAAaC,WAAb,EAAlB,EAA8C,KAA9C,EAAqD,CAAC,CAAC,KAAKI,MAA5D,CAAnB;AACD;;AAED,WAAKF,OAAL;AACD;;;SAOD,eAAc;AACZ,aAAO,KAAKN,QAAZ;AACD,K;SAPD,aAAYU,CAAZ,EAAe;AACb,WAAKV,QAAL,GAAgBU,CAAhB;;AACA,WAAKJ,OAAL;AACD;;;WAMD,6BAAoB;AAClB,WAAKA,OAAL;AACD;;;WAYD,mBAAU;AAAA;;AACR,UAAI,CAAC,KAAKE,MAAN,IAAgB,CAAC,KAAKR,QAA1B,EAAoC;AAClC;AACD;;AAED,UAAMW,EAAE,gBAAGC,kBAAMC,aAAN,CAAoBC,gBAApB,EAA0B;AACnCC,QAAAA,KAAK,EAAE,KAAKP,MADuB;AAEnCQ,QAAAA,UAAU,EAAE,KAAKhB,QAAL,CAAcJ,MAFS;AAGnCqB,QAAAA,eAAe,EAAE,KAAKC;AAHa,OAA1B,CAAX;;AAMAC,2BAASC,MAAT,CAAgBT,EAAhB,EAAoB,IAApB,EAA0B,YAAM;AAC9B,iDAAW,MAAX;AACD,OAFD;AAGD;;;kDAtDmCU,W","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport Main from './main';\nimport { SessionChangedEvent, ModelSetEvent } from '@pie-framework/pie-player-events';\nimport { renderMath } from '@pie-lib/pie-toolbox/math-rendering-accessible';\n\nexport { Main as Component };\n\nexport default class Graphing extends HTMLElement {\n  constructor() {\n    super();\n  }\n\n  set model(m) {\n    this._model = m;\n\n    if (this._session && this.isComplete(this._session.answer)) {\n      this.dispatchEvent(new ModelSetEvent(this.tagName.toLowerCase(), true, !!this._model));\n    } else {\n      this.dispatchEvent(new ModelSetEvent(this.tagName.toLowerCase(), false, !!this._model));\n    }\n\n    this._render();\n  }\n\n  set session(s) {\n    this._session = s;\n    this._render();\n  }\n\n  get session() {\n    return this._session;\n  }\n\n  connectedCallback() {\n    this._render();\n  }\n\n  isComplete = (answer) => Array.isArray(answer) && answer.length > 0;\n\n  changeAnswers = (answer) => {\n    this._session.answer = answer;\n\n    this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), this.isComplete(this._session.answer)));\n\n    this._render();\n  };\n\n  _render() {\n    if (!this._model || !this._session) {\n      return;\n    }\n\n    const el = React.createElement(Main, {\n      model: this._model,\n      categories: this._session.answer,\n      onAnswersChange: this.changeAnswers,\n    });\n\n    ReactDOM.render(el, this, () => {\n      renderMath(this);\n    });\n  }\n}\n"],"file":"index.js"}