@instructure/quiz-core 21.1.1 → 21.2.1

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

@@ -1,45 +1,46 @@
 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";
+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; })(); }
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Button, CloseButton } from '@instructure/ui-buttons';
 import { Heading } from '@instructure/ui-heading';
 import { RadioInputGroup, RadioInput } from '@instructure/ui-radio-input';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
-import Bank from "../../../common/records/Bank.js";
-import BankSelection from "../../../common/components/resources/BankSelection/presenter.js";
+import Bank from '../../../common/records/Bank';
+import BankSelection from '../../../common/components/resources/BankSelection/presenter';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { Modal, ModalHeader, ModalBody, ModalFooter, TextInput, XSMALL_SIDE_MARGIN } from '@instructure/quiz-common';
-import { featureOn } from "../../../common/util/featureCheck.js";
-var _ref = /*#__PURE__*/React.createElement("br", null);
+import { featureOn } from '../../../common/util/featureCheck';
 export var AddToBankModal = /*#__PURE__*/function (_Component) {
-  _inherits(AddToBankModal, _Component);
-  var _super = _createSuper(AddToBankModal);
   function AddToBankModal() {
     var _this;
     _classCallCheck(this, AddToBankModal);
     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, AddToBankModal, [].concat(args));
+    _defineProperty(_this, "state", {
       bankType: 'existing',
       newBankTitle: '',
       selectedBank: null
-    };
-    _this.copyBankEntry = function (entryId, bankId) {
+    });
+    _defineProperty(_this, "copyBankEntry", function (entryId, bankId) {
       if (featureOn('instfs_bank_entry_movement_endpoints')) {
         return _this.props.moveBankEntryFromQuizEntry(_this.props.quizId, entryId, _this.props.entryType, bankId);
       } else {
         return _this.props.createBankEntry(bankId, _this.props.entryType, entryId);
       }
-    };
-    _this.addToBank = function (bankId) {
+    });
+    _defineProperty(_this, "addToBank", function (bankId) {
       _this.props.getEntry().then(function (entry) {
         return _this.copyBankEntry(entry.id, bankId);
-      }).then(_this.props.onAdd).catch(function (e) {
+      }).then(_this.props.onAdd)["catch"](function (e) {
         if (e.validationErrorsFromApi) {
           // Close the modal so the user can view the input validation errors and correct them
           _this.closeAction();
@@ -49,8 +50,8 @@ export var AddToBankModal = /*#__PURE__*/function (_Component) {
         // Some other type of error occurred
         throw e;
       });
-    };
-    _this.continueAction = function () {
+    });
+    _defineProperty(_this, "continueAction", function () {
       _this.props.closeModal();
       _this.props.onContinue();
       if (_this.state.bankType === 'new') {
@@ -64,28 +65,29 @@ export var AddToBankModal = /*#__PURE__*/function (_Component) {
       } else {
         _this.addToBank(_this.state.selectedBank.id);
       }
-    };
-    _this.closeAction = function () {
+    });
+    _defineProperty(_this, "closeAction", function () {
       _this.props.closeModal();
-    };
-    _this.onBankSelection = function (e, option) {
+    });
+    _defineProperty(_this, "onBankSelection", function (e, option) {
       _this.setState({
         selectedBank: new Bank(option)
       });
-    };
-    _this.handleRadioChange = function (event, value) {
+    });
+    _defineProperty(_this, "handleRadioChange", function (event, value) {
       _this.setState({
         bankType: value
       });
-    };
-    _this.onTitleChange = function (e) {
+    });
+    _defineProperty(_this, "onTitleChange", function (e) {
       _this.setState({
         newBankTitle: e.target.value
       });
-    };
+    });
     return _this;
   }
-  _createClass(AddToBankModal, [{
+  _inherits(AddToBankModal, _Component);
+  return _createClass(AddToBankModal, [{
     key: "cancelButton",
     value: function cancelButton() {
       return /*#__PURE__*/React.createElement(Button, {
@@ -140,7 +142,7 @@ export var AddToBankModal = /*#__PURE__*/function (_Component) {
       }), /*#__PURE__*/React.createElement(RadioInput, {
         value: "new",
         label: t('New item bank')
-      })), _ref, this.renderBankTypeContent());
+      })), /*#__PURE__*/React.createElement("br", null), this.renderBankTypeContent());
     }
   }, {
     key: "render",
@@ -162,10 +164,8 @@ export var AddToBankModal = /*#__PURE__*/function (_Component) {
       })), /*#__PURE__*/React.createElement(ModalBody, null, this.renderContent()), /*#__PURE__*/React.createElement(ModalFooter, null, this.cancelButton(), this.addToBankButton()));
     }
   }]);
