@instructure/quiz-core 17.19.2-rc.3 → 17.19.3-rc.0

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

@@ -0,0 +1,253 @@
+"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;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
+
+var _immutable = require("immutable");
+
+var _uiSelect = require("@instructure/ui-select");
+
+var _uiReactUtils = require("@instructure/ui-react-utils");
+
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
+var _instUIMessages = require("../../../util/instUIMessages.js");
+
+var _quizCommon = require("@instructure/quiz-common");
+
+var _ref4 = /*#__PURE__*/_react.default.createElement(_uiSelect.Select.Option, {
+  id: _quizCommon.SELECT_EMPTY_OPTION,
+  key: _quizCommon.SELECT_EMPTY_OPTION
+}, _quizCommon.SELECT_EMPTY_OPTION_TEXT);
+
+var BankSelection = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(BankSelection, _Component);
+
+  var _super = (0, _createSuper2.default)(BankSelection);
+
+  function BankSelection() {
+    var _this;
+
+    (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.state = {
+      inputValue: _this.props.selectedBank ? _this.props.selectedBank.title : '',
+      isShowingOptions: false,
+      highlightedOptionId: null,
+      filteredOptions: _this.props.banks ? _this.props.banks.toArray() : []
+    };
+
+    _this.filterOptions = function (value) {
+      return _this.props.banks.toArray().filter(function (option) {
+        return option.title.toLowerCase().startsWith(value.toLowerCase());
+      });
+    };
+
+    _this.handleShowOptions = function () {
+      _this.setState({
+        filteredOptions: _this.props.banks.toArray(),
+        isShowingOptions: true
+      });
+    };
+
+    _this.handleHideOptions = function () {
+      var _this$state = _this.state,
+          filteredOptions = _this$state.filteredOptions,
+          inputValue = _this$state.inputValue;
+      var index = filteredOptions.findIndex(function (option) {
+        return option.title.toLowerCase() === inputValue.toLowerCase();
+      });
+
+      if (index !== -1) {
+        _this.handleSelectOption({}, {
+          id: filteredOptions[index].id
+        });
+      } else {
+        _this.setState({
+          isShowingOptions: false,
+          highlightedOptionId: null,
+          inputValue: _this.props.selectedBank ? _this.props.selectedBank.title : ''
+        });
+      }
+    };
+
+    _this.handleBlur = function () {
+      _this.setState({
+        highlightedOptionId: null
+      });
+    };
+
+    _this.handleHighlightOption = function (event, _ref) {
+      var id = _ref.id;
+      event.persist();
+
+      var option = _this.getOptionById(id);
+
+      if (!option) return;
+
+      _this.setState({
+        highlightedOptionId: id,
+        inputValue: event.type === 'keydown' ? option.title : _this.state.inputValue
+      });
+    };
+
+    _this.handleSelectOption = function (event, _ref2) {
+      var id = _ref2.id;
+      if (!id || id === _quizCommon.SELECT_EMPTY_OPTION) return;
+
+      var option = _this.getOptionById(id);
+
+      _this.props.onBankSelection(event, {
+        value: id
+      });
+
+      _this.setState({
+        inputValue: option.title,
+        isShowingOptions: false,
+        filteredOptions: _this.props.banks.toArray()
+      });
+    };
+
+    _this.handleInputChange = function (event) {
+      var value = event.target.value;
+
+      var newOptions = _this.filterOptions(value);
+
+      _this.setState({
+        inputValue: value,
+        filteredOptions: newOptions,
+        highlightedOptionId: newOptions.length > 0 ? newOptions[0].id : null,
+        isShowingOptions: true
+      });
+    };
+
+    return _this;
+  }
+
+  (0, _createClass2.default)(BankSelection, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+
+      return this.props.getAllBanks().then(function (bankIds) {
+        return _this2.props.setUi(_quizCommon.SELECT_BANKS_OPTIONS, (0, _immutable.List)(bankIds));
+      });
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps, prevState) {
+      if (prevProps.banks !== this.props.banks) {
+        this.setState({
+          filteredOptions: this.props.banks.toArray()
+        });
+      }
+    }
+  }, {
+    key: "renderOptions",
+    value: function renderOptions() {
+      var _this3 = this;
+
+      return this.props.banks.toArray().map(function (bank) {
+        return /*#__PURE__*/_react.default.createElement(_uiSelect.Select.Option, {
+          key: bank.id,
+          id: bank.id,
+          isSelected: bank.id === _this3.props.selectedBank.id && !bank.archived
+        }, bank.title);
+      });
+    }
+  }, {
+    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.', {
+          bankTitle: selectedBank.title
+        })]);
+      }
+    }
+  }, {
+    key: "getOptionById",
+    value: function getOptionById(queryId) {
+      return this.props.banks.toArray().find(function (_ref3) {
+        var id = _ref3.id;
+        return id === queryId;
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this4 = this;
+
+      var _this$state2 = this.state,
+          inputValue = _this$state2.inputValue,
+          isShowingOptions = _this$state2.isShowingOptions,
+          filteredOptions = _this$state2.filteredOptions,
+          highlightedOptionId = _this$state2.highlightedOptionId;
+      return /*#__PURE__*/_react.default.createElement(_uiSelect.Select, Object.assign({}, (0, _uiReactUtils.omitProps)(this.props, BankSelection.propTypes), {
+        renderLabel: this.props.label || (0, _formatMessage.default)('Select the destination bank'),
+        inputValue: inputValue,
+        isShowingOptions: isShowingOptions,
+        onBlur: this.handleBlur,
+        onInputChange: this.handleInputChange,
+        onRequestShowOptions: this.handleShowOptions,
+        onRequestHideOptions: this.handleHideOptions,
+        onRequestHighlightOption: this.handleHighlightOption,
+        onRequestSelectOption: this.handleSelectOption,
+        "data-automation": "sdk-item-bank-modal",
+        messages: this.getErrors()
+      }), filteredOptions && filteredOptions.length > 0 ? filteredOptions.map(function (bank) {
+        return /*#__PURE__*/_react.default.createElement(_uiSelect.Select.Option, {
+          id: bank.id,
+          key: bank.id,
+          isHighlighted: bank.id === highlightedOptionId,
+          isSelected: _this4.props.selectedBank && bank.id === _this4.props.selectedBank.id && !bank.archived
+        }, bank.title);
+      }) : _ref4);
+    }
+  }]);
+  BankSelection.displayName = "BankSelection";
+  return BankSelection;
+}(_react.Component);
+
+exports.BankSelection = BankSelection;
+BankSelection.propTypes = {
+  banks: _reactImmutableProptypes.default.list.isRequired,
+  getAllBanks: _propTypes.default.func.isRequired,
+  label: _propTypes.default.string,
+  onBankSelection: _propTypes.default.func,
+  selectedBank: _reactImmutableProptypes.default.record,
+  setUi: _propTypes.default.func.isRequired
+};
+BankSelection.defaultProps = {
+  label: null,
+  onBankSelection: function onBankSelection() {},
+  selectedBank: null
+};
+var _default = BankSelection;
+exports.default = _default;

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

