@instructure/quiz-core 21.1.1 → 22.0.0

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

@@ -1,17 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.QuizEntryEditRaw = exports.UndecoratedQuizEntryEdit = void 0;
+exports["default"] = exports.UndecoratedQuizEntryEdit = exports.QuizEntryEditRaw = 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 = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
@@ -20,265 +21,276 @@ var _pick = _interopRequireDefault(require("lodash/pick"));
 var _first = _interopRequireDefault(require("lodash/first"));
 var _emotion = require("@instructure/emotion");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-var _CustomPropTypes = _interopRequireDefault(require("../../../../../common/util/CustomPropTypes.js"));
-var _index = _interopRequireDefault(require("../../../../../banks/components/AddToBankModal/index.js"));
-var _index2 = _interopRequireDefault(require("../../../../../common/components/shared/drag_and_drop/DragAndDropZone/index.js"));
-var _componentWithOutsideClickEmotion = _interopRequireDefault(require("../../../../../common/components/shared/functionality/componentWithOutsideClickEmotion.js"));
-var _clickHandlers = require("../../../../../common/util/clickHandlers.js");
-var _index3 = _interopRequireDefault(require("./Header/index.js"));
-var _index4 = _interopRequireDefault(require("./Footer/index.js"));
+var _CustomPropTypes = _interopRequireDefault(require("../../../../../common/util/CustomPropTypes"));
+var _AddToBankModal = _interopRequireDefault(require("../../../../../banks/components/AddToBankModal"));
+var _DragAndDropZone = _interopRequireDefault(require("../../../../../common/components/shared/drag_and_drop/DragAndDropZone"));
+var _componentWithOutsideClickEmotion = _interopRequireDefault(require("../../../../../common/components/shared/functionality/componentWithOutsideClickEmotion"));
+var _clickHandlers = require("../../../../../common/util/clickHandlers");
+var _Header = _interopRequireDefault(require("./Header"));
+var _Footer = _interopRequireDefault(require("./Footer"));
 var _quizCommon = require("@instructure/quiz-common");
-var _dragAndDropUtils = require("../../../../../common/components/shared/drag_and_drop/dragAndDropUtils.js");
-var _styles = _interopRequireDefault(require("./styles.js"));
-var _theme = _interopRequireDefault(require("./theme.js"));
+var _dragAndDropUtils = require("../../../../../common/components/shared/drag_and_drop/dragAndDropUtils");
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
 var _dec, _class, _QuizEntryEdit;
 /** @jsx jsx */
