@instructure/quiz-core 20.17.2-rc.9 → 20.17.2

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

@@ -1,16 +1,16 @@
-import { connect } from "../../../common/react-redux.js";
-import { createBank } from "../../api/banks.js";
-import { createBankEntry } from "../../api/bankEntries.js";
-import { checkItemShareability } from "../../../building/api/items.js";
-import { checkStimulusShareability } from "../../../building/api/stimuli.js";
-import AddToBankModal from "./presenter.js";
-import * as modalActions from "../../../common/actions/modal.js";
-import { disassociateEntry } from "../../../common/actions/banks.js";
-import * as uiActions from "../../../common/actions/ui.js";
-import Bank from "../../../common/records/Bank.js";
+import { connect } from '../../../common/react-redux';
+import { createBank } from '../../api/banks';
+import { createBankEntry } from '../../api/bankEntries';
+import { checkItemShareability } from '../../../building/api/items';
+import { checkStimulusShareability } from '../../../building/api/stimuli';
+import AddToBankModal from './presenter';
+import * as modalActions from '../../../common/actions/modal';
+import { disassociateEntry } from '../../../common/actions/banks';
+import * as uiActions from '../../../common/actions/ui';
+import Bank from '../../../common/records/Bank';
 import { ADD_TO_BANK_MODAL_BANK_SELECTION, ADD_TO_BANK_MODAL } from '@instructure/quiz-common';
