@instructure/quiz-core 21.1.1 → 22.0.0

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

@@ -4,13 +4,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
@@ -22,138 +24,148 @@ var _emotion = require("@instructure/emotion");
 var _quizInteractions = require("@instructure/quiz-interactions");
 var _uiIcons = require("@instructure/ui-icons");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-var _fitbCopyHelper = require("../../../../../../common/util/fitbCopyHelper.js");
-var _PositionBox = _interopRequireDefault(require("../../../../../../common/components/resources/positionBox/PositionBox.js"));
-var _Item = _interopRequireDefault(require("../../../../../../common/records/Item.js"));
-var _index = _interopRequireDefault(require("../../../ActionButtons/index.js"));
+var _fitbCopyHelper = require("../../../../../../common/util/fitbCopyHelper");
+var _PositionBox = _interopRequireDefault(require("../../../../../../common/components/resources/positionBox/PositionBox"));
+var _Item = _interopRequireDefault(require("../../../../../../common/records/Item"));
+var _ActionButtons = _interopRequireDefault(require("../../../ActionButtons"));
 var _quizCommon = require("@instructure/quiz-common");
-var _styles = _interopRequireDefault(require("./styles.js"));
-var _theme = _interopRequireDefault(require("./theme.js"));
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
 var _uiView = require("@instructure/ui-view");
 var _dec, _class, _QuizEntryHeader;
 /** @jsx jsx */
-var _ref2 = (0, _emotion.jsx)(_uiIcons.IconBankLine, null);
-var QuizEntryHeader = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_QuizEntryHeader = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(QuizEntryHeader, _Component);
-  var _super = (0, _createSuper2.default)(QuizEntryHeader);
+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;
-    (0, _classCallCheck2.default)(this, QuizEntryHeader);
+    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 = _super.call.apply(_super, [this].concat(args));
-    _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);
-    };
-    _this.clearModifications = function () {
-      _this.props.clearModifications('items', _this.props.entry.id);
-    };
-    _this.removeTemporaryItem = function () {
+      return _this2.props.connectDragSource(dragHandle);
+    });
+    (0, _defineProperty2["default"])(_this2, "clearModifications", function () {
+      _this2.props.clearModifications('items', _this2.props.entry.id);
+    });
+    (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());
-    };
-    _this.removeNormalItem = function () {
-      _this.props.withConfirm((0, _partial.default)(_this.props.removeQuizEntry, _this.props.quizId, _this.props.quizEntry), _this.removalDialogData());
-    };
-    _this.removeItem = function (e) {
-      if (_this.props.disabledForRegrade) {
+      _this2.props.withConfirm(remove, _this2.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"])(_this2, "removeItem", function (e) {
+      if (_this2.props.disabledForRegrade) {
         return null;
       }
-      _this.props.entry.isTemporary() ? _this.removeTemporaryItem() : _this.removeNormalItem();
-    };
-    _this.handleTitleChange = function (event) {
-      _this.props.changeItemTitle(_this.props.entry.id, event.target.value);
-    };
-    _this.storeTitleRef = function (el) {
-      _this.titleRef = el;
-    };
-    _this.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;
-        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;
-                msg = (0, _formatMessage.default)('Question {displayPosition} cannot be saved due to invalid input data.', {
-                  displayPosition: _this.props.displayPosition
-                });
-                if (!_this.props.isValid) {
-                  _context.next = 14;
-                  break;
-                }
-                _context.next = 5;
-                return _this.props.successfulSubmit();
-              case 5:
-                validationResult = _context.sent;
-                if (!(validationResult === _quizCommon.API_INPUT_VALIDATION_ERROR)) {
-                  _context.next = 9;
-                  break;
-                }
-                _this.props.screenreaderNotification(msg);
-                return _context.abrupt("return");
-              case 9:
-                interactionTypeData = {
-                  answerFeedback: workingEntry.answerFeedback,
-                  calculatorType: workingEntry.calculatorType,
-                  feedback: workingEntry.feedback,
-                  id: workingEntry.interactionType,
-                  interactionData: workingEntry.interactionData,
-                  itemBody: workingEntry.itemBody,
-                  outcomeAlignmentSetGuid: workingEntry.outcomeAlignmentSetGuid,
-                  properties: workingEntry.properties,
-                  scoringAlgorithm: workingEntry.scoringAlgorithm,
-                  scoringData: workingEntry.scoringData,
-                  title: workingEntry.title
-                };
-                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);
-                _context.next = 16;
+      _this2.props.entry.isTemporary() ? _this2.removeTemporaryItem() : _this2.removeNormalItem();
+    });
+    (0, _defineProperty2["default"])(_this2, "handleTitleChange", function (event) {
+      _this2.props.changeItemTitle(_this2.props.entry.id, event.target.value);
+    });
+    (0, _defineProperty2["default"])(_this2, "storeTitleRef", function (el) {
+      _this2.titleRef = el;
+    });
+    (0, _defineProperty2["default"])(_this2, "copyItem", /*#__PURE__*/function () {
+      var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(e) {
+        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:
+              _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: _this2.props.displayPosition
+              });
+              if (!_this2.props.isValid) {
+                _context.next = 14;
                 break;
-              case 14:
-                _this.props.screenreaderNotification(msg);
-                _this.props.showError(_this.props.guid);
-              case 16:
-              case "end":
-                return _context.stop();
-            }
+              }
+              _context.next = 5;
+              return _this2.props.successfulSubmit();
+            case 5:
+              validationResult = _context.sent;
+              if (!(validationResult === _quizCommon.API_INPUT_VALIDATION_ERROR)) {
+                _context.next = 9;
+                break;
+              }
+              _this2.props.screenreaderNotification(msg);
+              return _context.abrupt("return");
+            case 9:
+              interactionTypeData = {
+                answerFeedback: workingEntry.answerFeedback,
+                calculatorType: workingEntry.calculatorType,
+                feedback: workingEntry.feedback,
+                id: workingEntry.interactionType,
+                interactionData: workingEntry.interactionData,
+                itemBody: workingEntry.itemBody,
+                outcomeAlignmentSetGuid: workingEntry.outcomeAlignmentSetGuid,
+                properties: workingEntry.properties,
+                scoringAlgorithm: workingEntry.scoringAlgorithm,
+                scoringData: workingEntry.scoringData,
+                title: workingEntry.title
+              };
+              if (richFITBEnabled && workingEntry.getInteractionType() instanceof _quizInteractions.FillBlankInteractionType) {
+                interactionTypeData = (0, _fitbCopyHelper.convertFITBtoRich)(interactionTypeData, richFITBInteractionID);
+              }
+              _this2.props.createTempItem(quizId, Math.round(workingQuizEntry.position + 1), interactionTypeData, workingQuizEntry.stimulusQuizEntryId, workingEntry.stimulusId, workingQuizEntry.pointsPossible);
+              _context.next = 16;
+              break;
+            case 14:
+              _this2.props.screenreaderNotification(msg);
+              _this2.props.showError(_this2.props.guid);
+            case 16:
+            case "end":
+              return _context.stop();
           }
         }, _callee);
       }));
       return function (_x) {
         return _ref.apply(this, arguments);
       };
