@instructure/quiz-core 20.17.2-rc.1 → 20.17.2-rc.10

package/lib/banks/components/Banks/presenter.js

@@ -1,151 +1,95 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Banks = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 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 _isEqual = _interopRequireDefault(require("lodash/isEqual"));
-
 var _uiHeading = require("@instructure/ui-heading");
-
 var _uiImg = require("@instructure/ui-img");
-
 var _uiA11yContent = require("@instructure/ui-a11y-content");
-
 var _uiIcons = require("@instructure/ui-icons");
-
 var _uiBillboard = require("@instructure/ui-billboard");
-
 var _uiButtons = require("@instructure/ui-buttons");
-
 var _uiTextInput = require("@instructure/ui-text-input");
-
 var _uiSimpleSelect = require("@instructure/ui-simple-select");
-
 var _emotion = require("@instructure/emotion");
-
 var _uiGrid = require("@instructure/ui-grid");
-
 var _uiView = require("@instructure/ui-view");
-
 var _debounce = _interopRequireDefault(require("lodash/fp/debounce"));
-
-var _index = _interopRequireDefault(require("../../../common/components/layout/Page/index.js"));
-
-var _index2 = require("../HeaderBreadCrumb/index.js");
-
-var _index3 = _interopRequireDefault(require("../../../common/components/shared/PaginatedCollection/index.js"));
-
+var _Page = _interopRequireDefault(require("../../../common/components/layout/Page"));
+var _HeaderBreadCrumb = require("../HeaderBreadCrumb");
+var _PaginatedCollection = _interopRequireDefault(require("../../../common/components/shared/PaginatedCollection"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
 var _quizCommon = require("@instructure/quiz-common");
-
-var _index4 = _interopRequireDefault(require("../../../banks/components/BanksList/index.js"));
-
-var _index5 = _interopRequireDefault(require("../../../banks/components/CreateBankModal/index.js"));
-
-var _index6 = _interopRequireDefault(require("../NavWrapper/index.js"));
-
+var _BanksList = _interopRequireDefault(require("../../../banks/components/BanksList"));
+var _CreateBankModal = _interopRequireDefault(require("../../../banks/components/CreateBankModal"));
+var _NavWrapper = _interopRequireDefault(require("../NavWrapper"));
 var _noResults = _interopRequireDefault(require("../noResults.svg"));
-
-var _styles = _interopRequireDefault(require("./styles.js"));
-
-var _theme = _interopRequireDefault(require("./theme.js"));
-
-var _index7 = _interopRequireDefault(require("../AsyncSearch/index.js"));
-
-var _dec, _class, _class2, _temp;
-
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
+var _AsyncSearch = _interopRequireDefault(require("../AsyncSearch"));
+var _dec, _class, _Banks, _Img;
+/** @jsx jsx */
 var sortOrderIcons = {
   ascending: _uiIcons.IconArrowUpLine,
   descending: _uiIcons.IconArrowDownLine
 };
-
-var _ref4 = (0, _emotion.jsx)(_uiImg.Img, {
-  src: _noResults.default
-});
-
-var Banks = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(Banks, _Component);
-
-  var _super = (0, _createSuper2.default)(Banks);
-
+var Banks = exports.Banks = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_Banks = /*#__PURE__*/function (_Component) {
   function Banks(props) {
     var _this;
-
     (0, _classCallCheck2.default)(this, Banks);
-    _this = _super.apply(this, arguments);
-
+    _this = (0, _callSuper2.default)(this, Banks, arguments);
+    // We only care about displaying the account search for the Institution Banks and Shared with Me filters
     _this.hideAccountSearch = function () {
       if (_this.props.scopeType === 'course' || _this.props.scopeType === 'courses' || _this.props.scopeType === 'this_account') {
         return true;
       }
-
       return false;
     };
-
     _this.isSubAccountLaunch = function () {
       return _this.props.scope.type === 'account' && _this.props.scope.launch_context_uuid && _this.props.rootAccountUuid && _this.props.scope.launch_context_uuid !== _this.props.rootAccountUuid;
     };
-
     _this.onCreateBank = function () {
       _this.props.createBank({
         language: _this.context.locale
       });
-
       _this.props.openModal(_quizCommon.CREATE_BANK_MODAL, {
         modalTrigger: _this.createBankButton,
         onCreateBank: _this.handleBankCreated
       });
     };
-
     _this.handleBankCreated = function () {
       _this.props.merge(_quizCommon.BANKS_BANK_FILTERS, {
         scopeType: 'user'
       });
     };
-
     _this.getBanksParams = function () {
       var scope = _this.props.scope;
       var params = {};
-
       if (_this.props.scopeType === 'course' && scope.uuid) {
         params['course_id'] = scope.uuid;
       } else if (_this.props.scopeType && _this.props.scopeType != 'user') {
         params['scope'] = _this.props.scopeType;
       }
-
       if (_this.props.sortBy !== 'name') {
         params['sort_by'] = _this.props.sortBy;
       }
-
       if (_this.props.sortOrder === 'descending') {
         params['sort_order'] = 'DESC';
       }
-
       if (_this.props.searchTerms) {
         params['search'] = _this.props.searchTerms;
       }
-
       if (_this.props.scopeType === 'this_account') {
         params['account_uuids'] = [_this.props.scope.launch_context_uuid];
         params['scope'] = 'account';
@@ -154,90 +98,70 @@ var Banks = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _d
           return account.uuid;
         });
       }
-
       return params;
     };
-
     _this.getPage = function (page) {
       var params = _this.getBanksParams();
-
       return _this.props.getBanks((0, _objectSpread2.default)({
         page: page
       }, params), _this.props.usedByCourseEnabled, _this.props.getCourseAssignments);
     };
-
     _this.focusCreateBankButton = function () {
       _this.createBankButton && _this.createBankButton.focus();
     };
-
     _this.handleCreateBankButtonRef = function (node) {
       _this.createBankButton = node;
     };
-
     _this.handleBanksParentChange = function (event, _ref) {
       var scopeType = _ref.value;
-
       _this.props.merge(_quizCommon.BANKS_BANK_FILTERS, {
         scopeType: scopeType
       });
     };
-
     _this.getSortingOrderIcon = function () {
       return sortOrderIcons[_this.props.sortOrder];
     };
-
     _this.getSortAssistiveText = function () {
       return (0, _formatMessage.default)('Change sort direction. Direction is currently { sortDirection }', {
         sortDirection: _this.props.sortOrder === 'ascending' ? (0, _formatMessage.default)('ascending') : (0, _formatMessage.default)('descending')
       });
     };
-
     _this.handleSortingButtonClick = function () {
       _this.props.merge(_quizCommon.BANKS_BANK_FILTERS, {
         sortOrder: _this.props.sortOrder === 'ascending' ? 'descending' : 'ascending'
       });
     };
-
     _this.handleSortByChange = function (event, _ref2) {
       var sortBy = _ref2.value;
-
       _this.props.merge(_quizCommon.BANKS_BANK_FILTERS, {
         sortBy: sortBy
       });
     };
-
     _this.handleTableSortChange = function (sortBy, sortOrder) {
       return function () {
         var newSortOrder = sortOrder;
-
         if (_this.props.sortBy === sortBy) {
           // toggle sort order
           sortOrder === 'ascending' ? newSortOrder = 'descending' : newSortOrder = 'ascending';
         }
-
         _this.props.merge(_quizCommon.BANKS_BANK_FILTERS, {
           sortOrder: newSortOrder,
           sortBy: sortBy
         });
       };
     };
-
     _this.handleSearchInputChange = function (_ref3) {
       var value = _ref3.target.value;
-
       _this.setState({
         searchTerms: value
       });
-
       _this.search(value);
     };
-
     _this.handleSearchSelectionChange = function (searchSelection) {
       _this.props.setUI([_quizCommon.BANKS_BANK_FILTERS, 'searchSelection'], searchSelection);
     };
-
     _this.renderRecords = function (recordIds) {
-      return (0, _emotion.jsx)(_index4.default, {
+      return (0, _emotion.jsx)(_BanksList.default, {
         createBankButton: _this.createBankButton,
         currentUser: _this.props.currentUser,
         focusCreateBankButton: _this.focusCreateBankButton,
@@ -258,11 +182,9 @@ var Banks = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _d
         sort: _this.props.sortBy
       });
     };
-
     _this.emptyPage = function () {
       if (_this.props.searchTerms || _this.props.searchSelection.length > 0) {
         var message;
-
         if (_this.props.scopeType === 'course') {
           message = (0, _formatMessage.default)("Your filter is set to \"Courses\" which will narrow what you can search for.\n          Try adjusting the filter to \"{ topLevelBankFilter }\"", {
             topLevelBankFilter: _this.topLevelBankFilterName()
@@ -276,18 +198,17 @@ var Banks = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _d
             topLevelBankFilter: _this.topLevelBankFilterName()
           });
         }
-
         return (0, _emotion.jsx)(_uiBillboard.Billboard, {
           size: "medium",
           heading: (0, _formatMessage.default)('No Results Found'),
           message: message,
-          hero: _ref4
+          hero: _Img || (_Img = (0, _emotion.jsx)(_uiImg.Img, {
+            src: _noResults.default
+          }))
         });
       }
-
       return (0, _formatMessage.default)('You don\'t have any banks yet');
     };
-
     _this.state = {
       searchTerms: _this.props.searchTerms || ''
     };
@@ -298,15 +219,14 @@ var Banks = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _d
     });
     return _this;
   }
-
-  (0, _createClass2.default)(Banks, [{
+  (0, _inherits2.default)(Banks, _Component);
+  return (0, _createClass2.default)(Banks, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps, prevState) {
       if (prevProps.sortBy !== this.props.sortBy || prevProps.sortOrder !== this.props.sortOrder || prevProps.searchTerms !== this.props.searchTerms || prevProps.scopeType !== this.props.scopeType || !(0, _isEqual.default)(prevProps.searchSelection, this.props.searchSelection)) {
         this.props.clear(_quizCommon.BANKS_BANK_PAGINATION);
       }
-    } // We only care about displaying the account search for the Institution Banks and Shared with Me filters
-
+    }
   }, {
     key: "topLevelBankFilterName",
     value: function topLevelBankFilterName() {
@@ -325,24 +245,22 @@ var Banks = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _d
         slug: 'courses',
         translation: this.props.subAccountBankSharingEnabled ? (0, _formatMessage.default)('Shared with Courses') : (0, _formatMessage.default)('Banks Shared to Course')
       }];
-
       if (this.props.scope.uuid) {
         scopeOptions.push({
           slug: 'course',
           translation: (0, _formatMessage.default)('This Course')
         });
       }
-
       if (this.props.subAccountBankSharingEnabled && this.isSubAccountLaunch()) {
         // Put this option below "Insitution Banks"
         scopeOptions.splice(2, 0, {
           slug: 'this_account',
           translation: (0, _formatMessage.default)('This Account')
         });
-      } // display options are displayed when using banks list
-      // non-display options are used for sorting of banks table
-
+      }
 
+      // display options are displayed when using banks list
+      // non-display options are used for sorting of banks table
       var sortingCriteriaOptions = [{
         slug: 'name',
         translation: (0, _formatMessage.default)('Bank Name'),
@@ -393,7 +311,7 @@ var Banks = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _d
         "data-automation": "sdk-search-bank-textinput"
       })), this.props.subAccountBankSharingEnabled && !this.hideAccountSearch() && (0, _emotion.jsx)(_uiGrid.Grid.Col, {
         width: 4
-      }, (0, _emotion.jsx)(_index7.default, {
+      }, (0, _emotion.jsx)(_AsyncSearch.default, {
         getShareableSubaccounts: this.props.getShareableSubaccounts,
         improvedBankSharingEnabled: this.props.improvedBankSharingEnabled,
         minChars: this.props.minChars,
@@ -435,7 +353,6 @@ var Banks = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _d
       }, (0, _emotion.jsx)(_uiA11yContent.AccessibleContent, {
         alt: this.getSortAssistiveText()
       }, (0, _formatMessage.default)('Sort')))));
