Updates lib; minor version bump

Author: developerdizzle

lib/VirtualList.js

@@ -20,6 +20,14 @@ var _getVisibleItemBounds = require('./utils/getVisibleItemBounds');
 
 var _getVisibleItemBounds2 = _interopRequireDefault(_getVisibleItemBounds);
 
+var _throttleWithRAF = require('./utils/throttleWithRAF');
+
+var _throttleWithRAF2 = _interopRequireDefault(_throttleWithRAF);
+
+var _defaultMapVirtualToProps = require('./utils/defaultMapVirtualToProps');
+
+var _defaultMapVirtualToProps2 = _interopRequireDefault(_defaultMapVirtualToProps);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -29,6 +37,7 @@ function _possibleConstructorReturn(self, call) { if (!self) { throw new Referen
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
 
 var VirtualList = function VirtualList(options) {
+  var mapVirtualToProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _defaultMapVirtualToProps2.default;
   return function (InnerComponent) {
     var _class, _temp;
 
@@ -58,21 +67,7 @@ var VirtualList = function VirtualList(options) {
 
         // if requestAnimationFrame is available, use it to throttle refreshState
         if (window && 'requestAnimationFrame' in window) {
-          (function () {
-            var refreshState = _this.refreshState;
-
-            _this.refreshState = function () {
-              if (_this.isRefreshingState) return;
-
-              _this.isRefreshingState = true;
-
-              window.requestAnimationFrame(function () {
-                refreshState();
-
-                _this.isRefreshingState = false;
-              });
-            };
-          })();
+          _this.refreshState = (0, _throttleWithRAF2.default)(_this.refreshState);
         }
         return _this;
       }
@@ -134,33 +129,7 @@ var VirtualList = function VirtualList(options) {
       }, {
         key: 'render',
         value: function render() {
-          var _state = this.state,
-              firstItemIndex = _state.firstItemIndex,
-              lastItemIndex = _state.lastItemIndex;
-          var _props2 = this.props,
-              items = _props2.items,
-              itemHeight = _props2.itemHeight;
-
-
-          var visibleItems = lastItemIndex > -1 ? items.slice(firstItemIndex, lastItemIndex + 1) : [];
-          // would be nice to make this not break shallowCompare with items.slice
-          // but theoretically we're only rendering if we need to
-
-          // style
-          var height = items.length * itemHeight;
-          var paddingTop = firstItemIndex * itemHeight;
-
-          var virtual = {
-            items: visibleItems,
-            style: {
-              height: height,
-              paddingTop: paddingTop
-            }
-          };
-
-          return _react2.default.createElement(InnerComponent, _extends({}, this.props, {
-            virtual: virtual
-          }));
+          return _react2.default.createElement(InnerComponent, _extends({}, this.props, mapVirtualToProps(this.props, this.state)));
         }
       }]);
 

lib/utils/defaultMapVirtualToProps.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var defaultMapToVirtualProps = function defaultMapToVirtualProps(_ref, _ref2) {
+  var items = _ref.items,
+      itemHeight = _ref.itemHeight;
+  var firstItemIndex = _ref2.firstItemIndex,
+      lastItemIndex = _ref2.lastItemIndex;
+
+  var visibleItems = lastItemIndex > -1 ? items.slice(firstItemIndex, lastItemIndex + 1) : [];
+
+  // style
+  var height = items.length * itemHeight;
+  var paddingTop = firstItemIndex * itemHeight;
+
+  return {
+    virtual: {
+      items: visibleItems,
+      style: {
+        height: height,
+        paddingTop: paddingTop
+      }
+    }
+  };
+};
+
+exports.default = defaultMapToVirtualProps;

lib/utils/throttleWithRAF.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _arguments = arguments;
+
+exports.default = function (fn) {
+  var running = false;
+
+  return function () {
+    if (running) return;
+
+    running = true;
+
+    window.requestAnimationFrame(function () {
+      fn.apply(undefined, _arguments);
+
+      running = false;
+    });
+  };
+};

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-virtual-list",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "Super simple virtualized list React higher-order component",
   "main": "dist/VirtualList.js",
   "directories": {