@instructure/quiz-core 21.1.0 → 21.2.0

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/AfsPartsContainer/styles.js

@@ -4,11 +4,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var generateStyle = function generateStyle(componentTheme, props) {
   return {
-    tableContainer: (0, _objectSpread2.default)({
+    tableContainer: _objectSpread({
       width: 'calc(25% + 350px)',
       maxWidth: '100%'
     }, props.afsTable && {
@@ -16,5 +18,4 @@ var generateStyle = function generateStyle(componentTheme, props) {
     })
   };
 };
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports["default"] = generateStyle;

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/AfsPartsContainer/theme.js

@@ -3,12 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing;
   return {
     marginOfTables: spacing.medium
   };
 };
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports["default"] = generateComponentTheme;

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/AfsTableWrapper/index.js

@@ -9,4 +9,4 @@ Object.defineProperty(exports, "default", {
     return _presenter.AfsTableWrapper;
   }
 });
-var _presenter = require("./presenter.js");
+var _presenter = require("./presenter");

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/AfsTableWrapper/popoverContent.js

@@ -6,9 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.noAnswerMissing = void 0;
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-var noAnswerMissing = {
-  title: (0, _formatMessage.default)('No Response'),
-  body: (0, _formatMessage.default)('No response is considered as Incorrect answer in this question type.'),
-  screenReaderLabel: (0, _formatMessage.default)('No response tooltip')
-};
-exports.noAnswerMissing = noAnswerMissing;
+var noAnswerMissing = exports.noAnswerMissing = {
+  title: (0, _formatMessage["default"])('No Response'),
+  body: (0, _formatMessage["default"])('No response is considered as Incorrect answer in this question type.'),
+  screenReaderLabel: (0, _formatMessage["default"])('No response tooltip')
+};

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/AfsTableWrapper/presenter.js

@@ -5,35 +5,38 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AfsTableWrapper = void 0;
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _uiHeading = require("@instructure/ui-heading");
 var _emotion = require("@instructure/emotion");
-var _styles = _interopRequireDefault(require("./styles.js"));
+var _styles = _interopRequireDefault(require("./styles"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _popoverContent = require("./popoverContent.js");
-var _index = _interopRequireDefault(require("../../../MetricPopover/index.js"));
+var _popoverContent = require("./popoverContent");
+var _MetricPopover = _interopRequireDefault(require("../../../MetricPopover"));
 var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _AfsTableWrapper;
 /** @jsx jsx */
-var AfsTableWrapper = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, null), _dec(_class = (_AfsTableWrapper = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(AfsTableWrapper, _Component);
-  var _super = (0, _createSuper2.default)(AfsTableWrapper);
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var AfsTableWrapper = exports.AfsTableWrapper = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], null), _dec(_class = (_AfsTableWrapper = /*#__PURE__*/function (_Component) {
   function AfsTableWrapper() {
     var _this;
-    (0, _classCallCheck2.default)(this, AfsTableWrapper);
+    (0, _classCallCheck2["default"])(this, AfsTableWrapper);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this.getHeader = function () {
+    _this = _callSuper(this, AfsTableWrapper, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "getHeader", function () {
       var tableHeader = _this.props.tableHeader;
-      return tableHeader || (0, _formatMessage.default)('Answer Frequency Summary');
-    };
-    _this.render = function () {
+      return tableHeader || (0, _formatMessage["default"])('Answer Frequency Summary');
+    });
+    (0, _defineProperty2["default"])(_this, "render", function () {
       var noAnswerMissingPopover = _this.props.noAnswerMissingPopover;
       return (0, _emotion.jsx)(_quizCommon.Flex, {
         direction: "row",
@@ -49,15 +52,15 @@ var AfsTableWrapper = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
         color: "primary"
       }, (0, _emotion.jsx)(_quizCommon.Flex, {
         gap: "x-small"
-      }, (0, _emotion.jsx)(_quizCommon.Flex.Item, null, _this.getHeader()), (0, _emotion.jsx)(_quizCommon.Flex.Item, null, noAnswerMissingPopover && (0, _emotion.jsx)(_index.default, _popoverContent.noAnswerMissing)))), _this.props.children)));
-    };
+      }, (0, _emotion.jsx)(_quizCommon.Flex.Item, null, _this.getHeader()), (0, _emotion.jsx)(_quizCommon.Flex.Item, null, noAnswerMissingPopover && (0, _emotion.jsx)(_MetricPopover["default"], _popoverContent.noAnswerMissing)))), _this.props.children)));
+    });
     return _this;
   }
