@instructure/quiz-core 21.1.1 → 22.0.0

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

@@ -1,38 +1,53 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _Errors;
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 /** @jsx jsx */
 import { Component } from 'react';
 import { List } from 'immutable';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import PropTypes from 'prop-types';
 import { jsx } from '@instructure/emotion';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 import { withStyleOverrides } from '@instructure/quiz-common';
 export var Errors = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Errors = /*#__PURE__*/function (_Component) {
-  _inherits(Errors, _Component);
-  var _super = _createSuper(Errors);
   function Errors() {
-    var _this;
+    var _this2;
     _classCallCheck(this, Errors);
     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) {
+    _this2 = _callSuper(this, Errors, [].concat(args));
+    _defineProperty(_this2, "renderError", function (errorText, i) {
       var key = "error_for_".concat(i);
       return jsx("div", {
-        css: _this.props.styles.error,
+        css: _this2.props.styles.error,
         key: key,
         "data-automation": "sdk-core-error"
       }, errorText);
-    };
-    return _this;
+    });
+    return _this2;
   }
-  _createClass(Errors, [{
+  _inherits(Errors, _Component);
+  return _createClass(Errors, [{
     key: "render",
     value: function render() {
       var _this$props$errorList;
@@ -45,12 +60,10 @@ export var Errors = (_dec = withStyleOverrides(generateStyle, generateComponentT
       }, (_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), _Errors.displayName = 'Errors', _Errors.componentId = "Quizzes".concat(_Errors.displayName), _Errors.propTypes = {
+}(Component), _defineProperty(_Errors, "displayName", 'Errors'), _defineProperty(_Errors, "componentId", "Quizzes".concat(_Errors.displayName)), _defineProperty(_Errors, "propTypes", {
   errorList: ImmutablePropTypes.list,
   styles: PropTypes.object
-}, _Errors.defaultProps = {
+}), _defineProperty(_Errors, "defaultProps", {
   errorList: List()
-}, _Errors)) || _class);
+}), _Errors)) || _class);
 export default Errors;

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

@@ -4,7 +4,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
   return {
     errorFontFamily: typography.fontFamily,
     errorFontSize: typography.fontSizeSmall,
-    errorColor: colors.crimson
+    errorColor: colors.contrasts.red4570
   };
 };
 export default generateComponentTheme;

package/es/common/components/shared/file_selector/FileSelector.js

@@ -1,29 +1,43 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _FileSelector;
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 /** @jsx jsx */
 import { List } from 'immutable';
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import Dropzone from 'react-dropzone';
 import { jsx } from '@instructure/emotion';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 import { withStyleOverrides } from '@instructure/quiz-common';
 export var FileSelector = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_FileSelector = /*#__PURE__*/function (_Component) {
-  _inherits(FileSelector, _Component);
-  var _super = _createSuper(FileSelector);
   function FileSelector() {
-    var _this;
+    var _this2;
     _classCallCheck(this, FileSelector);
-    _this = _super.call(this);
-    _this.onDrop = _this.onDrop.bind(_assertThisInitialized(_this));
-    return _this;
+    _this2 = _callSuper(this, FileSelector);
+    _this2.onDrop = _this2.onDrop.bind(_this2);
+    return _this2;
   }
-  _createClass(FileSelector, [{
+  _inherits(FileSelector, _Component);
+  return _createClass(FileSelector, [{
     key: "onDrop",
     value: function onDrop(files) {
       this.props.fileHandler(List(files));
@@ -45,15 +59,13 @@ export var FileSelector = (_dec = withStyleOverrides(generateStyle, generateComp
       }, this.renderContent()));
     }
   }]);
-  FileSelector.displayName = "FileSelector";
-  return FileSelector;
-}(Component), _FileSelector.displayName = 'FileSelector', _FileSelector.componentId = "Quizzes".concat(_FileSelector.displayName), _FileSelector.propTypes = {
+}(Component), _defineProperty(_FileSelector, "displayName", 'FileSelector'), _defineProperty(_FileSelector, "componentId", "Quizzes".concat(_FileSelector.displayName)), _defineProperty(_FileSelector, "propTypes", {
   acceptAttribute: PropTypes.string.isRequired,
   content: PropTypes.node.isRequired,
   fileHandler: PropTypes.func.isRequired,
   multiple: PropTypes.bool,
   styles: PropTypes.object
-}, _FileSelector.defaultProps = {
+}), _defineProperty(_FileSelector, "defaultProps", {
   multiple: false
-}, _FileSelector)) || _class);
+}), _FileSelector)) || _class);
 export default FileSelector;

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

