@instructure/quiz-core 21.0.1-rc.0 → 21.0.1-rc.13

package/es/reporting/components/resources/NewQuizAndItemAnalysis/charts/ScoreDistribution/presenter.js

@@ -1,33 +1,35 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _ScoreDistribution;
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /* eslint-disable no-unused-vars */
 /** @jsx jsx */
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import QuintileDistribution from "../../../../charts/QuintileDistribution/index.js";
+import QuintileDistribution from '../../../../charts/QuintileDistribution';
 import { jsx } from '@instructure/emotion';
-import generateComponentTheme from "./theme.js";
-import generateStyle from "./styles.js";
+import generateComponentTheme from './theme';
+import generateStyle from './styles';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { Text } from '@instructure/ui-text';
 import { Heading } from '@instructure/ui-heading';
-import Legend from "../../../../charts/Legend/index.js";
+import Legend from '../../../../charts/Legend';
 import { number } from 'sinon/lib/sinon/match';
 import { withStyleOverrides } from '@instructure/quiz-common';
 export var ScoreDistribution = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_ScoreDistribution = /*#__PURE__*/function (_Component) {
-  _inherits(ScoreDistribution, _Component);
-  var _super = _createSuper(ScoreDistribution);
   function ScoreDistribution() {
     var _this;
     _classCallCheck(this, ScoreDistribution);
     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.calculateLabelForColumnsWithExtremeValues = function (index, length) {
+    _this = _callSuper(this, ScoreDistribution, [].concat(args));
+    _defineProperty(_this, "calculateLabelForColumnsWithExtremeValues", function (index, length) {
       if (index === 0) {
         return t('< 0%');
       }
@@ -35,16 +37,17 @@ export var ScoreDistribution = (_dec = withStyleOverrides(generateStyle, generat
         return t('> 100%');
       }
       return _this.calculateLabelForColumns(index - 1, length - 2);
-    };
-    _this.calculateLabelForColumns = function (index, length) {
+    });
+    _defineProperty(_this, "calculateLabelForColumns", function (index, length) {
       var label = Math.floor(index * 100 / length);
       return t('{label, number}%', {
         label: label
       });
-    };
+    });
     return _this;
   }
-  _createClass(ScoreDistribution, [{
+  _inherits(ScoreDistribution, _Component);
+  return _createClass(ScoreDistribution, [{
     key: "render",
     value: function render() {
       var decileDistribution = this.props.decileDistribution;
@@ -75,11 +78,9 @@ export var ScoreDistribution = (_dec = withStyleOverrides(generateStyle, generat
       })));
     }
   }]);
-  ScoreDistribution.displayName = "ScoreDistribution";
-  return ScoreDistribution;
-}(Component), _ScoreDistribution.displayName = 'ScoreDistribution', _ScoreDistribution.componentId = "Quizzes".concat(_ScoreDistribution.displayName), _ScoreDistribution.propTypes = {
+}(Component), _defineProperty(_ScoreDistribution, "displayName", 'ScoreDistribution'), _defineProperty(_ScoreDistribution, "componentId", "Quizzes".concat(_ScoreDistribution.displayName)), _defineProperty(_ScoreDistribution, "propTypes", {
   decileDistribution: PropTypes.arrayOf(PropTypes.number),
   styles: PropTypes.object
-}, _ScoreDistribution.defaultProps = {
+}), _defineProperty(_ScoreDistribution, "defaultProps", {
   decileDistribution: []
-}, _ScoreDistribution)) || _class);
+}), _ScoreDistribution)) || _class);

package/es/reporting/components/resources/NewQuizAndItemAnalysis/charts/ScoreDistribution/theme.js

@@ -3,9 +3,9 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     spacing = _ref.spacing,
     typography = _ref.typography;
   return {
-    legendRectFillColor: colors.contrasts.blue4570,
+    legendRectFillColor: colors.electric,
     legendPadding: spacing.small,
-    legendBorderColor: colors.contrasts.grey4570,
+    legendBorderColor: colors.ash,
     legendFontSize: typography.fontSizeXSmall,
     legendMargin: spacing.medium
   };

package/es/reporting/components/resources/NewQuizAndItemAnalysis/fetchReports.js