-  return AfsTableWrapper;
-}(_react.Component), _AfsTableWrapper.displayName = 'AfsTableWrapper', _AfsTableWrapper.componentId = "Quizzes".concat(_AfsTableWrapper.displayName), _AfsTableWrapper.propTypes = {
-  children: _propTypes.default.node.isRequired,
-  styles: _propTypes.default.object,
-  tableHeader: _propTypes.default.string,
-  noAnswerMissingPopover: _propTypes.default.bool
-}, _AfsTableWrapper)) || _class);
-exports.AfsTableWrapper = AfsTableWrapper;
+  (0, _inherits2["default"])(AfsTableWrapper, _Component);
+  return (0, _createClass2["default"])(AfsTableWrapper);
+}(_react.Component), (0, _defineProperty2["default"])(_AfsTableWrapper, "displayName", 'AfsTableWrapper'), (0, _defineProperty2["default"])(_AfsTableWrapper, "componentId", "Quizzes".concat(_AfsTableWrapper.displayName)), (0, _defineProperty2["default"])(_AfsTableWrapper, "propTypes", {
+  children: _propTypes["default"].node.isRequired,
+  styles: _propTypes["default"].object,
+  tableHeader: _propTypes["default"].string,
+  noAnswerMissingPopover: _propTypes["default"].bool
+}), _AfsTableWrapper)) || _class);

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/AfsTableWrapper/styles.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var generateStyle = function generateStyle() {
   return {
     tableWrapper: {
@@ -13,5 +13,4 @@ var generateStyle = function generateStyle() {
     }
   };
 };
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports["default"] = generateStyle;

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/AggregationTable/index.js

@@ -9,4 +9,4 @@ Object.defineProperty(exports, "default", {
     return _presenter.AggregationTable;
   }
 });
-var _presenter = require("./presenter.js");
+var _presenter = require("./presenter");

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/AggregationTable/presenter.js

@@ -5,42 +5,41 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AggregationTable = void 0;
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _uiTable = require("@instructure/ui-table");
-var _propTypes = require("../../../../common/propTypes.js");
+var _propTypes = require("../../../../common/propTypes");
 var _propTypes2 = _interopRequireDefault(require("prop-types"));
 var _uiIcons = require("@instructure/ui-icons");
 var _emotion = require("@instructure/emotion");
-var _theme = _interopRequireDefault(require("./theme.js"));
-var _styles = _interopRequireDefault(require("./styles.js"));
+var _theme = _interopRequireDefault(require("./theme"));
+var _styles = _interopRequireDefault(require("./styles"));
 var _uiText = require("@instructure/ui-text");
 var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _AggregationTable;
 /** @jsx jsx */
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var noAnswerKey = 'noAnswer';
 var incorrectKey = 'incorrect';
 var correctKey = 'correct';
 var gradedKey = 'graded';
