react-native-gifted-chat 2.6.4 → 2.7.0

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 (230) hide show
  1. package/README.md +9 -16
  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} +58 -59
  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} +29 -37
  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 +175 -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 +30 -34
  127. package/src/Actions.tsx +3 -15
  128. package/src/Avatar.tsx +43 -52
  129. package/src/{Bubble.tsx → Bubble/index.tsx} +53 -270
  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 +503 -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 +316 -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 +2 -25
  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/example_bare/vendor/bundle/ruby/2.7.0/gems/ffi-1.17.0/ext/ffi_c/libffi/.ci/compile +0 -351
  188. package/example_bare/vendor/bundle/ruby/2.7.0/gems/ffi-1.17.0/ext/ffi_c/libffi/testsuite/libffi.bhaible/Makefile +0 -28
  189. package/lib/Actions.js.flow +0 -21
  190. package/lib/Avatar.js.flow +0 -27
  191. package/lib/Bubble.d.ts +0 -148
  192. package/lib/Bubble.js.flow +0 -69
  193. package/lib/Bubble.js.map +0 -1
  194. package/lib/Composer.js.flow +0 -24
  195. package/lib/Day.d.ts +0 -15
  196. package/lib/Day.js +0 -36
  197. package/lib/Day.js.flow +0 -23
  198. package/lib/Day.js.map +0 -1
  199. package/lib/GiftedAvatar.js.flow +0 -17
  200. package/lib/GiftedChat.js.flow +0 -163
  201. package/lib/GiftedChat.js.map +0 -1
  202. package/lib/InputToolbar.js.flow +0 -31
  203. package/lib/LoadEarlier.js.flow +0 -20
  204. package/lib/Message.d.ts +0 -67
  205. package/lib/Message.js +0 -157
  206. package/lib/Message.js.flow +0 -32
  207. package/lib/Message.js.map +0 -1
  208. package/lib/MessageAudio.js.flow +0 -15
  209. package/lib/MessageContainer.d.ts +0 -103
  210. package/lib/MessageContainer.js +0 -224
  211. package/lib/MessageContainer.js.flow +0 -39
  212. package/lib/MessageContainer.js.map +0 -1
  213. package/lib/MessageImage.js.flow +0 -20
  214. package/lib/MessageText.js.flow +0 -23
  215. package/lib/MessageVideo.js.flow +0 -16
  216. package/lib/Models.js +0 -2
  217. package/lib/Models.js.map +0 -1
  218. package/lib/QuickReplies.js.flow +0 -25
  219. package/lib/Send.js.flow +0 -19
  220. package/lib/SystemMessage.js.flow +0 -18
  221. package/lib/Time.js.flow +0 -19
  222. package/lib/TypingIndicator.d.ts +0 -6
  223. package/lib/TypingIndicator.js.map +0 -1
  224. package/lib/index.js.flow +0 -2
  225. package/lib/types.js.flow +0 -43
  226. package/lib/utils.js.flow +0 -16
  227. package/src/Day.tsx +0 -71
  228. package/src/GiftedChat.tsx +0 -678
  229. package/src/Message.tsx +0 -229
  230. package/src/MessageContainer.tsx +0 -359