-var QuizEntryEdit = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_QuizEntryEdit = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(QuizEntryEdit, _Component);
-  var _super = (0, _createSuper2.default)(QuizEntryEdit);
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
+var QuizEntryEdit = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_QuizEntryEdit = /*#__PURE__*/function (_Component) {
   function QuizEntryEdit() {
-    var _this;
-    (0, _classCallCheck2.default)(this, QuizEntryEdit);
+    var _this2;
+    (0, _classCallCheck2["default"])(this, QuizEntryEdit);
     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.state = {
+    _this2 = _callSuper(this, QuizEntryEdit, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "state", {
       canSubmit: true
-    };
-    _this.onSubmit = function (e) {
-      var displayPosition = _this.props.displayPosition;
+    });
+    (0, _defineProperty2["default"])(_this2, "onSubmit", function (e) {
+      var displayPosition = _this2.props.displayPosition;
       e && e.preventDefault();
-      if (_this.isValid() && _this.state.canSubmit) {
-        _this.successfulSubmit();
+      if (_this2.isValid() && _this2.state.canSubmit) {
+        _this2.successfulSubmit();
       } else {
-        var msg = (0, _formatMessage.default)('Item {displayPosition, number} cannot be saved due to invalid input data.', {
+        var msg = (0, _formatMessage["default"])('Item {displayPosition, number} cannot be saved due to invalid input data.', {
           displayPosition: displayPosition
         });
-        _this.props.screenreaderNotification(msg);
-        _this.props.showError(_this.props.guid);
-        _this.props.clearNextQuizEntry();
+        _this2.props.screenreaderNotification(msg);
+        _this2.props.showError(_this2.props.guid);
+        _this2.props.clearNextQuizEntry();
       }
-    };
-    _this.createOrUpdateItem = function () {
-      var workingEntry = _this.props.workingEntry;
-      if (_this.props.entry.isTemporary()) {
-        return _this.props.createItem(workingEntry, _this.props.quizId, 'quiz');
-      } else if (_this.props.shouldClone) {
-        return _this.props.createItem(workingEntry, _this.props.quizId, 'quiz', workingEntry.id);
-      } else if (_this.props.entry.hasModifications()) {
-        return _this.props.updateItem(workingEntry, _this.props.quizId, 'quiz');
+    });
+    (0, _defineProperty2["default"])(_this2, "createOrUpdateItem", function () {
+      var workingEntry = _this2.props.workingEntry;
+      if (_this2.props.entry.isTemporary()) {
+        return _this2.props.createItem(workingEntry, _this2.props.quizId, 'quiz');
+      } else if (_this2.props.shouldClone) {
+        return _this2.props.createItem(workingEntry, _this2.props.quizId, 'quiz', workingEntry.id);
+      } else if (_this2.props.entry.hasModifications()) {
+        return _this2.props.updateItem(workingEntry, _this2.props.quizId, 'quiz');
       }
-      return Promise.resolve(_this.props.entry.toJS());
-    };
-    _this.createNextQuizEntry = function () {
-      var _this$props$nextQuizE = _this.props.nextQuizEntry,
-        interactionTypeData = _this$props$nextQuizE.interactionTypeData,
-        quizId = _this$props$nextQuizE.quizId,
-        position = _this$props$nextQuizE.position,
-        stimulusId = _this$props$nextQuizE.stimulusId,
-        parentEntryId = _this$props$nextQuizE.parentEntryId;
+      return Promise.resolve(_this2.props.entry.toJS());
+    });
+    (0, _defineProperty2["default"])(_this2, "createNextQuizEntry", function () {
+      var _this2$props$nextQuiz = _this2.props.nextQuizEntry,
+        interactionTypeData = _this2$props$nextQuiz.interactionTypeData,
+        quizId = _this2$props$nextQuiz.quizId,
+        position = _this2$props$nextQuiz.position,
+        stimulusId = _this2$props$nextQuiz.stimulusId,
+        parentEntryId = _this2$props$nextQuiz.parentEntryId;
       if (!interactionTypeData) {
-        _this.props.createTempStimulus(quizId, position);
+        _this2.props.createTempStimulus(quizId, position);
       } else {
         var defaultInteractionData = interactionTypeData.getDefaultInteractionData();
         var scoringData = interactionTypeData.getDefaultScoringData(defaultInteractionData);
-        _this.props.createTempItem(quizId, position, {
+        _this2.props.createTempItem(quizId, position, {
           id: interactionTypeData.id,
           interactionData: defaultInteractionData,
           itemBody: interactionTypeData.itemBody,
           properties: interactionTypeData.defaultProperties,
           scoringAlgorithm: interactionTypeData.scoringAlgorithmDefault,
           scoringData: scoringData,
-          userResponseType: (0, _first.default)(interactionTypeData.userResponseTypeOptions)
+          userResponseType: (0, _first["default"])(interactionTypeData.userResponseTypeOptions)
         }, parentEntryId, stimulusId);
       }
-      _this.props.clearNextQuizEntry();
-    };
-    _this.createOrUpdateQuizEntry = function (itemData) {
-      var _this$props = _this.props,
-        workingEntry = _this$props.workingEntry,
-        workingQuizEntry = _this$props.workingQuizEntry,
-        quizEntry = _this$props.quizEntry,
-        shouldClone = _this$props.shouldClone;
+      _this2.props.clearNextQuizEntry();
+    });
+    (0, _defineProperty2["default"])(_this2, "createOrUpdateQuizEntry", function (itemData) {
+      var _this2$props = _this2.props,
+        workingEntry = _this2$props.workingEntry,
+        workingQuizEntry = _this2$props.workingQuizEntry,
+        quizEntry = _this2$props.quizEntry,
+        shouldClone = _this2$props.shouldClone;
       if (workingQuizEntry.isTemporary) {
-        return _this.props.createQuizEntry(_this.props.quizId, workingEntry.id === _quizCommon.TEMPORARY_ITEM_ID ? itemData.id : workingEntry.id, workingQuizEntry.entryType, workingQuizEntry.getProperties(), !_this.props.addContentPopoverOpen);
+        return _this2.props.createQuizEntry(_this2.props.quizId, workingEntry.id === _quizCommon.TEMPORARY_ITEM_ID ? itemData.id : workingEntry.id, workingQuizEntry.entryType, workingQuizEntry.getProperties(), !_this2.props.addContentPopoverOpen);
       } else if (shouldClone && (!quizEntry.isBankEntry || quizEntry.isArchivedBankEntry)) {
-        return _this.props.cloneQuizEntry(_this.props.quizId, workingQuizEntry.id, Object.assign({}, workingQuizEntry.toJS(), {
+        return _this2.props.cloneQuizEntry(_this2.props.quizId, workingQuizEntry.id, Object.assign({}, workingQuizEntry.toJS(), {
           entryId: itemData.id,
           entryType: quizEntry.isArchivedBankEntry ? quizEntry.getEntry().entryType : quizEntry.entryType
         }));
-      } else if (_this.props.quizEntry.hasModifications()) {
+      } else if (_this2.props.quizEntry.hasModifications()) {
         // if a quiz entry is a bank entry, item.id is not bank entry id
         // if a quiz entry is not a bank entry, item.id is entry id
         var entryId = quizEntry.isBankEntry ? workingQuizEntry.entry.get('id') : itemData.id;
-        return _this.props.updateQuizEntry(_this.props.quizId, workingQuizEntry.id, Object.assign({}, workingQuizEntry.toJS(), {
+        return _this2.props.updateQuizEntry(_this2.props.quizId, workingQuizEntry.id, Object.assign({}, workingQuizEntry.toJS(), {
           entryId: entryId
         }));
       }
-      return Promise.resolve(_this.props.quizEntry);
-    };
-    _this.handleApiErrors = /*#__PURE__*/function () {
-      var _ref = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(fetcherError) {
-        return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                if (!fetcherError.validationErrorsFromApi) {
-                  _context.next = 4;
-                  break;
-                }
-                _this.props.handleValidationErrorsFromApi(fetcherError.validationErrorsFromApi);
-                _context.next = 5;
+      return Promise.resolve(_this2.props.quizEntry);
+    });
+    (0, _defineProperty2["default"])(_this2, "handleApiErrors", /*#__PURE__*/function () {
+      var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(fetcherError) {
+        return _regenerator["default"].wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              if (!fetcherError.validationErrorsFromApi) {
+                _context.next = 4;
                 break;
-              case 4:
-                throw fetcherError;
-              case 5:
-              case "end":
-                return _context.stop();
-            }
+              }
+              _this2.props.handleValidationErrorsFromApi(fetcherError.validationErrorsFromApi);
+              _context.next = 5;
+              break;
+            case 4:
+              throw fetcherError;
+            case 5:
+            case "end":
+              return _context.stop();
           }
         }, _callee);
       }));
       return function (_x) {
         return _ref.apply(this, arguments);
       };
-    }();
-    _this.successfulSubmit = /*#__PURE__*/(0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee2() {
+    }());
+    (0, _defineProperty2["default"])(_this2, "successfulSubmit", /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
       var itemData;
-      return _regenerator.default.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              _this.setState({
-                canSubmit: false
-              });
-              _context2.prev = 1;
-              _context2.next = 4;
-              return _this.createOrUpdateItem();
-            case 4:
-              itemData = _context2.sent;
-              _context2.next = 7;
-              return _this.createOrUpdateQuizEntry(itemData);
-            case 7:
-              _context2.next = 14;
-              break;
-            case 9:
-              _context2.prev = 9;
-              _context2.t0 = _context2["catch"](1);
-              _this.setState({
-                canSubmit: true
-              });
-              _this.handleApiErrors(_context2.t0);
-              // When reached, this is always a validation error
-              return _context2.abrupt("return", _quizCommon.API_INPUT_VALIDATION_ERROR);
-            case 14:
-              _this.props.hideError(_this.props.guid);
-              if (_this.props.shouldClone) {
-                _this.props.openRegradeModal();
-              }
-              _this.clearModifications();
-              if (_this.props.nextQuizEntry) {
-                _this.createNextQuizEntry();
-              }
-              // Delay the switchOffEditing call to prevents the focus from incorrectly
-              // jumping back to the previous question during the transition between questions.
-              setTimeout(function () {
-                _this.props.switchOffEditing();
-              });
-            case 19:
-            case "end":
-              return _context2.stop();
-          }
+      return _regenerator["default"].wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _this2.setState({
+              canSubmit: false
+            });
+            _context2.prev = 1;
+            _context2.next = 4;
+            return _this2.createOrUpdateItem();
+          case 4:
+            itemData = _context2.sent;
+            _context2.next = 7;
+            return _this2.createOrUpdateQuizEntry(itemData);
+          case 7:
+            _context2.next = 14;
+            break;
+          case 9:
+            _context2.prev = 9;
+            _context2.t0 = _context2["catch"](1);
+            _this2.setState({
+              canSubmit: true
+            });
+            _this2.handleApiErrors(_context2.t0);
+            // When reached, this is always a validation error
+            return _context2.abrupt("return", _quizCommon.API_INPUT_VALIDATION_ERROR);
+          case 14:
+            _this2.props.hideError(_this2.props.guid);
+            if (_this2.props.shouldClone) {
+              _this2.props.openRegradeModal();
+            }
+            _this2.clearModifications();
+            if (_this2.props.nextQuizEntry) {
+              _this2.createNextQuizEntry();
+            }
+            // Delay the switchOffEditing call to prevents the focus from incorrectly
+            // jumping back to the previous question during the transition between questions.
+            setTimeout(function () {
+              _this2.props.switchOffEditing();
+            });
+          case 19:
+          case "end":
+            return _context2.stop();
         }
       }, _callee2, null, [[1, 9]]);
-    }));
-    _this.clearChanges = function () {
-      var fromCancel = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
-      _this.props.clearValidationErrorsFromApi(_quizCommon.CLEAR_ALL_INPUT_VALIDATION_ERRORS);
-      _this.clearModifications();
-      if (_this.props.quizEntry.isTemporary) {
-        _this.props.clearTemporaryItem(_this.props.quizId);
+    })));
+    (0, _defineProperty2["default"])(_this2, "clearChanges", function () {
+      var fromCancel = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+      _this2.props.clearValidationErrorsFromApi(_quizCommon.CLEAR_ALL_INPUT_VALIDATION_ERRORS);
+      _this2.clearModifications();
+      if (_this2.props.quizEntry.isTemporary) {
+        _this2.props.clearTemporaryItem(_this2.props.quizId);
         if (fromCancel) {
-          _this.props.setUi(_quizCommon.DELETED_QUIZ_ENTRY, {
-            position: Math.ceil(_this.props.quizEntry.position),
-            inStimulus: _this.props.quizEntry.hasStimulus
+          _this2.props.setUi(_quizCommon.DELETED_QUIZ_ENTRY, {
+            position: Math.ceil(_this2.props.quizEntry.position),
+            inStimulus: _this2.props.quizEntry.hasStimulus
           });
         }
       }
-    };
-    _this.handleAddToBankContinue = function () {
-      if (_this.props.workingQuizEntry.isTemporary) {
-        _this.setState({
+    });
+    (0, _defineProperty2["default"])(_this2, "handleAddToBankContinue", function () {
+      if (_this2.props.workingQuizEntry.isTemporary) {
+        _this2.setState({
           canSubmit: false
         });
       }
-    };
-    _this.handleAddToBank = function (bankEntry) {
-      var workingQuizEntry = _this.props.workingQuizEntry;
+    });
+    (0, _defineProperty2["default"])(_this2, "handleAddToBank", function (bankEntry) {
+      var workingQuizEntry = _this2.props.workingQuizEntry;
       if (workingQuizEntry.isTemporary) {
-        _this.props.createQuizEntry(_this.props.quizId, bankEntry.id, 'BankEntry', workingQuizEntry.getProperties());
-        _this.props.clearTemporaryItem(_this.props.quizId);
-        _this.clearModifications();
-        _this.props.switchOffEditing();
-      } else if (_this.props.shouldClone) {
-        _this.props.cloneQuizEntry(_this.props.quizId, workingQuizEntry.id, Object.assign({}, workingQuizEntry.toJS(), {
+        _this2.props.createQuizEntry(_this2.props.quizId, bankEntry.id, 'BankEntry', workingQuizEntry.getProperties());
+        _this2.props.clearTemporaryItem(_this2.props.quizId);
+        _this2.clearModifications();
+        _this2.props.switchOffEditing();
+      } else if (_this2.props.shouldClone) {
+        _this2.props.cloneQuizEntry(_this2.props.quizId, workingQuizEntry.id, Object.assign({}, workingQuizEntry.toJS(), {
           entryId: bankEntry.id,
           entryType: 'BankEntry'
         }));
       } else {
-        _this.props.updateQuizEntry(_this.props.quizId, workingQuizEntry.id, {
+        _this2.props.updateQuizEntry(_this2.props.quizId, workingQuizEntry.id, {
           entryId: bankEntry.id,
           entryType: 'BankEntry'
         });
       }
-    };
-    _this.getEntryForBank = function () {
-      var _this$props2 = _this.props,
-        entry = _this$props2.entry,
-        workingEntry = _this$props2.workingEntry,
-        quizId = _this$props2.quizId,
-        shouldClone = _this$props2.shouldClone;
+    });
+    (0, _defineProperty2["default"])(_this2, "getEntryForBank", function () {
+      var _this2$props2 = _this2.props,
+        entry = _this2$props2.entry,
+        workingEntry = _this2$props2.workingEntry,
+        quizId = _this2$props2.quizId,
+        shouldClone = _this2$props2.shouldClone;
       if (entry.isTemporary()) {
-        return _this.props.createItem(workingEntry, quizId, _quizCommon.PARENT_TYPE_ADDING_TO_BANK);
+        return _this2.props.createItem(workingEntry, quizId, _quizCommon.PARENT_TYPE_ADDING_TO_BANK);
       } else if (entry.hasModifications()) {
         if (shouldClone) {
-          return _this.props.createItem(workingEntry, quizId);
+          return _this2.props.createItem(workingEntry, quizId);
         } else {
-          return _this.props.updateItem(workingEntry, quizId);
+          return _this2.props.updateItem(workingEntry, quizId);
         }
       } else {
         return Promise.resolve(entry);
       }
-    };
-    _this.connectDragSource = function (dragHandle) {
-      return _this.props.connectDragSource(dragHandle);
-    };
-    _this.clearModifications = function () {
-      _this.props.clearModifications('items', _this.props.entry.id);
-      _this.props.clearModifications('quizEntries', _this.props.quizEntry.id);
-    };
-    _this.shouldDisableSubmit = function () {
-      return Boolean(!_this.state.canSubmit || _this.props.haveValidationErrorsFromApi);
-    };
-    _this.renderDraggable = function () {
-      var _this$props3 = _this.props,
-        connectDragPreview = _this$props3.connectDragPreview,
-        draggingOver = _this$props3.draggingOver,
-        draggingAboveHalf = _this$props3.draggingAboveHalf;
+    });
+    (0, _defineProperty2["default"])(_this2, "connectDragSource", function (dragHandle) {
+      return _this2.props.connectDragSource(dragHandle);
+    });
+    (0, _defineProperty2["default"])(_this2, "clearModifications", function () {
+      _this2.props.clearModifications('items', _this2.props.entry.id);
+      _this2.props.clearModifications('quizEntries', _this2.props.quizEntry.id);
+    });
+    (0, _defineProperty2["default"])(_this2, "shouldDisableSubmit", function () {
+      return Boolean(!_this2.state.canSubmit || _this2.props.haveValidationErrorsFromApi);
+    });
+    (0, _defineProperty2["default"])(_this2, "renderDraggable", function () {
+      var _this2$props3 = _this2.props,
+        connectDragPreview = _this2$props3.connectDragPreview,
+        draggingOver = _this2$props3.draggingOver,
+        draggingAboveHalf = _this2$props3.draggingAboveHalf;
       var propsForDnDZone = {
         draggingOver: draggingOver,
         draggingAboveHalf: draggingAboveHalf
       };
-      return (0, _emotion.jsx)("div", null, (0, _emotion.jsx)(_index2.default, Object.assign({}, propsForDnDZone, {
+      return (0, _emotion.jsx)("div", null, (0, _emotion.jsx)(_DragAndDropZone["default"], Object.assign({}, propsForDnDZone, {
         location: "above"
-      })), connectDragPreview(_this.renderForm()), (0, _emotion.jsx)(_index2.default, Object.assign({}, propsForDnDZone, {
+      })), connectDragPreview(_this2.renderForm()), (0, _emotion.jsx)(_DragAndDropZone["default"], Object.assign({}, propsForDnDZone, {
         location: "below"
       })));
-    };
-    return _this;
+    });
+    return _this2;
   }
-  (0, _createClass2.default)(QuizEntryEdit, [{
+  (0, _inherits2["default"])(QuizEntryEdit, _Component);
+  return (0, _createClass2["default"])(QuizEntryEdit, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.onEditQuizEntryToggle(this.props.quizEntry.id);
@@ -316,8 +328,8 @@ var QuizEntryEdit = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
     value: function renderFooter() {
       var isItemOrBankEntry = this.props.quizEntry.isItem || this.props.quizEntry.isBankEntry;
       if (!(isItemOrBankEntry || this.props.disabledForRegrade)) return;
-      var footerProps = (0, _pick.default)(this.props, ['alternativeRightFooter', 'changeQuizEntryPoints', 'clearTemporaryItem', 'displayPosition', 'entry', 'guid', 'initialFocusId', 'itemEditArea', 'openModal', 'quizEntry', 'setUi', 'shouldClone', 'workingQuizEntry']);
-      return (0, _emotion.jsx)(_index4.default, Object.assign({
+      var footerProps = (0, _pick["default"])(this.props, ['alternativeRightFooter', 'changeQuizEntryPoints', 'clearTemporaryItem', 'displayPosition', 'entry', 'guid', 'initialFocusId', 'itemEditArea', 'openModal', 'quizEntry', 'setUi', 'shouldClone', 'workingQuizEntry']);
+      return (0, _emotion.jsx)(_Footer["default"], Object.assign({
         clearChanges: this.clearChanges,
         isValid: this.isValid(),
         successfulSubmit: this.successfulSubmit,
@@ -328,8 +340,8 @@ var QuizEntryEdit = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
     key: "renderAddToBankModal",
     value: function renderAddToBankModal() {
       if (!this.props.quizEntry.isItem) return;
-      return (0, _emotion.jsx)(_index.default, {
-        label: (0, _formatMessage.default)('Add to an Item Bank'),
+      return (0, _emotion.jsx)(_AddToBankModal["default"], {
+        label: (0, _formatMessage["default"])('Add to an Item Bank'),
         onContinue: this.handleAddToBankContinue,
         onAdd: this.handleAddToBank,
         getEntry: this.getEntryForBank,
@@ -342,8 +354,8 @@ var QuizEntryEdit = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
   }, {
     key: "renderHeader",
     value: function renderHeader() {
-      var headerProps = (0, _pick.default)(this.props, ['changeItemTitle', 'clearModifications', 'clearTemporaryItem', 'connectDragSource', 'createTempItem', 'disabledForRegrade', 'displayPosition', 'entry', 'guid', 'hideError', 'initialFocusId', 'name', 'newActiveBank', 'quizEntries', 'quizEntry', 'quizId', 'removeQuizEntry', 'richFITBEnabled', 'richFITBInteractionID', 'screenreaderNotification', 'setUi', 'shouldClone', 'showError', 'withConfirm', 'workingEntry', 'workingQuizEntry']);
-      return (0, _emotion.jsx)(_index3.default, Object.assign({
+      var headerProps = (0, _pick["default"])(this.props, ['changeItemTitle', 'clearModifications', 'clearTemporaryItem', 'connectDragSource', 'createTempItem', 'disabledForRegrade', 'displayPosition', 'entry', 'guid', 'hideError', 'initialFocusId', 'name', 'newActiveBank', 'quizEntries', 'quizEntry', 'quizId', 'removeQuizEntry', 'richFITBEnabled', 'richFITBInteractionID', 'screenreaderNotification', 'setUi', 'shouldClone', 'showError', 'withConfirm', 'workingEntry', 'workingQuizEntry']);
+      return (0, _emotion.jsx)(_Header["default"], Object.assign({
         isValid: this.isValid(),
         successfulSubmit: this.successfulSubmit,
         disableSubmit: this.shouldDisableSubmit()
@@ -362,85 +374,83 @@ var QuizEntryEdit = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
   }, {
     key: "render",
     value: function render() {
-      return (0, _emotion.jsx)(_react.default.Fragment, null, (0, _emotion.jsx)(_emotion.Global, {
+      return (0, _emotion.jsx)(_react["default"].Fragment, null, (0, _emotion.jsx)(_emotion.Global, {
         styles: this.props.styles.globalStyles
       }), this.props.disabledForRegrade ? this.renderForm() : this.renderDraggable());
     }
   }]);
-  QuizEntryEdit.displayName = "QuizEntryEdit";
-  return QuizEntryEdit;
-}(_react.Component), _QuizEntryEdit.displayName = 'QuizEntryEdit', _QuizEntryEdit.componentId = "Quizzes".concat(_QuizEntryEdit.displayName), _QuizEntryEdit.propTypes = {
-  addContentPopoverOpen: _propTypes.default.bool.isRequired,
-  alternativeRightFooter: _propTypes.default.func,
-  appContainer: _CustomPropTypes.default.selectors.isRequired,
-  changeItemTitle: _propTypes.default.func.isRequired,
+}(_react.Component), (0, _defineProperty2["default"])(_QuizEntryEdit, "displayName", 'QuizEntryEdit'), (0, _defineProperty2["default"])(_QuizEntryEdit, "componentId", "Quizzes".concat(_QuizEntryEdit.displayName)), (0, _defineProperty2["default"])(_QuizEntryEdit, "propTypes", {
+  addContentPopoverOpen: _propTypes["default"].bool.isRequired,
+  alternativeRightFooter: _propTypes["default"].func,
+  appContainer: _CustomPropTypes["default"].selectors.isRequired,
+  changeItemTitle: _propTypes["default"].func.isRequired,
   // from connected component
-  changeQuizEntryPoints: _propTypes.default.func.isRequired,
+  changeQuizEntryPoints: _propTypes["default"].func.isRequired,
   // from connected component
-  children: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.node), _propTypes.default.node]),
-  clearModifications: _propTypes.default.func.isRequired,
+  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]),
+  clearModifications: _propTypes["default"].func.isRequired,
   // from connected component
-  clearNextQuizEntry: _propTypes.default.func.isRequired,
+  clearNextQuizEntry: _propTypes["default"].func.isRequired,
   // from connected component
-  clearTemporaryItem: _propTypes.default.func.isRequired,
+  clearTemporaryItem: _propTypes["default"].func.isRequired,
   // from connected component
-  cloneQuizEntry: _propTypes.default.func.isRequired,
+  cloneQuizEntry: _propTypes["default"].func.isRequired,
   // from connected component
-  clearValidationErrorsFromApi: _propTypes.default.func.isRequired,
-  connectDragPreview: _propTypes.default.func.isRequired,
+  clearValidationErrorsFromApi: _propTypes["default"].func.isRequired,
+  connectDragPreview: _propTypes["default"].func.isRequired,
   // inserted from React DnD
-  connectDragSource: _propTypes.default.func.isRequired,
+  connectDragSource: _propTypes["default"].func.isRequired,
   // inserted from React DnD
-  createItem: _propTypes.default.func.isRequired,
+  createItem: _propTypes["default"].func.isRequired,
   // from connected component
-  createTempItem: _propTypes.default.func.isRequired,
+  createTempItem: _propTypes["default"].func.isRequired,
   // from connected component
-  createTempStimulus: _propTypes.default.func.isRequired,
+  createTempStimulus: _propTypes["default"].func.isRequired,
   // from connected component
-  createQuizEntry: _propTypes.default.func.isRequired,
+  createQuizEntry: _propTypes["default"].func.isRequired,
   // from connected component
-  disabledForRegrade: _propTypes.default.bool,
-  displayPosition: _propTypes.default.number.isRequired,
-  draggingAboveHalf: _propTypes.default.bool.isRequired,
-  draggingOver: _propTypes.default.bool.isRequired,
-  entry: _reactImmutableProptypes.default.record.isRequired,
-  guid: _propTypes.default.string.isRequired,
-  handleValidationErrorsFromApi: _propTypes.default.func.isRequired,
-  haveValidationErrorsFromApi: _propTypes.default.bool,
-  hideError: _propTypes.default.func.isRequired,
+  disabledForRegrade: _propTypes["default"].bool,
+  displayPosition: _propTypes["default"].number.isRequired,
+  draggingAboveHalf: _propTypes["default"].bool.isRequired,
+  draggingOver: _propTypes["default"].bool.isRequired,
+  entry: _reactImmutableProptypes["default"].record.isRequired,
+  guid: _propTypes["default"].string.isRequired,
+  handleValidationErrorsFromApi: _propTypes["default"].func.isRequired,
+  haveValidationErrorsFromApi: _propTypes["default"].bool,
+  hideError: _propTypes["default"].func.isRequired,
   // from connected component
-  initialFocusId: _propTypes.default.string,
-  isOccluded: _propTypes.default.bool,
-  itemEditArea: _propTypes.default.object,
-  name: _propTypes.default.string,
-  newActiveBank: _propTypes.default.func,
-  nextQuizEntry: _reactImmutableProptypes.default.map,
-  openRegradeModal: _propTypes.default.func.isRequired,
-  quizEntries: _reactImmutableProptypes.default.listOf(_reactImmutableProptypes.default.record).isRequired,
-  onEditQuizEntryToggle: _propTypes.default.func,
-  openModal: _propTypes.default.func.isRequired,
-  quizEntry: _reactImmutableProptypes.default.record.isRequired,
-  quizId: _propTypes.default.string.isRequired,
-  removeQuizEntry: _propTypes.default.func.isRequired,
+  initialFocusId: _propTypes["default"].string,
+  isOccluded: _propTypes["default"].bool,
+  itemEditArea: _propTypes["default"].object,
+  name: _propTypes["default"].string,
+  newActiveBank: _propTypes["default"].func,
+  nextQuizEntry: _reactImmutableProptypes["default"].map,
+  openRegradeModal: _propTypes["default"].func.isRequired,
+  quizEntries: _reactImmutableProptypes["default"].listOf(_reactImmutableProptypes["default"].record).isRequired,
+  onEditQuizEntryToggle: _propTypes["default"].func,
+  openModal: _propTypes["default"].func.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,
+  richFITBEnabled: _propTypes["default"].bool,
+  richFITBInteractionID: _propTypes["default"].string,
+  screenreaderNotification: _propTypes["default"].func.isRequired,
   // from connected component
-  setUi: _propTypes.default.func.isRequired,
-  shouldClone: _propTypes.default.bool,
-  showError: _propTypes.default.func.isRequired,
+  setUi: _propTypes["default"].func.isRequired,
+  shouldClone: _propTypes["default"].bool,
+  showError: _propTypes["default"].func.isRequired,
   // from connected component
-  switchOffEditing: _propTypes.default.func.isRequired,
-  updateQuizEntry: _propTypes.default.func.isRequired,
+  switchOffEditing: _propTypes["default"].func.isRequired,
+  updateQuizEntry: _propTypes["default"].func.isRequired,
   // from connected component
-  updateItem: _propTypes.default.func.isRequired,
+  updateItem: _propTypes["default"].func.isRequired,
   // from connected component
-  withConfirm: _propTypes.default.func.isRequired,
-  workingEntry: _reactImmutableProptypes.default.record.isRequired,
-  workingQuizEntry: _reactImmutableProptypes.default.record.isRequired,
-  styles: _propTypes.default.object
-}, _QuizEntryEdit.defaultProps = {
+  withConfirm: _propTypes["default"].func.isRequired,
+  workingEntry: _reactImmutableProptypes["default"].record.isRequired,
+  workingQuizEntry: _reactImmutableProptypes["default"].record.isRequired,
+  styles: _propTypes["default"].object
+}), (0, _defineProperty2["default"])(_QuizEntryEdit, "defaultProps", {
   alternativeRightFooter: null,
   children: null,
   disabledForRegrade: false,
@@ -455,10 +465,7 @@ var QuizEntryEdit = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
   richFITBEnabled: false,
   richFITBInteractionID: '',
   shouldClone: false
-}, _QuizEntryEdit)) || _class);
-var UndecoratedQuizEntryEdit = QuizEntryEdit;
-exports.UndecoratedQuizEntryEdit = UndecoratedQuizEntryEdit;
-var QuizEntryEditRaw = (0, _componentWithOutsideClickEmotion.default)(QuizEntryEdit);
-exports.QuizEntryEditRaw = QuizEntryEditRaw;
-var _default = (0, _reactDnd.DragSource)(_dragAndDropUtils.ItemTypes.QUIZ_ENTRY, _dragAndDropUtils.dragSource, _dragAndDropUtils.collectDrag)(QuizEntryEditRaw);
-exports.default = _default;
+}), _QuizEntryEdit)) || _class);
+var UndecoratedQuizEntryEdit = exports.UndecoratedQuizEntryEdit = QuizEntryEdit;
+var QuizEntryEditRaw = exports.QuizEntryEditRaw = (0, _componentWithOutsideClickEmotion["default"])(QuizEntryEdit);
+var _default = exports["default"] = (0, _reactDnd.DragSource)(_dragAndDropUtils.ItemTypes.QUIZ_ENTRY, _dragAndDropUtils.dragSource, _dragAndDropUtils.collectDrag)(QuizEntryEditRaw);