@terreno/ui 0.10.0 → 0.11.1

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 (74) hide show
  1. package/dist/Banner.js +7 -5
  2. package/dist/Banner.js.map +1 -1
  3. package/dist/Common.d.ts +3 -1
  4. package/dist/Common.js.map +1 -1
  5. package/dist/TextFieldNumberActionSheet.d.ts +1 -1
  6. package/dist/Toast.d.ts +1 -1
  7. package/dist/Toast.js +2 -2
  8. package/dist/Toast.js.map +1 -1
  9. package/dist/index.d.ts +2 -2
  10. package/package.json +2 -1
  11. package/src/ActionSheet.test.tsx +262 -3
  12. package/src/AddressField.test.tsx +50 -0
  13. package/src/Banner.test.tsx +65 -0
  14. package/src/Banner.tsx +7 -5
  15. package/src/Box.test.tsx +218 -0
  16. package/src/Button.test.tsx +71 -0
  17. package/src/Common.ts +3 -1
  18. package/src/ConsentFormScreen.test.tsx +167 -0
  19. package/src/ConsentNavigator.test.tsx +206 -0
  20. package/src/DecimalRangeActionSheet.test.tsx +53 -2
  21. package/src/EmailField.test.tsx +81 -0
  22. package/src/EmojiSelector.test.tsx +262 -1
  23. package/src/HeightActionSheet.test.tsx +57 -2
  24. package/src/InfoModalIcon.test.tsx +16 -0
  25. package/src/InfoTooltipButton.test.tsx +53 -1
  26. package/src/MobileAddressAutoComplete.test.tsx +137 -7
  27. package/src/Modal.test.tsx +188 -0
  28. package/src/NumberPickerActionSheet.test.tsx +59 -2
  29. package/src/Page.test.tsx +162 -1
  30. package/src/Pagination.test.tsx +16 -0
  31. package/src/PhoneNumberField.test.tsx +46 -9
  32. package/src/PickerSelect.test.tsx +230 -0
  33. package/src/SegmentedControl.test.tsx +38 -0
  34. package/src/SelectBadge.test.tsx +52 -1
  35. package/src/SideDrawer.test.tsx +69 -0
  36. package/src/Signature.test.tsx +42 -5
  37. package/src/SignatureField.test.tsx +35 -0
  38. package/src/Slider.test.tsx +59 -0
  39. package/src/Spinner.test.tsx +6 -0
  40. package/src/SplitPage.test.tsx +228 -2
  41. package/src/TapToEdit.test.tsx +171 -1
  42. package/src/TerrenoProvider.test.tsx +42 -2
  43. package/src/TextFieldNumberActionSheet.tsx +1 -1
  44. package/src/Theme.test.tsx +118 -28
  45. package/src/Toast.test.tsx +95 -2
  46. package/src/Toast.tsx +3 -3
  47. package/src/Tooltip.test.tsx +204 -1
  48. package/src/UnifiedAddressAutoComplete.test.tsx +38 -19
  49. package/src/UserInactivity.test.tsx +73 -1
  50. package/src/Utilities.test.tsx +190 -2
  51. package/src/WebAddressAutocomplete.test.tsx +148 -1
  52. package/src/__snapshots__/ActionSheet.test.tsx.snap +1736 -0
  53. package/src/__snapshots__/Button.test.tsx.snap +68 -0
  54. package/src/__snapshots__/EmojiSelector.test.tsx.snap +1363 -0
  55. package/src/__snapshots__/InfoTooltipButton.test.tsx.snap +72 -3
  56. package/src/__snapshots__/MobileAddressAutoComplete.test.tsx.snap +60 -9
  57. package/src/__snapshots__/Modal.test.tsx.snap +181 -0
  58. package/src/__snapshots__/Page.test.tsx.snap +48 -2
  59. package/src/__snapshots__/PhoneNumberField.test.tsx.snap +0 -93
  60. package/src/__snapshots__/PickerSelect.test.tsx.snap +706 -0
  61. package/src/__snapshots__/SideDrawer.test.tsx.snap +533 -1399
  62. package/src/__snapshots__/Signature.test.tsx.snap +0 -3
  63. package/src/__snapshots__/SplitPage.test.tsx.snap +970 -0
  64. package/src/__snapshots__/UnifiedAddressAutoComplete.test.tsx.snap +220 -4
  65. package/src/__snapshots__/WebAddressAutocomplete.test.tsx.snap +93 -0
  66. package/src/bunSetup.ts +204 -121
  67. package/src/index.tsx +2 -2
  68. package/src/table/TableHeaderCell.test.tsx +142 -0
  69. package/src/table/TableRow.test.tsx +33 -0
  70. package/src/table/__snapshots__/TableRow.test.tsx.snap +403 -0
  71. package/src/table/tableContext.test.tsx +96 -0
  72. package/src/test-utils.tsx +1 -1
  73. package/src/useConsentForms.test.ts +130 -0
  74. package/src/useSubmitConsent.test.ts +64 -0
package/src/__snapshots__/SideDrawer.test.tsx.snap CHANGED
@@ -13,75 +13,48 @@ exports[`SideDrawer renders correctly when closed 1`] = `
13
13
  {
14
14
  "$$typeof": Symbol(react.test.json),
15
15
  "children": [
16
- {
17
- "$$typeof": Symbol(react.test.json),
18
- "children": [
19
- "Drawer content",
20
- ],
21
- "props": {
22
- "numberOfLines": 0,
23
- "selectable": undefined,
24
- "style": {
25
- "color": "#1C1C1C",
26
- "fontFamily": "text-regular",
27
- "fontSize": 14,
28
- "textAlign": "left",
29
- },
30
- "testID": undefined,
31
- },
32
- "type": "Text",
33
- },
16
+ "Drawer content",
34
17
  ],
35
- "props": {},
36
- "type": "View",
18
+ "props": {
19
+ "numberOfLines": 0,
20
+ "selectable": undefined,
21
+ "style": {
22
+ "color": "#1C1C1C",
23
+ "fontFamily": "text-regular",
24
+ "fontSize": 14,
25
+ "textAlign": "left",
26
+ },
27
+ "testID": undefined,
28
+ },
29
+ "type": "Text",
37
30
  },
38
31
  ],
39
32
  "props": {},
40
- "type": "SafeAreaView",
33
+ "type": "View",
41
34
  },
42
35
  ],
43
- "props": {
44
- "ref": {
45
- "current": null,
46
- },
47
- "style": [
48
- {
49
- "backgroundColor": "white",
50
- "bottom": 0,
51
- "maxWidth": "100%",
52
- "top": 0,
53
- },
54
- {
55
- "position": "absolute",
56
- "zIndex": 1,
57
- },
58
- {
59
- "width": "95%",
60
- },
61
- {
62
- "left": "calc(95% * -1)",
63
- },
64
- {
65
- "transform": "translateX(0)",
66
- "transition": "transform 0.3s",
67
- },
68
- [
69
- {
70
- "borderColor": "gray",
71
- "borderWidth": 1,
72
- "height": "100%",
73
- "width": "95%",
74
- },
75
- {
76
- "backgroundColor": "#D9D9D9",
77
- },
78
- {},
79
- {},
36
+ "props": {},
37
+ "type": "SafeAreaView",
38
+ },
39
+ {
40
+ "$$typeof": Symbol(react.test.json),
41
+ "children": [
42
+ {
43
+ "$$typeof": Symbol(react.test.json),
44
+ "children": [
45
+ "open",
80
46
  ],
81
- ],
82
- "testID": undefined,
47
+ "props": {
48
+ "style": undefined,
49
+ },
50
+ "type": "Text",
51
+ },
52
+ ],
53
+ "props": {
54
+ "onPress": [Function],
55
+ "testID": "mock-drawer-open",
83
56
  },
84
- "type": "View",
57
+ "type": "Pressable",
85
58
  },
86
59
  {
87
60
  "$$typeof": Symbol(react.test.json),
@@ -89,118 +62,49 @@ exports[`SideDrawer renders correctly when closed 1`] = `
89
62
  {
90
63
  "$$typeof": Symbol(react.test.json),
91
64
  "children": [
92
- {
93
- "$$typeof": Symbol(react.test.json),
94
- "children": [
95
- {
96
- "$$typeof": Symbol(react.test.json),
97
- "children": [
98
- "Main content",
99
- ],
100
- "props": {
101
- "numberOfLines": 0,
102
- "selectable": undefined,
103
- "style": {
104
- "color": "#1C1C1C",
105
- "fontFamily": "text-regular",
106
- "fontSize": 14,
107
- "textAlign": "left",
108
- },
109
- "testID": undefined,
110
- },
111
- "type": "Text",
112
- },
113
- ],
114
- "props": {},
115
- "type": "View",
116
- },
65
+ "close",
117
66
  ],
118
67
  "props": {
119
- "aria-hidden": false,
120
- "style": {
121
- "flex": 1,
122
- },
123
- "testID": undefined,
68
+ "style": undefined,
124
69
  },
125
- "type": "View",
70
+ "type": "Text",
126
71
  },
