react-virtuoso 2.2.6-beta.2 → 2.2.6

package/dist/test-case-446.dce9595c.js

@@ -1,223 +0,0 @@
-// 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;
-})({"test-case-446.tsx":[function(require,module,exports) {
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = App;
-exports.getNote = void 0;
-
-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; }
-
-var itemContent = function itemContent(index, note) {
-  return React.createElement("div", {
-    style: {
-      height: index % 2 ? 70.3 : 30.6,
-      background: 'white'
-    }
-  }, note.content);
-}; // globalThis['VIRTUOSO_LOG_LEVEL'] = 0
-
-
-var notes = [];
-
-function note(index) {
-  return {
-    index: index + 1,
-    content: "Note ".concat(index)
-  };
-}
-
-var getNote = function getNote(index) {
-  if (!notes[index]) {
-    notes[index] = note(index);
-  }
-
-  return notes[index];
-};
-
-exports.getNote = getNote;
-
-var generateNotes = function generateNotes(length) {
-  var startIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-  return Array.from({
-    length: length
-  }).map(function (_, i) {
-    return getNote(i + startIndex);
-  });
-};
-
-var START_INDEX = 10000;
-var INITIAL_ITEM_COUNT = 20;
-
-function App() {
-  var _useState = (0, React.useState)(10),
-      _useState2 = _slicedToArray(_useState, 2),
-      topMostItemIndex = _useState2[0],
-      setTopMostItemIndex = _useState2[1];
-
-  var _useState3 = (0, React.useState)(function () {
-    return generateNotes(INITIAL_ITEM_COUNT, START_INDEX);
-  }),
-      _useState4 = _slicedToArray(_useState3, 1),
-      notes = _useState4[0];
-
-  return React.createElement("div", null, React.createElement("button", {
-    onClick: function onClick() {
-      return setTopMostItemIndex(function () {
-        return 3;
-      });
-    }
-  }, "Topmost index = 3"), React.createElement("button", {
-    onClick: function onClick() {
-      return setTopMostItemIndex(function () {
-        return 7;
-      });
-    }
-  }, "Topmost index = 7"), React.createElement(_src.Virtuoso, {
-    data: notes,
-    itemContent: itemContent,
-    initialTopMostItemIndex: topMostItemIndex,
-    style: {
-      height: 300
-    }
-  }));
-}
-},{"react":"../node_modules/react/index.js","../src":"../src/index.tsx"}]},{},[], null)

