@instructure/quiz-core 17.64.1-rc.2 → 17.64.1-rc.5

package/es/common/components/resources/quizSessionResult/Info/index.js

@@ -7,6 +7,7 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 var _dec, _class, _class2, _temp;
 
 import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import classNames from 'classnames';
 import { AccessibleContent, ScreenReaderContent } from '@instructure/ui-a11y-content';
@@ -17,6 +18,7 @@ import { Heading } from '@instructure/ui-heading';
 import { View } from '@instructure/ui-view';
 import { themeable } from '@instructure/ui-themeable';
 import t from '@instructure/quiz-i18n/es/format-message';
+import { scoreToLetterGrade } from '@instructure/grading-utils';
 import { withI18nSupport } from '@instructure/quiz-common';
 import FormattedDuration from "../../../shared/FormattedDuration/index.js";
 import { formatTime } from "../../../../util/formatTimespan.js";
@@ -114,6 +116,26 @@ export var Info = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
         }, alerts));
       }
     }
+  }, {
+    key: "renderLetterGrade",
+    value: function renderLetterGrade() {
+      var letterGrade = scoreToLetterGrade(this.percentageVal * 100, this.props.gradingScheme);
+      var gradeText = t('Grade for this attempt');
+      var alt = t('Grade for this attempt: { grade }', {
+        grade: letterGrade
+      });
+      return /*#__PURE__*/React.createElement(AccessibleContent, {
+        alt: alt
+      }, /*#__PURE__*/React.createElement(View, {
+        as: "div"
+      }, /*#__PURE__*/React.createElement(Text, {
+        size: "xx-large",
+        weight: "bold",
+        color: "primary"
+      }, letterGrade)), /*#__PURE__*/React.createElement(Text, {
+        color: "secondary"
+      }, gradeText));
+    }
   }, {
     key: "renderScoreStats",
     value: function renderScoreStats() {
@@ -186,7 +208,7 @@ export var Info = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
         className: classNames('fs-mask', styles.info)
       }, /*#__PURE__*/React.createElement(ScreenReaderContent, null, /*#__PURE__*/React.createElement(Heading, {
         level: "h2"
-      }, t('Assessment Statistics'))), this.renderScoreStats(), /*#__PURE__*/React.createElement("div", {
+      }, t('Assessment Statistics'))), this.props.restrictQuantitativeData ? this.renderLetterGrade() : this.renderScoreStats(), /*#__PURE__*/React.createElement("div", {
         className: styles.infoWrapper
       }, this.renderTime()))));
     }
@@ -286,8 +308,16 @@ export var Info = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
   Info.displayName = "Info";
   return Info;
 }(withI18nSupport(Component)), _class2.propTypes = {
+  gradingScheme: PropTypes.arrayOf(PropTypes.shape({
+    name: PropTypes.string,
+    value: PropTypes.number
+  })),
   quizSession: ImmutablePropTypes.record.isRequired,
   quizSessionResult: ImmutablePropTypes.record.isRequired,
+  restrictQuantitativeData: PropTypes.bool,
   sessionItemResults: ImmutablePropTypes.list.isRequired
+}, _class2.defaultProps = {
+  gradingScheme: [],
+  restrictQuantitativeData: false
 }, _temp)) || _class);
 export default Info;

package/es/common/components/resources/sessionItemResult/SessionItemResult/presenter.js

