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

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

@@ -1,71 +1,39 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AggregationTable = 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 = require("react");
-
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
 var _uiTable = require("@instructure/ui-table");
-
-var _propTypes = require("../../../propTypes.js");
-
+var _propTypes = require("../../../propTypes");
 var _propTypes2 = _interopRequireDefault(require("prop-types"));
-
 var _uiIcons = require("@instructure/ui-icons");
-
 var _emotion = require("@instructure/emotion");
-
-var _theme = _interopRequireDefault(require("./theme.js"));
-
-var _styles = _interopRequireDefault(require("./styles.js"));
-
+var _theme = _interopRequireDefault(require("./theme"));
+var _styles = _interopRequireDefault(require("./styles"));
 var _uiFlex = require("@instructure/ui-flex");
-
 var _uiText = require("@instructure/ui-text");
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _AggregationTable, _IconCheckSolid, _IconGradebookSolid, _IconXSolid, _IconNoSolid;
+/** @jsx jsx */
 var noAnswerKey = 'noAnswer';
 var incorrectKey = 'incorrect';
 var correctKey = 'correct';
 var gradedKey = 'graded';
-
-var _ref = (0, _emotion.jsx)(_uiIcons.IconCheckSolid, null);
-
-var _ref2 = (0, _emotion.jsx)(_uiIcons.IconGradebookSolid, null);
-
-var _ref3 = (0, _emotion.jsx)(_uiIcons.IconXSolid, null);
-
-var _ref4 = (0, _emotion.jsx)(_uiIcons.IconNoSolid, null);
-
-var AggregationTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(AggregationTable, _Component);
-
-  var _super = (0, _createSuper2.default)(AggregationTable);
-
+var AggregationTable = exports.AggregationTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_AggregationTable = /*#__PURE__*/function (_Component) {
   function AggregationTable() {
     var _this;
-
     (0, _classCallCheck2.default)(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 = (0, _callSuper2.default)(this, AggregationTable, [].concat(args));
     _this.renderHeaderRow = function () {
       var popover = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
       var itemId = _this.props.itemId;
@@ -84,10 +52,8 @@ var AggregationTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
         textAlign: "center"
       }, (0, _formatMessage.default)('Percentage'))));
     };
-
     _this.renderRow = function (key, icon, label, count, percentage) {
       var backgroundColor = _this.props.styles["".concat(key, "Background")];
-
       var concatenatedPercentage = "".concat(percentage, "%");
       return (0, _emotion.jsx)(_uiTable.Table.Row, {
         key: key
@@ -121,66 +87,53 @@ var AggregationTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
         textAlign: "center"
       }, (0, _emotion.jsx)(_uiText.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 ? void 0 : aggregate.correct);
+      return !!(aggregate !== null && aggregate !== void 0 && aggregate.correct);
     };
-
     _this.incorrectExist = function () {
       var aggregate = _this.props.answerSummary.aggregate;
-      return !!(aggregate === null || aggregate === void 0 ? void 0 : aggregate.incorrect);
+      return !!(aggregate !== null && aggregate !== 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, _ref, (0, _formatMessage.default)('Correct'), correctCount, correctPercentage);
+      return _this.renderRow(correctKey, _IconCheckSolid || (_IconCheckSolid = (0, _emotion.jsx)(_uiIcons.IconCheckSolid, null)), (0, _formatMessage.default)('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, _ref2, (0, _formatMessage.default)('Graded'), gradedCount, gradedPercentage);
+      return _this.renderRow(gradedKey, _IconGradebookSolid || (_IconGradebookSolid = (0, _emotion.jsx)(_uiIcons.IconGradebookSolid, null)), (0, _formatMessage.default)('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, _ref3, (0, _formatMessage.default)('Incorrect'), incorrectCount, incorrectPercentage);
+      return _this.renderRow(incorrectKey, _IconXSolid || (_IconXSolid = (0, _emotion.jsx)(_uiIcons.IconXSolid, null)), (0, _formatMessage.default)('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, _ref4, (0, _formatMessage.default)('No response'), noAnswerCount, noAnswerPercentage);
+      return _this.renderRow(noAnswerKey, _IconNoSolid || (_IconNoSolid = (0, _emotion.jsx)(_uiIcons.IconNoSolid, null)), (0, _formatMessage.default)('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) {
@@ -190,10 +143,8 @@ var AggregationTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
       } else {
         colorProfile = 'correctIncorrect';
       }
-
       return colorProfile;
     };
-
     _this.render = function () {
       var popover = !_this.noAnswerExist();
       var tableStyles = [_this.props.styles.collapsingTable, _this.props.styles[_this.getColorProfile()]];
@@ -203,14 +154,12 @@ var AggregationTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
         caption: (0, _formatMessage.default)('Answer Frequency Summary Aggregates')
       }, _this.renderHeaderRow(popover), (0, _emotion.jsx)(_uiTable.Table.Body, null, _this.correctExist() && _this.renderCorrect(), _this.gradedExist() && _this.renderGraded(), _this.incorrectExist() && _this.renderIncorrect(), _this.noAnswerExist() && _this.renderNoAnswer())));
     };
-
     return _this;
   }
-
-  return AggregationTable;
-}(_react.Component), _class2.propTypes = {
+  (0, _inherits2.default)(AggregationTable, _Component);
+  return (0, _createClass2.default)(AggregationTable);
+}(_react.Component), _AggregationTable.propTypes = {
   itemId: _propTypes2.default.number.isRequired,
   answerSummary: _propTypes.onlyAggregatePropType.isRequired,
   styles: _propTypes2.default.object
-}, _temp)) || _class);
-exports.AggregationTable = AggregationTable;
+}, _AggregationTable)) || _class);

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

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

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

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

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

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

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

