react-responsive - npm Package Compare versions

Comparing version 0.0.7 to 0.0.8

package.json

 {
   "name": "react-responsive",
   "description": "Media queries in react for responsive design",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "homepage": "http://github.com/wearefractal/react-responsive",
@@ -26,2 +26,3 @@ "repository": {
   "dependencies": {
+    "hyphenate-style-name": "^1.0.0",
     "lodash.omit": "^3.0.0",
@@ -32,3 +33,3 @@ "matchmedia": "^0.1.1",
   "peerDependencies": {
-    "react": ">=0.12.0"
+    "react": "*"
   },
@@ -35,0 +36,0 @@ "devDependencies": {

src/index.js

@@ -6,3 +6,3 @@ 'use strict';
 var matchMedia = require('matchmedia');
-var hyphenate = require('react/lib/hyphenateStyleName');
+var hyphenate = require('hyphenate-style-name');
 var mediaQuery = require('./mediaQuery');
@@ -64,2 +64,6 @@ var toQuery = require('./toQuery');
 
+    if (this._mql) {
+      this._mql.removeListener(this.updateMatches);
+    }
+
     this._mql = matchMedia(this.query, values);
@@ -66,0 +70,0 @@ this._mql.addListener(this.updateMatches);

src/mediaQuery.js

@@ -1,2 +0,2 @@
-var PropTypes = require('react/lib/ReactPropTypes');
+var PropTypes = require('react').PropTypes;
 var assign = require('object-assign');
@@ -3,0 +3,0 @@

src/toQuery.js

 'use strict';
 
-var hyphenate = require('react/lib/hyphenateStyleName');
+var hyphenate = require('hyphenate-style-name');
 var mq = require('./mediaQuery');
@@ -39,2 +39,2 @@
   return join(rules);
-};
+};

No alert changes

Improved metrics

Total package byte prevSize

1058013

increased by0.01%

Lines of code

13035

increased by0.03%

Worsened metrics

Dependency count

5

increased by25%

Dependency changes

• + Addedhyphenate-style-name@^1.0.0

• + Addedhyphenate-style-name@1.0.5(transitive)