@shopify/flash-list 1.4.2 → 1.5.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 (33) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/android/build.gradle +1 -1
  3. package/android/src/test/java/com/shopify/reactnative/flash_list/AutoLayoutShadowTest.kt +10 -9
  4. package/android/src/test/java/com/shopify/reactnative/flash_list/models/Rect.kt +3 -1
  5. package/android/src/test/resources/LayoutTestData.json +160 -80
  6. package/dist/FlashList.d.ts.map +1 -1
  7. package/dist/FlashList.js +2 -2
  8. package/dist/FlashList.js.map +1 -1
  9. package/dist/native/config/PlatformHelper.android.d.ts +10 -0
  10. package/dist/native/config/PlatformHelper.android.d.ts.map +1 -1
  11. package/dist/native/config/PlatformHelper.android.js +3 -0
  12. package/dist/native/config/PlatformHelper.android.js.map +1 -1
  13. package/dist/native/config/PlatformHelper.d.ts +10 -0
  14. package/dist/native/config/PlatformHelper.d.ts.map +1 -1
  15. package/dist/native/config/PlatformHelper.ios.d.ts +10 -0
  16. package/dist/native/config/PlatformHelper.ios.d.ts.map +1 -1
  17. package/dist/native/config/PlatformHelper.ios.js +2 -0
  18. package/dist/native/config/PlatformHelper.ios.js.map +1 -1
  19. package/dist/native/config/PlatformHelper.js +2 -0
  20. package/dist/native/config/PlatformHelper.js.map +1 -1
  21. package/dist/native/config/PlatformHelper.web.d.ts +10 -0
  22. package/dist/native/config/PlatformHelper.web.d.ts.map +1 -1
  23. package/dist/native/config/PlatformHelper.web.js +2 -0
  24. package/dist/native/config/PlatformHelper.web.js.map +1 -1
  25. package/dist/tsconfig.tsbuildinfo +1 -1
  26. package/ios/Sources/AutoLayoutView.swift +1 -2
  27. package/jestSetup.js +1 -0
  28. package/package.json +2 -2
  29. package/src/FlashList.tsx +4 -2
  30. package/src/native/config/PlatformHelper.android.ts +3 -0
  31. package/src/native/config/PlatformHelper.ios.ts +2 -0
  32. package/src/native/config/PlatformHelper.ts +2 -0
  33. package/src/native/config/PlatformHelper.web.ts +2 -0
package/android/src/test/resources/LayoutTestData.json CHANGED
@@ -8,7 +8,8 @@
8
8
  "width": 100,
9
9
  "height": 100,
10
10
  "right": 100,
11
- "bottom": 100
11
+ "bottom": 100,
12
+ "index": 0
12
13
  },
13
14
  {
14
15
  "top": 0,
@@ -16,7 +17,8 @@
16
17
  "width": 100,
17
18
  "height": 100,
18
19
  "right": 190,
19
- "bottom": 100
20
+ "bottom": 100,
21
+ "index": 1
20
22
  }
21
23
  ],
22
24
  "expectedOutput": [
@@ -26,7 +28,8 @@
26
28
  "width": 100,
27
29
  "top": 0,
28
30
  "bottom": 100,
29
- "height": 100
31
+ "height": 100,
32
+ "index": 0
30
33
  },
31
34
  {
32
35
  "left": 100,
@@ -34,7 +37,8 @@
34
37
  "width": 100,
35
38
  "top": 0,
36
39
  "bottom": 100,
37
- "height": 100
40
+ "height": 100,
41
+ "index": 1
38
42
  }
39
43
  ]
40
44
  },
@@ -46,7 +50,8 @@
46
50
  "width": 100,
47
51
  "height": 100,
48
52
  "right": 100,
49
- "bottom": 100
53
+ "bottom": 100,
54
+ "index": 0
50
55
  },
51
56
  {
52
57
  "top": 0,
@@ -54,7 +59,8 @@
54
59
  "width": 100,
55
60
  "height": 100,
56
61
  "right": 190,
57
- "bottom": 100
62
+ "bottom": 100,
63
+ "index": 1
58
64
  },
