react-native-gifted-chat 3.3.2 → 3.4.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.
- package/README.md +30 -2
- package/lib/Actions.d.ts +16 -0
- package/lib/Actions.d.ts.map +1 -0
- package/lib/Actions.js +64 -0
- package/lib/Actions.js.map +1 -0
- package/lib/Avatar.d.ts +19 -0
- package/lib/Avatar.d.ts.map +1 -0
- package/lib/Avatar.js +93 -0
- package/lib/Avatar.js.map +1 -0
- package/lib/Bubble/index.d.ts +6 -0
- package/lib/Bubble/index.d.ts.map +1 -0
- package/lib/Bubble/index.js +268 -0
- package/lib/Bubble/index.js.map +1 -0
- package/lib/Bubble/styles.d.ts +57 -0
- package/lib/Bubble/styles.d.ts.map +1 -0
- package/lib/Bubble/styles.js +59 -0
- package/lib/Bubble/styles.js.map +1 -0
- package/lib/Bubble/types.d.ts +59 -0
- package/lib/Bubble/types.d.ts.map +1 -0
- package/lib/Bubble/types.js +2 -0
- package/lib/Bubble/types.js.map +1 -0
- package/lib/Color.d.ts +18 -0
- package/lib/Color.d.ts.map +1 -0
- package/lib/Color.js +18 -0
- package/lib/Color.js.map +1 -0
- package/lib/Composer.d.ts +9 -0
- package/lib/Composer.d.ts.map +1 -0
- package/lib/Composer.js +56 -0
- package/lib/Composer.js.map +1 -0
- package/lib/Constant.d.ts +8 -0
- package/lib/Constant.d.ts.map +1 -0
- package/lib/Constant.js +8 -0
- package/lib/Constant.js.map +1 -0
- package/lib/Day/index.d.ts +5 -0
- package/lib/Day/index.d.ts.map +1 -0
- package/lib/Day/index.js +39 -0
- package/lib/Day/index.js.map +1 -0
- package/lib/Day/styles.d.ts +21 -0
- package/lib/Day/styles.d.ts.map +1 -0
- package/lib/Day/styles.js +22 -0
- package/lib/Day/styles.js.map +1 -0
- package/lib/Day/types.d.ts +11 -0
- package/lib/Day/types.d.ts.map +1 -0
- package/lib/Day/types.js +2 -0
- package/lib/Day/types.js.map +1 -0
- package/lib/GiftedAvatar.d.ts +12 -0
- package/lib/GiftedAvatar.d.ts.map +1 -0
- package/lib/GiftedAvatar.js +100 -0
- package/lib/GiftedAvatar.js.map +1 -0
- package/lib/GiftedChat/index.d.ts +10 -0
- package/lib/GiftedChat/index.d.ts.map +1 -0
- package/lib/GiftedChat/index.js +240 -0
- package/lib/GiftedChat/index.js.map +1 -0
- package/lib/GiftedChat/styles.d.ts +13 -0
- package/lib/GiftedChat/styles.d.ts.map +1 -0
- package/lib/GiftedChat/styles.js +13 -0
- package/lib/GiftedChat/styles.js.map +1 -0
- package/lib/GiftedChat/types.d.ts +90 -0
- package/lib/GiftedChat/types.d.ts.map +1 -0
- package/lib/GiftedChat/types.js +2 -0
- package/lib/GiftedChat/types.js.map +1 -0
- package/lib/GiftedChatContext.d.ts +12 -0
- package/lib/GiftedChatContext.d.ts.map +1 -0
- package/lib/GiftedChatContext.js +10 -0
- package/lib/GiftedChatContext.js.map +1 -0
- package/lib/InputToolbar.d.ts +36 -0
- package/lib/InputToolbar.d.ts.map +1 -0
- package/lib/InputToolbar.js +108 -0
- package/lib/InputToolbar.js.map +1 -0
- package/lib/LoadEarlierMessages.d.ts +17 -0
- package/lib/LoadEarlierMessages.d.ts.map +1 -0
- package/lib/LoadEarlierMessages.js +44 -0
- package/lib/LoadEarlierMessages.js.map +1 -0
- package/lib/Message/index.d.ts +6 -0
- package/lib/Message/index.d.ts.map +1 -0
- package/lib/Message/index.js +180 -0
- package/lib/Message/index.js.map +1 -0
- package/lib/Message/styles.d.ts +18 -0
- package/lib/Message/styles.d.ts.map +1 -0
- package/lib/Message/styles.js +18 -0
- package/lib/Message/styles.js.map +1 -0
- package/lib/Message/types.d.ts +25 -0
- package/lib/Message/types.d.ts.map +1 -0
- package/lib/Message/types.js +2 -0
- package/lib/Message/types.js.map +1 -0
- package/lib/MessageAudio.d.ts +3 -0
- package/lib/MessageAudio.d.ts.map +1 -0
- package/lib/MessageAudio.js +24 -0
- package/lib/MessageAudio.js.map +1 -0
- package/lib/MessageImage.d.ts +12 -0
- package/lib/MessageImage.d.ts.map +1 -0
- package/lib/MessageImage.js +164 -0
- package/lib/MessageImage.js.map +1 -0
- package/lib/MessageReply.d.ts +15 -0
- package/lib/MessageReply.d.ts.map +1 -0
- package/lib/MessageReply.js +102 -0
- package/lib/MessageReply.js.map +1 -0
- package/lib/MessageText.d.ts +24 -0
- package/lib/MessageText.d.ts.map +1 -0
- package/lib/MessageText.js +40 -0
- package/lib/MessageText.js.map +1 -0
- package/lib/MessageVideo.d.ts +3 -0
- package/lib/MessageVideo.d.ts.map +1 -0
- package/lib/MessageVideo.js +24 -0
- package/lib/MessageVideo.js.map +1 -0
- package/lib/MessagesContainer/components/DayAnimated/index.d.ts +5 -0
- package/lib/MessagesContainer/components/DayAnimated/index.d.ts.map +1 -0
- package/lib/MessagesContainer/components/DayAnimated/index.js +92 -0
- package/lib/MessagesContainer/components/DayAnimated/index.js.map +1 -0
- package/lib/MessagesContainer/components/DayAnimated/styles.d.ts +12 -0
- package/lib/MessagesContainer/components/DayAnimated/styles.d.ts.map +1 -0
- package/lib/MessagesContainer/components/DayAnimated/styles.js +12 -0
- package/lib/MessagesContainer/components/DayAnimated/styles.js.map +1 -0
- package/lib/MessagesContainer/components/DayAnimated/types.d.ts +18 -0
- package/lib/MessagesContainer/components/DayAnimated/types.d.ts.map +1 -0
- package/lib/MessagesContainer/components/DayAnimated/types.js +2 -0
- package/lib/MessagesContainer/components/DayAnimated/types.js.map +1 -0
- package/lib/MessagesContainer/components/Item/index.d.ts +23 -0
- package/lib/MessagesContainer/components/Item/index.d.ts.map +1 -0
- package/lib/MessagesContainer/components/Item/index.js +120 -0
- package/lib/MessagesContainer/components/Item/index.js.map +1 -0
- package/lib/MessagesContainer/components/Item/types.d.ts +19 -0
- package/lib/MessagesContainer/components/Item/types.d.ts.map +1 -0
- package/lib/MessagesContainer/components/Item/types.js +2 -0
- package/lib/MessagesContainer/components/Item/types.js.map +1 -0
- package/lib/MessagesContainer/index.d.ts +6 -0
- package/lib/MessagesContainer/index.d.ts.map +1 -0
- package/lib/MessagesContainer/index.js +258 -0
- package/lib/MessagesContainer/index.js.map +1 -0
- package/lib/MessagesContainer/styles.d.ts +55 -0
- package/lib/MessagesContainer/styles.d.ts.map +1 -0
- package/lib/MessagesContainer/styles.js +42 -0
- package/lib/MessagesContainer/styles.js.map +1 -0
- package/lib/MessagesContainer/types.d.ts +88 -0
- package/lib/MessagesContainer/types.d.ts.map +1 -0
- package/lib/MessagesContainer/types.js +10 -0
- package/lib/MessagesContainer/types.js.map +1 -0
- package/lib/Models.d.ts +58 -0
- package/lib/Models.d.ts.map +1 -0
- package/lib/Models.js +2 -0
- package/lib/Models.js.map +1 -0
- package/lib/QuickReplies.d.ts +16 -0
- package/lib/QuickReplies.d.ts.map +1 -0
- package/lib/QuickReplies.js +107 -0
- package/lib/QuickReplies.js.map +1 -0
- package/lib/Reply/index.d.ts +2 -0
- package/lib/Reply/index.d.ts.map +1 -0
- package/lib/Reply/index.js +2 -0
- package/lib/Reply/index.js.map +1 -0
- package/lib/Reply/types.d.ts +72 -0
- package/lib/Reply/types.d.ts.map +1 -0
- package/lib/Reply/types.js +2 -0
- package/lib/Reply/types.js.map +1 -0
- package/lib/ReplyPreview.d.ts +14 -0
- package/lib/ReplyPreview.d.ts.map +1 -0
- package/lib/ReplyPreview.js +94 -0
- package/lib/ReplyPreview.js.map +1 -0
- package/lib/Send.d.ts +19 -0
- package/lib/Send.d.ts.map +1 -0
- package/lib/Send.js +56 -0
- package/lib/Send.js.map +1 -0
- package/lib/SystemMessage.d.ts +14 -0
- package/lib/SystemMessage.d.ts.map +1 -0
- package/lib/SystemMessage.js +42 -0
- package/lib/SystemMessage.js.map +1 -0
- package/lib/Time.d.ts +12 -0
- package/lib/Time.d.ts.map +1 -0
- package/lib/Time.js +38 -0
- package/lib/Time.js.map +1 -0
- package/lib/TypingIndicator/index.d.ts +5 -0
- package/lib/TypingIndicator/index.d.ts.map +1 -0
- package/lib/TypingIndicator/index.js +94 -0
- package/lib/TypingIndicator/index.js.map +1 -0
- package/lib/TypingIndicator/styles.d.ts +21 -0
- package/lib/TypingIndicator/styles.d.ts.map +1 -0
- package/lib/TypingIndicator/styles.js +22 -0
- package/lib/TypingIndicator/styles.js.map +1 -0
- package/lib/TypingIndicator/types.d.ts +6 -0
- package/lib/TypingIndicator/types.d.ts.map +1 -0
- package/lib/TypingIndicator/types.js +2 -0
- package/lib/TypingIndicator/types.js.map +1 -0
- package/lib/components/MessageReply.d.ts +29 -0
- package/lib/components/MessageReply.d.ts.map +1 -0
- package/lib/components/MessageReply.js +87 -0
- package/lib/components/MessageReply.js.map +1 -0
- package/lib/components/ReplyPreview.d.ts +17 -0
- package/lib/components/ReplyPreview.d.ts.map +1 -0
- package/lib/components/ReplyPreview.js +148 -0
- package/lib/components/ReplyPreview.js.map +1 -0
- package/lib/components/TouchableOpacity.d.ts +9 -0
- package/lib/components/TouchableOpacity.d.ts.map +1 -0
- package/lib/components/TouchableOpacity.js +47 -0
- package/lib/components/TouchableOpacity.js.map +1 -0
- package/lib/hooks/useColorScheme.d.ts +8 -0
- package/lib/hooks/useColorScheme.d.ts.map +1 -0
- package/lib/hooks/useColorScheme.js +17 -0
- package/lib/hooks/useColorScheme.js.map +1 -0
- package/lib/hooks/useUpdateLayoutEffect.d.ts +9 -0
- package/lib/hooks/useUpdateLayoutEffect.d.ts.map +1 -0
- package/lib/hooks/useUpdateLayoutEffect.js +17 -0
- package/lib/hooks/useUpdateLayoutEffect.js.map +1 -0
- package/lib/index.d.ts +31 -0
- package/lib/index.d.ts.map +1 -0
- package/lib/index.js +31 -0
- package/lib/index.js.map +1 -0
- package/lib/linkParser.d.ts +39 -0
- package/lib/linkParser.d.ts.map +1 -0
- package/lib/linkParser.js +154 -0
- package/lib/linkParser.js.map +1 -0
- package/lib/logging.d.ts +3 -0
- package/lib/logging.d.ts.map +1 -0
- package/lib/logging.js +5 -0
- package/lib/logging.js.map +1 -0
- package/lib/styles.d.ts +14 -0
- package/lib/styles.d.ts.map +1 -0
- package/lib/styles.js +23 -0
- package/lib/styles.js.map +1 -0
- package/lib/types.d.ts +19 -0
- package/lib/types.d.ts.map +1 -0
- package/lib/types.js +2 -0
- package/lib/types.js.map +1 -0
- package/lib/utils.d.ts +8 -0
- package/lib/utils.d.ts.map +1 -0
- package/lib/utils.js +105 -0
- package/lib/utils.js.map +1 -0
- package/package.json +43 -41
- package/src/Actions.tsx +0 -110
- package/src/Avatar.tsx +0 -169
- package/src/Bubble/index.tsx +0 -407
- package/src/Bubble/styles.ts +0 -66
- package/src/Bubble/types.ts +0 -104
- package/src/Color.ts +0 -17
- package/src/Composer.tsx +0 -100
- package/src/Constant.ts +0 -8
- package/src/Day/index.tsx +0 -63
- package/src/Day/styles.ts +0 -22
- package/src/Day/types.ts +0 -15
- package/src/GiftedAvatar.tsx +0 -187
- package/src/GiftedChat/index.tsx +0 -397
- package/src/GiftedChat/styles.ts +0 -13
- package/src/GiftedChat/types.ts +0 -156
- package/src/GiftedChatContext.ts +0 -25
- package/src/InputToolbar.tsx +0 -177
- package/src/LoadEarlierMessages.tsx +0 -94
- package/src/Message/index.tsx +0 -273
- package/src/Message/styles.ts +0 -18
- package/src/Message/types.ts +0 -26
- package/src/MessageAudio.tsx +0 -29
- package/src/MessageImage.tsx +0 -251
- package/src/MessageReply.tsx +0 -160
- package/src/MessageText.tsx +0 -111
- package/src/MessageVideo.tsx +0 -29
- package/src/MessagesContainer/components/DayAnimated/index.tsx +0 -151
- package/src/MessagesContainer/components/DayAnimated/styles.ts +0 -12
- package/src/MessagesContainer/components/DayAnimated/types.ts +0 -12
- package/src/MessagesContainer/components/Item/index.tsx +0 -197
- package/src/MessagesContainer/components/Item/types.ts +0 -13
- package/src/MessagesContainer/index.tsx +0 -434
- package/src/MessagesContainer/styles.ts +0 -42
- package/src/MessagesContainer/types.ts +0 -102
- package/src/Models.ts +0 -66
- package/src/QuickReplies.tsx +0 -181
- package/src/Reply/index.ts +0 -1
- package/src/Reply/types.ts +0 -80
- package/src/ReplyPreview.tsx +0 -132
- package/src/Send.tsx +0 -115
- package/src/SystemMessage.tsx +0 -79
- package/src/Time.tsx +0 -64
- package/src/TypingIndicator/index.tsx +0 -155
- package/src/TypingIndicator/styles.ts +0 -22
- package/src/TypingIndicator/types.ts +0 -6
- package/src/__tests__/Actions.test.tsx +0 -9
- package/src/__tests__/Avatar.test.tsx +0 -17
- package/src/__tests__/Bubble.test.tsx +0 -17
- package/src/__tests__/Color.test.tsx +0 -5
- package/src/__tests__/Composer.test.tsx +0 -10
- package/src/__tests__/Constant.test.tsx +0 -5
- package/src/__tests__/Day.test.tsx +0 -20
- package/src/__tests__/DayAnimated.test.tsx +0 -46
- package/src/__tests__/GiftedAvatar.test.tsx +0 -10
- package/src/__tests__/GiftedChat.test.tsx +0 -60
- package/src/__tests__/InputToolbar.test.tsx +0 -10
- package/src/__tests__/LoadEarlier.test.tsx +0 -10
- package/src/__tests__/Message.test.tsx +0 -67
- package/src/__tests__/MessageImage.test.tsx +0 -24
- package/src/__tests__/MessageReply.test.tsx +0 -54
- package/src/__tests__/MessageText.test.tsx +0 -15
- package/src/__tests__/MessagesContainer.test.tsx +0 -38
- package/src/__tests__/ReplyPreview.test.tsx +0 -41
- package/src/__tests__/Send.test.tsx +0 -21
- package/src/__tests__/SystemMessage.test.tsx +0 -24
- package/src/__tests__/Time.test.tsx +0 -26
- package/src/__tests__/__snapshots__/Actions.test.tsx.snap +0 -40
- package/src/__tests__/__snapshots__/Avatar.test.tsx.snap +0 -17
- package/src/__tests__/__snapshots__/Bubble.test.tsx.snap +0 -121
- package/src/__tests__/__snapshots__/Color.test.tsx.snap +0 -21
- package/src/__tests__/__snapshots__/Composer.test.tsx.snap +0 -51
- package/src/__tests__/__snapshots__/Constant.test.tsx.snap +0 -13
- package/src/__tests__/__snapshots__/Day.test.tsx.snap +0 -99
- package/src/__tests__/__snapshots__/DayAnimated.test.tsx.snap +0 -5
- package/src/__tests__/__snapshots__/GiftedAvatar.test.tsx.snap +0 -24
- package/src/__tests__/__snapshots__/GiftedChat.test.tsx.snap +0 -184
- package/src/__tests__/__snapshots__/InputToolbar.test.tsx.snap +0 -123
- package/src/__tests__/__snapshots__/LoadEarlier.test.tsx.snap +0 -33
- package/src/__tests__/__snapshots__/Message.test.tsx.snap +0 -510
- package/src/__tests__/__snapshots__/MessageImage.test.tsx.snap +0 -203
- package/src/__tests__/__snapshots__/MessageReply.test.tsx.snap +0 -181
- package/src/__tests__/__snapshots__/MessageText.test.tsx.snap +0 -29
- package/src/__tests__/__snapshots__/ReplyPreview.test.tsx.snap +0 -349
- package/src/__tests__/__snapshots__/Send.test.tsx.snap +0 -148
- package/src/__tests__/__snapshots__/SystemMessage.test.tsx.snap +0 -77
- package/src/__tests__/__snapshots__/Time.test.tsx.snap +0 -22
- package/src/__tests__/data.ts +0 -8
- package/src/__tests__/utils.test.ts +0 -31
- package/src/components/MessageReply.tsx +0 -156
- package/src/components/ReplyPreview.tsx +0 -230
- package/src/components/TouchableOpacity.tsx +0 -67
- package/src/hooks/useColorScheme.ts +0 -18
- package/src/hooks/useUpdateLayoutEffect.ts +0 -21
- package/src/index.ts +0 -29
- package/src/linkParser.tsx +0 -255
- package/src/logging.ts +0 -8
- package/src/styles.ts +0 -25
- package/src/types.ts +0 -25
- package/src/utils.ts +0 -139
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { StyleSheet } from 'react-native';
|
|
2
|
+
import { Color } from '../Color';
|
|
3
|
+
const styles = StyleSheet.create({
|
|
4
|
+
wrapper: {
|
|
5
|
+
borderRadius: 15,
|
|
6
|
+
minHeight: 20,
|
|
7
|
+
},
|
|
8
|
+
wrapper_left: {
|
|
9
|
+
backgroundColor: Color.leftBubbleBackground,
|
|
10
|
+
justifyContent: 'flex-end',
|
|
11
|
+
},
|
|
12
|
+
wrapper_right: {
|
|
13
|
+
backgroundColor: Color.defaultBlue,
|
|
14
|
+
justifyContent: 'flex-end',
|
|
15
|
+
},
|
|
16
|
+
bottom: {
|
|
17
|
+
flexDirection: 'row',
|
|
18
|
+
justifyContent: 'space-between',
|
|
19
|
+
alignItems: 'flex-end',
|
|
20
|
+
paddingHorizontal: 10,
|
|
21
|
+
paddingBottom: 5,
|
|
22
|
+
},
|
|
23
|
+
containerToNext_left: {
|
|
24
|
+
borderBottomLeftRadius: 3,
|
|
25
|
+
},
|
|
26
|
+
containerToNext_right: {
|
|
27
|
+
borderBottomRightRadius: 3,
|
|
28
|
+
},
|
|
29
|
+
containerToPrevious_left: {
|
|
30
|
+
borderTopLeftRadius: 3,
|
|
31
|
+
},
|
|
32
|
+
containerToPrevious_right: {
|
|
33
|
+
borderTopRightRadius: 3,
|
|
34
|
+
},
|
|
35
|
+
messageTimeAndStatusContainer: {
|
|
36
|
+
flexGrow: 1,
|
|
37
|
+
flexDirection: 'row',
|
|
38
|
+
alignItems: 'center',
|
|
39
|
+
justifyContent: 'flex-end',
|
|
40
|
+
},
|
|
41
|
+
messageStatusContainer: {
|
|
42
|
+
flexDirection: 'row',
|
|
43
|
+
marginLeft: 5,
|
|
44
|
+
},
|
|
45
|
+
messageStatus: {
|
|
46
|
+
fontSize: 10,
|
|
47
|
+
color: Color.white,
|
|
48
|
+
},
|
|
49
|
+
usernameContainer: {
|
|
50
|
+
flexDirection: 'row',
|
|
51
|
+
marginRight: 5,
|
|
52
|
+
},
|
|
53
|
+
username: {
|
|
54
|
+
fontSize: 12,
|
|
55
|
+
color: '#aaa',
|
|
56
|
+
},
|
|
57
|
+
});
|
|
58
|
+
export default styles;
|
|
59
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Bubble/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,OAAO,EAAE;QACP,YAAY,EAAE,EAAE;QAChB,SAAS,EAAE,EAAE;KACd;IACD,YAAY,EAAE;QACZ,eAAe,EAAE,KAAK,CAAC,oBAAoB;QAC3C,cAAc,EAAE,UAAU;KAC3B;IACD,aAAa,EAAE;QACb,eAAe,EAAE,KAAK,CAAC,WAAW;QAClC,cAAc,EAAE,UAAU;KAC3B;IAED,MAAM,EAAE;QACN,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,UAAU,EAAE,UAAU;QACtB,iBAAiB,EAAE,EAAE;QACrB,aAAa,EAAE,CAAC;KACjB;IAED,oBAAoB,EAAE;QACpB,sBAAsB,EAAE,CAAC;KAC1B;IACD,qBAAqB,EAAE;QACrB,uBAAuB,EAAE,CAAC;KAC3B;IAED,wBAAwB,EAAE;QACxB,mBAAmB,EAAE,CAAC;KACvB;IACD,yBAAyB,EAAE;QACzB,oBAAoB,EAAE,CAAC;KACxB;IAED,6BAA6B,EAAE;QAC7B,QAAQ,EAAE,CAAC;QACX,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,UAAU;KAC3B;IAED,sBAAsB,EAAE;QACtB,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,CAAC;KACd;IACD,aAAa,EAAE;QACb,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,KAAK,CAAC,KAAK;KACnB;IAED,iBAAiB,EAAE;QACjB,aAAa,EAAE,KAAK;QACpB,WAAW,EAAE,CAAC;KACf;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAA;AAEF,eAAe,MAAM,CAAA"}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import React, { ComponentProps } from 'react';
|
|
2
|
+
import { StyleProp, ViewStyle, TextStyle, Pressable } from 'react-native';
|
|
3
|
+
import { MessageReplyProps } from '../components/MessageReply';
|
|
4
|
+
import { MessageImageProps } from '../MessageImage';
|
|
5
|
+
import { MessageTextProps } from '../MessageText';
|
|
6
|
+
import { User, IMessage, LeftRightStyle, Reply, ReplyMessage, Omit, MessageVideoProps, MessageAudioProps } from '../Models';
|
|
7
|
+
import { QuickRepliesProps } from '../QuickReplies';
|
|
8
|
+
import { MessageReplyStyleProps } from '../Reply';
|
|
9
|
+
import { TimeProps } from '../Time';
|
|
10
|
+
export type RenderMessageImageProps<TMessage extends IMessage> = Omit<BubbleProps<TMessage>, 'containerStyle' | 'wrapperStyle'> & MessageImageProps<TMessage>;
|
|
11
|
+
export type RenderMessageVideoProps<TMessage extends IMessage> = Omit<BubbleProps<TMessage>, 'containerStyle' | 'wrapperStyle'> & MessageVideoProps<TMessage>;
|
|
12
|
+
export type RenderMessageAudioProps<TMessage extends IMessage> = Omit<BubbleProps<TMessage>, 'containerStyle' | 'wrapperStyle'> & MessageAudioProps<TMessage>;
|
|
13
|
+
export type RenderMessageTextProps<TMessage extends IMessage> = Omit<BubbleProps<TMessage>, 'containerStyle' | 'wrapperStyle'> & MessageTextProps<TMessage>;
|
|
14
|
+
/** Props for message reply functionality in bubble */
|
|
15
|
+
export interface BubbleReplyProps<TMessage extends IMessage> extends MessageReplyStyleProps {
|
|
16
|
+
/** Custom render for message reply; rendered on top of message content */
|
|
17
|
+
renderMessageReply?: (props: MessageReplyProps<TMessage>) => React.ReactNode;
|
|
18
|
+
/** Callback when message reply is pressed */
|
|
19
|
+
onPress?: (replyMessage: ReplyMessage) => void;
|
|
20
|
+
}
|
|
21
|
+
export interface BubbleProps<TMessage extends IMessage> {
|
|
22
|
+
user?: User;
|
|
23
|
+
touchableProps?: ComponentProps<typeof Pressable>;
|
|
24
|
+
isUsernameVisible?: boolean;
|
|
25
|
+
isCustomViewBottom?: boolean;
|
|
26
|
+
isInverted?: boolean;
|
|
27
|
+
position: 'left' | 'right';
|
|
28
|
+
currentMessage: TMessage;
|
|
29
|
+
nextMessage?: TMessage;
|
|
30
|
+
previousMessage?: TMessage;
|
|
31
|
+
containerStyle?: LeftRightStyle<ViewStyle>;
|
|
32
|
+
wrapperStyle?: LeftRightStyle<ViewStyle>;
|
|
33
|
+
textStyle?: LeftRightStyle<TextStyle>;
|
|
34
|
+
bottomContainerStyle?: LeftRightStyle<ViewStyle>;
|
|
35
|
+
tickStyle?: StyleProp<TextStyle>;
|
|
36
|
+
containerToNextStyle?: LeftRightStyle<ViewStyle>;
|
|
37
|
+
containerToPreviousStyle?: LeftRightStyle<ViewStyle>;
|
|
38
|
+
usernameStyle?: TextStyle;
|
|
39
|
+
quickReplyStyle?: StyleProp<ViewStyle>;
|
|
40
|
+
quickReplyTextStyle?: StyleProp<TextStyle>;
|
|
41
|
+
quickReplyContainerStyle?: StyleProp<ViewStyle>;
|
|
42
|
+
messageTextProps?: Partial<MessageTextProps<TMessage>>;
|
|
43
|
+
onPressMessage?: (context?: unknown, message?: unknown) => void;
|
|
44
|
+
onLongPressMessage?: (context?: unknown, message?: unknown) => void;
|
|
45
|
+
onQuickReply?: (replies: Reply[]) => void;
|
|
46
|
+
renderMessageImage?: (props: RenderMessageImageProps<TMessage>) => React.ReactNode;
|
|
47
|
+
renderMessageVideo?: (props: RenderMessageVideoProps<TMessage>) => React.ReactNode;
|
|
48
|
+
renderMessageAudio?: (props: RenderMessageAudioProps<TMessage>) => React.ReactNode;
|
|
49
|
+
renderMessageText?: (props: RenderMessageTextProps<TMessage>) => React.ReactNode;
|
|
50
|
+
renderCustomView?: (bubbleProps: BubbleProps<TMessage>) => React.ReactNode;
|
|
51
|
+
renderTime?: (timeProps: TimeProps<TMessage>) => React.ReactNode;
|
|
52
|
+
renderTicks?: (currentMessage: TMessage) => React.ReactNode;
|
|
53
|
+
renderUsername?: (user?: TMessage['user']) => React.ReactNode;
|
|
54
|
+
renderQuickReplySend?: () => React.ReactNode;
|
|
55
|
+
renderQuickReplies?: (quickReplies: QuickRepliesProps<TMessage>) => React.ReactNode;
|
|
56
|
+
/** Message reply configuration */
|
|
57
|
+
messageReply?: BubbleReplyProps<TMessage>;
|
|
58
|
+
}
|
|
59
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/Bubble/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/Bubble/types.ts"],"names":[],"mappings":""}
|
package/lib/Color.d.ts
ADDED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export declare const Color: {
|
|
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
|
+
//# sourceMappingURL=Color.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Color.d.ts","sourceRoot":"","sources":["../src/Color.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;CAgBjB,CAAA"}
|
package/lib/Color.js
ADDED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export const Color = {
|
|
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
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Color.js","sourceRoot":"","sources":["../src/Color.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TextInputProps } from 'react-native';
|
|
3
|
+
export interface ComposerProps {
|
|
4
|
+
composerHeight?: number;
|
|
5
|
+
text?: string;
|
|
6
|
+
textInputProps?: Partial<TextInputProps>;
|
|
7
|
+
}
|
|
8
|
+
export declare function Composer({ text, textInputProps, }: ComposerProps): React.ReactElement;
|
|
9
|
+
//# sourceMappingURL=Composer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Composer.d.ts","sourceRoot":"","sources":["../src/Composer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAC7D,OAAO,EAKL,cAAc,EAEf,MAAM,cAAc,CAAA;AAMrB,MAAM,WAAW,aAAa;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAA;CACzC;AAED,wBAAgB,QAAQ,CAAE,EACxB,IAAS,EACT,cAAc,GACf,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY,CAwDpC"}
|
package/lib/Composer.js
ADDED
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import React, { useCallback, useMemo, useState } from 'react';
|
|
2
|
+
import { Platform, StyleSheet, View, } from 'react-native';
|
|
3
|
+
import { TextInput } from 'react-native-gesture-handler';
|
|
4
|
+
import { Color } from './Color';
|
|
5
|
+
import { useColorScheme } from './hooks/useColorScheme';
|
|
6
|
+
import stylesCommon, { getColorSchemeStyle } from './styles';
|
|
7
|
+
export function Composer({ text = '', textInputProps, }) {
|
|
8
|
+
const colorScheme = useColorScheme();
|
|
9
|
+
const isDark = colorScheme === 'dark';
|
|
10
|
+
const placeholder = textInputProps?.placeholder ?? 'Type a message...';
|
|
11
|
+
const minHeight = useMemo(() => Platform.select({
|
|
12
|
+
web: styles.textInput.lineHeight + styles.textInput.paddingTop + styles.textInput.paddingBottom,
|
|
13
|
+
default: undefined,
|
|
14
|
+
}), []);
|
|
15
|
+
const [height, setHeight] = useState(minHeight);
|
|
16
|
+
const handleContentSizeChange = useMemo(() => {
|
|
17
|
+
if (Platform.OS === 'web')
|
|
18
|
+
return (e) => {
|
|
19
|
+
const contentHeight = e.nativeEvent.contentSize.height;
|
|
20
|
+
setHeight(Math.max(minHeight ?? 0, contentHeight));
|
|
21
|
+
};
|
|
22
|
+
return undefined;
|
|
23
|
+
}, [minHeight]);
|
|
24
|
+
const handleChange = useCallback((event) => {
|
|
25
|
+
if (Platform.OS === 'web')
|
|
26
|
+
// Reset height to 0 to get the correct scrollHeight
|
|
27
|
+
requestAnimationFrame(() => {
|
|
28
|
+
// @ts-expect-error - web-specific code
|
|
29
|
+
event.nativeEvent.target.style.height = '0px';
|
|
30
|
+
// @ts-expect-error - web-specific code
|
|
31
|
+
event.nativeEvent.target.style.height = `${event.nativeEvent.target.scrollHeight}px`;
|
|
32
|
+
});
|
|
33
|
+
}, []);
|
|
34
|
+
return (<View style={stylesCommon.fill}>
|
|
35
|
+
<TextInput testID={placeholder} accessible accessibilityLabel={placeholder} placeholderTextColor={textInputProps?.placeholderTextColor ?? (isDark ? '#888' : Color.defaultColor)} value={text} enablesReturnKeyAutomatically underlineColorAndroid='transparent' keyboardAppearance={isDark ? 'dark' : 'default'} multiline placeholder={placeholder} onContentSizeChange={handleContentSizeChange} onChange={handleChange} {...textInputProps} style={[getColorSchemeStyle(styles, 'textInput', colorScheme), stylesWeb.textInput, { height }, textInputProps?.style]}/>
|
|
36
|
+
</View>);
|
|
37
|
+
}
|
|
38
|
+
const styles = StyleSheet.create({
|
|
39
|
+
textInput: {
|
|
40
|
+
fontSize: 16,
|
|
41
|
+
lineHeight: 22,
|
|
42
|
+
paddingTop: 8,
|
|
43
|
+
paddingBottom: 10,
|
|
44
|
+
paddingHorizontal: 8,
|
|
45
|
+
},
|
|
46
|
+
textInput_dark: {
|
|
47
|
+
color: '#fff',
|
|
48
|
+
},
|
|
49
|
+
});
|
|
50
|
+
const stylesWeb = StyleSheet.create({
|
|
51
|
+
textInput: {
|
|
52
|
+
/* @ts-expect-error - web-specific styles */
|
|
53
|
+
outlineStyle: 'none',
|
|
54
|
+
},
|
|
55
|
+
});
|
|
56
|
+
//# sourceMappingURL=Composer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Composer.js","sourceRoot":"","sources":["../src/Composer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Constant.d.ts","sourceRoot":"","sources":["../src/Constant.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,WAAW,CAAA;AACnC,eAAO,MAAM,WAAW,OAAO,CAAA;AAE/B,eAAO,MAAM,OAAO;;;;CAInB,CAAA"}
|
package/lib/Constant.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Constant.js","sourceRoot":"","sources":["../src/Constant.ts"],"names":[],"mappings":"AAAA,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"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { DayProps } from './types';
|
|
3
|
+
export * from './types';
|
|
4
|
+
export declare function Day({ dateFormat, dateFormatCalendar, createdAt, containerStyle, wrapperStyle, textProps, }: DayProps): React.JSX.Element | null;
|
|
5
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Day/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAWtC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAElC,cAAc,SAAS,CAAA;AAKvB,wBAAgB,GAAG,CAAE,EACnB,UAAwB,EACxB,kBAAkB,EAClB,SAAS,EACT,cAAc,EACd,YAAY,EACZ,SAAS,GACV,EAAE,QAAQ,4BAkCV"}
|
package/lib/Day/index.js
ADDED
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import React, { useMemo } from 'react';
|
|
2
|
+
import { View, Text } from 'react-native';
|
|
3
|
+
import dayjs from 'dayjs';
|
|
4
|
+
import calendar from 'dayjs/plugin/calendar';
|
|
5
|
+
import relativeTime from 'dayjs/plugin/relativeTime';
|
|
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, textProps, }) {
|
|
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 {...textProps} style={[styles.text, textProps?.style]}>
|
|
34
|
+
{dateStr}
|
|
35
|
+
</Text>
|
|
36
|
+
</View>
|
|
37
|
+
</View>);
|
|
38
|
+
}
|
|
39
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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,EAAE,MAAM,cAAc,CAAA;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,QAAQ,MAAM,uBAAuB,CAAA;AAC5C,OAAO,YAAY,MAAM,2BAA2B,CAAA;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,YAAY,MAAM,WAAW,CAAA;AACpC,OAAO,MAAM,MAAM,UAAU,CAAA;AAG7B,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,IAAI,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC,CAC1D;UAAA,CAAC,OAAO,CACV;QAAA,EAAE,IAAI,CACR;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
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;
|
|
21
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Day/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAGA,wBAkBE"}
|
|
@@ -0,0 +1,22 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Day/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { StyleProp, ViewStyle, TextProps } 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
|
+
/** Props to pass to the Text component (e.g., style, allowFontScaling, numberOfLines) */
|
|
9
|
+
textProps?: Partial<TextProps>;
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/Day/types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAA;AAErB,MAAM,WAAW,QAAQ;IACvB,SAAS,EAAE,IAAI,GAAG,MAAM,CAAA;IACxB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACrC,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACnC,yFAAyF;IACzF,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAA;CAC/B"}
|
package/lib/Day/types.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/Day/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { StyleProp, ImageStyle, TextStyle } from 'react-native';
|
|
3
|
+
import { User } from './Models';
|
|
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;
|
|
12
|
+
//# sourceMappingURL=GiftedAvatar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GiftedAvatar.d.ts","sourceRoot":"","sources":["../src/GiftedAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAA;AACnD,OAAO,EAIL,SAAS,EACT,UAAU,EACV,SAAS,EACH,MAAM,cAAc,CAAA;AAG5B,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AA8B/B,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,WAAW,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAA;IACnC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAChC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAA;IAC5C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAA;CACjD;AAED,wBAAgB,YAAY,CAC1B,KAAK,EAAE,iBAAiB,qBAuIzB"}
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
import React, { useCallback, useMemo } from 'react';
|
|
2
|
+
import { Image, View, StyleSheet, Text } from 'react-native';
|
|
3
|
+
import { Color } from './Color';
|
|
4
|
+
import { TouchableOpacity } from './components/TouchableOpacity';
|
|
5
|
+
import stylesCommon from './styles';
|
|
6
|
+
const { carrot, emerald, peterRiver, wisteria, alizarin, turquoise, midnightBlue, } = Color;
|
|
7
|
+
const styles = StyleSheet.create({
|
|
8
|
+
avatarStyle: {
|
|
9
|
+
width: 40,
|
|
10
|
+
height: 40,
|
|
11
|
+
borderRadius: 20,
|
|
12
|
+
},
|
|
13
|
+
avatarTransparent: {
|
|
14
|
+
backgroundColor: Color.backgroundTransparent,
|
|
15
|
+
},
|
|
16
|
+
textStyle: {
|
|
17
|
+
color: Color.white,
|
|
18
|
+
fontSize: 16,
|
|
19
|
+
backgroundColor: Color.backgroundTransparent,
|
|
20
|
+
fontWeight: '100',
|
|
21
|
+
},
|
|
22
|
+
});
|
|
23
|
+
export function GiftedAvatar(props) {
|
|
24
|
+
const { user, avatarStyle, textStyle, onPress, } = props;
|
|
25
|
+
const avatarName = useMemo(() => {
|
|
26
|
+
const userName = user?.name || '';
|
|
27
|
+
const name = userName.toUpperCase().split(' ');
|
|
28
|
+
if (name.length === 1)
|
|
29
|
+
return `${name[0].charAt(0)}`;
|
|
30
|
+
else if (name.length > 1)
|
|
31
|
+
return `${name[0].charAt(0)}${name[1].charAt(0)}`;
|
|
32
|
+
else
|
|
33
|
+
return '';
|
|
34
|
+
}, [user?.name]);
|
|
35
|
+
const backgroundColor = useMemo(() => {
|
|
36
|
+
let sumChars = 0;
|
|
37
|
+
if (user?.name)
|
|
38
|
+
for (let i = 0; i < user.name.length; i += 1)
|
|
39
|
+
sumChars += user.name.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
|
+
return colors[sumChars % colors.length];
|
|
52
|
+
}, [user?.name]);
|
|
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 = useCallback(() => {
|
|
71
|
+
const { onPress, ...rest } = props;
|
|
72
|
+
onPress?.(rest);
|
|
73
|
+
}, [props]);
|
|
74
|
+
const handleOnLongPress = useCallback(() => {
|
|
75
|
+
const { onLongPress, ...rest } = props;
|
|
76
|
+
if (onLongPress)
|
|
77
|
+
onLongPress(rest);
|
|
78
|
+
}, [props]);
|
|
79
|
+
const placeholderView = useMemo(() => (<View style={[
|
|
80
|
+
stylesCommon.centerItems,
|
|
81
|
+
styles.avatarStyle,
|
|
82
|
+
styles.avatarTransparent,
|
|
83
|
+
avatarStyle,
|
|
84
|
+
]} accessibilityRole='image'/>), [avatarStyle]);
|
|
85
|
+
if (!user || (!user.name && !user.avatar))
|
|
86
|
+
return placeholderView;
|
|
87
|
+
if (user.avatar)
|
|
88
|
+
return (<TouchableOpacity enabled={!!onPress} onPress={handleOnPress} onLongPress={handleOnLongPress} accessibilityRole='image'>
|
|
89
|
+
{renderAvatar()}
|
|
90
|
+
</TouchableOpacity>);
|
|
91
|
+
return (<TouchableOpacity enabled={!!onPress} onPress={handleOnPress} onLongPress={handleOnLongPress} style={[
|
|
92
|
+
stylesCommon.centerItems,
|
|
93
|
+
styles.avatarStyle,
|
|
94
|
+
{ backgroundColor },
|
|
95
|
+
avatarStyle,
|
|
96
|
+
]} accessibilityRole='image'>
|
|
97
|
+
{renderInitials()}
|
|
98
|
+
</TouchableOpacity>);
|
|
99
|
+
}
|
|
100
|
+
//# sourceMappingURL=GiftedAvatar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GiftedAvatar.js","sourceRoot":"","sources":["../src/GiftedAvatar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { IMessage } from '../Models';
|
|
3
|
+
import { GiftedChatProps } from './types';
|
|
4
|
+
declare function GiftedChatWrapper<TMessage extends IMessage = IMessage>(props: GiftedChatProps<TMessage>): React.JSX.Element;
|
|
5
|
+
declare namespace GiftedChatWrapper {
|
|
6
|
+
var append: <TMessage extends IMessage>(currentMessages: TMessage[] | undefined, messages: TMessage[], isInverted?: boolean) => TMessage[];
|
|
7
|
+
var prepend: <TMessage extends IMessage>(currentMessages: TMessage[] | undefined, messages: TMessage[], isInverted?: boolean) => TMessage[];
|
|
8
|
+
}
|
|
9
|
+
export { GiftedChatWrapper as GiftedChat };
|
|
10
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/GiftedChat/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAA;AAmBd,OAAO,EAAE,QAAQ,EAAgB,MAAM,WAAW,CAAA;AAIlD,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AA2TzC,iBAAS,iBAAiB,CAAC,QAAQ,SAAS,QAAQ,GAAG,QAAQ,EAAG,KAAK,EAAE,eAAe,CAAC,QAAQ,CAAC,qBAmBjG;kBAnBQ,iBAAiB;iBAqBE,QAAQ,SAAS,QAAQ,mBAClC,QAAQ,EAAE,wBACjB,QAAQ,EAAE;kBAWO,QAAQ,SAAS,QAAQ,mBACnC,QAAQ,EAAE,wBACjB,QAAQ,EAAE;;AAWtB,OAAO,EACL,iBAAiB,IAAI,UAAU,EAChC,CAAA"}
|