@instructure/quiz-core 22.8.0 → 22.9.0

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

@@ -7,8 +7,20 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _Bank;
 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; })(); }
+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 = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 /** @jsx jsx */
 import { Component } from 'react';
 import * as immutable from 'immutable';
@@ -41,60 +53,60 @@ import generateStyle from './styles';
 import generateComponentTheme from './theme';
 export var Bank = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Bank = /*#__PURE__*/function (_Component) {
   function Bank() {
-    var _this;
+    var _this2;
     _classCallCheck(this, Bank);
     for (var _len = arguments.length, _args = new Array(_len), _key = 0; _key < _len; _key++) {
       _args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, Bank, [].concat(_args));
-    _defineProperty(_this, "state", {
+    _this2 = _callSuper(this, Bank, [].concat(_args));
+    _defineProperty(_this2, "state", {
       sharedWithCourse: false,
       shareWithCourseCheckboxDisabled: true
     });
-    _defineProperty(_this, "openAddBankEntryModal", function () {
-      _this.props.openModal(ADD_BANK_ENTRY_MODAL, {
-        modalTrigger: _this.createBankEntryButton
+    _defineProperty(_this2, "openAddBankEntryModal", function () {
+      _this2.props.openModal(ADD_BANK_ENTRY_MODAL, {
+        modalTrigger: _this2.createBankEntryButton
       });
     });
-    _defineProperty(_this, "renderHeaderMenu", function () {
-      if (!_this.props.isCompact) {
+    _defineProperty(_this2, "renderHeaderMenu", function () {
+      if (!_this2.props.isCompact) {
         return jsx(HeaderMenu, {
-          bank: _this.props.bank,
-          iceTopNavBarEnabled: _this.props.iceTopNavBarEnabled,
+          bank: _this2.props.bank,
+          iceTopNavBarEnabled: _this2.props.iceTopNavBarEnabled,
           id: "BankMenu",
           renderIcon: jsx(IconMoreSolid, null)
         });
       }
     });
-    _defineProperty(_this, "storeCreateBankEntryButtonRef", function (c) {
-      _this.createBankEntryButton = c;
+    _defineProperty(_this2, "storeCreateBankEntryButtonRef", function (c) {
+      _this2.createBankEntryButton = c;
     });
-    _defineProperty(_this, "renderBankBreadCrumbLink", function () {
+    _defineProperty(_this2, "renderBankBreadCrumbLink", function () {
       return jsx(BreadcrumbLink, {
         key: "bank"
-      }, _this.props.bank.title);
+      }, _this2.props.bank.title);
     });
-    _defineProperty(_this, "toggleCheckbox", function () {
+    _defineProperty(_this2, "toggleCheckbox", function () {
       // disable until request resolves
-      _this.setState({
+      _this2.setState({
         shareWithCourseCheckboxDisabled: true
       });
-      _this.changeSharedPermissions();
+      _this2.changeSharedPermissions();
     });
-    _defineProperty(_this, "unshareBankWithCourse", /*#__PURE__*/function () {
+    _defineProperty(_this2, "unshareBankWithCourse", /*#__PURE__*/function () {
       var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(sharedBank) {
-        var _this$props, updateSharedBankPermission, bankId, getSharedBank, scope;
+        var _this2$props, updateSharedBankPermission, bankId, getSharedBank, scope;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              _this$props = _this.props, updateSharedBankPermission = _this$props.updateSharedBankPermission, bankId = _this$props.bankId, getSharedBank = _this$props.getSharedBank, scope = _this$props.scope;
+              _this2$props = _this2.props, updateSharedBankPermission = _this2$props.updateSharedBankPermission, bankId = _this2$props.bankId, getSharedBank = _this2$props.getSharedBank, scope = _this2$props.scope;
               _context.next = 3;
               return updateSharedBankPermission(bankId, sharedBank.get('id'), REMOVED_ACCESS);
             case 3:
               getSharedBank(bankId, scope.type, scope.uuid)["catch"](function (err) {
                 // make sure the user still has access to the bank
                 if (err.response.status === 401) {
-                  _this.props.navigateToBanks();
+                  _this2.props.navigateToBanks();
                 }
               });
             case 4:
@@ -107,48 +119,48 @@ export var Bank = (_dec = withStyleOverrides(generateStyle, generateComponentThe
         return _ref.apply(this, arguments);
       };
     }());
-    _defineProperty(_this, "translatedPermissionLevel", function (permission) {
+    _defineProperty(_this2, "translatedPermissionLevel", function (permission) {
       return _defineProperty(_defineProperty({}, CAN_EDIT, t('edit')), READ_ONLY, t('view'))[permission];
     });
-    _defineProperty(_this, "confirmUnshareBankWithCourse", function () {
+    _defineProperty(_this2, "confirmUnshareBankWithCourse", function () {
       var confirmText = t('You are about to remove { accessLevel } access for { entityTitle } to this bank.', {
-        accessLevel: _this.translatedPermissionLevel(_this.props.courseSharedBank.get('permission')),
-        entityTitle: _this.props.scope.title
+        accessLevel: _this2.translatedPermissionLevel(_this2.props.courseSharedBank.get('permission')),
+        entityTitle: _this2.props.scope.title
       });
-      _this.props.withConfirm(partial(_this.unshareBankWithCourse, _this.props.courseSharedBank), {
+      _this2.props.withConfirm(partial(_this2.unshareBankWithCourse, _this2.props.courseSharedBank), {
         title: t('Unshare Bank with Course'),
         text: confirmText,
         continueText: t('Confirm'),
-        onCancel: _this.onCancelUnshareBankWithCourse
+        onCancel: _this2.onCancelUnshareBankWithCourse
       });
     });
-    _defineProperty(_this, "onCancelUnshareBankWithCourse", function () {
-      _this.setState({
+    _defineProperty(_this2, "onCancelUnshareBankWithCourse", function () {
+      _this2.setState({
         shareWithCourseCheckboxDisabled: false
       });
     });
-    _defineProperty(_this, "addBankToQuiz", function () {
+    _defineProperty(_this2, "addBankToQuiz", function () {
       var newEntry = QuizEntry.create({
-        entryId: _this.props.bankId,
+        entryId: _this2.props.bankId,
         entryType: 'Bank',
-        position: _this.props.position,
-        stimulusQuizEntryId: _this.props.stimulusId
+        position: _this2.props.position,
+        stimulusQuizEntryId: _this2.props.stimulusId
       });
-      _this.props.addEntryToQuiz(_this.props.activeQuizId, newEntry.entryId, newEntry.entryType, newEntry.getProperties(), false).then(function () {
-        _this.props.screenreaderNotification(t('Bank was successfully added to the quiz'));
+      _this2.props.addEntryToQuiz(_this2.props.activeQuizId, newEntry.entryId, newEntry.entryType, newEntry.getProperties(), false).then(function () {
+        _this2.props.screenreaderNotification(t('Bank was successfully added to the quiz'));
       });
     });
-    _defineProperty(_this, "renderTopLeftMenu", function () {
+    _defineProperty(_this2, "renderTopLeftMenu", function () {
       return jsx("div", {
-        css: _this.props.styles.topLeftMenu
-      }, _this.renderMultiAdd());
+        css: _this2.props.styles.topLeftMenu
+      }, _this2.renderMultiAdd());
     });
-    _defineProperty(_this, "renderTopRightMenu", function () {
+    _defineProperty(_this2, "renderTopRightMenu", function () {
       return jsx("div", {
-        css: _this.props.styles.topRightMenu
-      }, _this.renderNewBankEntryButton());
+        css: _this2.props.styles.topRightMenu
+      }, _this2.renderNewBankEntryButton());
     });
-    _defineProperty(_this, "announceResults", function (_ref2) {
+    _defineProperty(_this2, "announceResults", function (_ref2) {
       var totalPages = _ref2.totalPages;
       var message = t("{\n      count, plural,\n         =0 {No search results found}\n        one {Displaying one page of results}\n      other {Displaying # pages of results}\n    }", {
         count: totalPages
@@ -157,14 +169,14 @@ export var Bank = (_dec = withStyleOverrides(generateStyle, generateComponentThe
       // We debounce using a larger interval for a11y, so that the user isn't
       // flooded with "Search results ready" messages every time they type a
       // character
-      _this.props.screenreaderNotification(message);
+      _this2.props.screenreaderNotification(message);
     });
-    _defineProperty(_this, "debouncedAnnounceResults", debounce(_this.announceResults, 1000));
-    _defineProperty(_this, "getPage", function (page, search) {
-      var _this$props2 = _this.props,
-        getBankEntries = _this$props2.getBankEntries,
-        bankId = _this$props2.bankId,
-        useBankSearch = _this$props2.useBankSearch;
+    _defineProperty(_this2, "debouncedAnnounceResults", debounce(_this2.announceResults, 1000));
+    _defineProperty(_this2, "getPage", function (page, search) {
+      var _this2$props2 = _this2.props,
+        getBankEntries = _this2$props2.getBankEntries,
+        bankId = _this2$props2.bankId,
+        useBankSearch = _this2$props2.useBankSearch;
       var text = search.get('text');
       var interactionTypes = search.get('interactionTypes', immutable.Set()).toJS();
       var tagIds = search.get('tags', []).map(function (tag) {
@@ -182,28 +194,28 @@ export var Bank = (_dec = withStyleOverrides(generateStyle, generateComponentThe
       var resultPage = getBankEntries(bankId, useBankSearch, params);
       if (resultPage) {
         return resultPage.then(function (results) {
-          _this.debouncedAnnounceResults(results);
+          _this2.debouncedAnnounceResults(results);
           return results;
         });
       } else {
         return Promise.resolve(null);
       }
     });
-    _defineProperty(_this, "getPageDebounced", debounceLatestPromise(function () {
-      var _this2;
-      return (_this2 = _this).getPage.apply(_this2, arguments);
+    _defineProperty(_this2, "getPageDebounced", debounceLatestPromise(function () {
+      var _this3;
+      return (_this3 = _this2).getPage.apply(_this3, arguments);
     }, 100));
-    _defineProperty(_this, "renderRecords", function (recordIds) {
-      var addEntryFunc = _this.props.isCompact && _this.props.addEntryToQuiz || null;
+    _defineProperty(_this2, "renderRecords", function (recordIds) {
+      var addEntryFunc = _this2.props.isCompact && _this2.props.addEntryToQuiz || null;
       return jsx(BankEntriesList, {
         addEntryToQuiz: addEntryFunc,
-        bank: _this.props.bank,
-        navigateToBankEntry: _this.props.navigateToBankEntry,
+        bank: _this2.props.bank,
+        navigateToBankEntry: _this2.props.navigateToBankEntry,
         recordIds: recordIds,
-        isQuizContentLocked: _this.props.isQuizContentLocked
+        isQuizContentLocked: _this2.props.isQuizContentLocked
       });
     });
-    return _this;
+    return _this2;
   }
   _inherits(Bank, _Component);
   return _createClass(Bank, [{
@@ -264,12 +276,12 @@ export var Bank = (_dec = withStyleOverrides(generateStyle, generateComponentThe
   }, {
     key: "renderNav",
     value: function renderNav() {
-      var _this$props3 = this.props,
-        scope = _this$props3.scope,
-        closeTray = _this$props3.closeTray,
-        navigateToBanks = _this$props3.navigateToBanks,
-        navigateToBuild = _this$props3.navigateToBuild,
-        returnToUrl = _this$props3.returnToUrl;
+      var _this$props = this.props,
+        scope = _this$props.scope,
+        closeTray = _this$props.closeTray,
+        navigateToBanks = _this$props.navigateToBanks,
+        navigateToBuild = _this$props.navigateToBuild,
+        returnToUrl = _this$props.returnToUrl;
       var isScopeEmpty = !Object.keys(scope).length;
       return jsx(NavWrapper, {
         closeTray: closeTray,

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

@@ -1,6 +1,6 @@
 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; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var generateStyle = function generateStyle(componentTheme) {
   var menuStyles = {
     display: 'flex',

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

@@ -5,8 +5,20 @@ import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 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; })(); }
+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 = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -19,26 +31,26 @@ import generateComponentTheme from './theme';
 import { withStyleOverrides } from '@instructure/quiz-common';
 export var BankEntriesList = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_BankEntriesList = /*#__PURE__*/function (_Component) {
   function BankEntriesList() {
-    var _this;
+    var _this2;
     _classCallCheck(this, BankEntriesList);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, BankEntriesList, [].concat(args));
-    _defineProperty(_this, "renderEntry", function (entry) {
+    _this2 = _callSuper(this, BankEntriesList, [].concat(args));
+    _defineProperty(_this2, "renderEntry", function (entry) {
       var entryId = entry.get('id');
       return jsx(Card, {
         key: entryId,
-        css: _this.props.styles.entryRow
+        css: _this2.props.styles.entryRow
       }, jsx(BankEntryRow, {
         bankEntry: entry,
-        bank: _this.props.bank,
-        navigateToBankEntry: _this.props.navigateToBankEntry,
-        addEntryToQuiz: _this.props.addEntryToQuiz,
-        isQuizContentLocked: _this.props.isQuizContentLocked
+        bank: _this2.props.bank,
+        navigateToBankEntry: _this2.props.navigateToBankEntry,
+        addEntryToQuiz: _this2.props.addEntryToQuiz,
+        isQuizContentLocked: _this2.props.isQuizContentLocked
       }));
     });
-    return _this;
+    return _this2;
   }
   _inherits(BankEntriesList, _Component);
   return _createClass(BankEntriesList, [{

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

@@ -7,8 +7,20 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 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; })(); }
+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 = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 /** @jsx jsx */
 import { Component } from 'react';
 import ReactDOM from 'react-dom';
@@ -49,55 +61,55 @@ import generateStyle from './styles';
 import generateComponentTheme from './theme';
 export var BankEntry = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_BankEntry = /*#__PURE__*/function (_Component) {
   function BankEntry() {
-    var _this;
+    var _this2;
     _classCallCheck(this, BankEntry);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, BankEntry, [].concat(args));
-    _defineProperty(_this, "state", {
+    _this2 = _callSuper(this, BankEntry, [].concat(args));
+    _defineProperty(_this2, "state", {
       validationErrorsFromApi: {}
     });
-    _defineProperty(_this, "setNavToBankRef", function (node) {
-      _this.navToBankRef = node;
+    _defineProperty(_this2, "setNavToBankRef", function (node) {
+      _this2.navToBankRef = node;
     });
-    _defineProperty(_this, "navigateToBank", function () {
-      _this.props.navigateToBank(_this.props.bankId);
+    _defineProperty(_this2, "navigateToBank", function () {
+      _this2.props.navigateToBank(_this2.props.bankId);
     });
-    _defineProperty(_this, "handleTitleChange", function (e) {
-      _this.props.changeItemTitle(_this.props.entry.id, e.target.value);
+    _defineProperty(_this2, "handleTitleChange", function (e) {
+      _this2.props.changeItemTitle(_this2.props.entry.id, e.target.value);
     });
-    _defineProperty(_this, "clearValidationErrorsFromApi", function (inputId) {
+    _defineProperty(_this2, "clearValidationErrorsFromApi", function (inputId) {
       if (inputId === CLEAR_ALL_INPUT_VALIDATION_ERRORS) {
-        _this.setState({
+        _this2.setState({
           validationErrorsFromApi: {}
         });
       }
-      if (_this.state.validationErrorsFromApi[inputId]) {
-        var newErrors = Object.assign({}, _this.state.validationErrorsFromApi);
+      if (_this2.state.validationErrorsFromApi[inputId]) {
+        var newErrors = Object.assign({}, _this2.state.validationErrorsFromApi);
         delete newErrors[inputId];
-        _this.setState({
+        _this2.setState({
           validationErrorsFromApi: newErrors
         });
       }
     });
-    _defineProperty(_this, "submitHandler", /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    _defineProperty(_this2, "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()) {
+            if (!_this2.props.entry.isTemporary()) {
               _context.next = 6;
               break;
             }
             _context.next = 4;
-            return _this.temporarySubmit();
+            return _this2.temporarySubmit();
           case 4:
             _context.next = 8;
             break;
           case 6:
             _context.next = 8;
-            return _this.normalSubmit();
+            return _this2.normalSubmit();
           case 8:
             _context.next = 16;
             break;
@@ -108,7 +120,7 @@ export var BankEntry = (_dec = withStyleOverrides(generateStyle, generateCompone
               _context.next = 15;
               break;
             }
-            _this.setState({
+            _this2.setState({
               validationErrorsFromApi: _context.t0.validationErrorsFromApi
             });
             // Throwing an error here would cause an alert banner to show,
@@ -117,82 +129,82 @@ export var BankEntry = (_dec = withStyleOverrides(generateStyle, generateCompone
           case 15:
             throw _context.t0;
           case 16:
-            _this.navigateToBank();
+            _this2.navigateToBank();
           case 17:
           case "end":
             return _context.stop();
         }
       }, _callee, null, [[0, 10]]);
     })));
-    _defineProperty(_this, "handleRef", function (node) {
-      _this.itemEditArea = node;
+    _defineProperty(_this2, "handleRef", function (node) {
+      _this2.itemEditArea = node;
     });
-    _defineProperty(_this, "clearChanges", function () {
-      _this.clearValidationErrorsFromApi(CLEAR_ALL_INPUT_VALIDATION_ERRORS);
-      if (!_this.props.entry) return;
-      if (_this.props.entry.isTemporary()) {
-        _this.props.clearTemporaryBankItem(_this.props.bankId);
+    _defineProperty(_this2, "clearChanges", function () {
+      _this2.clearValidationErrorsFromApi(CLEAR_ALL_INPUT_VALIDATION_ERRORS);
+      if (!_this2.props.entry) return;
+      if (_this2.props.entry.isTemporary()) {
+        _this2.props.clearTemporaryBankItem(_this2.props.bankId);
       }
-      _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, []);
+      _this2.props.clearModifications('items', _this2.props.entry.id);
+      _this2.props.setPendingDeletionTagAssociations(_this2.props.bankEntry.entryType, _this2.props.entry.id, []);
+      _this2.props.setPendingAdditionTagAssociations(_this2.props.bankEntry.entryType, _this2.props.entry.id, []);
     });
-    _defineProperty(_this, "handlePointsChange", function (points) {
-      _this.props.changeQuizEntryPoints(_this.props.entry.id, points);
+    _defineProperty(_this2, "handlePointsChange", function (points) {
+      _this2.props.changeQuizEntryPoints(_this2.props.entry.id, points);
     });
-    _defineProperty(_this, "editProps", function (entry) {
+    _defineProperty(_this2, "editProps", function (entry) {
       return {
-        cancelHandler: _this.navigateToBank,
-        clearChanges: _this.clearChanges,
-        clearValidationErrorsFromApi: _this.clearValidationErrorsFromApi,
+        cancelHandler: _this2.navigateToBank,
+        clearChanges: _this2.clearChanges,
+        clearValidationErrorsFromApi: _this2.clearValidationErrorsFromApi,
         contextUuid: null,
         entry: entry,
-        guid: "".concat(_this.props.bankEntry.id, "_bank_entry_edit"),
-        handleQuizEntryPointsChange: _this.handlePointsChange,
-        itemEditArea: _this.itemEditArea,
-        parentId: _this.props.bankId,
+        guid: "".concat(_this2.props.bankEntry.id, "_bank_entry_edit"),
+        handleQuizEntryPointsChange: _this2.handlePointsChange,
+        itemEditArea: _this2.itemEditArea,
+        parentId: _this2.props.bankId,
         parentType: PARENT_TYPE_BANK,
         stimulus: entry,
-        submitHandler: _this.submitHandler,
-        validationErrorsFromApi: _this.state.validationErrorsFromApi,
-        scope: _this.props.scope
+        submitHandler: _this2.submitHandler,
+        validationErrorsFromApi: _this2.state.validationErrorsFromApi,
+        scope: _this2.props.scope
       };
     });
-    _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
+    _defineProperty(_this2, "openFeedbackModal", function () {
+      _this2.props.setUi(ITEM_FEEDBACK_MODAL_ITEM, _this2.props.entry.getWorkingInstance());
+      _this2.props.setUi(ITEM_FEEDBACK_MODAL_FEEDBACK, _this2.props.entry.getWorkingInstance().feedback);
+      _this2.props.openModal(ITEM_FEEDBACK_MODAL, {
+        modalTrigger: _this2.addFeedbackButton
       });
     });
-    _defineProperty(_this, "storeFeedbackButtonRef", function (button) {
-      _this.addFeedbackButton = button;
+    _defineProperty(_this2, "storeFeedbackButtonRef", function (button) {
+      _this2.addFeedbackButton = button;
     });
-    _defineProperty(_this, "compareTagValues", function (left, right) {
+    _defineProperty(_this2, "compareTagValues", function (left, right) {
       return left.tag_value === right.tag_value;
     });
-    _defineProperty(_this, "tagToAssociation", function (_ref2) {
+    _defineProperty(_this2, "tagToAssociation", function (_ref2) {
       var value = _ref2.value;
       return {
         tag_value: value
       };
     });
-    _defineProperty(_this, "handleTagChange", function (tags) {
-      var bankEntry = _this.props.bankEntry;
-      var tagAssociations = _this.props.tagAssociations.toJS();
-      var associations = tags.map(_this.tagToAssociation);
-      var removed = differenceWith(tagAssociations, associations, _this.compareTagValues);
-      var created = differenceWith(associations, tagAssociations, _this.compareTagValues);
+    _defineProperty(_this2, "handleTagChange", function (tags) {
+      var bankEntry = _this2.props.bankEntry;
+      var tagAssociations = _this2.props.tagAssociations.toJS();
+      var associations = tags.map(_this2.tagToAssociation);
+      var removed = differenceWith(tagAssociations, associations, _this2.compareTagValues);
+      var created = differenceWith(associations, tagAssociations, _this2.compareTagValues);
       // If a tag that was removed is being re-added,
       // remove from both addAssociations and deletedTags
-      var restored = intersectionWith(created, removed, _this.compareTagValues);
+      var restored = intersectionWith(created, removed, _this2.compareTagValues);
       var addOperations = differenceWith(created, restored, isEqual);
-      var deleteOperations = differenceWith(removed, restored, _this.compareTagValues);
-      var bankEntryId = _this.getBankEntryId(bankEntry);
-      _this.props.setPendingDeletionTagAssociations(bankEntry.entryType, bankEntryId, deleteOperations);
-      _this.props.setPendingAdditionTagAssociations(bankEntry.entryType, bankEntryId, addOperations);
+      var deleteOperations = differenceWith(removed, restored, _this2.compareTagValues);
+      var bankEntryId = _this2.getBankEntryId(bankEntry);
+      _this2.props.setPendingDeletionTagAssociations(bankEntry.entryType, bankEntryId, deleteOperations);
+      _this2.props.setPendingAdditionTagAssociations(bankEntry.entryType, bankEntryId, addOperations);
     });
-    return _this;
+    return _this2;
   }
   _inherits(BankEntry, _Component);
   return _createClass(BankEntry, [{
@@ -603,7 +615,7 @@ export var BankEntry = (_dec = withStyleOverrides(generateStyle, generateCompone
   }, {
     key: "renderEntry",
     value: function renderEntry(entry) {
-      var _this2 = this;
+      var _this3 = this;
       if (!entry) return;
       var _this$props3 = this.props,
         bankEntry = _this$props3.bankEntry,
@@ -623,8 +635,8 @@ export var BankEntry = (_dec = withStyleOverrides(generateStyle, generateCompone
           noMatchText: t('Enter a tag to find or create'),
           parentType: entryType,
           parentId: entryId,
-          onChange: _this2.handleTagChange,
-          tags: _this2.visibleTags()
+          onChange: _this3.handleTagChange,
+          tags: _this3.visibleTags()
         });
       };
       var editWarning = this.getEditWarning();

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

@@ -1,6 +1,6 @@
 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; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var generateStyle = function generateStyle(componentTheme) {
   var footerStyles = {
     display: 'flex',