72
+ ],
73
+ "props": {
74
+ "onPress": [Function],
75
+ "testID": "mock-drawer-close",
76
+ },
77
+ "type": "Pressable",
78
+ },
79
+ {
80
+ "$$typeof": Symbol(react.test.json),
81
+ "children": [
127
82
  {
128
83
  "$$typeof": Symbol(react.test.json),
129
84
  "children": [
130
- {
131
- "$$typeof": Symbol(react.test.json),
132
- "children": null,
133
- "props": {
134
- "aria-label": "Close drawer",
135
- "onPress": [Function],
136
- "role": "button",
137
- "style": [
138
- {
139
- "flex": 1,
140
- },
141
- {
142
- "pointerEvents": "none",
143
- },
144
- ],
145
- },
146
- "type": "Pressable",
147
- },
85
+ "Main content",
148
86
  ],
149
87
  "props": {
150
- "aria-hidden": true,
151
- "progress": FakeSharedValue {
152
- "_isReanimatedSharedValue": true,
153
- "_listeners": Map {},
154
- "_value": 0,
88
+ "numberOfLines": 0,
89
+ "selectable": undefined,
90
+ "style": {
91
+ "color": "#1C1C1C",
92
+ "fontFamily": "text-regular",
93
+ "fontSize": 14,
94
+ "textAlign": "left",
155
95
  },
156
- "style": [
157
- {
158
- "bottom": 0,
159
- "left": 0,
160
- "position": "absolute",
161
- "right": 0,
162
- "top": 0,
163
- },
164
- {
165
- "WebkitTapHighlightColor": "transparent",
166
- "backgroundColor": "rgba(0, 0, 0, 0.5)",
167
- "transition": "opacity 0.3s",
168
- },
169
- {
170
- "opacity": 0,
171
- "pointerEvents": "none",
172
- },
173
- undefined,
174
- ],
175
96
  "testID": undefined,
176
97
  },
177
- "type": "View",
98
+ "type": "Text",
178
99
  },
179
100
  ],
180
- "props": {
181
- "style": [
182
- {
183
- "flex": 1,
184
- },
185
- {
186
- "transform": "translateX(0)",
187
- "transition": "transform 0.3s",
188
- },
189
- ],
190
- "testID": undefined,
191
- },
101
+ "props": {},
192
102
  "type": "View",
193
103
  },
194
104
  ],
195
105
  "props": {
196
- "style": [
197
- {
198
- "flex": 1,
199
- "flexDirection": "row",
200
- },
201
- undefined,
202
- ],
203
- "testID": undefined,
106
+ "style": undefined,
107
+ "testID": "mock-drawer",
204
108
  },
205
109
  "type": "View",
206
110
  }
@@ -219,75 +123,48 @@ exports[`SideDrawer renders correctly when open 1`] = `
219
123
  {
220
124
  "$$typeof": Symbol(react.test.json),
221
125
  "children": [
222
- {
223
- "$$typeof": Symbol(react.test.json),
224
- "children": [
225
- "Drawer content",
226
- ],
227
- "props": {
228
- "numberOfLines": 0,
229
- "selectable": undefined,
230
- "style": {
231
- "color": "#1C1C1C",
232
- "fontFamily": "text-regular",
233
- "fontSize": 14,
234
- "textAlign": "left",
235
- },
236
- "testID": undefined,
237
- },
238
- "type": "Text",
239
- },
126
+ "Drawer content",
240
127
  ],
241
- "props": {},
242
- "type": "View",
128
+ "props": {
129
+ "numberOfLines": 0,
130
+ "selectable": undefined,
131
+ "style": {
132
+ "color": "#1C1C1C",
133
+ "fontFamily": "text-regular",
134
+ "fontSize": 14,
135
+ "textAlign": "left",
136
+ },
137
+ "testID": undefined,
138
+ },
139
+ "type": "Text",
243
140
  },
244
141
  ],
245
142
  "props": {},
246
- "type": "SafeAreaView",
143
+ "type": "View",
247
144
  },
248
145
  ],
249
- "props": {
250
- "ref": {
251
- "current": null,
252
- },
253
- "style": [
254
- {
255
- "backgroundColor": "white",
256
- "bottom": 0,
257
- "maxWidth": "100%",
258
- "top": 0,
259
- },
260
- {
261
- "position": "absolute",
262
- "zIndex": 1,
263
- },
264
- {
265
- "width": "95%",
266
- },
267
- {
268
- "left": "calc(95% * -1)",
269
- },
270
- {
271
- "transform": "translateX(100%)",
272
- "transition": "transform 0.3s",
273
- },
274
- [
275
- {
276
- "borderColor": "gray",
277
- "borderWidth": 1,
278
- "height": "100%",
279
- "width": "95%",
280
- },
281
- {
282
- "backgroundColor": "#D9D9D9",
283
- },
284
- {},
285
- {},
146
+ "props": {},
147
+ "type": "SafeAreaView",
148
+ },
149
+ {
150
+ "$$typeof": Symbol(react.test.json),
151
+ "children": [
152
+ {
153
+ "$$typeof": Symbol(react.test.json),
154
+ "children": [
155
+ "open",
286
156
  ],
287
- ],
288
- "testID": undefined,
157
+ "props": {
158
+ "style": undefined,
159
+ },
160
+ "type": "Text",
161
+ },
162
+ ],
163
+ "props": {
164
+ "onPress": [Function],
165
+ "testID": "mock-drawer-open",
289
166
  },
290
- "type": "View",
167
+ "type": "Pressable",
291
168
  },
292
169
  {
293
170
  "$$typeof": Symbol(react.test.json),
@@ -295,118 +172,49 @@ exports[`SideDrawer renders correctly when open 1`] = `
295
172
  {
296
173
  "$$typeof": Symbol(react.test.json),
297
174
  "children": [
298
- {
299
- "$$typeof": Symbol(react.test.json),
300
- "children": [
301
- {
302
- "$$typeof": Symbol(react.test.json),
303
- "children": [
304
- "Main content",
305
- ],
306
- "props": {
307
- "numberOfLines": 0,
308
- "selectable": undefined,
309
- "style": {
310
- "color": "#1C1C1C",
311
- "fontFamily": "text-regular",
312
- "fontSize": 14,
313
- "textAlign": "left",
314
- },
315
- "testID": undefined,
316
- },
317
- "type": "Text",
318
- },
319
- ],
320
- "props": {},
321
- "type": "View",
322
- },
175
+ "close",
323
176
  ],
324
177
  "props": {
325
- "aria-hidden": true,
326
- "style": {
327
- "flex": 1,
328
- },
329
- "testID": undefined,
178
+ "style": undefined,
330
179
  },
331
- "type": "View",
180
+ "type": "Text",
332
181
  },
