react-virtuoso 2.2.5 → 2.2.6-beta.0

package/dist/upwardScrollFixSystem.d.ts

@@ -5,7 +5,7 @@ import { LogLevel } from './loggerSystem';
  */
 export declare const upwardScrollFixSystem: u.SystemSpec<[u.SystemSpec<never[], () => {
     scrollTop: u.Stream<number>;
-    viewportHeight: u.StatefulStream<number>;
+    viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     smoothScrollTargetReached: u.Stream<true>;
@@ -17,7 +17,7 @@ export declare const upwardScrollFixSystem: u.SystemSpec<[u.SystemSpec<never[],
     scrollingInProgress: u.StatefulStream<boolean>;
 }>, u.SystemSpec<[u.SystemSpec<never[], () => {
     scrollTop: u.Stream<number>;
-    viewportHeight: u.StatefulStream<number>;
+    viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     smoothScrollTargetReached: u.Stream<true>;
@@ -29,7 +29,7 @@ export declare const upwardScrollFixSystem: u.SystemSpec<[u.SystemSpec<never[],
     scrollingInProgress: u.StatefulStream<boolean>;
 }>], ([{ scrollTop, viewportHeight, headerHeight, footerHeight }]: [{
     scrollTop: u.Stream<number>;
-    viewportHeight: u.StatefulStream<number>;
+    viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     smoothScrollTargetReached: u.Stream<true>;
@@ -89,7 +89,7 @@ export declare const upwardScrollFixSystem: u.SystemSpec<[u.SystemSpec<never[],
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
 }>, u.SystemSpec<never[], () => {
     scrollTop: u.Stream<number>;
-    viewportHeight: u.StatefulStream<number>;
+    viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     smoothScrollTargetReached: u.Stream<true>;
@@ -115,7 +115,7 @@ export declare const upwardScrollFixSystem: u.SystemSpec<[u.SystemSpec<never[],
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
 }, {
     scrollTop: u.Stream<number>;
-    viewportHeight: u.StatefulStream<number>;
+    viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     smoothScrollTargetReached: u.Stream<true>;
@@ -130,7 +130,7 @@ export declare const upwardScrollFixSystem: u.SystemSpec<[u.SystemSpec<never[],
     topItemsIndexes: u.Stream<[number]>;
 }>, u.SystemSpec<[u.SystemSpec<never[], () => {
     scrollTop: u.Stream<number>;
-    viewportHeight: u.StatefulStream<number>;
+    viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     smoothScrollTargetReached: u.Stream<true>;
@@ -142,7 +142,7 @@ export declare const upwardScrollFixSystem: u.SystemSpec<[u.SystemSpec<never[],
     scrollingInProgress: u.StatefulStream<boolean>;
 }>], ([{ scrollTop, viewportHeight, deviation, headerHeight }]: [{
     scrollTop: u.Stream<number>;
-    viewportHeight: u.StatefulStream<number>;
+    viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     smoothScrollTargetReached: u.Stream<true>;
@@ -178,18 +178,6 @@ export declare const upwardScrollFixSystem: u.SystemSpec<[u.SystemSpec<never[],
     listRefresh: u.Stream<boolean>;
     trackItemSizes: u.StatefulStream<boolean>;
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
-}>, u.SystemSpec<never[], () => {
-    scrollTop: u.Stream<number>;
-    viewportHeight: u.StatefulStream<number>;
-    headerHeight: u.StatefulStream<number>;
-    footerHeight: u.StatefulStream<number>;
-    smoothScrollTargetReached: u.Stream<true>;
-    scrollTo: u.Stream<ScrollToOptions>;
-    scrollBy: u.Stream<ScrollToOptions>;
-    scrollDirection: u.StatefulStream<import("./domIOSystem").ScrollDirection>;
-    statefulScrollTop: u.StatefulStream<number>;
-    deviation: u.StatefulStream<number>;
-    scrollingInProgress: u.StatefulStream<boolean>;
 }>, u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
     log: u.StatefulStream<import("./loggerSystem").Log>;
     logLevel: u.StatefulStream<LogLevel>;
@@ -212,7 +200,7 @@ export declare const upwardScrollFixSystem: u.SystemSpec<[u.SystemSpec<never[],
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
 }>, u.SystemSpec<never[], () => {
     scrollTop: u.Stream<number>;
-    viewportHeight: u.StatefulStream<number>;
+    viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     smoothScrollTargetReached: u.Stream<true>;
@@ -241,7 +229,7 @@ export declare const upwardScrollFixSystem: u.SystemSpec<[u.SystemSpec<never[],
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
 }, {
     scrollTop: u.Stream<number>;
-    viewportHeight: u.StatefulStream<number>;
+    viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     smoothScrollTargetReached: u.Stream<true>;
@@ -256,6 +244,7 @@ export declare const upwardScrollFixSystem: u.SystemSpec<[u.SystemSpec<never[],
     logLevel: u.StatefulStream<LogLevel>;
 }]) => {
     scrollToIndex: u.Stream<import("./scrollToIndexSystem").IndexLocation>;
+    scrollingInProgress: u.StatefulStream<boolean>;
     topListHeight: u.StatefulStream<number>;
 }>, u.SystemSpec<[u.SystemSpec<never[], () => {
     log: u.StatefulStream<import("./loggerSystem").Log>;
@@ -266,7 +255,7 @@ export declare const upwardScrollFixSystem: u.SystemSpec<[u.SystemSpec<never[],
 }]) => {
     propsReady: u.StatefulStream<boolean>;
     didMount: u.Stream<boolean>;
-}>], ([{ sizes, listRefresh, defaultItemSize }, { scrollTop }, { scrollToIndex }, { didMount }]: [{
+}>], ([{ sizes, listRefresh, defaultItemSize }, { scrollToIndex, scrollingInProgress }, { didMount }]: [{
     data: u.StatefulStream<import("./sizeSystem").Data>;
     totalCount: u.Stream<number>;
     sizeRanges: u.Stream<import("./sizeSystem").SizeRange[]>;
@@ -280,20 +269,9 @@ export declare const upwardScrollFixSystem: u.SystemSpec<[u.SystemSpec<never[],
     listRefresh: u.Stream<boolean>;
     trackItemSizes: u.StatefulStream<boolean>;
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
-}, {
-    scrollTop: u.Stream<number>;
-    viewportHeight: u.StatefulStream<number>;
-    headerHeight: u.StatefulStream<number>;
-    footerHeight: u.StatefulStream<number>;
-    smoothScrollTargetReached: u.Stream<true>;
-    scrollTo: u.Stream<ScrollToOptions>;
-    scrollBy: u.Stream<ScrollToOptions>;
-    scrollDirection: u.StatefulStream<import("./domIOSystem").ScrollDirection>;
-    statefulScrollTop: u.StatefulStream<number>;
-    deviation: u.StatefulStream<number>;
-    scrollingInProgress: u.StatefulStream<boolean>;
 }, {
     scrollToIndex: u.Stream<import("./scrollToIndexSystem").IndexLocation>;
+    scrollingInProgress: u.StatefulStream<boolean>;
     topListHeight: u.StatefulStream<number>;
 }, {
     propsReady: u.StatefulStream<boolean>;
@@ -323,7 +301,7 @@ export declare const upwardScrollFixSystem: u.SystemSpec<[u.SystemSpec<never[],
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
 }>, u.SystemSpec<never[], () => {
     scrollTop: u.Stream<number>;
-    viewportHeight: u.StatefulStream<number>;
+    viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     smoothScrollTargetReached: u.Stream<true>;
@@ -352,7 +330,7 @@ export declare const upwardScrollFixSystem: u.SystemSpec<[u.SystemSpec<never[],
     itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
 }, {
     scrollTop: u.Stream<number>;
-    viewportHeight: u.StatefulStream<number>;
+    viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     smoothScrollTargetReached: u.Stream<true>;
@@ -367,10 +345,11 @@ export declare const upwardScrollFixSystem: u.SystemSpec<[u.SystemSpec<never[],
     logLevel: u.StatefulStream<LogLevel>;
 }]) => {
     scrollToIndex: u.Stream<import("./scrollToIndexSystem").IndexLocation>;
+    scrollingInProgress: u.StatefulStream<boolean>;
     topListHeight: u.StatefulStream<number>;
 }>, u.SystemSpec<[u.SystemSpec<never[], () => {
     scrollTop: u.Stream<number>;
-    viewportHeight: u.StatefulStream<number>;
+    viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     smoothScrollTargetReached: u.Stream<true>;
@@ -382,7 +361,7 @@ export declare const upwardScrollFixSystem: u.SystemSpec<[u.SystemSpec<never[],
     scrollingInProgress: u.StatefulStream<boolean>;
 }>], ([{ scrollTop, viewportHeight, headerHeight, footerHeight }]: [{
     scrollTop: u.Stream<number>;
-    viewportHeight: u.StatefulStream<number>;
+    viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     smoothScrollTargetReached: u.Stream<true>;
@@ -437,6 +416,7 @@ export declare const upwardScrollFixSystem: u.SystemSpec<[u.SystemSpec<never[],
     initialTopMostItemIndex: u.StatefulStream<number>;
 }, {
     scrollToIndex: u.Stream<import("./scrollToIndexSystem").IndexLocation>;
+    scrollingInProgress: u.StatefulStream<boolean>;
     topListHeight: u.StatefulStream<number>;
 }, {
     isScrolling: u.Stream<boolean>;
@@ -488,7 +468,7 @@ export declare const upwardScrollFixSystem: u.SystemSpec<[u.SystemSpec<never[],
     logLevel: u.StatefulStream<LogLevel>;
 }>], ([{ scrollBy, scrollTop, scrollDirection, deviation, scrollingInProgress }, { isScrolling }, { listState }, { beforeUnshiftWith, sizes }, { log },]: [{
     scrollTop: u.Stream<number>;
-    viewportHeight: u.StatefulStream<number>;
+    viewportHeight: u.Stream<number>;
     headerHeight: u.StatefulStream<number>;
     footerHeight: u.StatefulStream<number>;
     smoothScrollTargetReached: u.Stream<true>;

package/dist/window-grid.b22094fd.js

@@ -0,0 +1,439 @@
+// modules are defined as an array
+// [ module function, map of requires ]
+//
+// map of requires is short require name -> numeric require
+//
+// anything defined in a previous bundle is accessed via the
+// orig method which is the require for previous bundles
+parcelRequire = (function (modules, cache, entry, globalName) {
+  // Save the require from previous bundle to this closure if any
+  var previousRequire = typeof parcelRequire === 'function' && parcelRequire;
+  var nodeRequire = typeof require === 'function' && require;
+
+  function newRequire(name, jumped) {
+    if (!cache[name]) {
+      if (!modules[name]) {
+        // if we cannot find the module within our internal map or
+        // cache jump to the current global require ie. the last bundle
+        // that was added to the page.
+        var currentRequire = typeof parcelRequire === 'function' && parcelRequire;
+        if (!jumped && currentRequire) {
+          return currentRequire(name, true);
+        }
+
+        // If there are other bundles on this page the require from the
+        // previous one is saved to 'previousRequire'. Repeat this as
+        // many times as there are bundles until the module is found or
+        // we exhaust the require chain.
+        if (previousRequire) {
+          return previousRequire(name, true);
+        }
+
+        // Try the node require function if it exists.
+        if (nodeRequire && typeof name === 'string') {
+          return nodeRequire(name);
+        }
+
+        var err = new Error('Cannot find module \'' + name + '\'');
+        err.code = 'MODULE_NOT_FOUND';
+        throw err;
+      }
+
+      localRequire.resolve = resolve;
+      localRequire.cache = {};
+
+      var module = cache[name] = new newRequire.Module(name);
+
+      modules[name][0].call(module.exports, localRequire, module, module.exports, this);
+    }
+
+    return cache[name].exports;
+
+    function localRequire(x){
+      return newRequire(localRequire.resolve(x));
+    }
+
+    function resolve(x){
+      return modules[name][1][x] || x;
+    }
+  }
+
+  function Module(moduleName) {
+    this.id = moduleName;
+    this.bundle = newRequire;
+    this.exports = {};
+  }
+
+  newRequire.isParcelRequire = true;
+  newRequire.Module = Module;
+  newRequire.modules = modules;
+  newRequire.cache = cache;
+  newRequire.parent = previousRequire;
+  newRequire.register = function (id, exports) {
+    modules[id] = [function (require, module) {
+      module.exports = exports;
+    }, {}];
+  };
+
+  var error;
+  for (var i = 0; i < entry.length; i++) {
+    try {
+      newRequire(entry[i]);
+    } catch (e) {
+      // Save first error but execute all entries
+      if (!error) {
+        error = e;
+      }
+    }
+  }
+
+  if (entry.length) {
+    // Expose entry point to Node, AMD or browser globals
+    // Based on https://github.com/ForbesLindesay/umd/blob/master/template.js
+    var mainExports = newRequire(entry[entry.length - 1]);
+
+    // CommonJS
+    if (typeof exports === "object" && typeof module !== "undefined") {
+      module.exports = mainExports;
+
+    // RequireJS
+    } else if (typeof define === "function" && define.amd) {
+     define(function () {
+       return mainExports;
+     });
+
+    // <script>
+    } else if (globalName) {
+      this[globalName] = mainExports;
+    }
+  }
+
+  // Override the current require with this new one
+  parcelRequire = newRequire;
+
+  if (error) {
+    // throw error from earlier, _after updating parcelRequire_
+    throw error;
+  }
+
+  return newRequire;
+})({"window-grid.tsx":[function(require,module,exports) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = App;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _src = require("../src");
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 _templateObject3() {
+  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: wrap;\n"]);
+
+  _templateObject3 = function _templateObject3() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject2() {
+  var data = _taggedTemplateLiteral(["\n    flex: 1;\n    text-align: center;\n    font-size: 80%;\n    padding: 20px;\n    box-shadow: 0 5px 6px -6px #777;\n    background: white;\n  }\n"]);
+
+  _templateObject2 = function _templateObject2() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject() {
+  var data = _taggedTemplateLiteral(["\n  box-sizing: border-box;\n  padding: 5px;\n  width: 25%;\n  background: #f5f5f5;\n  display: flex;\n  flex: none;\n  align-content: stretch;\n  @media (max-width: 1024px) {\n    width: 33%;\n  }\n\n  @media (max-width: 768px) {\n    width: 50%;\n  }\n\n  @media (max-width: 480px) {\n    width: 100%;\n  }\n"]);
+
+  _templateObject = function _templateObject() {
+    return data;
+  };
+
+  return data;
+}
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+var ItemContainer = _styled.default.div(_templateObject());
+
+var ItemWrapper = _styled.default.div(_templateObject2());
+
+var ListContainer = _styled.default.div(_templateObject3());
+
+function App() {
+  var ref = React.createRef();
+  return React.createElement("div", {
+    style: {
+      padding: '100px'
+    }
+  }, React.createElement("button", {
+    id: "start-30",
+    onClick: function onClick() {
+      return ref.current.scrollToIndex({
+        index: 30,
+        align: 'start'
+      });
+    }
+  }, "Start 30"), React.createElement("button", {
+    id: "center-50",
+    onClick: function onClick() {
+      return ref.current.scrollToIndex({
+        index: 50,
+        align: 'center'
+      });
+    }
+  }, "Center 50"), React.createElement("button", {
+    id: "end-99",
+    onClick: function onClick() {
+      return ref.current.scrollToIndex({
+        index: 99,
+        align: 'end'
+      });
+    }
+  }, "End 99"), React.createElement(_src.VirtuosoGrid, {
+    useWindowScroll: true,
+    ref: ref,
+    components: {
+      Item: ItemContainer,
+      List: ListContainer,
+      ScrollSeekPlaceholder: function ScrollSeekPlaceholder() {
+        return React.createElement(ItemContainer, null, React.createElement(ItemWrapper, null, "Placeholder"));
+      }
+    },
+    totalCount: 1000,
+    startReached: function startReached() {
+      return console.log('start reached');
+    },
+    endReached: function endReached() {
+      return console.log('end reached');
+    },
+    itemContent: function itemContent(index) {
+      return React.createElement(ItemWrapper, null, "Item ", index);
+    },
+    style: {
+      height: 300,
+      width: '100%'
+    }
+  }));
+}
+},{"react":"../node_modules/react/index.js","../src":"../src/index.tsx","@emotion/styled":"../node_modules/@emotion/styled/dist/styled.browser.esm.js"}],"../node_modules/parcel-bundler/src/builtins/hmr-runtime.js":[function(require,module,exports) {
+var global = arguments[3];
+var OVERLAY_ID = '__parcel__error__overlay__';
+var OldModule = module.bundle.Module;
+
+function Module(moduleName) {
+  OldModule.call(this, moduleName);
+  this.hot = {
+    data: module.bundle.hotData,
+    _acceptCallbacks: [],
+    _disposeCallbacks: [],
+    accept: function (fn) {
+      this._acceptCallbacks.push(fn || function () {});
+    },
+    dispose: function (fn) {
+      this._disposeCallbacks.push(fn);
+    }
+  };
+  module.bundle.hotData = null;
+}
+
+module.bundle.Module = Module;
+var checkedAssets, assetsToAccept;
+var parent = module.bundle.parent;
+
+if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {
+  var hostname = "" || location.hostname;
+  var protocol = location.protocol === 'https:' ? 'wss' : 'ws';
+  var ws = new WebSocket(protocol + '://' + hostname + ':' + "61208" + '/');
+
+  ws.onmessage = function (event) {
+    checkedAssets = {};
+    assetsToAccept = [];
+    var data = JSON.parse(event.data);
+
+    if (data.type === 'update') {
+      var handled = false;
+      data.assets.forEach(function (asset) {
+        if (!asset.isNew) {
+          var didAccept = hmrAcceptCheck(global.parcelRequire, asset.id);
+
+          if (didAccept) {
+            handled = true;
+          }
+        }
+      }); // Enable HMR for CSS by default.
+
+      handled = handled || data.assets.every(function (asset) {
+        return asset.type === 'css' && asset.generated.js;
+      });
+
+      if (handled) {
+        console.clear();
+        data.assets.forEach(function (asset) {
+          hmrApply(global.parcelRequire, asset);
+        });
+        assetsToAccept.forEach(function (v) {
+          hmrAcceptRun(v[0], v[1]);
+        });
+      } else if (location.reload) {
+        // `location` global exists in a web worker context but lacks `.reload()` function.
+        location.reload();
+      }
+    }
+
+    if (data.type === 'reload') {
+      ws.close();
+
+      ws.onclose = function () {
+        location.reload();
+      };
+    }
+
+    if (data.type === 'error-resolved') {
+      console.log('[parcel] ✨ Error resolved');
+      removeErrorOverlay();
+    }
+
+    if (data.type === 'error') {
+      console.error('[parcel] 🚨  ' + data.error.message + '\n' + data.error.stack);
+      removeErrorOverlay();
+      var overlay = createErrorOverlay(data);
+      document.body.appendChild(overlay);
+    }
+  };
+}
+
+function removeErrorOverlay() {
+  var overlay = document.getElementById(OVERLAY_ID);
+
+  if (overlay) {
+    overlay.remove();
+  }
+}
+
+function createErrorOverlay(data) {
+  var overlay = document.createElement('div');
+  overlay.id = OVERLAY_ID; // html encode message and stack trace
+
+  var message = document.createElement('div');
+  var stackTrace = document.createElement('pre');
+  message.innerText = data.error.message;
+  stackTrace.innerText = data.error.stack;
+  overlay.innerHTML = '<div style="background: black; font-size: 16px; color: white; position: fixed; height: 100%; width: 100%; top: 0px; left: 0px; padding: 30px; opacity: 0.85; font-family: Menlo, Consolas, monospace; z-index: 9999;">' + '<span style="background: red; padding: 2px 4px; border-radius: 2px;">ERROR</span>' + '<span style="top: 2px; margin-left: 5px; position: relative;">🚨</span>' + '<div style="font-size: 18px; font-weight: bold; margin-top: 20px;">' + message.innerHTML + '</div>' + '<pre>' + stackTrace.innerHTML + '</pre>' + '</div>';
+  return overlay;
+}
+
+function getParents(bundle, id) {
+  var modules = bundle.modules;
+
+  if (!modules) {
+    return [];
+  }
+
+  var parents = [];
+  var k, d, dep;
+
+  for (k in modules) {
+    for (d in modules[k][1]) {
+      dep = modules[k][1][d];
+
+      if (dep === id || Array.isArray(dep) && dep[dep.length - 1] === id) {
+        parents.push(k);
+      }
+    }
+  }
+
+  if (bundle.parent) {
+    parents = parents.concat(getParents(bundle.parent, id));
+  }
+
+  return parents;
+}
+
+function hmrApply(bundle, asset) {
+  var modules = bundle.modules;
+
+  if (!modules) {
+    return;
+  }
+
+  if (modules[asset.id] || !bundle.parent) {
+    var fn = new Function('require', 'module', 'exports', asset.generated.js);
+    asset.isNew = !modules[asset.id];
+    modules[asset.id] = [fn, asset.deps];
+  } else if (bundle.parent) {
+    hmrApply(bundle.parent, asset);
+  }
+}
+
+function hmrAcceptCheck(bundle, id) {
+  var modules = bundle.modules;
+
+  if (!modules) {
+    return;
+  }
+
+  if (!modules[id] && bundle.parent) {
+    return hmrAcceptCheck(bundle.parent, id);
+  }
+
+  if (checkedAssets[id]) {
+    return;
+  }
+
+  checkedAssets[id] = true;
+  var cached = bundle.cache[id];
+  assetsToAccept.push([bundle, id]);
+
+  if (cached && cached.hot && cached.hot._acceptCallbacks.length) {
+    return true;
+  }
+
+  return getParents(global.parcelRequire, id).some(function (id) {
+    return hmrAcceptCheck(global.parcelRequire, id);
+  });
+}
+
+function hmrAcceptRun(bundle, id) {
+  var cached = bundle.cache[id];
+  bundle.hotData = {};
+
+  if (cached) {
+    cached.hot.data = bundle.hotData;
+  }
+
+  if (cached && cached.hot && cached.hot._disposeCallbacks.length) {
+    cached.hot._disposeCallbacks.forEach(function (cb) {
+      cb(bundle.hotData);
+    });
+  }
+
+  delete bundle.cache[id];
+  bundle(id);
+  cached = bundle.cache[id];
+
+  if (cached && cached.hot && cached.hot._acceptCallbacks.length) {
+    cached.hot._acceptCallbacks.forEach(function (cb) {
+      cb();
+    });
+
+    return true;
+  }
+}
+},{}]},{},["../node_modules/parcel-bundler/src/builtins/hmr-runtime.js"], null)
+//# sourceMappingURL=/window-grid.b22094fd.js.map

package/dist/window-grid.b22094fd.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["window-grid.tsx"],"names":[],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAM,aAAa,GAAG,gBAAO,GAAV,mBAAnB;;AAqBA,IAAM,WAAW,GAAG,gBAAO,GAAV,oBAAjB;;AAUA,IAAM,aAAa,GAAG,gBAAO,GAAV,oBAAnB;;AAKc,SAAU,GAAV,GAAa;AACzB,MAAM,GAAG,GAAG,KAAK,CAAC,SAAN,EAAZ;AAEA,SACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,KAAK,EAAE;AAAE,MAAA,OAAO,EAAE;AAAX;AAAZ,GAAA,EACE,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAQ,IAAA,EAAE,EAAC,UAAX;AAAsB,IAAA,OAAO,EAAE;AAAA,aAAM,GAAG,CAAC,OAAJ,CAAa,aAAb,CAA2B;AAAE,QAAA,KAAK,EAAE,EAAT;AAAa,QAAA,KAAK,EAAE;AAApB,OAA3B,CAAN;AAAA;AAA/B,GAAA,EAA8F,UAA9F,CADF,EAIE,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAQ,IAAA,EAAE,EAAC,WAAX;AAAuB,IAAA,OAAO,EAAE;AAAA,aAAM,GAAG,CAAC,OAAJ,CAAa,aAAb,CAA2B;AAAE,QAAA,KAAK,EAAE,EAAT;AAAa,QAAA,KAAK,EAAE;AAApB,OAA3B,CAAN;AAAA;AAAhC,GAAA,EAAgG,WAAhG,CAJF,EAOE,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAQ,IAAA,EAAE,EAAC,QAAX;AAAoB,IAAA,OAAO,EAAE;AAAA,aAAM,GAAG,CAAC,OAAJ,CAAa,aAAb,CAA2B;AAAE,QAAA,KAAK,EAAE,EAAT;AAAa,QAAA,KAAK,EAAE;AAApB,OAA3B,CAAN;AAAA;AAA7B,GAAA,EAA0F,QAA1F,CAPF,EAUE,KAAA,CAAA,aAAA,CAAC,iBAAD,EAAa;AACX,IAAA,eAAe,EAAA,IADJ;AAEX,IAAA,GAAG,EAAE,GAFM;AAGX,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,aADI;AAEV,MAAA,IAAI,EAAE,aAFI;AAGV,MAAA,qBAAqB,EAAE;AAAA,eACrB,KAAA,CAAA,aAAA,CAAC,aAAD,EAAc,IAAd,EACE,KAAA,CAAA,aAAA,CAAC,WAAD,EAAY,IAAZ,EAAY,aAAZ,CADF,CADqB;AAAA;AAHb,KAHD;AAYX,IAAA,UAAU,EAAE,IAZD;AAaX,IAAA,YAAY,EAAE;AAAA,aAAM,OAAO,CAAC,GAAR,CAAY,eAAZ,CAAN;AAAA,KAbH;AAcX,IAAA,UAAU,EAAE;AAAA,aAAM,OAAO,CAAC,GAAR,CAAY,aAAZ,CAAN;AAAA,KAdD;AAeX,IAAA,WAAW,EAAE,qBAAC,KAAD;AAAA,aAAW,KAAA,CAAA,aAAA,CAAC,WAAD,EAAY,IAAZ,SAAA,EAAmB,KAAnB,CAAX;AAAA,KAfF;AAgBX,IAAA,KAAK,EAAE;AAAE,MAAA,MAAM,EAAE,GAAV;AAAe,MAAA,KAAK,EAAE;AAAtB;AAhBI,GAAb,CAVF,CADF;AA+BD","file":"window-grid.b22094fd.js","sourceRoot":"../e2e","sourcesContent":["import * as React from 'react'\nimport { VirtuosoGrid, VirtuosoGridHandle, GridComponents } from '../src'\nimport styled from '@emotion/styled'\n\nconst ItemContainer = styled.div`\n  box-sizing: border-box;\n  padding: 5px;\n  width: 25%;\n  background: #f5f5f5;\n  display: flex;\n  flex: none;\n  align-content: stretch;\n  @media (max-width: 1024px) {\n    width: 33%;\n  }\n\n  @media (max-width: 768px) {\n    width: 50%;\n  }\n\n  @media (max-width: 480px) {\n    width: 100%;\n  }\n`\n\nconst ItemWrapper = styled.div`\n    flex: 1;\n    text-align: center;\n    font-size: 80%;\n    padding: 20px;\n    box-shadow: 0 5px 6px -6px #777;\n    background: white;\n  }\n`\n\nconst ListContainer = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n` as GridComponents['List']\n\nexport default function App() {\n  const ref = React.createRef<VirtuosoGridHandle>()\n\n  return (\n    <div style={{ padding: '100px' }}>\n      <button id=\"start-30\" onClick={() => ref.current!.scrollToIndex({ index: 30, align: 'start' })}>\n        Start 30\n      </button>\n      <button id=\"center-50\" onClick={() => ref.current!.scrollToIndex({ index: 50, align: 'center' })}>\n        Center 50\n      </button>\n      <button id=\"end-99\" onClick={() => ref.current!.scrollToIndex({ index: 99, align: 'end' })}>\n        End 99\n      </button>\n      <VirtuosoGrid\n        useWindowScroll\n        ref={ref}\n        components={{\n          Item: ItemContainer,\n          List: ListContainer,\n          ScrollSeekPlaceholder: () => (\n            <ItemContainer>\n              <ItemWrapper>Placeholder</ItemWrapper>\n            </ItemContainer>\n          ),\n        }}\n        totalCount={1000}\n        startReached={() => console.log('start reached')}\n        endReached={() => console.log('end reached')}\n        itemContent={(index) => <ItemWrapper>Item {index}</ItemWrapper>}\n        style={{ height: 300, width: '100%' }}\n      />\n    </div>\n  )\n}\n"]}