@instructure/quiz-core 18.7.1-alpha.0 → 18.7.1-rc.1

package/es/banks/components/BanksList/presenter.js

@@ -266,7 +266,7 @@ export var BanksList = (_dec = themeable(theme, styles), _dec(_class = (_temp =
           className: styles.bankTitle
         }, /*#__PURE__*/React.createElement(Link, {
           onClick: navigateToBank(bank.id),
-          themeOverride: {
+          theme: {
             color: _this.theme.bankTitleLinkColor,
             hoverColor: _this.theme.bankTitleLinkHoverColor
           },

package/es/common/components/resources/stimulus/StimulusShowInfo/index.js

@@ -51,7 +51,7 @@ var StimulusShowInfo = /*#__PURE__*/function (_Component) {
         as: "h2",
         color: "primary",
         margin: "0 0 small",
-        themeOverride: {
+        theme: {
           h2FontWeight: '700'
         }
       }, this.props.stimulus.title), instructions, /*#__PURE__*/React.createElement("div", {

package/es/common/components/shared/TagDisplay/index.js

@@ -54,7 +54,7 @@ export var TagDisplay = (_dec = themeable(theme, styles), _dec(_class = (_temp =
         className: styles.tags,
         "aria-label": t('question tags')
       }, visible, extra > 0 && /*#__PURE__*/React.createElement(Tag, {
-        themeOverride: {
+        theme: {
           defaultBackground: '#FFFFFF'
         },
         text: /*#__PURE__*/React.createElement(AccessibleContent, {

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/AnalysisMetric/presenter.js

@@ -43,7 +43,7 @@ export var AnalysisMetric = (_dec = themeable(theme, styles), _dec(_class = (_te
         "data-automation": dataAutomation,
         className: styles.metricWrapper
       }, /*#__PURE__*/React.createElement(Metric, {
-        themeOverride: {
+        theme: {
           valueFontWeight: 500,
           padding: '0'
         },

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

@@ -51,7 +51,7 @@ export var AnalysisPopoverMetric = (_dec = themeable(theme, styles), _dec(_class
           popoverDescription = _this$props.popoverDescription,
           value = _this$props.value;
       return /*#__PURE__*/React.createElement(Metric, {
-        themeOverride: {
+        theme: {
           valueFontWeight: 500,
           padding: '0'
         },

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/ChoiceType/ChoiceTypeTableRow/presenter.js

@@ -86,19 +86,19 @@ export var ChoiceTypeTableRow = (_dec = themeable(theme, styles), _dec(_class =
       return /*#__PURE__*/React.createElement(Table.Row, {
         key: _this.props.choiceIndex
       }, /*#__PURE__*/React.createElement(Table.Cell, {
-        themeOverride: {
+        theme: {
           padding: '0px'
         }
       }, /*#__PURE__*/React.createElement(ScreenReaderContent, null, _this.answerLabel(correct)), _this.renderIcon(correct)), /*#__PURE__*/React.createElement(Table.RowHeader, {
-        themeOverride: {
+        theme: {
           padding: cellPadding
         }
       }, _this.renderMiddleCell(correct, _this.extractChoiceText(choiceBody, correct))), /*#__PURE__*/React.createElement(Table.Cell, {
-        themeOverride: {
+        theme: {
           padding: cellPadding
         }
       }, _this.renderMiddleCell(correct, _this.props.choice.count)), /*#__PURE__*/React.createElement(Table.Cell, {
-        themeOverride: {
+        theme: {
           padding: cellPadding
         },
         textAlign: "center"

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/AggregationTable/presenter.js

@@ -88,7 +88,7 @@ export var AggregationTable = (_dec = themeable(theme, styles), _dec(_class = (_
       return /*#__PURE__*/React.createElement(Table.Row, {
         key: key
       }, /*#__PURE__*/React.createElement(Table.RowHeader, {
-        themeOverride: {
+        theme: {
           padding: '0px'
         }
       }, /*#__PURE__*/React.createElement(ScreenReaderContent, null, label), /*#__PURE__*/React.createElement(Flex, {
@@ -105,12 +105,12 @@ export var AggregationTable = (_dec = themeable(theme, styles), _dec(_class = (_
       }, /*#__PURE__*/React.createElement("div", {
         className: classNames(styles.labelWrapper)
       }, /*#__PURE__*/React.createElement(Text, null, label))))), /*#__PURE__*/React.createElement(Table.Cell, {
-        themeOverride: {
+        theme: {
           padding: '0px'
         },
         textAlign: "center"
       }, /*#__PURE__*/React.createElement(Text, null, count)), /*#__PURE__*/React.createElement(Table.Cell, {
-        themeOverride: {
+        theme: {
           padding: '0px'
         },
         textAlign: "center"

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/MetricPopover/presenter.js

@@ -86,7 +86,7 @@ export var MetricPopover = (_dec = themeable(theme, styles), _dec(_class = (_tem
         className: styles.popoverTitle,
         level: "h3"
       }, _this.props.title)), /*#__PURE__*/React.createElement("div", null, _this.props.subtitle && /*#__PURE__*/React.createElement(Heading, {
-        themeOverride: {
+        theme: {
           h5FontWeight: 700
         },
         level: "h5"
@@ -103,7 +103,7 @@ export var MetricPopover = (_dec = themeable(theme, styles), _dec(_class = (_tem
     value: function renderPopoverTrigger() {
       return /*#__PURE__*/React.createElement(IconButton, {
         size: "small",
-        themeOverride: {
+        theme: {
           smallHeight: '18px',
           transform: 'translateY(-1px)'
         },

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/charts/ScoreDistribution/presenter.js

@@ -69,7 +69,7 @@ export var ScoreDistribution = (_dec = themeable(theme, styles), _dec(_class = (
         className: styles.headingContainer
       }, /*#__PURE__*/React.createElement(Heading, {
         level: "h3",
-        themeOverride: {
+        theme: {
           h3FontWeight: 700
         }
       }, t('Score Distribution'))), /*#__PURE__*/React.createElement(QuintileDistribution, {

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"
@@ -47,7 +49,7 @@ export var NewQuizAndItemAnalysisPresenter = /*#__PURE__*/function (_Component)
       var itemAnalyses = _this.props.itemAnalyses || [];
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Heading, {
         level: "h2",
-        themeOverride: {
+        theme: {
           h2FontWeight: 700
         },
         color: "primary"
@@ -101,7 +103,7 @@ export var NewQuizAndItemAnalysisPresenter = /*#__PURE__*/function (_Component)
         overflowY: "hidden"
       }, /*#__PURE__*/React.createElement(Heading, {
         level: "h2",
-        themeOverride: {
+        theme: {
           h2FontWeight: 700
         },
         margin: "0 x-large 0 0",
@@ -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()));
     };
@@ -185,7 +206,7 @@ export var NewQuizAndItemAnalysisPresenter = /*#__PURE__*/function (_Component)
         color: "secondary",
         margin: "auto",
         onClick: _this.handleGeneration,
-        themeOverride: {
+        theme: {
           lineHeight: '24px'
         }
       }, /*#__PURE__*/React.createElement(Text, {
@@ -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/propTypes.js

@@ -26,6 +26,28 @@ export var quizAnalysisPropType = PropTypes.shape({
     average_attempts: PropTypes.number
   }).isRequired
 });
+export var itemAnalysisPropType = PropTypes.shape({
+  attempts: PropTypes.shape({
+    students_responded: PropTypes.number,
+    students_without_response: PropTypes.number
+  }),
+  metadata: PropTypes.shape({
+    interaction_type: PropTypes.string,
+    item_body: PropTypes.string,
+    item_id: PropTypes.number,
+    item_title: PropTypes.string
+  }),
+  scores: PropTypes.shape({
+    difficulty_index: PropTypes.number,
+    discrimination_index: PropTypes.number,
+    mean: PropTypes.number,
+    median: PropTypes.number,
+    pearson_correlation: PropTypes.number,
+    points_possible: PropTypes.number,
+    quartile_distribution: PropTypes.arrayOf(PropTypes.number)
+  }),
+  answer_summary: answerSummaryPropType
+});
 var aggregateDetailPropType = PropTypes.shape({
   count: PropTypes.number.isRequired,
   percentage: PropTypes.number.isRequired
@@ -60,28 +82,6 @@ export var matchingTypeAnswerSummaryPropType = PropTypes.shape({
   }))
 });
 export var answerSummaryPropType = PropTypes.oneOfType([choiceTypeAnswerSummaryPropType, onlyAggregatePropType, matchingTypeAnswerSummaryPropType]);
-export var itemAnalysisPropType = PropTypes.shape({
-  attempts: PropTypes.shape({
-    students_responded: PropTypes.number,
-    students_without_response: PropTypes.number
-  }),
-  metadata: PropTypes.shape({
-    interaction_type: PropTypes.string,
-    item_body: PropTypes.string,
-    item_id: PropTypes.number,
-    item_title: PropTypes.string
-  }),
-  scores: PropTypes.shape({
-    difficulty_index: PropTypes.number,
-    discrimination_index: PropTypes.number,
-    mean: PropTypes.number,
-    median: PropTypes.number,
-    pearson_correlation: PropTypes.number,
-    points_possible: PropTypes.number,
-    quartile_distribution: PropTypes.arrayOf(PropTypes.number)
-  }),
-  answer_summary: answerSummaryPropType
-});
 export var afsFlags = PropTypes.shape({
   formulaEnabled: PropTypes.bool.isRequired,
   matchingEnabled: PropTypes.bool.isRequired,

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/banks/components/BanksList/presenter.js

@@ -303,7 +303,7 @@ var BanksList = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
           className: styles.bankTitle
         }, /*#__PURE__*/_react.default.createElement(_uiLink.Link, {
           onClick: navigateToBank(bank.id),
-          themeOverride: {
+          theme: {
             color: _this.theme.bankTitleLinkColor,
             hoverColor: _this.theme.bankTitleLinkHoverColor
           },

package/lib/common/components/resources/stimulus/StimulusShowInfo/index.js

@@ -72,7 +72,7 @@ var StimulusShowInfo = /*#__PURE__*/function (_Component) {
         as: "h2",
         color: "primary",
         margin: "0 0 small",
-        themeOverride: {
+        theme: {
           h2FontWeight: '700'
         }
       }, this.props.stimulus.title), instructions, /*#__PURE__*/_react.default.createElement("div", {

package/lib/common/components/shared/TagDisplay/index.js

@@ -76,7 +76,7 @@ var TagDisplay = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _d
         className: styles.tags,
         "aria-label": (0, _formatMessage.default)('question tags')
       }, visible, extra > 0 && /*#__PURE__*/_react.default.createElement(_uiTag.Tag, {
-        themeOverride: {
+        theme: {
           defaultBackground: '#FFFFFF'
         },
         text: /*#__PURE__*/_react.default.createElement(_uiA11yContent.AccessibleContent, {

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/AnalysisMetric/presenter.js

@@ -62,7 +62,7 @@ var AnalysisMetric = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles)
         "data-automation": dataAutomation,
         className: styles.metricWrapper
       }, /*#__PURE__*/_react.default.createElement(_uiMetric.Metric, {
-        themeOverride: {
+        theme: {
           valueFontWeight: 500,
           padding: '0'
         },

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

@@ -71,7 +71,7 @@ var AnalysisPopoverMetric = (_dec = (0, _uiThemeable.themeable)(_theme.default,
           popoverDescription = _this$props.popoverDescription,
           value = _this$props.value;
       return /*#__PURE__*/_react.default.createElement(_uiMetric.Metric, {
-        themeOverride: {
+        theme: {
           valueFontWeight: 500,
           padding: '0'
         },

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/ChoiceType/ChoiceTypeTableRow/presenter.js

@@ -110,19 +110,19 @@ var ChoiceTypeTableRow = (_dec = (0, _uiThemeable.themeable)(_theme.default, sty
       return /*#__PURE__*/_react.default.createElement(_uiTable.Table.Row, {
         key: _this.props.choiceIndex
       }, /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, {
-        themeOverride: {
+        theme: {
           padding: '0px'
         }
       }, /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, _this.answerLabel(correct)), _this.renderIcon(correct)), /*#__PURE__*/_react.default.createElement(_uiTable.Table.RowHeader, {
-        themeOverride: {
+        theme: {
           padding: cellPadding
         }
       }, _this.renderMiddleCell(correct, _this.extractChoiceText(choiceBody, correct))), /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, {
-        themeOverride: {
+        theme: {
           padding: cellPadding
         }
       }, _this.renderMiddleCell(correct, _this.props.choice.count)), /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, {
-        themeOverride: {
+        theme: {
           padding: cellPadding
         },
         textAlign: "center"

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/AggregationTable/presenter.js

@@ -113,7 +113,7 @@ var AggregationTable = (_dec = (0, _uiThemeable.themeable)(_theme.default, style
       return /*#__PURE__*/_react.default.createElement(_uiTable.Table.Row, {
         key: key
       }, /*#__PURE__*/_react.default.createElement(_uiTable.Table.RowHeader, {
-        themeOverride: {
+        theme: {
           padding: '0px'
         }
       }, /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, label), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
@@ -130,12 +130,12 @@ var AggregationTable = (_dec = (0, _uiThemeable.themeable)(_theme.default, style
       }, /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)(styles.labelWrapper)
       }, /*#__PURE__*/_react.default.createElement(_uiText.Text, null, label))))), /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, {
-        themeOverride: {
+        theme: {
           padding: '0px'
         },
         textAlign: "center"
       }, /*#__PURE__*/_react.default.createElement(_uiText.Text, null, count)), /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, {
-        themeOverride: {
+        theme: {
           padding: '0px'
         },
         textAlign: "center"

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/MetricPopover/presenter.js

@@ -111,7 +111,7 @@ var MetricPopover = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles),
         className: styles.popoverTitle,
         level: "h3"
       }, _this.props.title)), /*#__PURE__*/_react.default.createElement("div", null, _this.props.subtitle && /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
-        themeOverride: {
+        theme: {
           h5FontWeight: 700
         },
         level: "h5"
@@ -128,7 +128,7 @@ var MetricPopover = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles),
     value: function renderPopoverTrigger() {
       return /*#__PURE__*/_react.default.createElement(_uiButtons.IconButton, {
         size: "small",
-        themeOverride: {
+        theme: {
           smallHeight: '18px',
           transform: 'translateY(-1px)'
         },

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/charts/ScoreDistribution/presenter.js

@@ -91,7 +91,7 @@ var ScoreDistribution = (_dec = (0, _uiThemeable.themeable)(_theme.default, styl
         className: styles.headingContainer
       }, /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
         level: "h3",
-        themeOverride: {
+        theme: {
           h3FontWeight: 700
         }
       }, (0, _formatMessage.default)('Score Distribution'))), /*#__PURE__*/_react.default.createElement(_index.default, {

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, {
@@ -78,7 +82,7 @@ var NewQuizAndItemAnalysisPresenter = /*#__PURE__*/function (_Component) {
       var itemAnalyses = _this.props.itemAnalyses || [];
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
         level: "h2",
-        themeOverride: {
+        theme: {
           h2FontWeight: 700
         },
         color: "primary"
@@ -132,7 +136,7 @@ var NewQuizAndItemAnalysisPresenter = /*#__PURE__*/function (_Component) {
         overflowY: "hidden"
       }, /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
         level: "h2",
-        themeOverride: {
+        theme: {
           h2FontWeight: 700
         },
         margin: "0 x-large 0 0",
@@ -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()));
     };
@@ -216,7 +239,7 @@ var NewQuizAndItemAnalysisPresenter = /*#__PURE__*/function (_Component) {
         color: "secondary",
         margin: "auto",
         onClick: _this.handleGeneration,
-        themeOverride: {
+        theme: {
           lineHeight: '24px'
         }
       }, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
@@ -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/propTypes.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.afsFlags = exports.itemAnalysisPropType = exports.answerSummaryPropType = exports.matchingTypeAnswerSummaryPropType = exports.choiceTypeAnswerSummaryPropType = exports.onlyAggregatePropType = exports.quizAnalysisPropType = exports.quizAnalysisMetadata = 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"));
 
@@ -42,6 +42,31 @@ var quizAnalysisPropType = _propTypes.default.shape({
 
 exports.quizAnalysisPropType = quizAnalysisPropType;
 
+var itemAnalysisPropType = _propTypes.default.shape({
+  attempts: _propTypes.default.shape({
+    students_responded: _propTypes.default.number,
+    students_without_response: _propTypes.default.number
+  }),
+  metadata: _propTypes.default.shape({
+    interaction_type: _propTypes.default.string,
+    item_body: _propTypes.default.string,
+    item_id: _propTypes.default.number,
+    item_title: _propTypes.default.string
+  }),
+  scores: _propTypes.default.shape({
+    difficulty_index: _propTypes.default.number,
+    discrimination_index: _propTypes.default.number,
+    mean: _propTypes.default.number,
+    median: _propTypes.default.number,
+    pearson_correlation: _propTypes.default.number,
+    points_possible: _propTypes.default.number,
+    quartile_distribution: _propTypes.default.arrayOf(_propTypes.default.number)
+  }),
+  answer_summary: answerSummaryPropType
+});
+
+exports.itemAnalysisPropType = itemAnalysisPropType;
+
 var aggregateDetailPropType = _propTypes.default.shape({
   count: _propTypes.default.number.isRequired,
   percentage: _propTypes.default.number.isRequired
@@ -90,31 +115,6 @@ var answerSummaryPropType = _propTypes.default.oneOfType([choiceTypeAnswerSummar
 
 exports.answerSummaryPropType = answerSummaryPropType;
 
-var itemAnalysisPropType = _propTypes.default.shape({
-  attempts: _propTypes.default.shape({
-    students_responded: _propTypes.default.number,
-    students_without_response: _propTypes.default.number
-  }),
-  metadata: _propTypes.default.shape({
-    interaction_type: _propTypes.default.string,
-    item_body: _propTypes.default.string,
-    item_id: _propTypes.default.number,
-    item_title: _propTypes.default.string
-  }),
-  scores: _propTypes.default.shape({
-    difficulty_index: _propTypes.default.number,
-    discrimination_index: _propTypes.default.number,
-    mean: _propTypes.default.number,
-    median: _propTypes.default.number,
-    pearson_correlation: _propTypes.default.number,
-    points_possible: _propTypes.default.number,
-    quartile_distribution: _propTypes.default.arrayOf(_propTypes.default.number)
-  }),
-  answer_summary: answerSummaryPropType
-});
-
-exports.itemAnalysisPropType = itemAnalysisPropType;
-
 var afsFlags = _propTypes.default.shape({
   formulaEnabled: _propTypes.default.bool.isRequired,
   matchingEnabled: _propTypes.default.bool.isRequired,

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.1-alpha.0+33092c184",
+  "version": "18.7.1-rc.1+c0cfb2272",
   "license": "MIT",
   "description": "The Quiz React SDK by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
@@ -41,62 +41,61 @@
     "lib"
   ],
   "dependencies": {
-    "@instructure/emotion": "^8.48.2",
     "@instructure/grading-utils": "^1.0.0",
     "@instructure/outcomes-ui": "^2.1.9",
-    "@instructure/quiz-common": "18.7.1-alpha.0+33092c184",
-    "@instructure/quiz-i18n": "18.7.1-alpha.0+33092c184",
-    "@instructure/quiz-interactions": "18.7.1-alpha.0+33092c184",
-    "@instructure/quiz-number-input": "18.7.1-alpha.0+33092c184",
-    "@instructure/quiz-rce": "18.7.1-alpha.0+33092c184",
-    "@instructure/ui-a11y-content": "^8.48.2",
-    "@instructure/ui-alerts": "^8.48.2",
-    "@instructure/ui-avatar": "^8.48.2",
-    "@instructure/ui-billboard": "^8.48.2",
-    "@instructure/ui-breadcrumb": "^8.48.2",
-    "@instructure/ui-buttons": "^8.48.2",
-    "@instructure/ui-checkbox": "^8.48.2",
-    "@instructure/ui-color-utils": "^8.48.2",
-    "@instructure/ui-dialog": "^8.48.2",
-    "@instructure/ui-flex": "^8.48.2",
-    "@instructure/ui-focusable": "^8.48.2",
-    "@instructure/ui-form-field": "^8.48.2",
-    "@instructure/ui-grid": "^8.48.2",
-    "@instructure/ui-heading": "^8.48.2",
+    "@instructure/quiz-common": "18.7.1-rc.1+c0cfb2272",
+    "@instructure/quiz-i18n": "18.7.1-rc.1+c0cfb2272",
+    "@instructure/quiz-interactions": "18.7.1-rc.1+c0cfb2272",
+    "@instructure/quiz-number-input": "18.7.1-rc.1+c0cfb2272",
+    "@instructure/quiz-rce": "18.7.1-rc.1+c0cfb2272",
+    "@instructure/ui-a11y-content": "^7.22.1",
+    "@instructure/ui-alerts": "^7.22.1",
+    "@instructure/ui-avatar": "^7.22.1",
+    "@instructure/ui-billboard": "^7.22.1",
+    "@instructure/ui-breadcrumb": "^7.22.1",
+    "@instructure/ui-buttons": "^7.22.1",
+    "@instructure/ui-checkbox": "^7.22.1",
+    "@instructure/ui-color-utils": "^7.22.1",
+    "@instructure/ui-dialog": "^7.22.1",
+    "@instructure/ui-flex": "^7.22.1",
+    "@instructure/ui-focusable": "^7.22.1",
+    "@instructure/ui-form-field": "^7.22.1",
+    "@instructure/ui-grid": "^7.22.1",
+    "@instructure/ui-heading": "^7.22.1",
     "@instructure/ui-i18n": "^7.22.1",
-    "@instructure/ui-icons": "^8.48.2",
-    "@instructure/ui-img": "^8.48.2",
-    "@instructure/ui-link": "^8.48.2",
-    "@instructure/ui-list": "^8.48.2",
-    "@instructure/ui-menu": "^8.48.2",
-    "@instructure/ui-metric": "^8.48.2",
-    "@instructure/ui-modal": "^8.48.2",
-    "@instructure/ui-motion": "^8.48.2",
-    "@instructure/ui-number-input": "^8.48.2",
-    "@instructure/ui-overlays": "^8.48.2",
-    "@instructure/ui-pagination": "^8.48.2",
-    "@instructure/ui-popover": "^8.48.2",
-    "@instructure/ui-portal": "^8.48.2",
-    "@instructure/ui-progress": "^8.48.2",
-    "@instructure/ui-prop-types": "^8.48.2",
-    "@instructure/ui-radio-input": "^8.48.2",
-    "@instructure/ui-react-utils": "^8.48.2",
-    "@instructure/ui-select": "^8.48.2",
-    "@instructure/ui-simple-select": "^8.48.2",
-    "@instructure/ui-spinner": "^8.48.2",
-    "@instructure/ui-table": "^8.48.2",
-    "@instructure/ui-tabs": "^8.48.2",
-    "@instructure/ui-tag": "^8.48.2",
-    "@instructure/ui-text": "^8.48.2",
-    "@instructure/ui-text-input": "^8.48.2",
+    "@instructure/ui-icons": "^7.22.1",
+    "@instructure/ui-img": "^7.22.1",
+    "@instructure/ui-link": "^7.22.1",
+    "@instructure/ui-list": "^7.22.1",
+    "@instructure/ui-menu": "^7.22.1",
+    "@instructure/ui-metric": "^7.22.1",
+    "@instructure/ui-modal": "^7.22.1",
+    "@instructure/ui-motion": "^7.22.1",
+    "@instructure/ui-number-input": "^7.22.1",
+    "@instructure/ui-overlays": "^7.22.1",
+    "@instructure/ui-pagination": "^7.22.1",
+    "@instructure/ui-popover": "^7.22.1",
+    "@instructure/ui-portal": "^7.22.1",
+    "@instructure/ui-progress": "^7.22.1",
+    "@instructure/ui-prop-types": "^7.22.1",
+    "@instructure/ui-radio-input": "^7.22.1",
+    "@instructure/ui-react-utils": "^7.22.1",
+    "@instructure/ui-select": "^7.22.1",
+    "@instructure/ui-simple-select": "^7.22.1",
+    "@instructure/ui-spinner": "^7.22.1",
+    "@instructure/ui-table": "^7.22.1",
+    "@instructure/ui-tabs": "^7.22.1",
+    "@instructure/ui-tag": "^7.22.1",
+    "@instructure/ui-text": "^7.22.1",
+    "@instructure/ui-text-input": "^7.22.1",
     "@instructure/ui-themeable": "^7.22.1",
-    "@instructure/ui-themes": "^8.48.2",
-    "@instructure/ui-toggle-details": "^8.48.2",
-    "@instructure/ui-tooltip": "^8.48.2",
-    "@instructure/ui-tray": "^8.48.2",
-    "@instructure/ui-truncate-text": "^8.48.2",
-    "@instructure/ui-utils": "^8.48.2",
-    "@instructure/ui-view": "^8.48.2",
+    "@instructure/ui-themes": "^7.22.1",
+    "@instructure/ui-toggle-details": "^7.22.1",
+    "@instructure/ui-tooltip": "^7.22.1",
+    "@instructure/ui-tray": "^7.22.1",
+    "@instructure/ui-truncate-text": "^7.22.1",
+    "@instructure/ui-utils": "^7.22.1",
+    "@instructure/ui-view": "^7.22.1",
     "aws-sdk": "^2.3.2",
     "classnames": "^2.2.5",
     "content-disposition": "^0.5.2",
@@ -110,7 +109,7 @@
     "file-saver": "~2.0.5",
     "humps": "^2.0.0",
     "immutable": "^3.8.1",
-    "instructure-validations": "18.7.1-alpha.0+33092c184",
+    "instructure-validations": "18.7.1-rc.1+c0cfb2272",
     "ipaddr.js": "^1.5.4",
     "isomorphic-fetch": "^2.2.0",
     "isuuid": "^0.1.0",
@@ -143,7 +142,7 @@
   },
   "devDependencies": {
     "@instructure/quiz-scripts": "18.7.0",
-    "@instructure/ui-axe-check": "^8.48.2",
+    "@instructure/ui-axe-check": "^7.22.1",
     "@instructure/ui-babel-preset": "^7.22.1",
     "@instructure/ui-karma-config": "^7.22.1",
     "@instructure/ui-postcss-config": "^7.22.1",
@@ -161,7 +160,7 @@
     "intl": "^1.2.4",
     "jquery": "^2.2.3",
     "most-subject": "^5.3.0",
-    "quiz-presets": "18.7.1-alpha.0+33092c184",
+    "quiz-presets": "18.7.1-rc.1+c0cfb2272",
     "react": "^16.8.6",
     "react-addons-test-utils": "^15.6.2",
     "react-dom": "^16.8.6",
@@ -177,5 +176,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "33092c1843a8616f0f0ca8e814a0ea78a9992d21"
+  "gitHead": "c0cfb227237518ef49a084eb0baf125c0218deda"
 }