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

package/es/common/api/schema.js

@@ -13,6 +13,7 @@ var qtiImportSchema = new schema.Entity('qtiImports');
 var quizSchema = new schema.Entity('quizzes');
 var quizSessionEventSchema = new schema.Entity('quizSessionEvents', {}, {
   idAttribute: 'created_at' // indexed by createdAt
+
 });
 var shareBankSchema = new schema.Entity('sharedBanks');
 var quizSessionResultSchema = new schema.Entity('quizSessionResults');
@@ -22,9 +23,7 @@ var quizEntriesSchema = new schema.Entity('quizEntries');
 var resumeDataSchema = new schema.Entity('resumeData');
 var sessionItemResultSchema = new schema.Entity('sessionItemResults');
 var sessionItemSchema = new schema.Entity('sessionItems');
-var stimulusSchema = new schema.Entity('stimuli');
-
-// =================
+var stimulusSchema = new schema.Entity('stimuli'); // =================
 //   relationships
 // =================
 
@@ -59,13 +58,12 @@ var quizEntryNestedDef = {
   })
 };
 quizEntrySchema.define(quizEntryNestedDef);
-quizEntriesSchema.define(quizEntryNestedDef);
-
-// 'item' is within the sessionItem, but it should remain
+quizEntriesSchema.define(quizEntryNestedDef); // 'item' is within the sessionItem, but it should remain
 // denormalized because sessionItems of the same id can
 // actually represent different objects
 // however we do want to normalize the interaction types
 // within it
