fluent-styles 1.27.0 → 1.29.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/package/card/index.js +15 -1
- package/lib/commonjs/package/card/index.js.map +1 -1
- package/lib/commonjs/package/dropdown/index.js +1 -1
- package/lib/commonjs/package/dropdown/index.js.map +1 -1
- package/lib/commonjs/package/header/index.js +3 -2
- package/lib/commonjs/package/header/index.js.map +1 -1
- package/lib/module/package/card/index.js +16 -2
- package/lib/module/package/card/index.js.map +1 -1
- package/lib/module/package/dropdown/index.js +1 -1
- package/lib/module/package/dropdown/index.js.map +1 -1
- package/lib/module/package/header/index.js +3 -2
- package/lib/module/package/header/index.js.map +1 -1
- package/package.json +1 -1
- package/src/package/card/index.jsx +16 -2
- package/src/package/dropdown/index.jsx +1 -1
- package/src/package/header/index.jsx +2 -1
|
@@ -14,7 +14,21 @@ const Card = (0, _styled.styled)(_reactNative.View, {
|
|
|
14
14
|
flexDirection: 'column'
|
|
15
15
|
},
|
|
16
16
|
variants: {
|
|
17
|
-
shadow: _utils.shadow
|
|
17
|
+
shadow: _utils.shadow,
|
|
18
|
+
HWidth: {
|
|
19
|
+
'32x4': {
|
|
20
|
+
width: _utils.windowWidth - 32 - 4
|
|
21
|
+
},
|
|
22
|
+
'32x8': {
|
|
23
|
+
width: _utils.windowWidth - 32 - 8
|
|
24
|
+
},
|
|
25
|
+
'16x4': {
|
|
26
|
+
width: _utils.windowWidth - 16 - 4
|
|
27
|
+
},
|
|
28
|
+
'16x8': {
|
|
29
|
+
width: _utils.windowWidth - 16 - 8
|
|
30
|
+
}
|
|
31
|
+
}
|
|
18
32
|
}
|
|
19
33
|
});
|
|
20
34
|
const StyledCard = ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_styled","_utils","e","__esModule","default","Card","styled","View","base","flexDirection","variants","shadow","StyledCard","pressable","pressableProps","children","rest","createElement","Pressable","exports"],"sources":["index.jsx"],"sourcesContent":["import React from 'react'\r\nimport { View, Pressable } from 'react-native'\r\nimport { styled } from '../styled'\r\nimport { shadow } from '../utils'\r\n\r\nconst Card = styled(View, {\r\n base: {\r\n flexDirection: 'column'\r\n },\r\n variants: {\r\n shadow: shadow\r\n }\r\n})\r\n\r\nconst StyledCard = ({\r\n\tpressable = false,\r\n\tpressableProps,\r\n\tchildren,\r\n\t...rest\r\n}) => {\r\n if (pressable) {\r\n return (\r\n <Pressable {...pressableProps}>\r\n <Card {...rest}>\r\n {children}\r\n </Card>\r\n </Pressable>\r\n )\r\n }\r\n\r\n return (\r\n <Card {...rest}>\r\n {children}\r\n </Card>\r\n )\r\n}\r\n\r\nexport { StyledCard }\r\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_styled","_utils","e","__esModule","default","Card","styled","View","base","flexDirection","variants","shadow","HWidth","width","windowWidth","StyledCard","pressable","pressableProps","children","rest","createElement","Pressable","exports"],"sources":["index.jsx"],"sourcesContent":["import React from 'react'\r\nimport { View, Pressable } from 'react-native'\r\nimport { styled } from '../styled'\r\nimport { shadow, windowWidth } from '../utils'\r\n\r\nconst Card = styled(View, {\r\n base: {\r\n flexDirection: 'column'\r\n },\r\n variants: {\r\n shadow: shadow,\r\n HWidth: {\r\n '32x4': {\r\n width: windowWidth - 32 - 4\r\n },\r\n '32x8': {\r\n width: windowWidth - 32 - 8\r\n },\r\n '16x4': {\r\n width: windowWidth - 16 - 4\r\n },\r\n '16x8': {\r\n width: windowWidth - 16 - 8\r\n }\r\n },\r\n }\r\n})\r\n\r\nconst StyledCard = ({\r\n\tpressable = false,\r\n\tpressableProps,\r\n\tchildren,\r\n\t...rest\r\n}) => {\r\n if (pressable) {\r\n return (\r\n <Pressable {...pressableProps}>\r\n <Card {...rest}>\r\n {children}\r\n </Card>\r\n </Pressable>\r\n )\r\n }\r\n\r\n return (\r\n <Card {...rest}>\r\n {children}\r\n </Card>\r\n )\r\n}\r\n\r\nexport { StyledCard }\r\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAA8C,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE9C,MAAMG,IAAI,GAAG,IAAAC,cAAM,EAACC,iBAAI,EAAE;EACxBC,IAAI,EAAE;IACJC,aAAa,EAAE;EACjB,CAAC;EACDC,QAAQ,EAAE;IACRC,MAAM,EAAEA,aAAM;IACdC,MAAM,EAAE;MACN,MAAM,EAAE;QACNC,KAAK,EAAEC,kBAAW,GAAG,EAAE,GAAG;MAC5B,CAAC;MACD,MAAM,EAAE;QACND,KAAK,EAAEC,kBAAW,GAAG,EAAE,GAAG;MAC5B,CAAC;MACD,MAAM,EAAE;QACND,KAAK,EAAEC,kBAAW,GAAG,EAAE,GAAG;MAC5B,CAAC;MACD,MAAM,EAAE;QACND,KAAK,EAAEC,kBAAW,GAAG,EAAE,GAAG;MAC5B;IACF;EACF;AACF,CAAC,CAAC;AAEF,MAAMC,UAAU,GAAGA,CAAC;EACnBC,SAAS,GAAG,KAAK;EACjBC,cAAc;EACdC,QAAQ;EACR,GAAGC;AACJ,CAAC,KAAK;EACJ,IAAIH,SAAS,EAAE;IACb,oBACEpB,MAAA,CAAAQ,OAAA,CAAAgB,aAAA,CAACrB,YAAA,CAAAsB,SAAS,EAAKJ,cAAc,eAC3BrB,MAAA,CAAAQ,OAAA,CAAAgB,aAAA,CAACf,IAAI,EAAKc,IAAI,EACXD,QACG,CACG,CAAC;EAEhB;EAEA,oBACEtB,MAAA,CAAAQ,OAAA,CAAAgB,aAAA,CAACf,IAAI,EAAKc,IAAI,EACXD,QACG,CAAC;AAEX,CAAC;AAAAI,OAAA,CAAAP,UAAA,GAAAA,UAAA","ignoreList":[]}
|
|
@@ -102,7 +102,7 @@ const StyledMultiDropdown = ({
|
|
|
102
102
|
}, rest)), errorMessage && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_spacer.StyledSpacer, {
|
|
103
103
|
marginVertical: 1
|
|
104
104
|
}), /*#__PURE__*/_react.default.createElement(_text.StyledText, {
|
|
105
|
-
marginHorizontal:
|
|
105
|
+
marginHorizontal: 8,
|
|
106
106
|
fontWeight: _theme.theme.fontWeight.bold,
|
|
107
107
|
fontSize: _theme.theme.fontSize.small,
|
|
108
108
|
color: _theme.theme.colors.pink[500]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_stack","_text","_spacer","_reactNativeDropdownPicker","_interopRequireDefault","_theme","_styled","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","Dropdown","styled","DropDownPicker","base","borderColor","theme","colors","gray","borderWidth","borderRadius","backgroundColor","width","color","paddingHorizontal","variants","error","true","pink","false","StyledDropdown","items","label","errorMessage","labelStyles","rest","open","setOpen","useState","createElement","Fragment","StyledText","fontSize","normal","fontWeight","StyledSpacer","marginVertical","marginHorizontal","bold","small","exports","StyledMultiDropdown","onSelected","selected","setSelected","useEffect","YStack","justifyContent","alignItems","setValue","value","multiple"],"sources":["index.jsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\r\nimport { YStack } from '../stack';\r\nimport { StyledText } from '../text';\r\nimport { StyledSpacer } from '../spacer';\r\nimport DropDownPicker from \"react-native-dropdown-picker\";\r\nimport { theme } from \"../theme\";\r\nimport { styled } from \"../styled\";\r\n\r\nconst Dropdown = styled(DropDownPicker, {\r\n base: {\r\n borderColor: theme.colors.gray[800],\r\n borderWidth: 1,\r\n borderRadius: 30,\r\n backgroundColor: theme.colors.gray[1],\r\n width: '100%',\r\n color: theme.colors.gray[800],\r\n paddingHorizontal: 16,\r\n },\r\n variants: {\r\n error: {\r\n true: {\r\n borderColor: theme.colors.pink[500],\r\n borderWidth: 1,\r\n },\r\n false: {\r\n borderColor: theme.colors.gray[800],\r\n }\r\n },\r\n }\r\n})\r\n\r\nconst StyledDropdown = ({ items, label, errorMessage, error, labelStyles, ...rest }) => {\r\n const [open, setOpen] = useState(false)\r\n return (\r\n <>\r\n {\r\n label && (\r\n <> \r\n <StyledText paddingHorizontal={8} color={theme.colors.gray[600]} fontSize={theme.fontSize.normal} fontWeight={theme.fontWeight.normal} {...labelStyles}>\r\n {label}\r\n </StyledText>\r\n <StyledSpacer marginVertical={4} />\r\n </>\r\n\r\n )\r\n }\r\n <Dropdown open={open} setOpen={setOpen} items={items} {...rest} />\r\n {\r\n (error && errorMessage) && (\r\n <>\r\n <StyledSpacer marginVertical={1} />\r\n <StyledText marginHorizontal={16} fontWeight={theme.fontWeight.bold} fontSize={theme.fontSize.small} color={theme.colors.pink[500]}>\r\n {errorMessage}\r\n </StyledText>\r\n </>\r\n )\r\n }\r\n\r\n </>\r\n )\r\n}\r\n\r\nconst StyledMultiDropdown = ({ items, label, errorMessage, labelStyles, onSelected, ...rest }) => {\r\n const [selected, setSelected] = useState([])\r\n const [open, setOpen] = useState(false)\r\n\r\n useEffect(() => {\r\n onSelected && onSelected(selected)\r\n }, [selected])\r\n\r\n return (\r\n <YStack justifyContent='flex-start' alignItems='flex-start'>\r\n {\r\n label && (\r\n <>\r\n <StyledSpacer marginVertical={4} />\r\n <StyledText paddingHorizontal={8} color={theme.colors.gray[600]} fontSize={theme.fontSize.normal} fontWeight={theme.fontWeight.normal} {...labelStyles}>\r\n {label}\r\n </StyledText>\r\n <StyledSpacer marginVertical={4} />\r\n </>\r\n\r\n )\r\n }\r\n <Dropdown open={open} setOpen={setOpen} items={items} setValue={setSelected} value={selected} multiple {...rest} />\r\n {\r\n errorMessage && (\r\n <>\r\n <StyledSpacer marginVertical={1} />\r\n <StyledText marginHorizontal={16} fontWeight={theme.fontWeight.bold} fontSize={theme.fontSize.small} color={theme.colors.pink[500]}>\r\n {errorMessage}\r\n </StyledText>\r\n </>\r\n )\r\n }\r\n\r\n </YStack>\r\n )\r\n}\r\n\r\nexport { StyledDropdown, StyledMultiDropdown }"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_stack","_text","_spacer","_reactNativeDropdownPicker","_interopRequireDefault","_theme","_styled","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","Dropdown","styled","DropDownPicker","base","borderColor","theme","colors","gray","borderWidth","borderRadius","backgroundColor","width","color","paddingHorizontal","variants","error","true","pink","false","StyledDropdown","items","label","errorMessage","labelStyles","rest","open","setOpen","useState","createElement","Fragment","StyledText","fontSize","normal","fontWeight","StyledSpacer","marginVertical","marginHorizontal","bold","small","exports","StyledMultiDropdown","onSelected","selected","setSelected","useEffect","YStack","justifyContent","alignItems","setValue","value","multiple"],"sources":["index.jsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\r\nimport { YStack } from '../stack';\r\nimport { StyledText } from '../text';\r\nimport { StyledSpacer } from '../spacer';\r\nimport DropDownPicker from \"react-native-dropdown-picker\";\r\nimport { theme } from \"../theme\";\r\nimport { styled } from \"../styled\";\r\n\r\nconst Dropdown = styled(DropDownPicker, {\r\n base: {\r\n borderColor: theme.colors.gray[800],\r\n borderWidth: 1,\r\n borderRadius: 30,\r\n backgroundColor: theme.colors.gray[1],\r\n width: '100%',\r\n color: theme.colors.gray[800],\r\n paddingHorizontal: 16,\r\n },\r\n variants: {\r\n error: {\r\n true: {\r\n borderColor: theme.colors.pink[500],\r\n borderWidth: 1,\r\n },\r\n false: {\r\n borderColor: theme.colors.gray[800],\r\n }\r\n },\r\n }\r\n})\r\n\r\nconst StyledDropdown = ({ items, label, errorMessage, error, labelStyles, ...rest }) => {\r\n const [open, setOpen] = useState(false)\r\n return (\r\n <>\r\n {\r\n label && (\r\n <> \r\n <StyledText paddingHorizontal={8} color={theme.colors.gray[600]} fontSize={theme.fontSize.normal} fontWeight={theme.fontWeight.normal} {...labelStyles}>\r\n {label}\r\n </StyledText>\r\n <StyledSpacer marginVertical={4} />\r\n </>\r\n\r\n )\r\n }\r\n <Dropdown open={open} setOpen={setOpen} items={items} {...rest} />\r\n {\r\n (error && errorMessage) && (\r\n <>\r\n <StyledSpacer marginVertical={1} />\r\n <StyledText marginHorizontal={16} fontWeight={theme.fontWeight.bold} fontSize={theme.fontSize.small} color={theme.colors.pink[500]}>\r\n {errorMessage}\r\n </StyledText>\r\n </>\r\n )\r\n }\r\n\r\n </>\r\n )\r\n}\r\n\r\nconst StyledMultiDropdown = ({ items, label, errorMessage, labelStyles, onSelected, ...rest }) => {\r\n const [selected, setSelected] = useState([])\r\n const [open, setOpen] = useState(false)\r\n\r\n useEffect(() => {\r\n onSelected && onSelected(selected)\r\n }, [selected])\r\n\r\n return (\r\n <YStack justifyContent='flex-start' alignItems='flex-start'>\r\n {\r\n label && (\r\n <>\r\n <StyledSpacer marginVertical={4} />\r\n <StyledText paddingHorizontal={8} color={theme.colors.gray[600]} fontSize={theme.fontSize.normal} fontWeight={theme.fontWeight.normal} {...labelStyles}>\r\n {label}\r\n </StyledText>\r\n <StyledSpacer marginVertical={4} />\r\n </>\r\n\r\n )\r\n }\r\n <Dropdown open={open} setOpen={setOpen} items={items} setValue={setSelected} value={selected} multiple {...rest} />\r\n {\r\n errorMessage && (\r\n <>\r\n <StyledSpacer marginVertical={1} />\r\n <StyledText marginHorizontal={8} fontWeight={theme.fontWeight.bold} fontSize={theme.fontSize.small} color={theme.colors.pink[500]}>\r\n {errorMessage}\r\n </StyledText>\r\n </>\r\n )\r\n }\r\n\r\n </YStack>\r\n )\r\n}\r\n\r\nexport { StyledDropdown, StyledMultiDropdown }"],"mappings":"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","ignoreList":[]}
|
|
@@ -58,6 +58,7 @@ const Header = ({
|
|
|
58
58
|
navigator,
|
|
59
59
|
fontWeight = _theme.theme.fontWeight.normal,
|
|
60
60
|
fontSize = _theme.theme.fontSize.normal,
|
|
61
|
+
iconProps,
|
|
61
62
|
color = _theme.theme.colors.gray[800],
|
|
62
63
|
textProps,
|
|
63
64
|
title,
|
|
@@ -74,12 +75,12 @@ const Header = ({
|
|
|
74
75
|
flex: 1,
|
|
75
76
|
paddingHorizontal: 8,
|
|
76
77
|
paddingVertical: 8
|
|
77
|
-
}, rest), icon && /*#__PURE__*/_react.default.createElement(_cycle.StyledCycle, cycleProps, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_MaterialIcons.default, {
|
|
78
|
+
}, rest), icon && /*#__PURE__*/_react.default.createElement(_cycle.StyledCycle, cycleProps, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_MaterialIcons.default, _extends({
|
|
78
79
|
name: 'arrow-back',
|
|
79
80
|
size: 30,
|
|
80
81
|
color: _theme.theme.colors.gray[700],
|
|
81
82
|
onPress: () => onPress && onPress()
|
|
82
|
-
}), /*#__PURE__*/_react.default.createElement(_spacer.StyledSpacer, {
|
|
83
|
+
}, iconProps)), /*#__PURE__*/_react.default.createElement(_spacer.StyledSpacer, {
|
|
83
84
|
marginHorizontal: 4
|
|
84
85
|
}))), title && /*#__PURE__*/_react.default.createElement(_text.StyledText, {
|
|
85
86
|
color: color,
|
|
@@ -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","fontWeight","normal","fontSize","color","textProps","title","icon","cycleProps","rightIcon","rightIconProps","onPress","XStack","flex","paddingHorizontal","paddingVertical","StyledCycle","Fragment","name","StyledSpacer","marginHorizontal","StyledText","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, fontWeight = theme.fontWeight.normal, fontSize = theme.fontSize.normal, color = theme.colors.gray[800], textProps, title, icon = false, cycleProps, rightIcon, rightIconProps, onPress, ...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={() => onPress && onPress()}\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={color}\r\n fontWeight={fontWeight}\r\n fontSize={fontSize}\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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,cAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,KAAA,GAAAP,OAAA;AACA,IAAAQ,OAAA,GAAAR,OAAA;AACA,IAAAS,MAAA,GAAAT,OAAA;AACA,IAAAU,UAAA,GAAAV,OAAA;AAAuD,SAAAD,uBAAAY,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAEvD,MAAMO,OAAO,GAAG,IAAAC,cAAM,EAACC,iBAAI,EAAE;EAC3BC,IAAI,EAAE;IACJC,KAAK,EAAE,MAAM;IACbC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDC,QAAQ,EAAE;IACRC,SAAS,EAAEA,CAACC,IAAI,GAAG,CAAC,KAAK;MACvB,IAAI,CAAC,IAAAC,oBAAa,EAACD,IAAI,CAAC,EAAE;QACxB,MAAM,IAAIE,KAAK,CAAC,yBAAyB,CAAC;MAC5C;MACA,OAAO;QAAEH,SAAS,EAAEC;MAAK,CAAC;IAC5B,CAAC;IACDG,YAAY,EAAEA,CAACC,MAAM,GAAG,CAAC,KAAK;MAC5B,OAAO;QAAEC,UAAU,EAAED;MAAO,CAAC;IAC/B;EACF;AACF,CAAC,CAAC;AAEF,MAAME,YAAY,GAAGA,CAAC;EAAEC,WAAW;EAAEC,WAAW,GAAG,KAAK;EAAE,GAAGC;AAAK,CAAC,KAAK;EACtE,oBACE/C,MAAA,CAAAe,OAAA,CAAAiC,aAAA,CAAC1C,MAAA,CAAA2C,MAAM,qBACLjD,MAAA,CAAAe,OAAA,CAAAiC,aAAA,CAAC7C,YAAA,CAAA+C,SAAS,EAAAlC,QAAA;IACRmC,WAAW,EAAE,IAAK;IAClBC,eAAe,EAAEC,YAAK,CAACC,MAAM,CAACC,IAAI,CAAC,CAAC,CAAE;IACtCC,QAAQ,EAAE;EAAe,GACrBX,WAAW,CAChB,CAAC,eACF7C,MAAA,CAAAe,OAAA,CAAAiC,aAAA,CAACpB,OAAO,EAAAZ,QAAA;IAACyB,YAAY,EAAE,IAAAgB,6BAAkB,EAACX,WAAW;EAAE,GAAKC,IAAI,CAAG,CAC7D,CAAC;AAEb,CAAC;AAAAW,OAAA,CAAAd,YAAA,GAAAA,YAAA;AAED,MAAMe,MAAM,GAAGA,CAAC;EAAEC,SAAS;EAAEC,UAAU,GAAGR,YAAK,CAACQ,UAAU,CAACC,MAAM;EAAEC,QAAQ,GAAGV,YAAK,CAACU,QAAQ,CAACD,MAAM;EAAEE,KAAK,
|
|
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","fontWeight","normal","fontSize","iconProps","color","textProps","title","icon","cycleProps","rightIcon","rightIconProps","onPress","XStack","flex","paddingHorizontal","paddingVertical","StyledCycle","Fragment","name","StyledSpacer","marginHorizontal","StyledText","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, fontWeight = theme.fontWeight.normal, fontSize = theme.fontSize.normal, iconProps, color = theme.colors.gray[800], textProps, title, icon = false, cycleProps, rightIcon, rightIconProps, onPress, ...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={() => onPress && onPress()}\r\n {...iconProps}\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={color}\r\n fontWeight={fontWeight}\r\n fontSize={fontSize}\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":[]}
|
|
@@ -1,13 +1,27 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { View, Pressable } from 'react-native';
|
|
3
3
|
import { styled } from '../styled';
|
|
4
|
-
import { shadow } from '../utils';
|
|
4
|
+
import { shadow, windowWidth } from '../utils';
|
|
5
5
|
const Card = styled(View, {
|
|
6
6
|
base: {
|
|
7
7
|
flexDirection: 'column'
|
|
8
8
|
},
|
|
9
9
|
variants: {
|
|
10
|
-
shadow: shadow
|
|
10
|
+
shadow: shadow,
|
|
11
|
+
HWidth: {
|
|
12
|
+
'32x4': {
|
|
13
|
+
width: windowWidth - 32 - 4
|
|
14
|
+
},
|
|
15
|
+
'32x8': {
|
|
16
|
+
width: windowWidth - 32 - 8
|
|
17
|
+
},
|
|
18
|
+
'16x4': {
|
|
19
|
+
width: windowWidth - 16 - 4
|
|
20
|
+
},
|
|
21
|
+
'16x8': {
|
|
22
|
+
width: windowWidth - 16 - 8
|
|
23
|
+
}
|
|
24
|
+
}
|
|
11
25
|
}
|
|
12
26
|
});
|
|
13
27
|
const StyledCard = ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","Pressable","styled","shadow","Card","base","flexDirection","variants","StyledCard","pressable","pressableProps","children","rest","createElement"],"sources":["index.jsx"],"sourcesContent":["import React from 'react'\r\nimport { View, Pressable } from 'react-native'\r\nimport { styled } from '../styled'\r\nimport { shadow } from '../utils'\r\n\r\nconst Card = styled(View, {\r\n base: {\r\n flexDirection: 'column'\r\n },\r\n variants: {\r\n shadow: shadow\r\n }\r\n})\r\n\r\nconst StyledCard = ({\r\n\tpressable = false,\r\n\tpressableProps,\r\n\tchildren,\r\n\t...rest\r\n}) => {\r\n if (pressable) {\r\n return (\r\n <Pressable {...pressableProps}>\r\n <Card {...rest}>\r\n {children}\r\n </Card>\r\n </Pressable>\r\n )\r\n }\r\n\r\n return (\r\n <Card {...rest}>\r\n {children}\r\n </Card>\r\n )\r\n}\r\n\r\nexport { StyledCard }\r\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,SAAS,QAAQ,cAAc;AAC9C,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,MAAM,QAAQ,UAAU;
|
|
1
|
+
{"version":3,"names":["React","View","Pressable","styled","shadow","windowWidth","Card","base","flexDirection","variants","HWidth","width","StyledCard","pressable","pressableProps","children","rest","createElement"],"sources":["index.jsx"],"sourcesContent":["import React from 'react'\r\nimport { View, Pressable } from 'react-native'\r\nimport { styled } from '../styled'\r\nimport { shadow, windowWidth } from '../utils'\r\n\r\nconst Card = styled(View, {\r\n base: {\r\n flexDirection: 'column'\r\n },\r\n variants: {\r\n shadow: shadow,\r\n HWidth: {\r\n '32x4': {\r\n width: windowWidth - 32 - 4\r\n },\r\n '32x8': {\r\n width: windowWidth - 32 - 8\r\n },\r\n '16x4': {\r\n width: windowWidth - 16 - 4\r\n },\r\n '16x8': {\r\n width: windowWidth - 16 - 8\r\n }\r\n },\r\n }\r\n})\r\n\r\nconst StyledCard = ({\r\n\tpressable = false,\r\n\tpressableProps,\r\n\tchildren,\r\n\t...rest\r\n}) => {\r\n if (pressable) {\r\n return (\r\n <Pressable {...pressableProps}>\r\n <Card {...rest}>\r\n {children}\r\n </Card>\r\n </Pressable>\r\n )\r\n }\r\n\r\n return (\r\n <Card {...rest}>\r\n {children}\r\n </Card>\r\n )\r\n}\r\n\r\nexport { StyledCard }\r\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,SAAS,QAAQ,cAAc;AAC9C,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,MAAM,EAAEC,WAAW,QAAQ,UAAU;AAE9C,MAAMC,IAAI,GAAGH,MAAM,CAACF,IAAI,EAAE;EACxBM,IAAI,EAAE;IACJC,aAAa,EAAE;EACjB,CAAC;EACDC,QAAQ,EAAE;IACRL,MAAM,EAAEA,MAAM;IACdM,MAAM,EAAE;MACN,MAAM,EAAE;QACNC,KAAK,EAAEN,WAAW,GAAG,EAAE,GAAG;MAC5B,CAAC;MACD,MAAM,EAAE;QACNM,KAAK,EAAEN,WAAW,GAAG,EAAE,GAAG;MAC5B,CAAC;MACD,MAAM,EAAE;QACNM,KAAK,EAAEN,WAAW,GAAG,EAAE,GAAG;MAC5B,CAAC;MACD,MAAM,EAAE;QACNM,KAAK,EAAEN,WAAW,GAAG,EAAE,GAAG;MAC5B;IACF;EACF;AACF,CAAC,CAAC;AAEF,MAAMO,UAAU,GAAGA,CAAC;EACnBC,SAAS,GAAG,KAAK;EACjBC,cAAc;EACdC,QAAQ;EACR,GAAGC;AACJ,CAAC,KAAK;EACJ,IAAIH,SAAS,EAAE;IACb,oBACEb,KAAA,CAAAiB,aAAA,CAACf,SAAS,EAAKY,cAAc,eAC3Bd,KAAA,CAAAiB,aAAA,CAACX,IAAI,EAAKU,IAAI,EACXD,QACG,CACG,CAAC;EAEhB;EAEA,oBACEf,KAAA,CAAAiB,aAAA,CAACX,IAAI,EAAKU,IAAI,EACXD,QACG,CAAC;AAEX,CAAC;AAED,SAASH,UAAU","ignoreList":[]}
|
|
@@ -92,7 +92,7 @@ const StyledMultiDropdown = ({
|
|
|
92
92
|
}, rest)), errorMessage && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledSpacer, {
|
|
93
93
|
marginVertical: 1
|
|
94
94
|
}), /*#__PURE__*/React.createElement(StyledText, {
|
|
95
|
-
marginHorizontal:
|
|
95
|
+
marginHorizontal: 8,
|
|
96
96
|
fontWeight: theme.fontWeight.bold,
|
|
97
97
|
fontSize: theme.fontSize.small,
|
|
98
98
|
color: theme.colors.pink[500]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","useEffect","YStack","StyledText","StyledSpacer","DropDownPicker","theme","styled","Dropdown","base","borderColor","colors","gray","borderWidth","borderRadius","backgroundColor","width","color","paddingHorizontal","variants","error","true","pink","false","StyledDropdown","items","label","errorMessage","labelStyles","rest","open","setOpen","createElement","Fragment","_extends","fontSize","normal","fontWeight","marginVertical","marginHorizontal","bold","small","StyledMultiDropdown","onSelected","selected","setSelected","justifyContent","alignItems","setValue","value","multiple"],"sources":["index.jsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\r\nimport { YStack } from '../stack';\r\nimport { StyledText } from '../text';\r\nimport { StyledSpacer } from '../spacer';\r\nimport DropDownPicker from \"react-native-dropdown-picker\";\r\nimport { theme } from \"../theme\";\r\nimport { styled } from \"../styled\";\r\n\r\nconst Dropdown = styled(DropDownPicker, {\r\n base: {\r\n borderColor: theme.colors.gray[800],\r\n borderWidth: 1,\r\n borderRadius: 30,\r\n backgroundColor: theme.colors.gray[1],\r\n width: '100%',\r\n color: theme.colors.gray[800],\r\n paddingHorizontal: 16,\r\n },\r\n variants: {\r\n error: {\r\n true: {\r\n borderColor: theme.colors.pink[500],\r\n borderWidth: 1,\r\n },\r\n false: {\r\n borderColor: theme.colors.gray[800],\r\n }\r\n },\r\n }\r\n})\r\n\r\nconst StyledDropdown = ({ items, label, errorMessage, error, labelStyles, ...rest }) => {\r\n const [open, setOpen] = useState(false)\r\n return (\r\n <>\r\n {\r\n label && (\r\n <> \r\n <StyledText paddingHorizontal={8} color={theme.colors.gray[600]} fontSize={theme.fontSize.normal} fontWeight={theme.fontWeight.normal} {...labelStyles}>\r\n {label}\r\n </StyledText>\r\n <StyledSpacer marginVertical={4} />\r\n </>\r\n\r\n )\r\n }\r\n <Dropdown open={open} setOpen={setOpen} items={items} {...rest} />\r\n {\r\n (error && errorMessage) && (\r\n <>\r\n <StyledSpacer marginVertical={1} />\r\n <StyledText marginHorizontal={16} fontWeight={theme.fontWeight.bold} fontSize={theme.fontSize.small} color={theme.colors.pink[500]}>\r\n {errorMessage}\r\n </StyledText>\r\n </>\r\n )\r\n }\r\n\r\n </>\r\n )\r\n}\r\n\r\nconst StyledMultiDropdown = ({ items, label, errorMessage, labelStyles, onSelected, ...rest }) => {\r\n const [selected, setSelected] = useState([])\r\n const [open, setOpen] = useState(false)\r\n\r\n useEffect(() => {\r\n onSelected && onSelected(selected)\r\n }, [selected])\r\n\r\n return (\r\n <YStack justifyContent='flex-start' alignItems='flex-start'>\r\n {\r\n label && (\r\n <>\r\n <StyledSpacer marginVertical={4} />\r\n <StyledText paddingHorizontal={8} color={theme.colors.gray[600]} fontSize={theme.fontSize.normal} fontWeight={theme.fontWeight.normal} {...labelStyles}>\r\n {label}\r\n </StyledText>\r\n <StyledSpacer marginVertical={4} />\r\n </>\r\n\r\n )\r\n }\r\n <Dropdown open={open} setOpen={setOpen} items={items} setValue={setSelected} value={selected} multiple {...rest} />\r\n {\r\n errorMessage && (\r\n <>\r\n <StyledSpacer marginVertical={1} />\r\n <StyledText marginHorizontal={
|
|
1
|
+
{"version":3,"names":["React","useState","useEffect","YStack","StyledText","StyledSpacer","DropDownPicker","theme","styled","Dropdown","base","borderColor","colors","gray","borderWidth","borderRadius","backgroundColor","width","color","paddingHorizontal","variants","error","true","pink","false","StyledDropdown","items","label","errorMessage","labelStyles","rest","open","setOpen","createElement","Fragment","_extends","fontSize","normal","fontWeight","marginVertical","marginHorizontal","bold","small","StyledMultiDropdown","onSelected","selected","setSelected","justifyContent","alignItems","setValue","value","multiple"],"sources":["index.jsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\r\nimport { YStack } from '../stack';\r\nimport { StyledText } from '../text';\r\nimport { StyledSpacer } from '../spacer';\r\nimport DropDownPicker from \"react-native-dropdown-picker\";\r\nimport { theme } from \"../theme\";\r\nimport { styled } from \"../styled\";\r\n\r\nconst Dropdown = styled(DropDownPicker, {\r\n base: {\r\n borderColor: theme.colors.gray[800],\r\n borderWidth: 1,\r\n borderRadius: 30,\r\n backgroundColor: theme.colors.gray[1],\r\n width: '100%',\r\n color: theme.colors.gray[800],\r\n paddingHorizontal: 16,\r\n },\r\n variants: {\r\n error: {\r\n true: {\r\n borderColor: theme.colors.pink[500],\r\n borderWidth: 1,\r\n },\r\n false: {\r\n borderColor: theme.colors.gray[800],\r\n }\r\n },\r\n }\r\n})\r\n\r\nconst StyledDropdown = ({ items, label, errorMessage, error, labelStyles, ...rest }) => {\r\n const [open, setOpen] = useState(false)\r\n return (\r\n <>\r\n {\r\n label && (\r\n <> \r\n <StyledText paddingHorizontal={8} color={theme.colors.gray[600]} fontSize={theme.fontSize.normal} fontWeight={theme.fontWeight.normal} {...labelStyles}>\r\n {label}\r\n </StyledText>\r\n <StyledSpacer marginVertical={4} />\r\n </>\r\n\r\n )\r\n }\r\n <Dropdown open={open} setOpen={setOpen} items={items} {...rest} />\r\n {\r\n (error && errorMessage) && (\r\n <>\r\n <StyledSpacer marginVertical={1} />\r\n <StyledText marginHorizontal={16} fontWeight={theme.fontWeight.bold} fontSize={theme.fontSize.small} color={theme.colors.pink[500]}>\r\n {errorMessage}\r\n </StyledText>\r\n </>\r\n )\r\n }\r\n\r\n </>\r\n )\r\n}\r\n\r\nconst StyledMultiDropdown = ({ items, label, errorMessage, labelStyles, onSelected, ...rest }) => {\r\n const [selected, setSelected] = useState([])\r\n const [open, setOpen] = useState(false)\r\n\r\n useEffect(() => {\r\n onSelected && onSelected(selected)\r\n }, [selected])\r\n\r\n return (\r\n <YStack justifyContent='flex-start' alignItems='flex-start'>\r\n {\r\n label && (\r\n <>\r\n <StyledSpacer marginVertical={4} />\r\n <StyledText paddingHorizontal={8} color={theme.colors.gray[600]} fontSize={theme.fontSize.normal} fontWeight={theme.fontWeight.normal} {...labelStyles}>\r\n {label}\r\n </StyledText>\r\n <StyledSpacer marginVertical={4} />\r\n </>\r\n\r\n )\r\n }\r\n <Dropdown open={open} setOpen={setOpen} items={items} setValue={setSelected} value={selected} multiple {...rest} />\r\n {\r\n errorMessage && (\r\n <>\r\n <StyledSpacer marginVertical={1} />\r\n <StyledText marginHorizontal={8} fontWeight={theme.fontWeight.bold} fontSize={theme.fontSize.small} color={theme.colors.pink[500]}>\r\n {errorMessage}\r\n </StyledText>\r\n </>\r\n )\r\n }\r\n\r\n </YStack>\r\n )\r\n}\r\n\r\nexport { StyledDropdown, StyledMultiDropdown }"],"mappings":"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","ignoreList":[]}
|
|
@@ -51,6 +51,7 @@ const Header = ({
|
|
|
51
51
|
navigator,
|
|
52
52
|
fontWeight = theme.fontWeight.normal,
|
|
53
53
|
fontSize = theme.fontSize.normal,
|
|
54
|
+
iconProps,
|
|
54
55
|
color = theme.colors.gray[800],
|
|
55
56
|
textProps,
|
|
56
57
|
title,
|
|
@@ -67,12 +68,12 @@ const Header = ({
|
|
|
67
68
|
flex: 1,
|
|
68
69
|
paddingHorizontal: 8,
|
|
69
70
|
paddingVertical: 8
|
|
70
|
-
}, rest), icon && /*#__PURE__*/React.createElement(StyledCycle, cycleProps, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
|
|
71
|
+
}, rest), icon && /*#__PURE__*/React.createElement(StyledCycle, cycleProps, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, _extends({
|
|
71
72
|
name: 'arrow-back',
|
|
72
73
|
size: 30,
|
|
73
74
|
color: theme.colors.gray[700],
|
|
74
75
|
onPress: () => onPress && onPress()
|
|
75
|
-
}), /*#__PURE__*/React.createElement(StyledSpacer, {
|
|
76
|
+
}, iconProps)), /*#__PURE__*/React.createElement(StyledSpacer, {
|
|
76
77
|
marginHorizontal: 4
|
|
77
78
|
}))), title && /*#__PURE__*/React.createElement(StyledText, {
|
|
78
79
|
color: color,
|
|
@@ -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","fontWeight","normal","fontSize","color","textProps","title","icon","cycleProps","rightIcon","rightIconProps","onPress","flex","paddingHorizontal","paddingVertical","Fragment","name","marginHorizontal","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, fontWeight = theme.fontWeight.normal, fontSize = theme.fontSize.normal, color = theme.colors.gray[800], textProps, title, icon = false, cycleProps, rightIcon, rightIconProps, onPress, ...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={() => onPress && onPress()}\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={color}\r\n fontWeight={fontWeight}\r\n fontSize={fontSize}\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":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,SAAS,QAAQ,cAAc;AACxC,OAAOC,IAAI,MAAM,yCAAyC;AAC1D,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,MAAM,EAAEC,MAAM,QAAQ,UAAU;AACzC,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,WAAW,QAAQ,UAAU;AACtC,SAASC,UAAU,QAAQ,SAAS;AACpC,SAASC,YAAY,QAAQ,WAAW;AACxC,SAASC,aAAa,QAAQ,UAAU;AACxC,SAASC,kBAAkB,QAAQ,oBAAoB;AAEvD,MAAMC,OAAO,GAAGN,MAAM,CAACN,IAAI,EAAE;EAC3Ba,IAAI,EAAE;IACJC,KAAK,EAAE,MAAM;IACbC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDC,QAAQ,EAAE;IACRC,SAAS,EAAEA,CAACC,IAAI,GAAG,CAAC,KAAK;MACvB,IAAI,CAACV,aAAa,CAACU,IAAI,CAAC,EAAE;QACxB,MAAM,IAAIC,KAAK,CAAC,yBAAyB,CAAC;MAC5C;MACA,OAAO;QAAEF,SAAS,EAAEC;MAAK,CAAC;IAC5B,CAAC;IACDE,YAAY,EAAEA,CAACC,MAAM,GAAG,CAAC,KAAK;MAC5B,OAAO;QAAEC,UAAU,EAAED;MAAO,CAAC;IAC/B;EACF;AACF,CAAC,CAAC;AAEF,MAAME,YAAY,GAAGA,CAAC;EAAEC,WAAW;EAAEC,WAAW,GAAG,KAAK;EAAE,GAAGC;AAAK,CAAC,KAAK;EACtE,oBACE7B,KAAA,CAAA8B,aAAA,CAACzB,MAAM,qBACLL,KAAA,CAAA8B,aAAA,CAAC5B,SAAS,EAAA6B,QAAA;IACRC,WAAW,EAAE,IAAK;IAClBC,eAAe,EAAE7B,KAAK,CAAC8B,MAAM,CAACC,IAAI,CAAC,CAAC,CAAE;IACtCC,QAAQ,EAAE;EAAe,GACrBT,WAAW,CAChB,CAAC,eACF3B,KAAA,CAAA8B,aAAA,CAACjB,OAAO,EAAAkB,QAAA;IAACR,YAAY,EAAEX,kBAAkB,CAACgB,WAAW;EAAE,GAAKC,IAAI,CAAG,CAC7D,CAAC;AAEb,CAAC;AAED,MAAMQ,MAAM,GAAGA,CAAC;EAAEC,SAAS;EAAEC,UAAU,GAAGnC,KAAK,CAACmC,UAAU,CAACC,MAAM;EAAEC,QAAQ,GAAGrC,KAAK,CAACqC,QAAQ,CAACD,MAAM;EAAEE,KAAK,
|
|
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","fontWeight","normal","fontSize","iconProps","color","textProps","title","icon","cycleProps","rightIcon","rightIconProps","onPress","flex","paddingHorizontal","paddingVertical","Fragment","name","marginHorizontal","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, fontWeight = theme.fontWeight.normal, fontSize = theme.fontSize.normal, iconProps, color = theme.colors.gray[800], textProps, title, icon = false, cycleProps, rightIcon, rightIconProps, onPress, ...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={() => onPress && onPress()}\r\n {...iconProps}\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={color}\r\n fontWeight={fontWeight}\r\n fontSize={fontSize}\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":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,SAAS,QAAQ,cAAc;AACxC,OAAOC,IAAI,MAAM,yCAAyC;AAC1D,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,MAAM,EAAEC,MAAM,QAAQ,UAAU;AACzC,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,WAAW,QAAQ,UAAU;AACtC,SAASC,UAAU,QAAQ,SAAS;AACpC,SAASC,YAAY,QAAQ,WAAW;AACxC,SAASC,aAAa,QAAQ,UAAU;AACxC,SAASC,kBAAkB,QAAQ,oBAAoB;AAEvD,MAAMC,OAAO,GAAGN,MAAM,CAACN,IAAI,EAAE;EAC3Ba,IAAI,EAAE;IACJC,KAAK,EAAE,MAAM;IACbC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDC,QAAQ,EAAE;IACRC,SAAS,EAAEA,CAACC,IAAI,GAAG,CAAC,KAAK;MACvB,IAAI,CAACV,aAAa,CAACU,IAAI,CAAC,EAAE;QACxB,MAAM,IAAIC,KAAK,CAAC,yBAAyB,CAAC;MAC5C;MACA,OAAO;QAAEF,SAAS,EAAEC;MAAK,CAAC;IAC5B,CAAC;IACDE,YAAY,EAAEA,CAACC,MAAM,GAAG,CAAC,KAAK;MAC5B,OAAO;QAAEC,UAAU,EAAED;MAAO,CAAC;IAC/B;EACF;AACF,CAAC,CAAC;AAEF,MAAME,YAAY,GAAGA,CAAC;EAAEC,WAAW;EAAEC,WAAW,GAAG,KAAK;EAAE,GAAGC;AAAK,CAAC,KAAK;EACtE,oBACE7B,KAAA,CAAA8B,aAAA,CAACzB,MAAM,qBACLL,KAAA,CAAA8B,aAAA,CAAC5B,SAAS,EAAA6B,QAAA;IACRC,WAAW,EAAE,IAAK;IAClBC,eAAe,EAAE7B,KAAK,CAAC8B,MAAM,CAACC,IAAI,CAAC,CAAC,CAAE;IACtCC,QAAQ,EAAE;EAAe,GACrBT,WAAW,CAChB,CAAC,eACF3B,KAAA,CAAA8B,aAAA,CAACjB,OAAO,EAAAkB,QAAA;IAACR,YAAY,EAAEX,kBAAkB,CAACgB,WAAW;EAAE,GAAKC,IAAI,CAAG,CAC7D,CAAC;AAEb,CAAC;AAED,MAAMQ,MAAM,GAAGA,CAAC;EAAEC,SAAS;EAAEC,UAAU,GAAGnC,KAAK,CAACmC,UAAU,CAACC,MAAM;EAAEC,QAAQ,GAAGrC,KAAK,CAACqC,QAAQ,CAACD,MAAM;EAAEE,SAAS;EAAEC,KAAK,GAAGvC,KAAK,CAAC8B,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;EAAES,SAAS;EAAEC,KAAK;EAAEC,IAAI,GAAG,KAAK;EAAEC,UAAU;EAAEC,SAAS;EAAEC,cAAc;EAAEC,OAAO;EAAE,GAAGrB;AAAK,CAAC,KAAK;EAE5O,oBACE7B,KAAA,CAAA8B,aAAA,CAACxB,MAAM,EAAAyB,QAAA;IAACb,cAAc,EAAC,YAAY;IAACD,UAAU,EAAC,QAAQ;IAACkC,IAAI,EAAE,CAAE;IAACC,iBAAiB,EAAE,CAAE;IACpFC,eAAe,EAAE;EAAE,GAAKxB,IAAI,GAE1BiB,IAAI,iBACF9C,KAAA,CAAA8B,aAAA,CAACtB,WAAW,EAAMuC,UAAU,eAC1B/C,KAAA,CAAA8B,aAAA,CAAA9B,KAAA,CAAAsD,QAAA,qBACEtD,KAAA,CAAA8B,aAAA,CAAC3B,IAAI,EAAA4B,QAAA;IACHwB,IAAI,EAAE,YAAa;IACnBlC,IAAI,EAAE,EAAG;IACTsB,KAAK,EAAEvC,KAAK,CAAC8B,MAAM,CAACC,IAAI,CAAC,GAAG,CAAE;IAC9Be,OAAO,EAAEA,CAAA,KAAMA,OAAO,IAAIA,OAAO,CAAC;EAAE,GAChCR,SAAS,CACd,CAAC,eACF1C,KAAA,CAAA8B,aAAA,CAACpB,YAAY;IAAC8C,gBAAgB,EAAE;EAAE,CAAE,CACpC,CACS,CACd,EAEFX,KAAK,iBACJ7C,KAAA,CAAA8B,aAAA,CAACrB,UAAU;IACTkC,KAAK,EAAEA,KAAM;IACbJ,UAAU,EAAEA,UAAW;IACvBE,QAAQ,EAAEA;EAAS,GAElBI,KACS,CAAC,EAEbG,SAAS,iBACPhD,KAAA,CAAA8B,aAAA,CAAA9B,KAAA,CAAAsD,QAAA,QAAGN,SAAY,CAIb,CAAC;AAEb,CAAC;AAED,MAAMS,IAAI,GAAGA,CAAC;EAAEC;AAAS,CAAC,KAAK;EAC7B,oBACE1D,KAAA,CAAA8B,aAAA,CAAA9B,KAAA,CAAAsD,QAAA,QAAGI,QAAW,CAAC;AAEnB,CAAC;AAEDhC,YAAY,CAACW,MAAM,GAAGA,MAAM;AAC5BX,YAAY,CAAC+B,IAAI,GAAGA,IAAI;AAExB,SAAS/B,YAAY","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,14 +1,28 @@
|
|
|
1
1
|
import React from 'react'
|
|
2
2
|
import { View, Pressable } from 'react-native'
|
|
3
3
|
import { styled } from '../styled'
|
|
4
|
-
import { shadow } from '../utils'
|
|
4
|
+
import { shadow, windowWidth } from '../utils'
|
|
5
5
|
|
|
6
6
|
const Card = styled(View, {
|
|
7
7
|
base: {
|
|
8
8
|
flexDirection: 'column'
|
|
9
9
|
},
|
|
10
10
|
variants: {
|
|
11
|
-
shadow: shadow
|
|
11
|
+
shadow: shadow,
|
|
12
|
+
HWidth: {
|
|
13
|
+
'32x4': {
|
|
14
|
+
width: windowWidth - 32 - 4
|
|
15
|
+
},
|
|
16
|
+
'32x8': {
|
|
17
|
+
width: windowWidth - 32 - 8
|
|
18
|
+
},
|
|
19
|
+
'16x4': {
|
|
20
|
+
width: windowWidth - 16 - 4
|
|
21
|
+
},
|
|
22
|
+
'16x8': {
|
|
23
|
+
width: windowWidth - 16 - 8
|
|
24
|
+
}
|
|
25
|
+
},
|
|
12
26
|
}
|
|
13
27
|
})
|
|
14
28
|
|
|
@@ -87,7 +87,7 @@ const StyledMultiDropdown = ({ items, label, errorMessage, labelStyles, onSelect
|
|
|
87
87
|
errorMessage && (
|
|
88
88
|
<>
|
|
89
89
|
<StyledSpacer marginVertical={1} />
|
|
90
|
-
<StyledText marginHorizontal={
|
|
90
|
+
<StyledText marginHorizontal={8} fontWeight={theme.fontWeight.bold} fontSize={theme.fontSize.small} color={theme.colors.pink[500]}>
|
|
91
91
|
{errorMessage}
|
|
92
92
|
</StyledText>
|
|
93
93
|
</>
|
|
@@ -45,7 +45,7 @@ const StyledHeader = ({ statusProps, skipAndroid = false, ...rest }) => {
|
|
|
45
45
|
)
|
|
46
46
|
}
|
|
47
47
|
|
|
48
|
-
const Header = ({ navigator, fontWeight = theme.fontWeight.normal, fontSize = theme.fontSize.normal, color = theme.colors.gray[800], textProps, title, icon = false, cycleProps, rightIcon, rightIconProps, onPress, ...rest }) => {
|
|
48
|
+
const Header = ({ navigator, fontWeight = theme.fontWeight.normal, fontSize = theme.fontSize.normal, iconProps, color = theme.colors.gray[800], textProps, title, icon = false, cycleProps, rightIcon, rightIconProps, onPress, ...rest }) => {
|
|
49
49
|
|
|
50
50
|
return (
|
|
51
51
|
<XStack justifyContent='flex-start' alignItems='center' flex={1} paddingHorizontal={8}
|
|
@@ -59,6 +59,7 @@ const Header = ({ navigator, fontWeight = theme.fontWeight.normal, fontSize = th
|
|
|
59
59
|
size={30}
|
|
60
60
|
color={theme.colors.gray[700]}
|
|
61
61
|
onPress={() => onPress && onPress()}
|
|
62
|
+
{...iconProps}
|
|
62
63
|
/>
|
|
63
64
|
<StyledSpacer marginHorizontal={4} />
|
|
64
65
|
</>
|