rm3-react-controls
Advanced tools
Comparing version 0.0.6 to 0.0.7
@@ -7,2 +7,9 @@ # Change Log | ||
## [0.0.7] - 2016-6-26 | ||
### Changed | ||
- Updated dependencies | ||
### Fixed | ||
- Password control wasn't updating. | ||
## [0.0.6] - 2016-6-12 | ||
@@ -37,3 +44,4 @@ ### Changed | ||
[Unreleased]: https://github.com/rm3web/rm3-react-controls/compare/v0.0.6...HEAD | ||
[Unreleased]: https://github.com/rm3web/rm3-react-controls/compare/v0.0.7...HEAD | ||
[0.0.7]: https://github.com/rm3web/rm3-react-controls/compare/v0.0.6...v0.0.7 | ||
[0.0.6]: https://github.com/rm3web/rm3-react-controls/compare/v0.0.5...v0.0.6 | ||
@@ -40,0 +48,0 @@ [0.0.5]: https://github.com/rm3web/rm3-react-controls/compare/v0.0.4...v0.0.5 |
@@ -16,3 +16,3 @@ var React = require('react'); | ||
var PasswordFieldSet = React.createClass({ | ||
var PasswordFieldSet = ReactIntl.injectIntl(React.createClass({ | ||
displayName: 'PasswordFieldSet', | ||
@@ -30,2 +30,3 @@ | ||
handleChange: function (event) { | ||
console.log('rtqetrqwetwret'); | ||
this.setState({ strength: zxcvbn(event.target.value).score }); | ||
@@ -40,10 +41,2 @@ }, | ||
var PlaceholderInput1 = ReactIntl.injectIntl(function HelloMessage(props) { | ||
return React.createElement('input', { className: 'pure-u-23-24', onChange: this.handleChange, type: 'password', defaultValue: '', id: 'password1', name: 'password1', placeholder: props.intl.formatMessage({ id: "PASSWORD" }) }); | ||
}); | ||
var PlaceholderInput2 = ReactIntl.injectIntl(function HelloMessage(props) { | ||
return React.createElement('input', { className: 'pure-u-23-24', type: 'password', defaultValue: '', id: 'password2', name: 'password2', placeholder: props.intl.formatMessage({ id: "CONFIRM_PASSWORD" }) }); | ||
}); | ||
var strengthBar = React.createElement('div', { className: 'pure-u-' + (strength + 1) + '-5', style: { height: "2em", background: "#eee" } }); | ||
@@ -53,42 +46,38 @@ var strengthText = names[strength]; | ||
return React.createElement( | ||
IntlProvider, | ||
{ messages: this.props.messages, locale: 'en' }, | ||
'fieldset', | ||
{ className: 'pure-group' }, | ||
React.createElement( | ||
'fieldset', | ||
{ className: 'pure-group' }, | ||
'label', | ||
{ htmlFor: 'password', lassName: 'pure-input-1' }, | ||
React.createElement(FormattedMessage, { id: 'PASSWORD_ENTER_TWICE' }), | ||
':' | ||
), | ||
React.createElement( | ||
'div', | ||
{ className: 'pure-g' }, | ||
React.createElement( | ||
'label', | ||
{ htmlFor: 'password', lassName: 'pure-input-1' }, | ||
React.createElement(FormattedMessage, { id: 'PASSWORD_ENTER_TWICE' }), | ||
':' | ||
'div', | ||
{ className: 'pure-u-2-3' }, | ||
React.createElement('input', { className: 'pure-u-23-24', onChange: this.handleChange, type: 'password', defaultValue: '', id: 'password1', name: 'password1', placeholder: this.props.intl.formatMessage({ id: "PASSWORD" }) }), | ||
React.createElement(ErrorsList, { errors: this.state.errors.password1 }) | ||
), | ||
React.createElement( | ||
'div', | ||
{ className: 'pure-g' }, | ||
React.createElement( | ||
'div', | ||
{ className: 'pure-u-2-3' }, | ||
React.createElement(PlaceholderInput1, null), | ||
React.createElement(ErrorsList, { errors: this.state.errors.password1 }) | ||
), | ||
React.createElement( | ||
'div', | ||
{ className: 'pure-u-1-3' }, | ||
strengthBar | ||
) | ||
{ className: 'pure-u-1-3' }, | ||
strengthBar | ||
) | ||
), | ||
React.createElement( | ||
'div', | ||
{ className: 'pure-g' }, | ||
React.createElement( | ||
'div', | ||
{ className: 'pure-u-2-3' }, | ||
React.createElement('input', { className: 'pure-u-23-24', type: 'password', defaultValue: '', id: 'password2', name: 'password2', placeholder: this.props.intl.formatMessage({ id: "CONFIRM_PASSWORD" }) }), | ||
React.createElement(ErrorsList, { errors: this.state.errors.password2 }) | ||
), | ||
React.createElement( | ||
'div', | ||
{ className: 'pure-g' }, | ||
React.createElement( | ||
'div', | ||
{ className: 'pure-u-2-3' }, | ||
React.createElement(PlaceholderInput2, null), | ||
React.createElement(ErrorsList, { errors: this.state.errors.password2 }) | ||
), | ||
React.createElement( | ||
'div', | ||
{ className: 'pure-u-1-3' }, | ||
strengthText | ||
) | ||
{ className: 'pure-u-1-3' }, | ||
strengthText | ||
) | ||
@@ -101,4 +90,12 @@ ) | ||
} | ||
}); | ||
})); | ||
exports = module.exports = PasswordFieldSet; | ||
var PasswordFieldSetWrapper = function PasswordFieldSetWrapper(props) { | ||
return React.createElement( | ||
IntlProvider, | ||
{ messages: props.messages, locale: 'en' }, | ||
React.createElement(PasswordFieldSet, props) | ||
); | ||
}; | ||
exports = module.exports = PasswordFieldSetWrapper; |
{ | ||
"name": "rm3-react-controls", | ||
"version": "0.0.6", | ||
"version": "0.0.7", | ||
"description": "React tools for rm3", | ||
@@ -33,3 +33,3 @@ "main": "dist/index.js", | ||
"intl": "^1.2.4", | ||
"react-intl": "2.1.2", | ||
"react-intl": "2.1.3", | ||
"sitepath": "^0.2.0", | ||
@@ -51,7 +51,7 @@ "zxcvbn": "^4.2.0" | ||
"istanbul": "~0.4.1", | ||
"karma": "~0.13.19", | ||
"karma": "~1.1.0", | ||
"karma-browserify": "~5.0.2", | ||
"karma-chrome-launcher": "~1.0.1", | ||
"karma-firefox-launcher": "~1.0.0", | ||
"karma-mocha": "~1.0.1", | ||
"karma-mocha": "~1.1.1", | ||
"karma-phantomjs-launcher": "~1.0.0", | ||
@@ -58,0 +58,0 @@ "karma-safari-launcher": "~1.0.0", |
15726
322
+ Addedreact-intl@2.1.3(transitive)
- Removedreact-intl@2.1.2(transitive)
Updatedreact-intl@2.1.3