-var _ref = (0, _emotion.jsx)(_uiIcons.IconCheckSolid, null);
-var _ref2 = (0, _emotion.jsx)(_uiIcons.IconGradebookSolid, null);
-var _ref3 = (0, _emotion.jsx)(_uiIcons.IconXSolid, null);
-var _ref4 = (0, _emotion.jsx)(_uiIcons.IconNoSolid, null);
-var AggregationTable = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_AggregationTable = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(AggregationTable, _Component);
-  var _super = (0, _createSuper2.default)(AggregationTable);
+var AggregationTable = exports.AggregationTable = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_AggregationTable = /*#__PURE__*/function (_Component) {
   function AggregationTable() {
     var _this;
-    (0, _classCallCheck2.default)(this, AggregationTable);
+    (0, _classCallCheck2["default"])(this, AggregationTable);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this.renderHeaderRow = function () {
-      var popover = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
+    _this = _callSuper(this, AggregationTable, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "renderHeaderRow", function () {
+      var popover = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
       var itemId = _this.props.itemId;
       var answerHeaderId = "answer-frequency-summary-aggregate-answer-".concat(itemId);
       var respondentsHeaderId = "answer-frequency-summary-aggregate-respondents-".concat(itemId);
@@ -49,15 +48,15 @@ var AggregationTable = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defau
         id: answerHeaderId
       }, (0, _emotion.jsx)("span", {
         css: _this.props.styles.firstHeaderCell
-      }, (0, _formatMessage.default)('Result'))), (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
+      }, (0, _formatMessage["default"])('Result'))), (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
         id: respondentsHeaderId,
         textAlign: "center"
-      }, (0, _formatMessage.default)('Respondents')), (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
+      }, (0, _formatMessage["default"])('Respondents')), (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
         id: percentageHeaderId,
         textAlign: "center"
-      }, (0, _formatMessage.default)('Percentage'))));
-    };
-    _this.renderRow = function (key, icon, label, count, percentage) {
+      }, (0, _formatMessage["default"])('Percentage'))));
+    });
+    (0, _defineProperty2["default"])(_this, "renderRow", function (key, icon, label, count, percentage) {
       var backgroundColor = _this.props.styles["".concat(key, "Background")];
       var concatenatedPercentage = "".concat(percentage, "%");
       return (0, _emotion.jsx)(_uiTable.Table.Row, {
@@ -91,50 +90,50 @@ var AggregationTable = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defau
         },
         textAlign: "center"
       }, (0, _emotion.jsx)(_uiText.Text, null, concatenatedPercentage)));
