stream-chat-react-native-core 9.10.1-beta.1 → 9.10.1-beta.2

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.
@@ -35,104 +35,136 @@ exports[`AttachButton should call handleAttachButtonPress when the button is cli
35
35
  ]
36
36
  }
37
37
  >
38
- <View
39
- handlerTags={
40
- [
41
- 37,
42
- 36,
43
- 35,
44
- ]
45
- }
46
- onGestureHandlerEvent={[Function]}
47
- onGestureHandlerReanimatedEvent={[Function]}
48
- onGestureHandlerStateChange={[Function]}
49
- onGestureHandlerTouchEvent={[Function]}
50
- onStartShouldSetResponder={[Function]}
51
- pointerEvents="box-none"
52
- style={
38
+ <RNGestureHandlerButton
39
+ accessibilityRole="button"
40
+ accessibilityState={
53
41
  {
54
- "display": "contents",
42
+ "disabled": false,
43
+ "selected": false,
55
44
  }
56
45
  }
57
- >
58
- <RNGestureHandlerButton
59
- accessibilityRole="button"
60
- accessibilityState={
61
- {
62
- "disabled": false,
63
- "selected": false,
64
- }
46
+ accessible={true}
47
+ activeUnderlayOpacity={0.105}
48
+ cancelOnLeave={true}
49
+ defaultOpacity={1}
50
+ defaultUnderlayOpacity={0}
51
+ enabled={true}
52
+ gestureHitSlop={
53
+ {
54
+ "bottom": 0,
55
+ "left": 0,
56
+ "right": 0,
57
+ "top": 0,
65
58
  }
66
- accessible={true}
67
- enabled={true}
68
- hitSlop={
69
- {
70
- "bottom": 0,
71
- "left": 0,
72
- "right": 0,
73
- "top": 0,
74
- }
59
+ }
60
+ gestureTestID="attach-button"
61
+ handlerTag={15}
62
+ hasLongPressHandler={false}
63
+ hitSlop={
64
+ {
65
+ "bottom": 0,
66
+ "left": 0,
67
+ "right": 0,
68
+ "top": 0,
75
69
  }
76
- onLayout={[Function]}
77
- rippleColor="transparent"
70
+ }
71
+ hoverAnimationInDuration={50}
72
+ hoverAnimationOutDuration={100}
73
+ longPressAnimationOutDuration={100}
74
+ longPressDuration={500}
75
+ onButtonInteractionFinished={[Function]}
76
+ onButtonLongPress={[Function]}
77
+ onButtonPress={[Function]}
78
+ onButtonPressIn={[Function]}
79
+ onButtonPressOut={[Function]}
80
+ onLayout={[Function]}
81
+ onStartShouldSetResponderCapture={[Function]}
82
+ rippleColor="transparent"
83
+ style={
84
+ [
85
+ {},
86
+ [
87
+ {
88
+ "backgroundColor": "transparent",
89
+ "paddingHorizontal": 0,
90
+ },
91
+ {
92
+ "alignItems": "center",
93
+ "borderRadius": 9999,
94
+ "flex": 1,
95
+ "flexDirection": "row",
96
+ "gap": 8,
97
+ "justifyContent": "center",
98
+ },
99
+ ],
100
+ ]
101
+ }
102
+ tapAnimationInDuration={50}
103
+ tapAnimationOutDuration={100}
104
+ testID="attach-button"
105
+ testOnly_onPress={[Function]}
106
+ underlayColor="transparent"
107
+ >
108
+ <RNSVGSvgView
109
+ align="xMidYMid"
110
+ bbHeight={20}
111
+ bbWidth={20}
112
+ fill="none"
113
+ focusable={false}
114
+ height={20}
115
+ meetOrSlice={0}
116
+ minX={0}
117
+ minY={0}
118
+ stroke="#1a1b25"
119
+ strokeWidth={1.5}
78
120
  style={
79
121
  [
80
- {},
81
- [
82
- {
83
- "backgroundColor": "transparent",
84
- "paddingHorizontal": 0,
85
- },
86
- {
87
- "alignItems": "center",
88
- "borderRadius": 9999,
89
- "flex": 1,
90
- "flexDirection": "row",
91
- "gap": 8,
92
- "justifyContent": "center",
93
- },
94
- ],
122
+ {
123
+ "backgroundColor": "transparent",
124
+ "borderWidth": 0,
125
+ },
126
+ {
127
+ "flex": 0,
128
+ "height": 20,
129
+ "width": 20,
130
+ },
95
131
  ]
96
132
  }
97
- testID="attach-button"
98
- testOnly_onPress={[Function]}
133
+ vbHeight={20}
134
+ vbWidth={20}
135
+ width={20}
99
136
  >
100
- <RNSVGSvgView
101
- align="xMidYMid"
102
- bbHeight={20}
103
- bbWidth={20}
104
- fill="none"
105
- focusable={false}
106
- height={20}
107
- meetOrSlice={0}
108
- minX={0}
109
- minY={0}
110
- stroke="#1a1b25"
111
- strokeWidth={1.5}
112
- style={
137
+ <RNSVGGroup
138
+ fill={null}
139
+ propList={
113
140
  [
114
- {
115
- "backgroundColor": "transparent",
116
- "borderWidth": 0,
117
- },
118
- {
119
- "flex": 0,
120
- "height": 20,
121
- "width": 20,
122
- },
141
+ "fill",
142
+ "stroke",
143
+ "strokeWidth",
123
144
  ]
124
145
  }
125
- vbHeight={20}
126
- vbWidth={20}
127
- width={20}
146
+ stroke={
147
+ {
148
+ "payload": 4279900965,
149
+ "type": 0,
150
+ }
151
+ }
152
+ strokeWidth={1.5}
128
153
  >
129
- <RNSVGGroup
130
- fill={null}
154
+ <RNSVGPath
155
+ d="M3.125 10H16.875M10 3.125V16.875"
156
+ fill={
157
+ {
158
+ "payload": 4278190080,
159
+ "type": 0,
160
+ }
161
+ }
131
162
  propList={
132
163
  [
133
- "fill",
134
164
  "stroke",
135
165
  "strokeWidth",
166
+ "strokeLinecap",
167
+ "strokeLinejoin",
136
168
  ]
137
169
  }
138
170
  stroke={
@@ -141,38 +173,13 @@ exports[`AttachButton should call handleAttachButtonPress when the button is cli
141
173
  "type": 0,
142
174
  }
143
175
  }
176
+ strokeLinecap={1}
177
+ strokeLinejoin={1}
144
178
  strokeWidth={1.5}
145
- >
146
- <RNSVGPath
147
- d="M3.125 10H16.875M10 3.125V16.875"
148
- fill={
149
- {
150
- "payload": 4278190080,
151
- "type": 0,
152
- }
153
- }
154
- propList={
155
- [
156
- "stroke",
157
- "strokeWidth",
158
- "strokeLinecap",
159
- "strokeLinejoin",
160
- ]
161
- }
162
- stroke={
163
- {
164
- "payload": 4279900965,
165
- "type": 0,
166
- }
167
- }
168
- strokeLinecap={1}
169
- strokeLinejoin={1}
170
- strokeWidth={1.5}
171
- />
172
- </RNSVGGroup>
173
- </RNSVGSvgView>
174
- </RNGestureHandlerButton>
175
- </View>
179
+ />
180
+ </RNSVGGroup>
181
+ </RNSVGSvgView>
182
+ </RNGestureHandlerButton>
176
183
  </View>
177
184
  </View>
178
185
  <View>
@@ -210,136 +217,143 @@ exports[`AttachButton should call handleAttachButtonPress when the button is cli
210
217
  ]
211
218
  }
212
219
  >
213
- <View
214
- handlerTags={
215
- [
216
- 40,
217
- 39,
218
- 38,
219
- ]
220
- }
221
- onGestureHandlerEvent={[Function]}
222
- onGestureHandlerReanimatedEvent={[Function]}
223
- onGestureHandlerStateChange={[Function]}
224
- onGestureHandlerTouchEvent={[Function]}
225
- onStartShouldSetResponder={[Function]}
226
- pointerEvents="box-none"
227
- style={
220
+ <RNGestureHandlerButton
221
+ accessibilityRole="button"
222
+ accessibilityState={
228
223
  {
229
- "display": "contents",
224
+ "disabled": false,
225
+ "selected": false,
230
226
  }
231
227
  }
232
- >
233
- <RNGestureHandlerButton
234
- accessibilityRole="button"
235
- accessibilityState={
236
- {
237
- "disabled": false,
238
- "selected": false,
239
- }
228
+ accessible={true}
229
+ activeUnderlayOpacity={0.105}
230
+ cancelOnLeave={true}
231
+ defaultOpacity={1}
232
+ defaultUnderlayOpacity={0}
233
+ enabled={true}
234
+ gestureHitSlop={
235
+ {
236
+ "bottom": 15,
237
+ "left": 0,
238
+ "right": 0,
239
+ "top": 15,
240
240
  }
241
- accessible={true}
242
- enabled={true}
243
- hitSlop={
244
- {
245
- "bottom": 15,
246
- "left": 0,
247
- "right": 0,
248
- "top": 15,
249
- }
241
+ }
242
+ gestureTestID="upload-photo-touchable"
243
+ handlerTag={16}
244
+ hasLongPressHandler={false}
245
+ hitSlop={
246
+ {
247
+ "bottom": 15,
248
+ "left": 0,
249
+ "right": 0,
250
+ "top": 15,
250
251
  }
251
- onLayout={[Function]}
252
- rippleColor="transparent"
252
+ }
253
+ hoverAnimationInDuration={50}
254
+ hoverAnimationOutDuration={100}
255
+ longPressAnimationOutDuration={100}
256
+ longPressDuration={500}
257
+ onButtonInteractionFinished={[Function]}
258
+ onButtonLongPress={[Function]}
259
+ onButtonPress={[Function]}
260
+ onButtonPressIn={[Function]}
261
+ onButtonPressOut={[Function]}
262
+ onLayout={[Function]}
263
+ onStartShouldSetResponderCapture={[Function]}
264
+ rippleColor="transparent"
265
+ style={
266
+ [
267
+ {},
268
+ [
269
+ {
270
+ "backgroundColor": "transparent",
271
+ "paddingHorizontal": 0,
272
+ },
273
+ {
274
+ "alignItems": "center",
275
+ "borderRadius": 9999,
276
+ "flex": 1,
277
+ "flexDirection": "row",
278
+ "gap": 8,
279
+ "justifyContent": "center",
280
+ },
281
+ ],
282
+ ]
283
+ }
284
+ tapAnimationInDuration={50}
285
+ tapAnimationOutDuration={100}
286
+ testID="upload-photo-touchable"
287
+ testOnly_onPress={[Function]}
288
+ underlayColor="transparent"
289
+ >
290
+ <RNSVGSvgView
291
+ align="xMidYMid"
292
+ bbHeight={20}
293
+ bbWidth={20}
294
+ fill="none"
295
+ focusable={false}
296
+ height={20}
297
+ meetOrSlice={0}
298
+ minX={0}
299
+ minY={0}
300
+ strokeWidth={1.5}
253
301
  style={
254
302
  [
255
- {},
256
- [
257
- {
258
- "backgroundColor": "transparent",
259
- "paddingHorizontal": 0,
260
- },
261
- {
262
- "alignItems": "center",
263
- "borderRadius": 9999,
264
- "flex": 1,
265
- "flexDirection": "row",
266
- "gap": 8,
267
- "justifyContent": "center",
268
- },
269
- ],
303
+ {
304
+ "backgroundColor": "transparent",
305
+ "borderWidth": 0,
306
+ },
307
+ {
308
+ "flex": 0,
309
+ "height": 20,
310
+ "width": 20,
311
+ },
270
312
  ]
271
313
  }
272
- testID="upload-photo-touchable"
273
- testOnly_onPress={[Function]}
314
+ vbHeight={20}
315
+ vbWidth={20}
316
+ width={20}
274
317
  >
275
- <RNSVGSvgView
276
- align="xMidYMid"
277
- bbHeight={20}
278
- bbWidth={20}
279
- fill="none"
280
- focusable={false}
281
- height={20}
282
- meetOrSlice={0}
283
- minX={0}
284
- minY={0}
285
- strokeWidth={1.5}
286
- style={
318
+ <RNSVGGroup
319
+ fill={null}
320
+ propList={
287
321
  [
288
- {
289
- "backgroundColor": "transparent",
290
- "borderWidth": 0,
291
- },
292
- {
293
- "flex": 0,
294
- "height": 20,
295
- "width": 20,
296
- },
322
+ "fill",
323
+ "strokeWidth",
297
324
  ]
298
325
  }
299
- vbHeight={20}
300
- vbWidth={20}
301
- width={20}
326
+ strokeWidth={1.5}
302
327
  >
303
- <RNSVGGroup
304
- fill={null}
328
+ <RNSVGPath
329
+ d="M4.42891 16.875L12.9953 8.30781C13.0534 8.2497 13.1223 8.2036 13.1982 8.17215C13.274 8.1407 13.3554 8.12451 13.4375 8.12451C13.5196 8.12451 13.601 8.1407 13.6768 8.17215C13.7527 8.2036 13.8216 8.2497 13.8797 8.30781L16.875 11.3039M3.75 3.125H16.25C16.5952 3.125 16.875 3.40482 16.875 3.75V16.25C16.875 16.5952 16.5952 16.875 16.25 16.875H3.75C3.40482 16.875 3.125 16.5952 3.125 16.25V3.75C3.125 3.40482 3.40482 3.125 3.75 3.125ZM8.75 7.5C8.75 8.19036 8.19036 8.75 7.5 8.75C6.80964 8.75 6.25 8.19036 6.25 7.5C6.25 6.80964 6.80964 6.25 7.5 6.25C8.19036 6.25 8.75 6.80964 8.75 7.5Z"
330
+ fill={
331
+ {
332
+ "payload": 4278190080,
333
+ "type": 0,
334
+ }
335
+ }
305
336
  propList={
306
337
  [
307
- "fill",
338
+ "stroke",
308
339
  "strokeWidth",
340
+ "strokeLinecap",
341
+ "strokeLinejoin",
309
342
  ]
310
343
  }
311
- strokeWidth={1.5}
312
- >
313
- <RNSVGPath
314
- d="M4.42891 16.875L12.9953 8.30781C13.0534 8.2497 13.1223 8.2036 13.1982 8.17215C13.274 8.1407 13.3554 8.12451 13.4375 8.12451C13.5196 8.12451 13.601 8.1407 13.6768 8.17215C13.7527 8.2036 13.8216 8.2497 13.8797 8.30781L16.875 11.3039M3.75 3.125H16.25C16.5952 3.125 16.875 3.40482 16.875 3.75V16.25C16.875 16.5952 16.5952 16.875 16.25 16.875H3.75C3.40482 16.875 3.125 16.5952 3.125 16.25V3.75C3.125 3.40482 3.40482 3.125 3.75 3.125ZM8.75 7.5C8.75 8.19036 8.19036 8.75 7.5 8.75C6.80964 8.75 6.25 8.19036 6.25 7.5C6.25 6.80964 6.80964 6.25 7.5 6.25C8.19036 6.25 8.75 6.80964 8.75 7.5Z"
315
- fill={
316
- {
317
- "payload": 4278190080,
318
- "type": 0,
319
- }
320
- }
321
- propList={
322
- [
323
- "stroke",
324
- "strokeWidth",
325
- "strokeLinecap",
326
- "strokeLinejoin",
327
- ]
328
- }
329
- stroke={
330
- {
331
- "payload": 4279900965,
332
- "type": 0,
333
- }
344
+ stroke={
345
+ {
346
+ "payload": 4279900965,
347
+ "type": 0,
334
348
  }
335
- strokeLinecap={1}
336
- strokeLinejoin={1}
337
- strokeWidth={1.5}
338
- />
339
- </RNSVGGroup>
340
- </RNSVGSvgView>
341
- </RNGestureHandlerButton>
342
- </View>
349
+ }
350
+ strokeLinecap={1}
351
+ strokeLinejoin={1}
352
+ strokeWidth={1.5}
353
+ />
354
+ </RNSVGGroup>
355
+ </RNSVGSvgView>
356
+ </RNGestureHandlerButton>
343
357
  </View>
344
358
  <View
345
359
  style={
@@ -358,106 +372,137 @@ exports[`AttachButton should call handleAttachButtonPress when the button is cli
358
372
  ]
359
373
  }
360
374
  >
