react-virtualized - npm Package Compare versions

Comparing version 9.4.2 to 9.5.0

CHANGELOG.md

 Changelog
 ------------
 
+##### 9.5.0
+* 🎉 `Grid` supports state-override of `isScrolling` value via new `isScrolling` prop. This enables cache-while-scrolling of cells when used with `WindowScroller`. ([@olavk](https://github.com/olavk) - [#639](https://github.com/bvaughn/react-virtualized/pull/639))
+
 ##### 9.4.2
@@ -5,0 +8,0 @@ * 🐛 Small accessibility fix to `MultiGrid` so that focus outline shows through by default for main (bottom/right) `Grid`. Top and left `Grid`s are also not tab-focusable by default now since they are scroll-observers anyway.

dist/commonjs/Grid/Grid.js

@@ -532,5 +532,6 @@ 'use strict';
           width = _props6.width;
-      var isScrolling = this.state.isScrolling;
 
 
+      var isScrolling = this._isScrolling();
+
       var gridStyle = {
@@ -616,4 +617,3 @@ boxSizing: 'border-box',
           width = props.width;
-      var isScrolling = state.isScrolling,
-          scrollDirectionHorizontal = state.scrollDirectionHorizontal,
+      var scrollDirectionHorizontal = state.scrollDirectionHorizontal,
           scrollDirectionVertical = state.scrollDirectionVertical,
@@ -624,2 +624,4 @@ scrollLeft = state.scrollLeft,
 
+      var isScrolling = this._isScrolling(props, state);
+
       this._childrenToDisplay = [];
@@ -829,2 +831,12 @@
   }, {
+    key: '_isScrolling',
+    value: function _isScrolling() {
+      var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.props;
+      var state = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.state;
+
+      // If isScrolling is defined in props, use it to override the value in state
+      // This is a performance optimization for WindowScroller + Grid
+      return Object.hasOwnProperty.call(props, 'isScrolling') ? props.isScrolling : state.isScrolling;
+    }
+  }, {
     key: '_setScrollingContainerRef',
@@ -1122,2 +1134,8 @@ value: function _setScrollingContainerRef(ref) {
   /**
+   * Override internal is-scrolling state tracking.
+   * This property is primarily intended for use with the WindowScroller component.
+   */
+  isScrolling: _react.PropTypes.bool,
+
+  /**
    * Optional renderer to be used in place of rows when either :rowCount or :columnCount is 0.
@@ -1124,0 +1142,0 @@ */

dist/es/Grid/Grid.js

@@ -493,5 +493,6 @@ import _extends from 'babel-runtime/helpers/extends';
           width = _props6.width;
-      var isScrolling = this.state.isScrolling;
 
 
+      var isScrolling = this._isScrolling();
+
       var gridStyle = {
@@ -577,4 +578,3 @@ boxSizing: 'border-box',
           width = props.width;
-      var isScrolling = state.isScrolling,
-          scrollDirectionHorizontal = state.scrollDirectionHorizontal,
+      var scrollDirectionHorizontal = state.scrollDirectionHorizontal,
           scrollDirectionVertical = state.scrollDirectionVertical,
@@ -585,2 +585,4 @@ scrollLeft = state.scrollLeft,
 
+      var isScrolling = this._isScrolling(props, state);
+
       this._childrenToDisplay = [];
@@ -790,2 +792,12 @@
   }, {
+    key: '_isScrolling',
+    value: function _isScrolling() {
+      var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.props;
+      var state = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.state;
+
+      // If isScrolling is defined in props, use it to override the value in state
+      // This is a performance optimization for WindowScroller + Grid
+      return Object.hasOwnProperty.call(props, 'isScrolling') ? props.isScrolling : state.isScrolling;
+    }
+  }, {
     key: '_setScrollingContainerRef',
@@ -1083,2 +1095,8 @@ value: function _setScrollingContainerRef(ref) {
   /**
+   * Override internal is-scrolling state tracking.
+   * This property is primarily intended for use with the WindowScroller component.
+   */
+  isScrolling: PropTypes.bool,
+
+  /**
    * Optional renderer to be used in place of rows when either :rowCount or :columnCount is 0.
@@ -1085,0 +1103,0 @@ */

package.json

@@ -6,3 +6,3 @@ {
   "user": "bvaughn",
-  "version": "9.4.2",
+  "version": "9.5.0",
   "homepage": "https://github.com/bvaughn/react-virtualized",
@@ -9,0 +9,0 @@ "main": "dist/commonjs/index.js",

No alert changes

Improved metrics

Total package byte prevSize

2451286

increased by0.2%

Lines of code

35159

increased by0.22%

No dependency changes