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

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

@@ -5,13 +5,13 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     spacing = _ref.spacing;
   return {
     bankRowBorderWidth: borders.widthSmall,
-    bankRowBorderColor: colors.contrasts.grey1214,
+    bankRowBorderColor: colors.tiara,
     bankInfoMargin: spacing.small,
     bankTitleFontSize: typography.fontSizeSmall,
     bankTitlePadding: spacing.xSmall,
-    bankTitleLinkColor: colors.contrasts.grey125125,
-    bankTitleLinkHoverColor: colors.contrasts.grey125125,
-    bankDetailsColor: colors.contrasts.grey4570,
+    bankTitleLinkColor: colors.licorice,
+    bankTitleLinkHoverColor: colors.licorice,
+    bankDetailsColor: colors.ash,
     bankDetailsFontSize: typography.fontSizeXSmall,
     bankOptionsMargin: spacing.small,
     BankOptionIconMargin: spacing.xSmall,

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

@@ -1,12 +1,12 @@
-import { connect } from "../../../common/react-redux.js";
-import { createBank } from "../../api/banks.js";
-import { createBankEntry, updateBankEntry, moveBankEntry, copyBankEntry } from "../../api/bankEntries.js";
-import CopyMoveBankModal from "./presenter.js";
-import * as modalActions from "../../../common/actions/modal.js";
-import { disassociateEntry } from "../../../common/actions/banks.js";
-import * as uiActions from "../../../common/actions/ui.js";
+import { connect } from '../../../common/react-redux';
+import { createBank } from '../../api/banks';
+import { createBankEntry, updateBankEntry, moveBankEntry, copyBankEntry } from '../../api/bankEntries';
+import CopyMoveBankModal from './presenter';
+import * as modalActions from '../../../common/actions/modal';
+import { disassociateEntry } from '../../../common/actions/banks';
+import * as uiActions from '../../../common/actions/ui';
 import { COPY_MOVE_BANK_ENTRY_MODAL_KEEP_COPY, COPY_MOVE_BANK_ENTRY_MODAL } from '@instructure/quiz-common';
-import { getModalTrigger } from "../../../common/util/modalHelpers.js";
+import { getModalTrigger } from '../../../common/util/modalHelpers';
 export function mapStateToProps(state, props) {
   var modalKey = [COPY_MOVE_BANK_ENTRY_MODAL, props.entryType, props.entryId].join(':');
   return {

package/es/banks/components/CopyMoveBankEntryModal/presenter.js

@@ -1,7 +1,11 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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; })(); }
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Button, CloseButton } from '@instructure/ui-buttons';
@@ -10,36 +14,32 @@ import { Checkbox } from '@instructure/ui-checkbox';
 import { Heading } from '@instructure/ui-heading';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import t from '@instructure/quiz-i18n/es/format-message';
-import Bank from "../../../common/records/Bank.js";
-import BankSelection from "../../../common/components/resources/BankSelection/presenter.js";
+import Bank from '../../../common/records/Bank';
+import BankSelection from '../../../common/components/resources/BankSelection/presenter';
 import { Modal, ModalHeader, ModalBody, ModalFooter, COPY_MOVE_BANK_ENTRY_MODAL_KEEP_COPY, TextInput, XSMALL_SIDE_MARGIN } from '@instructure/quiz-common';
