@instructure/quiz-core 21.1.1 → 21.2.1

package/lib/banks/components/BankEntry/presenter.js

@@ -4,13 +4,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.BankEntry = void 0;
+exports["default"] = exports.BankEntry = 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 _reactDom = _interopRequireDefault(require("react-dom"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -29,51 +31,50 @@ var _uiHeading = require("@instructure/ui-heading");
 var _uiIcons = require("@instructure/ui-icons");
 var _uiA11yContent = require("@instructure/ui-a11y-content");
 var _emotion = require("@instructure/emotion");
-var _index = require("../HeaderBreadCrumb/index.js");
-var _index2 = _interopRequireDefault(require("../../../common/components/resources/entry/EntrySave/index.js"));
-var _index3 = _interopRequireDefault(require("../../../common/components/resources/item/ItemEdit/index.js"));
-var _index4 = _interopRequireDefault(require("../../../building/components/resources/ItemFeedbackModal/index.js"));
-var _index5 = _interopRequireDefault(require("../../../common/components/resources/item/ItemShow/index.js"));
-var _index6 = _interopRequireDefault(require("../../../common/components/layout/Page/index.js"));
-var _Spinner = _interopRequireDefault(require("../../../common/components/shared/spinner/Spinner.js"));
-var _index7 = _interopRequireDefault(require("../../../common/components/resources/stimulus/StimulusEditInfo/index.js"));
-var _index8 = _interopRequireDefault(require("../../../common/components/resources/stimulus/StimulusShowInfo/index.js"));
-var _index9 = _interopRequireDefault(require("../../../common/components/shared/TagSuggestSelect/index.js"));
-var _index10 = _interopRequireDefault(require("../../../common/components/resources/WarningWrapper/index.js"));
+var _HeaderBreadCrumb = require("../HeaderBreadCrumb");
+var _EntrySave = _interopRequireDefault(require("../../../common/components/resources/entry/EntrySave"));
+var _ItemEdit = _interopRequireDefault(require("../../../common/components/resources/item/ItemEdit"));
+var _ItemFeedbackModal = _interopRequireDefault(require("../../../building/components/resources/ItemFeedbackModal"));
+var _ItemShow = _interopRequireDefault(require("../../../common/components/resources/item/ItemShow"));
+var _Page = _interopRequireDefault(require("../../../common/components/layout/Page"));
+var _Spinner = _interopRequireDefault(require("../../../common/components/shared/spinner/Spinner"));
+var _StimulusEditInfo = _interopRequireDefault(require("../../../common/components/resources/stimulus/StimulusEditInfo"));
+var _StimulusShowInfo = _interopRequireDefault(require("../../../common/components/resources/stimulus/StimulusShowInfo"));
+var _TagSuggestSelect = _interopRequireDefault(require("../../../common/components/shared/TagSuggestSelect"));
+var _WarningWrapper = _interopRequireDefault(require("../../../common/components/resources/WarningWrapper"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-var _items = require("../../../building/api/items.js");
-var _stimuli = require("../../../building/api/stimuli.js");
-var _warningHelpers = require("../../../common/util/warningHelpers.js");
-var _index11 = _interopRequireDefault(require("../NavWrapper/index.js"));
+var _items = require("../../../building/api/items");
+var _stimuli = require("../../../building/api/stimuli");
+var _warningHelpers = require("../../../common/util/warningHelpers");
+var _NavWrapper = _interopRequireDefault(require("../NavWrapper"));
 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 _dec, _class, _BankEntry;
 /** @jsx jsx */
-var _ref3 = (0, _emotion.jsx)(_Spinner.default, null);
-var BankEntry = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_BankEntry = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(BankEntry, _Component);
-  var _super = (0, _createSuper2.default)(BankEntry);
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var BankEntry = exports.BankEntry = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_BankEntry = /*#__PURE__*/function (_Component) {
   function BankEntry() {
     var _this;
-    (0, _classCallCheck2.default)(this, BankEntry);
+    (0, _classCallCheck2["default"])(this, BankEntry);
     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 = {
+    _this = _callSuper(this, BankEntry, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "state", {
       validationErrorsFromApi: {}
-    };
-    _this.setNavToBankRef = function (node) {
+    });
+    (0, _defineProperty2["default"])(_this, "setNavToBankRef", function (node) {
       _this.navToBankRef = node;
-    };
-    _this.navigateToBank = function () {
+    });
+    (0, _defineProperty2["default"])(_this, "navigateToBank", function () {
       _this.props.navigateToBank(_this.props.bankId);
-    };
-    _this.handleTitleChange = function (e) {
+    });
+    (0, _defineProperty2["default"])(_this, "handleTitleChange", function (e) {
       _this.props.changeItemTitle(_this.props.entry.id, e.target.value);
-    };
-    _this.clearValidationErrorsFromApi = function (inputId) {
+    });
+    (0, _defineProperty2["default"])(_this, "clearValidationErrorsFromApi", function (inputId) {
       if (inputId === _quizCommon.CLEAR_ALL_INPUT_VALIDATION_ERRORS) {
         _this.setState({
           validationErrorsFromApi: {}
@@ -86,56 +87,54 @@ var BankEntry = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
           validationErrorsFromApi: newErrors
         });
       }
-    };
-    _this.submitHandler = /*#__PURE__*/(0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee() {
-      return _regenerator.default.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.prev = 0;
-              if (!_this.props.entry.isTemporary()) {
-                _context.next = 6;
-                break;
-              }
-              _context.next = 4;
-              return _this.temporarySubmit();
-            case 4:
-              _context.next = 8;
+    });
+    (0, _defineProperty2["default"])(_this, "submitHandler", /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+      return _regenerator["default"].wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            if (!_this.props.entry.isTemporary()) {
+              _context.next = 6;
               break;
-            case 6:
-              _context.next = 8;
-              return _this.normalSubmit();
-            case 8:
-              _context.next = 16;
+            }
+            _context.next = 4;
+            return _this.temporarySubmit();
+          case 4:
+            _context.next = 8;
+            break;
+          case 6:
+            _context.next = 8;
+            return _this.normalSubmit();
+          case 8:
+            _context.next = 16;
+            break;
+          case 10:
+            _context.prev = 10;
+            _context.t0 = _context["catch"](0);
+            if (!_context.t0.validationErrorsFromApi) {
+              _context.next = 15;
               break;
-            case 10:
-              _context.prev = 10;
-              _context.t0 = _context["catch"](0);
-              if (!_context.t0.validationErrorsFromApi) {
-                _context.next = 15;
-                break;
-              }
-              _this.setState({
-                validationErrorsFromApi: _context.t0.validationErrorsFromApi
-              });
-              // Throwing an error here would cause an alert banner to show,
-              // which we don't want in the case of a simple input validation error
-              return _context.abrupt("return", _quizCommon.API_INPUT_VALIDATION_ERROR);
-            case 15:
-              throw _context.t0;
-            case 16:
-              _this.navigateToBank();
-            case 17:
-            case "end":
-              return _context.stop();
-          }
+            }
+            _this.setState({
+              validationErrorsFromApi: _context.t0.validationErrorsFromApi
+            });
+            // Throwing an error here would cause an alert banner to show,
+            // which we don't want in the case of a simple input validation error
+            return _context.abrupt("return", _quizCommon.API_INPUT_VALIDATION_ERROR);
+          case 15:
+            throw _context.t0;
+          case 16:
+            _this.navigateToBank();
+          case 17:
+          case "end":
+            return _context.stop();
         }
       }, _callee, null, [[0, 10]]);
-    }));
-    _this.handleRef = function (node) {
+    })));
+    (0, _defineProperty2["default"])(_this, "handleRef", function (node) {
       _this.itemEditArea = node;
-    };
-    _this.clearChanges = function () {
+    });
+    (0, _defineProperty2["default"])(_this, "clearChanges", function () {
       _this.clearValidationErrorsFromApi(_quizCommon.CLEAR_ALL_INPUT_VALIDATION_ERRORS);
       if (!_this.props.entry) return;
       if (_this.props.entry.isTemporary()) {
@@ -144,11 +143,11 @@ var BankEntry = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
       _this.props.clearModifications('items', _this.props.entry.id);
       _this.props.setPendingDeletionTagAssociations(_this.props.bankEntry.entryType, _this.props.entry.id, []);
       _this.props.setPendingAdditionTagAssociations(_this.props.bankEntry.entryType, _this.props.entry.id, []);
-    };
-    _this.handlePointsChange = function (points) {
+    });
+    (0, _defineProperty2["default"])(_this, "handlePointsChange", function (points) {
       _this.props.changeQuizEntryPoints(_this.props.entry.id, points);
-    };
-    _this.editProps = function (entry) {
+    });
+    (0, _defineProperty2["default"])(_this, "editProps", function (entry) {
       return {
         cancelHandler: _this.navigateToBank,
         clearChanges: _this.clearChanges,
@@ -165,51 +164,52 @@ var BankEntry = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
         validationErrorsFromApi: _this.state.validationErrorsFromApi,
         scope: _this.props.scope
       };
-    };
-    _this.openFeedbackModal = function () {
+    });
+    (0, _defineProperty2["default"])(_this, "openFeedbackModal", function () {
       _this.props.setUi(_quizCommon.ITEM_FEEDBACK_MODAL_ITEM, _this.props.entry.getWorkingInstance());
       _this.props.setUi(_quizCommon.ITEM_FEEDBACK_MODAL_FEEDBACK, _this.props.entry.getWorkingInstance().feedback);
       _this.props.openModal(_quizCommon.ITEM_FEEDBACK_MODAL, {
         modalTrigger: _this.addFeedbackButton
       });
-    };
-    _this.storeFeedbackButtonRef = function (button) {
+    });
+    (0, _defineProperty2["default"])(_this, "storeFeedbackButtonRef", function (button) {
       _this.addFeedbackButton = button;
-    };
-    _this.compareTagValues = function (left, right) {
+    });
+    (0, _defineProperty2["default"])(_this, "compareTagValues", function (left, right) {
       return left.tag_value === right.tag_value;
-    };
-    _this.tagToAssociation = function (_ref2) {
+    });
+    (0, _defineProperty2["default"])(_this, "tagToAssociation", function (_ref2) {
       var value = _ref2.value;
       return {
         tag_value: value
       };
-    };
-    _this.handleTagChange = function (tags) {
+    });
+    (0, _defineProperty2["default"])(_this, "handleTagChange", function (tags) {
       var bankEntry = _this.props.bankEntry;
       var tagAssociations = _this.props.tagAssociations.toJS();
       var associations = tags.map(_this.tagToAssociation);
-      var removed = (0, _differenceWith.default)(tagAssociations, associations, _this.compareTagValues);
-      var created = (0, _differenceWith.default)(associations, tagAssociations, _this.compareTagValues);
+      var removed = (0, _differenceWith["default"])(tagAssociations, associations, _this.compareTagValues);
+      var created = (0, _differenceWith["default"])(associations, tagAssociations, _this.compareTagValues);
       // If a tag that was removed is being re-added,
       // remove from both addAssociations and deletedTags
-      var restored = (0, _intersectionWith.default)(created, removed, _this.compareTagValues);
-      var addOperations = (0, _differenceWith.default)(created, restored, _isEqual.default);
-      var deleteOperations = (0, _differenceWith.default)(removed, restored, _this.compareTagValues);
+      var restored = (0, _intersectionWith["default"])(created, removed, _this.compareTagValues);
+      var addOperations = (0, _differenceWith["default"])(created, restored, _isEqual["default"]);
+      var deleteOperations = (0, _differenceWith["default"])(removed, restored, _this.compareTagValues);
       var bankEntryId = _this.getBankEntryId(bankEntry);
       _this.props.setPendingDeletionTagAssociations(bankEntry.entryType, bankEntryId, deleteOperations);
       _this.props.setPendingAdditionTagAssociations(bankEntry.entryType, bankEntryId, addOperations);
-    };
+    });
     return _this;
   }