59
65
  {
60
66
  "top": 0,
@@ -62,7 +68,8 @@
62
68
  "width": 100,
63
69
  "height": 100,
64
70
  "right": 320,
65
- "bottom": 100
71
+ "bottom": 100,
72
+ "index": 2
66
73
  }
67
74
  ],
68
75
  "expectedOutput": [
@@ -72,7 +79,8 @@
72
79
  "width": 100,
73
80
  "top": 0,
74
81
  "bottom": 100,
75
- "height": 100
82
+ "height": 100,
83
+ "index": 0
76
84
  },
77
85
  {
78
86
  "left": 100,
@@ -80,7 +88,8 @@
80
88
  "width": 100,
81
89
  "top": 0,
82
90
  "bottom": 100,
83
- "height": 100
91
+ "height": 100,
92
+ "index": 1
84
93
  },
85
94
  {
86
95
  "left": 200,
@@ -88,7 +97,8 @@
88
97
  "width": 100,
89
98
  "top": 0,
90
99
  "bottom": 100,
91
- "height": 100
100
+ "height": 100,
101
+ "index": 2
92
102
  }
93
103
  ]
94
104
  },
@@ -100,7 +110,8 @@
100
110
  "width": 100,
101
111
  "height": 100,
102
112
  "right": 100,
103
- "bottom": 100
113
+ "bottom": 100,
114
+ "index": 0
104
115
  },
105
116
  {
106
117
  "top": 0,
@@ -108,7 +119,8 @@
108
119
  "width": 100,
109
120
  "height": 100,
110
121
  "right": 190,
111
- "bottom": 100
122
+ "bottom": 100,
123
+ "index": 1
112
124
  },
113
125
  {
114
126
  "top": 0,
@@ -116,7 +128,8 @@
116
128
  "width": 100,
117
129
  "height": 120,
118
130
  "right": 320,
119
- "bottom": 120
131
+ "bottom": 120,
132
+ "index": 2
120
133
  },
121
134
  {
122
135
  "top": 100,
@@ -124,7 +137,8 @@
124
137
  "width": 100,
125
138
  "height": 120,
126
139
  "right": 100,
127
- "bottom": 220
140
+ "bottom": 220,
141
+ "index": 3
128
142
  },
129
143
  {
130
144
  "top": 100,
@@ -132,7 +146,8 @@
132
146
  "width": 100,
133
147
  "height": 120,
134
148
  "right": 200,
135
- "bottom": 220
149
+ "bottom": 220,
150
+ "index": 4
136
151
  }
137
152
  ],
138
153
  "expectedOutput": [
@@ -142,7 +157,8 @@
142
157
  "width": 100,
143
158
  "top": 0,
144
159
  "bottom": 100,
145
- "height": 100
160
+ "height": 100,
161
+ "index": 0
146
162
  },
147
163
  {
148
164
  "left": 100,
@@ -150,7 +166,8 @@
150
166
  "width": 100,
151
167
  "top": 0,
152
168
  "bottom": 100,
153
- "height": 100
169
+ "height": 100,
170
+ "index": 1
154
171
  },
155
172
  {
156
173
  "left": 200,
@@ -158,7 +175,8 @@
158
175
  "width": 100,
159
176
  "top": 0,
160
177
  "bottom": 120,
161
- "height": 120
178
+ "height": 120,
179
+ "index": 2
162
180
  },
163
181
  {
164
182
  "left": 0,
@@ -166,7 +184,8 @@
166
184
  "width": 100,
167
185
  "top": 120,
168
186
  "bottom": 240,
169
- "height": 120
187
+ "height": 120,
188
+ "index": 3
170
189
  },
171
190
  {
172
191
  "left": 100,
@@ -174,7 +193,8 @@
174
193
  "width": 100,
175
194
  "top": 120,
176
195
  "bottom": 240,
177
- "height": 120
196
+ "height": 120,
197
+ "index": 4
178
198
  }
179
199
  ]
180
200
  },
@@ -186,7 +206,8 @@
186
206
  "width": 100,
187
207
  "height": 100,
188
208
  "right": 100,
189
- "bottom": 100
209
+ "bottom": 100,
210
+ "index": 0
190
211
  },