+
 sessionItemSchema.define({
   item: {
     interaction_type: interactionTypeSchema

package/es/common/components/ApiFeatureFlagInitializer/index.js

@@ -1,17 +1,19 @@
-var _Card;
 import React, { useEffect } from 'react';
-import { connect } from '../../react-redux';
+import { connect } from "../../react-redux.js";
 import { bool, node, func } from 'prop-types';
-import { getFeatures } from '../../api/features';
-import { QuizzesSpinner as Spinner } from '../shared/spinner/Spinner';
-import { Card } from '../shared/Card';
+import { getFeatures } from "../../api/features.js";
+import { QuizzesSpinner as Spinner } from "../shared/spinner/Spinner.js";
+import { Card } from "../shared/Card/index.js";
+
+var _ref = /*#__PURE__*/React.createElement(Card, {
+  wrapped: true
+}, /*#__PURE__*/React.createElement(Spinner, null));
+
 export var ApiFeatureFlagInitializerComponent = function ApiFeatureFlagInitializerComponent(props) {
   useEffect(function () {
     !props.loadedApiFeatures && props.getFeatures();
   }, []);
-  return props.loadedApiFeatures ? props.children : _Card || (_Card = /*#__PURE__*/React.createElement(Card, {
-    wrapped: true
-  }, /*#__PURE__*/React.createElement(Spinner, null)));
+  return props.loadedApiFeatures ? props.children : _ref;
 };
 ApiFeatureFlagInitializerComponent.propTypes = {
   children: node.isRequired,
@@ -21,11 +23,13 @@ ApiFeatureFlagInitializerComponent.propTypes = {
 ApiFeatureFlagInitializerComponent.defaultProps = {
   loadedApiFeatures: false
 };
+
 var mapStateToProps = function mapStateToProps(state, ownProps) {
   return {
     loadedApiFeatures: state.getIn(['ui', 'loadedApiFeatures']) || ownProps.loadedApiFeatures
   };
 };
+
 var mapDispatchToProps = {
   getFeatures: getFeatures
 };

package/es/common/components/ConfirmationModal/index.js

@@ -1,18 +1,21 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { bindActionCreators } from 'redux';
 import { Map } from 'immutable';
-import { connect } from '../../react-redux';
-import { closeModal } from '../../actions/modal';
-import ConfirmationModal from './presenter';
+import { connect } from "../../react-redux.js";
+import { closeModal } from "../../actions/modal.js";
+import ConfirmationModal from "./presenter.js";
+
 var mapStateToProps = function mapStateToProps(state) {
   var modal = state.get('modal');
   return _objectSpread({
     modalOpen: !!modal.get('isOpen') && modal.get('isOpen') === modal.getIn(['options', 'title'])
   }, (modal.get('options') || Map()).toJS());
 };
+
 var mapDispatchToProps = function mapDispatchToProps(dispatch) {
   return {
     closeModal: bindActionCreators(closeModal, dispatch)
   };
 };
+
 export default connect(mapStateToProps, mapDispatchToProps)(ConfirmationModal);

package/es/common/components/ConfirmationModal/presenter.js

@@ -1,7 +1,7 @@
 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 { Button, CloseButton } from '@instructure/ui-buttons';
@@ -10,53 +10,66 @@ import { Heading } from '@instructure/ui-heading';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { ImportantModal, ModalHeader, ModalBody, ModalFooter, XSMALL_SIDE_MARGIN } from '@instructure/quiz-common';
 export var ConfirmationModal = /*#__PURE__*/function (_Component) {
+  _inherits(ConfirmationModal, _Component);
+
+  var _super = _createSuper(ConfirmationModal);
+
   function ConfirmationModal() {
     var _this;
+
     _classCallCheck(this, ConfirmationModal);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, ConfirmationModal, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
     _this.state = {
       action: null
     };
+
     _this.continueAction = function () {
       _this.setState({
         action: 'continue'
       }, _this.props.closeModal);
     };
+
     _this.cancelAction = function () {
       _this.setState({
         action: 'cancel'
       }, _this.props.closeModal);
     };
+
     _this.doAction = function () {
       var _this$props = _this.props,
-        onContinue = _this$props.onContinue,
-        onCancel = _this$props.onCancel;
+          onContinue = _this$props.onContinue,
+          onCancel = _this$props.onCancel;
+
       if (_this.state.action === 'continue') {
         onContinue && onContinue();
       } else if (_this.state.action === 'cancel') {
         onCancel && onCancel();
       }
+
       _this.setState({
         action: null
       });
     };
+
     return _this;
   }
-  _inherits(ConfirmationModal, _Component);
-  return _createClass(ConfirmationModal, [{
+
+  _createClass(ConfirmationModal, [{
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
-        title = _this$props2.title,
-        text = _this$props2.text,
-        cancelText = _this$props2.cancelText,
-        continueText = _this$props2.continueText,
-        size = _this$props2.size,
-        shouldReturnFocus = _this$props2.shouldReturnFocus,
-        continueVariant = _this$props2.continueVariant;
+          title = _this$props2.title,
+          text = _this$props2.text,
+          cancelText = _this$props2.cancelText,
+          continueText = _this$props2.continueText,
+          size = _this$props2.size,
+          shouldReturnFocus = _this$props2.shouldReturnFocus,
+          continueVariant = _this$props2.continueVariant;
       return /*#__PURE__*/React.createElement(ImportantModal, {
         open: this.props.modalOpen,
         size: size || 'small',
@@ -88,6 +101,9 @@ export var ConfirmationModal = /*#__PURE__*/function (_Component) {
       }, continueText || t('Confirm'))));
     }
   }]);
+
+  ConfirmationModal.displayName = "ConfirmationModal";
+  return ConfirmationModal;
 }(Component);
 ConfirmationModal.propTypes = {
   closeModal: PropTypes.func.isRequired,

package/es/common/components/ImportModal/ImportFileSelector/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, _ImportFileSelector, _IconUploadLine, _IconCompleteLine;
+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,43 +14,53 @@ import { Grid } from '@instructure/ui-grid';
 import { withStyle, jsx } from '@instructure/emotion';
 import { IconUploadLine, IconCompleteLine } from '@instructure/ui-icons';
 import t from '@instructure/quiz-i18n/es/format-message';
-import FileSelector from '../../../../common/components/shared/file_selector/FileSelector';
-import generateStyle from './styles';
-import generateComponentTheme from './theme';
-export var ImportFileSelector = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_ImportFileSelector = /*#__PURE__*/function (_Component) {
+import FileSelector from "../../../../common/components/shared/file_selector/FileSelector.js";
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
+
+var _ref = jsx(IconUploadLine, null);
+
+var _ref2 = jsx(IconCompleteLine, null);
+
+export var ImportFileSelector = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(ImportFileSelector, _Component);
+
+  var _super = _createSuper(ImportFileSelector);
+
   function ImportFileSelector() {
     _classCallCheck(this, ImportFileSelector);
-    return _callSuper(this, ImportFileSelector, arguments);
+
+    return _super.apply(this, arguments);
   }
-  _inherits(ImportFileSelector, _Component);
-  return _createClass(ImportFileSelector, [{
+
+  _createClass(ImportFileSelector, [{
     key: "renderUploadIcon",
     value: function renderUploadIcon(styles) {
       return jsx("div", {
         css: this.props.styles.uploadIconContainer
-      }, _IconUploadLine || (_IconUploadLine = jsx(IconUploadLine, null)));
+      }, _ref);
     }
   }, {
     key: "renderCheckmarkIcon",
     value: function renderCheckmarkIcon(styles) {
       return jsx("div", {
         css: styles.checkIconContainer
-      }, _IconCompleteLine || (_IconCompleteLine = jsx(IconCompleteLine, null)));
+      }, _ref2);
     }
   }, {
     key: "renderFileList",
     value: function renderFileList(styles) {
       var fileName = this.props.files.get(0).name;
       return jsx("div", null, t.rich('<0>{fileName}</0> <1>is ready.</1>', {
-        0: function _(_ref) {
-          var children = _ref.children;
+        0: function _(_ref3) {
+          var children = _ref3.children;
           return jsx("span", {
             css: styles.fileListSuccess,
             key: "0"
           }, children);
         },
-        1: function _(_ref2) {
-          var children = _ref2.children;
+        1: function _(_ref4) {
+          var children = _ref4.children;
           return jsx("span", {
             key: "1"
           }, children);
@@ -59,14 +71,14 @@ export var ImportFileSelector = (_dec = withStyle(generateStyle, generateCompone
   }, {
     key: "renderFilePickerText",
     value: function renderFilePickerText(styles) {
-      return jsx("div", null, t.rich('Drag & Drop here <0>or</0> <1>Browse</1>', [function (_ref3) {
-        var children = _ref3.children;
+      return jsx("div", null, t.rich('Drag & Drop here <0>or</0> <1>Browse</1>', [function (_ref5) {
+        var children = _ref5.children;
         return jsx("span", {
           css: styles.smallText,
           key: "0"
         }, children);
-      }, function (_ref4) {
-        var children = _ref4.children;
+      }, function (_ref6) {
+        var children = _ref6.children;
         return jsx(Button, {
           key: "1"
         }, children);
@@ -94,6 +106,7 @@ export var ImportFileSelector = (_dec = withStyle(generateStyle, generateCompone
     key: "renderContent",
     value: function renderContent() {
       var files = this.props.files;
+
       if (files && files.size) {
         return this.renderWrapperWithList(this.props.styles);
       } else {
@@ -104,9 +117,9 @@ export var ImportFileSelector = (_dec = withStyle(generateStyle, generateCompone
     key: "render",
     value: function render() {
       var _this$props = this.props,
-        styles = _this$props.styles,
-        receiveFile = _this$props.receiveFile,
-        acceptAttribute = _this$props.acceptAttribute;
+          styles = _this$props.styles,
+          receiveFile = _this$props.receiveFile,
+          acceptAttribute = _this$props.acceptAttribute;
       return jsx("div", {
         css: styles.selector
       }, jsx(FileSelector, {
@@ -116,10 +129,13 @@ export var ImportFileSelector = (_dec = withStyle(generateStyle, generateCompone
       }));
     }
   }]);
-}(Component), _ImportFileSelector.propTypes = {
+
+  ImportFileSelector.displayName = "ImportFileSelector";
+  return ImportFileSelector;
+}(Component), _class2.propTypes = {
   files: ImmutablePropTypes.list.isRequired,
   receiveFile: PropTypes.func.isRequired,
   acceptAttribute: PropTypes.string.isRequired,
   styles: PropTypes.object
-}, _ImportFileSelector)) || _class);
+}, _temp)) || _class);
 export default ImportFileSelector;

package/es/common/components/ImportModal/ImportFileSelector/styles.js

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

package/es/common/components/ImportModal/ImportFileSelector/theme.js

@@ -1,7 +1,7 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-    colors = _ref.colors,
-    typography = _ref.typography;
+      colors = _ref.colors,
+      typography = _ref.typography;
   return {
     uploadIconContainerColor: colors.ash,
     uploadIconContainerColorFontSize: typography.fontSizeXLarge,
@@ -14,4 +14,5 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     fileListSuccessColor: colors.shamrock
   };
 };
+
 export default generateComponentTheme;

package/es/common/components/ImportModal/index.js

@@ -1,10 +1,10 @@
 import { List, Map } from 'immutable';
-import { connect } from '../../react-redux';
-import { closeModal } from '../../../common/actions/modal';
-import { screenreaderNotification } from '../../../common/actions/alerts';
-import { clearAltText, clearFiles, receiveFile, setAltText, uploadStatus as setUploadStatus } from '../../../common/actions/upload';
+import { connect } from "../../react-redux.js";
+import { closeModal } from "../../../common/actions/modal.js";
+import { screenreaderNotification } from "../../../common/actions/alerts.js";
+import { clearAltText, clearFiles, receiveFile, setAltText, uploadStatus as setUploadStatus } from "../../../common/actions/upload.js";
 import { IMPORT_MODAL, FILE_UPLOAD_SELECT, FILE_UPLOAD_URL_CALL, FILE_UPLOAD_CALL } from '@instructure/quiz-common';
-import { ImportModal as ImportModalPresenter } from './presenter';
+import { ImportModal as ImportModalPresenter } from "./presenter.js";
 var callsToCheck = [FILE_UPLOAD_URL_CALL, FILE_UPLOAD_CALL];
 export function callProgress(callsToCheck) {
   var calls = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : Map();
@@ -16,19 +16,16 @@ export function callProgress(callsToCheck) {
 export function progressValue(progressNumber) {
   var callsMade = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : Map();
   var callsToCheck = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [];
-  var callProgressWhenCompleted = 1;
-  // We are using 50 because 50 == (100 / 2.0) and import and API calls each contribute 1/2 of the overall progress
-  return progressNumber
-  // If importing, then the calls are completed and we skip the calculation
-  ? (callProgressWhenCompleted + progressNumber) * 50
-  // If no progressNumber, then the callProgress counts is working on the first 50%
+  var callProgressWhenCompleted = 1; // We are using 50 because 50 == (100 / 2.0) and import and API calls each contribute 1/2 of the overall progress
+
+  return progressNumber // If importing, then the calls are completed and we skip the calculation
+  ? (callProgressWhenCompleted + progressNumber) * 50 // If no progressNumber, then the callProgress counts is working on the first 50%
   : callProgress(callsToCheck, callsMade) * 50;
 }
 export var generateImportModalId = function generateImportModalId(id) {
   return "".concat(id, "_").concat(IMPORT_MODAL);
-};
+}; // Every component ought to pass in the importModalId to help keep track of which importModal is supposed to be open
 
-// Every component ought to pass in the importModalId to help keep track of which importModal is supposed to be open
 var mapStateToProps = function mapStateToProps(state, props) {
   return {
     altText: state.getIn(['upload', 'altText'], ''),
@@ -38,6 +35,7 @@ var mapStateToProps = function mapStateToProps(state, props) {
     progressValue: callProgress(callsToCheck, state.get('calls')) * 100
   };
 };
+
 var mapDispatchToProps = {
   clearAltText: clearAltText,
   clearFiles: clearFiles,
@@ -47,8 +45,10 @@ var mapDispatchToProps = {
   setUploadStatus: setUploadStatus,
   screenreaderNotification: screenreaderNotification
 };
+
 var mergeProps = function mergeProps(stateProps, dispatchProps, ownProps) {
   return Object.assign({}, stateProps, dispatchProps, ownProps);
 };
+
 export var ImportModal = connect(mapStateToProps, mapDispatchToProps, mergeProps)(ImportModalPresenter);
 export default ImportModal;

package/es/common/components/ImportModal/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, _ImportModal;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -17,39 +19,53 @@ import { ToggleDetails } from '@instructure/ui-toggle-details';
 import { TextInput } from '@instructure/ui-text-input';
 import { withStyle, jsx } from '@instructure/emotion';
 import { ImportantModal, ModalHeader, ModalBody, ModalFooter, FILE_UPLOAD_SELECT, FILE_UPLOAD_IMPORTING, FILE_UPLOAD_SUCCESS, FILE_UPLOAD_FAILURE, FILE_UPLOAD_ERROR, XSMALL_SIDE_MARGIN } from '@instructure/quiz-common';
-import generateStyle from './styles';
-import generateComponentTheme from './theme';
-import ImportFileSelector from './ImportFileSelector';
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
+import ImportFileSelector from "./ImportFileSelector/index.js";
 import t from '@instructure/quiz-i18n/es/format-message';
-export var ImportModal = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_ImportModal = /*#__PURE__*/function (_Component) {
+export var ImportModal = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(ImportModal, _Component);
+
+  var _super = _createSuper(ImportModal);
+
   function ImportModal() {
     var _this;
+
     _classCallCheck(this, ImportModal);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, ImportModal, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
     _this.state = {
       selectedTabIndex: 0
     };
+
     _this.componentDidUpdate = function (prevProps, prevState) {
       if (!_this.props.modalOpen) {
         return;
       }
+
       var _this$props = _this.props,
-        disableConfirm = _this$props.disableConfirm,
-        uploadStatus = _this$props.uploadStatus;
+          disableConfirm = _this$props.disableConfirm,
+          uploadStatus = _this$props.uploadStatus;
       var isUploadSuccess = uploadStatus === FILE_UPLOAD_SUCCESS && uploadStatus !== prevProps.uploadStatus;
+
       if (disableConfirm && isUploadSuccess) {
         _this.continueAction();
       }
+
       if (uploadStatus !== prevProps.uploadStatus) {
         _this.alertScreenreader();
       }
     };
+
     _this.cancelAction = function () {
       _this.props.clearFiles();
+
       _this.props.clearAltText();
+
       if (_this.props.closeOverride) {
         // this timeout is needed because if this modal closes first,
         // then the ItemFeedbackModal will also close in the same click
@@ -57,53 +73,72 @@ export var ImportModal = (_dec = withStyle(generateStyle, generateComponentTheme
         setTimeout(_this.props.closeOverride);
       } else {
         _this.props.closeModal();
-      }
-      // Wait for the modal to close before setting the status to prevent flashing
+      } // Wait for the modal to close before setting the status to prevent flashing
       // the select screen when closing the modal due to the modal having a gradual
       // fade transition that will display the change in state
+
+
       setTimeout(function () {
         return _this.props.setUploadStatus(FILE_UPLOAD_SELECT);
       }, 300);
     };
+
     _this.errorAction = function () {
       return _this.props.setUploadStatus(FILE_UPLOAD_ERROR);
     };
+
     _this.continueAction = function () {
       var uploadStatus = _this.props.uploadStatus;
+
       switch (uploadStatus) {
         case FILE_UPLOAD_SUCCESS:
         case FILE_UPLOAD_FAILURE:
           _this.cancelAction();
+
           break;
+
         case FILE_UPLOAD_ERROR:
           _this.props.clearFiles();
+
           _this.props.clearAltText();
+
           _this.props.setUploadStatus(FILE_UPLOAD_SELECT);
+
           break;
+
         default:
           _this.props.fileUpload(_this.props.files.get(0), _this.errorAction, _this.props.altText);
+
           _this.props.setUploadStatus(FILE_UPLOAD_IMPORTING);
+
           _this.props.onContinue();
+
           break;
       }
     };
+
     _this.handleFile = function (file) {
       _this.props.receiveFile(file);
+
       _this.confirmButton.focus();
     };
+
     _this.onAltTextChange = function (e) {
       _this.props.setAltText(e.target.value);
     };
+
     _this.handleTabChange = function (event, _ref) {
       var index = _ref.index;
+
       _this.setState({
         selectedTabIndex: index
       });
     };
+
     return _this;
   }
-  _inherits(ImportModal, _Component);
-  return _createClass(ImportModal, [{
+
+  _createClass(ImportModal, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
       if (this.props.uploadStatus === FILE_UPLOAD_SUCCESS && this.props.modalOpen) {
@@ -114,6 +149,7 @@ export var ImportModal = (_dec = withStyle(generateStyle, generateComponentTheme
     key: "setRef",
     value: function setRef(refName) {
       var _this2 = this;
+
       return function (node) {
         _this2[refName] = node;
       };
@@ -139,21 +175,25 @@ export var ImportModal = (_dec = withStyle(generateStyle, generateComponentTheme
     key: "disableContinueButton",
     value: function disableContinueButton() {
       var _this$props2 = this.props,
-        uploadStatus = _this$props2.uploadStatus,
-        files = _this$props2.files;
+          uploadStatus = _this$props2.uploadStatus,
+          files = _this$props2.files;
       return uploadStatus === FILE_UPLOAD_IMPORTING || files.size === 0;
     }
   }, {
     key: "continueButtonMessage",
     value: function continueButtonMessage() {
       var uploadStatus = this.props.uploadStatus;
+
       switch (uploadStatus) {
         case FILE_UPLOAD_FAILURE:
           return t('Okay');
+
         case FILE_UPLOAD_SUCCESS:
           return t('Done');
+
         case FILE_UPLOAD_ERROR:
           return t('Start Over');
+
         default:
           return t('Import');
       }
@@ -249,6 +289,7 @@ export var ImportModal = (_dec = withStyle(generateStyle, generateComponentTheme
     key: "alertScreenreader",
     value: function alertScreenreader() {
       var msg = this.uploadStatusMessage();
+
       if (msg) {
         this.props.screenreaderNotification(msg);
       }
@@ -259,12 +300,16 @@ export var ImportModal = (_dec = withStyle(generateStyle, generateComponentTheme
       switch (this.props.uploadStatus) {
         case FILE_UPLOAD_FAILURE:
           return this.renderFailureContent();
+
         case FILE_UPLOAD_SUCCESS:
           return this.renderSuccessContent();
+
         case FILE_UPLOAD_ERROR:
           return this.renderErroredContent();
+
         case FILE_UPLOAD_IMPORTING:
           return this.renderImportingContent();
+
         default:
           return this.renderSelectingContent(fileType);
       }
@@ -273,16 +318,18 @@ export var ImportModal = (_dec = withStyle(generateStyle, generateComponentTheme
     key: "renderContent",
     value: function renderContent() {
       var _this3 = this;
+
       if (typeof this.props.acceptFileType === 'string') {
         return this.renderImportContent(this.props.acceptFileType);
       }
+
       var selectedIndex = this.state.selectedTabIndex;
       return jsx(Tabs, {
         onRequestTabChange: this.handleTabChange,
         variant: "secondary"
       }, this.props.acceptFileType.map(function (_ref2, index) {
         var fileType = _ref2.fileType,
-          title = _ref2.title;
+            title = _ref2.title;
         return jsx(Tabs.Panel, {
           key: title,
           renderTitle: title,
@@ -313,7 +360,10 @@ export var ImportModal = (_dec = withStyle(generateStyle, generateComponentTheme
       })), jsx(ModalBody, null, this.renderContent()), jsx(ModalFooter, null, this.cancelButton(), this.continueButton()));
     }
   }]);
-}(Component), _ImportModal.propTypes = {
+
+  ImportModal.displayName = "ImportModal";
+  return ImportModal;
+}(Component), _class2.propTypes = {
   acceptFileType: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.shape({
     fileType: PropTypes.string,
     title: PropTypes.string
@@ -349,9 +399,9 @@ export var ImportModal = (_dec = withStyle(generateStyle, generateComponentTheme
   uploadStatus: PropTypes.oneOf([FILE_UPLOAD_SELECT, FILE_UPLOAD_IMPORTING, FILE_UPLOAD_SUCCESS, FILE_UPLOAD_FAILURE, FILE_UPLOAD_ERROR]).isRequired,
   // passed in by connect,
   styles: PropTypes.object
-}, _ImportModal.defaultProps = {
+}, _class2.defaultProps = {
   closeOverride: null,
   disableConfirm: false,
   onClose: function onClose() {}
-}, _ImportModal)) || _class);
+}, _temp)) || _class);
 export default ImportModal;