@instructure/quiz-core 20.17.3-rc.6 → 20.17.3-rc.8

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

@@ -1,16 +1,17 @@
 import { bindActionCreators } from 'redux';
 import { Map } from 'immutable';
-import { connect } from '../../../common/react-redux';
-import { createBank } from '../../api/banks';
-import CreateBankModal from './presenter';
-import * as modalActions from '../../../common/actions/modal';
+import { connect } from "../../../common/react-redux.js";
+import { createBank } from "../../api/banks.js";
+import CreateBankModal from "./presenter.js";
+import * as modalActions from "../../../common/actions/modal.js";
 import { CREATE_BANK_MODAL, TEMPORARY_BANK_ID } from '@instructure/quiz-common';
-import { changeBank, clearModifications } from '../../../common/actions/modifications';
-import Bank from '../../../common/records/Bank';
-import { showError, hideError } from '../../../common/actions/errorsShowing';
-import { getModalTrigger } from '../../../common/util/modalHelpers';
-import { screenreaderNotification } from '../../../common/actions/alerts';
-import { featureOn } from '../../../common/util/featureCheck';
+import { changeBank, clearModifications } from "../../../common/actions/modifications.js";
+import Bank from "../../../common/records/Bank.js";
+import { showError, hideError } from "../../../common/actions/errorsShowing.js";
+import { getModalTrigger } from "../../../common/util/modalHelpers.js";
+import { screenreaderNotification } from "../../../common/actions/alerts.js";
+import { featureOn } from "../../../common/util/featureCheck.js";
+
 function mapStateToProps(state) {
   var temporaryBank = new Bank(state.getIn(['modifications', 'banks', TEMPORARY_BANK_ID]));
   var errorsMap = state.get('errorsShowing', Map());
@@ -25,6 +26,7 @@ function mapStateToProps(state) {
     showShareBankOnCreate: featureOn('share_bank_on_create')
   };
 }