@@ -0,0 +1,167 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+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 _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 _uiAlerts = require("@instructure/ui-alerts");
+
+var _uiButtons = require("@instructure/ui-buttons");
+
+var _uiText = require("@instructure/ui-text");
+
+var _uiThemeable = require("@instructure/ui-themeable");
+
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _dec, _class, _class2, _temp;
+
+var styles = {
+  componentId: 'epout',
+  template: function template(theme) {
+    return "\n\n.epout_bgqc{padding-bottom:".concat(theme.alertPadding || 'inherit', ";position:inherit;z-index:").concat(theme.alertZIndex || 'inherit', "}\n\n.epout_etBv{display:block}\n\n.epout_crZr{padding:").concat(theme.containerPadding || 'inherit', ";position:relative}\n\n.epout_oqJC{background-color:").concat(theme.disabledChildrenBackgroundColor || 'inherit', ";bottom:0;left:0;opacity:").concat(theme.disabledChildrenOpacity || 'inherit', ";position:absolute;right:0;top:0;z-index:").concat(theme.disabledChildrenZIndex || 'inherit', "}");
+  },
+  'alert': 'epout_bgqc',
+  'alertContent': 'epout_etBv',
+  'container': 'epout_crZr',
+  'disabledChildren': 'epout_oqJC'
+};
+var WarningWrapper = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(WarningWrapper, _Component);
+
+  var _super = (0, _createSuper2.default)(WarningWrapper);
+
+  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.focusRef = null;
+
+    _this.setFocusRef = function (element) {
+      _this.focusRef = element;
+    };
+
+    return _this;
+  }
+
+  (0, _createClass2.default)(WarningWrapper, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      if (this.focusRef) this.focusRef.focus();
+    }
+  }, {
+    key: "renderMessage",
+    value: function renderMessage() {
+      if (!this.props.showAlert) return;
+      return this.renderAlert();
+    }
+  }, {
+    key: "renderActionButtons",
+    value: function renderActionButtons() {
+      if (this.props.hideActions) return;
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.alertContentRow
+      }, /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
+        size: "small",
+        onClick: this.props.cancelActionCallback,
+        ref: this.setFocusRef
+      }, this.props.cancelActionText), /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
+        size: "small",
+        margin: "x-small",
+        variant: "primary",
+        onClick: this.props.defaultActionCallback
+      }, this.props.defaultActionText));
+    }
+  }, {
+    key: "renderDescription",
+    value: function renderDescription() {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.alertContentRow
+      }, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
+        color: "primary"
+      }, this.props.description));
+    }
+  }, {
+    key: "renderAlertContent",
+    value: function renderAlertContent() {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.alertContent
+      }, this.renderDescription(), this.renderActionButtons());
+    }
+  }, {
+    key: "renderAlert",
+    value: function renderAlert() {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.alert
+      }, /*#__PURE__*/_react.default.createElement(_uiAlerts.Alert, {
+        variant: this.props.alertType
+      }, this.renderAlertContent()));
+    }
+  }, {
+    key: "renderDisableOverlay",
+    value: function renderDisableOverlay() {
+      if (!this.props.disableChildren) return;
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.disabledChildren
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.container
+      }, this.renderMessage(), this.renderDisableOverlay(), this.props.children);
+    }
+  }]);
+  WarningWrapper.displayName = "WarningWrapper";
+  return WarningWrapper;
+}(_react.Component), _class2.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
+}, _class2.defaultProps = {
+  alertType: 'info',
+  cancelActionCallback: void 0,
+  cancelActionText: (0, _formatMessage.default)('Cancel'),
+  defaultActionCallback: void 0,
+  defaultActionText: (0, _formatMessage.default)('Submit'),
+  description: void 0,
+  disableChildren: false,
+  hideActions: void 0,
+  showAlert: true
+}, _temp)) || _class);
+exports.WarningWrapper = WarningWrapper;
+var _default = WarningWrapper;
+exports.default = _default;

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

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = generator;
+
+function generator(_ref) {
+  var spacing = _ref.spacing,
+      typography = _ref.typography,
+      colors = _ref.colors;
+  return {
+    alertPadding: spacing.medium,
+    alertZIndex: '8888',
+    containerPadding: spacing.medium,
+    disabledChildrenBackgroundColor: colors.porcelain,
+    disabledChildrenOpacity: '0.6',
+    disabledChildrenZIndex: '7777'
+  };
+}

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

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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"));
+
+function mapStateToProps(state, props) {
+  // Error Related:
+  var workingEntry = props.entry.getWorkingInstance();
+  var isValid = props.isValid !== void 0 ? props.isValid : workingEntry.isValid();
+  return {
+    isValid: isValid
+  };
+}
+
+var mapDispatchToProps = {
+  clearNextQuizEntry: _modifications.clearNextQuizEntry,
+  showError: _errorsShowing.showError,
+  hideError: _errorsShowing.hideError,
+  screenreaderNotification: _alerts.screenreaderNotification
+};
+
+var _default = (0, _makeEditable.default)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.default));
+
+exports.default = _default;

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