package/dist/test-case-446.dce9595c.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["test-case-446.tsx"],"names":[],"mappings":";;;;;;;;AAAA;;AAEA;;;;;;;;;;;;;;;;;;AAEA,IAAM,WAAW,GAAG,SAAd,WAAc,CAAC,KAAD,EAAgB,IAAhB;AAAA,SAClB,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,KAAK,EAAE;AAAE,MAAA,MAAM,EAAE,KAAK,GAAG,CAAR,GAAY,IAAZ,GAAmB,IAA7B;AAAmC,MAAA,UAAU,EAAE;AAA/C;AAAZ,GAAA,EAAuE,IAAI,CAAC,OAA5E,CADkB;AAAA,CAApB,EAGA;;;AAEA,IAAM,KAAK,GAAmC,EAA9C;;AACA,SAAS,IAAT,CAAc,KAAd,EAA2B;AACzB,SAAO;AACL,IAAA,KAAK,EAAE,KAAK,GAAG,CADV;AAEL,IAAA,OAAO,iBAAU,KAAV;AAFF,GAAP;AAID;;AAEM,IAAM,OAAO,GAAG,SAAV,OAAU,CAAC,KAAD,EAAkB;AACvC,MAAI,CAAC,KAAK,CAAC,KAAD,CAAV,EAAmB;AACjB,IAAA,KAAK,CAAC,KAAD,CAAL,GAAe,IAAI,CAAC,KAAD,CAAnB;AACD;;AAED,SAAO,KAAK,CAAC,KAAD,CAAZ;AACD,CANM;;;;AAQP,IAAM,aAAa,GAAG,SAAhB,aAAgB,CAAC,MAAD,EAAmC;AAAA,MAAlB,UAAkB,uEAAL,CAAK;AACvD,SAAO,KAAK,CAAC,IAAN,CAAW;AAAE,IAAA,MAAM,EAAN;AAAF,GAAX,EAAuB,GAAvB,CAA2B,UAAC,CAAD,EAAI,CAAJ;AAAA,WAAU,OAAO,CAAC,CAAC,GAAG,UAAL,CAAjB;AAAA,GAA3B,CAAP;AACD,CAFD;;AAIA,IAAM,WAAW,GAAG,KAApB;AACA,IAAM,kBAAkB,GAAG,EAA3B;;AAEc,SAAU,GAAV,GAAa;AAAA,kBACuB,oBAAS,EAAT,CADvB;AAAA;AAAA,MAClB,gBADkB;AAAA,MACA,mBADA;;AAAA,mBAET,oBAAS;AAAA,WAAM,aAAa,CAAC,kBAAD,EAAqB,WAArB,CAAnB;AAAA,GAAT,CAFS;AAAA;AAAA,MAElB,KAFkB;;AAIzB,SACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,EACE,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAQ,IAAA,OAAO,EAAE;AAAA,aAAM,mBAAmB,CAAC;AAAA,eAAM,CAAN;AAAA,OAAD,CAAzB;AAAA;AAAjB,GAAA,EAAmD,mBAAnD,CADF,EAEE,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAQ,IAAA,OAAO,EAAE;AAAA,aAAM,mBAAmB,CAAC;AAAA,eAAM,CAAN;AAAA,OAAD,CAAzB;AAAA;AAAjB,GAAA,EAAmD,mBAAnD,CAFF,EAGE,KAAA,CAAA,aAAA,CAAC,aAAD,EAAS;AAAC,IAAA,IAAI,EAAE,KAAP;AAAc,IAAA,WAAW,EAAE,WAA3B;AAAwC,IAAA,uBAAuB,EAAE,gBAAjE;AAAmF,IAAA,KAAK,EAAE;AAAE,MAAA,MAAM,EAAE;AAAV;AAA1F,GAAT,CAHF,CADF;AAOD","file":"test-case-446.dce9595c.js","sourceRoot":"../e2e","sourcesContent":["import * as React from 'react'\nimport { useState } from 'react'\nimport { Virtuoso } from '../src'\n\nconst itemContent = (index: number, note: { content: string }) => (\n  <div style={{ height: index % 2 ? 70.3 : 30.6, background: 'white' }}>{note.content}</div>\n)\n// globalThis['VIRTUOSO_LOG_LEVEL'] = 0\n\nconst notes: Array<ReturnType<typeof note>> = []\nfunction note(index: number) {\n  return {\n    index: index + 1,\n    content: `Note ${index}`,\n  }\n}\n\nexport const getNote = (index: number) => {\n  if (!notes[index]) {\n    notes[index] = note(index)\n  }\n\n  return notes[index]\n}\n\nconst generateNotes = (length: number, startIndex = 0) => {\n  return Array.from({ length }).map((_, i) => getNote(i + startIndex))\n}\n\nconst START_INDEX = 10000\nconst INITIAL_ITEM_COUNT = 20\n\nexport default function App() {\n  const [topMostItemIndex, setTopMostItemIndex] = useState(10)\n  const [notes] = useState(() => generateNotes(INITIAL_ITEM_COUNT, START_INDEX))\n\n  return (\n    <div>\n      <button onClick={() => setTopMostItemIndex(() => 3)}>Topmost index = 3</button>\n      <button onClick={() => setTopMostItemIndex(() => 7)}>Topmost index = 7</button>\n      <Virtuoso data={notes} itemContent={itemContent} initialTopMostItemIndex={topMostItemIndex} style={{ height: 300 }} />\n    </div>\n  )\n}\n"]}

package/dist/test-case-460.6d75ad1f.js

