@instructure/quiz-core 20.20.1-rc.2 → 20.20.1-snapshot.4

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

@@ -1,97 +1,71 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ConfirmationModal = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _uiButtons = require("@instructure/ui-buttons");
-
 var _uiText = require("@instructure/ui-text");
-
 var _uiHeading = require("@instructure/ui-heading");
-
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
 var _quizCommon = require("@instructure/quiz-common");
-
 var ConfirmationModal = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(ConfirmationModal, _Component);
-
   var _super = (0, _createSuper2.default)(ConfirmationModal);
-
   function ConfirmationModal() {
     var _this;
-
     (0, _classCallCheck2.default)(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.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;
   }
-
   (0, _createClass2.default)(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.default.createElement(_quizCommon.ImportantModal, {
         open: this.props.modalOpen,
         size: size || 'small',
@@ -126,7 +100,6 @@ var ConfirmationModal = /*#__PURE__*/function (_Component) {
   ConfirmationModal.displayName = "ConfirmationModal";
   return ConfirmationModal;
 }(_react.Component);
-
 exports.ConfirmationModal = ConfirmationModal;
 ConfirmationModal.propTypes = {
   closeModal: _propTypes.default.func.isRequired,

package/lib/common/components/ImportModal/ImportFileSelector/index.js

@@ -1,58 +1,36 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ImportFileSelector = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
-
 var _uiButtons = require("@instructure/ui-buttons");
-
 var _uiGrid = require("@instructure/ui-grid");
-
 var _emotion = require("@instructure/emotion");
-
 var _uiIcons = require("@instructure/ui-icons");
-
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
 var _FileSelector = _interopRequireDefault(require("../../../../common/components/shared/file_selector/FileSelector.js"));
-
 var _styles = _interopRequireDefault(require("./styles.js"));
-
 var _theme = _interopRequireDefault(require("./theme.js"));
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _ImportFileSelector;
+/** @jsx jsx */
 var _ref = (0, _emotion.jsx)(_uiIcons.IconUploadLine, null);
-
 var _ref2 = (0, _emotion.jsx)(_uiIcons.IconCompleteLine, null);
-
-var ImportFileSelector = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+var ImportFileSelector = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_ImportFileSelector = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(ImportFileSelector, _Component);
-
   var _super = (0, _createSuper2.default)(ImportFileSelector);
-
   function ImportFileSelector() {
     (0, _classCallCheck2.default)(this, ImportFileSelector);
     return _super.apply(this, arguments);
   }
-
   (0, _createClass2.default)(ImportFileSelector, [{
     key: "renderUploadIcon",
     value: function renderUploadIcon(styles) {
@@ -126,7 +104,6 @@ var ImportFileSelector = (_dec = (0, _emotion.withStyle)(_styles.default, _theme
     key: "renderContent",
     value: function renderContent() {
       var files = this.props.files;
-
       if (files && files.size) {
         return this.renderWrapperWithList(this.props.styles);
       } else {
@@ -137,9 +114,9 @@ var ImportFileSelector = (_dec = (0, _emotion.withStyle)(_styles.default, _theme
     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 (0, _emotion.jsx)("div", {
         css: styles.selector
       }, (0, _emotion.jsx)(_FileSelector.default, {
@@ -151,12 +128,12 @@ var ImportFileSelector = (_dec = (0, _emotion.withStyle)(_styles.default, _theme
   }]);
   ImportFileSelector.displayName = "ImportFileSelector";
   return ImportFileSelector;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _ImportFileSelector.propTypes = {
   files: _reactImmutableProptypes.default.list.isRequired,
   receiveFile: _propTypes.default.func.isRequired,
   acceptAttribute: _propTypes.default.string.isRequired,
   styles: _propTypes.default.object
-}, _temp)) || _class);
+}, _ImportFileSelector)) || _class);
 exports.ImportFileSelector = ImportFileSelector;
 var _default = ImportFileSelector;
 exports.default = _default;

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

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateStyle = function generateStyle(componentTheme) {
   return {
     uploadIconContainer: {
@@ -30,6 +29,5 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-
 var _default = generateStyle;
 exports.default = _default;

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

@@ -4,11 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 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,
@@ -21,6 +20,5 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     fileListSuccessColor: colors.shamrock
   };
 };
-
 var _default = generateComponentTheme;
 exports.default = _default;

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

@@ -6,23 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.callProgress = callProgress;
 exports.progressValue = progressValue;
 exports.default = exports.ImportModal = exports.generateImportModalId = void 0;
-
 var _immutable = require("immutable");
-
 var _reactRedux = require("../../react-redux.js");
-
 var _modal = require("../../../common/actions/modal.js");
-
 var _alerts = require("../../../common/actions/alerts.js");
-
 var _upload = require("../../../common/actions/upload.js");
-
 var _quizCommon = require("@instructure/quiz-common");
-
 var _presenter = require("./presenter.js");
-
 var callsToCheck = [_quizCommon.FILE_UPLOAD_URL_CALL, _quizCommon.FILE_UPLOAD_CALL];
-
 function callProgress(callsToCheck) {
   var calls = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : (0, _immutable.Map)();
   var successCount = calls.filter(function (value, key) {
@@ -30,24 +21,23 @@ function callProgress(callsToCheck) {
   }).size;
   return successCount / callsToCheck.length;
 }
-
 function progressValue(progressNumber) {
   var callsMade = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : (0, _immutable.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;
 }
-
 var generateImportModalId = function generateImportModalId(id) {
   return "".concat(id, "_").concat(_quizCommon.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
 exports.generateImportModalId = generateImportModalId;
-
 var mapStateToProps = function mapStateToProps(state, props) {
   return {
     altText: state.getIn(['upload', 'altText'], ''),
@@ -57,7 +47,6 @@ var mapStateToProps = function mapStateToProps(state, props) {
     progressValue: callProgress(callsToCheck, state.get('calls')) * 100
   };
 };
-
 var mapDispatchToProps = {
   clearAltText: _upload.clearAltText,
   clearFiles: _upload.clearFiles,
@@ -67,11 +56,9 @@ var mapDispatchToProps = {
   setUploadStatus: _upload.uploadStatus,
   screenreaderNotification: _alerts.screenreaderNotification
 };
-
 var mergeProps = function mergeProps(stateProps, dispatchProps, ownProps) {
   return Object.assign({}, stateProps, dispatchProps, ownProps);
 };
-
 var ImportModal = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps, mergeProps)(_presenter.ImportModal);
 exports.ImportModal = ImportModal;
 var _default = ImportModal;

package/lib/common/components/ImportModal/presenter.js

@@ -1,99 +1,64 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ImportModal = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
-
 var _uiAlerts = require("@instructure/ui-alerts");
-
 var _uiButtons = require("@instructure/ui-buttons");
-
 var _uiText = require("@instructure/ui-text");
-
 var _uiProgress = require("@instructure/ui-progress");
-
 var _uiHeading = require("@instructure/ui-heading");
-
 var _uiTabs = require("@instructure/ui-tabs");
-
 var _uiToggleDetails = require("@instructure/ui-toggle-details");
-
 var _uiTextInput = require("@instructure/ui-text-input");
-
 var _emotion = require("@instructure/emotion");
-
 var _quizCommon = require("@instructure/quiz-common");
-
 var _styles = _interopRequireDefault(require("./styles.js"));
-
 var _theme = _interopRequireDefault(require("./theme.js"));
-
 var _index = _interopRequireDefault(require("./ImportFileSelector/index.js"));
-
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
-var _dec, _class, _class2, _temp;
-
-var ImportModal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+var _dec, _class, _ImportModal;
+/** @jsx jsx */
+var ImportModal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_ImportModal = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(ImportModal, _Component);
-
   var _super = (0, _createSuper2.default)(ImportModal);
-
   function ImportModal() {
     var _this;
-
     (0, _classCallCheck2.default)(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.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 === _quizCommon.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
@@ -101,71 +66,51 @@ var ImportModal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
         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(_quizCommon.FILE_UPLOAD_SELECT);
       }, 300);
     };
-
     _this.errorAction = function () {
       return _this.props.setUploadStatus(_quizCommon.FILE_UPLOAD_ERROR);
     };
-
     _this.continueAction = function () {
       var uploadStatus = _this.props.uploadStatus;
-
       switch (uploadStatus) {
         case _quizCommon.FILE_UPLOAD_SUCCESS:
         case _quizCommon.FILE_UPLOAD_FAILURE:
           _this.cancelAction();
-
           break;
-
         case _quizCommon.FILE_UPLOAD_ERROR:
           _this.props.clearFiles();
-
           _this.props.clearAltText();
-
           _this.props.setUploadStatus(_quizCommon.FILE_UPLOAD_SELECT);
-
           break;
-
         default:
           _this.props.fileUpload(_this.props.files.get(0), _this.errorAction, _this.props.altText);
-
           _this.props.setUploadStatus(_quizCommon.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;
   }
-
   (0, _createClass2.default)(ImportModal, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
@@ -177,7 +122,6 @@ var ImportModal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
     key: "setRef",
     value: function setRef(refName) {
       var _this2 = this;
-
       return function (node) {
         _this2[refName] = node;
       };
@@ -203,25 +147,21 @@ var ImportModal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
     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 === _quizCommon.FILE_UPLOAD_IMPORTING || files.size === 0;
     }
   }, {
     key: "continueButtonMessage",
     value: function continueButtonMessage() {
       var uploadStatus = this.props.uploadStatus;
-
       switch (uploadStatus) {
         case _quizCommon.FILE_UPLOAD_FAILURE:
           return (0, _formatMessage.default)('Okay');
-
         case _quizCommon.FILE_UPLOAD_SUCCESS:
           return (0, _formatMessage.default)('Done');
-
         case _quizCommon.FILE_UPLOAD_ERROR:
           return (0, _formatMessage.default)('Start Over');
-
         default:
           return (0, _formatMessage.default)('Import');
       }
@@ -317,7 +257,6 @@ var ImportModal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
     key: "alertScreenreader",
     value: function alertScreenreader() {
       var msg = this.uploadStatusMessage();
-
       if (msg) {
         this.props.screenreaderNotification(msg);
       }
@@ -328,16 +267,12 @@ var ImportModal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
       switch (this.props.uploadStatus) {
         case _quizCommon.FILE_UPLOAD_FAILURE:
           return this.renderFailureContent();
-
         case _quizCommon.FILE_UPLOAD_SUCCESS:
           return this.renderSuccessContent();
-
         case _quizCommon.FILE_UPLOAD_ERROR:
           return this.renderErroredContent();
-
         case _quizCommon.FILE_UPLOAD_IMPORTING:
           return this.renderImportingContent();
-
         default:
           return this.renderSelectingContent(fileType);
       }
@@ -346,18 +281,16 @@ var ImportModal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
     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 (0, _emotion.jsx)(_uiTabs.Tabs, {
         onRequestTabChange: this.handleTabChange,
         variant: "secondary"
       }, this.props.acceptFileType.map(function (_ref2, index) {
         var fileType = _ref2.fileType,
-            title = _ref2.title;
+          title = _ref2.title;
         return (0, _emotion.jsx)(_uiTabs.Tabs.Panel, {
           key: title,
           renderTitle: title,
@@ -390,7 +323,7 @@ var ImportModal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
   }]);
   ImportModal.displayName = "ImportModal";
   return ImportModal;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _ImportModal.propTypes = {
   acceptFileType: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.shape({
     fileType: _propTypes.default.string,
     title: _propTypes.default.string
@@ -426,11 +359,11 @@ var ImportModal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
   uploadStatus: _propTypes.default.oneOf([_quizCommon.FILE_UPLOAD_SELECT, _quizCommon.FILE_UPLOAD_IMPORTING, _quizCommon.FILE_UPLOAD_SUCCESS, _quizCommon.FILE_UPLOAD_FAILURE, _quizCommon.FILE_UPLOAD_ERROR]).isRequired,
   // passed in by connect,
   styles: _propTypes.default.object
-}, _class2.defaultProps = {
+}, _ImportModal.defaultProps = {
   closeOverride: null,
   disableConfirm: false,
   onClose: function onClose() {}
-}, _temp)) || _class);
+}, _ImportModal)) || _class);
 exports.ImportModal = ImportModal;
 var _default = ImportModal;
 exports.default = _default;

package/lib/common/components/ImportModal/styles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateStyle = function generateStyle(componentTheme) {
   return {
     altTextWrapper: {
@@ -12,6 +11,5 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-
 var _default = generateStyle;
 exports.default = _default;

package/lib/common/components/ImportModal/theme.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing;
   return {
     altTextMargin: spacing.large
   };
 };
-
 var _default = generateComponentTheme;
 exports.default = _default;