@instructure/quiz-core 21.0.1-rc.0 → 21.0.1-rc.13

package/es/banks/components/Bank/styles.js

@@ -1,5 +1,6 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var generateStyle = function generateStyle(componentTheme) {
   var menuStyles = {
     display: 'flex',

package/es/banks/components/Bank/theme.js

@@ -3,7 +3,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     colors = _ref.colors,
     breakpoints = _ref.breakpoints;
   return {
-    contentBackgroundColor: colors.contrasts.white1010,
+    contentBackgroundColor: colors.white,
     contentPaddingTopBottom: spacing.medium,
     contentPaddingLeftRight: spacing.medium,
     breadCrumbMarginBottom: spacing.large,

package/es/banks/components/BankEntriesList/index.js

@@ -1,7 +1,7 @@
 import { List } from 'immutable';
-import { connect } from "../../../common/react-redux.js";
-import BankEntriesList from "./presenter.js";
-import BankEntry from "../../../common/records/BankEntry.js";
+import { connect } from '../../../common/react-redux';
+import BankEntriesList from './presenter';
+import BankEntry from '../../../common/records/BankEntry';
 export function mapStateToProps(state, props) {
   var bankEntries = List(props.recordIds).map(function (id) {
     return new BankEntry(state.getIn(['bankEntries', id]));

package/es/banks/components/BankEntriesList/presenter.js

@@ -1,29 +1,31 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _BankEntriesList;
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { jsx } from '@instructure/emotion';
-import Card from "../../../common/components/shared/Card/index.js";
-import BankEntryRow from "../BankEntryRow/index.js";
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import Card from '../../../common/components/shared/Card';
+import BankEntryRow from '../BankEntryRow';
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 import { withStyleOverrides } from '@instructure/quiz-common';
 export var BankEntriesList = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_BankEntriesList = /*#__PURE__*/function (_Component) {
-  _inherits(BankEntriesList, _Component);
-  var _super = _createSuper(BankEntriesList);
   function BankEntriesList() {
     var _this;
     _classCallCheck(this, BankEntriesList);
     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.renderEntry = function (entry) {
+    _this = _callSuper(this, BankEntriesList, [].concat(args));
+    _defineProperty(_this, "renderEntry", function (entry) {
       var entryId = entry.get('id');
       return jsx(Card, {
         key: entryId,
@@ -35,26 +37,25 @@ export var BankEntriesList = (_dec = withStyleOverrides(generateStyle, generateC
         addEntryToQuiz: _this.props.addEntryToQuiz,
         isQuizContentLocked: _this.props.isQuizContentLocked
       }));
-    };
+    });
     return _this;
   }
-  _createClass(BankEntriesList, [{
+  _inherits(BankEntriesList, _Component);
+  return _createClass(BankEntriesList, [{
     key: "render",
     value: function render() {
       return jsx("div", null, this.props.bankEntries.toArray().map(this.renderEntry));
     }
   }]);
-  BankEntriesList.displayName = "BankEntriesList";
-  return BankEntriesList;
-}(Component), _BankEntriesList.displayName = 'BankEntriesList', _BankEntriesList.componentId = "Quizzes".concat(_BankEntriesList.displayName), _BankEntriesList.propTypes = {
+}(Component), _defineProperty(_BankEntriesList, "displayName", 'BankEntriesList'), _defineProperty(_BankEntriesList, "componentId", "Quizzes".concat(_BankEntriesList.displayName)), _defineProperty(_BankEntriesList, "propTypes", {
   addEntryToQuiz: PropTypes.func,
   bank: ImmutablePropTypes.record.isRequired,
   bankEntries: ImmutablePropTypes.list.isRequired,
   navigateToBankEntry: PropTypes.func.isRequired,
   isQuizContentLocked: PropTypes.bool.isRequired,
   styles: PropTypes.object
-}, _BankEntriesList.defaultProps = {
+}), _defineProperty(_BankEntriesList, "defaultProps", {
   addEntryToQuiz: null,
   isQuizContentLocked: false
-}, _BankEntriesList)) || _class);
+}), _BankEntriesList)) || _class);
 export default BankEntriesList;

package/es/banks/components/BankEntry/index.js

@@ -1,19 +1,19 @@
 import { bindActionCreators } from 'redux';
 import partial from 'lodash/partial';
-import { connect } from "../../../common/react-redux.js";
-import { updateItem } from "../../../building/api/items.js";
-import { updateStimulus } from "../../../building/api/stimuli.js";
-import { clearModifications, clearTemporaryBankItem, changeItemTitle, changeQuizEntryPoints } from "../../../common/actions/modifications.js";
-import { setPendingAdditionTagAssociations, setPendingDeletionTagAssociations, setTagInput } from "../../../common/actions/tagAssociations.js";
-import BankEntryRecord from "../../../common/records/BankEntry.js";
-import BankRecord from "../../../common/records/Bank.js";
-import { getBankEntry, cloneBankEntry, createEntryAndBankEntry } from "../../../banks/api/bankEntries.js";
-import { getBank } from "../../../banks/api/banks.js";
-import { createTagAssociations, deleteTagAssociations } from "../../../banks/api/tagAssociations.js";
-import { BankEntry as BankEntryPresenter } from "./presenter.js";
-import { featureOn } from "../../../common/util/featureCheck.js";
-import { set as setUI } from "../../../common/actions/ui.js";
-import { openModal } from "../../../common/actions/modal.js";
+import { connect } from '../../../common/react-redux';
+import { updateItem } from '../../../building/api/items';
+import { updateStimulus } from '../../../building/api/stimuli';
+import { clearModifications, clearTemporaryBankItem, changeItemTitle, changeQuizEntryPoints } from '../../../common/actions/modifications';
+import { setPendingAdditionTagAssociations, setPendingDeletionTagAssociations, setTagInput } from '../../../common/actions/tagAssociations';
+import BankEntryRecord from '../../../common/records/BankEntry';
+import BankRecord from '../../../common/records/Bank';
+import { getBankEntry, cloneBankEntry, createEntryAndBankEntry } from '../../../banks/api/bankEntries';
+import { getBank } from '../../../banks/api/banks';
+import { createTagAssociations, deleteTagAssociations } from '../../../banks/api/tagAssociations';
+import { BankEntry as BankEntryPresenter } from './presenter';
+import { featureOn } from '../../../common/util/featureCheck';
+import { set as setUI } from '../../../common/actions/ui';
+import { openModal } from '../../../common/actions/modal';
 import { SHOULD_CLONE_ITEM, TEMPORARY_BANK_ENTRY_ID } from '@instructure/quiz-common';
 function mapStateToProps(state, props) {
   var tempBankEntry = state.getIn(['modifications', 'bankEntries', TEMPORARY_BANK_ENTRY_ID]);

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

@@ -1,10 +1,14 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _BankEntry;
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /** @jsx jsx */
 import { Component } from 'react';
 import ReactDOM from 'react-dom';
@@ -24,49 +28,46 @@ import { Heading } from '@instructure/ui-heading';
 import { IconDiscussionLine, IconDiscussionSolid } from '@instructure/ui-icons';
 import { PresentationContent, ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { jsx } from '@instructure/emotion';
-import { HeaderBreadCrumb } from "../HeaderBreadCrumb/index.js";
-import EntrySave from "../../../common/components/resources/entry/EntrySave/index.js";
-import ItemEdit from "../../../common/components/resources/item/ItemEdit/index.js";
-import ItemFeedbackModal from "../../../building/components/resources/ItemFeedbackModal/index.js";
-import ItemShow from "../../../common/components/resources/item/ItemShow/index.js";
-import Page from "../../../common/components/layout/Page/index.js";
-import Spinner from "../../../common/components/shared/spinner/Spinner.js";
-import StimulusEditInfo from "../../../common/components/resources/stimulus/StimulusEditInfo/index.js";
-import StimulusShowInfo from "../../../common/components/resources/stimulus/StimulusShowInfo/index.js";
-import TagSuggestSelect from "../../../common/components/shared/TagSuggestSelect/index.js";
-import WarningWrapper from "../../../common/components/resources/WarningWrapper/index.js";
+import { HeaderBreadCrumb } from '../HeaderBreadCrumb';
+import EntrySave from '../../../common/components/resources/entry/EntrySave';
+import ItemEdit from '../../../common/components/resources/item/ItemEdit';
+import ItemFeedbackModal from '../../../building/components/resources/ItemFeedbackModal';
+import ItemShow from '../../../common/components/resources/item/ItemShow';
+import Page from '../../../common/components/layout/Page';
+import Spinner from '../../../common/components/shared/spinner/Spinner';
+import StimulusEditInfo from '../../../common/components/resources/stimulus/StimulusEditInfo';
+import StimulusShowInfo from '../../../common/components/resources/stimulus/StimulusShowInfo';
+import TagSuggestSelect from '../../../common/components/shared/TagSuggestSelect';
+import WarningWrapper from '../../../common/components/resources/WarningWrapper';
 import t from '@instructure/quiz-i18n/es/format-message';
-import { createItem } from "../../../building/api/items.js";
-import { createStimulus } from "../../../building/api/stimuli.js";
-import { propsForItemVersioningWrapper, propsForStimulusVersioningWrapper } from "../../../common/util/warningHelpers.js";
-import NavWrapper from "../NavWrapper/index.js";
+import { createItem } from '../../../building/api/items';
+import { createStimulus } from '../../../building/api/stimuli';
+import { propsForItemVersioningWrapper, propsForStimulusVersioningWrapper } from '../../../common/util/warningHelpers';
+import NavWrapper from '../NavWrapper';
 import { API_INPUT_VALIDATION_ERROR, CLEAR_ALL_INPUT_VALIDATION_ERRORS, ITEM_FEEDBACK_MODAL, ITEM_FEEDBACK_MODAL_ITEM, ITEM_FEEDBACK_MODAL_FEEDBACK, PARENT_TYPE_BANK, TextInput, withStyleOverrides } from '@instructure/quiz-common';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
-var _ref3 = jsx(Spinner, null);
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 export var BankEntry = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_BankEntry = /*#__PURE__*/function (_Component) {
-  _inherits(BankEntry, _Component);
-  var _super = _createSuper(BankEntry);
   function BankEntry() {
     var _this;
     _classCallCheck(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));
+    _defineProperty(_this, "state", {
       validationErrorsFromApi: {}
-    };
-    _this.setNavToBankRef = function (node) {
+    });
+    _defineProperty(_this, "setNavToBankRef", function (node) {
       _this.navToBankRef = node;
-    };
-    _this.navigateToBank = function () {
+    });
+    _defineProperty(_this, "navigateToBank", function () {
       _this.props.navigateToBank(_this.props.bankId);
-    };
-    _this.handleTitleChange = function (e) {
+    });
+    _defineProperty(_this, "handleTitleChange", function (e) {
       _this.props.changeItemTitle(_this.props.entry.id, e.target.value);
-    };
-    _this.clearValidationErrorsFromApi = function (inputId) {
+    });
+    _defineProperty(_this, "clearValidationErrorsFromApi", function (inputId) {
       if (inputId === CLEAR_ALL_INPUT_VALIDATION_ERRORS) {
         _this.setState({
           validationErrorsFromApi: {}
@@ -79,56 +80,54 @@ export var BankEntry = (_dec = withStyleOverrides(generateStyle, generateCompone
           validationErrorsFromApi: newErrors
         });
       }
-    };
-    _this.submitHandler = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    });
+    _defineProperty(_this, "submitHandler", /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       return _regeneratorRuntime.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;
+        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", 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", 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) {
+    })));
+    _defineProperty(_this, "handleRef", function (node) {
       _this.itemEditArea = node;
-    };
-    _this.clearChanges = function () {
+    });
+    _defineProperty(_this, "clearChanges", function () {
       _this.clearValidationErrorsFromApi(CLEAR_ALL_INPUT_VALIDATION_ERRORS);
       if (!_this.props.entry) return;
       if (_this.props.entry.isTemporary()) {
@@ -137,11 +136,11 @@ export var BankEntry = (_dec = withStyleOverrides(generateStyle, generateCompone
       _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) {
+    });
+    _defineProperty(_this, "handlePointsChange", function (points) {
       _this.props.changeQuizEntryPoints(_this.props.entry.id, points);
-    };
-    _this.editProps = function (entry) {
+    });
+    _defineProperty(_this, "editProps", function (entry) {
       return {
         cancelHandler: _this.navigateToBank,
         clearChanges: _this.clearChanges,
@@ -158,27 +157,27 @@ export var BankEntry = (_dec = withStyleOverrides(generateStyle, generateCompone
         validationErrorsFromApi: _this.state.validationErrorsFromApi,
         scope: _this.props.scope
       };
-    };
-    _this.openFeedbackModal = function () {
+    });
+    _defineProperty(_this, "openFeedbackModal", function () {
       _this.props.setUi(ITEM_FEEDBACK_MODAL_ITEM, _this.props.entry.getWorkingInstance());
       _this.props.setUi(ITEM_FEEDBACK_MODAL_FEEDBACK, _this.props.entry.getWorkingInstance().feedback);
       _this.props.openModal(ITEM_FEEDBACK_MODAL, {
         modalTrigger: _this.addFeedbackButton
       });
-    };
-    _this.storeFeedbackButtonRef = function (button) {
+    });
+    _defineProperty(_this, "storeFeedbackButtonRef", function (button) {
       _this.addFeedbackButton = button;
-    };
-    _this.compareTagValues = function (left, right) {
+    });
+    _defineProperty(_this, "compareTagValues", function (left, right) {
       return left.tag_value === right.tag_value;
-    };
-    _this.tagToAssociation = function (_ref2) {
+    });
+    _defineProperty(_this, "tagToAssociation", function (_ref2) {
       var value = _ref2.value;
       return {
         tag_value: value
       };
-    };
-    _this.handleTagChange = function (tags) {
+    });
+    _defineProperty(_this, "handleTagChange", function (tags) {
       var bankEntry = _this.props.bankEntry;
       var tagAssociations = _this.props.tagAssociations.toJS();
       var associations = tags.map(_this.tagToAssociation);
@@ -192,10 +191,11 @@ export var BankEntry = (_dec = withStyleOverrides(generateStyle, generateCompone
       var bankEntryId = _this.getBankEntryId(bankEntry);
       _this.props.setPendingDeletionTagAssociations(bankEntry.entryType, bankEntryId, deleteOperations);
       _this.props.setPendingAdditionTagAssociations(bankEntry.entryType, bankEntryId, addOperations);
-    };
+    });
     return _this;
   }
-  _createClass(BankEntry, [{
+  _inherits(BankEntry, _Component);
+  return _createClass(BankEntry, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (!this.isTemporary()) {
@@ -212,8 +212,8 @@ export var BankEntry = (_dec = withStyleOverrides(generateStyle, generateCompone
       this.props.setShouldClone(false);
     }
   }, {
-    key: "componentWillMount",
-    value: function componentWillMount() {
+    key: "UNSAFE_componentWillMount",
+    value: function UNSAFE_componentWillMount() {
       this.props.setShouldClone(false);
     }
   }, {
@@ -332,26 +332,24 @@ export var BankEntry = (_dec = withStyleOverrides(generateStyle, generateCompone
     value: function () {
       var _updateTagsForEntry = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
         return _regeneratorRuntime.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:
+          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);
       }));
@@ -366,46 +364,44 @@ export var BankEntry = (_dec = withStyleOverrides(generateStyle, generateCompone
       var _normalSubmit = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
         var entry, tags, createEntryCb, newBankEntry, workingEntry, updateFunc, toClear;
         return _regeneratorRuntime.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() ? createItem : createStimulus;
-                _context3.next = 7;
-                return this.props.cloneBankEntry(this.props.bankEntry, createEntryCb);
-              case 7:
-                newBankEntry = _context3.sent;
-                this.createTagsForClone(newBankEntry, tags);
-                _context3.next = 15;
+          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;
-              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;
-                }
+              }
+              tags = this.visibleTagAssociations();
+              createEntryCb = this.isItemEntry() ? createItem : 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);
       }));
@@ -420,29 +416,27 @@ export var BankEntry = (_dec = withStyleOverrides(generateStyle, generateCompone
       var _temporarySubmit = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
         var entry, workingEntry, workingBankEntry, createEntryCb, newBankEntry, toClear;
         return _regeneratorRuntime.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() ? createItem : 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();
-            }
+          while (1) switch (_context4.prev = _context4.next) {
+            case 0:
+              entry = this.props.entry;
+              workingEntry = entry.getWorkingInstance();
+              workingBankEntry = this.props.bankEntry.getWorkingInstance();
+              createEntryCb = this.isItemEntry() ? createItem : 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);
       }));
@@ -558,7 +552,7 @@ export var BankEntry = (_dec = withStyleOverrides(generateStyle, generateCompone
     value: function render() {
       var entry = this.props.entry;
       if (entry && !entry.isLoaded()) {
-        return _ref3;
+        return jsx(Spinner, null);
       }
       return jsx(Page, null, this.renderNav(), jsx("div", {
         css: this.props.styles.content,
@@ -576,9 +570,7 @@ export var BankEntry = (_dec = withStyleOverrides(generateStyle, generateCompone
       })));
     }
   }]);
-  BankEntry.displayName = "BankEntry";
-  return BankEntry;
-}(Component), _BankEntry.displayName = 'BankEntry', _BankEntry.componentId = "Quizzes".concat(_BankEntry.displayName), _BankEntry.propTypes = {
+}(Component), _defineProperty(_BankEntry, "displayName", 'BankEntry'), _defineProperty(_BankEntry, "componentId", "Quizzes".concat(_BankEntry.displayName)), _defineProperty(_BankEntry, "propTypes", {
   bankEntryId: PropTypes.string.isRequired,
   bankId: PropTypes.string.isRequired,
   bank: ImmutablePropTypes.record.isRequired,
@@ -627,7 +619,7 @@ export var BankEntry = (_dec = withStyleOverrides(generateStyle, generateCompone
   useBankTags: PropTypes.bool,
   iceTopNavBarEnabled: PropTypes.bool,
   styles: PropTypes.object
-}, _BankEntry.defaultProps = {
+}), _defineProperty(_BankEntry, "defaultProps", {
   closeTray: function closeTray() {},
   entry: null,
   isCompact: false,
@@ -640,5 +632,5 @@ export var BankEntry = (_dec = withStyleOverrides(generateStyle, generateCompone
   tagInput: null,
   useBankTags: false,
   iceTopNavBarEnabled: false
-}, _BankEntry)) || _class);
+}), _BankEntry)) || _class);
 export default BankEntry;

package/es/banks/components/BankEntry/styles.js

@@ -1,4 +1,6 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var generateStyle = function generateStyle(componentTheme) {
   var footerStyles = {
     display: 'flex',