@instructure/quiz-core 20.17.3-rc.0 → 20.17.3-rc.10

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/NumericType/presenter.js

@@ -1,36 +1,45 @@
-import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-var _dec, _class, _NumericType;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
-import AfsTableWrapper from '../shared/AfsTableWrapper';
-import { AfsPartsContainer } from '../shared/AfsPartsContainer/presenter';
-import AggregationTable from '../shared/AggregationTable';
-import ExpandableCard from '../shared/ExpandableCard';
+import AfsTableWrapper from "../shared/AfsTableWrapper/index.js";
+import { AfsPartsContainer } from "../shared/AfsPartsContainer/presenter.js";
+import AggregationTable from "../shared/AggregationTable/index.js";
+import ExpandableCard from "../shared/ExpandableCard/index.js";
 import { Text } from '@instructure/ui-text';
 import t from '@instructure/quiz-i18n/es/format-message';
-import ChoiceTypeTable from '../shared/ChoiceTypeTable';
+import ChoiceTypeTable from "../shared/ChoiceTypeTable/index.js";
 import { jsx, withStyle } from '@instructure/emotion';
-import ChoiceTypeWithInfo from './ChoiceTypeWithInfo';
-import generateStyle from './styles';
-import generateComponentTheme from './theme';
+import ChoiceTypeWithInfo from "./ChoiceTypeWithInfo/index.js";
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
 import { Flex } from '@instructure/ui-flex';
