react-virtuoso 2.2.4 → 2.2.6-beta.2

package/dist/scroll-into-view.39b77fe9.js

@@ -0,0 +1,203 @@
+// 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;
+})({"scroll-into-view.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");
+
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function App() {
+  var ref = React.useRef(null);
+
+  var _React$useState = React.useState(-1),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      currentItemIndex = _React$useState2[0],
+      setCurrentItemIndex = _React$useState2[1];
+
+  var listRef = React.useRef();
+  var keyDownCallback = React.useCallback(function (e) {
+    var nextIndex = null;
+
+    if (e.code === 'ArrowUp') {
+      nextIndex = Math.max(0, currentItemIndex - 1);
+    } else if (e.code === 'ArrowDown') {
+      nextIndex = Math.min(99, currentItemIndex + 1);
+    }
+
+    if (nextIndex !== null) {
+      ref.current.scrollIntoView({
+        index: nextIndex,
+        behavior: 'auto',
+        done: function done() {
+          setCurrentItemIndex(nextIndex);
+        }
+      });
+      e.preventDefault();
+    }
+  }, [currentItemIndex, ref, setCurrentItemIndex]);
+  var scrollerRef = React.useCallback(function (element) {
+    if (element) {
+      element.addEventListener('keydown', keyDownCallback);
+      listRef.current = element;
+    } else {
+      listRef.current.removeEventListener('keydown', keyDownCallback);
+    }
+  }, [keyDownCallback]);
+  return React.createElement(_src.Virtuoso, {
+    ref: ref,
+    scrollerRef: scrollerRef,
+    totalCount: 100,
+    itemContent: function itemContent(index) {
+      return React.createElement("div", {
+        style: {
+          height: index % 2 ? 30 : 20,
+          background: 'white',
+          color: index === currentItemIndex ? 'red' : 'black'
+        }
+      }, "Item ", index);
+    },
+    style: {
+      height: 300
+    }
+  });
+}
+},{"react":"../node_modules/react/index.js","../src":"../src/index.tsx"}]},{},[], null)

