@instructure/quiz-core 17.58.2-rc.8 → 17.59.1-rc.0

package/CHANGELOG.md

@@ -3,6 +3,27 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [17.59.0](https://gerrit.instructure.com/quizzes-ui/compare/v17.58.1...v17.59.0) (2023-07-12)
+
+
+### Bug Fixes
+
+* **quiz-core:** Increase sidebar window resize test timeout ([0716a78](https://gerrit.instructure.com/quizzes-ui/commits/0716a7873da0fb869dd529065be9ad6fb5eceab7))
+
+
+### Features
+
+* **Export:** add alert when export starts ([a1e4d07](https://gerrit.instructure.com/quizzes-ui/commits/a1e4d07d82fa8acf8cd4a11e5120e1c9a12d68b9))
+* **itemanalysis:** item overview ([623c562](https://gerrit.instructure.com/quizzes-ui/commits/623c562cd0e8f4d89e5c5480e383e8c8ddc01546))
+* **quizanalysis:** score distribution chart ([6f8fb67](https://gerrit.instructure.com/quizzes-ui/commits/6f8fb67283b864ad86c4591a16a7e38d880918ce))
+* **Reports:** Add initial report card for the new analysis UI ([2291f06](https://gerrit.instructure.com/quizzes-ui/commits/2291f061ed85f10cd0648eef4a254b8b2975fb50))
+* **Reports:** Show points possible next to certain metrics for item analysis ([8dccd4a](https://gerrit.instructure.com/quizzes-ui/commits/8dccd4adaa3fd5c6594e78f02b25acf7d3a03444))
+* **sharing:** Add share checkbox on bank details ([a2806a2](https://gerrit.instructure.com/quizzes-ui/commits/a2806a24eb3fd90deeaf76b10b647ba9cfd9ed4a))
+
+
+
+
+
 ## [17.58.1](https://gerrit.instructure.com/quizzes-ui/compare/v17.58.0...v17.58.1) (2023-06-27)
 
 **Note:** Version bump only for package @instructure/quiz-core

package/es/common/util/formatTimespan.js

@@ -1,4 +1,5 @@
 import t from '@instructure/quiz-i18n/es/format-message';
+import { DateTime } from 'luxon';
 var minuteDuration = 60;
 var hourDuration = 3600;
 
@@ -60,4 +61,9 @@ export function formatTimeToFullNumeric(seconds) {
   var minutesStr = minutes < 10 ? '0' + minutes : minutes;
   var secsStr = secs < 10 ? '0' + secs : secs;
   return "".concat(hoursStr, ":").concat(minutesStr, ":").concat(secsStr);
+}
+export function displayDateAndTimeInTimezone(utcDateTime, userTimezone, locale) {
+  return DateTime.fromISO(utcDateTime, {
+    zone: userTimezone
+  }).setLocale(locale).toLocaleString(DateTime.DATETIME_MED);
 }

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

@@ -57,7 +57,7 @@ export var AnalysisMetric = (_dec = themeable(theme, styles), _dec(_class = (_te
 }(Component), _class2.propTypes = {
   metricKey: PropTypes.string.isRequired,
   label: PropTypes.string.isRequired,
-  value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+  value: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.array]).isRequired,
   suffix: PropTypes.string
 }, _class2.defaultProps = {
   suffix: ''

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

@@ -9,23 +9,24 @@ var _dec, _class, _class2, _temp;
 import { Heading } from '@instructure/ui-heading';
 import React, { Component } from 'react';
 var styles = {
-  componentId: 'dcJyB',
+  componentId: 'eLWCD',
   template: function template(theme) {
-    return "\n\n.dcJyB_eDnN{display:flex;flex-basis:45%;flex-direction:column;overflow:hidden}\n\n.dcJyB_eKXQ{padding:".concat(theme.cardWrapperPadding || 'inherit', ";position:relative}\n\n.dcJyB_eIAv{display:flex;position:relative}\n\n.dcJyB_ePHw{flex-basis:91%;overflow:hidden;padding-bottom:10px;text-overflow:ellipsis;white-space:nowrap}\n\n.dcJyB_dzsH{overflow:visible;text-overflow:unset;white-space:normal}\n\n.dcJyB_byoJ{position:absolute;right:7px;top:-8px}\n\n.dcJyB_evBt{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}\n\n.dcJyB_pAQb{display:flex;flex-direction:column;height:60px}\n\n.dcJyB_zefc{display:flex;flex-basis:55%;justify-content:flex-end}\n\n.dcJyB_dPzc{flex-direction:column}\n\n.dcJyB_dPzc,.dcJyB_dzph{display:flex;flex-basis:100%}\n\n.dcJyB_dzph{align-items:flex-start;box-sizing:border-box;column-gap:5px;justify-content:space-between;padding:0 30px 0 25px}\n\n.dcJyB_eobd{padding-top:1rem}\n\n.dcJyB_NpIG{position:absolute;right:").concat(theme.viewPadding || 'inherit', ";top:").concat(theme.viewPadding || 'inherit', "}\n\n@media screen and (--tabletBreakPoint){.dcJyB_zefc{flex-basis:100%;justify-content:flex-start}.dcJyB_ePHw{flex-basis:94%}.dcJyB_eDnN{flex-basis:100%}.dcJyB_dzph{padding:0}.dcJyB_eDnN h3{padding-right:30px}.dcJyB_NpIG{right:17px}.dcJyB_eIAv{margin-bottom:20px}.dcJyB_byoJ{right:-7px}.dcJyB_dzph{flex-wrap:wrap}}");
+    return "\n\n.eLWCD_eDnN{display:flex;flex-basis:45%;flex-direction:column;overflow:hidden}\n\n.eLWCD_eKXQ{padding:".concat(theme.cardWrapperPadding || 'inherit', ";position:relative}\n\n.eLWCD_eoBe{font-size:").concat(theme.metricNumberContextFontSize || 'inherit', ";font-weight:").concat(theme.metricNumberContextFontWeight || 'inherit', "}\n\n.eLWCD_eIAv{display:flex;position:relative}\n\n.eLWCD_ePHw{flex-basis:91%;overflow:hidden;padding-bottom:10px;text-overflow:ellipsis;white-space:nowrap}\n\n.eLWCD_dzsH{overflow:visible;text-overflow:unset;white-space:normal}\n\n.eLWCD_byoJ{position:absolute;right:7px;top:-8px}\n\n.eLWCD_evBt{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}\n\n.eLWCD_pAQb{display:flex;flex-direction:column;height:60px}\n\n.eLWCD_zefc{display:flex;flex-basis:55%;justify-content:flex-end}\n\n.eLWCD_dPzc{flex-direction:column}\n\n.eLWCD_dPzc,.eLWCD_dzph{display:flex;flex-basis:100%}\n\n.eLWCD_dzph{align-items:flex-start;box-sizing:border-box;column-gap:5px;justify-content:space-between;padding:0 30px 0 25px}\n\n.eLWCD_eobd{padding-top:1rem}\n\n.eLWCD_NpIG{position:absolute;right:").concat(theme.viewPadding || 'inherit', ";top:").concat(theme.viewPadding || 'inherit', "}\n\n@media screen and (--tabletBreakPoint){.eLWCD_zefc{flex-basis:100%;justify-content:flex-start}.eLWCD_ePHw{flex-basis:94%}.eLWCD_eDnN{flex-basis:100%}.eLWCD_dzph{padding:0}.eLWCD_eDnN h3{padding-right:30px}.eLWCD_NpIG{right:17px}.eLWCD_eIAv{margin-bottom:20px}.eLWCD_byoJ{right:-7px}.eLWCD_dzph{flex-wrap:wrap}}");
   },
-  'heading': 'dcJyB_eDnN',
-  'cardWrapper': 'dcJyB_eKXQ',
-  'bodyPresentation': 'dcJyB_eIAv',
-  'bodyExcerpt': 'dcJyB_ePHw',
-  'bodyExcerptExpanded': 'dcJyB_dzsH',
-  'bodyExpandButtonWrapper': 'dcJyB_byoJ',
-  'innerWrapper': 'dcJyB_evBt',
-  'expandableInnerWrapper': 'dcJyB_pAQb',
-  'metricsWithControls': 'dcJyB_zefc',
-  'metricGroup': 'dcJyB_dPzc',
-  'metricsRow': 'dcJyB_dzph',
-  'metricsRowPaginated': 'dcJyB_eobd',
-  'itemCardToggleButtonWrapper': 'dcJyB_NpIG'
+  'heading': 'eLWCD_eDnN',
+  'cardWrapper': 'eLWCD_eKXQ',
+  'metricNumberContext': 'eLWCD_eoBe',
+  'bodyPresentation': 'eLWCD_eIAv',
+  'bodyExcerpt': 'eLWCD_ePHw',
+  'bodyExcerptExpanded': 'eLWCD_dzsH',
+  'bodyExpandButtonWrapper': 'eLWCD_byoJ',
+  'innerWrapper': 'eLWCD_evBt',
+  'expandableInnerWrapper': 'eLWCD_pAQb',
+  'metricsWithControls': 'eLWCD_zefc',
+  'metricGroup': 'eLWCD_dPzc',
+  'metricsRow': 'eLWCD_dzph',
+  'metricsRowPaginated': 'eLWCD_eobd',
+  'itemCardToggleButtonWrapper': 'eLWCD_NpIG'
 };
 import t from '@instructure/quiz-i18n/es/format-message';
 import ExpandButton from "../../../../../common/components/shared/ExpandButton/index.js";
@@ -129,10 +130,26 @@ export var NewItemAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_t
       }));
     };
 
+    _this.calculateValueWithPointsPossible = function (metricKey, metricValue) {
+      var pointsPossible = _this.props.itemAnalysis.scores.points_possible;
+      return t.rich('{score, number}<s>/{possible, number} PTS</s>', {
+        s: function s(_ref) {
+          var children = _ref.children;
+          return /*#__PURE__*/React.createElement("span", {
+            key: metricKey,
+            className: styles.metricNumberContext
+          }, children);
+        },
+        score: metricValue,
+        possible: pointsPossible
+      });
+    };
+
     _this.renderExpanded = function () {
       var scores = _this.props.itemAnalysis.scores;
+      var classes = classnames(styles.metricsRow, styles.metricsRowPaginated);
       return /*#__PURE__*/React.createElement("div", {
-        className: [styles.metricsRow, styles.metricsRowPaginated].join(' ')
+        className: classes
       }, /*#__PURE__*/React.createElement(AnalysisPopoverMetric, {
         metricKey: "pearson_correlation",
         label: t('Pearson Correlation Coefficient'),
@@ -202,11 +219,11 @@ export var NewItemAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_t
       }), /*#__PURE__*/React.createElement(AnalysisMetric, {
         metricKey: "mean",
         label: t('Mean Earned Points'),
-        value: t.number(scores.mean)
+        value: this.calculateValueWithPointsPossible('mean', scores.mean)
       }), /*#__PURE__*/React.createElement(AnalysisMetric, {
         metricKey: "median",
         label: t('Median Earned Points'),
-        value: t.number(scores.median)
+        value: this.calculateValueWithPointsPossible('median', scores.median)
       }), /*#__PURE__*/React.createElement(AnalysisPopoverMetric, {
         metricKey: "discrimination_index",
         label: t('Discrimination Index'),

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

@@ -1,9 +1,12 @@
 export default function generator(_ref) {
   var spacing = _ref.spacing,
-      breakpoints = _ref.breakpoints;
+      breakpoints = _ref.breakpoints,
+      typography = _ref.typography;
   return {
     tabletBreakPoint: "max-width: ".concat(breakpoints.large),
     cardWrapperPadding: spacing.medium,
-    viewPadding: spacing.small
+    viewPadding: spacing.small,
+    metricNumberContextFontSize: typography.fontSizeMedium,
+    metricNumberContextFontWeight: typography.fontWeightNormal
   };
 }

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

@@ -21,7 +21,6 @@ var styles = {
 };
 import t from '@instructure/quiz-i18n/es/format-message';
 import ExpandButton from "../../../../../common/components/shared/ExpandButton/index.js";
-import { Text } from '@instructure/ui-text';
 import { themeable } from '@instructure/ui-themeable';
 import theme from "./theme.js";
 import { formatTimeToFullNumeric } from "../../../../../common/util/formatTimespan.js";
@@ -42,9 +41,6 @@ var cronbachsAlphaPopoverTexts = {
   body: 'cronbach\'s alpha description',
   screenReaderLabel: 'cronbach\'s alpha tooltip'
 };
-
-var _ref = /*#__PURE__*/React.createElement("br", null);
-
 export var NewQuizAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   _inherits(NewQuizAnalysis, _Component);
 
@@ -149,9 +145,7 @@ export var NewQuizAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_t
         isExpanded: expanded
       }))), expanded && this.renderExpanded(), /*#__PURE__*/React.createElement(ScoreDistribution, {
         decileDistribution: quizAnalysis.scores.decile_distribution
-      }), /*#__PURE__*/React.createElement(Text, {
-        size: "x-small"
-      }, _ref, /*#__PURE__*/React.createElement("b", null, t('Data Last Updated:')), "\xA0", t.date(Date.parse(quizAnalysis.created_timestamp), 'medium')));
+      }));
     }
   }]);
 

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

@@ -1,126 +1,150 @@
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useEffect, useState } from 'react';
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Heading } from '@instructure/ui-heading';
 import NewItemAnalysis from "./NewItemAnalysis/index.js";
 import Spinner from "../../../../common/components/shared/spinner/Spinner.js";
 import NewQuizAnalysis from "./NewQuizAnalysis/index.js";
+import t from '@instructure/quiz-i18n/es/format-message';
+import { Text } from '@instructure/ui-text';
+import { Flex } from '@instructure/ui-flex';
+import { displayDateAndTimeInTimezone } from "../../../../common/util/formatTimespan.js";
 
-var _ref5 = /*#__PURE__*/React.createElement(Heading, {
-  level: "h3",
-  color: "primary"
-}, "Item analysis");
-
-var _ref6 = /*#__PURE__*/React.createElement(Spinner, null);
-
-export var NewQuizAndItemAnalysis = function NewQuizAndItemAnalysis(_ref) {
-  var activeQuizId = _ref.activeQuizId,
-      getQuizAnalysis = _ref.getQuizAnalysis,
-      getItemAnalyses = _ref.getItemAnalyses;
-
-  var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      quizAnalysis = _useState2[0],
-      setQuizAnalysis = _useState2[1];
-
-  var _useState3 = useState(null),
-      _useState4 = _slicedToArray(_useState3, 2),
-      itemAnalyses = _useState4[0],
-      setItemAnalyses = _useState4[1];
-
-  useEffect(function () {
-    var fetch = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        var response;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _context.next = 2;
-                return getQuizAnalysis(activeQuizId);
-
-              case 2:
-                response = _context.sent;
-
-                if (response) {
-                  setQuizAnalysis(response.last_successful_analysis);
-                }
-
-              case 4:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee);
-      }));
+var _ref3 = /*#__PURE__*/React.createElement(Spinner, null);
 
-      return function fetch() {
-        return _ref2.apply(this, arguments);
-      };
-    }();
-
-    fetch();
-  }, []);
-  useEffect(function () {
-    var fetch = /*#__PURE__*/function () {
-      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-        var response;
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                _context2.next = 2;
-                return getItemAnalyses(activeQuizId);
-
-              case 2:
-                response = _context2.sent;
-
-                if (response) {
-                  setItemAnalyses(response.last_successful_analysis);
-                }
-
-              case 4:
-              case "end":
-                return _context2.stop();
-            }
-          }
-        }, _callee2);
-      }));
+export var NewQuizAndItemAnalysis = /*#__PURE__*/function (_Component) {
+  _inherits(NewQuizAndItemAnalysis, _Component);
 
-      return function fetch() {
-        return _ref3.apply(this, arguments);
-      };
-    }();
-
-    fetch();
-  }, []);
-
-  var _ref4 = /*#__PURE__*/React.createElement(NewQuizAnalysis, {
-    quizAnalysis: quizAnalysis
-  });
-
-  var renderContent = function renderContent() {
-    /* eslint-disable react/jsx-no-literals */
-    return /*#__PURE__*/React.createElement("div", {
-      className: "fs-mask"
-    }, _ref4, _ref5, itemAnalyses === null || itemAnalyses === void 0 ? void 0 : itemAnalyses.map(function (itemAnalysis) {
-      return /*#__PURE__*/React.createElement(NewItemAnalysis, {
-        key: itemAnalysis.metadata.item_id,
-        itemAnalysis: itemAnalysis
-      });
-    }));
-    /* eslint-enable react/jsx-no-literals */
-  }; // TODO: distinguish between loading and empty item analyses (eg. when there is no items in a quiz)
-  // once it is known how will be such a case handled by the backend
+  var _super = _createSuper(NewQuizAndItemAnalysis);
+
+  function NewQuizAndItemAnalysis(props) {
+    var _this;
+
+    _classCallCheck(this, NewQuizAndItemAnalysis);
+
+    _this = _super.call(this, props);
+    _this.fetchQuizAnalysis = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var _this$props, activeQuizId, getQuizAnalysis, response;
 
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _this$props = _this.props, activeQuizId = _this$props.activeQuizId, getQuizAnalysis = _this$props.getQuizAnalysis;
+              _context.next = 3;
+              return getQuizAnalysis(activeQuizId);
 
-  if (quizAnalysis && itemAnalyses) {
-    return renderContent();
-  } else {
-    return _ref6;
+            case 3:
+              response = _context.sent;
+
+              if (response) {
+                _this.setState({
+                  quizAnalysis: response.last_successful_analysis
+                });
+              }
+
+            case 5:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+    _this.fetchItemAnalyses = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      var _this$props2, activeQuizId, getItemAnalyses, response;
+
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              _this$props2 = _this.props, activeQuizId = _this$props2.activeQuizId, getItemAnalyses = _this$props2.getItemAnalyses;
+              _context2.next = 3;
+              return getItemAnalyses(activeQuizId);
+
+            case 3:
+              response = _context2.sent;
+
+              if (response) {
+                _this.setState({
+                  itemAnalyses: response.last_successful_analysis
+                });
+              }
+
+            case 5:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }));
+    _this.state = {
+      quizAnalysis: null,
+      itemAnalyses: null
+    };
+    return _this;
   }
