fluent-styles 1.26.0 → 1.28.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/form/index.js +2 -2
- package/lib/commonjs/package/form/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/form/index.js +1 -1
- package/lib/module/package/form/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/form/index.jsx +1 -1
- package/src/package/header/index.jsx +2 -1
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.default = exports.StyledMultiInput = exports.StyledInput = void 0;
|
|
6
|
+
exports.default = exports.StyledMultiInput = exports.StyledInput = exports.InputText = void 0;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _stack = require("../stack");
|
|
@@ -15,7 +15,7 @@ var _utils = require("../utils");
|
|
|
15
15
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
16
16
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
17
17
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
18
|
-
const StyledInputText = (0, _styled.styled)(_reactNative.TextInput, {
|
|
18
|
+
const StyledInputText = exports.InputText = (0, _styled.styled)(_reactNative.TextInput, {
|
|
19
19
|
base: {
|
|
20
20
|
borderColor: _theme.theme.colors.gray[800],
|
|
21
21
|
borderWidth: 1,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_stack","_text","_spacer","_theme","_styled","_utils","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","StyledInputText","styled","TextInput","base","borderColor","theme","colors","gray","borderWidth","borderRadius","backgroundColor","fontWeight","normal","width","color","paddingHorizontal","paddingVertical","fontSize","placeholderTextColor","variants","size","isValidString","Error","isValidColor","isValidNumber","fontFamily","font","textAlign","align","validAlignments","includes","value","noBorder","true","StyledInput","exports","forwardRef","label","containerProps","errorMessage","error","errorProps","labelProps","rest","ref","createElement","Fragment","YStack","justifyContent","alignItems","StyledText","StyledSpacer","marginVertical","pink","marginHorizontal","bold","small","StyledMultiInput","textAlignVertical","multiline","numberOfLines","inputMode","_default"],"sources":["index.jsx"],"sourcesContent":["import React, { forwardRef } from 'react';\r\nimport { TextInput } from 'react-native';\r\nimport { YStack } from '../stack';\r\nimport { StyledText } from '../text';\r\nimport { StyledSpacer } from '../spacer';\r\nimport { theme } from '../theme';\r\nimport { styled } from '../styled';\r\nimport { isValidColor, isValidNumber, isValidString } from '../utils';\r\n\r\nconst StyledInputText = styled(TextInput, {\r\n base: {\r\n borderColor: theme.colors.gray[800],\r\n borderWidth: 1,\r\n borderRadius: 30,\r\n backgroundColor: theme.fontWeight.normal[1],\r\n width: '100%',\r\n color: theme.colors.gray[800],\r\n paddingHorizontal: 16,\r\n paddingVertical: 8,\r\n fontSize: theme.fontSize.normal,\r\n placeholderTextColor: theme.colors.gray[1],\r\n },\r\n variants: {\r\n fontWeight: (size = theme.fontWeight.normal) => {\r\n if (!isValidString(size)) {\r\n throw new Error('Invalid fontWeight value');\r\n }\r\n return { fontWeight: size };\r\n },\r\n color: (color = theme.colors.gray[800]) => {\r\n if (!isValidColor(color)) {\r\n throw new Error('Invalid color value');\r\n }\r\n return { color: color };\r\n },\r\n fontSize: (size = theme.fontSize.normal) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid fontSize value');\r\n }\r\n return { fontSize: size };\r\n },\r\n fontFamily: font => {\r\n if (!font) return\r\n return {\r\n fontFamily: font\r\n }\r\n },\r\n textAlign: (align = 'left') => {\r\n const validAlignments = ['auto', 'left', 'right', 'center', 'justify'];\r\n if (!validAlignments.includes(align)) {\r\n throw new Error('Invalid textAlign value');\r\n }\r\n return { textAlign: align };\r\n },\r\n borderRadius: (value = 16) => {\r\n if (!isValidNumber(value)) {\r\n throw new Error('Invalid borderRadius value');\r\n }\r\n return { borderRadius: value };\r\n },\r\n borderColor: (value = theme.colors.gray[100]) => {\r\n if (!isValidColor(value)) {\r\n throw new Error('Invalid borderColor value');\r\n }\r\n return { borderColor: value };\r\n },\r\n backgroundColor: (value = theme.colors.gray[1]) => {\r\n if (!isValidColor(value)) {\r\n throw new Error('Invalid backgroundColor value');\r\n }\r\n return { backgroundColor: value };\r\n },\r\n noBorder: {\r\n true: { borderWidth: 0 }\r\n },\r\n placeholderTextColor: (value = theme.colors.gray[800]) => {\r\n if (!isValidColor(value)) {\r\n throw new Error('Invalid placeholderTextColor value');\r\n }\r\n return { placeholderTextColor: value };\r\n } \r\n }\r\n});\r\n\r\nconst StyledInput = forwardRef(({ label, containerProps, borderColor, errorMessage, error, errorProps, labelProps, ...rest }, ref) => {\r\n return (\r\n <>\r\n {\r\n label && (\r\n <YStack width={'100%'} justifyContent='flex-start' alignItems='flex-start' {...containerProps} >\r\n <StyledText paddingHorizontal={8} color={theme.colors.gray[800]} fontSize={theme.fontSize.normal} fontWeight={theme.fontWeight.normal} {...labelProps}>\r\n {label}\r\n </StyledText>\r\n <StyledSpacer marginVertical={4} />\r\n </YStack>\r\n )\r\n }\r\n <StyledInputText placeholderTextColor={theme.colors.gray[400]} ref={ref} {...rest} borderColor={error ? theme.colors.pink[500] : borderColor} />\r\n {\r\n errorMessage && (\r\n <YStack width={'100%'} justifyContent='flex-start' alignItems='flex-start' {...containerProps} >\r\n <StyledSpacer marginVertical={1} />\r\n <StyledText marginHorizontal={8} fontWeight={theme.fontWeight.bold} fontSize={theme.fontSize.small} color={theme.colors.pink[500]} {...errorProps}>\r\n {errorMessage}\r\n </StyledText>\r\n </YStack>\r\n )\r\n }\r\n </>\r\n )\r\n})\r\nconst StyledMultiInput = ({ label, errorMessage, borderColor, error, errorProps, labelProps, ...rest }) => {\r\n return (\r\n <YStack width={'100%'} 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[800]} fontSize={theme.fontSize.normal} fontWeight={theme.fontWeight.normal} {...labelProps}>\r\n {label}\r\n </StyledText>\r\n <StyledSpacer marginVertical={4} />\r\n </>\r\n\r\n )\r\n }\r\n <StyledInputText borderRadius={16} textAlignVertical='top' multiline numberOfLines={5} inputMode='text' {...rest} borderColor={error ? theme.colors.pink[500] : borderColor} />\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]} {...errorProps}>\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 { StyledInput, StyledMultiInput }\r\nexport default StyledInputText"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_stack","_text","_spacer","_theme","_styled","_utils","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","StyledInputText","exports","InputText","styled","TextInput","base","borderColor","theme","colors","gray","borderWidth","borderRadius","backgroundColor","fontWeight","normal","width","color","paddingHorizontal","paddingVertical","fontSize","placeholderTextColor","variants","size","isValidString","Error","isValidColor","isValidNumber","fontFamily","font","textAlign","align","validAlignments","includes","value","noBorder","true","StyledInput","forwardRef","label","containerProps","errorMessage","error","errorProps","labelProps","rest","ref","createElement","Fragment","YStack","justifyContent","alignItems","StyledText","StyledSpacer","marginVertical","pink","marginHorizontal","bold","small","StyledMultiInput","textAlignVertical","multiline","numberOfLines","inputMode","_default"],"sources":["index.jsx"],"sourcesContent":["import React, { forwardRef } from 'react';\r\nimport { TextInput } from 'react-native';\r\nimport { YStack } from '../stack';\r\nimport { StyledText } from '../text';\r\nimport { StyledSpacer } from '../spacer';\r\nimport { theme } from '../theme';\r\nimport { styled } from '../styled';\r\nimport { isValidColor, isValidNumber, isValidString } from '../utils';\r\n\r\nconst StyledInputText = styled(TextInput, {\r\n base: {\r\n borderColor: theme.colors.gray[800],\r\n borderWidth: 1,\r\n borderRadius: 30,\r\n backgroundColor: theme.fontWeight.normal[1],\r\n width: '100%',\r\n color: theme.colors.gray[800],\r\n paddingHorizontal: 16,\r\n paddingVertical: 8,\r\n fontSize: theme.fontSize.normal,\r\n placeholderTextColor: theme.colors.gray[1],\r\n },\r\n variants: {\r\n fontWeight: (size = theme.fontWeight.normal) => {\r\n if (!isValidString(size)) {\r\n throw new Error('Invalid fontWeight value');\r\n }\r\n return { fontWeight: size };\r\n },\r\n color: (color = theme.colors.gray[800]) => {\r\n if (!isValidColor(color)) {\r\n throw new Error('Invalid color value');\r\n }\r\n return { color: color };\r\n },\r\n fontSize: (size = theme.fontSize.normal) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid fontSize value');\r\n }\r\n return { fontSize: size };\r\n },\r\n fontFamily: font => {\r\n if (!font) return\r\n return {\r\n fontFamily: font\r\n }\r\n },\r\n textAlign: (align = 'left') => {\r\n const validAlignments = ['auto', 'left', 'right', 'center', 'justify'];\r\n if (!validAlignments.includes(align)) {\r\n throw new Error('Invalid textAlign value');\r\n }\r\n return { textAlign: align };\r\n },\r\n borderRadius: (value = 16) => {\r\n if (!isValidNumber(value)) {\r\n throw new Error('Invalid borderRadius value');\r\n }\r\n return { borderRadius: value };\r\n },\r\n borderColor: (value = theme.colors.gray[100]) => {\r\n if (!isValidColor(value)) {\r\n throw new Error('Invalid borderColor value');\r\n }\r\n return { borderColor: value };\r\n },\r\n backgroundColor: (value = theme.colors.gray[1]) => {\r\n if (!isValidColor(value)) {\r\n throw new Error('Invalid backgroundColor value');\r\n }\r\n return { backgroundColor: value };\r\n },\r\n noBorder: {\r\n true: { borderWidth: 0 }\r\n },\r\n placeholderTextColor: (value = theme.colors.gray[800]) => {\r\n if (!isValidColor(value)) {\r\n throw new Error('Invalid placeholderTextColor value');\r\n }\r\n return { placeholderTextColor: value };\r\n } \r\n }\r\n});\r\n\r\nconst StyledInput = forwardRef(({ label, containerProps, borderColor, errorMessage, error, errorProps, labelProps, ...rest }, ref) => {\r\n return (\r\n <>\r\n {\r\n label && (\r\n <YStack width={'100%'} justifyContent='flex-start' alignItems='flex-start' {...containerProps} >\r\n <StyledText paddingHorizontal={8} color={theme.colors.gray[800]} fontSize={theme.fontSize.normal} fontWeight={theme.fontWeight.normal} {...labelProps}>\r\n {label}\r\n </StyledText>\r\n <StyledSpacer marginVertical={4} />\r\n </YStack>\r\n )\r\n }\r\n <StyledInputText placeholderTextColor={theme.colors.gray[400]} ref={ref} {...rest} borderColor={error ? theme.colors.pink[500] : borderColor} />\r\n {\r\n errorMessage && (\r\n <YStack width={'100%'} justifyContent='flex-start' alignItems='flex-start' {...containerProps} >\r\n <StyledSpacer marginVertical={1} />\r\n <StyledText marginHorizontal={8} fontWeight={theme.fontWeight.bold} fontSize={theme.fontSize.small} color={theme.colors.pink[500]} {...errorProps}>\r\n {errorMessage}\r\n </StyledText>\r\n </YStack>\r\n )\r\n }\r\n </>\r\n )\r\n})\r\nconst StyledMultiInput = ({ label, errorMessage, borderColor, error, errorProps, labelProps, ...rest }) => {\r\n return (\r\n <YStack width={'100%'} 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[800]} fontSize={theme.fontSize.normal} fontWeight={theme.fontWeight.normal} {...labelProps}>\r\n {label}\r\n </StyledText>\r\n <StyledSpacer marginVertical={4} />\r\n </>\r\n\r\n )\r\n }\r\n <StyledInputText borderRadius={16} textAlignVertical='top' multiline numberOfLines={5} inputMode='text' {...rest} borderColor={error ? theme.colors.pink[500] : borderColor} />\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]} {...errorProps}>\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 { StyledInput, StyledMultiInput, StyledInputText as InputText }\r\nexport default StyledInputText"],"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":[]}
|
|
@@ -177,6 +177,6 @@ const StyledMultiInput = ({
|
|
|
177
177
|
color: theme.colors.pink[500]
|
|
178
178
|
}, errorProps), errorMessage)));
|
|
179
179
|
};
|
|
180
|
-
export { StyledInput, StyledMultiInput };
|
|
180
|
+
export { StyledInput, StyledMultiInput, StyledInputText as InputText };
|
|
181
181
|
export default StyledInputText;
|
|
182
182
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","TextInput","YStack","StyledText","StyledSpacer","theme","styled","isValidColor","isValidNumber","isValidString","StyledInputText","base","borderColor","colors","gray","borderWidth","borderRadius","backgroundColor","fontWeight","normal","width","color","paddingHorizontal","paddingVertical","fontSize","placeholderTextColor","variants","size","Error","fontFamily","font","textAlign","align","validAlignments","includes","value","noBorder","true","StyledInput","label","containerProps","errorMessage","error","errorProps","labelProps","rest","ref","createElement","Fragment","_extends","justifyContent","alignItems","marginVertical","pink","marginHorizontal","bold","small","StyledMultiInput","textAlignVertical","multiline","numberOfLines","inputMode"],"sources":["index.jsx"],"sourcesContent":["import React, { forwardRef } from 'react';\r\nimport { TextInput } from 'react-native';\r\nimport { YStack } from '../stack';\r\nimport { StyledText } from '../text';\r\nimport { StyledSpacer } from '../spacer';\r\nimport { theme } from '../theme';\r\nimport { styled } from '../styled';\r\nimport { isValidColor, isValidNumber, isValidString } from '../utils';\r\n\r\nconst StyledInputText = styled(TextInput, {\r\n base: {\r\n borderColor: theme.colors.gray[800],\r\n borderWidth: 1,\r\n borderRadius: 30,\r\n backgroundColor: theme.fontWeight.normal[1],\r\n width: '100%',\r\n color: theme.colors.gray[800],\r\n paddingHorizontal: 16,\r\n paddingVertical: 8,\r\n fontSize: theme.fontSize.normal,\r\n placeholderTextColor: theme.colors.gray[1],\r\n },\r\n variants: {\r\n fontWeight: (size = theme.fontWeight.normal) => {\r\n if (!isValidString(size)) {\r\n throw new Error('Invalid fontWeight value');\r\n }\r\n return { fontWeight: size };\r\n },\r\n color: (color = theme.colors.gray[800]) => {\r\n if (!isValidColor(color)) {\r\n throw new Error('Invalid color value');\r\n }\r\n return { color: color };\r\n },\r\n fontSize: (size = theme.fontSize.normal) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid fontSize value');\r\n }\r\n return { fontSize: size };\r\n },\r\n fontFamily: font => {\r\n if (!font) return\r\n return {\r\n fontFamily: font\r\n }\r\n },\r\n textAlign: (align = 'left') => {\r\n const validAlignments = ['auto', 'left', 'right', 'center', 'justify'];\r\n if (!validAlignments.includes(align)) {\r\n throw new Error('Invalid textAlign value');\r\n }\r\n return { textAlign: align };\r\n },\r\n borderRadius: (value = 16) => {\r\n if (!isValidNumber(value)) {\r\n throw new Error('Invalid borderRadius value');\r\n }\r\n return { borderRadius: value };\r\n },\r\n borderColor: (value = theme.colors.gray[100]) => {\r\n if (!isValidColor(value)) {\r\n throw new Error('Invalid borderColor value');\r\n }\r\n return { borderColor: value };\r\n },\r\n backgroundColor: (value = theme.colors.gray[1]) => {\r\n if (!isValidColor(value)) {\r\n throw new Error('Invalid backgroundColor value');\r\n }\r\n return { backgroundColor: value };\r\n },\r\n noBorder: {\r\n true: { borderWidth: 0 }\r\n },\r\n placeholderTextColor: (value = theme.colors.gray[800]) => {\r\n if (!isValidColor(value)) {\r\n throw new Error('Invalid placeholderTextColor value');\r\n }\r\n return { placeholderTextColor: value };\r\n } \r\n }\r\n});\r\n\r\nconst StyledInput = forwardRef(({ label, containerProps, borderColor, errorMessage, error, errorProps, labelProps, ...rest }, ref) => {\r\n return (\r\n <>\r\n {\r\n label && (\r\n <YStack width={'100%'} justifyContent='flex-start' alignItems='flex-start' {...containerProps} >\r\n <StyledText paddingHorizontal={8} color={theme.colors.gray[800]} fontSize={theme.fontSize.normal} fontWeight={theme.fontWeight.normal} {...labelProps}>\r\n {label}\r\n </StyledText>\r\n <StyledSpacer marginVertical={4} />\r\n </YStack>\r\n )\r\n }\r\n <StyledInputText placeholderTextColor={theme.colors.gray[400]} ref={ref} {...rest} borderColor={error ? theme.colors.pink[500] : borderColor} />\r\n {\r\n errorMessage && (\r\n <YStack width={'100%'} justifyContent='flex-start' alignItems='flex-start' {...containerProps} >\r\n <StyledSpacer marginVertical={1} />\r\n <StyledText marginHorizontal={8} fontWeight={theme.fontWeight.bold} fontSize={theme.fontSize.small} color={theme.colors.pink[500]} {...errorProps}>\r\n {errorMessage}\r\n </StyledText>\r\n </YStack>\r\n )\r\n }\r\n </>\r\n )\r\n})\r\nconst StyledMultiInput = ({ label, errorMessage, borderColor, error, errorProps, labelProps, ...rest }) => {\r\n return (\r\n <YStack width={'100%'} 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[800]} fontSize={theme.fontSize.normal} fontWeight={theme.fontWeight.normal} {...labelProps}>\r\n {label}\r\n </StyledText>\r\n <StyledSpacer marginVertical={4} />\r\n </>\r\n\r\n )\r\n }\r\n <StyledInputText borderRadius={16} textAlignVertical='top' multiline numberOfLines={5} inputMode='text' {...rest} borderColor={error ? theme.colors.pink[500] : borderColor} />\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]} {...errorProps}>\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 { StyledInput, StyledMultiInput }\r\nexport default StyledInputText"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["React","forwardRef","TextInput","YStack","StyledText","StyledSpacer","theme","styled","isValidColor","isValidNumber","isValidString","StyledInputText","base","borderColor","colors","gray","borderWidth","borderRadius","backgroundColor","fontWeight","normal","width","color","paddingHorizontal","paddingVertical","fontSize","placeholderTextColor","variants","size","Error","fontFamily","font","textAlign","align","validAlignments","includes","value","noBorder","true","StyledInput","label","containerProps","errorMessage","error","errorProps","labelProps","rest","ref","createElement","Fragment","_extends","justifyContent","alignItems","marginVertical","pink","marginHorizontal","bold","small","StyledMultiInput","textAlignVertical","multiline","numberOfLines","inputMode","InputText"],"sources":["index.jsx"],"sourcesContent":["import React, { forwardRef } from 'react';\r\nimport { TextInput } from 'react-native';\r\nimport { YStack } from '../stack';\r\nimport { StyledText } from '../text';\r\nimport { StyledSpacer } from '../spacer';\r\nimport { theme } from '../theme';\r\nimport { styled } from '../styled';\r\nimport { isValidColor, isValidNumber, isValidString } from '../utils';\r\n\r\nconst StyledInputText = styled(TextInput, {\r\n base: {\r\n borderColor: theme.colors.gray[800],\r\n borderWidth: 1,\r\n borderRadius: 30,\r\n backgroundColor: theme.fontWeight.normal[1],\r\n width: '100%',\r\n color: theme.colors.gray[800],\r\n paddingHorizontal: 16,\r\n paddingVertical: 8,\r\n fontSize: theme.fontSize.normal,\r\n placeholderTextColor: theme.colors.gray[1],\r\n },\r\n variants: {\r\n fontWeight: (size = theme.fontWeight.normal) => {\r\n if (!isValidString(size)) {\r\n throw new Error('Invalid fontWeight value');\r\n }\r\n return { fontWeight: size };\r\n },\r\n color: (color = theme.colors.gray[800]) => {\r\n if (!isValidColor(color)) {\r\n throw new Error('Invalid color value');\r\n }\r\n return { color: color };\r\n },\r\n fontSize: (size = theme.fontSize.normal) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid fontSize value');\r\n }\r\n return { fontSize: size };\r\n },\r\n fontFamily: font => {\r\n if (!font) return\r\n return {\r\n fontFamily: font\r\n }\r\n },\r\n textAlign: (align = 'left') => {\r\n const validAlignments = ['auto', 'left', 'right', 'center', 'justify'];\r\n if (!validAlignments.includes(align)) {\r\n throw new Error('Invalid textAlign value');\r\n }\r\n return { textAlign: align };\r\n },\r\n borderRadius: (value = 16) => {\r\n if (!isValidNumber(value)) {\r\n throw new Error('Invalid borderRadius value');\r\n }\r\n return { borderRadius: value };\r\n },\r\n borderColor: (value = theme.colors.gray[100]) => {\r\n if (!isValidColor(value)) {\r\n throw new Error('Invalid borderColor value');\r\n }\r\n return { borderColor: value };\r\n },\r\n backgroundColor: (value = theme.colors.gray[1]) => {\r\n if (!isValidColor(value)) {\r\n throw new Error('Invalid backgroundColor value');\r\n }\r\n return { backgroundColor: value };\r\n },\r\n noBorder: {\r\n true: { borderWidth: 0 }\r\n },\r\n placeholderTextColor: (value = theme.colors.gray[800]) => {\r\n if (!isValidColor(value)) {\r\n throw new Error('Invalid placeholderTextColor value');\r\n }\r\n return { placeholderTextColor: value };\r\n } \r\n }\r\n});\r\n\r\nconst StyledInput = forwardRef(({ label, containerProps, borderColor, errorMessage, error, errorProps, labelProps, ...rest }, ref) => {\r\n return (\r\n <>\r\n {\r\n label && (\r\n <YStack width={'100%'} justifyContent='flex-start' alignItems='flex-start' {...containerProps} >\r\n <StyledText paddingHorizontal={8} color={theme.colors.gray[800]} fontSize={theme.fontSize.normal} fontWeight={theme.fontWeight.normal} {...labelProps}>\r\n {label}\r\n </StyledText>\r\n <StyledSpacer marginVertical={4} />\r\n </YStack>\r\n )\r\n }\r\n <StyledInputText placeholderTextColor={theme.colors.gray[400]} ref={ref} {...rest} borderColor={error ? theme.colors.pink[500] : borderColor} />\r\n {\r\n errorMessage && (\r\n <YStack width={'100%'} justifyContent='flex-start' alignItems='flex-start' {...containerProps} >\r\n <StyledSpacer marginVertical={1} />\r\n <StyledText marginHorizontal={8} fontWeight={theme.fontWeight.bold} fontSize={theme.fontSize.small} color={theme.colors.pink[500]} {...errorProps}>\r\n {errorMessage}\r\n </StyledText>\r\n </YStack>\r\n )\r\n }\r\n </>\r\n )\r\n})\r\nconst StyledMultiInput = ({ label, errorMessage, borderColor, error, errorProps, labelProps, ...rest }) => {\r\n return (\r\n <YStack width={'100%'} 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[800]} fontSize={theme.fontSize.normal} fontWeight={theme.fontWeight.normal} {...labelProps}>\r\n {label}\r\n </StyledText>\r\n <StyledSpacer marginVertical={4} />\r\n </>\r\n\r\n )\r\n }\r\n <StyledInputText borderRadius={16} textAlignVertical='top' multiline numberOfLines={5} inputMode='text' {...rest} borderColor={error ? theme.colors.pink[500] : borderColor} />\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]} {...errorProps}>\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 { StyledInput, StyledMultiInput, StyledInputText as InputText }\r\nexport default StyledInputText"],"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":"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","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -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
|
</>
|