@@ -1,127 +1,81 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ChoiceTypeTable = void 0;
-
 var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
+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 = 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 _propTypes2 = require("../../../propTypes.js");
-
-var _styles = _interopRequireDefault(require("./styles.js"));
-
-var _theme = _interopRequireDefault(require("./theme.js"));
-
+var _propTypes2 = require("../../../propTypes");
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
 var _uiIcons = require("@instructure/ui-icons");
-
 var _quizInteractions = require("@instructure/quiz-interactions");
-
 var _uiFlex = require("@instructure/ui-flex");
-
 var _uiText = require("@instructure/ui-text");
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _ChoiceTypeTable, _IconCheckSolid, _IconXSolid;
+/** @jsx jsx */
 var correctAttribute = 'correct';
 var incorrectAttribute = 'incorrect';
-
-var _ref = (0, _emotion.jsx)(_uiIcons.IconCheckSolid, null);
-
-var _ref2 = (0, _emotion.jsx)(_uiIcons.IconXSolid, null);
-
-var ChoiceTypeTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(ChoiceTypeTable, _Component);
-
-  var _super = (0, _createSuper2.default)(ChoiceTypeTable);
-
+var ChoiceTypeTable = exports.ChoiceTypeTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_ChoiceTypeTable = /*#__PURE__*/function (_Component) {
   function ChoiceTypeTable() {
-    var _this$rowStyleMap;
-
     var _this;
-
     (0, _classCallCheck2.default)(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 = {}, (0, _defineProperty2.default)(_this$rowStyleMap, correctAttribute, _this.props.styles.correctRow), (0, _defineProperty2.default)(_this$rowStyleMap, incorrectAttribute, _this.props.styles.incorrectRow), _this$rowStyleMap);
-
+    _this = (0, _callSuper2.default)(this, ChoiceTypeTable, [].concat(args));
+    _this.rowStyleMap = (0, _defineProperty2.default)((0, _defineProperty2.default)({}, correctAttribute, _this.props.styles.correctRow), incorrectAttribute, _this.props.styles.incorrectRow);
     _this.renderIcon = function (correct) {
       var iconStyles = [_this.props.styles.iconWrapper, correct ? _this.props.styles.iconCorrect : {}];
       return (0, _emotion.jsx)("div", {
         css: iconStyles
-      }, correct ? _ref : _ref2);
+      }, correct ? _IconCheckSolid || (_IconCheckSolid = (0, _emotion.jsx)(_uiIcons.IconCheckSolid, null)) : _IconXSolid || (_IconXSolid = (0, _emotion.jsx)(_uiIcons.IconXSolid, null)));
     };
