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

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

@@ -1,4 +1,5 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+
 var generateStyle = function generateStyle(componentTheme, props) {
   return {
     tableContainer: _objectSpread({
@@ -9,4 +10,5 @@ var generateStyle = function generateStyle(componentTheme, props) {
     })
   };
 };
+
 export default generateStyle;

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

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

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

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

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

@@ -1,30 +1,40 @@
-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, _AfsTableWrapper;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
 import { Component } from 'react';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { Flex } from '@instructure/ui-flex';
 import { Heading } from '@instructure/ui-heading';
 import { withStyle, jsx } from '@instructure/emotion';
-import generateStyle from './styles';
+import generateStyle from "./styles.js";
 import PropTypes from 'prop-types';
-import { noAnswerMissing } from './popoverContent';
-import MetricPopover from '../../../MetricPopover';
-export var AfsTableWrapper = (_dec = withStyle(generateStyle, null), _dec(_class = (_AfsTableWrapper = /*#__PURE__*/function (_Component) {
+import { noAnswerMissing } from "./popoverContent.js";
+import MetricPopover from "../../../MetricPopover/index.js";
+export var AfsTableWrapper = (_dec = withStyle(generateStyle, null), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(AfsTableWrapper, _Component);
+
+  var _super = _createSuper(AfsTableWrapper);
+
   function AfsTableWrapper() {
     var _this;
+
     _classCallCheck(this, AfsTableWrapper);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, AfsTableWrapper, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
     _this.getHeader = function () {
       var tableHeader = _this.props.tableHeader;
       return tableHeader || t('Answer Frequency Summary');
     };
+
     _this.render = function () {
       var noAnswerMissingPopover = _this.props.noAnswerMissingPopover;
       return jsx(Flex, {
@@ -43,13 +53,14 @@ export var AfsTableWrapper = (_dec = withStyle(generateStyle, null), _dec(_class
         gap: "x-small"
       }, jsx(Flex.Item, null, _this.getHeader()), jsx(Flex.Item, null, noAnswerMissingPopover && jsx(MetricPopover, noAnswerMissing)))), _this.props.children)));
     };
+
     return _this;
   }
-  _inherits(AfsTableWrapper, _Component);
-  return _createClass(AfsTableWrapper);
-}(Component), _AfsTableWrapper.propTypes = {
+
+  return AfsTableWrapper;
+}(Component), _class2.propTypes = {
   children: PropTypes.node.isRequired,
   styles: PropTypes.object,
   tableHeader: PropTypes.string,
   noAnswerMissingPopover: PropTypes.bool
-}, _AfsTableWrapper)) || _class);
+}, _temp)) || _class);

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

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

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

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

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

@@ -1,32 +1,50 @@
-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, _AggregationTable, _IconCheckSolid, _IconGradebookSolid, _IconXSolid, _IconNoSolid;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
 import { Component } from 'react';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { Table } from '@instructure/ui-table';
-import { onlyAggregatePropType } from '../../../propTypes';
+import { onlyAggregatePropType } from "../../../propTypes.js";
 import PropTypes from 'prop-types';
 import { IconCheckSolid, IconXSolid, IconNoSolid, IconGradebookSolid } from '@instructure/ui-icons';
 import { withStyle, jsx } from '@instructure/emotion';
-import generateComponentTheme from './theme';
-import generateStyle from './styles';
+import generateComponentTheme from "./theme.js";
+import generateStyle from "./styles.js";
 import { Flex } from '@instructure/ui-flex';
 import { Text } from '@instructure/ui-text';
 var noAnswerKey = 'noAnswer';
 var incorrectKey = 'incorrect';
 var correctKey = 'correct';
 var gradedKey = 'graded';
-export var AggregationTable = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_AggregationTable = /*#__PURE__*/function (_Component) {
+
+var _ref = jsx(IconCheckSolid, null);
+
+var _ref2 = jsx(IconGradebookSolid, null);
+
+var _ref3 = jsx(IconXSolid, null);
+
+var _ref4 = jsx(IconNoSolid, null);
+
+export var AggregationTable = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(AggregationTable, _Component);
+
+  var _super = _createSuper(AggregationTable);
+
   function AggregationTable() {
     var _this;
+
     _classCallCheck(this, AggregationTable);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, AggregationTable, [].concat(args));
+
+    _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;
@@ -45,8 +63,10 @@ export var AggregationTable = (_dec = withStyle(generateStyle, generateComponent
         textAlign: "center"
       }, t('Percentage'))));
     };
