@instructure/quiz-core 21.2.0 → 22.0.0

package/lib/building/components/resources/quizEntry/QuizEntryBank/QuizEntryBankEdit/presenter.js

@@ -31,75 +31,87 @@ var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/f
 var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _QuizEntryBankEdit;
 /** @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 QuizEntryBankEdit = exports.QuizEntryBankEdit = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_QuizEntryBankEdit = /*#__PURE__*/function (_Component) {
   function QuizEntryBankEdit() {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(this, QuizEntryBankEdit);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, QuizEntryBankEdit, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "state", {
-      rawPointsPossible: _this.props.pointsPossible,
-      normalizedPointsPossible: _this.props.pointsPossible
+    _this2 = _callSuper(this, QuizEntryBankEdit, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "state", {
+      rawPointsPossible: _this2.props.pointsPossible,
+      normalizedPointsPossible: _this2.props.pointsPossible
     });
-    (0, _defineProperty2["default"])(_this, "clearChanges", function () {
-      _this.props.clearModifications('quizEntries', _this.props.quizEntry.id);
+    (0, _defineProperty2["default"])(_this2, "clearChanges", function () {
+      _this2.props.clearModifications('quizEntries', _this2.props.quizEntry.id);
     });
-    (0, _defineProperty2["default"])(_this, "handlePointsChange", function (event, points, normalizedPointsString) {
+    (0, _defineProperty2["default"])(_this2, "handlePointsChange", function (event, points, normalizedPointsString) {
       var normalizedPoints = Number(normalizedPointsString);
-      _this.setState({
+      _this2.setState({
         rawPointsPossible: points,
         normalizedPointsPossible: normalizedPoints
       });
-      _this.props.changeQuizEntryPoints(_this.props.quizEntry.id, normalizedPoints);
+      _this2.props.changeQuizEntryPoints(_this2.props.quizEntry.id, normalizedPoints);
     });
-    (0, _defineProperty2["default"])(_this, "handlePointsBlur", function () {
-      _this.setState({
-        rawPointsPossible: _this.props.pointsPossible || '0'
+    (0, _defineProperty2["default"])(_this2, "handlePointsBlur", function () {
+      _this2.setState({
+        rawPointsPossible: _this2.props.pointsPossible || '0'
       });
     });
-    (0, _defineProperty2["default"])(_this, "onPropertiesChange", function (properties) {
-      _this.props.changeQuizEntryProperties(_this.props.quizEntry.id, properties);
+    (0, _defineProperty2["default"])(_this2, "onPropertiesChange", function (properties) {
+      _this2.props.changeQuizEntryProperties(_this2.props.quizEntry.id, properties);
     });
-    (0, _defineProperty2["default"])(_this, "onBankSelection", function (event, option) {
-      _this.props.changeQuizEntryEntry(_this.props.quizEntry.id, option.id);
+    (0, _defineProperty2["default"])(_this2, "onBankSelection", function (event, option) {
+      _this2.props.changeQuizEntryEntry(_this2.props.quizEntry.id, option.id);
     });
-    (0, _defineProperty2["default"])(_this, "handleQuestionChange", function (event, selection) {
-      _this.onPropertiesChange({
-        sampleNum: _this.props.sampleNum,
+    (0, _defineProperty2["default"])(_this2, "handleQuestionChange", function (event, selection) {
+      _this2.onPropertiesChange({
+        sampleNum: _this2.props.sampleNum,
         selection: selection
       });
     });
-    (0, _defineProperty2["default"])(_this, "handleSampleNumChange", function (event, sampleNum, normalizedSampleNum) {
-      _this.onPropertiesChange({
+    (0, _defineProperty2["default"])(_this2, "handleSampleNumChange", function (event, sampleNum, normalizedSampleNum) {
+      _this2.onPropertiesChange({
         sampleNum: normalizedSampleNum || '0',
-        selection: _this.props.questionSelection
+        selection: _this2.props.questionSelection
       });
     });
-    (0, _defineProperty2["default"])(_this, "sampleNumErrors", function () {
-      return _this.props.workingQuizEntry.sampleNumErrors();
+    (0, _defineProperty2["default"])(_this2, "sampleNumErrors", function () {
+      return _this2.props.workingQuizEntry.sampleNumErrors();
     });
-    (0, _defineProperty2["default"])(_this, "pointsPossibleErrors", function () {
-      return _this.props.workingQuizEntry.pointsPossibleErrors();
+    (0, _defineProperty2["default"])(_this2, "pointsPossibleErrors", function () {
+      return _this2.props.workingQuizEntry.pointsPossibleErrors();
     });
-    (0, _defineProperty2["default"])(_this, "submitHandler", function () {
+    (0, _defineProperty2["default"])(_this2, "submitHandler", function () {
       var properties = {};
-      if (_this.props.questionSelection === 'all') {
+      if (_this2.props.questionSelection === 'all') {
         properties.sampleNum = null;
       } else {
-        properties.sampleNum = _this.props.sampleNum;
+        properties.sampleNum = _this2.props.sampleNum;
       }
-      _this.props.updateQuizEntry(_this.props.quizId, _this.props.quizEntry.id, {
+      _this2.props.updateQuizEntry(_this2.props.quizId, _this2.props.quizEntry.id, {
         properties: properties,
-        pointsPossible: _this.state.normalizedPointsPossible,
-        entryId: _this.props.workingBank.id
+        pointsPossible: _this2.state.normalizedPointsPossible,
+        entryId: _this2.props.workingBank.id
       });
-      _this.props.clearModifications();
+      _this2.props.clearModifications();
     });
-    (0, _defineProperty2["default"])(_this, "renderPointsPossibleRow", function () {
+    (0, _defineProperty2["default"])(_this2, "renderPointsPossibleRow", function () {
       return (0, _emotion.jsx)(_uiGrid.Grid.Row, null, (0, _emotion.jsx)(_uiGrid.Grid.Col, {
         width: 3
       }, (0, _emotion.jsx)(_uiText.Text, {
@@ -108,15 +120,15 @@ var QuizEntryBankEdit = exports.QuizEntryBankEdit = (_dec = (0, _quizCommon.with
         width: 9
       }, (0, _emotion.jsx)(_quizNumberInput["default"], {
         renderLabel: (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage["default"])('Points per question')),
-        onChange: _this.handlePointsChange,
-        onBlur: _this.handlePointsBlur,
-        value: _this.state.rawPointsPossible,
+        onChange: _this2.handlePointsChange,
+        onBlur: _this2.handlePointsBlur,
+        value: _this2.state.rawPointsPossible,
         width: "5rem",
         display: "inline-block",
-        messages: _this.pointsPossibleErrors()
+        messages: _this2.pointsPossibleErrors()
       })));
     });
-    return _this;
+    return _this2;
   }
   (0, _inherits2["default"])(QuizEntryBankEdit, _Component);
   return (0, _createClass2["default"])(QuizEntryBankEdit, [{

package/lib/building/components/resources/quizEntry/QuizEntryBank/QuizEntryBankEdit/theme.js

@@ -11,9 +11,9 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     borders = _ref.borders;
   return {
     marginAddMargin: spacing.xSmall,
-    quizEntryBankEditBackgroundColor: colors.white,
+    quizEntryBankEditBackgroundColor: colors.contrasts.white1010,
     quizEntryBankEditBorderSize: borders.widthSmall,
-    quizEntryBankEditBorderColor: colors.oxford,
+    quizEntryBankEditBorderColor: colors.contrasts.grey100100,
     quizEntryBankEditPadding: borders.small,
     quizEntryBankEditMargin: spacing.medium,
     numberInputFontSize: typography.fontSizeMedium,
@@ -22,7 +22,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     borderLineTopMargin: spacing.small,
     borderLineBottomMargin: spacing.small,
     borderLineBottomBorderSize: borders.widthSmall,
-    borderLineBottomBorderColor: colors.ash
+    borderLineBottomBorderColor: colors.contrasts.grey4570
   };
 };
 var _default = exports["default"] = generateComponentTheme;

package/lib/building/components/resources/quizEntry/QuizEntryBank/QuizEntryBankShow/index.js

@@ -25,8 +25,20 @@ var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/f
 var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _QuizEntryBank;
 /** @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 QuizEntryBank = exports.QuizEntryBank = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_QuizEntryBank = /*#__PURE__*/function (_Component) {
   function QuizEntryBank() {
     (0, _classCallCheck2["default"])(this, QuizEntryBank);

package/lib/building/components/resources/quizEntry/QuizEntryBank/QuizEntryBankShow/theme.js

@@ -10,8 +10,8 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     typography = _ref.typography,
     borders = _ref.borders;
   return {
-    quizEntryBankBackgroundColor: colors.white,
-    quizEntryBankBorder: "".concat(borders.widthSmall, " dashed ").concat(colors.oxford),
+    quizEntryBankBackgroundColor: colors.contrasts.white1010,
+    quizEntryBankBorder: "".concat(borders.widthSmall, " dashed ").concat(colors.contrasts.grey100100),
     quizEntryBankPadding: "".concat(spacing.xxSmall, " ").concat(spacing.medium),
     quizEntryBankTopMargin: spacing.small,
     alertWrapperMargin: spacing.small

package/lib/building/components/resources/quizEntry/QuizEntryEdit/Footer/presenter.js

@@ -30,8 +30,20 @@ var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
 var _dec, _class, _QuizEntryEditFooter;
 /** @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));
+}
 function pointsAsFloat(pointsString) {
   return parseFloat(pointsString) || 0;
 }
@@ -46,54 +58,54 @@ function countDecimals(normalizedPointsString) {
 }
 var QuizEntryEditFooter = exports.QuizEntryEditFooter = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_QuizEntryEditFooter = /*#__PURE__*/function (_Component) {
   function QuizEntryEditFooter() {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(this, QuizEntryEditFooter);
-    _this = _callSuper(this, QuizEntryEditFooter, arguments);
-    (0, _defineProperty2["default"])(_this, "addFeedbackButton", null);
-    (0, _defineProperty2["default"])(_this, "openFeedbackModal", function () {
-      var workingEntry = _this.props.workingEntry;
-      _this.props.setUi(_quizCommon.ITEM_FEEDBACK_MODAL_ITEM, workingEntry);
-      _this.props.setUi(_quizCommon.ITEM_FEEDBACK_MODAL_FEEDBACK, workingEntry.feedback);
-      _this.props.openModal(_quizCommon.ITEM_FEEDBACK_MODAL, {
-        modalTrigger: _this.addFeedbackButton
+    _this2 = _callSuper(this, QuizEntryEditFooter, arguments);
+    (0, _defineProperty2["default"])(_this2, "addFeedbackButton", null);
+    (0, _defineProperty2["default"])(_this2, "openFeedbackModal", function () {
+      var workingEntry = _this2.props.workingEntry;
+      _this2.props.setUi(_quizCommon.ITEM_FEEDBACK_MODAL_ITEM, workingEntry);
+      _this2.props.setUi(_quizCommon.ITEM_FEEDBACK_MODAL_FEEDBACK, workingEntry.feedback);
+      _this2.props.openModal(_quizCommon.ITEM_FEEDBACK_MODAL, {
+        modalTrigger: _this2.addFeedbackButton
       });
     });
-    (0, _defineProperty2["default"])(_this, "handlePointsBlur", function () {
-      if (!_this.state.normalizedPoints) {
-        _this.setState({
+    (0, _defineProperty2["default"])(_this2, "handlePointsBlur", function () {
+      if (!_this2.state.normalizedPoints) {
+        _this2.setState({
           points: '0'
         });
       }
     });
-    (0, _defineProperty2["default"])(_this, "handlePointsChange", function (event, points, normalizedPoints) {
+    (0, _defineProperty2["default"])(_this2, "handlePointsChange", function (event, points, normalizedPoints) {
       // do not allow more than 3 decimals
       if (countDecimals(normalizedPoints) <= 3) {
         var pointsFloat = pointsAsFloat(normalizedPoints);
-        if (pointsFloat !== _this.getPoints()) {
-          var _this$props = _this.props,
-            workingQuizEntry = _this$props.workingQuizEntry,
-            workingEntry = _this$props.workingEntry;
+        if (pointsFloat !== _this2.getPoints()) {
+          var _this2$props = _this2.props,
+            workingQuizEntry = _this2$props.workingQuizEntry,
+            workingEntry = _this2$props.workingEntry;
           var qerIndexToUpdate = workingQuizEntry.quizEntryRegrades.findIndex(function (qer) {
             return qer.get('itemId') == workingEntry.id;
           });
           var newQuizEntryRegrades = qerIndexToUpdate > -1 ? workingQuizEntry.quizEntryRegrades.setIn([qerIndexToUpdate, 'pointsPossible'], null) : workingQuizEntry.quizEntryRegrades;
-          _this.props.changeQuizEntryPoints(workingQuizEntry.id, pointsFloat, newQuizEntryRegrades.toJS());
+          _this2.props.changeQuizEntryPoints(workingQuizEntry.id, pointsFloat, newQuizEntryRegrades.toJS());
         }
-        _this.setState({
+        _this2.setState({
           points: points,
           normalizedPoints: normalizedPoints
         });
       }
     });
-    (0, _defineProperty2["default"])(_this, "handleButtonRef", function (node) {
-      _this.addFeedbackButton = node;
+    (0, _defineProperty2["default"])(_this2, "handleButtonRef", function (node) {
+      _this2.addFeedbackButton = node;
     });
-    var _points = _this.getPoints();
-    _this.state = {
+    var _points = _this2.getPoints();
+    _this2.state = {
       points: _points,
       normalizedPoints: _points
     };
-    return _this;
+    return _this2;
   }
   (0, _inherits2["default"])(QuizEntryEditFooter, _Component);
   return (0, _createClass2["default"])(QuizEntryEditFooter, [{
@@ -124,11 +136,11 @@ var QuizEntryEditFooter = exports.QuizEntryEditFooter = (_dec = (0, _quizCommon.
   }, {
     key: "renderFeedbackSection",
     value: function renderFeedbackSection() {
-      var _this$props2 = this.props,
-        entry = _this$props2.entry,
-        shouldClone = _this$props2.shouldClone,
-        quizEntry = _this$props2.quizEntry,
-        workingEntry = _this$props2.workingEntry;
+      var _this$props = this.props,
+        entry = _this$props.entry,
+        shouldClone = _this$props.shouldClone,
+        quizEntry = _this$props.quizEntry,
+        workingEntry = _this$props.workingEntry;
       var disabled = entry.isImmutable() && !shouldClone || quizEntry.isBankEntry;
       var icon, text;
       if (workingEntry.hasFeedback()) {

package/lib/building/components/resources/quizEntry/QuizEntryEdit/Footer/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) {
   var sectionStyle = {
     display: 'flex',

package/lib/building/components/resources/quizEntry/QuizEntryEdit/Header/index.js

@@ -34,75 +34,87 @@ var _theme = _interopRequireDefault(require("./theme"));
 var _uiView = require("@instructure/ui-view");
 var _dec, _class, _QuizEntryHeader;
 /** @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 QuizEntryHeader = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_QuizEntryHeader = /*#__PURE__*/function (_Component) {
   function QuizEntryHeader() {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(this, QuizEntryHeader);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, QuizEntryHeader, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "connectDragSource", function (dragHandle) {
-      if (_this.shouldDisableDragHandle()) {
+    _this2 = _callSuper(this, QuizEntryHeader, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "connectDragSource", function (dragHandle) {
+      if (_this2.shouldDisableDragHandle()) {
         return dragHandle;
       }
-      return _this.props.connectDragSource(dragHandle);
+      return _this2.props.connectDragSource(dragHandle);
     });
-    (0, _defineProperty2["default"])(_this, "clearModifications", function () {
-      _this.props.clearModifications('items', _this.props.entry.id);
+    (0, _defineProperty2["default"])(_this2, "clearModifications", function () {
+      _this2.props.clearModifications('items', _this2.props.entry.id);
     });
-    (0, _defineProperty2["default"])(_this, "removeTemporaryItem", function () {
+    (0, _defineProperty2["default"])(_this2, "removeTemporaryItem", function () {
       var remove = function remove() {
-        _this.props.hideError(_this.props.guid);
-        _this.clearModifications();
-        _this.props.clearTemporaryItem(_this.props.quizId);
-        _this.props.setUi(_quizCommon.DELETED_QUIZ_ENTRY, {
-          position: Math.ceil(_this.props.quizEntry.position),
-          inStimulus: _this.props.quizEntry.hasStimulus
+        _this2.props.hideError(_this2.props.guid);
+        _this2.clearModifications();
+        _this2.props.clearTemporaryItem(_this2.props.quizId);
+        _this2.props.setUi(_quizCommon.DELETED_QUIZ_ENTRY, {
+          position: Math.ceil(_this2.props.quizEntry.position),
+          inStimulus: _this2.props.quizEntry.hasStimulus
         });
       };
-      _this.props.withConfirm(remove, _this.removalDialogData());
+      _this2.props.withConfirm(remove, _this2.removalDialogData());
     });
-    (0, _defineProperty2["default"])(_this, "removeNormalItem", function () {
-      _this.props.withConfirm((0, _partial["default"])(_this.props.removeQuizEntry, _this.props.quizId, _this.props.quizEntry), _this.removalDialogData());
+    (0, _defineProperty2["default"])(_this2, "removeNormalItem", function () {
+      _this2.props.withConfirm((0, _partial["default"])(_this2.props.removeQuizEntry, _this2.props.quizId, _this2.props.quizEntry), _this2.removalDialogData());
     });
-    (0, _defineProperty2["default"])(_this, "removeItem", function (e) {
-      if (_this.props.disabledForRegrade) {
+    (0, _defineProperty2["default"])(_this2, "removeItem", function (e) {
+      if (_this2.props.disabledForRegrade) {
         return null;
       }
-      _this.props.entry.isTemporary() ? _this.removeTemporaryItem() : _this.removeNormalItem();
+      _this2.props.entry.isTemporary() ? _this2.removeTemporaryItem() : _this2.removeNormalItem();
     });
-    (0, _defineProperty2["default"])(_this, "handleTitleChange", function (event) {
-      _this.props.changeItemTitle(_this.props.entry.id, event.target.value);
+    (0, _defineProperty2["default"])(_this2, "handleTitleChange", function (event) {
+      _this2.props.changeItemTitle(_this2.props.entry.id, event.target.value);
     });
-    (0, _defineProperty2["default"])(_this, "storeTitleRef", function (el) {
-      _this.titleRef = el;
+    (0, _defineProperty2["default"])(_this2, "storeTitleRef", function (el) {
+      _this2.titleRef = el;
     });
-    (0, _defineProperty2["default"])(_this, "copyItem", /*#__PURE__*/function () {
+    (0, _defineProperty2["default"])(_this2, "copyItem", /*#__PURE__*/function () {
       var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(e) {
-        var _this$props, quizId, workingQuizEntry, workingEntry, richFITBEnabled, richFITBInteractionID, msg, validationResult, interactionTypeData;
+        var _this2$props, quizId, workingQuizEntry, workingEntry, richFITBEnabled, richFITBInteractionID, msg, validationResult, interactionTypeData;
         return _regenerator["default"].wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              _this$props = _this.props, quizId = _this$props.quizId, workingQuizEntry = _this$props.workingQuizEntry, workingEntry = _this$props.workingEntry, richFITBEnabled = _this$props.richFITBEnabled, richFITBInteractionID = _this$props.richFITBInteractionID;
+              _this2$props = _this2.props, quizId = _this2$props.quizId, workingQuizEntry = _this2$props.workingQuizEntry, workingEntry = _this2$props.workingEntry, richFITBEnabled = _this2$props.richFITBEnabled, richFITBInteractionID = _this2$props.richFITBInteractionID;
               msg = (0, _formatMessage["default"])('Question {displayPosition} cannot be saved due to invalid input data.', {
-                displayPosition: _this.props.displayPosition
+                displayPosition: _this2.props.displayPosition
               });
-              if (!_this.props.isValid) {
+              if (!_this2.props.isValid) {
                 _context.next = 14;
                 break;
               }
               _context.next = 5;
-              return _this.props.successfulSubmit();
+              return _this2.props.successfulSubmit();
             case 5:
               validationResult = _context.sent;
               if (!(validationResult === _quizCommon.API_INPUT_VALIDATION_ERROR)) {
                 _context.next = 9;
                 break;
               }
-              _this.props.screenreaderNotification(msg);
+              _this2.props.screenreaderNotification(msg);
               return _context.abrupt("return");
             case 9:
               interactionTypeData = {
@@ -121,12 +133,12 @@ var QuizEntryHeader = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["defau
               if (richFITBEnabled && workingEntry.getInteractionType() instanceof _quizInteractions.FillBlankInteractionType) {
                 interactionTypeData = (0, _fitbCopyHelper.convertFITBtoRich)(interactionTypeData, richFITBInteractionID);
               }
-              _this.props.createTempItem(quizId, Math.round(workingQuizEntry.position + 1), interactionTypeData, workingQuizEntry.stimulusQuizEntryId, workingEntry.stimulusId, workingQuizEntry.pointsPossible);
+              _this2.props.createTempItem(quizId, Math.round(workingQuizEntry.position + 1), interactionTypeData, workingQuizEntry.stimulusQuizEntryId, workingEntry.stimulusId, workingQuizEntry.pointsPossible);
               _context.next = 16;
               break;
             case 14:
-              _this.props.screenreaderNotification(msg);
-              _this.props.showError(_this.props.guid);
+              _this2.props.screenreaderNotification(msg);
+              _this2.props.showError(_this2.props.guid);
             case 16:
             case "end":
               return _context.stop();
@@ -137,23 +149,23 @@ var QuizEntryHeader = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["defau
         return _ref.apply(this, arguments);
       };
     }());
-    (0, _defineProperty2["default"])(_this, "handleBankClick", function () {
-      if (_this.props.newActiveBank) {
-        var bankId = _this.props.workingQuizEntry.getEntry().id;
-        _this.props.newActiveBank(bankId);
-        _this.props.setUi(_quizCommon.BUILD_TRAY_OPEN, true);
+    (0, _defineProperty2["default"])(_this2, "handleBankClick", function () {
+      if (_this2.props.newActiveBank) {
+        var bankId = _this2.props.workingQuizEntry.getEntry().id;
+        _this2.props.newActiveBank(bankId);
+        _this2.props.setUi(_quizCommon.BUILD_TRAY_OPEN, true);
       }
     });
-    return _this;
+    return _this2;
   }
   (0, _inherits2["default"])(QuizEntryHeader, _Component);
   return (0, _createClass2["default"])(QuizEntryHeader, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      var _this2 = this;
+      var _this3 = this;
       // timeout is to ensure the screenreader reads the title label when focused
       setTimeout(function () {
-        !_this2.props.initialFocusId && _this2.titleRef && _this2.titleRef.focus();
+        !_this3.props.initialFocusId && _this3.titleRef && _this3.titleRef.focus();
       }, 200); // without the 200, the black VO focus-box, and the actual focus
       // end up in different places after saving, and re-editing
     }
@@ -212,13 +224,13 @@ var QuizEntryHeader = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["defau
     key: "renderTitleHolder",
     value: function renderTitleHolder() {
       if (!(this.props.entry instanceof _Item["default"])) return;
-      var _this$props2 = this.props,
-        entry = _this$props2.entry,
-        shouldClone = _this$props2.shouldClone,
-        quizEntry = _this$props2.quizEntry,
-        disabledForRegrade = _this$props2.disabledForRegrade,
-        displayPosition = _this$props2.displayPosition,
-        workingEntry = _this$props2.workingEntry;
+      var _this$props = this.props,
+        entry = _this$props.entry,
+        shouldClone = _this$props.shouldClone,
+        quizEntry = _this$props.quizEntry,
+        disabledForRegrade = _this$props.disabledForRegrade,
+        displayPosition = _this$props.displayPosition,
+        workingEntry = _this$props.workingEntry;
       var disabled = disabledForRegrade || entry.isImmutable() && !shouldClone || quizEntry.isBankEntry;
       var titleLabelText = (0, _formatMessage["default"])('Question {questionNumber}, {interactionType}, Edit question title', {
         questionNumber: displayPosition,

package/lib/building/components/resources/quizEntry/QuizEntryEdit/Header/theme.js

@@ -9,8 +9,8 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     colors = _ref.colors,
     typography = _ref.typography;
   return {
-    headerBackgroundColor: colors.porcelain,
-    headerColor: colors.oxford,
+    headerBackgroundColor: colors.contrasts.grey1111,
+    headerColor: colors.contrasts.grey100100,
     headerPadding: "".concat(spacing.xSmall, " ").concat(spacing.small)
   };
 };

package/lib/building/components/resources/quizEntry/QuizEntryEdit/index.js

@@ -19,8 +19,8 @@ var quizEntryApiActions = _interopRequireWildcard(require("../../../../api/quizE
 var _featureCheck = require("../../../../../common/util/featureCheck");
 var _quizCommon = require("@instructure/quiz-common");
 var _presenter = _interopRequireDefault(require("./presenter"));
-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, props) {
   // Error Related:
   var workingEntry = props.entry.getWorkingInstance();