182
+ ],
183
+ "props": {
184
+ "onPress": [Function],
185
+ "testID": "mock-drawer-close",
186
+ },
187
+ "type": "Pressable",
188
+ },
189
+ {
190
+ "$$typeof": Symbol(react.test.json),
191
+ "children": [
333
192
  {
334
193
  "$$typeof": Symbol(react.test.json),
335
194
  "children": [
336
- {
337
- "$$typeof": Symbol(react.test.json),
338
- "children": null,
339
- "props": {
340
- "aria-label": "Close drawer",
341
- "onPress": [Function],
342
- "role": "button",
343
- "style": [
344
- {
345
- "flex": 1,
346
- },
347
- {
348
- "pointerEvents": "auto",
349
- },
350
- ],
351
- },
352
- "type": "Pressable",
353
- },
195
+ "Main content",
354
196
  ],
355
197
  "props": {
356
- "aria-hidden": false,
357
- "progress": FakeSharedValue {
358
- "_isReanimatedSharedValue": true,
359
- "_listeners": Map {},
360
- "_value": 1,
198
+ "numberOfLines": 0,
199
+ "selectable": undefined,
200
+ "style": {
201
+ "color": "#1C1C1C",
202
+ "fontFamily": "text-regular",
203
+ "fontSize": 14,
204
+ "textAlign": "left",
361
205
  },
362
- "style": [
363
- {
364
- "bottom": 0,
365
- "left": 0,
366
- "position": "absolute",
367
- "right": 0,
368
- "top": 0,
369
- },
370
- {
371
- "WebkitTapHighlightColor": "transparent",
372
- "backgroundColor": "rgba(0, 0, 0, 0.5)",
373
- "transition": "opacity 0.3s",
374
- },
375
- {
376
- "opacity": 1,
377
- "pointerEvents": "auto",
378
- },
379
- undefined,
380
- ],
381
206
  "testID": undefined,
382
207
  },
383
- "type": "View",
208
+ "type": "Text",
384
209
  },
385
210
  ],
386
- "props": {
387
- "style": [
388
- {
389
- "flex": 1,
390
- },
391
- {
392
- "transform": "translateX(0)",
393
- "transition": "transform 0.3s",
394
- },
395
- ],
396
- "testID": undefined,
397
- },
211
+ "props": {},
398
212
  "type": "View",
399
213
  },
400
214
  ],
401
215
  "props": {
402
- "style": [
403
- {
404
- "flex": 1,
405
- "flexDirection": "row",
406
- },
407
- undefined,
408
- ],
409
- "testID": undefined,
216
+ "style": undefined,
217
+ "testID": "mock-drawer",
410
218
  },
411
219
  "type": "View",
412
220
  }
@@ -425,75 +233,48 @@ exports[`SideDrawer renders with left position (default) 1`] = `
425
233
  {
426
234
  "$$typeof": Symbol(react.test.json),
427
235
  "children": [
428
- {
429
- "$$typeof": Symbol(react.test.json),
430
- "children": [
431
- "Left drawer",
432
- ],
433
- "props": {
434
- "numberOfLines": 0,
435
- "selectable": undefined,
436
- "style": {
437
- "color": "#1C1C1C",
438
- "fontFamily": "text-regular",
439
- "fontSize": 14,
440
- "textAlign": "left",
441
- },
442
- "testID": undefined,
443
- },
444
- "type": "Text",
445
- },
236
+ "Left drawer",
446
237
  ],
447
- "props": {},
448
- "type": "View",
238
+ "props": {
239
+ "numberOfLines": 0,
240
+ "selectable": undefined,
241
+ "style": {
242
+ "color": "#1C1C1C",
243
+ "fontFamily": "text-regular",
244
+ "fontSize": 14,
245
+ "textAlign": "left",
246
+ },
247
+ "testID": undefined,
248
+ },
249
+ "type": "Text",
449
250
  },
450
251
  ],
451
252
  "props": {},
452
- "type": "SafeAreaView",
253
+ "type": "View",
453
254
  },
454
255
  ],
455
- "props": {
456
- "ref": {
457
- "current": null,
458
- },
459
- "style": [
460
- {
461
- "backgroundColor": "white",
462
- "bottom": 0,
463
- "maxWidth": "100%",
464
- "top": 0,
465
- },
466
- {
467
- "position": "absolute",
468
- "zIndex": 1,
469
- },
470
- {
471
- "width": "95%",
472
- },
473
- {
474
- "left": "calc(95% * -1)",
475
- },
476
- {
477
- "transform": "translateX(100%)",
478
- "transition": "transform 0.3s",
479
- },
480
- [
481
- {
482
- "borderColor": "gray",
483
- "borderWidth": 1,
484
- "height": "100%",
485
- "width": "95%",
486
- },
487
- {
488
- "backgroundColor": "#D9D9D9",
489
- },
490
- {},
491
- {},
256
+ "props": {},
257
+ "type": "SafeAreaView",
258
+ },
259
+ {
260
+ "$$typeof": Symbol(react.test.json),
261
+ "children": [
262
+ {
263
+ "$$typeof": Symbol(react.test.json),
264
+ "children": [
265
+ "open",
492
266
  ],
493
- ],
494
- "testID": undefined,
267
+ "props": {
268
+ "style": undefined,
269
+ },
270
+ "type": "Text",
271
+ },
272
+ ],
273
+ "props": {
274
+ "onPress": [Function],
275
+ "testID": "mock-drawer-open",
495
276
  },
496
- "type": "View",
277
+ "type": "Pressable",
497
278
  },
498
279
  {
499
280
  "$$typeof": Symbol(react.test.json),
@@ -501,118 +282,49 @@ exports[`SideDrawer renders with left position (default) 1`] = `
501
282
  {
502
283
  "$$typeof": Symbol(react.test.json),
503
284
  "children": [
504
- {
505
- "$$typeof": Symbol(react.test.json),
506
- "children": [
507
- {
508
- "$$typeof": Symbol(react.test.json),
509
- "children": [
510
- "Content",
511
- ],
512
- "props": {
513
- "numberOfLines": 0,
514
- "selectable": undefined,
515
- "style": {
516
- "color": "#1C1C1C",
517
- "fontFamily": "text-regular",
518
- "fontSize": 14,
519
- "textAlign": "left",
520
- },
521
- "testID": undefined,
522
- },
523
- "type": "Text",
524
- },
525
- ],
526
- "props": {},
527
- "type": "View",
528
- },
285
+ "close",
529
286
  ],
530
287
  "props": {
531
- "aria-hidden": true,
532
- "style": {
533
- "flex": 1,
534
- },
535
- "testID": undefined,
288
+ "style": undefined,
536
289
  },
537
- "type": "View",
290
+ "type": "Text",
538
291
  },
292
+ ],
293
+ "props": {
294
+ "onPress": [Function],
295
+ "testID": "mock-drawer-close",
296
+ },
297
+ "type": "Pressable",
298
+ },
299
+ {
300
+ "$$typeof": Symbol(react.test.json),
301
+ "children": [
539
302
  {
540
303
  "$$typeof": Symbol(react.test.json),
541
304
  "children": [
542
- {
543
- "$$typeof": Symbol(react.test.json),
544
- "children": null,
545
- "props": {
546
- "aria-label": "Close drawer",
547
- "onPress": [Function],
548
- "role": "button",
549
- "style": [
550
- {
551
- "flex": 1,
552
- },
553
- {
554
- "pointerEvents": "auto",
555
- },
556
- ],
557
- },
558
- "type": "Pressable",
559
- },
305
+ "Content",
560
306
  ],
561
307
  "props": {
562
- "aria-hidden": false,
563
- "progress": FakeSharedValue {
564
- "_isReanimatedSharedValue": true,
565
- "_listeners": Map {},
566
- "_value": 1,
308
+ "numberOfLines": 0,
309
+ "selectable": undefined,
310
+ "style": {
311
+ "color": "#1C1C1C",
312
+ "fontFamily": "text-regular",
313
+ "fontSize": 14,
314
+ "textAlign": "left",
567
315
  },
568
- "style": [
569
- {
570
- "bottom": 0,
571
- "left": 0,
572
- "position": "absolute",
573
- "right": 0,
574
- "top": 0,
575
- },
576
- {
577
- "WebkitTapHighlightColor": "transparent",
578
- "backgroundColor": "rgba(0, 0, 0, 0.5)",
579
- "transition": "opacity 0.3s",
580
- },
581
- {
582
- "opacity": 1,
583
- "pointerEvents": "auto",
584
- },
585
- undefined,
586
- ],
587
316
  "testID": undefined,
588
317
  },
589
- "type": "View",
318
+ "type": "Text",
590
319
  },
591
320
  ],
592
- "props": {
593
- "style": [
594
- {
595
- "flex": 1,
596
- },
597
- {
598
- "transform": "translateX(0)",
599
- "transition": "transform 0.3s",
600
- },
601
- ],
602
- "testID": undefined,
603
- },
321
+ "props": {},
604
322
  "type": "View",
605
323
  },
606
324
  ],
607
325
  "props": {
608
- "style": [
609
- {
610
- "flex": 1,
611
- "flexDirection": "row",
612
- },
613
- undefined,
614
- ],
615
- "testID": undefined,
326
+ "style": undefined,
327
+ "testID": "mock-drawer",
616
328
  },
617
329
  "type": "View",
618
330
  }
