@instructure/quiz-core 21.0.1-rc.0 → 21.0.1-rc.13

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

@@ -4,30 +4,29 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports["default"] = void 0;
 exports.mapStateToProps = mapStateToProps;
-exports.default = void 0;
 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 _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 _alerts = require("../../../common/actions/alerts");
+var _copyingBanksPoller = require("../../api/copyingBanksPoller");
 function mapStateToProps(state, props) {
   return {
     appContainer: state.getIn(['ui', 'appContainer']),
     banks: (0, _immutable.List)(props.recordIds).map(function (id) {
-      return _Bank.default.create(state.getIn(['banks', id]));
+      return _Bank["default"].create(state.getIn(['banks', id]));
     })
   };
 }
-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"]);

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

@@ -1,17 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.BanksList = void 0;
+exports["default"] = exports.BanksList = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 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 _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
@@ -28,118 +29,112 @@ var _uiSpinner = require("@instructure/ui-spinner");
 var _uiTable = require("@instructure/ui-table");
 var _emotion = require("@instructure/emotion");
 var _quizCommon = require("@instructure/quiz-common");
-var _CustomPropTypes = _interopRequireDefault(require("../../../common/util/CustomPropTypes.js"));
-var _index = _interopRequireDefault(require("../../../common/components/shared/IfFeature/index.js"));
-var _index2 = _interopRequireDefault(require("../EditBankModal/index.js"));
-var _index3 = _interopRequireDefault(require("../SharingModal/index.js"));
+var _CustomPropTypes = _interopRequireDefault(require("../../../common/util/CustomPropTypes"));
+var _IfFeature = _interopRequireDefault(require("../../../common/components/shared/IfFeature"));
+var _EditBankModal = _interopRequireDefault(require("../EditBankModal"));
+var _SharingModal = _interopRequireDefault(require("../SharingModal"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-var _styles = _interopRequireDefault(require("./styles.js"));
-var _theme = _interopRequireDefault(require("./theme.js"));
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
 var _dec, _class, _BanksList;
 /** @jsx jsx */
-var _ref4 = (0, _emotion.jsx)(_uiTable.Table.Cell, null);
-var _ref5 = (0, _emotion.jsx)(_uiTable.Table.Cell, null);
-var _ref6 = (0, _emotion.jsx)(_uiTable.Table.Cell, null);
-var _ref7 = (0, _emotion.jsx)(_uiTable.Table.Cell, null);
-var BanksList = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_BanksList = /*#__PURE__*/function (_withI18nSupport) {
-  (0, _inherits2.default)(BanksList, _withI18nSupport);
-  var _super = (0, _createSuper2.default)(BanksList);
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var BanksList = exports.BanksList = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_BanksList = /*#__PURE__*/function (_withI18nSupport) {
   function BanksList() {
     var _this;
-    (0, _classCallCheck2.default)(this, BanksList);
+    (0, _classCallCheck2["default"])(this, BanksList);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this.state = {
+    _this = _callSuper(this, BanksList, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "state", {
       sharingModalOpen: false,
       sharingModalBank: null,
       sharingCount: null,
       countedBank: null
-    };
-    _this.sharingButtons = [];
-    _this.openModal = function (bank) {
+    });
+    (0, _defineProperty2["default"])(_this, "sharingButtons", []);
+    (0, _defineProperty2["default"])(_this, "openModal", function (bank) {
       return function () {
         _this.props.openModal([_quizCommon.EDIT_BANK_MODAL, bank.id].join(':'));
       };
-    };
-    _this.deleteBank = function (bankId) {
+    });
+    (0, _defineProperty2["default"])(_this, "deleteBank", function (bankId) {
       _this.props.deleteBank(bankId);
       setTimeout(_this.props.focusCreateBankButton, 100);
-    };
-    _this.openDeleteBankModal = function (bank) {
-      return /*#__PURE__*/(0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee() {
+    });
+    (0, _defineProperty2["default"])(_this, "openDeleteBankModal", function (bank) {
+      return /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
         var _this$props, currentUser, getUserInfo, deletingOwnBank, creatorFullName, resp, confirmBody;
-        return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _this$props = _this.props, currentUser = _this$props.currentUser, getUserInfo = _this$props.getUserInfo;
-                deletingOwnBank = currentUser && currentUser.uuid === bank.creator;
-                if (deletingOwnBank) {
-                  _context.next = 7;
-                  break;
-                }
-                _context.next = 5;
-                return getUserInfo(bank.creator);
-              case 5:
-                resp = _context.sent;
-                creatorFullName = resp && resp[0] && resp[0].fullName;
-              case 7:
-                confirmBody = (0, _emotion.jsx)("div", null, !deletingOwnBank && (creatorFullName ? (0, _formatMessage.default)('You are about to delete an Item Bank that you did not create. This Item Bank was created by {creator}, proceed with caution.', {
-                  creator: creatorFullName
-                }) : (0, _formatMessage.default)('You are about to delete an Item Bank that you did not create. Proceed with caution.')), (0, _emotion.jsx)(_uiAlerts.Alert, {
-                  variant: "error",
-                  padding: "0"
-                }, (0, _emotion.jsx)("div", {
-                  css: _this.props.styles.deleteAlert
-                }, (0, _emotion.jsx)("div", {
-                  css: _this.props.styles.deletePreface
-                }, (0, _formatMessage.default)('Once deleted, items from this bank:')), (0, _emotion.jsx)(_uiList.List, null, (0, _emotion.jsx)(_uiList.List.Item, null, (0, _formatMessage.default)('will no longer be accessible to others who currently have shared access')), (0, _emotion.jsx)(_uiList.List.Item, null, _formatMessage.default.rich('will <0>NOT</0> be removed from any assessments', [function (_ref2) {
-                  var children = _ref2.children;
-                  return (0, _emotion.jsx)(_uiText.Text, {
-                    weight: "bold",
-                    key: "0"
-                  }, children);
-                }])), (0, _emotion.jsx)(_uiList.List.Item, null, (0, _formatMessage.default)('will lose their statistical link in reporting (if they were part of an assessment)')), (0, _emotion.jsx)(_uiList.List.Item, null, (0, _formatMessage.default)('will no longer be available to any assessments attempting a random/batch pull of items (removing the pull will resolve the issue)'))))));
-                _this.props.withConfirm((0, _partial.default)(_this.deleteBank, bank.id), {
-                  text: confirmBody,
-                  title: (0, _formatMessage.default)('Delete Bank'),
-                  continueText: (0, _formatMessage.default)('Delete'),
-                  continueVariant: 'danger',
-                  size: 'medium'
-                });
-              case 9:
-              case "end":
-                return _context.stop();
-            }
+        return _regenerator["default"].wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _this$props = _this.props, currentUser = _this$props.currentUser, getUserInfo = _this$props.getUserInfo;
+              deletingOwnBank = currentUser && currentUser.uuid === bank.creator;
+              if (deletingOwnBank) {
+                _context.next = 7;
+                break;
+              }
+              _context.next = 5;
+              return getUserInfo(bank.creator);
+            case 5:
+              resp = _context.sent;
+              creatorFullName = resp && resp[0] && resp[0].fullName;
+            case 7:
+              confirmBody = (0, _emotion.jsx)("div", null, !deletingOwnBank && (creatorFullName ? (0, _formatMessage["default"])('You are about to delete an Item Bank that you did not create. This Item Bank was created by {creator}, proceed with caution.', {
+                creator: creatorFullName
+              }) : (0, _formatMessage["default"])('You are about to delete an Item Bank that you did not create. Proceed with caution.')), (0, _emotion.jsx)(_uiAlerts.Alert, {
+                variant: "error",
+                padding: "0"
+              }, (0, _emotion.jsx)("div", {
+                css: _this.props.styles.deleteAlert
+              }, (0, _emotion.jsx)("div", {
+                css: _this.props.styles.deletePreface
+              }, (0, _formatMessage["default"])('Once deleted, items from this bank:')), (0, _emotion.jsx)(_uiList.List, null, (0, _emotion.jsx)(_uiList.List.Item, null, (0, _formatMessage["default"])('will no longer be accessible to others who currently have shared access')), (0, _emotion.jsx)(_uiList.List.Item, null, _formatMessage["default"].rich('will <0>NOT</0> be removed from any assessments', [function (_ref2) {
+                var children = _ref2.children;
+                return (0, _emotion.jsx)(_uiText.Text, {
+                  weight: "bold",
+                  key: "0"
+                }, children);
+              }])), (0, _emotion.jsx)(_uiList.List.Item, null, (0, _formatMessage["default"])('will lose their statistical link in reporting (if they were part of an assessment)')), (0, _emotion.jsx)(_uiList.List.Item, null, (0, _formatMessage["default"])('will no longer be available to any assessments attempting a random/batch pull of items (removing the pull will resolve the issue)'))))));
+              _this.props.withConfirm((0, _partial["default"])(_this.deleteBank, bank.id), {
+                text: confirmBody,
+                title: (0, _formatMessage["default"])('Delete Bank'),
+                continueText: (0, _formatMessage["default"])('Delete'),
+                continueVariant: 'danger',
+                size: 'medium'
+              });
+            case 9:
+            case "end":
+              return _context.stop();
           }
         }, _callee);
       }));
-    };
-    _this.openDuplicateBankModal = function (bank) {
+    });
+    (0, _defineProperty2["default"])(_this, "openDuplicateBankModal", function (bank) {
       return function () {
         var createCloneJob = /*#__PURE__*/function () {
-          var _ref3 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee2() {
+          var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
             var cloneJob;
-            return _regenerator.default.wrap(function _callee2$(_context2) {
-              while (1) {
-                switch (_context2.prev = _context2.next) {
-                  case 0:
-                    _context2.next = 2;
-                    return _this.props.createBankCloneJob(bank.id, _this.props.currentUser.uuid);
-                  case 2:
-                    cloneJob = _context2.sent;
-                    _this.props.addToPolling(cloneJob.cloned_bank_id, (0, _formatMessage.default)('{name} Copy', {
-                      name: bank.title
-                    }));
-                    _this.props.addInfo((0, _formatMessage.default)('Creating "{name} Copy". Duplicate will appear in \'Shared with Me\' filter.', {
-                      name: bank.title
-                    }));
-                  case 5:
-                  case "end":
-                    return _context2.stop();
-                }
+            return _regenerator["default"].wrap(function _callee2$(_context2) {
+              while (1) switch (_context2.prev = _context2.next) {
+                case 0:
+                  _context2.next = 2;
+                  return _this.props.createBankCloneJob(bank.id, _this.props.currentUser.uuid);
+                case 2:
+                  cloneJob = _context2.sent;
+                  _this.props.addToPolling(cloneJob.cloned_bank_id, (0, _formatMessage["default"])('{name} Copy', {
+                    name: bank.title
+                  }));
+                  _this.props.addInfo((0, _formatMessage["default"])('Creating "{name} Copy". Duplicate will appear in \'Shared with Me\' filter.', {
+                    name: bank.title
+                  }));
+                case 5:
+                case "end":
+                  return _context2.stop();
               }
             }, _callee2);
           }));
@@ -147,21 +142,21 @@ var BanksList = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
             return _ref3.apply(this, arguments);
           };
         }();
-        _this.props.withConfirm((0, _partial.default)(createCloneJob), {
-          text: (0, _formatMessage.default)('Are you sure you want to duplicate this item bank?'),
-          title: (0, _formatMessage.default)('Duplicate Bank'),
-          continueText: (0, _formatMessage.default)('Duplicate'),
+        _this.props.withConfirm((0, _partial["default"])(createCloneJob), {
+          text: (0, _formatMessage["default"])('Are you sure you want to duplicate this item bank?'),
+          title: (0, _formatMessage["default"])('Duplicate Bank'),
+          continueText: (0, _formatMessage["default"])('Duplicate'),
           continueVariant: null,
           size: 'small'
         });
       };
-    };
-    _this.updateSharedCount = function (count) {
+    });
+    (0, _defineProperty2["default"])(_this, "updateSharedCount", function (count) {
       _this.setState({
         sharingCount: count
       });
-    };
-    _this.openSharingModal = function (bank) {
+    });
+    (0, _defineProperty2["default"])(_this, "openSharingModal", function (bank) {
       return function () {
         _this.setState({
           sharingModalOpen: true,
@@ -170,19 +165,19 @@ var BanksList = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
           countedBank: bank.id
         });
       };
-    };
-    _this.handleSharingModalDismiss = function () {
+    });
+    (0, _defineProperty2["default"])(_this, "handleSharingModalDismiss", function () {
       _this.setState({
         sharingModalOpen: false,
         sharingModalBank: null
       });
-    };
-    _this.handleSharingButtonRef = function (bankId) {
+    });
+    (0, _defineProperty2["default"])(_this, "handleSharingButtonRef", function (bankId) {
       return function (node) {
         _this.sharingButtons[bankId] = node;
       };
-    };
-    _this.currentBankCount = function (bank) {
+    });
+    (0, _defineProperty2["default"])(_this, "currentBankCount", function (bank) {
       var _this$state = _this.state,
         countedBank = _this$state.countedBank,
         sharingCount = _this$state.sharingCount;
@@ -190,16 +185,16 @@ var BanksList = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
         return sharingCount;
       }
       return bank.sharedCount;
-    };
-    _this.handleTableRef = function (element) {
+    });
+    (0, _defineProperty2["default"])(_this, "handleTableRef", function (element) {
       if (element) {
         var simpleSelect = element.querySelector('[role="combobox"]');
         if (simpleSelect) {
           simpleSelect.setAttribute('data-automation', 'sdk-banks-sorting-select');
         }
       }
-    };
-    _this.renderBankInfo = function (bank) {
+    });
+    (0, _defineProperty2["default"])(_this, "renderBankInfo", function (bank) {
       var navigateToBank = function navigateToBank(bankId) {
         return function () {
           return _this.props.navigateToBank(bankId);
@@ -219,7 +214,7 @@ var BanksList = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
         }, bank.title)), (0, _emotion.jsx)("div", {
           css: _this.props.styles.bankDetails,
           "data-automation": "sdk-banks-list-bank-details"
-        }, (0, _formatMessage.default)('Currently duplicating')));
+        }, (0, _formatMessage["default"])('Currently duplicating')));
       } else {
         return (0, _emotion.jsx)("div", {
           css: _this.props.styles.bankInfo,
@@ -240,9 +235,9 @@ var BanksList = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
           "data-automation": "sdk-banks-list-bank-title-heading"
         }, bank.title))), _this.renderDetails(bank));
       }
