@depup/react-virtualized 9.22.6-depup.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 (254) hide show
  1. package/LICENSE +22 -0
  2. package/README.md +34 -0
  3. package/changes.json +22 -0
  4. package/dist/commonjs/ArrowKeyStepper/ArrowKeyStepper.example.js +184 -0
  5. package/dist/commonjs/ArrowKeyStepper/ArrowKeyStepper.jest.js +338 -0
  6. package/dist/commonjs/ArrowKeyStepper/ArrowKeyStepper.js +204 -0
  7. package/dist/commonjs/ArrowKeyStepper/index.js +19 -0
  8. package/dist/commonjs/ArrowKeyStepper/types.js +5 -0
  9. package/dist/commonjs/AutoSizer/AutoSizer.example.js +104 -0
  10. package/dist/commonjs/AutoSizer/AutoSizer.jest.js +341 -0
  11. package/dist/commonjs/AutoSizer/AutoSizer.js +199 -0
  12. package/dist/commonjs/AutoSizer/AutoSizer.ssr.js +25 -0
  13. package/dist/commonjs/AutoSizer/index.js +19 -0
  14. package/dist/commonjs/CellMeasurer/CellMeasurer.DynamicHeightGrid.example.js +100 -0
  15. package/dist/commonjs/CellMeasurer/CellMeasurer.DynamicHeightList.example.js +99 -0
  16. package/dist/commonjs/CellMeasurer/CellMeasurer.DynamicHeightTableColumn.example.js +107 -0
  17. package/dist/commonjs/CellMeasurer/CellMeasurer.DynamicWidthGrid.example.js +102 -0
  18. package/dist/commonjs/CellMeasurer/CellMeasurer.DynamicWidthMultiGrid.example.js +107 -0
  19. package/dist/commonjs/CellMeasurer/CellMeasurer.example.js +129 -0
  20. package/dist/commonjs/CellMeasurer/CellMeasurer.jest.js +345 -0
  21. package/dist/commonjs/CellMeasurer/CellMeasurer.js +195 -0
  22. package/dist/commonjs/CellMeasurer/CellMeasurerCache.jest.js +298 -0
  23. package/dist/commonjs/CellMeasurer/CellMeasurerCache.js +202 -0
  24. package/dist/commonjs/CellMeasurer/index.js +22 -0
  25. package/dist/commonjs/CellMeasurer/types.js +14 -0
  26. package/dist/commonjs/Collection/Collection.example.js +231 -0
  27. package/dist/commonjs/Collection/Collection.jest.js +829 -0
  28. package/dist/commonjs/Collection/Collection.js +266 -0
  29. package/dist/commonjs/Collection/CollectionView.js +553 -0
  30. package/dist/commonjs/Collection/Section.jest.js +63 -0
  31. package/dist/commonjs/Collection/Section.js +57 -0
  32. package/dist/commonjs/Collection/SectionManager.jest.js +121 -0
  33. package/dist/commonjs/Collection/SectionManager.js +134 -0
  34. package/dist/commonjs/Collection/TestData.js +77 -0
  35. package/dist/commonjs/Collection/index.js +15 -0
  36. package/dist/commonjs/Collection/types.js +22 -0
  37. package/dist/commonjs/Collection/utils/calculateSizeAndPositionData.jest.js +34 -0
  38. package/dist/commonjs/Collection/utils/calculateSizeAndPositionData.js +38 -0
  39. package/dist/commonjs/ColumnSizer/ColumnSizer.example.js +159 -0
  40. package/dist/commonjs/ColumnSizer/ColumnSizer.jest.js +129 -0
  41. package/dist/commonjs/ColumnSizer/ColumnSizer.js +103 -0
  42. package/dist/commonjs/ColumnSizer/index.js +15 -0
  43. package/dist/commonjs/Grid/Grid.example.js +330 -0
  44. package/dist/commonjs/Grid/Grid.jest.js +2561 -0
  45. package/dist/commonjs/Grid/Grid.js +1432 -0
  46. package/dist/commonjs/Grid/Grid.ssr.js +62 -0
  47. package/dist/commonjs/Grid/accessibilityOverscanIndicesGetter.jest.js +92 -0
  48. package/dist/commonjs/Grid/accessibilityOverscanIndicesGetter.js +40 -0
  49. package/dist/commonjs/Grid/defaultCellRangeRenderer.js +139 -0
  50. package/dist/commonjs/Grid/defaultOverscanIndicesGetter.jest.js +92 -0
  51. package/dist/commonjs/Grid/defaultOverscanIndicesGetter.js +36 -0
  52. package/dist/commonjs/Grid/index.js +40 -0
  53. package/dist/commonjs/Grid/types.js +8 -0
  54. package/dist/commonjs/Grid/utils/CellSizeAndPositionManager.jest.js +375 -0
  55. package/dist/commonjs/Grid/utils/CellSizeAndPositionManager.js +296 -0
  56. package/dist/commonjs/Grid/utils/ScalingCellSizeAndPositionManager.jest.js +201 -0
  57. package/dist/commonjs/Grid/utils/ScalingCellSizeAndPositionManager.js +204 -0
  58. package/dist/commonjs/Grid/utils/calculateSizeAndPositionDataAndUpdateScrollOffset.jest.js +84 -0
  59. package/dist/commonjs/Grid/utils/calculateSizeAndPositionDataAndUpdateScrollOffset.js +59 -0
  60. package/dist/commonjs/Grid/utils/maxElementSize.js +22 -0
  61. package/dist/commonjs/Grid/utils/updateScrollIndexHelper.jest.js +180 -0
  62. package/dist/commonjs/Grid/utils/updateScrollIndexHelper.js +85 -0
  63. package/dist/commonjs/InfiniteLoader/InfiniteLoader.example.js +179 -0
  64. package/dist/commonjs/InfiniteLoader/InfiniteLoader.jest.js +571 -0
  65. package/dist/commonjs/InfiniteLoader/InfiniteLoader.js +274 -0
  66. package/dist/commonjs/InfiniteLoader/index.js +15 -0
  67. package/dist/commonjs/List/List.example.js +236 -0
  68. package/dist/commonjs/List/List.jest.js +517 -0
  69. package/dist/commonjs/List/List.js +318 -0
  70. package/dist/commonjs/List/index.js +19 -0
  71. package/dist/commonjs/List/types.js +6 -0
  72. package/dist/commonjs/Masonry/Masonry.example.js +287 -0
  73. package/dist/commonjs/Masonry/Masonry.jest.js +450 -0
  74. package/dist/commonjs/Masonry/Masonry.js +431 -0
  75. package/dist/commonjs/Masonry/PositionCache.js +88 -0
  76. package/dist/commonjs/Masonry/createCellPositioner.js +59 -0
  77. package/dist/commonjs/Masonry/index.js +22 -0
  78. package/dist/commonjs/MultiGrid/CellMeasurerCacheDecorator.js +106 -0
  79. package/dist/commonjs/MultiGrid/MultiGrid.example.js +131 -0
  80. package/dist/commonjs/MultiGrid/MultiGrid.jest.js +584 -0
  81. package/dist/commonjs/MultiGrid/MultiGrid.js +743 -0
  82. package/dist/commonjs/MultiGrid/index.js +15 -0
  83. package/dist/commonjs/ScrollSync/ScrollSync.example.js +257 -0
  84. package/dist/commonjs/ScrollSync/ScrollSync.jest.js +66 -0
  85. package/dist/commonjs/ScrollSync/ScrollSync.js +88 -0
  86. package/dist/commonjs/ScrollSync/index.js +15 -0
  87. package/dist/commonjs/Table/Column.jest.js +90 -0
  88. package/dist/commonjs/Table/Column.js +93 -0
  89. package/dist/commonjs/Table/SortDirection.js +19 -0
  90. package/dist/commonjs/Table/SortIndicator.js +40 -0
  91. package/dist/commonjs/Table/Table.example.js +325 -0
  92. package/dist/commonjs/Table/Table.jest.js +1257 -0
  93. package/dist/commonjs/Table/Table.js +742 -0
  94. package/dist/commonjs/Table/createMultiSort.jest.js +165 -0
  95. package/dist/commonjs/Table/createMultiSort.js +99 -0
  96. package/dist/commonjs/Table/defaultCellDataGetter.js +21 -0
  97. package/dist/commonjs/Table/defaultCellRenderer.js +19 -0
  98. package/dist/commonjs/Table/defaultHeaderRenderer.js +35 -0
  99. package/dist/commonjs/Table/defaultHeaderRowRenderer.js +21 -0
  100. package/dist/commonjs/Table/defaultRowRenderer.js +87 -0
  101. package/dist/commonjs/Table/index.js +78 -0
  102. package/dist/commonjs/Table/types.js +39 -0
  103. package/dist/commonjs/WindowScroller/WindowScroller.e2e.js +298 -0
  104. package/dist/commonjs/WindowScroller/WindowScroller.example.js +167 -0
  105. package/dist/commonjs/WindowScroller/WindowScroller.header-resize.e2e.js +359 -0
  106. package/dist/commonjs/WindowScroller/WindowScroller.jest.js +536 -0
  107. package/dist/commonjs/WindowScroller/WindowScroller.js +268 -0
  108. package/dist/commonjs/WindowScroller/WindowScroller.ssr.js +25 -0
  109. package/dist/commonjs/WindowScroller/index.js +23 -0
  110. package/dist/commonjs/WindowScroller/utils/dimensions.js +89 -0
  111. package/dist/commonjs/WindowScroller/utils/onScroll.js +70 -0
  112. package/dist/commonjs/index.js +180 -0
  113. package/dist/commonjs/jest-setup.js +7 -0
  114. package/dist/commonjs/utils/TestHelper.js +36 -0
  115. package/dist/commonjs/utils/animationFrame.js +29 -0
  116. package/dist/commonjs/utils/createCallbackMemoizer.jest.js +219 -0
  117. package/dist/commonjs/utils/createCallbackMemoizer.js +31 -0
  118. package/dist/commonjs/utils/getUpdatedOffsetForIndex.jest.js +68 -0
  119. package/dist/commonjs/utils/getUpdatedOffsetForIndex.js +38 -0
  120. package/dist/commonjs/utils/initCellMetadata.js +37 -0
  121. package/dist/commonjs/utils/requestAnimationTimeout.js +38 -0
  122. package/dist/commonjs/vendor/binarySearchBounds.js +200 -0
  123. package/dist/commonjs/vendor/detectElementResize.js +192 -0
  124. package/dist/commonjs/vendor/intervalTree.js +361 -0
  125. package/dist/es/ArrowKeyStepper/ArrowKeyStepper.example.js +176 -0
  126. package/dist/es/ArrowKeyStepper/ArrowKeyStepper.jest.js +332 -0
  127. package/dist/es/ArrowKeyStepper/ArrowKeyStepper.js +197 -0
  128. package/dist/es/ArrowKeyStepper/index.js +3 -0
  129. package/dist/es/ArrowKeyStepper/types.js +4 -0
  130. package/dist/es/AutoSizer/AutoSizer.example.js +96 -0
  131. package/dist/es/AutoSizer/AutoSizer.jest.js +335 -0
  132. package/dist/es/AutoSizer/AutoSizer.js +190 -0
  133. package/dist/es/AutoSizer/AutoSizer.js.flow +200 -0
  134. package/dist/es/AutoSizer/AutoSizer.ssr.js +19 -0
  135. package/dist/es/AutoSizer/index.js +2 -0
  136. package/dist/es/AutoSizer/index.js.flow +4 -0
  137. package/dist/es/CellMeasurer/CellMeasurer.DynamicHeightGrid.example.js +91 -0
  138. package/dist/es/CellMeasurer/CellMeasurer.DynamicHeightList.example.js +90 -0
  139. package/dist/es/CellMeasurer/CellMeasurer.DynamicHeightTableColumn.example.js +98 -0
  140. package/dist/es/CellMeasurer/CellMeasurer.DynamicWidthGrid.example.js +93 -0
  141. package/dist/es/CellMeasurer/CellMeasurer.DynamicWidthMultiGrid.example.js +98 -0
  142. package/dist/es/CellMeasurer/CellMeasurer.example.js +120 -0
  143. package/dist/es/CellMeasurer/CellMeasurer.jest.js +340 -0
  144. package/dist/es/CellMeasurer/CellMeasurer.js +187 -0
  145. package/dist/es/CellMeasurer/CellMeasurerCache.jest.js +293 -0
  146. package/dist/es/CellMeasurer/CellMeasurerCache.js +196 -0
  147. package/dist/es/CellMeasurer/index.js +4 -0
  148. package/dist/es/CellMeasurer/types.js +13 -0
  149. package/dist/es/Collection/Collection.example.js +223 -0
  150. package/dist/es/Collection/Collection.jest.js +824 -0
  151. package/dist/es/Collection/Collection.js +257 -0
  152. package/dist/es/Collection/CollectionView.js +544 -0
  153. package/dist/es/Collection/Section.jest.js +60 -0
  154. package/dist/es/Collection/Section.js +51 -0
  155. package/dist/es/Collection/SectionManager.jest.js +118 -0
  156. package/dist/es/Collection/SectionManager.js +128 -0
  157. package/dist/es/Collection/TestData.js +71 -0
  158. package/dist/es/Collection/index.js +3 -0
  159. package/dist/es/Collection/types.js +21 -0
  160. package/dist/es/Collection/utils/calculateSizeAndPositionData.jest.js +31 -0
  161. package/dist/es/Collection/utils/calculateSizeAndPositionData.js +31 -0
  162. package/dist/es/ColumnSizer/ColumnSizer.example.js +150 -0
  163. package/dist/es/ColumnSizer/ColumnSizer.jest.js +123 -0
  164. package/dist/es/ColumnSizer/ColumnSizer.js +95 -0
  165. package/dist/es/ColumnSizer/index.js +3 -0
  166. package/dist/es/Grid/Grid.example.js +321 -0
  167. package/dist/es/Grid/Grid.jest.js +2555 -0
  168. package/dist/es/Grid/Grid.js +1425 -0
  169. package/dist/es/Grid/Grid.ssr.js +57 -0
  170. package/dist/es/Grid/accessibilityOverscanIndicesGetter.jest.js +87 -0
  171. package/dist/es/Grid/accessibilityOverscanIndicesGetter.js +33 -0
  172. package/dist/es/Grid/defaultCellRangeRenderer.js +134 -0
  173. package/dist/es/Grid/defaultOverscanIndicesGetter.jest.js +87 -0
  174. package/dist/es/Grid/defaultOverscanIndicesGetter.js +29 -0
  175. package/dist/es/Grid/index.js +15 -0
  176. package/dist/es/Grid/types.js +96 -0
  177. package/dist/es/Grid/utils/CellSizeAndPositionManager.jest.js +372 -0
  178. package/dist/es/Grid/utils/CellSizeAndPositionManager.js +290 -0
  179. package/dist/es/Grid/utils/ScalingCellSizeAndPositionManager.jest.js +198 -0
  180. package/dist/es/Grid/utils/ScalingCellSizeAndPositionManager.js +198 -0
  181. package/dist/es/Grid/utils/calculateSizeAndPositionDataAndUpdateScrollOffset.jest.js +81 -0
  182. package/dist/es/Grid/utils/calculateSizeAndPositionDataAndUpdateScrollOffset.js +53 -0
  183. package/dist/es/Grid/utils/maxElementSize.js +16 -0
  184. package/dist/es/Grid/utils/updateScrollIndexHelper.jest.js +174 -0
  185. package/dist/es/Grid/utils/updateScrollIndexHelper.js +79 -0
  186. package/dist/es/InfiniteLoader/InfiniteLoader.example.js +170 -0
  187. package/dist/es/InfiniteLoader/InfiniteLoader.jest.js +565 -0
  188. package/dist/es/InfiniteLoader/InfiniteLoader.js +263 -0
  189. package/dist/es/InfiniteLoader/index.js +3 -0
  190. package/dist/es/List/List.example.js +227 -0
  191. package/dist/es/List/List.jest.js +511 -0
  192. package/dist/es/List/List.js +312 -0
  193. package/dist/es/List/index.js +3 -0
  194. package/dist/es/List/types.js +21 -0
  195. package/dist/es/Masonry/Masonry.example.js +278 -0
  196. package/dist/es/Masonry/Masonry.jest.js +444 -0
  197. package/dist/es/Masonry/Masonry.js +421 -0
  198. package/dist/es/Masonry/PositionCache.js +82 -0
  199. package/dist/es/Masonry/createCellPositioner.js +53 -0
  200. package/dist/es/Masonry/index.js +4 -0
  201. package/dist/es/MultiGrid/CellMeasurerCacheDecorator.js +100 -0
  202. package/dist/es/MultiGrid/MultiGrid.example.js +122 -0
  203. package/dist/es/MultiGrid/MultiGrid.jest.js +579 -0
  204. package/dist/es/MultiGrid/MultiGrid.js +733 -0
  205. package/dist/es/MultiGrid/index.js +3 -0
  206. package/dist/es/ScrollSync/ScrollSync.example.js +248 -0
  207. package/dist/es/ScrollSync/ScrollSync.jest.js +60 -0
  208. package/dist/es/ScrollSync/ScrollSync.js +80 -0
  209. package/dist/es/ScrollSync/index.js +3 -0
  210. package/dist/es/Table/Column.jest.js +84 -0
  211. package/dist/es/Table/Column.js +85 -0
  212. package/dist/es/Table/SortDirection.js +13 -0
  213. package/dist/es/Table/SortIndicator.js +31 -0
  214. package/dist/es/Table/Table.example.js +316 -0
  215. package/dist/es/Table/Table.jest.js +1251 -0
  216. package/dist/es/Table/Table.js +735 -0
  217. package/dist/es/Table/createMultiSort.jest.js +162 -0
  218. package/dist/es/Table/createMultiSort.js +93 -0
  219. package/dist/es/Table/defaultCellDataGetter.js +15 -0
  220. package/dist/es/Table/defaultCellRenderer.js +13 -0
  221. package/dist/es/Table/defaultHeaderRenderer.js +25 -0
  222. package/dist/es/Table/defaultHeaderRowRenderer.js +12 -0
  223. package/dist/es/Table/defaultRowRenderer.js +77 -0
  224. package/dist/es/Table/index.js +12 -0
  225. package/dist/es/Table/types.js +38 -0
  226. package/dist/es/WindowScroller/WindowScroller.e2e.js +295 -0
  227. package/dist/es/WindowScroller/WindowScroller.example.js +158 -0
  228. package/dist/es/WindowScroller/WindowScroller.header-resize.e2e.js +356 -0
  229. package/dist/es/WindowScroller/WindowScroller.jest.js +530 -0
  230. package/dist/es/WindowScroller/WindowScroller.js +259 -0
  231. package/dist/es/WindowScroller/WindowScroller.js.flow +277 -0
  232. package/dist/es/WindowScroller/WindowScroller.ssr.js +19 -0
  233. package/dist/es/WindowScroller/index.js +3 -0
  234. package/dist/es/WindowScroller/index.js.flow +6 -0
  235. package/dist/es/WindowScroller/utils/dimensions.js +81 -0
  236. package/dist/es/WindowScroller/utils/dimensions.js.flow +91 -0
  237. package/dist/es/WindowScroller/utils/onScroll.js +64 -0
  238. package/dist/es/WindowScroller/utils/onScroll.js.flow +94 -0
  239. package/dist/es/index.js +13 -0
  240. package/dist/es/jest-setup.js +5 -0
  241. package/dist/es/utils/TestHelper.js +30 -0
  242. package/dist/es/utils/animationFrame.js +23 -0
  243. package/dist/es/utils/createCallbackMemoizer.jest.js +216 -0
  244. package/dist/es/utils/createCallbackMemoizer.js +25 -0
  245. package/dist/es/utils/getUpdatedOffsetForIndex.jest.js +65 -0
  246. package/dist/es/utils/getUpdatedOffsetForIndex.js +32 -0
  247. package/dist/es/utils/initCellMetadata.js +31 -0
  248. package/dist/es/utils/requestAnimationTimeout.js +32 -0
  249. package/dist/es/vendor/binarySearchBounds.js +194 -0
  250. package/dist/es/vendor/detectElementResize.js +186 -0
  251. package/dist/es/vendor/intervalTree.js +354 -0
  252. package/dist/umd/react-virtualized.js +4638 -0
  253. package/package.json +188 -0
  254. package/styles.css +80 -0
