"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 state_1 = require("@skava/ui/dist/state");

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

const renderProps_1 = require("./renderProps");

let Header = class Header extends react_1.default.Component {
  constructor() {
    super(...arguments);
    this.observableState = state_1.toCommonState(this.props);

    this.handleClick = args => {
      const {
        onCreateListSubmit,
        isSignedUser
      } = this.props;
      const {
        handleToggleVisibility
      } = this.observableState;
      handleToggleVisibility();

      if (exotic_1.isFunction(onCreateListSubmit)) {
        onCreateListSubmit(args);
      }
    };
  }

  render() {
    return react_1.default.createElement(styled_1.HeaderPlaceholder, Object.assign({
      renderButton: renderProps_1.defaultRenderButton,
      handleClick: this.handleClick,
      hasContent: exotic_1.isSafe(this.props.statusContent),
      state: this.observableState,
      shouldWrap: this.observableState.isVisible
    }, this.props));
  }

};
Header.defaultProps = {
  // renderProps
  renderButtonGroup: renderProps_1.defaultRenderButtonGroup,
  renderContent: renderProps_1.defaultRenderContent,
  renderHeader: renderProps_1.defaultRenderHeader,
  // handler
  onCreateListSubmit: exotic_1.NO_OP
};
Header = tslib_1.__decorate([mobx_react_1.observer], Header);
exports.Header = Header;
exports.default = Header;