@instructure/quiz-core 20.17.3-rc.7 → 20.17.3-rc.9

package/es/common/components/layout/sidebar/Stimulus/Collection/presenter.js

@@ -1,8 +1,10 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-var _dec, _class, _Collection;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -11,29 +13,39 @@ import { IconArrowOpenDownLine, IconArrowOpenUpLine } from '@instructure/ui-icon
 import { Transition } from '@instructure/ui-motion';
 import { IconButton } from '@instructure/ui-buttons';
 import { withStyle, jsx } from '@instructure/emotion';
-import PositionSummary from '../../PositionSummary';
-import { DISPLAY_AS_SUMMARY_LIMIT } from '../presenter';
+import PositionSummary from "../../PositionSummary/index.js";
+import { DISPLAY_AS_SUMMARY_LIMIT } from "../presenter.js";
 import t from '@instructure/quiz-i18n/es/format-message';
-import generateStyle from './styles';
-import generateComponentTheme from './theme';
-export var Collection = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_Collection = /*#__PURE__*/function (_Component) {
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
+export var Collection = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(Collection, _Component);
+
+  var _super = _createSuper(Collection);
+
   function Collection() {
     var _this;
+
     _classCallCheck(this, Collection);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, Collection, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
     _this.handleSidebarHideItems = function () {
       _this.props.setSidebarStimulusIsShowing(_this.props.stimulusId, false);
     };
+
     _this.handleSidebarShowItems = function () {
       _this.props.setSidebarStimulusIsShowing(_this.props.stimulusId, true);
     };
+
     return _this;
   }
-  _inherits(Collection, _Component);
-  return _createClass(Collection, [{
+
+  _createClass(Collection, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.makeStyles();
@@ -50,18 +62,17 @@ export var Collection = (_dec = withStyle(generateStyle, generateComponentTheme)
     }
   }, {
     key: "renderItems",
-    value:
     // =============
     //   RENDERING
     // =============
-
-    function renderItems() {
+    value: function renderItems() {
       var _this2 = this;
+
       var _this$props = this.props,
-        firstPosition = _this$props.firstPosition,
-        isShowingItems = _this$props.isShowingItems,
-        itemCollection = _this$props.itemCollection,
-        sidebarOpen = _this$props.sidebarOpen;
+          firstPosition = _this$props.firstPosition,
+          isShowingItems = _this$props.isShowingItems,
+          itemCollection = _this$props.itemCollection,
+          sidebarOpen = _this$props.sidebarOpen;
       var nextDisplayPosition = firstPosition;
       var itemComponents = itemCollection.toArray().map(function (item, i) {
         var displayPosition = nextDisplayPosition;
@@ -90,9 +101,9 @@ export var Collection = (_dec = withStyle(generateStyle, generateComponentTheme)
     key: "renderItemSummaryOnClosedSidebar",
     value: function renderItemSummaryOnClosedSidebar() {
       var _this$props2 = this.props,
-        firstPosition = _this$props2.firstPosition,
-        itemCollection = _this$props2.itemCollection,
-        isShowingItems = _this$props2.isShowingItems;
+          firstPosition = _this$props2.firstPosition,
+          itemCollection = _this$props2.itemCollection,
+          isShowingItems = _this$props2.isShowingItems;
       var transitionType = !isShowingItems ? 'slide-up' : 'slide-down';
       return jsx(Transition, {
         in: !isShowingItems,
@@ -125,11 +136,16 @@ export var Collection = (_dec = withStyle(generateStyle, generateComponentTheme)
       }, this.renderItems()));
     }
   }]);
-}(Component), _Collection.propTypes = {
+
+  Collection.displayName = "Collection";
+  return Collection;
+}(Component), _class2.propTypes = {
   // Passed in by Sidebar
   firstPosition: PropTypes.number.isRequired,
+
   /* eslint-disable-next-line react/no-unused-prop-types */
   isOver: PropTypes.bool.isRequired,
+
   /* This is used for when the stimulus is being dragged in build */
   renderSidebarItem: PropTypes.func.isRequired,
   sidebarOpen: PropTypes.bool.isRequired,
@@ -140,7 +156,7 @@ export var Collection = (_dec = withStyle(generateStyle, generateComponentTheme)
   setSidebarStimulusIsShowing: PropTypes.func.isRequired,
   styles: PropTypes.object,
   makeStyles: PropTypes.func
-}, _Collection.defaultProps = {
+}, _class2.defaultProps = {
   isShowingItems: false
-}, _Collection)) || _class);
+}, _temp)) || _class);
 export default Collection;

