@instructure/quiz-core 20.17.2-rc.9 → 20.17.3-rc.0

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/LegacyChoiceType/ChoiceTypeTableRow/styles.js

@@ -1,14 +1,11 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var generateStyle = function generateStyle(componentTheme, props) {
   var correctRowBorderStyles = {
     borderColor: componentTheme.colorGreen,
@@ -46,6 +43,4 @@ var generateStyle = function generateStyle(componentTheme, props) {
     cellPadding: componentTheme.cellPadding
   };
 };
-
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports.default = generateStyle;

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/LegacyChoiceType/ChoiceTypeTableRow/theme.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors;
   return {
@@ -12,6 +11,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     cellPadding: '0.75rem 0.75rem'
   };
 };
-
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/LegacyChoiceType/index.js

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

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/LegacyChoiceType/presenter.js

@@ -1,68 +1,42 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LegacyChoiceType = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 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 _index = _interopRequireDefault(require("./ChoiceTypeTableRow/index.js"));
-
-var _propTypes2 = require("../../propTypes.js");
-
-var _styles = _interopRequireDefault(require("./styles.js"));
-
-var _theme = _interopRequireDefault(require("./theme.js"));
-
-var _index2 = _interopRequireDefault(require("../shared/AfsTableWrapper/index.js"));
-
-var _dec, _class, _class2, _temp;
-
-var LegacyChoiceType = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(LegacyChoiceType, _Component);
-
-  var _super = (0, _createSuper2.default)(LegacyChoiceType);
-
+var _ChoiceTypeTableRow = _interopRequireDefault(require("./ChoiceTypeTableRow"));
+var _propTypes2 = require("../../propTypes");
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
+var _AfsTableWrapper = _interopRequireDefault(require("../shared/AfsTableWrapper"));
+var _dec, _class, _LegacyChoiceType;
+/** @jsx jsx */
+var LegacyChoiceType = exports.LegacyChoiceType = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_LegacyChoiceType = /*#__PURE__*/function (_Component) {
   function LegacyChoiceType() {
     var _this;
-
     (0, _classCallCheck2.default)(this, LegacyChoiceType);
-
     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 = (0, _callSuper2.default)(this, LegacyChoiceType, [].concat(args));
     _this.renderRow = function (choice, choiceIndex) {
-      return (0, _emotion.jsx)(_index.default, {
+      return (0, _emotion.jsx)(_ChoiceTypeTableRow.default, {
         key: choiceIndex,
         choice: choice,
         choiceIndex: choiceIndex
       });
     };
-
     _this.renderNoAnswer = function (payload, choiceIndex) {
       var asChoice = {
         body: (0, _formatMessage.default)('(No answer)'),
@@ -70,30 +44,29 @@ var LegacyChoiceType = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
         correct: false,
         count: payload.count
       };
-      return (0, _emotion.jsx)(_index.default, {
+      return (0, _emotion.jsx)(_ChoiceTypeTableRow.default, {
         key: choiceIndex,
         choice: asChoice,
         choiceIndex: choiceIndex
       });
     };
-
     return _this;
   }
-
-  (0, _createClass2.default)(LegacyChoiceType, [{
+  (0, _inherits2.default)(LegacyChoiceType, _Component);
+  return (0, _createClass2.default)(LegacyChoiceType, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          answerSummary = _this$props.answerSummary,
-          itemId = _this$props.itemId;
+        answerSummary = _this$props.answerSummary,
+        itemId = _this$props.itemId;
       var choices = answerSummary.choices,
-          noAnswer = answerSummary.no_answer;
+        noAnswer = answerSummary.no_answer;
       var numberOfChoices = choices.length;
       var spacingHeaderId = "answer-frequency-summary-spacing-".concat(itemId);
       var answerHeaderId = "answer-frequency-summary-answer-".concat(itemId);
       var respondentsHeaderId = "answer-frequency-summary-respondents-".concat(itemId);
       var percentageHeaderId = "answer-frequency-summary-percentage-".concat(itemId);
-      return (0, _emotion.jsx)(_index2.default, null, (0, _emotion.jsx)("div", {
+      return (0, _emotion.jsx)(_AfsTableWrapper.default, null, (0, _emotion.jsx)("div", {
         css: this.props.styles.tableContainer
       }, (0, _emotion.jsx)(_uiTable.Table, {
         caption: (0, _formatMessage.default)('Answer Frequency Summary')
@@ -113,11 +86,8 @@ var LegacyChoiceType = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
       }, (0, _formatMessage.default)('Percentage')))), (0, _emotion.jsx)(_uiTable.Table.Body, null, choices.map(this.renderRow), this.renderNoAnswer(noAnswer, numberOfChoices)))));
     }
   }]);
-  LegacyChoiceType.displayName = "LegacyChoiceType";
-  return LegacyChoiceType;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _LegacyChoiceType.propTypes = {
   itemId: _propTypes.default.number.isRequired,
   answerSummary: _propTypes2.choiceTypeAnswerSummaryPropType.isRequired,
   styles: _propTypes.default.object
-}, _temp)) || _class);
-exports.LegacyChoiceType = LegacyChoiceType;
+}, _LegacyChoiceType)) || _class);

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/LegacyChoiceType/styles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateStyle = function generateStyle(componentTheme) {
   return {
     tableWrapper: {
@@ -22,6 +21,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports.default = generateStyle;

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/LegacyChoiceType/theme.js

@@ -4,13 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing;
   return {
     tableBottomPadding: spacing.medium
   };
 };
-
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/MatchingType/CategorizationType.js

@@ -1,56 +1,33 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CategorizationType = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _react = _interopRequireWildcard(require("react"));
-
-var _index = _interopRequireDefault(require("../shared/AfsTableWrapper/index.js"));
-
+var _AfsTableWrapper = _interopRequireDefault(require("../shared/AfsTableWrapper"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _propTypes2 = require("../../propTypes.js");
-
+var _propTypes2 = require("../../propTypes");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
-var _presenter = require("../shared/AfsPartsContainer/presenter.js");
-
-var _index2 = _interopRequireDefault(require("./MatchingTypeTable/index.js"));
-
-var _index3 = _interopRequireDefault(require("../shared/AggregationTable/index.js"));
-
+var _presenter = require("../shared/AfsPartsContainer/presenter");
+var _MatchingTypeTable = _interopRequireDefault(require("./MatchingTypeTable"));
+var _AggregationTable = _interopRequireDefault(require("../shared/AggregationTable"));
 var distractorKey = 'distractor';
-
-var CategorizationType = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(CategorizationType, _Component);
-
-  var _super = (0, _createSuper2.default)(CategorizationType);
-
+var CategorizationType = exports.CategorizationType = /*#__PURE__*/function (_Component) {
   function CategorizationType() {
     var _this;
-
     (0, _classCallCheck2.default)(this, CategorizationType);
-
     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 = (0, _callSuper2.default)(this, CategorizationType, [].concat(args));
     _this.updateAnswerBody = function (answerSummary) {
       var answerSummaryCopy = (0, _objectSpread2.default)({}, answerSummary);
       Object.keys(answerSummaryCopy.questions).forEach(function (questionKey) {
@@ -65,36 +42,30 @@ var CategorizationType = /*#__PURE__*/function (_Component) {
       });
       return answerSummaryCopy;
     };
-
     _this.render = function () {
       var _this$props = _this.props,
-          itemId = _this$props.itemId,
-          answerSummary = _this$props.answerSummary;
-
+        itemId = _this$props.itemId,
+        answerSummary = _this$props.answerSummary;
       var updatedAnswerSummary = _this.updateAnswerBody(answerSummary);
-
-      return /*#__PURE__*/_react.default.createElement(_index.default, {
+      return /*#__PURE__*/_react.default.createElement(_AfsTableWrapper.default, {
         noAnswerMissingPopover: true
       }, /*#__PURE__*/_react.default.createElement(_presenter.AfsPartsContainer, {
-        afsTable: /*#__PURE__*/_react.default.createElement(_index2.default, {
+        afsTable: /*#__PURE__*/_react.default.createElement(_MatchingTypeTable.default, {
           itemId: itemId,
           answerSummary: updatedAnswerSummary,
           firstColumnName: (0, _formatMessage.default)('Answer')
         }),
-        aggregationTable: /*#__PURE__*/_react.default.createElement(_index3.default, {
+        aggregationTable: /*#__PURE__*/_react.default.createElement(_AggregationTable.default, {
           itemId: itemId,
           answerSummary: updatedAnswerSummary
         })
       }));
     };
-
     return _this;
   }
-
-  return CategorizationType;
+  (0, _inherits2.default)(CategorizationType, _Component);
+  return (0, _createClass2.default)(CategorizationType);
 }(_react.Component);
-
-exports.CategorizationType = CategorizationType;
 CategorizationType.propTypes = {
   itemId: _propTypes.default.number.isRequired,
   answerSummary: _propTypes2.matchingTypeAnswerSummaryPropType.isRequired

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/MatchingType/MatchingType.js

@@ -1,76 +1,52 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MatchingType = void 0;
-
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _react = _interopRequireWildcard(require("react"));
-
-var _index = _interopRequireDefault(require("../shared/AfsTableWrapper/index.js"));
-
+var _AfsTableWrapper = _interopRequireDefault(require("../shared/AfsTableWrapper"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _propTypes2 = require("../../propTypes.js");
-
-var _presenter = require("../shared/AfsPartsContainer/presenter.js");
-
-var _index2 = _interopRequireDefault(require("./MatchingTypeTable/index.js"));
-
-var _index3 = _interopRequireDefault(require("../shared/AggregationTable/index.js"));
-
+var _propTypes2 = require("../../propTypes");
+var _presenter = require("../shared/AfsPartsContainer/presenter");
+var _MatchingTypeTable = _interopRequireDefault(require("./MatchingTypeTable"));
+var _AggregationTable = _interopRequireDefault(require("../shared/AggregationTable"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
-var MatchingType = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(MatchingType, _Component);
-
-  var _super = (0, _createSuper2.default)(MatchingType);
-
+var MatchingType = exports.MatchingType = /*#__PURE__*/function (_Component) {
   function MatchingType() {
     var _this;
-
     (0, _classCallCheck2.default)(this, MatchingType);
-
     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 = (0, _callSuper2.default)(this, MatchingType, [].concat(args));
     _this.render = function () {
       var _this$props = _this.props,
-          itemId = _this$props.itemId,
-          answerSummary = _this$props.answerSummary;
-      return /*#__PURE__*/_react.default.createElement(_index.default, null, /*#__PURE__*/_react.default.createElement(_presenter.AfsPartsContainer, {
-        afsTable: /*#__PURE__*/_react.default.createElement(_index2.default, {
+        itemId = _this$props.itemId,
+        answerSummary = _this$props.answerSummary;
+      return /*#__PURE__*/_react.default.createElement(_AfsTableWrapper.default, null, /*#__PURE__*/_react.default.createElement(_presenter.AfsPartsContainer, {
+        afsTable: /*#__PURE__*/_react.default.createElement(_MatchingTypeTable.default, {
           itemId: itemId,
           answerSummary: answerSummary,
           firstColumnName: (0, _formatMessage.default)('Question')
         }),
-        aggregationTable: /*#__PURE__*/_react.default.createElement(_index3.default, {
+        aggregationTable: /*#__PURE__*/_react.default.createElement(_AggregationTable.default, {
           itemId: itemId,
           answerSummary: answerSummary
         })
       }));
     };
-
     return _this;
   }
-
-  return MatchingType;
+  (0, _inherits2.default)(MatchingType, _Component);
+  return (0, _createClass2.default)(MatchingType);
 }(_react.Component);
-
-exports.MatchingType = MatchingType;
 MatchingType.propTypes = {
   itemId: _propTypes.default.number.isRequired,
   answerSummary: _propTypes2.matchingTypeAnswerSummaryPropType.isRequired

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/MatchingType/MatchingTypeTable/index.js

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

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/MatchingType/MatchingTypeTable/presenter.js

@@ -1,81 +1,46 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MatchingTypeTable = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _react = require("react");
-
 var _uiFlex = require("@instructure/ui-flex");
-
-var _styles = _interopRequireDefault(require("./styles.js"));
-
+var _styles = _interopRequireDefault(require("./styles"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
 var _uiTable = require("@instructure/ui-table");
-
 var _emotion = require("@instructure/emotion");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _uiIcons = require("@instructure/ui-icons");
-
-var _propTypes2 = require("../../../propTypes.js");
-
-var _matchingTypeOrderer = _interopRequireDefault(require("../utils/matchingTypeOrderer.js"));
-
+var _propTypes2 = require("../../../propTypes");
+var _matchingTypeOrderer = _interopRequireDefault(require("../utils/matchingTypeOrderer"));
 var _quizInteractions = require("@instructure/quiz-interactions");
-
-var _theme = _interopRequireDefault(require("./theme.js"));
-
+var _theme = _interopRequireDefault(require("./theme"));
 var _uiA11yContent = require("@instructure/ui-a11y-content");
-
-var _dec, _class, _class2, _temp;
-
-var _ref = (0, _emotion.jsx)(_uiIcons.IconCheckSolid, null);
-
-var _ref2 = (0, _emotion.jsx)(_uiFlex.Flex.Item, {
-  width: "46px",
-  textAlign: "center"
-});
-
-var MatchingTypeTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(MatchingTypeTable, _Component);
-
-  var _super = (0, _createSuper2.default)(MatchingTypeTable);
-
+var _dec, _class, _MatchingTypeTable, _IconCheckSolid, _Flex$Item;
+/** @jsx jsx */
+var MatchingTypeTable = exports.MatchingTypeTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_MatchingTypeTable = /*#__PURE__*/function (_Component) {
   function MatchingTypeTable() {
     var _this;
-
     (0, _classCallCheck2.default)(this, MatchingTypeTable);
-
     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 = (0, _callSuper2.default)(this, MatchingTypeTable, [].concat(args));
     _this.renderIcon = function () {
       return (0, _emotion.jsx)("div", {
         css: [_this.props.styles.iconWrapper, _this.props.styles.iconCorrect]
-      }, _ref);
+      }, _IconCheckSolid || (_IconCheckSolid = (0, _emotion.jsx)(_uiIcons.IconCheckSolid, null)));
     };
-
     _this.renderHeaderCell = function (key) {
       var _this$props = _this.props,
-          answerSummary = _this$props.answerSummary,
-          itemId = _this$props.itemId;
+        answerSummary = _this$props.answerSummary,
+        itemId = _this$props.itemId;
       var questions = answerSummary.questions;
       var questionKeys = Object.keys(questions);
       var exampleAnswers = questions[questionKeys[0]].answers;
@@ -90,26 +55,27 @@ var MatchingTypeTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
         textAlign: "center"
       }, (0, _emotion.jsx)(_uiFlex.Flex, {
         direction: "row"
-      }, _ref2, (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+      }, _Flex$Item || (_Flex$Item = (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+        width: "46px",
+        textAlign: "center"
+      })), (0, _emotion.jsx)(_uiFlex.Flex.Item, {
         shouldShrink: true,
         shouldGrow: true,
         textAlign: "center"
       }, answer.body)));
     };
-
     _this.answerLabel = function (correct) {
       return correct ? (0, _formatMessage.default)('Correct answer') : (0, _formatMessage.default)('Incorrect answer');
     };
-
     _this.renderCell = function (questionKey, answerKey) {
       var _this$props2 = _this.props,
-          answerSummary = _this$props2.answerSummary,
-          itemId = _this$props2.itemId;
+        answerSummary = _this$props2.answerSummary,
+        itemId = _this$props2.itemId;
       var questions = answerSummary.questions;
       var question = questions[questionKey];
       var answer = question.answers[answerKey];
       var correct = answer.correct,
-          count = answer.count;
+        count = answer.count;
       var answerNumberCellId = "answer-number-cell-".concat(questionKey, "-").concat(answerKey, "-").concat(itemId);
       var answerRowStyles = answer.correct ? _this.props.styles.correctAnswerRow : {};
       return (0, _emotion.jsx)(_uiTable.Table.Cell, {
@@ -134,11 +100,10 @@ var MatchingTypeTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
         textAlign: "center"
       }, count))));
     };
-
     _this.renderHeaderRow = function (orderedAnswerKeys) {
       var _this$props3 = _this.props,
-          itemId = _this$props3.itemId,
-          firstColumnName = _this$props3.firstColumnName;
+        itemId = _this$props3.itemId,
+        firstColumnName = _this$props3.firstColumnName;
       var headerCells = orderedAnswerKeys.map(_this.renderHeaderCell);
       var categoryHeaderId = "category-header-".concat(itemId);
       var rowKey = "header-row-".concat(itemId);
@@ -154,12 +119,11 @@ var MatchingTypeTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
         width: "250px"
       }, firstColumnName), headerCells);
     };
-
     _this.renderRow = function (orderedQuestionKey, orderedAnswerKeys) {
       var _this$props4 = _this.props,
-          answerSummary = _this$props4.answerSummary,
-          itemId = _this$props4.itemId,
-          firstColumnName = _this$props4.firstColumnName;
+        answerSummary = _this$props4.answerSummary,
+        itemId = _this$props4.itemId,
+        firstColumnName = _this$props4.firstColumnName;
       var questions = answerSummary.questions;
       var question = questions[orderedQuestionKey];
       var answerCells = orderedAnswerKeys.map(function (answerKey) {
@@ -179,18 +143,14 @@ var MatchingTypeTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
         }
       }, questionBody), answerCells);
     };
-
     _this.render = function () {
       var answerSummary = _this.props.answerSummary;
       var questions = answerSummary.questions;
       var questionKeys = Object.keys(questions);
       var exampleAnswers = questions[questionKeys[0]].answers;
       var answerKeys = Object.keys(exampleAnswers).sort();
-
       var orderedAnswerKeys = _matchingTypeOrderer.default.orderAnswerKeysForDiagonal(answerSummary, answerKeys);
-
       var orderedQuestionKeys = _matchingTypeOrderer.default.orderQuestionKeysForDiagonal(answerSummary, questionKeys, orderedAnswerKeys);
-
       return (0, _emotion.jsx)("div", {
         css: _this.props.styles.tableContainer
       }, (0, _emotion.jsx)(_uiTable.Table, {
@@ -199,11 +159,10 @@ var MatchingTypeTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
         return _this.renderRow(orderedQuestionKey, orderedAnswerKeys);
       }))));
     };
-
     return _this;
   }
-
-  (0, _createClass2.default)(MatchingTypeTable, [{
+  (0, _inherits2.default)(MatchingTypeTable, _Component);
+  return (0, _createClass2.default)(MatchingTypeTable, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.makeStyles();
@@ -214,12 +173,10 @@ var MatchingTypeTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
       this.props.makeStyles();
     }
   }]);
-  return MatchingTypeTable;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _MatchingTypeTable.propTypes = {
   itemId: _propTypes.default.number.isRequired,
   answerSummary: _propTypes2.matchingTypeAnswerSummaryPropType.isRequired,
   firstColumnName: _propTypes.default.string.isRequired,
   styles: _propTypes.default.object,
   makeStyles: _propTypes.default.func
-}, _temp)) || _class);
-exports.MatchingTypeTable = MatchingTypeTable;
+}, _MatchingTypeTable)) || _class);

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/MatchingType/MatchingTypeTable/styles.js

@@ -1,14 +1,11 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var generateStyle = function generateStyle(componentTheme, props) {
   var answerSummary = props.answerSummary;
   var questions = answerSummary.questions;
@@ -57,6 +54,4 @@ var generateStyle = function generateStyle(componentTheme, props) {
     })
   };
 };
-
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports.default = generateStyle;