@react-native-ohos/elements 2.3.9-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.OpenSource +11 -0
- package/README.md +9 -0
- package/lib/module/Background.js +22 -0
- package/lib/module/Background.js.map +1 -0
- package/lib/module/Button.js +106 -0
- package/lib/module/Button.js.map +1 -0
- package/lib/module/Header/Header.js +338 -0
- package/lib/module/Header/Header.js.map +1 -0
- package/lib/module/Header/HeaderBackButton.js +188 -0
- package/lib/module/Header/HeaderBackButton.js.map +1 -0
- package/lib/module/Header/HeaderBackContext.js +5 -0
- package/lib/module/Header/HeaderBackContext.js.map +1 -0
- package/lib/module/Header/HeaderBackground.js +47 -0
- package/lib/module/Header/HeaderBackground.js.map +1 -0
- package/lib/module/Header/HeaderButton.js +56 -0
- package/lib/module/Header/HeaderButton.js.map +1 -0
- package/lib/module/Header/HeaderHeightContext.js +5 -0
- package/lib/module/Header/HeaderHeightContext.js.map +1 -0
- package/lib/module/Header/HeaderIcon.js +38 -0
- package/lib/module/Header/HeaderIcon.js.map +1 -0
- package/lib/module/Header/HeaderSearchBar.js +288 -0
- package/lib/module/Header/HeaderSearchBar.js.map +1 -0
- package/lib/module/Header/HeaderShownContext.js +5 -0
- package/lib/module/Header/HeaderShownContext.js.map +1 -0
- package/lib/module/Header/HeaderTitle.js +41 -0
- package/lib/module/Header/HeaderTitle.js.map +1 -0
- package/lib/module/Header/getDefaultHeaderHeight.js +45 -0
- package/lib/module/Header/getDefaultHeaderHeight.js.map +1 -0
- package/lib/module/Header/getHeaderTitle.js +6 -0
- package/lib/module/Header/getHeaderTitle.js.map +1 -0
- package/lib/module/Header/useHeaderHeight.js +12 -0
- package/lib/module/Header/useHeaderHeight.js.map +1 -0
- package/lib/module/Label/Label.js +25 -0
- package/lib/module/Label/Label.js.map +1 -0
- package/lib/module/Label/getLabel.js +6 -0
- package/lib/module/Label/getLabel.js.map +1 -0
- package/lib/module/MaskedView.android.js +4 -0
- package/lib/module/MaskedView.android.js.map +1 -0
- package/lib/module/MaskedView.ios.js +4 -0
- package/lib/module/MaskedView.ios.js.map +1 -0
- package/lib/module/MaskedView.js +12 -0
- package/lib/module/MaskedView.js.map +1 -0
- package/lib/module/MaskedViewNative.js +30 -0
- package/lib/module/MaskedViewNative.js.map +1 -0
- package/lib/module/MissingIcon.js +24 -0
- package/lib/module/MissingIcon.js.map +1 -0
- package/lib/module/PlatformPressable.js +141 -0
- package/lib/module/PlatformPressable.js.map +1 -0
- package/lib/module/ResourceSavingView.js +57 -0
- package/lib/module/ResourceSavingView.js.map +1 -0
- package/lib/module/SafeAreaProviderCompat.js +58 -0
- package/lib/module/SafeAreaProviderCompat.js.map +1 -0
- package/lib/module/Screen.js +83 -0
- package/lib/module/Screen.js.map +1 -0
- package/lib/module/Text.js +22 -0
- package/lib/module/Text.js.map +1 -0
- package/lib/module/assets/back-icon-mask.png +0 -0
- package/lib/module/assets/back-icon.png +0 -0
- package/lib/module/assets/back-icon@1x.android.png +0 -0
- package/lib/module/assets/back-icon@1x.ios.png +0 -0
- package/lib/module/assets/back-icon@2x.android.png +0 -0
- package/lib/module/assets/back-icon@2x.ios.png +0 -0
- package/lib/module/assets/back-icon@3x.android.png +0 -0
- package/lib/module/assets/back-icon@3x.ios.png +0 -0
- package/lib/module/assets/back-icon@4x.android.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/getDefaultSidebarWidth.js +18 -0
- package/lib/module/getDefaultSidebarWidth.js.map +1 -0
- package/lib/module/getNamedContext.js +17 -0
- package/lib/module/getNamedContext.js.map +1 -0
- package/lib/module/index.js +32 -0
- package/lib/module/index.js.map +1 -0
- package/lib/module/package.json +1 -0
- package/lib/module/types.js +4 -0
- package/lib/module/types.js.map +1 -0
- package/lib/typescript/package.json +1 -0
- package/lib/typescript/src/Background.d.ts +9 -0
- package/lib/typescript/src/Background.d.ts.map +1 -0
- package/lib/typescript/src/Button.d.ts +13 -0
- package/lib/typescript/src/Button.d.ts.map +1 -0
- package/lib/typescript/src/Header/Header.d.ts +31 -0
- package/lib/typescript/src/Header/Header.d.ts.map +1 -0
- package/lib/typescript/src/Header/HeaderBackButton.d.ts +3 -0
- package/lib/typescript/src/Header/HeaderBackButton.d.ts.map +1 -0
- package/lib/typescript/src/Header/HeaderBackContext.d.ts +5 -0
- package/lib/typescript/src/Header/HeaderBackContext.d.ts.map +1 -0
- package/lib/typescript/src/Header/HeaderBackground.d.ts +9 -0
- package/lib/typescript/src/Header/HeaderBackground.d.ts.map +1 -0
- package/lib/typescript/src/Header/HeaderButton.d.ts +3 -0
- package/lib/typescript/src/Header/HeaderButton.d.ts.map +1 -0
- package/lib/typescript/src/Header/HeaderHeightContext.d.ts +2 -0
- package/lib/typescript/src/Header/HeaderHeightContext.d.ts.map +1 -0
- package/lib/typescript/src/Header/HeaderIcon.d.ts +5 -0
- package/lib/typescript/src/Header/HeaderIcon.d.ts.map +1 -0
- package/lib/typescript/src/Header/HeaderSearchBar.d.ts +10 -0
- package/lib/typescript/src/Header/HeaderSearchBar.d.ts.map +1 -0
- package/lib/typescript/src/Header/HeaderShownContext.d.ts +2 -0
- package/lib/typescript/src/Header/HeaderShownContext.d.ts.map +1 -0
- package/lib/typescript/src/Header/HeaderTitle.d.ts +9 -0
- package/lib/typescript/src/Header/HeaderTitle.d.ts.map +1 -0
- package/lib/typescript/src/Header/getDefaultHeaderHeight.d.ts +3 -0
- package/lib/typescript/src/Header/getDefaultHeaderHeight.d.ts.map +1 -0
- package/lib/typescript/src/Header/getHeaderTitle.d.ts +6 -0
- package/lib/typescript/src/Header/getHeaderTitle.d.ts.map +1 -0
- package/lib/typescript/src/Header/useHeaderHeight.d.ts +2 -0
- package/lib/typescript/src/Header/useHeaderHeight.d.ts.map +1 -0
- package/lib/typescript/src/Label/Label.d.ts +9 -0
- package/lib/typescript/src/Label/Label.d.ts.map +1 -0
- package/lib/typescript/src/Label/getLabel.d.ts +5 -0
- package/lib/typescript/src/Label/getLabel.d.ts.map +1 -0
- package/lib/typescript/src/MaskedView.android.d.ts +2 -0
- package/lib/typescript/src/MaskedView.android.d.ts.map +1 -0
- package/lib/typescript/src/MaskedView.d.ts +11 -0
- package/lib/typescript/src/MaskedView.d.ts.map +1 -0
- package/lib/typescript/src/MaskedView.ios.d.ts +2 -0
- package/lib/typescript/src/MaskedView.ios.d.ts.map +1 -0
- package/lib/typescript/src/MaskedViewNative.d.ts +11 -0
- package/lib/typescript/src/MaskedViewNative.d.ts.map +1 -0
- package/lib/typescript/src/MissingIcon.d.ts +9 -0
- package/lib/typescript/src/MissingIcon.d.ts.map +1 -0
- package/lib/typescript/src/PlatformPressable.d.ts +21 -0
- package/lib/typescript/src/PlatformPressable.d.ts.map +1 -0
- package/lib/typescript/src/ResourceSavingView.d.ts +10 -0
- package/lib/typescript/src/ResourceSavingView.d.ts.map +1 -0
- package/lib/typescript/src/SafeAreaProviderCompat.d.ts +12 -0
- package/lib/typescript/src/SafeAreaProviderCompat.d.ts.map +1 -0
- package/lib/typescript/src/Screen.d.ts +18 -0
- package/lib/typescript/src/Screen.d.ts.map +1 -0
- package/lib/typescript/src/Text.d.ts +3 -0
- package/lib/typescript/src/Text.d.ts.map +1 -0
- package/lib/typescript/src/__tests__/PlatformPressable.test.d.ts +2 -0
- package/lib/typescript/src/__tests__/PlatformPressable.test.d.ts.map +1 -0
- package/lib/typescript/src/getDefaultSidebarWidth.d.ts +4 -0
- package/lib/typescript/src/getDefaultSidebarWidth.d.ts.map +1 -0
- package/lib/typescript/src/getNamedContext.d.ts +6 -0
- package/lib/typescript/src/getNamedContext.d.ts.map +1 -0
- package/lib/typescript/src/index.d.ts +25 -0
- package/lib/typescript/src/index.d.ts.map +1 -0
- package/lib/typescript/src/types.d.ts +325 -0
- package/lib/typescript/src/types.d.ts.map +1 -0
- package/package.json +83 -0
- package/src/Background.tsx +24 -0
- package/src/Button.tsx +120 -0
- package/src/Header/Header.tsx +450 -0
- package/src/Header/HeaderBackButton.tsx +249 -0
- package/src/Header/HeaderBackContext.tsx +5 -0
- package/src/Header/HeaderBackground.tsx +60 -0
- package/src/Header/HeaderButton.tsx +55 -0
- package/src/Header/HeaderHeightContext.tsx +6 -0
- package/src/Header/HeaderIcon.tsx +32 -0
- package/src/Header/HeaderSearchBar.tsx +323 -0
- package/src/Header/HeaderShownContext.tsx +3 -0
- package/src/Header/HeaderTitle.tsx +48 -0
- package/src/Header/getDefaultHeaderHeight.tsx +54 -0
- package/src/Header/getHeaderTitle.tsx +12 -0
- package/src/Header/useHeaderHeight.tsx +15 -0
- package/src/Label/Label.tsx +31 -0
- package/src/Label/getLabel.tsx +10 -0
- package/src/MaskedView.android.tsx +1 -0
- package/src/MaskedView.ios.tsx +1 -0
- package/src/MaskedView.tsx +13 -0
- package/src/MaskedViewNative.tsx +33 -0
- package/src/MissingIcon.tsx +19 -0
- package/src/PlatformPressable.tsx +196 -0
- package/src/ResourceSavingView.tsx +76 -0
- package/src/SafeAreaProviderCompat.tsx +61 -0
- package/src/Screen.tsx +123 -0
- package/src/Text.tsx +14 -0
- package/src/__tests__/PlatformPressable.test.tsx +81 -0
- package/src/assets/back-icon-mask.png +0 -0
- package/src/assets/back-icon.png +0 -0
- package/src/assets/back-icon@1x.android.png +0 -0
- package/src/assets/back-icon@1x.ios.png +0 -0
- package/src/assets/back-icon@2x.android.png +0 -0
- package/src/assets/back-icon@2x.ios.png +0 -0
- package/src/assets/back-icon@3x.android.png +0 -0
- package/src/assets/back-icon@3x.ios.png +0 -0
- package/src/assets/back-icon@4x.android.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/getDefaultSidebarWidth.tsx +15 -0
- package/src/getNamedContext.tsx +30 -0
- package/src/index.tsx +38 -0
- package/src/types.tsx +338 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2017 React Navigation Contributors
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
[
|
|
2
|
+
{
|
|
3
|
+
"Name": "@react-navigation/elements",
|
|
4
|
+
"License": "MIT License",
|
|
5
|
+
"License File": " LICENSE ",
|
|
6
|
+
"Version Number": "2.3.8",
|
|
7
|
+
"Owner" : "xiafeng@huawei.com",
|
|
8
|
+
"Upstream URL": "https://github.com/react-navigation/react-navigation/tree/main/packages/elements",
|
|
9
|
+
"Description": "UI Components for React Navigation"
|
|
10
|
+
}
|
|
11
|
+
]
|
package/README.md
ADDED
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
# @react-native-ohos/elements
|
|
2
|
+
This project is based on [@react-navigation/elements](https://github.com/react-navigation/react-navigation/tree/main/packages/elements)
|
|
3
|
+
## Documentation
|
|
4
|
+
[中文](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-navigation-elements.md)
|
|
5
|
+
|
|
6
|
+
[English](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-navigation-elements.md)
|
|
7
|
+
|
|
8
|
+
## License
|
|
9
|
+
This library is licensed under [The MIT License (MIT)](https://opensource.org/license/MIT).
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useTheme } from '@react-navigation/native';
|
|
4
|
+
import * as React from 'react';
|
|
5
|
+
import { Animated } from 'react-native';
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
export function Background({
|
|
8
|
+
style,
|
|
9
|
+
...rest
|
|
10
|
+
}) {
|
|
11
|
+
const {
|
|
12
|
+
colors
|
|
13
|
+
} = useTheme();
|
|
14
|
+
return /*#__PURE__*/_jsx(Animated.View, {
|
|
15
|
+
...rest,
|
|
16
|
+
style: [{
|
|
17
|
+
flex: 1,
|
|
18
|
+
backgroundColor: colors.background
|
|
19
|
+
}, style]
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
//# sourceMappingURL=Background.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useTheme","React","Animated","jsx","_jsx","Background","style","rest","colors","View","flex","backgroundColor","background"],"sourceRoot":"..\\..\\src","sources":["Background.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,0BAA0B;AACnD,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,SACEC,QAAQ,QAIH,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOtB,OAAO,SAASC,UAAUA,CAAC;EAAEC,KAAK;EAAE,GAAGC;AAAY,CAAC,EAAE;EACpD,MAAM;IAAEC;EAAO,CAAC,GAAGR,QAAQ,CAAC,CAAC;EAE7B,oBACEI,IAAA,CAACF,QAAQ,CAACO,IAAI;IAAA,GACRF,IAAI;IACRD,KAAK,EAAE,CAAC;MAAEI,IAAI,EAAE,CAAC;MAAEC,eAAe,EAAEH,MAAM,CAACI;IAAW,CAAC,EAAEN,KAAK;EAAE,CACjE,CAAC;AAEN","ignoreList":[]}
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useLinkProps, useTheme } from '@react-navigation/native';
|
|
4
|
+
import Color from 'color';
|
|
5
|
+
import * as React from 'react';
|
|
6
|
+
import { Platform, StyleSheet } from 'react-native';
|
|
7
|
+
import { PlatformPressable } from "./PlatformPressable.js";
|
|
8
|
+
import { Text } from "./Text.js";
|
|
9
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
|
+
const BUTTON_RADIUS = 40;
|
|
11
|
+
export function Button(props) {
|
|
12
|
+
if ('screen' in props || 'action' in props) {
|
|
13
|
+
// @ts-expect-error: This is already type-checked by the prop types
|
|
14
|
+
return /*#__PURE__*/_jsx(ButtonLink, {
|
|
15
|
+
...props
|
|
16
|
+
});
|
|
17
|
+
} else {
|
|
18
|
+
return /*#__PURE__*/_jsx(ButtonBase, {
|
|
19
|
+
...props
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
function ButtonLink({
|
|
24
|
+
screen,
|
|
25
|
+
params,
|
|
26
|
+
action,
|
|
27
|
+
href,
|
|
28
|
+
...rest
|
|
29
|
+
}) {
|
|
30
|
+
// @ts-expect-error: This is already type-checked by the prop types
|
|
31
|
+
const props = useLinkProps({
|
|
32
|
+
screen,
|
|
33
|
+
params,
|
|
34
|
+
action,
|
|
35
|
+
href
|
|
36
|
+
});
|
|
37
|
+
return /*#__PURE__*/_jsx(ButtonBase, {
|
|
38
|
+
...rest,
|
|
39
|
+
...props
|
|
40
|
+
});
|
|
41
|
+
}
|
|
42
|
+
function ButtonBase({
|
|
43
|
+
variant = 'tinted',
|
|
44
|
+
color: customColor,
|
|
45
|
+
android_ripple,
|
|
46
|
+
style,
|
|
47
|
+
children,
|
|
48
|
+
...rest
|
|
49
|
+
}) {
|
|
50
|
+
const {
|
|
51
|
+
colors,
|
|
52
|
+
fonts
|
|
53
|
+
} = useTheme();
|
|
54
|
+
const color = customColor ?? colors.primary;
|
|
55
|
+
let backgroundColor;
|
|
56
|
+
let textColor;
|
|
57
|
+
switch (variant) {
|
|
58
|
+
case 'plain':
|
|
59
|
+
backgroundColor = 'transparent';
|
|
60
|
+
textColor = color;
|
|
61
|
+
break;
|
|
62
|
+
case 'tinted':
|
|
63
|
+
backgroundColor = Color(color).fade(0.85).string();
|
|
64
|
+
textColor = color;
|
|
65
|
+
break;
|
|
66
|
+
case 'filled':
|
|
67
|
+
backgroundColor = color;
|
|
68
|
+
textColor = Color(color).isDark() ? 'white' : Color(color).darken(0.71).string();
|
|
69
|
+
break;
|
|
70
|
+
}
|
|
71
|
+
return /*#__PURE__*/_jsx(PlatformPressable, {
|
|
72
|
+
...rest,
|
|
73
|
+
android_ripple: {
|
|
74
|
+
radius: BUTTON_RADIUS,
|
|
75
|
+
color: Color(textColor).fade(0.85).string(),
|
|
76
|
+
...android_ripple
|
|
77
|
+
},
|
|
78
|
+
pressOpacity: Platform.OS === 'ios' ? undefined : 1,
|
|
79
|
+
hoverEffect: {
|
|
80
|
+
color: textColor
|
|
81
|
+
},
|
|
82
|
+
style: [{
|
|
83
|
+
backgroundColor
|
|
84
|
+
}, styles.button, style],
|
|
85
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
86
|
+
style: [{
|
|
87
|
+
color: textColor
|
|
88
|
+
}, fonts.regular, styles.text],
|
|
89
|
+
children: children
|
|
90
|
+
})
|
|
91
|
+
});
|
|
92
|
+
}
|
|
93
|
+
const styles = StyleSheet.create({
|
|
94
|
+
button: {
|
|
95
|
+
paddingHorizontal: 24,
|
|
96
|
+
paddingVertical: 10,
|
|
97
|
+
borderRadius: BUTTON_RADIUS
|
|
98
|
+
},
|
|
99
|
+
text: {
|
|
100
|
+
fontSize: 14,
|
|
101
|
+
lineHeight: 20,
|
|
102
|
+
letterSpacing: 0.1,
|
|
103
|
+
textAlign: 'center'
|
|
104
|
+
}
|
|
105
|
+
});
|
|
106
|
+
//# sourceMappingURL=Button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useLinkProps","useTheme","Color","React","Platform","StyleSheet","PlatformPressable","Text","jsx","_jsx","BUTTON_RADIUS","Button","props","ButtonLink","ButtonBase","screen","params","action","href","rest","variant","color","customColor","android_ripple","style","children","colors","fonts","primary","backgroundColor","textColor","fade","string","isDark","darken","radius","pressOpacity","OS","undefined","hoverEffect","styles","button","regular","text","create","paddingHorizontal","paddingVertical","borderRadius","fontSize","lineHeight","letterSpacing","textAlign"],"sourceRoot":"..\\..\\src","sources":["Button.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,338 @@
|
|
|
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, Platform, StyleSheet, View } from 'react-native';
|
|
7
|
+
import { useSafeAreaFrame, useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
8
|
+
import searchIcon from '../assets/search-icon.png';
|
|
9
|
+
import { getDefaultHeaderHeight } from "./getDefaultHeaderHeight.js";
|
|
10
|
+
import { HeaderBackButton } from "./HeaderBackButton.js";
|
|
11
|
+
import { HeaderBackground } from "./HeaderBackground.js";
|
|
12
|
+
import { HeaderButton } from "./HeaderButton.js";
|
|
13
|
+
import { HeaderIcon } from "./HeaderIcon.js";
|
|
14
|
+
import { HeaderSearchBar } from "./HeaderSearchBar.js";
|
|
15
|
+
import { HeaderShownContext } from "./HeaderShownContext.js";
|
|
16
|
+
import { HeaderTitle } from "./HeaderTitle.js";
|
|
17
|
+
|
|
18
|
+
// Width of the screen in split layout on portrait mode on iPad Mini
|
|
19
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
20
|
+
const IPAD_MINI_MEDIUM_WIDTH = 414;
|
|
21
|
+
const warnIfHeaderStylesDefined = styles => {
|
|
22
|
+
Object.keys(styles).forEach(styleProp => {
|
|
23
|
+
const value = styles[styleProp];
|
|
24
|
+
if (styleProp === 'position' && value === 'absolute') {
|
|
25
|
+
console.warn("position: 'absolute' is not supported on headerStyle. If you would like to render content under the header, use the 'headerTransparent' option.");
|
|
26
|
+
} else if (value !== undefined) {
|
|
27
|
+
console.warn(`${styleProp} was given a value of ${value}, this has no effect on headerStyle.`);
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
};
|
|
31
|
+
export function Header(props) {
|
|
32
|
+
const insets = useSafeAreaInsets();
|
|
33
|
+
const frame = useSafeAreaFrame();
|
|
34
|
+
const {
|
|
35
|
+
colors
|
|
36
|
+
} = useTheme();
|
|
37
|
+
const navigation = useNavigation();
|
|
38
|
+
const isParentHeaderShown = React.useContext(HeaderShownContext);
|
|
39
|
+
const [searchBarVisible, setSearchBarVisible] = React.useState(false);
|
|
40
|
+
const [titleLayout, setTitleLayout] = React.useState(undefined);
|
|
41
|
+
const onTitleLayout = e => {
|
|
42
|
+
const {
|
|
43
|
+
height,
|
|
44
|
+
width
|
|
45
|
+
} = e.nativeEvent.layout;
|
|
46
|
+
setTitleLayout(titleLayout => {
|
|
47
|
+
if (titleLayout && height === titleLayout.height && width === titleLayout.width) {
|
|
48
|
+
return titleLayout;
|
|
49
|
+
}
|
|
50
|
+
return {
|
|
51
|
+
height,
|
|
52
|
+
width
|
|
53
|
+
};
|
|
54
|
+
});
|
|
55
|
+
};
|
|
56
|
+
const {
|
|
57
|
+
layout = frame,
|
|
58
|
+
modal = false,
|
|
59
|
+
back,
|
|
60
|
+
title,
|
|
61
|
+
headerTitle: customTitle,
|
|
62
|
+
headerTitleAlign = Platform.OS === 'ios' ? 'center' : 'left',
|
|
63
|
+
headerLeft = back ? props => /*#__PURE__*/_jsx(HeaderBackButton, {
|
|
64
|
+
...props
|
|
65
|
+
}) : undefined,
|
|
66
|
+
headerSearchBarOptions,
|
|
67
|
+
headerTransparent,
|
|
68
|
+
headerTintColor,
|
|
69
|
+
headerBackground,
|
|
70
|
+
headerRight,
|
|
71
|
+
headerTitleAllowFontScaling: titleAllowFontScaling,
|
|
72
|
+
headerTitleStyle: titleStyle,
|
|
73
|
+
headerLeftContainerStyle: leftContainerStyle,
|
|
74
|
+
headerRightContainerStyle: rightContainerStyle,
|
|
75
|
+
headerTitleContainerStyle: titleContainerStyle,
|
|
76
|
+
headerBackButtonDisplayMode = Platform.OS === 'ios' ? 'default' : 'minimal',
|
|
77
|
+
headerBackTitleStyle,
|
|
78
|
+
headerBackgroundContainerStyle: backgroundContainerStyle,
|
|
79
|
+
headerStyle: customHeaderStyle,
|
|
80
|
+
headerShadowVisible,
|
|
81
|
+
headerPressColor,
|
|
82
|
+
headerPressOpacity,
|
|
83
|
+
headerStatusBarHeight = isParentHeaderShown ? 0 : insets.top
|
|
84
|
+
} = props;
|
|
85
|
+
const defaultHeight = getDefaultHeaderHeight(layout, modal, headerStatusBarHeight);
|
|
86
|
+
const {
|
|
87
|
+
height = defaultHeight,
|
|
88
|
+
minHeight,
|
|
89
|
+
maxHeight,
|
|
90
|
+
backgroundColor,
|
|
91
|
+
borderBottomColor,
|
|
92
|
+
borderBottomEndRadius,
|
|
93
|
+
borderBottomLeftRadius,
|
|
94
|
+
borderBottomRightRadius,
|
|
95
|
+
borderBottomStartRadius,
|
|
96
|
+
borderBottomWidth,
|
|
97
|
+
borderColor,
|
|
98
|
+
borderEndColor,
|
|
99
|
+
borderEndWidth,
|
|
100
|
+
borderLeftColor,
|
|
101
|
+
borderLeftWidth,
|
|
102
|
+
borderRadius,
|
|
103
|
+
borderRightColor,
|
|
104
|
+
borderRightWidth,
|
|
105
|
+
borderStartColor,
|
|
106
|
+
borderStartWidth,
|
|
107
|
+
borderStyle,
|
|
108
|
+
borderTopColor,
|
|
109
|
+
borderTopEndRadius,
|
|
110
|
+
borderTopLeftRadius,
|
|
111
|
+
borderTopRightRadius,
|
|
112
|
+
borderTopStartRadius,
|
|
113
|
+
borderTopWidth,
|
|
114
|
+
borderWidth,
|
|
115
|
+
boxShadow,
|
|
116
|
+
elevation,
|
|
117
|
+
shadowColor,
|
|
118
|
+
shadowOffset,
|
|
119
|
+
shadowOpacity,
|
|
120
|
+
shadowRadius,
|
|
121
|
+
opacity,
|
|
122
|
+
transform,
|
|
123
|
+
...unsafeStyles
|
|
124
|
+
} = StyleSheet.flatten(customHeaderStyle || {});
|
|
125
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
126
|
+
warnIfHeaderStylesDefined(unsafeStyles);
|
|
127
|
+
}
|
|
128
|
+
const safeStyles = {
|
|
129
|
+
backgroundColor,
|
|
130
|
+
borderBottomColor,
|
|
131
|
+
borderBottomEndRadius,
|
|
132
|
+
borderBottomLeftRadius,
|
|
133
|
+
borderBottomRightRadius,
|
|
134
|
+
borderBottomStartRadius,
|
|
135
|
+
borderBottomWidth,
|
|
136
|
+
borderColor,
|
|
137
|
+
borderEndColor,
|
|
138
|
+
borderEndWidth,
|
|
139
|
+
borderLeftColor,
|
|
140
|
+
borderLeftWidth,
|
|
141
|
+
borderRadius,
|
|
142
|
+
borderRightColor,
|
|
143
|
+
borderRightWidth,
|
|
144
|
+
borderStartColor,
|
|
145
|
+
borderStartWidth,
|
|
146
|
+
borderStyle,
|
|
147
|
+
borderTopColor,
|
|
148
|
+
borderTopEndRadius,
|
|
149
|
+
borderTopLeftRadius,
|
|
150
|
+
borderTopRightRadius,
|
|
151
|
+
borderTopStartRadius,
|
|
152
|
+
borderTopWidth,
|
|
153
|
+
borderWidth,
|
|
154
|
+
boxShadow,
|
|
155
|
+
elevation,
|
|
156
|
+
shadowColor,
|
|
157
|
+
shadowOffset,
|
|
158
|
+
shadowOpacity,
|
|
159
|
+
shadowRadius,
|
|
160
|
+
opacity,
|
|
161
|
+
transform
|
|
162
|
+
};
|
|
163
|
+
|
|
164
|
+
// Setting a property to undefined triggers default style
|
|
165
|
+
// So we need to filter them out
|
|
166
|
+
// Users can use `null` instead
|
|
167
|
+
for (const styleProp in safeStyles) {
|
|
168
|
+
// @ts-expect-error: typescript wrongly complains that styleProp cannot be used to index safeStyles
|
|
169
|
+
if (safeStyles[styleProp] === undefined) {
|
|
170
|
+
// @ts-expect-error don't need to care about index signature for deletion
|
|
171
|
+
// eslint-disable-next-line @typescript-eslint/no-dynamic-delete
|
|
172
|
+
delete safeStyles[styleProp];
|
|
173
|
+
}
|
|
174
|
+
}
|
|
175
|
+
const backgroundStyle = {
|
|
176
|
+
...(headerTransparent && {
|
|
177
|
+
backgroundColor: 'transparent'
|
|
178
|
+
}),
|
|
179
|
+
...((headerTransparent || headerShadowVisible === false) && {
|
|
180
|
+
borderBottomWidth: 0,
|
|
181
|
+
...Platform.select({
|
|
182
|
+
android: {
|
|
183
|
+
elevation: 0
|
|
184
|
+
},
|
|
185
|
+
web: {
|
|
186
|
+
boxShadow: 'none'
|
|
187
|
+
},
|
|
188
|
+
default: {
|
|
189
|
+
shadowOpacity: 0
|
|
190
|
+
}
|
|
191
|
+
})
|
|
192
|
+
}),
|
|
193
|
+
...safeStyles
|
|
194
|
+
};
|
|
195
|
+
const iconTintColor = headerTintColor ?? Platform.select({
|
|
196
|
+
ios: colors.primary,
|
|
197
|
+
default: colors.text
|
|
198
|
+
});
|
|
199
|
+
const leftButton = headerLeft ? headerLeft({
|
|
200
|
+
tintColor: iconTintColor,
|
|
201
|
+
pressColor: headerPressColor,
|
|
202
|
+
pressOpacity: headerPressOpacity,
|
|
203
|
+
displayMode: headerBackButtonDisplayMode,
|
|
204
|
+
titleLayout,
|
|
205
|
+
screenLayout: layout,
|
|
206
|
+
canGoBack: Boolean(back),
|
|
207
|
+
onPress: back ? navigation.goBack : undefined,
|
|
208
|
+
label: back?.title,
|
|
209
|
+
labelStyle: headerBackTitleStyle,
|
|
210
|
+
href: back?.href
|
|
211
|
+
}) : null;
|
|
212
|
+
const rightButton = headerRight ? headerRight({
|
|
213
|
+
tintColor: iconTintColor,
|
|
214
|
+
pressColor: headerPressColor,
|
|
215
|
+
pressOpacity: headerPressOpacity,
|
|
216
|
+
canGoBack: Boolean(back)
|
|
217
|
+
}) : null;
|
|
218
|
+
const headerTitle = typeof customTitle !== 'function' ? props => /*#__PURE__*/_jsx(HeaderTitle, {
|
|
219
|
+
...props
|
|
220
|
+
}) : customTitle;
|
|
221
|
+
return /*#__PURE__*/_jsxs(Animated.View, {
|
|
222
|
+
pointerEvents: "box-none",
|
|
223
|
+
style: [{
|
|
224
|
+
height,
|
|
225
|
+
minHeight,
|
|
226
|
+
maxHeight,
|
|
227
|
+
opacity,
|
|
228
|
+
transform
|
|
229
|
+
}],
|
|
230
|
+
children: [/*#__PURE__*/_jsx(Animated.View, {
|
|
231
|
+
pointerEvents: "box-none",
|
|
232
|
+
style: [StyleSheet.absoluteFill, backgroundContainerStyle],
|
|
233
|
+
children: headerBackground ? headerBackground({
|
|
234
|
+
style: backgroundStyle
|
|
235
|
+
}) : /*#__PURE__*/_jsx(HeaderBackground, {
|
|
236
|
+
pointerEvents:
|
|
237
|
+
// Allow touch through the header when background color is transparent
|
|
238
|
+
headerTransparent && (backgroundStyle.backgroundColor === 'transparent' || Color(backgroundStyle.backgroundColor).alpha() === 0) ? 'none' : 'auto',
|
|
239
|
+
style: backgroundStyle
|
|
240
|
+
})
|
|
241
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
242
|
+
pointerEvents: "none",
|
|
243
|
+
style: {
|
|
244
|
+
height: headerStatusBarHeight
|
|
245
|
+
}
|
|
246
|
+
}), /*#__PURE__*/_jsxs(View, {
|
|
247
|
+
pointerEvents: "box-none",
|
|
248
|
+
style: [styles.content, Platform.OS === 'ios' && frame.width >= IPAD_MINI_MEDIUM_WIDTH ? styles.large : null],
|
|
249
|
+
children: [/*#__PURE__*/_jsx(Animated.View, {
|
|
250
|
+
pointerEvents: "box-none",
|
|
251
|
+
style: [styles.start, !searchBarVisible && headerTitleAlign === 'center' && styles.expand, {
|
|
252
|
+
marginStart: insets.left
|
|
253
|
+
}, leftContainerStyle],
|
|
254
|
+
children: leftButton
|
|
255
|
+
}), Platform.OS === 'ios' || !searchBarVisible ? /*#__PURE__*/_jsxs(_Fragment, {
|
|
256
|
+
children: [/*#__PURE__*/_jsx(Animated.View, {
|
|
257
|
+
pointerEvents: "box-none",
|
|
258
|
+
style: [styles.title, {
|
|
259
|
+
// Avoid the title from going offscreen or overlapping buttons
|
|
260
|
+
maxWidth: headerTitleAlign === 'center' ? layout.width - ((leftButton ? headerBackButtonDisplayMode !== 'minimal' ? 80 : 32 : 16) + (rightButton || headerSearchBarOptions ? 16 : 0) + Math.max(insets.left, insets.right)) * 2 : layout.width - ((leftButton ? 52 : 16) + (rightButton || headerSearchBarOptions ? 52 : 16) + insets.left - insets.right)
|
|
261
|
+
}, headerTitleAlign === 'left' && leftButton ? {
|
|
262
|
+
marginStart: 4
|
|
263
|
+
} : {
|
|
264
|
+
marginHorizontal: 16
|
|
265
|
+
}, titleContainerStyle],
|
|
266
|
+
children: headerTitle({
|
|
267
|
+
children: title,
|
|
268
|
+
allowFontScaling: titleAllowFontScaling,
|
|
269
|
+
tintColor: headerTintColor,
|
|
270
|
+
onLayout: onTitleLayout,
|
|
271
|
+
style: titleStyle
|
|
272
|
+
})
|
|
273
|
+
}), /*#__PURE__*/_jsxs(Animated.View, {
|
|
274
|
+
pointerEvents: "box-none",
|
|
275
|
+
style: [styles.end, styles.expand, {
|
|
276
|
+
marginEnd: insets.right
|
|
277
|
+
}, rightContainerStyle],
|
|
278
|
+
children: [rightButton, headerSearchBarOptions ? /*#__PURE__*/_jsx(HeaderButton, {
|
|
279
|
+
tintColor: iconTintColor,
|
|
280
|
+
pressColor: headerPressColor,
|
|
281
|
+
pressOpacity: headerPressOpacity,
|
|
282
|
+
onPress: () => {
|
|
283
|
+
setSearchBarVisible(true);
|
|
284
|
+
headerSearchBarOptions?.onOpen?.();
|
|
285
|
+
},
|
|
286
|
+
children: /*#__PURE__*/_jsx(HeaderIcon, {
|
|
287
|
+
source: searchIcon,
|
|
288
|
+
tintColor: iconTintColor
|
|
289
|
+
})
|
|
290
|
+
}) : null]
|
|
291
|
+
})]
|
|
292
|
+
}) : null, Platform.OS === 'ios' || searchBarVisible ? /*#__PURE__*/_jsx(HeaderSearchBar, {
|
|
293
|
+
...headerSearchBarOptions,
|
|
294
|
+
visible: searchBarVisible,
|
|
295
|
+
onClose: () => {
|
|
296
|
+
setSearchBarVisible(false);
|
|
297
|
+
headerSearchBarOptions?.onClose?.();
|
|
298
|
+
},
|
|
299
|
+
tintColor: headerTintColor,
|
|
300
|
+
style: [Platform.OS === 'ios' ? [StyleSheet.absoluteFill, {
|
|
301
|
+
paddingTop: headerStatusBarHeight ? 0 : 4
|
|
302
|
+
}, {
|
|
303
|
+
backgroundColor: backgroundColor ?? colors.card
|
|
304
|
+
}] : !leftButton && {
|
|
305
|
+
marginStart: 8
|
|
306
|
+
}]
|
|
307
|
+
}) : null]
|
|
308
|
+
})]
|
|
309
|
+
});
|
|
310
|
+
}
|
|
311
|
+
const styles = StyleSheet.create({
|
|
312
|
+
content: {
|
|
313
|
+
flex: 1,
|
|
314
|
+
flexDirection: 'row',
|
|
315
|
+
alignItems: 'stretch'
|
|
316
|
+
},
|
|
317
|
+
large: {
|
|
318
|
+
marginHorizontal: 5
|
|
319
|
+
},
|
|
320
|
+
title: {
|
|
321
|
+
justifyContent: 'center'
|
|
322
|
+
},
|
|
323
|
+
start: {
|
|
324
|
+
flexDirection: 'row',
|
|
325
|
+
alignItems: 'center',
|
|
326
|
+
justifyContent: 'flex-start'
|
|
327
|
+
},
|
|
328
|
+
end: {
|
|
329
|
+
flexDirection: 'row',
|
|
330
|
+
alignItems: 'center',
|
|
331
|
+
justifyContent: 'flex-end'
|
|
332
|
+
},
|
|
333
|
+
expand: {
|
|
334
|
+
flexGrow: 1,
|
|
335
|
+
flexBasis: 0
|
|
336
|
+
}
|
|
337
|
+
});
|
|
338
|
+
//# sourceMappingURL=Header.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useNavigation","useTheme","Color","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","select","android","web","default","iconTintColor","ios","primary","text","leftButton","tintColor","pressColor","pressOpacity","displayMode","screenLayout","canGoBack","Boolean","onPress","goBack","label","labelStyle","href","rightButton","pointerEvents","style","children","absoluteFill","alpha","content","large","start","expand","marginStart","left","maxWidth","Math","max","right","marginHorizontal","allowFontScaling","onLayout","end","marginEnd","onOpen","source","visible","onClose","paddingTop","card","create","flex","flexDirection","alignItems","justifyContent","flexGrow","flexBasis"],"sourceRoot":"..\\..\\..\\src","sources":["Header/Header.tsx"],"mappings":"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","ignoreList":[]}
|