package/es/common/components/layout/sidebar/Stimulus/Collection/styles.js

@@ -1,5 +1,6 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import { DISPLAY_AS_SUMMARY_LIMIT } from '../presenter';
+import { DISPLAY_AS_SUMMARY_LIMIT } from "../presenter.js";
+
 var generateStyle = function generateStyle(componentTheme, props) {
   var shouldDisplayAllItems = props.itemCollection.size <= DISPLAY_AS_SUMMARY_LIMIT;
   var shouldDisplayAsColumn = props.isShowingItems && !shouldDisplayAllItems && !props.sidebarOpen;
@@ -43,4 +44,5 @@ var generateStyle = function generateStyle(componentTheme, props) {
     }, isSummaryHidden && hiddenStyles)
   };
 };
+
 export default generateStyle;

package/es/common/components/layout/sidebar/Stimulus/Collection/theme.js

@@ -1,11 +1,12 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors,
-    spacing = _ref.spacing,
-    borders = _ref.borders;
+      spacing = _ref.spacing,
+      borders = _ref.borders;
   return {
     columnPadding: spacing.xSmall,
     sidebarIsOpenBottomBorderColor: colors.slate,
     sidebarIsOpenBottomBorderWidth: borders.widthSmall
   };
 };
+
 export default generateComponentTheme;

package/es/common/components/layout/sidebar/Stimulus/Summary/index.js

@@ -1,6 +1,6 @@
-import { connect } from '../../../../../react-redux';
-import { setSidebarStimulusIsShowing } from '../../../../../actions/sidebar';
-import Summary from './presenter';
+import { connect } from "../../../../../react-redux.js";
+import { setSidebarStimulusIsShowing } from "../../../../../actions/sidebar.js";
+import Summary from "./presenter.js";
 export default connect(null, {
   setSidebarStimulusIsShowing: setSidebarStimulusIsShowing
 })(Summary);

package/es/common/components/layout/sidebar/Stimulus/Summary/presenter.js

@@ -1,47 +1,61 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-var _dec, _class, _Summary;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Text } from '@instructure/ui-text';
 import { withStyle, jsx } from '@instructure/emotion';
-import { DISPLAY_AS_SUMMARY_LIMIT } from '../presenter';
-import generateStyle from './styles';
-import generateComponentTheme from './theme';
+import { DISPLAY_AS_SUMMARY_LIMIT } from "../presenter.js";
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
 import t from '@instructure/quiz-i18n/es/format-message';