+
+  _createClass(NewQuizAndItemAnalysis, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.fetchQuizAnalysis();
+      this.fetchItemAnalyses();
+    }
+  }, {
+    key: "renderContent",
+    value: function renderContent() {
+      var _this$state = this.state,
+          quizAnalysis = _this$state.quizAnalysis,
+          itemAnalyses = _this$state.itemAnalyses;
+      var _this$context = this.context,
+          timezone = _this$context.timezone,
+          locale = _this$context.locale;
+      return /*#__PURE__*/React.createElement("div", {
+        className: "fs-mask"
+      }, /*#__PURE__*/React.createElement(Flex, {
+        justifyItems: "end",
+        width: "82.5rem",
+        margin: "auto"
+      }, /*#__PURE__*/React.createElement(Text, {
+        size: "x-small"
+      }, /*#__PURE__*/React.createElement("b", null, t('Data Last Updated:')), "\xA0", displayDateAndTimeInTimezone(quizAnalysis.created_timestamp, timezone, locale))), /*#__PURE__*/React.createElement(NewQuizAnalysis, {
+        quizAnalysis: quizAnalysis
+      }), /*#__PURE__*/React.createElement(Heading, {
+        level: "h3",
+        color: "primary"
+      }, t('Item Analysis')), itemAnalyses === null || itemAnalyses === void 0 ? void 0 : itemAnalyses.map(function (itemAnalysis) {
+        return /*#__PURE__*/React.createElement(NewItemAnalysis, {
+          key: itemAnalysis.metadata.item_id,
+          itemAnalysis: itemAnalysis
+        });
+      }));
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$state2 = this.state,
+          quizAnalysis = _this$state2.quizAnalysis,
+          itemAnalyses = _this$state2.itemAnalyses;
+
+      if (quizAnalysis && itemAnalyses) {
+        return this.renderContent();
+      } else {
+        return _ref3;
+      }
+    }
+  }]);
+
+  NewQuizAndItemAnalysis.displayName = "NewQuizAndItemAnalysis";
+  return NewQuizAndItemAnalysis;
+}(Component);
+NewQuizAndItemAnalysis.contextTypes = {
+  timezone: PropTypes.string,
+  locale: PropTypes.string
 };
 NewQuizAndItemAnalysis.propTypes = {
   activeQuizId: PropTypes.string.isRequired,

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

@@ -5,7 +5,7 @@ var getSanitizedMetricValue = function getSanitizedMetricValue(value, suffix) {
     return t('N/A');
   }
 
-  return value + (suffix ? suffix : '');
+  return suffix ? value + suffix : value;
 };
 
 export { getSanitizedMetricValue };