-    };
-    _this.gradedExist = function () {
+    });
+    (0, _defineProperty2["default"])(_this, "gradedExist", function () {
       var graded = _this.props.answerSummary.graded;
       return !!graded;
-    };
-    _this.correctExist = function () {
+    });
+    (0, _defineProperty2["default"])(_this, "correctExist", function () {
       var aggregate = _this.props.answerSummary.aggregate;
-      return !!(aggregate === null || aggregate === void 0 ? void 0 : aggregate.correct);
-    };
-    _this.incorrectExist = function () {
+      return !!(aggregate !== null && aggregate !== void 0 && aggregate.correct);
+    });
+    (0, _defineProperty2["default"])(_this, "incorrectExist", function () {
       var aggregate = _this.props.answerSummary.aggregate;
-      return !!(aggregate === null || aggregate === void 0 ? void 0 : aggregate.incorrect);
-    };
-    _this.noAnswerExist = function () {
+      return !!(aggregate !== null && aggregate !== void 0 && aggregate.incorrect);
+    });
+    (0, _defineProperty2["default"])(_this, "noAnswerExist", function () {
       var no_answer = _this.props.answerSummary.no_answer;
       return !!no_answer;
-    };
-    _this.renderCorrect = function () {
+    });
+    (0, _defineProperty2["default"])(_this, "renderCorrect", function () {
       var aggregate = _this.props.answerSummary.aggregate;
       var correct = aggregate.correct;
       var correctCount = correct.count || 0;
       var correctPercentage = correct.percentage || 0;
-      return _this.renderRow(correctKey, _ref, (0, _formatMessage.default)('Correct'), correctCount, correctPercentage);
-    };
-    _this.renderGraded = function () {
+      return _this.renderRow(correctKey, (0, _emotion.jsx)(_uiIcons.IconCheckSolid, null), (0, _formatMessage["default"])('Correct'), correctCount, correctPercentage);
+    });
+    (0, _defineProperty2["default"])(_this, "renderGraded", function () {
       var graded = _this.props.answerSummary.graded;
       var gradedCount = graded.count || 0;
       var gradedPercentage = graded.percentage || 0;
-      return _this.renderRow(gradedKey, _ref2, (0, _formatMessage.default)('Graded'), gradedCount, gradedPercentage);
-    };
-    _this.renderIncorrect = function () {
+      return _this.renderRow(gradedKey, (0, _emotion.jsx)(_uiIcons.IconGradebookSolid, null), (0, _formatMessage["default"])('Graded'), gradedCount, gradedPercentage);
+    });
+    (0, _defineProperty2["default"])(_this, "renderIncorrect", function () {
       var aggregate = _this.props.answerSummary.aggregate;
       var incorrect = aggregate.incorrect;
       var incorrectCount = incorrect.count || 0;
       var incorrectPercentage = incorrect.percentage || 0;
-      return _this.renderRow(incorrectKey, _ref3, (0, _formatMessage.default)('Incorrect'), incorrectCount, incorrectPercentage);
-    };
-    _this.renderNoAnswer = function () {
+      return _this.renderRow(incorrectKey, (0, _emotion.jsx)(_uiIcons.IconXSolid, null), (0, _formatMessage["default"])('Incorrect'), incorrectCount, incorrectPercentage);
+    });
+    (0, _defineProperty2["default"])(_this, "renderNoAnswer", function () {
       var no_answer = _this.props.answerSummary.no_answer;
       var noAnswerCount = no_answer.count || 0;
       var noAnswerPercentage = no_answer.percentage || 0;
-      return _this.renderRow(noAnswerKey, _ref4, (0, _formatMessage.default)('No response'), noAnswerCount, noAnswerPercentage);
-    };
-    _this.getColorProfile = function () {
+      return _this.renderRow(noAnswerKey, (0, _emotion.jsx)(_uiIcons.IconNoSolid, null), (0, _formatMessage["default"])('No response'), noAnswerCount, noAnswerPercentage);
+    });
+    (0, _defineProperty2["default"])(_this, "getColorProfile", function () {
       var colorProfile;
       var correctIncorrectNoAnswerGraded = _this.gradedExist() && _this.noAnswerExist() && _this.correctExist() && _this.incorrectExist();
       var correctIncorrectNoAnswer = !_this.gradedExist() && _this.noAnswerExist() && _this.correctExist() && _this.incorrectExist();
@@ -149,22 +148,22 @@ var AggregationTable = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defau
         colorProfile = 'correctIncorrect';
       }
       return colorProfile;
-    };
-    _this.render = function () {
+    });
+    (0, _defineProperty2["default"])(_this, "render", function () {
       var popover = !_this.noAnswerExist();
       var tableStyles = [_this.props.styles.collapsingTable, _this.props.styles[_this.getColorProfile()]];
       return (0, _emotion.jsx)("div", {
         css: tableStyles
       }, (0, _emotion.jsx)(_uiTable.Table, {
-        caption: (0, _formatMessage.default)('Answer Frequency Summary Aggregates')
+        caption: (0, _formatMessage["default"])('Answer Frequency Summary Aggregates')
       }, _this.renderHeaderRow(popover), (0, _emotion.jsx)(_uiTable.Table.Body, null, _this.correctExist() && _this.renderCorrect(), _this.gradedExist() && _this.renderGraded(), _this.incorrectExist() && _this.renderIncorrect(), _this.noAnswerExist() && _this.renderNoAnswer())));
-    };
+    });
     return _this;
   }
