@instructure/quiz-core 21.1.1 → 22.0.0

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

@@ -1,40 +1,55 @@
+import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _AfsTableWrapper;
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 /** @jsx jsx */
 import { Component } from 'react';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { Heading } from '@instructure/ui-heading';
 import { jsx } from '@instructure/emotion';
-import generateStyle from "./styles.js";
+import generateStyle from './styles';
 import PropTypes from 'prop-types';
-import { noAnswerMissing } from "./popoverContent.js";
-import MetricPopover from "../../../MetricPopover/index.js";
+import { noAnswerMissing } from './popoverContent';
+import MetricPopover from '../../../MetricPopover';
 import { Flex, withStyleOverrides } from '@instructure/quiz-common';
 export var AfsTableWrapper = (_dec = withStyleOverrides(generateStyle, null), _dec(_class = (_AfsTableWrapper = /*#__PURE__*/function (_Component) {
-  _inherits(AfsTableWrapper, _Component);
-  var _super = _createSuper(AfsTableWrapper);
   function AfsTableWrapper() {
-    var _this;
+    var _this2;
     _classCallCheck(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 () {
-      var tableHeader = _this.props.tableHeader;
+    _this2 = _callSuper(this, AfsTableWrapper, [].concat(args));
+    _defineProperty(_this2, "getHeader", function () {
+      var tableHeader = _this2.props.tableHeader;
       return tableHeader || t('Answer Frequency Summary');
-    };
-    _this.render = function () {
-      var noAnswerMissingPopover = _this.props.noAnswerMissingPopover;
+    });
+    _defineProperty(_this2, "render", function () {
+      var noAnswerMissingPopover = _this2.props.noAnswerMissingPopover;
       return jsx(Flex, {
         direction: "row",
         "data-testid": "AfsTableWrapper"
       }, jsx(Flex.Item, {
         shouldGrow: true
       }, jsx("div", {
-        css: _this.props.styles.tableWrapper
+        css: _this2.props.styles.tableWrapper
       }, jsx(Heading, {
         margin: "x-large x-large x-large 0",
         level: "h3",
@@ -42,14 +57,15 @@ export var AfsTableWrapper = (_dec = withStyleOverrides(generateStyle, null), _d
         color: "primary"
       }, jsx(Flex, {
         gap: "x-small"
-      }, jsx(Flex.Item, null, _this.getHeader()), jsx(Flex.Item, null, noAnswerMissingPopover && jsx(MetricPopover, noAnswerMissing)))), _this.props.children)));
-    };
-    return _this;
+      }, jsx(Flex.Item, null, _this2.getHeader()), jsx(Flex.Item, null, noAnswerMissingPopover && jsx(MetricPopover, noAnswerMissing)))), _this2.props.children)));
+    });
+    return _this2;
   }
-  return AfsTableWrapper;
-}(Component), _AfsTableWrapper.displayName = 'AfsTableWrapper', _AfsTableWrapper.componentId = "Quizzes".concat(_AfsTableWrapper.displayName), _AfsTableWrapper.propTypes = {
+  _inherits(AfsTableWrapper, _Component);
+  return _createClass(AfsTableWrapper);
+}(Component), _defineProperty(_AfsTableWrapper, "displayName", 'AfsTableWrapper'), _defineProperty(_AfsTableWrapper, "componentId", "Quizzes".concat(_AfsTableWrapper.displayName)), _defineProperty(_AfsTableWrapper, "propTypes", {
   children: PropTypes.node.isRequired,
   styles: PropTypes.object,
   tableHeader: PropTypes.string,
   noAnswerMissingPopover: PropTypes.bool
-}, _AfsTableWrapper)) || _class);
+}), _AfsTableWrapper)) || _class);

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

@@ -1 +1 @@
-export { AggregationTable as default } from "./presenter.js";
+export { AggregationTable as default } from './presenter';

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

@@ -1,47 +1,58 @@
+import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _AggregationTable;
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 /** @jsx jsx */
 import { Component } from 'react';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { Table } from '@instructure/ui-table';