-  (0, _createClass2.default)(BankEntry, [{
+  (0, _inherits2["default"])(BankEntry, _Component);
+  return (0, _createClass2["default"])(BankEntry, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (!this.isTemporary()) {
         this.props.getBankEntry(this.props.bankId, this.props.bankEntryId);
       }
       if (this.navToBankRef) {
-        _reactDom.default.findDOMNode(this.navToBankRef).focus();
+        _reactDom["default"].findDOMNode(this.navToBankRef).focus();
       }
       this.props.getBank(this.props.bankId);
     }
@@ -237,9 +237,9 @@ var BankEntry = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
     key: "entryLinkName",
     value: function entryLinkName() {
       if (this.isTemporary()) {
-        return this.isItemEntry() ? (0, _formatMessage.default)('New Question') : (0, _formatMessage.default)('New Stimulus');
+        return this.isItemEntry() ? (0, _formatMessage["default"])('New Question') : (0, _formatMessage["default"])('New Stimulus');
       } else {
-        return this.isItemEntry() ? (0, _formatMessage.default)('Edit Question') : (0, _formatMessage.default)('Edit Stimulus');
+        return this.isItemEntry() ? (0, _formatMessage["default"])('Edit Question') : (0, _formatMessage["default"])('Edit Stimulus');
       }
     }
   }, {
@@ -268,7 +268,7 @@ var BankEntry = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
         navigateToBuild = _this$props.navigateToBuild,
         returnToUrl = _this$props.returnToUrl;
       var isScopeEmpty = !Object.keys(scope).length;
-      return (0, _emotion.jsx)(_index11.default, {
+      return (0, _emotion.jsx)(_NavWrapper["default"], {
         closeTray: closeTray,
         navigateToBanks: navigateToBanks,
         navigateToBuild: navigateToBuild,
@@ -284,9 +284,9 @@ var BankEntry = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
     value: function renderTitle(entry) {
       if (this.isItemEntry()) {
         return (0, _emotion.jsx)(_quizCommon.TextInput, {
-          renderLabel: (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Edit question title')),
+          renderLabel: (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage["default"])('Edit question title')),
           type: "text",
-          placeholder: (0, _formatMessage.default)('Question Title'),
+          placeholder: (0, _formatMessage["default"])('Question Title'),
           onChange: this.handleTitleChange,
           value: entry.getWorkingInstance().title || ''
         });
@@ -297,14 +297,14 @@ var BankEntry = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
     value: function renderHeader(entry) {
       if (!entry) return;
       var props = this.editProps(entry);
-      var identifier = this.isItemEntry() ? (0, _formatMessage.default)('Question { id }', {
+      var identifier = this.isItemEntry() ? (0, _formatMessage["default"])('Question { id }', {
         id: entry.id
-      }) : (0, _formatMessage.default)('Stimulus { id }', {
+      }) : (0, _formatMessage["default"])('Stimulus { id }', {
         id: entry.id
       });
-      var tempIdentifier = this.isItemEntry() ? (0, _formatMessage.default)('New Question') : (0, _formatMessage.default)('New Stimulus');
+      var tempIdentifier = this.isItemEntry() ? (0, _formatMessage["default"])('New Question') : (0, _formatMessage["default"])('New Stimulus');
       var itemIdentifier = this.isTemporary() ? tempIdentifier : identifier;
-      var entryName = this.isItemEntry() ? entry.getInteractionType().name : (0, _formatMessage.default)('Stimulus');
+      var entryName = this.isItemEntry() ? entry.getInteractionType().name : (0, _formatMessage["default"])('Stimulus');
       var separator = ' | ';
       return (0, _emotion.jsx)("div", {
         css: this.props.styles.header
@@ -317,7 +317,7 @@ var BankEntry = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
         as: "h2"
       }, entryName, (0, _emotion.jsx)(_uiA11yContent.PresentationContent, null, separator), itemIdentifier))), this.renderTitle(entry), (0, _emotion.jsx)("div", {
         css: this.props.styles.rightHeader
-      }, (0, _emotion.jsx)(_index2.default, props)));
+      }, (0, _emotion.jsx)(_EntrySave["default"], props)));
     }
   }, {
     key: "hasPendingTagModifications",
@@ -337,28 +337,26 @@ var BankEntry = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
   }, {
     key: "updateTagsForEntry",
     value: function () {
-      var _updateTagsForEntry = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee2() {
-        return _regenerator.default.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                if (this.props.shouldClone) {
-                  _context2.next = 5;
-                  break;
-                }
-                _context2.next = 3;
-                return this.props.createTagAssociations(this.props.bankEntryId, this.props.bankEntry.entryType, this.getBankEntryId(this.props.bankEntry), this.props.pendingAdditionTags.map(function (tagToAdd) {
-                  return tagToAdd.get('tag_value');
-                }));
-              case 3:
+      var _updateTagsForEntry = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+        return _regenerator["default"].wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              if (this.props.shouldClone) {
                 _context2.next = 5;
-                return this.props.deleteTagAssociations(this.props.bankEntryId, this.props.bankEntry.entryType, this.getBankEntryId(this.props.bankEntry), this.props.pendingDeletionTags.map(function (tagToDelete) {
-                  return tagToDelete.get('id');
-                }));
-              case 5:
-              case "end":
-                return _context2.stop();
-            }
+                break;
+              }
+              _context2.next = 3;
+              return this.props.createTagAssociations(this.props.bankEntryId, this.props.bankEntry.entryType, this.getBankEntryId(this.props.bankEntry), this.props.pendingAdditionTags.map(function (tagToAdd) {
+                return tagToAdd.get('tag_value');
+              }));
+            case 3:
+              _context2.next = 5;
+              return this.props.deleteTagAssociations(this.props.bankEntryId, this.props.bankEntry.entryType, this.getBankEntryId(this.props.bankEntry), this.props.pendingDeletionTags.map(function (tagToDelete) {
+                return tagToDelete.get('id');
+              }));
+            case 5:
+            case "end":
+              return _context2.stop();
           }
         }, _callee2, this);
       }));