+
 var mapDispatchToProps = function mapDispatchToProps(dispatch) {
   return {
     createBank: bindActionCreators(createBank, dispatch),
@@ -36,4 +38,5 @@ var mapDispatchToProps = function mapDispatchToProps(dispatch) {
     screenreaderNotification: bindActionCreators(screenreaderNotification, dispatch)
   };
 };
+
 export default connect(mapStateToProps, mapDispatchToProps)(CreateBankModal);

package/es/banks/components/CreateBankModal/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, _CreateBankModal;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -13,64 +15,86 @@ import { TextInput } from '@instructure/ui-text-input';
 import { Heading } from '@instructure/ui-heading';
 import { withStyle, jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
-import Bank from '../../../common/records/Bank';
-import { toErrors } from '../../../common/util/instUIMessages';
+import Bank from "../../../common/records/Bank.js";
+import { toErrors } from "../../../common/util/instUIMessages.js";
 import { Modal, ModalHeader, ModalBody, ModalFooter, XSMALL_SIDE_MARGIN } from '@instructure/quiz-common';
-import generateStyle from './styles';
-import generateComponentTheme from './theme';
-export var CreateBankModal = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_CreateBankModal = /*#__PURE__*/function (_Component) {
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
+export var CreateBankModal = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(CreateBankModal, _Component);
+
+  var _super = _createSuper(CreateBankModal);
+
   function CreateBankModal() {
     var _this;
+
     _classCallCheck(this, CreateBankModal);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, CreateBankModal, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
     _this.state = {
       shareWithCourse: false
     };
+
     _this.continueAction = function () {
       _this.props.showError(_this.props.errorKey);
+
       if (_this.props.temporaryBank.isValid()) {
         var courseUuid = _this.state.shareWithCourse ? _this.props.itemBanksScope.uuid : null;
+
         _this.props.createBank(_this.props.temporaryBank, courseUuid);
+
         _this.props.onCreateBank();
+
         _this.closeAction();
       } else {
         _this.props.screenreaderNotification(t('Bank name cannot be blank.'));
       }
     };
+
     _this.closeAction = function () {
       _this.props.hideError(_this.props.errorKey);
+
       _this.setState({
         shareWithCourse: false
       });
+
       _this.props.clearModifications('banks', _this.props.temporaryBank.id);
+
       if (_this.props.modalTrigger) {
         _this.props.modalTrigger.focus();
       }
+
       _this.props.closeModal();
     };
+
     _this.onNameChange = function (e) {
       _this.props.showError(_this.props.errorKey);
+
       _this.props.changeBank(_this.props.temporaryBank.id, {
         title: e.target.value
       });
     };
+
     _this.getErrors = function () {
       if (_this.props.displayError) {
         return toErrors(_this.props.temporaryBank.errorsFor('title').toJS());
       }
     };
+
     _this.toggleCheckbox = function (event) {
       _this.setState({
         shareWithCourse: event.target.checked
       });
     };
+
     return _this;
   }
-  _inherits(CreateBankModal, _Component);
-  return _createClass(CreateBankModal, [{
+
+  _createClass(CreateBankModal, [{
     key: "cancelButton",
     value: function cancelButton() {
       return jsx(Button, {
@@ -109,9 +133,11 @@ export var CreateBankModal = (_dec = withStyle(generateStyle, generateComponentT
     key: "renderCheckbox",
     value: function renderCheckbox() {
       var hide = !this.props.showShareBankOnCreate || this.props.itemBanksScope.type !== 'course' || !this.props.itemBanksScope.title || !this.props.itemBanksScope.uuid;
+
       if (hide) {
         return null;
       }
+
       var label = t('Share with { courseName }', {
         courseName: this.props.itemBanksScope.title
       });
@@ -144,7 +170,10 @@ export var CreateBankModal = (_dec = withStyle(generateStyle, generateComponentT
       })), jsx(ModalBody, null, this.renderContent()), jsx(ModalFooter, null, this.cancelButton(), this.createBankButton()));
     }
   }]);
-}(Component), _CreateBankModal.propTypes = {
+
+  CreateBankModal.displayName = "CreateBankModal";
+  return CreateBankModal;
+}(Component), _class2.propTypes = {
   modalOpen: PropTypes.bool.isRequired,
   modalTrigger: PropTypes.instanceOf(Component),
   temporaryBank: PropTypes.instanceOf(Bank).isRequired,
@@ -168,11 +197,11 @@ export var CreateBankModal = (_dec = withStyle(generateStyle, generateComponentT
   }),
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: PropTypes.object
-}, _CreateBankModal.defaultProps = {
+}, _class2.defaultProps = {
   displayError: false,
   modalTrigger: null,
   showShareBankOnCreate: false,
   itemBanksScope: {},
   onCreateBank: function onCreateBank() {}
-}, _CreateBankModal)) || _class);
+}, _temp)) || _class);
 export default CreateBankModal;

package/es/banks/components/CreateBankModal/styles.js

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

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

@@ -1,10 +1,11 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var typography = _ref.typography,
-    spacing = _ref.spacing;
+      spacing = _ref.spacing;
   return {
     bankNameInputFontSize: typography.fontSizeMedium,
     bankNamePadding: spacing.xSmall,
     bankNameLabelPadding: spacing.xSmall
   };
 };
+
 export default generateComponentTheme;

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

@@ -1,13 +1,14 @@
 import { bindActionCreators } from 'redux';
 import { Map } from 'immutable';
-import { connect } from '../../../common/react-redux';
-import { updateBank } from '../../api/banks';
-import EditBankModal from './presenter';
-import * as modalActions from '../../../common/actions/modal';
+import { connect } from "../../../common/react-redux.js";
+import { updateBank } from "../../api/banks.js";
+import EditBankModal from "./presenter.js";
+import * as modalActions from "../../../common/actions/modal.js";
 import { EDIT_BANK_MODAL } from '@instructure/quiz-common';
-import { changeBank, clearModifications } from '../../../common/actions/modifications';
-import { showError, hideError } from '../../../common/actions/errorsShowing';
-import { getModalTrigger } from '../../../common/util/modalHelpers';
+import { changeBank, clearModifications } from "../../../common/actions/modifications.js";
+import { showError, hideError } from "../../../common/actions/errorsShowing.js";
+import { getModalTrigger } from "../../../common/util/modalHelpers.js";
+
 function mapStateToProps(state, props) {
   var errorsMap = state.get('errorsShowing', Map());
   var errorKey = "".concat(props.workingBank.id, "_edit_bank");
@@ -18,6 +19,7 @@ function mapStateToProps(state, props) {
     displayError: errorsMap.get(errorKey)
   };
 }