@@ -631,104 +343,48 @@ exports[`SideDrawer renders with right position 1`] = `
631
343
  {
632
344
  "$$typeof": Symbol(react.test.json),
633
345
  "children": [
634
- {
635
- "$$typeof": Symbol(react.test.json),
636
- "children": [
637
- "Content",
638
- ],
639
- "props": {
640
- "numberOfLines": 0,
641
- "selectable": undefined,
642
- "style": {
643
- "color": "#1C1C1C",
644
- "fontFamily": "text-regular",
645
- "fontSize": 14,
646
- "textAlign": "left",
647
- },
648
- "testID": undefined,
649
- },
650
- "type": "Text",
651
- },
346
+ "Right drawer",
652
347
  ],
653
- "props": {},
654
- "type": "View",
348
+ "props": {
349
+ "numberOfLines": 0,
350
+ "selectable": undefined,
351
+ "style": {
352
+ "color": "#1C1C1C",
353
+ "fontFamily": "text-regular",
354
+ "fontSize": 14,
355
+ "textAlign": "left",
356
+ },
357
+ "testID": undefined,
358
+ },
359
+ "type": "Text",
655
360
  },
656
361
  ],
657
- "props": {
658
- "aria-hidden": true,
659
- "style": {
660
- "flex": 1,
661
- },
662
- "testID": undefined,
663
- },
362
+ "props": {},
664
363
  "type": "View",
665
364
  },
365
+ ],
366
+ "props": {},
367
+ "type": "SafeAreaView",
368
+ },
369
+ {
370
+ "$$typeof": Symbol(react.test.json),
371
+ "children": [
666
372
  {
667
373
  "$$typeof": Symbol(react.test.json),
668
374
  "children": [
669
- {
670
- "$$typeof": Symbol(react.test.json),
671
- "children": null,
672
- "props": {
673
- "aria-label": "Close drawer",
674
- "onPress": [Function],
675
- "role": "button",
676
- "style": [
677
- {
678
- "flex": 1,
679
- },
680
- {
681
- "pointerEvents": "auto",
682
- },
683
- ],
684
- },
685
- "type": "Pressable",
686
- },
375
+ "open",
687
376
  ],
688
377
  "props": {
689
- "aria-hidden": false,
690
- "progress": FakeSharedValue {
691
- "_isReanimatedSharedValue": true,
692
- "_listeners": Map {},
693
- "_value": 1,
694
- },
695
- "style": [
696
- {
697
- "bottom": 0,
698
- "left": 0,
699
- "position": "absolute",
700
- "right": 0,
701
- "top": 0,
702
- },
703
- {
704
- "WebkitTapHighlightColor": "transparent",
705
- "backgroundColor": "rgba(0, 0, 0, 0.5)",
706
- "transition": "opacity 0.3s",
707
- },
708
- {
709
- "opacity": 1,
710
- "pointerEvents": "auto",
711
- },
712
- undefined,
713
- ],
714
- "testID": undefined,
378
+ "style": undefined,
715
379
  },
716
- "type": "View",
380
+ "type": "Text",
717
381
  },
718
382
  ],
719
383
  "props": {
720
- "style": [
721
- {
722
- "flex": 1,
723
- },
724
- {
725
- "transform": "translateX(0)",
726
- "transition": "transform 0.3s",
727
- },
728
- ],
729
- "testID": undefined,
384
+ "onPress": [Function],
385
+ "testID": "mock-drawer-open",
730
386
  },
731
- "type": "View",
387
+ "type": "Pressable",
732
388
  },
733
389
  {
734
390
  "$$typeof": Symbol(react.test.json),
@@ -736,89 +392,49 @@ exports[`SideDrawer renders with right position 1`] = `
736
392
  {
737
393
  "$$typeof": Symbol(react.test.json),
738
394
  "children": [
739
- {
740
- "$$typeof": Symbol(react.test.json),
741
- "children": [
742
- {
743
- "$$typeof": Symbol(react.test.json),
744
- "children": [
745
- "Right drawer",
746
- ],
747
- "props": {
748
- "numberOfLines": 0,
749
- "selectable": undefined,
750
- "style": {
751
- "color": "#1C1C1C",
752
- "fontFamily": "text-regular",
753
- "fontSize": 14,
754
- "textAlign": "left",
755
- },
756
- "testID": undefined,
757
- },
758
- "type": "Text",
759
- },
760
- ],
761
- "props": {},
762
- "type": "View",
763
- },
395
+ "close",
764
396
  ],
765
- "props": {},
766
- "type": "SafeAreaView",
397
+ "props": {
398
+ "style": undefined,
399
+ },
400
+ "type": "Text",
767
401
  },
768
402
  ],
769
403
  "props": {
770
- "ref": {
771
- "current": null,
772
- },
773
- "style": [
774
- {
775
- "backgroundColor": "white",
776
- "bottom": 0,
777
- "maxWidth": "100%",
778
- "top": 0,
779
- },
780
- {
781
- "position": "absolute",
782
- "zIndex": 1,
783
- },
784
- {
785
- "width": "95%",
786
- },
787
- {
788
- "right": "calc(95% * -1)",
789
- },
790
- {
791
- "transform": "translateX(-100%)",
792
- "transition": "transform 0.3s",
793
- },
794
- [
795
- {
796
- "borderColor": "gray",
797
- "borderWidth": 1,
798
- "height": "100%",
799
- "width": "95%",
800
- },
801
- {
802
- "backgroundColor": "#D9D9D9",
803
- },
804
- {},
805
- {},
806
- ],
807
- ],
808
- "testID": undefined,
404
+ "onPress": [Function],
405
+ "testID": "mock-drawer-close",
809
406
  },
407
+ "type": "Pressable",
408
+ },
409
+ {
410
+ "$$typeof": Symbol(react.test.json),
411
+ "children": [
412
+ {
413
+ "$$typeof": Symbol(react.test.json),
414
+ "children": [
415
+ "Content",
416
+ ],
417
+ "props": {
418
+ "numberOfLines": 0,
419
+ "selectable": undefined,
420
+ "style": {
421
+ "color": "#1C1C1C",
422
+ "fontFamily": "text-regular",
423
+ "fontSize": 14,
424
+ "textAlign": "left",
425
+ },
426
+ "testID": undefined,
427
+ },
428
+ "type": "Text",
429
+ },
430
+ ],
431
+ "props": {},
810
432
  "type": "View",
811
433
  },
812
434
  ],
813
435
  "props": {
814
- "style": [
815
- {
816
- "flex": 1,
817
- "flexDirection": "row",
818
- },
819
- undefined,
820
- ],
821
- "testID": undefined,
436
+ "style": undefined,
437
+ "testID": "mock-drawer",
822
438
  },
823
439
  "type": "View",
824
440
  }
