virtual-scroller 1.7.9 → 1.9.0

package/modules/react/useStyle.js

@@ -0,0 +1,19 @@
+import px from '../utility/px.js';
+export default function useStyle(_ref) {
+  var tbody = _ref.tbody,
+      virtualScroller = _ref.virtualScroller;
+
+  if (tbody) {
+    return;
+  }
+
+  var _virtualScroller$getS = virtualScroller.getState(),
+      beforeItemsHeight = _virtualScroller$getS.beforeItemsHeight,
+      afterItemsHeight = _virtualScroller$getS.afterItemsHeight;
+
+  return {
+    paddingTop: px(beforeItemsHeight),
+    paddingBottom: px(afterItemsHeight)
+  };
+}
+//# sourceMappingURL=useStyle.js.map

package/modules/react/useStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStyle.js","names":["px","useStyle","tbody","virtualScroller","getState","beforeItemsHeight","afterItemsHeight","paddingTop","paddingBottom"],"sources":["../../source/react/useStyle.js"],"sourcesContent":["import px from '../utility/px.js'\r\n\r\nexport default function useStyle({\r\n\ttbody,\r\n\tvirtualScroller\r\n}) {\r\n\tif (tbody) {\r\n\t\treturn\r\n\t}\r\n\r\n\tconst {\r\n\t\tbeforeItemsHeight,\r\n\t\tafterItemsHeight\r\n\t} = virtualScroller.getState()\r\n\r\n\treturn {\r\n\t\tpaddingTop: px(beforeItemsHeight),\r\n\t\tpaddingBottom: px(afterItemsHeight)\r\n\t}\r\n}"],"mappings":"AAAA,OAAOA,EAAP,MAAe,kBAAf;AAEA,eAAe,SAASC,QAAT,OAGZ;EAAA,IAFFC,KAEE,QAFFA,KAEE;EAAA,IADFC,eACE,QADFA,eACE;;EACF,IAAID,KAAJ,EAAW;IACV;EACA;;EAED,4BAGIC,eAAe,CAACC,QAAhB,EAHJ;EAAA,IACCC,iBADD,yBACCA,iBADD;EAAA,IAECC,gBAFD,yBAECA,gBAFD;;EAKA,OAAO;IACNC,UAAU,EAAEP,EAAE,CAACK,iBAAD,CADR;IAENG,aAAa,EAAER,EAAE,CAACM,gBAAD;EAFX,CAAP;AAIA"}

package/modules/react/useVirtualScroller.js

@@ -0,0 +1,51 @@
+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; }
+
+import { useMemo } from 'react';
+import VirtualScroller from '../VirtualScroller.js'; // Creates a `VirtualScroller` instance.
+
+export default function useVirtualScroller(_ref, _ref2) {
+  var items = _ref.items,
+      estimatedItemHeight = _ref.estimatedItemHeight,
+      bypass = _ref.bypass,
+      tbody = _ref.tbody,
+      onItemInitialRender = _ref.onItemInitialRender,
+      onItemFirstRender = _ref.onItemFirstRender,
+      initialScrollPosition = _ref.initialScrollPosition,
+      onScrollPositionChange = _ref.onScrollPositionChange,
+      measureItemsBatchSize = _ref.measureItemsBatchSize,
+      scrollableContainer = _ref.scrollableContainer,
+      getScrollableContainer = _ref.getScrollableContainer,
+      getColumnsCount = _ref.getColumnsCount,
+      getItemId = _ref.getItemId,
+      AsComponent = _ref.AsComponent,
+      initialState = _ref.initialState,
+      onStateChange = _ref.onStateChange;
+  var container = _ref2.container;
+  return useMemo(function () {
+    var _VirtualScroller;
+
+    // Create `virtual-scroller` instance.
+    return new VirtualScroller(function () {
+      return container.current;
+    }, items, (_VirtualScroller = {
+      _useTimeoutInRenderLoop: true,
+      estimatedItemHeight: estimatedItemHeight,
+      bypass: bypass,
+      // bypassBatchSize,
+      tbody: tbody,
+      onItemInitialRender: onItemInitialRender,
+      // `onItemFirstRender(i)` is deprecated, use `onItemInitialRender(item)` instead.
+      onItemFirstRender: onItemFirstRender,
+      initialScrollPosition: initialScrollPosition,
+      onScrollPositionChange: onScrollPositionChange,
+      measureItemsBatchSize: measureItemsBatchSize,
+      // `scrollableContainer` property is deprecated.
+      // Use `getScrollableContainer()` property instead.
+      scrollableContainer: scrollableContainer,
+      getScrollableContainer: getScrollableContainer,
+      getColumnsCount: getColumnsCount,
+      getItemId: getItemId
+    }, _defineProperty(_VirtualScroller, "tbody", AsComponent === 'tbody'), _defineProperty(_VirtualScroller, "state", initialState), _defineProperty(_VirtualScroller, "onStateChange", onStateChange), _VirtualScroller));
+  }, []);
+}
+//# sourceMappingURL=useVirtualScroller.js.map

