@instructure/quiz-core 20.1.0 → 20.1.1-rc.1

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

@@ -49,7 +49,7 @@ var _uiSpinner = require("@instructure/ui-spinner");
 
 var _uiTable = require("@instructure/ui-table");
 
-var _uiThemeable = require("@instructure/ui-themeable");
+var _emotion = require("@instructure/emotion");
 
 var _quizCommon = require("@instructure/quiz-common");
 
@@ -63,35 +63,21 @@ var _index3 = _interopRequireDefault(require("../SharingModal/index.js"));
 
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 
+var _styles = _interopRequireDefault(require("./styles.js"));
+
 var _theme = _interopRequireDefault(require("./theme.js"));
 
 var _dec, _class, _class2, _temp;
 
-var styles = {
-  componentId: 'DyOOn',
-  template: function template(theme) {
-    return "\n\n.DyOOn_dIMK{border-bottom:".concat(theme.bankRowBorderWidth || 'inherit', " solid ").concat(theme.bankRowBorderColor || 'inherit', ";display:flex;flex-direction:row}\n\n.DyOOn_Zupb{flex:1;margin:").concat(theme.bankInfoMargin || 'inherit', " 0}\n\n.DyOOn_qnWp{font-size:").concat(theme.bankTitleFontSize || 'inherit', ";padding-bottom:").concat(theme.bankTitlePadding || 'inherit', "}\n\n.DyOOn_ciks{color:").concat(theme.bankDetailsColor || 'inherit', ";font-size:").concat(theme.bankDetailsFontSize || 'inherit', "}\n\n.DyOOn_cCNg{align-items:center;display:flex;flex-direction:row}\n\n.DyOOn_bISW{font-size:").concat(theme.BankOptionIconFontSize || 'inherit', ";margin-right:").concat(theme.BankOptionIconMargin || 'inherit', ";vertical-align:middle}\n\n.DyOOn_AHIw{display:block}\n\n.DyOOn_eTBd{margin-bottom:").concat(theme.deletePrefaceMargin || 'inherit', "}\n\n.DyOOn_fXqC{display:flex;justify-content:space-between}");
-  },
-  'bankRow': 'DyOOn_dIMK',
-  'bankInfo': 'DyOOn_Zupb',
-  'bankTitle': 'DyOOn_qnWp',
-  'bankDetails': 'DyOOn_ciks',
-  'bankOptions': 'DyOOn_cCNg',
-  'bankOptionIcon': 'DyOOn_bISW',
-  'deleteAlert': 'DyOOn_AHIw',
-  'deletePreface': 'DyOOn_eTBd',
-  'rowHeader': 'DyOOn_fXqC'
-};
-
-var _ref4 = /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, null);
+var _ref4 = (0, _emotion.jsx)(_uiTable.Table.Cell, null);
 
-var _ref5 = /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, null);
+var _ref5 = (0, _emotion.jsx)(_uiTable.Table.Cell, null);
 
-var _ref6 = /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, null);
+var _ref6 = (0, _emotion.jsx)(_uiTable.Table.Cell, null);
 
-var _ref7 = /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, null);
+var _ref7 = (0, _emotion.jsx)(_uiTable.Table.Cell, null);
 
