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

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

@@ -1,9 +1,11 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 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 _dec, _class, _Banks, _Img;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -20,68 +22,90 @@ import { withStyle, jsx } from '@instructure/emotion';
 import { Grid } from '@instructure/ui-grid';
 import { View } from '@instructure/ui-view';
 import debounce from 'lodash/fp/debounce';
-import Page from '../../../common/components/layout/Page';
-import { HeaderBreadCrumb } from '../HeaderBreadCrumb';
-import PaginatedCollection from '../../../common/components/shared/PaginatedCollection';
+import Page from "../../../common/components/layout/Page/index.js";
+import { HeaderBreadCrumb } from "../HeaderBreadCrumb/index.js";
+import PaginatedCollection from "../../../common/components/shared/PaginatedCollection/index.js";
 import t from '@instructure/quiz-i18n/es/format-message';
 import { BANKS_BANK_FILTERS, BANKS_BANK_PAGINATION, CREATE_BANK_MODAL, SHARED_WITH_ACCOUNT } from '@instructure/quiz-common';
-import BanksList from '../../../banks/components/BanksList';
-import CreateBankModal from '../../../banks/components/CreateBankModal';
-import NavWrapper from '../NavWrapper';
+import BanksList from "../../../banks/components/BanksList/index.js";
+import CreateBankModal from "../../../banks/components/CreateBankModal/index.js";
+import NavWrapper from "../NavWrapper/index.js";
 import noResults from '../noResults.svg';
-import generateStyle from './styles';
-import generateComponentTheme from './theme';
-import AsyncSearch from '../AsyncSearch';
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
+import AsyncSearch from "../AsyncSearch/index.js";
 var sortOrderIcons = {
   ascending: IconArrowUpLine,
   descending: IconArrowDownLine
 };
-export var Banks = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_Banks = /*#__PURE__*/function (_Component) {
+
+var _ref4 = jsx(Img, {
+  src: noResults
+});
+
+export var Banks = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(Banks, _Component);
+
+  var _super = _createSuper(Banks);
+
   function Banks(props) {
     var _this;
+
     _classCallCheck(this, Banks);
-    _this = _callSuper(this, Banks, arguments);
-    // We only care about displaying the account search for the Institution Banks and Shared with Me filters
+
+    _this = _super.apply(this, arguments);
+
     _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(CREATE_BANK_MODAL, {
         modalTrigger: _this.createBankButton,
         onCreateBank: _this.handleBankCreated
       });
     };
+
     _this.handleBankCreated = function () {
       _this.props.merge(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';
@@ -90,68 +114,88 @@ export var Banks = (_dec = withStyle(generateStyle, generateComponentTheme), _de
           return account.uuid;
         });
       }
+
       return params;
     };