package/modules/react/useVirtualScroller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVirtualScroller.js","names":["useMemo","VirtualScroller","useVirtualScroller","items","estimatedItemHeight","bypass","tbody","onItemInitialRender","onItemFirstRender","initialScrollPosition","onScrollPositionChange","measureItemsBatchSize","scrollableContainer","getScrollableContainer","getColumnsCount","getItemId","AsComponent","initialState","onStateChange","container","current","_useTimeoutInRenderLoop"],"sources":["../../source/react/useVirtualScroller.js"],"sourcesContent":["import { useMemo } from 'react'\r\n\r\nimport VirtualScroller from '../VirtualScroller.js'\r\n\r\n// Creates a `VirtualScroller` instance.\r\nexport default function useVirtualScroller({\r\n\titems,\r\n\testimatedItemHeight,\r\n\tbypass,\r\n\t// bypassBatchSize,\r\n\ttbody,\r\n\tonItemInitialRender,\r\n\t// `onItemFirstRender(i)` is deprecated, use `onItemInitialRender(item)` instead.\r\n\tonItemFirstRender,\r\n\tinitialScrollPosition,\r\n\tonScrollPositionChange,\r\n\tmeasureItemsBatchSize,\r\n\t// `scrollableContainer` property is deprecated.\r\n\t// Use `getScrollableContainer()` property instead.\r\n\tscrollableContainer,\r\n\tgetScrollableContainer,\r\n\tgetColumnsCount,\r\n\tgetItemId,\r\n\tAsComponent,\r\n\tinitialState,\r\n\tonStateChange\r\n}, {\r\n\tcontainer\r\n}) {\r\n\treturn useMemo(() => {\r\n\t\t// Create `virtual-scroller` instance.\r\n\t\treturn new VirtualScroller(\r\n\t\t\t() => container.current,\r\n\t\t\titems,\r\n\t\t\t{\r\n\t\t\t\t_useTimeoutInRenderLoop: true,\r\n\t\t\t\testimatedItemHeight,\r\n\t\t\t\tbypass,\r\n\t\t\t\t// bypassBatchSize,\r\n\t\t\t\ttbody,\r\n\t\t\t\tonItemInitialRender,\r\n\t\t\t\t// `onItemFirstRender(i)` is deprecated, use `onItemInitialRender(item)` instead.\r\n\t\t\t\tonItemFirstRender,\r\n\t\t\t\tinitialScrollPosition,\r\n\t\t\t\tonScrollPositionChange,\r\n\t\t\t\tmeasureItemsBatchSize,\r\n\t\t\t\t// `scrollableContainer` property is deprecated.\r\n\t\t\t\t// Use `getScrollableContainer()` property instead.\r\n\t\t\t\tscrollableContainer,\r\n\t\t\t\tgetScrollableContainer,\r\n\t\t\t\tgetColumnsCount,\r\n\t\t\t\tgetItemId,\r\n\t\t\t\ttbody: AsComponent === 'tbody',\r\n\t\t\t\tstate: initialState,\r\n\t\t\t\tonStateChange\r\n\t\t\t}\r\n\t\t)\r\n\t}, [])\r\n}"],"mappings":";;AAAA,SAASA,OAAT,QAAwB,OAAxB;AAEA,OAAOC,eAAP,MAA4B,uBAA5B,C,CAEA;;AACA,eAAe,SAASC,kBAAT,cAuBZ;EAAA,IAtBFC,KAsBE,QAtBFA,KAsBE;EAAA,IArBFC,mBAqBE,QArBFA,mBAqBE;EAAA,IApBFC,MAoBE,QApBFA,MAoBE;EAAA,IAlBFC,KAkBE,QAlBFA,KAkBE;EAAA,IAjBFC,mBAiBE,QAjBFA,mBAiBE;EAAA,IAfFC,iBAeE,QAfFA,iBAeE;EAAA,IAdFC,qBAcE,QAdFA,qBAcE;EAAA,IAbFC,sBAaE,QAbFA,sBAaE;EAAA,IAZFC,qBAYE,QAZFA,qBAYE;EAAA,IATFC,mBASE,QATFA,mBASE;EAAA,IARFC,sBAQE,QARFA,sBAQE;EAAA,IAPFC,eAOE,QAPFA,eAOE;EAAA,IANFC,SAME,QANFA,SAME;EAAA,IALFC,WAKE,QALFA,WAKE;EAAA,IAJFC,YAIE,QAJFA,YAIE;EAAA,IAHFC,aAGE,QAHFA,aAGE;EAAA,IADFC,SACE,SADFA,SACE;EACF,OAAOnB,OAAO,CAAC,YAAM;IAAA;;IACpB;IACA,OAAO,IAAIC,eAAJ,CACN;MAAA,OAAMkB,SAAS,CAACC,OAAhB;IAAA,CADM,EAENjB,KAFM;MAILkB,uBAAuB,EAAE,IAJpB;MAKLjB,mBAAmB,EAAnBA,mBALK;MAMLC,MAAM,EAANA,MANK;MAOL;MACAC,KAAK,EAALA,KARK;MASLC,mBAAmB,EAAnBA,mBATK;MAUL;MACAC,iBAAiB,EAAjBA,iBAXK;MAYLC,qBAAqB,EAArBA,qBAZK;MAaLC,sBAAsB,EAAtBA,sBAbK;MAcLC,qBAAqB,EAArBA,qBAdK;MAeL;MACA;MACAC,mBAAmB,EAAnBA,mBAjBK;MAkBLC,sBAAsB,EAAtBA,sBAlBK;MAmBLC,eAAe,EAAfA,eAnBK;MAoBLC,SAAS,EAATA;IApBK,8CAqBEC,WAAW,KAAK,OArBlB,8CAsBEC,YAtBF,sDAuBLC,aAvBK,qBAAP;EA0BA,CA5Ba,EA4BX,EA5BW,CAAd;AA6BA"}

package/modules/react/useVirtualScrollerStartStop.js

@@ -0,0 +1,12 @@
+import { useLayoutEffect } from 'react';
+export default function useVirtualScrollerStartStop(virtualScroller) {
+  useLayoutEffect(function () {
+    // Start listening to scroll events.
+    virtualScroller.start();
+    return function () {
+      // Stop listening to scroll events.
+      virtualScroller.stop();
+    };
+  }, []);
+}
+//# sourceMappingURL=useVirtualScrollerStartStop.js.map

