@instructure/quiz-core 22.14.1 → 22.15.1

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

@@ -1,544 +1,623 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Banks = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-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 _emotion = require("@instructure/emotion");
-var _uiGrid = require("@instructure/ui-grid");
-var _uiView = require("@instructure/ui-view");
-var _debounce = _interopRequireDefault(require("lodash/fp/debounce"));
-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/format-message"));
-var _quizCommon = require("@instructure/quiz-common");
-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"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _AsyncSearch = _interopRequireDefault(require("../AsyncSearch"));
-var _dec, _class, _Banks;
-/** @jsx jsx */
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-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) { (0, _defineProperty2["default"])(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;
+/** @jsx jsx */ function _assert_this_initialized(self) {
+    if (self === void 0) {
+        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
     }
-  }
-  derived = (0, _getPrototypeOf2["default"])(derived);
-  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+    return self;
 }
-var sortOrderIcons = {
-  ascending: _uiIcons.IconArrowUpLine,
-  descending: _uiIcons.IconArrowDownLine
-};
-var Banks = exports.Banks = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_Banks = /*#__PURE__*/function (_Component) {
-  function Banks(props) {
-    var _this2;
-    (0, _classCallCheck2["default"])(this, Banks);
-    _this2 = _callSuper(this, Banks, arguments);
-    // We only care about displaying the account search for the Institution Banks and Shared with Me filters
-    (0, _defineProperty2["default"])(_this2, "hideAccountSearch", function () {
-      if (_this2.props.scopeType === 'course' || _this2.props.scopeType === 'courses' || _this2.props.scopeType === 'this_account') {
-        return true;
-      }
-      return false;
-    });
-    (0, _defineProperty2["default"])(_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;
-    });
-    (0, _defineProperty2["default"])(_this2, "onCreateBank", function () {
-      _this2.props.createBank({
-        language: _this2.context.locale
-      });
-      _this2.props.openModal(_quizCommon.CREATE_BANK_MODAL, {
-        modalTrigger: _this2.createBankButton,
-        onCreateBank: _this2.handleBankCreated
-      });
-    });
-    (0, _defineProperty2["default"])(_this2, "handleBankCreated", function () {
-      _this2.props.merge(_quizCommon.BANKS_BANK_FILTERS, {
-        scopeType: 'user'
-      });
-    });
-    (0, _defineProperty2["default"])(_this2, "getBanksParams", function () {
-      var scope = _this2.props.scope;
-      var params = {};
-      if (_this2.props.scopeType === 'course' && scope.uuid) {
-        params['course_id'] = scope.uuid;
-      } else if (_this2.props.scopeType && _this2.props.scopeType != 'user') {
-        params['scope'] = _this2.props.scopeType;
-      }
-      if (_this2.props.sortBy !== 'name') {
-        params['sort_by'] = _this2.props.sortBy;
-      }
-      if (_this2.props.sortOrder === 'descending') {
-        params['sort_order'] = 'DESC';
-      }
-      if (_this2.props.searchTerms) {
-        params['search'] = _this2.props.searchTerms;
-      }
-      if (_this2.props.scopeType === 'this_account') {
-        params['account_uuids'] = [_this2.props.scope.launch_context_uuid];
-        params['scope'] = 'account';
-      } else if (_this2.props.searchSelection.length > 0) {
-        params['account_uuids'] = _this2.props.searchSelection.map(function (account) {
-          return account.uuid;
+function _call_super(_this, derived, args) {
+    derived = _get_prototype_of(derived);
+    return _possible_constructor_return(_this, _is_native_reflect_construct() ? Reflect.construct(derived, args || [], _get_prototype_of(_this).constructor) : derived.apply(_this, args));
+}
+function _class_call_check(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+        throw new TypeError("Cannot call a class as a function");
+    }
+}
+function _defineProperties(target, props) {
+    for(var i = 0; i < props.length; i++){
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+    }
+}
+function _create_class(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
         });
-      }
-      return params;
-    });
-    (0, _defineProperty2["default"])(_this2, "getPage", function (page) {
-      var params = _this2.getBanksParams();
-      return _this2.props.getBanks(_objectSpread({
-        page: page
-      }, params), _this2.props.usedByCourseEnabled, _this2.props.getCourseAssignments);
-    });
-    (0, _defineProperty2["default"])(_this2, "focusCreateBankButton", function () {
-      _this2.createBankButton && _this2.createBankButton.focus();
-    });
-    (0, _defineProperty2["default"])(_this2, "handleCreateBankButtonRef", function (node) {
-      _this2.createBankButton = node;
-    });
-    (0, _defineProperty2["default"])(_this2, "handleBanksParentChange", function (event, _ref) {
-      var scopeType = _ref.value;
-      _this2.props.merge(_quizCommon.BANKS_BANK_FILTERS, {
-        scopeType: scopeType
-      });
-    });
-    (0, _defineProperty2["default"])(_this2, "getSortingOrderIcon", function () {
-      return sortOrderIcons[_this2.props.sortOrder];
-    });
-    (0, _defineProperty2["default"])(_this2, "getSortAssistiveText", function () {
-      return (0, _formatMessage["default"])('Change sort direction. Direction is currently { sortDirection }', {
-        sortDirection: _this2.props.sortOrder === 'ascending' ? (0, _formatMessage["default"])('ascending') : (0, _formatMessage["default"])('descending')
-      });
-    });
-    (0, _defineProperty2["default"])(_this2, "handleSortingButtonClick", function () {
-      _this2.props.merge(_quizCommon.BANKS_BANK_FILTERS, {
-        sortOrder: _this2.props.sortOrder === 'ascending' ? 'descending' : 'ascending'
-      });
-    });
-    (0, _defineProperty2["default"])(_this2, "handleSortByChange", function (event, _ref2) {
-      var sortBy = _ref2.value;
-      _this2.props.merge(_quizCommon.BANKS_BANK_FILTERS, {
-        sortBy: sortBy
-      });
-    });
-    (0, _defineProperty2["default"])(_this2, "handleTableSortChange", function (sortBy, sortOrder) {
-      return function () {
-        var newSortOrder = sortOrder;
-        if (_this2.props.sortBy === sortBy) {
-          // toggle sort order
-          sortOrder === 'ascending' ? newSortOrder = 'descending' : newSortOrder = 'ascending';
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _get_prototype_of(o) {
+    _get_prototype_of = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
+        return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _get_prototype_of(o);
+}
+function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+        throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+        constructor: {
+            value: subClass,
+            writable: true,
+            configurable: true
         }
-        _this2.props.merge(_quizCommon.BANKS_BANK_FILTERS, {
-          sortOrder: newSortOrder,
-          sortBy: sortBy
-        });
-      };
-    });
-    (0, _defineProperty2["default"])(_this2, "handleSearchInputChange", function (_ref3) {
-      var value = _ref3.target.value;
-      _this2.setState({
-        searchTerms: value
-      });
-      _this2.search(value);
-    });
-    (0, _defineProperty2["default"])(_this2, "handleSearchSelectionChange", function (searchSelection) {
-      _this2.props.setUI([_quizCommon.BANKS_BANK_FILTERS, 'searchSelection'], searchSelection);
-    });
-    (0, _defineProperty2["default"])(_this2, "renderRecords", function (recordIds) {
-      return (0, _emotion.jsx)(_BanksList["default"], {
-        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: _this2.props.sortBy
-      });
     });
-    (0, _defineProperty2["default"])(_this2, "emptyPage", function () {
-      if (_this2.props.searchTerms || _this2.props.searchSelection.length > 0) {
-        var message;
-        if (_this2.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: _this2.topLevelBankFilterName()
-          });
-        } else if (_this2.props.scopeType === 'this_account') {
-          message = (0, _formatMessage["default"])("Your filter is set to \"This Account\" which will narrow what you can search for.\n            Try adjusting the filter to \"{ topLevelBankFilter }\"", {
-            topLevelBankFilter: _this2.topLevelBankFilterName()
-          });
-        } else if (_this2.props.scopeType === 'account') {
-          message = (0, _formatMessage["default"])("Your filter is set to \"Institution\" which will narrow what you can search for.\n          Try adjusting the filter to \"{ topLevelBankFilter }\"", {
-            topLevelBankFilter: _this2.topLevelBankFilterName()
-          });
+    if (superClass) _set_prototype_of(subClass, superClass);
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
         }
-        return (0, _emotion.jsx)(_uiBillboard.Billboard, {
-          size: "medium",
-          heading: (0, _formatMessage["default"])('No Results Found'),
-          message: message,
-          hero: (0, _emotion.jsx)(_uiImg.Img, {
-            src: _noResults["default"]
-          })
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
         });
-      }
-      return (0, _formatMessage["default"])("You don't have any banks yet");
-    });
-    _this2.state = {
-      searchTerms: _this2.props.searchTerms || ''
-    };
-    _this2.search = (0, _debounce["default"])(500, function (searchTerms) {
-      _this2.props.merge(_quizCommon.BANKS_BANK_FILTERS, {
-        searchTerms: searchTerms
-      });
-    });
-    return _this2;
-  }
-  (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);
-      }
     }
