@instructure/quiz-core 20.9.0 → 20.9.1-rc.1

package/lib/common/components/shared/InteractionTypes/presenter.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,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"));
 
@@ -27,7 +25,7 @@ var _partial = _interopRequireDefault(require("lodash/partial"));
 
 var _immutable = require("immutable");
 
-var _uiThemeable = require("@instructure/ui-themeable");
+var _emotion = require("@instructure/emotion");
 
 var _uiButtons = require("@instructure/ui-buttons");
 
@@ -43,20 +41,13 @@ var _interactionTypeMetadata = require("../../../util/interactionTypeMetadata.js
 
 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: 'bLlES',
-  template: function template(theme) {
-    return "\n\n.bLlES_cvRx{padding-right:0.25rem}\n\n.bLlES_dsOT{width:10rem}\n\n.bLlES_cFIX{border-top:".concat(theme.stimulusDividerBorderWidth || 'inherit', " solid ").concat(theme.stimulusDividerBorderColor || 'inherit', ";margin-bottom:").concat(theme.stimulusDividerMarginBottom || 'inherit', ";margin-top:").concat(theme.stimulusDividerMarginTop || 'inherit', "}");
-  },
-  'iconWrapper': 'bLlES_cvRx',
-  'textWrapper': 'bLlES_dsOT',
-  'stimulusDivider': 'bLlES_cFIX'
-};
-var InteractionTypes = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+var InteractionTypes = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(InteractionTypes, _Component);
 
   var _super = (0, _createSuper2.default)(InteractionTypes);