-export var Summary = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_Summary = /*#__PURE__*/function (_Component) {
+export var Summary = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(Summary, _Component);
+
+  var _super = _createSuper(Summary);
+
   function Summary() {
     var _this;
+
     _classCallCheck(this, Summary);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, Summary, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
     _this.handleShowItems = function () {
       if (_this.props.isDragging) {
         return;
       }
+
       _this.props.setSidebarStimulusIsShowing(_this.props.stimulusId, !_this.props.isShowingItems);
     };
+
     _this.handleKeyDown = function (event) {
       if (event.keyCode === 13 || event.keyCode === 32) {
         // enter or space pressed
         _this.handleShowItems();
       }
     };
+
     return _this;
   }
-  _inherits(Summary, _Component);
-  return _createClass(Summary, [{
+
+  _createClass(Summary, [{
     key: "getCountText",
     value: function getCountText() {
       var _this$props = this.props,
-        isDragging = _this$props.isDragging,
-        startPosition = _this$props.startPosition,
-        numberOfItems = _this$props.numberOfItems;
+          isDragging = _this$props.isDragging,
+          startPosition = _this$props.startPosition,
+          numberOfItems = _this$props.numberOfItems;
+
       if (isDragging) {
         if (numberOfItems > 1) {
           return t('Questions {first, number} - {second, number} Included', {
@@ -49,30 +63,33 @@ export var Summary = (_dec = withStyle(generateStyle, generateComponentTheme), _
             second: startPosition + numberOfItems - 1
           });
         }
+
         return t('Question {first, number} Included', {
           first: startPosition
         });
       }
+
       if (numberOfItems > 1) {
         return t('Questions {first, number} - {second, number}', {
           first: startPosition,
           second: startPosition + numberOfItems - 1
         });
       }
+
       return t('Question {first, number}', {
         first: startPosition
       });
-    }
-
-    // =============
+    } // =============
     //   RENDERING
     // =============
+
   }, {
     key: "renderEndSectionContent",
     value: function renderEndSectionContent() {
       var _this$props2 = this.props,
-        isDragging = _this$props2.isDragging,
-        isShowingItems = _this$props2.isShowingItems;
+          isDragging = _this$props2.isDragging,
+          isShowingItems = _this$props2.isShowingItems;
+
       if (!isDragging) {
         return jsx(Text, {
           size: "small",
@@ -84,9 +101,11 @@ export var Summary = (_dec = withStyle(generateStyle, generateComponentTheme), _
     key: "render",
     value: function render() {
       var isDragging = this.props.isDragging;
+
       if (!isDragging && this.props.numberOfItems <= DISPLAY_AS_SUMMARY_LIMIT) {
         return null;
       }
+
       var id = "stimulus-summary-content-".concat(this.props.stimulusId);
       return jsx("div", {
         role: "button",
@@ -114,9 +133,13 @@ export var Summary = (_dec = withStyle(generateStyle, generateComponentTheme), _
       }, this.renderEndSectionContent())));
     }
   }]);
-}(Component), _Summary.propTypes = {
+
+  Summary.displayName = "Summary";
+  return Summary;
+}(Component), _class2.propTypes = {
   // Passed in by parent
   startPosition: PropTypes.number.isRequired,
+
   /* This is used for when the stimulus is being dragged in build */
   isDragging: PropTypes.bool,
   numberOfItems: PropTypes.number.isRequired,
@@ -125,8 +148,8 @@ export var Summary = (_dec = withStyle(generateStyle, generateComponentTheme), _
   // from connected component
   setSidebarStimulusIsShowing: PropTypes.func.isRequired,
   styles: PropTypes.object
-}, _Summary.defaultProps = {
+}, _class2.defaultProps = {
   isDragging: false,
   isShowingItems: false
-}, _Summary)) || _class);
+}, _temp)) || _class);
 export default Summary;

package/es/common/components/layout/sidebar/Stimulus/Summary/styles.js

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

package/es/common/components/layout/sidebar/Stimulus/Summary/theme.js

@@ -1,7 +1,7 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors,
-    spacing = _ref.spacing,
-    borders = _ref.borders;
+      spacing = _ref.spacing,
+      borders = _ref.borders;
   return {
     itemContainerColor: colors.licorice,
     itemContainerPadding: spacing.xSmall,
@@ -11,4 +11,5 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     summaryMarginLeft: spacing.medium
   };
 };
+
 export default generateComponentTheme;

package/es/common/components/layout/sidebar/Stimulus/Title/index.js

@@ -1,8 +1,10 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-var _dec, _class, _Title;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -10,15 +12,20 @@ import { AccessibleContent } from '@instructure/ui-a11y-content';
 import { Tooltip } from '@instructure/ui-tooltip';
 import { Text } from '@instructure/ui-text';
 import { withStyle, jsx } from '@instructure/emotion';
-import generateStyle from './styles';
+import generateStyle from "./styles.js";
 var DISPLAY_TOOLTIP_LIMIT = 80;
