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

package/lib/common/components/resources/WarningWrapper/index.js

@@ -1,65 +1,41 @@
 "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.WarningWrapper = 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 _uiAlerts = require("@instructure/ui-alerts");
-
 var _uiButtons = require("@instructure/ui-buttons");
-
 var _uiText = require("@instructure/ui-text");
-
 var _emotion = require("@instructure/emotion");
-
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
-var _styles = _interopRequireDefault(require("./styles.js"));
-
-var _theme = _interopRequireDefault(require("./theme.js"));
-
-var _dec, _class, _class2, _temp;
-
-var WarningWrapper = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(WarningWrapper, _Component);
-
-  var _super = (0, _createSuper2.default)(WarningWrapper);
-
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
+var _dec, _class, _WarningWrapper;
+/** @jsx jsx */
+var WarningWrapper = exports.WarningWrapper = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_WarningWrapper = /*#__PURE__*/function (_Component) {
   function WarningWrapper() {
     var _this;
-
     (0, _classCallCheck2.default)(this, WarningWrapper);
-
     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, WarningWrapper, [].concat(args));
     _this.focusRef = null;
-
     _this.setFocusRef = function (element) {
       _this.focusRef = element;
     };
-
     return _this;
   }
-
-  (0, _createClass2.default)(WarningWrapper, [{
+  (0, _inherits2.default)(WarningWrapper, _Component);
+  return (0, _createClass2.default)(WarningWrapper, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (this.focusRef) this.focusRef.focus();
@@ -125,9 +101,7 @@ var WarningWrapper = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
       }, this.renderMessage(), this.renderDisableOverlay(), this.props.children);
     }
   }]);
-  WarningWrapper.displayName = "WarningWrapper";
-  return WarningWrapper;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _WarningWrapper.propTypes = {
   alertType: _propTypes.default.oneOf(['info', 'success', 'warning', 'error']),
   cancelActionCallback: _propTypes.default.func,
   cancelActionText: _propTypes.default.string,
@@ -139,7 +113,7 @@ var WarningWrapper = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
   hideActions: _propTypes.default.bool,
   showAlert: _propTypes.default.bool,
   styles: _propTypes.default.object
-}, _class2.defaultProps = {
+}, _WarningWrapper.defaultProps = {
   alertType: 'info',
   cancelActionCallback: void 0,
   cancelActionText: (0, _formatMessage.default)('Cancel'),
@@ -149,7 +123,5 @@ var WarningWrapper = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
   disableChildren: false,
   hideActions: void 0,
   showAlert: true
-}, _temp)) || _class);
-exports.WarningWrapper = WarningWrapper;
-var _default = WarningWrapper;
-exports.default = _default;
+}, _WarningWrapper)) || _class);
+var _default = exports.default = WarningWrapper;

package/lib/common/components/resources/WarningWrapper/styles.js

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

package/lib/common/components/resources/WarningWrapper/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,
-      typography = _ref.typography,
-      colors = _ref.colors;
+    typography = _ref.typography,
+    colors = _ref.colors;
   return {
     alertPadding: spacing.medium,
     alertZIndex: '8888',
@@ -18,6 +17,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     disabledChildrenZIndex: '7777'
   };
 };
-
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;

package/lib/common/components/resources/entry/EntrySave/index.js

@@ -1,33 +1,21 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.mapStateToProps = mapStateToProps;
 exports.default = void 0;
