@terreno/ui 0.0.15 → 0.0.17

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 (173) hide show
  1. package/dist/Button.js +7 -9
  2. package/dist/Button.js.map +1 -1
  3. package/dist/Common.d.ts +39 -0
  4. package/dist/DateUtilities.js +2 -2
  5. package/dist/UserInactivity.d.ts +28 -0
  6. package/dist/UserInactivity.js +100 -0
  7. package/dist/UserInactivity.js.map +1 -0
  8. package/dist/index.d.ts +1 -0
  9. package/dist/index.js +1 -0
  10. package/dist/index.js.map +1 -1
  11. package/package.json +1 -1
  12. package/src/ActionSheet.test.tsx +77 -0
  13. package/src/Banner.test.tsx +106 -0
  14. package/src/Body.test.tsx +79 -0
  15. package/src/BooleanField.test.tsx +84 -0
  16. package/src/Button.test.tsx +160 -0
  17. package/src/Button.tsx +20 -37
  18. package/src/Card.test.tsx +61 -0
  19. package/src/CheckBox.test.tsx +53 -0
  20. package/src/Common.ts +45 -0
  21. package/src/CustomSelectField.test.tsx +85 -0
  22. package/src/DataTable.test.tsx +133 -0
  23. package/src/DateTimeActionSheet.test.tsx +65 -0
  24. package/src/DateUtilities.tsx +2 -2
  25. package/src/DecimalRangeActionSheet.test.tsx +46 -0
  26. package/src/DismissButton.test.tsx +49 -0
  27. package/src/EmailField.test.tsx +106 -0
  28. package/src/ErrorBoundary.test.tsx +44 -0
  29. package/src/ErrorPage.test.tsx +44 -0
  30. package/src/Field.test.tsx +128 -0
  31. package/src/Heading.test.tsx +66 -0
  32. package/src/HeightActionSheet.test.tsx +34 -0
  33. package/src/Hyperlink.test.tsx +52 -0
  34. package/src/Icon.test.tsx +61 -0
  35. package/src/IconButton.test.tsx +145 -0
  36. package/src/Image.test.tsx +65 -0
  37. package/src/ImageBackground.test.tsx +46 -0
  38. package/src/InfoModalIcon.test.tsx +54 -0
  39. package/src/InfoTooltipButton.test.tsx +22 -0
  40. package/src/Link.test.tsx +64 -0
  41. package/src/MarkdownView.test.tsx +50 -0
  42. package/src/MobileAddressAutoComplete.test.tsx +58 -0
  43. package/src/Modal.test.tsx +169 -0
  44. package/src/ModalSheet.test.tsx +52 -0
  45. package/src/MultiselectField.test.tsx +134 -0
  46. package/src/NumberField.test.tsx +133 -0
  47. package/src/NumberPickerActionSheet.test.tsx +46 -0
  48. package/src/OpenAPIContext.test.tsx +36 -0
  49. package/src/Page.test.tsx +128 -0
  50. package/src/Pagination.test.tsx +86 -0
  51. package/src/PasswordField.test.tsx +17 -0
  52. package/src/PhoneNumberField.test.tsx +79 -0
  53. package/src/PickerSelect.test.tsx +52 -0
  54. package/src/Radio.test.tsx +30 -0
  55. package/src/RadioField.test.tsx +89 -0
  56. package/src/SectionDivider.test.tsx +17 -0
  57. package/src/SegmentedControl.test.tsx +84 -0
  58. package/src/SelectBadge.test.tsx +103 -0
  59. package/src/SelectField.test.tsx +84 -0
  60. package/src/SideDrawer.test.tsx +99 -0
  61. package/src/Signature.test.tsx +32 -0
  62. package/src/SignatureField.test.tsx +60 -0
  63. package/src/Spinner.test.tsx +74 -0
  64. package/src/SplitPage.test.tsx +82 -0
  65. package/src/TapToEdit.test.tsx +147 -0
  66. package/src/TerrenoProvider.test.tsx +36 -0
  67. package/src/Text.test.tsx +147 -0
  68. package/src/Theme.test.tsx +153 -0
  69. package/src/TimezonePicker.test.tsx +57 -0
  70. package/src/Toast.test.tsx +82 -0
  71. package/src/Tooltip.test.tsx +89 -0
  72. package/src/UnifiedAddressAutoComplete.test.tsx +53 -0
  73. package/src/UserInactivity.test.tsx +96 -0
  74. package/src/UserInactivity.tsx +129 -0
  75. package/src/Utilities.test.tsx +237 -0
  76. package/src/WebAddressAutocomplete.test.tsx +33 -0
  77. package/src/__snapshots__/ActionSheet.test.tsx.snap +889 -0
  78. package/src/__snapshots__/Banner.test.tsx.snap +546 -0
  79. package/src/__snapshots__/Body.test.tsx.snap +685 -0
  80. package/src/__snapshots__/BooleanField.test.tsx.snap +553 -0
  81. package/src/__snapshots__/Button.test.tsx.snap +934 -0
  82. package/src/__snapshots__/Card.test.tsx.snap +195 -0
  83. package/src/__snapshots__/CheckBox.test.tsx.snap +190 -0
  84. package/src/__snapshots__/CustomSelectField.test.tsx.snap +2299 -0
  85. package/src/__snapshots__/DataTable.test.tsx.snap +9614 -0
  86. package/src/__snapshots__/DateTimeActionSheet.test.tsx.snap +11 -0
  87. package/src/__snapshots__/DecimalRangeActionSheet.test.tsx.snap +1719 -0
  88. package/src/__snapshots__/DismissButton.test.tsx.snap +91 -0
  89. package/src/__snapshots__/EmailField.test.tsx.snap +168 -0
  90. package/src/__snapshots__/ErrorBoundary.test.tsx.snap +57 -0
  91. package/src/__snapshots__/ErrorPage.test.tsx.snap +195 -0
  92. package/src/__snapshots__/Field.test.tsx.snap +4510 -0
  93. package/src/__snapshots__/Heading.test.tsx.snap +193 -0
  94. package/src/__snapshots__/HeightActionSheet.test.tsx.snap +1269 -0
  95. package/src/__snapshots__/Hyperlink.test.tsx.snap +81 -0
  96. package/src/__snapshots__/Icon.test.tsx.snap +47 -0
  97. package/src/__snapshots__/IconButton.test.tsx.snap +29 -0
  98. package/src/__snapshots__/Image.test.tsx.snap +282 -0
  99. package/src/__snapshots__/ImageBackground.test.tsx.snap +120 -0
  100. package/src/__snapshots__/InfoModalIcon.test.tsx.snap +1229 -0
  101. package/src/__snapshots__/InfoTooltipButton.test.tsx.snap +7 -0
  102. package/src/__snapshots__/Link.test.tsx.snap +41 -0
  103. package/src/__snapshots__/MarkdownView.test.tsx.snap +965 -0
  104. package/src/__snapshots__/MobileAddressAutoComplete.test.tsx.snap +230 -0
  105. package/src/__snapshots__/Modal.test.tsx.snap +1477 -0
  106. package/src/__snapshots__/ModalSheet.test.tsx.snap +37 -0
  107. package/src/__snapshots__/MultiselectField.test.tsx.snap +1454 -0
  108. package/src/__snapshots__/NumberField.test.tsx.snap +80 -0
  109. package/src/__snapshots__/NumberPickerActionSheet.test.tsx.snap +5359 -0
  110. package/src/__snapshots__/OpenAPIContext.test.tsx.snap +14 -0
  111. package/src/__snapshots__/Page.test.tsx.snap +1647 -0
  112. package/src/__snapshots__/Pagination.test.tsx.snap +1913 -0
  113. package/src/__snapshots__/PasswordField.test.tsx.snap +15 -0
  114. package/src/__snapshots__/PhoneNumberField.test.tsx.snap +405 -0
  115. package/src/__snapshots__/PickerSelect.test.tsx.snap +1053 -0
  116. package/src/__snapshots__/Radio.test.tsx.snap +111 -0
  117. package/src/__snapshots__/RadioField.test.tsx.snap +944 -0
  118. package/src/__snapshots__/SectionDivider.test.tsx.snap +37 -0
  119. package/src/__snapshots__/SegmentedControl.test.tsx.snap +1422 -0
  120. package/src/__snapshots__/SelectBadge.test.tsx.snap +2377 -0
  121. package/src/__snapshots__/SelectField.test.tsx.snap +1658 -0
  122. package/src/__snapshots__/SideDrawer.test.tsx.snap +1857 -0
  123. package/src/__snapshots__/Signature.test.tsx.snap +67 -0
  124. package/src/__snapshots__/SignatureField.test.tsx.snap +241 -0
  125. package/src/__snapshots__/Spinner.test.tsx.snap +73 -0
  126. package/src/__snapshots__/SplitPage.test.tsx.snap +686 -0
  127. package/src/__snapshots__/TapToEdit.test.tsx.snap +839 -0
  128. package/src/__snapshots__/TerrenoProvider.test.tsx.snap +203 -0
  129. package/src/__snapshots__/Text.test.tsx.snap +558 -0
  130. package/src/__snapshots__/TimezonePicker.test.tsx.snap +6676 -0
  131. package/src/__snapshots__/Toast.test.tsx.snap +1982 -0
  132. package/src/__snapshots__/Tooltip.test.tsx.snap +456 -0
  133. package/src/__snapshots__/UnifiedAddressAutoComplete.test.tsx.snap +377 -0
  134. package/src/__snapshots__/UserInactivity.test.tsx.snap +108 -0
  135. package/src/__snapshots__/WebAddressAutocomplete.test.tsx.snap +238 -0
  136. package/src/bunSetup.ts +101 -8
  137. package/src/fieldElements/FieldError.test.tsx +40 -0
  138. package/src/fieldElements/FieldHelperText.test.tsx +34 -0
  139. package/src/fieldElements/FieldTitle.test.tsx +30 -0
  140. package/src/fieldElements/__snapshots__/FieldError.test.tsx.snap +85 -0
  141. package/src/fieldElements/__snapshots__/FieldHelperText.test.tsx.snap +30 -0
  142. package/src/fieldElements/__snapshots__/FieldTitle.test.tsx.snap +19 -0
  143. package/src/icons/MobileIcon.test.tsx +21 -0
  144. package/src/icons/OfflineIcon.test.tsx +21 -0
  145. package/src/icons/OnlineIcon.test.tsx +21 -0
  146. package/src/icons/OutOfficeIcon.test.tsx +21 -0
  147. package/src/icons/__snapshots__/MobileIcon.test.tsx.snap +160 -0
  148. package/src/icons/__snapshots__/OfflineIcon.test.tsx.snap +133 -0
  149. package/src/icons/__snapshots__/OnlineIcon.test.tsx.snap +124 -0
  150. package/src/icons/__snapshots__/OutOfficeIcon.test.tsx.snap +160 -0
  151. package/src/index.tsx +1 -0
  152. package/src/table/Table.test.tsx +107 -0
  153. package/src/table/TableBadge.test.tsx +53 -0
  154. package/src/table/TableBoolean.test.tsx +38 -0
  155. package/src/table/TableDate.test.tsx +27 -0
  156. package/src/table/TableHeader.test.tsx +67 -0
  157. package/src/table/TableHeaderCell.test.tsx +113 -0
  158. package/src/table/TableIconButton.test.tsx +51 -0
  159. package/src/table/TableNumber.test.tsx +45 -0
  160. package/src/table/TableRow.test.tsx +83 -0
  161. package/src/table/TableText.test.tsx +30 -0
  162. package/src/table/TableTitle.test.tsx +30 -0
  163. package/src/table/__snapshots__/Table.test.tsx.snap +2090 -0
  164. package/src/table/__snapshots__/TableBadge.test.tsx.snap +710 -0
  165. package/src/table/__snapshots__/TableBoolean.test.tsx.snap +231 -0
  166. package/src/table/__snapshots__/TableDate.test.tsx.snap +61 -0
  167. package/src/table/__snapshots__/TableHeader.test.tsx.snap +1089 -0
  168. package/src/table/__snapshots__/TableHeaderCell.test.tsx.snap +1773 -0
  169. package/src/table/__snapshots__/TableIconButton.test.tsx.snap +81 -0
  170. package/src/table/__snapshots__/TableNumber.test.tsx.snap +91 -0
  171. package/src/table/__snapshots__/TableRow.test.tsx.snap +1391 -0
  172. package/src/table/__snapshots__/TableText.test.tsx.snap +73 -0
  173. package/src/table/__snapshots__/TableTitle.test.tsx.snap +109 -0
