@homecode/ui 4.30.1 → 4.30.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.
- package/.cursor/debug.log +217 -121
- package/dist/esm/src/components/Autocomplete/Autocomplete.js +135 -25
- package/dist/esm/src/components/Autocomplete/Autocomplete.styl.js +2 -2
- package/dist/esm/src/components/Scroll/Scroll.styl.js +1 -1
- package/dist/esm/src/components/Virtualized/List/List.js +13 -1
- package/dist/esm/src/components/Virtualized/List/ListScroll.js +1 -1
- package/dist/esm/src/components/Virtualized/Virtualized.js +10 -3
- package/dist/esm/types/src/components/Autocomplete/Autocomplete.types.d.ts +15 -1
- package/dist/esm/types/src/components/Virtualized/List/ListScroll.d.ts +1 -1
- package/dist/esm/types/src/components/Virtualized/Virtualized.d.ts +4 -1
- package/package.json +1 -1
package/.cursor/debug.log
CHANGED
|
@@ -1,121 +1,217 @@
|
|
|
1
|
-
{"location":"
|
|
2
|
-
{"location":"
|
|
3
|
-
{"location":"
|
|
4
|
-
{"location":"
|
|
5
|
-
{"location":"
|
|
6
|
-
{"location":"
|
|
7
|
-
{"location":"
|
|
8
|
-
{"location":"
|
|
9
|
-
{"location":"
|
|
10
|
-
{"location":"
|
|
11
|
-
{"location":"
|
|
12
|
-
{"location":"
|
|
13
|
-
{"location":"
|
|
14
|
-
{"location":"
|
|
15
|
-
{"location":"
|
|
16
|
-
{"location":"
|
|
17
|
-
{"location":"
|
|
18
|
-
{"location":"
|
|
19
|
-
{"location":"
|
|
20
|
-
{"location":"
|
|
21
|
-
{"location":"
|
|
22
|
-
{"location":"
|
|
23
|
-
{"location":"
|
|
24
|
-
{"location":"
|
|
25
|
-
{"location":"
|
|
26
|
-
{"location":"
|
|
27
|
-
{"location":"
|
|
28
|
-
{"location":"
|
|
29
|
-
{"location":"
|
|
30
|
-
{"location":"
|
|
31
|
-
{"location":"
|
|
32
|
-
{"location":"
|
|
33
|
-
{"location":"
|
|
34
|
-
{"location":"
|
|
35
|
-
{"location":"
|
|
36
|
-
{"location":"
|
|
37
|
-
{"location":"
|
|
38
|
-
{"location":"
|
|
39
|
-
{"location":"
|
|
40
|
-
{"location":"
|
|
41
|
-
{"location":"
|
|
42
|
-
{"location":"
|
|
43
|
-
{"location":"
|
|
44
|
-
{"location":"
|
|
45
|
-
{"location":"
|
|
46
|
-
{"location":"
|
|
47
|
-
{"location":"
|
|
48
|
-
{"location":"
|
|
49
|
-
{"location":"
|
|
50
|
-
{"location":"
|
|
51
|
-
{"location":"
|
|
52
|
-
{"location":"
|
|
53
|
-
{"location":"
|
|
54
|
-
{"location":"
|
|
55
|
-
{"location":"
|
|
56
|
-
{"location":"
|
|
57
|
-
{"location":"
|
|
58
|
-
{"location":"
|
|
59
|
-
{"location":"
|
|
60
|
-
{"location":"
|
|
61
|
-
{"location":"
|
|
62
|
-
{"location":"
|
|
63
|
-
{"location":"
|
|
64
|
-
{"location":"
|
|
65
|
-
{"location":"
|
|
66
|
-
{"location":"
|
|
67
|
-
{"location":"
|
|
68
|
-
{"location":"
|
|
69
|
-
{"location":"
|
|
70
|
-
{"location":"
|
|
71
|
-
{"location":"
|
|
72
|
-
{"location":"
|
|
73
|
-
{"location":"
|
|
74
|
-
{"location":"
|
|
75
|
-
{"location":"
|
|
76
|
-
{"location":"
|
|
77
|
-
{"location":"
|
|
78
|
-
{"location":"
|
|
79
|
-
{"location":"
|
|
80
|
-
{"location":"
|
|
81
|
-
{"location":"
|
|
82
|
-
{"location":"
|
|
83
|
-
{"location":"
|
|
84
|
-
{"location":"
|
|
85
|
-
{"location":"
|
|
86
|
-
{"location":"
|
|
87
|
-
{"location":"
|
|
88
|
-
{"location":"
|
|
89
|
-
{"location":"
|
|
90
|
-
{"location":"
|
|
91
|
-
{"location":"
|
|
92
|
-
{"location":"
|
|
93
|
-
{"location":"
|
|
94
|
-
{"location":"
|
|
95
|
-
{"location":"
|
|
96
|
-
{"location":"
|
|
97
|
-
{"location":"
|
|
98
|
-
{"location":"
|
|
99
|
-
{"location":"
|
|
100
|
-
{"location":"
|
|
101
|
-
{"location":"
|
|
102
|
-
{"location":"
|
|
103
|
-
{"location":"
|
|
104
|
-
{"location":"
|
|
105
|
-
{"location":"
|
|
106
|
-
{"location":"
|
|
107
|
-
{"location":"
|
|
108
|
-
{"location":"
|
|
109
|
-
{"location":"
|
|
110
|
-
{"location":"
|
|
111
|
-
{"location":"
|
|
112
|
-
{"location":"
|
|
113
|
-
{"location":"
|
|
114
|
-
{"location":"
|
|
115
|
-
{"location":"
|
|
116
|
-
{"location":"
|
|
117
|
-
{"location":"
|
|
118
|
-
{"location":"
|
|
119
|
-
{"location":"
|
|
120
|
-
{"location":"
|
|
121
|
-
{"location":"
|
|
1
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176350336,"hypothesisId":"A"}
|
|
2
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":21.25,"scrollHeight":350},"timestamp":1771176350337,"hypothesisId":"A"}
|
|
3
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"SET isScrolling","data":{"scrollTop":21.25,"scrollLeft":0,"scrollHeight":350},"timestamp":1771176350338,"hypothesisId":"B"}
|
|
4
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176350352,"hypothesisId":"A"}
|
|
5
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":22.5,"scrollHeight":350},"timestamp":1771176350352,"hypothesisId":"A"}
|
|
6
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176350368,"hypothesisId":"A"}
|
|
7
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":25,"scrollHeight":350},"timestamp":1771176350368,"hypothesisId":"A"}
|
|
8
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176350384,"hypothesisId":"A"}
|
|
9
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":27.5,"scrollHeight":350},"timestamp":1771176350384,"hypothesisId":"A"}
|
|
10
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176350403,"hypothesisId":"A"}
|
|
11
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":30,"scrollHeight":350},"timestamp":1771176350404,"hypothesisId":"A"}
|
|
12
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176350418,"hypothesisId":"A"}
|
|
13
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":32.5,"scrollHeight":350},"timestamp":1771176350418,"hypothesisId":"A"}
|
|
14
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176350437,"hypothesisId":"A"}
|
|
15
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":35,"scrollHeight":350},"timestamp":1771176350437,"hypothesisId":"A"}
|
|
16
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176350453,"hypothesisId":"A"}
|
|
17
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":36.25,"scrollHeight":350},"timestamp":1771176350454,"hypothesisId":"A"}
|
|
18
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176350468,"hypothesisId":"A"}
|
|
19
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":37.5,"scrollHeight":350},"timestamp":1771176350468,"hypothesisId":"A"}
|
|
20
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176350484,"hypothesisId":"A"}
|
|
21
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":38.75,"scrollHeight":350},"timestamp":1771176350485,"hypothesisId":"A"}
|
|
22
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176350501,"hypothesisId":"A"}
|
|
23
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":40,"scrollHeight":350},"timestamp":1771176350501,"hypothesisId":"A"}
|
|
24
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176350517,"hypothesisId":"A"}
|
|
25
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":41.25,"scrollHeight":350},"timestamp":1771176350517,"hypothesisId":"A"}
|
|
26
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176350534,"hypothesisId":"A"}
|
|
27
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":42.5,"scrollHeight":350},"timestamp":1771176350535,"hypothesisId":"A"}
|
|
28
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176350551,"hypothesisId":"A"}
|
|
29
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":43.75,"scrollHeight":350},"timestamp":1771176350551,"hypothesisId":"A"}
|
|
30
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176350567,"hypothesisId":"A"}
|
|
31
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":45,"scrollHeight":350},"timestamp":1771176350568,"hypothesisId":"A"}
|
|
32
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176350584,"hypothesisId":"A"}
|
|
33
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":46.25,"scrollHeight":350},"timestamp":1771176350585,"hypothesisId":"A"}
|
|
34
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176350601,"hypothesisId":"A"}
|
|
35
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":47.5,"scrollHeight":350},"timestamp":1771176350601,"hypothesisId":"A"}
|
|
36
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176350618,"hypothesisId":"A"}
|
|
37
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":48.75,"scrollHeight":350},"timestamp":1771176350618,"hypothesisId":"A"}
|
|
38
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176350637,"hypothesisId":"A"}
|
|
39
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":50,"scrollHeight":350},"timestamp":1771176350637,"hypothesisId":"A"}
|
|
40
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176350937,"hypothesisId":"A"}
|
|
41
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":48.75,"scrollHeight":350},"timestamp":1771176350938,"hypothesisId":"A"}
|
|
42
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176350951,"hypothesisId":"A"}
|
|
43
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":46.25,"scrollHeight":350},"timestamp":1771176350951,"hypothesisId":"A"}
|
|
44
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176350971,"hypothesisId":"A"}
|
|
45
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":43.75,"scrollHeight":350},"timestamp":1771176350972,"hypothesisId":"A"}
|
|
46
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176350984,"hypothesisId":"A"}
|
|
47
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":41.25,"scrollHeight":350},"timestamp":1771176350985,"hypothesisId":"A"}
|
|
48
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351001,"hypothesisId":"A"}
|
|
49
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":38.75,"scrollHeight":350},"timestamp":1771176351001,"hypothesisId":"A"}
|
|
50
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351017,"hypothesisId":"A"}
|
|
51
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":36.25,"scrollHeight":350},"timestamp":1771176351017,"hypothesisId":"A"}
|
|
52
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351034,"hypothesisId":"A"}
|
|
53
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":35,"scrollHeight":350},"timestamp":1771176351035,"hypothesisId":"A"}
|
|
54
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351051,"hypothesisId":"A"}
|
|
55
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":32.5,"scrollHeight":350},"timestamp":1771176351051,"hypothesisId":"A"}
|
|
56
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351067,"hypothesisId":"A"}
|
|
57
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":31.25,"scrollHeight":350},"timestamp":1771176351068,"hypothesisId":"A"}
|
|
58
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351083,"hypothesisId":"A"}
|
|
59
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":28.75,"scrollHeight":350},"timestamp":1771176351084,"hypothesisId":"A"}
|
|
60
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351100,"hypothesisId":"A"}
|
|
61
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":26.25,"scrollHeight":350},"timestamp":1771176351100,"hypothesisId":"A"}
|
|
62
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351117,"hypothesisId":"A"}
|
|
63
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":23.75,"scrollHeight":350},"timestamp":1771176351117,"hypothesisId":"A"}
|
|
64
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351134,"hypothesisId":"A"}
|
|
65
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":21.25,"scrollHeight":350},"timestamp":1771176351134,"hypothesisId":"A"}
|
|
66
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351150,"hypothesisId":"A"}
|
|
67
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":17.5,"scrollHeight":350},"timestamp":1771176351150,"hypothesisId":"A"}
|
|
68
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351167,"hypothesisId":"A"}
|
|
69
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":15,"scrollHeight":350},"timestamp":1771176351168,"hypothesisId":"A"}
|
|
70
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351184,"hypothesisId":"A"}
|
|
71
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":12.5,"scrollHeight":350},"timestamp":1771176351184,"hypothesisId":"A"}
|
|
72
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351201,"hypothesisId":"A"}
|
|
73
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":10,"scrollHeight":350},"timestamp":1771176351201,"hypothesisId":"A"}
|
|
74
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351221,"hypothesisId":"A"}
|
|
75
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":7.5,"scrollHeight":350},"timestamp":1771176351222,"hypothesisId":"A"}
|
|
76
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351233,"hypothesisId":"A"}
|
|
77
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":6.25,"scrollHeight":350},"timestamp":1771176351234,"hypothesisId":"A"}
|
|
78
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351251,"hypothesisId":"A"}
|
|
79
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":5,"scrollHeight":350},"timestamp":1771176351251,"hypothesisId":"A"}
|
|
80
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351268,"hypothesisId":"A"}
|
|
81
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":3.75,"scrollHeight":350},"timestamp":1771176351269,"hypothesisId":"A"}
|
|
82
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351284,"hypothesisId":"A"}
|
|
83
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":2.5,"scrollHeight":350},"timestamp":1771176351285,"hypothesisId":"A"}
|
|
84
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351301,"hypothesisId":"A"}
|
|
85
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":1.25,"scrollHeight":350},"timestamp":1771176351301,"hypothesisId":"A"}
|
|
86
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351335,"hypothesisId":"A"}
|
|
87
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":0,"scrollHeight":350},"timestamp":1771176351335,"hypothesisId":"A"}
|
|
88
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351784,"hypothesisId":"A"}
|
|
89
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":2.5,"scrollHeight":350},"timestamp":1771176351785,"hypothesisId":"A"}
|
|
90
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351800,"hypothesisId":"A"}
|
|
91
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":6.25,"scrollHeight":350},"timestamp":1771176351801,"hypothesisId":"A"}
|
|
92
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351818,"hypothesisId":"A"}
|
|
93
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":10,"scrollHeight":350},"timestamp":1771176351818,"hypothesisId":"A"}
|
|
94
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351834,"hypothesisId":"A"}
|
|
95
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":13.75,"scrollHeight":350},"timestamp":1771176351835,"hypothesisId":"A"}
|
|
96
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351851,"hypothesisId":"A"}
|
|
97
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":17.5,"scrollHeight":350},"timestamp":1771176351851,"hypothesisId":"A"}
|
|
98
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351868,"hypothesisId":"A"}
|
|
99
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":21.25,"scrollHeight":350},"timestamp":1771176351868,"hypothesisId":"A"}
|
|
100
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351884,"hypothesisId":"A"}
|
|
101
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":25,"scrollHeight":350},"timestamp":1771176351885,"hypothesisId":"A"}
|
|
102
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351900,"hypothesisId":"A"}
|
|
103
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":28.75,"scrollHeight":350},"timestamp":1771176351901,"hypothesisId":"A"}
|
|
104
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351918,"hypothesisId":"A"}
|
|
105
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":32.5,"scrollHeight":350},"timestamp":1771176351918,"hypothesisId":"A"}
|
|
106
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351933,"hypothesisId":"A"}
|
|
107
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":36.25,"scrollHeight":350},"timestamp":1771176351934,"hypothesisId":"A"}
|
|
108
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351951,"hypothesisId":"A"}
|
|
109
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":40,"scrollHeight":350},"timestamp":1771176351951,"hypothesisId":"A"}
|
|
110
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351968,"hypothesisId":"A"}
|
|
111
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":42.5,"scrollHeight":350},"timestamp":1771176351968,"hypothesisId":"A"}
|
|
112
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351984,"hypothesisId":"A"}
|
|
113
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":45,"scrollHeight":350},"timestamp":1771176351985,"hypothesisId":"A"}
|
|
114
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352000,"hypothesisId":"A"}
|
|
115
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":46.25,"scrollHeight":350},"timestamp":1771176352001,"hypothesisId":"A"}
|
|
116
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352018,"hypothesisId":"A"}
|
|
117
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":47.5,"scrollHeight":350},"timestamp":1771176352018,"hypothesisId":"A"}
|
|
118
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352037,"hypothesisId":"A"}
|
|
119
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":48.75,"scrollHeight":350},"timestamp":1771176352037,"hypothesisId":"A"}
|
|
120
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352054,"hypothesisId":"A"}
|
|
121
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":50,"scrollHeight":350},"timestamp":1771176352054,"hypothesisId":"A"}
|
|
122
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352201,"hypothesisId":"A"}
|
|
123
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":48.75,"scrollHeight":350},"timestamp":1771176352202,"hypothesisId":"A"}
|
|
124
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352218,"hypothesisId":"A"}
|
|
125
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":46.25,"scrollHeight":350},"timestamp":1771176352218,"hypothesisId":"A"}
|
|
126
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352234,"hypothesisId":"A"}
|
|
127
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":42.5,"scrollHeight":350},"timestamp":1771176352235,"hypothesisId":"A"}
|
|
128
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352250,"hypothesisId":"A"}
|
|
129
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":38.75,"scrollHeight":350},"timestamp":1771176352251,"hypothesisId":"A"}
|
|
130
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352268,"hypothesisId":"A"}
|
|
131
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":35,"scrollHeight":350},"timestamp":1771176352268,"hypothesisId":"A"}
|
|
132
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352284,"hypothesisId":"A"}
|
|
133
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":31.25,"scrollHeight":350},"timestamp":1771176352285,"hypothesisId":"A"}
|
|
134
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352301,"hypothesisId":"A"}
|
|
135
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":27.5,"scrollHeight":350},"timestamp":1771176352302,"hypothesisId":"A"}
|
|
136
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352318,"hypothesisId":"A"}
|
|
137
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":25,"scrollHeight":350},"timestamp":1771176352318,"hypothesisId":"A"}
|
|
138
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352334,"hypothesisId":"A"}
|
|
139
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":22.5,"scrollHeight":350},"timestamp":1771176352335,"hypothesisId":"A"}
|
|
140
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352351,"hypothesisId":"A"}
|
|
141
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":21.25,"scrollHeight":350},"timestamp":1771176352351,"hypothesisId":"A"}
|
|
142
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352368,"hypothesisId":"A"}
|
|
143
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":20,"scrollHeight":350},"timestamp":1771176352368,"hypothesisId":"A"}
|
|
144
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"SET isScrolling","data":{"scrollTop":20,"scrollLeft":0,"scrollHeight":350},"timestamp":1771176352369,"hypothesisId":"B"}
|
|
145
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352387,"hypothesisId":"A"}
|
|
146
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":18.75,"scrollHeight":350},"timestamp":1771176352387,"hypothesisId":"A"}
|
|
147
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"SET isScrolling","data":{"scrollTop":18.75,"scrollLeft":0,"scrollHeight":350},"timestamp":1771176352388,"hypothesisId":"B"}
|
|
148
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352401,"hypothesisId":"A"}
|
|
149
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":17.5,"scrollHeight":350},"timestamp":1771176352401,"hypothesisId":"A"}
|
|
150
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"SET isScrolling","data":{"scrollTop":17.5,"scrollLeft":0,"scrollHeight":350},"timestamp":1771176352402,"hypothesisId":"B"}
|
|
151
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352418,"hypothesisId":"A"}
|
|
152
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":16.25,"scrollHeight":350},"timestamp":1771176352418,"hypothesisId":"A"}
|
|
153
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352435,"hypothesisId":"A"}
|
|
154
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":15,"scrollHeight":350},"timestamp":1771176352435,"hypothesisId":"A"}
|
|
155
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"SET isScrolling","data":{"scrollTop":15,"scrollLeft":0,"scrollHeight":350},"timestamp":1771176352435,"hypothesisId":"B"}
|
|
156
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352451,"hypothesisId":"A"}
|
|
157
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":13.75,"scrollHeight":350},"timestamp":1771176352452,"hypothesisId":"A"}
|
|
158
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352468,"hypothesisId":"A"}
|
|
159
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":11.25,"scrollHeight":350},"timestamp":1771176352468,"hypothesisId":"A"}
|
|
160
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"SET isScrolling","data":{"scrollTop":11.25,"scrollLeft":0,"scrollHeight":350},"timestamp":1771176352468,"hypothesisId":"B"}
|
|
161
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352484,"hypothesisId":"A"}
|
|
162
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":10,"scrollHeight":350},"timestamp":1771176352485,"hypothesisId":"A"}
|
|
163
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"SET isScrolling","data":{"scrollTop":10,"scrollLeft":0,"scrollHeight":350},"timestamp":1771176352485,"hypothesisId":"B"}
|
|
164
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352501,"hypothesisId":"A"}
|
|
165
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":8.75,"scrollHeight":350},"timestamp":1771176352501,"hypothesisId":"A"}
|
|
166
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"SET isScrolling","data":{"scrollTop":8.75,"scrollLeft":0,"scrollHeight":350},"timestamp":1771176352501,"hypothesisId":"B"}
|
|
167
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352518,"hypothesisId":"A"}
|
|
168
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":7.5,"scrollHeight":350},"timestamp":1771176352518,"hypothesisId":"A"}
|
|
169
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"SET isScrolling","data":{"scrollTop":7.5,"scrollLeft":0,"scrollHeight":350},"timestamp":1771176352518,"hypothesisId":"B"}
|
|
170
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352534,"hypothesisId":"A"}
|
|
171
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":6.25,"scrollHeight":350},"timestamp":1771176352535,"hypothesisId":"A"}
|
|
172
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"SET isScrolling","data":{"scrollTop":6.25,"scrollLeft":0,"scrollHeight":350},"timestamp":1771176352535,"hypothesisId":"B"}
|
|
173
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176354918,"hypothesisId":"A"}
|
|
174
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":8.75,"scrollHeight":350},"timestamp":1771176354918,"hypothesisId":"A"}
|
|
175
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"SET isScrolling","data":{"scrollTop":8.75,"scrollLeft":0,"scrollHeight":350},"timestamp":1771176354920,"hypothesisId":"B"}
|
|
176
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176354935,"hypothesisId":"A"}
|
|
177
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":13.75,"scrollHeight":350},"timestamp":1771176354935,"hypothesisId":"A"}
|
|
178
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176354951,"hypothesisId":"A"}
|
|
179
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":21.25,"scrollHeight":350},"timestamp":1771176354951,"hypothesisId":"A"}
|
|
180
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176354968,"hypothesisId":"A"}
|
|
181
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":31.25,"scrollHeight":350},"timestamp":1771176354968,"hypothesisId":"A"}
|
|
182
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176354984,"hypothesisId":"A"}
|
|
183
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":40,"scrollHeight":350},"timestamp":1771176354985,"hypothesisId":"A"}
|
|
184
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176355001,"hypothesisId":"A"}
|
|
185
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":46.25,"scrollHeight":350},"timestamp":1771176355001,"hypothesisId":"A"}
|
|
186
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176355018,"hypothesisId":"A"}
|
|
187
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":50,"scrollHeight":350},"timestamp":1771176355018,"hypothesisId":"A"}
|
|
188
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176355285,"hypothesisId":"A"}
|
|
189
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":48.75,"scrollHeight":350},"timestamp":1771176355286,"hypothesisId":"A"}
|
|
190
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176355301,"hypothesisId":"A"}
|
|
191
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":47.5,"scrollHeight":350},"timestamp":1771176355302,"hypothesisId":"A"}
|
|
192
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176355317,"hypothesisId":"A"}
|
|
193
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":43.75,"scrollHeight":350},"timestamp":1771176355317,"hypothesisId":"A"}
|
|
194
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176355333,"hypothesisId":"A"}
|
|
195
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":40,"scrollHeight":350},"timestamp":1771176355334,"hypothesisId":"A"}
|
|
196
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176355351,"hypothesisId":"A"}
|
|
197
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":36.25,"scrollHeight":350},"timestamp":1771176355351,"hypothesisId":"A"}
|
|
198
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176355368,"hypothesisId":"A"}
|
|
199
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":32.5,"scrollHeight":350},"timestamp":1771176355368,"hypothesisId":"A"}
|
|
200
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176355384,"hypothesisId":"A"}
|
|
201
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":28.75,"scrollHeight":350},"timestamp":1771176355385,"hypothesisId":"A"}
|
|
202
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176355401,"hypothesisId":"A"}
|
|
203
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":25,"scrollHeight":350},"timestamp":1771176355401,"hypothesisId":"A"}
|
|
204
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176355418,"hypothesisId":"A"}
|
|
205
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":21.25,"scrollHeight":350},"timestamp":1771176355419,"hypothesisId":"A"}
|
|
206
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176355434,"hypothesisId":"A"}
|
|
207
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":17.5,"scrollHeight":350},"timestamp":1771176355435,"hypothesisId":"A"}
|
|
208
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176355451,"hypothesisId":"A"}
|
|
209
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":13.75,"scrollHeight":350},"timestamp":1771176355452,"hypothesisId":"A"}
|
|
210
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176355468,"hypothesisId":"A"}
|
|
211
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":10,"scrollHeight":350},"timestamp":1771176355469,"hypothesisId":"A"}
|
|
212
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176355484,"hypothesisId":"A"}
|
|
213
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":6.25,"scrollHeight":350},"timestamp":1771176355485,"hypothesisId":"A"}
|
|
214
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176355501,"hypothesisId":"A"}
|
|
215
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":2.5,"scrollHeight":350},"timestamp":1771176355502,"hypothesisId":"A"}
|
|
216
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176355518,"hypothesisId":"A"}
|
|
217
|
+
{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":0,"scrollHeight":350},"timestamp":1771176355518,"hypothesisId":"A"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
2
|
import cn from 'classnames';
|
|
3
3
|
import '../AssistiveText/AssistiveText.styl.js';
|
|
4
|
-
import { useState, useRef, useEffect, useMemo } from 'react';
|
|
4
|
+
import { useState, useRef, useCallback, useEffect, useMemo } from 'react';
|
|
5
5
|
import S from './Autocomplete.styl.js';
|
|
6
6
|
import { Shimmer } from '../Shimmer/Shimmer.js';
|
|
7
7
|
import debounce from '../../tools/debounce.js';
|
|
@@ -59,14 +59,25 @@ import '../Tabs/Tabs.styl.js';
|
|
|
59
59
|
import '../Text/Text.js';
|
|
60
60
|
import '../Virtualized/Virtualized.styl.js';
|
|
61
61
|
import '../Virtualized/List/List.styl.js';
|
|
62
|
-
import '../Virtualized/List/ListScroll.
|
|
62
|
+
import ListScroll from '../Virtualized/List/ListScroll.js';
|
|
63
63
|
import '../Toggle/Toggle.styl.js';
|
|
64
64
|
|
|
65
|
+
const SIZE_TO_ITEM_HEIGHT = {
|
|
66
|
+
s: 30,
|
|
67
|
+
m: 40,
|
|
68
|
+
l: 50,
|
|
69
|
+
};
|
|
65
70
|
function Autocomplete(props) {
|
|
66
|
-
const { className, inputWrapperClassName, value, onChange, size = 'm', getOptions, onSelect, debounceDelay = 300, round = false, blur = false, inputProps = {}, popupProps = {}, menuProps = {}, } = props;
|
|
71
|
+
const { className, inputWrapperClassName, value, onChange, size = 'm', getOptions, onSelect, items, itemHeight = SIZE_TO_ITEM_HEIGHT[size], pageSize = 20, debounceDelay = 300, round = false, blur = false, inputProps = {}, popupProps = {}, menuProps = {}, } = props;
|
|
67
72
|
const isMounted = useIsMounted();
|
|
68
|
-
const [
|
|
73
|
+
const [filteredItems, setFilteredItems] = useState([]);
|
|
74
|
+
const [currentFilter, setCurrentFilter] = useState('');
|
|
75
|
+
const [currentOffset, setCurrentOffset] = useState(0);
|
|
76
|
+
const [totalCount, setTotalCount] = useState(0);
|
|
69
77
|
const [isLoading, setIsLoading] = useState(false);
|
|
78
|
+
const [isLoadingMore, setIsLoadingMore] = useState(false);
|
|
79
|
+
const [isOpen, setIsOpen] = useState(props.isOpen);
|
|
80
|
+
const [isFocused, setIsFocused] = useState(isOpen);
|
|
70
81
|
const isFocusedRef = useRef(false);
|
|
71
82
|
const searchValRef = useRef(value);
|
|
72
83
|
const [searchValue, _setSearchValue] = useState(value);
|
|
@@ -77,27 +88,42 @@ function Autocomplete(props) {
|
|
|
77
88
|
const currentRequest = useRef('');
|
|
78
89
|
// @ts-ignore
|
|
79
90
|
const inputRef = useRef(null);
|
|
80
|
-
const
|
|
91
|
+
const displayItems = currentFilter ? filteredItems : items || [];
|
|
92
|
+
const hasMore = currentFilter ? filteredItems.length < totalCount : false;
|
|
81
93
|
const classes = cn(S.root, className, popupProps.className);
|
|
82
94
|
const handleFocus = (e) => {
|
|
83
95
|
isFocusedRef.current = true;
|
|
96
|
+
setIsFocused(true);
|
|
84
97
|
inputProps?.onFocus?.(e);
|
|
85
98
|
};
|
|
86
99
|
const handleBlur = (e) => {
|
|
87
100
|
isFocusedRef.current = false;
|
|
101
|
+
setIsFocused(false);
|
|
88
102
|
inputProps?.onBlur?.(e);
|
|
89
103
|
};
|
|
90
104
|
const handleInputChange = (e, value) => {
|
|
91
105
|
const val = (value || e?.target.value) ?? '';
|
|
92
|
-
setOptions([]);
|
|
93
106
|
setSearchValue(val);
|
|
94
107
|
onChange(e, val);
|
|
95
|
-
|
|
108
|
+
if (!val) {
|
|
109
|
+
setCurrentFilter('');
|
|
110
|
+
setFilteredItems([]);
|
|
111
|
+
setCurrentOffset(0);
|
|
112
|
+
setTotalCount(0);
|
|
113
|
+
}
|
|
114
|
+
else {
|
|
115
|
+
setCurrentFilter(val);
|
|
116
|
+
setCurrentOffset(0);
|
|
117
|
+
fetchOptions(val, 0);
|
|
118
|
+
}
|
|
96
119
|
return true;
|
|
97
120
|
};
|
|
98
121
|
const handleSelect = (option) => {
|
|
99
122
|
setSearchValue(option.label);
|
|
100
|
-
|
|
123
|
+
setCurrentFilter('');
|
|
124
|
+
setFilteredItems([]);
|
|
125
|
+
setCurrentOffset(0);
|
|
126
|
+
setTotalCount(0);
|
|
101
127
|
onSelect(option);
|
|
102
128
|
// set input caret to the end
|
|
103
129
|
requestAnimationFrame(() => {
|
|
@@ -110,44 +136,128 @@ function Autocomplete(props) {
|
|
|
110
136
|
};
|
|
111
137
|
const { focusedIndex, setFocusedIndex } = useListKeyboardControl({
|
|
112
138
|
isActive: isOpen,
|
|
113
|
-
itemsCount:
|
|
114
|
-
onSelect: index => handleSelect(
|
|
139
|
+
itemsCount: displayItems.length,
|
|
140
|
+
onSelect: index => handleSelect(displayItems[index]),
|
|
115
141
|
});
|
|
116
|
-
const fetchOptions = debounce(async (
|
|
117
|
-
if (!
|
|
118
|
-
|
|
142
|
+
const fetchOptions = debounce(async (filter, offset) => {
|
|
143
|
+
if (!filter) {
|
|
144
|
+
setFilteredItems([]);
|
|
119
145
|
return;
|
|
120
146
|
}
|
|
121
|
-
|
|
122
|
-
|
|
147
|
+
const requestKey = `${filter}:${offset}`;
|
|
148
|
+
currentRequest.current = requestKey;
|
|
149
|
+
if (offset === 0) {
|
|
150
|
+
setIsLoading(true);
|
|
151
|
+
}
|
|
152
|
+
else {
|
|
153
|
+
setIsLoadingMore(true);
|
|
154
|
+
}
|
|
123
155
|
try {
|
|
124
|
-
const newOptions = await getOptions(
|
|
156
|
+
const newOptions = await getOptions(filter, offset);
|
|
125
157
|
if (!isMounted.current)
|
|
126
158
|
return;
|
|
127
|
-
if (currentRequest.current !==
|
|
159
|
+
if (currentRequest.current !== requestKey)
|
|
128
160
|
return;
|
|
129
|
-
|
|
161
|
+
if (offset === 0) {
|
|
162
|
+
setFilteredItems(newOptions);
|
|
163
|
+
setCurrentOffset(newOptions.length);
|
|
164
|
+
setTotalCount(newOptions.length + (newOptions.length === pageSize ? 1 : 0));
|
|
165
|
+
}
|
|
166
|
+
else {
|
|
167
|
+
setFilteredItems(prev => [...prev, ...newOptions]);
|
|
168
|
+
const newOffset = offset + newOptions.length;
|
|
169
|
+
setCurrentOffset(newOffset);
|
|
170
|
+
setTotalCount(newOffset + (newOptions.length === pageSize ? 1 : 0));
|
|
171
|
+
}
|
|
130
172
|
}
|
|
131
173
|
catch (error) {
|
|
132
|
-
|
|
174
|
+
if (offset === 0) {
|
|
175
|
+
setFilteredItems([]);
|
|
176
|
+
setCurrentOffset(0);
|
|
177
|
+
setTotalCount(0);
|
|
178
|
+
}
|
|
133
179
|
}
|
|
134
180
|
finally {
|
|
135
181
|
setIsLoading(false);
|
|
182
|
+
setIsLoadingMore(false);
|
|
136
183
|
}
|
|
137
184
|
}, debounceDelay);
|
|
185
|
+
const handleScrollEnd = useCallback(() => {
|
|
186
|
+
if (currentFilter && hasMore && !isLoading && !isLoadingMore) {
|
|
187
|
+
fetchOptions(currentFilter, currentOffset);
|
|
188
|
+
}
|
|
189
|
+
}, [
|
|
190
|
+
currentFilter,
|
|
191
|
+
hasMore,
|
|
192
|
+
isLoading,
|
|
193
|
+
isLoadingMore,
|
|
194
|
+
currentOffset,
|
|
195
|
+
fetchOptions,
|
|
196
|
+
]);
|
|
138
197
|
useEffect(() => {
|
|
139
198
|
if (typeof value !== 'string')
|
|
140
199
|
return;
|
|
141
200
|
setSearchValue(value);
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
201
|
+
if (!value) {
|
|
202
|
+
setCurrentFilter('');
|
|
203
|
+
setFilteredItems([]);
|
|
204
|
+
setCurrentOffset(0);
|
|
205
|
+
setTotalCount(0);
|
|
206
|
+
}
|
|
207
|
+
else if (isFocusedRef.current) {
|
|
208
|
+
setCurrentFilter(value);
|
|
209
|
+
setCurrentOffset(0);
|
|
210
|
+
fetchOptions(value, 0);
|
|
211
|
+
}
|
|
145
212
|
}, [value]);
|
|
213
|
+
const renderItem = useCallback((itemProps) => {
|
|
214
|
+
const option = displayItems[itemProps.key];
|
|
215
|
+
if (!option)
|
|
216
|
+
return null;
|
|
217
|
+
const itemPropsForRender = {
|
|
218
|
+
option,
|
|
219
|
+
key: itemProps.key,
|
|
220
|
+
className: cn(S.option, itemProps.className),
|
|
221
|
+
style: itemProps.style,
|
|
222
|
+
focused: focusedIndex === itemProps.key,
|
|
223
|
+
onClick: () => handleSelect(option),
|
|
224
|
+
onMouseEnter: () => setFocusedIndex(itemProps.key),
|
|
225
|
+
};
|
|
226
|
+
if (props.renderItem) {
|
|
227
|
+
return props.renderItem(itemPropsForRender);
|
|
228
|
+
}
|
|
229
|
+
return (jsx(Menu.Item, { ...itemProps, focused: itemPropsForRender.focused, className: itemPropsForRender.className, onClick: itemPropsForRender.onClick, onMouseEnter: itemPropsForRender.onMouseEnter, style: itemPropsForRender.style, children: option.render ? option.render(option) : option.label }));
|
|
230
|
+
}, [
|
|
231
|
+
displayItems,
|
|
232
|
+
focusedIndex,
|
|
233
|
+
handleSelect,
|
|
234
|
+
setFocusedIndex,
|
|
235
|
+
props.renderItem,
|
|
236
|
+
]);
|
|
146
237
|
const optionsList = useMemo(() => {
|
|
147
|
-
if (!
|
|
238
|
+
if (!displayItems.length)
|
|
148
239
|
return null;
|
|
149
|
-
|
|
150
|
-
|
|
240
|
+
const computedTotalCount = currentFilter ? totalCount : displayItems.length;
|
|
241
|
+
return (jsx(ListScroll, { className: cn(S.options, menuProps.className), scrollProps: {
|
|
242
|
+
y: true,
|
|
243
|
+
className: S.scroll,
|
|
244
|
+
}, itemHeight: itemHeight, itemsCount: displayItems.length, totalCount: computedTotalCount, overlapCount: 10, pageSize: pageSize, onScrollEnd: handleScrollEnd, renderItem: renderItem, contentAfter: hasMore &&
|
|
245
|
+
isLoadingMore && (jsx("div", { style: { padding: '8px 12px', textAlign: 'center' }, children: jsx(Shimmer, { size: size, round: round }) })) }));
|
|
246
|
+
}, [
|
|
247
|
+
displayItems,
|
|
248
|
+
focusedIndex,
|
|
249
|
+
currentFilter,
|
|
250
|
+
totalCount,
|
|
251
|
+
hasMore,
|
|
252
|
+
isLoadingMore,
|
|
253
|
+
itemHeight,
|
|
254
|
+
pageSize,
|
|
255
|
+
handleScrollEnd,
|
|
256
|
+
renderItem,
|
|
257
|
+
size,
|
|
258
|
+
round,
|
|
259
|
+
menuProps.className,
|
|
260
|
+
]);
|
|
151
261
|
return (jsx(Popup, { className: classes, isOpen: isOpen, focusControl: true, round: round, size: size, blur: blur, direction: "bottom", ...popupProps, trigger: jsxs("div", { className: inputWrapperClassName, children: [jsx(Input, { ref: inputRef,
|
|
152
262
|
// @ts-ignore
|
|
153
263
|
size: size, round: round, ...inputProps, value: searchValue, onChange: handleInputChange, onFocus: handleFocus, onBlur: handleBlur, className: inputProps.className }), isLoading && (jsx(Shimmer, { className: S.shimmer, size: size, round: round }))] }), content: optionsList, contentProps: {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".Autocomplete_root__86RQs{position:relative}.Autocomplete_popupContent__Aet6P{margin-top:8px;width:100%}.Autocomplete_options__NtttU{max-height:200px;overflow-y:auto}.Autocomplete_option__uBuih{cursor:pointer;padding:8px 12px}.Autocomplete_option__uBuih>span{align-items:center;display:flex}.Autocomplete_shimmer__s6rri{height:100%;left:0;position:absolute;top:0;width:100%}";
|
|
4
|
-
var S = {"root":"Autocomplete_root__86RQs","popupContent":"Autocomplete_popupContent__Aet6P","options":"Autocomplete_options__NtttU","option":"Autocomplete_option__uBuih","shimmer":"Autocomplete_shimmer__s6rri"};
|
|
3
|
+
var css_248z = ".Autocomplete_root__86RQs{position:relative}.Autocomplete_popupContent__Aet6P{margin-top:8px;width:100%}.Autocomplete_scroll__bFG6f{height:200px}.Autocomplete_options__NtttU{max-height:200px;overflow-y:auto}.Autocomplete_option__uBuih{cursor:pointer;padding:8px 12px;position:absolute}.Autocomplete_option__uBuih>span{align-items:center;display:flex}.Autocomplete_shimmer__s6rri{height:100%;left:0;position:absolute;top:0;width:100%}";
|
|
4
|
+
var S = {"root":"Autocomplete_root__86RQs","popupContent":"Autocomplete_popupContent__Aet6P","scroll":"Autocomplete_scroll__bFG6f","options":"Autocomplete_options__NtttU","option":"Autocomplete_option__uBuih","shimmer":"Autocomplete_shimmer__s6rri"};
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
7
|
export { S as default };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".Scroll_root__NNx5K{--hide-delay:0.3s;display:flex;position:relative}.Scroll_inner__DmxTb{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow:hidden;position:relative;scrollbar-width:none;transition:-webkit-mask-image .3s ease-out;transition:mask-image .3s ease-out;transition:mask-image .3s ease-out,-webkit-mask-image .3s ease-out;width:100%}.Scroll_inner__DmxTb.Scroll_smooth__2vqKe{scroll-behavior:smooth}.Scroll_inner__DmxTb::-webkit-scrollbar{display:none}.Scroll_y__2xWol .Scroll_inner__DmxTb{max-height:100%;overflow-y:auto}.Scroll_x__--Ycm .Scroll_inner__DmxTb{max-width:100%;overflow-x:auto}.Scroll_fadeSize-s__WeI0f .Scroll_inner__DmxTb{--fade-size:10px}.Scroll_fadeSize-m__Hb-1p .Scroll_inner__DmxTb{--fade-size:16px}.Scroll_fadeSize-l__E0CbA .Scroll_inner__DmxTb{--fade-size:20px}.Scroll_fadeSize-xl__jcYk0 .Scroll_inner__DmxTb{--fade-size:30px}.Scroll_y__2xWol .Scroll_inner__DmxTb.Scroll_hasOffsetTop__zEkUg.Scroll_hasOffsetBottom__S2rCM{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 var(--fade-size),#000 calc(100% - var(--fade-size)),transparent);mask-image:linear-gradient(to bottom,transparent,#000 var(--fade-size),#000 calc(100% - var(--fade-size)),transparent)}.Scroll_y__2xWol .Scroll_inner__DmxTb.Scroll_hasOffsetTop__zEkUg{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 var(--fade-size));mask-image:linear-gradient(to bottom,transparent,#000 var(--fade-size))}.Scroll_y__2xWol .Scroll_inner__DmxTb.Scroll_hasOffsetBottom__S2rCM{-webkit-mask-image:linear-gradient(to top,transparent,#000 var(--fade-size));mask-image:linear-gradient(to top,transparent,#000 var(--fade-size))}.Scroll_x__--Ycm .Scroll_inner__DmxTb.Scroll_hasOffsetLeft__WWEyC.Scroll_hasOffsetRight__HhJWt{-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--fade-size),#000 calc(100% - var(--fade-size)),transparent);mask-image:linear-gradient(to right,transparent,#000 var(--fade-size),#000 calc(100% - var(--fade-size)),transparent)}.Scroll_x__--Ycm .Scroll_inner__DmxTb.Scroll_hasOffsetLeft__WWEyC{-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--fade-size));mask-image:linear-gradient(to right,transparent,#000 var(--fade-size))}.Scroll_x__--Ycm .Scroll_inner__DmxTb.Scroll_hasOffsetRight__HhJWt{-webkit-mask-image:linear-gradient(to left,transparent,#000 var(--fade-size));mask-image:linear-gradient(to left,transparent,#000 var(--fade-size))}.Scroll_thumb__ccEPj{background-color:var(--accent-color-alpha-200);border-radius:1px;position:absolute;transform-origin:center;transition:background-color .1s ease-out}.Scroll_y__2xWol>.Scroll_thumb__ccEPj{min-height:30px;top:0;width:100%}.Scroll_x__--Ycm>.Scroll_thumb__ccEPj{height:100%;left:0;min-width:30px}.Scroll_bar__6CL7R{border-radius:2px;cursor:pointer;overscroll-behavior:contain;position:absolute;touch-action:none;transition:.1s opacity var(--hide-delay) ease-out;z-index:2}.Scroll_autoHide__URLqx>.Scroll_bar__6CL7R{opacity:0;transition:.3s opacity calc(var(--hide-delay)*.6) ease-out}.Scroll_bar__6CL7R:before{content:\"\";pointer-events:none;position:absolute;transition:.3s background-color var(--hide-delay) ease-out}.Scroll_bar__6CL7R.Scroll_isActive__Nkkmi,.Scroll_isDesktop__7r-bH .Scroll_bar__6CL7R:hover{opacity:1;transition-delay:0s;z-index:1}.Scroll_bar__6CL7R.Scroll_isActive__Nkkmi:before,.Scroll_isDesktop__7r-bH .Scroll_bar__6CL7R:hover:before{background-color:var(--accent-color-alpha-100)}.Scroll_bar__6CL7R.Scroll_isActive__Nkkmi .Scroll_thumb__ccEPj,.Scroll_isDesktop__7r-bH .Scroll_bar__6CL7R:hover .Scroll_thumb__ccEPj{background-color:var(--active-color)}.Scroll_isScrolling__yV2Pj
|
|
3
|
+
var css_248z = ".Scroll_root__NNx5K{--hide-delay:0.3s;display:flex;position:relative}.Scroll_inner__DmxTb{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow:hidden;position:relative;scrollbar-width:none;transition:-webkit-mask-image .3s ease-out;transition:mask-image .3s ease-out;transition:mask-image .3s ease-out,-webkit-mask-image .3s ease-out;width:100%}.Scroll_inner__DmxTb.Scroll_smooth__2vqKe{scroll-behavior:smooth}.Scroll_inner__DmxTb::-webkit-scrollbar{display:none}.Scroll_y__2xWol .Scroll_inner__DmxTb{max-height:100%;overflow-y:auto}.Scroll_x__--Ycm .Scroll_inner__DmxTb{max-width:100%;overflow-x:auto}.Scroll_fadeSize-s__WeI0f .Scroll_inner__DmxTb{--fade-size:10px}.Scroll_fadeSize-m__Hb-1p .Scroll_inner__DmxTb{--fade-size:16px}.Scroll_fadeSize-l__E0CbA .Scroll_inner__DmxTb{--fade-size:20px}.Scroll_fadeSize-xl__jcYk0 .Scroll_inner__DmxTb{--fade-size:30px}.Scroll_y__2xWol .Scroll_inner__DmxTb.Scroll_hasOffsetTop__zEkUg.Scroll_hasOffsetBottom__S2rCM{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 var(--fade-size),#000 calc(100% - var(--fade-size)),transparent);mask-image:linear-gradient(to bottom,transparent,#000 var(--fade-size),#000 calc(100% - var(--fade-size)),transparent)}.Scroll_y__2xWol .Scroll_inner__DmxTb.Scroll_hasOffsetTop__zEkUg{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 var(--fade-size));mask-image:linear-gradient(to bottom,transparent,#000 var(--fade-size))}.Scroll_y__2xWol .Scroll_inner__DmxTb.Scroll_hasOffsetBottom__S2rCM{-webkit-mask-image:linear-gradient(to top,transparent,#000 var(--fade-size));mask-image:linear-gradient(to top,transparent,#000 var(--fade-size))}.Scroll_x__--Ycm .Scroll_inner__DmxTb.Scroll_hasOffsetLeft__WWEyC.Scroll_hasOffsetRight__HhJWt{-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--fade-size),#000 calc(100% - var(--fade-size)),transparent);mask-image:linear-gradient(to right,transparent,#000 var(--fade-size),#000 calc(100% - var(--fade-size)),transparent)}.Scroll_x__--Ycm .Scroll_inner__DmxTb.Scroll_hasOffsetLeft__WWEyC{-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--fade-size));mask-image:linear-gradient(to right,transparent,#000 var(--fade-size))}.Scroll_x__--Ycm .Scroll_inner__DmxTb.Scroll_hasOffsetRight__HhJWt{-webkit-mask-image:linear-gradient(to left,transparent,#000 var(--fade-size));mask-image:linear-gradient(to left,transparent,#000 var(--fade-size))}.Scroll_thumb__ccEPj{background-color:var(--accent-color-alpha-200);border-radius:1px;position:absolute;transform-origin:center;transition:background-color .1s ease-out}.Scroll_y__2xWol>.Scroll_thumb__ccEPj{min-height:30px;top:0;width:100%}.Scroll_x__--Ycm>.Scroll_thumb__ccEPj{height:100%;left:0;min-width:30px}.Scroll_bar__6CL7R{border-radius:2px;cursor:pointer;overscroll-behavior:contain;position:absolute;touch-action:none;transition:.1s opacity var(--hide-delay) ease-out;z-index:2}.Scroll_autoHide__URLqx>.Scroll_bar__6CL7R{opacity:0;transition:.3s opacity calc(var(--hide-delay)*.6) ease-out}.Scroll_bar__6CL7R:before{content:\"\";pointer-events:none;position:absolute;transition:.3s background-color var(--hide-delay) ease-out}.Scroll_bar__6CL7R.Scroll_isActive__Nkkmi,.Scroll_isDesktop__7r-bH .Scroll_bar__6CL7R:hover{opacity:1;transition-delay:0s;z-index:1}.Scroll_bar__6CL7R.Scroll_isActive__Nkkmi:before,.Scroll_isDesktop__7r-bH .Scroll_bar__6CL7R:hover:before{background-color:var(--accent-color-alpha-100)}.Scroll_bar__6CL7R.Scroll_isActive__Nkkmi .Scroll_thumb__ccEPj,.Scroll_isDesktop__7r-bH .Scroll_bar__6CL7R:hover .Scroll_thumb__ccEPj{background-color:var(--active-color)}.Scroll_isScrolling__yV2Pj>.Scroll_bar__6CL7R{opacity:1;transition:none}.Scroll_bar__6CL7R.Scroll_y__2xWol{bottom:8px;right:0;top:8px}.Scroll_isTouch__Vb2mT .Scroll_bar__6CL7R.Scroll_y__2xWol{width:32px}.Scroll_bar__6CL7R.Scroll_y__2xWol .Scroll_thumb__ccEPj,.Scroll_bar__6CL7R.Scroll_y__2xWol:before{right:0}.Scroll_bar__6CL7R.Scroll_y__2xWol:before{height:100%;width:16px}.Scroll_bar__6CL7R.Scroll_x__--Ycm{bottom:0;height:16px;left:8px;right:8px}.Scroll_isTouch__Vb2mT .Scroll_bar__6CL7R.Scroll_x__--Ycm{height:32px}.Scroll_bar__6CL7R.Scroll_x__--Ycm .Scroll_thumb__ccEPj,.Scroll_bar__6CL7R.Scroll_x__--Ycm:before{bottom:0}.Scroll_bar__6CL7R.Scroll_x__--Ycm:before{width:100%}.Scroll_bar__6CL7R.Scroll_x__--Ycm{height:32px}.Scroll_bar__6CL7R.Scroll_x__--Ycm .Scroll_thumb__ccEPj,.Scroll_bar__6CL7R.Scroll_x__--Ycm:before{top:50%;transform:translateY(-50%)}.Scroll_size-s__px8sG>.Scroll_bar__6CL7R.Scroll_x__--Ycm .Scroll_thumb__ccEPj,.Scroll_size-s__px8sG>.Scroll_bar__6CL7R.Scroll_x__--Ycm:before{border-radius:.5px;height:1px}.Scroll_size-m__gfTwB>.Scroll_bar__6CL7R.Scroll_x__--Ycm .Scroll_thumb__ccEPj,.Scroll_size-m__gfTwB>.Scroll_bar__6CL7R.Scroll_x__--Ycm:before{border-radius:2.5px;height:5px}.Scroll_size-l__Pe4z7>.Scroll_bar__6CL7R.Scroll_x__--Ycm .Scroll_thumb__ccEPj,.Scroll_size-l__Pe4z7>.Scroll_bar__6CL7R.Scroll_x__--Ycm:before{border-radius:4.5px;height:9px}.Scroll_bar__6CL7R.Scroll_y__2xWol{width:32px}.Scroll_bar__6CL7R.Scroll_y__2xWol .Scroll_thumb__ccEPj,.Scroll_bar__6CL7R.Scroll_y__2xWol:before{right:50%;transform:translateX(50%)}.Scroll_size-s__px8sG>.Scroll_bar__6CL7R.Scroll_y__2xWol .Scroll_thumb__ccEPj,.Scroll_size-s__px8sG>.Scroll_bar__6CL7R.Scroll_y__2xWol:before{width:1px}.Scroll_size-m__gfTwB>.Scroll_bar__6CL7R.Scroll_y__2xWol .Scroll_thumb__ccEPj,.Scroll_size-m__gfTwB>.Scroll_bar__6CL7R.Scroll_y__2xWol:before{border-radius:2.5px;width:5px}.Scroll_size-l__Pe4z7>.Scroll_bar__6CL7R.Scroll_y__2xWol .Scroll_thumb__ccEPj,.Scroll_size-l__Pe4z7>.Scroll_bar__6CL7R.Scroll_y__2xWol:before{border-radius:4.5px;width:9px}";
|
|
4
4
|
var S = {"root":"Scroll_root__NNx5K","inner":"Scroll_inner__DmxTb","smooth":"Scroll_smooth__2vqKe","y":"Scroll_y__2xWol","x":"Scroll_x__--Ycm","fadeSize-s":"Scroll_fadeSize-s__WeI0f","fadeSize-m":"Scroll_fadeSize-m__Hb-1p","fadeSize-l":"Scroll_fadeSize-l__E0CbA","fadeSize-xl":"Scroll_fadeSize-xl__jcYk0","hasOffsetTop":"Scroll_hasOffsetTop__zEkUg","hasOffsetBottom":"Scroll_hasOffsetBottom__S2rCM","hasOffsetLeft":"Scroll_hasOffsetLeft__WWEyC","hasOffsetRight":"Scroll_hasOffsetRight__HhJWt","thumb":"Scroll_thumb__ccEPj","bar":"Scroll_bar__6CL7R","autoHide":"Scroll_autoHide__URLqx","isDesktop":"Scroll_isDesktop__7r-bH","isActive":"Scroll_isActive__Nkkmi","isScrolling":"Scroll_isScrolling__yV2Pj","isTouch":"Scroll_isTouch__Vb2mT","size-s":"Scroll_size-s__px8sG","size-m":"Scroll_size-m__gfTwB","size-l":"Scroll_size-l__Pe4z7"};
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
@@ -86,8 +86,10 @@ class List extends Component {
|
|
|
86
86
|
return;
|
|
87
87
|
// @ts-ignore
|
|
88
88
|
this.wrapElem = this.props.customWrapElem?.getRef?.(ref) || ref;
|
|
89
|
-
if (!this.store.hasWrap)
|
|
89
|
+
if (!this.store.hasWrap) {
|
|
90
90
|
this.store.hasWrap = true;
|
|
91
|
+
this.forceUpdate();
|
|
92
|
+
}
|
|
91
93
|
};
|
|
92
94
|
renderLayout = ({ state, items, ...rest }) => {
|
|
93
95
|
const { contentBefore, contentAfter, customWrapElem } = this.props;
|
|
@@ -113,6 +115,16 @@ class List extends Component {
|
|
|
113
115
|
if (customWrapElem) {
|
|
114
116
|
Elem = customWrapElem.component;
|
|
115
117
|
Object.assign(props, customWrapElem?.props);
|
|
118
|
+
const prevOnInnerRef = props.onInnerRef;
|
|
119
|
+
props.onInnerRef = (el) => {
|
|
120
|
+
if (el) {
|
|
121
|
+
this.wrapElem = el;
|
|
122
|
+
if (!this.store.hasWrap)
|
|
123
|
+
this.store.hasWrap = true;
|
|
124
|
+
this.forceUpdate();
|
|
125
|
+
}
|
|
126
|
+
prevOnInnerRef?.(el);
|
|
127
|
+
};
|
|
116
128
|
}
|
|
117
129
|
return (jsx(Elem, { ...props, ref: this.onWrapRef, children: content }));
|
|
118
130
|
};
|
|
@@ -5,7 +5,7 @@ import List from './List.js';
|
|
|
5
5
|
import S from './ListScroll.styl.js';
|
|
6
6
|
|
|
7
7
|
function ListScroll({ scrollProps, ...rest }) {
|
|
8
|
-
const innerClassName = cn(scrollProps.x && S.x, scrollProps.y && S.y);
|
|
8
|
+
const innerClassName = cn(scrollProps.x && S.x, scrollProps.y && S.y, scrollProps.innerClassName);
|
|
9
9
|
const props = {
|
|
10
10
|
...scrollProps,
|
|
11
11
|
innerClassName,
|
|
@@ -4,6 +4,7 @@ import pick from 'lodash.pick';
|
|
|
4
4
|
import compare from 'compareq';
|
|
5
5
|
import Time from 'timen';
|
|
6
6
|
import debounce from '../../tools/debounce.js';
|
|
7
|
+
import throttle from '../../tools/throttle.js';
|
|
7
8
|
import { getHeight, getIndexes } from './Virtualized.helpers.js';
|
|
8
9
|
import S from './Virtualized.styl.js';
|
|
9
10
|
|
|
@@ -12,6 +13,8 @@ class Virtualized extends Component {
|
|
|
12
13
|
scrollTopInited = false;
|
|
13
14
|
scrollElem;
|
|
14
15
|
lastScrollEndIndex = 0;
|
|
16
|
+
onScrollThrottled;
|
|
17
|
+
onScrollDebounced;
|
|
15
18
|
static defaultProps = {
|
|
16
19
|
overlapCount: 10,
|
|
17
20
|
pageSize: 20,
|
|
@@ -25,7 +28,8 @@ class Virtualized extends Component {
|
|
|
25
28
|
last: 0,
|
|
26
29
|
isFreezed: false,
|
|
27
30
|
};
|
|
28
|
-
this.
|
|
31
|
+
this.onScrollThrottled = throttle(this._onScroll, 150);
|
|
32
|
+
this.onScrollDebounced = debounce(this._onScroll, 150);
|
|
29
33
|
this.checkIfEnd = debounce(this.checkIfEnd, 200);
|
|
30
34
|
}
|
|
31
35
|
static getDerivedStateFromProps(props, { height }) {
|
|
@@ -35,7 +39,6 @@ class Virtualized extends Component {
|
|
|
35
39
|
return null;
|
|
36
40
|
}
|
|
37
41
|
componentDidMount() {
|
|
38
|
-
// Time.after(100, () => {
|
|
39
42
|
const indexes = this.getIndexes();
|
|
40
43
|
this.setState(indexes); // eslint-disable-line
|
|
41
44
|
// });
|
|
@@ -125,7 +128,7 @@ class Virtualized extends Component {
|
|
|
125
128
|
]),
|
|
126
129
|
});
|
|
127
130
|
}
|
|
128
|
-
|
|
131
|
+
_onScroll = e => {
|
|
129
132
|
this.scrollElem = e.target;
|
|
130
133
|
const { onScroll } = this.props;
|
|
131
134
|
const indexes = this.getIndexes();
|
|
@@ -137,6 +140,10 @@ class Virtualized extends Component {
|
|
|
137
140
|
this.setState({ ...indexes });
|
|
138
141
|
this.unfreeze();
|
|
139
142
|
};
|
|
143
|
+
onScroll = (e) => {
|
|
144
|
+
this.onScrollThrottled(e);
|
|
145
|
+
this.onScrollDebounced(e);
|
|
146
|
+
};
|
|
140
147
|
checkIfEnd = () => {
|
|
141
148
|
const { itemsCount, totalCount, pageSize, onScrollEnd } = this.props;
|
|
142
149
|
if (itemsCount === totalCount)
|
|
@@ -13,12 +13,26 @@ export type Props = FormControl<Value, HTMLInputElement> & {
|
|
|
13
13
|
inputWrapperClassName?: string;
|
|
14
14
|
size?: Size;
|
|
15
15
|
value: Value;
|
|
16
|
-
|
|
16
|
+
isOpen?: boolean;
|
|
17
|
+
getOptions: (filter: string, offset: number) => Promise<Option[]>;
|
|
17
18
|
onSelect: (option: Option) => void;
|
|
19
|
+
items?: Option[];
|
|
20
|
+
itemHeight?: number;
|
|
21
|
+
pageSize?: number;
|
|
18
22
|
debounceDelay?: number;
|
|
19
23
|
inputProps?: Partial<InputProps>;
|
|
20
24
|
popupProps?: Partial<PopupProps>;
|
|
21
25
|
menuProps?: Partial<MenuProps>;
|
|
22
26
|
round?: boolean;
|
|
23
27
|
blur?: boolean;
|
|
28
|
+
renderItem?: (props: RenderItemProps) => React.ReactElement;
|
|
29
|
+
};
|
|
30
|
+
export type RenderItemProps = {
|
|
31
|
+
option: Option;
|
|
32
|
+
key: number;
|
|
33
|
+
className?: string;
|
|
34
|
+
style?: React.CSSProperties;
|
|
35
|
+
focused: boolean;
|
|
36
|
+
onClick: () => void;
|
|
37
|
+
onMouseEnter: () => void;
|
|
24
38
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { Props as ScrollProps } from '../../Scroll/Scroll.types';
|
|
2
2
|
import type { Props as ListProps } from './List';
|
|
3
3
|
type Props = ListProps & {
|
|
4
|
-
scrollProps: ScrollProps
|
|
4
|
+
scrollProps: Omit<ScrollProps, 'children'>;
|
|
5
5
|
};
|
|
6
6
|
export default function ListScroll({ scrollProps, ...rest }: Props): JSX.Element;
|
|
7
7
|
export {};
|
|
@@ -5,6 +5,8 @@ declare class Virtualized extends Component<T.Props, T.State> {
|
|
|
5
5
|
scrollTopInited: boolean;
|
|
6
6
|
scrollElem: Element;
|
|
7
7
|
lastScrollEndIndex: number;
|
|
8
|
+
onScrollThrottled: (e: MouseEvent) => void;
|
|
9
|
+
onScrollDebounced: (e: MouseEvent) => void;
|
|
8
10
|
static defaultProps: {
|
|
9
11
|
overlapCount: number;
|
|
10
12
|
pageSize: number;
|
|
@@ -24,7 +26,8 @@ declare class Virtualized extends Component<T.Props, T.State> {
|
|
|
24
26
|
needUpdateHeight(prevProps: any): boolean;
|
|
25
27
|
getNewScrollTop(prevProps: any, snapshot: any): number;
|
|
26
28
|
getIndexes(): T.IndexesType | null;
|
|
27
|
-
|
|
29
|
+
_onScroll: (e: any) => void;
|
|
30
|
+
onScroll: (e: MouseEvent) => void;
|
|
28
31
|
checkIfEnd: () => void;
|
|
29
32
|
unfreeze: () => void;
|
|
30
33
|
getItemProps: (index: number) => T.ItemProps;
|