-
Notifications
You must be signed in to change notification settings - Fork 150
/
FormsyText.js
68 lines (52 loc) · 2.09 KB
/
FormsyText.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
'use strict';
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _formsyReact = require('formsy-react');
var _formsyReact2 = _interopRequireDefault(_formsyReact);
var _materialUiLibTextField = require('material-ui/lib/text-field');
var _materialUiLibTextField2 = _interopRequireDefault(_materialUiLibTextField);
var FormsyText = _react2['default'].createClass({
displayName: 'FormsyText',
mixins: [_formsyReact2['default'].Mixin],
propTypes: {
name: _react2['default'].PropTypes.string.isRequired,
value: _react2['default'].PropTypes.string,
onFocus: _react2['default'].PropTypes.func,
onBlur: _react2['default'].PropTypes.func
},
handleChange: function handleChange(event) {
if (this.getErrorMessage() != null) {
this.setValue(event.currentTarget.value);
} else {
if (this.isValidValue(event.target.value)) {
this.setValue(event.target.value);
} else {
this.setState({
_value: event.currentTarget.value,
_isPristine: false
});
}
}
},
handleBlur: function handleBlur(event) {
this.setValue(event.currentTarget.value);
if (this.props.onBlur) this.props.onBlur(event);
},
handleEnterKeyDown: function handleEnterKeyDown(event) {
this.setValue(event.currentTarget.value);
},
render: function render() {
return _react2['default'].createElement(_materialUiLibTextField2['default'], _extends({}, this.props, {
defaultValue: this.props.value,
onChange: this.handleChange,
onBlur: this.handleBlur,
onFocus: this.props.onFocus,
onEnterKeyDown: this.handleEnterKeyDown,
errorText: this.getErrorMessage(),
value: this.getValue()
}));
}
});
module.exports = FormsyText;