@instructure/quiz-core 18.5.1-rc.7 → 18.5.1-rc.9

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

@@ -1,3 +1,4 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
@@ -120,7 +121,7 @@ export var NewQuizAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_t
         title: expanded ? t('collapse quiz analysis') : t('expand quiz analysis'),
         isExpanded: expanded
       }))), expanded && _this.renderExpanded(), /*#__PURE__*/React.createElement(ScoreDistribution, {
-        decileDistribution: scores === null || scores === void 0 ? void 0 : scores.decile_distribution
+        decileDistribution: _this.getPreparedDecileDistribution()
       }));
     };
 
@@ -128,6 +129,24 @@ export var NewQuizAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_t
   }
 
   _createClass(NewQuizAnalysis, [{
+    key: "getPreparedDecileDistribution",
+    value: function getPreparedDecileDistribution() {
+      var quizAnalysis = this.props.quizAnalysis;
+      var scores = quizAnalysis.scores,
+          metadata = quizAnalysis.metadata;
+
+      var decileDistribution = _toConsumableArray(scores === null || scores === void 0 ? void 0 : scores.decile_distribution);
+
+      if (metadata.decile_distribution && (metadata.decile_distribution.high_extreme_values_count > 0 || metadata.decile_distribution.low_extreme_values_count > 0)) {
+        var _metadata$decile_dist, _metadata$decile_dist2;
+
+        decileDistribution.unshift((_metadata$decile_dist = metadata.decile_distribution) === null || _metadata$decile_dist === void 0 ? void 0 : _metadata$decile_dist.low_extreme_values_count);
+        decileDistribution.push((_metadata$decile_dist2 = metadata.decile_distribution) === null || _metadata$decile_dist2 === void 0 ? void 0 : _metadata$decile_dist2.high_extreme_values_count);
+      }
+
+      return decileDistribution;
+    }
+  }, {
     key: "render",
     value: function render() {
       var fetchInProgress = this.props.fetchInProgress;

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

@@ -39,7 +39,19 @@ export var ScoreDistribution = (_dec = themeable(theme, styles), _dec(_class = (
 
     _this = _super.call.apply(_super, [this].concat(args));
 
-    _this.calculateLabelForColumn = function (index, length) {
+    _this.calculateLabelForColumnsWithExtremeValues = function (index, length) {
+      if (index === 0) {
+        return t('< 0%');
+      }
+
+      if (index === length - 1) {
+        return t('> 100%');
+      }
+
+      return _this.calculateLabelForColumns(index - 1, length - 2);
+    };
+
+    _this.calculateLabelForColumns = function (index, length) {
       var label = Math.floor(index * 100 / length);
       return t('{label, number}%', {
         label: label
@@ -52,6 +64,7 @@ export var ScoreDistribution = (_dec = themeable(theme, styles), _dec(_class = (
   _createClass(ScoreDistribution, [{
     key: "render",
     value: function render() {
+      var decileDistribution = this.props.decileDistribution;
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
         className: styles.headingContainer
       }, /*#__PURE__*/React.createElement(Heading, {
@@ -62,8 +75,8 @@ export var ScoreDistribution = (_dec = themeable(theme, styles), _dec(_class = (
       }, t('Score Distribution'))), /*#__PURE__*/React.createElement(QuintileDistribution, {
         animateDelay: 1000,
         animateDuration: 1000,
-        visualDistribution: this.props.decileDistribution || [],
-        calculateLabelForColumn: this.calculateLabelForColumn
+        visualDistribution: decileDistribution || [],
+        calculateLabelForColumn: decileDistribution.length > 10 ? this.calculateLabelForColumnsWithExtremeValues : this.calculateLabelForColumns
       }), /*#__PURE__*/React.createElement("div", {
         "aria-hidden": "true",
         className: styles.chartLabel

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

@@ -2,6 +2,9 @@ import t from '@instructure/quiz-i18n/es/format-message';
 export var getFailedToFetchReports = function getFailedToFetchReports() {
   return t('An error has occurred while loading this report. Please refresh the page.');
 };
+export var getFailedToExportReports = function getFailedToExportReports() {
+  return t('An error has occurred while exporting this report. Please try again.');
+};
 export var getLastReportGenerationFailed = function getLastReportGenerationFailed() {
   return t('Report generation failed. Please try again.');
 };

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

@@ -0,0 +1,65 @@
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import { getFailedToExportReports } from "./errorMessages.js";
+import contentDisposition from 'content-disposition';
+export var exportReports = /*#__PURE__*/function () {
+  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
+    var getAnalysesExport, activeQuizId, filter, format, saveFile, addError, response, dispositionHeader, disposition, filename, blob;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            getAnalysesExport = _ref.getAnalysesExport, activeQuizId = _ref.activeQuizId, filter = _ref.filter, format = _ref.format, saveFile = _ref.saveFile, addError = _ref.addError;
+            _context.prev = 1;
+            _context.next = 4;
+            return getAnalysesExport(activeQuizId, format, filter);
+
+          case 4:
+            response = _context.sent;
+            dispositionHeader = response.headers.get('Content-Disposition');
+
+            if (dispositionHeader) {
+              _context.next = 8;
+              break;
+            }
+
+            throw new Error('Response contains no Content-Disposition header.');
+
+          case 8:
+            disposition = contentDisposition.parse(dispositionHeader);
+            filename = disposition.parameters.filename;
+
+            if (filename) {
+              _context.next = 12;
+              break;
+            }
+
+            throw new Error('Cannot determine filename to save.');
+
+          case 12:
+            _context.next = 14;
+            return response.blob();
+
+          case 14:
+            blob = _context.sent;
+            saveFile(blob, filename);
+            _context.next = 21;
+            break;
+
+          case 18:
+            _context.prev = 18;
+            _context.t0 = _context["catch"](1);
+            addError(getFailedToExportReports());
+
+          case 21:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee, null, [[1, 18]]);
+  }));
+
+  return function exportReports(_x) {
+    return _ref2.apply(this, arguments);
+  };
+}();

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

@@ -1,9 +1,14 @@
 import PropTypes from 'prop-types';
+export var quizAnalysisMetadata = PropTypes.shape({
+  quiz_title: PropTypes.string,
+  decile_distribution: PropTypes.shape({
+    high_extreme_values_count: PropTypes.number,
+    low_extreme_values_count: PropTypes.number
+  })
+});
 export var quizAnalysisPropType = PropTypes.shape({
   created_timestamp: PropTypes.string.isRequired,
-  metadata: PropTypes.shape({
-    quiz_title: PropTypes.string
-  }).isRequired,
+  metadata: quizAnalysisMetadata.isRequired,
   scores: PropTypes.shape({
     decile_distribution: PropTypes.arrayOf(PropTypes.number),
     cronbachs_alpha: PropTypes.number,

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

@@ -1,4 +1,5 @@
 import t from '@instructure/quiz-i18n/es/format-message';
+import { saveAs } from 'file-saver';
 
 var formatNumbers = function formatNumbers(value) {
   if (typeof value === 'number') {
@@ -17,4 +18,7 @@ var getSanitizedMetricValue = function getSanitizedMetricValue(value, suffix) {
   return suffix ? formattedValue + suffix : formattedValue;
 };
 
+export var saveFile = function saveFile(file, fileName) {
+  saveAs(file, fileName);
+};
 export { getSanitizedMetricValue };

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

@@ -4,6 +4,7 @@ import { setQuizAnalysis, setItemAnalyses, setFetchInProgress, setGenerationInPr
 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 { compose } from 'redux';
 import { getActiveQuizId } from "../../../../common/selectors/quizzes.js";
@@ -21,6 +22,7 @@ export function mapStateToProps(state, ownProps) {
     fetchQuizAnalysis: fetchQuizAnalysis,
     fetchItemAnalyses: fetchItemAnalyses,
     fetchAnalysesStatus: fetchAnalysesStatus,
+    getAnalysesExport: getAnalysesExport,
     pollingInterval: ownProps.pollingInterval || DEFAULT_POLLING_INTERVAL
   };
 }

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

@@ -9,6 +9,8 @@ import { fetchReports } from "./fetchReports.js";
 import { fetchReportsStatus } from "./fetchReportsStatus.js";
 import { getErrorMessageForCode } from "./errorCodes.js";
 import { generateReports as triggerReportGeneration } from "./generateReports.js";
+import { exportReports as triggerExportReports } from "./exportReports.js";
+import { saveFile } from "./utils.js";
 export var withAnalysisStatePresenter = function withAnalysisStatePresenter(OriginalComponent) {
   var WithAnalysisStatePresenter = function WithAnalysisStatePresenter(_ref) {
     var quizAnalysis = _ref.quizAnalysis,
@@ -26,11 +28,12 @@ export var withAnalysisStatePresenter = function withAnalysisStatePresenter(Orig
         generateAnalysis = _ref.generateAnalysis,
         fetchQuizAnalysis = _ref.fetchQuizAnalysis,
         fetchItemAnalyses = _ref.fetchItemAnalyses,
+        getAnalysesExport = _ref.getAnalysesExport,
         fetchAnalysesStatus = _ref.fetchAnalysesStatus,
         statusPollingInProgress = _ref.statusPollingInProgress,
         setStatusPollingInProgress = _ref.setStatusPollingInProgress,
         pollingInterval = _ref.pollingInterval,
-        passThroughProps = _objectWithoutProperties(_ref, ["quizAnalysis", "itemAnalyses", "fetchInProgress", "generationInProgress", "analysisError", "setQuizAnalysis", "addError", "setItemAnalyses", "setFetchInProgress", "setGenerationInProgress", "setAnalysisError", "activeQuizId", "generateAnalysis", "fetchQuizAnalysis", "fetchItemAnalyses", "fetchAnalysesStatus", "statusPollingInProgress", "setStatusPollingInProgress", "pollingInterval"]);
+        passThroughProps = _objectWithoutProperties(_ref, ["quizAnalysis", "itemAnalyses", "fetchInProgress", "generationInProgress", "analysisError", "setQuizAnalysis", "addError", "setItemAnalyses", "setFetchInProgress", "setGenerationInProgress", "setAnalysisError", "activeQuizId", "generateAnalysis", "fetchQuizAnalysis", "fetchItemAnalyses", "getAnalysesExport", "fetchAnalysesStatus", "statusPollingInProgress", "setStatusPollingInProgress", "pollingInterval"]);
 
     WithAnalysisStatePresenter.displayName = "WithAnalysisStatePresenter(".concat(OriginalComponent.displayName || OriginalComponent.name, ")");
 
@@ -101,6 +104,41 @@ export var withAnalysisStatePresenter = function withAnalysisStatePresenter(Orig
       return _generateReports.apply(this, arguments);
     }
 
+    function exportReports(_x) {
+      return _exportReports.apply(this, arguments);
+    }
+
+    function _exportReports() {
+      _exportReports = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(format) {
+        var filter,
+            exportConfig,
+            _args4 = arguments;
+        return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+          while (1) {
+            switch (_context4.prev = _context4.next) {
+              case 0:
+                filter = _args4.length > 1 && _args4[1] !== void 0 ? _args4[1] : 'last_attempt';
+                exportConfig = {
+                  getAnalysesExport: getAnalysesExport,
+                  format: format,
+                  filter: filter,
+                  activeQuizId: activeQuizId,
+                  addError: addError,
+                  saveFile: saveFile
+                };
+                _context4.next = 4;
+                return triggerExportReports(exportConfig);
+
+              case 4:
+              case "end":
+                return _context4.stop();
+            }
+          }
+        }, _callee4);
+      }));
+      return _exportReports.apply(this, arguments);
+    }
+
     useEffect(function () {
       var fetchIfNeeded = /*#__PURE__*/function () {
         var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
@@ -172,6 +210,7 @@ export var withAnalysisStatePresenter = function withAnalysisStatePresenter(Orig
       generationInProgress: generationInProgress,
       analysisError: analysisError,
       generateReports: generateReports,
+      exportReports: exportReports,
       analysisFetchError: analysisFetchError
     }, passThroughProps));
   };
@@ -193,6 +232,7 @@ export var withAnalysisStatePresenter = function withAnalysisStatePresenter(Orig
     fetchQuizAnalysis: PropTypes.func.isRequired,
     fetchItemAnalyses: PropTypes.func.isRequired,
     fetchAnalysesStatus: PropTypes.func.isRequired,
+    getAnalysesExport: PropTypes.func.isRequired,
     addError: PropTypes.func.isRequired,
     pollingInterval: PropTypes.number.isRequired,
     generateAnalysis: PropTypes.func.isRequired // from LTI, f(filter: string, onError?: func(error))

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/NewQuizAnalysis/presenter.js

@@ -9,6 +9,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.NewQuizAnalysis = void 0;
 
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -148,7 +150,7 @@ var NewQuizAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
         title: expanded ? (0, _formatMessage.default)('collapse quiz analysis') : (0, _formatMessage.default)('expand quiz analysis'),
         isExpanded: expanded
       }))), expanded && _this.renderExpanded(), /*#__PURE__*/_react.default.createElement(_presenter.ScoreDistribution, {
-        decileDistribution: scores === null || scores === void 0 ? void 0 : scores.decile_distribution
+        decileDistribution: _this.getPreparedDecileDistribution()
       }));
     };
 
@@ -156,6 +158,23 @@ var NewQuizAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
   }
 
   (0, _createClass2.default)(NewQuizAnalysis, [{
+    key: "getPreparedDecileDistribution",
+    value: function getPreparedDecileDistribution() {
+      var quizAnalysis = this.props.quizAnalysis;
+      var scores = quizAnalysis.scores,
+          metadata = quizAnalysis.metadata;
+      var decileDistribution = (0, _toConsumableArray2.default)(scores === null || scores === void 0 ? void 0 : scores.decile_distribution);
+
+      if (metadata.decile_distribution && (metadata.decile_distribution.high_extreme_values_count > 0 || metadata.decile_distribution.low_extreme_values_count > 0)) {
+        var _metadata$decile_dist, _metadata$decile_dist2;
+
+        decileDistribution.unshift((_metadata$decile_dist = metadata.decile_distribution) === null || _metadata$decile_dist === void 0 ? void 0 : _metadata$decile_dist.low_extreme_values_count);
+        decileDistribution.push((_metadata$decile_dist2 = metadata.decile_distribution) === null || _metadata$decile_dist2 === void 0 ? void 0 : _metadata$decile_dist2.high_extreme_values_count);
+      }
+
+      return decileDistribution;
+    }
+  }, {
     key: "render",
     value: function render() {
       var fetchInProgress = this.props.fetchInProgress;

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

@@ -61,7 +61,19 @@ var ScoreDistribution = (_dec = (0, _uiThemeable.themeable)(_theme.default, styl
 
     _this = _super.call.apply(_super, [this].concat(args));
 
-    _this.calculateLabelForColumn = function (index, length) {
+    _this.calculateLabelForColumnsWithExtremeValues = function (index, length) {
+      if (index === 0) {
+        return (0, _formatMessage.default)('< 0%');
+      }
+
+      if (index === length - 1) {
+        return (0, _formatMessage.default)('> 100%');
+      }
+
+      return _this.calculateLabelForColumns(index - 1, length - 2);
+    };
+
+    _this.calculateLabelForColumns = function (index, length) {
       var label = Math.floor(index * 100 / length);
       return (0, _formatMessage.default)('{label, number}%', {
         label: label
@@ -74,6 +86,7 @@ var ScoreDistribution = (_dec = (0, _uiThemeable.themeable)(_theme.default, styl
   (0, _createClass2.default)(ScoreDistribution, [{
     key: "render",
     value: function render() {
+      var decileDistribution = this.props.decileDistribution;
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
         className: styles.headingContainer
       }, /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
@@ -84,8 +97,8 @@ var ScoreDistribution = (_dec = (0, _uiThemeable.themeable)(_theme.default, styl
       }, (0, _formatMessage.default)('Score Distribution'))), /*#__PURE__*/_react.default.createElement(_index.default, {
         animateDelay: 1000,
         animateDuration: 1000,
-        visualDistribution: this.props.decileDistribution || [],
-        calculateLabelForColumn: this.calculateLabelForColumn
+        visualDistribution: decileDistribution || [],
+        calculateLabelForColumn: decileDistribution.length > 10 ? this.calculateLabelForColumnsWithExtremeValues : this.calculateLabelForColumns
       }), /*#__PURE__*/_react.default.createElement("div", {
         "aria-hidden": "true",
         className: styles.chartLabel

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/errorMessages.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getNotEnoughDataAvailableError = exports.getMinimumThreeGradedSubmissionError = exports.getOngoingReportGenerationError = exports.getInsufficentSubmissionNumberError = exports.getReportGenerationFailure = exports.getLastReportGenerationFailed = exports.getFailedToFetchReports = void 0;
+exports.getNotEnoughDataAvailableError = exports.getMinimumThreeGradedSubmissionError = exports.getOngoingReportGenerationError = exports.getInsufficentSubmissionNumberError = exports.getReportGenerationFailure = exports.getLastReportGenerationFailed = exports.getFailedToExportReports = exports.getFailedToFetchReports = void 0;
 
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 
@@ -15,6 +15,12 @@ var getFailedToFetchReports = function getFailedToFetchReports() {
 
 exports.getFailedToFetchReports = getFailedToFetchReports;
 
+var getFailedToExportReports = function getFailedToExportReports() {
+  return (0, _formatMessage.default)('An error has occurred while exporting this report. Please try again.');
+};
+
+exports.getFailedToExportReports = getFailedToExportReports;
+
 var getLastReportGenerationFailed = function getLastReportGenerationFailed() {
   return (0, _formatMessage.default)('Report generation failed. Please try again.');
 };

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/exportReports.js

@@ -0,0 +1,80 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.exportReports = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _errorMessages = require("./errorMessages.js");
+
+var _contentDisposition = _interopRequireDefault(require("content-disposition"));
+
+var exportReports = /*#__PURE__*/function () {
+  var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref) {
+    var getAnalysesExport, activeQuizId, filter, format, saveFile, addError, response, dispositionHeader, disposition, filename, blob;
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            getAnalysesExport = _ref.getAnalysesExport, activeQuizId = _ref.activeQuizId, filter = _ref.filter, format = _ref.format, saveFile = _ref.saveFile, addError = _ref.addError;
+            _context.prev = 1;
+            _context.next = 4;
+            return getAnalysesExport(activeQuizId, format, filter);
+
+          case 4:
+            response = _context.sent;
+            dispositionHeader = response.headers.get('Content-Disposition');
+
+            if (dispositionHeader) {
+              _context.next = 8;
+              break;
+            }
+
+            throw new Error('Response contains no Content-Disposition header.');
+
+          case 8:
+            disposition = _contentDisposition.default.parse(dispositionHeader);
+            filename = disposition.parameters.filename;
+
+            if (filename) {
+              _context.next = 12;
+              break;
+            }
+
+            throw new Error('Cannot determine filename to save.');
+
+          case 12:
+            _context.next = 14;
+            return response.blob();
+
+          case 14:
+            blob = _context.sent;
+            saveFile(blob, filename);
+            _context.next = 21;
+            break;
+
+          case 18:
+            _context.prev = 18;
+            _context.t0 = _context["catch"](1);
+            addError((0, _errorMessages.getFailedToExportReports)());
+
+          case 21:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee, null, [[1, 18]]);
+  }));
+
+  return function exportReports(_x) {
+    return _ref2.apply(this, arguments);
+  };
+}();
+
+exports.exportReports = exportReports;

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/propTypes.js

@@ -5,15 +5,23 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.afsFlags = exports.answerSummaryPropType = exports.matchingTypeAnswerSummaryPropType = exports.choiceTypeAnswerSummaryPropType = exports.onlyAggregatePropType = exports.itemAnalysisPropType = exports.quizAnalysisPropType = void 0;
+exports.afsFlags = exports.answerSummaryPropType = exports.matchingTypeAnswerSummaryPropType = exports.choiceTypeAnswerSummaryPropType = exports.onlyAggregatePropType = exports.itemAnalysisPropType = exports.quizAnalysisPropType = exports.quizAnalysisMetadata = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var quizAnalysisMetadata = _propTypes.default.shape({
+  quiz_title: _propTypes.default.string,
+  decile_distribution: _propTypes.default.shape({
+    high_extreme_values_count: _propTypes.default.number,
+    low_extreme_values_count: _propTypes.default.number
+  })
+});
+
+exports.quizAnalysisMetadata = quizAnalysisMetadata;
+
 var quizAnalysisPropType = _propTypes.default.shape({
   created_timestamp: _propTypes.default.string.isRequired,
-  metadata: _propTypes.default.shape({
-    quiz_title: _propTypes.default.string
-  }).isRequired,
+  metadata: quizAnalysisMetadata.isRequired,
   scores: _propTypes.default.shape({
     decile_distribution: _propTypes.default.arrayOf(_propTypes.default.number),
     cronbachs_alpha: _propTypes.default.number,

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/utils.js

@@ -5,10 +5,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getSanitizedMetricValue = void 0;
+exports.getSanitizedMetricValue = exports.saveFile = void 0;
 
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 
+var _fileSaver = require("file-saver");
+
 var formatNumbers = function formatNumbers(value) {
   if (typeof value === 'number') {
     return _formatMessage.default.number(value);
@@ -26,4 +28,10 @@ var getSanitizedMetricValue = function getSanitizedMetricValue(value, suffix) {
   return suffix ? formattedValue + suffix : formattedValue;
 };
 
-exports.getSanitizedMetricValue = getSanitizedMetricValue;
+exports.getSanitizedMetricValue = getSanitizedMetricValue;
+
+var saveFile = function saveFile(file, fileName) {
+  (0, _fileSaver.saveAs)(file, fileName);
+};
+
+exports.saveFile = saveFile;

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

@@ -18,6 +18,8 @@ var _getItemAnalyses = require("../../../api/getItemAnalyses.js");
 
 var _getAnalysesStatus = require("../../../api/getAnalysesStatus.js");
 
+var _getAnalysesExport = require("../../../api/getAnalysesExport.js");
+
 var _reactRedux = require("../../../../common/react-redux.js");
 
 var _redux = require("redux");
@@ -40,6 +42,7 @@ function mapStateToProps(state, ownProps) {
     fetchQuizAnalysis: _getQuizAnalysis.getQuizAnalysis,
     fetchItemAnalyses: _getItemAnalyses.getItemAnalyses,
     fetchAnalysesStatus: _getAnalysesStatus.getAnalysesStatus,
+    getAnalysesExport: _getAnalysesExport.getAnalysesExport,
     pollingInterval: ownProps.pollingInterval || DEFAULT_POLLING_INTERVAL
   };
 }

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/withAnalysisStatePresenter.js

@@ -31,6 +31,10 @@ var _errorCodes = require("./errorCodes.js");
 
 var _generateReports2 = require("./generateReports.js");
 
+var _exportReports2 = require("./exportReports.js");
+
+var _utils = require("./utils.js");
+
 var withAnalysisStatePresenter = function withAnalysisStatePresenter(OriginalComponent) {
   var WithAnalysisStatePresenter = function WithAnalysisStatePresenter(_ref) {
     var quizAnalysis = _ref.quizAnalysis,
@@ -48,11 +52,12 @@ var withAnalysisStatePresenter = function withAnalysisStatePresenter(OriginalCom
         generateAnalysis = _ref.generateAnalysis,
         fetchQuizAnalysis = _ref.fetchQuizAnalysis,
         fetchItemAnalyses = _ref.fetchItemAnalyses,
+        getAnalysesExport = _ref.getAnalysesExport,
         fetchAnalysesStatus = _ref.fetchAnalysesStatus,
         statusPollingInProgress = _ref.statusPollingInProgress,
         setStatusPollingInProgress = _ref.setStatusPollingInProgress,
         pollingInterval = _ref.pollingInterval,
-        passThroughProps = (0, _objectWithoutProperties2.default)(_ref, ["quizAnalysis", "itemAnalyses", "fetchInProgress", "generationInProgress", "analysisError", "setQuizAnalysis", "addError", "setItemAnalyses", "setFetchInProgress", "setGenerationInProgress", "setAnalysisError", "activeQuizId", "generateAnalysis", "fetchQuizAnalysis", "fetchItemAnalyses", "fetchAnalysesStatus", "statusPollingInProgress", "setStatusPollingInProgress", "pollingInterval"]);
+        passThroughProps = (0, _objectWithoutProperties2.default)(_ref, ["quizAnalysis", "itemAnalyses", "fetchInProgress", "generationInProgress", "analysisError", "setQuizAnalysis", "addError", "setItemAnalyses", "setFetchInProgress", "setGenerationInProgress", "setAnalysisError", "activeQuizId", "generateAnalysis", "fetchQuizAnalysis", "fetchItemAnalyses", "getAnalysesExport", "fetchAnalysesStatus", "statusPollingInProgress", "setStatusPollingInProgress", "pollingInterval"]);
     WithAnalysisStatePresenter.displayName = "WithAnalysisStatePresenter(".concat(OriginalComponent.displayName || OriginalComponent.name, ")");
 
     var _useState = (0, _react.useState)(false),
@@ -122,6 +127,41 @@ var withAnalysisStatePresenter = function withAnalysisStatePresenter(OriginalCom
       return _generateReports.apply(this, arguments);
     }
 
+    function exportReports(_x) {
+      return _exportReports.apply(this, arguments);
+    }
+
+    function _exportReports() {
+      _exportReports = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(format) {
+        var filter,
+            exportConfig,
+            _args4 = arguments;
+        return _regenerator.default.wrap(function _callee4$(_context4) {
+          while (1) {
+            switch (_context4.prev = _context4.next) {
+              case 0:
+                filter = _args4.length > 1 && _args4[1] !== void 0 ? _args4[1] : 'last_attempt';
+                exportConfig = {
+                  getAnalysesExport: getAnalysesExport,
+                  format: format,
+                  filter: filter,
+                  activeQuizId: activeQuizId,
+                  addError: addError,
+                  saveFile: _utils.saveFile
+                };
+                _context4.next = 4;
+                return (0, _exportReports2.exportReports)(exportConfig);
+
+              case 4:
+              case "end":
+                return _context4.stop();
+            }
+          }
+        }, _callee4);
+      }));
+      return _exportReports.apply(this, arguments);
+    }
+
     (0, _react.useEffect)(function () {
       var fetchIfNeeded = /*#__PURE__*/function () {
         var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
@@ -193,6 +233,7 @@ var withAnalysisStatePresenter = function withAnalysisStatePresenter(OriginalCom
       generationInProgress: generationInProgress,
       analysisError: analysisError,
       generateReports: generateReports,
+      exportReports: exportReports,
       analysisFetchError: analysisFetchError
     }, passThroughProps));
   };
@@ -214,6 +255,7 @@ var withAnalysisStatePresenter = function withAnalysisStatePresenter(OriginalCom
     fetchQuizAnalysis: _propTypes.default.func.isRequired,
     fetchItemAnalyses: _propTypes.default.func.isRequired,
     fetchAnalysesStatus: _propTypes.default.func.isRequired,
+    getAnalysesExport: _propTypes.default.func.isRequired,
     addError: _propTypes.default.func.isRequired,
     pollingInterval: _propTypes.default.number.isRequired,
     generateAnalysis: _propTypes.default.func.isRequired // from LTI, f(filter: string, onError?: func(error))

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/quiz-core",
-  "version": "18.5.1-rc.7+c65458992",
+  "version": "18.5.1-rc.9+7684e8663",
   "license": "MIT",
   "description": "The Quiz React SDK by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
@@ -43,11 +43,11 @@
   "dependencies": {
     "@instructure/grading-utils": "^1.0.0",
     "@instructure/outcomes-ui": "^2.1.9",
-    "@instructure/quiz-common": "18.5.1-rc.7+c65458992",
-    "@instructure/quiz-i18n": "18.5.1-rc.7+c65458992",
-    "@instructure/quiz-interactions": "18.5.1-rc.7+c65458992",
-    "@instructure/quiz-number-input": "18.5.1-rc.7+c65458992",
-    "@instructure/quiz-rce": "18.5.1-rc.7+c65458992",
+    "@instructure/quiz-common": "18.5.1-rc.9+7684e8663",
+    "@instructure/quiz-i18n": "18.5.1-rc.9+7684e8663",
+    "@instructure/quiz-interactions": "18.5.1-rc.9+7684e8663",
+    "@instructure/quiz-number-input": "18.5.1-rc.9+7684e8663",
+    "@instructure/quiz-rce": "18.5.1-rc.9+7684e8663",
     "@instructure/ui-a11y-content": "^7.22.1",
     "@instructure/ui-alerts": "^7.22.1",
     "@instructure/ui-avatar": "^7.22.1",
@@ -106,9 +106,10 @@
     "d3-transition": "^1",
     "date-fns": "^1.28.0",
     "eventemitter3": "^3.1.0",
+    "file-saver": "~2.0.5",
     "humps": "^2.0.0",
     "immutable": "^3.8.1",
-    "instructure-validations": "18.5.1-rc.7+c65458992",
+    "instructure-validations": "18.5.1-rc.9+7684e8663",
     "ipaddr.js": "^1.5.4",
     "isomorphic-fetch": "^2.2.0",
     "isuuid": "^0.1.0",
@@ -159,7 +160,7 @@
     "intl": "^1.2.4",
     "jquery": "^2.2.3",
     "most-subject": "^5.3.0",
-    "quiz-presets": "18.5.1-rc.7+c65458992",
+    "quiz-presets": "18.5.1-rc.9+7684e8663",
     "react": "^16.8.6",
     "react-addons-test-utils": "^15.6.2",
     "react-dom": "^16.8.6",
@@ -175,5 +176,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c6545899277fee2f0cb7a574740c0b89e13c3ad3"
+  "gitHead": "7684e8663eece2857d4f080e80563f2a6f31de33"
 }