+
     _this.renderRow = function (key, icon, label, count, percentage) {
       var backgroundColor = _this.props.styles["".concat(key, "Background")];
+
       var concatenatedPercentage = "".concat(percentage, "%");
       return jsx(Table.Row, {
         key: key
@@ -80,53 +100,66 @@ export var AggregationTable = (_dec = withStyle(generateStyle, generateComponent
         textAlign: "center"
       }, jsx(Text, null, concatenatedPercentage)));
     };
+
     _this.gradedExist = function () {
       var graded = _this.props.answerSummary.graded;
       return !!graded;
     };
+
     _this.correctExist = function () {
       var aggregate = _this.props.answerSummary.aggregate;
-      return !!(aggregate !== null && aggregate !== void 0 && aggregate.correct);
+      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 && aggregate.incorrect);
+      return !!(aggregate === null || aggregate === void 0 ? void 0 : aggregate.incorrect);
     };
+
     _this.noAnswerExist = function () {
       var no_answer = _this.props.answerSummary.no_answer;
       return !!no_answer;
     };
+
     _this.renderCorrect = function () {
       var aggregate = _this.props.answerSummary.aggregate;
       var correct = aggregate.correct;
       var correctCount = correct.count || 0;
       var correctPercentage = correct.percentage || 0;
-      return _this.renderRow(correctKey, _IconCheckSolid || (_IconCheckSolid = jsx(IconCheckSolid, null)), t('Correct'), correctCount, correctPercentage);
+      return _this.renderRow(correctKey, _ref, t('Correct'), correctCount, correctPercentage);
     };
+
     _this.renderGraded = function () {
       var graded = _this.props.answerSummary.graded;
       var gradedCount = graded.count || 0;
       var gradedPercentage = graded.percentage || 0;
-      return _this.renderRow(gradedKey, _IconGradebookSolid || (_IconGradebookSolid = jsx(IconGradebookSolid, null)), t('Graded'), gradedCount, gradedPercentage);
+      return _this.renderRow(gradedKey, _ref2, t('Graded'), gradedCount, gradedPercentage);
     };
+
     _this.renderIncorrect = function () {
       var aggregate = _this.props.answerSummary.aggregate;
       var incorrect = aggregate.incorrect;
       var incorrectCount = incorrect.count || 0;
       var incorrectPercentage = incorrect.percentage || 0;
-      return _this.renderRow(incorrectKey, _IconXSolid || (_IconXSolid = jsx(IconXSolid, null)), t('Incorrect'), incorrectCount, incorrectPercentage);
+      return _this.renderRow(incorrectKey, _ref3, t('Incorrect'), incorrectCount, incorrectPercentage);
     };
+
     _this.renderNoAnswer = function () {
       var no_answer = _this.props.answerSummary.no_answer;
       var noAnswerCount = no_answer.count || 0;
       var noAnswerPercentage = no_answer.percentage || 0;
-      return _this.renderRow(noAnswerKey, _IconNoSolid || (_IconNoSolid = jsx(IconNoSolid, null)), t('No response'), noAnswerCount, noAnswerPercentage);
+      return _this.renderRow(noAnswerKey, _ref4, t('No response'), noAnswerCount, noAnswerPercentage);
     };
+
     _this.getColorProfile = function () {
       var colorProfile;
+
       var correctIncorrectNoAnswerGraded = _this.gradedExist() && _this.noAnswerExist() && _this.correctExist() && _this.incorrectExist();
+
       var correctIncorrectNoAnswer = !_this.gradedExist() && _this.noAnswerExist() && _this.correctExist() && _this.incorrectExist();
+
       var onlyNoAnswer = _this.noAnswerExist() && !_this.gradedExist() && !_this.correctExist() && !_this.incorrectExist();
+
       if (correctIncorrectNoAnswer) {
         colorProfile = 'correctIncorrectNoanswer';
       } else if (correctIncorrectNoAnswerGraded) {
@@ -136,8 +169,10 @@ export var AggregationTable = (_dec = withStyle(generateStyle, generateComponent
       } else {
         colorProfile = 'correctIncorrect';
       }
+
       return colorProfile;
     };
+
     _this.render = function () {
       var popover = !_this.noAnswerExist();
       var tableStyles = [_this.props.styles.collapsingTable, _this.props.styles[_this.getColorProfile()]];
@@ -147,12 +182,13 @@ export var AggregationTable = (_dec = withStyle(generateStyle, generateComponent
         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;
   }
-  _inherits(AggregationTable, _Component);
-  return _createClass(AggregationTable);
-}(Component), _AggregationTable.propTypes = {
+
+  return AggregationTable;
+}(Component), _class2.propTypes = {
   itemId: PropTypes.number.isRequired,
   answerSummary: onlyAggregatePropType.isRequired,
   styles: PropTypes.object
-}, _AggregationTable)) || _class);
+}, _temp)) || _class);

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

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

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

@@ -9,4 +9,5 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     cellPadding: '13.5px 13.5px;'
   };
 };
+
 export default generateComponentTheme;

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

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

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