@@ -1,246 +0,0 @@
-// 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;
-})({"test-case-460.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; }
-
-var getRandomArbitrary = function getRandomArbitrary(min, max) {
-  return Math.random() * (max - min) + min;
-}; // globalThis['VIRTUOSO_LOG_LEVEL'] = 0
-
-
-var ITEM_INDEX = 99999;
-
-var getItems = function getItems(count) {
-  var temp = [];
-
-  for (var i = 0; i < count; i++) {
-    temp.push(i);
-  }
-
-  return temp;
-};
-
-function App() {
-  var _useState = (0, React.useState)([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      items = _useState2[0],
-      setItems = _useState2[1];
-
-  var _useState3 = (0, React.useState)(ITEM_INDEX),
-      _useState4 = _slicedToArray(_useState3, 2),
-      firstItemIndex = _useState4[0],
-      setFirstItemIndex = _useState4[1];
-
-  var _useState5 = (0, React.useState)(0),
-      _useState6 = _slicedToArray(_useState5, 2),
-      id = _useState6[0],
-      setID = _useState6[1];
-
-  var _useState7 = (0, React.useState)({
-    startIndex: 0,
-    endIndex: 0
-  }),
-      _useState8 = _slicedToArray(_useState7, 2),
-      setVisibleRange = _useState8[1];
-
-  var triggerChange = function triggerChange() {
-    var newID;
-
-    do {
-      newID = getRandomArbitrary(10, 20);
-    } while (newID === id);
-
-    setID(newID);
-  };
-
-  (0, React.useEffect)(function () {
-    setTimeout(function () {
-      setItems(getItems(Number(id)));
-      setFirstItemIndex(ITEM_INDEX);
-    }, 200);
-    return function () {
-      setItems([]);
-    };
-  }, [id]);
-
-  var _rowRenderer = (0, React.useCallback)(function (_, item) {
-    return React.createElement("div", {
-      style: {
-        padding: 20
-      }
-    }, item);
-  }, []);
-
-  return React.createElement("div", {
-    style: {
-      display: 'flex',
-      flexDirection: 'column',
-      flex: 1
-    }
-  }, React.createElement("button", {
-    onClick: triggerChange
-  }, "Change item set"), React.createElement("p", null, "Item size: ", items.length), React.createElement("div", {
-    style: {
-      height: 300
-    }
-  }, items.length > 0 && React.createElement(_src.Virtuoso, {
-    firstItemIndex: firstItemIndex,
-    data: items,
-    components: {
-      Header: function Header() {
-        return React.createElement("div", {
-          style: {
-            height: 10
-          }
-        });
-      }
-    },
-    initialTopMostItemIndex: Math.max(0, items.length - 1),
-    itemContent: _rowRenderer,
-    followOutput: 'smooth',
-    rangeChanged: setVisibleRange
-  })));
-}
-},{"react":"../node_modules/react/index.js","../src":"../src/index.tsx"}]},{},[], null)

