@ieu-ui/components 0.2.1 → 0.2.2
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IeuButton.d.ts","sourceRoot":"","sources":["../../src/IeuButton/IeuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"IeuButton.d.ts","sourceRoot":"","sources":["../../src/IeuButton/IeuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAyB,MAAM,OAAO,CAAC;AAChE,OAAO,EAEL,SAAS,EACT,SAAS,EACT,SAAS,EAET,IAAI,EAEL,MAAM,cAAc,CAAC;AAItB,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAC9F,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC1D,MAAM,MAAM,WAAW,GACnB,SAAS,GACT,WAAW,GACX,SAAS,GACT,OAAO,GACP,SAAS,GACT,MAAM,GACN,MAAM,CAAC;AAEX,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,OAAO,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;CACvB;AAED,eAAO,MAAM,SAAS,GAAI,6MAmBvB,cAAc,sBAsHhB,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -41,18 +41,27 @@ const IeuText_1 = require("../IeuText");
|
|
|
41
41
|
const IeuButton = ({ children, variant = 'primary', size = 'md', colorScheme: colorSchemeProp = 'primary', leftIcon, rightIcon, leftElement, rightElement, loading = false, loadingText, spinner, fullWidth = false, disabled = false, style, textStyle, onPress, onLongPress, ref, }) => {
|
|
42
42
|
const { theme } = (0, core_1.useTheme)();
|
|
43
43
|
const { colors, componentSizes } = theme;
|
|
44
|
+
const [scaleValue] = (0, react_1.useState)(new react_native_1.Animated.Value(1));
|
|
44
45
|
const sizeConfig = componentSizes[size];
|
|
45
46
|
const isDisabled = disabled || loading;
|
|
47
|
+
const handlePressIn = () => {
|
|
48
|
+
react_native_1.Animated.spring(scaleValue, {
|
|
49
|
+
toValue: 0.96,
|
|
50
|
+
useNativeDriver: true,
|
|
51
|
+
}).start();
|
|
52
|
+
};
|
|
53
|
+
const handlePressOut = () => {
|
|
54
|
+
react_native_1.Animated.spring(scaleValue, {
|
|
55
|
+
toValue: 1,
|
|
56
|
+
useNativeDriver: true,
|
|
57
|
+
}).start();
|
|
58
|
+
};
|
|
46
59
|
const getBackgroundColor = (0, react_1.useCallback)(() => {
|
|
47
60
|
if (variant === 'primary' || variant === 'danger') {
|
|
48
|
-
return isDisabled
|
|
49
|
-
? colors.gray[300]
|
|
50
|
-
: colors[colorSchemeProp][500];
|
|
61
|
+
return isDisabled ? colors.gray[300] : colors[colorSchemeProp][500];
|
|
51
62
|
}
|
|
52
63
|
if (variant === 'secondary') {
|
|
53
|
-
return isDisabled
|
|
54
|
-
? colors.gray[200]
|
|
55
|
-
: colors.secondary[500];
|
|
64
|
+
return isDisabled ? colors.gray[200] : colors.secondary[500];
|
|
56
65
|
}
|
|
57
66
|
if (variant === 'outline' || variant === 'ghost' || variant === 'link') {
|
|
58
67
|
return 'transparent';
|
|
@@ -90,6 +99,7 @@ const IeuButton = ({ children, variant = 'primary', size = 'md', colorScheme: co
|
|
|
90
99
|
borderColor: getBorderColor(),
|
|
91
100
|
opacity: isDisabled ? 0.6 : 1,
|
|
92
101
|
width: fullWidth ? '100%' : undefined,
|
|
102
|
+
transform: [{ scale: scaleValue }],
|
|
93
103
|
};
|
|
94
104
|
const textColor = getTextColor();
|
|
95
105
|
const renderContent = () => {
|
|
@@ -107,17 +117,14 @@ const IeuButton = ({ children, variant = 'primary', size = 'md', colorScheme: co
|
|
|
107
117
|
return (<>
|
|
108
118
|
{leftIcon && <react_native_1.View style={{ marginRight: 8 }}>{leftIcon}</react_native_1.View>}
|
|
109
119
|
{leftElement}
|
|
110
|
-
{children && (<IeuText_1.IeuText style={[
|
|
111
|
-
{ color: textColor, fontSize: sizeConfig.fontSize },
|
|
112
|
-
textStyle,
|
|
113
|
-
]}>
|
|
120
|
+
{children && (<IeuText_1.IeuText style={[{ color: textColor, fontSize: sizeConfig.fontSize }, textStyle]}>
|
|
114
121
|
{children}
|
|
115
122
|
</IeuText_1.IeuText>)}
|
|
116
123
|
{rightElement}
|
|
117
124
|
{rightIcon && <react_native_1.View style={{ marginLeft: 8 }}>{rightIcon}</react_native_1.View>}
|
|
118
125
|
</>);
|
|
119
126
|
};
|
|
120
|
-
return (<react_native_1.Pressable ref={ref} onPress={isDisabled ? undefined : onPress} onLongPress={isDisabled ? undefined : onLongPress} disabled={isDisabled} style={[buttonStyle, style]}>
|
|
127
|
+
return (<react_native_1.Pressable ref={ref} onPress={isDisabled ? undefined : onPress} onLongPress={isDisabled ? undefined : onLongPress} onPressIn={isDisabled ? undefined : handlePressIn} onPressOut={isDisabled ? undefined : handlePressOut} disabled={isDisabled} style={[buttonStyle, style]}>
|
|
121
128
|
{renderContent()}
|
|
122
129
|
</react_native_1.Pressable>);
|
|
123
130
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IeuButton.js","sourceRoot":"","sources":["../../src/IeuButton/IeuButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"IeuButton.js","sourceRoot":"","sources":["../../src/IeuButton/IeuButton.tsx"],"names":[],"mappings":"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"}
|