-import { featureOn } from "../../../common/util/featureCheck.js";
-var _ref = /*#__PURE__*/React.createElement("br", null);
-var _ref2 = /*#__PURE__*/React.createElement("br", null);
+import { featureOn } from '../../../common/util/featureCheck';
 export var CopyMoveBankEntryModal = /*#__PURE__*/function (_Component) {
-  _inherits(CopyMoveBankEntryModal, _Component);
-  var _super = _createSuper(CopyMoveBankEntryModal);
   function CopyMoveBankEntryModal() {
     var _this;
     _classCallCheck(this, CopyMoveBankEntryModal);
     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, CopyMoveBankEntryModal, [].concat(args));
+    _defineProperty(_this, "state", {
       bankType: 'existing',
       newBankTitle: '',
       selectedBank: null
-    };
-    _this.copyOrMove = function (newBankId) {
+    });
+    _defineProperty(_this, "copyOrMove", function (newBankId) {
       if (_this.props.keepCopy) {
         _this.copyBankEntry(newBankId);
       } else {
         _this.moveBankEntry(newBankId);
       }
       _this.closeAction();
-    };
-    _this.continueAction = function () {
+    });
+    _defineProperty(_this, "continueAction", function () {
       if (_this.state.bankType === 'new') {
         var newBank = Bank.create({
           title: _this.state.newBankTitle,
@@ -51,8 +51,8 @@ export var CopyMoveBankEntryModal = /*#__PURE__*/function (_Component) {
       } else {
         _this.copyOrMove(_this.state.selectedBank.id);
       }
-    };
-    _this.initiateMove = function (newBankId) {
+    });
+    _defineProperty(_this, "initiateMove", function (newBankId) {
       if (featureOn('instfs_bank_entry_movement_endpoints')) {
         return _this.props.moveBankEntry(_this.props.sourceBankId, _this.props.sourceBankEntryId, newBankId);
       } else {
@@ -60,14 +60,14 @@ export var CopyMoveBankEntryModal = /*#__PURE__*/function (_Component) {
           bankId: newBankId
         });
       }
-    };
-    _this.moveBankEntry = function (newBankId) {
+    });
+    _defineProperty(_this, "moveBankEntry", function (newBankId) {
       return _this.initiateMove(newBankId).then(function (bankEntry) {
         _this.props.disassociateBankEntry(_this.props.sourceBankId, _this.props.sourceBankEntryId);
         return bankEntry;
       }).then(_this.props.onAdd);
-    };
-    _this.initiateCopy = function (newBankId) {
+    });
+    _defineProperty(_this, "initiateCopy", function (newBankId) {
       if (featureOn('instfs_bank_entry_movement_endpoints')) {
         return _this.props.copyBankEntry(_this.props.sourceBankId, _this.props.sourceBankEntryId, newBankId);
       } else {
@@ -75,37 +75,38 @@ export var CopyMoveBankEntryModal = /*#__PURE__*/function (_Component) {
           return _this.props.createBankEntry(newBankId, _this.props.entryType, entry.id);
         });
       }
-    };
-    _this.copyBankEntry = function (newBankId) {
+    });
+    _defineProperty(_this, "copyBankEntry", function (newBankId) {
       return _this.initiateCopy(newBankId).then(_this.props.onAdd);
-    };
-    _this.closeAction = function () {
+    });
+    _defineProperty(_this, "closeAction", function () {
       if (_this.props.modalTrigger) {
         _this.props.modalTrigger.focus();
       }
       _this.props.closeModal();
-    };
-    _this.onBankSelection = function (e, option) {
+    });
+    _defineProperty(_this, "onBankSelection", function (e, option) {
       _this.setState({
         selectedBank: new Bank(option)
       });
-    };
-    _this.onKeepCopyChange = function (e) {
+    });
+    _defineProperty(_this, "onKeepCopyChange", function (e) {
       _this.props.uiSet(COPY_MOVE_BANK_ENTRY_MODAL_KEEP_COPY, e.target.checked);
-    };
-    _this.handleRadioChange = function (event, value) {
+    });
+    _defineProperty(_this, "handleRadioChange", function (event, value) {
       _this.setState({
         bankType: value
       });
-    };
-    _this.onTitleChange = function (e) {
+    });
+    _defineProperty(_this, "onTitleChange", function (e) {
       _this.setState({
         newBankTitle: e.target.value
       });
-    };
+    });
     return _this;
   }
-  _createClass(CopyMoveBankEntryModal, [{
+  _inherits(CopyMoveBankEntryModal, _Component);
+  return _createClass(CopyMoveBankEntryModal, [{
     key: "cancelButton",
     value: function cancelButton() {
       return /*#__PURE__*/React.createElement(Button, {
@@ -159,7 +160,7 @@ export var CopyMoveBankEntryModal = /*#__PURE__*/function (_Component) {
       }), /*#__PURE__*/React.createElement(RadioInput, {
         value: "new",
         label: t('New item bank')
-      })), _ref, this.renderBankTypeContent(), _ref2, /*#__PURE__*/React.createElement(Checkbox, {
+      })), /*#__PURE__*/React.createElement("br", null), this.renderBankTypeContent(), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Checkbox, {
         label: t('Keep a copy in this bank'),
         value: "medium",
         checked: this.props.keepCopy,
@@ -187,10 +188,8 @@ export var CopyMoveBankEntryModal = /*#__PURE__*/function (_Component) {
       })), /*#__PURE__*/React.createElement(ModalBody, null, this.renderContent()), /*#__PURE__*/React.createElement(ModalFooter, null, this.cancelButton(), this.addToBankButton()));
     }
   }]);
-  CopyMoveBankEntryModal.displayName = "CopyMoveBankEntryModal";
-  return CopyMoveBankEntryModal;
 }(Component);
