@planningcenter/chat-react-native 4.3.0-rc.9 → 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/build/components/conversation/message_form.js +1 -1
- package/build/components/conversation/message_form.js.map +1 -1
- package/build/hooks/use_debounced_search_term.d.ts +2 -0
- package/build/hooks/use_debounced_search_term.d.ts.map +1 -0
- package/build/hooks/use_debounced_search_term.js +40 -0
- package/build/hooks/use_debounced_search_term.js.map +1 -0
- package/build/hooks/use_search_results.d.ts +19 -0
- package/build/hooks/use_search_results.d.ts.map +1 -0
- package/build/hooks/use_search_results.js +153 -0
- package/build/hooks/use_search_results.js.map +1 -0
- package/build/screens/conversation_select_recipients/components/view_more_link_row.d.ts +2 -1
- package/build/screens/conversation_select_recipients/components/view_more_link_row.d.ts.map +1 -1
- package/build/screens/conversation_select_recipients/components/view_more_link_row.js +39 -24
- package/build/screens/conversation_select_recipients/components/view_more_link_row.js.map +1 -1
- package/build/screens/conversation_select_recipients/conversation_select_direct_message_recipients_screen.d.ts.map +1 -1
- package/build/screens/conversation_select_recipients/conversation_select_direct_message_recipients_screen.js +142 -158
- package/build/screens/conversation_select_recipients/conversation_select_direct_message_recipients_screen.js.map +1 -1
- package/build/screens/search/components/conversation_result_row.d.ts +8 -0
- package/build/screens/search/components/conversation_result_row.d.ts.map +1 -0
- package/build/screens/search/components/conversation_result_row.js +80 -0
- package/build/screens/search/components/conversation_result_row.js.map +1 -0
- package/build/screens/search/components/conversation_results.d.ts +8 -0
- package/build/screens/search/components/conversation_results.d.ts.map +1 -0
- package/build/screens/search/components/conversation_results.js +77 -0
- package/build/screens/search/components/conversation_results.js.map +1 -0
- package/build/screens/search/components/message_result_row.d.ts +8 -0
- package/build/screens/search/components/message_result_row.d.ts.map +1 -0
- package/build/screens/search/components/message_result_row.js +152 -0
- package/build/screens/search/components/message_result_row.js.map +1 -0
- package/build/screens/search/components/result_row.d.ts +10 -0
- package/build/screens/search/components/result_row.d.ts.map +1 -0
- package/build/screens/search/components/result_row.js +102 -0
- package/build/screens/search/components/result_row.js.map +1 -0
- package/build/screens/search/components/results_section.d.ts +9 -0
- package/build/screens/search/components/results_section.d.ts.map +1 -0
- package/build/screens/search/components/results_section.js +51 -0
- package/build/screens/search/components/results_section.js.map +1 -0
- package/build/screens/search/components/search_results_list.d.ts +8 -0
- package/build/screens/search/components/search_results_list.d.ts.map +1 -0
- package/build/screens/search/components/search_results_list.js +314 -0
- package/build/screens/search/components/search_results_list.js.map +1 -0
- package/build/screens/search/components/snippet.d.ts +8 -0
- package/build/screens/search/components/snippet.d.ts.map +1 -0
- package/build/screens/search/components/snippet.js +68 -0
- package/build/screens/search/components/snippet.js.map +1 -0
- package/build/screens/search/search_screen.d.ts.map +1 -1
- package/build/screens/search/search_screen.js +18 -9
- package/build/screens/search/search_screen.js.map +1 -1
- package/build/utils/client/request_helpers.js +1 -1
- package/build/utils/client/request_helpers.js.map +1 -1
- package/package.json +3 -3
- package/src/__tests__/utils/client.ts +3 -4
- package/src/components/conversation/__tests__/message_form.test.tsx +83 -0
- package/src/components/conversation/message_form.tsx +1 -1
- package/src/hooks/__tests__/use_debounced_search_term.test.tsx +38 -0
- package/src/hooks/__tests__/use_search_results.test.tsx +88 -0
- package/src/hooks/use_debounced_search_term.ts +20 -0
- package/src/hooks/use_search_results.ts +78 -0
- package/src/screens/conversation_select_recipients/components/view_more_link_row.tsx +12 -3
- package/src/screens/conversation_select_recipients/conversation_select_direct_message_recipients_screen.tsx +3 -8
- package/src/screens/search/__tests__/search_screen.test.tsx +64 -0
- package/src/screens/search/components/__tests__/conversation_results.test.tsx +55 -0
- package/src/screens/search/components/__tests__/message_result_row.test.tsx +65 -0
- package/src/screens/search/components/__tests__/result_row.test.tsx +33 -0
- package/src/screens/search/components/__tests__/search_results_list.test.tsx +135 -0
- package/src/screens/search/components/conversation_result_row.tsx +36 -0
- package/src/screens/search/components/conversation_results.tsx +39 -0
- package/src/screens/search/components/message_result_row.tsx +48 -0
- package/src/screens/search/components/result_row.tsx +58 -0
- package/src/screens/search/components/results_section.tsx +34 -0
- package/src/screens/search/components/search_results_list.tsx +147 -0
- package/src/screens/search/components/snippet.tsx +37 -0
- package/src/screens/search/search_screen.tsx +9 -1
- package/src/utils/client/__tests__/request_helpers.test.ts +40 -0
- package/src/utils/client/request_helpers.ts +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"message_result_row.js","names":["React","StyleSheet","View","ConversationAvatar","Text","useScalableNumberOfLines","platformFontWeightMedium","formatDatePreview","ResultRow","plainSnippetText","Snippet","jsx","_jsx","jsxs","_jsxs","MessageResultRow","t0","$","_c","result","onPress","authorName","avatar","snippet","createdAt","extra","titleNumberOfLines","previewNumberOfLines","t1","date","t2","title","t3","accessibilityLabel","t4","t5","size","t6","style","styles","children","t7","t8","variant","t9","body","t10","t11","create","flex","rowGap","fontSize","fontWeight"],"sources":["../../../../src/screens/search/components/message_result_row.tsx"],"sourcesContent":["import React from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { ConversationAvatar, Text } from '../../../components/display'\nimport { useScalableNumberOfLines } from '../../../hooks'\nimport type { MessageSearchResultResource } from '../../../types/resources/search_result'\nimport { platformFontWeightMedium } from '../../../utils'\nimport { formatDatePreview } from '../../../utils/date'\nimport { ResultRow } from './result_row'\nimport { plainSnippetText, Snippet } from './snippet'\n\ninterface MessageResultRowProps {\n result: MessageSearchResultResource\n onPress: (result: MessageSearchResultResource) => void\n}\n\nexport function MessageResultRow({ result, onPress }: MessageResultRowProps) {\n const { authorName, avatar, snippet, createdAt } = result.extra\n const titleNumberOfLines = useScalableNumberOfLines(1)\n const previewNumberOfLines = useScalableNumberOfLines(2)\n const date = formatDatePreview(createdAt)\n const accessibilityLabel = `${result.title}, ${authorName}: ${plainSnippetText(snippet)}, ${date}`\n\n return (\n <ResultRow accessibilityLabel={accessibilityLabel} onPress={() => onPress(result)}>\n <ConversationAvatar conversation={avatar} size=\"lg\" />\n <View style={styles.body}>\n <Text numberOfLines={titleNumberOfLines} style={styles.title}>\n {result.title}\n </Text>\n <Text variant=\"tertiary\" numberOfLines={previewNumberOfLines}>\n {authorName}: <Snippet segments={snippet} />\n </Text>\n </View>\n <Text variant=\"footnote\">{date}</Text>\n </ResultRow>\n )\n}\n\nconst styles = StyleSheet.create({\n body: {\n flex: 1,\n rowGap: 2,\n },\n title: {\n fontSize: 16,\n fontWeight: platformFontWeightMedium,\n },\n})\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
|
+
interface ResultRowProps {
|
|
3
|
+
accessibilityLabel: string;
|
|
4
|
+
onPress: () => void;
|
|
5
|
+
alignItems?: 'flex-start' | 'center';
|
|
6
|
+
children: ReactNode;
|
|
7
|
+
}
|
|
8
|
+
export declare function ResultRow({ accessibilityLabel, onPress, alignItems, children, }: ResultRowProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=result_row.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"result_row.d.ts","sourceRoot":"","sources":["../../../../src/screens/search/components/result_row.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAK7C,UAAU,cAAc;IACtB,kBAAkB,EAAE,MAAM,CAAA;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,UAAU,CAAC,EAAE,YAAY,GAAG,QAAQ,CAAA;IACpC,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,SAAS,CAAC,EACxB,kBAAkB,EAClB,OAAO,EACP,UAAyB,EACzB,QAAQ,GACT,EAAE,cAAc,2CAoBhB"}
|
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
import { c as _c } from "react/compiler-runtime";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { Pressable, StyleSheet } from 'react-native';
|
|
4
|
+
import { useAtFontScaleBreakpoint, useTheme } from '../../../hooks';
|
|
5
|
+
import { platformPressedOpacityStyle } from '../../../utils';
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
export function ResultRow(t0) {
|
|
8
|
+
const $ = _c(13);
|
|
9
|
+
const {
|
|
10
|
+
accessibilityLabel,
|
|
11
|
+
onPress,
|
|
12
|
+
alignItems: t1,
|
|
13
|
+
children
|
|
14
|
+
} = t0;
|
|
15
|
+
const alignItems = t1 === undefined ? "flex-start" : t1;
|
|
16
|
+
const {
|
|
17
|
+
colors
|
|
18
|
+
} = useTheme();
|
|
19
|
+
const atFontScaleBreakpoint = useAtFontScaleBreakpoint();
|
|
20
|
+
const styles = useStyles();
|
|
21
|
+
let t2;
|
|
22
|
+
if ($[0] !== alignItems || $[1] !== atFontScaleBreakpoint || $[2] !== styles.row || $[3] !== styles.stacked) {
|
|
23
|
+
t2 = t3 => {
|
|
24
|
+
const {
|
|
25
|
+
pressed
|
|
26
|
+
} = t3;
|
|
27
|
+
return [styles.row, atFontScaleBreakpoint ? styles.stacked : {
|
|
28
|
+
alignItems
|
|
29
|
+
}, pressed && platformPressedOpacityStyle];
|
|
30
|
+
};
|
|
31
|
+
$[0] = alignItems;
|
|
32
|
+
$[1] = atFontScaleBreakpoint;
|
|
33
|
+
$[2] = styles.row;
|
|
34
|
+
$[3] = styles.stacked;
|
|
35
|
+
$[4] = t2;
|
|
36
|
+
} else {
|
|
37
|
+
t2 = $[4];
|
|
38
|
+
}
|
|
39
|
+
let t3;
|
|
40
|
+
if ($[5] !== colors.androidRippleNeutral) {
|
|
41
|
+
t3 = {
|
|
42
|
+
color: colors.androidRippleNeutral,
|
|
43
|
+
borderless: false,
|
|
44
|
+
foreground: true
|
|
45
|
+
};
|
|
46
|
+
$[5] = colors.androidRippleNeutral;
|
|
47
|
+
$[6] = t3;
|
|
48
|
+
} else {
|
|
49
|
+
t3 = $[6];
|
|
50
|
+
}
|
|
51
|
+
let t4;
|
|
52
|
+
if ($[7] !== accessibilityLabel || $[8] !== children || $[9] !== onPress || $[10] !== t2 || $[11] !== t3) {
|
|
53
|
+
t4 = /*#__PURE__*/_jsx(Pressable, {
|
|
54
|
+
accessibilityRole: "button",
|
|
55
|
+
accessibilityLabel: accessibilityLabel,
|
|
56
|
+
onPress: onPress,
|
|
57
|
+
style: t2,
|
|
58
|
+
android_ripple: t3,
|
|
59
|
+
children: children
|
|
60
|
+
});
|
|
61
|
+
$[7] = accessibilityLabel;
|
|
62
|
+
$[8] = children;
|
|
63
|
+
$[9] = onPress;
|
|
64
|
+
$[10] = t2;
|
|
65
|
+
$[11] = t3;
|
|
66
|
+
$[12] = t4;
|
|
67
|
+
} else {
|
|
68
|
+
t4 = $[12];
|
|
69
|
+
}
|
|
70
|
+
return t4;
|
|
71
|
+
}
|
|
72
|
+
const useStyles = () => {
|
|
73
|
+
const $ = _c(3);
|
|
74
|
+
const {
|
|
75
|
+
colors
|
|
76
|
+
} = useTheme();
|
|
77
|
+
let t0;
|
|
78
|
+
if ($[0] !== colors.borderColorDefaultDark || $[1] !== colors.borderColorDefaultDim) {
|
|
79
|
+
t0 = StyleSheet.create({
|
|
80
|
+
row: {
|
|
81
|
+
flexDirection: "row",
|
|
82
|
+
gap: 8,
|
|
83
|
+
paddingVertical: 12,
|
|
84
|
+
paddingHorizontal: 16,
|
|
85
|
+
borderBottomWidth: 1,
|
|
86
|
+
borderBottomColor: colors.borderColorDefaultDim
|
|
87
|
+
},
|
|
88
|
+
stacked: {
|
|
89
|
+
flexDirection: "column",
|
|
90
|
+
alignItems: "stretch",
|
|
91
|
+
borderBottomColor: colors.borderColorDefaultDark
|
|
92
|
+
}
|
|
93
|
+
});
|
|
94
|
+
$[0] = colors.borderColorDefaultDark;
|
|
95
|
+
$[1] = colors.borderColorDefaultDim;
|
|
96
|
+
$[2] = t0;
|
|
97
|
+
} else {
|
|
98
|
+
t0 = $[2];
|
|
99
|
+
}
|
|
100
|
+
return t0;
|
|
101
|
+
};
|
|
102
|
+
//# sourceMappingURL=result_row.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"result_row.js","names":["React","Pressable","StyleSheet","useAtFontScaleBreakpoint","useTheme","platformPressedOpacityStyle","jsx","_jsx","ResultRow","t0","$","_c","accessibilityLabel","onPress","alignItems","t1","children","undefined","colors","atFontScaleBreakpoint","styles","useStyles","t2","row","stacked","t3","pressed","androidRippleNeutral","color","borderless","foreground","t4","accessibilityRole","style","android_ripple","borderColorDefaultDark","borderColorDefaultDim","create","flexDirection","gap","paddingVertical","paddingHorizontal","borderBottomWidth","borderBottomColor"],"sources":["../../../../src/screens/search/components/result_row.tsx"],"sourcesContent":["import React, { type ReactNode } from 'react'\nimport { Pressable, StyleSheet } from 'react-native'\nimport { useAtFontScaleBreakpoint, useTheme } from '../../../hooks'\nimport { platformPressedOpacityStyle } from '../../../utils'\n\ninterface ResultRowProps {\n accessibilityLabel: string\n onPress: () => void\n alignItems?: 'flex-start' | 'center'\n children: ReactNode\n}\n\nexport function ResultRow({\n accessibilityLabel,\n onPress,\n alignItems = 'flex-start',\n children,\n}: ResultRowProps) {\n const { colors } = useTheme()\n const atFontScaleBreakpoint = useAtFontScaleBreakpoint()\n const styles = useStyles()\n\n return (\n <Pressable\n accessibilityRole=\"button\"\n accessibilityLabel={accessibilityLabel}\n onPress={onPress}\n style={({ pressed }) => [\n styles.row,\n atFontScaleBreakpoint ? styles.stacked : { alignItems },\n pressed && platformPressedOpacityStyle,\n ]}\n android_ripple={{ color: colors.androidRippleNeutral, borderless: false, foreground: true }}\n >\n {children}\n </Pressable>\n )\n}\n\nconst useStyles = () => {\n const { colors } = useTheme()\n\n return StyleSheet.create({\n row: {\n flexDirection: 'row',\n gap: 8,\n paddingVertical: 12,\n paddingHorizontal: 16,\n borderBottomWidth: 1,\n borderBottomColor: colors.borderColorDefaultDim,\n },\n stacked: {\n flexDirection: 'column',\n alignItems: 'stretch',\n borderBottomColor: colors.borderColorDefaultDark,\n },\n })\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
interface ResultsSectionProps {
|
|
3
|
+
title: string;
|
|
4
|
+
footer?: ReactNode;
|
|
5
|
+
children?: ReactNode;
|
|
6
|
+
}
|
|
7
|
+
export declare function ResultsSection({ title, footer, children }: ResultsSectionProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=results_section.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"results_section.d.ts","sourceRoot":"","sources":["../../../../src/screens/search/components/results_section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,UAAU,mBAAmB;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CAY9E"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { c as _c } from "react/compiler-runtime";
|
|
2
|
+
import { StyleSheet, View } from 'react-native';
|
|
3
|
+
import { Text } from '../../../components';
|
|
4
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
5
|
+
export function ResultsSection(t0) {
|
|
6
|
+
const $ = _c(6);
|
|
7
|
+
const {
|
|
8
|
+
title,
|
|
9
|
+
footer,
|
|
10
|
+
children
|
|
11
|
+
} = t0;
|
|
12
|
+
let t1;
|
|
13
|
+
if ($[0] !== title) {
|
|
14
|
+
t1 = /*#__PURE__*/_jsx(View, {
|
|
15
|
+
style: styles.headingRow,
|
|
16
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
17
|
+
accessibilityRole: "header",
|
|
18
|
+
style: styles.heading,
|
|
19
|
+
children: title
|
|
20
|
+
})
|
|
21
|
+
});
|
|
22
|
+
$[0] = title;
|
|
23
|
+
$[1] = t1;
|
|
24
|
+
} else {
|
|
25
|
+
t1 = $[1];
|
|
26
|
+
}
|
|
27
|
+
let t2;
|
|
28
|
+
if ($[2] !== children || $[3] !== footer || $[4] !== t1) {
|
|
29
|
+
t2 = /*#__PURE__*/_jsxs(View, {
|
|
30
|
+
children: [t1, children, footer]
|
|
31
|
+
});
|
|
32
|
+
$[2] = children;
|
|
33
|
+
$[3] = footer;
|
|
34
|
+
$[4] = t1;
|
|
35
|
+
$[5] = t2;
|
|
36
|
+
} else {
|
|
37
|
+
t2 = $[5];
|
|
38
|
+
}
|
|
39
|
+
return t2;
|
|
40
|
+
}
|
|
41
|
+
const styles = StyleSheet.create({
|
|
42
|
+
headingRow: {
|
|
43
|
+
paddingHorizontal: 16,
|
|
44
|
+
paddingTop: 16,
|
|
45
|
+
paddingBottom: 8
|
|
46
|
+
},
|
|
47
|
+
heading: {
|
|
48
|
+
fontWeight: '600'
|
|
49
|
+
}
|
|
50
|
+
});
|
|
51
|
+
//# sourceMappingURL=results_section.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"results_section.js","names":["StyleSheet","View","Text","jsx","_jsx","jsxs","_jsxs","ResultsSection","t0","$","_c","title","footer","children","t1","style","styles","headingRow","accessibilityRole","heading","t2","create","paddingHorizontal","paddingTop","paddingBottom","fontWeight"],"sources":["../../../../src/screens/search/components/results_section.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { Text } from '../../../components'\n\ninterface ResultsSectionProps {\n title: string\n footer?: ReactNode\n children?: ReactNode\n}\n\nexport function ResultsSection({ title, footer, children }: ResultsSectionProps) {\n return (\n <View>\n <View style={styles.headingRow}>\n <Text accessibilityRole=\"header\" style={styles.heading}>\n {title}\n </Text>\n </View>\n {children}\n {footer}\n </View>\n )\n}\n\nconst styles = StyleSheet.create({\n headingRow: {\n paddingHorizontal: 16,\n paddingTop: 16,\n paddingBottom: 8,\n },\n heading: {\n fontWeight: '600',\n },\n})\n"],"mappings":";AACA,SAASA,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,IAAI,QAAQ,qBAAqB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQ1C,OAAO,SAAAC,eAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EAAwB;IAAAC,KAAA;IAAAC,MAAA;IAAAC;EAAA,IAAAL,EAAgD;EAAA,IAAAM,EAAA;EAAA,IAAAL,CAAA,QAAAE,KAAA;IAGzEG,EAAA,gBAAAV,IAAA,CAACH,IAAI;MAAQc,KAAiB,EAAjBC,MAAM,CAAAC,UAAW;MAAAJ,QAAA,eAC5BT,IAAA,CAACF,IAAI;QAAmBgB,iBAAQ,EAAR,QAAQ;QAAQH,KAAc,EAAdC,MAAM,CAAAG,OAAQ;QAAAN,QAAA,EACnDF;MAAK,CACF;IAAC,CACH,CAAC;IAAAF,CAAA,MAAAE,KAAA;IAAAF,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAAA,IAAAW,EAAA;EAAA,IAAAX,CAAA,QAAAI,QAAA,IAAAJ,CAAA,QAAAG,MAAA,IAAAH,CAAA,QAAAK,EAAA;IALTM,EAAA,gBAAAd,KAAA,CAACL,IAAI;MAAAY,QAAA,GACHC,EAIO,EACND,QAAQ,EACRD,MAAM;IAAA,CACH,CAAC;IAAAH,CAAA,MAAAI,QAAA;IAAAJ,CAAA,MAAAG,MAAA;IAAAH,CAAA,MAAAK,EAAA;IAAAL,CAAA,MAAAW,EAAA;EAAA;IAAAA,EAAA,GAAAX,CAAA;EAAA;EAAA,OARPW,EAQO;AAAA;AAIX,MAAMJ,MAAM,GAAGhB,UAAU,CAACqB,MAAM,CAAC;EAC/BJ,UAAU,EAAE;IACVK,iBAAiB,EAAE,EAAE;IACrBC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EACjB,CAAC;EACDL,OAAO,EAAE;IACPM,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { SearchResultResource } from '../../../types/resources/search_result';
|
|
2
|
+
interface SearchResultsListProps {
|
|
3
|
+
term: string;
|
|
4
|
+
onSelect: (result: SearchResultResource) => void;
|
|
5
|
+
}
|
|
6
|
+
export declare function SearchResultsList({ term, onSelect }: SearchResultsListProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=search_results_list.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"search_results_list.d.ts","sourceRoot":"","sources":["../../../../src/screens/search/components/search_results_list.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAGV,oBAAoB,EACrB,MAAM,wCAAwC,CAAA;AAQ/C,UAAU,sBAAsB;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,IAAI,CAAA;CACjD;AAED,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,sBAAsB,2CA4D3E"}
|
|
@@ -0,0 +1,314 @@
|
|
|
1
|
+
import { c as _c } from "react/compiler-runtime";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { FlatList, StyleSheet, View } from 'react-native';
|
|
4
|
+
import { Banner, Spinner, Text, TextButton } from '../../../components';
|
|
5
|
+
import { useSearchResults } from '../../../hooks/use_search_results';
|
|
6
|
+
import { ConversationResults } from './conversation_results';
|
|
7
|
+
import { MessageResultRow } from './message_result_row';
|
|
8
|
+
import { ResultsSection } from './results_section';
|
|
9
|
+
import { NoResultsBlankState } from './search_blank_states';
|
|
10
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
11
|
+
const SEARCH_ERROR_MESSAGE = "Couldn't search right now. Try again.";
|
|
12
|
+
export function SearchResultsList(t0) {
|
|
13
|
+
const $ = _c(46);
|
|
14
|
+
const {
|
|
15
|
+
term,
|
|
16
|
+
onSelect
|
|
17
|
+
} = t0;
|
|
18
|
+
const {
|
|
19
|
+
results,
|
|
20
|
+
failedTypes,
|
|
21
|
+
isPending,
|
|
22
|
+
isError,
|
|
23
|
+
isFetchNextPageError,
|
|
24
|
+
loadMore,
|
|
25
|
+
hasNextPage,
|
|
26
|
+
isFetchingNextPage
|
|
27
|
+
} = useSearchResults(term);
|
|
28
|
+
let t1;
|
|
29
|
+
if ($[0] !== results) {
|
|
30
|
+
t1 = results.filter(isConversationResult);
|
|
31
|
+
$[0] = results;
|
|
32
|
+
$[1] = t1;
|
|
33
|
+
} else {
|
|
34
|
+
t1 = $[1];
|
|
35
|
+
}
|
|
36
|
+
const conversationResults = t1;
|
|
37
|
+
let t2;
|
|
38
|
+
if ($[2] !== results) {
|
|
39
|
+
t2 = results.filter(isMessageResult);
|
|
40
|
+
$[2] = results;
|
|
41
|
+
$[3] = t2;
|
|
42
|
+
} else {
|
|
43
|
+
t2 = $[3];
|
|
44
|
+
}
|
|
45
|
+
const messageResults = t2;
|
|
46
|
+
let t3;
|
|
47
|
+
if ($[4] !== onSelect) {
|
|
48
|
+
t3 = t4 => {
|
|
49
|
+
const {
|
|
50
|
+
item: item_0
|
|
51
|
+
} = t4;
|
|
52
|
+
return /*#__PURE__*/_jsx(MessageResultRow, {
|
|
53
|
+
result: item_0,
|
|
54
|
+
onPress: onSelect
|
|
55
|
+
});
|
|
56
|
+
};
|
|
57
|
+
$[4] = onSelect;
|
|
58
|
+
$[5] = t3;
|
|
59
|
+
} else {
|
|
60
|
+
t3 = $[5];
|
|
61
|
+
}
|
|
62
|
+
let t4;
|
|
63
|
+
if ($[6] !== conversationResults || $[7] !== onSelect) {
|
|
64
|
+
t4 = conversationResults.length > 0 && /*#__PURE__*/_jsx(ConversationResults, {
|
|
65
|
+
results: conversationResults,
|
|
66
|
+
onSelect: onSelect
|
|
67
|
+
});
|
|
68
|
+
$[6] = conversationResults;
|
|
69
|
+
$[7] = onSelect;
|
|
70
|
+
$[8] = t4;
|
|
71
|
+
} else {
|
|
72
|
+
t4 = $[8];
|
|
73
|
+
}
|
|
74
|
+
let t5;
|
|
75
|
+
if ($[9] !== failedTypes) {
|
|
76
|
+
t5 = failedTypes.includes("conversation") && /*#__PURE__*/_jsx(SectionFailure, {
|
|
77
|
+
type: "conversation"
|
|
78
|
+
});
|
|
79
|
+
$[9] = failedTypes;
|
|
80
|
+
$[10] = t5;
|
|
81
|
+
} else {
|
|
82
|
+
t5 = $[10];
|
|
83
|
+
}
|
|
84
|
+
let t6;
|
|
85
|
+
if ($[11] !== messageResults.length) {
|
|
86
|
+
t6 = messageResults.length > 0 && /*#__PURE__*/_jsx(ResultsSection, {
|
|
87
|
+
title: "Messages"
|
|
88
|
+
});
|
|
89
|
+
$[11] = messageResults.length;
|
|
90
|
+
$[12] = t6;
|
|
91
|
+
} else {
|
|
92
|
+
t6 = $[12];
|
|
93
|
+
}
|
|
94
|
+
let t7;
|
|
95
|
+
if ($[13] !== t4 || $[14] !== t5 || $[15] !== t6) {
|
|
96
|
+
t7 = /*#__PURE__*/_jsxs(_Fragment, {
|
|
97
|
+
children: [t4, t5, t6]
|
|
98
|
+
});
|
|
99
|
+
$[13] = t4;
|
|
100
|
+
$[14] = t5;
|
|
101
|
+
$[15] = t6;
|
|
102
|
+
$[16] = t7;
|
|
103
|
+
} else {
|
|
104
|
+
t7 = $[16];
|
|
105
|
+
}
|
|
106
|
+
const t8 = results.length === 0 && failedTypes.length === 0;
|
|
107
|
+
let t9;
|
|
108
|
+
if ($[17] !== isError || $[18] !== isPending || $[19] !== t8 || $[20] !== term) {
|
|
109
|
+
t9 = /*#__PURE__*/_jsx(ListEmpty, {
|
|
110
|
+
term: term,
|
|
111
|
+
isError: isError,
|
|
112
|
+
isPending: isPending,
|
|
113
|
+
noResults: t8
|
|
114
|
+
});
|
|
115
|
+
$[17] = isError;
|
|
116
|
+
$[18] = isPending;
|
|
117
|
+
$[19] = t8;
|
|
118
|
+
$[20] = term;
|
|
119
|
+
$[21] = t9;
|
|
120
|
+
} else {
|
|
121
|
+
t9 = $[21];
|
|
122
|
+
}
|
|
123
|
+
let t10;
|
|
124
|
+
if ($[22] !== isFetchingNextPage) {
|
|
125
|
+
t10 = isFetchingNextPage && /*#__PURE__*/_jsx(View, {
|
|
126
|
+
accessibilityLabel: "Loading more results",
|
|
127
|
+
style: styles.loading,
|
|
128
|
+
children: /*#__PURE__*/_jsx(Spinner, {})
|
|
129
|
+
});
|
|
130
|
+
$[22] = isFetchingNextPage;
|
|
131
|
+
$[23] = t10;
|
|
132
|
+
} else {
|
|
133
|
+
t10 = $[23];
|
|
134
|
+
}
|
|
135
|
+
let t11;
|
|
136
|
+
if ($[24] !== isFetchNextPageError || $[25] !== isFetchingNextPage || $[26] !== loadMore) {
|
|
137
|
+
t11 = isFetchNextPageError && !isFetchingNextPage && /*#__PURE__*/_jsx(TextButton, {
|
|
138
|
+
onPress: loadMore,
|
|
139
|
+
style: styles.retry,
|
|
140
|
+
children: "Try again"
|
|
141
|
+
});
|
|
142
|
+
$[24] = isFetchNextPageError;
|
|
143
|
+
$[25] = isFetchingNextPage;
|
|
144
|
+
$[26] = loadMore;
|
|
145
|
+
$[27] = t11;
|
|
146
|
+
} else {
|
|
147
|
+
t11 = $[27];
|
|
148
|
+
}
|
|
149
|
+
let t12;
|
|
150
|
+
if ($[28] !== failedTypes) {
|
|
151
|
+
t12 = failedTypes.includes("message") && /*#__PURE__*/_jsx(SectionFailure, {
|
|
152
|
+
type: "message"
|
|
153
|
+
});
|
|
154
|
+
$[28] = failedTypes;
|
|
155
|
+
$[29] = t12;
|
|
156
|
+
} else {
|
|
157
|
+
t12 = $[29];
|
|
158
|
+
}
|
|
159
|
+
let t13;
|
|
160
|
+
if ($[30] !== t10 || $[31] !== t11 || $[32] !== t12) {
|
|
161
|
+
t13 = /*#__PURE__*/_jsxs(_Fragment, {
|
|
162
|
+
children: [t10, t11, t12]
|
|
163
|
+
});
|
|
164
|
+
$[30] = t10;
|
|
165
|
+
$[31] = t11;
|
|
166
|
+
$[32] = t12;
|
|
167
|
+
$[33] = t13;
|
|
168
|
+
} else {
|
|
169
|
+
t13 = $[33];
|
|
170
|
+
}
|
|
171
|
+
let t14;
|
|
172
|
+
if ($[34] !== hasNextPage || $[35] !== isFetchNextPageError || $[36] !== isFetchingNextPage || $[37] !== loadMore) {
|
|
173
|
+
t14 = () => {
|
|
174
|
+
if (hasNextPage && !isFetchingNextPage && !isFetchNextPageError) {
|
|
175
|
+
loadMore();
|
|
176
|
+
}
|
|
177
|
+
};
|
|
178
|
+
$[34] = hasNextPage;
|
|
179
|
+
$[35] = isFetchNextPageError;
|
|
180
|
+
$[36] = isFetchingNextPage;
|
|
181
|
+
$[37] = loadMore;
|
|
182
|
+
$[38] = t14;
|
|
183
|
+
} else {
|
|
184
|
+
t14 = $[38];
|
|
185
|
+
}
|
|
186
|
+
let t15;
|
|
187
|
+
if ($[39] !== messageResults || $[40] !== t13 || $[41] !== t14 || $[42] !== t3 || $[43] !== t7 || $[44] !== t9) {
|
|
188
|
+
t15 = /*#__PURE__*/_jsx(FlatList, {
|
|
189
|
+
data: messageResults,
|
|
190
|
+
keyExtractor: _temp,
|
|
191
|
+
keyboardShouldPersistTaps: "handled",
|
|
192
|
+
keyboardDismissMode: "on-drag",
|
|
193
|
+
contentContainerStyle: styles.content,
|
|
194
|
+
renderItem: t3,
|
|
195
|
+
ListHeaderComponent: t7,
|
|
196
|
+
ListEmptyComponent: t9,
|
|
197
|
+
ListFooterComponent: t13,
|
|
198
|
+
onEndReached: t14,
|
|
199
|
+
onEndReachedThreshold: 0.5
|
|
200
|
+
});
|
|
201
|
+
$[39] = messageResults;
|
|
202
|
+
$[40] = t13;
|
|
203
|
+
$[41] = t14;
|
|
204
|
+
$[42] = t3;
|
|
205
|
+
$[43] = t7;
|
|
206
|
+
$[44] = t9;
|
|
207
|
+
$[45] = t15;
|
|
208
|
+
} else {
|
|
209
|
+
t15 = $[45];
|
|
210
|
+
}
|
|
211
|
+
return t15;
|
|
212
|
+
}
|
|
213
|
+
function _temp(item) {
|
|
214
|
+
return item.id;
|
|
215
|
+
}
|
|
216
|
+
function ListEmpty(t0) {
|
|
217
|
+
const $ = _c(4);
|
|
218
|
+
const {
|
|
219
|
+
term,
|
|
220
|
+
isError,
|
|
221
|
+
isPending,
|
|
222
|
+
noResults
|
|
223
|
+
} = t0;
|
|
224
|
+
if (isError) {
|
|
225
|
+
let t1;
|
|
226
|
+
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
|
|
227
|
+
t1 = /*#__PURE__*/_jsx(Banner, {
|
|
228
|
+
appearance: "error",
|
|
229
|
+
description: SEARCH_ERROR_MESSAGE,
|
|
230
|
+
style: styles.banner
|
|
231
|
+
});
|
|
232
|
+
$[0] = t1;
|
|
233
|
+
} else {
|
|
234
|
+
t1 = $[0];
|
|
235
|
+
}
|
|
236
|
+
return t1;
|
|
237
|
+
}
|
|
238
|
+
if (isPending) {
|
|
239
|
+
let t1;
|
|
240
|
+
if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
|
|
241
|
+
t1 = /*#__PURE__*/_jsx(View, {
|
|
242
|
+
accessibilityLabel: "Loading results",
|
|
243
|
+
style: styles.loading,
|
|
244
|
+
children: /*#__PURE__*/_jsx(Spinner, {})
|
|
245
|
+
});
|
|
246
|
+
$[1] = t1;
|
|
247
|
+
} else {
|
|
248
|
+
t1 = $[1];
|
|
249
|
+
}
|
|
250
|
+
return t1;
|
|
251
|
+
}
|
|
252
|
+
if (noResults) {
|
|
253
|
+
let t1;
|
|
254
|
+
if ($[2] !== term) {
|
|
255
|
+
t1 = /*#__PURE__*/_jsx(NoResultsBlankState, {
|
|
256
|
+
term: term
|
|
257
|
+
});
|
|
258
|
+
$[2] = term;
|
|
259
|
+
$[3] = t1;
|
|
260
|
+
} else {
|
|
261
|
+
t1 = $[3];
|
|
262
|
+
}
|
|
263
|
+
return t1;
|
|
264
|
+
}
|
|
265
|
+
return null;
|
|
266
|
+
}
|
|
267
|
+
function SectionFailure(t0) {
|
|
268
|
+
const $ = _c(2);
|
|
269
|
+
const {
|
|
270
|
+
type
|
|
271
|
+
} = t0;
|
|
272
|
+
let t1;
|
|
273
|
+
if ($[0] !== type) {
|
|
274
|
+
t1 = /*#__PURE__*/_jsxs(Text, {
|
|
275
|
+
accessibilityRole: "alert",
|
|
276
|
+
variant: "secondary",
|
|
277
|
+
style: styles.sectionFailure,
|
|
278
|
+
children: ["Couldn\u2019t load ", type, "s."]
|
|
279
|
+
});
|
|
280
|
+
$[0] = type;
|
|
281
|
+
$[1] = t1;
|
|
282
|
+
} else {
|
|
283
|
+
t1 = $[1];
|
|
284
|
+
}
|
|
285
|
+
return t1;
|
|
286
|
+
}
|
|
287
|
+
function isConversationResult(result) {
|
|
288
|
+
return result.type === 'conversation';
|
|
289
|
+
}
|
|
290
|
+
function isMessageResult(result) {
|
|
291
|
+
return result.type === 'message';
|
|
292
|
+
}
|
|
293
|
+
const styles = StyleSheet.create({
|
|
294
|
+
content: {
|
|
295
|
+
flexGrow: 1
|
|
296
|
+
},
|
|
297
|
+
banner: {
|
|
298
|
+
margin: 16
|
|
299
|
+
},
|
|
300
|
+
loading: {
|
|
301
|
+
alignItems: 'center',
|
|
302
|
+
paddingVertical: 16
|
|
303
|
+
},
|
|
304
|
+
retry: {
|
|
305
|
+
alignSelf: 'center',
|
|
306
|
+
paddingVertical: 16
|
|
307
|
+
},
|
|
308
|
+
sectionFailure: {
|
|
309
|
+
fontSize: 14,
|
|
310
|
+
paddingHorizontal: 16,
|
|
311
|
+
paddingVertical: 8
|
|
312
|
+
}
|
|
313
|
+
});
|
|
314
|
+
//# sourceMappingURL=search_results_list.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"search_results_list.js","names":["React","FlatList","StyleSheet","View","Banner","Spinner","Text","TextButton","useSearchResults","ConversationResults","MessageResultRow","ResultsSection","NoResultsBlankState","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","SEARCH_ERROR_MESSAGE","SearchResultsList","t0","$","_c","term","onSelect","results","failedTypes","isPending","isError","isFetchNextPageError","loadMore","hasNextPage","isFetchingNextPage","t1","filter","isConversationResult","conversationResults","t2","isMessageResult","messageResults","t3","t4","item","item_0","length","t5","includes","SectionFailure","type","t6","title","t7","children","t8","t9","ListEmpty","noResults","t10","accessibilityLabel","style","styles","loading","t11","retry","t12","t13","t14","t15","keyExtractor","_temp","keyboardShouldPersistTaps","keyboardDismissMode","contentContainerStyle","content","renderItem","ListHeaderComponent","ListEmptyComponent","ListFooterComponent","onEndReached","onEndReachedThreshold","id","Symbol","for","appearance","banner","accessibilityRole","variant","sectionFailure","result","create","flexGrow","margin","alignItems","paddingVertical","alignSelf","fontSize","paddingHorizontal"],"sources":["../../../../src/screens/search/components/search_results_list.tsx"],"sourcesContent":["import React from 'react'\nimport { FlatList, StyleSheet, View } from 'react-native'\nimport { Banner, Spinner, Text, TextButton } from '../../../components'\nimport { useSearchResults } from '../../../hooks/use_search_results'\nimport type {\n ConversationSearchResultResource,\n MessageSearchResultResource,\n SearchResultResource,\n} from '../../../types/resources/search_result'\nimport { ConversationResults } from './conversation_results'\nimport { MessageResultRow } from './message_result_row'\nimport { ResultsSection } from './results_section'\nimport { NoResultsBlankState } from './search_blank_states'\n\nconst SEARCH_ERROR_MESSAGE = \"Couldn't search right now. Try again.\"\n\ninterface SearchResultsListProps {\n term: string\n onSelect: (result: SearchResultResource) => void\n}\n\nexport function SearchResultsList({ term, onSelect }: SearchResultsListProps) {\n const {\n results,\n failedTypes,\n isPending,\n isError,\n isFetchNextPageError,\n loadMore,\n hasNextPage,\n isFetchingNextPage,\n } = useSearchResults(term)\n const conversationResults = results.filter(isConversationResult)\n const messageResults = results.filter(isMessageResult)\n\n return (\n <FlatList\n data={messageResults}\n keyExtractor={item => item.id}\n keyboardShouldPersistTaps=\"handled\"\n keyboardDismissMode=\"on-drag\"\n contentContainerStyle={styles.content}\n renderItem={({ item }) => <MessageResultRow result={item} onPress={onSelect} />}\n ListHeaderComponent={\n <>\n {conversationResults.length > 0 && (\n <ConversationResults results={conversationResults} onSelect={onSelect} />\n )}\n {failedTypes.includes('conversation') && <SectionFailure type=\"conversation\" />}\n {messageResults.length > 0 && <ResultsSection title=\"Messages\" />}\n </>\n }\n ListEmptyComponent={\n <ListEmpty\n term={term}\n isError={isError}\n isPending={isPending}\n noResults={results.length === 0 && failedTypes.length === 0}\n />\n }\n ListFooterComponent={\n <>\n {isFetchingNextPage && (\n <View accessibilityLabel=\"Loading more results\" style={styles.loading}>\n <Spinner />\n </View>\n )}\n {isFetchNextPageError && !isFetchingNextPage && (\n <TextButton onPress={loadMore} style={styles.retry}>\n Try again\n </TextButton>\n )}\n {failedTypes.includes('message') && <SectionFailure type=\"message\" />}\n </>\n }\n onEndReached={() => {\n if (hasNextPage && !isFetchingNextPage && !isFetchNextPageError) loadMore()\n }}\n onEndReachedThreshold={0.5}\n />\n )\n}\n\ninterface ListEmptyProps {\n term: string\n isError: boolean\n isPending: boolean\n noResults: boolean\n}\n\nfunction ListEmpty({ term, isError, isPending, noResults }: ListEmptyProps) {\n if (isError) {\n return <Banner appearance=\"error\" description={SEARCH_ERROR_MESSAGE} style={styles.banner} />\n }\n\n if (isPending) {\n return (\n <View accessibilityLabel=\"Loading results\" style={styles.loading}>\n <Spinner />\n </View>\n )\n }\n\n if (noResults) return <NoResultsBlankState term={term} />\n\n return null\n}\n\nfunction SectionFailure({ type }: { type: SearchResultResource['type'] }) {\n return (\n <Text accessibilityRole=\"alert\" variant=\"secondary\" style={styles.sectionFailure}>\n Couldn’t load {type}s.\n </Text>\n )\n}\n\nfunction isConversationResult(\n result: SearchResultResource\n): result is ConversationSearchResultResource {\n return result.type === 'conversation'\n}\n\nfunction isMessageResult(result: SearchResultResource): result is MessageSearchResultResource {\n return result.type === 'message'\n}\n\nconst styles = StyleSheet.create({\n content: {\n flexGrow: 1,\n },\n banner: {\n margin: 16,\n },\n loading: {\n alignItems: 'center',\n paddingVertical: 16,\n },\n retry: {\n alignSelf: 'center',\n paddingVertical: 16,\n },\n sectionFailure: {\n fontSize: 14,\n paddingHorizontal: 16,\n paddingVertical: 8,\n },\n})\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { SnippetSegment } from '../../../types/resources/search_result';
|
|
2
|
+
interface SnippetProps {
|
|
3
|
+
segments: SnippetSegment[];
|
|
4
|
+
}
|
|
5
|
+
export declare function Snippet({ segments }: SnippetProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export declare function plainSnippetText(segments: SnippetSegment[]): string;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=snippet.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"snippet.d.ts","sourceRoot":"","sources":["../../../../src/screens/search/components/snippet.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAA;AAE5E,UAAU,YAAY;IACpB,QAAQ,EAAE,cAAc,EAAE,CAAA;CAC3B;AAED,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,EAAE,YAAY,2CAYjD;AAED,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,cAAc,EAAE,UAE1D"}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import { c as _c } from "react/compiler-runtime";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { StyleSheet } from 'react-native';
|
|
4
|
+
import { Text } from '../../../components/display';
|
|
5
|
+
import { useTheme } from '../../../hooks';
|
|
6
|
+
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
7
|
+
export function Snippet(t0) {
|
|
8
|
+
const $ = _c(7);
|
|
9
|
+
const {
|
|
10
|
+
segments
|
|
11
|
+
} = t0;
|
|
12
|
+
const styles = useStyles();
|
|
13
|
+
let t1;
|
|
14
|
+
if ($[0] !== segments || $[1] !== styles) {
|
|
15
|
+
let t2;
|
|
16
|
+
if ($[3] !== styles) {
|
|
17
|
+
t2 = (segment, index) => /*#__PURE__*/_jsx(Text, {
|
|
18
|
+
variant: "tertiary",
|
|
19
|
+
style: segment.match && styles.match,
|
|
20
|
+
children: segment.text
|
|
21
|
+
}, index);
|
|
22
|
+
$[3] = styles;
|
|
23
|
+
$[4] = t2;
|
|
24
|
+
} else {
|
|
25
|
+
t2 = $[4];
|
|
26
|
+
}
|
|
27
|
+
t1 = segments.map(t2);
|
|
28
|
+
$[0] = segments;
|
|
29
|
+
$[1] = styles;
|
|
30
|
+
$[2] = t1;
|
|
31
|
+
} else {
|
|
32
|
+
t1 = $[2];
|
|
33
|
+
}
|
|
34
|
+
let t2;
|
|
35
|
+
if ($[5] !== t1) {
|
|
36
|
+
t2 = /*#__PURE__*/_jsx(_Fragment, {
|
|
37
|
+
children: t1
|
|
38
|
+
});
|
|
39
|
+
$[5] = t1;
|
|
40
|
+
$[6] = t2;
|
|
41
|
+
} else {
|
|
42
|
+
t2 = $[6];
|
|
43
|
+
}
|
|
44
|
+
return t2;
|
|
45
|
+
}
|
|
46
|
+
export function plainSnippetText(segments) {
|
|
47
|
+
return segments.map(segment => segment.text).join('');
|
|
48
|
+
}
|
|
49
|
+
const useStyles = () => {
|
|
50
|
+
const $ = _c(2);
|
|
51
|
+
const {
|
|
52
|
+
colors
|
|
53
|
+
} = useTheme();
|
|
54
|
+
let t0;
|
|
55
|
+
if ($[0] !== colors.interaction) {
|
|
56
|
+
t0 = StyleSheet.create({
|
|
57
|
+
match: {
|
|
58
|
+
color: colors.interaction
|
|
59
|
+
}
|
|
60
|
+
});
|
|
61
|
+
$[0] = colors.interaction;
|
|
62
|
+
$[1] = t0;
|
|
63
|
+
} else {
|
|
64
|
+
t0 = $[1];
|
|
65
|
+
}
|
|
66
|
+
return t0;
|
|
67
|
+
};
|
|
68
|
+
//# sourceMappingURL=snippet.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"snippet.js","names":["React","StyleSheet","Text","useTheme","jsx","_jsx","Fragment","_Fragment","Snippet","t0","$","_c","segments","styles","useStyles","t1","t2","segment","index","variant","style","match","children","text","map","plainSnippetText","join","colors","interaction","create","color"],"sources":["../../../../src/screens/search/components/snippet.tsx"],"sourcesContent":["import React from 'react'\nimport { StyleSheet } from 'react-native'\nimport { Text } from '../../../components/display'\nimport { useTheme } from '../../../hooks'\nimport type { SnippetSegment } from '../../../types/resources/search_result'\n\ninterface SnippetProps {\n segments: SnippetSegment[]\n}\n\nexport function Snippet({ segments }: SnippetProps) {\n const styles = useStyles()\n\n return (\n <>\n {segments.map((segment, index) => (\n <Text key={index} variant=\"tertiary\" style={segment.match && styles.match}>\n {segment.text}\n </Text>\n ))}\n </>\n )\n}\n\nexport function plainSnippetText(segments: SnippetSegment[]) {\n return segments.map(segment => segment.text).join('')\n}\n\nconst useStyles = () => {\n const { colors } = useTheme()\n\n return StyleSheet.create({\n match: {\n color: colors.interaction,\n },\n })\n}\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,IAAI,QAAQ,6BAA6B;AAClD,SAASC,QAAQ,QAAQ,gBAAgB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAOzC,OAAO,SAAAC,QAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EAAiB;IAAAC;EAAA,IAAAH,EAA0B;EAChD,MAAAI,MAAA,GAAeC,SAAS,CAAC,CAAC;EAAA,IAAAC,EAAA;EAAA,IAAAL,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAG,MAAA;IAAA,IAAAG,EAAA;IAAA,IAAAN,CAAA,QAAAG,MAAA;MAIRG,EAAA,GAAAA,CAAAC,OAAA,EAAAC,KAAA,kBACZb,IAAA,CAACH,IAAI;QAAqBiB,OAAU,EAAV,UAAU;QAAQC,KAA6B,EAA7BH,OAAO,CAAAI,KAAsB,IAAZR,MAAM,CAAAQ,KAAM;QAAAC,QAAA,EACtEL,OAAO,CAAAM;MAAK,GADJL,KAEL,CACP;MAAAR,CAAA,MAAAG,MAAA;MAAAH,CAAA,MAAAM,EAAA;IAAA;MAAAA,EAAA,GAAAN,CAAA;IAAA;IAJAK,EAAA,GAAAH,QAAQ,CAAAY,GAAI,CAACR,EAIb,CAAC;IAAAN,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAG,MAAA;IAAAH,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAAA,IAAAM,EAAA;EAAA,IAAAN,CAAA,QAAAK,EAAA;IALJC,EAAA,gBAAAX,IAAA,CAAAE,SAAA;MAAAe,QAAA,EACGP;IAIC,CACF,CAAC;IAAAL,CAAA,MAAAK,EAAA;IAAAL,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EAAA,OANHM,EAMG;AAAA;AAIP,OAAO,SAASS,gBAAgBA,CAACb,QAA0B,EAAE;EAC3D,OAAOA,QAAQ,CAACY,GAAG,CAACP,OAAO,IAAIA,OAAO,CAACM,IAAI,CAAC,CAACG,IAAI,CAAC,EAAE,CAAC;AACvD;AAEA,MAAMZ,SAAS,GAAGA,CAAA;EAAA,MAAAJ,CAAA,GAAAC,EAAA;EAChB;IAAAgB;EAAA,IAAmBxB,QAAQ,CAAC,CAAC;EAAA,IAAAM,EAAA;EAAA,IAAAC,CAAA,QAAAiB,MAAA,CAAAC,WAAA;IAEtBnB,EAAA,GAAAR,UAAU,CAAA4B,MAAO,CAAC;MAAAR,KAAA,EAChB;QAAAS,KAAA,EACEH,MAAM,CAAAC;MACf;IACF,CAAC,CAAC;IAAAlB,CAAA,MAAAiB,MAAA,CAAAC,WAAA;IAAAlB,CAAA,MAAAD,EAAA;EAAA;IAAAA,EAAA,GAAAC,CAAA;EAAA;EAAA,OAJKD,EAIL;AAAA,CACH","ignoreList":[]}
|