package/lib/common/util/formatTimespan.js

@@ -7,10 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.formatTime = formatTime;
 exports.formatTimeToFullNumeric = formatTimeToFullNumeric;
+exports.displayDateAndTimeInTimezone = displayDateAndTimeInTimezone;
 exports.formatTimespan = void 0;
 
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 
+var _luxon = require("luxon");
+
 var minuteDuration = 60;
 var hourDuration = 3600;
 
@@ -76,4 +79,10 @@ function formatTimeToFullNumeric(seconds) {
   var minutesStr = minutes < 10 ? '0' + minutes : minutes;
   var secsStr = secs < 10 ? '0' + secs : secs;
   return "".concat(hoursStr, ":").concat(minutesStr, ":").concat(secsStr);
+}
+
+function displayDateAndTimeInTimezone(utcDateTime, userTimezone, locale) {
+  return _luxon.DateTime.fromISO(utcDateTime, {
+    zone: userTimezone
+  }).setLocale(locale).toLocaleString(_luxon.DateTime.DATETIME_MED);
 }

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

@@ -75,7 +75,7 @@ var AnalysisMetric = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles)
 }(_react.Component), _class2.propTypes = {
   metricKey: _propTypes.default.string.isRequired,
   label: _propTypes.default.string.isRequired,
-  value: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+  value: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string, _propTypes.default.array]).isRequired,
   suffix: _propTypes.default.string
 }, _class2.defaultProps = {
   suffix: ''

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

@@ -50,23 +50,24 @@ var _interactionTypeMetadata = require("../../../../../common/util/interactionTy
 var _dec, _class, _class2, _temp;
 
 var styles = {
-  componentId: 'dcJyB',
+  componentId: 'eLWCD',
   template: function template(theme) {
-    return "\n\n.dcJyB_eDnN{display:flex;flex-basis:45%;flex-direction:column;overflow:hidden}\n\n.dcJyB_eKXQ{padding:".concat(theme.cardWrapperPadding || 'inherit', ";position:relative}\n\n.dcJyB_eIAv{display:flex;position:relative}\n\n.dcJyB_ePHw{flex-basis:91%;overflow:hidden;padding-bottom:10px;text-overflow:ellipsis;white-space:nowrap}\n\n.dcJyB_dzsH{overflow:visible;text-overflow:unset;white-space:normal}\n\n.dcJyB_byoJ{position:absolute;right:7px;top:-8px}\n\n.dcJyB_evBt{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}\n\n.dcJyB_pAQb{display:flex;flex-direction:column;height:60px}\n\n.dcJyB_zefc{display:flex;flex-basis:55%;justify-content:flex-end}\n\n.dcJyB_dPzc{flex-direction:column}\n\n.dcJyB_dPzc,.dcJyB_dzph{display:flex;flex-basis:100%}\n\n.dcJyB_dzph{align-items:flex-start;box-sizing:border-box;column-gap:5px;justify-content:space-between;padding:0 30px 0 25px}\n\n.dcJyB_eobd{padding-top:1rem}\n\n.dcJyB_NpIG{position:absolute;right:").concat(theme.viewPadding || 'inherit', ";top:").concat(theme.viewPadding || 'inherit', "}\n\n@media screen and (--tabletBreakPoint){.dcJyB_zefc{flex-basis:100%;justify-content:flex-start}.dcJyB_ePHw{flex-basis:94%}.dcJyB_eDnN{flex-basis:100%}.dcJyB_dzph{padding:0}.dcJyB_eDnN h3{padding-right:30px}.dcJyB_NpIG{right:17px}.dcJyB_eIAv{margin-bottom:20px}.dcJyB_byoJ{right:-7px}.dcJyB_dzph{flex-wrap:wrap}}");
+    return "\n\n.eLWCD_eDnN{display:flex;flex-basis:45%;flex-direction:column;overflow:hidden}\n\n.eLWCD_eKXQ{padding:".concat(theme.cardWrapperPadding || 'inherit', ";position:relative}\n\n.eLWCD_eoBe{font-size:").concat(theme.metricNumberContextFontSize || 'inherit', ";font-weight:").concat(theme.metricNumberContextFontWeight || 'inherit', "}\n\n.eLWCD_eIAv{display:flex;position:relative}\n\n.eLWCD_ePHw{flex-basis:91%;overflow:hidden;padding-bottom:10px;text-overflow:ellipsis;white-space:nowrap}\n\n.eLWCD_dzsH{overflow:visible;text-overflow:unset;white-space:normal}\n\n.eLWCD_byoJ{position:absolute;right:7px;top:-8px}\n\n.eLWCD_evBt{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}\n\n.eLWCD_pAQb{display:flex;flex-direction:column;height:60px}\n\n.eLWCD_zefc{display:flex;flex-basis:55%;justify-content:flex-end}\n\n.eLWCD_dPzc{flex-direction:column}\n\n.eLWCD_dPzc,.eLWCD_dzph{display:flex;flex-basis:100%}\n\n.eLWCD_dzph{align-items:flex-start;box-sizing:border-box;column-gap:5px;justify-content:space-between;padding:0 30px 0 25px}\n\n.eLWCD_eobd{padding-top:1rem}\n\n.eLWCD_NpIG{position:absolute;right:").concat(theme.viewPadding || 'inherit', ";top:").concat(theme.viewPadding || 'inherit', "}\n\n@media screen and (--tabletBreakPoint){.eLWCD_zefc{flex-basis:100%;justify-content:flex-start}.eLWCD_ePHw{flex-basis:94%}.eLWCD_eDnN{flex-basis:100%}.eLWCD_dzph{padding:0}.eLWCD_eDnN h3{padding-right:30px}.eLWCD_NpIG{right:17px}.eLWCD_eIAv{margin-bottom:20px}.eLWCD_byoJ{right:-7px}.eLWCD_dzph{flex-wrap:wrap}}");
   },
-  'heading': 'dcJyB_eDnN',
-  'cardWrapper': 'dcJyB_eKXQ',
-  'bodyPresentation': 'dcJyB_eIAv',
-  'bodyExcerpt': 'dcJyB_ePHw',
-  'bodyExcerptExpanded': 'dcJyB_dzsH',
-  'bodyExpandButtonWrapper': 'dcJyB_byoJ',
-  'innerWrapper': 'dcJyB_evBt',
-  'expandableInnerWrapper': 'dcJyB_pAQb',
-  'metricsWithControls': 'dcJyB_zefc',
-  'metricGroup': 'dcJyB_dPzc',
-  'metricsRow': 'dcJyB_dzph',
-  'metricsRowPaginated': 'dcJyB_eobd',
-  'itemCardToggleButtonWrapper': 'dcJyB_NpIG'
+  'heading': 'eLWCD_eDnN',
+  'cardWrapper': 'eLWCD_eKXQ',
+  'metricNumberContext': 'eLWCD_eoBe',
+  'bodyPresentation': 'eLWCD_eIAv',
+  'bodyExcerpt': 'eLWCD_ePHw',
+  'bodyExcerptExpanded': 'eLWCD_dzsH',
+  'bodyExpandButtonWrapper': 'eLWCD_byoJ',
+  'innerWrapper': 'eLWCD_evBt',
+  'expandableInnerWrapper': 'eLWCD_pAQb',
+  'metricsWithControls': 'eLWCD_zefc',
+  'metricGroup': 'eLWCD_dPzc',
+  'metricsRow': 'eLWCD_dzph',
+  'metricsRowPaginated': 'eLWCD_eobd',
+  'itemCardToggleButtonWrapper': 'eLWCD_NpIG'
 };
 var NewItemAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(NewItemAnalysis, _Component);
@@ -158,10 +159,26 @@ var NewItemAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
       }));
     };
 