-import { numericTypeAnswerSummaryPropType } from '../../propTypes';
-export var NumericType = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_NumericType = /*#__PURE__*/function (_Component) {
+import { numericTypeAnswerSummaryPropType } from "../../propTypes.js";
+export var NumericType = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(NumericType, _Component);
+
+  var _super = _createSuper(NumericType);
+
   function NumericType() {
     var _this;
+
     _classCallCheck(this, NumericType);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, NumericType, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
     _this.renderIncorrectTable = function () {
       var _this$props = _this.props,
-        itemId = _this$props.itemId,
-        answerSummary = _this$props.answerSummary;
+          itemId = _this$props.itemId,
+          answerSummary = _this$props.answerSummary;
       var incorrect_answer_choices = answerSummary.requirements.incorrect_answer_choices;
       var tableId = "".concat(itemId, "_incorrect_choices");
       var tableContainerStyles = {};
@@ -40,21 +49,27 @@ export var NumericType = (_dec = withStyle(generateStyle, generateComponentTheme
         tableContainerStyles: tableContainerStyles
       });
     };
+
     _this.getPreciseTypeTranslatable = function (precisionType) {
       switch (precisionType) {
         case 'significantDigits':
           return t('Significant Digits');
+
         case 'decimals':
           return t('Decimal Places');
+
         default:
           return precisionType;
       }
     };
+
     _this.renderPreciseResponse = function (correct_answers) {
       var typeString = "".concat(t('Correct answer'), " - ").concat(t('Precise Response'), " ");
       var answerString = "".concat(t('Answer'), ": ").concat(correct_answers.value, " ");
       var precisionString = "".concat(t('Precision'), ": ").concat(correct_answers.precision, " ");
+
       var translatablePrecisionType = _this.getPreciseTypeTranslatable(correct_answers.precision_type);
+
       var precisionTypeString = "".concat(t('Type'), ": ").concat(translatablePrecisionType, " ");
       return jsx("div", {
         css: _this.props.styles.groupAggregationContainer
@@ -69,21 +84,27 @@ export var NumericType = (_dec = withStyle(generateStyle, generateComponentTheme
         transform: "capitalize"
       }, precisionTypeString));
     };
+
     _this.getMarginTypeTranslatable = function (marginType) {
       switch (marginType) {
         case 'absolute':
           return t('Absolute');
+
         case 'percent':
           return t('Percent');
+
         default:
           return marginType;
       }
     };
+
     _this.renderMarginOfError = function (correct_answers) {
       var typeString = "".concat(t('Correct answer'), " - ").concat(t('Margin Of Error'), " ");
       var answerString = "".concat(t('Answer'), ": ").concat(correct_answers.value, " ");
       var marginString = "".concat(t('+/- margin'), ": ").concat(correct_answers.margin, " ");
+
       var translatableMarginType = _this.getMarginTypeTranslatable(correct_answers.margin_type);
+
       var marginTypeString = "".concat(t('Type'), ": ").concat(translatableMarginType, " ");
       return jsx("div", {
         css: _this.props.styles.groupAggregationContainer
@@ -98,6 +119,7 @@ export var NumericType = (_dec = withStyle(generateStyle, generateComponentTheme
         transform: "capitalize"
       }, marginTypeString));
     };
+
     _this.renderExactResponse = function (correct_answers) {
       var typeString = "".concat(t('Correct answer'), " - ").concat(t('Exact Response'), " ");
       var answerString = "".concat(t('Answer'), ": ").concat(correct_answers.value, " ");
@@ -110,6 +132,7 @@ export var NumericType = (_dec = withStyle(generateStyle, generateComponentTheme
         transform: "capitalize"
       }, answerString));
     };
+
     _this.renderWithinRange = function (correct_answers) {
       var typeString = "".concat(t('Correct answer'), " - ").concat(t('Within A Range'), " ");
       var startString = "".concat(t('Range Starts'), ": ").concat(correct_answers.start, " ");
@@ -125,6 +148,7 @@ export var NumericType = (_dec = withStyle(generateStyle, generateComponentTheme
         transform: "capitalize"
       }, endString));
     };
+
     _this.renderUncategorized = function () {
       var typeString = "".concat(t('Correct answer'), " - ").concat(t('Uncategorized'), " ");
       return jsx("div", {
@@ -134,20 +158,26 @@ export var NumericType = (_dec = withStyle(generateStyle, generateComponentTheme
         weight: "bold"
       }, typeString));
     };
+
     _this.getHeadLineByType = function (correct_answer) {
       switch (correct_answer.type) {
         case 'withinARange':
           return _this.renderWithinRange(correct_answer);
+
         case 'exactResponse':
           return _this.renderExactResponse(correct_answer);
+
         case 'preciseResponse':
           return _this.renderPreciseResponse(correct_answer);
+
         case 'marginOfError':
           return _this.renderMarginOfError(correct_answer);
+
         default:
           return _this.renderUncategorized();
       }
     };
+
     _this.renderChoiceTypeWithInfo = function (correct_answer, index, itemId) {
       var key = "ChoiceTypeWithInfo_".concat(itemId, "_").concat(index);
       return jsx(ChoiceTypeWithInfo, {
@@ -158,30 +188,34 @@ export var NumericType = (_dec = withStyle(generateStyle, generateComponentTheme
         index: index
       });
     };
+
     _this.renderCorrectChoiceTypes = function () {
       var _this$props2 = _this.props,
-        itemId = _this$props2.itemId,
-        answerSummary = _this$props2.answerSummary;
+          itemId = _this$props2.itemId,
+          answerSummary = _this$props2.answerSummary;
       var correct_answers = answerSummary.requirements.correct_answers;
       return correct_answers.map(function (correct_answer, index) {
         return _this.renderChoiceTypeWithInfo(correct_answer, index, itemId);
       });
     };
+
     _this.renderEmptyIncorrect = function () {
       return jsx(Flex, null, jsx(Flex.Item, {
         padding: "small none small none"
       }, jsx(Text, null, t('There are no incorrect answers.'))));
     };
+
     _this.renderEmptyCorrect = function () {
       return jsx(Flex, null, jsx(Flex.Item, {
         padding: "small none small none"
       }, jsx(Text, null, t('There are no correct answers.'))));
     };
+
     _this.renderAfsTable = function () {
       var answerSummary = _this.props.answerSummary;
       var _answerSummary$requir = answerSummary.requirements,
-        correct_answers = _answerSummary$requir.correct_answers,
-        incorrect_answer_choices = _answerSummary$requir.incorrect_answer_choices;
+          correct_answers = _answerSummary$requir.correct_answers,
+          incorrect_answer_choices = _answerSummary$requir.incorrect_answer_choices;
       var areThereIncorrectChoices = Array.isArray(incorrect_answer_choices) && incorrect_answer_choices.length > 0;
       var areThereCorrectAnswers = Array.isArray(correct_answers) && correct_answers.length > 0;
       return jsx("div", null, jsx(ExpandableCard, {
@@ -196,10 +230,11 @@ export var NumericType = (_dec = withStyle(generateStyle, generateComponentTheme
         }, t('Incorrect Answers'))
       }));
     };
+
     _this.render = function () {
       var _this$props3 = _this.props,
-        answerSummary = _this$props3.answerSummary,
-        itemId = _this$props3.itemId;
+          answerSummary = _this$props3.answerSummary,
+          itemId = _this$props3.itemId;
       return jsx(AfsTableWrapper, null, jsx(AfsPartsContainer, {
         afsTable: _this.renderAfsTable(),
         aggregationTable: jsx(AggregationTable, {
@@ -208,12 +243,13 @@ export var NumericType = (_dec = withStyle(generateStyle, generateComponentTheme
         })
       }));
     };
+
     return _this;
   }
-  _inherits(NumericType, _Component);
-  return _createClass(NumericType);
-}(Component), _NumericType.propTypes = {
+
+  return NumericType;
+}(Component), _class2.propTypes = {
   itemId: PropTypes.number.isRequired,
   answerSummary: numericTypeAnswerSummaryPropType.isRequired,
   styles: PropTypes.object
-}.isRequired, _NumericType)) || _class);
+}.isRequired, _temp)) || _class);

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/NumericType/styles.js