-import { getModalTrigger } from "../../../common/util/modalHelpers.js";
-import { featureOn } from "../../../common/util/featureCheck.js";
+import { getModalTrigger } from '../../../common/util/modalHelpers';
+import { featureOn } from '../../../common/util/featureCheck';
 export function mapStateToProps(state, props) {
   var selectedBankOption = state.getIn(['ui', ADD_TO_BANK_MODAL_BANK_SELECTION]);
   var selectedBank = selectedBankOption && new Bank(state.getIn(['banks', selectedBankOption]));

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

@@ -1,9 +1,10 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+var _IconCheckLine, _Flex$Item, _IconWarningLine, _br;
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
@@ -12,8 +13,8 @@ import { Heading } from '@instructure/ui-heading';
 import { TextInput } from '@instructure/ui-text-input';
 import { RadioInputGroup, RadioInput } from '@instructure/ui-radio-input';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
-import Bank from "../../../common/records/Bank.js";
-import BankSelection from "../../../common/components/resources/BankSelection/index.js";
+import Bank from '../../../common/records/Bank';
+import BankSelection from '../../../common/components/resources/BankSelection';
 import { Spinner } from '@instructure/ui-spinner';
 import { Text } from '@instructure/ui-text';
 import { IconCheckLine, IconNoLine, IconWarningLine } from '@instructure/ui-icons';
@@ -21,45 +22,19 @@ import { View } from '@instructure/ui-view';
 import { Flex } from '@instructure/ui-flex';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { Modal, ModalHeader, ModalBody, ModalFooter, ADD_TO_BANK_MODAL_BANK_SELECTION, XSMALL_SIDE_MARGIN } from '@instructure/quiz-common';
-
-var _ref2 = /*#__PURE__*/React.createElement(IconCheckLine, {
-  color: "success"
-});
-
-var _ref3 = /*#__PURE__*/React.createElement(Flex.Item, {
-  padding: "0 small 0 0"
-}, /*#__PURE__*/React.createElement(IconNoLine, {
-  color: "error",
-  size: "small"
-}));
-
-var _ref4 = /*#__PURE__*/React.createElement(IconWarningLine, {
-  color: "warning"
-});
-
-var _ref5 = /*#__PURE__*/React.createElement("br", null);
-
 export var AddToBankModal = /*#__PURE__*/function (_Component) {
-  _inherits(AddToBankModal, _Component);
-
-  var _super = _createSuper(AddToBankModal);
-
   function AddToBankModal() {
     var _this;
-
     _classCallCheck(this, AddToBankModal);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
-    _this = _super.call.apply(_super, [this].concat(args));
+    _this = _callSuper(this, AddToBankModal, [].concat(args));
     _this.state = {
       bankType: 'existing',
       contentShareable: 'loading',
       newBankTitle: ''
     };
-
     _this.addToBank = function (bankId) {
       _this.props.getEntry().then(function (entry) {
         return _this.props.createBankEntry(bankId, _this.props.entryType, entry.id);
@@ -67,28 +42,21 @@ export var AddToBankModal = /*#__PURE__*/function (_Component) {
         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);
-
           return;
-        } // Some other type of error occurred
-
-
+        }
+        // Some other type of error occurred
         throw e;
       });
     };
-
     _this.continueAction = function () {
       _this.props.closeModal();
-
       _this.props.onContinue();
-
       if (_this.state.bankType === 'new') {
         var newBank = Bank.create({
           title: _this.state.newBankTitle,
           language: _this.context.locale
         });
-
         _this.props.createBank(newBank).then(function (bankData) {
           _this.addToBank(bankData.id);
         });
@@ -96,42 +64,35 @@ export var AddToBankModal = /*#__PURE__*/function (_Component) {
         _this.addToBank(_this.props.selectedBank.id);
       }
     };
-
     _this.closeAction = function () {
       _this.props.closeModal();
     };
-
     _this.onBankSelection = function (e, option) {
       _this.props.uiSet(ADD_TO_BANK_MODAL_BANK_SELECTION, option.value);
     };
-
     _this.handleRadioChange = function (event, value) {
       _this.setState({
         bankType: value
       });
     };
-
     _this.onTitleChange = function (e) {
       _this.setState({
         newBankTitle: e.target.value
       });
     };
-
     return _this;
   }
-
-  _createClass(AddToBankModal, [{
+  _inherits(AddToBankModal, _Component);
+  return _createClass(AddToBankModal, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       var _this2 = this;
-
       var _this$props = this.props,
-          canvasOrigin = _this$props.canvasOrigin,
-          checkBankedContentShareabilityEnabled = _this$props.checkBankedContentShareabilityEnabled,
-          modalOpen = _this$props.modalOpen,
-          checkContentShareability = _this$props.checkContentShareability,
-          workingEntry = _this$props.workingEntry;
-
+        canvasOrigin = _this$props.canvasOrigin,
+        checkBankedContentShareabilityEnabled = _this$props.checkBankedContentShareabilityEnabled,
+        modalOpen = _this$props.modalOpen,
+        checkContentShareability = _this$props.checkContentShareability,
+        workingEntry = _this$props.workingEntry;
       if (checkBankedContentShareabilityEnabled && modalOpen && !prevProps.modalOpen) {
         this.setState({
           contentShareable: 'loading'
@@ -141,38 +102,31 @@ export var AddToBankModal = /*#__PURE__*/function (_Component) {
             contentShareable: 'true'
           });
         }).catch( /*#__PURE__*/function () {
-          var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(err) {
+          var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(err) {
             var _err$response, _err$response2;
-
             var body;
-            return _regeneratorRuntime.wrap(function _callee$(_context) {
-              while (1) {
-                switch (_context.prev = _context.next) {
-                  case 0:
-                    _context.next = 2;
-                    return (_err$response = err.response) === null || _err$response === void 0 ? void 0 : _err$response.json();
-
-                  case 2:
-                    body = _context.sent;
-
-                    if (((_err$response2 = err.response) === null || _err$response2 === void 0 ? void 0 : _err$response2.status) === 400 && body.shareable === false) {
-                      _this2.setState({
-                        contentShareable: 'false'
-                      });
-                    } else {
-                      _this2.setState({
-                        contentShareable: 'unknown'
-                      });
-                    }
-
-                  case 4:
-                  case "end":
-                    return _context.stop();
-                }
+            return _regeneratorRuntime().wrap(function _callee$(_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  _context.next = 2;
+                  return (_err$response = err.response) === null || _err$response === void 0 ? void 0 : _err$response.json();
+                case 2:
+                  body = _context.sent;
+                  if (((_err$response2 = err.response) === null || _err$response2 === void 0 ? void 0 : _err$response2.status) === 400 && body.shareable === false) {
+                    _this2.setState({
+                      contentShareable: 'false'
+                    });
+                  } else {
+                    _this2.setState({
+                      contentShareable: 'unknown'
+                    });
+                  }
+                case 4:
+                case "end":
+                  return _context.stop();
               }
             }, _callee);
           }));
-
           return function (_x) {
             return _ref.apply(this, arguments);
           };
@@ -191,9 +145,9 @@ export var AddToBankModal = /*#__PURE__*/function (_Component) {
     key: "addToBankButton",
     value: function addToBankButton() {
       var _this$state = this.state,
-          bankType = _this$state.bankType,
-          newBankTitle = _this$state.newBankTitle,
-          contentShareable = _this$state.contentShareable;
+        bankType = _this$state.bankType,
+        newBankTitle = _this$state.newBankTitle,
+        contentShareable = _this$state.contentShareable;
       var checkBankedContentShareabilityEnabled = this.props.checkBankedContentShareabilityEnabled;
       var contentShareableLoading = contentShareable === 'loading';
       var disabled = bankType === 'existing' && !this.props.selectedBank || bankType === 'new' && (!newBankTitle || !newBankTitle.trim()) || checkBankedContentShareabilityEnabled && contentShareableLoading;
@@ -216,7 +170,6 @@ export var AddToBankModal = /*#__PURE__*/function (_Component) {
           "data-automation": "sdk-bank-selection"
         });
       }
-
       return /*#__PURE__*/React.createElement(TextInput, {
         onChange: this.onTitleChange,
         value: this.state.newBankTitle,
@@ -229,16 +182,22 @@ export var AddToBankModal = /*#__PURE__*/function (_Component) {
     value: function renderContentShareabilityMessage() {
       if (this.props.checkBankedContentShareabilityEnabled) {
         var content = null;
-
         if (this.state.contentShareable === 'loading') {
           content = /*#__PURE__*/React.createElement(Text, null, /*#__PURE__*/React.createElement(Spinner, {
             size: "x-small",
             renderTitle: t('Checking content shareability...')
           }), "\xA0", t('Validating content...'));
         } else if (this.state.contentShareable === 'true') {
-          content = /*#__PURE__*/React.createElement(Text, null, _ref2, "\xA0", t('Good to go!'));
+          content = /*#__PURE__*/React.createElement(Text, null, _IconCheckLine || (_IconCheckLine = /*#__PURE__*/React.createElement(IconCheckLine, {
+            color: "success"
+          })), "\xA0", t('Good to go!'));
         } else if (this.state.contentShareable === 'false') {
-          content = /*#__PURE__*/React.createElement(Flex, null, _ref3, /*#__PURE__*/React.createElement(Flex.Item, {
+          content = /*#__PURE__*/React.createElement(Flex, null, _Flex$Item || (_Flex$Item = /*#__PURE__*/React.createElement(Flex.Item, {
+            padding: "0 small 0 0"
+          }, /*#__PURE__*/React.createElement(IconNoLine, {
+            color: "error",
+            size: "small"
+          }))), /*#__PURE__*/React.createElement(Flex.Item, {
             shouldShrink: true
           }, /*#__PURE__*/React.createElement(Text, {
             color: "danger"
@@ -246,9 +205,10 @@ export var AddToBankModal = /*#__PURE__*/function (_Component) {
         } else {
           content = /*#__PURE__*/React.createElement(Text, {
             color: "warning"
-          }, _ref4, "\xA0", t('There was an error attempting to validate shareability.'));
+          }, _IconWarningLine || (_IconWarningLine = /*#__PURE__*/React.createElement(IconWarningLine, {
+            color: "warning"
+          })), "\xA0", t('There was an error attempting to validate shareability.'));
         }
-
         return /*#__PURE__*/React.createElement(View, {
           as: "div",
           margin: "small 0 0 0"
@@ -269,7 +229,7 @@ export var AddToBankModal = /*#__PURE__*/function (_Component) {
       }), /*#__PURE__*/React.createElement(RadioInput, {
         value: "new",
         label: t('New item bank')
-      })), _ref5, this.renderBankTypeContent(), this.renderContentShareabilityMessage());
+      })), _br || (_br = /*#__PURE__*/React.createElement("br", null)), this.renderBankTypeContent(), this.renderContentShareabilityMessage());
     }
   }, {
     key: "render",
@@ -291,9 +251,6 @@ export var AddToBankModal = /*#__PURE__*/function (_Component) {
       })), /*#__PURE__*/React.createElement(ModalBody, null, this.renderContent()), /*#__PURE__*/React.createElement(ModalFooter, null, this.cancelButton(), this.addToBankButton()));
     }
   }]);
-
-  AddToBankModal.displayName = "AddToBankModal";
-  return AddToBankModal;
 }(Component);
 AddToBankModal.propTypes = {
   canvasOrigin: PropTypes.string,

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

@@ -2,8 +2,8 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import debounce from 'lodash/fp/debounce';
@@ -11,24 +11,16 @@ import find from 'lodash/fp/find';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { Select } from '@instructure/ui-select';
 import { Spinner } from '@instructure/ui-spinner';
-import TagWrapper from "../../../common/components/shared/TagWrapper/index.js";
+import TagWrapper from '../../../common/components/shared/TagWrapper';
 import { SHARED_WITH_USER, SHARED_WITH_COURSE, SHARED_WITH_ACCOUNT, SELECT_EMPTY_OPTION } 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 = _callSuper(this, AsyncSearch, arguments);
     _this.setInputRef = function (inputRef) {
       _this.inputRef = inputRef;
     };
-
     _this.state = {
       inputValue: '',
       isShowingOptions: false,
@@ -38,28 +30,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 +57,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 +97,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 +109,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 +118,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 +151,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 +161,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 +174,34 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
     });
     return _this;
   }
-
-  _createClass(AsyncSearch, [{
+  _inherits(AsyncSearch, _Component);
+  return _createClass(AsyncSearch, [{
     key: "getOptionById",
     value: function getOptionById(id) {
       var user = find({
         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 +210,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 +224,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 +234,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 +251,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 +268,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 +287,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 +297,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 +322,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 +334,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,9 +354,6 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
       }, this.renderOptions());
     }
   }]);
-
-  AsyncSearch.displayName = "AsyncSearch";
-  return AsyncSearch;
 }(Component);
 AsyncSearch.propTypes = {
   debounceDelay: PropTypes.number,