react-virtuoso 2.2.9-beta.1 → 2.3.3

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 (139) hide show
  1. package/dist/Grid.d.ts +32 -32
  2. package/dist/List.d.ts +245 -41
  3. package/dist/alignToBottomSystem.d.ts +25 -1
  4. package/dist/domIOSystem.d.ts +1 -0
  5. package/dist/followOutputSystem.d.ts +15 -1
  6. package/dist/gridSystem.d.ts +26 -30
  7. package/dist/groupedListSystem.d.ts +2 -0
  8. package/dist/hooks/__mocks__/useScrollTop.d.ts +1 -1
  9. package/dist/hooks/useChangedChildSizes.d.ts +1 -1
  10. package/dist/hooks/useScrollTop.d.ts +1 -1
  11. package/dist/index.js +1 -1
  12. package/dist/index.js.map +1 -1
  13. package/dist/index.m.js +1 -1
  14. package/dist/index.m.js.map +1 -1
  15. package/dist/initialItemCountSystem.d.ts +21 -1
  16. package/dist/initialScrollTopSystem.d.ts +25 -1
  17. package/dist/initialTopMostItemIndexSystem.d.ts +4 -0
  18. package/dist/listStateSystem.d.ts +19 -1
  19. package/dist/listSystem.d.ts +232 -38
  20. package/dist/scrollIntoViewSystem.d.ts +25 -1
  21. package/dist/scrollSeekSystem.d.ts +52 -69
  22. package/dist/scrollToIndexSystem.d.ts +2 -0
  23. package/dist/sizeRangeSystem.d.ts +2 -0
  24. package/dist/stateFlagsSystem.d.ts +10 -2
  25. package/dist/topItemCountSystem.d.ts +21 -1
  26. package/dist/totalListHeightSystem.d.ts +23 -1
  27. package/dist/upwardScrollFixSystem.d.ts +31 -3
  28. package/dist/windowScrollerSystem.d.ts +2 -0
  29. package/package.json +3 -3
  30. package/dist/__examples.cc6a8f9f.js +0 -171814
  31. package/dist/__examples.cc6a8f9f.js.map +0 -1
  32. package/dist/__examples.html +0 -27
  33. package/dist/__examples.js +0 -392
  34. package/dist/__examples.js.map +0 -1
  35. package/dist/align-to-bottom.7fcd2087.js +0 -401
  36. package/dist/align-to-bottom.7fcd2087.js.map +0 -1
  37. package/dist/at-bottom-detection.a5d019c3.js +0 -447
  38. package/dist/at-bottom-detection.a5d019c3.js.map +0 -1
  39. package/dist/auto-prepend-items.bd7e9b90.js +0 -468
  40. package/dist/auto-prepend-items.bd7e9b90.js.map +0 -1
  41. package/dist/benchmark.66d31485.js +0 -366
  42. package/dist/benchmark.66d31485.js.map +0 -1
  43. package/dist/chat.d4f93b8b.js +0 -570
  44. package/dist/chat.d4f93b8b.js.map +0 -1
  45. package/dist/context.a45abc98.js +0 -379
  46. package/dist/context.a45abc98.js.map +0 -1
  47. package/dist/contextSystem.d.ts +0 -4
  48. package/dist/custom-components.5aeaa7ef.js +0 -407
  49. package/dist/custom-components.5aeaa7ef.js.map +0 -1
  50. package/dist/custom-scroller.b0240d14.js +0 -385
  51. package/dist/custom-scroller.b0240d14.js.map +0 -1
  52. package/dist/data.26707046.js +0 -391
  53. package/dist/data.26707046.js.map +0 -1
  54. package/dist/decrease-items.e2211e50.js +0 -385
  55. package/dist/decrease-items.e2211e50.js.map +0 -1
  56. package/dist/default-item-height.b77ada36.js +0 -360
  57. package/dist/default-item-height.b77ada36.js.map +0 -1
  58. package/dist/empty-placeholder.00607a6e.js +0 -390
  59. package/dist/empty-placeholder.00607a6e.js.map +0 -1
  60. package/dist/end-reached.8531e5b1.js +0 -404
  61. package/dist/end-reached.8531e5b1.js.map +0 -1
  62. package/dist/endless-scrolling.bc4101f0.js +0 -410
  63. package/dist/endless-scrolling.bc4101f0.js.map +0 -1
  64. package/dist/expandable-cards.5439f51b.js +0 -427
  65. package/dist/expandable-cards.5439f51b.js.map +0 -1
  66. package/dist/follow-output.4e36fca8.js +0 -430
  67. package/dist/follow-output.4e36fca8.js.map +0 -1
  68. package/dist/grid-optimize-rendering.b49e36f5.js +0 -452
  69. package/dist/grid-optimize-rendering.b49e36f5.js.map +0 -1
  70. package/dist/grid-scroll-seek-placeholder.b2862006.js +0 -415
  71. package/dist/grid-scroll-seek-placeholder.b2862006.js.map +0 -1
  72. package/dist/grid.d5d77b6a.js +0 -449
  73. package/dist/grid.d5d77b6a.js.map +0 -1
  74. package/dist/grouped-endless-scrolling.24985a0f.js +0 -506
  75. package/dist/grouped-endless-scrolling.24985a0f.js.map +0 -1
  76. package/dist/grouped-load-more.bce8f6e4.js +0 -505
  77. package/dist/grouped-load-more.bce8f6e4.js.map +0 -1
  78. package/dist/grouped-topmost-item.34960f5e.js +0 -366
  79. package/dist/grouped-topmost-item.34960f5e.js.map +0 -1
  80. package/dist/grouped.a2908632.js +0 -365
  81. package/dist/grouped.a2908632.js.map +0 -1
  82. package/dist/header-footer.49733d45.js +0 -376
  83. package/dist/header-footer.49733d45.js.map +0 -1
  84. package/dist/hello.54765c26.js +0 -360
  85. package/dist/hello.54765c26.js.map +0 -1
  86. package/dist/initial-from-zero.22ad1626.js +0 -400
  87. package/dist/initial-from-zero.22ad1626.js.map +0 -1
  88. package/dist/initial-scroll-top.90db1920.js +0 -361
  89. package/dist/initial-scroll-top.90db1920.js.map +0 -1
  90. package/dist/initial-topmost-item-default-height.43a95247.js +0 -362
  91. package/dist/initial-topmost-item-default-height.43a95247.js.map +0 -1
  92. package/dist/initial-topmost-item.61c0e169.js +0 -363
  93. package/dist/initial-topmost-item.61c0e169.js.map +0 -1
  94. package/dist/long-last-item.b56ff89c.js +0 -361
  95. package/dist/long-last-item.b56ff89c.js.map +0 -1
  96. package/dist/prepend-items.f2bda34b.js +0 -393
  97. package/dist/prepend-items.f2bda34b.js.map +0 -1
  98. package/dist/prepend-last-tall-item.168a9e65.js +0 -380
  99. package/dist/prepend-last-tall-item.168a9e65.js.map +0 -1
  100. package/dist/react-beautiful-dnd-window-scroller.0a227511.js +0 -485
  101. package/dist/react-beautiful-dnd-window-scroller.0a227511.js.map +0 -1
  102. package/dist/react-beautiful-dnd.817e9251.js +0 -482
  103. package/dist/react-beautiful-dnd.817e9251.js.map +0 -1
  104. package/dist/rerender.ddd61b7c.js +0 -400
  105. package/dist/rerender.ddd61b7c.js.map +0 -1
  106. package/dist/resize-loop.309b1dac.js +0 -388
  107. package/dist/resize-loop.309b1dac.js.map +0 -1
  108. package/dist/resizing-items.c09b5e1b.js +0 -394
  109. package/dist/resizing-items.c09b5e1b.js.map +0 -1
  110. package/dist/scroll-into-view.39b77fe9.js +0 -408
  111. package/dist/scroll-into-view.39b77fe9.js.map +0 -1
  112. package/dist/scroll-seek-placeholder.69fb85c6.js +0 -384
  113. package/dist/scroll-seek-placeholder.69fb85c6.js.map +0 -1
  114. package/dist/scroll-to-index.e72249cf.js +0 -417
  115. package/dist/scroll-to-index.e72249cf.js.map +0 -1
  116. package/dist/ssr.8f31b042.js +0 -359
  117. package/dist/ssr.8f31b042.js.map +0 -1
  118. package/dist/start-reached.2990ece7.js +0 -424
  119. package/dist/start-reached.2990ece7.js.map +0 -1
  120. package/dist/tall-item-reverse-scrolling.58bcd140.js +0 -363
  121. package/dist/tall-item-reverse-scrolling.58bcd140.js.map +0 -1
  122. package/dist/test-case-446.dce9595c.js +0 -428
  123. package/dist/test-case-446.dce9595c.js.map +0 -1
  124. package/dist/test-case-460.6d75ad1f.js +0 -451
  125. package/dist/test-case-460.6d75ad1f.js.map +0 -1
  126. package/dist/test-case-463.525f34ba.js +0 -375
  127. package/dist/test-case-463.525f34ba.js.map +0 -1
  128. package/dist/toggle-display-grouped.4f4ae058.js +0 -389
  129. package/dist/toggle-display-grouped.4f4ae058.js.map +0 -1
  130. package/dist/toggle.7047c23e.js +0 -447
  131. package/dist/toggle.7047c23e.js.map +0 -1
  132. package/dist/top-items.f724bf61.js +0 -358
  133. package/dist/top-items.f724bf61.js.map +0 -1
  134. package/dist/upward-scroll.d49e0815.js +0 -362
  135. package/dist/upward-scroll.d49e0815.js.map +0 -1
  136. package/dist/window-grid.b22094fd.js +0 -439
  137. package/dist/window-grid.b22094fd.js.map +0 -1
  138. package/dist/window-scroller.a979c6d6.js +0 -368
  139. package/dist/window-scroller.a979c6d6.js.map +0 -1
