virtual-scroller 1.7.9 → 1.9.0

package/commonjs/Resize.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _Layout = require("./Layout");
+var _debounce = _interopRequireDefault(require("./utility/debounce.js"));
 
-var _debounce = _interopRequireDefault(require("./utility/debounce"));
+var _debug = _interopRequireDefault(require("./utility/debug.js"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -15,86 +15,97 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-var Resize =
-/*#__PURE__*/
-function () {
+var Resize = /*#__PURE__*/function () {
   function Resize(_ref) {
     var _this = this;
 
     var bypass = _ref.bypass,
-        scrollableContainer = _ref.scrollableContainer,
-        getContainerElement = _ref.getContainerElement,
-        updateLayout = _ref.updateLayout,
-        resetStateAndLayout = _ref.resetStateAndLayout;
+        getWidth = _ref.getWidth,
+        getHeight = _ref.getHeight,
+        listenForResize = _ref.listenForResize,
+        onResizeStart = _ref.onResizeStart,
+        onResizeStop = _ref.onResizeStop,
+        onHeightChange = _ref.onHeightChange,
+        onWidthChange = _ref.onWidthChange,
+        onNoChange = _ref.onNoChange;
 
     _classCallCheck(this, Resize);
 
-    _defineProperty(this, "onResize", (0, _debounce["default"])(function () {
+    _defineProperty(this, "_onResize", function () {
       // If `VirtualScroller` has been unmounted
       // while `debounce()`'s `setTimeout()` was waiting, then exit.
-      if (!_this.isRendered) {
+      // If the `VirtualScroller` gets restarted later, it will detect
+      // that `state.scrollableContainerWidth` doesn't match the actual
+      // scrollable container width, and will call `this.onResize()`.
+      if (!_this.isActive) {
         return;
       }
 
-      var prevScrollableContainerWidth = _this.scrollableContainerWidth;
-      var prevScrollableContainerHeight = _this.scrollableContainerHeight;
-      _this.scrollableContainerWidth = _this.scrollableContainer.getWidth();
-      _this.scrollableContainerHeight = _this.scrollableContainer.getHeight();
+      var prevScrollableContainerWidth = _this.width;
+      var prevScrollableContainerHeight = _this.height;
+      _this.width = _this.getWidth();
+      _this.height = _this.getHeight();
 
-      if (_this.scrollableContainerWidth === prevScrollableContainerWidth) {
-        if (_this.scrollableContainerHeight === prevScrollableContainerHeight) {
+      if (_this.width === prevScrollableContainerWidth) {
+        if (_this.height === prevScrollableContainerHeight) {
           // The dimensions of the container didn't change,
           // so there's no need to re-layout anything.
-          return;
+          _this.onNoChange();
         } else {
           // Scrollable container height has changed,
           // so just recalculate shown item indexes.
           // No need to perform a re-layout from scratch.
-          _this.updateLayout({
-            reason: _Layout.LAYOUT_REASON.RESIZE
-          });
+          _this.onHeightChange(prevScrollableContainerHeight, _this.height);
         }
       } else {
         // Reset item heights, because if scrollable container's width (or height)
         // has changed, then the list width (or height) most likely also has changed,
         // and also some CSS `@media()` rules might have been added or removed.
         // So re-render the list entirely.
-        _this.resetStateAndLayout();
+        _this.onWidthChange(prevScrollableContainerWidth, _this.width);
       }
-    }, SCROLLABLE_CONTAINER_RESIZE_DEBOUNCE_INTERVAL));
+    });
 
     this.bypass = bypass;
-    this.scrollableContainer = scrollableContainer;
-    this.getContainerElement = getContainerElement;
-    this.updateLayout = updateLayout;
-    this.resetStateAndLayout = resetStateAndLayout;
+    this.onHeightChange = onHeightChange;
+    this.onWidthChange = onWidthChange;
+    this.onNoChange = onNoChange;
+    this.getWidth = getWidth;
+    this.getHeight = getHeight;
+    this.listenForResize = listenForResize;
+    this.onResize = (0, _debounce["default"])(this._onResize, SCROLLABLE_CONTAINER_RESIZE_DEBOUNCE_INTERVAL, {
+      onStart: onResizeStart,
+      onStop: onResizeStop
+    });
   }
 
   _createClass(Resize, [{
-    key: "listen",
-    value: function listen() {
+    key: "start",
+    value: function start() {
+      this.isActive = true;
+
       if (this.bypass) {
         return;
       }
 
-      this.isRendered = true;
-      this.scrollableContainerWidth = this.scrollableContainer.getWidth();
-      this.scrollableContainerHeight = this.scrollableContainer.getHeight();
-      this.scrollableContainerUnlistenResize = this.scrollableContainer.onResize(this.onResize, {
-        container: this.getContainerElement()
-      });
+      this.width = this.getWidth();
+      this.height = this.getHeight();
+      this.unlistenResize = this.listenForResize(this.onResize);
     }
   }, {
     key: "stop",
     value: function stop() {
-      this.isRendered = false;
+      this.isActive = false;
+      this.width = undefined;
+      this.height = undefined;
 
-      if (this.scrollableContainerUnlistenResize) {
-        this.scrollableContainerUnlistenResize();
+      if (this.unlistenResize) {
+        this.unlistenResize();
+        this.unlistenResize = undefined;
       }
     }
     /**

package/commonjs/Resize.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../source/Resize.js"],"names":["Resize","bypass","scrollableContainer","getContainerElement","updateLayout","resetStateAndLayout","isRendered","prevScrollableContainerWidth","scrollableContainerWidth","prevScrollableContainerHeight","scrollableContainerHeight","getWidth","getHeight","reason","LAYOUT_REASON","RESIZE","SCROLLABLE_CONTAINER_RESIZE_DEBOUNCE_INTERVAL","scrollableContainerUnlistenResize","onResize","container"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;;;;;IAEqBA,M;;;AACpB,wBAMG;AAAA;;AAAA,QALFC,MAKE,QALFA,MAKE;AAAA,QAJFC,mBAIE,QAJFA,mBAIE;AAAA,QAHFC,mBAGE,QAHFA,mBAGE;AAAA,QAFFC,YAEE,QAFFA,YAEE;AAAA,QADFC,mBACE,QADFA,mBACE;;AAAA;;AAAA,sCA8BQ,0BAAS,YAAM;AACzB;AACA;AACA,UAAI,CAAC,KAAI,CAACC,UAAV,EAAsB;AACrB;AACA;;AACD,UAAMC,4BAA4B,GAAG,KAAI,CAACC,wBAA1C;AACA,UAAMC,6BAA6B,GAAG,KAAI,CAACC,yBAA3C;AACA,MAAA,KAAI,CAACF,wBAAL,GAAgC,KAAI,CAACN,mBAAL,CAAyBS,QAAzB,EAAhC;AACA,MAAA,KAAI,CAACD,yBAAL,GAAiC,KAAI,CAACR,mBAAL,CAAyBU,SAAzB,EAAjC;;AACA,UAAI,KAAI,CAACJ,wBAAL,KAAkCD,4BAAtC,EAAoE;AACnE,YAAI,KAAI,CAACG,yBAAL,KAAmCD,6BAAvC,EAAsE;AACrE;AACA;AACA;AACA,SAJD,MAIO;AACN;AACA;AACA;AACA,UAAA,KAAI,CAACL,YAAL,CAAkB;AAAES,YAAAA,MAAM,EAAEC,sBAAcC;AAAxB,WAAlB;AACA;AACD,OAXD,MAWO;AACN;AACA;AACA;AACA;AACA,QAAA,KAAI,CAACV,mBAAL;AACA;AACD,KA5BU,EA4BRW,6CA5BQ,CA9BR;;AACF,SAAKf,MAAL,GAAcA,MAAd;AACA,SAAKC,mBAAL,GAA2BA,mBAA3B;AACA,SAAKC,mBAAL,GAA2BA,mBAA3B;AACA,SAAKC,YAAL,GAAoBA,YAApB;AACA,SAAKC,mBAAL,GAA2BA,mBAA3B;AACA;;;;6BAEQ;AACR,UAAI,KAAKJ,MAAT,EAAiB;AAChB;AACA;;AACD,WAAKK,UAAL,GAAkB,IAAlB;AACA,WAAKE,wBAAL,GAAgC,KAAKN,mBAAL,CAAyBS,QAAzB,EAAhC;AACA,WAAKD,yBAAL,GAAiC,KAAKR,mBAAL,CAAyBU,SAAzB,EAAjC;AACA,WAAKK,iCAAL,GAAyC,KAAKf,mBAAL,CAAyBgB,QAAzB,CAAkC,KAAKA,QAAvC,EAAiD;AACzFC,QAAAA,SAAS,EAAE,KAAKhB,mBAAL;AAD8E,OAAjD,CAAzC;AAGA;;;2BAEM;AACN,WAAKG,UAAL,GAAkB,KAAlB;;AACA,UAAI,KAAKW,iCAAT,EAA4C;AAC3C,aAAKA,iCAAL;AACA;AACD;AAED;;;;;;;;;;AAkCD,IAAMD,6CAA6C,GAAG,GAAtD","sourcesContent":["import { LAYOUT_REASON } from './Layout'\r\nimport debounce from './utility/debounce'\r\n\r\nexport default class Resize {\r\n\tconstructor({\r\n\t\tbypass,\r\n\t\tscrollableContainer,\r\n\t\tgetContainerElement,\r\n\t\tupdateLayout,\r\n\t\tresetStateAndLayout\r\n\t}) {\r\n\t\tthis.bypass = bypass\r\n\t\tthis.scrollableContainer = scrollableContainer\r\n\t\tthis.getContainerElement = getContainerElement\r\n\t\tthis.updateLayout = updateLayout\r\n\t\tthis.resetStateAndLayout = resetStateAndLayout\r\n\t}\r\n\r\n\tlisten() {\r\n\t\tif (this.bypass) {\r\n\t\t\treturn\r\n\t\t}\r\n\t\tthis.isRendered = true\r\n\t\tthis.scrollableContainerWidth = this.scrollableContainer.getWidth()\r\n\t\tthis.scrollableContainerHeight = this.scrollableContainer.getHeight()\r\n\t\tthis.scrollableContainerUnlistenResize = this.scrollableContainer.onResize(this.onResize, {\r\n\t\t\tcontainer: this.getContainerElement()\r\n\t\t})\r\n\t}\r\n\r\n\tstop() {\r\n\t\tthis.isRendered = false\r\n\t\tif (this.scrollableContainerUnlistenResize) {\r\n\t\t\tthis.scrollableContainerUnlistenResize()\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * On scrollable container resize.\r\n\t */\r\n\tonResize = debounce(() => {\r\n\t\t// If `VirtualScroller` has been unmounted\r\n\t\t// while `debounce()`'s `setTimeout()` was waiting, then exit.\r\n\t\tif (!this.isRendered) {\r\n\t\t\treturn\r\n\t\t}\r\n\t\tconst prevScrollableContainerWidth = this.scrollableContainerWidth\r\n\t\tconst prevScrollableContainerHeight = this.scrollableContainerHeight\r\n\t\tthis.scrollableContainerWidth = this.scrollableContainer.getWidth()\r\n\t\tthis.scrollableContainerHeight = this.scrollableContainer.getHeight()\r\n\t\tif (this.scrollableContainerWidth === prevScrollableContainerWidth) {\r\n\t\t\tif (this.scrollableContainerHeight === prevScrollableContainerHeight) {\r\n\t\t\t\t// The dimensions of the container didn't change,\r\n\t\t\t\t// so there's no need to re-layout anything.\r\n\t\t\t\treturn\r\n\t\t\t} else {\r\n\t\t\t\t// Scrollable container height has changed,\r\n\t\t\t\t// so just recalculate shown item indexes.\r\n\t\t\t\t// No need to perform a re-layout from scratch.\r\n\t\t\t\tthis.updateLayout({ reason: LAYOUT_REASON.RESIZE })\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\t// Reset item heights, because if scrollable container's width (or height)\r\n\t\t\t// has changed, then the list width (or height) most likely also has changed,\r\n\t\t\t// and also some CSS `@media()` rules might have been added or removed.\r\n\t\t\t// So re-render the list entirely.\r\n\t\t\tthis.resetStateAndLayout()\r\n\t\t}\r\n\t}, SCROLLABLE_CONTAINER_RESIZE_DEBOUNCE_INTERVAL)\r\n}\r\n\r\nconst SCROLLABLE_CONTAINER_RESIZE_DEBOUNCE_INTERVAL = 250"],"file":"Resize.js"}
+{"version":3,"file":"Resize.js","names":["Resize","bypass","getWidth","getHeight","listenForResize","onResizeStart","onResizeStop","onHeightChange","onWidthChange","onNoChange","isActive","prevScrollableContainerWidth","width","prevScrollableContainerHeight","height","onResize","debounce","_onResize","SCROLLABLE_CONTAINER_RESIZE_DEBOUNCE_INTERVAL","onStart","onStop","unlistenResize","undefined"],"sources":["../source/Resize.js"],"sourcesContent":["import debounce from './utility/debounce.js'\r\nimport log from './utility/debug.js'\r\n\r\nexport default class Resize {\r\n\tconstructor({\r\n\t\tbypass,\r\n\t\tgetWidth,\r\n\t\tgetHeight,\r\n\t\tlistenForResize,\r\n\t\tonResizeStart,\r\n\t\tonResizeStop,\r\n\t\tonHeightChange,\r\n\t\tonWidthChange,\r\n\t\tonNoChange\r\n\t}) {\r\n\t\tthis.bypass = bypass\r\n\r\n\t\tthis.onHeightChange = onHeightChange\r\n\t\tthis.onWidthChange = onWidthChange\r\n\t\tthis.onNoChange = onNoChange\r\n\r\n\t\tthis.getWidth = getWidth\r\n\t\tthis.getHeight = getHeight\r\n\t\tthis.listenForResize = listenForResize\r\n\r\n\t\tthis.onResize = debounce(\r\n\t\t\tthis._onResize,\r\n\t\t\tSCROLLABLE_CONTAINER_RESIZE_DEBOUNCE_INTERVAL,\r\n\t\t\t{\r\n\t\t\t\tonStart: onResizeStart,\r\n\t\t\t\tonStop: onResizeStop\r\n\t\t\t}\r\n\t\t)\r\n\t}\r\n\r\n\tstart() {\r\n\t\tthis.isActive = true\r\n\t\tif (this.bypass) {\r\n\t\t\treturn\r\n\t\t}\r\n\t\tthis.width = this.getWidth()\r\n\t\tthis.height = this.getHeight()\r\n\t\tthis.unlistenResize = this.listenForResize(this.onResize)\r\n\t}\r\n\r\n\tstop() {\r\n\t\tthis.isActive = false\r\n\t\tthis.width = undefined\r\n\t\tthis.height = undefined\r\n\t\tif (this.unlistenResize) {\r\n\t\t\tthis.unlistenResize()\r\n\t\t\tthis.unlistenResize = undefined\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * On scrollable container resize.\r\n\t */\r\n\t_onResize = () => {\r\n\t\t// If `VirtualScroller` has been unmounted\r\n\t\t// while `debounce()`'s `setTimeout()` was waiting, then exit.\r\n\t\t// If the `VirtualScroller` gets restarted later, it will detect\r\n\t\t// that `state.scrollableContainerWidth` doesn't match the actual\r\n\t\t// scrollable container width, and will call `this.onResize()`.\r\n\t\tif (!this.isActive) {\r\n\t\t\treturn\r\n\t\t}\r\n\r\n\t\tconst prevScrollableContainerWidth = this.width\r\n\t\tconst prevScrollableContainerHeight = this.height\r\n\r\n\t\tthis.width = this.getWidth()\r\n\t\tthis.height = this.getHeight()\r\n\r\n\t\tif (this.width === prevScrollableContainerWidth) {\r\n\t\t\tif (this.height === prevScrollableContainerHeight) {\r\n\t\t\t\t// The dimensions of the container didn't change,\r\n\t\t\t\t// so there's no need to re-layout anything.\r\n\t\t\t\tthis.onNoChange()\r\n\t\t\t} else {\r\n\t\t\t\t// Scrollable container height has changed,\r\n\t\t\t\t// so just recalculate shown item indexes.\r\n\t\t\t\t// No need to perform a re-layout from scratch.\r\n\t\t\t\tthis.onHeightChange(prevScrollableContainerHeight, this.height)\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\t// Reset item heights, because if scrollable container's width (or height)\r\n\t\t\t// has changed, then the list width (or height) most likely also has changed,\r\n\t\t\t// and also some CSS `@media()` rules might have been added or removed.\r\n\t\t\t// So re-render the list entirely.\r\n\t\t\tthis.onWidthChange(prevScrollableContainerWidth, this.width)\r\n\t\t}\r\n\t}\r\n}\r\n\r\nconst SCROLLABLE_CONTAINER_RESIZE_DEBOUNCE_INTERVAL = 250"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;;;;;IAEqBA,M;EACpB,sBAUG;IAAA;;IAAA,IATFC,MASE,QATFA,MASE;IAAA,IARFC,QAQE,QARFA,QAQE;IAAA,IAPFC,SAOE,QAPFA,SAOE;IAAA,IANFC,eAME,QANFA,eAME;IAAA,IALFC,aAKE,QALFA,aAKE;IAAA,IAJFC,YAIE,QAJFA,YAIE;IAAA,IAHFC,cAGE,QAHFA,cAGE;IAAA,IAFFC,aAEE,QAFFA,aAEE;IAAA,IADFC,UACE,QADFA,UACE;;IAAA;;IAAA,mCA4CS,YAAM;MACjB;MACA;MACA;MACA;MACA;MACA,IAAI,CAAC,KAAI,CAACC,QAAV,EAAoB;QACnB;MACA;;MAED,IAAMC,4BAA4B,GAAG,KAAI,CAACC,KAA1C;MACA,IAAMC,6BAA6B,GAAG,KAAI,CAACC,MAA3C;MAEA,KAAI,CAACF,KAAL,GAAa,KAAI,CAACV,QAAL,EAAb;MACA,KAAI,CAACY,MAAL,GAAc,KAAI,CAACX,SAAL,EAAd;;MAEA,IAAI,KAAI,CAACS,KAAL,KAAeD,4BAAnB,EAAiD;QAChD,IAAI,KAAI,CAACG,MAAL,KAAgBD,6BAApB,EAAmD;UAClD;UACA;UACA,KAAI,CAACJ,UAAL;QACA,CAJD,MAIO;UACN;UACA;UACA;UACA,KAAI,CAACF,cAAL,CAAoBM,6BAApB,EAAmD,KAAI,CAACC,MAAxD;QACA;MACD,CAXD,MAWO;QACN;QACA;QACA;QACA;QACA,KAAI,CAACN,aAAL,CAAmBG,4BAAnB,EAAiD,KAAI,CAACC,KAAtD;MACA;IACD,CA9EE;;IACF,KAAKX,MAAL,GAAcA,MAAd;IAEA,KAAKM,cAAL,GAAsBA,cAAtB;IACA,KAAKC,aAAL,GAAqBA,aAArB;IACA,KAAKC,UAAL,GAAkBA,UAAlB;IAEA,KAAKP,QAAL,GAAgBA,QAAhB;IACA,KAAKC,SAAL,GAAiBA,SAAjB;IACA,KAAKC,eAAL,GAAuBA,eAAvB;IAEA,KAAKW,QAAL,GAAgB,IAAAC,oBAAA,EACf,KAAKC,SADU,EAEfC,6CAFe,EAGf;MACCC,OAAO,EAAEd,aADV;MAECe,MAAM,EAAEd;IAFT,CAHe,CAAhB;EAQA;;;;WAED,iBAAQ;MACP,KAAKI,QAAL,GAAgB,IAAhB;;MACA,IAAI,KAAKT,MAAT,EAAiB;QAChB;MACA;;MACD,KAAKW,KAAL,GAAa,KAAKV,QAAL,EAAb;MACA,KAAKY,MAAL,GAAc,KAAKX,SAAL,EAAd;MACA,KAAKkB,cAAL,GAAsB,KAAKjB,eAAL,CAAqB,KAAKW,QAA1B,CAAtB;IACA;;;WAED,gBAAO;MACN,KAAKL,QAAL,GAAgB,KAAhB;MACA,KAAKE,KAAL,GAAaU,SAAb;MACA,KAAKR,MAAL,GAAcQ,SAAd;;MACA,IAAI,KAAKD,cAAT,EAAyB;QACxB,KAAKA,cAAL;QACA,KAAKA,cAAL,GAAsBC,SAAtB;MACA;IACD;IAED;AACD;AACA;;;;;;;;AAsCA,IAAMJ,6CAA6C,GAAG,GAAtD"}

package/commonjs/Scroll.js

@@ -7,9 +7,7 @@ exports["default"] = void 0;
 
 var _requestAnimationFrameTimeout = require("request-animation-frame-timeout");
 
-var _Layout = require("./Layout");
-
-var _debug = _interopRequireDefault(require("./utility/debug"));
+var _debug = _interopRequireDefault(require("./utility/debug.js"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -17,179 +15,225 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-var Scroll =
-/*#__PURE__*/
-function () {
+var Scroll = /*#__PURE__*/function () {
   function Scroll(_ref) {
     var _this = this;
 
     var bypass = _ref.bypass,
         scrollableContainer = _ref.scrollableContainer,
-        updateLayout = _ref.updateLayout,
+        itemsContainer = _ref.itemsContainer,
+        onScroll = _ref.onScroll,
         initialScrollPosition = _ref.initialScrollPosition,
         onScrollPositionChange = _ref.onScrollPositionChange,
         isImmediateLayoutScheduled = _ref.isImmediateLayoutScheduled,
         hasNonRenderedItemsAtTheTop = _ref.hasNonRenderedItemsAtTheTop,
         hasNonRenderedItemsAtTheBottom = _ref.hasNonRenderedItemsAtTheBottom,
-        getLatestLayoutVisibleAreaIncludingMargins = _ref.getLatestLayoutVisibleAreaIncludingMargins,
-        preserveScrollPositionOfTheBottomOfTheListOnMount = _ref.preserveScrollPositionOfTheBottomOfTheListOnMount;
+        getLatestLayoutVisibleArea = _ref.getLatestLayoutVisibleArea,
+        getListTopOffset = _ref.getListTopOffset,
+        getPrerenderMargin = _ref.getPrerenderMargin,
+        onScrolledToTop = _ref.onScrolledToTop,
+        waitForScrollingToStop = _ref.waitForScrollingToStop;
 
     _classCallCheck(this, Scroll);
 
-    _defineProperty(this, "updateScrollPosition", function () {
-      _this.onScrollPositionChange(_this.getScrollY());
+    _defineProperty(this, "scrollByY", function (scrollByY) {
+      _this.scrollToY(_this.getScrollY() + scrollByY);
     });
 
-    _defineProperty(this, "onScroll", function () {
-      // Prefer not performing a re-layout while the user is scrolling (if possible).
+    _defineProperty(this, "onScrollListener", function () {
+      if (_this.onScrollPositionChange) {
+        _this.onScrollPositionChange(_this.getScrollY());
+      } // If the user has scrolled up to the top of the items container.
+      // (this option isn't currently used)
+
+
+      if (_this.onScrolledToTop) {
+        if (_this.getScrollY() < _this.getListTopOffset()) {
+          _this.onScrolledToTop();
+        }
+      }
+
+      if (_this.bypass) {
+        return;
+      }
+
+      if (_this.ignoreScrollEvents) {
+        return;
+      } // Prefer not performing a re-layout while the user is scrolling (if possible).
       // If the user doesn't scroll too far and then stops for a moment,
       // then a mid-scroll re-layout could be delayed until such a brief stop:
       // presumably, this results in better (smoother) scrolling performance,
       // delaying the work to when it doesn't introduce any stutter or "jank".
-      // Reset `this.onUserStopsScrollingTimer` (will be re-created below).
-      _this.cancelOnUserStopsScrollingTimer(); // See whether rendering "new" previous/next items is required
-      // right now, or it can wait until the user stops scrolling.
+      // Reset `this.onStopScrollingTimer` (will be re-created below).
+
+
+      _this.cancelOnStopScrollingTimer(); // See if the latest "layout" (the currently rendered set of items)
+      // is still sufficient in order to show all the items that're
+      // currently inside the viewport. If there're some non-rendered items
+      // that're visible in the current viewport, then those items
+      // should be rendered "immediately" rather than waiting until
+      // the user stops scrolling.
 
 
       var forceUpdate = // If the items have been rendered at least once
-      _this.getLatestLayoutVisibleAreaIncludingMargins() && ( // If the user has scrolled up past the extra "margin"
-      _this.getScrollY() < _this.getLatestLayoutVisibleAreaIncludingMargins().top && // and if there're any previous non-rendered items to render.
-      _this.hasNonRenderedItemsAtTheTop() || // If the user has scrolled down past the extra "margin"
-      _this.getScrollY() + _this.scrollableContainer.getHeight() > _this.getLatestLayoutVisibleAreaIncludingMargins().bottom && // and if there're any next non-rendered items to render.
-      _this.hasNonRenderedItemsAtTheBottom());
+      _this.getLatestLayoutVisibleArea() && ( // If the user has scrolled up past the "prerender margin"
+      // and there're some non-rendered items at the top,
+      // then force a re-layout.
+      //
+      // (during these calculations we assume that the list's top coordinate
+      //  hasn't changed since previous layout; even if that's not exactly true,
+      //  the items will be re-layout when the user stops scrolling anyway)
+      //
+      _this.getScrollY() < _this.getLatestLayoutVisibleArea().top - _this.getPrerenderMargin() && _this.hasNonRenderedItemsAtTheTop() || // If the user has scrolled down past the "prerender margin"
+      // and there're any non-rendered items left at the end,
+      // then force a re-layout.
+      //
+      // (during these calculations we assume that the list's top coordinate
+      //  hasn't changed since previous layout; even if that's not exactly true,
+      //  the items will be re-layout when the user stops scrolling anyway)
+      //
+      _this.getScrollY() + _this.scrollableContainer.getHeight() > _this.getLatestLayoutVisibleArea().bottom + _this.getPrerenderMargin() && _this.hasNonRenderedItemsAtTheBottom());
 
       if (forceUpdate) {
-        (0, _debug["default"])('The user has scrolled far enough: force re-layout');
+        (0, _debug["default"])('The user has scrolled far enough: perform a re-layout');
       } else {
-        (0, _debug["default"])('The user hasn\'t scrolled too much: delay re-layout');
+        (0, _debug["default"])('The user is scrolling: perform a re-layout when they stop scrolling');
       }
 
-      if (!forceUpdate) {
-        // If a re-layout is already scheduled at the next "frame",
-        // don't schedule a "re-layout when user stops scrolling" timer.
-        if (_this.isImmediateLayoutScheduled()) {
-          return;
-        }
+      if (forceUpdate || _this.waitForScrollingToStop === false) {
+        return _this.onScroll();
+      } // If a re-layout is already scheduled at the next "frame",
+      // don't schedule a "re-layout when user stops scrolling" timer.
 
-        _this.onUserStopsScrollingTimer = (0, _requestAnimationFrameTimeout.setTimeout)(function () {
-          _this.onUserStopsScrollingTimer = undefined;
 
-          _this.updateLayout({
-            reason: _Layout.LAYOUT_REASON.STOPPED_SCROLLING
-          });
-        }, // "scroll" events are usually dispatched every 16 milliseconds
-        // for 60fps refresh rate, so waiting for 100 milliseconds feels
-        // reasonable: that would be about 6 frames of inactivity period,
-        // which could mean that either the user has stopped scrolling
-        // (for a moment) or the browser is lagging and stuttering
-        // (skipping frames due to high load).
-        // If the user continues scrolling then this timeout is constantly
-        // refreshed (cancelled and then re-created).
-        WAIT_FOR_USER_TO_STOP_SCROLLING_TIMEOUT);
+      if (_this.isImmediateLayoutScheduled()) {
         return;
       }
 
-      _this.updateLayout({
-        reason: _Layout.LAYOUT_REASON.SCROLL
-      });
+      _this.shouldCallOnScrollListenerWhenStopsScrolling = true;
+
+      _this.watchOnStopScrolling();
     });
 
     this.bypass = bypass;
     this.scrollableContainer = scrollableContainer;
-    this.updateLayout = updateLayout;
+    this.itemsContainer = itemsContainer;
+    this.onScroll = onScroll;
     this.initialScrollPosition = initialScrollPosition;
     this.onScrollPositionChange = onScrollPositionChange;
     this.isImmediateLayoutScheduled = isImmediateLayoutScheduled;
     this.hasNonRenderedItemsAtTheTop = hasNonRenderedItemsAtTheTop;
     this.hasNonRenderedItemsAtTheBottom = hasNonRenderedItemsAtTheBottom;
-    this.getLatestLayoutVisibleAreaIncludingMargins = getLatestLayoutVisibleAreaIncludingMargins;
-
-    if (preserveScrollPositionOfTheBottomOfTheListOnMount) {
-      if (scrollableContainer) {
-        this.preserveScrollPositionOfTheBottomOfTheListOnMount = {
-          scrollableContainerContentHeight: scrollableContainer.getContentHeight()
-        };
-      }
-    }
+    this.getLatestLayoutVisibleArea = getLatestLayoutVisibleArea;
+    this.getListTopOffset = getListTopOffset;
+    this.getPrerenderMargin = getPrerenderMargin;
+    this.onScrolledToTop = onScrolledToTop;
+    this.waitForScrollingToStop = waitForScrollingToStop;
   }
 
   _createClass(Scroll, [{
-    key: "listen",
-    value: function listen() {
+    key: "start",
+    value: function start() {
       if (this.initialScrollPosition !== undefined) {
         this.scrollToY(this.initialScrollPosition);
+        this.initialScrollPosition = undefined;
       }
 
       if (this.onScrollPositionChange) {
-        this.updateScrollPosition();
-        this.removeScrollPositionListener = this.scrollableContainer.addScrollListener(this.updateScrollPosition);
+        this.onScrollPositionChange(this.getScrollY());
       }
 
-      if (!this.bypass) {
-        this.removeScrollListener = this.scrollableContainer.addScrollListener(this.onScroll);
-      }
-
-      if (this.preserveScrollPositionOfTheBottomOfTheListOnMount) {
-        this.scrollToY(this.getScrollY() + (this.scrollableContainer.getContentHeight() - this.preserveScrollPositionOfTheBottomOfTheListOnMount.scrollableContainerContentHeight));
-      }
+      this.stopListeningToScroll = this.scrollableContainer.onScroll(this.onScrollListener);
     }
   }, {
     key: "stop",
     value: function stop() {
-      if (this.removeScrollPositionListener) {
-        this.removeScrollPositionListener();
-      }
-
-      if (this.removeScrollListener) {
-        this.removeScrollListener();
-      }
+      this.stopListeningToScroll();
+      this.stopListeningToScroll = undefined; // this.onStopScrollingListener = undefined
 
-      this.cancelOnUserStopsScrollingTimer();
+      this.shouldCallOnScrollListenerWhenStopsScrolling = undefined;
+      this.cancelOnStopScrollingTimer();
     }
   }, {
     key: "scrollToY",
     value: function scrollToY(scrollY) {
+      this.ignoreScrollEvents = true;
       this.scrollableContainer.scrollToY(scrollY);
-    }
-  }, {
-    key: "scrollByY",
-    value: function scrollByY(_scrollByY) {
-      this.scrollToY(this.getScrollY() + _scrollByY);
+      this.ignoreScrollEvents = undefined;
     }
   }, {
     key: "getScrollY",
     value: function getScrollY() {
       return this.scrollableContainer.getScrollY();
     }
-    /**
-     * Updates the current scroll Y position in state.
-     */
-
   }, {
-    key: "cancelOnUserStopsScrollingTimer",
-    value: function cancelOnUserStopsScrollingTimer() {
-      if (this.onUserStopsScrollingTimer) {
-        (0, _requestAnimationFrameTimeout.clearTimeout)(this.onUserStopsScrollingTimer);
-        this.onUserStopsScrollingTimer = undefined;
+    key: "cancelOnStopScrollingTimer",
+    value: function cancelOnStopScrollingTimer() {
+      if (this.onStopScrollingTimer) {
+        (0, _requestAnimationFrameTimeout.clearTimeout)(this.onStopScrollingTimer);
+        this.onStopScrollingTimer = undefined;
       }
     }
   }, {
-    key: "onLayout",
-    value: function onLayout() {
+    key: "cancelScheduledLayout",
+    value: function cancelScheduledLayout() {
       // Cancel a "re-layout when user stops scrolling" timer.
-      this.cancelOnUserStopsScrollingTimer();
+      this.cancelOnStopScrollingTimer();
     }
   }, {
-    key: "getVisibleAreaBounds",
+    key: "watchOnStopScrolling",
+    value: function watchOnStopScrolling() {
+      var _this2 = this;
+
+      this.onStopScrollingTimer = (0, _requestAnimationFrameTimeout.setTimeout)(function () {
+        _this2.onStopScrollingTimer = undefined;
+
+        if (_this2.shouldCallOnScrollListenerWhenStopsScrolling) {
+          _this2.shouldCallOnScrollListenerWhenStopsScrolling = undefined;
+
+          _this2.onScroll({
+            delayed: true
+          });
+        } // `onStopScrolling()` feature is not currently used.
+        // if (this.onStopScrollingListener) {
+        // 	const onStopScrollingListener = this.onStopScrollingListener
+        // 	this.onStopScrollingListener = undefined
+        // 	// `onStopScrollingListener()` may hypothetically schedule
+        // 	// another `onStopScrolling()` listener, so set
+        // 	// `this.onStopScrollingListener` to `undefined` before
+        // 	// calling it rather than after.
+        // 	log('~ The user has stopped scrolling ~')
+        // 	onStopScrollingListener()
+        // }
+
+      }, // "scroll" events are usually dispatched every 16 milliseconds
+      // for 60fps refresh rate, so waiting for 100 milliseconds feels
+      // reasonable: that would be about 6 frames of inactivity period,
+      // which could mean that either the user has stopped scrolling
+      // (for a moment) or the browser is lagging and stuttering
+      // (skipping frames due to high load).
+      // If the user continues scrolling then this timeout is constantly
+      // refreshed (cancelled and then re-created).
+      ON_STOP_SCROLLING_INACTIVE_PERIOD);
+    } // (this function isn't currently used)
+    // onStopScrolling(onStopScrollingListener) {
+    // 	this.onStopScrollingListener = onStopScrollingListener
+    // 	if (!this.onStopScrollingTimer) {
+    // 		this.watchOnStopScrolling()
+    // 	}
+    // }
 
     /**
      * Returns visible area coordinates relative to the scrollable container.
      * @return {object} `{ top: number, bottom: number }`
      */
+
+  }, {
+    key: "getVisibleAreaBounds",
     value: function getVisibleAreaBounds() {
       var scrollY = this.getScrollY();
       return {
@@ -205,5 +249,5 @@ function () {
 }();
 
 exports["default"] = Scroll;
-var WAIT_FOR_USER_TO_STOP_SCROLLING_TIMEOUT = 100;
+var ON_STOP_SCROLLING_INACTIVE_PERIOD = 100;
 //# sourceMappingURL=Scroll.js.map

package/commonjs/Scroll.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../source/Scroll.js"],"names":["Scroll","bypass","scrollableContainer","updateLayout","initialScrollPosition","onScrollPositionChange","isImmediateLayoutScheduled","hasNonRenderedItemsAtTheTop","hasNonRenderedItemsAtTheBottom","getLatestLayoutVisibleAreaIncludingMargins","preserveScrollPositionOfTheBottomOfTheListOnMount","getScrollY","cancelOnUserStopsScrollingTimer","forceUpdate","top","getHeight","bottom","onUserStopsScrollingTimer","undefined","reason","LAYOUT_REASON","STOPPED_SCROLLING","WAIT_FOR_USER_TO_STOP_SCROLLING_TIMEOUT","SCROLL","scrollableContainerContentHeight","getContentHeight","scrollToY","updateScrollPosition","removeScrollPositionListener","addScrollListener","removeScrollListener","onScroll","scrollY","scrollByY"],"mappings":"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","sourcesContent":["// For some weird reason, in Chrome, `setTimeout()` would lag up to a second (or more) behind.\r\n// Turns out, Chrome developers have deprecated `setTimeout()` API entirely without asking anyone.\r\n// Replacing `setTimeout()` with `requestAnimationFrame()` can work around that Chrome bug.\r\n// https://github.com/bvaughn/react-virtualized/issues/722\r\nimport { setTimeout, clearTimeout } from 'request-animation-frame-timeout'\r\n\r\nimport { LAYOUT_REASON } from './Layout'\r\nimport log from './utility/debug'\r\n\r\nexport default class Scroll {\r\n\tconstructor({\r\n\t\tbypass,\r\n\t\tscrollableContainer,\r\n\t\tupdateLayout,\r\n\t\tinitialScrollPosition,\r\n\t\tonScrollPositionChange,\r\n\t\tisImmediateLayoutScheduled,\r\n\t\thasNonRenderedItemsAtTheTop,\r\n\t\thasNonRenderedItemsAtTheBottom,\r\n\t\tgetLatestLayoutVisibleAreaIncludingMargins,\r\n\t\tpreserveScrollPositionOfTheBottomOfTheListOnMount\r\n\t}) {\r\n\t\tthis.bypass = bypass\r\n\t\tthis.scrollableContainer = scrollableContainer\r\n\t\tthis.updateLayout = updateLayout\r\n\t\tthis.initialScrollPosition = initialScrollPosition\r\n\t\tthis.onScrollPositionChange = onScrollPositionChange\r\n\t\tthis.isImmediateLayoutScheduled = isImmediateLayoutScheduled\r\n\t\tthis.hasNonRenderedItemsAtTheTop = hasNonRenderedItemsAtTheTop\r\n\t\tthis.hasNonRenderedItemsAtTheBottom = hasNonRenderedItemsAtTheBottom\r\n\t\tthis.getLatestLayoutVisibleAreaIncludingMargins = getLatestLayoutVisibleAreaIncludingMargins\r\n\r\n\t\tif (preserveScrollPositionOfTheBottomOfTheListOnMount) {\r\n\t\t\tif (scrollableContainer) {\r\n\t\t\t\tthis.preserveScrollPositionOfTheBottomOfTheListOnMount = {\r\n\t\t\t\t\tscrollableContainerContentHeight: scrollableContainer.getContentHeight()\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tlisten() {\r\n\t\tif (this.initialScrollPosition !== undefined) {\r\n\t\t\tthis.scrollToY(this.initialScrollPosition)\r\n\t\t}\r\n\t\tif (this.onScrollPositionChange) {\r\n\t\t\tthis.updateScrollPosition()\r\n\t\t\tthis.removeScrollPositionListener = this.scrollableContainer.addScrollListener(this.updateScrollPosition)\r\n\t\t}\r\n\t\tif (!this.bypass) {\r\n\t\t\tthis.removeScrollListener = this.scrollableContainer.addScrollListener(this.onScroll)\r\n\t\t}\r\n\t\tif (this.preserveScrollPositionOfTheBottomOfTheListOnMount) {\r\n\t\t\tthis.scrollToY(this.getScrollY() + (this.scrollableContainer.getContentHeight() - this.preserveScrollPositionOfTheBottomOfTheListOnMount.scrollableContainerContentHeight))\r\n\t\t}\r\n\t}\r\n\r\n\tstop() {\r\n\t\tif (this.removeScrollPositionListener) {\r\n\t\t\tthis.removeScrollPositionListener()\r\n\t\t}\r\n\t\tif (this.removeScrollListener) {\r\n\t\t\tthis.removeScrollListener()\r\n\t\t}\r\n\t\tthis.cancelOnUserStopsScrollingTimer()\r\n\t}\r\n\r\n\tscrollToY(scrollY) {\r\n\t\tthis.scrollableContainer.scrollToY(scrollY)\r\n\t}\r\n\r\n\tscrollByY(scrollByY) {\r\n\t\tthis.scrollToY(this.getScrollY() + scrollByY)\r\n\t}\r\n\r\n\tgetScrollY() {\r\n\t\treturn this.scrollableContainer.getScrollY()\r\n\t}\r\n\r\n\t/**\r\n\t * Updates the current scroll Y position in state.\r\n\t */\r\n\tupdateScrollPosition = () => {\r\n\t\tthis.onScrollPositionChange(this.getScrollY())\r\n\t}\r\n\r\n\tcancelOnUserStopsScrollingTimer() {\r\n\t\tif (this.onUserStopsScrollingTimer) {\r\n\t\t\tclearTimeout(this.onUserStopsScrollingTimer)\r\n\t\t\tthis.onUserStopsScrollingTimer = undefined\r\n\t\t}\r\n\t}\r\n\r\n\tonLayout() {\r\n\t\t// Cancel a \"re-layout when user stops scrolling\" timer.\r\n\t\tthis.cancelOnUserStopsScrollingTimer()\r\n\t}\r\n\r\n\tonScroll = () => {\r\n\t\t// Prefer not performing a re-layout while the user is scrolling (if possible).\r\n\t\t// If the user doesn't scroll too far and then stops for a moment,\r\n\t\t// then a mid-scroll re-layout could be delayed until such a brief stop:\r\n\t\t// presumably, this results in better (smoother) scrolling performance,\r\n\t\t// delaying the work to when it doesn't introduce any stutter or \"jank\".\r\n\r\n\t\t// Reset `this.onUserStopsScrollingTimer` (will be re-created below).\r\n\t\tthis.cancelOnUserStopsScrollingTimer()\r\n\r\n\t\t// See whether rendering \"new\" previous/next items is required\r\n\t\t// right now, or it can wait until the user stops scrolling.\r\n\t\tconst forceUpdate =\r\n\t\t\t// If the items have been rendered at least once\r\n\t\t\tthis.getLatestLayoutVisibleAreaIncludingMargins() && (\r\n\t\t\t\t(\r\n\t\t\t\t\t// If the user has scrolled up past the extra \"margin\"\r\n\t\t\t\t\t(this.getScrollY() < this.getLatestLayoutVisibleAreaIncludingMargins().top) &&\r\n\t\t\t\t\t// and if there're any previous non-rendered items to render.\r\n\t\t\t\t\tthis.hasNonRenderedItemsAtTheTop()\r\n\t\t\t\t)\r\n\t\t\t\t||\r\n\t\t\t\t(\r\n\t\t\t\t\t// If the user has scrolled down past the extra \"margin\"\r\n\t\t\t\t\t(this.getScrollY() + this.scrollableContainer.getHeight() > this.getLatestLayoutVisibleAreaIncludingMargins().bottom) &&\r\n\t\t\t\t\t// and if there're any next non-rendered items to render.\r\n\t\t\t\t\tthis.hasNonRenderedItemsAtTheBottom()\r\n\t\t\t\t)\r\n\t\t\t)\r\n\r\n\t\tif (forceUpdate) {\r\n\t\t\tlog('The user has scrolled far enough: force re-layout')\r\n\t\t} else {\r\n\t\t\tlog('The user hasn\\'t scrolled too much: delay re-layout')\r\n\t\t}\r\n\r\n\t\tif (!forceUpdate) {\r\n\t\t\t// If a re-layout is already scheduled at the next \"frame\",\r\n\t\t\t// don't schedule a \"re-layout when user stops scrolling\" timer.\r\n\t\t\tif (this.isImmediateLayoutScheduled()) {\r\n\t\t\t\treturn\r\n\t\t\t}\r\n\t\t\tthis.onUserStopsScrollingTimer = setTimeout(\r\n\t\t\t\t() => {\r\n\t\t\t\t\tthis.onUserStopsScrollingTimer = undefined\r\n\t\t\t\t\tthis.updateLayout({ reason: LAYOUT_REASON.STOPPED_SCROLLING })\r\n\t\t\t\t},\r\n\t\t\t\t// \"scroll\" events are usually dispatched every 16 milliseconds\r\n\t\t\t\t// for 60fps refresh rate, so waiting for 100 milliseconds feels\r\n\t\t\t\t// reasonable: that would be about 6 frames of inactivity period,\r\n\t\t\t\t// which could mean that either the user has stopped scrolling\r\n\t\t\t\t// (for a moment) or the browser is lagging and stuttering\r\n\t\t\t\t// (skipping frames due to high load).\r\n\t\t\t\t// If the user continues scrolling then this timeout is constantly\r\n\t\t\t\t// refreshed (cancelled and then re-created).\r\n\t\t\t\tWAIT_FOR_USER_TO_STOP_SCROLLING_TIMEOUT\r\n\t\t\t)\r\n\t\t\treturn\r\n\t\t}\r\n\r\n\t\tthis.updateLayout({ reason: LAYOUT_REASON.SCROLL })\r\n\t}\r\n\r\n\t/**\r\n\t * Returns visible area coordinates relative to the scrollable container.\r\n\t * @return {object} `{ top: number, bottom: number }`\r\n\t */\r\n\tgetVisibleAreaBounds() {\r\n\t\tconst scrollY = this.getScrollY()\r\n\t\treturn {\r\n\t\t\t// The first pixel of the screen.\r\n\t\t\ttop: scrollY,\r\n\t\t\t// The pixel after the last pixel of the screen.\r\n\t\t\tbottom: scrollY + this.scrollableContainer.getHeight()\r\n\t\t}\r\n\t}\r\n}\r\n\r\nconst WAIT_FOR_USER_TO_STOP_SCROLLING_TIMEOUT = 100"],"file":"Scroll.js"}
+{"version":3,"file":"Scroll.js","names":["Scroll","bypass","scrollableContainer","itemsContainer","onScroll","initialScrollPosition","onScrollPositionChange","isImmediateLayoutScheduled","hasNonRenderedItemsAtTheTop","hasNonRenderedItemsAtTheBottom","getLatestLayoutVisibleArea","getListTopOffset","getPrerenderMargin","onScrolledToTop","waitForScrollingToStop","scrollByY","scrollToY","getScrollY","ignoreScrollEvents","cancelOnStopScrollingTimer","forceUpdate","top","getHeight","bottom","log","shouldCallOnScrollListenerWhenStopsScrolling","watchOnStopScrolling","undefined","stopListeningToScroll","onScrollListener","scrollY","onStopScrollingTimer","clearTimeout","setTimeout","delayed","ON_STOP_SCROLLING_INACTIVE_PERIOD"],"sources":["../source/Scroll.js"],"sourcesContent":["// For some weird reason, in Chrome, `setTimeout()` would lag up to a second (or more) behind.\r\n// Turns out, Chrome developers have deprecated `setTimeout()` API entirely without asking anyone.\r\n// Replacing `setTimeout()` with `requestAnimationFrame()` can work around that Chrome bug.\r\n// https://github.com/bvaughn/react-virtualized/issues/722\r\nimport { setTimeout, clearTimeout } from 'request-animation-frame-timeout'\r\n\r\nimport log from './utility/debug.js'\r\n\r\nexport default class Scroll {\r\n\tconstructor({\r\n\t\tbypass,\r\n\t\tscrollableContainer,\r\n\t\titemsContainer,\r\n\t\tonScroll,\r\n\t\tinitialScrollPosition,\r\n\t\tonScrollPositionChange,\r\n\t\tisImmediateLayoutScheduled,\r\n\t\thasNonRenderedItemsAtTheTop,\r\n\t\thasNonRenderedItemsAtTheBottom,\r\n\t\tgetLatestLayoutVisibleArea,\r\n\t\tgetListTopOffset,\r\n\t\tgetPrerenderMargin,\r\n\t\tonScrolledToTop,\r\n\t\twaitForScrollingToStop\r\n\t}) {\r\n\t\tthis.bypass = bypass\r\n\t\tthis.scrollableContainer = scrollableContainer\r\n\t\tthis.itemsContainer = itemsContainer\r\n\t\tthis.onScroll = onScroll\r\n\t\tthis.initialScrollPosition = initialScrollPosition\r\n\t\tthis.onScrollPositionChange = onScrollPositionChange\r\n\t\tthis.isImmediateLayoutScheduled = isImmediateLayoutScheduled\r\n\t\tthis.hasNonRenderedItemsAtTheTop = hasNonRenderedItemsAtTheTop\r\n\t\tthis.hasNonRenderedItemsAtTheBottom = hasNonRenderedItemsAtTheBottom\r\n\t\tthis.getLatestLayoutVisibleArea = getLatestLayoutVisibleArea\r\n\t\tthis.getListTopOffset = getListTopOffset\r\n\t\tthis.getPrerenderMargin = getPrerenderMargin\r\n\t\tthis.onScrolledToTop = onScrolledToTop\r\n\t\tthis.waitForScrollingToStop = waitForScrollingToStop\r\n\t}\r\n\r\n\tstart() {\r\n\t\tif (this.initialScrollPosition !== undefined) {\r\n\t\t\tthis.scrollToY(this.initialScrollPosition)\r\n\t\t\tthis.initialScrollPosition = undefined\r\n\t\t}\r\n\t\tif (this.onScrollPositionChange) {\r\n\t\t\tthis.onScrollPositionChange(this.getScrollY())\r\n\t\t}\r\n\t\tthis.stopListeningToScroll = this.scrollableContainer.onScroll(this.onScrollListener)\r\n\t}\r\n\r\n\tstop() {\r\n\t\tthis.stopListeningToScroll()\r\n\t\tthis.stopListeningToScroll = undefined\r\n\t\t// this.onStopScrollingListener = undefined\r\n\t\tthis.shouldCallOnScrollListenerWhenStopsScrolling = undefined\r\n\t\tthis.cancelOnStopScrollingTimer()\r\n\t}\r\n\r\n\tscrollToY(scrollY) {\r\n\t\tthis.ignoreScrollEvents = true\r\n\t\tthis.scrollableContainer.scrollToY(scrollY)\r\n\t\tthis.ignoreScrollEvents = undefined\r\n\t}\r\n\r\n\tscrollByY = (scrollByY) => {\r\n\t\tthis.scrollToY(this.getScrollY() + scrollByY)\r\n\t}\r\n\r\n\tgetScrollY() {\r\n\t\treturn this.scrollableContainer.getScrollY()\r\n\t}\r\n\r\n\tcancelOnStopScrollingTimer() {\r\n\t\tif (this.onStopScrollingTimer) {\r\n\t\t\tclearTimeout(this.onStopScrollingTimer)\r\n\t\t\tthis.onStopScrollingTimer = undefined\r\n\t\t}\r\n\t}\r\n\r\n\tcancelScheduledLayout() {\r\n\t\t// Cancel a \"re-layout when user stops scrolling\" timer.\r\n\t\tthis.cancelOnStopScrollingTimer()\r\n\t}\r\n\r\n\tonScrollListener = () => {\r\n\t\tif (this.onScrollPositionChange) {\r\n\t\t\tthis.onScrollPositionChange(this.getScrollY())\r\n\t\t}\r\n\r\n\t\t// If the user has scrolled up to the top of the items container.\r\n\t\t// (this option isn't currently used)\r\n\t\tif (this.onScrolledToTop) {\r\n\t\t\tif (this.getScrollY() < this.getListTopOffset()) {\r\n\t\t\t\tthis.onScrolledToTop()\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (this.bypass) {\r\n\t\t\treturn\r\n\t\t}\r\n\r\n\t\tif (this.ignoreScrollEvents) {\r\n\t\t\treturn\r\n\t\t}\r\n\r\n\t\t// Prefer not performing a re-layout while the user is scrolling (if possible).\r\n\t\t// If the user doesn't scroll too far and then stops for a moment,\r\n\t\t// then a mid-scroll re-layout could be delayed until such a brief stop:\r\n\t\t// presumably, this results in better (smoother) scrolling performance,\r\n\t\t// delaying the work to when it doesn't introduce any stutter or \"jank\".\r\n\r\n\t\t// Reset `this.onStopScrollingTimer` (will be re-created below).\r\n\t\tthis.cancelOnStopScrollingTimer()\r\n\r\n\t\t// See if the latest \"layout\" (the currently rendered set of items)\r\n\t\t// is still sufficient in order to show all the items that're\r\n\t\t// currently inside the viewport. If there're some non-rendered items\r\n\t\t// that're visible in the current viewport, then those items\r\n\t\t// should be rendered \"immediately\" rather than waiting until\r\n\t\t// the user stops scrolling.\r\n\t\tconst forceUpdate =\r\n\t\t\t// If the items have been rendered at least once\r\n\t\t\tthis.getLatestLayoutVisibleArea() && (\r\n\t\t\t\t(\r\n\t\t\t\t\t// If the user has scrolled up past the \"prerender margin\"\r\n\t\t\t\t\t// and there're some non-rendered items at the top,\r\n\t\t\t\t\t// then force a re-layout.\r\n\t\t\t\t\t//\r\n\t\t\t\t\t// (during these calculations we assume that the list's top coordinate\r\n\t\t\t\t\t//  hasn't changed since previous layout; even if that's not exactly true,\r\n\t\t\t\t\t//  the items will be re-layout when the user stops scrolling anyway)\r\n\t\t\t\t\t//\r\n\t\t\t\t\t(this.getScrollY() < this.getLatestLayoutVisibleArea().top - this.getPrerenderMargin()) &&\r\n\t\t\t\t\tthis.hasNonRenderedItemsAtTheTop()\r\n\t\t\t\t)\r\n\t\t\t\t||\r\n\t\t\t\t(\r\n\t\t\t\t\t// If the user has scrolled down past the \"prerender margin\"\r\n\t\t\t\t\t// and there're any non-rendered items left at the end,\r\n\t\t\t\t\t// then force a re-layout.\r\n\t\t\t\t\t//\r\n\t\t\t\t\t// (during these calculations we assume that the list's top coordinate\r\n\t\t\t\t\t//  hasn't changed since previous layout; even if that's not exactly true,\r\n\t\t\t\t\t//  the items will be re-layout when the user stops scrolling anyway)\r\n\t\t\t\t\t//\r\n\t\t\t\t\t(this.getScrollY() + this.scrollableContainer.getHeight() > this.getLatestLayoutVisibleArea().bottom + this.getPrerenderMargin()) &&\r\n\t\t\t\t\tthis.hasNonRenderedItemsAtTheBottom()\r\n\t\t\t\t)\r\n\t\t\t)\r\n\r\n\t\tif (forceUpdate) {\r\n\t\t\tlog('The user has scrolled far enough: perform a re-layout')\r\n\t\t} else {\r\n\t\t\tlog('The user is scrolling: perform a re-layout when they stop scrolling')\r\n\t\t}\r\n\r\n\t\tif (forceUpdate || this.waitForScrollingToStop === false) {\r\n\t\t\treturn this.onScroll()\r\n\t\t}\r\n\r\n\t\t// If a re-layout is already scheduled at the next \"frame\",\r\n\t\t// don't schedule a \"re-layout when user stops scrolling\" timer.\r\n\t\tif (this.isImmediateLayoutScheduled()) {\r\n\t\t\treturn\r\n\t\t}\r\n\r\n\t\tthis.shouldCallOnScrollListenerWhenStopsScrolling = true\r\n\t\tthis.watchOnStopScrolling()\r\n\t}\r\n\r\n\twatchOnStopScrolling() {\r\n\t\tthis.onStopScrollingTimer = setTimeout(\r\n\t\t\t() => {\r\n\t\t\t\tthis.onStopScrollingTimer = undefined\r\n\r\n\t\t\t\tif (this.shouldCallOnScrollListenerWhenStopsScrolling) {\r\n\t\t\t\t\tthis.shouldCallOnScrollListenerWhenStopsScrolling = undefined\r\n\t\t\t\t\tthis.onScroll({ delayed: true })\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// `onStopScrolling()` feature is not currently used.\r\n\t\t\t\t// if (this.onStopScrollingListener) {\r\n\t\t\t\t// \tconst onStopScrollingListener = this.onStopScrollingListener\r\n\t\t\t\t// \tthis.onStopScrollingListener = undefined\r\n\t\t\t\t// \t// `onStopScrollingListener()` may hypothetically schedule\r\n\t\t\t\t// \t// another `onStopScrolling()` listener, so set\r\n\t\t\t\t// \t// `this.onStopScrollingListener` to `undefined` before\r\n\t\t\t\t// \t// calling it rather than after.\r\n\t\t\t\t// \tlog('~ The user has stopped scrolling ~')\r\n\t\t\t\t// \tonStopScrollingListener()\r\n\t\t\t\t// }\r\n\t\t\t},\r\n\t\t\t// \"scroll\" events are usually dispatched every 16 milliseconds\r\n\t\t\t// for 60fps refresh rate, so waiting for 100 milliseconds feels\r\n\t\t\t// reasonable: that would be about 6 frames of inactivity period,\r\n\t\t\t// which could mean that either the user has stopped scrolling\r\n\t\t\t// (for a moment) or the browser is lagging and stuttering\r\n\t\t\t// (skipping frames due to high load).\r\n\t\t\t// If the user continues scrolling then this timeout is constantly\r\n\t\t\t// refreshed (cancelled and then re-created).\r\n\t\t\tON_STOP_SCROLLING_INACTIVE_PERIOD\r\n\t\t)\r\n\t}\r\n\r\n\t// (this function isn't currently used)\r\n\t// onStopScrolling(onStopScrollingListener) {\r\n\t// \tthis.onStopScrollingListener = onStopScrollingListener\r\n\t// \tif (!this.onStopScrollingTimer) {\r\n\t// \t\tthis.watchOnStopScrolling()\r\n\t// \t}\r\n\t// }\r\n\r\n\t/**\r\n\t * Returns visible area coordinates relative to the scrollable container.\r\n\t * @return {object} `{ top: number, bottom: number }`\r\n\t */\r\n\tgetVisibleAreaBounds() {\r\n\t\tconst scrollY = this.getScrollY()\r\n\t\treturn {\r\n\t\t\t// The first pixel of the screen.\r\n\t\t\ttop: scrollY,\r\n\t\t\t// The pixel after the last pixel of the screen.\r\n\t\t\tbottom: scrollY + this.scrollableContainer.getHeight()\r\n\t\t}\r\n\t}\r\n}\r\n\r\nconst ON_STOP_SCROLLING_INACTIVE_PERIOD = 100"],"mappings":";;;;;;;AAIA;;AAEA;;;;;;;;;;;;IAEqBA,M;EACpB,sBAeG;IAAA;;IAAA,IAdFC,MAcE,QAdFA,MAcE;IAAA,IAbFC,mBAaE,QAbFA,mBAaE;IAAA,IAZFC,cAYE,QAZFA,cAYE;IAAA,IAXFC,QAWE,QAXFA,QAWE;IAAA,IAVFC,qBAUE,QAVFA,qBAUE;IAAA,IATFC,sBASE,QATFA,sBASE;IAAA,IARFC,0BAQE,QARFA,0BAQE;IAAA,IAPFC,2BAOE,QAPFA,2BAOE;IAAA,IANFC,8BAME,QANFA,8BAME;IAAA,IALFC,0BAKE,QALFA,0BAKE;IAAA,IAJFC,gBAIE,QAJFA,gBAIE;IAAA,IAHFC,kBAGE,QAHFA,kBAGE;IAAA,IAFFC,eAEE,QAFFA,eAEE;IAAA,IADFC,sBACE,QADFA,sBACE;;IAAA;;IAAA,mCA0CS,UAACC,SAAD,EAAe;MAC1B,KAAI,CAACC,SAAL,CAAe,KAAI,CAACC,UAAL,KAAoBF,SAAnC;IACA,CA5CE;;IAAA,0CA8DgB,YAAM;MACxB,IAAI,KAAI,CAACT,sBAAT,EAAiC;QAChC,KAAI,CAACA,sBAAL,CAA4B,KAAI,CAACW,UAAL,EAA5B;MACA,CAHuB,CAKxB;MACA;;;MACA,IAAI,KAAI,CAACJ,eAAT,EAA0B;QACzB,IAAI,KAAI,CAACI,UAAL,KAAoB,KAAI,CAACN,gBAAL,EAAxB,EAAiD;UAChD,KAAI,CAACE,eAAL;QACA;MACD;;MAED,IAAI,KAAI,CAACZ,MAAT,EAAiB;QAChB;MACA;;MAED,IAAI,KAAI,CAACiB,kBAAT,EAA6B;QAC5B;MACA,CAnBuB,CAqBxB;MACA;MACA;MACA;MACA;MAEA;;;MACA,KAAI,CAACC,0BAAL,GA5BwB,CA8BxB;MACA;MACA;MACA;MACA;MACA;;;MACA,IAAMC,WAAW,GAChB;MACA,KAAI,CAACV,0BAAL,OACC,CACC;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACC,KAAI,CAACO,UAAL,KAAoB,KAAI,CAACP,0BAAL,GAAkCW,GAAlC,GAAwC,KAAI,CAACT,kBAAL,EAA7D,IACA,KAAI,CAACJ,2BAAL,EAVD,IAcC;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACC,KAAI,CAACS,UAAL,KAAoB,KAAI,CAACf,mBAAL,CAAyBoB,SAAzB,EAApB,GAA2D,KAAI,CAACZ,0BAAL,GAAkCa,MAAlC,GAA2C,KAAI,CAACX,kBAAL,EAAvG,IACA,KAAI,CAACH,8BAAL,EAxBF,CAFD;;MA8BA,IAAIW,WAAJ,EAAiB;QAChB,IAAAI,iBAAA,EAAI,uDAAJ;MACA,CAFD,MAEO;QACN,IAAAA,iBAAA,EAAI,qEAAJ;MACA;;MAED,IAAIJ,WAAW,IAAI,KAAI,CAACN,sBAAL,KAAgC,KAAnD,EAA0D;QACzD,OAAO,KAAI,CAACV,QAAL,EAAP;MACA,CA1EuB,CA4ExB;MACA;;;MACA,IAAI,KAAI,CAACG,0BAAL,EAAJ,EAAuC;QACtC;MACA;;MAED,KAAI,CAACkB,4CAAL,GAAoD,IAApD;;MACA,KAAI,CAACC,oBAAL;IACA,CAlJE;;IACF,KAAKzB,MAAL,GAAcA,MAAd;IACA,KAAKC,mBAAL,GAA2BA,mBAA3B;IACA,KAAKC,cAAL,GAAsBA,cAAtB;IACA,KAAKC,QAAL,GAAgBA,QAAhB;IACA,KAAKC,qBAAL,GAA6BA,qBAA7B;IACA,KAAKC,sBAAL,GAA8BA,sBAA9B;IACA,KAAKC,0BAAL,GAAkCA,0BAAlC;IACA,KAAKC,2BAAL,GAAmCA,2BAAnC;IACA,KAAKC,8BAAL,GAAsCA,8BAAtC;IACA,KAAKC,0BAAL,GAAkCA,0BAAlC;IACA,KAAKC,gBAAL,GAAwBA,gBAAxB;IACA,KAAKC,kBAAL,GAA0BA,kBAA1B;IACA,KAAKC,eAAL,GAAuBA,eAAvB;IACA,KAAKC,sBAAL,GAA8BA,sBAA9B;EACA;;;;WAED,iBAAQ;MACP,IAAI,KAAKT,qBAAL,KAA+BsB,SAAnC,EAA8C;QAC7C,KAAKX,SAAL,CAAe,KAAKX,qBAApB;QACA,KAAKA,qBAAL,GAA6BsB,SAA7B;MACA;;MACD,IAAI,KAAKrB,sBAAT,EAAiC;QAChC,KAAKA,sBAAL,CAA4B,KAAKW,UAAL,EAA5B;MACA;;MACD,KAAKW,qBAAL,GAA6B,KAAK1B,mBAAL,CAAyBE,QAAzB,CAAkC,KAAKyB,gBAAvC,CAA7B;IACA;;;WAED,gBAAO;MACN,KAAKD,qBAAL;MACA,KAAKA,qBAAL,GAA6BD,SAA7B,CAFM,CAGN;;MACA,KAAKF,4CAAL,GAAoDE,SAApD;MACA,KAAKR,0BAAL;IACA;;;WAED,mBAAUW,OAAV,EAAmB;MAClB,KAAKZ,kBAAL,GAA0B,IAA1B;MACA,KAAKhB,mBAAL,CAAyBc,SAAzB,CAAmCc,OAAnC;MACA,KAAKZ,kBAAL,GAA0BS,SAA1B;IACA;;;WAMD,sBAAa;MACZ,OAAO,KAAKzB,mBAAL,CAAyBe,UAAzB,EAAP;IACA;;;WAED,sCAA6B;MAC5B,IAAI,KAAKc,oBAAT,EAA+B;QAC9B,IAAAC,0CAAA,EAAa,KAAKD,oBAAlB;QACA,KAAKA,oBAAL,GAA4BJ,SAA5B;MACA;IACD;;;WAED,iCAAwB;MACvB;MACA,KAAKR,0BAAL;IACA;;;WAwFD,gCAAuB;MAAA;;MACtB,KAAKY,oBAAL,GAA4B,IAAAE,wCAAA,EAC3B,YAAM;QACL,MAAI,CAACF,oBAAL,GAA4BJ,SAA5B;;QAEA,IAAI,MAAI,CAACF,4CAAT,EAAuD;UACtD,MAAI,CAACA,4CAAL,GAAoDE,SAApD;;UACA,MAAI,CAACvB,QAAL,CAAc;YAAE8B,OAAO,EAAE;UAAX,CAAd;QACA,CANI,CAQL;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;;MACA,CApB0B,EAqB3B;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACAC,iCA7B2B,CAA5B;IA+BA,C,CAED;IACA;IACA;IACA;IACA;IACA;IACA;;IAEA;AACD;AACA;AACA;;;;WACC,gCAAuB;MACtB,IAAML,OAAO,GAAG,KAAKb,UAAL,EAAhB;MACA,OAAO;QACN;QACAI,GAAG,EAAES,OAFC;QAGN;QACAP,MAAM,EAAEO,OAAO,GAAG,KAAK5B,mBAAL,CAAyBoB,SAAzB;MAJZ,CAAP;IAMA;;;;;;;AAGF,IAAMa,iCAAiC,GAAG,GAA1C"}

package/commonjs/VirtualScroller.columns.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = createColumnsHelpers;
+
+function createColumnsHelpers(_ref) {
+  var _this = this;
+
+  var getColumnsCount = _ref.getColumnsCount;
+
+  if (getColumnsCount) {
+    var scrollableContainerArgument = {
+      getWidth: function getWidth() {
+        return _this.scrollableContainer.getWidth();
+      }
+    };
+
+    this.getActualColumnsCountForState = function () {
+      var columnsCount = getColumnsCount(scrollableContainerArgument); // `columnsCount: 1` is effectively same as `columnsCount: undefined`
+      // from the code's point of view. This makes one less property in `state`
+      // which makes `state` a bit less cluttered (easier for inspection).
+
+      if (columnsCount !== 1) {
+        return columnsCount;
+      }
+    };
+  } else {
+    this.getActualColumnsCountForState = function () {
+      return undefined;
+    };
+  }
+
+  this.getActualColumnsCount = function () {
+    return _this.getActualColumnsCountForState() || 1;
+  };
+
+  this.getColumnsCount = function () {
+    return _this.getState() && _this.getState().columnsCount || 1;
+  };
+}
+//# sourceMappingURL=VirtualScroller.columns.js.map

package/commonjs/VirtualScroller.columns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualScroller.columns.js","names":["createColumnsHelpers","getColumnsCount","scrollableContainerArgument","getWidth","scrollableContainer","getActualColumnsCountForState","columnsCount","undefined","getActualColumnsCount","getState"],"sources":["../source/VirtualScroller.columns.js"],"sourcesContent":["export default function createColumnsHelpers({ getColumnsCount }) {\r\n\tif (getColumnsCount) {\r\n\t\tconst scrollableContainerArgument = {\r\n\t\t\tgetWidth: () => this.scrollableContainer.getWidth()\r\n\t\t}\r\n\t\tthis.getActualColumnsCountForState = () => {\r\n\t\t\tconst columnsCount = getColumnsCount(scrollableContainerArgument)\r\n\t\t\t// `columnsCount: 1` is effectively same as `columnsCount: undefined`\r\n\t\t\t// from the code's point of view. This makes one less property in `state`\r\n\t\t\t// which makes `state` a bit less cluttered (easier for inspection).\r\n\t\t\tif (columnsCount !== 1) {\r\n\t\t\t\treturn columnsCount\r\n\t\t\t}\r\n\t\t}\r\n\t} else {\r\n\t\tthis.getActualColumnsCountForState = () => undefined\r\n\t}\r\n\r\n\tthis.getActualColumnsCount = () => {\r\n\t\treturn this.getActualColumnsCountForState() || 1\r\n\t}\r\n\r\n\tthis.getColumnsCount = () => {\r\n\t\treturn this.getState() && this.getState().columnsCount || 1\r\n\t}\r\n}"],"mappings":";;;;;;;AAAe,SAASA,oBAAT,OAAmD;EAAA;;EAAA,IAAnBC,eAAmB,QAAnBA,eAAmB;;EACjE,IAAIA,eAAJ,EAAqB;IACpB,IAAMC,2BAA2B,GAAG;MACnCC,QAAQ,EAAE;QAAA,OAAM,KAAI,CAACC,mBAAL,CAAyBD,QAAzB,EAAN;MAAA;IADyB,CAApC;;IAGA,KAAKE,6BAAL,GAAqC,YAAM;MAC1C,IAAMC,YAAY,GAAGL,eAAe,CAACC,2BAAD,CAApC,CAD0C,CAE1C;MACA;MACA;;MACA,IAAII,YAAY,KAAK,CAArB,EAAwB;QACvB,OAAOA,YAAP;MACA;IACD,CARD;EASA,CAbD,MAaO;IACN,KAAKD,6BAAL,GAAqC;MAAA,OAAME,SAAN;IAAA,CAArC;EACA;;EAED,KAAKC,qBAAL,GAA6B,YAAM;IAClC,OAAO,KAAI,CAACH,6BAAL,MAAwC,CAA/C;EACA,CAFD;;EAIA,KAAKJ,eAAL,GAAuB,YAAM;IAC5B,OAAO,KAAI,CAACQ,QAAL,MAAmB,KAAI,CAACA,QAAL,GAAgBH,YAAnC,IAAmD,CAA1D;EACA,CAFD;AAGA"}