package/dist/test-case-460.6d75ad1f.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["test-case-460.tsx"],"names":[],"mappings":"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","file":"test-case-460.6d75ad1f.js","sourceRoot":"../e2e","sourcesContent":["import * as React from 'react'\nimport { useState, useCallback, useEffect } from 'react'\nimport { Virtuoso } from '../src'\n\nconst getRandomArbitrary = (min: number, max: number) => {\n  return Math.random() * (max - min) + min\n}\n\n// globalThis['VIRTUOSO_LOG_LEVEL'] = 0\n\nconst ITEM_INDEX = 99999\n\nconst getItems = (count: number) => {\n  const temp = []\n  for (let i = 0; i < count; i++) {\n    temp.push(i)\n  }\n  return temp\n}\n\nexport default function App() {\n  const [items, setItems] = useState<number[]>([])\n  const [firstItemIndex, setFirstItemIndex] = useState(ITEM_INDEX)\n  const [id, setID] = useState(0)\n  const [, setVisibleRange] = useState({\n    startIndex: 0,\n    endIndex: 0,\n  })\n\n  const triggerChange = () => {\n    let newID: number\n    do {\n      newID = getRandomArbitrary(10, 20)\n    } while (newID === id)\n    setID(newID)\n  }\n\n  useEffect(() => {\n    setTimeout(() => {\n      setItems(getItems(Number(id)))\n      setFirstItemIndex(ITEM_INDEX)\n    }, 200)\n\n    return () => {\n      setItems([])\n    }\n  }, [id])\n\n  const _rowRenderer = useCallback((index, item) => {\n    return <div style={{ padding: 20 }}>{item}</div>\n  }, [])\n\n  return (\n    <div style={{ display: 'flex', flexDirection: 'column', flex: 1 }}>\n      <button onClick={triggerChange}>Change item set</button>\n      <p>Item size: {items.length}</p>\n      <div style={{ height: 300 }}>\n        {items.length > 0 && (\n          <Virtuoso\n            firstItemIndex={firstItemIndex}\n            data={items}\n            components={{ Header: () => <div style={{ height: 10 }} /> }}\n            initialTopMostItemIndex={Math.max(0, items.length - 1)}\n            itemContent={_rowRenderer}\n            followOutput={'smooth'}\n            rangeChanged={setVisibleRange}\n          />\n        )}\n      </div>\n    </div>\n  )\n}\n"]}

package/dist/test-case-463.525f34ba.js

@@ -1,170 +0,0 @@
-// 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;
-})({"test-case-463.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 _useState = (0, React.useState)([{
-    msg: 'im a bird'
-  }, {
-    msg: 'im a bird 2'
-  }]),
-      _useState2 = _slicedToArray(_useState, 1),
-      data = _useState2[0];
-
-  return React.createElement("div", {
-    style: {
-      height: 475.61,
-      width: '100%'
-    }
-  }, React.createElement(_src.Virtuoso, {
-    data: data,
-    initialTopMostItemIndex: 1,
-    itemContent: function itemContent(_, data) {
-      return React.createElement("div", null, data.msg);
-    }
-  }));
-}
-},{"react":"../node_modules/react/index.js","../src":"../src/index.tsx"}]},{},[], null)

package/dist/test-case-463.525f34ba.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["test-case-463.tsx"],"names":[],"mappings":";;;;;;;AAAA;;AAEA;;;;;;;;;;;;;;;;;;AAEc,SAAU,GAAV,GAAa;AAAA,kBACV,oBAAS,CAAC;AAAE,IAAA,GAAG,EAAE;AAAP,GAAD,EAAuB;AAAE,IAAA,GAAG,EAAE;AAAP,GAAvB,CAAT,CADU;AAAA;AAAA,MAClB,IADkB;;AAEzB,SACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,KAAK,EAAE;AAAE,MAAA,MAAM,EAAE,MAAV;AAAkB,MAAA,KAAK,EAAE;AAAzB;AAAZ,GAAA,EACE,KAAA,CAAA,aAAA,CAAC,aAAD,EAAS;AACP,IAAA,IAAI,EAAE,IADC;AAEP,IAAA,uBAAuB,EAAE,CAFlB;AAGP,IAAA,WAAW,EAAE,qBAAC,CAAD,EAAI,IAAJ,EAAY;AACvB,aAAO,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,EAAM,IAAI,CAAC,GAAX,CAAP;AACD;AALM,GAAT,CADF,CADF;AAWD","file":"test-case-463.525f34ba.js","sourceRoot":"../e2e","sourcesContent":["import * as React from 'react'\nimport { useState } from 'react'\nimport { Virtuoso } from '../src'\n\nexport default function App() {\n  const [data] = useState([{ msg: 'im a bird' }, { msg: 'im a bird 2' }])\n  return (\n    <div style={{ height: 475.61, width: '100%' }}>\n      <Virtuoso\n        data={data}\n        initialTopMostItemIndex={1}\n        itemContent={(_, data) => {\n          return <div>{data.msg}</div>\n        }}\n      />\n    </div>\n  )\n}\n"]}