react-native-gifted-chat 2.8.2-alpha.0 → 2.8.2-alpha.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.
- package/README.md +51 -31
- package/package.json +28 -30
- package/src/Actions.tsx +1 -1
- package/src/Avatar.tsx +1 -1
- package/src/Bubble/index.tsx +24 -20
- package/src/Bubble/types.ts +7 -6
- package/src/Composer.tsx +19 -26
- package/src/Constant.ts +0 -1
- package/src/Day/index.tsx +3 -3
- package/src/GiftedAvatar.tsx +31 -38
- package/src/GiftedChat/index.tsx +59 -106
- package/src/GiftedChat/styles.ts +3 -0
- package/src/GiftedChat/types.ts +17 -67
- package/src/InputToolbar.tsx +27 -10
- package/src/LoadEarlier.tsx +22 -20
- package/src/Message/index.tsx +4 -18
- package/src/Message/types.ts +2 -2
- package/src/MessageAudio.tsx +19 -7
- package/src/MessageContainer/components/DayAnimated/index.tsx +16 -11
- package/src/MessageContainer/components/Item/index.tsx +10 -4
- package/src/MessageContainer/components/Item/types.ts +1 -1
- package/src/MessageContainer/index.tsx +57 -38
- package/src/MessageContainer/types.ts +32 -7
- package/src/MessageImage.tsx +132 -18
- package/src/MessageText.tsx +24 -64
- package/src/MessageVideo.tsx +19 -7
- package/src/QuickReplies.tsx +19 -12
- package/src/Send.tsx +10 -5
- package/src/SystemMessage.tsx +10 -3
- package/src/Time.tsx +10 -3
- package/src/TypingIndicator/index.tsx +4 -3
- package/src/TypingIndicator/types.ts +3 -0
- package/src/__tests__/Actions.test.tsx +3 -4
- package/src/__tests__/Avatar.test.tsx +5 -6
- package/src/__tests__/Bubble.test.tsx +14 -19
- package/src/__tests__/Composer.test.tsx +3 -4
- package/src/__tests__/Day.test.tsx +5 -8
- package/src/__tests__/DayAnimated.test.tsx +12 -14
- package/src/__tests__/GiftedAvatar.test.tsx +3 -8
- package/src/__tests__/GiftedChat.test.tsx +34 -43
- package/src/__tests__/InputToolbar.test.tsx +3 -4
- package/src/__tests__/LoadEarlier.test.tsx +3 -4
- package/src/__tests__/Message.test.tsx +51 -58
- package/src/__tests__/MessageContainer.test.tsx +39 -5
- package/src/__tests__/MessageImage.test.tsx +12 -15
- package/src/__tests__/MessageText.test.tsx +7 -4
- package/src/__tests__/Send.test.tsx +7 -8
- package/src/__tests__/SystemMessage.test.tsx +12 -15
- package/src/__tests__/Time.test.tsx +5 -8
- package/src/__tests__/__snapshots__/Actions.test.tsx.snap +39 -7
- package/src/__tests__/__snapshots__/Bubble.test.tsx.snap +48 -50
- package/src/__tests__/__snapshots__/Composer.test.tsx.snap +1 -2
- package/src/__tests__/__snapshots__/Constant.test.tsx.snap +0 -1
- package/src/__tests__/__snapshots__/GiftedChat.test.tsx.snap +20 -22
- package/src/__tests__/__snapshots__/InputToolbar.test.tsx.snap +2 -2
- package/src/__tests__/__snapshots__/LoadEarlier.test.tsx.snap +37 -6
- package/src/__tests__/__snapshots__/Message.test.tsx.snap +146 -150
- package/src/__tests__/__snapshots__/MessageImage.test.tsx.snap +32 -11
- package/src/__tests__/__snapshots__/MessageText.test.tsx.snap +12 -8
- package/src/__tests__/__snapshots__/Send.test.tsx.snap +72 -10
- package/src/components/TouchableOpacity.tsx +45 -0
- package/src/reanimatedCompat.ts +27 -0
- package/src/types.ts +4 -2
- package/src/utils.ts +2 -2
- package/lib/Actions.d.ts +0 -14
- package/lib/Actions.js +0 -57
- package/lib/Actions.js.map +0 -1
- package/lib/Avatar.d.ts +0 -18
- package/lib/Avatar.js +0 -93
- package/lib/Avatar.js.map +0 -1
- package/lib/Bubble/index.d.ts +0 -6
- package/lib/Bubble/index.js +0 -242
- package/lib/Bubble/index.js.map +0 -1
- package/lib/Bubble/styles.d.ts +0 -69
- package/lib/Bubble/styles.js +0 -72
- package/lib/Bubble/styles.js.map +0 -1
- package/lib/Bubble/types.d.ts +0 -47
- package/lib/Bubble/types.js +0 -2
- package/lib/Bubble/types.js.map +0 -1
- package/lib/Color.d.ts +0 -18
- package/lib/Color.js +0 -18
- package/lib/Color.js.map +0 -1
- package/lib/Composer.d.ts +0 -20
- package/lib/Composer.js +0 -60
- package/lib/Composer.js.map +0 -1
- package/lib/Constant.d.ts +0 -10
- package/lib/Constant.js +0 -17
- package/lib/Constant.js.map +0 -1
- package/lib/Day/index.d.ts +0 -4
- package/lib/Day/index.js +0 -39
- package/lib/Day/index.js.map +0 -1
- package/lib/Day/styles.d.ts +0 -20
- package/lib/Day/styles.js +0 -22
- package/lib/Day/styles.js.map +0 -1
- package/lib/Day/types.d.ts +0 -9
- package/lib/Day/types.js +0 -2
- package/lib/Day/types.js.map +0 -1
- package/lib/GiftedAvatar.d.ts +0 -11
- package/lib/GiftedAvatar.js +0 -104
- package/lib/GiftedAvatar.js.map +0 -1
- package/lib/GiftedChat/index.d.ts +0 -26
- package/lib/GiftedChat/index.js +0 -317
- package/lib/GiftedChat/index.js.map +0 -1
- package/lib/GiftedChat/styles.d.ts +0 -6
- package/lib/GiftedChat/styles.js +0 -7
- package/lib/GiftedChat/styles.js.map +0 -1
- package/lib/GiftedChat/types.d.ts +0 -112
- package/lib/GiftedChat/types.js +0 -2
- package/lib/GiftedChat/types.js.map +0 -1
- package/lib/GiftedChatContext.d.ts +0 -9
- package/lib/GiftedChatContext.js +0 -9
- package/lib/GiftedChatContext.js.map +0 -1
- package/lib/InputToolbar.d.ts +0 -23
- package/lib/InputToolbar.js +0 -56
- package/lib/InputToolbar.js.map +0 -1
- package/lib/LoadEarlier.d.ts +0 -14
- package/lib/LoadEarlier.js +0 -45
- package/lib/LoadEarlier.js.map +0 -1
- package/lib/Message/index.d.ts +0 -6
- package/lib/Message/index.js +0 -80
- package/lib/Message/index.js.map +0 -1
- package/lib/Message/styles.d.ts +0 -21
- package/lib/Message/styles.js +0 -22
- package/lib/Message/styles.js.map +0 -1
- package/lib/Message/types.d.ts +0 -22
- package/lib/Message/types.js +0 -2
- package/lib/Message/types.js.map +0 -1
- package/lib/MessageAudio.d.ts +0 -2
- package/lib/MessageAudio.js +0 -14
- package/lib/MessageAudio.js.map +0 -1
- package/lib/MessageContainer/components/DayAnimated/index.d.ts +0 -5
- package/lib/MessageContainer/components/DayAnimated/index.js +0 -85
- package/lib/MessageContainer/components/DayAnimated/index.js.map +0 -1
- package/lib/MessageContainer/components/DayAnimated/styles.d.ts +0 -11
- package/lib/MessageContainer/components/DayAnimated/styles.js +0 -12
- package/lib/MessageContainer/components/DayAnimated/styles.js.map +0 -1
- package/lib/MessageContainer/components/DayAnimated/types.d.ts +0 -17
- package/lib/MessageContainer/components/DayAnimated/types.js +0 -2
- package/lib/MessageContainer/components/DayAnimated/types.js.map +0 -1
- package/lib/MessageContainer/components/Item/index.d.ts +0 -23
- package/lib/MessageContainer/components/Item/index.js +0 -88
- package/lib/MessageContainer/components/Item/index.js.map +0 -1
- package/lib/MessageContainer/components/Item/types.d.ts +0 -17
- package/lib/MessageContainer/components/Item/types.js +0 -2
- package/lib/MessageContainer/components/Item/types.js.map +0 -1
- package/lib/MessageContainer/index.d.ts +0 -6
- package/lib/MessageContainer/index.js +0 -235
- package/lib/MessageContainer/index.js.map +0 -1
- package/lib/MessageContainer/styles.d.ts +0 -35
- package/lib/MessageContainer/styles.js +0 -32
- package/lib/MessageContainer/styles.js.map +0 -1
- package/lib/MessageContainer/types.d.ts +0 -51
- package/lib/MessageContainer/types.js +0 -2
- package/lib/MessageContainer/types.js.map +0 -1
- package/lib/MessageImage.d.ts +0 -13
- package/lib/MessageImage.js +0 -30
- package/lib/MessageImage.js.map +0 -1
- package/lib/MessageText.d.ts +0 -19
- package/lib/MessageText.js +0 -69
- package/lib/MessageText.js.map +0 -1
- package/lib/MessageVideo.d.ts +0 -2
- package/lib/MessageVideo.js +0 -14
- package/lib/MessageVideo.js.map +0 -1
- package/lib/QuickReplies.d.ts +0 -15
- package/lib/QuickReplies.js +0 -101
- package/lib/QuickReplies.js.map +0 -1
- package/lib/Send.d.ts +0 -15
- package/lib/Send.js +0 -34
- package/lib/Send.js.map +0 -1
- package/lib/SystemMessage.d.ts +0 -11
- package/lib/SystemMessage.js +0 -27
- package/lib/SystemMessage.js.map +0 -1
- package/lib/Time.d.ts +0 -11
- package/lib/Time.js +0 -56
- package/lib/Time.js.map +0 -1
- package/lib/TypingIndicator/index.d.ts +0 -5
- package/lib/TypingIndicator/index.js +0 -94
- package/lib/TypingIndicator/index.js.map +0 -1
- package/lib/TypingIndicator/styles.d.ts +0 -20
- package/lib/TypingIndicator/styles.js +0 -22
- package/lib/TypingIndicator/styles.js.map +0 -1
- package/lib/TypingIndicator/types.d.ts +0 -3
- package/lib/TypingIndicator/types.js +0 -2
- package/lib/TypingIndicator/types.js.map +0 -1
- package/lib/hooks/useUpdateLayoutEffect.d.ts +0 -8
- package/lib/hooks/useUpdateLayoutEffect.js +0 -17
- package/lib/hooks/useUpdateLayoutEffect.js.map +0 -1
- package/lib/index.d.ts +0 -4
- package/lib/index.js +0 -5
- package/lib/index.js.map +0 -1
- package/lib/logging.d.ts +0 -2
- package/lib/logging.js +0 -5
- package/lib/logging.js.map +0 -1
- package/lib/styles.d.ts +0 -10
- package/lib/styles.js +0 -11
- package/lib/styles.js.map +0 -1
- package/lib/types.d.ts +0 -67
- package/lib/types.js +0 -2
- package/lib/types.js.map +0 -1
- package/lib/utils.d.ts +0 -5
- package/lib/utils.js +0 -83
- package/lib/utils.js.map +0 -1
- package/src/__tests__/__snapshots__/MessageContainer.test.tsx.snap +0 -108
|
@@ -31,7 +31,6 @@ exports[`should render <Bubble /> and compare with snapshot 1`] = `
|
|
|
31
31
|
}
|
|
32
32
|
>
|
|
33
33
|
<View
|
|
34
|
-
accessibilityRole="text"
|
|
35
34
|
accessibilityState={
|
|
36
35
|
{
|
|
37
36
|
"busy": undefined,
|
|
@@ -41,9 +40,20 @@ exports[`should render <Bubble /> and compare with snapshot 1`] = `
|
|
|
41
40
|
"selected": undefined,
|
|
42
41
|
}
|
|
43
42
|
}
|
|
43
|
+
accessibilityValue={
|
|
44
|
+
{
|
|
45
|
+
"max": undefined,
|
|
46
|
+
"min": undefined,
|
|
47
|
+
"now": undefined,
|
|
48
|
+
"text": undefined,
|
|
49
|
+
}
|
|
50
|
+
}
|
|
44
51
|
accessible={true}
|
|
52
|
+
collapsable={false}
|
|
45
53
|
focusable={true}
|
|
54
|
+
onBlur={[Function]}
|
|
46
55
|
onClick={[Function]}
|
|
56
|
+
onFocus={[Function]}
|
|
47
57
|
onResponderGrant={[Function]}
|
|
48
58
|
onResponderMove={[Function]}
|
|
49
59
|
onResponderRelease={[Function]}
|
|
@@ -52,93 +62,81 @@ exports[`should render <Bubble /> and compare with snapshot 1`] = `
|
|
|
52
62
|
onStartShouldSetResponder={[Function]}
|
|
53
63
|
>
|
|
54
64
|
<View>
|
|
55
|
-
<View
|
|
56
|
-
|
|
57
|
-
[
|
|
58
|
-
{},
|
|
59
|
-
undefined,
|
|
60
|
-
]
|
|
61
|
-
}
|
|
62
|
-
>
|
|
63
|
-
<Text
|
|
65
|
+
<View>
|
|
66
|
+
<View
|
|
64
67
|
style={
|
|
65
68
|
[
|
|
66
69
|
{
|
|
67
|
-
"color": "black",
|
|
68
|
-
"fontSize": 16,
|
|
69
|
-
"lineHeight": 20,
|
|
70
70
|
"marginBottom": 5,
|
|
71
71
|
"marginLeft": 10,
|
|
72
72
|
"marginRight": 10,
|
|
73
73
|
"marginTop": 5,
|
|
74
74
|
},
|
|
75
75
|
undefined,
|
|
76
|
-
undefined,
|
|
77
76
|
]
|
|
78
77
|
}
|
|
79
78
|
>
|
|
80
79
|
<Text
|
|
80
|
+
link={true}
|
|
81
81
|
style={
|
|
82
82
|
[
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
"lineHeight": 20,
|
|
88
|
-
"marginBottom": 5,
|
|
89
|
-
"marginLeft": 10,
|
|
90
|
-
"marginRight": 10,
|
|
91
|
-
"marginTop": 5,
|
|
92
|
-
},
|
|
93
|
-
undefined,
|
|
94
|
-
undefined,
|
|
95
|
-
],
|
|
83
|
+
{
|
|
84
|
+
"color": "black",
|
|
85
|
+
},
|
|
86
|
+
undefined,
|
|
96
87
|
undefined,
|
|
97
88
|
]
|
|
98
89
|
}
|
|
90
|
+
user={
|
|
91
|
+
{
|
|
92
|
+
"_id": 1,
|
|
93
|
+
}
|
|
94
|
+
}
|
|
99
95
|
>
|
|
100
|
-
|
|
96
|
+
<Text>
|
|
97
|
+
test
|
|
98
|
+
</Text>
|
|
101
99
|
</Text>
|
|
102
|
-
</
|
|
100
|
+
</View>
|
|
103
101
|
</View>
|
|
104
|
-
</View>
|
|
105
|
-
<View
|
|
106
|
-
style={
|
|
107
|
-
[
|
|
108
|
-
{
|
|
109
|
-
"flexDirection": "row",
|
|
110
|
-
"justifyContent": "flex-start",
|
|
111
|
-
},
|
|
112
|
-
undefined,
|
|
113
|
-
]
|
|
114
|
-
}
|
|
115
|
-
>
|
|
116
102
|
<View
|
|
117
103
|
style={
|
|
118
104
|
[
|
|
119
105
|
{
|
|
120
|
-
"
|
|
121
|
-
"
|
|
122
|
-
"marginRight": 10,
|
|
106
|
+
"flexDirection": "row",
|
|
107
|
+
"justifyContent": "flex-start",
|
|
123
108
|
},
|
|
124
109
|
undefined,
|
|
125
110
|
]
|
|
126
111
|
}
|
|
127
112
|
>
|
|
128
|
-
<
|
|
113
|
+
<View
|
|
129
114
|
style={
|
|
130
115
|
[
|
|
131
116
|
{
|
|
132
|
-
"
|
|
133
|
-
"
|
|
134
|
-
"
|
|
117
|
+
"marginBottom": 5,
|
|
118
|
+
"marginLeft": 10,
|
|
119
|
+
"marginRight": 10,
|
|
135
120
|
},
|
|
136
121
|
undefined,
|
|
137
122
|
]
|
|
138
123
|
}
|
|
139
124
|
>
|
|
140
|
-
|
|
141
|
-
|
|
125
|
+
<Text
|
|
126
|
+
style={
|
|
127
|
+
[
|
|
128
|
+
{
|
|
129
|
+
"color": "#aaa",
|
|
130
|
+
"fontSize": 10,
|
|
131
|
+
"textAlign": "right",
|
|
132
|
+
},
|
|
133
|
+
undefined,
|
|
134
|
+
]
|
|
135
|
+
}
|
|
136
|
+
>
|
|
137
|
+
7:20 PM
|
|
138
|
+
</Text>
|
|
139
|
+
</View>
|
|
142
140
|
</View>
|
|
143
141
|
</View>
|
|
144
142
|
</View>
|
|
@@ -4,8 +4,6 @@ exports[`should render <Composer /> and compare with snapshot 1`] = `
|
|
|
4
4
|
<TextInput
|
|
5
5
|
accessibilityLabel="Type a message..."
|
|
6
6
|
accessible={true}
|
|
7
|
-
autoFocus={false}
|
|
8
|
-
editable={true}
|
|
9
7
|
enablesReturnKeyAutomatically={true}
|
|
10
8
|
keyboardAppearance="default"
|
|
11
9
|
multiline={true}
|
|
@@ -25,6 +23,7 @@ exports[`should render <Composer /> and compare with snapshot 1`] = `
|
|
|
25
23
|
"marginTop": 6,
|
|
26
24
|
},
|
|
27
25
|
undefined,
|
|
26
|
+
undefined,
|
|
28
27
|
{
|
|
29
28
|
"height": 33,
|
|
30
29
|
},
|
|
@@ -1,33 +1,31 @@
|
|
|
1
1
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
2
|
|
|
3
3
|
exports[`should render <GiftedChat/> and compare with snapshot 1`] = `
|
|
4
|
-
<
|
|
4
|
+
<View
|
|
5
|
+
style={
|
|
6
|
+
{
|
|
7
|
+
"flex": 1,
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
>
|
|
5
11
|
<View
|
|
12
|
+
onLayout={[Function]}
|
|
6
13
|
style={
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
14
|
+
[
|
|
15
|
+
{
|
|
16
|
+
"flex": 1,
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
"overflow": "hidden",
|
|
20
|
+
},
|
|
21
|
+
]
|
|
10
22
|
}
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
style={
|
|
15
|
-
[
|
|
16
|
-
{
|
|
17
|
-
"flex": 1,
|
|
18
|
-
},
|
|
19
|
-
{
|
|
20
|
-
"overflow": "hidden",
|
|
21
|
-
},
|
|
22
|
-
]
|
|
23
|
-
}
|
|
24
|
-
testID="GC_WRAPPER"
|
|
25
|
-
/>
|
|
26
|
-
</View>
|
|
27
|
-
</KeyboardProvider>
|
|
23
|
+
testID="GC_WRAPPER"
|
|
24
|
+
/>
|
|
25
|
+
</View>
|
|
28
26
|
`;
|
|
29
27
|
|
|
30
|
-
exports[`should render <GiftedChat/> with
|
|
28
|
+
exports[`should render <GiftedChat/> with isKeyboardInternallyHandled=false 1`] = `
|
|
31
29
|
<View
|
|
32
30
|
style={
|
|
33
31
|
{
|
|
@@ -10,6 +10,7 @@ exports[`should render <InputToolbar /> and compare with snapshot 1`] = `
|
|
|
10
10
|
"borderTopWidth": 0.5,
|
|
11
11
|
},
|
|
12
12
|
undefined,
|
|
13
|
+
undefined,
|
|
13
14
|
]
|
|
14
15
|
}
|
|
15
16
|
>
|
|
@@ -27,8 +28,6 @@ exports[`should render <InputToolbar /> and compare with snapshot 1`] = `
|
|
|
27
28
|
<TextInput
|
|
28
29
|
accessibilityLabel="Type a message..."
|
|
29
30
|
accessible={true}
|
|
30
|
-
autoFocus={false}
|
|
31
|
-
editable={true}
|
|
32
31
|
enablesReturnKeyAutomatically={true}
|
|
33
32
|
keyboardAppearance="default"
|
|
34
33
|
multiline={true}
|
|
@@ -48,6 +47,7 @@ exports[`should render <InputToolbar /> and compare with snapshot 1`] = `
|
|
|
48
47
|
"marginTop": 6,
|
|
49
48
|
},
|
|
50
49
|
undefined,
|
|
50
|
+
undefined,
|
|
51
51
|
{
|
|
52
52
|
"height": 33,
|
|
53
53
|
},
|
|
@@ -23,7 +23,33 @@ exports[`should render <LoadEarlier /> and compare with snapshot 1`] = `
|
|
|
23
23
|
accessible={true}
|
|
24
24
|
collapsable={false}
|
|
25
25
|
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
|
+
onBlur={[Function]}
|
|
26
51
|
onClick={[Function]}
|
|
52
|
+
onFocus={[Function]}
|
|
27
53
|
onResponderGrant={[Function]}
|
|
28
54
|
onResponderMove={[Function]}
|
|
29
55
|
onResponderRelease={[Function]}
|
|
@@ -31,12 +57,17 @@ exports[`should render <LoadEarlier /> and compare with snapshot 1`] = `
|
|
|
31
57
|
onResponderTerminationRequest={[Function]}
|
|
32
58
|
onStartShouldSetResponder={[Function]}
|
|
33
59
|
style={
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
60
|
+
[
|
|
61
|
+
{
|
|
62
|
+
"alignItems": "center",
|
|
63
|
+
"marginBottom": 10,
|
|
64
|
+
"marginTop": 5,
|
|
65
|
+
},
|
|
66
|
+
undefined,
|
|
67
|
+
{
|
|
68
|
+
"opacity": 1,
|
|
69
|
+
},
|
|
70
|
+
]
|
|
40
71
|
}
|
|
41
72
|
>
|
|
42
73
|
<View
|