package/src/table/__snapshots__/Table.test.tsx.snap ADDED
@@ -0,0 +1,2090 @@
1
+ // Bun Snapshot v1, https://bun.sh/docs/test/snapshots
2
+
3
+ exports[`Table renders correctly with basic setup 1`] = `
4
+ {
5
+ "$$typeof": Symbol(react.test.json),
6
+ "children": [
7
+ {
8
+ "$$typeof": Symbol(react.test.json),
9
+ "children": [
10
+ {
11
+ "$$typeof": Symbol(react.test.json),
12
+ "children": [
13
+ {
14
+ "$$typeof": Symbol(react.test.json),
15
+ "children": [
16
+ {
17
+ "$$typeof": Symbol(react.test.json),
18
+ "children": [
19
+ {
20
+ "$$typeof": Symbol(react.test.json),
21
+ "children": [
22
+ {
23
+ "$$typeof": Symbol(react.test.json),
24
+ "children": [
25
+ {
26
+ "$$typeof": Symbol(react.test.json),
27
+ "children": [
28
+ {
29
+ "$$typeof": Symbol(react.test.json),
30
+ "children": [
31
+ "Name",
32
+ ],
33
+ "props": {
34
+ "aria-label": "Table title: Name",
35
+ "aria-role": "header",
36
+ "ellipsizeMode": "tail",
37
+ "numberOfLines": 3,
38
+ "style": {
39
+ "color": "#1C1C1C",
40
+ "flexWrap": "wrap",
41
+ "fontFamily": "text",
42
+ "fontSize": 10,
43
+ "fontWeight": "700",
44
+ "lineHeight": 16,
45
+ "overflow": "hidden",
46
+ "textAlign": "left",
47
+ "textTransform": "uppercase",
48
+ },
49
+ },
50
+ "type": "Text",
51
+ },
52
+ ],
53
+ "props": {
54
+ "onPointerEnter": [Function: AsyncFunction],
55
+ "onPointerLeave": [Function: AsyncFunction],
56
+ "style": {
57
+ "accessibilityHint": "changes sort alphabetical order",
58
+ "accessibilityLabel": "sort",
59
+ "alignItems": "center",
60
+ "display": "flex",
61
+ "flexDirection": "row",
62
+ "flexGrow": 1,
63
+ "flexShrink": 1,
64
+ "justifyContent": "flex-start",
65
+ },
66
+ "testID": undefined,
67
+ },
68
+ "type": "View",
69
+ },
70
+ ],
71
+ "props": {
72
+ "onPointerEnter": [Function: AsyncFunction],
73
+ "onPointerLeave": [Function: AsyncFunction],
74
+ "style": {
75
+ "justifyContent": "center",
76
+ "marginRight": 8,
77
+ "paddingBottom": 16,
78
+ "paddingLeft": 12,
79
+ "paddingRight": 12,
80
+ "paddingTop": 16,
81
+ "width": 100,
82
+ },
83
+ "testID": undefined,
84
+ },
85
+ "type": "View",
86
+ },
87
+ {
88
+ "$$typeof": Symbol(react.test.json),
89
+ "children": [
90
+ {
91
+ "$$typeof": Symbol(react.test.json),
92
+ "children": [
93
+ {
94
+ "$$typeof": Symbol(react.test.json),
95
+ "children": [
96
+ "Age",
97
+ ],
98
+ "props": {
99
+ "aria-label": "Table title: Age",
100
+ "aria-role": "header",
101
+ "ellipsizeMode": "tail",
102
+ "numberOfLines": 3,
103
+ "style": {
104
+ "color": "#1C1C1C",
105
+ "flexWrap": "wrap",
106
+ "fontFamily": "text",
107
+ "fontSize": 10,
108
+ "fontWeight": "700",
109
+ "lineHeight": 16,
110
+ "overflow": "hidden",
111
+ "textAlign": "left",
112
+ "textTransform": "uppercase",
113
+ },
114
+ },
115
+ "type": "Text",
116
+ },
117
+ ],
118
+ "props": {
119
+ "onPointerEnter": [Function: AsyncFunction],
120
+ "onPointerLeave": [Function: AsyncFunction],
121
+ "style": {
122
+ "accessibilityHint": "changes sort alphabetical order",
123
+ "accessibilityLabel": "sort",
124
+ "alignItems": "center",
125
+ "display": "flex",
126
+ "flexDirection": "row",
127
+ "flexGrow": 1,
128
+ "flexShrink": 1,
129
+ "justifyContent": "flex-start",
130
+ },
131
+ "testID": undefined,
132
+ },
133
+ "type": "View",
134
+ },
135
+ ],
136
+ "props": {
137
+ "onPointerEnter": [Function: AsyncFunction],
138
+ "onPointerLeave": [Function: AsyncFunction],
139
+ "style": {
140
+ "justifyContent": "center",
141
+ "marginRight": 8,
142
+ "paddingBottom": 16,
143
+ "paddingLeft": 12,
144
+ "paddingRight": 12,
145
+ "paddingTop": 16,
146
+ "width": 100,
147
+ },
148
+ "testID": undefined,
149
+ },
150
+ "type": "View",
151
+ },
152
+ {
153
+ "$$typeof": Symbol(react.test.json),
154
+ "children": [
155
+ {
156
+ "$$typeof": Symbol(react.test.json),
157
+ "children": [
158
+ {
159
+ "$$typeof": Symbol(react.test.json),
160
+ "children": [
161
+ "City",
162
+ ],
163
+ "props": {
164
+ "aria-label": "Table title: City",
165
+ "aria-role": "header",
166
+ "ellipsizeMode": "tail",
167
+ "numberOfLines": 3,
168
+ "style": {
169
+ "color": "#1C1C1C",
170
+ "flexWrap": "wrap",
171
+ "fontFamily": "text",
172
+ "fontSize": 10,
173
+ "fontWeight": "700",
174
+ "lineHeight": 16,
175
+ "overflow": "hidden",
176
+ "textAlign": "left",
177
+ "textTransform": "uppercase",
178
+ },
179
+ },
180
+ "type": "Text",
181
+ },
182
+ ],
183
+ "props": {
184
+ "onPointerEnter": [Function: AsyncFunction],
185
+ "onPointerLeave": [Function: AsyncFunction],
186
+ "style": {
187
+ "accessibilityHint": "changes sort alphabetical order",
188
+ "accessibilityLabel": "sort",
189
+ "alignItems": "center",
190
+ "display": "flex",
191
+ "flexDirection": "row",
192
+ "flexGrow": 1,
193
+ "flexShrink": 1,
194
+ "justifyContent": "flex-start",
195
+ },
196
+ "testID": undefined,
197
+ },
198
+ "type": "View",
199
+ },
200
+ ],
201
+ "props": {
202
+ "onPointerEnter": [Function: AsyncFunction],
203
+ "onPointerLeave": [Function: AsyncFunction],
204
+ "style": {
205
+ "justifyContent": "center",
206
+ "marginRight": 8,
207
+ "paddingBottom": 16,
208
+ "paddingLeft": 12,
209
+ "paddingRight": 12,
210
+ "paddingTop": 16,
211
+ "width": 100,
212
+ },
213
+ "testID": undefined,
214
+ },
215
+ "type": "View",
216
+ },
217
+ ],
218
+ "props": {
219
+ "onPointerEnter": [Function: AsyncFunction],
220
+ "onPointerLeave": [Function: AsyncFunction],
221
+ "style": {
222
+ "display": "flex",
223
+ "flexDirection": "row",
224
+ "paddingBottom": 4,
225
+ "paddingTop": 4,
226
+ "width": "100%",
227
+ },
228
+ "testID": undefined,
229
+ },
230
+ "type": "View",
231
+ },
232
+ ],
233
+ "props": {
234
+ "onPointerEnter": [Function: AsyncFunction],
235
+ "onPointerLeave": [Function: AsyncFunction],
236
+ "style": {
237
+ "backgroundColor": "#FFFFFF",
238
+ "borderBottom": "2px solid #e0e0e0",
239
+ "dangerouslySetInlineStyle": {
240
+ "__style": {
241
+ "borderBottom": "2px solid #e0e0e0",
242
+ },
243
+ },
244
+ "width": "100%",
245
+ },
246
+ "testID": undefined,
247
+ },
248
+ "type": "View",
249
+ },
250
+ ],
251
+ "props": {
252
+ "onPointerEnter": [Function: AsyncFunction],
253
+ "onPointerLeave": [Function: AsyncFunction],
254
+ "style": {
255
+ "backgroundColor": "#FFFFFF",
256
+ "flex": undefined,
257
+ },
258
+ "testID": undefined,
259
+ },
260
+ "type": "View",
261
+ },
262
+ {
263
+ "$$typeof": Symbol(react.test.json),
264
+ "children": [
265
+ {
266
+ "$$typeof": Symbol(react.test.json),
267
+ "children": [
268
+ {
269
+ "$$typeof": Symbol(react.test.json),
270
+ "children": [
271
+ {
272
+ "$$typeof": Symbol(react.test.json),
273
+ "children": [
274
+ "John",
275
+ ],
276
+ "props": {
277
+ "style": {
278
+ "color": "#1C1C1C",
279
+ "fontFamily": "text",
280
+ "fontSize": 14,
281
+ "textAlign": undefined,
282
+ },
283
+ },
284
+ "type": "Text",
285
+ },
286
+ ],
287
+ "props": {
288
+ "onPointerEnter": [Function: AsyncFunction],
289
+ "onPointerLeave": [Function: AsyncFunction],
290
+ "style": {
291
+ "justifyContent": "center",
292
+ "marginRight": 8,
293
+ "paddingBottom": 16,
294
+ "paddingLeft": 12,
295
+ "paddingRight": 12,
296
+ "paddingTop": 16,
297
+ "width": 100,
298
+ },
299
+ "testID": undefined,
300
+ },
301
+ "type": "View",
302
+ },
303
+ {
304
+ "$$typeof": Symbol(react.test.json),
305
+ "children": [
306
+ {
307
+ "$$typeof": Symbol(react.test.json),
308
+ "children": [
309
+ "30",
310
+ ],
311
+ "props": {
312
+ "style": {
313
+ "color": "#1C1C1C",
314
+ "fontFamily": "text",
315
+ "fontSize": 14,
316
+ "textAlign": undefined,
317
+ },
318
+ },
319
+ "type": "Text",
320
+ },
321
+ ],
322
+ "props": {
323
+ "onPointerEnter": [Function: AsyncFunction],
324
+ "onPointerLeave": [Function: AsyncFunction],
325
+ "style": {
326
+ "justifyContent": "center",
327
+ "marginRight": 8,
328
+ "paddingBottom": 16,
329
+ "paddingLeft": 12,
330
+ "paddingRight": 12,
331
+ "paddingTop": 16,
332
+ "width": 100,
333
+ },
334
+ "testID": undefined,
335
+ },
336
+ "type": "View",
337
+ },
338
+ {
339
+ "$$typeof": Symbol(react.test.json),
340
+ "children": [
341
+ {
342
+ "$$typeof": Symbol(react.test.json),
343
+ "children": [
344
+ "NYC",
345
+ ],
346
+ "props": {
347
+ "style": {
348
+ "color": "#1C1C1C",
349
+ "fontFamily": "text",
350
+ "fontSize": 14,
351
+ "textAlign": undefined,
352
+ },
353
+ },
354
+ "type": "Text",
355
+ },
356
+ ],
357
+ "props": {
358
+ "onPointerEnter": [Function: AsyncFunction],
359
+ "onPointerLeave": [Function: AsyncFunction],
360
+ "style": {
361
+ "justifyContent": "center",
362
+ "marginRight": 8,
363
+ "paddingBottom": 16,
364
+ "paddingLeft": 12,
365
+ "paddingRight": 12,
366
+ "paddingTop": 16,
367
+ "width": 100,
368
+ },
369
+ "testID": undefined,
370
+ },
371
+ "type": "View",
372
+ },
373
+ ],
374
+ "props": {
375
+ "onPointerEnter": [Function: AsyncFunction],
376
+ "onPointerLeave": [Function: AsyncFunction],
377
+ "style": {
378
+ "display": "flex",
379
+ "flexDirection": "row",
380
+ "paddingBottom": 4,
381
+ "paddingTop": 4,
382
+ "width": "100%",
383
+ },
384
+ "testID": undefined,
385
+ },
386
+ "type": "View",
387
+ },
388
+ ],
389
+ "props": {
390
+ "onPointerEnter": [Function: AsyncFunction],
391
+ "onPointerLeave": [Function: AsyncFunction],
392
+ "style": {
393
+ "backgroundColor": "#D9D9D9",
394
+ "borderBottom": "1px solid #e0e0e0",
395
+ "dangerouslySetInlineStyle": {
396
+ "__style": {
397
+ "borderBottom": "1px solid #e0e0e0",
398
+ },
399
+ },
400
+ "width": "100%",
401
+ },
402
+ "testID": undefined,
403
+ },
404
+ "type": "View",
405
+ },
406
+ ],
407
+ "props": {
408
+ "stickyHeaderIndices": [
409
+ 0,
410
+ ],
411
+ "style": {
412
+ "flex": 1,
413
+ "maxHeight": undefined,
414
+ "maxWidth": "100%",
415
+ "width": 324,
416
+ },
417
+ },
418
+ "type": "ScrollView",
419
+ },
420
+ ],
421
+ "props": {
422
+ "horizontal": true,
423
+ "style": {
424
+ "maxWidth": "100%",
425
+ "width": 324,
426
+ },
427
+ },
428
+ "type": "ScrollView",
429
+ },
430
+ ],
431
+ "props": {
432
+ "onPointerEnter": [Function: AsyncFunction],
433
+ "onPointerLeave": [Function: AsyncFunction],
434
+ "style": {
435
+ "display": "flex",
436
+ "flexGrow": 1,
437
+ "flexShrink": 1,
438
+ "maxWidth": "100%",
439
+ "style": {
440
+ "position": "relative",
441
+ },
442
+ "width": 324,
443
+ },
444
+ "testID": undefined,
445
+ },
446
+ "type": "View",
447
+ }
448
+ `;
449
+
450
+ exports[`Table renders multiple rows 1`] = `
451
+ {
452
+ "$$typeof": Symbol(react.test.json),
453
+ "children": [
454
+ {
455
+ "$$typeof": Symbol(react.test.json),
456
+ "children": [
457
+ {
458
+ "$$typeof": Symbol(react.test.json),
459
+ "children": [
460
+ {
461
+ "$$typeof": Symbol(react.test.json),
462
+ "children": [
463
+ {
464
+ "$$typeof": Symbol(react.test.json),
465
+ "children": [
466
+ {
467
+ "$$typeof": Symbol(react.test.json),
468
+ "children": [
469
+ {
470
+ "$$typeof": Symbol(react.test.json),
471
+ "children": [
472
+ {
473
+ "$$typeof": Symbol(react.test.json),
474
+ "children": [
475
+ {
476
+ "$$typeof": Symbol(react.test.json),
477
+ "children": [
478
+ "Name",
479
+ ],
480
+ "props": {
481
+ "aria-label": "Table title: Name",
482
+ "aria-role": "header",
483
+ "ellipsizeMode": "tail",
484
+ "numberOfLines": 3,
485
+ "style": {
486
+ "color": "#1C1C1C",
487
+ "flexWrap": "wrap",
488
+ "fontFamily": "text",
489
+ "fontSize": 10,
490
+ "fontWeight": "700",
491
+ "lineHeight": 16,
492
+ "overflow": "hidden",
493
+ "textAlign": "left",
494
+ "textTransform": "uppercase",
495
+ },
496
+ },
497
+ "type": "Text",
498
+ },
499
+ ],
500
+ "props": {
501
+ "onPointerEnter": [Function: AsyncFunction],
502
+ "onPointerLeave": [Function: AsyncFunction],
503
+ "style": {
504
+ "accessibilityHint": "changes sort alphabetical order",
505
+ "accessibilityLabel": "sort",
506
+ "alignItems": "center",
507
+ "display": "flex",
508
+ "flexDirection": "row",
509
+ "flexGrow": 1,
510
+ "flexShrink": 1,
511
+ "justifyContent": "flex-start",
512
+ },
513
+ "testID": undefined,
514
+ },
515
+ "type": "View",
516
+ },
517
+ ],
518
+ "props": {
519
+ "onPointerEnter": [Function: AsyncFunction],
520
+ "onPointerLeave": [Function: AsyncFunction],
521
+ "style": {
522
+ "justifyContent": "center",
523
+ "marginRight": 8,
524
+ "paddingBottom": 16,
525
+ "paddingLeft": 12,
526
+ "paddingRight": 12,
527
+ "paddingTop": 16,
528
+ "width": 100,
529
+ },
530
+ "testID": undefined,
531
+ },
532
+ "type": "View",
533
+ },
534
+ {
535
+ "$$typeof": Symbol(react.test.json),
536
+ "children": [
537
+ {
538
+ "$$typeof": Symbol(react.test.json),
539
+ "children": [
540
+ {
541
+ "$$typeof": Symbol(react.test.json),
542
+ "children": [
543
+ "Value",
544
+ ],
545
+ "props": {
546
+ "aria-label": "Table title: Value",
547
+ "aria-role": "header",
548
+ "ellipsizeMode": "tail",
549
+ "numberOfLines": 3,
550
+ "style": {
551
+ "color": "#1C1C1C",
552
+ "flexWrap": "wrap",
553
+ "fontFamily": "text",
554
+ "fontSize": 10,
555
+ "fontWeight": "700",
556
+ "lineHeight": 16,
557
+ "overflow": "hidden",
558
+ "textAlign": "left",
559
+ "textTransform": "uppercase",
560
+ },
561
+ },
562
+ "type": "Text",
563
+ },
564
+ ],
565
+ "props": {
566
+ "onPointerEnter": [Function: AsyncFunction],
567
+ "onPointerLeave": [Function: AsyncFunction],
568
+ "style": {
569
+ "accessibilityHint": "changes sort alphabetical order",
570
+ "accessibilityLabel": "sort",
571
+ "alignItems": "center",
572
+ "display": "flex",
573
+ "flexDirection": "row",
574
+ "flexGrow": 1,
575
+ "flexShrink": 1,
576
+ "justifyContent": "flex-start",
577
+ },
578
+ "testID": undefined,
579
+ },
580
+ "type": "View",
581
+ },
582
+ ],
583
+ "props": {
584
+ "onPointerEnter": [Function: AsyncFunction],
585
+ "onPointerLeave": [Function: AsyncFunction],
586
+ "style": {
587
+ "justifyContent": "center",
588
+ "marginRight": 8,
589
+ "paddingBottom": 16,
590
+ "paddingLeft": 12,
591
+ "paddingRight": 12,
592
+ "paddingTop": 16,
593
+ "width": 100,
594
+ },
595
+ "testID": undefined,
596
+ },
597
+ "type": "View",
598
+ },
599
+ ],
600
+ "props": {
601
+ "onPointerEnter": [Function: AsyncFunction],
602
+ "onPointerLeave": [Function: AsyncFunction],
603
+ "style": {
604
+ "display": "flex",
605
+ "flexDirection": "row",
606
+ "paddingBottom": 4,
607
+ "paddingTop": 4,
608
+ "width": "100%",
609
+ },
610
+ "testID": undefined,
611
+ },
612
+ "type": "View",
613
+ },
614
+ ],
615
+ "props": {
616
+ "onPointerEnter": [Function: AsyncFunction],
617
+ "onPointerLeave": [Function: AsyncFunction],
618
+ "style": {
619
+ "backgroundColor": "#FFFFFF",
620
+ "borderBottom": "2px solid #e0e0e0",
621
+ "dangerouslySetInlineStyle": {
622
+ "__style": {
623
+ "borderBottom": "2px solid #e0e0e0",
624
+ },
625
+ },
626
+ "width": "100%",
627
+ },
628
+ "testID": undefined,
629
+ },
630
+ "type": "View",
631
+ },
632
+ ],
633
+ "props": {
634
+ "onPointerEnter": [Function: AsyncFunction],
635
+ "onPointerLeave": [Function: AsyncFunction],
636
+ "style": {
637
+ "backgroundColor": "#FFFFFF",
638
+ "flex": undefined,
639
+ },
640
+ "testID": undefined,
641
+ },
642
+ "type": "View",
643
+ },
644
+ {
645
+ "$$typeof": Symbol(react.test.json),
646
+ "children": [
647
+ {
648
+ "$$typeof": Symbol(react.test.json),
649
+ "children": [
650
+ {
651
+ "$$typeof": Symbol(react.test.json),
652
+ "children": [
653
+ {
654
+ "$$typeof": Symbol(react.test.json),
655
+ "children": [
656
+ "Item 1",
657
+ ],
658
+ "props": {
659
+ "style": {
660
+ "color": "#1C1C1C",
661
+ "fontFamily": "text",
662
+ "fontSize": 14,
663
+ "textAlign": undefined,
664
+ },
665
+ },
666
+ "type": "Text",
667
+ },
668
+ ],
669
+ "props": {
670
+ "onPointerEnter": [Function: AsyncFunction],
671
+ "onPointerLeave": [Function: AsyncFunction],
672
+ "style": {
673
+ "justifyContent": "center",
674
+ "marginRight": 8,
675
+ "paddingBottom": 16,
676
+ "paddingLeft": 12,
677
+ "paddingRight": 12,
678
+ "paddingTop": 16,
679
+ "width": 100,
680
+ },
681
+ "testID": undefined,
682
+ },
683
+ "type": "View",
684
+ },
685
+ {
686
+ "$$typeof": Symbol(react.test.json),
687
+ "children": [
688
+ {
689
+ "$$typeof": Symbol(react.test.json),
690
+ "children": [
691
+ "100",
692
+ ],
693
+ "props": {
694
+ "style": {
695
+ "color": "#1C1C1C",
696
+ "fontFamily": "text",
697
+ "fontSize": 14,
698
+ "textAlign": undefined,
699
+ },
700
+ },
701
+ "type": "Text",
702
+ },
703
+ ],
704
+ "props": {
705
+ "onPointerEnter": [Function: AsyncFunction],
706
+ "onPointerLeave": [Function: AsyncFunction],
707
+ "style": {
708
+ "justifyContent": "center",
709
+ "marginRight": 8,
710
+ "paddingBottom": 16,
711
+ "paddingLeft": 12,
712
+ "paddingRight": 12,
713
+ "paddingTop": 16,
714
+ "width": 100,
715
+ },
716
+ "testID": undefined,
717
+ },
718
+ "type": "View",
719
+ },
720
+ ],
721
+ "props": {
722
+ "onPointerEnter": [Function: AsyncFunction],
723
+ "onPointerLeave": [Function: AsyncFunction],
724
+ "style": {
725
+ "display": "flex",
726
+ "flexDirection": "row",
727
+ "paddingBottom": 4,
728
+ "paddingTop": 4,
729
+ "width": "100%",
730
+ },
731
+ "testID": undefined,
732
+ },
733
+ "type": "View",
734
+ },
735
+ ],
736
+ "props": {
737
+ "onPointerEnter": [Function: AsyncFunction],
738
+ "onPointerLeave": [Function: AsyncFunction],
739
+ "style": {
740
+ "backgroundColor": "#D9D9D9",
741
+ "borderBottom": "1px solid #e0e0e0",
742
+ "dangerouslySetInlineStyle": {
743
+ "__style": {
744
+ "borderBottom": "1px solid #e0e0e0",
745
+ },
746
+ },
747
+ "width": "100%",
748
+ },
749
+ "testID": undefined,
750
+ },
751
+ "type": "View",
752
+ },
753
+ {
754
+ "$$typeof": Symbol(react.test.json),
755
+ "children": [
756
+ {
757
+ "$$typeof": Symbol(react.test.json),
758
+ "children": [
759
+ {
760
+ "$$typeof": Symbol(react.test.json),
761
+ "children": [
762
+ {
763
+ "$$typeof": Symbol(react.test.json),
764
+ "children": [
765
+ "Item 2",
766
+ ],
767
+ "props": {
768
+ "style": {
769
+ "color": "#1C1C1C",
770
+ "fontFamily": "text",
771
+ "fontSize": 14,
772
+ "textAlign": undefined,
773
+ },
774
+ },
775
+ "type": "Text",
776
+ },
777
+ ],
778
+ "props": {
779
+ "onPointerEnter": [Function: AsyncFunction],
780
+ "onPointerLeave": [Function: AsyncFunction],
781
+ "style": {
782
+ "justifyContent": "center",
783
+ "marginRight": 8,
784
+ "paddingBottom": 16,
785
+ "paddingLeft": 12,
786
+ "paddingRight": 12,
787
+ "paddingTop": 16,
788
+ "width": 100,
789
+ },
790
+ "testID": undefined,
791
+ },
792
+ "type": "View",
793
+ },
794
+ {
795
+ "$$typeof": Symbol(react.test.json),
796
+ "children": [
797
+ {
798
+ "$$typeof": Symbol(react.test.json),
799
+ "children": [
800
+ "200",
801
+ ],
802
+ "props": {
803
+ "style": {
804
+ "color": "#1C1C1C",
805
+ "fontFamily": "text",
806
+ "fontSize": 14,
807
+ "textAlign": undefined,
808
+ },
809
+ },
810
+ "type": "Text",
811
+ },
812
+ ],
813
+ "props": {
814
+ "onPointerEnter": [Function: AsyncFunction],
815
+ "onPointerLeave": [Function: AsyncFunction],
816
+ "style": {
817
+ "justifyContent": "center",
818
+ "marginRight": 8,
819
+ "paddingBottom": 16,
820
+ "paddingLeft": 12,
821
+ "paddingRight": 12,
822
+ "paddingTop": 16,
823
+ "width": 100,
824
+ },
825
+ "testID": undefined,
826
+ },
827
+ "type": "View",
828
+ },
829
+ ],
830
+ "props": {
831
+ "onPointerEnter": [Function: AsyncFunction],
832
+ "onPointerLeave": [Function: AsyncFunction],
833
+ "style": {
834
+ "display": "flex",
835
+ "flexDirection": "row",
836
+ "paddingBottom": 4,
837
+ "paddingTop": 4,
838
+ "width": "100%",
839
+ },
840
+ "testID": undefined,
841
+ },
842
+ "type": "View",
843
+ },
844
+ ],
845
+ "props": {
846
+ "onPointerEnter": [Function: AsyncFunction],
847
+ "onPointerLeave": [Function: AsyncFunction],
848
+ "style": {
849
+ "backgroundColor": "#FFFFFF",
850
+ "borderBottom": "1px solid #e0e0e0",
851
+ "dangerouslySetInlineStyle": {
852
+ "__style": {
853
+ "borderBottom": "1px solid #e0e0e0",
854
+ },
855
+ },
856
+ "width": "100%",
857
+ },
858
+ "testID": undefined,
859
+ },
860
+ "type": "View",
861
+ },
862
+ ],
863
+ "props": {
864
+ "stickyHeaderIndices": [
865
+ 0,
866
+ ],
867
+ "style": {
868
+ "flex": 1,
869
+ "maxHeight": undefined,
870
+ "maxWidth": "100%",
871
+ "width": 216,
872
+ },
873
+ },
874
+ "type": "ScrollView",
875
+ },
876
+ ],
877
+ "props": {
878
+ "horizontal": true,
879
+ "style": {
880
+ "maxWidth": "100%",
881
+ "width": 216,
882
+ },
883
+ },
884
+ "type": "ScrollView",
885
+ },
886
+ ],
887
+ "props": {
888
+ "onPointerEnter": [Function: AsyncFunction],
889
+ "onPointerLeave": [Function: AsyncFunction],
890
+ "style": {
891
+ "display": "flex",
892
+ "flexGrow": 1,
893
+ "flexShrink": 1,
894
+ "maxWidth": "100%",
895
+ "style": {
896
+ "position": "relative",
897
+ },
898
+ "width": 216,
899
+ },
900
+ "testID": undefined,
901
+ },
902
+ "type": "View",
903
+ }
904
+ `;
905
+
906
+ exports[`Table renders without alternate row background 1`] = `
907
+ {
908
+ "$$typeof": Symbol(react.test.json),
909
+ "children": [
910
+ {
911
+ "$$typeof": Symbol(react.test.json),
912
+ "children": [
913
+ {
914
+ "$$typeof": Symbol(react.test.json),
915
+ "children": [
916
+ {
917
+ "$$typeof": Symbol(react.test.json),
918
+ "children": [
919
+ {
920
+ "$$typeof": Symbol(react.test.json),
921
+ "children": [
922
+ {
923
+ "$$typeof": Symbol(react.test.json),
924
+ "children": [
925
+ {
926
+ "$$typeof": Symbol(react.test.json),
927
+ "children": [
928
+ {
929
+ "$$typeof": Symbol(react.test.json),
930
+ "children": [
931
+ {
932
+ "$$typeof": Symbol(react.test.json),
933
+ "children": [
934
+ "Col 1",
935
+ ],
936
+ "props": {
937
+ "aria-label": "Table title: Col 1",
938
+ "aria-role": "header",
939
+ "ellipsizeMode": "tail",
940
+ "numberOfLines": 3,
941
+ "style": {
942
+ "color": "#1C1C1C",
943
+ "flexWrap": "wrap",
944
+ "fontFamily": "text",
945
+ "fontSize": 10,
946
+ "fontWeight": "700",
947
+ "lineHeight": 16,
948
+ "overflow": "hidden",
949
+ "textAlign": "left",
950
+ "textTransform": "uppercase",
951
+ },
952
+ },
953
+ "type": "Text",
954
+ },
955
+ ],
956
+ "props": {
957
+ "onPointerEnter": [Function: AsyncFunction],
958
+ "onPointerLeave": [Function: AsyncFunction],
959
+ "style": {
960
+ "accessibilityHint": "changes sort alphabetical order",
961
+ "accessibilityLabel": "sort",
962
+ "alignItems": "center",
963
+ "display": "flex",
964
+ "flexDirection": "row",
965
+ "flexGrow": 1,
966
+ "flexShrink": 1,
967
+ "justifyContent": "flex-start",
968
+ },
969
+ "testID": undefined,
970
+ },
971
+ "type": "View",
972
+ },
973
+ ],
974
+ "props": {
975
+ "onPointerEnter": [Function: AsyncFunction],
976
+ "onPointerLeave": [Function: AsyncFunction],
977
+ "style": {
978
+ "justifyContent": "center",
979
+ "marginRight": 8,
980
+ "paddingBottom": 16,
981
+ "paddingLeft": 12,
982
+ "paddingRight": 12,
983
+ "paddingTop": 16,
984
+ "width": 100,
985
+ },
986
+ "testID": undefined,
987
+ },
988
+ "type": "View",
989
+ },
990
+ {
991
+ "$$typeof": Symbol(react.test.json),
992
+ "children": [
993
+ {
994
+ "$$typeof": Symbol(react.test.json),
995
+ "children": [
996
+ {
997
+ "$$typeof": Symbol(react.test.json),
998
+ "children": [
999
+ "Col 2",
1000
+ ],
1001
+ "props": {
1002
+ "aria-label": "Table title: Col 2",
1003
+ "aria-role": "header",
1004
+ "ellipsizeMode": "tail",
1005
+ "numberOfLines": 3,
1006
+ "style": {
1007
+ "color": "#1C1C1C",
1008
+ "flexWrap": "wrap",
1009
+ "fontFamily": "text",
1010
+ "fontSize": 10,
1011
+ "fontWeight": "700",
1012
+ "lineHeight": 16,
1013
+ "overflow": "hidden",
1014
+ "textAlign": "left",
1015
+ "textTransform": "uppercase",
1016
+ },
1017
+ },
1018
+ "type": "Text",
1019
+ },
1020
+ ],
1021
+ "props": {
1022
+ "onPointerEnter": [Function: AsyncFunction],
1023
+ "onPointerLeave": [Function: AsyncFunction],
1024
+ "style": {
1025
+ "accessibilityHint": "changes sort alphabetical order",
1026
+ "accessibilityLabel": "sort",
1027
+ "alignItems": "center",
1028
+ "display": "flex",
1029
+ "flexDirection": "row",
1030
+ "flexGrow": 1,
1031
+ "flexShrink": 1,
1032
+ "justifyContent": "flex-start",
1033
+ },
1034
+ "testID": undefined,
1035
+ },
1036
+ "type": "View",
1037
+ },
1038
+ ],
1039
+ "props": {
1040
+ "onPointerEnter": [Function: AsyncFunction],
1041
+ "onPointerLeave": [Function: AsyncFunction],
1042
+ "style": {
1043
+ "justifyContent": "center",
1044
+ "marginRight": 8,
1045
+ "paddingBottom": 16,
1046
+ "paddingLeft": 12,
1047
+ "paddingRight": 12,
1048
+ "paddingTop": 16,
1049
+ "width": 100,
1050
+ },
1051
+ "testID": undefined,
1052
+ },
1053
+ "type": "View",
1054
+ },
1055
+ ],
1056
+ "props": {
1057
+ "onPointerEnter": [Function: AsyncFunction],
1058
+ "onPointerLeave": [Function: AsyncFunction],
1059
+ "style": {
1060
+ "display": "flex",
1061
+ "flexDirection": "row",
1062
+ "paddingBottom": 4,
1063
+ "paddingTop": 4,
1064
+ "width": "100%",
1065
+ },
1066
+ "testID": undefined,
1067
+ },
1068
+ "type": "View",
1069
+ },
1070
+ ],
1071
+ "props": {
1072
+ "onPointerEnter": [Function: AsyncFunction],
1073
+ "onPointerLeave": [Function: AsyncFunction],
1074
+ "style": {
1075
+ "backgroundColor": "#FFFFFF",
1076
+ "borderBottom": "2px solid #e0e0e0",
1077
+ "dangerouslySetInlineStyle": {
1078
+ "__style": {
1079
+ "borderBottom": "2px solid #e0e0e0",
1080
+ },
1081
+ },
1082
+ "width": "100%",
1083
+ },
1084
+ "testID": undefined,
1085
+ },
1086
+ "type": "View",
1087
+ },
1088
+ ],
1089
+ "props": {
1090
+ "onPointerEnter": [Function: AsyncFunction],
1091
+ "onPointerLeave": [Function: AsyncFunction],
1092
+ "style": {
1093
+ "backgroundColor": "#FFFFFF",
1094
+ "flex": undefined,
1095
+ },
1096
+ "testID": undefined,
1097
+ },
1098
+ "type": "View",
1099
+ },
1100
+ {
1101
+ "$$typeof": Symbol(react.test.json),
1102
+ "children": [
1103
+ {
1104
+ "$$typeof": Symbol(react.test.json),
1105
+ "children": [
1106
+ {
1107
+ "$$typeof": Symbol(react.test.json),
1108
+ "children": [
1109
+ {
1110
+ "$$typeof": Symbol(react.test.json),
1111
+ "children": [
1112
+ "A",
1113
+ ],
1114
+ "props": {
1115
+ "style": {
1116
+ "color": "#1C1C1C",
1117
+ "fontFamily": "text",
1118
+ "fontSize": 14,
1119
+ "textAlign": undefined,
1120
+ },
1121
+ },
1122
+ "type": "Text",
1123
+ },
1124
+ ],
1125
+ "props": {
1126
+ "onPointerEnter": [Function: AsyncFunction],
1127
+ "onPointerLeave": [Function: AsyncFunction],
1128
+ "style": {
1129
+ "justifyContent": "center",
1130
+ "marginRight": 8,
1131
+ "paddingBottom": 16,
1132
+ "paddingLeft": 12,
1133
+ "paddingRight": 12,
1134
+ "paddingTop": 16,
1135
+ "width": 100,
1136
+ },
1137
+ "testID": undefined,
1138
+ },
1139
+ "type": "View",
1140
+ },
1141
+ {
1142
+ "$$typeof": Symbol(react.test.json),
1143
+ "children": [
1144
+ {
1145
+ "$$typeof": Symbol(react.test.json),
1146
+ "children": [
1147
+ "B",
1148
+ ],
1149
+ "props": {
1150
+ "style": {
1151
+ "color": "#1C1C1C",
1152
+ "fontFamily": "text",
1153
+ "fontSize": 14,
1154
+ "textAlign": undefined,
1155
+ },
1156
+ },
1157
+ "type": "Text",
1158
+ },
1159
+ ],
1160
+ "props": {
1161
+ "onPointerEnter": [Function: AsyncFunction],
1162
+ "onPointerLeave": [Function: AsyncFunction],
1163
+ "style": {
1164
+ "justifyContent": "center",
1165
+ "marginRight": 8,
1166
+ "paddingBottom": 16,
1167
+ "paddingLeft": 12,
1168
+ "paddingRight": 12,
1169
+ "paddingTop": 16,
1170
+ "width": 100,
1171
+ },
1172
+ "testID": undefined,
1173
+ },
1174
+ "type": "View",
1175
+ },
1176
+ ],
1177
+ "props": {
1178
+ "onPointerEnter": [Function: AsyncFunction],
1179
+ "onPointerLeave": [Function: AsyncFunction],
1180
+ "style": {
1181
+ "display": "flex",
1182
+ "flexDirection": "row",
1183
+ "paddingBottom": 4,
1184
+ "paddingTop": 4,
1185
+ "width": "100%",
1186
+ },
1187
+ "testID": undefined,
1188
+ },
1189
+ "type": "View",
1190
+ },
1191
+ ],
1192
+ "props": {
1193
+ "onPointerEnter": [Function: AsyncFunction],
1194
+ "onPointerLeave": [Function: AsyncFunction],
1195
+ "style": {
1196
+ "backgroundColor": "#FFFFFF",
1197
+ "borderBottom": "1px solid #e0e0e0",
1198
+ "dangerouslySetInlineStyle": {
1199
+ "__style": {
1200
+ "borderBottom": "1px solid #e0e0e0",
1201
+ },
1202
+ },
1203
+ "width": "100%",
1204
+ },
1205
+ "testID": undefined,
1206
+ },
1207
+ "type": "View",
1208
+ },
1209
+ ],
1210
+ "props": {
1211
+ "stickyHeaderIndices": [
1212
+ 0,
1213
+ ],
1214
+ "style": {
1215
+ "flex": 1,
1216
+ "maxHeight": undefined,
1217
+ "maxWidth": "100%",
1218
+ "width": 216,
1219
+ },
1220
+ },
1221
+ "type": "ScrollView",
1222
+ },
1223
+ ],
1224
+ "props": {
1225
+ "horizontal": true,
1226
+ "style": {
1227
+ "maxWidth": "100%",
1228
+ "width": 216,
1229
+ },
1230
+ },
1231
+ "type": "ScrollView",
1232
+ },
1233
+ ],
1234
+ "props": {
1235
+ "onPointerEnter": [Function: AsyncFunction],
1236
+ "onPointerLeave": [Function: AsyncFunction],
1237
+ "style": {
1238
+ "display": "flex",
1239
+ "flexGrow": 1,
1240
+ "flexShrink": 1,
1241
+ "maxWidth": "100%",
1242
+ "style": {
1243
+ "position": "relative",
1244
+ },
1245
+ "width": 216,
1246
+ },
1247
+ "testID": undefined,
1248
+ },
1249
+ "type": "View",
1250
+ }
1251
+ `;
1252
+
1253
+ exports[`Table renders with percentage-based columns 1`] = `
1254
+ {
1255
+ "$$typeof": Symbol(react.test.json),
1256
+ "children": [
1257
+ {
1258
+ "$$typeof": Symbol(react.test.json),
1259
+ "children": [
1260
+ {
1261
+ "$$typeof": Symbol(react.test.json),
1262
+ "children": [
1263
+ {
1264
+ "$$typeof": Symbol(react.test.json),
1265
+ "children": [
1266
+ {
1267
+ "$$typeof": Symbol(react.test.json),
1268
+ "children": [
1269
+ {
1270
+ "$$typeof": Symbol(react.test.json),
1271
+ "children": [
1272
+ {
1273
+ "$$typeof": Symbol(react.test.json),
1274
+ "children": [
1275
+ {
1276
+ "$$typeof": Symbol(react.test.json),
1277
+ "children": [
1278
+ {
1279
+ "$$typeof": Symbol(react.test.json),
1280
+ "children": [
1281
+ "Left",
1282
+ ],
1283
+ "props": {
1284
+ "aria-label": "Table title: Left",
1285
+ "aria-role": "header",
1286
+ "ellipsizeMode": "tail",
1287
+ "numberOfLines": 3,
1288
+ "style": {
1289
+ "color": "#1C1C1C",
1290
+ "flexWrap": "wrap",
1291
+ "fontFamily": "text",
1292
+ "fontSize": 10,
1293
+ "fontWeight": "700",
1294
+ "lineHeight": 16,
1295
+ "overflow": "hidden",
1296
+ "textAlign": "left",
1297
+ "textTransform": "uppercase",
1298
+ },
1299
+ },
1300
+ "type": "Text",
1301
+ },
1302
+ ],
1303
+ "props": {
1304
+ "onPointerEnter": [Function: AsyncFunction],
1305
+ "onPointerLeave": [Function: AsyncFunction],
1306
+ "style": {
1307
+ "accessibilityHint": "changes sort alphabetical order",
1308
+ "accessibilityLabel": "sort",
1309
+ "alignItems": "center",
1310
+ "display": "flex",
1311
+ "flexDirection": "row",
1312
+ "flexGrow": 1,
1313
+ "flexShrink": 1,
1314
+ "justifyContent": "flex-start",
1315
+ },
1316
+ "testID": undefined,
1317
+ },
1318
+ "type": "View",
1319
+ },
1320
+ ],
1321
+ "props": {
1322
+ "onPointerEnter": [Function: AsyncFunction],
1323
+ "onPointerLeave": [Function: AsyncFunction],
1324
+ "style": {
1325
+ "justifyContent": "center",
1326
+ "marginRight": 8,
1327
+ "paddingBottom": 16,
1328
+ "paddingLeft": 12,
1329
+ "paddingRight": 12,
1330
+ "paddingTop": 16,
1331
+ "width": "50%",
1332
+ },
1333
+ "testID": undefined,
1334
+ },
1335
+ "type": "View",
1336
+ },
1337
+ {
1338
+ "$$typeof": Symbol(react.test.json),
1339
+ "children": [
1340
+ {
1341
+ "$$typeof": Symbol(react.test.json),
1342
+ "children": [
1343
+ {
1344
+ "$$typeof": Symbol(react.test.json),
1345
+ "children": [
1346
+ "Right",
1347
+ ],
1348
+ "props": {
1349
+ "aria-label": "Table title: Right",
1350
+ "aria-role": "header",
1351
+ "ellipsizeMode": "tail",
1352
+ "numberOfLines": 3,
1353
+ "style": {
1354
+ "color": "#1C1C1C",
1355
+ "flexWrap": "wrap",
1356
+ "fontFamily": "text",
1357
+ "fontSize": 10,
1358
+ "fontWeight": "700",
1359
+ "lineHeight": 16,
1360
+ "overflow": "hidden",
1361
+ "textAlign": "left",
1362
+ "textTransform": "uppercase",
1363
+ },
1364
+ },
1365
+ "type": "Text",
1366
+ },
1367
+ ],
1368
+ "props": {
1369
+ "onPointerEnter": [Function: AsyncFunction],
1370
+ "onPointerLeave": [Function: AsyncFunction],
1371
+ "style": {
1372
+ "accessibilityHint": "changes sort alphabetical order",
1373
+ "accessibilityLabel": "sort",
1374
+ "alignItems": "center",
1375
+ "display": "flex",
1376
+ "flexDirection": "row",
1377
+ "flexGrow": 1,
1378
+ "flexShrink": 1,
1379
+ "justifyContent": "flex-start",
1380
+ },
1381
+ "testID": undefined,
1382
+ },
1383
+ "type": "View",
1384
+ },
1385
+ ],
1386
+ "props": {
1387
+ "onPointerEnter": [Function: AsyncFunction],
1388
+ "onPointerLeave": [Function: AsyncFunction],
1389
+ "style": {
1390
+ "justifyContent": "center",
1391
+ "marginRight": 8,
1392
+ "paddingBottom": 16,
1393
+ "paddingLeft": 12,
1394
+ "paddingRight": 12,
1395
+ "paddingTop": 16,
1396
+ "width": "50%",
1397
+ },
1398
+ "testID": undefined,
1399
+ },
1400
+ "type": "View",
1401
+ },
1402
+ ],
1403
+ "props": {
1404
+ "onPointerEnter": [Function: AsyncFunction],
1405
+ "onPointerLeave": [Function: AsyncFunction],
1406
+ "style": {
1407
+ "display": "flex",
1408
+ "flexDirection": "row",
1409
+ "paddingBottom": 4,
1410
+ "paddingTop": 4,
1411
+ "width": "100%",
1412
+ },
1413
+ "testID": undefined,
1414
+ },
1415
+ "type": "View",
1416
+ },
1417
+ ],
1418
+ "props": {
1419
+ "onPointerEnter": [Function: AsyncFunction],
1420
+ "onPointerLeave": [Function: AsyncFunction],
1421
+ "style": {
1422
+ "backgroundColor": "#FFFFFF",
1423
+ "borderBottom": "2px solid #e0e0e0",
1424
+ "dangerouslySetInlineStyle": {
1425
+ "__style": {
1426
+ "borderBottom": "2px solid #e0e0e0",
1427
+ },
1428
+ },
1429
+ "width": "100%",
1430
+ },
1431
+ "testID": undefined,
1432
+ },
1433
+ "type": "View",
1434
+ },
1435
+ ],
1436
+ "props": {
1437
+ "onPointerEnter": [Function: AsyncFunction],
1438
+ "onPointerLeave": [Function: AsyncFunction],
1439
+ "style": {
1440
+ "backgroundColor": "#FFFFFF",
1441
+ "flex": undefined,
1442
+ },
1443
+ "testID": undefined,
1444
+ },
1445
+ "type": "View",
1446
+ },
1447
+ {
1448
+ "$$typeof": Symbol(react.test.json),
1449
+ "children": [
1450
+ {
1451
+ "$$typeof": Symbol(react.test.json),
1452
+ "children": [
1453
+ {
1454
+ "$$typeof": Symbol(react.test.json),
1455
+ "children": [
1456
+ {
1457
+ "$$typeof": Symbol(react.test.json),
1458
+ "children": [
1459
+ "Left content",
1460
+ ],
1461
+ "props": {
1462
+ "style": {
1463
+ "color": "#1C1C1C",
1464
+ "fontFamily": "text",
1465
+ "fontSize": 14,
1466
+ "textAlign": undefined,
1467
+ },
1468
+ },
1469
+ "type": "Text",
1470
+ },
1471
+ ],
1472
+ "props": {
1473
+ "onPointerEnter": [Function: AsyncFunction],
1474
+ "onPointerLeave": [Function: AsyncFunction],
1475
+ "style": {
1476
+ "justifyContent": "center",
1477
+ "marginRight": 8,
1478
+ "paddingBottom": 16,
1479
+ "paddingLeft": 12,
1480
+ "paddingRight": 12,
1481
+ "paddingTop": 16,
1482
+ "width": "50%",
1483
+ },
1484
+ "testID": undefined,
1485
+ },
1486
+ "type": "View",
1487
+ },
1488
+ {
1489
+ "$$typeof": Symbol(react.test.json),
1490
+ "children": [
1491
+ {
1492
+ "$$typeof": Symbol(react.test.json),
1493
+ "children": [
1494
+ "Right content",
1495
+ ],
1496
+ "props": {
1497
+ "style": {
1498
+ "color": "#1C1C1C",
1499
+ "fontFamily": "text",
1500
+ "fontSize": 14,
1501
+ "textAlign": undefined,
1502
+ },
1503
+ },
1504
+ "type": "Text",
1505
+ },
1506
+ ],
1507
+ "props": {
1508
+ "onPointerEnter": [Function: AsyncFunction],
1509
+ "onPointerLeave": [Function: AsyncFunction],
1510
+ "style": {
1511
+ "justifyContent": "center",
1512
+ "marginRight": 8,
1513
+ "paddingBottom": 16,
1514
+ "paddingLeft": 12,
1515
+ "paddingRight": 12,
1516
+ "paddingTop": 16,
1517
+ "width": "50%",
1518
+ },
1519
+ "testID": undefined,
1520
+ },
1521
+ "type": "View",
1522
+ },
1523
+ ],
1524
+ "props": {
1525
+ "onPointerEnter": [Function: AsyncFunction],
1526
+ "onPointerLeave": [Function: AsyncFunction],
1527
+ "style": {
1528
+ "display": "flex",
1529
+ "flexDirection": "row",
1530
+ "paddingBottom": 4,
1531
+ "paddingTop": 4,
1532
+ "width": "100%",
1533
+ },
1534
+ "testID": undefined,
1535
+ },
1536
+ "type": "View",
1537
+ },
1538
+ ],
1539
+ "props": {
1540
+ "onPointerEnter": [Function: AsyncFunction],
1541
+ "onPointerLeave": [Function: AsyncFunction],
1542
+ "style": {
1543
+ "backgroundColor": "#D9D9D9",
1544
+ "borderBottom": "1px solid #e0e0e0",
1545
+ "dangerouslySetInlineStyle": {
1546
+ "__style": {
1547
+ "borderBottom": "1px solid #e0e0e0",
1548
+ },
1549
+ },
1550
+ "width": "100%",
1551
+ },
1552
+ "testID": undefined,
1553
+ },
1554
+ "type": "View",
1555
+ },
1556
+ ],
1557
+ "props": {
1558
+ "stickyHeaderIndices": [
1559
+ 0,
1560
+ ],
1561
+ "style": {
1562
+ "flex": 1,
1563
+ "maxHeight": undefined,
1564
+ "maxWidth": "100%",
1565
+ "width": "100%",
1566
+ },
1567
+ },
1568
+ "type": "ScrollView",
1569
+ },
1570
+ ],
1571
+ "props": {
1572
+ "horizontal": true,
1573
+ "style": {
1574
+ "maxWidth": "100%",
1575
+ "width": "100%",
1576
+ },
1577
+ },
1578
+ "type": "ScrollView",
1579
+ },
1580
+ ],
1581
+ "props": {
1582
+ "onPointerEnter": [Function: AsyncFunction],
1583
+ "onPointerLeave": [Function: AsyncFunction],
1584
+ "style": {
1585
+ "display": "flex",
1586
+ "flexGrow": 1,
1587
+ "flexShrink": 1,
1588
+ "maxWidth": "100%",
1589
+ "style": {
1590
+ "position": "relative",
1591
+ },
1592
+ "width": "100%",
1593
+ },
1594
+ "testID": undefined,
1595
+ },
1596
+ "type": "View",
1597
+ }
1598
+ `;
1599
+
1600
+ exports[`Table renders with maxHeight 1`] = `
1601
+ {
1602
+ "$$typeof": Symbol(react.test.json),
1603
+ "children": [
1604
+ {
1605
+ "$$typeof": Symbol(react.test.json),
1606
+ "children": [
1607
+ {
1608
+ "$$typeof": Symbol(react.test.json),
1609
+ "children": [
1610
+ {
1611
+ "$$typeof": Symbol(react.test.json),
1612
+ "children": [
1613
+ {
1614
+ "$$typeof": Symbol(react.test.json),
1615
+ "children": [
1616
+ {
1617
+ "$$typeof": Symbol(react.test.json),
1618
+ "children": [
1619
+ {
1620
+ "$$typeof": Symbol(react.test.json),
1621
+ "children": [
1622
+ {
1623
+ "$$typeof": Symbol(react.test.json),
1624
+ "children": [
1625
+ {
1626
+ "$$typeof": Symbol(react.test.json),
1627
+ "children": [
1628
+ "Column",
1629
+ ],
1630
+ "props": {
1631
+ "aria-label": "Table title: Column",
1632
+ "aria-role": "header",
1633
+ "ellipsizeMode": "tail",
1634
+ "numberOfLines": 3,
1635
+ "style": {
1636
+ "color": "#1C1C1C",
1637
+ "flexWrap": "wrap",
1638
+ "fontFamily": "text",
1639
+ "fontSize": 10,
1640
+ "fontWeight": "700",
1641
+ "lineHeight": 16,
1642
+ "overflow": "hidden",
1643
+ "textAlign": "left",
1644
+ "textTransform": "uppercase",
1645
+ },
1646
+ },
1647
+ "type": "Text",
1648
+ },
1649
+ ],
1650
+ "props": {
1651
+ "onPointerEnter": [Function: AsyncFunction],
1652
+ "onPointerLeave": [Function: AsyncFunction],
1653
+ "style": {
1654
+ "accessibilityHint": "changes sort alphabetical order",
1655
+ "accessibilityLabel": "sort",
1656
+ "alignItems": "center",
1657
+ "display": "flex",
1658
+ "flexDirection": "row",
1659
+ "flexGrow": 1,
1660
+ "flexShrink": 1,
1661
+ "justifyContent": "flex-start",
1662
+ },
1663
+ "testID": undefined,
1664
+ },
1665
+ "type": "View",
1666
+ },
1667
+ ],
1668
+ "props": {
1669
+ "onPointerEnter": [Function: AsyncFunction],
1670
+ "onPointerLeave": [Function: AsyncFunction],
1671
+ "style": {
1672
+ "justifyContent": "center",
1673
+ "marginRight": 8,
1674
+ "paddingBottom": 16,
1675
+ "paddingLeft": 12,
1676
+ "paddingRight": 12,
1677
+ "paddingTop": 16,
1678
+ "width": 100,
1679
+ },
1680
+ "testID": undefined,
1681
+ },
1682
+ "type": "View",
1683
+ },
1684
+ ],
1685
+ "props": {
1686
+ "onPointerEnter": [Function: AsyncFunction],
1687
+ "onPointerLeave": [Function: AsyncFunction],
1688
+ "style": {
1689
+ "display": "flex",
1690
+ "flexDirection": "row",
1691
+ "paddingBottom": 4,
1692
+ "paddingTop": 4,
1693
+ "width": "100%",
1694
+ },
1695
+ "testID": undefined,
1696
+ },
1697
+ "type": "View",
1698
+ },
1699
+ ],
1700
+ "props": {
1701
+ "onPointerEnter": [Function: AsyncFunction],
1702
+ "onPointerLeave": [Function: AsyncFunction],
1703
+ "style": {
1704
+ "backgroundColor": "#FFFFFF",
1705
+ "borderBottom": "2px solid #e0e0e0",
1706
+ "dangerouslySetInlineStyle": {
1707
+ "__style": {
1708
+ "borderBottom": "2px solid #e0e0e0",
1709
+ },
1710
+ },
1711
+ "width": "100%",
1712
+ },
1713
+ "testID": undefined,
1714
+ },
1715
+ "type": "View",
1716
+ },
1717
+ ],
1718
+ "props": {
1719
+ "onPointerEnter": [Function: AsyncFunction],
1720
+ "onPointerLeave": [Function: AsyncFunction],
1721
+ "style": {
1722
+ "backgroundColor": "#FFFFFF",
1723
+ "flex": undefined,
1724
+ },
1725
+ "testID": undefined,
1726
+ },
1727
+ "type": "View",
1728
+ },
1729
+ {
1730
+ "$$typeof": Symbol(react.test.json),
1731
+ "children": [
1732
+ {
1733
+ "$$typeof": Symbol(react.test.json),
1734
+ "children": [
1735
+ {
1736
+ "$$typeof": Symbol(react.test.json),
1737
+ "children": [
1738
+ {
1739
+ "$$typeof": Symbol(react.test.json),
1740
+ "children": [
1741
+ "Row 1",
1742
+ ],
1743
+ "props": {
1744
+ "style": {
1745
+ "color": "#1C1C1C",
1746
+ "fontFamily": "text",
1747
+ "fontSize": 14,
1748
+ "textAlign": undefined,
1749
+ },
1750
+ },
1751
+ "type": "Text",
1752
+ },
1753
+ ],
1754
+ "props": {
1755
+ "onPointerEnter": [Function: AsyncFunction],
1756
+ "onPointerLeave": [Function: AsyncFunction],
1757
+ "style": {
1758
+ "justifyContent": "center",
1759
+ "marginRight": 8,
1760
+ "paddingBottom": 16,
1761
+ "paddingLeft": 12,
1762
+ "paddingRight": 12,
1763
+ "paddingTop": 16,
1764
+ "width": 100,
1765
+ },
1766
+ "testID": undefined,
1767
+ },
1768
+ "type": "View",
1769
+ },
1770
+ ],
1771
+ "props": {
1772
+ "onPointerEnter": [Function: AsyncFunction],
1773
+ "onPointerLeave": [Function: AsyncFunction],
1774
+ "style": {
1775
+ "display": "flex",
1776
+ "flexDirection": "row",
1777
+ "paddingBottom": 4,
1778
+ "paddingTop": 4,
1779
+ "width": "100%",
1780
+ },
1781
+ "testID": undefined,
1782
+ },
1783
+ "type": "View",
1784
+ },
1785
+ ],
1786
+ "props": {
1787
+ "onPointerEnter": [Function: AsyncFunction],
1788
+ "onPointerLeave": [Function: AsyncFunction],
1789
+ "style": {
1790
+ "backgroundColor": "#D9D9D9",
1791
+ "borderBottom": "1px solid #e0e0e0",
1792
+ "dangerouslySetInlineStyle": {
1793
+ "__style": {
1794
+ "borderBottom": "1px solid #e0e0e0",
1795
+ },
1796
+ },
1797
+ "width": "100%",
1798
+ },
1799
+ "testID": undefined,
1800
+ },
1801
+ "type": "View",
1802
+ },
1803
+ ],
1804
+ "props": {
1805
+ "stickyHeaderIndices": [
1806
+ 0,
1807
+ ],
1808
+ "style": {
1809
+ "flex": 1,
1810
+ "maxHeight": 200,
1811
+ "maxWidth": "100%",
1812
+ "width": 108,
1813
+ },
1814
+ },
1815
+ "type": "ScrollView",
1816
+ },
1817
+ ],
1818
+ "props": {
1819
+ "horizontal": true,
1820
+ "style": {
1821
+ "maxWidth": "100%",
1822
+ "width": 108,
1823
+ },
1824
+ },
1825
+ "type": "ScrollView",
1826
+ },
1827
+ ],
1828
+ "props": {
1829
+ "onPointerEnter": [Function: AsyncFunction],
1830
+ "onPointerLeave": [Function: AsyncFunction],
1831
+ "style": {
1832
+ "display": "flex",
1833
+ "flexGrow": 1,
1834
+ "flexShrink": 1,
1835
+ "maxWidth": "100%",
1836
+ "style": {
1837
+ "position": "relative",
1838
+ },
1839
+ "width": 108,
1840
+ },
1841
+ "testID": undefined,
1842
+ },
1843
+ "type": "View",
1844
+ }
1845
+ `;
1846
+
1847
+ exports[`Table renders without sticky header 1`] = `
1848
+ {
1849
+ "$$typeof": Symbol(react.test.json),
1850
+ "children": [
1851
+ {
1852
+ "$$typeof": Symbol(react.test.json),
1853
+ "children": [
1854
+ {
1855
+ "$$typeof": Symbol(react.test.json),
1856
+ "children": [
1857
+ {
1858
+ "$$typeof": Symbol(react.test.json),
1859
+ "children": [
1860
+ {
1861
+ "$$typeof": Symbol(react.test.json),
1862
+ "children": [
1863
+ {
1864
+ "$$typeof": Symbol(react.test.json),
1865
+ "children": [
1866
+ {
1867
+ "$$typeof": Symbol(react.test.json),
1868
+ "children": [
1869
+ {
1870
+ "$$typeof": Symbol(react.test.json),
1871
+ "children": [
1872
+ {
1873
+ "$$typeof": Symbol(react.test.json),
1874
+ "children": [
1875
+ "Column",
1876
+ ],
1877
+ "props": {
1878
+ "aria-label": "Table title: Column",
1879
+ "aria-role": "header",
1880
+ "ellipsizeMode": "tail",
1881
+ "numberOfLines": 3,
1882
+ "style": {
1883
+ "color": "#1C1C1C",
1884
+ "flexWrap": "wrap",
1885
+ "fontFamily": "text",
1886
+ "fontSize": 10,
1887
+ "fontWeight": "700",
1888
+ "lineHeight": 16,
1889
+ "overflow": "hidden",
1890
+ "textAlign": "left",
1891
+ "textTransform": "uppercase",
1892
+ },
1893
+ },
1894
+ "type": "Text",
1895
+ },
1896
+ ],
1897
+ "props": {
1898
+ "onPointerEnter": [Function: AsyncFunction],
1899
+ "onPointerLeave": [Function: AsyncFunction],
1900
+ "style": {
1901
+ "accessibilityHint": "changes sort alphabetical order",
1902
+ "accessibilityLabel": "sort",
1903
+ "alignItems": "center",
1904
+ "display": "flex",
1905
+ "flexDirection": "row",
1906
+ "flexGrow": 1,
1907
+ "flexShrink": 1,
1908
+ "justifyContent": "flex-start",
1909
+ },
1910
+ "testID": undefined,
1911
+ },
1912
+ "type": "View",
1913
+ },
1914
+ ],
1915
+ "props": {
1916
+ "onPointerEnter": [Function: AsyncFunction],
1917
+ "onPointerLeave": [Function: AsyncFunction],
1918
+ "style": {
1919
+ "justifyContent": "center",
1920
+ "marginRight": 8,
1921
+ "paddingBottom": 16,
1922
+ "paddingLeft": 12,
1923
+ "paddingRight": 12,
1924
+ "paddingTop": 16,
1925
+ "width": 100,
1926
+ },
1927
+ "testID": undefined,
1928
+ },
1929
+ "type": "View",
1930
+ },
1931
+ ],
1932
+ "props": {
1933
+ "onPointerEnter": [Function: AsyncFunction],
1934
+ "onPointerLeave": [Function: AsyncFunction],
1935
+ "style": {
1936
+ "display": "flex",
1937
+ "flexDirection": "row",
1938
+ "paddingBottom": 4,
1939
+ "paddingTop": 4,
1940
+ "width": "100%",
1941
+ },
1942
+ "testID": undefined,
1943
+ },
1944
+ "type": "View",
1945
+ },
1946
+ ],
1947
+ "props": {
1948
+ "onPointerEnter": [Function: AsyncFunction],
1949
+ "onPointerLeave": [Function: AsyncFunction],
1950
+ "style": {
1951
+ "backgroundColor": "#FFFFFF",
1952
+ "borderBottom": "2px solid #e0e0e0",
1953
+ "dangerouslySetInlineStyle": {
1954
+ "__style": {
1955
+ "borderBottom": "2px solid #e0e0e0",
1956
+ },
1957
+ },
1958
+ "width": "100%",
1959
+ },
1960
+ "testID": undefined,
1961
+ },
1962
+ "type": "View",
1963
+ },
1964
+ ],
1965
+ "props": {
1966
+ "onPointerEnter": [Function: AsyncFunction],
1967
+ "onPointerLeave": [Function: AsyncFunction],
1968
+ "style": {
1969
+ "backgroundColor": "#FFFFFF",
1970
+ "flex": undefined,
1971
+ },
1972
+ "testID": undefined,
1973
+ },
1974
+ "type": "View",
1975
+ },
1976
+ {
1977
+ "$$typeof": Symbol(react.test.json),
1978
+ "children": [
1979
+ {
1980
+ "$$typeof": Symbol(react.test.json),
1981
+ "children": [
1982
+ {
1983
+ "$$typeof": Symbol(react.test.json),
1984
+ "children": [
1985
+ {
1986
+ "$$typeof": Symbol(react.test.json),
1987
+ "children": [
1988
+ "Data",
1989
+ ],
1990
+ "props": {
1991
+ "style": {
1992
+ "color": "#1C1C1C",
1993
+ "fontFamily": "text",
1994
+ "fontSize": 14,
1995
+ "textAlign": undefined,
1996
+ },
1997
+ },
1998
+ "type": "Text",
1999
+ },
2000
+ ],
2001
+ "props": {
2002
+ "onPointerEnter": [Function: AsyncFunction],
2003
+ "onPointerLeave": [Function: AsyncFunction],
2004
+ "style": {
2005
+ "justifyContent": "center",
2006
+ "marginRight": 8,
2007
+ "paddingBottom": 16,
2008
+ "paddingLeft": 12,
2009
+ "paddingRight": 12,
2010
+ "paddingTop": 16,
2011
+ "width": 100,
2012
+ },
2013
+ "testID": undefined,
2014
+ },
2015
+ "type": "View",
2016
+ },
2017
+ ],
2018
+ "props": {
2019
+ "onPointerEnter": [Function: AsyncFunction],
2020
+ "onPointerLeave": [Function: AsyncFunction],
2021
+ "style": {
2022
+ "display": "flex",
2023
+ "flexDirection": "row",
2024
+ "paddingBottom": 4,
2025
+ "paddingTop": 4,
2026
+ "width": "100%",
2027
+ },
2028
+ "testID": undefined,
2029
+ },
2030
+ "type": "View",
2031
+ },
2032
+ ],
2033
+ "props": {
2034
+ "onPointerEnter": [Function: AsyncFunction],
2035
+ "onPointerLeave": [Function: AsyncFunction],
2036
+ "style": {
2037
+ "backgroundColor": "#D9D9D9",
2038
+ "borderBottom": "1px solid #e0e0e0",
2039
+ "dangerouslySetInlineStyle": {
2040
+ "__style": {
2041
+ "borderBottom": "1px solid #e0e0e0",
2042
+ },
2043
+ },
2044
+ "width": "100%",
2045
+ },
2046
+ "testID": undefined,
2047
+ },
2048
+ "type": "View",
2049
+ },
2050
+ ],
2051
+ "props": {
2052
+ "stickyHeaderIndices": undefined,
2053
+ "style": {
2054
+ "flex": 1,
2055
+ "maxHeight": undefined,
2056
+ "maxWidth": "100%",
2057
+ "width": 108,
2058
+ },
2059
+ },
2060
+ "type": "ScrollView",
2061
+ },
2062
+ ],
2063
+ "props": {
2064
+ "horizontal": true,
2065
+ "style": {
2066
+ "maxWidth": "100%",
2067
+ "width": 108,
2068
+ },
2069
+ },
2070
+ "type": "ScrollView",
2071
+ },
2072
+ ],
2073
+ "props": {
2074
+ "onPointerEnter": [Function: AsyncFunction],
2075
+ "onPointerLeave": [Function: AsyncFunction],
2076
+ "style": {
2077
+ "display": "flex",
2078
+ "flexGrow": 1,
2079
+ "flexShrink": 1,
2080
+ "maxWidth": "100%",
2081
+ "style": {
2082
+ "position": "relative",
2083
+ },
2084
+ "width": 108,
2085
+ },
2086
+ "testID": undefined,
2087
+ },
2088
+ "type": "View",
2089
+ }
2090
+ `;