@@ -1,359 +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
- })({"ssr.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
- initialItemCount: 30,
139
- data: Array.from({
140
- length: 100
141
- }, function (_, index) {
142
- return {
143
- text: "Item ".concat(index)
144
- };
145
- }),
146
- itemContent: function itemContent(_, item) {
147
- return React.createElement("div", null, item.text);
148
- },
149
- style: {
150
- height: 300
151
- }
152
- });
153
- }
154
- },{"react":"../node_modules/react/index.js","../src/":"../src/index.tsx"}],"../node_modules/parcel-bundler/src/builtins/hmr-runtime.js":[function(require,module,exports) {
155
- var global = arguments[3];
156
- var OVERLAY_ID = '__parcel__error__overlay__';
157
- var OldModule = module.bundle.Module;
158
-
159
- function Module(moduleName) {
160
- OldModule.call(this, moduleName);
161
- this.hot = {
162
- data: module.bundle.hotData,
163
- _acceptCallbacks: [],
164
- _disposeCallbacks: [],
165
- accept: function (fn) {
166
- this._acceptCallbacks.push(fn || function () {});
167
- },
168
- dispose: function (fn) {
169
- this._disposeCallbacks.push(fn);
170
- }
171
- };
172
- module.bundle.hotData = null;
173
- }
174
-
175
- module.bundle.Module = Module;
176
- var checkedAssets, assetsToAccept;
177
- var parent = module.bundle.parent;
178
-
179
- if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {
180
- var hostname = "" || location.hostname;
181
- var protocol = location.protocol === 'https:' ? 'wss' : 'ws';
182
- var ws = new WebSocket(protocol + '://' + hostname + ':' + "65171" + '/');
183
-
184
- ws.onmessage = function (event) {
185
- checkedAssets = {};
186
- assetsToAccept = [];
187
- var data = JSON.parse(event.data);
188
-
189
- if (data.type === 'update') {
190
- var handled = false;
191
- data.assets.forEach(function (asset) {
192
- if (!asset.isNew) {
193
- var didAccept = hmrAcceptCheck(global.parcelRequire, asset.id);
194
-
195
- if (didAccept) {
196
- handled = true;
197
- }
198
- }
199
- }); // Enable HMR for CSS by default.
200
-
201
- handled = handled || data.assets.every(function (asset) {
202
- return asset.type === 'css' && asset.generated.js;
203
- });
204
-
205
- if (handled) {
206
- console.clear();
207
- data.assets.forEach(function (asset) {
208
- hmrApply(global.parcelRequire, asset);
209
- });
210
- assetsToAccept.forEach(function (v) {
211
- hmrAcceptRun(v[0], v[1]);
212
- });
213
- } else if (location.reload) {
214
- // `location` global exists in a web worker context but lacks `.reload()` function.
215
- location.reload();
216
- }
217
- }
218
-
219
- if (data.type === 'reload') {
220
- ws.close();
221
-
222
- ws.onclose = function () {
223
- location.reload();
224
- };
225
- }
226
-
227
- if (data.type === 'error-resolved') {
228
- console.log('[parcel] ✨ Error resolved');
229
- removeErrorOverlay();
230
- }
231
-
232
- if (data.type === 'error') {
233
- console.error('[parcel] 🚨 ' + data.error.message + '\n' + data.error.stack);
234
- removeErrorOverlay();
235
- var overlay = createErrorOverlay(data);
236
- document.body.appendChild(overlay);
237
- }
238
- };
239
- }
240
-
241
- function removeErrorOverlay() {
242
- var overlay = document.getElementById(OVERLAY_ID);
243
-
244
- if (overlay) {
245
- overlay.remove();
246
- }
247
- }
248
-
249
- function createErrorOverlay(data) {
250
- var overlay = document.createElement('div');
251
- overlay.id = OVERLAY_ID; // html encode message and stack trace
252
-
253
- var message = document.createElement('div');
254
- var stackTrace = document.createElement('pre');
255
- message.innerText = data.error.message;
256
- stackTrace.innerText = data.error.stack;
257
- 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>';
258
- return overlay;
259
- }
260
-
261
- function getParents(bundle, id) {
262
- var modules = bundle.modules;
263
-
264
- if (!modules) {
265
- return [];
266
- }
267
-
268
- var parents = [];
269
- var k, d, dep;
270
-
271
- for (k in modules) {
272
- for (d in modules[k][1]) {
273
- dep = modules[k][1][d];
274
-
275
- if (dep === id || Array.isArray(dep) && dep[dep.length - 1] === id) {
276
- parents.push(k);
277
- }
278
- }
279
- }
280
-
281
- if (bundle.parent) {
282
- parents = parents.concat(getParents(bundle.parent, id));
283
- }
284
-
285
- return parents;
286
- }
287
-
288
- function hmrApply(bundle, asset) {
289
- var modules = bundle.modules;
290
-
291
- if (!modules) {
292
- return;
293
- }
294
-
295
- if (modules[asset.id] || !bundle.parent) {
296
- var fn = new Function('require', 'module', 'exports', asset.generated.js);
297
- asset.isNew = !modules[asset.id];
298
- modules[asset.id] = [fn, asset.deps];
299
- } else if (bundle.parent) {
300
- hmrApply(bundle.parent, asset);
301
- }
302
- }
303
-
304
- function hmrAcceptCheck(bundle, id) {
305
- var modules = bundle.modules;
306
-
307
- if (!modules) {
308
- return;
309
- }
310
-
311
- if (!modules[id] && bundle.parent) {
312
- return hmrAcceptCheck(bundle.parent, id);
313
- }
314
-
315
- if (checkedAssets[id]) {
316
- return;
317
- }
318
-
319
- checkedAssets[id] = true;
320
- var cached = bundle.cache[id];
321
- assetsToAccept.push([bundle, id]);
322
-
323
- if (cached && cached.hot && cached.hot._acceptCallbacks.length) {
324
- return true;
325
- }
326
-
327
- return getParents(global.parcelRequire, id).some(function (id) {
328
- return hmrAcceptCheck(global.parcelRequire, id);
329
- });
330
- }
331
-
332
- function hmrAcceptRun(bundle, id) {
333
- var cached = bundle.cache[id];
334
- bundle.hotData = {};
335
-
336
- if (cached) {
337
- cached.hot.data = bundle.hotData;
338
- }
339
-
340
- if (cached && cached.hot && cached.hot._disposeCallbacks.length) {
341
- cached.hot._disposeCallbacks.forEach(function (cb) {
342
- cb(bundle.hotData);
343
- });
344
- }
345
-
346
- delete bundle.cache[id];
347
- bundle(id);
348
- cached = bundle.cache[id];
349
-
350
- if (cached && cached.hot && cached.hot._acceptCallbacks.length) {
351
- cached.hot._acceptCallbacks.forEach(function (cb) {
352
- cb();
353
- });
354
-
355
- return true;
356
- }
357
- }
358
- },{}]},{},["../node_modules/parcel-bundler/src/builtins/hmr-runtime.js"], null)
359
- //# sourceMappingURL=/ssr.8f31b042.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["ssr.tsx"],"names":[],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAEc,SAAU,GAAV,GAAa;AACzB,SACE,KAAA,CAAA,aAAA,CAAC,aAAD,EAAS;AACP,IAAA,gBAAgB,EAAE,EADX;AAEP,IAAA,IAAI,EAAE,KAAK,CAAC,IAAN,CAAW;AAAE,MAAA,MAAM,EAAE;AAAV,KAAX,EAA4B,UAAC,CAAD,EAAI,KAAJ,EAAa;AAC7C,aAAO;AAAE,QAAA,IAAI,iBAAU,KAAV;AAAN,OAAP;AACD,KAFK,CAFC;AAKP,IAAA,WAAW,EAAE,qBAAC,CAAD,EAAI,IAAJ;AAAA,aAAa,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,EAAM,IAAI,CAAC,IAAX,CAAb;AAAA,KALN;AAMP,IAAA,KAAK,EAAE;AAAE,MAAA,MAAM,EAAE;AAAV;AANA,GAAT,CADF;AAUD","file":"ssr.8f31b042.js","sourceRoot":"../e2e","sourcesContent":["import * as React from 'react'\nimport { Virtuoso } from '../src/'\n\nexport default function App() {\n return (\n <Virtuoso\n initialItemCount={30}\n data={Array.from({ length: 100 }, (_, index) => {\n return { text: `Item ${index}` }\n })}\n itemContent={(_, item) => <div>{item.text}</div>}\n style={{ height: 300 }}\n />\n )\n}\n"]}