feat(react-sizeme): Exposes new configuration option for react-sizeme.

The react-sizeme library now allows a refreshMode configuration option to be provided. This is now

exposed via the component queries configuration.

Author: ctrlplusb

package.json

@@ -45,29 +45,29 @@
     "compression": "1.6.2",
     "cz-conventional-changelog": "1.2.0",
     "enzyme": "2.4.1",
-    "eslint": "3.4.0",
-    "eslint-config-airbnb": "10.0.1",
+    "eslint": "3.5.0",
+    "eslint-config-airbnb": "11.1.0",
     "eslint-loader": "1.5.0",
     "eslint-plugin-import": "1.14.0",
-    "eslint-plugin-jsx-a11y": "2.2.1",
+    "eslint-plugin-jsx-a11y": "2.2.2",
     "eslint-plugin-mocha": "4.5.1",
     "eslint-plugin-react": "6.2.0",
     "express": "4.14.0",
     "ghooks": "1.3.2",
     "isparta": "4.0.0",
-    "jsdom": "9.4.5",
+    "jsdom": "9.5.0",
     "lodash-webpack-plugin": "0.10.0",
     "mocha": "3.0.2",
     "path": "0.12.7",
     "react": "15.3.1",
     "react-addons-test-utils": "15.3.1",
     "react-dom": "15.3.1",
-    "react-sizeme": "2.1.3",
+    "react-sizeme": "2.2.0",
     "semantic-release": "6.3.0",
     "sinon": "1.17.5",
     "stats-webpack-plugin": "0.4.2",
     "webpack": "1.13.2",
-    "webpack-dev-middleware": "1.6.1",
+    "webpack-dev-middleware": "1.7.0",
     "webpack-hot-middleware": "2.12.2"
   },
   "peerDependencies": {

src/componentQueries.js

@@ -47,13 +47,13 @@ function componentQueries(...params) {
         monitorHeight,
         monitorWidth,
         refreshRate,
-        conflictResolver: _conflictResolver,
+        refreshMode,
       } = params[0].config;
       sizeMeConfig = {
         monitorHeight: monitorHeight != null ? monitorHeight : defaultConfig.monitorHeight,
         monitorWidth: monitorWidth != null ? monitorWidth : defaultConfig.monitorWidth,
         refreshRate: refreshRate != null ? refreshRate : defaultConfig.refreshRate,
-        conflictResolver: _conflictResolver,
+        refreshMode: refreshMode != null ? refreshMode : defaultConfig.refreshMode,
       };
     }
     conflictResolver = conflictResolver || params[0].conflictResolver || defaultConflictResolver;
@@ -96,8 +96,8 @@ function componentQueries(...params) {
 
       static propTypes = {
         size: PropTypes.shape({
-          width: PropTypes.number,
-          height: PropTypes.number,
+          width: PropTypes.number, // eslint-disable-line react/no-unused-prop-types
+          height: PropTypes.number, // eslint-disable-line react/no-unused-prop-types
         }).isRequired,
       };
 

test/componentQueries.test.js

@@ -17,7 +17,7 @@ describeWithDOM('Given the ComponentQueries library', () => {
   beforeEach(() => {
     sinonSandbox = sinon.sandbox.create();
 
-    sinonSandbox.stub(SizeMe, 'default', config => {
+    sinonSandbox.stub(SizeMe, 'default', (config) => {
       sizeMeConfig = config; return x => x;
     });
 
@@ -112,6 +112,7 @@ describeWithDOM('Given the ComponentQueries library', () => {
             monitorHeight: true,
             monitorWidth: false,
             refreshRate: 200,
+            refreshMode: 'debounce',
             conflictResolver,
           },
         })(() => <div />);
@@ -120,7 +121,7 @@ describeWithDOM('Given the ComponentQueries library', () => {
           monitorHeight: true,
           monitorWidth: false,
           refreshRate: 200,
-          conflictResolver,
+          refreshMode: 'debounce',
         });
       });
     });