@@ -136,7 +136,7 @@ export var SessionItemResult = (_dec = themeable(theme, styles), _dec(_class = (
     value: function renderHeader() {
       return /*#__PURE__*/React.createElement("div", {
         className: styles.sessionItemResultHeader
-      }, this.renderResultPosition(), this.hasRegradeInfo() ? this.renderRegradePoints() : this.renderPoints());
+      }, this.renderResultPosition(), !this.props.restrictQuantitativeData && (this.hasRegradeInfo() ? this.renderRegradePoints() : this.renderPoints()));
     }
   }, {
     key: "renderResultPosition",
@@ -345,6 +345,7 @@ export var SessionItemResult = (_dec = themeable(theme, styles), _dec(_class = (
   editGraderFeedback: PropTypes.func,
   hideGraderFeedback: PropTypes.bool,
   itemResultsModifications: ImmutablePropTypes.map,
+  restrictQuantitativeData: PropTypes.bool,
   sessionItem: ImmutablePropTypes.record.isRequired,
   sessionItemResult: ImmutablePropTypes.record.isRequired,
   shouldRenderAnswerFeedback: PropTypes.bool,
@@ -353,6 +354,7 @@ export var SessionItemResult = (_dec = themeable(theme, styles), _dec(_class = (
   editGraderFeedback: null,
   hideGraderFeedback: false,
   itemResultsModifications: null,
+  restrictQuantitativeData: false,
   shouldRenderAnswerFeedback: false,
   shouldRenderTopBorder: true
 }, _temp)) || _class);

package/es/common/components/resources/sessionItemResult/SessionItemResultsList/index.js

@@ -6,6 +6,7 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 var _dec, _class, _class2, _temp;
 
 import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { Heading } from '@instructure/ui-heading';
 import { themeable } from '@instructure/ui-themeable';
@@ -44,6 +45,7 @@ export var SessionItemResultsList = (_dec = themeable(theme, styles), _dec(_clas
       return /*#__PURE__*/React.createElement(SessionItemResult, {
         appContainer: _this.props.appContainer,
         key: sessionItem.id,
+        restrictQuantitativeData: _this.props.restrictQuantitativeData,
         sessionItem: sessionItem,
         sessionItemResult: sessionItem.sessionItemResult,
         shouldRenderTopBorder: shouldRenderTopBorder
@@ -93,6 +95,9 @@ export var SessionItemResultsList = (_dec = themeable(theme, styles), _dec(_clas
   return SessionItemResultsList;
 }(Component), _class2.propTypes = {
   appContainer: CustomPropTypes.selectors.isRequired,
+  restrictQuantitativeData: PropTypes.bool,
   sessionItems: ImmutablePropTypes.list.isRequired
+}, _class2.defaultProps = {
+  restrictQuantitativeData: false
 }, _temp)) || _class);
 export default SessionItemResultsList;

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

@@ -75,20 +75,24 @@ export var Row = (_dec = themeable(theme, styles), _dec(_class = (_temp = _class
         key: _this.props.choiceIndex
       }, /*#__PURE__*/React.createElement(Table.Cell, {
         theme: {
-          padding: '0px'
+          padding: '0px',
+          fontWeight: 'bold'
         }
       }, _this.renderIcon(correct)), /*#__PURE__*/React.createElement(Table.RowHeader, {
         theme: {
-          padding: cellPadding
+          padding: cellPadding,
+          fontWeight: 'bold'
         },
         className: styles.tableBody
       }, _this.renderMiddleCell(correct, extractTextFromHtml(_this.props.choice.body))), /*#__PURE__*/React.createElement(Table.Cell, {
         theme: {
-          padding: cellPadding
+          padding: cellPadding,
+          fontWeight: 'bold'
         }
       }, _this.renderMiddleCell(correct, _this.props.choice.count)), /*#__PURE__*/React.createElement(Table.Cell, {
         theme: {
-          padding: cellPadding
+          padding: cellPadding,
+          fontWeight: 'bold'
         },
         textAlign: "center"
       }, _this.renderLastCell(correct, "".concat(_this.props.choice.percentage, "%"))));

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

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

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

@@ -143,7 +143,7 @@ export var NewItemAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_t
       }, /*#__PURE__*/React.createElement(AnalysisPopoverMetric, {
         metricKey: "difficulty_index",
         label: t('Item Difficulty'),
-        value: t.number(scores.difficulty_index),
+        value: scores.difficulty_index,
         popoverDescription: difficultyIndex
       })), /*#__PURE__*/React.createElement(Flex.Item, {
         margin: "none medium none none"
@@ -162,7 +162,7 @@ export var NewItemAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_t
       }, /*#__PURE__*/React.createElement(AnalysisPopoverMetric, {
         metricKey: "discrimination_index",
         label: t('Discrimination Index'),
-        value: t.number(scores.discrimination_index),
+        value: scores.discrimination_index,
         popoverDescription: discriminationIndex
       })))), /*#__PURE__*/React.createElement(Flex.Item, {
         overflowY: "visible",
@@ -176,7 +176,7 @@ export var NewItemAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_t
       }, /*#__PURE__*/React.createElement(AnalysisPopoverMetric, {
         metricKey: "pearson_correlation",
         label: t('Corrected Item-Total Correlation Coefficient'),
-        value: t.number(scores.pearson_correlation),
+        value: scores.pearson_correlation,
         popoverDescription: pearsonCorrelation
       }))))));
     };

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