-CopyMoveBankEntryModal.propTypes = {
+_defineProperty(CopyMoveBankEntryModal, "propTypes", {
   closeModal: PropTypes.func.isRequired,
   createBank: PropTypes.func.isRequired,
   copyBankEntry: PropTypes.func.isRequired,
@@ -213,13 +212,13 @@ CopyMoveBankEntryModal.propTypes = {
   uiSet: PropTypes.func.isRequired,
   updateBankEntry: PropTypes.func.isRequired,
   moveBankEntry: PropTypes.func.isRequired
-};
-CopyMoveBankEntryModal.contextTypes = {
+});
+_defineProperty(CopyMoveBankEntryModal, "contextTypes", {
   locale: PropTypes.string
-};
-CopyMoveBankEntryModal.defaultProps = {
+});
+_defineProperty(CopyMoveBankEntryModal, "defaultProps", {
   keepCopy: true,
   modalTrigger: null,
   onAdd: function onAdd() {}
-};
+});
 export default CopyMoveBankEntryModal;

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

@@ -1,16 +1,16 @@
 import { bindActionCreators } from 'redux';
 import { Map } from 'immutable';
-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 { connect } from '../../../common/react-redux';
+import { createBank } from '../../api/banks';
+import CreateBankModal from './presenter';
+import * as modalActions from '../../../common/actions/modal';
 import { CREATE_BANK_MODAL, TEMPORARY_BANK_ID } from '@instructure/quiz-common';
-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";
+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';
 function mapStateToProps(state) {
   var temporaryBank = new Bank(state.getIn(['modifications', 'banks', TEMPORARY_BANK_ID]));
   var errorsMap = state.get('errorsShowing', Map());

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

@@ -1,8 +1,12 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _CreateBankModal;
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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; })(); }
 /** @jsx jsx */
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -12,20 +16,18 @@ import { View } from '@instructure/ui-view';
 import { Heading } from '@instructure/ui-heading';
 import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