191
212
  {
192
213
  "top": 0,
@@ -194,7 +215,8 @@
194
215
  "width": 100,
195
216
  "height": 100,
196
217
  "right": 190,
197
- "bottom": 100
218
+ "bottom": 100,
219
+ "index": 1
198
220
  },
199
221
  {
200
222
  "top": 0,
@@ -202,7 +224,8 @@
202
224
  "width": 100,
203
225
  "height": 120,
204
226
  "right": 320,
205
- "bottom": 120
227
+ "bottom": 120,
228
+ "index": 2
206
229
  },
207
230
  {
208
231
  "top": 150,
@@ -210,7 +233,8 @@
210
233
  "width": 100,
211
234
  "height": 120,
212
235
  "right": 100,
213
- "bottom": 270
236
+ "bottom": 270,
237
+ "index": 3
214
238
  },
215
239
  {
216
240
  "top": 100,
@@ -218,7 +242,8 @@
218
242
  "width": 100,
219
243
  "height": 120,
220
244
  "right": 220,
221
- "bottom": 220
245
+ "bottom": 220,
246
+ "index": 4
222
247
  }
223
248
  ],
224
249
  "expectedOutput": [
@@ -228,7 +253,8 @@
228
253
  "width": 100,
229
254
  "top": 0,
230
255
  "bottom": 100,
231
- "height": 100
256
+ "height": 100,
257
+ "index": 0
232
258
  },
233
259
  {
234
260
  "left": 100,
@@ -236,7 +262,8 @@
236
262
  "width": 100,
237
263
  "top": 0,
238
264
  "bottom": 100,
239
- "height": 100
265
+ "height": 100,
266
+ "index": 1
240
267
  },
241
268
  {
242
269
  "left": 200,
@@ -244,7 +271,8 @@
244
271
  "width": 100,
245
272
  "top": 0,
246
273
  "bottom": 120,
247
- "height": 120
274
+ "height": 120,
275
+ "index": 2
248
276
  },
249
277
  {
250
278
  "left": 0,
@@ -252,7 +280,8 @@
252
280
  "width": 100,
253
281
  "top": 120,
254
282
  "bottom": 240,
255
- "height": 120
283
+ "height": 120,
284
+ "index": 3
256
285
  },
257
286
  {
258
287
  "left": 100,
@@ -260,7 +289,8 @@
260
289
  "width": 100,
261
290
  "top": 120,
262
291
  "bottom": 240,
263
- "height": 120
292
+ "height": 120,
293
+ "index": 4
264
294
  }
265
295
  ]
266
296
  },
@@ -272,7 +302,8 @@
272
302
  "width": 100,
273
303
  "height": 100,
274
304
  "right": 100,
275
- "bottom": 100
305
+ "bottom": 100,
306
+ "index": 0
276
307
  },
277
308
  {
278
309
  "top": 0,
@@ -280,7 +311,8 @@
280
311
  "width": 100,
281
312
  "height": 100,
282
313
  "right": 190,
283
- "bottom": 100
314
+ "bottom": 100,
315
+ "index": 1
284
316
  },
285
317
  {
286
318
  "top": 0,
@@ -288,7 +320,8 @@
288
320
  "width": 100,
289
321
  "height": 120,
290
322
  "right": 320,
291
- "bottom": 120
323
+ "bottom": 120,
324
+ "index": 2
292
325
  },
293
326
  {
294
327
  "top": 150,
@@ -296,7 +329,8 @@
296
329
  "width": 100,
297
330
  "height": 120,
298
331
  "right": 100,
299
- "bottom": 270
332
+ "bottom": 270,
333
+ "index": 3
300
334
  },
301
335
  {
302
336
  "top": 100,
@@ -304,7 +338,8 @@
304
338
  "width": 100,
305
339
  "height": 200,
306
340
  "right": 220,
307
- "bottom": 300
341
+ "bottom": 300,
342
+ "index": 4
308
343
  }
309
344
  ],
310
345
  "expectedOutput": [
@@ -314,7 +349,8 @@
314
349
  "width": 100,
315
350
  "top": 0,
316
351
  "bottom": 100,
317
- "height": 100
352
+ "height": 100,
353
+ "index": 0
318
354
  },
