belle - npm Package Compare versions

Comparing version 2.0.0 to 2.0.2

CHANGELOG.md

@@ -7,2 +7,8 @@ # Change Log
 
+## 2.0.2 - 2015-12-06
+
+### Fixed
+
+- [Button, ComboBox, DatePicker, Rating, Select, TextInput, Toggle] Fix styling issues when the component has a complex React id generated through API's like `createFragment` [c73d06d](https://github.com/nikgraf/belle/commit/c73d06d9ec6f47661657b42e86a6c3a75cc0dc70)
+
 ## 2.0.0 - 2015-11-28
@@ -9,0 +15,0 @@

lib/components/Button.js

@@ -164,3 +164,3 @@ 'use strict';
     value: function componentWillMount() {
-      var id = this._reactInternalInstance._rootNodeID.replace(/\./g, '-');
+      var id = this._reactInternalInstance._rootNodeID.replace(/[\.\:\$\/\=]/g, '-');
       this.styleId = 'style-id' + id;
@@ -167,0 +167,0 @@ updatePseudoClassStyle(this.styleId, this.props, this.preventFocusStyleForTouchAndClick);

lib/components/ComboBox.js

@@ -206,3 +206,3 @@ 'use strict';
     value: function componentWillMount() {
-      var id = this._reactInternalInstance._rootNodeID.replace(/\./g, '-');
+      var id = this._reactInternalInstance._rootNodeID.replace(/[\.\:\$\/\=]/g, '-');
       this._styleId = 'style-id' + id;
@@ -209,0 +209,0 @@ this._caretStyleId = 'caretStyle-id' + id;

lib/components/DatePicker.js

@@ -214,3 +214,3 @@ 'use strict';
     value: function componentWillMount() {
-      var id = this._reactInternalInstance._rootNodeID.replace(/\./g, '-');
+      var id = this._reactInternalInstance._rootNodeID.replace(/[\.\:\$\/\=]/g, '-');
       this.pseudoStyleIds = {};
@@ -217,0 +217,0 @@ this.pseudoStyleIds.styleId = 'wrapper-style-id' + id;

lib/components/Rating.js

@@ -120,3 +120,3 @@ 'use strict';
     value: function componentWillMount() {
-      var id = this._reactInternalInstance._rootNodeID.replace(/\./g, '-');
+      var id = this._reactInternalInstance._rootNodeID.replace(/[\.\:\$\/\=]/g, '-');
       this.ratingWrapperStyleId = 'rating-wrapper-style-id' + id;
@@ -123,0 +123,0 @@ updatePseudoClassStyle(this.ratingWrapperStyleId, this.props, this.preventFocusStyleForTouchAndClick);

lib/components/Select.js

@@ -264,3 +264,3 @@ 'use strict';
     value: function componentWillMount() {
-      var id = this._reactInternalInstance._rootNodeID.replace(/\./g, '-');
+      var id = this._reactInternalInstance._rootNodeID.replace(/[\.\:\$\/\=]/g, '-');
       this._styleId = 'style-id' + id;
@@ -267,0 +267,0 @@ updatePseudoClassStyle(this._styleId, this.props);

lib/components/TextInput.js

@@ -137,3 +137,3 @@ 'use strict';
     value: function componentWillMount() {
-      var id = this._reactInternalInstance._rootNodeID.replace(/\./g, '-');
+      var id = this._reactInternalInstance._rootNodeID.replace(/[\.\:\$\/\=]/g, '-');
       this._styleId = 'style-id' + id;
@@ -140,0 +140,0 @@ updatePseudoClassStyle(this._styleId, this.props);

lib/components/Toggle.js

@@ -185,3 +185,3 @@ 'use strict';
     value: function componentWillMount() {
-      var id = this._reactInternalInstance._rootNodeID.replace(/\./g, '-');
+      var id = this._reactInternalInstance._rootNodeID.replace(/[\.\:\$\/\=]/g, '-');
       this.styleId = 'style-id' + id;
@@ -188,0 +188,0 @@ updatePseudoClassStyle(this.styleId, this.props, this.preventFocusStyleForTouchAndClick);

package.json

 {
   "name": "belle",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "description": "Configurable React Components with great UX",
@@ -5,0 +5,0 @@ "author": {

No alert changes

Improved metrics

Total package byte prevSize

385453

increased by0.1%

No dependency changes