react-native-gifted-chat 2.8.2-alpha.0 → 2.8.2-alpha.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 (191) hide show
  1. package/README.md +8 -12
  2. package/package.json +20 -21
  3. package/src/Bubble/index.tsx +11 -10
  4. package/src/Bubble/types.ts +2 -2
  5. package/src/Composer.tsx +19 -26
  6. package/src/Constant.ts +0 -1
  7. package/src/GiftedAvatar.tsx +29 -36
  8. package/src/GiftedChat/index.tsx +11 -62
  9. package/src/GiftedChat/types.ts +5 -52
  10. package/src/InputToolbar.tsx +25 -8
  11. package/src/LoadEarlier.tsx +19 -17
  12. package/src/MessageAudio.tsx +19 -7
  13. package/src/MessageContainer/components/DayAnimated/index.tsx +14 -9
  14. package/src/MessageContainer/components/Item/index.tsx +7 -1
  15. package/src/MessageContainer/index.tsx +47 -28
  16. package/src/MessageContainer/types.ts +31 -6
  17. package/src/MessageImage.tsx +18 -6
  18. package/src/MessageText.tsx +18 -23
  19. package/src/MessageVideo.tsx +19 -7
  20. package/src/QuickReplies.tsx +17 -10
  21. package/src/Send.tsx +7 -1
  22. package/src/SystemMessage.tsx +9 -2
  23. package/src/Time.tsx +9 -2
  24. package/src/TypingIndicator/index.tsx +2 -1
  25. package/src/TypingIndicator/types.ts +3 -0
  26. package/src/__tests__/Actions.test.tsx +3 -4
  27. package/src/__tests__/Avatar.test.tsx +5 -6
  28. package/src/__tests__/Bubble.test.tsx +14 -19
  29. package/src/__tests__/Composer.test.tsx +3 -4
  30. package/src/__tests__/Day.test.tsx +5 -8
  31. package/src/__tests__/DayAnimated.test.tsx +11 -13
  32. package/src/__tests__/GiftedAvatar.test.tsx +3 -8
  33. package/src/__tests__/GiftedChat.test.tsx +32 -41
  34. package/src/__tests__/InputToolbar.test.tsx +3 -4
  35. package/src/__tests__/LoadEarlier.test.tsx +3 -4
  36. package/src/__tests__/Message.test.tsx +51 -58
  37. package/src/__tests__/MessageContainer.test.tsx +39 -5
  38. package/src/__tests__/MessageImage.test.tsx +12 -15
  39. package/src/__tests__/MessageText.test.tsx +7 -4
  40. package/src/__tests__/Send.test.tsx +7 -8
  41. package/src/__tests__/SystemMessage.test.tsx +12 -15
  42. package/src/__tests__/Time.test.tsx +5 -8
  43. package/src/__tests__/__snapshots__/Bubble.test.tsx.snap +48 -50
  44. package/src/__tests__/__snapshots__/Composer.test.tsx.snap +1 -2
  45. package/src/__tests__/__snapshots__/Constant.test.tsx.snap +0 -1
  46. package/src/__tests__/__snapshots__/InputToolbar.test.tsx.snap +2 -2
  47. package/src/__tests__/__snapshots__/Message.test.tsx.snap +146 -150
  48. package/src/__tests__/__snapshots__/MessageImage.test.tsx.snap +12 -10
  49. package/src/__tests__/__snapshots__/MessageText.test.tsx.snap +12 -8
  50. package/src/__tests__/__snapshots__/Send.test.tsx.snap +2 -0
  51. package/src/reanimatedCompat.ts +27 -0
  52. package/src/types.ts +4 -0
  53. package/lib/Actions.d.ts +0 -14
  54. package/lib/Actions.js +0 -57
  55. package/lib/Actions.js.map +0 -1
  56. package/lib/Avatar.d.ts +0 -18
  57. package/lib/Avatar.js +0 -93
  58. package/lib/Avatar.js.map +0 -1
  59. package/lib/Bubble/index.d.ts +0 -6
  60. package/lib/Bubble/index.js +0 -242
  61. package/lib/Bubble/index.js.map +0 -1
  62. package/lib/Bubble/styles.d.ts +0 -69
  63. package/lib/Bubble/styles.js +0 -72
  64. package/lib/Bubble/styles.js.map +0 -1
  65. package/lib/Bubble/types.d.ts +0 -47
  66. package/lib/Bubble/types.js +0 -2
  67. package/lib/Bubble/types.js.map +0 -1
  68. package/lib/Color.d.ts +0 -18
  69. package/lib/Color.js +0 -18
  70. package/lib/Color.js.map +0 -1
  71. package/lib/Composer.d.ts +0 -20
  72. package/lib/Composer.js +0 -60
  73. package/lib/Composer.js.map +0 -1
  74. package/lib/Constant.d.ts +0 -10
  75. package/lib/Constant.js +0 -17
  76. package/lib/Constant.js.map +0 -1
  77. package/lib/Day/index.d.ts +0 -4
  78. package/lib/Day/index.js +0 -39
  79. package/lib/Day/index.js.map +0 -1
  80. package/lib/Day/styles.d.ts +0 -20
  81. package/lib/Day/styles.js +0 -22
  82. package/lib/Day/styles.js.map +0 -1
  83. package/lib/Day/types.d.ts +0 -9
  84. package/lib/Day/types.js +0 -2
  85. package/lib/Day/types.js.map +0 -1
  86. package/lib/GiftedAvatar.d.ts +0 -11
  87. package/lib/GiftedAvatar.js +0 -104
  88. package/lib/GiftedAvatar.js.map +0 -1
  89. package/lib/GiftedChat/index.d.ts +0 -26
  90. package/lib/GiftedChat/index.js +0 -317
  91. package/lib/GiftedChat/index.js.map +0 -1
  92. package/lib/GiftedChat/styles.d.ts +0 -6
  93. package/lib/GiftedChat/styles.js +0 -7
  94. package/lib/GiftedChat/styles.js.map +0 -1
  95. package/lib/GiftedChat/types.d.ts +0 -112
  96. package/lib/GiftedChat/types.js +0 -2
  97. package/lib/GiftedChat/types.js.map +0 -1
  98. package/lib/GiftedChatContext.d.ts +0 -9
  99. package/lib/GiftedChatContext.js +0 -9
  100. package/lib/GiftedChatContext.js.map +0 -1
  101. package/lib/InputToolbar.d.ts +0 -23
  102. package/lib/InputToolbar.js +0 -56
  103. package/lib/InputToolbar.js.map +0 -1
  104. package/lib/LoadEarlier.d.ts +0 -14
  105. package/lib/LoadEarlier.js +0 -45
  106. package/lib/LoadEarlier.js.map +0 -1
  107. package/lib/Message/index.d.ts +0 -6
  108. package/lib/Message/index.js +0 -80
  109. package/lib/Message/index.js.map +0 -1
  110. package/lib/Message/styles.d.ts +0 -21
  111. package/lib/Message/styles.js +0 -22
  112. package/lib/Message/styles.js.map +0 -1
  113. package/lib/Message/types.d.ts +0 -22
  114. package/lib/Message/types.js +0 -2
  115. package/lib/Message/types.js.map +0 -1
  116. package/lib/MessageAudio.d.ts +0 -2
  117. package/lib/MessageAudio.js +0 -14
  118. package/lib/MessageAudio.js.map +0 -1
  119. package/lib/MessageContainer/components/DayAnimated/index.d.ts +0 -5
  120. package/lib/MessageContainer/components/DayAnimated/index.js +0 -85
  121. package/lib/MessageContainer/components/DayAnimated/index.js.map +0 -1
  122. package/lib/MessageContainer/components/DayAnimated/styles.d.ts +0 -11
  123. package/lib/MessageContainer/components/DayAnimated/styles.js +0 -12
  124. package/lib/MessageContainer/components/DayAnimated/styles.js.map +0 -1
  125. package/lib/MessageContainer/components/DayAnimated/types.d.ts +0 -17
  126. package/lib/MessageContainer/components/DayAnimated/types.js +0 -2
  127. package/lib/MessageContainer/components/DayAnimated/types.js.map +0 -1
  128. package/lib/MessageContainer/components/Item/index.d.ts +0 -23
  129. package/lib/MessageContainer/components/Item/index.js +0 -88
  130. package/lib/MessageContainer/components/Item/index.js.map +0 -1
  131. package/lib/MessageContainer/components/Item/types.d.ts +0 -17
  132. package/lib/MessageContainer/components/Item/types.js +0 -2
  133. package/lib/MessageContainer/components/Item/types.js.map +0 -1
  134. package/lib/MessageContainer/index.d.ts +0 -6
  135. package/lib/MessageContainer/index.js +0 -235
  136. package/lib/MessageContainer/index.js.map +0 -1
  137. package/lib/MessageContainer/styles.d.ts +0 -35
  138. package/lib/MessageContainer/styles.js +0 -32
  139. package/lib/MessageContainer/styles.js.map +0 -1
  140. package/lib/MessageContainer/types.d.ts +0 -51
  141. package/lib/MessageContainer/types.js +0 -2
  142. package/lib/MessageContainer/types.js.map +0 -1
  143. package/lib/MessageImage.d.ts +0 -13
  144. package/lib/MessageImage.js +0 -30
  145. package/lib/MessageImage.js.map +0 -1
  146. package/lib/MessageText.d.ts +0 -19
  147. package/lib/MessageText.js +0 -69
  148. package/lib/MessageText.js.map +0 -1
  149. package/lib/MessageVideo.d.ts +0 -2
  150. package/lib/MessageVideo.js +0 -14
  151. package/lib/MessageVideo.js.map +0 -1
  152. package/lib/QuickReplies.d.ts +0 -15
  153. package/lib/QuickReplies.js +0 -101
  154. package/lib/QuickReplies.js.map +0 -1
  155. package/lib/Send.d.ts +0 -15
  156. package/lib/Send.js +0 -34
  157. package/lib/Send.js.map +0 -1
  158. package/lib/SystemMessage.d.ts +0 -11
  159. package/lib/SystemMessage.js +0 -27
  160. package/lib/SystemMessage.js.map +0 -1
  161. package/lib/Time.d.ts +0 -11
  162. package/lib/Time.js +0 -56
  163. package/lib/Time.js.map +0 -1
  164. package/lib/TypingIndicator/index.d.ts +0 -5
  165. package/lib/TypingIndicator/index.js +0 -94
  166. package/lib/TypingIndicator/index.js.map +0 -1
  167. package/lib/TypingIndicator/styles.d.ts +0 -20
  168. package/lib/TypingIndicator/styles.js +0 -22
  169. package/lib/TypingIndicator/styles.js.map +0 -1
  170. package/lib/TypingIndicator/types.d.ts +0 -3
  171. package/lib/TypingIndicator/types.js +0 -2
  172. package/lib/TypingIndicator/types.js.map +0 -1
  173. package/lib/hooks/useUpdateLayoutEffect.d.ts +0 -8
  174. package/lib/hooks/useUpdateLayoutEffect.js +0 -17
  175. package/lib/hooks/useUpdateLayoutEffect.js.map +0 -1
  176. package/lib/index.d.ts +0 -4
  177. package/lib/index.js +0 -5
  178. package/lib/index.js.map +0 -1
  179. package/lib/logging.d.ts +0 -2
  180. package/lib/logging.js +0 -5
  181. package/lib/logging.js.map +0 -1
  182. package/lib/styles.d.ts +0 -10
  183. package/lib/styles.js +0 -11
  184. package/lib/styles.js.map +0 -1
  185. package/lib/types.d.ts +0 -67
  186. package/lib/types.js +0 -2
  187. package/lib/types.js.map +0 -1
  188. package/lib/utils.d.ts +0 -5
  189. package/lib/utils.js +0 -83
  190. package/lib/utils.js.map +0 -1
  191. package/src/__tests__/__snapshots__/MessageContainer.test.tsx.snap +0 -108
