@fluentui-react-native/experimental-avatar 0.14.43 → 0.14.44
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 +16 -1
- package/CHANGELOG.md +10 -2
- package/MIGRATION.md +1 -2
- package/SPEC.md +1 -11
- package/lib/JSAvatar.d.ts +2 -2
- package/lib/JSAvatar.d.ts.map +1 -1
- package/lib/JSAvatar.js +17 -8
- package/lib/JSAvatar.js.map +1 -1
- package/lib/JSAvatar.styling.d.ts.map +1 -1
- package/lib/JSAvatar.styling.js +69 -25
- package/lib/JSAvatar.styling.js.map +1 -1
- package/lib/JSAvatar.types.d.ts +43 -22
- package/lib/JSAvatar.types.d.ts.map +1 -1
- package/lib/JSAvatarTokens.d.ts.map +1 -1
- package/lib/JSAvatarTokens.js +0 -2
- package/lib/JSAvatarTokens.js.map +1 -1
- package/lib/JSAvatarTokens.win32.d.ts.map +1 -1
- package/lib/JSAvatarTokens.win32.js +0 -2
- package/lib/JSAvatarTokens.win32.js.map +1 -1
- package/lib/useAvatar.d.ts.map +1 -1
- package/lib/useAvatar.js +5 -4
- package/lib/useAvatar.js.map +1 -1
- package/lib-commonjs/JSAvatar.d.ts +2 -2
- package/lib-commonjs/JSAvatar.d.ts.map +1 -1
- package/lib-commonjs/JSAvatar.js +16 -7
- package/lib-commonjs/JSAvatar.js.map +1 -1
- package/lib-commonjs/JSAvatar.styling.d.ts.map +1 -1
- package/lib-commonjs/JSAvatar.styling.js +69 -25
- package/lib-commonjs/JSAvatar.styling.js.map +1 -1
- package/lib-commonjs/JSAvatar.types.d.ts +43 -22
- package/lib-commonjs/JSAvatar.types.d.ts.map +1 -1
- package/lib-commonjs/JSAvatarTokens.d.ts.map +1 -1
- package/lib-commonjs/JSAvatarTokens.js +0 -2
- package/lib-commonjs/JSAvatarTokens.js.map +1 -1
- package/lib-commonjs/JSAvatarTokens.win32.d.ts.map +1 -1
- package/lib-commonjs/JSAvatarTokens.win32.js +0 -2
- package/lib-commonjs/JSAvatarTokens.win32.js.map +1 -1
- package/lib-commonjs/useAvatar.d.ts.map +1 -1
- package/lib-commonjs/useAvatar.js +5 -4
- package/lib-commonjs/useAvatar.js.map +1 -1
- package/package.json +1 -1
- package/src/JSAvatar.styling.ts +74 -32
- package/src/JSAvatar.tsx +40 -24
- package/src/JSAvatar.types.ts +51 -24
- package/src/JSAvatarTokens.ts +0 -2
- package/src/JSAvatarTokens.win32.ts +0 -2
- package/src/__tests__/__snapshots__/JSAvatar.test.jsx.snap +52 -55
- package/src/useAvatar.ts +7 -3
- package/lib/JSAvatar.helpers.d.ts +0 -7
- package/lib/JSAvatar.helpers.d.ts.map +0 -1
- package/lib/JSAvatar.helpers.js +0 -28
- package/lib/JSAvatar.helpers.js.map +0 -1
- package/lib-commonjs/JSAvatar.helpers.d.ts +0 -7
- package/lib-commonjs/JSAvatar.helpers.d.ts.map +0 -1
- package/lib-commonjs/JSAvatar.helpers.js +0 -32
- package/lib-commonjs/JSAvatar.helpers.js.map +0 -1
- package/src/JSAvatar.helpers.ts +0 -35
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,22 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/experimental-avatar",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "Thu, 16 Jun 2022
|
|
5
|
+
"date": "Thu, 16 Jun 2022 19:10:48 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/experimental-avatar_v0.14.44",
|
|
7
|
+
"version": "0.14.44",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "v.kozova13@gmail.com",
|
|
12
|
+
"package": "@fluentui-react-native/experimental-avatar",
|
|
13
|
+
"commit": "531fc8d94b1452887b43073ea629838a72f0a7f5",
|
|
14
|
+
"comment": "Added ring configuration"
|
|
15
|
+
}
|
|
16
|
+
]
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
"date": "Thu, 16 Jun 2022 17:09:28 GMT",
|
|
6
21
|
"tag": "@fluentui-react-native/experimental-avatar_v0.14.43",
|
|
7
22
|
"version": "0.14.43",
|
|
8
23
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,20 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/experimental-avatar
|
|
2
2
|
|
|
3
|
-
This log was last generated on Thu, 16 Jun 2022
|
|
3
|
+
This log was last generated on Thu, 16 Jun 2022 19:10:48 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.14.44
|
|
8
|
+
|
|
9
|
+
Thu, 16 Jun 2022 19:10:48 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- Added ring configuration (v.kozova13@gmail.com)
|
|
14
|
+
|
|
7
15
|
## 0.14.43
|
|
8
16
|
|
|
9
|
-
Thu, 16 Jun 2022 17:
|
|
17
|
+
Thu, 16 Jun 2022 17:09:28 GMT
|
|
10
18
|
|
|
11
19
|
### Patches
|
|
12
20
|
|
package/MIGRATION.md
CHANGED
|
@@ -41,8 +41,6 @@
|
|
|
41
41
|
|
|
42
42
|
- `iconSize`
|
|
43
43
|
- `iconWeight`
|
|
44
|
-
- `horizontalIconAlignment`
|
|
45
|
-
- `verticalIconAlignment`
|
|
46
44
|
- `size`
|
|
47
45
|
|
|
48
46
|
### Tokens no longer supported with an equivalent functionality in Avatar
|
|
@@ -56,6 +54,7 @@
|
|
|
56
54
|
|
|
57
55
|
- `iconStrokeWidth` and `iconStrokeColor` => This was for activity ring around the Avatar.
|
|
58
56
|
We support ring in `activeAppearance` prop. `borderColor` will be changed using `ringColor` token and `borderWidth` using ringThickness token.
|
|
57
|
+
- `horizontalIconAlignment` and `verticalIconAlignment` => these props were responsible for presence badge position.
|
|
59
58
|
|
|
60
59
|
### New tokens
|
|
61
60
|
|
package/SPEC.md
CHANGED
|
@@ -185,7 +185,7 @@ Tokens can be used to customize the styling of the control by using the `customi
|
|
|
185
185
|
```ts
|
|
186
186
|
export interface JSAvatarTokens extends IBackgroundColorTokens, IForegroundColorTokens, AvatarConfigurableProps, IBorderTokens, FontTokens {
|
|
187
187
|
/**
|
|
188
|
-
* Avatar
|
|
188
|
+
* Avatar opacity which is changed depending on `active` prop.
|
|
189
189
|
*/
|
|
190
190
|
avatarOpacity?: number;
|
|
191
191
|
|
|
@@ -204,11 +204,6 @@ export interface JSAvatarTokens extends IBackgroundColorTokens, IForegroundColor
|
|
|
204
204
|
*/
|
|
205
205
|
iconSize?: number;
|
|
206
206
|
|
|
207
|
-
/**
|
|
208
|
-
* The height of the avatar.
|
|
209
|
-
*/
|
|
210
|
-
height?: number;
|
|
211
|
-
|
|
212
207
|
/**
|
|
213
208
|
* Avatar shapes:
|
|
214
209
|
*/
|
|
@@ -220,11 +215,6 @@ export interface JSAvatarTokens extends IBackgroundColorTokens, IForegroundColor
|
|
|
220
215
|
*/
|
|
221
216
|
inactive?: JSAvatarTokens;
|
|
222
217
|
|
|
223
|
-
/**
|
|
224
|
-
* The width of the avatar.
|
|
225
|
-
*/
|
|
226
|
-
width?: number;
|
|
227
|
-
|
|
228
218
|
/**
|
|
229
219
|
* Avatar sizes:
|
|
230
220
|
*/
|
package/lib/JSAvatar.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { JSAvatarProps, JSAvatarState } from './JSAvatar.types';
|
|
1
|
+
import { JSAvatarProps, JSAvatarState, AvatarSlotProps } from './JSAvatar.types';
|
|
2
2
|
/**
|
|
3
3
|
* A function which determines if a set of styles should be applied to the compoent given the current state and props of the avatar.
|
|
4
4
|
*
|
|
@@ -8,5 +8,5 @@ import { JSAvatarProps, JSAvatarState } from './JSAvatar.types';
|
|
|
8
8
|
* @returns Whether the styles that are assigned to the layer should be applied to the avatar
|
|
9
9
|
*/
|
|
10
10
|
export declare const avatarLookup: (layer: string, state: JSAvatarState, userProps: JSAvatarProps) => boolean;
|
|
11
|
-
export declare const JSAvatar: import("@fluentui-react-native/framework").ComposableComponent<JSAvatarProps,
|
|
11
|
+
export declare const JSAvatar: import("@fluentui-react-native/framework").ComposableComponent<JSAvatarProps, AvatarSlotProps, import("./JSAvatar.types").JSAvatarTokens, object>;
|
|
12
12
|
//# sourceMappingURL=JSAvatar.d.ts.map
|
package/lib/JSAvatar.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JSAvatar.d.ts","sourceRoot":"","sources":["../src/JSAvatar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"JSAvatar.d.ts","sourceRoot":"","sources":["../src/JSAvatar.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAA8B,aAAa,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAS7G;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,UAAW,MAAM,SAAS,aAAa,aAAa,aAAa,KAAG,OAY5F,CAAC;AAEF,eAAO,MAAM,QAAQ,mJA8BnB,CAAC"}
|
package/lib/JSAvatar.js
CHANGED
|
@@ -22,14 +22,14 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
22
22
|
};
|
|
23
23
|
/** @jsx withSlots */
|
|
24
24
|
import { Image, View, Text, Platform } from 'react-native';
|
|
25
|
+
import { Fragment } from 'react';
|
|
25
26
|
import { JSAvatarName } from './JSAvatar.types';
|
|
26
27
|
import { stylingSettings } from './JSAvatar.styling';
|
|
27
28
|
import { compose, mergeProps, withSlots } from '@fluentui-react-native/framework';
|
|
28
29
|
import { useAvatar } from './useAvatar';
|
|
29
30
|
import { PresenceBadge } from '@fluentui-react-native/badge';
|
|
30
31
|
import { Icon } from '@fluentui-react-native/icon';
|
|
31
|
-
import {
|
|
32
|
-
import { SvgXml } from 'react-native-svg';
|
|
32
|
+
import { Svg, Path } from 'react-native-svg';
|
|
33
33
|
/**
|
|
34
34
|
* 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
35
|
*
|
|
@@ -59,17 +59,26 @@ export var JSAvatar = compose(__assign(__assign({ displayName: JSAvatarName }, s
|
|
|
59
59
|
badge: PresenceBadge,
|
|
60
60
|
}, useRender: function (userProps, useSlots) {
|
|
61
61
|
var avatar = useAvatar(userProps);
|
|
62
|
-
var iconProps = createIconProps(userProps.icon);
|
|
63
62
|
var Slots = useSlots(avatar.props, function (layer) { return avatarLookup(layer, avatar.state, avatar.props); });
|
|
64
63
|
return function (final) {
|
|
65
|
-
var _a =
|
|
66
|
-
var _b = avatar.
|
|
64
|
+
var _a = avatar.state, showRing = _a.showRing, transparentRing = _a.transparentRing, showBadge = _a.showBadge;
|
|
65
|
+
var _b = avatar.props, badge = _b.badge, mergedProps = __rest(_b, ["badge"]);
|
|
67
66
|
var svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(Platform.OS);
|
|
68
|
-
var
|
|
67
|
+
var RingComponent = showRing && !transparentRing ? Slots.ring : Fragment;
|
|
69
68
|
return (withSlots(Slots.root, __assign({}, mergedProps),
|
|
70
|
-
|
|
71
|
-
showRing && !transparentRing && withSlots(Slots.ring, null),
|
|
69
|
+
withSlots(RingComponent, null, renderAvatar(final, avatar.props, Slots, svgIconsEnabled)),
|
|
72
70
|
svgIconsEnabled && showBadge && withSlots(Slots.badge, __assign({}, badge))));
|
|
73
71
|
};
|
|
74
72
|
} }));
|
|
73
|
+
function renderAvatar(final, avatarProps, Slots, svgIconsEnabled) {
|
|
74
|
+
var _a = mergeProps(avatarProps, final), icon = _a.icon, initials = _a.initials, imageUrl = _a.imageUrl;
|
|
75
|
+
return imageUrl ? (withSlots(Slots.image, { source: { uri: imageUrl } })) : (withSlots(Slots.initialsBackground, { accessible: false }, initials ? (withSlots(Slots.initials, { accessible: false }, initials)) : avatarProps.icon ? (withSlots(Slots.icon, __assign({}, icon, { accessible: false }))) : (svgIconsEnabled && withSlots(Slots.icon, { svgSource: svgProps, accessible: false }))));
|
|
76
|
+
}
|
|
77
|
+
var fallbackIconSvg = function () {
|
|
78
|
+
return (withSlots(Svg, { viewBox: "0 0 14 16" },
|
|
79
|
+
withSlots(Path, { fill: "currentColor", d: "M7 0C4.79086 0 3 1.79086 3 4C3 6.20914 4.79086 8 7 8C9.20914 8 11 6.20914 11 4C11 1.79086 9.20914 0 7 0ZM4 4C4 2.34315 5.34315 1 7 1C8.65685 1 10 2.34315 10 4C10 5.65685 8.65685 7 7 7C5.34315 7 4 5.65685 4 4ZM2.00873 9C0.903151 9 0 9.88687 0 11C0 12.6912 0.83281 13.9663 2.13499 14.7966C3.41697 15.614 5.14526 16 7 16C8.85474 16 10.583 15.614 11.865 14.7966C13.1672 13.9663 14 12.6912 14 11C14 9.89557 13.1045 9.00001 12 9.00001L2.00873 9ZM1 11C1 10.4467 1.44786 10 2.00873 10L12 10C12.5522 10 13 10.4478 13 11C13 12.3088 12.3777 13.2837 11.3274 13.9534C10.2568 14.636 8.73511 15 7 15C5.26489 15 3.74318 14.636 2.67262 13.9534C1.62226 13.2837 1 12.3088 1 11Z" })));
|
|
80
|
+
};
|
|
81
|
+
var svgProps = {
|
|
82
|
+
src: fallbackIconSvg,
|
|
83
|
+
};
|
|
75
84
|
//# sourceMappingURL=JSAvatar.js.map
|
package/lib/JSAvatar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JSAvatar.js","sourceRoot":"","sources":["../src/JSAvatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,qBAAqB;AACrB,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,EAA+B,YAAY,
|
|
1
|
+
{"version":3,"file":"JSAvatar.js","sourceRoot":"","sources":["../src/JSAvatar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JSAvatar.styling.d.ts","sourceRoot":"","sources":["../src/JSAvatar.styling.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,cAAc,EAEd,eAAe,EACf,aAAa,EAMd,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAS,iBAAiB,EAAc,MAAM,kCAAkC,CAAC;
|
|
1
|
+
{"version":3,"file":"JSAvatar.styling.d.ts","sourceRoot":"","sources":["../src/JSAvatar.styling.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,cAAc,EAEd,eAAe,EACf,aAAa,EAMd,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAS,iBAAiB,EAAc,MAAM,kCAAkC,CAAC;AAKxF,eAAO,MAAM,YAAY,EAAE,CAAC,MAAM,cAAc,CAAC,EAWhD,CAAC;AAYF,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,aAAa,EAAE,eAAe,EAAE,cAAc,CAyH7F,CAAC"}
|
package/lib/JSAvatar.styling.js
CHANGED
|
@@ -21,45 +21,46 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
|
21
21
|
import { JSAvatarName, AvatarColors, AvatarSizesForTokens, ColorSchemes, } from './JSAvatar.types';
|
|
22
22
|
import { buildProps } from '@fluentui-react-native/framework';
|
|
23
23
|
import { defaultJSAvatarTokens } from './JSAvatarTokens';
|
|
24
|
-
import { getRingConfig } from './JSAvatar.helpers';
|
|
25
24
|
import { borderStyles, fontStyles } from '@fluentui-react-native/tokens';
|
|
26
|
-
|
|
27
|
-
start: 'flex-start',
|
|
28
|
-
center: 'center',
|
|
29
|
-
end: 'flex-end',
|
|
30
|
-
};
|
|
25
|
+
import { globalTokens } from '@fluentui-react-native/theme-tokens';
|
|
31
26
|
export var avatarStates = __spreadArray(__spreadArray(__spreadArray([], AvatarColors, true), AvatarSizesForTokens, true), [
|
|
32
27
|
'neutral',
|
|
33
28
|
'brand',
|
|
34
29
|
'circular',
|
|
35
30
|
'square',
|
|
36
31
|
'inactive',
|
|
37
|
-
'ringColor',
|
|
38
32
|
'iconColor',
|
|
39
33
|
'iconSize',
|
|
40
34
|
'size',
|
|
41
35
|
], false);
|
|
42
|
-
var tokensThatAreAlsoProps = [
|
|
36
|
+
var tokensThatAreAlsoProps = [
|
|
37
|
+
'active',
|
|
38
|
+
'avatarColor',
|
|
39
|
+
'initialsColor',
|
|
40
|
+
'ringBackgroundColor',
|
|
41
|
+
'ringColor',
|
|
42
|
+
'ringInnerGap',
|
|
43
|
+
'ringThickness',
|
|
44
|
+
];
|
|
43
45
|
export var stylingSettings = {
|
|
44
46
|
tokens: [defaultJSAvatarTokens, JSAvatarName],
|
|
45
47
|
tokensThatAreAlsoProps: tokensThatAreAlsoProps,
|
|
46
48
|
states: avatarStates,
|
|
47
49
|
slotProps: {
|
|
48
50
|
root: buildProps(function (tokens) {
|
|
49
|
-
var
|
|
51
|
+
var size = tokens.size, active = tokens.active, avatarOpacity = tokens.avatarOpacity;
|
|
52
|
+
var ringConfig = getRingConfig(tokens);
|
|
53
|
+
var avatarSize = active === 'active' ? ringConfig.size : size;
|
|
50
54
|
return {
|
|
51
55
|
style: {
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
alignItems: nameMap[verticalIconAlignment || 'end'],
|
|
57
|
-
horizontalIconAlignment: horizontalIconAlignment,
|
|
58
|
-
verticalIconAlignment: verticalIconAlignment,
|
|
56
|
+
alignItems: 'center',
|
|
57
|
+
justifyContent: 'center',
|
|
58
|
+
width: avatarSize,
|
|
59
|
+
height: avatarSize,
|
|
59
60
|
opacity: avatarOpacity,
|
|
60
61
|
},
|
|
61
62
|
};
|
|
62
|
-
}, ['
|
|
63
|
+
}, ['avatarOpacity', 'size']),
|
|
63
64
|
initials: buildProps(function (tokens, theme) {
|
|
64
65
|
return {
|
|
65
66
|
style: __assign(__assign({}, fontStyles.from(tokens, theme)), { color: tokens.initialsColor || tokens.color, textAlign: 'center' }),
|
|
@@ -70,12 +71,14 @@ export var stylingSettings = {
|
|
|
70
71
|
var _avatarColor = !avatarColor || AvatarColors.includes(avatarColor) || ColorSchemes.includes(avatarColor)
|
|
71
72
|
? backgroundColor
|
|
72
73
|
: avatarColor;
|
|
74
|
+
var ringConfig = getRingConfig(tokens);
|
|
73
75
|
return {
|
|
74
|
-
style: __assign(__assign({}, borderStyles.from(tokens, theme)), { width: size, height: size,
|
|
76
|
+
style: __assign(__assign({}, borderStyles.from(tokens, theme)), { width: size, height: size, justifyContent: 'center', alignItems: 'center', backgroundColor: _avatarColor, borderWidth: tokens.borderWidth, borderColor: tokens.borderColor, marginTop: ringConfig.ringThickness, marginLeft: ringConfig.ringThickness }),
|
|
75
77
|
};
|
|
76
|
-
}, __spreadArray(['avatarColor', 'backgroundColor', 'size', 'borderColor', 'borderWidth'], borderStyles.keys, true)),
|
|
78
|
+
}, __spreadArray(['avatarColor', 'backgroundColor', 'size', 'borderColor', 'borderWidth', 'ringThickness'], borderStyles.keys, true)),
|
|
77
79
|
image: buildProps(function (tokens) {
|
|
78
80
|
var borderRadius = tokens.borderRadius, size = tokens.size, borderWidth = tokens.borderWidth, borderColor = tokens.borderColor;
|
|
81
|
+
var ringConfig = getRingConfig(tokens);
|
|
79
82
|
return {
|
|
80
83
|
style: {
|
|
81
84
|
borderRadius: borderRadius,
|
|
@@ -83,26 +86,29 @@ export var stylingSettings = {
|
|
|
83
86
|
height: size,
|
|
84
87
|
borderWidth: borderWidth,
|
|
85
88
|
borderColor: borderColor,
|
|
89
|
+
marginTop: ringConfig.ringThickness,
|
|
90
|
+
marginLeft: ringConfig.ringThickness,
|
|
86
91
|
},
|
|
87
92
|
};
|
|
88
|
-
}, ['borderRadius', 'size', 'borderColor', 'borderWidth']),
|
|
93
|
+
}, ['borderRadius', 'size', 'borderColor', 'borderWidth', 'ringThickness']),
|
|
89
94
|
icon: buildProps(function (tokens) {
|
|
90
95
|
return {
|
|
91
96
|
style: {
|
|
92
97
|
position: 'absolute',
|
|
93
|
-
fontSize: tokens.iconSize,
|
|
98
|
+
fontSize: tokens.iconSize || tokens.fontSize,
|
|
94
99
|
},
|
|
95
|
-
color: tokens.color,
|
|
100
|
+
color: tokens.iconColor || tokens.color,
|
|
96
101
|
width: tokens.iconSize,
|
|
97
102
|
height: tokens.iconSize,
|
|
98
103
|
};
|
|
99
104
|
}, ['iconSize', 'iconColor']),
|
|
100
105
|
ring: buildProps(function (tokens, theme) {
|
|
101
|
-
var
|
|
106
|
+
var ringColor = tokens.ringColor, ringBackgroundColor = tokens.ringBackgroundColor;
|
|
107
|
+
var ringConfig = getRingConfig(tokens);
|
|
102
108
|
return {
|
|
103
|
-
style: __assign(__assign({ borderStyle: 'solid', width: ringConfig.size, height: ringConfig.size
|
|
109
|
+
style: __assign(__assign({ borderStyle: 'solid', width: ringConfig.size, height: ringConfig.size }, borderStyles.from(tokens, theme)), { borderWidth: ringConfig.ringThickness, backgroundColor: ringBackgroundColor || 'transparent', borderColor: ringColor }),
|
|
104
110
|
};
|
|
105
|
-
}, __spreadArray(['size', 'ringColor'], borderStyles.keys, true)),
|
|
111
|
+
}, __spreadArray(['size', 'ringColor', 'ringBackgroundColor', 'ringThickness'], borderStyles.keys, true)),
|
|
106
112
|
badge: buildProps(function (tokens) {
|
|
107
113
|
return {
|
|
108
114
|
size: tokens.badgeSize,
|
|
@@ -111,4 +117,42 @@ export var stylingSettings = {
|
|
|
111
117
|
}, ['badgeSize']),
|
|
112
118
|
},
|
|
113
119
|
};
|
|
120
|
+
function getRingConfig(tokens) {
|
|
121
|
+
var size = tokens.size, ringThickness = tokens.ringThickness;
|
|
122
|
+
var SMALL_SIZE = 48;
|
|
123
|
+
var MEDIUM_SIZE = 71;
|
|
124
|
+
var strokeSize = {
|
|
125
|
+
small: globalTokens.stroke.width.thick,
|
|
126
|
+
medium: globalTokens.stroke.width.thicker,
|
|
127
|
+
large: globalTokens.stroke.width.thickest,
|
|
128
|
+
};
|
|
129
|
+
if (ringThickness) {
|
|
130
|
+
return {
|
|
131
|
+
size: size + ringThickness * 4,
|
|
132
|
+
ringThickness: ringThickness,
|
|
133
|
+
innerStroke: ringThickness,
|
|
134
|
+
};
|
|
135
|
+
}
|
|
136
|
+
else {
|
|
137
|
+
if (size <= SMALL_SIZE) {
|
|
138
|
+
return {
|
|
139
|
+
size: size + strokeSize.small * 4,
|
|
140
|
+
ringThickness: strokeSize.small,
|
|
141
|
+
innerStroke: strokeSize.small,
|
|
142
|
+
};
|
|
143
|
+
}
|
|
144
|
+
if (size <= MEDIUM_SIZE) {
|
|
145
|
+
return {
|
|
146
|
+
size: size + strokeSize.medium * 4,
|
|
147
|
+
ringThickness: strokeSize.medium,
|
|
148
|
+
innerStroke: strokeSize.medium,
|
|
149
|
+
};
|
|
150
|
+
}
|
|
151
|
+
return {
|
|
152
|
+
size: size + strokeSize.large * 4,
|
|
153
|
+
ringThickness: strokeSize.large,
|
|
154
|
+
innerStroke: strokeSize.large,
|
|
155
|
+
};
|
|
156
|
+
}
|
|
157
|
+
}
|
|
114
158
|
//# sourceMappingURL=JSAvatar.styling.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JSAvatar.styling.js","sourceRoot":"","sources":["../src/JSAvatar.styling.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EACL,YAAY,EAKZ,YAAY,EACZ,oBAAoB,EAEpB,YAAY,GAEb,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAA4B,UAAU,EAAE,MAAM,kCAAkC,CAAC;AACxF,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"JSAvatar.styling.js","sourceRoot":"","sources":["../src/JSAvatar.styling.ts"],"names":[],"mappings":"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"}
|
package/lib/JSAvatar.types.d.ts
CHANGED
|
@@ -18,13 +18,16 @@ export declare type AvatarShape = 'circular' | 'square';
|
|
|
18
18
|
export declare type AvatarActive = 'active' | 'inactive' | 'unset';
|
|
19
19
|
export declare type AvatarActiveAppearance = 'ring';
|
|
20
20
|
export declare type AvatarColor = AvatarColorSchemes | AvatarNamedColor | ColorValue;
|
|
21
|
-
export declare type IconAlignment = 'start' | 'center' | 'end';
|
|
22
|
-
export interface RingConfig {
|
|
23
|
-
transparent?: boolean;
|
|
24
|
-
ringThickness?: number;
|
|
25
|
-
innerGap?: number;
|
|
26
|
-
}
|
|
27
21
|
export interface AvatarConfigurableProps {
|
|
22
|
+
/**
|
|
23
|
+
* Optional activity indicator
|
|
24
|
+
* * active: the avatar will be decorated according to activeAppearance
|
|
25
|
+
* * inactive: the avatar will be reduced in size and partially transparent
|
|
26
|
+
* * unset: normal display
|
|
27
|
+
*
|
|
28
|
+
* @defaultvalue unset
|
|
29
|
+
*/
|
|
30
|
+
active?: AvatarActive;
|
|
28
31
|
/**
|
|
29
32
|
* The color when displaying either an icon or initials.
|
|
30
33
|
* * neutral (default): gray
|
|
@@ -36,7 +39,14 @@ export interface AvatarConfigurableProps {
|
|
|
36
39
|
*/
|
|
37
40
|
avatarColor?: AvatarColor;
|
|
38
41
|
initialsColor?: ColorValue;
|
|
39
|
-
|
|
42
|
+
/**
|
|
43
|
+
* Ring props
|
|
44
|
+
*/
|
|
45
|
+
ringInnerGap?: number;
|
|
46
|
+
ringBackgroundColor?: ColorValue;
|
|
47
|
+
ringColor?: ColorValue;
|
|
48
|
+
ringThickness?: number;
|
|
49
|
+
transparentRing?: boolean;
|
|
40
50
|
/**
|
|
41
51
|
* Size of the avatar in pixels.
|
|
42
52
|
*
|
|
@@ -48,15 +58,6 @@ export interface AvatarConfigurableProps {
|
|
|
48
58
|
size?: AvatarSize;
|
|
49
59
|
}
|
|
50
60
|
export interface JSAvatarProps extends IViewProps, AvatarConfigurableProps {
|
|
51
|
-
/**
|
|
52
|
-
* Optional activity indicator
|
|
53
|
-
* * active: the avatar will be decorated according to activeAppearance
|
|
54
|
-
* * inactive: the avatar will be reduced in size and partially transparent
|
|
55
|
-
* * unset: normal display
|
|
56
|
-
*
|
|
57
|
-
* @defaultvalue unset
|
|
58
|
-
*/
|
|
59
|
-
active?: AvatarActive;
|
|
60
61
|
/**
|
|
61
62
|
* The appearance when `active="active"`
|
|
62
63
|
*
|
|
@@ -106,16 +107,34 @@ export interface JSAvatarProps extends IViewProps, AvatarConfigurableProps {
|
|
|
106
107
|
imageUrl?: string;
|
|
107
108
|
}
|
|
108
109
|
export interface JSAvatarTokens extends IBackgroundColorTokens, IForegroundColorTokens, AvatarConfigurableProps, IBorderTokens, FontTokens {
|
|
110
|
+
/**
|
|
111
|
+
* Avatar opacity which is changed depending on `active` prop.
|
|
112
|
+
*/
|
|
113
|
+
avatarOpacity?: number;
|
|
114
|
+
/**
|
|
115
|
+
* The size of presence badge.
|
|
116
|
+
*/
|
|
117
|
+
badgeSize?: BadgeSize;
|
|
118
|
+
/**
|
|
119
|
+
* The icon color.
|
|
120
|
+
*/
|
|
109
121
|
iconColor?: ColorValue;
|
|
122
|
+
/**
|
|
123
|
+
* The size of the icon.
|
|
124
|
+
*/
|
|
110
125
|
iconSize?: number;
|
|
111
|
-
|
|
112
|
-
|
|
126
|
+
/**
|
|
127
|
+
* Avatar shapes:
|
|
128
|
+
*/
|
|
113
129
|
circular?: JSAvatarTokens;
|
|
114
|
-
ringColor?: ColorValue;
|
|
115
|
-
ringBackgroundColor?: ColorValue;
|
|
116
130
|
square?: JSAvatarTokens;
|
|
131
|
+
/**
|
|
132
|
+
* Token for inactive value of `active` prop
|
|
133
|
+
*/
|
|
117
134
|
inactive?: JSAvatarTokens;
|
|
118
|
-
|
|
135
|
+
/**
|
|
136
|
+
* Avatar sizes:
|
|
137
|
+
*/
|
|
119
138
|
size20?: JSAvatarTokens;
|
|
120
139
|
size24?: JSAvatarTokens;
|
|
121
140
|
size28?: JSAvatarTokens;
|
|
@@ -128,7 +147,9 @@ export interface JSAvatarTokens extends IBackgroundColorTokens, IForegroundColor
|
|
|
128
147
|
size72?: JSAvatarTokens;
|
|
129
148
|
size96?: JSAvatarTokens;
|
|
130
149
|
size120?: JSAvatarTokens;
|
|
131
|
-
|
|
150
|
+
/**
|
|
151
|
+
* Avatar colors:
|
|
152
|
+
*/
|
|
132
153
|
neutral?: JSAvatarTokens;
|
|
133
154
|
brand?: JSAvatarTokens;
|
|
134
155
|
darkRed?: JSAvatarTokens;
|
|
@@ -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,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC1H,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzF,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAEzE,eAAO,MAAM,YAAY,WAAW,CAAC;AACrC,eAAO,MAAM,oBAAoB,oIAavB,CAAC;AAEX,eAAO,MAAM,WAAW,4DAA6D,CAAC;AAEtF;;GAEG;AACH,eAAO,MAAM,YAAY,0VAkCf,CAAC;AACX,eAAO,MAAM,YAAY,2CAA4C,CAAC;AACtE,oBAAY,UAAU,GAAG,OAAO,WAAW,CAAC,MAAM,CAAC,CAAC;AACpD,oBAAY,gBAAgB,GAAG,OAAO,YAAY,CAAC,MAAM,CAAC,CAAC;AAC3D,oBAAY,kBAAkB,GAAG,OAAO,YAAY,CAAC,MAAM,CAAC,CAAC;AAE7D,oBAAY,WAAW,GAAG,UAAU,GAAG,QAAQ,CAAC;AAChD,oBAAY,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;AAC3D,oBAAY,sBAAsB,GAAG,MAAM,CAAC;AAC5C,oBAAY,WAAW,GAAG,kBAAkB,GAAG,gBAAgB,GAAG,UAAU,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":"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;AAGnC,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;AAGnC,eAAO,MAAM,qBAAqB,EAAE,aAAa,CAAC,cAAc,EAAE,KAAK,CAiKjD,CAAC"}
|
package/lib/JSAvatarTokens.js
CHANGED
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import { globalTokens } from '@fluentui-react-native/theme-tokens';
|
|
2
2
|
export var defaultJSAvatarTokens = function (t) {
|
|
3
3
|
return ({
|
|
4
|
-
horizontalIconAlignment: 'end',
|
|
5
|
-
verticalIconAlignment: 'end',
|
|
6
4
|
color: t.colors.neutralForeground3,
|
|
7
5
|
backgroundColor: t.colors.neutralBackground6,
|
|
8
6
|
avatarOpacity: 1,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JSAvatarTokens.js","sourceRoot":"","sources":["../src/JSAvatarTokens.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAEnE,MAAM,CAAC,IAAM,qBAAqB,GAAyC,UAAC,CAAQ;IAClF,OAAA,CAAC;QACC,
|
|
1
|
+
{"version":3,"file":"JSAvatarTokens.js","sourceRoot":"","sources":["../src/JSAvatarTokens.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JSAvatarTokens.win32.d.ts","sourceRoot":"","sources":["../src/JSAvatarTokens.win32.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;AAGnC,eAAO,MAAM,qBAAqB,EAAE,aAAa,CAAC,cAAc,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"JSAvatarTokens.win32.d.ts","sourceRoot":"","sources":["../src/JSAvatarTokens.win32.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;AAGnC,eAAO,MAAM,qBAAqB,EAAE,aAAa,CAAC,cAAc,EAAE,KAAK,CAkKjD,CAAC"}
|
|
@@ -2,8 +2,6 @@ import { globalTokens } from '@fluentui-react-native/theme-tokens';
|
|
|
2
2
|
export var defaultJSAvatarTokens = function (t) {
|
|
3
3
|
return ({
|
|
4
4
|
badgeSize: 'smallest',
|
|
5
|
-
horizontalIconAlignment: 'end',
|
|
6
|
-
verticalIconAlignment: 'end',
|
|
7
5
|
color: t.colors.neutralForeground3,
|
|
8
6
|
backgroundColor: t.colors.neutralBackground6,
|
|
9
7
|
avatarOpacity: 1,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JSAvatarTokens.win32.js","sourceRoot":"","sources":["../src/JSAvatarTokens.win32.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAEnE,MAAM,CAAC,IAAM,qBAAqB,GAAyC,UAAC,CAAQ;IAClF,OAAA,CAAC;QACC,SAAS,EAAE,UAAU;QACrB,
|
|
1
|
+
{"version":3,"file":"JSAvatarTokens.win32.js","sourceRoot":"","sources":["../src/JSAvatarTokens.win32.ts"],"names":[],"mappings":"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"}
|
package/lib/useAvatar.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useAvatar.d.ts","sourceRoot":"","sources":["../src/useAvatar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAA+B,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"useAvatar.d.ts","sourceRoot":"","sources":["../src/useAvatar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAA+B,MAAM,kBAAkB,CAAC;AAK1F;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,UAAW,aAAa,KAAG,UAwDhD,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,SAAU,MAAM,KAAG,MAe1C,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,yBAAyB,SAAU,MAAM,KAAG,MAAM,EAc9D,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,UAAW,MAAM,EAAE,KAAG,MAAM,EAE5D,CAAC"}
|