+
     _this.getPage = function (page) {
       var params = _this.getBanksParams();
+
       return _this.props.getBanks(_objectSpread({
         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(BANKS_BANK_FILTERS, {
         scopeType: scopeType
       });
     };
+
     _this.getSortingOrderIcon = function () {
       return sortOrderIcons[_this.props.sortOrder];
     };
+
     _this.getSortAssistiveText = function () {
       return t('Change sort direction. Direction is currently { sortDirection }', {
         sortDirection: _this.props.sortOrder === 'ascending' ? t('ascending') : t('descending')
       });
     };
+
     _this.handleSortingButtonClick = function () {
       _this.props.merge(BANKS_BANK_FILTERS, {
         sortOrder: _this.props.sortOrder === 'ascending' ? 'descending' : 'ascending'
       });
     };
+
     _this.handleSortByChange = function (event, _ref2) {
       var sortBy = _ref2.value;
+
       _this.props.merge(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(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([BANKS_BANK_FILTERS, 'searchSelection'], searchSelection);
     };
+
     _this.renderRecords = function (recordIds) {
       return jsx(BanksList, {
         createBankButton: _this.createBankButton,
@@ -174,9 +218,11 @@ export var Banks = (_dec = withStyle(generateStyle, generateComponentTheme), _de
         sort: _this.props.sortBy
       });
     };
+
     _this.emptyPage = function () {
       if (_this.props.searchTerms || _this.props.searchSelection.length > 0) {
         var message;
+
         if (_this.props.scopeType === 'course') {
           message = t("Your filter is set to \"Courses\" which will narrow what you can search for.\n          Try adjusting the filter to \"{ topLevelBankFilter }\"", {
             topLevelBankFilter: _this.topLevelBankFilterName()
@@ -190,17 +236,18 @@ export var Banks = (_dec = withStyle(generateStyle, generateComponentTheme), _de
             topLevelBankFilter: _this.topLevelBankFilterName()
           });
         }
+
         return jsx(Billboard, {
           size: "medium",
           heading: t('No Results Found'),
           message: message,
-          hero: _Img || (_Img = jsx(Img, {
-            src: noResults
-          }))
+          hero: _ref4
         });
       }
+
       return t('You don\'t have any banks yet');
     };
+
     _this.state = {
       searchTerms: _this.props.searchTerms || ''
     };
@@ -211,14 +258,15 @@ export var Banks = (_dec = withStyle(generateStyle, generateComponentTheme), _de
     });
     return _this;
   }
-  _inherits(Banks, _Component);
-  return _createClass(Banks, [{
+
+  _createClass(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 || !isEqual(prevProps.searchSelection, this.props.searchSelection)) {
         this.props.clear(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() {
@@ -237,22 +285,24 @@ export var Banks = (_dec = withStyle(generateStyle, generateComponentTheme), _de
         slug: 'courses',
         translation: this.props.subAccountBankSharingEnabled ? t('Shared with Courses') : t('Banks Shared to Course')
       }];
+
       if (this.props.scope.uuid) {
         scopeOptions.push({
           slug: 'course',
           translation: t('This Course')
         });
       }
+
       if (this.props.subAccountBankSharingEnabled && this.isSubAccountLaunch()) {
         // Put this option below "Insitution Banks"
         scopeOptions.splice(2, 0, {
           slug: 'this_account',
           translation: t('This Account')
         });
-      }
-
-      // display options are displayed when using banks list
+      } // display options are displayed when using banks list
       // non-display options are used for sorting of banks table
+
+
       var sortingCriteriaOptions = [{
         slug: 'name',
         translation: t('Bank Name'),
@@ -285,7 +335,8 @@ export var Banks = (_dec = withStyle(generateStyle, generateComponentTheme), _de
         onChange: this.handleBanksParentChange,
         value: this.props.scopeType,
         renderLabel: t('Filter By'),
-        width: "13rem"
+        width: "13rem",
+        "data-automation": "sdk-banks-filter-select"
       }, scopeOptions.map(function (option) {
         return jsx(SimpleSelect.Option, {
           id: searchFiltersSelectOptionIdPrefix + option.slug,
@@ -345,6 +396,7 @@ export var Banks = (_dec = withStyle(generateStyle, generateComponentTheme), _de
       }, jsx(AccessibleContent, {
         alt: this.getSortAssistiveText()
       }, t('Sort')))));
+
       if (this.props.closeTray) {
         return jsx("div", {
           css: [this.props.styles.filters, this.props.styles.borderedBottom]
@@ -384,10 +436,10 @@ export var Banks = (_dec = withStyle(generateStyle, generateComponentTheme), _de
     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 jsx(NavWrapper, {
         closeTray: closeTray,
@@ -425,7 +477,10 @@ export var Banks = (_dec = withStyle(generateStyle, generateComponentTheme), _de
       })));
     }
   }]);
-}(Component), _Banks.propTypes = {
+
+  Banks.displayName = "Banks";
+  return Banks;
+}(Component), _class2.propTypes = {
   closeTray: PropTypes.func,
   createBank: PropTypes.func.isRequired,
   currentUser: PropTypes.shape({
@@ -492,7 +547,7 @@ export var Banks = (_dec = withStyle(generateStyle, generateComponentTheme), _de
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: PropTypes.object,
   rootAccountUuid: PropTypes.string
-}, _Banks.defaultProps = {
+}, _class2.defaultProps = {
   closeTray: null,
   currentUser: null,
   getCourseInfo: null,
@@ -519,7 +574,7 @@ export var Banks = (_dec = withStyle(generateStyle, generateComponentTheme), _de
   subAccountBankSharingEnabled: false,
   iceTopNavBarEnabled: false,
   rootAccountUuid: null
-}, _Banks.contextTypes = {
+}, _class2.contextTypes = {
   locale: PropTypes.string
-}, _Banks)) || _class);
+}, _temp)) || _class);
 export default Banks;

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

@@ -25,4 +25,5 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
+
 export default generateStyle;

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

@@ -1,7 +1,7 @@
 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,
@@ -12,4 +12,5 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     headerBorderColor: colors.tiara
   };
 };
+
 export default generateComponentTheme;

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

@@ -1,12 +1,12 @@
 import { List } from 'immutable';
-import { connect } from '../../../common/react-redux';
-import BanksList from './presenter';
-import Bank from '../../../common/records/Bank';
-import { openModal, withConfirm } from '../../../common/actions/modal';
-import { deleteBank, createBankCloneJob } from '../../api/banks';
-import { featureOn } from '../../../common/util/featureCheck';
-import { addInfo } from '../../../common/actions/alerts';
-import { addToPolling } from '../../api/copyingBanksPoller';
+import { connect } from "../../../common/react-redux.js";
+import BanksList from "./presenter.js";
+import Bank from "../../../common/records/Bank.js";
+import { openModal, withConfirm } from "../../../common/actions/modal.js";
+import { deleteBank, createBankCloneJob } from "../../api/banks.js";
+import { featureOn } from "../../../common/util/featureCheck.js";
+import { addInfo } from "../../../common/actions/alerts.js";
+import { addToPolling } from "../../api/copyingBanksPoller.js";
 export function mapStateToProps(state, props) {
   return {
     appContainer: state.getIn(['ui', 'appContainer']),