react-virtuoso 2.2.6-beta.2 → 2.2.6

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 (102) hide show
  1. package/package.json +1 -1
  2. package/dist/__examples.cc6a8f9f.js +0 -162195
  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 -196
  8. package/dist/align-to-bottom.7fcd2087.js.map +0 -1
  9. package/dist/auto-prepend-items.bd7e9b90.js +0 -263
  10. package/dist/auto-prepend-items.bd7e9b90.js.map +0 -1
  11. package/dist/benchmark.66d31485.js +0 -161
  12. package/dist/benchmark.66d31485.js.map +0 -1
  13. package/dist/chat.d4f93b8b.js +0 -365
  14. package/dist/chat.d4f93b8b.js.map +0 -1
  15. package/dist/custom-components.5aeaa7ef.js +0 -202
  16. package/dist/custom-components.5aeaa7ef.js.map +0 -1
  17. package/dist/custom-scroller.b0240d14.js +0 -180
  18. package/dist/custom-scroller.b0240d14.js.map +0 -1
  19. package/dist/data.26707046.js +0 -186
  20. package/dist/data.26707046.js.map +0 -1
  21. package/dist/decrease-items.e2211e50.js +0 -180
  22. package/dist/decrease-items.e2211e50.js.map +0 -1
  23. package/dist/default-item-height.b77ada36.js +0 -155
  24. package/dist/default-item-height.b77ada36.js.map +0 -1
  25. package/dist/empty-placeholder.00607a6e.js +0 -185
  26. package/dist/empty-placeholder.00607a6e.js.map +0 -1
  27. package/dist/end-reached.8531e5b1.js +0 -199
  28. package/dist/end-reached.8531e5b1.js.map +0 -1
  29. package/dist/endless-scrolling.bc4101f0.js +0 -205
  30. package/dist/endless-scrolling.bc4101f0.js.map +0 -1
  31. package/dist/expandable-cards.5439f51b.js +0 -222
  32. package/dist/expandable-cards.5439f51b.js.map +0 -1
  33. package/dist/follow-output.4e36fca8.js +0 -225
  34. package/dist/follow-output.4e36fca8.js.map +0 -1
  35. package/dist/grid-optimize-rendering.b49e36f5.js +0 -247
  36. package/dist/grid-optimize-rendering.b49e36f5.js.map +0 -1
  37. package/dist/grid.d5d77b6a.js +0 -244
  38. package/dist/grid.d5d77b6a.js.map +0 -1
  39. package/dist/grouped-endless-scrolling.24985a0f.js +0 -301
  40. package/dist/grouped-endless-scrolling.24985a0f.js.map +0 -1
  41. package/dist/grouped-load-more.bce8f6e4.js +0 -300
  42. package/dist/grouped-load-more.bce8f6e4.js.map +0 -1
  43. package/dist/grouped-topmost-item.34960f5e.js +0 -161
  44. package/dist/grouped-topmost-item.34960f5e.js.map +0 -1
  45. package/dist/grouped.a2908632.js +0 -160
  46. package/dist/grouped.a2908632.js.map +0 -1
  47. package/dist/header-footer.49733d45.js +0 -171
  48. package/dist/header-footer.49733d45.js.map +0 -1
  49. package/dist/hello.54765c26.js +0 -155
  50. package/dist/hello.54765c26.js.map +0 -1
  51. package/dist/initial-from-zero.22ad1626.js +0 -195
  52. package/dist/initial-from-zero.22ad1626.js.map +0 -1
  53. package/dist/initial-scroll-top.90db1920.js +0 -156
  54. package/dist/initial-scroll-top.90db1920.js.map +0 -1
  55. package/dist/initial-topmost-item-default-height.43a95247.js +0 -157
  56. package/dist/initial-topmost-item-default-height.43a95247.js.map +0 -1
  57. package/dist/initial-topmost-item.61c0e169.js +0 -158
  58. package/dist/initial-topmost-item.61c0e169.js.map +0 -1
  59. package/dist/long-last-item.b56ff89c.js +0 -157
  60. package/dist/long-last-item.b56ff89c.js.map +0 -1
  61. package/dist/prepend-items.f2bda34b.js +0 -188
  62. package/dist/prepend-items.f2bda34b.js.map +0 -1
  63. package/dist/prepend-last-tall-item.168a9e65.js +0 -175
  64. package/dist/prepend-last-tall-item.168a9e65.js.map +0 -1
  65. package/dist/react-beautiful-dnd-window-scroller.0a227511.js +0 -280
  66. package/dist/react-beautiful-dnd-window-scroller.0a227511.js.map +0 -1
  67. package/dist/react-beautiful-dnd.817e9251.js +0 -277
  68. package/dist/react-beautiful-dnd.817e9251.js.map +0 -1
  69. package/dist/rerender.ddd61b7c.js +0 -195
  70. package/dist/rerender.ddd61b7c.js.map +0 -1
  71. package/dist/resize-loop.309b1dac.js +0 -183
  72. package/dist/resize-loop.309b1dac.js.map +0 -1
  73. package/dist/resizing-items.c09b5e1b.js +0 -189
  74. package/dist/resizing-items.c09b5e1b.js.map +0 -1
  75. package/dist/scroll-into-view.39b77fe9.js +0 -203
  76. package/dist/scroll-into-view.39b77fe9.js.map +0 -1
  77. package/dist/scroll-seek-placeholder.69fb85c6.js +0 -179
  78. package/dist/scroll-seek-placeholder.69fb85c6.js.map +0 -1
  79. package/dist/scroll-to-index.e72249cf.js +0 -212
  80. package/dist/scroll-to-index.e72249cf.js.map +0 -1
  81. package/dist/ssr.8f31b042.js +0 -154
  82. package/dist/ssr.8f31b042.js.map +0 -1
  83. package/dist/start-reached.2990ece7.js +0 -219
  84. package/dist/start-reached.2990ece7.js.map +0 -1
  85. package/dist/tall-item-reverse-scrolling.58bcd140.js +0 -158
  86. package/dist/tall-item-reverse-scrolling.58bcd140.js.map +0 -1
  87. package/dist/test-case-446.dce9595c.js +0 -223
  88. package/dist/test-case-446.dce9595c.js.map +0 -1
  89. package/dist/test-case-460.6d75ad1f.js +0 -246
  90. package/dist/test-case-460.6d75ad1f.js.map +0 -1
  91. package/dist/test-case-463.525f34ba.js +0 -170
  92. package/dist/test-case-463.525f34ba.js.map +0 -1
  93. package/dist/toggle-display-grouped.4f4ae058.js +0 -184
  94. package/dist/toggle-display-grouped.4f4ae058.js.map +0 -1
  95. package/dist/top-items.f724bf61.js +0 -153
  96. package/dist/top-items.f724bf61.js.map +0 -1
  97. package/dist/upward-scroll.d49e0815.js +0 -157
  98. package/dist/upward-scroll.d49e0815.js.map +0 -1
  99. package/dist/window-grid.b22094fd.js +0 -234
  100. package/dist/window-grid.b22094fd.js.map +0 -1
  101. package/dist/window-scroller.a979c6d6.js +0 -163
  102. package/dist/window-scroller.a979c6d6.js.map +0 -1