@@ -1,50 +1,48 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import { getFailedToFetchReports, getLastReportGenerationFailed } from "../common/errorMessages.js";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { getFailedToFetchReports, getLastReportGenerationFailed } from '../common/errorMessages';
 export var fetchReports = /*#__PURE__*/function () {
   var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
     var activeQuizId, setFetchInProgress, setQuizAnalysis, setItemAnalyses, setStatusPollingInProgress, setAnalysisError, setGenerationInProgress, addError, fetchQuizAnalysis, fetchItemAnalyses, setAnalysisFetchError, getErrorMessageForCode, _yield$Promise$all, _yield$Promise$all2, quizAnalysis, itemAnalyses, areAnalysesInProgress, areAnalysesFailed, analysisErrorCode;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            activeQuizId = _ref.activeQuizId, setFetchInProgress = _ref.setFetchInProgress, setQuizAnalysis = _ref.setQuizAnalysis, setItemAnalyses = _ref.setItemAnalyses, setStatusPollingInProgress = _ref.setStatusPollingInProgress, setAnalysisError = _ref.setAnalysisError, setGenerationInProgress = _ref.setGenerationInProgress, addError = _ref.addError, fetchQuizAnalysis = _ref.fetchQuizAnalysis, fetchItemAnalyses = _ref.fetchItemAnalyses, setAnalysisFetchError = _ref.setAnalysisFetchError, getErrorMessageForCode = _ref.getErrorMessageForCode;
-            _context.prev = 1;
-            setAnalysisFetchError(false);
-            setFetchInProgress(true);
-            _context.next = 6;
-            return Promise.all([fetchQuizAnalysis(activeQuizId), fetchItemAnalyses(activeQuizId)]);
-          case 6:
-            _yield$Promise$all = _context.sent;
-            _yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 2);
-            quizAnalysis = _yield$Promise$all2[0];
-            itemAnalyses = _yield$Promise$all2[1];
-            areAnalysesInProgress = quizAnalysis.new_analysis_in_progress || itemAnalyses.new_analysis_in_progress;
-            areAnalysesFailed = quizAnalysis.last_analysis_failed || itemAnalyses.last_analysis_failed;
-            analysisErrorCode = quizAnalysis.last_analysis_failed_error_code || itemAnalyses.last_analysis_failed_error_code || null; // The failure codes should be the same for both quiz and item analyses
-            setGenerationInProgress(areAnalysesInProgress);
-            setStatusPollingInProgress(areAnalysesInProgress);
-            setQuizAnalysis(quizAnalysis.last_successful_analysis);
-            setItemAnalyses(itemAnalyses.last_successful_analysis);
-            setAnalysisError(areAnalysesFailed ? getErrorMessageForCode(analysisErrorCode, getLastReportGenerationFailed()) : null);
-            _context.next = 26;
-            break;
-          case 20:
-            _context.prev = 20;
-            _context.t0 = _context["catch"](1);
-            setQuizAnalysis(null);
-            setItemAnalyses(null);
-            setAnalysisFetchError(true);
-            addError(getFailedToFetchReports());
-          case 26:
-            _context.prev = 26;
-            setFetchInProgress(false);
-            return _context.finish(26);
-          case 29:
-          case "end":
-            return _context.stop();
-        }
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          activeQuizId = _ref.activeQuizId, setFetchInProgress = _ref.setFetchInProgress, setQuizAnalysis = _ref.setQuizAnalysis, setItemAnalyses = _ref.setItemAnalyses, setStatusPollingInProgress = _ref.setStatusPollingInProgress, setAnalysisError = _ref.setAnalysisError, setGenerationInProgress = _ref.setGenerationInProgress, addError = _ref.addError, fetchQuizAnalysis = _ref.fetchQuizAnalysis, fetchItemAnalyses = _ref.fetchItemAnalyses, setAnalysisFetchError = _ref.setAnalysisFetchError, getErrorMessageForCode = _ref.getErrorMessageForCode;
+          _context.prev = 1;
+          setAnalysisFetchError(false);
+          setFetchInProgress(true);
+          _context.next = 6;
+          return Promise.all([fetchQuizAnalysis(activeQuizId), fetchItemAnalyses(activeQuizId)]);
+        case 6:
+          _yield$Promise$all = _context.sent;
+          _yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 2);
+          quizAnalysis = _yield$Promise$all2[0];
+          itemAnalyses = _yield$Promise$all2[1];
+          areAnalysesInProgress = quizAnalysis.new_analysis_in_progress || itemAnalyses.new_analysis_in_progress;
+          areAnalysesFailed = quizAnalysis.last_analysis_failed || itemAnalyses.last_analysis_failed;
+          analysisErrorCode = quizAnalysis.last_analysis_failed_error_code || itemAnalyses.last_analysis_failed_error_code || null; // The failure codes should be the same for both quiz and item analyses
+          setGenerationInProgress(areAnalysesInProgress);
+          setStatusPollingInProgress(areAnalysesInProgress);
+          setQuizAnalysis(quizAnalysis.last_successful_analysis);
+          setItemAnalyses(itemAnalyses.last_successful_analysis);
+          setAnalysisError(areAnalysesFailed ? getErrorMessageForCode(analysisErrorCode, getLastReportGenerationFailed()) : null);
+          _context.next = 26;
+          break;
+        case 20:
+          _context.prev = 20;
+          _context.t0 = _context["catch"](1);
+          setQuizAnalysis(null);
+          setItemAnalyses(null);
+          setAnalysisFetchError(true);
+          addError(getFailedToFetchReports());
+        case 26:
+          _context.prev = 26;
+          setFetchInProgress(false);
+          return _context.finish(26);
+        case 29:
+        case "end":
+          return _context.stop();
       }
     }, _callee, null, [[1, 20, 26, 29]]);
   }));