+    _this.calculateValueWithPointsPossible = function (metricKey, metricValue) {
+      var pointsPossible = _this.props.itemAnalysis.scores.points_possible;
+      return _formatMessage.default.rich('{score, number}<s>/{possible, number} PTS</s>', {
+        s: function s(_ref) {
+          var children = _ref.children;
+          return /*#__PURE__*/_react.default.createElement("span", {
+            key: metricKey,
+            className: styles.metricNumberContext
+          }, children);
+        },
+        score: metricValue,
+        possible: pointsPossible
+      });
+    };
+
     _this.renderExpanded = function () {
       var scores = _this.props.itemAnalysis.scores;
+      var classes = (0, _classnames2.default)(styles.metricsRow, styles.metricsRowPaginated);
       return /*#__PURE__*/_react.default.createElement("div", {
-        className: [styles.metricsRow, styles.metricsRowPaginated].join(' ')
+        className: classes
       }, /*#__PURE__*/_react.default.createElement(_index4.default, {
         metricKey: "pearson_correlation",
         label: (0, _formatMessage.default)('Pearson Correlation Coefficient'),
@@ -231,11 +248,11 @@ var NewItemAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
       }), /*#__PURE__*/_react.default.createElement(_index3.default, {
         metricKey: "mean",
         label: (0, _formatMessage.default)('Mean Earned Points'),
-        value: _formatMessage.default.number(scores.mean)
+        value: this.calculateValueWithPointsPossible('mean', scores.mean)
       }), /*#__PURE__*/_react.default.createElement(_index3.default, {
         metricKey: "median",
         label: (0, _formatMessage.default)('Median Earned Points'),
-        value: _formatMessage.default.number(scores.median)
+        value: this.calculateValueWithPointsPossible('median', scores.median)
       }), /*#__PURE__*/_react.default.createElement(_index4.default, {
         metricKey: "discrimination_index",
         label: (0, _formatMessage.default)('Discrimination Index'),

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

@@ -7,10 +7,13 @@ exports.default = generator;
 
 function generator(_ref) {
   var spacing = _ref.spacing,
-      breakpoints = _ref.breakpoints;
+      breakpoints = _ref.breakpoints,
+      typography = _ref.typography;
   return {
     tabletBreakPoint: "max-width: ".concat(breakpoints.large),
     cardWrapperPadding: spacing.medium,
-    viewPadding: spacing.small
+    viewPadding: spacing.small,
+    metricNumberContextFontSize: typography.fontSizeMedium,
+    metricNumberContextFontWeight: typography.fontWeightNormal
   };
 }

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

@@ -25,8 +25,6 @@ var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/f
 
 var _index = _interopRequireDefault(require("../../../../../common/components/shared/ExpandButton/index.js"));
 
-var _uiText = require("@instructure/ui-text");
-
 var _uiThemeable = require("@instructure/ui-themeable");
 
 var _theme = _interopRequireDefault(require("./theme.js"));
@@ -69,9 +67,6 @@ var cronbachsAlphaPopoverTexts = {
   body: 'cronbach\'s alpha description',
   screenReaderLabel: 'cronbach\'s alpha tooltip'
 };
-
-var _ref = /*#__PURE__*/_react.default.createElement("br", null);
-
 var NewQuizAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(NewQuizAnalysis, _Component);
 
@@ -176,9 +171,7 @@ var NewQuizAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
         isExpanded: expanded
       }))), expanded && this.renderExpanded(), /*#__PURE__*/_react.default.createElement(_presenter.ScoreDistribution, {
         decileDistribution: quizAnalysis.scores.decile_distribution
-      }), /*#__PURE__*/_react.default.createElement(_uiText.Text, {
-        size: "x-small"
-      }, _ref, /*#__PURE__*/_react.default.createElement("b", null, (0, _formatMessage.default)('Data Last Updated:')), "\xA0", _formatMessage.default.date(Date.parse(quizAnalysis.created_timestamp), 'medium')));
+      }));
     }
   }]);
   NewQuizAnalysis.displayName = "NewQuizAnalysis";

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

