@kesha-antonov/react-native-chat 4.2.0 → 4.3.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 +252 -47
- package/lib/Actions.d.ts +5 -5
- package/lib/Actions.d.ts.map +1 -1
- package/lib/Actions.js +28 -39
- package/lib/Actions.js.map +1 -1
- package/lib/Avatar.d.ts.map +1 -1
- package/lib/Avatar.js +22 -27
- package/lib/Avatar.js.map +1 -1
- package/lib/Bubble/index.d.ts.map +1 -1
- package/lib/Bubble/index.js +86 -25
- package/lib/Bubble/index.js.map +1 -1
- package/lib/Bubble/styles.d.ts +28 -11
- package/lib/Bubble/styles.d.ts.map +1 -1
- package/lib/Bubble/styles.js +108 -80
- package/lib/Bubble/styles.js.map +1 -1
- package/lib/Bubble/types.d.ts +12 -7
- package/lib/Bubble/types.d.ts.map +1 -1
- package/lib/Chat/ChatKeyboardAvoidingView.d.ts +8 -3
- package/lib/Chat/ChatKeyboardAvoidingView.d.ts.map +1 -1
- package/lib/Chat/ChatKeyboardAvoidingView.js +3 -5
- package/lib/Chat/ChatKeyboardAvoidingView.js.map +1 -1
- package/lib/Chat/index.d.ts.map +1 -1
- package/lib/Chat/index.js +65 -25
- package/lib/Chat/index.js.map +1 -1
- package/lib/Chat/types.d.ts +35 -25
- package/lib/Chat/types.d.ts.map +1 -1
- package/lib/ChatAvatar.d.ts.map +1 -1
- package/lib/ChatAvatar.js +11 -17
- package/lib/ChatAvatar.js.map +1 -1
- package/lib/ChatContext.d.ts +29 -1
- package/lib/ChatContext.d.ts.map +1 -1
- package/lib/ChatContext.js +3 -0
- package/lib/ChatContext.js.map +1 -1
- package/lib/Color.d.ts.map +1 -1
- package/lib/Color.js +6 -2
- package/lib/Color.js.map +1 -1
- package/lib/Composer.d.ts +14 -1
- package/lib/Composer.d.ts.map +1 -1
- package/lib/Composer.js +63 -50
- package/lib/Composer.js.map +1 -1
- package/lib/Day/index.d.ts.map +1 -1
- package/lib/Day/index.js +7 -3
- package/lib/Day/index.js.map +1 -1
- package/lib/Day/styles.d.ts +6 -7
- package/lib/Day/styles.d.ts.map +1 -1
- package/lib/Day/styles.js +11 -13
- package/lib/Day/styles.js.map +1 -1
- package/lib/Icons.d.ts +24 -0
- package/lib/Icons.d.ts.map +1 -0
- package/lib/Icons.js +2 -0
- package/lib/Icons.js.map +1 -0
- package/lib/InputToolbar.d.ts +18 -5
- package/lib/InputToolbar.d.ts.map +1 -1
- package/lib/InputToolbar.js +223 -19
- package/lib/InputToolbar.js.map +1 -1
- package/lib/LoadEarlierMessages.d.ts.map +1 -1
- package/lib/LoadEarlierMessages.js +12 -7
- package/lib/LoadEarlierMessages.js.map +1 -1
- package/lib/Message/index.d.ts.map +1 -1
- package/lib/Message/index.js +10 -9
- package/lib/Message/index.js.map +1 -1
- package/lib/Message/styles.js +2 -2
- package/lib/Message/styles.js.map +1 -1
- package/lib/MessageAudio.d.ts +2 -1
- package/lib/MessageAudio.d.ts.map +1 -1
- package/lib/MessageAudio.js +121 -19
- package/lib/MessageAudio.js.map +1 -1
- package/lib/MessageLocation.d.ts +9 -0
- package/lib/MessageLocation.d.ts.map +1 -0
- package/lib/MessageLocation.js +85 -0
- package/lib/MessageLocation.js.map +1 -0
- package/lib/MessageText.d.ts +12 -1
- package/lib/MessageText.d.ts.map +1 -1
- package/lib/MessageText.js +38 -11
- package/lib/MessageText.js.map +1 -1
- package/lib/MessageVideo.d.ts +2 -1
- package/lib/MessageVideo.d.ts.map +1 -1
- package/lib/MessageVideo.js +156 -18
- package/lib/MessageVideo.js.map +1 -1
- package/lib/MessagesContainer/components/Item/index.d.ts +2 -1
- package/lib/MessagesContainer/components/Item/index.d.ts.map +1 -1
- package/lib/MessagesContainer/components/Item/index.js +23 -1
- package/lib/MessagesContainer/components/Item/index.js.map +1 -1
- package/lib/MessagesContainer/index.d.ts.map +1 -1
- package/lib/MessagesContainer/index.js +24 -11
- package/lib/MessagesContainer/index.js.map +1 -1
- package/lib/MessagesContainer/styles.d.ts +23 -3
- package/lib/MessagesContainer/styles.d.ts.map +1 -1
- package/lib/MessagesContainer/styles.js +25 -5
- package/lib/MessagesContainer/styles.js.map +1 -1
- package/lib/Models.d.ts +72 -0
- package/lib/Models.d.ts.map +1 -1
- package/lib/QuickReplies.d.ts +1 -1
- package/lib/QuickReplies.d.ts.map +1 -1
- package/lib/QuickReplies.js +13 -7
- package/lib/QuickReplies.js.map +1 -1
- package/lib/Reactions/MessageReactions.d.ts.map +1 -1
- package/lib/Reactions/MessageReactions.js +11 -10
- package/lib/Reactions/MessageReactions.js.map +1 -1
- package/lib/Reactions/ReactionPicker.d.ts.map +1 -1
- package/lib/Reactions/ReactionPicker.js +5 -3
- package/lib/Reactions/ReactionPicker.js.map +1 -1
- package/lib/Send.d.ts +2 -2
- package/lib/Send.d.ts.map +1 -1
- package/lib/Send.js +37 -37
- package/lib/Send.js.map +1 -1
- package/lib/SystemMessage.d.ts.map +1 -1
- package/lib/SystemMessage.js +8 -5
- package/lib/SystemMessage.js.map +1 -1
- package/lib/Theme.d.ts +148 -0
- package/lib/Theme.d.ts.map +1 -0
- package/lib/Theme.js +142 -0
- package/lib/Theme.js.map +1 -0
- package/lib/Time.d.ts.map +1 -1
- package/lib/Time.js +7 -5
- package/lib/Time.js.map +1 -1
- package/lib/TypingIndicator/index.d.ts.map +1 -1
- package/lib/TypingIndicator/index.js +4 -1
- package/lib/TypingIndicator/index.js.map +1 -1
- package/lib/TypingIndicator/styles.d.ts +2 -2
- package/lib/TypingIndicator/styles.d.ts.map +1 -1
- package/lib/TypingIndicator/styles.js +4 -5
- package/lib/TypingIndicator/styles.js.map +1 -1
- package/lib/components/AttachmentSheet.d.ts +28 -0
- package/lib/components/AttachmentSheet.d.ts.map +1 -0
- package/lib/components/AttachmentSheet.js +177 -0
- package/lib/components/AttachmentSheet.js.map +1 -0
- package/lib/components/BasicMarkdown.d.ts +12 -0
- package/lib/components/BasicMarkdown.d.ts.map +1 -0
- package/lib/components/BasicMarkdown.js +220 -0
- package/lib/components/BasicMarkdown.js.map +1 -0
- package/lib/components/ContextMenu.d.ts +25 -0
- package/lib/components/ContextMenu.d.ts.map +1 -0
- package/lib/components/ContextMenu.js +122 -0
- package/lib/components/ContextMenu.js.map +1 -0
- package/lib/components/Icon.d.ts +17 -0
- package/lib/components/Icon.d.ts.map +1 -0
- package/lib/components/Icon.js +19 -0
- package/lib/components/Icon.js.map +1 -0
- package/lib/components/LucideIcon.d.ts +10 -0
- package/lib/components/LucideIcon.d.ts.map +1 -0
- package/lib/components/LucideIcon.js +118 -0
- package/lib/components/LucideIcon.js.map +1 -0
- package/lib/components/MarkdownMessageText.d.ts +19 -0
- package/lib/components/MarkdownMessageText.d.ts.map +1 -0
- package/lib/components/MarkdownMessageText.js +35 -0
- package/lib/components/MarkdownMessageText.js.map +1 -0
- package/lib/components/MediaCard.d.ts +19 -0
- package/lib/components/MediaCard.d.ts.map +1 -0
- package/lib/components/MediaCard.js +102 -0
- package/lib/components/MediaCard.js.map +1 -0
- package/lib/components/MediaControls.d.ts +41 -0
- package/lib/components/MediaControls.d.ts.map +1 -0
- package/lib/components/MediaControls.js +523 -0
- package/lib/components/MediaControls.js.map +1 -0
- package/lib/components/MessageReply.d.ts.map +1 -1
- package/lib/components/MessageReply.js +11 -9
- package/lib/components/MessageReply.js.map +1 -1
- package/lib/components/ReplyPreview.d.ts +3 -1
- package/lib/components/ReplyPreview.d.ts.map +1 -1
- package/lib/components/ReplyPreview.js +36 -36
- package/lib/components/ReplyPreview.js.map +1 -1
- package/lib/components/SendIcon.d.ts +13 -0
- package/lib/components/SendIcon.d.ts.map +1 -0
- package/lib/components/SendIcon.js +37 -0
- package/lib/components/SendIcon.js.map +1 -0
- package/lib/components/Ticks.d.ts +25 -0
- package/lib/components/Ticks.d.ts.map +1 -0
- package/lib/components/Ticks.js +102 -0
- package/lib/components/Ticks.js.map +1 -0
- package/lib/components/VideoNoteOverlay.d.ts +25 -0
- package/lib/components/VideoNoteOverlay.d.ts.map +1 -0
- package/lib/components/VideoNoteOverlay.js +151 -0
- package/lib/components/VideoNoteOverlay.js.map +1 -0
- package/lib/components/VideoNoteRecorder.d.ts +19 -0
- package/lib/components/VideoNoteRecorder.d.ts.map +1 -0
- package/lib/components/VideoNoteRecorder.js +634 -0
- package/lib/components/VideoNoteRecorder.js.map +1 -0
- package/lib/components/VideoRecordButton.d.ts +29 -0
- package/lib/components/VideoRecordButton.d.ts.map +1 -0
- package/lib/components/VideoRecordButton.js +117 -0
- package/lib/components/VideoRecordButton.js.map +1 -0
- package/lib/components/VoiceMessageInput.d.ts +33 -0
- package/lib/components/VoiceMessageInput.d.ts.map +1 -0
- package/lib/components/VoiceMessageInput.js +396 -0
- package/lib/components/VoiceMessageInput.js.map +1 -0
- package/lib/components/WaveformPlayer.d.ts +19 -0
- package/lib/components/WaveformPlayer.d.ts.map +1 -0
- package/lib/components/WaveformPlayer.js +367 -0
- package/lib/components/WaveformPlayer.js.map +1 -0
- package/lib/components/mediaPalette.d.ts +23 -0
- package/lib/components/mediaPalette.d.ts.map +1 -0
- package/lib/components/mediaPalette.js +16 -0
- package/lib/components/mediaPalette.js.map +1 -0
- package/lib/components/mediaPlayback.d.ts +22 -0
- package/lib/components/mediaPlayback.d.ts.map +1 -0
- package/lib/components/mediaPlayback.js +34 -0
- package/lib/components/mediaPlayback.js.map +1 -0
- package/lib/hooks/useColorScheme.d.ts +9 -2
- package/lib/hooks/useColorScheme.d.ts.map +1 -1
- package/lib/hooks/useColorScheme.js +9 -3
- package/lib/hooks/useColorScheme.js.map +1 -1
- package/lib/hooks/useIcons.d.ts +4 -0
- package/lib/hooks/useIcons.d.ts.map +1 -0
- package/lib/hooks/useIcons.js +8 -0
- package/lib/hooks/useIcons.js.map +1 -0
- package/lib/hooks/useKeyboardVerticalOffset.d.ts +17 -8
- package/lib/hooks/useKeyboardVerticalOffset.d.ts.map +1 -1
- package/lib/hooks/useKeyboardVerticalOffset.js +29 -8
- package/lib/hooks/useKeyboardVerticalOffset.js.map +1 -1
- package/lib/hooks/useLabels.d.ts +4 -0
- package/lib/hooks/useLabels.d.ts.map +1 -0
- package/lib/hooks/useLabels.js +8 -0
- package/lib/hooks/useLabels.js.map +1 -0
- package/lib/hooks/useTheme.d.ts +21 -0
- package/lib/hooks/useTheme.d.ts.map +1 -0
- package/lib/hooks/useTheme.js +32 -0
- package/lib/hooks/useTheme.js.map +1 -0
- package/lib/i18n.d.ts +59 -0
- package/lib/i18n.d.ts.map +1 -0
- package/lib/i18n.js +122 -0
- package/lib/i18n.js.map +1 -0
- package/lib/index.d.ts +17 -0
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +17 -0
- package/lib/index.js.map +1 -1
- package/lib/types.d.ts +2 -1
- package/lib/types.d.ts.map +1 -1
- package/package.json +99 -44
- package/lib/MessageReply.d.ts +0 -15
- package/lib/MessageReply.d.ts.map +0 -1
- package/lib/MessageReply.js +0 -102
- package/lib/MessageReply.js.map +0 -1
- package/lib/ReplyPreview.d.ts +0 -14
- package/lib/ReplyPreview.d.ts.map +0 -1
- package/lib/ReplyPreview.js +0 -94
- package/lib/ReplyPreview.js.map +0 -1
|
@@ -0,0 +1,177 @@
|
|
|
1
|
+
import React, { useCallback, useEffect, useRef } from 'react';
|
|
2
|
+
import { Modal, Pressable, StyleSheet, Text, View } from 'react-native';
|
|
3
|
+
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
4
|
+
import { useThemedStyles } from '../hooks/useTheme';
|
|
5
|
+
// Optional native bottom sheet (Telegram-style: native grabber, dimmed backdrop,
|
|
6
|
+
// drag-to-dismiss, detents). Resolved through a try/catch require so the bundle
|
|
7
|
+
// works whether or not it's installed; without it we fall back to a Modal sheet.
|
|
8
|
+
let trueSheetMod = null;
|
|
9
|
+
try {
|
|
10
|
+
trueSheetMod = require('@lodev09/react-native-true-sheet');
|
|
11
|
+
}
|
|
12
|
+
catch {
|
|
13
|
+
trueSheetMod = null;
|
|
14
|
+
}
|
|
15
|
+
const TrueSheet = trueSheetMod?.TrueSheet ?? null;
|
|
16
|
+
export const isTrueSheetAvailable = !!TrueSheet;
|
|
17
|
+
// Shared content (grid of tiles when any action has an icon, otherwise a list).
|
|
18
|
+
const SheetContent = ({ actions, tintColor, onAction, styles, }) => {
|
|
19
|
+
const isGrid = actions.some(a => a.icon);
|
|
20
|
+
if (isGrid)
|
|
21
|
+
return (<View style={styles.grid}>
|
|
22
|
+
{actions.map((item, index) => (<Pressable key={`${item.title}-${index}`} onPress={() => onAction(item.action)} style={({ pressed }) => [styles.tile, pressed && styles.tilePressed]}>
|
|
23
|
+
<View style={[styles.tileIcon, { backgroundColor: item.color ?? styles.accent.color }]}>
|
|
24
|
+
{item.icon?.({ color: '#fff', size: 26 })}
|
|
25
|
+
</View>
|
|
26
|
+
<Text style={styles.tileLabel} numberOfLines={1}>{item.title}</Text>
|
|
27
|
+
</Pressable>))}
|
|
28
|
+
</View>);
|
|
29
|
+
return (<View>
|
|
30
|
+
{actions.map((item, index) => (<Pressable key={`${item.title}-${index}`} onPress={() => onAction(item.action)} style={({ pressed }) => [
|
|
31
|
+
styles.row,
|
|
32
|
+
index > 0 && styles.rowDivider,
|
|
33
|
+
pressed && styles.rowPressed,
|
|
34
|
+
]}>
|
|
35
|
+
<Text style={[styles.rowText, { color: item.destructive ? styles.destructive.color : (tintColor ?? styles.accent.color) }]}>
|
|
36
|
+
{item.title}
|
|
37
|
+
</Text>
|
|
38
|
+
</Pressable>))}
|
|
39
|
+
</View>);
|
|
40
|
+
};
|
|
41
|
+
// Primary path: a real native bottom sheet via react-native-true-sheet.
|
|
42
|
+
const TrueSheetAttachment = ({ visible, actions, onClose, tintColor }) => {
|
|
43
|
+
const styles = useThemedStyles(createStyles);
|
|
44
|
+
const insets = useSafeAreaInsets();
|
|
45
|
+
const ref = useRef(null);
|
|
46
|
+
const presented = useRef(false);
|
|
47
|
+
useEffect(() => {
|
|
48
|
+
// Guard against dismissing before the first present (TrueSheet rejects with
|
|
49
|
+
// "No sheet" otherwise) and swallow the returned promise's rejection.
|
|
50
|
+
if (visible) {
|
|
51
|
+
presented.current = true;
|
|
52
|
+
ref.current?.present()?.catch(() => { });
|
|
53
|
+
}
|
|
54
|
+
else if (presented.current) {
|
|
55
|
+
presented.current = false;
|
|
56
|
+
ref.current?.dismiss()?.catch(() => { });
|
|
57
|
+
}
|
|
58
|
+
}, [visible]);
|
|
59
|
+
const onAction = useCallback((action) => {
|
|
60
|
+
action();
|
|
61
|
+
presented.current = false;
|
|
62
|
+
ref.current?.dismiss()?.catch(() => { });
|
|
63
|
+
}, []);
|
|
64
|
+
return (<TrueSheet ref={ref} sizes={['auto']} cornerRadius={16} grabber dimmed backgroundColor={styles.group.backgroundColor} onDismiss={onClose}>
|
|
65
|
+
<View style={[styles.trueContent, { paddingBottom: insets.bottom + 12 }]}>
|
|
66
|
+
<SheetContent actions={actions} tintColor={tintColor} onAction={onAction} styles={styles}/>
|
|
67
|
+
</View>
|
|
68
|
+
</TrueSheet>);
|
|
69
|
+
};
|
|
70
|
+
// Fallback: a Modal sheet with a dimmed backdrop and a grab handle. Slides up,
|
|
71
|
+
// dismisses on backdrop tap (used when react-native-true-sheet isn't installed).
|
|
72
|
+
const ModalAttachment = ({ visible, actions, onClose, tintColor }) => {
|
|
73
|
+
const styles = useThemedStyles(createStyles);
|
|
74
|
+
const insets = useSafeAreaInsets();
|
|
75
|
+
const onAction = useCallback((action) => {
|
|
76
|
+
action();
|
|
77
|
+
onClose();
|
|
78
|
+
}, [onClose]);
|
|
79
|
+
return (<Modal transparent visible={visible} animationType='slide' onRequestClose={onClose} statusBarTranslucent>
|
|
80
|
+
<Pressable style={styles.backdrop} onPress={onClose} accessibilityLabel='dismiss'/>
|
|
81
|
+
<View style={[styles.sheetWrapper, { paddingBottom: insets.bottom + 8 }]}>
|
|
82
|
+
<View style={styles.group}>
|
|
83
|
+
<View style={styles.handle}/>
|
|
84
|
+
<SheetContent actions={actions} tintColor={tintColor} onAction={onAction} styles={styles}/>
|
|
85
|
+
</View>
|
|
86
|
+
</View>
|
|
87
|
+
</Modal>);
|
|
88
|
+
};
|
|
89
|
+
/**
|
|
90
|
+
* Telegram-style attachment sheet. Uses the native `react-native-true-sheet`
|
|
91
|
+
* when installed (native grabber, dimmed backdrop, drag-to-dismiss); otherwise
|
|
92
|
+
* falls back to a dependency-free Modal sheet. No Cancel button - dismiss by
|
|
93
|
+
* dragging down or tapping the backdrop.
|
|
94
|
+
*/
|
|
95
|
+
export const AttachmentSheet = (props) => isTrueSheetAvailable ? <TrueSheetAttachment {...props}/> : <ModalAttachment {...props}/>;
|
|
96
|
+
const createStyles = (theme) => StyleSheet.create({
|
|
97
|
+
backdrop: {
|
|
98
|
+
position: 'absolute',
|
|
99
|
+
top: 0,
|
|
100
|
+
left: 0,
|
|
101
|
+
right: 0,
|
|
102
|
+
bottom: 0,
|
|
103
|
+
backgroundColor: 'rgba(0,0,0,0.4)',
|
|
104
|
+
},
|
|
105
|
+
sheetWrapper: {
|
|
106
|
+
position: 'absolute',
|
|
107
|
+
left: 8,
|
|
108
|
+
right: 8,
|
|
109
|
+
bottom: 0,
|
|
110
|
+
},
|
|
111
|
+
group: {
|
|
112
|
+
backgroundColor: theme.colors.surface,
|
|
113
|
+
borderRadius: 14,
|
|
114
|
+
overflow: 'hidden',
|
|
115
|
+
},
|
|
116
|
+
// Content padding inside the native sheet (which provides its own surface).
|
|
117
|
+
trueContent: {
|
|
118
|
+
paddingTop: 8,
|
|
119
|
+
},
|
|
120
|
+
handle: {
|
|
121
|
+
alignSelf: 'center',
|
|
122
|
+
width: 36,
|
|
123
|
+
height: 4,
|
|
124
|
+
borderRadius: 2,
|
|
125
|
+
backgroundColor: theme.colors.separator,
|
|
126
|
+
marginTop: 8,
|
|
127
|
+
marginBottom: 4,
|
|
128
|
+
},
|
|
129
|
+
grid: {
|
|
130
|
+
flexDirection: 'row',
|
|
131
|
+
flexWrap: 'wrap',
|
|
132
|
+
padding: 12,
|
|
133
|
+
},
|
|
134
|
+
tile: {
|
|
135
|
+
width: '25%',
|
|
136
|
+
alignItems: 'center',
|
|
137
|
+
paddingVertical: 12,
|
|
138
|
+
},
|
|
139
|
+
tilePressed: {
|
|
140
|
+
opacity: 0.6,
|
|
141
|
+
},
|
|
142
|
+
tileIcon: {
|
|
143
|
+
width: 56,
|
|
144
|
+
height: 56,
|
|
145
|
+
borderRadius: 28,
|
|
146
|
+
alignItems: 'center',
|
|
147
|
+
justifyContent: 'center',
|
|
148
|
+
marginBottom: 6,
|
|
149
|
+
},
|
|
150
|
+
tileLabel: {
|
|
151
|
+
fontSize: 12,
|
|
152
|
+
color: theme.colors.incomingText,
|
|
153
|
+
},
|
|
154
|
+
row: {
|
|
155
|
+
minHeight: 56,
|
|
156
|
+
alignItems: 'center',
|
|
157
|
+
justifyContent: 'center',
|
|
158
|
+
paddingHorizontal: 16,
|
|
159
|
+
},
|
|
160
|
+
rowDivider: {
|
|
161
|
+
borderTopWidth: StyleSheet.hairlineWidth,
|
|
162
|
+
borderTopColor: theme.colors.separator,
|
|
163
|
+
},
|
|
164
|
+
rowPressed: {
|
|
165
|
+
backgroundColor: theme.colors.reactionBackground,
|
|
166
|
+
},
|
|
167
|
+
rowText: {
|
|
168
|
+
fontSize: 18,
|
|
169
|
+
},
|
|
170
|
+
accent: {
|
|
171
|
+
color: theme.colors.accent,
|
|
172
|
+
},
|
|
173
|
+
destructive: {
|
|
174
|
+
color: theme.colors.error,
|
|
175
|
+
},
|
|
176
|
+
});
|
|
177
|
+
//# sourceMappingURL=AttachmentSheet.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AttachmentSheet.js","sourceRoot":"","sources":["../../src/components/AttachmentSheet.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { StyleProp, TextStyle } from 'react-native';
|
|
3
|
+
export interface BasicMarkdownProps {
|
|
4
|
+
text: string;
|
|
5
|
+
/** Base text style (color/size/weight) inherited by every block. */
|
|
6
|
+
textStyle?: StyleProp<TextStyle>;
|
|
7
|
+
/** Position-aware link style (color), forwarded from MessageText. */
|
|
8
|
+
linkStyle?: StyleProp<TextStyle>;
|
|
9
|
+
onLinkPress?: (url: string) => void;
|
|
10
|
+
}
|
|
11
|
+
export declare const BasicMarkdown: ({ text, textStyle, linkStyle, onLinkPress }: BasicMarkdownProps) => React.JSX.Element;
|
|
12
|
+
//# sourceMappingURL=BasicMarkdown.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BasicMarkdown.d.ts","sourceRoot":"","sources":["../../src/components/BasicMarkdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAGL,SAAS,EAGT,SAAS,EAEV,MAAM,cAAc,CAAA;AAqFrB,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAA;IACZ,oEAAoE;IACpE,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAChC,qEAAqE;IACrE,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAChC,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;CACpC;AAED,eAAO,MAAM,aAAa,GAAI,6CAA6C,kBAAkB,sBA0G5F,CAAA"}
|
|
@@ -0,0 +1,220 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Linking, Platform, StyleSheet, Text, View, } from 'react-native';
|
|
3
|
+
import { useThemedStyles } from '../hooks/useTheme';
|
|
4
|
+
/**
|
|
5
|
+
* Dependency-free markdown renderer used when the optional
|
|
6
|
+
* `react-native-streamdown` peer is not installed. It is intentionally small but
|
|
7
|
+
* covers what AI/streamed replies actually use: headings, bullet/ordered lists,
|
|
8
|
+
* blockquotes, fenced and inline code, bold/italic/strikethrough, and links
|
|
9
|
+
* (both `[text](url)` and bare URLs). Unterminated markers (a half-written
|
|
10
|
+
* `**bold` or an unclosed code fence) render gracefully as plain text, so it is
|
|
11
|
+
* safe to feed token-by-token while streaming.
|
|
12
|
+
*/
|
|
13
|
+
const MONO = Platform.select({ ios: 'Menlo', android: 'monospace', default: 'monospace' });
|
|
14
|
+
// Inline tokens, tried left-to-right at each position:
|
|
15
|
+
// `code` | **bold** | *italic* | ~~strike~~ | [text](url) | bare url
|
|
16
|
+
const INLINE_RE = /`([^`]+)`|\*\*([\s\S]+?)\*\*|\*([\s\S]+?)\*|~~([\s\S]+?)~~|\[([^\]]+)\]\(([^)]+)\)|(https?:\/\/[^\s)]+)/;
|
|
17
|
+
function openUrl(url, onLinkPress) {
|
|
18
|
+
if (onLinkPress)
|
|
19
|
+
onLinkPress(url);
|
|
20
|
+
else
|
|
21
|
+
Linking.openURL(url).catch(() => { });
|
|
22
|
+
}
|
|
23
|
+
// Parse a single line/segment of inline markdown into React text nodes. Returns
|
|
24
|
+
// an array suitable to drop inside a parent <Text> (so color/size are inherited).
|
|
25
|
+
function parseInline(text, styles, keyBase, linkStyle, onLinkPress) {
|
|
26
|
+
const nodes = [];
|
|
27
|
+
let rest = text;
|
|
28
|
+
let i = 0;
|
|
29
|
+
while (rest.length > 0) {
|
|
30
|
+
const m = INLINE_RE.exec(rest);
|
|
31
|
+
if (!m) {
|
|
32
|
+
nodes.push(rest);
|
|
33
|
+
break;
|
|
34
|
+
}
|
|
35
|
+
if (m.index > 0)
|
|
36
|
+
nodes.push(rest.slice(0, m.index));
|
|
37
|
+
const key = `${keyBase}.${i++}`;
|
|
38
|
+
if (m[1] != null) {
|
|
39
|
+
nodes.push(<Text key={key} style={styles.code}>{m[1]}</Text>);
|
|
40
|
+
}
|
|
41
|
+
else if (m[2] != null) {
|
|
42
|
+
nodes.push(<Text key={key} style={styles.bold}>{parseInline(m[2], styles, key, linkStyle, onLinkPress)}</Text>);
|
|
43
|
+
}
|
|
44
|
+
else if (m[3] != null) {
|
|
45
|
+
nodes.push(<Text key={key} style={styles.italic}>{parseInline(m[3], styles, key, linkStyle, onLinkPress)}</Text>);
|
|
46
|
+
}
|
|
47
|
+
else if (m[4] != null) {
|
|
48
|
+
nodes.push(<Text key={key} style={styles.strike}>{parseInline(m[4], styles, key, linkStyle, onLinkPress)}</Text>);
|
|
49
|
+
}
|
|
50
|
+
else if (m[5] != null) {
|
|
51
|
+
const url = m[6];
|
|
52
|
+
nodes.push(<Text key={key} style={[styles.link, linkStyle]} onPress={() => openUrl(url, onLinkPress)}>
|
|
53
|
+
{m[5]}
|
|
54
|
+
</Text>);
|
|
55
|
+
}
|
|
56
|
+
else if (m[7] != null) {
|
|
57
|
+
const url = m[7];
|
|
58
|
+
nodes.push(<Text key={key} style={[styles.link, linkStyle]} onPress={() => openUrl(url, onLinkPress)}>
|
|
59
|
+
{url}
|
|
60
|
+
</Text>);
|
|
61
|
+
}
|
|
62
|
+
rest = rest.slice(m.index + m[0].length);
|
|
63
|
+
}
|
|
64
|
+
return nodes;
|
|
65
|
+
}
|
|
66
|
+
export const BasicMarkdown = ({ text, textStyle, linkStyle, onLinkPress }) => {
|
|
67
|
+
const styles = useThemedStyles(createStyles);
|
|
68
|
+
const lines = text.split('\n');
|
|
69
|
+
const blocks = [];
|
|
70
|
+
let paragraph = [];
|
|
71
|
+
let key = 0;
|
|
72
|
+
const flushParagraph = () => {
|
|
73
|
+
if (paragraph.length === 0)
|
|
74
|
+
return;
|
|
75
|
+
const k = `p${key++}`;
|
|
76
|
+
blocks.push(<Text key={k} style={[textStyle, styles.paragraph]}>
|
|
77
|
+
{parseInline(paragraph.join('\n'), styles, k, linkStyle, onLinkPress)}
|
|
78
|
+
</Text>);
|
|
79
|
+
paragraph = [];
|
|
80
|
+
};
|
|
81
|
+
for (let i = 0; i < lines.length;) {
|
|
82
|
+
const line = lines[i];
|
|
83
|
+
// Fenced code block (```lang ... ```), tolerant of a missing closing fence.
|
|
84
|
+
if (/^```/.test(line.trim())) {
|
|
85
|
+
flushParagraph();
|
|
86
|
+
const codeLines = [];
|
|
87
|
+
i++;
|
|
88
|
+
while (i < lines.length && !/^```\s*$/.test(lines[i].trim())) {
|
|
89
|
+
codeLines.push(lines[i]);
|
|
90
|
+
i++;
|
|
91
|
+
}
|
|
92
|
+
i++; // skip closing fence if present
|
|
93
|
+
blocks.push(<View key={`c${key++}`} style={styles.codeBlock}>
|
|
94
|
+
<Text style={[textStyle, styles.codeBlockText]}>{codeLines.join('\n')}</Text>
|
|
95
|
+
</View>);
|
|
96
|
+
continue;
|
|
97
|
+
}
|
|
98
|
+
const heading = line.match(/^(#{1,6})\s+(.*)$/);
|
|
99
|
+
if (heading) {
|
|
100
|
+
flushParagraph();
|
|
101
|
+
const level = heading[1].length;
|
|
102
|
+
const k = `h${key++}`;
|
|
103
|
+
blocks.push(<Text key={k} style={[textStyle, styles.heading, level <= 1 ? styles.h1 : level === 2 ? styles.h2 : null]}>
|
|
104
|
+
{parseInline(heading[2], styles, k, linkStyle, onLinkPress)}
|
|
105
|
+
</Text>);
|
|
106
|
+
i++;
|
|
107
|
+
continue;
|
|
108
|
+
}
|
|
109
|
+
const bullet = line.match(/^\s*[-*+]\s+(.*)$/);
|
|
110
|
+
const ordered = line.match(/^\s*(\d+)\.\s+(.*)$/);
|
|
111
|
+
if (bullet || ordered) {
|
|
112
|
+
flushParagraph();
|
|
113
|
+
const k = `l${key++}`;
|
|
114
|
+
const marker = ordered ? `${ordered[1]}.` : '•';
|
|
115
|
+
const content = ordered ? ordered[2] : bullet[1];
|
|
116
|
+
blocks.push(<View key={k} style={styles.listItem}>
|
|
117
|
+
<Text style={[textStyle, styles.listMarker]}>{marker}</Text>
|
|
118
|
+
<Text style={[textStyle, styles.listText]}>
|
|
119
|
+
{parseInline(content, styles, k, linkStyle, onLinkPress)}
|
|
120
|
+
</Text>
|
|
121
|
+
</View>);
|
|
122
|
+
i++;
|
|
123
|
+
continue;
|
|
124
|
+
}
|
|
125
|
+
const quote = line.match(/^>\s?(.*)$/);
|
|
126
|
+
if (quote) {
|
|
127
|
+
flushParagraph();
|
|
128
|
+
const k = `q${key++}`;
|
|
129
|
+
blocks.push(<View key={k} style={styles.quote}>
|
|
130
|
+
<Text style={[textStyle, styles.quoteText]}>
|
|
131
|
+
{parseInline(quote[1], styles, k, linkStyle, onLinkPress)}
|
|
132
|
+
</Text>
|
|
133
|
+
</View>);
|
|
134
|
+
i++;
|
|
135
|
+
continue;
|
|
136
|
+
}
|
|
137
|
+
if (line.trim() === '') {
|
|
138
|
+
flushParagraph();
|
|
139
|
+
i++;
|
|
140
|
+
continue;
|
|
141
|
+
}
|
|
142
|
+
paragraph.push(line);
|
|
143
|
+
i++;
|
|
144
|
+
}
|
|
145
|
+
flushParagraph();
|
|
146
|
+
return <View style={styles.root}>{blocks}</View>;
|
|
147
|
+
};
|
|
148
|
+
const createStyles = (theme) => {
|
|
149
|
+
const fontSize = theme.typography.message.fontSize;
|
|
150
|
+
const lineHeight = theme.typography.message.lineHeight ?? Math.round(fontSize * 1.3);
|
|
151
|
+
return StyleSheet.create({
|
|
152
|
+
root: {
|
|
153
|
+
// Blocks stack vertically; spacing handled per-block.
|
|
154
|
+
},
|
|
155
|
+
paragraph: {
|
|
156
|
+
marginBottom: 4,
|
|
157
|
+
},
|
|
158
|
+
bold: {
|
|
159
|
+
fontWeight: '700',
|
|
160
|
+
},
|
|
161
|
+
italic: {
|
|
162
|
+
fontStyle: 'italic',
|
|
163
|
+
},
|
|
164
|
+
strike: {
|
|
165
|
+
textDecorationLine: 'line-through',
|
|
166
|
+
},
|
|
167
|
+
link: {
|
|
168
|
+
color: theme.colors.accent,
|
|
169
|
+
textDecorationLine: 'underline',
|
|
170
|
+
},
|
|
171
|
+
code: {
|
|
172
|
+
fontFamily: MONO,
|
|
173
|
+
fontSize: fontSize - 1,
|
|
174
|
+
backgroundColor: 'rgba(127,127,127,0.18)',
|
|
175
|
+
},
|
|
176
|
+
codeBlock: {
|
|
177
|
+
backgroundColor: 'rgba(127,127,127,0.16)',
|
|
178
|
+
borderRadius: 8,
|
|
179
|
+
paddingHorizontal: 10,
|
|
180
|
+
paddingVertical: 8,
|
|
181
|
+
marginVertical: 4,
|
|
182
|
+
},
|
|
183
|
+
codeBlockText: {
|
|
184
|
+
fontFamily: MONO,
|
|
185
|
+
fontSize: fontSize - 1,
|
|
186
|
+
},
|
|
187
|
+
heading: {
|
|
188
|
+
fontWeight: '700',
|
|
189
|
+
marginBottom: 4,
|
|
190
|
+
},
|
|
191
|
+
h1: {
|
|
192
|
+
fontSize: fontSize + 5,
|
|
193
|
+
lineHeight: lineHeight + 6,
|
|
194
|
+
},
|
|
195
|
+
h2: {
|
|
196
|
+
fontSize: fontSize + 2,
|
|
197
|
+
lineHeight: lineHeight + 3,
|
|
198
|
+
},
|
|
199
|
+
listItem: {
|
|
200
|
+
flexDirection: 'row',
|
|
201
|
+
marginBottom: 2,
|
|
202
|
+
},
|
|
203
|
+
listMarker: {
|
|
204
|
+
marginRight: 6,
|
|
205
|
+
},
|
|
206
|
+
listText: {
|
|
207
|
+
flex: 1,
|
|
208
|
+
},
|
|
209
|
+
quote: {
|
|
210
|
+
borderLeftWidth: 3,
|
|
211
|
+
borderLeftColor: 'rgba(127,127,127,0.5)',
|
|
212
|
+
paddingLeft: 8,
|
|
213
|
+
marginVertical: 4,
|
|
214
|
+
},
|
|
215
|
+
quoteText: {
|
|
216
|
+
opacity: 0.85,
|
|
217
|
+
},
|
|
218
|
+
});
|
|
219
|
+
};
|
|
220
|
+
//# sourceMappingURL=BasicMarkdown.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BasicMarkdown.js","sourceRoot":"","sources":["../../src/components/BasicMarkdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { MessageMenuItem } from '../Models';
|
|
3
|
+
export interface ContextMenuReactions {
|
|
4
|
+
emojis: string[];
|
|
5
|
+
onSelect: (emoji: string) => void;
|
|
6
|
+
}
|
|
7
|
+
export interface ContextMenuProps {
|
|
8
|
+
visible: boolean;
|
|
9
|
+
items: MessageMenuItem[];
|
|
10
|
+
onDismiss: () => void;
|
|
11
|
+
position?: 'left' | 'right';
|
|
12
|
+
pageX?: number;
|
|
13
|
+
pageY?: number;
|
|
14
|
+
bubbleWidth?: number;
|
|
15
|
+
bubbleHeight?: number;
|
|
16
|
+
/** Optional reactions pill rendered above the action list. */
|
|
17
|
+
reactions?: ContextMenuReactions;
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
* Telegram-style long-press context menu: a floating, themed action list
|
|
21
|
+
* anchored to the bubble, with an optional reactions pill on top. Dependency-free
|
|
22
|
+
* (Modal + Views), dark-mode aware.
|
|
23
|
+
*/
|
|
24
|
+
export declare const ContextMenu: ({ visible, items, onDismiss, position, pageX, pageY, bubbleWidth, bubbleHeight, reactions, }: ContextMenuProps) => React.JSX.Element | null;
|
|
25
|
+
//# sourceMappingURL=ContextMenu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../src/components/ContextMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAI1C,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAS3C,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,eAAe,EAAE,CAAA;IACxB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,oBAAoB,CAAA;CACjC;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,8FAUzB,gBAAgB,6BA0ElB,CAAA"}
|
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
import React, { useCallback } from 'react';
|
|
2
|
+
import { Dimensions, Modal, Pressable, StyleSheet, Text, View } from 'react-native';
|
|
3
|
+
import { useThemedStyles } from '../hooks/useTheme';
|
|
4
|
+
const MENU_WIDTH = 240;
|
|
5
|
+
const ROW_HEIGHT = 48;
|
|
6
|
+
const REACTION_ROW_HEIGHT = 52;
|
|
7
|
+
const VERTICAL_OFFSET = 8;
|
|
8
|
+
const EDGE = 8;
|
|
9
|
+
/**
|
|
10
|
+
* Telegram-style long-press context menu: a floating, themed action list
|
|
11
|
+
* anchored to the bubble, with an optional reactions pill on top. Dependency-free
|
|
12
|
+
* (Modal + Views), dark-mode aware.
|
|
13
|
+
*/
|
|
14
|
+
export const ContextMenu = ({ visible, items, onDismiss, position = 'left', pageX = 0, pageY = 0, bubbleWidth = 0, bubbleHeight = 0, reactions, }) => {
|
|
15
|
+
const styles = useThemedStyles(createStyles);
|
|
16
|
+
const { width: screenWidth, height: screenHeight } = Dimensions.get('window');
|
|
17
|
+
const menuHeight = items.length * ROW_HEIGHT + (reactions ? REACTION_ROW_HEIGHT + VERTICAL_OFFSET : 0);
|
|
18
|
+
const showAbove = pageY >= menuHeight + VERTICAL_OFFSET && pageY + bubbleHeight + menuHeight > screenHeight;
|
|
19
|
+
const top = showAbove
|
|
20
|
+
? Math.max(EDGE, pageY - menuHeight - VERTICAL_OFFSET)
|
|
21
|
+
: Math.min(pageY + bubbleHeight + VERTICAL_OFFSET, screenHeight - menuHeight - EDGE);
|
|
22
|
+
const left = position === 'right'
|
|
23
|
+
? Math.max(EDGE, Math.min(pageX + bubbleWidth - MENU_WIDTH, screenWidth - MENU_WIDTH - EDGE))
|
|
24
|
+
: Math.max(EDGE, Math.min(pageX, screenWidth - MENU_WIDTH - EDGE));
|
|
25
|
+
const handlePress = useCallback((onPress) => {
|
|
26
|
+
onPress();
|
|
27
|
+
onDismiss();
|
|
28
|
+
}, [onDismiss]);
|
|
29
|
+
const handleReaction = useCallback((emoji) => {
|
|
30
|
+
reactions?.onSelect(emoji);
|
|
31
|
+
onDismiss();
|
|
32
|
+
}, [reactions, onDismiss]);
|
|
33
|
+
if (!visible)
|
|
34
|
+
return null;
|
|
35
|
+
return (<Modal transparent visible={visible} animationType='fade' onRequestClose={onDismiss} statusBarTranslucent>
|
|
36
|
+
<Pressable style={StyleSheet.absoluteFill} onPress={onDismiss}/>
|
|
37
|
+
|
|
38
|
+
<View style={[styles.anchor, { top, left, width: MENU_WIDTH }]} pointerEvents='box-none'>
|
|
39
|
+
{reactions && reactions.emojis.length > 0 && (<View style={styles.reactionPill}>
|
|
40
|
+
{reactions.emojis.map(emoji => (<Pressable key={emoji} onPress={() => handleReaction(emoji)} style={({ pressed }) => [styles.reactionButton, pressed && styles.pressed]}>
|
|
41
|
+
<Text style={styles.reactionEmoji}>{emoji}</Text>
|
|
42
|
+
</Pressable>))}
|
|
43
|
+
</View>)}
|
|
44
|
+
|
|
45
|
+
<View style={styles.menu}>
|
|
46
|
+
{items.map((item, index) => (<Pressable key={`${item.label}-${index}`} onPress={() => handlePress(item.onPress)} style={({ pressed }) => [
|
|
47
|
+
styles.row,
|
|
48
|
+
index > 0 && styles.rowDivider,
|
|
49
|
+
pressed && styles.pressed,
|
|
50
|
+
]}>
|
|
51
|
+
<Text style={[styles.rowLabel, item.destructive && styles.destructive]} numberOfLines={1}>
|
|
52
|
+
{item.label}
|
|
53
|
+
</Text>
|
|
54
|
+
{item.icon?.({
|
|
55
|
+
color: item.destructive ? styles.destructive.color : styles.rowLabel.color,
|
|
56
|
+
size: 20,
|
|
57
|
+
})}
|
|
58
|
+
</Pressable>))}
|
|
59
|
+
</View>
|
|
60
|
+
</View>
|
|
61
|
+
</Modal>);
|
|
62
|
+
};
|
|
63
|
+
const createStyles = (theme) => StyleSheet.create({
|
|
64
|
+
anchor: {
|
|
65
|
+
position: 'absolute',
|
|
66
|
+
},
|
|
67
|
+
reactionPill: {
|
|
68
|
+
flexDirection: 'row',
|
|
69
|
+
alignSelf: 'flex-start',
|
|
70
|
+
backgroundColor: theme.colors.surface,
|
|
71
|
+
borderRadius: 24,
|
|
72
|
+
paddingHorizontal: 6,
|
|
73
|
+
paddingVertical: 4,
|
|
74
|
+
marginBottom: VERTICAL_OFFSET,
|
|
75
|
+
shadowColor: '#000',
|
|
76
|
+
shadowOffset: { width: 0, height: 4 },
|
|
77
|
+
shadowOpacity: 0.15,
|
|
78
|
+
shadowRadius: 12,
|
|
79
|
+
elevation: 8,
|
|
80
|
+
},
|
|
81
|
+
reactionButton: {
|
|
82
|
+
width: 40,
|
|
83
|
+
height: 40,
|
|
84
|
+
alignItems: 'center',
|
|
85
|
+
justifyContent: 'center',
|
|
86
|
+
},
|
|
87
|
+
reactionEmoji: {
|
|
88
|
+
fontSize: 24,
|
|
89
|
+
},
|
|
90
|
+
menu: {
|
|
91
|
+
backgroundColor: theme.colors.surface,
|
|
92
|
+
borderRadius: 14,
|
|
93
|
+
overflow: 'hidden',
|
|
94
|
+
shadowColor: '#000',
|
|
95
|
+
shadowOffset: { width: 0, height: 4 },
|
|
96
|
+
shadowOpacity: 0.15,
|
|
97
|
+
shadowRadius: 12,
|
|
98
|
+
elevation: 8,
|
|
99
|
+
},
|
|
100
|
+
row: {
|
|
101
|
+
height: ROW_HEIGHT,
|
|
102
|
+
flexDirection: 'row',
|
|
103
|
+
alignItems: 'center',
|
|
104
|
+
justifyContent: 'space-between',
|
|
105
|
+
paddingHorizontal: 16,
|
|
106
|
+
},
|
|
107
|
+
rowDivider: {
|
|
108
|
+
borderTopWidth: StyleSheet.hairlineWidth,
|
|
109
|
+
borderTopColor: theme.colors.separator,
|
|
110
|
+
},
|
|
111
|
+
pressed: {
|
|
112
|
+
backgroundColor: theme.colors.reactionBackground,
|
|
113
|
+
},
|
|
114
|
+
rowLabel: {
|
|
115
|
+
fontSize: 16,
|
|
116
|
+
color: theme.colors.incomingText,
|
|
117
|
+
},
|
|
118
|
+
destructive: {
|
|
119
|
+
color: theme.colors.error,
|
|
120
|
+
},
|
|
121
|
+
});
|
|
122
|
+
//# sourceMappingURL=ContextMenu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ContextMenu.js","sourceRoot":"","sources":["../../src/components/ContextMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { IconName } from '../Icons';
|
|
3
|
+
export interface IconProps {
|
|
4
|
+
name: IconName;
|
|
5
|
+
color: string;
|
|
6
|
+
size: number;
|
|
7
|
+
/** Drawn fallback, used only when react-native-svg is not installed. */
|
|
8
|
+
fallback: React.ReactNode;
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* Resolves an icon in priority order:
|
|
12
|
+
* 1. a consumer override from the `icons` registry (e.g. lucide-react-native),
|
|
13
|
+
* 2. the built-in Lucide glyph (rendered via react-native-svg),
|
|
14
|
+
* 3. the dependency-free drawn `fallback` when react-native-svg is absent.
|
|
15
|
+
*/
|
|
16
|
+
export declare const Icon: ({ name, color, size, fallback }: IconProps) => React.ReactElement;
|
|
17
|
+
//# sourceMappingURL=Icon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/components/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAGnC,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,QAAQ,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,wEAAwE;IACxE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED;;;;;GAKG;AACH,eAAO,MAAM,IAAI,GAAI,iCAAiC,SAAS,KAAG,KAAK,CAAC,YAWvE,CAAA"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { useIcons } from '../hooks/useIcons';
|
|
3
|
+
import { LucideIcon, isSvgAvailable } from './LucideIcon';
|
|
4
|
+
/**
|
|
5
|
+
* Resolves an icon in priority order:
|
|
6
|
+
* 1. a consumer override from the `icons` registry (e.g. lucide-react-native),
|
|
7
|
+
* 2. the built-in Lucide glyph (rendered via react-native-svg),
|
|
8
|
+
* 3. the dependency-free drawn `fallback` when react-native-svg is absent.
|
|
9
|
+
*/
|
|
10
|
+
export const Icon = ({ name, color, size, fallback }) => {
|
|
11
|
+
const icons = useIcons();
|
|
12
|
+
const render = icons[name];
|
|
13
|
+
if (render)
|
|
14
|
+
return <>{render({ color, size })}</>;
|
|
15
|
+
if (isSvgAvailable)
|
|
16
|
+
return <LucideIcon name={name} color={color} size={size}/>;
|
|
17
|
+
return <>{fallback}</>;
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=Icon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../src/components/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5C,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAUzD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAa,EAAsB,EAAE;IACrF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,CAAA;IAE1B,IAAI,MAAM;QACR,OAAO,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,CAAA;IAEvC,IAAI,cAAc;QAChB,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAG,CAAA;IAE7D,OAAO,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAA;AACxB,CAAC,CAAA"}
|