@@ -837,75 +453,48 @@ exports[`SideDrawer renders with front drawer type (default) 1`] = `
837
453
  {
838
454
  "$$typeof": Symbol(react.test.json),
839
455
  "children": [
840
- {
841
- "$$typeof": Symbol(react.test.json),
842
- "children": [
843
- "Front drawer",
844
- ],
845
- "props": {
846
- "numberOfLines": 0,
847
- "selectable": undefined,
848
- "style": {
849
- "color": "#1C1C1C",
850
- "fontFamily": "text-regular",
851
- "fontSize": 14,
852
- "textAlign": "left",
853
- },
854
- "testID": undefined,
855
- },
856
- "type": "Text",
857
- },
456
+ "Front drawer",
858
457
  ],
859
- "props": {},
860
- "type": "View",
458
+ "props": {
459
+ "numberOfLines": 0,
460
+ "selectable": undefined,
461
+ "style": {
462
+ "color": "#1C1C1C",
463
+ "fontFamily": "text-regular",
464
+ "fontSize": 14,
465
+ "textAlign": "left",
466
+ },
467
+ "testID": undefined,
468
+ },
469
+ "type": "Text",
861
470
  },
862
471
  ],
863
472
  "props": {},
864
- "type": "SafeAreaView",
473
+ "type": "View",
865
474
  },
866
475
  ],
867
- "props": {
868
- "ref": {
869
- "current": null,
870
- },
871
- "style": [
872
- {
873
- "backgroundColor": "white",
874
- "bottom": 0,
875
- "maxWidth": "100%",
876
- "top": 0,
877
- },
878
- {
879
- "position": "absolute",
880
- "zIndex": 1,
881
- },
882
- {
883
- "width": "95%",
884
- },
885
- {
886
- "left": "calc(95% * -1)",
887
- },
888
- {
889
- "transform": "translateX(100%)",
890
- "transition": "transform 0.3s",
891
- },
892
- [
893
- {
894
- "borderColor": "gray",
895
- "borderWidth": 1,
896
- "height": "100%",
897
- "width": "95%",
898
- },
899
- {
900
- "backgroundColor": "#D9D9D9",
901
- },
902
- {},
903
- {},
476
+ "props": {},
477
+ "type": "SafeAreaView",
478
+ },
479
+ {
480
+ "$$typeof": Symbol(react.test.json),
481
+ "children": [
482
+ {
483
+ "$$typeof": Symbol(react.test.json),
484
+ "children": [
485
+ "open",
904
486
  ],
905
- ],
906
- "testID": undefined,
487
+ "props": {
488
+ "style": undefined,
489
+ },
490
+ "type": "Text",
491
+ },
492
+ ],
493
+ "props": {
494
+ "onPress": [Function],
495
+ "testID": "mock-drawer-open",
907
496
  },
908
- "type": "View",
497
+ "type": "Pressable",
909
498
  },
910
499
  {
911
500
  "$$typeof": Symbol(react.test.json),
@@ -913,118 +502,49 @@ exports[`SideDrawer renders with front drawer type (default) 1`] = `
913
502
  {
914
503
  "$$typeof": Symbol(react.test.json),
915
504
  "children": [
916
- {
917
- "$$typeof": Symbol(react.test.json),
918
- "children": [
919
- {
920
- "$$typeof": Symbol(react.test.json),
921
- "children": [
922
- "Content",
923
- ],
924
- "props": {
925
- "numberOfLines": 0,
926
- "selectable": undefined,
927
- "style": {
928
- "color": "#1C1C1C",
929
- "fontFamily": "text-regular",
930
- "fontSize": 14,
931
- "textAlign": "left",
932
- },
933
- "testID": undefined,
934
- },
935
- "type": "Text",
936
- },
937
- ],
938
- "props": {},
939
- "type": "View",
940
- },
505
+ "close",
941
506
  ],
942
507
  "props": {
943
- "aria-hidden": true,
944
- "style": {
945
- "flex": 1,
946
- },
947
- "testID": undefined,
508
+ "style": undefined,
948
509
  },
949
- "type": "View",
510
+ "type": "Text",
950
511
  },
512
+ ],
513
+ "props": {
514
+ "onPress": [Function],
515
+ "testID": "mock-drawer-close",
516
+ },
517
+ "type": "Pressable",
518
+ },
519
+ {
520
+ "$$typeof": Symbol(react.test.json),
521
+ "children": [
951
522
  {
952
523
  "$$typeof": Symbol(react.test.json),
953
524
  "children": [
954
- {
955
- "$$typeof": Symbol(react.test.json),
956
- "children": null,
957
- "props": {
958
- "aria-label": "Close drawer",
959
- "onPress": [Function],
960
- "role": "button",
961
- "style": [
962
- {
963
- "flex": 1,
964
- },
965
- {
966
- "pointerEvents": "auto",
967
- },
968
- ],
969
- },
970
- "type": "Pressable",
971
- },
525
+ "Content",
972
526
  ],
973
527
  "props": {
974
- "aria-hidden": false,
975
- "progress": FakeSharedValue {
976
- "_isReanimatedSharedValue": true,
977
- "_listeners": Map {},
978
- "_value": 1,
528
+ "numberOfLines": 0,
529
+ "selectable": undefined,
530
+ "style": {
531
+ "color": "#1C1C1C",
532
+ "fontFamily": "text-regular",
533
+ "fontSize": 14,
534
+ "textAlign": "left",
979
535
  },
980
- "style": [
981
- {
982
- "bottom": 0,
983
- "left": 0,
984
- "position": "absolute",
985
- "right": 0,
986
- "top": 0,
987
- },
988
- {
989
- "WebkitTapHighlightColor": "transparent",
990
- "backgroundColor": "rgba(0, 0, 0, 0.5)",
991
- "transition": "opacity 0.3s",
992
- },
993
- {
994
- "opacity": 1,
995
- "pointerEvents": "auto",
996
- },
997
- undefined,
998
- ],
999
536
  "testID": undefined,
1000
537
  },
1001
- "type": "View",
538
+ "type": "Text",
1002
539
  },
1003
540
  ],
1004
- "props": {
1005
- "style": [
1006
- {
1007
- "flex": 1,
1008
- },
1009
- {
1010
- "transform": "translateX(0)",
1011
- "transition": "transform 0.3s",
1012
- },
1013
- ],
1014
- "testID": undefined,
1015
- },
541
+ "props": {},
1016
542
  "type": "View",
1017
543
  },
1018
544
  ],
1019
545
  "props": {
1020
- "style": [
1021
- {
1022
- "flex": 1,
1023
- "flexDirection": "row",
1024
- },
1025
- undefined,
1026
- ],
1027
- "testID": undefined,
546
+ "style": undefined,
547
+ "testID": "mock-drawer",
1028
548
  },
1029
549
  "type": "View",
1030
550
  }
@@ -1043,75 +563,48 @@ exports[`SideDrawer renders with back drawer type 1`] = `
1043
563
  {
1044
564
  "$$typeof": Symbol(react.test.json),
1045
565
  "children": [
1046
- {
1047
- "$$typeof": Symbol(react.test.json),
1048
- "children": [
1049
- "Back drawer",
1050
- ],
1051
- "props": {
1052
- "numberOfLines": 0,
1053
- "selectable": undefined,
1054
- "style": {
1055
- "color": "#1C1C1C",
1056
- "fontFamily": "text-regular",
1057
- "fontSize": 14,
1058
- "textAlign": "left",
1059
- },
1060
- "testID": undefined,
1061
- },
1062
- "type": "Text",
1063
- },
566
+ "Back drawer",
1064
567
  ],
1065
- "props": {},
1066
- "type": "View",
568
+ "props": {
569
+ "numberOfLines": 0,
570
+ "selectable": undefined,
571
+ "style": {
572
+ "color": "#1C1C1C",
573
+ "fontFamily": "text-regular",
574
+ "fontSize": 14,
575
+ "textAlign": "left",
576
+ },
577
+ "testID": undefined,
578
+ },
579
+ "type": "Text",
1067
580
  },
1068
581
  ],
1069
582
  "props": {},
1070
- "type": "SafeAreaView",
583
+ "type": "View",
1071
584
  },
1072
585
  ],
1073
- "props": {
1074
- "ref": {
1075
- "current": null,
1076
- },
1077
- "style": [
1078
- {
1079
- "backgroundColor": "white",
1080
- "bottom": 0,
1081
- "maxWidth": "100%",
1082
- "top": 0,
1083
- },
1084
- {
1085
- "position": "absolute",
1086
- "zIndex": -1,
1087
- },
1088
- {
1089
- "width": "95%",
1090
- },
1091
- {
1092
- "left": "calc(95% * -1)",
1093
- },
1094
- {
1095
- "transform": "translateX(100%)",
1096
- "transition": "transform 0.3s",
1097
- },
1098
- [
1099
- {
1100
- "borderColor": "gray",
1101
- "borderWidth": 1,
1102
- "height": "100%",
1103
- "width": "95%",
1104
- },
1105
- {
1106
- "backgroundColor": "#D9D9D9",
1107
- },
1108
- {},
1109
- {},
586
+ "props": {},
587
+ "type": "SafeAreaView",
588
+ },
589
+ {
590
+ "$$typeof": Symbol(react.test.json),
591
+ "children": [
592
+ {
593
+ "$$typeof": Symbol(react.test.json),
594
+ "children": [
595
+ "open",
1110
596
  ],
1111
- ],
1112
- "testID": undefined,
597
+ "props": {
598
+ "style": undefined,
599
+ },
600
+ "type": "Text",
601
+ },
602
+ ],
603
+ "props": {
604
+ "onPress": [Function],
605
+ "testID": "mock-drawer-open",
1113
606
  },
1114
- "type": "View",
607
+ "type": "Pressable",
1115
608
  },
1116
609
  {
1117
610
  "$$typeof": Symbol(react.test.json),
@@ -1119,118 +612,49 @@ exports[`SideDrawer renders with back drawer type 1`] = `
1119
612
  {
1120
613
  "$$typeof": Symbol(react.test.json),
1121
614
  "children": [
1122
- {
1123
- "$$typeof": Symbol(react.test.json),
1124
- "children": [
1125
- {
1126
- "$$typeof": Symbol(react.test.json),
1127
- "children": [
1128
- "Content",
1129
- ],
1130
- "props": {
1131
- "numberOfLines": 0,
1132
- "selectable": undefined,
1133
- "style": {
1134
- "color": "#1C1C1C",
1135
- "fontFamily": "text-regular",
1136
- "fontSize": 14,
1137
- "textAlign": "left",
1138
- },
1139
- "testID": undefined,
1140
- },
1141
- "type": "Text",
1142
- },
1143
- ],
1144
- "props": {},
1145
- "type": "View",
1146
- },
615
+ "close",
1147
616
  ],
1148
617
  "props": {
1149
- "aria-hidden": true,
1150
- "style": {
1151
- "flex": 1,
1152
- },
1153
- "testID": undefined,
618
+ "style": undefined,
1154
619
  },
1155
- "type": "View",
620
+ "type": "Text",
1156
621
  },