-  }, {
-    key: "topLevelBankFilterName",
-    value: function topLevelBankFilterName() {
-      return (0, _formatMessage["default"])('Shared with Me');
+    return target;
+}
+function _possible_constructor_return(self, call) {
+    if (call && (_type_of(call) === "object" || typeof call === "function")) {
+        return call;
     }
-  }, {
-    key: "renderFilters",
-    value: function renderFilters() {
-      var scopeOptions = [{
-        slug: 'user',
-        translation: this.topLevelBankFilterName()
-      }, {
-        slug: 'account',
-        translation: (0, _formatMessage["default"])('Institution Banks')
-      }, {
-        slug: 'courses',
-        translation: (0, _formatMessage["default"])('Shared with Courses')
-      }];
-      if (this.props.scope.uuid) {
-        scopeOptions.push({
-          slug: 'course',
-          translation: (0, _formatMessage["default"])('This Course')
+    return _assert_this_initialized(self);
+}
+function _set_prototype_of(o, p) {
+    _set_prototype_of = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+        o.__proto__ = p;
+        return o;
+    };
+    return _set_prototype_of(o, p);
+}
+function _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+function _is_native_reflect_construct() {
+    try {
+        var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
+    } catch (_) {}
+    return (_is_native_reflect_construct = function() {
+        return !!result;
+    })();
+}
+function _ts_decorate(decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import isEqual from 'lodash/isEqual';
+import { Heading } from '@instructure/ui-heading';
+import { Img } from '@instructure/ui-img';
+import { AccessibleContent, ScreenReaderContent } from '@instructure/ui-a11y-content';
+import { IconPlusLine, IconArrowUpLine, IconArrowDownLine } from '@instructure/ui-icons';
+import { Billboard } from '@instructure/ui-billboard';
+import { Button } from '@instructure/ui-buttons';
+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';
+import { HeaderBreadCrumb } from '../HeaderBreadCrumb';
+import PaginatedCollection from '../../../common/components/shared/PaginatedCollection';
+import t from '@instructure/quiz-i18n/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';
+import CreateBankModal from '../../../banks/components/CreateBankModal';
+import NavWrapper from '../NavWrapper';
+import noResults from '../noResults.svg';
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
+import AsyncSearch from '../AsyncSearch';
+var sortOrderIcons = {
+    ascending: IconArrowUpLine,
+    descending: IconArrowDownLine
+};
+export var Banks = /*#__PURE__*/ function(Component) {
+    "use strict";
+    _inherits(Banks, Component);
+    function Banks(props) {
+        _class_call_check(this, Banks);
+        var _this;
+        _this = _call_super(this, Banks, arguments), // We only care about displaying the account search for the Institution Banks and Shared with Me filters
+        _define_property(_this, "hideAccountSearch", function() {
+            if (_this.props.scopeType === 'course' || _this.props.scopeType === 'courses' || _this.props.scopeType === 'this_account') {
+                return true;
+            }
+            return false;
+        }), _define_property(_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;
+        }), _define_property(_this, "onCreateBank", function() {
+            _this.props.createBank({
+                language: _this.context.locale
+            });
+            _this.props.openModal(CREATE_BANK_MODAL, {
+                modalTrigger: _this.createBankButton,
+                onCreateBank: _this.handleBankCreated
+            });
+        }), _define_property(_this, "handleBankCreated", function() {
+            _this.props.merge(BANKS_BANK_FILTERS, {
+                scopeType: 'user'
+            });
+        }), _define_property(_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';
+            } else if (_this.props.searchSelection.length > 0) {
+                params['account_uuids'] = _this.props.searchSelection.map(function(account) {
+                    return account.uuid;
+                });
+            }
+            return params;
+        }), _define_property(_this, "getPage", function(page) {
+            var params = _this.getBanksParams();
+            return _this.props.getBanks(_object_spread({
+                page: page
+            }, params), _this.props.usedByCourseEnabled, _this.props.getCourseAssignments);
+        }), _define_property(_this, "focusCreateBankButton", function() {
+            _this.createBankButton && _this.createBankButton.focus();
+        }), _define_property(_this, "handleCreateBankButtonRef", function(node) {
+            _this.createBankButton = node;
+        }), _define_property(_this, "handleBanksParentChange", function(event, param) {
+            var scopeType = param.value;
+            _this.props.merge(BANKS_BANK_FILTERS, {
+                scopeType: scopeType
+            });
+        }), _define_property(_this, "getSortingOrderIcon", function() {
+            return sortOrderIcons[_this.props.sortOrder];
+        }), _define_property(_this, "getSortAssistiveText", function() {
+            return t('Change sort direction. Direction is currently { sortDirection }', {
+                sortDirection: _this.props.sortOrder === 'ascending' ? t('ascending') : t('descending')
+            });
+        }), _define_property(_this, "handleSortingButtonClick", function() {
+            _this.props.merge(BANKS_BANK_FILTERS, {
+                sortOrder: _this.props.sortOrder === 'ascending' ? 'descending' : 'ascending'
+            });
+        }), _define_property(_this, "handleSortByChange", function(event, param) {
+            var sortBy = param.value;
+            _this.props.merge(BANKS_BANK_FILTERS, {
+                sortBy: sortBy
+            });
+        }), _define_property(_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
+                });
+            };
+        }), _define_property(_this, "handleSearchInputChange", function(param) {
+            var value = param.target.value;
+            _this.setState({
+                searchTerms: value
+            });
+            _this.search(value);
+        }), _define_property(_this, "handleSearchSelectionChange", function(searchSelection) {
+            _this.props.setUI([
+                BANKS_BANK_FILTERS,
+                'searchSelection'
+            ], searchSelection);
+        }), _define_property(_this, "renderRecords", function(recordIds) {
+            return /*#__PURE__*/ 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,
+                recordIds: recordIds,
+                sort: _this.props.sortBy
+            });
+        }), _define_property(_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()
+                    });
+                } else if (_this.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()
+                    });
+                } else if (_this.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()
+                    });
+                }
+                return /*#__PURE__*/ jsx(Billboard, {
+                    size: "medium",
+                    heading: t('No Results Found'),
+                    message: message,
+                    hero: /*#__PURE__*/ jsx(Img, {
+                        src: noResults
+                    })
+                });
+            }
+            return t("You don't have any banks yet");
         });