-
     _this.renderFirstCell = function (content) {
       return (0, _emotion.jsx)("div", {
         css: _this.props.styles.firstTextContainer
       }, content);
     };
-
     _this.renderCell = function (content) {
       return (0, _emotion.jsx)("div", {
         css: _this.props.styles.textContainer
       }, content);
     };
-
     _this.answerLabel = function (correct) {
       return correct ? (0, _formatMessage.default)('Correct answer') : (0, _formatMessage.default)('Incorrect answer');
     };
-
     _this.extractChoiceText = function (choiceBody, correct) {
       var text = (0, _quizInteractions.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 (0, _emotion.jsx)(_uiTable.Table.Row, {
         key: choiceIndex
@@ -153,31 +107,24 @@ var ChoiceTypeTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
         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 = (0, _createForOfIteratorHelper2.default)(_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', (0, _emotion.css)(_this.rowStyleMap[icon].td).styles);
@@ -185,16 +132,13 @@ var ChoiceTypeTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
               th.forEach(function (cell) {
                 cell.setAttribute('style', (0, _emotion.css)(_this.rowStyleMap[icon].th).styles);
               });
-
               if (icon === correctAttribute) {
                 row.querySelector('th:first-child').setAttribute('style', (0, _emotion.css)(_this.props.styles.correctRow.thFirstChild).styles);
                 row.querySelector('td:last-child').setAttribute('style', (0, _emotion.css)(_this.props.styles.correctRow.tdLastChild).styles);
               }
             }
-
             row.setAttribute('style', (0, _emotion.css)(_this.rowStyleMap[icon]).styles);
           };
-
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
             _loop();
           }
@@ -205,15 +149,13 @@ var ChoiceTypeTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
         }
       }
     };
-
     _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);
@@ -239,20 +181,17 @@ var ChoiceTypeTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
         textAlign: "center"
       }, (0, _formatMessage.default)('Percentage')))), (0, _emotion.jsx)(_uiTable.Table.Body, null, choices.map(_this.renderRow))));
     };
-
     return _this;
   }
-
-  return ChoiceTypeTable;
-}(_react.Component), _class2.propTypes = {
+  (0, _inherits2.default)(ChoiceTypeTable, _Component);
+  return (0, _createClass2.default)(ChoiceTypeTable);
+}(_react.Component), _ChoiceTypeTable.propTypes = {
   itemId: _propTypes.default.number.isRequired,
   choices: _propTypes.default.arrayOf(_propTypes2.choiceTypeObject).isRequired,
-
   /* eslint-disable-next-line react/no-unused-prop-types */
   tableContainerStyles: _propTypes.default.object,
   styles: _propTypes.default.object,
   makeStyles: _propTypes.default.func
-}, _class2.defaultProps = {
+}, _ChoiceTypeTable.defaultProps = {
   tableContainerStyles: void 0
-}, _temp)) || _class);
-exports.ChoiceTypeTable = ChoiceTypeTable;
+}, _ChoiceTypeTable)) || _class);

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

@@ -1,14 +1,11 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var generateStyle = function generateStyle(componentTheme, props) {
   var tableContainerStyles = props.tableContainerStyles || {
     width: 'calc(25% + 350px)',
@@ -98,6 +95,4 @@ var generateStyle = function generateStyle(componentTheme, props) {
     }
   };
 };
-
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports.default = generateStyle;

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

@@ -4,10 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-      colors = _ref.colors;
+    colors = _ref.colors;
   return {
     tableBottomPadding: spacing.medium,
     colorGreen: colors.shamrock,
@@ -15,6 +14,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     cellPadding: '0.75rem 0.75rem'
   };
 };
