react-virtuoso 2.2.9-beta.1 → 2.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (111) hide show
  1. package/package.json +3 -3
  2. package/dist/__examples.cc6a8f9f.js +0 -171814
  3. package/dist/__examples.cc6a8f9f.js.map +0 -1
  4. package/dist/__examples.html +0 -27
  5. package/dist/__examples.js +0 -392
  6. package/dist/__examples.js.map +0 -1
  7. package/dist/align-to-bottom.7fcd2087.js +0 -401
  8. package/dist/align-to-bottom.7fcd2087.js.map +0 -1
  9. package/dist/at-bottom-detection.a5d019c3.js +0 -447
  10. package/dist/at-bottom-detection.a5d019c3.js.map +0 -1
  11. package/dist/auto-prepend-items.bd7e9b90.js +0 -468
  12. package/dist/auto-prepend-items.bd7e9b90.js.map +0 -1
  13. package/dist/benchmark.66d31485.js +0 -366
  14. package/dist/benchmark.66d31485.js.map +0 -1
  15. package/dist/chat.d4f93b8b.js +0 -570
  16. package/dist/chat.d4f93b8b.js.map +0 -1
  17. package/dist/context.a45abc98.js +0 -379
  18. package/dist/context.a45abc98.js.map +0 -1
  19. package/dist/contextSystem.d.ts +0 -4
  20. package/dist/custom-components.5aeaa7ef.js +0 -407
  21. package/dist/custom-components.5aeaa7ef.js.map +0 -1
  22. package/dist/custom-scroller.b0240d14.js +0 -385
  23. package/dist/custom-scroller.b0240d14.js.map +0 -1
  24. package/dist/data.26707046.js +0 -391
  25. package/dist/data.26707046.js.map +0 -1
  26. package/dist/decrease-items.e2211e50.js +0 -385
  27. package/dist/decrease-items.e2211e50.js.map +0 -1
  28. package/dist/default-item-height.b77ada36.js +0 -360
  29. package/dist/default-item-height.b77ada36.js.map +0 -1
  30. package/dist/empty-placeholder.00607a6e.js +0 -390
  31. package/dist/empty-placeholder.00607a6e.js.map +0 -1
  32. package/dist/end-reached.8531e5b1.js +0 -404
  33. package/dist/end-reached.8531e5b1.js.map +0 -1
  34. package/dist/endless-scrolling.bc4101f0.js +0 -410
  35. package/dist/endless-scrolling.bc4101f0.js.map +0 -1
  36. package/dist/expandable-cards.5439f51b.js +0 -427
  37. package/dist/expandable-cards.5439f51b.js.map +0 -1
  38. package/dist/follow-output.4e36fca8.js +0 -430
  39. package/dist/follow-output.4e36fca8.js.map +0 -1
  40. package/dist/grid-optimize-rendering.b49e36f5.js +0 -452
  41. package/dist/grid-optimize-rendering.b49e36f5.js.map +0 -1
  42. package/dist/grid-scroll-seek-placeholder.b2862006.js +0 -415
  43. package/dist/grid-scroll-seek-placeholder.b2862006.js.map +0 -1
  44. package/dist/grid.d5d77b6a.js +0 -449
  45. package/dist/grid.d5d77b6a.js.map +0 -1
  46. package/dist/grouped-endless-scrolling.24985a0f.js +0 -506
  47. package/dist/grouped-endless-scrolling.24985a0f.js.map +0 -1
  48. package/dist/grouped-load-more.bce8f6e4.js +0 -505
  49. package/dist/grouped-load-more.bce8f6e4.js.map +0 -1
  50. package/dist/grouped-topmost-item.34960f5e.js +0 -366
  51. package/dist/grouped-topmost-item.34960f5e.js.map +0 -1
  52. package/dist/grouped.a2908632.js +0 -365
  53. package/dist/grouped.a2908632.js.map +0 -1
  54. package/dist/header-footer.49733d45.js +0 -376
  55. package/dist/header-footer.49733d45.js.map +0 -1
  56. package/dist/hello.54765c26.js +0 -360
  57. package/dist/hello.54765c26.js.map +0 -1
  58. package/dist/initial-from-zero.22ad1626.js +0 -400
  59. package/dist/initial-from-zero.22ad1626.js.map +0 -1
  60. package/dist/initial-scroll-top.90db1920.js +0 -361
  61. package/dist/initial-scroll-top.90db1920.js.map +0 -1
  62. package/dist/initial-topmost-item-default-height.43a95247.js +0 -362
  63. package/dist/initial-topmost-item-default-height.43a95247.js.map +0 -1
  64. package/dist/initial-topmost-item.61c0e169.js +0 -363
  65. package/dist/initial-topmost-item.61c0e169.js.map +0 -1
  66. package/dist/long-last-item.b56ff89c.js +0 -361
  67. package/dist/long-last-item.b56ff89c.js.map +0 -1
  68. package/dist/prepend-items.f2bda34b.js +0 -393
  69. package/dist/prepend-items.f2bda34b.js.map +0 -1
  70. package/dist/prepend-last-tall-item.168a9e65.js +0 -380
  71. package/dist/prepend-last-tall-item.168a9e65.js.map +0 -1
  72. package/dist/react-beautiful-dnd-window-scroller.0a227511.js +0 -485
  73. package/dist/react-beautiful-dnd-window-scroller.0a227511.js.map +0 -1
  74. package/dist/react-beautiful-dnd.817e9251.js +0 -482
  75. package/dist/react-beautiful-dnd.817e9251.js.map +0 -1
  76. package/dist/rerender.ddd61b7c.js +0 -400
  77. package/dist/rerender.ddd61b7c.js.map +0 -1
  78. package/dist/resize-loop.309b1dac.js +0 -388
  79. package/dist/resize-loop.309b1dac.js.map +0 -1
  80. package/dist/resizing-items.c09b5e1b.js +0 -394
  81. package/dist/resizing-items.c09b5e1b.js.map +0 -1
  82. package/dist/scroll-into-view.39b77fe9.js +0 -408
  83. package/dist/scroll-into-view.39b77fe9.js.map +0 -1
  84. package/dist/scroll-seek-placeholder.69fb85c6.js +0 -384
  85. package/dist/scroll-seek-placeholder.69fb85c6.js.map +0 -1
  86. package/dist/scroll-to-index.e72249cf.js +0 -417
  87. package/dist/scroll-to-index.e72249cf.js.map +0 -1
  88. package/dist/ssr.8f31b042.js +0 -359
  89. package/dist/ssr.8f31b042.js.map +0 -1
  90. package/dist/start-reached.2990ece7.js +0 -424
  91. package/dist/start-reached.2990ece7.js.map +0 -1
  92. package/dist/tall-item-reverse-scrolling.58bcd140.js +0 -363
  93. package/dist/tall-item-reverse-scrolling.58bcd140.js.map +0 -1
  94. package/dist/test-case-446.dce9595c.js +0 -428
  95. package/dist/test-case-446.dce9595c.js.map +0 -1
  96. package/dist/test-case-460.6d75ad1f.js +0 -451
  97. package/dist/test-case-460.6d75ad1f.js.map +0 -1
  98. package/dist/test-case-463.525f34ba.js +0 -375
  99. package/dist/test-case-463.525f34ba.js.map +0 -1
  100. package/dist/toggle-display-grouped.4f4ae058.js +0 -389
  101. package/dist/toggle-display-grouped.4f4ae058.js.map +0 -1
  102. package/dist/toggle.7047c23e.js +0 -447
  103. package/dist/toggle.7047c23e.js.map +0 -1
  104. package/dist/top-items.f724bf61.js +0 -358
  105. package/dist/top-items.f724bf61.js.map +0 -1
  106. package/dist/upward-scroll.d49e0815.js +0 -362
  107. package/dist/upward-scroll.d49e0815.js.map +0 -1
  108. package/dist/window-grid.b22094fd.js +0 -439
  109. package/dist/window-grid.b22094fd.js.map +0 -1
  110. package/dist/window-scroller.a979c6d6.js +0 -368
  111. package/dist/window-scroller.a979c6d6.js.map +0 -1
