@ieu-ui/components 0.2.5 → 0.3.1
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/IeuAvatar/IeuAvatar.d.ts +2 -3
- package/dist/IeuAvatar/IeuAvatar.d.ts.map +1 -1
- package/dist/IeuAvatar/IeuAvatar.js +7 -14
- package/dist/IeuAvatar/IeuAvatar.js.map +1 -1
- package/dist/IeuBadge/IeuBadge.d.ts +5 -5
- package/dist/IeuBadge/IeuBadge.d.ts.map +1 -1
- package/dist/IeuBadge/IeuBadge.js +26 -23
- package/dist/IeuBadge/IeuBadge.js.map +1 -1
- package/dist/IeuBadge/index.d.ts +1 -1
- package/dist/IeuBadge/index.d.ts.map +1 -1
- package/dist/IeuButton/IeuButton.d.ts +4 -6
- package/dist/IeuButton/IeuButton.d.ts.map +1 -1
- package/dist/IeuButton/IeuButton.js +45 -33
- package/dist/IeuButton/IeuButton.js.map +1 -1
- package/dist/IeuCard/IeuCard.d.ts.map +1 -1
- package/dist/IeuCard/IeuCard.js +23 -16
- package/dist/IeuCard/IeuCard.js.map +1 -1
- package/dist/IeuDialog/IeuDialog.d.ts.map +1 -1
- package/dist/IeuDialog/IeuDialog.js +19 -19
- package/dist/IeuDialog/IeuDialog.js.map +1 -1
- package/dist/IeuDivider/IeuDivider.d.ts.map +1 -1
- package/dist/IeuDivider/IeuDivider.js +10 -9
- package/dist/IeuDivider/IeuDivider.js.map +1 -1
- package/dist/IeuIconButton/IeuIconButton.d.ts +2 -1
- package/dist/IeuIconButton/IeuIconButton.d.ts.map +1 -1
- package/dist/IeuIconButton/IeuIconButton.js +9 -11
- package/dist/IeuIconButton/IeuIconButton.js.map +1 -1
- package/dist/IeuInput/IeuInput.d.ts +3 -3
- package/dist/IeuInput/IeuInput.d.ts.map +1 -1
- package/dist/IeuInput/IeuInput.js +56 -39
- package/dist/IeuInput/IeuInput.js.map +1 -1
- package/package.json +6 -5
|
@@ -1,16 +1,15 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { View, StyleProp, ViewStyle } from 'react-native';
|
|
3
|
-
export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'
|
|
3
|
+
export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
4
4
|
export interface IeuAvatarProps {
|
|
5
5
|
source?: {
|
|
6
6
|
uri: string;
|
|
7
7
|
};
|
|
8
8
|
name?: string;
|
|
9
9
|
size?: AvatarSize;
|
|
10
|
-
colorScheme?: 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' | 'gray';
|
|
11
10
|
style?: StyleProp<ViewStyle>;
|
|
12
11
|
ref?: React.Ref<View>;
|
|
13
12
|
}
|
|
14
|
-
export declare const IeuAvatar: ({ source, name, size,
|
|
13
|
+
export declare const IeuAvatar: ({ source, name, size, style, ref }: IeuAvatarProps) => React.JSX.Element;
|
|
15
14
|
export default IeuAvatar;
|
|
16
15
|
//# sourceMappingURL=IeuAvatar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IeuAvatar.d.ts","sourceRoot":"","sources":["../../src/IeuAvatar/IeuAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAS,IAAI,EAAE,SAAS,EAAE,SAAS,EAAa,MAAM,cAAc,CAAC;AAI5E,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,
|
|
1
|
+
{"version":3,"file":"IeuAvatar.d.ts","sourceRoot":"","sources":["../../src/IeuAvatar/IeuAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAS,IAAI,EAAE,SAAS,EAAE,SAAS,EAAa,MAAM,cAAc,CAAC;AAI5E,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1D,MAAM,WAAW,cAAc;IAC7B,MAAM,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;CACvB;AAkBD,eAAO,MAAM,SAAS,GAAI,oCAA2C,cAAc,sBAmDlF,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -14,17 +14,15 @@ const sizeMap = {
|
|
|
14
14
|
md: 40,
|
|
15
15
|
lg: 48,
|
|
16
16
|
xl: 64,
|
|
17
|
-
'2xl': 96,
|
|
18
17
|
};
|
|
19
18
|
const fontSizeMap = {
|
|
20
19
|
xs: 10,
|
|
21
20
|
sm: 12,
|
|
22
|
-
md:
|
|
23
|
-
lg:
|
|
24
|
-
xl:
|
|
25
|
-
'2xl': 40,
|
|
21
|
+
md: 14,
|
|
22
|
+
lg: 18,
|
|
23
|
+
xl: 24,
|
|
26
24
|
};
|
|
27
|
-
const IeuAvatar = ({ source, name, size = 'md',
|
|
25
|
+
const IeuAvatar = ({ source, name, size = 'md', style, ref }) => {
|
|
28
26
|
const { theme } = (0, core_1.useTheme)();
|
|
29
27
|
const { colors, borderRadius } = theme;
|
|
30
28
|
const avatarSize = sizeMap[size];
|
|
@@ -36,22 +34,17 @@ const IeuAvatar = ({ source, name, size = 'md', colorScheme = 'primary', style,
|
|
|
36
34
|
}
|
|
37
35
|
return names[0].substring(0, 2).toUpperCase();
|
|
38
36
|
};
|
|
39
|
-
const getBackgroundColor = () => {
|
|
40
|
-
if (colorScheme === 'gray')
|
|
41
|
-
return colors.gray[400];
|
|
42
|
-
return colors[colorScheme][500];
|
|
43
|
-
};
|
|
44
37
|
const textStyle = {
|
|
45
38
|
fontSize,
|
|
46
39
|
fontWeight: '600',
|
|
47
|
-
color: colors.
|
|
40
|
+
color: colors.primary[700],
|
|
48
41
|
};
|
|
49
42
|
return (<react_native_1.View ref={ref} style={[
|
|
50
43
|
{
|
|
51
44
|
width: avatarSize,
|
|
52
45
|
height: avatarSize,
|
|
53
|
-
borderRadius:
|
|
54
|
-
backgroundColor:
|
|
46
|
+
borderRadius: borderRadius.full,
|
|
47
|
+
backgroundColor: colors.primary[100],
|
|
55
48
|
overflow: 'hidden',
|
|
56
49
|
alignItems: 'center',
|
|
57
50
|
justifyContent: 'center',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IeuAvatar.js","sourceRoot":"","sources":["../../src/IeuAvatar/IeuAvatar.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAA4E;AAC5E,uCAAwC;AACxC,wCAAqC;
|
|
1
|
+
{"version":3,"file":"IeuAvatar.js","sourceRoot":"","sources":["../../src/IeuAvatar/IeuAvatar.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAA4E;AAC5E,uCAAwC;AACxC,wCAAqC;AAYrC,MAAM,OAAO,GAA+B;IAC1C,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;CACP,CAAC;AAEF,MAAM,WAAW,GAA+B;IAC9C,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;CACP,CAAC;AAEK,MAAM,SAAS,GAAG,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,EAAE,GAAG,EAAkB,EAAE,EAAE;IACrF,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,eAAQ,GAAE,CAAC;IAC7B,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAEvC,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACjC,MAAM,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;IAEnC,MAAM,WAAW,GAAG,CAAC,QAAgB,EAAE,EAAE;QACvC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACzC,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;YACtB,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;QAClE,CAAC;QACD,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IAChD,CAAC,CAAC;IAEF,MAAM,SAAS,GAAc;QAC3B,QAAQ;QACR,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;KAC3B,CAAC;IAEF,OAAO,CACL,CAAC,mBAAI,CACH,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,KAAK,CAAC,CAAC;YACL;gBACE,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE,UAAU;gBAClB,YAAY,EAAE,YAAY,CAAC,IAAI;gBAC/B,eAAe,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;gBACpC,QAAQ,EAAE,QAAQ;gBAClB,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;aACzB;YACD,KAAK;SACN,CAAC,CACF;MAAA,CAAC,MAAM,CAAC,CAAC,CAAC,CACR,CAAC,oBAAK,CACJ,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC;gBACL,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE,UAAU;aACnB,CAAC,EACF,CACH,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACT,CAAC,iBAAO,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,EAAE,iBAAO,CAAC,CACzD,CAAC,CAAC,CAAC,CACF,CAAC,iBAAO,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,iBAAO,CAAC,CACvC,CACH;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAnDW,QAAA,SAAS,aAmDpB;AAEF,kBAAe,iBAAS,CAAC"}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { View, StyleProp, ViewStyle } from 'react-native';
|
|
3
|
-
export type BadgeVariant = '
|
|
4
|
-
export type BadgeSize = '
|
|
5
|
-
export type
|
|
3
|
+
export type BadgeVariant = 'primary' | 'success' | 'warning' | 'danger' | 'neutral';
|
|
4
|
+
export type BadgeSize = 'sm' | 'md';
|
|
5
|
+
export type BadgeShape = 'square' | 'pill';
|
|
6
6
|
export interface IeuBadgeProps {
|
|
7
7
|
children?: React.ReactNode;
|
|
8
8
|
variant?: BadgeVariant;
|
|
9
9
|
size?: BadgeSize;
|
|
10
|
-
|
|
10
|
+
shape?: BadgeShape;
|
|
11
11
|
style?: StyleProp<ViewStyle>;
|
|
12
12
|
ref?: React.Ref<View>;
|
|
13
13
|
}
|
|
14
|
-
export declare const IeuBadge: ({ children, variant, size,
|
|
14
|
+
export declare const IeuBadge: ({ children, variant, size, shape, style, ref, }: IeuBadgeProps) => React.JSX.Element;
|
|
15
15
|
export default IeuBadge;
|
|
16
16
|
//# sourceMappingURL=IeuBadge.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IeuBadge.d.ts","sourceRoot":"","sources":["../../src/IeuBadge/IeuBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI1D,MAAM,MAAM,YAAY,GAAG,
|
|
1
|
+
{"version":3,"file":"IeuBadge.d.ts","sourceRoot":"","sources":["../../src/IeuBadge/IeuBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI1D,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;AACpF,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;AACpC,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE3C,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;CACvB;AAQD,eAAO,MAAM,QAAQ,GAAI,iDAOtB,aAAa,sBAkEf,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -9,40 +9,44 @@ const react_native_1 = require("react-native");
|
|
|
9
9
|
const core_1 = require("@ieu-ui/core");
|
|
10
10
|
const IeuText_1 = require("../IeuText");
|
|
11
11
|
const sizeMap = {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
md: { height: 24, fontSize: 14, paddingHorizontal: 8 },
|
|
15
|
-
lg: { height: 28, fontSize: 16, paddingHorizontal: 10 },
|
|
12
|
+
sm: { height: 20, fontSize: 11, paddingHorizontal: 8 },
|
|
13
|
+
md: { height: 24, fontSize: 11, paddingHorizontal: 8 },
|
|
16
14
|
};
|
|
17
|
-
const IeuBadge = ({ children, variant = '
|
|
15
|
+
const IeuBadge = ({ children, variant = 'primary', size = 'md', shape = 'square', style, ref, }) => {
|
|
18
16
|
const { theme } = (0, core_1.useTheme)();
|
|
19
17
|
const { colors, borderRadius } = theme;
|
|
20
18
|
const sizeConfig = sizeMap[size];
|
|
21
19
|
const getColors = () => {
|
|
22
20
|
switch (variant) {
|
|
23
|
-
case '
|
|
21
|
+
case 'primary':
|
|
24
22
|
return {
|
|
25
|
-
backgroundColor: colors[
|
|
26
|
-
textColor: colors.
|
|
27
|
-
borderColor: 'transparent',
|
|
23
|
+
backgroundColor: colors.primary[100],
|
|
24
|
+
textColor: colors.primary[700],
|
|
28
25
|
};
|
|
29
|
-
case '
|
|
26
|
+
case 'success':
|
|
30
27
|
return {
|
|
31
|
-
backgroundColor:
|
|
32
|
-
textColor: colors[
|
|
33
|
-
borderColor: colors[colorScheme][500],
|
|
28
|
+
backgroundColor: colors.success[100],
|
|
29
|
+
textColor: colors.success[700],
|
|
34
30
|
};
|
|
35
|
-
case '
|
|
31
|
+
case 'warning':
|
|
36
32
|
return {
|
|
37
|
-
backgroundColor: colors[
|
|
38
|
-
textColor: colors[
|
|
39
|
-
|
|
33
|
+
backgroundColor: colors.warning[100],
|
|
34
|
+
textColor: colors.warning[700],
|
|
35
|
+
};
|
|
36
|
+
case 'danger':
|
|
37
|
+
return {
|
|
38
|
+
backgroundColor: colors.error[100],
|
|
39
|
+
textColor: colors.error[700],
|
|
40
|
+
};
|
|
41
|
+
case 'neutral':
|
|
42
|
+
return {
|
|
43
|
+
backgroundColor: colors.gray[100],
|
|
44
|
+
textColor: colors.gray[700],
|
|
40
45
|
};
|
|
41
46
|
default:
|
|
42
47
|
return {
|
|
43
|
-
backgroundColor: colors[
|
|
44
|
-
textColor: colors.
|
|
45
|
-
borderColor: 'transparent',
|
|
48
|
+
backgroundColor: colors.primary[100],
|
|
49
|
+
textColor: colors.primary[700],
|
|
46
50
|
};
|
|
47
51
|
}
|
|
48
52
|
};
|
|
@@ -50,10 +54,8 @@ const IeuBadge = ({ children, variant = 'solid', size = 'md', colorScheme = 'pri
|
|
|
50
54
|
const badgeStyle = {
|
|
51
55
|
height: sizeConfig.height,
|
|
52
56
|
paddingHorizontal: sizeConfig.paddingHorizontal,
|
|
53
|
-
borderRadius: borderRadius.full,
|
|
57
|
+
borderRadius: shape === 'pill' ? borderRadius.full : borderRadius.xs,
|
|
54
58
|
backgroundColor: colorSet.backgroundColor,
|
|
55
|
-
borderWidth: variant === 'outline' ? 1 : 0,
|
|
56
|
-
borderColor: colorSet.borderColor,
|
|
57
59
|
alignItems: 'center',
|
|
58
60
|
justifyContent: 'center',
|
|
59
61
|
flexDirection: 'row',
|
|
@@ -63,6 +65,7 @@ const IeuBadge = ({ children, variant = 'solid', size = 'md', colorScheme = 'pri
|
|
|
63
65
|
fontSize: sizeConfig.fontSize,
|
|
64
66
|
fontWeight: '600',
|
|
65
67
|
color: colorSet.textColor,
|
|
68
|
+
letterSpacing: 0.2,
|
|
66
69
|
}}>
|
|
67
70
|
{children}
|
|
68
71
|
</IeuText_1.IeuText>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IeuBadge.js","sourceRoot":"","sources":["../../src/IeuBadge/IeuBadge.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAA0D;AAC1D,uCAAwC;AACxC,wCAAqC;AAerC,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"IeuBadge.js","sourceRoot":"","sources":["../../src/IeuBadge/IeuBadge.tsx"],"names":[],"mappings":"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"}
|
package/dist/IeuBadge/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/IeuBadge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/IeuBadge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
2
|
import { ViewStyle, StyleProp, TextStyle, View } from 'react-native';
|
|
3
|
-
export type ButtonVariant = '
|
|
4
|
-
export type ButtonSize = '
|
|
5
|
-
export type ColorScheme = 'primary' | '
|
|
3
|
+
export type ButtonVariant = 'solid' | 'outline' | 'ghost' | 'danger';
|
|
4
|
+
export type ButtonSize = 'sm' | 'md' | 'lg';
|
|
5
|
+
export type ColorScheme = 'primary' | 'success' | 'warning' | 'error';
|
|
6
6
|
export interface IeuButtonProps {
|
|
7
7
|
children?: ReactNode;
|
|
8
8
|
variant?: ButtonVariant;
|
|
@@ -10,8 +10,6 @@ export interface IeuButtonProps {
|
|
|
10
10
|
colorScheme?: ColorScheme;
|
|
11
11
|
leftIcon?: ReactNode;
|
|
12
12
|
rightIcon?: ReactNode;
|
|
13
|
-
leftElement?: ReactNode;
|
|
14
|
-
rightElement?: ReactNode;
|
|
15
13
|
loading?: boolean;
|
|
16
14
|
loadingText?: string;
|
|
17
15
|
spinner?: ReactNode;
|
|
@@ -23,6 +21,6 @@ export interface IeuButtonProps {
|
|
|
23
21
|
onLongPress?: () => void;
|
|
24
22
|
ref?: React.Ref<View>;
|
|
25
23
|
}
|
|
26
|
-
export declare const IeuButton: ({ children, variant, size, colorScheme
|
|
24
|
+
export declare const IeuButton: ({ children, variant, size, colorScheme, leftIcon, rightIcon, loading, loadingText, spinner, fullWidth, disabled, style, textStyle, onPress, onLongPress, ref, }: IeuButtonProps) => React.JSX.Element;
|
|
27
25
|
export default IeuButton;
|
|
28
26
|
//# sourceMappingURL=IeuButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IeuButton.d.ts","sourceRoot":"","sources":["../../src/IeuButton/IeuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAe,MAAM,OAAO,CAAC;AACtD,OAAO,EAAa,SAAS,EAAE,SAAS,EAAE,SAAS,EAAqB,IAAI,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"IeuButton.d.ts","sourceRoot":"","sources":["../../src/IeuButton/IeuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAe,MAAM,OAAO,CAAC;AACtD,OAAO,EAAa,SAAS,EAAE,SAAS,EAAE,SAAS,EAAqB,IAAI,EAAE,MAAM,cAAc,CAAC;AAKnG,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AACrE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5C,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEtE,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,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;AAQD,eAAO,MAAM,SAAS,GAAI,iKAiBvB,cAAc,sBAiHhB,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -36,55 +36,61 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
36
36
|
exports.IeuButton = void 0;
|
|
37
37
|
const react_1 = __importStar(require("react"));
|
|
38
38
|
const react_native_1 = require("react-native");
|
|
39
|
+
const react_native_reanimated_1 = require("react-native-reanimated");
|
|
39
40
|
const core_1 = require("@ieu-ui/core");
|
|
40
41
|
const IeuText_1 = require("../IeuText");
|
|
41
|
-
const
|
|
42
|
+
const sizeConfig = {
|
|
43
|
+
sm: { height: 32, paddingH: 12, fontSize: 13 },
|
|
44
|
+
md: { height: 44, paddingH: 16, fontSize: 15 },
|
|
45
|
+
lg: { height: 52, paddingH: 24, fontSize: 17 },
|
|
46
|
+
};
|
|
47
|
+
const IeuButton = ({ children, variant = 'solid', size = 'md', colorScheme = 'primary', leftIcon, rightIcon, loading = false, loadingText, spinner, fullWidth = false, disabled = false, style, textStyle, onPress, onLongPress, ref, }) => {
|
|
42
48
|
const { theme } = (0, core_1.useTheme)();
|
|
43
|
-
const { colors
|
|
44
|
-
const
|
|
49
|
+
const { colors } = theme;
|
|
50
|
+
const scale = (0, react_native_reanimated_1.useSharedValue)(1);
|
|
51
|
+
const animatedStyle = (0, react_native_reanimated_1.useAnimatedStyle)(() => ({
|
|
52
|
+
transform: [{ scale: scale.value }],
|
|
53
|
+
}));
|
|
54
|
+
const handlePressIn = () => {
|
|
55
|
+
scale.value = (0, react_native_reanimated_1.withSpring)(0.97, { damping: 15, stiffness: 400 });
|
|
56
|
+
};
|
|
57
|
+
const handlePressOut = () => {
|
|
58
|
+
scale.value = (0, react_native_reanimated_1.withSpring)(1, { damping: 15, stiffness: 400 });
|
|
59
|
+
};
|
|
60
|
+
const config = sizeConfig[size];
|
|
45
61
|
const isDisabled = disabled || loading;
|
|
46
62
|
const getBackgroundColor = (0, react_1.useCallback)(() => {
|
|
47
|
-
if (variant === '
|
|
48
|
-
return isDisabled ? colors.gray[
|
|
49
|
-
}
|
|
50
|
-
if (variant === 'secondary') {
|
|
51
|
-
return isDisabled ? colors.gray[200] : colors.secondary[500];
|
|
63
|
+
if (variant === 'solid' || variant === 'danger') {
|
|
64
|
+
return isDisabled ? colors.gray[400] : colors[colorScheme][500];
|
|
52
65
|
}
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
}
|
|
56
|
-
return colors.primary[500];
|
|
57
|
-
}, [variant, colorSchemeProp, isDisabled, colors]);
|
|
66
|
+
return 'transparent';
|
|
67
|
+
}, [variant, colorScheme, isDisabled, colors]);
|
|
58
68
|
const getTextColor = (0, react_1.useCallback)(() => {
|
|
59
|
-
if (variant === '
|
|
69
|
+
if (variant === 'solid' || variant === 'danger') {
|
|
60
70
|
return colors.text.inverse;
|
|
61
71
|
}
|
|
62
|
-
if (variant === 'outline' || variant === 'ghost'
|
|
63
|
-
return isDisabled ? colors.text.
|
|
64
|
-
}
|
|
65
|
-
if (variant === 'secondary') {
|
|
66
|
-
return colors.text.inverse;
|
|
72
|
+
if (variant === 'outline' || variant === 'ghost') {
|
|
73
|
+
return isDisabled ? colors.text.muted : colors[colorScheme][500];
|
|
67
74
|
}
|
|
68
75
|
return colors.text.primary;
|
|
69
|
-
}, [variant,
|
|
76
|
+
}, [variant, colorScheme, isDisabled, colors]);
|
|
70
77
|
const getBorderColor = (0, react_1.useCallback)(() => {
|
|
71
78
|
if (variant === 'outline') {
|
|
72
|
-
return isDisabled ? colors.
|
|
79
|
+
return isDisabled ? colors.gray[300] : colors[colorScheme][500];
|
|
73
80
|
}
|
|
74
81
|
return 'transparent';
|
|
75
|
-
}, [variant,
|
|
82
|
+
}, [variant, colorScheme, isDisabled, colors]);
|
|
76
83
|
const buttonStyle = {
|
|
77
84
|
flexDirection: 'row',
|
|
78
85
|
alignItems: 'center',
|
|
79
86
|
justifyContent: 'center',
|
|
80
|
-
height:
|
|
81
|
-
paddingHorizontal:
|
|
82
|
-
|
|
83
|
-
borderRadius: sizeConfig.borderRadius,
|
|
87
|
+
height: config.height,
|
|
88
|
+
paddingHorizontal: config.paddingH,
|
|
89
|
+
borderRadius: 12,
|
|
84
90
|
backgroundColor: getBackgroundColor(),
|
|
85
|
-
borderWidth: variant === 'outline' ? 1 : 0,
|
|
91
|
+
borderWidth: variant === 'outline' ? 1.5 : 0,
|
|
86
92
|
borderColor: getBorderColor(),
|
|
87
|
-
opacity: isDisabled ? 0.
|
|
93
|
+
opacity: isDisabled ? 0.4 : 1,
|
|
88
94
|
width: fullWidth ? '100%' : undefined,
|
|
89
95
|
};
|
|
90
96
|
const textColor = getTextColor();
|
|
@@ -93,7 +99,7 @@ const IeuButton = ({ children, variant = 'primary', size = 'md', colorScheme: co
|
|
|
93
99
|
return (<>
|
|
94
100
|
{spinner || <react_native_1.ActivityIndicator color={textColor} size="small"/>}
|
|
95
101
|
{loadingText && (<IeuText_1.IeuText style={[
|
|
96
|
-
{ marginLeft: 8, color: textColor, fontSize:
|
|
102
|
+
{ marginLeft: 8, color: textColor, fontSize: config.fontSize, fontWeight: '600' },
|
|
97
103
|
textStyle,
|
|
98
104
|
]}>
|
|
99
105
|
{loadingText}
|
|
@@ -102,15 +108,21 @@ const IeuButton = ({ children, variant = 'primary', size = 'md', colorScheme: co
|
|
|
102
108
|
}
|
|
103
109
|
return (<>
|
|
104
110
|
{leftIcon && <react_native_1.View style={{ marginRight: 8 }}>{leftIcon}</react_native_1.View>}
|
|
105
|
-
{
|
|
106
|
-
|
|
111
|
+
{children && (<IeuText_1.IeuText style={[
|
|
112
|
+
{
|
|
113
|
+
color: textColor,
|
|
114
|
+
fontSize: config.fontSize,
|
|
115
|
+
fontWeight: '600',
|
|
116
|
+
letterSpacing: -0.1,
|
|
117
|
+
},
|
|
118
|
+
textStyle,
|
|
119
|
+
]}>
|
|
107
120
|
{children}
|
|
108
121
|
</IeuText_1.IeuText>)}
|
|
109
|
-
{rightElement}
|
|
110
122
|
{rightIcon && <react_native_1.View style={{ marginLeft: 8 }}>{rightIcon}</react_native_1.View>}
|
|
111
123
|
</>);
|
|
112
124
|
};
|
|
113
|
-
return (<react_native_1.Pressable ref={ref} onPress={isDisabled ? undefined : onPress} onLongPress={isDisabled ? undefined : onLongPress} disabled={isDisabled} style={[buttonStyle, style]}>
|
|
125
|
+
return (<react_native_1.Pressable ref={ref} onPress={isDisabled ? undefined : onPress} onLongPress={isDisabled ? undefined : onLongPress} onPressIn={handlePressIn} onPressOut={handlePressOut} disabled={isDisabled} style={[buttonStyle, style, animatedStyle]}>
|
|
114
126
|
{renderContent()}
|
|
115
127
|
</react_native_1.Pressable>);
|
|
116
128
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IeuButton.js","sourceRoot":"","sources":["../../src/IeuButton/IeuButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsD;AACtD,+CAAmG;AACnG,uCAAwC;AACxC,wCAAqC;
|
|
1
|
+
{"version":3,"file":"IeuButton.js","sourceRoot":"","sources":["../../src/IeuButton/IeuButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IeuCard.d.ts","sourceRoot":"","sources":["../../src/IeuCard/IeuCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAa,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"IeuCard.d.ts","sourceRoot":"","sources":["../../src/IeuCard/IeuCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAa,MAAM,cAAc,CAAC;AAIrE,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;CACvB;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,GAAG;IACtC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC;IACrC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;IACjC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC;CAiEtC,CAAC;AAcF,OAAO,EAAE,OAAO,EAAE,CAAC;AACnB,eAAe,OAAO,CAAC"}
|
package/dist/IeuCard/IeuCard.js
CHANGED
|
@@ -6,14 +6,25 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.IeuCard = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const react_native_1 = require("react-native");
|
|
9
|
+
const react_native_reanimated_1 = require("react-native-reanimated");
|
|
9
10
|
const core_1 = require("@ieu-ui/core");
|
|
10
|
-
const IeuCard = ({ children, style, variant = 'elevated', padding, paddingHorizontal =
|
|
11
|
+
const IeuCard = ({ children, style, variant = 'elevated', padding = 24, paddingHorizontal = 24, paddingVertical = 24, onPress, }) => {
|
|
11
12
|
const { theme } = (0, core_1.useTheme)();
|
|
12
|
-
const { colors, shadows, borderRadius
|
|
13
|
+
const { colors, shadows, borderRadius } = theme;
|
|
14
|
+
const scale = (0, react_native_reanimated_1.useSharedValue)(1);
|
|
15
|
+
const animatedStyle = (0, react_native_reanimated_1.useAnimatedStyle)(() => ({
|
|
16
|
+
transform: [{ scale: scale.value }],
|
|
17
|
+
}));
|
|
18
|
+
const handlePressIn = () => {
|
|
19
|
+
scale.value = (0, react_native_reanimated_1.withSpring)(0.98, { damping: 15, stiffness: 400 });
|
|
20
|
+
};
|
|
21
|
+
const handlePressOut = () => {
|
|
22
|
+
scale.value = (0, react_native_reanimated_1.withSpring)(1, { damping: 15, stiffness: 400 });
|
|
23
|
+
};
|
|
13
24
|
const getBackgroundColor = () => {
|
|
14
25
|
if (variant === 'filled')
|
|
15
|
-
return colors.gray[
|
|
16
|
-
return colors.
|
|
26
|
+
return colors.gray[50];
|
|
27
|
+
return colors.surface;
|
|
17
28
|
};
|
|
18
29
|
const getBorderStyle = () => {
|
|
19
30
|
if (variant === 'outlined') {
|
|
@@ -27,26 +38,22 @@ const IeuCard = ({ children, style, variant = 'elevated', padding, paddingHorizo
|
|
|
27
38
|
const cardStyle = {
|
|
28
39
|
backgroundColor: getBackgroundColor(),
|
|
29
40
|
borderRadius: borderRadius.lg,
|
|
30
|
-
padding
|
|
31
|
-
paddingHorizontal
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
paddingVertical: paddingVertical
|
|
35
|
-
? spacing[paddingVertical]
|
|
36
|
-
: spacing[3],
|
|
37
|
-
...(variant === 'elevated' ? shadows.md : {}),
|
|
41
|
+
padding,
|
|
42
|
+
paddingHorizontal,
|
|
43
|
+
paddingVertical,
|
|
44
|
+
...(variant === 'elevated' ? shadows.level1 : {}),
|
|
38
45
|
...getBorderStyle(),
|
|
39
46
|
};
|
|
40
47
|
if (onPress) {
|
|
41
|
-
return (<react_native_1.Pressable onPress={onPress} style={[cardStyle, style]}>
|
|
48
|
+
return (<react_native_1.Pressable onPress={onPress} onPressIn={handlePressIn} onPressOut={handlePressOut} style={[cardStyle, style, animatedStyle]}>
|
|
42
49
|
{children}
|
|
43
50
|
</react_native_1.Pressable>);
|
|
44
51
|
}
|
|
45
52
|
return <react_native_1.View style={[cardStyle, style]}>{children}</react_native_1.View>;
|
|
46
53
|
};
|
|
47
54
|
exports.IeuCard = IeuCard;
|
|
48
|
-
IeuCard.Header = ({ children, style }) => (<react_native_1.View style={[{ paddingBottom:
|
|
49
|
-
IeuCard.Body = ({ children, style }) => (<react_native_1.View style={[{ flex: 1
|
|
50
|
-
IeuCard.Footer = ({ children, style }) => (<react_native_1.View style={[{ paddingTop:
|
|
55
|
+
IeuCard.Header = ({ children, style }) => (<react_native_1.View style={[{ paddingBottom: 16 }, style]}>{children}</react_native_1.View>);
|
|
56
|
+
IeuCard.Body = ({ children, style }) => (<react_native_1.View style={[{ flex: 1 }, style]}>{children}</react_native_1.View>);
|
|
57
|
+
IeuCard.Footer = ({ children, style }) => (<react_native_1.View style={[{ paddingTop: 16 }, style]}>{children}</react_native_1.View>);
|
|
51
58
|
exports.default = IeuCard;
|
|
52
59
|
//# sourceMappingURL=IeuCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IeuCard.js","sourceRoot":"","sources":["../../src/IeuCard/IeuCard.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyC;AACzC,+CAAqE;AACrE,
|
|
1
|
+
{"version":3,"file":"IeuCard.js","sourceRoot":"","sources":["../../src/IeuCard/IeuCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IeuDialog.d.ts","sourceRoot":"","sources":["../../src/IeuDialog/IeuDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAY,aAAa,EAAE,MAAM,aAAa,CAAC;AAKtD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,SAAS,GAAI,0GAUvB,cAAc,
|
|
1
|
+
{"version":3,"file":"IeuDialog.d.ts","sourceRoot":"","sources":["../../src/IeuDialog/IeuDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAY,aAAa,EAAE,MAAM,aAAa,CAAC;AAKtD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,SAAS,GAAI,0GAUvB,cAAc,sBAoChB,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -12,25 +12,25 @@ const IeuText_1 = require("../IeuText");
|
|
|
12
12
|
const core_1 = require("@ieu-ui/core");
|
|
13
13
|
const IeuDialog = ({ title, description, confirmText = 'Confirm', cancelText = 'Cancel', onConfirm, onCancel, isDestructive = false, isLoading = false, ...props }) => {
|
|
14
14
|
const { theme } = (0, core_1.useTheme)();
|
|
15
|
-
return (<IeuModal_1.IeuModal {...props}>
|
|
16
|
-
<react_native_1.View style={{ padding: theme.spacing[5] }}>
|
|
17
|
-
<IeuText_1.IeuText variant="h5" style={{ marginBottom: theme.spacing[2], fontWeight: 'bold' }}>
|
|
18
|
-
{title}
|
|
19
|
-
</IeuText_1.IeuText>
|
|
20
|
-
|
|
21
|
-
{description && (<IeuText_1.IeuText variant="body1" style={{ color: theme.colors.text.secondary, marginBottom: theme.spacing[6] }}>
|
|
22
|
-
{description}
|
|
23
|
-
</IeuText_1.IeuText>)}
|
|
24
|
-
|
|
25
|
-
<react_native_1.View style={{ flexDirection: 'row', justifyContent: 'flex-end', gap: theme.spacing[3] }}>
|
|
26
|
-
{onCancel && (<IeuButton_1.IeuButton variant="ghost" onPress={onCancel} disabled={isLoading}>
|
|
27
|
-
{cancelText}
|
|
28
|
-
</IeuButton_1.IeuButton>)}
|
|
29
|
-
{onConfirm && (<IeuButton_1.IeuButton variant={isDestructive ? 'danger' : '
|
|
30
|
-
{confirmText}
|
|
31
|
-
</IeuButton_1.IeuButton>)}
|
|
32
|
-
</react_native_1.View>
|
|
33
|
-
</react_native_1.View>
|
|
15
|
+
return (<IeuModal_1.IeuModal {...props}>
|
|
16
|
+
<react_native_1.View style={{ padding: theme.spacing[5] }}>
|
|
17
|
+
<IeuText_1.IeuText variant="h5" style={{ marginBottom: theme.spacing[2], fontWeight: 'bold' }}>
|
|
18
|
+
{title}
|
|
19
|
+
</IeuText_1.IeuText>
|
|
20
|
+
|
|
21
|
+
{description && (<IeuText_1.IeuText variant="body1" style={{ color: theme.colors.text.secondary, marginBottom: theme.spacing[6] }}>
|
|
22
|
+
{description}
|
|
23
|
+
</IeuText_1.IeuText>)}
|
|
24
|
+
|
|
25
|
+
<react_native_1.View style={{ flexDirection: 'row', justifyContent: 'flex-end', gap: theme.spacing[3] }}>
|
|
26
|
+
{onCancel && (<IeuButton_1.IeuButton variant="ghost" onPress={onCancel} disabled={isLoading}>
|
|
27
|
+
{cancelText}
|
|
28
|
+
</IeuButton_1.IeuButton>)}
|
|
29
|
+
{onConfirm && (<IeuButton_1.IeuButton variant={isDestructive ? 'danger' : 'solid'} onPress={onConfirm} loading={isLoading}>
|
|
30
|
+
{confirmText}
|
|
31
|
+
</IeuButton_1.IeuButton>)}
|
|
32
|
+
</react_native_1.View>
|
|
33
|
+
</react_native_1.View>
|
|
34
34
|
</IeuModal_1.IeuModal>);
|
|
35
35
|
};
|
|
36
36
|
exports.IeuDialog = IeuDialog;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IeuDialog.js","sourceRoot":"","sources":["../../src/IeuDialog/IeuDialog.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAA0D;AAC1D,0CAAsD;AACtD,4CAAyC;AACzC,wCAAqC;AACrC,uCAAwC;AAajC,MAAM,SAAS,GAAG,CAAC,EACxB,KAAK,EACL,WAAW,EACX,WAAW,GAAG,SAAS,EACvB,UAAU,GAAG,QAAQ,EACrB,SAAS,EACT,QAAQ,EACR,aAAa,GAAG,KAAK,EACrB,SAAS,GAAG,KAAK,EACjB,GAAG,KAAK,EACO,EAAE,EAAE;IACnB,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,eAAQ,GAAE,CAAC;IAE7B,OAAO,CACL,CAAC,mBAAQ,CAAC,IAAI,KAAK,CAAC,CAClB;MAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CACzC;QAAA,CAAC,iBAAO,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,CAClF;UAAA,CAAC,KAAK,CACR;QAAA,EAAE,iBAAO,CAET;;QAAA,CAAC,WAAW,IAAI,CACd,CAAC,iBAAO,
|
|
1
|
+
{"version":3,"file":"IeuDialog.js","sourceRoot":"","sources":["../../src/IeuDialog/IeuDialog.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAA0D;AAC1D,0CAAsD;AACtD,4CAAyC;AACzC,wCAAqC;AACrC,uCAAwC;AAajC,MAAM,SAAS,GAAG,CAAC,EACxB,KAAK,EACL,WAAW,EACX,WAAW,GAAG,SAAS,EACvB,UAAU,GAAG,QAAQ,EACrB,SAAS,EACT,QAAQ,EACR,aAAa,GAAG,KAAK,EACrB,SAAS,GAAG,KAAK,EACjB,GAAG,KAAK,EACO,EAAE,EAAE;IACnB,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,eAAQ,GAAE,CAAC;IAE7B,OAAO,CACL,CAAC,mBAAQ,CAAC,IAAI,KAAK,CAAC,CAClB;MAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CACzC;QAAA,CAAC,iBAAO,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,CAClF;UAAA,CAAC,KAAK,CACR;QAAA,EAAE,iBAAO,CAET;;QAAA,CAAC,WAAW,IAAI,CACd,CAAC,iBAAO,CACN,OAAO,CAAC,OAAO,CACf,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAC9E;YAAA,CAAC,WAAW,CACd;UAAA,EAAE,iBAAO,CAAC,CACX,CAED;;QAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CACvF;UAAA,CAAC,QAAQ,IAAI,CACX,CAAC,qBAAS,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,CAChE;cAAA,CAAC,UAAU,CACb;YAAA,EAAE,qBAAS,CAAC,CACb,CACD;UAAA,CAAC,SAAS,IAAI,CACZ,CAAC,qBAAS,CACR,OAAO,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAC5C,OAAO,CAAC,CAAC,SAAS,CAAC,CACnB,OAAO,CAAC,CAAC,SAAS,CAAC,CACnB;cAAA,CAAC,WAAW,CACd;YAAA,EAAE,qBAAS,CAAC,CACb,CACH;QAAA,EAAE,mBAAI,CACR;MAAA,EAAE,mBAAI,CACR;IAAA,EAAE,mBAAQ,CAAC,CACZ,CAAC;AACJ,CAAC,CAAC;AA9CW,QAAA,SAAS,aA8CpB;AAEF,kBAAe,iBAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IeuDivider.d.ts","sourceRoot":"","sources":["../../src/IeuDivider/IeuDivider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG1D,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,UAAU,GAAI,qFAQxB,eAAe,
|
|
1
|
+
{"version":3,"file":"IeuDivider.d.ts","sourceRoot":"","sources":["../../src/IeuDivider/IeuDivider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG1D,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,UAAU,GAAI,qFAQxB,eAAe,sBA6BjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -9,24 +9,25 @@ const react_native_1 = require("react-native");
|
|
|
9
9
|
const core_1 = require("@ieu-ui/core");
|
|
10
10
|
const IeuDivider = ({ style, orientation = 'horizontal', thickness = 1, color, margin, marginHorizontal, marginVertical, }) => {
|
|
11
11
|
const { theme } = (0, core_1.useTheme)();
|
|
12
|
-
const { colors
|
|
13
|
-
const dividerColor = color || colors.border.
|
|
14
|
-
const marginValue = margin
|
|
15
|
-
const marginHValue = marginHorizontal
|
|
16
|
-
const marginVValue = marginVertical ?
|
|
12
|
+
const { colors } = theme;
|
|
13
|
+
const dividerColor = color || colors.border.default;
|
|
14
|
+
const marginValue = margin || 16;
|
|
15
|
+
const marginHValue = marginHorizontal || 0;
|
|
16
|
+
const marginVValue = marginVertical !== undefined ? marginVertical : orientation === 'horizontal' ? 16 : 0;
|
|
17
17
|
const dividerStyle = orientation === 'horizontal'
|
|
18
18
|
? {
|
|
19
19
|
height: thickness,
|
|
20
20
|
backgroundColor: dividerColor,
|
|
21
|
-
marginHorizontal: marginHValue
|
|
22
|
-
marginVertical: marginVValue
|
|
21
|
+
marginHorizontal: marginHValue,
|
|
22
|
+
marginVertical: marginVValue,
|
|
23
|
+
opacity: 1,
|
|
23
24
|
width: '100%',
|
|
24
25
|
}
|
|
25
26
|
: {
|
|
26
27
|
width: thickness,
|
|
27
28
|
backgroundColor: dividerColor,
|
|
28
|
-
marginHorizontal: marginHValue
|
|
29
|
-
marginVertical: marginVValue
|
|
29
|
+
marginHorizontal: marginHValue,
|
|
30
|
+
marginVertical: marginVValue,
|
|
30
31
|
alignSelf: 'stretch',
|
|
31
32
|
};
|
|
32
33
|
return <react_native_1.View style={[dividerStyle, style]}/>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IeuDivider.js","sourceRoot":"","sources":["../../src/IeuDivider/IeuDivider.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAA0D;AAC1D,uCAAwC;AAYjC,MAAM,UAAU,GAAG,CAAC,EACzB,KAAK,EACL,WAAW,GAAG,YAAY,EAC1B,SAAS,GAAG,CAAC,EACb,KAAK,EACL,MAAM,EACN,gBAAgB,EAChB,cAAc,GACE,EAAE,EAAE;IACpB,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,eAAQ,GAAE,CAAC;IAC7B,MAAM,EAAE,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"IeuDivider.js","sourceRoot":"","sources":["../../src/IeuDivider/IeuDivider.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAA0D;AAC1D,uCAAwC;AAYjC,MAAM,UAAU,GAAG,CAAC,EACzB,KAAK,EACL,WAAW,GAAG,YAAY,EAC1B,SAAS,GAAG,CAAC,EACb,KAAK,EACL,MAAM,EACN,gBAAgB,EAChB,cAAc,GACE,EAAE,EAAE;IACpB,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,eAAQ,GAAE,CAAC;IAC7B,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEzB,MAAM,YAAY,GAAG,KAAK,IAAI,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC;IACpD,MAAM,WAAW,GAAG,MAAM,IAAI,EAAE,CAAC;IACjC,MAAM,YAAY,GAAG,gBAAgB,IAAI,CAAC,CAAC;IAC3C,MAAM,YAAY,GAChB,cAAc,KAAK,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAExF,MAAM,YAAY,GAChB,WAAW,KAAK,YAAY;QAC1B,CAAC,CAAC;YACE,MAAM,EAAE,SAAS;YACjB,eAAe,EAAE,YAAY;YAC7B,gBAAgB,EAAE,YAAY;YAC9B,cAAc,EAAE,YAAY;YAC5B,OAAO,EAAE,CAAC;YACV,KAAK,EAAE,MAAM;SACd;QACH,CAAC,CAAC;YACE,KAAK,EAAE,SAAS;YAChB,eAAe,EAAE,YAAY;YAC7B,gBAAgB,EAAE,YAAY;YAC9B,cAAc,EAAE,YAAY;YAC5B,SAAS,EAAE,SAAS;SACrB,CAAC;IAER,OAAO,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,EAAG,CAAC;AAChD,CAAC,CAAC;AArCW,QAAA,UAAU,cAqCrB;AAEF,kBAAe,kBAAU,CAAC"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { IeuButtonProps } from '../IeuButton';
|
|
2
|
+
import { IeuButtonProps, ButtonSize } from '../IeuButton';
|
|
3
3
|
export interface IeuIconButtonProps extends Omit<IeuButtonProps, 'children' | 'leftIcon' | 'rightIcon'> {
|
|
4
4
|
icon: React.ReactElement;
|
|
5
5
|
isRound?: boolean;
|
|
6
|
+
size?: ButtonSize;
|
|
6
7
|
}
|
|
7
8
|
export declare const IeuIconButton: ({ icon, isRound, size, style, ref, ...props }: IeuIconButtonProps) => React.JSX.Element;
|
|
8
9
|
export default IeuIconButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IeuIconButton.d.ts","sourceRoot":"","sources":["../../src/IeuIconButton/IeuIconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"IeuIconButton.d.ts","sourceRoot":"","sources":["../../src/IeuIconButton/IeuIconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAa,cAAc,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAErE,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAC9C,cAAc,EACd,UAAU,GAAG,UAAU,GAAG,WAAW,CACtC;IACC,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED,eAAO,MAAM,aAAa,GAAI,+CAO3B,kBAAkB,sBAmCpB,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -8,15 +8,15 @@ const react_1 = __importDefault(require("react"));
|
|
|
8
8
|
const react_native_1 = require("react-native");
|
|
9
9
|
const IeuButton_1 = require("../IeuButton");
|
|
10
10
|
const IeuIconButton = ({ icon, isRound = false, size = 'md', style, ref, ...props }) => {
|
|
11
|
-
// Translate sizes to specific square dimensions
|
|
12
11
|
const getDimension = () => {
|
|
13
12
|
switch (size) {
|
|
14
|
-
case '
|
|
15
|
-
|
|
16
|
-
case 'lg':
|
|
17
|
-
|
|
13
|
+
case 'sm':
|
|
14
|
+
return 32;
|
|
15
|
+
case 'lg':
|
|
16
|
+
return 52;
|
|
18
17
|
case 'md':
|
|
19
|
-
default:
|
|
18
|
+
default:
|
|
19
|
+
return 44;
|
|
20
20
|
}
|
|
21
21
|
};
|
|
22
22
|
const dimension = getDimension();
|
|
@@ -26,15 +26,13 @@ const IeuIconButton = ({ icon, isRound = false, size = 'md', style, ref, ...prop
|
|
|
26
26
|
height: dimension,
|
|
27
27
|
paddingHorizontal: 0,
|
|
28
28
|
paddingVertical: 0,
|
|
29
|
-
borderRadius: isRound ? dimension / 2 :
|
|
29
|
+
borderRadius: isRound ? dimension / 2 : 12,
|
|
30
30
|
justifyContent: 'center',
|
|
31
31
|
alignItems: 'center',
|
|
32
32
|
},
|
|
33
33
|
style,
|
|
34
|
-
]} {...props}>
|
|
35
|
-
<react_native_1.View style={{ justifyContent: 'center', alignItems: 'center' }}>
|
|
36
|
-
{icon}
|
|
37
|
-
</react_native_1.View>
|
|
34
|
+
]} {...props}>
|
|
35
|
+
<react_native_1.View style={{ justifyContent: 'center', alignItems: 'center' }}>{icon}</react_native_1.View>
|
|
38
36
|
</IeuButton_1.IeuButton>);
|
|
39
37
|
};
|
|
40
38
|
exports.IeuIconButton = IeuIconButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IeuIconButton.js","sourceRoot":"","sources":["../../src/IeuIconButton/IeuIconButton.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAA0D;AAC1D,
|
|
1
|
+
{"version":3,"file":"IeuIconButton.js","sourceRoot":"","sources":["../../src/IeuIconButton/IeuIconButton.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAA0D;AAC1D,4CAAqE;AAW9D,MAAM,aAAa,GAAG,CAAC,EAC5B,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,IAAI,GAAG,IAAI,EACX,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACW,EAAE,EAAE;IACvB,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,IAAI;gBACP,OAAO,EAAE,CAAC;YACZ,KAAK,IAAI;gBACP,OAAO,EAAE,CAAC;YACZ,KAAK,IAAI,CAAC;YACV;gBACE,OAAO,EAAE,CAAC;QACd,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IAEjC,OAAO,CACL,CAAC,qBAAS,CACR,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,KAAK,CAAC,CAAC;YACL;gBACE,KAAK,EAAE,SAAS;gBAChB,MAAM,EAAE,SAAS;gBACjB,iBAAiB,EAAE,CAAC;gBACpB,eAAe,EAAE,CAAC;gBAClB,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE;gBAC1C,cAAc,EAAE,QAAQ;gBACxB,UAAU,EAAE,QAAQ;aACrB;YACD,KAAK;SACN,CAAC,CACF,IAAI,KAAK,CAAC,CACV;MAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,mBAAI,CAC/E;IAAA,EAAE,qBAAS,CAAC,CACb,CAAC;AACJ,CAAC,CAAC;AA1CW,QAAA,aAAa,iBA0CxB;AAEF,kBAAe,qBAAa,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TextInput, StyleProp, ViewStyle, TextStyle, TextInputProps } from 'react-native';
|
|
3
|
-
export type InputSize = '
|
|
3
|
+
export type InputSize = 'sm' | 'md' | 'lg';
|
|
4
4
|
export interface IeuInputProps extends Omit<TextInputProps, 'style'> {
|
|
5
5
|
size?: InputSize;
|
|
6
|
-
variant?: 'outline' | 'filled'
|
|
7
|
-
colorScheme?: 'primary' | '
|
|
6
|
+
variant?: 'outline' | 'filled';
|
|
7
|
+
colorScheme?: 'primary' | 'success' | 'error' | 'warning';
|
|
8
8
|
label?: string;
|
|
9
9
|
leftIcon?: React.ReactNode;
|
|
10
10
|
rightIcon?: React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IeuInput.d.ts","sourceRoot":"","sources":["../../src/IeuInput/IeuInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,SAAS,EAAQ,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"IeuInput.d.ts","sourceRoot":"","sources":["../../src/IeuInput/IeuInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,SAAS,EAAQ,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAKhG,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC;IAClE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B,WAAW,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;CAC5B;AAQD,eAAO,MAAM,QAAQ,8FAyIpB,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -36,85 +36,102 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
36
36
|
exports.IeuInput = void 0;
|
|
37
37
|
const react_1 = __importStar(require("react"));
|
|
38
38
|
const react_native_1 = require("react-native");
|
|
39
|
+
const react_native_reanimated_1 = require("react-native-reanimated");
|
|
39
40
|
const core_1 = require("@ieu-ui/core");
|
|
40
41
|
const IeuText_1 = require("../IeuText");
|
|
42
|
+
const sizeConfig = {
|
|
43
|
+
sm: { fontSize: 13 },
|
|
44
|
+
md: { fontSize: 15 },
|
|
45
|
+
lg: { fontSize: 17 },
|
|
46
|
+
};
|
|
41
47
|
exports.IeuInput = react_1.default.forwardRef(({ size = 'md', variant = 'outline', colorScheme = 'primary', label, leftIcon, rightIcon, leftElement, rightElement, containerStyle, inputStyle, errorMessage, successMessage, helperText, fullWidth = false, disabled = false, placeholderTextColor, ...props }, ref) => {
|
|
42
48
|
const { theme } = (0, core_1.useTheme)();
|
|
43
|
-
const { colors,
|
|
49
|
+
const { colors, borderRadius } = theme;
|
|
44
50
|
const [isFocused, setIsFocused] = (0, react_1.useState)(false);
|
|
45
|
-
const
|
|
51
|
+
const scale = (0, react_native_reanimated_1.useSharedValue)(1);
|
|
52
|
+
const animatedContainerStyle = (0, react_native_reanimated_1.useAnimatedStyle)(() => ({
|
|
53
|
+
transform: [{ scale: scale.value }],
|
|
54
|
+
}));
|
|
55
|
+
const config = sizeConfig[size];
|
|
46
56
|
const getBorderColor = (0, react_1.useCallback)(() => {
|
|
47
57
|
if (errorMessage)
|
|
48
58
|
return colors.error[500];
|
|
49
|
-
if (successMessage)
|
|
50
|
-
return colors.success[500];
|
|
51
59
|
if (isFocused)
|
|
52
60
|
return colors[colorScheme][500];
|
|
53
61
|
return colors.border.default;
|
|
54
|
-
}, [errorMessage,
|
|
62
|
+
}, [errorMessage, isFocused, colorScheme, colors]);
|
|
55
63
|
const getBackgroundColor = (0, react_1.useCallback)(() => {
|
|
56
64
|
if (variant === 'filled')
|
|
57
65
|
return colors.gray[100];
|
|
58
|
-
|
|
59
|
-
return 'transparent';
|
|
60
|
-
return colors.background;
|
|
66
|
+
return colors.surface;
|
|
61
67
|
}, [variant, colors]);
|
|
68
|
+
const handleFocus = (e) => {
|
|
69
|
+
setIsFocused(true);
|
|
70
|
+
scale.value = (0, react_native_reanimated_1.withSpring)(1.02, { damping: 15, stiffness: 400 });
|
|
71
|
+
props.onFocus?.(e);
|
|
72
|
+
};
|
|
73
|
+
const handleBlur = (e) => {
|
|
74
|
+
setIsFocused(false);
|
|
75
|
+
scale.value = (0, react_native_reanimated_1.withSpring)(1, { damping: 15, stiffness: 400 });
|
|
76
|
+
props.onBlur?.(e);
|
|
77
|
+
};
|
|
62
78
|
const containerStyleFinal = {
|
|
63
79
|
flexDirection: 'row',
|
|
64
80
|
alignItems: 'center',
|
|
65
|
-
height:
|
|
66
|
-
paddingHorizontal:
|
|
67
|
-
|
|
68
|
-
|
|
81
|
+
height: 44,
|
|
82
|
+
paddingHorizontal: 16,
|
|
83
|
+
paddingVertical: 12,
|
|
84
|
+
borderWidth: variant === 'outline' ? 1.5 : 0,
|
|
69
85
|
borderColor: getBorderColor(),
|
|
70
86
|
backgroundColor: getBackgroundColor(),
|
|
71
|
-
borderRadius:
|
|
87
|
+
borderRadius: borderRadius.sm,
|
|
72
88
|
width: fullWidth ? '100%' : undefined,
|
|
73
|
-
opacity: disabled ? 0.
|
|
89
|
+
opacity: disabled ? 0.4 : 1,
|
|
74
90
|
};
|
|
75
91
|
const inputTextStyle = {
|
|
76
92
|
flex: 1,
|
|
77
|
-
fontSize:
|
|
93
|
+
fontSize: config.fontSize,
|
|
78
94
|
color: colors.text.primary,
|
|
79
95
|
paddingVertical: 0,
|
|
80
96
|
marginHorizontal: leftIcon || leftElement ? 8 : 0,
|
|
81
97
|
};
|
|
98
|
+
const getLabelColor = () => {
|
|
99
|
+
if (errorMessage)
|
|
100
|
+
return colors.error[500];
|
|
101
|
+
if (isFocused)
|
|
102
|
+
return colors[colorScheme][500];
|
|
103
|
+
return colors.text.secondary;
|
|
104
|
+
};
|
|
82
105
|
const renderHelperOrError = () => {
|
|
83
106
|
if (errorMessage) {
|
|
84
|
-
return (<IeuText_1.IeuText
|
|
85
|
-
{errorMessage}
|
|
107
|
+
return (<IeuText_1.IeuText style={{ fontSize: 11, color: colors.error[500], marginTop: 4 }}>
|
|
108
|
+
{errorMessage}
|
|
86
109
|
</IeuText_1.IeuText>);
|
|
87
110
|
}
|
|
88
111
|
if (successMessage) {
|
|
89
|
-
return (<IeuText_1.IeuText
|
|
90
|
-
{successMessage}
|
|
112
|
+
return (<IeuText_1.IeuText style={{ fontSize: 11, color: colors.success[500], marginTop: 4 }}>
|
|
113
|
+
{successMessage}
|
|
91
114
|
</IeuText_1.IeuText>);
|
|
92
115
|
}
|
|
93
116
|
if (helperText) {
|
|
94
|
-
return (<IeuText_1.IeuText
|
|
95
|
-
{helperText}
|
|
117
|
+
return (<IeuText_1.IeuText style={{ fontSize: 11, color: colors.text.muted, marginTop: 4 }}>
|
|
118
|
+
{helperText}
|
|
96
119
|
</IeuText_1.IeuText>);
|
|
97
120
|
}
|
|
98
121
|
return null;
|
|
99
122
|
};
|
|
100
|
-
return (<react_native_1.View style={fullWidth ? { width: '100%' } : undefined}>
|
|
101
|
-
{label && (<IeuText_1.IeuText
|
|
102
|
-
{label}
|
|
103
|
-
</IeuText_1.IeuText>)}
|
|
104
|
-
<react_native_1.View style={[containerStyleFinal, containerStyle]}>
|
|
105
|
-
{leftIcon && <react_native_1.View>{leftIcon}</react_native_1.View>}
|
|
106
|
-
{leftElement}
|
|
107
|
-
<react_native_1.TextInput ref={ref} {...props} style={[inputTextStyle, inputStyle]} placeholderTextColor={placeholderTextColor || colors.text.muted} onFocus={
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
props.onBlur?.(e);
|
|
113
|
-
}} editable={!disabled}/>
|
|
114
|
-
{rightElement}
|
|
115
|
-
{rightIcon && <react_native_1.View>{rightIcon}</react_native_1.View>}
|
|
116
|
-
</react_native_1.View>
|
|
117
|
-
{renderHelperOrError()}
|
|
123
|
+
return (<react_native_1.View style={fullWidth ? { width: '100%' } : undefined}>
|
|
124
|
+
{label && (<IeuText_1.IeuText style={{ marginBottom: 8, fontWeight: '500', color: getLabelColor() }}>
|
|
125
|
+
{label}
|
|
126
|
+
</IeuText_1.IeuText>)}
|
|
127
|
+
<react_native_1.View style={[containerStyleFinal, containerStyle, animatedContainerStyle]}>
|
|
128
|
+
{leftIcon && <react_native_1.View style={{ marginRight: 8 }}>{leftIcon}</react_native_1.View>}
|
|
129
|
+
{leftElement}
|
|
130
|
+
<react_native_1.TextInput ref={ref} {...props} style={[inputTextStyle, inputStyle]} placeholderTextColor={placeholderTextColor || colors.text.muted} onFocus={handleFocus} onBlur={handleBlur} editable={!disabled}/>
|
|
131
|
+
{rightElement}
|
|
132
|
+
{rightIcon && <react_native_1.View style={{ marginLeft: 8 }}>{rightIcon}</react_native_1.View>}
|
|
133
|
+
</react_native_1.View>
|
|
134
|
+
{renderHelperOrError()}
|
|
118
135
|
</react_native_1.View>);
|
|
119
136
|
});
|
|
120
137
|
exports.default = exports.IeuInput;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IeuInput.js","sourceRoot":"","sources":["../../src/IeuInput/IeuInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAqD;AACrD,+CAAgG;AAChG,uCAAwC;AACxC,wCAAqC;
|
|
1
|
+
{"version":3,"file":"IeuInput.js","sourceRoot":"","sources":["../../src/IeuInput/IeuInput.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ieu-ui/components",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.3.1",
|
|
4
4
|
"description": "UI Components for Ieu-UI",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
7
7
|
"types": "dist/index.d.ts",
|
|
8
8
|
"sideEffects": false,
|
|
9
9
|
"files": [
|
|
10
|
-
"dist"
|
|
10
|
+
"dist",
|
|
11
|
+
"package.json"
|
|
11
12
|
],
|
|
12
13
|
"scripts": {
|
|
13
14
|
"build": "tsc",
|
|
@@ -24,11 +25,11 @@
|
|
|
24
25
|
"react-native-svg": "^15.8.0"
|
|
25
26
|
},
|
|
26
27
|
"peerDependencies": {
|
|
27
|
-
"react": "^19.
|
|
28
|
-
"react-native": ">=0.
|
|
28
|
+
"react": "^19.0.0",
|
|
29
|
+
"react-native": ">=0.76.0"
|
|
29
30
|
},
|
|
30
31
|
"devDependencies": {
|
|
31
|
-
"@types/react": "^19.
|
|
32
|
+
"@types/react": "^19.0.0",
|
|
32
33
|
"@types/react-native": "^0.73.0",
|
|
33
34
|
"typescript": "^5.7.2"
|
|
34
35
|
}
|