@terreno/ui 0.0.15 → 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 (151) hide show
  1. package/dist/DateUtilities.js +2 -2
  2. package/package.json +1 -1
  3. package/src/ActionSheet.test.tsx +77 -0
  4. package/src/Banner.test.tsx +106 -0
  5. package/src/Body.test.tsx +79 -0
  6. package/src/BooleanField.test.tsx +84 -0
  7. package/src/Button.test.tsx +160 -0
  8. package/src/Card.test.tsx +61 -0
  9. package/src/CheckBox.test.tsx +53 -0
  10. package/src/CustomSelectField.test.tsx +85 -0
  11. package/src/DataTable.test.tsx +133 -0
  12. package/src/DateTimeActionSheet.test.tsx +16 -0
  13. package/src/DateUtilities.tsx +2 -2
  14. package/src/DecimalRangeActionSheet.test.tsx +46 -0
  15. package/src/DismissButton.test.tsx +49 -0
  16. package/src/EmailField.test.tsx +106 -0
  17. package/src/ErrorBoundary.test.tsx +44 -0
  18. package/src/ErrorPage.test.tsx +44 -0
  19. package/src/Field.test.tsx +128 -0
  20. package/src/Heading.test.tsx +66 -0
  21. package/src/HeightActionSheet.test.tsx +34 -0
  22. package/src/Hyperlink.test.tsx +52 -0
  23. package/src/Icon.test.tsx +61 -0
  24. package/src/IconButton.test.tsx +145 -0
  25. package/src/Image.test.tsx +65 -0
  26. package/src/ImageBackground.test.tsx +46 -0
  27. package/src/InfoModalIcon.test.tsx +54 -0
  28. package/src/InfoTooltipButton.test.tsx +22 -0
  29. package/src/Link.test.tsx +64 -0
  30. package/src/MarkdownView.test.tsx +50 -0
  31. package/src/MobileAddressAutoComplete.test.tsx +15 -0
  32. package/src/Modal.test.tsx +169 -0
  33. package/src/ModalSheet.test.tsx +20 -0
  34. package/src/MultiselectField.test.tsx +134 -0
  35. package/src/NumberField.test.tsx +133 -0
  36. package/src/NumberPickerActionSheet.test.tsx +46 -0
  37. package/src/OpenAPIContext.test.tsx +36 -0
  38. package/src/Page.test.tsx +128 -0
  39. package/src/Pagination.test.tsx +86 -0
  40. package/src/PasswordField.test.tsx +17 -0
  41. package/src/PhoneNumberField.test.tsx +79 -0
  42. package/src/PickerSelect.test.tsx +16 -0
  43. package/src/Radio.test.tsx +30 -0
  44. package/src/RadioField.test.tsx +89 -0
  45. package/src/SectionDivider.test.tsx +17 -0
  46. package/src/SegmentedControl.test.tsx +84 -0
  47. package/src/SelectBadge.test.tsx +103 -0
  48. package/src/SelectField.test.tsx +84 -0
  49. package/src/SideDrawer.test.tsx +99 -0
  50. package/src/Signature.test.tsx +15 -0
  51. package/src/SignatureField.test.tsx +16 -0
  52. package/src/Spinner.test.tsx +74 -0
  53. package/src/SplitPage.test.tsx +15 -0
  54. package/src/TapToEdit.test.tsx +147 -0
  55. package/src/TerrenoProvider.test.tsx +36 -0
  56. package/src/Text.test.tsx +147 -0
  57. package/src/Theme.test.tsx +153 -0
  58. package/src/TimezonePicker.test.tsx +57 -0
  59. package/src/Toast.test.tsx +82 -0
  60. package/src/Tooltip.test.tsx +89 -0
  61. package/src/UnifiedAddressAutoComplete.test.tsx +15 -0
  62. package/src/Utilities.test.tsx +237 -0
  63. package/src/WebAddressAutocomplete.test.tsx +15 -0
  64. package/src/__snapshots__/ActionSheet.test.tsx.snap +889 -0
  65. package/src/__snapshots__/Banner.test.tsx.snap +546 -0
  66. package/src/__snapshots__/Body.test.tsx.snap +685 -0
  67. package/src/__snapshots__/BooleanField.test.tsx.snap +553 -0
  68. package/src/__snapshots__/Button.test.tsx.snap +1281 -0
  69. package/src/__snapshots__/Card.test.tsx.snap +195 -0
  70. package/src/__snapshots__/CheckBox.test.tsx.snap +190 -0
  71. package/src/__snapshots__/CustomSelectField.test.tsx.snap +2299 -0
  72. package/src/__snapshots__/DataTable.test.tsx.snap +9614 -0
  73. package/src/__snapshots__/DecimalRangeActionSheet.test.tsx.snap +1719 -0
  74. package/src/__snapshots__/DismissButton.test.tsx.snap +91 -0
  75. package/src/__snapshots__/EmailField.test.tsx.snap +168 -0
  76. package/src/__snapshots__/ErrorBoundary.test.tsx.snap +57 -0
  77. package/src/__snapshots__/ErrorPage.test.tsx.snap +195 -0
  78. package/src/__snapshots__/Field.test.tsx.snap +4510 -0
  79. package/src/__snapshots__/Heading.test.tsx.snap +193 -0
  80. package/src/__snapshots__/HeightActionSheet.test.tsx.snap +1269 -0
  81. package/src/__snapshots__/Hyperlink.test.tsx.snap +81 -0
  82. package/src/__snapshots__/Icon.test.tsx.snap +47 -0
  83. package/src/__snapshots__/IconButton.test.tsx.snap +29 -0
  84. package/src/__snapshots__/Image.test.tsx.snap +282 -0
  85. package/src/__snapshots__/ImageBackground.test.tsx.snap +120 -0
  86. package/src/__snapshots__/InfoModalIcon.test.tsx.snap +1229 -0
  87. package/src/__snapshots__/InfoTooltipButton.test.tsx.snap +7 -0
  88. package/src/__snapshots__/Link.test.tsx.snap +41 -0
  89. package/src/__snapshots__/MarkdownView.test.tsx.snap +965 -0
  90. package/src/__snapshots__/Modal.test.tsx.snap +1477 -0
  91. package/src/__snapshots__/MultiselectField.test.tsx.snap +1454 -0
  92. package/src/__snapshots__/NumberField.test.tsx.snap +80 -0
  93. package/src/__snapshots__/NumberPickerActionSheet.test.tsx.snap +5359 -0
  94. package/src/__snapshots__/OpenAPIContext.test.tsx.snap +14 -0
  95. package/src/__snapshots__/Page.test.tsx.snap +1647 -0
  96. package/src/__snapshots__/Pagination.test.tsx.snap +1913 -0
  97. package/src/__snapshots__/PasswordField.test.tsx.snap +15 -0
  98. package/src/__snapshots__/PhoneNumberField.test.tsx.snap +405 -0
  99. package/src/__snapshots__/PickerSelect.test.tsx.snap +266 -0
  100. package/src/__snapshots__/Radio.test.tsx.snap +111 -0
  101. package/src/__snapshots__/RadioField.test.tsx.snap +944 -0
  102. package/src/__snapshots__/SectionDivider.test.tsx.snap +37 -0
  103. package/src/__snapshots__/SegmentedControl.test.tsx.snap +1422 -0
  104. package/src/__snapshots__/SelectBadge.test.tsx.snap +2377 -0
  105. package/src/__snapshots__/SelectField.test.tsx.snap +1658 -0
  106. package/src/__snapshots__/SideDrawer.test.tsx.snap +1857 -0
  107. package/src/__snapshots__/SignatureField.test.tsx.snap +133 -0
  108. package/src/__snapshots__/Spinner.test.tsx.snap +73 -0
  109. package/src/__snapshots__/TapToEdit.test.tsx.snap +839 -0
  110. package/src/__snapshots__/TerrenoProvider.test.tsx.snap +203 -0
  111. package/src/__snapshots__/Text.test.tsx.snap +558 -0
  112. package/src/__snapshots__/TimezonePicker.test.tsx.snap +6676 -0
  113. package/src/__snapshots__/Toast.test.tsx.snap +1982 -0
  114. package/src/__snapshots__/Tooltip.test.tsx.snap +456 -0
  115. package/src/bunSetup.ts +101 -8
  116. package/src/fieldElements/FieldError.test.tsx +40 -0
  117. package/src/fieldElements/FieldHelperText.test.tsx +34 -0
  118. package/src/fieldElements/FieldTitle.test.tsx +30 -0
  119. package/src/fieldElements/__snapshots__/FieldError.test.tsx.snap +85 -0
  120. package/src/fieldElements/__snapshots__/FieldHelperText.test.tsx.snap +30 -0
  121. package/src/fieldElements/__snapshots__/FieldTitle.test.tsx.snap +19 -0
  122. package/src/icons/MobileIcon.test.tsx +21 -0
  123. package/src/icons/OfflineIcon.test.tsx +21 -0
  124. package/src/icons/OnlineIcon.test.tsx +21 -0
  125. package/src/icons/OutOfficeIcon.test.tsx +21 -0
  126. package/src/icons/__snapshots__/MobileIcon.test.tsx.snap +160 -0
  127. package/src/icons/__snapshots__/OfflineIcon.test.tsx.snap +133 -0
  128. package/src/icons/__snapshots__/OnlineIcon.test.tsx.snap +124 -0
  129. package/src/icons/__snapshots__/OutOfficeIcon.test.tsx.snap +160 -0
  130. package/src/table/Table.test.tsx +107 -0
  131. package/src/table/TableBadge.test.tsx +53 -0
  132. package/src/table/TableBoolean.test.tsx +38 -0
  133. package/src/table/TableDate.test.tsx +27 -0
  134. package/src/table/TableHeader.test.tsx +67 -0
  135. package/src/table/TableHeaderCell.test.tsx +113 -0
  136. package/src/table/TableIconButton.test.tsx +51 -0
  137. package/src/table/TableNumber.test.tsx +45 -0
  138. package/src/table/TableRow.test.tsx +83 -0
  139. package/src/table/TableText.test.tsx +30 -0
  140. package/src/table/TableTitle.test.tsx +30 -0
  141. package/src/table/__snapshots__/Table.test.tsx.snap +2090 -0
  142. package/src/table/__snapshots__/TableBadge.test.tsx.snap +710 -0
  143. package/src/table/__snapshots__/TableBoolean.test.tsx.snap +231 -0
  144. package/src/table/__snapshots__/TableDate.test.tsx.snap +61 -0
  145. package/src/table/__snapshots__/TableHeader.test.tsx.snap +1089 -0
  146. package/src/table/__snapshots__/TableHeaderCell.test.tsx.snap +1773 -0
  147. package/src/table/__snapshots__/TableIconButton.test.tsx.snap +81 -0
  148. package/src/table/__snapshots__/TableNumber.test.tsx.snap +91 -0
  149. package/src/table/__snapshots__/TableRow.test.tsx.snap +1391 -0
  150. package/src/table/__snapshots__/TableText.test.tsx.snap +73 -0
  151. package/src/table/__snapshots__/TableTitle.test.tsx.snap +109 -0