-import { onlyAggregatePropType } from "../../../../common/propTypes.js";
+import { onlyAggregatePropType } from '../../../../common/propTypes';
 import PropTypes from 'prop-types';
 import { IconCheckSolid, IconXSolid, IconNoSolid, IconGradebookSolid } from '@instructure/ui-icons';
 import { jsx } from '@instructure/emotion';
-import generateComponentTheme from "./theme.js";
-import generateStyle from "./styles.js";
+import generateComponentTheme from './theme';
+import generateStyle from './styles';
 import { Text } from '@instructure/ui-text';
 import { Flex, withStyleOverrides } from '@instructure/quiz-common';
 var noAnswerKey = 'noAnswer';
 var incorrectKey = 'incorrect';
 var correctKey = 'correct';
 var gradedKey = 'graded';
-var _ref = jsx(IconCheckSolid, null);
-var _ref2 = jsx(IconGradebookSolid, null);
-var _ref3 = jsx(IconXSolid, null);
-var _ref4 = jsx(IconNoSolid, null);
 export var AggregationTable = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_AggregationTable = /*#__PURE__*/function (_Component) {
-  _inherits(AggregationTable, _Component);
-  var _super = _createSuper(AggregationTable);
   function AggregationTable() {
-    var _this;
+    var _this2;
     _classCallCheck(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;
-      var itemId = _this.props.itemId;
+    _this2 = _callSuper(this, AggregationTable, [].concat(args));
+    _defineProperty(_this2, "renderHeaderRow", function () {
+      var popover = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+      var itemId = _this2.props.itemId;
       var answerHeaderId = "answer-frequency-summary-aggregate-answer-".concat(itemId);
       var respondentsHeaderId = "answer-frequency-summary-aggregate-respondents-".concat(itemId);
       var percentageHeaderId = "answer-frequency-summary-aggregate-percentage-".concat(itemId);
       return jsx(Table.Head, null, jsx(Table.Row, null, jsx(Table.ColHeader, {
         id: answerHeaderId
       }, jsx("span", {
-        css: _this.props.styles.firstHeaderCell
+        css: _this2.props.styles.firstHeaderCell
       }, t('Result'))), jsx(Table.ColHeader, {
         id: respondentsHeaderId,
         textAlign: "center"
@@ -49,9 +60,9 @@ export var AggregationTable = (_dec = withStyleOverrides(generateStyle, generate
         id: percentageHeaderId,
         textAlign: "center"
       }, t('Percentage'))));
-    };
-    _this.renderRow = function (key, icon, label, count, percentage) {
-      var backgroundColor = _this.props.styles["".concat(key, "Background")];
+    });
+    _defineProperty(_this2, "renderRow", function (key, icon, label, count, percentage) {
+      var backgroundColor = _this2.props.styles["".concat(key, "Background")];
       var concatenatedPercentage = "".concat(percentage, "%");
       return jsx(Table.Row, {
         key: key
@@ -67,12 +78,12 @@ export var AggregationTable = (_dec = withStyleOverrides(generateStyle, generate
         textAlign: "center",
         align: "stretch"
       }, jsx("div", {
-        css: [_this.props.styles.iconWrapper, backgroundColor]
+        css: [_this2.props.styles.iconWrapper, backgroundColor]
       }, icon)), jsx(Flex.Item, {
         shouldShrink: true
       }, jsx("div", {
         "data-testid": "label-wrapper",
-        css: _this.props.styles.labelWrapper
+        css: _this2.props.styles.labelWrapper
       }, jsx(Text, null, label))))), jsx(Table.Cell, {
         themeOverride: {
           padding: '0px'
@@ -84,54 +95,54 @@ export var AggregationTable = (_dec = withStyleOverrides(generateStyle, generate
         },
         textAlign: "center"
       }, jsx(Text, null, concatenatedPercentage)));
-    };
-    _this.gradedExist = function () {
-      var graded = _this.props.answerSummary.graded;
+    });
+    _defineProperty(_this2, "gradedExist", function () {
+      var graded = _this2.props.answerSummary.graded;
       return !!graded;
-    };
-    _this.correctExist = function () {
-      var aggregate = _this.props.answerSummary.aggregate;
-      return !!(aggregate === null || aggregate === void 0 ? void 0 : aggregate.correct);
-    };
-    _this.incorrectExist = function () {
-      var aggregate = _this.props.answerSummary.aggregate;
-      return !!(aggregate === null || aggregate === void 0 ? void 0 : aggregate.incorrect);
-    };
-    _this.noAnswerExist = function () {
-      var no_answer = _this.props.answerSummary.no_answer;
+    });
+    _defineProperty(_this2, "correctExist", function () {
+      var aggregate = _this2.props.answerSummary.aggregate;
+      return !!(aggregate !== null && aggregate !== void 0 && aggregate.correct);
+    });
+    _defineProperty(_this2, "incorrectExist", function () {
+      var aggregate = _this2.props.answerSummary.aggregate;
+      return !!(aggregate !== null && aggregate !== void 0 && aggregate.incorrect);
+    });
+    _defineProperty(_this2, "noAnswerExist", function () {
+      var no_answer = _this2.props.answerSummary.no_answer;
       return !!no_answer;
-    };
-    _this.renderCorrect = function () {
-      var aggregate = _this.props.answerSummary.aggregate;
+    });
+    _defineProperty(_this2, "renderCorrect", function () {
+      var aggregate = _this2.props.answerSummary.aggregate;
       var correct = aggregate.correct;
       var correctCount = correct.count || 0;
       var correctPercentage = correct.percentage || 0;
-      return _this.renderRow(correctKey, _ref, t('Correct'), correctCount, correctPercentage);
-    };
-    _this.renderGraded = function () {
-      var graded = _this.props.answerSummary.graded;
+      return _this2.renderRow(correctKey, jsx(IconCheckSolid, null), t('Correct'), correctCount, correctPercentage);
+    });
+    _defineProperty(_this2, "renderGraded", function () {
+      var graded = _this2.props.answerSummary.graded;
       var gradedCount = graded.count || 0;
       var gradedPercentage = graded.percentage || 0;
-      return _this.renderRow(gradedKey, _ref2, t('Graded'), gradedCount, gradedPercentage);
-    };
-    _this.renderIncorrect = function () {
-      var aggregate = _this.props.answerSummary.aggregate;
+      return _this2.renderRow(gradedKey, jsx(IconGradebookSolid, null), t('Graded'), gradedCount, gradedPercentage);
+    });
+    _defineProperty(_this2, "renderIncorrect", function () {
+      var aggregate = _this2.props.answerSummary.aggregate;
       var incorrect = aggregate.incorrect;
       var incorrectCount = incorrect.count || 0;
       var incorrectPercentage = incorrect.percentage || 0;
-      return _this.renderRow(incorrectKey, _ref3, t('Incorrect'), incorrectCount, incorrectPercentage);
-    };
-    _this.renderNoAnswer = function () {
-      var no_answer = _this.props.answerSummary.no_answer;
+      return _this2.renderRow(incorrectKey, jsx(IconXSolid, null), t('Incorrect'), incorrectCount, incorrectPercentage);
+    });
+    _defineProperty(_this2, "renderNoAnswer", function () {
+      var no_answer = _this2.props.answerSummary.no_answer;
       var noAnswerCount = no_answer.count || 0;
       var noAnswerPercentage = no_answer.percentage || 0;
-      return _this.renderRow(noAnswerKey, _ref4, t('No response'), noAnswerCount, noAnswerPercentage);
-    };
-    _this.getColorProfile = function () {
+      return _this2.renderRow(noAnswerKey, jsx(IconNoSolid, null), t('No response'), noAnswerCount, noAnswerPercentage);
+    });
+    _defineProperty(_this2, "getColorProfile", function () {
       var colorProfile;
-      var correctIncorrectNoAnswerGraded = _this.gradedExist() && _this.noAnswerExist() && _this.correctExist() && _this.incorrectExist();
-      var correctIncorrectNoAnswer = !_this.gradedExist() && _this.noAnswerExist() && _this.correctExist() && _this.incorrectExist();
-      var onlyNoAnswer = _this.noAnswerExist() && !_this.gradedExist() && !_this.correctExist() && !_this.incorrectExist();
+      var correctIncorrectNoAnswerGraded = _this2.gradedExist() && _this2.noAnswerExist() && _this2.correctExist() && _this2.incorrectExist();
+      var correctIncorrectNoAnswer = !_this2.gradedExist() && _this2.noAnswerExist() && _this2.correctExist() && _this2.incorrectExist();
+      var onlyNoAnswer = _this2.noAnswerExist() && !_this2.gradedExist() && !_this2.correctExist() && !_this2.incorrectExist();
       if (correctIncorrectNoAnswer) {
         colorProfile = 'correctIncorrectNoanswer';
       } else if (correctIncorrectNoAnswerGraded) {
@@ -142,21 +153,22 @@ export var AggregationTable = (_dec = withStyleOverrides(generateStyle, generate
         colorProfile = 'correctIncorrect';
       }
       return colorProfile;
-    };
-    _this.render = function () {
-      var popover = !_this.noAnswerExist();
-      var tableStyles = [_this.props.styles.collapsingTable, _this.props.styles[_this.getColorProfile()]];
+    });
+    _defineProperty(_this2, "render", function () {
+      var popover = !_this2.noAnswerExist();
+      var tableStyles = [_this2.props.styles.collapsingTable, _this2.props.styles[_this2.getColorProfile()]];
       return jsx("div", {
         css: tableStyles
       }, jsx(Table, {
         caption: t('Answer Frequency Summary Aggregates')
-      }, _this.renderHeaderRow(popover), jsx(Table.Body, null, _this.correctExist() && _this.renderCorrect(), _this.gradedExist() && _this.renderGraded(), _this.incorrectExist() && _this.renderIncorrect(), _this.noAnswerExist() && _this.renderNoAnswer())));
-    };
-    return _this;
+      }, _this2.renderHeaderRow(popover), jsx(Table.Body, null, _this2.correctExist() && _this2.renderCorrect(), _this2.gradedExist() && _this2.renderGraded(), _this2.incorrectExist() && _this2.renderIncorrect(), _this2.noAnswerExist() && _this2.renderNoAnswer())));
+    });
+    return _this2;
   }
-  return AggregationTable;
-}(Component), _AggregationTable.displayName = 'AggregationTable', _AggregationTable.componentId = "Quizzes".concat(_AggregationTable.displayName), _AggregationTable.propTypes = {
+  _inherits(AggregationTable, _Component);
+  return _createClass(AggregationTable);
+}(Component), _defineProperty(_AggregationTable, "displayName", 'AggregationTable'), _defineProperty(_AggregationTable, "componentId", "Quizzes".concat(_AggregationTable.displayName)), _defineProperty(_AggregationTable, "propTypes", {
   itemId: PropTypes.number.isRequired,
   answerSummary: onlyAggregatePropType.isRequired,
   styles: PropTypes.object
-}, _AggregationTable)) || _class);
+}), _AggregationTable)) || _class);

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

