stream-chat-react-native-core 5.8.0-beta.2 → 5.8.0-beta.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/lib/commonjs/components/MessageInput/MessageInput.js +50 -34
  2. package/lib/commonjs/components/MessageInput/MessageInput.js.map +1 -1
  3. package/lib/commonjs/contexts/messageInputContext/MessageInputContext.js +17 -7
  4. package/lib/commonjs/contexts/messageInputContext/MessageInputContext.js.map +1 -1
  5. package/lib/commonjs/version.json +1 -1
  6. package/lib/module/components/MessageInput/MessageInput.js +50 -34
  7. package/lib/module/components/MessageInput/MessageInput.js.map +1 -1
  8. package/lib/module/contexts/messageInputContext/MessageInputContext.js +17 -7
  9. package/lib/module/contexts/messageInputContext/MessageInputContext.js.map +1 -1
  10. package/lib/module/version.json +1 -1
  11. package/package.json +2 -2
  12. package/src/components/MessageInput/MessageInput.tsx +34 -5
  13. package/src/components/MessageInput/__tests__/MessageInput.test.js +61 -11
  14. package/src/contexts/messageInputContext/MessageInputContext.tsx +21 -10
  15. package/src/contexts/messageInputContext/__tests__/pickFile.test.tsx +26 -0
  16. package/src/version.json +1 -1
  17. package/src/components/MessageInput/__tests__/__snapshots__/MessageInput.test.js.snap +0 -746
