@instructure/quiz-core 17.66.2-rc.0 → 17.66.2-rc.10

package/es/common/records/QuizSession.js

@@ -192,7 +192,9 @@ export var QuizSession = /*#__PURE__*/function (_ReduxRecord) {
   status: '',
   takingData: Map(),
   timerMultiplier: null,
-  user: Map() // Good candidate for another Record - Still relevant?
-
+  user: Map(),
+  // Good candidate for another Record - Still relevant?
+  bolaSessionItemsCount: null,
+  buildOnLastAttempt: null
 }));
 export default QuizSession;

package/es/common/records/SessionItem.js

@@ -126,6 +126,7 @@ export var SessionItem = /*#__PURE__*/function (_ReduxRecord) {
   scoringData: {},
   calculatorType: 'none',
   stimulus: null,
-  stimulusKey: null
+  stimulusKey: null,
+  bolaPosition: null
 }));
 export default SessionItem;

package/es/reporting/components/charts/QuintileDistribution/presenter.js

@@ -104,7 +104,7 @@ export var QuintileDistribution = (_dec = themeable(theme, styles), _dec(_class
           key: "".concat(label, ":").concat(count)
           /* eslint-disable-line react/jsx-no-literals */
 
-        }, /*#__PURE__*/React.createElement(Table.Cell, null, label), /*#__PURE__*/React.createElement(Table.Cell, null, count));
+        }, /*#__PURE__*/React.createElement(Table.RowHeader, null, label), /*#__PURE__*/React.createElement(Table.Cell, null, count));
       });
     }
   }, {

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

@@ -7,6 +7,7 @@ var _dec, _class, _class2, _temp;
 
 import React, { Component } from 'react';
 import { Table } from '@instructure/ui-table';
+import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { themeable } from '@instructure/ui-themeable';
 import theme from "./theme.js";
 var styles = {
@@ -23,6 +24,7 @@ import PropTypes from 'prop-types';
 import { IconXSolid, IconCheckSolid } from '@instructure/ui-icons';
 import classNames from 'classnames';
 import { extractTextFromHtml } from '@instructure/quiz-interactions';
+import t from '@instructure/quiz-i18n/es/format-message';
 
 var _ref = /*#__PURE__*/React.createElement(IconCheckSolid, null);
 
@@ -77,7 +79,7 @@ export var AnswerSummaryTableRow = (_dec = themeable(theme, styles), _dec(_class
           padding: '0px',
           fontWeight: 'bold'
         }
-      }, _this.renderIcon(correct)), /*#__PURE__*/React.createElement(Table.RowHeader, {
+      }, /*#__PURE__*/React.createElement(ScreenReaderContent, null, correct ? t('Correct answer') : t('Incorrect answer')), _this.renderIcon(correct)), /*#__PURE__*/React.createElement(Table.RowHeader, {
         theme: {
           padding: cellPadding,
           fontWeight: 'bold'

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

@@ -5,6 +5,7 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { Table } from '@instructure/ui-table';
+import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import AnswerSummaryTableRow from "../AnswerSummaryTableRow/index.js";
 import PropTypes from 'prop-types';
 export var ChoiceInfo = /*#__PURE__*/function (_Component) {
@@ -65,7 +66,7 @@ export var ChoiceInfo = /*#__PURE__*/function (_Component) {
       }, /*#__PURE__*/React.createElement(Table.Head, null, /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.ColHeader, {
         id: spacingHeaderId,
         width: "46px"
-      }), /*#__PURE__*/React.createElement(Table.ColHeader, {
+      }, /*#__PURE__*/React.createElement(ScreenReaderContent, null, t('Answer correctness'))), /*#__PURE__*/React.createElement(Table.ColHeader, {
         id: answerHeaderId,
         height: "47px"
       }, t('Answer')), /*#__PURE__*/React.createElement(Table.ColHeader, {

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

@@ -44,9 +44,9 @@ export var AnswerSummaryTable = (_dec = themeable(theme, styles), _dec(_class =
         className: styles.tableWrapper
       }, /*#__PURE__*/React.createElement(Heading, {
         margin: "large 0 small 0",
-        level: "h3",
+        level: "h4",
         theme: {
-          h3FontWeight: 'normal'
+          h4FontWeight: 'normal'
         }
       }, t('Answer Frequency Summary')), /*#__PURE__*/React.createElement(ChoiceInfo, {
         itemId: itemId,

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

@@ -7,6 +7,7 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 var _dec, _class, _class2, _temp;
 
 import { Heading } from '@instructure/ui-heading';
+import { PresentationContent } from '@instructure/ui-a11y-content';
 import React, { Component } from 'react';
 var styles = {
   componentId: 'bQIMq',
@@ -37,8 +38,9 @@ import classnames from 'classnames';
 import { interactionTypesNameDictionary } from "../../../../../common/util/interactionTypeMetadata.js";
 import AnswerSummaryTable from "../AnswerSummaryTable/index.js";
 import { itemAnalysisPropType } from "../propTypes.js";
-import { RichContentRenderer } from '@instructure/quiz-rce';
 import { Flex } from '@instructure/ui-flex';
+import { RichContentRenderer, ensureMathIsReady, ensureMathRendered } from '@instructure/quiz-rce';
+import { ensureImagesLoaded } from "../../../../../common/util/printUtils.js";
 var supportedTables = ['choice', 'true-false', 'multi-answer'];
 export var NewItemAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   _inherits(NewItemAnalysis, _Component);
@@ -57,7 +59,8 @@ export var NewItemAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_t
     _this = _super.call.apply(_super, [this].concat(args));
     _this.state = {
       bodyExpanded: false,
-      metricsExpanded: false
+      metricsExpanded: false,
+      itemCardBodyHeight: 0
     };
 
     _this.mapInteractionTypeToTranslation = function (interactionType) {
@@ -111,7 +114,7 @@ export var NewItemAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_t
       }, _this.mapInteractionTypeToTranslation(interactionType));
     };
 
-    _this.renderRichContent = function (itemBody, itemBodyClass) {
+    _this.renderRichContent = function (itemBody, itemBodyClass, itemId) {
       return /*#__PURE__*/React.createElement(Flex, {
         direction: "row",
         alignItems: "start"
@@ -119,6 +122,7 @@ export var NewItemAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_t
         shouldShrink: true,
         shouldGrow: true
       }, /*#__PURE__*/React.createElement("div", {
+        id: _this.itemCardBodyId(itemId),
         className: itemBodyClass
       }, /*#__PURE__*/React.createElement(RichContentRenderer, {
         content: itemBody
@@ -126,11 +130,11 @@ export var NewItemAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_t
         margin: "none none none x-small"
       }, /*#__PURE__*/React.createElement("div", {
         className: styles.itemBodyToggleButtonWrapper
-      }, /*#__PURE__*/React.createElement(ExpandButton, {
+      }, _this.isBodyHigherThanContainer() && /*#__PURE__*/React.createElement(PresentationContent, null, /*#__PURE__*/React.createElement(ExpandButton, {
         onClick: _this.handleBodyToggle,
         title: _this.state.bodyExpanded ? t('collapse question stem') : t('expand question stem'),
         isExpanded: _this.state.bodyExpanded
-      }))));
+      })))));
     };
 
     _this.renderMetrics = function (scores, metricsClass) {
@@ -208,8 +212,42 @@ export var NewItemAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_t
   }
 
   _createClass(NewItemAnalysis, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+
+      ensureMathIsReady().then(ensureMathRendered).then(ensureImagesLoaded).then(function () {
+        return _this2.calculateItemCardBodyHeight(_this2.props.itemAnalysis.metadata.item_id);
+      });
+    }
+  }, {
+    key: "calculateItemCardBodyHeight",
+    value: function calculateItemCardBodyHeight(id) {
+      var element = document.getElementById(this.itemCardBodyId(id));
+
+      if (element) {
+        var height = element.clientHeight;
+        this.setState({
+          itemCardBodyHeight: height
+        });
+      }
+    }
+  }, {
+    key: "itemCardBodyId",
+    value: function itemCardBodyId(itemId) {
+      return "itemCardBody-".concat(itemId);
+    }
+  }, {
+    key: "isBodyHigherThanContainer",
+    value: function isBodyHigherThanContainer() {
+      var containerHeight = 48;
+      return this.state.itemCardBodyHeight > containerHeight;
+    }
+  }, {
     key: "render",
     value: function render() {
+      var _metadata$item_title;
+
       var _this$props$itemAnaly = this.props.itemAnalysis,
           answer_summary = _this$props$itemAnaly.answer_summary,
           metadata = _this$props$itemAnaly.metadata,
@@ -217,7 +255,8 @@ export var NewItemAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_t
       var itemId = metadata.item_id;
       var isSupportedTable = supportedTables.includes(metadata.interaction_type);
       var metricsClass = classnames(_defineProperty({}, styles.hiddenMetrics, !this.state.metricsExpanded));
-      var itemBodyClass = classnames(styles.itemBody, _defineProperty({}, styles.hiddenItemBody, !this.state.bodyExpanded));
+      var itemBodyClass = classnames(styles.itemBody, _defineProperty({}, styles.hiddenItemBody, this.isBodyHigherThanContainer() && !this.state.bodyExpanded));
+      var title = (_metadata$item_title = metadata.item_title) !== null && _metadata$item_title !== void 0 ? _metadata$item_title : t('Untitled item');
       return /*#__PURE__*/React.createElement(Card, {
         className: styles.cardWrapper
       }, /*#__PURE__*/React.createElement(Flex, {
@@ -233,12 +272,12 @@ export var NewItemAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_t
       }, /*#__PURE__*/React.createElement(Flex, {
         direction: "column",
         justifyItems: "start"
-      }, /*#__PURE__*/React.createElement(Flex.Item, null, this.renderTitle(metadata.item_title)), /*#__PURE__*/React.createElement(Flex.Item, null, this.renderInteractionType(metadata.interaction_type)), /*#__PURE__*/React.createElement(Flex.Item, {
+      }, /*#__PURE__*/React.createElement(Flex.Item, null, this.renderTitle(title)), /*#__PURE__*/React.createElement(Flex.Item, null, this.renderInteractionType(metadata.interaction_type)), /*#__PURE__*/React.createElement(Flex.Item, {
         shouldShrink: true,
         padding: "small xx-small none none",
         overflowY: "hidden",
         size: !this.state.bodyExpanded ? '60px' : void 0
-      }, this.renderRichContent(metadata.item_body, itemBodyClass)))), /*#__PURE__*/React.createElement(Flex.Item, null, this.renderMetrics(scores, metricsClass)))), /*#__PURE__*/React.createElement(Flex.Item, null, this.renderAnswerSummaryTable(itemId, answer_summary, isSupportedTable, metricsClass))));
+      }, this.renderRichContent(metadata.item_body, itemBodyClass, itemId)))), /*#__PURE__*/React.createElement(Flex.Item, null, this.renderMetrics(scores, metricsClass)))), /*#__PURE__*/React.createElement(Flex.Item, null, this.renderAnswerSummaryTable(itemId, answer_summary, isSupportedTable, metricsClass))));
     }
   }]);
 

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

