@instructure/quiz-core 22.6.0 → 22.7.0

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

@@ -20,33 +20,21 @@ var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/f
 var _uiSpinner = require("@instructure/ui-spinner");
 var _TagWrapper = _interopRequireDefault(require("../../../common/components/shared/TagWrapper"));
 var _quizCommon = require("@instructure/quiz-common");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-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) { (0, _defineProperty2["default"])(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; }
-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 = (0, _getPrototypeOf2["default"])(derived);
-  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
-}
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+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) { (0, _defineProperty2["default"])(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 = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var AsyncSearch = exports.AsyncSearch = /*#__PURE__*/function (_Component) {
   function AsyncSearch() {
-    var _this2;
+    var _this;
     (0, _classCallCheck2["default"])(this, AsyncSearch);
-    _this2 = _callSuper(this, AsyncSearch, arguments);
-    (0, _defineProperty2["default"])(_this2, "setInputRef", function (inputRef) {
-      _this2.inputRef = inputRef;
+    _this = _callSuper(this, AsyncSearch, arguments);
+    (0, _defineProperty2["default"])(_this, "setInputRef", function (inputRef) {
+      _this.inputRef = inputRef;
     });
-    (0, _defineProperty2["default"])(_this2, "state", {
+    (0, _defineProperty2["default"])(_this, "state", {
       inputValue: '',
       isShowingOptions: false,
       isLoading: false,
@@ -55,26 +43,26 @@ var AsyncSearch = exports.AsyncSearch = /*#__PURE__*/function (_Component) {
       shareableCourses: [],
       shareableUsers: []
     });
-    (0, _defineProperty2["default"])(_this2, "handleShowOptions", function () {
-      _this2.setState({
+    (0, _defineProperty2["default"])(_this, "handleShowOptions", function () {
+      _this.setState({
         isShowingOptions: true
       });
     });
-    (0, _defineProperty2["default"])(_this2, "handleHideOptions", function () {
-      var allOptions = [].concat((0, _toConsumableArray2["default"])(_this2.filterOptions(_this2.state.shareableSubaccounts)), (0, _toConsumableArray2["default"])(_this2.filterOptions(_this2.state.shareableCourses)), (0, _toConsumableArray2["default"])(_this2.filterOptions(_this2.state.shareableUsers)));
+    (0, _defineProperty2["default"])(_this, "handleHideOptions", function () {
+      var allOptions = [].concat((0, _toConsumableArray2["default"])(_this.filterOptions(_this.state.shareableSubaccounts)), (0, _toConsumableArray2["default"])(_this.filterOptions(_this.state.shareableCourses)), (0, _toConsumableArray2["default"])(_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 label = onlyOption.label || onlyOption.fullName || onlyOption.title || onlyOption.name;
-        if (label && label.toLowerCase() === _this2.state.inputValue.toLowerCase()) {
-          _this2.changeSelectedOption([].concat((0, _toConsumableArray2["default"])(_this2.props.selectedOption.map(function (option) {
+        if (label && label.toLowerCase() === _this.state.inputValue.toLowerCase()) {
+          _this.changeSelectedOption([].concat((0, _toConsumableArray2["default"])(_this.props.selectedOption.map(function (option) {
             return option.uuid;
           })), [onlyOption.uuid]));
         }
       }
-      _this2.setState({
+      _this.setState({
         isShowingOptions: false,
         highlightedOptionId: null,
         shareableCourses: [],
@@ -82,40 +70,40 @@ var AsyncSearch = exports.AsyncSearch = /*#__PURE__*/function (_Component) {
         inputValue: ''
       });
     });
-    (0, _defineProperty2["default"])(_this2, "handleBlur", function () {
-      _this2.setState({
+    (0, _defineProperty2["default"])(_this, "handleBlur", function () {
+      _this.setState({
         highlightedOptionId: null
       });
     });
-    (0, _defineProperty2["default"])(_this2, "handleHighlightOption", function (event, _ref) {
+    (0, _defineProperty2["default"])(_this, "handleHighlightOption", function (event, _ref) {
       var id = _ref.id;
       event.persist();
-      var option = _this2.getOptionById(id);
+      var option = _this.getOptionById(id);
       if (!option) return;
-      _this2.setState({
+      _this.setState({
         highlightedOptionId: id,
-        inputValue: event.type === 'keydown' ? option.fullName || option.title : _this2.state.inputValue
+        inputValue: event.type === 'keydown' ? option.fullName || option.title : _this.state.inputValue
       });
     });
-    (0, _defineProperty2["default"])(_this2, "changeSelectedOption", function (optionIds) {
-      _this2.props.onSelectionChange(optionIds.map(function (id) {
-        return _this2.getOptionById(id);
+    (0, _defineProperty2["default"])(_this, "changeSelectedOption", function (optionIds) {
+      _this.props.onSelectionChange(optionIds.map(function (id) {
+        return _this.getOptionById(id);
       }));
     });
-    (0, _defineProperty2["default"])(_this2, "handleSelectOption", function (event, _ref2) {
+    (0, _defineProperty2["default"])(_this, "handleSelectOption", function (event, _ref2) {
       var id = _ref2.id;
       if (!id || id === _quizCommon.SELECT_EMPTY_OPTION) return;
-      _this2.changeSelectedOption([].concat((0, _toConsumableArray2["default"])(_this2.props.selectedOption.map(function (option) {
+      _this.changeSelectedOption([].concat((0, _toConsumableArray2["default"])(_this.props.selectedOption.map(function (option) {
         return option.uuid;
       })), [id]));
-      _this2.setState({
+      _this.setState({
         inputValue: '',
         isShowingOptions: false
       });
     });
-    (0, _defineProperty2["default"])(_this2, "handleInputChange", function (event) {
+    (0, _defineProperty2["default"])(_this, "handleInputChange", function (event) {
       var value = event.target.value;
-      var longEnough = value && value.length >= _this2.props.minChars;
+      var longEnough = value && value.length >= _this.props.minChars;
       var common = {
         inputValue: value,
         isShowingOptions: true,
@@ -123,81 +111,81 @@ var AsyncSearch = exports.AsyncSearch = /*#__PURE__*/function (_Component) {
         shareableUsers: []
       };
       if (!!value && longEnough) {
-        _this2.setState(_objectSpread(_objectSpread({}, common), {}, {
+        _this.setState(_objectSpread(_objectSpread({}, common), {}, {
           isLoading: true,
           highlightedOptionId: null
         }));
-        _this2.search(value);
+        _this.search(value);
       } else {
-        _this2.setState(_objectSpread(_objectSpread({}, common), {}, {
+        _this.setState(_objectSpread(_objectSpread({}, common), {}, {
           isLoading: false
         }));
       }
     });
-    (0, _defineProperty2["default"])(_this2, "handleKeyDown", function (event) {
-      var inputValue = _this2.state.inputValue;
+    (0, _defineProperty2["default"])(_this, "handleKeyDown", function (event) {
+      var inputValue = _this.state.inputValue;
       if (event.keyCode === 8) {
         // when backspace key is pressed
-        if (inputValue === '' && _this2.props.selectedOption.length > 0) {
+        if (inputValue === '' && _this.props.selectedOption.length > 0) {
           // remove last selected option, if input has no entered text
-          _this2.changeSelectedOption(_this2.props.selectedOption.slice(0, -1).map(function (option) {
+          _this.changeSelectedOption(_this.props.selectedOption.slice(0, -1).map(function (option) {
             return option.uuid;
           }));
-          _this2.setState({
+          _this.setState({
             highlightedOptionId: null
           });
         }
       }
     });
-    (0, _defineProperty2["default"])(_this2, "dismissTag", function (id) {
-      _this2.changeSelectedOption(_this2.props.selectedOption.filter(function (option) {
+    (0, _defineProperty2["default"])(_this, "dismissTag", function (id) {
+      _this.changeSelectedOption(_this.props.selectedOption.filter(function (option) {
         return option.uuid !== id;
       }).map(function (option) {
         return option.uuid;
       }));
-      _this2.setState({
+      _this.setState({
         highlightedOptionId: null
       }, function () {
-        _this2.inputRef.focus();
+        _this.inputRef.focus();
       });
     });
-    _this2.search = (0, _debounce["default"])(_this2.props.debounceDelay, function (value) {
-      var shouldSearchPeople = !_this2.props.searchType || _this2.props.searchType === _quizCommon.SHARED_WITH_USER;
-      var shouldSearchCourses = !_this2.props.searchType || _this2.props.searchType === _quizCommon.SHARED_WITH_COURSE;
-      var shouldSearchSubaccounts = _this2.props.searchType === _quizCommon.SHARED_WITH_ACCOUNT;
+    _this.search = (0, _debounce["default"])(_this.props.debounceDelay, function (value) {
+      var shouldSearchPeople = !_this.props.searchType || _this.props.searchType === _quizCommon.SHARED_WITH_USER;
+      var shouldSearchCourses = !_this.props.searchType || _this.props.searchType === _quizCommon.SHARED_WITH_COURSE;
+      var shouldSearchSubaccounts = _this.props.searchType === _quizCommon.SHARED_WITH_ACCOUNT;
       // TODO add the promise cancellation for avoiding having disordered requests
       if (shouldSearchPeople) {
-        _this2.props.getShareableUsers(value).then(function (shareableUsers) {
-          var filteredUsers = _this2.filterOptions(shareableUsers);
-          _this2.setState({
+        _this.props.getShareableUsers(value).then(function (shareableUsers) {
+          var filteredUsers = _this.filterOptions(shareableUsers);
+          _this.setState({
             shareableUsers: shareableUsers,
-            highlightedOptionId: filteredUsers.length ? filteredUsers[0].uuid : _this2.state.highlightedOptionId,
+            highlightedOptionId: filteredUsers.length ? filteredUsers[0].uuid : _this.state.highlightedOptionId,
             isLoading: false
           });
         });
       }
       if (shouldSearchCourses) {
-        _this2.props.getShareableCourses(value).then(function (shareableCourses) {
-          var filteredCourses = _this2.filterOptions(shareableCourses);
-          _this2.setState({
+        _this.props.getShareableCourses(value).then(function (shareableCourses) {
+          var filteredCourses = _this.filterOptions(shareableCourses);
+          _this.setState({
             shareableCourses: shareableCourses,
-            highlightedOptionId: _this2.state.highlightedOptionId ? _this2.state.highlightedOptionId : filteredCourses.length ? filteredCourses[0].uuid : null,
+            highlightedOptionId: _this.state.highlightedOptionId ? _this.state.highlightedOptionId : filteredCourses.length ? filteredCourses[0].uuid : null,
             isLoading: false
           });
         });
       }
       if (shouldSearchSubaccounts) {
-        _this2.props.getShareableSubaccounts(value).then(function (shareableSubaccounts) {
-          var filteredAccounts = _this2.filterOptions(shareableSubaccounts);
-          _this2.setState({
+        _this.props.getShareableSubaccounts(value).then(function (shareableSubaccounts) {
+          var filteredAccounts = _this.filterOptions(shareableSubaccounts);
+          _this.setState({
             shareableSubaccounts: shareableSubaccounts,
-            highlightedOptionId: filteredAccounts.length ? filteredAccounts[0].uuid : _this2.state.highlightedOptionId,
+            highlightedOptionId: filteredAccounts.length ? filteredAccounts[0].uuid : _this.state.highlightedOptionId,
             isLoading: false
           });
         });
       }
     });
-    return _this2;
+    return _this;
   }
   (0, _inherits2["default"])(AsyncSearch, _Component);
   return (0, _createClass2["default"])(AsyncSearch, [{
@@ -234,23 +222,23 @@ var AsyncSearch = exports.AsyncSearch = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderTags",
     value: function renderTags() {
-      var _this3 = this;
+      var _this2 = this;
       return this.props.selectedOption.map(function (option, index) {
         return /*#__PURE__*/_react["default"].createElement(_TagWrapper["default"], {
           key: option.uuid,
           id: option.uuid,
           index: index,
           text: option.fullName || option.title || option.name,
-          onClick: _this3.dismissTag
+          onClick: _this2.dismissTag
         });
       });
     }
   }, {
     key: "filterOptions",
     value: function filterOptions(options) {
-      var _this4 = this;
+      var _this3 = this;
       return this.props.selectionFilter(options).filter(function (option) {
-        return !_this4.props.selectedOption.some(function (selected) {
+        return !_this3.props.selectedOption.some(function (selected) {
           return selected.uuid === option.uuid;
         });
       });
@@ -258,7 +246,7 @@ var AsyncSearch = exports.AsyncSearch = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderPeopleOptions",
     value: function renderPeopleOptions(people) {
-      var _this5 = this;
+      var _this4 = this;
       return /*#__PURE__*/_react["default"].createElement(_quizCommon.Select.Group, {
         key: _quizCommon.SHARED_WITH_USER,
         renderLabel: (0, _formatMessage["default"])('People')
@@ -267,14 +255,14 @@ var AsyncSearch = exports.AsyncSearch = /*#__PURE__*/function (_Component) {
           "data-automation": "sdk-item-bank-option-user-".concat(person.uuid),
           id: person.uuid,
           key: person.uuid,
-          isHighlighted: person.uuid === _this5.state.highlightedOptionId
+          isHighlighted: person.uuid === _this4.state.highlightedOptionId
         }, person.fullName);
       }));
     }
   }, {
     key: "renderCoursesOptions",
     value: function renderCoursesOptions(courses) {
-      var _this6 = this;
+      var _this5 = this;
       return /*#__PURE__*/_react["default"].createElement(_quizCommon.Select.Group, {
         key: _quizCommon.SHARED_WITH_COURSE,
         renderLabel: (0, _formatMessage["default"])('Courses')
@@ -283,14 +271,14 @@ var AsyncSearch = exports.AsyncSearch = /*#__PURE__*/function (_Component) {
           "data-automation": "sdk-item-bank-option-course-".concat(course.uuid),
           id: course.uuid,
           key: course.uuid,
-          isHighlighted: course.uuid === _this6.state.highlightedOptionId
+          isHighlighted: course.uuid === _this5.state.highlightedOptionId
         }, course.title);
       }));
     }
   }, {
     key: "renderSubaccountsOptions",
     value: function renderSubaccountsOptions(subaccounts) {
-      var _this7 = this;
+      var _this6 = this;
       return /*#__PURE__*/_react["default"].createElement(_quizCommon.Select.Group, {
         key: _quizCommon.SHARED_WITH_ACCOUNT,
         renderLabel: (0, _formatMessage["default"])('Accounts')
@@ -299,7 +287,7 @@ var AsyncSearch = exports.AsyncSearch = /*#__PURE__*/function (_Component) {
           "data-automation": "sdk-item-bank-option-subaccount-".concat(subaccount.uuid),
           id: subaccount.uuid,
           key: subaccount.uuid,
-          isHighlighted: subaccount.uuid === _this7.state.highlightedOptionId
+          isHighlighted: subaccount.uuid === _this6.state.highlightedOptionId
         }, subaccount.name);
       }));
     }

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

@@ -20,8 +20,8 @@ var _alerts = require("../../../common/actions/alerts");
 var _bankSearch = require("../../../common/actions/bankSearch");
 var _sharedBanks = require("../../../common/actions/sharedBanks");
 var _featureCheck = require("../../../common/util/featureCheck");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function mapStateToProps(state, props) {
   var bank = new _Bank["default"](state.getIn(['banks', props.bankId]));
   var search = state.get('bankSearch', immutable.Map());

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

@@ -44,78 +44,66 @@ var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
 var _dec, _class, _Bank;
 /** @jsx jsx */
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-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 = (0, _getPrototypeOf2["default"])(derived);
-  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
-}
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var Bank = exports.Bank = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_Bank = /*#__PURE__*/function (_Component) {
   function Bank() {
-    var _this2;
+    var _this;
     (0, _classCallCheck2["default"])(this, Bank);
     for (var _len = arguments.length, _args = new Array(_len), _key = 0; _key < _len; _key++) {
       _args[_key] = arguments[_key];
     }
-    _this2 = _callSuper(this, Bank, [].concat(_args));
-    (0, _defineProperty2["default"])(_this2, "state", {
+    _this = _callSuper(this, Bank, [].concat(_args));
+    (0, _defineProperty2["default"])(_this, "state", {
       sharedWithCourse: false,
       shareWithCourseCheckboxDisabled: true
     });
-    (0, _defineProperty2["default"])(_this2, "openAddBankEntryModal", function () {
-      _this2.props.openModal(_quizCommon.ADD_BANK_ENTRY_MODAL, {
-        modalTrigger: _this2.createBankEntryButton
+    (0, _defineProperty2["default"])(_this, "openAddBankEntryModal", function () {
+      _this.props.openModal(_quizCommon.ADD_BANK_ENTRY_MODAL, {
+        modalTrigger: _this.createBankEntryButton
       });
     });
-    (0, _defineProperty2["default"])(_this2, "renderHeaderMenu", function () {
-      if (!_this2.props.isCompact) {
+    (0, _defineProperty2["default"])(_this, "renderHeaderMenu", function () {
+      if (!_this.props.isCompact) {
         return (0, _emotion.jsx)(_HeaderMenu["default"], {
-          bank: _this2.props.bank,
-          iceTopNavBarEnabled: _this2.props.iceTopNavBarEnabled,
+          bank: _this.props.bank,
+          iceTopNavBarEnabled: _this.props.iceTopNavBarEnabled,
           id: "BankMenu",
           renderIcon: (0, _emotion.jsx)(_uiIcons.IconMoreSolid, null)
         });
       }
     });
-    (0, _defineProperty2["default"])(_this2, "storeCreateBankEntryButtonRef", function (c) {
-      _this2.createBankEntryButton = c;
+    (0, _defineProperty2["default"])(_this, "storeCreateBankEntryButtonRef", function (c) {
+      _this.createBankEntryButton = c;
     });
-    (0, _defineProperty2["default"])(_this2, "renderBankBreadCrumbLink", function () {
+    (0, _defineProperty2["default"])(_this, "renderBankBreadCrumbLink", function () {
       return (0, _emotion.jsx)(_uiBreadcrumb.BreadcrumbLink, {
         key: "bank"
-      }, _this2.props.bank.title);
+      }, _this.props.bank.title);
     });
-    (0, _defineProperty2["default"])(_this2, "toggleCheckbox", function () {
+    (0, _defineProperty2["default"])(_this, "toggleCheckbox", function () {
       // disable until request resolves
-      _this2.setState({
+      _this.setState({
         shareWithCourseCheckboxDisabled: true
       });
-      _this2.changeSharedPermissions();
+      _this.changeSharedPermissions();
     });
-    (0, _defineProperty2["default"])(_this2, "unshareBankWithCourse", /*#__PURE__*/function () {
+    (0, _defineProperty2["default"])(_this, "unshareBankWithCourse", /*#__PURE__*/function () {
       var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(sharedBank) {
-        var _this2$props, updateSharedBankPermission, bankId, getSharedBank, scope;
+        var _this$props, updateSharedBankPermission, bankId, getSharedBank, scope;
         return _regenerator["default"].wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              _this2$props = _this2.props, updateSharedBankPermission = _this2$props.updateSharedBankPermission, bankId = _this2$props.bankId, getSharedBank = _this2$props.getSharedBank, scope = _this2$props.scope;
+              _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'), _quizCommon.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) {
-                  _this2.props.navigateToBanks();
+                  _this.props.navigateToBanks();
                 }
               });
             case 4:
@@ -128,48 +116,48 @@ var Bank = exports.Bank = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["d
         return _ref.apply(this, arguments);
       };
     }());
-    (0, _defineProperty2["default"])(_this2, "translatedPermissionLevel", function (permission) {
+    (0, _defineProperty2["default"])(_this, "translatedPermissionLevel", function (permission) {
       return (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _quizCommon.CAN_EDIT, (0, _formatMessage["default"])('edit')), _quizCommon.READ_ONLY, (0, _formatMessage["default"])('view'))[permission];
     });
-    (0, _defineProperty2["default"])(_this2, "confirmUnshareBankWithCourse", function () {
+    (0, _defineProperty2["default"])(_this, "confirmUnshareBankWithCourse", function () {
       var confirmText = (0, _formatMessage["default"])('You are about to remove { accessLevel } access for { entityTitle } to this bank.', {
-        accessLevel: _this2.translatedPermissionLevel(_this2.props.courseSharedBank.get('permission')),
-        entityTitle: _this2.props.scope.title
+        accessLevel: _this.translatedPermissionLevel(_this.props.courseSharedBank.get('permission')),
+        entityTitle: _this.props.scope.title
       });
-      _this2.props.withConfirm((0, _partial["default"])(_this2.unshareBankWithCourse, _this2.props.courseSharedBank), {
+      _this.props.withConfirm((0, _partial["default"])(_this.unshareBankWithCourse, _this.props.courseSharedBank), {
         title: (0, _formatMessage["default"])('Unshare Bank with Course'),
         text: confirmText,
         continueText: (0, _formatMessage["default"])('Confirm'),
-        onCancel: _this2.onCancelUnshareBankWithCourse
+        onCancel: _this.onCancelUnshareBankWithCourse
       });
     });
-    (0, _defineProperty2["default"])(_this2, "onCancelUnshareBankWithCourse", function () {
-      _this2.setState({
+    (0, _defineProperty2["default"])(_this, "onCancelUnshareBankWithCourse", function () {
+      _this.setState({
         shareWithCourseCheckboxDisabled: false
       });
     });
-    (0, _defineProperty2["default"])(_this2, "addBankToQuiz", function () {
+    (0, _defineProperty2["default"])(_this, "addBankToQuiz", function () {
       var newEntry = _QuizEntry["default"].create({
-        entryId: _this2.props.bankId,
+        entryId: _this.props.bankId,
         entryType: 'Bank',
-        position: _this2.props.position,
-        stimulusQuizEntryId: _this2.props.stimulusId
+        position: _this.props.position,
+        stimulusQuizEntryId: _this.props.stimulusId
       });
-      _this2.props.addEntryToQuiz(_this2.props.activeQuizId, newEntry.entryId, newEntry.entryType, newEntry.getProperties(), false).then(function () {
-        _this2.props.screenreaderNotification((0, _formatMessage["default"])('Bank was successfully added to the quiz'));
+      _this.props.addEntryToQuiz(_this.props.activeQuizId, newEntry.entryId, newEntry.entryType, newEntry.getProperties(), false).then(function () {
+        _this.props.screenreaderNotification((0, _formatMessage["default"])('Bank was successfully added to the quiz'));
       });
     });
-    (0, _defineProperty2["default"])(_this2, "renderTopLeftMenu", function () {
+    (0, _defineProperty2["default"])(_this, "renderTopLeftMenu", function () {
       return (0, _emotion.jsx)("div", {
-        css: _this2.props.styles.topLeftMenu
-      }, _this2.renderMultiAdd());
+        css: _this.props.styles.topLeftMenu
+      }, _this.renderMultiAdd());
     });
-    (0, _defineProperty2["default"])(_this2, "renderTopRightMenu", function () {
+    (0, _defineProperty2["default"])(_this, "renderTopRightMenu", function () {
       return (0, _emotion.jsx)("div", {
-        css: _this2.props.styles.topRightMenu
-      }, _this2.renderNewBankEntryButton());
+        css: _this.props.styles.topRightMenu
+      }, _this.renderNewBankEntryButton());
     });
-    (0, _defineProperty2["default"])(_this2, "announceResults", function (_ref2) {
+    (0, _defineProperty2["default"])(_this, "announceResults", function (_ref2) {
       var totalPages = _ref2.totalPages;
       var message = (0, _formatMessage["default"])("{\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
@@ -178,14 +166,14 @@ var Bank = exports.Bank = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["d
       // 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
-      _this2.props.screenreaderNotification(message);
+      _this.props.screenreaderNotification(message);
     });
-    (0, _defineProperty2["default"])(_this2, "debouncedAnnounceResults", (0, _debounce["default"])(_this2.announceResults, 1000));
-    (0, _defineProperty2["default"])(_this2, "getPage", function (page, search) {
-      var _this2$props2 = _this2.props,
-        getBankEntries = _this2$props2.getBankEntries,
-        bankId = _this2$props2.bankId,
-        useBankSearch = _this2$props2.useBankSearch;
+    (0, _defineProperty2["default"])(_this, "debouncedAnnounceResults", (0, _debounce["default"])(_this.announceResults, 1000));
+    (0, _defineProperty2["default"])(_this, "getPage", function (page, search) {
+      var _this$props2 = _this.props,
+        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) {
@@ -203,28 +191,28 @@ var Bank = exports.Bank = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["d
       var resultPage = getBankEntries(bankId, useBankSearch, params);
       if (resultPage) {
         return resultPage.then(function (results) {
-          _this2.debouncedAnnounceResults(results);
+          _this.debouncedAnnounceResults(results);
           return results;
         });
       } else {
         return Promise.resolve(null);
       }
     });
-    (0, _defineProperty2["default"])(_this2, "getPageDebounced", (0, _debounceLatestPromise["default"])(function () {
-      var _this3;
-      return (_this3 = _this2).getPage.apply(_this3, arguments);
+    (0, _defineProperty2["default"])(_this, "getPageDebounced", (0, _debounceLatestPromise["default"])(function () {
+      var _this2;
+      return (_this2 = _this).getPage.apply(_this2, arguments);
     }, 100));
-    (0, _defineProperty2["default"])(_this2, "renderRecords", function (recordIds) {
-      var addEntryFunc = _this2.props.isCompact && _this2.props.addEntryToQuiz || null;
+    (0, _defineProperty2["default"])(_this, "renderRecords", function (recordIds) {
+      var addEntryFunc = _this.props.isCompact && _this.props.addEntryToQuiz || null;
       return (0, _emotion.jsx)(_BankEntriesList["default"], {
         addEntryToQuiz: addEntryFunc,
-        bank: _this2.props.bank,
-        navigateToBankEntry: _this2.props.navigateToBankEntry,
+        bank: _this.props.bank,
+        navigateToBankEntry: _this.props.navigateToBankEntry,
         recordIds: recordIds,
-        isQuizContentLocked: _this2.props.isQuizContentLocked
+        isQuizContentLocked: _this.props.isQuizContentLocked
       });
     });
-    return _this2;
+    return _this;
   }
   (0, _inherits2["default"])(Bank, _Component);
   return (0, _createClass2["default"])(Bank, [{
@@ -285,12 +273,12 @@ var Bank = exports.Bank = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["d
   }, {
     key: "renderNav",
     value: function renderNav() {
-      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 _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 isScopeEmpty = !Object.keys(scope).length;
       return (0, _emotion.jsx)(_NavWrapper["default"], {
         closeTray: closeTray,

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

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-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) { (0, _defineProperty2["default"])(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; }
+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) { (0, _defineProperty2["default"])(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',