-  AddToBankModal.displayName = "AddToBankModal";
-  return AddToBankModal;
 }(Component);
-AddToBankModal.propTypes = {
+_defineProperty(AddToBankModal, "propTypes", {
   closeModal: PropTypes.func.isRequired,
   createBank: PropTypes.func.isRequired,
   moveBankEntryFromQuizEntry: PropTypes.func.isRequired,
@@ -185,13 +185,13 @@ AddToBankModal.propTypes = {
   onContinue: PropTypes.func,
   uiSet: PropTypes.func.isRequired,
   quizId: PropTypes.string.isRequired
-};
-AddToBankModal.defaultProps = {
+});
+_defineProperty(AddToBankModal, "defaultProps", {
   handleValidationErrorsFromApi: function handleValidationErrorsFromApi() {},
   onAdd: function onAdd() {},
   onContinue: function onContinue() {}
-};
-AddToBankModal.contextTypes = {
+});
+_defineProperty(AddToBankModal, "contextTypes", {
   locale: PropTypes.string
-};
+});
 export default AddToBankModal;

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

@@ -1,28 +1,31 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 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";
+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 _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; })(); }
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import debounce from 'lodash/fp/debounce';
 import find from 'lodash/fp/find';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { Spinner } from '@instructure/ui-spinner';
-import TagWrapper from "../../../common/components/shared/TagWrapper/index.js";
+import TagWrapper from '../../../common/components/shared/TagWrapper';
 import { SHARED_WITH_USER, SHARED_WITH_COURSE, SHARED_WITH_ACCOUNT, SELECT_EMPTY_OPTION, Select } from '@instructure/quiz-common';
 export var AsyncSearch = /*#__PURE__*/function (_Component) {
-  _inherits(AsyncSearch, _Component);
-  var _super = _createSuper(AsyncSearch);
   function AsyncSearch() {
     var _this;
     _classCallCheck(this, AsyncSearch);
-    _this = _super.apply(this, arguments);
-    _this.setInputRef = function (inputRef) {
+    _this = _callSuper(this, AsyncSearch, arguments);
+    _defineProperty(_this, "setInputRef", function (inputRef) {
       _this.inputRef = inputRef;
-    };
-    _this.state = {
+    });
+    _defineProperty(_this, "state", {
       inputValue: '',
       isShowingOptions: false,
       isLoading: false,
@@ -30,13 +33,13 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
       shareableSubaccounts: [],
       shareableCourses: [],
       shareableUsers: []
-    };
-    _this.handleShowOptions = function () {
+    });
+    _defineProperty(_this, "handleShowOptions", function () {
       _this.setState({
         isShowingOptions: true
       });
-    };
-    _this.handleHideOptions = function () {
+    });
+    _defineProperty(_this, "handleHideOptions", function () {
       var allOptions = [].concat(_toConsumableArray(_this.filterOptions(_this.state.shareableSubaccounts)), _toConsumableArray(_this.filterOptions(_this.state.shareableCourses)), _toConsumableArray(_this.filterOptions(_this.state.shareableUsers)));
 
       // an option matching user input exists
@@ -57,13 +60,13 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
         shareableUsers: [],
         inputValue: ''
       });
-    };
-    _this.handleBlur = function () {
+    });
+    _defineProperty(_this, "handleBlur", function () {
       _this.setState({
         highlightedOptionId: null
       });
-    };
-    _this.handleHighlightOption = function (event, _ref) {
+    });
+    _defineProperty(_this, "handleHighlightOption", function (event, _ref) {
       var id = _ref.id;
       event.persist();
       var option = _this.getOptionById(id);
@@ -72,13 +75,13 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
         highlightedOptionId: id,
         inputValue: event.type === 'keydown' ? option.fullName || option.title : _this.state.inputValue
       });
-    };
-    _this.changeSelectedOption = function (optionIds) {
+    });
+    _defineProperty(_this, "changeSelectedOption", function (optionIds) {
       _this.props.onSelectionChange(optionIds.map(function (id) {
         return _this.getOptionById(id);
       }));
-    };
-    _this.handleSelectOption = function (event, _ref2) {
+    });
+    _defineProperty(_this, "handleSelectOption", function (event, _ref2) {
       var id = _ref2.id;
       if (!id || id === SELECT_EMPTY_OPTION) return;
       _this.changeSelectedOption([].concat(_toConsumableArray(_this.props.selectedOption.map(function (option) {
@@ -88,8 +91,8 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
         inputValue: '',
         isShowingOptions: false
       });
-    };
-    _this.handleInputChange = function (event) {
+    });
+    _defineProperty(_this, "handleInputChange", function (event) {
       var value = event.target.value;
       var longEnough = value && value.length >= _this.props.minChars;
       var common = {
@@ -109,8 +112,8 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
           isLoading: false
         }));
       }
-    };
-    _this.handleKeyDown = function (event) {
+    });
+    _defineProperty(_this, "handleKeyDown", function (event) {
       var inputValue = _this.state.inputValue;
       if (event.keyCode === 8) {
         // when backspace key is pressed
@@ -124,8 +127,8 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
           });
         }
       }
