@fluentui-react-native/experimental-avatar 0.21.5 → 0.21.7
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 +42 -1
- package/CHANGELOG.md +10 -2
- package/eslint.config.js +3 -0
- package/lib/NativeAvatar.js +11 -23
- package/lib/NativeAvatar.js.map +1 -1
- package/lib-commonjs/AvatarNativeComponent.js +1 -13
- package/lib-commonjs/AvatarNativeComponent.js.map +1 -1
- package/lib-commonjs/NativeAvatar.js +12 -24
- package/lib-commonjs/NativeAvatar.js.map +1 -1
- package/package.json +16 -3
- package/.eslintrc.js +0 -3
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,48 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/experimental-avatar",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Fri, 11 Jul 2025 19:50:56 GMT",
|
|
6
|
+
"version": "0.21.7",
|
|
7
|
+
"tag": "@fluentui-react-native/experimental-avatar_v0.21.7",
|
|
8
|
+
"comments": {
|
|
9
|
+
"none": [
|
|
10
|
+
{
|
|
11
|
+
"author": "sanajmi@microsoft.com",
|
|
12
|
+
"package": "@fluentui-react-native/experimental-avatar",
|
|
13
|
+
"commit": "405ca368dc3f2963bfc252a1952b1e14ff503499",
|
|
14
|
+
"comment": "fix: run `beachball sync` to sync package versions with NPM"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "jasonmo@microsoft.com",
|
|
18
|
+
"package": "@fluentui-react-native/experimental-avatar",
|
|
19
|
+
"commit": "54087dca787180bbf34630470cd0d06e88366b30",
|
|
20
|
+
"comment": "update eslint to 9.x and use new flat config format with security rules"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "ruaraki@microsoft.com",
|
|
24
|
+
"package": "@fluentui-react-native/experimental-avatar",
|
|
25
|
+
"commit": "a245202877ef7f2be9ab5f0e1356b2270957e693",
|
|
26
|
+
"comment": "Run bump-versions"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"author": "4123478+tido64@users.noreply.github.com",
|
|
30
|
+
"package": "@fluentui-react-native/experimental-avatar",
|
|
31
|
+
"commit": "79bb06f6bbfd0a36f9d2ef371f4857be9660f027",
|
|
32
|
+
"comment": "Fixed `align-deps` warnings"
|
|
33
|
+
}
|
|
34
|
+
],
|
|
35
|
+
"patch": [
|
|
36
|
+
{
|
|
37
|
+
"author": "jasonmo@microsoft.com",
|
|
38
|
+
"package": "@fluentui-react-native/experimental-avatar",
|
|
39
|
+
"commit": "479b93cea460a26df70c55b5d3335927ed374713",
|
|
40
|
+
"comment": "update builds to use node16 settings and modern export maps"
|
|
41
|
+
}
|
|
42
|
+
]
|
|
43
|
+
}
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
"date": "Thu, 10 Jul 2025 19:20:24 GMT",
|
|
6
47
|
"version": "0.21.5",
|
|
7
48
|
"tag": "@fluentui-react-native/experimental-avatar_v0.21.5",
|
|
8
49
|
"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
|
|
3
|
+
<!-- This log was last generated on Fri, 11 Jul 2025 19:50:56 GMT and should not be manually modified. -->
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.21.7
|
|
8
|
+
|
|
9
|
+
Fri, 11 Jul 2025 19:50:56 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- update builds to use node16 settings and modern export maps (jasonmo@microsoft.com)
|
|
14
|
+
|
|
7
15
|
## 0.21.5
|
|
8
16
|
|
|
9
|
-
Thu,
|
|
17
|
+
Thu, 10 Jul 2025 19:20:24 GMT
|
|
10
18
|
|
|
11
19
|
### Patches
|
|
12
20
|
|
package/eslint.config.js
ADDED
package/lib/NativeAvatar.js
CHANGED
|
@@ -1,23 +1,11 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
var _a;
|
|
13
1
|
import { NativeModules, TurboModuleRegistry } from 'react-native';
|
|
14
2
|
import { compose, buildProps, mergeProps, withSlots } from '@fluentui-react-native/framework';
|
|
15
|
-
|
|
3
|
+
const avatarName = 'NativeAvatar';
|
|
16
4
|
import NativeAvatarView from './AvatarNativeComponent';
|
|
17
|
-
export
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
export
|
|
5
|
+
export const Sizes = ['size16', 'size20', 'size24', 'size32', 'size40', 'size56', 'size72'];
|
|
6
|
+
const ExportedNativeConstants = TurboModuleRegistry.get('FRNAvatarConstants')?.getConstants() || NativeModules.FRNAvatarViewManager;
|
|
7
|
+
const tokensThatAreAlsoProps = ['size', 'avatarStyle'];
|
|
8
|
+
export const NativeAvatar = compose({
|
|
21
9
|
displayName: avatarName,
|
|
22
10
|
tokens: [
|
|
23
11
|
{
|
|
@@ -26,20 +14,20 @@ export var NativeAvatar = compose({
|
|
|
26
14
|
},
|
|
27
15
|
avatarName,
|
|
28
16
|
],
|
|
29
|
-
tokensThatAreAlsoProps
|
|
17
|
+
tokensThatAreAlsoProps,
|
|
30
18
|
slots: { root: NativeAvatarView },
|
|
31
19
|
slotProps: {
|
|
32
|
-
root: buildProps(
|
|
20
|
+
root: buildProps((tokens) => ({
|
|
33
21
|
size: tokens.size,
|
|
34
22
|
style: {
|
|
35
23
|
height: ExportedNativeConstants.sizes[tokens.size],
|
|
36
24
|
width: ExportedNativeConstants.sizes[tokens.size],
|
|
37
25
|
},
|
|
38
|
-
})
|
|
26
|
+
}), ['size']),
|
|
39
27
|
},
|
|
40
|
-
useRender:
|
|
41
|
-
|
|
42
|
-
return
|
|
28
|
+
useRender: (props, useSlots) => {
|
|
29
|
+
const Root = useSlots(props).root;
|
|
30
|
+
return (rest) => withSlots(Root, { ...mergeProps(props, rest) });
|
|
43
31
|
},
|
|
44
32
|
});
|
|
45
33
|
//# sourceMappingURL=NativeAvatar.js.map
|
package/lib/NativeAvatar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NativeAvatar.js","sourceRoot":"","sources":["../src/NativeAvatar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"NativeAvatar.js","sourceRoot":"","sources":["../src/NativeAvatar.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAGlE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAE9F,MAAM,UAAU,GAAG,cAAc,CAAC;AAElC,OAAO,gBAAgB,MAAM,yBAAyB,CAAC;AAEvD,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAU,CAAC;AAWrG,MAAM,uBAAuB,GAC3B,mBAAmB,CAAC,GAAG,CAAC,oBAAoB,CAAC,EAAE,YAAY,EAAE,IAAI,aAAa,CAAC,oBAAoB,CAAC;AA6EtG,MAAM,sBAAsB,GAAiC,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AASrF,MAAM,CAAC,MAAM,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;IACtB,KAAK,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE;IACjC,SAAS,EAAE;QACT,IAAI,EAAE,UAAU,CACd,CAAC,MAAM,EAAE,EAAE,CAAC,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,EACF,CAAC,MAAM,CAAC,CACT;KACF;IACD,SAAS,EAAE,CAAC,KAAwB,EAAE,QAA8B,EAAE,EAAE;QACtE,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC;QAElC,OAAO,CAAC,IAAuB,EAAE,EAAE,CAAC,UAAC,IAAI,OAAK,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,GAAI,CAAC;IAC5E,CAAC;CACF,CAAC,CAAC"}
|
|
@@ -1,13 +1 @@
|
|
|
1
|
-
"
|
|
2
|
-
/**
|
|
3
|
-
* Copyright (c) Microsoft Corporation.
|
|
4
|
-
* Licensed under the MIT License.
|
|
5
|
-
* @format
|
|
6
|
-
*/
|
|
7
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
8
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
9
|
-
};
|
|
10
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
11
|
-
var codegenNativeComponent_1 = __importDefault(require("react-native/Libraries/Utilities/codegenNativeComponent"));
|
|
12
|
-
exports.default = (0, codegenNativeComponent_1.default)('FRNAvatarView');
|
|
13
|
-
//# sourceMappingURL=AvatarNativeComponent.js.map
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=exports.__INTERNAL_VIEW_CONFIG=void 0;var _codegenNativeComponent=_interopRequireDefault(require("react-native/Libraries/Utilities/codegenNativeComponent"));var NativeComponentRegistry=require('react-native/Libraries/NativeComponent/NativeComponentRegistry');var nativeComponentName='FRNAvatarView';var __INTERNAL_VIEW_CONFIG=exports.__INTERNAL_VIEW_CONFIG={uiViewClassName:'FRNAvatarView',validAttributes:{primaryText:true,secondaryText:true,imageSource:{process:require('react-native/Libraries/Image/resolveAssetSource')},backgroundColor:{process:require('react-native/Libraries/StyleSheet/processColor').default},size:true}};var _default=exports.default=NativeComponentRegistry.get(nativeComponentName,function(){return __INTERNAL_VIEW_CONFIG;});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AvatarNativeComponent.js","sourceRoot":"","sources":["../src/AvatarNativeComponent.ts"],"names":[],"mappings":";AAAA;;;;GAIG;;;;;AAKH,
|
|
1
|
+
{"version":3,"file":"AvatarNativeComponent.js","sourceRoot":"","sources":["../src/AvatarNativeComponent.ts"],"names":[],"mappings":";AAAA;;;;GAIG;;;;;AAKH,qHAA6F;AAY7F,kBAAe,IAAA,gCAAsB,EAAc,eAAe,CAA+B,CAAC"}
|
|
@@ -1,28 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
4
|
};
|
|
16
|
-
var _a;
|
|
17
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
6
|
exports.NativeAvatar = exports.Sizes = void 0;
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
7
|
+
const react_native_1 = require("react-native");
|
|
8
|
+
const framework_1 = require("@fluentui-react-native/framework");
|
|
9
|
+
const avatarName = 'NativeAvatar';
|
|
10
|
+
const AvatarNativeComponent_1 = __importDefault(require("./AvatarNativeComponent"));
|
|
23
11
|
exports.Sizes = ['size16', 'size20', 'size24', 'size32', 'size40', 'size56', 'size72'];
|
|
24
|
-
|
|
25
|
-
|
|
12
|
+
const ExportedNativeConstants = react_native_1.TurboModuleRegistry.get('FRNAvatarConstants')?.getConstants() || react_native_1.NativeModules.FRNAvatarViewManager;
|
|
13
|
+
const tokensThatAreAlsoProps = ['size', 'avatarStyle'];
|
|
26
14
|
exports.NativeAvatar = (0, framework_1.compose)({
|
|
27
15
|
displayName: avatarName,
|
|
28
16
|
tokens: [
|
|
@@ -32,20 +20,20 @@ exports.NativeAvatar = (0, framework_1.compose)({
|
|
|
32
20
|
},
|
|
33
21
|
avatarName,
|
|
34
22
|
],
|
|
35
|
-
tokensThatAreAlsoProps
|
|
23
|
+
tokensThatAreAlsoProps,
|
|
36
24
|
slots: { root: AvatarNativeComponent_1.default },
|
|
37
25
|
slotProps: {
|
|
38
|
-
root: (0, framework_1.buildProps)(
|
|
26
|
+
root: (0, framework_1.buildProps)((tokens) => ({
|
|
39
27
|
size: tokens.size,
|
|
40
28
|
style: {
|
|
41
29
|
height: ExportedNativeConstants.sizes[tokens.size],
|
|
42
30
|
width: ExportedNativeConstants.sizes[tokens.size],
|
|
43
31
|
},
|
|
44
|
-
})
|
|
32
|
+
}), ['size']),
|
|
45
33
|
},
|
|
46
|
-
useRender:
|
|
47
|
-
|
|
48
|
-
return
|
|
34
|
+
useRender: (props, useSlots) => {
|
|
35
|
+
const Root = useSlots(props).root;
|
|
36
|
+
return (rest) => (0, framework_1.withSlots)(Root, { ...(0, framework_1.mergeProps)(props, rest) });
|
|
49
37
|
},
|
|
50
38
|
});
|
|
51
39
|
//# sourceMappingURL=NativeAvatar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NativeAvatar.js","sourceRoot":"","sources":["../src/NativeAvatar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"NativeAvatar.js","sourceRoot":"","sources":["../src/NativeAvatar.tsx"],"names":[],"mappings":";;;;;;AAQA,+CAAkE;AAGlE,gEAA8F;AAE9F,MAAM,UAAU,GAAG,cAAc,CAAC;AAElC,oFAAuD;AAE1C,QAAA,KAAK,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAU,CAAC;AAWrG,MAAM,uBAAuB,GAC3B,kCAAmB,CAAC,GAAG,CAAC,oBAAoB,CAAC,EAAE,YAAY,EAAE,IAAI,4BAAa,CAAC,oBAAoB,CAAC;AA6EtG,MAAM,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;IACtB,KAAK,EAAE,EAAE,IAAI,EAAE,+BAAgB,EAAE;IACjC,SAAS,EAAE;QACT,IAAI,EAAE,IAAA,sBAAU,EACd,CAAC,MAAM,EAAE,EAAE,CAAC,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,EACF,CAAC,MAAM,CAAC,CACT;KACF;IACD,SAAS,EAAE,CAAC,KAAwB,EAAE,QAA8B,EAAE,EAAE;QACtE,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC;QAElC,OAAO,CAAC,IAAuB,EAAE,EAAE,CAAC,2BAAC,IAAI,OAAK,IAAA,sBAAU,EAAC,KAAK,EAAE,IAAI,CAAC,GAAI,CAAC;IAC5E,CAAC;CACF,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,12 +1,19 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/experimental-avatar",
|
|
3
|
-
"version": "0.21.
|
|
3
|
+
"version": "0.21.7",
|
|
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>",
|
|
7
7
|
"homepage": "https://github.com/microsoft/fluentui-react-native",
|
|
8
8
|
"main": "lib-commonjs/index.js",
|
|
9
9
|
"module": "lib/index.js",
|
|
10
|
+
"exports": {
|
|
11
|
+
".": {
|
|
12
|
+
"import": "./lib/index.js",
|
|
13
|
+
"require": "./lib-commonjs/index.js",
|
|
14
|
+
"types": "./lib/index.d.ts"
|
|
15
|
+
}
|
|
16
|
+
},
|
|
10
17
|
"typings": "lib/index.d.ts",
|
|
11
18
|
"scripts": {
|
|
12
19
|
"build": "fluentui-scripts build",
|
|
@@ -25,7 +32,7 @@
|
|
|
25
32
|
"directory": "packages/experimental/Avatar"
|
|
26
33
|
},
|
|
27
34
|
"dependencies": {
|
|
28
|
-
"@fluentui-react-native/framework": "0.14.
|
|
35
|
+
"@fluentui-react-native/framework": "0.14.5"
|
|
29
36
|
},
|
|
30
37
|
"devDependencies": {
|
|
31
38
|
"@babel/core": "^7.20.0",
|
|
@@ -33,8 +40,11 @@
|
|
|
33
40
|
"@fluentui-react-native/scripts": "0.1.1",
|
|
34
41
|
"@react-native/babel-preset": "^0.74.0",
|
|
35
42
|
"@react-native/metro-config": "^0.74.0",
|
|
43
|
+
"@types/react": "~18.2.0",
|
|
36
44
|
"react": "18.2.0",
|
|
37
|
-
"react-native": "^0.74.0"
|
|
45
|
+
"react-native": "^0.74.0",
|
|
46
|
+
"react-native-macos": "^0.74.0",
|
|
47
|
+
"react-native-windows": "^0.74.0"
|
|
38
48
|
},
|
|
39
49
|
"peerDependencies": {
|
|
40
50
|
"@office-iss/react-native-win32": "^0.74.0",
|
|
@@ -58,9 +68,12 @@
|
|
|
58
68
|
]
|
|
59
69
|
},
|
|
60
70
|
"capabilities": [
|
|
71
|
+
"babel-preset-react-native",
|
|
61
72
|
"core",
|
|
62
73
|
"core-android",
|
|
63
74
|
"core-ios",
|
|
75
|
+
"core-macos",
|
|
76
|
+
"core-windows",
|
|
64
77
|
"react"
|
|
65
78
|
]
|
|
66
79
|
}
|
package/.eslintrc.js
DELETED