package/src/__snapshots__/Page.test.tsx.snap ADDED
@@ -0,0 +1,1647 @@
1
+ // Bun Snapshot v1, https://bun.sh/docs/test/snapshots
2
+
3
+ exports[`Page renders correctly with default props 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
+ "Page content",
23
+ ],
24
+ "props": {
25
+ "numberOfLines": 0,
26
+ "selectable": undefined,
27
+ "style": {
28
+ "color": "#1C1C1C",
29
+ "fontFamily": "text-regular",
30
+ "fontSize": 14,
31
+ "textAlign": "left",
32
+ },
33
+ "testID": undefined,
34
+ },
35
+ "type": "Text",
36
+ },
37
+ ],
38
+ "props": {},
39
+ "type": "View",
40
+ },
41
+ ],
42
+ "props": {
43
+ "onPointerEnter": [Function: AsyncFunction],
44
+ "onPointerLeave": [Function: AsyncFunction],
45
+ "style": {
46
+ "alignSelf": "center",
47
+ "avoidKeyboard": true,
48
+ "backgroundColor": "#FFFFFF",
49
+ "display": "flex",
50
+ "flex": undefined,
51
+ "flexDirection": "column",
52
+ "flexGrow": 1,
53
+ "flexShrink": 1,
54
+ "height": "100%",
55
+ "keyboardOffset": undefined,
56
+ "maxWidth": 800,
57
+ "padding": 8,
58
+ "scroll": true,
59
+ "width": "100%",
60
+ },
61
+ "testID": undefined,
62
+ },
63
+ "type": "View",
64
+ },
65
+ ],
66
+ "props": {
67
+ "contentContainerStyle": {
68
+ "alignContent": undefined,
69
+ "alignItems": undefined,
70
+ "justifyContent": undefined,
71
+ },
72
+ "horizontal": false,
73
+ "keyboardShouldPersistTaps": "handled",
74
+ "nestedScrollEnabled": true,
75
+ "onScroll": [Function],
76
+ "ref": {
77
+ "current": null,
78
+ },
79
+ "scrollEventThrottle": 50,
80
+ "style": {
81
+ "alignSelf": "center",
82
+ "avoidKeyboard": true,
83
+ "backgroundColor": "#FFFFFF",
84
+ "display": "flex",
85
+ "flex": undefined,
86
+ "flexDirection": "column",
87
+ "flexGrow": 1,
88
+ "flexShrink": 1,
89
+ "height": "100%",
90
+ "keyboardOffset": undefined,
91
+ "maxWidth": 800,
92
+ "padding": 8,
93
+ "scroll": true,
94
+ "width": "100%",
95
+ },
96
+ },
97
+ "type": "ScrollView",
98
+ },
99
+ ],
100
+ "props": {
101
+ "style": {
102
+ "display": "flex",
103
+ "flex": 1,
104
+ },
105
+ },
106
+ "type": "SafeAreaView",
107
+ },
108
+ ],
109
+ "props": {
110
+ "behavior": "padding",
111
+ "keyboardVerticalOffset": undefined,
112
+ "style": {
113
+ "display": "flex",
114
+ "flex": 1,
115
+ },
116
+ },
117
+ "type": "KeyboardAvoidingView",
118
+ }
119
+ `;
120
+
121
+ exports[`Page renders with title 1`] = `
122
+ {
123
+ "$$typeof": Symbol(react.test.json),
124
+ "children": [
125
+ {
126
+ "$$typeof": Symbol(react.test.json),
127
+ "children": [
128
+ {
129
+ "$$typeof": Symbol(react.test.json),
130
+ "children": [
131
+ {
132
+ "$$typeof": Symbol(react.test.json),
133
+ "children": [
134
+ {
135
+ "$$typeof": Symbol(react.test.json),
136
+ "children": [
137
+ {
138
+ "$$typeof": Symbol(react.test.json),
139
+ "children": [
140
+ {
141
+ "$$typeof": Symbol(react.test.json),
142
+ "children": [
143
+ "Page Title",
144
+ ],
145
+ "props": {
146
+ "numberOfLines": 0,
147
+ "style": {
148
+ "color": "#1C1C1C",
149
+ "fontFamily": "heading-bold",
150
+ "fontSize": 16,
151
+ "textAlign": "center",
152
+ },
153
+ "testID": undefined,
154
+ },
155
+ "type": "Text",
156
+ },
157
+ ],
158
+ "props": {
159
+ "onPointerEnter": [Function: AsyncFunction],
160
+ "onPointerLeave": [Function: AsyncFunction],
161
+ "style": {
162
+ "display": "flex",
163
+ "flex": undefined,
164
+ "flexDirection": "column",
165
+ "flexGrow": 1,
166
+ "flexShrink": 1,
167
+ "justifyContent": "center",
168
+ },
169
+ "testID": undefined,
170
+ },
171
+ "type": "View",
172
+ },
173
+ ],
174
+ "props": {
175
+ "onPointerEnter": [Function: AsyncFunction],
176
+ "onPointerLeave": [Function: AsyncFunction],
177
+ "style": {
178
+ "display": "flex",
179
+ "flex": undefined,
180
+ "flexDirection": "row",
181
+ "width": "100%",
182
+ },
183
+ "testID": undefined,
184
+ },
185
+ "type": "View",
186
+ },
187
+ {
188
+ "$$typeof": Symbol(react.test.json),
189
+ "children": [
190
+ {
191
+ "$$typeof": Symbol(react.test.json),
192
+ "children": [
193
+ "Content",
194
+ ],
195
+ "props": {
196
+ "numberOfLines": 0,
197
+ "selectable": undefined,
198
+ "style": {
199
+ "color": "#1C1C1C",
200
+ "fontFamily": "text-regular",
201
+ "fontSize": 14,
202
+ "textAlign": "left",
203
+ },
204
+ "testID": undefined,
205
+ },
206
+ "type": "Text",
207
+ },
208
+ ],
209
+ "props": {},
210
+ "type": "View",
211
+ },
212
+ ],
213
+ "props": {
214
+ "onPointerEnter": [Function: AsyncFunction],
215
+ "onPointerLeave": [Function: AsyncFunction],
216
+ "style": {
217
+ "alignSelf": "center",
218
+ "avoidKeyboard": true,
219
+ "backgroundColor": "#FFFFFF",
220
+ "display": "flex",
221
+ "flex": undefined,
222
+ "flexDirection": "column",
223
+ "flexGrow": 1,
224
+ "flexShrink": 1,
225
+ "height": "100%",
226
+ "keyboardOffset": undefined,
227
+ "maxWidth": 800,
228
+ "padding": 8,
229
+ "scroll": true,
230
+ "width": "100%",
231
+ },
232
+ "testID": undefined,
233
+ },
234
+ "type": "View",
235
+ },
236
+ ],
237
+ "props": {
238
+ "contentContainerStyle": {
239
+ "alignContent": undefined,
240
+ "alignItems": undefined,
241
+ "justifyContent": undefined,
242
+ },
243
+ "horizontal": false,
244
+ "keyboardShouldPersistTaps": "handled",
245
+ "nestedScrollEnabled": true,
246
+ "onScroll": [Function],
247
+ "ref": {
248
+ "current": null,
249
+ },
250
+ "scrollEventThrottle": 50,
251
+ "style": {
252
+ "alignSelf": "center",
253
+ "avoidKeyboard": true,
254
+ "backgroundColor": "#FFFFFF",
255
+ "display": "flex",
256
+ "flex": undefined,
257
+ "flexDirection": "column",
258
+ "flexGrow": 1,
259
+ "flexShrink": 1,
260
+ "height": "100%",
261
+ "keyboardOffset": undefined,
262
+ "maxWidth": 800,
263
+ "padding": 8,
264
+ "scroll": true,
265
+ "width": "100%",
266
+ },
267
+ },
268
+ "type": "ScrollView",
269
+ },
270
+ ],
271
+ "props": {
272
+ "style": {
273
+ "display": "flex",
274
+ "flex": 1,
275
+ },
276
+ },
277
+ "type": "SafeAreaView",
278
+ },
279
+ ],
280
+ "props": {
281
+ "behavior": "padding",
282
+ "keyboardVerticalOffset": undefined,
283
+ "style": {
284
+ "display": "flex",
285
+ "flex": 1,
286
+ },
287
+ },
288
+ "type": "KeyboardAvoidingView",
289
+ }
290
+ `;
291
+
292
+ exports[`Page renders with back button 1`] = `
293
+ {
294
+ "$$typeof": Symbol(react.test.json),
295
+ "children": [
296
+ {
297
+ "$$typeof": Symbol(react.test.json),
298
+ "children": [
299
+ {
300
+ "$$typeof": Symbol(react.test.json),
301
+ "children": [
302
+ {
303
+ "$$typeof": Symbol(react.test.json),
304
+ "children": [
305
+ {
306
+ "$$typeof": Symbol(react.test.json),
307
+ "children": [
308
+ {
309
+ "$$typeof": Symbol(react.test.json),
310
+ "children": null,
311
+ "props": {
312
+ "onPointerEnter": [Function: AsyncFunction],
313
+ "onPointerLeave": [Function: AsyncFunction],
314
+ "style": {
315
+ "alignItems": "center",
316
+ "flex": 0,
317
+ "flexDirection": "row",
318
+ "justifyContent": "center",
319
+ "paddingBottom": 12,
320
+ "paddingTop": 12,
321
+ },
322
+ "testID": undefined,
323
+ },
324
+ "type": "View",
325
+ },
326
+ {
327
+ "$$typeof": Symbol(react.test.json),
328
+ "children": [
329
+ {
330
+ "$$typeof": Symbol(react.test.json),
331
+ "children": [
332
+ "Page",
333
+ ],
334
+ "props": {
335
+ "numberOfLines": 0,
336
+ "style": {
337
+ "color": "#1C1C1C",
338
+ "fontFamily": "heading-bold",
339
+ "fontSize": 16,
340
+ "textAlign": "center",
341
+ },
342
+ "testID": undefined,
343
+ },
344
+ "type": "Text",
345
+ },
346
+ ],
347
+ "props": {
348
+ "onPointerEnter": [Function: AsyncFunction],
349
+ "onPointerLeave": [Function: AsyncFunction],
350
+ "style": {
351
+ "display": "flex",
352
+ "flex": undefined,
353
+ "flexDirection": "column",
354
+ "flexGrow": 1,
355
+ "flexShrink": 1,
356
+ "justifyContent": "center",
357
+ },
358
+ "testID": undefined,
359
+ },
360
+ "type": "View",
361
+ },
362
+ ],
363
+ "props": {
364
+ "onPointerEnter": [Function: AsyncFunction],
365
+ "onPointerLeave": [Function: AsyncFunction],
366
+ "style": {
367
+ "display": "flex",
368
+ "flex": undefined,
369
+ "flexDirection": "row",
370
+ "width": "100%",
371
+ },
372
+ "testID": undefined,
373
+ },
374
+ "type": "View",
375
+ },
376
+ {
377
+ "$$typeof": Symbol(react.test.json),
378
+ "children": [
379
+ {
380
+ "$$typeof": Symbol(react.test.json),
381
+ "children": [
382
+ "Content",
383
+ ],
384
+ "props": {
385
+ "numberOfLines": 0,
386
+ "selectable": undefined,
387
+ "style": {
388
+ "color": "#1C1C1C",
389
+ "fontFamily": "text-regular",
390
+ "fontSize": 14,
391
+ "textAlign": "left",
392
+ },
393
+ "testID": undefined,
394
+ },
395
+ "type": "Text",
396
+ },
397
+ ],
398
+ "props": {},
399
+ "type": "View",
400
+ },
401
+ ],
402
+ "props": {
403
+ "onPointerEnter": [Function: AsyncFunction],
404
+ "onPointerLeave": [Function: AsyncFunction],
405
+ "style": {
406
+ "alignSelf": "center",
407
+ "avoidKeyboard": true,
408
+ "backgroundColor": "#FFFFFF",
409
+ "display": "flex",
410
+ "flex": undefined,
411
+ "flexDirection": "column",
412
+ "flexGrow": 1,
413
+ "flexShrink": 1,
414
+ "height": "100%",
415
+ "keyboardOffset": undefined,
416
+ "maxWidth": 800,
417
+ "padding": 8,
418
+ "scroll": true,
419
+ "width": "100%",
420
+ },
421
+ "testID": undefined,
422
+ },
423
+ "type": "View",
424
+ },
425
+ ],
426
+ "props": {
427
+ "contentContainerStyle": {
428
+ "alignContent": undefined,
429
+ "alignItems": undefined,
430
+ "justifyContent": undefined,
431
+ },
432
+ "horizontal": false,
433
+ "keyboardShouldPersistTaps": "handled",
434
+ "nestedScrollEnabled": true,
435
+ "onScroll": [Function],
436
+ "ref": {
437
+ "current": null,
438
+ },
439
+ "scrollEventThrottle": 50,
440
+ "style": {
441
+ "alignSelf": "center",
442
+ "avoidKeyboard": true,
443
+ "backgroundColor": "#FFFFFF",
444
+ "display": "flex",
445
+ "flex": undefined,
446
+ "flexDirection": "column",
447
+ "flexGrow": 1,
448
+ "flexShrink": 1,
449
+ "height": "100%",
450
+ "keyboardOffset": undefined,
451
+ "maxWidth": 800,
452
+ "padding": 8,
453
+ "scroll": true,
454
+ "width": "100%",
455
+ },
456
+ },
457
+ "type": "ScrollView",
458
+ },
459
+ ],
460
+ "props": {
461
+ "style": {
462
+ "display": "flex",
463
+ "flex": 1,
464
+ },
465
+ },
466
+ "type": "SafeAreaView",
467
+ },
468
+ ],
469
+ "props": {
470
+ "behavior": "padding",
471
+ "keyboardVerticalOffset": undefined,
472
+ "style": {
473
+ "display": "flex",
474
+ "flex": 1,
475
+ },
476
+ },
477
+ "type": "KeyboardAvoidingView",
478
+ }
479
+ `;
480
+
481
+ exports[`Page renders with close button 1`] = `
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
+ {
492
+ "$$typeof": Symbol(react.test.json),
493
+ "children": [
494
+ {
495
+ "$$typeof": Symbol(react.test.json),
496
+ "children": [
497
+ {
498
+ "$$typeof": Symbol(react.test.json),
499
+ "children": null,
500
+ "props": {
501
+ "onPointerEnter": [Function: AsyncFunction],
502
+ "onPointerLeave": [Function: AsyncFunction],
503
+ "style": {
504
+ "alignItems": "center",
505
+ "flex": 0,
506
+ "flexDirection": "row",
507
+ "justifyContent": "center",
508
+ "paddingBottom": 12,
509
+ "paddingTop": 12,
510
+ },
511
+ "testID": undefined,
512
+ },
513
+ "type": "View",
514
+ },
515
+ {
516
+ "$$typeof": Symbol(react.test.json),
517
+ "children": [
518
+ {
519
+ "$$typeof": Symbol(react.test.json),
520
+ "children": [
521
+ "Page",
522
+ ],
523
+ "props": {
524
+ "numberOfLines": 0,
525
+ "style": {
526
+ "color": "#1C1C1C",
527
+ "fontFamily": "heading-bold",
528
+ "fontSize": 16,
529
+ "textAlign": "center",
530
+ },
531
+ "testID": undefined,
532
+ },
533
+ "type": "Text",
534
+ },
535
+ ],
536
+ "props": {
537
+ "onPointerEnter": [Function: AsyncFunction],
538
+ "onPointerLeave": [Function: AsyncFunction],
539
+ "style": {
540
+ "display": "flex",
541
+ "flex": undefined,
542
+ "flexDirection": "column",
543
+ "flexGrow": 1,
544
+ "flexShrink": 1,
545
+ "justifyContent": "center",
546
+ },
547
+ "testID": undefined,
548
+ },
549
+ "type": "View",
550
+ },
551
+ ],
552
+ "props": {
553
+ "onPointerEnter": [Function: AsyncFunction],
554
+ "onPointerLeave": [Function: AsyncFunction],
555
+ "style": {
556
+ "display": "flex",
557
+ "flex": undefined,
558
+ "flexDirection": "row",
559
+ "width": "100%",
560
+ },
561
+ "testID": undefined,
562
+ },
563
+ "type": "View",
564
+ },
565
+ {
566
+ "$$typeof": Symbol(react.test.json),
567
+ "children": [
568
+ {
569
+ "$$typeof": Symbol(react.test.json),
570
+ "children": [
571
+ "Content",
572
+ ],
573
+ "props": {
574
+ "numberOfLines": 0,
575
+ "selectable": undefined,
576
+ "style": {
577
+ "color": "#1C1C1C",
578
+ "fontFamily": "text-regular",
579
+ "fontSize": 14,
580
+ "textAlign": "left",
581
+ },
582
+ "testID": undefined,
583
+ },
584
+ "type": "Text",
585
+ },
586
+ ],
587
+ "props": {},
588
+ "type": "View",
589
+ },
590
+ ],
591
+ "props": {
592
+ "onPointerEnter": [Function: AsyncFunction],
593
+ "onPointerLeave": [Function: AsyncFunction],
594
+ "style": {
595
+ "alignSelf": "center",
596
+ "avoidKeyboard": true,
597
+ "backgroundColor": "#FFFFFF",
598
+ "display": "flex",
599
+ "flex": undefined,
600
+ "flexDirection": "column",
601
+ "flexGrow": 1,
602
+ "flexShrink": 1,
603
+ "height": "100%",
604
+ "keyboardOffset": undefined,
605
+ "maxWidth": 800,
606
+ "padding": 8,
607
+ "scroll": true,
608
+ "width": "100%",
609
+ },
610
+ "testID": undefined,
611
+ },
612
+ "type": "View",
613
+ },
614
+ ],
615
+ "props": {
616
+ "contentContainerStyle": {
617
+ "alignContent": undefined,
618
+ "alignItems": undefined,
619
+ "justifyContent": undefined,
620
+ },
621
+ "horizontal": false,
622
+ "keyboardShouldPersistTaps": "handled",
623
+ "nestedScrollEnabled": true,
624
+ "onScroll": [Function],
625
+ "ref": {
626
+ "current": null,
627
+ },
628
+ "scrollEventThrottle": 50,
629
+ "style": {
630
+ "alignSelf": "center",
631
+ "avoidKeyboard": true,
632
+ "backgroundColor": "#FFFFFF",
633
+ "display": "flex",
634
+ "flex": undefined,
635
+ "flexDirection": "column",
636
+ "flexGrow": 1,
637
+ "flexShrink": 1,
638
+ "height": "100%",
639
+ "keyboardOffset": undefined,
640
+ "maxWidth": 800,
641
+ "padding": 8,
642
+ "scroll": true,
643
+ "width": "100%",
644
+ },
645
+ },
646
+ "type": "ScrollView",
647
+ },
648
+ ],
649
+ "props": {
650
+ "style": {
651
+ "display": "flex",
652
+ "flex": 1,
653
+ },
654
+ },
655
+ "type": "SafeAreaView",
656
+ },
657
+ ],
658
+ "props": {
659
+ "behavior": "padding",
660
+ "keyboardVerticalOffset": undefined,
661
+ "style": {
662
+ "display": "flex",
663
+ "flex": 1,
664
+ },
665
+ },
666
+ "type": "KeyboardAvoidingView",
667
+ }
668
+ `;
669
+
670
+ exports[`Page renders with right button 1`] = `
671
+ {
672
+ "$$typeof": Symbol(react.test.json),
673
+ "children": [
674
+ {
675
+ "$$typeof": Symbol(react.test.json),
676
+ "children": [
677
+ {
678
+ "$$typeof": Symbol(react.test.json),
679
+ "children": [
680
+ {
681
+ "$$typeof": Symbol(react.test.json),
682
+ "children": [
683
+ {
684
+ "$$typeof": Symbol(react.test.json),
685
+ "children": [
686
+ {
687
+ "$$typeof": Symbol(react.test.json),
688
+ "children": [
689
+ {
690
+ "$$typeof": Symbol(react.test.json),
691
+ "children": [
692
+ "Page",
693
+ ],
694
+ "props": {
695
+ "numberOfLines": 0,
696
+ "style": {
697
+ "color": "#1C1C1C",
698
+ "fontFamily": "heading-bold",
699
+ "fontSize": 16,
700
+ "textAlign": "center",
701
+ },
702
+ "testID": undefined,
703
+ },
704
+ "type": "Text",
705
+ },
706
+ ],
707
+ "props": {
708
+ "onPointerEnter": [Function: AsyncFunction],
709
+ "onPointerLeave": [Function: AsyncFunction],
710
+ "style": {
711
+ "display": "flex",
712
+ "flex": undefined,
713
+ "flexDirection": "column",
714
+ "flexGrow": 1,
715
+ "flexShrink": 1,
716
+ "justifyContent": "center",
717
+ },
718
+ "testID": undefined,
719
+ },
720
+ "type": "View",
721
+ },
722
+ {
723
+ "$$typeof": Symbol(react.test.json),
724
+ "children": [
725
+ {
726
+ "$$typeof": Symbol(react.test.json),
727
+ "children": [
728
+ {
729
+ "$$typeof": Symbol(react.test.json),
730
+ "children": [
731
+ {
732
+ "$$typeof": Symbol(react.test.json),
733
+ "children": [
734
+ {
735
+ "$$typeof": Symbol(react.test.json),
736
+ "children": [
737
+ "Save",
738
+ ],
739
+ "props": {
740
+ "style": {
741
+ "color": "#353535",
742
+ "fontSize": 16,
743
+ "fontWeight": "700",
744
+ },
745
+ },
746
+ "type": "Text",
747
+ },
748
+ ],
749
+ "props": {
750
+ "style": {
751
+ "flexDirection": "row",
752
+ },
753
+ "testID": undefined,
754
+ },
755
+ "type": "View",
756
+ },
757
+ ],
758
+ "props": {
759
+ "style": {
760
+ "flexDirection": "row",
761
+ },
762
+ "testID": undefined,
763
+ },
764
+ "type": "View",
765
+ },
766
+ ],
767
+ "props": {
768
+ "accessibilityHint": "Press to perform action",
769
+ "aria-label": "Save",
770
+ "aria-role": "button",
771
+ "disabled": undefined,
772
+ "onPress": [Function: debounced],
773
+ "style": {
774
+ "alignItems": "center",
775
+ "alignSelf": undefined,
776
+ "backgroundColor": "#B6CDD5",
777
+ "borderColor": undefined,
778
+ "borderRadius": 360,
779
+ "borderWidth": undefined,
780
+ "flexDirection": "column",
781
+ "justifyContent": "center",
782
+ "paddingHorizontal": 20,
783
+ "paddingVertical": 8,
784
+ "width": "auto",
785
+ },
786
+ "testID": undefined,
787
+ },
788
+ "type": "Pressable",
789
+ },
790
+ ],
791
+ "props": {
792
+ "onPointerEnter": [Function: AsyncFunction],
793
+ "onPointerLeave": [Function: AsyncFunction],
794
+ "style": {
795
+ "alignItems": "center",
796
+ "flex": 0,
797
+ "flexDirection": "row",
798
+ "justifyContent": "center",
799
+ "paddingBottom": 12,
800
+ "paddingTop": 12,
801
+ },
802
+ "testID": undefined,
803
+ },
804
+ "type": "View",
805
+ },
806
+ ],
807
+ "props": {
808
+ "onPointerEnter": [Function: AsyncFunction],
809
+ "onPointerLeave": [Function: AsyncFunction],
810
+ "style": {
811
+ "display": "flex",
812
+ "flex": undefined,
813
+ "flexDirection": "row",
814
+ "width": "100%",
815
+ },
816
+ "testID": undefined,
817
+ },
818
+ "type": "View",
819
+ },
820
+ {
821
+ "$$typeof": Symbol(react.test.json),
822
+ "children": [
823
+ {
824
+ "$$typeof": Symbol(react.test.json),
825
+ "children": [
826
+ "Content",
827
+ ],
828
+ "props": {
829
+ "numberOfLines": 0,
830
+ "selectable": undefined,
831
+ "style": {
832
+ "color": "#1C1C1C",
833
+ "fontFamily": "text-regular",
834
+ "fontSize": 14,
835
+ "textAlign": "left",
836
+ },
837
+ "testID": undefined,
838
+ },
839
+ "type": "Text",
840
+ },
841
+ ],
842
+ "props": {},
843
+ "type": "View",
844
+ },
845
+ ],
846
+ "props": {
847
+ "onPointerEnter": [Function: AsyncFunction],
848
+ "onPointerLeave": [Function: AsyncFunction],
849
+ "style": {
850
+ "alignSelf": "center",
851
+ "avoidKeyboard": true,
852
+ "backgroundColor": "#FFFFFF",
853
+ "display": "flex",
854
+ "flex": undefined,
855
+ "flexDirection": "column",
856
+ "flexGrow": 1,
857
+ "flexShrink": 1,
858
+ "height": "100%",
859
+ "keyboardOffset": undefined,
860
+ "maxWidth": 800,
861
+ "padding": 8,
862
+ "scroll": true,
863
+ "width": "100%",
864
+ },
865
+ "testID": undefined,
866
+ },
867
+ "type": "View",
868
+ },
869
+ ],
870
+ "props": {
871
+ "contentContainerStyle": {
872
+ "alignContent": undefined,
873
+ "alignItems": undefined,
874
+ "justifyContent": undefined,
875
+ },
876
+ "horizontal": false,
877
+ "keyboardShouldPersistTaps": "handled",
878
+ "nestedScrollEnabled": true,
879
+ "onScroll": [Function],
880
+ "ref": {
881
+ "current": null,
882
+ },
883
+ "scrollEventThrottle": 50,
884
+ "style": {
885
+ "alignSelf": "center",
886
+ "avoidKeyboard": true,
887
+ "backgroundColor": "#FFFFFF",
888
+ "display": "flex",
889
+ "flex": undefined,
890
+ "flexDirection": "column",
891
+ "flexGrow": 1,
892
+ "flexShrink": 1,
893
+ "height": "100%",
894
+ "keyboardOffset": undefined,
895
+ "maxWidth": 800,
896
+ "padding": 8,
897
+ "scroll": true,
898
+ "width": "100%",
899
+ },
900
+ },
901
+ "type": "ScrollView",
902
+ },
903
+ ],
904
+ "props": {
905
+ "style": {
906
+ "display": "flex",
907
+ "flex": 1,
908
+ },
909
+ },
910
+ "type": "SafeAreaView",
911
+ },
912
+ ],
913
+ "props": {
914
+ "behavior": "padding",
915
+ "keyboardVerticalOffset": undefined,
916
+ "style": {
917
+ "display": "flex",
918
+ "flex": 1,
919
+ },
920
+ },
921
+ "type": "KeyboardAvoidingView",
922
+ }
923
+ `;
924
+
925
+ exports[`Page renders loading state 1`] = `
926
+ {
927
+ "$$typeof": Symbol(react.test.json),
928
+ "children": [
929
+ {
930
+ "$$typeof": Symbol(react.test.json),
931
+ "children": [
932
+ {
933
+ "$$typeof": Symbol(react.test.json),
934
+ "children": [
935
+ {
936
+ "$$typeof": Symbol(react.test.json),
937
+ "children": [
938
+ {
939
+ "$$typeof": Symbol(react.test.json),
940
+ "children": [
941
+ {
942
+ "$$typeof": Symbol(react.test.json),
943
+ "children": [
944
+ "Content",
945
+ ],
946
+ "props": {
947
+ "numberOfLines": 0,
948
+ "selectable": undefined,
949
+ "style": {
950
+ "color": "#1C1C1C",
951
+ "fontFamily": "text-regular",
952
+ "fontSize": 14,
953
+ "textAlign": "left",
954
+ },
955
+ "testID": undefined,
956
+ },
957
+ "type": "Text",
958
+ },
959
+ ],
960
+ "props": {},
961
+ "type": "View",
962
+ },
963
+ ],
964
+ "props": {
965
+ "onPointerEnter": [Function: AsyncFunction],
966
+ "onPointerLeave": [Function: AsyncFunction],
967
+ "style": {
968
+ "alignSelf": "center",
969
+ "avoidKeyboard": true,
970
+ "backgroundColor": "#FFFFFF",
971
+ "display": "flex",
972
+ "flex": undefined,
973
+ "flexDirection": "column",
974
+ "flexGrow": 1,
975
+ "flexShrink": 1,
976
+ "height": "100%",
977
+ "keyboardOffset": undefined,
978
+ "maxWidth": 800,
979
+ "padding": 8,
980
+ "scroll": true,
981
+ "width": "100%",
982
+ },
983
+ "testID": undefined,
984
+ },
985
+ "type": "View",
986
+ },
987
+ ],
988
+ "props": {
989
+ "contentContainerStyle": {
990
+ "alignContent": undefined,
991
+ "alignItems": undefined,
992
+ "justifyContent": undefined,
993
+ },
994
+ "horizontal": false,
995
+ "keyboardShouldPersistTaps": "handled",
996
+ "nestedScrollEnabled": true,
997
+ "onScroll": [Function],
998
+ "ref": {
999
+ "current": null,
1000
+ },
1001
+ "scrollEventThrottle": 50,
1002
+ "style": {
1003
+ "alignSelf": "center",
1004
+ "avoidKeyboard": true,
1005
+ "backgroundColor": "#FFFFFF",
1006
+ "display": "flex",
1007
+ "flex": undefined,
1008
+ "flexDirection": "column",
1009
+ "flexGrow": 1,
1010
+ "flexShrink": 1,
1011
+ "height": "100%",
1012
+ "keyboardOffset": undefined,
1013
+ "maxWidth": 800,
1014
+ "padding": 8,
1015
+ "scroll": true,
1016
+ "width": "100%",
1017
+ },
1018
+ },
1019
+ "type": "ScrollView",
1020
+ },
1021
+ ],
1022
+ "props": {
1023
+ "style": {
1024
+ "display": "flex",
1025
+ "flex": 1,
1026
+ },
1027
+ },
1028
+ "type": "SafeAreaView",
1029
+ },
1030
+ ],
1031
+ "props": {
1032
+ "behavior": "padding",
1033
+ "keyboardVerticalOffset": undefined,
1034
+ "style": {
1035
+ "display": "flex",
1036
+ "flex": 1,
1037
+ },
1038
+ },
1039
+ "type": "KeyboardAvoidingView",
1040
+ }
1041
+ `;
1042
+
1043
+ exports[`Page renders with footer 1`] = `
1044
+ [
1045
+ {
1046
+ "$$typeof": Symbol(react.test.json),
1047
+ "children": [
1048
+ {
1049
+ "$$typeof": Symbol(react.test.json),
1050
+ "children": [
1051
+ {
1052
+ "$$typeof": Symbol(react.test.json),
1053
+ "children": [
1054
+ {
1055
+ "$$typeof": Symbol(react.test.json),
1056
+ "children": [
1057
+ {
1058
+ "$$typeof": Symbol(react.test.json),
1059
+ "children": [
1060
+ {
1061
+ "$$typeof": Symbol(react.test.json),
1062
+ "children": [
1063
+ "Content",
1064
+ ],
1065
+ "props": {
1066
+ "numberOfLines": 0,
1067
+ "selectable": undefined,
1068
+ "style": {
1069
+ "color": "#1C1C1C",
1070
+ "fontFamily": "text-regular",
1071
+ "fontSize": 14,
1072
+ "textAlign": "left",
1073
+ },
1074
+ "testID": undefined,
1075
+ },
1076
+ "type": "Text",
1077
+ },
1078
+ ],
1079
+ "props": {},
1080
+ "type": "View",
1081
+ },
1082
+ ],
1083
+ "props": {
1084
+ "onPointerEnter": [Function: AsyncFunction],
1085
+ "onPointerLeave": [Function: AsyncFunction],
1086
+ "style": {
1087
+ "alignSelf": "center",
1088
+ "avoidKeyboard": true,
1089
+ "backgroundColor": "#FFFFFF",
1090
+ "display": "flex",
1091
+ "flex": undefined,
1092
+ "flexDirection": "column",
1093
+ "flexGrow": 1,
1094
+ "flexShrink": 1,
1095
+ "height": "100%",
1096
+ "keyboardOffset": undefined,
1097
+ "maxWidth": 800,
1098
+ "padding": 8,
1099
+ "scroll": true,
1100
+ "width": "100%",
1101
+ },
1102
+ "testID": undefined,
1103
+ },
1104
+ "type": "View",
1105
+ },
1106
+ ],
1107
+ "props": {
1108
+ "contentContainerStyle": {
1109
+ "alignContent": undefined,
1110
+ "alignItems": undefined,
1111
+ "justifyContent": undefined,
1112
+ },
1113
+ "horizontal": false,
1114
+ "keyboardShouldPersistTaps": "handled",
1115
+ "nestedScrollEnabled": true,
1116
+ "onScroll": [Function],
1117
+ "ref": {
1118
+ "current": null,
1119
+ },
1120
+ "scrollEventThrottle": 50,
1121
+ "style": {
1122
+ "alignSelf": "center",
1123
+ "avoidKeyboard": true,
1124
+ "backgroundColor": "#FFFFFF",
1125
+ "display": "flex",
1126
+ "flex": undefined,
1127
+ "flexDirection": "column",
1128
+ "flexGrow": 1,
1129
+ "flexShrink": 1,
1130
+ "height": "100%",
1131
+ "keyboardOffset": undefined,
1132
+ "maxWidth": 800,
1133
+ "padding": 8,
1134
+ "scroll": true,
1135
+ "width": "100%",
1136
+ },
1137
+ },
1138
+ "type": "ScrollView",
1139
+ },
1140
+ ],
1141
+ "props": {
1142
+ "style": {
1143
+ "display": "flex",
1144
+ "flex": 1,
1145
+ },
1146
+ },
1147
+ "type": "SafeAreaView",
1148
+ },
1149
+ ],
1150
+ "props": {
1151
+ "behavior": "padding",
1152
+ "keyboardVerticalOffset": undefined,
1153
+ "style": {
1154
+ "display": "flex",
1155
+ "flex": 1,
1156
+ },
1157
+ },
1158
+ "type": "KeyboardAvoidingView",
1159
+ },
1160
+ {
1161
+ "$$typeof": Symbol(react.test.json),
1162
+ "children": [
1163
+ {
1164
+ "$$typeof": Symbol(react.test.json),
1165
+ "children": [
1166
+ {
1167
+ "$$typeof": Symbol(react.test.json),
1168
+ "children": [
1169
+ "Footer content",
1170
+ ],
1171
+ "props": {
1172
+ "numberOfLines": 0,
1173
+ "selectable": undefined,
1174
+ "style": {
1175
+ "color": "#1C1C1C",
1176
+ "fontFamily": "text-regular",
1177
+ "fontSize": 14,
1178
+ "textAlign": "left",
1179
+ },
1180
+ "testID": undefined,
1181
+ },
1182
+ "type": "Text",
1183
+ },
1184
+ ],
1185
+ "props": {},
1186
+ "type": "View",
1187
+ },
1188
+ ],
1189
+ "props": {
1190
+ "onPointerEnter": [Function: AsyncFunction],
1191
+ "onPointerLeave": [Function: AsyncFunction],
1192
+ "style": {
1193
+ "alignSelf": "center",
1194
+ "backgroundColor": "#D9D9D9",
1195
+ "display": "flex",
1196
+ "flex": undefined,
1197
+ "flexDirection": "column",
1198
+ "flexShrink": 1,
1199
+ "marginBottom": 48,
1200
+ "maxWidth": 800,
1201
+ "paddingBottom": 8,
1202
+ "paddingLeft": 32,
1203
+ "paddingRight": 32,
1204
+ "paddingTop": 8,
1205
+ "width": "100%",
1206
+ },
1207
+ "testID": undefined,
1208
+ },
1209
+ "type": "View",
1210
+ },
1211
+ ]
1212
+ `;
1213
+
1214
+ exports[`Page renders with custom padding 1`] = `
1215
+ {
1216
+ "$$typeof": Symbol(react.test.json),
1217
+ "children": [
1218
+ {
1219
+ "$$typeof": Symbol(react.test.json),
1220
+ "children": [
1221
+ {
1222
+ "$$typeof": Symbol(react.test.json),
1223
+ "children": [
1224
+ {
1225
+ "$$typeof": Symbol(react.test.json),
1226
+ "children": [
1227
+ {
1228
+ "$$typeof": Symbol(react.test.json),
1229
+ "children": [
1230
+ {
1231
+ "$$typeof": Symbol(react.test.json),
1232
+ "children": [
1233
+ "Content",
1234
+ ],
1235
+ "props": {
1236
+ "numberOfLines": 0,
1237
+ "selectable": undefined,
1238
+ "style": {
1239
+ "color": "#1C1C1C",
1240
+ "fontFamily": "text-regular",
1241
+ "fontSize": 14,
1242
+ "textAlign": "left",
1243
+ },
1244
+ "testID": undefined,
1245
+ },
1246
+ "type": "Text",
1247
+ },
1248
+ ],
1249
+ "props": {},
1250
+ "type": "View",
1251
+ },
1252
+ ],
1253
+ "props": {
1254
+ "onPointerEnter": [Function: AsyncFunction],
1255
+ "onPointerLeave": [Function: AsyncFunction],
1256
+ "style": {
1257
+ "alignSelf": "center",
1258
+ "avoidKeyboard": true,
1259
+ "backgroundColor": "#FFFFFF",
1260
+ "display": "flex",
1261
+ "flex": undefined,
1262
+ "flexDirection": "column",
1263
+ "flexGrow": 1,
1264
+ "flexShrink": 1,
1265
+ "height": "100%",
1266
+ "keyboardOffset": undefined,
1267
+ "maxWidth": 800,
1268
+ "padding": 24,
1269
+ "scroll": true,
1270
+ "width": "100%",
1271
+ },
1272
+ "testID": undefined,
1273
+ },
1274
+ "type": "View",
1275
+ },
1276
+ ],
1277
+ "props": {
1278
+ "contentContainerStyle": {
1279
+ "alignContent": undefined,
1280
+ "alignItems": undefined,
1281
+ "justifyContent": undefined,
1282
+ },
1283
+ "horizontal": false,
1284
+ "keyboardShouldPersistTaps": "handled",
1285
+ "nestedScrollEnabled": true,
1286
+ "onScroll": [Function],
1287
+ "ref": {
1288
+ "current": null,
1289
+ },
1290
+ "scrollEventThrottle": 50,
1291
+ "style": {
1292
+ "alignSelf": "center",
1293
+ "avoidKeyboard": true,
1294
+ "backgroundColor": "#FFFFFF",
1295
+ "display": "flex",
1296
+ "flex": undefined,
1297
+ "flexDirection": "column",
1298
+ "flexGrow": 1,
1299
+ "flexShrink": 1,
1300
+ "height": "100%",
1301
+ "keyboardOffset": undefined,
1302
+ "maxWidth": 800,
1303
+ "padding": 24,
1304
+ "scroll": true,
1305
+ "width": "100%",
1306
+ },
1307
+ },
1308
+ "type": "ScrollView",
1309
+ },
1310
+ ],
1311
+ "props": {
1312
+ "style": {
1313
+ "display": "flex",
1314
+ "flex": 1,
1315
+ },
1316
+ },
1317
+ "type": "SafeAreaView",
1318
+ },
1319
+ ],
1320
+ "props": {
1321
+ "behavior": "padding",
1322
+ "keyboardVerticalOffset": undefined,
1323
+ "style": {
1324
+ "display": "flex",
1325
+ "flex": 1,
1326
+ },
1327
+ },
1328
+ "type": "KeyboardAvoidingView",
1329
+ }
1330
+ `;
1331
+
1332
+ exports[`Page renders with custom color 1`] = `
1333
+ {
1334
+ "$$typeof": Symbol(react.test.json),
1335
+ "children": [
1336
+ {
1337
+ "$$typeof": Symbol(react.test.json),
1338
+ "children": [
1339
+ {
1340
+ "$$typeof": Symbol(react.test.json),
1341
+ "children": [
1342
+ {
1343
+ "$$typeof": Symbol(react.test.json),
1344
+ "children": [
1345
+ {
1346
+ "$$typeof": Symbol(react.test.json),
1347
+ "children": [
1348
+ {
1349
+ "$$typeof": Symbol(react.test.json),
1350
+ "children": [
1351
+ "Content",
1352
+ ],
1353
+ "props": {
1354
+ "numberOfLines": 0,
1355
+ "selectable": undefined,
1356
+ "style": {
1357
+ "color": "#1C1C1C",
1358
+ "fontFamily": "text-regular",
1359
+ "fontSize": 14,
1360
+ "textAlign": "left",
1361
+ },
1362
+ "testID": undefined,
1363
+ },
1364
+ "type": "Text",
1365
+ },
1366
+ ],
1367
+ "props": {},
1368
+ "type": "View",
1369
+ },
1370
+ ],
1371
+ "props": {
1372
+ "onPointerEnter": [Function: AsyncFunction],
1373
+ "onPointerLeave": [Function: AsyncFunction],
1374
+ "style": {
1375
+ "alignSelf": "center",
1376
+ "avoidKeyboard": true,
1377
+ "backgroundColor": undefined,
1378
+ "display": "flex",
1379
+ "flex": undefined,
1380
+ "flexDirection": "column",
1381
+ "flexGrow": 1,
1382
+ "flexShrink": 1,
1383
+ "height": "100%",
1384
+ "keyboardOffset": undefined,
1385
+ "maxWidth": 800,
1386
+ "padding": 8,
1387
+ "scroll": true,
1388
+ "width": "100%",
1389
+ },
1390
+ "testID": undefined,
1391
+ },
1392
+ "type": "View",
1393
+ },
1394
+ ],
1395
+ "props": {
1396
+ "contentContainerStyle": {
1397
+ "alignContent": undefined,
1398
+ "alignItems": undefined,
1399
+ "justifyContent": undefined,
1400
+ },
1401
+ "horizontal": false,
1402
+ "keyboardShouldPersistTaps": "handled",
1403
+ "nestedScrollEnabled": true,
1404
+ "onScroll": [Function],
1405
+ "ref": {
1406
+ "current": null,
1407
+ },
1408
+ "scrollEventThrottle": 50,
1409
+ "style": {
1410
+ "alignSelf": "center",
1411
+ "avoidKeyboard": true,
1412
+ "backgroundColor": undefined,
1413
+ "display": "flex",
1414
+ "flex": undefined,
1415
+ "flexDirection": "column",
1416
+ "flexGrow": 1,
1417
+ "flexShrink": 1,
1418
+ "height": "100%",
1419
+ "keyboardOffset": undefined,
1420
+ "maxWidth": 800,
1421
+ "padding": 8,
1422
+ "scroll": true,
1423
+ "width": "100%",
1424
+ },
1425
+ },
1426
+ "type": "ScrollView",
1427
+ },
1428
+ ],
1429
+ "props": {
1430
+ "style": {
1431
+ "display": "flex",
1432
+ "flex": 1,
1433
+ },
1434
+ },
1435
+ "type": "SafeAreaView",
1436
+ },
1437
+ ],
1438
+ "props": {
1439
+ "behavior": "padding",
1440
+ "keyboardVerticalOffset": undefined,
1441
+ "style": {
1442
+ "display": "flex",
1443
+ "flex": 1,
1444
+ },
1445
+ },
1446
+ "type": "KeyboardAvoidingView",
1447
+ }
1448
+ `;
1449
+
1450
+ exports[`Page renders with scroll disabled 1`] = `
1451
+ {
1452
+ "$$typeof": Symbol(react.test.json),
1453
+ "children": [
1454
+ {
1455
+ "$$typeof": Symbol(react.test.json),
1456
+ "children": [
1457
+ {
1458
+ "$$typeof": Symbol(react.test.json),
1459
+ "children": [
1460
+ {
1461
+ "$$typeof": Symbol(react.test.json),
1462
+ "children": [
1463
+ {
1464
+ "$$typeof": Symbol(react.test.json),
1465
+ "children": [
1466
+ "Content",
1467
+ ],
1468
+ "props": {
1469
+ "numberOfLines": 0,
1470
+ "selectable": undefined,
1471
+ "style": {
1472
+ "color": "#1C1C1C",
1473
+ "fontFamily": "text-regular",
1474
+ "fontSize": 14,
1475
+ "textAlign": "left",
1476
+ },
1477
+ "testID": undefined,
1478
+ },
1479
+ "type": "Text",
1480
+ },
1481
+ ],
1482
+ "props": {},
1483
+ "type": "View",
1484
+ },
1485
+ ],
1486
+ "props": {
1487
+ "onPointerEnter": [Function: AsyncFunction],
1488
+ "onPointerLeave": [Function: AsyncFunction],
1489
+ "style": {
1490
+ "alignSelf": "center",
1491
+ "avoidKeyboard": true,
1492
+ "backgroundColor": "#FFFFFF",
1493
+ "display": "flex",
1494
+ "flex": undefined,
1495
+ "flexDirection": "column",
1496
+ "flexGrow": 1,
1497
+ "flexShrink": 1,
1498
+ "height": "100%",
1499
+ "keyboardOffset": undefined,
1500
+ "maxWidth": 800,
1501
+ "padding": 8,
1502
+ "scroll": false,
1503
+ "width": "100%",
1504
+ },
1505
+ "testID": undefined,
1506
+ },
1507
+ "type": "View",
1508
+ },
1509
+ ],
1510
+ "props": {
1511
+ "style": {
1512
+ "display": "flex",
1513
+ "flex": 1,
1514
+ },
1515
+ },
1516
+ "type": "SafeAreaView",
1517
+ },
1518
+ ],
1519
+ "props": {
1520
+ "behavior": "padding",
1521
+ "keyboardVerticalOffset": undefined,
1522
+ "style": {
1523
+ "display": "flex",
1524
+ "flex": 1,
1525
+ },
1526
+ },
1527
+ "type": "KeyboardAvoidingView",
1528
+ }
1529
+ `;
1530
+
1531
+ exports[`Page renders with custom maxWidth 1`] = `
1532
+ {
1533
+ "$$typeof": Symbol(react.test.json),
1534
+ "children": [
1535
+ {
1536
+ "$$typeof": Symbol(react.test.json),
1537
+ "children": [
1538
+ {
1539
+ "$$typeof": Symbol(react.test.json),
1540
+ "children": [
1541
+ {
1542
+ "$$typeof": Symbol(react.test.json),
1543
+ "children": [
1544
+ {
1545
+ "$$typeof": Symbol(react.test.json),
1546
+ "children": [
1547
+ {
1548
+ "$$typeof": Symbol(react.test.json),
1549
+ "children": [
1550
+ "Content",
1551
+ ],
1552
+ "props": {
1553
+ "numberOfLines": 0,
1554
+ "selectable": undefined,
1555
+ "style": {
1556
+ "color": "#1C1C1C",
1557
+ "fontFamily": "text-regular",
1558
+ "fontSize": 14,
1559
+ "textAlign": "left",
1560
+ },
1561
+ "testID": undefined,
1562
+ },
1563
+ "type": "Text",
1564
+ },
1565
+ ],
1566
+ "props": {},
1567
+ "type": "View",
1568
+ },
1569
+ ],
1570
+ "props": {
1571
+ "onPointerEnter": [Function: AsyncFunction],
1572
+ "onPointerLeave": [Function: AsyncFunction],
1573
+ "style": {
1574
+ "alignSelf": "center",
1575
+ "avoidKeyboard": true,
1576
+ "backgroundColor": "#FFFFFF",
1577
+ "display": "flex",
1578
+ "flex": undefined,
1579
+ "flexDirection": "column",
1580
+ "flexGrow": 1,
1581
+ "flexShrink": 1,
1582
+ "height": "100%",
1583
+ "keyboardOffset": undefined,
1584
+ "maxWidth": 600,
1585
+ "padding": 8,
1586
+ "scroll": true,
1587
+ "width": "100%",
1588
+ },
1589
+ "testID": undefined,
1590
+ },
1591
+ "type": "View",
1592
+ },
1593
+ ],
1594
+ "props": {
1595
+ "contentContainerStyle": {
1596
+ "alignContent": undefined,
1597
+ "alignItems": undefined,
1598
+ "justifyContent": undefined,
1599
+ },
1600
+ "horizontal": false,
1601
+ "keyboardShouldPersistTaps": "handled",
1602
+ "nestedScrollEnabled": true,
1603
+ "onScroll": [Function],
1604
+ "ref": {
1605
+ "current": null,
1606
+ },
1607
+ "scrollEventThrottle": 50,
1608
+ "style": {
1609
+ "alignSelf": "center",
1610
+ "avoidKeyboard": true,
1611
+ "backgroundColor": "#FFFFFF",
1612
+ "display": "flex",
1613
+ "flex": undefined,
1614
+ "flexDirection": "column",
1615
+ "flexGrow": 1,
1616
+ "flexShrink": 1,
1617
+ "height": "100%",
1618
+ "keyboardOffset": undefined,
1619
+ "maxWidth": 600,
1620
+ "padding": 8,
1621
+ "scroll": true,
1622
+ "width": "100%",
1623
+ },
1624
+ },
1625
+ "type": "ScrollView",
1626
+ },
1627
+ ],
1628
+ "props": {
1629
+ "style": {
1630
+ "display": "flex",
1631
+ "flex": 1,
1632
+ },
1633
+ },
1634
+ "type": "SafeAreaView",
1635
+ },
1636
+ ],
1637
+ "props": {
1638
+ "behavior": "padding",
1639
+ "keyboardVerticalOffset": undefined,
1640
+ "style": {
1641
+ "display": "flex",
1642
+ "flex": 1,
1643
+ },
1644
+ },
1645
+ "type": "KeyboardAvoidingView",
1646
+ }
1647
+ `;