+
 var mapDispatchToProps = function mapDispatchToProps(dispatch) {
   return {
     updateBank: bindActionCreators(updateBank, dispatch),
@@ -28,4 +30,5 @@ var mapDispatchToProps = function mapDispatchToProps(dispatch) {
     closeModal: bindActionCreators(modalActions.closeModal, dispatch)
   };
 };
+
 export default connect(mapStateToProps, mapDispatchToProps)(EditBankModal);

package/es/banks/components/EditBankModal/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, _EditBankModal;
+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,49 +13,67 @@ import { TextInput } from '@instructure/ui-text-input';
 import { Heading } from '@instructure/ui-heading';
 import { withStyle, jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
-import { toErrors } from '../../../common/util/instUIMessages';
+import { toErrors } from "../../../common/util/instUIMessages.js";
 import { Modal, ModalHeader, ModalBody, ModalFooter, XSMALL_SIDE_MARGIN } from '@instructure/quiz-common';
-import Bank from '../../../common/records/Bank';
-import generateStyle from './styles';
-import generateComponentTheme from './theme';
-export var EditBankModal = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_EditBankModal = /*#__PURE__*/function (_Component) {
+import Bank from "../../../common/records/Bank.js";
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
+export var EditBankModal = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(EditBankModal, _Component);
+
+  var _super = _createSuper(EditBankModal);
+
   function EditBankModal() {
     var _this;
+
     _classCallCheck(this, EditBankModal);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, EditBankModal, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
     _this.continueAction = function () {
       _this.props.showError(_this.props.errorKey);
+
       if (_this.props.workingBank.isValid()) {
         _this.props.updateBank(_this.props.workingBank);
+
         _this.closeAction();
       }
     };
+
     _this.closeAction = function () {
       _this.props.hideError(_this.props.errorKey);
+
       _this.props.clearModifications('banks', _this.props.workingBank.id);
+
       if (_this.props.modalTrigger) {
         _this.props.modalTrigger.focus();
       }
+
       _this.props.closeModal();
     };
+
     _this.onNameChange = function (e) {
       _this.props.showError(_this.props.errorKey);
+
       _this.props.changeBank(_this.props.workingBank.id, {
         title: e.target.value
       });
     };
+
     _this.getErrors = function () {
       if (_this.props.displayError) {
         return toErrors(_this.props.workingBank.errorsFor('title').toJS());
       }
     };
+
     return _this;
   }
-  _inherits(EditBankModal, _Component);
-  return _createClass(EditBankModal, [{
+
+  _createClass(EditBankModal, [{
     key: "renderCancelButton",
     value: function renderCancelButton() {
       return jsx(Button, {
@@ -107,7 +127,10 @@ export var EditBankModal = (_dec = withStyle(generateStyle, generateComponentThe
       })), jsx(ModalBody, null, this.renderContent()), jsx(ModalFooter, null, this.renderCancelButton(), this.renderSaveButton()));
     }
   }]);
-}(Component), _EditBankModal.propTypes = {
+
+  EditBankModal.displayName = "EditBankModal";
+  return EditBankModal;
+}(Component), _class2.propTypes = {
   modalOpen: PropTypes.bool.isRequired,
   modalTrigger: PropTypes.instanceOf(Component),
   workingBank: PropTypes.instanceOf(Bank).isRequired,
@@ -121,8 +144,8 @@ export var EditBankModal = (_dec = withStyle(generateStyle, generateComponentThe
   closeModal: PropTypes.func.isRequired,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: PropTypes.object
-}, _EditBankModal.defaultProps = {
+}, _class2.defaultProps = {
   displayError: false,
   modalTrigger: null
-}, _EditBankModal)) || _class);
+}, _temp)) || _class);
 export default EditBankModal;

package/es/banks/components/EditBankModal/styles.js

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

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

@@ -1,9 +1,10 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var typography = _ref.typography,
-    spacing = _ref.spacing;
+      spacing = _ref.spacing;
   return {
     bankNameInputFontSize: typography.fontSizeMedium,
     bankNameInputPadding: spacing.xSmall
   };
 };