@@ -13,7 +13,13 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+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 = _interopRequireWildcard(require("react"));
 
@@ -27,122 +33,145 @@ var _Spinner = _interopRequireDefault(require("../../../../common/components/sha
 
 var _index2 = _interopRequireDefault(require("./NewQuizAnalysis/index.js"));
 
-var _ref5 = /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
-  level: "h3",
-  color: "primary"
-}, "Item analysis");
-
-var _ref6 = /*#__PURE__*/_react.default.createElement(_Spinner.default, null);
-
-var NewQuizAndItemAnalysis = function NewQuizAndItemAnalysis(_ref) {
-  var activeQuizId = _ref.activeQuizId,
-      getQuizAnalysis = _ref.getQuizAnalysis,
-      getItemAnalyses = _ref.getItemAnalyses;
-
-  var _useState = (0, _react.useState)(null),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      quizAnalysis = _useState2[0],
-      setQuizAnalysis = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(null),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      itemAnalyses = _useState4[0],
-      setItemAnalyses = _useState4[1];
-
-  (0, _react.useEffect)(function () {
-    var fetch = /*#__PURE__*/function () {
-      var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-        var response;
-        return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _context.next = 2;
-                return getQuizAnalysis(activeQuizId);
-
-              case 2:
-                response = _context.sent;
-
-                if (response) {
-                  setQuizAnalysis(response.last_successful_analysis);
-                }
-
-              case 4:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee);
-      }));
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 
-      return function fetch() {
-        return _ref2.apply(this, arguments);
-      };
-    }();
-
-    fetch();
-  }, []);
-  (0, _react.useEffect)(function () {
-    var fetch = /*#__PURE__*/function () {
-      var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
-        var response;
-        return _regenerator.default.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                _context2.next = 2;
-                return getItemAnalyses(activeQuizId);
-
-              case 2:
-                response = _context2.sent;
-
-                if (response) {
-                  setItemAnalyses(response.last_successful_analysis);
-                }
-
-              case 4:
-              case "end":
-                return _context2.stop();
-            }
-          }
-        }, _callee2);
-      }));
+var _uiText = require("@instructure/ui-text");
 