-
-var _reactRedux = require("../../../../react-redux.js");
-
-var _items = require("../../../../../building/api/items.js");
-
-var _stimuli = require("../../../../../building/api/stimuli.js");
-
-var _makeEditable = _interopRequireDefault(require("../../../shared/functionality/makeEditable.js"));
-
-var _errorsShowing = require("../../../../actions/errorsShowing.js");
-
-var _alerts = require("../../../../actions/alerts.js");
-
-var _modifications = require("../../../../actions/modifications.js");
-
-var _modal = require("../../../../actions/modal.js");
-
-var _featureCheck = require("../../../../util/featureCheck.js");
-
-var _presenter = _interopRequireDefault(require("./presenter.js"));
-
+exports.mapStateToProps = mapStateToProps;
+var _reactRedux = require("../../../../react-redux");
+var _items = require("../../../../../building/api/items");
+var _stimuli = require("../../../../../building/api/stimuli");
+var _makeEditable = _interopRequireDefault(require("../../../shared/functionality/makeEditable"));
+var _errorsShowing = require("../../../../actions/errorsShowing");
+var _alerts = require("../../../../actions/alerts");
+var _modifications = require("../../../../actions/modifications");
+var _modal = require("../../../../actions/modal");
+var _featureCheck = require("../../../../util/featureCheck");
+var _presenter = _interopRequireDefault(require("./presenter"));
 function mapStateToProps(state, props) {
   // Error Related:
   var workingEntry = props.entry.getWorkingInstance();
@@ -39,7 +27,6 @@ function mapStateToProps(state, props) {
     isValid: isValid
   };
 }
-
 var mapDispatchToProps = {
   clearNextQuizEntry: _modifications.clearNextQuizEntry,
   hideError: _errorsShowing.hideError,
@@ -47,7 +34,4 @@ var mapDispatchToProps = {
   showError: _errorsShowing.showError,
   withConfirm: _modal.withConfirm
 };
-
-var _default = (0, _makeEditable.default)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.default));
-
-exports.default = _default;
+var _default = exports.default = (0, _makeEditable.default)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.default));

package/lib/common/components/resources/entry/EntrySave/presenter.js

@@ -1,209 +1,149 @@
 "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.EntrySave = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 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 _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _uiButtons = require("@instructure/ui-buttons");
-
 var _uiView = require("@instructure/ui-view");
-
 var _quizCommon = require("@instructure/quiz-common");
