@instructure/quiz-core 20.20.1-rc.2 → 20.20.1-snapshot.11

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

@@ -22,45 +22,34 @@ 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';
 import { featureOn } from "../../../common/util/featureCheck.js";
-
 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.state = {
       bankType: 'existing',
       contentShareable: 'loading',
       newBankTitle: ''
     };
-
     _this.copyBankEntry = function (entryId, bankId) {
       if (featureOn('instfs_bank_entry_movement_endpoints')) {
         return _this.props.moveBankEntryFromQuizEntry(_this.props.quizId, entryId, _this.props.entryType, bankId);
@@ -68,7 +57,6 @@ export var AddToBankModal = /*#__PURE__*/function (_Component) {
         return _this.props.createBankEntry(bankId, _this.props.entryType, entryId);
       }
     };
-
     _this.addToBank = function (bankId) {
       _this.props.getEntry().then(function (entry) {
         return _this.copyBankEntry(entry.id, bankId);
@@ -76,28 +64,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);
         });
@@ -105,42 +86,34 @@ 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, [{
     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'
@@ -149,10 +122,9 @@ export var AddToBankModal = /*#__PURE__*/function (_Component) {
           _this2.setState({
             contentShareable: 'true'
           });
-        }).catch( /*#__PURE__*/function () {
-          var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(err) {
+        }).catch(/*#__PURE__*/function () {
+          var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(err) {
             var _err$response, _err$response2;
-
             var body;
             return _regeneratorRuntime.wrap(function _callee$(_context) {
               while (1) {
@@ -160,10 +132,8 @@ export var AddToBankModal = /*#__PURE__*/function (_Component) {
                   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'
@@ -173,7 +143,6 @@ export var AddToBankModal = /*#__PURE__*/function (_Component) {
                         contentShareable: 'unknown'
                       });
                     }
-
                   case 4:
                   case "end":
                     return _context.stop();
@@ -181,7 +150,6 @@ export var AddToBankModal = /*#__PURE__*/function (_Component) {
               }
             }, _callee);
           }));
-
           return function (_x) {
             return _ref.apply(this, arguments);
           };
@@ -200,9 +168,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;
@@ -225,7 +193,6 @@ export var AddToBankModal = /*#__PURE__*/function (_Component) {
           "data-automation": "sdk-bank-selection"
         });
       }
-
       return /*#__PURE__*/React.createElement(TextInput, {
         onChange: this.onTitleChange,
         value: this.state.newBankTitle,
@@ -238,7 +205,6 @@ 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",
@@ -257,7 +223,6 @@ export var AddToBankModal = /*#__PURE__*/function (_Component) {
             color: "warning"
           }, _ref4, "\xA0", t('There was an error attempting to validate shareability.'));
         }
-
         return /*#__PURE__*/React.createElement(View, {
           as: "div",
           margin: "small 0 0 0"
@@ -300,7 +265,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);

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

@@ -15,20 +15,14 @@ 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 = _super.apply(this, arguments);
-
     _this.setInputRef = function (inputRef) {
       _this.inputRef = inputRef;
     };
-
     _this.state = {
       inputValue: '',
       isShowingOptions: false,
@@ -38,28 +32,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 +59,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 +99,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 +111,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 +120,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 +153,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 +163,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 +176,33 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
     });
     return _this;
   }
-
   _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 +211,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 +225,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 +235,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 +252,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 +269,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 +288,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 +298,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 +323,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 +335,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,7 +355,6 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
       }, this.renderOptions());
     }
   }]);
-
   AsyncSearch.displayName = "AsyncSearch";
   return AsyncSearch;
 }(Component);