react-native-gifted-chat 2.8.2-alpha.4 → 2.8.2-alpha.6

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 (18) hide show
  1. package/CHANGELOG_2.8.1_to_2.8.2-alpha.5.md +374 -0
  2. package/package.json +1 -1
  3. package/src/GiftedChat/index.tsx +6 -11
  4. package/src/LoadEarlierMessages.tsx +47 -50
  5. package/src/MessageContainer/components/DayAnimated/index.tsx +1 -0
  6. package/src/MessageContainer/index.tsx +5 -5
  7. package/src/MessageText.tsx +2 -1
  8. package/src/SystemMessage.tsx +29 -23
  9. package/src/__tests__/__snapshots__/Actions.test.tsx.snap +61 -57
  10. package/src/__tests__/__snapshots__/Bubble.test.tsx.snap +0 -1
  11. package/src/__tests__/__snapshots__/GiftedChat.test.tsx.snap +56 -36
  12. package/src/__tests__/__snapshots__/LoadEarlier.test.tsx.snap +64 -52
  13. package/src/__tests__/__snapshots__/Message.test.tsx.snap +0 -3
  14. package/src/__tests__/__snapshots__/MessageText.test.tsx.snap +0 -1
  15. package/src/__tests__/__snapshots__/Send.test.tsx.snap +120 -108
  16. package/src/__tests__/__snapshots__/SystemMessage.test.tsx.snap +38 -8
  17. package/src/components/TouchableOpacity.tsx +26 -15
  18. package/src/LoadEarlier.tsx +0 -95
package/src/__tests__/__snapshots__/Actions.test.tsx.snap CHANGED
@@ -22,31 +22,6 @@ exports[`should render <Actions /> and compare with snapshot 1`] = `
22
22
  accessible={true}
23
23
  collapsable={false}
24
24
  focusable={true}
25
- jestAnimatedProps={
26
- {
27
- "value": {},
28
- }
29
- }
30
- jestAnimatedStyle={
31
- {
32
- "value": {
33
- "opacity": 1,
34
- },
35
- }
36
- }
37
- jestInlineStyle={
38
- [
39
- [
40
- {
41
- "height": 26,
42
- "marginBottom": 10,
43
- "marginLeft": 10,
44
- "width": 26,
45
- },
46
- undefined,
47
- ],
48
- ]
49
- }
50
25
  onBlur={[Function]}
51
26
  onClick={[Function]}
52
27
  onFocus={[Function]}
@@ -56,57 +31,86 @@ exports[`should render <Actions /> and compare with snapshot 1`] = `
56
31
  onResponderTerminate={[Function]}
57
32
  onResponderTerminationRequest={[Function]}
58
33
  onStartShouldSetResponder={[Function]}
59
- style={
60
- [
61
- {
62
- "height": 26,
63
- "marginBottom": 10,
64
- "marginLeft": 10,
65
- "width": 26,
66
- },
67
- undefined,
68
- {
69
- "opacity": 1,
70
- },
71
- ]
72
- }
73
34
  >
74
35
  <View
36
+ collapsable={false}
37
+ jestAnimatedProps={
38
+ {
39
+ "value": {},
40
+ }
41
+ }
42
+ jestAnimatedStyle={
43
+ {
44
+ "value": {
45
+ "opacity": 1,
46
+ },
47
+ }
48
+ }
49
+ jestInlineStyle={
50
+ [
51
+ [
52
+ {
53
+ "height": 26,
54
+ "marginBottom": 10,
55
+ "marginLeft": 10,
56
+ "width": 26,
57
+ },
58
+ undefined,
59
+ ],
60
+ ]
61
+ }
75
62
  style={
76
63
  [
77
64
  {
78
- "flex": 1,
79
- },
80
- {
81
- "alignItems": "center",
82
- "justifyContent": "center",
65
+ "height": 26,
66
+ "marginBottom": 10,
67
+ "marginLeft": 10,
68
+ "width": 26,
83
69
  },
70
+ undefined,
84
71
  {
85
- "borderColor": "#b2b2b2",
86
- "borderRadius": 13,
87
- "borderWidth": 2,
72
+ "opacity": 1,
88
73
  },
89
- undefined,
90
74
  ]
91
75
  }
92
76
  >
93
- <Text
77
+ <View
94
78
  style={
95
79
  [
96
80
  {
97
- "backgroundColor": "transparent",
98
- "color": "#b2b2b2",
99
- "fontSize": 16,
100
- "fontWeight": "bold",
101
- "lineHeight": 16,
102
- "textAlign": "center",
81
+ "flex": 1,
82
+ },
83
+ {
84
+ "alignItems": "center",
85
+ "justifyContent": "center",
86
+ },
87
+ {
88
+ "borderColor": "#b2b2b2",
89
+ "borderRadius": 13,
90
+ "borderWidth": 2,
103
91
  },
104
92
  undefined,
105
93
  ]
106
94
  }