package/dist/scroll-into-view.39b77fe9.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["scroll-into-view.tsx"],"names":[],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;;;;;;;;;;;AAEc,SAAU,GAAV,GAAa;AACzB,MAAM,GAAG,GAAG,KAAK,CAAC,MAAN,CAA6B,IAA7B,CAAZ;;AADyB,wBAEuB,KAAK,CAAC,QAAN,CAAe,CAAC,CAAhB,CAFvB;AAAA;AAAA,MAElB,gBAFkB;AAAA,MAEA,mBAFA;;AAGzB,MAAM,OAAO,GAAG,KAAK,CAAC,MAAN,EAAhB;AAEA,MAAM,eAAe,GAAG,KAAK,CAAC,WAAN,CACtB,UAAC,CAAD,EAAqB;AACnB,QAAI,SAAS,GAAkB,IAA/B;;AAEA,QAAI,CAAC,CAAC,IAAF,KAAW,SAAf,EAA0B;AACxB,MAAA,SAAS,GAAG,IAAI,CAAC,GAAL,CAAS,CAAT,EAAY,gBAAgB,GAAG,CAA/B,CAAZ;AACD,KAFD,MAEO,IAAI,CAAC,CAAC,IAAF,KAAW,WAAf,EAA4B;AACjC,MAAA,SAAS,GAAG,IAAI,CAAC,GAAL,CAAS,EAAT,EAAa,gBAAgB,GAAG,CAAhC,CAAZ;AACD;;AAED,QAAI,SAAS,KAAK,IAAlB,EAAwB;AACtB,MAAA,GAAG,CAAC,OAAJ,CAAa,cAAb,CAA4B;AAC1B,QAAA,KAAK,EAAE,SADmB;AAE1B,QAAA,QAAQ,EAAE,MAFgB;AAG1B,QAAA,IAAI,EAAE,gBAAK;AACT,UAAA,mBAAmB,CAAC,SAAD,CAAnB;AACD;AALyB,OAA5B;AAOA,MAAA,CAAC,CAAC,cAAF;AACD;AACF,GApBqB,EAqBtB,CAAC,gBAAD,EAAmB,GAAnB,EAAwB,mBAAxB,CArBsB,CAAxB;AAwBA,MAAM,WAAW,GAAG,KAAK,CAAC,WAAN,CAClB,UAAC,OAAD,EAAyC;AACvC,QAAI,OAAJ,EAAa;AACX,MAAA,OAAO,CAAC,gBAAR,CAAyB,SAAzB,EAAoC,eAApC;AACA,MAAA,OAAO,CAAC,OAAR,GAAkB,OAAlB;AACD,KAHD,MAGO;AACL,MAAA,OAAO,CAAC,OAAR,CAAiB,mBAAjB,CAAqC,SAArC,EAAgD,eAAhD;AACD;AACF,GARiB,EASlB,CAAC,eAAD,CATkB,CAApB;AAYA,SACE,KAAA,CAAA,aAAA,CAAC,aAAD,EAAS;AACP,IAAA,GAAG,EAAE,GADE;AAEP,IAAA,WAAW,EAAE,WAFN;AAGP,IAAA,UAAU,EAAE,GAHL;AAIP,IAAA,WAAW,EAAE,qBAAC,KAAD;AAAA,aACX,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,QAAA,KAAK,EAAE;AAAE,UAAA,MAAM,EAAE,KAAK,GAAG,CAAR,GAAY,EAAZ,GAAiB,EAA3B;AAA+B,UAAA,UAAU,EAAE,OAA3C;AAAoD,UAAA,KAAK,EAAE,KAAK,KAAK,gBAAV,GAA6B,KAA7B,GAAqC;AAAhG;AAAZ,OAAA,SAAA,EACQ,KADR,CADW;AAAA,KAJN;AASP,IAAA,KAAK,EAAE;AAAE,MAAA,MAAM,EAAE;AAAV;AATA,GAAT,CADF;AAaD","file":"scroll-into-view.39b77fe9.js","sourceRoot":"../e2e","sourcesContent":["import * as React from 'react'\nimport { Virtuoso, VirtuosoHandle } from '../src'\n\nexport default function App() {\n  const ref = React.useRef<VirtuosoHandle>(null)\n  const [currentItemIndex, setCurrentItemIndex] = React.useState(-1)\n  const listRef = React.useRef<HTMLElement>()\n\n  const keyDownCallback = React.useCallback(\n    (e: KeyboardEvent) => {\n      let nextIndex: number | null = null\n\n      if (e.code === 'ArrowUp') {\n        nextIndex = Math.max(0, currentItemIndex - 1)\n      } else if (e.code === 'ArrowDown') {\n        nextIndex = Math.min(99, currentItemIndex + 1)\n      }\n\n      if (nextIndex !== null) {\n        ref.current!.scrollIntoView({\n          index: nextIndex,\n          behavior: 'auto',\n          done: () => {\n            setCurrentItemIndex(nextIndex!)\n          },\n        })\n        e.preventDefault()\n      }\n    },\n    [currentItemIndex, ref, setCurrentItemIndex]\n  )\n\n  const scrollerRef = React.useCallback(\n    (element: HTMLElement | Window | null) => {\n      if (element) {\n        element.addEventListener('keydown', keyDownCallback as any)\n        listRef.current = element as HTMLElement\n      } else {\n        listRef.current!.removeEventListener('keydown', keyDownCallback)\n      }\n    },\n    [keyDownCallback]\n  )\n\n  return (\n    <Virtuoso\n      ref={ref}\n      scrollerRef={scrollerRef}\n      totalCount={100}\n      itemContent={(index) => (\n        <div style={{ height: index % 2 ? 30 : 20, background: 'white', color: index === currentItemIndex ? 'red' : 'black' }}>\n          Item {index}\n        </div>\n      )}\n      style={{ height: 300 }}\n    />\n  )\n}\n"]}

package/dist/scroll-seek-placeholder.69fb85c6.js

@@ -0,0 +1,179 @@
+// 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;
+})({"scroll-seek-placeholder.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/");
+
+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 App() {
+  return React.createElement(_src.Virtuoso, {
+    computeItemKey: function computeItemKey(key) {
+      return "item-".concat(key);
+    },
+    totalCount: 1000,
+    itemContent: function itemContent(index) {
+      return React.createElement("div", {
+        style: {
+          height: 30
+        }
+      }, "Item ", index);
+    },
+    style: {
+      height: 300
+    },
+    scrollSeekConfiguration: {
+      enter: function enter(velocity) {
+        return Math.abs(velocity) > 200;
+      },
+      exit: function exit(velocity) {
+        return Math.abs(velocity) < 30;
+      },
+      change: function change(_, range) {
+        return console.log({
+          range: range
+        });
+      }
+    },
+    components: {
+      ScrollSeekPlaceholder: function ScrollSeekPlaceholder(_ref) {
+        var height = _ref.height,
+            index = _ref.index;
+        return React.createElement("div", {
+          style: {
+            height: height,
+            color: 'red'
+          }
+        }, "Placeholder ", index);
+      }
+    }
+  });
+}
+},{"react":"../node_modules/react/index.js","../src/":"../src/index.tsx"}]},{},[], null)

