react-native-gifted-chat 2.6.5 → 2.7.1

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 (228) hide show
  1. package/README.md +8 -17
  2. package/lib/Actions.d.ts +0 -11
  3. package/lib/Actions.js +2 -14
  4. package/lib/Actions.js.map +1 -1
  5. package/lib/Avatar.d.ts +1 -23
  6. package/lib/Avatar.js +32 -40
  7. package/lib/Avatar.js.map +1 -1
  8. package/lib/Bubble/index.d.ts +30 -0
  9. package/lib/{Bubble.js → Bubble/index.js} +31 -181
  10. package/lib/Bubble/index.js.map +1 -0
  11. package/lib/Bubble/styles.d.ts +69 -0
  12. package/lib/Bubble/styles.js +72 -0
  13. package/lib/Bubble/styles.js.map +1 -0
  14. package/lib/Bubble/types.d.ts +47 -0
  15. package/lib/Bubble/types.js +2 -0
  16. package/lib/Bubble/types.js.map +1 -0
  17. package/lib/Composer.d.ts +0 -17
  18. package/lib/Composer.js +3 -18
  19. package/lib/Composer.js.map +1 -1
  20. package/lib/Constant.d.ts +1 -1
  21. package/lib/Constant.js +1 -1
  22. package/lib/Constant.js.map +1 -1
  23. package/lib/Day/index.d.ts +4 -0
  24. package/lib/Day/index.js +39 -0
  25. package/lib/Day/index.js.map +1 -0
  26. package/lib/Day/styles.d.ts +20 -0
  27. package/lib/Day/styles.js +22 -0
  28. package/lib/Day/styles.js.map +1 -0
  29. package/lib/Day/types.d.ts +9 -0
  30. package/lib/Day/types.js +2 -0
  31. package/lib/Day/types.js.map +1 -0
  32. package/lib/GiftedAvatar.d.ts +1 -11
  33. package/lib/GiftedAvatar.js +26 -33
  34. package/lib/GiftedAvatar.js.map +1 -1
  35. package/lib/GiftedChat/index.d.ts +26 -0
  36. package/lib/{GiftedChat.js → GiftedChat/index.js} +46 -52
  37. package/lib/GiftedChat/index.js.map +1 -0
  38. package/lib/GiftedChat/styles.d.ts +6 -0
  39. package/lib/GiftedChat/styles.js +7 -0
  40. package/lib/GiftedChat/styles.js.map +1 -0
  41. package/lib/{GiftedChat.d.ts → GiftedChat/types.d.ts} +28 -38
  42. package/lib/GiftedChat/types.js +2 -0
  43. package/lib/GiftedChat/types.js.map +1 -0
  44. package/lib/InputToolbar.d.ts +1 -14
  45. package/lib/InputToolbar.js +0 -12
  46. package/lib/InputToolbar.js.map +1 -1
  47. package/lib/LoadEarlier.d.ts +0 -14
  48. package/lib/LoadEarlier.js +2 -16
  49. package/lib/LoadEarlier.js.map +1 -1
  50. package/lib/Message/index.d.ts +6 -0
  51. package/lib/Message/index.js +85 -0
  52. package/lib/Message/index.js.map +1 -0
  53. package/lib/Message/styles.d.ts +21 -0
  54. package/lib/Message/styles.js +22 -0
  55. package/lib/Message/styles.js.map +1 -0
  56. package/lib/Message/types.d.ts +22 -0
  57. package/lib/Message/types.js +2 -0
  58. package/lib/Message/types.js.map +1 -0
  59. package/lib/MessageAudio.js +1 -2
  60. package/lib/MessageAudio.js.map +1 -1
  61. package/lib/MessageContainer/components/DayAnimated/index.d.ts +5 -0
  62. package/lib/MessageContainer/components/DayAnimated/index.js +85 -0
  63. package/lib/MessageContainer/components/DayAnimated/index.js.map +1 -0
  64. package/lib/MessageContainer/components/DayAnimated/styles.d.ts +11 -0
  65. package/lib/MessageContainer/components/DayAnimated/styles.js +12 -0
  66. package/lib/MessageContainer/components/DayAnimated/styles.js.map +1 -0
  67. package/lib/MessageContainer/components/DayAnimated/types.d.ts +17 -0
  68. package/lib/MessageContainer/components/DayAnimated/types.js +2 -0
  69. package/lib/MessageContainer/components/DayAnimated/types.js.map +1 -0
  70. package/lib/MessageContainer/components/Item/index.d.ts +22 -0
  71. package/lib/MessageContainer/components/Item/index.js +69 -0
  72. package/lib/MessageContainer/components/Item/index.js.map +1 -0
  73. package/lib/MessageContainer/components/Item/types.d.ts +18 -0
  74. package/lib/MessageContainer/components/Item/types.js +2 -0
  75. package/lib/MessageContainer/components/Item/types.js.map +1 -0
  76. package/lib/MessageContainer/index.d.ts +6 -0
  77. package/lib/MessageContainer/index.js +200 -0
  78. package/lib/MessageContainer/index.js.map +1 -0
  79. package/lib/MessageContainer/styles.d.ts +34 -0
  80. package/lib/MessageContainer/styles.js +31 -0
  81. package/lib/MessageContainer/styles.js.map +1 -0
  82. package/lib/MessageContainer/types.d.ts +54 -0
  83. package/lib/MessageContainer/types.js +2 -0
  84. package/lib/MessageContainer/types.js.map +1 -0
  85. package/lib/MessageImage.d.ts +1 -12
  86. package/lib/MessageImage.js +2 -12
  87. package/lib/MessageImage.js.map +1 -1
  88. package/lib/MessageText.d.ts +1 -24
  89. package/lib/MessageText.js +0 -22
  90. package/lib/MessageText.js.map +1 -1
  91. package/lib/MessageVideo.js +1 -2
  92. package/lib/MessageVideo.js.map +1 -1
  93. package/lib/QuickReplies.d.ts +1 -12
  94. package/lib/QuickReplies.js +10 -20
  95. package/lib/QuickReplies.js.map +1 -1
  96. package/lib/Send.d.ts +2 -16
  97. package/lib/Send.js +0 -13
  98. package/lib/Send.js.map +1 -1
  99. package/lib/SystemMessage.d.ts +1 -10
  100. package/lib/SystemMessage.js +2 -12
  101. package/lib/SystemMessage.js.map +1 -1
  102. package/lib/Time.d.ts +1 -17
  103. package/lib/Time.js +0 -15
  104. package/lib/Time.js.map +1 -1
  105. package/lib/TypingIndicator/index.d.ts +5 -0
  106. package/lib/{TypingIndicator.js → TypingIndicator/index.js} +9 -30
  107. package/lib/TypingIndicator/index.js.map +1 -0
  108. package/lib/TypingIndicator/styles.d.ts +20 -0
  109. package/lib/TypingIndicator/styles.js +22 -0
  110. package/lib/TypingIndicator/styles.js.map +1 -0
  111. package/lib/TypingIndicator/types.d.ts +3 -0
  112. package/lib/TypingIndicator/types.js +2 -0
  113. package/lib/TypingIndicator/types.js.map +1 -0
  114. package/lib/index.d.ts +0 -1
  115. package/lib/index.js +0 -1
  116. package/lib/index.js.map +1 -1
  117. package/lib/styles.d.ts +10 -0
  118. package/lib/styles.js +11 -0
  119. package/lib/styles.js.map +1 -0
  120. package/lib/{Models.d.ts → types.d.ts} +1 -1
  121. package/lib/types.js +2 -0
  122. package/lib/types.js.map +1 -0
  123. package/lib/utils.d.ts +1 -3
  124. package/lib/utils.js +0 -7
  125. package/lib/utils.js.map +1 -1
  126. package/package.json +21 -29
  127. package/src/Actions.tsx +3 -15
  128. package/src/Avatar.tsx +43 -52
  129. package/src/{Bubble.tsx → Bubble/index.tsx} +52 -269
  130. package/src/Bubble/styles.ts +73 -0
  131. package/src/Bubble/types.ts +90 -0
  132. package/src/Composer.tsx +3 -19
  133. package/src/Constant.ts +1 -1
  134. package/src/Day/index.tsx +63 -0
  135. package/src/Day/styles.ts +22 -0
  136. package/src/Day/types.ts +14 -0
  137. package/src/GiftedAvatar.tsx +31 -38
  138. package/src/GiftedChat/index.tsx +501 -0
  139. package/src/GiftedChat/styles.ts +7 -0
  140. package/src/GiftedChat/types.ts +206 -0
  141. package/src/InputToolbar.tsx +1 -14
  142. package/src/LoadEarlier.tsx +2 -17
  143. package/src/Message/index.tsx +135 -0
  144. package/src/Message/styles.ts +22 -0
  145. package/src/Message/types.ts +26 -0
  146. package/src/MessageAudio.tsx +1 -4
  147. package/src/MessageContainer/components/DayAnimated/index.tsx +143 -0
  148. package/src/MessageContainer/components/DayAnimated/styles.ts +12 -0
  149. package/src/MessageContainer/components/DayAnimated/types.ts +12 -0
  150. package/src/MessageContainer/components/Item/index.tsx +136 -0
  151. package/src/MessageContainer/components/Item/types.ts +13 -0
  152. package/src/MessageContainer/index.tsx +343 -0
  153. package/src/MessageContainer/styles.ts +31 -0
  154. package/src/MessageContainer/types.ts +60 -0
  155. package/src/MessageImage.tsx +3 -14
  156. package/src/MessageText.tsx +1 -24
  157. package/src/MessageVideo.tsx +1 -4
  158. package/src/QuickReplies.tsx +14 -25
  159. package/src/Send.tsx +1 -15
  160. package/src/SystemMessage.tsx +3 -14
  161. package/src/Time.tsx +1 -17
  162. package/src/{TypingIndicator.tsx → TypingIndicator/index.tsx} +12 -35
  163. package/src/TypingIndicator/styles.ts +22 -0
  164. package/src/TypingIndicator/types.ts +3 -0
  165. package/src/__tests__/Bubble.test.tsx +7 -4
  166. package/src/__tests__/GiftedAvatar.test.tsx +6 -2
  167. package/src/__tests__/GiftedChat.test.tsx +20 -14
  168. package/src/__tests__/Message.test.tsx +4 -1
  169. package/src/__tests__/__snapshots__/Actions.test.tsx.snap +6 -2
  170. package/src/__tests__/__snapshots__/Bubble.test.tsx.snap +3 -1
  171. package/src/__tests__/__snapshots__/Composer.test.tsx.snap +2 -0
  172. package/src/__tests__/__snapshots__/Constant.test.tsx.snap +1 -1
  173. package/src/__tests__/__snapshots__/Day.test.tsx.snap +1 -33
  174. package/src/__tests__/__snapshots__/GiftedAvatar.test.tsx.snap +4 -2
  175. package/src/__tests__/__snapshots__/GiftedChat.test.tsx.snap +22 -9
  176. package/src/__tests__/__snapshots__/InputToolbar.test.tsx.snap +2 -0
  177. package/src/__tests__/__snapshots__/LoadEarlier.test.tsx.snap +3 -1
  178. package/src/__tests__/__snapshots__/Message.test.tsx.snap +21 -100
  179. package/src/__tests__/__snapshots__/MessageContainer.test.tsx.snap +282 -82
  180. package/src/__tests__/__snapshots__/MessageImage.test.tsx.snap +8 -4
  181. package/src/__tests__/__snapshots__/SystemMessage.test.tsx.snap +5 -1
  182. package/src/__tests__/data.ts +1 -1
  183. package/src/index.ts +0 -2
  184. package/src/styles.ts +11 -0
  185. package/src/{Models.ts → types.ts} +1 -1
  186. package/src/utils.ts +1 -9
  187. package/lib/Actions.js.flow +0 -21
  188. package/lib/Avatar.js.flow +0 -27
  189. package/lib/Bubble.d.ts +0 -148
  190. package/lib/Bubble.js.flow +0 -69
  191. package/lib/Bubble.js.map +0 -1
  192. package/lib/Composer.js.flow +0 -24
  193. package/lib/Day.d.ts +0 -15
  194. package/lib/Day.js +0 -36
  195. package/lib/Day.js.flow +0 -23
  196. package/lib/Day.js.map +0 -1
  197. package/lib/GiftedAvatar.js.flow +0 -17
  198. package/lib/GiftedChat.js.flow +0 -163
  199. package/lib/GiftedChat.js.map +0 -1
  200. package/lib/InputToolbar.js.flow +0 -31
  201. package/lib/LoadEarlier.js.flow +0 -20
  202. package/lib/Message.d.ts +0 -67
  203. package/lib/Message.js +0 -157
  204. package/lib/Message.js.flow +0 -32
  205. package/lib/Message.js.map +0 -1
  206. package/lib/MessageAudio.js.flow +0 -15
  207. package/lib/MessageContainer.d.ts +0 -105
  208. package/lib/MessageContainer.js +0 -224
  209. package/lib/MessageContainer.js.flow +0 -39
  210. package/lib/MessageContainer.js.map +0 -1
  211. package/lib/MessageImage.js.flow +0 -20
  212. package/lib/MessageText.js.flow +0 -23
  213. package/lib/MessageVideo.js.flow +0 -16
  214. package/lib/Models.js +0 -2
  215. package/lib/Models.js.map +0 -1
  216. package/lib/QuickReplies.js.flow +0 -25
  217. package/lib/Send.js.flow +0 -19
  218. package/lib/SystemMessage.js.flow +0 -18
  219. package/lib/Time.js.flow +0 -19
  220. package/lib/TypingIndicator.d.ts +0 -6
  221. package/lib/TypingIndicator.js.map +0 -1
  222. package/lib/index.js.flow +0 -2
  223. package/lib/types.js.flow +0 -43
  224. package/lib/utils.js.flow +0 -16
  225. package/src/Day.tsx +0 -71
  226. package/src/GiftedChat.tsx +0 -689
  227. package/src/Message.tsx +0 -229
  228. package/src/MessageContainer.tsx +0 -361