-      return function fetch() {
-        return _ref3.apply(this, arguments);
-      };
-    }();
-
-    fetch();
-  }, []);
-
-  var _ref4 = /*#__PURE__*/_react.default.createElement(_index2.default, {
-    quizAnalysis: quizAnalysis
-  });
-
-  var renderContent = function renderContent() {
-    /* eslint-disable react/jsx-no-literals */
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "fs-mask"
-    }, _ref4, _ref5, itemAnalyses === null || itemAnalyses === void 0 ? void 0 : itemAnalyses.map(function (itemAnalysis) {
-      return /*#__PURE__*/_react.default.createElement(_index.default, {
-        key: itemAnalysis.metadata.item_id,
-        itemAnalysis: itemAnalysis
-      });
-    }));
-    /* eslint-enable react/jsx-no-literals */
-  }; // TODO: distinguish between loading and empty item analyses (eg. when there is no items in a quiz)
-  // once it is known how will be such a case handled by the backend
+var _uiFlex = require("@instructure/ui-flex");
+
+var _formatTimespan = require("../../../../common/util/formatTimespan.js");
+
+var _ref3 = /*#__PURE__*/_react.default.createElement(_Spinner.default, null);
+
+var NewQuizAndItemAnalysis = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(NewQuizAndItemAnalysis, _Component);
+
+  var _super = (0, _createSuper2.default)(NewQuizAndItemAnalysis);
 