@@ -88,7 +88,7 @@ export var NewQuizAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_t
       }, /*#__PURE__*/React.createElement("div", {
         className: styles.heading
       }, /*#__PURE__*/React.createElement(Heading, {
-        level: "h4",
+        level: "h2",
         margin: "0 x-large 0 0",
         color: "primary"
       }, t('Quiz summary:'), " ", metadata === null || metadata === void 0 ? void 0 : metadata.quiz_title)), /*#__PURE__*/React.createElement("div", {

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

@@ -1,3 +1,4 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
@@ -11,21 +12,24 @@ import t from '@instructure/quiz-i18n/es/format-message';
 import { Text } from '@instructure/ui-text';
 import { Link } from '@instructure/ui-link';
 import { Flex } from '@instructure/ui-flex';
+import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { themeable } from '@instructure/ui-themeable';
 import Card from "../../../../../common/components/shared/Card/index.js";
 var styles = {
-  componentId: 'boQPo',
+  componentId: 'bLTgQ',
   template: function template(theme) {
-    return "\n\n.boQPo_bqdH{column-gap:5px;display:flex;justify-content:space-between;padding-bottom:".concat(theme.metricsPadding || 'inherit', "}\n\n.boQPo_PFlN{border-radius:").concat(theme.cardBorderRadius || 'inherit', ";box-shadow:").concat(theme.cardBoxShadow || 'inherit', ";display:inline-flex;flex-direction:column;margin:").concat(theme.cardMargin || 'inherit', ";padding:").concat(theme.cardPadding || 'inherit', ";width:").concat(theme.cardWidth || 'inherit', "}\n\n.boQPo_blRb{max-width:160px;padding-right:10px}\n\n.boQPo_bxzy{border-bottom:1px solid ").concat(theme.quizSummaryBorderBottomColor || 'inherit', ";margin-bottom:15px;padding-bottom:15px}\n\n.boQPo_dKIc{padding-bottom:15px}\n\n.boQPo_cGHR{align-self:flex-end}");
+    return "\n\n.bLTgQ_bqdH{column-gap:5px;display:flex;justify-content:space-between;padding-bottom:".concat(theme.metricsPadding || 'inherit', ";row-gap:8px}\n\n.bLTgQ_PFlN{border-radius:").concat(theme.cardBorderRadius || 'inherit', ";box-shadow:").concat(theme.cardBoxShadow || 'inherit', ";display:inline-flex;flex-direction:column;margin:").concat(theme.cardMargin || 'inherit', ";padding:").concat(theme.cardPadding || 'inherit', ";width:").concat(theme.cardWidth || 'inherit', "}\n\n.bLTgQ_dJIh{height:").concat(theme.cardHeight || 'inherit', "}\n\n.bLTgQ_eWEX{align-items:flex-end;align-self:flex-end;display:flex;height:100%;justify-content:flex-end}\n\n.bLTgQ_blRb{max-width:160px;padding-right:10px}\n\n.bLTgQ_bxzy{border-bottom:1px solid ").concat(theme.quizSummaryBorderBottomColor || 'inherit', ";margin-bottom:15px;padding-bottom:15px}\n\n.bLTgQ_dKIc{padding-bottom:15px}\n\n@media only screen and (max-width:25rem){.bLTgQ_dJIh{height:auto}.bLTgQ_PFlN{max-width:").concat(theme.cardWidth || 'inherit', ";width:auto}.bLTgQ_bqdH{flex-wrap:wrap}}");
   },
-  'metricsContainer': 'boQPo_bqdH',
-  'reportCard': 'boQPo_PFlN',
-  'dateContainer': 'boQPo_blRb',
-  'quizAnalysisSummary': 'boQPo_bxzy',
-  'titleContainer': 'boQPo_dKIc',
-  'spinnerContainer': 'boQPo_cGHR'
+  'metricsContainer': 'bLTgQ_bqdH',
+  'reportCard': 'bLTgQ_PFlN',
+  'emptyReportCard': 'bLTgQ_dJIh',
+  'emptyCardBodyContainer': 'bLTgQ_eWEX',
+  'dateContainer': 'bLTgQ_blRb',
+  'quizAnalysisSummary': 'bLTgQ_bxzy',
+  'titleContainer': 'bLTgQ_dKIc'
 };
 import theme from "./theme.js";
+import classnames from 'classnames';
 import AnalysisMetric from "../AnalysisMetric/index.js";
 import Spinner from "../../../../../common/components/shared/spinner/Spinner.js";
 import { AnalysisUpdateDate } from "../AnalysisUpdateDate/index.js";
@@ -93,41 +97,55 @@ export var NewQuizAndItemAnalysisReportCardPresenter = (_dec = themeable(theme,
         multiline: true
       })), quizAnalysis && itemAnalyses && /*#__PURE__*/React.createElement(Link, {
         href: href
-      }, /*#__PURE__*/React.createElement(Text, {
-        size: "small"
+      }, /*#__PURE__*/React.createElement(ScreenReaderContent, null, t('View Quiz and Item Analysis Report')), /*#__PURE__*/React.createElement(Text, {
+        size: "small",
+        "aria-hidden": "true"
       }, t('View Report')))));
     };
 
     _this.renderSpinner = function (mainText) {
-      return /*#__PURE__*/React.createElement(Spinner, {
+      return /*#__PURE__*/React.createElement("div", {
+        className: styles.emptyCardBodyContainer
+      }, /*#__PURE__*/React.createElement(Flex, {
+        direction: "row"
+      }, /*#__PURE__*/React.createElement(Flex.Item, null, /*#__PURE__*/React.createElement(Spinner, {
         size: "x-small",
         color: "brand",
         minHeight: "0",
         mainText: mainText,
         fontSize: "x-small"
-      });
+      }))));
+    };
+
+    _this.renderGenerateReportButton = function () {
+      return /*#__PURE__*/React.createElement(Link, {
+        onClick: _this.handleGeneration,
+        role: "button"
+      }, /*#__PURE__*/React.createElement(ScreenReaderContent, null, t('Generate Quiz and Item Analysis Report')), /*#__PURE__*/React.createElement(Text, {
+        size: "small",
+        "aria-hidden": "true"
+      }, t('Generate Report')));
     };
 
     _this.renderReportCardFooter = function () {
       var _this$props2 = _this.props,
           generationInProgress = _this$props2.generationInProgress,
           analysisError = _this$props2.analysisError;
-      return /*#__PURE__*/React.createElement(Flex, {
+      return /*#__PURE__*/React.createElement("div", {
+        className: styles.emptyCardBodyContainer
+      }, /*#__PURE__*/React.createElement(Flex, {
         direction: "row",
         justifyItems: "space-between"
       }, /*#__PURE__*/React.createElement(Flex.Item, {
-        shouldShrink: true
+        shouldShrink: true,
+        size: analysisError && !generationInProgress ? '40%' : null
       }, analysisError && !generationInProgress && /*#__PURE__*/React.createElement(Text, {
         size: "x-small",
-        lineHeight: "fit",
         weight: "bold",
         color: "danger"
-      }, analysisError)), /*#__PURE__*/React.createElement(Flex.Item, null, generationInProgress ? _this.renderSpinner(t('Generation In Progress')) : /*#__PURE__*/React.createElement(Link, {
-        onClick: _this.handleGeneration,
-        role: "button"
-      }, /*#__PURE__*/React.createElement(Text, {
-        size: "small"
-      }, t('Generate Report')))));
+      }, analysisError)), /*#__PURE__*/React.createElement(Flex.Item, {
+        shouldShrink: analysisError && !generationInProgress
+      }, generationInProgress ? _this.renderSpinner(t('Generation In Progress')) : _this.renderGenerateReportButton())));
     };
 
     return _this;
