virtual-scroller 1.8.0 → 1.9.1

package/commonjs/Scroll.js

@@ -7,7 +7,7 @@ exports["default"] = void 0;
 
 var _requestAnimationFrameTimeout = require("request-animation-frame-timeout");
 
-var _debug = _interopRequireDefault(require("./utility/debug"));
+var _debug = _interopRequireDefault(require("./utility/debug.js"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -15,7 +15,7 @@ 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; }
 
@@ -114,7 +114,7 @@ var Scroll = /*#__PURE__*/function () {
         return;
       }
 
-      _this.onScrollOnStopScrolling = true;
+      _this.shouldCallOnScrollListenerWhenStopsScrolling = true;
 
       _this.watchOnStopScrolling();
     });
@@ -136,10 +136,11 @@ var Scroll = /*#__PURE__*/function () {
   }
 
   _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) {
@@ -151,24 +152,10 @@ var Scroll = /*#__PURE__*/function () {
   }, {
     key: "stop",
     value: function stop() {
-      if (this.stopReportingScrollPositionChange) {
-        this.stopReportingScrollPositionChange();
-        this.stopReportingScrollPositionChange = undefined;
-      }
-
-      if (this.stopListeningToScroll) {
-        this.stopListeningToScroll();
-        this.stopListeningToScroll = undefined;
-      }
-
-      if (this.onStopScrollingListener) {
-        this.onStopScrollingListener = undefined;
-      }
-
-      if (this.onScrollOnStopScrolling) {
-        this.onScrollOnStopScrolling = undefined;
-      }
+      this.stopListeningToScroll();
+      this.stopListeningToScroll = undefined; // this.onStopScrollingListener = undefined
 
+      this.shouldCallOnScrollListenerWhenStopsScrolling = undefined;
       this.cancelOnStopScrollingTimer();
     }
   }, {
@@ -205,24 +192,24 @@ var Scroll = /*#__PURE__*/function () {
       this.onStopScrollingTimer = (0, _requestAnimationFrameTimeout.setTimeout)(function () {
         _this2.onStopScrollingTimer = undefined;
 
-        if (_this2.onScrollOnStopScrolling) {
-          _this2.onScrollOnStopScrolling = undefined;
+        if (_this2.shouldCallOnScrollListenerWhenStopsScrolling) {
+          _this2.shouldCallOnScrollListenerWhenStopsScrolling = undefined;
 
           _this2.onScroll({
             delayed: true
           });
-        }
-
-        if (_this2.onStopScrollingListener) {
-          var onStopScrollingListener = _this2.onStopScrollingListener;
-          _this2.onStopScrollingListener = undefined; // `onStopScrollingListener()` may hypothetically schedule
-          // another `onStopScrolling()` listener, so set
-          // `this.onStopScrollingListener` to `undefined` before
-          // calling it rather than after.
+        } // `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()
+        // }
 
-          (0, _debug["default"])('~ 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,
@@ -233,16 +220,13 @@ var Scroll = /*#__PURE__*/function () {
       // 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()
+    // 	}
+    // }
 
-  }, {
-    key: "onStopScrolling",
-    value: function 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 }`

package/commonjs/Scroll.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../source/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","onScrollOnStopScrolling","watchOnStopScrolling","undefined","stopListeningToScroll","onScrollListener","stopReportingScrollPositionChange","onStopScrollingListener","scrollY","onStopScrollingTimer","delayed","ON_STOP_SCROLLING_INACTIVE_PERIOD"],"mappings":";;;;;;;AAIA;;AAEA;;;;;;;;;;;;IAEqBA,M;AACpB,wBAeG;AAAA;;AAAA,QAdFC,MAcE,QAdFA,MAcE;AAAA,QAbFC,mBAaE,QAbFA,mBAaE;AAAA,QAZFC,cAYE,QAZFA,cAYE;AAAA,QAXFC,QAWE,QAXFA,QAWE;AAAA,QAVFC,qBAUE,QAVFA,qBAUE;AAAA,QATFC,sBASE,QATFA,sBASE;AAAA,QARFC,0BAQE,QARFA,0BAQE;AAAA,QAPFC,2BAOE,QAPFA,2BAOE;AAAA,QANFC,8BAME,QANFA,8BAME;AAAA,QALFC,0BAKE,QALFA,0BAKE;AAAA,QAJFC,gBAIE,QAJFA,gBAIE;AAAA,QAHFC,kBAGE,QAHFA,kBAGE;AAAA,QAFFC,eAEE,QAFFA,eAEE;AAAA,QADFC,sBACE,QADFA,sBACE;;AAAA;;AAAA,uCAmDS,UAACC,SAAD,EAAe;AAC1B,MAAA,KAAI,CAACC,SAAL,CAAe,KAAI,CAACC,UAAL,KAAoBF,SAAnC;AACA,KArDE;;AAAA,8CAuEgB,YAAM;AACxB,UAAI,KAAI,CAACT,sBAAT,EAAiC;AAChC,QAAA,KAAI,CAACA,sBAAL,CAA4B,KAAI,CAACW,UAAL,EAA5B;AACA,OAHuB,CAKxB;AACA;;;AACA,UAAI,KAAI,CAACJ,eAAT,EAA0B;AACzB,YAAI,KAAI,CAACI,UAAL,KAAoB,KAAI,CAACN,gBAAL,EAAxB,EAAiD;AAChD,UAAA,KAAI,CAACE,eAAL;AACA;AACD;;AAED,UAAI,KAAI,CAACZ,MAAT,EAAiB;AAChB;AACA;;AAED,UAAI,KAAI,CAACiB,kBAAT,EAA6B;AAC5B;AACA,OAnBuB,CAqBxB;AACA;AACA;AACA;AACA;AAEA;;;AACA,MAAA,KAAI,CAACC,0BAAL,GA5BwB,CA8BxB;AACA;AACA;AACA;AACA;AACA;;;AACA,UAAMC,WAAW,GAChB;AACA,MAAA,KAAI,CAACV,0BAAL,OACC,CACC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACC,MAAA,KAAI,CAACO,UAAL,KAAoB,KAAI,CAACP,0BAAL,GAAkCW,GAAlC,GAAwC,KAAI,CAACT,kBAAL,EAA7D,IACA,KAAI,CAACJ,2BAAL,EAVD,IAcC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACC,MAAA,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;;AA8BA,UAAIW,WAAJ,EAAiB;AAChB,+BAAI,uDAAJ;AACA,OAFD,MAEO;AACN,+BAAI,qEAAJ;AACA;;AAED,UAAIA,WAAW,IAAI,KAAI,CAACN,sBAAL,KAAgC,KAAnD,EAA0D;AACzD,eAAO,KAAI,CAACV,QAAL,EAAP;AACA,OA1EuB,CA4ExB;AACA;;;AACA,UAAI,KAAI,CAACG,0BAAL,EAAJ,EAAuC;AACtC;AACA;;AAED,MAAA,KAAI,CAACiB,uBAAL,GAA+B,IAA/B;;AACA,MAAA,KAAI,CAACC,oBAAL;AACA,KA3JE;;AACF,SAAKxB,MAAL,GAAcA,MAAd;AACA,SAAKC,mBAAL,GAA2BA,mBAA3B;AACA,SAAKC,cAAL,GAAsBA,cAAtB;AACA,SAAKC,QAAL,GAAgBA,QAAhB;AACA,SAAKC,qBAAL,GAA6BA,qBAA7B;AACA,SAAKC,sBAAL,GAA8BA,sBAA9B;AACA,SAAKC,0BAAL,GAAkCA,0BAAlC;AACA,SAAKC,2BAAL,GAAmCA,2BAAnC;AACA,SAAKC,8BAAL,GAAsCA,8BAAtC;AACA,SAAKC,0BAAL,GAAkCA,0BAAlC;AACA,SAAKC,gBAAL,GAAwBA,gBAAxB;AACA,SAAKC,kBAAL,GAA0BA,kBAA1B;AACA,SAAKC,eAAL,GAAuBA,eAAvB;AACA,SAAKC,sBAAL,GAA8BA,sBAA9B;AACA;;;;WAED,kBAAS;AACR,UAAI,KAAKT,qBAAL,KAA+BqB,SAAnC,EAA8C;AAC7C,aAAKV,SAAL,CAAe,KAAKX,qBAApB;AACA;;AACD,UAAI,KAAKC,sBAAT,EAAiC;AAChC,aAAKA,sBAAL,CAA4B,KAAKW,UAAL,EAA5B;AACA;;AACD,WAAKU,qBAAL,GAA6B,KAAKzB,mBAAL,CAAyBE,QAAzB,CAAkC,KAAKwB,gBAAvC,CAA7B;AACA;;;WAED,gBAAO;AACN,UAAI,KAAKC,iCAAT,EAA4C;AAC3C,aAAKA,iCAAL;AACA,aAAKA,iCAAL,GAAyCH,SAAzC;AACA;;AACD,UAAI,KAAKC,qBAAT,EAAgC;AAC/B,aAAKA,qBAAL;AACA,aAAKA,qBAAL,GAA6BD,SAA7B;AACA;;AACD,UAAI,KAAKI,uBAAT,EAAkC;AACjC,aAAKA,uBAAL,GAA+BJ,SAA/B;AACA;;AACD,UAAI,KAAKF,uBAAT,EAAkC;AACjC,aAAKA,uBAAL,GAA+BE,SAA/B;AACA;;AACD,WAAKP,0BAAL;AACA;;;WAED,mBAAUY,OAAV,EAAmB;AAClB,WAAKb,kBAAL,GAA0B,IAA1B;AACA,WAAKhB,mBAAL,CAAyBc,SAAzB,CAAmCe,OAAnC;AACA,WAAKb,kBAAL,GAA0BQ,SAA1B;AACA;;;WAMD,sBAAa;AACZ,aAAO,KAAKxB,mBAAL,CAAyBe,UAAzB,EAAP;AACA;;;WAED,sCAA6B;AAC5B,UAAI,KAAKe,oBAAT,EAA+B;AAC9B,wDAAa,KAAKA,oBAAlB;AACA,aAAKA,oBAAL,GAA4BN,SAA5B;AACA;AACD;;;WAED,iCAAwB;AACvB;AACA,WAAKP,0BAAL;AACA;;;WAwFD,gCAAuB;AAAA;;AACtB,WAAKa,oBAAL,GAA4B,8CAC3B,YAAM;AACL,QAAA,MAAI,CAACA,oBAAL,GAA4BN,SAA5B;;AAEA,YAAI,MAAI,CAACF,uBAAT,EAAkC;AACjC,UAAA,MAAI,CAACA,uBAAL,GAA+BE,SAA/B;;AACA,UAAA,MAAI,CAACtB,QAAL,CAAc;AAAE6B,YAAAA,OAAO,EAAE;AAAX,WAAd;AACA;;AAED,YAAI,MAAI,CAACH,uBAAT,EAAkC;AACjC,cAAMA,uBAAuB,GAAG,MAAI,CAACA,uBAArC;AACA,UAAA,MAAI,CAACA,uBAAL,GAA+BJ,SAA/B,CAFiC,CAGjC;AACA;AACA;AACA;;AACA,iCAAI,oCAAJ;AACAI,UAAAA,uBAAuB;AACvB;AACD,OAnB0B,EAoB3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACAI,MAAAA,iCA5B2B,CAA5B;AA8BA,K,CAED;;;;WACA,yBAAgBJ,uBAAhB,EAAyC;AACxC,WAAKA,uBAAL,GAA+BA,uBAA/B;;AACA,UAAI,CAAC,KAAKE,oBAAV,EAAgC;AAC/B,aAAKP,oBAAL;AACA;AACD;AAED;AACD;AACA;AACA;;;;WACC,gCAAuB;AACtB,UAAMM,OAAO,GAAG,KAAKd,UAAL,EAAhB;AACA,aAAO;AACN;AACAI,QAAAA,GAAG,EAAEU,OAFC;AAGN;AACAR,QAAAA,MAAM,EAAEQ,OAAO,GAAG,KAAK7B,mBAAL,CAAyBoB,SAAzB;AAJZ,OAAP;AAMA;;;;;;;AAGF,IAAMY,iCAAiC,GAAG,GAA1C","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'\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\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.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\tif (this.stopReportingScrollPositionChange) {\r\n\t\t\tthis.stopReportingScrollPositionChange()\r\n\t\t\tthis.stopReportingScrollPositionChange = undefined\r\n\t\t}\r\n\t\tif (this.stopListeningToScroll) {\r\n\t\t\tthis.stopListeningToScroll()\r\n\t\t\tthis.stopListeningToScroll = undefined\r\n\t\t}\r\n\t\tif (this.onStopScrollingListener) {\r\n\t\t\tthis.onStopScrollingListener = undefined\r\n\t\t}\r\n\t\tif (this.onScrollOnStopScrolling) {\r\n\t\t\tthis.onScrollOnStopScrolling = undefined\r\n\t\t}\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.onScrollOnStopScrolling = 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.onScrollOnStopScrolling) {\r\n\t\t\t\t\tthis.onScrollOnStopScrolling = undefined\r\n\t\t\t\t\tthis.onScroll({ delayed: true })\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (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\tonStopScrolling(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"],"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":"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"}

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"}

package/commonjs/VirtualScroller.constructor.js

@@ -0,0 +1,408 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = VirtualScrollerConstructor;
+
+var _tbody = require("./DOM/tbody.js");
+
+var _Engine = _interopRequireDefault(require("./DOM/Engine.js"));
+
+var _Layout = _interopRequireWildcard(require("./Layout.js"));
+
+var _Resize = _interopRequireDefault(require("./Resize.js"));
+
+var _BeforeResize = _interopRequireDefault(require("./BeforeResize.js"));
+
+var _Scroll = _interopRequireDefault(require("./Scroll.js"));
+
+var _ListHeightMeasurement = _interopRequireDefault(require("./ListHeightMeasurement.js"));
+
+var _ItemHeights = _interopRequireDefault(require("./ItemHeights.js"));
+
+var _debug = _interopRequireWildcard(require("./utility/debug.js"));
+
+var _VirtualScrollerState = _interopRequireDefault(require("./VirtualScroller.state.js"));
+
+var _VirtualScrollerVerticalSpacing = _interopRequireDefault(require("./VirtualScroller.verticalSpacing.js"));
+
+var _VirtualScrollerColumns = _interopRequireDefault(require("./VirtualScroller.columns.js"));
+
+var _VirtualScrollerLayout = _interopRequireDefault(require("./VirtualScroller.layout.js"));
+
+var _VirtualScrollerOnRender = _interopRequireDefault(require("./VirtualScroller.onRender.js"));
+
+var _VirtualScrollerResize = _interopRequireDefault(require("./VirtualScroller.resize.js"));
+
+var _VirtualScrollerItems = _interopRequireDefault(require("./VirtualScroller.items.js"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+/**
+ * @param  {function} getItemsContainerElement — Returns the container DOM `Element`.
+ * @param  {any[]} items — The list of items.
+ * @param  {Object} [options] — See README.md.
+ * @return {VirtualScroller}
+ */
+function VirtualScrollerConstructor(getItemsContainerElement, items) {
+  var _this = this;
+
+  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var render = options.render,
+      state = options.state,
+      onStateChange = options.onStateChange,
+      initialScrollPosition = options.initialScrollPosition,
+      onScrollPositionChange = options.onScrollPositionChange,
+      scrollableContainer = options.scrollableContainer,
+      _options$measureItems = options.measureItemsBatchSize,
+      measureItemsBatchSize = _options$measureItems === void 0 ? 50 : _options$measureItems,
+      getColumnsCount = options.getColumnsCount,
+      getItemId = options.getItemId,
+      tbody = options.tbody,
+      estimatedItemHeight = options.estimatedItemHeight,
+      onItemInitialRender = options.onItemInitialRender,
+      onItemFirstRender = options.onItemFirstRender,
+      _useTimeoutInRenderLoop = options._useTimeoutInRenderLoop,
+      _waitForScrollingToStop = options._waitForScrollingToStop,
+      engine = options.engine;
+  var bypass = options.bypass,
+      getScrollableContainer = options.getScrollableContainer;
+  (0, _debug["default"])('~ Initialize ~'); // Could support non-DOM rendering engines.
+  // For example, React Native, `<canvas/>`, etc.
+
+  this.engine = engine || _Engine["default"]; // `scrollableContainer` option is deprecated.
+  // Use `getScrollableContainer()` option instead.
+
+  if (!getScrollableContainer && scrollableContainer) {
+    getScrollableContainer = function getScrollableContainer() {
+      return scrollableContainer;
+    };
+  } // Sometimes, when `new VirtualScroller()` instance is created,
+  // `getItemsContainerElement()` might not be ready to return the "container" DOM Element yet
+  // (for example, because it's not rendered yet). That's the reason why it's a getter function.
+  // For example, in React `<VirtualScroller/>` component, a `VirtualScroller`
+  // instance is created in the React component's `constructor()`, and at that time
+  // the container Element is not yet available. The container Element is available
+  // in `componentDidMount()`, but `componentDidMount()` is not executed on server,
+  // which would mean that React `<VirtualScroller/>` wouldn't render at all
+  // on server side, while with the `getItemsContainerElement()` approach, on server side,
+  // it still "renders" a list with a predefined amount of items in it by default.
+  // (`initiallyRenderedItemsCount`, or `1`).
+
+
+  this.getItemsContainerElement = getItemsContainerElement; // if (prerenderMargin === undefined) {
+  // 	// Renders items which are outside of the screen by this "prerender margin".
+  // 	// Is the screen height by default: seems to be the optimal value
+  // 	// for "Page Up" / "Page Down" navigation and optimized mouse wheel scrolling.
+  // 	prerenderMargin = this.scrollableContainer ? this.scrollableContainer.getHeight() : 0
+  // }
+
+  if (options.getState || options.setState) {
+    throw new Error('[virtual-scroller] `getState`/`setState` options usage has changed in the new version. See the readme for more details.');
+  } // Work around `<tbody/>` not being able to have `padding`.
+  // https://gitlab.com/catamphetamine/virtual-scroller/-/issues/1
+
+
+  if (tbody) {
+    if (this.engine !== _Engine["default"]) {
+      throw new Error('[virtual-scroller] `tbody` option is only supported for DOM rendering engine');
+    }
+
+    (0, _debug["default"])('~ <tbody/> detected ~');
+    this.tbody = true;
+
+    if (!(0, _tbody.supportsTbody)()) {
+      (0, _debug["default"])('~ <tbody/> not supported ~');
+      (0, _debug.reportError)(_tbody.BROWSER_NOT_SUPPORTED_ERROR);
+      bypass = true;
+    }
+  }
+
+  if (bypass) {
+    (0, _debug["default"])('~ "bypass" mode ~');
+  } // In `bypass` mode, `VirtualScroller` doesn't wait
+  // for the user to scroll down to render all items:
+  // instead, it renders all items right away, as if
+  // the list is rendered without using `VirtualScroller`.
+  // It was added just to measure how much is the
+  // performance difference between using a `VirtualScroller`
+  // and not using a `VirtualScroller`.
+  // It turned out that unmounting large React component trees
+  // is a very long process, so `VirtualScroller` does seem to
+  // make sense when used in a React application.
+
+
+  this.bypass = bypass; // this.bypassBatchSize = bypassBatchSize || 10
+  // Using `setTimeout()` in render loop is a workaround
+  // for avoiding a React error message:
+  // "Maximum update depth exceeded.
+  //  This can happen when a component repeatedly calls
+  //  `.setState()` inside `componentWillUpdate()` or `componentDidUpdate()`.
+  //  React limits the number of nested updates to prevent infinite loops."
+
+  this._useTimeoutInRenderLoop = _useTimeoutInRenderLoop;
+
+  if (getItemId) {
+    this.isItemEqual = function (a, b) {
+      return getItemId(a) === getItemId(b);
+    };
+  } else {
+    this.isItemEqual = function (a, b) {
+      return a === b;
+    };
+  }
+
+  if (onItemInitialRender) {
+    this.onItemInitialRender = onItemInitialRender;
+  } // `onItemFirstRender(i)` is deprecated, use `onItemInitialRender(item)` instead.
+  else if (onItemFirstRender) {
+    this.onItemInitialRender = function (item) {
+      (0, _debug.warn)('`onItemFirstRender(i)` is deprecated, use `onItemInitialRender(item)` instead.');
+
+      var _this$getState = _this.getState(),
+          items = _this$getState.items;
+
+      var i = items.indexOf(item); // The `item` could also be non-found due to the inconsistency bug:
+      // The reason is that `i` can be non-consistent with the `items`
+      // passed to `<VirtualScroller/>` in React due to `updateState()` not being
+      // instanteneous: when new `items` are passed to `<VirtualScroller/>`,
+      // `VirtualScroller.updateState({ items })` is called, and if `onItemFirstRender(i)`
+      // is called after the aforementioned `updateState()` is called but before it finishes,
+      // `i` would point to an index in "previous" `items` while the application
+      // would assume that `i` points to an index in the "new" `items`,
+      // resulting in an incorrect item being assumed by the application
+      // or even in an "array index out of bounds" error.
+
+      if (i >= 0) {
+        onItemFirstRender(i);
+      }
+    };
+  } // If initial `state` is passed then use `items` from `state`
+  // instead of the `items` argument.
+
+
+  if (state) {
+    items = state.items;
+  }
+
+  (0, _debug["default"])('Items count', items.length);
+
+  if (estimatedItemHeight) {
+    (0, _debug["default"])('Estimated item height', estimatedItemHeight);
+  }
+
+  _VirtualScrollerState["default"].call(this, {
+    state: state,
+    onStateChange: onStateChange,
+    render: render,
+    items: items
+  });
+
+  _VirtualScrollerVerticalSpacing["default"].call(this);
+
+  _VirtualScrollerColumns["default"].call(this, {
+    getColumnsCount: getColumnsCount
+  });
+
+  _VirtualScrollerLayout["default"].call(this);
+
+  _VirtualScrollerOnRender["default"].call(this);
+
+  _VirtualScrollerResize["default"].call(this);
+
+  _VirtualScrollerItems["default"].call(this);
+
+  createHelpers.call(this, {
+    getScrollableContainer: getScrollableContainer,
+    estimatedItemHeight: estimatedItemHeight,
+    measureItemsBatchSize: measureItemsBatchSize,
+    initialScrollPosition: initialScrollPosition,
+    onScrollPositionChange: onScrollPositionChange,
+    waitForScrollingToStop: _waitForScrollingToStop
+  });
+
+  if (state) {
+    // Initialize `ItemHeights` from previously measured `state.itemHeights`.
+    this.itemHeights.readItemHeightsFromState(state); // Initialize some `BeforeResize` internal flags from a previously saved state.
+
+    this.beforeResize.initializeFromState(state);
+  }
+}
+
+function createHelpers(_ref) {
+  var _this2 = this;
+
+  var getScrollableContainer = _ref.getScrollableContainer,
+      estimatedItemHeight = _ref.estimatedItemHeight,
+      measureItemsBatchSize = _ref.measureItemsBatchSize,
+      initialScrollPosition = _ref.initialScrollPosition,
+      onScrollPositionChange = _ref.onScrollPositionChange,
+      waitForScrollingToStop = _ref.waitForScrollingToStop;
+  this.itemsContainer = this.engine.createItemsContainer(this.getItemsContainerElement); // If the items "container" element is mounted at this stage,
+  // remove any accidental text nodes from it (like whitespace).
+  //
+  // Also, this guards against cases when someone accidentally tries
+  // using `VirtualScroller` on a non-empty element.
+  //
+
+  if (this.getItemsContainerElement()) {
+    this.itemsContainer.clear();
+  }
+
+  this.scrollableContainer = this.engine.createScrollableContainer(getScrollableContainer, this.getItemsContainerElement); // Create `ItemHeights` instance.
+
+  this.itemHeights = new _ItemHeights["default"]({
+    container: this.itemsContainer,
+    getItemHeight: function getItemHeight(i) {
+      return _this2.getState().itemHeights[i];
+    },
+    setItemHeight: function setItemHeight(i, height) {
+      return _this2.getState().itemHeights[i] = height;
+    }
+  });
+  this.layout = new _Layout["default"]({
+    bypass: this.bypass,
+    estimatedItemHeight: estimatedItemHeight,
+    measureItemsBatchSize: measureItemsBatchSize,
+    getPrerenderMargin: function getPrerenderMargin() {
+      return _this2.getPrerenderMargin();
+    },
+    getVerticalSpacing: function getVerticalSpacing() {
+      return _this2.getVerticalSpacing();
+    },
+    getVerticalSpacingBeforeResize: function getVerticalSpacingBeforeResize() {
+      return _this2.getVerticalSpacingBeforeResize();
+    },
+    getColumnsCount: function getColumnsCount() {
+      return _this2.getColumnsCount();
+    },
+    getColumnsCountBeforeResize: function getColumnsCountBeforeResize() {
+      return _this2.getState().beforeResize && _this2.getState().beforeResize.columnsCount;
+    },
+    getItemHeight: function getItemHeight(i) {
+      return _this2.getState().itemHeights[i];
+    },
+    getItemHeightBeforeResize: function getItemHeightBeforeResize(i) {
+      return _this2.getState().beforeResize && _this2.getState().beforeResize.itemHeights[i];
+    },
+    getBeforeResizeItemsCount: function getBeforeResizeItemsCount() {
+      return _this2.getState().beforeResize ? _this2.getState().beforeResize.itemHeights.length : 0;
+    },
+    getAverageItemHeight: function getAverageItemHeight() {
+      return _this2.itemHeights.getAverage();
+    },
+    getMaxVisibleAreaHeight: function getMaxVisibleAreaHeight() {
+      return _this2.scrollableContainer && _this2.scrollableContainer.getHeight();
+    },
+    //
+    // The "previously calculated layout" feature is not currently used.
+    //
+    // The current layout snapshot could be stored as a "previously calculated layout" variable
+    // so that it could theoretically be used when calculating new layout incrementally
+    // rather than from scratch, which would be an optimization.
+    //
+    getPreviouslyCalculatedLayout: function getPreviouslyCalculatedLayout() {
+      return _this2.previouslyCalculatedLayout;
+    }
+  });
+  this.resize = new _Resize["default"]({
+    bypass: this.bypass,
+    getWidth: function getWidth() {
+      return _this2.scrollableContainer.getWidth();
+    },
+    getHeight: function getHeight() {
+      return _this2.scrollableContainer.getHeight();
+    },
+    listenForResize: function listenForResize(listener) {
+      return _this2.scrollableContainer.onResize(listener);
+    },
+    onResizeStart: function onResizeStart() {
+      (0, _debug["default"])('~ Scrollable container resize started ~');
+      _this2._isResizing = true;
+    },
+    onResizeStop: function onResizeStop() {
+      (0, _debug["default"])('~ Scrollable container resize finished ~');
+      _this2._isResizing = undefined;
+    },
+    onNoChange: function onNoChange() {
+      // There might have been some missed `this.onUpdateShownItemIndexes()` calls
+      // due to setting `this._isResizing` flag to `true` during the resize.
+      // So, update shown item indexes just in case.
+      _this2.onUpdateShownItemIndexes({
+        reason: _Layout.LAYOUT_REASON.VIEWPORT_SIZE_UNCHANGED
+      });
+    },
+    onHeightChange: function onHeightChange() {
+      return _this2.onUpdateShownItemIndexes({
+        reason: _Layout.LAYOUT_REASON.VIEWPORT_HEIGHT_CHANGED
+      });
+    },
+    onWidthChange: function onWidthChange(prevWidth, newWidth) {
+      (0, _debug["default"])('~ Scrollable container width changed from', prevWidth, 'to', newWidth, '~');
+
+      _this2.onResize();
+    }
+  });
+  this.scroll = new _Scroll["default"]({
+    bypass: this.bypass,
+    scrollableContainer: this.scrollableContainer,
+    itemsContainer: this.itemsContainer,
+    waitForScrollingToStop: waitForScrollingToStop,
+    onScroll: function onScroll() {
+      var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+          delayed = _ref2.delayed;
+
+      _this2.onUpdateShownItemIndexes({
+        reason: delayed ? _Layout.LAYOUT_REASON.STOPPED_SCROLLING : _Layout.LAYOUT_REASON.SCROLL
+      });
+    },
+    initialScrollPosition: initialScrollPosition,
+    onScrollPositionChange: onScrollPositionChange,
+    isImmediateLayoutScheduled: function isImmediateLayoutScheduled() {
+      return Boolean(_this2.layoutTimer);
+    },
+    hasNonRenderedItemsAtTheTop: function hasNonRenderedItemsAtTheTop() {
+      return _this2.getState().firstShownItemIndex > 0;
+    },
+    hasNonRenderedItemsAtTheBottom: function hasNonRenderedItemsAtTheBottom() {
+      return _this2.getState().lastShownItemIndex < _this2.getItemsCount() - 1;
+    },
+    getLatestLayoutVisibleArea: function getLatestLayoutVisibleArea() {
+      return _this2.latestLayoutVisibleArea;
+    },
+    getListTopOffset: this.getListTopOffsetInsideScrollableContainer,
+    getPrerenderMargin: function getPrerenderMargin() {
+      return _this2.getPrerenderMargin();
+    }
+  });
+  this.listHeightMeasurement = new _ListHeightMeasurement["default"]({
+    itemsContainer: this.itemsContainer,
+    getListTopOffset: this.getListTopOffsetInsideScrollableContainer
+  });
+
+  if (this.engine.watchListTopOffset) {
+    this.listTopOffsetWatcher = this.engine.watchListTopOffset({
+      getListTopOffset: this.getListTopOffsetInsideScrollableContainer,
+      onListTopOffsetChange: function onListTopOffsetChange(_ref3) {
+        var reason = _ref3.reason;
+        return _this2.onUpdateShownItemIndexes({
+          reason: _Layout.LAYOUT_REASON.TOP_OFFSET_CHANGED
+        });
+      }
+    });
+  }
+
+  this.beforeResize = new _BeforeResize["default"]({
+    getState: this.getState,
+    getVerticalSpacing: this.getVerticalSpacing,
+    getColumnsCount: this.getColumnsCount
+  });
+}
+//# sourceMappingURL=VirtualScroller.constructor.js.map