@@ -1,103 +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
- scrollToBottomComponent?(): React.ReactNode;
26
- onLoadEarlier?(): void;
27
- onQuickReply?(replies: Reply[]): void;
28
- infiniteScroll?: boolean;
29
- isLoadingEarlier?: boolean;
30
- }
31
- interface State {
32
- showScrollBottom: boolean;
33
- hasScrolled: boolean;
34
- }
35
- export default class MessageContainer<TMessage extends IMessage = IMessage> extends React.PureComponent<MessageContainerProps<TMessage>, State> {
36
- static defaultProps: {
37
- messages: never[];
38
- user: {};
39
- isTyping: boolean;
40
- renderChatEmpty: null;
41
- renderFooter: null;
42
- renderMessage: null;
43
- onLoadEarlier: () => void;
44
- onQuickReply: () => void;
45
- inverted: boolean;
46
- loadEarlier: boolean;
47
- listViewProps: {};
48
- invertibleScrollViewProps: {};
49
- extraData: null;
50
- scrollToBottom: boolean;
51
- scrollToBottomOffset: number;
52
- alignTop: boolean;
53
- scrollToBottomStyle: {};
54
- infiniteScroll: boolean;
55
- isLoadingEarlier: boolean;
56
- };
57
- static propTypes: {
58
- messages: PropTypes.Requireable<(object | null | undefined)[]>;
59
- isTyping: PropTypes.Requireable<boolean>;
60
- user: PropTypes.Requireable<object>;
61
- renderChatEmpty: PropTypes.Requireable<(...args: any[]) => any>;
62
- renderFooter: PropTypes.Requireable<(...args: any[]) => any>;
63
- renderMessage: PropTypes.Requireable<(...args: any[]) => any>;
64
- renderLoadEarlier: PropTypes.Requireable<(...args: any[]) => any>;
65
- onLoadEarlier: PropTypes.Requireable<(...args: any[]) => any>;
66
- listViewProps: PropTypes.Requireable<object>;
67
- inverted: PropTypes.Requireable<boolean>;
68
- loadEarlier: PropTypes.Requireable<boolean>;
69
- invertibleScrollViewProps: PropTypes.Requireable<object>;
70
- extraData: PropTypes.Requireable<object>;
71
- scrollToBottom: PropTypes.Requireable<boolean>;
72
- scrollToBottomOffset: PropTypes.Requireable<number>;
73
- scrollToBottomComponent: PropTypes.Requireable<(...args: any[]) => any>;
74
- alignTop: PropTypes.Requireable<boolean>;
75
- scrollToBottomStyle: PropTypes.Requireable<NonNullable<number | boolean | object | null | undefined>>;
76
- infiniteScroll: PropTypes.Requireable<boolean>;
77
- };
78
- state: {
79
- showScrollBottom: boolean;
80
- hasScrolled: boolean;
81
- };
82
- renderTypingIndicator: () => React.JSX.Element;
83
- renderFooter: () => string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
84
- renderLoadEarlier: () => string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
85
- scrollTo(options: {
86
- animated?: boolean;
87
- offset: number;
88
- }): void;
89
- scrollToBottom: (animated?: boolean) => void;
90
- handleOnScroll: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
91
- renderRow: ({ item, index }: ListRenderItemInfo<TMessage>) => React.ReactElement | null;
92
- renderChatEmpty: () => string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
93
- renderHeaderWrapper: () => React.JSX.Element;
94
- renderScrollBottomComponent(): string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
95
- renderScrollToBottomWrapper(): React.JSX.Element;
96
- onLayoutList: () => void;
97
- onEndReached: ({ distanceFromEnd }: {
98
- distanceFromEnd: number;
99
- }) => void;
100
- keyExtractor: (item: TMessage) => string;
101
- render(): React.JSX.Element;
102
- }
103
- 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
- return <TypingIndicator isTyping={this.props.isTyping || false}/>;
59
- };
60
- this.renderFooter = () => {
61
- if (this.props.renderFooter)
62
- return this.props.renderFooter(this.props);
63
- return this.renderTypingIndicator();
64
- };
65
- this.renderLoadEarlier = () => {
66
- if (this.props.loadEarlier === true) {
67
- const loadEarlierProps = {
68
- ...this.props,
69
- };
70
- if (this.props.renderLoadEarlier)
71
- return this.props.renderLoadEarlier(loadEarlierProps);
72
- return <LoadEarlier {...loadEarlierProps}/>;
73
- }
74
- return null;
75
- };
76
- this.scrollToBottom = (animated = true) => {
77
- const { inverted } = this.props;
78
- if (inverted)
79
- this.scrollTo({ offset: 0, animated });
80
- else if (this.props.forwardRef?.current)
81
- this.props.forwardRef.current.scrollToEnd({ animated });
82
- };
83
- this.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()}</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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"}
@@ -1,20 +0,0 @@
1
- // @flow
2
- import { Image, TextInput } from 'react-native'
3
- import type { IMessage } from './types'
4
- import * as React from 'react'
5
- import type {
6
- ViewStyleProp,
7
- ImageStyleProp,
8
- } from 'react-native/Libraries/StyleSheet/StyleSheet'
9
-
10
- export type MessageImageProps<TMessage: IMessage = IMessage> = $ReadOnly<{|
11
- currentMessage: TMessage,
12
- containerStyle?: ViewStyleProp,
13
- imageStyle?: ImageStyleProp,
14
- imageProps?: $Shape<React.ElementProps<typeof Image>>,
15
- lightboxProps?: Object,
16
- |}>
17
-
18
- export default class MessageImage<
19
- TMessage: IMessage = IMessage,
20
- > extends React.Component<MessageImageProps<TMessage>> {}
@@ -1,23 +0,0 @@
1
- // @flow
2
- import { Text } from 'react-native'
3
- import type { LeftRightStyle, IMessage } from './types'
4
- import type {
5
- TextStyleProp,
6
- ViewStyleProp,
7
- } from 'react-native/Libraries/StyleSheet/StyleSheet'
8
- import * as React from 'react'
9
-
10
- export type MessageTextProps<TMessage: IMessage = IMessage> = $ReadOnly<{|
11
- position: 'left' | 'right',
12
- currentMessage: TMessage,
13
- containerStyle: LeftRightStyle<ViewStyleProp>,
14
- textStyle?: LeftRightStyle<TextStyleProp>,
15
- linkStyle?: LeftRightStyle<TextStyleProp>,
16
- textProps?: $Shape<React.ElementProps<typeof Text>>,
17
- customTextStyle?: TextStyleProp,
18
- parsePatterns?: TextStyleProp => any,
19
- |}>
20
-
21
- export default class MessageText<
22
- TMessage: IMessage = IMessage,
23
- > extends React.Component<MessageTextProps<TMessage>> {}
@@ -1,16 +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 MessageVideoProps<TMessage: IMessage = IMessage> = $ReadOnly<{|
7
- currentMessage: TMessage,
8
- containerStyle?: ViewStyleProp,
9
- videoStyle?: ViewStyleProp,
10
- videoProps?: Object,
11
- lightboxProps?: Object,
12
- |}>
13
-
14
- export default class MessageVideo<
15
- TMessage: IMessage = IMessage,
16
- > extends Component<MessageVideoProps<TMessage>> {}
package/lib/Models.js DELETED
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=Models.js.map
package/lib/Models.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"Models.js","sourceRoot":"","sources":["../src/Models.ts"],"names":[],"mappings":""}
@@ -1,25 +0,0 @@
1
- // @flow
2
- import * as React from 'react'
3
- import type { IMessage, Reply } from './types'
4
- import type { ViewStyleProp, TextStyleProp } from 'react-native/Libraries/StyleSheet/StyleSheet'
5
-
6
- export type QuickRepliesProps<TMessage: IMessage = IMessage> = $ReadOnly<{|
7
- nextMessage?: TMessage,
8
- currentMessage: TMessage,
9
- color?: string,
10
- sendText?: string,
11
- quickReplyStyle?: ViewStyleProp,
12
- quickReplyTextStyle?: TextStyleProp,
13
- quickReplyContainerStyle?: ViewStyleProp,
14
- onQuickReply: (Array<Reply>) => void,
15
- renderQuickReplySend?: () => React.Node,
16
- |}>
17
-
18
- export type QuickRepliesState = {|
19
- replies: Array<Reply>,
20
- |}
21
-
22
- export default class QuickReplies extends React.Component<
23
- QuickRepliesProps,
24
- QuickRepliesState,
25
- > {}
package/lib/Send.js.flow DELETED
@@ -1,19 +0,0 @@
1
- // @flow
2
- import * as React from 'react'
3
- import type {
4
- TextStyleProp,
5
- ViewStyleProp,
6
- } from 'react-native/Libraries/StyleSheet/StyleSheet'
7
-
8
- export type SendProps = $ReadOnly<{|
9
- text?: string,
10
- label?: string,
11
- containerStyle?: ViewStyleProp,
12
- textStyle?: TextStyleProp,
13
- children?: React.Node,
14
- alwaysShowSend?: boolean,
15
- disabled?: boolean,
16
- onSend?: ({ text: string }, boolean) => void,
17
- |}>
18
-
19
- export default class Send extends React.Component<SendProps> {}
@@ -1,18 +0,0 @@
1
- // @flow
2
- import { Component } from 'react'
3
- import type { IMessage } from './types'
4
- import type {
5
- TextStyleProp,
6
- ViewStyleProp,
7
- } from 'react-native/Libraries/StyleSheet/StyleSheet'
8
-
9
- export type SystemMessageProps<TMessage: IMessage = IMessage> = $ReadOnly<{|
10
- currentMessage: TMessage,
11
- containerStyle?: ViewStyleProp,
12
- wrapperStyle?: ViewStyleProp,
13
- textStyle?: TextStyleProp,
14
- |}>
15
-
16
- export default class SystemMessages<
17
- TMessage: IMessage = IMessage,
18
- > extends Component<SystemMessageProps<TMessage>> {}
package/lib/Time.js.flow DELETED
@@ -1,19 +0,0 @@
1
- // @flow
2
- import { Component } from 'react'
3
- import type { IMessage, LeftRightStyle } from './types'
4
- import type {
5
- TextStyleProp,
6
- ViewStyleProp,
7
- } from 'react-native/Libraries/StyleSheet/StyleSheet'
8
-
9
- export type TimeProps<TMessage: IMessage = IMessage> = $ReadOnly<{|
10
- position: 'left' | 'right',
11
- currentMessage: TMessage,
12
- containerStyle?: LeftRightStyle<ViewStyleProp>,
13
- timeTextStyle?: LeftRightStyle<TextStyleProp>,
14
- timeFormat?: string,
15
- |}>
16
-
17
- export default class Time<TMessage: IMessage = IMessage> extends Component<
18
- TimeProps<TMessage>,
19
- > {}
@@ -1,6 +0,0 @@
1
- import React from 'react';
2
- interface Props {
3
- isTyping?: boolean;
4
- }
5
- declare const TypingIndicator: ({ isTyping }: Props) => React.JSX.Element | null;
6
- export default TypingIndicator;
@@ -1 +0,0 @@
1
- {"version":3,"file":"TypingIndicator.js","sourceRoot":"","sources":["../src/TypingIndicator.tsx"],"names":[],"mappings":"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"}
package/lib/index.js.flow DELETED
@@ -1,2 +0,0 @@
1
- // @flow
2
- export * from './GiftedChat'
package/lib/types.js.flow DELETED
@@ -1,43 +0,0 @@
1
- // @flow
2
- import * as React from 'react'
3
- type renderFunction = any => React.Node
4
-
5
- export type LeftRightStyle<T> = {|
6
- left: T,
7
- right: T,
8
- |}
9
-
10
- export type User = {
11
- _id: string | number,
12
- name?: string,
13
- avatar?: string | renderFunction,
14
- }
15
-
16
- export type Reply = {
17
- title: string,
18
- value: string,
19
- messageId?: number | string,
20
- }
21
-
22
- export type QuickReplies = {
23
- type: 'radio' | 'checkbox',
24
- values: Array<Reply>,
25
- keepIt?: boolean,
26
- }
27
-
28
- export type IMessage = {
29
- _id: string | number,
30
- text: string,
31
- createdAt: Date | number,
32
- user: User,
33
- image?: string,
34
- video?: string,
35
- audio?: string,
36
- system?: boolean,
37
- sent?: boolean,
38
- received?: boolean,
39
- pending?: boolean,
40
- quickReplies?: QuickReplies,
41
- }
42
-
43
- export type IChatMessage = IMessage
package/lib/utils.js.flow DELETED
@@ -1,16 +0,0 @@
1
- // @flow
2
- import type { IMessage } from './types'
3
-
4
- declare export function isSameDay(
5
- currentMessage: IMessage,
6
- diffMessage: IMessage | null | void,
7
- ): boolean
8
-
9
- declare export function isSameUser(
10
- currentMessage: IMessage,
11
- diffMessage: IMessage | null | void,
12
- ): boolean
13
-
14
- declare export var warning: (...args: any) => void
15
-
16
- declare export var error: (...args: any) => void