@@ -0,0 +1,57 @@
1
+ /**
2
+ *
3
+ * @jest-environment node
4
+ */
5
+
6
+ import * as React from 'react';
7
+ import * as ReactDOMServer from 'react-dom/server';
8
+ import Grid from './Grid';
9
+ /*:: declare var test: any;*/
10
+ /*:: declare var expect: any;*/
11
+ test('should render Grid with dom server', function () {
12
+ var rendered = ReactDOMServer.renderToString(/*#__PURE__*/React.createElement(Grid, {
13
+ cellRenderer: function cellRenderer(_ref) {
14
+ var style = _ref.style,
15
+ key = _ref.key,
16
+ rowIndex = _ref.rowIndex,
17
+ columnIndex = _ref.columnIndex;
18
+ return /*#__PURE__*/React.createElement("div", {
19
+ style: style,
20
+ key: key
21
+ }, rowIndex + ':' + columnIndex);
22
+ },
23
+ columnCount: 1000,
24
+ columnWidth: 20,
25
+ height: 500,
26
+ rowCount: 1000,
27
+ rowHeight: 20,
28
+ width: 500
29
+ }));
30
+ expect(rendered).toContain('0:0');
31
+ expect(rendered).toContain('24:24');
32
+ expect(rendered).not.toContain('25:25');
33
+ });
34
+ test('should support :scrollToColumn and :scrollToRow in server render', function () {
35
+ var rendered = ReactDOMServer.renderToString(/*#__PURE__*/React.createElement(Grid, {
36
+ cellRenderer: function cellRenderer(_ref2) {
37
+ var style = _ref2.style,
38
+ key = _ref2.key,
39
+ rowIndex = _ref2.rowIndex,
40
+ columnIndex = _ref2.columnIndex;
41
+ return /*#__PURE__*/React.createElement("div", {
42
+ style: style,
43
+ key: key
44
+ }, rowIndex + ':' + columnIndex);
45
+ },
46
+ columnCount: 1000,
47
+ columnWidth: 20,
48
+ scrollToColumn: 250,
49
+ height: 500,
50
+ rowCount: 1000,
51
+ rowHeight: 20,
52
+ scrollToRow: 250,
53
+ width: 500
54
+ }));
55
+ expect(rendered).toContain('250:250');
56
+ expect(rendered).not.toContain('0:0');
57
+ });
@@ -0,0 +1,87 @@
1
+ import overscanIndicesGetter, { SCROLL_DIRECTION_BACKWARD, SCROLL_DIRECTION_FORWARD } from './accessibilityOverscanIndicesGetter';
2
+ describe('overscanIndicesGetter', function () {
3
+ function testHelper(_ref) {
4
+ var cellCount = _ref.cellCount,
5
+ startIndex = _ref.startIndex,
6
+ stopIndex = _ref.stopIndex,
7
+ overscanCellsCount = _ref.overscanCellsCount,
8
+ scrollDirection = _ref.scrollDirection;
9
+ return overscanIndicesGetter({
10
+ cellCount: cellCount,
11
+ overscanCellsCount: overscanCellsCount,
12
+ scrollDirection: scrollDirection,
13
+ startIndex: startIndex,
14
+ stopIndex: stopIndex
15
+ });
16
+ }
17
+ it('should still overscan by 1 (for keyboard accessibility) if :overscanCellsCount is 0', function () {
18
+ expect(testHelper({
19
+ cellCount: 100,
20
+ startIndex: 10,
21
+ stopIndex: 20,
22
+ overscanCellsCount: 0,
23
+ scrollDirection: SCROLL_DIRECTION_BACKWARD
24
+ })).toEqual({
25
+ overscanStartIndex: 9,
26
+ overscanStopIndex: 21
27
+ });
28
+ expect(testHelper({
29
+ cellCount: 100,
30
+ startIndex: 10,
31
+ stopIndex: 20,
32
+ overscanCellsCount: 0,
33
+ scrollDirection: SCROLL_DIRECTION_FORWARD
34
+ })).toEqual({
35
+ overscanStartIndex: 9,
36
+ overscanStopIndex: 21
37
+ });
38
+ });
39
+ it('should overscan forward', function () {
40
+ expect(testHelper({
41
+ cellCount: 100,
42
+ startIndex: 20,
43
+ stopIndex: 30,
44
+ overscanCellsCount: 10,
45
+ scrollDirection: SCROLL_DIRECTION_FORWARD
46
+ })).toEqual({
47
+ overscanStartIndex: 19,
48
+ overscanStopIndex: 40
49
+ });
50
+ });
51
+ it('should overscan backward', function () {
52
+ expect(testHelper({
53
+ cellCount: 100,
54
+ startIndex: 20,
55
+ stopIndex: 30,
56
+ overscanCellsCount: 10,
57
+ scrollDirection: SCROLL_DIRECTION_BACKWARD
58
+ })).toEqual({
59
+ overscanStartIndex: 10,
60
+ overscanStopIndex: 31
61
+ });
62
+ });
63
+ it('should not overscan beyond the start of the list', function () {
64
+ expect(testHelper({
65
+ cellCount: 100,
66
+ startIndex: 5,
67
+ stopIndex: 15,
68
+ overscanCellsCount: 10,
69
+ scrollDirection: SCROLL_DIRECTION_BACKWARD
70
+ })).toEqual({
71
+ overscanStartIndex: 0,
72
+ overscanStopIndex: 16
73
+ });
74
+ });
75
+ it('should not overscan beyond the end of the list', function () {
76
+ expect(testHelper({
77
+ cellCount: 25,
78
+ startIndex: 10,
79
+ stopIndex: 20,
80
+ overscanCellsCount: 10,
81
+ scrollDirection: SCROLL_DIRECTION_FORWARD
82
+ })).toEqual({
83
+ overscanStartIndex: 9,
84
+ overscanStopIndex: 24
85
+ });
86
+ });
87
+ });
@@ -0,0 +1,33 @@
1
+ /*:: import type {OverscanIndicesGetterParams, OverscanIndices} from './types';*/
2
+ export var SCROLL_DIRECTION_BACKWARD = -1;
3
+ export var SCROLL_DIRECTION_FORWARD = 1;
4
+ export var SCROLL_DIRECTION_HORIZONTAL = 'horizontal';
5
+ export var SCROLL_DIRECTION_VERTICAL = 'vertical';
6
+
7
+ /**
8
+ * Calculates the number of cells to overscan before and after a specified range.
9
+ * This function ensures that overscanning doesn't exceed the available cells.
10
+ */
11
+
12
+ export default function defaultOverscanIndicesGetter(_ref /*:: */) /*: OverscanIndices*/{
13
+ var cellCount = _ref /*:: */.cellCount,
14
+ overscanCellsCount = _ref /*:: */.overscanCellsCount,
15
+ scrollDirection = _ref /*:: */.scrollDirection,
16
+ startIndex = _ref /*:: */.startIndex,
17
+ stopIndex = _ref /*:: */.stopIndex;
18
+ // Make sure we render at least 1 cell extra before and after (except near boundaries)
19
+ // This is necessary in order to support keyboard navigation (TAB/SHIFT+TAB) in some cases
20
+ // For more info see issues #625
21
+ overscanCellsCount = Math.max(1, overscanCellsCount);
22
+ if (scrollDirection === SCROLL_DIRECTION_FORWARD) {
23
+ return {
24
+ overscanStartIndex: Math.max(0, startIndex - 1),
25
+ overscanStopIndex: Math.min(cellCount - 1, stopIndex + overscanCellsCount)
26
+ };
27
+ } else {
28
+ return {
29
+ overscanStartIndex: Math.max(0, startIndex - overscanCellsCount),
30
+ overscanStopIndex: Math.min(cellCount - 1, stopIndex + 1)
31
+ };
32
+ }
33
+ }
@@ -0,0 +1,134 @@
1
+ /*:: import type {CellRangeRendererParams} from './types';*/
2
+ import React from 'react';
3
+
4
+ /**
5
+ * Default implementation of cellRangeRenderer used by Grid.
6
+ * This renderer supports cell-caching while the user is scrolling.
7
+ */
8
+
9
+ export default function defaultCellRangeRenderer(_ref /*:: */) {
10
+ var cellCache = _ref /*:: */.cellCache,
11
+ cellRenderer = _ref /*:: */.cellRenderer,
12
+ columnSizeAndPositionManager = _ref /*:: */.columnSizeAndPositionManager,
13
+ columnStartIndex = _ref /*:: */.columnStartIndex,
14
+ columnStopIndex = _ref /*:: */.columnStopIndex,
15
+ deferredMeasurementCache = _ref /*:: */.deferredMeasurementCache,
16
+ horizontalOffsetAdjustment = _ref /*:: */.horizontalOffsetAdjustment,
17
+ isScrolling = _ref /*:: */.isScrolling,
18
+ isScrollingOptOut = _ref /*:: */.isScrollingOptOut,
19
+ parent = _ref /*:: */.parent,
20
+ rowSizeAndPositionManager = _ref /*:: */.rowSizeAndPositionManager,
21
+ rowStartIndex = _ref /*:: */.rowStartIndex,
22
+ rowStopIndex = _ref /*:: */.rowStopIndex,
23
+ styleCache = _ref /*:: */.styleCache,
24
+ verticalOffsetAdjustment = _ref /*:: */.verticalOffsetAdjustment,
25
+ visibleColumnIndices = _ref /*:: */.visibleColumnIndices,
26
+ visibleRowIndices = _ref /*:: */.visibleRowIndices;
27
+ var renderedCells = [];
28
+
29
+ // Browsers have native size limits for elements (eg Chrome 33M pixels, IE 1.5M pixes).
30
+ // User cannot scroll beyond these size limitations.
31
+ // In order to work around this, ScalingCellSizeAndPositionManager compresses offsets.
32
+ // We should never cache styles for compressed offsets though as this can lead to bugs.
33
+ // See issue #576 for more.
34
+ var areOffsetsAdjusted = columnSizeAndPositionManager.areOffsetsAdjusted() || rowSizeAndPositionManager.areOffsetsAdjusted();
35
+ var canCacheStyle = !isScrolling && !areOffsetsAdjusted;
36
+ for (var rowIndex = rowStartIndex; rowIndex <= rowStopIndex; rowIndex++) {
37
+ var rowDatum = rowSizeAndPositionManager.getSizeAndPositionOfCell(rowIndex);
38
+ for (var columnIndex = columnStartIndex; columnIndex <= columnStopIndex; columnIndex++) {
39
+ var columnDatum = columnSizeAndPositionManager.getSizeAndPositionOfCell(columnIndex);
40
+ var isVisible = columnIndex >= visibleColumnIndices.start && columnIndex <= visibleColumnIndices.stop && rowIndex >= visibleRowIndices.start && rowIndex <= visibleRowIndices.stop;
41
+ var key = "".concat(rowIndex, "-").concat(columnIndex);
42
+ var style = void 0;
43
+
44
+ // Cache style objects so shallow-compare doesn't re-render unnecessarily.
45
+ if (canCacheStyle && styleCache[key]) {
46
+ style = styleCache[key];
47
+ } else {
48
+ // In deferred mode, cells will be initially rendered before we know their size.
49
+ // Don't interfere with CellMeasurer's measurements by setting an invalid size.
50
+ if (deferredMeasurementCache && !deferredMeasurementCache.has(rowIndex, columnIndex)) {
51
+ // Position not-yet-measured cells at top/left 0,0,
52
+ // And give them width/height of 'auto' so they can grow larger than the parent Grid if necessary.
53
+ // Positioning them further to the right/bottom influences their measured size.
54
+ style = {
55
+ height: 'auto',
56
+ left: 0,
57
+ position: 'absolute',
58
+ top: 0,
59
+ width: 'auto'
60
+ };
61
+ } else {
62
+ style = {
63
+ height: rowDatum.size,
64
+ left: columnDatum.offset + horizontalOffsetAdjustment,
65
+ position: 'absolute',
66
+ top: rowDatum.offset + verticalOffsetAdjustment,
67
+ width: columnDatum.size
68
+ };
69
+ styleCache[key] = style;
70
+ }
71
+ }
72
+ var cellRendererParams = {
73
+ columnIndex: columnIndex,
74
+ isScrolling: isScrolling,
75
+ isVisible: isVisible,
76
+ key: key,
77
+ parent: parent,
78
+ rowIndex: rowIndex,
79
+ style: style
80
+ };
81
+ var renderedCell = void 0;
82
+
83
+ // Avoid re-creating cells while scrolling.
84
+ // This can lead to the same cell being created many times and can cause performance issues for "heavy" cells.
85
+ // If a scroll is in progress- cache and reuse cells.
86
+ // This cache will be thrown away once scrolling completes.
87
+ // However if we are scaling scroll positions and sizes, we should also avoid caching.
88
+ // This is because the offset changes slightly as scroll position changes and caching leads to stale values.
89
+ // For more info refer to issue #395
90
+ //
91
+ // If isScrollingOptOut is specified, we always cache cells.
92
+ // For more info refer to issue #1028
93
+ if ((isScrollingOptOut || isScrolling) && !horizontalOffsetAdjustment && !verticalOffsetAdjustment) {
94
+ if (!cellCache[key]) {
95
+ cellCache[key] = cellRenderer(cellRendererParams);
96
+ }
97
+ renderedCell = cellCache[key];
98
+
99
+ // If the user is no longer scrolling, don't cache cells.
100
+ // This makes dynamic cell content difficult for users and would also lead to a heavier memory footprint.
101
+ } else {
102
+ renderedCell = cellRenderer(cellRendererParams);
103
+ }
104
+ if (renderedCell == null || renderedCell === false) {
105
+ continue;
106
+ }
107
+ if (process.env.NODE_ENV !== 'production') {
108
+ warnAboutMissingStyle(parent, renderedCell);
109
+ }
110
+ if (!renderedCell.props.role) {
111
+ renderedCell = /*#__PURE__*/React.cloneElement(renderedCell, {
112
+ role: 'gridcell'
113
+ });
114
+ }
115
+ renderedCells.push(renderedCell);
116
+ }
117
+ }
118
+ return renderedCells;
119
+ }
120
+ function warnAboutMissingStyle(parent, renderedCell) {
121
+ if (process.env.NODE_ENV !== 'production') {
122
+ if (renderedCell) {
123
+ // If the direct child is a CellMeasurer, then we should check its child
124
+ // See issue #611
125
+ if (renderedCell.type && renderedCell.type.__internalCellMeasurerFlag) {
126
+ renderedCell = renderedCell.props.children;
127
+ }
128
+ if (renderedCell && renderedCell.props && renderedCell.props.style === undefined && parent.__warnedAboutMissingStyle !== true) {
129
+ parent.__warnedAboutMissingStyle = true;
130
+ console.warn('Rendered cell should include style property for positioning.');
131
+ }
132
+ }
133
+ }
134
+ }
@@ -0,0 +1,87 @@
1
+ import overscanIndicesGetter, { SCROLL_DIRECTION_BACKWARD, SCROLL_DIRECTION_FORWARD } from './defaultOverscanIndicesGetter';
2
+ describe('overscanIndicesGetter', function () {
3
+ function testHelper(_ref) {
4
+ var cellCount = _ref.cellCount,
5
+ startIndex = _ref.startIndex,
6
+ stopIndex = _ref.stopIndex,
7
+ overscanCellsCount = _ref.overscanCellsCount,
8
+ scrollDirection = _ref.scrollDirection;
9
+ return overscanIndicesGetter({
10
+ cellCount: cellCount,
11
+ overscanCellsCount: overscanCellsCount,
12
+ scrollDirection: scrollDirection,
13
+ startIndex: startIndex,
14
+ stopIndex: stopIndex
15
+ });
16
+ }
17
+ it('should not overscan if :overscanCellsCount is 0', function () {
18
+ expect(testHelper({
19
+ cellCount: 100,
20
+ startIndex: 10,
21
+ stopIndex: 20,
22
+ overscanCellsCount: 0,
23
+ scrollDirection: SCROLL_DIRECTION_BACKWARD
24
+ })).toEqual({
25
+ overscanStartIndex: 10,
26
+ overscanStopIndex: 20
27
+ });
28
+ expect(testHelper({
29
+ cellCount: 100,
30
+ startIndex: 10,
31
+ stopIndex: 20,
32
+ overscanCellsCount: 0,
33
+ scrollDirection: SCROLL_DIRECTION_FORWARD
34
+ })).toEqual({
35
+ overscanStartIndex: 10,
36
+ overscanStopIndex: 20
37
+ });
38
+ });
39
+ it('should overscan forward', function () {
40
+ expect(testHelper({
41
+ cellCount: 100,
42
+ startIndex: 20,
43
+ stopIndex: 30,
44
+ overscanCellsCount: 10,
45
+ scrollDirection: SCROLL_DIRECTION_FORWARD
46
+ })).toEqual({
47
+ overscanStartIndex: 20,
48
+ overscanStopIndex: 40
49
+ });
50
+ });
51
+ it('should overscan backward', function () {
52
+ expect(testHelper({
53
+ cellCount: 100,
54
+ startIndex: 20,
55
+ stopIndex: 30,
56
+ overscanCellsCount: 10,
57
+ scrollDirection: SCROLL_DIRECTION_BACKWARD
58
+ })).toEqual({
59
+ overscanStartIndex: 10,
60
+ overscanStopIndex: 30
61
+ });
62
+ });
63
+ it('should not overscan beyond the start of the list', function () {
64
+ expect(testHelper({
65
+ cellCount: 100,
66
+ startIndex: 5,
67
+ stopIndex: 15,
68
+ overscanCellsCount: 10,
69
+ scrollDirection: SCROLL_DIRECTION_BACKWARD
70
+ })).toEqual({
71
+ overscanStartIndex: 0,
72
+ overscanStopIndex: 15
73
+ });
74
+ });
75
+ it('should not overscan beyond the end of the list', function () {
76
+ expect(testHelper({
77
+ cellCount: 25,
78
+ startIndex: 10,
79
+ stopIndex: 20,
80
+ overscanCellsCount: 10,
81
+ scrollDirection: SCROLL_DIRECTION_FORWARD
82
+ })).toEqual({
83
+ overscanStartIndex: 10,
84
+ overscanStopIndex: 24
85
+ });
86
+ });
87
+ });
@@ -0,0 +1,29 @@
1
+ /*:: import type {OverscanIndicesGetterParams, OverscanIndices} from './types';*/
2
+ export var SCROLL_DIRECTION_BACKWARD = -1;
3
+ export var SCROLL_DIRECTION_FORWARD = 1;
4
+ export var SCROLL_DIRECTION_HORIZONTAL = 'horizontal';
5
+ export var SCROLL_DIRECTION_VERTICAL = 'vertical';
6
+
7
+ /**
8
+ * Calculates the number of cells to overscan before and after a specified range.
9
+ * This function ensures that overscanning doesn't exceed the available cells.
10
+ */
11
+
12
+ export default function defaultOverscanIndicesGetter(_ref /*:: */) /*: OverscanIndices*/{
13
+ var cellCount = _ref /*:: */.cellCount,
14
+ overscanCellsCount = _ref /*:: */.overscanCellsCount,
15
+ scrollDirection = _ref /*:: */.scrollDirection,
16
+ startIndex = _ref /*:: */.startIndex,
17
+ stopIndex = _ref /*:: */.stopIndex;
18
+ if (scrollDirection === SCROLL_DIRECTION_FORWARD) {
19
+ return {
20
+ overscanStartIndex: Math.max(0, startIndex),
21
+ overscanStopIndex: Math.min(cellCount - 1, stopIndex + overscanCellsCount)
22
+ };
23
+ } else {
24
+ return {
25
+ overscanStartIndex: Math.max(0, startIndex - overscanCellsCount),
26
+ overscanStopIndex: Math.min(cellCount - 1, stopIndex)
27
+ };
28
+ }
29
+ }
@@ -0,0 +1,15 @@
1
+ /*:: export type {
2
+ NoContentRenderer,
3
+ Alignment,
4
+ CellPosition,
5
+ CellSize,
6
+ OverscanIndicesGetter,
7
+ RenderedSection,
8
+ CellRendererParams,
9
+ Scroll,
10
+ } from './types';*/
11
+ export { default } from './Grid';
12
+ export { default as Grid } from './Grid';
13
+ export { default as accessibilityOverscanIndicesGetter } from './accessibilityOverscanIndicesGetter';
14
+ export { default as defaultCellRangeRenderer } from './defaultCellRangeRenderer';
15
+ export { default as defaultOverscanIndicesGetter } from './defaultOverscanIndicesGetter';
@@ -0,0 +1,96 @@
1
+ import * as React from 'react';
2
+ import ScalingCellSizeAndPositionManager from './utils/ScalingCellSizeAndPositionManager';
3
+ /*:: export type CellPosition = {columnIndex: number, rowIndex: number};*/
4
+ /*:: export type CellRendererParams = {
5
+ columnIndex: number,
6
+ isScrolling: boolean,
7
+ isVisible: boolean,
8
+ key: string,
9
+ parent: Object,
10
+ rowIndex: number,
11
+ style: Object,
12
+ };*/
13
+ /*:: export type CellRenderer = (props: CellRendererParams) => React.Element<*>;*/
14
+ /*:: export type CellCache = {[key: string]: React.Element<*>};*/
15
+ /*:: export type StyleCache = {[key: string]: Object};*/
16
+ /*:: export type CellRangeRendererParams = {
17
+ cellCache: CellCache,
18
+ cellRenderer: CellRenderer,
19
+ columnSizeAndPositionManager: ScalingCellSizeAndPositionManager,
20
+ columnStartIndex: number,
21
+ columnStopIndex: number,
22
+ deferredMeasurementCache?: Object,
23
+ horizontalOffsetAdjustment: number,
24
+ isScrolling: boolean,
25
+ isScrollingOptOut: boolean,
26
+ parent: Object,
27
+ rowSizeAndPositionManager: ScalingCellSizeAndPositionManager,
28
+ rowStartIndex: number,
29
+ rowStopIndex: number,
30
+ scrollLeft: number,
31
+ scrollTop: number,
32
+ styleCache: StyleCache,
33
+ verticalOffsetAdjustment: number,
34
+ visibleColumnIndices: Object,
35
+ visibleRowIndices: Object,
36
+ };*/
37
+ /*:: export type CellRangeRenderer = (
38
+ params: CellRangeRendererParams,
39
+ ) => React.Element<*>[];*/
40
+ /*:: export type CellSizeGetter = (params: {index: number}) => number;*/
41
+ /*:: export type CellSize = CellSizeGetter | number;*/
42
+ /*:: export type NoContentRenderer = () => React.Element<*> | null;*/
43
+ /*:: export type Scroll = {
44
+ clientHeight: number,
45
+ clientWidth: number,
46
+ scrollHeight: number,
47
+ scrollLeft: number,
48
+ scrollTop: number,
49
+ scrollWidth: number,
50
+ };*/
51
+ /*:: export type ScrollbarPresenceChange = {
52
+ horizontal: boolean,
53
+ vertical: boolean,
54
+ size: number,
55
+ };*/
56
+ /*:: export type RenderedSection = {
57
+ columnOverscanStartIndex: number,
58
+ columnOverscanStopIndex: number,
59
+ columnStartIndex: number,
60
+ columnStopIndex: number,
61
+ rowOverscanStartIndex: number,
62
+ rowOverscanStopIndex: number,
63
+ rowStartIndex: number,
64
+ rowStopIndex: number,
65
+ };*/
66
+ /*:: export type OverscanIndicesGetterParams = {
67
+ // One of SCROLL_DIRECTION_HORIZONTAL or SCROLL_DIRECTION_VERTICAL
68
+ direction: 'horizontal' | 'vertical',
69
+
70
+ // One of SCROLL_DIRECTION_BACKWARD or SCROLL_DIRECTION_FORWARD
71
+ scrollDirection: -1 | 1,
72
+
73
+ // Number of rows or columns in the current axis
74
+ cellCount: number,
75
+
76
+ // Maximum number of cells to over-render in either direction
77
+ overscanCellsCount: number,
78
+
79
+ // Begin of range of visible cells
80
+ startIndex: number,
81
+
82
+ // End of range of visible cells
83
+ stopIndex: number,
84
+ };*/
85
+ /*:: export type OverscanIndices = {
86
+ overscanStartIndex: number,
87
+ overscanStopIndex: number,
88
+ };*/
89
+ /*:: export type OverscanIndicesGetter = (
90
+ params: OverscanIndicesGetterParams,
91
+ ) => OverscanIndices;*/
92
+ /*:: export type Alignment = 'auto' | 'end' | 'start' | 'center';*/
93
+ /*:: export type VisibleCellRange = {
94
+ start?: number,
95
+ stop?: number,
96
+ };*/