-  return AggregationTable;
-}(_react.Component), _AggregationTable.displayName = 'AggregationTable', _AggregationTable.componentId = "Quizzes".concat(_AggregationTable.displayName), _AggregationTable.propTypes = {
-  itemId: _propTypes2.default.number.isRequired,
+  (0, _inherits2["default"])(AggregationTable, _Component);
+  return (0, _createClass2["default"])(AggregationTable);
+}(_react.Component), (0, _defineProperty2["default"])(_AggregationTable, "displayName", 'AggregationTable'), (0, _defineProperty2["default"])(_AggregationTable, "componentId", "Quizzes".concat(_AggregationTable.displayName)), (0, _defineProperty2["default"])(_AggregationTable, "propTypes", {
+  itemId: _propTypes2["default"].number.isRequired,
   answerSummary: _propTypes.onlyAggregatePropType.isRequired,
-  styles: _propTypes2.default.object
-}, _AggregationTable)) || _class);
-exports.AggregationTable = AggregationTable;
+  styles: _propTypes2["default"].object
+}), _AggregationTable)) || _class);

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/AggregationTable/styles.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var generateStyle = function generateStyle(componentTheme) {
   return {
     iconWrapper: {
@@ -143,5 +143,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports["default"] = generateStyle;

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/AggregationTable/theme.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors;
   return {
@@ -15,5 +15,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     cellPadding: '13.5px 13.5px;'
   };
 };
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports["default"] = generateComponentTheme;

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/ChoiceTypeTable/index.js

@@ -9,4 +9,4 @@ Object.defineProperty(exports, "default", {
     return _presenter.ChoiceTypeTable;
   }
 });
-var _presenter = require("./presenter.js");
+var _presenter = require("./presenter");

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/ChoiceTypeTable/presenter.js

@@ -5,78 +5,79 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ChoiceTypeTable = void 0;
-var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty3 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _uiTable = require("@instructure/ui-table");
 var _emotion = require("@instructure/emotion");
 var _uiA11yContent = require("@instructure/ui-a11y-content");
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _propTypes2 = require("../../../../common/propTypes.js");
-var _styles = _interopRequireDefault(require("./styles.js"));
-var _theme = _interopRequireDefault(require("./theme.js"));
+var _propTypes2 = require("../../../../common/propTypes");
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
 var _uiIcons = require("@instructure/ui-icons");
 var _quizInteractions = require("@instructure/quiz-interactions");
 var _uiText = require("@instructure/ui-text");
 var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _ChoiceTypeTable;
 /** @jsx jsx */
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var correctAttribute = 'correct';
 var incorrectAttribute = 'incorrect';
-var _ref = (0, _emotion.jsx)(_uiIcons.IconCheckSolid, null);
-var _ref2 = (0, _emotion.jsx)(_uiIcons.IconXSolid, null);
-var ChoiceTypeTable = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_ChoiceTypeTable = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(ChoiceTypeTable, _Component);
-  var _super = (0, _createSuper2.default)(ChoiceTypeTable);
+var ChoiceTypeTable = exports.ChoiceTypeTable = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_ChoiceTypeTable = /*#__PURE__*/function (_Component) {
   function ChoiceTypeTable() {
-    var _this$rowStyleMap;
     var _this;
-    (0, _classCallCheck2.default)(this, ChoiceTypeTable);
+    (0, _classCallCheck2["default"])(this, ChoiceTypeTable);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this.rowStyleMap = (_this$rowStyleMap = {}, (0, _defineProperty2.default)(_this$rowStyleMap, correctAttribute, _this.props.styles.correctRow), (0, _defineProperty2.default)(_this$rowStyleMap, incorrectAttribute, _this.props.styles.incorrectRow), _this$rowStyleMap);
-    _this.renderIcon = function (correct) {
+    _this = _callSuper(this, ChoiceTypeTable, [].concat(args));
+    (0, _defineProperty3["default"])(_this, "rowStyleMap", (0, _defineProperty3["default"])((0, _defineProperty3["default"])({}, correctAttribute, _this.props.styles.correctRow), incorrectAttribute, _this.props.styles.incorrectRow));
+    (0, _defineProperty3["default"])(_this, "renderIcon", function (correct) {
       var iconStyles = [_this.props.styles.iconWrapper, correct ? _this.props.styles.iconCorrect : {}];
       return (0, _emotion.jsx)("div", {
         css: iconStyles
-      }, correct ? _ref : _ref2);
-    };
-    _this.renderFirstCell = function (content) {
+      }, correct ? (0, _emotion.jsx)(_uiIcons.IconCheckSolid, null) : (0, _emotion.jsx)(_uiIcons.IconXSolid, null));
+    });
+    (0, _defineProperty3["default"])(_this, "renderFirstCell", function (content) {
       return (0, _emotion.jsx)("div", {
         css: _this.props.styles.firstTextContainer
       }, content);
-    };
-    _this.renderCell = function (content) {
+    });
+    (0, _defineProperty3["default"])(_this, "renderCell", function (content) {
       return (0, _emotion.jsx)("div", {
         css: _this.props.styles.textContainer
       }, content);
-    };
-    _this.answerLabel = function (correct) {
-      return correct ? (0, _formatMessage.default)('Correct answer') : (0, _formatMessage.default)('Incorrect answer');
-    };
-    _this.extractChoiceText = function (choiceBody, correct) {
+    });
+    (0, _defineProperty3["default"])(_this, "answerLabel", function (correct) {
+      return correct ? (0, _formatMessage["default"])('Correct answer') : (0, _formatMessage["default"])('Incorrect answer');
+    });
+    (0, _defineProperty3["default"])(_this, "extractChoiceText", function (choiceBody, correct) {
       var text = (0, _quizInteractions.extractTextFromHtml)(choiceBody);
       if (text.trim().length > 0) return text;
       return _this.answerLabel(correct);
-    };
-    _this.nextChoiceIsCorrect = function (choices, choiceIndex) {
+    });
+    (0, _defineProperty3["default"])(_this, "nextChoiceIsCorrect", function (choices, choiceIndex) {
       var _choices$choiceIndex;
       return (_choices$choiceIndex = choices[choiceIndex]) === null || _choices$choiceIndex === void 0 ? void 0 : _choices$choiceIndex.correct;
-    };
-    _this.getDataIconAttribute = function (correct, choiceIndex) {
+    });
+    (0, _defineProperty3["default"])(_this, "getDataIconAttribute", function (correct, choiceIndex) {
       var choices = _this.props.choices;
       if (_this.nextChoiceIsCorrect(choices, choiceIndex + 1) && !correct) {
         return '';
       }
       return correct ? correctAttribute : incorrectAttribute;
-    };
-    _this.renderRow = function (choice, choiceIndex) {
+    });
+    (0, _defineProperty3["default"])(_this, "renderRow", function (choice, choiceIndex) {
       var correct = choice.correct,
         body = choice.body;
       var extractedBody = _this.extractChoiceText(body, correct);
@@ -110,23 +111,23 @@ var ChoiceTypeTable = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
         },
         textAlign: "center"
       }, _this.renderCell("".concat(choice.percentage, "%"))));
