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.
Files changed (203) hide show
  1. package/README.md +51 -31
  2. package/package.json +28 -30
  3. package/src/Actions.tsx +1 -1
  4. package/src/Avatar.tsx +1 -1
  5. package/src/Bubble/index.tsx +24 -20
  6. package/src/Bubble/types.ts +7 -6
  7. package/src/Composer.tsx +19 -26
  8. package/src/Constant.ts +0 -1
  9. package/src/Day/index.tsx +3 -3
  10. package/src/GiftedAvatar.tsx +31 -38
  11. package/src/GiftedChat/index.tsx +59 -106
  12. package/src/GiftedChat/styles.ts +3 -0
  13. package/src/GiftedChat/types.ts +17 -67
  14. package/src/InputToolbar.tsx +27 -10
  15. package/src/LoadEarlier.tsx +22 -20
  16. package/src/Message/index.tsx +4 -18
  17. package/src/Message/types.ts +2 -2
  18. package/src/MessageAudio.tsx +19 -7
  19. package/src/MessageContainer/components/DayAnimated/index.tsx +16 -11
  20. package/src/MessageContainer/components/Item/index.tsx +10 -4
  21. package/src/MessageContainer/components/Item/types.ts +1 -1
  22. package/src/MessageContainer/index.tsx +57 -38
  23. package/src/MessageContainer/types.ts +32 -7
  24. package/src/MessageImage.tsx +132 -18
  25. package/src/MessageText.tsx +24 -64
  26. package/src/MessageVideo.tsx +19 -7
  27. package/src/QuickReplies.tsx +19 -12
  28. package/src/Send.tsx +10 -5
  29. package/src/SystemMessage.tsx +10 -3
  30. package/src/Time.tsx +10 -3
  31. package/src/TypingIndicator/index.tsx +4 -3
  32. package/src/TypingIndicator/types.ts +3 -0
  33. package/src/__tests__/Actions.test.tsx +3 -4
  34. package/src/__tests__/Avatar.test.tsx +5 -6
  35. package/src/__tests__/Bubble.test.tsx +14 -19
  36. package/src/__tests__/Composer.test.tsx +3 -4
  37. package/src/__tests__/Day.test.tsx +5 -8
  38. package/src/__tests__/DayAnimated.test.tsx +12 -14
  39. package/src/__tests__/GiftedAvatar.test.tsx +3 -8
  40. package/src/__tests__/GiftedChat.test.tsx +34 -43
  41. package/src/__tests__/InputToolbar.test.tsx +3 -4
  42. package/src/__tests__/LoadEarlier.test.tsx +3 -4
  43. package/src/__tests__/Message.test.tsx +51 -58
  44. package/src/__tests__/MessageContainer.test.tsx +39 -5
  45. package/src/__tests__/MessageImage.test.tsx +12 -15
  46. package/src/__tests__/MessageText.test.tsx +7 -4
  47. package/src/__tests__/Send.test.tsx +7 -8
  48. package/src/__tests__/SystemMessage.test.tsx +12 -15
  49. package/src/__tests__/Time.test.tsx +5 -8
  50. package/src/__tests__/__snapshots__/Actions.test.tsx.snap +39 -7
  51. package/src/__tests__/__snapshots__/Bubble.test.tsx.snap +48 -50
  52. package/src/__tests__/__snapshots__/Composer.test.tsx.snap +1 -2
  53. package/src/__tests__/__snapshots__/Constant.test.tsx.snap +0 -1
  54. package/src/__tests__/__snapshots__/GiftedChat.test.tsx.snap +20 -22
  55. package/src/__tests__/__snapshots__/InputToolbar.test.tsx.snap +2 -2
  56. package/src/__tests__/__snapshots__/LoadEarlier.test.tsx.snap +37 -6
  57. package/src/__tests__/__snapshots__/Message.test.tsx.snap +146 -150
  58. package/src/__tests__/__snapshots__/MessageImage.test.tsx.snap +32 -11
  59. package/src/__tests__/__snapshots__/MessageText.test.tsx.snap +12 -8
  60. package/src/__tests__/__snapshots__/Send.test.tsx.snap +72 -10
  61. package/src/components/TouchableOpacity.tsx +45 -0
  62. package/src/reanimatedCompat.ts +27 -0
  63. package/src/types.ts +4 -2
  64. package/src/utils.ts +2 -2
  65. package/lib/Actions.d.ts +0 -14
  66. package/lib/Actions.js +0 -57
  67. package/lib/Actions.js.map +0 -1
  68. package/lib/Avatar.d.ts +0 -18
  69. package/lib/Avatar.js +0 -93
  70. package/lib/Avatar.js.map +0 -1
  71. package/lib/Bubble/index.d.ts +0 -6
  72. package/lib/Bubble/index.js +0 -242
  73. package/lib/Bubble/index.js.map +0 -1
  74. package/lib/Bubble/styles.d.ts +0 -69
  75. package/lib/Bubble/styles.js +0 -72
  76. package/lib/Bubble/styles.js.map +0 -1
  77. package/lib/Bubble/types.d.ts +0 -47
  78. package/lib/Bubble/types.js +0 -2
  79. package/lib/Bubble/types.js.map +0 -1
  80. package/lib/Color.d.ts +0 -18
  81. package/lib/Color.js +0 -18
  82. package/lib/Color.js.map +0 -1
  83. package/lib/Composer.d.ts +0 -20
  84. package/lib/Composer.js +0 -60
  85. package/lib/Composer.js.map +0 -1
  86. package/lib/Constant.d.ts +0 -10
  87. package/lib/Constant.js +0 -17
  88. package/lib/Constant.js.map +0 -1
  89. package/lib/Day/index.d.ts +0 -4
  90. package/lib/Day/index.js +0 -39
  91. package/lib/Day/index.js.map +0 -1
  92. package/lib/Day/styles.d.ts +0 -20
  93. package/lib/Day/styles.js +0 -22
  94. package/lib/Day/styles.js.map +0 -1
  95. package/lib/Day/types.d.ts +0 -9
  96. package/lib/Day/types.js +0 -2
  97. package/lib/Day/types.js.map +0 -1
  98. package/lib/GiftedAvatar.d.ts +0 -11
  99. package/lib/GiftedAvatar.js +0 -104
  100. package/lib/GiftedAvatar.js.map +0 -1
  101. package/lib/GiftedChat/index.d.ts +0 -26
  102. package/lib/GiftedChat/index.js +0 -317
  103. package/lib/GiftedChat/index.js.map +0 -1
  104. package/lib/GiftedChat/styles.d.ts +0 -6
  105. package/lib/GiftedChat/styles.js +0 -7
  106. package/lib/GiftedChat/styles.js.map +0 -1
  107. package/lib/GiftedChat/types.d.ts +0 -112
  108. package/lib/GiftedChat/types.js +0 -2
  109. package/lib/GiftedChat/types.js.map +0 -1
  110. package/lib/GiftedChatContext.d.ts +0 -9
  111. package/lib/GiftedChatContext.js +0 -9
  112. package/lib/GiftedChatContext.js.map +0 -1
  113. package/lib/InputToolbar.d.ts +0 -23
  114. package/lib/InputToolbar.js +0 -56
  115. package/lib/InputToolbar.js.map +0 -1
  116. package/lib/LoadEarlier.d.ts +0 -14
  117. package/lib/LoadEarlier.js +0 -45
  118. package/lib/LoadEarlier.js.map +0 -1
  119. package/lib/Message/index.d.ts +0 -6
  120. package/lib/Message/index.js +0 -80
  121. package/lib/Message/index.js.map +0 -1
  122. package/lib/Message/styles.d.ts +0 -21
  123. package/lib/Message/styles.js +0 -22
  124. package/lib/Message/styles.js.map +0 -1
  125. package/lib/Message/types.d.ts +0 -22
  126. package/lib/Message/types.js +0 -2
  127. package/lib/Message/types.js.map +0 -1
  128. package/lib/MessageAudio.d.ts +0 -2
  129. package/lib/MessageAudio.js +0 -14
  130. package/lib/MessageAudio.js.map +0 -1
  131. package/lib/MessageContainer/components/DayAnimated/index.d.ts +0 -5
  132. package/lib/MessageContainer/components/DayAnimated/index.js +0 -85
  133. package/lib/MessageContainer/components/DayAnimated/index.js.map +0 -1
  134. package/lib/MessageContainer/components/DayAnimated/styles.d.ts +0 -11
  135. package/lib/MessageContainer/components/DayAnimated/styles.js +0 -12
  136. package/lib/MessageContainer/components/DayAnimated/styles.js.map +0 -1
  137. package/lib/MessageContainer/components/DayAnimated/types.d.ts +0 -17
  138. package/lib/MessageContainer/components/DayAnimated/types.js +0 -2
  139. package/lib/MessageContainer/components/DayAnimated/types.js.map +0 -1
  140. package/lib/MessageContainer/components/Item/index.d.ts +0 -23
  141. package/lib/MessageContainer/components/Item/index.js +0 -88
  142. package/lib/MessageContainer/components/Item/index.js.map +0 -1
  143. package/lib/MessageContainer/components/Item/types.d.ts +0 -17
  144. package/lib/MessageContainer/components/Item/types.js +0 -2
  145. package/lib/MessageContainer/components/Item/types.js.map +0 -1
  146. package/lib/MessageContainer/index.d.ts +0 -6
  147. package/lib/MessageContainer/index.js +0 -235
  148. package/lib/MessageContainer/index.js.map +0 -1
  149. package/lib/MessageContainer/styles.d.ts +0 -35
  150. package/lib/MessageContainer/styles.js +0 -32
  151. package/lib/MessageContainer/styles.js.map +0 -1
  152. package/lib/MessageContainer/types.d.ts +0 -51
  153. package/lib/MessageContainer/types.js +0 -2
  154. package/lib/MessageContainer/types.js.map +0 -1
  155. package/lib/MessageImage.d.ts +0 -13
  156. package/lib/MessageImage.js +0 -30
  157. package/lib/MessageImage.js.map +0 -1
  158. package/lib/MessageText.d.ts +0 -19
  159. package/lib/MessageText.js +0 -69
  160. package/lib/MessageText.js.map +0 -1
  161. package/lib/MessageVideo.d.ts +0 -2
  162. package/lib/MessageVideo.js +0 -14
  163. package/lib/MessageVideo.js.map +0 -1
  164. package/lib/QuickReplies.d.ts +0 -15
  165. package/lib/QuickReplies.js +0 -101
  166. package/lib/QuickReplies.js.map +0 -1
  167. package/lib/Send.d.ts +0 -15
  168. package/lib/Send.js +0 -34
  169. package/lib/Send.js.map +0 -1
  170. package/lib/SystemMessage.d.ts +0 -11
  171. package/lib/SystemMessage.js +0 -27
  172. package/lib/SystemMessage.js.map +0 -1
  173. package/lib/Time.d.ts +0 -11
  174. package/lib/Time.js +0 -56
  175. package/lib/Time.js.map +0 -1
  176. package/lib/TypingIndicator/index.d.ts +0 -5
  177. package/lib/TypingIndicator/index.js +0 -94
  178. package/lib/TypingIndicator/index.js.map +0 -1
  179. package/lib/TypingIndicator/styles.d.ts +0 -20
  180. package/lib/TypingIndicator/styles.js +0 -22
  181. package/lib/TypingIndicator/styles.js.map +0 -1
  182. package/lib/TypingIndicator/types.d.ts +0 -3
  183. package/lib/TypingIndicator/types.js +0 -2
  184. package/lib/TypingIndicator/types.js.map +0 -1
  185. package/lib/hooks/useUpdateLayoutEffect.d.ts +0 -8
  186. package/lib/hooks/useUpdateLayoutEffect.js +0 -17
  187. package/lib/hooks/useUpdateLayoutEffect.js.map +0 -1
  188. package/lib/index.d.ts +0 -4
  189. package/lib/index.js +0 -5
  190. package/lib/index.js.map +0 -1
  191. package/lib/logging.d.ts +0 -2
  192. package/lib/logging.js +0 -5
  193. package/lib/logging.js.map +0 -1
  194. package/lib/styles.d.ts +0 -10
  195. package/lib/styles.js +0 -11
  196. package/lib/styles.js.map +0 -1
  197. package/lib/types.d.ts +0 -67
  198. package/lib/types.js +0 -2
  199. package/lib/types.js.map +0 -1
  200. package/lib/utils.d.ts +0 -5
  201. package/lib/utils.js +0 -83
  202. package/lib/utils.js.map +0 -1
  203. 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
