@instructure/quiz-core 21.1.1 → 22.0.0

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

@@ -1,91 +1,105 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+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';
 import { Heading } from '@instructure/ui-heading';
 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/presenter.js";
+import Bank from '../../../common/records/Bank';
+import BankSelection from '../../../common/components/resources/BankSelection/presenter';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { Modal, ModalHeader, ModalBody, ModalFooter, TextInput, XSMALL_SIDE_MARGIN } from '@instructure/quiz-common';
-import { featureOn } from "../../../common/util/featureCheck.js";
-var _ref = /*#__PURE__*/React.createElement("br", null);
+import { featureOn } from '../../../common/util/featureCheck';
 export var AddToBankModal = /*#__PURE__*/function (_Component) {
-  _inherits(AddToBankModal, _Component);
-  var _super = _createSuper(AddToBankModal);
   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 = _super.call.apply(_super, [this].concat(args));
-    _this.state = {
+    _this2 = _callSuper(this, AddToBankModal, [].concat(args));
+    _defineProperty(_this2, "state", {
       bankType: 'existing',
       newBankTitle: '',
       selectedBank: null
-    };
-    _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);
       }
-    };
-    _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;
       });
-    };
-    _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);
       }
-    };
-    _this.closeAction = function () {
-      _this.props.closeModal();
-    };
-    _this.onBankSelection = function (e, option) {
-      _this.setState({
+    });
+    _defineProperty(_this2, "closeAction", function () {
+      _this2.props.closeModal();
+    });
+    _defineProperty(_this2, "onBankSelection", function (e, option) {
+      _this2.setState({
         selectedBank: new Bank(option)
       });
-    };
-    _this.handleRadioChange = function (event, value) {
-      _this.setState({
+    });
+    _defineProperty(_this2, "handleRadioChange", function (event, value) {
+      _this2.setState({
         bankType: value
       });
-    };
-    _this.onTitleChange = function (e) {
-      _this.setState({
+    });
+    _defineProperty(_this2, "onTitleChange", function (e) {
+      _this2.setState({
         newBankTitle: e.target.value
       });
-    };
-    return _this;
+    });
+    return _this2;
   }
-  _createClass(AddToBankModal, [{
+  _inherits(AddToBankModal, _Component);
+  return _createClass(AddToBankModal, [{
     key: "cancelButton",
     value: function cancelButton() {
       return /*#__PURE__*/React.createElement(Button, {
@@ -140,7 +154,7 @@ export var AddToBankModal = /*#__PURE__*/function (_Component) {
       }), /*#__PURE__*/React.createElement(RadioInput, {
         value: "new",
         label: t('New item bank')
-      })), _ref, this.renderBankTypeContent());
+      })), /*#__PURE__*/React.createElement("br", null), this.renderBankTypeContent());
     }
   }, {
     key: "render",
@@ -162,10 +176,8 @@ 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 = {
+_defineProperty(AddToBankModal, "propTypes", {
   closeModal: PropTypes.func.isRequired,
   createBank: PropTypes.func.isRequired,
   moveBankEntryFromQuizEntry: PropTypes.func.isRequired,
@@ -185,13 +197,13 @@ AddToBankModal.propTypes = {
   onContinue: PropTypes.func,
   uiSet: PropTypes.func.isRequired,
   quizId: PropTypes.string.isRequired
-};
-AddToBankModal.defaultProps = {
+});
+_defineProperty(AddToBankModal, "defaultProps", {
   handleValidationErrorsFromApi: function handleValidationErrorsFromApi() {},
   onAdd: function onAdd() {},
   onContinue: function onContinue() {}
-};
-AddToBankModal.contextTypes = {
+});
+_defineProperty(AddToBankModal, "contextTypes", {
   locale: PropTypes.string
-};
+});
 export default AddToBankModal;

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

@@ -1,28 +1,43 @@
-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 _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/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) { _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';
 import find from 'lodash/fp/find';
 import t from '@instructure/quiz-i18n/es/format-message';
 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, Select } from '@instructure/quiz-common';
 export var AsyncSearch = /*#__PURE__*/function (_Component) {
-  _inherits(AsyncSearch, _Component);
-  var _super = _createSuper(AsyncSearch);
   function AsyncSearch() {
-    var _this;
+    var _this2;
     _classCallCheck(this, AsyncSearch);
-    _this = _super.apply(this, arguments);
-    _this.setInputRef = function (inputRef) {
-      _this.inputRef = inputRef;
-    };
-    _this.state = {
+    _this2 = _callSuper(this, AsyncSearch, arguments);
+    _defineProperty(_this2, "setInputRef", function (inputRef) {
+      _this2.inputRef = inputRef;
+    });
+    _defineProperty(_this2, "state", {
       inputValue: '',
       isShowingOptions: false,
       isLoading: false,
@@ -30,68 +45,68 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
       shareableSubaccounts: [],
       shareableCourses: [],
       shareableUsers: []
-    };
-    _this.handleShowOptions = function () {
-      _this.setState({
+    });
+    _defineProperty(_this2, "handleShowOptions", function () {
+      _this2.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)));
+    });
+    _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: [],
         shareableUsers: [],
         inputValue: ''
       });
-    };
-    _this.handleBlur = function () {
-      _this.setState({
+    });
+    _defineProperty(_this2, "handleBlur", function () {
+      _this2.setState({
         highlightedOptionId: null
       });
-    };
-    _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
       });
-    };
-    _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);
       }));
