@instructure/quiz-core 18.7.0 → 18.7.1-rc.0

package/es/reporting/api/getAnalysesExport.js

@@ -1,6 +1,7 @@
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import Fetcher from "../../common/util/Fetcher.js";
+import { csvFormat } from "../components/resources/NewQuizAndItemAnalysis/exportFormats.js";
 
 var getFetcher = function getFetcher(format) {
   var mimeType = formatsToMimeTypes.get(format);
@@ -13,14 +14,13 @@ var getFetcher = function getFetcher(format) {
     headers: {
       'Accept': mimeType
     },
-    injectUserToken: true,
+    injectMissingUserToken: true,
     asyncResponseHandler: function asyncResponseHandler(response) {
       return response;
     }
   });
 };
 
-export var csvFormat = 'csv';
 var formatsToMimeTypes = new Map().set(csvFormat, 'text/csv');
 export var getAnalysesExport = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(quizId, format) {

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

@@ -0,0 +1,40 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import t from '@instructure/quiz-i18n/es/format-message';
+import { quizAnalysisPropType } from "../propTypes.js";
+import { Text } from '@instructure/ui-text';
+import { Button } from '@instructure/ui-buttons';
+export var ExportButton = function ExportButton(_ref) {
+  var quizAnalysis = _ref.quizAnalysis,
+      generationInProgress = _ref.generationInProgress,
+      handleExport = _ref.handleExport;
+
+  var renderExportButton = function renderExportButton(enabled) {
+    var interaction = enabled ? 'enabled' : 'disabled';
+    var color = enabled ? 'secondary' : 'primary-inverse';
+    return /*#__PURE__*/React.createElement(Button, {
+      color: color,
+      interaction: interaction,
+      onClick: handleExport,
+      theme: {
+        lineHeight: '24px'
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      size: "medium"
+    }, t('Export CSV')));
+  };
+
+  if (generationInProgress || !quizAnalysis) {
+    return renderExportButton(false);
+  }
+
+  if (quizAnalysis) {
+    return renderExportButton(true);
+  }
+};
+ExportButton.propTypes = {
+  quizAnalysis: quizAnalysisPropType.isRequired,
+  generationInProgress: PropTypes.bool.isRequired,
+  handleExport: PropTypes.func.isRequired
+};
+export default ExportButton;

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

@@ -34,6 +34,8 @@ import AnalysisMetric from "../AnalysisMetric/index.js";
 import Spinner from "../../../../../common/components/shared/spinner/Spinner.js";
 import { AnalysisUpdateDate } from "../AnalysisUpdateDate/index.js";
 import { itemAnalysisPropType, quizAnalysisPropType } from "../propTypes.js";
+import { csvFormat } from "../exportFormats.js";
+import { ExportButton } from "../ExportButton/index.js";
 export var NewQuizAndItemAnalysisReportCardPresenter = (_dec = themeable(theme, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   _inherits(NewQuizAndItemAnalysisReportCardPresenter, _Component);
 
@@ -56,6 +58,13 @@ export var NewQuizAndItemAnalysisReportCardPresenter = (_dec = themeable(theme,
       _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';
+
+      _this.props.exportReports(format, filter);
+    };
+
     _this.renderMetrics = function () {
       var _quizAnalysis$scores, _quizAnalysis$scores2, _quizAnalysis$scores3;
 
@@ -151,26 +160,48 @@ export var NewQuizAndItemAnalysisReportCardPresenter = (_dec = themeable(theme,
       }, generationInProgress ? _this.renderSpinner(t('Generation In Progress')) : _this.renderGenerateReportButton())));
     };
 
+    _this.renderExport = function () {
+      var _this$props3 = _this.props,
+          quizAnalysis = _this$props3.quizAnalysis,
+          generationInProgress = _this$props3.generationInProgress;
+      return /*#__PURE__*/React.createElement(ExportButton, {
+        quizAnalysis: quizAnalysis,
+        generationInProgress: generationInProgress,
+        handleExport: _this.handleExport
+      });
+    };
+
+    _this.renderReportCardHeader = function () {
+      var _this$props4 = _this.props,
+          name = _this$props4.name,
+          exportEnabled = _this$props4.exportEnabled,
+          fetchInProgress = _this$props4.fetchInProgress;
+      return /*#__PURE__*/React.createElement("div", {
+        className: styles.titleContainer
+      }, /*#__PURE__*/React.createElement(Flex, {
+        direction: "row",
+        wrap: "wrap",
+        justifyItems: "space-between"
+      }, /*#__PURE__*/React.createElement(Flex.Item, null, /*#__PURE__*/React.createElement(Text, {
+        size: "medium",
+        weight: "bold"
+      }, name)), exportEnabled && !fetchInProgress && /*#__PURE__*/React.createElement(Flex.Item, null, _this.renderExport())));
+    };
+
     return _this;
   }
 
   _createClass(NewQuizAndItemAnalysisReportCardPresenter, [{
     key: "render",
     value: function render() {
-      var _this$props3 = this.props,
-          fetchInProgress = _this$props3.fetchInProgress,
-          name = _this$props3.name,
-          quizAnalysis = _this$props3.quizAnalysis,
-          analysisError = _this$props3.analysisError;
+      var _this$props5 = this.props,
+          fetchInProgress = _this$props5.fetchInProgress,
+          quizAnalysis = _this$props5.quizAnalysis,
+          analysisError = _this$props5.analysisError;
       var reportCardStyles = classnames(styles.reportCard, _defineProperty({}, styles.emptyReportCard, !quizAnalysis && !analysisError));
       return /*#__PURE__*/React.createElement(Card, {
         className: reportCardStyles
-      }, /*#__PURE__*/React.createElement("div", {
-        className: styles.titleContainer
-      }, /*#__PURE__*/React.createElement(Text, {
-        size: "medium",
-        weight: "bold"
-      }, name)), !fetchInProgress && quizAnalysis && this.renderQuizAnalysisSummary(), fetchInProgress && this.renderSpinner(), !fetchInProgress && this.renderReportCardFooter());
+      }, this.renderReportCardHeader(), !fetchInProgress && quizAnalysis && this.renderQuizAnalysisSummary(), fetchInProgress && this.renderSpinner(), !fetchInProgress && this.renderReportCardFooter());
     }
   }]);
 