@@ -140,16 +158,15 @@ export var NewQuizAndItemAnalysisReportCardPresenter = (_dec = themeable(theme,
           fetchInProgress = _this$props3.fetchInProgress,
           name = _this$props3.name,
           quizAnalysis = _this$props3.quizAnalysis;
+      var reportCardStyles = classnames(styles.reportCard, _defineProperty({}, styles.emptyReportCard, !quizAnalysis));
       return /*#__PURE__*/React.createElement(Card, {
-        className: styles.reportCard
+        className: reportCardStyles
       }, /*#__PURE__*/React.createElement("div", {
         className: styles.titleContainer
       }, /*#__PURE__*/React.createElement(Text, {
         size: "medium",
         weight: "bold"
-      }, name)), !fetchInProgress && quizAnalysis && this.renderQuizAnalysisSummary(), fetchInProgress && /*#__PURE__*/React.createElement("div", {
-        className: styles.spinnerContainer
-      }, this.renderSpinner()), !fetchInProgress && this.renderReportCardFooter());
+      }, name)), !fetchInProgress && quizAnalysis && this.renderQuizAnalysisSummary(), fetchInProgress && this.renderSpinner(), !fetchInProgress && this.renderReportCardFooter());
     }
   }]);
 

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

@@ -4,6 +4,7 @@ export default function generator(_ref) {
       colors = _ref.colors;
   return {
     metricsPadding: spacing.medium,
+    cardHeight: '6rem',
     cardWidth: '16rem',
     cardPadding: spacing.medium,
     cardMargin: spacing.xSmall,

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

@@ -55,9 +55,9 @@ export var ScoreDistribution = (_dec = themeable(theme, styles), _dec(_class = (
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
         className: styles.headingContainer
       }, /*#__PURE__*/React.createElement(Heading, {
-        level: "h2",
+        level: "h3",
         theme: {
-          h2FontWeight: 300
+          h3FontWeight: 300
         }
       }, t('Score Distribution'))), /*#__PURE__*/React.createElement(QuintileDistribution, {
         animateDelay: 1000,
@@ -65,6 +65,7 @@ export var ScoreDistribution = (_dec = themeable(theme, styles), _dec(_class = (
         visualDistribution: this.props.decileDistribution || [],
         calculateLabelForColumn: this.calculateLabelForColumn
       }), /*#__PURE__*/React.createElement("div", {
+        "aria-hidden": "true",
         className: styles.chartLabel
       }, /*#__PURE__*/React.createElement(Text, {
         size: "small"

package/es/reporting/components/resources/ReportCard/index.js

@@ -12,12 +12,12 @@ import { Link } from '@instructure/ui-link';
 import { themeable } from '@instructure/ui-themeable';
 import Card from "../../../../common/components/shared/Card/index.js";
 var styles = {
-  componentId: 'eRzKS',
+  componentId: 'cLHes',
   template: function template(theme) {
-    return "\n\n.eRzKS_fbIL{border-radius:".concat(theme.cardBorderRadius || 'inherit', ";box-shadow:").concat(theme.cardBoxShadow || 'inherit', ";display:inline-flex;flex-direction:column;height:").concat(theme.cardHeight || 'inherit', ";margin:").concat(theme.cardMargin || 'inherit', ";padding:").concat(theme.cardPadding || 'inherit', ";width:").concat(theme.cardWidth || 'inherit', "}\n\n.eRzKS_ebWM{padding-top:").concat(theme.detailPadding || 'inherit', "}");
+    return "\n\n.cLHes_fbIL{border-radius:".concat(theme.cardBorderRadius || 'inherit', ";box-shadow:").concat(theme.cardBoxShadow || 'inherit', ";display:inline-flex;flex-direction:column;height:").concat(theme.cardHeight || 'inherit', ";margin:").concat(theme.cardMargin || 'inherit', ";padding:").concat(theme.cardPadding || 'inherit', ";width:").concat(theme.cardWidth || 'inherit', "}\n\n.cLHes_ebWM{padding-top:").concat(theme.detailPadding || 'inherit', "}\n\n@media only screen and (max-width:25rem){.cLHes_fbIL{max-width:").concat(theme.cardWidth || 'inherit', ";width:auto}}");
   },
-  'card': 'eRzKS_fbIL',
-  'details': 'eRzKS_ebWM'
+  'card': 'cLHes_fbIL',
+  'details': 'cLHes_ebWM'
 };
 import theme from "./theme.js";
 import { Flex } from '@instructure/ui-flex';

package/es/taking/api/taking.js

@@ -89,7 +89,7 @@ var noBacktrackingNextQuestion = function noBacktrackingNextQuestion(quizSession
 
     var responseCb = function responseCb(nextItem) {
       if (nextItem) {
-        dispatch([handleSessionItemsResponse([nextItem], quizSessionId), setCurrentSessionItemPosition(nextItem.position)]);
+        dispatch([handleSessionItemsResponse([nextItem], quizSessionId), setCurrentSessionItemPosition(nextItem.position), getResumeData(quizSessionId)]);
       } else {
         submit();
       }

package/lib/common/records/QuizSession.js

@@ -211,8 +211,10 @@ var QuizSession = /*#__PURE__*/function (_ReduxRecord) {
   status: '',
   takingData: (0, _immutable.Map)(),
   timerMultiplier: null,
-  user: (0, _immutable.Map)() // Good candidate for another Record - Still relevant?
-
+  user: (0, _immutable.Map)(),
+  // Good candidate for another Record - Still relevant?
+  bolaSessionItemsCount: null,
+  buildOnLastAttempt: null
 }));
 
 exports.QuizSession = QuizSession;

package/lib/common/records/SessionItem.js

@@ -142,7 +142,8 @@ var SessionItem = /*#__PURE__*/function (_ReduxRecord) {
   scoringData: {},
   calculatorType: 'none',
   stimulus: null,
-  stimulusKey: null
+  stimulusKey: null,
+  bolaPosition: null
 }));
 
 exports.SessionItem = SessionItem;

package/lib/reporting/components/charts/QuintileDistribution/presenter.js

@@ -125,7 +125,7 @@ var QuintileDistribution = (_dec = (0, _uiThemeable.themeable)(_theme.default, s
           key: "".concat(label, ":").concat(count)
           /* eslint-disable-line react/jsx-no-literals */
 
-        }, /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, null, label), /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, null, count));
+        }, /*#__PURE__*/_react.default.createElement(_uiTable.Table.RowHeader, null, label), /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, null, count));
       });
     }
   }, {

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

@@ -21,6 +21,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _uiTable = require("@instructure/ui-table");
 
+var _uiA11yContent = require("@instructure/ui-a11y-content");
+
 var _uiThemeable = require("@instructure/ui-themeable");
 
 var _theme = _interopRequireDefault(require("./theme.js"));
@@ -33,6 +35,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _quizInteractions = require("@instructure/quiz-interactions");
 
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
 var _dec, _class, _class2, _temp;
 
 var styles = {
@@ -99,7 +103,7 @@ var AnswerSummaryTableRow = (_dec = (0, _uiThemeable.themeable)(_theme.default,
           padding: '0px',
           fontWeight: 'bold'
         }
-      }, _this.renderIcon(correct)), /*#__PURE__*/_react.default.createElement(_uiTable.Table.RowHeader, {
+      }, /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, correct ? (0, _formatMessage.default)('Correct answer') : (0, _formatMessage.default)('Incorrect answer')), _this.renderIcon(correct)), /*#__PURE__*/_react.default.createElement(_uiTable.Table.RowHeader, {
         theme: {
           padding: cellPadding,
           fontWeight: 'bold'

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

@@ -23,6 +23,8 @@ var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/f
 
 var _uiTable = require("@instructure/ui-table");
 
+var _uiA11yContent = require("@instructure/ui-a11y-content");
+
 var _index = _interopRequireDefault(require("../AnswerSummaryTableRow/index.js"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -85,7 +87,7 @@ var ChoiceInfo = /*#__PURE__*/function (_Component) {
       }, /*#__PURE__*/_react.default.createElement(_uiTable.Table.Head, null, /*#__PURE__*/_react.default.createElement(_uiTable.Table.Row, null, /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {
         id: spacingHeaderId,
         width: "46px"
-      }), /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {
+      }, /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Answer correctness'))), /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {
         id: answerHeaderId,
         height: "47px"
       }, (0, _formatMessage.default)('Answer')), /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {

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

@@ -65,9 +65,9 @@ var AnswerSummaryTable = (_dec = (0, _uiThemeable.themeable)(_theme.default, sty
         className: styles.tableWrapper
       }, /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
         margin: "large 0 small 0",
-        level: "h3",
+        level: "h4",
         theme: {
-          h3FontWeight: 'normal'
+          h4FontWeight: 'normal'
         }
       }, (0, _formatMessage.default)('Answer Frequency Summary')), /*#__PURE__*/_react.default.createElement(_presenter.ChoiceInfo, {
         itemId: itemId,

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

@@ -21,6 +21,8 @@ var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 
 var _uiHeading = require("@instructure/ui-heading");
 
+var _uiA11yContent = require("@instructure/ui-a11y-content");
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
@@ -49,9 +51,11 @@ var _index5 = _interopRequireDefault(require("../AnswerSummaryTable/index.js"));
 
 var _propTypes = require("../propTypes.js");
 
+var _uiFlex = require("@instructure/ui-flex");
+
 var _quizRce = require("@instructure/quiz-rce");
 
-var _uiFlex = require("@instructure/ui-flex");
+var _printUtils = require("../../../../../common/util/printUtils.js");
 
 var _dec, _class, _class2, _temp;
 
@@ -89,7 +93,8 @@ var NewItemAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
     _this = _super.call.apply(_super, [this].concat(args));
     _this.state = {
       bodyExpanded: false,
-      metricsExpanded: false
+      metricsExpanded: false,
+      itemCardBodyHeight: 0
     };
 
     _this.mapInteractionTypeToTranslation = function (interactionType) {
@@ -143,7 +148,7 @@ var NewItemAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
       }, _this.mapInteractionTypeToTranslation(interactionType));
     };
 
-    _this.renderRichContent = function (itemBody, itemBodyClass) {
+    _this.renderRichContent = function (itemBody, itemBodyClass, itemId) {
       return /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
         direction: "row",
         alignItems: "start"
@@ -151,6 +156,7 @@ var NewItemAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
         shouldShrink: true,
         shouldGrow: true
       }, /*#__PURE__*/_react.default.createElement("div", {
+        id: _this.itemCardBodyId(itemId),
         className: itemBodyClass
       }, /*#__PURE__*/_react.default.createElement(_quizRce.RichContentRenderer, {
         content: itemBody
@@ -158,11 +164,11 @@ var NewItemAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
         margin: "none none none x-small"
       }, /*#__PURE__*/_react.default.createElement("div", {
         className: styles.itemBodyToggleButtonWrapper
-      }, /*#__PURE__*/_react.default.createElement(_index.default, {
+      }, _this.isBodyHigherThanContainer() && /*#__PURE__*/_react.default.createElement(_uiA11yContent.PresentationContent, null, /*#__PURE__*/_react.default.createElement(_index.default, {
         onClick: _this.handleBodyToggle,
         title: _this.state.bodyExpanded ? (0, _formatMessage.default)('collapse question stem') : (0, _formatMessage.default)('expand question stem'),
         isExpanded: _this.state.bodyExpanded
-      }))));
+      })))));
     };
 
     _this.renderMetrics = function (scores, metricsClass) {
@@ -240,8 +246,42 @@ var NewItemAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
   }
 
   (0, _createClass2.default)(NewItemAnalysis, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+
+      (0, _quizRce.ensureMathIsReady)().then(_quizRce.ensureMathRendered).then(_printUtils.ensureImagesLoaded).then(function () {
+        return _this2.calculateItemCardBodyHeight(_this2.props.itemAnalysis.metadata.item_id);
+      });
+    }
+  }, {
+    key: "calculateItemCardBodyHeight",
+    value: function calculateItemCardBodyHeight(id) {
+      var element = document.getElementById(this.itemCardBodyId(id));
+
+      if (element) {
+        var height = element.clientHeight;
+        this.setState({
+          itemCardBodyHeight: height
+        });
+      }
+    }
+  }, {
+    key: "itemCardBodyId",
+    value: function itemCardBodyId(itemId) {
+      return "itemCardBody-".concat(itemId);
+    }
+  }, {
+    key: "isBodyHigherThanContainer",
+    value: function isBodyHigherThanContainer() {
+      var containerHeight = 48;
+      return this.state.itemCardBodyHeight > containerHeight;
+    }
+  }, {
     key: "render",
     value: function render() {
+      var _metadata$item_title;
+
       var _this$props$itemAnaly = this.props.itemAnalysis,
           answer_summary = _this$props$itemAnaly.answer_summary,
           metadata = _this$props$itemAnaly.metadata,
@@ -249,7 +289,8 @@ var NewItemAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
       var itemId = metadata.item_id;
       var isSupportedTable = supportedTables.includes(metadata.interaction_type);
       var metricsClass = (0, _classnames3.default)((0, _defineProperty2.default)({}, styles.hiddenMetrics, !this.state.metricsExpanded));
-      var itemBodyClass = (0, _classnames3.default)(styles.itemBody, (0, _defineProperty2.default)({}, styles.hiddenItemBody, !this.state.bodyExpanded));
+      var itemBodyClass = (0, _classnames3.default)(styles.itemBody, (0, _defineProperty2.default)({}, styles.hiddenItemBody, this.isBodyHigherThanContainer() && !this.state.bodyExpanded));
+      var title = (_metadata$item_title = metadata.item_title) !== null && _metadata$item_title !== void 0 ? _metadata$item_title : (0, _formatMessage.default)('Untitled item');
       return /*#__PURE__*/_react.default.createElement(_index2.default, {
         className: styles.cardWrapper
       }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
@@ -265,12 +306,12 @@ var NewItemAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
       }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
         direction: "column",
         justifyItems: "start"
-      }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, this.renderTitle(metadata.item_title)), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, this.renderInteractionType(metadata.interaction_type)), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
+      }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, this.renderTitle(title)), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, this.renderInteractionType(metadata.interaction_type)), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
         shouldShrink: true,
         padding: "small xx-small none none",
         overflowY: "hidden",
         size: !this.state.bodyExpanded ? '60px' : void 0
