react-virtuoso 2.2.4 → 2.2.6-beta.2

package/dist/auto-prepend-items.bd7e9b90.js

@@ -0,0 +1,263 @@
+// 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;
+})({"auto-prepend-items.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 _faker = _interopRequireDefault(require("faker"));
+
+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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+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 toggleBg(index) {
+  return index % 2 ? 'var(--ifm-background-color)' : 'var(--ifm-color-emphasis-200)';
+}
+
+function user() {
+  var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+
+  var firstName = _faker.default.name.firstName();
+
+  var lastName = _faker.default.name.lastName();
+
+  return {
+    index: index + 1,
+    bgColor: toggleBg(index),
+    name: "".concat(firstName, " ").concat(lastName),
+    initials: "".concat(firstName.substr(0, 1)).concat(lastName.substr(0, 1)),
+    jobTitle: _faker.default.name.jobTitle(),
+    description: _faker.default.lorem.sentence(10),
+    longText: _faker.default.lorem.paragraphs(1)
+  };
+}
+
+var generated = [];
+
+var generateUsers = function generateUsers(length) {
+  var startIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  return Array.from({
+    length: length
+  }, function (_, i) {
+    return getUser(i + startIndex);
+  });
+};
+
+var getUser = function getUser(index) {
+  if (!generated[index]) {
+    generated[index] = user(index);
+  }
+
+  return generated[index];
+};
+
+function App() {
+  var START_INDEX = 10000;
+  var INITIAL_ITEM_COUNT = 20;
+
+  var _useState = (0, React.useState)(START_INDEX),
+      _useState2 = _slicedToArray(_useState, 2),
+      firstItemIndex = _useState2[0],
+      setFirstItemIndex = _useState2[1];
+
+  var _useState3 = (0, React.useState)(function () {
+    return generateUsers(INITIAL_ITEM_COUNT, START_INDEX);
+  }),
+      _useState4 = _slicedToArray(_useState3, 2),
+      users = _useState4[0],
+      setUsers = _useState4[1];
+
+  var prependItems = (0, React.useCallback)(function () {
+    console.log('prependItems()');
+    var usersToPrepend = 20;
+    var nextFirstItemIndex = firstItemIndex - usersToPrepend;
+    setTimeout(function () {
+      setFirstItemIndex(function () {
+        return nextFirstItemIndex;
+      });
+      setUsers(function () {
+        return [].concat(_toConsumableArray(generateUsers(usersToPrepend, nextFirstItemIndex)), _toConsumableArray(users));
+      });
+    }, 5);
+    return false;
+  }, [firstItemIndex, users, setUsers]);
+  return React.createElement(_src.Virtuoso, {
+    style: {
+      height: 500
+    },
+    components: {
+      Header: function Header() {
+        return React.createElement("div", {
+          style: {
+            textAlign: 'center',
+            padding: '1rem'
+          }
+        }, "Loading...");
+      }
+    },
+    firstItemIndex: firstItemIndex,
+    initialTopMostItemIndex: INITIAL_ITEM_COUNT - 1,
+    data: users,
+    startReached: prependItems,
+    itemContent: function itemContent(_, user) {
+      return React.createElement("div", {
+        style: {
+          backgroundColor: user.bgColor,
+          padding: '1rem 0.5rem'
+        }
+      }, React.createElement("h4", null, user.index, ". ", user.name), React.createElement("div", {
+        style: {
+          marginTop: '1rem'
+        }
+      }, user.description));
+    }
+  });
+}
+},{"react":"../node_modules/react/index.js","../src/":"../src/index.tsx","faker":"../node_modules/faker/index.js"}]},{},[], null)

package/dist/auto-prepend-items.bd7e9b90.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["auto-prepend-items.tsx"],"names":[],"mappings":"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","file":"auto-prepend-items.bd7e9b90.js","sourceRoot":"../e2e","sourcesContent":["import { useCallback, useState } from 'react'\nimport * as React from 'react'\nimport { Virtuoso } from '../src/'\nimport faker from 'faker'\n\nfunction toggleBg(index: number) {\n  return index % 2 ? 'var(--ifm-background-color)' : 'var(--ifm-color-emphasis-200)'\n}\n\nfunction user(index = 0) {\n  const firstName = faker.name.firstName()\n  const lastName = faker.name.lastName()\n\n  return {\n    index: index + 1,\n    bgColor: toggleBg(index),\n    name: `${firstName} ${lastName}`,\n    initials: `${firstName.substr(0, 1)}${lastName.substr(0, 1)}`,\n    jobTitle: faker.name.jobTitle(),\n    description: faker.lorem.sentence(10),\n    longText: faker.lorem.paragraphs(1),\n  }\n}\n\nconst generated: ReturnType<typeof user>[] = []\n\nconst generateUsers = (length: number, startIndex = 0) => {\n  return Array.from({ length }, (_, i) => getUser(i + startIndex))\n}\n\nconst getUser = (index: number) => {\n  if (!generated[index]) {\n    generated[index] = user(index)\n  }\n\n  return generated[index]\n}\n\nexport default function App() {\n  const START_INDEX = 10000\n  const INITIAL_ITEM_COUNT = 20\n\n  const [firstItemIndex, setFirstItemIndex] = useState(START_INDEX)\n  const [users, setUsers] = useState(() => generateUsers(INITIAL_ITEM_COUNT, START_INDEX))\n\n  const prependItems = useCallback(() => {\n    console.log('prependItems()')\n    const usersToPrepend = 20\n    const nextFirstItemIndex = firstItemIndex - usersToPrepend\n\n    setTimeout(() => {\n      setFirstItemIndex(() => nextFirstItemIndex)\n      setUsers(() => [...generateUsers(usersToPrepend, nextFirstItemIndex), ...users])\n    }, 5)\n\n    return false\n  }, [firstItemIndex, users, setUsers])\n\n  return (\n    <Virtuoso\n      style={{ height: 500 }}\n      components={{\n        Header: () => <div style={{ textAlign: 'center', padding: '1rem' }}>Loading...</div>,\n      }}\n      firstItemIndex={firstItemIndex}\n      initialTopMostItemIndex={INITIAL_ITEM_COUNT - 1}\n      data={users}\n      startReached={prependItems}\n      itemContent={(_, user) => {\n        return (\n          <div style={{ backgroundColor: user.bgColor, padding: '1rem 0.5rem' }}>\n            <h4>\n              {user.index}. {user.name}\n            </h4>\n            <div style={{ marginTop: '1rem' }}>{user.description}</div>\n          </div>\n        )\n      }}\n    />\n  )\n}\n"]}

