@instructure/quiz-core 20.28.1-snapshot.0 → 20.28.1-snapshot.2

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

@@ -12,7 +12,7 @@ var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _index = _interopRequireDefault(require("../shared/ChoiceTypeTable/index.js"));
-var _propTypes2 = require("../../propTypes.js");
+var _propTypes2 = require("../../../common/propTypes.js");
 var _index2 = _interopRequireDefault(require("../shared/AggregationTable/index.js"));
 var _presenter = require("../shared/AfsPartsContainer/presenter.js");
 var _index3 = _interopRequireDefault(require("../shared/AfsTableWrapper/index.js"));

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

@@ -16,7 +16,7 @@ var _emotion = require("@instructure/emotion");
 var _uiA11yContent = require("@instructure/ui-a11y-content");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _index = _interopRequireDefault(require("./ChoiceTypeTableRow/index.js"));
-var _propTypes2 = require("../../propTypes.js");
+var _propTypes2 = require("../../../common/propTypes.js");
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
 var _index2 = _interopRequireDefault(require("../shared/AfsTableWrapper/index.js"));

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/MatchingType/CategorizationType.js

@@ -13,7 +13,7 @@ var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _react = _interopRequireWildcard(require("react"));
 var _index = _interopRequireDefault(require("../shared/AfsTableWrapper/index.js"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _propTypes2 = require("../../propTypes.js");
+var _propTypes2 = require("../../../common/propTypes.js");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _presenter = require("../shared/AfsPartsContainer/presenter.js");
 var _index2 = _interopRequireDefault(require("./MatchingTypeTable/index.js"));

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/MatchingType/MatchingType.js

@@ -12,7 +12,7 @@ var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _react = _interopRequireWildcard(require("react"));
 var _index = _interopRequireDefault(require("../shared/AfsTableWrapper/index.js"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _propTypes2 = require("../../propTypes.js");
+var _propTypes2 = require("../../../common/propTypes.js");
 var _presenter = require("../shared/AfsPartsContainer/presenter.js");
 var _index2 = _interopRequireDefault(require("./MatchingTypeTable/index.js"));
 var _index3 = _interopRequireDefault(require("../shared/AggregationTable/index.js"));

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/MatchingType/MatchingTypeTable/presenter.js

@@ -17,7 +17,7 @@ var _uiTable = require("@instructure/ui-table");
 var _emotion = require("@instructure/emotion");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _uiIcons = require("@instructure/ui-icons");
-var _propTypes2 = require("../../../propTypes.js");
+var _propTypes2 = require("../../../../common/propTypes.js");
 var _matchingTypeOrderer = _interopRequireDefault(require("../utils/matchingTypeOrderer.js"));
 var _quizInteractions = require("@instructure/quiz-interactions");
 var _theme = _interopRequireDefault(require("./theme.js"));

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/MatchingType/OrderingType.js

@@ -13,7 +13,7 @@ var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _react = _interopRequireWildcard(require("react"));
 var _index = _interopRequireDefault(require("../shared/AfsTableWrapper/index.js"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _propTypes2 = require("../../propTypes.js");
+var _propTypes2 = require("../../../common/propTypes.js");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _presenter = require("../shared/AfsPartsContainer/presenter.js");
 var _index2 = _interopRequireDefault(require("../shared/AggregationTable/index.js"));

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/NumericType/ChoiceTypeWithInfo/presenter.js

@@ -11,7 +11,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _propTypes2 = require("../../../propTypes.js");
+var _propTypes2 = require("../../../../common/propTypes.js");
 var _uiFlex = require("@instructure/ui-flex");
 var _index = _interopRequireDefault(require("../../shared/ChoiceTypeTable/index.js"));
 var _uiText = require("@instructure/ui-text");

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

@@ -22,7 +22,7 @@ var _index5 = _interopRequireDefault(require("./ChoiceTypeWithInfo/index.js"));
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
 var _uiFlex = require("@instructure/ui-flex");
-var _propTypes2 = require("../../propTypes.js");
+var _propTypes2 = require("../../../common/propTypes.js");
 var _dec, _class, _NumericType;
 /** @jsx jsx */
 var NumericType = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_NumericType = /*#__PURE__*/function (_Component) {

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/RichFillBlankType/ChoiceGroupTypeTable/presenter.js

@@ -10,7 +10,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _propTypes2 = require("../../../propTypes.js");
+var _propTypes2 = require("../../../../common/propTypes.js");
 var _uiFlex = require("@instructure/ui-flex");
 var _uiText = require("@instructure/ui-text");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));

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

@@ -11,7 +11,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _propTypes2 = require("../../propTypes.js");
+var _propTypes2 = require("../../../common/propTypes.js");
 var _index = _interopRequireDefault(require("../shared/AfsTableWrapper/index.js"));
 var _presenter = require("../shared/AfsPartsContainer/presenter.js");
 var _index2 = _interopRequireDefault(require("./ChoiceGroupTypeTable/index.js"));

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/ScoreDistributionType/Table/index.js

@@ -9,7 +9,7 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-var _propTypes = require("../../../propTypes.js");
+var _propTypes = require("../../../../common/propTypes.js");
 var _react = require("react");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _uiTable = require("@instructure/ui-table");

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/ScoreDistributionType/index.js

@@ -12,7 +12,7 @@ var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _index = _interopRequireDefault(require("./Table/index.js"));
-var _propTypes2 = require("../../propTypes.js");
+var _propTypes2 = require("../../../common/propTypes.js");
 var _index2 = _interopRequireDefault(require("../shared/AggregationTable/index.js"));
 var _presenter = require("../shared/AfsPartsContainer/presenter.js");
 var _index3 = _interopRequireDefault(require("../shared/AfsTableWrapper/index.js"));

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

@@ -18,7 +18,7 @@ var _index4 = _interopRequireDefault(require("./AggregationType/index.js"));
 var _index5 = _interopRequireDefault(require("./NumericType/index.js"));
 var _index6 = require("./MatchingType/index.js");
 var _index7 = require("./ScoreDistributionType/index.js");
-var _propTypes = require("../propTypes.js");
+var _propTypes = require("../../common/propTypes.js");
 var AnswerFrequencySummary = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(AnswerFrequencySummary, _Component);
   var _super = (0, _createSuper2.default)(AnswerFrequencySummary);

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

@@ -11,7 +11,7 @@ var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _react = require("react");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _uiTable = require("@instructure/ui-table");
-var _propTypes = require("../../../propTypes.js");
+var _propTypes = require("../../../../common/propTypes.js");
 var _propTypes2 = _interopRequireDefault(require("prop-types"));
 var _uiIcons = require("@instructure/ui-icons");
 var _emotion = require("@instructure/emotion");

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

@@ -16,7 +16,7 @@ var _uiTable = require("@instructure/ui-table");
 var _emotion = require("@instructure/emotion");
 var _uiA11yContent = require("@instructure/ui-a11y-content");
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _propTypes2 = require("../../../propTypes.js");
+var _propTypes2 = require("../../../../common/propTypes.js");
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
 var _uiIcons = require("@instructure/ui-icons");

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

@@ -8,9 +8,13 @@ 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 _propTypes2 = require("../../common/propTypes.js");
 var _uiText = require("@instructure/ui-text");
 var _uiButtons = require("@instructure/ui-buttons");
+/**
+ * @deprecated this component is deprecated.
+ * Please, use quiz-core/src/reporting/components/resources/common/ExportButton instead.
+ */
 var ExportButton = function ExportButton(_ref) {
   var quizAnalysis = _ref.quizAnalysis,
     generationInProgress = _ref.generationInProgress,

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

@@ -25,7 +25,7 @@ var _index3 = _interopRequireDefault(require("../AnalysisMetric/index.js"));
 var _index4 = _interopRequireDefault(require("../AnalysisPopoverMetric/index.js"));
 var _interactionTypeMetadata = require("../../../../../common/util/interactionTypeMetadata.js");
 var _index5 = _interopRequireDefault(require("../AnswerFrequencySummary/index.js"));
-var _propTypes2 = require("../propTypes.js");
+var _propTypes2 = require("../../common/propTypes.js");
 var _uiFlex = require("@instructure/ui-flex");
 var _quizRce = require("@instructure/quiz-rce");
 var _rceChecker = require("../../../../../common/util/rceChecker.js");

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

@@ -21,7 +21,7 @@ var _index2 = _interopRequireDefault(require("../../../../../common/components/s
 var _index3 = _interopRequireDefault(require("../AnalysisPopoverMetric/index.js"));
 var _index4 = _interopRequireDefault(require("../AnalysisMetric/index.js"));
 var _presenter = require("../charts/ScoreDistribution/presenter.js");
-var _propTypes = require("../propTypes.js");
+var _propTypes = require("../../common/propTypes.js");
 var _propTypes2 = _interopRequireDefault(require("prop-types"));
 var _uiSpinner = require("@instructure/ui-spinner");
 var _popoverContent = require("./popoverContent.js");

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

@@ -22,8 +22,8 @@ var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
 var _index2 = _interopRequireDefault(require("../AnalysisMetric/index.js"));
 var _Spinner = _interopRequireDefault(require("../../../../../common/components/shared/spinner/Spinner.js"));
-var _index3 = require("../AnalysisUpdateDate/index.js");
-var _propTypes2 = require("../propTypes.js");
+var _index3 = require("../../common/AnalysisUpdateDate/index.js");
+var _propTypes2 = require("../../common/propTypes.js");
 var _exportFormats = require("../exportFormats.js");
 var _index4 = require("../ExportButton/index.js");
 var _dec, _class, _NewQuizAndItemAnalysisReportCardPresenter;

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

@@ -8,7 +8,7 @@ exports.fetchReports = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _errorMessages = require("./errorMessages.js");
+var _errorMessages = require("../common/errorMessages.js");
 var fetchReports = /*#__PURE__*/function () {
   var _ref2 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(_ref) {
     var activeQuizId, setFetchInProgress, setQuizAnalysis, setItemAnalyses, setStatusPollingInProgress, setAnalysisError, setGenerationInProgress, addError, fetchQuizAnalysis, fetchItemAnalyses, setAnalysisFetchError, getErrorMessageForCode, _yield$Promise$all, _yield$Promise$all2, quizAnalysis, itemAnalyses, areAnalysesInProgress, areAnalysesFailed, analysisErrorCode;

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.fetchReportsStatus = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _errorMessages = require("./errorMessages.js");
+var _errorMessages = require("../common/errorMessages.js");
 var fetchReportsStatus = /*#__PURE__*/function () {
   var _ref2 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(_ref) {
     var activeQuizId, addError, fetchAnalysesStatus, instrumentedFetchReports, setStatusPollingInProgress, setGenerationInProgress, status, isReportGenerationReady;

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

@@ -16,14 +16,14 @@ var _index = _interopRequireDefault(require("./NewItemAnalysis/index.js"));
 var _index2 = _interopRequireDefault(require("./NewQuizAnalysis/index.js"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _uiFlex = require("@instructure/ui-flex");
-var _index3 = require("./AnalysisUpdateDate/index.js");
-var _propTypes = require("./propTypes.js");
+var _index3 = require("../common/AnalysisUpdateDate/index.js");
+var _propTypes = require("../common/propTypes.js");
 var _propTypes2 = _interopRequireDefault(require("prop-types"));
 var _Spinner = require("../../../../common/components/shared/spinner/Spinner.js");
 var _uiSpinner = require("@instructure/ui-spinner");
 var _uiButtons = require("@instructure/ui-buttons");
 var _uiText = require("@instructure/ui-text");
-var _errorMessages = require("./errorMessages.js");
+var _errorMessages = require("../common/errorMessages.js");
 var _uiImg = require("@instructure/ui-img");
 var _downForRepair = _interopRequireDefault(require("./downForRepair.svg"));
 var _uiA11yContent = require("@instructure/ui-a11y-content");

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

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.mapStateToProps = mapStateToProps;
 exports.default = exports.withAnalysisState = void 0;
 var _withAnalysisStatePresenter = require("./withAnalysisStatePresenter.js");
 var _analyses = require("../../../../common/selectors/analyses.js");
@@ -18,7 +17,7 @@ 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) {
+var mapStateToProps = function mapStateToProps(state, ownProps) {
   return {
     quizAnalysis: (0, _analyses.getQuizAnalysis)(state),
     itemAnalyses: (0, _analyses.getItemAnalyses)(state),
@@ -34,7 +33,7 @@ function mapStateToProps(state, ownProps) {
     pollingInterval: ownProps.pollingInterval || DEFAULT_POLLING_INTERVAL,
     exportEnabled: (0, _featureCheck.featureOn)('item_analysis_csv')
   };
-}
+};
 var mapDispatchToProps = function mapDispatchToProps(dispatch, ownProps) {
   return {
     setQuizAnalysis: (0, _redux.bindActionCreators)(_analyses2.setQuizAnalysis, dispatch),

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

@@ -12,13 +12,13 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _propTypes2 = require("./propTypes.js");
+var _propTypes2 = require("../common/propTypes.js");
 var _fetchReports = require("./fetchReports.js");
 var _fetchReportsStatus = require("./fetchReportsStatus.js");
-var _errorCodes = require("./errorCodes.js");
-var _generateReports2 = require("./generateReports.js");
-var _exportReports2 = require("./exportReports.js");
-var _utils = require("./utils.js");
+var _errorCodes = require("../common/errorCodes.js");
+var _generateReports2 = require("../common/generateReports.js");
+var _exportReports2 = require("../common/exportReports.js");
+var _utils = require("../common/utils.js");
 var withAnalysisStatePresenter = function withAnalysisStatePresenter(OriginalComponent) {
   var WithAnalysisStatePresenter = function WithAnalysisStatePresenter(_ref) {
     var quizAnalysis = _ref.quizAnalysis,

package/lib/reporting/components/resources/StudentAnalysis/ReportCard/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StudentAnalysisReportCard = void 0;
+var _presenter = require("./presenter.js");
+var _withStudentAnalysisReportState = _interopRequireDefault(require("../withStudentAnalysisReportState.js"));
+var StudentAnalysisReportCard = (0, _withStudentAnalysisReportState.default)(_presenter.StudentAnalysisReportCardPresenter);
+exports.StudentAnalysisReportCard = StudentAnalysisReportCard;

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

@@ -0,0 +1,172 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StudentAnalysisReportCardPresenter = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _react = require("react");
+var _uiText = require("@instructure/ui-text");
+var _uiLink = require("@instructure/ui-link");
+var _uiFlex = require("@instructure/ui-flex");
+var _uiA11yContent = require("@instructure/ui-a11y-content");
+var _emotion = require("@instructure/emotion");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+var _index = _interopRequireDefault(require("../../../../../common/components/shared/Card/index.js"));
+var _styles = require("./styles.js");
+var _theme = require("./theme.js");
+var _index2 = require("../../common/ExportButton/index.js");
+var _Spinner = _interopRequireDefault(require("../../../../../common/components/shared/spinner/Spinner.js"));
+var _quizCommon = require("@instructure/quiz-common");
+var _propTypes2 = require("../../common/propTypes.js");
+var _index3 = require("../../common/AnalysisUpdateDate/index.js");
+var _dec, _class, _StudentAnalysisReportCardPresenter;
+/** @jsx jsx */
+var StudentAnalysisReportCardPresenter = (_dec = (0, _emotion.withStyle)(_styles.generateStyle, _theme.generateComponentTheme), _dec(_class = (_StudentAnalysisReportCardPresenter = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(StudentAnalysisReportCardPresenter, _Component);
+  var _super = (0, _createSuper2.default)(StudentAnalysisReportCardPresenter);
+  function StudentAnalysisReportCardPresenter() {
+    var _this;
+    (0, _classCallCheck2.default)(this, StudentAnalysisReportCardPresenter);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _this.renderSpinner = function (mainText) {
+      return (0, _emotion.jsx)("div", {
+        css: _this.props.styles.emptyCardBodyContainer
+      }, (0, _emotion.jsx)(_uiFlex.Flex, {
+        direction: "row"
+      }, (0, _emotion.jsx)(_uiFlex.Flex.Item, null, (0, _emotion.jsx)(_Spinner.default, {
+        size: "x-small",
+        color: "brand",
+        minHeight: "0",
+        mainText: mainText,
+        fontSize: "x-small",
+        "data-automation": "sdk-new-sa-report-card-spinner"
+      }))));
+    };
+    _this.handleExport = function (_event) {
+      _this.props.exportReport('csv', 'last_attempt', _quizCommon.STUDENT_ANALYSES);
+    };
+    _this.handleGeneration = function (_event) {
+      _this.props.generateReport('last_attempt', _quizCommon.STUDENT_ANALYSES);
+    };
+    _this.renderExportButton = function () {
+      var _this$props = _this.props,
+        studentAnalyses = _this$props.studentAnalyses,
+        generationInProgress = _this$props.generationInProgress;
+      return (0, _emotion.jsx)(_index2.ExportButton, {
+        enabled: !generationInProgress && studentAnalyses,
+        handleExport: _this.handleExport
+      });
+    };
+    _this.renderGenerateReportButton = function () {
+      return (0, _emotion.jsx)(_uiLink.Link, {
+        onClick: _this.handleGeneration,
+        role: "button",
+        "data-automation": "sdk-new-sa-report-card-generate-report-button"
+      }, (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Generate Student Analysis Report')), (0, _emotion.jsx)(_uiText.Text, {
+        size: "small",
+        "aria-hidden": "true"
+      }, (0, _formatMessage.default)('Generate Report')));
+    };
+    _this.renderReportCardHeader = function () {
+      var _this$props2 = _this.props,
+        name = _this$props2.name,
+        exportEnabled = _this$props2.exportEnabled,
+        fetchInProgress = _this$props2.fetchInProgress;
+      return (0, _emotion.jsx)("div", {
+        css: _this.props.styles.titleContainer
+      }, (0, _emotion.jsx)(_uiFlex.Flex, {
+        direction: "row",
+        wrap: "wrap",
+        justifyItems: "space-between"
+      }, (0, _emotion.jsx)(_uiFlex.Flex.Item, null, (0, _emotion.jsx)(_uiText.Text, {
+        size: "medium",
+        weight: "bold"
+      }, name)), exportEnabled && !fetchInProgress && (0, _emotion.jsx)(_uiFlex.Flex.Item, null, _this.renderExportButton())));
+    };
+    _this.renderReportCardFooter = function () {
+      var _this$props3 = _this.props,
+        generationInProgress = _this$props3.generationInProgress,
+        analysisError = _this$props3.analysisError;
+      return (0, _emotion.jsx)("div", {
+        css: _this.props.styles.emptyCardBodyContainer
+      }, (0, _emotion.jsx)(_uiFlex.Flex, {
+        direction: "row",
+        justifyItems: "space-between"
+      }, (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+        shouldShrink: true,
+        size: analysisError && !generationInProgress ? '40%' : null
+      }, analysisError && !generationInProgress && (0, _emotion.jsx)(_uiText.Text, {
+        size: "x-small",
+        weight: "bold",
+        color: "danger"
+      }, analysisError)), (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+        shouldShrink: analysisError && !generationInProgress
+      }, generationInProgress ? _this.renderSpinner((0, _formatMessage.default)('Generation In Progress')) : _this.renderGenerateReportButton())));
+    };
+    _this.renderDateBlock = function () {
+      var studentAnalyses = _this.props.studentAnalyses;
+      return (0, _emotion.jsx)("div", {
+        css: _this.props.styles.studentAnalysesSummary
+      }, (0, _emotion.jsx)(_uiFlex.Flex, {
+        direction: "row",
+        justifyItems: "space-between"
+      }, (0, _emotion.jsx)("div", {
+        css: _this.props.styles.dateContainer
+      }, (0, _emotion.jsx)(_index3.AnalysisUpdateDate, {
+        date: studentAnalyses.created_timestamp,
+        multiline: true
+      }))));
+    };
+    return _this;
+  }
+  (0, _createClass2.default)(StudentAnalysisReportCardPresenter, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.props.makeStyles();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      this.props.makeStyles();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props4 = this.props,
+        studentAnalyses = _this$props4.studentAnalyses,
+        fetchInProgress = _this$props4.fetchInProgress,
+        styles = _this$props4.styles;
+      return (0, _emotion.jsx)(_index.default, {
+        css: styles.reportCard,
+        customStyles: styles.reportCard
+      }, this.renderReportCardHeader(), !fetchInProgress && studentAnalyses && this.renderDateBlock(), fetchInProgress && this.renderSpinner(), !fetchInProgress && this.renderReportCardFooter());
+    }
+  }]);
+  StudentAnalysisReportCardPresenter.displayName = "StudentAnalysisReportCardPresenter";
+  return StudentAnalysisReportCardPresenter;
+}(_react.Component), _StudentAnalysisReportCardPresenter.propTypes = {
+  name: _propTypes.default.node,
+  studentAnalyses: _propTypes2.studentAnalysesPropType,
+  fetchInProgress: _propTypes.default.bool.isRequired,
+  generationInProgress: _propTypes.default.bool.isRequired,
+  exportEnabled: _propTypes.default.bool.isRequired,
+  analysisError: _propTypes.default.string,
+  generateReport: _propTypes.default.func.isRequired,
+  exportReport: _propTypes.default.func.isRequired,
+  styles: _propTypes.default.object,
+  makeStyles: _propTypes.default.func
+}, _StudentAnalysisReportCardPresenter.defaultProps = {
+  studentAnalyses: void 0,
+  analysisError: void 0,
+  generationInProgress: void 0
+}, _StudentAnalysisReportCardPresenter)) || _class);
+exports.StudentAnalysisReportCardPresenter = StudentAnalysisReportCardPresenter;

package/lib/reporting/components/resources/StudentAnalysis/ReportCard/styles.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateStyle = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var generateStyle = function generateStyle(componentTheme, props) {
+  var msMaxWidth = 'max-width: 25rem';
+  var mq = "@media only screen and (".concat(msMaxWidth, ")");
+  return {
+    reportCard: (0, _objectSpread3.default)((0, _defineProperty2.default)({
+      width: componentTheme.cardWidth,
+      padding: componentTheme.cardPadding,
+      margin: componentTheme.cardMargin,
+      display: 'inline-flex',
+      flexDirection: 'column'
+    }, mq, {
+      width: 'initial',
+      maxWidth: componentTheme.cardWidth
+    }), !props.studentAnalyses && !props.analysisError && (0, _defineProperty2.default)({
+      height: componentTheme.cardHeight
+    }, mq, {
+      height: 'initial'
+    })),
+    studentAnalysesSummary: {
+      borderBottom: "1px solid ".concat(componentTheme.quizSummaryBorderBottomColor),
+      paddingBottom: '15px',
+      marginBottom: '15px'
+    },
+    emptyCardBodyContainer: {
+      display: 'flex',
+      justifyContent: 'flex-end',
+      alignItems: 'flex-end',
+      alignSelf: 'flex-end',
+      height: '100%'
+    },
+    dateContainer: {
+      maxWidth: '160px',
+      paddingRight: '10px'
+    },
+    titleContainer: {
+      paddingBottom: '15px'
+    }
+  };
+};
+exports.generateStyle = generateStyle;

package/lib/reporting/components/resources/StudentAnalysis/ReportCard/theme.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateComponentTheme = void 0;
+var generateComponentTheme = function generateComponentTheme(_ref) {
+  var spacing = _ref.spacing,
+    colors = _ref.colors;
+  return {
+    metricsPadding: spacing.medium,
+    cardHeight: '6rem',
+    cardWidth: '19.5rem',
+    cardPadding: spacing.medium,
+    cardMargin: spacing.xSmall,
+    quizSummaryBorderBottomColor: colors.tiara
+  };
+};
+exports.generateComponentTheme = generateComponentTheme;

package/lib/reporting/components/resources/StudentAnalysis/fetchReport.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fetchReport = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _errorMessages = require("../common/errorMessages.js");
+var fetchReport = /*#__PURE__*/function () {
+  var _ref2 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(_ref) {
+    var activeQuizId, setFetchInProgress, setStudentAnalyses, setStatusPollingInProgress, setAnalysisError, setGenerationInProgress, addError, fetchStudentAnalyses, setAnalysisFetchError, getErrorMessageForCode, studentAnalyses, isAnalysisInProgress, isAnalysisFailed, analysisErrorCode;
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            activeQuizId = _ref.activeQuizId, setFetchInProgress = _ref.setFetchInProgress, setStudentAnalyses = _ref.setStudentAnalyses, setStatusPollingInProgress = _ref.setStatusPollingInProgress, setAnalysisError = _ref.setAnalysisError, setGenerationInProgress = _ref.setGenerationInProgress, addError = _ref.addError, fetchStudentAnalyses = _ref.fetchStudentAnalyses, setAnalysisFetchError = _ref.setAnalysisFetchError, getErrorMessageForCode = _ref.getErrorMessageForCode;
+            _context.prev = 1;
+            setAnalysisFetchError(false);
+            setFetchInProgress(true);
+            _context.next = 6;
+            return fetchStudentAnalyses(activeQuizId);
+          case 6:
+            studentAnalyses = _context.sent;
+            isAnalysisInProgress = studentAnalyses.new_analysis_in_progress;
+            isAnalysisFailed = studentAnalyses.last_analysis_failed;
+            analysisErrorCode = studentAnalyses.last_analysis_failed_error_code;
+            setGenerationInProgress(isAnalysisInProgress);
+            setStatusPollingInProgress(isAnalysisInProgress);
+            setStudentAnalyses(studentAnalyses.last_successful_analysis);
+            setAnalysisError(isAnalysisFailed ? getErrorMessageForCode(analysisErrorCode, (0, _errorMessages.getLastReportGenerationFailed)()) : null);
+            _context.next = 21;
+            break;
+          case 16:
+            _context.prev = 16;
+            _context.t0 = _context["catch"](1);
+            setStudentAnalyses(null);
+            setAnalysisFetchError(true);
+            addError((0, _errorMessages.getFailedToFetchReports)());
+          case 21:
+            _context.prev = 21;
+            setFetchInProgress(false);
+            return _context.finish(21);
+          case 24:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee, null, [[1, 16, 21, 24]]);
+  }));
+  return function fetchReport(_x) {
+    return _ref2.apply(this, arguments);
+  };
+}();
+exports.fetchReport = fetchReport;