@@ -3,9 +3,9 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     spacing = _ref.spacing,
     borders = _ref.borders;
   return {
-    dropzoneBackgroundColor: colors.porcelain,
+    dropzoneBackgroundColor: colors.contrasts.grey1111,
     dropzoneBorderWidth: borders.widthSmall,
-    dropzoneBorderColor: colors.ash,
+    dropzoneBorderColor: colors.contrasts.grey4570,
     dropzonePadding: spacing.medium
   };
 };

package/es/common/components/shared/functionality/componentWithOutsideClick.js

@@ -1,32 +1,50 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
 import _get from "@babel/runtime/helpers/esm/get";
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 import ReactDOM from 'react-dom';
 import debounce from 'lodash/debounce';
-import reduxStore from "../../../../reduxStore.js"; // ======================================================
+import reduxStore from '../../../../reduxStore';
+
+// ======================================================
 // this component extends another component and will run
 // the 'clickedOutside' function defined on that component
 // if users click outside of it
+
 // clickedOutside: called when the user clicks outside node
+
 // ignoreClickOutsideIf: if returns true then do not run
 // the clickedOutside callback
+
 // ======================================================
+
 var wrapWithOutsideClick = function wrapWithOutsideClick(ComposedComponent) {
   var wrappedWithOutsideClick = /*#__PURE__*/function (_ComposedComponent) {
-    _inherits(wrappedWithOutsideClick, _ComposedComponent);
-    var _super = _createSuper(wrappedWithOutsideClick);
     function wrappedWithOutsideClick(props) {
-      var _this;
+      var _this2;
       _classCallCheck(this, wrappedWithOutsideClick);
-      _this = _super.call(this, props);
-      _this.checkForOutsideClick = _this.checkForOutsideClick.bind(_assertThisInitialized(_this));
-      return _this;
+      _this2 = _callSuper(this, wrappedWithOutsideClick, [props]);
+      _this2.checkForOutsideClick = _this2.checkForOutsideClick.bind(_this2);
+      return _this2;
     }
-    _createClass(wrappedWithOutsideClick, [{
+    _inherits(wrappedWithOutsideClick, _ComposedComponent);
+    return _createClass(wrappedWithOutsideClick, [{
       key: "componentDidMount",
       value: function componentDidMount() {
         this.mouseDownEventCb = debounce(this.checkForOutsideClick, 300, {
@@ -57,7 +75,6 @@ var wrapWithOutsideClick = function wrapWithOutsideClick(ComposedComponent) {
         }
       }
     }]);
-    return wrappedWithOutsideClick;
   }(ComposedComponent);
   return wrappedWithOutsideClick;
 };

package/es/common/components/shared/functionality/componentWithOutsideClickEmotion.js

@@ -1,11 +1,25 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 import ReactDOM from 'react-dom';
 import debounce from 'lodash/debounce';
-import reduxStore from "../../../../reduxStore.js";
+import reduxStore from '../../../../reduxStore';
 import React from 'react';
 
 // ======================================================
@@ -22,16 +36,15 @@ import React from 'react';
 
 var wrapWithOutsideClickEmotion = function wrapWithOutsideClickEmotion(ComposedComponent) {
   return /*#__PURE__*/function (_React$Component) {
-    _inherits(wrappedWithOutsideClick, _React$Component);
-    var _super = _createSuper(wrappedWithOutsideClick);
     function wrappedWithOutsideClick(props) {
-      var _this;
+      var _this2;
       _classCallCheck(this, wrappedWithOutsideClick);
-      _this = _super.call(this, props);
-      _this.checkForOutsideClick = _this.checkForOutsideClick.bind(_assertThisInitialized(_this));
-      return _this;
+      _this2 = _callSuper(this, wrappedWithOutsideClick, [props]);
+      _this2.checkForOutsideClick = _this2.checkForOutsideClick.bind(_this2);
+      return _this2;
     }
-    _createClass(wrappedWithOutsideClick, [{
+    _inherits(wrappedWithOutsideClick, _React$Component);
+    return _createClass(wrappedWithOutsideClick, [{
       key: "componentDidMount",
       value: function componentDidMount() {
         this.mouseDownEventCb = debounce(this.checkForOutsideClick, 300, {
@@ -67,14 +80,12 @@ var wrapWithOutsideClickEmotion = function wrapWithOutsideClickEmotion(ComposedC
     }, {
       key: "render",
       value: function render() {
-        this.composedComponentRef = /*#__PURE__*/React.createRef();
+        this.composedComponentRef = React.createRef();
         return /*#__PURE__*/React.createElement(ComposedComponent, Object.assign({
           ref: this.composedComponentRef
         }, this.props));
       }
     }]);
-    wrappedWithOutsideClick.displayName = "wrappedWithOutsideClick";
-    return wrappedWithOutsideClick;
   }(React.Component);
 };
 export default wrapWithOutsideClickEmotion;

package/es/common/components/shared/functionality/disableDraggingOverride.js

@@ -1,5 +1,5 @@
-import { connect } from "../../../react-redux.js";
-import { isEditingQuizEntry } from "../../../selectors/quizzes.js";
+import { connect } from '../../../react-redux';
+import { isEditingQuizEntry } from '../../../selectors/quizzes';
 export default (function (ComposedComponent) {
   var mapStateToProps = function mapStateToProps(state) {
     return {

package/es/common/components/shared/functionality/makeEditable.js

@@ -1,7 +1,23 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { fromJS } from 'immutable';
@@ -10,13 +26,19 @@ import extend from 'lodash/extend';
 import uniqueId from 'lodash/uniqueId';
 import omit from 'lodash/omit';
 import { bindActionCreators } from 'redux';
-import { connect } from "../../../react-redux.js";
-import * as editingActionCreators from "../../../actions/editing.js"; // ==============================================================
+import { connect } from '../../../react-redux';
+import * as editingActionCreators from '../../../actions/editing';
+
+// ==============================================================
+
 // two components which are composed to enable editing actions
+
 // component one: connect to redux store for state & action creators
 // component two: filter state, apply unique component ID to
 // actions, render component
+
 // ==============================================================
+
 var connectToEditStore = function connectToEditStore(ComposedComponent) {
   var mapDispatchToProps = function mapDispatchToProps(dispatch) {
     return {
@@ -33,28 +55,27 @@ var connectToEditStore = function connectToEditStore(ComposedComponent) {
 var giveEditProps = function giveEditProps(ComposedComponent) {
   var _Class;
   return _Class = /*#__PURE__*/function (_Component) {
-    _inherits(_Class, _Component);
-    var _super = _createSuper(_Class);
     function _Class() {
-      var _this;
+      var _this2;
       _classCallCheck(this, _Class);
       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.switchOnEditing = function () {
-        var initialFocusId = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : null;
-        _this.props.editingActions.startEdit(_this.uniqueId(), initialFocusId);
-      };
-      _this.switchOffEditing = function () {
-        _this.props.editingActions.endEdit(_this.uniqueId());
-      };
-      _this.toggleEditing = function () {
-        _this.props.editingActions.toggleEditing(_this.uniqueId());
-      };
-      return _this;
+      _this2 = _callSuper(this, _Class, [].concat(args));
+      _defineProperty(_this2, "switchOnEditing", function () {
+        var initialFocusId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+        _this2.props.editingActions.startEdit(_this2.uniqueId(), initialFocusId);
+      });
+      _defineProperty(_this2, "switchOffEditing", function () {
+        _this2.props.editingActions.endEdit(_this2.uniqueId());
+      });
+      _defineProperty(_this2, "toggleEditing", function () {
+        _this2.props.editingActions.toggleEditing(_this2.uniqueId());
+      });
+      return _this2;
     }
-    _createClass(_Class, [{
+    _inherits(_Class, _Component);
+    return _createClass(_Class, [{
       key: "UNSAFE_componentWillMount",
       value: function UNSAFE_componentWillMount() {
         this._uniqId = uniqueId("".concat(ComposedComponent.displayName, "_"));
@@ -87,9 +108,7 @@ var giveEditProps = function giveEditProps(ComposedComponent) {
         return /*#__PURE__*/React.createElement(ComposedComponent, this.propsForChild());
       }
     }]);
-    _Class.displayName = "_Class";
-    return _Class;
-  }(Component), _Class.propTypes = {
+  }(Component), _defineProperty(_Class, "propTypes", {
     editing: ImmutablePropTypes.map,
     editingActions: PropTypes.shape({
       startEdit: PropTypes.func.isRequired,
@@ -97,10 +116,10 @@ var giveEditProps = function giveEditProps(ComposedComponent) {
       toggleEditing: PropTypes.func.isRequired
     }).isRequired,
     guid: PropTypes.string
-  }, _Class.displayName = ComposedComponent.displayName, _Class.defaultProps = {
+  }), _defineProperty(_Class, "displayName", ComposedComponent.displayName), _defineProperty(_Class, "defaultProps", {
     editing: fromJS({}),
     guid: null
-  }, _Class;
+  }), _Class;
 };
 export var makeEditable = function makeEditable(givenComponent) {
   return connectToEditStore(giveEditProps(givenComponent));

package/es/common/components/shared/functionality/makeScrollable.js

@@ -1,16 +1,32 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 import React, { Component } from 'react';
 import { PropTypes } from 'prop-types';
 import ReactDOM from 'react-dom';
 import { bindActionCreators } from 'redux';
-import { connect } from "../../../react-redux.js";
-import * as scrollingActionCreators from "../../../actions/scrolling.js";
+import { connect } from '../../../react-redux';
+import * as scrollingActionCreators from '../../../actions/scrolling';
 var connectToScrollingStore = function connectToScrollingStore(ComposedComponent) {
   var mapDispatchToProps = function mapDispatchToProps(dispatch) {
     return {
@@ -31,19 +47,30 @@ var connectToScrollingStore = function connectToScrollingStore(ComposedComponent
 var unconnectedMakeScrollable = function unconnectedMakeScrollable(ComposedComponent) {
   var _WithScrollableItems;
   return _WithScrollableItems = /*#__PURE__*/function (_Component) {
-    _inherits(WithScrollableItems, _Component);
-    var _super = _createSuper(WithScrollableItems);
     function WithScrollableItems(props) {
-      var _this;
+      var _this2;
       _classCallCheck(this, WithScrollableItems);
-      _this = _super.call(this, props);
-      _this.composedRef = function (node) {
-        _this._composed = node;
-      };
-      _this._composed = null;
-      return _this;
+      _this2 = _callSuper(this, WithScrollableItems, [props]);
+      _defineProperty(_this2, "composedRef", function (node) {
+        _this2._composed = node;
+      });
+      _this2._composed = null;
+      return _this2;
     }
-    _createClass(WithScrollableItems, [{
+    _inherits(WithScrollableItems, _Component);
+    return _createClass(WithScrollableItems, [{
+      key: "composedProps",
+      get: function get() {
+        var _this3 = this;
+        // We want the props that are in CC.propTypes, and the passthrough props,
+        // which are in neither our nor CC's propTypes
+        return Object.assign.apply(Object, [{}].concat(_toConsumableArray(Object.keys(this.props).filter(function (name) {
+          return ComposedComponent.propTypes && ComposedComponent.propTypes[name] || !_this3.constructor.propTypes[name];
+        }).map(function (name) {
+          return _defineProperty({}, name, _this3.props[name]);
+        }))));
+      }
+    }, {
       key: "isScrolled",
       value: function isScrolled() {
         return this.props.scrollKey === this.props.scrolledComponentKey;
@@ -51,7 +78,7 @@ var unconnectedMakeScrollable = function unconnectedMakeScrollable(ComposedCompo
     }, {
       key: "scrollIntoView",
       value: function scrollIntoView() {
-        var scrollingFocus = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true;
+        var scrollingFocus = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
         var node = ReactDOM.findDOMNode(this);
         node.scrollIntoView();
         if (scrollingFocus) node.focus(); // Focus on the item once scrolled into view
@@ -89,22 +116,8 @@ var unconnectedMakeScrollable = function unconnectedMakeScrollable(ComposedCompo
           ref: this.composedRef
         }), this.props.children);
       }
-    }, {
-      key: "composedProps",
-      get: function get() {
-        var _this2 = this;
-        // We want the props that are in CC.propTypes, and the passthrough props,
-        // which are in neither our nor CC's propTypes
-        return Object.assign.apply(Object, [{}].concat(_toConsumableArray(Object.keys(this.props).filter(function (name) {
-          return ComposedComponent.propTypes && ComposedComponent.propTypes[name] || !_this2.constructor.propTypes[name];
-        }).map(function (name) {
-          return _defineProperty({}, name, _this2.props[name]);
-        }))));
-      }
     }]);
-    WithScrollableItems.displayName = "WithScrollableItems";
-    return WithScrollableItems;
-  }(Component), _WithScrollableItems.propTypes = _objectSpread(_objectSpread({}, ComposedComponent.propTypes || {}), {}, {
+  }(Component), _defineProperty(_WithScrollableItems, "propTypes", _objectSpread(_objectSpread({}, ComposedComponent.propTypes || {}), {}, {
     scrollKey: PropTypes.string,
     scrolledComponentKey: PropTypes.string,
     scrollingFocus: PropTypes.bool,
@@ -112,12 +125,12 @@ var unconnectedMakeScrollable = function unconnectedMakeScrollable(ComposedCompo
       clearsScrolledComponentKey: PropTypes.func.isRequired
     }).isRequired,
     shouldFocusOnMount: PropTypes.bool
-  }), _WithScrollableItems.defaultProps = {
+  })), _defineProperty(_WithScrollableItems, "defaultProps", {
     scrollKey: '',
     scrolledComponentKey: '',
     scrollingFocus: false,
     shouldFocusOnMount: false
-  }, _WithScrollableItems;
+  }), _WithScrollableItems;
 };
 export var unconnectedExtension = function unconnectedExtension(givenComponent) {
   return unconnectedMakeScrollable(givenComponent);

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

@@ -1,8 +1,24 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _Overlay;
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 /** @jsx jsx */
 /* eslint "jsx-a11y/click-events-have-key-events": "warn" */
 /* eslint "jsx-a11y/no-static-element-interactions": "warn" */
@@ -15,17 +31,16 @@ import PropTypes from 'prop-types';
  */
 
 import { jsx, Global } from '@instructure/emotion';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 import { END_EDITING_TRIGGER_CLASSNAME, withStyleOverrides } from '@instructure/quiz-common';
 var Overlay = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Overlay = /*#__PURE__*/function (_Component) {
-  _inherits(Overlay, _Component);
-  var _super = _createSuper(Overlay);
   function Overlay() {
     _classCallCheck(this, Overlay);
-    return _super.apply(this, arguments);
+    return _callSuper(this, Overlay, arguments);
   }
-  _createClass(Overlay, [{
+  _inherits(Overlay, _Component);
+  return _createClass(Overlay, [{
     key: "overlayDiv",
     value: function overlayDiv() {
       if (this.props.hideOverlay) {
@@ -62,9 +77,7 @@ var Overlay = (_dec = withStyleOverrides(generateStyle, generateComponentTheme),
       }, this.overlayDiv(), children));
     }
   }]);
-  Overlay.displayName = "Overlay";
-  return Overlay;
-}(Component), _Overlay.displayName = 'Overlay', _Overlay.componentId = "Quizzes".concat(_Overlay.displayName), _Overlay.propTypes = {
+}(Component), _defineProperty(_Overlay, "displayName", 'Overlay'), _defineProperty(_Overlay, "componentId", "Quizzes".concat(_Overlay.displayName)), _defineProperty(_Overlay, "propTypes", {
   children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).isRequired,
   hideOverlay: PropTypes.bool,
   onClick: PropTypes.func.isRequired,
@@ -72,10 +85,10 @@ var Overlay = (_dec = withStyleOverrides(generateStyle, generateComponentTheme),
   tabIndex: PropTypes.string,
   ariaLabel: PropTypes.string,
   styles: PropTypes.object
-}, _Overlay.defaultProps = {
+}), _defineProperty(_Overlay, "defaultProps", {
   hideOverlay: false,
   tabIndex: '0',
   wrapperStyles: {},
   ariaLabel: void 0
-}, _Overlay)) || _class);
+}), _Overlay)) || _class);
 export default Overlay;

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

@@ -4,7 +4,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     spacing = _ref.spacing;
   return {
     overlayZIndex: '2222',
-    overlayBarColor: colors.electric,
+    overlayBarColor: colors.contrasts.blue4570,
     overlayBarSize: '0.3rem'
   };
 };