@instructure/quiz-core 20.17.3-rc.6 → 20.17.3-rc.8

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

@@ -1,11 +1,14 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 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,
@@ -43,4 +46,6 @@ var generateStyle = function generateStyle(componentTheme, props) {
     cellPadding: componentTheme.cellPadding
   };
 };
-var _default = exports.default = generateStyle;
+
+var _default = generateStyle;
+exports.default = _default;

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

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

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

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

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

@@ -1,42 +1,68 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 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 _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) {
+
+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);
+
   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 = (0, _callSuper2.default)(this, LegacyChoiceType, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
     _this.renderRow = function (choice, choiceIndex) {
-      return (0, _emotion.jsx)(_ChoiceTypeTableRow.default, {
+      return (0, _emotion.jsx)(_index.default, {
         key: choiceIndex,
         choice: choice,
         choiceIndex: choiceIndex
       });
     };
+
     _this.renderNoAnswer = function (payload, choiceIndex) {
       var asChoice = {
         body: (0, _formatMessage.default)('(No answer)'),
@@ -44,29 +70,30 @@ var LegacyChoiceType = exports.LegacyChoiceType = (_dec = (0, _emotion.withStyle
         correct: false,
         count: payload.count
       };
-      return (0, _emotion.jsx)(_ChoiceTypeTableRow.default, {
+      return (0, _emotion.jsx)(_index.default, {
         key: choiceIndex,
         choice: asChoice,
         choiceIndex: choiceIndex
       });
     };
+
     return _this;
   }
-  (0, _inherits2.default)(LegacyChoiceType, _Component);
-  return (0, _createClass2.default)(LegacyChoiceType, [{
+
+  (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)(_AfsTableWrapper.default, null, (0, _emotion.jsx)("div", {
+      return (0, _emotion.jsx)(_index2.default, null, (0, _emotion.jsx)("div", {
         css: this.props.styles.tableContainer
       }, (0, _emotion.jsx)(_uiTable.Table, {
         caption: (0, _formatMessage.default)('Answer Frequency Summary')
@@ -86,8 +113,11 @@ var LegacyChoiceType = exports.LegacyChoiceType = (_dec = (0, _emotion.withStyle
       }, (0, _formatMessage.default)('Percentage')))), (0, _emotion.jsx)(_uiTable.Table.Body, null, choices.map(this.renderRow), this.renderNoAnswer(noAnswer, numberOfChoices)))));
     }
   }]);
-}(_react.Component), _LegacyChoiceType.propTypes = {
+  LegacyChoiceType.displayName = "LegacyChoiceType";
+  return LegacyChoiceType;
+}(_react.Component), _class2.propTypes = {
   itemId: _propTypes.default.number.isRequired,
   answerSummary: _propTypes2.choiceTypeAnswerSummaryPropType.isRequired,
   styles: _propTypes.default.object
-}, _LegacyChoiceType)) || _class);
+}, _temp)) || _class);
+exports.LegacyChoiceType = LegacyChoiceType;

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

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

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

@@ -4,10 +4,13 @@ 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 = exports.default = generateComponentTheme;
+
+var _default = generateComponentTheme;
+exports.default = _default;

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

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

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

@@ -1,46 +1,81 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 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"));
+
+var _styles = _interopRequireDefault(require("./styles.js"));
+
 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");
-var _matchingTypeOrderer = _interopRequireDefault(require("../utils/matchingTypeOrderer"));
+
+var _propTypes2 = require("../../../propTypes.js");
+
+var _matchingTypeOrderer = _interopRequireDefault(require("../utils/matchingTypeOrderer.js"));
+
 var _quizInteractions = require("@instructure/quiz-interactions");
-var _theme = _interopRequireDefault(require("./theme"));
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
 var _uiA11yContent = require("@instructure/ui-a11y-content");
-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) {
+
+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);
+
   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 = (0, _callSuper2.default)(this, MatchingTypeTable, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
     _this.renderIcon = function () {
       return (0, _emotion.jsx)("div", {
         css: [_this.props.styles.iconWrapper, _this.props.styles.iconCorrect]
-      }, _IconCheckSolid || (_IconCheckSolid = (0, _emotion.jsx)(_uiIcons.IconCheckSolid, null)));
+      }, _ref);
     };
+
     _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;
@@ -55,27 +90,26 @@ var MatchingTypeTable = exports.MatchingTypeTable = (_dec = (0, _emotion.withSty
         textAlign: "center"
       }, (0, _emotion.jsx)(_uiFlex.Flex, {
         direction: "row"
-      }, _Flex$Item || (_Flex$Item = (0, _emotion.jsx)(_uiFlex.Flex.Item, {
-        width: "46px",
-        textAlign: "center"
-      })), (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+      }, _ref2, (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, {
@@ -100,10 +134,11 @@ var MatchingTypeTable = exports.MatchingTypeTable = (_dec = (0, _emotion.withSty
         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);
@@ -119,11 +154,12 @@ var MatchingTypeTable = exports.MatchingTypeTable = (_dec = (0, _emotion.withSty
         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) {
@@ -143,14 +179,18 @@ var MatchingTypeTable = exports.MatchingTypeTable = (_dec = (0, _emotion.withSty
         }
       }, 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, {
@@ -159,10 +199,11 @@ var MatchingTypeTable = exports.MatchingTypeTable = (_dec = (0, _emotion.withSty
         return _this.renderRow(orderedQuestionKey, orderedAnswerKeys);
       }))));
     };
+
     return _this;
   }
-  (0, _inherits2.default)(MatchingTypeTable, _Component);
-  return (0, _createClass2.default)(MatchingTypeTable, [{
+
+  (0, _createClass2.default)(MatchingTypeTable, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.makeStyles();
@@ -173,10 +214,12 @@ var MatchingTypeTable = exports.MatchingTypeTable = (_dec = (0, _emotion.withSty
       this.props.makeStyles();
     }
   }]);
-}(_react.Component), _MatchingTypeTable.propTypes = {
+  return MatchingTypeTable;
+}(_react.Component), _class2.propTypes = {
   itemId: _propTypes.default.number.isRequired,
   answerSummary: _propTypes2.matchingTypeAnswerSummaryPropType.isRequired,
   firstColumnName: _propTypes.default.string.isRequired,
   styles: _propTypes.default.object,
   makeStyles: _propTypes.default.func
-}, _MatchingTypeTable)) || _class);
+}, _temp)) || _class);
+exports.MatchingTypeTable = MatchingTypeTable;

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

@@ -1,11 +1,14 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 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;
@@ -54,4 +57,6 @@ var generateStyle = function generateStyle(componentTheme, props) {
     })
   };
 };
-var _default = exports.default = generateStyle;
+
+var _default = generateStyle;
+exports.default = _default;