package/es/reporting/components/resources/NewQuizAndItemAnalysis/fetchReportsStatus.js

@@ -1,37 +1,35 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import { getFailedToFetchReports } from "../common/errorMessages.js";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { getFailedToFetchReports } from '../common/errorMessages';
 export var fetchReportsStatus = /*#__PURE__*/function () {
   var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
     var activeQuizId, addError, fetchAnalysesStatus, instrumentedFetchReports, setStatusPollingInProgress, setGenerationInProgress, status, isReportGenerationReady;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            activeQuizId = _ref.activeQuizId, addError = _ref.addError, fetchAnalysesStatus = _ref.fetchAnalysesStatus, instrumentedFetchReports = _ref.instrumentedFetchReports, setStatusPollingInProgress = _ref.setStatusPollingInProgress, setGenerationInProgress = _ref.setGenerationInProgress;
-            _context.prev = 1;
-            _context.next = 4;
-            return fetchAnalysesStatus(activeQuizId);
-          case 4:
-            status = _context.sent;
-            isReportGenerationReady = !status.quiz_analysis_in_progress && !status.item_analyses_in_progress;
-            if (isReportGenerationReady) {
-              instrumentedFetchReports();
-              setStatusPollingInProgress(false);
-              setGenerationInProgress(false);
-            }
-            return _context.abrupt("return", isReportGenerationReady);
-          case 10:
-            _context.prev = 10;
-            _context.t0 = _context["catch"](1);
-            addError(getFailedToFetchReports());
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          activeQuizId = _ref.activeQuizId, addError = _ref.addError, fetchAnalysesStatus = _ref.fetchAnalysesStatus, instrumentedFetchReports = _ref.instrumentedFetchReports, setStatusPollingInProgress = _ref.setStatusPollingInProgress, setGenerationInProgress = _ref.setGenerationInProgress;
+          _context.prev = 1;
+          _context.next = 4;
+          return fetchAnalysesStatus(activeQuizId);
+        case 4:
+          status = _context.sent;
+          isReportGenerationReady = !status.quiz_analysis_in_progress && !status.item_analyses_in_progress;
+          if (isReportGenerationReady) {
+            instrumentedFetchReports();
             setStatusPollingInProgress(false);
             setGenerationInProgress(false);
-            return _context.abrupt("return", true);
-          case 16:
-          case "end":
-            return _context.stop();
-        }
+          }
+          return _context.abrupt("return", isReportGenerationReady);
+        case 10:
+          _context.prev = 10;
+          _context.t0 = _context["catch"](1);
+          addError(getFailedToFetchReports());
+          setStatusPollingInProgress(false);
+          setGenerationInProgress(false);
+          return _context.abrupt("return", true);
+        case 16:
+        case "end":
+          return _context.stop();
       }
     }, _callee, null, [[1, 10]]);
   }));

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