-      }
-      if (this.isSubAccountLaunch()) {
-        // Put this option below "Insitution Banks"
-        scopeOptions.splice(2, 0, {
-          slug: 'this_account',
-          translation: (0, _formatMessage["default"])('This Account')
+        _this.state = {
+            searchTerms: _this.props.searchTerms || ''
+        };
+        _this.search = debounce(500, function(searchTerms) {
+            _this.props.merge(BANKS_BANK_FILTERS, {
+                searchTerms: searchTerms
+            });
         });
-      }
-
-      // 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'),
-        display: true
-      }, {
-        slug: 'last_used',
-        translation: (0, _formatMessage["default"])('Last Used'),
-        display: true
-      }, {
-        slug: 'updated_at',
-        translation: (0, _formatMessage["default"])('Last Updated'),
-        display: true
-      }, {
-        slug: 'created_at',
-        translation: (0, _formatMessage["default"])('Created Date'),
-        display: false
-      }];
-      var searchFiltersSelectOptionIdPrefix = 'banks-search-filters-select-option-';
-      var searchFilters = (0, _emotion.jsx)(_uiView.View, {
-        as: "div",
-        width: "100%"
-      }, (0, _emotion.jsx)(_uiGrid.Grid, {
-        startAt: "medium",
-        colSpacing: "small",
-        rowSpacing: "small",
-        vAlign: "bottom"
-      }, (0, _emotion.jsx)(_uiGrid.Grid.Row, null, (0, _emotion.jsx)(_uiGrid.Grid.Col, {
-        width: "auto"
-      }, (0, _emotion.jsx)(_quizCommon.SimpleSelect, {
-        onChange: this.handleBanksParentChange,
-        value: this.props.scopeType,
-        renderLabel: (0, _formatMessage["default"])('Filter By'),
-        width: "13rem",
-        "data-automation": "sdk-banks-filter-select"
-      }, scopeOptions.map(function (option) {
-        return (0, _emotion.jsx)(_quizCommon.SimpleSelect.Option, {
-          id: searchFiltersSelectOptionIdPrefix + option.slug,
-          key: option.slug,
-          value: option.slug
-        }, option.translation);
-      }))), (0, _emotion.jsx)(_uiGrid.Grid.Col, {
-        width: 4
-      }, (0, _emotion.jsx)(_quizCommon.TextInput, {
-        renderLabel: (0, _formatMessage["default"])('Bank'),
-        type: "search",
-        value: this.state.searchTerms,
-        onChange: this.handleSearchInputChange,
-        placeholder: (0, _formatMessage["default"])('Search Banks'),
-        "data-automation": "sdk-search-bank-textinput"
-      })), !this.hideAccountSearch() && (0, _emotion.jsx)(_uiGrid.Grid.Col, {
-        width: 4
-      }, (0, _emotion.jsx)(_AsyncSearch["default"], {
-        getShareableSubaccounts: this.props.getShareableSubaccounts,
-        minChars: this.props.minChars,
-        onSelectionChange: this.handleSearchSelectionChange,
-        searchType: _quizCommon.SHARED_WITH_ACCOUNT,
-        selectedOption: this.props.searchSelection,
-        searchLabel: (0, _formatMessage["default"])('Account'),
-        placeholderLabel: (0, _formatMessage["default"])('Search Accounts')
-      })))));
-      var sortingFiltersSelectOptionIdPrefix = 'banks-sorting-filters-select-option-';
-      var sortingFilters = (0, _emotion.jsx)(_react["default"].Fragment, null, (0, _emotion.jsx)("div", {
-        display: "inline-block",
-        style: {
-          margin: 'auto 0px auto auto'
-        }
-      }, (0, _emotion.jsx)(_quizCommon.SimpleSelect, {
-        renderLabel: (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage["default"])('Sort by')),
-        value: this.props.sortBy,
-        width: "10rem",
-        onChange: this.handleSortByChange
-      }, sortingCriteriaOptions.filter(function (option) {
-        return option.display === true;
-      }).map(function (option) {
-        return (0, _emotion.jsx)(_quizCommon.SimpleSelect.Option, {
-          id: sortingFiltersSelectOptionIdPrefix + option.slug,
-          key: option.slug,
-          value: option.slug
-        }, option.translation);
-      }))), (0, _emotion.jsx)("div", {
-        display: "inline-block",
-        style: {
-          marginLeft: '1rem'
-        }
-      }, (0, _emotion.jsx)(_uiButtons.Button, {
-        type: "button",
-        onClick: this.handleSortingButtonClick,
-        "data-automation": "sdk-sort-banks-button",
-        renderIcon: this.getSortingOrderIcon()
-      }, (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]
-        }, (0, _emotion.jsx)("div", {
-          css: this.props.styles.filtersRow
-        }, searchFilters), !this.props.itemBankSearchTableEnabled && (0, _emotion.jsx)("div", {
-          css: this.props.styles.filtersRow
-        }, sortingFilters));
-      } else {
-        return (0, _emotion.jsx)("div", {
-          css: [this.props.styles.filters, this.props.styles.borderedBottom]
-        }, (0, _emotion.jsx)("div", {
-          css: this.props.styles.filtersRow
-        }, searchFilters, !this.props.itemBankSearchTableEnabled && sortingFilters));
-      }
-    }
-  }, {
-    key: "renderHeader",
-    value: function renderHeader() {
-      return (0, _emotion.jsx)("div", {
-        css: [this.props.styles.header]
-      }, (0, _emotion.jsx)(_uiHeading.Heading, {
-        as: this.props.isCompact ? 'h2' : 'h1',
-        level: "h1"
-      }, (0, _formatMessage["default"])('Banks')), (0, _emotion.jsx)(_uiButtons.Button, {
-        ref: this.handleCreateBankButtonRef,
-        type: "button",
-        color: "primary",
-        onClick: this.onCreateBank,
-        "data-automation": "sdk-create-new-bank-button",
-        renderIcon: _uiIcons.IconPlusLine
-      }, (0, _emotion.jsx)(_uiA11yContent.AccessibleContent, {
-        alt: (0, _formatMessage["default"])('Create Bank')
-      }, (0, _formatMessage["default"])('Bank'))));
+        return _this;
     }
-  }, {
-    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;
-      var isScopeEmpty = !Object.keys(scope).length;
-      return (0, _emotion.jsx)(_NavWrapper["default"], {
-        closeTray: closeTray,
-        navigateToBuild: navigateToBuild,
-        returnToUrl: isScopeEmpty ? null : returnToUrl,
-        scope: scope,
-        isCompact: this.props.isCompact,
-        iceTopNavBarEnabled: this.props.iceTopNavBarEnabled,
-        menuItemPath: "/banks"
-      });
-    }
-  }, {
-    key: "renderBanksSearchResults",
-    value: function renderBanksSearchResults() {
-      return (0, _emotion.jsx)(_PaginatedCollection["default"], {
-        empty: this.emptyPage(),
-        getPage: this.getPage,
-        renderRecords: this.renderRecords,
-        stateKey: _quizCommon.BANKS_BANK_PAGINATION
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      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)(_HeaderBreadCrumb.HeaderBreadCrumb, {
-        returnToUrl: this.props.returnToUrl,
-        scope: this.props.scope,
-        navigateToBuild: this.props.navigateToBuild
-      })), this.renderHeader(), this.renderFilters(), this.renderBanksSearchResults(), (0, _emotion.jsx)(_CreateBankModal["default"], {
-        itemBanksScope: this.props.scope
-      })));
-    }
-  }]);
-}(_react.Component), (0, _defineProperty2["default"])(_Banks, "displayName", 'Banks'), (0, _defineProperty2["default"])(_Banks, "componentId", "Quizzes".concat(_Banks.displayName)), (0, _defineProperty2["default"])(_Banks, "propTypes", {
-  closeTray: _propTypes["default"].func,
-  createBank: _propTypes["default"].func.isRequired,
-  currentUser: _propTypes["default"].shape({
-    bank_admin: _propTypes["default"].bool,
-    can_share_banks_with_subaccounts: _propTypes["default"].bool,
-    email: _propTypes["default"].string,
-    enrollment_names: _propTypes["default"].arrayOf(_propTypes["default"].string),
-    full_name: _propTypes["default"].string,
-    uuid: _propTypes["default"].string,
-    account_name: _propTypes["default"].string
-  }),
-  // from consumer
-  clear: _propTypes["default"].func.isRequired,
-  getBanks: _propTypes["default"].func.isRequired,
-  getCourseInfo: _propTypes["default"].func,
-  // from consumer
-  getUserInfo: _propTypes["default"].func,
-  // from consumer
-  getShareableCourses: _propTypes["default"].func,
-  // from consumer
-  getShareableUsers: _propTypes["default"].func,
-  // from consumer
-  getShareableSubaccounts: _propTypes["default"].func,
-  // from consumer
-  getSubaccountInfo: _propTypes["default"].func,
-  // from consumer
-  getCourseAssignments: _propTypes["default"].func,
-  // from consumer
-  isCompact: _propTypes["default"].bool,
-  merge: _propTypes["default"].func.isRequired,
-  minChars: _propTypes["default"].number,
-  navigateToBank: _propTypes["default"].func.isRequired,
-  // can be from consumer
-  navigateToBuild: _propTypes["default"].func,
-  // from consumer
-  onShare: _propTypes["default"].func,
-  // from consumer
-  openModal: _propTypes["default"].func.isRequired,
-  returnToUrl: _propTypes["default"].string,
-  // from consumer
-  scope: _propTypes["default"].shape({
-    type: _propTypes["default"].string,
-    uuid: _propTypes["default"].string,
-    title: _propTypes["default"].string,
-    launch_context_uuid: _propTypes["default"].string,
-    root_account_name: _propTypes["default"].string
-  }).isRequired,
-  scopeType: _propTypes["default"].string,
-  searchTerms: _propTypes["default"].string,
-  searchSelection: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    avatar: _propTypes["default"].string,
-    fullName: _propTypes["default"].string,
-    title: _propTypes["default"].string,
-    uuid: _propTypes["default"].string.isRequired
-  })),
-  sortBy: _propTypes["default"].string,
-  sortOrder: _propTypes["default"].string,
-  usedByCourseEnabled: _propTypes["default"].bool,
-  itemBankSearchTableEnabled: _propTypes["default"].bool,
-  setUI: _propTypes["default"].func.isRequired,
-  iceTopNavBarEnabled: _propTypes["default"].bool,
-  styles: _propTypes["default"].object,
-  rootAccountUuid: _propTypes["default"].string
-}), (0, _defineProperty2["default"])(_Banks, "defaultProps", {
-  closeTray: null,
-  currentUser: null,
-  getCourseInfo: null,
-  getUserInfo: null,
-  getShareableCourses: null,
-  getShareableUsers: null,
-  getCourseAssignments: null,
-  getShareableSubaccounts: null,
-  getSubaccountInfo: null,
-  minChars: void 0,
-  isCompact: false,
-  navigateToBuild: null,
-  onShare: function onShare() {},
-  scope: {},
-  returnToUrl: null,
-  scopeType: 'user',
-  sortBy: 'name',
-  sortOrder: 'ascending',
-  searchTerms: null,
-  searchSelection: [],
-  usedByCourseEnabled: false,
-  itemBankSearchTableEnabled: false,
-  iceTopNavBarEnabled: false,
-  rootAccountUuid: null
-}), (0, _defineProperty2["default"])(_Banks, "contextTypes", {
-  locale: _propTypes["default"].string
-}), _Banks)) || _class);
-var _default = exports["default"] = Banks;
+    _create_class(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);
+                }
+            }
+        },
+        {
+            key: "topLevelBankFilterName",
+            value: function topLevelBankFilterName() {
+                return t('Shared with Me');
+            }
+        },
+        {
+            key: "renderFilters",
+            value: function renderFilters() {
+                var scopeOptions = [
+                    {
+                        slug: 'user',
+                        translation: this.topLevelBankFilterName()
+                    },
+                    {
+                        slug: 'account',
+                        translation: t('Institution Banks')
+                    },
+                    {
+                        slug: 'courses',
+                        translation: t('Shared with Courses')
+                    }
+                ];
+                if (this.props.scope.uuid) {
+                    scopeOptions.push({
+                        slug: 'course',
+                        translation: t('This Course')
+                    });
+                }
+                if (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
+                // non-display options are used for sorting of banks table
+                var sortingCriteriaOptions = [
+                    {
+                        slug: 'name',
+                        translation: t('Bank Name'),
+                        display: true
+                    },
+                    {
+                        slug: 'last_used',
+                        translation: t('Last Used'),
+                        display: true
+                    },
+                    {
+                        slug: 'updated_at',
+                        translation: t('Last Updated'),
+                        display: true
+                    },
+                    {
+                        slug: 'created_at',
+                        translation: t('Created Date'),
+                        display: false
+                    }
+                ];
+                var searchFiltersSelectOptionIdPrefix = 'banks-search-filters-select-option-';
+                var searchFilters = /*#__PURE__*/ jsx(View, {
+                    as: "div",
+                    width: "100%"
+                }, /*#__PURE__*/ jsx(Grid, {
+                    startAt: "medium",
+                    colSpacing: "small",
+                    rowSpacing: "small",
+                    vAlign: "bottom"
+                }, /*#__PURE__*/ jsx(Grid.Row, null, /*#__PURE__*/ jsx(Grid.Col, {
+                    width: "auto"
+                }, /*#__PURE__*/ jsx(SimpleSelect, {
+                    onChange: this.handleBanksParentChange,
+                    value: this.props.scopeType,
+                    renderLabel: t('Filter By'),
+                    width: "13rem",
+                    "data-automation": "sdk-banks-filter-select"
+                }, scopeOptions.map(function(option) {
+                    return /*#__PURE__*/ jsx(SimpleSelect.Option, {
+                        id: searchFiltersSelectOptionIdPrefix + option.slug,
+                        key: option.slug,
+                        value: option.slug
+                    }, option.translation);
+                }))), /*#__PURE__*/ jsx(Grid.Col, {
+                    width: 4
+                }, /*#__PURE__*/ jsx(TextInput, {
+                    renderLabel: t('Bank'),
+                    type: "search",
+                    value: this.state.searchTerms,
+                    onChange: this.handleSearchInputChange,
+                    placeholder: t('Search Banks'),
+                    "data-automation": "sdk-search-bank-textinput"
+                })), !this.hideAccountSearch() && /*#__PURE__*/ jsx(Grid.Col, {
+                    width: 4
+                }, /*#__PURE__*/ jsx(AsyncSearch, {
+                    getShareableSubaccounts: this.props.getShareableSubaccounts,
+                    minChars: this.props.minChars,
+                    onSelectionChange: this.handleSearchSelectionChange,
+                    searchType: SHARED_WITH_ACCOUNT,
+                    selectedOption: this.props.searchSelection,
+                    searchLabel: t('Account'),
+                    placeholderLabel: t('Search Accounts')
+                })))));
+                var sortingFiltersSelectOptionIdPrefix = 'banks-sorting-filters-select-option-';
+                var sortingFilters = /*#__PURE__*/ jsx(React.Fragment, null, /*#__PURE__*/ jsx("div", {
+                    display: "inline-block",
+                    style: {
+                        margin: 'auto 0px auto auto'
+                    }
+                }, /*#__PURE__*/ jsx(SimpleSelect, {
+                    renderLabel: /*#__PURE__*/ jsx(ScreenReaderContent, null, t('Sort by')),
+                    value: this.props.sortBy,
+                    width: "10rem",
+                    onChange: this.handleSortByChange
+                }, sortingCriteriaOptions.filter(function(option) {
+                    return option.display === true;
+                }).map(function(option) {
+                    return /*#__PURE__*/ jsx(SimpleSelect.Option, {
+                        id: sortingFiltersSelectOptionIdPrefix + option.slug,
+                        key: option.slug,
+                        value: option.slug
+                    }, option.translation);
+                }))), /*#__PURE__*/ jsx("div", {
+                    display: "inline-block",
+                    style: {
+                        marginLeft: '1rem'
+                    }
+                }, /*#__PURE__*/ jsx(Button, {
+                    type: "button",
+                    onClick: this.handleSortingButtonClick,
+                    "data-automation": "sdk-sort-banks-button",
+                    renderIcon: this.getSortingOrderIcon()
+                }, /*#__PURE__*/ jsx(AccessibleContent, {
+                    alt: this.getSortAssistiveText()
+                }, t('Sort')))));
+                if (this.props.closeTray) {
+                    return /*#__PURE__*/ jsx("div", {
+                        css: [
+                            this.props.styles.filters,
+                            this.props.styles.borderedBottom
+                        ]
+                    }, /*#__PURE__*/ jsx("div", {
+                        css: this.props.styles.filtersRow
+                    }, searchFilters), !this.props.itemBankSearchTableEnabled && /*#__PURE__*/ jsx("div", {
+                        css: this.props.styles.filtersRow
+                    }, sortingFilters));
+                } else {
+                    return /*#__PURE__*/ jsx("div", {
+                        css: [
+                            this.props.styles.filters,
+                            this.props.styles.borderedBottom
+                        ]
+                    }, /*#__PURE__*/ jsx("div", {
+                        css: this.props.styles.filtersRow
+                    }, searchFilters, !this.props.itemBankSearchTableEnabled && sortingFilters));
+                }
+            }
+        },
+        {
+            key: "renderHeader",
+            value: function renderHeader() {
+                return /*#__PURE__*/ jsx("div", {
+                    css: [
+                        this.props.styles.header
+                    ]
+                }, /*#__PURE__*/ jsx(Heading, {
+                    as: this.props.isCompact ? 'h2' : 'h1',
+                    level: "h1"
+                }, t('Banks')), /*#__PURE__*/ jsx(Button, {
+                    ref: this.handleCreateBankButtonRef,
+                    type: "button",
+                    color: "primary",
+                    onClick: this.onCreateBank,
+                    "data-automation": "sdk-create-new-bank-button",
+                    renderIcon: IconPlusLine
+                }, /*#__PURE__*/ jsx(AccessibleContent, {
+                    alt: t('Create Bank')
+                }, t('Bank'))));
+            }
+        },
+        {
+            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;
+                var isScopeEmpty = !Object.keys(scope).length;
+                return /*#__PURE__*/ jsx(NavWrapper, {
+                    closeTray: closeTray,
+                    navigateToBuild: navigateToBuild,
+                    returnToUrl: isScopeEmpty ? null : returnToUrl,
+                    scope: scope,
+                    isCompact: this.props.isCompact,
+                    iceTopNavBarEnabled: this.props.iceTopNavBarEnabled,
+                    menuItemPath: "/banks"
+                });
+            }
+        },
+        {
+            key: "renderBanksSearchResults",
+            value: function renderBanksSearchResults() {
+                return /*#__PURE__*/ jsx(PaginatedCollection, {
+                    empty: this.emptyPage(),
+                    getPage: this.getPage,
+                    renderRecords: this.renderRecords,
+                    stateKey: BANKS_BANK_PAGINATION
+                });
+            }
+        },
+        {
+            key: "render",
+            value: function render() {
+                return /*#__PURE__*/ jsx(Page, null, this.renderNav(), /*#__PURE__*/ jsx("div", {
+                    css: this.props.styles.content
+                }, this.props.iceTopNavBarEnabled && /*#__PURE__*/ jsx("div", {
+                    css: this.props.styles.breadcrumb
+                }, /*#__PURE__*/ jsx(HeaderBreadCrumb, {
+                    returnToUrl: this.props.returnToUrl,
+                    scope: this.props.scope,
+                    navigateToBuild: this.props.navigateToBuild
+                })), this.renderHeader(), this.renderFilters(), this.renderBanksSearchResults(), /*#__PURE__*/ jsx(CreateBankModal, {
+                    itemBanksScope: this.props.scope
+                })));
+            }
+        }
+    ]);
+    return Banks;
+}(Component);
+_define_property(Banks, "displayName", 'Banks');
+_define_property(Banks, "componentId", "Quizzes".concat(Banks.displayName));
+_define_property(Banks, "propTypes", {
+    closeTray: PropTypes.func,
+    createBank: PropTypes.func.isRequired,
+    currentUser: PropTypes.shape({
+        bank_admin: PropTypes.bool,
+        can_share_banks_with_subaccounts: PropTypes.bool,
+        email: PropTypes.string,
+        enrollment_names: PropTypes.arrayOf(PropTypes.string),
+        full_name: PropTypes.string,
+        uuid: PropTypes.string,
+        account_name: PropTypes.string
+    }),
+    clear: PropTypes.func.isRequired,
+    getBanks: PropTypes.func.isRequired,
+    getCourseInfo: PropTypes.func,
+    getUserInfo: PropTypes.func,
+    getShareableCourses: PropTypes.func,
+    getShareableUsers: PropTypes.func,
+    getShareableSubaccounts: PropTypes.func,
+    getSubaccountInfo: PropTypes.func,
+    getCourseAssignments: PropTypes.func,
+    isCompact: PropTypes.bool,
+    merge: PropTypes.func.isRequired,
+    minChars: PropTypes.number,
+    navigateToBank: PropTypes.func.isRequired,
+    navigateToBuild: PropTypes.func,
+    onShare: PropTypes.func,
+    openModal: PropTypes.func.isRequired,
+    returnToUrl: PropTypes.string,
+    scope: PropTypes.shape({
+        type: PropTypes.string,
+        uuid: PropTypes.string,
+        title: PropTypes.string,
+        launch_context_uuid: PropTypes.string,
+        root_account_name: PropTypes.string
+    }).isRequired,
+    scopeType: PropTypes.string,
+    searchTerms: PropTypes.string,
+    searchSelection: PropTypes.arrayOf(PropTypes.shape({
+        avatar: PropTypes.string,
+        fullName: PropTypes.string,
+        title: PropTypes.string,
+        uuid: PropTypes.string.isRequired
+    })),
+    sortBy: PropTypes.string,
+    sortOrder: PropTypes.string,
+    usedByCourseEnabled: PropTypes.bool,
+    itemBankSearchTableEnabled: PropTypes.bool,
+    setUI: PropTypes.func.isRequired,
+    iceTopNavBarEnabled: PropTypes.bool,
+    styles: PropTypes.object,
+    rootAccountUuid: PropTypes.string
+});
+_define_property(Banks, "defaultProps", {
+    closeTray: null,
+    currentUser: null,
+    getCourseInfo: null,
+    getUserInfo: null,
+    getShareableCourses: null,
+    getShareableUsers: null,
+    getCourseAssignments: null,
+    getShareableSubaccounts: null,
+    getSubaccountInfo: null,
+    minChars: void 0,
+    isCompact: false,
+    navigateToBuild: null,
+    onShare: function onShare() {},
+    scope: {},
+    returnToUrl: null,
+    scopeType: 'user',
+    sortBy: 'name',
+    sortOrder: 'ascending',
+    searchTerms: null,
+    searchSelection: [],
+    usedByCourseEnabled: false,
+    itemBankSearchTableEnabled: false,
+    iceTopNavBarEnabled: false,
+    rootAccountUuid: null
+});
+_define_property(Banks, "contextTypes", {
+    locale: PropTypes.string
+});
+Banks = _ts_decorate([
+    withStyleOverrides(generateStyle, generateComponentTheme)
+], Banks);
+export default Banks;