-      }, this.renderRichContent(metadata.item_body, itemBodyClass)))), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, this.renderMetrics(scores, metricsClass)))), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, this.renderAnswerSummaryTable(itemId, answer_summary, isSupportedTable, metricsClass))));
+      }, this.renderRichContent(metadata.item_body, itemBodyClass, itemId)))), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, this.renderMetrics(scores, metricsClass)))), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, this.renderAnswerSummaryTable(itemId, answer_summary, isSupportedTable, metricsClass))));
     }
   }]);
   NewItemAnalysis.displayName = "NewItemAnalysis";

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

@@ -117,7 +117,7 @@ var NewQuizAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
       }, /*#__PURE__*/_react.default.createElement("div", {
         className: styles.heading
       }, /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
-        level: "h4",
+        level: "h2",
         margin: "0 x-large 0 0",
         color: "primary"
       }, (0, _formatMessage.default)('Quiz summary:'), " ", metadata === null || metadata === void 0 ? void 0 : metadata.quiz_title)), /*#__PURE__*/_react.default.createElement("div", {

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

@@ -9,6 +9,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.NewQuizAndItemAnalysisReportCardPresenter = void 0;
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -29,12 +31,16 @@ var _uiLink = require("@instructure/ui-link");
 
 var _uiFlex = require("@instructure/ui-flex");
 
+var _uiA11yContent = require("@instructure/ui-a11y-content");
+
 var _uiThemeable = require("@instructure/ui-themeable");
 
 var _index = _interopRequireDefault(require("../../../../../common/components/shared/Card/index.js"));
 
 var _theme = _interopRequireDefault(require("./theme.js"));
 
+var _classnames2 = _interopRequireDefault(require("classnames"));
+
 var _index2 = _interopRequireDefault(require("../AnalysisMetric/index.js"));
 
 var _Spinner = _interopRequireDefault(require("../../../../../common/components/shared/spinner/Spinner.js"));
@@ -46,16 +52,17 @@ var _propTypes2 = require("../propTypes.js");
 var _dec, _class, _class2, _temp;
 
 var styles = {
-  componentId: 'boQPo',
+  componentId: 'bLTgQ',
   template: function template(theme) {
-    return "\n\n.boQPo_bqdH{column-gap:5px;display:flex;justify-content:space-between;padding-bottom:".concat(theme.metricsPadding || 'inherit', "}\n\n.boQPo_PFlN{border-radius:").concat(theme.cardBorderRadius || 'inherit', ";box-shadow:").concat(theme.cardBoxShadow || 'inherit', ";display:inline-flex;flex-direction:column;margin:").concat(theme.cardMargin || 'inherit', ";padding:").concat(theme.cardPadding || 'inherit', ";width:").concat(theme.cardWidth || 'inherit', "}\n\n.boQPo_blRb{max-width:160px;padding-right:10px}\n\n.boQPo_bxzy{border-bottom:1px solid ").concat(theme.quizSummaryBorderBottomColor || 'inherit', ";margin-bottom:15px;padding-bottom:15px}\n\n.boQPo_dKIc{padding-bottom:15px}\n\n.boQPo_cGHR{align-self:flex-end}");
+    return "\n\n.bLTgQ_bqdH{column-gap:5px;display:flex;justify-content:space-between;padding-bottom:".concat(theme.metricsPadding || 'inherit', ";row-gap:8px}\n\n.bLTgQ_PFlN{border-radius:").concat(theme.cardBorderRadius || 'inherit', ";box-shadow:").concat(theme.cardBoxShadow || 'inherit', ";display:inline-flex;flex-direction:column;margin:").concat(theme.cardMargin || 'inherit', ";padding:").concat(theme.cardPadding || 'inherit', ";width:").concat(theme.cardWidth || 'inherit', "}\n\n.bLTgQ_dJIh{height:").concat(theme.cardHeight || 'inherit', "}\n\n.bLTgQ_eWEX{align-items:flex-end;align-self:flex-end;display:flex;height:100%;justify-content:flex-end}\n\n.bLTgQ_blRb{max-width:160px;padding-right:10px}\n\n.bLTgQ_bxzy{border-bottom:1px solid ").concat(theme.quizSummaryBorderBottomColor || 'inherit', ";margin-bottom:15px;padding-bottom:15px}\n\n.bLTgQ_dKIc{padding-bottom:15px}\n\n@media only screen and (max-width:25rem){.bLTgQ_dJIh{height:auto}.bLTgQ_PFlN{max-width:").concat(theme.cardWidth || 'inherit', ";width:auto}.bLTgQ_bqdH{flex-wrap:wrap}}");
   },
-  'metricsContainer': 'boQPo_bqdH',
-  'reportCard': 'boQPo_PFlN',
-  'dateContainer': 'boQPo_blRb',
-  'quizAnalysisSummary': 'boQPo_bxzy',
-  'titleContainer': 'boQPo_dKIc',
-  'spinnerContainer': 'boQPo_cGHR'
+  'metricsContainer': 'bLTgQ_bqdH',
+  'reportCard': 'bLTgQ_PFlN',
+  'emptyReportCard': 'bLTgQ_dJIh',
+  'emptyCardBodyContainer': 'bLTgQ_eWEX',
+  'dateContainer': 'bLTgQ_blRb',
+  'quizAnalysisSummary': 'bLTgQ_bxzy',
+  'titleContainer': 'bLTgQ_dKIc'
 };
 var NewQuizAndItemAnalysisReportCardPresenter = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(NewQuizAndItemAnalysisReportCardPresenter, _Component);
@@ -120,41 +127,55 @@ var NewQuizAndItemAnalysisReportCardPresenter = (_dec = (0, _uiThemeable.themeab
         multiline: true
       })), quizAnalysis && itemAnalyses && /*#__PURE__*/_react.default.createElement(_uiLink.Link, {
         href: href
-      }, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
-        size: "small"
+      }, /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('View Quiz and Item Analysis Report')), /*#__PURE__*/_react.default.createElement(_uiText.Text, {
+        size: "small",
+        "aria-hidden": "true"
       }, (0, _formatMessage.default)('View Report')))));
     };
 
     _this.renderSpinner = function (mainText) {
-      return /*#__PURE__*/_react.default.createElement(_Spinner.default, {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.emptyCardBodyContainer
+      }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
+        direction: "row"
+      }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, /*#__PURE__*/_react.default.createElement(_Spinner.default, {
         size: "x-small",
         color: "brand",
         minHeight: "0",
         mainText: mainText,
         fontSize: "x-small"
-      });
+      }))));
+    };
+
+    _this.renderGenerateReportButton = function () {
+      return /*#__PURE__*/_react.default.createElement(_uiLink.Link, {
+        onClick: _this.handleGeneration,
+        role: "button"
+      }, /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Generate Quiz and Item Analysis Report')), /*#__PURE__*/_react.default.createElement(_uiText.Text, {
+        size: "small",
+        "aria-hidden": "true"
+      }, (0, _formatMessage.default)('Generate Report')));
     };
 
     _this.renderReportCardFooter = function () {
       var _this$props2 = _this.props,
           generationInProgress = _this$props2.generationInProgress,
           analysisError = _this$props2.analysisError;
-      return /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.emptyCardBodyContainer
+      }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
         direction: "row",
         justifyItems: "space-between"
       }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