-    }();
-    _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, _createClass2.default)(QuizEntryHeader, [{
+  (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
     }
@@ -161,47 +173,49 @@ var QuizEntryHeader = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
     key: "removalDialogData",
     value: function removalDialogData() {
       return {
-        title: (0, _formatMessage.default)('Remove Question?'),
-        text: (0, _formatMessage.default)('Are you sure you want to remove this question?'),
-        continueText: (0, _formatMessage.default)('Remove Question'),
-        cancelText: (0, _formatMessage.default)('Keep Question')
+        title: (0, _formatMessage["default"])('Remove Question?'),
+        text: (0, _formatMessage["default"])('Are you sure you want to remove this question?'),
+        continueText: (0, _formatMessage["default"])('Remove Question'),
+        cancelText: (0, _formatMessage["default"])('Keep Question')
       };
     }
+  }, {
+    key: "isActiveBank",
+    get: function get() {
+      return this.props.quizEntry.isBank && this.props.newActiveBank;
+    }
+  }, {
+    key: "isBankEntry",
+    get: function get() {
+      return this.props.quizEntry.isBank || this.props.quizEntry.isBankEntry;
+    }
   }, {
     key: "getVOText",
     value: function getVOText(verb, displayPosition) {
       var name = '';
-      if (this.props.entry instanceof _Item.default) {
+      if (this.props.entry instanceof _Item["default"]) {
         name = this.props.entry.getInteractionType().name;
       }
-      return (0, _formatMessage.default)('{verb} Question {questionNumber}, {interactionType}', {
+      return (0, _formatMessage["default"])('{verb} Question {questionNumber}, {interactionType}', {
         verb: verb,
         questionNumber: displayPosition,
         interactionType: name
       });
     }
   }, {
-    key: "renderBankedContent",
-    value: function renderBankedContent() {
-      if (this.props.quizEntry.isBank || this.props.quizEntry.isBankEntry) {
-        return _ref2;
-      }
+    key: "renderItemName",
+    value: function renderItemName() {
+      return (0, _emotion.jsx)(_uiText.Text, {
+        size: "small",
+        weight: "normal",
+        "data-automation": "sdk-quiz-entry-interaction-type"
+      }, this.props.name);
     }
   }, {
-    key: "renderName",
-    value: function renderName() {
-      var isBank = this.props.quizEntry.isBank && this.props.newActiveBank;
-      var dataAutomation = 'sdk-quiz-entry-interaction-type';
-      if (!isBank) {
-        return (0, _emotion.jsx)(_uiText.Text, {
-          size: "small",
-          weight: "normal",
-          "data-automation": dataAutomation
-        }, this.props.name);
-      }
+    key: "renderBankNameButton",
+    value: function renderBankNameButton() {
       return (0, _emotion.jsx)(_uiButtons.CondensedButton, {
         size: "small",
-        margin: "0 0 0 x-small",
         onClick: this.handleBankClick,
         "data-automation": "sdk-quiz-entry-interaction-type"
       }, this.props.name);
@@ -209,16 +223,16 @@ var QuizEntryHeader = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
   }, {
     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;
+      if (!(this.props.entry instanceof _Item["default"])) return;
+      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', {
+      var titleLabelText = (0, _formatMessage["default"])('Question {questionNumber}, {interactionType}, Edit question title', {
         questionNumber: displayPosition,
         interactionType: entry.getInteractionType().name
       });
@@ -227,14 +241,14 @@ var QuizEntryHeader = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
         renderLabel: (0, _emotion.jsx)(_quizCommon.Flex, {
           direction: "column",
           gap: "small"
-        }, (0, _emotion.jsx)(_quizCommon.Flex.Item, {
+        }, !this.isBankEntry && (0, _emotion.jsx)(_quizCommon.Flex.Item, {
           "aria-hidden": true
-        }, this.renderName()), (0, _emotion.jsx)(_quizCommon.Flex.Item, {
+        }, this.renderItemName()), (0, _emotion.jsx)(_quizCommon.Flex.Item, {
           "aria-hidden": true
-        }, (0, _formatMessage.default)('Question Title')), (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, titleLabelText)),
+        }, (0, _formatMessage["default"])('Question Title')), (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, titleLabelText)),
         type: "text",
         onChange: this.handleTitleChange,
-        value: workingEntry.title || '',
+        defaultValue: workingEntry.title || '',
         interaction: disabled ? 'disabled' : 'enabled',
         "data-automation": "sdk-question-title-textinput"
       });
@@ -242,22 +256,34 @@ var QuizEntryHeader = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
   }, {
     key: "renderLeftHeader",
     value: function renderLeftHeader() {
-      var positionText = (0, _formatMessage.default)('Edit question at position {position, number}', {
+      var positionText = (0, _formatMessage["default"])('Edit question at position {position, number}', {
         position: this.props.displayPosition
       });
       var position = this.props.disabledForRegrade ? this.props.displayPosition : this.props.quizEntry.positionToDisplay(this.props.displayPosition);
       return (0, _emotion.jsx)(_quizCommon.Flex, {
         className: "leftHeader",
         direction: "row",
-        justifyItems: "center",
+        alignItems: "center",
         "data-automation": "sdk-quiz-entry-left-header"
-      }, (0, _emotion.jsx)(_PositionBox.default, {
+      }, (0, _emotion.jsx)(_PositionBox["default"], {
         position: position,
         headingText: positionText,
         "data-automation": "sdk-quiz-entry-positionbox"
-      }), this.renderBankedContent(), (0, _emotion.jsx)("div", {
-        css: this.props.styles.dividingLine
-      }), this.renderTitleHolder());
+      }), (0, _emotion.jsx)(_quizCommon.Flex.Item, {
+        shouldShrink: this.isActiveBank,
+        shouldGrow: !this.isActiveBank
+      }, (0, _emotion.jsx)(_quizCommon.Flex, {
+        direction: "row",
+        gap: this.isActiveBank ? 'x-small' : 'medium',
+        themeOverride: {
+          gapMedium: '1.25rem'
+        },
+        alignItems: "center"
+      }, this.isBankEntry && (0, _emotion.jsx)(_quizCommon.Flex.Item, null, (0, _emotion.jsx)(_uiIcons.IconBankLine, null)), this.isActiveBank ? (0, _emotion.jsx)(_quizCommon.Flex.Item, {
+        shouldShrink: true
+      }, this.renderBankNameButton()) : (0, _emotion.jsx)(_quizCommon.Flex.Item, {
+        shouldGrow: true
+      }, this.renderTitleHolder()))));
     }
   }, {
     key: "render",
@@ -285,54 +311,56 @@ var QuizEntryHeader = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
       }), (0, _emotion.jsx)(_quizCommon.Flex, {
         className: "header",
         direction: "row",
-        gap: "small"
+        alignItems: this.isActiveBank ? 'center' : 'end',
+        gap: "small",
+        justifyItems: "space-between"
       }, (0, _emotion.jsx)(_quizCommon.Flex.Item, {
-        shouldShrink: false,
+        shouldShrink: this.isActiveBank,
         shouldGrow: true
-      }, this.renderLeftHeader()), (0, _emotion.jsx)(_quizCommon.Flex.Item, null, (0, _emotion.jsx)(_index.default, actionButtonProps))));
+      }, this.renderLeftHeader()), (0, _emotion.jsx)(_quizCommon.Flex.Item, {
+        padding: this.isActiveBank ? '0' : '0 0 xx-small'
+      }, (0, _emotion.jsx)(_ActionButtons["default"], actionButtonProps))));
     }
   }]);
