@instructure/quiz-core 22.7.1-rc.9 → 22.9.0

package/es/banks/api/banks.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 import Fetcher from '../../common/util/Fetcher';
 import PaginatedFetcher from '../../common/util/PaginatedFetcher';
 import ExhaustivePaginatedFetcher from '../../common/util/ExhaustivePaginatedFetcher';

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

@@ -4,8 +4,20 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConst
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 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; })(); }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import * as platform from 'platform';
@@ -18,13 +30,13 @@ import InteractionTypes from '../../../common/components/shared/InteractionTypes
 import { XSMALL_SIDE_MARGIN, Modal, ModalHeader, ModalBody, ModalFooter } from '@instructure/quiz-common';
 export var AddBankEntryModal = /*#__PURE__*/function (_Component) {
   function AddBankEntryModal() {
-    var _this;
+    var _this2;
     _classCallCheck(this, AddBankEntryModal);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, AddBankEntryModal, [].concat(args));
-    _defineProperty(_this, "addItem", function (interactionTypeData) {
+    _this2 = _callSuper(this, AddBankEntryModal, [].concat(args));
+    _defineProperty(_this2, "addItem", function (interactionTypeData) {
       var defaultInteractionData = interactionTypeData.getDefaultInteractionData();
       var scoringData = interactionTypeData.getDefaultScoringData(defaultInteractionData);
       var itemProps = {
@@ -36,25 +48,25 @@ export var AddBankEntryModal = /*#__PURE__*/function (_Component) {
         scoringData: scoringData,
         userResponseType: first(interactionTypeData.userResponseTypeOptions)
       };
-      _this.props.createBankItem(_this.props.bankId, 'Item', itemProps);
-      _this.closeAction();
-      _this.props.navigateToBankEntry('new', _this.props.bankId);
+      _this2.props.createBankItem(_this2.props.bankId, 'Item', itemProps);
+      _this2.closeAction();
+      _this2.props.navigateToBankEntry('new', _this2.props.bankId);
     });
-    _defineProperty(_this, "addStimulus", function () {
+    _defineProperty(_this2, "addStimulus", function () {
       var isPassage = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-      _this.props.createBankItem(_this.props.bankId, 'Stimulus', {
+      _this2.props.createBankItem(_this2.props.bankId, 'Stimulus', {
         passage: isPassage
       });
-      _this.closeAction();
-      _this.props.navigateToBankEntry('new', _this.props.bankId);
+      _this2.closeAction();
+      _this2.props.navigateToBankEntry('new', _this2.props.bankId);
     });
-    _defineProperty(_this, "closeAction", function () {
-      if (_this.props.modalTrigger) {
-        _this.props.modalTrigger.focus();
+    _defineProperty(_this2, "closeAction", function () {
+      if (_this2.props.modalTrigger) {
+        _this2.props.modalTrigger.focus();
       }
-      _this.props.closeModal();
+      _this2.props.closeModal();
     });
-    return _this;
+    return _this2;
   }
   _inherits(AddBankEntryModal, _Component);
   return _createClass(AddBankEntryModal, [{

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

@@ -4,8 +4,20 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConst
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 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; })(); }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Button, CloseButton } from '@instructure/ui-buttons';
@@ -19,72 +31,72 @@ import { Modal, ModalHeader, ModalBody, ModalFooter, TextInput, XSMALL_SIDE_MARG
 import { featureOn } from '../../../common/util/featureCheck';
 export var AddToBankModal = /*#__PURE__*/function (_Component) {
   function AddToBankModal() {
-    var _this;
+    var _this2;
     _classCallCheck(this, AddToBankModal);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, AddToBankModal, [].concat(args));
-    _defineProperty(_this, "state", {
+    _this2 = _callSuper(this, AddToBankModal, [].concat(args));
+    _defineProperty(_this2, "state", {
       bankType: 'existing',
       newBankTitle: '',
       selectedBank: null
     });
-    _defineProperty(_this, "copyBankEntry", function (entryId, bankId) {
+    _defineProperty(_this2, "copyBankEntry", function (entryId, bankId) {
       if (featureOn('instfs_bank_entry_movement_endpoints')) {
-        return _this.props.moveBankEntryFromQuizEntry(_this.props.quizId, entryId, _this.props.entryType, bankId);
+        return _this2.props.moveBankEntryFromQuizEntry(_this2.props.quizId, entryId, _this2.props.entryType, bankId);
       } else {
-        return _this.props.createBankEntry(bankId, _this.props.entryType, entryId);
+        return _this2.props.createBankEntry(bankId, _this2.props.entryType, entryId);
       }
     });
-    _defineProperty(_this, "addToBank", function (bankId) {
-      _this.props.getEntry().then(function (entry) {
-        return _this.copyBankEntry(entry.id, bankId);
-      }).then(_this.props.onAdd)["catch"](function (e) {
+    _defineProperty(_this2, "addToBank", function (bankId) {
+      _this2.props.getEntry().then(function (entry) {
+        return _this2.copyBankEntry(entry.id, bankId);
+      }).then(_this2.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();
-          _this.props.handleValidationErrorsFromApi(e.validationErrorsFromApi);
+          _this2.closeAction();
+          _this2.props.handleValidationErrorsFromApi(e.validationErrorsFromApi);
           return;
         }
         // Some other type of error occurred
         throw e;
       });
     });
-    _defineProperty(_this, "continueAction", function () {
-      _this.props.closeModal();
-      _this.props.onContinue();
-      if (_this.state.bankType === 'new') {
+    _defineProperty(_this2, "continueAction", function () {
+      _this2.props.closeModal();
+      _this2.props.onContinue();
+      if (_this2.state.bankType === 'new') {
         var newBank = Bank.create({
-          title: _this.state.newBankTitle,
-          language: _this.context.locale
+          title: _this2.state.newBankTitle,
+          language: _this2.context.locale
         });
-        _this.props.createBank(newBank).then(function (bankData) {
-          _this.addToBank(bankData.id);
+        _this2.props.createBank(newBank).then(function (bankData) {
+          _this2.addToBank(bankData.id);
         });
       } else {
-        _this.addToBank(_this.state.selectedBank.id);
+        _this2.addToBank(_this2.state.selectedBank.id);
       }
     });
-    _defineProperty(_this, "closeAction", function () {
-      _this.props.closeModal();
+    _defineProperty(_this2, "closeAction", function () {
+      _this2.props.closeModal();
     });
-    _defineProperty(_this, "onBankSelection", function (e, option) {
-      _this.setState({
+    _defineProperty(_this2, "onBankSelection", function (e, option) {
+      _this2.setState({
         selectedBank: new Bank(option)
       });
     });
-    _defineProperty(_this, "handleRadioChange", function (event, value) {
-      _this.setState({
+    _defineProperty(_this2, "handleRadioChange", function (event, value) {
+      _this2.setState({
         bankType: value
       });
     });
-    _defineProperty(_this, "onTitleChange", function (e) {
-      _this.setState({
+    _defineProperty(_this2, "onTitleChange", function (e) {
+      _this2.setState({
         newBankTitle: e.target.value
       });
     });
-    return _this;
+    return _this2;
   }
   _inherits(AddToBankModal, _Component);
   return _createClass(AddToBankModal, [{

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

@@ -5,10 +5,22 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConst
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 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; })(); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import debounce from 'lodash/fp/debounce';
@@ -19,13 +31,13 @@ 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) {
   function AsyncSearch() {
-    var _this;
+    var _this2;
     _classCallCheck(this, AsyncSearch);
-    _this = _callSuper(this, AsyncSearch, arguments);
-    _defineProperty(_this, "setInputRef", function (inputRef) {
-      _this.inputRef = inputRef;
+    _this2 = _callSuper(this, AsyncSearch, arguments);
+    _defineProperty(_this2, "setInputRef", function (inputRef) {
+      _this2.inputRef = inputRef;
     });
-    _defineProperty(_this, "state", {
+    _defineProperty(_this2, "state", {
       inputValue: '',
       isShowingOptions: false,
       isLoading: false,
@@ -34,26 +46,26 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
       shareableCourses: [],
       shareableUsers: []
     });
-    _defineProperty(_this, "handleShowOptions", function () {
-      _this.setState({
+    _defineProperty(_this2, "handleShowOptions", function () {
+      _this2.setState({
         isShowingOptions: true
       });
     });
-    _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)));
+    _defineProperty(_this2, "handleHideOptions", function () {
+      var allOptions = [].concat(_toConsumableArray(_this2.filterOptions(_this2.state.shareableSubaccounts)), _toConsumableArray(_this2.filterOptions(_this2.state.shareableCourses)), _toConsumableArray(_this2.filterOptions(_this2.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() === _this.state.inputValue.toLowerCase()) {
-          _this.changeSelectedOption([].concat(_toConsumableArray(_this.props.selectedOption.map(function (option) {
+        if (label && label.toLowerCase() === _this2.state.inputValue.toLowerCase()) {
+          _this2.changeSelectedOption([].concat(_toConsumableArray(_this2.props.selectedOption.map(function (option) {
             return option.uuid;
           })), [onlyOption.uuid]));
         }
       }
-      _this.setState({
+      _this2.setState({
         isShowingOptions: false,
         highlightedOptionId: null,
         shareableCourses: [],
@@ -61,40 +73,40 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
         inputValue: ''
       });
     });
-    _defineProperty(_this, "handleBlur", function () {
-      _this.setState({
+    _defineProperty(_this2, "handleBlur", function () {
+      _this2.setState({
         highlightedOptionId: null
       });
     });
-    _defineProperty(_this, "handleHighlightOption", function (event, _ref) {
+    _defineProperty(_this2, "handleHighlightOption", function (event, _ref) {
       var id = _ref.id;
       event.persist();
-      var option = _this.getOptionById(id);
+      var option = _this2.getOptionById(id);
       if (!option) return;
-      _this.setState({
+      _this2.setState({
         highlightedOptionId: id,
-        inputValue: event.type === 'keydown' ? option.fullName || option.title : _this.state.inputValue
+        inputValue: event.type === 'keydown' ? option.fullName || option.title : _this2.state.inputValue
       });
     });
-    _defineProperty(_this, "changeSelectedOption", function (optionIds) {
-      _this.props.onSelectionChange(optionIds.map(function (id) {
-        return _this.getOptionById(id);
+    _defineProperty(_this2, "changeSelectedOption", function (optionIds) {
+      _this2.props.onSelectionChange(optionIds.map(function (id) {
+        return _this2.getOptionById(id);
       }));
     });
-    _defineProperty(_this, "handleSelectOption", function (event, _ref2) {
+    _defineProperty(_this2, "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) {
+      _this2.changeSelectedOption([].concat(_toConsumableArray(_this2.props.selectedOption.map(function (option) {
         return option.uuid;
       })), [id]));
-      _this.setState({
+      _this2.setState({
         inputValue: '',
         isShowingOptions: false
       });
     });
-    _defineProperty(_this, "handleInputChange", function (event) {
+    _defineProperty(_this2, "handleInputChange", function (event) {
       var value = event.target.value;
-      var longEnough = value && value.length >= _this.props.minChars;
+      var longEnough = value && value.length >= _this2.props.minChars;
       var common = {
         inputValue: value,
         isShowingOptions: true,
@@ -102,81 +114,81 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
         shareableUsers: []
       };
       if (!!value && longEnough) {
-        _this.setState(_objectSpread(_objectSpread({}, common), {}, {
+        _this2.setState(_objectSpread(_objectSpread({}, common), {}, {
           isLoading: true,
           highlightedOptionId: null
         }));
-        _this.search(value);
+        _this2.search(value);
       } else {
-        _this.setState(_objectSpread(_objectSpread({}, common), {}, {
+        _this2.setState(_objectSpread(_objectSpread({}, common), {}, {
           isLoading: false
         }));
       }
     });
-    _defineProperty(_this, "handleKeyDown", function (event) {
-      var inputValue = _this.state.inputValue;
+    _defineProperty(_this2, "handleKeyDown", function (event) {
+      var inputValue = _this2.state.inputValue;
       if (event.keyCode === 8) {
         // when backspace key is pressed
-        if (inputValue === '' && _this.props.selectedOption.length > 0) {
+        if (inputValue === '' && _this2.props.selectedOption.length > 0) {
           // remove last selected option, if input has no entered text
-          _this.changeSelectedOption(_this.props.selectedOption.slice(0, -1).map(function (option) {
+          _this2.changeSelectedOption(_this2.props.selectedOption.slice(0, -1).map(function (option) {
             return option.uuid;
           }));
-          _this.setState({
+          _this2.setState({
             highlightedOptionId: null
           });
         }
       }
     });
-    _defineProperty(_this, "dismissTag", function (id) {
-      _this.changeSelectedOption(_this.props.selectedOption.filter(function (option) {
+    _defineProperty(_this2, "dismissTag", function (id) {
+      _this2.changeSelectedOption(_this2.props.selectedOption.filter(function (option) {
         return option.uuid !== id;
       }).map(function (option) {
         return option.uuid;
       }));
-      _this.setState({
+      _this2.setState({
         highlightedOptionId: null
       }, function () {
-        _this.inputRef.focus();
+        _this2.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;
+    _this2.search = debounce(_this2.props.debounceDelay, function (value) {
+      var shouldSearchPeople = !_this2.props.searchType || _this2.props.searchType === SHARED_WITH_USER;
+      var shouldSearchCourses = !_this2.props.searchType || _this2.props.searchType === SHARED_WITH_COURSE;
+      var shouldSearchSubaccounts = _this2.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({
+        _this2.props.getShareableUsers(value).then(function (shareableUsers) {
+          var filteredUsers = _this2.filterOptions(shareableUsers);
+          _this2.setState({
             shareableUsers: shareableUsers,
-            highlightedOptionId: filteredUsers.length ? filteredUsers[0].uuid : _this.state.highlightedOptionId,
+            highlightedOptionId: filteredUsers.length ? filteredUsers[0].uuid : _this2.state.highlightedOptionId,
             isLoading: false
           });
         });
       }
       if (shouldSearchCourses) {
-        _this.props.getShareableCourses(value).then(function (shareableCourses) {
-          var filteredCourses = _this.filterOptions(shareableCourses);
-          _this.setState({
+        _this2.props.getShareableCourses(value).then(function (shareableCourses) {
+          var filteredCourses = _this2.filterOptions(shareableCourses);
+          _this2.setState({
             shareableCourses: shareableCourses,
-            highlightedOptionId: _this.state.highlightedOptionId ? _this.state.highlightedOptionId : filteredCourses.length ? filteredCourses[0].uuid : null,
+            highlightedOptionId: _this2.state.highlightedOptionId ? _this2.state.highlightedOptionId : filteredCourses.length ? filteredCourses[0].uuid : null,
             isLoading: false
           });
         });
       }
       if (shouldSearchSubaccounts) {
-        _this.props.getShareableSubaccounts(value).then(function (shareableSubaccounts) {
-          var filteredAccounts = _this.filterOptions(shareableSubaccounts);
-          _this.setState({
+        _this2.props.getShareableSubaccounts(value).then(function (shareableSubaccounts) {
+          var filteredAccounts = _this2.filterOptions(shareableSubaccounts);
+          _this2.setState({
             shareableSubaccounts: shareableSubaccounts,
-            highlightedOptionId: filteredAccounts.length ? filteredAccounts[0].uuid : _this.state.highlightedOptionId,
+            highlightedOptionId: filteredAccounts.length ? filteredAccounts[0].uuid : _this2.state.highlightedOptionId,
             isLoading: false
           });
         });
       }
     });
-    return _this;
+    return _this2;
   }
   _inherits(AsyncSearch, _Component);
   return _createClass(AsyncSearch, [{
@@ -213,23 +225,23 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderTags",
     value: function renderTags() {
-      var _this2 = this;
+      var _this3 = this;
       return this.props.selectedOption.map(function (option, index) {
         return /*#__PURE__*/React.createElement(TagWrapper, {
           key: option.uuid,
           id: option.uuid,
           index: index,
           text: option.fullName || option.title || option.name,
-          onClick: _this2.dismissTag
+          onClick: _this3.dismissTag
         });
       });
     }
   }, {
     key: "filterOptions",
     value: function filterOptions(options) {
-      var _this3 = this;
+      var _this4 = this;
       return this.props.selectionFilter(options).filter(function (option) {
-        return !_this3.props.selectedOption.some(function (selected) {
+        return !_this4.props.selectedOption.some(function (selected) {
           return selected.uuid === option.uuid;
         });
       });
@@ -237,7 +249,7 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderPeopleOptions",
     value: function renderPeopleOptions(people) {
-      var _this4 = this;
+      var _this5 = this;
       return /*#__PURE__*/React.createElement(Select.Group, {
         key: SHARED_WITH_USER,
         renderLabel: t('People')
@@ -246,14 +258,14 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
           "data-automation": "sdk-item-bank-option-user-".concat(person.uuid),
           id: person.uuid,
           key: person.uuid,
-          isHighlighted: person.uuid === _this4.state.highlightedOptionId
+          isHighlighted: person.uuid === _this5.state.highlightedOptionId
         }, person.fullName);
       }));
     }
   }, {
     key: "renderCoursesOptions",
     value: function renderCoursesOptions(courses) {
-      var _this5 = this;
+      var _this6 = this;
       return /*#__PURE__*/React.createElement(Select.Group, {
         key: SHARED_WITH_COURSE,
         renderLabel: t('Courses')
@@ -262,14 +274,14 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
           "data-automation": "sdk-item-bank-option-course-".concat(course.uuid),
           id: course.uuid,
           key: course.uuid,
-          isHighlighted: course.uuid === _this5.state.highlightedOptionId
+          isHighlighted: course.uuid === _this6.state.highlightedOptionId
         }, course.title);
       }));
     }
   }, {
     key: "renderSubaccountsOptions",
     value: function renderSubaccountsOptions(subaccounts) {
-      var _this6 = this;
+      var _this7 = this;
       return /*#__PURE__*/React.createElement(Select.Group, {
         key: SHARED_WITH_ACCOUNT,
         renderLabel: t('Accounts')
@@ -278,7 +290,7 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
           "data-automation": "sdk-item-bank-option-subaccount-".concat(subaccount.uuid),
           id: subaccount.uuid,
           key: subaccount.uuid,
-          isHighlighted: subaccount.uuid === _this6.state.highlightedOptionId
+          isHighlighted: subaccount.uuid === _this7.state.highlightedOptionId
         }, subaccount.name);
       }));
     }