+  function NewQuizAndItemAnalysis(props) {
+    var _this;
 
-  if (quizAnalysis && itemAnalyses) {
-    return renderContent();
-  } else {
-    return _ref6;
+    (0, _classCallCheck2.default)(this, NewQuizAndItemAnalysis);
+    _this = _super.call(this, props);
+    _this.fetchQuizAnalysis = /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+      var _this$props, activeQuizId, getQuizAnalysis, response;
+
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _this$props = _this.props, activeQuizId = _this$props.activeQuizId, getQuizAnalysis = _this$props.getQuizAnalysis;
+              _context.next = 3;
+              return getQuizAnalysis(activeQuizId);
+
+            case 3:
+              response = _context.sent;
+
+              if (response) {
+                _this.setState({
+                  quizAnalysis: response.last_successful_analysis
+                });
+              }
+
+            case 5:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+    _this.fetchItemAnalyses = /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+      var _this$props2, activeQuizId, getItemAnalyses, response;
+
+      return _regenerator.default.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              _this$props2 = _this.props, activeQuizId = _this$props2.activeQuizId, getItemAnalyses = _this$props2.getItemAnalyses;
+              _context2.next = 3;
+              return getItemAnalyses(activeQuizId);
+
+            case 3:
+              response = _context2.sent;
+
+              if (response) {
+                _this.setState({
+                  itemAnalyses: response.last_successful_analysis
+                });
+              }
+
+            case 5:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }));
+    _this.state = {
+      quizAnalysis: null,
+      itemAnalyses: null
+    };
+    return _this;
   }
