@instructure/quiz-core 20.17.3-rc.7 → 20.17.3-rc.8

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

@@ -1,16 +1,16 @@
-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 { 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 { ADD_TO_BANK_MODAL_BANK_SELECTION, ADD_TO_BANK_MODAL } from '@instructure/quiz-common';
-import { getModalTrigger } from '../../../common/util/modalHelpers';
-import { featureOn } from '../../../common/util/featureCheck';
+import { getModalTrigger } from "../../../common/util/modalHelpers.js";
+import { featureOn } from "../../../common/util/featureCheck.js";
 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,10 +1,9 @@
-import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-var _IconCheckLine, _Flex$Item, _IconWarningLine, _br;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
@@ -13,8 +12,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';
-import BankSelection from '../../../common/components/resources/BankSelection';
+import Bank from "../../../common/records/Bank.js";
+import BankSelection from "../../../common/components/resources/BankSelection/index.js";
 import { Spinner } from '@instructure/ui-spinner';
 import { Text } from '@instructure/ui-text';
 import { IconCheckLine, IconNoLine, IconWarningLine } from '@instructure/ui-icons';
@@ -22,19 +21,45 @@ 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 = _callSuper(this, AddToBankModal, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].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);
@@ -42,21 +67,28 @@ 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);
         });
@@ -64,35 +96,42 @@ 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;
   }
-  _inherits(AddToBankModal, _Component);
-  return _createClass(AddToBankModal, [{
+
+  _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'
@@ -102,31 +141,38 @@ 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);
           };
@@ -145,9 +191,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;
@@ -170,6 +216,7 @@ export var AddToBankModal = /*#__PURE__*/function (_Component) {
           "data-automation": "sdk-bank-selection"
         });
       }
+
       return /*#__PURE__*/React.createElement(TextInput, {
         onChange: this.onTitleChange,
         value: this.state.newBankTitle,
@@ -182,22 +229,16 @@ 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, _IconCheckLine || (_IconCheckLine = /*#__PURE__*/React.createElement(IconCheckLine, {
-            color: "success"
-          })), "\xA0", t('Good to go!'));
+          content = /*#__PURE__*/React.createElement(Text, null, _ref2, "\xA0", t('Good to go!'));
         } else if (this.state.contentShareable === 'false') {
-          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, {
+          content = /*#__PURE__*/React.createElement(Flex, null, _ref3, /*#__PURE__*/React.createElement(Flex.Item, {
             shouldShrink: true
           }, /*#__PURE__*/React.createElement(Text, {
             color: "danger"
@@ -205,10 +246,9 @@ export var AddToBankModal = /*#__PURE__*/function (_Component) {
         } else {
           content = /*#__PURE__*/React.createElement(Text, {
             color: "warning"
-          }, _IconWarningLine || (_IconWarningLine = /*#__PURE__*/React.createElement(IconWarningLine, {
-            color: "warning"
-          })), "\xA0", t('There was an error attempting to validate shareability.'));
+          }, _ref4, "\xA0", t('There was an error attempting to validate shareability.'));
         }
+
         return /*#__PURE__*/React.createElement(View, {
           as: "div",
           margin: "small 0 0 0"
@@ -229,7 +269,7 @@ export var AddToBankModal = /*#__PURE__*/function (_Component) {
       }), /*#__PURE__*/React.createElement(RadioInput, {
         value: "new",
         label: t('New item bank')
-      })), _br || (_br = /*#__PURE__*/React.createElement("br", null)), this.renderBankTypeContent(), this.renderContentShareabilityMessage());
+      })), _ref5, this.renderBankTypeContent(), this.renderContentShareabilityMessage());
     }
   }, {
     key: "render",
@@ -251,6 +291,9 @@ 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,16 +11,24 @@ 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';
+import TagWrapper from "../../../common/components/shared/TagWrapper/index.js";
 import { SHARED_WITH_USER, SHARED_WITH_COURSE, SHARED_WITH_ACCOUNT, SELECT_EMPTY_OPTION } from '@instructure/quiz-common';
 export var AsyncSearch = /*#__PURE__*/function (_Component) {
+  _inherits(AsyncSearch, _Component);
+
+  var _super = _createSuper(AsyncSearch);
+
   function AsyncSearch() {
     var _this;
+
     _classCallCheck(this, AsyncSearch);
-    _this = _callSuper(this, AsyncSearch, arguments);
+
+    _this = _super.apply(this, arguments);
+
     _this.setInputRef = function (inputRef) {
       _this.inputRef = inputRef;
     };
+
     _this.state = {
       inputValue: '',
       isShowingOptions: false,
@@ -30,25 +38,28 @@ 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)));
+      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
 
-      // 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,
@@ -57,37 +68,47 @@ 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;
@@ -97,11 +118,13 @@ 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), {}, {
@@ -109,8 +132,10 @@ 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) {
@@ -118,32 +143,37 @@ 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,
@@ -151,9 +181,11 @@ 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,
@@ -161,9 +193,11 @@ 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,
@@ -174,34 +208,40 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
     });
     return _this;
   }
-  _inherits(AsyncSearch, _Component);
-  return _createClass(AsyncSearch, [{
+
+  _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);
@@ -210,6 +250,7 @@ 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,
@@ -224,6 +265,7 @@ 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;
@@ -234,6 +276,7 @@ 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')
@@ -251,6 +294,7 @@ 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')
@@ -268,6 +312,7 @@ 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')
@@ -287,9 +332,11 @@ 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');
     }
   }, {
@@ -297,17 +344,23 @@ 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
@@ -322,6 +375,7 @@ 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) {
@@ -334,8 +388,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,
@@ -354,6 +408,9 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
       }, this.renderOptions());
     }
   }]);
+
+  AsyncSearch.displayName = "AsyncSearch";
+  return AsyncSearch;
 }(Component);
 AsyncSearch.propTypes = {
   debounceDelay: PropTypes.number,