react-native-gifted-chat 3.1.1 → 3.1.4

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 (11) hide show
  1. package/package.json +1 -1
  2. package/src/Actions.tsx +2 -1
  3. package/src/Bubble/index.tsx +2 -2
  4. package/src/Bubble/styles.ts +1 -0
  5. package/src/Composer.tsx +1 -0
  6. package/src/SystemMessage.tsx +0 -1
  7. package/src/__tests__/__snapshots__/Bubble.test.tsx.snap +6 -10
  8. package/src/__tests__/__snapshots__/Composer.test.tsx.snap +1 -0
  9. package/src/__tests__/__snapshots__/InputToolbar.test.tsx.snap +1 -0
  10. package/src/__tests__/__snapshots__/Message.test.tsx.snap +18 -30
  11. package/src/__tests__/__snapshots__/SystemMessage.test.tsx.snap +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-native-gifted-chat",
3
- "version": "3.1.1",
3
+ "version": "3.1.4",
4
4
  "description": "The most complete chat UI for React Native",
5
5
  "keywords": [
6
6
  "android",
package/src/Actions.tsx CHANGED
@@ -89,7 +89,8 @@ const styles = StyleSheet.create({
89
89
  alignItems: 'flex-end',
90
90
  },
91
91
  button: {
92
- paddingHorizontal: 8,
92
+ paddingLeft: 10,
93
+ paddingRight: 4,
93
94
  paddingVertical: 7,
94
95
  },
95
96
 
package/src/Bubble/index.tsx CHANGED
@@ -13,7 +13,7 @@ import { MessageVideo } from '../MessageVideo'
13
13
  import { IMessage } from '../Models'
14
14
  import { QuickReplies } from '../QuickReplies'
15
15
 
16
- import stylesCommon, { getStyleWithPosition } from '../styles'
16
+ import { getStyleWithPosition } from '../styles'
17
17
  import { Time } from '../Time'
18
18
 
19
19
  import { isSameUser, isSameDay, renderComponentOrElement } from '../utils'
@@ -362,7 +362,7 @@ export const Bubble = <TMessage extends IMessage = IMessage>(props: BubbleProps<
362
362
  ]}
363
363
  >
364
364
  {renderUsername()}
365
- <View style={[stylesCommon.fill, styles.messageTimeAndStatusContainer]}>
365
+ <View style={styles.messageTimeAndStatusContainer}>
366
366
  {renderTime()}
367
367
  {renderTicks()}
368
368
  </View>
package/src/Bubble/styles.ts CHANGED
@@ -38,6 +38,7 @@ const styles = StyleSheet.create({
38
38
  },
39
39
 
40
40
  messageTimeAndStatusContainer: {
41
+ flexGrow: 1,
41
42
  flexDirection: 'row',
42
43
  alignItems: 'center',
43
44
  justifyContent: 'flex-end',
package/src/Composer.tsx CHANGED
@@ -86,6 +86,7 @@ const styles = StyleSheet.create({
86
86
  lineHeight: 22,
87
87
  paddingTop: 8,
88
88
  paddingBottom: 10,
89
+ paddingHorizontal: 8,
89
90
  },
90
91
  textInput_dark: {
91
92
  color: '#fff',
package/src/SystemMessage.tsx CHANGED
@@ -64,7 +64,6 @@ const styles = StyleSheet.create({
64
64
  },
65
65
  text: {
66
66
  backgroundColor: Color.backgroundTransparent,
67
- fontStyle: 'italic',
68
67
  fontSize: 12,
69
68
  fontWeight: '300',
70
69
  },
package/src/__tests__/__snapshots__/Bubble.test.tsx.snap CHANGED
@@ -96,16 +96,12 @@ exports[`should render <Bubble /> and compare with snapshot 1`] = `
96
96
  >
97
97
  <View
98
98
  style={
99
- [
100
- {
101
- "flex": 1,
102
- },
103
- {
104
- "alignItems": "center",
105
- "flexDirection": "row",
106
- "justifyContent": "flex-end",
107
- },
108
- ]
99
+ {
100
+ "alignItems": "center",
101
+ "flexDirection": "row",
102
+ "flexGrow": 1,
103
+ "justifyContent": "flex-end",
104
+ }
109
105
  }
110
106
  >
111
107
  <View>
package/src/__tests__/__snapshots__/Composer.test.tsx.snap CHANGED
@@ -29,6 +29,7 @@ exports[`should render <Composer /> and compare with snapshot 1`] = `
29
29
  "fontSize": 16,
30
30
  "lineHeight": 22,
31
31
  "paddingBottom": 10,
32
+ "paddingHorizontal": 8,
32
33
  "paddingTop": 8,
33
34
  },
34
35
  undefined,
package/src/__tests__/__snapshots__/InputToolbar.test.tsx.snap CHANGED
@@ -58,6 +58,7 @@ exports[`should render <InputToolbar /> and compare with snapshot 1`] = `
58
58
  "fontSize": 16,
59
59
  "lineHeight": 22,
60
60
  "paddingBottom": 10,
61
+ "paddingHorizontal": 8,
61
62
  "paddingTop": 8,
62
63
  },
63
64
  undefined,
package/src/__tests__/__snapshots__/Message.test.tsx.snap CHANGED
@@ -119,16 +119,12 @@ exports[`Message component should render <Message /> and compare with snapshot 1
119
119
  >
120
120
  <View
121
121
  style={
122
- [
123
- {
124
- "flex": 1,
125
- },
126
- {
127
- "alignItems": "center",
128
- "flexDirection": "row",
129
- "justifyContent": "flex-end",
130
- },
131
- ]
122
+ {
123
+ "alignItems": "center",
124
+ "flexDirection": "row",
125
+ "flexGrow": 1,
126
+ "justifyContent": "flex-end",
127
+ }
132
128
  }
133
129
  >
134
130
  <View>
@@ -313,16 +309,12 @@ exports[`Message component should render <Message /> with Avatar 1`] = `
313
309
  >
314
310
  <View
315
311
  style={
316
- [
317
- {
318
- "flex": 1,
319
- },
320
- {
321
- "alignItems": "center",
322
- "flexDirection": "row",
323
- "justifyContent": "flex-end",
324
- },
325
- ]
312
+ {
313
+ "alignItems": "center",
314
+ "flexDirection": "row",
315
+ "flexGrow": 1,
316
+ "justifyContent": "flex-end",
317
+ }
326
318
  }
327
319
  >
328
320
  <View>
@@ -507,16 +499,12 @@ exports[`Message component should render null if user has no Avatar 1`] = `
507
499
  >
508
500
  <View
509
501
  style={
510
- [
511
- {
512
- "flex": 1,
513
- },
514
- {
515
- "alignItems": "center",
516
- "flexDirection": "row",
517
- "justifyContent": "flex-end",
518
- },
519
- ]
502
+ {
503
+ "alignItems": "center",
504
+ "flexDirection": "row",
505
+ "flexGrow": 1,
506
+ "justifyContent": "flex-end",
507
+ }
520
508
  }
521
509
  >
522
510
  <View>
package/src/__tests__/__snapshots__/SystemMessage.test.tsx.snap CHANGED
@@ -52,7 +52,6 @@ exports[`SystemMessage should render <SystemMessage /> and compare with snapshot
52
52
  {
53
53
  "backgroundColor": "transparent",
54
54
  "fontSize": 12,
55
- "fontStyle": "italic",
56
55
  "fontWeight": "300",
57
56
  },
58
57
  undefined,