@@ -1,4 +1,4 @@
-import { NewQuizAndItemAnalysisPresenter } from "./presenter.js";
-import withAnalysisState from "./withAnalysisState.js";
+import { NewQuizAndItemAnalysisPresenter } from './presenter';
+import withAnalysisState from './withAnalysisState';
 export var NewQuizAndItemAnalysis = withAnalysisState(NewQuizAndItemAnalysisPresenter);
 export default NewQuizAndItemAnalysis;

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

@@ -1,48 +1,44 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _NewQuizAndItemAnalysisPresenter;
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /** @jsx jsx */
 import React, { Component } from 'react';
 import { Heading } from '@instructure/ui-heading';
-import NewItemAnalysis from "./NewItemAnalysis/index.js";
-import NewQuizAnalysis from "./NewQuizAnalysis/index.js";
+import NewItemAnalysis from './NewItemAnalysis';
+import NewQuizAnalysis from './NewQuizAnalysis';
 import t from '@instructure/quiz-i18n/es/format-message';
-import { AnalysisUpdateDate } from "../common/AnalysisUpdateDate/index.js";
-import { itemAnalysisPropType, quizAnalysisPropType } from "../common/propTypes.js";
+import { AnalysisUpdateDate } from '../common/AnalysisUpdateDate';
+import { itemAnalysisPropType, quizAnalysisPropType } from '../common/propTypes';
 import PropTypes from 'prop-types';
-import { QuizzesSpinner } from "../../../../common/components/shared/spinner/Spinner.js";
+import { QuizzesSpinner } from '../../../../common/components/shared/spinner/Spinner';
 import { Spinner } from '@instructure/ui-spinner';
 import { Button } from '@instructure/ui-buttons';
 import { Text } from '@instructure/ui-text';
-import { getFailedToFetchReports } from "../common/errorMessages.js";
+import { getFailedToFetchReports } from '../common/errorMessages';
 import { Img } from '@instructure/ui-img';
 import errorImage from './downForRepair.svg';
 import { PresentationContent, ScreenReaderContent } from '@instructure/ui-a11y-content';
-import { csvFormat } from "./exportFormats.js";
-import { ExportButton } from "./ExportButton/index.js";
+import { csvFormat } from './exportFormats';
+import { ExportButton } from './ExportButton';
 import { jsx } from '@instructure/emotion';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 import { Flex, withStyleOverrides } from '@instructure/quiz-common';