-    };
-    _this.dismissTag = function (id) {
+    });
+    _defineProperty(_this, "dismissTag", function (id) {
       _this.changeSelectedOption(_this.props.selectedOption.filter(function (option) {
         return option.uuid !== id;
       }).map(function (option) {
@@ -136,7 +139,7 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
       }, function () {
         _this.inputRef.focus();
       });
-    };
+    });
     _this.search = debounce(_this.props.debounceDelay, function (value) {
       var shouldSearchPeople = !_this.props.searchType || _this.props.searchType === SHARED_WITH_USER;
       var shouldSearchCourses = !_this.props.searchType || _this.props.searchType === SHARED_WITH_COURSE;
@@ -175,7 +178,8 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
     });
     return _this;
   }
-  _createClass(AsyncSearch, [{
+  _inherits(AsyncSearch, _Component);
+  return _createClass(AsyncSearch, [{
     key: "getOptionById",
     value: function getOptionById(id) {
       var user = find({
@@ -351,10 +355,8 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
       }, this.renderOptions());
     }
   }]);
-  AsyncSearch.displayName = "AsyncSearch";
-  return AsyncSearch;
 }(Component);
-AsyncSearch.propTypes = {
+_defineProperty(AsyncSearch, "propTypes", {
   debounceDelay: PropTypes.number,
   minChars: PropTypes.number,
   onSelectionChange: PropTypes.func.isRequired,
@@ -371,8 +373,8 @@ AsyncSearch.propTypes = {
   selectionFilter: PropTypes.func,
   searchLabel: PropTypes.string,
   placeholderLabel: PropTypes.string
-};
-AsyncSearch.defaultProps = {
+});
+_defineProperty(AsyncSearch, "defaultProps", {
   debounceDelay: 500,
   minChars: 1,
   searchType: null,
@@ -384,5 +386,5 @@ AsyncSearch.defaultProps = {
   getShareableSubaccounts: null,
   searchLabel: t('Share With'),
   placeholder: null
-};
+});
 export default AsyncSearch;

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

@@ -1,17 +1,17 @@
 import * as immutable from 'immutable';
-import { Bank as BankPresenter } from "./presenter.js";
-import { connect } from "../../../common/react-redux.js";
-import BankRecord from "../../../common/records/Bank.js";
-import { getActiveQuiz } from "../../../common/selectors/quizzes.js";
-import { getBank, getSharedBank, shareBank, updateSharedBankPermission } from "../../../banks/api/banks.js";
-import { getBankEntries } from "../../../banks/api/bankEntries.js";
-import { createQuizEntry } from "../../../building/api/quizEntries.js";
-import { openModal, withConfirm } from "../../../common/actions/modal.js";
+import { Bank as BankPresenter } from './presenter';
+import { connect } from '../../../common/react-redux';
+import BankRecord from '../../../common/records/Bank';
+import { getActiveQuiz } from '../../../common/selectors/quizzes';
+import { getBank, getSharedBank, shareBank, updateSharedBankPermission } from '../../../banks/api/banks';
+import { getBankEntries } from '../../../banks/api/bankEntries';
+import { createQuizEntry } from '../../../building/api/quizEntries';
+import { openModal, withConfirm } from '../../../common/actions/modal';
 import { BUILD_TRAY_POSITION, BUILD_TRAY_STIMULUS_ID } from '@instructure/quiz-common';
-import { screenreaderNotification } from "../../../common/actions/alerts.js";
-import { reset as resetSearch } from "../../../common/actions/bankSearch.js";
-import { removeSharedBank } from "../../../common/actions/sharedBanks.js";
-import { featureOn } from "../../../common/util/featureCheck.js";
+import { screenreaderNotification } from '../../../common/actions/alerts';
+import { reset as resetSearch } from '../../../common/actions/bankSearch';
+import { removeSharedBank } from '../../../common/actions/sharedBanks';
+import { featureOn } from '../../../common/util/featureCheck';
 export function mapStateToProps(state, props) {
   var bank = new BankRecord(state.getIn(['banks', props.bankId]));
   var search = state.get('bankSearch', immutable.Map());

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

@@ -1,11 +1,14 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-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, _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; })(); }
 /** @jsx jsx */
 import { Component } from 'react';
 import * as immutable from 'immutable';
@@ -21,99 +24,93 @@ import { AccessibleContent } from '@instructure/ui-a11y-content';
 import { jsx } from '@instructure/emotion';
 import { Checkbox } from '@instructure/ui-checkbox';
 import { View } from '@instructure/ui-view';
-import { HeaderBreadCrumb } from "../HeaderBreadCrumb/index.js";
-import BankRecord from "../../../common/records/Bank.js";
-import Page from "../../../common/components/layout/Page/index.js";
-import PaginatedCollection from "../../../common/components/shared/PaginatedCollection/index.js";
-import QuizEntry from "../../../common/records/QuizEntry.js";
+import { HeaderBreadCrumb } from '../HeaderBreadCrumb';
+import BankRecord from '../../../common/records/Bank';
+import Page from '../../../common/components/layout/Page';
+import PaginatedCollection from '../../../common/components/shared/PaginatedCollection';
+import QuizEntry from '../../../common/records/QuizEntry';
 import t from '@instructure/quiz-i18n/es/format-message';
-import debounceLatestPromise from "../../../common/util/debounceLatestPromise.js";
-import AddBankEntryModal from "../../../banks/components/AddBankEntryModal/index.js";
-import BankEntriesList from "../../../banks/components/BankEntriesList/index.js";
-import BankSearch from "../../../banks/components/BankSearch/index.js";
-import HeaderMenu from "../../../banks/components/HeaderMenu/index.js";
-import NavWrapper from "../NavWrapper/index.js";
+import debounceLatestPromise from '../../../common/util/debounceLatestPromise';
+import AddBankEntryModal from '../../../banks/components/AddBankEntryModal';
+import BankEntriesList from '../../../banks/components/BankEntriesList';
+import BankSearch from '../../../banks/components/BankSearch';
+import HeaderMenu from '../../../banks/components/HeaderMenu';
+import NavWrapper from '../NavWrapper';
 import { ADD_BANK_ENTRY_MODAL, BANKS_BANK_ENTRY_PAGINATION, CAN_EDIT, REMOVED_ACCESS, READ_ONLY, withStyleOverrides } from '@instructure/quiz-common';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
-var _ref = jsx(IconMoreSolid, null);
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 export var Bank = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Bank = /*#__PURE__*/function (_Component) {
-  _inherits(Bank, _Component);
-  var _super = _createSuper(Bank);
   function Bank() {
     var _this;
     _classCallCheck(this, Bank);
     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, Bank, [].concat(_args));
+    _defineProperty(_this, "state", {
       sharedWithCourse: false,
       shareWithCourseCheckboxDisabled: true
-    };
-    _this.openAddBankEntryModal = function () {
+    });
+    _defineProperty(_this, "openAddBankEntryModal", function () {
       _this.props.openModal(ADD_BANK_ENTRY_MODAL, {
         modalTrigger: _this.createBankEntryButton
       });
-    };
-    _this.renderHeaderMenu = function () {
+    });
+    _defineProperty(_this, "renderHeaderMenu", function () {
       if (!_this.props.isCompact) {
         return jsx(HeaderMenu, {
           bank: _this.props.bank,
           iceTopNavBarEnabled: _this.props.iceTopNavBarEnabled,
           id: "BankMenu",
-          renderIcon: _ref
+          renderIcon: jsx(IconMoreSolid, null)
         });
       }
-    };
-    _this.storeCreateBankEntryButtonRef = function (c) {
+    });
+    _defineProperty(_this, "storeCreateBankEntryButtonRef", function (c) {
       _this.createBankEntryButton = c;
-    };
-    _this.renderBankBreadCrumbLink = function () {
+    });
+    _defineProperty(_this, "renderBankBreadCrumbLink", function () {
       return jsx(BreadcrumbLink, {
         key: "bank"
       }, _this.props.bank.title);
-    };
-    _this.toggleCheckbox = function () {
+    });
+    _defineProperty(_this, "toggleCheckbox", function () {
       // disable until request resolves
       _this.setState({
         shareWithCourseCheckboxDisabled: true
       });
       _this.changeSharedPermissions();
-    };
-    _this.unshareBankWithCourse = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(sharedBank) {
+    });
+    _defineProperty(_this, "unshareBankWithCourse", /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(sharedBank) {
         var _this$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;
-                _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();
-                  }
-                });
-              case 4:
-              case "end":
-                return _context.stop();
-            }
+          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;
+              _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();
+                }
+              });
+            case 4:
+            case "end":
+              return _context.stop();
           }
         }, _callee);
       }));
       return function (_x) {
-        return _ref2.apply(this, arguments);
+        return _ref.apply(this, arguments);
       };