@@ -184,7 +215,9 @@ export var NewQuizAndItemAnalysisReportCardPresenter = (_dec = themeable(theme,
   fetchInProgress: PropTypes.bool.isRequired,
   generationInProgress: PropTypes.bool.isRequired,
   analysisError: PropTypes.string,
-  generateReports: PropTypes.func.isRequired
+  generateReports: PropTypes.func.isRequired,
+  exportReports: PropTypes.func.isRequired,
+  exportEnabled: PropTypes.bool.isRequired
 }, _class2.defaultProps = {
   name: void 0,
   href: void 0,

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

@@ -0,0 +1 @@
+export var csvFormat = 'csv';

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

@@ -19,6 +19,8 @@ import { getFailedToFetchReports } from "./errorMessages.js";
 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";
 
 var _ref = /*#__PURE__*/React.createElement(Flex.Item, {
   align: "center"
@@ -130,6 +132,7 @@ export var NewQuizAndItemAnalysisPresenter = /*#__PURE__*/function (_Component)
     };
 
     _this.renderRightSide = function () {
+      var exportEnabled = _this.props.exportEnabled;
       return /*#__PURE__*/React.createElement(Flex, {
         alignItems: "center",
         justifyItems: "space-between",
@@ -139,11 +142,24 @@ export var NewQuizAndItemAnalysisPresenter = /*#__PURE__*/function (_Component)
       }, /*#__PURE__*/React.createElement(Flex.Item, {
         padding: "0 small 0 0",
         margin: "0 0 0 auto"
-      }, _this.renderUpdateDateWithError()), /*#__PURE__*/React.createElement(Flex.Item, {
+      }, _this.renderUpdateDateWithError()), exportEnabled && /*#__PURE__*/React.createElement(Flex.Item, {
+        margin: "0 small 0 auto"
+      }, _this.renderExport()), /*#__PURE__*/React.createElement(Flex.Item, {
         margin: "0 0 0 auto"
       }, _this.renderGenerationButton()));
     };
 
+    _this.renderExport = function () {
+      var _this$props2 = _this.props,
+          quizAnalysis = _this$props2.quizAnalysis,
+          generationInProgress = _this$props2.generationInProgress;
+      return /*#__PURE__*/React.createElement(ExportButton, {
+        quizAnalysis: quizAnalysis,
+        generationInProgress: generationInProgress,
+        handleExport: _this.handleExport
+      });
+    };
+
     _this.renderTop = function () {
       return /*#__PURE__*/React.createElement(Flex, {
         justifyItems: "space-between",
@@ -156,12 +172,17 @@ export var NewQuizAndItemAnalysisPresenter = /*#__PURE__*/function (_Component)
     };
 
     _this.renderTopOnFailedFetch = function () {
+      var exportEnabled = _this.props.exportEnabled;
       return /*#__PURE__*/React.createElement(Flex, {
-        alignItems: "end",
-        width: "82.5rem",
+        justifyItems: "end",
+        wrap: "wrap",
+        width: "auto",
         margin: "auto",
-        direction: "column"
-      }, /*#__PURE__*/React.createElement(Flex.Item, {
+        direction: "row"
+      }, exportEnabled && /*#__PURE__*/React.createElement(Flex.Item, {
+        margin: "small",
+        overflowY: "visible"
+      }, _this.renderExport()), /*#__PURE__*/React.createElement(Flex.Item, {
         overflowY: "visible"
       }, _this.renderGenerationButton()));
     };
@@ -200,9 +221,9 @@ export var NewQuizAndItemAnalysisPresenter = /*#__PURE__*/function (_Component)
     };
 
     _this.renderBody = function () {
-      var _this$props2 = _this.props,
-          fetchInProgress = _this$props2.fetchInProgress,
-          quizAnalysis = _this$props2.quizAnalysis; // TODO need to refactor the NewQuizAnalysis to move out spinner logic
+      var _this$props3 = _this.props,
+          fetchInProgress = _this$props3.fetchInProgress,
+          quizAnalysis = _this$props3.quizAnalysis; // TODO need to refactor the NewQuizAnalysis to move out spinner logic
 
       return /*#__PURE__*/React.createElement(React.Fragment, null, (fetchInProgress || quizAnalysis) && /*#__PURE__*/React.createElement(NewQuizAnalysis, {
         quizAnalysis: quizAnalysis,
@@ -216,15 +237,22 @@ export var NewQuizAndItemAnalysisPresenter = /*#__PURE__*/function (_Component)
       _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';
+
+      _this.props.exportReports(format, filter);
+    };
+
     return _this;
   }
 
   _createClass(NewQuizAndItemAnalysisPresenter, [{
     key: "render",
     value: function render() {
-      var _this$props3 = this.props,
-          analysisFetchError = _this$props3.analysisFetchError,
-          fetchInProgress = _this$props3.fetchInProgress;
+      var _this$props4 = this.props,
+          analysisFetchError = _this$props4.analysisFetchError,
+          fetchInProgress = _this$props4.fetchInProgress;
       return /*#__PURE__*/React.createElement("div", {
         className: "fs-mask"
       }, !fetchInProgress && (analysisFetchError ? this.renderTopOnFailedFetch() : this.renderTop()), analysisFetchError ? this.renderErrorBody() : this.renderBody());
@@ -241,7 +269,9 @@ NewQuizAndItemAnalysisPresenter.propTypes = {
   generationInProgress: PropTypes.bool.isRequired,
   analysisFetchError: PropTypes.bool.isRequired,
   analysisError: PropTypes.string,
-  generateReports: PropTypes.func.isRequired
+  generateReports: PropTypes.func.isRequired,
+  exportReports: PropTypes.func.isRequired,
+  exportEnabled: PropTypes.bool.isRequired
 };
 NewQuizAndItemAnalysisPresenter.defaultProps = {
   analysisError: void 0,

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

@@ -9,6 +9,7 @@ import { connect } from "../../../../common/react-redux.js";
 import { compose } from 'redux';
 import { getActiveQuizId } from "../../../../common/selectors/quizzes.js";
 import { addError } from "../../../../common/actions/alerts.js";
+import { featureOn } from "../../../../common/util/featureCheck.js";
 var DEFAULT_POLLING_INTERVAL = 3000;
 export function mapStateToProps(state, ownProps) {
   return {
@@ -23,7 +24,8 @@ export function mapStateToProps(state, ownProps) {
     fetchItemAnalyses: fetchItemAnalyses,
     fetchAnalysesStatus: fetchAnalysesStatus,
     getAnalysesExport: getAnalysesExport,
-    pollingInterval: ownProps.pollingInterval || DEFAULT_POLLING_INTERVAL
+    pollingInterval: ownProps.pollingInterval || DEFAULT_POLLING_INTERVAL,
+    exportEnabled: featureOn('item_analysis_csv')
   };
 }
 var mapDispatchToProps = {

package/lib/reporting/api/getAnalysesExport.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getAnalysesExport = exports.csvFormat = void 0;
+exports.getAnalysesExport = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
@@ -13,6 +13,8 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 
 var _Fetcher = _interopRequireDefault(require("../../common/util/Fetcher.js"));
 
+var _exportFormats = require("../components/resources/NewQuizAndItemAnalysis/exportFormats.js");
+
 var getFetcher = function getFetcher(format) {
   var mimeType = formatsToMimeTypes.get(format);
 
@@ -24,16 +26,14 @@ var getFetcher = function getFetcher(format) {
     headers: {
       'Accept': mimeType
     },
-    injectUserToken: true,
+    injectMissingUserToken: true,
     asyncResponseHandler: function asyncResponseHandler(response) {
       return response;
     }
   });
 };
 
-var csvFormat = 'csv';
-exports.csvFormat = csvFormat;
-var formatsToMimeTypes = new Map().set(csvFormat, 'text/csv');
+var formatsToMimeTypes = new Map().set(_exportFormats.csvFormat, 'text/csv');
 
 var getAnalysesExport = /*#__PURE__*/function () {
   var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(quizId, format) {

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/ExportButton/index.js

@@ -0,0 +1,58 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ExportButton = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
+var _propTypes2 = require("../propTypes.js");
+
+var _uiText = require("@instructure/ui-text");
+
+var _uiButtons = require("@instructure/ui-buttons");
+
+var ExportButton = function ExportButton(_ref) {
+  var quizAnalysis = _ref.quizAnalysis,
+      generationInProgress = _ref.generationInProgress,
+      handleExport = _ref.handleExport;
+
+  var renderExportButton = function renderExportButton(enabled) {
+    var interaction = enabled ? 'enabled' : 'disabled';
+    var color = enabled ? 'secondary' : 'primary-inverse';
+    return /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
+      color: color,
+      interaction: interaction,
+      onClick: handleExport,
+      theme: {
+        lineHeight: '24px'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
+      size: "medium"
+    }, (0, _formatMessage.default)('Export CSV')));
+  };
+
+  if (generationInProgress || !quizAnalysis) {
+    return renderExportButton(false);
+  }
+
+  if (quizAnalysis) {
+    return renderExportButton(true);
+  }
+};
+
+exports.ExportButton = ExportButton;
+ExportButton.propTypes = {
+  quizAnalysis: _propTypes2.quizAnalysisPropType.isRequired,
+  generationInProgress: _propTypes.default.bool.isRequired,
+  handleExport: _propTypes.default.func.isRequired
+};
+var _default = ExportButton;
+exports.default = _default;

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

@@ -49,6 +49,10 @@ var _index3 = require("../AnalysisUpdateDate/index.js");
 
 var _propTypes2 = require("../propTypes.js");
 
+var _exportFormats = require("../exportFormats.js");
+
+var _index4 = require("../ExportButton/index.js");
+
 var _dec, _class, _class2, _temp;
 
 var styles = {
@@ -86,6 +90,13 @@ var NewQuizAndItemAnalysisReportCardPresenter = (_dec = (0, _uiThemeable.themeab
       _this.props.generateReports(filter);
     };
 
+    _this.handleExport = function (_event) {
+      var format = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : _exportFormats.csvFormat;
+      var filter = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 'last_attempt';
+
+      _this.props.exportReports(format, filter);
+    };
+
     _this.renderMetrics = function () {
       var _quizAnalysis$scores, _quizAnalysis$scores2, _quizAnalysis$scores3;
 
@@ -181,26 +192,48 @@ var NewQuizAndItemAnalysisReportCardPresenter = (_dec = (0, _uiThemeable.themeab
       }, generationInProgress ? _this.renderSpinner((0, _formatMessage.default)('Generation In Progress')) : _this.renderGenerateReportButton())));
     };
 
+    _this.renderExport = function () {
+      var _this$props3 = _this.props,
+          quizAnalysis = _this$props3.quizAnalysis,
+          generationInProgress = _this$props3.generationInProgress;
+      return /*#__PURE__*/_react.default.createElement(_index4.ExportButton, {
+        quizAnalysis: quizAnalysis,
+        generationInProgress: generationInProgress,
+        handleExport: _this.handleExport
+      });
+    };
+
+    _this.renderReportCardHeader = function () {
+      var _this$props4 = _this.props,
+          name = _this$props4.name,
+          exportEnabled = _this$props4.exportEnabled,
+          fetchInProgress = _this$props4.fetchInProgress;
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.titleContainer
+      }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
+        direction: "row",
+        wrap: "wrap",
+        justifyItems: "space-between"
+      }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
+        size: "medium",
+        weight: "bold"
+      }, name)), exportEnabled && !fetchInProgress && /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, _this.renderExport())));
+    };
+
     return _this;
   }
 
   (0, _createClass2.default)(NewQuizAndItemAnalysisReportCardPresenter, [{
     key: "render",
     value: function render() {
-      var _this$props3 = this.props,
-          fetchInProgress = _this$props3.fetchInProgress,
-          name = _this$props3.name,
-          quizAnalysis = _this$props3.quizAnalysis,
-          analysisError = _this$props3.analysisError;
+      var _this$props5 = this.props,
+          fetchInProgress = _this$props5.fetchInProgress,
+          quizAnalysis = _this$props5.quizAnalysis,
+          analysisError = _this$props5.analysisError;
       var reportCardStyles = (0, _classnames2.default)(styles.reportCard, (0, _defineProperty2.default)({}, styles.emptyReportCard, !quizAnalysis && !analysisError));
       return /*#__PURE__*/_react.default.createElement(_index.default, {
         className: reportCardStyles
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: styles.titleContainer
-      }, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
-        size: "medium",
-        weight: "bold"
-      }, name)), !fetchInProgress && quizAnalysis && this.renderQuizAnalysisSummary(), fetchInProgress && this.renderSpinner(), !fetchInProgress && this.renderReportCardFooter());
+      }, this.renderReportCardHeader(), !fetchInProgress && quizAnalysis && this.renderQuizAnalysisSummary(), fetchInProgress && this.renderSpinner(), !fetchInProgress && this.renderReportCardFooter());
     }
   }]);
   NewQuizAndItemAnalysisReportCardPresenter.displayName = "NewQuizAndItemAnalysisReportCardPresenter";