package/modules/react/useVirtualScrollerStartStop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVirtualScrollerStartStop.js","names":["useLayoutEffect","useVirtualScrollerStartStop","virtualScroller","start","stop"],"sources":["../../source/react/useVirtualScrollerStartStop.js"],"sourcesContent":["import { useLayoutEffect } from 'react'\r\n\r\nexport default function useVirtualScrollerStartStop(virtualScroller) {\r\n\tuseLayoutEffect(() => {\r\n\t\t// Start listening to scroll events.\r\n\t\tvirtualScroller.start()\r\n\t\treturn () => {\r\n\t\t\t// Stop listening to scroll events.\r\n\t\t\tvirtualScroller.stop()\r\n\t\t}\r\n\t}, [])\r\n}"],"mappings":"AAAA,SAASA,eAAT,QAAgC,OAAhC;AAEA,eAAe,SAASC,2BAAT,CAAqCC,eAArC,EAAsD;EACpEF,eAAe,CAAC,YAAM;IACrB;IACAE,eAAe,CAACC,KAAhB;IACA,OAAO,YAAM;MACZ;MACAD,eAAe,CAACE,IAAhB;IACA,CAHD;EAIA,CAPc,EAOZ,EAPY,CAAf;AAQA"}

package/modules/test/Engine.js

@@ -0,0 +1,11 @@
+import ItemsContainer from './ItemsContainer.js';
+import ScrollableContainer from './ScrollableContainer.js';
+export default {
+  createItemsContainer: function createItemsContainer(getItemsContainerElement) {
+    return new ItemsContainer(getItemsContainerElement);
+  },
+  createScrollableContainer: function createScrollableContainer(getScrollableContainerElement, getItemsContainerElement) {
+    return new ScrollableContainer(getScrollableContainerElement, getItemsContainerElement);
+  }
+};
+//# sourceMappingURL=Engine.js.map

package/modules/test/Engine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Engine.js","names":["ItemsContainer","ScrollableContainer","createItemsContainer","getItemsContainerElement","createScrollableContainer","getScrollableContainerElement"],"sources":["../../source/test/Engine.js"],"sourcesContent":["import ItemsContainer from './ItemsContainer.js'\r\nimport ScrollableContainer from './ScrollableContainer.js'\r\n\r\nexport default {\r\n\tcreateItemsContainer(getItemsContainerElement) {\r\n\t\treturn new ItemsContainer(getItemsContainerElement)\r\n\t},\r\n\tcreateScrollableContainer(getScrollableContainerElement, getItemsContainerElement) {\r\n\t\treturn new ScrollableContainer(getScrollableContainerElement, getItemsContainerElement)\r\n\t}\r\n}"],"mappings":"AAAA,OAAOA,cAAP,MAA2B,qBAA3B;AACA,OAAOC,mBAAP,MAAgC,0BAAhC;AAEA,eAAe;EACdC,oBADc,gCACOC,wBADP,EACiC;IAC9C,OAAO,IAAIH,cAAJ,CAAmBG,wBAAnB,CAAP;EACA,CAHa;EAIdC,yBAJc,qCAIYC,6BAJZ,EAI2CF,wBAJ3C,EAIqE;IAClF,OAAO,IAAIF,mBAAJ,CAAwBI,6BAAxB,EAAuDF,wBAAvD,CAAP;EACA;AANa,CAAf"}

package/modules/test/ItemsContainer.js

@@ -0,0 +1,120 @@
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+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); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+var ItemsContainer = /*#__PURE__*/function () {
+  /**
+   * Constructs a new "container" from an element.
+   * @param {function} getElement
+   */
+  function ItemsContainer(getElement) {
+    _classCallCheck(this, ItemsContainer);
+
+    this.getElement = getElement;
+  }
+  /**
+   * Returns an item element's "top offset", relative to the items `container`'s top edge.
+   * @param  {number} renderedElementIndex — An index of an item relative to the "first shown item index". For example, if the list is showing items from index 8 to index 12 then `renderedElementIndex = 0` would mean the item at index `8`.
+   * @return {number}
+   */
+
+
+  _createClass(ItemsContainer, [{
+    key: "getNthRenderedItemTopOffset",
+    value: function getNthRenderedItemTopOffset(renderedElementIndex) {
+      var children = this.getElement().children;
+      var maxWidth = this.getElement().width;
+      var topOffset = this.getElement().paddingTop;
+      var rowWidth;
+      var rowHeight;
+      var startNewRow = true;
+      var i = 0;
+
+      while (i <= renderedElementIndex) {
+        if (startNewRow || rowWidth + children[i].width > maxWidth) {
+          if (i > 0) {
+            topOffset += rowHeight;
+            topOffset += children[i].marginTop;
+          }
+
+          rowWidth = children[i].width;
+          rowHeight = children[i].height;
+
+          if (rowWidth > maxWidth) {
+            startNewRow = true;
+          } else {
+            startNewRow = false;
+          }
+        } else {
+          rowWidth += children[i].width;
+          rowHeight = Math.max(rowHeight, children[i].height);
+        }
+
+        i++;
+      }
+
+      return topOffset;
+    }
+    /**
+     * Returns an item element's height.
+     * @param  {number} renderedElementIndex — An index of an item relative to the "first shown item index". For example, if the list is showing items from index 8 to index 12 then `renderedElementIndex = 0` would mean the item at index `8`.
+     * @return {number}
+     */
+
+  }, {
+    key: "getNthRenderedItemHeight",
+    value: function getNthRenderedItemHeight(renderedElementIndex) {
+      return this.getElement().children[renderedElementIndex].height;
+    }
+    /**
+     * Returns items container height.
+     * @return {number}
+     */
+
+  }, {
+    key: "getHeight",
+    value: function getHeight() {
+      var children = this.getElement().children;
+      var maxWidth = this.getElement().width;
+      var contentHeight = this.getElement().paddingTop;
+      var i = 0;
+
+      while (i < children.length) {
+        var rowWidth = 0;
+        var rowHeight = 0;
+
+        while (rowWidth <= maxWidth && i < children.length) {
+          if (rowWidth === 0 && i > 0) {
+            var verticalSpacing = children[i].marginTop;
+            contentHeight += verticalSpacing;
+          }
+
+          rowWidth += children[i].width;
+          rowHeight = Math.max(rowHeight, children[i].height);
+          i++;
+        }
+
+        contentHeight += rowHeight;
+      }
+
+      contentHeight += this.getElement().paddingBottom;
+      return contentHeight;
+    }
+    /**
+     * Removes all item elements of an items container.
+     */
+
+  }, {
+    key: "clear",
+    value: function clear() {
+      this.getElement().children = [];
+    }
+  }]);
+
+  return ItemsContainer;
+}();
+
+export { ItemsContainer as default };
+//# sourceMappingURL=ItemsContainer.js.map

package/modules/test/ItemsContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemsContainer.js","names":["ItemsContainer","getElement","renderedElementIndex","children","maxWidth","width","topOffset","paddingTop","rowWidth","rowHeight","startNewRow","i","marginTop","height","Math","max","contentHeight","length","verticalSpacing","paddingBottom"],"sources":["../../source/test/ItemsContainer.js"],"sourcesContent":["export default class ItemsContainer {\r\n\t/**\r\n\t * Constructs a new \"container\" from an element.\r\n\t * @param {function} getElement\r\n\t */\r\n\tconstructor(getElement) {\r\n\t\tthis.getElement = getElement\r\n\t}\r\n\r\n\t/**\r\n\t * Returns an item element's \"top offset\", relative to the items `container`'s top edge.\r\n\t * @param  {number} renderedElementIndex — An index of an item relative to the \"first shown item index\". For example, if the list is showing items from index 8 to index 12 then `renderedElementIndex = 0` would mean the item at index `8`.\r\n\t * @return {number}\r\n\t */\r\n\tgetNthRenderedItemTopOffset(renderedElementIndex) {\r\n\t\tconst children = this.getElement().children\r\n\t\tconst maxWidth = this.getElement().width\r\n\t\tlet topOffset = this.getElement().paddingTop\r\n\t\tlet rowWidth\r\n\t\tlet rowHeight\r\n\t\tlet startNewRow = true\r\n\t\tlet i = 0\r\n\t\twhile (i <= renderedElementIndex) {\r\n\t\t\tif (startNewRow || rowWidth + children[i].width > maxWidth) {\r\n\t\t\t\tif (i > 0) {\r\n\t\t\t\t\ttopOffset += rowHeight\r\n\t\t\t\t\ttopOffset += children[i].marginTop\r\n\t\t\t\t}\r\n\t\t\t\trowWidth = children[i].width\r\n\t\t\t\trowHeight = children[i].height\r\n\t\t\t\tif (rowWidth > maxWidth) {\r\n\t\t\t\t\tstartNewRow = true\r\n\t\t\t\t} else {\r\n\t\t\t\t\tstartNewRow = false\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\trowWidth += children[i].width\r\n\t\t\t\trowHeight = Math.max(rowHeight, children[i].height)\r\n\t\t\t}\r\n\t\t\ti++\r\n\t\t}\r\n\t\treturn topOffset\r\n\t}\r\n\r\n\t/**\r\n\t * Returns an item element's height.\r\n\t * @param  {number} renderedElementIndex — An index of an item relative to the \"first shown item index\". For example, if the list is showing items from index 8 to index 12 then `renderedElementIndex = 0` would mean the item at index `8`.\r\n\t * @return {number}\r\n\t */\r\n\tgetNthRenderedItemHeight(renderedElementIndex) {\r\n\t\treturn this.getElement().children[renderedElementIndex].height\r\n\t}\r\n\r\n\t/**\r\n\t * Returns items container height.\r\n\t * @return {number}\r\n\t */\r\n\tgetHeight() {\r\n\t\tconst children = this.getElement().children\r\n\t\tconst maxWidth = this.getElement().width\r\n\t\tlet contentHeight = this.getElement().paddingTop\r\n\t\tlet i = 0\r\n\t\twhile (i < children.length) {\r\n\t\t\tlet rowWidth = 0\r\n\t\t\tlet rowHeight = 0\r\n\t\t\twhile (rowWidth <= maxWidth && i < children.length) {\r\n\t\t\t\tif (rowWidth === 0 && i > 0) {\r\n\t\t\t\t\tconst verticalSpacing = children[i].marginTop\r\n\t\t\t\t\tcontentHeight += verticalSpacing\r\n\t\t\t\t}\r\n\t\t\t\trowWidth += children[i].width\r\n\t\t\t\trowHeight = Math.max(rowHeight, children[i].height)\r\n\t\t\t\ti++\r\n\t\t\t}\r\n\t\t\tcontentHeight += rowHeight\r\n\t\t}\r\n\t\tcontentHeight += this.getElement().paddingBottom\r\n\t\treturn contentHeight\r\n\t}\r\n\r\n\t/**\r\n\t * Removes all item elements of an items container.\r\n\t */\r\n\tclear() {\r\n\t\tthis.getElement().children = []\r\n\t}\r\n}"],"mappings":";;;;;;IAAqBA,c;EACpB;AACD;AACA;AACA;EACC,wBAAYC,UAAZ,EAAwB;IAAA;;IACvB,KAAKA,UAAL,GAAkBA,UAAlB;EACA;EAED;AACD;AACA;AACA;AACA;;;;;WACC,qCAA4BC,oBAA5B,EAAkD;MACjD,IAAMC,QAAQ,GAAG,KAAKF,UAAL,GAAkBE,QAAnC;MACA,IAAMC,QAAQ,GAAG,KAAKH,UAAL,GAAkBI,KAAnC;MACA,IAAIC,SAAS,GAAG,KAAKL,UAAL,GAAkBM,UAAlC;MACA,IAAIC,QAAJ;MACA,IAAIC,SAAJ;MACA,IAAIC,WAAW,GAAG,IAAlB;MACA,IAAIC,CAAC,GAAG,CAAR;;MACA,OAAOA,CAAC,IAAIT,oBAAZ,EAAkC;QACjC,IAAIQ,WAAW,IAAIF,QAAQ,GAAGL,QAAQ,CAACQ,CAAD,CAAR,CAAYN,KAAvB,GAA+BD,QAAlD,EAA4D;UAC3D,IAAIO,CAAC,GAAG,CAAR,EAAW;YACVL,SAAS,IAAIG,SAAb;YACAH,SAAS,IAAIH,QAAQ,CAACQ,CAAD,CAAR,CAAYC,SAAzB;UACA;;UACDJ,QAAQ,GAAGL,QAAQ,CAACQ,CAAD,CAAR,CAAYN,KAAvB;UACAI,SAAS,GAAGN,QAAQ,CAACQ,CAAD,CAAR,CAAYE,MAAxB;;UACA,IAAIL,QAAQ,GAAGJ,QAAf,EAAyB;YACxBM,WAAW,GAAG,IAAd;UACA,CAFD,MAEO;YACNA,WAAW,GAAG,KAAd;UACA;QACD,CAZD,MAYO;UACNF,QAAQ,IAAIL,QAAQ,CAACQ,CAAD,CAAR,CAAYN,KAAxB;UACAI,SAAS,GAAGK,IAAI,CAACC,GAAL,CAASN,SAAT,EAAoBN,QAAQ,CAACQ,CAAD,CAAR,CAAYE,MAAhC,CAAZ;QACA;;QACDF,CAAC;MACD;;MACD,OAAOL,SAAP;IACA;IAED;AACD;AACA;AACA;AACA;;;;WACC,kCAAyBJ,oBAAzB,EAA+C;MAC9C,OAAO,KAAKD,UAAL,GAAkBE,QAAlB,CAA2BD,oBAA3B,EAAiDW,MAAxD;IACA;IAED;AACD;AACA;AACA;;;;WACC,qBAAY;MACX,IAAMV,QAAQ,GAAG,KAAKF,UAAL,GAAkBE,QAAnC;MACA,IAAMC,QAAQ,GAAG,KAAKH,UAAL,GAAkBI,KAAnC;MACA,IAAIW,aAAa,GAAG,KAAKf,UAAL,GAAkBM,UAAtC;MACA,IAAII,CAAC,GAAG,CAAR;;MACA,OAAOA,CAAC,GAAGR,QAAQ,CAACc,MAApB,EAA4B;QAC3B,IAAIT,QAAQ,GAAG,CAAf;QACA,IAAIC,SAAS,GAAG,CAAhB;;QACA,OAAOD,QAAQ,IAAIJ,QAAZ,IAAwBO,CAAC,GAAGR,QAAQ,CAACc,MAA5C,EAAoD;UACnD,IAAIT,QAAQ,KAAK,CAAb,IAAkBG,CAAC,GAAG,CAA1B,EAA6B;YAC5B,IAAMO,eAAe,GAAGf,QAAQ,CAACQ,CAAD,CAAR,CAAYC,SAApC;YACAI,aAAa,IAAIE,eAAjB;UACA;;UACDV,QAAQ,IAAIL,QAAQ,CAACQ,CAAD,CAAR,CAAYN,KAAxB;UACAI,SAAS,GAAGK,IAAI,CAACC,GAAL,CAASN,SAAT,EAAoBN,QAAQ,CAACQ,CAAD,CAAR,CAAYE,MAAhC,CAAZ;UACAF,CAAC;QACD;;QACDK,aAAa,IAAIP,SAAjB;MACA;;MACDO,aAAa,IAAI,KAAKf,UAAL,GAAkBkB,aAAnC;MACA,OAAOH,aAAP;IACA;IAED;AACD;AACA;;;;WACC,iBAAQ;MACP,KAAKf,UAAL,GAAkBE,QAAlB,GAA6B,EAA7B;IACA;;;;;;SArFmBH,c"}

package/modules/test/ScrollableContainer.js

@@ -0,0 +1,123 @@
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+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); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+var ScrollableContainer = /*#__PURE__*/function () {
+  /**
+   * Constructs a new "scrollable container" from an element.
+   * @param {func} getElement — Returns the scrollable container element.
+   * @param {func} getItemsContainerElement — Returns items "container" element.
+   */
+  function ScrollableContainer(getElement, getItemsContainerElement) {
+    _classCallCheck(this, ScrollableContainer);
+
+    this.getElement = getElement;
+    this.getItemsContainerElement = getItemsContainerElement;
+    this.scrollTop = 0;
+  }
+  /**
+   * Returns the current scroll position.
+   * @return {number}
+   */
+
+
+  _createClass(ScrollableContainer, [{
+    key: "getScrollY",
+    value: function getScrollY() {
+      return this.scrollTop;
+    }
+    /**
+     * Scrolls to a specific position.
+     * @param {number} scrollY
+     */
+
+  }, {
+    key: "scrollToY",
+    value: function scrollToY(scrollY) {
+      this.scrollTop = scrollY;
+
+      if (this.onScrollListener) {
+        this.onScrollListener();
+      }
+    }
+    /**
+     * Returns "scrollable container" width,
+     * i.e. the available width for its content.
+     * @return {number}
+     */
+
+  }, {
+    key: "getWidth",
+    value: function getWidth() {
+      return this.getElement().width;
+    }
+    /**
+     * Returns the height of the "scrollable container" itself.
+     * Not to be confused with the height of "scrollable container"'s content.
+     * @return {number}
+     */
+
+  }, {
+    key: "getHeight",
+    value: function getHeight() {
+      return this.getElement().height;
+    }
+    /**
+     * Returns a "top offset" of an items container element
+     * relative to the "scrollable container"'s top edge.
+     * @return {number}
+     */
+
+  }, {
+    key: "getItemsContainerTopOffset",
+    value: function getItemsContainerTopOffset() {
+      return 0;
+    }
+    /**
+     * Adds a "scroll" event listener to the "scrollable container".
+     * @param {onScroll} Should be called whenever the scroll position inside the "scrollable container" (potentially) changes.
+     * @return {function} Returns a function that stops listening.
+     */
+
+  }, {
+    key: "onScroll",
+    value: function onScroll(_onScroll) {
+      var _this = this;
+
+      this.onScrollListener = _onScroll;
+      return function () {
+        delete _this.onScrollListener;
+      };
+    }
+    /**
+     * Adds a "resize" event listener to the "scrollable container".
+     * @param {onResize} Should be called whenever the "scrollable container"'s width or height (potentially) changes.
+     * @return {function} Returns a function that stops listening.
+     */
+
+  }, {
+    key: "onResize",
+    value: function onResize(_onResize) {
+      var _this2 = this;
+
+      this.onResizeListener = _onResize;
+      return function () {
+        delete _this2.onResizeListener;
+      };
+    } // Returns a `Promise` because `this.onResizeListener()` is a "debounced" function.
+    // See `./utility/debounce.js` for more details.
+
+  }, {
+    key: "_triggerResizeListener",
+    value: function _triggerResizeListener() {
+      return this.onResizeListener();
+    }
+  }]);
+
+  return ScrollableContainer;
+}();
+
+export { ScrollableContainer as default };
+//# sourceMappingURL=ScrollableContainer.js.map

package/modules/test/ScrollableContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollableContainer.js","names":["ScrollableContainer","getElement","getItemsContainerElement","scrollTop","scrollY","onScrollListener","width","height","onScroll","onResize","onResizeListener"],"sources":["../../source/test/ScrollableContainer.js"],"sourcesContent":["export default class ScrollableContainer {\r\n\t/**\r\n\t * Constructs a new \"scrollable container\" from an element.\r\n\t * @param {func} getElement — Returns the scrollable container element.\r\n\t * @param {func} getItemsContainerElement — Returns items \"container\" element.\r\n\t */\r\n\tconstructor(getElement, getItemsContainerElement) {\r\n\t\tthis.getElement = getElement\r\n\t\tthis.getItemsContainerElement = getItemsContainerElement\r\n\t\tthis.scrollTop = 0\r\n\t}\r\n\r\n\t/**\r\n\t * Returns the current scroll position.\r\n\t * @return {number}\r\n\t */\r\n\tgetScrollY() {\r\n\t\treturn this.scrollTop\r\n\t}\r\n\r\n\t/**\r\n\t * Scrolls to a specific position.\r\n\t * @param {number} scrollY\r\n\t */\r\n\tscrollToY(scrollY) {\r\n\t\tthis.scrollTop = scrollY\r\n\t\tif (this.onScrollListener) {\r\n\t\t\tthis.onScrollListener()\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Returns \"scrollable container\" width,\r\n\t * i.e. the available width for its content.\r\n\t * @return {number}\r\n\t */\r\n\tgetWidth() {\r\n\t\treturn this.getElement().width\r\n\t}\r\n\r\n\t/**\r\n\t * Returns the height of the \"scrollable container\" itself.\r\n\t * Not to be confused with the height of \"scrollable container\"'s content.\r\n\t * @return {number}\r\n\t */\r\n\tgetHeight() {\r\n\t\treturn this.getElement().height\r\n\t}\r\n\r\n\t/**\r\n\t * Returns a \"top offset\" of an items container element\r\n\t * relative to the \"scrollable container\"'s top edge.\r\n\t * @return {number}\r\n\t */\r\n\tgetItemsContainerTopOffset() {\r\n\t\treturn 0\r\n\t}\r\n\r\n\t/**\r\n\t * Adds a \"scroll\" event listener to the \"scrollable container\".\r\n\t * @param {onScroll} Should be called whenever the scroll position inside the \"scrollable container\" (potentially) changes.\r\n\t * @return {function} Returns a function that stops listening.\r\n\t */\r\n\tonScroll(onScroll) {\r\n\t\tthis.onScrollListener = onScroll\r\n\t\treturn () => {\r\n\t\t\tdelete this.onScrollListener\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Adds a \"resize\" event listener to the \"scrollable container\".\r\n\t * @param {onResize} Should be called whenever the \"scrollable container\"'s width or height (potentially) changes.\r\n\t * @return {function} Returns a function that stops listening.\r\n\t */\r\n\tonResize(onResize) {\r\n\t\tthis.onResizeListener = onResize\r\n\t\treturn () => {\r\n\t\t\tdelete this.onResizeListener\r\n\t\t}\r\n\t}\r\n\r\n\t// Returns a `Promise` because `this.onResizeListener()` is a \"debounced\" function.\r\n\t// See `./utility/debounce.js` for more details.\r\n\t_triggerResizeListener() {\r\n\t\treturn this.onResizeListener()\r\n\t}\r\n}"],"mappings":";;;;;;IAAqBA,mB;EACpB;AACD;AACA;AACA;AACA;EACC,6BAAYC,UAAZ,EAAwBC,wBAAxB,EAAkD;IAAA;;IACjD,KAAKD,UAAL,GAAkBA,UAAlB;IACA,KAAKC,wBAAL,GAAgCA,wBAAhC;IACA,KAAKC,SAAL,GAAiB,CAAjB;EACA;EAED;AACD;AACA;AACA;;;;;WACC,sBAAa;MACZ,OAAO,KAAKA,SAAZ;IACA;IAED;AACD;AACA;AACA;;;;WACC,mBAAUC,OAAV,EAAmB;MAClB,KAAKD,SAAL,GAAiBC,OAAjB;;MACA,IAAI,KAAKC,gBAAT,EAA2B;QAC1B,KAAKA,gBAAL;MACA;IACD;IAED;AACD;AACA;AACA;AACA;;;;WACC,oBAAW;MACV,OAAO,KAAKJ,UAAL,GAAkBK,KAAzB;IACA;IAED;AACD;AACA;AACA;AACA;;;;WACC,qBAAY;MACX,OAAO,KAAKL,UAAL,GAAkBM,MAAzB;IACA;IAED;AACD;AACA;AACA;AACA;;;;WACC,sCAA6B;MAC5B,OAAO,CAAP;IACA;IAED;AACD;AACA;AACA;AACA;;;;WACC,kBAASC,SAAT,EAAmB;MAAA;;MAClB,KAAKH,gBAAL,GAAwBG,SAAxB;MACA,OAAO,YAAM;QACZ,OAAO,KAAI,CAACH,gBAAZ;MACA,CAFD;IAGA;IAED;AACD;AACA;AACA;AACA;;;;WACC,kBAASI,SAAT,EAAmB;MAAA;;MAClB,KAAKC,gBAAL,GAAwBD,SAAxB;MACA,OAAO,YAAM;QACZ,OAAO,MAAI,CAACC,gBAAZ;MACA,CAFD;IAGA,C,CAED;IACA;;;;WACA,kCAAyB;MACxB,OAAO,KAAKA,gBAAL,EAAP;IACA;;;;;;SAtFmBV,mB"}

package/modules/test/VirtualScroller.js

@@ -0,0 +1,270 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+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; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+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); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+import VirtualScroller from '../VirtualScroller.js';
+import Engine from './Engine.js';
+var DEBUG = false;
+
+var TestVirtualScroller = /*#__PURE__*/function () {
+  function TestVirtualScroller(_ref) {
+    var _this = this;
+
+    var scrollableContainerWidth = _ref.screenWidth,
+        scrollableContainerHeight = _ref.screenHeight,
+        columnsCount = _ref.columnsCount,
+        verticalSpacing = _ref.verticalSpacing,
+        items = _ref.items,
+        initialState = _ref.state;
+
+    _classCallCheck(this, TestVirtualScroller);
+
+    this.expectedStateUpdates = [];
+    var scrollableContainerElement = {
+      width: scrollableContainerWidth,
+      height: scrollableContainerHeight
+    };
+    var containerElement = {
+      paddingTop: 0,
+      paddingBottom: 0,
+      width: scrollableContainerElement.width,
+      children: []
+    };
+
+    this.setScrollableContainerWidth = function (width) {
+      scrollableContainerElement.width = width;
+      containerElement.width = width;
+    };
+
+    this.setScrollableContainerHeight = function (height) {
+      scrollableContainerElement.height = height;
+    };
+
+    var getItemsContainerElement = function getItemsContainerElement() {
+      return containerElement;
+    };
+
+    this.__columnsCount = columnsCount;
+
+    var getColumnsCount = function getColumnsCount() {
+      return _this.__columnsCount;
+    };
+
+    var getItemWidth = function getItemWidth() {
+      return scrollableContainerElement.width / getColumnsCount();
+    };
+
+    this.hasPausedStateUpdates = undefined;
+    this.pausedStateUpdate = undefined;
+    this.pausedStateUpdateAction = undefined;
+
+    var onBeforeUpdateState = function onBeforeUpdateState(stateUpdate) {
+      if (_this.expectedStateUpdates.length > 0) {
+        var expectedStateUpdate = _this.expectedStateUpdates.shift();
+
+        expect(stateUpdate).to.deep.equal(expectedStateUpdate.stateUpdate);
+
+        if (expectedStateUpdate.callback) {
+          expectedStateUpdate.callback();
+        }
+      }
+    };
+
+    var render = function render() {
+      var _this$virtualScroller = _this.virtualScroller.getState(),
+          items = _this$virtualScroller.items,
+          beforeItemsHeight = _this$virtualScroller.beforeItemsHeight,
+          afterItemsHeight = _this$virtualScroller.afterItemsHeight,
+          firstShownItemIndex = _this$virtualScroller.firstShownItemIndex,
+          lastShownItemIndex = _this$virtualScroller.lastShownItemIndex;
+
+      console.log('~ Render List ~');
+      containerElement.paddingTop = beforeItemsHeight;
+      containerElement.paddingBottom = afterItemsHeight;
+      containerElement.children = items.slice(firstShownItemIndex, lastShownItemIndex + 1).map(function (item) {
+        return {
+          width: getItemWidth(),
+          height: item.area / getItemWidth(),
+          marginTop: verticalSpacing
+        };
+      });
+    };
+
+    this.virtualScroller = new VirtualScroller(getItemsContainerElement, items, {
+      scrollableContainer: scrollableContainerElement,
+      engine: Engine,
+      _waitForScrollingToStop: false,
+      getColumnsCount: getColumnsCount,
+      state: initialState,
+      onStateChange: function onStateChange(state) {
+        if (DEBUG) {
+          console.log('~ Updated State ~');
+          console.log(state);
+        }
+      }
+    });
+    var state = this.virtualScroller.getInitialState();
+    this.virtualScroller.useState({
+      getState: function getState() {
+        return state;
+      },
+      updateState: function updateState(stateUpdate) {
+        var stateUpdateAction = function stateUpdateAction(stateUpdate) {
+          // Is only used in tests.
+          if (onBeforeUpdateState) {
+            onBeforeUpdateState(stateUpdate);
+          }
+
+          state = _objectSpread(_objectSpread({}, state), stateUpdate);
+          render();
+
+          _this.virtualScroller.onRender();
+        };
+
+        if (_this.hasPausedStateUpdates) {
+          _this.pausedStateUpdate = _objectSpread(_objectSpread({}, _this.pausedStateUpdate), stateUpdate);
+          _this.pausedStateUpdateAction = stateUpdateAction;
+        } else {
+          stateUpdateAction(stateUpdate);
+        }
+      }
+    });
+    render();
+  }
+
+  _createClass(TestVirtualScroller, [{
+    key: "pauseStateUpdates",
+    value: function pauseStateUpdates() {
+      if (this.hasPausedStateUpdates) {
+        throw new Error('[virtual-scroller] State updates have already been paused');
+      }
+
+      this.hasPausedStateUpdates = true;
+    }
+  }, {
+    key: "resumeStateUpdates",
+    value: function resumeStateUpdates() {
+      if (this.pausedStateUpdate) {
+        this.pausedStateUpdateAction(this.pausedStateUpdate);
+        this.pausedStateUpdate = undefined;
+        this.pausedStateUpdateAction = undefined;
+      }
+
+      this.hasPausedStateUpdates = false;
+    }
+  }, {
+    key: "verifyState",
+    value: function verifyState(expectedState) {
+      // `mocha`/`chai`.
+      this.virtualScroller.getState().should.deep.include(expectedState);
+    }
+  }, {
+    key: "expectStateUpdate",
+    value: function expectStateUpdate(stateUpdate, callback) {
+      this.expectedStateUpdates.push({
+        stateUpdate: stateUpdate,
+        callback: callback
+      });
+    }
+  }, {
+    key: "getFirstNonMeasuredItemIndex",
+    value: function getFirstNonMeasuredItemIndex() {
+      return this.virtualScroller.firstNonMeasuredItemIndex;
+    }
+  }, {
+    key: "getScrollY",
+    value: function getScrollY() {
+      return this.virtualScroller.scrollableContainer.getScrollY();
+    }
+  }, {
+    key: "scrollTo",
+    value: function scrollTo(scrollPosition) {
+      this.virtualScroller.scrollableContainer.scrollToY(scrollPosition);
+    }
+  }, {
+    key: "resize",
+    value: function resize(_ref2) {
+      var scrollableContainerWidth = _ref2.screenWidth,
+          scrollableContainerHeight = _ref2.screenHeight,
+          columnsCount = _ref2.columnsCount;
+      // Resize scrollable container.
+      this.setScrollableContainerWidth(scrollableContainerWidth);
+      this.setScrollableContainerHeight(scrollableContainerHeight); // Update columns count.
+
+      this.__columnsCount = columnsCount;
+    } // Returns a `Promise`.
+
+  }, {
+    key: "triggerResize",
+    value: function triggerResize(_ref3) {
+      var screenWidth = _ref3.screenWidth,
+          screenHeight = _ref3.screenHeight,
+          columnsCount = _ref3.columnsCount,
+          verticalSpacing = _ref3.verticalSpacing;
+      this.resize({
+        screenWidth: screenWidth,
+        screenHeight: screenHeight,
+        columnsCount: columnsCount,
+        verticalSpacing: verticalSpacing
+      }); // Call "on resize" listener.
+
+      return this.virtualScroller.scrollableContainer._triggerResizeListener();
+    }
+  }, {
+    key: "stop",
+    value: function stop() {
+      if (this.expectedStateUpdates.length > 0) {
+        throw new Error("[virtual-scroller] Expected ".concat(this.expectedStateUpdates.length, " state updates which didn't happen:\n").concat(JSON.stringify(this.expectedStateUpdates, null, 2)));
+      }
+
+      if (this.pausedStateUpdate) {
+        throw new Error('[virtual-scroller] State updates were paused and haven\'t been resumed afterwards');
+      }
+
+      this.virtualScroller.stop();
+    }
+  }, {
+    key: "start",
+    value: function start() {
+      this.virtualScroller.start();
+    }
+  }, {
+    key: "getState",
+    value: function getState() {
+      return this.virtualScroller.getState();
+    }
+  }, {
+    key: "updateLayout",
+    value: function updateLayout() {
+      this.virtualScroller.updateLayout();
+    }
+  }, {
+    key: "getItemScrollPosition",
+    value: function getItemScrollPosition(i) {
+      return this.virtualScroller.getItemScrollPosition(i);
+    }
+  }, {
+    key: "getAverageItemHeight",
+    value: function getAverageItemHeight() {
+      return this.virtualScroller.itemHeights.getAverage();
+    }
+  }, {
+    key: "setItems",
+    value: function setItems(newItems, options) {
+      this.virtualScroller.setItems(newItems, options);
+    }
+  }]);
+
+  return TestVirtualScroller;
+}();
+
+export { TestVirtualScroller as default };
+//# sourceMappingURL=VirtualScroller.js.map