package/src/components/MessageInput/__tests__/__snapshots__/MessageInput.test.js.snap DELETED
@@ -1,746 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`MessageInput should render MessageInput 1`] = `
4
- Array [
5
- <View
6
- keyboardVerticalOffset={86.5}
7
- onLayout={[Function]}
8
- style={
9
- Object {
10
- "paddingBottom": 0,
11
- }
12
- }
13
- >
14
- <View
15
- style={
16
- Object {
17
- "height": "100%",
18
- }
19
- }
20
- >
21
- <View
22
- onLayout={[Function]}
23
- style={
24
- Array [
25
- Object {
26
- "borderTopWidth": 1,
27
- "padding": 10,
28
- },
29
- Object {
30
- "backgroundColor": "#FFFFFF",
31
- "borderColor": "#00000014",
32
- },
33
- Object {},
34
- ]
35
- }
36
- >
37
- <View
38
- style={
39
- Array [
40
- Object {
41
- "alignItems": "flex-end",
42
- "flexDirection": "row",
43
- },
44
- Object {},
45
- ]
46
- }
47
- >
48
- <View
49
- style={
50
- Array [
51
- Object {
52
- "flexDirection": "row",
53
- "paddingBottom": 10,
54
- "paddingRight": 10,
55
- },
56
- Object {},
57
- ]
58
- }
59
- >
60
- <View
61
- style={
62
- Array [
63
- Object {
64
- "paddingRight": 10,
65
- },
66
- Object {},
67
- ]
68
- }
69
- >
70
- <RNGestureHandlerButton
71
- collapsable={false}
72
- exclusive={true}
73
- handlerTag={1}
74
- handlerType="NativeViewGestureHandler"
75
- hitSlop={
76
- Object {
77
- "bottom": 15,
78
- "left": 15,
79
- "right": 5,
80
- "top": 15,
81
- }
82
- }
83
- onGestureEvent={[Function]}
84
- onGestureHandlerEvent={[Function]}
85
- onGestureHandlerStateChange={[Function]}
86
- onHandlerStateChange={[Function]}
87
- rippleColor={0}
88
- testID="attach-button"
89
- >
90
- <View
91
- accessible={true}
92
- collapsable={false}
93
- hitSlop={
94
- Object {
95
- "bottom": 15,
96
- "left": 15,
97
- "right": 5,
98
- "top": 15,
99
- }
100
- }
101
- style={
102
- Object {
103
- "opacity": 1,
104
- }
105
- }
106
- >
107
- <RNSVGSvgView
108
- align="xMidYMid"
109
- bbHeight={24}
110
- bbWidth={24}
111
- focusable={false}
112
- height={24}
113
- meetOrSlice={0}
114
- minX={0}
115
- minY={0}
116
- pathFill="#005FFF"
117
- style={
118
- Array [
119
- Object {
120
- "backgroundColor": "transparent",
121
- "borderWidth": 0,
122
- },
123
- Object {
124
- "flex": 0,
125
- "height": 24,
126
- "width": 24,
127
- },
128
- ]
129
- }
130
- vbHeight={24}
131
- vbWidth={24}
132
- width={24}
133
- >
134
- <RNSVGGroup>
135
- <RNSVGPath
136
- clipRule={0}
137
- d="M13.468 2.888a5.07 5.07 0 012.983.635 5.07 5.07 0 012.041 2.265c.45 1.01.546 2.254-.144 3.449l-4.5 7.794a3.232 3.232 0 01-1.427 1.294c-.757.342-1.696.367-2.671-.196-.975-.563-1.422-1.389-1.506-2.215a3.233 3.233 0 01.408-1.883l4-6.928a1 1 0 011.732 1l-4 6.928c-.087.15-.176.425-.15.682.02.196.105.447.516.684.41.237.671.185.85.105.236-.107.43-.32.516-.47l4.5-7.795c.31-.538.29-1.093.049-1.636a3.072 3.072 0 00-1.214-1.346 3.072 3.072 0 00-1.773-.378c-.591.062-1.082.322-1.392.86l-5 8.66c-.654 1.133-.286 3.3 1.964 4.598 2.25 1.3 4.31.535 4.964-.598l3.5-6.062a1 1 0 111.732 1l-3.5 6.062c-1.345 2.33-4.75 3.031-7.696 1.33-2.946-1.7-4.042-5-2.696-7.33l5-8.66c.69-1.195 1.815-1.733 2.914-1.85z"
138
- fill={4278214655}
139
- fillRule={0}
140
- propList={
141
- Array [
142
- "fill",
143
- "fillRule",
144
- ]
145
- }
146
- />
147
- </RNSVGGroup>
148
- </RNSVGSvgView>
149
- </View>
150
- </RNGestureHandlerButton>
151
- </View>
152
- <View
153
- style={Object {}}
154
- >
155
- <RNGestureHandlerButton
156
- collapsable={false}
157
- exclusive={true}
158
- handlerTag={2}
159
- handlerType="NativeViewGestureHandler"
160
- hitSlop={
161
- Object {
162
- "bottom": 15,
163
- "left": 5,
164
- "right": 15,
165
- "top": 15,
166
- }
167
- }
168
- onGestureEvent={[Function]}
169
- onGestureHandlerEvent={[Function]}
170
- onGestureHandlerStateChange={[Function]}
171
- onHandlerStateChange={[Function]}
172
- rippleColor={0}
173
- testID="commands-button"
174
- >
175
- <View
176
- accessible={true}
177
- collapsable={false}
178
- hitSlop={
179
- Object {
180
- "bottom": 15,
181
- "left": 5,
182
- "right": 15,
183
- "top": 15,
184
- }
185
- }
186
- style={
187
- Object {
188
- "opacity": 1,
189
- }
190
- }
191
- >
192
- <RNSVGSvgView
193
- align="xMidYMid"
194
- bbHeight={24}
195
- bbWidth={24}
196
- focusable={false}
197
- height={24}
198
- meetOrSlice={0}
199
- minX={0}
200
- minY={0}
201
- pathFill="#7A7A7A"
202
- style={
203
- Array [
204
- Object {
205
- "backgroundColor": "transparent",
206
- "borderWidth": 0,
207
- },
208
- Object {
209
- "flex": 0,
210
- "height": 24,
211
- "width": 24,
212
- },
213
- ]
214
- }
215
- vbHeight={24}
216
- vbWidth={24}
217
- width={24}
218
- >
219
- <RNSVGGroup>
220
- <RNSVGPath
221
- clipRule={0}
222
- d="M11.636 4H16l-2.91 5.818H16L10.546 20l1.09-7.273H8L11.636 4z"
223
- fill={4286216826}
224
- fillRule={0}
225
- propList={
226
- Array [
227
- "fill",
228
- "fillRule",
229
- ]
230
- }
231
- />
232
- </RNSVGGroup>
233
- </RNSVGSvgView>
234
- </View>
235
- </RNGestureHandlerButton>
236
- </View>
237
- </View>
238
- <View
239
- style={
240
- Array [
241
- Object {
242
- "borderRadius": 20,
243
- "borderWidth": 1,
244
- "flex": 1,
245
- },
246
- Object {
247
- "borderColor": "#ECEBEB",
248
- "paddingVertical": 12,
249
- },
250
- Object {},
251
- ]
252
- }
253
- >
254
- <View
255
- style={
256
- Array [
257
- Object {
258
- "alignItems": "center",
259
- "flexDirection": "row",
260
- "paddingLeft": 16,
261
- "paddingRight": 16,
262
- },
263
- Object {},
264
- ]
265
- }
266
- >
267
- <TextInput
268
- autoFocus={false}
269
- maxLength={5000}
270
- multiline={true}
271
- onBlur={[Function]}
272
- onChangeText={[Function]}
273
- onContentSizeChange={[Function]}
274
- onSelectionChange={[Function]}
275
- placeholder="Send a message"
276
- placeholderTextColor="#7A7A7A"
277
- style={
278
- Array [
279
- Object {
280
- "flex": 1,
281
- "fontSize": 14,
282
- "includeFontPadding": false,
283
- "padding": 0,
284
- "paddingTop": 0,
285
- "textAlignVertical": "center",
286
- },
287
- Object {
288
- "color": "#000000",
289
- "maxHeight": 85,
290
- "textAlign": "left",
291
- },
292
- Object {},
293
- ]
294
- }
295
- testID="auto-complete-text-input"
296
- value=""
297
- />
298
- </View>
299
- </View>
300
- <View
301
- style={
302
- Array [
303
- Object {
304
- "paddingBottom": 10,
305
- "paddingLeft": 10,
306
- },
307
- Object {},
308
- ]
309
- }
310
- >
311
- <RNGestureHandlerButton
312
- collapsable={false}
313
- exclusive={true}
314
- handlerTag={3}
315
- handlerType="NativeViewGestureHandler"
316
- onGestureEvent={[Function]}
317
- onGestureHandlerEvent={[Function]}
318
- onGestureHandlerStateChange={[Function]}
319
- onHandlerStateChange={[Function]}
320
- rippleColor={0}
321
- testID="send-button"
322
- >
323
- <View
324
- accessible={true}
325
- collapsable={false}
326
- style={
327
- Object {
328
- "opacity": 1,
329
- }
330
- }
331
- >
332
- <RNSVGSvgView
333
- align="xMidYMid"
334
- bbHeight={24}
335
- bbWidth={24}
336
- focusable={false}
337
- height={24}
338
- meetOrSlice={0}
339
- minX={0}
340
- minY={0}
341
- pathFill="#DBDBDB"
342
- style={
343
- Array [
344
- Object {
345
- "backgroundColor": "transparent",
346
- "borderWidth": 0,
347
- },
348
- Object {
349
- "flex": 0,
350
- "height": 24,
351
- "width": 24,
352
- },
353
- ]
354
- }
355
- vbHeight={24}
356
- vbWidth={24}
357
- width={24}
358
- >
359
- <RNSVGGroup>
360
- <RNSVGPath
361
- clipRule={0}
362
- d="M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12s4.48 10 10 10 10-4.48 10-10zM8 11h4V8l4 4-4 4v-3H8v-2z"
363
- fill={4292598747}
364
- fillRule={0}
365
- propList={
366
- Array [
367
- "fill",
368
- "fillRule",
369
- ]
370
- }
371
- />
372
- </RNSVGGroup>
373
- </RNSVGSvgView>
374
- </View>
375
- </RNGestureHandlerButton>
376
- </View>
377
- </View>
378
- </View>
379
- <View
380
- style={
381
- Array [
382
- Object {
383
- "backgroundColor": "#F2F2F2",
384
- "height": 360,
385
- },
386
- Object {},
387
- ]
388
- }
389
- >
390
- <View
391
- style={
392
- Array [
393
- Object {
394
- "alignItems": "center",
395
- "flexDirection": "row",
396
- "paddingHorizontal": 6,
397
- },
398
- Object {},
399
- Object {
400
- "height": 52,
401
- },
402
- ]
403
- }
404
- >
405
- <View
406
- accessible={true}
407
- collapsable={false}
408
- focusable={true}
409
- hitSlop={
410
- Object {
411
- "bottom": 15,
412
- "top": 15,
413
- }
414
- }
415
- onClick={[Function]}
416
- onResponderGrant={[Function]}
417
- onResponderMove={[Function]}
418
- onResponderRelease={[Function]}
419
- onResponderTerminate={[Function]}
420
- onResponderTerminationRequest={[Function]}
421
- onStartShouldSetResponder={[Function]}
422
- style={
423
- Object {
424
- "opacity": 1,
425
- }
426
- }
427
- testID="upload-photo-touchable"
428
- >
429
- <View
430
- style={
431
- Array [
432
- Object {
433
- "marginHorizontal": 12,
434
- },
435
- Object {},
436
- ]
437
- }
438
- >
439
- <RNSVGSvgView
440
- align="xMidYMid"
441
- bbHeight={24}
442
- bbWidth={24}
443
- focusable={false}
444
- height={24}
445
- meetOrSlice={0}
446
- minX={0}
447
- minY={0}
448
- pathFill="#005FFF"
449
- style={
450
- Array [
451
- Object {
452
- "backgroundColor": "transparent",
453
- "borderWidth": 0,
454
- },
455
- Object {
456
- "flex": 0,
457
- "height": 24,
458
- "width": 24,
459
- },
460
- ]
461
- }
462
- vbHeight={24}
463
- vbWidth={24}
464
- width={24}
465
- >
466
- <RNSVGGroup>
467
- <RNSVGPath
468
- clipRule={0}
469
- d="M2 8a3 3 0 013-3h14a3 3 0 013 3v8a3 3 0 01-3 3H5a3 3 0 01-3-3V8zm3-1a1 1 0 00-1 1v8a1 1 0 001 1h14a1 1 0 001-1V8a1 1 0 00-1-1H5z"
470
- fill={4278214655}
471
- fillRule={0}
472
- propList={
473
- Array [
474
- "fill",
475
- "fillRule",
476
- ]
477
- }
478
- />
479
- <RNSVGPath
480
- clipRule={0}
481
- d="M15.99 9a1 1 0 01.778.36l5 6a1 1 0 11-1.536 1.28l-4.216-5.059-3.235 4.044a1 1 0 01-1.381.175l-3.306-2.48-3.387 3.387a1 1 0 01-1.414-1.414l4-4A1 1 0 018.6 11.2l3.225 2.418 3.394-4.243A1 1 0 0115.99 9z"
482
- fill={4278214655}
483
- fillRule={0}
484
- propList={
485
- Array [
486
- "fill",
487
- "fillRule",
488
- ]
489
- }
490
- />
491
- </RNSVGGroup>
492
- </RNSVGSvgView>
493
- </View>
494
- </View>
495
- <View
496
- accessible={true}
497
- collapsable={false}
498
- focusable={true}
499
- hitSlop={
500
- Object {
501
- "bottom": 15,
502
- "top": 15,
503
- }
504
- }
505
- onClick={[Function]}
506
- onResponderGrant={[Function]}
507
- onResponderMove={[Function]}
508
- onResponderRelease={[Function]}
509
- onResponderTerminate={[Function]}
510
- onResponderTerminationRequest={[Function]}
511
- onStartShouldSetResponder={[Function]}
512
- style={
513
- Object {
514
- "opacity": 1,
515
- }
516
- }
517
- testID="upload-file-touchable"
518
- >
519
- <View
520
- style={
521
- Array [
522
- Object {
523
- "marginHorizontal": 12,
524
- },
525
- Object {},
526
- ]
527
- }
528
- >
529
- <RNSVGSvgView
530
- align="xMidYMid"
531
- bbHeight={24}
532
- bbWidth={24}
533
- focusable={false}
534
- height={24}
535
- meetOrSlice={0}
536
- minX={0}
537
- minY={0}
538
- pathFill="#7A7A7A"
539
- style={
540
- Array [
541
- Object {
542
- "backgroundColor": "transparent",
543
- "borderWidth": 0,
544
- },
545
- Object {
546
- "flex": 0,
547
- "height": 24,
548
- "width": 24,
549
- },
550
- ]
551
- }
552
- vbHeight={24}
553
- vbWidth={24}
554
- width={24}
555
- >
556
- <RNSVGGroup>
557
- <RNSVGPath
558
- clipRule={0}
559
- d="M21 5h-8.586l-2-2H3a1 1 0 00-1 1v16a1 1 0 001 1h18a1 1 0 001-1V6a1 1 0 00-1-1zM4 19V7h16v12H4z"
560
- fill={4286216826}
561
- fillRule={0}
562
- propList={
563
- Array [
564
- "fill",
565
- "fillRule",
566
- ]
567
- }
568
- />
569
- </RNSVGGroup>
570
- </RNSVGSvgView>
571
- </View>
572
- </View>
573
- <View
574
- accessible={true}
575
- collapsable={false}
576
- focusable={true}
577
- hitSlop={
578
- Object {
579
- "bottom": 15,
580
- "top": 15,
581
- }
582
- }
583
- onClick={[Function]}
584
- onResponderGrant={[Function]}
585
- onResponderMove={[Function]}
586
- onResponderRelease={[Function]}
587
- onResponderTerminate={[Function]}
588
- onResponderTerminationRequest={[Function]}
589
- onStartShouldSetResponder={[Function]}
590
- style={
591
- Object {
592
- "opacity": 1,
593
- }
594
- }
595
- testID="take-photo-touchable"
596
- >
597
- <View
598
- style={
599
- Array [
600
- Object {
601
- "marginHorizontal": 12,
602
- },
603
- Object {},
604
- ]
605
- }
606
- >
607
- <RNSVGSvgView
608
- align="xMidYMid"
609
- bbHeight={24}
610
- bbWidth={24}
611
- focusable={false}
612
- height={24}
613
- meetOrSlice={0}
614
- minX={0}
615
- minY={0}
616
- pathFill="#7A7A7A"
617
- style={
618
- Array [
619
- Object {
620
- "backgroundColor": "transparent",
621
- "borderWidth": 0,
622
- },
623
- Object {
624
- "flex": 0,
625
- "height": 24,
626
- "width": 24,
627
- },
628
- ]
629
- }
630
- vbHeight={24}
631
- vbWidth={24}
632
- width={24}
633
- >
634
- <RNSVGGroup>
635
- <RNSVGPath
636
- clipRule={0}
637
- d="M15 3H9L7 5H3a1 1 0 00-1 1v14a1 1 0 001 1h18a1 1 0 001-1V6a1 1 0 00-1-1h-4l-2-2zM7.828 7l2-2h4.344l2 2H20v12H4V7h3.828zM12 18a5.5 5.5 0 110-11 5.5 5.5 0 010 11zm3.5-5.5a3.5 3.5 0 11-7 0 3.5 3.5 0 017 0z"
638
- fill={4286216826}
639
- fillRule={0}
640
- propList={
641
- Array [
642
- "fill",
643
- "fillRule",
644
- ]
645
- }
646
- />
647
- </RNSVGGroup>
648
- </RNSVGSvgView>
649
- </View>
650
- </View>
651
- </View>
652
- </View>
653
- </View>
654
- </View>,
655
- <View
656
- pointerEvents="none"
657
- style={
658
- Array [
659
- Object {
660
- "bottom": 0,
661
- "left": 0,
662
- "position": "absolute",
663
- "right": 0,
664
- "top": 0,
665
- },
666
- Object {
667
- "opacity": 0,
668
- },
669
- ]
670
- }
671
- >
672
- <View
673
- style={
674
- Array [
675
- Object {
676
- "backgroundColor": "#000000CC",
677
- },
678
- Array [
679
- Object {
680
- "bottom": 0,
681
- "left": 0,
682
- "position": "absolute",
683
- "right": 0,
684
- "top": 0,
685
- },
686
- Object {
687
- "height": 1334,
688
- "width": 750,
689
- },
690
- ],
691
- ]
692
- }
693
- />
694
- </View>,
695
- <View
696
- containerHeight={1334}
697
- enablePanDownToClose={true}
698
- handleComponent={[Function]}
699
- handleHeight={20}
700
- index={-1}
701
- onChange={[Function]}
702
- snapPoints={
703
- Array [
704
- 308,
705
- 1334,
706
- ]
707
- }
708
- >
709
- <RCTScrollView
710
- contentContainerStyle={
711
- Array [
712
- Object {
713
- "flexGrow": 1,
714
- },
715
- Object {
716
- "backgroundColor": "#FFFFFF",
717
- },
718
- Object {},
719
- Object {
720
- "opacity": 1,
721
- },
722
- ]
723
- }
724
- data={Array []}
725
- getItem={[Function]}
726
- getItemCount={[Function]}
727
- keyExtractor={[Function]}
728
- onContentSizeChange={[Function]}
729
- onEndReached={[Function]}
730
- onLayout={[Function]}
731
- onMomentumScrollBegin={[Function]}
732
- onMomentumScrollEnd={[Function]}
733
- onScroll={[Function]}
734
- onScrollBeginDrag={[Function]}
735
- onScrollEndDrag={[Function]}
736
- removeClippedSubviews={false}
737
- renderItem={[Function]}
738
- scrollEventThrottle={50}
739
- stickyHeaderIndices={Array []}
740
- viewabilityConfigCallbackPairs={Array []}
741
- >
742
- <View />
743
- </RCTScrollView>
744
- </View>,
745
- ]
746
- `;