@instructure/quiz-core 21.1.1 → 22.0.0

package/lib/common/components/resources/stimulus/StimulusEdit/presenter.js

@@ -4,13 +4,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.StimulusEdit = void 0;
+exports["default"] = exports.StimulusEdit = 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"));
@@ -23,252 +25,261 @@ var _emotion = require("@instructure/emotion");
 var _uiText = require("@instructure/ui-text");
 var _uiView = require("@instructure/ui-view");
 var _quizCommon = require("@instructure/quiz-common");
-var _warningHelpers = require("../../../../util/warningHelpers.js");
-var _index = _interopRequireDefault(require("../../../../../banks/components/AddToBankModal/index.js"));
-var _index2 = _interopRequireDefault(require("../../../../../building/components/resources/AddToBankOptions/index.js"));
-var _index3 = _interopRequireDefault(require("../../WarningWrapper/index.js"));
-var _CustomPropTypes = _interopRequireDefault(require("../../../../../common/util/CustomPropTypes.js"));
-var _clickHandlers = require("../../../../../common/util/clickHandlers.js");
-var _index4 = _interopRequireDefault(require("../StimulusShowInfo/index.js"));
-var _index5 = _interopRequireDefault(require("../StimulusEditInfo/index.js"));
-var _componentWithOutsideClickEmotion = _interopRequireDefault(require("../../../shared/functionality/componentWithOutsideClickEmotion.js"));
-var _index6 = _interopRequireDefault(require("../../../../../building/components/resources/ActionButtons/index.js"));
-var _styles = _interopRequireDefault(require("./styles.js"));
-var _theme = _interopRequireDefault(require("./theme.js"));
+var _warningHelpers = require("../../../../util/warningHelpers");
+var _AddToBankModal = _interopRequireDefault(require("../../../../../banks/components/AddToBankModal"));
+var _AddToBankOptions = _interopRequireDefault(require("../../../../../building/components/resources/AddToBankOptions"));
+var _WarningWrapper = _interopRequireDefault(require("../../WarningWrapper"));
+var _CustomPropTypes = _interopRequireDefault(require("../../../../../common/util/CustomPropTypes"));
+var _clickHandlers = require("../../../../../common/util/clickHandlers");
+var _StimulusShowInfo = _interopRequireDefault(require("../StimulusShowInfo"));
+var _StimulusEditInfo = _interopRequireDefault(require("../StimulusEditInfo"));
+var _componentWithOutsideClickEmotion = _interopRequireDefault(require("../../../shared/functionality/componentWithOutsideClickEmotion"));
+var _ActionButtons = _interopRequireDefault(require("../../../../../building/components/resources/ActionButtons"));
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _dec, _class, _StimulusEdit;
 /** @jsx jsx */