package/lib/Message.d.ts DELETED
@@ -1,67 +0,0 @@
1
- import PropTypes from 'prop-types';
2
- import React from 'react';
3
- import { ViewStyle, LayoutChangeEvent } from 'react-native';
4
- import { AvatarProps } from './Avatar';
5
- import Bubble from './Bubble';
6
- import { SystemMessageProps } from './SystemMessage';
7
- import { DayProps } from './Day';
8
- import { IMessage, User, LeftRightStyle } from './Models';
9
- export interface MessageProps<TMessage extends IMessage> {
10
- showUserAvatar?: boolean;
11
- position: 'left' | 'right';
12
- currentMessage: TMessage;
13
- nextMessage?: TMessage;
14
- previousMessage?: TMessage;
15
- user: User;
16
- inverted?: boolean;
17
- containerStyle?: LeftRightStyle<ViewStyle>;
18
- renderBubble?(props: Bubble['props']): React.ReactNode;
19
- renderDay?(props: DayProps<TMessage>): React.ReactNode;
20
- renderSystemMessage?(props: SystemMessageProps<TMessage>): React.ReactNode;
21
- renderAvatar?(props: AvatarProps<TMessage>): React.ReactNode;
22
- shouldUpdateMessage?(props: MessageProps<IMessage>, nextProps: MessageProps<IMessage>): boolean;
23
- onMessageLayout?(event: LayoutChangeEvent): void;
24
- }
25
- export default class Message<TMessage extends IMessage = IMessage> extends React.Component<MessageProps<TMessage>> {
26
- static defaultProps: {
27
- renderAvatar: undefined;
28
- renderBubble: null;
29
- renderDay: null;
30
- renderSystemMessage: null;
31
- position: string;
32
- currentMessage: {};
33
- nextMessage: {};
34
- previousMessage: {};
35
- user: {};
36
- containerStyle: {};
37
- showUserAvatar: boolean;
38
- inverted: boolean;
39
- shouldUpdateMessage: undefined;
40
- onMessageLayout: undefined;
41
- };
42
- static propTypes: {
43
- renderAvatar: PropTypes.Requireable<(...args: any[]) => any>;
44
- showUserAvatar: PropTypes.Requireable<boolean>;
45
- renderBubble: PropTypes.Requireable<(...args: any[]) => any>;
46
- renderDay: PropTypes.Requireable<(...args: any[]) => any>;
47
- renderSystemMessage: PropTypes.Requireable<(...args: any[]) => any>;
48
- position: PropTypes.Requireable<string>;
49
- currentMessage: PropTypes.Requireable<object>;
50
- nextMessage: PropTypes.Requireable<object>;
51
- previousMessage: PropTypes.Requireable<object>;
52
- user: PropTypes.Requireable<object>;
53
- inverted: PropTypes.Requireable<boolean>;
54
- containerStyle: PropTypes.Requireable<PropTypes.InferProps<{
55
- left: PropTypes.Requireable<NonNullable<number | boolean | object | null | undefined>>;
56
- right: PropTypes.Requireable<NonNullable<number | boolean | object | null | undefined>>;
57
- }>>;
58
- shouldUpdateMessage: PropTypes.Requireable<(...args: any[]) => any>;
59
- onMessageLayout: PropTypes.Requireable<(...args: any[]) => any>;
60
- };
61
- shouldComponentUpdate(nextProps: MessageProps<TMessage>): boolean;
62
- renderDay(): string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
63
- renderBubble(): string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
64
- renderSystemMessage(): string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
65
- renderAvatar(): React.JSX.Element | null;
66
- render(): React.JSX.Element | null;
67
- }
package/lib/Message.js DELETED
@@ -1,157 +0,0 @@
1
- import PropTypes from 'prop-types';
2
- import React from 'react';
3
- import { View, StyleSheet } from 'react-native';
4
- import isEqual from 'lodash.isequal';
5
- import { Avatar } from './Avatar';
6
- import Bubble from './Bubble';
7
- import { SystemMessage } from './SystemMessage';
8
- import { Day } from './Day';
9
- import { StylePropType, isSameUser } from './utils';
10
- const styles = {
11
- left: StyleSheet.create({
12
- container: {
13
- flexDirection: 'row',
14
- alignItems: 'flex-end',
15
- justifyContent: 'flex-start',
16
- marginLeft: 8,
17
- marginRight: 0,
18
- },
19
- }),
20
- right: StyleSheet.create({
21
- container: {
22
- flexDirection: 'row',
23
- alignItems: 'flex-end',
24
- justifyContent: 'flex-end',
25
- marginLeft: 0,
26
- marginRight: 8,
27
- },
28
- }),
29
- };
30
- class Message extends React.Component {
31
- shouldComponentUpdate(nextProps) {
32
- const next = nextProps.currentMessage;
33
- const current = this.props.currentMessage;
34
- const { previousMessage, nextMessage } = this.props;
35
- const nextPropsMessage = nextProps.nextMessage;
36
- const nextPropsPreviousMessage = nextProps.previousMessage;
37
- let shouldUpdate = this.props.shouldUpdateMessage?.(this.props, nextProps) || false;
38
- shouldUpdate =
39
- shouldUpdate ||
40
- !isEqual(current, next) ||
41
- !isEqual(previousMessage, nextPropsPreviousMessage) ||
42
- !isEqual(nextMessage, nextPropsMessage);
43
- return shouldUpdate;
44
- }
45
- renderDay() {
46
- if (this.props.currentMessage && this.props.currentMessage.createdAt) {
47
- const {
48
- /* eslint-disable @typescript-eslint/no-unused-vars */
49
- containerStyle, onMessageLayout,
50
- /* eslint-enable @typescript-eslint/no-unused-vars */
51
- ...props } = this.props;
52
- if (this.props.renderDay)
53
- return this.props.renderDay(props);
54
- return <Day {...props}/>;
55
- }
56
- return null;
57
- }
58
- renderBubble() {
59
- const {
60
- /* eslint-disable @typescript-eslint/no-unused-vars */
61
- containerStyle, onMessageLayout,
62
- /* eslint-enable @typescript-eslint/no-unused-vars */
63
- ...props } = this.props;
64
- if (this.props.renderBubble)
65
- return this.props.renderBubble(props);
66
- return <Bubble {...props}/>;
67
- }
68
- renderSystemMessage() {
69
- const {
70
- /* eslint-disable @typescript-eslint/no-unused-vars */
71
- containerStyle, onMessageLayout,
72
- /* eslint-enable @typescript-eslint/no-unused-vars */
73
- ...props } = this.props;
74
- if (this.props.renderSystemMessage)
75
- return this.props.renderSystemMessage(props);
76
- return <SystemMessage {...props}/>;
77
- }
78
- renderAvatar() {
79
- const { user, currentMessage, showUserAvatar } = this.props;
80
- if (user &&
81
- user._id &&
82
- currentMessage &&
83
- currentMessage.user &&
84
- user._id === currentMessage.user._id &&
85
- !showUserAvatar)
86
- return null;
87
- if (currentMessage &&
88
- currentMessage.user &&
89
- currentMessage.user.avatar === null)
90
- return null;
91
- const {
92
- /* eslint-disable @typescript-eslint/no-unused-vars */
93
- containerStyle, onMessageLayout,
94
- /* eslint-enable @typescript-eslint/no-unused-vars */
95
- ...props } = this.props;
96
- return <Avatar {...props}/>;
97
- }
98
- render() {
99
- const { currentMessage, onMessageLayout, nextMessage, position, containerStyle, } = this.props;
100
- if (currentMessage) {
101
- const sameUser = isSameUser(currentMessage, nextMessage);
102
- return (<View onLayout={onMessageLayout}>
103
- {this.renderDay()}
104
- {currentMessage.system
105
- ? (this.renderSystemMessage())
106
- : (<View style={[
107
- styles[position].container,
108
- { marginBottom: sameUser ? 2 : 10 },
109
- !this.props.inverted && { marginBottom: 2 },
110
- containerStyle && containerStyle[position],
111
- ]}>
112
- {this.props.position === 'left' ? this.renderAvatar() : null}
113
- {this.renderBubble()}
114
- {this.props.position === 'right' ? this.renderAvatar() : null}
115
- </View>)}
116
- </View>);
117
- }
118
- return null;
119
- }
120
- }
121
- Message.defaultProps = {
122
- renderAvatar: undefined,
123
- renderBubble: null,
124
- renderDay: null,
125
- renderSystemMessage: null,
126
- position: 'left',
127
- currentMessage: {},
128
- nextMessage: {},
129
- previousMessage: {},
130
- user: {},
131
- containerStyle: {},
132
- showUserAvatar: false,
133
- inverted: true,
134
- shouldUpdateMessage: undefined,
135
- onMessageLayout: undefined,
136
- };
137
- Message.propTypes = {
138
- renderAvatar: PropTypes.func,
139
- showUserAvatar: PropTypes.bool,
140
- renderBubble: PropTypes.func,
141
- renderDay: PropTypes.func,
142
- renderSystemMessage: PropTypes.func,
143
- position: PropTypes.oneOf(['left', 'right']),
144
- currentMessage: PropTypes.object,
145
- nextMessage: PropTypes.object,
146
- previousMessage: PropTypes.object,
147
- user: PropTypes.object,
148
- inverted: PropTypes.bool,
149
- containerStyle: PropTypes.shape({
150
- left: StylePropType,
151
- right: StylePropType,
152
- }),
153
- shouldUpdateMessage: PropTypes.func,
154
- onMessageLayout: PropTypes.func,
155
- };
156
- export default Message;
157
- //# sourceMappingURL=Message.js.map
@@ -1,32 +0,0 @@
1
- // @flow
2
- import * as React from 'react'
3
- import type { AvatarProps } from './Avatar'
4
- import type { BubbleProps } from './Bubble'
5
- import type { SystemMessageProps } from './SystemMessage'
6
- import type { DayProps } from './Day'
7
- import type { IMessage, User, LeftRightStyle } from './types'
8
- import type { ViewStyleProp } from 'react-native/Libraries/StyleSheet/StyleSheet'
9
-
10
- export type MessageProps<TMessage: IMessage = IMessage> = $ReadOnly<{|
11
- key: React$Key,
12
- showUserAvatar?: boolean,
13
- position: 'left' | 'right',
14
- currentMessage: TMessage,
15
- nextMessage?: TMessage,
16
- previousMessage?: TMessage,
17
- user: User,
18
- inverted?: boolean,
19
- containerStyle?: LeftRightStyle<ViewStyleProp>,
20
- renderBubble?: (BubbleProps<TMessage>) => React.Node,
21
- renderDay?: (DayProps<TMessage>) => React.Node,
22
- renderSystemMessage?: (SystemMessageProps<TMessage>) => React.Node,
23
- renderAvatar?: ((AvatarProps<TMessage>) => React.Node) | null,
24
- shouldUpdateMessage?: (
25
- props: MessageProps<IMessage>,
26
- nextProps: MessageProps<IMessage>,
27
- ) => boolean,
28
- |}>
29
-
30
- export default class Message<
31
- TMessage: IMessage = IMessage,
32
- > extends React.Component<MessageProps<TMessage>> {}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Message.js","sourceRoot":"","sources":["../src/Message.tsx"],"names":[],"mappings":"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"}
@@ -1,15 +0,0 @@
1
- // @flow
2
- import { Component } from 'react'
3
- import type { IMessage } from './types'
4
- import type { ViewStyleProp } from 'react-native/Libraries/StyleSheet/StyleSheet'
5
-
6
- export type MessageAudioProps<TMessage: IMessage = IMessage> = $ReadOnly<{|
7
- currentMessage: TMessage,
8
- containerStyle?: ViewStyleProp,
9
- audioStyle?: ViewStyleProp,
10
- audioProps?: Object,
11
- |}>
12
-
13
- export default class MessageAudio<
14
- TMessage: IMessage = IMessage,
15
- > extends Component<MessageAudioProps<TMessage>> {}
@@ -1,105 +0,0 @@
1
- import React, { RefObject } from 'react';
2
- import PropTypes from 'prop-types';
3
- import { FlatList, ListRenderItemInfo, NativeSyntheticEvent, NativeScrollEvent, StyleProp, ViewStyle } from 'react-native';
4
- import { LoadEarlierProps } from './LoadEarlier';
5
- import Message from './Message';
6
- import { User, IMessage, Reply } from './Models';
7
- export interface MessageContainerProps<TMessage extends IMessage> {
8
- messages?: TMessage[];
9
- isTyping?: boolean;
10
- user?: User;
11
- listViewProps: object;
12
- inverted?: boolean;
13
- loadEarlier?: boolean;
14
- alignTop?: boolean;
15
- scrollToBottom?: boolean;
16
- scrollToBottomStyle?: StyleProp<ViewStyle>;
17
- invertibleScrollViewProps?: object;
18
- extraData?: object;
19
- scrollToBottomOffset?: number;
20
- forwardRef?: RefObject<FlatList<TMessage>>;
21
- renderChatEmpty?(): React.ReactNode;
22
- renderFooter?(props: MessageContainerProps<TMessage>): React.ReactNode;
23
- renderMessage?(props: Message['props']): React.ReactElement;
24
- renderLoadEarlier?(props: LoadEarlierProps): React.ReactNode;
25
- renderTypingIndicator?(): React.ReactNode;
26
- scrollToBottomComponent?(): React.ReactNode;
27
- onLoadEarlier?(): void;
28
- onQuickReply?(replies: Reply[]): void;
29
- infiniteScroll?: boolean;
30
- isLoadingEarlier?: boolean;
31
- handleOnScroll?(event: NativeSyntheticEvent<NativeScrollEvent>): void;
32
- }
33
- interface State {
34
- showScrollBottom: boolean;
35
- hasScrolled: boolean;
36
- }
37
- export default class MessageContainer<TMessage extends IMessage = IMessage> extends React.PureComponent<MessageContainerProps<TMessage>, State> {
38
- static defaultProps: {
39
- messages: never[];
40
- user: {};
41
- isTyping: boolean;
42
- renderChatEmpty: null;
43
- renderFooter: null;
44
- renderMessage: null;
45
- onLoadEarlier: () => void;
46
- onQuickReply: () => void;
47
- inverted: boolean;
48
- loadEarlier: boolean;
49
- listViewProps: {};
50
- invertibleScrollViewProps: {};
51
- extraData: null;
52
- scrollToBottom: boolean;
53
- scrollToBottomOffset: number;
54
- alignTop: boolean;
55
- scrollToBottomStyle: {};
56
- infiniteScroll: boolean;
57
- isLoadingEarlier: boolean;
58
- };
59
- static propTypes: {
60
- messages: PropTypes.Requireable<(object | null | undefined)[]>;
61
- isTyping: PropTypes.Requireable<boolean>;
62
- user: PropTypes.Requireable<object>;
63
- renderChatEmpty: PropTypes.Requireable<(...args: any[]) => any>;
64
- renderFooter: PropTypes.Requireable<(...args: any[]) => any>;
65
- renderMessage: PropTypes.Requireable<(...args: any[]) => any>;
66
- renderLoadEarlier: PropTypes.Requireable<(...args: any[]) => any>;
67
- onLoadEarlier: PropTypes.Requireable<(...args: any[]) => any>;
68
- listViewProps: PropTypes.Requireable<object>;
69
- inverted: PropTypes.Requireable<boolean>;
70
- loadEarlier: PropTypes.Requireable<boolean>;
71
- invertibleScrollViewProps: PropTypes.Requireable<object>;
72
- extraData: PropTypes.Requireable<object>;
73
- scrollToBottom: PropTypes.Requireable<boolean>;
74
- scrollToBottomOffset: PropTypes.Requireable<number>;
75
- scrollToBottomComponent: PropTypes.Requireable<(...args: any[]) => any>;
76
- alignTop: PropTypes.Requireable<boolean>;
77
- scrollToBottomStyle: PropTypes.Requireable<NonNullable<number | boolean | object | null | undefined>>;
78
- infiniteScroll: PropTypes.Requireable<boolean>;
79
- };
80
- state: {
81
- showScrollBottom: boolean;
82
- hasScrolled: boolean;
83
- };
84
- renderTypingIndicator: () => string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
85
- renderFooter: () => string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
86
- renderLoadEarlier: (props: LoadEarlierProps) => string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
87
- scrollTo(options: {
88
- animated?: boolean;
89
- offset: number;
90
- }): void;
91
- scrollToBottom: (animated?: boolean) => void;
92
- handleOnScroll: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
93
- renderRow: ({ item, index }: ListRenderItemInfo<TMessage>) => React.ReactElement | null;
94
- renderChatEmpty: () => string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
95
- renderHeaderWrapper: () => React.JSX.Element;
96
- renderScrollBottomComponent(): string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
97
- renderScrollToBottomWrapper(): React.JSX.Element;
98
- onLayoutList: () => void;
99
- onEndReached: ({ distanceFromEnd }: {
100
- distanceFromEnd: number;
101
- }) => void;
102
- keyExtractor: (item: TMessage) => string;
103
- render(): React.JSX.Element;
104
- }
105
- export {};
@@ -1,224 +0,0 @@
1
- import React from 'react';
2
- import PropTypes from 'prop-types';
3
- import { FlatList, View, StyleSheet, TouchableOpacity, Text, Platform, } from 'react-native';
4
- import { LoadEarlier } from './LoadEarlier';
5
- import Message from './Message';
6
- import Color from './Color';
7
- import TypingIndicator from './TypingIndicator';
8
- import { StylePropType } from './utils';
9
- import { warning } from './logging';
10
- const styles = StyleSheet.create({
11
- container: {
12
- flex: 1,
13
- },
14
- containerAlignTop: {
15
- flexDirection: 'row',
16
- alignItems: 'flex-start',
17
- },
18
- contentContainerStyle: {
19
- flexGrow: 1,
20
- justifyContent: 'flex-start',
21
- },
22
- emptyChatContainer: {
23
- flex: 1,
24
- transform: [{ scaleY: -1 }],
25
- },
26
- headerWrapper: {
27
- flex: 1,
28
- },
29
- listStyle: {
30
- flex: 1,
31
- },
32
- scrollToBottomStyle: {
33
- opacity: 0.8,
34
- position: 'absolute',
35
- right: 10,
36
- bottom: 30,
37
- zIndex: 999,
38
- height: 40,
39
- width: 40,
40
- borderRadius: 20,
41
- backgroundColor: Color.white,
42
- alignItems: 'center',
43
- justifyContent: 'center',
44
- shadowColor: Color.black,
45
- shadowOpacity: 0.5,
46
- shadowOffset: { width: 0, height: 0 },
47
- shadowRadius: 1,
48
- },
49
- });
50
- class MessageContainer extends React.PureComponent {
51
- constructor() {
52
- super(...arguments);
53
- this.state = {
54
- showScrollBottom: false,
55
- hasScrolled: false,
56
- };
57
- this.renderTypingIndicator = () => {
58
- if (this.props.renderTypingIndicator)
59
- return this.props.renderTypingIndicator();
60
- return <TypingIndicator isTyping={this.props.isTyping || false}/>;
61
- };
62
- this.renderFooter = () => {
63
- if (this.props.renderFooter)
64
- return this.props.renderFooter(this.props);
65
- return this.renderTypingIndicator();
66
- };
67
- this.renderLoadEarlier = (props) => {
68
- if (this.props.loadEarlier === true) {
69
- if (this.props.renderLoadEarlier)
70
- return this.props.renderLoadEarlier(props);
71
- return <LoadEarlier {...props}/>;
72
- }
73
- return null;
74
- };
75
- this.scrollToBottom = (animated = true) => {
76
- const { inverted } = this.props;
77
- if (inverted)
78
- this.scrollTo({ offset: 0, animated });
79
- else if (this.props.forwardRef?.current)
80
- this.props.forwardRef.current.scrollToEnd({ animated });
81
- };
82
- this.handleOnScroll = (event) => {
83
- this.props.handleOnScroll?.(event);
84
- const { nativeEvent: { contentOffset: { y: contentOffsetY }, contentSize: { height: contentSizeHeight }, layoutMeasurement: { height: layoutMeasurementHeight }, }, } = event;
85
- const { scrollToBottomOffset } = this.props;
86
- if (this.props.inverted)
87
- if (contentOffsetY > scrollToBottomOffset)
88
- this.setState({ showScrollBottom: true, hasScrolled: true });
89
- else
90
- this.setState({ showScrollBottom: false, hasScrolled: true });
91
- else if (contentOffsetY < scrollToBottomOffset &&
92
- contentSizeHeight - layoutMeasurementHeight > scrollToBottomOffset)
93
- this.setState({ showScrollBottom: true, hasScrolled: true });
94
- else
95
- this.setState({ showScrollBottom: false, hasScrolled: true });
96
- };
97
- this.renderRow = ({ item, index }) => {
98
- if (!item._id && item._id !== 0)
99
- warning('GiftedChat: `_id` is missing for message', JSON.stringify(item));
100
- if (!item.user) {
101
- if (!item.system)
102
- warning('GiftedChat: `user` is missing for message', JSON.stringify(item));
103
- item.user = { _id: 0 };
104
- }
105
- const { messages, user, inverted, ...restProps } = this.props;
106
- if (messages && user) {
107
- const previousMessage = (inverted ? messages[index + 1] : messages[index - 1]) || {};
108
- const nextMessage = (inverted ? messages[index - 1] : messages[index + 1]) || {};
109
- const messageProps = {
110
- ...restProps,
111
- user,
112
- currentMessage: item,
113
- previousMessage,
114
- inverted,
115
- nextMessage,
116
- position: item.user._id === user._id ? 'right' : 'left',
117
- };
118
- if (this.props.renderMessage)
119
- return this.props.renderMessage(messageProps);
120
- return <Message key={item._id.toString()} {...messageProps}/>;
121
- }
122
- return null;
123
- };
124
- this.renderChatEmpty = () => {
125
- if (this.props.renderChatEmpty)
126
- return this.props.inverted
127
- ? (this.props.renderChatEmpty())
128
- : (<View style={styles.emptyChatContainer}>
129
- {this.props.renderChatEmpty()}
130
- </View>);
131
- return <View style={styles.container}/>;
132
- };
133
- this.renderHeaderWrapper = () => (<View style={styles.headerWrapper}>{this.renderLoadEarlier({ ...this.props })}</View>);
134
- this.onLayoutList = () => {
135
- if (!this.props.inverted &&
136
- !!this.props.messages &&
137
- this.props.messages.length)
138
- setTimeout(() => this.scrollToBottom && this.scrollToBottom(false), 15 * this.props.messages.length);
139
- };
140
- this.onEndReached = ({ distanceFromEnd }) => {
141
- const { loadEarlier, onLoadEarlier, infiniteScroll, isLoadingEarlier } = this.props;
142
- if (infiniteScroll &&
143
- (this.state.hasScrolled || distanceFromEnd > 0) &&
144
- distanceFromEnd <= 100 &&
145
- loadEarlier &&
146
- onLoadEarlier &&
147
- !isLoadingEarlier &&
148
- Platform.OS !== 'web')
149
- onLoadEarlier();
150
- };
151
- this.keyExtractor = (item) => `${item._id}`;
152
- }
153
- scrollTo(options) {
154
- if (this.props.forwardRef?.current && options)
155
- this.props.forwardRef.current.scrollToOffset(options);
156
- }
157
- renderScrollBottomComponent() {
158
- const { scrollToBottomComponent } = this.props;
159
- if (scrollToBottomComponent)
160
- return scrollToBottomComponent();
161
- return <Text>{'V'}</Text>;
162
- }
163
- renderScrollToBottomWrapper() {
164
- const propsStyle = this.props.scrollToBottomStyle || {};
165
- return (<View style={[styles.scrollToBottomStyle, propsStyle]}>
166
- <TouchableOpacity onPress={() => this.scrollToBottom()} hitSlop={{ top: 5, left: 5, right: 5, bottom: 5 }}>
167
- {this.renderScrollBottomComponent()}
168
- </TouchableOpacity>
169
- </View>);
170
- }
171
- render() {
172
- const { inverted } = this.props;
173
- return (<View style={this.props.alignTop ? styles.containerAlignTop : styles.container}>
174
- <FlatList ref={this.props.forwardRef} extraData={[this.props.extraData, this.props.isTyping]} keyExtractor={this.keyExtractor} automaticallyAdjustContentInsets={false} inverted={inverted} data={this.props.messages} style={styles.listStyle} contentContainerStyle={styles.contentContainerStyle} renderItem={this.renderRow} {...this.props.invertibleScrollViewProps} ListEmptyComponent={this.renderChatEmpty} ListFooterComponent={inverted ? this.renderHeaderWrapper : this.renderFooter} ListHeaderComponent={inverted ? this.renderFooter : this.renderHeaderWrapper} onScroll={this.handleOnScroll} scrollEventThrottle={100} onLayout={this.onLayoutList} onEndReached={this.onEndReached} onEndReachedThreshold={0.1} {...this.props.listViewProps}/>
175
- {this.state.showScrollBottom && this.props.scrollToBottom
176
- ? this.renderScrollToBottomWrapper()
177
- : null}
178
- </View>);
179
- }
180
- }
181
- MessageContainer.defaultProps = {
182
- messages: [],
183
- user: {},
184
- isTyping: false,
185
- renderChatEmpty: null,
186
- renderFooter: null,
187
- renderMessage: null,
188
- onLoadEarlier: () => { },
189
- onQuickReply: () => { },
190
- inverted: true,
191
- loadEarlier: false,
192
- listViewProps: {},
193
- invertibleScrollViewProps: {},
194
- extraData: null,
195
- scrollToBottom: false,
196
- scrollToBottomOffset: 200,
197
- alignTop: false,
198
- scrollToBottomStyle: {},
199
- infiniteScroll: false,
200
- isLoadingEarlier: false,
201
- };
202
- MessageContainer.propTypes = {
203
- messages: PropTypes.arrayOf(PropTypes.object),
204
- isTyping: PropTypes.bool,
205
- user: PropTypes.object,
206
- renderChatEmpty: PropTypes.func,
207
- renderFooter: PropTypes.func,
208
- renderMessage: PropTypes.func,
209
- renderLoadEarlier: PropTypes.func,
210
- onLoadEarlier: PropTypes.func,
211
- listViewProps: PropTypes.object,
212
- inverted: PropTypes.bool,
213
- loadEarlier: PropTypes.bool,
214
- invertibleScrollViewProps: PropTypes.object,
215
- extraData: PropTypes.object,
216
- scrollToBottom: PropTypes.bool,
217
- scrollToBottomOffset: PropTypes.number,
218
- scrollToBottomComponent: PropTypes.func,
219
- alignTop: PropTypes.bool,
220
- scrollToBottomStyle: StylePropType,
221
- infiniteScroll: PropTypes.bool,
222
- };
223
- export default MessageContainer;
224
- //# sourceMappingURL=MessageContainer.js.map
@@ -1,39 +0,0 @@
1
- // @flow
2
- import * as React from 'react'
3
- import { FlatList } from 'react-native'
4
- import type { LoadEarlierProps } from './LoadEarlier'
5
- import type { MessageProps } from './Message'
6
- import type { User, IMessage, Reply } from './types'
7
- import type { ViewStyleProp } from 'react-native/Libraries/StyleSheet/StyleSheet'
8
-
9
- export type MessageContainerProps<TMessage: IMessage = IMessage> = $ReadOnly<{|
10
- messages?: Array<TMessage>,
11
- user?: User,
12
- listViewProps: $Shape<React.ElementProps<typeof FlatList>>,
13
- inverted?: boolean,
14
- loadEarlier?: boolean,
15
- alignTop?: boolean,
16
- scrollToBottom?: boolean,
17
- invertibleScrollViewProps?: any,
18
- extraData?: any,
19
- scrollToBottomOffset?: number,
20
- forwardRef?: React.Ref<typeof FlatList>,
21
- renderFooter?: (MessageContainerProps<TMessage>) => React.Node,
22
- renderMessage?: (MessageProps<TMessage>) => React.Node,
23
- renderLoadEarlier?: LoadEarlierProps => React.Node,
24
- scrollToBottomComponent?: () => React.Node,
25
- scrollToBottomStyle?: ViewStyleProp,
26
- onLoadEarlier?: () => void,
27
- onQuickReply?: (Array<Reply>) => void,
28
- |}>
29
-
30
- type MessageContainerState = {|
31
- showScrollBottom: boolean,
32
- |}
33
-
34
- export default class MessageContainer<
35
- TMessage: IMessage = IMessage,
36
- > extends React.PureComponent<
37
- MessageContainerProps<TMessage>,
38
- MessageContainerState,
39
- > {}
@@ -1 +0,0 @@
1
- {"version":3,"file":"MessageContainer.js","sourceRoot":"","sources":["../src/MessageContainer.tsx"],"names":[],"mappings":"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"}