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.
- package/README.md +8 -12
- package/package.json +20 -21
- package/src/Bubble/index.tsx +11 -10
- package/src/Bubble/types.ts +2 -2
- package/src/Composer.tsx +19 -26
- package/src/Constant.ts +0 -1
- package/src/GiftedAvatar.tsx +29 -36
- package/src/GiftedChat/index.tsx +11 -62
- package/src/GiftedChat/types.ts +5 -52
- 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 +47 -28
- package/src/MessageContainer/types.ts +31 -6
- package/src/MessageImage.tsx +18 -6
- package/src/MessageText.tsx +18 -23
- package/src/MessageVideo.tsx +19 -7
- package/src/QuickReplies.tsx +17 -10
- package/src/Send.tsx +7 -1
- package/src/SystemMessage.tsx +9 -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 +11 -13
- package/src/__tests__/GiftedAvatar.test.tsx +3 -8
- package/src/__tests__/GiftedChat.test.tsx +32 -41
- 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__/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/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 -242
- 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 -317
- 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 -112
- 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 -235
- package/lib/MessageContainer/index.js.map +0 -1
- package/lib/MessageContainer/styles.d.ts +0 -35
- package/lib/MessageContainer/styles.js +0 -32
- package/lib/MessageContainer/styles.js.map +0 -1
- package/lib/MessageContainer/types.d.ts +0 -51
- 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 -19
- package/lib/MessageText.js +0 -69
- 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 -11
- package/lib/SystemMessage.js +0 -27
- 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 -5
- package/lib/utils.js +0 -83
- package/lib/utils.js.map +0 -1
- package/src/__tests__/__snapshots__/MessageContainer.test.tsx.snap +0 -108
package/lib/Message/index.d.ts
DELETED
package/lib/Message/index.js
DELETED
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
import React, { memo, useCallback } from 'react';
|
|
2
|
-
import { View } from 'react-native';
|
|
3
|
-
import isEqual from 'lodash.isequal';
|
|
4
|
-
import { Avatar } from '../Avatar';
|
|
5
|
-
import Bubble from '../Bubble';
|
|
6
|
-
import { SystemMessage } from '../SystemMessage';
|
|
7
|
-
import { isSameUser } from '../utils';
|
|
8
|
-
import styles from './styles';
|
|
9
|
-
export * from './types';
|
|
10
|
-
let Message = (props) => {
|
|
11
|
-
const { currentMessage, renderBubble: renderBubbleProp, renderSystemMessage: renderSystemMessageProp, onMessageLayout, nextMessage, position, containerStyle, user, showUserAvatar, } = props;
|
|
12
|
-
const renderBubble = useCallback(() => {
|
|
13
|
-
const {
|
|
14
|
-
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
15
|
-
containerStyle, onMessageLayout,
|
|
16
|
-
/* eslint-enable @typescript-eslint/no-unused-vars */
|
|
17
|
-
...rest } = props;
|
|
18
|
-
if (renderBubbleProp)
|
|
19
|
-
return renderBubbleProp(rest);
|
|
20
|
-
return <Bubble {...rest}/>;
|
|
21
|
-
}, [props, renderBubbleProp]);
|
|
22
|
-
const renderSystemMessage = useCallback(() => {
|
|
23
|
-
const {
|
|
24
|
-
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
25
|
-
containerStyle, onMessageLayout,
|
|
26
|
-
/* eslint-enable @typescript-eslint/no-unused-vars */
|
|
27
|
-
...rest } = props;
|
|
28
|
-
if (renderSystemMessageProp)
|
|
29
|
-
return renderSystemMessageProp(rest);
|
|
30
|
-
return <SystemMessage {...rest}/>;
|
|
31
|
-
}, [props, renderSystemMessageProp]);
|
|
32
|
-
const renderAvatar = useCallback(() => {
|
|
33
|
-
if (user?._id &&
|
|
34
|
-
currentMessage?.user &&
|
|
35
|
-
user._id === currentMessage.user._id &&
|
|
36
|
-
!showUserAvatar)
|
|
37
|
-
return null;
|
|
38
|
-
if (currentMessage?.user?.avatar === null)
|
|
39
|
-
return null;
|
|
40
|
-
const {
|
|
41
|
-
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
42
|
-
containerStyle, onMessageLayout,
|
|
43
|
-
/* eslint-enable @typescript-eslint/no-unused-vars */
|
|
44
|
-
...rest } = props;
|
|
45
|
-
return <Avatar {...rest}/>;
|
|
46
|
-
}, [
|
|
47
|
-
props,
|
|
48
|
-
user,
|
|
49
|
-
currentMessage,
|
|
50
|
-
showUserAvatar,
|
|
51
|
-
]);
|
|
52
|
-
if (!currentMessage)
|
|
53
|
-
return null;
|
|
54
|
-
const sameUser = isSameUser(currentMessage, nextMessage);
|
|
55
|
-
return (<View onLayout={onMessageLayout}>
|
|
56
|
-
{currentMessage.system
|
|
57
|
-
? (renderSystemMessage())
|
|
58
|
-
: (<View style={[
|
|
59
|
-
styles[position].container,
|
|
60
|
-
{ marginBottom: sameUser ? 2 : 10 },
|
|
61
|
-
!props.inverted && { marginBottom: 2 },
|
|
62
|
-
containerStyle?.[position],
|
|
63
|
-
]}>
|
|
64
|
-
{position === 'left' ? renderAvatar() : null}
|
|
65
|
-
{renderBubble()}
|
|
66
|
-
{position === 'right' ? renderAvatar() : null}
|
|
67
|
-
</View>)}
|
|
68
|
-
</View>);
|
|
69
|
-
};
|
|
70
|
-
Message = memo(Message, (props, nextProps) => {
|
|
71
|
-
const shouldUpdate = props.shouldUpdateMessage?.(props, nextProps) ||
|
|
72
|
-
!isEqual(props.currentMessage, nextProps.currentMessage) ||
|
|
73
|
-
!isEqual(props.previousMessage, nextProps.previousMessage) ||
|
|
74
|
-
!isEqual(props.nextMessage, nextProps.nextMessage);
|
|
75
|
-
if (shouldUpdate)
|
|
76
|
-
return false;
|
|
77
|
-
return true;
|
|
78
|
-
});
|
|
79
|
-
export default Message;
|
|
80
|
-
//# sourceMappingURL=index.js.map
|
package/lib/Message/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Message/index.tsx"],"names":[],"mappings":"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"}
|
package/lib/Message/styles.d.ts
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
declare const _default: {
|
|
2
|
-
left: {
|
|
3
|
-
container: {
|
|
4
|
-
flexDirection: "row";
|
|
5
|
-
alignItems: "flex-end";
|
|
6
|
-
justifyContent: "flex-start";
|
|
7
|
-
marginLeft: number;
|
|
8
|
-
marginRight: number;
|
|
9
|
-
};
|
|
10
|
-
};
|
|
11
|
-
right: {
|
|
12
|
-
container: {
|
|
13
|
-
flexDirection: "row";
|
|
14
|
-
alignItems: "flex-end";
|
|
15
|
-
justifyContent: "flex-end";
|
|
16
|
-
marginLeft: number;
|
|
17
|
-
marginRight: number;
|
|
18
|
-
};
|
|
19
|
-
};
|
|
20
|
-
};
|
|
21
|
-
export default _default;
|
package/lib/Message/styles.js
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { StyleSheet } from 'react-native';
|
|
2
|
-
export default {
|
|
3
|
-
left: StyleSheet.create({
|
|
4
|
-
container: {
|
|
5
|
-
flexDirection: 'row',
|
|
6
|
-
alignItems: 'flex-end',
|
|
7
|
-
justifyContent: 'flex-start',
|
|
8
|
-
marginLeft: 8,
|
|
9
|
-
marginRight: 0,
|
|
10
|
-
},
|
|
11
|
-
}),
|
|
12
|
-
right: StyleSheet.create({
|
|
13
|
-
container: {
|
|
14
|
-
flexDirection: 'row',
|
|
15
|
-
alignItems: 'flex-end',
|
|
16
|
-
justifyContent: 'flex-end',
|
|
17
|
-
marginLeft: 0,
|
|
18
|
-
marginRight: 8,
|
|
19
|
-
},
|
|
20
|
-
}),
|
|
21
|
-
};
|
|
22
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Message/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,eAAe;IACb,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC;QACtB,SAAS,EAAE;YACT,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,UAAU;YACtB,cAAc,EAAE,YAAY;YAC5B,UAAU,EAAE,CAAC;YACb,WAAW,EAAE,CAAC;SACf;KACF,CAAC;IACF,KAAK,EAAE,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,UAAU;YACtB,cAAc,EAAE,UAAU;YAC1B,UAAU,EAAE,CAAC;YACb,WAAW,EAAE,CAAC;SACf;KACF,CAAC;CACH,CAAA"}
|
package/lib/Message/types.d.ts
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { ViewStyle, LayoutChangeEvent } from 'react-native';
|
|
2
|
-
import { AvatarProps } from '../Avatar';
|
|
3
|
-
import { SystemMessageProps } from '../SystemMessage';
|
|
4
|
-
import { DayProps } from '../Day';
|
|
5
|
-
import { IMessage, User, LeftRightStyle } from '../types';
|
|
6
|
-
import { BubbleProps } from '../Bubble';
|
|
7
|
-
export interface MessageProps<TMessage extends IMessage> {
|
|
8
|
-
showUserAvatar?: boolean;
|
|
9
|
-
position: 'left' | 'right';
|
|
10
|
-
currentMessage: TMessage;
|
|
11
|
-
nextMessage?: TMessage;
|
|
12
|
-
previousMessage?: TMessage;
|
|
13
|
-
user: User;
|
|
14
|
-
inverted?: boolean;
|
|
15
|
-
containerStyle?: LeftRightStyle<ViewStyle>;
|
|
16
|
-
renderBubble?(props: BubbleProps<TMessage>): React.ReactNode;
|
|
17
|
-
renderDay?(props: DayProps): React.ReactNode;
|
|
18
|
-
renderSystemMessage?(props: SystemMessageProps<TMessage>): React.ReactNode;
|
|
19
|
-
renderAvatar?(props: AvatarProps<TMessage>): React.ReactNode;
|
|
20
|
-
shouldUpdateMessage?(props: MessageProps<IMessage>, nextProps: MessageProps<IMessage>): boolean;
|
|
21
|
-
onMessageLayout?(event: LayoutChangeEvent): void;
|
|
22
|
-
}
|
package/lib/Message/types.js
DELETED
package/lib/Message/types.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/Message/types.ts"],"names":[],"mappings":""}
|
package/lib/MessageAudio.d.ts
DELETED
package/lib/MessageAudio.js
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import Color from './Color';
|
|
3
|
-
import { View, Text } from 'react-native';
|
|
4
|
-
export function MessageAudio() {
|
|
5
|
-
return (<View style={{ padding: 20 }}>
|
|
6
|
-
<Text style={{ color: Color.alizarin, fontWeight: '600' }}>
|
|
7
|
-
{'Audio is not implemented by GiftedChat.'}
|
|
8
|
-
</Text>
|
|
9
|
-
<Text style={{ color: Color.alizarin, fontWeight: '600' }}>
|
|
10
|
-
{'\nYou need to provide your own implementation by using renderMessageAudio prop.'}
|
|
11
|
-
</Text>
|
|
12
|
-
</View>);
|
|
13
|
-
}
|
|
14
|
-
//# sourceMappingURL=MessageAudio.js.map
|
package/lib/MessageAudio.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MessageAudio.js","sourceRoot":"","sources":["../src/MessageAudio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,MAAM,SAAS,CAAA;AAC3B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEzC,MAAM,UAAU,YAAY;IAC1B,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAC3B;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CACxD;QAAA,CAAC,yCAAyC,CAC5C;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CACxD;QAAA,CAAC,iFAAiF,CACpF;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { DayAnimatedProps } from './types';
|
|
3
|
-
export * from './types';
|
|
4
|
-
declare const DayAnimated: ({ scrolledY, daysPositions, listHeight, renderDay, messages, isLoadingEarlier, ...rest }: DayAnimatedProps) => React.JSX.Element | null;
|
|
5
|
-
export default DayAnimated;
|
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
import React, { useCallback, useEffect, useMemo, useState } from 'react';
|
|
2
|
-
import Animated, { interpolate, useAnimatedStyle, useDerivedValue, useSharedValue, useAnimatedReaction, withTiming, runOnJS } from 'react-native-reanimated';
|
|
3
|
-
import { Day } from '../../../Day';
|
|
4
|
-
import { isSameDay } from '../../../utils';
|
|
5
|
-
import { useAbsoluteScrolledPositionToBottomOfDay, useRelativeScrolledPositionToBottomOfDay } from '../Item';
|
|
6
|
-
import stylesCommon from '../../../styles';
|
|
7
|
-
import styles from './styles';
|
|
8
|
-
export * from './types';
|
|
9
|
-
const DayAnimated = ({ scrolledY, daysPositions, listHeight, renderDay, messages, isLoadingEarlier, ...rest }) => {
|
|
10
|
-
const opacity = useSharedValue(0);
|
|
11
|
-
const fadeOutOpacityTimeoutId = useSharedValue(undefined);
|
|
12
|
-
const containerHeight = useSharedValue(0);
|
|
13
|
-
const isScrolledOnMount = useSharedValue(false);
|
|
14
|
-
const isLoadingEarlierAnim = useSharedValue(isLoadingEarlier);
|
|
15
|
-
const daysPositionsArray = useDerivedValue(() => Object.values(daysPositions.value).sort((a, b) => a.y - b.y));
|
|
16
|
-
const [createdAt, setCreatedAt] = useState();
|
|
17
|
-
const dayTopOffset = useMemo(() => 10, []);
|
|
18
|
-
const dayBottomMargin = useMemo(() => 10, []);
|
|
19
|
-
const absoluteScrolledPositionToBottomOfDay = useAbsoluteScrolledPositionToBottomOfDay(listHeight, scrolledY, containerHeight, dayBottomMargin, dayTopOffset);
|
|
20
|
-
const relativeScrolledPositionToBottomOfDay = useRelativeScrolledPositionToBottomOfDay(listHeight, scrolledY, daysPositions, containerHeight, dayBottomMargin, dayTopOffset);
|
|
21
|
-
const messagesDates = useMemo(() => {
|
|
22
|
-
const messagesDates = [];
|
|
23
|
-
for (let i = 1; i < messages.length; i++) {
|
|
24
|
-
const previousMessage = messages[i - 1];
|
|
25
|
-
const message = messages[i];
|
|
26
|
-
if (!isSameDay(previousMessage, message) || !messagesDates.includes(new Date(message.createdAt).getTime()))
|
|
27
|
-
messagesDates.push(new Date(message.createdAt).getTime());
|
|
28
|
-
}
|
|
29
|
-
return messagesDates;
|
|
30
|
-
}, [messages]);
|
|
31
|
-
const createdAtDate = useDerivedValue(() => {
|
|
32
|
-
for (let i = 0; i < daysPositionsArray.value.length; i++) {
|
|
33
|
-
const day = daysPositionsArray.value[i];
|
|
34
|
-
const dayPosition = day.y + day.height - containerHeight.value - dayBottomMargin;
|
|
35
|
-
if (absoluteScrolledPositionToBottomOfDay.value < dayPosition)
|
|
36
|
-
return day.createdAt;
|
|
37
|
-
}
|
|
38
|
-
return messagesDates[messagesDates.length - 1];
|
|
39
|
-
}, [daysPositionsArray, absoluteScrolledPositionToBottomOfDay, messagesDates, containerHeight, dayBottomMargin]);
|
|
40
|
-
const style = useAnimatedStyle(() => ({
|
|
41
|
-
top: interpolate(relativeScrolledPositionToBottomOfDay.value, [-dayTopOffset, -0.0001, 0, isLoadingEarlierAnim.value ? 0 : containerHeight.value + dayTopOffset], [dayTopOffset, dayTopOffset, -containerHeight.value, isLoadingEarlierAnim.value ? -containerHeight.value : dayTopOffset], 'clamp'),
|
|
42
|
-
}), [relativeScrolledPositionToBottomOfDay, containerHeight, dayTopOffset, isLoadingEarlierAnim]);
|
|
43
|
-
const contentStyle = useAnimatedStyle(() => ({
|
|
44
|
-
opacity: opacity.value,
|
|
45
|
-
}), [opacity]);
|
|
46
|
-
const fadeOut = useCallback(() => {
|
|
47
|
-
'worklet';
|
|
48
|
-
opacity.value = withTiming(0, { duration: 500 });
|
|
49
|
-
}, [opacity]);
|
|
50
|
-
const scheduleFadeOut = useCallback(() => {
|
|
51
|
-
clearTimeout(fadeOutOpacityTimeoutId.value);
|
|
52
|
-
fadeOutOpacityTimeoutId.value = setTimeout(fadeOut, 500);
|
|
53
|
-
}, [fadeOut, fadeOutOpacityTimeoutId]);
|
|
54
|
-
const handleLayout = useCallback(({ nativeEvent }) => {
|
|
55
|
-
containerHeight.value = nativeEvent.layout.height;
|
|
56
|
-
}, [containerHeight]);
|
|
57
|
-
useAnimatedReaction(() => [scrolledY.value, daysPositionsArray], (value, prevValue) => {
|
|
58
|
-
if (!isScrolledOnMount.value) {
|
|
59
|
-
isScrolledOnMount.value = true;
|
|
60
|
-
return;
|
|
61
|
-
}
|
|
62
|
-
if (value[0] === prevValue?.[0])
|
|
63
|
-
return;
|
|
64
|
-
opacity.value = withTiming(1, { duration: 500 });
|
|
65
|
-
runOnJS(scheduleFadeOut)();
|
|
66
|
-
}, [scrolledY, scheduleFadeOut, daysPositionsArray]);
|
|
67
|
-
useAnimatedReaction(() => createdAtDate.value, (value, prevValue) => {
|
|
68
|
-
if (value && value !== prevValue)
|
|
69
|
-
runOnJS(setCreatedAt)(value);
|
|
70
|
-
}, [createdAtDate]);
|
|
71
|
-
useEffect(() => {
|
|
72
|
-
isLoadingEarlierAnim.value = isLoadingEarlier;
|
|
73
|
-
}, [isLoadingEarlierAnim, isLoadingEarlier]);
|
|
74
|
-
if (!createdAt)
|
|
75
|
-
return null;
|
|
76
|
-
return (<Animated.View style={[stylesCommon.centerItems, styles.dayAnimated, style]} onLayout={handleLayout}>
|
|
77
|
-
<Animated.View style={contentStyle} pointerEvents='none'>
|
|
78
|
-
{renderDay
|
|
79
|
-
? renderDay({ ...rest, createdAt })
|
|
80
|
-
: <Day {...rest} containerStyle={[styles.dayAnimatedDayContainerStyle, rest.containerStyle]} createdAt={createdAt}/>}
|
|
81
|
-
</Animated.View>
|
|
82
|
-
</Animated.View>);
|
|
83
|
-
};
|
|
84
|
-
export default DayAnimated;
|
|
85
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/MessageContainer/components/DayAnimated/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { StyleSheet } from 'react-native';
|
|
2
|
-
export default StyleSheet.create({
|
|
3
|
-
dayAnimated: {
|
|
4
|
-
position: 'absolute',
|
|
5
|
-
width: '100%',
|
|
6
|
-
},
|
|
7
|
-
dayAnimatedDayContainerStyle: {
|
|
8
|
-
marginTop: 0,
|
|
9
|
-
marginBottom: 0,
|
|
10
|
-
},
|
|
11
|
-
});
|
|
12
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/MessageContainer/components/DayAnimated/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,eAAe,UAAU,CAAC,MAAM,CAAC;IAC/B,WAAW,EAAE;QACX,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,MAAM;KACd;IACD,4BAA4B,EAAE;QAC5B,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,CAAC;KAChB;CACF,CAAC,CAAA"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { DayProps } from '../../../Day';
|
|
2
|
-
import { IMessage } from '../../../types';
|
|
3
|
-
import { DaysPositions } from '../../types';
|
|
4
|
-
export interface DayAnimatedProps extends Omit<DayProps, 'createdAt'> {
|
|
5
|
-
scrolledY: {
|
|
6
|
-
value: number;
|
|
7
|
-
};
|
|
8
|
-
daysPositions: {
|
|
9
|
-
value: DaysPositions;
|
|
10
|
-
};
|
|
11
|
-
listHeight: {
|
|
12
|
-
value: number;
|
|
13
|
-
};
|
|
14
|
-
renderDay?: (props: DayProps) => React.ReactNode;
|
|
15
|
-
messages: IMessage[];
|
|
16
|
-
isLoadingEarlier: boolean;
|
|
17
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/MessageContainer/components/DayAnimated/types.ts"],"names":[],"mappings":""}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { IMessage } from '../../../types';
|
|
3
|
-
import { DaysPositions } from '../../types';
|
|
4
|
-
import { ItemProps } from './types';
|
|
5
|
-
export * from './types';
|
|
6
|
-
export declare const useAbsoluteScrolledPositionToBottomOfDay: (listHeight: {
|
|
7
|
-
value: number;
|
|
8
|
-
}, scrolledY: {
|
|
9
|
-
value: number;
|
|
10
|
-
}, containerHeight: {
|
|
11
|
-
value: number;
|
|
12
|
-
}, dayBottomMargin: number, dayTopOffset: number) => import("react-native-reanimated").DerivedValue<number>;
|
|
13
|
-
export declare const useRelativeScrolledPositionToBottomOfDay: (listHeight: {
|
|
14
|
-
value: number;
|
|
15
|
-
}, scrolledY: {
|
|
16
|
-
value: number;
|
|
17
|
-
}, daysPositions: {
|
|
18
|
-
value: DaysPositions;
|
|
19
|
-
}, containerHeight: {
|
|
20
|
-
value: number;
|
|
21
|
-
}, dayBottomMargin: number, dayTopOffset: number, createdAt?: number) => import("react-native-reanimated").DerivedValue<number>;
|
|
22
|
-
declare const Item: <TMessage extends IMessage>(props: ItemProps<TMessage>) => React.JSX.Element;
|
|
23
|
-
export default Item;
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
import React, { forwardRef, useCallback, useMemo } from 'react';
|
|
2
|
-
import { View } from 'react-native';
|
|
3
|
-
import Message from '../../../Message';
|
|
4
|
-
import Animated, { interpolate, useAnimatedStyle, useDerivedValue, useSharedValue } from 'react-native-reanimated';
|
|
5
|
-
import { Day } from '../../../Day';
|
|
6
|
-
import { isSameDay } from '../../../utils';
|
|
7
|
-
export * from './types';
|
|
8
|
-
// y-position of current scroll position relative to the bottom of the day container. (since we have inverted list it is bottom)
|
|
9
|
-
export const useAbsoluteScrolledPositionToBottomOfDay = (listHeight, scrolledY, containerHeight, dayBottomMargin, dayTopOffset) => {
|
|
10
|
-
const absoluteScrolledPositionToBottomOfDay = useDerivedValue(() => listHeight.value + scrolledY.value - containerHeight.value - dayBottomMargin - dayTopOffset, [listHeight, scrolledY, containerHeight, dayBottomMargin, dayTopOffset]);
|
|
11
|
-
return absoluteScrolledPositionToBottomOfDay;
|
|
12
|
-
};
|
|
13
|
-
export const useRelativeScrolledPositionToBottomOfDay = (listHeight, scrolledY, daysPositions, containerHeight, dayBottomMargin, dayTopOffset, createdAt) => {
|
|
14
|
-
const dayMarginTop = useMemo(() => 5, []);
|
|
15
|
-
const absoluteScrolledPositionToBottomOfDay = useAbsoluteScrolledPositionToBottomOfDay(listHeight, scrolledY, containerHeight, dayBottomMargin, dayTopOffset);
|
|
16
|
-
// sorted array of days positions by y
|
|
17
|
-
const daysPositionsArray = useDerivedValue(() => Object.values(daysPositions.value).sort((a, b) => a.y - b.y));
|
|
18
|
-
// find current day position by scrolled position
|
|
19
|
-
const currentDayPosition = useDerivedValue(() => {
|
|
20
|
-
if (createdAt != null) {
|
|
21
|
-
const currentDayPosition = daysPositionsArray.value.find(day => day.createdAt === createdAt);
|
|
22
|
-
if (currentDayPosition)
|
|
23
|
-
return currentDayPosition;
|
|
24
|
-
}
|
|
25
|
-
return daysPositionsArray.value.find((day, index) => {
|
|
26
|
-
const dayPosition = day.y + day.height;
|
|
27
|
-
return (absoluteScrolledPositionToBottomOfDay.value < dayPosition) || index === daysPositionsArray.value.length - 1;
|
|
28
|
-
});
|
|
29
|
-
}, [daysPositionsArray, absoluteScrolledPositionToBottomOfDay, createdAt]);
|
|
30
|
-
const relativeScrolledPositionToBottomOfDay = useDerivedValue(() => {
|
|
31
|
-
const scrolledBottomY = listHeight.value + scrolledY.value - ((currentDayPosition.value?.y ?? 0) +
|
|
32
|
-
(currentDayPosition.value?.height ?? 0) +
|
|
33
|
-
dayMarginTop);
|
|
34
|
-
return scrolledBottomY;
|
|
35
|
-
}, [listHeight, scrolledY, currentDayPosition, dayMarginTop]);
|
|
36
|
-
return relativeScrolledPositionToBottomOfDay;
|
|
37
|
-
};
|
|
38
|
-
const DayWrapper = forwardRef((props, ref) => {
|
|
39
|
-
const { renderDay: renderDayProp, currentMessage, previousMessage, } = props;
|
|
40
|
-
if (!currentMessage?.createdAt || isSameDay(currentMessage, previousMessage))
|
|
41
|
-
return null;
|
|
42
|
-
const {
|
|
43
|
-
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
44
|
-
containerStyle, onMessageLayout,
|
|
45
|
-
/* eslint-enable @typescript-eslint/no-unused-vars */
|
|
46
|
-
...rest } = props;
|
|
47
|
-
return (<View ref={ref}>
|
|
48
|
-
{renderDayProp
|
|
49
|
-
? renderDayProp({ ...rest, createdAt: currentMessage.createdAt })
|
|
50
|
-
: <Day {...rest} createdAt={currentMessage.createdAt}/>}
|
|
51
|
-
</View>);
|
|
52
|
-
});
|
|
53
|
-
const Item = (props) => {
|
|
54
|
-
const { renderMessage: renderMessageProp, scrolledY, daysPositions, listHeight, ...rest } = props;
|
|
55
|
-
const dayContainerHeight = useSharedValue(0);
|
|
56
|
-
const dayTopOffset = useMemo(() => 10, []);
|
|
57
|
-
const dayBottomMargin = useMemo(() => 10, []);
|
|
58
|
-
const createdAt = useMemo(() => new Date(props.currentMessage.createdAt).getTime(), [props.currentMessage.createdAt]);
|
|
59
|
-
const relativeScrolledPositionToBottomOfDay = useRelativeScrolledPositionToBottomOfDay(listHeight, scrolledY, daysPositions, dayContainerHeight, dayBottomMargin, dayTopOffset, createdAt);
|
|
60
|
-
const handleLayoutDayContainer = useCallback(({ nativeEvent }) => {
|
|
61
|
-
dayContainerHeight.value = nativeEvent.layout.height;
|
|
62
|
-
}, [dayContainerHeight]);
|
|
63
|
-
const style = useAnimatedStyle(() => ({
|
|
64
|
-
opacity: interpolate(relativeScrolledPositionToBottomOfDay.value, [
|
|
65
|
-
-dayTopOffset,
|
|
66
|
-
-0.0001,
|
|
67
|
-
0,
|
|
68
|
-
dayContainerHeight.value + dayTopOffset,
|
|
69
|
-
], [
|
|
70
|
-
0,
|
|
71
|
-
0,
|
|
72
|
-
1,
|
|
73
|
-
1,
|
|
74
|
-
], 'clamp'),
|
|
75
|
-
}), [relativeScrolledPositionToBottomOfDay, dayContainerHeight, dayTopOffset]);
|
|
76
|
-
return (
|
|
77
|
-
// do not remove key. it helps to get correct position of the day container
|
|
78
|
-
<View key={props.currentMessage._id.toString()}>
|
|
79
|
-
<Animated.View style={style} onLayout={handleLayoutDayContainer}>
|
|
80
|
-
<DayWrapper {...rest}/>
|
|
81
|
-
</Animated.View>
|
|
82
|
-
{renderMessageProp
|
|
83
|
-
? renderMessageProp(rest)
|
|
84
|
-
: <Message {...rest}/>}
|
|
85
|
-
</View>);
|
|
86
|
-
};
|
|
87
|
-
export default Item;
|
|
88
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/MessageContainer/components/Item/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { MessageContainerProps, DaysPositions } from '../../types';
|
|
2
|
-
import { IMessage } from '../../../types';
|
|
3
|
-
export interface ItemProps<TMessage extends IMessage> extends MessageContainerProps<TMessage> {
|
|
4
|
-
currentMessage: TMessage;
|
|
5
|
-
previousMessage?: TMessage;
|
|
6
|
-
nextMessage?: TMessage;
|
|
7
|
-
position: 'left' | 'right';
|
|
8
|
-
scrolledY: {
|
|
9
|
-
value: number;
|
|
10
|
-
};
|
|
11
|
-
daysPositions: {
|
|
12
|
-
value: DaysPositions;
|
|
13
|
-
};
|
|
14
|
-
listHeight: {
|
|
15
|
-
value: number;
|
|
16
|
-
};
|
|
17
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/MessageContainer/components/Item/types.ts"],"names":[],"mappings":""}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { IMessage } from '../types';
|
|
3
|
-
import { MessageContainerProps } from './types';
|
|
4
|
-
export * from './types';
|
|
5
|
-
declare function MessageContainer<TMessage extends IMessage = IMessage>(props: MessageContainerProps<TMessage>): React.JSX.Element;
|
|
6
|
-
export default MessageContainer;
|