@@ -63,12 +63,12 @@ export var NewQuizAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_t
         className: styles.metricGroup
       }, /*#__PURE__*/React.createElement(AnalysisPopoverMetric, {
         metricKey: "stddev",
-        value: t.number(scores === null || scores === void 0 ? void 0 : scores.stddev),
+        value: scores === null || scores === void 0 ? void 0 : scores.stddev,
         label: t('Standard Deviation'),
         popoverDescription: standardDeviation
       }), /*#__PURE__*/React.createElement(AnalysisPopoverMetric, {
         metricKey: "cronbachs_alpha",
-        value: t.number(scores === null || scores === void 0 ? void 0 : scores.cronbachs_alpha),
+        value: scores === null || scores === void 0 ? void 0 : scores.cronbachs_alpha,
         label: t('Cronbach\'s Alpha'),
         popoverDescription: cronbachsAlpha
       })));
@@ -117,7 +117,7 @@ export var NewQuizAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_t
       }, /*#__PURE__*/React.createElement(AnalysisMetric, {
         metricKey: "median_percentage",
         label: t('Median Score'),
-        value: t.number(scores === null || scores === void 0 ? void 0 : scores.median_percentage),
+        value: scores === null || scores === void 0 ? void 0 : scores.median_percentage,
         suffix: "%"
       }), /*#__PURE__*/React.createElement(AnalysisMetric, {
         metricKey: "mean_elapsed_sec",
@@ -130,7 +130,7 @@ export var NewQuizAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_t
         title: expanded ? t('collapse quiz analysis') : t('expand quiz analysis'),
         isExpanded: expanded
       }))), expanded && this.renderExpanded(), /*#__PURE__*/React.createElement(ScoreDistribution, {
-        decileDistribution: quizAnalysis.scores.decile_distribution
+        decileDistribution: scores === null || scores === void 0 ? void 0 : scores.decile_distribution
       }));
     }
   }]);

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

@@ -62,7 +62,7 @@ export var ScoreDistribution = (_dec = themeable(theme, styles), _dec(_class = (
       }, t('Score Distribution'))), /*#__PURE__*/React.createElement(QuintileDistribution, {
         animateDelay: 1000,
         animateDuration: 1000,
-        visualDistribution: this.props.decileDistribution,
+        visualDistribution: this.props.decileDistribution || [],
         calculateLabelForColumn: this.calculateLabelForColumn
       }), /*#__PURE__*/React.createElement("div", {
         className: styles.chartLabel

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

@@ -43,7 +43,7 @@ export var NewQuizAndItemAnalysisPresenter = /*#__PURE__*/function (_Component)
       })), /*#__PURE__*/React.createElement(NewQuizAnalysis, {
         quizAnalysis: quizAnalysis
       }), /*#__PURE__*/React.createElement(Heading, {
-        level: "h3",
+        level: "h2",
         color: "primary"
       }, t('Item Analysis')), itemAnalyses === null || itemAnalyses === void 0 ? void 0 : itemAnalyses.map(function (itemAnalysis) {
         return /*#__PURE__*/React.createElement(NewItemAnalysis, {

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

@@ -1,11 +1,20 @@
 import t from '@instructure/quiz-i18n/es/format-message';
 
+var formatNumbers = function formatNumbers(value) {
+  if (typeof value === 'number') {
+    return t.number(value);
+  }
+
+  return value;
+};
+
 var getSanitizedMetricValue = function getSanitizedMetricValue(value, suffix) {
   if (value === null || value === void 0) {
     return t('N/A');
   }
 
-  return suffix ? value + suffix : value;
+  var formattedValue = formatNumbers(value);
+  return suffix ? formattedValue + suffix : formattedValue;
 };
 
 export { getSanitizedMetricValue };

package/lib/common/components/resources/quizSessionResult/Info/index.js

@@ -21,6 +21,8 @@ var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -41,6 +43,8 @@ var _uiThemeable = require("@instructure/ui-themeable");
 
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 
+var _gradingUtils = require("@instructure/grading-utils");
+
 var _quizCommon = require("@instructure/quiz-common");
 
 var _index = _interopRequireDefault(require("../../../shared/FormattedDuration/index.js"));
@@ -143,6 +147,26 @@ var Info = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_cl
         }, alerts));
       }
     }
