@nexara/nativeflow 0.1.9 → 0.1.10
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/components/Button/Button.js +9 -4
- package/lib/commonjs/components/Button/Button.js.map +1 -1
- package/lib/commonjs/components/Button/utils.js +17 -10
- package/lib/commonjs/components/Button/utils.js.map +1 -1
- package/lib/commonjs/components/StyledComponents/StyledText.js +3 -1
- package/lib/commonjs/components/StyledComponents/StyledText.js.map +1 -1
- package/lib/commonjs/components/Surface/Surface.js +3 -3
- package/lib/commonjs/components/Surface/Surface.js.map +1 -1
- package/lib/module/components/Button/Button.js +10 -5
- package/lib/module/components/Button/Button.js.map +1 -1
- package/lib/module/components/Button/utils.js +17 -10
- package/lib/module/components/Button/utils.js.map +1 -1
- package/lib/module/components/StyledComponents/StyledText.js +3 -1
- package/lib/module/components/StyledComponents/StyledText.js.map +1 -1
- package/lib/module/components/Surface/Surface.js +3 -3
- package/lib/module/components/Surface/Surface.js.map +1 -1
- package/lib/typescript/commonjs/src/components/Button/Button.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Button/utils.d.ts +2 -1
- package/lib/typescript/commonjs/src/components/Button/utils.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/types/button.type.d.ts +2 -0
- package/lib/typescript/commonjs/src/types/button.type.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/types/surface.type.d.ts +1 -1
- package/lib/typescript/commonjs/src/types/surface.type.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Button/Button.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Button/utils.d.ts +2 -1
- package/lib/typescript/module/src/components/Button/utils.d.ts.map +1 -1
- package/lib/typescript/module/src/types/button.type.d.ts +2 -0
- package/lib/typescript/module/src/types/button.type.d.ts.map +1 -1
- package/lib/typescript/module/src/types/surface.type.d.ts +1 -1
- package/lib/typescript/module/src/types/surface.type.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/Button/Button.tsx +36 -25
- package/src/components/Button/utils.ts +21 -10
- package/src/components/StyledComponents/StyledText.tsx +1 -1
- package/src/components/Surface/Surface.tsx +2 -2
- package/src/types/button.type.ts +3 -0
- package/src/types/surface.type.ts +1 -1
|
@@ -33,6 +33,7 @@ const Button = ({
|
|
|
33
33
|
renderLeftIcon,
|
|
34
34
|
renderRightIcon,
|
|
35
35
|
disabled = false,
|
|
36
|
+
loading = true,
|
|
36
37
|
containerStyle,
|
|
37
38
|
titleStyle,
|
|
38
39
|
onPress,
|
|
@@ -50,7 +51,8 @@ const Button = ({
|
|
|
50
51
|
bg,
|
|
51
52
|
titleColor,
|
|
52
53
|
strokeColor,
|
|
53
|
-
disabled
|
|
54
|
+
disabled,
|
|
55
|
+
loading
|
|
54
56
|
});
|
|
55
57
|
const STYLES = (0, _react.useMemo)(customStyles, []);
|
|
56
58
|
const dynamicStyles = {
|
|
@@ -92,7 +94,7 @@ const Button = ({
|
|
|
92
94
|
onPress: onPress
|
|
93
95
|
// rippleColor={rippleColor}
|
|
94
96
|
,
|
|
95
|
-
disabled: disabled
|
|
97
|
+
disabled: disabled || loading
|
|
96
98
|
// ref={ref}
|
|
97
99
|
,
|
|
98
100
|
...rest,
|
|
@@ -104,13 +106,16 @@ const Button = ({
|
|
|
104
106
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledView, {
|
|
105
107
|
flexShrink: 1,
|
|
106
108
|
f: fullWidth ? 8 : undefined,
|
|
107
|
-
children: title ?? children ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledText, {
|
|
109
|
+
children: !loading ? title ?? children ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledText, {
|
|
108
110
|
numberOfLines: 1,
|
|
109
111
|
fs: fs,
|
|
110
112
|
fScale: fScale,
|
|
111
113
|
style: [STYLES.BUTTON_TEXT, dynamicStyles.BUTTON_TEXT, titleStyle],
|
|
112
114
|
children: title ?? children
|
|
113
|
-
}) : renderIcon && cloneElement(renderIcon)
|
|
115
|
+
}) : renderIcon && cloneElement(renderIcon) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
|
|
116
|
+
color: dynamicStyles.BUTTON_TEXT.color,
|
|
117
|
+
size: "small"
|
|
118
|
+
})
|
|
114
119
|
}), (renderRightIcon || fullWidth && renderLeftIcon) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledView, {
|
|
115
120
|
alignItems: "flex-end",
|
|
116
121
|
f: fullWidth ? 1 : undefined,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_ResponsiveCalculations","_index","_index2","_utils","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Button","variant","type","fullWidth","paddingH","paddingV","bg","br","stroke","strokeColor","titleColor","title","fScale","fs","ff","size","rippleColor","renderIcon","renderLeftIcon","renderRightIcon","disabled","containerStyle","titleStyle","onPress","children","rest","theme","useTheme","backgroundColor","buttonTextColor","buttonBorderColor","getButtonColors","STYLES","useMemo","customStyles","dynamicStyles","BUTTON_CONT","borderWidth","borderColor","BUTTON_TEXT","color","fontFamily","FLAT_BTN_MAIN_CONT","borderRadius","verticalScale","alignSelf","FLAT_BTN_INNER_CONT","paddingVertical","paddingHorizontal","horizontalScale","ROUND_BTN_INNER_CONT","height","width","cloneElement","element","React","isValidElement","props","jsxs","Fragment","jsx","StyledView","style","TouchableOpacity","undefined","flexShrink","StyledText","numberOfLines","alignItems","ROUND_BTN_MAIN_CONT","_default","exports","StyleSheet","create","maxWidth","textAlign","overflow","flexDirection","justifyContent","gap"],"sourceRoot":"../../../../src","sources":["components/Button/Button.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAA0C,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,wBAAAQ,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAV,uBAAA,YAAAA,CAAAQ,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAI1C,MAAMkB,MAAuB,GAAGA,CAAC;EAC7BC,OAAO,GAAG,WAAW;EACrBC,IAAI,GAAG,MAAM;EACbC,SAAS,GAAG,KAAK;EACjBC,QAAQ,GAAG,EAAE;EACbC,QAAQ,GAAG,EAAE;EACbC,EAAE;EACFC,EAAE,GAAG,CAAC;EACNC,MAAM,GAAG,CAAC;EACVC,WAAW;EACXC,UAAU;EACVC,KAAK;EACLC,MAAM,GAAG,MAAM;EACfC,EAAE;EACFC,EAAE;EACFC,IAAI,GAAG,EAAE;EACTC,WAAW;EACXC,UAAU;EACVC,cAAc;EACdC,eAAe;EACfC,QAAQ,GAAG,KAAK;EAChBC,cAAc;EACdC,UAAU;EACVC,OAAO;EACPC,QAAQ;EACR,GAAGC;AACP,CAAC,KAAK;EACF,MAAMC,KAAU,GAAG,IAAAC,gBAAQ,EAAC,CAAC;EAE7B,MAAM;IAAEC,eAAe;IAAEC,eAAe;IAAEC;EAAkB,CAAC,GAAG,IAAAC,sBAAe,EAAC;IAC5EL,KAAK;
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_ResponsiveCalculations","_index","_index2","_utils","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Button","variant","type","fullWidth","paddingH","paddingV","bg","br","stroke","strokeColor","titleColor","title","fScale","fs","ff","size","rippleColor","renderIcon","renderLeftIcon","renderRightIcon","disabled","loading","containerStyle","titleStyle","onPress","children","rest","theme","useTheme","backgroundColor","buttonTextColor","buttonBorderColor","getButtonColors","STYLES","useMemo","customStyles","dynamicStyles","BUTTON_CONT","borderWidth","borderColor","BUTTON_TEXT","color","fontFamily","FLAT_BTN_MAIN_CONT","borderRadius","verticalScale","alignSelf","FLAT_BTN_INNER_CONT","paddingVertical","paddingHorizontal","horizontalScale","ROUND_BTN_INNER_CONT","height","width","cloneElement","element","React","isValidElement","props","jsxs","Fragment","jsx","StyledView","style","TouchableOpacity","undefined","flexShrink","StyledText","numberOfLines","ActivityIndicator","alignItems","ROUND_BTN_MAIN_CONT","_default","exports","StyleSheet","create","maxWidth","textAlign","overflow","flexDirection","justifyContent","gap"],"sourceRoot":"../../../../src","sources":["components/Button/Button.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -7,9 +7,10 @@ exports.getButtonColors = void 0;
|
|
|
7
7
|
const getButtonBorderColor = ({
|
|
8
8
|
theme,
|
|
9
9
|
strokeColor,
|
|
10
|
-
disabled
|
|
10
|
+
disabled,
|
|
11
|
+
loading
|
|
11
12
|
}) => {
|
|
12
|
-
if (disabled) {
|
|
13
|
+
if (disabled || loading) {
|
|
13
14
|
return theme.colors.border.default;
|
|
14
15
|
}
|
|
15
16
|
if (strokeColor) {
|
|
@@ -21,9 +22,10 @@ const getButtonTextColor = ({
|
|
|
21
22
|
theme,
|
|
22
23
|
checkVariant,
|
|
23
24
|
titleColor,
|
|
24
|
-
disabled
|
|
25
|
+
disabled,
|
|
26
|
+
loading
|
|
25
27
|
}) => {
|
|
26
|
-
if (disabled) {
|
|
28
|
+
if (disabled || loading) {
|
|
27
29
|
return theme.colors.typography.disabled;
|
|
28
30
|
} else if (titleColor) {
|
|
29
31
|
return titleColor;
|
|
@@ -36,9 +38,10 @@ const getButtonBackgroundColor = ({
|
|
|
36
38
|
theme,
|
|
37
39
|
checkVariant,
|
|
38
40
|
bg,
|
|
39
|
-
disabled
|
|
41
|
+
disabled,
|
|
42
|
+
loading
|
|
40
43
|
}) => {
|
|
41
|
-
if (disabled) {
|
|
44
|
+
if (disabled || loading) {
|
|
42
45
|
return theme.colors.states.disabled;
|
|
43
46
|
} else if (bg) {
|
|
44
47
|
return bg;
|
|
@@ -73,7 +76,8 @@ const getButtonColors = ({
|
|
|
73
76
|
bg,
|
|
74
77
|
titleColor,
|
|
75
78
|
strokeColor,
|
|
76
|
-
disabled
|
|
79
|
+
disabled,
|
|
80
|
+
loading
|
|
77
81
|
}) => {
|
|
78
82
|
const checkVariant = variantToCompare => {
|
|
79
83
|
return variant === variantToCompare;
|
|
@@ -82,18 +86,21 @@ const getButtonColors = ({
|
|
|
82
86
|
theme,
|
|
83
87
|
checkVariant,
|
|
84
88
|
bg,
|
|
85
|
-
disabled
|
|
89
|
+
disabled,
|
|
90
|
+
loading
|
|
86
91
|
});
|
|
87
92
|
const buttonTextColor = getButtonTextColor({
|
|
88
93
|
theme,
|
|
89
94
|
checkVariant,
|
|
90
95
|
titleColor,
|
|
91
|
-
disabled
|
|
96
|
+
disabled,
|
|
97
|
+
loading
|
|
92
98
|
});
|
|
93
99
|
const buttonBorderColor = getButtonBorderColor({
|
|
94
100
|
theme,
|
|
95
101
|
strokeColor,
|
|
96
|
-
disabled
|
|
102
|
+
disabled,
|
|
103
|
+
loading
|
|
97
104
|
});
|
|
98
105
|
// const buttonIconColor = getButtonIconColor({
|
|
99
106
|
// checkVariant,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["getButtonBorderColor","theme","strokeColor","disabled","colors","border","default","getButtonTextColor","checkVariant","titleColor","typography","primary","brand","onPrimary","getButtonBackgroundColor","bg","states","getButtonColors","variant","variantToCompare","backgroundColor","buttonTextColor","buttonBorderColor","exports"],"sourceRoot":"../../../../src","sources":["components/Button/utils.ts"],"mappings":";;;;;;AAGA,MAAMA,oBAAoB,GAAGA,CAAC;EAC1BC,KAAK;EACLC,WAAW;EACXC;
|
|
1
|
+
{"version":3,"names":["getButtonBorderColor","theme","strokeColor","disabled","loading","colors","border","default","getButtonTextColor","checkVariant","titleColor","typography","primary","brand","onPrimary","getButtonBackgroundColor","bg","states","getButtonColors","variant","variantToCompare","backgroundColor","buttonTextColor","buttonBorderColor","exports"],"sourceRoot":"../../../../src","sources":["components/Button/utils.ts"],"mappings":";;;;;;AAGA,MAAMA,oBAAoB,GAAGA,CAAC;EAC1BC,KAAK;EACLC,WAAW;EACXC,QAAQ;EACRC;AAMJ,CAAC,KAAK;EACF,IAAID,QAAQ,IAAIC,OAAO,EAAE;IACrB,OAAOH,KAAK,CAACI,MAAM,CAACC,MAAM,CAACC,OAAO;EACtC;EACA,IAAIL,WAAW,EAAE;IACb,OAAOA,WAAW;EACtB;EACA,OAAOD,KAAK,CAACI,MAAM,CAACC,MAAM,CAACC,OAAO;AACtC,CAAC;AAGD,MAAMC,kBAAkB,GAAGA,CAAC;EACxBP,KAAK;EACLQ,YAAY;EACZC,UAAU;EACVP,QAAQ;EACRC;AAOJ,CAAC,KAAK;EAEF,IAAID,QAAQ,IAAIC,OAAO,EAAE;IACrB,OAAOH,KAAK,CAACI,MAAM,CAACM,UAAU,CAACR,QAAQ;EAC3C,CAAC,MACI,IAAIO,UAAU,EAAE;IACjB,OAAOA,UAAU;EACrB,CAAC,MACI,IAAID,YAAY,CAAC,UAAU,CAAC,EAAE;IAC/B,OAAOR,KAAK,CAACI,MAAM,CAACM,UAAU,CAACC,OAAO;EAC1C;EACA,OAAOX,KAAK,CAACI,MAAM,CAACQ,KAAK,CAACC,SAAS;AACvC,CAAC;AAED,MAAMC,wBAAwB,GAAGA,CAAC;EAC9Bd,KAAK;EACLQ,YAAY;EACZO,EAAE;EACFb,QAAQ;EACRC;AAOJ,CAAC,KAAK;EAEF,IAAID,QAAQ,IAAIC,OAAO,EAAE;IACrB,OAAOH,KAAK,CAACI,MAAM,CAACY,MAAM,CAACd,QAAQ;EACvC,CAAC,MACI,IAAIa,EAAE,EAAE;IACT,OAAOA,EAAE;EACb,CAAC,MACI,IAAIP,YAAY,CAAC,WAAW,CAAC,EAAE;IAChC,OAAOR,KAAK,CAACI,MAAM,CAACQ,KAAK,CAACD,OAAO;EACrC,CAAC,MACI,IAAIH,YAAY,CAAC,UAAU,CAAC,EAAE;IAC/B,OAAO,aAAa;EACxB;EACA,OAAOR,KAAK,CAACI,MAAM,CAACQ,KAAK,CAACD,OAAO;AACrC,CAAC;;AAGD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMM,eAAe,GAAGA,CAAC;EACrBjB,KAAK;EACLkB,OAAO;EACPH,EAAE;EACFN,UAAU;EACVR,WAAW;EACXC,QAAQ;EACRC;AASJ,CAAC,KAAK;EAEF,MAAMK,YAAY,GAAIW,gBAA+B,IAAK;IACtD,OAAOD,OAAO,KAAKC,gBAAgB;EACvC,CAAC;EACD,MAAMC,eAAe,GAAGN,wBAAwB,CAAC;IAC7Cd,KAAK;IACLQ,YAAY;IACZO,EAAE;IACFb,QAAQ;IACRC;EACJ,CAAC,CAAC;EACF,MAAMkB,eAAe,GAAGd,kBAAkB,CAAC;IACvCP,KAAK;IACLQ,YAAY;IACZC,UAAU;IACVP,QAAQ;IACRC;EACJ,CAAC,CAAC;EACF,MAAMmB,iBAAiB,GAAGvB,oBAAoB,CAAC;IAC3CC,KAAK;IACLC,WAAW;IACXC,QAAQ;IACRC;EACJ,CAAC,CAAC;EACF;EACA;EACA;EACA;EACA;;EAEA,OAAO;IACHiB,eAAe;IACfC,eAAe;IACfC;IACA;EACJ,CAAC;AACL,CAAC;AAACC,OAAA,CAAAN,eAAA,GAAAA,eAAA","ignoreList":[]}
|
|
@@ -46,7 +46,9 @@ const StyledText = ({
|
|
|
46
46
|
fontSize: (0, _ResponsiveCalculations.responsiveFontSize)(fs ?? typographyScales[fScale]),
|
|
47
47
|
fontFamily: ff ?? '',
|
|
48
48
|
textAlign: tas ? 'center' : 'auto',
|
|
49
|
-
|
|
49
|
+
...(fw ? {
|
|
50
|
+
fontWeight: fw
|
|
51
|
+
} : {}),
|
|
50
52
|
color: color ?? (themeColor && colors.brand.primary || getVariantColor())
|
|
51
53
|
}, style],
|
|
52
54
|
...rest,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_ResponsiveCalculations","_index","_jsxRuntime","StyledText","variant","fScale","children","style","ff","fs","tas","fw","color","themeColor","rest","colors","sizes","typography","typographyScales","useTheme","getVariantColor","secondary","tertiary","disabled","inverse","primary","jsx","Text","fontSize","responsiveFontSize","fontFamily","textAlign","fontWeight","brand","_default","exports","default"],"sourceRoot":"../../../../src","sources":["components/StyledComponents/StyledText.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAAuC,IAAAG,WAAA,GAAAH,OAAA;AAGvC,MAAMI,UAA+B,GAAGA,CAAC;EACrCC,OAAO,GAAG,SAAS;EACnBC,MAAM,GAAG,MAAM;EACfC,QAAQ;EACRC,KAAK;EACLC,EAAE;EACFC,EAAE;EACFC,GAAG;EACHC,EAAE;EACFC,KAAK;EACLC,UAAU;EACV,GAAGC;AACP,CAAC,KAAK;EACF,MAAM;IAAEC,MAAM;IAAEC,KAAK,EAAE;MAAEC,UAAU,EAAEC;IAAiB;EAAO,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC;EAE3E,MAAMC,eAAe,GAAGA,CAAA,KAAM;IAC1B,QAAQhB,OAAO;MACX,KAAK,WAAW;QAAE,OAAOW,MAAM,CAACE,UAAU,CAACI,SAAS;MACpD,KAAK,UAAU;QAAE,OAAON,MAAM,CAACE,UAAU,CAACK,QAAQ;MAClD,KAAK,UAAU;QAAE,OAAOP,MAAM,CAACE,UAAU,CAACM,QAAQ;MAClD,KAAK,SAAS;QAAE,OAAOR,MAAM,CAACE,UAAU,CAACO,OAAO;MAChD;QAAS,OAAOT,MAAM,CAACE,UAAU,CAACQ,OAAO;IAC7C;EACJ,CAAC;EACD,oBACI,IAAAvB,WAAA,CAAAwB,GAAA,EAAC5B,YAAA,CAAA6B,IAAI;IACDpB,KAAK,EAAE,CAAC;MACJqB,QAAQ,EAAE,IAAAC,0CAAkB,EAACpB,EAAE,IAAIS,gBAAgB,CAACb,MAAM,CAAC,CAAC;MAC5DyB,UAAU,EAAEtB,EAAE,IAAI,EAAE;MACpBuB,SAAS,EAAErB,GAAG,GAAG,QAAQ,GAAG,MAAM;
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_ResponsiveCalculations","_index","_jsxRuntime","StyledText","variant","fScale","children","style","ff","fs","tas","fw","color","themeColor","rest","colors","sizes","typography","typographyScales","useTheme","getVariantColor","secondary","tertiary","disabled","inverse","primary","jsx","Text","fontSize","responsiveFontSize","fontFamily","textAlign","fontWeight","brand","_default","exports","default"],"sourceRoot":"../../../../src","sources":["components/StyledComponents/StyledText.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAAuC,IAAAG,WAAA,GAAAH,OAAA;AAGvC,MAAMI,UAA+B,GAAGA,CAAC;EACrCC,OAAO,GAAG,SAAS;EACnBC,MAAM,GAAG,MAAM;EACfC,QAAQ;EACRC,KAAK;EACLC,EAAE;EACFC,EAAE;EACFC,GAAG;EACHC,EAAE;EACFC,KAAK;EACLC,UAAU;EACV,GAAGC;AACP,CAAC,KAAK;EACF,MAAM;IAAEC,MAAM;IAAEC,KAAK,EAAE;MAAEC,UAAU,EAAEC;IAAiB;EAAO,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC;EAE3E,MAAMC,eAAe,GAAGA,CAAA,KAAM;IAC1B,QAAQhB,OAAO;MACX,KAAK,WAAW;QAAE,OAAOW,MAAM,CAACE,UAAU,CAACI,SAAS;MACpD,KAAK,UAAU;QAAE,OAAON,MAAM,CAACE,UAAU,CAACK,QAAQ;MAClD,KAAK,UAAU;QAAE,OAAOP,MAAM,CAACE,UAAU,CAACM,QAAQ;MAClD,KAAK,SAAS;QAAE,OAAOR,MAAM,CAACE,UAAU,CAACO,OAAO;MAChD;QAAS,OAAOT,MAAM,CAACE,UAAU,CAACQ,OAAO;IAC7C;EACJ,CAAC;EACD,oBACI,IAAAvB,WAAA,CAAAwB,GAAA,EAAC5B,YAAA,CAAA6B,IAAI;IACDpB,KAAK,EAAE,CAAC;MACJqB,QAAQ,EAAE,IAAAC,0CAAkB,EAACpB,EAAE,IAAIS,gBAAgB,CAACb,MAAM,CAAC,CAAC;MAC5DyB,UAAU,EAAEtB,EAAE,IAAI,EAAE;MACpBuB,SAAS,EAAErB,GAAG,GAAG,QAAQ,GAAG,MAAM;MAClC,IAAIC,EAAE,GAAG;QAAEqB,UAAU,EAAErB;MAAG,CAAC,GAAG,CAAC,CAAC,CAAC;MACjCC,KAAK,EAAEA,KAAK,KAAKC,UAAU,IAAIE,MAAM,CAACkB,KAAK,CAACR,OAAO,IAAIL,eAAe,CAAC,CAAC;IAC5E,CAAC,EACGb,KAAK,CACP;IAAA,GACEO,IAAI;IAAAR,QAAA,EAEPA;EAAQ,CACP,CAAC;AAEf,CAAC;AAAC,IAAA4B,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEajC,UAAU","ignoreList":[]}
|
|
@@ -9,7 +9,7 @@ var _index2 = require("../../hooks/index.js");
|
|
|
9
9
|
var _index3 = require("../../helpers/index.js");
|
|
10
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
11
|
const Surface = ({
|
|
12
|
-
variant = '
|
|
12
|
+
variant = 'default',
|
|
13
13
|
padding = 10,
|
|
14
14
|
br = 5,
|
|
15
15
|
children,
|
|
@@ -20,10 +20,10 @@ const Surface = ({
|
|
|
20
20
|
} = (0, _index2.useTheme)();
|
|
21
21
|
const styles = variant === 'elevated' ? {
|
|
22
22
|
boxShadow: colors.elevation.level1
|
|
23
|
-
} : {
|
|
23
|
+
} : variant === 'outlined' ? {
|
|
24
24
|
borderColor: colors.border.default,
|
|
25
25
|
borderWidth: 0.5
|
|
26
|
-
};
|
|
26
|
+
} : {};
|
|
27
27
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
28
28
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledView, {
|
|
29
29
|
padding: (0, _index3.verticalScale)(padding),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_index","require","_index2","_index3","_jsxRuntime","Surface","variant","padding","br","children","rest","colors","useTheme","styles","boxShadow","elevation","level1","borderColor","border","default","borderWidth","jsx","Fragment","StyledView","verticalScale","borderRadius","bg","background","surface","_default","exports"],"sourceRoot":"../../../../src","sources":["components/Surface/Surface.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAA8C,IAAAG,WAAA,GAAAH,OAAA;AAG9C,MAAMI,OAAyB,GAAGA,CAAC;EAC/BC,OAAO,GAAG,
|
|
1
|
+
{"version":3,"names":["_index","require","_index2","_index3","_jsxRuntime","Surface","variant","padding","br","children","rest","colors","useTheme","styles","boxShadow","elevation","level1","borderColor","border","default","borderWidth","jsx","Fragment","StyledView","verticalScale","borderRadius","bg","background","surface","_default","exports"],"sourceRoot":"../../../../src","sources":["components/Surface/Surface.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAA8C,IAAAG,WAAA,GAAAH,OAAA;AAG9C,MAAMI,OAAyB,GAAGA,CAAC;EAC/BC,OAAO,GAAG,SAAS;EACnBC,OAAO,GAAG,EAAE;EACZC,EAAE,GAAG,CAAC;EACNC,QAAQ;EACR,GAAGC;AACP,CAAC,KAAK;EAEF,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,gBAAQ,EAAC,CAAC;EAClC,MAAMC,MAAM,GAAGP,OAAO,KAAK,UAAU,GAAG;IAAEQ,SAAS,EAAEH,MAAM,CAACI,SAAS,CAACC;EAAO,CAAC,GAAGV,OAAO,KAAK,UAAU,GAAG;IAAEW,WAAW,EAAEN,MAAM,CAACO,MAAM,CAACC,OAAO;IAAEC,WAAW,EAAE;EAAI,CAAC,GAAG,CAAC,CAAC;EAEvK,oBAAQ,IAAAhB,WAAA,CAAAiB,GAAA,EAAAjB,WAAA,CAAAkB,QAAA;IAAAb,QAAA,eACJ,IAAAL,WAAA,CAAAiB,GAAA,EAACrB,MAAA,CAAAuB,UAAU;MACPhB,OAAO,EAAE,IAAAiB,qBAAa,EAACjB,OAAO,CAAE;MAChCkB,YAAY,EAAE,IAAAD,qBAAa,EAAChB,EAAE,CAAE;MAChCkB,EAAE,EAAEf,MAAM,CAACgB,UAAU,CAACC,OAAQ;MAAA,GAC1Bf,MAAM;MAAA,GACNH,IAAI;MAAAD,QAAA,EAEPA;IAAQ,CACD;EAAC,CACf,CAAC;AACP,CAAC;AAAC,IAAAoB,QAAA,GAAAC,OAAA,CAAAX,OAAA,GACad,OAAO","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React, { useMemo } from 'react';
|
|
4
|
-
import { StyleSheet, TouchableOpacity } from "react-native";
|
|
4
|
+
import { ActivityIndicator, StyleSheet, TouchableOpacity } from "react-native";
|
|
5
5
|
import { verticalScale, horizontalScale } from "../../helpers/ResponsiveCalculations.js";
|
|
6
6
|
import { StyledText, StyledView } from "../StyledComponents/index.js";
|
|
7
7
|
import { useTheme } from "../../hooks/index.js";
|
|
@@ -28,6 +28,7 @@ const Button = ({
|
|
|
28
28
|
renderLeftIcon,
|
|
29
29
|
renderRightIcon,
|
|
30
30
|
disabled = false,
|
|
31
|
+
loading = true,
|
|
31
32
|
containerStyle,
|
|
32
33
|
titleStyle,
|
|
33
34
|
onPress,
|
|
@@ -45,7 +46,8 @@ const Button = ({
|
|
|
45
46
|
bg,
|
|
46
47
|
titleColor,
|
|
47
48
|
strokeColor,
|
|
48
|
-
disabled
|
|
49
|
+
disabled,
|
|
50
|
+
loading
|
|
49
51
|
});
|
|
50
52
|
const STYLES = useMemo(customStyles, []);
|
|
51
53
|
const dynamicStyles = {
|
|
@@ -87,7 +89,7 @@ const Button = ({
|
|
|
87
89
|
onPress: onPress
|
|
88
90
|
// rippleColor={rippleColor}
|
|
89
91
|
,
|
|
90
|
-
disabled: disabled
|
|
92
|
+
disabled: disabled || loading
|
|
91
93
|
// ref={ref}
|
|
92
94
|
,
|
|
93
95
|
...rest,
|
|
@@ -99,13 +101,16 @@ const Button = ({
|
|
|
99
101
|
}), /*#__PURE__*/_jsx(StyledView, {
|
|
100
102
|
flexShrink: 1,
|
|
101
103
|
f: fullWidth ? 8 : undefined,
|
|
102
|
-
children: title ?? children ? /*#__PURE__*/_jsx(StyledText, {
|
|
104
|
+
children: !loading ? title ?? children ? /*#__PURE__*/_jsx(StyledText, {
|
|
103
105
|
numberOfLines: 1,
|
|
104
106
|
fs: fs,
|
|
105
107
|
fScale: fScale,
|
|
106
108
|
style: [STYLES.BUTTON_TEXT, dynamicStyles.BUTTON_TEXT, titleStyle],
|
|
107
109
|
children: title ?? children
|
|
108
|
-
}) : renderIcon && cloneElement(renderIcon)
|
|
110
|
+
}) : renderIcon && cloneElement(renderIcon) : /*#__PURE__*/_jsx(ActivityIndicator, {
|
|
111
|
+
color: dynamicStyles.BUTTON_TEXT.color,
|
|
112
|
+
size: "small"
|
|
113
|
+
})
|
|
109
114
|
}), (renderRightIcon || fullWidth && renderLeftIcon) && /*#__PURE__*/_jsx(StyledView, {
|
|
110
115
|
alignItems: "flex-end",
|
|
111
116
|
f: fullWidth ? 1 : undefined,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useMemo","StyleSheet","TouchableOpacity","verticalScale","horizontalScale","StyledText","StyledView","useTheme","getButtonColors","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Button","variant","type","fullWidth","paddingH","paddingV","bg","br","stroke","strokeColor","titleColor","title","fScale","fs","ff","size","rippleColor","renderIcon","renderLeftIcon","renderRightIcon","disabled","containerStyle","titleStyle","onPress","children","rest","theme","backgroundColor","buttonTextColor","buttonBorderColor","STYLES","customStyles","dynamicStyles","BUTTON_CONT","borderWidth","borderColor","BUTTON_TEXT","color","fontFamily","FLAT_BTN_MAIN_CONT","borderRadius","alignSelf","FLAT_BTN_INNER_CONT","paddingVertical","paddingHorizontal","ROUND_BTN_INNER_CONT","height","width","cloneElement","element","isValidElement","props","style","f","undefined","flexShrink","numberOfLines","alignItems","ROUND_BTN_MAIN_CONT","create","maxWidth","textAlign","overflow","flexDirection","justifyContent","gap"],"sourceRoot":"../../../../src","sources":["components/Button/Button.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAEtC,SAASC,UAAU,EAAEC,gBAAgB,QAAwB,cAAc;
|
|
1
|
+
{"version":3,"names":["React","useMemo","ActivityIndicator","StyleSheet","TouchableOpacity","verticalScale","horizontalScale","StyledText","StyledView","useTheme","getButtonColors","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Button","variant","type","fullWidth","paddingH","paddingV","bg","br","stroke","strokeColor","titleColor","title","fScale","fs","ff","size","rippleColor","renderIcon","renderLeftIcon","renderRightIcon","disabled","loading","containerStyle","titleStyle","onPress","children","rest","theme","backgroundColor","buttonTextColor","buttonBorderColor","STYLES","customStyles","dynamicStyles","BUTTON_CONT","borderWidth","borderColor","BUTTON_TEXT","color","fontFamily","FLAT_BTN_MAIN_CONT","borderRadius","alignSelf","FLAT_BTN_INNER_CONT","paddingVertical","paddingHorizontal","ROUND_BTN_INNER_CONT","height","width","cloneElement","element","isValidElement","props","style","f","undefined","flexShrink","numberOfLines","alignItems","ROUND_BTN_MAIN_CONT","create","maxWidth","textAlign","overflow","flexDirection","justifyContent","gap"],"sourceRoot":"../../../../src","sources":["components/Button/Button.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,9 +3,10 @@
|
|
|
3
3
|
const getButtonBorderColor = ({
|
|
4
4
|
theme,
|
|
5
5
|
strokeColor,
|
|
6
|
-
disabled
|
|
6
|
+
disabled,
|
|
7
|
+
loading
|
|
7
8
|
}) => {
|
|
8
|
-
if (disabled) {
|
|
9
|
+
if (disabled || loading) {
|
|
9
10
|
return theme.colors.border.default;
|
|
10
11
|
}
|
|
11
12
|
if (strokeColor) {
|
|
@@ -17,9 +18,10 @@ const getButtonTextColor = ({
|
|
|
17
18
|
theme,
|
|
18
19
|
checkVariant,
|
|
19
20
|
titleColor,
|
|
20
|
-
disabled
|
|
21
|
+
disabled,
|
|
22
|
+
loading
|
|
21
23
|
}) => {
|
|
22
|
-
if (disabled) {
|
|
24
|
+
if (disabled || loading) {
|
|
23
25
|
return theme.colors.typography.disabled;
|
|
24
26
|
} else if (titleColor) {
|
|
25
27
|
return titleColor;
|
|
@@ -32,9 +34,10 @@ const getButtonBackgroundColor = ({
|
|
|
32
34
|
theme,
|
|
33
35
|
checkVariant,
|
|
34
36
|
bg,
|
|
35
|
-
disabled
|
|
37
|
+
disabled,
|
|
38
|
+
loading
|
|
36
39
|
}) => {
|
|
37
|
-
if (disabled) {
|
|
40
|
+
if (disabled || loading) {
|
|
38
41
|
return theme.colors.states.disabled;
|
|
39
42
|
} else if (bg) {
|
|
40
43
|
return bg;
|
|
@@ -69,7 +72,8 @@ const getButtonColors = ({
|
|
|
69
72
|
bg,
|
|
70
73
|
titleColor,
|
|
71
74
|
strokeColor,
|
|
72
|
-
disabled
|
|
75
|
+
disabled,
|
|
76
|
+
loading
|
|
73
77
|
}) => {
|
|
74
78
|
const checkVariant = variantToCompare => {
|
|
75
79
|
return variant === variantToCompare;
|
|
@@ -78,18 +82,21 @@ const getButtonColors = ({
|
|
|
78
82
|
theme,
|
|
79
83
|
checkVariant,
|
|
80
84
|
bg,
|
|
81
|
-
disabled
|
|
85
|
+
disabled,
|
|
86
|
+
loading
|
|
82
87
|
});
|
|
83
88
|
const buttonTextColor = getButtonTextColor({
|
|
84
89
|
theme,
|
|
85
90
|
checkVariant,
|
|
86
91
|
titleColor,
|
|
87
|
-
disabled
|
|
92
|
+
disabled,
|
|
93
|
+
loading
|
|
88
94
|
});
|
|
89
95
|
const buttonBorderColor = getButtonBorderColor({
|
|
90
96
|
theme,
|
|
91
97
|
strokeColor,
|
|
92
|
-
disabled
|
|
98
|
+
disabled,
|
|
99
|
+
loading
|
|
93
100
|
});
|
|
94
101
|
// const buttonIconColor = getButtonIconColor({
|
|
95
102
|
// checkVariant,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["getButtonBorderColor","theme","strokeColor","disabled","colors","border","default","getButtonTextColor","checkVariant","titleColor","typography","primary","brand","onPrimary","getButtonBackgroundColor","bg","states","getButtonColors","variant","variantToCompare","backgroundColor","buttonTextColor","buttonBorderColor"],"sourceRoot":"../../../../src","sources":["components/Button/utils.ts"],"mappings":";;AAGA,MAAMA,oBAAoB,GAAGA,CAAC;EAC1BC,KAAK;EACLC,WAAW;EACXC;
|
|
1
|
+
{"version":3,"names":["getButtonBorderColor","theme","strokeColor","disabled","loading","colors","border","default","getButtonTextColor","checkVariant","titleColor","typography","primary","brand","onPrimary","getButtonBackgroundColor","bg","states","getButtonColors","variant","variantToCompare","backgroundColor","buttonTextColor","buttonBorderColor"],"sourceRoot":"../../../../src","sources":["components/Button/utils.ts"],"mappings":";;AAGA,MAAMA,oBAAoB,GAAGA,CAAC;EAC1BC,KAAK;EACLC,WAAW;EACXC,QAAQ;EACRC;AAMJ,CAAC,KAAK;EACF,IAAID,QAAQ,IAAIC,OAAO,EAAE;IACrB,OAAOH,KAAK,CAACI,MAAM,CAACC,MAAM,CAACC,OAAO;EACtC;EACA,IAAIL,WAAW,EAAE;IACb,OAAOA,WAAW;EACtB;EACA,OAAOD,KAAK,CAACI,MAAM,CAACC,MAAM,CAACC,OAAO;AACtC,CAAC;AAGD,MAAMC,kBAAkB,GAAGA,CAAC;EACxBP,KAAK;EACLQ,YAAY;EACZC,UAAU;EACVP,QAAQ;EACRC;AAOJ,CAAC,KAAK;EAEF,IAAID,QAAQ,IAAIC,OAAO,EAAE;IACrB,OAAOH,KAAK,CAACI,MAAM,CAACM,UAAU,CAACR,QAAQ;EAC3C,CAAC,MACI,IAAIO,UAAU,EAAE;IACjB,OAAOA,UAAU;EACrB,CAAC,MACI,IAAID,YAAY,CAAC,UAAU,CAAC,EAAE;IAC/B,OAAOR,KAAK,CAACI,MAAM,CAACM,UAAU,CAACC,OAAO;EAC1C;EACA,OAAOX,KAAK,CAACI,MAAM,CAACQ,KAAK,CAACC,SAAS;AACvC,CAAC;AAED,MAAMC,wBAAwB,GAAGA,CAAC;EAC9Bd,KAAK;EACLQ,YAAY;EACZO,EAAE;EACFb,QAAQ;EACRC;AAOJ,CAAC,KAAK;EAEF,IAAID,QAAQ,IAAIC,OAAO,EAAE;IACrB,OAAOH,KAAK,CAACI,MAAM,CAACY,MAAM,CAACd,QAAQ;EACvC,CAAC,MACI,IAAIa,EAAE,EAAE;IACT,OAAOA,EAAE;EACb,CAAC,MACI,IAAIP,YAAY,CAAC,WAAW,CAAC,EAAE;IAChC,OAAOR,KAAK,CAACI,MAAM,CAACQ,KAAK,CAACD,OAAO;EACrC,CAAC,MACI,IAAIH,YAAY,CAAC,UAAU,CAAC,EAAE;IAC/B,OAAO,aAAa;EACxB;EACA,OAAOR,KAAK,CAACI,MAAM,CAACQ,KAAK,CAACD,OAAO;AACrC,CAAC;;AAGD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMM,eAAe,GAAGA,CAAC;EACrBjB,KAAK;EACLkB,OAAO;EACPH,EAAE;EACFN,UAAU;EACVR,WAAW;EACXC,QAAQ;EACRC;AASJ,CAAC,KAAK;EAEF,MAAMK,YAAY,GAAIW,gBAA+B,IAAK;IACtD,OAAOD,OAAO,KAAKC,gBAAgB;EACvC,CAAC;EACD,MAAMC,eAAe,GAAGN,wBAAwB,CAAC;IAC7Cd,KAAK;IACLQ,YAAY;IACZO,EAAE;IACFb,QAAQ;IACRC;EACJ,CAAC,CAAC;EACF,MAAMkB,eAAe,GAAGd,kBAAkB,CAAC;IACvCP,KAAK;IACLQ,YAAY;IACZC,UAAU;IACVP,QAAQ;IACRC;EACJ,CAAC,CAAC;EACF,MAAMmB,iBAAiB,GAAGvB,oBAAoB,CAAC;IAC3CC,KAAK;IACLC,WAAW;IACXC,QAAQ;IACRC;EACJ,CAAC,CAAC;EACF;EACA;EACA;EACA;EACA;;EAEA,OAAO;IACHiB,eAAe;IACfC,eAAe;IACfC;IACA;EACJ,CAAC;AACL,CAAC;AAED,SAASL,eAAe","ignoreList":[]}
|
|
@@ -42,7 +42,9 @@ const StyledText = ({
|
|
|
42
42
|
fontSize: responsiveFontSize(fs ?? typographyScales[fScale]),
|
|
43
43
|
fontFamily: ff ?? '',
|
|
44
44
|
textAlign: tas ? 'center' : 'auto',
|
|
45
|
-
|
|
45
|
+
...(fw ? {
|
|
46
|
+
fontWeight: fw
|
|
47
|
+
} : {}),
|
|
46
48
|
color: color ?? (themeColor && colors.brand.primary || getVariantColor())
|
|
47
49
|
}, style],
|
|
48
50
|
...rest,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Text","responsiveFontSize","useTheme","jsx","_jsx","StyledText","variant","fScale","children","style","ff","fs","tas","fw","color","themeColor","rest","colors","sizes","typography","typographyScales","getVariantColor","secondary","tertiary","disabled","inverse","primary","fontSize","fontFamily","textAlign","fontWeight","brand"],"sourceRoot":"../../../../src","sources":["components/StyledComponents/StyledText.tsx"],"mappings":";;AACA,SAASA,IAAI,QAAQ,cAAc;AACnC,SAASC,kBAAkB,QAAQ,yCAAsC;AACzE,SAASC,QAAQ,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGvC,MAAMC,UAA+B,GAAGA,CAAC;EACrCC,OAAO,GAAG,SAAS;EACnBC,MAAM,GAAG,MAAM;EACfC,QAAQ;EACRC,KAAK;EACLC,EAAE;EACFC,EAAE;EACFC,GAAG;EACHC,EAAE;EACFC,KAAK;EACLC,UAAU;EACV,GAAGC;AACP,CAAC,KAAK;EACF,MAAM;IAAEC,MAAM;IAAEC,KAAK,EAAE;MAAEC,UAAU,EAAEC;IAAiB;EAAO,CAAC,GAAGlB,QAAQ,CAAC,CAAC;EAE3E,MAAMmB,eAAe,GAAGA,CAAA,KAAM;IAC1B,QAAQf,OAAO;MACX,KAAK,WAAW;QAAE,OAAOW,MAAM,CAACE,UAAU,CAACG,SAAS;MACpD,KAAK,UAAU;QAAE,OAAOL,MAAM,CAACE,UAAU,CAACI,QAAQ;MAClD,KAAK,UAAU;QAAE,OAAON,MAAM,CAACE,UAAU,CAACK,QAAQ;MAClD,KAAK,SAAS;QAAE,OAAOP,MAAM,CAACE,UAAU,CAACM,OAAO;MAChD;QAAS,OAAOR,MAAM,CAACE,UAAU,CAACO,OAAO;IAC7C;EACJ,CAAC;EACD,oBACItB,IAAA,CAACJ,IAAI;IACDS,KAAK,EAAE,CAAC;MACJkB,QAAQ,EAAE1B,kBAAkB,CAACU,EAAE,IAAIS,gBAAgB,CAACb,MAAM,CAAC,CAAC;MAC5DqB,UAAU,EAAElB,EAAE,IAAI,EAAE;MACpBmB,SAAS,EAAEjB,GAAG,GAAG,QAAQ,GAAG,MAAM;
|
|
1
|
+
{"version":3,"names":["Text","responsiveFontSize","useTheme","jsx","_jsx","StyledText","variant","fScale","children","style","ff","fs","tas","fw","color","themeColor","rest","colors","sizes","typography","typographyScales","getVariantColor","secondary","tertiary","disabled","inverse","primary","fontSize","fontFamily","textAlign","fontWeight","brand"],"sourceRoot":"../../../../src","sources":["components/StyledComponents/StyledText.tsx"],"mappings":";;AACA,SAASA,IAAI,QAAQ,cAAc;AACnC,SAASC,kBAAkB,QAAQ,yCAAsC;AACzE,SAASC,QAAQ,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGvC,MAAMC,UAA+B,GAAGA,CAAC;EACrCC,OAAO,GAAG,SAAS;EACnBC,MAAM,GAAG,MAAM;EACfC,QAAQ;EACRC,KAAK;EACLC,EAAE;EACFC,EAAE;EACFC,GAAG;EACHC,EAAE;EACFC,KAAK;EACLC,UAAU;EACV,GAAGC;AACP,CAAC,KAAK;EACF,MAAM;IAAEC,MAAM;IAAEC,KAAK,EAAE;MAAEC,UAAU,EAAEC;IAAiB;EAAO,CAAC,GAAGlB,QAAQ,CAAC,CAAC;EAE3E,MAAMmB,eAAe,GAAGA,CAAA,KAAM;IAC1B,QAAQf,OAAO;MACX,KAAK,WAAW;QAAE,OAAOW,MAAM,CAACE,UAAU,CAACG,SAAS;MACpD,KAAK,UAAU;QAAE,OAAOL,MAAM,CAACE,UAAU,CAACI,QAAQ;MAClD,KAAK,UAAU;QAAE,OAAON,MAAM,CAACE,UAAU,CAACK,QAAQ;MAClD,KAAK,SAAS;QAAE,OAAOP,MAAM,CAACE,UAAU,CAACM,OAAO;MAChD;QAAS,OAAOR,MAAM,CAACE,UAAU,CAACO,OAAO;IAC7C;EACJ,CAAC;EACD,oBACItB,IAAA,CAACJ,IAAI;IACDS,KAAK,EAAE,CAAC;MACJkB,QAAQ,EAAE1B,kBAAkB,CAACU,EAAE,IAAIS,gBAAgB,CAACb,MAAM,CAAC,CAAC;MAC5DqB,UAAU,EAAElB,EAAE,IAAI,EAAE;MACpBmB,SAAS,EAAEjB,GAAG,GAAG,QAAQ,GAAG,MAAM;MAClC,IAAIC,EAAE,GAAG;QAAEiB,UAAU,EAAEjB;MAAG,CAAC,GAAG,CAAC,CAAC,CAAC;MACjCC,KAAK,EAAEA,KAAK,KAAKC,UAAU,IAAIE,MAAM,CAACc,KAAK,CAACL,OAAO,IAAIL,eAAe,CAAC,CAAC;IAC5E,CAAC,EACGZ,KAAK,CACP;IAAA,GACEO,IAAI;IAAAR,QAAA,EAEPA;EAAQ,CACP,CAAC;AAEf,CAAC;AAED,eAAeH,UAAU","ignoreList":[]}
|
|
@@ -5,7 +5,7 @@ import { useTheme } from "../../hooks/index.js";
|
|
|
5
5
|
import { verticalScale } from "../../helpers/index.js";
|
|
6
6
|
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
7
7
|
const Surface = ({
|
|
8
|
-
variant = '
|
|
8
|
+
variant = 'default',
|
|
9
9
|
padding = 10,
|
|
10
10
|
br = 5,
|
|
11
11
|
children,
|
|
@@ -16,10 +16,10 @@ const Surface = ({
|
|
|
16
16
|
} = useTheme();
|
|
17
17
|
const styles = variant === 'elevated' ? {
|
|
18
18
|
boxShadow: colors.elevation.level1
|
|
19
|
-
} : {
|
|
19
|
+
} : variant === 'outlined' ? {
|
|
20
20
|
borderColor: colors.border.default,
|
|
21
21
|
borderWidth: 0.5
|
|
22
|
-
};
|
|
22
|
+
} : {};
|
|
23
23
|
return /*#__PURE__*/_jsx(_Fragment, {
|
|
24
24
|
children: /*#__PURE__*/_jsx(StyledView, {
|
|
25
25
|
padding: verticalScale(padding),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyledView","useTheme","verticalScale","jsx","_jsx","Fragment","_Fragment","Surface","variant","padding","br","children","rest","colors","styles","boxShadow","elevation","level1","borderColor","border","default","borderWidth","borderRadius","bg","background","surface"],"sourceRoot":"../../../../src","sources":["components/Surface/Surface.tsx"],"mappings":";;AACA,SAASA,UAAU,QAAQ,8BAAqB;AAChD,SAASC,QAAQ,QAAQ,sBAAa;AACtC,SAASC,aAAa,QAAQ,wBAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAG9C,MAAMC,OAAyB,GAAGA,CAAC;EAC/BC,OAAO,GAAG,
|
|
1
|
+
{"version":3,"names":["StyledView","useTheme","verticalScale","jsx","_jsx","Fragment","_Fragment","Surface","variant","padding","br","children","rest","colors","styles","boxShadow","elevation","level1","borderColor","border","default","borderWidth","borderRadius","bg","background","surface"],"sourceRoot":"../../../../src","sources":["components/Surface/Surface.tsx"],"mappings":";;AACA,SAASA,UAAU,QAAQ,8BAAqB;AAChD,SAASC,QAAQ,QAAQ,sBAAa;AACtC,SAASC,aAAa,QAAQ,wBAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAG9C,MAAMC,OAAyB,GAAGA,CAAC;EAC/BC,OAAO,GAAG,SAAS;EACnBC,OAAO,GAAG,EAAE;EACZC,EAAE,GAAG,CAAC;EACNC,QAAQ;EACR,GAAGC;AACP,CAAC,KAAK;EAEF,MAAM;IAAEC;EAAY,CAAC,GAAGZ,QAAQ,CAAC,CAAC;EAClC,MAAMa,MAAM,GAAGN,OAAO,KAAK,UAAU,GAAG;IAAEO,SAAS,EAAEF,MAAM,CAACG,SAAS,CAACC;EAAO,CAAC,GAAGT,OAAO,KAAK,UAAU,GAAG;IAAEU,WAAW,EAAEL,MAAM,CAACM,MAAM,CAACC,OAAO;IAAEC,WAAW,EAAE;EAAI,CAAC,GAAG,CAAC,CAAC;EAEvK,oBAAQjB,IAAA,CAAAE,SAAA;IAAAK,QAAA,eACJP,IAAA,CAACJ,UAAU;MACPS,OAAO,EAAEP,aAAa,CAACO,OAAO,CAAE;MAChCa,YAAY,EAAEpB,aAAa,CAACQ,EAAE,CAAE;MAChCa,EAAE,EAAEV,MAAM,CAACW,UAAU,CAACC,OAAQ;MAAA,GAC1BX,MAAM;MAAA,GACNF,IAAI;MAAAD,QAAA,EAEPA;IAAQ,CACD;EAAC,CACf,CAAC;AACP,CAAC;AACD,eAAeJ,OAAO","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAO,MAAM,OAAO,CAAC;AAMrC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG/C,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAO,MAAM,OAAO,CAAC;AAMrC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG/C,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CA4K3B,CAAC;AAEF,eAAe,MAAM,CAAC;AACtB,YAAY,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import type { ButtonVariant, ThemeTypes } from "../../types";
|
|
2
|
-
declare const getButtonColors: ({ theme, variant, bg, titleColor, strokeColor, disabled }: {
|
|
2
|
+
declare const getButtonColors: ({ theme, variant, bg, titleColor, strokeColor, disabled, loading }: {
|
|
3
3
|
theme: ThemeTypes;
|
|
4
4
|
variant: ButtonVariant;
|
|
5
5
|
bg: string | undefined;
|
|
6
6
|
titleColor: string | undefined;
|
|
7
7
|
strokeColor: string | undefined;
|
|
8
8
|
disabled: boolean;
|
|
9
|
+
loading: boolean;
|
|
9
10
|
}) => {
|
|
10
11
|
backgroundColor: string;
|
|
11
12
|
buttonTextColor: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Button/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Button/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAiG7D,QAAA,MAAM,eAAe,GAAI,oEAQtB;IACC,KAAK,EAAE,UAAU,CAAC;IAClB,OAAO,EAAE,aAAa,CAAC;IACvB,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC;IACvB,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;CACpB;;;;CAqCA,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}
|
|
@@ -45,6 +45,8 @@ export type ButtonProps = TouchableOpacityProps & {
|
|
|
45
45
|
renderRightIcon?: JSX.Element;
|
|
46
46
|
/** Disables the button when true */
|
|
47
47
|
disabled?: boolean;
|
|
48
|
+
/** Shows loading state when true */
|
|
49
|
+
loading?: boolean;
|
|
48
50
|
/** Custom styles for the button container */
|
|
49
51
|
containerStyle?: StyleProp<ViewStyle>;
|
|
50
52
|
/** Custom styles for the title text */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.type.d.ts","sourceRoot":"","sources":["../../../../../src/types/button.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC3F,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,qBAAqB,GAAG;IAC9C,yEAAyE;IACzE,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB,kDAAkD;IAClD,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAExB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,6DAA6D;IAC7D,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,kCAAkC;IAClC,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,mCAAmC;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,qDAAqD;IACrD,MAAM,CAAC,EAAE,eAAe,CAAC;IAEzB,sCAAsC;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,8EAA8E;IAC9E,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAEzB,4CAA4C;IAC5C,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAE7B,2CAA2C;IAC3C,eAAe,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAE9B,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,6CAA6C;IAC7C,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEtC,uCAAuC;IACvC,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAElC,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC"}
|
|
1
|
+
{"version":3,"file":"button.type.d.ts","sourceRoot":"","sources":["../../../../../src/types/button.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC3F,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,qBAAqB,GAAG;IAC9C,yEAAyE;IACzE,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB,kDAAkD;IAClD,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAExB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,6DAA6D;IAC7D,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,kCAAkC;IAClC,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,mCAAmC;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,qDAAqD;IACrD,MAAM,CAAC,EAAE,eAAe,CAAC;IAEzB,sCAAsC;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,8EAA8E;IAC9E,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAEzB,4CAA4C;IAC5C,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAE7B,2CAA2C;IAC3C,eAAe,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAE9B,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,oCAAoC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,6CAA6C;IAC7C,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEtC,uCAAuC;IACvC,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAElC,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC"}
|
|
@@ -9,7 +9,7 @@ export type SurfaceProps = StyledViewProps & {
|
|
|
9
9
|
/** Border radius of the surface container */
|
|
10
10
|
br?: number;
|
|
11
11
|
/** Style variant of the surface: 'elevated' adds shadow, 'outlined' adds border */
|
|
12
|
-
variant?: 'elevated' | 'outlined';
|
|
12
|
+
variant?: 'elevated' | 'outlined' | 'default';
|
|
13
13
|
/** Child components to be rendered inside the surface */
|
|
14
14
|
children?: ReactNode;
|
|
15
15
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"surface.type.d.ts","sourceRoot":"","sources":["../../../../../src/types/surface.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE/D;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,eAAe,GAAG;IACzC,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,6CAA6C;IAC7C,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,mFAAmF;IACnF,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"surface.type.d.ts","sourceRoot":"","sources":["../../../../../src/types/surface.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE/D;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,eAAe,GAAG;IACzC,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,6CAA6C;IAC7C,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,mFAAmF;IACnF,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IAE9C,yDAAyD;IACzD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAO,MAAM,OAAO,CAAC;AAMrC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG/C,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAO,MAAM,OAAO,CAAC;AAMrC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG/C,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CA4K3B,CAAC;AAEF,eAAe,MAAM,CAAC;AACtB,YAAY,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import type { ButtonVariant, ThemeTypes } from "../../types";
|
|
2
|
-
declare const getButtonColors: ({ theme, variant, bg, titleColor, strokeColor, disabled }: {
|
|
2
|
+
declare const getButtonColors: ({ theme, variant, bg, titleColor, strokeColor, disabled, loading }: {
|
|
3
3
|
theme: ThemeTypes;
|
|
4
4
|
variant: ButtonVariant;
|
|
5
5
|
bg: string | undefined;
|
|
6
6
|
titleColor: string | undefined;
|
|
7
7
|
strokeColor: string | undefined;
|
|
8
8
|
disabled: boolean;
|
|
9
|
+
loading: boolean;
|
|
9
10
|
}) => {
|
|
10
11
|
backgroundColor: string;
|
|
11
12
|
buttonTextColor: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Button/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Button/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAiG7D,QAAA,MAAM,eAAe,GAAI,oEAQtB;IACC,KAAK,EAAE,UAAU,CAAC;IAClB,OAAO,EAAE,aAAa,CAAC;IACvB,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC;IACvB,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;CACpB;;;;CAqCA,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}
|
|
@@ -45,6 +45,8 @@ export type ButtonProps = TouchableOpacityProps & {
|
|
|
45
45
|
renderRightIcon?: JSX.Element;
|
|
46
46
|
/** Disables the button when true */
|
|
47
47
|
disabled?: boolean;
|
|
48
|
+
/** Shows loading state when true */
|
|
49
|
+
loading?: boolean;
|
|
48
50
|
/** Custom styles for the button container */
|
|
49
51
|
containerStyle?: StyleProp<ViewStyle>;
|
|
50
52
|
/** Custom styles for the title text */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.type.d.ts","sourceRoot":"","sources":["../../../../../src/types/button.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC3F,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,qBAAqB,GAAG;IAC9C,yEAAyE;IACzE,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB,kDAAkD;IAClD,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAExB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,6DAA6D;IAC7D,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,kCAAkC;IAClC,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,mCAAmC;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,qDAAqD;IACrD,MAAM,CAAC,EAAE,eAAe,CAAC;IAEzB,sCAAsC;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,8EAA8E;IAC9E,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAEzB,4CAA4C;IAC5C,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAE7B,2CAA2C;IAC3C,eAAe,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAE9B,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,6CAA6C;IAC7C,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEtC,uCAAuC;IACvC,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAElC,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC"}
|
|
1
|
+
{"version":3,"file":"button.type.d.ts","sourceRoot":"","sources":["../../../../../src/types/button.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC3F,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,qBAAqB,GAAG;IAC9C,yEAAyE;IACzE,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB,kDAAkD;IAClD,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAExB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,6DAA6D;IAC7D,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,kCAAkC;IAClC,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,mCAAmC;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,qDAAqD;IACrD,MAAM,CAAC,EAAE,eAAe,CAAC;IAEzB,sCAAsC;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,8EAA8E;IAC9E,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAEzB,4CAA4C;IAC5C,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAE7B,2CAA2C;IAC3C,eAAe,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAE9B,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,oCAAoC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,6CAA6C;IAC7C,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEtC,uCAAuC;IACvC,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAElC,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC"}
|
|
@@ -9,7 +9,7 @@ export type SurfaceProps = StyledViewProps & {
|
|
|
9
9
|
/** Border radius of the surface container */
|
|
10
10
|
br?: number;
|
|
11
11
|
/** Style variant of the surface: 'elevated' adds shadow, 'outlined' adds border */
|
|
12
|
-
variant?: 'elevated' | 'outlined';
|
|
12
|
+
variant?: 'elevated' | 'outlined' | 'default';
|
|
13
13
|
/** Child components to be rendered inside the surface */
|
|
14
14
|
children?: ReactNode;
|
|
15
15
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"surface.type.d.ts","sourceRoot":"","sources":["../../../../../src/types/surface.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE/D;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,eAAe,GAAG;IACzC,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,6CAA6C;IAC7C,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,mFAAmF;IACnF,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"surface.type.d.ts","sourceRoot":"","sources":["../../../../../src/types/surface.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE/D;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,eAAe,GAAG;IACzC,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,6CAA6C;IAC7C,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,mFAAmF;IACnF,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IAE9C,yDAAyD;IACzD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nexara/nativeflow",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.10",
|
|
4
4
|
"description": "Beautiful, responsive, and customizable UI components for React Native – built for performance and seamless experiences.",
|
|
5
5
|
"source": "./src/index.ts",
|
|
6
6
|
"main": "./lib/commonjs/index.js",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { useMemo } from 'react';
|
|
2
2
|
import type { FC, JSX } from 'react';
|
|
3
|
-
import { StyleSheet, TouchableOpacity, type ViewStyle } from "react-native";
|
|
3
|
+
import { ActivityIndicator, StyleSheet, TouchableOpacity, type ViewStyle } from "react-native";
|
|
4
4
|
import { verticalScale, horizontalScale } from "../../helpers/ResponsiveCalculations";
|
|
5
5
|
import { StyledText, StyledView } from '../StyledComponents';
|
|
6
6
|
import { useTheme } from '../../hooks';
|
|
@@ -29,6 +29,7 @@ const Button: FC<ButtonProps> = ({
|
|
|
29
29
|
renderLeftIcon,
|
|
30
30
|
renderRightIcon,
|
|
31
31
|
disabled = false,
|
|
32
|
+
loading = true,
|
|
32
33
|
containerStyle,
|
|
33
34
|
titleStyle,
|
|
34
35
|
onPress,
|
|
@@ -43,11 +44,12 @@ const Button: FC<ButtonProps> = ({
|
|
|
43
44
|
bg,
|
|
44
45
|
titleColor,
|
|
45
46
|
strokeColor,
|
|
46
|
-
disabled
|
|
47
|
+
disabled,
|
|
48
|
+
loading
|
|
47
49
|
});
|
|
48
50
|
|
|
49
51
|
const STYLES = useMemo(customStyles, []);
|
|
50
|
-
|
|
52
|
+
|
|
51
53
|
const dynamicStyles = {
|
|
52
54
|
BUTTON_CONT: {
|
|
53
55
|
backgroundColor: backgroundColor,
|
|
@@ -88,7 +90,7 @@ const Button: FC<ButtonProps> = ({
|
|
|
88
90
|
<TouchableOpacity
|
|
89
91
|
onPress={onPress}
|
|
90
92
|
// rippleColor={rippleColor}
|
|
91
|
-
disabled={disabled}
|
|
93
|
+
disabled={disabled || loading}
|
|
92
94
|
// ref={ref}
|
|
93
95
|
{...rest}
|
|
94
96
|
>
|
|
@@ -106,40 +108,49 @@ const Button: FC<ButtonProps> = ({
|
|
|
106
108
|
STYLES.BUTTON_CONT,
|
|
107
109
|
dynamicStyles.FLAT_BTN_INNER_CONT,
|
|
108
110
|
dynamicStyles.BUTTON_CONT,
|
|
109
|
-
containerStyle
|
|
110
|
-
]}
|
|
111
|
+
containerStyle,
|
|
112
|
+
]}
|
|
113
|
+
>
|
|
111
114
|
{(renderLeftIcon || (fullWidth && renderRightIcon)) && (
|
|
112
115
|
<StyledView f={fullWidth ? 1 : undefined}>
|
|
113
116
|
{renderLeftIcon && cloneElement(renderLeftIcon)}
|
|
114
117
|
</StyledView>
|
|
115
118
|
)}
|
|
116
119
|
|
|
117
|
-
<StyledView
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
:
|
|
133
|
-
|
|
134
|
-
|
|
120
|
+
<StyledView flexShrink={1} f={fullWidth ? 8 : undefined}>
|
|
121
|
+
{!loading ? (
|
|
122
|
+
(title ?? children) ? (
|
|
123
|
+
<StyledText
|
|
124
|
+
numberOfLines={1}
|
|
125
|
+
fs={fs}
|
|
126
|
+
fScale={fScale}
|
|
127
|
+
style={[
|
|
128
|
+
STYLES.BUTTON_TEXT,
|
|
129
|
+
dynamicStyles.BUTTON_TEXT,
|
|
130
|
+
titleStyle,
|
|
131
|
+
]}
|
|
132
|
+
>
|
|
133
|
+
{title ?? children}
|
|
134
|
+
</StyledText>
|
|
135
|
+
) : (
|
|
136
|
+
renderIcon && cloneElement(renderIcon)
|
|
137
|
+
)
|
|
138
|
+
) : (
|
|
139
|
+
<ActivityIndicator
|
|
140
|
+
color={dynamicStyles.BUTTON_TEXT.color}
|
|
141
|
+
size="small"
|
|
142
|
+
/>
|
|
143
|
+
)}
|
|
135
144
|
</StyledView>
|
|
136
145
|
|
|
137
146
|
{(renderRightIcon || (fullWidth && renderLeftIcon)) && (
|
|
138
|
-
<StyledView alignItems=
|
|
147
|
+
<StyledView alignItems="flex-end" f={fullWidth ? 1 : undefined}>
|
|
139
148
|
{renderRightIcon && cloneElement(renderRightIcon)}
|
|
140
149
|
</StyledView>
|
|
141
150
|
)}
|
|
142
151
|
</StyledView>
|
|
152
|
+
|
|
153
|
+
|
|
143
154
|
{/* </TouchableRipple> */}
|
|
144
155
|
</TouchableOpacity>
|
|
145
156
|
|
|
@@ -4,13 +4,15 @@ import type { ButtonVariant, ThemeTypes } from "../../types";
|
|
|
4
4
|
const getButtonBorderColor = ({
|
|
5
5
|
theme,
|
|
6
6
|
strokeColor,
|
|
7
|
-
disabled
|
|
7
|
+
disabled,
|
|
8
|
+
loading
|
|
8
9
|
}: {
|
|
9
10
|
theme: ThemeTypes;
|
|
10
11
|
strokeColor: string | undefined;
|
|
11
12
|
disabled: boolean;
|
|
13
|
+
loading: boolean;
|
|
12
14
|
}) => {
|
|
13
|
-
if (disabled) {
|
|
15
|
+
if (disabled || loading) {
|
|
14
16
|
return theme.colors.border.default;
|
|
15
17
|
}
|
|
16
18
|
if (strokeColor) {
|
|
@@ -24,15 +26,17 @@ const getButtonTextColor = ({
|
|
|
24
26
|
theme,
|
|
25
27
|
checkVariant,
|
|
26
28
|
titleColor,
|
|
27
|
-
disabled
|
|
29
|
+
disabled,
|
|
30
|
+
loading
|
|
28
31
|
}: {
|
|
29
32
|
theme: ThemeTypes;
|
|
30
33
|
checkVariant: (variant: ButtonVariant) => boolean;
|
|
31
34
|
titleColor: string | undefined;
|
|
32
35
|
disabled: boolean;
|
|
36
|
+
loading: boolean;
|
|
33
37
|
}) => {
|
|
34
38
|
|
|
35
|
-
if (disabled) {
|
|
39
|
+
if (disabled || loading) {
|
|
36
40
|
return theme.colors.typography.disabled;
|
|
37
41
|
}
|
|
38
42
|
else if (titleColor) {
|
|
@@ -48,15 +52,17 @@ const getButtonBackgroundColor = ({
|
|
|
48
52
|
theme,
|
|
49
53
|
checkVariant,
|
|
50
54
|
bg,
|
|
51
|
-
disabled
|
|
55
|
+
disabled,
|
|
56
|
+
loading
|
|
52
57
|
}: {
|
|
53
58
|
theme: ThemeTypes;
|
|
54
59
|
checkVariant: (variant: ButtonVariant) => boolean;
|
|
55
60
|
bg: string | undefined;
|
|
56
61
|
disabled: boolean;
|
|
62
|
+
loading: boolean;
|
|
57
63
|
}) => {
|
|
58
64
|
|
|
59
|
-
if (disabled) {
|
|
65
|
+
if (disabled || loading) {
|
|
60
66
|
return theme.colors.states.disabled;
|
|
61
67
|
}
|
|
62
68
|
else if (bg) {
|
|
@@ -95,7 +101,8 @@ const getButtonColors = ({
|
|
|
95
101
|
bg,
|
|
96
102
|
titleColor,
|
|
97
103
|
strokeColor,
|
|
98
|
-
disabled
|
|
104
|
+
disabled,
|
|
105
|
+
loading
|
|
99
106
|
}: {
|
|
100
107
|
theme: ThemeTypes;
|
|
101
108
|
variant: ButtonVariant;
|
|
@@ -103,6 +110,7 @@ const getButtonColors = ({
|
|
|
103
110
|
titleColor: string | undefined;
|
|
104
111
|
strokeColor: string | undefined;
|
|
105
112
|
disabled: boolean;
|
|
113
|
+
loading: boolean;
|
|
106
114
|
}) => {
|
|
107
115
|
|
|
108
116
|
const checkVariant = (variantToCompare: ButtonVariant) => {
|
|
@@ -112,18 +120,21 @@ const getButtonColors = ({
|
|
|
112
120
|
theme,
|
|
113
121
|
checkVariant,
|
|
114
122
|
bg,
|
|
115
|
-
disabled
|
|
123
|
+
disabled,
|
|
124
|
+
loading
|
|
116
125
|
});
|
|
117
126
|
const buttonTextColor = getButtonTextColor({
|
|
118
127
|
theme,
|
|
119
128
|
checkVariant,
|
|
120
129
|
titleColor,
|
|
121
|
-
disabled
|
|
130
|
+
disabled,
|
|
131
|
+
loading
|
|
122
132
|
});
|
|
123
133
|
const buttonBorderColor = getButtonBorderColor({
|
|
124
134
|
theme,
|
|
125
135
|
strokeColor,
|
|
126
|
-
disabled
|
|
136
|
+
disabled,
|
|
137
|
+
loading
|
|
127
138
|
});
|
|
128
139
|
// const buttonIconColor = getButtonIconColor({
|
|
129
140
|
// checkVariant,
|
|
@@ -34,7 +34,7 @@ const StyledText: FC<StyledTextProps> = ({
|
|
|
34
34
|
fontSize: responsiveFontSize(fs ?? typographyScales[fScale]),
|
|
35
35
|
fontFamily: ff ?? '',
|
|
36
36
|
textAlign: tas ? 'center' : 'auto',
|
|
37
|
-
fontWeight: fw
|
|
37
|
+
...(fw ? { fontWeight: fw } : {}),
|
|
38
38
|
color: color ?? (themeColor && colors.brand.primary || getVariantColor()),
|
|
39
39
|
},
|
|
40
40
|
style,
|
|
@@ -5,7 +5,7 @@ import { verticalScale } from '../../helpers';
|
|
|
5
5
|
import type { SurfaceProps } from '../../types';
|
|
6
6
|
|
|
7
7
|
const Surface: FC<SurfaceProps> = ({
|
|
8
|
-
variant = '
|
|
8
|
+
variant = 'default',
|
|
9
9
|
padding = 10,
|
|
10
10
|
br = 5,
|
|
11
11
|
children,
|
|
@@ -13,7 +13,7 @@ const Surface: FC<SurfaceProps> = ({
|
|
|
13
13
|
}) => {
|
|
14
14
|
|
|
15
15
|
const { colors }: any = useTheme();
|
|
16
|
-
const styles = variant === 'elevated' ? { boxShadow: colors.elevation.level1 } : { borderColor: colors.border.default, borderWidth: 0.5 };
|
|
16
|
+
const styles = variant === 'elevated' ? { boxShadow: colors.elevation.level1 } : variant === 'outlined' ? { borderColor: colors.border.default, borderWidth: 0.5 } : {};
|
|
17
17
|
|
|
18
18
|
return (<>
|
|
19
19
|
<StyledView
|
package/src/types/button.type.ts
CHANGED
|
@@ -66,6 +66,9 @@ export type ButtonProps = TouchableOpacityProps & {
|
|
|
66
66
|
/** Disables the button when true */
|
|
67
67
|
disabled?: boolean;
|
|
68
68
|
|
|
69
|
+
/** Shows loading state when true */
|
|
70
|
+
loading?: boolean;
|
|
71
|
+
|
|
69
72
|
/** Custom styles for the button container */
|
|
70
73
|
containerStyle?: StyleProp<ViewStyle>;
|
|
71
74
|
|
|
@@ -12,7 +12,7 @@ export type SurfaceProps = StyledViewProps & {
|
|
|
12
12
|
br?: number;
|
|
13
13
|
|
|
14
14
|
/** Style variant of the surface: 'elevated' adds shadow, 'outlined' adds border */
|
|
15
|
-
variant?: 'elevated' | 'outlined';
|
|
15
|
+
variant?: 'elevated' | 'outlined' | 'default';
|
|
16
16
|
|
|
17
17
|
/** Child components to be rendered inside the surface */
|
|
18
18
|
children?: ReactNode;
|