-import Bank from "../../../common/records/Bank.js";
-import { toErrors } from "../../../common/util/instUIMessages.js";
+import Bank from '../../../common/records/Bank';
+import { toErrors } from '../../../common/util/instUIMessages';
 import { Modal, ModalHeader, ModalBody, ModalFooter, TextInput, XSMALL_SIDE_MARGIN } from '@instructure/quiz-common';
 export var CreateBankModal = /*#__PURE__*/function (_Component) {
-  _inherits(CreateBankModal, _Component);
-  var _super = _createSuper(CreateBankModal);
   function CreateBankModal(props) {
     var _this;
     _classCallCheck(this, CreateBankModal);
-    _this = _super.call(this, props);
-    _this.state = {
+    _this = _callSuper(this, CreateBankModal, [props]);
+    _defineProperty(_this, "state", {
       shareWithCourse: false
-    };
-    _this.continueAction = function () {
+    });
+    _defineProperty(_this, "continueAction", function () {
       _this.props.showError(_this.props.errorKey);
       if (_this.props.temporaryBank.isValid()) {
         var courseUuid = _this.state.shareWithCourse ? _this.props.itemBanksScope.uuid : null;
@@ -34,10 +36,10 @@ export var CreateBankModal = /*#__PURE__*/function (_Component) {
         _this.closeAction();
       } else {
         var _this$bankNameInput$c;
-        (_this$bankNameInput$c = _this.bankNameInput.current) === null || _this$bankNameInput$c === void 0 ? void 0 : _this$bankNameInput$c.focus();
+        (_this$bankNameInput$c = _this.bankNameInput.current) === null || _this$bankNameInput$c === void 0 || _this$bankNameInput$c.focus();
       }
-    };
-    _this.closeAction = function () {
+    });
+    _defineProperty(_this, "closeAction", function () {
       _this.props.hideError(_this.props.errorKey);
       _this.setState({
         shareWithCourse: false
@@ -47,27 +49,28 @@ export var CreateBankModal = /*#__PURE__*/function (_Component) {
         _this.props.modalTrigger.focus();
       }
       _this.props.closeModal();
-    };
-    _this.onNameChange = function (e) {
+    });
+    _defineProperty(_this, "onNameChange", function (e) {
       _this.props.showError(_this.props.errorKey);
       _this.props.changeBank(_this.props.temporaryBank.id, {
         title: e.target.value
       });
-    };
-    _this.getErrors = function () {
+    });
+    _defineProperty(_this, "getErrors", function () {
       if (_this.props.displayError) {
         return toErrors(_this.props.temporaryBank.errorsFor('title').toJS());
       }
-    };
-    _this.toggleCheckbox = function (event) {
+    });
+    _defineProperty(_this, "toggleCheckbox", function (event) {
       _this.setState({
         shareWithCourse: event.target.checked
       });
-    };
-    _this.bankNameInput = /*#__PURE__*/React.createRef();
+    });
+    _this.bankNameInput = React.createRef();
     return _this;
   }
-  _createClass(CreateBankModal, [{
+  _inherits(CreateBankModal, _Component);
+  return _createClass(CreateBankModal, [{
     key: "cancelButton",
     value: function cancelButton() {
       return jsx(Button, {
@@ -137,13 +140,11 @@ export var CreateBankModal = /*#__PURE__*/function (_Component) {
       })), jsx(ModalBody, null, this.renderContent()), jsx(ModalFooter, null, this.cancelButton(), this.createBankButton()));
     }
   }]);
-  CreateBankModal.displayName = "CreateBankModal";
-  return CreateBankModal;
 }(Component);
 _CreateBankModal = CreateBankModal;
-CreateBankModal.displayName = 'CreateBankModal';
-CreateBankModal.componentId = "Quizzes".concat(_CreateBankModal.displayName);
-CreateBankModal.propTypes = {
+_defineProperty(CreateBankModal, "displayName", 'CreateBankModal');
+_defineProperty(CreateBankModal, "componentId", "Quizzes".concat(_CreateBankModal.displayName));
+_defineProperty(CreateBankModal, "propTypes", {
   modalOpen: PropTypes.bool.isRequired,
   modalTrigger: PropTypes.instanceOf(Component),
   temporaryBank: PropTypes.instanceOf(Bank).isRequired,
@@ -166,12 +167,12 @@ CreateBankModal.propTypes = {
     root_account_name: PropTypes.string
   }),
   styles: PropTypes.object
-};
-CreateBankModal.defaultProps = {
+});
+_defineProperty(CreateBankModal, "defaultProps", {
   displayError: false,
   modalTrigger: null,
   showShareBankOnCreate: false,
   itemBanksScope: {},
   onCreateBank: function onCreateBank() {}
-};
+});
 export default CreateBankModal;

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

@@ -1,13 +1,13 @@
 import { bindActionCreators } from 'redux';
 import { Map } from 'immutable';
-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 { connect } from '../../../common/react-redux';
+import { updateBank } from '../../api/banks';
+import EditBankModal from './presenter';
+import * as modalActions from '../../../common/actions/modal';
 import { EDIT_BANK_MODAL } from '@instructure/quiz-common';
-import { changeBank, clearModifications } from "../../../common/actions/modifications.js";
-import { showError, hideError } from "../../../common/actions/errorsShowing.js";
-import { getModalTrigger } from "../../../common/util/modalHelpers.js";
+import { changeBank, clearModifications } from '../../../common/actions/modifications';
+import { showError, hideError } from '../../../common/actions/errorsShowing';
+import { getModalTrigger } from '../../../common/util/modalHelpers';
 function mapStateToProps(state, props) {
   var errorsMap = state.get('errorsShowing', Map());
   var errorKey = "".concat(props.workingBank.id, "_edit_bank");

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

@@ -1,8 +1,12 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _EditBankModal;
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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; })(); }
 /** @jsx jsx */
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -10,49 +14,48 @@ import { Button, CloseButton } from '@instructure/ui-buttons';
 import { Heading } from '@instructure/ui-heading';
 import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
-import { toErrors } from "../../../common/util/instUIMessages.js";
+import { toErrors } from '../../../common/util/instUIMessages';
 import { Modal, ModalHeader, ModalBody, ModalFooter, TextInput, XSMALL_SIDE_MARGIN } from '@instructure/quiz-common';
-import Bank from "../../../common/records/Bank.js";
+import Bank from '../../../common/records/Bank';
 export var EditBankModal = /*#__PURE__*/function (_Component) {
-  _inherits(EditBankModal, _Component);
-  var _super = _createSuper(EditBankModal);
   function EditBankModal(props) {
     var _this;
     _classCallCheck(this, EditBankModal);
-    _this = _super.call(this, props);
-    _this.continueAction = function () {
+    _this = _callSuper(this, EditBankModal, [props]);
+    _defineProperty(_this, "continueAction", function () {
       _this.props.showError(_this.props.errorKey);
       if (_this.props.workingBank.isValid()) {
         _this.props.updateBank(_this.props.workingBank);
         _this.closeAction();
       } else {
         var _this$bankNameInput$c;
-        (_this$bankNameInput$c = _this.bankNameInput.current) === null || _this$bankNameInput$c === void 0 ? void 0 : _this$bankNameInput$c.focus();
+        (_this$bankNameInput$c = _this.bankNameInput.current) === null || _this$bankNameInput$c === void 0 || _this$bankNameInput$c.focus();
       }
-    };
-    _this.closeAction = function () {
+    });
+    _defineProperty(_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) {
+    });
+    _defineProperty(_this, "onNameChange", function (e) {
       _this.props.showError(_this.props.errorKey);
       _this.props.changeBank(_this.props.workingBank.id, {
         title: e.target.value
       });
-    };
-    _this.getErrors = function () {
+    });
+    _defineProperty(_this, "getErrors", function () {
       if (_this.props.displayError) {
         return toErrors(_this.props.workingBank.errorsFor('title').toJS());
       }
-    };
-    _this.bankNameInput = /*#__PURE__*/React.createRef();
+    });
+    _this.bankNameInput = React.createRef();
     return _this;
   }
-  _createClass(EditBankModal, [{
+  _inherits(EditBankModal, _Component);
+  return _createClass(EditBankModal, [{
     key: "renderCancelButton",
     value: function renderCancelButton() {
       return jsx(Button, {
@@ -104,13 +107,11 @@ export var EditBankModal = /*#__PURE__*/function (_Component) {
       })), jsx(ModalBody, null, this.renderContent()), jsx(ModalFooter, null, this.renderCancelButton(), this.renderSaveButton()));
     }
   }]);
-  EditBankModal.displayName = "EditBankModal";
-  return EditBankModal;
 }(Component);
 _EditBankModal = EditBankModal;
-EditBankModal.displayName = 'EditBankModal';
-EditBankModal.componentId = "Quizzes".concat(_EditBankModal.displayName);
-EditBankModal.propTypes = {
+_defineProperty(EditBankModal, "displayName", 'EditBankModal');
+_defineProperty(EditBankModal, "componentId", "Quizzes".concat(_EditBankModal.displayName));
+_defineProperty(EditBankModal, "propTypes", {
   modalOpen: PropTypes.bool.isRequired,
   modalTrigger: PropTypes.instanceOf(Component),
   workingBank: PropTypes.instanceOf(Bank).isRequired,
@@ -123,9 +124,9 @@ EditBankModal.propTypes = {
   hideError: PropTypes.func.isRequired,
   closeModal: PropTypes.func.isRequired,
   styles: PropTypes.object
-};
-EditBankModal.defaultProps = {
+});
+_defineProperty(EditBankModal, "defaultProps", {
   displayError: false,
   modalTrigger: null
-};
+});
 export default EditBankModal;

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

@@ -1,28 +1,31 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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; })(); }
 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 = _super.call.apply(_super, [this].concat(args));
-    _this.setItemBanksRef = function (node) {
+    _this = _callSuper(this, HeaderBreadCrumb, [].concat(args));
+    _defineProperty(_this, "setItemBanksRef", function (node) {
       _this.itemBanksRef = node;
-    };
+    });
     return _this;
   }