+  }, {
+    key: "renderLetterGrade",
+    value: function renderLetterGrade() {
+      var letterGrade = (0, _gradingUtils.scoreToLetterGrade)(this.percentageVal * 100, this.props.gradingScheme);
+      var gradeText = (0, _formatMessage.default)('Grade for this attempt');
+      var alt = (0, _formatMessage.default)('Grade for this attempt: { grade }', {
+        grade: letterGrade
+      });
+      return /*#__PURE__*/_react.default.createElement(_uiA11yContent.AccessibleContent, {
+        alt: alt
+      }, /*#__PURE__*/_react.default.createElement(_uiView.View, {
+        as: "div"
+      }, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
+        size: "xx-large",
+        weight: "bold",
+        color: "primary"
+      }, letterGrade)), /*#__PURE__*/_react.default.createElement(_uiText.Text, {
+        color: "secondary"
+      }, gradeText));
+    }
   }, {
     key: "renderScoreStats",
     value: function renderScoreStats() {
@@ -215,7 +239,7 @@ var Info = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_cl
         className: (0, _classnames.default)('fs-mask', styles.info)
       }, /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
         level: "h2"
-      }, (0, _formatMessage.default)('Assessment Statistics'))), this.renderScoreStats(), /*#__PURE__*/_react.default.createElement("div", {
+      }, (0, _formatMessage.default)('Assessment Statistics'))), this.props.restrictQuantitativeData ? this.renderLetterGrade() : this.renderScoreStats(), /*#__PURE__*/_react.default.createElement("div", {
         className: styles.infoWrapper
       }, this.renderTime()))));
     }
@@ -314,9 +338,17 @@ var Info = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_cl
   Info.displayName = "Info";
   return Info;
 }((0, _quizCommon.withI18nSupport)(_react.Component)), _class2.propTypes = {
+  gradingScheme: _propTypes.default.arrayOf(_propTypes.default.shape({
+    name: _propTypes.default.string,
+    value: _propTypes.default.number
+  })),
   quizSession: _reactImmutableProptypes.default.record.isRequired,
   quizSessionResult: _reactImmutableProptypes.default.record.isRequired,
+  restrictQuantitativeData: _propTypes.default.bool,
   sessionItemResults: _reactImmutableProptypes.default.list.isRequired
+}, _class2.defaultProps = {
+  gradingScheme: [],
+  restrictQuantitativeData: false
 }, _temp)) || _class);
 exports.Info = Info;
 var _default = Info;

package/lib/common/components/resources/sessionItemResult/SessionItemResult/presenter.js