-        shouldShrink: true
+        shouldShrink: true,
+        size: analysisError && !generationInProgress ? '40%' : null
       }, analysisError && !generationInProgress && /*#__PURE__*/_react.default.createElement(_uiText.Text, {
         size: "x-small",
-        lineHeight: "fit",
         weight: "bold",
         color: "danger"
-      }, analysisError)), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, generationInProgress ? _this.renderSpinner((0, _formatMessage.default)('Generation In Progress')) : /*#__PURE__*/_react.default.createElement(_uiLink.Link, {
-        onClick: _this.handleGeneration,
-        role: "button"
-      }, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
-        size: "small"
-      }, (0, _formatMessage.default)('Generate Report')))));
+      }, analysisError)), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
+        shouldShrink: analysisError && !generationInProgress
+      }, generationInProgress ? _this.renderSpinner((0, _formatMessage.default)('Generation In Progress')) : _this.renderGenerateReportButton())));
     };
 
     return _this;
@@ -167,16 +188,15 @@ var NewQuizAndItemAnalysisReportCardPresenter = (_dec = (0, _uiThemeable.themeab
           fetchInProgress = _this$props3.fetchInProgress,
           name = _this$props3.name,
           quizAnalysis = _this$props3.quizAnalysis;
+      var reportCardStyles = (0, _classnames2.default)(styles.reportCard, (0, _defineProperty2.default)({}, styles.emptyReportCard, !quizAnalysis));
       return /*#__PURE__*/_react.default.createElement(_index.default, {
-        className: styles.reportCard
+        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 && /*#__PURE__*/_react.default.createElement("div", {
-        className: styles.spinnerContainer
-      }, this.renderSpinner()), !fetchInProgress && this.renderReportCardFooter());
+      }, name)), !fetchInProgress && quizAnalysis && this.renderQuizAnalysisSummary(), fetchInProgress && this.renderSpinner(), !fetchInProgress && this.renderReportCardFooter());
     }
   }]);
   NewQuizAndItemAnalysisReportCardPresenter.displayName = "NewQuizAndItemAnalysisReportCardPresenter";

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