@@ -1,11 +1,11 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors;
   return {
-    colorGreen: colors.shamrock,
-    colorBlue: colors.brand,
-    colorRed: colors.crimson,
-    colorGrey: colors.ash,
-    colorHeaderBottomBorder: colors.tiara,
+    colorGreen: colors.contrasts.green4570,
+    colorBlue: colors.contrasts.blue4570,
+    colorRed: colors.contrasts.red4570,
+    colorGrey: colors.contrasts.grey4570,
+    colorHeaderBottomBorder: colors.contrasts.grey1214,
     cellPadding: '13.5px 13.5px;'
   };
 };

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

@@ -1 +1 @@
-export { ChoiceTypeTable as default } from "./presenter.js";
+export { ChoiceTypeTable as default } from './presenter';

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

@@ -1,9 +1,27 @@
-import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _ChoiceTypeTable;
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, 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 normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 /** @jsx jsx */
 import { Component } from 'react';
 import t from '@instructure/quiz-i18n/es/format-message';
@@ -11,69 +29,64 @@ import { Table } from '@instructure/ui-table';
 import { jsx, css } from '@instructure/emotion';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import PropTypes from 'prop-types';
-import { choiceTypeObject } from "../../../../common/propTypes.js";
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import { choiceTypeObject } from '../../../../common/propTypes';
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 import { IconCheckSolid, IconXSolid } from '@instructure/ui-icons';
 import { extractTextFromHtml } from '@instructure/quiz-interactions';
 import { Text } from '@instructure/ui-text';
 import { Flex, withStyleOverrides } from '@instructure/quiz-common';
 var correctAttribute = 'correct';
 var incorrectAttribute = 'incorrect';
