@codeleap/mobile 5.2.0 → 5.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.
|
@@ -14,7 +14,7 @@ import { useStylesFor } from '../../hooks';
|
|
|
14
14
|
export * from './styles';
|
|
15
15
|
export * from './types';
|
|
16
16
|
export const Avatar = (props) => {
|
|
17
|
-
const { debugName, name = '', firstNameOnly, image, icon, badgeIcon, text, description, onPress, noFeedback, badge, badgeProps = {}, style, ...viewProps } = {
|
|
17
|
+
const { debugName, name = '', firstNameOnly, image, icon, badgeIcon, text, description, onPress, noFeedback, badge, badgeProps = {}, imageProps, badgeIconTouchProps, style, ...viewProps } = {
|
|
18
18
|
...Avatar.defaultProps,
|
|
19
19
|
...props,
|
|
20
20
|
};
|
|
@@ -32,7 +32,7 @@ export const Avatar = (props) => {
|
|
|
32
32
|
}, [name, firstNameOnly]);
|
|
33
33
|
const renderContent = () => {
|
|
34
34
|
if (hasImage)
|
|
35
|
-
return <Image source={image} style={styles.image}/>;
|
|
35
|
+
return <Image source={image} {...imageProps} style={styles.image}/>;
|
|
36
36
|
if (icon)
|
|
37
37
|
return <Icon name={icon} style={styles.icon}/>;
|
|
38
38
|
return <Text text={text || initials} style={styles.initials}/>;
|
|
@@ -54,7 +54,7 @@ export const Avatar = (props) => {
|
|
|
54
54
|
<Badge badge={badge} {...badgeProps} style={badgeStyles}/>
|
|
55
55
|
</Touchable>
|
|
56
56
|
|
|
57
|
-
{badgeIcon ? (<Touchable debugName={`AvatarBadge:${debugName}`} style={styles.badgeIconWrapper}
|
|
57
|
+
{badgeIcon ? (<Touchable onPress={() => onPress?.()} noFeedback {...badgeIconTouchProps} debugName={`AvatarBadge:${debugName}`} style={styles.badgeIconWrapper}>
|
|
58
58
|
<Icon name={badgeIcon} style={styles.badgeIcon}/>
|
|
59
59
|
</Touchable>) : null}
|
|
60
60
|
</View>);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Avatar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAa,MAAM,SAAS,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,EAAa,oBAAoB,EAA8B,MAAM,kBAAkB,CAAA;AAC9F,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAE1C,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAEvB,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IAC3C,MAAM,EACJ,SAAS,EACT,IAAI,GAAG,EAAE,EACT,aAAa,EACb,KAAK,EACL,IAAI,EACJ,SAAS,EACT,IAAI,EACJ,WAAW,EACX,OAAO,EACP,UAAU,EACV,KAAK,EACL,UAAU,GAAG,EAAE,EACf,KAAK,EACL,GAAG,SAAS,EACb,GAAG;QACF,GAAG,MAAM,CAAC,YAAY;QACtB,GAAG,KAAK;KACT,CAAA;IAED,MAAM,MAAM,GAAG,YAAY,CAAC,MAAM,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAE5D,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAK,CAAA;IAExB,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7C,MAAM,CAAC,KAAK,GAAG,EAAE,EAAE,IAAI,GAAG,EAAE,CAAC,GAAG,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;QAClF,MAAM,QAAQ,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;QAE3B,IAAI,CAAC,aAAa;YAAE,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAA;QAE1C,OAAO;YACL,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,GAAG,CAAC;YAC7B,WAAW,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;SAC3C,CAAA;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAA;IAEzB,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,QAAQ;YAAE,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAG,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Avatar/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,6 +4,7 @@ import { IconProps } from '../Icon';
|
|
|
4
4
|
import { ImageProps } from '../Image';
|
|
5
5
|
import { ViewProps } from '../View';
|
|
6
6
|
import { AvatarComposition } from './styles';
|
|
7
|
+
import { TouchableProps } from '../Touchable';
|
|
7
8
|
export type AvatarProps = Omit<ViewProps, 'style'> & BadgeComponentProps & {
|
|
8
9
|
image?: ImageProps['source'];
|
|
9
10
|
name?: string | string[];
|
|
@@ -13,7 +14,9 @@ export type AvatarProps = Omit<ViewProps, 'style'> & BadgeComponentProps & {
|
|
|
13
14
|
description?: string;
|
|
14
15
|
icon?: IconProps['name'];
|
|
15
16
|
badgeIcon?: IconProps['name'];
|
|
17
|
+
badgeIconTouchProps?: Partial<TouchableProps>;
|
|
16
18
|
style?: StyledProp<AvatarComposition>;
|
|
17
19
|
onPress?: () => void;
|
|
18
20
|
noFeedback?: boolean;
|
|
21
|
+
imageProps?: Partial<ImageProps>;
|
|
19
22
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@codeleap/mobile",
|
|
3
|
-
"version": "5.2.
|
|
3
|
+
"version": "5.2.2",
|
|
4
4
|
"main": "src/index.ts",
|
|
5
5
|
"license": "UNLICENSED",
|
|
6
6
|
"repository": {
|
|
@@ -9,28 +9,28 @@
|
|
|
9
9
|
"directory": "packages/mobile"
|
|
10
10
|
},
|
|
11
11
|
"devDependencies": {
|
|
12
|
-
"@codeleap/types": "5.2.
|
|
13
|
-
"@codeleap/utils": "5.2.
|
|
14
|
-
"@codeleap/hooks": "5.2.
|
|
15
|
-
"@codeleap/form": "5.2.
|
|
16
|
-
"@codeleap/query": "5.2.
|
|
17
|
-
"@codeleap/logger": "5.2.
|
|
18
|
-
"@codeleap/config": "5.2.
|
|
19
|
-
"@codeleap/modals": "5.2.
|
|
12
|
+
"@codeleap/types": "5.2.2",
|
|
13
|
+
"@codeleap/utils": "5.2.2",
|
|
14
|
+
"@codeleap/hooks": "5.2.2",
|
|
15
|
+
"@codeleap/form": "5.2.2",
|
|
16
|
+
"@codeleap/query": "5.2.2",
|
|
17
|
+
"@codeleap/logger": "5.2.2",
|
|
18
|
+
"@codeleap/config": "5.2.2",
|
|
19
|
+
"@codeleap/modals": "5.2.2"
|
|
20
20
|
},
|
|
21
21
|
"scripts": {
|
|
22
22
|
"build": "tsc --build",
|
|
23
23
|
"lint": "eslint -c .eslintrc.js --fix \"./src/**/*.{ts,tsx,js,jsx}\""
|
|
24
24
|
},
|
|
25
25
|
"peerDependencies": {
|
|
26
|
-
"@codeleap/types": "5.2.
|
|
27
|
-
"@codeleap/utils": "5.2.
|
|
28
|
-
"@codeleap/hooks": "5.2.
|
|
29
|
-
"@codeleap/form": "5.2.
|
|
30
|
-
"@codeleap/query": "5.2.
|
|
31
|
-
"@codeleap/logger": "5.2.
|
|
32
|
-
"@codeleap/styles": "5.2.
|
|
33
|
-
"@codeleap/modals": "5.2.
|
|
26
|
+
"@codeleap/types": "5.2.2",
|
|
27
|
+
"@codeleap/utils": "5.2.2",
|
|
28
|
+
"@codeleap/hooks": "5.2.2",
|
|
29
|
+
"@codeleap/form": "5.2.2",
|
|
30
|
+
"@codeleap/query": "5.2.2",
|
|
31
|
+
"@codeleap/logger": "5.2.2",
|
|
32
|
+
"@codeleap/styles": "5.2.2",
|
|
33
|
+
"@codeleap/modals": "5.2.2",
|
|
34
34
|
"@d11/react-native-fast-image": "8.9.2",
|
|
35
35
|
"@react-native-firebase/messaging": "21.12.0",
|
|
36
36
|
"@react-navigation/bottom-tabs": "7.3.10",
|
package/package.json.bak
CHANGED
|
@@ -30,6 +30,8 @@ export const Avatar = (props: AvatarProps) => {
|
|
|
30
30
|
noFeedback,
|
|
31
31
|
badge,
|
|
32
32
|
badgeProps = {},
|
|
33
|
+
imageProps,
|
|
34
|
+
badgeIconTouchProps,
|
|
33
35
|
style,
|
|
34
36
|
...viewProps
|
|
35
37
|
} = {
|
|
@@ -54,7 +56,7 @@ export const Avatar = (props: AvatarProps) => {
|
|
|
54
56
|
}, [name, firstNameOnly])
|
|
55
57
|
|
|
56
58
|
const renderContent = () => {
|
|
57
|
-
if (hasImage) return <Image source={image} style={styles.image} />
|
|
59
|
+
if (hasImage) return <Image source={image} {...imageProps} style={styles.image} />
|
|
58
60
|
if (icon) return <Icon name={icon} style={styles.icon} />
|
|
59
61
|
return <Text text={text || initials} style={styles.initials} />
|
|
60
62
|
}
|
|
@@ -88,10 +90,11 @@ export const Avatar = (props: AvatarProps) => {
|
|
|
88
90
|
|
|
89
91
|
{badgeIcon ? (
|
|
90
92
|
<Touchable
|
|
91
|
-
debugName={`AvatarBadge:${debugName}`}
|
|
92
|
-
style={styles.badgeIconWrapper}
|
|
93
93
|
onPress={() => onPress?.()}
|
|
94
94
|
noFeedback
|
|
95
|
+
{...badgeIconTouchProps}
|
|
96
|
+
debugName={`AvatarBadge:${debugName}`}
|
|
97
|
+
style={styles.badgeIconWrapper}
|
|
95
98
|
>
|
|
96
99
|
<Icon name={badgeIcon} style={styles.badgeIcon} />
|
|
97
100
|
</Touchable>
|
|
@@ -4,6 +4,7 @@ import { IconProps } from '../Icon'
|
|
|
4
4
|
import { ImageProps } from '../Image'
|
|
5
5
|
import { ViewProps } from '../View'
|
|
6
6
|
import { AvatarComposition } from './styles'
|
|
7
|
+
import { TouchableProps } from '../Touchable'
|
|
7
8
|
|
|
8
9
|
export type AvatarProps =
|
|
9
10
|
Omit<ViewProps, 'style'> &
|
|
@@ -17,7 +18,9 @@ export type AvatarProps =
|
|
|
17
18
|
description?: string
|
|
18
19
|
icon?: IconProps['name']
|
|
19
20
|
badgeIcon?: IconProps['name']
|
|
21
|
+
badgeIconTouchProps?: Partial<TouchableProps>
|
|
20
22
|
style?: StyledProp<AvatarComposition>
|
|
21
23
|
onPress?: () => void
|
|
22
24
|
noFeedback?: boolean
|
|
25
|
+
imageProps?: Partial<ImageProps>
|
|
23
26
|
}
|