-
       if (this.props.closeTray) {
         return (0, _emotion.jsx)("div", {
           css: [this.props.styles.filters, this.props.styles.borderedBottom]
@@ -475,12 +392,12 @@ var Banks = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _d
     key: "renderNav",
     value: function renderNav() {
       var _this$props = this.props,
-          scope = _this$props.scope,
-          closeTray = _this$props.closeTray,
-          navigateToBuild = _this$props.navigateToBuild,
-          returnToUrl = _this$props.returnToUrl;
+        scope = _this$props.scope,
+        closeTray = _this$props.closeTray,
+        navigateToBuild = _this$props.navigateToBuild,
+        returnToUrl = _this$props.returnToUrl;
       var isScopeEmpty = !Object.keys(scope).length;
-      return (0, _emotion.jsx)(_index6.default, {
+      return (0, _emotion.jsx)(_NavWrapper.default, {
         closeTray: closeTray,
         navigateToBuild: navigateToBuild,
         returnToUrl: isScopeEmpty ? null : returnToUrl,
@@ -493,7 +410,7 @@ var Banks = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _d
   }, {
     key: "renderBanksSearchResults",
     value: function renderBanksSearchResults() {
-      return (0, _emotion.jsx)(_index3.default, {
+      return (0, _emotion.jsx)(_PaginatedCollection.default, {
         empty: this.emptyPage(),
         getPage: this.getPage,
         renderRecords: this.renderRecords,
@@ -503,22 +420,20 @@ var Banks = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _d
   }, {
     key: "render",
     value: function render() {
-      return (0, _emotion.jsx)(_index.default, null, this.renderNav(), (0, _emotion.jsx)("div", {
+      return (0, _emotion.jsx)(_Page.default, null, this.renderNav(), (0, _emotion.jsx)("div", {
         css: this.props.styles.content
       }, this.props.iceTopNavBarEnabled && (0, _emotion.jsx)("div", {
         css: this.props.styles.breadcrumb
-      }, (0, _emotion.jsx)(_index2.HeaderBreadCrumb, {
+      }, (0, _emotion.jsx)(_HeaderBreadCrumb.HeaderBreadCrumb, {
         returnToUrl: this.props.returnToUrl,
         scope: this.props.scope,
         navigateToBuild: this.props.navigateToBuild
-      })), this.renderHeader(), this.props.improvedBankSharingEnabled && this.renderFilters(), this.renderBanksSearchResults(), (0, _emotion.jsx)(_index5.default, {
+      })), this.renderHeader(), this.props.improvedBankSharingEnabled && this.renderFilters(), this.renderBanksSearchResults(), (0, _emotion.jsx)(_CreateBankModal.default, {
         itemBanksScope: this.props.scope
       })));
     }
   }]);
-  Banks.displayName = "Banks";
-  return Banks;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _Banks.propTypes = {
   closeTray: _propTypes.default.func,
   createBank: _propTypes.default.func.isRequired,
   currentUser: _propTypes.default.shape({
@@ -585,7 +500,7 @@ var Banks = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _d
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: _propTypes.default.object,
   rootAccountUuid: _propTypes.default.string
-}, _class2.defaultProps = {
+}, _Banks.defaultProps = {
   closeTray: null,
   currentUser: null,
   getCourseInfo: null,
@@ -612,9 +527,7 @@ var Banks = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _d
   subAccountBankSharingEnabled: false,
   iceTopNavBarEnabled: false,
   rootAccountUuid: null
-}, _class2.contextTypes = {
+}, _Banks.contextTypes = {
   locale: _propTypes.default.string
-}, _temp)) || _class);
-exports.Banks = Banks;
-var _default = Banks;
-exports.default = _default;
+}, _Banks)) || _class);
+var _default = exports.default = Banks;

package/lib/banks/components/Banks/styles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateStyle = function generateStyle(componentTheme) {
   return {
     content: {
@@ -32,6 +31,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports.default = generateStyle;

package/lib/banks/components/Banks/theme.js

@@ -4,11 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors,
-      spacing = _ref.spacing,
-      borders = _ref.borders;
+    spacing = _ref.spacing,
+    borders = _ref.borders;
   return {
     contentBackgroundColor: colors.white,
     contentPaddingTopBottom: spacing.medium,
@@ -19,6 +18,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     headerBorderColor: colors.tiara
   };
 };
-
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;

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

@@ -1,31 +1,20 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.mapStateToProps = mapStateToProps;
 exports.default = void 0;
-
+exports.mapStateToProps = mapStateToProps;
 var _immutable = require("immutable");
-
-var _reactRedux = require("../../../common/react-redux.js");
-
-var _presenter = _interopRequireDefault(require("./presenter.js"));
-
-var _Bank = _interopRequireDefault(require("../../../common/records/Bank.js"));
-
-var _modal = require("../../../common/actions/modal.js");
-
-var _banks = require("../../api/banks.js");
-
-var _featureCheck = require("../../../common/util/featureCheck.js");
-
-var _alerts = require("../../../common/actions/alerts.js");
-
-var _copyingBanksPoller = require("../../api/copyingBanksPoller.js");
-
+var _reactRedux = require("../../../common/react-redux");
+var _presenter = _interopRequireDefault(require("./presenter"));
+var _Bank = _interopRequireDefault(require("../../../common/records/Bank"));
+var _modal = require("../../../common/actions/modal");
+var _banks = require("../../api/banks");
+var _featureCheck = require("../../../common/util/featureCheck");
+var _alerts = require("../../../common/actions/alerts");
+var _copyingBanksPoller = require("../../api/copyingBanksPoller");
 function mapStateToProps(state, props) {
   return {
     appContainer: state.getIn(['ui', 'appContainer']),
@@ -35,14 +24,11 @@ function mapStateToProps(state, props) {
     duplicateItemBanks: (0, _featureCheck.featureOn)('duplicate_item_banks')
   };
 }
-
-var _default = (0, _reactRedux.connect)(mapStateToProps, {
+var _default = exports.default = (0, _reactRedux.connect)(mapStateToProps, {
   openModal: _modal.openModal,
   deleteBank: _banks.deleteBank,
   withConfirm: _modal.withConfirm,
   createBankCloneJob: _banks.createBankCloneJob,
   addInfo: _alerts.addInfo,
   addToPolling: _copyingBanksPoller.addToPolling
-})(_presenter.default);
-
-exports.default = _default;
+})(_presenter.default);