-var _ref = jsx(Flex.Item, {
-  align: "center"
-}, jsx(PresentationContent, null, jsx(Img, {
-  src: errorImage,
-  alt: ""
-})));
 export var NewQuizAndItemAnalysisPresenter = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_NewQuizAndItemAnalysisPresenter = /*#__PURE__*/function (_Component) {
-  _inherits(NewQuizAndItemAnalysisPresenter, _Component);
-  var _super = _createSuper(NewQuizAndItemAnalysisPresenter);
   function NewQuizAndItemAnalysisPresenter() {
     var _this;
     _classCallCheck(this, NewQuizAndItemAnalysisPresenter);
     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.renderItemAnalyses = function () {
+    _this = _callSuper(this, NewQuizAndItemAnalysisPresenter, [].concat(args));
+    _defineProperty(_this, "renderItemAnalyses", function () {
       var itemAnalyses = _this.props.itemAnalyses || [];
       return jsx(React.Fragment, null, jsx(Heading, {
         level: "h2",
@@ -56,8 +52,8 @@ export var NewQuizAndItemAnalysisPresenter = (_dec = withStyleOverrides(generate
           itemAnalysis: itemAnalysis
         });
       })));
-    };
-    _this.renderSpinner = function () {
+    });
+    _defineProperty(_this, "renderSpinner", function () {
       return jsx(Flex, {
         padding: "medium",
         justifyItems: "center",
@@ -65,14 +61,19 @@ export var NewQuizAndItemAnalysisPresenter = (_dec = withStyleOverrides(generate
       }, jsx(Spinner, {
         renderTitle: t('Loading item analyses data')
       }));
-    };
-    _this.renderBodyOnFailedFetch = function () {
+    });
+    _defineProperty(_this, "renderBodyOnFailedFetch", function () {
       return jsx(Flex, {
         alignItems: "end",
         width: "82.5rem",
         margin: "auto",
         direction: "column"
-      }, _ref, jsx(Flex.Item, {
+      }, jsx(Flex.Item, {
+        align: "center"
+      }, jsx(PresentationContent, null, jsx(Img, {
+        src: errorImage,
+        alt: ""
+      }))), jsx(Flex.Item, {
         align: "center"
       }, jsx(Text, {
         size: "x-large",
@@ -83,8 +84,8 @@ export var NewQuizAndItemAnalysisPresenter = (_dec = withStyleOverrides(generate
         size: "x-small",
         color: "primary"
       }, getFailedToFetchReports())));
-    };
-    _this.renderHeader = function () {
+    });
+    _defineProperty(_this, "renderHeader", function () {
       var _quizAnalysis$metadat;
       var quizAnalysis = _this.props.quizAnalysis;
       return jsx(Flex, {
@@ -101,9 +102,9 @@ export var NewQuizAndItemAnalysisPresenter = (_dec = withStyleOverrides(generate
         },
         margin: "0 x-large 0 0",
         color: "primary"
-      }, quizAnalysis === null || quizAnalysis === void 0 ? void 0 : (_quizAnalysis$metadat = quizAnalysis.metadata) === null || _quizAnalysis$metadat === void 0 ? void 0 : _quizAnalysis$metadat.quiz_title)));
-    };
-    _this.renderUpdateDateWithError = function () {
+      }, quizAnalysis === null || quizAnalysis === void 0 || (_quizAnalysis$metadat = quizAnalysis.metadata) === null || _quizAnalysis$metadat === void 0 ? void 0 : _quizAnalysis$metadat.quiz_title)));
+    });
+    _defineProperty(_this, "renderUpdateDateWithError", function () {
       var _this$props = _this.props,
         analysisError = _this$props.analysisError,
         generationInProgress = _this$props.generationInProgress,
@@ -122,8 +123,8 @@ export var NewQuizAndItemAnalysisPresenter = (_dec = withStyleOverrides(generate
         weight: "medium",
         color: "danger"
       }, analysisError)));
-    };
-    _this.renderRightSide = function () {
+    });
+    _defineProperty(_this, "renderRightSide", function () {
       var exportEnabled = _this.props.exportEnabled;
       return jsx(Flex, {
         alignItems: "center",
@@ -141,8 +142,8 @@ export var NewQuizAndItemAnalysisPresenter = (_dec = withStyleOverrides(generate
       }, _this.renderExport()), jsx(Flex.Item, {
         margin: "0 0 0 auto"
       }, _this.renderGenerationButton()))));
-    };
-    _this.renderExport = function () {
+    });
+    _defineProperty(_this, "renderExport", function () {
       var _this$props2 = _this.props,
         quizAnalysis = _this$props2.quizAnalysis,
         generationInProgress = _this$props2.generationInProgress;
@@ -151,16 +152,16 @@ export var NewQuizAndItemAnalysisPresenter = (_dec = withStyleOverrides(generate
         generationInProgress: generationInProgress,
         handleExport: _this.handleExport
       });
-    };
-    _this.isEmptyReport = function () {
+    });
+    _defineProperty(_this, "isEmptyReport", function () {
       var _this$props3 = _this.props,
         fetchInProgress = _this$props3.fetchInProgress,
         quizAnalysis = _this$props3.quizAnalysis,
         itemAnalyses = _this$props3.itemAnalyses,
         analysisError = _this$props3.analysisError;
       return !fetchInProgress && !quizAnalysis && !itemAnalyses && !analysisError;
-    };
-    _this.renderTop = function () {
+    });
+    _defineProperty(_this, "renderTop", function () {
       return jsx(Flex, {
         justifyItems: "space-between",
         alignItems: "center",
@@ -171,11 +172,11 @@ export var NewQuizAndItemAnalysisPresenter = (_dec = withStyleOverrides(generate
       }, jsx(Flex.Item, null, _this.renderHeader()), jsx(Flex.Item, {
         margin: "0 0 0 auto"
       }, _this.renderRightSide()));
-    };
-    _this.renderTopOnSuccessfulFetch = function () {
+    });
+    _defineProperty(_this, "renderTopOnSuccessfulFetch", function () {
       return _this.isEmptyReport() ? _this.renderGenerationButton() : _this.renderTop();
-    };
-    _this.renderTopOnFailedFetch = function () {
+    });
+    _defineProperty(_this, "renderTopOnFailedFetch", function () {
       var exportEnabled = _this.props.exportEnabled;
       return jsx(Flex, {
         direction: "row",
@@ -188,8 +189,8 @@ export var NewQuizAndItemAnalysisPresenter = (_dec = withStyleOverrides(generate
       }, _this.renderExport()), jsx(Flex.Item, {
         overflowY: "visible"
       }, _this.renderGenerationButton()));
-    };
-    _this.renderOngoingGenerationButton = function () {
+    });
+    _defineProperty(_this, "renderOngoingGenerationButton", function () {
       return jsx(Button, {
         color: "primary-inverse",
         interaction: "disabled",
@@ -201,8 +202,8 @@ export var NewQuizAndItemAnalysisPresenter = (_dec = withStyleOverrides(generate
         mainText: t('Generation In Progress'),
         fontSize: "medium"
       }));
-    };
-    _this.renderStartGenerationButton = function () {
+    });
+    _defineProperty(_this, "renderStartGenerationButton", function () {
       return jsx(Button, {
         color: "secondary",
         margin: "auto",
@@ -213,36 +214,38 @@ export var NewQuizAndItemAnalysisPresenter = (_dec = withStyleOverrides(generate
       }, jsx(Text, {
         size: "medium"
       }, t('Generate Report')));
-    };
-    _this.renderGenerationButton = function () {
+    });
+    _defineProperty(_this, "renderGenerationButton", function () {
       var generationInProgress = _this.props.generationInProgress;
       var buttonVariant = generationInProgress ? _this.renderOngoingGenerationButton() : _this.renderStartGenerationButton();
       return jsx(React.Fragment, null, buttonVariant);
-    };
-    _this.renderBody = function () {
+    });
+    _defineProperty(_this, "renderBody", function () {
       var _this$props4 = _this.props,
         fetchInProgress = _this$props4.fetchInProgress,
-        quizAnalysis = _this$props4.quizAnalysis; // TODO need to refactor the NewQuizAnalysis to move out spinner logic
+        quizAnalysis = _this$props4.quizAnalysis;
+      // TODO need to refactor the NewQuizAnalysis to move out spinner logic
       return jsx(React.Fragment, null, (fetchInProgress || quizAnalysis) && jsx(NewQuizAnalysis, {
         quizAnalysis: quizAnalysis,
         fetchInProgress: fetchInProgress
       }), fetchInProgress ? _this.renderSpinner() : _this.renderItemAnalyses());
-    };
-    _this.renderBodyOnSuccessfulFetch = function () {
+    });
+    _defineProperty(_this, "renderBodyOnSuccessfulFetch", function () {
       return !_this.isEmptyReport() && _this.renderBody();
-    };
-    _this.handleGeneration = function (_event) {
-      var filter = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 'last_attempt';
+    });
+    _defineProperty(_this, "handleGeneration", function (_event) {
+      var filter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'last_attempt';
       _this.props.generateReports(filter);
-    };
-    _this.handleExport = function (_event) {
-      var format = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : csvFormat;
-      var filter = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 'last_attempt';
+    });
+    _defineProperty(_this, "handleExport", function (_event) {
+      var format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : csvFormat;
+      var filter = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'last_attempt';
       _this.props.exportReports(format, filter);
-    };
+    });
     return _this;
   }
-  _createClass(NewQuizAndItemAnalysisPresenter, [{
+  _inherits(NewQuizAndItemAnalysisPresenter, _Component);
+  return _createClass(NewQuizAndItemAnalysisPresenter, [{
     key: "render",
     value: function render() {
       var _this$props5 = this.props,
@@ -253,9 +256,7 @@ export var NewQuizAndItemAnalysisPresenter = (_dec = withStyleOverrides(generate
       }, !fetchInProgress && (analysisFetchError ? this.renderTopOnFailedFetch() : this.renderTopOnSuccessfulFetch()), analysisFetchError ? this.renderBodyOnFailedFetch() : this.renderBodyOnSuccessfulFetch());
     }
   }]);
-  NewQuizAndItemAnalysisPresenter.displayName = "NewQuizAndItemAnalysisPresenter";
-  return NewQuizAndItemAnalysisPresenter;
-}(Component), _NewQuizAndItemAnalysisPresenter.displayName = 'NewQuizAndItemAnalysisPresenter', _NewQuizAndItemAnalysisPresenter.componentId = "Quizzes".concat(_NewQuizAndItemAnalysisPresenter.displayName), _NewQuizAndItemAnalysisPresenter.propTypes = {
+}(Component), _defineProperty(_NewQuizAndItemAnalysisPresenter, "displayName", 'NewQuizAndItemAnalysisPresenter'), _defineProperty(_NewQuizAndItemAnalysisPresenter, "componentId", "Quizzes".concat(_NewQuizAndItemAnalysisPresenter.displayName)), _defineProperty(_NewQuizAndItemAnalysisPresenter, "propTypes", {
   quizAnalysis: quizAnalysisPropType,
   itemAnalyses: PropTypes.arrayOf(itemAnalysisPropType),
   fetchInProgress: PropTypes.bool.isRequired,
@@ -266,9 +267,9 @@ export var NewQuizAndItemAnalysisPresenter = (_dec = withStyleOverrides(generate
   exportReports: PropTypes.func.isRequired,
   exportEnabled: PropTypes.bool.isRequired,
   styles: PropTypes.object
-}, _NewQuizAndItemAnalysisPresenter.defaultProps = {
+}), _defineProperty(_NewQuizAndItemAnalysisPresenter, "defaultProps", {
   analysisError: void 0,
   quizAnalysis: void 0,
   itemAnalyses: void 0
-}, _NewQuizAndItemAnalysisPresenter)) || _class);
+}), _NewQuizAndItemAnalysisPresenter)) || _class);
 export default NewQuizAndItemAnalysisPresenter;

package/es/reporting/components/resources/NewQuizAndItemAnalysis/withAnalysisState.js

@@ -1,15 +1,15 @@
-import { withAnalysisStatePresenter } from "./withAnalysisStatePresenter.js";
-import { getQuizAnalysis, getItemAnalyses, getFetchInProgress, getGenerationInProgress, getAnalysisError, getStatusPollingInProgress } from "../../../../common/selectors/analyses.js";
-import { setQuizAnalysis, setItemAnalyses, setFetchInProgress, setGenerationInProgress, setAnalysisError, setStatusPollingInProgress } from "../../../../common/actions/analyses.js";
-import { getQuizAnalysis as fetchQuizAnalysis } from "../../../api/getQuizAnalysis.js";
-import { getItemAnalyses as fetchItemAnalyses } from "../../../api/getItemAnalyses.js";
-import { getAnalysesStatus as fetchAnalysesStatus } from "../../../api/getAnalysesStatus.js";
-import { getAnalysesExport } from "../../../api/getAnalysesExport.js";
-import { connect } from "../../../../common/react-redux.js";
+import { withAnalysisStatePresenter } from './withAnalysisStatePresenter';
+import { getQuizAnalysis, getItemAnalyses, getFetchInProgress, getGenerationInProgress, getAnalysisError, getStatusPollingInProgress } from '../../../../common/selectors/analyses';
+import { setQuizAnalysis, setItemAnalyses, setFetchInProgress, setGenerationInProgress, setAnalysisError, setStatusPollingInProgress } from '../../../../common/actions/analyses';
+import { getQuizAnalysis as fetchQuizAnalysis } from '../../../api/getQuizAnalysis';
+import { getItemAnalyses as fetchItemAnalyses } from '../../../api/getItemAnalyses';
+import { getAnalysesStatus as fetchAnalysesStatus } from '../../../api/getAnalysesStatus';
+import { getAnalysesExport } from '../../../api/getAnalysesExport';
+import { connect } from '../../../../common/react-redux';
 import { bindActionCreators, compose } from 'redux';
-import { getActiveQuizId } from "../../../../common/selectors/quizzes.js";
-import { addError } from "../../../../common/actions/alerts.js";
-import { featureOn } from "../../../../common/util/featureCheck.js";
+import { getActiveQuizId } from '../../../../common/selectors/quizzes';
+import { addError } from '../../../../common/actions/alerts';
+import { featureOn } from '../../../../common/util/featureCheck';
 var DEFAULT_POLLING_INTERVAL = 3000;
 var mapStateToProps = function mapStateToProps(state, ownProps) {
   return {