@terreno/ui 0.0.14 → 0.0.16

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 (156) hide show
  1. package/README.md +1 -1
  2. package/dist/Card.d.ts +1 -1
  3. package/dist/Card.js +2 -2
  4. package/dist/Card.js.map +1 -1
  5. package/dist/DateUtilities.js +2 -2
  6. package/package.json +1 -1
  7. package/src/ActionSheet.test.tsx +77 -0
  8. package/src/Banner.test.tsx +106 -0
  9. package/src/Body.test.tsx +79 -0
  10. package/src/BooleanField.test.tsx +84 -0
  11. package/src/Button.test.tsx +160 -0
  12. package/src/Card.test.tsx +61 -0
  13. package/src/Card.tsx +1 -2
  14. package/src/CheckBox.test.tsx +53 -0
  15. package/src/CustomSelectField.test.tsx +85 -0
  16. package/src/DataTable.test.tsx +133 -0
  17. package/src/DateTimeActionSheet.test.tsx +16 -0
  18. package/src/DateUtilities.tsx +2 -2
  19. package/src/DecimalRangeActionSheet.test.tsx +46 -0
  20. package/src/DismissButton.test.tsx +49 -0
  21. package/src/EmailField.test.tsx +106 -0
  22. package/src/ErrorBoundary.test.tsx +44 -0
  23. package/src/ErrorPage.test.tsx +44 -0
  24. package/src/Field.test.tsx +128 -0
  25. package/src/Heading.test.tsx +66 -0
  26. package/src/HeightActionSheet.test.tsx +34 -0
  27. package/src/Hyperlink.test.tsx +52 -0
  28. package/src/Icon.test.tsx +61 -0
  29. package/src/IconButton.test.tsx +145 -0
  30. package/src/Image.test.tsx +65 -0
  31. package/src/ImageBackground.test.tsx +46 -0
  32. package/src/InfoModalIcon.test.tsx +54 -0
  33. package/src/InfoTooltipButton.test.tsx +22 -0
  34. package/src/Link.test.tsx +64 -0
  35. package/src/MarkdownView.test.tsx +50 -0
  36. package/src/MobileAddressAutoComplete.test.tsx +15 -0
  37. package/src/Modal.test.tsx +169 -0
  38. package/src/ModalSheet.test.tsx +20 -0
  39. package/src/MultiselectField.test.tsx +134 -0
  40. package/src/NumberField.test.tsx +133 -0
  41. package/src/NumberPickerActionSheet.test.tsx +46 -0
  42. package/src/OpenAPIContext.test.tsx +36 -0
  43. package/src/Page.test.tsx +128 -0
  44. package/src/Pagination.test.tsx +86 -0
  45. package/src/PasswordField.test.tsx +17 -0
  46. package/src/PhoneNumberField.test.tsx +79 -0
  47. package/src/PickerSelect.test.tsx +16 -0
  48. package/src/Radio.test.tsx +30 -0
  49. package/src/RadioField.test.tsx +89 -0
  50. package/src/SectionDivider.test.tsx +17 -0
  51. package/src/SegmentedControl.test.tsx +84 -0
  52. package/src/SelectBadge.test.tsx +103 -0
  53. package/src/SelectField.test.tsx +84 -0
  54. package/src/SideDrawer.test.tsx +99 -0
  55. package/src/Signature.test.tsx +15 -0
  56. package/src/SignatureField.test.tsx +16 -0
  57. package/src/Spinner.test.tsx +74 -0
  58. package/src/SplitPage.test.tsx +15 -0
  59. package/src/TapToEdit.test.tsx +147 -0
  60. package/src/TerrenoProvider.test.tsx +36 -0
  61. package/src/Text.test.tsx +147 -0
  62. package/src/Theme.test.tsx +153 -0
  63. package/src/TimezonePicker.test.tsx +57 -0
  64. package/src/Toast.test.tsx +82 -0
  65. package/src/Tooltip.test.tsx +89 -0
  66. package/src/UnifiedAddressAutoComplete.test.tsx +15 -0
  67. package/src/Utilities.test.tsx +237 -0
  68. package/src/WebAddressAutocomplete.test.tsx +15 -0
  69. package/src/__snapshots__/ActionSheet.test.tsx.snap +889 -0
  70. package/src/__snapshots__/Banner.test.tsx.snap +546 -0
  71. package/src/__snapshots__/Body.test.tsx.snap +685 -0
  72. package/src/__snapshots__/BooleanField.test.tsx.snap +553 -0
  73. package/src/__snapshots__/Button.test.tsx.snap +1281 -0
  74. package/src/__snapshots__/Card.test.tsx.snap +195 -0
  75. package/src/__snapshots__/CheckBox.test.tsx.snap +190 -0
  76. package/src/__snapshots__/CustomSelectField.test.tsx.snap +2299 -0
  77. package/src/__snapshots__/DataTable.test.tsx.snap +9614 -0
  78. package/src/__snapshots__/DecimalRangeActionSheet.test.tsx.snap +1719 -0
  79. package/src/__snapshots__/DismissButton.test.tsx.snap +91 -0
  80. package/src/__snapshots__/EmailField.test.tsx.snap +168 -0
  81. package/src/__snapshots__/ErrorBoundary.test.tsx.snap +57 -0
  82. package/src/__snapshots__/ErrorPage.test.tsx.snap +195 -0
  83. package/src/__snapshots__/Field.test.tsx.snap +4510 -0
  84. package/src/__snapshots__/Heading.test.tsx.snap +193 -0
  85. package/src/__snapshots__/HeightActionSheet.test.tsx.snap +1269 -0
  86. package/src/__snapshots__/Hyperlink.test.tsx.snap +81 -0
  87. package/src/__snapshots__/Icon.test.tsx.snap +47 -0
  88. package/src/__snapshots__/IconButton.test.tsx.snap +29 -0
  89. package/src/__snapshots__/Image.test.tsx.snap +282 -0
  90. package/src/__snapshots__/ImageBackground.test.tsx.snap +120 -0
  91. package/src/__snapshots__/InfoModalIcon.test.tsx.snap +1229 -0
  92. package/src/__snapshots__/InfoTooltipButton.test.tsx.snap +7 -0
  93. package/src/__snapshots__/Link.test.tsx.snap +41 -0
  94. package/src/__snapshots__/MarkdownView.test.tsx.snap +965 -0
  95. package/src/__snapshots__/Modal.test.tsx.snap +1477 -0
  96. package/src/__snapshots__/MultiselectField.test.tsx.snap +1454 -0
  97. package/src/__snapshots__/NumberField.test.tsx.snap +80 -0
  98. package/src/__snapshots__/NumberPickerActionSheet.test.tsx.snap +5359 -0
  99. package/src/__snapshots__/OpenAPIContext.test.tsx.snap +14 -0
  100. package/src/__snapshots__/Page.test.tsx.snap +1647 -0
  101. package/src/__snapshots__/Pagination.test.tsx.snap +1913 -0
  102. package/src/__snapshots__/PasswordField.test.tsx.snap +15 -0
  103. package/src/__snapshots__/PhoneNumberField.test.tsx.snap +405 -0
  104. package/src/__snapshots__/PickerSelect.test.tsx.snap +266 -0
  105. package/src/__snapshots__/Radio.test.tsx.snap +111 -0
  106. package/src/__snapshots__/RadioField.test.tsx.snap +944 -0
  107. package/src/__snapshots__/SectionDivider.test.tsx.snap +37 -0
  108. package/src/__snapshots__/SegmentedControl.test.tsx.snap +1422 -0
  109. package/src/__snapshots__/SelectBadge.test.tsx.snap +2377 -0
  110. package/src/__snapshots__/SelectField.test.tsx.snap +1658 -0
  111. package/src/__snapshots__/SideDrawer.test.tsx.snap +1857 -0
  112. package/src/__snapshots__/SignatureField.test.tsx.snap +133 -0
  113. package/src/__snapshots__/Spinner.test.tsx.snap +73 -0
  114. package/src/__snapshots__/TapToEdit.test.tsx.snap +839 -0
  115. package/src/__snapshots__/TerrenoProvider.test.tsx.snap +203 -0
  116. package/src/__snapshots__/Text.test.tsx.snap +558 -0
  117. package/src/__snapshots__/TimezonePicker.test.tsx.snap +6676 -0
  118. package/src/__snapshots__/Toast.test.tsx.snap +1982 -0
  119. package/src/__snapshots__/Tooltip.test.tsx.snap +456 -0
  120. package/src/bunSetup.ts +101 -8
  121. package/src/fieldElements/FieldError.test.tsx +40 -0
  122. package/src/fieldElements/FieldHelperText.test.tsx +34 -0
  123. package/src/fieldElements/FieldTitle.test.tsx +30 -0
  124. package/src/fieldElements/__snapshots__/FieldError.test.tsx.snap +85 -0
  125. package/src/fieldElements/__snapshots__/FieldHelperText.test.tsx.snap +30 -0
  126. package/src/fieldElements/__snapshots__/FieldTitle.test.tsx.snap +19 -0
  127. package/src/icons/MobileIcon.test.tsx +21 -0
  128. package/src/icons/OfflineIcon.test.tsx +21 -0
  129. package/src/icons/OnlineIcon.test.tsx +21 -0
  130. package/src/icons/OutOfficeIcon.test.tsx +21 -0
  131. package/src/icons/__snapshots__/MobileIcon.test.tsx.snap +160 -0
  132. package/src/icons/__snapshots__/OfflineIcon.test.tsx.snap +133 -0
  133. package/src/icons/__snapshots__/OnlineIcon.test.tsx.snap +124 -0
  134. package/src/icons/__snapshots__/OutOfficeIcon.test.tsx.snap +160 -0
  135. package/src/table/Table.test.tsx +107 -0
  136. package/src/table/TableBadge.test.tsx +53 -0
  137. package/src/table/TableBoolean.test.tsx +38 -0
  138. package/src/table/TableDate.test.tsx +27 -0
  139. package/src/table/TableHeader.test.tsx +67 -0
  140. package/src/table/TableHeaderCell.test.tsx +113 -0
  141. package/src/table/TableIconButton.test.tsx +51 -0
  142. package/src/table/TableNumber.test.tsx +45 -0
  143. package/src/table/TableRow.test.tsx +83 -0
  144. package/src/table/TableText.test.tsx +30 -0
  145. package/src/table/TableTitle.test.tsx +30 -0
  146. package/src/table/__snapshots__/Table.test.tsx.snap +2090 -0
  147. package/src/table/__snapshots__/TableBadge.test.tsx.snap +710 -0
  148. package/src/table/__snapshots__/TableBoolean.test.tsx.snap +231 -0
  149. package/src/table/__snapshots__/TableDate.test.tsx.snap +61 -0
  150. package/src/table/__snapshots__/TableHeader.test.tsx.snap +1089 -0
  151. package/src/table/__snapshots__/TableHeaderCell.test.tsx.snap +1773 -0
  152. package/src/table/__snapshots__/TableIconButton.test.tsx.snap +81 -0
  153. package/src/table/__snapshots__/TableNumber.test.tsx.snap +91 -0
  154. package/src/table/__snapshots__/TableRow.test.tsx.snap +1391 -0
  155. package/src/table/__snapshots__/TableText.test.tsx.snap +73 -0
  156. package/src/table/__snapshots__/TableTitle.test.tsx.snap +109 -0
