@instructure/quiz-core 20.8.1-rc.4 → 20.8.1-rc.6

package/es/building/components/resources/quiz/title/Edit/index.js

@@ -1,4 +1,3 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
@@ -6,25 +5,15 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 
 var _dec, _class, _class2, _temp;
 
-import React, { Component } from 'react';
+/** @jsx jsx */
+import { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import ReactDOM from 'react-dom';
 import defer from 'lodash/defer';
-import classNames from 'classnames';
-import { themeable } from '@instructure/ui-themeable';
-var styles = {
-  componentId: 'ciuec',
-  template: function template(theme) {
-    return "\n\n.ciuec_eqoe{box-sizing:border-box;display:flex;flex-direction:column;height:5rem;justify-content:center;padding-left:".concat(theme.titleEditWrapperLeftPadding || 'inherit', ";padding-right:").concat(theme.titleEditWrapperRightPadding || 'inherit', ";position:relative;width:100%}\n\n.ciuec_dwFS{font-family:").concat(theme.titleEditInputFontFamily || 'inherit', ";font-size:").concat(theme.titleEditInputFontSize || 'inherit', "}\n\n.ciuec_dRxD,.ciuec_dvSU{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;width:100%}\n\n.ciuec_xXob{border:solid 1px ").concat(theme.errorBorderColor || 'inherit', ";border-radius:").concat(theme.errorBorderBorderRadius || 'inherit', ";margin:").concat(theme.errorBorderMargin || 'inherit', ";padding:").concat(theme.errorBorderPadding || 'inherit', "}");
-  },
-  'titleEditWrapper': 'ciuec_eqoe',
-  'titleEditInput': 'ciuec_dwFS',
-  'errorsWrapper': 'ciuec_dRxD',
-  'inputWrapper': 'ciuec_dvSU',
-  'errorBorder': 'ciuec_xXob'
-};
-import theme from "./theme.js";
+import { withStyle, jsx } from '@instructure/emotion';
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
 import Errors from "../../../../../../common/components/shared/errors/Errors.js";
 import t from '@instructure/quiz-i18n/es/format-message'; // =================================
 // once editing is toggled this div
@@ -32,7 +21,7 @@ import t from '@instructure/quiz-i18n/es/format-message'; // ===================
 // allow for canceling
 // =================================
 
-export var TitleEdit = (_dec = themeable(theme, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+export var TitleEdit = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   _inherits(TitleEdit, _Component);
 
   var _super = _createSuper(TitleEdit);
@@ -95,12 +84,18 @@ export var TitleEdit = (_dec = themeable(theme, styles), _dec(_class = (_temp =
     // todo: extract this into a shared method
     // to be used on many components
     value: function componentDidMount() {
+      this.props.makeStyles();
       var input = ReactDOM.findDOMNode(this.input); // some browsers add chars so * 2 to ensure at end
 
       var valLength = input.value.length * 2;
       input.focus();
       input.setSelectionRange(valLength, valLength);
     }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      this.props.makeStyles();
+    }
   }, {
     key: "ifValidElseError",
     value: function ifValidElseError(cb) {
@@ -129,31 +124,24 @@ export var TitleEdit = (_dec = themeable(theme, styles), _dec(_class = (_temp =
     key: "renderErrors",
     value: function renderErrors() {
       if (this.hasErrors()) {
-        return /*#__PURE__*/React.createElement("div", {
-          className: styles.errorsWrapper
-        }, /*#__PURE__*/React.createElement(Errors, {
+        return jsx("div", {
+          css: this.props.styles.errorsWrapper
+        }, jsx(Errors, {
           errorList: this.props.errors
         }));
       }
     }
-  }, {
-    key: "inputClasses",
-    value: function inputClasses() {
-      var _classNames;
-
-      return classNames((_classNames = {}, _defineProperty(_classNames, styles.titleEditInput, true), _defineProperty(_classNames, styles.errorBorder, this.hasErrors()), _classNames));
-    }
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/React.createElement("div", {
+      return jsx("div", {
         ref: this.setRef('wrapper'),
-        className: styles.titleEditWrapper,
+        css: this.props.styles.titleEditWrapper,
         onBlur: this.handleBlur,
         "data-automation": "sdk-quiz-title-edit-wrapper"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: styles.inputWrapper
-      }, /*#__PURE__*/React.createElement("input", {
+      }, jsx("div", {
+        css: this.props.styles.inputWrapper
+      }, jsx("input", {
         ref: this.setRef('input'),
         type: "text",
         "aria-label": t('title'),
@@ -162,7 +150,7 @@ export var TitleEdit = (_dec = themeable(theme, styles), _dec(_class = (_temp =
         onKeyDown: this.handleKeyDown,
         onKeyUp: this.handleKeyUp,
         onChange: this.props.onInputChange,
-        className: this.inputClasses(),
+        css: this.props.styles.titleEditInput,
         "data-automation": "sdk-quiz-title-edit"
       })), this.renderErrors());
     }
@@ -179,7 +167,10 @@ export var TitleEdit = (_dec = themeable(theme, styles), _dec(_class = (_temp =
   errorsAreShowing: PropTypes.bool,
   onInputChange: PropTypes.func.isRequired,
   saveAndPreview: PropTypes.func.isRequired,
-  deferMock: PropTypes.func
+  deferMock: PropTypes.func,
+  // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
+  styles: PropTypes.object,
+  makeStyles: PropTypes.func
 }, _class2.defaultProps = {
   errorsAreShowing: false,
   deferMock: defer

package/es/building/components/resources/quiz/title/Edit/styles.js

@@ -0,0 +1,38 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+
+var generateStyle = function generateStyle(componentTheme, props) {
+  var wrapperStyles = {
+    width: '100%',
+    flex: '1 1 auto',
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'center'
+  };
+  var errorBorderStyles = {
+    margin: componentTheme.errorBorderMargin,
+    padding: componentTheme.errorBorderPadding,
+    border: "solid 1px ".concat(componentTheme.errorBorderColor),
+    borderRadius: componentTheme.errorBorderBorderRadius
+  };
+  return {
+    titleEditWrapper: {
+      position: 'relative',
+      width: '100%',
+      height: '5rem',
+      boxSizing: 'border-box',
+      paddingLeft: componentTheme.titleEditWrapperLeftPadding,
+      paddingRight: componentTheme.titleEditWrapperRightPadding,
+      display: 'flex',
+      flexDirection: 'column',
+      justifyContent: 'center'
+    },
+    titleEditInput: _objectSpread({
+      fontFamily: componentTheme.titleEditInputFontFamily,
+      fontSize: componentTheme.titleEditInputFontSize
+    }, props.errorsAreShowing && props.errors.size > 0 && errorBorderStyles),
+    inputWrapper: wrapperStyles,
+    errorsWrapper: wrapperStyles
+  };
+};
+
+export default generateStyle;

package/es/building/components/resources/quiz/title/Edit/theme.js

@@ -1,4 +1,4 @@
-export default function generator(_ref) {
+var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
       colors = _ref.colors,
       typography = _ref.typography,
@@ -13,4 +13,6 @@ export default function generator(_ref) {
     errorBorderColor: colors.crimson,
     errorBorderBorderRadius: borders.radiusSmall
   };
-}
+};
+
+export default generateComponentTheme;

package/es/common/components/shared/ExpandButton/index.js

@@ -1,4 +1,3 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
@@ -6,23 +5,16 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 
 var _dec, _class, _class2, _temp;
 
-import React, { Component } from 'react';
+/** @jsx jsx */
+import { Component } from 'react';
 import PropTypes from 'prop-types';
-import classNames from 'classnames';
 import { IconArrowOpenDownLine } from '@instructure/ui-icons';
 import { IconButton } from '@instructure/ui-buttons';
-import { themeable } from '@instructure/ui-themeable';
+import { withStyle, jsx } from '@instructure/emotion';
 import { omitProps } from '@instructure/ui-react-utils';
-var styles = {
-  componentId: 'yAmvo',
-  template: function template(theme) {
-    return "\n\n.yAmvo_dnnz{transition:transform ".concat(theme.iconTransitionDuration || 'inherit', "}\n\n.yAmvo_bPeN{transform:rotateX(180deg)}");
-  },
-  'icon': 'yAmvo_dnnz',
-  'iconOpened': 'yAmvo_bPeN'
-};
-import theme from "./theme.js";
-export var ExpandButton = (_dec = themeable(theme, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
+export var ExpandButton = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   _inherits(ExpandButton, _Component);
 
   var _super = _createSuper(ExpandButton);
@@ -34,18 +26,27 @@ export var ExpandButton = (_dec = themeable(theme, styles), _dec(_class = (_temp
   }
 
   _createClass(ExpandButton, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.props.makeStyles();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      this.props.makeStyles();
+    }
+  }, {
     key: "renderIcon",
     value: function renderIcon() {
-      var _classNames;
-
-      return /*#__PURE__*/React.createElement(IconArrowOpenDownLine, {
-        className: classNames((_classNames = {}, _defineProperty(_classNames, styles.icon, true), _defineProperty(_classNames, styles.iconOpened, this.props.isExpanded), _classNames))
+      return jsx(IconArrowOpenDownLine, {
+        "data-testid": "expand-button",
+        css: this.props.styles.icon
       });
     }
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/React.createElement(IconButton, Object.assign({
+      return jsx(IconButton, Object.assign({
         size: "medium",
         withBackground: false,
         withBorder: false,
@@ -62,6 +63,9 @@ export var ExpandButton = (_dec = themeable(theme, styles), _dec(_class = (_temp
 }(Component), _class2.propTypes = {
   isExpanded: PropTypes.bool.isRequired,
   title: PropTypes.string.isRequired,
-  onClick: PropTypes.func.isRequired
+  onClick: PropTypes.func.isRequired,
+  // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
+  styles: PropTypes.object,
+  makeStyles: PropTypes.func
 }, _temp)) || _class);
 export default ExpandButton;

package/es/common/components/shared/ExpandButton/styles.js

@@ -0,0 +1,13 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+
+var generateStyle = function generateStyle(componentTheme, props) {
+  return {
+    icon: _objectSpread({
+      transition: "transform ".concat(componentTheme.iconTransitionDuration)
+    }, props.isExpanded && {
+      transform: 'rotate3d(1, 0, 0, 180deg)'
+    })
+  };
+};
+
+export default generateStyle;

package/es/common/components/shared/ExpandButton/theme.js

@@ -1,5 +1,7 @@
-export default function generator() {
+var generateComponentTheme = function generateComponentTheme() {
   return {
     iconTransitionDuration: '0.3s'
   };
-}
+};
+
+export default generateComponentTheme;

package/es/common/components/shared/Paginator/index.js

@@ -5,20 +5,15 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 
 var _dec, _class, _class2, _temp;
 
-import React, { Component } from 'react';
+/** @jsx jsx */
+import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Pagination } from '@instructure/ui-pagination';
-import { themeable } from '@instructure/ui-themeable';
+import { withStyle, jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
-var styles = {
-  componentId: 'fVnQK',
-  template: function template(theme) {
-    return "\n\n.fVnQK_bPMN{padding-top:".concat(theme.paginationPadding || 'inherit', "}");
-  },
-  'pagination': 'fVnQK_bPMN'
-};
-import theme from "./theme.js";
-export var Paginator = (_dec = themeable(theme, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
+export var Paginator = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   _inherits(Paginator, _Component);
 
   var _super = _createSuper(Paginator);
@@ -36,7 +31,7 @@ export var Paginator = (_dec = themeable(theme, styles), _dec(_class = (_temp =
 
       var paginationButtons = Array.from(Array(this.props.totalPages)).map(function (v, i) {
         var page = i + 1;
-        return /*#__PURE__*/React.createElement(Pagination.Page, {
+        return jsx(Pagination.Page, {
           key: page,
           current: page === _this.props.currentPage,
           onClick: _this.props.onPageChange.bind(null, page)
@@ -44,9 +39,9 @@ export var Paginator = (_dec = themeable(theme, styles), _dec(_class = (_temp =
 
         }, page);
       });
-      return /*#__PURE__*/React.createElement("div", {
-        className: styles.pagination
-      }, /*#__PURE__*/React.createElement(Pagination, {
+      return jsx("div", {
+        css: this.props.styles.pagination
+      }, jsx(Pagination, {
         labelNext: t('Next page'),
         labelPrev: t('Previous page'),
         variant: "compact"
@@ -55,7 +50,7 @@ export var Paginator = (_dec = themeable(theme, styles), _dec(_class = (_temp =
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/React.createElement("div", null, this.props.children, this.renderPagination());
+      return jsx("div", null, this.props.children, this.renderPagination());
     }
   }]);
 
@@ -65,6 +60,7 @@ export var Paginator = (_dec = themeable(theme, styles), _dec(_class = (_temp =
   children: PropTypes.node.isRequired,
   currentPage: PropTypes.number.isRequired,
   onPageChange: PropTypes.func.isRequired,
-  totalPages: PropTypes.number.isRequired
+  totalPages: PropTypes.number.isRequired,
+  styles: PropTypes.object
 }, _temp)) || _class);
 export default Paginator;

package/es/common/components/shared/Paginator/styles.js

@@ -0,0 +1,9 @@
+var generateStyle = function generateStyle(componentTheme) {
+  return {
+    pagination: {
+      paddingTop: componentTheme.paginationPadding
+    }
+  };
+};
+
+export default generateStyle;

package/es/common/components/shared/Paginator/theme.js

@@ -1,6 +1,8 @@
-export default function generator(_ref) {
+var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing;
   return {
     paginationPadding: spacing.small
   };
-}
+};
+
+export default generateComponentTheme;

package/es/common/components/shared/errors/Errors.js

@@ -5,57 +5,64 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 
 var _dec, _class, _class2, _temp;
 
-import React, { Component } from 'react';
+/** @jsx jsx */
+import { Component } from 'react';
 import { List } from 'immutable';
 import ImmutablePropTypes from 'react-immutable-proptypes';
-import { themeable } from '@instructure/ui-themeable';
-var styles = {
-  componentId: 'eFvbO',
-  template: function template(theme) {
-    return "\n\n.eFvbO_bEOF{align-items:flex-start;display:flex;flex-direction:column}\n\n.eFvbO_ddvR{color:".concat(theme.errorColor || 'inherit', ";flex:1 1 auto;font-family:").concat(theme.errorFontFamily || 'inherit', ";font-size:").concat(theme.errorFontSize || 'inherit', "}");
-  },
-  'errors': 'eFvbO_bEOF',
-  'error': 'eFvbO_ddvR'
-};
-import theme from "./theme.js";
-export var Errors = (_dec = themeable(theme, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+import PropTypes from 'prop-types';
+import { withStyle, jsx } from '@instructure/emotion';
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
+export var Errors = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   _inherits(Errors, _Component);
 
   var _super = _createSuper(Errors);
 
   function Errors() {
+    var _this;
+
     _classCallCheck(this, Errors);
 
-    return _super.apply(this, arguments);
-  }
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
 
-  _createClass(Errors, [{
-    key: "renderError",
-    value: function renderError(errorText, i) {
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _this.renderError = function (errorText, i) {
       var key = "error_for_".concat(i);
-      return /*#__PURE__*/React.createElement("div", {
-        className: styles.error,
+      return jsx("div", {
+        css: _this.props.styles.error,
         key: key,
         "data-automation": "sdk-core-error"
       }, errorText);
-    }
-  }, {
+    };
+
+    return _this;
+  }
+
+  _createClass(Errors, [{
     key: "render",
     value: function render() {
+      var _this$props$errorList;
+
       if (this.props.errorList.size === 0) {
         return null;
       }
 
-      return /*#__PURE__*/React.createElement("div", {
-        className: styles.errors
-      }, this.props.errorList.toArray().map(this.renderError));
+      return jsx("div", {
+        css: this.props.styles.errors,
+        "data-testid": "errors-container"
+      }, (_this$props$errorList = this.props.errorList) === null || _this$props$errorList === void 0 ? void 0 : _this$props$errorList.toArray().map(this.renderError));
     }
   }]);
 
   Errors.displayName = "Errors";
   return Errors;
 }(Component), _class2.propTypes = {
-  errorList: ImmutablePropTypes.list
+  errorList: ImmutablePropTypes.list,
+  // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
+  styles: PropTypes.object
 }, _class2.defaultProps = {
   errorList: List()
 }, _temp)) || _class);

package/es/common/components/shared/errors/styles.js

@@ -0,0 +1,17 @@
+var generateStyle = function generateStyle(componentTheme) {
+  return {
+    errors: {
+      display: 'flex',
+      alignItems: 'flex-start',
+      flexDirection: 'column'
+    },
+    error: {
+      fontFamily: componentTheme.errorFontFamily,
+      fontSize: componentTheme.errorFontSize,
+      color: componentTheme.errorColor,
+      flex: '1 1 auto'
+    }
+  };
+};
+
+export default generateStyle;

package/es/common/components/shared/errors/theme.js

@@ -1,4 +1,4 @@
-export default function generator(_ref) {
+var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors,
       typography = _ref.typography;
   return {
@@ -6,4 +6,6 @@ export default function generator(_ref) {
     errorFontSize: typography.fontSizeSmall,
     errorColor: colors.crimson
   };
-}
+};
+
+export default generateComponentTheme;

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

@@ -242,7 +242,9 @@ export var QuizAndItemAnalysis = (_dec = themeable(theme, styles), _dec(_class =
     value: function renderNotFound() {
       return /*#__PURE__*/React.createElement(Card, {
         className: styles.emptyText
-      }, t('No reports yet'));
+      }, t('This report is no longer in use, please use the new Quiz and Item Analysis report.  ' + 'Reports generated before { lastReportDate } from this link will be available ' + 'until the summer of 2024. New reports cannot be generated from this link.', {
+        lastReportDate: this.formatDateShort(new Date('2024-01-31'))
+      }));
     }
   }, {
     key: "renderContent",

package/lib/building/components/resources/quiz/title/Edit/index.js

@@ -2,15 +2,11 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.TitleEdit = void 0;
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -19,7 +15,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -29,9 +25,9 @@ var _reactDom = _interopRequireDefault(require("react-dom"));
 
 var _defer = _interopRequireDefault(require("lodash/defer"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _emotion = require("@instructure/emotion");
 
-var _uiThemeable = require("@instructure/ui-themeable");
+var _styles = _interopRequireDefault(require("./styles.js"));
 
 var _theme = _interopRequireDefault(require("./theme.js"));
 
@@ -41,23 +37,12 @@ var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/f
 
 var _dec, _class, _class2, _temp;
 
-var styles = {
-  componentId: 'ciuec',
-  template: function template(theme) {
-    return "\n\n.ciuec_eqoe{box-sizing:border-box;display:flex;flex-direction:column;height:5rem;justify-content:center;padding-left:".concat(theme.titleEditWrapperLeftPadding || 'inherit', ";padding-right:").concat(theme.titleEditWrapperRightPadding || 'inherit', ";position:relative;width:100%}\n\n.ciuec_dwFS{font-family:").concat(theme.titleEditInputFontFamily || 'inherit', ";font-size:").concat(theme.titleEditInputFontSize || 'inherit', "}\n\n.ciuec_dRxD,.ciuec_dvSU{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;width:100%}\n\n.ciuec_xXob{border:solid 1px ").concat(theme.errorBorderColor || 'inherit', ";border-radius:").concat(theme.errorBorderBorderRadius || 'inherit', ";margin:").concat(theme.errorBorderMargin || 'inherit', ";padding:").concat(theme.errorBorderPadding || 'inherit', "}");
-  },
-  'titleEditWrapper': 'ciuec_eqoe',
-  'titleEditInput': 'ciuec_dwFS',
-  'errorsWrapper': 'ciuec_dRxD',
-  'inputWrapper': 'ciuec_dvSU',
-  'errorBorder': 'ciuec_xXob'
-};
 // =================================
 // once editing is toggled this div
 // is rendered & has actions that
 // allow for canceling
 // =================================
-var TitleEdit = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+var TitleEdit = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(TitleEdit, _Component);
 
   var _super = (0, _createSuper2.default)(TitleEdit);
@@ -120,6 +105,8 @@ var TitleEdit = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
     // todo: extract this into a shared method
     // to be used on many components
     value: function componentDidMount() {
+      this.props.makeStyles();
+
       var input = _reactDom.default.findDOMNode(this.input); // some browsers add chars so * 2 to ensure at end
 
 
@@ -127,6 +114,11 @@ var TitleEdit = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
       input.focus();
       input.setSelectionRange(valLength, valLength);
     }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      this.props.makeStyles();
+    }
   }, {
     key: "ifValidElseError",
     value: function ifValidElseError(cb) {
@@ -155,31 +147,24 @@ var TitleEdit = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
     key: "renderErrors",
     value: function renderErrors() {
       if (this.hasErrors()) {
-        return /*#__PURE__*/_react.default.createElement("div", {
-          className: styles.errorsWrapper
-        }, /*#__PURE__*/_react.default.createElement(_Errors.default, {
+        return (0, _emotion.jsx)("div", {
+          css: this.props.styles.errorsWrapper
+        }, (0, _emotion.jsx)(_Errors.default, {
           errorList: this.props.errors
         }));
       }
     }
-  }, {
-    key: "inputClasses",
-    value: function inputClasses() {
-      var _classNames;
-
-      return (0, _classnames.default)((_classNames = {}, (0, _defineProperty2.default)(_classNames, styles.titleEditInput, true), (0, _defineProperty2.default)(_classNames, styles.errorBorder, this.hasErrors()), _classNames));
-    }
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return (0, _emotion.jsx)("div", {
         ref: this.setRef('wrapper'),
-        className: styles.titleEditWrapper,
+        css: this.props.styles.titleEditWrapper,
         onBlur: this.handleBlur,
         "data-automation": "sdk-quiz-title-edit-wrapper"
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: styles.inputWrapper
-      }, /*#__PURE__*/_react.default.createElement("input", {
+      }, (0, _emotion.jsx)("div", {
+        css: this.props.styles.inputWrapper
+      }, (0, _emotion.jsx)("input", {
         ref: this.setRef('input'),
         type: "text",
         "aria-label": (0, _formatMessage.default)('title'),
@@ -188,7 +173,7 @@ var TitleEdit = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
         onKeyDown: this.handleKeyDown,
         onKeyUp: this.handleKeyUp,
         onChange: this.props.onInputChange,
-        className: this.inputClasses(),
+        css: this.props.styles.titleEditInput,
         "data-automation": "sdk-quiz-title-edit"
       })), this.renderErrors());
     }
@@ -204,7 +189,10 @@ var TitleEdit = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
   errorsAreShowing: _propTypes.default.bool,
   onInputChange: _propTypes.default.func.isRequired,
   saveAndPreview: _propTypes.default.func.isRequired,
-  deferMock: _propTypes.default.func
+  deferMock: _propTypes.default.func,
+  // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
+  styles: _propTypes.default.object,
+  makeStyles: _propTypes.default.func
 }, _class2.defaultProps = {
   errorsAreShowing: false,
   deferMock: _defer.default

package/lib/building/components/resources/quiz/title/Edit/styles.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var generateStyle = function generateStyle(componentTheme, props) {
+  var wrapperStyles = {
+    width: '100%',
+    flex: '1 1 auto',
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'center'
+  };
+  var errorBorderStyles = {
+    margin: componentTheme.errorBorderMargin,
+    padding: componentTheme.errorBorderPadding,
+    border: "solid 1px ".concat(componentTheme.errorBorderColor),
+    borderRadius: componentTheme.errorBorderBorderRadius
+  };
+  return {
+    titleEditWrapper: {
+      position: 'relative',
+      width: '100%',
+      height: '5rem',
+      boxSizing: 'border-box',
+      paddingLeft: componentTheme.titleEditWrapperLeftPadding,
+      paddingRight: componentTheme.titleEditWrapperRightPadding,
+      display: 'flex',
+      flexDirection: 'column',
+      justifyContent: 'center'
+    },
+    titleEditInput: (0, _objectSpread2.default)({
+      fontFamily: componentTheme.titleEditInputFontFamily,
+      fontSize: componentTheme.titleEditInputFontSize
+    }, props.errorsAreShowing && props.errors.size > 0 && errorBorderStyles),
+    inputWrapper: wrapperStyles,
+    errorsWrapper: wrapperStyles
+  };
+};
+
+var _default = generateStyle;
+exports.default = _default;

package/lib/building/components/resources/quiz/title/Edit/theme.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = generator;
+exports.default = void 0;
 
-function generator(_ref) {
+var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
       colors = _ref.colors,
       typography = _ref.typography,
@@ -20,4 +20,7 @@ function generator(_ref) {
     errorBorderColor: colors.crimson,
     errorBorderBorderRadius: borders.radiusSmall
   };
-}
+};
+
+var _default = generateComponentTheme;
+exports.default = _default;

package/lib/common/components/shared/ExpandButton/index.js

@@ -2,15 +2,11 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ExpandButton = void 0;
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -19,33 +15,25 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
-
 var _uiIcons = require("@instructure/ui-icons");
 
 var _uiButtons = require("@instructure/ui-buttons");
 
-var _uiThemeable = require("@instructure/ui-themeable");
+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 styles = {
-  componentId: 'yAmvo',
-  template: function template(theme) {
-    return "\n\n.yAmvo_dnnz{transition:transform ".concat(theme.iconTransitionDuration || 'inherit', "}\n\n.yAmvo_bPeN{transform:rotateX(180deg)}");
-  },
-  'icon': 'yAmvo_dnnz',
-  'iconOpened': 'yAmvo_bPeN'
-};
-var ExpandButton = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+var ExpandButton = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(ExpandButton, _Component);
 
   var _super = (0, _createSuper2.default)(ExpandButton);
@@ -56,18 +44,27 @@ var ExpandButton = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles),
   }
 
   (0, _createClass2.default)(ExpandButton, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.props.makeStyles();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      this.props.makeStyles();
+    }
+  }, {
     key: "renderIcon",
     value: function renderIcon() {
-      var _classNames;
-
-      return /*#__PURE__*/_react.default.createElement(_uiIcons.IconArrowOpenDownLine, {
-        className: (0, _classnames.default)((_classNames = {}, (0, _defineProperty2.default)(_classNames, styles.icon, true), (0, _defineProperty2.default)(_classNames, styles.iconOpened, this.props.isExpanded), _classNames))
+      return (0, _emotion.jsx)(_uiIcons.IconArrowOpenDownLine, {
+        "data-testid": "expand-button",
+        css: this.props.styles.icon
       });
     }
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/_react.default.createElement(_uiButtons.IconButton, Object.assign({
+      return (0, _emotion.jsx)(_uiButtons.IconButton, Object.assign({
         size: "medium",
         withBackground: false,
         withBorder: false,
@@ -83,7 +80,10 @@ var ExpandButton = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles),
 }(_react.Component), _class2.propTypes = {
   isExpanded: _propTypes.default.bool.isRequired,
   title: _propTypes.default.string.isRequired,
-  onClick: _propTypes.default.func.isRequired
+  onClick: _propTypes.default.func.isRequired,
+  // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
+  styles: _propTypes.default.object,
+  makeStyles: _propTypes.default.func
 }, _temp)) || _class);
 exports.ExpandButton = ExpandButton;
 var _default = ExpandButton;

package/lib/common/components/shared/ExpandButton/styles.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var generateStyle = function generateStyle(componentTheme, props) {
+  return {
+    icon: (0, _objectSpread2.default)({
+      transition: "transform ".concat(componentTheme.iconTransitionDuration)
+    }, props.isExpanded && {
+      transform: 'rotate3d(1, 0, 0, 180deg)'
+    })
+  };
+};
+
+var _default = generateStyle;
+exports.default = _default;

package/lib/common/components/shared/ExpandButton/theme.js

@@ -3,10 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = generator;
+exports.default = void 0;
 
-function generator() {
+var generateComponentTheme = function generateComponentTheme() {
   return {
     iconTransitionDuration: '0.3s'
   };
-}
+};
+
+var _default = generateComponentTheme;
+exports.default = _default;

package/lib/common/components/shared/Paginator/index.js

@@ -2,8 +2,6 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,28 +15,23 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _uiPagination = require("@instructure/ui-pagination");
 
-var _uiThemeable = require("@instructure/ui-themeable");
+var _emotion = require("@instructure/emotion");
 
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 
+var _styles = _interopRequireDefault(require("./styles.js"));
+
 var _theme = _interopRequireDefault(require("./theme.js"));
 
 var _dec, _class, _class2, _temp;
 
-var styles = {
-  componentId: 'fVnQK',
-  template: function template(theme) {
-    return "\n\n.fVnQK_bPMN{padding-top:".concat(theme.paginationPadding || 'inherit', "}");
-  },
-  'pagination': 'fVnQK_bPMN'
-};
-var Paginator = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+var Paginator = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Paginator, _Component);
 
   var _super = (0, _createSuper2.default)(Paginator);
@@ -55,7 +48,7 @@ var Paginator = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
 
       var paginationButtons = Array.from(Array(this.props.totalPages)).map(function (v, i) {
         var page = i + 1;
-        return /*#__PURE__*/_react.default.createElement(_uiPagination.Pagination.Page, {
+        return (0, _emotion.jsx)(_uiPagination.Pagination.Page, {
           key: page,
           current: page === _this.props.currentPage,
           onClick: _this.props.onPageChange.bind(null, page)
@@ -63,9 +56,9 @@ var Paginator = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
 
         }, page);
       });
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: styles.pagination
-      }, /*#__PURE__*/_react.default.createElement(_uiPagination.Pagination, {
+      return (0, _emotion.jsx)("div", {
+        css: this.props.styles.pagination
+      }, (0, _emotion.jsx)(_uiPagination.Pagination, {
         labelNext: (0, _formatMessage.default)('Next page'),
         labelPrev: (0, _formatMessage.default)('Previous page'),
         variant: "compact"
@@ -74,7 +67,7 @@ var Paginator = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/_react.default.createElement("div", null, this.props.children, this.renderPagination());
+      return (0, _emotion.jsx)("div", null, this.props.children, this.renderPagination());
     }
   }]);
   Paginator.displayName = "Paginator";
@@ -83,7 +76,8 @@ var Paginator = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
   children: _propTypes.default.node.isRequired,
   currentPage: _propTypes.default.number.isRequired,
   onPageChange: _propTypes.default.func.isRequired,
-  totalPages: _propTypes.default.number.isRequired
+  totalPages: _propTypes.default.number.isRequired,
+  styles: _propTypes.default.object
 }, _temp)) || _class);
 exports.Paginator = Paginator;
 var _default = Paginator;

package/lib/common/components/shared/Paginator/styles.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var generateStyle = function generateStyle(componentTheme) {
+  return {
+    pagination: {
+      paddingTop: componentTheme.paginationPadding
+    }
+  };
+};
+
+var _default = generateStyle;
+exports.default = _default;

package/lib/common/components/shared/Paginator/theme.js

@@ -3,11 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = generator;
+exports.default = void 0;
 
-function generator(_ref) {
+var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing;
   return {
     paginationPadding: spacing.small
   };
-}
+};
+
+var _default = generateComponentTheme;
+exports.default = _default;

package/lib/common/components/shared/errors/Errors.js

@@ -2,8 +2,6 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,62 +15,71 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _immutable = require("immutable");
 
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
 
-var _uiThemeable = require("@instructure/ui-themeable");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _emotion = require("@instructure/emotion");
+
+var _styles = _interopRequireDefault(require("./styles.js"));
 
 var _theme = _interopRequireDefault(require("./theme.js"));
 
 var _dec, _class, _class2, _temp;
 
-var styles = {
-  componentId: 'eFvbO',
-  template: function template(theme) {
-    return "\n\n.eFvbO_bEOF{align-items:flex-start;display:flex;flex-direction:column}\n\n.eFvbO_ddvR{color:".concat(theme.errorColor || 'inherit', ";flex:1 1 auto;font-family:").concat(theme.errorFontFamily || 'inherit', ";font-size:").concat(theme.errorFontSize || 'inherit', "}");
-  },
-  'errors': 'eFvbO_bEOF',
-  'error': 'eFvbO_ddvR'
-};
-var Errors = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+var Errors = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Errors, _Component);
 
   var _super = (0, _createSuper2.default)(Errors);
 
   function Errors() {
+    var _this;
+
     (0, _classCallCheck2.default)(this, Errors);
-    return _super.apply(this, arguments);
-  }
 
-  (0, _createClass2.default)(Errors, [{
-    key: "renderError",
-    value: function renderError(errorText, i) {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _this.renderError = function (errorText, i) {
       var key = "error_for_".concat(i);
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: styles.error,
+      return (0, _emotion.jsx)("div", {
+        css: _this.props.styles.error,
         key: key,
         "data-automation": "sdk-core-error"
       }, errorText);
-    }
-  }, {
+    };
+
+    return _this;
+  }
+
+  (0, _createClass2.default)(Errors, [{
     key: "render",
     value: function render() {
+      var _this$props$errorList;
+
       if (this.props.errorList.size === 0) {
         return null;
       }
 
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: styles.errors
-      }, this.props.errorList.toArray().map(this.renderError));
+      return (0, _emotion.jsx)("div", {
+        css: this.props.styles.errors,
+        "data-testid": "errors-container"
+      }, (_this$props$errorList = this.props.errorList) === null || _this$props$errorList === void 0 ? void 0 : _this$props$errorList.toArray().map(this.renderError));
     }
   }]);
   Errors.displayName = "Errors";
   return Errors;
 }(_react.Component), _class2.propTypes = {
-  errorList: _reactImmutableProptypes.default.list
+  errorList: _reactImmutableProptypes.default.list,
+  // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
+  styles: _propTypes.default.object
 }, _class2.defaultProps = {
   errorList: (0, _immutable.List)()
 }, _temp)) || _class);

package/lib/common/components/shared/errors/styles.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var generateStyle = function generateStyle(componentTheme) {
+  return {
+    errors: {
+      display: 'flex',
+      alignItems: 'flex-start',
+      flexDirection: 'column'
+    },
+    error: {
+      fontFamily: componentTheme.errorFontFamily,
+      fontSize: componentTheme.errorFontSize,
+      color: componentTheme.errorColor,
+      flex: '1 1 auto'
+    }
+  };
+};
+
+var _default = generateStyle;
+exports.default = _default;

package/lib/common/components/shared/errors/theme.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = generator;
+exports.default = void 0;
 
-function generator(_ref) {
+var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors,
       typography = _ref.typography;
   return {
@@ -13,4 +13,7 @@ function generator(_ref) {
     errorFontSize: typography.fontSizeSmall,
     errorColor: colors.crimson
   };
-}
+};
+
+var _default = generateComponentTheme;
+exports.default = _default;

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

@@ -273,7 +273,9 @@ var QuizAndItemAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, st
     value: function renderNotFound() {
       return /*#__PURE__*/_react.default.createElement(_index.default, {
         className: styles.emptyText
-      }, (0, _formatMessage.default)('No reports yet'));
+      }, (0, _formatMessage.default)('This report is no longer in use, please use the new Quiz and Item Analysis report.  ' + 'Reports generated before { lastReportDate } from this link will be available ' + 'until the summer of 2024. New reports cannot be generated from this link.', {
+        lastReportDate: this.formatDateShort(new Date('2024-01-31'))
+      }));
     }
   }, {
     key: "renderContent",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/quiz-core",
-  "version": "20.8.1-rc.4+1fb6226c4",
+  "version": "20.8.1-rc.6+d10ecab90",
   "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.8.1-rc.4+1fb6226c4",
-    "@instructure/quiz-i18n": "20.8.1-rc.4+1fb6226c4",
-    "@instructure/quiz-interactions": "20.8.1-rc.4+1fb6226c4",
-    "@instructure/quiz-number-input": "20.8.1-rc.4+1fb6226c4",
-    "@instructure/quiz-rce": "20.8.1-rc.4+1fb6226c4",
+    "@instructure/quiz-common": "20.8.1-rc.6+d10ecab90",
+    "@instructure/quiz-i18n": "20.8.1-rc.6+d10ecab90",
+    "@instructure/quiz-interactions": "20.8.1-rc.6+d10ecab90",
+    "@instructure/quiz-number-input": "20.8.1-rc.6+d10ecab90",
+    "@instructure/quiz-rce": "20.8.1-rc.6+d10ecab90",
     "@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.8.1-rc.4+1fb6226c4",
+    "instructure-validations": "20.8.1-rc.6+d10ecab90",
     "ipaddr.js": "^1.5.4",
     "isomorphic-fetch": "^2.2.0",
     "isuuid": "^0.1.0",
@@ -163,7 +163,7 @@
     "intl": "^1.2.4",
     "jquery": "^2.2.3",
     "most-subject": "^5.3.0",
-    "quiz-presets": "20.8.1-rc.4+1fb6226c4",
+    "quiz-presets": "20.8.1-rc.6+d10ecab90",
     "react": "^16.8.6",
     "react-addons-test-utils": "^15.6.2",
     "react-dom": "^16.8.6",
@@ -179,5 +179,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "1fb6226c41a1883ea6397d66c4bc975294fd79eb"
+  "gitHead": "d10ecab901c9c9d64317e256c5e7b1a533b8d5b8"
 }