622
+ ],
623
+ "props": {
624
+ "onPress": [Function],
625
+ "testID": "mock-drawer-close",
626
+ },
627
+ "type": "Pressable",
628
+ },
629
+ {
630
+ "$$typeof": Symbol(react.test.json),
631
+ "children": [
1157
632
  {
1158
633
  "$$typeof": Symbol(react.test.json),
1159
634
  "children": [
1160
- {
1161
- "$$typeof": Symbol(react.test.json),
1162
- "children": null,
1163
- "props": {
1164
- "aria-label": "Close drawer",
1165
- "onPress": [Function],
1166
- "role": "button",
1167
- "style": [
1168
- {
1169
- "flex": 1,
1170
- },
1171
- {
1172
- "pointerEvents": "auto",
1173
- },
1174
- ],
1175
- },
1176
- "type": "Pressable",
1177
- },
635
+ "Content",
1178
636
  ],
1179
637
  "props": {
1180
- "aria-hidden": false,
1181
- "progress": FakeSharedValue {
1182
- "_isReanimatedSharedValue": true,
1183
- "_listeners": Map {},
1184
- "_value": 1,
638
+ "numberOfLines": 0,
639
+ "selectable": undefined,
640
+ "style": {
641
+ "color": "#1C1C1C",
642
+ "fontFamily": "text-regular",
643
+ "fontSize": 14,
644
+ "textAlign": "left",
1185
645
  },
1186
- "style": [
1187
- {
1188
- "bottom": 0,
1189
- "left": 0,
1190
- "position": "absolute",
1191
- "right": 0,
1192
- "top": 0,
1193
- },
1194
- {
1195
- "WebkitTapHighlightColor": "transparent",
1196
- "backgroundColor": "rgba(0, 0, 0, 0.5)",
1197
- "transition": "opacity 0.3s",
1198
- },
1199
- {
1200
- "opacity": 1,
1201
- "pointerEvents": "auto",
1202
- },
1203
- undefined,
1204
- ],
1205
646
  "testID": undefined,
1206
647
  },
1207
- "type": "View",
648
+ "type": "Text",
1208
649
  },
1209
650
  ],
1210
- "props": {
1211
- "style": [
1212
- {
1213
- "flex": 1,
1214
- },
1215
- {
1216
- "transform": "translateX(calc(95% * 1))",
1217
- "transition": "transform 0.3s",
1218
- },
1219
- ],
1220
- "testID": undefined,
1221
- },
651
+ "props": {},
1222
652
  "type": "View",
1223
653
  },
1224
654
  ],
1225
655
  "props": {
1226
- "style": [
1227
- {
1228
- "flex": 1,
1229
- "flexDirection": "row",
1230
- },
1231
- undefined,
1232
- ],
1233
- "testID": undefined,
656
+ "style": undefined,
657
+ "testID": "mock-drawer",
1234
658
  },
1235
659
  "type": "View",
1236
660
  }
@@ -1249,75 +673,48 @@ exports[`SideDrawer renders with slide drawer type 1`] = `
1249
673
  {
1250
674
  "$$typeof": Symbol(react.test.json),
1251
675
  "children": [
1252
- {
1253
- "$$typeof": Symbol(react.test.json),
1254
- "children": [
1255
- "Slide drawer",
1256
- ],
1257
- "props": {
1258
- "numberOfLines": 0,
1259
- "selectable": undefined,
1260
- "style": {
1261
- "color": "#1C1C1C",
1262
- "fontFamily": "text-regular",
1263
- "fontSize": 14,
1264
- "textAlign": "left",
1265
- },
1266
- "testID": undefined,
1267
- },
1268
- "type": "Text",
1269
- },
676
+ "Slide drawer",
1270
677
  ],
1271
- "props": {},
1272
- "type": "View",
678
+ "props": {
679
+ "numberOfLines": 0,
680
+ "selectable": undefined,
681
+ "style": {
682
+ "color": "#1C1C1C",
683
+ "fontFamily": "text-regular",
684
+ "fontSize": 14,
685
+ "textAlign": "left",
686
+ },
687
+ "testID": undefined,
688
+ },
689
+ "type": "Text",
1273
690
  },
1274
691
  ],
1275
692
  "props": {},
1276
- "type": "SafeAreaView",
693
+ "type": "View",
1277
694
  },
1278
695
  ],
1279
- "props": {
1280
- "ref": {
1281
- "current": null,
1282
- },
1283
- "style": [
1284
- {
1285
- "backgroundColor": "white",
1286
- "bottom": 0,
1287
- "maxWidth": "100%",
1288
- "top": 0,
1289
- },
1290
- {
1291
- "position": "absolute",
1292
- "zIndex": 1,
1293
- },
1294
- {
1295
- "width": "95%",
1296
- },
1297
- {
1298
- "left": "calc(95% * -1)",
1299
- },
1300
- {
1301
- "transform": "translateX(100%)",
1302
- "transition": "transform 0.3s",
1303
- },
1304
- [
1305
- {
1306
- "borderColor": "gray",
1307
- "borderWidth": 1,
1308
- "height": "100%",
1309
- "width": "95%",
1310
- },
1311
- {
1312
- "backgroundColor": "#D9D9D9",
1313
- },
1314
- {},
1315
- {},
696
+ "props": {},
697
+ "type": "SafeAreaView",
698
+ },
699
+ {
700
+ "$$typeof": Symbol(react.test.json),
701
+ "children": [
702
+ {
703
+ "$$typeof": Symbol(react.test.json),
704
+ "children": [
705
+ "open",
1316
706
  ],
1317
- ],
1318
- "testID": undefined,
707
+ "props": {
708
+ "style": undefined,
709
+ },
710
+ "type": "Text",
711
+ },
712
+ ],
713
+ "props": {
714
+ "onPress": [Function],
715
+ "testID": "mock-drawer-open",
1319
716
  },
1320
- "type": "View",
717
+ "type": "Pressable",
1321
718
  },
1322
719
  {
1323
720
  "$$typeof": Symbol(react.test.json),
@@ -1325,118 +722,49 @@ exports[`SideDrawer renders with slide drawer type 1`] = `
1325
722
  {
1326
723
  "$$typeof": Symbol(react.test.json),
1327
724
  "children": [
1328
- {
1329
- "$$typeof": Symbol(react.test.json),
1330
- "children": [
1331
- {
1332
- "$$typeof": Symbol(react.test.json),
1333
- "children": [
1334
- "Content",
1335
- ],
1336
- "props": {
1337
- "numberOfLines": 0,
1338
- "selectable": undefined,
1339
- "style": {
1340
- "color": "#1C1C1C",
1341
- "fontFamily": "text-regular",
1342
- "fontSize": 14,
1343
- "textAlign": "left",
1344
- },
1345
- "testID": undefined,
1346
- },
1347
- "type": "Text",
1348
- },
1349
- ],
1350
- "props": {},
1351
- "type": "View",
1352
- },
725
+ "close",
1353
726
  ],
1354
727
  "props": {
1355
- "aria-hidden": true,
1356
- "style": {
1357
- "flex": 1,
1358
- },
1359
- "testID": undefined,
728
+ "style": undefined,
1360
729
  },
1361
- "type": "View",
730
+ "type": "Text",
1362
731
  },