@@ -213,7 +246,9 @@ var NewQuizAndItemAnalysisReportCardPresenter = (_dec = (0, _uiThemeable.themeab
   fetchInProgress: _propTypes.default.bool.isRequired,
   generationInProgress: _propTypes.default.bool.isRequired,
   analysisError: _propTypes.default.string,
-  generateReports: _propTypes.default.func.isRequired
+  generateReports: _propTypes.default.func.isRequired,
+  exportReports: _propTypes.default.func.isRequired,
+  exportEnabled: _propTypes.default.bool.isRequired
 }, _class2.defaultProps = {
   name: void 0,
   href: void 0,

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

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.csvFormat = void 0;
+var csvFormat = 'csv';
+exports.csvFormat = csvFormat;

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

@@ -51,6 +51,10 @@ var _downForRepair = _interopRequireDefault(require("./downForRepair.svg"));
 
 var _uiA11yContent = require("@instructure/ui-a11y-content");
 
+var _exportFormats = require("./exportFormats.js");
+
+var _index4 = require("./ExportButton/index.js");
+
 var _ref = /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
   align: "center"
 }, /*#__PURE__*/_react.default.createElement(_uiA11yContent.PresentationContent, null, /*#__PURE__*/_react.default.createElement(_uiImg.Img, {
@@ -161,6 +165,7 @@ var NewQuizAndItemAnalysisPresenter = /*#__PURE__*/function (_Component) {
     };
 
     _this.renderRightSide = function () {
+      var exportEnabled = _this.props.exportEnabled;
       return /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
         alignItems: "center",
         justifyItems: "space-between",
@@ -170,11 +175,24 @@ var NewQuizAndItemAnalysisPresenter = /*#__PURE__*/function (_Component) {
       }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
         padding: "0 small 0 0",
         margin: "0 0 0 auto"
-      }, _this.renderUpdateDateWithError()), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
+      }, _this.renderUpdateDateWithError()), exportEnabled && /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
+        margin: "0 small 0 auto"
+      }, _this.renderExport()), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
         margin: "0 0 0 auto"
       }, _this.renderGenerationButton()));
     };
 