@@ -168,7 +168,7 @@ var SessionItemResult = (_dec = (0, _uiThemeable.themeable)(_theme.default, styl
     value: function renderHeader() {
       return /*#__PURE__*/_react.default.createElement("div", {
         className: styles.sessionItemResultHeader
-      }, this.renderResultPosition(), this.hasRegradeInfo() ? this.renderRegradePoints() : this.renderPoints());
+      }, this.renderResultPosition(), !this.props.restrictQuantitativeData && (this.hasRegradeInfo() ? this.renderRegradePoints() : this.renderPoints()));
     }
   }, {
     key: "renderResultPosition",
@@ -376,6 +376,7 @@ var SessionItemResult = (_dec = (0, _uiThemeable.themeable)(_theme.default, styl
   editGraderFeedback: _propTypes.default.func,
   hideGraderFeedback: _propTypes.default.bool,
   itemResultsModifications: _reactImmutableProptypes.default.map,
+  restrictQuantitativeData: _propTypes.default.bool,
   sessionItem: _reactImmutableProptypes.default.record.isRequired,
   sessionItemResult: _reactImmutableProptypes.default.record.isRequired,
   shouldRenderAnswerFeedback: _propTypes.default.bool,
@@ -384,6 +385,7 @@ var SessionItemResult = (_dec = (0, _uiThemeable.themeable)(_theme.default, styl
   editGraderFeedback: null,
   hideGraderFeedback: false,
   itemResultsModifications: null,
+  restrictQuantitativeData: false,
   shouldRenderAnswerFeedback: false,
   shouldRenderTopBorder: true
 }, _temp)) || _class);

package/lib/common/components/resources/sessionItemResult/SessionItemResultsList/index.js

@@ -19,6 +19,8 @@ var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
 
 var _uiHeading = require("@instructure/ui-heading");
@@ -68,6 +70,7 @@ var SessionItemResultsList = (_dec = (0, _uiThemeable.themeable)(_theme.default,
       return /*#__PURE__*/_react.default.createElement(_index.default, {
         appContainer: _this.props.appContainer,
         key: sessionItem.id,
+        restrictQuantitativeData: _this.props.restrictQuantitativeData,
         sessionItem: sessionItem,
         sessionItemResult: sessionItem.sessionItemResult,
         shouldRenderTopBorder: shouldRenderTopBorder
@@ -116,7 +119,10 @@ var SessionItemResultsList = (_dec = (0, _uiThemeable.themeable)(_theme.default,
   return SessionItemResultsList;
 }(_react.Component), _class2.propTypes = {
   appContainer: _CustomPropTypes.default.selectors.isRequired,
+  restrictQuantitativeData: _propTypes.default.bool,
   sessionItems: _reactImmutableProptypes.default.list.isRequired
+}, _class2.defaultProps = {
+  restrictQuantitativeData: false
 }, _temp)) || _class);
 exports.SessionItemResultsList = SessionItemResultsList;
 var _default = SessionItemResultsList;

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

@@ -97,20 +97,24 @@ var Row = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_cla
         key: _this.props.choiceIndex
       }, /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, {
         theme: {
-          padding: '0px'
+          padding: '0px',
+          fontWeight: 'bold'
         }
       }, _this.renderIcon(correct)), /*#__PURE__*/_react.default.createElement(_uiTable.Table.RowHeader, {
         theme: {
-          padding: cellPadding
+          padding: cellPadding,
+          fontWeight: 'bold'
         },
         className: styles.tableBody
       }, _this.renderMiddleCell(correct, (0, _quizInteractions.extractTextFromHtml)(_this.props.choice.body))), /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, {
         theme: {
-          padding: cellPadding
+          padding: cellPadding,
+          fontWeight: 'bold'
         }
       }, _this.renderMiddleCell(correct, _this.props.choice.count)), /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, {
         theme: {
-          padding: cellPadding
+          padding: cellPadding,
+          fontWeight: 'bold'
         },
         textAlign: "center"
       }, _this.renderLastCell(correct, "".concat(_this.props.choice.percentage, "%"))));

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

