@instructure/quiz-core 21.1.1 → 22.0.0

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

@@ -4,11 +4,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.ImportModal = void 0;
+exports["default"] = exports.ImportModal = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
@@ -21,101 +23,115 @@ var _uiTabs = require("@instructure/ui-tabs");
 var _uiToggleDetails = require("@instructure/ui-toggle-details");
 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 _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
+var _ImportFileSelector = _interopRequireDefault(require("./ImportFileSelector"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _dec, _class, _ImportModal;
 /** @jsx jsx */
-var ImportModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_ImportModal = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(ImportModal, _Component);
-  var _super = (0, _createSuper2.default)(ImportModal);
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
+var ImportModal = exports.ImportModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_ImportModal = /*#__PURE__*/function (_Component) {
   function ImportModal() {
-    var _this;
-    (0, _classCallCheck2.default)(this, ImportModal);
+    var _this2;
+    (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 = {
+    _this2 = _callSuper(this, ImportModal, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "state", {
       selectedTabIndex: 0
-    };
-    _this.componentDidUpdate = function (prevProps, prevState) {
-      if (!_this.props.modalOpen) {
+    });
+    (0, _defineProperty2["default"])(_this2, "componentDidUpdate", function (prevProps, prevState) {
+      if (!_this2.props.modalOpen) {
         return;
       }
-      var _this$props = _this.props,
-        disableConfirm = _this$props.disableConfirm,
-        uploadStatus = _this$props.uploadStatus;
+      var _this2$props = _this2.props,
+        disableConfirm = _this2$props.disableConfirm,
+        uploadStatus = _this2$props.uploadStatus;
       var isUploadSuccess = uploadStatus === _quizCommon.FILE_UPLOAD_SUCCESS && uploadStatus !== prevProps.uploadStatus;
       if (disableConfirm && isUploadSuccess) {
-        _this.continueAction();
+        _this2.continueAction();
       }
       if (uploadStatus !== prevProps.uploadStatus) {
-        _this.alertScreenreader();
+        _this2.alertScreenreader();
       }
-    };
-    _this.cancelAction = function () {
-      _this.props.clearFiles();
-      _this.props.clearAltText();
-      if (_this.props.closeOverride) {
+    });
+    (0, _defineProperty2["default"])(_this2, "cancelAction", function () {
+      _this2.props.clearFiles();
+      _this2.props.clearAltText();
+      if (_this2.props.closeOverride) {
         // this timeout is needed because if this modal closes first,
         // then the ItemFeedbackModal will also close in the same click
         // since it will think the click happened "onOverlayClick"
-        setTimeout(_this.props.closeOverride);
+        setTimeout(_this2.props.closeOverride);
       } else {
-        _this.props.closeModal();
+        _this2.props.closeModal();
       }
       // 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);
+        return _this2.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;
+    });
+    (0, _defineProperty2["default"])(_this2, "errorAction", function () {
+      return _this2.props.setUploadStatus(_quizCommon.FILE_UPLOAD_ERROR);
+    });
+    (0, _defineProperty2["default"])(_this2, "continueAction", function () {
+      var uploadStatus = _this2.props.uploadStatus;
       switch (uploadStatus) {
         case _quizCommon.FILE_UPLOAD_SUCCESS:
         case _quizCommon.FILE_UPLOAD_FAILURE:
-          _this.cancelAction();
+          _this2.cancelAction();
           break;
         case _quizCommon.FILE_UPLOAD_ERROR:
-          _this.props.clearFiles();
-          _this.props.clearAltText();
-          _this.props.setUploadStatus(_quizCommon.FILE_UPLOAD_SELECT);
+          _this2.props.clearFiles();
+          _this2.props.clearAltText();
+          _this2.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();
+          _this2.props.fileUpload(_this2.props.files.get(0), _this2.errorAction, _this2.props.altText);
+          _this2.props.setUploadStatus(_quizCommon.FILE_UPLOAD_IMPORTING);
+          _this2.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) {
+    });
+    (0, _defineProperty2["default"])(_this2, "handleFile", function (file) {
+      _this2.props.receiveFile(file);
+      _this2.confirmButton.focus();
+    });
+    (0, _defineProperty2["default"])(_this2, "onAltTextChange", function (e) {
+      _this2.props.setAltText(e.target.value);
+    });
+    (0, _defineProperty2["default"])(_this2, "handleTabChange", function (event, _ref) {
       var index = _ref.index;
-      _this.setState({
+      _this2.setState({
         selectedTabIndex: index
       });
-    };
-    return _this;
+    });
+    return _this2;
   }
-  (0, _createClass2.default)(ImportModal, [{
+  (0, _inherits2["default"])(ImportModal, _Component);
+  return (0, _createClass2["default"])(ImportModal, [{
     key: "componentDidUpdate",
+    value:
     // TODO: This is a duplicate of the componentDidUpdate above which can lead to bugs.
     // It was discovered during the ESLint upgrade. This should be fixed ASAP.
     // eslint-disable-next-line no-dupe-class-members
-    value: function componentDidUpdate() {
+    function componentDidUpdate() {
       if (this.props.uploadStatus === _quizCommon.FILE_UPLOAD_SUCCESS && this.props.modalOpen) {
         this.cancelAction();
       }
@@ -123,9 +139,9 @@ var ImportModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _
   }, {
     key: "setRef",
     value: function setRef(refName) {
-      var _this2 = this;
+      var _this3 = this;
       return function (node) {
-        _this2[refName] = node;
+        _this3[refName] = node;
       };
     }
   }, {
@@ -143,14 +159,14 @@ var ImportModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _
         margin: _quizCommon.XSMALL_SIDE_MARGIN,
         ref: this.setRef('cancelImportButton'),
         "data-automation": "sdk-cancel-import-button"
-      }, (0, _formatMessage.default)('Cancel'));
+      }, (0, _formatMessage["default"])('Cancel'));
     }
   }, {
     key: "disableContinueButton",
     value: function disableContinueButton() {
-      var _this$props2 = this.props,
-        uploadStatus = _this$props2.uploadStatus,
-        files = _this$props2.files;
+      var _this$props = this.props,
+        uploadStatus = _this$props.uploadStatus,
+        files = _this$props.files;
       return uploadStatus === _quizCommon.FILE_UPLOAD_IMPORTING || files.size === 0;
     }
   }, {
@@ -159,13 +175,13 @@ var ImportModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _
       var uploadStatus = this.props.uploadStatus;
       switch (uploadStatus) {
         case _quizCommon.FILE_UPLOAD_FAILURE:
-          return (0, _formatMessage.default)('Okay');
+          return (0, _formatMessage["default"])('Okay');
         case _quizCommon.FILE_UPLOAD_SUCCESS:
-          return (0, _formatMessage.default)('Done');
+          return (0, _formatMessage["default"])('Done');
         case _quizCommon.FILE_UPLOAD_ERROR:
-          return (0, _formatMessage.default)('Start Over');
+          return (0, _formatMessage["default"])('Start Over');
         default:
-          return (0, _formatMessage.default)('Import');
+          return (0, _formatMessage["default"])('Import');
       }
     }
   }, {
@@ -191,7 +207,7 @@ var ImportModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _
   }, {
     key: "renderSelectingContent",
     value: function renderSelectingContent(fileType) {
-      return (0, _emotion.jsx)("div", null, (0, _emotion.jsx)("div", null, this.props.importMessage), (0, _emotion.jsx)(_index.default, {
+      return (0, _emotion.jsx)("div", null, (0, _emotion.jsx)("div", null, this.props.importMessage), (0, _emotion.jsx)(_ImportFileSelector["default"], {
         files: this.props.files,
         ref: this.setRef('fileSelector'),
         receiveFile: this.handleFile,
@@ -203,7 +219,7 @@ var ImportModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _
         ref: this.setRef('altTextInput'),
         onChange: this.onAltTextChange,
         value: this.props.altText,
-        renderLabel: (0, _emotion.jsx)("div", null, (0, _formatMessage.default)('alt text (optional)')),
+        renderLabel: (0, _emotion.jsx)("div", null, (0, _formatMessage["default"])('alt text (optional)')),
         type: "text"
       })));
     }
@@ -217,7 +233,7 @@ var ImportModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _
       }, (0, _emotion.jsx)("div", null, this.uploadStatusMessage(), (0, _emotion.jsx)(_uiToggleDetails.ToggleDetails, {
         summary: (0, _emotion.jsx)(_uiText.Text, {
           size: "small"
-        }, (0, _formatMessage.default)('Error Details'))
+        }, (0, _formatMessage["default"])('Error Details'))
       }, (0, _emotion.jsx)(_uiText.Text, {
         size: "small"
       }, this.props.failureMessage)))));
@@ -235,7 +251,7 @@ var ImportModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _
     key: "renderImportingContent",
     value: function renderImportingContent() {
       return (0, _emotion.jsx)(_uiProgress.ProgressBar, {
-        screenReaderLabel: (0, _formatMessage.default)('Import process completion'),
+        screenReaderLabel: (0, _formatMessage["default"])('Import process completion'),
         valueNow: this.props.progressValue,
         ref: this.setRef('progressBar')
       });
@@ -244,13 +260,13 @@ var ImportModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _
     key: "uploadStatusMessage",
     value: function uploadStatusMessage() {
       if (this.props.uploadStatus === _quizCommon.FILE_UPLOAD_FAILURE) {
-        return (0, _formatMessage.default)('Error: there was a problem importing your file.');
+        return (0, _formatMessage["default"])('Error: there was a problem importing your file.');
       } else if (this.props.uploadStatus === _quizCommon.FILE_UPLOAD_ERROR) {
-        return (0, _formatMessage.default)('Error: there was a problem uploading your file.');
+        return (0, _formatMessage["default"])('Error: there was a problem uploading your file.');
       } else if (this.props.uploadStatus === _quizCommon.FILE_UPLOAD_SUCCESS) {
         var file = this.props.files.get(0);
         var fileName = file ? file.name : '';
-        return (0, _formatMessage.default)('Success: {fileName} has imported successfully!', {
+        return (0, _formatMessage["default"])('Success: {fileName} has imported successfully!', {
           fileName: fileName
         });
       }
@@ -282,7 +298,7 @@ var ImportModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _
   }, {
     key: "renderContent",
     value: function renderContent() {
-      var _this3 = this;
+      var _this4 = this;
       if (typeof this.props.acceptFileType === 'string') {
         return this.renderImportContent(this.props.acceptFileType);
       }
@@ -296,9 +312,9 @@ var ImportModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _
         return (0, _emotion.jsx)(_uiTabs.Tabs.Panel, {
           key: title,
           renderTitle: title,
-          disabled: _this3.props.files.size > 0 && index !== selectedIndex,
+          disabled: _this4.props.files.size > 0 && index !== selectedIndex,
           isSelected: selectedIndex === index
-        }, _this3.renderImportContent(fileType));
+        }, _this4.renderImportContent(fileType));
       }));
     }
   }, {
@@ -309,63 +325,59 @@ var ImportModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _
         size: "small",
         onClose: this.props.onClose,
         onDismiss: this.cancelAction,
-        label: (0, _formatMessage.default)('Import Content'),
+        label: (0, _formatMessage["default"])('Import Content'),
         ref: this.setRef('modal'),
         "data-automation": "sdk-import-content-modal"
       }, (0, _emotion.jsx)(_quizCommon.ModalHeader, null, (0, _emotion.jsx)(_uiHeading.Heading, {
         level: "reset",
         as: "h2"
-      }, (0, _formatMessage.default)('Import Content')), (0, _emotion.jsx)(_uiButtons.CloseButton, {
+      }, (0, _formatMessage["default"])('Import Content')), (0, _emotion.jsx)(_uiButtons.CloseButton, {
         onClick: this.cancelAction,
         placement: "end",
         offset: "medium",
-        screenReaderLabel: (0, _formatMessage.default)('Close')
+        screenReaderLabel: (0, _formatMessage["default"])('Close')
       })), (0, _emotion.jsx)(_quizCommon.ModalBody, null, this.renderContent()), (0, _emotion.jsx)(_quizCommon.ModalFooter, null, this.cancelButton(), this.continueButton()));
     }
   }]);
-  ImportModal.displayName = "ImportModal";
-  return ImportModal;
-}(_react.Component), _ImportModal.displayName = 'ImportModal', _ImportModal.componentId = "Quizzes".concat(_ImportModal.displayName), _ImportModal.propTypes = {
-  acceptFileType: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.shape({
-    fileType: _propTypes.default.string,
-    title: _propTypes.default.string
+}(_react.Component), (0, _defineProperty2["default"])(_ImportModal, "displayName", 'ImportModal'), (0, _defineProperty2["default"])(_ImportModal, "componentId", "Quizzes".concat(_ImportModal.displayName)), (0, _defineProperty2["default"])(_ImportModal, "propTypes", {
+  acceptFileType: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].arrayOf(_propTypes["default"].shape({
+    fileType: _propTypes["default"].string,
+    title: _propTypes["default"].string
   }))]).isRequired,
-  altText: _propTypes.default.string.isRequired,
+  altText: _propTypes["default"].string.isRequired,
   // passed in by connect
-  clearAltText: _propTypes.default.func.isRequired,
+  clearAltText: _propTypes["default"].func.isRequired,
   // passed in by connect
-  clearFiles: _propTypes.default.func.isRequired,
+  clearFiles: _propTypes["default"].func.isRequired,
   // passed in by connect
-  closeModal: _propTypes.default.func.isRequired,
+  closeModal: _propTypes["default"].func.isRequired,
   // passed in by connect
-  closeOverride: _propTypes.default.func,
-  disableConfirm: _propTypes.default.bool,
-  failureMessage: _propTypes.default.string.isRequired,
-  files: _reactImmutableProptypes.default.list.isRequired,
+  closeOverride: _propTypes["default"].func,
+  disableConfirm: _propTypes["default"].bool,
+  failureMessage: _propTypes["default"].string.isRequired,
+  files: _reactImmutableProptypes["default"].list.isRequired,
   // passed in by connect
-  fileUpload: _propTypes.default.func.isRequired,
-  importMessage: _propTypes.default.string.isRequired,
-  modalOpen: _propTypes.default.bool.isRequired,
+  fileUpload: _propTypes["default"].func.isRequired,
+  importMessage: _propTypes["default"].string.isRequired,
+  modalOpen: _propTypes["default"].bool.isRequired,
   // passed in by connect
-  onClose: _propTypes.default.func,
-  onContinue: _propTypes.default.func.isRequired,
-  progressValue: _propTypes.default.number.isRequired,
-  receiveFile: _propTypes.default.func.isRequired,
+  onClose: _propTypes["default"].func,
+  onContinue: _propTypes["default"].func.isRequired,
+  progressValue: _propTypes["default"].number.isRequired,
+  receiveFile: _propTypes["default"].func.isRequired,
   // passed in by connect
-  screenreaderNotification: _propTypes.default.func.isRequired,
+  screenreaderNotification: _propTypes["default"].func.isRequired,
   // passed in by connect
-  setAltText: _propTypes.default.func.isRequired,
+  setAltText: _propTypes["default"].func.isRequired,
   // passed in by connect
-  setUploadStatus: _propTypes.default.func.isRequired,
+  setUploadStatus: _propTypes["default"].func.isRequired,
   // passed in by connect
-  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,
+  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
-}, _ImportModal.defaultProps = {
+  styles: _propTypes["default"].object
+}), (0, _defineProperty2["default"])(_ImportModal, "defaultProps", {
   closeOverride: null,
   disableConfirm: false,
   onClose: function onClose() {}
-}, _ImportModal)) || _class);
-exports.ImportModal = ImportModal;
-var _default = ImportModal;
-exports.default = _default;
+}), _ImportModal)) || _class);
+var _default = exports["default"] = ImportModal;

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

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

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

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