@fluentui-react-native/experimental-avatar 0.16.30 → 0.17.0
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 +31 -1
- package/CHANGELOG.md +18 -2
- package/FRNAvatar.podspec +2 -2
- package/ios/AvatarViewManager.swift +7 -6
- package/ios/FRNAvatarViewManager.m +8 -7
- package/lib/NativeAvatar.d.ts +2 -1
- package/lib/NativeAvatar.d.ts.map +1 -1
- package/lib/NativeAvatar.js +2 -1
- package/lib/NativeAvatar.js.map +1 -1
- package/lib-commonjs/NativeAvatar.d.ts +2 -1
- package/lib-commonjs/NativeAvatar.d.ts.map +1 -1
- package/lib-commonjs/NativeAvatar.js +3 -2
- package/lib-commonjs/NativeAvatar.js.map +1 -1
- package/macos/AvatarViewManager.swift +7 -6
- package/macos/FRNAvatarViewManager.m +9 -7
- package/package.json +2 -2
- package/src/NativeAvatar.tsx +3 -2
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,37 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/experimental-avatar",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Tue, 27 Dec 2022 21:34:21 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/experimental-avatar_v0.17.0",
|
|
7
|
+
"version": "0.17.0",
|
|
8
|
+
"comments": {
|
|
9
|
+
"minor": [
|
|
10
|
+
{
|
|
11
|
+
"author": "67026548+huwilkes@users.noreply.github.com",
|
|
12
|
+
"package": "@fluentui-react-native/experimental-avatar",
|
|
13
|
+
"commit": "57ea8967c48937d90b2be860eec47e981a3350f0",
|
|
14
|
+
"comment": "Update Mac"
|
|
15
|
+
}
|
|
16
|
+
]
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
"date": "Tue, 27 Dec 2022 10:18:14 GMT",
|
|
21
|
+
"tag": "@fluentui-react-native/experimental-avatar_v0.16.31",
|
|
22
|
+
"version": "0.16.31",
|
|
23
|
+
"comments": {
|
|
24
|
+
"patch": [
|
|
25
|
+
{
|
|
26
|
+
"author": "beachball",
|
|
27
|
+
"package": "@fluentui-react-native/experimental-avatar",
|
|
28
|
+
"comment": "Bump @fluentui-react-native/framework to v0.8.27",
|
|
29
|
+
"commit": "19c7982576e025a7601af0fb727ae6850b8d4aea"
|
|
30
|
+
}
|
|
31
|
+
]
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"date": "Thu, 15 Dec 2022 14:50:50 GMT",
|
|
6
36
|
"tag": "@fluentui-react-native/experimental-avatar_v0.16.30",
|
|
7
37
|
"version": "0.16.30",
|
|
8
38
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,28 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/experimental-avatar
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Tue, 27 Dec 2022 21:34:21 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.17.0
|
|
8
|
+
|
|
9
|
+
Tue, 27 Dec 2022 21:34:21 GMT
|
|
10
|
+
|
|
11
|
+
### Minor changes
|
|
12
|
+
|
|
13
|
+
- Update Mac (67026548+huwilkes@users.noreply.github.com)
|
|
14
|
+
|
|
15
|
+
## 0.16.31
|
|
16
|
+
|
|
17
|
+
Tue, 27 Dec 2022 10:18:14 GMT
|
|
18
|
+
|
|
19
|
+
### Patches
|
|
20
|
+
|
|
21
|
+
- Bump @fluentui-react-native/framework to v0.8.27
|
|
22
|
+
|
|
7
23
|
## 0.16.30
|
|
8
24
|
|
|
9
|
-
Thu, 15 Dec 2022 14:
|
|
25
|
+
Thu, 15 Dec 2022 14:50:50 GMT
|
|
10
26
|
|
|
11
27
|
### Patches
|
|
12
28
|
|
package/FRNAvatar.podspec
CHANGED
|
@@ -16,11 +16,11 @@ Pod::Spec.new do |s|
|
|
|
16
16
|
|
|
17
17
|
s.ios.deployment_target = "14.0"
|
|
18
18
|
s.ios.source_files = "ios/*.{swift,h,m}"
|
|
19
|
-
s.ios.dependency 'MicrosoftFluentUI', '0.
|
|
19
|
+
s.ios.dependency 'MicrosoftFluentUI', '0.10.0'
|
|
20
20
|
|
|
21
21
|
s.osx.deployment_target = "10.15"
|
|
22
22
|
s.osx.source_files = "macos/*.{swift,h,m}"
|
|
23
|
-
s.osx.dependency 'MicrosoftFluentUI', '0.
|
|
23
|
+
s.osx.dependency 'MicrosoftFluentUI', '0.10.0'
|
|
24
24
|
|
|
25
25
|
s.dependency 'React'
|
|
26
26
|
end
|
|
@@ -17,12 +17,13 @@ class AvatarViewManager: RCTViewManager {
|
|
|
17
17
|
override func constantsToExport() -> [AnyHashable : Any]! {
|
|
18
18
|
return [
|
|
19
19
|
"sizes" : [
|
|
20
|
-
"
|
|
21
|
-
"
|
|
22
|
-
"
|
|
23
|
-
"
|
|
24
|
-
"
|
|
25
|
-
"
|
|
20
|
+
"size16" : 16,
|
|
21
|
+
"size20" : 20,
|
|
22
|
+
"size24" : 24,
|
|
23
|
+
"size32" : 32,
|
|
24
|
+
"size40" : 40,
|
|
25
|
+
"size56" : 56,
|
|
26
|
+
"size72" : 72,
|
|
26
27
|
]
|
|
27
28
|
]
|
|
28
29
|
}
|
|
@@ -7,13 +7,14 @@ NS_ASSUME_NONNULL_BEGIN
|
|
|
7
7
|
@implementation RCTConvert (FRNAvatarAdditions)
|
|
8
8
|
|
|
9
9
|
RCT_ENUM_CONVERTER(MSFAvatarSize, (@{
|
|
10
|
-
@"
|
|
11
|
-
@"
|
|
12
|
-
@"
|
|
13
|
-
@"
|
|
14
|
-
@"
|
|
15
|
-
@"
|
|
16
|
-
|
|
10
|
+
@"size16": @(MSFAvatarSizeSize16),
|
|
11
|
+
@"size20": @(MSFAvatarSizeSize20),
|
|
12
|
+
@"size24": @(MSFAvatarSizeSize24),
|
|
13
|
+
@"size32": @(MSFAvatarSizeSize32),
|
|
14
|
+
@"size40": @(MSFAvatarSizeSize40),
|
|
15
|
+
@"size56": @(MSFAvatarSizeSize56),
|
|
16
|
+
@"size72": @(MSFAvatarSizeSize72),
|
|
17
|
+
}), MSFAvatarSizeSize24, integerValue);
|
|
17
18
|
|
|
18
19
|
RCT_ENUM_CONVERTER(MSFAvatarPresence, (@{
|
|
19
20
|
@"none": @(MSFAvatarPresenceNone),
|
package/lib/NativeAvatar.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ImageURISource, ViewProps, ColorValue } from 'react-native';
|
|
2
|
-
export declare
|
|
2
|
+
export declare const Sizes: readonly ["size16", "size20", "size24", "size32", "size40", "size56", "size72"];
|
|
3
|
+
export declare type Size = typeof Sizes[number];
|
|
3
4
|
export declare type AvatarStyle = 'default' | 'accent' | 'group' | 'outlined' | 'outlinedPrimary' | 'overflow';
|
|
4
5
|
export declare type Presence = 'none' | 'available' | 'away' | 'blocked' | 'doNotDisturb' | 'offline' | 'unknown';
|
|
5
6
|
export declare type NativeAvatarTokens = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NativeAvatar.d.ts","sourceRoot":"","sources":["../src/NativeAvatar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAiB,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAOpF,
|
|
1
|
+
{"version":3,"file":"NativeAvatar.d.ts","sourceRoot":"","sources":["../src/NativeAvatar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAiB,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAOpF,eAAO,MAAM,KAAK,iFAAkF,CAAC;AACrG,oBAAY,IAAI,GAAG,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC;AAExC,oBAAY,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,iBAAiB,GAAG,UAAU,CAAC;AAEvG,oBAAY,QAAQ,GAAG,MAAM,GAAG,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,cAAc,GAAG,SAAS,GAAG,SAAS,CAAC;AAQ1G,oBAAY,kBAAkB,GAAG;IAC/B;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,CAAC;AAEF,oBAAY,iBAAiB,GAAG,kBAAkB,GAAG;IACnD;;OAEG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC;IAE7B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,UAAU,CAAC;IAEvB;;OAEG;IACH,eAAe,CAAC,EAAE,UAAU,CAAC;IAE7B;;OAEG;IACH,eAAe,CAAC,EAAE,UAAU,CAAC;IAE7B;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAEpB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,uBAAuB,CAAC,EAAE,cAAc,CAAC;CAC1C,CAAC;AAIF,oBAAY,qBAAqB,GAAG,SAAS,GAAG,iBAAiB,CAAC;AAOlE,eAAO,MAAM,YAAY;UAJJ,qBAAqB;8BAgCxC,CAAC"}
|
package/lib/NativeAvatar.js
CHANGED
|
@@ -15,13 +15,14 @@ import { NativeModules } from 'react-native';
|
|
|
15
15
|
import { ensureNativeComponent } from '@fluentui-react-native/component-cache';
|
|
16
16
|
var avatarName = 'NativeAvatar';
|
|
17
17
|
var NativeAvatarView = ensureNativeComponent('FRNAvatarView');
|
|
18
|
+
export var Sizes = ['size16', 'size20', 'size24', 'size32', 'size40', 'size56', 'size72'];
|
|
18
19
|
var ExportedNativeConstants = NativeModules.FRNAvatarViewManager;
|
|
19
20
|
var tokensThatAreAlsoProps = ['size', 'avatarStyle'];
|
|
20
21
|
export var NativeAvatar = compose({
|
|
21
22
|
displayName: avatarName,
|
|
22
23
|
tokens: [
|
|
23
24
|
{
|
|
24
|
-
size: '
|
|
25
|
+
size: 'size24',
|
|
25
26
|
avatarStyle: 'default',
|
|
26
27
|
},
|
|
27
28
|
avatarName,
|
package/lib/NativeAvatar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NativeAvatar.js","sourceRoot":"","sources":["../src/NativeAvatar.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,qBAAqB;AACrB,OAAO,EAAE,OAAO,EAAY,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AACxG,OAAO,EAAkB,aAAa,EAAyB,MAAM,cAAc,CAAC;AACpF,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAE/E,IAAM,UAAU,GAAG,cAAc,CAAC;AAElC,IAAM,gBAAgB,GAAG,qBAAqB,CAAC,eAAe,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"NativeAvatar.js","sourceRoot":"","sources":["../src/NativeAvatar.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,qBAAqB;AACrB,OAAO,EAAE,OAAO,EAAY,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AACxG,OAAO,EAAkB,aAAa,EAAyB,MAAM,cAAc,CAAC;AACpF,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAE/E,IAAM,UAAU,GAAG,cAAc,CAAC;AAElC,IAAM,gBAAgB,GAAG,qBAAqB,CAAC,eAAe,CAAC,CAAC;AAEhE,MAAM,CAAC,IAAM,KAAK,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAU,CAAC;AAWrG,IAAM,uBAAuB,GAAsB,aAAa,CAAC,oBAAoB,CAAC;AA6EtF,IAAM,sBAAsB,GAAiC,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AASrF,MAAM,CAAC,IAAM,YAAY,GAAG,OAAO,CAAa;IAC9C,WAAW,EAAE,UAAU;IACvB,MAAM,EAAE;QACN;YACE,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,SAAS;SACvB;QACD,UAAU;KACX;IACD,sBAAsB,wBAAA;IACtB,KAAK,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE;IACjC,SAAS,EAAE;QACT,IAAI,EAAE,UAAU,CACd,UAAC,MAAM,IAAK,OAAA,CAAC;YACX,IAAI,EAAE,MAAM,CAAC,IAAI;YACjB,KAAK,EAAE;gBACL,MAAM,EAAE,uBAAuB,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;gBAClD,KAAK,EAAE,uBAAuB,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;aAClD;SACF,CAAC,EANU,CAMV,EACF,CAAC,MAAM,CAAC,CACT;KACF;IACD,SAAS,EAAE,UAAC,KAAwB,EAAE,QAA8B;QAClE,IAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC;QAElC,OAAO,UAAC,IAAuB,IAAK,OAAA,UAAC,IAAI,eAAK,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,EAAI,EAArC,CAAqC,CAAC;IAC5E,CAAC;CACF,CAAC,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ImageURISource, ViewProps, ColorValue } from 'react-native';
|
|
2
|
-
export declare
|
|
2
|
+
export declare const Sizes: readonly ["size16", "size20", "size24", "size32", "size40", "size56", "size72"];
|
|
3
|
+
export declare type Size = typeof Sizes[number];
|
|
3
4
|
export declare type AvatarStyle = 'default' | 'accent' | 'group' | 'outlined' | 'outlinedPrimary' | 'overflow';
|
|
4
5
|
export declare type Presence = 'none' | 'available' | 'away' | 'blocked' | 'doNotDisturb' | 'offline' | 'unknown';
|
|
5
6
|
export declare type NativeAvatarTokens = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NativeAvatar.d.ts","sourceRoot":"","sources":["../src/NativeAvatar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAiB,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAOpF,
|
|
1
|
+
{"version":3,"file":"NativeAvatar.d.ts","sourceRoot":"","sources":["../src/NativeAvatar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAiB,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAOpF,eAAO,MAAM,KAAK,iFAAkF,CAAC;AACrG,oBAAY,IAAI,GAAG,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC;AAExC,oBAAY,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,iBAAiB,GAAG,UAAU,CAAC;AAEvG,oBAAY,QAAQ,GAAG,MAAM,GAAG,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,cAAc,GAAG,SAAS,GAAG,SAAS,CAAC;AAQ1G,oBAAY,kBAAkB,GAAG;IAC/B;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,CAAC;AAEF,oBAAY,iBAAiB,GAAG,kBAAkB,GAAG;IACnD;;OAEG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC;IAE7B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,UAAU,CAAC;IAEvB;;OAEG;IACH,eAAe,CAAC,EAAE,UAAU,CAAC;IAE7B;;OAEG;IACH,eAAe,CAAC,EAAE,UAAU,CAAC;IAE7B;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAEpB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,uBAAuB,CAAC,EAAE,cAAc,CAAC;CAC1C,CAAC;AAIF,oBAAY,qBAAqB,GAAG,SAAS,GAAG,iBAAiB,CAAC;AAOlE,eAAO,MAAM,YAAY;UAJJ,qBAAqB;8BAgCxC,CAAC"}
|
|
@@ -11,20 +11,21 @@ var __assign = (this && this.__assign) || function () {
|
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
-
exports.NativeAvatar = void 0;
|
|
14
|
+
exports.NativeAvatar = exports.Sizes = void 0;
|
|
15
15
|
/** @jsx withSlots */
|
|
16
16
|
var framework_1 = require("@fluentui-react-native/framework");
|
|
17
17
|
var react_native_1 = require("react-native");
|
|
18
18
|
var component_cache_1 = require("@fluentui-react-native/component-cache");
|
|
19
19
|
var avatarName = 'NativeAvatar';
|
|
20
20
|
var NativeAvatarView = (0, component_cache_1.ensureNativeComponent)('FRNAvatarView');
|
|
21
|
+
exports.Sizes = ['size16', 'size20', 'size24', 'size32', 'size40', 'size56', 'size72'];
|
|
21
22
|
var ExportedNativeConstants = react_native_1.NativeModules.FRNAvatarViewManager;
|
|
22
23
|
var tokensThatAreAlsoProps = ['size', 'avatarStyle'];
|
|
23
24
|
exports.NativeAvatar = (0, framework_1.compose)({
|
|
24
25
|
displayName: avatarName,
|
|
25
26
|
tokens: [
|
|
26
27
|
{
|
|
27
|
-
size: '
|
|
28
|
+
size: 'size24',
|
|
28
29
|
avatarStyle: 'default',
|
|
29
30
|
},
|
|
30
31
|
avatarName,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NativeAvatar.js","sourceRoot":"","sources":["../src/NativeAvatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,qBAAqB;AACrB,8DAAwG;AACxG,6CAAoF;AACpF,0EAA+E;AAE/E,IAAM,UAAU,GAAG,cAAc,CAAC;AAElC,IAAM,gBAAgB,GAAG,IAAA,uCAAqB,EAAC,eAAe,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"NativeAvatar.js","sourceRoot":"","sources":["../src/NativeAvatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,qBAAqB;AACrB,8DAAwG;AACxG,6CAAoF;AACpF,0EAA+E;AAE/E,IAAM,UAAU,GAAG,cAAc,CAAC;AAElC,IAAM,gBAAgB,GAAG,IAAA,uCAAqB,EAAC,eAAe,CAAC,CAAC;AAEnD,QAAA,KAAK,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAU,CAAC;AAWrG,IAAM,uBAAuB,GAAsB,4BAAa,CAAC,oBAAoB,CAAC;AA6EtF,IAAM,sBAAsB,GAAiC,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AASxE,QAAA,YAAY,GAAG,IAAA,mBAAO,EAAa;IAC9C,WAAW,EAAE,UAAU;IACvB,MAAM,EAAE;QACN;YACE,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,SAAS;SACvB;QACD,UAAU;KACX;IACD,sBAAsB,wBAAA;IACtB,KAAK,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE;IACjC,SAAS,EAAE;QACT,IAAI,EAAE,IAAA,sBAAU,EACd,UAAC,MAAM,IAAK,OAAA,CAAC;YACX,IAAI,EAAE,MAAM,CAAC,IAAI;YACjB,KAAK,EAAE;gBACL,MAAM,EAAE,uBAAuB,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;gBAClD,KAAK,EAAE,uBAAuB,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;aAClD;SACF,CAAC,EANU,CAMV,EACF,CAAC,MAAM,CAAC,CACT;KACF;IACD,SAAS,EAAE,UAAC,KAAwB,EAAE,QAA8B;QAClE,IAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC;QAElC,OAAO,UAAC,IAAuB,IAAK,OAAA,2BAAC,IAAI,eAAK,IAAA,sBAAU,EAAC,KAAK,EAAE,IAAI,CAAC,EAAI,EAArC,CAAqC,CAAC;IAC5E,CAAC;CACF,CAAC,CAAC"}
|
|
@@ -17,12 +17,13 @@ class AvatarViewManager: RCTViewManager {
|
|
|
17
17
|
override func constantsToExport() -> [AnyHashable : Any]! {
|
|
18
18
|
return [
|
|
19
19
|
"sizes" : [
|
|
20
|
-
"
|
|
21
|
-
"
|
|
22
|
-
"
|
|
23
|
-
"
|
|
24
|
-
"
|
|
25
|
-
"
|
|
20
|
+
"size16" : 16,
|
|
21
|
+
"size20" : 20,
|
|
22
|
+
"size24" : 24,
|
|
23
|
+
"size32" : 32,
|
|
24
|
+
"size40" : 40,
|
|
25
|
+
"size56" : 56,
|
|
26
|
+
"size72" : 72,
|
|
26
27
|
]
|
|
27
28
|
]
|
|
28
29
|
}
|
|
@@ -16,17 +16,19 @@ RCT_REMAP_VIEW_PROPERTY(backgroundColor, avatarBackgroundColor, UIColor)
|
|
|
16
16
|
RCT_CUSTOM_VIEW_PROPERTY(size, NSString, MSFAvatarView)
|
|
17
17
|
{
|
|
18
18
|
NSString *avatarSizeString = [RCTConvert NSString:json];
|
|
19
|
-
if ([avatarSizeString isEqualToString:@"
|
|
19
|
+
if ([avatarSizeString isEqualToString:@"size16"]) {
|
|
20
20
|
[view setAvatarSize:16];
|
|
21
|
-
} else if ([avatarSizeString isEqualToString:@"
|
|
21
|
+
} else if ([avatarSizeString isEqualToString:@"size20"]) {
|
|
22
|
+
[view setAvatarSize:20];
|
|
23
|
+
} else if ([avatarSizeString isEqualToString:@"size24"]) {
|
|
22
24
|
[view setAvatarSize:24];
|
|
23
|
-
} else if ([avatarSizeString isEqualToString:@"
|
|
25
|
+
} else if ([avatarSizeString isEqualToString:@"size32"]) {
|
|
24
26
|
[view setAvatarSize:32];
|
|
25
|
-
} else if ([avatarSizeString isEqualToString:@"
|
|
27
|
+
} else if ([avatarSizeString isEqualToString:@"size40"]) {
|
|
26
28
|
[view setAvatarSize:40];
|
|
27
|
-
} else if ([avatarSizeString isEqualToString:@"
|
|
28
|
-
[view setAvatarSize:
|
|
29
|
-
} else if ([avatarSizeString isEqualToString:@"
|
|
29
|
+
} else if ([avatarSizeString isEqualToString:@"size56"]) {
|
|
30
|
+
[view setAvatarSize:56];
|
|
31
|
+
} else if ([avatarSizeString isEqualToString:@"size72"]) {
|
|
30
32
|
[view setAvatarSize:72];
|
|
31
33
|
}
|
|
32
34
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/experimental-avatar",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.17.0",
|
|
4
4
|
"description": "A cross-platform Avatar component using the Fluent Design System. Currently only implemented on iOS",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Microsoft <fluentuinativeowners@microsoft.com>",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
},
|
|
27
27
|
"dependencies": {
|
|
28
28
|
"@fluentui-react-native/component-cache": "^1.4.2",
|
|
29
|
-
"@fluentui-react-native/framework": "0.8.
|
|
29
|
+
"@fluentui-react-native/framework": "0.8.27"
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|
|
32
32
|
"@fluentui-react-native/eslint-config-rules": "^0.1.1",
|
package/src/NativeAvatar.tsx
CHANGED
|
@@ -7,7 +7,8 @@ const avatarName = 'NativeAvatar';
|
|
|
7
7
|
|
|
8
8
|
const NativeAvatarView = ensureNativeComponent('FRNAvatarView');
|
|
9
9
|
|
|
10
|
-
export
|
|
10
|
+
export const Sizes = ['size16', 'size20', 'size24', 'size32', 'size40', 'size56', 'size72'] as const;
|
|
11
|
+
export type Size = typeof Sizes[number];
|
|
11
12
|
|
|
12
13
|
export type AvatarStyle = 'default' | 'accent' | 'group' | 'outlined' | 'outlinedPrimary' | 'overflow';
|
|
13
14
|
|
|
@@ -107,7 +108,7 @@ export const NativeAvatar = compose<AvatarType>({
|
|
|
107
108
|
displayName: avatarName,
|
|
108
109
|
tokens: [
|
|
109
110
|
{
|
|
110
|
-
size: '
|
|
111
|
+
size: 'size24',
|
|
111
112
|
avatarStyle: 'default',
|
|
112
113
|
},
|
|
113
114
|
avatarName,
|