rm3-react-controls - npm Package Compare versions

Comparing version 0.0.5 to 0.0.6

CHANGELOG.md

@@ -7,2 +7,6 @@ # Change Log
 
+## [0.0.6] - 2016-6-12
+### Changed
+- Updated dependencies, including fairly severe change with react-intl.
+
 ## [0.0.5] - 2016-3-26
@@ -33,3 +37,4 @@ ### Added
 
-[Unreleased]: https://github.com/rm3web/rm3-react-controls/compare/v0.0.5...HEAD
+[Unreleased]: https://github.com/rm3web/rm3-react-controls/compare/v0.0.6...HEAD
+[0.0.6]: https://github.com/rm3web/rm3-react-controls/compare/v0.0.5...v0.0.6
 [0.0.5]: https://github.com/rm3web/rm3-react-controls/compare/v0.0.4...v0.0.5
@@ -36,0 +41,0 @@ [0.0.4]: https://github.com/rm3web/rm3-react-controls/compare/v0.0.3...v0.0.4

dist/password.js

 var React = require('react');
 var ReactIntl = require('react-intl');
-var IntlMixin = ReactIntl.IntlMixin;
+var IntlProvider = ReactIntl.IntlProvider;
 var FormattedMessage = ReactIntl.FormattedMessage;
@@ -19,3 +19,2 @@ var ErrorsList = require('./errors').ErrorsList;
 
-  mixins: [IntlMixin],
 
@@ -39,2 +38,11 @@ getInitialState: function () {
     }
+
+    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" } });
@@ -44,38 +52,42 @@ var strengthText = names[strength];
       return React.createElement(
-        'fieldset',
-        { className: 'pure-group' },
+        IntlProvider,
+        { messages: this.props.messages, locale: 'en' },
         React.createElement(
-          'label',
-          { htmlFor: 'password', className: 'pure-input-1' },
-          React.createElement(FormattedMessage, { message: this.getIntlMessage('PASSWORD_ENTER_TWICE') }),
-          ':'
-        ),
-        React.createElement(
-          'div',
-          { className: 'pure-g' },
+          'fieldset',
+          { className: 'pure-group' },
           React.createElement(
-            '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.getIntlMessage('PASSWORD') }),
-            React.createElement(ErrorsList, { errors: this.state.errors.password1 })
+            'label',
+            { htmlFor: 'password', lassName: 'pure-input-1' },
+            React.createElement(FormattedMessage, { id: 'PASSWORD_ENTER_TWICE' }),
+            ':'
           ),
           React.createElement(
             'div',
-            { 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.getIntlMessage('CONFIRM_PASSWORD') }),
-            React.createElement(ErrorsList, { errors: this.state.errors.password2 })
+            { 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
+            )
           ),
           React.createElement(
             'div',
-            { className: 'pure-u-1-3' },
-            strengthText
+            { 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
+            )
           )
@@ -82,0 +94,0 @@ )

dist/pathname.js

 var React = require('react');
 var ReactIntl = require('react-intl');
-var IntlMixin = ReactIntl.IntlMixin;
+var IntlProvider = ReactIntl.IntlProvider;
 var FormattedMessage = ReactIntl.FormattedMessage;
@@ -21,3 +21,2 @@ var SitePath = require('sitepath');
 
-  mixins: [IntlMixin],
 