-var StimulusEdit = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_StimulusEdit = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(StimulusEdit, _Component);
-  var _super = (0, _createSuper2.default)(StimulusEdit);
+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 StimulusEdit = exports.StimulusEdit = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_StimulusEdit = /*#__PURE__*/function (_Component) {
   function StimulusEdit() {
-    var _this;
-    (0, _classCallCheck2.default)(this, StimulusEdit);
+    var _this2;
+    (0, _classCallCheck2["default"])(this, StimulusEdit);
     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, StimulusEdit, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "state", {
       canSubmit: true
-    };
-    _this.clearModifications = function () {
-      _this.props.clearModifications('stimuli', _this.props.stimulus.id);
-      _this.props.clearModifications('quizEntries', _this.props.quizEntry.id);
-      if (_this.props.stimulus.isTemporary()) {
-        _this.props.clearTemporaryStimulus(_this.props.quizId);
+    });
+    (0, _defineProperty2["default"])(_this2, "clearModifications", function () {
+      _this2.props.clearModifications('stimuli', _this2.props.stimulus.id);
+      _this2.props.clearModifications('quizEntries', _this2.props.quizEntry.id);
+      if (_this2.props.stimulus.isTemporary()) {
+        _this2.props.clearTemporaryStimulus(_this2.props.quizId);
       }
-    };
-    _this.onCancel = function (e) {
-      _this.props.hideError(_this.props.guid);
-      _this.props.switchOffEditing();
-      _this.clearModifications();
-      _this.props.setUi(_quizCommon.SHOULD_CLONE_ITEM, false);
-    };
-    _this.handleDeleteTemporary = function () {
-      var isPassage = _this.isPassage();
-      _this.props.withConfirm(function () {
-        _this.onCancel();
-        _this.props.setUi(_quizCommon.DELETED_QUIZ_ENTRY, {
-          position: Math.ceil(_this.props.quizEntry.position),
+    });
+    (0, _defineProperty2["default"])(_this2, "onCancel", function (e) {
+      _this2.props.hideError(_this2.props.guid);
+      _this2.props.switchOffEditing();
+      _this2.clearModifications();
+      _this2.props.setUi(_quizCommon.SHOULD_CLONE_ITEM, false);
+    });
+    (0, _defineProperty2["default"])(_this2, "handleDeleteTemporary", function () {
+      var isPassage = _this2.isPassage();
+      _this2.props.withConfirm(function () {
+        _this2.onCancel();
+        _this2.props.setUi(_quizCommon.DELETED_QUIZ_ENTRY, {
+          position: Math.ceil(_this2.props.quizEntry.position),
           inStimulus: false
         });
       }, {
-        title: isPassage ? (0, _formatMessage.default)('Confirm Passage Removal') : (0, _formatMessage.default)('Confirm Stimulus Removal'),
-        text: isPassage ? (0, _formatMessage.default)('Are you sure you want to remove this passage?') : (0, _formatMessage.default)('Are you sure you want to remove this stimulus?'),
-        continueText: isPassage ? (0, _formatMessage.default)('Remove Passage') : (0, _formatMessage.default)('Remove Stimulus'),
-        cancelText: isPassage ? (0, _formatMessage.default)('Keep Passage ') : (0, _formatMessage.default)('Keep Stimulus'),
+        title: isPassage ? (0, _formatMessage["default"])('Confirm Passage Removal') : (0, _formatMessage["default"])('Confirm Stimulus Removal'),
+        text: isPassage ? (0, _formatMessage["default"])('Are you sure you want to remove this passage?') : (0, _formatMessage["default"])('Are you sure you want to remove this stimulus?'),
+        continueText: isPassage ? (0, _formatMessage["default"])('Remove Passage') : (0, _formatMessage["default"])('Remove Stimulus'),
+        cancelText: isPassage ? (0, _formatMessage["default"])('Keep Passage ') : (0, _formatMessage["default"])('Keep Stimulus'),
         automationPrefix: isPassage ? 'passage' : 'stimulus'
       });
-    };
-    _this.handleDeleteStimulus = function () {
-      if (_this.props.stimulus.isTemporary()) {
-        _this.handleDeleteTemporary();
+    });
+    (0, _defineProperty2["default"])(_this2, "handleDeleteStimulus", function () {
+      if (_this2.props.stimulus.isTemporary()) {
+        _this2.handleDeleteTemporary();
       } else {
-        _this.props.openDeleteStimulusModal();
+        _this2.props.openDeleteStimulusModal();
       }
-    };
-    _this.handleStimulusCreated = /*#__PURE__*/function () {
-      var _ref = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(stimulusData) {
-        var _this$props, quizId, quizEntry, mods;
-        return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _this$props = _this.props, quizId = _this$props.quizId, quizEntry = _this$props.quizEntry;
-                mods = Object.assign({}, quizEntry.toJS(), {
-                  entryId: stimulusData.id,
-                  entryType: 'Stimulus'
-                });
-                _context.next = 4;
-                return _this.props.updateQuizEntry(quizId, quizEntry.id, mods);
-              case 4:
-                _this.props.getQuizEntries(quizId);
-              case 5:
-              case "end":
-                return _context.stop();
-            }
+    });
+    (0, _defineProperty2["default"])(_this2, "handleStimulusCreated", /*#__PURE__*/function () {
+      var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(stimulusData) {
+        var _this2$props, quizId, quizEntry, mods;
+        return _regenerator["default"].wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _this2$props = _this2.props, quizId = _this2$props.quizId, quizEntry = _this2$props.quizEntry;
+              mods = Object.assign({}, quizEntry.toJS(), {
+                entryId: stimulusData.id,
+                entryType: 'Stimulus'
+              });
+              _context.next = 4;
+              return _this2.props.updateQuizEntry(quizId, quizEntry.id, mods);
+            case 4:
+              _this2.props.getQuizEntries(quizId);
+            case 5:
+            case "end":
+              return _context.stop();
           }
         }, _callee);
       }));
       return function (_x) {
         return _ref.apply(this, arguments);
       };
-    }();
-    _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;
+    }());
+    (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.onSubmit = /*#__PURE__*/function () {
-      var _ref2 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee2(e) {
-        var _this$props2, stimulus, workingStimulus, quizId, quizEntry, stimulusData;
-        return _regenerator.default.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                _this$props2 = _this.props, stimulus = _this$props2.stimulus, workingStimulus = _this$props2.workingStimulus, quizId = _this$props2.quizId, quizEntry = _this$props2.quizEntry;
-                if (workingStimulus.isValid()) {
-                  _context2.next = 8;
-                  break;
-                }
-                _context2.next = 4;
-                return _this.props.showError(_this.props.guid);
-              case 4:
-                _this.props.screenreaderNotification((0, _formatMessage.default)('Simulus not saved due to validation errors with the data.'));
-                _this.props.clearNextQuizEntry();
-                _this.focusFirstErrorField();
-                return _context2.abrupt("return");
-              case 8:
-                _this.setState({
-                  canSubmit: false
-                });
-                _this.props.hideError(_this.props.guid);
-                _context2.prev = 10;
-                if (!stimulus.isTemporary()) {
-                  _context2.next = 17;
-                  break;
-                }
-                _context2.next = 14;
-                return _this.props.createStimulusAndQuizEntry(quizId, workingStimulus.toJS(), quizEntry);
-              case 14:
-                _this.props.clearTemporaryStimulus(quizId);
-                _context2.next = 28;
+      _this2.props.clearNextQuizEntry();
+    });
+    (0, _defineProperty2["default"])(_this2, "onSubmit", /*#__PURE__*/function () {
+      var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(e) {
+        var _this2$props2, stimulus, workingStimulus, quizId, quizEntry, stimulusData;
+        return _regenerator["default"].wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              _this2$props2 = _this2.props, stimulus = _this2$props2.stimulus, workingStimulus = _this2$props2.workingStimulus, quizId = _this2$props2.quizId, quizEntry = _this2$props2.quizEntry;
+              if (workingStimulus.isValid()) {
+                _context2.next = 8;
                 break;
-              case 17:
-                if (!_this.props.shouldClone) {
-                  _context2.next = 26;
-                  break;
-                }
-                _context2.next = 20;
-                return _this.props.createStimulus(workingStimulus, _this.props.quizId, 'quiz', workingStimulus.id);
-              case 20:
-                stimulusData = _context2.sent;
-                _context2.next = 23;
-                return _this.handleStimulusCreated(stimulusData);
-              case 23:
-                _this.props.clearTemporaryStimulus(quizId);
-                _context2.next = 28;
+              }
+              _context2.next = 4;
+              return _this2.props.showError(_this2.props.guid);
+            case 4:
+              _this2.props.screenreaderNotification((0, _formatMessage["default"])('Simulus not saved due to validation errors with the data.'));
+              _this2.props.clearNextQuizEntry();
+              _this2.focusFirstErrorField();
+              return _context2.abrupt("return");
+            case 8:
+              _this2.setState({
+                canSubmit: false
+              });
+              _this2.props.hideError(_this2.props.guid);
+              _context2.prev = 10;
+              if (!stimulus.isTemporary()) {
+                _context2.next = 17;
                 break;
-              case 26:
-                _context2.next = 28;
-                return _this.props.updateStimulus(workingStimulus.toJS(), quizId);
-              case 28:
-                _context2.next = 34;
+              }
+              _context2.next = 14;
+              return _this2.props.createStimulusAndQuizEntry(quizId, workingStimulus.toJS(), quizEntry);
+            case 14:
+              _this2.props.clearTemporaryStimulus(quizId);
+              _context2.next = 28;
+              break;
+            case 17:
+              if (!_this2.props.shouldClone) {
+                _context2.next = 26;
                 break;
-              case 30:
-                _context2.prev = 30;
-                _context2.t0 = _context2["catch"](10);
-                _this.setState({
-                  canSubmit: true
-                });
-                throw _context2.t0;
-              case 34:
-                _this.afterSubmit();
-              case 35:
-              case "end":
-                return _context2.stop();
-            }
+              }
+              _context2.next = 20;
+              return _this2.props.createStimulus(workingStimulus, _this2.props.quizId, 'quiz', workingStimulus.id);
+            case 20:
+              stimulusData = _context2.sent;
+              _context2.next = 23;
+              return _this2.handleStimulusCreated(stimulusData);
+            case 23:
+              _this2.props.clearTemporaryStimulus(quizId);
+              _context2.next = 28;
+              break;
+            case 26:
+              _context2.next = 28;
+              return _this2.props.updateStimulus(workingStimulus.toJS(), quizId);
+            case 28:
+              _context2.next = 34;
+              break;
+            case 30:
+              _context2.prev = 30;
+              _context2.t0 = _context2["catch"](10);
+              _this2.setState({
+                canSubmit: true
+              });
+              throw _context2.t0;
+            case 34:
+              _this2.afterSubmit();
+            case 35:
+            case "end":
+              return _context2.stop();
           }
         }, _callee2, null, [[10, 30]]);
       }));
       return function (_x2) {
         return _ref2.apply(this, arguments);
       };
