@instructure/quiz-core 21.2.0 → 22.0.0

package/es/building/components/resources/DeleteStimulusModal/presenter.js

@@ -6,8 +6,20 @@ import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _DeleteStimulusModal;
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 /** @jsx jsx */
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -27,22 +39,22 @@ import generateStyle from './styles';
 import generateComponentTheme from './theme';
 export var DeleteStimulusModal = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_DeleteStimulusModal = /*#__PURE__*/function (_Component) {
   function DeleteStimulusModal(props) {
-    var _this;
+    var _this2;
     _classCallCheck(this, DeleteStimulusModal);
-    _this = _callSuper(this, DeleteStimulusModal, [props]);
+    _this2 = _callSuper(this, DeleteStimulusModal, [props]);
     /**
      * @type {React.RefObject<RadioInput> | null}
      */
-    _defineProperty(_this, "radioInputRef", null);
-    _defineProperty(_this, "handleSubmit", function (e) {
-      var _this$props = _this.props,
-        quizId = _this$props.quizId,
-        stimulusEntry = _this$props.stimulusEntry,
-        childEntries = _this$props.childEntries;
-      if (!_this.props.deletionMode && childEntries.size > 0) {
-        var _this$radioInputRef;
-        (_this$radioInputRef = _this.radioInputRef) === null || _this$radioInputRef === void 0 || (_this$radioInputRef = _this$radioInputRef.current) === null || _this$radioInputRef === void 0 || _this$radioInputRef.focus();
-        _this.setState({
+    _defineProperty(_this2, "radioInputRef", null);
+    _defineProperty(_this2, "handleSubmit", function (e) {
+      var _this2$props = _this2.props,
+        quizId = _this2$props.quizId,
+        stimulusEntry = _this2$props.stimulusEntry,
+        childEntries = _this2$props.childEntries;
+      if (!_this2.props.deletionMode && childEntries.size > 0) {
+        var _this2$radioInputRef;
+        (_this2$radioInputRef = _this2.radioInputRef) === null || _this2$radioInputRef === void 0 || (_this2$radioInputRef = _this2$radioInputRef.current) === null || _this2$radioInputRef === void 0 || _this2$radioInputRef.focus();
+        _this2.setState({
           validationError: [{
             text: t('Please choose a deletion mode.'),
             type: 'newError'
@@ -50,48 +62,48 @@ export var DeleteStimulusModal = (_dec = withStyleOverrides(generateStyle, gener
         });
         return;
       }
-      _this.closeAction();
-      if (_this.props.deletionMode === 'chooseWhich') {
-        _this.removeStimulus(_this.props.selectedChildren.toArray());
-      } else if (_this.props.deletionMode === 'deleteAll') {
-        _this.props.removeStimulus(quizId, stimulusEntry, childEntries);
-      } else if (_this.props.deletionMode === 'deleteNone' || childEntries.size === 0) {
-        _this.removeStimulus();
+      _this2.closeAction();
+      if (_this2.props.deletionMode === 'chooseWhich') {
+        _this2.removeStimulus(_this2.props.selectedChildren.toArray());
+      } else if (_this2.props.deletionMode === 'deleteAll') {
+        _this2.props.removeStimulus(quizId, stimulusEntry, childEntries);
+      } else if (_this2.props.deletionMode === 'deleteNone' || childEntries.size === 0) {
+        _this2.removeStimulus();
       }
     });
-    _defineProperty(_this, "closeAction", function () {
-      _this.props.closeModal();
-      _this.props.setUi(DELETE_STIMULUS_MODAL_DELETION_MODE, null);
-      _this.props.setUi(DELETE_STIMULUS_MODAL_SELECTED_CHILDREN, Set.of());
-      _this.clearValidationError();
+    _defineProperty(_this2, "closeAction", function () {
+      _this2.props.closeModal();
+      _this2.props.setUi(DELETE_STIMULUS_MODAL_DELETION_MODE, null);
+      _this2.props.setUi(DELETE_STIMULUS_MODAL_SELECTED_CHILDREN, Set.of());
+      _this2.clearValidationError();
     });
-    _defineProperty(_this, "clearValidationError", function () {
-      if (_this.state.validationError) {
-        _this.setState({
+    _defineProperty(_this2, "clearValidationError", function () {
+      if (_this2.state.validationError) {
+        _this2.setState({
           validationError: null
         });
       }
     });
-    _defineProperty(_this, "setDeletionMode", function (event, value) {
-      _this.clearValidationError();
-      _this.props.setUi(DELETE_STIMULUS_MODAL_DELETION_MODE, value);
+    _defineProperty(_this2, "setDeletionMode", function (event, value) {
+      _this2.clearValidationError();
+      _this2.props.setUi(DELETE_STIMULUS_MODAL_DELETION_MODE, value);
     });
-    _defineProperty(_this, "toggleChildSelected", function (childEntry) {
+    _defineProperty(_this2, "toggleChildSelected", function (childEntry) {
       return function (e) {
-        var selectedChildren = _this.props.selectedChildren;
+        var selectedChildren = _this2.props.selectedChildren;
         var newSelectedChildren = e.target.checked ? selectedChildren.add(childEntry) : selectedChildren["delete"](childEntry);
-        _this.props.setUi(DELETE_STIMULUS_MODAL_SELECTED_CHILDREN, newSelectedChildren);
+        _this2.props.setUi(DELETE_STIMULUS_MODAL_SELECTED_CHILDREN, newSelectedChildren);
       };
     });
-    _defineProperty(_this, "renderCheckboxes", function () {
-      if (_this.props.childEntries.size <= 1) {
+    _defineProperty(_this2, "renderCheckboxes", function () {
+      if (_this2.props.childEntries.size <= 1) {
         return;
       }
-      if (_this.props.deletionMode !== 'chooseWhich') {
+      if (_this2.props.deletionMode !== 'chooseWhich') {
         return;
       }
-      var checkboxes = _this.props.childEntries.toArray().map(function (childEntry) {
-        var isChecked = _this.props.selectedChildren.has(childEntry);
+      var checkboxes = _this2.props.childEntries.toArray().map(function (childEntry) {
+        var isChecked = _this2.props.selectedChildren.has(childEntry);
         var entry = childEntry.getEntry();
         var itemBody = entry.itemBody;
         if (entry.quizEntry.isBankEntry) {
@@ -103,25 +115,25 @@ export var DeleteStimulusModal = (_dec = withStyleOverrides(generateStyle, gener
         }
         return jsx("div", {
           key: childEntry.id,
-          css: _this.props.styles.checkboxWrapper
+          css: _this2.props.styles.checkboxWrapper
         }, jsx(Checkbox, {
           checked: isChecked,
           label: extractTextFromHtml(itemBody),
-          onChange: _this.toggleChildSelected(childEntry),
+          onChange: _this2.toggleChildSelected(childEntry),
           value: "true",
           variant: "simple"
         }));
       });
       return jsx("div", {
         key: "checkboxes",
-        css: _this.props.styles.checkboxesWrapper
+        css: _this2.props.styles.checkboxesWrapper
       }, jsx(PresentationContent, null, jsx("hr", null)), checkboxes, jsx(PresentationContent, null, jsx("hr", null)));
     });
-    _this.state = {
+    _this2.state = {
       validationError: null
     };
-    _this.radioInputRef = React.createRef();
-    return _this;
+    _this2.radioInputRef = React.createRef();
+    return _this2;
   }
   _inherits(DeleteStimulusModal, _Component);
   return _createClass(DeleteStimulusModal, [{
@@ -159,10 +171,10 @@ export var DeleteStimulusModal = (_dec = withStyleOverrides(generateStyle, gener
     key: "removeStimulus",
     value: function removeStimulus() {
       var childEntriesToDelete = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-      var _this$props2 = this.props,
-        removeStimulus = _this$props2.removeStimulus,
-        quizId = _this$props2.quizId,
-        stimulusEntry = _this$props2.stimulusEntry;
+      var _this$props = this.props,
+        removeStimulus = _this$props.removeStimulus,
+        quizId = _this$props.quizId,
+        stimulusEntry = _this$props.stimulusEntry;
       if (this.anyImmutableKeepers()) {
         this.props.withConfirm(partial(removeStimulus, quizId, stimulusEntry, childEntriesToDelete), this.confirmRemoveData());
       } else {

package/es/building/components/resources/ItemFeedbackModal/presenter.js

@@ -5,8 +5,20 @@ import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _ItemFeedbackModal;
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -21,30 +33,30 @@ import generateStyle from './styles';
 import generateComponentTheme from './theme';
 export var ItemFeedbackModal = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_ItemFeedbackModal = /*#__PURE__*/function (_Component) {
   function ItemFeedbackModal() {
-    var _this;
+    var _this2;
     _classCallCheck(this, ItemFeedbackModal);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, ItemFeedbackModal, [].concat(args));
-    _defineProperty(_this, "onFeedbackChange", function (key, content) {
-      var newFeedback = _this.props.feedback.set(key, content);
-      _this.props.setUi(ITEM_FEEDBACK_MODAL_FEEDBACK, newFeedback);
+    _this2 = _callSuper(this, ItemFeedbackModal, [].concat(args));
+    _defineProperty(_this2, "onFeedbackChange", function (key, content) {
+      var newFeedback = _this2.props.feedback.set(key, content);
+      _this2.props.setUi(ITEM_FEEDBACK_MODAL_FEEDBACK, newFeedback);
     });
-    _defineProperty(_this, "onFeedbackWrapper", function (key) {
+    _defineProperty(_this2, "onFeedbackWrapper", function (key) {
       return function (_, map) {
-        return _this.onFeedbackChange(key, map.editorContent);
+        return _this2.onFeedbackChange(key, map.editorContent);
       };
     });
-    _defineProperty(_this, "continueAction", function () {
-      _this.props.changeItemFeedback(_this.props.item.id, _this.props.feedback);
-      _this.closeAction();
+    _defineProperty(_this2, "continueAction", function () {
+      _this2.props.changeItemFeedback(_this2.props.item.id, _this2.props.feedback);
+      _this2.closeAction();
     });
-    _defineProperty(_this, "closeAction", function () {
-      _this.props.modalTrigger && _this.props.modalTrigger.focus();
-      _this.props.closeModal();
+    _defineProperty(_this2, "closeAction", function () {
+      _this2.props.modalTrigger && _this2.props.modalTrigger.focus();
+      _this2.props.closeModal();
     });
-    return _this;
+    return _this2;
   }
   _inherits(ItemFeedbackModal, _Component);
   return _createClass(ItemFeedbackModal, [{

package/es/building/components/resources/MoveImmutableModal/presenter.js

@@ -4,8 +4,20 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConst
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
@@ -16,26 +28,26 @@ import t from '@instructure/quiz-i18n/es/format-message';
 import { Modal, ModalHeader, ModalBody, ModalFooter, MOVED_IN_SIDEBAR, XSMALL_SIDE_MARGIN } from '@instructure/quiz-common';
 export var MoveImmutableModal = /*#__PURE__*/function (_Component) {
   function MoveImmutableModal() {
-    var _this;
+    var _this2;
     _classCallCheck(this, MoveImmutableModal);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, MoveImmutableModal, [].concat(args));
-    _defineProperty(_this, "handleSubmit", function (e) {
-      var _this$props = _this.props,
-        quizId = _this$props.quizId,
-        position = _this$props.position,
-        stimulusQuizEntryId = _this$props.stimulusQuizEntryId,
-        quizEntry = _this$props.quizEntry;
-      _this.props.closeModal();
-      _this.props.setUI(MOVED_IN_SIDEBAR, _this.props.movedInSidebar);
-      _this.props.moveImmutableQuizEntry(quizId, position, stimulusQuizEntryId, quizEntry.id);
+    _this2 = _callSuper(this, MoveImmutableModal, [].concat(args));
+    _defineProperty(_this2, "handleSubmit", function (e) {
+      var _this2$props = _this2.props,
+        quizId = _this2$props.quizId,
+        position = _this2$props.position,
+        stimulusQuizEntryId = _this2$props.stimulusQuizEntryId,
+        quizEntry = _this2$props.quizEntry;
+      _this2.props.closeModal();
+      _this2.props.setUI(MOVED_IN_SIDEBAR, _this2.props.movedInSidebar);
+      _this2.props.moveImmutableQuizEntry(quizId, position, stimulusQuizEntryId, quizEntry.id);
     });
-    _defineProperty(_this, "closeAction", function () {
-      _this.props.closeModal();
+    _defineProperty(_this2, "closeAction", function () {
+      _this2.props.closeModal();
     });
-    return _this;
+    return _this2;
   }
   _inherits(MoveImmutableModal, _Component);
   return _createClass(MoveImmutableModal, [{

package/es/building/components/resources/quiz/editButton/EditButton.js

@@ -4,8 +4,20 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConst
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { IconButton } from '@instructure/ui-buttons';
@@ -15,19 +27,19 @@ import t from '@instructure/quiz-i18n/es/format-message';
 import { omitProps } from '@instructure/ui-react-utils';
 var EditButton = /*#__PURE__*/function (_Component) {
   function EditButton() {
-    var _this;
+    var _this2;
     _classCallCheck(this, EditButton);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, EditButton, [].concat(args));
-    _defineProperty(_this, "focus", function () {
-      _this.button.focus();
+    _this2 = _callSuper(this, EditButton, [].concat(args));
+    _defineProperty(_this2, "focus", function () {
+      _this2.button.focus();
     });
-    _defineProperty(_this, "handleButtonRef", function (node) {
-      return _this.button = node;
+    _defineProperty(_this2, "handleButtonRef", function (node) {
+      return _this2.button = node;
     });
-    return _this;
+    return _this2;
   }
   _inherits(EditButton, _Component);
   return _createClass(EditButton, [{

package/es/building/components/resources/quiz/instructions/Edit/presenter.js

@@ -5,8 +5,20 @@ import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _QuizInstructionsEdit;
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';

package/es/building/components/resources/quiz/instructions/Instructions/presenter.js

@@ -5,8 +5,20 @@ import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _QuizInstructions;
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -30,54 +42,54 @@ import { withStyleOverrides } from '@instructure/quiz-common';
 
 export var QuizInstructions = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizInstructions = /*#__PURE__*/function (_Component) {
   function QuizInstructions() {
-    var _this;
+    var _this2;
     _classCallCheck(this, QuizInstructions);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, QuizInstructions, [].concat(args));
-    _defineProperty(_this, "workingInstructions", function () {
-      return _this.props.quiz.getWorkingInstance().instructions || '';
+    _this2 = _callSuper(this, QuizInstructions, [].concat(args));
+    _defineProperty(_this2, "workingInstructions", function () {
+      return _this2.props.quiz.getWorkingInstance().instructions || '';
     });
     // =========
     //  actions
     // =========
-    _defineProperty(_this, "updateWorkingInstructions", function (event, _ref) {
+    _defineProperty(_this2, "updateWorkingInstructions", function (event, _ref) {
       var editorContent = _ref.editorContent;
-      _this.props.changeQuizInstructions(_this.quizID(), editorContent);
+      _this2.props.changeQuizInstructions(_this2.quizID(), editorContent);
     });
-    _defineProperty(_this, "saveAndPreview", function () {
-      _this.saveWorkingInstructions();
-      _this.endEditing();
+    _defineProperty(_this2, "saveAndPreview", function () {
+      _this2.saveWorkingInstructions();
+      _this2.endEditing();
     });
-    _defineProperty(_this, "endEditing", function () {
-      _this.props.switchOffEditing();
-      _this.props.clearModifications('quizzes', _this.quizID(), ['instructions']);
+    _defineProperty(_this2, "endEditing", function () {
+      _this2.props.switchOffEditing();
+      _this2.props.clearModifications('quizzes', _this2.quizID(), ['instructions']);
     });
-    _defineProperty(_this, "toggleEditing", function () {
+    _defineProperty(_this2, "toggleEditing", function () {
       var msg;
-      if (_this.props.isEditing) {
+      if (_this2.props.isEditing) {
         msg = t('Instructions edit mode off.');
-        _this.props.screenreaderNotification(msg);
-        _this.saveAndPreview();
+        _this2.props.screenreaderNotification(msg);
+        _this2.saveAndPreview();
       } else {
         msg = t('Instructions switched to edit mode. Navigate down to access text editor.');
-        _this.props.screenreaderNotification(msg);
-        _this.props.switchOnEditing();
+        _this2.props.screenreaderNotification(msg);
+        _this2.props.switchOnEditing();
       }
     });
-    return _this;
+    return _this2;
   }
   _inherits(QuizInstructions, _Component);
   return _createClass(QuizInstructions, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
-      var _this2 = this;
+      var _this3 = this;
       // Only focus if we switch from edit mode to show mode
       if (prevProps.isEditing && !this.props.isEditing) {
         // use setTimeout to break away from RCE destruction that loses focus
         setTimeout(function () {
-          _this2.editButton.getWrappedInstance().setFocus();
+          _this3.editButton.getWrappedInstance().setFocus();
         }, 50);
       }
     }
@@ -106,9 +118,9 @@ export var QuizInstructions = (_dec = withStyleOverrides(generateStyle, generate
   }, {
     key: "setRef",
     value: function setRef(key) {
-      var _this3 = this;
+      var _this4 = this;
       return function (node) {
-        _this3[key] = node;
+        _this4[key] = node;
       };
     }
 

package/es/building/components/resources/quiz/instructions/Instructions/theme.js

@@ -7,7 +7,7 @@ export default function generator(_ref) {
     labelLeftPadding: spacing.large,
     labelBottomPadding: spacing.xxSmall,
     labelFontSize: typography.fontSizeSmall,
-    labelColor: colors.slate,
+    labelColor: colors.contrasts.grey4570,
     editButtonWrapperRightMargin: spacing.large
   };
 }

package/es/building/components/resources/quiz/instructions/Show/index.js

@@ -5,8 +5,20 @@ import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _QuizInstructionsShow;
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -28,16 +40,16 @@ import { withStyleOverrides } from '@instructure/quiz-common';
 // ==========================================
 export var QuizInstructionsShow = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizInstructionsShow = /*#__PURE__*/function (_Component) {
   function QuizInstructionsShow() {
-    var _this;
+    var _this2;
     _classCallCheck(this, QuizInstructionsShow);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, QuizInstructionsShow, [].concat(args));
-    _defineProperty(_this, "switchOnEditing", function () {
-      _this.props.switchOnEditing();
+    _this2 = _callSuper(this, QuizInstructionsShow, [].concat(args));
+    _defineProperty(_this2, "switchOnEditing", function () {
+      _this2.props.switchOnEditing();
     });
-    return _this;
+    return _this2;
   }
   _inherits(QuizInstructionsShow, _Component);
   return _createClass(QuizInstructionsShow, [{