react-native-gifted-chat 2.8.1 → 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.
- package/README.md +18 -17
- package/package.json +41 -35
- package/src/Bubble/index.tsx +15 -39
- package/src/Bubble/types.ts +5 -5
- package/src/Composer.tsx +19 -26
- package/src/Constant.ts +0 -1
- package/src/GiftedAvatar.tsx +29 -36
- package/src/GiftedChat/index.tsx +34 -65
- package/src/GiftedChat/types.ts +8 -53
- package/src/InputToolbar.tsx +25 -8
- package/src/LoadEarlier.tsx +19 -17
- package/src/MessageAudio.tsx +19 -7
- package/src/MessageContainer/components/DayAnimated/index.tsx +14 -9
- package/src/MessageContainer/components/Item/index.tsx +7 -1
- package/src/MessageContainer/index.tsx +104 -64
- package/src/MessageContainer/styles.ts +3 -2
- package/src/MessageContainer/types.ts +36 -14
- package/src/MessageImage.tsx +18 -6
- package/src/MessageText.tsx +88 -128
- package/src/MessageVideo.tsx +19 -7
- package/src/QuickReplies.tsx +17 -10
- package/src/Send.tsx +7 -1
- package/src/SystemMessage.tsx +12 -2
- package/src/Time.tsx +9 -2
- package/src/TypingIndicator/index.tsx +2 -1
- package/src/TypingIndicator/types.ts +3 -0
- package/src/__tests__/Actions.test.tsx +3 -4
- package/src/__tests__/Avatar.test.tsx +5 -6
- package/src/__tests__/Bubble.test.tsx +14 -19
- package/src/__tests__/Composer.test.tsx +3 -4
- package/src/__tests__/Day.test.tsx +5 -8
- package/src/__tests__/DayAnimated.test.tsx +52 -0
- package/src/__tests__/GiftedAvatar.test.tsx +3 -8
- package/src/__tests__/GiftedChat.test.tsx +37 -21
- package/src/__tests__/InputToolbar.test.tsx +3 -4
- package/src/__tests__/LoadEarlier.test.tsx +3 -4
- package/src/__tests__/Message.test.tsx +51 -58
- package/src/__tests__/MessageContainer.test.tsx +39 -5
- package/src/__tests__/MessageImage.test.tsx +12 -15
- package/src/__tests__/MessageText.test.tsx +7 -4
- package/src/__tests__/Send.test.tsx +7 -8
- package/src/__tests__/SystemMessage.test.tsx +12 -15
- package/src/__tests__/Time.test.tsx +5 -8
- package/src/__tests__/__snapshots__/Bubble.test.tsx.snap +48 -50
- package/src/__tests__/__snapshots__/Composer.test.tsx.snap +1 -2
- package/src/__tests__/__snapshots__/Constant.test.tsx.snap +0 -1
- package/src/__tests__/__snapshots__/DayAnimated.test.tsx.snap +5 -0
- package/src/__tests__/__snapshots__/GiftedChat.test.tsx.snap +25 -0
- package/src/__tests__/__snapshots__/InputToolbar.test.tsx.snap +2 -2
- package/src/__tests__/__snapshots__/Message.test.tsx.snap +146 -150
- package/src/__tests__/__snapshots__/MessageImage.test.tsx.snap +12 -10
- package/src/__tests__/__snapshots__/MessageText.test.tsx.snap +12 -8
- package/src/__tests__/__snapshots__/Send.test.tsx.snap +2 -0
- package/src/reanimatedCompat.ts +27 -0
- package/src/types.ts +4 -0
- package/src/utils.ts +77 -1
- package/lib/Actions.d.ts +0 -14
- package/lib/Actions.js +0 -57
- package/lib/Actions.js.map +0 -1
- package/lib/Avatar.d.ts +0 -18
- package/lib/Avatar.js +0 -93
- package/lib/Avatar.js.map +0 -1
- package/lib/Bubble/index.d.ts +0 -6
- package/lib/Bubble/index.js +0 -257
- package/lib/Bubble/index.js.map +0 -1
- package/lib/Bubble/styles.d.ts +0 -69
- package/lib/Bubble/styles.js +0 -72
- package/lib/Bubble/styles.js.map +0 -1
- package/lib/Bubble/types.d.ts +0 -47
- package/lib/Bubble/types.js +0 -2
- package/lib/Bubble/types.js.map +0 -1
- package/lib/Color.d.ts +0 -18
- package/lib/Color.js +0 -18
- package/lib/Color.js.map +0 -1
- package/lib/Composer.d.ts +0 -20
- package/lib/Composer.js +0 -60
- package/lib/Composer.js.map +0 -1
- package/lib/Constant.d.ts +0 -10
- package/lib/Constant.js +0 -17
- package/lib/Constant.js.map +0 -1
- package/lib/Day/index.d.ts +0 -4
- package/lib/Day/index.js +0 -39
- package/lib/Day/index.js.map +0 -1
- package/lib/Day/styles.d.ts +0 -20
- package/lib/Day/styles.js +0 -22
- package/lib/Day/styles.js.map +0 -1
- package/lib/Day/types.d.ts +0 -9
- package/lib/Day/types.js +0 -2
- package/lib/Day/types.js.map +0 -1
- package/lib/GiftedAvatar.d.ts +0 -11
- package/lib/GiftedAvatar.js +0 -104
- package/lib/GiftedAvatar.js.map +0 -1
- package/lib/GiftedChat/index.d.ts +0 -26
- package/lib/GiftedChat/index.js +0 -302
- package/lib/GiftedChat/index.js.map +0 -1
- package/lib/GiftedChat/styles.d.ts +0 -6
- package/lib/GiftedChat/styles.js +0 -7
- package/lib/GiftedChat/styles.js.map +0 -1
- package/lib/GiftedChat/types.d.ts +0 -117
- package/lib/GiftedChat/types.js +0 -2
- package/lib/GiftedChat/types.js.map +0 -1
- package/lib/GiftedChatContext.d.ts +0 -9
- package/lib/GiftedChatContext.js +0 -9
- package/lib/GiftedChatContext.js.map +0 -1
- package/lib/InputToolbar.d.ts +0 -23
- package/lib/InputToolbar.js +0 -56
- package/lib/InputToolbar.js.map +0 -1
- package/lib/LoadEarlier.d.ts +0 -14
- package/lib/LoadEarlier.js +0 -45
- package/lib/LoadEarlier.js.map +0 -1
- package/lib/Message/index.d.ts +0 -6
- package/lib/Message/index.js +0 -80
- package/lib/Message/index.js.map +0 -1
- package/lib/Message/styles.d.ts +0 -21
- package/lib/Message/styles.js +0 -22
- package/lib/Message/styles.js.map +0 -1
- package/lib/Message/types.d.ts +0 -22
- package/lib/Message/types.js +0 -2
- package/lib/Message/types.js.map +0 -1
- package/lib/MessageAudio.d.ts +0 -2
- package/lib/MessageAudio.js +0 -14
- package/lib/MessageAudio.js.map +0 -1
- package/lib/MessageContainer/components/DayAnimated/index.d.ts +0 -5
- package/lib/MessageContainer/components/DayAnimated/index.js +0 -85
- package/lib/MessageContainer/components/DayAnimated/index.js.map +0 -1
- package/lib/MessageContainer/components/DayAnimated/styles.d.ts +0 -11
- package/lib/MessageContainer/components/DayAnimated/styles.js +0 -12
- package/lib/MessageContainer/components/DayAnimated/styles.js.map +0 -1
- package/lib/MessageContainer/components/DayAnimated/types.d.ts +0 -17
- package/lib/MessageContainer/components/DayAnimated/types.js +0 -2
- package/lib/MessageContainer/components/DayAnimated/types.js.map +0 -1
- package/lib/MessageContainer/components/Item/index.d.ts +0 -23
- package/lib/MessageContainer/components/Item/index.js +0 -88
- package/lib/MessageContainer/components/Item/index.js.map +0 -1
- package/lib/MessageContainer/components/Item/types.d.ts +0 -17
- package/lib/MessageContainer/components/Item/types.js +0 -2
- package/lib/MessageContainer/components/Item/types.js.map +0 -1
- package/lib/MessageContainer/index.d.ts +0 -6
- package/lib/MessageContainer/index.js +0 -224
- package/lib/MessageContainer/index.js.map +0 -1
- package/lib/MessageContainer/styles.d.ts +0 -34
- package/lib/MessageContainer/styles.js +0 -31
- package/lib/MessageContainer/styles.js.map +0 -1
- package/lib/MessageContainer/types.d.ts +0 -54
- package/lib/MessageContainer/types.js +0 -2
- package/lib/MessageContainer/types.js.map +0 -1
- package/lib/MessageImage.d.ts +0 -13
- package/lib/MessageImage.js +0 -30
- package/lib/MessageImage.js.map +0 -1
- package/lib/MessageText.d.ts +0 -15
- package/lib/MessageText.js +0 -108
- package/lib/MessageText.js.map +0 -1
- package/lib/MessageVideo.d.ts +0 -2
- package/lib/MessageVideo.js +0 -14
- package/lib/MessageVideo.js.map +0 -1
- package/lib/QuickReplies.d.ts +0 -15
- package/lib/QuickReplies.js +0 -101
- package/lib/QuickReplies.js.map +0 -1
- package/lib/Send.d.ts +0 -15
- package/lib/Send.js +0 -34
- package/lib/Send.js.map +0 -1
- package/lib/SystemMessage.d.ts +0 -10
- package/lib/SystemMessage.js +0 -26
- package/lib/SystemMessage.js.map +0 -1
- package/lib/Time.d.ts +0 -11
- package/lib/Time.js +0 -56
- package/lib/Time.js.map +0 -1
- package/lib/TypingIndicator/index.d.ts +0 -5
- package/lib/TypingIndicator/index.js +0 -94
- package/lib/TypingIndicator/index.js.map +0 -1
- package/lib/TypingIndicator/styles.d.ts +0 -20
- package/lib/TypingIndicator/styles.js +0 -22
- package/lib/TypingIndicator/styles.js.map +0 -1
- package/lib/TypingIndicator/types.d.ts +0 -3
- package/lib/TypingIndicator/types.js +0 -2
- package/lib/TypingIndicator/types.js.map +0 -1
- package/lib/hooks/useUpdateLayoutEffect.d.ts +0 -8
- package/lib/hooks/useUpdateLayoutEffect.js +0 -17
- package/lib/hooks/useUpdateLayoutEffect.js.map +0 -1
- package/lib/index.d.ts +0 -4
- package/lib/index.js +0 -5
- package/lib/index.js.map +0 -1
- package/lib/logging.d.ts +0 -2
- package/lib/logging.js +0 -5
- package/lib/logging.js.map +0 -1
- package/lib/styles.d.ts +0 -10
- package/lib/styles.js +0 -11
- package/lib/styles.js.map +0 -1
- package/lib/types.d.ts +0 -67
- package/lib/types.js +0 -2
- package/lib/types.js.map +0 -1
- package/lib/utils.d.ts +0 -3
- package/lib/utils.js +0 -17
- package/lib/utils.js.map +0 -1
- package/src/__tests__/__snapshots__/MessageContainer.test.tsx.snap +0 -101
package/lib/Bubble/styles.js
DELETED
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
import { StyleSheet } from 'react-native';
|
|
2
|
-
import Color from '../Color';
|
|
3
|
-
const styles = {
|
|
4
|
-
left: StyleSheet.create({
|
|
5
|
-
container: {
|
|
6
|
-
alignItems: 'flex-start',
|
|
7
|
-
},
|
|
8
|
-
wrapper: {
|
|
9
|
-
borderRadius: 15,
|
|
10
|
-
backgroundColor: Color.leftBubbleBackground,
|
|
11
|
-
marginRight: 60,
|
|
12
|
-
minHeight: 20,
|
|
13
|
-
justifyContent: 'flex-end',
|
|
14
|
-
},
|
|
15
|
-
containerToNext: {
|
|
16
|
-
borderBottomLeftRadius: 3,
|
|
17
|
-
},
|
|
18
|
-
containerToPrevious: {
|
|
19
|
-
borderTopLeftRadius: 3,
|
|
20
|
-
},
|
|
21
|
-
bottom: {
|
|
22
|
-
flexDirection: 'row',
|
|
23
|
-
justifyContent: 'flex-start',
|
|
24
|
-
},
|
|
25
|
-
}),
|
|
26
|
-
right: StyleSheet.create({
|
|
27
|
-
container: {
|
|
28
|
-
alignItems: 'flex-end',
|
|
29
|
-
},
|
|
30
|
-
wrapper: {
|
|
31
|
-
borderRadius: 15,
|
|
32
|
-
backgroundColor: Color.defaultBlue,
|
|
33
|
-
marginLeft: 60,
|
|
34
|
-
minHeight: 20,
|
|
35
|
-
justifyContent: 'flex-end',
|
|
36
|
-
},
|
|
37
|
-
containerToNext: {
|
|
38
|
-
borderBottomRightRadius: 3,
|
|
39
|
-
},
|
|
40
|
-
containerToPrevious: {
|
|
41
|
-
borderTopRightRadius: 3,
|
|
42
|
-
},
|
|
43
|
-
bottom: {
|
|
44
|
-
flexDirection: 'row',
|
|
45
|
-
justifyContent: 'flex-end',
|
|
46
|
-
},
|
|
47
|
-
}),
|
|
48
|
-
content: StyleSheet.create({
|
|
49
|
-
tick: {
|
|
50
|
-
fontSize: 10,
|
|
51
|
-
backgroundColor: Color.backgroundTransparent,
|
|
52
|
-
color: Color.white,
|
|
53
|
-
},
|
|
54
|
-
tickView: {
|
|
55
|
-
flexDirection: 'row',
|
|
56
|
-
marginRight: 10,
|
|
57
|
-
},
|
|
58
|
-
username: {
|
|
59
|
-
top: -3,
|
|
60
|
-
left: 0,
|
|
61
|
-
fontSize: 12,
|
|
62
|
-
backgroundColor: Color.backgroundTransparent,
|
|
63
|
-
color: '#aaa',
|
|
64
|
-
},
|
|
65
|
-
usernameView: {
|
|
66
|
-
flexDirection: 'row',
|
|
67
|
-
marginHorizontal: 10,
|
|
68
|
-
},
|
|
69
|
-
}),
|
|
70
|
-
};
|
|
71
|
-
export default styles;
|
|
72
|
-
//# sourceMappingURL=styles.js.map
|
package/lib/Bubble/styles.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Bubble/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,KAAK,MAAM,UAAU,CAAA;AAE5B,MAAM,MAAM,GAAG;IACb,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC;QACtB,SAAS,EAAE;YACT,UAAU,EAAE,YAAY;SACzB;QACD,OAAO,EAAE;YACP,YAAY,EAAE,EAAE;YAChB,eAAe,EAAE,KAAK,CAAC,oBAAoB;YAC3C,WAAW,EAAE,EAAE;YACf,SAAS,EAAE,EAAE;YACb,cAAc,EAAE,UAAU;SAC3B;QACD,eAAe,EAAE;YACf,sBAAsB,EAAE,CAAC;SAC1B;QACD,mBAAmB,EAAE;YACnB,mBAAmB,EAAE,CAAC;SACvB;QACD,MAAM,EAAE;YACN,aAAa,EAAE,KAAK;YACpB,cAAc,EAAE,YAAY;SAC7B;KACF,CAAC;IACF,KAAK,EAAE,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,UAAU,EAAE,UAAU;SACvB;QACD,OAAO,EAAE;YACP,YAAY,EAAE,EAAE;YAChB,eAAe,EAAE,KAAK,CAAC,WAAW;YAClC,UAAU,EAAE,EAAE;YACd,SAAS,EAAE,EAAE;YACb,cAAc,EAAE,UAAU;SAC3B;QACD,eAAe,EAAE;YACf,uBAAuB,EAAE,CAAC;SAC3B;QACD,mBAAmB,EAAE;YACnB,oBAAoB,EAAE,CAAC;SACxB;QACD,MAAM,EAAE;YACN,aAAa,EAAE,KAAK;YACpB,cAAc,EAAE,UAAU;SAC3B;KACF,CAAC;IACF,OAAO,EAAE,UAAU,CAAC,MAAM,CAAC;QACzB,IAAI,EAAE;YACJ,QAAQ,EAAE,EAAE;YACZ,eAAe,EAAE,KAAK,CAAC,qBAAqB;YAC5C,KAAK,EAAE,KAAK,CAAC,KAAK;SACnB;QACD,QAAQ,EAAE;YACR,aAAa,EAAE,KAAK;YACpB,WAAW,EAAE,EAAE;SAChB;QACD,QAAQ,EAAE;YACR,GAAG,EAAE,CAAC,CAAC;YACP,IAAI,EAAE,CAAC;YACP,QAAQ,EAAE,EAAE;YACZ,eAAe,EAAE,KAAK,CAAC,qBAAqB;YAC5C,KAAK,EAAE,MAAM;SACd;QACD,YAAY,EAAE;YACZ,aAAa,EAAE,KAAK;YACpB,gBAAgB,EAAE,EAAE;SACrB;KACF,CAAC;CACH,CAAA;AAED,eAAe,MAAM,CAAA"}
|
package/lib/Bubble/types.d.ts
DELETED
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { StyleProp, ViewStyle, TextStyle } from 'react-native';
|
|
3
|
-
import { QuickRepliesProps } from '../QuickReplies';
|
|
4
|
-
import { MessageTextProps } from '../MessageText';
|
|
5
|
-
import { MessageImageProps } from '../MessageImage';
|
|
6
|
-
import { TimeProps } from '../Time';
|
|
7
|
-
import { User, IMessage, LeftRightStyle, Reply, Omit, MessageVideoProps, MessageAudioProps } from '../types';
|
|
8
|
-
export type RenderMessageImageProps<TMessage extends IMessage> = Omit<BubbleProps<TMessage>, 'containerStyle' | 'wrapperStyle'> & MessageImageProps<TMessage>;
|
|
9
|
-
export type RenderMessageVideoProps<TMessage extends IMessage> = Omit<BubbleProps<TMessage>, 'containerStyle' | 'wrapperStyle'> & MessageVideoProps<TMessage>;
|
|
10
|
-
export type RenderMessageAudioProps<TMessage extends IMessage> = Omit<BubbleProps<TMessage>, 'containerStyle' | 'wrapperStyle'> & MessageAudioProps<TMessage>;
|
|
11
|
-
export type RenderMessageTextProps<TMessage extends IMessage> = Omit<BubbleProps<TMessage>, 'containerStyle' | 'wrapperStyle'> & MessageTextProps<TMessage>;
|
|
12
|
-
export interface BubbleProps<TMessage extends IMessage> {
|
|
13
|
-
user?: User;
|
|
14
|
-
touchableProps?: object;
|
|
15
|
-
renderUsernameOnMessage?: boolean;
|
|
16
|
-
isCustomViewBottom?: boolean;
|
|
17
|
-
inverted?: boolean;
|
|
18
|
-
position: 'left' | 'right';
|
|
19
|
-
currentMessage: TMessage;
|
|
20
|
-
nextMessage?: TMessage;
|
|
21
|
-
previousMessage?: TMessage;
|
|
22
|
-
optionTitles?: string[];
|
|
23
|
-
containerStyle?: LeftRightStyle<ViewStyle>;
|
|
24
|
-
wrapperStyle?: LeftRightStyle<ViewStyle>;
|
|
25
|
-
textStyle?: LeftRightStyle<TextStyle>;
|
|
26
|
-
bottomContainerStyle?: LeftRightStyle<ViewStyle>;
|
|
27
|
-
tickStyle?: StyleProp<TextStyle>;
|
|
28
|
-
containerToNextStyle?: LeftRightStyle<ViewStyle>;
|
|
29
|
-
containerToPreviousStyle?: LeftRightStyle<ViewStyle>;
|
|
30
|
-
usernameStyle?: TextStyle;
|
|
31
|
-
quickReplyStyle?: StyleProp<ViewStyle>;
|
|
32
|
-
quickReplyTextStyle?: StyleProp<TextStyle>;
|
|
33
|
-
quickReplyContainerStyle?: StyleProp<ViewStyle>;
|
|
34
|
-
onPress?(context?: unknown, message?: unknown): void;
|
|
35
|
-
onLongPress?(context?: unknown, message?: unknown): void;
|
|
36
|
-
onQuickReply?(replies: Reply[]): void;
|
|
37
|
-
renderMessageImage?(props: RenderMessageImageProps<TMessage>): React.ReactNode;
|
|
38
|
-
renderMessageVideo?(props: RenderMessageVideoProps<TMessage>): React.ReactNode;
|
|
39
|
-
renderMessageAudio?(props: RenderMessageAudioProps<TMessage>): React.ReactNode;
|
|
40
|
-
renderMessageText?(props: RenderMessageTextProps<TMessage>): React.ReactNode;
|
|
41
|
-
renderCustomView?(bubbleProps: BubbleProps<TMessage>): React.ReactNode;
|
|
42
|
-
renderTime?(timeProps: TimeProps<TMessage>): React.ReactNode;
|
|
43
|
-
renderTicks?(currentMessage: TMessage): React.ReactNode;
|
|
44
|
-
renderUsername?(user?: TMessage['user']): React.ReactNode;
|
|
45
|
-
renderQuickReplySend?(): React.ReactNode;
|
|
46
|
-
renderQuickReplies?(quickReplies: QuickRepliesProps<TMessage>): React.ReactNode;
|
|
47
|
-
}
|
package/lib/Bubble/types.js
DELETED
package/lib/Bubble/types.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/Bubble/types.ts"],"names":[],"mappings":""}
|
package/lib/Color.d.ts
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
declare const _default: {
|
|
2
|
-
defaultColor: string;
|
|
3
|
-
backgroundTransparent: string;
|
|
4
|
-
defaultBlue: string;
|
|
5
|
-
leftBubbleBackground: string;
|
|
6
|
-
black: string;
|
|
7
|
-
white: string;
|
|
8
|
-
carrot: string;
|
|
9
|
-
emerald: string;
|
|
10
|
-
peterRiver: string;
|
|
11
|
-
wisteria: string;
|
|
12
|
-
alizarin: string;
|
|
13
|
-
turquoise: string;
|
|
14
|
-
midnightBlue: string;
|
|
15
|
-
optionTintColor: string;
|
|
16
|
-
timeTextColor: string;
|
|
17
|
-
};
|
|
18
|
-
export default _default;
|
package/lib/Color.js
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
export default {
|
|
2
|
-
defaultColor: '#b2b2b2',
|
|
3
|
-
backgroundTransparent: 'transparent',
|
|
4
|
-
defaultBlue: '#0084ff',
|
|
5
|
-
leftBubbleBackground: '#f0f0f0',
|
|
6
|
-
black: '#000',
|
|
7
|
-
white: '#fff',
|
|
8
|
-
carrot: '#e67e22',
|
|
9
|
-
emerald: '#2ecc71',
|
|
10
|
-
peterRiver: '#3498db',
|
|
11
|
-
wisteria: '#8e44ad',
|
|
12
|
-
alizarin: '#e74c3c',
|
|
13
|
-
turquoise: '#1abc9c',
|
|
14
|
-
midnightBlue: '#2c3e50',
|
|
15
|
-
optionTintColor: '#007AFF',
|
|
16
|
-
timeTextColor: '#aaa',
|
|
17
|
-
};
|
|
18
|
-
//# sourceMappingURL=Color.js.map
|
package/lib/Color.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Color.js","sourceRoot":"","sources":["../src/Color.ts"],"names":[],"mappings":"AAAA,eAAe;IACb,YAAY,EAAE,SAAS;IACvB,qBAAqB,EAAE,aAAa;IACpC,WAAW,EAAE,SAAS;IACtB,oBAAoB,EAAE,SAAS;IAC/B,KAAK,EAAE,MAAM;IACb,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;IAClB,UAAU,EAAE,SAAS;IACrB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,SAAS,EAAE,SAAS;IACpB,YAAY,EAAE,SAAS;IACvB,eAAe,EAAE,SAAS;IAC1B,aAAa,EAAE,MAAM;CACtB,CAAA"}
|
package/lib/Composer.d.ts
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { TextInputProps } from 'react-native';
|
|
3
|
-
export interface ComposerProps {
|
|
4
|
-
composerHeight?: number;
|
|
5
|
-
text?: string;
|
|
6
|
-
placeholder?: string;
|
|
7
|
-
placeholderTextColor?: string;
|
|
8
|
-
textInputProps?: Partial<TextInputProps>;
|
|
9
|
-
textInputStyle?: TextInputProps['style'];
|
|
10
|
-
textInputAutoFocus?: boolean;
|
|
11
|
-
keyboardAppearance?: TextInputProps['keyboardAppearance'];
|
|
12
|
-
multiline?: boolean;
|
|
13
|
-
disableComposer?: boolean;
|
|
14
|
-
onTextChanged?(text: string): void;
|
|
15
|
-
onInputSizeChanged?(layout: {
|
|
16
|
-
width: number;
|
|
17
|
-
height: number;
|
|
18
|
-
}): void;
|
|
19
|
-
}
|
|
20
|
-
export declare function Composer({ composerHeight, disableComposer, keyboardAppearance, multiline, onInputSizeChanged, onTextChanged, placeholder, placeholderTextColor, text, textInputAutoFocus, textInputProps, textInputStyle, }: ComposerProps): React.ReactElement;
|
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
|
package/lib/Composer.js.map
DELETED
|
@@ -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
|
package/lib/Constant.js.map
DELETED
|
@@ -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"}
|
package/lib/Day/index.d.ts
DELETED
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
|
package/lib/Day/index.js.map
DELETED
|
@@ -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"}
|
package/lib/Day/styles.d.ts
DELETED
|
@@ -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
|
package/lib/Day/styles.js.map
DELETED
|
@@ -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"}
|
package/lib/Day/types.d.ts
DELETED
|
@@ -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
package/lib/Day/types.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/Day/types.ts"],"names":[],"mappings":""}
|
package/lib/GiftedAvatar.d.ts
DELETED
|
@@ -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;
|
package/lib/GiftedAvatar.js
DELETED
|
@@ -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
|
package/lib/GiftedAvatar.js.map
DELETED
|
@@ -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 };
|