package/src/table/__snapshots__/TableHeader.test.tsx.snap ADDED
@@ -0,0 +1,1089 @@
1
+ // Bun Snapshot v1, https://bun.sh/docs/test/snapshots
2
+
3
+ exports[`TableHeader renders correctly with children 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
+ "Column 1",
32
+ ],
33
+ "props": {
34
+ "aria-label": "Table title: Column 1",
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
+ "Column 2",
97
+ ],
98
+ "props": {
99
+ "aria-label": "Table title: Column 2",
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
+ "props": {
154
+ "onPointerEnter": [Function: AsyncFunction],
155
+ "onPointerLeave": [Function: AsyncFunction],
156
+ "style": {
157
+ "display": "flex",
158
+ "flexDirection": "row",
159
+ "paddingBottom": 4,
160
+ "paddingTop": 4,
161
+ "width": "100%",
162
+ },
163
+ "testID": undefined,
164
+ },
165
+ "type": "View",
166
+ },
167
+ ],
168
+ "props": {
169
+ "onPointerEnter": [Function: AsyncFunction],
170
+ "onPointerLeave": [Function: AsyncFunction],
171
+ "style": {
172
+ "backgroundColor": "#FFFFFF",
173
+ "borderBottom": "2px solid #e0e0e0",
174
+ "dangerouslySetInlineStyle": {
175
+ "__style": {
176
+ "borderBottom": "2px solid #e0e0e0",
177
+ },
178
+ },
179
+ "width": "100%",
180
+ },
181
+ "testID": undefined,
182
+ },
183
+ "type": "View",
184
+ },
185
+ ],
186
+ "props": {
187
+ "onPointerEnter": [Function: AsyncFunction],
188
+ "onPointerLeave": [Function: AsyncFunction],
189
+ "style": {
190
+ "backgroundColor": "#FFFFFF",
191
+ "flex": undefined,
192
+ },
193
+ "testID": undefined,
194
+ },
195
+ "type": "View",
196
+ },
197
+ {
198
+ "$$typeof": Symbol(react.test.json),
199
+ "children": [
200
+ {
201
+ "$$typeof": Symbol(react.test.json),
202
+ "children": [
203
+ {
204
+ "$$typeof": Symbol(react.test.json),
205
+ "children": [
206
+ {
207
+ "$$typeof": Symbol(react.test.json),
208
+ "children": [
209
+ "Data",
210
+ ],
211
+ "props": {
212
+ "style": {
213
+ "color": "#1C1C1C",
214
+ "fontFamily": "text",
215
+ "fontSize": 14,
216
+ "textAlign": undefined,
217
+ },
218
+ },
219
+ "type": "Text",
220
+ },
221
+ ],
222
+ "props": {
223
+ "onPointerEnter": [Function: AsyncFunction],
224
+ "onPointerLeave": [Function: AsyncFunction],
225
+ "style": {
226
+ "justifyContent": "center",
227
+ "marginRight": 8,
228
+ "paddingBottom": 16,
229
+ "paddingLeft": 12,
230
+ "paddingRight": 12,
231
+ "paddingTop": 16,
232
+ "width": 100,
233
+ },
234
+ "testID": undefined,
235
+ },
236
+ "type": "View",
237
+ },
238
+ {
239
+ "$$typeof": Symbol(react.test.json),
240
+ "children": [
241
+ {
242
+ "$$typeof": Symbol(react.test.json),
243
+ "children": [
244
+ "Data",
245
+ ],
246
+ "props": {
247
+ "style": {
248
+ "color": "#1C1C1C",
249
+ "fontFamily": "text",
250
+ "fontSize": 14,
251
+ "textAlign": undefined,
252
+ },
253
+ },
254
+ "type": "Text",
255
+ },
256
+ ],
257
+ "props": {
258
+ "onPointerEnter": [Function: AsyncFunction],
259
+ "onPointerLeave": [Function: AsyncFunction],
260
+ "style": {
261
+ "justifyContent": "center",
262
+ "marginRight": 8,
263
+ "paddingBottom": 16,
264
+ "paddingLeft": 12,
265
+ "paddingRight": 12,
266
+ "paddingTop": 16,
267
+ "width": 100,
268
+ },
269
+ "testID": undefined,
270
+ },
271
+ "type": "View",
272
+ },
273
+ ],
274
+ "props": {
275
+ "onPointerEnter": [Function: AsyncFunction],
276
+ "onPointerLeave": [Function: AsyncFunction],
277
+ "style": {
278
+ "display": "flex",
279
+ "flexDirection": "row",
280
+ "paddingBottom": 4,
281
+ "paddingTop": 4,
282
+ "width": "100%",
283
+ },
284
+ "testID": undefined,
285
+ },
286
+ "type": "View",
287
+ },
288
+ ],
289
+ "props": {
290
+ "onPointerEnter": [Function: AsyncFunction],
291
+ "onPointerLeave": [Function: AsyncFunction],
292
+ "style": {
293
+ "backgroundColor": "#D9D9D9",
294
+ "borderBottom": "1px solid #e0e0e0",
295
+ "dangerouslySetInlineStyle": {
296
+ "__style": {
297
+ "borderBottom": "1px solid #e0e0e0",
298
+ },
299
+ },
300
+ "width": "100%",
301
+ },
302
+ "testID": undefined,
303
+ },
304
+ "type": "View",
305
+ },
306
+ ],
307
+ "props": {
308
+ "stickyHeaderIndices": [
309
+ 0,
310
+ ],
311
+ "style": {
312
+ "flex": 1,
313
+ "maxHeight": undefined,
314
+ "maxWidth": "100%",
315
+ "width": 216,
316
+ },
317
+ },
318
+ "type": "ScrollView",
319
+ },
320
+ ],
321
+ "props": {
322
+ "horizontal": true,
323
+ "style": {
324
+ "maxWidth": "100%",
325
+ "width": 216,
326
+ },
327
+ },
328
+ "type": "ScrollView",
329
+ },
330
+ ],
331
+ "props": {
332
+ "onPointerEnter": [Function: AsyncFunction],
333
+ "onPointerLeave": [Function: AsyncFunction],
334
+ "style": {
335
+ "display": "flex",
336
+ "flexGrow": 1,
337
+ "flexShrink": 1,
338
+ "maxWidth": "100%",
339
+ "style": {
340
+ "position": "relative",
341
+ },
342
+ "width": 216,
343
+ },
344
+ "testID": undefined,
345
+ },
346
+ "type": "View",
347
+ }
348
+ `;
349
+
350
+ exports[`TableHeader renders with tableHeaderGroup display (default) 1`] = `
351
+ {
352
+ "$$typeof": Symbol(react.test.json),
353
+ "children": [
354
+ {
355
+ "$$typeof": Symbol(react.test.json),
356
+ "children": [
357
+ {
358
+ "$$typeof": Symbol(react.test.json),
359
+ "children": [
360
+ {
361
+ "$$typeof": Symbol(react.test.json),
362
+ "children": [
363
+ {
364
+ "$$typeof": Symbol(react.test.json),
365
+ "children": [
366
+ {
367
+ "$$typeof": Symbol(react.test.json),
368
+ "children": [
369
+ {
370
+ "$$typeof": Symbol(react.test.json),
371
+ "children": [
372
+ {
373
+ "$$typeof": Symbol(react.test.json),
374
+ "children": [
375
+ {
376
+ "$$typeof": Symbol(react.test.json),
377
+ "children": [
378
+ "Visible",
379
+ ],
380
+ "props": {
381
+ "aria-label": "Table title: Visible",
382
+ "aria-role": "header",
383
+ "ellipsizeMode": "tail",
384
+ "numberOfLines": 3,
385
+ "style": {
386
+ "color": "#1C1C1C",
387
+ "flexWrap": "wrap",
388
+ "fontFamily": "text",
389
+ "fontSize": 10,
390
+ "fontWeight": "700",
391
+ "lineHeight": 16,
392
+ "overflow": "hidden",
393
+ "textAlign": "left",
394
+ "textTransform": "uppercase",
395
+ },
396
+ },
397
+ "type": "Text",
398
+ },
399
+ ],
400
+ "props": {
401
+ "onPointerEnter": [Function: AsyncFunction],
402
+ "onPointerLeave": [Function: AsyncFunction],
403
+ "style": {
404
+ "accessibilityHint": "changes sort alphabetical order",
405
+ "accessibilityLabel": "sort",
406
+ "alignItems": "center",
407
+ "display": "flex",
408
+ "flexDirection": "row",
409
+ "flexGrow": 1,
410
+ "flexShrink": 1,
411
+ "justifyContent": "flex-start",
412
+ },
413
+ "testID": undefined,
414
+ },
415
+ "type": "View",
416
+ },
417
+ ],
418
+ "props": {
419
+ "onPointerEnter": [Function: AsyncFunction],
420
+ "onPointerLeave": [Function: AsyncFunction],
421
+ "style": {
422
+ "justifyContent": "center",
423
+ "marginRight": 8,
424
+ "paddingBottom": 16,
425
+ "paddingLeft": 12,
426
+ "paddingRight": 12,
427
+ "paddingTop": 16,
428
+ "width": 100,
429
+ },
430
+ "testID": undefined,
431
+ },
432
+ "type": "View",
433
+ },
434
+ ],
435
+ "props": {
436
+ "onPointerEnter": [Function: AsyncFunction],
437
+ "onPointerLeave": [Function: AsyncFunction],
438
+ "style": {
439
+ "display": "flex",
440
+ "flexDirection": "row",
441
+ "paddingBottom": 4,
442
+ "paddingTop": 4,
443
+ "width": "100%",
444
+ },
445
+ "testID": undefined,
446
+ },
447
+ "type": "View",
448
+ },
449
+ ],
450
+ "props": {
451
+ "onPointerEnter": [Function: AsyncFunction],
452
+ "onPointerLeave": [Function: AsyncFunction],
453
+ "style": {
454
+ "backgroundColor": "#FFFFFF",
455
+ "borderBottom": "2px solid #e0e0e0",
456
+ "dangerouslySetInlineStyle": {
457
+ "__style": {
458
+ "borderBottom": "2px solid #e0e0e0",
459
+ },
460
+ },
461
+ "width": "100%",
462
+ },
463
+ "testID": undefined,
464
+ },
465
+ "type": "View",
466
+ },
467
+ ],
468
+ "props": {
469
+ "onPointerEnter": [Function: AsyncFunction],
470
+ "onPointerLeave": [Function: AsyncFunction],
471
+ "style": {
472
+ "backgroundColor": "#FFFFFF",
473
+ "flex": undefined,
474
+ },
475
+ "testID": undefined,
476
+ },
477
+ "type": "View",
478
+ },
479
+ {
480
+ "$$typeof": Symbol(react.test.json),
481
+ "children": [
482
+ {
483
+ "$$typeof": Symbol(react.test.json),
484
+ "children": [
485
+ {
486
+ "$$typeof": Symbol(react.test.json),
487
+ "children": [
488
+ {
489
+ "$$typeof": Symbol(react.test.json),
490
+ "children": [
491
+ "Data",
492
+ ],
493
+ "props": {
494
+ "style": {
495
+ "color": "#1C1C1C",
496
+ "fontFamily": "text",
497
+ "fontSize": 14,
498
+ "textAlign": undefined,
499
+ },
500
+ },
501
+ "type": "Text",
502
+ },
503
+ ],
504
+ "props": {
505
+ "onPointerEnter": [Function: AsyncFunction],
506
+ "onPointerLeave": [Function: AsyncFunction],
507
+ "style": {
508
+ "justifyContent": "center",
509
+ "marginRight": 8,
510
+ "paddingBottom": 16,
511
+ "paddingLeft": 12,
512
+ "paddingRight": 12,
513
+ "paddingTop": 16,
514
+ "width": 100,
515
+ },
516
+ "testID": undefined,
517
+ },
518
+ "type": "View",
519
+ },
520
+ ],
521
+ "props": {
522
+ "onPointerEnter": [Function: AsyncFunction],
523
+ "onPointerLeave": [Function: AsyncFunction],
524
+ "style": {
525
+ "display": "flex",
526
+ "flexDirection": "row",
527
+ "paddingBottom": 4,
528
+ "paddingTop": 4,
529
+ "width": "100%",
530
+ },
531
+ "testID": undefined,
532
+ },
533
+ "type": "View",
534
+ },
535
+ ],
536
+ "props": {
537
+ "onPointerEnter": [Function: AsyncFunction],
538
+ "onPointerLeave": [Function: AsyncFunction],
539
+ "style": {
540
+ "backgroundColor": "#D9D9D9",
541
+ "borderBottom": "1px solid #e0e0e0",
542
+ "dangerouslySetInlineStyle": {
543
+ "__style": {
544
+ "borderBottom": "1px solid #e0e0e0",
545
+ },
546
+ },
547
+ "width": "100%",
548
+ },
549
+ "testID": undefined,
550
+ },
551
+ "type": "View",
552
+ },
553
+ ],
554
+ "props": {
555
+ "stickyHeaderIndices": [
556
+ 0,
557
+ ],
558
+ "style": {
559
+ "flex": 1,
560
+ "maxHeight": undefined,
561
+ "maxWidth": "100%",
562
+ "width": 108,
563
+ },
564
+ },
565
+ "type": "ScrollView",
566
+ },
567
+ ],
568
+ "props": {
569
+ "horizontal": true,
570
+ "style": {
571
+ "maxWidth": "100%",
572
+ "width": 108,
573
+ },
574
+ },
575
+ "type": "ScrollView",
576
+ },
577
+ ],
578
+ "props": {
579
+ "onPointerEnter": [Function: AsyncFunction],
580
+ "onPointerLeave": [Function: AsyncFunction],
581
+ "style": {
582
+ "display": "flex",
583
+ "flexGrow": 1,
584
+ "flexShrink": 1,
585
+ "maxWidth": "100%",
586
+ "style": {
587
+ "position": "relative",
588
+ },
589
+ "width": 108,
590
+ },
591
+ "testID": undefined,
592
+ },
593
+ "type": "View",
594
+ }
595
+ `;
596
+
597
+ exports[`TableHeader renders with visuallyHidden display 1`] = `
598
+ {
599
+ "$$typeof": Symbol(react.test.json),
600
+ "children": [
601
+ {
602
+ "$$typeof": Symbol(react.test.json),
603
+ "children": [
604
+ {
605
+ "$$typeof": Symbol(react.test.json),
606
+ "children": [
607
+ {
608
+ "$$typeof": Symbol(react.test.json),
609
+ "children": [
610
+ {
611
+ "$$typeof": Symbol(react.test.json),
612
+ "children": [
613
+ {
614
+ "$$typeof": Symbol(react.test.json),
615
+ "children": [
616
+ {
617
+ "$$typeof": Symbol(react.test.json),
618
+ "children": [
619
+ {
620
+ "$$typeof": Symbol(react.test.json),
621
+ "children": [
622
+ {
623
+ "$$typeof": Symbol(react.test.json),
624
+ "children": [
625
+ "Hidden",
626
+ ],
627
+ "props": {
628
+ "aria-label": "Table title: Hidden",
629
+ "aria-role": "header",
630
+ "ellipsizeMode": "tail",
631
+ "numberOfLines": 3,
632
+ "style": {
633
+ "color": "#1C1C1C",
634
+ "flexWrap": "wrap",
635
+ "fontFamily": "text",
636
+ "fontSize": 10,
637
+ "fontWeight": "700",
638
+ "lineHeight": 16,
639
+ "overflow": "hidden",
640
+ "textAlign": "left",
641
+ "textTransform": "uppercase",
642
+ },
643
+ },
644
+ "type": "Text",
645
+ },
646
+ ],
647
+ "props": {
648
+ "onPointerEnter": [Function: AsyncFunction],
649
+ "onPointerLeave": [Function: AsyncFunction],
650
+ "style": {
651
+ "accessibilityHint": "changes sort alphabetical order",
652
+ "accessibilityLabel": "sort",
653
+ "alignItems": "center",
654
+ "display": "flex",
655
+ "flexDirection": "row",
656
+ "flexGrow": 1,
657
+ "flexShrink": 1,
658
+ "justifyContent": "flex-start",
659
+ },
660
+ "testID": undefined,
661
+ },
662
+ "type": "View",
663
+ },
664
+ ],
665
+ "props": {
666
+ "onPointerEnter": [Function: AsyncFunction],
667
+ "onPointerLeave": [Function: AsyncFunction],
668
+ "style": {
669
+ "justifyContent": "center",
670
+ "marginRight": 8,
671
+ "paddingBottom": 16,
672
+ "paddingLeft": 12,
673
+ "paddingRight": 12,
674
+ "paddingTop": 16,
675
+ "width": 100,
676
+ },
677
+ "testID": undefined,
678
+ },
679
+ "type": "View",
680
+ },
681
+ ],
682
+ "props": {
683
+ "onPointerEnter": [Function: AsyncFunction],
684
+ "onPointerLeave": [Function: AsyncFunction],
685
+ "style": {
686
+ "display": "flex",
687
+ "flexDirection": "row",
688
+ "paddingBottom": 4,
689
+ "paddingTop": 4,
690
+ "width": "100%",
691
+ },
692
+ "testID": undefined,
693
+ },
694
+ "type": "View",
695
+ },
696
+ ],
697
+ "props": {
698
+ "onPointerEnter": [Function: AsyncFunction],
699
+ "onPointerLeave": [Function: AsyncFunction],
700
+ "style": {
701
+ "backgroundColor": "#FFFFFF",
702
+ "borderBottom": "2px solid #e0e0e0",
703
+ "dangerouslySetInlineStyle": {
704
+ "__style": {
705
+ "borderBottom": "2px solid #e0e0e0",
706
+ },
707
+ },
708
+ "width": "100%",
709
+ },
710
+ "testID": undefined,
711
+ },
712
+ "type": "View",
713
+ },
714
+ ],
715
+ "props": {
716
+ "onPointerEnter": [Function: AsyncFunction],
717
+ "onPointerLeave": [Function: AsyncFunction],
718
+ "style": {
719
+ "backgroundColor": "#FFFFFF",
720
+ "display": "none",
721
+ },
722
+ "testID": undefined,
723
+ },
724
+ "type": "View",
725
+ },
726
+ {
727
+ "$$typeof": Symbol(react.test.json),
728
+ "children": [
729
+ {
730
+ "$$typeof": Symbol(react.test.json),
731
+ "children": [
732
+ {
733
+ "$$typeof": Symbol(react.test.json),
734
+ "children": [
735
+ {
736
+ "$$typeof": Symbol(react.test.json),
737
+ "children": [
738
+ "Data",
739
+ ],
740
+ "props": {
741
+ "style": {
742
+ "color": "#1C1C1C",
743
+ "fontFamily": "text",
744
+ "fontSize": 14,
745
+ "textAlign": undefined,
746
+ },
747
+ },
748
+ "type": "Text",
749
+ },
750
+ ],
751
+ "props": {
752
+ "onPointerEnter": [Function: AsyncFunction],
753
+ "onPointerLeave": [Function: AsyncFunction],
754
+ "style": {
755
+ "justifyContent": "center",
756
+ "marginRight": 8,
757
+ "paddingBottom": 16,
758
+ "paddingLeft": 12,
759
+ "paddingRight": 12,
760
+ "paddingTop": 16,
761
+ "width": 100,
762
+ },
763
+ "testID": undefined,
764
+ },
765
+ "type": "View",
766
+ },
767
+ ],
768
+ "props": {
769
+ "onPointerEnter": [Function: AsyncFunction],
770
+ "onPointerLeave": [Function: AsyncFunction],
771
+ "style": {
772
+ "display": "flex",
773
+ "flexDirection": "row",
774
+ "paddingBottom": 4,
775
+ "paddingTop": 4,
776
+ "width": "100%",
777
+ },
778
+ "testID": undefined,
779
+ },
780
+ "type": "View",
781
+ },
782
+ ],
783
+ "props": {
784
+ "onPointerEnter": [Function: AsyncFunction],
785
+ "onPointerLeave": [Function: AsyncFunction],
786
+ "style": {
787
+ "backgroundColor": "#D9D9D9",
788
+ "borderBottom": "1px solid #e0e0e0",
789
+ "dangerouslySetInlineStyle": {
790
+ "__style": {
791
+ "borderBottom": "1px solid #e0e0e0",
792
+ },
793
+ },
794
+ "width": "100%",
795
+ },
796
+ "testID": undefined,
797
+ },
798
+ "type": "View",
799
+ },
800
+ ],
801
+ "props": {
802
+ "stickyHeaderIndices": [
803
+ 0,
804
+ ],
805
+ "style": {
806
+ "flex": 1,
807
+ "maxHeight": undefined,
808
+ "maxWidth": "100%",
809
+ "width": 108,
810
+ },
811
+ },
812
+ "type": "ScrollView",
813
+ },
814
+ ],
815
+ "props": {
816
+ "horizontal": true,
817
+ "style": {
818
+ "maxWidth": "100%",
819
+ "width": 108,
820
+ },
821
+ },
822
+ "type": "ScrollView",
823
+ },
824
+ ],
825
+ "props": {
826
+ "onPointerEnter": [Function: AsyncFunction],
827
+ "onPointerLeave": [Function: AsyncFunction],
828
+ "style": {
829
+ "display": "flex",
830
+ "flexGrow": 1,
831
+ "flexShrink": 1,
832
+ "maxWidth": "100%",
833
+ "style": {
834
+ "position": "relative",
835
+ },
836
+ "width": 108,
837
+ },
838
+ "testID": undefined,
839
+ },
840
+ "type": "View",
841
+ }
842
+ `;
843
+
844
+ exports[`TableHeader renders with custom color 1`] = `
845
+ {
846
+ "$$typeof": Symbol(react.test.json),
847
+ "children": [
848
+ {
849
+ "$$typeof": Symbol(react.test.json),
850
+ "children": [
851
+ {
852
+ "$$typeof": Symbol(react.test.json),
853
+ "children": [
854
+ {
855
+ "$$typeof": Symbol(react.test.json),
856
+ "children": [
857
+ {
858
+ "$$typeof": Symbol(react.test.json),
859
+ "children": [
860
+ {
861
+ "$$typeof": Symbol(react.test.json),
862
+ "children": [
863
+ {
864
+ "$$typeof": Symbol(react.test.json),
865
+ "children": [
866
+ {
867
+ "$$typeof": Symbol(react.test.json),
868
+ "children": [
869
+ {
870
+ "$$typeof": Symbol(react.test.json),
871
+ "children": [
872
+ "Custom Color",
873
+ ],
874
+ "props": {
875
+ "aria-label": "Table title: Custom Color",
876
+ "aria-role": "header",
877
+ "ellipsizeMode": "tail",
878
+ "numberOfLines": 3,
879
+ "style": {
880
+ "color": "#1C1C1C",
881
+ "flexWrap": "wrap",
882
+ "fontFamily": "text",
883
+ "fontSize": 10,
884
+ "fontWeight": "700",
885
+ "lineHeight": 16,
886
+ "overflow": "hidden",
887
+ "textAlign": "left",
888
+ "textTransform": "uppercase",
889
+ },
890
+ },
891
+ "type": "Text",
892
+ },
893
+ ],
894
+ "props": {
895
+ "onPointerEnter": [Function: AsyncFunction],
896
+ "onPointerLeave": [Function: AsyncFunction],
897
+ "style": {
898
+ "accessibilityHint": "changes sort alphabetical order",
899
+ "accessibilityLabel": "sort",
900
+ "alignItems": "center",
901
+ "display": "flex",
902
+ "flexDirection": "row",
903
+ "flexGrow": 1,
904
+ "flexShrink": 1,
905
+ "justifyContent": "flex-start",
906
+ },
907
+ "testID": undefined,
908
+ },
909
+ "type": "View",
910
+ },
911
+ ],
912
+ "props": {
913
+ "onPointerEnter": [Function: AsyncFunction],
914
+ "onPointerLeave": [Function: AsyncFunction],
915
+ "style": {
916
+ "justifyContent": "center",
917
+ "marginRight": 8,
918
+ "paddingBottom": 16,
919
+ "paddingLeft": 12,
920
+ "paddingRight": 12,
921
+ "paddingTop": 16,
922
+ "width": 100,
923
+ },
924
+ "testID": undefined,
925
+ },
926
+ "type": "View",
927
+ },
928
+ ],
929
+ "props": {
930
+ "onPointerEnter": [Function: AsyncFunction],
931
+ "onPointerLeave": [Function: AsyncFunction],
932
+ "style": {
933
+ "display": "flex",
934
+ "flexDirection": "row",
935
+ "paddingBottom": 4,
936
+ "paddingTop": 4,
937
+ "width": "100%",
938
+ },
939
+ "testID": undefined,
940
+ },
941
+ "type": "View",
942
+ },
943
+ ],
944
+ "props": {
945
+ "onPointerEnter": [Function: AsyncFunction],
946
+ "onPointerLeave": [Function: AsyncFunction],
947
+ "style": {
948
+ "backgroundColor": "#FFFFFF",
949
+ "borderBottom": "2px solid #e0e0e0",
950
+ "dangerouslySetInlineStyle": {
951
+ "__style": {
952
+ "borderBottom": "2px solid #e0e0e0",
953
+ },
954
+ },
955
+ "width": "100%",
956
+ },
957
+ "testID": undefined,
958
+ },
959
+ "type": "View",
960
+ },
961
+ ],
962
+ "props": {
963
+ "onPointerEnter": [Function: AsyncFunction],
964
+ "onPointerLeave": [Function: AsyncFunction],
965
+ "style": {
966
+ "backgroundColor": "#FFFFFF",
967
+ "flex": undefined,
968
+ },
969
+ "testID": undefined,
970
+ },
971
+ "type": "View",
972
+ },
973
+ {
974
+ "$$typeof": Symbol(react.test.json),
975
+ "children": [
976
+ {
977
+ "$$typeof": Symbol(react.test.json),
978
+ "children": [
979
+ {
980
+ "$$typeof": Symbol(react.test.json),
981
+ "children": [
982
+ {
983
+ "$$typeof": Symbol(react.test.json),
984
+ "children": [
985
+ "Data",
986
+ ],
987
+ "props": {
988
+ "style": {
989
+ "color": "#1C1C1C",
990
+ "fontFamily": "text",
991
+ "fontSize": 14,
992
+ "textAlign": undefined,
993
+ },
994
+ },
995
+ "type": "Text",
996
+ },
997
+ ],
998
+ "props": {
999
+ "onPointerEnter": [Function: AsyncFunction],
1000
+ "onPointerLeave": [Function: AsyncFunction],
1001
+ "style": {
1002
+ "justifyContent": "center",
1003
+ "marginRight": 8,
1004
+ "paddingBottom": 16,
1005
+ "paddingLeft": 12,
1006
+ "paddingRight": 12,
1007
+ "paddingTop": 16,
1008
+ "width": 100,
1009
+ },
1010
+ "testID": undefined,
1011
+ },
1012
+ "type": "View",
1013
+ },
1014
+ ],
1015
+ "props": {
1016
+ "onPointerEnter": [Function: AsyncFunction],
1017
+ "onPointerLeave": [Function: AsyncFunction],
1018
+ "style": {
1019
+ "display": "flex",
1020
+ "flexDirection": "row",
1021
+ "paddingBottom": 4,
1022
+ "paddingTop": 4,
1023
+ "width": "100%",
1024
+ },
1025
+ "testID": undefined,
1026
+ },
1027
+ "type": "View",
1028
+ },
1029
+ ],
1030
+ "props": {
1031
+ "onPointerEnter": [Function: AsyncFunction],
1032
+ "onPointerLeave": [Function: AsyncFunction],
1033
+ "style": {
1034
+ "backgroundColor": "#D9D9D9",
1035
+ "borderBottom": "1px solid #e0e0e0",
1036
+ "dangerouslySetInlineStyle": {
1037
+ "__style": {
1038
+ "borderBottom": "1px solid #e0e0e0",
1039
+ },
1040
+ },
1041
+ "width": "100%",
1042
+ },
1043
+ "testID": undefined,
1044
+ },
1045
+ "type": "View",
1046
+ },
1047
+ ],
1048
+ "props": {
1049
+ "stickyHeaderIndices": [
1050
+ 0,
1051
+ ],
1052
+ "style": {
1053
+ "flex": 1,
1054
+ "maxHeight": undefined,
1055
+ "maxWidth": "100%",
1056
+ "width": 108,
1057
+ },
1058
+ },
1059
+ "type": "ScrollView",
1060
+ },
1061
+ ],
1062
+ "props": {
1063
+ "horizontal": true,
1064
+ "style": {
1065
+ "maxWidth": "100%",
1066
+ "width": 108,
1067
+ },
1068
+ },
1069
+ "type": "ScrollView",
1070
+ },
1071
+ ],
1072
+ "props": {
1073
+ "onPointerEnter": [Function: AsyncFunction],
1074
+ "onPointerLeave": [Function: AsyncFunction],
1075
+ "style": {
1076
+ "display": "flex",
1077
+ "flexGrow": 1,
1078
+ "flexShrink": 1,
1079
+ "maxWidth": "100%",
1080
+ "style": {
1081
+ "position": "relative",
1082
+ },
1083
+ "width": 108,
1084
+ },
1085
+ "testID": undefined,
1086
+ },
1087
+ "type": "View",
1088
+ }
1089
+ `;