-
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
-var _noop = _interopRequireDefault(require("../../../../util/noop.js"));
-
-var EntrySave = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(EntrySave, _Component);
-
-  var _super = (0, _createSuper2.default)(EntrySave);
-
+var _noop = _interopRequireDefault(require("../../../../util/noop"));
+var EntrySave = exports.EntrySave = /*#__PURE__*/function (_Component) {
   function EntrySave() {
     var _this;
-
     (0, _classCallCheck2.default)(this, EntrySave);
-
     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, EntrySave, [].concat(args));
     _this.state = {
       canSubmit: true
     };
-
     _this.createScreenReaderNotification = function () {
       var displayPosition = _this.props.displayPosition;
       var msg = displayPosition === null ? (0, _formatMessage.default)('This question cannot be saved due to invalid input data.') : (0, _formatMessage.default)('Question {displayPosition} cannot be saved due to invalid input data.', {
         displayPosition: displayPosition
       });
-
       _this.props.screenreaderNotification(msg);
     };
-
     _this.confirmShareableContent = function () {
       var _this$props = _this.props,
-          canvasOrigin = _this$props.canvasOrigin,
-          checkContentShareability = _this$props.checkContentShareability,
-          entry = _this$props.entry,
-          withConfirm = _this$props.withConfirm;
-
+        canvasOrigin = _this$props.canvasOrigin,
+        checkContentShareability = _this$props.checkContentShareability,
+        entry = _this$props.entry,
+        withConfirm = _this$props.withConfirm;
       _this.setState({
         canSubmit: false
       });
-
       checkContentShareability(entry.getWorkingInstance(), canvasOrigin).then(function () {
         _this.successfulSubmit();
       }).catch( /*#__PURE__*/function () {
-        var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(err) {
+        var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(err) {
           var _err$response, _err$response2;
-
           var body, text;
-          return _regenerator.default.wrap(function _callee$(_context) {
-            while (1) {
-              switch (_context.prev = _context.next) {
-                case 0:
-                  _context.next = 2;
-                  return (_err$response = err.response) === null || _err$response === void 0 ? void 0 : _err$response.json();
-
-                case 2:
-                  body = _context.sent;
-                  text = (0, _formatMessage.default)('There was an error attempting to validate shareability.');
-
-                  if (((_err$response2 = err.response) === null || _err$response2 === void 0 ? void 0 : _err$response2.status) === 400 && body.shareable === false) {
-                    text = (0, _formatMessage.default)('You are attempting to save content containing course links which may not work when used in other courses.');
+          return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return (_err$response = err.response) === null || _err$response === void 0 ? void 0 : _err$response.json();
+              case 2:
+                body = _context.sent;
+                text = (0, _formatMessage.default)('There was an error attempting to validate shareability.');
+                if (((_err$response2 = err.response) === null || _err$response2 === void 0 ? void 0 : _err$response2.status) === 400 && body.shareable === false) {
+                  text = (0, _formatMessage.default)('You are attempting to save content containing course links which may not work when used in other courses.');
+                }
+                withConfirm(function () {
+                  _this.successfulSubmit();
+                }, {
+                  title: (0, _formatMessage.default)('Are you sure?'),
+                  text: text,
+                  continueText: (0, _formatMessage.default)('Save anyway'),
+                  onCancel: function onCancel() {
+                    _this.setState({
+                      canSubmit: true
+                    });
                   }
-
-                  withConfirm(function () {
-                    _this.successfulSubmit();
-                  }, {
-                    title: (0, _formatMessage.default)('Are you sure?'),
-                    text: text,
-                    continueText: (0, _formatMessage.default)('Save anyway'),
-                    onCancel: function onCancel() {
-                      _this.setState({
-                        canSubmit: true
-                      });
-                    }
-                  });
-
-                case 6:
-                case "end":
-                  return _context.stop();
-              }
+                });
+              case 6:
+              case "end":
+                return _context.stop();
             }
           }, _callee);
         }));
-
         return function (_x) {
           return _ref.apply(this, arguments);
         };
       }());
     };
-
     _this.onSubmit = /*#__PURE__*/function () {
-      var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(e) {
-        return _regenerator.default.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                e.preventDefault();
-
-                if (!_this.props.isValid) {
-                  _context2.next = 5;
-                  break;
-                }
-
-                if (_this.props.checkBankedContentShareabilityEnabled && _this.props.shouldValidateShareableContent) {
-                  _this.confirmShareableContent();
-                } else {
-                  _this.successfulSubmit();
-                }
-
-                _context2.next = 10;
+      var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(e) {
+        return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              e.preventDefault();
+              if (!_this.props.isValid) {
+                _context2.next = 5;
                 break;
-
-              case 5:
-                _this.createScreenReaderNotification();
-
-                _context2.next = 8;
-                return _this.props.showError(_this.props.guid);
-
-              case 8:
-                _this.props.clearNextQuizEntry();
-
-                _this.focusFirstErrorField();
-
-              case 10:
-              case "end":
-                return _context2.stop();
-            }
+              }
+              if (_this.props.checkBankedContentShareabilityEnabled && _this.props.shouldValidateShareableContent) {
+                _this.confirmShareableContent();
+              } else {
+                _this.successfulSubmit();
+              }
+              _context2.next = 10;
+              break;
+            case 5:
+              _this.createScreenReaderNotification();
+              _context2.next = 8;
+              return _this.props.showError(_this.props.guid);
+            case 8:
+              _this.props.clearNextQuizEntry();
+              _this.focusFirstErrorField();
+            case 10:
+            case "end":
+              return _context2.stop();
           }
         }, _callee2);
       }));
-
       return function (_x2) {
         return _ref2.apply(this, arguments);
       };
     }();
-
     _this.focusFirstErrorField = function () {
       var itemEditArea = _this.props.itemEditArea;
-
       if (itemEditArea) {
         var editArea = _reactDom.default.findDOMNode(itemEditArea);
-
         var firstErrorField = editArea === null || editArea === void 0 ? void 0 : editArea.querySelector('[aria-invalid="true"]');
         firstErrorField && firstErrorField.focus();
       }
     };