-  _createClass(HeaderBreadCrumb, [{
+  _inherits(HeaderBreadCrumb, _Component);
+  return _createClass(HeaderBreadCrumb, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (this.props.navigateToBuild && this.props.navigateToBanks && this.itemBanksRef) {
@@ -66,10 +69,8 @@ export var HeaderBreadCrumb = /*#__PURE__*/function (_Component) {
       }, breadCrumbLinks);
     }
   }]);
-  HeaderBreadCrumb.displayName = "HeaderBreadCrumb";
-  return HeaderBreadCrumb;
 }(Component);
-HeaderBreadCrumb.propTypes = {
+_defineProperty(HeaderBreadCrumb, "propTypes", {
   returnToUrl: PropTypes.string,
   scope: PropTypes.objectOf(PropTypes.shape({
     type: PropTypes.string,
@@ -82,8 +83,8 @@ HeaderBreadCrumb.propTypes = {
   setItemBanksRef: PropTypes.func,
   renderIcon: PropTypes.node,
   children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])
-};
-HeaderBreadCrumb.defaultProps = {
+});
+_defineProperty(HeaderBreadCrumb, "defaultProps", {
   returnToUrl: null,
   scope: {},
   navigateToBuild: null,
@@ -92,5 +93,5 @@ HeaderBreadCrumb.defaultProps = {
   setItemBanksRef: null,
   renderIcon: null,
   children: null
-};
+});
 export default HeaderBreadCrumb;

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

@@ -1,8 +1,8 @@
 import { bindActionCreators } from 'redux';
-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";
+import { connect } from '../../../common/react-redux';
+import * as modalActions from '../../../common/actions/modal';
+import { generateImportModalId } from '../../../common/components/ImportModal';
+import HeaderMenu from './presenter';
 function mapStateToProps(state, props) {
   return {};
 }