@instructure/quiz-core 21.1.1 → 22.0.0

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

@@ -1,9 +1,26 @@
-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 _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";
 var _dec, _class, _Banks;
+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));
+}
 /** @jsx jsx */
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -18,201 +35,199 @@ import { 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/index.js";
-import { HeaderBreadCrumb } from "../HeaderBreadCrumb/index.js";
-import PaginatedCollection from "../../../common/components/shared/PaginatedCollection/index.js";
+import Page from '../../../common/components/layout/Page';
+import { HeaderBreadCrumb } from '../HeaderBreadCrumb';
+import PaginatedCollection from '../../../common/components/shared/PaginatedCollection';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { BANKS_BANK_FILTERS, BANKS_BANK_PAGINATION, CREATE_BANK_MODAL, SHARED_WITH_ACCOUNT, withStyleOverrides, SimpleSelect, TextInput } from '@instructure/quiz-common';
-import BanksList from "../../../banks/components/BanksList/index.js";
-import CreateBankModal from "../../../banks/components/CreateBankModal/index.js";
-import NavWrapper from "../NavWrapper/index.js";
+import BanksList from '../../../banks/components/BanksList';
+import CreateBankModal from '../../../banks/components/CreateBankModal';
+import NavWrapper from '../NavWrapper';
 import noResults from '../noResults.svg';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
-import AsyncSearch from "../AsyncSearch/index.js";
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
+import AsyncSearch from '../AsyncSearch';
 var sortOrderIcons = {
   ascending: IconArrowUpLine,
   descending: IconArrowDownLine
 };
-var _ref4 = jsx(Img, {
-  src: noResults
-});
 export var Banks = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Banks = /*#__PURE__*/function (_Component) {
-  _inherits(Banks, _Component);
-  var _super = _createSuper(Banks);
   function Banks(props) {
-    var _this;
+    var _this2;
     _classCallCheck(this, Banks);
-    _this = _super.apply(this, arguments);
+    _this2 = _callSuper(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') {
+    _defineProperty(_this2, "hideAccountSearch", function () {
+      if (_this2.props.scopeType === 'course' || _this2.props.scopeType === 'courses' || _this2.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
+    });
+    _defineProperty(_this2, "isSubAccountLaunch", function () {
+      return _this2.props.scope.type === 'account' && _this2.props.scope.launch_context_uuid && _this2.props.rootAccountUuid && _this2.props.scope.launch_context_uuid !== _this2.props.rootAccountUuid;
+    });
+    _defineProperty(_this2, "onCreateBank", function () {
+      _this2.props.createBank({
+        language: _this2.context.locale
       });
-      _this.props.openModal(CREATE_BANK_MODAL, {
-        modalTrigger: _this.createBankButton,
-        onCreateBank: _this.handleBankCreated
+      _this2.props.openModal(CREATE_BANK_MODAL, {
+        modalTrigger: _this2.createBankButton,
+        onCreateBank: _this2.handleBankCreated
       });
-    };
-    _this.handleBankCreated = function () {
-      _this.props.merge(BANKS_BANK_FILTERS, {
+    });
+    _defineProperty(_this2, "handleBankCreated", function () {
+      _this2.props.merge(BANKS_BANK_FILTERS, {
         scopeType: 'user'
       });
-    };
-    _this.getBanksParams = function () {
-      var scope = _this.props.scope;
+    });
+    _defineProperty(_this2, "getBanksParams", function () {
+      var scope = _this2.props.scope;
       var params = {};
-      if (_this.props.scopeType === 'course' && scope.uuid) {
+      if (_this2.props.scopeType === 'course' && scope.uuid) {
         params['course_id'] = scope.uuid;
-      } else if (_this.props.scopeType && _this.props.scopeType != 'user') {
-        params['scope'] = _this.props.scopeType;
+      } else if (_this2.props.scopeType && _this2.props.scopeType != 'user') {
+        params['scope'] = _this2.props.scopeType;
       }
-      if (_this.props.sortBy !== 'name') {
-        params['sort_by'] = _this.props.sortBy;
+      if (_this2.props.sortBy !== 'name') {
+        params['sort_by'] = _this2.props.sortBy;
       }
-      if (_this.props.sortOrder === 'descending') {
+      if (_this2.props.sortOrder === 'descending') {
         params['sort_order'] = 'DESC';
       }
-      if (_this.props.searchTerms) {
-        params['search'] = _this.props.searchTerms;
+      if (_this2.props.searchTerms) {
+        params['search'] = _this2.props.searchTerms;
       }
-      if (_this.props.scopeType === 'this_account') {
-        params['account_uuids'] = [_this.props.scope.launch_context_uuid];
+      if (_this2.props.scopeType === 'this_account') {
+        params['account_uuids'] = [_this2.props.scope.launch_context_uuid];
         params['scope'] = 'account';
-      } else if (_this.props.searchSelection.length > 0) {
-        params['account_uuids'] = _this.props.searchSelection.map(function (account) {
+      } else if (_this2.props.searchSelection.length > 0) {
+        params['account_uuids'] = _this2.props.searchSelection.map(function (account) {
           return account.uuid;
         });
       }
       return params;
-    };
-    _this.getPage = function (page) {
-      var params = _this.getBanksParams();
-      return _this.props.getBanks(_objectSpread({
+    });
+    _defineProperty(_this2, "getPage", function (page) {
+      var params = _this2.getBanksParams();
+      return _this2.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) {
+      }, params), _this2.props.usedByCourseEnabled, _this2.props.getCourseAssignments);
+    });
+    _defineProperty(_this2, "focusCreateBankButton", function () {
+      _this2.createBankButton && _this2.createBankButton.focus();
+    });
+    _defineProperty(_this2, "handleCreateBankButtonRef", function (node) {
+      _this2.createBankButton = node;
+    });
+    _defineProperty(_this2, "handleBanksParentChange", function (event, _ref) {
       var scopeType = _ref.value;
-      _this.props.merge(BANKS_BANK_FILTERS, {
+      _this2.props.merge(BANKS_BANK_FILTERS, {
         scopeType: scopeType
       });
-    };
-    _this.getSortingOrderIcon = function () {
-      return sortOrderIcons[_this.props.sortOrder];
-    };
-    _this.getSortAssistiveText = function () {
+    });
+    _defineProperty(_this2, "getSortingOrderIcon", function () {
+      return sortOrderIcons[_this2.props.sortOrder];
+    });
+    _defineProperty(_this2, "getSortAssistiveText", function () {
       return t('Change sort direction. Direction is currently { sortDirection }', {
-        sortDirection: _this.props.sortOrder === 'ascending' ? t('ascending') : t('descending')
+        sortDirection: _this2.props.sortOrder === 'ascending' ? t('ascending') : t('descending')
       });
-    };
-    _this.handleSortingButtonClick = function () {
-      _this.props.merge(BANKS_BANK_FILTERS, {
-        sortOrder: _this.props.sortOrder === 'ascending' ? 'descending' : 'ascending'
+    });
+    _defineProperty(_this2, "handleSortingButtonClick", function () {
+      _this2.props.merge(BANKS_BANK_FILTERS, {
+        sortOrder: _this2.props.sortOrder === 'ascending' ? 'descending' : 'ascending'
       });
-    };
-    _this.handleSortByChange = function (event, _ref2) {
+    });
+    _defineProperty(_this2, "handleSortByChange", function (event, _ref2) {
       var sortBy = _ref2.value;
-      _this.props.merge(BANKS_BANK_FILTERS, {
+      _this2.props.merge(BANKS_BANK_FILTERS, {
         sortBy: sortBy
       });
-    };
-    _this.handleTableSortChange = function (sortBy, sortOrder) {
+    });
+    _defineProperty(_this2, "handleTableSortChange", function (sortBy, sortOrder) {
       return function () {
         var newSortOrder = sortOrder;
-        if (_this.props.sortBy === sortBy) {
+        if (_this2.props.sortBy === sortBy) {
           // toggle sort order
           sortOrder === 'ascending' ? newSortOrder = 'descending' : newSortOrder = 'ascending';
         }
-        _this.props.merge(BANKS_BANK_FILTERS, {
+        _this2.props.merge(BANKS_BANK_FILTERS, {
           sortOrder: newSortOrder,
           sortBy: sortBy
         });
       };
-    };
-    _this.handleSearchInputChange = function (_ref3) {
+    });
+    _defineProperty(_this2, "handleSearchInputChange", function (_ref3) {
       var value = _ref3.target.value;
-      _this.setState({
+      _this2.setState({
         searchTerms: value
       });
-      _this.search(value);
-    };
-    _this.handleSearchSelectionChange = function (searchSelection) {
-      _this.props.setUI([BANKS_BANK_FILTERS, 'searchSelection'], searchSelection);
-    };
-    _this.renderRecords = function (recordIds) {
+      _this2.search(value);
+    });
+    _defineProperty(_this2, "handleSearchSelectionChange", function (searchSelection) {
+      _this2.props.setUI([BANKS_BANK_FILTERS, 'searchSelection'], searchSelection);
+    });
+    _defineProperty(_this2, "renderRecords", function (recordIds) {
       return jsx(BanksList, {
-        createBankButton: _this.createBankButton,
-        currentUser: _this.props.currentUser,
-        focusCreateBankButton: _this.focusCreateBankButton,
-        getCourseInfo: _this.props.getCourseInfo,
-        getUserInfo: _this.props.getUserInfo,
-        getSubaccountInfo: _this.props.getSubaccountInfo,
-        getShareableCourses: _this.props.getShareableCourses,
-        getShareableUsers: _this.props.getShareableUsers,
-        getShareableSubaccounts: _this.props.getShareableSubaccounts,
-        isCompact: _this.props.isCompact,
-        itemBankSearchTableEnabled: _this.props.itemBankSearchTableEnabled,
-        minChars: _this.props.minChars,
-        navigateToBank: _this.props.navigateToBank,
-        onChangeSort: _this.handleTableSortChange,
-        onShare: _this.props.onShare,
-        order: _this.props.sortOrder,
+        createBankButton: _this2.createBankButton,
+        currentUser: _this2.props.currentUser,
+        focusCreateBankButton: _this2.focusCreateBankButton,
+        getCourseInfo: _this2.props.getCourseInfo,
+        getUserInfo: _this2.props.getUserInfo,
+        getSubaccountInfo: _this2.props.getSubaccountInfo,
+        getShareableCourses: _this2.props.getShareableCourses,
+        getShareableUsers: _this2.props.getShareableUsers,
+        getShareableSubaccounts: _this2.props.getShareableSubaccounts,
+        isCompact: _this2.props.isCompact,
+        itemBankSearchTableEnabled: _this2.props.itemBankSearchTableEnabled,
+        minChars: _this2.props.minChars,
+        navigateToBank: _this2.props.navigateToBank,
+        onChangeSort: _this2.handleTableSortChange,
+        onShare: _this2.props.onShare,
+        order: _this2.props.sortOrder,
         recordIds: recordIds,
-        sort: _this.props.sortBy
+        sort: _this2.props.sortBy
       });
-    };
-    _this.emptyPage = function () {
-      if (_this.props.searchTerms || _this.props.searchSelection.length > 0) {
+    });
+    _defineProperty(_this2, "emptyPage", function () {
+      if (_this2.props.searchTerms || _this2.props.searchSelection.length > 0) {
         var message;
-        if (_this.props.scopeType === 'course') {
+        if (_this2.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()
+            topLevelBankFilter: _this2.topLevelBankFilterName()
           });
-        } else if (_this.props.scopeType === 'this_account') {
+        } else if (_this2.props.scopeType === 'this_account') {
           message = t("Your filter is set to \"This Account\" which will narrow what you can search for.\n            Try adjusting the filter to \"{ topLevelBankFilter }\"", {
-            topLevelBankFilter: _this.topLevelBankFilterName()
+            topLevelBankFilter: _this2.topLevelBankFilterName()
           });
-        } else if (_this.props.scopeType === 'account') {
+        } else if (_this2.props.scopeType === 'account') {
           message = t("Your filter is set to \"Institution\" which will narrow what you can search for.\n          Try adjusting the filter to \"{ topLevelBankFilter }\"", {
-            topLevelBankFilter: _this.topLevelBankFilterName()
+            topLevelBankFilter: _this2.topLevelBankFilterName()
           });
         }
         return jsx(Billboard, {
           size: "medium",
           heading: t('No Results Found'),
           message: message,
-          hero: _ref4
+          hero: jsx(Img, {
+            src: noResults
+          })
         });
       }
       return t("You don't have any banks yet");
+    });
+    _this2.state = {
+      searchTerms: _this2.props.searchTerms || ''
     };
-    _this.state = {
-      searchTerms: _this.props.searchTerms || ''
-    };
-    _this.search = debounce(500, function (searchTerms) {
-      _this.props.merge(BANKS_BANK_FILTERS, {
+    _this2.search = debounce(500, function (searchTerms) {
+      _this2.props.merge(BANKS_BANK_FILTERS, {
         searchTerms: searchTerms
       });
     });
-    return _this;
+    return _this2;
   }
-  _createClass(Banks, [{
+  _inherits(Banks, _Component);
+  return _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)) {
@@ -425,9 +440,7 @@ export var Banks = (_dec = withStyleOverrides(generateStyle, generateComponentTh
       })));
     }
   }]);
-  Banks.displayName = "Banks";
-  return Banks;
-}(Component), _Banks.displayName = 'Banks', _Banks.componentId = "Quizzes".concat(_Banks.displayName), _Banks.propTypes = {
+}(Component), _defineProperty(_Banks, "displayName", 'Banks'), _defineProperty(_Banks, "componentId", "Quizzes".concat(_Banks.displayName)), _defineProperty(_Banks, "propTypes", {
   closeTray: PropTypes.func,
   createBank: PropTypes.func.isRequired,
   currentUser: PropTypes.shape({
@@ -491,7 +504,7 @@ export var Banks = (_dec = withStyleOverrides(generateStyle, generateComponentTh
   iceTopNavBarEnabled: PropTypes.bool,
   styles: PropTypes.object,
   rootAccountUuid: PropTypes.string
-}, _Banks.defaultProps = {
+}), _defineProperty(_Banks, "defaultProps", {
   closeTray: null,
   currentUser: null,
   getCourseInfo: null,
@@ -516,7 +529,7 @@ export var Banks = (_dec = withStyleOverrides(generateStyle, generateComponentTh
   itemBankSearchTableEnabled: false,
   iceTopNavBarEnabled: false,
   rootAccountUuid: null
-}, _Banks.contextTypes = {
+}), _defineProperty(_Banks, "contextTypes", {
   locale: PropTypes.string
-}, _Banks)) || _class);
+}), _Banks)) || _class);
 export default Banks;

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

@@ -3,13 +3,13 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     spacing = _ref.spacing,
     borders = _ref.borders;
   return {
-    contentBackgroundColor: colors.white,
+    contentBackgroundColor: colors.contrasts.white1010,
     contentPaddingTopBottom: spacing.medium,
     contentPaddingLeftRight: spacing.xLarge,
     breadCrumbMarginBottom: spacing.large,
     headerPaddingBottom: spacing.large,
     headerBorderWidth: borders.widthSmall,
-    headerBorderColor: colors.tiara
+    headerBorderColor: colors.contrasts.grey1214
   };
 };
 export default generateComponentTheme;

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

@@ -1,11 +1,11 @@
 import { List } from 'immutable';
-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 { addInfo } from "../../../common/actions/alerts.js";
-import { addToPolling } from "../../api/copyingBanksPoller.js";
+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 { addInfo } from '../../../common/actions/alerts';
+import { addToPolling } from '../../api/copyingBanksPoller';
 export function mapStateToProps(state, props) {
   return {
     appContainer: state.getIn(['ui', 'appContainer']),