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

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

@@ -1,97 +1,70 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 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 _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 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);
-
+var ConfirmationModal = exports.ConfirmationModal = /*#__PURE__*/function (_Component) {
   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 = (0, _callSuper2.default)(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;
   }
-
-  (0, _createClass2.default)(ConfirmationModal, [{
+  (0, _inherits2.default)(ConfirmationModal, _Component);
+  return (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',
@@ -123,11 +96,7 @@ var ConfirmationModal = /*#__PURE__*/function (_Component) {
       }, continueText || (0, _formatMessage.default)('Confirm'))));
     }
   }]);
-  ConfirmationModal.displayName = "ConfirmationModal";
-  return ConfirmationModal;
 }(_react.Component);
-
-exports.ConfirmationModal = ConfirmationModal;
 ConfirmationModal.propTypes = {
   closeModal: _propTypes.default.func.isRequired,
   modalOpen: _propTypes.default.bool.isRequired,
@@ -152,5 +121,4 @@ ConfirmationModal.defaultProps = {
   onContinue: null,
   onCancel: null
 };
-var _default = ConfirmationModal;
-exports.default = _default;
+var _default = exports.default = ConfirmationModal;

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

@@ -1,86 +1,61 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 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 _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 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 _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) {
-  (0, _inherits2.default)(ImportFileSelector, _Component);
-
-  var _super = (0, _createSuper2.default)(ImportFileSelector);
-
+var _FileSelector = _interopRequireDefault(require("../../../../common/components/shared/file_selector/FileSelector"));
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
+var _dec, _class, _ImportFileSelector, _IconUploadLine, _IconCompleteLine;
+/** @jsx jsx */
+var ImportFileSelector = exports.ImportFileSelector = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_ImportFileSelector = /*#__PURE__*/function (_Component) {
   function ImportFileSelector() {
     (0, _classCallCheck2.default)(this, ImportFileSelector);
-    return _super.apply(this, arguments);
+    return (0, _callSuper2.default)(this, ImportFileSelector, arguments);
   }
-
-  (0, _createClass2.default)(ImportFileSelector, [{
+  (0, _inherits2.default)(ImportFileSelector, _Component);
+  return (0, _createClass2.default)(ImportFileSelector, [{
     key: "renderUploadIcon",
     value: function renderUploadIcon(styles) {
       return (0, _emotion.jsx)("div", {
         css: this.props.styles.uploadIconContainer
-      }, _ref);
+      }, _IconUploadLine || (_IconUploadLine = (0, _emotion.jsx)(_uiIcons.IconUploadLine, null)));
     }
   }, {
     key: "renderCheckmarkIcon",
     value: function renderCheckmarkIcon(styles) {
       return (0, _emotion.jsx)("div", {
         css: styles.checkIconContainer
-      }, _ref2);
+      }, _IconCompleteLine || (_IconCompleteLine = (0, _emotion.jsx)(_uiIcons.IconCompleteLine, null)));
     }
   }, {
     key: "renderFileList",
     value: function renderFileList(styles) {
       var fileName = this.props.files.get(0).name;
       return (0, _emotion.jsx)("div", null, _formatMessage.default.rich('<0>{fileName}</0> <1>is ready.</1>', {
-        0: function _(_ref3) {
-          var children = _ref3.children;
+        0: function _(_ref) {
+          var children = _ref.children;
           return (0, _emotion.jsx)("span", {
             css: styles.fileListSuccess,
             key: "0"
           }, children);
         },
-        1: function _(_ref4) {
-          var children = _ref4.children;
+        1: function _(_ref2) {
+          var children = _ref2.children;
           return (0, _emotion.jsx)("span", {
             key: "1"
           }, children);
@@ -91,14 +66,14 @@ var ImportFileSelector = (_dec = (0, _emotion.withStyle)(_styles.default, _theme
   }, {
     key: "renderFilePickerText",
     value: function renderFilePickerText(styles) {
-      return (0, _emotion.jsx)("div", null, _formatMessage.default.rich('Drag & Drop here <0>or</0> <1>Browse</1>', [function (_ref5) {
-        var children = _ref5.children;
+      return (0, _emotion.jsx)("div", null, _formatMessage.default.rich('Drag & Drop here <0>or</0> <1>Browse</1>', [function (_ref3) {
+        var children = _ref3.children;
         return (0, _emotion.jsx)("span", {
           css: styles.smallText,
           key: "0"
         }, children);
-      }, function (_ref6) {
-        var children = _ref6.children;
+      }, function (_ref4) {
+        var children = _ref4.children;
         return (0, _emotion.jsx)(_uiButtons.Button, {
           key: "1"
         }, children);
@@ -126,7 +101,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 +111,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, {
@@ -149,14 +123,10 @@ 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);
-exports.ImportFileSelector = ImportFileSelector;
-var _default = ImportFileSelector;
-exports.default = _default;
+}, _ImportFileSelector)) || _class);
+var _default = exports.default = ImportFileSelector;

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,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports.default = generateStyle;

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,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     fileListSuccessColor: colors.shamrock
   };
 };
-
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;

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

@@ -3,26 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.ImportModal = void 0;
 exports.callProgress = callProgress;
+exports.generateImportModalId = exports.default = void 0;
 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 _reactRedux = require("../../react-redux");
+var _modal = require("../../../common/actions/modal");
+var _alerts = require("../../../common/actions/alerts");
+var _upload = require("../../../common/actions/upload");
 var _quizCommon = require("@instructure/quiz-common");
-
-var _presenter = require("./presenter.js");
-
+var _presenter = require("./presenter");
 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 +22,22 @@ 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) {
+var generateImportModalId = exports.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
-
-
-exports.generateImportModalId = generateImportModalId;
+};
 
+// 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'], ''),
@@ -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,12 +56,8 @@ 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;
-exports.default = _default;
+var ImportModal = exports.ImportModal = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps, mergeProps)(_presenter.ImportModal);
+var _default = exports.default = ImportModal;