@instructure/quiz-core 20.20.1-rc.2 → 20.20.1-snapshot.4

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

@@ -15,20 +15,14 @@ import TagWrapper from "../../../common/components/shared/TagWrapper/index.js";
 import { SHARED_WITH_USER, SHARED_WITH_COURSE, SHARED_WITH_ACCOUNT, SELECT_EMPTY_OPTION } 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.inputRef = inputRef;
     };
-
     _this.state = {
       inputValue: '',
       isShowingOptions: false,
@@ -38,28 +32,25 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
       shareableCourses: [],
       shareableUsers: []
     };
-
     _this.handleShowOptions = function () {
       _this.setState({
         isShowingOptions: true
       });
     };
-
     _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
+      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
       if (allOptions.length === 1) {
-        var onlyOption = allOptions[0]; // automatically select the matching option
-
+        var onlyOption = allOptions[0];
+        // automatically select the matching option
         var label = onlyOption.label || onlyOption.fullName || onlyOption.title || onlyOption.name;
-
         if (label && label.toLowerCase() === _this.state.inputValue.toLowerCase()) {
           _this.changeSelectedOption([].concat(_toConsumableArray(_this.props.selectedOption.map(function (option) {
             return option.uuid;
           })), [onlyOption.uuid]));
         }
       }
-
       _this.setState({
         isShowingOptions: false,
         highlightedOptionId: null,
@@ -68,47 +59,37 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
         inputValue: ''
       });
     };
-
     _this.handleBlur = function () {
       _this.setState({
         highlightedOptionId: null
       });
     };
-
     _this.handleHighlightOption = function (event, _ref) {
       var id = _ref.id;
       event.persist();
-
       var option = _this.getOptionById(id);
-
       if (!option) return;
-
       _this.setState({
         highlightedOptionId: id,
         inputValue: event.type === 'keydown' ? option.fullName || option.title : _this.state.inputValue
       });
     };
-
     _this.changeSelectedOption = function (optionIds) {
       _this.props.onSelectionChange(optionIds.map(function (id) {
         return _this.getOptionById(id);
       }));
     };
-
     _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) {
         return option.uuid;
       })), [id]));
-
       _this.setState({
         inputValue: '',
         isShowingOptions: false
       });
     };
-
     _this.handleInputChange = function (event) {
       var value = event.target.value;
       var longEnough = value && value.length >= _this.props.minChars;
@@ -118,13 +99,11 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
         shareableCourses: [],
         shareableUsers: []
       };
-
       if (!!value && longEnough) {
         _this.setState(_objectSpread(_objectSpread({}, common), {}, {
           isLoading: true,
           highlightedOptionId: null
         }));
-
         _this.search(value);
       } else {
         _this.setState(_objectSpread(_objectSpread({}, common), {}, {
@@ -132,10 +111,8 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
         }));
       }
     };
-
     _this.handleKeyDown = function (event) {
       var inputValue = _this.state.inputValue;
-
       if (event.keyCode === 8) {
         // when backspace key is pressed
         if (inputValue === '' && _this.props.selectedOption.length > 0) {
@@ -143,37 +120,32 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
           _this.changeSelectedOption(_this.props.selectedOption.slice(0, -1).map(function (option) {
             return option.uuid;
           }));
-
           _this.setState({
             highlightedOptionId: null
           });
         }
       }
     };