-var BanksList = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_withI18nSupport) {
+var BanksList = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_withI18nSupport) {
   (0, _inherits2.default)(BanksList, _withI18nSupport);
 
   var _super = (0, _createSuper2.default)(BanksList);
@@ -150,22 +136,22 @@ var BanksList = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
                 creatorFullName = resp && resp[0] && resp[0].fullName;
 
               case 7:
-                confirmBody = /*#__PURE__*/_react.default.createElement("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.', {
+                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.')), /*#__PURE__*/_react.default.createElement(_uiAlerts.Alert, {
+                }) : (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"
-                }, /*#__PURE__*/_react.default.createElement("div", {
-                  className: styles.deleteAlert
-                }, /*#__PURE__*/_react.default.createElement("div", {
-                  className: styles.deletePreface
-                }, (0, _formatMessage.default)('Once deleted, items from this bank:')), /*#__PURE__*/_react.default.createElement(_uiList.List, null, /*#__PURE__*/_react.default.createElement(_uiList.List.Item, null, (0, _formatMessage.default)('will no longer be accessible to others who currently have shared access')), /*#__PURE__*/_react.default.createElement(_uiList.List.Item, null, _formatMessage.default.rich('will <0>NOT</0> be removed from any assessments', [function (_ref2) {
+                }, (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 /*#__PURE__*/_react.default.createElement(_uiText.Text, {
+                  return (0, _emotion.jsx)(_uiText.Text, {
                     weight: "bold",
                     key: "0"
                   }, children);
-                }])), /*#__PURE__*/_react.default.createElement(_uiList.List.Item, null, (0, _formatMessage.default)('will lose their statistical link in reporting (if they were part of an assessment)')), /*#__PURE__*/_react.default.createElement(_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)'))))));
+                }])), (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,
@@ -280,35 +266,35 @@ var BanksList = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
       };
 
       if (bank.status === 'copying') {
-        return /*#__PURE__*/_react.default.createElement("div", {
-          className: styles.bankInfo,
+        return (0, _emotion.jsx)("div", {
+          css: _this.props.styles.bankInfo,
           "data-automation": "sdk-bank-info",
           tabIndex: "-1"
-        }, /*#__PURE__*/_react.default.createElement("div", {
-          className: styles.bankTitle
-        }, /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
+        }, (0, _emotion.jsx)("div", {
+          css: _this.props.styles.bankTitle
+        }, (0, _emotion.jsx)(_uiHeading.Heading, {
           as: "h2",
           level: "reset",
           "data-automation": "sdk-banks-list-bank-title-heading"
-        }, bank.title)), /*#__PURE__*/_react.default.createElement("div", {
-          className: styles.bankDetails,
+        }, bank.title)), (0, _emotion.jsx)("div", {
+          css: _this.props.styles.bankDetails,
           "data-automation": "sdk-banks-list-bank-details"
         }, (0, _formatMessage.default)('Currently duplicating')));
       } else {
-        return /*#__PURE__*/_react.default.createElement("div", {
-          className: styles.bankInfo,
+        return (0, _emotion.jsx)("div", {
+          css: _this.props.styles.bankInfo,
           "data-automation": "sdk-bank-info",
           tabIndex: "-1"
-        }, /*#__PURE__*/_react.default.createElement("div", {
-          className: styles.bankTitle
-        }, /*#__PURE__*/_react.default.createElement(_uiLink.Link, {
+        }, (0, _emotion.jsx)("div", {
+          css: _this.props.styles.bankTitle
+        }, (0, _emotion.jsx)(_uiLink.Link, {
           onClick: navigateToBank(bank.id),
           themeOverride: {
-            color: _this.theme.bankTitleLinkColor,
-            hoverColor: _this.theme.bankTitleLinkHoverColor
+            color: _this.props.styles.bankTitleLinkColor,
+            hoverColor: _this.props.styles.bankTitleLinkHoverColor
           },
           "data-automation": "sdk-banks-list-bank-title-link"
-        }, /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
+        }, (0, _emotion.jsx)(_uiHeading.Heading, {
           as: "h2",
           level: "reset",
           "data-automation": "sdk-banks-list-bank-title-heading"
@@ -317,7 +303,7 @@ var BanksList = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
     };
 
     _this.renderBankOptions = function (bank) {
-      var bankEditOptions = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_uiButtons.IconButton, {
+      var bankEditOptions = (0, _emotion.jsx)(_react.default.Fragment, null, (0, _emotion.jsx)(_uiButtons.IconButton, {
         onClick: _this.openModal(bank),
         name: "Edit",
         size: "small",
@@ -331,7 +317,7 @@ var BanksList = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
         screenReaderLabel: (0, _formatMessage.default)('Edit bank {name}', {
           name: bank.title
         })
-      }), /*#__PURE__*/_react.default.createElement(_uiButtons.IconButton, {
+      }), (0, _emotion.jsx)(_uiButtons.IconButton, {
         onClick: _this.openDeleteBankModal(bank),
         name: "Delete",
         size: "small",
@@ -346,8 +332,7 @@ var BanksList = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
           name: bank.title
         })
       }));
-
-      var duplicateBankOption = /*#__PURE__*/_react.default.createElement(_uiButtons.IconButton, {
+      var duplicateBankOption = (0, _emotion.jsx)(_uiButtons.IconButton, {
         onClick: _this.openDuplicateBankModal(bank),
         name: "Duplicate",
         size: "small",
@@ -363,19 +348,19 @@ var BanksList = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
       });
 
       if (bank.status === 'copying') {
-        return /*#__PURE__*/_react.default.createElement("div", {
-          className: styles.bankOptions
-        }, (0, _formatMessage.default)('Duplicating'), /*#__PURE__*/_react.default.createElement(_uiSpinner.Spinner, {
+        return (0, _emotion.jsx)("div", {
+          css: _this.props.styles.bankOptions
+        }, (0, _formatMessage.default)('Duplicating'), (0, _emotion.jsx)(_uiSpinner.Spinner, {
           renderTitle: (0, _formatMessage.default)('Loading'),
           size: "x-small",
           margin: "0 0 0 small"
         }));
       } else {
-        return /*#__PURE__*/_react.default.createElement("div", {
-          className: styles.bankOptions
-        }, _this.props.duplicateItemBanks ? duplicateBankOption : null, /*#__PURE__*/_react.default.createElement(_index.default, {
+        return (0, _emotion.jsx)("div", {
+          css: _this.props.styles.bankOptions
+        }, _this.props.duplicateItemBanks ? duplicateBankOption : null, (0, _emotion.jsx)(_index.default, {
           name: "item_bank_sharing"
-        }, /*#__PURE__*/_react.default.createElement(_uiButtons.IconButton, {
+        }, (0, _emotion.jsx)(_uiButtons.IconButton, {
           onClick: _this.openSharingModal(bank),
           name: "Share",
           size: "small",
@@ -394,11 +379,11 @@ var BanksList = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
     };
 
     _this.renderBank = function (bank) {
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return (0, _emotion.jsx)("div", {
         key: bank.id,
-        className: styles.bankRow,
+        css: _this.props.styles.bankRow,
         "data-automation": "sdk-banks-list-bank-row"
-      }, /*#__PURE__*/_react.default.createElement(_index2.default, {
+      }, (0, _emotion.jsx)(_index2.default, {
         workingBank: bank.getWorkingInstance()
       }), _this.renderBankInfo(bank), _this.renderBankOptions(bank));
     };
@@ -427,24 +412,22 @@ var BanksList = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
     key: "renderDetails",
     value: function renderDetails(bank) {
       var separator = ' | ';
-
-      var lastUsedInfo = bank.lastUsed() && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_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 /*#__PURE__*/_react.default.createElement("div", {
-        className: styles.bankDetails,
+      return (0, _emotion.jsx)("div", {
+        css: this.props.styles.bankDetails,
         "data-automation": "sdk-banks-list-bank-details"
-      }, /*#__PURE__*/_react.default.createElement("div", null, (0, _formatMessage.default)('Updated { updatedDate }', {
+      }, (0, _emotion.jsx)("div", null, (0, _formatMessage.default)('Updated { updatedDate }', {
         updatedDate: this.formatDateMedium(bank.updatedAt())
-      }), /*#__PURE__*/_react.default.createElement(_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 /*#__PURE__*/_react.default.createElement(_index3.default, {
+      return (0, _emotion.jsx)(_index3.default, {
         appContainer: this.props.appContainer,
         bank: this.state.sharingModalBank,
         currentUser: this.props.currentUser,
@@ -467,9 +450,9 @@ var BanksList = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
       var _this3 = this;
 
       if (bank.status === 'copying') {
-        return /*#__PURE__*/_react.default.createElement(_uiTable.Table.RowHeader, null, /*#__PURE__*/_react.default.createElement("div", {
-          className: styles.rowHeader
-        }, /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
+        return (0, _emotion.jsx)(_uiTable.Table.RowHeader, null, (0, _emotion.jsx)("div", {
+          css: this.props.styles.rowHeader
+        }, (0, _emotion.jsx)(_uiHeading.Heading, {
           as: "h2",
           level: "reset",
           "data-automation": "sdk-banks-list-bank-title-heading"
@@ -481,15 +464,15 @@ var BanksList = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
           };
         };
 
-        return /*#__PURE__*/_react.default.createElement(_uiTable.Table.RowHeader, null, /*#__PURE__*/_react.default.createElement("div", {
-          className: styles.rowHeader
-        }, /*#__PURE__*/_react.default.createElement(_index2.default, {
+        return (0, _emotion.jsx)(_uiTable.Table.RowHeader, null, (0, _emotion.jsx)("div", {
+          css: this.props.styles.rowHeader
+        }, (0, _emotion.jsx)(_index2.default, {
           workingBank: bank.getWorkingInstance()
-        }), /*#__PURE__*/_react.default.createElement(_uiLink.Link, {
+        }), (0, _emotion.jsx)(_uiLink.Link, {
           isWithinText: false,
           onClick: navigateToBank(bank.id),
           "data-automation": "sdk-banks-list-bank-title-link"
-        }, /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
+        }, (0, _emotion.jsx)(_uiHeading.Heading, {
           as: "h2",
           level: "reset",
           "data-automation": "sdk-banks-list-bank-title-heading"
@@ -500,15 +483,15 @@ var BanksList = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
     key: "renderTableRow",
     value: function renderTableRow(bank) {
       if (bank.status === 'copying') {
-        return /*#__PURE__*/_react.default.createElement(_uiTable.Table.Row, {
+        return (0, _emotion.jsx)(_uiTable.Table.Row, {
           key: bank.id
-        }, this.renderTableRowHeader(bank), _ref4, _ref5, _ref6, _ref7, !this.props.isCompact && /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, {
+        }, this.renderTableRowHeader(bank), _ref4, _ref5, _ref6, _ref7, !this.props.isCompact && (0, _emotion.jsx)(_uiTable.Table.Cell, {
           textAlign: "end"
         }, this.renderBankOptions(bank)));
       } else {
-        return /*#__PURE__*/_react.default.createElement(_uiTable.Table.Row, {
+        return (0, _emotion.jsx)(_uiTable.Table.Row, {
           key: bank.id
-        }, this.renderTableRowHeader(bank), /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, null, this.formatDateMedium(bank.updatedAt())), /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, null, bank.itemEntryCount), /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, null, bank.lastUsed() ? this.formatDateMedium(bank.lastUsed()) : ''), /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, null, this.formatDateMedium(bank.createdAt())), !this.props.isCompact && /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, {
+        }, this.renderTableRowHeader(bank), (0, _emotion.jsx)(_uiTable.Table.Cell, null, this.formatDateMedium(bank.updatedAt())), (0, _emotion.jsx)(_uiTable.Table.Cell, null, bank.itemEntryCount), (0, _emotion.jsx)(_uiTable.Table.Cell, null, bank.lastUsed() ? this.formatDateMedium(bank.lastUsed()) : ''), (0, _emotion.jsx)(_uiTable.Table.Cell, null, this.formatDateMedium(bank.createdAt())), !this.props.isCompact && (0, _emotion.jsx)(_uiTable.Table.Cell, {
           textAlign: "end"
         }, this.renderBankOptions(bank)));
       }
@@ -516,7 +499,7 @@ var BanksList = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
   }, {
     key: "renderTableSortHeader",
     value: function renderTableSortHeader(headerId, headerText) {
-      return /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {
+      return (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
         id: headerId,
         key: headerId,
         onRequestSort: this.props.onChangeSort(headerId, this.props.order),
@@ -528,26 +511,26 @@ var BanksList = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
     value: function renderTable() {
       var _this4 = this;
 
-      return /*#__PURE__*/_react.default.createElement(_uiTable.Table, {
+      return (0, _emotion.jsx)(_uiTable.Table, {
         margin: "small 0",
         caption: (0, _formatMessage.default)('Banks'),
         layout: this.props.isCompact ? 'stacked' : 'auto'
-      }, /*#__PURE__*/_react.default.createElement(_uiTable.Table.Head, {
+      }, (0, _emotion.jsx)(_uiTable.Table.Head, {
         renderSortLabel: (0, _formatMessage.default)('Sort By')
-      }, /*#__PURE__*/_react.default.createElement(_uiTable.Table.Row, null, this.renderTableSortHeader('name', (0, _formatMessage.default)('Bank')), this.renderTableSortHeader('updated_at', (0, _formatMessage.default)('Updated')), /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {
+      }, (0, _emotion.jsx)(_uiTable.Table.Row, null, this.renderTableSortHeader('name', (0, _formatMessage.default)('Bank')), 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 && /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {
+      }, (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, {
         id: "header-option-links",
         width: "1"
-      }, /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Bank option links'))))), /*#__PURE__*/_react.default.createElement(_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);
       })));
     }
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/_react.default.createElement("div", null, this.state.sharingModalBank && this.renderSharingModal(), this.props.itemBankSearchTableEnabled ? this.renderTable() : this.props.banks.toArray().map(this.renderBank));
+      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";
@@ -579,7 +562,9 @@ var BanksList = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
   openModal: _propTypes.default.func.isRequired,
   withConfirm: _propTypes.default.func.isRequired,
   locale: _propTypes.default.string,
-  timezone: _propTypes.default.string
+  timezone: _propTypes.default.string,
+  // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
+  styles: _propTypes.default.object
 }, _class2.defaultProps = {
   currentUser: null,
   getCourseInfo: null,

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

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var generateStyle = function generateStyle(componentTheme) {
+  return {
+    bankRow: {
+      display: 'flex',
+      flexDirection: 'row',
+      borderBottom: "".concat(componentTheme.bankRowBorderWidth, " solid ").concat(componentTheme.bankRowBorderColor)
+    },
+    bankInfo: {
+      margin: "".concat(componentTheme.bankInfoMargin, " 0"),
+      flex: 1
+    },
+    bankTitle: {
+      fontSize: componentTheme.bankTitleFontSize,
+      paddingBottom: componentTheme.bankTitlePadding
+    },
+    bankDetails: {
+      color: componentTheme.bankDetailsColor,
+      fontSize: componentTheme.bankDetailsFontSize
+    },
+    bankOptions: {
+      display: 'flex',
+      flexDirection: 'row',
+      alignItems: 'center'
+    },
+    bankOptionIcon: {
+      verticalAlign: 'middle',
+      marginRight: componentTheme.BankOptionIconMargin,
+      fontSize: componentTheme.BankOptionIconFontSize
+    },
+    bankTitleLinkColor: componentTheme.bankTitleLinkColor,
+    bankTitleLinkHoverColor: componentTheme.bankTitleLinkHoverColor,
+    deleteAlert: {
+      display: 'block'
+    },
+    deletePreface: {
+      marginBottom: componentTheme.deletePrefaceMargin
+    },
+    rowHeader: {
+      display: 'flex',
+      justifyContent: 'space-between'
+    }
+  };
+};
+
+var _default = generateStyle;
+exports.default = _default;

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = generator;
+exports.default = void 0;
 
-function generator(_ref) {
+var generateComponentTheme = function generateComponentTheme(_ref) {
   var borders = _ref.borders,
       colors = _ref.colors,
       typography = _ref.typography,
@@ -25,4 +25,7 @@ function generator(_ref) {
     BankOptionIconFontSize: typography.fontSizeMedium,
     deletePrefaceMargin: spacing.xxSmall
   };
-}
+};
+
+var _default = generateComponentTheme;
+exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/quiz-core",
-  "version": "20.1.0",
+  "version": "20.1.1-rc.1+dfa8657e9",
   "license": "MIT",
   "description": "The Quiz React SDK by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
@@ -44,11 +44,11 @@
     "@instructure/emotion": "^8.48.3",
     "@instructure/grading-utils": "^1.0.0",
     "@instructure/outcomes-ui": "^2.1.9",
-    "@instructure/quiz-common": "^20.1.0",
-    "@instructure/quiz-i18n": "^20.1.0",
-    "@instructure/quiz-interactions": "^20.1.0",
-    "@instructure/quiz-number-input": "^20.1.0",
-    "@instructure/quiz-rce": "^20.1.0",
+    "@instructure/quiz-common": "20.1.1-rc.1+dfa8657e9",
+    "@instructure/quiz-i18n": "20.1.1-rc.1+dfa8657e9",
+    "@instructure/quiz-interactions": "20.1.1-rc.1+dfa8657e9",
+    "@instructure/quiz-number-input": "20.1.1-rc.1+dfa8657e9",
+    "@instructure/quiz-rce": "20.1.1-rc.1+dfa8657e9",
     "@instructure/ui-a11y-content": "^8.48.3",
     "@instructure/ui-alerts": "^8.48.3",
     "@instructure/ui-avatar": "^8.48.3",
@@ -110,7 +110,7 @@
     "file-saver": "~2.0.5",
     "humps": "^2.0.0",
     "immutable": "^3.8.1",
-    "instructure-validations": "^20.1.0",
+    "instructure-validations": "20.1.1-rc.1+dfa8657e9",
     "ipaddr.js": "^1.5.4",
     "isomorphic-fetch": "^2.2.0",
     "isuuid": "^0.1.0",
@@ -142,7 +142,7 @@
     "uuid": "^3.2.1"
   },
   "devDependencies": {
-    "@instructure/quiz-scripts": "^20.1.0",
+    "@instructure/quiz-scripts": "20.1.0",
     "@instructure/ui-axe-check": "^8.48.3",
     "@instructure/ui-babel-preset": "^7.22.1",
     "@instructure/ui-karma-config": "^7.22.1",
@@ -162,7 +162,7 @@
     "intl": "^1.2.4",
     "jquery": "^2.2.3",
     "most-subject": "^5.3.0",
-    "quiz-presets": "^20.1.0",
+    "quiz-presets": "20.1.1-rc.1+dfa8657e9",
     "react": "^16.8.6",
     "react-addons-test-utils": "^15.6.2",
     "react-dom": "^16.8.6",
@@ -178,5 +178,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "e553a28b945c3b487559a09ed10e2a216701141e"
+  "gitHead": "dfa8657e9d584072efdc5c8a338583e495f5ce42"
 }