- style={
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
- "color": "black",
86
- "fontSize": 16,
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
- test
96
+ <Text>
97
+ test
98
+ </Text>
101
99
  </Text>
102
- </Text>
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
- "marginBottom": 5,
121
- "marginLeft": 10,
122
- "marginRight": 10,
106
+ "flexDirection": "row",
107
+ "justifyContent": "flex-start",
123
108
  },
124
109
  undefined,
125
110
  ]
126
111
  }
127
112
  >
128
- <Text
113
+ <View
129
114
  style={
130
115
  [
131
116
  {
132
- "color": "#aaa",
133
- "fontSize": 10,
134
- "textAlign": "right",
117
+ "marginBottom": 5,
118
+ "marginLeft": 10,
119
+ "marginRight": 10,
135
120
  },
136
121
  undefined,
137
122
  ]
138
123
  }
139
124
  >
140
- 7:20 PM
141
- </Text>
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
  },
@@ -3,7 +3,6 @@
3
3
  exports[`should compare Constant with snapshot 1`] = `
4
4
  {
5
5
  "DATE_FORMAT": "D MMMM",
6
- "DEFAULT_PLACEHOLDER": "Type a message...",
7
6
  "MAX_COMPOSER_HEIGHT": 200,
8
7
  "MIN_COMPOSER_HEIGHT": 33,
9
8
  "TEST_ID": {
@@ -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
- <KeyboardProvider>
4
+ <View
5
+ style={
6
+ {
7
+ "flex": 1,
8
+ }
9
+ }
10
+ >
5
11
  <View
12
+ onLayout={[Function]}
6
13
  style={
7
- {
8
- "flex": 1,
9
- }
14
+ [
15
+ {
16
+ "flex": 1,
17
+ },
18
+ {
19
+ "overflow": "hidden",
20
+ },
21
+ ]
10
22
  }
11
- >
12
- <View
13
- onLayout={[Function]}
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 disableKeyboardController=true 1`] = `
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
- "alignItems": "center",
36
- "marginBottom": 10,
37
- "marginTop": 5,
38
- "opacity": 1,
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