package/dist/benchmark.66d31485.js

@@ -0,0 +1,161 @@
+// 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;
+})({"benchmark.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; }
+
+var CONTENT = {
+  0: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nec lorem eu turpis maximus rutrum. Nullam pellentesque elementum iaculis. Phasellus interdum ultricies sodales. Morbi vehicula aliquet ligula, malesuada tempus nunc. Integer viverra nunc ac augue luctus pretium. ',
+  1: 'Morbi et suscipit nulla. Suspendisse bibendum et ligula at ullamcorper. Praesent vehicula ut velit a commodo. In sed felis sodales, efficitur sem non, sollicitudin lorem. Fusce tempus risus lacus, a finibus ligula volutpat in. Nunc tempus nulla ut enim imperdiet, ac volutpat sem tempor. Proin hendrerit fringilla lacinia. Vivamus dignissim ultricies congue. Duis purus dui, pharetra in enim vitae, dictum accumsan nisl. Sed ornare justo eu varius facilisis.',
+  2: 'Cras vel augue at lorem congue tempus. Donec convallis leo neque, eu convallis mauris pulvinar et. '
+};
+
+var itemContent = function itemContent(index) {
+  return React.createElement("div", {
+    style: {
+      borderBottom: '1px solid black',
+      padding: '1rem'
+    }
+  }, CONTENT[index % 3]);
+};
+
+function App() {
+  return React.createElement(_src.Virtuoso, {
+    totalCount: 100000,
+    initialTopMostItemIndex: 99999,
+    itemContent: itemContent,
+    style: {
+      height: '500px'
+    }
+  });
+}
+},{"react":"../node_modules/react/index.js","../src":"../src/index.tsx"}]},{},[], null)

package/dist/benchmark.66d31485.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["benchmark.tsx"],"names":[],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAEA,IAAM,OAAO,GAAG;AACd,KAAG,2RADW;AAEd,KAAG,4cAFW;AAGd,KAAG;AAHW,CAAhB;;AAMA,IAAM,WAAW,GAAG,SAAd,WAAc,CAAC,KAAD;AAAA,SAClB,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,KAAK,EAAE;AAAE,MAAA,YAAY,EAAE,iBAAhB;AAAmC,MAAA,OAAO,EAAE;AAA5C;AAAZ,GAAA,EAAmE,OAAO,CAAE,KAAK,GAAG,CAAV,CAA1E,CADkB;AAAA,CAApB;;AAIc,SAAU,GAAV,GAAa;AACzB,SAAO,KAAA,CAAA,aAAA,CAAC,aAAD,EAAS;AAAC,IAAA,UAAU,EAAE,MAAb;AAAqB,IAAA,uBAAuB,EAAE,KAA9C;AAAqD,IAAA,WAAW,EAAE,WAAlE;AAA+E,IAAA,KAAK,EAAE;AAAE,MAAA,MAAM,EAAE;AAAV;AAAtF,GAAT,CAAP;AACD","file":"benchmark.66d31485.js","sourceRoot":"../e2e","sourcesContent":["import * as React from 'react'\nimport { Virtuoso } from '../src'\n\nconst CONTENT = {\n  0: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nec lorem eu turpis maximus rutrum. Nullam pellentesque elementum iaculis. Phasellus interdum ultricies sodales. Morbi vehicula aliquet ligula, malesuada tempus nunc. Integer viverra nunc ac augue luctus pretium. ',\n  1: 'Morbi et suscipit nulla. Suspendisse bibendum et ligula at ullamcorper. Praesent vehicula ut velit a commodo. In sed felis sodales, efficitur sem non, sollicitudin lorem. Fusce tempus risus lacus, a finibus ligula volutpat in. Nunc tempus nulla ut enim imperdiet, ac volutpat sem tempor. Proin hendrerit fringilla lacinia. Vivamus dignissim ultricies congue. Duis purus dui, pharetra in enim vitae, dictum accumsan nisl. Sed ornare justo eu varius facilisis.',\n  2: 'Cras vel augue at lorem congue tempus. Donec convallis leo neque, eu convallis mauris pulvinar et. ',\n}\n\nconst itemContent = (index: number) => (\n  <div style={{ borderBottom: '1px solid black', padding: '1rem' }}>{CONTENT[(index % 3) as 0 | 1 | 2]}</div>\n)\n\nexport default function App() {\n  return <Virtuoso totalCount={100000} initialTopMostItemIndex={99999} itemContent={itemContent} style={{ height: '500px' }} />\n}\n"]}