-
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;

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

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

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

@@ -1,63 +1,41 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ExpandableCard = 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 = require("react");
-
-var _index = _interopRequireDefault(require("../../../../../../../common/components/shared/Card/index.js"));
-
+var _Card = _interopRequireDefault(require("../../../../../../../common/components/shared/Card"));
 var _uiFlex = require("@instructure/ui-flex");
-
 var _emotion = require("@instructure/emotion");
-
-var _index2 = _interopRequireDefault(require("../../../../../../../common/components/shared/ExpandButton/index.js"));
-
+var _ExpandButton = _interopRequireDefault(require("../../../../../../../common/components/shared/ExpandButton"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
-var _styles = _interopRequireDefault(require("./styles.js"));
-
-var _theme = _interopRequireDefault(require("./theme.js"));
-
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _dec, _class, _class2, _temp;
-
-var ExpandableCard = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(ExpandableCard, _Component);
-
-  var _super = (0, _createSuper2.default)(ExpandableCard);
-
+var _dec, _class, _ExpandableCard;
+/** @jsx jsx */
+var ExpandableCard = exports.ExpandableCard = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_ExpandableCard = /*#__PURE__*/function (_Component) {
   function ExpandableCard() {
     var _this;
-
     (0, _classCallCheck2.default)(this, ExpandableCard);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
-    _this = _super.call.apply(_super, [this].concat(args));
+    _this = (0, _callSuper2.default)(this, ExpandableCard, [].concat(args));
     _this.state = {
       bodyExpanded: false
     };
-
     _this.handleBodyToggle = function () {
       _this.setState({
         bodyExpanded: !_this.state.bodyExpanded
       });
     };
-
     _this.renderGroup = function () {
       var headLine = _this.props.headLine;
       return (0, _emotion.jsx)(_uiFlex.Flex, {
@@ -69,17 +47,16 @@ var ExpandableCard = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
         margin: "xx-small none none none"
       }, headLine), (0, _emotion.jsx)(_uiFlex.Flex.Item, {
         margin: "none none none x-small"
-      }, (0, _emotion.jsx)(_index2.default, {
+      }, (0, _emotion.jsx)(_ExpandButton.default, {
         onClick: _this.handleBodyToggle,
         title: _this.state.bodyExpanded ? (0, _formatMessage.default)('collapse group result') : (0, _formatMessage.default)('expand group result'),
         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 (0, _emotion.jsx)(_uiFlex.Flex.Item, {
         shouldShrink: true,
@@ -88,14 +65,13 @@ var ExpandableCard = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
         css: bodyContainer
       }, content));
     };
-
     _this.render = function () {
       var styles = _this.props.styles;
       var groupWrapper = styles.groupWrapper;
       var bodyExpanded = _this.state.bodyExpanded;
       return (0, _emotion.jsx)("div", {
         css: groupWrapper
-      }, (0, _emotion.jsx)(_index.default, null, (0, _emotion.jsx)(_uiFlex.Flex, {
+      }, (0, _emotion.jsx)(_Card.default, null, (0, _emotion.jsx)(_uiFlex.Flex, {
         direction: "column",
         justifyItems: "start"
       }, (0, _emotion.jsx)(_uiFlex.Flex.Item, {
@@ -111,14 +87,12 @@ var ExpandableCard = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
         overflowY: "hidden"
       }, _this.renderGroup()), bodyExpanded && _this.renderBody())))));
     };
-
     return _this;
   }
-
-  return ExpandableCard;
-}(_react.Component), _class2.propTypes = {
+  (0, _inherits2.default)(ExpandableCard, _Component);
+  return (0, _createClass2.default)(ExpandableCard);
+}(_react.Component), _ExpandableCard.propTypes = {
   headLine: _propTypes.default.node,
   content: _propTypes.default.node,
   styles: _propTypes.default.object
-}.isRequired, _temp)) || _class);
-exports.ExpandableCard = ExpandableCard;
+}.isRequired, _ExpandableCard)) || _class);

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

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