@instructure/quiz-core 20.17.2-rc.1 → 20.17.2-rc.11

package/es/common/api/schema.js

@@ -13,7 +13,6 @@ 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');
@@ -23,7 +22,9 @@ 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
 // =================
 
@@ -58,12 +59,13 @@ 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,19 +1,17 @@
+var _Card;
 import React, { useEffect } from 'react';
-import { connect } from "../../react-redux.js";
+import { connect } from '../../react-redux';
 import { bool, node, func } from 'prop-types';
-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));
-
+import { getFeatures } from '../../api/features';
+import { QuizzesSpinner as Spinner } from '../shared/spinner/Spinner';
+import { Card } from '../shared/Card';
 export var ApiFeatureFlagInitializerComponent = function ApiFeatureFlagInitializerComponent(props) {
   useEffect(function () {
     !props.loadedApiFeatures && props.getFeatures();
   }, []);
-  return props.loadedApiFeatures ? props.children : _ref;
+  return props.loadedApiFeatures ? props.children : _Card || (_Card = /*#__PURE__*/React.createElement(Card, {
+    wrapped: true
+  }, /*#__PURE__*/React.createElement(Spinner, null)));
 };
 ApiFeatureFlagInitializerComponent.propTypes = {
   children: node.isRequired,
@@ -23,13 +21,11 @@ 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,21 +1,18 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { bindActionCreators } from 'redux';
 import { Map } from 'immutable';
-import { connect } from "../../react-redux.js";
-import { closeModal } from "../../actions/modal.js";
-import ConfirmationModal from "./presenter.js";
-
+import { connect } from '../../react-redux';
+import { closeModal } from '../../actions/modal';
+import ConfirmationModal from './presenter';
 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,66 +10,53 @@ 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 = _super.call.apply(_super, [this].concat(args));
+    _this = _callSuper(this, ConfirmationModal, [].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;
   }
-
-  _createClass(ConfirmationModal, [{
+  _inherits(ConfirmationModal, _Component);
+  return _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',
@@ -101,9 +88,6 @@ 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,10 +1,8 @@
 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";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _ImportFileSelector, _IconUploadLine, _IconCompleteLine;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -14,53 +12,43 @@ 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.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);
-
+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) {
   function ImportFileSelector() {
     _classCallCheck(this, ImportFileSelector);
-
-    return _super.apply(this, arguments);
+    return _callSuper(this, ImportFileSelector, arguments);
   }
-
-  _createClass(ImportFileSelector, [{
+  _inherits(ImportFileSelector, _Component);
+  return _createClass(ImportFileSelector, [{
     key: "renderUploadIcon",
     value: function renderUploadIcon(styles) {
       return jsx("div", {
         css: this.props.styles.uploadIconContainer
-      }, _ref);
+      }, _IconUploadLine || (_IconUploadLine = jsx(IconUploadLine, null)));
     }
   }, {
     key: "renderCheckmarkIcon",
     value: function renderCheckmarkIcon(styles) {
       return jsx("div", {
         css: styles.checkIconContainer
-      }, _ref2);
+      }, _IconCompleteLine || (_IconCompleteLine = jsx(IconCompleteLine, null)));
     }
   }, {
     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 _(_ref3) {
-          var children = _ref3.children;
+        0: function _(_ref) {
+          var children = _ref.children;
           return jsx("span", {
             css: styles.fileListSuccess,
             key: "0"
           }, children);
         },
-        1: function _(_ref4) {
-          var children = _ref4.children;
+        1: function _(_ref2) {
+          var children = _ref2.children;
           return jsx("span", {
             key: "1"
           }, children);
@@ -71,14 +59,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 (_ref5) {
-        var children = _ref5.children;
+      return jsx("div", null, t.rich('Drag & Drop here <0>or</0> <1>Browse</1>', [function (_ref3) {
+        var children = _ref3.children;
         return jsx("span", {
           css: styles.smallText,
           key: "0"
         }, children);
-      }, function (_ref6) {
-        var children = _ref6.children;
+      }, function (_ref4) {
+        var children = _ref4.children;
         return jsx(Button, {
           key: "1"
         }, children);
@@ -106,7 +94,6 @@ 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 {
@@ -117,9 +104,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, {
@@ -129,13 +116,10 @@ export var ImportFileSelector = (_dec = withStyle(generateStyle, generateCompone
       }));
     }
   }]);
-
-  ImportFileSelector.displayName = "ImportFileSelector";
-  return ImportFileSelector;
-}(Component), _class2.propTypes = {
+}(Component), _ImportFileSelector.propTypes = {
   files: ImmutablePropTypes.list.isRequired,
   receiveFile: PropTypes.func.isRequired,
   acceptAttribute: PropTypes.string.isRequired,
   styles: PropTypes.object
-}, _temp)) || _class);
+}, _ImportFileSelector)) || _class);
 export default ImportFileSelector;

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

@@ -23,5 +23,4 @@ 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,5 +14,4 @@ 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.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 { 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 { IMPORT_MODAL, FILE_UPLOAD_SELECT, FILE_UPLOAD_URL_CALL, FILE_UPLOAD_CALL } from '@instructure/quiz-common';
-import { ImportModal as ImportModalPresenter } from "./presenter.js";
+import { ImportModal as ImportModalPresenter } from './presenter';
 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,16 +16,19 @@ 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'], ''),
@@ -35,7 +38,6 @@ var mapStateToProps = function mapStateToProps(state, props) {
     progressValue: callProgress(callsToCheck, state.get('calls')) * 100
   };
 };
-
 var mapDispatchToProps = {
   clearAltText: clearAltText,
   clearFiles: clearFiles,
@@ -45,10 +47,8 @@ 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,10 +1,8 @@
 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";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _ImportModal;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -19,53 +17,39 @@ 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.js";
-import generateComponentTheme from "./theme.js";
-import ImportFileSelector from "./ImportFileSelector/index.js";
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
+import ImportFileSelector from './ImportFileSelector';
 import t from '@instructure/quiz-i18n/es/format-message';
-export var ImportModal = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  _inherits(ImportModal, _Component);
-
-  var _super = _createSuper(ImportModal);
-
+export var ImportModal = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_ImportModal = /*#__PURE__*/function (_Component) {
   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 = _super.call.apply(_super, [this].concat(args));
+    _this = _callSuper(this, ImportModal, [].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
@@ -73,72 +57,53 @@ 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;
   }
-
-  _createClass(ImportModal, [{
+  _inherits(ImportModal, _Component);
+  return _createClass(ImportModal, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
       if (this.props.uploadStatus === FILE_UPLOAD_SUCCESS && this.props.modalOpen) {
@@ -149,7 +114,6 @@ export var ImportModal = (_dec = withStyle(generateStyle, generateComponentTheme
     key: "setRef",
     value: function setRef(refName) {
       var _this2 = this;
-
       return function (node) {
         _this2[refName] = node;
       };
@@ -175,25 +139,21 @@ 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');
       }
@@ -289,7 +249,6 @@ export var ImportModal = (_dec = withStyle(generateStyle, generateComponentTheme
     key: "alertScreenreader",
     value: function alertScreenreader() {
       var msg = this.uploadStatusMessage();
-
       if (msg) {
         this.props.screenreaderNotification(msg);
       }
@@ -300,16 +259,12 @@ 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);
       }
@@ -318,18 +273,16 @@ 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,
@@ -360,10 +313,7 @@ export var ImportModal = (_dec = withStyle(generateStyle, generateComponentTheme
       })), jsx(ModalBody, null, this.renderContent()), jsx(ModalFooter, null, this.cancelButton(), this.continueButton()));
     }
   }]);
-
-  ImportModal.displayName = "ImportModal";
-  return ImportModal;
-}(Component), _class2.propTypes = {
+}(Component), _ImportModal.propTypes = {
   acceptFileType: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.shape({
     fileType: PropTypes.string,
     title: PropTypes.string
@@ -399,9 +349,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
-}, _class2.defaultProps = {
+}, _ImportModal.defaultProps = {
   closeOverride: null,
   disableConfirm: false,
   onClose: function onClose() {}
-}, _temp)) || _class);
+}, _ImportModal)) || _class);
 export default ImportModal;