-    }();
-    _this.focusFirstErrorField = function () {
-      if (_this.stimulusEditArea) {
-        var editArea = _reactDom.default.findDOMNode(_this.stimulusEditArea);
+    }());
+    (0, _defineProperty2["default"])(_this2, "focusFirstErrorField", function () {
+      if (_this2.stimulusEditArea) {
+        var editArea = _reactDom["default"].findDOMNode(_this2.stimulusEditArea);
         var firstErrorField = editArea === null || editArea === void 0 ? void 0 : editArea.querySelector('[aria-invalid="true"]');
         firstErrorField && firstErrorField.focus();
       }
-    };
-    _this.handleRef = function (node) {
-      _this.stimulusEditArea = node;
-    };
-    _this.onSuccess = function (url) {
-      _this.props.setUploadStatus(_quizCommon.FILE_UPLOAD_SUCCESS);
-    };
-    _this.handleAddToBankContinue = function () {
-      _this.setState({
+    });
+    (0, _defineProperty2["default"])(_this2, "handleRef", function (node) {
+      _this2.stimulusEditArea = node;
+    });
+    (0, _defineProperty2["default"])(_this2, "onSuccess", function (url) {
+      _this2.props.setUploadStatus(_quizCommon.FILE_UPLOAD_SUCCESS);
+    });
+    (0, _defineProperty2["default"])(_this2, "handleAddToBankContinue", function () {
+      _this2.setState({
         canSubmit: false
       });
-    };
-    _this.handleAddToBank = function (bankEntry) {
-      if (_this.props.workingQuizEntry.isTemporary) {
-        _this.props.createQuizEntry(_this.props.quizId, bankEntry.id, 'BankEntry', _this.props.workingQuizEntry.getProperties());
-        _this.props.clearTemporaryStimulus(_this.props.quizId);
-        _this.clearModifications();
-        _this.props.switchOffEditing();
+    });
+    (0, _defineProperty2["default"])(_this2, "handleAddToBank", function (bankEntry) {
+      if (_this2.props.workingQuizEntry.isTemporary) {
+        _this2.props.createQuizEntry(_this2.props.quizId, bankEntry.id, 'BankEntry', _this2.props.workingQuizEntry.getProperties());
+        _this2.props.clearTemporaryStimulus(_this2.props.quizId);
+        _this2.clearModifications();
+        _this2.props.switchOffEditing();
       } else {
-        _this.props.updateQuizEntry(_this.props.quizId, _this.props.workingQuizEntry.id, {
+        _this2.props.updateQuizEntry(_this2.props.quizId, _this2.props.workingQuizEntry.id, {
           entryId: bankEntry.id,
           entryType: 'BankEntry'
         });
       }
-    };
-    _this.getEntryForBank = function () {
-      var _this$props3 = _this.props,
-        stimulus = _this$props3.stimulus,
-        workingStimulus = _this$props3.workingStimulus,
-        quizId = _this$props3.quizId,
-        shouldClone = _this$props3.shouldClone;
+    });
+    (0, _defineProperty2["default"])(_this2, "getEntryForBank", function () {
+      var _this2$props3 = _this2.props,
+        stimulus = _this2$props3.stimulus,
+        workingStimulus = _this2$props3.workingStimulus,
+        quizId = _this2$props3.quizId,
+        shouldClone = _this2$props3.shouldClone;
       if (stimulus.isTemporary()) {
-        return _this.props.createStimulus(workingStimulus, quizId);
+        return _this2.props.createStimulus(workingStimulus, quizId);
       } else if (stimulus.hasModifications()) {
         if (shouldClone) {
-          return _this.props.createStimulus(workingStimulus, quizId);
+          return _this2.props.createStimulus(workingStimulus, quizId);
         } else {
-          return _this.props.updateStimulus(workingStimulus, quizId);
+          return _this2.props.updateStimulus(workingStimulus, quizId);
         }
       } else {
         return Promise.resolve(stimulus);
       }
-    };
-    _this.setTitleRef = function (elem) {
-      _this.stimulusEditTitleRef = elem;
-    };
-    return _this;
+    });
+    (0, _defineProperty2["default"])(_this2, "setTitleRef", function (elem) {
+      _this2.stimulusEditTitleRef = elem;
+    });
+    return _this2;
   }
-  (0, _createClass2.default)(StimulusEdit, [{
+  (0, _inherits2["default"])(StimulusEdit, _Component);
+  return (0, _createClass2["default"])(StimulusEdit, [{
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       if (!this.props.nextQuizEntry) {
@@ -314,7 +325,7 @@ var StimulusEdit = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
       this.props.switchOffEditing();
       this.clearModifications();
       this.props.setUi(_quizCommon.SHOULD_CLONE_ITEM, false);
-      this.props.screenreaderNotification((0, _formatMessage.default)('Changes to stimulus saved.'));
+      this.props.screenreaderNotification((0, _formatMessage["default"])('Changes to stimulus saved.'));
       if (this.props.nextQuizEntry) {
         this.createNextQuizEntry();
       }
@@ -322,8 +333,8 @@ var StimulusEdit = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
   }, {
     key: "renderAddToBankModal",
     value: function renderAddToBankModal() {
-      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'),
         onAdd: this.handleAddToBank,
         onContinue: this.handleAddToBankContinue,
         getEntry: this.getEntryForBank,
@@ -343,10 +354,10 @@ var StimulusEdit = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
       }, paddingTopStyle), (0, _emotion.jsx)(_uiToggleDetails.ToggleDetails, {
         variant: "filled",
         key: "itemBanking",
-        summary: (0, _formatMessage.default)('Item Banking')
+        summary: (0, _formatMessage["default"])('Item Banking')
       }, (0, _emotion.jsx)("div", {
         css: this.props.styles.optionWrapper
-      }, (0, _emotion.jsx)(_index2.default, {
+      }, (0, _emotion.jsx)(_AddToBankOptions["default"], {
         displayPosition: this.props.displayPosition,
         entryType: this.props.quizEntry.entryType,
         focusFirstErrorField: this.focusFirstErrorField,
@@ -360,7 +371,7 @@ var StimulusEdit = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
   }, {
     key: "renderStimulusEdit",
     value: function renderStimulusEdit() {
-      var stimulusLabel = this.isPassage() ? (0, _formatMessage.default)('Passage') : (0, _formatMessage.default)('Stimulus');
+      var stimulusLabel = this.isPassage() ? (0, _formatMessage["default"])('Passage') : (0, _formatMessage["default"])('Stimulus');
       var automationPrefix = this.isPassage() ? 'passage' : 'stimulus';
       return (0, _emotion.jsx)("div", null, (0, _emotion.jsx)("div", {
         css: this.props.styles.stimulus,
@@ -370,7 +381,7 @@ var StimulusEdit = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
       }, (0, _emotion.jsx)(_uiText.Text, {
         size: "small",
         color: "secondary"
-      }, stimulusLabel), (0, _emotion.jsx)(_index6.default, {
+      }, stimulusLabel), (0, _emotion.jsx)(_ActionButtons["default"], {
         connectDragSource: this.props.connectDragSource,
         displayPosition: this.props.displayPosition,
         onDelete: this.handleDeleteStimulus,
@@ -381,7 +392,7 @@ var StimulusEdit = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
         shouldFocusOnMount: this.props.shouldFocusOnMount
       })), (0, _emotion.jsx)("div", {
         css: this.props.styles.stimulusContent
-      }, (0, _emotion.jsx)(_index5.default, {
+      }, (0, _emotion.jsx)(_StimulusEditInfo["default"], {
         errorsShowing: this.props.errorsShowing,
         guid: this.props.guid,
         stimulus: this.props.stimulus,
@@ -396,7 +407,7 @@ var StimulusEdit = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
         type: "button",
         onClick: this.onCancel,
         "data-automation": "sdk-".concat(automationPrefix, "-discardButton")
-      }, (0, _formatMessage.default)('Cancel'))), (0, _emotion.jsx)("div", {
+      }, (0, _formatMessage["default"])('Cancel'))), (0, _emotion.jsx)("div", {
         className: "submitButtonWrapper",
         css: this.props.styles.buttonWrapper
       }, (0, _emotion.jsx)(_uiButtons.Button, {
@@ -405,74 +416,70 @@ var StimulusEdit = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
         disabled: !this.state.canSubmit,
         onClick: this.onSubmit,
         "data-automation": "sdk-".concat(automationPrefix, "-done-button")
-      }, (0, _formatMessage.default)('Done')))));
+      }, (0, _formatMessage["default"])('Done')))));
     }
   }, {
     key: "render",
     value: function render() {
       this.stimulusEditInfoRef = null;
       if (this.props.isBankedContent) {
-        return (0, _emotion.jsx)(_index3.default, this.props.bankEntryWarningWrapperProps(), (0, _emotion.jsx)(_index4.default, this.props));
+        return (0, _emotion.jsx)(_WarningWrapper["default"], this.props.bankEntryWarningWrapperProps(), (0, _emotion.jsx)(_StimulusShowInfo["default"], this.props));
       }
-      var _this$props4 = this.props,
-        stimulus = _this$props4.stimulus,
-        quizEntry = _this$props4.quizEntry;
+      var _this$props = this.props,
+        stimulus = _this$props.stimulus,
+        quizEntry = _this$props.quizEntry;
       var needsWarning = stimulus.isImmutable() || quizEntry.isArchivedBankEntry;
       var propForWrapperFunc = quizEntry.isArchivedBankEntry ? _warningHelpers.propsForBankEntryVersioningWrapper : _warningHelpers.propsForStimulusVersioningWrapper;
-      var propsForStimulusVersioning = propForWrapperFunc(needsWarning, this.props.shouldClone, (0, _partial.default)(this.props.setUi, _quizCommon.SHOULD_CLONE_ITEM), this.props.switchOffEditing, true, quizEntry.isArchivedBankEntry ? 'info' : 'warning');
+      var propsForStimulusVersioning = propForWrapperFunc(needsWarning, this.props.shouldClone, (0, _partial["default"])(this.props.setUi, _quizCommon.SHOULD_CLONE_ITEM), this.props.switchOffEditing, true, quizEntry.isArchivedBankEntry ? 'info' : 'warning');
       var hasWarningWrapper = needsWarning && !this.props.shouldClone;
-      return (0, _emotion.jsx)(_index3.default, propsForStimulusVersioning, hasWarningWrapper ? (0, _emotion.jsx)(_index4.default, this.props) : this.renderStimulusEdit());
+      return (0, _emotion.jsx)(_WarningWrapper["default"], propsForStimulusVersioning, hasWarningWrapper ? (0, _emotion.jsx)(_StimulusShowInfo["default"], this.props) : this.renderStimulusEdit());
     }
   }]);
-  StimulusEdit.displayName = "StimulusEdit";
-  return StimulusEdit;
-}(_react.Component), _StimulusEdit.displayName = 'StimulusEdit', _StimulusEdit.componentId = "Quizzes".concat(_StimulusEdit.displayName), _StimulusEdit.propTypes = {
-  addContentPopoverOpen: _propTypes.default.bool.isRequired,
-  appContainer: _CustomPropTypes.default.selectors.isRequired,
-  bankEntryWarningWrapperProps: _propTypes.default.func,
-  clearModifications: _propTypes.default.func.isRequired,
-  clearNextQuizEntry: _propTypes.default.func.isRequired,
-  createTempItem: _propTypes.default.func.isRequired,
-  createTempStimulus: _propTypes.default.func.isRequired,
-  clearTemporaryStimulus: _propTypes.default.func.isRequired,
-  createQuizEntry: _propTypes.default.func.isRequired,
-  connectDragSource: _propTypes.default.func.isRequired,
-  createStimulus: _propTypes.default.func.isRequired,
-  createStimulusAndQuizEntry: _propTypes.default.func.isRequired,
-  displayPosition: _propTypes.default.number.isRequired,
-  errorsShowing: _propTypes.default.bool,
-  getQuizEntries: _propTypes.default.func.isRequired,
-  guid: _propTypes.default.string.isRequired,
-  hideError: _propTypes.default.func.isRequired,
-  isBankedContent: _propTypes.default.bool,
-  openModal: _propTypes.default.func.isRequired,
-  openDeleteStimulusModal: _propTypes.default.func.isRequired,
-  nextQuizEntry: _reactImmutableProptypes.default.map,
-  quizEntries: _reactImmutableProptypes.default.listOf(_reactImmutableProptypes.default.record).isRequired,
-  quizEntry: _reactImmutableProptypes.default.record.isRequired,
-  quizId: _propTypes.default.string.isRequired,
-  screenreaderNotification: _propTypes.default.func.isRequired,
-  setUi: _propTypes.default.func.isRequired,
-  setUploadStatus: _propTypes.default.func.isRequired,
-  shouldClone: _propTypes.default.bool.isRequired,
-  showError: _propTypes.default.func.isRequired,
-  stimulus: _reactImmutableProptypes.default.record.isRequired,
-  switchOnEditing: _propTypes.default.func.isRequired,
-  switchOffEditing: _propTypes.default.func.isRequired,
-  updateQuizEntry: _propTypes.default.func.isRequired,
-  updateStimulus: _propTypes.default.func.isRequired,
-  withConfirm: _propTypes.default.func.isRequired,
-  workingQuizEntry: _reactImmutableProptypes.default.record.isRequired,
-  workingStimulus: _reactImmutableProptypes.default.record.isRequired,
-  onEditToggle: _propTypes.default.func.isRequired,
-  shouldFocusOnMount: _propTypes.default.bool.isRequired,
-  styles: _propTypes.default.object
-}, _StimulusEdit.defaultProps = {
+}(_react.Component), (0, _defineProperty2["default"])(_StimulusEdit, "displayName", 'StimulusEdit'), (0, _defineProperty2["default"])(_StimulusEdit, "componentId", "Quizzes".concat(_StimulusEdit.displayName)), (0, _defineProperty2["default"])(_StimulusEdit, "propTypes", {
+  addContentPopoverOpen: _propTypes["default"].bool.isRequired,
+  appContainer: _CustomPropTypes["default"].selectors.isRequired,
+  bankEntryWarningWrapperProps: _propTypes["default"].func,
+  clearModifications: _propTypes["default"].func.isRequired,
+  clearNextQuizEntry: _propTypes["default"].func.isRequired,
+  createTempItem: _propTypes["default"].func.isRequired,
+  createTempStimulus: _propTypes["default"].func.isRequired,
+  clearTemporaryStimulus: _propTypes["default"].func.isRequired,
+  createQuizEntry: _propTypes["default"].func.isRequired,
+  connectDragSource: _propTypes["default"].func.isRequired,
+  createStimulus: _propTypes["default"].func.isRequired,
+  createStimulusAndQuizEntry: _propTypes["default"].func.isRequired,
+  displayPosition: _propTypes["default"].number.isRequired,
+  errorsShowing: _propTypes["default"].bool,
+  getQuizEntries: _propTypes["default"].func.isRequired,
+  guid: _propTypes["default"].string.isRequired,
+  hideError: _propTypes["default"].func.isRequired,
+  isBankedContent: _propTypes["default"].bool,
+  openModal: _propTypes["default"].func.isRequired,
+  openDeleteStimulusModal: _propTypes["default"].func.isRequired,
+  nextQuizEntry: _reactImmutableProptypes["default"].map,
+  quizEntries: _reactImmutableProptypes["default"].listOf(_reactImmutableProptypes["default"].record).isRequired,
+  quizEntry: _reactImmutableProptypes["default"].record.isRequired,
+  quizId: _propTypes["default"].string.isRequired,
+  screenreaderNotification: _propTypes["default"].func.isRequired,
+  setUi: _propTypes["default"].func.isRequired,
+  setUploadStatus: _propTypes["default"].func.isRequired,
+  shouldClone: _propTypes["default"].bool.isRequired,
+  showError: _propTypes["default"].func.isRequired,
+  stimulus: _reactImmutableProptypes["default"].record.isRequired,
+  switchOnEditing: _propTypes["default"].func.isRequired,
+  switchOffEditing: _propTypes["default"].func.isRequired,
+  updateQuizEntry: _propTypes["default"].func.isRequired,
+  updateStimulus: _propTypes["default"].func.isRequired,
+  withConfirm: _propTypes["default"].func.isRequired,
+  workingQuizEntry: _reactImmutableProptypes["default"].record.isRequired,
+  workingStimulus: _reactImmutableProptypes["default"].record.isRequired,
+  onEditToggle: _propTypes["default"].func.isRequired,
+  shouldFocusOnMount: _propTypes["default"].bool.isRequired,
+  styles: _propTypes["default"].object
+}), (0, _defineProperty2["default"])(_StimulusEdit, "defaultProps", {
   bankEntryWarningWrapperProps: function bankEntryWarningWrapperProps() {},
   errorsShowing: false,
   isBankedContent: false,
   nextQuizEntry: null
-}, _StimulusEdit)) || _class);
-exports.StimulusEdit = StimulusEdit;
-var _default = (0, _componentWithOutsideClickEmotion.default)(StimulusEdit);
-exports.default = _default;
+}), _StimulusEdit)) || _class);
+var _default = exports["default"] = (0, _componentWithOutsideClickEmotion["default"])(StimulusEdit);