@fluentui-react-native/experimental-avatar 0.14.17 → 0.14.20
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/CHANGELOG.json +88 -1
- package/CHANGELOG.md +33 -2
- package/FRNAvatar.podspec +3 -3
- package/ios/AvatarViewManager.swift +1 -9
- package/ios/FRNAvatarViewManager.h +0 -2
- package/ios/FRNAvatarViewManager.m +14 -44
- package/lib/JSAvatar.d.ts.map +1 -1
- package/lib/JSAvatar.helpers.d.ts +1 -3
- package/lib/JSAvatar.helpers.d.ts.map +1 -1
- package/lib/JSAvatar.helpers.js +0 -29
- package/lib/JSAvatar.helpers.js.map +1 -1
- package/lib/JSAvatar.js +9 -5
- package/lib/JSAvatar.js.map +1 -1
- package/lib/JSAvatar.styling.d.ts.map +1 -1
- package/lib/JSAvatar.styling.js +36 -33
- package/lib/JSAvatar.styling.js.map +1 -1
- package/lib/JSAvatar.types.d.ts +21 -6
- package/lib/JSAvatar.types.d.ts.map +1 -1
- package/lib/JSAvatar.types.js.map +1 -1
- package/lib/JSAvatarTokens.d.ts.map +1 -1
- package/lib/JSAvatarTokens.js +84 -0
- package/lib/JSAvatarTokens.js.map +1 -1
- package/lib-commonjs/JSAvatar.d.ts.map +1 -1
- package/lib-commonjs/JSAvatar.helpers.d.ts +1 -3
- package/lib-commonjs/JSAvatar.helpers.d.ts.map +1 -1
- package/lib-commonjs/JSAvatar.helpers.js +1 -31
- package/lib-commonjs/JSAvatar.helpers.js.map +1 -1
- package/lib-commonjs/JSAvatar.js +9 -5
- package/lib-commonjs/JSAvatar.js.map +1 -1
- package/lib-commonjs/JSAvatar.styling.d.ts.map +1 -1
- package/lib-commonjs/JSAvatar.styling.js +35 -32
- package/lib-commonjs/JSAvatar.styling.js.map +1 -1
- package/lib-commonjs/JSAvatar.types.d.ts +21 -6
- package/lib-commonjs/JSAvatar.types.d.ts.map +1 -1
- package/lib-commonjs/JSAvatar.types.js.map +1 -1
- package/lib-commonjs/JSAvatarTokens.d.ts.map +1 -1
- package/lib-commonjs/JSAvatarTokens.js +84 -0
- package/lib-commonjs/JSAvatarTokens.js.map +1 -1
- package/package.json +6 -4
- package/src/JSAvatar.helpers.ts +1 -39
- package/src/JSAvatar.styling.ts +43 -38
- package/src/JSAvatar.tsx +9 -4
- package/src/JSAvatar.types.ts +21 -6
- package/src/JSAvatarTokens.ts +84 -0
- package/ios/FRNAvatarStorage.h +0 -16
- package/ios/FRNAvatarStorage.m +0 -23
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JSAvatar.types.d.ts","sourceRoot":"","sources":["../src/JSAvatar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC5E,OAAO,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9G,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"JSAvatar.types.d.ts","sourceRoot":"","sources":["../src/JSAvatar.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JSAvatar.types.js","sourceRoot":"","sources":["../src/JSAvatar.types.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"JSAvatar.types.js","sourceRoot":"","sources":["../src/JSAvatar.types.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,IAAM,YAAY,GAAG,QAAQ,CAAC;AACrC,MAAM,CAAC,IAAM,WAAW,GAAG;IACzB,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,SAAS;CACD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JSAvatarTokens.d.ts","sourceRoot":"","sources":["../src/JSAvatarTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,GAAG,CAAC;AAInC,eAAO,MAAM,qBAAqB,EAAE,aAAa,CAAC,cAAc,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"JSAvatarTokens.d.ts","sourceRoot":"","sources":["../src/JSAvatarTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,GAAG,CAAC;AAInC,eAAO,MAAM,qBAAqB,EAAE,aAAa,CAAC,cAAc,EAAE,KAAK,CAqGjD,CAAC"}
|
package/lib/JSAvatarTokens.js
CHANGED
|
@@ -17,6 +17,90 @@ export var defaultJSAvatarTokens = function () {
|
|
|
17
17
|
inactive: {
|
|
18
18
|
avatarOpacity: 0.8,
|
|
19
19
|
},
|
|
20
|
+
size20: {
|
|
21
|
+
width: 20,
|
|
22
|
+
height: 20,
|
|
23
|
+
badgeSize: 'smallest',
|
|
24
|
+
iconSize: 10,
|
|
25
|
+
initialsSize: 16,
|
|
26
|
+
},
|
|
27
|
+
size24: {
|
|
28
|
+
width: 24,
|
|
29
|
+
height: 24,
|
|
30
|
+
badgeSize: 'smallest',
|
|
31
|
+
iconSize: 10,
|
|
32
|
+
initialsSize: 16,
|
|
33
|
+
},
|
|
34
|
+
size28: {
|
|
35
|
+
width: 28,
|
|
36
|
+
height: 28,
|
|
37
|
+
badgeSize: 'smaller',
|
|
38
|
+
iconSize: 16,
|
|
39
|
+
initialsSize: 20,
|
|
40
|
+
},
|
|
41
|
+
size32: {
|
|
42
|
+
width: 32,
|
|
43
|
+
height: 32,
|
|
44
|
+
badgeSize: 'smaller',
|
|
45
|
+
iconSize: 16,
|
|
46
|
+
initialsSize: 20,
|
|
47
|
+
},
|
|
48
|
+
size36: {
|
|
49
|
+
width: 36,
|
|
50
|
+
height: 36,
|
|
51
|
+
badgeSize: 'smaller',
|
|
52
|
+
iconSize: 16,
|
|
53
|
+
initialsSize: 20,
|
|
54
|
+
},
|
|
55
|
+
size40: {
|
|
56
|
+
width: 40,
|
|
57
|
+
height: 40,
|
|
58
|
+
badgeSize: 'small',
|
|
59
|
+
iconSize: 16,
|
|
60
|
+
initialsSize: 20,
|
|
61
|
+
},
|
|
62
|
+
size48: {
|
|
63
|
+
width: 48,
|
|
64
|
+
height: 48,
|
|
65
|
+
badgeSize: 'small',
|
|
66
|
+
iconSize: 20,
|
|
67
|
+
initialsSize: 24,
|
|
68
|
+
},
|
|
69
|
+
size56: {
|
|
70
|
+
width: 56,
|
|
71
|
+
height: 56,
|
|
72
|
+
badgeSize: 'medium',
|
|
73
|
+
iconSize: 24,
|
|
74
|
+
initialsSize: 28,
|
|
75
|
+
},
|
|
76
|
+
size64: {
|
|
77
|
+
width: 64,
|
|
78
|
+
height: 64,
|
|
79
|
+
badgeSize: 'large',
|
|
80
|
+
iconSize: 28,
|
|
81
|
+
initialsSize: 32,
|
|
82
|
+
},
|
|
83
|
+
size72: {
|
|
84
|
+
width: 72,
|
|
85
|
+
height: 72,
|
|
86
|
+
badgeSize: 'large',
|
|
87
|
+
iconSize: 28,
|
|
88
|
+
initialsSize: 32,
|
|
89
|
+
},
|
|
90
|
+
size96: {
|
|
91
|
+
width: 96,
|
|
92
|
+
height: 96,
|
|
93
|
+
badgeSize: 'largest',
|
|
94
|
+
iconSize: 40,
|
|
95
|
+
initialsSize: 48,
|
|
96
|
+
},
|
|
97
|
+
size120: {
|
|
98
|
+
width: 120,
|
|
99
|
+
height: 120,
|
|
100
|
+
badgeSize: 'largest',
|
|
101
|
+
iconSize: 40,
|
|
102
|
+
initialsSize: 48,
|
|
103
|
+
},
|
|
20
104
|
});
|
|
21
105
|
};
|
|
22
106
|
//# sourceMappingURL=JSAvatarTokens.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JSAvatarTokens.js","sourceRoot":"","sources":["../src/JSAvatarTokens.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAEnE,MAAM,CAAC,IAAM,qBAAqB,GAAyC;IACzE,OAAA,CAAC;QACC,uBAAuB,EAAE,KAAK;QAC9B,qBAAqB,EAAE,KAAK;QAC5B,KAAK,EAAE,OAAO;QACd,eAAe,EAAE,OAAO;QACxB,eAAe,EAAE,sBAAsB,CAAC,YAAY,CAAC;QACrD,aAAa,EAAE,CAAC;QAChB,QAAQ,EAAE;YACR,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM;SAChD;QACD,MAAM,EAAE;YACN,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM;SAChD;QACD,QAAQ,EAAE;YACR,aAAa,EAAE,GAAG;SACnB;KACiB,CAAA;
|
|
1
|
+
{"version":3,"file":"JSAvatarTokens.js","sourceRoot":"","sources":["../src/JSAvatarTokens.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAEnE,MAAM,CAAC,IAAM,qBAAqB,GAAyC;IACzE,OAAA,CAAC;QACC,uBAAuB,EAAE,KAAK;QAC9B,qBAAqB,EAAE,KAAK;QAC5B,KAAK,EAAE,OAAO;QACd,eAAe,EAAE,OAAO;QACxB,eAAe,EAAE,sBAAsB,CAAC,YAAY,CAAC;QACrD,aAAa,EAAE,CAAC;QAChB,QAAQ,EAAE;YACR,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM;SAChD;QACD,MAAM,EAAE;YACN,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM;SAChD;QACD,QAAQ,EAAE;YACR,aAAa,EAAE,GAAG;SACnB;QACD,MAAM,EAAE;YACN,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,SAAS,EAAE,UAAU;YACrB,QAAQ,EAAE,EAAE;YACZ,YAAY,EAAE,EAAE;SACjB;QACD,MAAM,EAAE;YACN,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,SAAS,EAAE,UAAU;YACrB,QAAQ,EAAE,EAAE;YACZ,YAAY,EAAE,EAAE;SACjB;QACD,MAAM,EAAE;YACN,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,SAAS,EAAE,SAAS;YACpB,QAAQ,EAAE,EAAE;YACZ,YAAY,EAAE,EAAE;SACjB;QACD,MAAM,EAAE;YACN,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,SAAS,EAAE,SAAS;YACpB,QAAQ,EAAE,EAAE;YACZ,YAAY,EAAE,EAAE;SACjB;QACD,MAAM,EAAE;YACN,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,SAAS,EAAE,SAAS;YACpB,QAAQ,EAAE,EAAE;YACZ,YAAY,EAAE,EAAE;SACjB;QACD,MAAM,EAAE;YACN,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,SAAS,EAAE,OAAO;YAClB,QAAQ,EAAE,EAAE;YACZ,YAAY,EAAE,EAAE;SACjB;QACD,MAAM,EAAE;YACN,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,SAAS,EAAE,OAAO;YAClB,QAAQ,EAAE,EAAE;YACZ,YAAY,EAAE,EAAE;SACjB;QACD,MAAM,EAAE;YACN,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,SAAS,EAAE,QAAQ;YACnB,QAAQ,EAAE,EAAE;YACZ,YAAY,EAAE,EAAE;SACjB;QACD,MAAM,EAAE;YACN,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,SAAS,EAAE,OAAO;YAClB,QAAQ,EAAE,EAAE;YACZ,YAAY,EAAE,EAAE;SACjB;QACD,MAAM,EAAE;YACN,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,SAAS,EAAE,OAAO;YAClB,QAAQ,EAAE,EAAE;YACZ,YAAY,EAAE,EAAE;SACjB;QACD,MAAM,EAAE;YACN,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,SAAS,EAAE,SAAS;YACpB,QAAQ,EAAE,EAAE;YACZ,YAAY,EAAE,EAAE;SACjB;QACD,OAAO,EAAE;YACP,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,GAAG;YACX,SAAS,EAAE,SAAS;YACpB,QAAQ,EAAE,EAAE;YACZ,YAAY,EAAE,EAAE;SACjB;KACiB,CAAA;AApGpB,CAoGoB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JSAvatar.d.ts","sourceRoot":"","sources":["../src/JSAvatar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAA8B,aAAa,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"JSAvatar.d.ts","sourceRoot":"","sources":["../src/JSAvatar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAA8B,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAQ5F;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,UAAW,MAAM,SAAS,aAAa,aAAa,aAAa,KAAG,OAU5F,CAAC;AAEF,eAAO,MAAM,QAAQ,8KAoCnB,CAAC"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import { AvatarColor
|
|
1
|
+
import { AvatarColor } from './JSAvatar.types';
|
|
2
2
|
export declare type AvatarSizeConfig = {
|
|
3
|
-
physicalSize: number;
|
|
4
3
|
iconSize: number;
|
|
5
4
|
iconStrokeWidth: number;
|
|
6
5
|
initialsSize: number;
|
|
@@ -9,6 +8,5 @@ export declare type AvatarSizeConfig = {
|
|
|
9
8
|
* Converts the AvatarColor into a hex color value
|
|
10
9
|
*/
|
|
11
10
|
export declare function convertCoinColorFluent(coinColor: AvatarColor): string;
|
|
12
|
-
export declare function calculateEffectiveSizes(tokens: JSAvatarTokens): AvatarSizeConfig;
|
|
13
11
|
export declare function getRingConfig(size: number): any;
|
|
14
12
|
//# sourceMappingURL=JSAvatar.helpers.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JSAvatar.helpers.d.ts","sourceRoot":"","sources":["../src/JSAvatar.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"JSAvatar.helpers.d.ts","sourceRoot":"","sources":["../src/JSAvatar.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAS/C,oBAAY,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAyBF;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,WAAW,GAAG,MAAM,CAErE;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,GAAG,CAoB/C"}
|
|
@@ -1,26 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.getRingConfig = exports.
|
|
3
|
+
exports.getRingConfig = exports.convertCoinColorFluent = void 0;
|
|
4
4
|
var theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
|
|
5
5
|
var sizeAdjustment = {
|
|
6
6
|
small: 8,
|
|
7
7
|
medium: 12,
|
|
8
8
|
large: 16,
|
|
9
9
|
};
|
|
10
|
-
var sizeTable = {
|
|
11
|
-
size20: { physicalSize: 20, iconSize: 10, iconStrokeWidth: 2, initialsSize: 16 },
|
|
12
|
-
size24: { physicalSize: 24, iconSize: 10, iconStrokeWidth: 2, initialsSize: 16 },
|
|
13
|
-
size28: { physicalSize: 28, iconSize: 16, iconStrokeWidth: 2, initialsSize: 20 },
|
|
14
|
-
size32: { physicalSize: 32, iconSize: 16, iconStrokeWidth: 2, initialsSize: 20 },
|
|
15
|
-
size36: { physicalSize: 36, iconSize: 16, iconStrokeWidth: 2, initialsSize: 20 },
|
|
16
|
-
size40: { physicalSize: 40, iconSize: 16, iconStrokeWidth: 2, initialsSize: 20 },
|
|
17
|
-
size48: { physicalSize: 48, iconSize: 20, iconStrokeWidth: 2, initialsSize: 24 },
|
|
18
|
-
size56: { physicalSize: 56, iconSize: 24, iconStrokeWidth: 3, initialsSize: 28 },
|
|
19
|
-
size64: { physicalSize: 64, iconSize: 28, iconStrokeWidth: 3, initialsSize: 32 },
|
|
20
|
-
size72: { physicalSize: 72, iconSize: 28, iconStrokeWidth: 4, initialsSize: 32 },
|
|
21
|
-
size96: { physicalSize: 96, iconSize: 40, iconStrokeWidth: 4, initialsSize: 48 },
|
|
22
|
-
size120: { physicalSize: 120, iconSize: 40, iconStrokeWidth: 4, initialsSize: 48 },
|
|
23
|
-
};
|
|
24
10
|
var colorTableFluent = {
|
|
25
11
|
cornflower: theme_tokens_1.globalTokens.color.cornflower.primary,
|
|
26
12
|
blue: theme_tokens_1.globalTokens.color.blue.primary,
|
|
@@ -50,22 +36,6 @@ function convertCoinColorFluent(coinColor) {
|
|
|
50
36
|
return colorTableFluent[coinColor];
|
|
51
37
|
}
|
|
52
38
|
exports.convertCoinColorFluent = convertCoinColorFluent;
|
|
53
|
-
function calculateEffectiveSizes(tokens) {
|
|
54
|
-
var size = tokens.size, avatarSize = tokens.avatarSize, iconSize = tokens.iconSize, iconStrokeWidth = tokens.iconStrokeWidth, initialsSize = tokens.initialsSize;
|
|
55
|
-
if (size) {
|
|
56
|
-
return sizeTable[size];
|
|
57
|
-
}
|
|
58
|
-
else {
|
|
59
|
-
var _a = sizeTable['size40'], defaultPhysicalSize = _a.physicalSize, defaultIconSize = _a.iconSize, defaultIconStrokeWidth = _a.iconStrokeWidth, defaultInitialsSize = _a.initialsSize;
|
|
60
|
-
return {
|
|
61
|
-
physicalSize: avatarSize || defaultPhysicalSize,
|
|
62
|
-
iconSize: iconSize || defaultIconSize,
|
|
63
|
-
iconStrokeWidth: iconStrokeWidth || defaultIconStrokeWidth,
|
|
64
|
-
initialsSize: initialsSize || defaultInitialsSize,
|
|
65
|
-
};
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
exports.calculateEffectiveSizes = calculateEffectiveSizes;
|
|
69
39
|
function getRingConfig(size) {
|
|
70
40
|
if (size <= 48) {
|
|
71
41
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JSAvatar.helpers.js","sourceRoot":"","sources":["../src/JSAvatar.helpers.ts"],"names":[],"mappings":";;;AACA,oEAAmE;AAEnE,IAAM,cAAc,GAAG;IACrB,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;CACV,CAAC;
|
|
1
|
+
{"version":3,"file":"JSAvatar.helpers.js","sourceRoot":"","sources":["../src/JSAvatar.helpers.ts"],"names":[],"mappings":";;;AACA,oEAAmE;AAEnE,IAAM,cAAc,GAAG;IACrB,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;CACV,CAAC;AAQF,IAAM,gBAAgB,GAAmC;IACvD,UAAU,EAAE,2BAAY,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO;IACjD,IAAI,EAAE,2BAAY,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;IACrC,SAAS,EAAE,2BAAY,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO;IAC/C,IAAI,EAAE,2BAAY,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;IACrC,MAAM,EAAE,2BAAY,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;IACzC,SAAS,EAAE,2BAAY,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO;IAC/C,KAAK,EAAE,2BAAY,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO;IACvC,OAAO,EAAE,2BAAY,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO;IAC3C,KAAK,EAAE,2BAAY,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO;IACvC,MAAM,EAAE,2BAAY,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;IACzC,OAAO,EAAE,2BAAY,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO;IAC3C,GAAG,EAAE,2BAAY,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO;IACnC,QAAQ,EAAE,2BAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO;IAC7C,MAAM,EAAE,2BAAY,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;IACzC,KAAK,EAAE,2BAAY,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO;IACvC,OAAO,EAAE,2BAAY,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO;IAC3C,KAAK,EAAE,2BAAY,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO;IACvC,QAAQ,EAAE,2BAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO;IAC7C,KAAK,EAAE,2BAAY,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO;IACvC,KAAK,EAAE,2BAAY,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO;CACxC,CAAC;AAEF;;GAEG;AACH,SAAgB,sBAAsB,CAAC,SAAsB;IAC3D,OAAO,gBAAgB,CAAC,SAAS,CAAC,CAAC;AACrC,CAAC;AAFD,wDAEC;AAED,SAAgB,aAAa,CAAC,IAAY;IACxC,IAAI,IAAI,IAAI,EAAE,EAAE;QACd,OAAO;YACL,IAAI,EAAE,IAAI,GAAG,cAAc,CAAC,KAAK;YACjC,MAAM,EAAE,2BAAY,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;YACvC,WAAW,EAAE,2BAAY,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;SAC7C,CAAC;KACH;IACD,IAAI,IAAI,IAAI,EAAE,EAAE;QACd,OAAO;YACL,IAAI,EAAE,IAAI,GAAG,cAAc,CAAC,MAAM;YAClC,MAAM,EAAE,2BAAY,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO;YACzC,WAAW,EAAE,2BAAY,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO;SAC/C,CAAC;KACH;IACD,OAAO;QACL,IAAI,EAAE,IAAI,GAAG,cAAc,CAAC,KAAK;QACjC,MAAM,EAAE,2BAAY,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ;QAC1C,WAAW,EAAE,2BAAY,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ;KAChD,CAAC;AACJ,CAAC;AApBD,sCAoBC"}
|
package/lib-commonjs/JSAvatar.js
CHANGED
|
@@ -30,6 +30,8 @@ var JSAvatar_styling_1 = require("./JSAvatar.styling");
|
|
|
30
30
|
var framework_1 = require("@fluentui-react-native/framework");
|
|
31
31
|
var useAvatar_1 = require("./useAvatar");
|
|
32
32
|
var badge_1 = require("@fluentui-react-native/badge");
|
|
33
|
+
var icon_1 = require("@fluentui-react-native/icon");
|
|
34
|
+
var interactive_hooks_1 = require("@fluentui-react-native/interactive-hooks");
|
|
33
35
|
/**
|
|
34
36
|
* A function which determines if a set of styles should be applied to the compoent given the current state and props of the avatar.
|
|
35
37
|
*
|
|
@@ -43,6 +45,8 @@ var avatarLookup = function (layer, state, userProps) {
|
|
|
43
45
|
userProps[layer] ||
|
|
44
46
|
layer === userProps['shape'] ||
|
|
45
47
|
(!userProps['shape'] && layer === 'circular') ||
|
|
48
|
+
layer === userProps['size'] ||
|
|
49
|
+
(!userProps['size'] && layer === 'size56') ||
|
|
46
50
|
(userProps.active === 'inactive' && layer === 'inactive'));
|
|
47
51
|
};
|
|
48
52
|
exports.avatarLookup = avatarLookup;
|
|
@@ -51,20 +55,20 @@ exports.JSAvatar = (0, framework_1.compose)(__assign(__assign({ displayName: JSA
|
|
|
51
55
|
image: react_native_1.Image,
|
|
52
56
|
initials: react_native_1.Text,
|
|
53
57
|
initialsBackground: react_native_1.View,
|
|
54
|
-
icon:
|
|
58
|
+
icon: icon_1.Icon,
|
|
55
59
|
ring: react_native_1.View,
|
|
56
60
|
badge: badge_1.PresenceBadge,
|
|
57
61
|
}, useRender: function (userProps, useSlots) {
|
|
58
62
|
var avatar = (0, useAvatar_1.useAvatar)(userProps);
|
|
63
|
+
var iconProps = (0, interactive_hooks_1.createIconProps)(userProps.icon);
|
|
59
64
|
var Slots = useSlots(userProps, function (layer) { return (0, exports.avatarLookup)(layer, avatar.state, userProps); });
|
|
60
65
|
return function (final) {
|
|
61
|
-
var _a = (0, framework_1.mergeProps)(avatar.props, final), activeAppearance = _a.activeAppearance, initials = _a.initials, image = _a.image, badge = _a.badge, mergedProps = __rest(_a, ["activeAppearance", "initials", "image", "badge"]);
|
|
66
|
+
var _a = (0, framework_1.mergeProps)(avatar.props, final), activeAppearance = _a.activeAppearance, icon = _a.icon, initials = _a.initials, image = _a.image, badge = _a.badge, mergedProps = __rest(_a, ["activeAppearance", "icon", "initials", "image", "badge"]);
|
|
62
67
|
var _b = avatar.state, showRing = _b.showRing, transparentRing = _b.transparentRing;
|
|
63
68
|
return ((0, framework_1.withSlots)(Slots.root, __assign({}, mergedProps),
|
|
64
|
-
image.source ? ((0, framework_1.withSlots)(Slots.image, __assign({}, image))) : ((0, framework_1.withSlots)(Slots.initialsBackground, null,
|
|
65
|
-
(0, framework_1.withSlots)(Slots.initials, null, initials))),
|
|
69
|
+
image.source ? ((0, framework_1.withSlots)(Slots.image, __assign({}, image))) : ((0, framework_1.withSlots)(Slots.initialsBackground, null, initials ? (0, framework_1.withSlots)(Slots.initials, null, initials) : userProps.icon && (0, framework_1.withSlots)(Slots.icon, __assign({}, iconProps)))),
|
|
66
70
|
showRing && !transparentRing && (0, framework_1.withSlots)(Slots.ring, null),
|
|
67
|
-
(0, framework_1.withSlots)(Slots.badge, __assign({}, badge))));
|
|
71
|
+
badge.status && (0, framework_1.withSlots)(Slots.badge, __assign({}, badge))));
|
|
68
72
|
};
|
|
69
73
|
} }));
|
|
70
74
|
//# sourceMappingURL=JSAvatar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JSAvatar.js","sourceRoot":"","sources":["../src/JSAvatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qBAAqB;AACrB,6CAAiD;AACjD,mDAA4F;AAC5F,uDAAqD;AACrD,8DAA4F;AAC5F,yCAAwC;AACxC,sDAA6D;
|
|
1
|
+
{"version":3,"file":"JSAvatar.js","sourceRoot":"","sources":["../src/JSAvatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qBAAqB;AACrB,6CAAiD;AACjD,mDAA4F;AAC5F,uDAAqD;AACrD,8DAA4F;AAC5F,yCAAwC;AACxC,sDAA6D;AAC7D,oDAAmD;AACnD,8EAA2E;AAE3E;;;;;;;GAOG;AACI,IAAM,YAAY,GAAG,UAAC,KAAa,EAAE,KAAoB,EAAE,SAAwB;IACxF,OAAO,CACL,KAAK,CAAC,KAAK,CAAC;QACZ,SAAS,CAAC,KAAK,CAAC;QAChB,KAAK,KAAK,SAAS,CAAC,OAAO,CAAC;QAC5B,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,KAAK,KAAK,UAAU,CAAC;QAC7C,KAAK,KAAK,SAAS,CAAC,MAAM,CAAC;QAC3B,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,KAAK,KAAK,QAAQ,CAAC;QAC1C,CAAC,SAAS,CAAC,MAAM,KAAK,UAAU,IAAI,KAAK,KAAK,UAAU,CAAC,CAC1D,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,YAAY,gBAUvB;AAEW,QAAA,QAAQ,GAAG,IAAA,mBAAO,sBAC7B,WAAW,EAAE,6BAAY,IACtB,kCAAe,KAClB,KAAK,EAAE;QACL,IAAI,EAAE,mBAAI;QACV,KAAK,EAAE,oBAAK;QACZ,QAAQ,EAAE,mBAAI;QACd,kBAAkB,EAAE,mBAAI;QACxB,IAAI,EAAE,WAAI;QACV,IAAI,EAAE,mBAAI;QACV,KAAK,EAAE,qBAAa;KACrB,EACD,SAAS,EAAE,UAAC,SAAwB,EAAE,QAAgC;QACpE,IAAM,MAAM,GAAG,IAAA,qBAAS,EAAC,SAAS,CAAC,CAAC;QACpC,IAAM,SAAS,GAAG,IAAA,mCAAe,EAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QAClD,IAAM,KAAK,GAAG,QAAQ,CAAC,SAAS,EAAE,UAAC,KAAK,IAAK,OAAA,IAAA,oBAAY,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,EAA5C,CAA4C,CAAC,CAAC;QAE3F,OAAO,UAAC,KAAoB;YAC1B,IAAM,KAAqE,IAAA,sBAAU,EAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,EAAlG,gBAAgB,sBAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA,EAAK,WAAW,cAAhE,0DAAkE,CAAkC,CAAC;YACrG,IAAA,KAAgC,MAAM,CAAC,KAAK,EAA1C,QAAQ,cAAA,EAAE,eAAe,qBAAiB,CAAC;YAEnD,OAAO,CACL,2BAAC,KAAK,CAAC,IAAI,eAAK,WAAW;gBACxB,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CACd,2BAAC,KAAK,CAAC,KAAK,eAAK,KAAK,EAAI,CAC3B,CAAC,CAAC,CAAC,CACF,2BAAC,KAAK,CAAC,kBAAkB,QACtB,QAAQ,CAAC,CAAC,CAAC,2BAAC,KAAK,CAAC,QAAQ,QAAE,QAAQ,CAAkB,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,IAAI,2BAAC,KAAK,CAAC,IAAI,eAAK,SAAS,EAAI,CAChF,CAC5B;gBACA,QAAQ,IAAI,CAAC,eAAe,IAAI,2BAAC,KAAK,CAAC,IAAI,OAAG;gBAC9C,KAAK,CAAC,MAAM,IAAI,2BAAC,KAAK,CAAC,KAAK,eAAK,KAAK,EAAI,CAChC,CACd,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC,IACD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JSAvatar.styling.d.ts","sourceRoot":"","sources":["../src/JSAvatar.styling.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,cAAc,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAChG,OAAO,EAAS,iBAAiB,EAAc,MAAM,kCAAkC,CAAC;AAYxF,eAAO,MAAM,YAAY,EAAE,CAAC,MAAM,cAAc,CAAC,
|
|
1
|
+
{"version":3,"file":"JSAvatar.styling.d.ts","sourceRoot":"","sources":["../src/JSAvatar.styling.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,cAAc,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAChG,OAAO,EAAS,iBAAiB,EAAc,MAAM,kCAAkC,CAAC;AAYxF,eAAO,MAAM,YAAY,EAAE,CAAC,MAAM,cAAc,CAAC,EAgBhD,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,aAAa,EAAE,eAAe,EAAE,cAAc,CA6G7F,CAAC"}
|
|
@@ -31,19 +31,34 @@ var nameMap = {
|
|
|
31
31
|
center: 'center',
|
|
32
32
|
end: 'flex-end',
|
|
33
33
|
};
|
|
34
|
-
exports.avatarStates = [
|
|
34
|
+
exports.avatarStates = [
|
|
35
|
+
'circular',
|
|
36
|
+
'square',
|
|
37
|
+
'inactive',
|
|
38
|
+
'size20',
|
|
39
|
+
'size24',
|
|
40
|
+
'size28',
|
|
41
|
+
'size32',
|
|
42
|
+
'size36',
|
|
43
|
+
'size40',
|
|
44
|
+
'size48',
|
|
45
|
+
'size56',
|
|
46
|
+
'size64',
|
|
47
|
+
'size72',
|
|
48
|
+
'size96',
|
|
49
|
+
'size120',
|
|
50
|
+
];
|
|
35
51
|
exports.stylingSettings = {
|
|
36
52
|
tokens: [JSAvatarTokens_1.defaultJSAvatarTokens, JSAvatar_types_1.JSAvatarName],
|
|
37
53
|
states: exports.avatarStates,
|
|
38
54
|
slotProps: {
|
|
39
55
|
root: (0, framework_1.buildProps)(function (tokens) {
|
|
40
|
-
var physicalSize = (0, JSAvatar_helpers_1.calculateEffectiveSizes)(tokens).physicalSize;
|
|
41
56
|
var horizontalIconAlignment = tokens.horizontalIconAlignment, verticalIconAlignment = tokens.verticalIconAlignment;
|
|
42
57
|
return {
|
|
43
58
|
style: {
|
|
44
59
|
flexDirection: 'row',
|
|
45
|
-
width:
|
|
46
|
-
height:
|
|
60
|
+
width: tokens.width,
|
|
61
|
+
height: tokens.height,
|
|
47
62
|
justifyContent: nameMap[horizontalIconAlignment || 'end'],
|
|
48
63
|
alignItems: nameMap[verticalIconAlignment || 'end'],
|
|
49
64
|
horizontalIconAlignment: horizontalIconAlignment,
|
|
@@ -51,67 +66,55 @@ exports.stylingSettings = {
|
|
|
51
66
|
opacity: tokens.avatarOpacity,
|
|
52
67
|
},
|
|
53
68
|
};
|
|
54
|
-
}, ['horizontalIconAlignment', 'verticalIconAlignment', 'avatarOpacity']),
|
|
69
|
+
}, ['horizontalIconAlignment', 'verticalIconAlignment', 'avatarOpacity', 'height', 'width']),
|
|
55
70
|
initials: (0, framework_1.buildProps)(function (tokens) {
|
|
56
|
-
var initialsSize = (0, JSAvatar_helpers_1.calculateEffectiveSizes)(tokens).initialsSize;
|
|
57
71
|
return {
|
|
58
72
|
style: {
|
|
59
|
-
fontSize: initialsSize,
|
|
73
|
+
fontSize: tokens.initialsSize,
|
|
60
74
|
},
|
|
61
75
|
};
|
|
62
76
|
}, ['initialsSize']),
|
|
63
77
|
initialsBackground: (0, framework_1.buildProps)(function (tokens, theme) {
|
|
64
|
-
var physicalSize = (0, JSAvatar_helpers_1.calculateEffectiveSizes)(tokens).physicalSize;
|
|
65
78
|
var backgroundColor = tokens.backgroundColor, coinColorFluent = tokens.coinColorFluent;
|
|
66
79
|
var effectiveBackgroundColor = backgroundColor;
|
|
67
80
|
if (coinColorFluent) {
|
|
68
81
|
effectiveBackgroundColor = (0, JSAvatar_helpers_1.convertCoinColorFluent)(coinColorFluent);
|
|
69
82
|
}
|
|
70
83
|
return {
|
|
71
|
-
style: __assign(__assign({}, tokens_1.borderStyles.from(tokens, theme)), { width:
|
|
84
|
+
style: __assign(__assign({}, tokens_1.borderStyles.from(tokens, theme)), { width: tokens.width, height: tokens.height, flexGrow: 1, alignSelf: 'stretch', justifyContent: 'center', alignItems: 'center', backgroundColor: effectiveBackgroundColor }),
|
|
72
85
|
};
|
|
73
|
-
}, __spreadArray(['coinColorFluent', 'backgroundColor', '
|
|
86
|
+
}, __spreadArray(['coinColorFluent', 'backgroundColor', 'width', 'height'], tokens_1.borderStyles.keys, true)),
|
|
74
87
|
image: (0, framework_1.buildProps)(function (tokens) {
|
|
75
|
-
var physicalSize = (0, JSAvatar_helpers_1.calculateEffectiveSizes)(tokens).physicalSize;
|
|
76
88
|
return {
|
|
77
89
|
style: {
|
|
78
90
|
borderRadius: tokens.borderRadius,
|
|
79
|
-
width:
|
|
80
|
-
height:
|
|
91
|
+
width: tokens.width,
|
|
92
|
+
height: tokens.height,
|
|
81
93
|
},
|
|
82
94
|
};
|
|
83
|
-
}, ['
|
|
84
|
-
icon: (0, framework_1.buildProps)(function (tokens
|
|
85
|
-
var _a = (0, JSAvatar_helpers_1.calculateEffectiveSizes)(tokens), iconSize = _a.iconSize, iconStrokeWidth = _a.iconStrokeWidth;
|
|
86
|
-
var iconSizeAdjusted = iconSize + iconStrokeWidth * 2;
|
|
87
|
-
var iconStrokeColor = tokens.iconStrokeColor || theme.colors.background;
|
|
95
|
+
}, ['borderRadius', 'width', 'height']),
|
|
96
|
+
icon: (0, framework_1.buildProps)(function (tokens) {
|
|
88
97
|
return {
|
|
89
98
|
style: {
|
|
90
99
|
position: 'absolute',
|
|
91
|
-
width:
|
|
92
|
-
height:
|
|
93
|
-
bottom: -iconStrokeWidth,
|
|
94
|
-
end: -iconStrokeWidth,
|
|
95
|
-
borderRadius: iconSizeAdjusted / 2,
|
|
96
|
-
borderWidth: iconStrokeWidth,
|
|
97
|
-
borderColor: iconStrokeColor,
|
|
100
|
+
width: tokens.iconSize,
|
|
101
|
+
height: tokens.iconSize,
|
|
98
102
|
},
|
|
99
103
|
};
|
|
100
|
-
}, ['iconSize'
|
|
104
|
+
}, ['iconSize']),
|
|
101
105
|
ring: (0, framework_1.buildProps)(function (tokens, theme) {
|
|
102
|
-
var
|
|
103
|
-
var ringConfig = (0, JSAvatar_helpers_1.getRingConfig)(physicalSize);
|
|
106
|
+
var ringConfig = (0, JSAvatar_helpers_1.getRingConfig)(tokens.width);
|
|
104
107
|
var ringColor = tokens.ringColor;
|
|
105
108
|
return {
|
|
106
109
|
style: __assign({ borderStyle: 'solid', borderColor: ringColor, borderWidth: ringConfig.stroke, width: ringConfig.size, height: ringConfig.size, position: 'absolute', top: -ringConfig.stroke * 2, left: -ringConfig.stroke * 2 }, tokens_1.borderStyles.from(tokens, theme)),
|
|
107
110
|
};
|
|
108
|
-
}, __spreadArray(['
|
|
109
|
-
badge: (0, framework_1.buildProps)(function (
|
|
111
|
+
}, __spreadArray(['width', 'height'], tokens_1.borderStyles.keys, true)),
|
|
112
|
+
badge: (0, framework_1.buildProps)(function (tokens) {
|
|
110
113
|
return {
|
|
111
|
-
size:
|
|
114
|
+
size: tokens.badgeSize,
|
|
112
115
|
shape: 'circular',
|
|
113
116
|
};
|
|
114
|
-
}, []),
|
|
117
|
+
}, ['size']),
|
|
115
118
|
},
|
|
116
119
|
};
|
|
117
120
|
//# sourceMappingURL=JSAvatar.styling.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JSAvatar.styling.js","sourceRoot":"","sources":["../src/JSAvatar.styling.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAAgG;AAChG,8DAAwF;AACxF,mDAAyD;AAEzD,
|
|
1
|
+
{"version":3,"file":"JSAvatar.styling.js","sourceRoot":"","sources":["../src/JSAvatar.styling.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import type { IViewProps } from '@fluentui-react-native/adapters';
|
|
2
2
|
import { ImageProps, ViewProps, TextProps, ColorValue } from 'react-native';
|
|
3
3
|
import { IBackgroundColorTokens, IForegroundColorTokens, IBorderTokens } from '@fluentui-react-native/tokens';
|
|
4
|
-
import { BadgeProps, PresenceBadgeProps } from '@fluentui-react-native/badge';
|
|
4
|
+
import { BadgeProps, PresenceBadgeProps, BadgeSize } from '@fluentui-react-native/badge';
|
|
5
|
+
import { IconProps, IconSourcesType } from '@fluentui-react-native/icon';
|
|
5
6
|
export declare const JSAvatarName = "Avatar";
|
|
6
7
|
export declare const AvatarSizes: readonly ["size20", "size24", "size28", "size32", "size36", "size40", "size48", "size56", "size64", "size72", "size96", "size120"];
|
|
7
8
|
export declare type AvatarSize = typeof AvatarSizes[number];
|
|
@@ -28,37 +29,51 @@ export interface AvatarConfigurableProps {
|
|
|
28
29
|
export interface JSAvatarProps extends IViewProps, AvatarConfigurableProps {
|
|
29
30
|
active?: AvatarActive;
|
|
30
31
|
activeAppearance?: AvatarActiveAppearance;
|
|
32
|
+
badge?: PresenceBadgeProps;
|
|
33
|
+
icon?: IconSourcesType;
|
|
31
34
|
image?: ImageProps;
|
|
32
|
-
src?: string;
|
|
33
35
|
initials?: string;
|
|
34
36
|
name?: string;
|
|
35
37
|
shape?: AvatarShape;
|
|
36
|
-
|
|
38
|
+
src?: string;
|
|
37
39
|
}
|
|
38
40
|
export interface AvatarSlotProps {
|
|
39
41
|
root: ViewProps;
|
|
40
42
|
image: ImageProps;
|
|
41
43
|
initials: TextProps;
|
|
42
44
|
initialsBackground: ViewProps;
|
|
43
|
-
icon:
|
|
45
|
+
icon: IconProps;
|
|
44
46
|
ring: ViewProps;
|
|
45
47
|
badge: BadgeProps;
|
|
46
48
|
}
|
|
47
49
|
export declare type IconAlignment = 'start' | 'center' | 'end';
|
|
48
50
|
export interface JSAvatarTokens extends IBackgroundColorTokens, IForegroundColorTokens, AvatarConfigurableProps, IBorderTokens {
|
|
49
|
-
avatarSize?: number;
|
|
50
51
|
iconSize?: number;
|
|
51
52
|
iconStrokeWidth?: number;
|
|
52
53
|
iconStrokeColor?: string;
|
|
53
54
|
initialsSize?: number;
|
|
55
|
+
height?: number;
|
|
54
56
|
horizontalIconAlignment?: IconAlignment;
|
|
55
57
|
verticalIconAlignment?: IconAlignment;
|
|
56
|
-
physicalSize?: number;
|
|
57
58
|
circular?: JSAvatarTokens;
|
|
58
59
|
square?: JSAvatarTokens;
|
|
59
60
|
inactive?: JSAvatarTokens;
|
|
60
61
|
avatarOpacity?: number;
|
|
61
62
|
ringColor?: ColorValue;
|
|
63
|
+
size20?: JSAvatarTokens;
|
|
64
|
+
size24?: JSAvatarTokens;
|
|
65
|
+
size28?: JSAvatarTokens;
|
|
66
|
+
size32?: JSAvatarTokens;
|
|
67
|
+
size36?: JSAvatarTokens;
|
|
68
|
+
size40?: JSAvatarTokens;
|
|
69
|
+
size48?: JSAvatarTokens;
|
|
70
|
+
size56?: JSAvatarTokens;
|
|
71
|
+
size64?: JSAvatarTokens;
|
|
72
|
+
size72?: JSAvatarTokens;
|
|
73
|
+
size96?: JSAvatarTokens;
|
|
74
|
+
size120?: JSAvatarTokens;
|
|
75
|
+
width?: number;
|
|
76
|
+
badgeSize?: BadgeSize;
|
|
62
77
|
}
|
|
63
78
|
export interface JSAvatarState {
|
|
64
79
|
showRing: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JSAvatar.types.d.ts","sourceRoot":"","sources":["../src/JSAvatar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC5E,OAAO,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9G,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"JSAvatar.types.d.ts","sourceRoot":"","sources":["../src/JSAvatar.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JSAvatar.types.js","sourceRoot":"","sources":["../src/JSAvatar.types.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"JSAvatar.types.js","sourceRoot":"","sources":["../src/JSAvatar.types.ts"],"names":[],"mappings":";;;AAMa,QAAA,YAAY,GAAG,QAAQ,CAAC;AACxB,QAAA,WAAW,GAAG;IACzB,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,SAAS;CACD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JSAvatarTokens.d.ts","sourceRoot":"","sources":["../src/JSAvatarTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,GAAG,CAAC;AAInC,eAAO,MAAM,qBAAqB,EAAE,aAAa,CAAC,cAAc,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"JSAvatarTokens.d.ts","sourceRoot":"","sources":["../src/JSAvatarTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,GAAG,CAAC;AAInC,eAAO,MAAM,qBAAqB,EAAE,aAAa,CAAC,cAAc,EAAE,KAAK,CAqGjD,CAAC"}
|
|
@@ -20,6 +20,90 @@ var defaultJSAvatarTokens = function () {
|
|
|
20
20
|
inactive: {
|
|
21
21
|
avatarOpacity: 0.8,
|
|
22
22
|
},
|
|
23
|
+
size20: {
|
|
24
|
+
width: 20,
|
|
25
|
+
height: 20,
|
|
26
|
+
badgeSize: 'smallest',
|
|
27
|
+
iconSize: 10,
|
|
28
|
+
initialsSize: 16,
|
|
29
|
+
},
|
|
30
|
+
size24: {
|
|
31
|
+
width: 24,
|
|
32
|
+
height: 24,
|
|
33
|
+
badgeSize: 'smallest',
|
|
34
|
+
iconSize: 10,
|
|
35
|
+
initialsSize: 16,
|
|
36
|
+
},
|
|
37
|
+
size28: {
|
|
38
|
+
width: 28,
|
|
39
|
+
height: 28,
|
|
40
|
+
badgeSize: 'smaller',
|
|
41
|
+
iconSize: 16,
|
|
42
|
+
initialsSize: 20,
|
|
43
|
+
},
|
|
44
|
+
size32: {
|
|
45
|
+
width: 32,
|
|
46
|
+
height: 32,
|
|
47
|
+
badgeSize: 'smaller',
|
|
48
|
+
iconSize: 16,
|
|
49
|
+
initialsSize: 20,
|
|
50
|
+
},
|
|
51
|
+
size36: {
|
|
52
|
+
width: 36,
|
|
53
|
+
height: 36,
|
|
54
|
+
badgeSize: 'smaller',
|
|
55
|
+
iconSize: 16,
|
|
56
|
+
initialsSize: 20,
|
|
57
|
+
},
|
|
58
|
+
size40: {
|
|
59
|
+
width: 40,
|
|
60
|
+
height: 40,
|
|
61
|
+
badgeSize: 'small',
|
|
62
|
+
iconSize: 16,
|
|
63
|
+
initialsSize: 20,
|
|
64
|
+
},
|
|
65
|
+
size48: {
|
|
66
|
+
width: 48,
|
|
67
|
+
height: 48,
|
|
68
|
+
badgeSize: 'small',
|
|
69
|
+
iconSize: 20,
|
|
70
|
+
initialsSize: 24,
|
|
71
|
+
},
|
|
72
|
+
size56: {
|
|
73
|
+
width: 56,
|
|
74
|
+
height: 56,
|
|
75
|
+
badgeSize: 'medium',
|
|
76
|
+
iconSize: 24,
|
|
77
|
+
initialsSize: 28,
|
|
78
|
+
},
|
|
79
|
+
size64: {
|
|
80
|
+
width: 64,
|
|
81
|
+
height: 64,
|
|
82
|
+
badgeSize: 'large',
|
|
83
|
+
iconSize: 28,
|
|
84
|
+
initialsSize: 32,
|
|
85
|
+
},
|
|
86
|
+
size72: {
|
|
87
|
+
width: 72,
|
|
88
|
+
height: 72,
|
|
89
|
+
badgeSize: 'large',
|
|
90
|
+
iconSize: 28,
|
|
91
|
+
initialsSize: 32,
|
|
92
|
+
},
|
|
93
|
+
size96: {
|
|
94
|
+
width: 96,
|
|
95
|
+
height: 96,
|
|
96
|
+
badgeSize: 'largest',
|
|
97
|
+
iconSize: 40,
|
|
98
|
+
initialsSize: 48,
|
|
99
|
+
},
|
|
100
|
+
size120: {
|
|
101
|
+
width: 120,
|
|
102
|
+
height: 120,
|
|
103
|
+
badgeSize: 'largest',
|
|
104
|
+
iconSize: 40,
|
|
105
|
+
initialsSize: 48,
|
|
106
|
+
},
|
|
23
107
|
});
|
|
24
108
|
};
|
|
25
109
|
exports.defaultJSAvatarTokens = defaultJSAvatarTokens;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JSAvatarTokens.js","sourceRoot":"","sources":["../src/JSAvatarTokens.ts"],"names":[],"mappings":";;;AAGA,uDAA4D;AAC5D,oEAAmE;AAE5D,IAAM,qBAAqB,GAAyC;IACzE,OAAA,CAAC;QACC,uBAAuB,EAAE,KAAK;QAC9B,qBAAqB,EAAE,KAAK;QAC5B,KAAK,EAAE,OAAO;QACd,eAAe,EAAE,OAAO;QACxB,eAAe,EAAE,IAAA,yCAAsB,EAAC,YAAY,CAAC;QACrD,aAAa,EAAE,CAAC;QAChB,QAAQ,EAAE;YACR,YAAY,EAAE,2BAAY,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM;SAChD;QACD,MAAM,EAAE;YACN,YAAY,EAAE,2BAAY,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM;SAChD;QACD,QAAQ,EAAE;YACR,aAAa,EAAE,GAAG;SACnB;KACiB,CAAA;
|
|
1
|
+
{"version":3,"file":"JSAvatarTokens.js","sourceRoot":"","sources":["../src/JSAvatarTokens.ts"],"names":[],"mappings":";;;AAGA,uDAA4D;AAC5D,oEAAmE;AAE5D,IAAM,qBAAqB,GAAyC;IACzE,OAAA,CAAC;QACC,uBAAuB,EAAE,KAAK;QAC9B,qBAAqB,EAAE,KAAK;QAC5B,KAAK,EAAE,OAAO;QACd,eAAe,EAAE,OAAO;QACxB,eAAe,EAAE,IAAA,yCAAsB,EAAC,YAAY,CAAC;QACrD,aAAa,EAAE,CAAC;QAChB,QAAQ,EAAE;YACR,YAAY,EAAE,2BAAY,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM;SAChD;QACD,MAAM,EAAE;YACN,YAAY,EAAE,2BAAY,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM;SAChD;QACD,QAAQ,EAAE;YACR,aAAa,EAAE,GAAG;SACnB;QACD,MAAM,EAAE;YACN,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,SAAS,EAAE,UAAU;YACrB,QAAQ,EAAE,EAAE;YACZ,YAAY,EAAE,EAAE;SACjB;QACD,MAAM,EAAE;YACN,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,SAAS,EAAE,UAAU;YACrB,QAAQ,EAAE,EAAE;YACZ,YAAY,EAAE,EAAE;SACjB;QACD,MAAM,EAAE;YACN,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,SAAS,EAAE,SAAS;YACpB,QAAQ,EAAE,EAAE;YACZ,YAAY,EAAE,EAAE;SACjB;QACD,MAAM,EAAE;YACN,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,SAAS,EAAE,SAAS;YACpB,QAAQ,EAAE,EAAE;YACZ,YAAY,EAAE,EAAE;SACjB;QACD,MAAM,EAAE;YACN,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,SAAS,EAAE,SAAS;YACpB,QAAQ,EAAE,EAAE;YACZ,YAAY,EAAE,EAAE;SACjB;QACD,MAAM,EAAE;YACN,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,SAAS,EAAE,OAAO;YAClB,QAAQ,EAAE,EAAE;YACZ,YAAY,EAAE,EAAE;SACjB;QACD,MAAM,EAAE;YACN,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,SAAS,EAAE,OAAO;YAClB,QAAQ,EAAE,EAAE;YACZ,YAAY,EAAE,EAAE;SACjB;QACD,MAAM,EAAE;YACN,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,SAAS,EAAE,QAAQ;YACnB,QAAQ,EAAE,EAAE;YACZ,YAAY,EAAE,EAAE;SACjB;QACD,MAAM,EAAE;YACN,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,SAAS,EAAE,OAAO;YAClB,QAAQ,EAAE,EAAE;YACZ,YAAY,EAAE,EAAE;SACjB;QACD,MAAM,EAAE;YACN,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,SAAS,EAAE,OAAO;YAClB,QAAQ,EAAE,EAAE;YACZ,YAAY,EAAE,EAAE;SACjB;QACD,MAAM,EAAE;YACN,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,SAAS,EAAE,SAAS;YACpB,QAAQ,EAAE,EAAE;YACZ,YAAY,EAAE,EAAE;SACjB;QACD,OAAO,EAAE;YACP,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,GAAG;YACX,SAAS,EAAE,SAAS;YACpB,QAAQ,EAAE,EAAE;YACZ,YAAY,EAAE,EAAE;SACjB;KACiB,CAAA;AApGpB,CAoGoB,CAAC;AArGV,QAAA,qBAAqB,yBAqGX"}
|