@@ -370,49 +368,47 @@ var BankEntry = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
   }, {
     key: "normalSubmit",
     value: function () {
-      var _normalSubmit = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee3() {
+      var _normalSubmit = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3() {
         var entry, tags, createEntryCb, newBankEntry, workingEntry, updateFunc, toClear;
-        return _regenerator.default.wrap(function _callee3$(_context3) {
-          while (1) {
-            switch (_context3.prev = _context3.next) {
-              case 0:
-                entry = this.props.entry;
-                if (!(entry.hasModifications() || this.props.shouldClone && this.hasPendingTagModifications())) {
-                  _context3.next = 17;
-                  break;
-                }
-                if (!this.props.shouldClone) {
-                  _context3.next = 11;
-                  break;
-                }
-                tags = this.visibleTagAssociations();
-                createEntryCb = this.isItemEntry() ? _items.createItem : _stimuli.createStimulus;
-                _context3.next = 7;
-                return this.props.cloneBankEntry(this.props.bankEntry, createEntryCb);
-              case 7:
-                newBankEntry = _context3.sent;
-                this.createTagsForClone(newBankEntry, tags);
-                _context3.next = 15;
+        return _regenerator["default"].wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              entry = this.props.entry;
+              if (!(entry.hasModifications() || this.props.shouldClone && this.hasPendingTagModifications())) {
+                _context3.next = 17;
                 break;
-              case 11:
-                workingEntry = entry.getWorkingInstance();
-                updateFunc = this.isItemEntry() ? this.props.updateItem : this.props.updateStimulus;
-                _context3.next = 15;
-                return updateFunc(workingEntry, this.props.bankId, 'bank');
-              case 15:
-                toClear = this.isItemEntry() ? 'items' : 'stimuli';
-                this.props.clearModifications(toClear, entry.id);
-              case 17:
-                if (!this.hasPendingTagModifications()) {
-                  _context3.next = 20;
-                  break;
-                }
+              }
+              if (!this.props.shouldClone) {
+                _context3.next = 11;
+                break;
+              }
+              tags = this.visibleTagAssociations();
+              createEntryCb = this.isItemEntry() ? _items.createItem : _stimuli.createStimulus;
+              _context3.next = 7;
+              return this.props.cloneBankEntry(this.props.bankEntry, createEntryCb);
+            case 7:
+              newBankEntry = _context3.sent;
+              this.createTagsForClone(newBankEntry, tags);
+              _context3.next = 15;
+              break;
+            case 11:
+              workingEntry = entry.getWorkingInstance();
+              updateFunc = this.isItemEntry() ? this.props.updateItem : this.props.updateStimulus;
+              _context3.next = 15;
+              return updateFunc(workingEntry, this.props.bankId, 'bank');
+            case 15:
+              toClear = this.isItemEntry() ? 'items' : 'stimuli';
+              this.props.clearModifications(toClear, entry.id);
+            case 17:
+              if (!this.hasPendingTagModifications()) {
                 _context3.next = 20;
-                return this.updateTagsForEntry();
-              case 20:
-              case "end":
-                return _context3.stop();
-            }
+                break;
+              }
+              _context3.next = 20;
+              return this.updateTagsForEntry();
+            case 20:
+            case "end":
+              return _context3.stop();
           }
         }, _callee3, this);
       }));
@@ -424,32 +420,30 @@ var BankEntry = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
   }, {
     key: "temporarySubmit",
     value: function () {
-      var _temporarySubmit = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee4() {
+      var _temporarySubmit = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4() {
         var entry, workingEntry, workingBankEntry, createEntryCb, newBankEntry, toClear;
-        return _regenerator.default.wrap(function _callee4$(_context4) {
-          while (1) {
-            switch (_context4.prev = _context4.next) {
-              case 0:
-                entry = this.props.entry;
-                workingEntry = entry.getWorkingInstance();
-                workingBankEntry = this.props.bankEntry.getWorkingInstance();
-                createEntryCb = this.isItemEntry() ? _items.createItem : _stimuli.createStimulus;
-                _context4.next = 6;
-                return this.props.createEntryAndBankEntry(this.props.bankId, workingEntry, workingBankEntry, createEntryCb);
-              case 6:
-                newBankEntry = _context4.sent;
-                if (this.hasPendingTagModifications()) {
-                  this.props.createTagAssociations(newBankEntry.id, newBankEntry.entry_type, newBankEntry.entry.id, this.props.pendingAdditionTags.map(function (tagToAdd) {
-                    return tagToAdd.get('tag_value');
-                  }));
-                }
-                toClear = this.isItemEntry() ? 'items' : 'stimuli';
-                this.props.clearModifications(toClear, entry.id);
-                this.props.clearTemporaryBankItem(this.props.bankId);
-              case 11:
-              case "end":
-                return _context4.stop();
-            }
+        return _regenerator["default"].wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
+            case 0:
+              entry = this.props.entry;
+              workingEntry = entry.getWorkingInstance();
+              workingBankEntry = this.props.bankEntry.getWorkingInstance();
+              createEntryCb = this.isItemEntry() ? _items.createItem : _stimuli.createStimulus;
+              _context4.next = 6;
+              return this.props.createEntryAndBankEntry(this.props.bankId, workingEntry, workingBankEntry, createEntryCb);
+            case 6:
+              newBankEntry = _context4.sent;
+              if (this.hasPendingTagModifications()) {
+                this.props.createTagAssociations(newBankEntry.id, newBankEntry.entry_type, newBankEntry.entry.id, this.props.pendingAdditionTags.map(function (tagToAdd) {
+                  return tagToAdd.get('tag_value');
+                }));
+              }
+              toClear = this.isItemEntry() ? 'items' : 'stimuli';
+              this.props.clearModifications(toClear, entry.id);
+              this.props.clearTemporaryBankItem(this.props.bankId);
+            case 11:
+            case "end":
+              return _context4.stop();
           }
         }, _callee4, this);
       }));
@@ -469,10 +463,10 @@ var BankEntry = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
       var icon, text;
       if (this.props.entry.getWorkingInstance().hasFeedback()) {
         icon = _uiIcons.IconDiscussionSolid;
-        text = (0, _formatMessage.default)('Edit Question Level Feedback (present)');
+        text = (0, _formatMessage["default"])('Edit Question Level Feedback (present)');
       } else {
         icon = _uiIcons.IconDiscussionLine;
-        text = (0, _formatMessage.default)('Edit Question Level Feedback');
+        text = (0, _formatMessage["default"])('Edit Question Level Feedback');
       }
       return (0, _emotion.jsx)(_uiButtons.IconButton, {
         onClick: this.openFeedbackModal,
@@ -497,11 +491,11 @@ var BankEntry = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
         pendingAdditionTags = _this$props2.pendingAdditionTags,
         pendingDeletionTags = _this$props2.pendingDeletionTags,
         tagAssociations = _this$props2.tagAssociations;
-      var existingValues = (0, _keyBy.default)(tagAssociations.toJS(), function (t) {
+      var existingValues = (0, _keyBy["default"])(tagAssociations.toJS(), function (t) {
         return t.tag_value;
       });
       var noDuplicates = pendingAdditionTags.filter(function (t) {
-        return (0, _isUndefined.default)(existingValues[t.get('tag_value')]);
+        return (0, _isUndefined["default"])(existingValues[t.get('tag_value')]);
       });
       return tagAssociations.filter(function (tag) {
         return !pendingDeletionTags.includes(tag);
@@ -529,26 +523,26 @@ var BankEntry = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
       var propsFunc = this.isItemEntry() ? _warningHelpers.propsForItemVersioningWrapper : _warningHelpers.propsForStimulusVersioningWrapper;
       var versioningProps = propsFunc(entry.isImmutable(), this.props.shouldClone, this.props.setShouldClone, this.navigateToBank, true);
       var canEdit = !entry.isImmutable() || this.props.shouldClone;
-      var ItemComponent = canEdit ? _index3.default : _index5.default;
-      var StimulusComponent = canEdit ? _index7.default : _index8.default;
+      var ItemComponent = canEdit ? _ItemEdit["default"] : _ItemShow["default"];
+      var StimulusComponent = canEdit ? _StimulusEditInfo["default"] : _StimulusShowInfo["default"];
       var EntryComponent = this.isItemEntry() ? ItemComponent : StimulusComponent;
       var entryType = bankEntry.entryType;
       var entryId = this.getBankEntryId(bankEntry);
       var tags = function tags() {
-        return (0, _emotion.jsx)(_index9.default, {
+        return (0, _emotion.jsx)(_TagSuggestSelect["default"], {
           allowNewTags: true,
-          noMatchText: (0, _formatMessage.default)('Enter a tag to find or create'),
+          noMatchText: (0, _formatMessage["default"])('Enter a tag to find or create'),
           parentType: entryType,
           parentId: entryId,
           onChange: _this2.handleTagChange,
           tags: _this2.visibleTags()
         });
       };
-      var editWarning = this.isItemEntry() ? (0, _formatMessage.default)('Edits made here will appear on any assessment using this question.') : (0, _formatMessage.default)('Edits made here will appear on any assessment using this stimulus.');
+      var editWarning = this.isItemEntry() ? (0, _formatMessage["default"])('Edits made here will appear on any assessment using this question.') : (0, _formatMessage["default"])('Edits made here will appear on any assessment using this stimulus.');
       return (0, _emotion.jsx)("div", null, (0, _emotion.jsx)("div", {
         css: this.props.styles.entryEdit
-      }, (0, _emotion.jsx)(_index10.default, versioningProps, canEdit && (0, _emotion.jsx)(_uiAlerts.Alert, {
-        renderCloseButtonLabel: (0, _formatMessage.default)('Dismiss'),
+      }, (0, _emotion.jsx)(_WarningWrapper["default"], versioningProps, canEdit && (0, _emotion.jsx)(_uiAlerts.Alert, {
+        renderCloseButtonLabel: (0, _formatMessage["default"])('Dismiss'),
         margin: "0 0 medium 0"
       }, (0, _emotion.jsx)(_uiText.Text, {
         color: "primary"
@@ -558,96 +552,92 @@ var BankEntry = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
         css: this.props.styles.leftFooter
       }, this.renderFeedbackSection()), (0, _emotion.jsx)("div", {
         css: this.props.styles.rightFooter
-      }, (0, _emotion.jsx)(_index2.default, props))));
+      }, (0, _emotion.jsx)(_EntrySave["default"], props))));
     }
   }, {
     key: "render",
     value: function render() {
       var entry = this.props.entry;
       if (entry && !entry.isLoaded()) {
-        return _ref3;
+        return (0, _emotion.jsx)(_Spinner["default"], null);
       }
-      return (0, _emotion.jsx)(_index6.default, null, this.renderNav(), (0, _emotion.jsx)("div", {
+      return (0, _emotion.jsx)(_Page["default"], null, this.renderNav(), (0, _emotion.jsx)("div", {
         css: this.props.styles.content,
         ref: this.handleRef
       }, this.props.iceTopNavBarEnabled && (0, _emotion.jsx)("div", {
         css: this.props.styles.breadcrumb
-      }, (0, _emotion.jsx)(_index.HeaderBreadCrumb, {
+      }, (0, _emotion.jsx)(_HeaderBreadCrumb.HeaderBreadCrumb, {
         returnToUrl: this.props.returnToUrl,
         scope: this.props.scope,
         navigateToBanks: this.props.navigateToBanks,
         navigateToBuild: this.props.navigateToBuild
-      }, this.renderBankBreadCrumbLink(), this.renderBankEntryBreadCrumbLink())), this.renderHeader(entry), this.renderEntry(entry), !this.props.isCompact && (0, _emotion.jsx)(_index4.default, {
+      }, this.renderBankBreadCrumbLink(), this.renderBankEntryBreadCrumbLink())), this.renderHeader(entry), this.renderEntry(entry), !this.props.isCompact && (0, _emotion.jsx)(_ItemFeedbackModal["default"], {
         parentId: this.props.bankId,
         parentType: _quizCommon.PARENT_TYPE_BANK
       })));
     }
   }]);
-  BankEntry.displayName = "BankEntry";
-  return BankEntry;
-}(_react.Component), _BankEntry.displayName = 'BankEntry', _BankEntry.componentId = "Quizzes".concat(_BankEntry.displayName), _BankEntry.propTypes = {
-  bankEntryId: _propTypes.default.string.isRequired,
-  bankId: _propTypes.default.string.isRequired,
-  bank: _reactImmutableProptypes.default.record.isRequired,
-  bankEntry: _reactImmutableProptypes.default.record.isRequired,
-  entry: _reactImmutableProptypes.default.record,
-  changeItemTitle: _propTypes.default.func.isRequired,
-  changeQuizEntryPoints: _propTypes.default.func.isRequired,
-  cloneBankEntry: _propTypes.default.func.isRequired,
-  clearModifications: _propTypes.default.func.isRequired,
-  clearTemporaryBankItem: _propTypes.default.func.isRequired,
-  createEntryAndBankEntry: _propTypes.default.func.isRequired,
-  closeTray: _propTypes.default.func,
-  createTagAssociations: _propTypes.default.func.isRequired,
-  deleteTagAssociations: _propTypes.default.func.isRequired,
-  getBankEntry: _propTypes.default.func.isRequired,
-  getBank: _propTypes.default.func.isRequired,
-  isCompact: _propTypes.default.bool,
-  navigateToBanks: _propTypes.default.func.isRequired,
+}(_react.Component), (0, _defineProperty2["default"])(_BankEntry, "displayName", 'BankEntry'), (0, _defineProperty2["default"])(_BankEntry, "componentId", "Quizzes".concat(_BankEntry.displayName)), (0, _defineProperty2["default"])(_BankEntry, "propTypes", {
+  bankEntryId: _propTypes["default"].string.isRequired,
+  bankId: _propTypes["default"].string.isRequired,
+  bank: _reactImmutableProptypes["default"].record.isRequired,
+  bankEntry: _reactImmutableProptypes["default"].record.isRequired,
+  entry: _reactImmutableProptypes["default"].record,
+  changeItemTitle: _propTypes["default"].func.isRequired,
+  changeQuizEntryPoints: _propTypes["default"].func.isRequired,
+  cloneBankEntry: _propTypes["default"].func.isRequired,
+  clearModifications: _propTypes["default"].func.isRequired,
+  clearTemporaryBankItem: _propTypes["default"].func.isRequired,
+  createEntryAndBankEntry: _propTypes["default"].func.isRequired,
+  closeTray: _propTypes["default"].func,
+  createTagAssociations: _propTypes["default"].func.isRequired,
+  deleteTagAssociations: _propTypes["default"].func.isRequired,
+  getBankEntry: _propTypes["default"].func.isRequired,
+  getBank: _propTypes["default"].func.isRequired,
+  isCompact: _propTypes["default"].bool,
+  navigateToBanks: _propTypes["default"].func.isRequired,
   // can be from consumer
-  navigateToBank: _propTypes.default.func.isRequired,
+  navigateToBank: _propTypes["default"].func.isRequired,
   // can be from consumer
-  navigateToBuild: _propTypes.default.func,
+  navigateToBuild: _propTypes["default"].func,
   // from consumer
-  scope: _propTypes.default.objectOf(_propTypes.default.shape({
-    type: _propTypes.default.string,
-    uuid: _propTypes.default.string,
-    title: _propTypes.default.string,
-    launch_context_uuid: _propTypes.default.string,
-    root_account_name: _propTypes.default.string
+  scope: _propTypes["default"].objectOf(_propTypes["default"].shape({
+    type: _propTypes["default"].string,
+    uuid: _propTypes["default"].string,
+    title: _propTypes["default"].string,
+    launch_context_uuid: _propTypes["default"].string,
+    root_account_name: _propTypes["default"].string
   })),
-  returnToUrl: _propTypes.default.string,
+  returnToUrl: _propTypes["default"].string,
   // from consumer
-  openModal: _propTypes.default.func.isRequired,
-  pendingAdditionTags: _reactImmutableProptypes.default.listOf(_reactImmutableProptypes.default.map),
-  pendingDeletionTags: _reactImmutableProptypes.default.listOf(_reactImmutableProptypes.default.map),
-  setPendingAdditionTagAssociations: _propTypes.default.func.isRequired,
-  setPendingDeletionTagAssociations: _propTypes.default.func.isRequired,
-  setShouldClone: _propTypes.default.func.isRequired,
-  setTagInput: _propTypes.default.func.isRequired,
-  setUi: _propTypes.default.func.isRequired,
-  shouldClone: _propTypes.default.bool.isRequired,
-  tagAssociations: _reactImmutableProptypes.default.listOf(_reactImmutableProptypes.default.map),
-  tagInput: _propTypes.default.string,
-  updateItem: _propTypes.default.func.isRequired,
-  updateStimulus: _propTypes.default.func.isRequired,
-  useBankTags: _propTypes.default.bool,
-  iceTopNavBarEnabled: _propTypes.default.bool,
-  styles: _propTypes.default.object
-}, _BankEntry.defaultProps = {
+  openModal: _propTypes["default"].func.isRequired,
+  pendingAdditionTags: _reactImmutableProptypes["default"].listOf(_reactImmutableProptypes["default"].map),
+  pendingDeletionTags: _reactImmutableProptypes["default"].listOf(_reactImmutableProptypes["default"].map),
+  setPendingAdditionTagAssociations: _propTypes["default"].func.isRequired,
+  setPendingDeletionTagAssociations: _propTypes["default"].func.isRequired,
+  setShouldClone: _propTypes["default"].func.isRequired,
+  setTagInput: _propTypes["default"].func.isRequired,
+  setUi: _propTypes["default"].func.isRequired,
+  shouldClone: _propTypes["default"].bool.isRequired,
+  tagAssociations: _reactImmutableProptypes["default"].listOf(_reactImmutableProptypes["default"].map),
+  tagInput: _propTypes["default"].string,
+  updateItem: _propTypes["default"].func.isRequired,
+  updateStimulus: _propTypes["default"].func.isRequired,
+  useBankTags: _propTypes["default"].bool,
+  iceTopNavBarEnabled: _propTypes["default"].bool,
+  styles: _propTypes["default"].object
+}), (0, _defineProperty2["default"])(_BankEntry, "defaultProps", {
   closeTray: function closeTray() {},
   entry: null,
   isCompact: false,
   navigateToBuild: null,
   scope: {},
   returnToUrl: null,
-  pendingAdditionTags: _immutable.default.List(),
-  pendingDeletionTags: _immutable.default.List(),
-  tagAssociations: _immutable.default.List(),
+  pendingAdditionTags: _immutable["default"].List(),
+  pendingDeletionTags: _immutable["default"].List(),
+  tagAssociations: _immutable["default"].List(),
   tagInput: null,
   useBankTags: false,
   iceTopNavBarEnabled: false
-}, _BankEntry)) || _class);
-exports.BankEntry = BankEntry;
-var _default = BankEntry;
-exports.default = _default;
+}), _BankEntry)) || _class);
+var _default = exports["default"] = BankEntry;