+
 export default generateComponentTheme;

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

@@ -1,27 +1,36 @@
 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";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { Breadcrumb, BreadcrumbLink } from '@instructure/ui-breadcrumb';
 import ReactDOM from 'react-dom';
 export var HeaderBreadCrumb = /*#__PURE__*/function (_Component) {
+  _inherits(HeaderBreadCrumb, _Component);
+
+  var _super = _createSuper(HeaderBreadCrumb);
+
   function HeaderBreadCrumb() {
     var _this;
+
     _classCallCheck(this, HeaderBreadCrumb);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, HeaderBreadCrumb, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
     _this.setItemBanksRef = function (node) {
       _this.itemBanksRef = node;
     };
+
     return _this;
   }
-  _inherits(HeaderBreadCrumb, _Component);
-  return _createClass(HeaderBreadCrumb, [{
+
+  _createClass(HeaderBreadCrumb, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (this.props.navigateToBuild && this.props.navigateToBanks && this.itemBanksRef) {
@@ -32,12 +41,12 @@ export var HeaderBreadCrumb = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-        returnToUrl = _this$props.returnToUrl,
-        scope = _this$props.scope,
-        navigateToBanks = _this$props.navigateToBanks,
-        renderIcon = _this$props.renderIcon,
-        setItemBanksRef = _this$props.setItemBanksRef,
-        children = _this$props.children;
+          returnToUrl = _this$props.returnToUrl,
+          scope = _this$props.scope,
+          navigateToBanks = _this$props.navigateToBanks,
+          renderIcon = _this$props.renderIcon,
+          setItemBanksRef = _this$props.setItemBanksRef,
+          children = _this$props.children;
       var isScopeEmpty = !Object.keys(scope).length;
       var canvasReferrerLinkText = isScopeEmpty ? null : scope.title;
       var canvasReferrerLink = returnToUrl && canvasReferrerLinkText && /*#__PURE__*/React.createElement(BreadcrumbLink, {
@@ -50,14 +59,15 @@ export var HeaderBreadCrumb = /*#__PURE__*/function (_Component) {
         onClick: navigateToBanks,
         renderIcon: renderIcon,
         ref: setItemBanksRef || this.setItemBanksRef
-      }, t('Item Banks'));
-
-      // If Breadcrumb has multiple children (even if 2nd is null), it will
+      }, t('Item Banks')); // If Breadcrumb has multiple children (even if 2nd is null), it will
       // render the `>` icon, which we don't want if there are no children.
+
       var breadCrumbLinks = [banksLink];
+
       if (children) {
         breadCrumbLinks = breadCrumbLinks.concat(children);
       }
+
       if (canvasReferrerLink) breadCrumbLinks.unshift(canvasReferrerLink);
       return /*#__PURE__*/React.createElement(Breadcrumb, {
         label: t('You are here:'),
@@ -65,6 +75,9 @@ export var HeaderBreadCrumb = /*#__PURE__*/function (_Component) {
       }, breadCrumbLinks);
     }
   }]);
+
+  HeaderBreadCrumb.displayName = "HeaderBreadCrumb";
+  return HeaderBreadCrumb;
 }(Component);
 HeaderBreadCrumb.propTypes = {
   returnToUrl: PropTypes.string,

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

@@ -1,14 +1,17 @@
 import { bindActionCreators } from 'redux';
-import { connect } from '../../../common/react-redux';
-import * as modalActions from '../../../common/actions/modal';
-import { generateImportModalId } from '../../../common/components/ImportModal';
-import HeaderMenu from './presenter';
+import { connect } from "../../../common/react-redux.js";
+import * as modalActions from "../../../common/actions/modal.js";
+import { generateImportModalId } from "../../../common/components/ImportModal/index.js";
+import HeaderMenu from "./presenter.js";
+
 function mapStateToProps(state, props) {
   return {};
 }
+
 function mapDispatchToProps(dispatch) {
   return {
     openImportModal: bindActionCreators(modalActions.openModal.bind(modalActions, generateImportModalId('qtiImport')), dispatch)
   };
 }
+
 export default connect(mapStateToProps, mapDispatchToProps)(HeaderMenu);

package/es/banks/components/HeaderMenu/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, _HeaderMenu, _IconImportLine;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -14,18 +16,28 @@ import { TopNavBar } from '@instructure/ui-top-nav-bar';
 import { Drilldown } from '@instructure/ui-drilldown';
 import { IconMoreSolid, IconImportLine } from '@instructure/ui-icons';
 import { withStyle, jsx } from '@instructure/emotion';
-import QTIImportModal from '../../../building/components/QTIImportModal';
+import QTIImportModal from "../../../building/components/QTIImportModal/index.js";
 import { PARENT_TYPE_BANK } from '@instructure/quiz-common';
-import generateStyle from './styles';
-import generateComponentTheme from './theme';
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
 import t from '@instructure/quiz-i18n/es/format-message';
-export var HeaderMenu = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_HeaderMenu = /*#__PURE__*/function (_Component) {
+
+var _ref = jsx(IconImportLine, {
+  "data-automation": "sdk-headermenu-import-content"
+});
+
+export var HeaderMenu = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(HeaderMenu, _Component);
+
+  var _super = _createSuper(HeaderMenu);
+
   function HeaderMenu() {
     _classCallCheck(this, HeaderMenu);
-    return _callSuper(this, HeaderMenu, arguments);
+
+    return _super.apply(this, arguments);
   }
-  _inherits(HeaderMenu, _Component);
-  return _createClass(HeaderMenu, [{
+
+  _createClass(HeaderMenu, [{
     key: "renderMenu",
     value: function renderMenu() {
       if (this.props.iceTopNavBarEnabled) {
@@ -43,14 +55,13 @@ export var HeaderMenu = (_dec = withStyle(generateStyle, generateComponentTheme)
             key: "import",
             disabled: !this.props.bank.canImport(),
             onOptionClick: this.props.openImportModal
-          }, _IconImportLine || (_IconImportLine = jsx(IconImportLine, {
-            "data-automation": "sdk-headermenu-import-content"
-          })), jsx(View, {
+          }, _ref, jsx(View, {
             as: "span",
             margin: "0 0 0 x-small"
           }, t('Import Content')))))
         }, t('More Item Banking Actions'));
       }
+
       return jsx(Menu, {
         trigger: jsx(IconButton, {
           renderIcon: IconMoreSolid,
@@ -81,7 +92,10 @@ export var HeaderMenu = (_dec = withStyle(generateStyle, generateComponentTheme)
       }));
     }
   }]);
-}(Component), _HeaderMenu.propTypes = {
+
+  HeaderMenu.displayName = "HeaderMenu";
+  return HeaderMenu;
+}(Component), _class2.propTypes = {
   openImportModal: PropTypes.func.isRequired,
   bank: ImmutablePropTypes.record.isRequired,
   iceTopNavBarEnabled: PropTypes.bool,
@@ -89,9 +103,9 @@ export var HeaderMenu = (_dec = withStyle(generateStyle, generateComponentTheme)
   renderIcon: PropTypes.element,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: PropTypes.object
-}, _HeaderMenu.defaultProps = {
+}, _class2.defaultProps = {
   iceTopNavBarEnabled: false,
   id: 'BankMenu',
   renderIcon: jsx(IconMoreSolid, null)
-}, _HeaderMenu)) || _class);
+}, _temp)) || _class);
 export default HeaderMenu;

package/es/banks/components/HeaderMenu/styles.js

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

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

@@ -1,9 +1,10 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-    typography = _ref.typography;
+      typography = _ref.typography;
   return {
     menuIconMargin: spacing.xSmall,
     menuIconFontSize: typography.fontSizeLarge
   };
 };
+
 export default generateComponentTheme;

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

@@ -1,9 +1,11 @@
 import { BUILD_TRAY_OPEN } from '@instructure/quiz-common';
-import { connect } from '../../../common/react-redux';
-import NavWrapper from './presenter';
+import { connect } from "../../../common/react-redux.js";
+import NavWrapper from "./presenter.js";
+
 function mapStateToProps(state) {
   return {
     trayOpen: !!state.getIn(['ui', BUILD_TRAY_OPEN])
   };
 }
+
 export default connect(mapStateToProps)(NavWrapper);