fluent-styles 1.11.0 → 1.13.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.
|
@@ -59,6 +59,8 @@ const Header = ({
|
|
|
59
59
|
title,
|
|
60
60
|
icon = false,
|
|
61
61
|
cycleProps,
|
|
62
|
+
rightIcon,
|
|
63
|
+
rightIconProps,
|
|
62
64
|
reload = false,
|
|
63
65
|
screen,
|
|
64
66
|
...rest
|
|
@@ -75,7 +77,12 @@ const Header = ({
|
|
|
75
77
|
color: _theme.theme.colors.gray[700],
|
|
76
78
|
onPress: () => {
|
|
77
79
|
if (reload && screen && navigator) {
|
|
78
|
-
navigator.
|
|
80
|
+
navigator.navigate({
|
|
81
|
+
index: 0,
|
|
82
|
+
routes: [{
|
|
83
|
+
name: screen
|
|
84
|
+
}]
|
|
85
|
+
});
|
|
79
86
|
} else {
|
|
80
87
|
navigator.goBack();
|
|
81
88
|
}
|
|
@@ -86,7 +93,7 @@ const Header = ({
|
|
|
86
93
|
color: _theme.theme.colors.gray[800],
|
|
87
94
|
fontWeight: _theme.theme.fontWeight.normal,
|
|
88
95
|
fontSize: _theme.theme.fontSize.normal
|
|
89
|
-
}, title));
|
|
96
|
+
}, title), rightIcon && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, rightIcon));
|
|
90
97
|
};
|
|
91
98
|
const Full = ({
|
|
92
99
|
children
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_MaterialIcons","_theme","_stack","_styled","_cycle","_text","_spacer","_utils","_statusBar","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","Headers","styled","View","base","width","flexDirection","alignItems","justifyContent","variants","marginTop","size","isValidNumber","Error","statusHeight","height","paddingTop","StyledHeader","statusProps","skipAndroid","rest","createElement","YStack","StatusBar","translucent","backgroundColor","theme","colors","gray","barStyle","getStatusBarHeight","exports","Header","navigator","title","icon","cycleProps","reload","screen","XStack","flex","paddingHorizontal","paddingVertical","StyledCycle","Fragment","name","color","onPress","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_MaterialIcons","_theme","_stack","_styled","_cycle","_text","_spacer","_utils","_statusBar","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","Headers","styled","View","base","width","flexDirection","alignItems","justifyContent","variants","marginTop","size","isValidNumber","Error","statusHeight","height","paddingTop","StyledHeader","statusProps","skipAndroid","rest","createElement","YStack","StatusBar","translucent","backgroundColor","theme","colors","gray","barStyle","getStatusBarHeight","exports","Header","navigator","title","icon","cycleProps","rightIcon","rightIconProps","reload","screen","XStack","flex","paddingHorizontal","paddingVertical","StyledCycle","Fragment","name","color","onPress","navigate","index","routes","goBack","StyledSpacer","marginHorizontal","StyledText","fontWeight","normal","fontSize","Full","children"],"sources":["index.jsx"],"sourcesContent":["import React from 'react'\r\nimport { View } from 'react-native'\r\nimport { StatusBar } from 'react-native'\r\nimport Icon from 'react-native-vector-icons/MaterialIcons'\r\nimport { theme } from '../theme'\r\nimport { YStack, XStack } from '../stack'\r\nimport { styled } from '../styled'\r\nimport { StyledCycle } from '../cycle'\r\nimport { StyledText } from '../text'\r\nimport { StyledSpacer } from '../spacer'\r\nimport { isValidNumber } from '../utils'\r\nimport { getStatusBarHeight } from '../utils/statusBar'\r\n\r\nconst Headers = styled(View, {\r\n base: {\r\n width: '100%',\r\n flexDirection: 'row',\r\n alignItems: 'center',\r\n justifyContent: 'flex-start'\r\n },\r\n variants: {\r\n marginTop: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid marginTop value')\r\n }\r\n return { marginTop: size }\r\n },\r\n statusHeight: (height = 0) => {\r\n return { paddingTop: height }\r\n }\r\n }\r\n})\r\n\r\nconst StyledHeader = ({ statusProps, skipAndroid = false, ...rest }) => {\r\n return (\r\n <YStack>\r\n <StatusBar\r\n translucent={true}\r\n backgroundColor={theme.colors.gray[1]}\r\n barStyle={'dark-content'}\r\n {...statusProps}\r\n />\r\n <Headers statusHeight={getStatusBarHeight(skipAndroid)} {...rest} />\r\n </YStack>\r\n )\r\n}\r\n\r\nconst Header = ({ navigator, title, icon = false, cycleProps, rightIcon, rightIconProps, reload = false, screen, ...rest }) => {\r\n\r\n return (\r\n <XStack justifyContent='flex-start' alignItems='center' flex={1} paddingHorizontal={8}\r\n paddingVertical={8} {...rest}>\r\n {\r\n icon && (\r\n <StyledCycle {...cycleProps}>\r\n <>\r\n <Icon\r\n name={'arrow-back'}\r\n size={30}\r\n color={theme.colors.gray[700]}\r\n onPress={() => {\r\n if (reload && screen && navigator) {\r\n navigator.navigate({\r\n index: 0,\r\n routes: [{ name: screen }],\r\n })\r\n } else {\r\n navigator.goBack()\r\n }\r\n }}\r\n />\r\n <StyledSpacer marginHorizontal={4} />\r\n </>\r\n </StyledCycle>\r\n )\r\n }\r\n {title &&\r\n <StyledText\r\n color={theme.colors.gray[800]}\r\n fontWeight={theme.fontWeight.normal}\r\n fontSize={theme.fontSize.normal}\r\n >\r\n {title}\r\n </StyledText>}\r\n {\r\n rightIcon && (\r\n <>{rightIcon}</>\r\n )\r\n }\r\n\r\n </XStack>\r\n )\r\n}\r\n\r\nconst Full = ({ children }) => {\r\n return (\r\n <>{children}</>\r\n )\r\n}\r\n\r\nStyledHeader.Header = Header\r\nStyledHeader.Full = Full\r\n\r\nexport { StyledHeader }\r\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -52,6 +52,8 @@ const Header = ({
|
|
|
52
52
|
title,
|
|
53
53
|
icon = false,
|
|
54
54
|
cycleProps,
|
|
55
|
+
rightIcon,
|
|
56
|
+
rightIconProps,
|
|
55
57
|
reload = false,
|
|
56
58
|
screen,
|
|
57
59
|
...rest
|
|
@@ -68,7 +70,12 @@ const Header = ({
|
|
|
68
70
|
color: theme.colors.gray[700],
|
|
69
71
|
onPress: () => {
|
|
70
72
|
if (reload && screen && navigator) {
|
|
71
|
-
navigator.
|
|
73
|
+
navigator.navigate({
|
|
74
|
+
index: 0,
|
|
75
|
+
routes: [{
|
|
76
|
+
name: screen
|
|
77
|
+
}]
|
|
78
|
+
});
|
|
72
79
|
} else {
|
|
73
80
|
navigator.goBack();
|
|
74
81
|
}
|
|
@@ -79,7 +86,7 @@ const Header = ({
|
|
|
79
86
|
color: theme.colors.gray[800],
|
|
80
87
|
fontWeight: theme.fontWeight.normal,
|
|
81
88
|
fontSize: theme.fontSize.normal
|
|
82
|
-
}, title));
|
|
89
|
+
}, title), rightIcon && /*#__PURE__*/React.createElement(React.Fragment, null, rightIcon));
|
|
83
90
|
};
|
|
84
91
|
const Full = ({
|
|
85
92
|
children
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","StatusBar","Icon","theme","YStack","XStack","styled","StyledCycle","StyledText","StyledSpacer","isValidNumber","getStatusBarHeight","Headers","base","width","flexDirection","alignItems","justifyContent","variants","marginTop","size","Error","statusHeight","height","paddingTop","StyledHeader","statusProps","skipAndroid","rest","createElement","_extends","translucent","backgroundColor","colors","gray","barStyle","Header","navigator","title","icon","cycleProps","reload","screen","flex","paddingHorizontal","paddingVertical","Fragment","name","color","onPress","
|
|
1
|
+
{"version":3,"names":["React","View","StatusBar","Icon","theme","YStack","XStack","styled","StyledCycle","StyledText","StyledSpacer","isValidNumber","getStatusBarHeight","Headers","base","width","flexDirection","alignItems","justifyContent","variants","marginTop","size","Error","statusHeight","height","paddingTop","StyledHeader","statusProps","skipAndroid","rest","createElement","_extends","translucent","backgroundColor","colors","gray","barStyle","Header","navigator","title","icon","cycleProps","rightIcon","rightIconProps","reload","screen","flex","paddingHorizontal","paddingVertical","Fragment","name","color","onPress","navigate","index","routes","goBack","marginHorizontal","fontWeight","normal","fontSize","Full","children"],"sources":["index.jsx"],"sourcesContent":["import React from 'react'\r\nimport { View } from 'react-native'\r\nimport { StatusBar } from 'react-native'\r\nimport Icon from 'react-native-vector-icons/MaterialIcons'\r\nimport { theme } from '../theme'\r\nimport { YStack, XStack } from '../stack'\r\nimport { styled } from '../styled'\r\nimport { StyledCycle } from '../cycle'\r\nimport { StyledText } from '../text'\r\nimport { StyledSpacer } from '../spacer'\r\nimport { isValidNumber } from '../utils'\r\nimport { getStatusBarHeight } from '../utils/statusBar'\r\n\r\nconst Headers = styled(View, {\r\n base: {\r\n width: '100%',\r\n flexDirection: 'row',\r\n alignItems: 'center',\r\n justifyContent: 'flex-start'\r\n },\r\n variants: {\r\n marginTop: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid marginTop value')\r\n }\r\n return { marginTop: size }\r\n },\r\n statusHeight: (height = 0) => {\r\n return { paddingTop: height }\r\n }\r\n }\r\n})\r\n\r\nconst StyledHeader = ({ statusProps, skipAndroid = false, ...rest }) => {\r\n return (\r\n <YStack>\r\n <StatusBar\r\n translucent={true}\r\n backgroundColor={theme.colors.gray[1]}\r\n barStyle={'dark-content'}\r\n {...statusProps}\r\n />\r\n <Headers statusHeight={getStatusBarHeight(skipAndroid)} {...rest} />\r\n </YStack>\r\n )\r\n}\r\n\r\nconst Header = ({ navigator, title, icon = false, cycleProps, rightIcon, rightIconProps, reload = false, screen, ...rest }) => {\r\n\r\n return (\r\n <XStack justifyContent='flex-start' alignItems='center' flex={1} paddingHorizontal={8}\r\n paddingVertical={8} {...rest}>\r\n {\r\n icon && (\r\n <StyledCycle {...cycleProps}>\r\n <>\r\n <Icon\r\n name={'arrow-back'}\r\n size={30}\r\n color={theme.colors.gray[700]}\r\n onPress={() => {\r\n if (reload && screen && navigator) {\r\n navigator.navigate({\r\n index: 0,\r\n routes: [{ name: screen }],\r\n })\r\n } else {\r\n navigator.goBack()\r\n }\r\n }}\r\n />\r\n <StyledSpacer marginHorizontal={4} />\r\n </>\r\n </StyledCycle>\r\n )\r\n }\r\n {title &&\r\n <StyledText\r\n color={theme.colors.gray[800]}\r\n fontWeight={theme.fontWeight.normal}\r\n fontSize={theme.fontSize.normal}\r\n >\r\n {title}\r\n </StyledText>}\r\n {\r\n rightIcon && (\r\n <>{rightIcon}</>\r\n )\r\n }\r\n\r\n </XStack>\r\n )\r\n}\r\n\r\nconst Full = ({ children }) => {\r\n return (\r\n <>{children}</>\r\n )\r\n}\r\n\r\nStyledHeader.Header = Header\r\nStyledHeader.Full = Full\r\n\r\nexport { StyledHeader }\r\n"],"mappings":"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","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -35,7 +35,7 @@ const StyledHeader = ({ statusProps, skipAndroid = false, ...rest }) => {
|
|
|
35
35
|
return (
|
|
36
36
|
<YStack>
|
|
37
37
|
<StatusBar
|
|
38
|
-
translucent
|
|
38
|
+
translucent={true}
|
|
39
39
|
backgroundColor={theme.colors.gray[1]}
|
|
40
40
|
barStyle={'dark-content'}
|
|
41
41
|
{...statusProps}
|
|
@@ -45,7 +45,7 @@ const StyledHeader = ({ statusProps, skipAndroid = false, ...rest }) => {
|
|
|
45
45
|
)
|
|
46
46
|
}
|
|
47
47
|
|
|
48
|
-
const Header = ({ navigator, title, icon = false, cycleProps, reload = false, screen, ...rest }) => {
|
|
48
|
+
const Header = ({ navigator, title, icon = false, cycleProps, rightIcon, rightIconProps, reload = false, screen, ...rest }) => {
|
|
49
49
|
|
|
50
50
|
return (
|
|
51
51
|
<XStack justifyContent='flex-start' alignItems='center' flex={1} paddingHorizontal={8}
|
|
@@ -60,7 +60,10 @@ const Header = ({ navigator, title, icon = false, cycleProps, reload = false, sc
|
|
|
60
60
|
color={theme.colors.gray[700]}
|
|
61
61
|
onPress={() => {
|
|
62
62
|
if (reload && screen && navigator) {
|
|
63
|
-
navigator.
|
|
63
|
+
navigator.navigate({
|
|
64
|
+
index: 0,
|
|
65
|
+
routes: [{ name: screen }],
|
|
66
|
+
})
|
|
64
67
|
} else {
|
|
65
68
|
navigator.goBack()
|
|
66
69
|
}
|
|
@@ -79,6 +82,12 @@ const Header = ({ navigator, title, icon = false, cycleProps, reload = false, sc
|
|
|
79
82
|
>
|
|
80
83
|
{title}
|
|
81
84
|
</StyledText>}
|
|
85
|
+
{
|
|
86
|
+
rightIcon && (
|
|
87
|
+
<>{rightIcon}</>
|
|
88
|
+
)
|
|
89
|
+
}
|
|
90
|
+
|
|
82
91
|
</XStack>
|
|
83
92
|
)
|
|
84
93
|
}
|