package/lib/Composer.js DELETED
@@ -1,60 +0,0 @@
1
- import React, { useCallback, useRef } from 'react';
2
- import { Platform, StyleSheet, TextInput, } from 'react-native';
3
- import { MIN_COMPOSER_HEIGHT, DEFAULT_PLACEHOLDER } from './Constant';
4
- import Color from './Color';
5
- import stylesCommon from './styles';
6
- export function Composer({ composerHeight = MIN_COMPOSER_HEIGHT, disableComposer = false, keyboardAppearance = 'default', multiline = true, onInputSizeChanged, onTextChanged, placeholder = DEFAULT_PLACEHOLDER, placeholderTextColor = Color.defaultColor, text = '', textInputAutoFocus = false, textInputProps, textInputStyle, }) {
7
- const dimensionsRef = useRef(null);
8
- const determineInputSizeChange = useCallback((dimensions) => {
9
- // Support earlier versions of React Native on Android.
10
- if (!dimensions)
11
- return;
12
- if (!dimensionsRef.current ||
13
- (dimensionsRef.current &&
14
- (dimensionsRef.current.width !== dimensions.width ||
15
- dimensionsRef.current.height !== dimensions.height))) {
16
- dimensionsRef.current = dimensions;
17
- onInputSizeChanged?.(dimensions);
18
- }
19
- }, [onInputSizeChanged]);
20
- const handleContentSizeChange = useCallback(({ nativeEvent: { contentSize }, }) => determineInputSizeChange(contentSize), [determineInputSizeChange]);
21
- return (<TextInput testID={placeholder} accessible accessibilityLabel={placeholder} placeholder={placeholder} placeholderTextColor={placeholderTextColor} multiline={multiline} editable={!disableComposer} onContentSizeChange={handleContentSizeChange} onChangeText={onTextChanged} style={[
22
- stylesCommon.fill,
23
- styles.textInput,
24
- textInputStyle,
25
- {
26
- height: composerHeight,
27
- ...Platform.select({
28
- web: {
29
- outlineWidth: 0,
30
- outlineColor: 'transparent',
31
- outlineOffset: 0,
32
- },
33
- }),
34
- },
35
- ]} autoFocus={textInputAutoFocus} value={text} enablesReturnKeyAutomatically underlineColorAndroid='transparent' keyboardAppearance={keyboardAppearance} {...textInputProps}/>);
36
- }
37
- const styles = StyleSheet.create({
38
- textInput: {
39
- marginLeft: 10,
40
- fontSize: 16,
41
- lineHeight: 22,
42
- ...Platform.select({
43
- web: {
44
- paddingTop: 6,
45
- paddingLeft: 4,
46
- },
47
- }),
48
- marginTop: Platform.select({
49
- ios: 6,
50
- android: 0,
51
- web: 6,
52
- }),
53
- marginBottom: Platform.select({
54
- ios: 5,
55
- android: 3,
56
- web: 4,
57
- }),
58
- },
59
- });
60
- //# sourceMappingURL=Composer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Composer.js","sourceRoot":"","sources":["../src/Composer.tsx"],"names":[],"mappings":"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"}
package/lib/Constant.d.ts DELETED
@@ -1,10 +0,0 @@
1
- export declare const MIN_COMPOSER_HEIGHT: number | undefined;
2
- export declare const MAX_COMPOSER_HEIGHT = 200;
3
- export declare const DEFAULT_PLACEHOLDER = "Type a message...";
4
- export declare const DATE_FORMAT = "D MMMM";
5
- export declare const TIME_FORMAT = "LT";
6
- export declare const TEST_ID: {
7
- WRAPPER: string;
8
- LOADING_WRAPPER: string;
9
- SEND_TOUCHABLE: string;
10
- };
package/lib/Constant.js DELETED
@@ -1,17 +0,0 @@
1
- import { Platform } from 'react-native';
2
- export const MIN_COMPOSER_HEIGHT = Platform.select({
3
- ios: 33,
4
- android: 41,
5
- web: 34,
6
- windows: 34,
7
- });
8
- export const MAX_COMPOSER_HEIGHT = 200;
9
- export const DEFAULT_PLACEHOLDER = 'Type a message...';
10
- export const DATE_FORMAT = 'D MMMM';
11
- export const TIME_FORMAT = 'LT';
12
- export const TEST_ID = {
13
- WRAPPER: 'GC_WRAPPER',
14
- LOADING_WRAPPER: 'GC_LOADING_CONTAINER',
15
- SEND_TOUCHABLE: 'GC_SEND_TOUCHABLE',
16
- };
17
- //# sourceMappingURL=Constant.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Constant.js","sourceRoot":"","sources":["../src/Constant.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAEvC,MAAM,CAAC,MAAM,mBAAmB,GAAG,QAAQ,CAAC,MAAM,CAAC;IACjD,GAAG,EAAE,EAAE;IACP,OAAO,EAAE,EAAE;IACX,GAAG,EAAE,EAAE;IACP,OAAO,EAAE,EAAE;CACZ,CAAC,CAAA;AACF,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAA;AACtC,MAAM,CAAC,MAAM,mBAAmB,GAAG,mBAAmB,CAAA;AACtD,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAA;AACnC,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAAA;AAE/B,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,OAAO,EAAE,YAAY;IACrB,eAAe,EAAE,sBAAsB;IACvC,cAAc,EAAE,mBAAmB;CACpC,CAAA"}
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { DayProps } from './types';
3
- export * from './types';
4
- export declare function Day({ dateFormat, dateFormatCalendar, createdAt, containerStyle, wrapperStyle, textStyle, }: DayProps): React.JSX.Element | null;
package/lib/Day/index.js DELETED
@@ -1,39 +0,0 @@
1
- import React, { useMemo } from 'react';
2
- import { Text, View, } from 'react-native';
3
- import dayjs from 'dayjs';
4
- import relativeTime from 'dayjs/plugin/relativeTime';
5
- import calendar from 'dayjs/plugin/calendar';
6
- import { DATE_FORMAT } from '../Constant';
7
- import { useChatContext } from '../GiftedChatContext';
8
- import stylesCommon from '../styles';
9
- import styles from './styles';
10
- export * from './types';
11
- dayjs.extend(relativeTime);
12
- dayjs.extend(calendar);
13
- export function Day({ dateFormat = DATE_FORMAT, dateFormatCalendar, createdAt, containerStyle, wrapperStyle, textStyle, }) {
14
- const { getLocale } = useChatContext();
15
- const dateStr = useMemo(() => {
16
- if (createdAt == null)
17
- return null;
18
- const now = dayjs().startOf('day');
19
- const date = dayjs(createdAt).locale(getLocale()).startOf('day');
20
- if (!now.isSame(date, 'year'))
21
- return date.format('D MMMM YYYY');
22
- if (now.diff(date, 'days') < 1)
23
- return date.calendar(now, {
24
- sameDay: '[Today]',
25
- ...dateFormatCalendar,
26
- });
27
- return date.format(dateFormat);
28
- }, [createdAt, dateFormat, getLocale, dateFormatCalendar]);
29
- if (!dateStr)
30
- return null;
31
- return (<View style={[stylesCommon.centerItems, styles.container, containerStyle]}>
32
- <View style={[styles.wrapper, wrapperStyle]}>
33
- <Text style={[styles.text, textStyle]}>
34
- {dateStr}
35
- </Text>
36
- </View>
37
- </View>);
38
- }
39
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Day/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EACL,IAAI,EACJ,IAAI,GACL,MAAM,cAAc,CAAA;AACrB,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,YAAY,MAAM,2BAA2B,CAAA;AACpD,OAAO,QAAQ,MAAM,uBAAuB,CAAA;AAE5C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAGzC,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,YAAY,MAAM,WAAW,CAAA;AACpC,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,cAAc,SAAS,CAAA;AAEvB,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAA;AAC1B,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;AAEtB,MAAM,UAAU,GAAG,CAAE,EACnB,UAAU,GAAG,WAAW,EACxB,kBAAkB,EAClB,SAAS,EACT,cAAc,EACd,YAAY,EACZ,SAAS,GACA;IACT,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,IAAI,SAAS,IAAI,IAAI;YACnB,OAAO,IAAI,CAAA;QAEb,MAAM,GAAG,GAAG,KAAK,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QAClC,MAAM,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QAEhE,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC;YAC3B,OAAO,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAA;QAEnC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC;YAC5B,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;gBACxB,OAAO,EAAE,SAAS;gBAClB,GAAG,kBAAkB;aACtB,CAAC,CAAA;QAEJ,OAAO,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,kBAAkB,CAAC,CAAC,CAAA;IAE1D,IAAI,CAAC,OAAO;QACV,OAAO,IAAI,CAAA;IAEb,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,WAAW,EAAE,MAAM,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC,CACxE;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CAC1C;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CACpC;UAAA,CAAC,OAAO,CACV;QAAA,EAAE,IAAI,CACR;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC"}
@@ -1,20 +0,0 @@
1
- declare const _default: {
2
- container: {
3
- marginTop: number;
4
- marginBottom: number;
5
- };
6
- wrapper: {
7
- backgroundColor: string;
8
- paddingTop: number;
9
- paddingBottom: number;
10
- paddingLeft: number;
11
- paddingRight: number;
12
- borderRadius: number;
13
- };
14
- text: {
15
- color: string;
16
- fontSize: number;
17
- fontWeight: "600";
18
- };
19
- };
20
- export default _default;
package/lib/Day/styles.js DELETED
@@ -1,22 +0,0 @@
1
- import { StyleSheet } from 'react-native';
2
- import Color from '../Color';
3
- export default StyleSheet.create({
4
- container: {
5
- marginTop: 5,
6
- marginBottom: 10,
7
- },
8
- wrapper: {
9
- backgroundColor: 'rgba(0, 0, 0, 0.75)',
10
- paddingTop: 6,
11
- paddingBottom: 6,
12
- paddingLeft: 10,
13
- paddingRight: 10,
14
- borderRadius: 15,
15
- },
16
- text: {
17
- color: Color.white,
18
- fontSize: 12,
19
- fontWeight: '600',
20
- },
21
- });
22
- //# sourceMappingURL=styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Day/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,KAAK,MAAM,UAAU,CAAA;AAE5B,eAAe,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,EAAE;KACjB;IACD,OAAO,EAAE;QACP,eAAe,EAAE,qBAAqB;QACtC,UAAU,EAAE,CAAC;QACb,aAAa,EAAE,CAAC;QAChB,WAAW,EAAE,EAAE;QACf,YAAY,EAAE,EAAE;QAChB,YAAY,EAAE,EAAE;KACjB;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KAClB;CACF,CAAC,CAAA"}
@@ -1,9 +0,0 @@
1
- import { StyleProp, ViewStyle, TextStyle } from 'react-native';
2
- export interface DayProps {
3
- createdAt: Date | number;
4
- dateFormat?: string;
5
- dateFormatCalendar?: object;
6
- containerStyle?: StyleProp<ViewStyle>;
7
- wrapperStyle?: StyleProp<ViewStyle>;
8
- textStyle?: StyleProp<TextStyle>;
9
- }
package/lib/Day/types.js DELETED
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/Day/types.ts"],"names":[],"mappings":""}
@@ -1,11 +0,0 @@
1
- import React from 'react';
2
- import { StyleProp, ImageStyle, TextStyle } from 'react-native';
3
- import { User } from './types';
4
- export interface GiftedAvatarProps {
5
- user?: User;
6
- avatarStyle?: StyleProp<ImageStyle>;
7
- textStyle?: StyleProp<TextStyle>;
8
- onPress?: (props: GiftedAvatarProps) => void;
9
- onLongPress?: (props: GiftedAvatarProps) => void;
10
- }
11
- export declare function GiftedAvatar(props: GiftedAvatarProps): React.JSX.Element;
@@ -1,104 +0,0 @@
1
- import React, { useCallback, useEffect, useState } from 'react';
2
- import { Image, Text, TouchableOpacity, View, StyleSheet, } from 'react-native';
3
- import Color from './Color';
4
- import stylesCommon from './styles';
5
- const { carrot, emerald, peterRiver, wisteria, alizarin, turquoise, midnightBlue, } = Color;
6
- const styles = StyleSheet.create({
7
- avatarStyle: {
8
- width: 40,
9
- height: 40,
10
- borderRadius: 20,
11
- },
12
- avatarTransparent: {
13
- backgroundColor: Color.backgroundTransparent,
14
- },
15
- textStyle: {
16
- color: Color.white,
17
- fontSize: 16,
18
- backgroundColor: Color.backgroundTransparent,
19
- fontWeight: '100',
20
- },
21
- });
22
- export function GiftedAvatar(props) {
23
- const [avatarName, setAvatarName] = useState(undefined);
24
- const [backgroundColor, setBackgroundColor] = useState(undefined);
25
- const { user, avatarStyle, textStyle, onPress, } = props;
26
- const setAvatarColor = useCallback(() => {
27
- if (backgroundColor)
28
- return;
29
- const userName = user?.name || '';
30
- const name = userName.toUpperCase().split(' ');
31
- if (name.length === 1)
32
- setAvatarName(`${name[0].charAt(0)}`);
33
- else if (name.length > 1)
34
- setAvatarName(`${name[0].charAt(0)}${name[1].charAt(0)}`);
35
- else
36
- setAvatarName('');
37
- let sumChars = 0;
38
- for (let i = 0; i < userName.length; i += 1)
39
- sumChars += userName.charCodeAt(i);
40
- // inspired by https://github.com/wbinnssmith/react-user-avatar
41
- // colors from https://flatuicolors.com/
42
- const colors = [
43
- carrot,
44
- emerald,
45
- peterRiver,
46
- wisteria,
47
- alizarin,
48
- turquoise,
49
- midnightBlue,
50
- ];
51
- setBackgroundColor(colors[sumChars % colors.length]);
52
- }, [user?.name, backgroundColor]);
53
- const renderAvatar = useCallback(() => {
54
- switch (typeof user?.avatar) {
55
- case 'function':
56
- return user.avatar([stylesCommon.centerItems, styles.avatarStyle, avatarStyle]);
57
- case 'string':
58
- return (<Image source={{ uri: user.avatar }} style={[stylesCommon.centerItems, styles.avatarStyle, avatarStyle]}/>);
59
- case 'number':
60
- return (<Image source={user.avatar} style={[stylesCommon.centerItems, styles.avatarStyle, avatarStyle]}/>);
61
- default:
62
- return null;
63
- }
64
- }, [user, avatarStyle]);
65
- const renderInitials = useCallback(() => {
66
- return (<Text style={[styles.textStyle, textStyle]}>
67
- {avatarName}
68
- </Text>);
69
- }, [textStyle, avatarName]);
70
- const handleOnPress = () => {
71
- const { onPress, ...rest } = props;
72
- if (onPress)
73
- onPress(rest);
74
- };
75
- const handleOnLongPress = () => {
76
- const { onLongPress, ...rest } = props;
77
- if (onLongPress)
78
- onLongPress(rest);
79
- };
80
- useEffect(() => {
81
- setAvatarColor();
82
- }, [setAvatarColor]);
83
- if (!user || (!user.name && !user.avatar))
84
- // render placeholder
85
- return (<View style={[
86
- stylesCommon.centerItems,
87
- styles.avatarStyle,
88
- styles.avatarTransparent,
89
- avatarStyle,
90
- ]} accessibilityRole='image'/>);
91
- if (user.avatar)
92
- return (<TouchableOpacity disabled={!onPress} onPress={handleOnPress} onLongPress={handleOnLongPress} accessibilityRole='image'>
93
- {renderAvatar()}
94
- </TouchableOpacity>);
95
- return (<TouchableOpacity disabled={!onPress} onPress={handleOnPress} onLongPress={handleOnLongPress} style={[
96
- stylesCommon.centerItems,
97
- styles.avatarStyle,
98
- { backgroundColor },
99
- avatarStyle,
100
- ]} accessibilityRole='image'>
101
- {renderInitials()}
102
- </TouchableOpacity>);
103
- }
104
- //# sourceMappingURL=GiftedAvatar.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"GiftedAvatar.js","sourceRoot":"","sources":["../src/GiftedAvatar.tsx"],"names":[],"mappings":"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"}
@@ -1,26 +0,0 @@
1
- import React from 'react';
2
- import { Actions } from '../Actions';
3
- import { Avatar } from '../Avatar';
4
- import Bubble from '../Bubble';
5
- import { Composer } from '../Composer';
6
- import { Day } from '../Day';
7
- import { GiftedAvatar } from '../GiftedAvatar';
8
- import { InputToolbar } from '../InputToolbar';
9
- import { LoadEarlier } from '../LoadEarlier';
10
- import Message from '../Message';
11
- import MessageContainer from '../MessageContainer';
12
- import { MessageImage } from '../MessageImage';
13
- import { MessageText } from '../MessageText';
14
- import { IMessage } from '../types';
15
- import { Send } from '../Send';
16
- import { SystemMessage } from '../SystemMessage';
17
- import { Time } from '../Time';
18
- import * as utils from '../utils';
19
- import { GiftedChatProps } from './types';
20
- declare function GiftedChatWrapper<TMessage extends IMessage = IMessage>(props: GiftedChatProps<TMessage>): React.JSX.Element;
21
- declare namespace GiftedChatWrapper {
22
- var append: <TMessage extends IMessage>(currentMessages: TMessage[] | undefined, messages: TMessage[], inverted?: boolean) => TMessage[];
23
- var prepend: <TMessage extends IMessage>(currentMessages: TMessage[] | undefined, messages: TMessage[], inverted?: boolean) => TMessage[];
24
- }
25
- export * from '../types';
26
- export { GiftedChatWrapper as GiftedChat, Actions, Avatar, Bubble, SystemMessage, MessageImage, MessageText, Composer, Day, InputToolbar, LoadEarlier, Message, MessageContainer, Send, Time, GiftedAvatar, utils };