@codementor/ui-kit/TextInput.js

'use strict';

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

var _extends2 = require('babel-runtime/helpers/extends');

var _extends3 = _interopRequireDefault(_extends2);

var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');

var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);

var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');

var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);

var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');

var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);

var _createClass2 = require('babel-runtime/helpers/createClass');

var _createClass3 = _interopRequireDefault(_createClass2);

var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');

var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);

var _inherits2 = require('babel-runtime/helpers/inherits');

var _inherits3 = _interopRequireDefault(_inherits2);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

var _TextField = require('material-ui/TextField');

var _TextField2 = _interopRequireDefault(_TextField);

var _styles = require('material-ui/styles');

var _sharedStyle = require('./constants/sharedStyle');

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var TextInput = function (_PureComponent) {
  (0, _inherits3.default)(TextInput, _PureComponent);

  function TextInput() {
    (0, _classCallCheck3.default)(this, TextInput);
    return (0, _possibleConstructorReturn3.default)(this, (TextInput.__proto__ || (0, _getPrototypeOf2.default)(TextInput)).apply(this, arguments));
  }

  (0, _createClass3.default)(TextInput, [{
    key: 'render',
    value: function render() {
      var _props = this.props,
          label = _props.label,
          error = _props.error,
          helperText = _props.helperText,
          classes = _props.classes,
          FormHelperTextProps = _props.FormHelperTextProps,
          InputLabelProps = _props.InputLabelProps,
          InputProps = _props.InputProps,
          inputProps = (0, _objectWithoutProperties3.default)(_props, ['label', 'error', 'helperText', 'classes', 'FormHelperTextProps', 'InputLabelProps', 'InputProps']);


      return _react2.default.createElement(_TextField2.default, (0, _extends3.default)({}, inputProps, {
        label: label,
        error: error,
        helperText: helperText,
        FormHelperTextProps: (0, _extends3.default)({
          classes: {
            error: error ? classes.formHelperTextError : classes.formHelperText
          }
        }, FormHelperTextProps),
        InputLabelProps: (0, _extends3.default)({
          classes: {
            root: error ? classes.labelRootError : classes.labelRoot,
            shrink: error ? classes.labelRootError : classes.labelShrink
          }
        }, InputLabelProps),
        InputProps: (0, _extends3.default)({
          classes: {
            root: classes.inputRoot,
            underline: classes.inputUnderline,
            error: classes.inputError
          }
        }, InputProps) }));
    }
  }]);
  return TextInput;
}(_react.PureComponent);

TextInput.propTypes = {
  label: _propTypes2.default.node,
  error: _propTypes2.default.bool,
  helperText: _propTypes2.default.node,
  FormHelperTextProps: _propTypes2.default.object,
  InputLabelProps: _propTypes2.default.object,
  InputProps: _propTypes2.default.object
};

TextInput.defaultProps = {
  label: '',
  helperText: ''
};

exports.default = (0, _styles.withStyles)(_sharedStyle.textInputStyle)(TextInput);