"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

const tslib_1 = require("tslib");

const react_1 = tslib_1.__importDefault(require("react"));

const mobx_react_1 = require("xmobx/mobx-react");

const exotic_1 = require("exotic");

const forms_1 = require("@skava/ui/dist/forms");

const fixture_1 = require("../fixture");

const styled_1 = require("./styled");

class FormStateCard extends forms_1.FormState {
  constructor() {
    super(...arguments);
    this.inputsList = fixture_1.EditUserInput;
  }

}

const formStateCard = new FormStateCard();

const SubmitButton = props => react_1.default.createElement(styled_1.StyledSaveButton, Object.assign({}, props));

const CancelButton = props => react_1.default.createElement(styled_1.StyledCancelButton, Object.assign({}, props));

let EditUserForm = class EditUserForm extends forms_1.ObserverForm {
  constructor() {
    super(...arguments);
    this.SubmitButton = SubmitButton;
    this.CancelButton = CancelButton;
    this.isCancelButtonNeeded = true;
    this.defaultSubmitButtonLabel = 'Save Changes';
    this.defaultCancelButtonLabel = 'Cancel';

    this.handleSubmit = event => {
      event.preventDefault();
      console.debug('data:');
      console.info(this.state.toSerialized());
    };

    this.handleCancel = event => {
      const {
        onCancel
      } = this.props;
      event.preventDefault();

      if (exotic_1.isFunction(onCancel)) {
        onCancel();
      }
    };
  }

};
EditUserForm.FormState = formStateCard;
EditUserForm.defaultProps = {
  state: formStateCard
};
EditUserForm = tslib_1.__decorate([mobx_react_1.observer], EditUserForm);

class EditUser extends react_1.default.Component {
  render() {
    return react_1.default.createElement(styled_1.EditUserFormWrapper, null, react_1.default.createElement(EditUserForm, Object.assign({}, this.props)));
  }

}

exports.EditUser = EditUser;
exports.default = EditUser;