@@ -0,0 +1,221 @@
+"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;
+
+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 _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 _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);
+
+  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.state = {
+      canSubmit: true
+    };
+
+    _this.createScreenReaderNotification = function () {
+      var displayPosition = _this.props.displayPosition;
+      var msg = displayPosition === null ? (0, _formatMessage.default)('This item cannot be saved due to invalid input data.') : (0, _formatMessage.default)('Item {displayPosition} cannot be saved due to invalid input data.', {
+        displayPosition: displayPosition
+      });
+
+      _this.props.screenreaderNotification(msg);
+    };
+
+    _this.onSubmit = function (e) {
+      e.preventDefault();
+
+      if (_this.props.isValid) {
+        _this.successfulSubmit();
+      } else {
+        _this.createScreenReaderNotification();
+
+        _this.props.showError(_this.props.guid);
+
+        _this.props.clearNextQuizEntry();
+      }
+    };
+
+    _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, [{
+    key: "componentWillMount",
+    value: function componentWillMount() {
+      this.props.switchOnEditing(this.props.initialFocusId);
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.clearChanges();
+      var msg = (0, _formatMessage.default)('Item editing mode turned off.');
+      this.props.screenreaderNotification(msg);
+    }
+  }, {
+    key: "successfulSubmit",
+    value: function () {
+      var _successfulSubmit = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+        var validationResult;
+        return _regenerator.default.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                this.setState({
+                  canSubmit: false
+                });
+                _context.prev = 1;
+                _context.next = 4;
+                return this.props.submitHandler();
+
+              case 4:
+                validationResult = _context.sent;
+
+                if (!(validationResult === _quizCommon.API_INPUT_VALIDATION_ERROR)) {
+                  _context.next = 8;
+                  break;
+                }
+
+                this.createScreenReaderNotification();
+                throw new Error('User input validation error received from API.');
+
+              case 8:
+                _context.next = 14;
+                break;
+
+              case 10:
+                _context.prev = 10;
+                _context.t0 = _context["catch"](1);
+                this.setState({
+                  canSubmit: true
+                });
+                return _context.abrupt("return");
+
+              case 14:
+                this.props.switchOffEditing();
+                this.props.hideError(this.props.guid);
+                this.props.screenreaderNotification((0, _formatMessage.default)('Changes to item saved.'));
+
+              case 17:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this, [[1, 10]]);
+      }));
+
+      function successfulSubmit() {
+        return _successfulSubmit.apply(this, arguments);
+      }
+
+      return successfulSubmit;
+    }()
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react.default.createElement(_uiView.View, {
+        as: "div",
+        display: "flex"
+      }, /*#__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, {
+        margin: "none none none x-small"
+      }, /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
+        type: "button",
+        variant: "primary",
+        onClick: this.onSubmit,
+        disabled: !this.state.canSubmit || this.props.disableSubmit,
+        "data-automation": "sdk-done-button"
+      }, (0, _formatMessage.default)('Done'))));
+    }
+  }]);
+  EntrySave.displayName = "EntrySave";
+  return EntrySave;
+}(_react.Component);
+
+exports.EntrySave = EntrySave;
+EntrySave.propTypes = {
+  displayPosition: _propTypes.default.number,
+  disableSubmit: _propTypes.default.bool,
+  guid: _propTypes.default.string,
+  submitHandler: _propTypes.default.func.isRequired,
+  cancelHandler: _propTypes.default.func,
+  clearChanges: _propTypes.default.func.isRequired,
+  // From connected component
+  clearNextQuizEntry: _propTypes.default.func.isRequired,
+  hideError: _propTypes.default.func.isRequired,
+  isValid: _propTypes.default.bool.isRequired,
+  showError: _propTypes.default.func.isRequired,
+  screenreaderNotification: _propTypes.default.func.isRequired,
+  // from makescrollable / from props being passed in occasionally
+  switchOnEditing: _propTypes.default.func.isRequired,
+  switchOffEditing: _propTypes.default.func.isRequired,
+  initialFocusId: _propTypes.default.string
+};
+EntrySave.defaultProps = {
+  displayPosition: null,
+  cancelHandler: _noop.default,
+  disableSubmit: false,
+  guid: null,
+  initialFocusId: null
+};
+var _default = EntrySave;
+exports.default = _default;