732
+ ],
733
+ "props": {
734
+ "onPress": [Function],
735
+ "testID": "mock-drawer-close",
736
+ },
737
+ "type": "Pressable",
738
+ },
739
+ {
740
+ "$$typeof": Symbol(react.test.json),
741
+ "children": [
1363
742
  {
1364
743
  "$$typeof": Symbol(react.test.json),
1365
744
  "children": [
1366
- {
1367
- "$$typeof": Symbol(react.test.json),
1368
- "children": null,
1369
- "props": {
1370
- "aria-label": "Close drawer",
1371
- "onPress": [Function],
1372
- "role": "button",
1373
- "style": [
1374
- {
1375
- "flex": 1,
1376
- },
1377
- {
1378
- "pointerEvents": "auto",
1379
- },
1380
- ],
1381
- },
1382
- "type": "Pressable",
1383
- },
745
+ "Content",
1384
746
  ],
1385
747
  "props": {
1386
- "aria-hidden": false,
1387
- "progress": FakeSharedValue {
1388
- "_isReanimatedSharedValue": true,
1389
- "_listeners": Map {},
1390
- "_value": 1,
748
+ "numberOfLines": 0,
749
+ "selectable": undefined,
750
+ "style": {
751
+ "color": "#1C1C1C",
752
+ "fontFamily": "text-regular",
753
+ "fontSize": 14,
754
+ "textAlign": "left",
1391
755
  },
1392
- "style": [
1393
- {
1394
- "bottom": 0,
1395
- "left": 0,
1396
- "position": "absolute",
1397
- "right": 0,
1398
- "top": 0,
1399
- },
1400
- {
1401
- "WebkitTapHighlightColor": "transparent",
1402
- "backgroundColor": "rgba(0, 0, 0, 0.5)",
1403
- "transition": "opacity 0.3s",
1404
- },
1405
- {
1406
- "opacity": 1,
1407
- "pointerEvents": "auto",
1408
- },
1409
- undefined,
1410
- ],
1411
756
  "testID": undefined,
1412
757
  },
1413
- "type": "View",
758
+ "type": "Text",
1414
759
  },
1415
760
  ],
1416
- "props": {
1417
- "style": [
1418
- {
1419
- "flex": 1,
1420
- },
1421
- {
1422
- "transform": "translateX(calc(95% * 1))",
1423
- "transition": "transform 0.3s",
1424
- },
1425
- ],
1426
- "testID": undefined,
1427
- },
761
+ "props": {},
1428
762
  "type": "View",
1429
763
  },
1430
764
  ],
1431
765
  "props": {
1432
- "style": [
1433
- {
1434
- "flex": 1,
1435
- "flexDirection": "row",
1436
- },
1437
- undefined,
1438
- ],
1439
- "testID": undefined,
766
+ "style": undefined,
767
+ "testID": "mock-drawer",
1440
768
  },
1441
769
  "type": "View",
1442
770
  }
@@ -1455,77 +783,48 @@ exports[`SideDrawer renders with custom drawer styles 1`] = `
1455
783
  {
1456
784
  "$$typeof": Symbol(react.test.json),
1457
785
  "children": [
1458
- {
1459
- "$$typeof": Symbol(react.test.json),
1460
- "children": [
1461
- "Styled drawer",
1462
- ],
1463
- "props": {
1464
- "numberOfLines": 0,
1465
- "selectable": undefined,
1466
- "style": {
1467
- "color": "#1C1C1C",
1468
- "fontFamily": "text-regular",
1469
- "fontSize": 14,
1470
- "textAlign": "left",
1471
- },
1472
- "testID": undefined,
1473
- },
1474
- "type": "Text",
1475
- },
786
+ "Styled drawer",
1476
787
  ],
1477
- "props": {},
1478
- "type": "View",
788
+ "props": {
789
+ "numberOfLines": 0,
790
+ "selectable": undefined,
791
+ "style": {
792
+ "color": "#1C1C1C",
793
+ "fontFamily": "text-regular",
794
+ "fontSize": 14,
795
+ "textAlign": "left",
796
+ },
797
+ "testID": undefined,
798
+ },
799
+ "type": "Text",
1479
800
  },
1480
801
  ],
1481
802
  "props": {},
1482
- "type": "SafeAreaView",
803
+ "type": "View",
1483
804
  },
1484
805
  ],
1485
- "props": {
1486
- "ref": {
1487
- "current": null,
1488
- },
1489
- "style": [
1490
- {
1491
- "backgroundColor": "white",
1492
- "bottom": 0,
1493
- "maxWidth": "100%",
1494
- "top": 0,
1495
- },
1496
- {
1497
- "position": "absolute",
1498
- "zIndex": 1,
1499
- },
1500
- {
1501
- "width": "50%",
1502
- },
1503
- {
1504
- "left": "calc(50% * -1)",
1505
- },
1506
- {
1507
- "transform": "translateX(100%)",
1508
- "transition": "transform 0.3s",
1509
- },
1510
- [
1511
- {
1512
- "borderColor": "gray",
1513
- "borderWidth": 1,
1514
- "height": "100%",
1515
- "width": "95%",
1516
- },
1517
- {
1518
- "backgroundColor": "#D9D9D9",
1519
- },
1520
- {
1521
- "width": "50%",
1522
- },
1523
- {},
806
+ "props": {},
807
+ "type": "SafeAreaView",
808
+ },
809
+ {
810
+ "$$typeof": Symbol(react.test.json),
811
+ "children": [
812
+ {
813
+ "$$typeof": Symbol(react.test.json),
814
+ "children": [
815
+ "open",
1524
816
  ],
1525
- ],
1526
- "testID": undefined,
817
+ "props": {
818
+ "style": undefined,
819
+ },
820
+ "type": "Text",
821
+ },
822
+ ],
823
+ "props": {
824
+ "onPress": [Function],
825
+ "testID": "mock-drawer-open",
1527
826
  },
1528
- "type": "View",
827
+ "type": "Pressable",
1529
828
  },
1530
829
  {
1531
830
  "$$typeof": Symbol(react.test.json),
@@ -1533,118 +832,49 @@ exports[`SideDrawer renders with custom drawer styles 1`] = `
1533
832
  {
1534
833
  "$$typeof": Symbol(react.test.json),
1535
834
  "children": [
1536
- {
1537
- "$$typeof": Symbol(react.test.json),
1538
- "children": [
1539
- {
1540
- "$$typeof": Symbol(react.test.json),
1541
- "children": [
1542
- "Content",
1543
- ],
1544
- "props": {
1545
- "numberOfLines": 0,
1546
- "selectable": undefined,
1547
- "style": {
1548
- "color": "#1C1C1C",
1549
- "fontFamily": "text-regular",
1550
- "fontSize": 14,
1551
- "textAlign": "left",
1552
- },
1553
- "testID": undefined,
1554
- },
1555
- "type": "Text",
1556
- },
1557
- ],
1558
- "props": {},
1559
- "type": "View",
1560
- },
835
+ "close",
1561
836
  ],
1562
837
  "props": {
1563
- "aria-hidden": true,
1564
- "style": {
1565
- "flex": 1,
1566
- },
1567
- "testID": undefined,
838
+ "style": undefined,
1568
839
  },
1569
- "type": "View",
840
+ "type": "Text",
1570
841
  },
842
+ ],
843
+ "props": {
844
+ "onPress": [Function],
845
+ "testID": "mock-drawer-close",
846
+ },
847
+ "type": "Pressable",
848
+ },
849
+ {
850
+ "$$typeof": Symbol(react.test.json),
851
+ "children": [
1571
852
  {
1572
853
  "$$typeof": Symbol(react.test.json),
1573
854
  "children": [
1574
- {
1575
- "$$typeof": Symbol(react.test.json),
1576
- "children": null,
1577
- "props": {
1578
- "aria-label": "Close drawer",
1579
- "onPress": [Function],
1580
- "role": "button",
1581
- "style": [
1582
- {
1583
- "flex": 1,
1584
- },
1585
- {
1586
- "pointerEvents": "auto",
1587
- },
1588
- ],
1589
- },
1590
- "type": "Pressable",
1591
- },
855
+ "Content",
1592
856
  ],
1593
857
  "props": {
1594
- "aria-hidden": false,
1595
- "progress": FakeSharedValue {
1596
- "_isReanimatedSharedValue": true,
1597
- "_listeners": Map {},
1598
- "_value": 1,
858
+ "numberOfLines": 0,
859
+ "selectable": undefined,
860
+ "style": {
861
+ "color": "#1C1C1C",
862
+ "fontFamily": "text-regular",
863
+ "fontSize": 14,
864
+ "textAlign": "left",
1599
865
  },
1600
- "style": [
1601
- {
1602
- "bottom": 0,
1603
- "left": 0,
1604
- "position": "absolute",
1605
- "right": 0,
1606
- "top": 0,
1607
- },
1608
- {
1609
- "WebkitTapHighlightColor": "transparent",
1610
- "backgroundColor": "rgba(0, 0, 0, 0.5)",
1611
- "transition": "opacity 0.3s",
1612
- },
1613
- {
1614
- "opacity": 1,
1615
- "pointerEvents": "auto",
1616
- },
1617
- undefined,
1618
- ],
1619
866
  "testID": undefined,
1620
867
  },
1621
- "type": "View",
868
+ "type": "Text",
1622
869
  },
1623
870
  ],
1624
- "props": {
1625
- "style": [
1626
- {
1627
- "flex": 1,
1628
- },
1629
- {
1630
- "transform": "translateX(0)",
1631
- "transition": "transform 0.3s",
1632
- },
1633
- ],
1634
- "testID": undefined,
1635
- },
871
+ "props": {},
1636
872
  "type": "View",
1637
873
  },
1638
874
  ],