@@ -69,7 +69,10 @@ 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: "h3",
+        theme: {
+          h3FontWeight: 'normal'
+        }
       }, (0, _formatMessage.default)('Answer Frequency Summary')), /*#__PURE__*/_react.default.createElement(_presenter.ChoiceInfo, {
         itemId: itemId,
         choices: choices,

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

@@ -175,7 +175,7 @@ var NewItemAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
       }, /*#__PURE__*/_react.default.createElement(_index4.default, {
         metricKey: "difficulty_index",
         label: (0, _formatMessage.default)('Item Difficulty'),
-        value: _formatMessage.default.number(scores.difficulty_index),
+        value: scores.difficulty_index,
         popoverDescription: _popoverContent.difficultyIndex
       })), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
         margin: "none medium none none"
@@ -194,7 +194,7 @@ var NewItemAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
       }, /*#__PURE__*/_react.default.createElement(_index4.default, {
         metricKey: "discrimination_index",
         label: (0, _formatMessage.default)('Discrimination Index'),
-        value: _formatMessage.default.number(scores.discrimination_index),
+        value: scores.discrimination_index,
         popoverDescription: _popoverContent.discriminationIndex
       })))), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
         overflowY: "visible",
@@ -208,7 +208,7 @@ var NewItemAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
       }, /*#__PURE__*/_react.default.createElement(_index4.default, {
         metricKey: "pearson_correlation",
         label: (0, _formatMessage.default)('Corrected Item-Total Correlation Coefficient'),
-        value: _formatMessage.default.number(scores.pearson_correlation),
+        value: scores.pearson_correlation,
         popoverDescription: _popoverContent.pearsonCorrelation
       }))))));
     };

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

@@ -90,12 +90,12 @@ var NewQuizAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
         className: styles.metricGroup
       }, /*#__PURE__*/_react.default.createElement(_index3.default, {
         metricKey: "stddev",
-        value: _formatMessage.default.number(scores === null || scores === void 0 ? void 0 : scores.stddev),
+        value: scores === null || scores === void 0 ? void 0 : scores.stddev,
         label: (0, _formatMessage.default)('Standard Deviation'),
         popoverDescription: _popoverContent.standardDeviation
       }), /*#__PURE__*/_react.default.createElement(_index3.default, {
         metricKey: "cronbachs_alpha",
-        value: _formatMessage.default.number(scores === null || scores === void 0 ? void 0 : scores.cronbachs_alpha),
+        value: scores === null || scores === void 0 ? void 0 : scores.cronbachs_alpha,
         label: (0, _formatMessage.default)('Cronbach\'s Alpha'),
         popoverDescription: _popoverContent.cronbachsAlpha
       })));
@@ -144,7 +144,7 @@ var NewQuizAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
       }, /*#__PURE__*/_react.default.createElement(_index4.default, {
         metricKey: "median_percentage",
         label: (0, _formatMessage.default)('Median Score'),
-        value: _formatMessage.default.number(scores === null || scores === void 0 ? void 0 : scores.median_percentage),
+        value: scores === null || scores === void 0 ? void 0 : scores.median_percentage,
         suffix: "%"
       }), /*#__PURE__*/_react.default.createElement(_index4.default, {
         metricKey: "mean_elapsed_sec",
@@ -157,7 +157,7 @@ var NewQuizAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
         title: expanded ? (0, _formatMessage.default)('collapse quiz analysis') : (0, _formatMessage.default)('expand quiz analysis'),
         isExpanded: expanded
       }))), expanded && this.renderExpanded(), /*#__PURE__*/_react.default.createElement(_presenter.ScoreDistribution, {
-        decileDistribution: quizAnalysis.scores.decile_distribution
+        decileDistribution: scores === null || scores === void 0 ? void 0 : scores.decile_distribution
       }));
     }
   }]);

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

@@ -84,7 +84,7 @@ var ScoreDistribution = (_dec = (0, _uiThemeable.themeable)(_theme.default, styl
       }, (0, _formatMessage.default)('Score Distribution'))), /*#__PURE__*/_react.default.createElement(_index.default, {
         animateDelay: 1000,
         animateDuration: 1000,
-        visualDistribution: this.props.decileDistribution,
+        visualDistribution: this.props.decileDistribution || [],
         calculateLabelForColumn: this.calculateLabelForColumn
       }), /*#__PURE__*/_react.default.createElement("div", {
         className: styles.chartLabel

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

@@ -66,7 +66,7 @@ var NewQuizAndItemAnalysisPresenter = /*#__PURE__*/function (_Component) {
       })), /*#__PURE__*/_react.default.createElement(_index2.default, {
         quizAnalysis: quizAnalysis
       }), /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