-    };
-    _this.componentDidMount = function () {
+    });
+    (0, _defineProperty3["default"])(_this, "componentDidMount", function () {
       _this.applyStylesToTable();
       _this.props.makeStyles();
-    };
-    _this.componentDidUpdate = function () {
+    });
+    (0, _defineProperty3["default"])(_this, "componentDidUpdate", function () {
       _this.props.makeStyles();
-    };
-    _this.applyStylesToTable = function () {
+    });
+    (0, _defineProperty3["default"])(_this, "applyStylesToTable", function () {
       if (_this.tableRef) {
-        var _iterator = (0, _createForOfIteratorHelper2.default)(_this.tableRef.rows),
+        var _iterator = _createForOfIteratorHelper(_this.tableRef.rows),
           _step;
         try {
           var _loop = function _loop() {
-            var _row$querySelector, _row$querySelector$da;
+            var _row$querySelector;
             var row = _step.value;
-            var icon = (_row$querySelector = row.querySelector('tr th:first-child [data-icon]')) === null || _row$querySelector === void 0 ? void 0 : (_row$querySelector$da = _row$querySelector.dataset) === null || _row$querySelector$da === void 0 ? void 0 : _row$querySelector$da.icon;
+            var icon = (_row$querySelector = row.querySelector('tr th:first-child [data-icon]')) === null || _row$querySelector === void 0 || (_row$querySelector = _row$querySelector.dataset) === null || _row$querySelector === void 0 ? void 0 : _row$querySelector.icon;
             var td = row.querySelectorAll('td');
             var th = row.querySelectorAll('th');
             if (icon) {
@@ -152,11 +153,11 @@ var ChoiceTypeTable = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
           _iterator.f();
         }
       }
-    };
-    _this.setTableRef = function (el) {
+    });
+    (0, _defineProperty3["default"])(_this, "setTableRef", function (el) {
       return _this.tableRef = el;
-    };
-    _this.render = function () {
+    });
+    (0, _defineProperty3["default"])(_this, "render", function () {
       var _this$props = _this.props,
         choices = _this$props.choices,
         itemId = _this$props.itemId;
@@ -167,7 +168,7 @@ var ChoiceTypeTable = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
       return (0, _emotion.jsx)("div", {
         css: containerStyles
       }, (0, _emotion.jsx)(_uiTable.Table, {
-        caption: (0, _formatMessage.default)('Answer Frequency Summary'),
+        caption: (0, _formatMessage["default"])('Answer Frequency Summary'),
         elementRef: _this.setTableRef
       }, (0, _emotion.jsx)(_uiTable.Table.Head, null, (0, _emotion.jsx)(_uiTable.Table.Row, null, (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
         id: answerHeaderId,
@@ -175,26 +176,26 @@ var ChoiceTypeTable = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
         themeOverride: {
           padding: '0 0 0 57px'
         }
-      }, (0, _formatMessage.default)('Answer')), (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
+      }, (0, _formatMessage["default"])('Answer')), (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
         id: respondentsHeaderId,
         height: "47px",
         textAlign: "center"
-      }, (0, _formatMessage.default)('Respondents')), (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
+      }, (0, _formatMessage["default"])('Respondents')), (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
         id: percentageHeaderId,
         height: "47px",
         textAlign: "center"
-      }, (0, _formatMessage.default)('Percentage')))), (0, _emotion.jsx)(_uiTable.Table.Body, null, choices.map(_this.renderRow))));
-    };
+      }, (0, _formatMessage["default"])('Percentage')))), (0, _emotion.jsx)(_uiTable.Table.Body, null, choices.map(_this.renderRow))));
+    });
     return _this;
   }
