@ieu-ui/components 0.2.0 → 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.
- package/dist/IeuButton/IeuButton.d.ts.map +1 -1
- package/dist/IeuButton/IeuButton.js +18 -11
- package/dist/IeuButton/IeuButton.js.map +1 -1
- package/dist/IeuSpinner/IeuSpinner.d.ts.map +1 -1
- package/dist/IeuSpinner/IeuSpinner.js +52 -6
- package/dist/IeuSpinner/IeuSpinner.js.map +1 -1
- package/package.json +1 -1
|
@@ -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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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IeuSpinner.d.ts","sourceRoot":"","sources":["../../src/IeuSpinner/IeuSpinner.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"IeuSpinner.d.ts","sourceRoot":"","sources":["../../src/IeuSpinner/IeuSpinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAQ,SAAS,EAAE,SAAS,EAAoB,MAAM,cAAc,CAAC;AAG5E,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC3D,MAAM,MAAM,WAAW,GACnB,SAAS,GACT,WAAW,GACX,SAAS,GACT,OAAO,GACP,SAAS,GACT,MAAM,GACN,MAAM,CAAC;AAEX,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAgBD,eAAO,MAAM,UAAU,GAAI,sCAKxB,eAAe,sBA4CjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -1,10 +1,40 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
5
35
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
36
|
exports.IeuSpinner = void 0;
|
|
7
|
-
const react_1 =
|
|
37
|
+
const react_1 = __importStar(require("react"));
|
|
8
38
|
const react_native_1 = require("react-native");
|
|
9
39
|
const core_1 = require("@ieu-ui/core");
|
|
10
40
|
const sizeMap = {
|
|
@@ -22,10 +52,25 @@ const speedMap = {
|
|
|
22
52
|
const IeuSpinner = ({ size = 'md', colorScheme = 'primary', speed = 'normal', style, }) => {
|
|
23
53
|
const { theme } = (0, core_1.useTheme)();
|
|
24
54
|
const { colors } = theme;
|
|
55
|
+
const spinValue = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
|
|
25
56
|
const spinnerSize = sizeMap[size];
|
|
26
57
|
const duration = speedMap[speed];
|
|
27
|
-
const color = colors[colorScheme][500];
|
|
28
|
-
|
|
58
|
+
const color = colors[colorScheme]?.[500] || colors.primary[500];
|
|
59
|
+
(0, react_1.useEffect)(() => {
|
|
60
|
+
const spinAnimation = react_native_1.Animated.loop(react_native_1.Animated.timing(spinValue, {
|
|
61
|
+
toValue: 1,
|
|
62
|
+
duration: duration,
|
|
63
|
+
easing: react_native_1.Easing.linear,
|
|
64
|
+
useNativeDriver: true,
|
|
65
|
+
}));
|
|
66
|
+
spinAnimation.start();
|
|
67
|
+
return () => spinAnimation.stop();
|
|
68
|
+
}, [spinValue, duration]);
|
|
69
|
+
const spin = spinValue.interpolate({
|
|
70
|
+
inputRange: [0, 1],
|
|
71
|
+
outputRange: ['0deg', '360deg'],
|
|
72
|
+
});
|
|
73
|
+
return (<react_native_1.Animated.View style={[
|
|
29
74
|
{
|
|
30
75
|
width: spinnerSize,
|
|
31
76
|
height: spinnerSize,
|
|
@@ -34,6 +79,7 @@ const IeuSpinner = ({ size = 'md', colorScheme = 'primary', speed = 'normal', st
|
|
|
34
79
|
borderColor: color,
|
|
35
80
|
borderTopColor: 'transparent',
|
|
36
81
|
borderRightColor: 'transparent',
|
|
82
|
+
transform: [{ rotate: spin }],
|
|
37
83
|
},
|
|
38
84
|
style,
|
|
39
85
|
]}/>);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IeuSpinner.js","sourceRoot":"","sources":["../../src/IeuSpinner/IeuSpinner.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"IeuSpinner.js","sourceRoot":"","sources":["../../src/IeuSpinner/IeuSpinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiD;AACjD,+CAA4E;AAC5E,uCAAwC;AAmBxC,MAAM,OAAO,GAAgC;IAC3C,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;CACP,CAAC;AAEF,MAAM,QAAQ,GAA2B;IACvC,IAAI,EAAE,IAAI;IACV,MAAM,EAAE,IAAI;IACZ,IAAI,EAAE,GAAG;CACV,CAAC;AAEK,MAAM,UAAU,GAAG,CAAC,EACzB,IAAI,GAAG,IAAI,EACX,WAAW,GAAG,SAAS,EACvB,KAAK,GAAG,QAAQ,EAChB,KAAK,GACW,EAAE,EAAE;IACpB,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,eAAQ,GAAE,CAAC;IAC7B,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACzB,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,IAAI,uBAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAExD,MAAM,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAClC,MAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACjC,MAAM,KAAK,GAAG,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IAEhE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,aAAa,GAAG,uBAAQ,CAAC,IAAI,CACjC,uBAAQ,CAAC,MAAM,CAAC,SAAS,EAAE;YACzB,OAAO,EAAE,CAAC;YACV,QAAQ,EAAE,QAAQ;YAClB,MAAM,EAAE,qBAAM,CAAC,MAAM;YACrB,eAAe,EAAE,IAAI;SACtB,CAAC,CACH,CAAC;QACF,aAAa,CAAC,KAAK,EAAE,CAAC;QACtB,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;IACpC,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE1B,MAAM,IAAI,GAAG,SAAS,CAAC,WAAW,CAAC;QACjC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;QAClB,WAAW,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;KAChC,CAAC,CAAC;IAEH,OAAO,CACL,CAAC,uBAAQ,CAAC,IAAI,CACZ,KAAK,CAAC,CAAC;YACL;gBACE,KAAK,EAAE,WAAW;gBAClB,MAAM,EAAE,WAAW;gBACnB,YAAY,EAAE,WAAW,GAAG,CAAC;gBAC7B,WAAW,EAAE,WAAW,GAAG,CAAC;gBAC5B,WAAW,EAAE,KAAK;gBAClB,cAAc,EAAE,aAAa;gBAC7B,gBAAgB,EAAE,aAAa;gBAC/B,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;aAC9B;YACD,KAAK;SACN,CAAC,EACF,CACH,CAAC;AACJ,CAAC,CAAC;AAjDW,QAAA,UAAU,cAiDrB;AAEF,kBAAe,kBAAU,CAAC"}
|