-
     _this.clearChanges = function () {
       var fromCancel = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
-
       _this.props.switchOffEditing();
-
       _this.props.hideError(_this.props.guid);
-
       _this.props.clearChanges(fromCancel);
     };
-
     _this.onCancel = function () {
       _this.clearChanges(true);
-
       _this.props.cancelHandler();
     };
-
     return _this;
   }
-
-  (0, _createClass2.default)(EntrySave, [{
+  (0, _inherits2.default)(EntrySave, _Component);
+  return (0, _createClass2.default)(EntrySave, [{
     key: "componentWillMount",
     value: function componentWillMount() {
       this.props.switchOnEditing(this.props.initialFocusId);
@@ -218,59 +158,48 @@ var EntrySave = /*#__PURE__*/function (_Component) {
   }, {
     key: "successfulSubmit",
     value: function () {
-      var _successfulSubmit = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
+      var _successfulSubmit = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee3() {
         var validationResult;
-        return _regenerator.default.wrap(function _callee3$(_context3) {
-          while (1) {
-            switch (_context3.prev = _context3.next) {
-              case 0:
-                this.setState({
-                  canSubmit: false
-                });
-                _context3.prev = 1;
-                _context3.next = 4;
-                return this.props.submitHandler();
-
-              case 4:
-                validationResult = _context3.sent;
-
-                if (!(validationResult === _quizCommon.API_INPUT_VALIDATION_ERROR)) {
-                  _context3.next = 8;
-                  break;
-                }
-
-                this.createScreenReaderNotification();
-                throw new Error('User input validation error received from API.');
-
-              case 8:
-                _context3.next = 14;
+        return (0, _regeneratorRuntime2.default)().wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              this.setState({
+                canSubmit: false
+              });
+              _context3.prev = 1;
+              _context3.next = 4;
+              return this.props.submitHandler();
+            case 4:
+              validationResult = _context3.sent;
+              if (!(validationResult === _quizCommon.API_INPUT_VALIDATION_ERROR)) {
+                _context3.next = 8;
                 break;
-
-              case 10:
-                _context3.prev = 10;
-                _context3.t0 = _context3["catch"](1);
-                this.setState({
-                  canSubmit: true
-                });
-                return _context3.abrupt("return");
-
-              case 14:
-                this.props.switchOffEditing();
-                this.props.hideError(this.props.guid);
-                this.props.screenreaderNotification((0, _formatMessage.default)('Changes to question saved.'));
-
-              case 17:
-              case "end":
-                return _context3.stop();
-            }
+              }
+              this.createScreenReaderNotification();
+              throw new Error('User input validation error received from API.');
+            case 8:
+              _context3.next = 14;
+              break;
+            case 10:
+              _context3.prev = 10;
+              _context3.t0 = _context3["catch"](1);
+              this.setState({
+                canSubmit: true
+              });
+              return _context3.abrupt("return");
+            case 14:
+              this.props.switchOffEditing();
+              this.props.hideError(this.props.guid);
+              this.props.screenreaderNotification((0, _formatMessage.default)('Changes to question saved.'));
+            case 17:
+            case "end":
+              return _context3.stop();
           }
         }, _callee3, this, [[1, 10]]);
       }));
-
       function successfulSubmit() {
         return _successfulSubmit.apply(this, arguments);
       }
-
       return successfulSubmit;
     }()
   }, {
@@ -294,11 +223,7 @@ var EntrySave = /*#__PURE__*/function (_Component) {
       }, (0, _formatMessage.default)('Done'))));
     }
   }]);
-  EntrySave.displayName = "EntrySave";
-  return EntrySave;
 }(_react.Component);
-
-exports.EntrySave = EntrySave;
 EntrySave.propTypes = {
   cancelHandler: _propTypes.default.func,
   canvasOrigin: _propTypes.default.string,
@@ -335,5 +260,4 @@ EntrySave.defaultProps = {
   itemEditArea: null,
   shouldValidateShareableContent: false
 };
-var _default = EntrySave;
-exports.default = _default;
+var _default = exports.default = EntrySave;