319
355
  {
320
356
  "left": 100,
@@ -322,7 +358,8 @@
322
358
  "width": 100,
323
359
  "top": 0,
324
360
  "bottom": 100,
325
- "height": 100
361
+ "height": 100,
362
+ "index": 1
326
363
  },
327
364
  {
328
365
  "left": 200,
@@ -330,7 +367,8 @@
330
367
  "width": 100,
331
368
  "top": 0,
332
369
  "bottom": 120,
333
- "height": 120
370
+ "height": 120,
371
+ "index": 2
334
372
  },
335
373
  {
336
374
  "left": 0,
@@ -338,7 +376,8 @@
338
376
  "width": 100,
339
377
  "top": 120,
340
378
  "bottom": 240,
341
- "height": 120
379
+ "height": 120,
380
+ "index": 3
342
381
  },
343
382
  {
344
383
  "left": 100,
@@ -346,7 +385,8 @@
346
385
  "width": 100,
347
386
  "top": 120,
348
387
  "bottom": 320,
349
- "height": 200
388
+ "height": 200,
389
+ "index": 4
350
390
  }
351
391
  ]
352
392
  }
@@ -360,7 +400,8 @@
360
400
  "width": 100,
361
401
  "height": 100,
362
402
  "right": 100,
363
- "bottom": 100
403
+ "bottom": 100,
404
+ "index": 0
364
405
  },
365
406
  {
366
407
  "top": 90,
@@ -368,7 +409,8 @@
368
409
  "width": 100,
369
410
  "height": 100,
370
411
  "right": 100,
371
- "bottom": 190
412
+ "bottom": 190,
413
+ "index": 1
372
414
  }
373
415
  ],
374
416
  "expectedOutput": [
@@ -378,7 +420,8 @@
378
420
  "width": 100,
379
421
  "top": 0,
380
422
  "bottom": 100,
381
- "height": 100
423
+ "height": 100,
424
+ "index": 0
382
425
  },
383
426
  {
384
427
  "left": 0,
@@ -386,7 +429,8 @@
386
429
  "width": 100,
387
430
  "top": 100,
388
431
  "bottom": 200,
389
- "height": 100
432
+ "height": 100,
433
+ "index": 1
390
434
  }
391
435
  ]
392
436
  },
@@ -398,7 +442,8 @@
398
442
  "width": 100,
399
443
  "height": 100,
400
444
  "right": 100,
401
- "bottom": 100
445
+ "bottom": 100,
446
+ "index": 0
402
447
  },
403
448
  {
404
449
  "top": 90,
@@ -406,7 +451,8 @@
406
451
  "width": 100,
407
452
  "height": 100,
408
453
  "right": 100,
409
- "bottom": 190
454
+ "bottom": 190,
455
+ "index": 1
410
456
  },
411
457
  {
412
458
  "top": 220,
@@ -414,7 +460,8 @@
414
460
  "width": 100,
415
461
  "height": 100,
416
462
  "right": 100,
417
- "bottom": 320
463
+ "bottom": 320,
464
+ "index": 2
418
465
  }
419
466
  ],
420
467
  "expectedOutput": [
@@ -424,7 +471,8 @@
424
471
  "width": 100,
425
472
  "top": 0,
426
473
  "bottom": 100,
427
- "height": 100
474
+ "height": 100,
475
+ "index": 0
428
476
  },
429
477
  {
430
478
  "left": 0,
@@ -432,7 +480,8 @@
432
480
  "width": 100,
433
481
  "top": 100,
434
482
  "bottom": 200,
435
- "height": 100
483
+ "height": 100,
484
+ "index": 1
436
485
  },
437
486
  {
438
487
  "left": 0,
@@ -440,7 +489,8 @@
440
489
  "width": 100,
441
490
  "top": 200,
442
491
  "bottom": 300,
443
- "height": 100
492
+ "height": 100,
493
+ "index": 2
444
494
  }
445
495
  ]
446
496
  },
@@ -452,7 +502,8 @@
452
502
  "width": 120,
453
503
  "height": 100,
