@instructure/quiz-core 21.2.0 → 22.1.0

package/lib/building/components/resources/quiz/title/Edit/index.js

@@ -24,8 +24,20 @@ var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/f
 var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _TitleEdit;
 /** @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));
+}
 // =================================
 // once editing is toggled this div
 // is rendered & has actions that
@@ -33,46 +45,46 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 // =================================
 var TitleEdit = exports.TitleEdit = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_TitleEdit = /*#__PURE__*/function (_Component) {
   function TitleEdit() {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(this, TitleEdit);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, TitleEdit, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "defer", function (fn) {
+    _this2 = _callSuper(this, TitleEdit, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "defer", function (fn) {
       // to enable syncronous testing
-      var deferFn = _this.props.deferMock || _defer["default"];
+      var deferFn = _this2.props.deferMock || _defer["default"];
       deferFn(fn);
     });
-    (0, _defineProperty2["default"])(_this, "switchOffEditing", function () {
+    (0, _defineProperty2["default"])(_this2, "switchOffEditing", function () {
       var fromEnterPressed = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-      _this.ifValidElseError(function () {
-        _this.defer(function () {
+      _this2.ifValidElseError(function () {
+        _this2.defer(function () {
           if (fromEnterPressed) {
-            _this.props.saveAndPreview(fromEnterPressed);
+            _this2.props.saveAndPreview(fromEnterPressed);
           } else {
             // make sure they have actually left the component
-            if (document.activeElement !== _this.cancelButton && document.activeElement !== _this.input) {
-              _this.props.saveAndPreview();
+            if (document.activeElement !== _this2.cancelButton && document.activeElement !== _this2.input) {
+              _this2.props.saveAndPreview();
             }
           }
         });
       });
     });
-    (0, _defineProperty2["default"])(_this, "handleKeyUp", function (e) {
-      if (_this.enterPressed && e.keyCode === 13) {
-        return _this.switchOffEditing(true);
+    (0, _defineProperty2["default"])(_this2, "handleKeyUp", function (e) {
+      if (_this2.enterPressed && e.keyCode === 13) {
+        return _this2.switchOffEditing(true);
       }
     });
-    (0, _defineProperty2["default"])(_this, "handleKeyDown", function (e) {
+    (0, _defineProperty2["default"])(_this2, "handleKeyDown", function (e) {
       if (!e.repeat && e.keyCode === 13) {
-        _this.enterPressed = true;
+        _this2.enterPressed = true;
       }
     });
-    (0, _defineProperty2["default"])(_this, "handleBlur", function (e) {
-      _this.switchOffEditing(false);
+    (0, _defineProperty2["default"])(_this2, "handleBlur", function (e) {
+      _this2.switchOffEditing(false);
     });
-    return _this;
+    return _this2;
   }
   (0, _inherits2["default"])(TitleEdit, _Component);
   return (0, _createClass2["default"])(TitleEdit, [{
@@ -106,9 +118,9 @@ var TitleEdit = exports.TitleEdit = (_dec = (0, _quizCommon.withStyleOverrides)(
   }, {
     key: "setRef",
     value: function setRef(key) {
-      var _this2 = this;
+      var _this3 = this;
       return function (node) {
-        _this2[key] = node;
+        _this3[key] = node;
       };
     }
   }, {

package/lib/building/components/resources/quiz/title/Edit/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 wrapperStyles = {
     width: '100%',

package/lib/building/components/resources/quiz/title/Edit/theme.js

@@ -16,7 +16,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     titleEditInputFontSize: typography.fontSizeXLarge,
     errorBorderMargin: spacing.xxSmall,
     errorBorderPadding: spacing.xxSmall,
-    errorBorderColor: colors.crimson,
+    errorBorderColor: colors.contrasts.red4570,
     errorBorderBorderRadius: borders.radiusSmall
   };
 };

package/lib/building/components/resources/quiz/title/Show/index.js

@@ -23,8 +23,20 @@ var _theme = _interopRequireDefault(require("./theme"));
 var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _QuizTitleShow;
 /** @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));
+}
 // ====================================
 // this component shows the quiz title
 // has events that allow for toggling
@@ -33,16 +45,16 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 // ====================================
 var QuizTitleShow = exports.QuizTitleShow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_QuizTitleShow = /*#__PURE__*/function (_Component) {
   function QuizTitleShow() {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(this, QuizTitleShow);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, QuizTitleShow, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "switchOnEditing", function () {
-      _this.props.switchOnEditing();
+    _this2 = _callSuper(this, QuizTitleShow, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "switchOnEditing", function () {
+      _this2.props.switchOnEditing();
     });
-    return _this;
+    return _this2;
   }
   (0, _inherits2["default"])(QuizTitleShow, _Component);
   return (0, _createClass2["default"])(QuizTitleShow, [{

package/lib/building/components/resources/quiz/title/Title/presenter.js

@@ -26,54 +26,66 @@ var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/f
 var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _QuizTitlePresenter;
 /** @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));
+}
 // ================================
 // renders the editable quiz title
 // input/display component
 // ================================
 var QuizTitlePresenter = exports.QuizTitlePresenter = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_QuizTitlePresenter = /*#__PURE__*/function (_Component) {
   function QuizTitlePresenter() {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(this, QuizTitlePresenter);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, QuizTitlePresenter, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "workingTitle", function () {
-      return _this.props.workingQuiz.title;
+    _this2 = _callSuper(this, QuizTitlePresenter, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "workingTitle", function () {
+      return _this2.props.workingQuiz.title;
     });
     // =========
     //  actions
     // =========
-    (0, _defineProperty2["default"])(_this, "saveAndPreview", function () {
+    (0, _defineProperty2["default"])(_this2, "saveAndPreview", function () {
       var fromEnterPressed = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-      _this.saveWorkingTitle();
-      _this.props.onQuizUpdated({
-        id: _this.quizID(),
-        title: _this.props.workingQuiz.title
+      _this2.saveWorkingTitle();
+      _this2.props.onQuizUpdated({
+        id: _this2.quizID(),
+        title: _this2.props.workingQuiz.title
       });
-      _this.props.switchOffEditing();
-      if (fromEnterPressed && _this.editButton) {
-        _this.editButton.wrappedInstance.setFocus();
+      _this2.props.switchOffEditing();
+      if (fromEnterPressed && _this2.editButton) {
+        _this2.editButton.wrappedInstance.setFocus();
       }
     });
-    (0, _defineProperty2["default"])(_this, "updateWorkingTitle", function (e) {
-      _this.props.changeQuizTitle(_this.quizID(), e.target.value);
+    (0, _defineProperty2["default"])(_this2, "updateWorkingTitle", function (e) {
+      _this2.props.changeQuizTitle(_this2.quizID(), e.target.value);
     });
-    (0, _defineProperty2["default"])(_this, "toggleEditing", function () {
-      if (_this.props.isEditing) {
-        _this.props.screenreaderNotification((0, _formatMessage["default"])('Title edit mode off.'));
-        _this.saveAndPreview();
+    (0, _defineProperty2["default"])(_this2, "toggleEditing", function () {
+      if (_this2.props.isEditing) {
+        _this2.props.screenreaderNotification((0, _formatMessage["default"])('Title edit mode off.'));
+        _this2.saveAndPreview();
       } else {
-        _this.props.screenreaderNotification((0, _formatMessage["default"])('Title switched to edit mode.'));
-        _this.props.switchOnEditing();
+        _this2.props.screenreaderNotification((0, _formatMessage["default"])('Title switched to edit mode.'));
+        _this2.props.switchOnEditing();
       }
     });
-    (0, _defineProperty2["default"])(_this, "handleEditButtonRef", function (node) {
-      return _this.editButton = node;
+    (0, _defineProperty2["default"])(_this2, "handleEditButtonRef", function (node) {
+      return _this2.editButton = node;
     });
-    return _this;
+    return _this2;
   }
   (0, _inherits2["default"])(QuizTitlePresenter, _Component);
   return (0, _createClass2["default"])(QuizTitlePresenter, [{

package/lib/building/components/resources/quiz/title/Title/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 mp = '@media print';
   return {

package/lib/building/components/resources/quiz/title/Title/theme.js

@@ -14,10 +14,10 @@ function generator(_ref) {
     labelLeftPadding: spacing.large,
     labelBottomPadding: spacing.xxSmall,
     labelFontSize: typography.fontSizeSmall,
-    labelColor: colors.slate,
+    labelColor: colors.contrasts.grey4570,
     editButtonWrapperRightMargin: spacing.large,
-    titleShowWrapperBottomBorder: "".concat(borders.widthMedium, " ").concat(borders.style, " ").concat(colors.porcelain),
+    titleShowWrapperBottomBorder: "".concat(borders.widthMedium, " ").concat(borders.style, " ").concat(colors.contrasts.grey1111),
     titleEditWrapperBorderWidth: borders.widthSmall,
-    titleEditWrapperBorderColor: colors.ash
+    titleEditWrapperBorderColor: colors.contrasts.grey4570
   };
 }

package/lib/building/components/resources/quizEntry/QuizEntry/presenter.js

@@ -40,91 +40,103 @@ var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
 var _dec, _class, _QuizEntry;
 /** @jsx jsx */
-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 _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 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; }
+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 QuizEntry = exports.QuizEntry = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_QuizEntry = /*#__PURE__*/function (_Component) {
   function QuizEntry() {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(this, QuizEntry);
     for (var _len = arguments.length, _args = new Array(_len), _key = 0; _key < _len; _key++) {
       _args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, QuizEntry, [].concat(_args));
-    (0, _defineProperty2["default"])(_this, "itemOverrideTypes", function () {
-      return ['choice'].concat((0, _toConsumableArray2["default"])(_this.props.partialScoringEnabled ? ['multi-answer'] : []), (0, _toConsumableArray2["default"])(_this.props.partialDeepScoringEnabled ? ['matching'] : []));
+    _this2 = _callSuper(this, QuizEntry, [].concat(_args));
+    (0, _defineProperty2["default"])(_this2, "itemOverrideTypes", function () {
+      return ['choice'].concat((0, _toConsumableArray2["default"])(_this2.props.partialScoringEnabled ? ['multi-answer'] : []), (0, _toConsumableArray2["default"])(_this2.props.partialDeepScoringEnabled ? ['matching'] : []));
     });
-    (0, _defineProperty2["default"])(_this, "openRegradeModal", function () {
-      if (_this.props.regradingOn) {
-        _this.props.openModal(_quizCommon.REGRADE_MODAL);
+    (0, _defineProperty2["default"])(_this2, "openRegradeModal", function () {
+      if (_this2.props.regradingOn) {
+        _this2.props.openModal(_quizCommon.REGRADE_MODAL);
       }
     });
-    (0, _defineProperty2["default"])(_this, "renderItemBankingOptions", function () {
+    (0, _defineProperty2["default"])(_this2, "renderItemBankingOptions", function () {
       return (0, _emotion.jsx)(_AddToBankOptions["default"], {
-        displayPosition: _this.props.displayPosition,
-        entryType: _this.props.quizEntry.entryType,
-        focusFirstErrorField: _this.focusFirstErrorField,
-        guid: _this.props.guid,
-        isValid: _this.props.workingEntry.isValid(),
-        openModal: _this.props.openModal,
-        screenreaderNotification: _this.props.screenreaderNotification,
-        showError: _this.props.showError,
+        displayPosition: _this2.props.displayPosition,
+        entryType: _this2.props.quizEntry.entryType,
+        focusFirstErrorField: _this2.focusFirstErrorField,
+        guid: _this2.props.guid,
+        isValid: _this2.props.workingEntry.isValid(),
+        openModal: _this2.props.openModal,
+        screenreaderNotification: _this2.props.screenreaderNotification,
+        showError: _this2.props.showError,
         "data-automation": "sdk-item-banking-options"
       });
     });
-    (0, _defineProperty2["default"])(_this, "storeDndComponentRef", function (node) {
-      _this.dndComponent = node;
+    (0, _defineProperty2["default"])(_this2, "storeDndComponentRef", function (node) {
+      _this2.dndComponent = node;
     });
-    (0, _defineProperty2["default"])(_this, "handleQuizEntryPointsChange", function (points) {
-      _this.props.changeQuizEntryPoints(_this.props.quizEntry.id, points);
+    (0, _defineProperty2["default"])(_this2, "handleQuizEntryPointsChange", function (points) {
+      _this2.props.changeQuizEntryPoints(_this2.props.quizEntry.id, points);
     });
-    (0, _defineProperty2["default"])(_this, "handleRef", function (node) {
-      _this.itemEditArea = node;
+    (0, _defineProperty2["default"])(_this2, "handleRef", function (node) {
+      _this2.itemEditArea = node;
     });
-    (0, _defineProperty2["default"])(_this, "focusFirstErrorField", function () {
-      if (_this.itemEditArea) {
-        var editArea = _reactDom["default"].findDOMNode(_this.itemEditArea);
+    (0, _defineProperty2["default"])(_this2, "focusFirstErrorField", function () {
+      if (_this2.itemEditArea) {
+        var editArea = _reactDom["default"].findDOMNode(_this2.itemEditArea);
         var firstErrorField = editArea === null || editArea === void 0 ? void 0 : editArea.querySelector('[aria-invalid="true"]');
         firstErrorField && firstErrorField.focus();
       }
     });
-    (0, _defineProperty2["default"])(_this, "renderPrintableItemBankSample", function (sampleItem, index) {
+    (0, _defineProperty2["default"])(_this2, "renderPrintableItemBankSample", function (sampleItem, index) {
       var quizEntry = _QuizEntry2["default"].create(sampleItem.toObject());
       var entryMutable = quizEntry.entry.toJS();
       var item = _Item["default"].create(entryMutable);
-      var overrideProps = _objectSpread(_objectSpread({}, _this.props), {}, {
+      var overrideProps = _objectSpread(_objectSpread({}, _this2.props), {}, {
         quizEntry: quizEntry,
         entry: item,
-        displayPosition: _this.props.displayPosition + index,
+        displayPosition: _this2.props.displayPosition + index,
         interactionTypeName: entryMutable.interactionType.name
       });
       return (0, _emotion.jsx)("div", {
         key: index,
-        css: _this.props.styles.sampleItems
-      }, (0, _emotion.jsx)(_QuizEntryShow["default"], overrideProps, (0, _emotion.jsx)(_ItemShow["default"], _this.propsForItem(item))));
+        css: _this2.props.styles.sampleItems
+      }, (0, _emotion.jsx)(_QuizEntryShow["default"], overrideProps, (0, _emotion.jsx)(_ItemShow["default"], _this2.propsForItem(item))));
     });
-    (0, _defineProperty2["default"])(_this, "bankEntryWarningWrapperProps", function () {
-      if (_this.props.quizEntry.entryEditable) {
-        var _this$props$entry;
-        var isPassage = (_this$props$entry = _this.props.entry) === null || _this$props$entry === void 0 ? void 0 : _this$props$entry.passage;
-        var propsFunc = _this.props.quizEntry.hasStimulus ? function () {
+    (0, _defineProperty2["default"])(_this2, "bankEntryWarningWrapperProps", function () {
+      if (_this2.props.quizEntry.entryEditable) {
+        var _this2$props$entry;
+        var isPassage = (_this2$props$entry = _this2.props.entry) === null || _this2$props$entry === void 0 ? void 0 : _this2$props$entry.passage;
+        var propsFunc = _this2.props.quizEntry.hasStimulus ? function () {
           for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
             args[_key2] = arguments[_key2];
           }
           return _warningHelpers.propsForStimulusBankEntryEditPrompt.apply(void 0, [isPassage].concat(args));
         } : _warningHelpers.propsForItemBankEntryEditPrompt;
-        return propsFunc(_this.isEditing(), _this.props.switchOffEditing, function () {
-          var bankEntry = _this.props.quizEntry.getEntry();
-          _this.props.setUi(_quizCommon.BUILD_TRAY_OPEN, true);
-          _this.props.newActiveBankEntry(bankEntry.id, bankEntry.bankId);
-          _this.props.newActiveBank(bankEntry.bankId);
-          _this.props.switchOffEditing();
+        return propsFunc(_this2.isEditing(), _this2.props.switchOffEditing, function () {
+          var bankEntry = _this2.props.quizEntry.getEntry();
+          _this2.props.setUi(_quizCommon.BUILD_TRAY_OPEN, true);
+          _this2.props.newActiveBankEntry(bankEntry.id, bankEntry.bankId);
+          _this2.props.newActiveBank(bankEntry.bankId);
+          _this2.props.switchOffEditing();
         });
       }
-      return (0, _warningHelpers.propsForBankEntryUnauthorizedEdit)(_this.isEditing());
+      return (0, _warningHelpers.propsForBankEntryUnauthorizedEdit)(_this2.isEditing());
     });
-    return _this;
+    return _this2;
   }
   (0, _inherits2["default"])(QuizEntry, _Component);
   return (0, _createClass2["default"])(QuizEntry, [{

package/lib/building/components/resources/quizEntry/QuizEntry/quizEntryPresenterWrapper.js

@@ -11,8 +11,20 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireDefault(require("react"));
-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 isClassComponent = function isClassComponent(Component) {
   return !!(typeof Component === 'function' && Component.prototype && Component.prototype.isReactComponent);
 };

package/lib/building/components/resources/quizEntry/QuizEntry/theme.js

@@ -12,7 +12,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
   return {
     footerPadding: spacing.small,
     footerBorderWidth: borders.widthSmall,
-    footerBorderColor: colors.tiara,
+    footerBorderColor: colors.contrasts.grey1214,
     footerFontSize: typography.fontSizeXSmall
   };
 };