package/dist/scroll-seek-placeholder.69fb85c6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["scroll-seek-placeholder.tsx"],"names":[],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAEc,SAAU,GAAV,GAAa;AACzB,SACE,KAAA,CAAA,aAAA,CAAC,aAAD,EAAS;AACP,IAAA,cAAc,EAAE,wBAAC,GAAD;AAAA,4BAAiB,GAAjB;AAAA,KADT;AAEP,IAAA,UAAU,EAAE,IAFL;AAGP,IAAA,WAAW,EAAE,qBAAC,KAAD;AAAA,aAAW,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,QAAA,KAAK,EAAE;AAAE,UAAA,MAAM,EAAE;AAAV;AAAZ,OAAA,SAAA,EAAkC,KAAlC,CAAX;AAAA,KAHN;AAIP,IAAA,KAAK,EAAE;AAAE,MAAA,MAAM,EAAE;AAAV,KAJA;AAKP,IAAA,uBAAuB,EAAE;AACvB,MAAA,KAAK,EAAE,eAAC,QAAD;AAAA,eAAc,IAAI,CAAC,GAAL,CAAS,QAAT,IAAqB,GAAnC;AAAA,OADgB;AAEvB,MAAA,IAAI,EAAE,cAAC,QAAD;AAAA,eAAc,IAAI,CAAC,GAAL,CAAS,QAAT,IAAqB,EAAnC;AAAA,OAFiB;AAGvB,MAAA,MAAM,EAAE,gBAAC,CAAD,EAAI,KAAJ;AAAA,eAAc,OAAO,CAAC,GAAR,CAAY;AAAE,UAAA,KAAK,EAAL;AAAF,SAAZ,CAAd;AAAA;AAHe,KALlB;AAUP,IAAA,UAAU,EAAE;AACV,MAAA,qBAAqB,EAAE;AAAA,YAAG,MAAH,QAAG,MAAH;AAAA,YAAW,KAAX,QAAW,KAAX;AAAA,eAAuB,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,UAAA,KAAK,EAAE;AAAE,YAAA,MAAM,EAAN,MAAF;AAAU,YAAA,KAAK,EAAE;AAAjB;AAAZ,SAAA,gBAAA,EAAmD,KAAnD,CAAvB;AAAA;AADb;AAVL,GAAT,CADF;AAgBD","file":"scroll-seek-placeholder.69fb85c6.js","sourceRoot":"../e2e","sourcesContent":["import * as React from 'react'\nimport { Virtuoso } from '../src/'\n\nexport default function App() {\n  return (\n    <Virtuoso\n      computeItemKey={(key) => `item-${key}`}\n      totalCount={1000}\n      itemContent={(index) => <div style={{ height: 30 }}>Item {index}</div>}\n      style={{ height: 300 }}\n      scrollSeekConfiguration={{\n        enter: (velocity) => Math.abs(velocity) > 200,\n        exit: (velocity) => Math.abs(velocity) < 30,\n        change: (_, range) => console.log({ range }),\n      }}\n      components={{\n        ScrollSeekPlaceholder: ({ height, index }) => <div style={{ height, color: 'red' }}>Placeholder {index}</div>,\n      }}\n    />\n  )\n}\n"]}

package/dist/scroll-to-index.e72249cf.js