454
504
  "right": 120,
455
- "bottom": 100
505
+ "bottom": 100,
506
+ "index": 0
456
507
  },
457
508
  {
458
509
  "top": 90,
@@ -460,7 +511,8 @@
460
511
  "width": 100,
461
512
  "height": 100,
462
513
  "right": 100,
463
- "bottom": 190
514
+ "bottom": 190,
515
+ "index": 1
464
516
  },
465
517
  {
466
518
  "top": 220,
@@ -468,7 +520,8 @@
468
520
  "width": 100,
469
521
  "height": 100,
470
522
  "right": 100,
471
- "bottom": 320
523
+ "bottom": 320,
524
+ "index": 2
472
525
  },
473
526
  {
474
527
  "top": 0,
@@ -476,7 +529,8 @@
476
529
  "width": 100,
477
530
  "height": 120,
478
531
  "right": 200,
479
- "bottom": 120
532
+ "bottom": 120,
533
+ "index": 3
480
534
  },
481
535
  {
482
536
  "top": 100,
@@ -484,7 +538,8 @@
484
538
  "width": 100,
485
539
  "height": 120,
486
540
  "right": 200,
487
- "bottom": 220
541
+ "bottom": 220,
542
+ "index": 4
488
543
  }
489
544
  ],
490
545
  "expectedOutput": [
@@ -494,7 +549,8 @@
494
549
  "width": 120,
495
550
  "top": 0,
496
551
  "bottom": 100,
497
- "height": 100
552
+ "height": 100,
553
+ "index": 0
498
554
  },
499
555
  {
500
556
  "left": 0,
@@ -502,7 +558,8 @@
502
558
  "width": 100,
503
559
  "top": 100,
504
560
  "bottom": 200,
505
- "height": 100
561
+ "height": 100,
562
+ "index": 1
506
563
  },
507
564
  {
508
565
  "left": 0,
@@ -510,7 +567,8 @@
510
567
  "width": 100,
511
568
  "top": 200,
512
569
  "bottom": 300,
513
- "height": 100
570
+ "height": 100,
571
+ "index": 2
514
572
  },
515
573
  {
516
574
  "left": 120,
@@ -518,7 +576,8 @@
518
576
  "width": 100,
519
577
  "top": 0,
520
578
  "bottom": 120,
521
- "height": 120
579
+ "height": 120,
580
+ "index": 3
522
581
  },
523
582
  {
524
583
  "left": 120,
@@ -526,7 +585,8 @@
526
585
  "width": 100,
527
586
  "top": 120,
528
587
  "bottom": 240,
529
- "height": 120
588
+ "height": 120,
589
+ "index": 4
530
590
  }
531
591
  ]
532
592
  },
@@ -538,7 +598,8 @@
538
598
  "width": 120,
539
599
  "height": 100,
540
600
  "right": 120,
541
- "bottom": 100
601
+ "bottom": 100,
602
+ "index": 0
542
603
  },
543
604
  {
544
605
  "top": 90,
@@ -546,7 +607,8 @@
546
607
  "width": 100,
547
608
  "height": 100,
548
609
  "right": 100,
549
- "bottom": 190
610
+ "bottom": 190,
611
+ "index": 1
550
612
  },
551
613
  {
552
614
  "top": 220,
@@ -554,7 +616,8 @@
554
616
  "width": 100,
555
617
  "height": 100,
556
618
  "right": 100,
557
- "bottom": 320
619
+ "bottom": 320,
620
+ "index": 2
558
621
  },
559
622
  {
560
623
  "top": 0,
@@ -562,7 +625,8 @@
562
625
  "width": 100,
563
626
  "height": 120,
564
627
  "right": 250,
565
- "bottom": 120
628
+ "bottom": 120,
629
+ "index": 3
566
630
  },
567
631
  {
568
632
  "top": 100,
@@ -570,7 +634,8 @@
570
634
  "width": 100,
571
635
  "height": 120,
572
636
  "right": 220,
573
- "bottom": 220
637
+ "bottom": 220,
638
+ "index": 4
574
639
  }
575
640
  ],