-
     _this.dismissTag = function (id) {
       _this.changeSelectedOption(_this.props.selectedOption.filter(function (option) {
         return option.uuid !== id;
       }).map(function (option) {
         return option.uuid;
       }));
-
       _this.setState({
         highlightedOptionId: null
       }, 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;
-      var shouldSearchSubaccounts = _this.props.searchType === SHARED_WITH_ACCOUNT; // TODO add the promise cancellation for avoiding having disordered requests
-
+      var shouldSearchSubaccounts = _this.props.searchType === SHARED_WITH_ACCOUNT;
+      // TODO add the promise cancellation for avoiding having disordered requests
       if (shouldSearchPeople) {
         _this.props.getShareableUsers(value).then(function (shareableUsers) {
           var filteredUsers = _this.filterOptions(shareableUsers);
-
           _this.setState({
             shareableUsers: shareableUsers,
             highlightedOptionId: filteredUsers.length ? filteredUsers[0].uuid : _this.state.highlightedOptionId,
@@ -181,11 +153,9 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
           });
         });
       }
-
       if (_this.props.improvedBankSharingEnabled && shouldSearchCourses) {
         _this.props.getShareableCourses(value).then(function (shareableCourses) {
           var filteredCourses = _this.filterOptions(shareableCourses);
-
           _this.setState({
             shareableCourses: shareableCourses,
             highlightedOptionId: _this.state.highlightedOptionId ? _this.state.highlightedOptionId : filteredCourses.length ? filteredCourses[0].uuid : null,
@@ -193,11 +163,9 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
           });
         });
       }
-
       if (shouldSearchSubaccounts) {
         _this.props.getShareableSubaccounts(value).then(function (shareableSubaccounts) {
           var filteredAccounts = _this.filterOptions(shareableSubaccounts);
-
           _this.setState({
             shareableSubaccounts: shareableSubaccounts,
             highlightedOptionId: filteredAccounts.length ? filteredAccounts[0].uuid : _this.state.highlightedOptionId,
@@ -208,40 +176,33 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
     });
     return _this;
   }
-
   _createClass(AsyncSearch, [{
     key: "getOptionById",
     value: function getOptionById(id) {
       var user = find({
         uuid: id
       }, this.state.shareableUsers);
-
       if (user) {
         return _objectSpread(_objectSpread({}, user), {}, {
           entityType: SHARED_WITH_USER
         });
       }
-
       var course = find({
         uuid: id
       }, this.state.shareableCourses);
-
       if (course) {
         return _objectSpread(_objectSpread({}, course), {}, {
           entityType: SHARED_WITH_COURSE
         });
       }
-
       var account = find({
         uuid: id
       }, this.state.shareableSubaccounts);
-
       if (account) {
         return _objectSpread(_objectSpread({}, account), {}, {
           entityType: SHARED_WITH_ACCOUNT
         });
       }
-
       return find({
         uuid: id
       }, this.props.selectedOption);
@@ -250,7 +211,6 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
     key: "renderTags",
     value: function renderTags() {
       var _this2 = this;
-
       return this.props.selectedOption.map(function (option, index) {
         return /*#__PURE__*/React.createElement(TagWrapper, {
           key: option.uuid,
@@ -265,7 +225,6 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
     key: "filterOptions",
     value: function filterOptions(options) {
       var _this3 = this;
-
       return this.props.selectionFilter(options).filter(function (option) {
         return !_this3.props.selectedOption.some(function (selected) {
           return selected.uuid === option.uuid;
@@ -276,7 +235,6 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
     key: "renderPeopleOptions",
     value: function renderPeopleOptions(people) {
       var _this4 = this;
-
       return /*#__PURE__*/React.createElement(Select.Group, {
         key: SHARED_WITH_USER,
         renderLabel: t('People')
@@ -294,7 +252,6 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
     key: "renderCoursesOptions",
     value: function renderCoursesOptions(courses) {
       var _this5 = this;
-
       return /*#__PURE__*/React.createElement(Select.Group, {
         key: SHARED_WITH_COURSE,
         renderLabel: t('Courses')
@@ -312,7 +269,6 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
     key: "renderSubaccountsOptions",
     value: function renderSubaccountsOptions(subaccounts) {
       var _this6 = this;
-
       return /*#__PURE__*/React.createElement(Select.Group, {
         key: SHARED_WITH_ACCOUNT,
         renderLabel: t('Accounts')
@@ -332,11 +288,9 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
       var minCharsMessage = t('Search term must be at least { minChars } characters', {
         minChars: this.props.minChars
       });
-
       if (this.props.minChars > 1 && this.state.inputValue < this.props.minChars) {
         return minCharsMessage;
       }
-
       return this.state.inputValue === '' ? t('Write to search') : t('No Results');
     }
   }, {
@@ -344,23 +298,17 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
     value: function renderOptions() {
       var groups = [];
       var people = this.filterOptions(this.state.shareableUsers);
-
       if (people.length) {
         groups.push(this.renderPeopleOptions(people));
       }
-
       var courses = this.filterOptions(this.state.shareableCourses);
-
       if (courses.length) {
         groups.push(this.renderCoursesOptions(courses));
       }
-
       var subaccounts = this.filterOptions(this.state.shareableSubaccounts);
-
       if (subaccounts.length) {
         groups.push(this.renderSubaccountsOptions(subaccounts));
       }
-
       return groups.length ? groups : /*#__PURE__*/React.createElement(Select.Option, {
         id: SELECT_EMPTY_OPTION,
         key: SELECT_EMPTY_OPTION
@@ -375,7 +323,6 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
       if (this.props.placeholderLabel) {
         return this.props.placeholderLabel;
       }
-
       if (this.props.searchType === SHARED_WITH_ACCOUNT) {
         return t('Enter subaccount name');
       } else if (this.props.searchType === SHARED_WITH_COURSE) {
@@ -388,8 +335,8 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this$state = this.state,
-          inputValue = _this$state.inputValue,
-          isShowingOptions = _this$state.isShowingOptions;
+        inputValue = _this$state.inputValue,
+        isShowingOptions = _this$state.isShowingOptions;
       return /*#__PURE__*/React.createElement(Select, {
         "data-automation": "sdk-item-bank-share-input",
         renderLabel: this.props.searchLabel,
@@ -408,7 +355,6 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
       }, this.renderOptions());
     }
   }]);
-
   AsyncSearch.displayName = "AsyncSearch";
   return AsyncSearch;
 }(Component);

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

@@ -5,9 +5,7 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _Bank;
 /** @jsx jsx */
 import { Component } from 'react';
 import * as immutable from 'immutable';
@@ -38,35 +36,26 @@ import NavWrapper from "../NavWrapper/index.js";
 import { ADD_BANK_ENTRY_MODAL, BANKS_BANK_ENTRY_PAGINATION, CAN_EDIT, REMOVED_ACCESS, READ_ONLY } from '@instructure/quiz-common';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-
 var _ref = jsx(IconMoreSolid, null);
-
-export var Bank = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+export var Bank = (_dec = withStyle(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 = {
       sharedWithCourse: false,
       shareWithCourseCheckboxDisabled: true
     };
-
     _this.openAddBankEntryModal = function () {
       _this.props.openModal(ADD_BANK_ENTRY_MODAL, {
         modalTrigger: _this.createBankEntryButton
       });
     };
-
     _this.renderHeaderMenu = function () {
       if (!_this.props.isCompact) {
         return jsx(HeaderMenu, {
@@ -77,30 +66,24 @@ export var Bank = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
         });
       }
     };
-
     _this.storeCreateBankEntryButtonRef = function (c) {
       _this.createBankEntryButton = c;
     };
-
     _this.renderBankBreadCrumbLink = function () {
       return jsx(BreadcrumbLink, {
         key: "bank"
       }, _this.props.bank.title);
     };
-
     _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) {
+      var _ref2 = _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) {
@@ -108,7 +91,6 @@ export var Bank = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
                 _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
@@ -116,7 +98,6 @@ export var Bank = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
                     _this.props.navigateToBanks();
                   }
                 });
-
               case 4:
               case "end":
                 return _context.stop();
@@ -124,24 +105,19 @@ export var Bank = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
           }
         }, _callee);
       }));
-
       return function (_x) {
         return _ref2.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 () {
       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
       });
-
       _this.props.withConfirm(partial(_this.unshareBankWithCourse, _this.props.courseSharedBank), {
         title: t('Unshare Bank with Course'),
         text: confirmText,
@@ -149,13 +125,11 @@ export var Bank = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
         onCancel: _this.onCancelUnshareBankWithCourse
       });
     };
-
     _this.onCancelUnshareBankWithCourse = function () {
       _this.setState({
         shareWithCourseCheckboxDisabled: false
       });
     };
-
     _this.addBankToQuiz = function () {
       var newEntry = QuizEntry.create({
         entryId: _this.props.bankId,
@@ -163,43 +137,37 @@ export var Bank = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
         position: _this.props.position,
         stimulusQuizEntryId: _this.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'));
       });
     };
-
     _this.renderTopLeftMenu = function () {
       return jsx("div", {
         css: _this.props.styles.topLeftMenu
       }, _this.renderMultiAdd());
     };
-
     _this.renderTopRightMenu = function () {
       return jsx("div", {
         css: _this.props.styles.topRightMenu
       }, _this.renderNewBankEntryButton());
     };
-
     _this.announceResults = function (_ref3) {
       var totalPages = _ref3.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
-      }); // Audibly announce when search results are ready.
+      });
+      // Audibly announce when search results are ready.
       // 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);
     };
-
     _this.debouncedAnnounceResults = debounce(_this.announceResults, 1000);
-
     _this.getPage = function (page, search) {
       var _this$props2 = _this.props,
-          getBankEntries = _this$props2.getBankEntries,
-          bankId = _this$props2.bankId,
-          useBankSearch = _this$props2.useBankSearch;
+        getBankEntries = _this$props2.getBankEntries,
+        bankId = _this$props2.bankId,
+        useBankSearch = _this$props2.useBankSearch;
       var text = search.get('text');
       var interactionTypes = search.get('interactionTypes', immutable.Set()).toJS();
       var tagIds = search.get('tags', []).map(function (tag) {
@@ -215,24 +183,19 @@ export var Bank = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
         filters: filters
       };
       var resultPage = getBankEntries(bankId, useBankSearch, params);
-
       if (resultPage) {
         return resultPage.then(function (results) {
           _this.debouncedAnnounceResults(results);
-
           return results;
         });
       } else {
         return Promise.resolve(null);
       }
     };
-
     _this.getPageDebounced = debounceLatestPromise(function () {
       var _this2;
-
       return (_this2 = _this).getPage.apply(_this2, arguments);
     }, 100);
-
     _this.renderRecords = function (recordIds) {
       var addEntryFunc = _this.props.isCompact && _this.props.addEntryToQuiz || null;
       return jsx(BankEntriesList, {
@@ -243,30 +206,25 @@ export var Bank = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
         isQuizContentLocked: _this.props.isQuizContentLocked
       });
     };
-
     return _this;
   }
-
   _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);
-
         if (this.shouldRenderShareWithCourseCheckbox()) {
           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);
-
         if (this.shouldRenderShareWithCourseCheckbox()) {
           this.props.getSharedBank(this.props.bankId, this.props.scope.type, this.props.scope.uuid);
         }
-      } // when courseSharedBank is already loaded
-
+      }
 
+      // when courseSharedBank is already loaded
       if (this.props.courseSharedBank) {
         this.setShareWithCourseCheckbox();
       }
@@ -275,9 +233,7 @@ export var Bank = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       var _prevProps$courseShar, _this$props$courseSha;
-
       var permissionChanged = ((_prevProps$courseShar = prevProps.courseSharedBank) === null || _prevProps$courseShar === void 0 ? void 0 : _prevProps$courseShar.get('permission')) !== ((_this$props$courseSha = this.props.courseSharedBank) === null || _this$props$courseSha === void 0 ? void 0 : _this$props$courseSha.get('permission'));
-
       if (this.props.courseSharedBank && permissionChanged) {
         this.setShareWithCourseCheckbox();
       }
@@ -311,11 +267,11 @@ export var Bank = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
     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;
+        scope = _this$props3.scope,
+        closeTray = _this$props3.closeTray,
+        navigateToBanks = _this$props3.navigateToBanks,
+        navigateToBuild = _this$props3.navigateToBuild,
+        returnToUrl = _this$props3.returnToUrl;
       var isScopeEmpty = !Object.keys(scope).length;
       return jsx(NavWrapper, {
         closeTray: closeTray,
@@ -327,7 +283,6 @@ export var Bank = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
         isCompact: this.props.isCompact,
         iceTopNavBarEnabled: this.props.iceTopNavBarEnabled,
         menuItemPath: "/banks/".concat(this.props.bankId) // eslint-disable-line react/jsx-no-literals
-
       }, this.renderBankBreadCrumbLink());
     }
   }, {
@@ -379,7 +334,6 @@ export var Bank = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
       if (!this.shouldRenderShareWithCourseCheckbox()) {
         return null;
       }
-
       var label = t('Share with { courseName }', {
         courseName: this.props.scope.title
       });
@@ -419,7 +373,6 @@ export var Bank = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
     key: "renderMultiAdd",
     value: function renderMultiAdd() {
       var isEmpty = this.props.bank.itemEntryCount === 0;
-
       if (this.props.isCompact && !this.props.isQuizContentLocked && !isEmpty) {
         return jsx(Button, {
           onClick: this.addBankToQuiz,
@@ -454,15 +407,12 @@ export var Bank = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
     key: "emptyLoadText",
     value: function emptyLoadText() {
       var noFilters = this.props.bank.filters === null;
-
       var noQuestions = function noQuestions() {
         return t('There are no questions in this bank yet.');
       };
-
       var noResults = function noResults() {
         return t('The search returned no results.');
       };
-
       return noFilters ? noQuestions() : noResults();
     }
   }, {
@@ -488,10 +438,9 @@ export var Bank = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
       })));
     }
   }]);
-
   Bank.displayName = "Bank";
   return Bank;
-}(Component), _class2.propTypes = {
+}(Component), _Bank.propTypes = {
   activeQuizId: PropTypes.string,
   addEntryToQuiz: PropTypes.func,
   bankId: PropTypes.string.isRequired,
@@ -534,7 +483,7 @@ export var Bank = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
   iceTopNavBarEnabled: PropTypes.bool,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: PropTypes.object
-}, _class2.defaultProps = {
+}, _Bank.defaultProps = {
   activeQuizId: null,
   addEntryToQuiz: null,
   closeTray: function closeTray() {},
@@ -551,5 +500,5 @@ export var Bank = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
   showShareBankFromTray: false,
   courseSharedBank: null,
   iceTopNavBarEnabled: false
-}, _temp)) || _class);
+}, _Bank)) || _class);
 export default Bank;

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

@@ -1,6 +1,5 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 var generateStyle = function generateStyle(componentTheme) {
   var menuStyles = {
     display: 'flex',
@@ -35,5 +34,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-
 export default generateStyle;

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

@@ -1,7 +1,7 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-      colors = _ref.colors,
-      breakpoints = _ref.breakpoints;
+    colors = _ref.colors,
+    breakpoints = _ref.breakpoints;
   return {
     contentBackgroundColor: colors.white,
     contentPaddingTopBottom: spacing.medium,
@@ -13,5 +13,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     filtersMarginTop: spacing.large
   };
 };
-
 export default generateComponentTheme;