-  return ChoiceTypeTable;
-}(_react.Component), _ChoiceTypeTable.displayName = 'ChoiceTypeTable', _ChoiceTypeTable.componentId = "Quizzes".concat(_ChoiceTypeTable.displayName), _ChoiceTypeTable.propTypes = {
-  itemId: _propTypes.default.number.isRequired,
-  choices: _propTypes.default.arrayOf(_propTypes2.choiceTypeObject).isRequired,
-  tableContainerStyles: _propTypes.default.object,
-  styles: _propTypes.default.object,
-  makeStyles: _propTypes.default.func
-}, _ChoiceTypeTable.defaultProps = {
-  tableContainerStyles: void 0
-}, _ChoiceTypeTable)) || _class);
-exports.ChoiceTypeTable = ChoiceTypeTable;
+  (0, _inherits2["default"])(ChoiceTypeTable, _Component);
+  return (0, _createClass2["default"])(ChoiceTypeTable);
+}(_react.Component), (0, _defineProperty3["default"])(_ChoiceTypeTable, "displayName", 'ChoiceTypeTable'), (0, _defineProperty3["default"])(_ChoiceTypeTable, "componentId", "Quizzes".concat(_ChoiceTypeTable.displayName)), (0, _defineProperty3["default"])(_ChoiceTypeTable, "propTypes", {
+  itemId: _propTypes["default"].number.isRequired,
+  choices: _propTypes["default"].arrayOf(_propTypes2.choiceTypeObject).isRequired,
+  tableContainerStyles: _propTypes["default"].object,
+  styles: _propTypes["default"].object,
+  makeStyles: _propTypes["default"].func
+}), (0, _defineProperty3["default"])(_ChoiceTypeTable, "defaultProps", {
+  tableContainerStyles: undefined
+}), _ChoiceTypeTable)) || _class);