-    }();
-    _this.translatedPermissionLevel = function (permission) {
-      var _CAN_EDIT$READ_ONLY$p;
-      return (_CAN_EDIT$READ_ONLY$p = {}, _defineProperty(_CAN_EDIT$READ_ONLY$p, CAN_EDIT, t('edit')), _defineProperty(_CAN_EDIT$READ_ONLY$p, READ_ONLY, t('view')), _CAN_EDIT$READ_ONLY$p)[permission];
-    };
-    _this.confirmUnshareBankWithCourse = function () {
+    }());
+    _defineProperty(_this, "translatedPermissionLevel", function (permission) {
+      return _defineProperty(_defineProperty({}, CAN_EDIT, t('edit')), READ_ONLY, t('view'))[permission];
+    });
+    _defineProperty(_this, "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
@@ -124,13 +121,13 @@ export var Bank = (_dec = withStyleOverrides(generateStyle, generateComponentThe
         continueText: t('Confirm'),
         onCancel: _this.onCancelUnshareBankWithCourse
       });
-    };
-    _this.onCancelUnshareBankWithCourse = function () {
+    });
+    _defineProperty(_this, "onCancelUnshareBankWithCourse", function () {
       _this.setState({
         shareWithCourseCheckboxDisabled: false
       });
-    };
-    _this.addBankToQuiz = function () {
+    });
+    _defineProperty(_this, "addBankToQuiz", function () {
       var newEntry = QuizEntry.create({
         entryId: _this.props.bankId,
         entryType: 'Bank',
@@ -140,19 +137,19 @@ export var Bank = (_dec = withStyleOverrides(generateStyle, generateComponentThe
       _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'));
       });
-    };
-    _this.renderTopLeftMenu = function () {
+    });
+    _defineProperty(_this, "renderTopLeftMenu", function () {
       return jsx("div", {
         css: _this.props.styles.topLeftMenu
       }, _this.renderMultiAdd());
-    };
-    _this.renderTopRightMenu = function () {
+    });
+    _defineProperty(_this, "renderTopRightMenu", function () {
       return jsx("div", {
         css: _this.props.styles.topRightMenu
       }, _this.renderNewBankEntryButton());
-    };
-    _this.announceResults = function (_ref3) {
-      var totalPages = _ref3.totalPages;
+    });
+    _defineProperty(_this, "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
       });
@@ -161,9 +158,9 @@ export var Bank = (_dec = withStyleOverrides(generateStyle, generateComponentThe
       // flooded with "Search results ready" messages every time they type a
       // character
       _this.props.screenreaderNotification(message);
-    };
-    _this.debouncedAnnounceResults = debounce(_this.announceResults, 1000);
-    _this.getPage = function (page, search) {
+    });
+    _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,
@@ -191,12 +188,12 @@ export var Bank = (_dec = withStyleOverrides(generateStyle, generateComponentThe
       } else {
         return Promise.resolve(null);
       }
-    };
-    _this.getPageDebounced = debounceLatestPromise(function () {
+    });
+    _defineProperty(_this, "getPageDebounced", debounceLatestPromise(function () {
       var _this2;
       return (_this2 = _this).getPage.apply(_this2, arguments);
-    }, 100);
-    _this.renderRecords = function (recordIds) {
+    }, 100));
+    _defineProperty(_this, "renderRecords", function (recordIds) {
       var addEntryFunc = _this.props.isCompact && _this.props.addEntryToQuiz || null;
       return jsx(BankEntriesList, {
         addEntryToQuiz: addEntryFunc,
@@ -205,17 +202,18 @@ export var Bank = (_dec = withStyleOverrides(generateStyle, generateComponentThe
         recordIds: recordIds,
         isQuizContentLocked: _this.props.isQuizContentLocked
       });
-    };
+    });
     return _this;
   }
