react-virtuoso 2.2.4 → 2.2.6-beta.2

package/dist/default-item-height.b77ada36.js

@@ -0,0 +1,155 @@
+// 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;
+})({"default-item-height.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);
+    },
+    defaultItemHeight: 30,
+    totalCount: 100,
+    itemContent: function itemContent(index) {
+      return React.createElement("div", {
+        style: {
+          height: 30
+        }
+      }, "Item ", index);
+    },
+    style: {
+      height: 300
+    }
+  });
+}
+},{"react":"../node_modules/react/index.js","../src":"../src/index.tsx"}]},{},[], null)

package/dist/default-item-height.b77ada36.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["default-item-height.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,iBAAiB,EAAE,EAFZ;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;AAAV;AAAZ,OAAA,SAAA,EAAkC,KAAlC,CAAX;AAAA,KAJN;AAKP,IAAA,KAAK,EAAE;AAAE,MAAA,MAAM,EAAE;AAAV;AALA,GAAT,CADF;AASD","file":"default-item-height.b77ada36.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      defaultItemHeight={30}\n      totalCount={100}\n      itemContent={(index) => <div style={{ height: 30 }}>Item {index}</div>}\n      style={{ height: 300 }}\n    />\n  )\n}\n"]}

package/dist/empty-placeholder.00607a6e.js

@@ -0,0 +1,185 @@
+// 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;
+})({"empty-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 _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)(1000),
+      _useState2 = _slicedToArray(_useState, 2),
+      totalCount = _useState2[0],
+      setTotalCount = _useState2[1];
+
+  return React.createElement("div", null, React.createElement("button", {
+    onClick: function onClick() {
+      return setTotalCount(totalCount === 1000 ? 0 : 1000);
+    }
+  }, "Toggle"), React.createElement(_src.Virtuoso, {
+    computeItemKey: function computeItemKey(key) {
+      return "item-".concat(key);
+    },
+    components: {
+      EmptyPlaceholder: function EmptyPlaceholder() {
+        return React.createElement("div", null, "Nothing to See here!");
+      }
+    },
+    totalCount: totalCount,
+    isScrolling: function isScrolling(_isScrolling) {
+      return console.log({
+        isScrolling: _isScrolling
+      });
+    },
+    itemContent: function itemContent(index) {
+      return React.createElement("div", {
+        style: {
+          height: 30
+        }
+      }, "Item ", index);
+    },
+    style: {
+      height: 300
+    }
+  }));
+}
+},{"react":"../node_modules/react/index.js","../src":"../src/index.tsx"}]},{},[], null)

package/dist/empty-placeholder.00607a6e.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["empty-placeholder.tsx"],"names":[],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;;;;;;;;;;;AAGc,SAAU,GAAV,GAAa;AAAA,kBACW,oBAAS,IAAT,CADX;AAAA;AAAA,MAClB,UADkB;AAAA,MACN,aADM;;AAEzB,SACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,EACE,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAQ,IAAA,OAAO,EAAE;AAAA,aAAM,aAAa,CAAC,UAAU,KAAK,IAAf,GAAsB,CAAtB,GAA0B,IAA3B,CAAnB;AAAA;AAAjB,GAAA,EAAoE,QAApE,CADF,EAEE,KAAA,CAAA,aAAA,CAAC,aAAD,EAAS;AACP,IAAA,cAAc,EAAE,wBAAC,GAAD;AAAA,4BAAiB,GAAjB;AAAA,KADT;AAEP,IAAA,UAAU,EAAE;AACV,MAAA,gBAAgB,EAAE;AAAA,eAAM,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,EAAA,sBAAA,CAAN;AAAA;AADR,KAFL;AAKP,IAAA,UAAU,EAAE,UALL;AAMP,IAAA,WAAW,EAAE,qBAAC,YAAD;AAAA,aAAiB,OAAO,CAAC,GAAR,CAAY;AAAE,QAAA,WAAW,EAAX;AAAF,OAAZ,CAAjB;AAAA,KANN;AAOP,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,KAPN;AAQP,IAAA,KAAK,EAAE;AAAE,MAAA,MAAM,EAAE;AAAV;AARA,GAAT,CAFF,CADF;AAeD","file":"empty-placeholder.00607a6e.js","sourceRoot":"../e2e","sourcesContent":["import * as React from 'react'\nimport { Virtuoso } from '../src'\nimport { useState } from 'react'\n\nexport default function App() {\n  const [totalCount, setTotalCount] = useState(1000)\n  return (\n    <div>\n      <button onClick={() => setTotalCount(totalCount === 1000 ? 0 : 1000)}>Toggle</button>\n      <Virtuoso\n        computeItemKey={(key) => `item-${key}`}\n        components={{\n          EmptyPlaceholder: () => <div>Nothing to See here!</div>,\n        }}\n        totalCount={totalCount}\n        isScrolling={(isScrolling) => console.log({ isScrolling })}\n        itemContent={(index) => <div style={{ height: 30 }}>Item {index}</div>}\n        style={{ height: 300 }}\n      />\n    </div>\n  )\n}\n"]}

package/dist/end-reached.8531e5b1.js