576
641
  "expectedOutput": [
@@ -580,7 +645,8 @@
580
645
  "width": 120,
581
646
  "top": 0,
582
647
  "bottom": 100,
583
- "height": 100
648
+ "height": 100,
649
+ "index": 0
584
650
  },
585
651
  {
586
652
  "left": 0,
@@ -588,7 +654,8 @@
588
654
  "width": 100,
589
655
  "top": 100,
590
656
  "bottom": 200,
591
- "height": 100
657
+ "height": 100,
658
+ "index": 1
592
659
  },
593
660
  {
594
661
  "left": 0,
@@ -596,7 +663,8 @@
596
663
  "width": 100,
597
664
  "top": 200,
598
665
  "bottom": 300,
599
- "height": 100
666
+ "height": 100,
667
+ "index": 2
600
668
  },
601
669
  {
602
670
  "left": 120,
@@ -604,7 +672,8 @@
604
672
  "width": 100,
605
673
  "top": 0,
606
674
  "bottom": 120,
607
- "height": 120
675
+ "height": 120,
676
+ "index": 3
608
677
  },
609
678
  {
610
679
  "left": 120,
@@ -612,7 +681,8 @@
612
681
  "width": 100,
613
682
  "top": 120,
614
683
  "bottom": 240,
615
- "height": 120
684
+ "height": 120,
685
+ "index": 4
616
686
  }
617
687
  ]
618
688
  }
@@ -626,7 +696,8 @@
626
696
  "width": 120,
627
697
  "height": 100,
628
698
  "right": 120,
629
- "bottom": 100
699
+ "bottom": 100,
700
+ "index": 0
630
701
  },
631
702
  {
632
703
  "top": 90,
@@ -634,7 +705,8 @@
634
705
  "width": 100,
635
706
  "height": 100,
636
707
  "right": 100,
637
- "bottom": 190
708
+ "bottom": 190,
709
+ "index": 1
638
710
  },
639
711
  {
640
712
  "top": 220,
@@ -642,7 +714,8 @@
642
714
  "width": 100,
643
715
  "height": 100,
644
716
  "right": 100,
645
- "bottom": 320
717
+ "bottom": 320,
718
+ "index": 2
646
719
  },
647
720
  {
648
721
  "top": 0,
@@ -650,7 +723,8 @@
650
723
  "width": 100,
651
724
  "height": 120,
652
725
  "right": 250,
653
- "bottom": 120
726
+ "bottom": 120,
727
+ "index": 3
654
728
  },
655
729
  {
656
730
  "top": 100,
@@ -658,7 +732,8 @@
658
732
  "width": 100,
659
733
  "height": 120,
660
734
  "right": 220,
661
- "bottom": 220
735
+ "bottom": 220,
736
+ "index": 4
662
737
  }
663
738
  ],
664
739
  "expectedOutput": [
@@ -668,7 +743,8 @@
668
743
  "width": 120,
669
744
  "top": 0,
670
745
  "bottom": 100,
671
- "height": 100
746
+ "height": 100,
747
+ "index": 0
672
748
  },
673
749
  {
674
750
  "left": 0,
@@ -676,7 +752,8 @@
676
752
  "width": 100,
677
753
  "top": 100,
678
754
  "bottom": 200,
679
- "height": 100
755
+ "height": 100,
756
+ "index": 1
680
757
  },
681
758
  {
682
759
  "left": 0,
@@ -684,7 +761,8 @@
684
761
  "width": 100,
685
762
  "top": 200,
686
763
  "bottom": 300,
687
- "height": 100
764
+ "height": 100,
765
+ "index": 2
688
766
  },
689
767
  {
690
768
  "left": 120,
@@ -692,7 +770,8 @@
692
770
  "width": 100,
693
771
  "top": 0,
694
772
  "bottom": 120,
695
- "height": 120
773
+ "height": 120,
774
+ "index": 3
696
775
  },
697
776
  {
698
777
  "top": 100,
@@ -700,7 +779,8 @@
700
779
  "width": 100,
701
780
  "height": 120,
702
781
  "right": 220,
703
- "bottom": 220
782
+ "bottom": 220,
783
+ "index": 4
704
784
  }
705
785
  ]
706
786
  }