-    };
-    _this.renderBankOptions = function (bank) {
-      var bankEditOptions = (0, _emotion.jsx)(_react.default.Fragment, null, (0, _emotion.jsx)(_uiButtons.IconButton, {
+    });
+    (0, _defineProperty2["default"])(_this, "renderBankOptions", function (bank) {
+      var bankEditOptions = (0, _emotion.jsx)(_react["default"].Fragment, null, (0, _emotion.jsx)(_uiButtons.IconButton, {
         onClick: _this.openModal(bank),
         name: "Edit",
         size: "small",
@@ -250,10 +245,10 @@ var BanksList = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
         withBackground: false,
         withBorder: false,
         renderIcon: _uiIcons.IconEditLine,
-        title: (0, _formatMessage.default)('Edit bank {name}', {
+        title: (0, _formatMessage["default"])('Edit bank {name}', {
           name: bank.title
         }),
-        screenReaderLabel: (0, _formatMessage.default)('Edit bank {name}', {
+        screenReaderLabel: (0, _formatMessage["default"])('Edit bank {name}', {
           name: bank.title
         })
       }), (0, _emotion.jsx)(_uiButtons.IconButton, {
@@ -264,18 +259,18 @@ var BanksList = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
         withBackground: false,
         withBorder: false,
         renderIcon: _uiIcons.IconTrashLine,
-        title: (0, _formatMessage.default)('Delete bank {name}', {
+        title: (0, _formatMessage["default"])('Delete bank {name}', {
           name: bank.title
         }),
-        screenReaderLabel: (0, _formatMessage.default)('Delete bank {name}', {
+        screenReaderLabel: (0, _formatMessage["default"])('Delete bank {name}', {
           name: bank.title
         })
       }));
       if (bank.status === 'copying') {
         return (0, _emotion.jsx)("div", {
           css: _this.props.styles.bankOptions
-        }, (0, _formatMessage.default)('Duplicating'), (0, _emotion.jsx)(_uiSpinner.Spinner, {
-          renderTitle: (0, _formatMessage.default)('Loading'),
+        }, (0, _formatMessage["default"])('Duplicating'), (0, _emotion.jsx)(_uiSpinner.Spinner, {
+          renderTitle: (0, _formatMessage["default"])('Loading'),
           size: "x-small",
           margin: "0 0 0 small"
         }));
@@ -290,13 +285,13 @@ var BanksList = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
           renderIcon: _uiIcons.IconCopyLine,
           withBackground: false,
           withBorder: false,
-          title: (0, _formatMessage.default)('Duplicate bank {name}', {
+          title: (0, _formatMessage["default"])('Duplicate bank {name}', {
             name: bank.title
           }),
-          screenReaderLabel: (0, _formatMessage.default)('Duplicate bank {name}', {
+          screenReaderLabel: (0, _formatMessage["default"])('Duplicate bank {name}', {
             name: bank.title
           })
-        }), (0, _emotion.jsx)(_index.default, {
+        }), (0, _emotion.jsx)(_IfFeature["default"], {
           name: "item_bank_sharing"
         }, (0, _emotion.jsx)(_uiButtons.IconButton, {
           onClick: _this.openSharingModal(bank),
@@ -306,27 +301,28 @@ var BanksList = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
           withBackground: false,
           withBorder: false,
           renderIcon: _uiIcons.IconShareSolid,
-          title: (0, _formatMessage.default)('Share bank {name}', {
+          title: (0, _formatMessage["default"])('Share bank {name}', {
             name: bank.title
           }),
-          screenReaderLabel: (0, _formatMessage.default)('Share bank {name}', {
+          screenReaderLabel: (0, _formatMessage["default"])('Share bank {name}', {
             name: bank.title
           })
         })), bank.canEdit() ? bankEditOptions : null);
       }
-    };
-    _this.renderBank = function (bank) {
+    });
+    (0, _defineProperty2["default"])(_this, "renderBank", function (bank) {
       return (0, _emotion.jsx)("div", {
         key: bank.id,
         css: _this.props.styles.bankRow,
         "data-automation": "sdk-banks-list-bank-row"
-      }, (0, _emotion.jsx)(_index2.default, {
+      }, (0, _emotion.jsx)(_EditBankModal["default"], {
         workingBank: bank.getWorkingInstance()
       }), _this.renderBankInfo(bank), _this.renderBankOptions(bank));
-    };
+    });
     return _this;
   }
-  (0, _createClass2.default)(BanksList, [{
+  (0, _inherits2["default"])(BanksList, _withI18nSupport);
+  return (0, _createClass2["default"])(BanksList, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
       var _this2 = this;
@@ -345,22 +341,22 @@ var BanksList = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
     key: "renderDetails",
     value: function renderDetails(bank) {
       var separator = ' | ';
-      var lastUsedInfo = bank.lastUsed() && (0, _emotion.jsx)(_react.default.Fragment, null, (0, _emotion.jsx)(_uiA11yContent.PresentationContent, null, separator), (0, _formatMessage.default)('Last used { lastUsedDate }', {
+      var lastUsedInfo = bank.lastUsed() && (0, _emotion.jsx)(_react["default"].Fragment, null, (0, _emotion.jsx)(_uiA11yContent.PresentationContent, null, separator), (0, _formatMessage["default"])('Last used { lastUsedDate }', {
         lastUsedDate: this.formatDateMedium(bank.lastUsed())
       }));
       return (0, _emotion.jsx)("div", {
         css: this.props.styles.bankDetails,
         "data-automation": "sdk-banks-list-bank-details"
-      }, (0, _emotion.jsx)("div", null, (0, _formatMessage.default)('Updated { updatedDate }', {
+      }, (0, _emotion.jsx)("div", null, (0, _formatMessage["default"])('Updated { updatedDate }', {
         updatedDate: this.formatDateMedium(bank.updatedAt())
-      }), (0, _emotion.jsx)(_uiA11yContent.PresentationContent, null, separator), (0, _formatMessage.default)("{\n              count, plural,\n              one {# Question Total}\n              other {# Questions Total}\n            }", {
+      }), (0, _emotion.jsx)(_uiA11yContent.PresentationContent, null, separator), (0, _formatMessage["default"])("{\n              count, plural,\n              one {# Question Total}\n              other {# Questions Total}\n            }", {
         count: bank.itemEntryCount
       }), lastUsedInfo));
     }
   }, {
     key: "renderSharingModal",
     value: function renderSharingModal() {
-      return (0, _emotion.jsx)(_index3.default, {
+      return (0, _emotion.jsx)(_SharingModal["default"], {
         appContainer: this.props.appContainer,
         bank: this.state.sharingModalBank,
         currentUser: this.props.currentUser,
@@ -399,7 +395,7 @@ var BanksList = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
         };
         return (0, _emotion.jsx)(_uiTable.Table.RowHeader, null, (0, _emotion.jsx)("div", {
           css: this.props.styles.rowHeader
-        }, (0, _emotion.jsx)(_index2.default, {
+        }, (0, _emotion.jsx)(_EditBankModal["default"], {
           workingBank: bank.getWorkingInstance()
         }), (0, _emotion.jsx)(_uiLink.Link, {
           isWithinText: false,
@@ -418,7 +414,7 @@ var BanksList = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
       if (bank.status === 'copying') {
         return (0, _emotion.jsx)(_uiTable.Table.Row, {
           key: bank.id
-        }, this.renderTableRowHeader(bank), _ref4, _ref5, _ref6, _ref7, !this.props.isCompact && (0, _emotion.jsx)(_uiTable.Table.Cell, {
+        }, this.renderTableRowHeader(bank), (0, _emotion.jsx)(_uiTable.Table.Cell, null), (0, _emotion.jsx)(_uiTable.Table.Cell, null), (0, _emotion.jsx)(_uiTable.Table.Cell, null), (0, _emotion.jsx)(_uiTable.Table.Cell, null), !this.props.isCompact && (0, _emotion.jsx)(_uiTable.Table.Cell, {
           textAlign: "end"
         }, this.renderBankOptions(bank)));
       } else {
@@ -446,18 +442,18 @@ var BanksList = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
       var _this4 = this;
       return (0, _emotion.jsx)(_uiTable.Table, {
         margin: "small 0",
-        caption: (0, _formatMessage.default)('Banks'),
+        caption: (0, _formatMessage["default"])('Banks'),
         layout: this.props.isCompact ? 'stacked' : 'auto',
         elementRef: this.handleTableRef
       }, (0, _emotion.jsx)(_uiTable.Table.Head, {
-        renderSortLabel: (0, _formatMessage.default)('Sort By')
-      }, (0, _emotion.jsx)(_uiTable.Table.Row, null, this.renderTableSortHeader('name', (0, _formatMessage.default)('Name')), this.renderTableSortHeader('updated_at', (0, _formatMessage.default)('Updated')), (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
+        renderSortLabel: (0, _formatMessage["default"])('Sort By')
+      }, (0, _emotion.jsx)(_uiTable.Table.Row, null, this.renderTableSortHeader('name', (0, _formatMessage["default"])('Name')), this.renderTableSortHeader('updated_at', (0, _formatMessage["default"])('Updated')), (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
         id: "header-num-questions",
         width: "1"
-      }, (0, _formatMessage.default)('Questions')), this.renderTableSortHeader('last_used', (0, _formatMessage.default)('Last Used')), this.renderTableSortHeader('created_at', (0, _formatMessage.default)('Created')), !this.props.isCompact && (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
+      }, (0, _formatMessage["default"])('Questions')), this.renderTableSortHeader('last_used', (0, _formatMessage["default"])('Last Used')), this.renderTableSortHeader('created_at', (0, _formatMessage["default"])('Created')), (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
         id: "header-option-links",
         width: "1"
-      }, (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Bank option links'))))), (0, _emotion.jsx)(_uiTable.Table.Body, null, (this.props.banks.toArray() || []).map(function (bank) {
+      }, (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage["default"])('Bank option links'))))), (0, _emotion.jsx)(_uiTable.Table.Body, null, (this.props.banks.toArray() || []).map(function (bank) {
         return _this4.renderTableRow(bank);
       })));
     }
@@ -467,39 +463,37 @@ var BanksList = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
       return (0, _emotion.jsx)("div", null, this.state.sharingModalBank && this.renderSharingModal(), this.props.itemBankSearchTableEnabled ? this.renderTable() : this.props.banks.toArray().map(this.renderBank));
     }
   }]);
-  BanksList.displayName = "BanksList";
-  return BanksList;
-}((0, _quizCommon.withI18nSupport)(_react.Component)), _BanksList.displayName = 'BanksList', _BanksList.componentId = "Quizzes".concat(_BanksList.displayName), _BanksList.propTypes = {
-  addInfo: _propTypes.default.func.isRequired,
-  addToPolling: _propTypes.default.func.isRequired,
-  appContainer: _CustomPropTypes.default.selectors.isRequired,
-  banks: _reactImmutableProptypes.default.list.isRequired,
-  createBankCloneJob: _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
+}((0, _quizCommon.withI18nSupport)(_react.Component)), (0, _defineProperty2["default"])(_BanksList, "displayName", 'BanksList'), (0, _defineProperty2["default"])(_BanksList, "componentId", "Quizzes".concat(_BanksList.displayName)), (0, _defineProperty2["default"])(_BanksList, "propTypes", {
+  addInfo: _propTypes["default"].func.isRequired,
+  addToPolling: _propTypes["default"].func.isRequired,
+  appContainer: _CustomPropTypes["default"].selectors.isRequired,
+  banks: _reactImmutableProptypes["default"].list.isRequired,
+  createBankCloneJob: _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
   }),
-  focusCreateBankButton: _propTypes.default.func.isRequired,
-  deleteBank: _propTypes.default.func.isRequired,
-  getCourseInfo: _propTypes.default.func,
-  getUserInfo: _propTypes.default.func,
-  getShareableCourses: _propTypes.default.func,
-  getShareableUsers: _propTypes.default.func,
-  getShareableSubaccounts: _propTypes.default.func,
-  minChars: _propTypes.default.number,
-  navigateToBank: _propTypes.default.func.isRequired,
-  onShare: _propTypes.default.func,
-  openModal: _propTypes.default.func.isRequired,
-  withConfirm: _propTypes.default.func.isRequired,
-  locale: _propTypes.default.string,
-  timezone: _propTypes.default.string,
-  styles: _propTypes.default.object
-}, _BanksList.defaultProps = {
+  focusCreateBankButton: _propTypes["default"].func.isRequired,
+  deleteBank: _propTypes["default"].func.isRequired,
+  getCourseInfo: _propTypes["default"].func,
+  getUserInfo: _propTypes["default"].func,
+  getShareableCourses: _propTypes["default"].func,
+  getShareableUsers: _propTypes["default"].func,
+  getShareableSubaccounts: _propTypes["default"].func,
+  minChars: _propTypes["default"].number,
+  navigateToBank: _propTypes["default"].func.isRequired,
+  onShare: _propTypes["default"].func,
+  openModal: _propTypes["default"].func.isRequired,
+  withConfirm: _propTypes["default"].func.isRequired,
+  locale: _propTypes["default"].string,
+  timezone: _propTypes["default"].string,
+  styles: _propTypes["default"].object
+}), (0, _defineProperty2["default"])(_BanksList, "defaultProps", {
   currentUser: null,
   getCourseInfo: null,
   getUserInfo: null,
@@ -510,10 +504,8 @@ var BanksList = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
   locale: null,
   timezone: null,
   onShare: function onShare() {}
-}, _BanksList.contextTypes = {
-  locale: _propTypes.default.string,
-  timezone: _propTypes.default.string
-}, _BanksList)) || _class);
-exports.BanksList = BanksList;
-var _default = BanksList;
-exports.default = _default;
+}), (0, _defineProperty2["default"])(_BanksList, "contextTypes", {
+  locale: _propTypes["default"].string,
+  timezone: _propTypes["default"].string
+}), _BanksList)) || _class);
+var _default = exports["default"] = BanksList;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var generateStyle = function generateStyle(componentTheme) {
   return {
     bankRow: {
@@ -47,5 +47,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports["default"] = generateStyle;