@unif/react-native-chat 3.0.0 → 3.2.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/lib/module/components/Composer/Composer.js +12 -7
- package/lib/module/components/Composer/Composer.js.map +1 -1
- package/lib/module/components/Composer/ComposerIconAction.js +2 -2
- package/lib/module/components/Composer/ComposerIconAction.js.map +1 -1
- package/lib/module/components/Composer/ComposerVoiceWave.js +44 -0
- package/lib/module/components/Composer/ComposerVoiceWave.js.map +1 -0
- package/lib/module/components/Composer/constants.js +20 -1
- package/lib/module/components/Composer/constants.js.map +1 -1
- package/lib/module/components/Composer/styles.js +30 -3
- package/lib/module/components/Composer/styles.js.map +1 -1
- package/lib/module/components/Message/MarkdownContent/MarkdownContent.js +9 -3
- package/lib/module/components/Message/MarkdownContent/MarkdownContent.js.map +1 -1
- package/lib/module/components/Message/MarkdownContent/styles.js +21 -11
- package/lib/module/components/Message/MarkdownContent/styles.js.map +1 -1
- package/lib/module/components/Message/Message.js +16 -4
- package/lib/module/components/Message/Message.js.map +1 -1
- package/lib/module/components/Message/styles.js +20 -14
- package/lib/module/components/Message/styles.js.map +1 -1
- package/lib/module/components/MessageList/MessageList.js +29 -8
- package/lib/module/components/MessageList/MessageList.js.map +1 -1
- package/lib/module/components/MessageList/styles.js +14 -4
- package/lib/module/components/MessageList/styles.js.map +1 -1
- package/lib/module/components/Process/Process.js +11 -3
- package/lib/module/components/Process/Process.js.map +1 -1
- package/lib/module/components/Process/ProcessCompactStep.js +81 -0
- package/lib/module/components/Process/ProcessCompactStep.js.map +1 -0
- package/lib/module/components/Process/styles.js +31 -1
- package/lib/module/components/Process/styles.js.map +1 -1
- package/lib/typescript/src/components/Composer/Composer.d.ts.map +1 -1
- package/lib/typescript/src/components/Composer/ComposerIconAction.d.ts.map +1 -1
- package/lib/typescript/src/components/Composer/ComposerVoiceWave.d.ts +2 -0
- package/lib/typescript/src/components/Composer/ComposerVoiceWave.d.ts.map +1 -0
- package/lib/typescript/src/components/Composer/constants.d.ts +29 -0
- package/lib/typescript/src/components/Composer/constants.d.ts.map +1 -1
- package/lib/typescript/src/components/Composer/styles.d.ts +27 -0
- package/lib/typescript/src/components/Composer/styles.d.ts.map +1 -1
- package/lib/typescript/src/components/Message/MarkdownContent/MarkdownContent.d.ts +1 -1
- package/lib/typescript/src/components/Message/MarkdownContent/MarkdownContent.d.ts.map +1 -1
- package/lib/typescript/src/components/Message/MarkdownContent/styles.d.ts +104 -0
- package/lib/typescript/src/components/Message/MarkdownContent/styles.d.ts.map +1 -1
- package/lib/typescript/src/components/Message/MarkdownContent/types.d.ts +1 -0
- package/lib/typescript/src/components/Message/MarkdownContent/types.d.ts.map +1 -1
- package/lib/typescript/src/components/Message/Message.d.ts.map +1 -1
- package/lib/typescript/src/components/Message/styles.d.ts +11 -5
- package/lib/typescript/src/components/Message/styles.d.ts.map +1 -1
- package/lib/typescript/src/components/MessageList/MessageList.d.ts +1 -1
- package/lib/typescript/src/components/MessageList/MessageList.d.ts.map +1 -1
- package/lib/typescript/src/components/MessageList/styles.d.ts +26 -1
- package/lib/typescript/src/components/MessageList/styles.d.ts.map +1 -1
- package/lib/typescript/src/components/MessageList/types.d.ts +6 -2
- package/lib/typescript/src/components/MessageList/types.d.ts.map +1 -1
- package/lib/typescript/src/components/Process/Process.d.ts.map +1 -1
- package/lib/typescript/src/components/Process/ProcessCompactStep.d.ts +3 -0
- package/lib/typescript/src/components/Process/ProcessCompactStep.d.ts.map +1 -0
- package/lib/typescript/src/components/Process/styles.d.ts +30 -0
- package/lib/typescript/src/components/Process/styles.d.ts.map +1 -1
- package/lib/typescript/src/components/Process/types.d.ts +8 -0
- package/lib/typescript/src/components/Process/types.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/components/Composer/Composer.tsx +21 -14
- package/src/components/Composer/ComposerIconAction.tsx +6 -1
- package/src/components/Composer/ComposerVoiceWave.tsx +67 -0
- package/src/components/Composer/constants.ts +14 -1
- package/src/components/Composer/styles.ts +23 -2
- package/src/components/Message/MarkdownContent/MarkdownContent.tsx +15 -3
- package/src/components/Message/MarkdownContent/styles.ts +23 -11
- package/src/components/Message/MarkdownContent/types.ts +1 -0
- package/src/components/Message/Message.tsx +46 -15
- package/src/components/Message/styles.ts +23 -12
- package/src/components/MessageList/MessageList.tsx +33 -12
- package/src/components/MessageList/styles.ts +22 -6
- package/src/components/MessageList/types.ts +6 -2
- package/src/components/Process/Process.tsx +17 -3
- package/src/components/Process/ProcessCompactStep.tsx +110 -0
- package/src/components/Process/styles.ts +27 -1
- package/src/components/Process/types.ts +9 -0
|
@@ -6,15 +6,14 @@ export const createStyles = colors => StyleSheet.create({
|
|
|
6
6
|
root: {
|
|
7
7
|
flexDirection: 'row',
|
|
8
8
|
alignItems: 'flex-start',
|
|
9
|
-
gap: space[
|
|
10
|
-
minWidth: 0
|
|
11
|
-
paddingVertical: space[2]
|
|
9
|
+
gap: space[3],
|
|
10
|
+
minWidth: 0
|
|
12
11
|
},
|
|
13
12
|
end: {
|
|
14
13
|
flexDirection: 'row-reverse'
|
|
15
14
|
},
|
|
16
15
|
column: {
|
|
17
|
-
|
|
16
|
+
flex: 1,
|
|
18
17
|
maxWidth: '100%',
|
|
19
18
|
gap: space[1],
|
|
20
19
|
alignItems: 'flex-start'
|
|
@@ -23,25 +22,30 @@ export const createStyles = colors => StyleSheet.create({
|
|
|
23
22
|
alignItems: 'flex-end'
|
|
24
23
|
},
|
|
25
24
|
fullWidth: {
|
|
26
|
-
|
|
27
|
-
|
|
25
|
+
alignSelf: 'stretch',
|
|
26
|
+
maxWidth: '100%'
|
|
28
27
|
},
|
|
29
28
|
content: {
|
|
30
29
|
minWidth: 0,
|
|
31
|
-
maxWidth: '
|
|
30
|
+
maxWidth: '78%',
|
|
32
31
|
gap: space[2]
|
|
33
32
|
},
|
|
34
33
|
bubble: {
|
|
35
|
-
|
|
36
|
-
|
|
34
|
+
paddingHorizontal: space[5],
|
|
35
|
+
paddingVertical: space[4],
|
|
36
|
+
borderRadius: radius['2xl'],
|
|
37
37
|
backgroundColor: colors.surface
|
|
38
38
|
},
|
|
39
39
|
outgoing: {
|
|
40
|
-
backgroundColor: colors.
|
|
40
|
+
backgroundColor: colors.primary
|
|
41
|
+
},
|
|
42
|
+
outgoingText: {
|
|
43
|
+
color: colors.onPrimary
|
|
41
44
|
},
|
|
42
45
|
outlined: {
|
|
43
|
-
|
|
44
|
-
|
|
46
|
+
paddingHorizontal: space[5],
|
|
47
|
+
paddingVertical: space[4],
|
|
48
|
+
borderRadius: radius['2xl'],
|
|
45
49
|
borderWidth: 1,
|
|
46
50
|
borderColor: colors.outline
|
|
47
51
|
},
|
|
@@ -50,7 +54,8 @@ export const createStyles = colors => StyleSheet.create({
|
|
|
50
54
|
borderColor: colors.error
|
|
51
55
|
},
|
|
52
56
|
text: {
|
|
53
|
-
fontSize: type.
|
|
57
|
+
fontSize: type.sm,
|
|
58
|
+
lineHeight: type.sm * 1.5,
|
|
54
59
|
color: colors.foreground
|
|
55
60
|
},
|
|
56
61
|
name: {
|
|
@@ -67,7 +72,8 @@ export const createStyles = colors => StyleSheet.create({
|
|
|
67
72
|
actions: {
|
|
68
73
|
flexDirection: 'row',
|
|
69
74
|
flexWrap: 'wrap',
|
|
70
|
-
gap: space[
|
|
75
|
+
gap: space[1],
|
|
76
|
+
marginTop: space[1]
|
|
71
77
|
}
|
|
72
78
|
});
|
|
73
79
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","radius","space","type","createStyles","colors","create","root","flexDirection","alignItems","gap","minWidth","
|
|
1
|
+
{"version":3,"names":["StyleSheet","radius","space","type","createStyles","colors","create","root","flexDirection","alignItems","gap","minWidth","end","column","flex","maxWidth","columnEnd","fullWidth","alignSelf","content","bubble","paddingHorizontal","paddingVertical","borderRadius","backgroundColor","surface","outgoing","primary","outgoingText","color","onPrimary","outlined","borderWidth","borderColor","outline","failed","error","text","fontSize","sm","lineHeight","foreground","name","foregroundMuted","status","errorText","actions","flexWrap","marginTop"],"sourceRoot":"../../../../src","sources":["components/Message/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,MAAM,EAAEC,KAAK,EAAEC,IAAI,QAAQ,2BAA2B;AAG/D,OAAO,MAAMC,YAAY,GAAIC,MAAmB,IAC9CL,UAAU,CAACM,MAAM,CAAC;EAChBC,IAAI,EAAE;IACJC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,YAAY;IACxBC,GAAG,EAAER,KAAK,CAAC,CAAC,CAAC;IACbS,QAAQ,EAAE;EACZ,CAAC;EACDC,GAAG,EAAE;IAAEJ,aAAa,EAAE;EAAc,CAAC;EACrCK,MAAM,EAAE;IACNC,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,MAAM;IAChBL,GAAG,EAAER,KAAK,CAAC,CAAC,CAAC;IACbO,UAAU,EAAE;EACd,CAAC;EACDO,SAAS,EAAE;IAAEP,UAAU,EAAE;EAAW,CAAC;EACrCQ,SAAS,EAAE;IAAEC,SAAS,EAAE,SAAS;IAAEH,QAAQ,EAAE;EAAO,CAAC;EACrDI,OAAO,EAAE;IAAER,QAAQ,EAAE,CAAC;IAAEI,QAAQ,EAAE,KAAK;IAAEL,GAAG,EAAER,KAAK,CAAC,CAAC;EAAE,CAAC;EACxDkB,MAAM,EAAE;IACNC,iBAAiB,EAAEnB,KAAK,CAAC,CAAC,CAAC;IAC3BoB,eAAe,EAAEpB,KAAK,CAAC,CAAC,CAAC;IACzBqB,YAAY,EAAEtB,MAAM,CAAC,KAAK,CAAC;IAC3BuB,eAAe,EAAEnB,MAAM,CAACoB;EAC1B,CAAC;EACDC,QAAQ,EAAE;IAAEF,eAAe,EAAEnB,MAAM,CAACsB;EAAQ,CAAC;EAC7CC,YAAY,EAAE;IAAEC,KAAK,EAAExB,MAAM,CAACyB;EAAU,CAAC;EACzCC,QAAQ,EAAE;IACRV,iBAAiB,EAAEnB,KAAK,CAAC,CAAC,CAAC;IAC3BoB,eAAe,EAAEpB,KAAK,CAAC,CAAC,CAAC;IACzBqB,YAAY,EAAEtB,MAAM,CAAC,KAAK,CAAC;IAC3B+B,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE5B,MAAM,CAAC6B;EACtB,CAAC;EACDC,MAAM,EAAE;IAAEH,WAAW,EAAE,CAAC;IAAEC,WAAW,EAAE5B,MAAM,CAAC+B;EAAM,CAAC;EACrDC,IAAI,EAAE;IACJC,QAAQ,EAAEnC,IAAI,CAACoC,EAAE;IACjBC,UAAU,EAAErC,IAAI,CAACoC,EAAE,GAAG,GAAG;IACzBV,KAAK,EAAExB,MAAM,CAACoC;EAChB,CAAC;EACDC,IAAI,EAAE;IAAEJ,QAAQ,EAAEnC,IAAI,CAACoC,EAAE;IAAEV,KAAK,EAAExB,MAAM,CAACsC;EAAgB,CAAC;EAC1DC,MAAM,EAAE;IAAEN,QAAQ,EAAEnC,IAAI,CAACoC,EAAE;IAAEV,KAAK,EAAExB,MAAM,CAACsC;EAAgB,CAAC;EAC5DE,SAAS,EAAE;IAAEhB,KAAK,EAAExB,MAAM,CAAC+B;EAAM,CAAC;EAClCU,OAAO,EAAE;IACPtC,aAAa,EAAE,KAAK;IACpBuC,QAAQ,EAAE,MAAM;IAChBrC,GAAG,EAAER,KAAK,CAAC,CAAC,CAAC;IACb8C,SAAS,EAAE9C,KAAK,CAAC,CAAC;EACpB;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
import { useCallback, useImperativeHandle, useMemo, useRef } from 'react';
|
|
4
4
|
import { FlatList, View } from 'react-native';
|
|
5
|
-
import { Button } from '@unif/react-native-design';
|
|
5
|
+
import { Button, IconButton, Spinner, useThemedStyles } from '@unif/react-native-design';
|
|
6
6
|
import { DEFAULT_END_THRESHOLD } from "./constants.js";
|
|
7
|
-
import {
|
|
7
|
+
import { createStyles } from "./styles.js";
|
|
8
8
|
import { useWebPrependAnchor } from "./webPrependAnchor/index.js";
|
|
9
9
|
import { useMessageListScroll } from "./useMessageListScroll.js";
|
|
10
10
|
import { MessageListRow } from "./MessageListRow.js";
|
|
11
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
11
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
12
12
|
const MAINTAIN_VISIBLE_POSITION = {
|
|
13
13
|
minIndexForVisible: 0
|
|
14
14
|
};
|
|
@@ -25,15 +25,19 @@ export function MessageList({
|
|
|
25
25
|
followOutput = 'whenAtEnd',
|
|
26
26
|
endThreshold = DEFAULT_END_THRESHOLD,
|
|
27
27
|
showScrollToEnd = true,
|
|
28
|
+
scrollToEndBusy = false,
|
|
28
29
|
onAtEndChange,
|
|
29
30
|
hasEarlier = false,
|
|
30
31
|
loadingEarlier = false,
|
|
31
32
|
onRequestEarlier,
|
|
32
33
|
keyboardDismissMode = 'on-drag',
|
|
34
|
+
contentContainerStyle,
|
|
35
|
+
showsVerticalScrollIndicator = false,
|
|
33
36
|
style,
|
|
34
37
|
testID,
|
|
35
38
|
ref
|
|
36
39
|
}) {
|
|
40
|
+
const styles = useThemedStyles(createStyles);
|
|
37
41
|
const listRef = useRef(null);
|
|
38
42
|
const keys = useMemo(() => items.map(keyExtractor), [items, keyExtractor]);
|
|
39
43
|
const {
|
|
@@ -92,7 +96,7 @@ export function MessageList({
|
|
|
92
96
|
const listFooter = useMemo(() => footer ? /*#__PURE__*/_jsx(View, {
|
|
93
97
|
children: footer
|
|
94
98
|
}) : undefined, [footer]);
|
|
95
|
-
const listEmpty = useMemo(() => empty ? /*#__PURE__*/_jsx(
|
|
99
|
+
const listEmpty = useMemo(() => empty ? /*#__PURE__*/_jsx(_Fragment, {
|
|
96
100
|
children: empty
|
|
97
101
|
}) : undefined, [empty]);
|
|
98
102
|
return /*#__PURE__*/_jsxs(View, {
|
|
@@ -111,6 +115,8 @@ export function MessageList({
|
|
|
111
115
|
ListEmptyComponent: listEmpty,
|
|
112
116
|
maintainVisibleContentPosition: MAINTAIN_VISIBLE_POSITION,
|
|
113
117
|
keyboardDismissMode: keyboardDismissMode,
|
|
118
|
+
contentContainerStyle: contentContainerStyle,
|
|
119
|
+
showsVerticalScrollIndicator: showsVerticalScrollIndicator,
|
|
114
120
|
keyboardShouldPersistTaps: "handled",
|
|
115
121
|
scrollEventThrottle: 16,
|
|
116
122
|
onLayout: onLayout,
|
|
@@ -120,11 +126,26 @@ export function MessageList({
|
|
|
120
126
|
onMomentumScrollBegin: onUserScrollBegin,
|
|
121
127
|
onScrollEndDrag: onScrollEndDrag,
|
|
122
128
|
onMomentumScrollEnd: onMomentumScrollEnd
|
|
123
|
-
}), showScrollToEnd && items.length > 0 && !atEnd ? /*#__PURE__*/
|
|
124
|
-
label: "\u56DE\u5230\u6700\u65B0\u6D88\u606F",
|
|
125
|
-
variant: "secondary",
|
|
129
|
+
}), showScrollToEnd && items.length > 0 && !atEnd ? /*#__PURE__*/_jsxs(View, {
|
|
126
130
|
style: styles.returnToEnd,
|
|
127
|
-
|
|
131
|
+
pointerEvents: "box-none",
|
|
132
|
+
children: [scrollToEndBusy ? /*#__PURE__*/_jsx(View, {
|
|
133
|
+
style: styles.returnProgress,
|
|
134
|
+
pointerEvents: "none",
|
|
135
|
+
children: /*#__PURE__*/_jsx(Spinner, {
|
|
136
|
+
size: 44,
|
|
137
|
+
thickness: 2
|
|
138
|
+
})
|
|
139
|
+
}) : null, /*#__PURE__*/_jsx(IconButton, {
|
|
140
|
+
icon: "arrow-down",
|
|
141
|
+
accessibilityLabel: scrollToEndBusy ? '回到最新消息,正在处理' : '回到最新消息',
|
|
142
|
+
variant: "ghost",
|
|
143
|
+
size: "md",
|
|
144
|
+
surfaceSize: 36,
|
|
145
|
+
iconSize: 18,
|
|
146
|
+
style: styles.returnButton,
|
|
147
|
+
onPress: () => scrollToEnd()
|
|
148
|
+
})]
|
|
128
149
|
}) : null]
|
|
129
150
|
});
|
|
130
151
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useCallback","useImperativeHandle","useMemo","useRef","FlatList","View","Button","DEFAULT_END_THRESHOLD","
|
|
1
|
+
{"version":3,"names":["useCallback","useImperativeHandle","useMemo","useRef","FlatList","View","Button","IconButton","Spinner","useThemedStyles","DEFAULT_END_THRESHOLD","createStyles","useWebPrependAnchor","useMessageListScroll","MessageListRow","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","MAINTAIN_VISIBLE_POSITION","minIndexForVisible","MessageList","items","keyExtractor","renderItem","extraData","header","footer","empty","renderSeparator","initialPosition","followOutput","endThreshold","showScrollToEnd","scrollToEndBusy","onAtEndChange","hasEarlier","loadingEarlier","onRequestEarlier","keyboardDismissMode","contentContainerStyle","showsVerticalScrollIndicator","style","testID","ref","styles","listRef","keys","map","getRowNativeID","preservingPrependRef","cancelPrependPreservation","itemsIdentity","atEnd","scrollToEnd","onLayout","onContentSizeChange","onScroll","onUserScrollBegin","onScrollEndDrag","onMomentumScrollEnd","renderRow","item","index","previous","undefined","nativeID","history","hasHeader","Boolean","listHeader","children","label","variant","loading","onPress","listFooter","listEmpty","root","list","data","ListHeaderComponent","ListFooterComponent","ListEmptyComponent","maintainVisibleContentPosition","keyboardShouldPersistTaps","scrollEventThrottle","onScrollBeginDrag","onMomentumScrollBegin","length","returnToEnd","pointerEvents","returnProgress","size","thickness","icon","accessibilityLabel","surfaceSize","iconSize","returnButton"],"sourceRoot":"../../../../src","sources":["components/MessageList/MessageList.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { StyleSheet } from 'react-native';
|
|
4
|
-
|
|
5
|
-
export const styles = StyleSheet.create({
|
|
4
|
+
export const createStyles = (colors, shadows) => StyleSheet.create({
|
|
6
5
|
root: {
|
|
7
6
|
flex: 1,
|
|
8
7
|
minHeight: 0,
|
|
@@ -13,8 +12,19 @@ export const styles = StyleSheet.create({
|
|
|
13
12
|
},
|
|
14
13
|
returnToEnd: {
|
|
15
14
|
position: 'absolute',
|
|
16
|
-
bottom:
|
|
17
|
-
alignSelf: 'center'
|
|
15
|
+
bottom: 0,
|
|
16
|
+
alignSelf: 'center',
|
|
17
|
+
width: 44,
|
|
18
|
+
height: 44,
|
|
19
|
+
alignItems: 'center',
|
|
20
|
+
justifyContent: 'center'
|
|
21
|
+
},
|
|
22
|
+
returnProgress: StyleSheet.absoluteFill,
|
|
23
|
+
returnButton: {
|
|
24
|
+
alignSelf: 'center',
|
|
25
|
+
borderRadius: 18,
|
|
26
|
+
backgroundColor: colors.surface,
|
|
27
|
+
...shadows.card
|
|
18
28
|
}
|
|
19
29
|
});
|
|
20
30
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","
|
|
1
|
+
{"version":3,"names":["StyleSheet","createStyles","colors","shadows","create","root","flex","minHeight","minWidth","list","returnToEnd","position","bottom","alignSelf","width","height","alignItems","justifyContent","returnProgress","absoluteFill","returnButton","borderRadius","backgroundColor","surface","card"],"sourceRoot":"../../../../src","sources":["components/MessageList/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,OAAO,MAAMC,YAAY,GAAGA,CAACC,MAAmB,EAAEC,OAAqB,KACrEH,UAAU,CAACI,MAAM,CAAC;EAChBC,IAAI,EAAE;IAAEC,IAAI,EAAE,CAAC;IAAEC,SAAS,EAAE,CAAC;IAAEC,QAAQ,EAAE;EAAE,CAAC;EAC5CC,IAAI,EAAE;IAAEH,IAAI,EAAE;EAAE,CAAC;EACjBI,WAAW,EAAE;IACXC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,SAAS,EAAE,QAAQ;IACnBC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDC,cAAc,EAAElB,UAAU,CAACmB,YAAY;EACvCC,YAAY,EAAE;IACZP,SAAS,EAAE,QAAQ;IACnBQ,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAEpB,MAAM,CAACqB,OAAO;IAC/B,GAAGpB,OAAO,CAACqB;EACb;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -5,6 +5,7 @@ import { Text, View } from 'react-native';
|
|
|
5
5
|
import { Button, Icon, useColors, useThemedStyles } from '@unif/react-native-design';
|
|
6
6
|
import { PROCESS_STATUS_ICONS, PROCESS_STATUS_LABELS } from "./constants.js";
|
|
7
7
|
import { createStyles } from "./styles.js";
|
|
8
|
+
import { ProcessCompactStep } from "./ProcessCompactStep.js";
|
|
8
9
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
9
10
|
function idsWithDetails(ids, steps) {
|
|
10
11
|
const availableIds = new Set(steps.filter(step => step.details != null).map(step => step.id));
|
|
@@ -31,7 +32,8 @@ export function Process(props) {
|
|
|
31
32
|
title,
|
|
32
33
|
identity,
|
|
33
34
|
style,
|
|
34
|
-
testID
|
|
35
|
+
testID,
|
|
36
|
+
variant = 'card'
|
|
35
37
|
} = props;
|
|
36
38
|
const styles = useThemedStyles(createStyles);
|
|
37
39
|
const colors = useColors();
|
|
@@ -49,7 +51,7 @@ export function Process(props) {
|
|
|
49
51
|
props.onExpandedChange?.(nextIds);
|
|
50
52
|
};
|
|
51
53
|
return /*#__PURE__*/_jsxs(View, {
|
|
52
|
-
style: [styles.root, style],
|
|
54
|
+
style: [variant === 'compact' ? styles.compactRoot : styles.root, style],
|
|
53
55
|
testID: testID,
|
|
54
56
|
children: [title || identity ? /*#__PURE__*/_jsxs(View, {
|
|
55
57
|
style: styles.heading,
|
|
@@ -58,11 +60,17 @@ export function Process(props) {
|
|
|
58
60
|
children: title
|
|
59
61
|
}) : null]
|
|
60
62
|
}) : null, /*#__PURE__*/_jsx(View, {
|
|
61
|
-
style: styles.steps,
|
|
63
|
+
style: variant === 'compact' ? styles.compactSteps : styles.steps,
|
|
62
64
|
children: steps.map((step, index) => {
|
|
63
65
|
const statusLabel = PROCESS_STATUS_LABELS[step.status];
|
|
64
66
|
const elapsed = formatElapsedMs(step.elapsedMs);
|
|
65
67
|
const isExpanded = expandedIds.includes(step.id);
|
|
68
|
+
if (variant === 'compact') return /*#__PURE__*/_jsx(ProcessCompactStep, {
|
|
69
|
+
step: step,
|
|
70
|
+
expanded: isExpanded,
|
|
71
|
+
elapsed: elapsed,
|
|
72
|
+
onToggle: () => toggleDetails(step.id)
|
|
73
|
+
}, step.id);
|
|
66
74
|
return /*#__PURE__*/_jsxs(View, {
|
|
67
75
|
style: [styles.step, index === steps.length - 1 && styles.stepLast],
|
|
68
76
|
children: [/*#__PURE__*/_jsxs(View, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useEffect","useState","Text","View","Button","Icon","useColors","useThemedStyles","PROCESS_STATUS_ICONS","PROCESS_STATUS_LABELS","createStyles","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","idsWithDetails","ids","steps","availableIds","Set","filter","step","details","map","id","has","formatElapsedMs","elapsedMs","undefined","Number","isFinite","Math","round","roundedSeconds","formatted","isInteger","String","toFixed","totalSeconds","minutes","floor","remainingSeconds","Process","props","title","identity","style","testID","styles","colors","isControlled","expandedIds","localExpandedIds","setLocalExpandedIds","defaultExpandedIds","current","toggleDetails","stepId","nextIds","includes","onExpandedChange","root","children","heading","headingTitle","index","statusLabel","status","elapsed","isExpanded","length","stepLast","stepHeader","stepTitle","accessible","accessibilityLabel","name","color","error","success","foregroundMuted","statusText","description","label","onPress","size","
|
|
1
|
+
{"version":3,"names":["useEffect","useState","Text","View","Button","Icon","useColors","useThemedStyles","PROCESS_STATUS_ICONS","PROCESS_STATUS_LABELS","createStyles","ProcessCompactStep","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","idsWithDetails","ids","steps","availableIds","Set","filter","step","details","map","id","has","formatElapsedMs","elapsedMs","undefined","Number","isFinite","Math","round","roundedSeconds","formatted","isInteger","String","toFixed","totalSeconds","minutes","floor","remainingSeconds","Process","props","title","identity","style","testID","variant","styles","colors","isControlled","expandedIds","localExpandedIds","setLocalExpandedIds","defaultExpandedIds","current","toggleDetails","stepId","nextIds","includes","onExpandedChange","compactRoot","root","children","heading","headingTitle","compactSteps","index","statusLabel","status","elapsed","isExpanded","expanded","onToggle","length","stepLast","stepHeader","stepTitle","accessible","accessibilityLabel","name","color","error","success","foregroundMuted","statusText","description","label","onPress","size","actions","action","leftIcon","icon","disabled","loading","accessibilityHint"],"sourceRoot":"../../../../src","sources":["components/Process/Process.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { Pressable, ScrollView, Text, View } from 'react-native';
|
|
4
|
+
import { Button, Icon, Pulse, Reveal, pressedOpacity, r, useColors, useThemedStyles } from '@unif/react-native-design';
|
|
5
|
+
import { PROCESS_STATUS_ICONS, PROCESS_STATUS_LABELS } from "./constants.js";
|
|
6
|
+
import { createStyles } from "./styles.js";
|
|
7
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
|
+
export function ProcessCompactStep({
|
|
9
|
+
step,
|
|
10
|
+
expanded,
|
|
11
|
+
elapsed,
|
|
12
|
+
onToggle
|
|
13
|
+
}) {
|
|
14
|
+
const styles = useThemedStyles(createStyles);
|
|
15
|
+
const colors = useColors();
|
|
16
|
+
const hasDetails = step.details != null;
|
|
17
|
+
const running = step.status === 'running';
|
|
18
|
+
const color = running ? colors.primary : step.status === 'completed' ? colors.success : step.status === 'failed' ? colors.error : colors.foregroundMuted;
|
|
19
|
+
const icon = /*#__PURE__*/_jsx(Icon, {
|
|
20
|
+
name: running || step.status === 'completed' ? 'spark' : PROCESS_STATUS_ICONS[step.status],
|
|
21
|
+
size: r(14),
|
|
22
|
+
color: color
|
|
23
|
+
});
|
|
24
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
25
|
+
children: [/*#__PURE__*/_jsxs(Pressable, {
|
|
26
|
+
testID: `process-step-${step.id}-toggle`,
|
|
27
|
+
accessible: true,
|
|
28
|
+
accessibilityRole: hasDetails ? 'button' : undefined,
|
|
29
|
+
accessibilityLabel: `${step.title},${PROCESS_STATUS_LABELS[step.status]}${elapsed ? `,${elapsed}` : ''}`,
|
|
30
|
+
accessibilityState: hasDetails ? {
|
|
31
|
+
expanded
|
|
32
|
+
} : undefined,
|
|
33
|
+
disabled: !hasDetails,
|
|
34
|
+
onPress: onToggle,
|
|
35
|
+
style: ({
|
|
36
|
+
pressed
|
|
37
|
+
}) => [styles.compactHeader, pressed && {
|
|
38
|
+
opacity: pressedOpacity
|
|
39
|
+
}],
|
|
40
|
+
children: [running ? /*#__PURE__*/_jsx(Pulse, {
|
|
41
|
+
children: icon
|
|
42
|
+
}) : icon, /*#__PURE__*/_jsx(Text, {
|
|
43
|
+
style: styles.compactTitle,
|
|
44
|
+
testID: `process-step-title-${step.id}`,
|
|
45
|
+
numberOfLines: 1,
|
|
46
|
+
children: step.title
|
|
47
|
+
}), elapsed ? /*#__PURE__*/_jsx(Text, {
|
|
48
|
+
style: styles.elapsed,
|
|
49
|
+
children: elapsed
|
|
50
|
+
}) : null, hasDetails ? /*#__PURE__*/_jsx(Icon, {
|
|
51
|
+
name: expanded ? 'chevron-up' : 'chevron-down',
|
|
52
|
+
size: r(14),
|
|
53
|
+
color: colors.foregroundSubtle
|
|
54
|
+
}) : null]
|
|
55
|
+
}), step.description ? /*#__PURE__*/_jsx(Text, {
|
|
56
|
+
style: styles.compactDescription,
|
|
57
|
+
children: step.description
|
|
58
|
+
}) : null, hasDetails && expanded ? /*#__PURE__*/_jsx(Reveal, {
|
|
59
|
+
children: /*#__PURE__*/_jsx(ScrollView, {
|
|
60
|
+
testID: `process-step-${step.id}-details`,
|
|
61
|
+
style: styles.compactDetails,
|
|
62
|
+
nestedScrollEnabled: true,
|
|
63
|
+
keyboardShouldPersistTaps: "handled",
|
|
64
|
+
children: step.details
|
|
65
|
+
})
|
|
66
|
+
}) : null, step.actions?.length ? /*#__PURE__*/_jsx(View, {
|
|
67
|
+
style: styles.actions,
|
|
68
|
+
children: step.actions.map(action => /*#__PURE__*/_jsx(Button, {
|
|
69
|
+
label: action.label,
|
|
70
|
+
leftIcon: action.icon,
|
|
71
|
+
onPress: action.onPress,
|
|
72
|
+
disabled: action.disabled,
|
|
73
|
+
loading: action.loading,
|
|
74
|
+
accessibilityHint: action.accessibilityHint,
|
|
75
|
+
size: "sm",
|
|
76
|
+
variant: "text"
|
|
77
|
+
}, action.id))
|
|
78
|
+
}) : null]
|
|
79
|
+
});
|
|
80
|
+
}
|
|
81
|
+
//# sourceMappingURL=ProcessCompactStep.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Pressable","ScrollView","Text","View","Button","Icon","Pulse","Reveal","pressedOpacity","r","useColors","useThemedStyles","PROCESS_STATUS_ICONS","PROCESS_STATUS_LABELS","createStyles","jsx","_jsx","jsxs","_jsxs","ProcessCompactStep","step","expanded","elapsed","onToggle","styles","colors","hasDetails","details","running","status","color","primary","success","error","foregroundMuted","icon","name","size","children","testID","id","accessible","accessibilityRole","undefined","accessibilityLabel","title","accessibilityState","disabled","onPress","style","pressed","compactHeader","opacity","compactTitle","numberOfLines","foregroundSubtle","description","compactDescription","compactDetails","nestedScrollEnabled","keyboardShouldPersistTaps","actions","length","map","action","label","leftIcon","loading","accessibilityHint","variant"],"sourceRoot":"../../../../src","sources":["components/Process/ProcessCompactStep.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,8 +1,38 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { StyleSheet } from 'react-native';
|
|
4
|
-
import { fw, radius, space, type } from '@unif/react-native-design';
|
|
4
|
+
import { fw, r, radius, space, type } from '@unif/react-native-design';
|
|
5
5
|
export const createStyles = colors => StyleSheet.create({
|
|
6
|
+
compactRoot: {
|
|
7
|
+
gap: space[2]
|
|
8
|
+
},
|
|
9
|
+
compactSteps: {
|
|
10
|
+
gap: space[2]
|
|
11
|
+
},
|
|
12
|
+
compactHeader: {
|
|
13
|
+
flexDirection: 'row',
|
|
14
|
+
alignItems: 'center',
|
|
15
|
+
gap: space[2],
|
|
16
|
+
minHeight: 44,
|
|
17
|
+
paddingVertical: space[1]
|
|
18
|
+
},
|
|
19
|
+
compactTitle: {
|
|
20
|
+
flex: 1,
|
|
21
|
+
minWidth: 0,
|
|
22
|
+
color: colors.foregroundMuted,
|
|
23
|
+
fontSize: type.xs,
|
|
24
|
+
fontWeight: fw.medium
|
|
25
|
+
},
|
|
26
|
+
compactDescription: {
|
|
27
|
+
color: colors.foregroundMuted,
|
|
28
|
+
fontSize: type.xs,
|
|
29
|
+
lineHeight: type.xs * 1.6
|
|
30
|
+
},
|
|
31
|
+
compactDetails: {
|
|
32
|
+
maxHeight: r(180),
|
|
33
|
+
paddingTop: space[3],
|
|
34
|
+
paddingBottom: space[2]
|
|
35
|
+
},
|
|
6
36
|
root: {
|
|
7
37
|
gap: space[4],
|
|
8
38
|
padding: space[5],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","fw","radius","space","type","createStyles","colors","create","
|
|
1
|
+
{"version":3,"names":["StyleSheet","fw","r","radius","space","type","createStyles","colors","create","compactRoot","gap","compactSteps","compactHeader","flexDirection","alignItems","minHeight","paddingVertical","compactTitle","flex","minWidth","color","foregroundMuted","fontSize","xs","fontWeight","medium","compactDescription","lineHeight","compactDetails","maxHeight","paddingTop","paddingBottom","root","padding","borderRadius","xl","borderWidth","borderColor","outline","backgroundColor","surface","heading","headingTitle","foreground","h3","semi","steps","step","borderBottomWidth","hairlineWidth","borderBottomColor","stepLast","stepHeader","stepTitle","sm","status","statusText","xxs","description","elapsed","foregroundSubtle","details","md","surfaceContainer","actions","flexWrap"],"sourceRoot":"../../../../src","sources":["components/Process/styles.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Composer.d.ts","sourceRoot":"","sources":["../../../../../src/components/Composer/Composer.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"Composer.d.ts","sourceRoot":"","sources":["../../../../../src/components/Composer/Composer.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAYjE,OAAO,KAAK,EAAkB,aAAa,EAAE,MAAM,YAAS,CAAC;AAE7D,eAAO,MAAM,QAAQ,2GAgQpB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComposerIconAction.d.ts","sourceRoot":"","sources":["../../../../../src/components/Composer/ComposerIconAction.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ComposerIconAction.d.ts","sourceRoot":"","sources":["../../../../../src/components/Composer/ComposerIconAction.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAS,CAAC;AAEvD,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,KAAK,EACL,OAAO,EACP,QAAgB,EAChB,IAAY,EACZ,QAAQ,EACR,MAAe,GAChB,EAAE,uBAAuB,+BAwDzB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ComposerVoiceWave.d.ts","sourceRoot":"","sources":["../../../../../src/components/Composer/ComposerVoiceWave.tsx"],"names":[],"mappings":"AAYA,wBAAgB,iBAAiB,gCAsDhC"}
|
|
@@ -4,6 +4,35 @@ export declare const COMPOSER_PLAIN_VERTICAL_INSET: number;
|
|
|
4
4
|
export declare const COMPOSER_ACTION_VISUAL_SIZE = 34;
|
|
5
5
|
export declare const COMPOSER_ACTION_ICON_SIZE = 22;
|
|
6
6
|
export declare const COMPOSER_PRIMARY_ICON_SIZE = 18;
|
|
7
|
+
export declare const COMPOSER_CANCEL_ICON_SIZE = 20;
|
|
8
|
+
export declare const COMPOSER_VOICE_WAVE_COUNT = 5;
|
|
9
|
+
export declare const COMPOSER_VOICE_WAVE_STAGGER_MS = 90;
|
|
10
|
+
export declare const COMPOSER_VOICE_WAVE_GROUPS: readonly [{
|
|
11
|
+
readonly from: 6;
|
|
12
|
+
readonly to: 20;
|
|
13
|
+
readonly duration: 1100;
|
|
14
|
+
}, {
|
|
15
|
+
readonly from: 14;
|
|
16
|
+
readonly to: 5;
|
|
17
|
+
readonly duration: 1000;
|
|
18
|
+
}, {
|
|
19
|
+
readonly from: 8;
|
|
20
|
+
readonly to: 18;
|
|
21
|
+
readonly duration: 900;
|
|
22
|
+
}];
|
|
23
|
+
export declare const COMPOSER_VOICE_WAVE_PATTERN: ({
|
|
24
|
+
readonly from: 6;
|
|
25
|
+
readonly to: 20;
|
|
26
|
+
readonly duration: 1100;
|
|
27
|
+
} | {
|
|
28
|
+
readonly from: 14;
|
|
29
|
+
readonly to: 5;
|
|
30
|
+
readonly duration: 1000;
|
|
31
|
+
} | {
|
|
32
|
+
readonly from: 8;
|
|
33
|
+
readonly to: 18;
|
|
34
|
+
readonly duration: 900;
|
|
35
|
+
})[];
|
|
7
36
|
export declare const COMPOSER_MENU_ICON_CONTAINER_SIZE = 40;
|
|
8
37
|
export declare const COMPOSER_MENU_ICON_SIZE = 20;
|
|
9
38
|
export declare const PRIMARY_LABELS: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/components/Composer/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,0BAA0B,QAA8B,CAAC;AACtE,eAAO,MAAM,wBAAwB,IAAI,CAAC;AAC1C,eAAO,MAAM,6BAA6B,QAAe,CAAC;AAC1D,eAAO,MAAM,2BAA2B,KAAK,CAAC;AAC9C,eAAO,MAAM,yBAAyB,KAAK,CAAC;AAC5C,eAAO,MAAM,0BAA0B,KAAK,CAAC;AAC7C,eAAO,MAAM,iCAAiC,KAAK,CAAC;AACpD,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,cAAc;;;;CAIjB,CAAC;AACX,eAAO,MAAM,YAAY;;;;CAIf,CAAC"}
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/components/Composer/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,0BAA0B,QAA8B,CAAC;AACtE,eAAO,MAAM,wBAAwB,IAAI,CAAC;AAC1C,eAAO,MAAM,6BAA6B,QAAe,CAAC;AAC1D,eAAO,MAAM,2BAA2B,KAAK,CAAC;AAC9C,eAAO,MAAM,yBAAyB,KAAK,CAAC;AAC5C,eAAO,MAAM,0BAA0B,KAAK,CAAC;AAC7C,eAAO,MAAM,yBAAyB,KAAK,CAAC;AAC5C,eAAO,MAAM,yBAAyB,IAAI,CAAC;AAC3C,eAAO,MAAM,8BAA8B,KAAK,CAAC;AACjD,eAAO,MAAM,0BAA0B;;;;;;;;;;;;EAI7B,CAAC;AACX,eAAO,MAAM,2BAA2B;;;;;;;;;;;;IAIvC,CAAC;AACF,eAAO,MAAM,iCAAiC,KAAK,CAAC;AACpD,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,cAAc;;;;CAIjB,CAAC;AACX,eAAO,MAAM,YAAY;;;;CAIf,CAAC"}
|
|
@@ -21,6 +21,10 @@ export declare const createStyles: (colors: ColorTokens, shadows: ShadowTokens)
|
|
|
21
21
|
accessory: {
|
|
22
22
|
padding: number;
|
|
23
23
|
};
|
|
24
|
+
header: {
|
|
25
|
+
borderBottomWidth: number;
|
|
26
|
+
borderBottomColor: string;
|
|
27
|
+
};
|
|
24
28
|
regular: {
|
|
25
29
|
flexDirection: "row";
|
|
26
30
|
alignItems: "flex-end";
|
|
@@ -39,6 +43,8 @@ export declare const createStyles: (colors: ColorTokens, shadows: ShadowTokens)
|
|
|
39
43
|
input: {
|
|
40
44
|
flex: number;
|
|
41
45
|
minWidth: number;
|
|
46
|
+
alignSelf: "stretch";
|
|
47
|
+
justifyContent: "center";
|
|
42
48
|
};
|
|
43
49
|
inputExpanded: {
|
|
44
50
|
flex: number;
|
|
@@ -169,6 +175,8 @@ export declare const createStyles: (colors: ColorTokens, shadows: ShadowTokens)
|
|
|
169
175
|
paddingHorizontal: number;
|
|
170
176
|
borderRadius: number;
|
|
171
177
|
backgroundColor: string;
|
|
178
|
+
borderWidth: number;
|
|
179
|
+
borderColor: string;
|
|
172
180
|
};
|
|
173
181
|
transcript: {
|
|
174
182
|
flex: number;
|
|
@@ -176,6 +184,25 @@ export declare const createStyles: (colors: ColorTokens, shadows: ShadowTokens)
|
|
|
176
184
|
color: string;
|
|
177
185
|
fontSize: number;
|
|
178
186
|
};
|
|
187
|
+
voiceBody: {
|
|
188
|
+
flex: number;
|
|
189
|
+
minWidth: number;
|
|
190
|
+
flexDirection: "row";
|
|
191
|
+
alignItems: "center";
|
|
192
|
+
gap: number;
|
|
193
|
+
minHeight: number;
|
|
194
|
+
};
|
|
195
|
+
wave: {
|
|
196
|
+
flexDirection: "row";
|
|
197
|
+
alignItems: "center";
|
|
198
|
+
gap: number;
|
|
199
|
+
height: number;
|
|
200
|
+
};
|
|
201
|
+
waveBar: {
|
|
202
|
+
width: number;
|
|
203
|
+
borderRadius: number;
|
|
204
|
+
backgroundColor: string;
|
|
205
|
+
};
|
|
179
206
|
transcriptPlaceholder: {
|
|
180
207
|
color: string;
|
|
181
208
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Composer/styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAM3E,eAAO,MAAM,YAAY,GAAI,QAAQ,WAAW,EAAE,SAAS,YAAY
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Composer/styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAM3E,eAAO,MAAM,YAAY,GAAI,QAAQ,WAAW,EAAE,SAAS,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmJnE,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { MarkdownContentProps } from './types.js';
|
|
2
|
-
export declare function MarkdownContent({ text, onLinkPress }: MarkdownContentProps): import("react").JSX.Element;
|
|
2
|
+
export declare function MarkdownContent({ text, onLinkPress, outgoing, }: MarkdownContentProps): import("react").JSX.Element;
|
|
3
3
|
//# sourceMappingURL=MarkdownContent.d.ts.map
|