107
95
  >
108
- +
109
- </Text>
96
+ <Text
97
+ style={
98
+ [
99
+ {
100
+ "backgroundColor": "transparent",
101
+ "color": "#b2b2b2",
102
+ "fontSize": 16,
103
+ "fontWeight": "bold",
104
+ "lineHeight": 16,
105
+ "textAlign": "center",
106
+ },
107
+ undefined,
108
+ ]
109
+ }
110
+ >
111
+ +
112
+ </Text>
113
+ </View>
110
114
  </View>
111
115
  </View>
112
116
  `;
package/src/__tests__/__snapshots__/Bubble.test.tsx.snap CHANGED
@@ -77,7 +77,6 @@ exports[`should render <Bubble /> and compare with snapshot 1`] = `
77
77
  }
78
78
  >
79
79
  <Text
80
- link={true}
81
80
  style={
82
81
  [
83
82
  {
package/src/__tests__/__snapshots__/GiftedChat.test.tsx.snap CHANGED
@@ -1,51 +1,71 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
3
  exports[`should render <GiftedChat/> and compare with snapshot 1`] = `
4
- <View
5
- style={
6
- {
7
- "flex": 1,
8
- }
9
- }
10
- >
4
+ <KeyboardProvider>
11
5
  <View
12
- onLayout={[Function]}
13
6
  style={
14
- [
7
+ {
8
+ "flex": 1,
9
+ }
10
+ }
11
+ >
12
+ <View
13
+ style={
15
14
  {
16
15
  "flex": 1,
17
- },
18
- {
19
- "overflow": "hidden",
20
- },
21
- ]
22
- }
23
- testID="GC_WRAPPER"
24
- />
25
- </View>
16
+ }
17
+ }
18
+ >
19
+ <View
20
+ onLayout={[Function]}
21
+ style={
22
+ [
23
+ {
24
+ "flex": 1,
25
+ },
26
+ {
27
+ "overflow": "hidden",
28
+ },
29
+ ]
30
+ }
31
+ testID="GC_WRAPPER"
32
+ />
33
+ </View>
34
+ </View>
35
+ </KeyboardProvider>
26
36
  `;
27
37
 
28
38
  exports[`should render <GiftedChat/> with isKeyboardInternallyHandled=false 1`] = `
29
- <View
30
- style={
31
- {
32
- "flex": 1,
33
- }
34
- }
35
- >
39
+ <KeyboardProvider>
36
40
  <View
37
- onLayout={[Function]}
38
41
  style={
39
- [
42
+ {
43
+ "flex": 1,
44
+ }
45
+ }
46
+ >
47
+ <View
48
+ style={
40
49
  {
41
50
  "flex": 1,
42
- },
43
- {
44
- "overflow": "hidden",
45
- },
46
- ]
47
- }
48
- testID="GC_WRAPPER"
49
- />
50
- </View>
51
+ }
52
+ }
53
+ >
54
+ <View
55
+ onLayout={[Function]}
56
+ style={
57
+ [
58
+ {
59
+ "flex": 1,
60
+ },
61
+ {
62
+ "overflow": "hidden",
63
+ },
64
+ ]
65
+ }
66
+ testID="GC_WRAPPER"
67
+ />
68
+ </View>
69
+ </View>
70
+ </KeyboardProvider>
51
71
  `;
package/src/__tests__/__snapshots__/LoadEarlier.test.tsx.snap CHANGED
@@ -2,12 +2,11 @@
2
2
 
3
3
  exports[`should render <LoadEarlierMessages /> and compare with snapshot 1`] = `
4
4
  <View
5
- accessibilityRole="button"
6
5
  accessibilityState={
7
6
  {
8
7
  "busy": undefined,
9
8
  "checked": undefined,
10
- "disabled": false,
9
+ "disabled": undefined,
11
10
  "expanded": undefined,
12
11
  "selected": undefined,
13
12
  }
@@ -23,30 +22,6 @@ exports[`should render <LoadEarlierMessages /> and compare with snapshot 1`] = `
23
22
  accessible={true}
24
23
  collapsable={false}
25
24
  focusable={true}
26
- jestAnimatedProps={
27
- {
28
- "value": {},
29
- }
30
- }
31
- jestAnimatedStyle={
32
- {
33
- "value": {
34
- "opacity": 1,
35
- },
36
- }
37
- }
38
- jestInlineStyle={
39
- [
40
- [
41
- {
42
- "alignItems": "center",
43
- "marginBottom": 10,
44
- "marginTop": 5,
45
- },
46
- undefined,
47
- ],
48
- ]
49
- }
50
25
  onBlur={[Function]}
51
26
  onClick={[Function]}
52
27
  onFocus={[Function]}
@@ -56,52 +31,89 @@ exports[`should render <LoadEarlierMessages /> and compare with snapshot 1`] = `
56
31
  onResponderTerminate={[Function]}
57
32
  onResponderTerminationRequest={[Function]}
58
33
  onStartShouldSetResponder={[Function]}
59
- style={
60
- [
61
- {
62
- "alignItems": "center",
63
- "marginBottom": 10,
64
- "marginTop": 5,
65
- },
66
- undefined,
67
- {
68
- "opacity": 1,
69
- },
70
- ]
71
- }
72
34
  >
73
35
  <View
36
+ accessibilityRole="button"
37
+ collapsable={false}
38
+ disabled={false}
39
+ jestAnimatedProps={
40
+ {
41
+ "value": {},
42
+ }
43
+ }
44
+ jestAnimatedStyle={
45
+ {
46
+ "value": {
47
+ "opacity": 1,
48
+ },
49
+ }
50
+ }
51
+ jestInlineStyle={
52
+ [
53
+ [
54
+ {
55
+ "alignItems": "center",
56
+ "marginVertical": 10,
57
+ },
58
+ undefined,
59
+ ],
60
+ ]
61
+ }
74
62
  style={
75
63
  [
76
64
  {
77
65
  "alignItems": "center",
78
- "justifyContent": "center",
66
+ "marginVertical": 10,
79
67
  },
68
+ undefined,
80
69
  {
81
- "backgroundColor": "#b2b2b2",
82
- "borderRadius": 15,
83
- "height": 30,
84
- "paddingLeft": 10,
85
- "paddingRight": 10,
70
+ "opacity": 1,
86
71
  },
87
- undefined,
88
72
  ]
89
73
  }
90
74
  >
91
- <Text
75
+ <View
92
76
  style={
93
77
  [
94
78
  {
95
- "backgroundColor": "transparent",
96
- "color": "#fff",
97
- "fontSize": 12,
79
+ "alignItems": "center",
80
+ "justifyContent": "center",
81
+ },
82
+ {
83
+ "backgroundColor": "#b2b2b2",
84
+ "borderRadius": 15,
85
+ "paddingHorizontal": 10,
86
+ "paddingVertical": 5,
98
87
  },
99
88
  undefined,
100
89
  ]
101
90
  }
102
91
  >
103
- Load earlier messages
104
- </Text>
92
+ <View
93
+ style={
94
+ {
95
+ "paddingBottom": 4,
96
+ "paddingTop": 3,
97
+ }
98
+ }
99
+ >
100
+ <Text
101
+ style={
102
+ [
103
+ {
104
+ "backgroundColor": "transparent",
105
+ "color": "#fff",
106
+ "fontSize": 12,
107
+ "lineHeight": 13,
108
+ },
109
+ undefined,
110
+ ]
111
+ }
112
+ >
113
+ Load earlier messages
114
+ </Text>
115
+ </View>
116
+ </View>
105
117
  </View>
106
118
  </View>
107
119
  `;
package/src/__tests__/__snapshots__/Message.test.tsx.snap CHANGED
@@ -100,7 +100,6 @@ exports[`Message component should render <Message /> and compare with snapshot 1
100
100
  }
101
101
  >
102
102
  <Text
103
- link={true}
104
103
  style={
105
104
  [
106
105
  {
@@ -306,7 +305,6 @@ exports[`Message component should render <Message /> with Avatar 1`] = `
306
305
  }
307
306
  >
308
307
  <Text
309
- link={true}
310
308
  showUserAvatar={true}
311
309
  style={
312
310
  [
@@ -474,7 +472,6 @@ exports[`Message component should render null if user has no Avatar 1`] = `
474
472
  }
475
473
  >
476
474
  <Text
477
- link={true}
478
475
  showUserAvatar={true}
479
476
  style={
480
477
  [
package/src/__tests__/__snapshots__/MessageText.test.tsx.snap CHANGED
@@ -15,7 +15,6 @@ exports[`should render <MessageText /> and compare with snapshot 1`] = `
15
15
  }
16
16
  >
17
17
  <Text
18
- link={true}
19
18
  style={
20
19
  [
21
20
  {