-        level: "h3",
+        level: "h2",
         color: "primary"
       }, (0, _formatMessage.default)('Item Analysis')), itemAnalyses === null || itemAnalyses === void 0 ? void 0 : itemAnalyses.map(function (itemAnalysis) {
         return /*#__PURE__*/_react.default.createElement(_index.default, {

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

@@ -9,12 +9,21 @@ exports.getSanitizedMetricValue = void 0;
 
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 
+var formatNumbers = function formatNumbers(value) {
+  if (typeof value === 'number') {
+    return _formatMessage.default.number(value);
+  }
+
+  return value;
+};
+
 var getSanitizedMetricValue = function getSanitizedMetricValue(value, suffix) {
   if (value === null || value === void 0) {
     return (0, _formatMessage.default)('N/A');
   }
 
-  return suffix ? value + suffix : value;
+  var formattedValue = formatNumbers(value);
+  return suffix ? formattedValue + suffix : formattedValue;
 };
 
 exports.getSanitizedMetricValue = getSanitizedMetricValue;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/quiz-core",
-  "version": "17.64.1-rc.2+819871daa",
+  "version": "17.64.1-rc.5+7ab6e1fd3",
   "license": "MIT",
   "description": "The Quiz React SDK by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
@@ -40,12 +40,13 @@
     "lib"
   ],
   "dependencies": {
+    "@instructure/grading-utils": "^1.0.0",
     "@instructure/outcomes-ui": "^2.1.9",
-    "@instructure/quiz-common": "17.64.1-rc.2+819871daa",
-    "@instructure/quiz-i18n": "17.64.1-rc.2+819871daa",
-    "@instructure/quiz-interactions": "17.64.1-rc.2+819871daa",
-    "@instructure/quiz-number-input": "17.64.1-rc.2+819871daa",
-    "@instructure/quiz-rce": "17.64.1-rc.2+819871daa",
+    "@instructure/quiz-common": "17.64.1-rc.5+7ab6e1fd3",
+    "@instructure/quiz-i18n": "17.64.1-rc.5+7ab6e1fd3",
+    "@instructure/quiz-interactions": "17.64.1-rc.5+7ab6e1fd3",
+    "@instructure/quiz-number-input": "17.64.1-rc.5+7ab6e1fd3",
+    "@instructure/quiz-rce": "17.64.1-rc.5+7ab6e1fd3",
     "@instructure/ui-a11y-content": "^7.20.0",
     "@instructure/ui-alerts": "^7.20.0",
     "@instructure/ui-avatar": "^7.20.0",
@@ -106,7 +107,7 @@
     "eventemitter3": "^3.1.0",
     "humps": "^2.0.0",
     "immutable": "^3.8.1",
-    "instructure-validations": "17.64.1-rc.2+819871daa",
+    "instructure-validations": "17.64.1-rc.5+7ab6e1fd3",
     "ipaddr.js": "^1.5.4",
     "isomorphic-fetch": "^2.2.0",
     "isuuid": "^0.1.0",
@@ -157,7 +158,7 @@
     "intl": "^1.2.4",
     "jquery": "^2.2.3",
     "most-subject": "^5.3.0",
-    "quiz-presets": "17.64.1-rc.2+819871daa",
+    "quiz-presets": "17.64.1-rc.5+7ab6e1fd3",
     "react": "^16.8.6",
     "react-addons-test-utils": "^15.6.2",
     "react-dom": "^16.8.6",
@@ -173,5 +174,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "819871daafc1c68e4691ee2efbdfe6108144329e"
+  "gitHead": "7ab6e1fd33c7aca23bea334c6a88cedaa883f812"
 }