@@ -92,7 +83,7 @@ var InteractionTypes = (_dec = (0, _uiThemeable.themeable)(_theme.default, style
         automation = "sdk-interaction-button-".concat(intType.slug);
       }
 
-      return /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
+      return (0, _emotion.jsx)(_uiButtons.Button, {
         key: intType.slug,
         margin: "0 0 xx-small",
         onClick: onClick,
@@ -100,20 +91,20 @@ var InteractionTypes = (_dec = (0, _uiThemeable.themeable)(_theme.default, style
         "data-automation": automation,
         display: "block",
         textAlign: "start"
-      }, /*#__PURE__*/_react.default.createElement(_uiGrid.Grid, {
+      }, (0, _emotion.jsx)(_uiGrid.Grid, {
         colSpacing: "none",
         vAlign: "middle"
-      }, /*#__PURE__*/_react.default.createElement(_uiGrid.Grid.Row, {
+      }, (0, _emotion.jsx)(_uiGrid.Grid.Row, {
         key: "iconrow"
-      }, /*#__PURE__*/_react.default.createElement(_uiGrid.Grid.Col, {
+      }, (0, _emotion.jsx)(_uiGrid.Grid.Col, {
         width: "auto"
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: styles.iconWrapper
-      }, /*#__PURE__*/_react.default.createElement(Icon, {
+      }, (0, _emotion.jsx)("div", {
+        css: _this.props.styles.iconWrapper
+      }, (0, _emotion.jsx)(Icon, {
         title: title
-      }))), /*#__PURE__*/_react.default.createElement(_uiGrid.Grid.Col, null, /*#__PURE__*/_react.default.createElement("div", {
-        className: styles.textWrapper
-      }, /*#__PURE__*/_react.default.createElement(_uiA11yContent.PresentationContent, null, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
+      }))), (0, _emotion.jsx)(_uiGrid.Grid.Col, null, (0, _emotion.jsx)("div", {
+        css: _this.props.styles.textWrapper
+      }, (0, _emotion.jsx)(_uiA11yContent.PresentationContent, null, (0, _emotion.jsx)(_uiText.Text, {
         color: "primary"
       }, name)))))));
     };
@@ -131,7 +122,7 @@ var InteractionTypes = (_dec = (0, _uiThemeable.themeable)(_theme.default, style
           buttons[Math.floor(i / _this.props.columns)] = [];
         }
 
-        buttons[Math.floor(i / _this.props.columns)].push( /*#__PURE__*/_react.default.createElement(_uiGrid.Grid.Col, {
+        buttons[Math.floor(i / _this.props.columns)].push((0, _emotion.jsx)(_uiGrid.Grid.Col, {
           width: 12 / _this.props.columns,
           key: intType.slug
         }, button));
@@ -140,7 +131,7 @@ var InteractionTypes = (_dec = (0, _uiThemeable.themeable)(_theme.default, style
         var key = gridCols.map(function (gridCol) {
           return gridCol.key;
         }).join('-');
-        return /*#__PURE__*/_react.default.createElement(_uiGrid.Grid.Row, {
+        return (0, _emotion.jsx)(_uiGrid.Grid.Row, {
           key: key
         }, gridCols);
       });
@@ -148,24 +139,22 @@ var InteractionTypes = (_dec = (0, _uiThemeable.themeable)(_theme.default, style
 
     _this.renderStimulusTypeButton = function () {
       if (_this.props.allowStimulusCreation) {
-        var dividerRow = /*#__PURE__*/_react.default.createElement(_uiGrid.Grid.Row, {
+        var dividerRow = (0, _emotion.jsx)(_uiGrid.Grid.Row, {
           key: "divider"
-        }, /*#__PURE__*/_react.default.createElement(_uiGrid.Grid.Col, {
+        }, (0, _emotion.jsx)(_uiGrid.Grid.Col, {
           key: "divider"
-        }, /*#__PURE__*/_react.default.createElement("div", {
-          className: styles.stimulusDivider
+        }, (0, _emotion.jsx)("div", {
+          css: _this.props.styles.stimulusDivider
         })));
-
-        var stimulusRow = /*#__PURE__*/_react.default.createElement(_uiGrid.Grid.Row, {
+        var stimulusRow = (0, _emotion.jsx)(_uiGrid.Grid.Row, {
           key: "stimulus"
-        }, /*#__PURE__*/_react.default.createElement(_uiGrid.Grid.Col, {
+        }, (0, _emotion.jsx)(_uiGrid.Grid.Col, {
           width: 12 / _this.props.columns,
           key: "stimulus"
         }, _this.renderInteractionTypeButton({
           name: 'Stimulus',
           slug: 'stimulus'
         })));
-
         return [dividerRow, stimulusRow];
       }
     };
@@ -176,7 +165,7 @@ var InteractionTypes = (_dec = (0, _uiThemeable.themeable)(_theme.default, style
   (0, _createClass2.default)(InteractionTypes, [{
     key: "render",
     value: function render() {
-      return /*#__PURE__*/_react.default.createElement(_uiGrid.Grid, {
+      return (0, _emotion.jsx)(_uiGrid.Grid, {
         rowSpacing: "none",
         colSpacing: "small",
         startAt: "medium"
@@ -190,7 +179,8 @@ var InteractionTypes = (_dec = (0, _uiThemeable.themeable)(_theme.default, style
   addItem: _propTypes.default.func.isRequired,
   addStimulus: _propTypes.default.func.isRequired,
   allowStimulusCreation: _propTypes.default.bool,
-  types: _reactImmutableProptypes.default.list
+  types: _reactImmutableProptypes.default.list,
+  styles: _propTypes.default.object
 }, _class2.defaultProps = {
   allowStimulusCreation: true,
   types: (0, _immutable.List)()

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

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var generateStyle = function generateStyle(componentTheme) {
+  return {
+    iconWrapper: {
+      paddingRight: '0.25rem'
+    },
+    textWrapper: {
+      width: '10rem'
+    },
+    stimulusDivider: {
+      borderTop: "".concat(componentTheme.stimulusDividerBorderWidth, " solid ").concat(componentTheme.stimulusDividerBorderColor),
+      marginTop: componentTheme.stimulusDividerMarginTop,
+      marginBottom: componentTheme.stimulusDividerMarginBottom
+    }
+  };
+};
+
+var _default = generateStyle;
+exports.default = _default;

package/lib/common/components/shared/InteractionTypes/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,
       borders = _ref.borders,
       spacing = _ref.spacing;
@@ -15,4 +15,7 @@ function generator(_ref) {
     stimulusDividerMarginTop: spacing.xSmall,
     stimulusDividerMarginBottom: spacing.small
   };
-}
+};
+
+var _default = generateComponentTheme;
+exports.default = _default;

package/lib/common/components/shared/drag_and_drop/DragAndDropZone/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.DragAndDropZone = 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,42 +15,56 @@ 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 _classnames3 = _interopRequireDefault(require("classnames"));
-
-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: 'cSfbM',
-  template: function template(theme) {
-    return "\n\n.cSfbM_ffKt{background-color:".concat(theme.DnDZoneBackgroundColor || 'inherit', ";border:").concat(theme.DnDZoneBorderWidth || 'inherit', " dashed ").concat(theme.DnDZoneBorderColor || 'inherit', ";display:flex;padding:").concat(theme.DnDZonePadding || 'inherit', "}\n\n.cSfbM_ffKt,.cSfbM_dDZW{justify-content:center;width:100%}\n\n.cSfbM_dDZW{background-color:").concat(theme.sidebarDnDZoneBackgroundColor || 'inherit', ";border:").concat(theme.sidebarDnDZoneBorderWidth || 'inherit', " dashed ").concat(theme.sidebarDnDZoneBorderColor || 'inherit', ";color:").concat(theme.sidebarDnDZoneColor || 'inherit', ";margin:").concat(theme.sidebarDnDZoneMargin || 'inherit', ";padding:").concat(theme.sidebarDnDZonePadding || 'inherit', ";text-align:center}\n\n[dir=ltr] .cSfbM_dDZW,[dir=rtl] .cSfbM_dDZW{text-align:center}\n\n.cSfbM_dDZW.cSfbM_baAw{margin-left:10%;width:90%}\n\n.cSfbM_gasz{display:flex;flex:1 0 100%;justify-content:center;width:100%}\n\n.cSfbM_bBLs{display:none;width:100%}");
-  },
-  'DnDZone': 'cSfbM_ffKt',
-  'sidebarDnDZone': 'cSfbM_dDZW',
-  'inSidebarStimulus': 'cSfbM_baAw',
-  'wrapper': 'cSfbM_gasz',
-  'hide': 'cSfbM_bBLs'
-};
-var DragAndDropZone = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+var DragAndDropZone = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(DragAndDropZone, _Component);
 
   var _super = (0, _createSuper2.default)(DragAndDropZone);
 
   function DragAndDropZone() {
+    var _this;
+
     (0, _classCallCheck2.default)(this, DragAndDropZone);
-    return _super.apply(this, arguments);
+
+    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.state = {
+      toRender: false
+    };
+    return _this;
   }
 
   (0, _createClass2.default)(DragAndDropZone, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.props.makeStyles({
+        toRender: this.shouldRender()
+      });
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      this.props.makeStyles({
+        toRender: this.shouldRender()
+      });
+    }
+  }, {
     key: "shouldRender",
     value: function shouldRender() {
       var _this$props = this.props,
@@ -89,17 +99,12 @@ var DragAndDropZone = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
   }, {
     key: "render",
     value: function render() {
-      var _classnames;
-
-      var _this$props2 = this.props,
-          inSidebar = _this$props2.inSidebar,
-          inStimulus = _this$props2.inStimulus;
-      var style = (0, _classnames3.default)((_classnames = {}, (0, _defineProperty2.default)(_classnames, styles.DnDZone, !inSidebar), (0, _defineProperty2.default)(_classnames, styles.sidebarDnDZone, inSidebar), (0, _defineProperty2.default)(_classnames, styles.inSidebarStimulus, inSidebar && inStimulus), _classnames));
-      var wrapper = (0, _classnames3.default)(styles.wrapper, (0, _defineProperty2.default)({}, styles.hide, !this.shouldRender()));
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: wrapper
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: style
+      var wrapperClass = !this.shouldRender() ? 'wrapper hide' : 'wrapper';
+      return (0, _emotion.jsx)("div", {
+        className: wrapperClass,
+        css: this.props.styles.wrapper
+      }, (0, _emotion.jsx)("div", {
+        css: this.props.styles.dropZoneStyle
       }, (0, _formatMessage.default)('Drop Question Here')));
     }
   }]);
@@ -112,7 +117,9 @@ var DragAndDropZone = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
   inSidebar: _propTypes.default.bool,
   inStimulus: _propTypes.default.bool,
   location: _propTypes.default.oneOf(['above', 'below', 'in']).isRequired,
-  sidebarOpen: _propTypes.default.bool
+  sidebarOpen: _propTypes.default.bool,
+  makeStyles: _propTypes.default.func,
+  styles: _propTypes.default.object
 }, _class2.defaultProps = {
   draggingAboveHalf: false,
   draggingOver: false,

package/lib/common/components/shared/drag_and_drop/DragAndDropZone/styles.js

@@ -0,0 +1,51 @@
+"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, state) {
+  return {
+    dropZoneStyle: (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, !props.inSidebar && {
+      border: "".concat(componentTheme.DnDZoneBorderWidth, " dashed ").concat(componentTheme.DnDZoneBorderColor),
+      backgroundColor: componentTheme.DnDZoneBackgroundColor,
+      padding: componentTheme.DnDZonePadding,
+      display: 'flex',
+      justifyContent: 'center',
+      width: '100%'
+    }), props.inSidebar && {
+      border: "".concat(componentTheme.sidebarDnDZoneBorderWidth, " dashed ").concat(componentTheme.sidebarDnDZoneBorderColor),
+      backgroundColor: componentTheme.sidebarDnDZoneBackgroundColor,
+      padding: componentTheme.sidebarDnDZonePadding,
+      margin: componentTheme.sidebarDnDZoneMargin,
+      color: componentTheme.sidebarDnDZoneColor,
+      justifyContent: 'center',
+      textAlign: 'center',
+      width: '100%',
+      '&.inSidebarStimulus': {
+        marginLeft: '10%',
+        width: '90%'
+      }
+    }), props.inSidebar && props.inStimulus && {
+      marginLeft: '10%',
+      width: '90%'
+    }),
+    wrapper: (0, _objectSpread2.default)({
+      justifyContent: 'center',
+      display: 'flex',
+      flex: '1 0 100%',
+      width: '100%'
+    }, !state.toRender && {
+      display: 'none',
+      width: '100%'
+    })
+  };
+};
+
+var _default = generateStyle;
+exports.default = _default;

package/lib/common/components/shared/drag_and_drop/DragAndDropZone/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,
       borders = _ref.borders;
@@ -22,4 +22,7 @@ function generator(_ref) {
     sidebarDnDZoneMargin: spacing.xSmall,
     sidebarDnDZoneColor: colors.licorice
   };
-}
+};
+
+var _default = generateComponentTheme;
+exports.default = _default;

package/lib/common/components/shared/file_selector/FileSelector.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
 });
@@ -21,26 +19,21 @@ var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 
 var _immutable = require("immutable");
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _reactDropzone = _interopRequireDefault(require("react-dropzone"));
 
-var _uiThemeable = require("@instructure/ui-themeable");
+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: 'flcWS',
-  template: function template(theme) {
-    return "\n\n.flcWS_emRR{background-color:".concat(theme.dropzoneBackgroundColor || 'inherit', ";border:").concat(theme.dropzoneBorderWidth || 'inherit', " dashed ").concat(theme.dropzoneBorderColor || 'inherit', ";cursor:pointer;padding:").concat(theme.dropzonePadding || 'inherit', "}");
-  },
-  'dropzone': 'flcWS_emRR'
-};
-var FileSelector = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+var FileSelector = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(FileSelector, _Component);
 
   var _super = (0, _createSuper2.default)(FileSelector);
@@ -67,8 +60,9 @@ var FileSelector = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles),
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactDropzone.default, {
-        className: styles.dropzone,
+      return (0, _emotion.jsx)("div", null, (0, _emotion.jsx)(_reactDropzone.default, {
+        "data-testid": "file-dropzone",
+        css: this.props.styles.dropzone,
         multiple: this.props.multiple,
         onDrop: this.onDrop,
         accept: this.props.acceptAttribute
@@ -81,7 +75,8 @@ var FileSelector = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles),
   acceptAttribute: _propTypes.default.string.isRequired,
   content: _propTypes.default.node.isRequired,
   fileHandler: _propTypes.default.func.isRequired,
-  multiple: _propTypes.default.bool
+  multiple: _propTypes.default.bool,
+  styles: _propTypes.default.object
 }, _class2.defaultProps = {
   multiple: false
 }, _temp)) || _class);

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

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var generateStyle = function generateStyle(componentTheme) {
+  return {
+    dropzone: {
+      backgroundColor: componentTheme.dropzoneBackgroundColor,
+      border: "".concat(componentTheme.dropzoneBorderWidth, " dashed ").concat(componentTheme.dropzoneBorderColor),
+      cursor: 'pointer',
+      padding: componentTheme.dropzonePadding
+    }
+  };
+};
+
+var _default = generateStyle;
+exports.default = _default;

package/lib/common/components/shared/file_selector/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,
       spacing = _ref.spacing,
       borders = _ref.borders;
@@ -15,4 +15,7 @@ function generator(_ref) {
     dropzoneBorderColor: colors.ash,
     dropzonePadding: spacing.medium
   };
-}
+};
+
+var _default = generateComponentTheme;
+exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/quiz-core",
-  "version": "20.9.0",
+  "version": "20.9.1-rc.1+43495385a",
   "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.9.0",
-    "@instructure/quiz-i18n": "^20.9.0",
-    "@instructure/quiz-interactions": "^20.9.0",
-    "@instructure/quiz-number-input": "^20.9.0",
-    "@instructure/quiz-rce": "^20.9.0",
+    "@instructure/quiz-common": "20.9.1-rc.1+43495385a",
+    "@instructure/quiz-i18n": "20.9.1-rc.1+43495385a",
+    "@instructure/quiz-interactions": "20.9.1-rc.1+43495385a",
+    "@instructure/quiz-number-input": "20.9.1-rc.1+43495385a",
+    "@instructure/quiz-rce": "20.9.1-rc.1+43495385a",
     "@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.9.0",
+    "instructure-validations": "20.9.1-rc.1+43495385a",
     "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.9.0",
+    "@instructure/quiz-scripts": "20.9.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.9.0",
+    "quiz-presets": "20.9.1-rc.1+43495385a",
     "react": "^16.8.6",
     "react-addons-test-utils": "^15.6.2",
     "react-dom": "^16.8.6",
@@ -179,5 +179,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "0666e0a0e9fef538169f02d413e94382709385ce"
+  "gitHead": "43495385a24846a763daa202d18f41f644e0b6f7"
 }