@instructure/quiz-core 20.5.2-rc.6 → 20.6.0

package/CHANGELOG.md

@@ -3,6 +3,23 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [20.6.0](https://gerrit.instructure.com/quizzes-ui/compare/v20.5.1...v20.6.0) (2024-02-13)
+
+
+### Bug Fixes
+
+* **a11y:** the keyboard focus order at Stimulus ([803df26](https://gerrit.instructure.com/quizzes-ui/commits/803df26e28d3a74c5da47c537c4785a667938418))
+
+
+### Features
+
+* **navbar:** Add components for new TopNavBar ([627eabe](https://gerrit.instructure.com/quizzes-ui/commits/627eabe5549a36ba01435c9f275ea612b96d793f))
+* **quiz-core:** Support IA afs rich fitb open entry empty state ([3b6ee30](https://gerrit.instructure.com/quizzes-ui/commits/3b6ee30853d581afdb98402502bc3d2ad12e1023))
+
+
+
+
+
 ## [20.5.1](https://gerrit.instructure.com/quizzes-ui/compare/v20.5.0...v20.5.1) (2024-02-06)
 
 **Note:** Version bump only for package @instructure/quiz-core

package/es/common/components/LearnosityCalculator/index.js

@@ -6,7 +6,6 @@ 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 { View } from '@instructure/ui-view';
 import { appendFeature, destroyFeature, toggleFeature } from "../../../taking/learnosity/index.js";
 export var LearnosityCalculator = /*#__PURE__*/function (_Component) {
   _inherits(LearnosityCalculator, _Component);
@@ -123,11 +122,10 @@ export var LearnosityCalculator = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderCalculator",
     value: function renderCalculator() {
-      return /*#__PURE__*/React.createElement(View, {
-        as: "div"
-      }, this.props.render({
+      return /*#__PURE__*/React.createElement(React.Fragment, null, this.props.render({
         toggleCalculator: this.handleClick,
-        enabled: this.state.learnosityCalculatorReady
+        enabled: this.state.learnosityCalculatorReady,
+        iceTopNavBarEnabled: this.props.iceTopNavBarEnabled
       }), /*#__PURE__*/React.createElement("div", {
         hidden: true
       }, /*#__PURE__*/React.createElement("span", {
@@ -140,9 +138,9 @@ export var LearnosityCalculator = /*#__PURE__*/function (_Component) {
     value: function render() {
       if (!this.props.quizSessionId || this.props.calculatorType === 'none') {
         return null;
-      } else {
-        return this.renderCalculator();
       }
+
+      return this.renderCalculator();
     }
   }]);
 
@@ -158,7 +156,8 @@ LearnosityCalculator.propTypes = {
   quizSessionId: PropTypes.string,
   render: PropTypes.func.isRequired,
   setActiveCalculatorId: PropTypes.func,
-  toggleFeature: PropTypes.func.isRequired
+  toggleFeature: PropTypes.func.isRequired,
+  iceTopNavBarEnabled: PropTypes.bool
 };
 LearnosityCalculator.defaultProps = {
   activeCalculatorId: null,
@@ -168,6 +167,7 @@ LearnosityCalculator.defaultProps = {
   featureId: null,
   quizSessionId: null,
   setActiveCalculatorId: Function.prototype,
-  toggleFeature: toggleFeature
+  toggleFeature: toggleFeature,
+  iceTopNavBarEnabled: false
 };
 export default LearnosityCalculator;

package/es/common/components/SDKHeaderCalculator.js

@@ -2,13 +2,20 @@ import React from 'react';
 import { Provider } from "../react-redux.js";
 import store from "../../reduxStore.js";
 import Calculator from "./layout/header/Calculator/index.js";
-
-var _ref = /*#__PURE__*/React.createElement(Provider, {
-  store: store
-}, /*#__PURE__*/React.createElement(Calculator, null));
-
-export var SDKHeaderCalculator = function SDKHeaderCalculator() {
-  return _ref;
+import PropTypes from 'prop-types';
+export var SDKHeaderCalculator = function SDKHeaderCalculator(_ref) {
+  var iceTopNavBarEnabled = _ref.iceTopNavBarEnabled;
+  return /*#__PURE__*/React.createElement(Provider, {
+    store: store
+  }, /*#__PURE__*/React.createElement(Calculator, {
+    iceTopNavBarEnabled: iceTopNavBarEnabled
+  }));
+};
+Calculator.propTypes = {
+  iceTopNavBarEnabled: PropTypes.bool
+};
+Calculator.defaultProps = {
+  iceTopNavBarEnabled: false
 };
 SDKHeaderCalculator.displayName = 'SDKHeaderCalculator';
 export default SDKHeaderCalculator;

package/es/common/components/SDKTimer.js

@@ -2,13 +2,22 @@ import React from 'react';
 import { Provider } from "../react-redux.js";
 import store from "../../reduxStore.js";
 import Timer from "./layout/header/Timer/index.js";
-
-var _ref = /*#__PURE__*/React.createElement(Provider, {
-  store: store
-}, /*#__PURE__*/React.createElement(Timer, null));
-
-export var SDKTimer = function SDKTimer() {
-  return _ref;
+import PropTypes from 'prop-types';
+export var SDKTimer = function SDKTimer(_ref) {
+  var iceTopNavBarEnabled = _ref.iceTopNavBarEnabled,
+      setTimerRunning = _ref.setTimerRunning;
+  return /*#__PURE__*/React.createElement(Provider, {
+    store: store
+  }, /*#__PURE__*/React.createElement(Timer, {
+    iceTopNavBarEnabled: iceTopNavBarEnabled,
+    setTimerRunning: setTimerRunning
+  }));
+};
+Timer.propTypes = {
+  iceTopNavBarEnabled: PropTypes.bool
+};
+Timer.defaultProps = {
+  iceTopNavBarEnabled: false
 };
 SDKTimer.displayName = 'SDKTimer';
 export default SDKTimer;

package/es/common/components/layout/header/Calculator/presenter.js

@@ -6,13 +6,29 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { Button } from '@instructure/ui-buttons';
+import { TopNavBar } from '@instructure/ui-top-nav-bar';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { IconCalculatorLine } from '@instructure/ui-icons';
 import LearnosityCalculator from "../../../LearnosityCalculator/index.js";
 
+var _ref2 = /*#__PURE__*/React.createElement(IconCalculatorLine, null);
+
 var CalculatorButton = function CalculatorButton(_ref) {
   var toggleCalculator = _ref.toggleCalculator,
-      enabled = _ref.enabled;
+      enabled = _ref.enabled,
+      iceTopNavBarEnabled = _ref.iceTopNavBarEnabled;
+
+  if (iceTopNavBarEnabled) {
+    return /*#__PURE__*/React.createElement(TopNavBar.Item, {
+      id: "CalculatorButton",
+      onClick: toggleCalculator,
+      variant: "icon",
+      renderIcon: _ref2,
+      disabled: !enabled,
+      tooltip: t('Calculator')
+    }, t('Calculator'));
+  }
+
   return /*#__PURE__*/React.createElement(Button, {
     renderIcon: IconCalculatorLine,
     onClick: toggleCalculator,
@@ -22,7 +38,11 @@ var CalculatorButton = function CalculatorButton(_ref) {
 
 CalculatorButton.propTypes = {
   toggleCalculator: PropTypes.func.isRequired,
-  enabled: PropTypes.bool.isRequired
+  enabled: PropTypes.bool.isRequired,
+  iceTopNavBarEnabled: PropTypes.bool
+};
+CalculatorButton.defaultProps = {
+  iceTopNavBarEnabled: false
 };
 export var Calculator = /*#__PURE__*/function (_Component) {
   _inherits(Calculator, _Component);
@@ -51,11 +71,13 @@ Calculator.propTypes = {
   activeCalculatorId: PropTypes.string,
   calculatorType: PropTypes.oneOf(['none', 'basic', 'scientific']),
   quizSessionId: PropTypes.string,
-  setActiveCalculatorId: PropTypes.func.isRequired
+  setActiveCalculatorId: PropTypes.func.isRequired,
+  iceTopNavBarEnabled: PropTypes.bool
 };
 Calculator.defaultProps = {
   activeCalculatorId: void 0,
   calculatorType: void 0,
-  quizSessionId: void 0
+  quizSessionId: void 0,
+  iceTopNavBarEnabled: false
 };
 export default Calculator;

package/es/common/components/layout/header/Timer/presenter.js

@@ -9,8 +9,9 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import partial from 'lodash/partial';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
-import { IconClockLine, IconArrowOpenStartLine } from '@instructure/ui-icons';
+import { IconClockLine, IconClockSolid, IconArrowOpenStartLine } from '@instructure/ui-icons';
 import { Button } from '@instructure/ui-buttons';
+import { TopNavBar } from '@instructure/ui-top-nav-bar';
 import { View } from '@instructure/ui-view';
 import { themeable } from '@instructure/ui-themeable';
 import FormattedDuration from "../../../shared/FormattedDuration/index.js";
@@ -27,6 +28,11 @@ var styles = {
 };
 import theme from "./theme.js";
 import t from '@instructure/quiz-i18n/es/format-message';
+
+var _ref = /*#__PURE__*/React.createElement(IconClockLine, null);
+
+var _ref2 = /*#__PURE__*/React.createElement(IconClockSolid, null);
+
 export var Timer = (_dec = themeable(theme, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   _inherits(Timer, _Component);
 
@@ -98,8 +104,10 @@ export var Timer = (_dec = themeable(theme, styles), _dec(_class = (_temp = _cla
 
       if (timerRunning && !prevProps.timerRunning) {
         document.body.addEventListener('keydown', this.handleKeyDown);
+        this.props.setTimerRunning(true);
       } else if (!timerRunning && prevProps.timerRunning) {
         document.body.removeEventListener('keydown', this.handleKeyDown);
+        this.props.setTimerRunning(false);
       }
     }
   }, {
@@ -115,6 +123,18 @@ export var Timer = (_dec = themeable(theme, styles), _dec(_class = (_temp = _cla
   }, {
     key: "renderMinimizedTimer",
     value: function renderMinimizedTimer() {
+      if (this.props.iceTopNavBarEnabled) {
+        return /*#__PURE__*/React.createElement(TopNavBar.Item, {
+          id: "TimerButton",
+          onClick: partial(this.props.updateTimerMinimized, false),
+          variant: "icon",
+          renderIcon: _ref,
+          tooltip: t('Show Timer'),
+          "aria-expanded": "false",
+          itemRef: this.showTimerRef
+        }, t('Show Timer'));
+      }
+
       return /*#__PURE__*/React.createElement("div", {
         className: styles.timer
       }, this.renderHelpScreenreaderText(), /*#__PURE__*/React.createElement(Button, {
@@ -127,6 +147,20 @@ export var Timer = (_dec = themeable(theme, styles), _dec(_class = (_temp = _cla
   }, {
     key: "renderMaximizedTimer",
     value: function renderMaximizedTimer() {
+      if (this.props.iceTopNavBarEnabled) {
+        return /*#__PURE__*/React.createElement(TopNavBar.Item, {
+          id: "TimerButton",
+          onClick: partial(this.props.updateTimerMinimized, true),
+          variant: "forceIconWithLabel",
+          renderIcon: _ref2,
+          tooltip: t('Hide Timer'),
+          "aria-expanded": "true",
+          itemRef: this.hideTimerRef
+        }, /*#__PURE__*/React.createElement(FormattedDuration, {
+          seconds: this.props.timeLeftInSeconds
+        }));
+      }
+
       return /*#__PURE__*/React.createElement("div", {
         className: styles.timer
       }, this.renderHelpScreenreaderText(), /*#__PURE__*/React.createElement(View, {
@@ -167,10 +201,14 @@ export var Timer = (_dec = themeable(theme, styles), _dec(_class = (_temp = _cla
   timeLeftInSeconds: PropTypes.number,
   timerMinimized: PropTypes.bool,
   timerRunning: PropTypes.bool,
-  updateTimerMinimized: PropTypes.func.isRequired
+  updateTimerMinimized: PropTypes.func.isRequired,
+  iceTopNavBarEnabled: PropTypes.bool,
+  setTimerRunning: PropTypes.func
 }, _class2.defaultProps = {
   timerRunning: false,
   timeLeftInSeconds: 0,
-  timerMinimized: false
+  timerMinimized: false,
+  iceTopNavBarEnabled: false,
+  setTimerRunning: function setTimerRunning() {}
 }, _temp)) || _class);
 export default Timer;

package/es/common/components/layout/navbar/SecondaryNavBarButton/index.js

@@ -0,0 +1,62 @@
+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";
+
+var _dec, _class, _class2, _temp;
+
+/** @jsx jsx */
+import { Component } from 'react';
+import PropTypes from 'prop-types';
+import { TopNavBar } from '@instructure/ui-top-nav-bar';
+import { InstUISettingsProvider, withStyle, jsx } from '@instructure/emotion';
+import { omitProps } from '@instructure/ui-react-utils';
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
+export var SecondaryNavBarButton = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(SecondaryNavBarButton, _Component);
+
+  var _super = _createSuper(SecondaryNavBarButton);
+
+  function SecondaryNavBarButton() {
+    _classCallCheck(this, SecondaryNavBarButton);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(SecondaryNavBarButton, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.props.makeStyles();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      this.props.makeStyles();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return jsx(InstUISettingsProvider, {
+        theme: {
+          componentOverrides: {
+            BaseButton: {
+              primaryColor: this.props.styles.textColor,
+              primaryBackground: this.props.styles.backgroundColor,
+              primaryHoverBackground: this.props.styles.backgroundHoverColor,
+              primaryBorderColor: this.props.styles.borderColor
+            }
+          }
+        }
+      }, jsx(TopNavBar.Item, omitProps(this.props, this.constructor.propTypes), this.props.children));
+    }
+  }]);
+
+  SecondaryNavBarButton.displayName = "SecondaryNavBarButton";
+  return SecondaryNavBarButton;
+}(Component), _class2.propTypes = {
+  children: PropTypes.string.isRequired,
+  styles: PropTypes.object,
+  makeStyles: PropTypes.func
+}, _temp)) || _class);
+export default SecondaryNavBarButton;

package/es/common/components/layout/navbar/SecondaryNavBarButton/styles.js

@@ -0,0 +1,10 @@
+var generateStyle = function generateStyle(componentTheme) {
+  return {
+    textColor: componentTheme.textColor,
+    backgroundColor: componentTheme.backgroundColor,
+    backgroundHoverColor: componentTheme.backgroundHoverColor,
+    borderColor: componentTheme.borderColor
+  };
+};
+
+export default generateStyle;

package/es/common/components/layout/navbar/SecondaryNavBarButton/theme.js

@@ -0,0 +1,11 @@
+var generateComponentTheme = function generateComponentTheme(_ref) {
+  var colors = _ref.colors;
+  return {
+    textColor: '#000',
+    backgroundColor: colors.porcelain,
+    backgroundHoverColor: '#d8d8d8',
+    borderColor: '#d8d8d8'
+  };
+};
+
+export default generateComponentTheme;

package/es/index.js

@@ -37,6 +37,7 @@ export { Paginator } from "./common/components/shared/Paginator/index.js";
 export { SDKMenuButton } from "./common/components/SDKMenuButton.js";
 export { SDKTimer } from "./common/components/SDKTimer.js";
 export { SDKNavBar } from "./common/components/SDKNavBar.js";
+export { SecondaryNavBarButton } from "./common/components/layout/navbar/SecondaryNavBarButton/index.js";
 export { CentileDistribution } from "./reporting/components/charts/Distribution/CentileDistribution.js";
 export { OutcomeAnalysis } from "./reporting/components/resources/OutcomeAnalysis/index.js";
 export { PositionBox } from "./common/components/resources/positionBox/PositionBox.js";

package/lib/common/components/LearnosityCalculator/index.js

@@ -25,8 +25,6 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _uiView = require("@instructure/ui-view");
-
 var _index = require("../../../taking/learnosity/index.js");
 
 var LearnosityCalculator = /*#__PURE__*/function (_Component) {
@@ -144,11 +142,10 @@ var LearnosityCalculator = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderCalculator",
     value: function renderCalculator() {
-      return /*#__PURE__*/_react.default.createElement(_uiView.View, {
-        as: "div"
-      }, this.props.render({
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, this.props.render({
         toggleCalculator: this.handleClick,
-        enabled: this.state.learnosityCalculatorReady
+        enabled: this.state.learnosityCalculatorReady,
+        iceTopNavBarEnabled: this.props.iceTopNavBarEnabled
       }), /*#__PURE__*/_react.default.createElement("div", {
         hidden: true
       }, /*#__PURE__*/_react.default.createElement("span", {
@@ -161,9 +158,9 @@ var LearnosityCalculator = /*#__PURE__*/function (_Component) {
     value: function render() {
       if (!this.props.quizSessionId || this.props.calculatorType === 'none') {
         return null;
-      } else {
-        return this.renderCalculator();
       }
+
+      return this.renderCalculator();
     }
   }]);
   LearnosityCalculator.displayName = "LearnosityCalculator";
@@ -180,7 +177,8 @@ LearnosityCalculator.propTypes = {
   quizSessionId: _propTypes.default.string,
   render: _propTypes.default.func.isRequired,
   setActiveCalculatorId: _propTypes.default.func,
-  toggleFeature: _propTypes.default.func.isRequired
+  toggleFeature: _propTypes.default.func.isRequired,
+  iceTopNavBarEnabled: _propTypes.default.bool
 };
 LearnosityCalculator.defaultProps = {
   activeCalculatorId: null,
@@ -190,7 +188,8 @@ LearnosityCalculator.defaultProps = {
   featureId: null,
   quizSessionId: null,
   setActiveCalculatorId: Function.prototype,
-  toggleFeature: _index.toggleFeature
+  toggleFeature: _index.toggleFeature,
+  iceTopNavBarEnabled: false
 };
 var _default = LearnosityCalculator;
 exports.default = _default;

package/lib/common/components/SDKHeaderCalculator.js

@@ -15,15 +15,24 @@ var _reduxStore = _interopRequireDefault(require("../../reduxStore.js"));
 
 var _index = _interopRequireDefault(require("./layout/header/Calculator/index.js"));
 
-var _ref = /*#__PURE__*/_react.default.createElement(_reactRedux.Provider, {
-  store: _reduxStore.default
-}, /*#__PURE__*/_react.default.createElement(_index.default, null));
-
-var SDKHeaderCalculator = function SDKHeaderCalculator() {
-  return _ref;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var SDKHeaderCalculator = function SDKHeaderCalculator(_ref) {
+  var iceTopNavBarEnabled = _ref.iceTopNavBarEnabled;
+  return /*#__PURE__*/_react.default.createElement(_reactRedux.Provider, {
+    store: _reduxStore.default
+  }, /*#__PURE__*/_react.default.createElement(_index.default, {
+    iceTopNavBarEnabled: iceTopNavBarEnabled
+  }));
 };
 
 exports.SDKHeaderCalculator = SDKHeaderCalculator;
+_index.default.propTypes = {
+  iceTopNavBarEnabled: _propTypes.default.bool
+};
+_index.default.defaultProps = {
+  iceTopNavBarEnabled: false
+};
 SDKHeaderCalculator.displayName = 'SDKHeaderCalculator';
 var _default = SDKHeaderCalculator;
 exports.default = _default;

package/lib/common/components/SDKTimer.js

@@ -15,15 +15,26 @@ var _reduxStore = _interopRequireDefault(require("../../reduxStore.js"));
 
 var _index = _interopRequireDefault(require("./layout/header/Timer/index.js"));
 
-var _ref = /*#__PURE__*/_react.default.createElement(_reactRedux.Provider, {
-  store: _reduxStore.default
-}, /*#__PURE__*/_react.default.createElement(_index.default, null));
-
-var SDKTimer = function SDKTimer() {
-  return _ref;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var SDKTimer = function SDKTimer(_ref) {
+  var iceTopNavBarEnabled = _ref.iceTopNavBarEnabled,
+      setTimerRunning = _ref.setTimerRunning;
+  return /*#__PURE__*/_react.default.createElement(_reactRedux.Provider, {
+    store: _reduxStore.default
+  }, /*#__PURE__*/_react.default.createElement(_index.default, {
+    iceTopNavBarEnabled: iceTopNavBarEnabled,
+    setTimerRunning: setTimerRunning
+  }));
 };
 
 exports.SDKTimer = SDKTimer;
+_index.default.propTypes = {
+  iceTopNavBarEnabled: _propTypes.default.bool
+};
+_index.default.defaultProps = {
+  iceTopNavBarEnabled: false
+};
 SDKTimer.displayName = 'SDKTimer';
 var _default = SDKTimer;
 exports.default = _default;

package/lib/common/components/layout/header/Calculator/presenter.js

@@ -25,15 +25,32 @@ var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/f
 
 var _uiButtons = require("@instructure/ui-buttons");
 
+var _uiTopNavBar = require("@instructure/ui-top-nav-bar");
+
 var _uiA11yContent = require("@instructure/ui-a11y-content");
 
 var _uiIcons = require("@instructure/ui-icons");
 
 var _index = _interopRequireDefault(require("../../../LearnosityCalculator/index.js"));
 
+var _ref2 = /*#__PURE__*/_react.default.createElement(_uiIcons.IconCalculatorLine, null);
+
 var CalculatorButton = function CalculatorButton(_ref) {
   var toggleCalculator = _ref.toggleCalculator,
-      enabled = _ref.enabled;
+      enabled = _ref.enabled,
+      iceTopNavBarEnabled = _ref.iceTopNavBarEnabled;
+
+  if (iceTopNavBarEnabled) {
+    return /*#__PURE__*/_react.default.createElement(_uiTopNavBar.TopNavBar.Item, {
+      id: "CalculatorButton",
+      onClick: toggleCalculator,
+      variant: "icon",
+      renderIcon: _ref2,
+      disabled: !enabled,
+      tooltip: (0, _formatMessage.default)('Calculator')
+    }, (0, _formatMessage.default)('Calculator'));
+  }
+
   return /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
     renderIcon: _uiIcons.IconCalculatorLine,
     onClick: toggleCalculator,
@@ -43,7 +60,11 @@ var CalculatorButton = function CalculatorButton(_ref) {
 
 CalculatorButton.propTypes = {
   toggleCalculator: _propTypes.default.func.isRequired,
-  enabled: _propTypes.default.bool.isRequired
+  enabled: _propTypes.default.bool.isRequired,
+  iceTopNavBarEnabled: _propTypes.default.bool
+};
+CalculatorButton.defaultProps = {
+  iceTopNavBarEnabled: false
 };
 
 var Calculator = /*#__PURE__*/function (_Component) {
@@ -73,12 +94,14 @@ Calculator.propTypes = {
   activeCalculatorId: _propTypes.default.string,
   calculatorType: _propTypes.default.oneOf(['none', 'basic', 'scientific']),
   quizSessionId: _propTypes.default.string,
-  setActiveCalculatorId: _propTypes.default.func.isRequired
+  setActiveCalculatorId: _propTypes.default.func.isRequired,
+  iceTopNavBarEnabled: _propTypes.default.bool
 };
 Calculator.defaultProps = {
   activeCalculatorId: void 0,
   calculatorType: void 0,
-  quizSessionId: void 0
+  quizSessionId: void 0,
+  iceTopNavBarEnabled: false
 };
 var _default = Calculator;
 exports.default = _default;

package/lib/common/components/layout/header/Timer/presenter.js

@@ -29,6 +29,8 @@ var _uiIcons = require("@instructure/ui-icons");
 
 var _uiButtons = require("@instructure/ui-buttons");
 
+var _uiTopNavBar = require("@instructure/ui-top-nav-bar");
+
 var _uiView = require("@instructure/ui-view");
 
 var _uiThemeable = require("@instructure/ui-themeable");
@@ -53,6 +55,11 @@ var styles = {
   'timerRight': 'fBhoO_dkDW',
   'timeRemainingLabel': 'fBhoO_bYJj'
 };
+
+var _ref = /*#__PURE__*/_react.default.createElement(_uiIcons.IconClockLine, null);
+
+var _ref2 = /*#__PURE__*/_react.default.createElement(_uiIcons.IconClockSolid, null);
+
 var Timer = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Timer, _Component);
 
@@ -124,8 +131,10 @@ var Timer = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_c
 
       if (timerRunning && !prevProps.timerRunning) {
         document.body.addEventListener('keydown', this.handleKeyDown);
+        this.props.setTimerRunning(true);
       } else if (!timerRunning && prevProps.timerRunning) {
         document.body.removeEventListener('keydown', this.handleKeyDown);
+        this.props.setTimerRunning(false);
       }
     }
   }, {
@@ -141,6 +150,18 @@ var Timer = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_c
   }, {
     key: "renderMinimizedTimer",
     value: function renderMinimizedTimer() {
+      if (this.props.iceTopNavBarEnabled) {
+        return /*#__PURE__*/_react.default.createElement(_uiTopNavBar.TopNavBar.Item, {
+          id: "TimerButton",
+          onClick: (0, _partial.default)(this.props.updateTimerMinimized, false),
+          variant: "icon",
+          renderIcon: _ref,
+          tooltip: (0, _formatMessage.default)('Show Timer'),
+          "aria-expanded": "false",
+          itemRef: this.showTimerRef
+        }, (0, _formatMessage.default)('Show Timer'));
+      }
+
       return /*#__PURE__*/_react.default.createElement("div", {
         className: styles.timer
       }, this.renderHelpScreenreaderText(), /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
@@ -153,6 +174,20 @@ var Timer = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_c
   }, {
     key: "renderMaximizedTimer",
     value: function renderMaximizedTimer() {
+      if (this.props.iceTopNavBarEnabled) {
+        return /*#__PURE__*/_react.default.createElement(_uiTopNavBar.TopNavBar.Item, {
+          id: "TimerButton",
+          onClick: (0, _partial.default)(this.props.updateTimerMinimized, true),
+          variant: "forceIconWithLabel",
+          renderIcon: _ref2,
+          tooltip: (0, _formatMessage.default)('Hide Timer'),
+          "aria-expanded": "true",
+          itemRef: this.hideTimerRef
+        }, /*#__PURE__*/_react.default.createElement(_index.default, {
+          seconds: this.props.timeLeftInSeconds
+        }));
+      }
+
       return /*#__PURE__*/_react.default.createElement("div", {
         className: styles.timer
       }, this.renderHelpScreenreaderText(), /*#__PURE__*/_react.default.createElement(_uiView.View, {
@@ -192,11 +227,15 @@ var Timer = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_c
   timeLeftInSeconds: _propTypes.default.number,
   timerMinimized: _propTypes.default.bool,
   timerRunning: _propTypes.default.bool,
-  updateTimerMinimized: _propTypes.default.func.isRequired
+  updateTimerMinimized: _propTypes.default.func.isRequired,
+  iceTopNavBarEnabled: _propTypes.default.bool,
+  setTimerRunning: _propTypes.default.func
 }, _class2.defaultProps = {
   timerRunning: false,
   timeLeftInSeconds: 0,
-  timerMinimized: false
+  timerMinimized: false,
+  iceTopNavBarEnabled: false,
+  setTimerRunning: function setTimerRunning() {}
 }, _temp)) || _class);
 exports.Timer = Timer;
 var _default = Timer;

package/lib/common/components/layout/navbar/SecondaryNavBarButton/index.js

@@ -0,0 +1,80 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.SecondaryNavBarButton = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
+var _react = require("react");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _uiTopNavBar = require("@instructure/ui-top-nav-bar");
+
+var _emotion = require("@instructure/emotion");
+
+var _uiReactUtils = require("@instructure/ui-react-utils");
+
+var _styles = _interopRequireDefault(require("./styles.js"));
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _dec, _class, _class2, _temp;
+
+var SecondaryNavBarButton = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(SecondaryNavBarButton, _Component);
+
+  var _super = (0, _createSuper2.default)(SecondaryNavBarButton);
+
+  function SecondaryNavBarButton() {
+    (0, _classCallCheck2.default)(this, SecondaryNavBarButton);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2.default)(SecondaryNavBarButton, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.props.makeStyles();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      this.props.makeStyles();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return (0, _emotion.jsx)(_emotion.InstUISettingsProvider, {
+        theme: {
+          componentOverrides: {
+            BaseButton: {
+              primaryColor: this.props.styles.textColor,
+              primaryBackground: this.props.styles.backgroundColor,
+              primaryHoverBackground: this.props.styles.backgroundHoverColor,
+              primaryBorderColor: this.props.styles.borderColor
+            }
+          }
+        }
+      }, (0, _emotion.jsx)(_uiTopNavBar.TopNavBar.Item, (0, _uiReactUtils.omitProps)(this.props, this.constructor.propTypes), this.props.children));
+    }
+  }]);
+  SecondaryNavBarButton.displayName = "SecondaryNavBarButton";
+  return SecondaryNavBarButton;
+}(_react.Component), _class2.propTypes = {
+  children: _propTypes.default.string.isRequired,
+  styles: _propTypes.default.object,
+  makeStyles: _propTypes.default.func
+}, _temp)) || _class);
+exports.SecondaryNavBarButton = SecondaryNavBarButton;
+var _default = SecondaryNavBarButton;
+exports.default = _default;

package/lib/common/components/layout/navbar/SecondaryNavBarButton/styles.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var generateStyle = function generateStyle(componentTheme) {
+  return {
+    textColor: componentTheme.textColor,
+    backgroundColor: componentTheme.backgroundColor,
+    backgroundHoverColor: componentTheme.backgroundHoverColor,
+    borderColor: componentTheme.borderColor
+  };
+};
+
+var _default = generateStyle;
+exports.default = _default;

package/lib/common/components/layout/navbar/SecondaryNavBarButton/theme.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var generateComponentTheme = function generateComponentTheme(_ref) {
+  var colors = _ref.colors;
+  return {
+    textColor: '#000',
+    backgroundColor: colors.porcelain,
+    backgroundHoverColor: '#d8d8d8',
+    borderColor: '#d8d8d8'
+  };
+};
+
+var _default = generateComponentTheme;
+exports.default = _default;

package/lib/index.js

@@ -45,6 +45,7 @@ var _exportNames = {
   SDKMenuButton: true,
   SDKTimer: true,
   SDKNavBar: true,
+  SecondaryNavBarButton: true,
   CentileDistribution: true,
   OutcomeAnalysis: true,
   PositionBox: true,
@@ -428,6 +429,12 @@ Object.defineProperty(exports, "SDKNavBar", {
     return _SDKNavBar.SDKNavBar;
   }
 });
+Object.defineProperty(exports, "SecondaryNavBarButton", {
+  enumerable: true,
+  get: function get() {
+    return _index31.SecondaryNavBarButton;
+  }
+});
 Object.defineProperty(exports, "CentileDistribution", {
   enumerable: true,
   get: function get() {
@@ -437,7 +444,7 @@ Object.defineProperty(exports, "CentileDistribution", {
 Object.defineProperty(exports, "OutcomeAnalysis", {
   enumerable: true,
   get: function get() {
-    return _index31.OutcomeAnalysis;
+    return _index32.OutcomeAnalysis;
   }
 });
 Object.defineProperty(exports, "PositionBox", {
@@ -449,85 +456,85 @@ Object.defineProperty(exports, "PositionBox", {
 Object.defineProperty(exports, "Pin", {
   enumerable: true,
   get: function get() {
-    return _index32.Pin;
+    return _index33.Pin;
   }
 });
 Object.defineProperty(exports, "RceImageImportModal", {
   enumerable: true,
   get: function get() {
-    return _index33.RceImageImportModal;
+    return _index34.RceImageImportModal;
   }
 });
 Object.defineProperty(exports, "SessionItemResultView", {
   enumerable: true,
   get: function get() {
-    return _index34.SessionItemResult;
+    return _index35.SessionItemResult;
   }
 });
 Object.defineProperty(exports, "Card", {
   enumerable: true,
   get: function get() {
-    return _index35.Card;
+    return _index36.Card;
   }
 });
 Object.defineProperty(exports, "CardContent", {
   enumerable: true,
   get: function get() {
-    return _index36.CardContent;
+    return _index37.CardContent;
   }
 });
 Object.defineProperty(exports, "CardWrapper", {
   enumerable: true,
   get: function get() {
-    return _index37.CardWrapper;
+    return _index38.CardWrapper;
   }
 });
 Object.defineProperty(exports, "Page", {
   enumerable: true,
   get: function get() {
-    return _index38.Page;
+    return _index39.Page;
   }
 });
 Object.defineProperty(exports, "BanksTray", {
   enumerable: true,
   get: function get() {
-    return _index39.BanksTray;
+    return _index40.BanksTray;
   }
 });
 Object.defineProperty(exports, "BuildingSidebar", {
   enumerable: true,
   get: function get() {
-    return _index40.BuildingSidebar;
+    return _index41.BuildingSidebar;
   }
 });
 Object.defineProperty(exports, "DeleteStimulusModal", {
   enumerable: true,
   get: function get() {
-    return _index41.DeleteStimulusModal;
+    return _index42.DeleteStimulusModal;
   }
 });
 Object.defineProperty(exports, "ItemFeedbackModal", {
   enumerable: true,
   get: function get() {
-    return _index42.ItemFeedbackModal;
+    return _index43.ItemFeedbackModal;
   }
 });
 Object.defineProperty(exports, "MoveImmutableModal", {
   enumerable: true,
   get: function get() {
-    return _index43.MoveImmutableModal;
+    return _index44.MoveImmutableModal;
   }
 });
 Object.defineProperty(exports, "AddContentModal", {
   enumerable: true,
   get: function get() {
-    return _index44.AddContentModal;
+    return _index45.AddContentModal;
   }
 });
 Object.defineProperty(exports, "QTIImportModal", {
   enumerable: true,
   get: function get() {
-    return _index45.QTIImportModal;
+    return _index46.QTIImportModal;
   }
 });
 Object.defineProperty(exports, "ReturnButton", {
@@ -557,49 +564,49 @@ Object.defineProperty(exports, "QuizInfo", {
 Object.defineProperty(exports, "LearnosityCalculator", {
   enumerable: true,
   get: function get() {
-    return _index46.LearnosityCalculator;
+    return _index47.LearnosityCalculator;
   }
 });
 Object.defineProperty(exports, "QuizInstructions", {
   enumerable: true,
   get: function get() {
-    return _index47.QuizInstructions;
+    return _index48.QuizInstructions;
   }
 });
 Object.defineProperty(exports, "QuizTitle", {
   enumerable: true,
   get: function get() {
-    return _index48.QuizTitle;
+    return _index49.QuizTitle;
   }
 });
 Object.defineProperty(exports, "QuizEntryShow", {
   enumerable: true,
   get: function get() {
-    return _index49.QuizEntryShow;
+    return _index50.QuizEntryShow;
   }
 });
 Object.defineProperty(exports, "StimulusShow", {
   enumerable: true,
   get: function get() {
-    return _index50.StimulusShow;
+    return _index51.StimulusShow;
   }
 });
 Object.defineProperty(exports, "QuizSessionResultHeader", {
   enumerable: true,
   get: function get() {
-    return _index51.QuizSessionResultHeader;
+    return _index52.QuizSessionResultHeader;
   }
 });
 Object.defineProperty(exports, "QuizSessionResultInfo", {
   enumerable: true,
   get: function get() {
-    return _index52.Info;
+    return _index53.Info;
   }
 });
 Object.defineProperty(exports, "SessionItemResultsList", {
   enumerable: true,
   get: function get() {
-    return _index53.SessionItemResultsList;
+    return _index54.SessionItemResultsList;
   }
 });
 Object.defineProperty(exports, "Errors", {
@@ -611,13 +618,13 @@ Object.defineProperty(exports, "Errors", {
 Object.defineProperty(exports, "TimeUnitsInput", {
   enumerable: true,
   get: function get() {
-    return _index54.TimeUnitsInput;
+    return _index55.TimeUnitsInput;
   }
 });
 Object.defineProperty(exports, "QuizEntryView", {
   enumerable: true,
   get: function get() {
-    return _index55.QuizEntry;
+    return _index56.QuizEntry;
   }
 });
 Object.defineProperty(exports, "Provider", {
@@ -635,19 +642,19 @@ Object.defineProperty(exports, "connect", {
 Object.defineProperty(exports, "FormattedTimer", {
   enumerable: true,
   get: function get() {
-    return _index56.FormattedTimer;
+    return _index57.FormattedTimer;
   }
 });
 Object.defineProperty(exports, "breakdownSeconds", {
   enumerable: true,
   get: function get() {
-    return _index56.breakdownSeconds;
+    return _index57.breakdownSeconds;
   }
 });
 Object.defineProperty(exports, "HOUR_IN_SECONDS", {
   enumerable: true,
   get: function get() {
-    return _index56.HOUR_IN_SECONDS;
+    return _index57.HOUR_IN_SECONDS;
   }
 });
 Object.defineProperty(exports, "config", {
@@ -761,7 +768,7 @@ Object.defineProperty(exports, "formatTime", {
 Object.defineProperty(exports, "generateImportModalId", {
   enumerable: true,
   get: function get() {
-    return _index57.generateImportModalId;
+    return _index58.generateImportModalId;
   }
 });
 Object.defineProperty(exports, "TimerService", {
@@ -1446,39 +1453,41 @@ var _SDKTimer = require("./common/components/SDKTimer.js");
 
 var _SDKNavBar = require("./common/components/SDKNavBar.js");
 
+var _index31 = require("./common/components/layout/navbar/SecondaryNavBarButton/index.js");
+
 var _CentileDistribution = require("./reporting/components/charts/Distribution/CentileDistribution.js");
 
-var _index31 = require("./reporting/components/resources/OutcomeAnalysis/index.js");
+var _index32 = require("./reporting/components/resources/OutcomeAnalysis/index.js");
 
 var _PositionBox = require("./common/components/resources/positionBox/PositionBox.js");
 
-var _index32 = require("./common/components/Pin/index.js");
+var _index33 = require("./common/components/Pin/index.js");
 
-var _index33 = require("./common/components/RichContentInput/RceImageImportModal/index.js");
+var _index34 = require("./common/components/RichContentInput/RceImageImportModal/index.js");
 
-var _index34 = require("./common/components/resources/sessionItemResult/SessionItemResult/index.js");
+var _index35 = require("./common/components/resources/sessionItemResult/SessionItemResult/index.js");
 
-var _index35 = require("./common/components/shared/Card/index.js");
+var _index36 = require("./common/components/shared/Card/index.js");
 
-var _index36 = require("./common/components/shared/Card/CardContent/index.js");
+var _index37 = require("./common/components/shared/Card/CardContent/index.js");
 
-var _index37 = require("./common/components/shared/Card/CardWrapper/index.js");
+var _index38 = require("./common/components/shared/Card/CardWrapper/index.js");
 
-var _index38 = require("./common/components/layout/Page/index.js");
+var _index39 = require("./common/components/layout/Page/index.js");
 
-var _index39 = require("./building/components/resources/BanksTray/index.js");
+var _index40 = require("./building/components/resources/BanksTray/index.js");
 
-var _index40 = require("./building/components/layout/Sidebar/index.js");
+var _index41 = require("./building/components/layout/Sidebar/index.js");
 
-var _index41 = require("./building/components/resources/DeleteStimulusModal/index.js");
+var _index42 = require("./building/components/resources/DeleteStimulusModal/index.js");
 
-var _index42 = require("./building/components/resources/ItemFeedbackModal/index.js");
+var _index43 = require("./building/components/resources/ItemFeedbackModal/index.js");
 
-var _index43 = require("./building/components/resources/MoveImmutableModal/index.js");
+var _index44 = require("./building/components/resources/MoveImmutableModal/index.js");
 
-var _index44 = require("./common/components/resources/quiz/AddContent/Modal/index.js");
+var _index45 = require("./common/components/resources/quiz/AddContent/Modal/index.js");
 
-var _index45 = require("./building/components/QTIImportModal/index.js");
+var _index46 = require("./building/components/QTIImportModal/index.js");
 
 var _ReturnButton = require("./common/components/shared/return_button/ReturnButton.js");
 
@@ -1488,31 +1497,31 @@ var _Event = require("./moderating/components/events/Event.js");
 
 var _QuizInfo = require("./common/components/resources/quiz/info/QuizInfo.js");
 
-var _index46 = require("./common/components/LearnosityCalculator/index.js");
+var _index47 = require("./common/components/LearnosityCalculator/index.js");
 
-var _index47 = require("./building/components/resources/quiz/instructions/Instructions/index.js");
+var _index48 = require("./building/components/resources/quiz/instructions/Instructions/index.js");
 
-var _index48 = require("./building/components/resources/quiz/title/Title/index.js");
+var _index49 = require("./building/components/resources/quiz/title/Title/index.js");
 
-var _index49 = require("./building/components/resources/quizEntry/QuizEntryShow/index.js");
+var _index50 = require("./building/components/resources/quizEntry/QuizEntryShow/index.js");
 
-var _index50 = require("./common/components/resources/stimulus/StimulusShow/index.js");
+var _index51 = require("./common/components/resources/stimulus/StimulusShow/index.js");
 
-var _index51 = require("./common/components/resources/quizSessionResult/Header/index.js");
+var _index52 = require("./common/components/resources/quizSessionResult/Header/index.js");
 
-var _index52 = require("./common/components/resources/quizSessionResult/Info/index.js");
+var _index53 = require("./common/components/resources/quizSessionResult/Info/index.js");
 
-var _index53 = require("./common/components/resources/sessionItemResult/SessionItemResultsList/index.js");
+var _index54 = require("./common/components/resources/sessionItemResult/SessionItemResultsList/index.js");
 
 var _Errors = require("./common/components/shared/errors/Errors.js");
 
-var _index54 = require("./common/components/shared/TimeUnitsInput/index.js");
+var _index55 = require("./common/components/shared/TimeUnitsInput/index.js");
 
-var _index55 = require("./building/components/resources/quizEntry/QuizEntry/index.js");
+var _index56 = require("./building/components/resources/quizEntry/QuizEntry/index.js");
 
 var _reactRedux = require("./common/react-redux.js");
 
-var _index56 = require("./common/components/shared/FormattedDuration/index.js");
+var _index57 = require("./common/components/shared/FormattedDuration/index.js");
 
 var _config = require("./config.js");
 
@@ -1538,7 +1547,7 @@ var _makeScrollable = require("./common/components/shared/functionality/makeScro
 
 var _formatTimespan = require("./common/util/formatTimespan.js");
 
-var _index57 = require("./common/components/ImportModal/index.js");
+var _index58 = require("./common/components/ImportModal/index.js");
 
 var _TimerService = require("./common/util/TimerService.js");
 
@@ -1630,16 +1639,16 @@ var _sessionItems = require("./common/selectors/sessionItems.js");
 
 var _sessionItemResults = require("./common/selectors/sessionItemResults.js");
 
-var _index58 = require("./common/records/index.js");
+var _index59 = require("./common/records/index.js");
 
-Object.keys(_index58).forEach(function (key) {
+Object.keys(_index59).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _index58[key]) return;
+  if (key in exports && exports[key] === _index59[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _index58[key];
+      return _index59[key];
     }
   });
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/quiz-core",
-  "version": "20.5.2-rc.6+87f2824e1",
+  "version": "20.6.0",
   "license": "MIT",
   "description": "The Quiz React SDK by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
@@ -44,11 +44,11 @@
     "@instructure/emotion": "^8.51.0",
     "@instructure/grading-utils": "^1.0.0",
     "@instructure/outcomes-ui": "^3.1.0",
-    "@instructure/quiz-common": "20.5.2-rc.6+87f2824e1",
-    "@instructure/quiz-i18n": "20.5.2-rc.6+87f2824e1",
-    "@instructure/quiz-interactions": "20.5.2-rc.6+87f2824e1",
-    "@instructure/quiz-number-input": "20.5.2-rc.6+87f2824e1",
-    "@instructure/quiz-rce": "20.5.2-rc.6+87f2824e1",
+    "@instructure/quiz-common": "^20.6.0",
+    "@instructure/quiz-i18n": "^20.6.0",
+    "@instructure/quiz-interactions": "^20.6.0",
+    "@instructure/quiz-number-input": "^20.6.0",
+    "@instructure/quiz-rce": "^20.6.0",
     "@instructure/ui-a11y-content": "^8.51.0",
     "@instructure/ui-alerts": "^8.51.0",
     "@instructure/ui-avatar": "^8.51.0",
@@ -112,7 +112,7 @@
     "file-saver": "~2.0.5",
     "humps": "^2.0.0",
     "immutable": "^3.8.1",
-    "instructure-validations": "20.5.2-rc.6+87f2824e1",
+    "instructure-validations": "^20.6.0",
     "ipaddr.js": "^1.5.4",
     "isomorphic-fetch": "^2.2.0",
     "isuuid": "^0.1.0",
@@ -143,7 +143,7 @@
     "uuid": "^3.2.1"
   },
   "devDependencies": {
-    "@instructure/quiz-scripts": "20.5.1",
+    "@instructure/quiz-scripts": "^20.6.0",
     "@instructure/ui-axe-check": "^8.51.0",
     "@instructure/ui-babel-preset": "^7.22.1",
     "@instructure/ui-karma-config": "^7.22.1",
@@ -163,7 +163,7 @@
     "intl": "^1.2.4",
     "jquery": "^2.2.3",
     "most-subject": "^5.3.0",
-    "quiz-presets": "20.5.2-rc.6+87f2824e1",
+    "quiz-presets": "^20.6.0",
     "react": "^16.8.6",
     "react-addons-test-utils": "^15.6.2",
     "react-dom": "^16.8.6",
@@ -179,5 +179,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "87f2824e1bf35756bb3a703b0f30d7aa0b79d9d8"
+  "gitHead": "015115f327fd3b3b38045311b7688893966c564e"
 }