+    _this.renderExport = function () {
+      var _this$props2 = _this.props,
+          quizAnalysis = _this$props2.quizAnalysis,
+          generationInProgress = _this$props2.generationInProgress;
+      return /*#__PURE__*/_react.default.createElement(_index4.ExportButton, {
+        quizAnalysis: quizAnalysis,
+        generationInProgress: generationInProgress,
+        handleExport: _this.handleExport
+      });
+    };
+
     _this.renderTop = function () {
       return /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
         justifyItems: "space-between",
@@ -187,12 +205,17 @@ var NewQuizAndItemAnalysisPresenter = /*#__PURE__*/function (_Component) {
     };
 
     _this.renderTopOnFailedFetch = function () {
+      var exportEnabled = _this.props.exportEnabled;
       return /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
-        alignItems: "end",
-        width: "82.5rem",
+        justifyItems: "end",
+        wrap: "wrap",
+        width: "auto",
         margin: "auto",
-        direction: "column"
-      }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
+        direction: "row"
+      }, exportEnabled && /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
+        margin: "small",
+        overflowY: "visible"
+      }, _this.renderExport()), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
         overflowY: "visible"
       }, _this.renderGenerationButton()));
     };
@@ -231,9 +254,9 @@ var NewQuizAndItemAnalysisPresenter = /*#__PURE__*/function (_Component) {
     };
 
     _this.renderBody = function () {
-      var _this$props2 = _this.props,
-          fetchInProgress = _this$props2.fetchInProgress,
-          quizAnalysis = _this$props2.quizAnalysis; // TODO need to refactor the NewQuizAnalysis to move out spinner logic
+      var _this$props3 = _this.props,
+          fetchInProgress = _this$props3.fetchInProgress,
+          quizAnalysis = _this$props3.quizAnalysis; // TODO need to refactor the NewQuizAnalysis to move out spinner logic
 
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (fetchInProgress || quizAnalysis) && /*#__PURE__*/_react.default.createElement(_index2.default, {
         quizAnalysis: quizAnalysis,
@@ -247,15 +270,22 @@ var NewQuizAndItemAnalysisPresenter = /*#__PURE__*/function (_Component) {
       _this.props.generateReports(filter);
     };
 
+    _this.handleExport = function (_event) {
+      var format = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : _exportFormats.csvFormat;
+      var filter = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 'last_attempt';
+
+      _this.props.exportReports(format, filter);
+    };
+
     return _this;
   }
 
   (0, _createClass2.default)(NewQuizAndItemAnalysisPresenter, [{
     key: "render",
     value: function render() {
-      var _this$props3 = this.props,
-          analysisFetchError = _this$props3.analysisFetchError,
-          fetchInProgress = _this$props3.fetchInProgress;
+      var _this$props4 = this.props,
+          analysisFetchError = _this$props4.analysisFetchError,
+          fetchInProgress = _this$props4.fetchInProgress;
       return /*#__PURE__*/_react.default.createElement("div", {
         className: "fs-mask"
       }, !fetchInProgress && (analysisFetchError ? this.renderTopOnFailedFetch() : this.renderTop()), analysisFetchError ? this.renderErrorBody() : this.renderBody());
@@ -273,7 +303,9 @@ NewQuizAndItemAnalysisPresenter.propTypes = {
   generationInProgress: _propTypes2.default.bool.isRequired,
   analysisFetchError: _propTypes2.default.bool.isRequired,
   analysisError: _propTypes2.default.string,
-  generateReports: _propTypes2.default.func.isRequired
+  generateReports: _propTypes2.default.func.isRequired,
+  exportReports: _propTypes2.default.func.isRequired,
+  exportEnabled: _propTypes2.default.bool.isRequired
 };
 NewQuizAndItemAnalysisPresenter.defaultProps = {
   analysisError: void 0,

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

@@ -28,6 +28,8 @@ var _quizzes = require("../../../../common/selectors/quizzes.js");
 
 var _alerts = require("../../../../common/actions/alerts.js");
 
+var _featureCheck = require("../../../../common/util/featureCheck.js");
+
 var DEFAULT_POLLING_INTERVAL = 3000;
 
 function mapStateToProps(state, ownProps) {
@@ -43,7 +45,8 @@ function mapStateToProps(state, ownProps) {
     fetchItemAnalyses: _getItemAnalyses.getItemAnalyses,
     fetchAnalysesStatus: _getAnalysesStatus.getAnalysesStatus,
     getAnalysesExport: _getAnalysesExport.getAnalysesExport,
-    pollingInterval: ownProps.pollingInterval || DEFAULT_POLLING_INTERVAL
+    pollingInterval: ownProps.pollingInterval || DEFAULT_POLLING_INTERVAL,
+    exportEnabled: (0, _featureCheck.featureOn)('item_analysis_csv')
   };
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/quiz-core",
-  "version": "18.7.0",
+  "version": "18.7.1-rc.0+1d4875e9a",
   "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.7.0",
-    "@instructure/quiz-i18n": "^18.7.0",
-    "@instructure/quiz-interactions": "^18.7.0",
-    "@instructure/quiz-number-input": "^18.7.0",
-    "@instructure/quiz-rce": "^18.7.0",
+    "@instructure/quiz-common": "18.7.1-rc.0+1d4875e9a",
+    "@instructure/quiz-i18n": "18.7.1-rc.0+1d4875e9a",
+    "@instructure/quiz-interactions": "18.7.1-rc.0+1d4875e9a",
+    "@instructure/quiz-number-input": "18.7.1-rc.0+1d4875e9a",
+    "@instructure/quiz-rce": "18.7.1-rc.0+1d4875e9a",
     "@instructure/ui-a11y-content": "^7.22.1",
     "@instructure/ui-alerts": "^7.22.1",
     "@instructure/ui-avatar": "^7.22.1",
@@ -109,7 +109,7 @@
     "file-saver": "~2.0.5",
     "humps": "^2.0.0",
     "immutable": "^3.8.1",
-    "instructure-validations": "^18.7.0",
+    "instructure-validations": "18.7.1-rc.0+1d4875e9a",
     "ipaddr.js": "^1.5.4",
     "isomorphic-fetch": "^2.2.0",
     "isuuid": "^0.1.0",
@@ -141,7 +141,7 @@
     "uuid": "^3.2.1"
   },
   "devDependencies": {
-    "@instructure/quiz-scripts": "^18.7.0",
+    "@instructure/quiz-scripts": "18.7.0",
     "@instructure/ui-axe-check": "^7.22.1",
     "@instructure/ui-babel-preset": "^7.22.1",
     "@instructure/ui-karma-config": "^7.22.1",
@@ -160,7 +160,7 @@
     "intl": "^1.2.4",
     "jquery": "^2.2.3",
     "most-subject": "^5.3.0",
-    "quiz-presets": "^18.7.0",
+    "quiz-presets": "18.7.1-rc.0+1d4875e9a",
     "react": "^16.8.6",
     "react-addons-test-utils": "^15.6.2",
     "react-dom": "^16.8.6",
@@ -176,5 +176,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "2b56b4b27e10e47a912e3fb2763e587dbbbb1512"
+  "gitHead": "1d4875e9a6d81b08b142fbade051b72b2aa7ad46"
 }