@instructure/quiz-core 18.5.1-rc.8 → 18.6.0

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/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/lib/reporting/components/resources/ReportCard/theme.js

@@ -10,7 +10,7 @@ function generator(_ref) {
       borders = _ref.borders;
   return {
     cardHeight: '6rem',
-    cardWidth: '16rem',
+    cardWidth: '19.5rem',
     cardPadding: spacing.medium,
     cardMargin: spacing.xSmall,
     cardBoxShadow: '1px 1px 3px 0 #ddd',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/quiz-core",
-  "version": "18.5.1-rc.8+846b42d6f",
+  "version": "18.6.0",
   "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.8+846b42d6f",
-    "@instructure/quiz-i18n": "18.5.1-rc.8+846b42d6f",
-    "@instructure/quiz-interactions": "18.5.1-rc.8+846b42d6f",
-    "@instructure/quiz-number-input": "18.5.1-rc.8+846b42d6f",
-    "@instructure/quiz-rce": "18.5.1-rc.8+846b42d6f",
+    "@instructure/quiz-common": "^18.6.0",
+    "@instructure/quiz-i18n": "^18.6.0",
+    "@instructure/quiz-interactions": "^18.6.0",
+    "@instructure/quiz-number-input": "^18.6.0",
+    "@instructure/quiz-rce": "^18.6.0",
     "@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.8+846b42d6f",
+    "instructure-validations": "^18.6.0",
     "ipaddr.js": "^1.5.4",
     "isomorphic-fetch": "^2.2.0",
     "isuuid": "^0.1.0",
@@ -140,7 +141,7 @@
     "uuid": "^3.2.1"
   },
   "devDependencies": {
-    "@instructure/quiz-scripts": "18.5.0",
+    "@instructure/quiz-scripts": "^18.6.0",
     "@instructure/ui-axe-check": "^7.22.1",
     "@instructure/ui-babel-preset": "^7.22.1",
     "@instructure/ui-karma-config": "^7.22.1",
@@ -159,7 +160,7 @@
     "intl": "^1.2.4",
     "jquery": "^2.2.3",
     "most-subject": "^5.3.0",
-    "quiz-presets": "18.5.1-rc.8+846b42d6f",
+    "quiz-presets": "^18.6.0",
     "react": "^16.8.6",
     "react-addons-test-utils": "^15.6.2",
     "react-dom": "^16.8.6",
@@ -175,5 +176,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "846b42d6fbb1d77bb36641c1fa31725bb5b42b47"
+  "gitHead": "dddcaa8802c8344705537cacfbc0b9638c25be4c"
 }

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/AggregationType/theme.js

@@ -1,5 +0,0 @@
-export default function generator() {
-  return {
-    tableBottomPadding: 0
-  };
-}

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/AggregationType/theme.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = generator;
-
-function generator() {
-  return {
-    tableBottomPadding: 0
-  };
-}