@instructure/quiz-core 21.1.1 → 21.2.0

package/lib/common/components/resources/BankSelection/presenter.js

@@ -1,38 +1,41 @@
 "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.BankSelection = void 0;
+exports["default"] = exports.BankSelection = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 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 = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-var _instUIMessages = require("../../../util/instUIMessages.js");
-var _banks = require("../../../../banks/api/banks.js");
-var _GenericAsyncSearch = require("../../shared/GenericAsyncSearch/GenericAsyncSearch.js");
-var BankSelection = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(BankSelection, _Component);
-  var _super = (0, _createSuper2.default)(BankSelection);
+var _instUIMessages = require("../../../util/instUIMessages");
+var _banks = require("../../../../banks/api/banks");
+var _GenericAsyncSearch = require("../../shared/GenericAsyncSearch/GenericAsyncSearch");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var BankSelection = exports.BankSelection = /*#__PURE__*/function (_Component) {
   function BankSelection() {
     var _this;
-    (0, _classCallCheck2.default)(this, BankSelection);
+    (0, _classCallCheck2["default"])(this, BankSelection);
     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.searchBanks = function (search) {
+    _this = _callSuper(this, BankSelection, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "searchBanks", function (search) {
       return _this.props.simpleFetchBanks({
         search: search
       }).then(function (_ref) {
-        var _ref2 = (0, _slicedToArray2.default)(_ref, 1),
+        var _ref2 = (0, _slicedToArray2["default"])(_ref, 1),
           banks = _ref2[0];
         return banks.map(function (b) {
           return {
@@ -42,22 +45,23 @@ var BankSelection = /*#__PURE__*/function (_Component) {
           };
         });
       });
-    };
-    _this.onSelect = function (e, bankOption) {
+    });
+    (0, _defineProperty2["default"])(_this, "onSelect", function (e, bankOption) {
       return _this.props.onBankSelection(e, {
         id: parseInt(bankOption.id),
         title: bankOption.text,
         archived: bankOption.archived
       });
-    };
+    });
     return _this;
   }
-  (0, _createClass2.default)(BankSelection, [{
+  (0, _inherits2["default"])(BankSelection, _Component);
+  return (0, _createClass2["default"])(BankSelection, [{
     key: "getErrors",
     value: function getErrors() {
       var selectedBank = this.props.selectedBank;
       if (selectedBank && selectedBank.archived) {
-        return (0, _instUIMessages.toErrors)([(0, _formatMessage.default)('The item bank "{ bankTitle }" no longer exists. Please select a valid bank.', {
+        return (0, _instUIMessages.toErrors)([(0, _formatMessage["default"])('The item bank "{ bankTitle }" no longer exists. Please select a valid bank.', {
           bankTitle: selectedBank.title
         })]);
       }
@@ -75,10 +79,10 @@ var BankSelection = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/_react.default.createElement(_GenericAsyncSearch.GenericAsyncSearch, {
+      return /*#__PURE__*/_react["default"].createElement(_GenericAsyncSearch.GenericAsyncSearch, {
         onSelectionChange: this.onSelect,
-        label: this.props.label || (0, _formatMessage.default)('Select the destination bank'),
-        placeholder: (0, _formatMessage.default)('Search for a bank'),
+        label: this.props.label || (0, _formatMessage["default"])('Select the destination bank'),
+        placeholder: (0, _formatMessage["default"])('Search for a bank'),
         selectedOption: this.selectedOption(),
         getOptions: this.searchBanks,
         messages: this.getErrors(),
@@ -86,21 +90,17 @@ var BankSelection = /*#__PURE__*/function (_Component) {
       });
     }
   }]);
-  BankSelection.displayName = "BankSelection";
-  return BankSelection;
 }(_react.Component);
-exports.BankSelection = BankSelection;
-BankSelection.propTypes = {
-  label: _propTypes.default.string,
-  onBankSelection: _propTypes.default.func,
-  selectedBank: _reactImmutableProptypes.default.record,
-  simpleFetchBanks: _propTypes.default.func
-};
-BankSelection.defaultProps = {
+(0, _defineProperty2["default"])(BankSelection, "propTypes", {
+  label: _propTypes["default"].string,
+  onBankSelection: _propTypes["default"].func,
+  selectedBank: _reactImmutableProptypes["default"].record,
+  simpleFetchBanks: _propTypes["default"].func
+});
+(0, _defineProperty2["default"])(BankSelection, "defaultProps", {
   label: null,
   onBankSelection: function onBankSelection() {},
   selectedBank: null,
   simpleFetchBanks: _banks.simpleFetchBanks
-};
-var _default = BankSelection;
-exports.default = _default;
+});
+var _default = exports["default"] = BankSelection;

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

@@ -4,11 +4,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.WarningWrapper = void 0;
+exports["default"] = exports.WarningWrapper = 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 _uiAlerts = require("@instructure/ui-alerts");
@@ -16,28 +18,29 @@ 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 _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
 var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _WarningWrapper;
 /** @jsx jsx */
-var WarningWrapper = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_WarningWrapper = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(WarningWrapper, _Component);
-  var _super = (0, _createSuper2.default)(WarningWrapper);
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var WarningWrapper = exports.WarningWrapper = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_WarningWrapper = /*#__PURE__*/function (_Component) {
   function WarningWrapper() {
     var _this;
-    (0, _classCallCheck2.default)(this, WarningWrapper);
+    (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.focusRef = null;
-    _this.setFocusRef = function (element) {
+    _this = _callSuper(this, WarningWrapper, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "focusRef", null);
+    (0, _defineProperty2["default"])(_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();
@@ -103,31 +106,27 @@ var WarningWrapper = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default
       }, this.renderMessage(), this.renderDisableOverlay(), this.props.children);
     }
   }]);
-  WarningWrapper.displayName = "WarningWrapper";
-  return WarningWrapper;
-}(_react.Component), _WarningWrapper.displayName = 'WarningWrapper', _WarningWrapper.componentId = "Quizzes".concat(_WarningWrapper.displayName), _WarningWrapper.propTypes = {
-  alertType: _propTypes.default.oneOf(['info', 'success', 'warning', 'error']),
-  cancelActionCallback: _propTypes.default.func,
-  cancelActionText: _propTypes.default.string,
-  children: _propTypes.default.node.isRequired,
-  defaultActionCallback: _propTypes.default.func,
-  defaultActionText: _propTypes.default.string,
-  description: _propTypes.default.node,
-  disableChildren: _propTypes.default.bool,
-  hideActions: _propTypes.default.bool,
-  showAlert: _propTypes.default.bool,
-  styles: _propTypes.default.object
-}, _WarningWrapper.defaultProps = {
+}(_react.Component), (0, _defineProperty2["default"])(_WarningWrapper, "displayName", 'WarningWrapper'), (0, _defineProperty2["default"])(_WarningWrapper, "componentId", "Quizzes".concat(_WarningWrapper.displayName)), (0, _defineProperty2["default"])(_WarningWrapper, "propTypes", {
+  alertType: _propTypes["default"].oneOf(['info', 'success', 'warning', 'error']),
+  cancelActionCallback: _propTypes["default"].func,
+  cancelActionText: _propTypes["default"].string,
+  children: _propTypes["default"].node.isRequired,
+  defaultActionCallback: _propTypes["default"].func,
+  defaultActionText: _propTypes["default"].string,
+  description: _propTypes["default"].node,
+  disableChildren: _propTypes["default"].bool,
+  hideActions: _propTypes["default"].bool,
+  showAlert: _propTypes["default"].bool,
+  styles: _propTypes["default"].object
+}), (0, _defineProperty2["default"])(_WarningWrapper, "defaultProps", {
   alertType: 'info',
   cancelActionCallback: void 0,
-  cancelActionText: (0, _formatMessage.default)('Cancel'),
+  cancelActionText: (0, _formatMessage["default"])('Cancel'),
   defaultActionCallback: void 0,
-  defaultActionText: (0, _formatMessage.default)('Submit'),
+  defaultActionText: (0, _formatMessage["default"])('Submit'),
   description: void 0,
   disableChildren: false,
   hideActions: void 0,
   showAlert: true
-}, _WarningWrapper)) || _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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var generateStyle = function generateStyle(componentTheme) {
   return {
     alert: {
@@ -30,5 +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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
     typography = _ref.typography,
@@ -17,5 +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

@@ -4,14 +4,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports["default"] = void 0;
 exports.mapStateToProps = mapStateToProps;
-exports.default = void 0;
-var _reactRedux = require("../../../../react-redux.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 _presenter = _interopRequireDefault(require("./presenter.js"));
+var _reactRedux = require("../../../../react-redux");
+var _makeEditable = _interopRequireDefault(require("../../../shared/functionality/makeEditable"));
+var _errorsShowing = require("../../../../actions/errorsShowing");
+var _alerts = require("../../../../actions/alerts");
+var _modifications = require("../../../../actions/modifications");
+var _presenter = _interopRequireDefault(require("./presenter"));
 function mapStateToProps(state, props) {
   // Error Related:
   var workingEntry = props.entry.getWorkingInstance();
@@ -26,5 +26,4 @@ var mapDispatchToProps = {
   screenreaderNotification: _alerts.screenreaderNotification,
   showError: _errorsShowing.showError
 };
-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,17 +1,18 @@
 "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.EntrySave = void 0;
+exports["default"] = exports.EntrySave = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 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 _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 = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
@@ -19,80 +20,81 @@ 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"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var EntrySave = exports.EntrySave = /*#__PURE__*/function (_Component) {
   function EntrySave() {
     var _this;
-    (0, _classCallCheck2.default)(this, EntrySave);
+    (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.state = {
+    _this = _callSuper(this, EntrySave, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "state", {
       canSubmit: true
-    };
-    _this.createScreenReaderNotification = function () {
+    });
+    (0, _defineProperty2["default"])(_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.', {
+      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.onSubmit = /*#__PURE__*/function () {
-      var _ref = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(e) {
-        return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                e.preventDefault();
-                if (!_this.props.isValid) {
-                  _context.next = 5;
-                  break;
-                }
-                _this.successfulSubmit();
-                _context.next = 10;
+    });
+    (0, _defineProperty2["default"])(_this, "onSubmit", /*#__PURE__*/function () {
+      var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(e) {
+        return _regenerator["default"].wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              e.preventDefault();
+              if (!_this.props.isValid) {
+                _context.next = 5;
                 break;
-              case 5:
-                _this.createScreenReaderNotification();
-                _context.next = 8;
-                return _this.props.showError(_this.props.guid);
-              case 8:
-                _this.props.clearNextQuizEntry();
-                _this.focusFirstErrorField();
-              case 10:
-              case "end":
-                return _context.stop();
-            }
+              }
+              _this.successfulSubmit();
+              _context.next = 10;
+              break;
+            case 5:
+              _this.createScreenReaderNotification();
+              _context.next = 8;
+              return _this.props.showError(_this.props.guid);
+            case 8:
+              _this.props.clearNextQuizEntry();
+              _this.focusFirstErrorField();
+            case 10:
+            case "end":
+              return _context.stop();
           }
         }, _callee);
       }));
       return function (_x) {
         return _ref.apply(this, arguments);
       };
-    }();
-    _this.focusFirstErrorField = function () {
+    }());
+    (0, _defineProperty2["default"])(_this, "focusFirstErrorField", function () {
       var itemEditArea = _this.props.itemEditArea;
       if (itemEditArea) {
-        var editArea = _reactDom.default.findDOMNode(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;
+    });
+    (0, _defineProperty2["default"])(_this, "clearChanges", function () {
+      var fromCancel = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
       _this.props.switchOffEditing();
       _this.props.hideError(_this.props.guid);
       _this.props.clearChanges(fromCancel);
-    };
-    _this.onCancel = function () {
+    });
+    (0, _defineProperty2["default"])(_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: "UNSAFE_componentWillMount",
     value: function UNSAFE_componentWillMount() {
       this.props.switchOnEditing(this.props.initialFocusId);
@@ -101,50 +103,48 @@ var EntrySave = /*#__PURE__*/function (_Component) {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       this.clearChanges();
-      var msg = (0, _formatMessage.default)('Question editing mode turned off.');
+      var msg = (0, _formatMessage["default"])('Question editing mode turned off.');
       this.props.screenreaderNotification(msg);
     }
   }, {
     key: "successfulSubmit",
     value: function () {
-      var _successfulSubmit = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee2() {
+      var _successfulSubmit = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
         var validationResult;
-        return _regenerator.default.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                this.setState({
-                  canSubmit: false
-                });
-                _context2.prev = 1;
-                _context2.next = 4;
-                return this.props.submitHandler();
-              case 4:
-                validationResult = _context2.sent;
-                if (!(validationResult === _quizCommon.API_INPUT_VALIDATION_ERROR)) {
-                  _context2.next = 8;
-                  break;
-                }
-                this.createScreenReaderNotification();
-                throw new Error('User input validation error received from API.');
-              case 8:
-                _context2.next = 14;
+        return _regenerator["default"].wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              this.setState({
+                canSubmit: false
+              });
+              _context2.prev = 1;
+              _context2.next = 4;
+              return this.props.submitHandler();
+            case 4:
+              validationResult = _context2.sent;
+              if (!(validationResult === _quizCommon.API_INPUT_VALIDATION_ERROR)) {
+                _context2.next = 8;
                 break;
-              case 10:
-                _context2.prev = 10;
-                _context2.t0 = _context2["catch"](1);
-                this.setState({
-                  canSubmit: true
-                });
-                return _context2.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 _context2.stop();
-            }
+              }
+              this.createScreenReaderNotification();
+              throw new Error('User input validation error received from API.');
+            case 8:
+              _context2.next = 14;
+              break;
+            case 10:
+              _context2.prev = 10;
+              _context2.t0 = _context2["catch"](1);
+              this.setState({
+                canSubmit: true
+              });
+              return _context2.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 _context2.stop();
           }
         }, _callee2, this, [[1, 10]]);
       }));
@@ -156,54 +156,50 @@ var EntrySave = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/_react.default.createElement(_uiView.View, {
+      return /*#__PURE__*/_react["default"].createElement(_uiView.View, {
         as: "div",
         display: "flex"
-      }, /*#__PURE__*/_react.default.createElement(_uiView.View, null, /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
+      }, /*#__PURE__*/_react["default"].createElement(_uiView.View, null, /*#__PURE__*/_react["default"].createElement(_uiButtons.Button, {
         type: "button",
         onClick: this.onCancel,
         "data-automation": "sdk-cancel-button"
-      }, (0, _formatMessage.default)('Cancel'))), /*#__PURE__*/_react.default.createElement(_uiView.View, {
+      }, (0, _formatMessage["default"])('Cancel'))), /*#__PURE__*/_react["default"].createElement(_uiView.View, {
         margin: "none none none x-small"
-      }, /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
+      }, /*#__PURE__*/_react["default"].createElement(_uiButtons.Button, {
         type: "button",
         color: "primary",
         onClick: this.onSubmit,
         disabled: !this.state.canSubmit || this.props.disableSubmit,
         "data-automation": "sdk-done-button"
-      }, (0, _formatMessage.default)('Done'))));
+      }, (0, _formatMessage["default"])('Done'))));
     }
   }]);
-  EntrySave.displayName = "EntrySave";
-  return EntrySave;
 }(_react.Component);
-exports.EntrySave = EntrySave;
-EntrySave.propTypes = {
-  cancelHandler: _propTypes.default.func,
-  clearChanges: _propTypes.default.func.isRequired,
+(0, _defineProperty2["default"])(EntrySave, "propTypes", {
+  cancelHandler: _propTypes["default"].func,
+  clearChanges: _propTypes["default"].func.isRequired,
   // From connected component
-  clearNextQuizEntry: _propTypes.default.func.isRequired,
-  disableSubmit: _propTypes.default.bool,
-  displayPosition: _propTypes.default.number,
-  guid: _propTypes.default.string,
-  hideError: _propTypes.default.func.isRequired,
-  initialFocusId: _propTypes.default.string,
-  isValid: _propTypes.default.bool.isRequired,
-  itemEditArea: _propTypes.default.object,
-  showError: _propTypes.default.func.isRequired,
-  screenreaderNotification: _propTypes.default.func.isRequired,
-  submitHandler: _propTypes.default.func.isRequired,
+  clearNextQuizEntry: _propTypes["default"].func.isRequired,
+  disableSubmit: _propTypes["default"].bool,
+  displayPosition: _propTypes["default"].number,
+  guid: _propTypes["default"].string,
+  hideError: _propTypes["default"].func.isRequired,
+  initialFocusId: _propTypes["default"].string,
+  isValid: _propTypes["default"].bool.isRequired,
+  itemEditArea: _propTypes["default"].object,
+  showError: _propTypes["default"].func.isRequired,
+  screenreaderNotification: _propTypes["default"].func.isRequired,
+  submitHandler: _propTypes["default"].func.isRequired,
   // from makescrollable / from props being passed in occasionally
-  switchOnEditing: _propTypes.default.func.isRequired,
-  switchOffEditing: _propTypes.default.func.isRequired
-};
-EntrySave.defaultProps = {
-  cancelHandler: _noop.default,
+  switchOnEditing: _propTypes["default"].func.isRequired,
+  switchOffEditing: _propTypes["default"].func.isRequired
+});
+(0, _defineProperty2["default"])(EntrySave, "defaultProps", {
+  cancelHandler: _noop["default"],
   disableSubmit: false,
   displayPosition: null,
   guid: null,
   initialFocusId: null,
   itemEditArea: null
-};
-var _default = EntrySave;
-exports.default = _default;
+});
+var _default = exports["default"] = EntrySave;