@@ -6,4 +6,5 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
+
 export default generateStyle;

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/NumericType/theme.js

@@ -4,4 +4,5 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     aggregateSpacing: spacing.small
   };
 };
+
 export default generateComponentTheme;

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/RichFillBlankType/ChoiceGroupTypeTable/index.js

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

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/RichFillBlankType/ChoiceGroupTypeTable/presenter.js

@@ -1,50 +1,64 @@
-import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-var _dec, _class, _ChoiceGroupTypeTable;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
-import { choiceTypeObject } from '../../../propTypes';
+import { choiceTypeObject } from "../../../propTypes.js";
 import { Flex } from '@instructure/ui-flex';
 import { Text } from '@instructure/ui-text';
 import t from '@instructure/quiz-i18n/es/format-message';
-import ChoiceTypeTable from '../../shared/ChoiceTypeTable';
-import BlankIcon from '../../../NewItemAnalysis/BlankIcon';
+import ChoiceTypeTable from "../../shared/ChoiceTypeTable/index.js";
+import BlankIcon from "../../../NewItemAnalysis/BlankIcon/index.js";
 import { withStyle, jsx } from '@instructure/emotion';
-import generateStyle from './styles';
-import generateComponentTheme from './theme';
-import ExpandableCard from '../../shared/ExpandableCard';
-export var ChoiceGroupTypeTable = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_ChoiceGroupTypeTable = /*#__PURE__*/function (_Component) {
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
+import ExpandableCard from "../../shared/ExpandableCard/index.js";
+export var ChoiceGroupTypeTable = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(ChoiceGroupTypeTable, _Component);
+
+  var _super = _createSuper(ChoiceGroupTypeTable);
+
   function ChoiceGroupTypeTable() {
     var _this;
+
     _classCallCheck(this, ChoiceGroupTypeTable);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, ChoiceGroupTypeTable, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
     _this.state = {
       bodyExpanded: false
     };
+
     _this.getTranslatedBlankType = function (blank_type) {
       switch (blank_type) {
         case 'openEntry':
           return t('Open Entry');
+
         case 'wordbank':
           return t('Word Bank');
+
         case 'dropdown':
           return t('Dropdown');
+
         default:
           return blank_type;
       }
     };
-    // Ideally this can happen only in case of openEntry
+
     _this.getTranslatedEmptyMessage = function () {
       return t('There are no entries for this open entry question.');
     };
+
     _this.renderBlankInfo = function () {
       var _blank$aggregate, _blank$aggregate2;
+
       var blank = _this.props.blank;
       var correctCount = (blank === null || blank === void 0 ? void 0 : (_blank$aggregate = blank.aggregate) === null || _blank$aggregate === void 0 ? void 0 : _blank$aggregate.correct) || 0;
       var incorrectCount = (blank === null || blank === void 0 ? void 0 : (_blank$aggregate2 = blank.aggregate) === null || _blank$aggregate2 === void 0 ? void 0 : _blank$aggregate2.incorrect) || 0;
@@ -56,11 +70,12 @@ export var ChoiceGroupTypeTable = (_dec = withStyle(generateStyle, generateCompo
         css: _this.props.styles.groupAggregationContainer
       }, jsx(Text, null, correctString), jsx(Text, null, incorrectString), jsx(Text, null, noAnswerString));
     };
+
     _this.renderTable = function () {
       var _this$props = _this.props,
-        itemId = _this$props.itemId,
-        blank = _this$props.blank,
-        index = _this$props.index;
+          itemId = _this$props.itemId,
+          blank = _this$props.blank,
+          index = _this$props.index;
       var choices = blank.choices;
       var tableId = "".concat(itemId, "_").concat(index, "_choiceGroup");
       var tableContainerStyles = {};
@@ -70,6 +85,7 @@ export var ChoiceGroupTypeTable = (_dec = withStyle(generateStyle, generateCompo
         tableContainerStyles: tableContainerStyles
       });
     };
+
     _this.renderBlankIcon = function () {
       var index = _this.props.index;
       var blankIconKey = "blank_icon_".concat(index);
@@ -78,10 +94,11 @@ export var ChoiceGroupTypeTable = (_dec = withStyle(generateStyle, generateCompo
         number: index + 1
       });
     };
+
     _this.renderHeadLine = function () {
       var blank = _this.props.blank;
       var blank_text = blank.blank_text,
-        blank_type = blank.blank_type;
+          blank_type = blank.blank_type;
       var blankTextAndType = "".concat(blank_text, " (").concat(_this.getTranslatedBlankType(blank_type), ")");
       return jsx(Flex, {
         overflowY: "visible",
@@ -97,6 +114,7 @@ export var ChoiceGroupTypeTable = (_dec = withStyle(generateStyle, generateCompo
         margin: "xxx-small none small none"
       }, _this.renderBlankInfo()));
     };
+
     _this.renderEmptyInfo = function () {
       return jsx(Flex, {
         direction: "column",
@@ -107,6 +125,7 @@ export var ChoiceGroupTypeTable = (_dec = withStyle(generateStyle, generateCompo
         padding: "none none x-small none"
       }, jsx(Text, null, _this.getTranslatedEmptyMessage())));
     };
+
     _this.render = function () {
       var blank = _this.props.blank;
       var areThereChoices = Array.isArray(blank.choices) && blank.choices.length > 0;
@@ -115,11 +134,12 @@ export var ChoiceGroupTypeTable = (_dec = withStyle(generateStyle, generateCompo
         headLine: _this.renderHeadLine()
       });
     };
+
     return _this;
   }
-  _inherits(ChoiceGroupTypeTable, _Component);
-  return _createClass(ChoiceGroupTypeTable);
-}(Component), _ChoiceGroupTypeTable.propTypes = {
+
+  return ChoiceGroupTypeTable;
+}(Component), _class2.propTypes = {
   itemId: PropTypes.number.isRequired,
   blank: PropTypes.shape({
     choices: PropTypes.arrayOf(choiceTypeObject).isRequired,
@@ -128,4 +148,4 @@ export var ChoiceGroupTypeTable = (_dec = withStyle(generateStyle, generateCompo
   }).isRequired,
   index: PropTypes.number.isRequired,
   styles: PropTypes.object
-}.isRequired, _ChoiceGroupTypeTable)) || _class);
+}.isRequired, _temp)) || _class);

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/RichFillBlankType/ChoiceGroupTypeTable/styles.js