-  QuizEntryHeader.displayName = "QuizEntryHeader";
-  return QuizEntryHeader;
-}(_react.Component), _QuizEntryHeader.displayName = 'QuizEntryHeader', _QuizEntryHeader.componentId = "Quizzes".concat(_QuizEntryHeader.displayName), _QuizEntryHeader.propTypes = {
-  changeItemTitle: _propTypes.default.func.isRequired,
+}(_react.Component), (0, _defineProperty2["default"])(_QuizEntryHeader, "displayName", 'QuizEntryHeader'), (0, _defineProperty2["default"])(_QuizEntryHeader, "componentId", "Quizzes".concat(_QuizEntryHeader.displayName)), (0, _defineProperty2["default"])(_QuizEntryHeader, "propTypes", {
+  changeItemTitle: _propTypes["default"].func.isRequired,
   // from connected component
-  clearModifications: _propTypes.default.func.isRequired,
+  clearModifications: _propTypes["default"].func.isRequired,
   // from connected component
-  clearTemporaryItem: _propTypes.default.func.isRequired,
+  clearTemporaryItem: _propTypes["default"].func.isRequired,
   // from connected component
-  connectDragSource: _propTypes.default.func.isRequired,
+  connectDragSource: _propTypes["default"].func.isRequired,
   // inserted from React DnD
-  createTempItem: _propTypes.default.func.isRequired,
+  createTempItem: _propTypes["default"].func.isRequired,
   // from connected component
-  disabledForRegrade: _propTypes.default.bool,
-  disableSubmit: _propTypes.default.bool.isRequired,
-  displayPosition: _propTypes.default.number.isRequired,
-  entry: _reactImmutableProptypes.default.record.isRequired,
-  guid: _propTypes.default.string.isRequired,
-  hideError: _propTypes.default.func.isRequired,
+  disabledForRegrade: _propTypes["default"].bool,
+  disableSubmit: _propTypes["default"].bool.isRequired,
+  displayPosition: _propTypes["default"].number.isRequired,
+  entry: _reactImmutableProptypes["default"].record.isRequired,
+  guid: _propTypes["default"].string.isRequired,
+  hideError: _propTypes["default"].func.isRequired,
   // from connected component
-  initialFocusId: _propTypes.default.string,
-  isValid: _propTypes.default.bool.isRequired,
-  name: _propTypes.default.string,
-  newActiveBank: _propTypes.default.func,
-  quizEntries: _reactImmutableProptypes.default.listOf(_reactImmutableProptypes.default.record).isRequired,
-  quizEntry: _reactImmutableProptypes.default.record.isRequired,
-  quizId: _propTypes.default.string.isRequired,
-  removeQuizEntry: _propTypes.default.func.isRequired,
+  initialFocusId: _propTypes["default"].string,
+  isValid: _propTypes["default"].bool.isRequired,
+  name: _propTypes["default"].string,
+  newActiveBank: _propTypes["default"].func,
+  quizEntries: _reactImmutableProptypes["default"].listOf(_reactImmutableProptypes["default"].record).isRequired,
+  quizEntry: _reactImmutableProptypes["default"].record.isRequired,
+  quizId: _propTypes["default"].string.isRequired,
+  removeQuizEntry: _propTypes["default"].func.isRequired,
   // from connected component
-  richFITBEnabled: _propTypes.default.bool,
-  richFITBInteractionID: _propTypes.default.string,
-  screenreaderNotification: _propTypes.default.func.isRequired,
-  setUi: _propTypes.default.func.isRequired,
-  shouldClone: _propTypes.default.bool,
-  showError: _propTypes.default.func.isRequired,
-  successfulSubmit: _propTypes.default.func.isRequired,
-  withConfirm: _propTypes.default.func.isRequired,
-  workingEntry: _reactImmutableProptypes.default.record.isRequired,
-  workingQuizEntry: _reactImmutableProptypes.default.record.isRequired,
-  styles: _propTypes.default.object
-}, _QuizEntryHeader.defaultProps = {
+  richFITBEnabled: _propTypes["default"].bool,
+  richFITBInteractionID: _propTypes["default"].string,
+  screenreaderNotification: _propTypes["default"].func.isRequired,
+  setUi: _propTypes["default"].func.isRequired,
+  shouldClone: _propTypes["default"].bool,
+  showError: _propTypes["default"].func.isRequired,
+  successfulSubmit: _propTypes["default"].func.isRequired,
+  withConfirm: _propTypes["default"].func.isRequired,
+  workingEntry: _reactImmutableProptypes["default"].record.isRequired,
+  workingQuizEntry: _reactImmutableProptypes["default"].record.isRequired,
+  styles: _propTypes["default"].object
+}), (0, _defineProperty2["default"])(_QuizEntryHeader, "defaultProps", {
   disabledForRegrade: false,
   initialFocusId: null,
   name: null,
@@ -340,6 +368,5 @@ var QuizEntryHeader = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
   richFITBEnabled: false,
   richFITBInteractionID: '',
   shouldClone: false
-}, _QuizEntryHeader)) || _class);
-var _default = QuizEntryHeader;
-exports.default = _default;
+}), _QuizEntryHeader)) || _class);
+var _default = exports["default"] = QuizEntryHeader;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var generateStyle = function generateStyle(componentTheme) {
   return {
     /* Hide left header when the RCE editor is in fullscreen mode */
@@ -22,5 +22,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports["default"] = generateStyle;

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

@@ -3,16 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
     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)
   };
 };
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports["default"] = generateComponentTheme;

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

