@instructure/quiz-core 21.2.0 → 22.0.0

package/lib/building/components/layout/Sidebar/SidebarItem/presenter.js

@@ -24,8 +24,20 @@ var _theme = _interopRequireDefault(require("./theme"));
 var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _BuildingSidebarItem;
 /** @jsx jsx */
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(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 = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
 var BuildingSidebarItem = exports.BuildingSidebarItem = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_BuildingSidebarItem = /*#__PURE__*/function (_Component) {
   function BuildingSidebarItem() {
     (0, _classCallCheck2["default"])(this, BuildingSidebarItem);

package/lib/building/components/layout/Sidebar/Stimulus/presenter.js

@@ -24,8 +24,20 @@ var _theme = _interopRequireDefault(require("./theme"));
 var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _BuildingStimulus;
 /** @jsx jsx */
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(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 = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
 var BuildingStimulus = exports.BuildingStimulus = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_BuildingStimulus = /*#__PURE__*/function (_Component) {
   function BuildingStimulus() {
     (0, _classCallCheck2["default"])(this, BuildingStimulus);

package/lib/building/components/layout/Sidebar/presenter.js

@@ -27,58 +27,70 @@ var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/f
 var _dec, _class, _BuildingSidebar;
 /** @jsx jsx */
 /* eslint "array-callback-return": "warn" */
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(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 = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
 var BuildingSidebar = exports.BuildingSidebar = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_BuildingSidebar = /*#__PURE__*/function (_Component) {
   function BuildingSidebar() {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(this, BuildingSidebar);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, BuildingSidebar, [].concat(args));
+    _this2 = _callSuper(this, BuildingSidebar, [].concat(args));
     // NOTE: we use a higher order function here only so that we can match
     // the props provided to our common interface from the TakingSidebar.
-    (0, _defineProperty2["default"])(_this, "scrollToItem", function (_) {
+    (0, _defineProperty2["default"])(_this2, "scrollToItem", function (_) {
       return function (scrollKey) {
-        _this.props.scrollToItem(scrollKey);
+        _this2.props.scrollToItem(scrollKey);
       };
     });
     // need to pass isOver this way to force a rerender when it changes,
     // since only this function is passed down for rendering items in stimuli
-    (0, _defineProperty2["default"])(_this, "renderItem", function () {
-      var isOver = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.props.isOver;
+    (0, _defineProperty2["default"])(_this2, "renderItem", function () {
+      var isOver = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this2.props.isOver;
       return function (quizEntry, displayPosition, sidebarIsOpen) {
         return (0, _emotion.jsx)(_SidebarItem["default"], {
-          key: _this.setKey(quizEntry.id),
-          ref: _this.setRef(quizEntry.id),
+          key: _this2.setKey(quizEntry.id),
+          ref: _this2.setRef(quizEntry.id),
           inStimulus: quizEntry.isInStimulus,
           draggingInSidebar: isOver,
-          isTemporary: _this.isTemporary(quizEntry),
-          itemBody: _this.getItemBody(quizEntry),
-          itemName: _this.getItemName(quizEntry),
+          isTemporary: _this2.isTemporary(quizEntry),
+          itemBody: _this2.getItemBody(quizEntry),
+          itemName: _this2.getItemName(quizEntry),
           itemId: quizEntry.id,
           pointsPossible: quizEntry.pointsPossible,
           displayPosition: displayPosition,
           quizEntry: quizEntry,
-          quizEntries: _this.props.quizEntries,
+          quizEntries: _this2.props.quizEntries,
           sidebarOpen: sidebarIsOpen
         });
       };
     });
-    (0, _defineProperty2["default"])(_this, "renderBankEntry", function (quizEntry, displayPosition, sidebarIsOpen) {
+    (0, _defineProperty2["default"])(_this2, "renderBankEntry", function (quizEntry, displayPosition, sidebarIsOpen) {
       if (quizEntry.hasStimulus) {
-        return _this.renderStimulus(quizEntry, displayPosition, sidebarIsOpen);
+        return _this2.renderStimulus(quizEntry, displayPosition, sidebarIsOpen);
       }
-      return _this.renderItem()(quizEntry, displayPosition, sidebarIsOpen);
+      return _this2.renderItem()(quizEntry, displayPosition, sidebarIsOpen);
     });
-    (0, _defineProperty2["default"])(_this, "storeStartQuizEntriesRef", function (node) {
-      _this.startQuizEntries = node;
+    (0, _defineProperty2["default"])(_this2, "storeStartQuizEntriesRef", function (node) {
+      _this2.startQuizEntries = node;
     });
-    (0, _defineProperty2["default"])(_this, "storeEndQuizEntriesRef", function (node) {
-      _this.endQuizEntries = node;
+    (0, _defineProperty2["default"])(_this2, "storeEndQuizEntriesRef", function (node) {
+      _this2.endQuizEntries = node;
     });
-    return _this;
+    return _this2;
   }
   (0, _inherits2["default"])(BuildingSidebar, _Component);
   return (0, _createClass2["default"])(BuildingSidebar, [{
@@ -131,9 +143,9 @@ var BuildingSidebar = exports.BuildingSidebar = (_dec = (0, _quizCommon.withStyl
   }, {
     key: "setRef",
     value: function setRef(quizEntryId) {
-      var _this2 = this;
+      var _this3 = this;
       return function (node) {
-        _this2[_this2.setKey(quizEntryId)] = node;
+        _this3[_this3.setKey(quizEntryId)] = node;
       };
     }
   }, {
@@ -154,18 +166,18 @@ var BuildingSidebar = exports.BuildingSidebar = (_dec = (0, _quizCommon.withStyl
   }, {
     key: "renderSidebarItems",
     value: function renderSidebarItems(sidebarIsOpen) {
-      var _this3 = this;
+      var _this4 = this;
       var quizEntries = this.props.quizEntries;
       return (0, _generateDisplayPositions["default"])(quizEntries).reduce(function (renderedQuizEntries, quizEntry) {
         var entryType = quizEntry.record.entryType;
         if (entryType === 'Item' || entryType === 'Bank') {
-          var itemOrBank = _this3.renderItem()(quizEntry.record, quizEntry.displayPosition, sidebarIsOpen);
+          var itemOrBank = _this4.renderItem()(quizEntry.record, quizEntry.displayPosition, sidebarIsOpen);
           renderedQuizEntries.push(itemOrBank);
         } else if (entryType === 'BankEntry') {
-          var bankEntry = _this3.renderBankEntry(quizEntry.record, quizEntry.displayPosition, sidebarIsOpen);
+          var bankEntry = _this4.renderBankEntry(quizEntry.record, quizEntry.displayPosition, sidebarIsOpen);
           renderedQuizEntries.push(bankEntry);
         } else if (entryType === 'Stimulus') {
-          var stimulus = _this3.renderStimulus(quizEntry.record, quizEntry.displayPosition, sidebarIsOpen);
+          var stimulus = _this4.renderStimulus(quizEntry.record, quizEntry.displayPosition, sidebarIsOpen);
           renderedQuizEntries.push(stimulus);
         }
         return renderedQuizEntries;

package/lib/building/components/layout/Sidebar/styles.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/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) { (0, _defineProperty2["default"])(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) { (0, _defineProperty2["default"])(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) {
   return {
     /* this class is to allow space for dragging an item

package/lib/building/components/layout/header/BuildingButtons/index.js

@@ -18,8 +18,8 @@ var _quizzes = require("../../../../../common/selectors/quizzes");
 var _featureCheck = require("../../../../../common/util/featureCheck");
 var _quizExport = require("../../../../../common/actions/quizExport");
 var _alerts = require("../../../../../common/actions/alerts");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function mapStateToProps(state) {
   var quiz = (0, _quizzes.getActiveQuiz)(state);
   return {

package/lib/building/components/layout/header/BuildingButtons/presenter.js

@@ -27,45 +27,57 @@ var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
 var _dec, _class, _BuildingButtons;
 /** @jsx jsx */
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(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 = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
 var BuildingButtons = exports.BuildingButtons = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_BuildingButtons = /*#__PURE__*/function (_Component) {
   function BuildingButtons() {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(this, BuildingButtons);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, BuildingButtons, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "quizExportAlert", function () {
-      _this.props.addInfo((0, _formatMessage["default"])("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."));
+    _this2 = _callSuper(this, BuildingButtons, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "quizExportAlert", function () {
+      _this2.props.addInfo((0, _formatMessage["default"])("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."));
     });
-    (0, _defineProperty2["default"])(_this, "openBanksTray", function () {
-      _this.props.setBanksTrayButtonRef(_this.banksTrayButton);
-      _this.props.openBanksTray();
+    (0, _defineProperty2["default"])(_this2, "openBanksTray", function () {
+      _this2.props.setBanksTrayButtonRef(_this2.banksTrayButton);
+      _this2.props.openBanksTray();
     });
-    (0, _defineProperty2["default"])(_this, "openSpeedgraderLink", function () {
-      window.open(_this.props.speedgraderLink, '_blank');
+    (0, _defineProperty2["default"])(_this2, "openSpeedgraderLink", function () {
+      window.open(_this2.props.speedgraderLink, '_blank');
     });
-    (0, _defineProperty2["default"])(_this, "startQuizExportJob", function () {
-      if (_this.props.canExport) {
-        var _this$props = _this.props,
-          activeQuizId = _this$props.activeQuizId,
-          contextUuid = _this$props.contextUuid;
+    (0, _defineProperty2["default"])(_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;
   }
   (0, _inherits2["default"])(BuildingButtons, _Component);
   return (0, _createClass2["default"])(BuildingButtons, [{
@@ -326,12 +338,12 @@ var BuildingButtons = exports.BuildingButtons = (_dec = (0, _quizCommon.withStyl
   }, {
     key: "render",
     value: function render() {
-      var _this2 = this;
+      var _this3 = this;
       return (0, _emotion.jsx)("div", {
         css: this.props.styles.buttonsHolder
       }, this.renderSavingMessage(), (0, _emotion.jsx)(_PrintTrigger["default"], {
         render: function render(handlePrint) {
-          return _this2.renderMenu(handlePrint);
+          return _this3.renderMenu(handlePrint);
         },
         navigateToPreviewPrint: this.props.navigateToPreviewPrint
       }));

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

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/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) { (0, _defineProperty2["default"])(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) { (0, _defineProperty2["default"])(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/lib/building/components/layout/header/BuildingButtons/theme.js

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

package/lib/building/components/resources/ActionButtons/presenter.js

@@ -25,34 +25,46 @@ var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
 var _dec, _class, _ActionButtons;
 /** @jsx jsx */
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(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 = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
 var ScrollTargetButton = (0, _makeScrollable["default"])(_uiButtons.IconButton);
 var ActionButtons = exports.ActionButtons = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_ActionButtons = /*#__PURE__*/function (_Component) {
   function ActionButtons() {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(this, ActionButtons);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, ActionButtons, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "editButton", null);
-    (0, _defineProperty2["default"])(_this, "connectDragSource", function (dragHandle) {
-      if (_this.props.shouldDisableDragHandle) {
+    _this2 = _callSuper(this, ActionButtons, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "editButton", null);
+    (0, _defineProperty2["default"])(_this2, "connectDragSource", function (dragHandle) {
+      if (_this2.props.shouldDisableDragHandle) {
         return dragHandle;
       }
-      return _this.props.connectDragSource(dragHandle);
+      return _this2.props.connectDragSource(dragHandle);
     });
-    (0, _defineProperty2["default"])(_this, "onButtonFocus", function (e) {
+    (0, _defineProperty2["default"])(_this2, "onButtonFocus", function (e) {
       e.stopPropagation();
     });
-    (0, _defineProperty2["default"])(_this, "switchOnEditing", function () {
-      _this.props.switchOnEditing();
+    (0, _defineProperty2["default"])(_this2, "switchOnEditing", function () {
+      _this2.props.switchOnEditing();
     });
-    (0, _defineProperty2["default"])(_this, "setEditRef", function (node) {
-      _this.editButton = node;
+    (0, _defineProperty2["default"])(_this2, "setEditRef", function (node) {
+      _this2.editButton = node;
     });
-    return _this;
+    return _this2;
   }
   (0, _inherits2["default"])(ActionButtons, _Component);
   return (0, _createClass2["default"])(ActionButtons, [{
@@ -68,11 +80,11 @@ var ActionButtons = exports.ActionButtons = (_dec = (0, _quizCommon.withStyleOve
   }, {
     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();

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

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/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) { (0, _defineProperty2["default"])(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) { (0, _defineProperty2["default"])(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/lib/building/components/resources/ActionButtons/theme.js

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

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

@@ -24,51 +24,63 @@ var _theme = _interopRequireDefault(require("./theme"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _dec, _class, _AddToBankOptions;
 /** @jsx jsx */
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(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 = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
 var AddToBankOptions = exports.AddToBankOptions = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_AddToBankOptions = /*#__PURE__*/function (_Component) {
   function AddToBankOptions() {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(this, AddToBankOptions);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, AddToBankOptions, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "openAddToBankModal", /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+    _this2 = _callSuper(this, AddToBankOptions, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "openAddToBankModal", /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
       var displayPosition, msg;
       return _regenerator["default"].wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            displayPosition = _this.props.displayPosition;
-            if (!_this.props.isValid) {
+            displayPosition = _this2.props.displayPosition;
+            if (!_this2.props.isValid) {
               _context.next = 5;
               break;
             }
-            _this.props.openModal([_quizCommon.ADD_TO_BANK_MODAL, _this.props.entryType, _this.props.guid].join(':'), {
-              modalTrigger: _this.addToBankLink
+            _this2.props.openModal([_quizCommon.ADD_TO_BANK_MODAL, _this2.props.entryType, _this2.props.guid].join(':'), {
+              modalTrigger: _this2.addToBankLink
             });
             _context.next = 10;
             break;
           case 5:
             msg = (0, _formatMessage["default"])('{entryType} {displayPosition, number} cannot be saved due to invalid input data.', {
-              entryType: _this.props.entryType,
+              entryType: _this2.props.entryType,
               displayPosition: displayPosition
             });
-            _this.props.screenreaderNotification(msg);
+            _this2.props.screenreaderNotification(msg);
             _context.next = 9;
-            return _this.props.showError(_this.props.guid);
+            return _this2.props.showError(_this2.props.guid);
           case 9:
-            _this.props.focusFirstErrorField();
+            _this2.props.focusFirstErrorField();
           case 10:
           case "end":
             return _context.stop();
         }
       }, _callee);
     })));
-    (0, _defineProperty2["default"])(_this, "storeAddToBankLinkRef", function (c) {
-      _this.addToBankLink = c;
+    (0, _defineProperty2["default"])(_this2, "storeAddToBankLinkRef", function (c) {
+      _this2.addToBankLink = c;
     });
-    return _this;
+    return _this2;
   }
   (0, _inherits2["default"])(AddToBankOptions, _Component);
   return (0, _createClass2["default"])(AddToBankOptions, [{

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

@@ -8,8 +8,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
   };
 };
 var _default = exports["default"] = generateComponentTheme;

package/lib/building/components/resources/BanksTray/presenter.js

@@ -25,40 +25,52 @@ var _Banks = _interopRequireDefault(require("../../../../banks/components/Banks"
 var _BankEntry = _interopRequireDefault(require("../../../../banks/components/BankEntry"));
 var _Bank = _interopRequireDefault(require("../../../../banks/components/Bank"));
 var _quizCommon = require("@instructure/quiz-common");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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 = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
 var BanksTray = exports.BanksTray = /*#__PURE__*/function (_Component) {
   function BanksTray() {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(this, BanksTray);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, BanksTray, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "closeTray", function () {
-      if (_this.props.trayTrigger) {
-        _this.props.trayTrigger.focus();
+    _this2 = _callSuper(this, BanksTray, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "closeTray", function () {
+      if (_this2.props.trayTrigger) {
+        _this2.props.trayTrigger.focus();
       }
-      _this.props.setUI(_quizCommon.BUILD_TRAY_OPEN, false);
-      _this.props.setUI(_quizCommon.BUILD_TRAY_POSITION, null);
-      _this.props.setUI(_quizCommon.BUILD_TRAY_STIMULUS_ID, null);
+      _this2.props.setUI(_quizCommon.BUILD_TRAY_OPEN, false);
+      _this2.props.setUI(_quizCommon.BUILD_TRAY_POSITION, null);
+      _this2.props.setUI(_quizCommon.BUILD_TRAY_STIMULUS_ID, null);
     });
-    (0, _defineProperty2["default"])(_this, "clearActiveBank", function () {
-      _this.props.newActiveBank(void 0);
-      _this.props.newActiveBankEntry(void 0);
+    (0, _defineProperty2["default"])(_this2, "clearActiveBank", function () {
+      _this2.props.newActiveBank(void 0);
+      _this2.props.newActiveBankEntry(void 0);
     });
-    (0, _defineProperty2["default"])(_this, "navigateToBank", function (bankId) {
-      _this.props.newActiveBankEntry(void 0);
-      _this.props.newActiveBank(bankId);
+    (0, _defineProperty2["default"])(_this2, "navigateToBank", function (bankId) {
+      _this2.props.newActiveBankEntry(void 0);
+      _this2.props.newActiveBank(bankId);
     });
-    (0, _defineProperty2["default"])(_this, "handleCloseAlert", function () {
-      _this.props.setUI(_quizCommon.TRAY_ALERT_OPEN, false);
-      _this.clearActiveBank();
-      _this.props.clear(_quizCommon.BANKS_BANK_PAGINATION);
+    (0, _defineProperty2["default"])(_this2, "handleCloseAlert", function () {
+      _this2.props.setUI(_quizCommon.TRAY_ALERT_OPEN, false);
+      _this2.clearActiveBank();
+      _this2.props.clear(_quizCommon.BANKS_BANK_PAGINATION);
     });
-    return _this;
+    return _this2;
   }
   (0, _inherits2["default"])(BanksTray, _Component);
   return (0, _createClass2["default"])(BanksTray, [{