@@ -11,6 +11,7 @@ function generator(_ref) {
       colors = _ref.colors;
   return {
     metricsPadding: spacing.medium,
+    cardHeight: '6rem',
     cardWidth: '16rem',
     cardPadding: spacing.medium,
     cardMargin: spacing.xSmall,

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

@@ -77,9 +77,9 @@ var ScoreDistribution = (_dec = (0, _uiThemeable.themeable)(_theme.default, styl
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
         className: styles.headingContainer
       }, /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
-        level: "h2",
+        level: "h3",
         theme: {
-          h2FontWeight: 300
+          h3FontWeight: 300
         }
       }, (0, _formatMessage.default)('Score Distribution'))), /*#__PURE__*/_react.default.createElement(_index.default, {
         animateDelay: 1000,
@@ -87,6 +87,7 @@ var ScoreDistribution = (_dec = (0, _uiThemeable.themeable)(_theme.default, styl
         visualDistribution: this.props.decileDistribution || [],
         calculateLabelForColumn: this.calculateLabelForColumn
       }), /*#__PURE__*/_react.default.createElement("div", {
+        "aria-hidden": "true",
         className: styles.chartLabel
       }, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
         size: "small"

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

@@ -38,12 +38,12 @@ var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/f
 var _dec, _class, _class2, _temp;
 
 var styles = {
-  componentId: 'eRzKS',
+  componentId: 'cLHes',
   template: function template(theme) {
-    return "\n\n.eRzKS_fbIL{border-radius:".concat(theme.cardBorderRadius || 'inherit', ";box-shadow:").concat(theme.cardBoxShadow || 'inherit', ";display:inline-flex;flex-direction:column;height:").concat(theme.cardHeight || 'inherit', ";margin:").concat(theme.cardMargin || 'inherit', ";padding:").concat(theme.cardPadding || 'inherit', ";width:").concat(theme.cardWidth || 'inherit', "}\n\n.eRzKS_ebWM{padding-top:").concat(theme.detailPadding || 'inherit', "}");
+    return "\n\n.cLHes_fbIL{border-radius:".concat(theme.cardBorderRadius || 'inherit', ";box-shadow:").concat(theme.cardBoxShadow || 'inherit', ";display:inline-flex;flex-direction:column;height:").concat(theme.cardHeight || 'inherit', ";margin:").concat(theme.cardMargin || 'inherit', ";padding:").concat(theme.cardPadding || 'inherit', ";width:").concat(theme.cardWidth || 'inherit', "}\n\n.cLHes_ebWM{padding-top:").concat(theme.detailPadding || 'inherit', "}\n\n@media only screen and (max-width:25rem){.cLHes_fbIL{max-width:").concat(theme.cardWidth || 'inherit', ";width:auto}}");
   },
-  'card': 'eRzKS_fbIL',
-  'details': 'eRzKS_ebWM'
+  'card': 'cLHes_fbIL',
+  'details': 'cLHes_ebWM'
 };
 var ReportCard = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(ReportCard, _Component);

package/lib/taking/api/taking.js

@@ -134,7 +134,7 @@ var noBacktrackingNextQuestion = function noBacktrackingNextQuestion(quizSession
 
     var responseCb = function responseCb(nextItem) {
       if (nextItem) {
-        dispatch([(0, _callHandlers.handleSessionItemsResponse)([nextItem], quizSessionId), (0, _taking.setCurrentSessionItemPosition)(nextItem.position)]);
+        dispatch([(0, _callHandlers.handleSessionItemsResponse)([nextItem], quizSessionId), (0, _taking.setCurrentSessionItemPosition)(nextItem.position), getResumeData(quizSessionId)]);
       } else {
         submit();
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/quiz-core",
-  "version": "17.66.2-rc.0+e739b35f6",
+  "version": "17.66.2-rc.10+58de8d558",
   "license": "MIT",
   "description": "The Quiz React SDK by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
@@ -42,11 +42,11 @@
   "dependencies": {
     "@instructure/grading-utils": "^1.0.0",
     "@instructure/outcomes-ui": "^2.1.9",
-    "@instructure/quiz-common": "17.66.2-rc.0+e739b35f6",
-    "@instructure/quiz-i18n": "17.66.2-rc.0+e739b35f6",
-    "@instructure/quiz-interactions": "17.66.2-rc.0+e739b35f6",
-    "@instructure/quiz-number-input": "17.66.2-rc.0+e739b35f6",
-    "@instructure/quiz-rce": "17.66.2-rc.0+e739b35f6",
+    "@instructure/quiz-common": "17.66.2-rc.10+58de8d558",
+    "@instructure/quiz-i18n": "17.66.2-rc.10+58de8d558",
+    "@instructure/quiz-interactions": "17.66.2-rc.10+58de8d558",
+    "@instructure/quiz-number-input": "17.66.2-rc.10+58de8d558",
+    "@instructure/quiz-rce": "17.66.2-rc.10+58de8d558",
     "@instructure/ui-a11y-content": "^7.20.0",
     "@instructure/ui-alerts": "^7.20.0",
     "@instructure/ui-avatar": "^7.20.0",
@@ -107,7 +107,7 @@
     "eventemitter3": "^3.1.0",
     "humps": "^2.0.0",
     "immutable": "^3.8.1",
-    "instructure-validations": "17.66.2-rc.0+e739b35f6",
+    "instructure-validations": "17.66.2-rc.10+58de8d558",
     "ipaddr.js": "^1.5.4",
     "isomorphic-fetch": "^2.2.0",
     "isuuid": "^0.1.0",
@@ -158,7 +158,7 @@
     "intl": "^1.2.4",
     "jquery": "^2.2.3",
     "most-subject": "^5.3.0",
-    "quiz-presets": "17.66.2-rc.0+e739b35f6",
+    "quiz-presets": "17.66.2-rc.10+58de8d558",
     "react": "^16.8.6",
     "react-addons-test-utils": "^15.6.2",
     "react-dom": "^16.8.6",
@@ -174,5 +174,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "e739b35f67dee29083242e448bb42a4992f5f070"
+  "gitHead": "58de8d55898e0f1899f16476e16ed50786f9cb8d"
 }