@instructure/quiz-core 20.17.3-rc.0 → 20.17.3-rc.10

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

@@ -1,34 +1,59 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.AsyncSearch = void 0;
+
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
+
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _debounce = _interopRequireDefault(require("lodash/fp/debounce"));
+
 var _find = _interopRequireDefault(require("lodash/fp/find"));
+
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
 var _uiSelect = require("@instructure/ui-select");
+
 var _uiSpinner = require("@instructure/ui-spinner");
-var _TagWrapper = _interopRequireDefault(require("../../../common/components/shared/TagWrapper"));
+
+var _index = _interopRequireDefault(require("../../../common/components/shared/TagWrapper/index.js"));
+
 var _quizCommon = require("@instructure/quiz-common");
-var AsyncSearch = exports.AsyncSearch = /*#__PURE__*/function (_Component) {
+
+var AsyncSearch = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(AsyncSearch, _Component);
+
+  var _super = (0, _createSuper2.default)(AsyncSearch);
+
   function AsyncSearch() {
     var _this;
+
     (0, _classCallCheck2.default)(this, AsyncSearch);
-    _this = (0, _callSuper2.default)(this, AsyncSearch, arguments);
+    _this = _super.apply(this, arguments);
+
     _this.setInputRef = function (inputRef) {
       _this.inputRef = inputRef;
     };
+
     _this.state = {
       inputValue: '',
       isShowingOptions: false,
@@ -38,25 +63,28 @@ var AsyncSearch = exports.AsyncSearch = /*#__PURE__*/function (_Component) {
       shareableCourses: [],
       shareableUsers: []
     };
+
     _this.handleShowOptions = function () {
       _this.setState({
         isShowingOptions: true
       });
     };
+
     _this.handleHideOptions = function () {
-      var allOptions = [].concat((0, _toConsumableArray2.default)(_this.filterOptions(_this.state.shareableSubaccounts)), (0, _toConsumableArray2.default)(_this.filterOptions(_this.state.shareableCourses)), (0, _toConsumableArray2.default)(_this.filterOptions(_this.state.shareableUsers)));
+      var allOptions = [].concat((0, _toConsumableArray2.default)(_this.filterOptions(_this.state.shareableSubaccounts)), (0, _toConsumableArray2.default)(_this.filterOptions(_this.state.shareableCourses)), (0, _toConsumableArray2.default)(_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((0, _toConsumableArray2.default)(_this.props.selectedOption.map(function (option) {
             return option.uuid;
           })), [onlyOption.uuid]));
         }
       }
+
       _this.setState({
         isShowingOptions: false,
         highlightedOptionId: null,
@@ -65,37 +93,47 @@ var AsyncSearch = exports.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 === _quizCommon.SELECT_EMPTY_OPTION) return;
+
       _this.changeSelectedOption([].concat((0, _toConsumableArray2.default)(_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;
@@ -105,11 +143,13 @@ var AsyncSearch = exports.AsyncSearch = /*#__PURE__*/function (_Component) {
         shareableCourses: [],
         shareableUsers: []
       };
+
       if (!!value && longEnough) {
         _this.setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, common), {}, {
           isLoading: true,
           highlightedOptionId: null
         }));
+
         _this.search(value);
       } else {
         _this.setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, common), {}, {
@@ -117,8 +157,10 @@ var AsyncSearch = exports.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) {
@@ -126,32 +168,37 @@ var AsyncSearch = exports.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 = (0, _debounce.default)(_this.props.debounceDelay, function (value) {
       var shouldSearchPeople = !_this.props.searchType || _this.props.searchType === _quizCommon.SHARED_WITH_USER;
       var shouldSearchCourses = !_this.props.searchType || _this.props.searchType === _quizCommon.SHARED_WITH_COURSE;
-      var shouldSearchSubaccounts = _this.props.searchType === _quizCommon.SHARED_WITH_ACCOUNT;
-      // TODO add the promise cancellation for avoiding having disordered requests
+      var shouldSearchSubaccounts = _this.props.searchType === _quizCommon.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,
@@ -159,9 +206,11 @@ var AsyncSearch = exports.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,
@@ -169,9 +218,11 @@ var AsyncSearch = exports.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,
@@ -182,34 +233,40 @@ var AsyncSearch = exports.AsyncSearch = /*#__PURE__*/function (_Component) {
     });
     return _this;
   }
-  (0, _inherits2.default)(AsyncSearch, _Component);
-  return (0, _createClass2.default)(AsyncSearch, [{
+
+  (0, _createClass2.default)(AsyncSearch, [{
     key: "getOptionById",
     value: function getOptionById(id) {
       var user = (0, _find.default)({
         uuid: id
       }, this.state.shareableUsers);
+
       if (user) {
         return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, user), {}, {
           entityType: _quizCommon.SHARED_WITH_USER
         });
       }
+
       var course = (0, _find.default)({
         uuid: id
       }, this.state.shareableCourses);
+
       if (course) {
         return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, course), {}, {
           entityType: _quizCommon.SHARED_WITH_COURSE
         });
       }
+
       var account = (0, _find.default)({
         uuid: id
       }, this.state.shareableSubaccounts);
+
       if (account) {
         return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, account), {}, {
           entityType: _quizCommon.SHARED_WITH_ACCOUNT
         });
       }
+
       return (0, _find.default)({
         uuid: id
       }, this.props.selectedOption);
@@ -218,8 +275,9 @@ var AsyncSearch = exports.AsyncSearch = /*#__PURE__*/function (_Component) {
     key: "renderTags",
     value: function renderTags() {
       var _this2 = this;
+
       return this.props.selectedOption.map(function (option, index) {
-        return /*#__PURE__*/_react.default.createElement(_TagWrapper.default, {
+        return /*#__PURE__*/_react.default.createElement(_index.default, {
           key: option.uuid,
           id: option.uuid,
           index: index,
@@ -232,6 +290,7 @@ var AsyncSearch = exports.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;
@@ -242,6 +301,7 @@ var AsyncSearch = exports.AsyncSearch = /*#__PURE__*/function (_Component) {
     key: "renderPeopleOptions",
     value: function renderPeopleOptions(people) {
       var _this4 = this;
+
       return /*#__PURE__*/_react.default.createElement(_uiSelect.Select.Group, {
         key: _quizCommon.SHARED_WITH_USER,
         renderLabel: (0, _formatMessage.default)('People')
@@ -259,6 +319,7 @@ var AsyncSearch = exports.AsyncSearch = /*#__PURE__*/function (_Component) {
     key: "renderCoursesOptions",
     value: function renderCoursesOptions(courses) {
       var _this5 = this;
+
       return /*#__PURE__*/_react.default.createElement(_uiSelect.Select.Group, {
         key: _quizCommon.SHARED_WITH_COURSE,
         renderLabel: (0, _formatMessage.default)('Courses')
@@ -276,6 +337,7 @@ var AsyncSearch = exports.AsyncSearch = /*#__PURE__*/function (_Component) {
     key: "renderSubaccountsOptions",
     value: function renderSubaccountsOptions(subaccounts) {
       var _this6 = this;
+
       return /*#__PURE__*/_react.default.createElement(_uiSelect.Select.Group, {
         key: _quizCommon.SHARED_WITH_ACCOUNT,
         renderLabel: (0, _formatMessage.default)('Accounts')
@@ -295,9 +357,11 @@ var AsyncSearch = exports.AsyncSearch = /*#__PURE__*/function (_Component) {
       var minCharsMessage = (0, _formatMessage.default)('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 === '' ? (0, _formatMessage.default)('Write to search') : (0, _formatMessage.default)('No Results');
     }
   }, {
@@ -305,17 +369,23 @@ var AsyncSearch = exports.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.default.createElement(_uiSelect.Select.Option, {
         id: _quizCommon.SELECT_EMPTY_OPTION,
         key: _quizCommon.SELECT_EMPTY_OPTION
@@ -330,6 +400,7 @@ var AsyncSearch = exports.AsyncSearch = /*#__PURE__*/function (_Component) {
       if (this.props.placeholderLabel) {
         return this.props.placeholderLabel;
       }
+
       if (this.props.searchType === _quizCommon.SHARED_WITH_ACCOUNT) {
         return (0, _formatMessage.default)('Enter subaccount name');
       } else if (this.props.searchType === _quizCommon.SHARED_WITH_COURSE) {
@@ -342,8 +413,8 @@ var AsyncSearch = exports.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.default.createElement(_uiSelect.Select, {
         "data-automation": "sdk-item-bank-share-input",
         renderLabel: this.props.searchLabel,
@@ -362,7 +433,11 @@ var AsyncSearch = exports.AsyncSearch = /*#__PURE__*/function (_Component) {
       }, this.renderOptions());
     }
   }]);
+  AsyncSearch.displayName = "AsyncSearch";
+  return AsyncSearch;
 }(_react.Component);
+
+exports.AsyncSearch = AsyncSearch;
 AsyncSearch.propTypes = {
   debounceDelay: _propTypes.default.number,
   improvedBankSharingEnabled: _propTypes.default.bool.isRequired,
@@ -395,4 +470,5 @@ AsyncSearch.defaultProps = {
   searchLabel: (0, _formatMessage.default)('Share With'),
   placeholder: null
 };
-var _default = exports.default = AsyncSearch;
+var _default = AsyncSearch;
+exports.default = _default;

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

@@ -1,26 +1,43 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Bank = void 0;
 exports.mapStateToProps = mapStateToProps;
+exports.default = exports.Bank = void 0;
+
 var immutable = _interopRequireWildcard(require("immutable"));
-var _presenter = require("./presenter");
-var _reactRedux = require("../../../common/react-redux");
-var _Bank = _interopRequireDefault(require("../../../common/records/Bank"));
-var _quizzes = require("../../../common/selectors/quizzes");
-var _banks = require("../../../banks/api/banks");
-var _bankEntries = require("../../../banks/api/bankEntries");
-var _quizEntries = require("../../../building/api/quizEntries");
-var _modal = require("../../../common/actions/modal");
+
+var _presenter = require("./presenter.js");
+
+var _reactRedux = require("../../../common/react-redux.js");
+
+var _Bank = _interopRequireDefault(require("../../../common/records/Bank.js"));
+
+var _quizzes = require("../../../common/selectors/quizzes.js");
+
+var _banks = require("../../../banks/api/banks.js");
+
+var _bankEntries = require("../../../banks/api/bankEntries.js");
+
+var _quizEntries = require("../../../building/api/quizEntries.js");
+
+var _modal = require("../../../common/actions/modal.js");
+
 var _quizCommon = require("@instructure/quiz-common");
-var _alerts = require("../../../common/actions/alerts");
-var _bankSearch = require("../../../common/actions/bankSearch");
-var _sharedBanks = require("../../../common/actions/sharedBanks");
-var _featureCheck = require("../../../common/util/featureCheck");
+
+var _alerts = require("../../../common/actions/alerts.js");
+
+var _bankSearch = require("../../../common/actions/bankSearch.js");
+
+var _sharedBanks = require("../../../common/actions/sharedBanks.js");
+
+var _featureCheck = require("../../../common/util/featureCheck.js");
+
 function mapStateToProps(state, props) {
   var bank = new _Bank.default(state.getIn(['banks', props.bankId]));
   var search = state.get('bankSearch', immutable.Map());
@@ -42,6 +59,7 @@ function mapStateToProps(state, props) {
     showShareBankFromTray: (0, _featureCheck.featureOn)('share_bank_from_tray')
   };
 }
+
 var mapDispatchToProps = {
   addEntryToQuiz: _quizEntries.createQuizEntry,
   getBank: _banks.getBank,
@@ -55,5 +73,7 @@ var mapDispatchToProps = {
   updateSharedBankPermission: _banks.updateSharedBankPermission,
   withConfirm: _modal.withConfirm
 };
-var Bank = exports.Bank = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.Bank);
-var _default = exports.default = Bank;
+var Bank = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.Bank);
+exports.Bank = Bank;
+var _default = Bank;
+exports.default = _default;