361
- <View
362
- handlerTags={
363
- [
364
- 43,
365
- 42,
366
- 41,
367
- ]
368
- }
369
- onGestureHandlerEvent={[Function]}
370
- onGestureHandlerReanimatedEvent={[Function]}
371
- onGestureHandlerStateChange={[Function]}
372
- onGestureHandlerTouchEvent={[Function]}
373
- onStartShouldSetResponder={[Function]}
374
- pointerEvents="box-none"
375
- style={
375
+ <RNGestureHandlerButton
376
+ accessibilityRole="button"
377
+ accessibilityState={
376
378
  {
377
- "display": "contents",
379
+ "disabled": false,
380
+ "selected": false,
378
381
  }
379
382
  }
380
- >
381
- <RNGestureHandlerButton
382
- accessibilityRole="button"
383
- accessibilityState={
384
- {
385
- "disabled": false,
386
- "selected": false,
387
- }
383
+ accessible={true}
384
+ activeUnderlayOpacity={0.105}
385
+ cancelOnLeave={true}
386
+ defaultOpacity={1}
387
+ defaultUnderlayOpacity={0}
388
+ enabled={true}
389
+ gestureHitSlop={
390
+ {
391
+ "bottom": 15,
392
+ "left": 0,
393
+ "right": 0,
394
+ "top": 15,
388
395
  }
389
- accessible={true}
390
- enabled={true}
391
- hitSlop={
392
- {
393
- "bottom": 15,
394
- "left": 0,
395
- "right": 0,
396
- "top": 15,
397
- }
396
+ }
397
+ gestureTestID="take-photo-touchable"
398
+ handlerTag={17}
399
+ hasLongPressHandler={false}
400
+ hitSlop={
401
+ {
402
+ "bottom": 15,
403
+ "left": 0,
404
+ "right": 0,
405
+ "top": 15,
398
406
  }
399
- onLayout={[Function]}
400
- rippleColor="transparent"
407
+ }
408
+ hoverAnimationInDuration={50}
409
+ hoverAnimationOutDuration={100}
410
+ longPressAnimationOutDuration={100}
411
+ longPressDuration={500}
412
+ onButtonInteractionFinished={[Function]}
413
+ onButtonLongPress={[Function]}
414
+ onButtonPress={[Function]}
415
+ onButtonPressIn={[Function]}
416
+ onButtonPressOut={[Function]}
417
+ onLayout={[Function]}
418
+ onStartShouldSetResponderCapture={[Function]}
419
+ rippleColor="transparent"
420
+ style={
421
+ [
422
+ {},
423
+ [
424
+ {
425
+ "backgroundColor": "transparent",
426
+ "paddingHorizontal": 0,
427
+ },
428
+ {
429
+ "alignItems": "center",
430
+ "borderRadius": 9999,
431
+ "flex": 1,
432
+ "flexDirection": "row",
433
+ "gap": 8,
434
+ "justifyContent": "center",
435
+ },
436
+ ],
437
+ ]
438
+ }
439
+ tapAnimationInDuration={50}
440
+ tapAnimationOutDuration={100}
441
+ testID="take-photo-touchable"
442
+ testOnly_onPress={[Function]}
443
+ underlayColor="transparent"
444
+ >
445
+ <RNSVGSvgView
446
+ align="xMidYMid"
447
+ bbHeight={20}
448
+ bbWidth={20}
449
+ fill="none"
450
+ focusable={false}
451
+ height={20}
452
+ meetOrSlice={0}
453
+ minX={0}
454
+ minY={0}
455
+ stroke="#1a1b25"
456
+ strokeLinejoin="round"
457
+ strokeWidth={1.5}
401
458
  style={
402
459
  [
403
- {},
404
- [
405
- {
406
- "backgroundColor": "transparent",
407
- "paddingHorizontal": 0,
408
- },
409
- {
410
- "alignItems": "center",
411
- "borderRadius": 9999,
412
- "flex": 1,
413
- "flexDirection": "row",
414
- "gap": 8,
415
- "justifyContent": "center",
416
- },
417
- ],
460
+ {
461
+ "backgroundColor": "transparent",
462
+ "borderWidth": 0,
463
+ },
464
+ {
465
+ "flex": 0,
466
+ "height": 20,
467
+ "width": 20,
468
+ },
418
469
  ]
419
470
  }
420
- testID="take-photo-touchable"
421
- testOnly_onPress={[Function]}
471
+ vbHeight={20}
472
+ vbWidth={20}
473
+ width={20}
422
474
  >
423
- <RNSVGSvgView
424
- align="xMidYMid"
425
- bbHeight={20}
426
- bbWidth={20}
427
- fill="none"
428
- focusable={false}
429
- height={20}
430
- meetOrSlice={0}
431
- minX={0}
432
- minY={0}
433
- stroke="#1a1b25"
434
- strokeLinejoin="round"
435
- strokeWidth={1.5}
436
- style={
475
+ <RNSVGGroup
476
+ fill={null}
477
+ propList={
437
478
  [
438
- {
439
- "backgroundColor": "transparent",
440
- "borderWidth": 0,
441
- },
442
- {
443
- "flex": 0,
444
- "height": 20,
445
- "width": 20,
446
- },
479
+ "fill",
480
+ "stroke",
481
+ "strokeWidth",
482
+ "strokeLinejoin",
447
483
  ]
448
484
  }
449
- vbHeight={20}
450
- vbWidth={20}
451
- width={20}
485
+ stroke={
486
+ {
487
+ "payload": 4279900965,
488
+ "type": 0,
489
+ }
490
+ }
491
+ strokeLinejoin={1}
492
+ strokeWidth={1.5}
452
493
  >
453
- <RNSVGGroup
454
- fill={null}
494
+ <RNSVGPath
495
+ d="M16.25 16.25H3.75C3.41848 16.25 3.10054 16.1183 2.86612 15.8839C2.6317 15.6495 2.5 15.3315 2.5 15V6.25C2.5 5.91848 2.6317 5.60054 2.86612 5.36612C3.10054 5.1317 3.41848 5 3.75 5H6.25L7.5 3.125H12.5L13.75 5H16.25C16.5815 5 16.8995 5.1317 17.1339 5.36612C17.3683 5.60054 17.5 5.91848 17.5 6.25V15C17.5 15.3315 17.3683 15.6495 17.1339 15.8839C16.8995 16.1183 16.5815 16.25 16.25 16.25Z"
496
+ fill={
497
+ {
498
+ "payload": 4278190080,
499
+ "type": 0,
500
+ }
501
+ }
455
502
  propList={
456
503
  [
457
- "fill",
458
504
  "stroke",
459
505
  "strokeWidth",
460
- "strokeLinejoin",
461
506
  ]
462
507
  }
463
508
  stroke={
@@ -466,57 +511,33 @@ exports[`AttachButton should call handleAttachButtonPress when the button is cli
466
511
  "type": 0,
467
512
  }
468
513
  }
469
- strokeLinejoin={1}
470
514
  strokeWidth={1.5}
471
- >
472
- <RNSVGPath
473
- d="M16.25 16.25H3.75C3.41848 16.25 3.10054 16.1183 2.86612 15.8839C2.6317 15.6495 2.5 15.3315 2.5 15V6.25C2.5 5.91848 2.6317 5.60054 2.86612 5.36612C3.10054 5.1317 3.41848 5 3.75 5H6.25L7.5 3.125H12.5L13.75 5H16.25C16.5815 5 16.8995 5.1317 17.1339 5.36612C17.3683 5.60054 17.5 5.91848 17.5 6.25V15C17.5 15.3315 17.3683 15.6495 17.1339 15.8839C16.8995 16.1183 16.5815 16.25 16.25 16.25Z"
474
- fill={
475
- {
476
- "payload": 4278190080,
477
- "type": 0,
478
- }
479
- }
480
- propList={
481
- [
482
- "stroke",
483
- "strokeWidth",
484
- ]
485
- }
486
- stroke={
487
- {
488
- "payload": 4279900965,
489
- "type": 0,
490
- }
491
- }
492
- strokeWidth={1.5}
493
- />
494
- <RNSVGPath
495
- d="M10 13.125C11.5533 13.125 12.8125 11.8658 12.8125 10.3125C12.8125 8.7592 11.5533 7.5 10 7.5C8.4467 7.5 7.1875 8.7592 7.1875 10.3125C7.1875 11.8658 8.4467 13.125 10 13.125Z"
496
- fill={
497
- {
498
- "payload": 4278190080,
499
- "type": 0,
500
- }
501
- }
502
- propList={
503
- [
504
- "stroke",
505
- "strokeWidth",
506
- ]
515
+ />
516
+ <RNSVGPath
517
+ d="M10 13.125C11.5533 13.125 12.8125 11.8658 12.8125 10.3125C12.8125 8.7592 11.5533 7.5 10 7.5C8.4467 7.5 7.1875 8.7592 7.1875 10.3125C7.1875 11.8658 8.4467 13.125 10 13.125Z"
518
+ fill={
519
+ {
520
+ "payload": 4278190080,
521
+ "type": 0,
507
522
  }
508
- stroke={
509
- {
510
- "payload": 4279900965,
511
- "type": 0,
512
- }
523
+ }
524
+ propList={
525
+ [
526
+ "stroke",
527
+ "strokeWidth",
528
+ ]
529
+ }
530
+ stroke={
531
+ {
532
+ "payload": 4279900965,
533
+ "type": 0,
513
534
  }
514
- strokeWidth={1.5}
515
- />
516
- </RNSVGGroup>
517
- </RNSVGSvgView>
518
- </RNGestureHandlerButton>
519
- </View>
535
+ }
536
+ strokeWidth={1.5}
537
+ />
538
+ </RNSVGGroup>
539
+ </RNSVGSvgView>
540
+ </RNGestureHandlerButton>
520
541
  </View>
521
542
  <View
522
543
  style={
@@ -535,132 +556,139 @@ exports[`AttachButton should call handleAttachButtonPress when the button is cli
535
556
  ]
536
557
  }
537
558
  >
538
- <View
539
- handlerTags={
540
- [
541
- 46,
542
- 45,
543
- 44,
544
- ]
545
- }
546
- onGestureHandlerEvent={[Function]}
547
- onGestureHandlerReanimatedEvent={[Function]}
548
- onGestureHandlerStateChange={[Function]}
549
- onGestureHandlerTouchEvent={[Function]}
550
- onStartShouldSetResponder={[Function]}
551
- pointerEvents="box-none"
552
- style={
559
+ <RNGestureHandlerButton
560
+ accessibilityRole="button"
561
+ accessibilityState={
553
562
  {
554
- "display": "contents",
563
+ "disabled": false,
564
+ "selected": false,
555
565
  }
556
566
  }
557
- >
558
- <RNGestureHandlerButton
559
- accessibilityRole="button"
560
- accessibilityState={
561
- {
562
- "disabled": false,
563
- "selected": false,
564
- }
567
+ accessible={true}
568
+ activeUnderlayOpacity={0.105}
569
+ cancelOnLeave={true}
570
+ defaultOpacity={1}
571
+ defaultUnderlayOpacity={0}
572
+ enabled={true}
573
+ gestureHitSlop={
574
+ {
575
+ "bottom": 15,
576
+ "left": 0,
577
+ "right": 0,
578
+ "top": 15,
565
579
  }
566
- accessible={true}
567
- enabled={true}
568
- hitSlop={
569
- {
570
- "bottom": 15,
571
- "left": 0,
572
- "right": 0,
573
- "top": 15,
574
- }
580
+ }
581
+ gestureTestID="upload-file-touchable"
582
+ handlerTag={18}
583
+ hasLongPressHandler={false}
584
+ hitSlop={
585
+ {
586
+ "bottom": 15,
587
+ "left": 0,
588
+ "right": 0,
589
+ "top": 15,
575
590
  }
576
- onLayout={[Function]}
577
- rippleColor="transparent"
591
+ }
592
+ hoverAnimationInDuration={50}
593
+ hoverAnimationOutDuration={100}
594
+ longPressAnimationOutDuration={100}
595
+ longPressDuration={500}
596
+ onButtonInteractionFinished={[Function]}
597
+ onButtonLongPress={[Function]}
598
+ onButtonPress={[Function]}
599
+ onButtonPressIn={[Function]}
600
+ onButtonPressOut={[Function]}
601
+ onLayout={[Function]}
602
+ onStartShouldSetResponderCapture={[Function]}
603
+ rippleColor="transparent"
604
+ style={
605
+ [
606
+ {},
607
+ [
608
+ {
609
+ "backgroundColor": "transparent",
610
+ "paddingHorizontal": 0,
611
+ },
612
+ {
613
+ "alignItems": "center",
614
+ "borderRadius": 9999,
615
+ "flex": 1,
616
+ "flexDirection": "row",
617
+ "gap": 8,
618
+ "justifyContent": "center",
619
+ },
620
+ ],
621
+ ]
622
+ }
623
+ tapAnimationInDuration={50}
624
+ tapAnimationOutDuration={100}
625
+ testID="upload-file-touchable"
626
+ testOnly_onPress={[Function]}
627
+ underlayColor="transparent"
628
+ >
629
+ <RNSVGSvgView
630
+ align="xMidYMid"
631
+ bbHeight={20}
632
+ bbWidth={20}
633
+ fill="none"
634
+ focusable={false}
635
+ height={20}
636
+ meetOrSlice={0}
637
+ minX={0}
638
+ minY={0}
639
+ strokeWidth={1.5}
578
640
  style={
579
641
  [
580
- {},
581
- [
582
- {
583
- "backgroundColor": "transparent",
584
- "paddingHorizontal": 0,
585
- },
586
- {
587
- "alignItems": "center",
588
- "borderRadius": 9999,
589
- "flex": 1,
590
- "flexDirection": "row",
591
- "gap": 8,
592
- "justifyContent": "center",
593
- },
594
- ],
642
+ {
643
+ "backgroundColor": "transparent",
644
+ "borderWidth": 0,
645
+ },
646
+ {
647
+ "flex": 0,
648
+ "height": 20,
649
+ "width": 20,
650
+ },
595
651
  ]
596
652
  }
597
- testID="upload-file-touchable"
598
- testOnly_onPress={[Function]}
653
+ vbHeight={20}
654
+ vbWidth={20}
655
+ width={20}
599
656
  >
600
- <RNSVGSvgView
601
- align="xMidYMid"
602
- bbHeight={20}
603
- bbWidth={20}
604
- fill="none"
605
- focusable={false}
606
- height={20}
607
- meetOrSlice={0}
608
- minX={0}
609
- minY={0}
610
- strokeWidth={1.5}
611
- style={
657
+ <RNSVGGroup
658
+ fill={null}
659
+ propList={
612
660
  [
613
- {
614
- "backgroundColor": "transparent",
615
- "borderWidth": 0,
616
- },
617
- {
618
- "flex": 0,
619
- "height": 20,
620
- "width": 20,
621
- },
661
+ "fill",
662
+ "strokeWidth",
622
663
  ]
623
664
  }
624
- vbHeight={20}
625
- vbWidth={20}
626
- width={20}
665
+ strokeWidth={1.5}
627
666
  >
628
- <RNSVGGroup
667
+ <RNSVGPath
668
+ d="M11.875 2.5H4.375C4.20924 2.5 4.05027 2.56585 3.93306 2.68306C3.81585 2.80027 3.75 2.95924 3.75 3.125V16.875C3.75 17.0408 3.81585 17.1997 3.93306 17.3169C4.05027 17.4342 4.20924 17.5 4.375 17.5H15.625C15.7908 17.5 15.9497 17.4342 16.0669 17.3169C16.1842 17.1997 16.25 17.0408 16.25 16.875V6.875M11.875 2.5L16.25 6.875M11.875 2.5V6.875H16.25"
629
669
  fill={null}
630
670
  propList={
631
671
  [
632
672
  "fill",
673
+ "stroke",
633
674
  "strokeWidth",
675
+ "strokeLinecap",
676
+ "strokeLinejoin",
634
677
  ]
635
678
  }
636
- strokeWidth={1.5}
637
- >
638
- <RNSVGPath
639
- d="M11.875 2.5H4.375C4.20924 2.5 4.05027 2.56585 3.93306 2.68306C3.81585 2.80027 3.75 2.95924 3.75 3.125V16.875C3.75 17.0408 3.81585 17.1997 3.93306 17.3169C4.05027 17.4342 4.20924 17.5 4.375 17.5H15.625C15.7908 17.5 15.9497 17.4342 16.0669 17.3169C16.1842 17.1997 16.25 17.0408 16.25 16.875V6.875M11.875 2.5L16.25 6.875M11.875 2.5V6.875H16.25"
640
- fill={null}
641
- propList={
642
- [
643
- "fill",
644
- "stroke",
645
- "strokeWidth",
646
- "strokeLinecap",
647
- "strokeLinejoin",
648
- ]
649
- }
650
- stroke={
651
- {
652
- "payload": 4279900965,
653
- "type": 0,
654
- }
679
+ stroke={
680
+ {
681
+ "payload": 4279900965,
682
+ "type": 0,
655
683
  }
656
- strokeLinecap={1}
657
- strokeLinejoin={1}
658
- strokeWidth={1.5}
659
- />
660
- </RNSVGGroup>
661
- </RNSVGSvgView>
662
- </RNGestureHandlerButton>
663
- </View>
684
+ }
685
+ strokeLinecap={1}
686
+ strokeLinejoin={1}
687
+ strokeWidth={1.5}
688
+ />
689
+ </RNSVGGroup>
690
+ </RNSVGSvgView>
691
+ </RNGestureHandlerButton>
664
692
  </View>
665
693
  <View
666
694
  style={
@@ -679,104 +707,136 @@ exports[`AttachButton should call handleAttachButtonPress when the button is cli
679
707
  ]
680
708
  }
681
709
  >
682
- <View
683
- handlerTags={
684
- [
685
- 49,
686
- 48,
687
- 47,
688
- ]
689
- }
690
- onGestureHandlerEvent={[Function]}
691
- onGestureHandlerReanimatedEvent={[Function]}
692
- onGestureHandlerStateChange={[Function]}
693
- onGestureHandlerTouchEvent={[Function]}
694
- onStartShouldSetResponder={[Function]}
695
- pointerEvents="box-none"
696
- style={
710
+ <RNGestureHandlerButton
711
+ accessibilityRole="button"
712
+ accessibilityState={
697
713
  {
698
- "display": "contents",
714
+ "disabled": false,
715
+ "selected": false,
699
716
  }
700
717
  }
701
- >
702
- <RNGestureHandlerButton
703
- accessibilityRole="button"
704
- accessibilityState={
705
- {
706
- "disabled": false,
707
- "selected": false,
708
- }
718
+ accessible={true}
719
+ activeUnderlayOpacity={0.105}
720
+ cancelOnLeave={true}
721
+ defaultOpacity={1}
722
+ defaultUnderlayOpacity={0}
723
+ enabled={true}
724
+ gestureHitSlop={
725
+ {
726
+ "bottom": 15,
727
+ "left": 0,
728
+ "right": 0,
729
+ "top": 15,
709
730
  }
710
- accessible={true}
711
- enabled={true}
712
- hitSlop={
713
- {
714
- "bottom": 15,
715
- "left": 0,
716
- "right": 0,
717
- "top": 15,
718
- }
731
+ }
732
+ gestureTestID="commands-touchable"
733
+ handlerTag={19}
734
+ hasLongPressHandler={false}
735
+ hitSlop={
736
+ {
737
+ "bottom": 15,
738
+ "left": 0,
739
+ "right": 0,
740
+ "top": 15,
719
741
  }
720
- onLayout={[Function]}
721
- rippleColor="transparent"
742
+ }
743
+ hoverAnimationInDuration={50}
744
+ hoverAnimationOutDuration={100}
745
+ longPressAnimationOutDuration={100}
746
+ longPressDuration={500}
747
+ onButtonInteractionFinished={[Function]}
748
+ onButtonLongPress={[Function]}
749
+ onButtonPress={[Function]}
750
+ onButtonPressIn={[Function]}
751
+ onButtonPressOut={[Function]}
752
+ onLayout={[Function]}
753
+ onStartShouldSetResponderCapture={[Function]}
754
+ rippleColor="transparent"
755
+ style={
756
+ [
757
+ {},
758
+ [
759
+ {
760
+ "backgroundColor": "transparent",
761
+ "paddingHorizontal": 0,
762
+ },
763
+ {
764
+ "alignItems": "center",
765
+ "borderRadius": 9999,
766
+ "flex": 1,
767
+ "flexDirection": "row",
768
+ "gap": 8,
769
+ "justifyContent": "center",
770
+ },
771
+ ],
772
+ ]
773
+ }
774
+ tapAnimationInDuration={50}
775
+ tapAnimationOutDuration={100}
776
+ testID="commands-touchable"
777
+ testOnly_onPress={[Function]}
778
+ underlayColor="transparent"
779
+ >
780
+ <RNSVGSvgView
781
+ align="xMidYMid"
782
+ bbHeight={20}
783
+ bbWidth={20}
784
+ fill="none"
785
+ focusable={false}
786
+ height={20}
787
+ meetOrSlice={0}
788
+ minX={0}
789
+ minY={0}
790
+ stroke="#1a1b25"
791
+ strokeWidth={1.5}
722
792
  style={
723
793
  [
724
- {},
725
- [
726
- {
727
- "backgroundColor": "transparent",
728
- "paddingHorizontal": 0,
729
- },
730
- {
731
- "alignItems": "center",
732
- "borderRadius": 9999,
733
- "flex": 1,
734
- "flexDirection": "row",
735
- "gap": 8,
736
- "justifyContent": "center",
737
- },
738
- ],
794
+ {
795
+ "backgroundColor": "transparent",
796
+ "borderWidth": 0,
797
+ },
798
+ {
799
+ "flex": 0,
800
+ "height": 20,
801
+ "width": 20,
802
+ },
739
803
  ]
740
804
  }
741
- testID="commands-touchable"
742
- testOnly_onPress={[Function]}
805
+ vbHeight={20}
806
+ vbWidth={20}
807
+ width={20}
743
808
  >
744
- <RNSVGSvgView
745
- align="xMidYMid"
746
- bbHeight={20}
747
- bbWidth={20}
748
- fill="none"
749
- focusable={false}
750
- height={20}
751
- meetOrSlice={0}
752
- minX={0}
753
- minY={0}
754
- stroke="#1a1b25"
755
- strokeWidth={1.5}
756
- style={
809
+ <RNSVGGroup
810
+ fill={null}
811
+ propList={
757
812
  [
758
- {
759
- "backgroundColor": "transparent",
760
- "borderWidth": 0,
761
- },
762
- {
763
- "flex": 0,
764
- "height": 20,
765
- "width": 20,
766
- },
813
+ "fill",
814
+ "stroke",
815
+ "strokeWidth",
767
816
  ]
768
817
  }
769
- vbHeight={20}
770
- vbWidth={20}
771
- width={20}
818
+ stroke={
819
+ {
820
+ "payload": 4279900965,
821
+ "type": 0,
822
+ }
823
+ }
824
+ strokeWidth={1.5}
772
825
  >
773
- <RNSVGGroup
774
- fill={null}
826
+ <RNSVGPath
827
+ d="M6.25 7.5L9.375 10L6.25 12.5M10.625 12.5H13.75M3.125 3.75H16.875C17.2202 3.75 17.5 4.02982 17.5 4.375V15.625C17.5 15.9702 17.2202 16.25 16.875 16.25H3.125C2.77982 16.25 2.5 15.9702 2.5 15.625V4.375C2.5 4.02982 2.77982 3.75 3.125 3.75Z"
828
+ fill={
829
+ {
830
+ "payload": 4278190080,
831
+ "type": 0,
832
+ }
833
+ }
775
834
  propList={
776
835
  [
777
- "fill",
778
836
  "stroke",
779
837
  "strokeWidth",
838
+ "strokeLinecap",
839
+ "strokeLinejoin",
780
840
  ]
781
841
  }
782
842
  stroke={
@@ -785,38 +845,13 @@ exports[`AttachButton should call handleAttachButtonPress when the button is cli
785
845
  "type": 0,
786
846
  }
787
847
  }
848
+ strokeLinecap={1}
849
+ strokeLinejoin={1}
788
850
  strokeWidth={1.5}
789
- >
790
- <RNSVGPath
791
- d="M6.25 7.5L9.375 10L6.25 12.5M10.625 12.5H13.75M3.125 3.75H16.875C17.2202 3.75 17.5 4.02982 17.5 4.375V15.625C17.5 15.9702 17.2202 16.25 16.875 16.25H3.125C2.77982 16.25 2.5 15.9702 2.5 15.625V4.375C2.5 4.02982 2.77982 3.75 3.125 3.75Z"
792
- fill={
793
- {
794
- "payload": 4278190080,
795
- "type": 0,
796
- }
797
- }
798
- propList={
799
- [
800
- "stroke",
801
- "strokeWidth",
802
- "strokeLinecap",
803
- "strokeLinejoin",
804
- ]
805
- }
806
- stroke={
807
- {
808
- "payload": 4279900965,
809
- "type": 0,
810
- }
811
- }
812
- strokeLinecap={1}
813
- strokeLinejoin={1}
814
- strokeWidth={1.5}
815
- />
816
- </RNSVGGroup>
817
- </RNSVGSvgView>
818
- </RNGestureHandlerButton>
819
- </View>
851
+ />
852
+ </RNSVGGroup>
853
+ </RNSVGSvgView>
854
+ </RNGestureHandlerButton>
820
855
  </View>
821
856
  </View>
822
857
  </View>
@@ -956,144 +991,151 @@ exports[`AttachButton should render a enabled AttachButton 1`] = `
956
991
  ]
957
992
  }
958
993
  >
959
- <View
960
- handlerTags={
961
- [
962
- 20,
963
- 19,
964
- 18,
965
- ]
966
- }
967
- onGestureHandlerEvent={[Function]}
968
- onGestureHandlerReanimatedEvent={[Function]}
969
- onGestureHandlerStateChange={[Function]}
970
- onGestureHandlerTouchEvent={[Function]}
971
- onStartShouldSetResponder={[Function]}
972
- pointerEvents="box-none"
973
- style={
994
+ <RNGestureHandlerButton
995
+ accessibilityRole="button"
996
+ accessibilityState={
974
997
  {
975
- "display": "contents",
998
+ "disabled": false,
999
+ "selected": false,
976
1000
  }
977
1001
  }
978
- >
979
- <RNGestureHandlerButton
980
- accessibilityRole="button"
981
- accessibilityState={
982
- {
983
- "disabled": false,
984
- "selected": false,
985
- }
1002
+ accessible={true}
1003
+ activeUnderlayOpacity={0.105}
1004
+ cancelOnLeave={true}
1005
+ defaultOpacity={1}
1006
+ defaultUnderlayOpacity={0}
1007
+ enabled={true}
1008
+ gestureHitSlop={
1009
+ {
1010
+ "bottom": 0,
1011
+ "left": 0,
1012
+ "right": 0,
1013
+ "top": 0,
986
1014
  }
987
- accessible={true}
988
- enabled={true}
989
- hitSlop={
990
- {
991
- "bottom": 0,
992
- "left": 0,
993
- "right": 0,
994
- "top": 0,
995
- }
1015
+ }
1016
+ gestureTestID="attach-button"
1017
+ handlerTag={8}
1018
+ hasLongPressHandler={false}
1019
+ hitSlop={
1020
+ {
1021
+ "bottom": 0,
1022
+ "left": 0,
1023
+ "right": 0,
1024
+ "top": 0,
996
1025
  }
997
- onLayout={[Function]}
998
- rippleColor="transparent"
1026
+ }
1027
+ hoverAnimationInDuration={50}
1028
+ hoverAnimationOutDuration={100}
1029
+ longPressAnimationOutDuration={100}
1030
+ longPressDuration={500}
1031
+ onButtonInteractionFinished={[Function]}
1032
+ onButtonLongPress={[Function]}
1033
+ onButtonPress={[Function]}
1034
+ onButtonPressIn={[Function]}
1035
+ onButtonPressOut={[Function]}
1036
+ onLayout={[Function]}
1037
+ onStartShouldSetResponderCapture={[Function]}
1038
+ rippleColor="transparent"
1039
+ style={
1040
+ [
1041
+ {},
1042
+ [
1043
+ {
1044
+ "backgroundColor": "transparent",
1045
+ "paddingHorizontal": 0,
1046
+ },
1047
+ {
1048
+ "alignItems": "center",
1049
+ "borderRadius": 9999,
1050
+ "flex": 1,
1051
+ "flexDirection": "row",
1052
+ "gap": 8,
1053
+ "justifyContent": "center",
1054
+ },
1055
+ ],
1056
+ ]
1057
+ }
1058
+ tapAnimationInDuration={50}
1059
+ tapAnimationOutDuration={100}
1060
+ testID="attach-button"
1061
+ testOnly_onPress={[Function]}
1062
+ underlayColor="transparent"
1063
+ >
1064
+ <RNSVGSvgView
1065
+ align="xMidYMid"
1066
+ bbHeight={20}
1067
+ bbWidth={20}
1068
+ fill="none"
1069
+ focusable={false}
1070
+ height={20}
1071
+ meetOrSlice={0}
1072
+ minX={0}
1073
+ minY={0}
1074
+ stroke="#1a1b25"
1075
+ strokeWidth={1.5}
999
1076
  style={
1000
1077
  [
1001
- {},
1002
- [
1003
- {
1004
- "backgroundColor": "transparent",
1005
- "paddingHorizontal": 0,
1006
- },
1007
- {
1008
- "alignItems": "center",
1009
- "borderRadius": 9999,
1010
- "flex": 1,
1011
- "flexDirection": "row",
1012
- "gap": 8,
1013
- "justifyContent": "center",
1014
- },
1015
- ],
1078
+ {
1079
+ "backgroundColor": "transparent",
1080
+ "borderWidth": 0,
1081
+ },
1082
+ {
1083
+ "flex": 0,
1084
+ "height": 20,
1085
+ "width": 20,
1086
+ },
1016
1087
  ]
1017
1088
  }
1018
- testID="attach-button"
1019
- testOnly_onPress={[Function]}
1089
+ vbHeight={20}
1090
+ vbWidth={20}
1091
+ width={20}
1020
1092
  >
1021
- <RNSVGSvgView
1022
- align="xMidYMid"
1023
- bbHeight={20}
1024
- bbWidth={20}
1025
- fill="none"
1026
- focusable={false}
1027
- height={20}
1028
- meetOrSlice={0}
1029
- minX={0}
1030
- minY={0}
1031
- stroke="#1a1b25"
1032
- strokeWidth={1.5}
1033
- style={
1093
+ <RNSVGGroup
1094
+ fill={null}
1095
+ propList={
1034
1096
  [
1035
- {
1036
- "backgroundColor": "transparent",
1037
- "borderWidth": 0,
1038
- },
1039
- {
1040
- "flex": 0,
1041
- "height": 20,
1042
- "width": 20,
1043
- },
1097
+ "fill",
1098
+ "stroke",
1099
+ "strokeWidth",
1044
1100
  ]
1045
1101
  }
1046
- vbHeight={20}
1047
- vbWidth={20}
1048
- width={20}
1102
+ stroke={
1103
+ {
1104
+ "payload": 4279900965,
1105
+ "type": 0,
1106
+ }
1107
+ }
1108
+ strokeWidth={1.5}
1049
1109
  >
1050
- <RNSVGGroup
1051
- fill={null}
1110
+ <RNSVGPath
1111
+ d="M3.125 10H16.875M10 3.125V16.875"
1112
+ fill={
1113
+ {
1114
+ "payload": 4278190080,
1115
+ "type": 0,
1116
+ }
1117
+ }
1052
1118
  propList={
1053
1119
  [
1054
- "fill",
1055
1120
  "stroke",
1056
1121
  "strokeWidth",
1122
+ "strokeLinecap",
1123
+ "strokeLinejoin",
1057
1124
  ]
1058
1125
  }
1059
- stroke={
1060
- {
1061
- "payload": 4279900965,
1062
- "type": 0,
1063
- }
1064
- }
1065
- strokeWidth={1.5}
1066
- >
1067
- <RNSVGPath
1068
- d="M3.125 10H16.875M10 3.125V16.875"
1069
- fill={
1070
- {
1071
- "payload": 4278190080,
1072
- "type": 0,
1073
- }
1074
- }
1075
- propList={
1076
- [
1077
- "stroke",
1078
- "strokeWidth",
1079
- "strokeLinecap",
1080
- "strokeLinejoin",
1081
- ]
1082
- }
1083
- stroke={
1084
- {
1085
- "payload": 4279900965,
1086
- "type": 0,
1087
- }
1126
+ stroke={
1127
+ {
1128
+ "payload": 4279900965,
1129
+ "type": 0,
1088
1130
  }
1089
- strokeLinecap={1}
1090
- strokeLinejoin={1}
1091
- strokeWidth={1.5}
1092
- />
1093
- </RNSVGGroup>
1094
- </RNSVGSvgView>
1095
- </RNGestureHandlerButton>
1096
- </View>
1131
+ }
1132
+ strokeLinecap={1}
1133
+ strokeLinejoin={1}
1134
+ strokeWidth={1.5}
1135
+ />
1136
+ </RNSVGGroup>
1137
+ </RNSVGSvgView>
1138
+ </RNGestureHandlerButton>
1097
1139
  </View>
1098
1140
  </View>
1099
1141
  <View>
@@ -1131,136 +1173,143 @@ exports[`AttachButton should render a enabled AttachButton 1`] = `
1131
1173
  ]
1132
1174
  }
1133
1175
  >
1134
- <View
1135
- handlerTags={
1136
- [
1137
- 23,
1138
- 22,
1139
- 21,
1140
- ]
1141
- }
1142
- onGestureHandlerEvent={[Function]}
1143
- onGestureHandlerReanimatedEvent={[Function]}
1144
- onGestureHandlerStateChange={[Function]}
1145
- onGestureHandlerTouchEvent={[Function]}
1146
- onStartShouldSetResponder={[Function]}
1147
- pointerEvents="box-none"
1148
- style={
1176
+ <RNGestureHandlerButton
1177
+ accessibilityRole="button"
1178
+ accessibilityState={
1149
1179
  {
1150
- "display": "contents",
1180
+ "disabled": false,
1181
+ "selected": false,
1151
1182
  }
1152
1183
  }
1153
- >
1154
- <RNGestureHandlerButton
1155
- accessibilityRole="button"
1156
- accessibilityState={
1157
- {
1158
- "disabled": false,
1159
- "selected": false,
1160
- }
1184
+ accessible={true}
1185
+ activeUnderlayOpacity={0.105}
1186
+ cancelOnLeave={true}
1187
+ defaultOpacity={1}
1188
+ defaultUnderlayOpacity={0}
1189
+ enabled={true}
1190
+ gestureHitSlop={
1191
+ {
1192
+ "bottom": 15,
1193
+ "left": 0,
1194
+ "right": 0,
1195
+ "top": 15,
1161
1196
  }
1162
- accessible={true}
1163
- enabled={true}
1164
- hitSlop={
1165
- {
1166
- "bottom": 15,
1167
- "left": 0,
1168
- "right": 0,
1169
- "top": 15,
1170
- }
1197
+ }
1198
+ gestureTestID="upload-photo-touchable"
1199
+ handlerTag={9}
1200
+ hasLongPressHandler={false}
1201
+ hitSlop={
1202
+ {
1203
+ "bottom": 15,
1204
+ "left": 0,
1205
+ "right": 0,
1206
+ "top": 15,
1171
1207
  }
1172
- onLayout={[Function]}
1173
- rippleColor="transparent"
1208
+ }
1209
+ hoverAnimationInDuration={50}
1210
+ hoverAnimationOutDuration={100}
1211
+ longPressAnimationOutDuration={100}
1212
+ longPressDuration={500}
1213
+ onButtonInteractionFinished={[Function]}
1214
+ onButtonLongPress={[Function]}
1215
+ onButtonPress={[Function]}
1216
+ onButtonPressIn={[Function]}
1217
+ onButtonPressOut={[Function]}
1218
+ onLayout={[Function]}
1219
+ onStartShouldSetResponderCapture={[Function]}
1220
+ rippleColor="transparent"
1221
+ style={
1222
+ [
1223
+ {},
1224
+ [
1225
+ {
1226
+ "backgroundColor": "transparent",
1227
+ "paddingHorizontal": 0,
1228
+ },
1229
+ {
1230
+ "alignItems": "center",
1231
+ "borderRadius": 9999,
1232
+ "flex": 1,
1233
+ "flexDirection": "row",
1234
+ "gap": 8,
1235
+ "justifyContent": "center",
1236
+ },
1237
+ ],
1238
+ ]
1239
+ }
1240
+ tapAnimationInDuration={50}
1241
+ tapAnimationOutDuration={100}
1242
+ testID="upload-photo-touchable"
1243
+ testOnly_onPress={[Function]}
1244
+ underlayColor="transparent"
1245
+ >
1246
+ <RNSVGSvgView
1247
+ align="xMidYMid"
1248
+ bbHeight={20}
1249
+ bbWidth={20}
1250
+ fill="none"
1251
+ focusable={false}
1252
+ height={20}
1253
+ meetOrSlice={0}
1254
+ minX={0}
1255
+ minY={0}
1256
+ strokeWidth={1.5}
1174
1257
  style={
1175
1258
  [
1176
- {},
1177
- [
1178
- {
1179
- "backgroundColor": "transparent",
1180
- "paddingHorizontal": 0,
1181
- },
1182
- {
1183
- "alignItems": "center",
1184
- "borderRadius": 9999,
1185
- "flex": 1,
1186
- "flexDirection": "row",
1187
- "gap": 8,
1188
- "justifyContent": "center",
1189
- },
1190
- ],
1259
+ {
1260
+ "backgroundColor": "transparent",
1261
+ "borderWidth": 0,
1262
+ },
1263
+ {
1264
+ "flex": 0,
1265
+ "height": 20,
1266
+ "width": 20,
1267
+ },
1191
1268
  ]
1192
1269
  }
1193
- testID="upload-photo-touchable"
1194
- testOnly_onPress={[Function]}
1270
+ vbHeight={20}
1271
+ vbWidth={20}
1272
+ width={20}
1195
1273
  >
1196
- <RNSVGSvgView
1197
- align="xMidYMid"
1198
- bbHeight={20}
1199
- bbWidth={20}
1200
- fill="none"
1201
- focusable={false}
1202
- height={20}
1203
- meetOrSlice={0}
1204
- minX={0}
1205
- minY={0}
1206
- strokeWidth={1.5}
1207
- style={
1274
+ <RNSVGGroup
1275
+ fill={null}
1276
+ propList={
1208
1277
  [
1209
- {
1210
- "backgroundColor": "transparent",
1211
- "borderWidth": 0,
1212
- },
1213
- {
1214
- "flex": 0,
1215
- "height": 20,
1216
- "width": 20,
1217
- },
1278
+ "fill",
1279
+ "strokeWidth",
1218
1280
  ]
1219
1281
  }
1220
- vbHeight={20}
1221
- vbWidth={20}
1222
- width={20}
1282
+ strokeWidth={1.5}
1223
1283
  >
1224
- <RNSVGGroup
1225
- fill={null}
1284
+ <RNSVGPath
1285
+ d="M4.42891 16.875L12.9953 8.30781C13.0534 8.2497 13.1223 8.2036 13.1982 8.17215C13.274 8.1407 13.3554 8.12451 13.4375 8.12451C13.5196 8.12451 13.601 8.1407 13.6768 8.17215C13.7527 8.2036 13.8216 8.2497 13.8797 8.30781L16.875 11.3039M3.75 3.125H16.25C16.5952 3.125 16.875 3.40482 16.875 3.75V16.25C16.875 16.5952 16.5952 16.875 16.25 16.875H3.75C3.40482 16.875 3.125 16.5952 3.125 16.25V3.75C3.125 3.40482 3.40482 3.125 3.75 3.125ZM8.75 7.5C8.75 8.19036 8.19036 8.75 7.5 8.75C6.80964 8.75 6.25 8.19036 6.25 7.5C6.25 6.80964 6.80964 6.25 7.5 6.25C8.19036 6.25 8.75 6.80964 8.75 7.5Z"
1286
+ fill={
1287
+ {
1288
+ "payload": 4278190080,
1289
+ "type": 0,
1290
+ }
1291
+ }
1226
1292
  propList={
1227
1293
  [
1228
- "fill",
1294
+ "stroke",
1229
1295
  "strokeWidth",
1296
+ "strokeLinecap",
1297
+ "strokeLinejoin",
1230
1298
  ]
1231
1299
  }
1232
- strokeWidth={1.5}
1233
- >
1234
- <RNSVGPath
1235
- d="M4.42891 16.875L12.9953 8.30781C13.0534 8.2497 13.1223 8.2036 13.1982 8.17215C13.274 8.1407 13.3554 8.12451 13.4375 8.12451C13.5196 8.12451 13.601 8.1407 13.6768 8.17215C13.7527 8.2036 13.8216 8.2497 13.8797 8.30781L16.875 11.3039M3.75 3.125H16.25C16.5952 3.125 16.875 3.40482 16.875 3.75V16.25C16.875 16.5952 16.5952 16.875 16.25 16.875H3.75C3.40482 16.875 3.125 16.5952 3.125 16.25V3.75C3.125 3.40482 3.40482 3.125 3.75 3.125ZM8.75 7.5C8.75 8.19036 8.19036 8.75 7.5 8.75C6.80964 8.75 6.25 8.19036 6.25 7.5C6.25 6.80964 6.80964 6.25 7.5 6.25C8.19036 6.25 8.75 6.80964 8.75 7.5Z"
1236
- fill={
1237
- {
1238
- "payload": 4278190080,
1239
- "type": 0,
1240
- }
1241
- }
1242
- propList={
1243
- [
1244
- "stroke",
1245
- "strokeWidth",
1246
- "strokeLinecap",
1247
- "strokeLinejoin",
1248
- ]
1249
- }
1250
- stroke={
1251
- {
1252
- "payload": 4279900965,
1253
- "type": 0,
1254
- }
1300
+ stroke={
1301
+ {
1302
+ "payload": 4279900965,
1303
+ "type": 0,
1255
1304
  }
1256
- strokeLinecap={1}
1257
- strokeLinejoin={1}
1258
- strokeWidth={1.5}
1259
- />
1260
- </RNSVGGroup>
1261
- </RNSVGSvgView>
1262
- </RNGestureHandlerButton>
1263
- </View>
1305
+ }
1306
+ strokeLinecap={1}
1307
+ strokeLinejoin={1}
1308
+ strokeWidth={1.5}
1309
+ />
1310
+ </RNSVGGroup>
1311
+ </RNSVGSvgView>
1312
+ </RNGestureHandlerButton>
1264
1313
  </View>
1265
1314
  <View
1266
1315
  style={
@@ -1279,106 +1328,137 @@ exports[`AttachButton should render a enabled AttachButton 1`] = `
1279
1328
  ]
1280
1329
  }
1281
1330
  >
1282
- <View
1283
- handlerTags={
1284
- [
1285
- 26,
1286
- 25,
1287
- 24,
1288
- ]
1289
- }
1290
- onGestureHandlerEvent={[Function]}
1291
- onGestureHandlerReanimatedEvent={[Function]}
1292
- onGestureHandlerStateChange={[Function]}
1293
- onGestureHandlerTouchEvent={[Function]}
1294
- onStartShouldSetResponder={[Function]}
1295
- pointerEvents="box-none"
1296
- style={
1331
+ <RNGestureHandlerButton
1332
+ accessibilityRole="button"
1333
+ accessibilityState={
1297
1334
  {
1298
- "display": "contents",
1335
+ "disabled": false,
1336
+ "selected": false,
1299
1337
  }
1300
1338
  }
1301
- >
1302
- <RNGestureHandlerButton
1303
- accessibilityRole="button"
1304
- accessibilityState={
1305
- {
1306
- "disabled": false,
1307
- "selected": false,
1308
- }
1339
+ accessible={true}
1340
+ activeUnderlayOpacity={0.105}
1341
+ cancelOnLeave={true}
1342
+ defaultOpacity={1}
1343
+ defaultUnderlayOpacity={0}
1344
+ enabled={true}
1345
+ gestureHitSlop={
1346
+ {
1347
+ "bottom": 15,
1348
+ "left": 0,
1349
+ "right": 0,
1350
+ "top": 15,
1309
1351
  }
1310
- accessible={true}
1311
- enabled={true}
1312
- hitSlop={
1313
- {
1314
- "bottom": 15,
1315
- "left": 0,
1316
- "right": 0,
1317
- "top": 15,
1318
- }
1352
+ }
1353
+ gestureTestID="take-photo-touchable"
1354
+ handlerTag={10}
1355
+ hasLongPressHandler={false}
1356
+ hitSlop={
1357
+ {
1358
+ "bottom": 15,
1359
+ "left": 0,
1360
+ "right": 0,
1361
+ "top": 15,
1319
1362
  }
1320
- onLayout={[Function]}
1321
- rippleColor="transparent"
1363
+ }
1364
+ hoverAnimationInDuration={50}
1365
+ hoverAnimationOutDuration={100}
1366
+ longPressAnimationOutDuration={100}
1367
+ longPressDuration={500}
1368
+ onButtonInteractionFinished={[Function]}
1369
+ onButtonLongPress={[Function]}
1370
+ onButtonPress={[Function]}
1371
+ onButtonPressIn={[Function]}
1372
+ onButtonPressOut={[Function]}
1373
+ onLayout={[Function]}
1374
+ onStartShouldSetResponderCapture={[Function]}
1375
+ rippleColor="transparent"
1376
+ style={
1377
+ [
1378
+ {},
1379
+ [
1380
+ {
1381
+ "backgroundColor": "transparent",
1382
+ "paddingHorizontal": 0,
1383
+ },
1384
+ {
1385
+ "alignItems": "center",
1386
+ "borderRadius": 9999,
1387
+ "flex": 1,
1388
+ "flexDirection": "row",
1389
+ "gap": 8,
1390
+ "justifyContent": "center",
1391
+ },
1392
+ ],
1393
+ ]
1394
+ }
1395
+ tapAnimationInDuration={50}
1396
+ tapAnimationOutDuration={100}
1397
+ testID="take-photo-touchable"
1398
+ testOnly_onPress={[Function]}
1399
+ underlayColor="transparent"
1400
+ >
1401
+ <RNSVGSvgView
1402
+ align="xMidYMid"
1403
+ bbHeight={20}
1404
+ bbWidth={20}
1405
+ fill="none"
1406
+ focusable={false}
1407
+ height={20}
1408
+ meetOrSlice={0}
1409
+ minX={0}
1410
+ minY={0}
1411
+ stroke="#1a1b25"
1412
+ strokeLinejoin="round"
1413
+ strokeWidth={1.5}
1322
1414
  style={
1323
1415
  [
1324
- {},
1325
- [
1326
- {
1327
- "backgroundColor": "transparent",
1328
- "paddingHorizontal": 0,
1329
- },
1330
- {
1331
- "alignItems": "center",
1332
- "borderRadius": 9999,
1333
- "flex": 1,
1334
- "flexDirection": "row",
1335
- "gap": 8,
1336
- "justifyContent": "center",
1337
- },
1338
- ],
1416
+ {
1417
+ "backgroundColor": "transparent",
1418
+ "borderWidth": 0,
1419
+ },
1420
+ {
1421
+ "flex": 0,
1422
+ "height": 20,
1423
+ "width": 20,
1424
+ },
1339
1425
  ]
1340
1426
  }
1341
- testID="take-photo-touchable"
1342
- testOnly_onPress={[Function]}
1427
+ vbHeight={20}
1428
+ vbWidth={20}
1429
+ width={20}
1343
1430
  >
1344
- <RNSVGSvgView
1345
- align="xMidYMid"
1346
- bbHeight={20}
1347
- bbWidth={20}
1348
- fill="none"
1349
- focusable={false}
1350
- height={20}
1351
- meetOrSlice={0}
1352
- minX={0}
1353
- minY={0}
1354
- stroke="#1a1b25"
1355
- strokeLinejoin="round"
1356
- strokeWidth={1.5}
1357
- style={
1431
+ <RNSVGGroup
1432
+ fill={null}
1433
+ propList={
1358
1434
  [
1359
- {
1360
- "backgroundColor": "transparent",
1361
- "borderWidth": 0,
1362
- },
1363
- {
1364
- "flex": 0,
1365
- "height": 20,
1366
- "width": 20,
1367
- },
1435
+ "fill",
1436
+ "stroke",
1437
+ "strokeWidth",
1438
+ "strokeLinejoin",
1368
1439
  ]
1369
1440
  }
1370
- vbHeight={20}
1371
- vbWidth={20}
1372
- width={20}
1441
+ stroke={
1442
+ {
1443
+ "payload": 4279900965,
1444
+ "type": 0,
1445
+ }
1446
+ }
1447
+ strokeLinejoin={1}
1448
+ strokeWidth={1.5}
1373
1449
  >
1374
- <RNSVGGroup
1375
- fill={null}
1450
+ <RNSVGPath
1451
+ d="M16.25 16.25H3.75C3.41848 16.25 3.10054 16.1183 2.86612 15.8839C2.6317 15.6495 2.5 15.3315 2.5 15V6.25C2.5 5.91848 2.6317 5.60054 2.86612 5.36612C3.10054 5.1317 3.41848 5 3.75 5H6.25L7.5 3.125H12.5L13.75 5H16.25C16.5815 5 16.8995 5.1317 17.1339 5.36612C17.3683 5.60054 17.5 5.91848 17.5 6.25V15C17.5 15.3315 17.3683 15.6495 17.1339 15.8839C16.8995 16.1183 16.5815 16.25 16.25 16.25Z"
1452
+ fill={
1453
+ {
1454
+ "payload": 4278190080,
1455
+ "type": 0,
1456
+ }
1457
+ }
1376
1458
  propList={
1377
1459
  [
1378
- "fill",
1379
1460
  "stroke",
1380
1461
  "strokeWidth",
1381
- "strokeLinejoin",
1382
1462
  ]
1383
1463
  }
1384
1464
  stroke={
@@ -1387,57 +1467,33 @@ exports[`AttachButton should render a enabled AttachButton 1`] = `
1387
1467
  "type": 0,
1388
1468
  }
1389
1469
  }
1390
- strokeLinejoin={1}
1391
1470
  strokeWidth={1.5}
1392
- >
1393
- <RNSVGPath
1394
- d="M16.25 16.25H3.75C3.41848 16.25 3.10054 16.1183 2.86612 15.8839C2.6317 15.6495 2.5 15.3315 2.5 15V6.25C2.5 5.91848 2.6317 5.60054 2.86612 5.36612C3.10054 5.1317 3.41848 5 3.75 5H6.25L7.5 3.125H12.5L13.75 5H16.25C16.5815 5 16.8995 5.1317 17.1339 5.36612C17.3683 5.60054 17.5 5.91848 17.5 6.25V15C17.5 15.3315 17.3683 15.6495 17.1339 15.8839C16.8995 16.1183 16.5815 16.25 16.25 16.25Z"
1395
- fill={
1396
- {
1397
- "payload": 4278190080,
1398
- "type": 0,
1399
- }
1400
- }
1401
- propList={
1402
- [
1403
- "stroke",
1404
- "strokeWidth",
1405
- ]
1406
- }
1407
- stroke={
1408
- {
1409
- "payload": 4279900965,
1410
- "type": 0,
1411
- }
1412
- }
1413
- strokeWidth={1.5}
1414
- />
1415
- <RNSVGPath
1416
- d="M10 13.125C11.5533 13.125 12.8125 11.8658 12.8125 10.3125C12.8125 8.7592 11.5533 7.5 10 7.5C8.4467 7.5 7.1875 8.7592 7.1875 10.3125C7.1875 11.8658 8.4467 13.125 10 13.125Z"
1417
- fill={
1418
- {
1419
- "payload": 4278190080,
1420
- "type": 0,
1421
- }
1422
- }
1423
- propList={
1424
- [
1425
- "stroke",
1426
- "strokeWidth",
1427
- ]
1471
+ />
1472
+ <RNSVGPath
1473
+ d="M10 13.125C11.5533 13.125 12.8125 11.8658 12.8125 10.3125C12.8125 8.7592 11.5533 7.5 10 7.5C8.4467 7.5 7.1875 8.7592 7.1875 10.3125C7.1875 11.8658 8.4467 13.125 10 13.125Z"
1474
+ fill={
1475
+ {
1476
+ "payload": 4278190080,
1477
+ "type": 0,
1428
1478
  }
1429
- stroke={
1430
- {
1431
- "payload": 4279900965,
1432
- "type": 0,
1433
- }
1479
+ }
1480
+ propList={
1481
+ [
1482
+ "stroke",
1483
+ "strokeWidth",
1484
+ ]
1485
+ }
1486
+ stroke={
1487
+ {
1488
+ "payload": 4279900965,
1489
+ "type": 0,
1434
1490
  }
1435
- strokeWidth={1.5}
1436
- />
1437
- </RNSVGGroup>
1438
- </RNSVGSvgView>
1439
- </RNGestureHandlerButton>
1440
- </View>
1491
+ }
1492
+ strokeWidth={1.5}
1493
+ />
1494
+ </RNSVGGroup>
1495
+ </RNSVGSvgView>
1496
+ </RNGestureHandlerButton>
1441
1497
  </View>
1442
1498
  <View
1443
1499
  style={
@@ -1456,132 +1512,139 @@ exports[`AttachButton should render a enabled AttachButton 1`] = `
1456
1512
  ]
1457
1513
  }
1458
1514
  >
1459
- <View
1460
- handlerTags={
1461
- [
1462
- 29,
1463
- 28,
1464
- 27,
1465
- ]
1466
- }
1467
- onGestureHandlerEvent={[Function]}
1468
- onGestureHandlerReanimatedEvent={[Function]}
1469
- onGestureHandlerStateChange={[Function]}
1470
- onGestureHandlerTouchEvent={[Function]}
1471
- onStartShouldSetResponder={[Function]}
1472
- pointerEvents="box-none"
1473
- style={
1515
+ <RNGestureHandlerButton
1516
+ accessibilityRole="button"
1517
+ accessibilityState={
1474
1518
  {
1475
- "display": "contents",
1519
+ "disabled": false,
1520
+ "selected": false,
1476
1521
  }
1477
1522
  }
1478
- >
1479
- <RNGestureHandlerButton
1480
- accessibilityRole="button"
1481
- accessibilityState={
1482
- {
1483
- "disabled": false,
1484
- "selected": false,
1485
- }
1523
+ accessible={true}
1524
+ activeUnderlayOpacity={0.105}
1525
+ cancelOnLeave={true}
1526
+ defaultOpacity={1}
1527
+ defaultUnderlayOpacity={0}
1528
+ enabled={true}
1529
+ gestureHitSlop={
1530
+ {
1531
+ "bottom": 15,
1532
+ "left": 0,
1533
+ "right": 0,
1534
+ "top": 15,
1486
1535
  }
1487
- accessible={true}
1488
- enabled={true}
1489
- hitSlop={
1490
- {
1491
- "bottom": 15,
1492
- "left": 0,
1493
- "right": 0,
1494
- "top": 15,
1495
- }
1536
+ }
1537
+ gestureTestID="upload-file-touchable"
1538
+ handlerTag={11}
1539
+ hasLongPressHandler={false}
1540
+ hitSlop={
1541
+ {
1542
+ "bottom": 15,
1543
+ "left": 0,
1544
+ "right": 0,
1545
+ "top": 15,
1496
1546
  }
1497
- onLayout={[Function]}
1498
- rippleColor="transparent"
1547
+ }
1548
+ hoverAnimationInDuration={50}
1549
+ hoverAnimationOutDuration={100}
1550
+ longPressAnimationOutDuration={100}
1551
+ longPressDuration={500}
1552
+ onButtonInteractionFinished={[Function]}
1553
+ onButtonLongPress={[Function]}
1554
+ onButtonPress={[Function]}
1555
+ onButtonPressIn={[Function]}
1556
+ onButtonPressOut={[Function]}
1557
+ onLayout={[Function]}
1558
+ onStartShouldSetResponderCapture={[Function]}
1559
+ rippleColor="transparent"
1560
+ style={
1561
+ [
1562
+ {},
1563
+ [
1564
+ {
1565
+ "backgroundColor": "transparent",
1566
+ "paddingHorizontal": 0,
1567
+ },
1568
+ {
1569
+ "alignItems": "center",
1570
+ "borderRadius": 9999,
1571
+ "flex": 1,
1572
+ "flexDirection": "row",
1573
+ "gap": 8,
1574
+ "justifyContent": "center",
1575
+ },
1576
+ ],
1577
+ ]
1578
+ }
1579
+ tapAnimationInDuration={50}
1580
+ tapAnimationOutDuration={100}
1581
+ testID="upload-file-touchable"
1582
+ testOnly_onPress={[Function]}
1583
+ underlayColor="transparent"
1584
+ >
1585
+ <RNSVGSvgView
1586
+ align="xMidYMid"
1587
+ bbHeight={20}
1588
+ bbWidth={20}
1589
+ fill="none"
1590
+ focusable={false}
1591
+ height={20}
1592
+ meetOrSlice={0}
1593
+ minX={0}
1594
+ minY={0}
1595
+ strokeWidth={1.5}
1499
1596
  style={
1500
1597
  [
1501
- {},
1502
- [
1503
- {
1504
- "backgroundColor": "transparent",
1505
- "paddingHorizontal": 0,
1506
- },
1507
- {
1508
- "alignItems": "center",
1509
- "borderRadius": 9999,
1510
- "flex": 1,
1511
- "flexDirection": "row",
1512
- "gap": 8,
1513
- "justifyContent": "center",
1514
- },
1515
- ],
1598
+ {
1599
+ "backgroundColor": "transparent",
1600
+ "borderWidth": 0,
1601
+ },
1602
+ {
1603
+ "flex": 0,
1604
+ "height": 20,
1605
+ "width": 20,
1606
+ },
1516
1607
  ]
1517
1608
  }
1518
- testID="upload-file-touchable"
1519
- testOnly_onPress={[Function]}
1609
+ vbHeight={20}
1610
+ vbWidth={20}
1611
+ width={20}
1520
1612
  >
1521
- <RNSVGSvgView
1522
- align="xMidYMid"
1523
- bbHeight={20}
1524
- bbWidth={20}
1525
- fill="none"
1526
- focusable={false}
1527
- height={20}
1528
- meetOrSlice={0}
1529
- minX={0}
1530
- minY={0}
1531
- strokeWidth={1.5}
1532
- style={
1613
+ <RNSVGGroup
1614
+ fill={null}
1615
+ propList={
1533
1616
  [
1534
- {
1535
- "backgroundColor": "transparent",
1536
- "borderWidth": 0,
1537
- },
1538
- {
1539
- "flex": 0,
1540
- "height": 20,
1541
- "width": 20,
1542
- },
1617
+ "fill",
1618
+ "strokeWidth",
1543
1619
  ]
1544
1620
  }
1545
- vbHeight={20}
1546
- vbWidth={20}
1547
- width={20}
1621
+ strokeWidth={1.5}
1548
1622
  >
1549
- <RNSVGGroup
1623
+ <RNSVGPath
1624
+ d="M11.875 2.5H4.375C4.20924 2.5 4.05027 2.56585 3.93306 2.68306C3.81585 2.80027 3.75 2.95924 3.75 3.125V16.875C3.75 17.0408 3.81585 17.1997 3.93306 17.3169C4.05027 17.4342 4.20924 17.5 4.375 17.5H15.625C15.7908 17.5 15.9497 17.4342 16.0669 17.3169C16.1842 17.1997 16.25 17.0408 16.25 16.875V6.875M11.875 2.5L16.25 6.875M11.875 2.5V6.875H16.25"
1550
1625
  fill={null}
1551
1626
  propList={
1552
1627
  [
1553
1628
  "fill",
1629
+ "stroke",
1554
1630
  "strokeWidth",
1631
+ "strokeLinecap",
1632
+ "strokeLinejoin",
1555
1633
  ]
1556
1634
  }
1557
- strokeWidth={1.5}
1558
- >
1559
- <RNSVGPath
1560
- d="M11.875 2.5H4.375C4.20924 2.5 4.05027 2.56585 3.93306 2.68306C3.81585 2.80027 3.75 2.95924 3.75 3.125V16.875C3.75 17.0408 3.81585 17.1997 3.93306 17.3169C4.05027 17.4342 4.20924 17.5 4.375 17.5H15.625C15.7908 17.5 15.9497 17.4342 16.0669 17.3169C16.1842 17.1997 16.25 17.0408 16.25 16.875V6.875M11.875 2.5L16.25 6.875M11.875 2.5V6.875H16.25"
1561
- fill={null}
1562
- propList={
1563
- [
1564
- "fill",
1565
- "stroke",
1566
- "strokeWidth",
1567
- "strokeLinecap",
1568
- "strokeLinejoin",
1569
- ]
1570
- }
1571
- stroke={
1572
- {
1573
- "payload": 4279900965,
1574
- "type": 0,
1575
- }
1635
+ stroke={
1636
+ {
1637
+ "payload": 4279900965,
1638
+ "type": 0,
1576
1639
  }
1577
- strokeLinecap={1}
1578
- strokeLinejoin={1}
1579
- strokeWidth={1.5}
1580
- />
1581
- </RNSVGGroup>
1582
- </RNSVGSvgView>
1583
- </RNGestureHandlerButton>
1584
- </View>
1640
+ }
1641
+ strokeLinecap={1}
1642
+ strokeLinejoin={1}
1643
+ strokeWidth={1.5}
1644
+ />
1645
+ </RNSVGGroup>
1646
+ </RNSVGSvgView>
1647
+ </RNGestureHandlerButton>
1585
1648
  </View>
1586
1649
  <View
1587
1650
  style={
@@ -1600,104 +1663,136 @@ exports[`AttachButton should render a enabled AttachButton 1`] = `
1600
1663
  ]
1601
1664
  }
1602
1665
  >
1603
- <View
1604
- handlerTags={
1605
- [
1606
- 32,
1607
- 31,
1608
- 30,
1609
- ]
1610
- }
1611
- onGestureHandlerEvent={[Function]}
1612
- onGestureHandlerReanimatedEvent={[Function]}
1613
- onGestureHandlerStateChange={[Function]}
1614
- onGestureHandlerTouchEvent={[Function]}
1615
- onStartShouldSetResponder={[Function]}
1616
- pointerEvents="box-none"
1617
- style={
1666
+ <RNGestureHandlerButton
1667
+ accessibilityRole="button"
1668
+ accessibilityState={
1618
1669
  {
1619
- "display": "contents",
1670
+ "disabled": false,
1671
+ "selected": false,
1620
1672
  }
1621
1673
  }
1622
- >
1623
- <RNGestureHandlerButton
1624
- accessibilityRole="button"
1625
- accessibilityState={
1626
- {
1627
- "disabled": false,
1628
- "selected": false,
1629
- }
1674
+ accessible={true}
1675
+ activeUnderlayOpacity={0.105}
1676
+ cancelOnLeave={true}
1677
+ defaultOpacity={1}
1678
+ defaultUnderlayOpacity={0}
1679
+ enabled={true}
1680
+ gestureHitSlop={
1681
+ {
1682
+ "bottom": 15,
1683
+ "left": 0,
1684
+ "right": 0,
1685
+ "top": 15,
1630
1686
  }
1631
- accessible={true}
1632
- enabled={true}
1633
- hitSlop={
1634
- {
1635
- "bottom": 15,
1636
- "left": 0,
1637
- "right": 0,
1638
- "top": 15,
1639
- }
1687
+ }
1688
+ gestureTestID="commands-touchable"
1689
+ handlerTag={12}
1690
+ hasLongPressHandler={false}
1691
+ hitSlop={
1692
+ {
1693
+ "bottom": 15,
1694
+ "left": 0,
1695
+ "right": 0,
1696
+ "top": 15,
1640
1697
  }
1641
- onLayout={[Function]}
1642
- rippleColor="transparent"
1698
+ }
1699
+ hoverAnimationInDuration={50}
1700
+ hoverAnimationOutDuration={100}
1701
+ longPressAnimationOutDuration={100}
1702
+ longPressDuration={500}
1703
+ onButtonInteractionFinished={[Function]}
1704
+ onButtonLongPress={[Function]}
1705
+ onButtonPress={[Function]}
1706
+ onButtonPressIn={[Function]}
1707
+ onButtonPressOut={[Function]}
1708
+ onLayout={[Function]}
1709
+ onStartShouldSetResponderCapture={[Function]}
1710
+ rippleColor="transparent"
1711
+ style={
1712
+ [
1713
+ {},
1714
+ [
1715
+ {
1716
+ "backgroundColor": "transparent",
1717
+ "paddingHorizontal": 0,
1718
+ },
1719
+ {
1720
+ "alignItems": "center",
1721
+ "borderRadius": 9999,
1722
+ "flex": 1,
1723
+ "flexDirection": "row",
1724
+ "gap": 8,
1725
+ "justifyContent": "center",
1726
+ },
1727
+ ],
1728
+ ]
1729
+ }
1730
+ tapAnimationInDuration={50}
1731
+ tapAnimationOutDuration={100}
1732
+ testID="commands-touchable"
1733
+ testOnly_onPress={[Function]}
1734
+ underlayColor="transparent"
1735
+ >
1736
+ <RNSVGSvgView
1737
+ align="xMidYMid"
1738
+ bbHeight={20}
1739
+ bbWidth={20}
1740
+ fill="none"
1741
+ focusable={false}
1742
+ height={20}
1743
+ meetOrSlice={0}
1744
+ minX={0}
1745
+ minY={0}
1746
+ stroke="#1a1b25"
1747
+ strokeWidth={1.5}
1643
1748
  style={
1644
1749
  [
1645
- {},
1646
- [
1647
- {
1648
- "backgroundColor": "transparent",
1649
- "paddingHorizontal": 0,
1650
- },
1651
- {
1652
- "alignItems": "center",
1653
- "borderRadius": 9999,
1654
- "flex": 1,
1655
- "flexDirection": "row",
1656
- "gap": 8,
1657
- "justifyContent": "center",
1658
- },
1659
- ],
1750
+ {
1751
+ "backgroundColor": "transparent",
1752
+ "borderWidth": 0,
1753
+ },
1754
+ {
1755
+ "flex": 0,
1756
+ "height": 20,
1757
+ "width": 20,
1758
+ },
1660
1759
  ]
1661
1760
  }
1662
- testID="commands-touchable"
1663
- testOnly_onPress={[Function]}
1761
+ vbHeight={20}
1762
+ vbWidth={20}
1763
+ width={20}
1664
1764
  >
1665
- <RNSVGSvgView
1666
- align="xMidYMid"
1667
- bbHeight={20}
1668
- bbWidth={20}
1669
- fill="none"
1670
- focusable={false}
1671
- height={20}
1672
- meetOrSlice={0}
1673
- minX={0}
1674
- minY={0}
1675
- stroke="#1a1b25"
1676
- strokeWidth={1.5}
1677
- style={
1765
+ <RNSVGGroup
1766
+ fill={null}
1767
+ propList={
1678
1768
  [
1679
- {
1680
- "backgroundColor": "transparent",
1681
- "borderWidth": 0,
1682
- },
1683
- {
1684
- "flex": 0,
1685
- "height": 20,
1686
- "width": 20,
1687
- },
1769
+ "fill",
1770
+ "stroke",
1771
+ "strokeWidth",
1688
1772
  ]
1689
1773
  }
1690
- vbHeight={20}
1691
- vbWidth={20}
1692
- width={20}
1774
+ stroke={
1775
+ {
1776
+ "payload": 4279900965,
1777
+ "type": 0,
1778
+ }
1779
+ }
1780
+ strokeWidth={1.5}
1693
1781
  >
1694
- <RNSVGGroup
1695
- fill={null}
1782
+ <RNSVGPath
1783
+ d="M6.25 7.5L9.375 10L6.25 12.5M10.625 12.5H13.75M3.125 3.75H16.875C17.2202 3.75 17.5 4.02982 17.5 4.375V15.625C17.5 15.9702 17.2202 16.25 16.875 16.25H3.125C2.77982 16.25 2.5 15.9702 2.5 15.625V4.375C2.5 4.02982 2.77982 3.75 3.125 3.75Z"
1784
+ fill={
1785
+ {
1786
+ "payload": 4278190080,
1787
+ "type": 0,
1788
+ }
1789
+ }
1696
1790
  propList={
1697
1791
  [
1698
- "fill",
1699
1792
  "stroke",
1700
1793
  "strokeWidth",
1794
+ "strokeLinecap",
1795
+ "strokeLinejoin",
1701
1796
  ]
1702
1797
  }
1703
1798
  stroke={
@@ -1706,38 +1801,13 @@ exports[`AttachButton should render a enabled AttachButton 1`] = `
1706
1801
  "type": 0,
1707
1802
  }
1708
1803
  }
1804
+ strokeLinecap={1}
1805
+ strokeLinejoin={1}
1709
1806
  strokeWidth={1.5}
1710
- >
1711
- <RNSVGPath
1712
- d="M6.25 7.5L9.375 10L6.25 12.5M10.625 12.5H13.75M3.125 3.75H16.875C17.2202 3.75 17.5 4.02982 17.5 4.375V15.625C17.5 15.9702 17.2202 16.25 16.875 16.25H3.125C2.77982 16.25 2.5 15.9702 2.5 15.625V4.375C2.5 4.02982 2.77982 3.75 3.125 3.75Z"
1713
- fill={
1714
- {
1715
- "payload": 4278190080,
1716
- "type": 0,
1717
- }
1718
- }
1719
- propList={
1720
- [
1721
- "stroke",
1722
- "strokeWidth",
1723
- "strokeLinecap",
1724
- "strokeLinejoin",
1725
- ]
1726
- }
1727
- stroke={
1728
- {
1729
- "payload": 4279900965,
1730
- "type": 0,
1731
- }
1732
- }
1733
- strokeLinecap={1}
1734
- strokeLinejoin={1}
1735
- strokeWidth={1.5}
1736
- />
1737
- </RNSVGGroup>
1738
- </RNSVGSvgView>
1739
- </RNGestureHandlerButton>
1740
- </View>
1807
+ />
1808
+ </RNSVGGroup>
1809
+ </RNSVGSvgView>
1810
+ </RNGestureHandlerButton>
1741
1811
  </View>
1742
1812
  </View>
1743
1813
  </View>
@@ -1877,104 +1947,136 @@ exports[`AttachButton should render an disabled AttachButton 1`] = `
1877
1947
  ]
1878
1948
  }
1879
1949
  >
1880
- <View
1881
- handlerTags={
1882
- [
1883
- 3,
1884
- 2,
1885
- 1,
1886
- ]
1887
- }
1888
- onGestureHandlerEvent={[Function]}
1889
- onGestureHandlerReanimatedEvent={[Function]}
1890
- onGestureHandlerStateChange={[Function]}
1891
- onGestureHandlerTouchEvent={[Function]}
1892
- onStartShouldSetResponder={[Function]}
1893
- pointerEvents="box-none"
1894
- style={
1950
+ <RNGestureHandlerButton
1951
+ accessibilityRole="button"
1952
+ accessibilityState={
1895
1953
  {
1896
- "display": "contents",
1954
+ "disabled": true,
1955
+ "selected": false,
1897
1956
  }
1898
1957
  }
1899
- >
1900
- <RNGestureHandlerButton
1901
- accessibilityRole="button"
1902
- accessibilityState={
1903
- {
1904
- "disabled": true,
1905
- "selected": false,
1906
- }
1958
+ accessible={true}
1959
+ activeUnderlayOpacity={0.105}
1960
+ cancelOnLeave={true}
1961
+ defaultOpacity={1}
1962
+ defaultUnderlayOpacity={0}
1963
+ enabled={false}
1964
+ gestureHitSlop={
1965
+ {
1966
+ "bottom": 0,
1967
+ "left": 0,
1968
+ "right": 0,
1969
+ "top": 0,
1907
1970
  }
1908
- accessible={true}
1909
- enabled={false}
1910
- hitSlop={
1911
- {
1912
- "bottom": 0,
1913
- "left": 0,
1914
- "right": 0,
1915
- "top": 0,
1916
- }
1971
+ }
1972
+ gestureTestID="attach-button"
1973
+ handlerTag={1}
1974
+ hasLongPressHandler={false}
1975
+ hitSlop={
1976
+ {
1977
+ "bottom": 0,
1978
+ "left": 0,
1979
+ "right": 0,
1980
+ "top": 0,
1917
1981
  }
1918
- onLayout={[Function]}
1919
- rippleColor="transparent"
1982
+ }
1983
+ hoverAnimationInDuration={50}
1984
+ hoverAnimationOutDuration={100}
1985
+ longPressAnimationOutDuration={100}
1986
+ longPressDuration={500}
1987
+ onButtonInteractionFinished={[Function]}
1988
+ onButtonLongPress={[Function]}
1989
+ onButtonPress={[Function]}
1990
+ onButtonPressIn={[Function]}
1991
+ onButtonPressOut={[Function]}
1992
+ onLayout={[Function]}
1993
+ onStartShouldSetResponderCapture={[Function]}
1994
+ rippleColor="transparent"
1995
+ style={
1996
+ [
1997
+ {},
1998
+ [
1999
+ {
2000
+ "backgroundColor": "transparent",
2001
+ "paddingHorizontal": 0,
2002
+ },
2003
+ {
2004
+ "alignItems": "center",
2005
+ "borderRadius": 9999,
2006
+ "flex": 1,
2007
+ "flexDirection": "row",
2008
+ "gap": 8,
2009
+ "justifyContent": "center",
2010
+ },
2011
+ ],
2012
+ ]
2013
+ }
2014
+ tapAnimationInDuration={50}
2015
+ tapAnimationOutDuration={100}
2016
+ testID="attach-button"
2017
+ testOnly_onPress={[Function]}
2018
+ underlayColor="transparent"
2019
+ >
2020
+ <RNSVGSvgView
2021
+ align="xMidYMid"
2022
+ bbHeight={20}
2023
+ bbWidth={20}
2024
+ fill="none"
2025
+ focusable={false}
2026
+ height={20}
2027
+ meetOrSlice={0}
2028
+ minX={0}
2029
+ minY={0}
2030
+ stroke="#a3acba"
2031
+ strokeWidth={1.5}
1920
2032
  style={
1921
2033
  [
1922
- {},
1923
- [
1924
- {
1925
- "backgroundColor": "transparent",
1926
- "paddingHorizontal": 0,
1927
- },
1928
- {
1929
- "alignItems": "center",
1930
- "borderRadius": 9999,
1931
- "flex": 1,
1932
- "flexDirection": "row",
1933
- "gap": 8,
1934
- "justifyContent": "center",
1935
- },
1936
- ],
2034
+ {
2035
+ "backgroundColor": "transparent",
2036
+ "borderWidth": 0,
2037
+ },
2038
+ {
2039
+ "flex": 0,
2040
+ "height": 20,
2041
+ "width": 20,
2042
+ },
1937
2043
  ]
1938
2044
  }
1939
- testID="attach-button"
1940
- testOnly_onPress={[Function]}
2045
+ vbHeight={20}
2046
+ vbWidth={20}
2047
+ width={20}
1941
2048
  >
1942
- <RNSVGSvgView
1943
- align="xMidYMid"
1944
- bbHeight={20}
1945
- bbWidth={20}
1946
- fill="none"
1947
- focusable={false}
1948
- height={20}
1949
- meetOrSlice={0}
1950
- minX={0}
1951
- minY={0}
1952
- stroke="#a3acba"
1953
- strokeWidth={1.5}
1954
- style={
2049
+ <RNSVGGroup
2050
+ fill={null}
2051
+ propList={
1955
2052
  [
1956
- {
1957
- "backgroundColor": "transparent",
1958
- "borderWidth": 0,
1959
- },
1960
- {
1961
- "flex": 0,
1962
- "height": 20,
1963
- "width": 20,
1964
- },
2053
+ "fill",
2054
+ "stroke",
2055
+ "strokeWidth",
1965
2056
  ]
1966
2057
  }
1967
- vbHeight={20}
1968
- vbWidth={20}
1969
- width={20}
2058
+ stroke={
2059
+ {
2060
+ "payload": 4288916666,
2061
+ "type": 0,
2062
+ }
2063
+ }
2064
+ strokeWidth={1.5}
1970
2065
  >
1971
- <RNSVGGroup
1972
- fill={null}
2066
+ <RNSVGPath
2067
+ d="M3.125 10H16.875M10 3.125V16.875"
2068
+ fill={
2069
+ {
2070
+ "payload": 4278190080,
2071
+ "type": 0,
2072
+ }
2073
+ }
1973
2074
  propList={
1974
2075
  [
1975
- "fill",
1976
2076
  "stroke",
1977
2077
  "strokeWidth",
2078
+ "strokeLinecap",
2079
+ "strokeLinejoin",
1978
2080
  ]
1979
2081
  }
1980
2082
  stroke={
@@ -1983,38 +2085,13 @@ exports[`AttachButton should render an disabled AttachButton 1`] = `
1983
2085
  "type": 0,
1984
2086
  }
1985
2087
  }
2088
+ strokeLinecap={1}
2089
+ strokeLinejoin={1}
1986
2090
  strokeWidth={1.5}
1987
- >
1988
- <RNSVGPath
1989
- d="M3.125 10H16.875M10 3.125V16.875"
1990
- fill={
1991
- {
1992
- "payload": 4278190080,
1993
- "type": 0,
1994
- }
1995
- }
1996
- propList={
1997
- [
1998
- "stroke",
1999
- "strokeWidth",
2000
- "strokeLinecap",
2001
- "strokeLinejoin",
2002
- ]
2003
- }
2004
- stroke={
2005
- {
2006
- "payload": 4288916666,
2007
- "type": 0,
2008
- }
2009
- }
2010
- strokeLinecap={1}
2011
- strokeLinejoin={1}
2012
- strokeWidth={1.5}
2013
- />
2014
- </RNSVGGroup>
2015
- </RNSVGSvgView>
2016
- </RNGestureHandlerButton>
2017
- </View>
2091
+ />
2092
+ </RNSVGGroup>
2093
+ </RNSVGSvgView>
2094
+ </RNGestureHandlerButton>
2018
2095
  </View>
2019
2096
  </View>
2020
2097
  <View>
@@ -2052,136 +2129,143 @@ exports[`AttachButton should render an disabled AttachButton 1`] = `
2052
2129
  ]
2053
2130
  }
2054
2131
  >
2055
- <View
2056
- handlerTags={
2057
- [
2058
- 6,
2059
- 5,
2060
- 4,
2061
- ]
2062
- }
2063
- onGestureHandlerEvent={[Function]}
2064
- onGestureHandlerReanimatedEvent={[Function]}
2065
- onGestureHandlerStateChange={[Function]}
2066
- onGestureHandlerTouchEvent={[Function]}
2067
- onStartShouldSetResponder={[Function]}
2068
- pointerEvents="box-none"
2069
- style={
2132
+ <RNGestureHandlerButton
2133
+ accessibilityRole="button"
2134
+ accessibilityState={
2070
2135
  {
2071
- "display": "contents",
2136
+ "disabled": false,
2137
+ "selected": false,
2072
2138
  }
2073
2139
  }
2074
- >
2075
- <RNGestureHandlerButton
2076
- accessibilityRole="button"
2077
- accessibilityState={
2078
- {
2079
- "disabled": false,
2080
- "selected": false,
2081
- }
2140
+ accessible={true}
2141
+ activeUnderlayOpacity={0.105}
2142
+ cancelOnLeave={true}
2143
+ defaultOpacity={1}
2144
+ defaultUnderlayOpacity={0}
2145
+ enabled={true}
2146
+ gestureHitSlop={
2147
+ {
2148
+ "bottom": 15,
2149
+ "left": 0,
2150
+ "right": 0,
2151
+ "top": 15,
2082
2152
  }
2083
- accessible={true}
2084
- enabled={true}
2085
- hitSlop={
2086
- {
2087
- "bottom": 15,
2088
- "left": 0,
2089
- "right": 0,
2090
- "top": 15,
2091
- }
2153
+ }
2154
+ gestureTestID="upload-photo-touchable"
2155
+ handlerTag={2}
2156
+ hasLongPressHandler={false}
2157
+ hitSlop={
2158
+ {
2159
+ "bottom": 15,
2160
+ "left": 0,
2161
+ "right": 0,
2162
+ "top": 15,
2092
2163
  }
2093
- onLayout={[Function]}
2094
- rippleColor="transparent"
2164
+ }
2165
+ hoverAnimationInDuration={50}
2166
+ hoverAnimationOutDuration={100}
2167
+ longPressAnimationOutDuration={100}
2168
+ longPressDuration={500}
2169
+ onButtonInteractionFinished={[Function]}
2170
+ onButtonLongPress={[Function]}
2171
+ onButtonPress={[Function]}
2172
+ onButtonPressIn={[Function]}
2173
+ onButtonPressOut={[Function]}
2174
+ onLayout={[Function]}
2175
+ onStartShouldSetResponderCapture={[Function]}
2176
+ rippleColor="transparent"
2177
+ style={
2178
+ [
2179
+ {},
2180
+ [
2181
+ {
2182
+ "backgroundColor": "transparent",
2183
+ "paddingHorizontal": 0,
2184
+ },
2185
+ {
2186
+ "alignItems": "center",
2187
+ "borderRadius": 9999,
2188
+ "flex": 1,
2189
+ "flexDirection": "row",
2190
+ "gap": 8,
2191
+ "justifyContent": "center",
2192
+ },
2193
+ ],
2194
+ ]
2195
+ }
2196
+ tapAnimationInDuration={50}
2197
+ tapAnimationOutDuration={100}
2198
+ testID="upload-photo-touchable"
2199
+ testOnly_onPress={[Function]}
2200
+ underlayColor="transparent"
2201
+ >
2202
+ <RNSVGSvgView
2203
+ align="xMidYMid"
2204
+ bbHeight={20}
2205
+ bbWidth={20}
2206
+ fill="none"
2207
+ focusable={false}
2208
+ height={20}
2209
+ meetOrSlice={0}
2210
+ minX={0}
2211
+ minY={0}
2212
+ strokeWidth={1.5}
2095
2213
  style={
2096
2214
  [
2097
- {},
2098
- [
2099
- {
2100
- "backgroundColor": "transparent",
2101
- "paddingHorizontal": 0,
2102
- },
2103
- {
2104
- "alignItems": "center",
2105
- "borderRadius": 9999,
2106
- "flex": 1,
2107
- "flexDirection": "row",
2108
- "gap": 8,
2109
- "justifyContent": "center",
2110
- },
2111
- ],
2215
+ {
2216
+ "backgroundColor": "transparent",
2217
+ "borderWidth": 0,
2218
+ },
2219
+ {
2220
+ "flex": 0,
2221
+ "height": 20,
2222
+ "width": 20,
2223
+ },
2112
2224
  ]
2113
2225
  }
2114
- testID="upload-photo-touchable"
2115
- testOnly_onPress={[Function]}
2226
+ vbHeight={20}
2227
+ vbWidth={20}
2228
+ width={20}
2116
2229
  >
2117
- <RNSVGSvgView
2118
- align="xMidYMid"
2119
- bbHeight={20}
2120
- bbWidth={20}
2121
- fill="none"
2122
- focusable={false}
2123
- height={20}
2124
- meetOrSlice={0}
2125
- minX={0}
2126
- minY={0}
2127
- strokeWidth={1.5}
2128
- style={
2230
+ <RNSVGGroup
2231
+ fill={null}
2232
+ propList={
2129
2233
  [
2130
- {
2131
- "backgroundColor": "transparent",
2132
- "borderWidth": 0,
2133
- },
2134
- {
2135
- "flex": 0,
2136
- "height": 20,
2137
- "width": 20,
2138
- },
2234
+ "fill",
2235
+ "strokeWidth",
2139
2236
  ]
2140
2237
  }
2141
- vbHeight={20}
2142
- vbWidth={20}
2143
- width={20}
2238
+ strokeWidth={1.5}
2144
2239
  >
2145
- <RNSVGGroup
2146
- fill={null}
2240
+ <RNSVGPath
2241
+ d="M4.42891 16.875L12.9953 8.30781C13.0534 8.2497 13.1223 8.2036 13.1982 8.17215C13.274 8.1407 13.3554 8.12451 13.4375 8.12451C13.5196 8.12451 13.601 8.1407 13.6768 8.17215C13.7527 8.2036 13.8216 8.2497 13.8797 8.30781L16.875 11.3039M3.75 3.125H16.25C16.5952 3.125 16.875 3.40482 16.875 3.75V16.25C16.875 16.5952 16.5952 16.875 16.25 16.875H3.75C3.40482 16.875 3.125 16.5952 3.125 16.25V3.75C3.125 3.40482 3.40482 3.125 3.75 3.125ZM8.75 7.5C8.75 8.19036 8.19036 8.75 7.5 8.75C6.80964 8.75 6.25 8.19036 6.25 7.5C6.25 6.80964 6.80964 6.25 7.5 6.25C8.19036 6.25 8.75 6.80964 8.75 7.5Z"
2242
+ fill={
2243
+ {
2244
+ "payload": 4278190080,
2245
+ "type": 0,
2246
+ }
2247
+ }
2147
2248
  propList={
2148
2249
  [
2149
- "fill",
2250
+ "stroke",
2150
2251
  "strokeWidth",
2252
+ "strokeLinecap",
2253
+ "strokeLinejoin",
2151
2254
  ]
2152
2255
  }
2153
- strokeWidth={1.5}
2154
- >
2155
- <RNSVGPath
2156
- d="M4.42891 16.875L12.9953 8.30781C13.0534 8.2497 13.1223 8.2036 13.1982 8.17215C13.274 8.1407 13.3554 8.12451 13.4375 8.12451C13.5196 8.12451 13.601 8.1407 13.6768 8.17215C13.7527 8.2036 13.8216 8.2497 13.8797 8.30781L16.875 11.3039M3.75 3.125H16.25C16.5952 3.125 16.875 3.40482 16.875 3.75V16.25C16.875 16.5952 16.5952 16.875 16.25 16.875H3.75C3.40482 16.875 3.125 16.5952 3.125 16.25V3.75C3.125 3.40482 3.40482 3.125 3.75 3.125ZM8.75 7.5C8.75 8.19036 8.19036 8.75 7.5 8.75C6.80964 8.75 6.25 8.19036 6.25 7.5C6.25 6.80964 6.80964 6.25 7.5 6.25C8.19036 6.25 8.75 6.80964 8.75 7.5Z"
2157
- fill={
2158
- {
2159
- "payload": 4278190080,
2160
- "type": 0,
2161
- }
2162
- }
2163
- propList={
2164
- [
2165
- "stroke",
2166
- "strokeWidth",
2167
- "strokeLinecap",
2168
- "strokeLinejoin",
2169
- ]
2170
- }
2171
- stroke={
2172
- {
2173
- "payload": 4279900965,
2174
- "type": 0,
2175
- }
2256
+ stroke={
2257
+ {
2258
+ "payload": 4279900965,
2259
+ "type": 0,
2176
2260
  }
2177
- strokeLinecap={1}
2178
- strokeLinejoin={1}
2179
- strokeWidth={1.5}
2180
- />
2181
- </RNSVGGroup>
2182
- </RNSVGSvgView>
2183
- </RNGestureHandlerButton>
2184
- </View>
2261
+ }
2262
+ strokeLinecap={1}
2263
+ strokeLinejoin={1}
2264
+ strokeWidth={1.5}
2265
+ />
2266
+ </RNSVGGroup>
2267
+ </RNSVGSvgView>
2268
+ </RNGestureHandlerButton>
2185
2269
  </View>
2186
2270
  <View
2187
2271
  style={
@@ -2200,106 +2284,137 @@ exports[`AttachButton should render an disabled AttachButton 1`] = `
2200
2284
  ]
2201
2285
  }
2202
2286
  >
2203
- <View
2204
- handlerTags={
2205
- [
2206
- 9,
2207
- 8,
2208
- 7,
2209
- ]
2210
- }
2211
- onGestureHandlerEvent={[Function]}
2212
- onGestureHandlerReanimatedEvent={[Function]}
2213
- onGestureHandlerStateChange={[Function]}
2214
- onGestureHandlerTouchEvent={[Function]}
2215
- onStartShouldSetResponder={[Function]}
2216
- pointerEvents="box-none"
2217
- style={
2287
+ <RNGestureHandlerButton
2288
+ accessibilityRole="button"
2289
+ accessibilityState={
2218
2290
  {
2219
- "display": "contents",
2291
+ "disabled": false,
2292
+ "selected": false,
2220
2293
  }
2221
2294
  }
2222
- >
2223
- <RNGestureHandlerButton
2224
- accessibilityRole="button"
2225
- accessibilityState={
2226
- {
2227
- "disabled": false,
2228
- "selected": false,
2229
- }
2295
+ accessible={true}
2296
+ activeUnderlayOpacity={0.105}
2297
+ cancelOnLeave={true}
2298
+ defaultOpacity={1}
2299
+ defaultUnderlayOpacity={0}
2300
+ enabled={true}
2301
+ gestureHitSlop={
2302
+ {
2303
+ "bottom": 15,
2304
+ "left": 0,
2305
+ "right": 0,
2306
+ "top": 15,
2230
2307
  }
2231
- accessible={true}
2232
- enabled={true}
2233
- hitSlop={
2234
- {
2235
- "bottom": 15,
2236
- "left": 0,
2237
- "right": 0,
2238
- "top": 15,
2239
- }
2308
+ }
2309
+ gestureTestID="take-photo-touchable"
2310
+ handlerTag={3}
2311
+ hasLongPressHandler={false}
2312
+ hitSlop={
2313
+ {
2314
+ "bottom": 15,
2315
+ "left": 0,
2316
+ "right": 0,
2317
+ "top": 15,
2240
2318
  }
2241
- onLayout={[Function]}
2242
- rippleColor="transparent"
2319
+ }
2320
+ hoverAnimationInDuration={50}
2321
+ hoverAnimationOutDuration={100}
2322
+ longPressAnimationOutDuration={100}
2323
+ longPressDuration={500}
2324
+ onButtonInteractionFinished={[Function]}
2325
+ onButtonLongPress={[Function]}
2326
+ onButtonPress={[Function]}
2327
+ onButtonPressIn={[Function]}
2328
+ onButtonPressOut={[Function]}
2329
+ onLayout={[Function]}
2330
+ onStartShouldSetResponderCapture={[Function]}
2331
+ rippleColor="transparent"
2332
+ style={
2333
+ [
2334
+ {},
2335
+ [
2336
+ {
2337
+ "backgroundColor": "transparent",
2338
+ "paddingHorizontal": 0,
2339
+ },
2340
+ {
2341
+ "alignItems": "center",
2342
+ "borderRadius": 9999,
2343
+ "flex": 1,
2344
+ "flexDirection": "row",
2345
+ "gap": 8,
2346
+ "justifyContent": "center",
2347
+ },
2348
+ ],
2349
+ ]
2350
+ }
2351
+ tapAnimationInDuration={50}
2352
+ tapAnimationOutDuration={100}
2353
+ testID="take-photo-touchable"
2354
+ testOnly_onPress={[Function]}
2355
+ underlayColor="transparent"
2356
+ >
2357
+ <RNSVGSvgView
2358
+ align="xMidYMid"
2359
+ bbHeight={20}
2360
+ bbWidth={20}
2361
+ fill="none"
2362
+ focusable={false}
2363
+ height={20}
2364
+ meetOrSlice={0}
2365
+ minX={0}
2366
+ minY={0}
2367
+ stroke="#1a1b25"
2368
+ strokeLinejoin="round"
2369
+ strokeWidth={1.5}
2243
2370
  style={
2244
2371
  [
2245
- {},
2246
- [
2247
- {
2248
- "backgroundColor": "transparent",
2249
- "paddingHorizontal": 0,
2250
- },
2251
- {
2252
- "alignItems": "center",
2253
- "borderRadius": 9999,
2254
- "flex": 1,
2255
- "flexDirection": "row",
2256
- "gap": 8,
2257
- "justifyContent": "center",
2258
- },
2259
- ],
2372
+ {
2373
+ "backgroundColor": "transparent",
2374
+ "borderWidth": 0,
2375
+ },
2376
+ {
2377
+ "flex": 0,
2378
+ "height": 20,
2379
+ "width": 20,
2380
+ },
2260
2381
  ]
2261
2382
  }
2262
- testID="take-photo-touchable"
2263
- testOnly_onPress={[Function]}
2383
+ vbHeight={20}
2384
+ vbWidth={20}
2385
+ width={20}
2264
2386
  >
2265
- <RNSVGSvgView
2266
- align="xMidYMid"
2267
- bbHeight={20}
2268
- bbWidth={20}
2269
- fill="none"
2270
- focusable={false}
2271
- height={20}
2272
- meetOrSlice={0}
2273
- minX={0}
2274
- minY={0}
2275
- stroke="#1a1b25"
2276
- strokeLinejoin="round"
2277
- strokeWidth={1.5}
2278
- style={
2387
+ <RNSVGGroup
2388
+ fill={null}
2389
+ propList={
2279
2390
  [
2280
- {
2281
- "backgroundColor": "transparent",
2282
- "borderWidth": 0,
2283
- },
2284
- {
2285
- "flex": 0,
2286
- "height": 20,
2287
- "width": 20,
2288
- },
2391
+ "fill",
2392
+ "stroke",
2393
+ "strokeWidth",
2394
+ "strokeLinejoin",
2289
2395
  ]
2290
2396
  }
2291
- vbHeight={20}
2292
- vbWidth={20}
2293
- width={20}
2397
+ stroke={
2398
+ {
2399
+ "payload": 4279900965,
2400
+ "type": 0,
2401
+ }
2402
+ }
2403
+ strokeLinejoin={1}
2404
+ strokeWidth={1.5}
2294
2405
  >
2295
- <RNSVGGroup
2296
- fill={null}
2406
+ <RNSVGPath
2407
+ d="M16.25 16.25H3.75C3.41848 16.25 3.10054 16.1183 2.86612 15.8839C2.6317 15.6495 2.5 15.3315 2.5 15V6.25C2.5 5.91848 2.6317 5.60054 2.86612 5.36612C3.10054 5.1317 3.41848 5 3.75 5H6.25L7.5 3.125H12.5L13.75 5H16.25C16.5815 5 16.8995 5.1317 17.1339 5.36612C17.3683 5.60054 17.5 5.91848 17.5 6.25V15C17.5 15.3315 17.3683 15.6495 17.1339 15.8839C16.8995 16.1183 16.5815 16.25 16.25 16.25Z"
2408
+ fill={
2409
+ {
2410
+ "payload": 4278190080,
2411
+ "type": 0,
2412
+ }
2413
+ }
2297
2414
  propList={
2298
2415
  [
2299
- "fill",
2300
2416
  "stroke",
2301
2417
  "strokeWidth",
2302
- "strokeLinejoin",
2303
2418
  ]
2304
2419
  }
2305
2420
  stroke={
@@ -2308,57 +2423,33 @@ exports[`AttachButton should render an disabled AttachButton 1`] = `
2308
2423
  "type": 0,
2309
2424
  }
2310
2425
  }
2311
- strokeLinejoin={1}
2312
2426
  strokeWidth={1.5}
2313
- >
2314
- <RNSVGPath
2315
- d="M16.25 16.25H3.75C3.41848 16.25 3.10054 16.1183 2.86612 15.8839C2.6317 15.6495 2.5 15.3315 2.5 15V6.25C2.5 5.91848 2.6317 5.60054 2.86612 5.36612C3.10054 5.1317 3.41848 5 3.75 5H6.25L7.5 3.125H12.5L13.75 5H16.25C16.5815 5 16.8995 5.1317 17.1339 5.36612C17.3683 5.60054 17.5 5.91848 17.5 6.25V15C17.5 15.3315 17.3683 15.6495 17.1339 15.8839C16.8995 16.1183 16.5815 16.25 16.25 16.25Z"
2316
- fill={
2317
- {
2318
- "payload": 4278190080,
2319
- "type": 0,
2320
- }
2321
- }
2322
- propList={
2323
- [
2324
- "stroke",
2325
- "strokeWidth",
2326
- ]
2327
- }
2328
- stroke={
2329
- {
2330
- "payload": 4279900965,
2331
- "type": 0,
2332
- }
2333
- }
2334
- strokeWidth={1.5}
2335
- />
2336
- <RNSVGPath
2337
- d="M10 13.125C11.5533 13.125 12.8125 11.8658 12.8125 10.3125C12.8125 8.7592 11.5533 7.5 10 7.5C8.4467 7.5 7.1875 8.7592 7.1875 10.3125C7.1875 11.8658 8.4467 13.125 10 13.125Z"
2338
- fill={
2339
- {
2340
- "payload": 4278190080,
2341
- "type": 0,
2342
- }
2343
- }
2344
- propList={
2345
- [
2346
- "stroke",
2347
- "strokeWidth",
2348
- ]
2427
+ />
2428
+ <RNSVGPath
2429
+ d="M10 13.125C11.5533 13.125 12.8125 11.8658 12.8125 10.3125C12.8125 8.7592 11.5533 7.5 10 7.5C8.4467 7.5 7.1875 8.7592 7.1875 10.3125C7.1875 11.8658 8.4467 13.125 10 13.125Z"
2430
+ fill={
2431
+ {
2432
+ "payload": 4278190080,
2433
+ "type": 0,
2349
2434
  }
2350
- stroke={
2351
- {
2352
- "payload": 4279900965,
2353
- "type": 0,
2354
- }
2435
+ }
2436
+ propList={
2437
+ [
2438
+ "stroke",
2439
+ "strokeWidth",
2440
+ ]
2441
+ }
2442
+ stroke={
2443
+ {
2444
+ "payload": 4279900965,
2445
+ "type": 0,
2355
2446
  }
2356
- strokeWidth={1.5}
2357
- />
2358
- </RNSVGGroup>
2359
- </RNSVGSvgView>
2360
- </RNGestureHandlerButton>
2361
- </View>
2447
+ }
2448
+ strokeWidth={1.5}
2449
+ />
2450
+ </RNSVGGroup>
2451
+ </RNSVGSvgView>
2452
+ </RNGestureHandlerButton>
2362
2453
  </View>
2363
2454
  <View
2364
2455
  style={
@@ -2377,132 +2468,139 @@ exports[`AttachButton should render an disabled AttachButton 1`] = `
2377
2468
  ]
2378
2469
  }
2379
2470
  >
2380
- <View
2381
- handlerTags={
2382
- [
2383
- 12,
2384
- 11,
2385
- 10,
2386
- ]
2387
- }
2388
- onGestureHandlerEvent={[Function]}
2389
- onGestureHandlerReanimatedEvent={[Function]}
2390
- onGestureHandlerStateChange={[Function]}
2391
- onGestureHandlerTouchEvent={[Function]}
2392
- onStartShouldSetResponder={[Function]}
2393
- pointerEvents="box-none"
2394
- style={
2471
+ <RNGestureHandlerButton
2472
+ accessibilityRole="button"
2473
+ accessibilityState={
2395
2474
  {
2396
- "display": "contents",
2475
+ "disabled": false,
2476
+ "selected": false,
2397
2477
  }
2398
2478
  }
2399
- >
2400
- <RNGestureHandlerButton
2401
- accessibilityRole="button"
2402
- accessibilityState={
2403
- {
2404
- "disabled": false,
2405
- "selected": false,
2406
- }
2479
+ accessible={true}
2480
+ activeUnderlayOpacity={0.105}
2481
+ cancelOnLeave={true}
2482
+ defaultOpacity={1}
2483
+ defaultUnderlayOpacity={0}
2484
+ enabled={true}
2485
+ gestureHitSlop={
2486
+ {
2487
+ "bottom": 15,
2488
+ "left": 0,
2489
+ "right": 0,
2490
+ "top": 15,
2407
2491
  }
2408
- accessible={true}
2409
- enabled={true}
2410
- hitSlop={
2411
- {
2412
- "bottom": 15,
2413
- "left": 0,
2414
- "right": 0,
2415
- "top": 15,
2416
- }
2492
+ }
2493
+ gestureTestID="upload-file-touchable"
2494
+ handlerTag={4}
2495
+ hasLongPressHandler={false}
2496
+ hitSlop={
2497
+ {
2498
+ "bottom": 15,
2499
+ "left": 0,
2500
+ "right": 0,
2501
+ "top": 15,
2417
2502
  }
2418
- onLayout={[Function]}
2419
- rippleColor="transparent"
2503
+ }
2504
+ hoverAnimationInDuration={50}
2505
+ hoverAnimationOutDuration={100}
2506
+ longPressAnimationOutDuration={100}
2507
+ longPressDuration={500}
2508
+ onButtonInteractionFinished={[Function]}
2509
+ onButtonLongPress={[Function]}
2510
+ onButtonPress={[Function]}
2511
+ onButtonPressIn={[Function]}
2512
+ onButtonPressOut={[Function]}
2513
+ onLayout={[Function]}
2514
+ onStartShouldSetResponderCapture={[Function]}
2515
+ rippleColor="transparent"
2516
+ style={
2517
+ [
2518
+ {},
2519
+ [
2520
+ {
2521
+ "backgroundColor": "transparent",
2522
+ "paddingHorizontal": 0,
2523
+ },
2524
+ {
2525
+ "alignItems": "center",
2526
+ "borderRadius": 9999,
2527
+ "flex": 1,
2528
+ "flexDirection": "row",
2529
+ "gap": 8,
2530
+ "justifyContent": "center",
2531
+ },
2532
+ ],
2533
+ ]
2534
+ }
2535
+ tapAnimationInDuration={50}
2536
+ tapAnimationOutDuration={100}
2537
+ testID="upload-file-touchable"
2538
+ testOnly_onPress={[Function]}
2539
+ underlayColor="transparent"
2540
+ >
2541
+ <RNSVGSvgView
2542
+ align="xMidYMid"
2543
+ bbHeight={20}
2544
+ bbWidth={20}
2545
+ fill="none"
2546
+ focusable={false}
2547
+ height={20}
2548
+ meetOrSlice={0}
2549
+ minX={0}
2550
+ minY={0}
2551
+ strokeWidth={1.5}
2420
2552
  style={
2421
2553
  [
2422
- {},
2423
- [
2424
- {
2425
- "backgroundColor": "transparent",
2426
- "paddingHorizontal": 0,
2427
- },
2428
- {
2429
- "alignItems": "center",
2430
- "borderRadius": 9999,
2431
- "flex": 1,
2432
- "flexDirection": "row",
2433
- "gap": 8,
2434
- "justifyContent": "center",
2435
- },
2436
- ],
2554
+ {
2555
+ "backgroundColor": "transparent",
2556
+ "borderWidth": 0,
2557
+ },
2558
+ {
2559
+ "flex": 0,
2560
+ "height": 20,
2561
+ "width": 20,
2562
+ },
2437
2563
  ]
2438
2564
  }
2439
- testID="upload-file-touchable"
2440
- testOnly_onPress={[Function]}
2565
+ vbHeight={20}
2566
+ vbWidth={20}
2567
+ width={20}
2441
2568
  >
2442
- <RNSVGSvgView
2443
- align="xMidYMid"
2444
- bbHeight={20}
2445
- bbWidth={20}
2446
- fill="none"
2447
- focusable={false}
2448
- height={20}
2449
- meetOrSlice={0}
2450
- minX={0}
2451
- minY={0}
2452
- strokeWidth={1.5}
2453
- style={
2569
+ <RNSVGGroup
2570
+ fill={null}
2571
+ propList={
2454
2572
  [
2455
- {
2456
- "backgroundColor": "transparent",
2457
- "borderWidth": 0,
2458
- },
2459
- {
2460
- "flex": 0,
2461
- "height": 20,
2462
- "width": 20,
2463
- },
2573
+ "fill",
2574
+ "strokeWidth",
2464
2575
  ]
2465
2576
  }
2466
- vbHeight={20}
2467
- vbWidth={20}
2468
- width={20}
2577
+ strokeWidth={1.5}
2469
2578
  >
2470
- <RNSVGGroup
2579
+ <RNSVGPath
2580
+ d="M11.875 2.5H4.375C4.20924 2.5 4.05027 2.56585 3.93306 2.68306C3.81585 2.80027 3.75 2.95924 3.75 3.125V16.875C3.75 17.0408 3.81585 17.1997 3.93306 17.3169C4.05027 17.4342 4.20924 17.5 4.375 17.5H15.625C15.7908 17.5 15.9497 17.4342 16.0669 17.3169C16.1842 17.1997 16.25 17.0408 16.25 16.875V6.875M11.875 2.5L16.25 6.875M11.875 2.5V6.875H16.25"
2471
2581
  fill={null}
2472
2582
  propList={
2473
2583
  [
2474
2584
  "fill",
2585
+ "stroke",
2475
2586
  "strokeWidth",
2587
+ "strokeLinecap",
2588
+ "strokeLinejoin",
2476
2589
  ]
2477
2590
  }
2478
- strokeWidth={1.5}
2479
- >
2480
- <RNSVGPath
2481
- d="M11.875 2.5H4.375C4.20924 2.5 4.05027 2.56585 3.93306 2.68306C3.81585 2.80027 3.75 2.95924 3.75 3.125V16.875C3.75 17.0408 3.81585 17.1997 3.93306 17.3169C4.05027 17.4342 4.20924 17.5 4.375 17.5H15.625C15.7908 17.5 15.9497 17.4342 16.0669 17.3169C16.1842 17.1997 16.25 17.0408 16.25 16.875V6.875M11.875 2.5L16.25 6.875M11.875 2.5V6.875H16.25"
2482
- fill={null}
2483
- propList={
2484
- [
2485
- "fill",
2486
- "stroke",
2487
- "strokeWidth",
2488
- "strokeLinecap",
2489
- "strokeLinejoin",
2490
- ]
2491
- }
2492
- stroke={
2493
- {
2494
- "payload": 4279900965,
2495
- "type": 0,
2496
- }
2591
+ stroke={
2592
+ {
2593
+ "payload": 4279900965,
2594
+ "type": 0,
2497
2595
  }
2498
- strokeLinecap={1}
2499
- strokeLinejoin={1}
2500
- strokeWidth={1.5}
2501
- />
2502
- </RNSVGGroup>
2503
- </RNSVGSvgView>
2504
- </RNGestureHandlerButton>
2505
- </View>
2596
+ }
2597
+ strokeLinecap={1}
2598
+ strokeLinejoin={1}
2599
+ strokeWidth={1.5}
2600
+ />
2601
+ </RNSVGGroup>
2602
+ </RNSVGSvgView>
2603
+ </RNGestureHandlerButton>
2506
2604
  </View>
2507
2605
  <View
2508
2606
  style={
@@ -2521,104 +2619,136 @@ exports[`AttachButton should render an disabled AttachButton 1`] = `
2521
2619
  ]
2522
2620
  }
2523
2621
  >
2524
- <View
2525
- handlerTags={
2526
- [
2527
- 15,
2528
- 14,
2529
- 13,
2530
- ]
2531
- }
2532
- onGestureHandlerEvent={[Function]}
2533
- onGestureHandlerReanimatedEvent={[Function]}
2534
- onGestureHandlerStateChange={[Function]}
2535
- onGestureHandlerTouchEvent={[Function]}
2536
- onStartShouldSetResponder={[Function]}
2537
- pointerEvents="box-none"
2538
- style={
2622
+ <RNGestureHandlerButton
2623
+ accessibilityRole="button"
2624
+ accessibilityState={
2539
2625
  {
2540
- "display": "contents",
2626
+ "disabled": false,
2627
+ "selected": false,
2541
2628
  }
2542
2629
  }
2543
- >
2544
- <RNGestureHandlerButton
2545
- accessibilityRole="button"
2546
- accessibilityState={
2547
- {
2548
- "disabled": false,
2549
- "selected": false,
2550
- }
2630
+ accessible={true}
2631
+ activeUnderlayOpacity={0.105}
2632
+ cancelOnLeave={true}
2633
+ defaultOpacity={1}
2634
+ defaultUnderlayOpacity={0}
2635
+ enabled={true}
2636
+ gestureHitSlop={
2637
+ {
2638
+ "bottom": 15,
2639
+ "left": 0,
2640
+ "right": 0,
2641
+ "top": 15,
2551
2642
  }
2552
- accessible={true}
2553
- enabled={true}
2554
- hitSlop={
2555
- {
2556
- "bottom": 15,
2557
- "left": 0,
2558
- "right": 0,
2559
- "top": 15,
2560
- }
2643
+ }
2644
+ gestureTestID="commands-touchable"
2645
+ handlerTag={5}
2646
+ hasLongPressHandler={false}
2647
+ hitSlop={
2648
+ {
2649
+ "bottom": 15,
2650
+ "left": 0,
2651
+ "right": 0,
2652
+ "top": 15,
2561
2653
  }
2562
- onLayout={[Function]}
2563
- rippleColor="transparent"
2654
+ }
2655
+ hoverAnimationInDuration={50}
2656
+ hoverAnimationOutDuration={100}
2657
+ longPressAnimationOutDuration={100}
2658
+ longPressDuration={500}
2659
+ onButtonInteractionFinished={[Function]}
2660
+ onButtonLongPress={[Function]}
2661
+ onButtonPress={[Function]}
2662
+ onButtonPressIn={[Function]}
2663
+ onButtonPressOut={[Function]}
2664
+ onLayout={[Function]}
2665
+ onStartShouldSetResponderCapture={[Function]}
2666
+ rippleColor="transparent"
2667
+ style={
2668
+ [
2669
+ {},
2670
+ [
2671
+ {
2672
+ "backgroundColor": "transparent",
2673
+ "paddingHorizontal": 0,
2674
+ },
2675
+ {
2676
+ "alignItems": "center",
2677
+ "borderRadius": 9999,
2678
+ "flex": 1,
2679
+ "flexDirection": "row",
2680
+ "gap": 8,
2681
+ "justifyContent": "center",
2682
+ },
2683
+ ],
2684
+ ]
2685
+ }
2686
+ tapAnimationInDuration={50}
2687
+ tapAnimationOutDuration={100}
2688
+ testID="commands-touchable"
2689
+ testOnly_onPress={[Function]}
2690
+ underlayColor="transparent"
2691
+ >
2692
+ <RNSVGSvgView
2693
+ align="xMidYMid"
2694
+ bbHeight={20}
2695
+ bbWidth={20}
2696
+ fill="none"
2697
+ focusable={false}
2698
+ height={20}
2699
+ meetOrSlice={0}
2700
+ minX={0}
2701
+ minY={0}
2702
+ stroke="#1a1b25"
2703
+ strokeWidth={1.5}
2564
2704
  style={
2565
2705
  [
2566
- {},
2567
- [
2568
- {
2569
- "backgroundColor": "transparent",
2570
- "paddingHorizontal": 0,
2571
- },
2572
- {
2573
- "alignItems": "center",
2574
- "borderRadius": 9999,
2575
- "flex": 1,
2576
- "flexDirection": "row",
2577
- "gap": 8,
2578
- "justifyContent": "center",
2579
- },
2580
- ],
2706
+ {
2707
+ "backgroundColor": "transparent",
2708
+ "borderWidth": 0,
2709
+ },
2710
+ {
2711
+ "flex": 0,
2712
+ "height": 20,
2713
+ "width": 20,
2714
+ },
2581
2715
  ]
2582
2716
  }
2583
- testID="commands-touchable"
2584
- testOnly_onPress={[Function]}
2717
+ vbHeight={20}
2718
+ vbWidth={20}
2719
+ width={20}
2585
2720
  >
2586
- <RNSVGSvgView
2587
- align="xMidYMid"
2588
- bbHeight={20}
2589
- bbWidth={20}
2590
- fill="none"
2591
- focusable={false}
2592
- height={20}
2593
- meetOrSlice={0}
2594
- minX={0}
2595
- minY={0}
2596
- stroke="#1a1b25"
2597
- strokeWidth={1.5}
2598
- style={
2721
+ <RNSVGGroup
2722
+ fill={null}
2723
+ propList={
2599
2724
  [
2600
- {
2601
- "backgroundColor": "transparent",
2602
- "borderWidth": 0,
2603
- },
2604
- {
2605
- "flex": 0,
2606
- "height": 20,
2607
- "width": 20,
2608
- },
2725
+ "fill",
2726
+ "stroke",
2727
+ "strokeWidth",
2609
2728
  ]
2610
2729
  }
2611
- vbHeight={20}
2612
- vbWidth={20}
2613
- width={20}
2730
+ stroke={
2731
+ {
2732
+ "payload": 4279900965,
2733
+ "type": 0,
2734
+ }
2735
+ }
2736
+ strokeWidth={1.5}
2614
2737
  >
2615
- <RNSVGGroup
2616
- fill={null}
2738
+ <RNSVGPath
2739
+ d="M6.25 7.5L9.375 10L6.25 12.5M10.625 12.5H13.75M3.125 3.75H16.875C17.2202 3.75 17.5 4.02982 17.5 4.375V15.625C17.5 15.9702 17.2202 16.25 16.875 16.25H3.125C2.77982 16.25 2.5 15.9702 2.5 15.625V4.375C2.5 4.02982 2.77982 3.75 3.125 3.75Z"
2740
+ fill={
2741
+ {
2742
+ "payload": 4278190080,
2743
+ "type": 0,
2744
+ }
2745
+ }
2617
2746
  propList={
2618
2747
  [
2619
- "fill",
2620
2748
  "stroke",
2621
2749
  "strokeWidth",
2750
+ "strokeLinecap",
2751
+ "strokeLinejoin",
2622
2752
  ]
2623
2753
  }
2624
2754
  stroke={
@@ -2627,38 +2757,13 @@ exports[`AttachButton should render an disabled AttachButton 1`] = `
2627
2757
  "type": 0,
2628
2758
  }
2629
2759
  }
2760
+ strokeLinecap={1}
2761
+ strokeLinejoin={1}
2630
2762
  strokeWidth={1.5}
2631
- >
2632
- <RNSVGPath
2633
- d="M6.25 7.5L9.375 10L6.25 12.5M10.625 12.5H13.75M3.125 3.75H16.875C17.2202 3.75 17.5 4.02982 17.5 4.375V15.625C17.5 15.9702 17.2202 16.25 16.875 16.25H3.125C2.77982 16.25 2.5 15.9702 2.5 15.625V4.375C2.5 4.02982 2.77982 3.75 3.125 3.75Z"
2634
- fill={
2635
- {
2636
- "payload": 4278190080,
2637
- "type": 0,
2638
- }
2639
- }
2640
- propList={
2641
- [
2642
- "stroke",
2643
- "strokeWidth",
2644
- "strokeLinecap",
2645
- "strokeLinejoin",
2646
- ]
2647
- }
2648
- stroke={
2649
- {
2650
- "payload": 4279900965,
2651
- "type": 0,
2652
- }
2653
- }
2654
- strokeLinecap={1}
2655
- strokeLinejoin={1}
2656
- strokeWidth={1.5}
2657
- />
2658
- </RNSVGGroup>
2659
- </RNSVGSvgView>
2660
- </RNGestureHandlerButton>
2661
- </View>
2763
+ />
2764
+ </RNSVGGroup>
2765
+ </RNSVGSvgView>
2766
+ </RNGestureHandlerButton>
2662
2767
  </View>
2663
2768
  </View>
2664
2769
  </View>