1639
875
  "props": {
1640
- "style": [
1641
- {
1642
- "flex": 1,
1643
- "flexDirection": "row",
1644
- },
1645
- undefined,
1646
- ],
1647
- "testID": undefined,
876
+ "style": undefined,
877
+ "testID": "mock-drawer",
1648
878
  },
1649
879
  "type": "View",
1650
880
  }
@@ -1663,75 +893,48 @@ exports[`SideDrawer accepts onOpen and onClose callbacks 1`] = `
1663
893
  {
1664
894
  "$$typeof": Symbol(react.test.json),
1665
895
  "children": [
1666
- {
1667
- "$$typeof": Symbol(react.test.json),
1668
- "children": [
1669
- "Drawer",
1670
- ],
1671
- "props": {
1672
- "numberOfLines": 0,
1673
- "selectable": undefined,
1674
- "style": {
1675
- "color": "#1C1C1C",
1676
- "fontFamily": "text-regular",
1677
- "fontSize": 14,
1678
- "textAlign": "left",
1679
- },
1680
- "testID": undefined,
1681
- },
1682
- "type": "Text",
1683
- },
896
+ "Drawer",
1684
897
  ],
1685
- "props": {},
1686
- "type": "View",
898
+ "props": {
899
+ "numberOfLines": 0,
900
+ "selectable": undefined,
901
+ "style": {
902
+ "color": "#1C1C1C",
903
+ "fontFamily": "text-regular",
904
+ "fontSize": 14,
905
+ "textAlign": "left",
906
+ },
907
+ "testID": undefined,
908
+ },
909
+ "type": "Text",
1687
910
  },
1688
911
  ],
1689
912
  "props": {},
1690
- "type": "SafeAreaView",
913
+ "type": "View",
1691
914
  },
1692
915
  ],
1693
- "props": {
1694
- "ref": {
1695
- "current": null,
1696
- },
1697
- "style": [
1698
- {
1699
- "backgroundColor": "white",
1700
- "bottom": 0,
1701
- "maxWidth": "100%",
1702
- "top": 0,
1703
- },
1704
- {
1705
- "position": "absolute",
1706
- "zIndex": 1,
1707
- },
1708
- {
1709
- "width": "95%",
1710
- },
1711
- {
1712
- "left": "calc(95% * -1)",
1713
- },
1714
- {
1715
- "transform": "translateX(0)",
1716
- "transition": "transform 0.3s",
1717
- },
1718
- [
1719
- {
1720
- "borderColor": "gray",
1721
- "borderWidth": 1,
1722
- "height": "100%",
1723
- "width": "95%",
1724
- },
1725
- {
1726
- "backgroundColor": "#D9D9D9",
1727
- },
1728
- {},
1729
- {},
916
+ "props": {},
917
+ "type": "SafeAreaView",
918
+ },
919
+ {
920
+ "$$typeof": Symbol(react.test.json),
921
+ "children": [
922
+ {
923
+ "$$typeof": Symbol(react.test.json),
924
+ "children": [
925
+ "open",
1730
926
  ],
1731
- ],
1732
- "testID": undefined,
927
+ "props": {
928
+ "style": undefined,
929
+ },
930
+ "type": "Text",
931
+ },
932
+ ],
933
+ "props": {
934
+ "onPress": [class Function],
935
+ "testID": "mock-drawer-open",
1733
936
  },
1734
- "type": "View",
937
+ "type": "Pressable",
1735
938
  },
1736
939
  {
1737
940
  "$$typeof": Symbol(react.test.json),
@@ -1739,118 +942,49 @@ exports[`SideDrawer accepts onOpen and onClose callbacks 1`] = `
1739
942
  {
1740
943
  "$$typeof": Symbol(react.test.json),
1741
944
  "children": [
1742
- {
1743
- "$$typeof": Symbol(react.test.json),
1744
- "children": [
1745
- {
1746
- "$$typeof": Symbol(react.test.json),
1747
- "children": [
1748
- "Content",
1749
- ],
1750
- "props": {
1751
- "numberOfLines": 0,
1752
- "selectable": undefined,
1753
- "style": {
1754
- "color": "#1C1C1C",
1755
- "fontFamily": "text-regular",
1756
- "fontSize": 14,
1757
- "textAlign": "left",
1758
- },
1759
- "testID": undefined,
1760
- },
1761
- "type": "Text",
1762
- },
1763
- ],
1764
- "props": {},
1765
- "type": "View",
1766
- },
945
+ "close",
1767
946
  ],
1768
947
  "props": {
1769
- "aria-hidden": false,
1770
- "style": {
1771
- "flex": 1,
1772
- },
1773
- "testID": undefined,
948
+ "style": undefined,
1774
949
  },
1775
- "type": "View",
950
+ "type": "Text",
1776
951
  },
952
+ ],
953
+ "props": {
954
+ "onPress": [class Function],
955
+ "testID": "mock-drawer-close",
956
+ },
957
+ "type": "Pressable",
958
+ },
959
+ {
960
+ "$$typeof": Symbol(react.test.json),
961
+ "children": [
1777
962
  {
1778
963
  "$$typeof": Symbol(react.test.json),
1779
964
  "children": [
1780
- {
1781
- "$$typeof": Symbol(react.test.json),
1782
- "children": null,
1783
- "props": {
1784
- "aria-label": "Close drawer",
1785
- "onPress": [Function],
1786
- "role": "button",
1787
- "style": [
1788
- {
1789
- "flex": 1,
1790
- },
1791
- {
1792
- "pointerEvents": "none",
1793
- },
1794
- ],
1795
- },
1796
- "type": "Pressable",
1797
- },
965
+ "Content",
1798
966
  ],
1799
967
  "props": {
1800
- "aria-hidden": true,
1801
- "progress": FakeSharedValue {
1802
- "_isReanimatedSharedValue": true,
1803
- "_listeners": Map {},
1804
- "_value": 0,
968
+ "numberOfLines": 0,
969
+ "selectable": undefined,
970
+ "style": {
971
+ "color": "#1C1C1C",
972
+ "fontFamily": "text-regular",
973
+ "fontSize": 14,
974
+ "textAlign": "left",
1805
975
  },
1806
- "style": [
1807
- {
1808
- "bottom": 0,
1809
- "left": 0,
1810
- "position": "absolute",
1811
- "right": 0,
1812
- "top": 0,
1813
- },
1814
- {
1815
- "WebkitTapHighlightColor": "transparent",
1816
- "backgroundColor": "rgba(0, 0, 0, 0.5)",
1817
- "transition": "opacity 0.3s",
1818
- },
1819
- {
1820
- "opacity": 0,
1821
- "pointerEvents": "none",
1822
- },
1823
- undefined,
1824
- ],
1825
976
  "testID": undefined,
1826
977
  },
1827
- "type": "View",
978
+ "type": "Text",
1828
979
  },
1829
980
  ],
1830
- "props": {
1831
- "style": [
1832
- {
1833
- "flex": 1,
1834
- },
1835
- {
1836
- "transform": "translateX(0)",
1837
- "transition": "transform 0.3s",
1838
- },
1839
- ],
1840
- "testID": undefined,
1841
- },
981
+ "props": {},
1842
982
  "type": "View",
1843
983
  },
1844
984
  ],
1845
985
  "props": {
1846
- "style": [
1847
- {
1848
- "flex": 1,
1849
- "flexDirection": "row",
1850
- },
1851
- undefined,
1852
- ],
1853
- "testID": undefined,
986
+ "style": undefined,
987
+ "testID": "mock-drawer",
1854
988
  },
1855
989
  "type": "View",
1856
990
  }