@instructure/quiz-core 21.1.1 → 22.0.0

package/es/building/components/layout/header/BuildingButtons/presenter.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, _BuildingButtons;
+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';
@@ -12,54 +28,52 @@ import { IconExportLine, IconMoreSolid, IconImportLine, IconBankLine, IconPrinte
 import { View } from '@instructure/ui-view';
 import { Drilldown } from '@instructure/ui-drilldown';
 import { TopNavBar } from '@instructure/ui-top-nav-bar';
-import PrintTrigger from "../../../../../common/components/shared/PrintTrigger/index.js";
+import PrintTrigger from '../../../../../common/components/shared/PrintTrigger';
 import { PRINT_CURRENT_PAGE, PRINT_BLANK, withStyleOverrides } from '@instructure/quiz-common';
 import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
-var _ref = jsx(IconSpeedGraderLine, null);
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 export var BuildingButtons = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_BuildingButtons = /*#__PURE__*/function (_Component) {
-  _inherits(BuildingButtons, _Component);
-  var _super = _createSuper(BuildingButtons);
   function BuildingButtons() {
-    var _this;
+    var _this2;
     _classCallCheck(this, BuildingButtons);
     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.quizExportAlert = function () {
-      _this.props.addInfo(t("The export process has been started. This can take a while for larger quizzes.\n      You can leave the page and you'll get notified when the export is completed."));
-    };
-    _this.openBanksTray = function () {
-      _this.props.setBanksTrayButtonRef(_this.banksTrayButton);
-      _this.props.openBanksTray();
-    };
-    _this.openSpeedgraderLink = function () {
-      window.open(_this.props.speedgraderLink, '_blank');
-    };
-    _this.startQuizExportJob = function () {
-      if (_this.props.canExport) {
-        var _this$props = _this.props,
-          activeQuizId = _this$props.activeQuizId,
-          contextUuid = _this$props.contextUuid;
+    _this2 = _callSuper(this, BuildingButtons, [].concat(args));
+    _defineProperty(_this2, "quizExportAlert", function () {
+      _this2.props.addInfo(t("The export process has been started. This can take a while for larger quizzes.\n      You can leave the page and you'll get notified when the export is completed."));
+    });
+    _defineProperty(_this2, "openBanksTray", function () {
+      _this2.props.setBanksTrayButtonRef(_this2.banksTrayButton);
+      _this2.props.openBanksTray();
+    });
+    _defineProperty(_this2, "openSpeedgraderLink", function () {
+      window.open(_this2.props.speedgraderLink, '_blank');
+    });
+    _defineProperty(_this2, "startQuizExportJob", function () {
+      if (_this2.props.canExport) {
+        var _this2$props = _this2.props,
+          activeQuizId = _this2$props.activeQuizId,
+          contextUuid = _this2$props.contextUuid;
         var exportSettings = {
           export_type: 'qti',
           everything: false,
           quizzes: [activeQuizId]
         };
-        _this.quizExportAlert();
-        _this.props.contentExport({
+        _this2.quizExportAlert();
+        _this2.props.contentExport({
           contextUuid: contextUuid,
           exportSettings: exportSettings
-        }, _this.props.addAlert);
-        _this.props.startExport(activeQuizId);
+        }, _this2.props.addAlert);
+        _this2.props.startExport(activeQuizId);
       }
-    };
-    return _this;
+    });
+    return _this2;
   }
-  _createClass(BuildingButtons, [{
+  _inherits(BuildingButtons, _Component);
+  return _createClass(BuildingButtons, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.makeStyles();
@@ -93,7 +107,7 @@ export var BuildingButtons = (_dec = withStyleOverrides(generateStyle, generateC
           id: key,
           key: key,
           onOptionClick: this.openSpeedgraderLink
-        }, _ref, jsx(View, {
+        }, jsx(IconSpeedGraderLine, null), jsx(View, {
           as: "span",
           margin: "0 0 0 x-small"
         }, text));
@@ -317,20 +331,18 @@ export var BuildingButtons = (_dec = withStyleOverrides(generateStyle, generateC
   }, {
     key: "render",
     value: function render() {
-      var _this2 = this;
+      var _this3 = this;
       return jsx("div", {
         css: this.props.styles.buttonsHolder
       }, this.renderSavingMessage(), jsx(PrintTrigger, {
         render: function render(handlePrint) {
-          return _this2.renderMenu(handlePrint);
+          return _this3.renderMenu(handlePrint);
         },
         navigateToPreviewPrint: this.props.navigateToPreviewPrint
       }));
     }
   }]);
-  BuildingButtons.displayName = "BuildingButtons";
-  return BuildingButtons;
-}(Component), _BuildingButtons.displayName = 'BuildingButtons', _BuildingButtons.componentId = "Quizzes".concat(_BuildingButtons.displayName), _BuildingButtons.propTypes = {
+}(Component), _defineProperty(_BuildingButtons, "displayName", 'BuildingButtons'), _defineProperty(_BuildingButtons, "componentId", "Quizzes".concat(_BuildingButtons.displayName)), _defineProperty(_BuildingButtons, "propTypes", {
   app: PropTypes.string,
   addAlert: PropTypes.func.isRequired,
   addInfo: PropTypes.func,
@@ -357,7 +369,7 @@ export var BuildingButtons = (_dec = withStyleOverrides(generateStyle, generateC
   renderIcon: PropTypes.element,
   makeStyles: PropTypes.func,
   styles: PropTypes.object
-}, _BuildingButtons.defaultProps = {
+}), _defineProperty(_BuildingButtons, "defaultProps", {
   activeQuizId: null,
   addInfo: function addInfo() {},
   app: null,
@@ -370,5 +382,5 @@ export var BuildingButtons = (_dec = withStyleOverrides(generateStyle, generateC
   iceTopNavBarEnabled: false,
   id: 'MoreButton',
   renderIcon: jsx(IconMoreSolid, null)
-}, _BuildingButtons)) || _class);
+}), _BuildingButtons)) || _class);
 export default BuildingButtons;

package/es/building/components/layout/header/BuildingButtons/styles.js

@@ -1,4 +1,6 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+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; }
 var generateStyle = function generateStyle(componentTheme, props) {
   var iceTopNavBarEnabled = props.iceTopNavBarEnabled;
   return {

package/es/building/components/layout/header/BuildingButtons/theme.js

@@ -3,9 +3,9 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     spacing = _ref.spacing,
     typography = _ref.typography;
   return {
-    quizSavingColor: colors.lightGray,
+    quizSavingColor: colors.contrasts.grey1214,
     quizSavingMargin: spacing.large,
-    buttonsHolderMargin: spacing.mediumSmall,
+    buttonsHolderMargin: spacing.xLarge,
     menuIconMargin: spacing.xSmall,
     menuIconFontSize: typography.fontSizeLarge
   };

package/es/building/components/layout/header/SDKBuildingButtons/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { Provider } from "../../../../../common/react-redux.js";
-import store from "../../../../../reduxStore.js";
-import BuildingButtons from "../BuildingButtons/index.js";
+import { Provider } from '../../../../../common/react-redux';
+import store from '../../../../../reduxStore';
+import BuildingButtons from '../BuildingButtons';
 export var SDKBuildingButtons = function SDKBuildingButtons(props) {
   return /*#__PURE__*/React.createElement(Provider, {
     store: store

package/es/building/components/resources/ActionButtons/index.js

@@ -1,10 +1,10 @@
 import { Map } from 'immutable';
 import { compose } from 'redux';
-import { connect } from "../../../../common/react-redux.js";
-import { ActionButtons as ActionButtonsPresenter } from "./presenter.js";
-import disableDraggingOverride from "../../../../common/components/shared/functionality/disableDraggingOverride.js";
+import { connect } from '../../../../common/react-redux';
+import { ActionButtons as ActionButtonsPresenter } from './presenter';
+import disableDraggingOverride from '../../../../common/components/shared/functionality/disableDraggingOverride';
 import { ADD_CONTENT_POPOVER_KEY } from '@instructure/quiz-common';
-import { featureOn } from "../../../../common/util/featureCheck.js";
+import { featureOn } from '../../../../common/util/featureCheck';
 function editingAddContentPopover(state) {
   return state.get('editing', Map()).some(function (isEditing, componentKey) {
     return componentKey.includes(ADD_CONTENT_POPOVER_KEY) && isEditing;

package/es/building/components/resources/ActionButtons/presenter.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, _ActionButtons;
+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';
@@ -10,42 +26,41 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import { IconButton } from '@instructure/ui-buttons';
 import { IconEditLine, IconTrashLine, IconDuplicateLine } from '@instructure/ui-icons';
 import { jsx, Global } from '@instructure/emotion';
-import DragHandle from "../../../../common/components/shared/drag_and_drop/DragHandle/index.js";
-import makeScrollable from "../../../../common/components/shared/functionality/makeScrollable.js";
-import noop from "../../../../common/util/noop.js";
+import DragHandle from '../../../../common/components/shared/drag_and_drop/DragHandle';
+import makeScrollable from '../../../../common/components/shared/functionality/makeScrollable';
+import noop from '../../../../common/util/noop';
 import { EDIT, REMOVE, COPY, END_EDITING_TRIGGER_CLASSNAME, withStyleOverrides } from '@instructure/quiz-common';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 var ScrollTargetButton = makeScrollable(IconButton);
 export var ActionButtons = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_ActionButtons = /*#__PURE__*/function (_Component) {
-  _inherits(ActionButtons, _Component);
-  var _super = _createSuper(ActionButtons);
   function ActionButtons() {
-    var _this;
+    var _this2;
     _classCallCheck(this, ActionButtons);
     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.editButton = null;
-    _this.connectDragSource = function (dragHandle) {
-      if (_this.props.shouldDisableDragHandle) {
+    _this2 = _callSuper(this, ActionButtons, [].concat(args));
+    _defineProperty(_this2, "editButton", null);
+    _defineProperty(_this2, "connectDragSource", function (dragHandle) {
+      if (_this2.props.shouldDisableDragHandle) {
         return dragHandle;
       }
-      return _this.props.connectDragSource(dragHandle);
-    };
-    _this.onButtonFocus = function (e) {
+      return _this2.props.connectDragSource(dragHandle);
+    });
+    _defineProperty(_this2, "onButtonFocus", function (e) {
       e.stopPropagation();
-    };
-    _this.switchOnEditing = function () {
-      _this.props.switchOnEditing();
-    };
-    _this.setEditRef = function (node) {
-      _this.editButton = node;
-    };
-    return _this;
+    });
+    _defineProperty(_this2, "switchOnEditing", function () {
+      _this2.props.switchOnEditing();
+    });
+    _defineProperty(_this2, "setEditRef", function (node) {
+      _this2.editButton = node;
+    });
+    return _this2;
   }
-  _createClass(ActionButtons, [{
+  _inherits(ActionButtons, _Component);
+  return _createClass(ActionButtons, [{
     key: "shouldFocusOnMount",
     value: function shouldFocusOnMount() {
       return this.props.shouldFocusOnMount && !this.props.editingAddContentPopover;
@@ -58,11 +73,11 @@ export var ActionButtons = (_dec = withStyleOverrides(generateStyle, generateCom
   }, {
     key: "componentDidMount",
     value: function componentDidMount() {
-      var _this2 = this;
+      var _this3 = this;
       if (this.shouldFocusOnMount() && this.editButton) {
         // use setTimeout to break away from RCE destruction that loses focus
         setTimeout(function () {
-          _this2.editButton && _this2.editButton.getWrappedInstance().setFocus();
+          _this3.editButton && _this3.editButton.getWrappedInstance().setFocus();
         }, 50);
       }
       this.props.makeStyles();
@@ -122,9 +137,7 @@ export var ActionButtons = (_dec = withStyleOverrides(generateStyle, generateCom
       }));
     }
   }]);
-  ActionButtons.displayName = "ActionButtons";
-  return ActionButtons;
-}(Component), _ActionButtons.displayName = 'BuildingActionButtons', _ActionButtons.componentId = "Quizzes".concat(_ActionButtons.displayName), _ActionButtons.propTypes = {
+}(Component), _defineProperty(_ActionButtons, "displayName", 'BuildingActionButtons'), _defineProperty(_ActionButtons, "componentId", "Quizzes".concat(_ActionButtons.displayName)), _defineProperty(_ActionButtons, "propTypes", {
   connectDragSource: PropTypes.func.isRequired,
   displayPosition: PropTypes.number.isRequired,
   editingAddContentPopover: PropTypes.bool.isRequired,
@@ -143,7 +156,7 @@ export var ActionButtons = (_dec = withStyleOverrides(generateStyle, generateCom
   shouldFocusOnMount: PropTypes.bool,
   styles: PropTypes.object,
   makeStyles: PropTypes.func
-}, _ActionButtons.defaultProps = {
+}), _defineProperty(_ActionButtons, "defaultProps", {
   onCopy: null,
   scrollKey: void 0,
   shouldDisableCopy: false,
@@ -153,5 +166,5 @@ export var ActionButtons = (_dec = withStyleOverrides(generateStyle, generateCom
   shouldRenderEdit: true,
   switchOnEditing: noop,
   shouldFocusOnMount: false
-}, _ActionButtons)) || _class);
+}), _ActionButtons)) || _class);
 export default ActionButtons;

package/es/building/components/resources/ActionButtons/styles.js

@@ -1,5 +1,6 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 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; }
 var generateStyle = function generateStyle(componentTheme, props) {
   var mq = '@media print';
   return {

package/es/building/components/resources/ActionButtons/theme.js

@@ -3,7 +3,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     colors = _ref.colors;
   return {
     buttonsZIndex: '3333',
-    buttonsColor: colors.oxford,
+    buttonsColor: colors.contrasts.grey100100,
     buttonsPadding: spacing.xSmall
   };
 };

package/es/building/components/resources/AddToBankOptions/index.js

@@ -1,10 +1,26 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 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, _AddToBankOptions;
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+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';
@@ -12,58 +28,55 @@ import { View } from '@instructure/ui-view';
 import { CondensedButton } from '@instructure/ui-buttons';
 import { jsx } from '@instructure/emotion';
 import { ADD_TO_BANK_MODAL, withStyleOverrides } from '@instructure/quiz-common';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 import t from '@instructure/quiz-i18n/es/format-message';
 export var AddToBankOptions = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_AddToBankOptions = /*#__PURE__*/function (_Component) {
-  _inherits(AddToBankOptions, _Component);
-  var _super = _createSuper(AddToBankOptions);
   function AddToBankOptions() {
-    var _this;
+    var _this2;
     _classCallCheck(this, AddToBankOptions);
     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.openAddToBankModal = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    _this2 = _callSuper(this, AddToBankOptions, [].concat(args));
+    _defineProperty(_this2, "openAddToBankModal", /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var displayPosition, msg;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              displayPosition = _this.props.displayPosition;
-              if (!_this.props.isValid) {
-                _context.next = 5;
-                break;
-              }
-              _this.props.openModal([ADD_TO_BANK_MODAL, _this.props.entryType, _this.props.guid].join(':'), {
-                modalTrigger: _this.addToBankLink
-              });
-              _context.next = 10;
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            displayPosition = _this2.props.displayPosition;
+            if (!_this2.props.isValid) {
+              _context.next = 5;
               break;
-            case 5:
-              msg = t('{entryType} {displayPosition, number} cannot be saved due to invalid input data.', {
-                entryType: _this.props.entryType,
-                displayPosition: displayPosition
-              });
-              _this.props.screenreaderNotification(msg);
-              _context.next = 9;
-              return _this.props.showError(_this.props.guid);
-            case 9:
-              _this.props.focusFirstErrorField();
-            case 10:
-            case "end":
-              return _context.stop();
-          }
+            }
+            _this2.props.openModal([ADD_TO_BANK_MODAL, _this2.props.entryType, _this2.props.guid].join(':'), {
+              modalTrigger: _this2.addToBankLink
+            });
+            _context.next = 10;
+            break;
+          case 5:
+            msg = t('{entryType} {displayPosition, number} cannot be saved due to invalid input data.', {
+              entryType: _this2.props.entryType,
+              displayPosition: displayPosition
+            });
+            _this2.props.screenreaderNotification(msg);
+            _context.next = 9;
+            return _this2.props.showError(_this2.props.guid);
+          case 9:
+            _this2.props.focusFirstErrorField();
+          case 10:
+          case "end":
+            return _context.stop();
         }
       }, _callee);
-    }));
-    _this.storeAddToBankLinkRef = function (c) {
-      _this.addToBankLink = c;
-    };
-    return _this;
+    })));
+    _defineProperty(_this2, "storeAddToBankLinkRef", function (c) {
+      _this2.addToBankLink = c;
+    });
+    return _this2;
   }
-  _createClass(AddToBankOptions, [{
+  _inherits(AddToBankOptions, _Component);
+  return _createClass(AddToBankOptions, [{
     key: "render",
     value: function render() {
       return jsx("div", null, jsx(View, {
@@ -78,9 +91,7 @@ export var AddToBankOptions = (_dec = withStyleOverrides(generateStyle, generate
       }, t('Add to Bank'))));
     }
   }]);
-  AddToBankOptions.displayName = "AddToBankOptions";
-  return AddToBankOptions;
-}(Component), _AddToBankOptions.displayName = 'AddToBankOptions', _AddToBankOptions.componentId = "Quizzes".concat(_AddToBankOptions.displayName), _AddToBankOptions.propTypes = {
+}(Component), _defineProperty(_AddToBankOptions, "displayName", 'AddToBankOptions'), _defineProperty(_AddToBankOptions, "componentId", "Quizzes".concat(_AddToBankOptions.displayName)), _defineProperty(_AddToBankOptions, "propTypes", {
   displayPosition: PropTypes.number.isRequired,
   entryType: PropTypes.string.isRequired,
   focusFirstErrorField: PropTypes.func,
@@ -90,7 +101,7 @@ export var AddToBankOptions = (_dec = withStyleOverrides(generateStyle, generate
   screenreaderNotification: PropTypes.func.isRequired,
   showError: PropTypes.func.isRequired,
   styles: PropTypes.object
-}, _AddToBankOptions.defaultProps = {
+}), _defineProperty(_AddToBankOptions, "defaultProps", {
   focusFirstErrorField: function focusFirstErrorField() {}
-}, _AddToBankOptions)) || _class);
+}), _AddToBankOptions)) || _class);
 export default AddToBankOptions;

package/es/building/components/resources/AddToBankOptions/theme.js

@@ -2,8 +2,8 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
     colors = _ref.colors;
   return {
-    addToBankBackgroundColor: colors.porcelain,
-    addToBankBorderColor: colors.oxford
+    addToBankBackgroundColor: colors.contrasts.grey1111,
+    addToBankBorderColor: colors.contrasts.grey100100
   };
 };
 export default generateComponentTheme;

package/es/building/components/resources/BanksTray/index.js

@@ -1,7 +1,7 @@
 import { BUILD_TRAY_OPEN, TRAY_ALERT_OPEN, BUILD_TRAY_BUTTON_REF } from '@instructure/quiz-common';
-import { connect } from "../../../../common/react-redux.js";
-import { set as setUI, clear, newActiveBank, newActiveBankEntry } from "../../../../common/actions/ui.js";
-import { BanksTray as BanksTrayPresenter } from "./presenter.js";
+import { connect } from '../../../../common/react-redux';
+import { set as setUI, clear, newActiveBank, newActiveBankEntry } from '../../../../common/actions/ui';
+import { BanksTray as BanksTrayPresenter } from './presenter';
 function mapStateToProps(state) {
   return {
     activeBankId: state.getIn(['ui', 'activeBankId']),