-var _ref = jsx(IconCheckSolid, null);
-var _ref2 = jsx(IconXSolid, null);
 export var ChoiceTypeTable = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_ChoiceTypeTable = /*#__PURE__*/function (_Component) {
-  _inherits(ChoiceTypeTable, _Component);
-  var _super = _createSuper(ChoiceTypeTable);
   function ChoiceTypeTable() {
-    var _this$rowStyleMap;
-    var _this;
+    var _this2;
     _classCallCheck(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 = {}, _defineProperty(_this$rowStyleMap, correctAttribute, _this.props.styles.correctRow), _defineProperty(_this$rowStyleMap, incorrectAttribute, _this.props.styles.incorrectRow), _this$rowStyleMap);
-    _this.renderIcon = function (correct) {
-      var iconStyles = [_this.props.styles.iconWrapper, correct ? _this.props.styles.iconCorrect : {}];
+    _this2 = _callSuper(this, ChoiceTypeTable, [].concat(args));
+    _defineProperty(_this2, "rowStyleMap", _defineProperty(_defineProperty({}, correctAttribute, _this2.props.styles.correctRow), incorrectAttribute, _this2.props.styles.incorrectRow));
+    _defineProperty(_this2, "renderIcon", function (correct) {
+      var iconStyles = [_this2.props.styles.iconWrapper, correct ? _this2.props.styles.iconCorrect : {}];
       return jsx("div", {
         css: iconStyles
-      }, correct ? _ref : _ref2);
-    };
-    _this.renderFirstCell = function (content) {
+      }, correct ? jsx(IconCheckSolid, null) : jsx(IconXSolid, null));
+    });
+    _defineProperty(_this2, "renderFirstCell", function (content) {
       return jsx("div", {
-        css: _this.props.styles.firstTextContainer
+        css: _this2.props.styles.firstTextContainer
       }, content);
-    };
-    _this.renderCell = function (content) {
+    });
+    _defineProperty(_this2, "renderCell", function (content) {
       return jsx("div", {
-        css: _this.props.styles.textContainer
+        css: _this2.props.styles.textContainer
       }, content);
-    };
-    _this.answerLabel = function (correct) {
+    });
+    _defineProperty(_this2, "answerLabel", function (correct) {
       return correct ? t('Correct answer') : t('Incorrect answer');
-    };
-    _this.extractChoiceText = function (choiceBody, correct) {
+    });
+    _defineProperty(_this2, "extractChoiceText", function (choiceBody, correct) {
       var text = extractTextFromHtml(choiceBody);
       if (text.trim().length > 0) return text;
-      return _this.answerLabel(correct);
-    };
-    _this.nextChoiceIsCorrect = function (choices, choiceIndex) {
+      return _this2.answerLabel(correct);
+    });
+    _defineProperty(_this2, "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) {
-      var choices = _this.props.choices;
-      if (_this.nextChoiceIsCorrect(choices, choiceIndex + 1) && !correct) {
+    });
+    _defineProperty(_this2, "getDataIconAttribute", function (correct, choiceIndex) {
+      var choices = _this2.props.choices;
+      if (_this2.nextChoiceIsCorrect(choices, choiceIndex + 1) && !correct) {
         return '';
       }
       return correct ? correctAttribute : incorrectAttribute;
-    };
-    _this.renderRow = function (choice, choiceIndex) {
+    });
+    _defineProperty(_this2, "renderRow", function (choice, choiceIndex) {
       var correct = choice.correct,
         body = choice.body;
-      var extractedBody = _this.extractChoiceText(body, correct);
-      var screenReaderContent = "".concat(_this.answerLabel(correct), ": ").concat(extractedBody);
+      var extractedBody = _this2.extractChoiceText(body, correct);
+      var screenReaderContent = "".concat(_this2.answerLabel(correct), ": ").concat(extractedBody);
       return jsx(Table.Row, {
         key: choiceIndex
       }, jsx(Table.RowHeader, {
@@ -88,53 +101,53 @@ export var ChoiceTypeTable = (_dec = withStyleOverrides(generateStyle, generateC
         textAlign: "center",
         align: "stretch"
       }, jsx("div", {
-        "data-icon": _this.getDataIconAttribute(correct, choiceIndex),
-        css: _this.props.styles.iconWrapper
-      }, _this.renderIcon(correct))), jsx(Flex.Item, {
+        "data-icon": _this2.getDataIconAttribute(correct, choiceIndex),
+        css: _this2.props.styles.iconWrapper
+      }, _this2.renderIcon(correct))), jsx(Flex.Item, {
         shouldShrink: true,
         shouldGrow: true
-      }, jsx(Text, null, _this.renderFirstCell(extractedBody))))), jsx(Table.Cell, {
+      }, jsx(Text, null, _this2.renderFirstCell(extractedBody))))), jsx(Table.Cell, {
         themeOverride: {
           padding: '0'
         }
-      }, _this.renderCell(choice.count)), jsx(Table.Cell, {
+      }, _this2.renderCell(choice.count)), jsx(Table.Cell, {
         themeOverride: {
           padding: '0'
         },
         textAlign: "center"
-      }, _this.renderCell("".concat(choice.percentage, "%"))));
-    };
-    _this.componentDidMount = function () {
-      _this.applyStylesToTable();
-      _this.props.makeStyles();
-    };
-    _this.componentDidUpdate = function () {
-      _this.props.makeStyles();
-    };
-    _this.applyStylesToTable = function () {
-      if (_this.tableRef) {
-        var _iterator = _createForOfIteratorHelper(_this.tableRef.rows),
+      }, _this2.renderCell("".concat(choice.percentage, "%"))));
+    });
+    _defineProperty(_this2, "componentDidMount", function () {
+      _this2.applyStylesToTable();
+      _this2.props.makeStyles();
+    });
+    _defineProperty(_this2, "componentDidUpdate", function () {
+      _this2.props.makeStyles();
+    });
+    _defineProperty(_this2, "applyStylesToTable", function () {
+      if (_this2.tableRef) {
+        var _iterator = _createForOfIteratorHelper(_this2.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) {
               td.forEach(function (cell) {
-                cell.setAttribute('style', css(_this.rowStyleMap[icon].td).styles);
+                cell.setAttribute('style', css(_this2.rowStyleMap[icon].td).styles);
               });
               th.forEach(function (cell) {
-                cell.setAttribute('style', css(_this.rowStyleMap[icon].th).styles);
+                cell.setAttribute('style', css(_this2.rowStyleMap[icon].th).styles);
               });
               if (icon === correctAttribute) {
-                row.querySelector('th:first-child').setAttribute('style', css(_this.props.styles.correctRow.thFirstChild).styles);
-                row.querySelector('td:last-child').setAttribute('style', css(_this.props.styles.correctRow.tdLastChild).styles);
+                row.querySelector('th:first-child').setAttribute('style', css(_this2.props.styles.correctRow.thFirstChild).styles);
+                row.querySelector('td:last-child').setAttribute('style', css(_this2.props.styles.correctRow.tdLastChild).styles);
               }
             }
-            row.setAttribute('style', css(_this.rowStyleMap[icon]).styles);
+            row.setAttribute('style', css(_this2.rowStyleMap[icon]).styles);
           };
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
             _loop();
@@ -145,23 +158,23 @@ export var ChoiceTypeTable = (_dec = withStyleOverrides(generateStyle, generateC
           _iterator.f();
         }
       }
-    };
-    _this.setTableRef = function (el) {
-      return _this.tableRef = el;
-    };
-    _this.render = function () {
-      var _this$props = _this.props,
-        choices = _this$props.choices,
-        itemId = _this$props.itemId;
+    });
+    _defineProperty(_this2, "setTableRef", function (el) {
+      return _this2.tableRef = el;
+    });
+    _defineProperty(_this2, "render", function () {
+      var _this2$props = _this2.props,
+        choices = _this2$props.choices,
+        itemId = _this2$props.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);
-      var containerStyles = [_this.props.styles.tableContainer, !_this.nextChoiceIsCorrect(choices, 0) ? _this.props.styles.headerGrayBottomBorder : {}];
+      var containerStyles = [_this2.props.styles.tableContainer, !_this2.nextChoiceIsCorrect(choices, 0) ? _this2.props.styles.headerGrayBottomBorder : {}];
       return jsx("div", {
         css: containerStyles
       }, jsx(Table, {
         caption: t('Answer Frequency Summary'),
-        elementRef: _this.setTableRef
+        elementRef: _this2.setTableRef
       }, jsx(Table.Head, null, jsx(Table.Row, null, jsx(Table.ColHeader, {
         id: answerHeaderId,
         height: "47px",
@@ -176,17 +189,18 @@ export var ChoiceTypeTable = (_dec = withStyleOverrides(generateStyle, generateC
         id: percentageHeaderId,
         height: "47px",
         textAlign: "center"
-      }, t('Percentage')))), jsx(Table.Body, null, choices.map(_this.renderRow))));
-    };
-    return _this;
+      }, t('Percentage')))), jsx(Table.Body, null, choices.map(_this2.renderRow))));
+    });
+    return _this2;
   }