@@ -1,376 +0,0 @@
1
- // modules are defined as an array
2
- // [ module function, map of requires ]
3
- //
4
- // map of requires is short require name -> numeric require
5
- //
6
- // anything defined in a previous bundle is accessed via the
7
- // orig method which is the require for previous bundles
8
- parcelRequire = (function (modules, cache, entry, globalName) {
9
- // Save the require from previous bundle to this closure if any
10
- var previousRequire = typeof parcelRequire === 'function' && parcelRequire;
11
- var nodeRequire = typeof require === 'function' && require;
12
-
13
- function newRequire(name, jumped) {
14
- if (!cache[name]) {
15
- if (!modules[name]) {
16
- // if we cannot find the module within our internal map or
17
- // cache jump to the current global require ie. the last bundle
18
- // that was added to the page.
19
- var currentRequire = typeof parcelRequire === 'function' && parcelRequire;
20
- if (!jumped && currentRequire) {
21
- return currentRequire(name, true);
22
- }
23
-
24
- // If there are other bundles on this page the require from the
25
- // previous one is saved to 'previousRequire'. Repeat this as
26
- // many times as there are bundles until the module is found or
27
- // we exhaust the require chain.
28
- if (previousRequire) {
29
- return previousRequire(name, true);
30
- }
31
-
32
- // Try the node require function if it exists.
33
- if (nodeRequire && typeof name === 'string') {
34
- return nodeRequire(name);
35
- }
36
-
37
- var err = new Error('Cannot find module \'' + name + '\'');
38
- err.code = 'MODULE_NOT_FOUND';
39
- throw err;
40
- }
41
-
42
- localRequire.resolve = resolve;
43
- localRequire.cache = {};
44
-
45
- var module = cache[name] = new newRequire.Module(name);
46
-
47
- modules[name][0].call(module.exports, localRequire, module, module.exports, this);
48
- }
49
-
50
- return cache[name].exports;
51
-
52
- function localRequire(x){
53
- return newRequire(localRequire.resolve(x));
54
- }
55
-
56
- function resolve(x){
57
- return modules[name][1][x] || x;
58
- }
59
- }
60
-
61
- function Module(moduleName) {
62
- this.id = moduleName;
63
- this.bundle = newRequire;
64
- this.exports = {};
65
- }
66
-
67
- newRequire.isParcelRequire = true;
68
- newRequire.Module = Module;
69
- newRequire.modules = modules;
70
- newRequire.cache = cache;
71
- newRequire.parent = previousRequire;
72
- newRequire.register = function (id, exports) {
73
- modules[id] = [function (require, module) {
74
- module.exports = exports;
75
- }, {}];
76
- };
77
-
78
- var error;
79
- for (var i = 0; i < entry.length; i++) {
80
- try {
81
- newRequire(entry[i]);
82
- } catch (e) {
83
- // Save first error but execute all entries
84
- if (!error) {
85
- error = e;
86
- }
87
- }
88
- }
89
-
90
- if (entry.length) {
91
- // Expose entry point to Node, AMD or browser globals
92
- // Based on https://github.com/ForbesLindesay/umd/blob/master/template.js
93
- var mainExports = newRequire(entry[entry.length - 1]);
94
-
95
- // CommonJS
96
- if (typeof exports === "object" && typeof module !== "undefined") {
97
- module.exports = mainExports;
98
-
99
- // RequireJS
100
- } else if (typeof define === "function" && define.amd) {
101
- define(function () {
102
- return mainExports;
103
- });
104
-
105
- // <script>
106
- } else if (globalName) {
107
- this[globalName] = mainExports;
108
- }
109
- }
110
-
111
- // Override the current require with this new one
112
- parcelRequire = newRequire;
113
-
114
- if (error) {
115
- // throw error from earlier, _after updating parcelRequire_
116
- throw error;
117
- }
118
-
119
- return newRequire;
120
- })({"header-footer.tsx":[function(require,module,exports) {
121
- "use strict";
122
-
123
- Object.defineProperty(exports, "__esModule", {
124
- value: true
125
- });
126
- exports.default = App;
127
-
128
- var React = _interopRequireWildcard(require("react"));
129
-
130
- var _src = require("../src");
131
-
132
- function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
133
-
134
- 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; }
135
-
136
- function App() {
137
- return React.createElement(_src.Virtuoso, {
138
- totalCount: 100,
139
- topItemCount: 1,
140
- components: {
141
- Header: function Header() {
142
- return React.createElement("div", {
143
- style: {
144
- height: 150
145
- }
146
- }, "Header");
147
- },
148
- Footer: function Footer() {
149
- return React.createElement("div", {
150
- style: {
151
- height: 60
152
- }
153
- }, "Footer");
154
- }
155
- },
156
- itemContent: function itemContent(index) {
157
- return React.createElement("div", {
158
- style: {
159
- height: 100,
160
- padding: '100px 0px',
161
- background: 'gray'
162
- }
163
- }, "Item ", index);
164
- },
165
- style: {
166
- height: 600
167
- },
168
- overscan: 150
169
- });
170
- }
171
- },{"react":"../node_modules/react/index.js","../src":"../src/index.tsx"}],"../node_modules/parcel-bundler/src/builtins/hmr-runtime.js":[function(require,module,exports) {
172
- var global = arguments[3];
173
- var OVERLAY_ID = '__parcel__error__overlay__';
174
- var OldModule = module.bundle.Module;
175
-
176
- function Module(moduleName) {
177
- OldModule.call(this, moduleName);
178
- this.hot = {
179
- data: module.bundle.hotData,
180
- _acceptCallbacks: [],
181
- _disposeCallbacks: [],
182
- accept: function (fn) {
183
- this._acceptCallbacks.push(fn || function () {});
184
- },
185
- dispose: function (fn) {
186
- this._disposeCallbacks.push(fn);
187
- }
188
- };
189
- module.bundle.hotData = null;
190
- }
191
-
192
- module.bundle.Module = Module;
193
- var checkedAssets, assetsToAccept;
194
- var parent = module.bundle.parent;
195
-
196
- if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {
197
- var hostname = "" || location.hostname;
198
- var protocol = location.protocol === 'https:' ? 'wss' : 'ws';
199
- var ws = new WebSocket(protocol + '://' + hostname + ':' + "65171" + '/');
200
-
201
- ws.onmessage = function (event) {
202
- checkedAssets = {};
203
- assetsToAccept = [];
204
- var data = JSON.parse(event.data);
205
-
206
- if (data.type === 'update') {
207
- var handled = false;
208
- data.assets.forEach(function (asset) {
209
- if (!asset.isNew) {
210
- var didAccept = hmrAcceptCheck(global.parcelRequire, asset.id);
211
-
212
- if (didAccept) {
213
- handled = true;
214
- }
215
- }
216
- }); // Enable HMR for CSS by default.
217
-
218
- handled = handled || data.assets.every(function (asset) {
219
- return asset.type === 'css' && asset.generated.js;
220
- });
221
-
222
- if (handled) {
223
- console.clear();
224
- data.assets.forEach(function (asset) {
225
- hmrApply(global.parcelRequire, asset);
226
- });
227
- assetsToAccept.forEach(function (v) {
228
- hmrAcceptRun(v[0], v[1]);
229
- });
230
- } else if (location.reload) {
231
- // `location` global exists in a web worker context but lacks `.reload()` function.
232
- location.reload();
233
- }
234
- }
235
-
236
- if (data.type === 'reload') {
237
- ws.close();
238
-
239
- ws.onclose = function () {
240
- location.reload();
241
- };
242
- }
243
-
244
- if (data.type === 'error-resolved') {
245
- console.log('[parcel] ✨ Error resolved');
246
- removeErrorOverlay();
247
- }
248
-
249
- if (data.type === 'error') {
250
- console.error('[parcel] 🚨 ' + data.error.message + '\n' + data.error.stack);
251
- removeErrorOverlay();
252
- var overlay = createErrorOverlay(data);
253
- document.body.appendChild(overlay);
254
- }
255
- };
256
- }
257
-
258
- function removeErrorOverlay() {
259
- var overlay = document.getElementById(OVERLAY_ID);
260
-
261
- if (overlay) {
262
- overlay.remove();
263
- }
264
- }
265
-
266
- function createErrorOverlay(data) {
267
- var overlay = document.createElement('div');
268
- overlay.id = OVERLAY_ID; // html encode message and stack trace
269
-
270
- var message = document.createElement('div');
271
- var stackTrace = document.createElement('pre');
272
- message.innerText = data.error.message;
273
- stackTrace.innerText = data.error.stack;
274
- overlay.innerHTML = '<div style="background: black; font-size: 16px; color: white; position: fixed; height: 100%; width: 100%; top: 0px; left: 0px; padding: 30px; opacity: 0.85; font-family: Menlo, Consolas, monospace; z-index: 9999;">' + '<span style="background: red; padding: 2px 4px; border-radius: 2px;">ERROR</span>' + '<span style="top: 2px; margin-left: 5px; position: relative;">🚨</span>' + '<div style="font-size: 18px; font-weight: bold; margin-top: 20px;">' + message.innerHTML + '</div>' + '<pre>' + stackTrace.innerHTML + '</pre>' + '</div>';
275
- return overlay;
276
- }
277
-
278
- function getParents(bundle, id) {
279
- var modules = bundle.modules;
280
-
281
- if (!modules) {
282
- return [];
283
- }
284
-
285
- var parents = [];
286
- var k, d, dep;
287
-
288
- for (k in modules) {
289
- for (d in modules[k][1]) {
290
- dep = modules[k][1][d];
291
-
292
- if (dep === id || Array.isArray(dep) && dep[dep.length - 1] === id) {
293
- parents.push(k);
294
- }
295
- }
296
- }
297
-
298
- if (bundle.parent) {
299
- parents = parents.concat(getParents(bundle.parent, id));
300
- }
301
-
302
- return parents;
303
- }
304
-
305
- function hmrApply(bundle, asset) {
306
- var modules = bundle.modules;
307
-
308
- if (!modules) {
309
- return;
310
- }
311
-
312
- if (modules[asset.id] || !bundle.parent) {
313
- var fn = new Function('require', 'module', 'exports', asset.generated.js);
314
- asset.isNew = !modules[asset.id];
315
- modules[asset.id] = [fn, asset.deps];
316
- } else if (bundle.parent) {
317
- hmrApply(bundle.parent, asset);
318
- }
319
- }
320
-
321
- function hmrAcceptCheck(bundle, id) {
322
- var modules = bundle.modules;
323
-
324
- if (!modules) {
325
- return;
326
- }
327
-
328
- if (!modules[id] && bundle.parent) {
329
- return hmrAcceptCheck(bundle.parent, id);
330
- }
331
-
332
- if (checkedAssets[id]) {
333
- return;
334
- }
335
-
336
- checkedAssets[id] = true;
337
- var cached = bundle.cache[id];
338
- assetsToAccept.push([bundle, id]);
339
-
340
- if (cached && cached.hot && cached.hot._acceptCallbacks.length) {
341
- return true;
342
- }
343
-
344
- return getParents(global.parcelRequire, id).some(function (id) {
345
- return hmrAcceptCheck(global.parcelRequire, id);
346
- });
347
- }
348
-
349
- function hmrAcceptRun(bundle, id) {
350
- var cached = bundle.cache[id];
351
- bundle.hotData = {};
352
-
353
- if (cached) {
354
- cached.hot.data = bundle.hotData;
355
- }
356
-
357
- if (cached && cached.hot && cached.hot._disposeCallbacks.length) {
358
- cached.hot._disposeCallbacks.forEach(function (cb) {
359
- cb(bundle.hotData);
360
- });
361
- }
362
-
363
- delete bundle.cache[id];
364
- bundle(id);
365
- cached = bundle.cache[id];
366
-
367
- if (cached && cached.hot && cached.hot._acceptCallbacks.length) {
368
- cached.hot._acceptCallbacks.forEach(function (cb) {
369
- cb();
370
- });
371
-
372
- return true;
373
- }
374
- }
375
- },{}]},{},["../node_modules/parcel-bundler/src/builtins/hmr-runtime.js"], null)
376
- //# sourceMappingURL=/header-footer.49733d45.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["header-footer.tsx"],"names":[],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAEc,SAAU,GAAV,GAAa;AACzB,SACE,KAAA,CAAA,aAAA,CAAC,aAAD,EAAS;AACP,IAAA,UAAU,EAAE,GADL;AAEP,IAAA,YAAY,EAAE,CAFP;AAGP,IAAA,UAAU,EAAE;AACV,MAAA,MAAM,EAAE;AAAA,eAAM,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,UAAA,KAAK,EAAE;AAAE,YAAA,MAAM,EAAE;AAAV;AAAZ,SAAA,EAA2B,QAA3B,CAAN;AAAA,OADE;AAEV,MAAA,MAAM,EAAE;AAAA,eAAM,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,UAAA,KAAK,EAAE;AAAE,YAAA,MAAM,EAAE;AAAV;AAAZ,SAAA,EAA0B,QAA1B,CAAN;AAAA;AAFE,KAHL;AAOP,IAAA,WAAW,EAAE,qBAAC,KAAD;AAAA,aAAW,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,QAAA,KAAK,EAAE;AAAE,UAAA,MAAM,EAAE,GAAV;AAAe,UAAA,OAAO,EAAE,WAAxB;AAAqC,UAAA,UAAU,EAAE;AAAjD;AAAZ,OAAA,SAAA,EAA6E,KAA7E,CAAX;AAAA,KAPN;AAQP,IAAA,KAAK,EAAE;AAAE,MAAA,MAAM,EAAE;AAAV,KARA;AASP,IAAA,QAAQ,EAAE;AATH,GAAT,CADF;AAaD","file":"header-footer.49733d45.js","sourceRoot":"../e2e","sourcesContent":["import * as React from 'react'\nimport { Virtuoso } from '../src'\n\nexport default function App() {\n return (\n <Virtuoso\n totalCount={100}\n topItemCount={1}\n components={{\n Header: () => <div style={{ height: 150 }}>Header</div>,\n Footer: () => <div style={{ height: 60 }}>Footer</div>,\n }}\n itemContent={(index) => <div style={{ height: 100, padding: '100px 0px', background: 'gray' }}>Item {index}</div>}\n style={{ height: 600 }}\n overscan={150}\n />\n )\n}\n"]}