@@ -0,0 +1,199 @@
+// 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;
+})({"end-reached.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 generateItems(length, iter) {
+  return Array.from({
+    length: length
+  }, function (_, index) {
+    return "My Item ".concat(index, ", gen: ").concat(iter);
+  });
+}
+
+var itemContent = function itemContent(_, data) {
+  return React.createElement("div", {
+    style: {
+      height: 30
+    }
+  }, data);
+};
+
+function App() {
+  var _useState = (0, React.useState)(function () {
+    return generateItems(100, 1);
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      data = _useState2[0],
+      setData = _useState2[1];
+
+  var _useState3 = (0, React.useState)(1),
+      _useState4 = _slicedToArray(_useState3, 2),
+      iter = _useState4[0],
+      setIter = _useState4[1];
+
+  return React.createElement("div", null, React.createElement("button", {
+    onClick: function onClick() {
+      setIter(function (val) {
+        return val + 1;
+      });
+      setData(function (prevData) {
+        return generateItems(prevData.length, iter + 1);
+      });
+    }
+  }, "Refresh items"), React.createElement(_src.Virtuoso, {
+    data: data,
+    endReached: function endReached(end) {
+      return console.log({
+        end: end
+      });
+    },
+    itemContent: itemContent,
+    style: {
+      height: 300
+    }
+  }));
+}
+},{"react":"../node_modules/react/index.js","../src":"../src/index.tsx"}]},{},[], null)

package/dist/end-reached.8531e5b1.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["end-reached.tsx"],"names":[],"mappings":";;;;;;;AAAA;;AAEA;;;;;;;;;;;;;;;;;;AAEA,SAAS,aAAT,CAAuB,MAAvB,EAAuC,IAAvC,EAAmD;AACjD,SAAO,KAAK,CAAC,IAAN,CAAW;AAAE,IAAA,MAAM,EAAN;AAAF,GAAX,EAAuB,UAAC,CAAD,EAAI,KAAJ;AAAA,6BAAyB,KAAzB,oBAAwC,IAAxC;AAAA,GAAvB,CAAP;AACD;;AAED,IAAM,WAAW,GAAG,SAAd,WAAc,CAAC,CAAD,EAAY,IAAZ,EAA4B;AAC9C,SAAO,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,KAAK,EAAE;AAAE,MAAA,MAAM,EAAE;AAAV;AAAZ,GAAA,EAA6B,IAA7B,CAAP;AACD,CAFD;;AAIc,SAAU,GAAV,GAAa;AAAA,kBACD,oBAAS;AAAA,WAAM,aAAa,CAAC,GAAD,EAAM,CAAN,CAAnB;AAAA,GAAT,CADC;AAAA;AAAA,MAClB,IADkB;AAAA,MACZ,OADY;;AAAA,mBAED,oBAAS,CAAT,CAFC;AAAA;AAAA,MAElB,IAFkB;AAAA,MAEZ,OAFY;;AAIzB,SACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,EACE,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AACE,IAAA,OAAO,EAAE,mBAAK;AACZ,MAAA,OAAO,CAAC,UAAC,GAAD;AAAA,eAAS,GAAG,GAAG,CAAf;AAAA,OAAD,CAAP;AACA,MAAA,OAAO,CAAC,UAAC,QAAD,EAAa;AACnB,eAAO,aAAa,CAAC,QAAQ,CAAC,MAAV,EAAkB,IAAI,GAAG,CAAzB,CAApB;AACD,OAFM,CAAP;AAGD;AANH,GAAA,EAMG,eANH,CADF,EAWE,KAAA,CAAA,aAAA,CAAC,aAAD,EAAS;AAAC,IAAA,IAAI,EAAE,IAAP;AAAa,IAAA,UAAU,EAAE,oBAAC,GAAD;AAAA,aAAS,OAAO,CAAC,GAAR,CAAY;AAAE,QAAA,GAAG,EAAH;AAAF,OAAZ,CAAT;AAAA,KAAzB;AAAwD,IAAA,WAAW,EAAE,WAArE;AAAkF,IAAA,KAAK,EAAE;AAAE,MAAA,MAAM,EAAE;AAAV;AAAzF,GAAT,CAXF,CADF;AAeD","file":"end-reached.8531e5b1.js","sourceRoot":"../e2e","sourcesContent":["import * as React from 'react'\nimport { useState } from 'react'\nimport { Virtuoso } from '../src'\n\nfunction generateItems(length: number, iter: number) {\n  return Array.from({ length }, (_, index) => `My Item ${index}, gen: ${iter}`)\n}\n\nconst itemContent = (_: number, data: string) => {\n  return <div style={{ height: 30 }}>{data}</div>\n}\n\nexport default function App() {\n  const [data, setData] = useState(() => generateItems(100, 1))\n  const [iter, setIter] = useState(1)\n\n  return (\n    <div>\n      <button\n        onClick={() => {\n          setIter((val) => val + 1)\n          setData((prevData) => {\n            return generateItems(prevData.length, iter + 1)\n          })\n        }}\n      >\n        Refresh items\n      </button>\n      <Virtuoso data={data} endReached={(end) => console.log({ end })} itemContent={itemContent} style={{ height: 300 }} />\n    </div>\n  )\n}\n"]}