@instructure/quiz-core 20.17.2-rc.8 → 20.17.2

package/lib/reporting/components/resources/QuizAndItemAnalysis/index.js

@@ -3,25 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.mapStateToProps = mapStateToProps;
 exports.default = exports.QuizAndItemAnalysis = void 0;
-
+exports.mapStateToProps = mapStateToProps;
 var _immutable = require("immutable");
-
-var _presenter = require("./presenter.js");
-
-var _reactRedux = require("../../../../common/react-redux.js");
-
-var _quizzes = require("../../../../common/api/quizzes.js");
-
-var _itemAnalyses = require("../../../../reporting/api/itemAnalyses.js");
-
-var _quizAnalyses = require("../../../../reporting/api/quizAnalyses.js");
-
-var _reporting = require("../../../../common/actions/reporting.js");
-
-var _quizzes2 = require("../../../../common/selectors/quizzes.js");
-
+var _presenter = require("./presenter");
+var _reactRedux = require("../../../../common/react-redux");
+var _quizzes = require("../../../../common/api/quizzes");
+var _itemAnalyses = require("../../../../reporting/api/itemAnalyses");
+var _quizAnalyses = require("../../../../reporting/api/quizAnalyses");
+var _reporting = require("../../../../common/actions/reporting");
+var _quizzes2 = require("../../../../common/selectors/quizzes");
 function mapStateToProps(state, props) {
   var activeQuiz = (0, _quizzes2.getActiveQuiz)(state);
   return {
@@ -33,13 +24,10 @@ function mapStateToProps(state, props) {
     outcomesToken: state.getIn(['outcomes', 'outcomesToken'])
   };
 }
-
-var QuizAndItemAnalysis = (0, _reactRedux.connect)(mapStateToProps, {
+var QuizAndItemAnalysis = exports.QuizAndItemAnalysis = (0, _reactRedux.connect)(mapStateToProps, {
   getExistingQuiz: _quizzes.getExistingQuiz,
   getItemAnalyses: _itemAnalyses.getItemAnalyses,
   getQuizAnalysis: _quizAnalyses.getQuizAnalysis,
   toggleItemAnalysisRowExpanded: _reporting.toggleItemAnalysisRowExpanded
 })(_presenter.QuizAndItemAnalysis);
-exports.QuizAndItemAnalysis = QuizAndItemAnalysis;
-var _default = QuizAndItemAnalysis;
-exports.default = _default;
+var _default = exports.default = QuizAndItemAnalysis;

package/lib/reporting/components/resources/QuizAndItemAnalysis/presenter.js

@@ -1,65 +1,38 @@
 "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 = exports.QuizAndItemAnalysis = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
-
 var _uiHeading = require("@instructure/ui-heading");
-
 var _emotion = require("@instructure/emotion");
-
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
 var _quizCommon = require("@instructure/quiz-common");
-
-var _Spinner = _interopRequireDefault(require("../../../../common/components/shared/spinner/Spinner.js"));
-
-var _index = _interopRequireDefault(require("../../../../common/components/shared/Card/index.js"));
-
-var _index2 = _interopRequireDefault(require("../../../../common/components/shared/FormattedDuration/index.js"));
-
-var _index3 = _interopRequireDefault(require("../../../../reporting/components/itemAnalysis/ItemAnalysisRow/index.js"));
-
-var _QuizAnalysisOverview = _interopRequireDefault(require("../../../../reporting/components/quizAnalysis/QuizAnalysisOverview.js"));
-
-var _index4 = _interopRequireDefault(require("../../MetricsListItem/index.js"));
-
-var _styles = _interopRequireDefault(require("./styles.js"));
-
-var _theme = _interopRequireDefault(require("./theme.js"));
-
-var _dec, _class, _class2, _temp;
-
-var _ref2 = (0, _emotion.jsx)(_Spinner.default, null);
-
-var QuizAndItemAnalysis = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_withI18nSupport) {
-  (0, _inherits2.default)(QuizAndItemAnalysis, _withI18nSupport);
-
-  var _super = (0, _createSuper2.default)(QuizAndItemAnalysis);
-
+var _Spinner2 = _interopRequireDefault(require("../../../../common/components/shared/spinner/Spinner"));
+var _Card = _interopRequireDefault(require("../../../../common/components/shared/Card"));
+var _FormattedDuration = _interopRequireDefault(require("../../../../common/components/shared/FormattedDuration"));
+var _ItemAnalysisRow = _interopRequireDefault(require("../../../../reporting/components/itemAnalysis/ItemAnalysisRow"));
+var _QuizAnalysisOverview = _interopRequireDefault(require("../../../../reporting/components/quizAnalysis/QuizAnalysisOverview"));
+var _MetricsListItem = _interopRequireDefault(require("../../MetricsListItem"));
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
+var _dec, _class, _QuizAndItemAnalysis, _Spinner;
+/** @jsx jsx */
+var QuizAndItemAnalysis = exports.QuizAndItemAnalysis = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_QuizAndItemAnalysis = /*#__PURE__*/function (_withI18nSupport) {
   function QuizAndItemAnalysis() {
     (0, _classCallCheck2.default)(this, QuizAndItemAnalysis);
-    return _super.apply(this, arguments);
+    return (0, _callSuper2.default)(this, QuizAndItemAnalysis, arguments);
   }
-
-  (0, _createClass2.default)(QuizAndItemAnalysis, [{
+  (0, _inherits2.default)(QuizAndItemAnalysis, _withI18nSupport);
+  return (0, _createClass2.default)(QuizAndItemAnalysis, [{
     key: "getAnalyses",
     value: function getAnalyses(activeQuizId) {
       this.props.getExistingQuiz(activeQuizId);
@@ -82,9 +55,7 @@ var QuizAndItemAnalysis = (_dec = (0, _emotion.withStyle)(_styles.default, _them
     key: "generateItemAnalysisMetrics",
     value: function generateItemAnalysisMetrics(itemAnalysis) {
       var _this = this;
-
       var metrics = [];
-
       var mean = _formatMessage.default.rich('{score}<0>/{possible, number} pts</0>', {
         0: function _(_ref) {
           var children = _ref.children;
@@ -96,11 +67,10 @@ var QuizAndItemAnalysis = (_dec = (0, _emotion.withStyle)(_styles.default, _them
         score: itemAnalysis.meanScore(this.locale) || 0,
         possible: itemAnalysis.pointsPossible
       });
-
       this.props.itemMetrics.forEach(function (key) {
         switch (key) {
           case 'difficultyIndex':
-            metrics.push((0, _emotion.jsx)(_index4.default, {
+            metrics.push((0, _emotion.jsx)(_MetricsListItem.default, {
               key: "difficultyIndex",
               renderLabel: (0, _formatMessage.default)('Difficulty Index'),
               renderValue: itemAnalysis.difficultyIndex(_this.locale),
@@ -108,9 +78,8 @@ var QuizAndItemAnalysis = (_dec = (0, _emotion.withStyle)(_styles.default, _them
               isGroupChild: true
             }));
             break;
-
           case 'discriminationIndex':
-            metrics.push((0, _emotion.jsx)(_index4.default, {
+            metrics.push((0, _emotion.jsx)(_MetricsListItem.default, {
               key: "discriminationIndex",
               renderLabel: (0, _formatMessage.default)('Discrimination Index'),
               renderValue: itemAnalysis.discriminationIndex(_this.locale),
@@ -118,9 +87,8 @@ var QuizAndItemAnalysis = (_dec = (0, _emotion.withStyle)(_styles.default, _them
               isGroupChild: true
             }));
             break;
-
           case 'rpb':
-            metrics.push((0, _emotion.jsx)(_index4.default, {
+            metrics.push((0, _emotion.jsx)(_MetricsListItem.default, {
               key: "rpb",
               renderLabel: (0, _formatMessage.default)('RPB'),
               renderValue: itemAnalysis.pointBiserial(_this.locale),
@@ -128,9 +96,8 @@ var QuizAndItemAnalysis = (_dec = (0, _emotion.withStyle)(_styles.default, _them
               isGroupChild: true
             }));
             break;
-
           case 'meanEarnedScore':
-            metrics.push((0, _emotion.jsx)(_index4.default, {
+            metrics.push((0, _emotion.jsx)(_MetricsListItem.default, {
               key: "meanEarnedScore",
               renderLabel: (0, _formatMessage.default)('Mean Earned Score'),
               renderValue: mean,
@@ -146,15 +113,14 @@ var QuizAndItemAnalysis = (_dec = (0, _emotion.withStyle)(_styles.default, _them
     key: "generateQuizAnalysisMetrics",
     value: function generateQuizAnalysisMetrics(quizAnalysis) {
       var _this2 = this;
-
       var metrics = [];
-      var formattedElapsedTime = (0, _emotion.jsx)(_index2.default, {
+      var formattedElapsedTime = (0, _emotion.jsx)(_FormattedDuration.default, {
         seconds: quizAnalysis.meanElapsedTime()
       });
       this.props.quizMetrics.forEach(function (key) {
         switch (key) {
           case 'highScore':
-            metrics.push((0, _emotion.jsx)(_index4.default, {
+            metrics.push((0, _emotion.jsx)(_MetricsListItem.default, {
               key: "highScore",
               renderLabel: (0, _formatMessage.default)('High Score'),
               renderValue: quizAnalysis.highScore(),
@@ -162,9 +128,8 @@ var QuizAndItemAnalysis = (_dec = (0, _emotion.withStyle)(_styles.default, _them
               isGroupChild: true
             }));
             break;
-
           case 'lowScore':
-            metrics.push((0, _emotion.jsx)(_index4.default, {
+            metrics.push((0, _emotion.jsx)(_MetricsListItem.default, {
               key: "lowScore",
               renderLabel: (0, _formatMessage.default)('Low Score'),
               renderValue: quizAnalysis.lowScore(),
@@ -172,9 +137,8 @@ var QuizAndItemAnalysis = (_dec = (0, _emotion.withStyle)(_styles.default, _them
               isGroupChild: true
             }));
             break;
-
           case 'meanScore':
-            metrics.push((0, _emotion.jsx)(_index4.default, {
+            metrics.push((0, _emotion.jsx)(_MetricsListItem.default, {
               key: "meanScore",
               renderLabel: (0, _formatMessage.default)('Mean Score'),
               renderValue: quizAnalysis.meanScore(),
@@ -182,9 +146,8 @@ var QuizAndItemAnalysis = (_dec = (0, _emotion.withStyle)(_styles.default, _them
               isGroupChild: true
             }));
             break;
-
           case 'standardDeviation':
-            metrics.push((0, _emotion.jsx)(_index4.default, {
+            metrics.push((0, _emotion.jsx)(_MetricsListItem.default, {
               key: "standardDeviation",
               renderLabel: (0, _formatMessage.default)('Standard Deviation'),
               renderValue: quizAnalysis.standardDeviation(),
@@ -192,9 +155,8 @@ var QuizAndItemAnalysis = (_dec = (0, _emotion.withStyle)(_styles.default, _them
               isGroupChild: true
             }));
             break;
-
           case 'meanElapsedTime':
-            metrics.push((0, _emotion.jsx)(_index4.default, {
+            metrics.push((0, _emotion.jsx)(_MetricsListItem.default, {
               key: "meanElapsedTime",
               renderLabel: (0, _formatMessage.default)('Mean Elapsed Time'),
               renderValue: formattedElapsedTime,
@@ -202,9 +164,8 @@ var QuizAndItemAnalysis = (_dec = (0, _emotion.withStyle)(_styles.default, _them
               isGroupChild: true
             }));
             break;
-
           case 'cronbachsAlpha':
-            metrics.push((0, _emotion.jsx)(_index4.default, {
+            metrics.push((0, _emotion.jsx)(_MetricsListItem.default, {
               key: "cronbachsAlpha",
               renderLabel: (0, _formatMessage.default)('Cronbach\'s Alpha'),
               renderValue: quizAnalysis.cronbachsAlpha(),
@@ -220,20 +181,17 @@ var QuizAndItemAnalysis = (_dec = (0, _emotion.withStyle)(_styles.default, _them
     key: "renderItemAnalysisRows",
     value: function renderItemAnalysisRows() {
       var _this3 = this;
-
       var _this$props = this.props,
-          animateDelay = _this$props.animateDelay,
-          animateDuration = _this$props.animateDuration,
-          quiz = _this$props.quiz,
-          openRows = _this$props.openRows,
-          activeQuizId = _this$props.activeQuizId,
-          toggleItemAnalysisRowExpanded = _this$props.toggleItemAnalysisRowExpanded;
+        animateDelay = _this$props.animateDelay,
+        animateDuration = _this$props.animateDuration,
+        quiz = _this$props.quiz,
+        openRows = _this$props.openRows,
+        activeQuizId = _this$props.activeQuizId,
+        toggleItemAnalysisRowExpanded = _this$props.toggleItemAnalysisRowExpanded;
       var itemAnalyses = quiz.getItemAnalyses();
-
       if (itemAnalyses.size <= 0) {
         return;
       }
-
       return (0, _emotion.jsx)("div", null, (0, _emotion.jsx)("div", {
         css: this.props.styles.title
       }, (0, _emotion.jsx)(_uiHeading.Heading, {
@@ -242,8 +200,7 @@ var QuizAndItemAnalysis = (_dec = (0, _emotion.withStyle)(_styles.default, _them
         color: "primary"
       }, (0, _formatMessage.default)('Item Analysis'))), itemAnalyses.toArray().map(function (itemAnalysis, i) {
         var itemMetrics = _this3.generateItemAnalysisMetrics(itemAnalysis);
-
-        return (0, _emotion.jsx)(_index3.default, {
+        return (0, _emotion.jsx)(_ItemAnalysisRow.default, {
           animateDelay: animateDelay,
           animateDuration: animateDuration,
           expanded: openRows[itemAnalysis.itemId],
@@ -261,7 +218,7 @@ var QuizAndItemAnalysis = (_dec = (0, _emotion.withStyle)(_styles.default, _them
   }, {
     key: "renderNotFound",
     value: function renderNotFound() {
-      return (0, _emotion.jsx)(_index.default, {
+      return (0, _emotion.jsx)(_Card.default, {
         css: this.props.styles.emptyText
       }, (0, _formatMessage.default)('This report is no longer in use, please use the new Quiz and Item Analysis report.  ' + 'Reports generated before { lastReportDate } from this link will be available ' + 'until the summer of 2024. New reports cannot be generated from this link.', {
         lastReportDate: this.formatDateShort(new Date('2024-01-31'))
@@ -271,10 +228,10 @@ var QuizAndItemAnalysis = (_dec = (0, _emotion.withStyle)(_styles.default, _them
     key: "renderContent",
     value: function renderContent() {
       var _this$props2 = this.props,
-          animateDelay = _this$props2.animateDelay,
-          animateDuration = _this$props2.animateDuration,
-          quiz = _this$props2.quiz,
-          quizAnalysis = _this$props2.quizAnalysis;
+        animateDelay = _this$props2.animateDelay,
+        animateDuration = _this$props2.animateDuration,
+        quiz = _this$props2.quiz,
+        quizAnalysis = _this$props2.quizAnalysis;
       var quizMetrics = this.generateQuizAnalysisMetrics(quizAnalysis);
       return (0, _emotion.jsx)("div", {
         className: "fs-mask"
@@ -293,13 +250,11 @@ var QuizAndItemAnalysis = (_dec = (0, _emotion.withStyle)(_styles.default, _them
       } else if (this.props.quiz.isLoaded() && this.props.quizAnalysis && this.props.quizAnalysis.isLoaded()) {
         return this.renderContent();
       } else {
-        return _ref2;
+        return _Spinner || (_Spinner = (0, _emotion.jsx)(_Spinner2.default, null));
       }
     }
   }]);
-  QuizAndItemAnalysis.displayName = "QuizAndItemAnalysis";
-  return QuizAndItemAnalysis;
-}((0, _quizCommon.withI18nSupport)(_react.Component)), _class2.propTypes = {
+}((0, _quizCommon.withI18nSupport)(_react.Component)), _QuizAndItemAnalysis.propTypes = {
   animateDelay: _propTypes.default.number,
   animateDuration: _propTypes.default.number,
   activeQuizId: _propTypes.default.string.isRequired,
@@ -317,7 +272,7 @@ var QuizAndItemAnalysis = (_dec = (0, _emotion.withStyle)(_styles.default, _them
   getQuizAnalysis: _propTypes.default.func.isRequired,
   locale: _propTypes.default.string,
   styles: _propTypes.default.object
-}, _class2.defaultProps = {
+}, _QuizAndItemAnalysis.defaultProps = {
   animateDelay: void 0,
   animateDuration: void 0,
   openRows: {},
@@ -327,9 +282,7 @@ var QuizAndItemAnalysis = (_dec = (0, _emotion.withStyle)(_styles.default, _them
   quizMetrics: [],
   itemMetrics: [],
   locale: null
-}, _class2.contextTypes = {
+}, _QuizAndItemAnalysis.contextTypes = {
   locale: _propTypes.default.string
-}, _temp)) || _class);
-exports.QuizAndItemAnalysis = QuizAndItemAnalysis;
-var _default = QuizAndItemAnalysis;
-exports.default = _default;
+}, _QuizAndItemAnalysis)) || _class);
+var _default = exports.default = QuizAndItemAnalysis;

package/lib/reporting/components/resources/QuizAndItemAnalysis/styles.js

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

package/lib/reporting/components/resources/QuizAndItemAnalysis/theme.js

@@ -4,11 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-      typography = _ref.typography,
-      colors = _ref.colors;
+    typography = _ref.typography,
+    colors = _ref.colors;
   return {
     titleMarginTop: spacing.medium,
     titleMarginLeftRight: spacing.small,
@@ -18,6 +17,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     emptyTextColor: colors.ash
   };
 };
-
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;

package/lib/reporting/components/resources/ReportCard/index.js

@@ -1,60 +1,40 @@
 "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 = exports.ReportCard = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _uiText = require("@instructure/ui-text");
-
 var _uiLink = require("@instructure/ui-link");
-
 var _emotion = require("@instructure/emotion");
-
-var _index = _interopRequireDefault(require("../../../../common/components/shared/Card/index.js"));
-
-var _styles = _interopRequireDefault(require("./styles.js"));
-
-var _theme = _interopRequireDefault(require("./theme.js"));
-
+var _Card = _interopRequireDefault(require("../../../../common/components/shared/Card"));
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
 var _uiFlex = require("@instructure/ui-flex");
-
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
-var _dec, _class, _class2, _temp;
-
-var ReportCard = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(ReportCard, _Component);
-
-  var _super = (0, _createSuper2.default)(ReportCard);
-
+var _dec, _class, _ReportCard;
+/** @jsx jsx */
+var ReportCard = exports.ReportCard = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_ReportCard = /*#__PURE__*/function (_Component) {
   function ReportCard() {
     (0, _classCallCheck2.default)(this, ReportCard);
-    return _super.apply(this, arguments);
+    return (0, _callSuper2.default)(this, ReportCard, arguments);
   }
-
-  (0, _createClass2.default)(ReportCard, [{
+  (0, _inherits2.default)(ReportCard, _Component);
+  return (0, _createClass2.default)(ReportCard, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          name = _this$props.name,
-          details = _this$props.details,
-          href = _this$props.href;
-      return (0, _emotion.jsx)(_index.default, {
+        name = _this$props.name,
+        details = _this$props.details,
+        href = _this$props.href;
+      return (0, _emotion.jsx)(_Card.default, {
         customStyles: this.props.styles.card
       }, (0, _emotion.jsx)(_uiText.Text, {
         size: "medium",
@@ -77,18 +57,14 @@ var ReportCard = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
       }, (0, _formatMessage.default)('View Report')))));
     }
   }]);
-  ReportCard.displayName = "ReportCard";
-  return ReportCard;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _ReportCard.propTypes = {
   name: _propTypes.default.node,
   details: _propTypes.default.node,
   href: _propTypes.default.string,
   styles: _propTypes.default.object
-}, _class2.defaultProps = {
+}, _ReportCard.defaultProps = {
   name: void 0,
   details: void 0,
   href: void 0
-}, _temp)) || _class);
-exports.ReportCard = ReportCard;
-var _default = ReportCard;
-exports.default = _default;
+}, _ReportCard)) || _class);
+var _default = exports.default = ReportCard;

package/lib/reporting/components/resources/ReportCard/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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var generateStyle = function generateStyle(componentTheme) {
   var msMaxWidth = 'max-width: 25rem';
   var mq = "@media screen and (".concat(msMaxWidth, ")");
@@ -29,6 +26,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports.default = generateStyle;

package/lib/reporting/components/resources/ReportCard/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,
-      borders = _ref.borders;
+    borders = _ref.borders;
   return {
     cardHeight: '6rem',
     cardWidth: '19.5rem',
@@ -16,6 +15,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     detailPadding: borders.xxSmall
   };
 };
-
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;

package/lib/reporting/components/resources/ReportList/index.js

@@ -1,53 +1,36 @@
 "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 = exports.ReportList = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _uiHeading = require("@instructure/ui-heading");
-
 var _emotion = require("@instructure/emotion");
-
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
-var _styles = _interopRequireDefault(require("./styles.js"));
-
-var _theme = _interopRequireDefault(require("./theme.js"));
-
-var _dec, _class, _class2, _temp;
-
-var ReportList = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(ReportList, _Component);
-
-  var _super = (0, _createSuper2.default)(ReportList);
-
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
+var _dec, _class, _ReportList;
+/** @jsx jsx */
+var ReportList = exports.ReportList = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_ReportList = /*#__PURE__*/function (_Component) {
   function ReportList() {
     (0, _classCallCheck2.default)(this, ReportList);
-    return _super.apply(this, arguments);
+    return (0, _callSuper2.default)(this, ReportList, arguments);
   }
-
-  (0, _createClass2.default)(ReportList, [{
+  (0, _inherits2.default)(ReportList, _Component);
+  return (0, _createClass2.default)(ReportList, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          children = _this$props.children,
-          headingLevel = _this$props.headingLevel,
-          headingAs = _this$props.headingAs;
+        children = _this$props.children,
+        headingLevel = _this$props.headingLevel,
+        headingAs = _this$props.headingAs;
       return (0, _emotion.jsx)("div", {
         css: this.props.styles.page
       }, (0, _emotion.jsx)("span", {
@@ -60,17 +43,13 @@ var ReportList = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
       }, children));
     }
   }]);
-  ReportList.displayName = "ReportList";
-  return ReportList;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _ReportList.propTypes = {
   children: _propTypes.default.node.isRequired,
   headingLevel: _propTypes.default.oneOf(['h1', 'h2', 'h3', 'h4', 'h5', 'reset']),
   headingAs: _propTypes.default.elementType,
   styles: _propTypes.default.object
-}, _class2.defaultProps = {
+}, _ReportList.defaultProps = {
   headingLevel: 'h2',
   headingAs: 'h1'
-}, _temp)) || _class);
-exports.ReportList = ReportList;
-var _default = ReportList;
-exports.default = _default;
+}, _ReportList)) || _class);
+var _default = exports.default = ReportList;

package/lib/reporting/components/resources/ReportList/styles.js

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

package/lib/reporting/components/resources/ReportList/theme.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing;
   return {
@@ -13,6 +12,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     titleMarginBottom: spacing.xSmall
   };
 };
-
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;