-export var Title = (_dec = withStyle(generateStyle, null), _dec(_class = (_Title = /*#__PURE__*/function (_Component) {
+export var Title = (_dec = withStyle(generateStyle, null), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(Title, _Component);
+
+  var _super = _createSuper(Title);
+
   function Title() {
     _classCallCheck(this, Title);
-    return _callSuper(this, Title, arguments);
+
+    return _super.apply(this, arguments);
   }
-  _inherits(Title, _Component);
-  return _createClass(Title, [{
+
+  _createClass(Title, [{
     key: "renderTitle",
     value: function renderTitle() {
       var title = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this.props.title;
@@ -31,9 +38,8 @@ export var Title = (_dec = withStyle(generateStyle, null), _dec(_class = (_Title
   }, {
     key: "render",
     value: function render() {
-      var title = this.props.title;
+      var title = this.props.title; // Shorten title if necessary
 
-      // Shorten title if necessary
       if (title.length > DISPLAY_TOOLTIP_LIMIT) {
         var truncatedTitle = "".concat(title.substring(0, DISPLAY_TOOLTIP_LIMIT), "...");
         return jsx(AccessibleContent, {
@@ -43,11 +49,15 @@ export var Title = (_dec = withStyle(generateStyle, null), _dec(_class = (_Title
           color: "primary"
         }, this.renderTitle(truncatedTitle)));
       }
+
       return this.renderTitle();
     }
   }]);
-}(Component), _Title.propTypes = {
+
+  Title.displayName = "Title";
+  return Title;
+}(Component), _class2.propTypes = {
   title: PropTypes.string.isRequired,
   styles: PropTypes.object
-}, _Title)) || _class);
+}, _temp)) || _class);
 export default Title;

package/es/common/components/layout/sidebar/Stimulus/Title/styles.js

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

package/es/common/components/layout/sidebar/Stimulus/index.js

@@ -1,10 +1,12 @@
 import { bindActionCreators } from 'redux';
-import { connect } from '../../../../react-redux';
-import { SidebarStimulus } from './presenter';
-import { scrollToItem as scrollToItemAction } from '../../../../actions/scrolling';
+import { connect } from "../../../../react-redux.js";
+import { SidebarStimulus } from "./presenter.js";
+import { scrollToItem as scrollToItemAction } from "../../../../actions/scrolling.js";
+
 function getStimulus(parent) {
   return parent.entryType === 'BankEntry' ? parent.getEntry().getEntry() : parent.getEntry();
 }
+
 export var mapDispatchToProps = function mapDispatchToProps(dispatch, props) {
   return {
     childEntries: props.stimulusParent.getNestedEntries(),

package/es/common/components/layout/sidebar/Stimulus/presenter.js

@@ -1,8 +1,10 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-var _dec, _class, _SidebarStimulus, _IconTextLeftLine;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -12,32 +14,48 @@ import { withStyle, jsx } from '@instructure/emotion';
 import { Link } from '@instructure/ui-link';
 import { Flex } from '@instructure/ui-flex';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
-import Collection from './Collection';
-import Title from './Title';
-import Summary from './Summary';
-import generateStyle from './styles';
-import generateComponentTheme from './theme';
+import Collection from "./Collection/index.js";
+import Title from "./Title/index.js";
+import Summary from "./Summary/index.js";
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
 import t from '@instructure/quiz-i18n/es/format-message';
 export var DISPLAY_AS_SUMMARY_LIMIT = 5;
-export var SidebarStimulus = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_SidebarStimulus = /*#__PURE__*/function (_Component) {
+
+var _ref = jsx(IconTextLeftLine, {
+  color: "primary"
+});
+
+export var SidebarStimulus = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(SidebarStimulus, _Component);
+
+  var _super = _createSuper(SidebarStimulus);
+
   function SidebarStimulus() {
     var _this;
+
     _classCallCheck(this, SidebarStimulus);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, SidebarStimulus, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
     _this.scrollToItem = function (e) {
       e.preventDefault(); // prevent default link navigation
       // this can be a real scroll or a oqaat change
       // depending on whether is is oqaat or not
+
       _this.props.scrollToItem(_this.props.stimulusParent.id);
+
       e.stopPropagation();
     };
+
     return _this;
   }
-  _inherits(SidebarStimulus, _Component);
-  return _createClass(SidebarStimulus, [{
+
+  _createClass(SidebarStimulus, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.makeStyles();
@@ -53,12 +71,13 @@ export var SidebarStimulus = (_dec = withStyle(generateStyle, generateComponentT
       if (this.props.isDragging) {
         return;
       }
+
       var _this$props = this.props,
-        displayPosition = _this$props.displayPosition,
-        isOver = _this$props.isOver,
-        isShowingItems = _this$props.isShowingItems,
-        renderSidebarItem = _this$props.renderSidebarItem,
-        sidebarOpen = _this$props.sidebarOpen;
+          displayPosition = _this$props.displayPosition,
+          isOver = _this$props.isOver,
+          isShowingItems = _this$props.isShowingItems,
+          renderSidebarItem = _this$props.renderSidebarItem,
+          sidebarOpen = _this$props.sidebarOpen;
       return jsx(Collection, {
         firstPosition: displayPosition,
         isOver: isOver,
@@ -78,9 +97,7 @@ export var SidebarStimulus = (_dec = withStyle(generateStyle, generateComponentT
         margin: "small",
         forceButtonRole: false,
         onClick: this.scrollToItem,
-        renderIcon: _IconTextLeftLine || (_IconTextLeftLine = jsx(IconTextLeftLine, {
-          color: "primary"
-        }))
+        renderIcon: _ref
       }, jsx(ScreenReaderContent, null, t('Navigate to stimulus at position { displayPosition }', {
         displayPosition: displayPosition
       })));
@@ -98,12 +115,12 @@ export var SidebarStimulus = (_dec = withStyle(generateStyle, generateComponentT
     key: "renderOpen",
     value: function renderOpen() {
       var _this$props2 = this.props,
-        children = _this$props2.children,
-        displayPosition = _this$props2.displayPosition,
-        isDragging = _this$props2.isDragging,
-        isShowingItems = _this$props2.isShowingItems,
-        sidebarOpen = _this$props2.sidebarOpen,
-        stimulus = _this$props2.stimulus;
+          children = _this$props2.children,
+          displayPosition = _this$props2.displayPosition,
+          isDragging = _this$props2.isDragging,
+          isShowingItems = _this$props2.isShowingItems,
+          sidebarOpen = _this$props2.sidebarOpen,
+          stimulus = _this$props2.stimulus;
       return jsx("div", {
         css: this.props.styles.sidebarItem
       }, jsx("div", {
@@ -136,11 +153,15 @@ export var SidebarStimulus = (_dec = withStyle(generateStyle, generateComponentT
       return this.props.sidebarOpen ? this.renderOpen() : this.renderClosed();
     }
   }]);
-}(Component), _SidebarStimulus.propTypes = {
+
+  SidebarStimulus.displayName = "SidebarStimulus";
+  return SidebarStimulus;
+}(Component), _class2.propTypes = {
   childEntries: ImmutablePropTypes.listOf(ImmutablePropTypes.record).isRequired,
   // Passed in by Sidebar
   children: PropTypes.element,
   displayPosition: PropTypes.number.isRequired,
+
   /* This is used for when the stimulus is being dragged in build */
   isDragging: PropTypes.bool,
   isOver: PropTypes.bool,
@@ -152,10 +173,10 @@ export var SidebarStimulus = (_dec = withStyle(generateStyle, generateComponentT
   stimulusParent: ImmutablePropTypes.record.isRequired,
   styles: PropTypes.object,
   makeStyles: PropTypes.func
-}, _SidebarStimulus.defaultProps = {
+}, _class2.defaultProps = {
   children: null,
   isDragging: false,
   isOver: false,
   isShowingItems: false
-}, _SidebarStimulus)) || _class);
+}, _temp)) || _class);
 export default SidebarStimulus;

package/es/common/components/layout/sidebar/Stimulus/styles.js

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

package/es/common/components/layout/sidebar/Stimulus/theme.js

@@ -1,8 +1,8 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors,
-    spacing = _ref.spacing,
-    borders = _ref.borders,
-    typography = _ref.typography;
+      spacing = _ref.spacing,
+      borders = _ref.borders,
+      typography = _ref.typography;
   return {
     borderColor: colors.white,
     hoverBorderColor: colors.electric,
@@ -17,4 +17,5 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     sidebarIsOpenInfoHeaderColor: colors.ash
   };
 };
+
 export default generateComponentTheme;

package/es/common/components/resources/BankSelection/index.js

@@ -1,9 +1,9 @@
 import { List } from 'immutable';
-import { connect } from '../../../react-redux';
-import { getAllBanks } from '../../../../banks/api/banks';
-import BankSelection from './presenter';
-import Bank from '../../../records/Bank';
-import { set } from '../../../actions/ui';
+import { connect } from "../../../react-redux.js";
+import { getAllBanks } from "../../../../banks/api/banks.js";
+import BankSelection from "./presenter.js";
+import Bank from "../../../records/Bank.js";
+import { set } from "../../../actions/ui.js";
 import { SELECT_BANKS_OPTIONS } from '@instructure/quiz-common';
 export function mapStateToProps(state, props) {
   var banks = state.getIn(['ui', SELECT_BANKS_OPTIONS], List()).map(function (bankId) {