-  return ChoiceTypeTable;
-}(Component), _ChoiceTypeTable.displayName = 'ChoiceTypeTable', _ChoiceTypeTable.componentId = "Quizzes".concat(_ChoiceTypeTable.displayName), _ChoiceTypeTable.propTypes = {
+  _inherits(ChoiceTypeTable, _Component);
+  return _createClass(ChoiceTypeTable);
+}(Component), _defineProperty(_ChoiceTypeTable, "displayName", 'ChoiceTypeTable'), _defineProperty(_ChoiceTypeTable, "componentId", "Quizzes".concat(_ChoiceTypeTable.displayName)), _defineProperty(_ChoiceTypeTable, "propTypes", {
   itemId: PropTypes.number.isRequired,
   choices: PropTypes.arrayOf(choiceTypeObject).isRequired,
   tableContainerStyles: PropTypes.object,
   styles: PropTypes.object,
   makeStyles: PropTypes.func
-}, _ChoiceTypeTable.defaultProps = {
-  tableContainerStyles: void 0
-}, _ChoiceTypeTable)) || _class);
+}), _defineProperty(_ChoiceTypeTable, "defaultProps", {
+  tableContainerStyles: undefined
+}), _ChoiceTypeTable)) || _class);

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/ChoiceTypeTable/styles.js

@@ -1,4 +1,6 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var generateStyle = function generateStyle(componentTheme, props) {
   var tableContainerStyles = props.tableContainerStyles || {
     width: 'calc(25% + 350px)',