@@ -46,27 +45,31 @@ getInitialState: function () {
     return React.createElement(
-      'fieldset',
-      null,
+      IntlProvider,
+      { messages: this.props.messages, locale: 'en' },
       React.createElement(
-        'div',
-        { className: 'pure-u-1-3' },
-        React.createElement('input', { className: 'pure-input-1', name: 'root', type: 'text', value: path,
-          readOnly: true, disabled: true })
-      ),
-      React.createElement(
-        'div',
-        { className: 'pure-u-1-3' },
-        React.createElement('input', { className: 'pure-input-1', type: 'text',
-          value: this.state.leaf, disabled: this.state.slug,
-          name: 'leaf', onChange: this.leafChange,
-          placeholder: this.getIntlMessage("PATH") })
-      ),
-      React.createElement(
-        'div',
-        { className: 'pure-u-1-3' },
+        'fieldset',
+        null,
         React.createElement(
-          'label',
-          { htmlFor: 'autogenSlug', className: 'pure-checkbox' },
-          React.createElement('input', { type: 'checkbox', onChange: this.slugSwitch,
-            checked: this.state.slug, name: 'autogenSlug' }),
-          React.createElement(FormattedMessage, { message: this.getIntlMessage('AUTO_GENERATE_SLUG') })
+          'div',
+          { className: 'pure-u-1-3' },
+          React.createElement('input', { className: 'pure-input-1', name: 'root', type: 'text', value: path,
+            readOnly: true, disabled: true })
+        ),
+        React.createElement(
+          'div',
+          { className: 'pure-u-1-3' },
+          React.createElement('input', { className: 'pure-input-1', type: 'text',
+            value: this.state.leaf, disabled: this.state.slug,
+            name: 'leaf', onChange: this.leafChange,
+            placeholder: 'PATH' })
+        ),
+        React.createElement(
+          'div',
+          { className: 'pure-u-1-3' },
+          React.createElement(
+            'label',
+            { htmlFor: 'autogenSlug', className: 'pure-checkbox' },
+            React.createElement('input', { type: 'checkbox', onChange: this.slugSwitch,
+              checked: this.state.slug, name: 'autogenSlug' }),
+            React.createElement(FormattedMessage, { id: 'AUTO_GENERATE_SLUG' })
+          )
         )
@@ -73,0 +76,0 @@ )

package.json

 {
   "name": "rm3-react-controls",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "description": "React tools for rm3",
@@ -25,7 +25,11 @@ "main": "dist/index.js",
   },
+  "engines": {
+    "node": "4.x || 5.x",
+    "npm": "2.x || 3.x"
+  },
   "author": "Wirehead <[e-mail]>",
   "license": "BSD-2-Clause",
   "dependencies": {
-    "intl": "^1.0.1",
-    "react-intl": "1.2.0",
+    "intl": "^1.2.4",
+    "react-intl": "2.1.2",
     "sitepath": "^0.2.0",
@@ -39,6 +43,6 @@ "zxcvbn": "^4.2.0"
   "devDependencies": {
-    "babel-cli": "~6.6.5",
+    "babel-cli": "~6.10.0",
     "babel-preset-react": "~6.5.0",
-    "babel-register": "~6.6.5",
-    "babelify": "~7.2.0",
+    "babel-register": "~6.9.0",
+    "babelify": "~7.3.0",
     "browserify": "^13.0.0",
@@ -50,10 +54,10 @@ "budo": "^8.0.4",
     "karma-browserify": "~5.0.2",
-    "karma-chrome-launcher": "~0.2.2",
-    "karma-firefox-launcher": "~0.1.7",
-    "karma-mocha": "~0.2.1",
+    "karma-chrome-launcher": "~1.0.1",
+    "karma-firefox-launcher": "~1.0.0",
+    "karma-mocha": "~1.0.1",
     "karma-phantomjs-launcher": "~1.0.0",
-    "karma-safari-launcher": "~0.1.1",
-    "karma-sauce-launcher": "~0.3.0",
+    "karma-safari-launcher": "~1.0.0",
+    "karma-sauce-launcher": "~1.0.0",
     "livereactload": "^2.2.1",
-    "mocha": "~2.4.5",
+    "mocha": "~2.5.2",
     "phantomjs-prebuilt": "~2.1.3",
@@ -60,0 +64,0 @@ "react": "~0.14.7",

tests/test-pathname.js

@@ -28,3 +28,3 @@ if (!global.Intl) {
       path: 'wh.cookie'
-    });
+    }).props.children;
 
@@ -51,3 +51,3 @@ form.type.should.equal('fieldset');
       leaf: 'chocolate'
-    });
+    }).props.children;
 
@@ -74,3 +74,3 @@ form.type.should.equal('fieldset');
       path: new SitePath(['wh', 'cookie'])
-    });
+    }).props.children;
 
@@ -77,0 +77,0 @@ form.type.should.equal('fieldset');

No alert changes

Improved metrics

Total package byte prevSize

15734

increased by5.89%

Lines of code

324

increased by3.85%

Dependency changes

• + Addedintl-format-cache@2.2.9(transitive)

• + Addedintl-messageformat@1.3.0(transitive)

• + Addedintl-messageformat-parser@1.2.0(transitive)

• + Addedintl-relativeformat@1.3.0(transitive)

• + Addedinvariant@2.2.4(transitive)

• + Addedreact-intl@2.1.2(transitive)

• - Removedintl-format-cache@2.0.4(transitive)

• - Removedintl-messageformat@1.1.0(transitive)

• - Removedintl-messageformat-parser@1.1.0(transitive)

• - Removedintl-relativeformat@1.1.0(transitive)

• - Removedreact-intl@1.2.0(transitive)

• Updatedintl@^1.2.4

• Updatedreact-intl@2.1.2