@react-navigation/elements 2.0.0-rc.20 → 2.0.0-rc.21
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/commonjs/Header/Header.js +95 -30
- package/lib/commonjs/Header/Header.js.map +1 -1
- package/lib/commonjs/Header/HeaderBackButton.js +7 -21
- package/lib/commonjs/Header/HeaderBackButton.js.map +1 -1
- package/lib/commonjs/Header/HeaderIcon.js +44 -0
- package/lib/commonjs/Header/HeaderIcon.js.map +1 -0
- package/lib/commonjs/Header/HeaderSearchBar.js +267 -0
- package/lib/commonjs/Header/HeaderSearchBar.js.map +1 -0
- package/lib/commonjs/PlatformPressable.js +4 -2
- package/lib/commonjs/PlatformPressable.js.map +1 -1
- package/lib/commonjs/Screen.js +16 -15
- package/lib/commonjs/Screen.js.map +1 -1
- package/lib/commonjs/assets/back-icon-mask.png +0 -0
- package/lib/commonjs/assets/back-icon@4x.ios.png +0 -0
- package/lib/commonjs/assets/clear-icon.png +0 -0
- package/lib/commonjs/assets/clear-icon@1x.png +0 -0
- package/lib/commonjs/assets/clear-icon@2x.png +0 -0
- package/lib/commonjs/assets/clear-icon@3x.png +0 -0
- package/lib/commonjs/assets/clear-icon@4x.png +0 -0
- package/lib/commonjs/assets/close-icon.png +0 -0
- package/lib/commonjs/assets/close-icon@1x.png +0 -0
- package/lib/commonjs/assets/close-icon@2x.png +0 -0
- package/lib/commonjs/assets/close-icon@3x.png +0 -0
- package/lib/commonjs/assets/close-icon@4x.png +0 -0
- package/lib/commonjs/assets/search-icon.png +0 -0
- package/lib/commonjs/assets/search-icon@1x.android.png +0 -0
- package/lib/commonjs/assets/search-icon@1x.ios.png +0 -0
- package/lib/commonjs/assets/search-icon@2x.android.png +0 -0
- package/lib/commonjs/assets/search-icon@2x.ios.png +0 -0
- package/lib/commonjs/assets/search-icon@3x.android.png +0 -0
- package/lib/commonjs/assets/search-icon@3x.ios.png +0 -0
- package/lib/commonjs/assets/search-icon@4x.android.png +0 -0
- package/lib/commonjs/assets/search-icon@4x.ios.png +0 -0
- package/lib/commonjs/index.js +4 -1
- package/lib/commonjs/index.js.map +1 -1
- package/lib/module/Header/Header.js +96 -32
- package/lib/module/Header/Header.js.map +1 -1
- package/lib/module/Header/HeaderBackButton.js +7 -21
- package/lib/module/Header/HeaderBackButton.js.map +1 -1
- package/lib/module/Header/HeaderIcon.js +39 -0
- package/lib/module/Header/HeaderIcon.js.map +1 -0
- package/lib/module/Header/HeaderSearchBar.js +260 -0
- package/lib/module/Header/HeaderSearchBar.js.map +1 -0
- package/lib/module/PlatformPressable.js +4 -2
- package/lib/module/PlatformPressable.js.map +1 -1
- package/lib/module/Screen.js +16 -15
- package/lib/module/Screen.js.map +1 -1
- package/lib/module/assets/back-icon-mask.png +0 -0
- package/lib/module/assets/back-icon@4x.ios.png +0 -0
- package/lib/module/assets/clear-icon.png +0 -0
- package/lib/module/assets/clear-icon@1x.png +0 -0
- package/lib/module/assets/clear-icon@2x.png +0 -0
- package/lib/module/assets/clear-icon@3x.png +0 -0
- package/lib/module/assets/clear-icon@4x.png +0 -0
- package/lib/module/assets/close-icon.png +0 -0
- package/lib/module/assets/close-icon@1x.png +0 -0
- package/lib/module/assets/close-icon@2x.png +0 -0
- package/lib/module/assets/close-icon@3x.png +0 -0
- package/lib/module/assets/close-icon@4x.png +0 -0
- package/lib/module/assets/search-icon.png +0 -0
- package/lib/module/assets/search-icon@1x.android.png +0 -0
- package/lib/module/assets/search-icon@1x.ios.png +0 -0
- package/lib/module/assets/search-icon@2x.android.png +0 -0
- package/lib/module/assets/search-icon@2x.ios.png +0 -0
- package/lib/module/assets/search-icon@3x.android.png +0 -0
- package/lib/module/assets/search-icon@3x.ios.png +0 -0
- package/lib/module/assets/search-icon@4x.android.png +0 -0
- package/lib/module/assets/search-icon@4x.ios.png +0 -0
- package/lib/module/index.js +4 -1
- package/lib/module/index.js.map +1 -1
- package/lib/typescript/commonjs/src/Header/Header.d.ts +13 -0
- package/lib/typescript/commonjs/src/Header/Header.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/Header/HeaderBackButton.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/Header/HeaderIcon.d.ts +5 -0
- package/lib/typescript/commonjs/src/Header/HeaderIcon.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/Header/HeaderSearchBar.d.ts +10 -0
- package/lib/typescript/commonjs/src/Header/HeaderSearchBar.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/PlatformPressable.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/Screen.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/types.d.ts +63 -8
- package/lib/typescript/commonjs/src/types.d.ts.map +1 -1
- package/lib/typescript/commonjs/tsconfig.build.tsbuildinfo +1 -1
- package/lib/typescript/module/src/Header/Header.d.ts +13 -0
- package/lib/typescript/module/src/Header/Header.d.ts.map +1 -1
- package/lib/typescript/module/src/Header/HeaderBackButton.d.ts.map +1 -1
- package/lib/typescript/module/src/Header/HeaderIcon.d.ts +5 -0
- package/lib/typescript/module/src/Header/HeaderIcon.d.ts.map +1 -0
- package/lib/typescript/module/src/Header/HeaderSearchBar.d.ts +10 -0
- package/lib/typescript/module/src/Header/HeaderSearchBar.d.ts.map +1 -0
- package/lib/typescript/module/src/PlatformPressable.d.ts.map +1 -1
- package/lib/typescript/module/src/Screen.d.ts.map +1 -1
- package/lib/typescript/module/src/index.d.ts.map +1 -1
- package/lib/typescript/module/src/types.d.ts +63 -8
- package/lib/typescript/module/src/types.d.ts.map +1 -1
- package/lib/typescript/module/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +2 -2
- package/src/Header/Header.tsx +142 -53
- package/src/Header/HeaderBackButton.tsx +4 -15
- package/src/Header/HeaderIcon.tsx +36 -0
- package/src/Header/HeaderSearchBar.tsx +283 -0
- package/src/PlatformPressable.tsx +6 -1
- package/src/Screen.tsx +18 -14
- package/src/assets/back-icon-mask.png +0 -0
- package/src/assets/back-icon@4x.ios.png +0 -0
- package/src/assets/clear-icon.png +0 -0
- package/src/assets/clear-icon@1x.png +0 -0
- package/src/assets/clear-icon@2x.png +0 -0
- package/src/assets/clear-icon@3x.png +0 -0
- package/src/assets/clear-icon@4x.png +0 -0
- package/src/assets/close-icon.png +0 -0
- package/src/assets/close-icon@1x.png +0 -0
- package/src/assets/close-icon@2x.png +0 -0
- package/src/assets/close-icon@3x.png +0 -0
- package/src/assets/close-icon@4x.png +0 -0
- package/src/assets/search-icon.png +0 -0
- package/src/assets/search-icon@1x.android.png +0 -0
- package/src/assets/search-icon@1x.ios.png +0 -0
- package/src/assets/search-icon@2x.android.png +0 -0
- package/src/assets/search-icon@2x.ios.png +0 -0
- package/src/assets/search-icon@3x.android.png +0 -0
- package/src/assets/search-icon@3x.ios.png +0 -0
- package/src/assets/search-icon@4x.android.png +0 -0
- package/src/assets/search-icon@4x.ios.png +0 -0
- package/src/index.tsx +10 -1
- package/src/types.tsx +66 -8
|
@@ -1,16 +1,21 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { useTheme } from '@react-navigation/native';
|
|
3
|
+
import { useNavigation, useTheme } from '@react-navigation/native';
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import { Animated, Platform, StyleSheet, View } from 'react-native';
|
|
6
6
|
import { useSafeAreaFrame, useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
7
|
+
import searchIcon from '../assets/search-icon.png';
|
|
7
8
|
import { getDefaultHeaderHeight } from "./getDefaultHeaderHeight.js";
|
|
9
|
+
import { HeaderBackButton } from "./HeaderBackButton.js";
|
|
8
10
|
import { HeaderBackground } from "./HeaderBackground.js";
|
|
11
|
+
import { HeaderButton } from "./HeaderButton.js";
|
|
12
|
+
import { HeaderIcon } from "./HeaderIcon.js";
|
|
13
|
+
import { HeaderSearchBar } from "./HeaderSearchBar.js";
|
|
9
14
|
import { HeaderShownContext } from "./HeaderShownContext.js";
|
|
10
15
|
import { HeaderTitle } from "./HeaderTitle.js";
|
|
11
16
|
|
|
12
17
|
// Width of the screen in split layout on portrait mode on iPad Mini
|
|
13
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
18
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
14
19
|
const IPAD_MINI_MEDIUM_WIDTH = 414;
|
|
15
20
|
const warnIfHeaderStylesDefined = styles => {
|
|
16
21
|
Object.keys(styles).forEach(styleProp => {
|
|
@@ -28,15 +33,37 @@ export function Header(props) {
|
|
|
28
33
|
const {
|
|
29
34
|
colors
|
|
30
35
|
} = useTheme();
|
|
36
|
+
const navigation = useNavigation();
|
|
31
37
|
const isParentHeaderShown = React.useContext(HeaderShownContext);
|
|
38
|
+
const [searchBarVisible, setSearchBarVisible] = React.useState(false);
|
|
39
|
+
const [titleLayout, setTitleLayout] = React.useState(undefined);
|
|
40
|
+
const onTitleLayout = e => {
|
|
41
|
+
const {
|
|
42
|
+
height,
|
|
43
|
+
width
|
|
44
|
+
} = e.nativeEvent.layout;
|
|
45
|
+
setTitleLayout(titleLayout => {
|
|
46
|
+
if (titleLayout && height === titleLayout.height && width === titleLayout.width) {
|
|
47
|
+
return titleLayout;
|
|
48
|
+
}
|
|
49
|
+
return {
|
|
50
|
+
height,
|
|
51
|
+
width
|
|
52
|
+
};
|
|
53
|
+
});
|
|
54
|
+
};
|
|
32
55
|
const {
|
|
33
56
|
// eslint-disable-next-line @eslint-react/no-unstable-default-props
|
|
34
57
|
layout = frame,
|
|
35
58
|
modal = false,
|
|
59
|
+
back,
|
|
36
60
|
title,
|
|
37
61
|
headerTitle: customTitle,
|
|
38
62
|
headerTitleAlign = Platform.OS === 'ios' ? 'center' : 'left',
|
|
39
|
-
headerLeft,
|
|
63
|
+
headerLeft = back ? props => /*#__PURE__*/_jsx(HeaderBackButton, {
|
|
64
|
+
...props
|
|
65
|
+
}) : undefined,
|
|
66
|
+
headerSearchBarOptions,
|
|
40
67
|
headerTransparent,
|
|
41
68
|
headerTintColor,
|
|
42
69
|
headerBackground,
|
|
@@ -47,6 +74,7 @@ export function Header(props) {
|
|
|
47
74
|
headerRightContainerStyle: rightContainerStyle,
|
|
48
75
|
headerTitleContainerStyle: titleContainerStyle,
|
|
49
76
|
headerBackButtonDisplayMode = Platform.OS === 'ios' ? 'default' : 'minimal',
|
|
77
|
+
headerBackTitleStyle,
|
|
50
78
|
headerBackgroundContainerStyle: backgroundContainerStyle,
|
|
51
79
|
headerStyle: customHeaderStyle,
|
|
52
80
|
headerShadowVisible,
|
|
@@ -160,12 +188,20 @@ export function Header(props) {
|
|
|
160
188
|
tintColor: iconTintColor,
|
|
161
189
|
pressColor: headerPressColor,
|
|
162
190
|
pressOpacity: headerPressOpacity,
|
|
163
|
-
displayMode: headerBackButtonDisplayMode
|
|
191
|
+
displayMode: headerBackButtonDisplayMode,
|
|
192
|
+
titleLayout,
|
|
193
|
+
screenLayout: layout,
|
|
194
|
+
canGoBack: Boolean(back),
|
|
195
|
+
onPress: back ? navigation.goBack : undefined,
|
|
196
|
+
label: back?.title,
|
|
197
|
+
labelStyle: headerBackTitleStyle,
|
|
198
|
+
href: back?.href
|
|
164
199
|
}) : null;
|
|
165
200
|
const rightButton = headerRight ? headerRight({
|
|
166
201
|
tintColor: iconTintColor,
|
|
167
202
|
pressColor: headerPressColor,
|
|
168
|
-
pressOpacity: headerPressOpacity
|
|
203
|
+
pressOpacity: headerPressOpacity,
|
|
204
|
+
canGoBack: Boolean(back)
|
|
169
205
|
}) : null;
|
|
170
206
|
const headerTitle = typeof customTitle !== 'function' ? props => /*#__PURE__*/_jsx(HeaderTitle, {
|
|
171
207
|
...props
|
|
@@ -201,29 +237,55 @@ export function Header(props) {
|
|
|
201
237
|
marginStart: insets.left
|
|
202
238
|
}, leftContainerStyle],
|
|
203
239
|
children: leftButton
|
|
204
|
-
}), /*#__PURE__*/
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
children:
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
240
|
+
}), Platform.OS === 'ios' || !searchBarVisible ? /*#__PURE__*/_jsxs(_Fragment, {
|
|
241
|
+
children: [/*#__PURE__*/_jsx(Animated.View, {
|
|
242
|
+
pointerEvents: "box-none",
|
|
243
|
+
style: [styles.title, {
|
|
244
|
+
// Avoid the title from going offscreen or overlapping buttons
|
|
245
|
+
maxWidth: headerTitleAlign === 'center' ? layout.width - ((leftButton ? headerBackButtonDisplayMode !== 'minimal' ? 80 : 32 : 16) + (rightButton ? 16 : 0) + Math.max(insets.left, insets.right)) * 2 : layout.width - ((leftButton ? 52 : 16) + (rightButton ? 52 : 16) + insets.left - insets.right)
|
|
246
|
+
}, headerTitleAlign === 'left' && leftButton ? {
|
|
247
|
+
marginStart: 4
|
|
248
|
+
} : {
|
|
249
|
+
marginStart: 16
|
|
250
|
+
}, titleContainerStyle],
|
|
251
|
+
children: headerTitle({
|
|
252
|
+
children: title,
|
|
253
|
+
allowFontScaling: titleAllowFontScaling,
|
|
254
|
+
tintColor: headerTintColor,
|
|
255
|
+
onLayout: onTitleLayout,
|
|
256
|
+
style: titleStyle
|
|
257
|
+
})
|
|
258
|
+
}), /*#__PURE__*/_jsxs(Animated.View, {
|
|
259
|
+
pointerEvents: "box-none",
|
|
260
|
+
style: [styles.end, styles.expand, {
|
|
261
|
+
marginEnd: insets.right
|
|
262
|
+
}, rightContainerStyle],
|
|
263
|
+
children: [rightButton, headerSearchBarOptions ? /*#__PURE__*/_jsx(HeaderButton, {
|
|
264
|
+
tintColor: iconTintColor,
|
|
265
|
+
pressColor: headerPressColor,
|
|
266
|
+
pressOpacity: headerPressOpacity,
|
|
267
|
+
onPress: () => setSearchBarVisible(true),
|
|
268
|
+
children: /*#__PURE__*/_jsx(HeaderIcon, {
|
|
269
|
+
style: Boolean(iconTintColor) && {
|
|
270
|
+
tintColor: iconTintColor
|
|
271
|
+
},
|
|
272
|
+
source: searchIcon
|
|
273
|
+
})
|
|
274
|
+
}) : null]
|
|
275
|
+
})]
|
|
276
|
+
}) : null, Platform.OS === 'ios' || searchBarVisible ? /*#__PURE__*/_jsx(HeaderSearchBar, {
|
|
277
|
+
...headerSearchBarOptions,
|
|
278
|
+
visible: searchBarVisible,
|
|
279
|
+
onClose: () => {
|
|
280
|
+
setSearchBarVisible(false);
|
|
281
|
+
headerSearchBarOptions?.onClose?.();
|
|
282
|
+
},
|
|
283
|
+
style: [Platform.OS === 'ios' ? [StyleSheet.absoluteFill, {
|
|
284
|
+
backgroundColor: colors.card
|
|
285
|
+
}] : !leftButton && {
|
|
286
|
+
marginStart: 8
|
|
287
|
+
}]
|
|
288
|
+
}) : null]
|
|
227
289
|
})]
|
|
228
290
|
});
|
|
229
291
|
}
|
|
@@ -240,12 +302,14 @@ const styles = StyleSheet.create({
|
|
|
240
302
|
justifyContent: 'center'
|
|
241
303
|
},
|
|
242
304
|
start: {
|
|
243
|
-
|
|
244
|
-
alignItems: '
|
|
305
|
+
flexDirection: 'row',
|
|
306
|
+
alignItems: 'center',
|
|
307
|
+
justifyContent: 'flex-start'
|
|
245
308
|
},
|
|
246
309
|
end: {
|
|
247
|
-
|
|
248
|
-
alignItems: '
|
|
310
|
+
flexDirection: 'row',
|
|
311
|
+
alignItems: 'center',
|
|
312
|
+
justifyContent: 'flex-end'
|
|
249
313
|
},
|
|
250
314
|
expand: {
|
|
251
315
|
flexGrow: 1,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useTheme","React","Animated","Platform","StyleSheet","View","useSafeAreaFrame","useSafeAreaInsets","getDefaultHeaderHeight","HeaderBackground","HeaderShownContext","HeaderTitle","jsx","_jsx","jsxs","_jsxs","IPAD_MINI_MEDIUM_WIDTH","warnIfHeaderStylesDefined","styles","Object","keys","forEach","styleProp","value","console","warn","undefined","Header","props","insets","frame","colors","isParentHeaderShown","useContext","layout","modal","title","headerTitle","customTitle","headerTitleAlign","OS","headerLeft","headerTransparent","headerTintColor","headerBackground","headerRight","headerTitleAllowFontScaling","titleAllowFontScaling","headerTitleStyle","titleStyle","headerLeftContainerStyle","leftContainerStyle","headerRightContainerStyle","rightContainerStyle","headerTitleContainerStyle","titleContainerStyle","headerBackButtonDisplayMode","headerBackgroundContainerStyle","backgroundContainerStyle","headerStyle","customHeaderStyle","headerShadowVisible","headerPressColor","headerPressOpacity","headerStatusBarHeight","top","defaultHeight","height","minHeight","maxHeight","backgroundColor","borderBottomColor","borderBottomEndRadius","borderBottomLeftRadius","borderBottomRightRadius","borderBottomStartRadius","borderBottomWidth","borderColor","borderEndColor","borderEndWidth","borderLeftColor","borderLeftWidth","borderRadius","borderRightColor","borderRightWidth","borderStartColor","borderStartWidth","borderStyle","borderTopColor","borderTopEndRadius","borderTopLeftRadius","borderTopRightRadius","borderTopStartRadius","borderTopWidth","borderWidth","boxShadow","elevation","shadowColor","shadowOffset","shadowOpacity","shadowRadius","opacity","transform","unsafeStyles","flatten","process","env","NODE_ENV","safeStyles","backgroundStyle","iconTintColor","select","ios","primary","default","text","leftButton","tintColor","pressColor","pressOpacity","displayMode","rightButton","pointerEvents","style","children","absoluteFill","content","width","large","start","expand","marginStart","left","maxWidth","Math","max","right","allowFontScaling","end","marginEnd","create","flex","flexDirection","alignItems","marginHorizontal","justifyContent","flexGrow","flexBasis"],"sourceRoot":"../../../src","sources":["Header/Header.tsx"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["useNavigation","useTheme","React","Animated","Platform","StyleSheet","View","useSafeAreaFrame","useSafeAreaInsets","searchIcon","getDefaultHeaderHeight","HeaderBackButton","HeaderBackground","HeaderButton","HeaderIcon","HeaderSearchBar","HeaderShownContext","HeaderTitle","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","IPAD_MINI_MEDIUM_WIDTH","warnIfHeaderStylesDefined","styles","Object","keys","forEach","styleProp","value","console","warn","undefined","Header","props","insets","frame","colors","navigation","isParentHeaderShown","useContext","searchBarVisible","setSearchBarVisible","useState","titleLayout","setTitleLayout","onTitleLayout","e","height","width","nativeEvent","layout","modal","back","title","headerTitle","customTitle","headerTitleAlign","OS","headerLeft","headerSearchBarOptions","headerTransparent","headerTintColor","headerBackground","headerRight","headerTitleAllowFontScaling","titleAllowFontScaling","headerTitleStyle","titleStyle","headerLeftContainerStyle","leftContainerStyle","headerRightContainerStyle","rightContainerStyle","headerTitleContainerStyle","titleContainerStyle","headerBackButtonDisplayMode","headerBackTitleStyle","headerBackgroundContainerStyle","backgroundContainerStyle","headerStyle","customHeaderStyle","headerShadowVisible","headerPressColor","headerPressOpacity","headerStatusBarHeight","top","defaultHeight","minHeight","maxHeight","backgroundColor","borderBottomColor","borderBottomEndRadius","borderBottomLeftRadius","borderBottomRightRadius","borderBottomStartRadius","borderBottomWidth","borderColor","borderEndColor","borderEndWidth","borderLeftColor","borderLeftWidth","borderRadius","borderRightColor","borderRightWidth","borderStartColor","borderStartWidth","borderStyle","borderTopColor","borderTopEndRadius","borderTopLeftRadius","borderTopRightRadius","borderTopStartRadius","borderTopWidth","borderWidth","boxShadow","elevation","shadowColor","shadowOffset","shadowOpacity","shadowRadius","opacity","transform","unsafeStyles","flatten","process","env","NODE_ENV","safeStyles","backgroundStyle","iconTintColor","select","ios","primary","default","text","leftButton","tintColor","pressColor","pressOpacity","displayMode","screenLayout","canGoBack","Boolean","onPress","goBack","label","labelStyle","href","rightButton","pointerEvents","style","children","absoluteFill","content","large","start","expand","marginStart","left","maxWidth","Math","max","right","allowFontScaling","onLayout","end","marginEnd","source","visible","onClose","card","create","flex","flexDirection","alignItems","marginHorizontal","justifyContent","flexGrow","flexBasis"],"sourceRoot":"../../../src","sources":["Header/Header.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -7,6 +7,7 @@ import backIcon from '../assets/back-icon.png';
|
|
|
7
7
|
import backIconMask from '../assets/back-icon-mask.png';
|
|
8
8
|
import { MaskedView } from '../MaskedView';
|
|
9
9
|
import { HeaderButton } from "./HeaderButton.js";
|
|
10
|
+
import { HeaderIcon, ICON_MARGIN } from "./HeaderIcon.js";
|
|
10
11
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
11
12
|
export function HeaderBackButton({
|
|
12
13
|
disabled,
|
|
@@ -43,13 +44,11 @@ export function HeaderBackButton({
|
|
|
43
44
|
tintColor: tintColor ?? colors.text
|
|
44
45
|
});
|
|
45
46
|
} else {
|
|
46
|
-
return /*#__PURE__*/_jsx(
|
|
47
|
-
style: [styles.icon,
|
|
47
|
+
return /*#__PURE__*/_jsx(HeaderIcon, {
|
|
48
|
+
style: [styles.icon, displayMode !== 'minimal' && styles.iconWithLabel, Boolean(tintColor) && {
|
|
48
49
|
tintColor
|
|
49
50
|
}],
|
|
50
|
-
|
|
51
|
-
source: backIcon,
|
|
52
|
-
fadeDuration: 0
|
|
51
|
+
source: backIcon
|
|
53
52
|
});
|
|
54
53
|
}
|
|
55
54
|
};
|
|
@@ -57,7 +56,7 @@ export function HeaderBackButton({
|
|
|
57
56
|
if (displayMode === 'minimal') {
|
|
58
57
|
return null;
|
|
59
58
|
}
|
|
60
|
-
const availableSpace = titleLayout && screenLayout ? (screenLayout.width - titleLayout.width) / 2 - (ICON_WIDTH +
|
|
59
|
+
const availableSpace = titleLayout && screenLayout ? (screenLayout.width - titleLayout.width) / 2 - (ICON_WIDTH + ICON_MARGIN) : null;
|
|
61
60
|
const potentialLabelText = displayMode === 'default' ? label : truncatedLabel;
|
|
62
61
|
const finalLabelText = availableSpace && labelWidth && truncatedLabelWidth ? availableSpace > labelWidth ? potentialLabelText : availableSpace > truncatedLabelWidth ? truncatedLabel : null : potentialLabelText;
|
|
63
62
|
const commonStyle = [fonts.regular, styles.label, labelStyle];
|
|
@@ -133,10 +132,7 @@ export function HeaderBackButton({
|
|
|
133
132
|
});
|
|
134
133
|
}
|
|
135
134
|
const ICON_WIDTH = Platform.OS === 'ios' ? 13 : 24;
|
|
136
|
-
const ICON_HEIGHT = Platform.OS === 'ios' ? 21 : 24;
|
|
137
|
-
const ICON_MARGIN_START = Platform.OS === 'ios' ? 8 : 3;
|
|
138
135
|
const ICON_MARGIN_END = Platform.OS === 'ios' ? 22 : 3;
|
|
139
|
-
const ICON_MARGIN_VERTICAL = Platform.OS === 'ios' ? 8 : 3;
|
|
140
136
|
const styles = StyleSheet.create({
|
|
141
137
|
container: {
|
|
142
138
|
paddingHorizontal: 0,
|
|
@@ -161,21 +157,11 @@ const styles = StyleSheet.create({
|
|
|
161
157
|
// Otherwise it messes with the measurement of the label
|
|
162
158
|
flexDirection: 'row',
|
|
163
159
|
alignItems: 'flex-start',
|
|
164
|
-
|
|
165
|
-
ios: {
|
|
166
|
-
marginEnd: 8
|
|
167
|
-
},
|
|
168
|
-
default: {
|
|
169
|
-
marginEnd: 3
|
|
170
|
-
}
|
|
171
|
-
})
|
|
160
|
+
marginEnd: ICON_MARGIN
|
|
172
161
|
},
|
|
173
162
|
icon: {
|
|
174
|
-
height: ICON_HEIGHT,
|
|
175
163
|
width: ICON_WIDTH,
|
|
176
|
-
|
|
177
|
-
marginEnd: ICON_MARGIN_END,
|
|
178
|
-
marginVertical: ICON_MARGIN_VERTICAL
|
|
164
|
+
marginEnd: ICON_MARGIN_END
|
|
179
165
|
},
|
|
180
166
|
iconWithLabel: Platform.OS === 'ios' ? {
|
|
181
167
|
marginEnd: 6
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useLocale","useTheme","React","Animated","Image","Platform","StyleSheet","View","backIcon","backIconMask","MaskedView","HeaderButton","jsx","_jsx","jsxs","_jsxs","HeaderBackButton","disabled","allowFontScaling","backImage","label","labelStyle","displayMode","OS","onLabelLayout","onPress","pressColor","pressOpacity","screenLayout","tintColor","titleLayout","truncatedLabel","accessibilityLabel","testID","style","href","colors","fonts","direction","labelWidth","setLabelWidth","useState","truncatedLabelWidth","setTruncatedLabelWidth","renderBackImage","text","styles","icon","
|
|
1
|
+
{"version":3,"names":["useLocale","useTheme","React","Animated","Image","Platform","StyleSheet","View","backIcon","backIconMask","MaskedView","HeaderButton","HeaderIcon","ICON_MARGIN","jsx","_jsx","jsxs","_jsxs","HeaderBackButton","disabled","allowFontScaling","backImage","label","labelStyle","displayMode","OS","onLabelLayout","onPress","pressColor","pressOpacity","screenLayout","tintColor","titleLayout","truncatedLabel","accessibilityLabel","testID","style","href","colors","fonts","direction","labelWidth","setLabelWidth","useState","truncatedLabelWidth","setTruncatedLabelWidth","renderBackImage","text","styles","icon","iconWithLabel","Boolean","source","renderLabel","availableSpace","width","ICON_WIDTH","potentialLabelText","finalLabelText","commonStyle","regular","hiddenStyle","position","top","left","opacity","labelElement","labelWrapper","children","Text","numberOfLines","onLayout","e","nativeEvent","layout","accessible","color","maskElement","iconMaskContainer","minWidth","resizeMode","iconMask","flip","iconMaskFillerRect","handlePress","requestAnimationFrame","container","Fragment","ICON_MARGIN_END","create","paddingHorizontal","hairlineWidth","select","ios","default","marginVertical","marginHorizontal","fontSize","letterSpacing","flexDirection","alignItems","marginEnd","flex","justifyContent","backgroundColor","height","marginStart","alignSelf","transform"],"sourceRoot":"../../../src","sources":["Header/HeaderBackButton.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useLocale, useTheme } from '@react-navigation/native';
|
|
4
|
+
import { Image, Platform, StyleSheet } from 'react-native';
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
export function HeaderIcon({
|
|
7
|
+
source,
|
|
8
|
+
style,
|
|
9
|
+
...rest
|
|
10
|
+
}) {
|
|
11
|
+
const {
|
|
12
|
+
colors
|
|
13
|
+
} = useTheme();
|
|
14
|
+
const {
|
|
15
|
+
direction
|
|
16
|
+
} = useLocale();
|
|
17
|
+
return /*#__PURE__*/_jsx(Image, {
|
|
18
|
+
source: source,
|
|
19
|
+
resizeMode: "contain",
|
|
20
|
+
fadeDuration: 0,
|
|
21
|
+
style: [styles.icon, direction === 'rtl' && styles.flip, {
|
|
22
|
+
tintColor: colors.text
|
|
23
|
+
}, style],
|
|
24
|
+
...rest
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
export const ICON_SIZE = Platform.OS === 'ios' ? 21 : 24;
|
|
28
|
+
export const ICON_MARGIN = Platform.OS === 'ios' ? 8 : 3;
|
|
29
|
+
const styles = StyleSheet.create({
|
|
30
|
+
icon: {
|
|
31
|
+
width: ICON_SIZE,
|
|
32
|
+
height: ICON_SIZE,
|
|
33
|
+
margin: ICON_MARGIN
|
|
34
|
+
},
|
|
35
|
+
flip: {
|
|
36
|
+
transform: 'scaleX(-1)'
|
|
37
|
+
}
|
|
38
|
+
});
|
|
39
|
+
//# sourceMappingURL=HeaderIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useLocale","useTheme","Image","Platform","StyleSheet","jsx","_jsx","HeaderIcon","source","style","rest","colors","direction","resizeMode","fadeDuration","styles","icon","flip","tintColor","text","ICON_SIZE","OS","ICON_MARGIN","create","width","height","margin","transform"],"sourceRoot":"../../../src","sources":["Header/HeaderIcon.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,0BAA0B;AAC9D,SAASC,KAAK,EAAmBC,QAAQ,EAAEC,UAAU,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE5E,OAAO,SAASC,UAAUA,CAAC;EAAEC,MAAM;EAAEC,KAAK;EAAE,GAAGC;AAAiB,CAAC,EAAE;EACjE,MAAM;IAAEC;EAAO,CAAC,GAAGV,QAAQ,CAAC,CAAC;EAC7B,MAAM;IAAEW;EAAU,CAAC,GAAGZ,SAAS,CAAC,CAAC;EAEjC,oBACEM,IAAA,CAACJ,KAAK;IACJM,MAAM,EAAEA,MAAO;IACfK,UAAU,EAAC,SAAS;IACpBC,YAAY,EAAE,CAAE;IAChBL,KAAK,EAAE,CACLM,MAAM,CAACC,IAAI,EACXJ,SAAS,KAAK,KAAK,IAAIG,MAAM,CAACE,IAAI,EAClC;MAAEC,SAAS,EAAEP,MAAM,CAACQ;IAAK,CAAC,EAC1BV,KAAK,CACL;IAAA,GACEC;EAAI,CACT,CAAC;AAEN;AAEA,OAAO,MAAMU,SAAS,GAAGjB,QAAQ,CAACkB,EAAE,KAAK,KAAK,GAAG,EAAE,GAAG,EAAE;AACxD,OAAO,MAAMC,WAAW,GAAGnB,QAAQ,CAACkB,EAAE,KAAK,KAAK,GAAG,CAAC,GAAG,CAAC;AAExD,MAAMN,MAAM,GAAGX,UAAU,CAACmB,MAAM,CAAC;EAC/BP,IAAI,EAAE;IACJQ,KAAK,EAAEJ,SAAS;IAChBK,MAAM,EAAEL,SAAS;IACjBM,MAAM,EAAEJ;EACV,CAAC;EACDL,IAAI,EAAE;IACJU,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,260 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useNavigation, useTheme } from '@react-navigation/native';
|
|
4
|
+
import Color from 'color';
|
|
5
|
+
import * as React from 'react';
|
|
6
|
+
import { Animated, Image, Platform, StyleSheet, TextInput, View } from 'react-native';
|
|
7
|
+
import clearIcon from '../assets/clear-icon.png';
|
|
8
|
+
import closeIcon from '../assets/close-icon.png';
|
|
9
|
+
import searchIcon from '../assets/search-icon.png';
|
|
10
|
+
import { PlatformPressable } from "../PlatformPressable.js";
|
|
11
|
+
import { Text } from "../Text.js";
|
|
12
|
+
import { HeaderButton } from "./HeaderButton.js";
|
|
13
|
+
import { HeaderIcon } from "./HeaderIcon.js";
|
|
14
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
15
|
+
const INPUT_TYPE_TO_MODE = {
|
|
16
|
+
text: 'text',
|
|
17
|
+
number: 'numeric',
|
|
18
|
+
phone: 'tel',
|
|
19
|
+
email: 'email'
|
|
20
|
+
};
|
|
21
|
+
export function HeaderSearchBar({
|
|
22
|
+
visible,
|
|
23
|
+
inputType,
|
|
24
|
+
autoFocus = true,
|
|
25
|
+
placeholder = 'Search',
|
|
26
|
+
cancelButtonText = 'Cancel',
|
|
27
|
+
onChangeText,
|
|
28
|
+
onClose,
|
|
29
|
+
style,
|
|
30
|
+
...rest
|
|
31
|
+
}) {
|
|
32
|
+
const navigation = useNavigation();
|
|
33
|
+
const {
|
|
34
|
+
dark,
|
|
35
|
+
colors,
|
|
36
|
+
fonts
|
|
37
|
+
} = useTheme();
|
|
38
|
+
const [value, setValue] = React.useState('');
|
|
39
|
+
const [rendered, setRendered] = React.useState(visible);
|
|
40
|
+
const [visibleAnim] = React.useState(() => new Animated.Value(visible ? 1 : 0));
|
|
41
|
+
const [clearVisibleAnim] = React.useState(() => new Animated.Value(0));
|
|
42
|
+
const visibleValueRef = React.useRef(visible);
|
|
43
|
+
const clearVisibleValueRef = React.useRef(false);
|
|
44
|
+
const inputRef = React.useRef(null);
|
|
45
|
+
React.useEffect(() => {
|
|
46
|
+
// Avoid act warning in tests just by rendering header
|
|
47
|
+
if (visible === visibleValueRef.current) {
|
|
48
|
+
return;
|
|
49
|
+
}
|
|
50
|
+
Animated.timing(visibleAnim, {
|
|
51
|
+
toValue: visible ? 1 : 0,
|
|
52
|
+
duration: 100,
|
|
53
|
+
useNativeDriver: true
|
|
54
|
+
}).start(({
|
|
55
|
+
finished
|
|
56
|
+
}) => {
|
|
57
|
+
if (finished) {
|
|
58
|
+
setRendered(visible);
|
|
59
|
+
visibleValueRef.current = visible;
|
|
60
|
+
}
|
|
61
|
+
});
|
|
62
|
+
return () => {
|
|
63
|
+
visibleAnim.stopAnimation();
|
|
64
|
+
};
|
|
65
|
+
}, [visible, visibleAnim]);
|
|
66
|
+
const hasText = value !== '';
|
|
67
|
+
React.useEffect(() => {
|
|
68
|
+
if (clearVisibleValueRef.current === hasText) {
|
|
69
|
+
return;
|
|
70
|
+
}
|
|
71
|
+
Animated.timing(clearVisibleAnim, {
|
|
72
|
+
toValue: hasText ? 1 : 0,
|
|
73
|
+
duration: 100,
|
|
74
|
+
useNativeDriver: true
|
|
75
|
+
}).start(({
|
|
76
|
+
finished
|
|
77
|
+
}) => {
|
|
78
|
+
if (finished) {
|
|
79
|
+
clearVisibleValueRef.current = hasText;
|
|
80
|
+
}
|
|
81
|
+
});
|
|
82
|
+
}, [clearVisibleAnim, hasText]);
|
|
83
|
+
const onClear = React.useCallback(() => {
|
|
84
|
+
inputRef.current?.clear();
|
|
85
|
+
inputRef.current?.focus();
|
|
86
|
+
setValue('');
|
|
87
|
+
// FIXME: figure out how to create a SyntheticEvent
|
|
88
|
+
// @ts-expect-error: we don't have the native event here
|
|
89
|
+
onChangeText?.({
|
|
90
|
+
nativeEvent: {
|
|
91
|
+
text: ''
|
|
92
|
+
}
|
|
93
|
+
});
|
|
94
|
+
}, [onChangeText]);
|
|
95
|
+
React.useEffect(() => navigation?.addListener('blur', () => {
|
|
96
|
+
onClear();
|
|
97
|
+
onClose();
|
|
98
|
+
}), [navigation, onClear, onClose]);
|
|
99
|
+
if (!visible && !rendered) {
|
|
100
|
+
return null;
|
|
101
|
+
}
|
|
102
|
+
return /*#__PURE__*/_jsxs(Animated.View, {
|
|
103
|
+
pointerEvents: visible ? 'auto' : 'none',
|
|
104
|
+
accessibilityLiveRegion: "polite",
|
|
105
|
+
accessibilityElementsHidden: !visible,
|
|
106
|
+
importantForAccessibility: visible ? 'auto' : 'no-hide-descendants',
|
|
107
|
+
style: [styles.container, {
|
|
108
|
+
opacity: visibleAnim
|
|
109
|
+
}, style],
|
|
110
|
+
children: [/*#__PURE__*/_jsxs(View, {
|
|
111
|
+
style: styles.searchbarContainer,
|
|
112
|
+
children: [/*#__PURE__*/_jsx(HeaderIcon, {
|
|
113
|
+
source: searchIcon,
|
|
114
|
+
style: styles.inputSearchIcon
|
|
115
|
+
}), /*#__PURE__*/_jsx(TextInput, {
|
|
116
|
+
...rest,
|
|
117
|
+
ref: inputRef,
|
|
118
|
+
onChange: onChangeText,
|
|
119
|
+
onChangeText: setValue,
|
|
120
|
+
autoFocus: autoFocus,
|
|
121
|
+
inputMode: INPUT_TYPE_TO_MODE[inputType ?? 'text'],
|
|
122
|
+
placeholder: placeholder,
|
|
123
|
+
placeholderTextColor: Color(colors.text).alpha(0.5).string(),
|
|
124
|
+
cursorColor: colors.primary,
|
|
125
|
+
selectionHandleColor: colors.primary,
|
|
126
|
+
selectionColor: Color(colors.primary).alpha(0.3).string(),
|
|
127
|
+
style: [fonts.regular, styles.searchbar, {
|
|
128
|
+
backgroundColor: Platform.select({
|
|
129
|
+
ios: dark ? 'rgba(255, 255, 255, 0.1)' : 'rgba(0, 0, 0, 0.1)',
|
|
130
|
+
default: 'transparent'
|
|
131
|
+
}),
|
|
132
|
+
color: colors.text,
|
|
133
|
+
borderBottomColor: colors.border
|
|
134
|
+
}]
|
|
135
|
+
}), Platform.OS === 'ios' ? /*#__PURE__*/_jsx(PlatformPressable, {
|
|
136
|
+
onPress: onClear,
|
|
137
|
+
style: [{
|
|
138
|
+
opacity: clearVisibleAnim,
|
|
139
|
+
transform: [{
|
|
140
|
+
scale: clearVisibleAnim
|
|
141
|
+
}]
|
|
142
|
+
}, styles.clearButton],
|
|
143
|
+
children: /*#__PURE__*/_jsx(Image, {
|
|
144
|
+
source: clearIcon,
|
|
145
|
+
resizeMode: "contain",
|
|
146
|
+
style: [styles.clearIcon, {
|
|
147
|
+
tintColor: colors.text
|
|
148
|
+
}]
|
|
149
|
+
})
|
|
150
|
+
}) : null]
|
|
151
|
+
}), Platform.OS !== 'ios' ? /*#__PURE__*/_jsx(HeaderButton, {
|
|
152
|
+
onPress: () => {
|
|
153
|
+
if (value) {
|
|
154
|
+
onClear();
|
|
155
|
+
} else {
|
|
156
|
+
onClose();
|
|
157
|
+
}
|
|
158
|
+
},
|
|
159
|
+
style: styles.closeButton,
|
|
160
|
+
children: /*#__PURE__*/_jsx(HeaderIcon, {
|
|
161
|
+
source: closeIcon
|
|
162
|
+
})
|
|
163
|
+
}) : null, Platform.OS === 'ios' ? /*#__PURE__*/_jsx(PlatformPressable, {
|
|
164
|
+
onPress: () => {
|
|
165
|
+
onClear();
|
|
166
|
+
onClose();
|
|
167
|
+
},
|
|
168
|
+
style: styles.cancelButton,
|
|
169
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
170
|
+
style: [fonts.regular, {
|
|
171
|
+
color: colors.primary
|
|
172
|
+
}, styles.cancelText],
|
|
173
|
+
children: cancelButtonText
|
|
174
|
+
})
|
|
175
|
+
}) : null]
|
|
176
|
+
});
|
|
177
|
+
}
|
|
178
|
+
const styles = StyleSheet.create({
|
|
179
|
+
container: {
|
|
180
|
+
flex: 1,
|
|
181
|
+
flexDirection: 'row',
|
|
182
|
+
alignItems: 'stretch'
|
|
183
|
+
},
|
|
184
|
+
inputSearchIcon: {
|
|
185
|
+
position: 'absolute',
|
|
186
|
+
opacity: 0.5,
|
|
187
|
+
left: Platform.select({
|
|
188
|
+
ios: 16,
|
|
189
|
+
default: 4
|
|
190
|
+
}),
|
|
191
|
+
top: Platform.select({
|
|
192
|
+
ios: -1,
|
|
193
|
+
default: 17
|
|
194
|
+
}),
|
|
195
|
+
...Platform.select({
|
|
196
|
+
ios: {
|
|
197
|
+
height: 18,
|
|
198
|
+
width: 18
|
|
199
|
+
},
|
|
200
|
+
default: {}
|
|
201
|
+
})
|
|
202
|
+
},
|
|
203
|
+
closeButton: {
|
|
204
|
+
position: 'absolute',
|
|
205
|
+
opacity: 0.5,
|
|
206
|
+
right: Platform.select({
|
|
207
|
+
ios: 0,
|
|
208
|
+
default: 8
|
|
209
|
+
}),
|
|
210
|
+
top: Platform.select({
|
|
211
|
+
ios: -2,
|
|
212
|
+
default: 17
|
|
213
|
+
})
|
|
214
|
+
},
|
|
215
|
+
clearButton: {
|
|
216
|
+
position: 'absolute',
|
|
217
|
+
right: 0,
|
|
218
|
+
top: -7,
|
|
219
|
+
bottom: 0,
|
|
220
|
+
justifyContent: 'center',
|
|
221
|
+
padding: 8
|
|
222
|
+
},
|
|
223
|
+
clearIcon: {
|
|
224
|
+
height: 16,
|
|
225
|
+
width: 16,
|
|
226
|
+
opacity: 0.5
|
|
227
|
+
},
|
|
228
|
+
cancelButton: {
|
|
229
|
+
alignSelf: 'center',
|
|
230
|
+
top: -4
|
|
231
|
+
},
|
|
232
|
+
cancelText: {
|
|
233
|
+
fontSize: 17,
|
|
234
|
+
marginHorizontal: 12
|
|
235
|
+
},
|
|
236
|
+
searchbarContainer: {
|
|
237
|
+
flex: 1
|
|
238
|
+
},
|
|
239
|
+
searchbar: Platform.select({
|
|
240
|
+
ios: {
|
|
241
|
+
flex: 1,
|
|
242
|
+
fontSize: 17,
|
|
243
|
+
paddingHorizontal: 32,
|
|
244
|
+
marginLeft: 16,
|
|
245
|
+
marginTop: -2,
|
|
246
|
+
marginBottom: 5,
|
|
247
|
+
borderRadius: 8
|
|
248
|
+
},
|
|
249
|
+
default: {
|
|
250
|
+
flex: 1,
|
|
251
|
+
fontSize: 18,
|
|
252
|
+
paddingHorizontal: 36,
|
|
253
|
+
marginRight: 8,
|
|
254
|
+
marginTop: 8,
|
|
255
|
+
marginBottom: 8,
|
|
256
|
+
borderBottomWidth: 1
|
|
257
|
+
}
|
|
258
|
+
})
|
|
259
|
+
});
|
|
260
|
+
//# sourceMappingURL=HeaderSearchBar.js.map
|