-  _createClass(Bank, [{
+  _inherits(Bank, _Component);
+  return _createClass(Bank, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.resetSearch(this.props.bankId);
       if (this.props.onError) {
-        this.props.getBank(this.props.bankId).catch(this.props.onError);
+        this.props.getBank(this.props.bankId)["catch"](this.props.onError);
         if (this.shouldRenderShareWithCourseCheckbox()) {
-          this.props.getSharedBank(this.props.bankId, this.props.scope.type, this.props.scope.uuid).catch(this.props.onError);
+          this.props.getSharedBank(this.props.bankId, this.props.scope.type, this.props.scope.uuid)["catch"](this.props.onError);
         }
       } else {
         this.props.getBank(this.props.bankId);
@@ -438,9 +436,7 @@ export var Bank = (_dec = withStyleOverrides(generateStyle, generateComponentThe
       })));
     }
   }]);
-  Bank.displayName = "Bank";
-  return Bank;
-}(Component), _Bank.displayName = 'Bank', _Bank.componentId = "Quizzes".concat(_Bank.displayName), _Bank.propTypes = {
+}(Component), _defineProperty(_Bank, "displayName", 'Bank'), _defineProperty(_Bank, "componentId", "Quizzes".concat(_Bank.displayName)), _defineProperty(_Bank, "propTypes", {
   activeQuizId: PropTypes.string,
   addEntryToQuiz: PropTypes.func,
   bankId: PropTypes.string.isRequired,
@@ -482,7 +478,7 @@ export var Bank = (_dec = withStyleOverrides(generateStyle, generateComponentThe
   withConfirm: PropTypes.func.isRequired,
   iceTopNavBarEnabled: PropTypes.bool,
   styles: PropTypes.object
-}, _Bank.defaultProps = {
+}), _defineProperty(_Bank, "defaultProps", {
   activeQuizId: null,
   addEntryToQuiz: null,
   closeTray: function closeTray() {},
@@ -499,5 +495,5 @@ export var Bank = (_dec = withStyleOverrides(generateStyle, generateComponentThe
   showShareBankFromTray: false,
   courseSharedBank: null,
   iceTopNavBarEnabled: false
-}, _Bank)) || _class);
+}), _Bank)) || _class);
 export default Bank;