-    };
-    _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
       });
-    };
-    _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,
@@ -99,83 +114,84 @@ 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
         }));
       }
-    };
-    _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
           });
         }
       }
-    };
-    _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;
   }
-  _createClass(AsyncSearch, [{
+  _inherits(AsyncSearch, _Component);
+  return _createClass(AsyncSearch, [{
     key: "getOptionById",
     value: function getOptionById(id) {
       var user = find({
@@ -209,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;
         });
       });
@@ -233,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')
@@ -242,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')
@@ -258,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')
@@ -274,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);
       }));
     }
@@ -351,10 +367,8 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
       }, this.renderOptions());
     }
   }]);
-  AsyncSearch.displayName = "AsyncSearch";
-  return AsyncSearch;
 }(Component);
-AsyncSearch.propTypes = {
+_defineProperty(AsyncSearch, "propTypes", {
   debounceDelay: PropTypes.number,
   minChars: PropTypes.number,
   onSelectionChange: PropTypes.func.isRequired,
@@ -371,8 +385,8 @@ AsyncSearch.propTypes = {
   selectionFilter: PropTypes.func,
   searchLabel: PropTypes.string,
   placeholderLabel: PropTypes.string
-};
-AsyncSearch.defaultProps = {
+});
+_defineProperty(AsyncSearch, "defaultProps", {
   debounceDelay: 500,
   minChars: 1,
   searchType: null,
@@ -384,5 +398,5 @@ AsyncSearch.defaultProps = {
   getShareableSubaccounts: null,
   searchLabel: t('Share With'),
   placeholder: null
-};
+});
 export default AsyncSearch;

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

@@ -1,17 +1,17 @@
 import * as immutable from 'immutable';
-import { Bank as BankPresenter } from "./presenter.js";
-import { connect } from "../../../common/react-redux.js";
-import BankRecord from "../../../common/records/Bank.js";
-import { getActiveQuiz } from "../../../common/selectors/quizzes.js";
-import { getBank, getSharedBank, shareBank, updateSharedBankPermission } from "../../../banks/api/banks.js";
-import { getBankEntries } from "../../../banks/api/bankEntries.js";
-import { createQuizEntry } from "../../../building/api/quizEntries.js";
-import { openModal, withConfirm } from "../../../common/actions/modal.js";
+import { Bank as BankPresenter } from './presenter';
+import { connect } from '../../../common/react-redux';
+import BankRecord from '../../../common/records/Bank';
+import { getActiveQuiz } from '../../../common/selectors/quizzes';
+import { getBank, getSharedBank, shareBank, updateSharedBankPermission } from '../../../banks/api/banks';
+import { getBankEntries } from '../../../banks/api/bankEntries';
+import { createQuizEntry } from '../../../building/api/quizEntries';
+import { openModal, withConfirm } from '../../../common/actions/modal';
 import { BUILD_TRAY_POSITION, BUILD_TRAY_STIMULUS_ID } from '@instructure/quiz-common';
-import { screenreaderNotification } from "../../../common/actions/alerts.js";
-import { reset as resetSearch } from "../../../common/actions/bankSearch.js";
-import { removeSharedBank } from "../../../common/actions/sharedBanks.js";
-import { featureOn } from "../../../common/util/featureCheck.js";
+import { screenreaderNotification } from '../../../common/actions/alerts';
+import { reset as resetSearch } from '../../../common/actions/bankSearch';
+import { removeSharedBank } from '../../../common/actions/sharedBanks';
+import { featureOn } from '../../../common/util/featureCheck';
 export function mapStateToProps(state, props) {
   var bank = new BankRecord(state.getIn(['banks', props.bankId]));
   var search = state.get('bankSearch', immutable.Map());