-};
+
+  (0, _createClass2.default)(NewQuizAndItemAnalysis, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.fetchQuizAnalysis();
+      this.fetchItemAnalyses();
+    }
+  }, {
+    key: "renderContent",
+    value: function renderContent() {
+      var _this$state = this.state,
+          quizAnalysis = _this$state.quizAnalysis,
+          itemAnalyses = _this$state.itemAnalyses;
+      var _this$context = this.context,
+          timezone = _this$context.timezone,
+          locale = _this$context.locale;
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: "fs-mask"
+      }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
+        justifyItems: "end",
+        width: "82.5rem",
+        margin: "auto"
+      }, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
+        size: "x-small"
+      }, /*#__PURE__*/_react.default.createElement("b", null, (0, _formatMessage.default)('Data Last Updated:')), "\xA0", (0, _formatTimespan.displayDateAndTimeInTimezone)(quizAnalysis.created_timestamp, timezone, locale))), /*#__PURE__*/_react.default.createElement(_index2.default, {
+        quizAnalysis: quizAnalysis
+      }), /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
+        level: "h3",
+        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, {
+          key: itemAnalysis.metadata.item_id,
+          itemAnalysis: itemAnalysis
+        });
+      }));
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$state2 = this.state,
+          quizAnalysis = _this$state2.quizAnalysis,
+          itemAnalyses = _this$state2.itemAnalyses;
+
+      if (quizAnalysis && itemAnalyses) {
+        return this.renderContent();
+      } else {
+        return _ref3;
+      }
+    }
+  }]);
+  NewQuizAndItemAnalysis.displayName = "NewQuizAndItemAnalysis";
+  return NewQuizAndItemAnalysis;
+}(_react.Component);
 
 exports.NewQuizAndItemAnalysis = NewQuizAndItemAnalysis;
+NewQuizAndItemAnalysis.contextTypes = {
+  timezone: _propTypes.default.string,
+  locale: _propTypes.default.string
+};
 NewQuizAndItemAnalysis.propTypes = {
   activeQuizId: _propTypes.default.string.isRequired,
   getQuizAnalysis: _propTypes.default.func.isRequired,

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

@@ -14,7 +14,7 @@ var getSanitizedMetricValue = function getSanitizedMetricValue(value, suffix) {
     return (0, _formatMessage.default)('N/A');
   }
 
-  return value + (suffix ? suffix : '');
+  return suffix ? value + suffix : value;
 };
 
 exports.getSanitizedMetricValue = getSanitizedMetricValue;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/quiz-core",
-  "version": "17.58.2-rc.8+a2806a24e",
+  "version": "17.59.1-rc.0+6d499126a",
   "license": "MIT",
   "description": "The Quiz React SDK by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
@@ -41,11 +41,11 @@
   ],
   "dependencies": {
     "@instructure/outcomes-ui": "^2.1.8",
-    "@instructure/quiz-common": "17.58.2-rc.8+a2806a24e",
-    "@instructure/quiz-i18n": "17.58.2-rc.8+a2806a24e",
-    "@instructure/quiz-interactions": "17.58.2-rc.8+a2806a24e",
-    "@instructure/quiz-number-input": "17.58.2-rc.8+a2806a24e",
-    "@instructure/quiz-rce": "17.58.2-rc.8+a2806a24e",
+    "@instructure/quiz-common": "17.59.1-rc.0+6d499126a",
+    "@instructure/quiz-i18n": "17.59.1-rc.0+6d499126a",
+    "@instructure/quiz-interactions": "17.59.1-rc.0+6d499126a",
+    "@instructure/quiz-number-input": "17.59.1-rc.0+6d499126a",
+    "@instructure/quiz-rce": "17.59.1-rc.0+6d499126a",
     "@instructure/ui-a11y-content": "^7.20.0",
     "@instructure/ui-alerts": "^7.20.0",
     "@instructure/ui-avatar": "^7.20.0",
@@ -106,13 +106,14 @@
     "eventemitter3": "^3.1.0",
     "humps": "^2.0.0",
     "immutable": "^3.8.1",
-    "instructure-validations": "17.58.2-rc.8+a2806a24e",
+    "instructure-validations": "17.59.1-rc.0+6d499126a",
     "ipaddr.js": "^1.5.4",
     "isomorphic-fetch": "^2.2.0",
     "isuuid": "^0.1.0",
     "jwt-simple": "^0.5.0",
     "katex": "^0.10.2",
     "lodash": "^4.0.0",
+    "luxon": "3.3.0",
     "normalizr": "3.2.2",
     "platform": "^1.3.1",
     "prop-types": "^15.6.0",
@@ -137,7 +138,7 @@
     "uuid": "^3.2.1"
   },
   "devDependencies": {
-    "@instructure/quiz-scripts": "17.58.1",
+    "@instructure/quiz-scripts": "17.59.0",
     "@instructure/ui-axe-check": "^7.20.0",
     "@instructure/ui-babel-preset": "^7.20.0",
     "@instructure/ui-karma-config": "^7.20.0",
@@ -156,7 +157,7 @@
     "intl": "^1.2.4",
     "jquery": "^2.2.3",
     "most-subject": "^5.3.0",
-    "quiz-presets": "17.58.2-rc.8+a2806a24e",
+    "quiz-presets": "17.59.1-rc.0+6d499126a",
     "react": "^16.8.6",
     "react-addons-test-utils": "^15.6.2",
     "react-dom": "^16.8.6",
@@ -172,5 +173,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a2806a24eb3fd90deeaf76b10b647ba9cfd9ed4a"
+  "gitHead": "6d499126ac832183d9fb2bdb60a9b3c55d35a45e"
 }