@instructure/quiz-core 21.2.0 → 22.1.0

package/es/common/components/shared/drag_and_drop/DragAndDropZone/index.js

@@ -5,8 +5,20 @@ import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _DragAndDropZone;
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+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 PropTypes from 'prop-types';
@@ -17,16 +29,16 @@ import generateComponentTheme from './theme';
 import { withStyleOverrides } from '@instructure/quiz-common';
 export var DragAndDropZone = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_DragAndDropZone = /*#__PURE__*/function (_Component) {
   function DragAndDropZone() {
-    var _this;
+    var _this2;
     _classCallCheck(this, DragAndDropZone);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, DragAndDropZone, [].concat(args));
-    _defineProperty(_this, "state", {
+    _this2 = _callSuper(this, DragAndDropZone, [].concat(args));
+    _defineProperty(_this2, "state", {
       toRender: false
     });
-    return _this;
+    return _this2;
   }
   _inherits(DragAndDropZone, _Component);
   return _createClass(DragAndDropZone, [{

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

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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; }
 var generateStyle = function generateStyle(componentTheme, props, state) {
   return {
     dropZoneStyle: _objectSpread(_objectSpread(_objectSpread({}, !props.inSidebar && {

package/es/common/components/shared/drag_and_drop/DragAndDropZone/theme.js

@@ -4,16 +4,16 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     borders = _ref.borders;
   return {
     DnDZoneBorderWidth: borders.widthSmall,
-    DnDZoneBorderColor: colors.tiara,
-    DnDZoneBackgroundColor: colors.porcelain,
+    DnDZoneBorderColor: colors.contrasts.grey1214,
+    DnDZoneBackgroundColor: colors.contrasts.grey1111,
     DnDZonePadding: spacing.medium,
     // sidebar:
     sidebarDnDZoneBorderWidth: borders.widthSmall,
-    sidebarDnDZoneBorderColor: colors.oxford,
-    sidebarDnDZoneBackgroundColor: colors.porcelain,
+    sidebarDnDZoneBorderColor: colors.contrasts.grey100100,
+    sidebarDnDZoneBackgroundColor: colors.contrasts.grey1111,
     sidebarDnDZonePadding: spacing.small,
     sidebarDnDZoneMargin: spacing.xSmall,
-    sidebarDnDZoneColor: colors.licorice
+    sidebarDnDZoneColor: colors.contrasts.grey125125
   };
 };
 export default generateComponentTheme;

package/es/common/components/shared/drag_and_drop/DragHandle/presenter.js

@@ -4,8 +4,20 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConst
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+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 ImmutablePropTypes from 'react-immutable-proptypes';
@@ -18,36 +30,36 @@ import keyboardClickable from '../../../../../common/util/keyboardClickable';
 import { MOVE_IMMUTABLE_DATA, SIDEBAR_NAV_ID, MOVED_QUIZ_ENTRY, MOVED_IN_SIDEBAR, MOVE } from '@instructure/quiz-common';
 export var DragHandle = /*#__PURE__*/function (_Component) {
   function DragHandle() {
-    var _this;
+    var _this2;
     _classCallCheck(this, DragHandle);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, DragHandle, [].concat(args));
-    _defineProperty(_this, "moveUp", function () {
-      _this.moveToPosition(_this.props.quizEntry.position - 1);
+    _this2 = _callSuper(this, DragHandle, [].concat(args));
+    _defineProperty(_this2, "moveUp", function () {
+      _this2.moveToPosition(_this2.props.quizEntry.position - 1);
       var msg = t('Question moved one space up.');
-      _this.props.screenreaderNotification(msg);
+      _this2.props.screenreaderNotification(msg);
     });
-    _defineProperty(_this, "moveDown", function () {
-      _this.moveToPosition(_this.props.quizEntry.position + 1);
+    _defineProperty(_this2, "moveDown", function () {
+      _this2.moveToPosition(_this2.props.quizEntry.position + 1);
       var msg = t('Question moved one space down.');
-      _this.props.screenreaderNotification(msg);
+      _this2.props.screenreaderNotification(msg);
     });
-    _defineProperty(_this, "moveToTop", function () {
-      _this.moveQuizEntry(1, '');
+    _defineProperty(_this2, "moveToTop", function () {
+      _this2.moveQuizEntry(1, '');
       var msg = t('Question moved to top of assessment.');
-      _this.props.screenreaderNotification(msg);
+      _this2.props.screenreaderNotification(msg);
     });
-    _defineProperty(_this, "moveToBottom", function () {
-      _this.moveQuizEntry(_this.props.quizEntries.size, '');
+    _defineProperty(_this2, "moveToBottom", function () {
+      _this2.moveQuizEntry(_this2.props.quizEntries.size, '');
       var msg = t('Question moved to bottom of assessment.');
-      _this.props.screenreaderNotification(msg);
+      _this2.props.screenreaderNotification(msg);
     });
-    _defineProperty(_this, "handleTriggerRef", function (node) {
-      _this.triggerRef = node;
+    _defineProperty(_this2, "handleTriggerRef", function (node) {
+      _this2.triggerRef = node;
     });
-    return _this;
+    return _this2;
   }
   _inherits(DragHandle, _Component);
   return _createClass(DragHandle, [{

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

@@ -5,8 +5,20 @@ import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _Errors;
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+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';
@@ -18,21 +30,21 @@ import generateComponentTheme from './theme';
 import { withStyleOverrides } from '@instructure/quiz-common';
 export var Errors = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Errors = /*#__PURE__*/function (_Component) {
   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 = _callSuper(this, Errors, [].concat(args));
-    _defineProperty(_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;
   }
   _inherits(Errors, _Component);
   return _createClass(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

@@ -5,8 +5,20 @@ import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _FileSelector;
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+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';
@@ -18,11 +30,11 @@ import generateComponentTheme from './theme';
 import { withStyleOverrides } from '@instructure/quiz-common';
 export var FileSelector = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_FileSelector = /*#__PURE__*/function (_Component) {
   function FileSelector() {
-    var _this;
+    var _this2;
     _classCallCheck(this, FileSelector);
-    _this = _callSuper(this, FileSelector);
-    _this.onDrop = _this.onDrop.bind(_this);
-    return _this;
+    _this2 = _callSuper(this, FileSelector);
+    _this2.onDrop = _this2.onDrop.bind(_this2);
+    return _this2;
   }
   _inherits(FileSelector, _Component);
   return _createClass(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,12 +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 _get from "@babel/runtime/helpers/esm/get";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _superPropGet(t, o, e, r) { var p = _get(_getPrototypeOf(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
+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';
@@ -26,11 +37,11 @@ import reduxStore from '../../../../reduxStore';
 var wrapWithOutsideClick = function wrapWithOutsideClick(ComposedComponent) {
   var wrappedWithOutsideClick = /*#__PURE__*/function (_ComposedComponent) {
     function wrappedWithOutsideClick(props) {
-      var _this;
+      var _this2;
       _classCallCheck(this, wrappedWithOutsideClick);
-      _this = _callSuper(this, wrappedWithOutsideClick, [props]);
-      _this.checkForOutsideClick = _this.checkForOutsideClick.bind(_this);
-      return _this;
+      _this2 = _callSuper(this, wrappedWithOutsideClick, [props]);
+      _this2.checkForOutsideClick = _this2.checkForOutsideClick.bind(_this2);
+      return _this2;
     }
     _inherits(wrappedWithOutsideClick, _ComposedComponent);
     return _createClass(wrappedWithOutsideClick, [{
@@ -41,25 +52,25 @@ var wrapWithOutsideClick = function wrapWithOutsideClick(ComposedComponent) {
           trailing: false
         });
         document.addEventListener('click', this.mouseDownEventCb, true);
-        _superPropGet(wrappedWithOutsideClick, "componentDidMount", this, 1) && _superPropGet(wrappedWithOutsideClick, "componentDidMount", this, 3)([]);
+        _get(_getPrototypeOf(wrappedWithOutsideClick.prototype), "componentDidMount", this) && _get(_getPrototypeOf(wrappedWithOutsideClick.prototype), "componentDidMount", this).call(this);
       }
     }, {
       key: "componentWillUnmount",
       value: function componentWillUnmount() {
         document.removeEventListener('click', this.mouseDownEventCb, true);
-        _superPropGet(wrappedWithOutsideClick, "componentWillUnmount", this, 1) && _superPropGet(wrappedWithOutsideClick, "componentWillUnmount", this, 3)([]);
+        _get(_getPrototypeOf(wrappedWithOutsideClick.prototype), "componentWillUnmount", this) && _get(_getPrototypeOf(wrappedWithOutsideClick.prototype), "componentWillUnmount", this).call(this);
       }
     }, {
       key: "checkForOutsideClick",
       value: function checkForOutsideClick(e) {
         var isModalOpen = reduxStore.getAppState().getIn(['modal', 'isOpen']);
-        if (_superPropGet(wrappedWithOutsideClick, "ignoreClickOutsideIf", this, 1) && _superPropGet(wrappedWithOutsideClick, "ignoreClickOutsideIf", this, 3)([e]) || isModalOpen) {
+        if (_get(_getPrototypeOf(wrappedWithOutsideClick.prototype), "ignoreClickOutsideIf", this) && _get(_getPrototypeOf(wrappedWithOutsideClick.prototype), "ignoreClickOutsideIf", this).call(this, e) || isModalOpen) {
           return;
         }
-        if (_superPropGet(wrappedWithOutsideClick, "clickedOutside", this, 1)) {
+        if (_get(_getPrototypeOf(wrappedWithOutsideClick.prototype), "clickedOutside", this)) {
           var domNode = ReactDOM.findDOMNode(this);
           if (!(domNode && domNode.contains(e.target))) {
-            _superPropGet(wrappedWithOutsideClick, "clickedOutside", this, 3)([e]);
+            _get(_getPrototypeOf(wrappedWithOutsideClick.prototype), "clickedOutside", this).call(this, e);
           }
         }
       }

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

@@ -3,8 +3,20 @@ 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";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+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';
@@ -25,11 +37,11 @@ import React from 'react';
 var wrapWithOutsideClickEmotion = function wrapWithOutsideClickEmotion(ComposedComponent) {
   return /*#__PURE__*/function (_React$Component) {
     function wrappedWithOutsideClick(props) {
-      var _this;
+      var _this2;
       _classCallCheck(this, wrappedWithOutsideClick);
-      _this = _callSuper(this, wrappedWithOutsideClick, [props]);
-      _this.checkForOutsideClick = _this.checkForOutsideClick.bind(_this);
-      return _this;
+      _this2 = _callSuper(this, wrappedWithOutsideClick, [props]);
+      _this2.checkForOutsideClick = _this2.checkForOutsideClick.bind(_this2);
+      return _this2;
     }
     _inherits(wrappedWithOutsideClick, _React$Component);
     return _createClass(wrappedWithOutsideClick, [{

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

@@ -4,8 +4,20 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConst
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+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';
@@ -44,23 +56,23 @@ var giveEditProps = function giveEditProps(ComposedComponent) {
   var _Class;
   return _Class = /*#__PURE__*/function (_Component) {
     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 = _callSuper(this, _Class, [].concat(args));
-      _defineProperty(_this, "switchOnEditing", function () {
+      _this2 = _callSuper(this, _Class, [].concat(args));
+      _defineProperty(_this2, "switchOnEditing", function () {
         var initialFocusId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-        _this.props.editingActions.startEdit(_this.uniqueId(), initialFocusId);
+        _this2.props.editingActions.startEdit(_this2.uniqueId(), initialFocusId);
       });
-      _defineProperty(_this, "switchOffEditing", function () {
-        _this.props.editingActions.endEdit(_this.uniqueId());
+      _defineProperty(_this2, "switchOffEditing", function () {
+        _this2.props.editingActions.endEdit(_this2.uniqueId());
       });
-      _defineProperty(_this, "toggleEditing", function () {
-        _this.props.editingActions.toggleEditing(_this.uniqueId());
+      _defineProperty(_this2, "toggleEditing", function () {
+        _this2.props.editingActions.toggleEditing(_this2.uniqueId());
       });
-      return _this;
+      return _this2;
     }
     _inherits(_Class, _Component);
     return _createClass(_Class, [{

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

@@ -5,10 +5,22 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConst
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+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';
@@ -36,26 +48,26 @@ var unconnectedMakeScrollable = function unconnectedMakeScrollable(ComposedCompo
   var _WithScrollableItems;
   return _WithScrollableItems = /*#__PURE__*/function (_Component) {
     function WithScrollableItems(props) {
-      var _this;
+      var _this2;
       _classCallCheck(this, WithScrollableItems);
-      _this = _callSuper(this, WithScrollableItems, [props]);
-      _defineProperty(_this, "composedRef", function (node) {
-        _this._composed = node;
+      _this2 = _callSuper(this, WithScrollableItems, [props]);
+      _defineProperty(_this2, "composedRef", function (node) {
+        _this2._composed = node;
       });
-      _this._composed = null;
-      return _this;
+      _this2._composed = null;
+      return _this2;
     }
     _inherits(WithScrollableItems, _Component);
     return _createClass(WithScrollableItems, [{
       key: "composedProps",
       get: function get() {
-        var _this2 = this;
+        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] || !_this2.constructor.propTypes[name];
+          return ComposedComponent.propTypes && ComposedComponent.propTypes[name] || !_this3.constructor.propTypes[name];
         }).map(function (name) {
-          return _defineProperty({}, name, _this2.props[name]);
+          return _defineProperty({}, name, _this3.props[name]);
         }))));
       }
     }, {

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

@@ -5,8 +5,20 @@ import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _Overlay;
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+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" */

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'
   };
 };

package/es/common/components/shared/return_button/ReturnButton.js

@@ -4,8 +4,20 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConst
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+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 { Button } from '@instructure/ui-buttons';

package/es/common/components/shared/spinner/Spinner.js

@@ -6,8 +6,20 @@ import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _QuizzesSpinner;
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+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 PropTypes from 'prop-types';
@@ -20,22 +32,22 @@ import generateStyle from './styles';
 import { withStyleOverrides } from '@instructure/quiz-common';
 export var QuizzesSpinner = (_dec = withStyleOverrides(generateStyle, null), _dec(_class = (_QuizzesSpinner = /*#__PURE__*/function (_Component) {
   function QuizzesSpinner(props) {
-    var _this;
+    var _this2;
     _classCallCheck(this, QuizzesSpinner);
-    _this = _callSuper(this, QuizzesSpinner, [props]);
-    _this.state = {
-      hidden: _this.props.delay && _this.props.delay > 0
+    _this2 = _callSuper(this, QuizzesSpinner, [props]);
+    _this2.state = {
+      hidden: _this2.props.delay && _this2.props.delay > 0
     };
-    return _this;
+    return _this2;
   }
   _inherits(QuizzesSpinner, _Component);
   return _createClass(QuizzesSpinner, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      var _this2 = this;
+      var _this3 = this;
       if (this.props.delay > 0) {
         this.timer = setTimeout(function () {
-          _this2.setState({
+          _this3.setState({
             hidden: false
           });
         }, this.props.delay);