@@ -1,10 +1,11 @@
 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 _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-var _dec, _class, _ChoiceTypeTable, _IconCheckSolid, _IconXSolid;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
 import { Component } from 'react';
 import t from '@instructure/quiz-i18n/es/format-message';
@@ -12,63 +13,90 @@ import { Table } from '@instructure/ui-table';
 import { withStyle, jsx, css } from '@instructure/emotion';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import PropTypes from 'prop-types';
-import { choiceTypeObject } from '../../../propTypes';
-import generateStyle from './styles';
-import generateComponentTheme from './theme';
+import { choiceTypeObject } from "../../../propTypes.js";
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
 import { IconCheckSolid, IconXSolid } from '@instructure/ui-icons';
 import { extractTextFromHtml } from '@instructure/quiz-interactions';
 import { Flex } from '@instructure/ui-flex';
 import { Text } from '@instructure/ui-text';
 var correctAttribute = 'correct';
 var incorrectAttribute = 'incorrect';
-export var ChoiceTypeTable = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_ChoiceTypeTable = /*#__PURE__*/function (_Component) {
+
+var _ref = jsx(IconCheckSolid, null);
+
+var _ref2 = jsx(IconXSolid, null);
+
+export var ChoiceTypeTable = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(ChoiceTypeTable, _Component);
+
+  var _super = _createSuper(ChoiceTypeTable);
+
   function ChoiceTypeTable() {
+    var _this$rowStyleMap;
+
     var _this;
+
     _classCallCheck(this, ChoiceTypeTable);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, ChoiceTypeTable, [].concat(args));
-    _this.rowStyleMap = _defineProperty(_defineProperty({}, correctAttribute, _this.props.styles.correctRow), incorrectAttribute, _this.props.styles.incorrectRow);
+
+    _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 : {}];
       return jsx("div", {
         css: iconStyles
-      }, correct ? _IconCheckSolid || (_IconCheckSolid = jsx(IconCheckSolid, null)) : _IconXSolid || (_IconXSolid = jsx(IconXSolid, null)));
+      }, correct ? _ref : _ref2);
     };
+
     _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.answerLabel = function (correct) {
       return correct ? t('Correct answer') : t('Incorrect answer');
     };
+
     _this.extractChoiceText = function (choiceBody, correct) {
       var text = extractTextFromHtml(choiceBody);
       if (text.trim().length > 0) return text;
       return _this.answerLabel(correct);
     };
+
     _this.nextChoiceIsCorrect = function (choices, choiceIndex) {
       var _choices$choiceIndex;
+
       return (_choices$choiceIndex = choices[choiceIndex]) === null || _choices$choiceIndex === void 0 ? void 0 : _choices$choiceIndex.correct;
     };
+
     _this.getDataIconAttribute = function (correct, choiceIndex) {
       var choices = _this.props.choices;
+
       if (_this.nextChoiceIsCorrect(choices, choiceIndex + 1) && !correct) {
         return '';
       }
+
       return correct ? correctAttribute : incorrectAttribute;
     };
+
     _this.renderRow = function (choice, choiceIndex) {
       var correct = choice.correct,
-        body = choice.body;
+          body = choice.body;
+
       var extractedBody = _this.extractChoiceText(body, correct);
+
       var screenReaderContent = "".concat(_this.answerLabel(correct), ": ").concat(extractedBody);
       return jsx(Table.Row, {
         key: choiceIndex
@@ -100,24 +128,31 @@ export var ChoiceTypeTable = (_dec = withStyle(generateStyle, generateComponentT
         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),
-          _step;
+            _step;
+
         try {
           var _loop = function _loop() {
             var _row$querySelector, _row$querySelector$da;
+
             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 td = row.querySelectorAll('td');
             var th = row.querySelectorAll('th');
+
             if (icon) {
               td.forEach(function (cell) {
                 cell.setAttribute('style', css(_this.rowStyleMap[icon].td).styles);
@@ -125,13 +160,16 @@ export var ChoiceTypeTable = (_dec = withStyle(generateStyle, generateComponentT
               th.forEach(function (cell) {
                 cell.setAttribute('style', css(_this.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.setAttribute('style', css(_this.rowStyleMap[icon]).styles);
           };
+
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
             _loop();
           }
@@ -142,13 +180,15 @@ export var ChoiceTypeTable = (_dec = withStyle(generateStyle, generateComponentT
         }
       }
     };
+
     _this.setTableRef = function (el) {
       return _this.tableRef = el;
     };
+
     _this.render = function () {
       var _this$props = _this.props,
-        choices = _this$props.choices,
-        itemId = _this$props.itemId;
+          choices = _this$props.choices,
+          itemId = _this$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);
@@ -174,17 +214,19 @@ export var ChoiceTypeTable = (_dec = withStyle(generateStyle, generateComponentT
         textAlign: "center"
       }, t('Percentage')))), jsx(Table.Body, null, choices.map(_this.renderRow))));
     };
+
     return _this;
   }
-  _inherits(ChoiceTypeTable, _Component);
-  return _createClass(ChoiceTypeTable);
-}(Component), _ChoiceTypeTable.propTypes = {
+
+  return ChoiceTypeTable;
+}(Component), _class2.propTypes = {
   itemId: PropTypes.number.isRequired,
   choices: PropTypes.arrayOf(choiceTypeObject).isRequired,
+
   /* eslint-disable-next-line react/no-unused-prop-types */
   tableContainerStyles: PropTypes.object,
   styles: PropTypes.object,
   makeStyles: PropTypes.func
-}, _ChoiceTypeTable.defaultProps = {
+}, _class2.defaultProps = {
   tableContainerStyles: void 0
-}, _ChoiceTypeTable)) || _class);
+}, _temp)) || _class);

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