@@ -1,25 +1,26 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _immutable = require("immutable");
 var _redux = require("redux");
-var _reactRedux = require("../../../../../common/react-redux.js");
-var _makeEditable = _interopRequireDefault(require("../../../../../common/components/shared/functionality/makeEditable.js"));
-var alertActions = _interopRequireWildcard(require("../../../../../common/actions/alerts.js"));
-var errorsShowingActions = _interopRequireWildcard(require("../../../../../common/actions/errorsShowing.js"));
-var itemApiActions = _interopRequireWildcard(require("../../../../api/items.js"));
-var modalActions = _interopRequireWildcard(require("../../../../../common/actions/modal.js"));
-var _ui = require("../../../../../common/actions/ui.js");
-var modificationActions = _interopRequireWildcard(require("../../../../../common/actions/modifications.js"));
-var quizEntryApiActions = _interopRequireWildcard(require("../../../../api/quizEntries.js"));
-var _featureCheck = require("../../../../../common/util/featureCheck.js");
+var _reactRedux = require("../../../../../common/react-redux");
+var _makeEditable = _interopRequireDefault(require("../../../../../common/components/shared/functionality/makeEditable"));
+var alertActions = _interopRequireWildcard(require("../../../../../common/actions/alerts"));
+var errorsShowingActions = _interopRequireWildcard(require("../../../../../common/actions/errorsShowing"));
+var itemApiActions = _interopRequireWildcard(require("../../../../api/items"));
+var modalActions = _interopRequireWildcard(require("../../../../../common/actions/modal"));
+var _ui = require("../../../../../common/actions/ui");
+var modificationActions = _interopRequireWildcard(require("../../../../../common/actions/modifications"));
+var quizEntryApiActions = _interopRequireWildcard(require("../../../../api/quizEntries"));
+var _featureCheck = require("../../../../../common/util/featureCheck");
 var _quizCommon = require("@instructure/quiz-common");
-var _presenter = _interopRequireDefault(require("./presenter.js"));
+var _presenter = _interopRequireDefault(require("./presenter"));
+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();
@@ -82,5 +83,4 @@ function mapDispatchToProps(dispatch) {
     withConfirm: boundModalActions.withConfirm
   };
 }
-var _default = (0, _makeEditable.default)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.default));
-exports.default = _default;
+var _default = exports["default"] = (0, _makeEditable["default"])((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter["default"]));