@@ -6,4 +6,5 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
+
 export default generateStyle;

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/RichFillBlankType/ChoiceGroupTypeTable/theme.js

@@ -4,4 +4,5 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     aggregateSpacing: spacing.xSmall
   };
 };
+
 export default generateComponentTheme;

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/RichFillBlankType/index.js

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

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/RichFillBlankType/presenter.js

@@ -1,22 +1,29 @@
-import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import { richFillBlankTypeAnswerSummaryPropType } from '../../propTypes';
-import AfsTableWrapper from '../shared/AfsTableWrapper';
-import { AfsPartsContainer } from '../shared/AfsPartsContainer/presenter';
-import ChoiceGroupTypeTable from './ChoiceGroupTypeTable';
-import AggregationTable from '../shared/AggregationTable';
+import { richFillBlankTypeAnswerSummaryPropType } from "../../propTypes.js";
+import AfsTableWrapper from "../shared/AfsTableWrapper/index.js";
+import { AfsPartsContainer } from "../shared/AfsPartsContainer/presenter.js";
+import ChoiceGroupTypeTable from "./ChoiceGroupTypeTable/index.js";
+import AggregationTable from "../shared/AggregationTable/index.js";
 export var RichFillBlankType = /*#__PURE__*/function (_Component) {
+  _inherits(RichFillBlankType, _Component);
+
+  var _super = _createSuper(RichFillBlankType);
+
   function RichFillBlankType() {
     var _this;
+
     _classCallCheck(this, RichFillBlankType);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, RichFillBlankType, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
     _this.renderGroup = function (key, itemId, blank, index) {
       return /*#__PURE__*/React.createElement(ChoiceGroupTypeTable, {
         key: key,
@@ -25,20 +32,22 @@ export var RichFillBlankType = /*#__PURE__*/function (_Component) {
         index: index
       });
     };
+
     _this.renderGroups = function () {
       var _this$props = _this.props,
-        answerSummary = _this$props.answerSummary,
-        itemId = _this$props.itemId;
+          answerSummary = _this$props.answerSummary,
+          itemId = _this$props.itemId;
       var blanks = answerSummary.blanks;
       return blanks.map(function (blank, index) {
         var key = "ChoiceGroupTypeTable_".concat(itemId, "_").concat(index);
         return _this.renderGroup(key, itemId, blank, index);
       });
     };
+
     _this.render = function () {
       var _this$props2 = _this.props,
-        answerSummary = _this$props2.answerSummary,
-        itemId = _this$props2.itemId;
+          answerSummary = _this$props2.answerSummary,
+          itemId = _this$props2.itemId;
       return /*#__PURE__*/React.createElement(AfsTableWrapper, null, /*#__PURE__*/React.createElement(AfsPartsContainer, {
         afsTable: _this.renderGroups(),
         aggregationTable: /*#__PURE__*/React.createElement(AggregationTable, {
@@ -47,10 +56,11 @@ export var RichFillBlankType = /*#__PURE__*/function (_Component) {
         })
       }));
     };
+
     return _this;
   }
-  _inherits(RichFillBlankType, _Component);
-  return _createClass(RichFillBlankType);
+
+  return RichFillBlankType;
 }(Component);
 RichFillBlankType.propTypes = {
   itemId: PropTypes.number.isRequired,

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/ScoreDistributionType/Table/index.js

@@ -1,39 +1,51 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-var _dec, _class, _ScoreDistributionTypeTable;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
-import { scoreDistributionType } from '../../../propTypes';
+import { scoreDistributionType } from "../../../propTypes.js";
 import { Component } from 'react';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { Table } from '@instructure/ui-table';
 import PropTypes from 'prop-types';
 import { withStyle, jsx } from '@instructure/emotion';
-import generateStyle from './styles';
-import generateComponentTheme from './theme';
-export var ScoreDistributionTypeTable = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_ScoreDistributionTypeTable = /*#__PURE__*/function (_Component) {
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
+export var ScoreDistributionTypeTable = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(ScoreDistributionTypeTable, _Component);
+
+  var _super = _createSuper(ScoreDistributionTypeTable);
+
   function ScoreDistributionTypeTable() {
     var _this;
+
     _classCallCheck(this, ScoreDistributionTypeTable);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, ScoreDistributionTypeTable, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
     _this.renderFirstCell = function (content) {
       return jsx("div", {
         css: _this.props.styles.firstTextContainer
       }, content);
     };
+
     _this.renderCell = function (content) {
       return jsx("div", {
         css: _this.props.styles.textContainer
       }, content);
     };
+
     _this.renderRow = function (choice, choiceIndex) {
       var count = choice.count,
-        score = choice.score,
-        percentage = choice.percentage;
+          score = choice.score,
+          percentage = choice.percentage;
       return jsx(Table.Row, {
         key: choiceIndex
       }, jsx(Table.Cell, {
@@ -51,10 +63,11 @@ export var ScoreDistributionTypeTable = (_dec = withStyle(generateStyle, generat
         textAlign: "center"
       }, _this.renderCell("".concat(percentage, "%"))));
     };
+
     return _this;
   }
-  _inherits(ScoreDistributionTypeTable, _Component);
-  return _createClass(ScoreDistributionTypeTable, [{
+
+  _createClass(ScoreDistributionTypeTable, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.makeStyles();
@@ -68,9 +81,9 @@ export var ScoreDistributionTypeTable = (_dec = withStyle(generateStyle, generat
     key: "render",
     value: function render() {
       var _this$props = this.props,
-        scores = _this$props.scores,
-        itemId = _this$props.itemId,
-        styles = _this$props.styles;
+          scores = _this$props.scores,
+          itemId = _this$props.itemId,
+          styles = _this$props.styles;
       var pointsHeaderId = "answer-frequency-summary-points-".concat(itemId);
       var respondentsHeaderId = "answer-frequency-summary-respondents-".concat(itemId);
       var percentageHeaderId = "answer-frequency-summary-percentage-".concat(itemId);
@@ -93,12 +106,15 @@ export var ScoreDistributionTypeTable = (_dec = withStyle(generateStyle, generat
       }, t('Percentage')))), jsx(Table.Body, null, scores.map(this.renderRow))));
     }
   }]);
-}(Component), _ScoreDistributionTypeTable.propTypes = {
+
+  ScoreDistributionTypeTable.displayName = "ScoreDistributionTypeTable";
+  return ScoreDistributionTypeTable;
+}(Component), _class2.propTypes = {
   itemId: PropTypes.number.isRequired,
   scores: PropTypes.arrayOf(scoreDistributionType).isRequired,
   // eslint-disable-next-line react/require-default-props
   makeStyles: PropTypes.func,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: PropTypes.object
-}, _ScoreDistributionTypeTable)) || _class);
+}, _temp)) || _class);
 export default ScoreDistributionTypeTable;

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/ScoreDistributionType/Table/styles.js

@@ -34,4 +34,5 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
+
 export default generateStyle;

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/ScoreDistributionType/Table/theme.js

@@ -1,10 +1,11 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-    colors = _ref.colors;
+      colors = _ref.colors;
   return {
     tableBottomPadding: spacing === null || spacing === void 0 ? void 0 : spacing.medium,
     colorGray: colors === null || colors === void 0 ? void 0 : colors.tiara,
     cellPadding: "".concat(spacing === null || spacing === void 0 ? void 0 : spacing.small, " ").concat(spacing === null || spacing === void 0 ? void 0 : spacing.small)
   };
 };
+
 export default generateComponentTheme;