@@ -1,4 +1,5 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+
 var generateStyle = function generateStyle(componentTheme, props) {
   var tableContainerStyles = props.tableContainerStyles || {
     width: 'calc(25% + 350px)',
@@ -88,4 +89,5 @@ var generateStyle = function generateStyle(componentTheme, props) {
     }
   };
 };
+
 export default generateStyle;

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

@@ -1,6 +1,6 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-    colors = _ref.colors;
+      colors = _ref.colors;
   return {
     tableBottomPadding: spacing.medium,
     colorGreen: colors.shamrock,
@@ -8,4 +8,5 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     cellPadding: '0.75rem 0.75rem'
   };
 };
+
 export default generateComponentTheme;

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

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

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

@@ -1,34 +1,44 @@
-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, _ExpandableCard;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
 import { Component } from 'react';
-import Card from '../../../../../../../common/components/shared/Card';
+import Card from "../../../../../../../common/components/shared/Card/index.js";
 import { Flex } from '@instructure/ui-flex';
 import { jsx, withStyle } from '@instructure/emotion';
-import ExpandButton from '../../../../../../../common/components/shared/ExpandButton';
+import ExpandButton from "../../../../../../../common/components/shared/ExpandButton/index.js";
 import t from '@instructure/quiz-i18n/es/format-message';
-import generateStyle from './styles';
-import generateComponentTheme from './theme';
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
 import PropTypes from 'prop-types';
-export var ExpandableCard = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_ExpandableCard = /*#__PURE__*/function (_Component) {
+export var ExpandableCard = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(ExpandableCard, _Component);
+
+  var _super = _createSuper(ExpandableCard);
+
   function ExpandableCard() {
     var _this;
+
     _classCallCheck(this, ExpandableCard);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, ExpandableCard, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
     _this.state = {
       bodyExpanded: false
     };
+
     _this.handleBodyToggle = function () {
       _this.setState({
         bodyExpanded: !_this.state.bodyExpanded
       });
     };
+
     _this.renderGroup = function () {
       var headLine = _this.props.headLine;
       return jsx(Flex, {
@@ -46,10 +56,11 @@ export var ExpandableCard = (_dec = withStyle(generateStyle, generateComponentTh
         isExpanded: _this.state.bodyExpanded
       })));
     };
+
     _this.renderBody = function () {
       var _this$props = _this.props,
-        content = _this$props.content,
-        styles = _this$props.styles;
+          content = _this$props.content,
+          styles = _this$props.styles;
       var bodyContainer = styles.bodyContainer;
       return jsx(Flex.Item, {
         shouldShrink: true,
@@ -58,6 +69,7 @@ export var ExpandableCard = (_dec = withStyle(generateStyle, generateComponentTh
         css: bodyContainer
       }, content));
     };
+
     _this.render = function () {
       var styles = _this.props.styles;
       var groupWrapper = styles.groupWrapper;
@@ -80,12 +92,13 @@ export var ExpandableCard = (_dec = withStyle(generateStyle, generateComponentTh
         overflowY: "hidden"
       }, _this.renderGroup()), bodyExpanded && _this.renderBody())))));
     };
+
     return _this;
   }
-  _inherits(ExpandableCard, _Component);
-  return _createClass(ExpandableCard);
-}(Component), _ExpandableCard.propTypes = {
+
+  return ExpandableCard;
+}(Component), _class2.propTypes = {
   headLine: PropTypes.node,
   content: PropTypes.node,
   styles: PropTypes.object
-}.isRequired, _ExpandableCard)) || _class);
+}.isRequired, _temp)) || _class);

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

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

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

@@ -3,4 +3,5 @@ var generateComponentTheme = function generateComponentTheme() {
     cardMinWidth: '500px'
   };
 };
+
 export default generateComponentTheme;