@@ -0,0 +1,212 @@
+// 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;
+})({"scroll-to-index.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");
+
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function App() {
+  var ref = React.useRef(null);
+
+  var _React$useState = React.useState(true),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      visible = _React$useState2[0],
+      setVisible = _React$useState2[1];
+
+  return React.createElement(React.Fragment, null, React.createElement("div", null, React.createElement("button", {
+    id: "start-30",
+    onClick: function onClick() {
+      return ref.current.scrollToIndex({
+        index: 30,
+        align: 'start'
+      });
+    }
+  }, "Start 30"), React.createElement("button", {
+    id: "offset-30",
+    onClick: function onClick() {
+      return ref.current.scrollToIndex({
+        index: 30,
+        offset: 5
+      });
+    }
+  }, "Offset 30 by 5px"), 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("button", {
+    onClick: function onClick() {
+      return setVisible(!visible);
+    }
+  }, "Toggle")), React.createElement(_src.Virtuoso, {
+    ref: ref,
+    startReached: function startReached() {
+      return console.log('start');
+    },
+    totalCount: 100,
+    itemContent: function itemContent(index) {
+      return React.createElement("div", {
+        style: {
+          height: index % 2 ? 30 : 20,
+          background: 'white'
+        }
+      }, "Item ", index);
+    },
+    style: {
+      height: 300,
+      display: visible ? 'block' : 'none'
+    }
+  }));
+}
+},{"react":"../node_modules/react/index.js","../src":"../src/index.tsx"}]},{},[], null)

package/dist/scroll-to-index.e72249cf.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["scroll-to-index.tsx"],"names":[],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;;;;;;;;;;;AAEc,SAAU,GAAV,GAAa;AACzB,MAAM,GAAG,GAAG,KAAK,CAAC,MAAN,CAA6B,IAA7B,CAAZ;;AADyB,wBAEK,KAAK,CAAC,QAAN,CAAe,IAAf,CAFL;AAAA;AAAA,MAElB,OAFkB;AAAA,MAET,UAFS;;AAGzB,SACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,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,MAAM,EAAE;AAArB,OAA3B,CAAN;AAAA;AAAhC,GAAA,EAA0F,kBAA1F,CAJF,EAOE,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,CAPF,EAUE,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,CAVF,EAaE,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAQ,IAAA,OAAO,EAAE;AAAA,aAAM,UAAU,CAAC,CAAC,OAAF,CAAhB;AAAA;AAAjB,GAAA,EAA2C,QAA3C,CAbF,CADF,EAgBE,KAAA,CAAA,aAAA,CAAC,aAAD,EAAS;AACP,IAAA,GAAG,EAAE,GADE;AAEP,IAAA,YAAY,EAAE;AAAA,aAAM,OAAO,CAAC,GAAR,CAAY,OAAZ,CAAN;AAAA,KAFP;AAGP,IAAA,UAAU,EAAE,GAHL;AAIP,IAAA,WAAW,EAAE,qBAAC,KAAD;AAAA,aAAW,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,QAAA,KAAK,EAAE;AAAE,UAAA,MAAM,EAAE,KAAK,GAAG,CAAR,GAAY,EAAZ,GAAiB,EAA3B;AAA+B,UAAA,UAAU,EAAE;AAA3C;AAAZ,OAAA,SAAA,EAAwE,KAAxE,CAAX;AAAA,KAJN;AAKP,IAAA,KAAK,EAAE;AAAE,MAAA,MAAM,EAAE,GAAV;AAAe,MAAA,OAAO,EAAE,OAAO,GAAG,OAAH,GAAa;AAA5C;AALA,GAAT,CAhBF,CADF;AA0BD","file":"scroll-to-index.e72249cf.js","sourceRoot":"../e2e","sourcesContent":["import * as React from 'react'\nimport { Virtuoso, VirtuosoHandle } from '../src'\n\nexport default function App() {\n  const ref = React.useRef<VirtuosoHandle>(null)\n  const [visible, setVisible] = React.useState(true)\n  return (\n    <>\n      <div>\n        <button id=\"start-30\" onClick={() => ref.current!.scrollToIndex({ index: 30, align: 'start' })}>\n          Start 30\n        </button>\n        <button id=\"offset-30\" onClick={() => ref.current!.scrollToIndex({ index: 30, offset: 5 })}>\n          Offset 30 by 5px\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        <button onClick={() => setVisible(!visible)}>Toggle</button>\n      </div>\n      <Virtuoso\n        ref={ref}\n        startReached={() => console.log('start')}\n        totalCount={100}\n        itemContent={(index) => <div style={{ height: index % 2 ? 30 : 20, background: 'white' }}>Item {index}</div>}\n        style={{ height: 300, display: visible ? 'block' : 'none' }}\n      />\n    </>\n  )\n}\n"]}