@@ -1,280 +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
- })({"react-beautiful-dnd-window-scroller.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 _reactBeautifulDnd = require("react-beautiful-dnd");
131
-
132
- var _src = require("../src");
133
-
134
- function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
135
-
136
- 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; }
137
-
138
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
139
-
140
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
141
-
142
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
143
-
144
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
145
-
146
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
147
-
148
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
149
-
150
- 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."); }
151
-
152
- 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); }
153
-
154
- 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; }
155
-
156
- 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; }
157
-
158
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
159
-
160
- function App() {
161
- var _useState = (0, _react.useState)(function () {
162
- return Array.from({
163
- length: 1000
164
- }, function (_, k) {
165
- return {
166
- id: "id:".concat(k),
167
- text: "item ".concat(k)
168
- };
169
- });
170
- }),
171
- _useState2 = _slicedToArray(_useState, 2),
172
- items = _useState2[0],
173
- setItems = _useState2[1];
174
-
175
- var reorder = _react.default.useCallback(function (list, startIndex, endIndex) {
176
- var result = Array.from(list);
177
-
178
- var _result$splice = result.splice(startIndex, 1),
179
- _result$splice2 = _slicedToArray(_result$splice, 1),
180
- removed = _result$splice2[0];
181
-
182
- result.splice(endIndex, 0, removed);
183
- return result;
184
- }, []);
185
-
186
- var onDragEnd = _react.default.useCallback(function (result) {
187
- if (!result.destination) {
188
- return;
189
- }
190
-
191
- if (result.source.index === result.destination.index) {
192
- return;
193
- }
194
-
195
- setItems(function (items) {
196
- return reorder(items, result.source.index, result.destination.index);
197
- });
198
- }, [setItems, reorder]);
199
-
200
- var Item = _react.default.useMemo(function () {
201
- return function (_ref) {
202
- var provided = _ref.provided,
203
- item = _ref.item,
204
- isDragging = _ref.isDragging;
205
- // For borders and visual space,
206
- // use container with padding rather than a margin
207
- // margins confuse virtuoso rendering
208
- return _react.default.createElement("div", _objectSpread(_objectSpread(_objectSpread({}, provided.draggableProps), provided.dragHandleProps), {}, {
209
- // eslint-disable-next-line @typescript-eslint/unbound-method
210
- ref: provided.innerRef,
211
- style: _objectSpread(_objectSpread({}, provided.draggableProps.style), {}, {
212
- paddingBottom: '8px'
213
- })
214
- }), _react.default.createElement("div", {
215
- style: {
216
- border: "1px solid ".concat(isDragging ? 'red' : 'black')
217
- }
218
- }, item.text));
219
- };
220
- }, []);
221
-
222
- var HeightPreservingItem = _react.default.useMemo(function () {
223
- return function (_ref2) {
224
- var children = _ref2.children,
225
- props = _objectWithoutProperties(_ref2, ["children"]);
226
-
227
- return (// the height is necessary to prevent the item container from collapsing, which confuses Virtuoso measurements
228
- _react.default.createElement("div", _objectSpread(_objectSpread({}, props), {}, {
229
- style: {
230
- height: props['data-known-size'] || undefined
231
- }
232
- }), children)
233
- );
234
- };
235
- }, []);
236
-
237
- return _react.default.createElement("div", {
238
- style: {
239
- overflow: 'auto'
240
- }
241
- }, _react.default.createElement(_reactBeautifulDnd.DragDropContext, {
242
- onDragEnd: onDragEnd
243
- }, _react.default.createElement(_reactBeautifulDnd.Droppable, {
244
- droppableId: "droppable",
245
- mode: "virtual",
246
- renderClone: function renderClone(provided, snapshot, rubric) {
247
- return _react.default.createElement(Item, {
248
- provided: provided,
249
- isDragging: snapshot.isDragging,
250
- item: items[rubric.source.index]
251
- });
252
- }
253
- }, function (provided) {
254
- return (// eslint-disable-next-line
255
- _react.default.createElement("div", {
256
- ref: provided.innerRef
257
- }, _react.default.createElement(_src.Virtuoso, {
258
- components: {
259
- Item: HeightPreservingItem
260
- },
261
- data: items,
262
- itemContent: function itemContent(index, item) {
263
- return _react.default.createElement(_reactBeautifulDnd.Draggable, {
264
- draggableId: item.id,
265
- index: index,
266
- key: item.id
267
- }, function (provided) {
268
- return _react.default.createElement(Item, {
269
- provided: provided,
270
- item: item,
271
- isDragging: false
272
- });
273
- });
274
- },
275
- useWindowScroll: true
276
- }))
277
- );
278
- })));
279
- }
280
- },{"react":"../node_modules/react/index.js","react-beautiful-dnd":"../node_modules/react-beautiful-dnd/dist/react-beautiful-dnd.esm.js","../src":"../src/index.tsx"}]},{},[], null)
@@ -1 +0,0 @@
1
- {"version":3,"sources":["react-beautiful-dnd-window-scroller.tsx"],"names":[],"mappings":"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","file":"react-beautiful-dnd-window-scroller.0a227511.js","sourceRoot":"../e2e","sourcesContent":["import React, { useState } from 'react'\nimport { DropResult, DragDropContext, Draggable, Droppable, DraggableProvided } from 'react-beautiful-dnd'\nimport { Components, Virtuoso } from '../src'\n\ntype Item = { id: string; text: string }\nexport default function App() {\n const [items, setItems] = useState(() => {\n return Array.from({ length: 1000 }, (_, k) => ({\n id: `id:${k}`,\n text: `item ${k}`,\n }))\n })\n\n const reorder = React.useCallback((list: Item[], startIndex: number, endIndex: number) => {\n const result = Array.from(list)\n const [removed] = result.splice(startIndex, 1)\n result.splice(endIndex, 0, removed)\n\n return result\n }, [])\n\n const onDragEnd = React.useCallback(\n (result: DropResult) => {\n if (!result.destination) {\n return\n }\n if (result.source.index === result.destination.index) {\n return\n }\n\n setItems((items) => reorder(items, result.source.index, result.destination!.index))\n },\n [setItems, reorder]\n )\n\n const Item = React.useMemo(() => {\n return ({ provided, item, isDragging }: { provided: DraggableProvided; item: Item; isDragging: boolean }) => {\n // For borders and visual space,\n // use container with padding rather than a margin\n // margins confuse virtuoso rendering\n return (\n <div\n {...provided.draggableProps}\n {...provided.dragHandleProps}\n // eslint-disable-next-line @typescript-eslint/unbound-method\n ref={provided.innerRef}\n style={{ ...provided.draggableProps.style, paddingBottom: '8px' }}\n >\n <div\n style={{\n border: `1px solid ${isDragging ? 'red' : 'black'}`,\n }}\n >\n {item.text}\n </div>\n </div>\n )\n }\n }, [])\n\n const HeightPreservingItem: Components['Item'] = React.useMemo(() => {\n return ({ children, ...props }) => {\n return (\n // the height is necessary to prevent the item container from collapsing, which confuses Virtuoso measurements\n <div {...props} style={{ height: props['data-known-size'] || undefined }}>\n {children}\n </div>\n )\n }\n }, [])\n\n return (\n <div style={{ overflow: 'auto' }}>\n <DragDropContext onDragEnd={onDragEnd}>\n <Droppable\n droppableId=\"droppable\"\n mode=\"virtual\"\n renderClone={(provided, snapshot, rubric) => (\n <Item provided={provided} isDragging={snapshot.isDragging} item={items[rubric.source.index]} />\n )}\n >\n {(provided) => {\n return (\n // eslint-disable-next-line\n <div ref={provided.innerRef as any}>\n <Virtuoso\n components={{\n Item: HeightPreservingItem,\n }}\n data={items}\n itemContent={(index, item) => {\n return (\n <Draggable draggableId={item.id} index={index} key={item.id}>\n {(provided) => <Item provided={provided} item={item} isDragging={false} />}\n </Draggable>\n )\n }}\n useWindowScroll={true}\n />\n </div>\n )\n }}\n </Droppable>\n </DragDropContext>\n </div>\n )\n}\n"]}
@@ -1,277 +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
- })({"react-beautiful-dnd.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 _reactBeautifulDnd = require("react-beautiful-dnd");
131
-
132
- var _src = require("../src");
133
-
134
- function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
135
-
136
- 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; }
137
-
138
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
139
-
140
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
141
-
142
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
143
-
144
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
145
-
146
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
147
-
148
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
149
-
150
- 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."); }
151
-
152
- 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); }
153
-
154
- 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; }
155
-
156
- 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; }
157
-
158
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
159
-
160
- function App() {
161
- var _useState = (0, _react.useState)(function () {
162
- return Array.from({
163
- length: 1000
164
- }, function (_, k) {
165
- return {
166
- id: "id:".concat(k),
167
- text: "item ".concat(k)
168
- };
169
- });
170
- }),
171
- _useState2 = _slicedToArray(_useState, 2),
172
- items = _useState2[0],
173
- setItems = _useState2[1];
174
-
175
- var reorder = _react.default.useCallback(function (list, startIndex, endIndex) {
176
- var result = Array.from(list);
177
-
178
- var _result$splice = result.splice(startIndex, 1),
179
- _result$splice2 = _slicedToArray(_result$splice, 1),
180
- removed = _result$splice2[0];
181
-
182
- result.splice(endIndex, 0, removed);
183
- return result;
184
- }, []);
185
-
186
- var onDragEnd = _react.default.useCallback(function (result) {
187
- if (!result.destination) {
188
- return;
189
- }
190
-
191
- if (result.source.index === result.destination.index) {
192
- return;
193
- }
194
-
195
- setItems(function (items) {
196
- return reorder(items, result.source.index, result.destination.index);
197
- });
198
- }, [setItems, reorder]);
199
-
200
- var Item = _react.default.useMemo(function () {
201
- return function (_ref) {
202
- var provided = _ref.provided,
203
- item = _ref.item,
204
- isDragging = _ref.isDragging;
205
- // For borders and visual space,
206
- // use container with padding rather than a margin
207
- // margins confuse virtuoso rendering
208
- return _react.default.createElement("div", _objectSpread(_objectSpread(_objectSpread({}, provided.draggableProps), provided.dragHandleProps), {}, {
209
- // eslint-disable-next-line @typescript-eslint/unbound-method
210
- ref: provided.innerRef,
211
- style: _objectSpread(_objectSpread({}, provided.draggableProps.style), {}, {
212
- paddingBottom: '8px'
213
- })
214
- }), _react.default.createElement("div", {
215
- style: {
216
- border: "1px solid ".concat(isDragging ? 'red' : 'black')
217
- }
218
- }, item.text));
219
- };
220
- }, []);
221
-
222
- var HeightPreservingItem = _react.default.useMemo(function () {
223
- return function (_ref2) {
224
- var children = _ref2.children,
225
- props = _objectWithoutProperties(_ref2, ["children"]);
226
-
227
- return (// the height is necessary to prevent the item container from collapsing, which confuses Virtuoso measurements
228
- _react.default.createElement("div", _objectSpread(_objectSpread({}, props), {}, {
229
- style: {
230
- height: props['data-known-size'] || undefined
231
- }
232
- }), children)
233
- );
234
- };
235
- }, []);
236
-
237
- return _react.default.createElement("div", null, _react.default.createElement(_reactBeautifulDnd.DragDropContext, {
238
- onDragEnd: onDragEnd
239
- }, _react.default.createElement(_reactBeautifulDnd.Droppable, {
240
- droppableId: "droppable",
241
- mode: "virtual",
242
- renderClone: function renderClone(provided, snapshot, rubric) {
243
- return _react.default.createElement(Item, {
244
- provided: provided,
245
- isDragging: snapshot.isDragging,
246
- item: items[rubric.source.index]
247
- });
248
- }
249
- }, function (provided) {
250
- return _react.default.createElement(_src.Virtuoso, {
251
- components: {
252
- Item: HeightPreservingItem
253
- },
254
- // eslint-disable-next-line
255
- scrollerRef: provided.innerRef,
256
- data: items,
257
- style: {
258
- width: 300,
259
- height: 500
260
- },
261
- itemContent: function itemContent(index, item) {
262
- return _react.default.createElement(_reactBeautifulDnd.Draggable, {
263
- draggableId: item.id,
264
- index: index,
265
- key: item.id
266
- }, function (provided) {
267
- return _react.default.createElement(Item, {
268
- provided: provided,
269
- item: item,
270
- isDragging: false
271
- });
272
- });
273
- }
274
- });
275
- })));
276
- }
277
- },{"react":"../node_modules/react/index.js","react-beautiful-dnd":"../node_modules/react-beautiful-dnd/dist/react-beautiful-dnd.esm.js","../src":"../src/index.tsx"}]},{},[], null)
@@ -1 +0,0 @@
1
- {"version":3,"sources":["react-beautiful-dnd.tsx"],"names":[],"mappings":"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","file":"react-beautiful-dnd.817e9251.js","sourceRoot":"../e2e","sourcesContent":["import React, { useState } from 'react'\nimport { DropResult, DragDropContext, Draggable, Droppable, DraggableProvided } from 'react-beautiful-dnd'\nimport { Components, Virtuoso } from '../src'\n\ntype Item = { id: string; text: string }\nexport default function App() {\n const [items, setItems] = useState(() => {\n return Array.from({ length: 1000 }, (_, k) => ({\n id: `id:${k}`,\n text: `item ${k}`,\n }))\n })\n\n const reorder = React.useCallback((list: Item[], startIndex: number, endIndex: number) => {\n const result = Array.from(list)\n const [removed] = result.splice(startIndex, 1)\n result.splice(endIndex, 0, removed)\n\n return result\n }, [])\n\n const onDragEnd = React.useCallback(\n (result: DropResult) => {\n if (!result.destination) {\n return\n }\n if (result.source.index === result.destination.index) {\n return\n }\n\n setItems((items) => reorder(items, result.source.index, result.destination!.index))\n },\n [setItems, reorder]\n )\n\n const Item = React.useMemo(() => {\n return ({ provided, item, isDragging }: { provided: DraggableProvided; item: Item; isDragging: boolean }) => {\n // For borders and visual space,\n // use container with padding rather than a margin\n // margins confuse virtuoso rendering\n return (\n <div\n {...provided.draggableProps}\n {...provided.dragHandleProps}\n // eslint-disable-next-line @typescript-eslint/unbound-method\n ref={provided.innerRef}\n style={{ ...provided.draggableProps.style, paddingBottom: '8px' }}\n >\n <div\n style={{\n border: `1px solid ${isDragging ? 'red' : 'black'}`,\n }}\n >\n {item.text}\n </div>\n </div>\n )\n }\n }, [])\n\n const HeightPreservingItem: Components['Item'] = React.useMemo(() => {\n return ({ children, ...props }) => {\n return (\n // the height is necessary to prevent the item container from collapsing, which confuses Virtuoso measurements\n <div {...props} style={{ height: props['data-known-size'] || undefined }}>\n {children}\n </div>\n )\n }\n }, [])\n\n return (\n <div>\n <DragDropContext onDragEnd={onDragEnd}>\n <Droppable\n droppableId=\"droppable\"\n mode=\"virtual\"\n renderClone={(provided, snapshot, rubric) => (\n <Item provided={provided} isDragging={snapshot.isDragging} item={items[rubric.source.index]} />\n )}\n >\n {(provided) => {\n return (\n <Virtuoso\n components={{\n Item: HeightPreservingItem,\n }}\n // eslint-disable-next-line\n scrollerRef={provided.innerRef as any}\n data={items}\n style={{ width: 300, height: 500 }}\n itemContent={(index, item) => {\n return (\n <Draggable draggableId={item.id} index={index} key={item.id}>\n {(provided) => <Item provided={provided} item={item} isDragging={false} />}\n </Draggable>\n )\n }}\n />\n )\n }}\n </Droppable>\n </DragDropContext>\n </div>\n )\n}\n"]}