@fluentui-react-native/experimental-avatar 0.21.19 → 0.22.1

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.
Files changed (23) hide show
  1. package/CHANGELOG.md +47 -0
  2. package/lib/AvatarNativeComponent.d.ts +3 -8
  3. package/lib/AvatarNativeComponent.d.ts.map +1 -1
  4. package/lib/AvatarNativeComponent.js +0 -5
  5. package/lib/AvatarNativeComponent.js.map +1 -1
  6. package/lib/NativeAvatar.d.ts +2 -3
  7. package/lib/NativeAvatar.d.ts.map +1 -1
  8. package/lib/NativeAvatar.js +3 -2
  9. package/lib/NativeAvatar.js.map +1 -1
  10. package/lib-commonjs/AvatarNativeComponent.d.ts +3 -8
  11. package/lib-commonjs/AvatarNativeComponent.d.ts.map +1 -1
  12. package/lib-commonjs/AvatarNativeComponent.js +0 -5
  13. package/lib-commonjs/AvatarNativeComponent.js.map +1 -1
  14. package/lib-commonjs/NativeAvatar.d.ts +1 -2
  15. package/lib-commonjs/NativeAvatar.d.ts.map +1 -1
  16. package/lib-commonjs/NativeAvatar.js +2 -1
  17. package/lib-commonjs/NativeAvatar.js.map +1 -1
  18. package/lib-commonjs/index.js +1 -1
  19. package/lib-commonjs/index.js.map +1 -1
  20. package/package.json +55 -56
  21. package/src/AvatarNativeComponent.ts +4 -10
  22. package/src/NativeAvatar.tsx +2 -3
  23. package/src/codegenTypes.d.ts +0 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,52 @@
1
1
  # Change Log - @fluentui-react-native/experimental-avatar
2
2
 
3
+ ## 0.22.1
4
+
5
+ ### Patch Changes
6
+
7
+ - f72b43a: Fix codegen definitions for native components in repo
8
+ - 0d6e9c1: chore: migrate to `oxfmt`
9
+ - ac6e7af: Ensure packages have a default export that references the typescript entrypoint and clean up build dependency ordering
10
+ - Updated dependencies [0d6e9c1]
11
+ - Updated dependencies [ac6e7af]
12
+ - @fluentui-react-native/framework@0.15.1
13
+
14
+ ## 0.22.0
15
+
16
+ ### Minor Changes
17
+
18
+ - d7adbdd: # Migration from Beachball to Changesets
19
+
20
+ This changeset represents the migration from Beachball to Changesets for version management and consolidates all changes from 440+ beachball change files that were in the `change/` directory.
21
+
22
+ All 75 affected packages receive a minor version bump to acknowledge the accumulated changes from the beachball era.
23
+
24
+ ## What Changed
25
+
26
+ Going forward, all version management uses Changesets via `yarn changeset`. The following beachball infrastructure has been removed:
27
+
28
+ - ❌ 440+ beachball change files from `change/` directory
29
+ - ❌ `beachball` package dependency
30
+ - ❌ Beachball scripts from `package.json`
31
+ - ❌ `beachball.config.js` configuration file
32
+ - ❌ Beachball publish steps from Azure Pipelines
33
+
34
+ ## New Workflow
35
+
36
+ ✅ **Create changes**: Run `yarn changeset` to document changes
37
+ ✅ **Version bump PRs**: Automatically created by GitHub Actions
38
+ ✅ **Publishing**: Handled by Azure Pipelines using `changeset publish`
39
+ ✅ **Validation**: CI validates changesets and blocks major version bumps
40
+
41
+ For details, see `CHANGESETS_SETUP.md` and `CONTRIBUTING.md`.
42
+
43
+ ### Patch Changes
44
+
45
+ - d1d8c26: We were pinning @types/react and react-native-macos via resolutions. This fixes that which uncovered a bunch of type inconsistencies that needed to be addressed.
46
+ - Updated dependencies [d7adbdd]
47
+ - Updated dependencies [d1d8c26]
48
+ - @fluentui-react-native/framework@0.15.0
49
+
3
50
  <!-- This log was last generated on Tue, 05 Aug 2025 18:50:42 GMT and should not be manually modified. -->
4
51
 
5
52
  <!-- Start content -->
package/lib/AvatarNativeComponent.d.ts CHANGED
@@ -1,15 +1,10 @@
1
- /**
2
- * Copyright (c) Microsoft Corporation.
3
- * Licensed under the MIT License.
4
- * @format
5
- */
6
- import type { ColorValue, HostComponent, ViewProps } from 'react-native';
1
+ import type { HostComponent } from 'react-native';
2
+ import type { ColorValue, ViewProps, ImageURISource } from 'react-native';
7
3
  import type { WithDefault } from 'react-native/Libraries/Types/CodegenTypes';
8
- import type { ImageSource } from './codegenTypes';
9
4
  export interface NativeProps extends ViewProps {
10
5
  primaryText?: string;
11
6
  secondaryText?: string;
12
- imageSource?: ImageSource;
7
+ imageSource?: ImageURISource;
13
8
  backgroundColor?: ColorValue;
14
9
  size?: WithDefault<'size16' | 'size20' | 'size24' | 'size32' | 'size40' | 'size56' | 'size72', undefined>;
15
10
  }
package/lib/AvatarNativeComponent.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AvatarNativeComponent.d.ts","sourceRoot":"","sources":["../src/AvatarNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AAG7E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,CAAC,EAAE,UAAU,CAAC;IAC7B,IAAI,CAAC,EAAE,WAAW,CAAC,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,EAAE,SAAS,CAAC,CAAC;CAC3G;;AAED,wBAAkG"}
1
+ {"version":3,"file":"AvatarNativeComponent.d.ts","sourceRoot":"","sources":["../src/AvatarNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAElD,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AAE7E,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B,eAAe,CAAC,EAAE,UAAU,CAAC;IAC7B,IAAI,CAAC,EAAE,WAAW,CAAC,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,EAAE,SAAS,CAAC,CAAC;CAC3G;;AAED,wBAAkG"}
package/lib/AvatarNativeComponent.js CHANGED
@@ -1,8 +1,3 @@
1
- /**
2
- * Copyright (c) Microsoft Corporation.
3
- * Licensed under the MIT License.
4
- * @format
5
- */
6
1
  import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
7
2
  export default codegenNativeComponent('FRNAvatarView');
8
3
  //# sourceMappingURL=AvatarNativeComponent.js.map
package/lib/AvatarNativeComponent.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AvatarNativeComponent.js","sourceRoot":"","sources":["../src/AvatarNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,OAAO,sBAAsB,MAAM,yDAAyD,CAAC;AAY7F,eAAe,sBAAsB,CAAc,eAAe,CAA+B,CAAC"}
1
+ {"version":3,"file":"AvatarNativeComponent.js","sourceRoot":"","sources":["../src/AvatarNativeComponent.ts"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,MAAM,yDAAyD,CAAC;AAe7F,eAAe,sBAAsB,CAAc,eAAe,CAA+B,CAAC"}
package/lib/NativeAvatar.d.ts CHANGED
@@ -3,8 +3,7 @@
3
3
  * Licensed under the MIT License.
4
4
  * @format
5
5
  */
6
- /** @jsxRuntime classic */
7
- /** @jsx withSlots */
6
+ /** @jsxImportSource @fluentui-react-native/framework-base */
8
7
  import type { ImageURISource, ViewProps, ColorValue } from 'react-native';
9
8
  export declare const Sizes: readonly ["size16", "size20", "size24", "size32", "size40", "size56", "size72"];
10
9
  export type Size = (typeof Sizes)[number];
@@ -74,5 +73,5 @@ export type NativeAvatarProps = NativeAvatarTokens & {
74
73
  export type NativeAvatarViewProps = ViewProps & NativeAvatarProps;
75
74
  export declare const NativeAvatar: import("@fluentui-react-native/framework").ComposableComponent<NativeAvatarProps, {
76
75
  root: NativeAvatarViewProps;
77
- }, NativeAvatarTokens, import("@fluentui-react-native/framework").ObjectBase>;
76
+ }, NativeAvatarTokens, import("@fluentui-react-native/framework-base").ObjectBase>;
78
77
  //# sourceMappingURL=NativeAvatar.d.ts.map
package/lib/NativeAvatar.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NativeAvatar.d.ts","sourceRoot":"","sources":["../src/NativeAvatar.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,0BAA0B;AAC1B,qBAAqB;AACrB,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAU1E,eAAO,MAAM,KAAK,iFAAkF,CAAC;AACrG,MAAM,MAAM,IAAI,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1C,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,iBAAiB,GAAG,UAAU,CAAC;AAEvG,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,cAAc,GAAG,SAAS,GAAG,SAAS,CAAC;AAS1G,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,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,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,iBAAiB,CAAC;AAOlE,eAAO,MAAM,YAAY;UAJJ,qBAAqB;6EAgCxC,CAAC"}
1
+ {"version":3,"file":"NativeAvatar.d.ts","sourceRoot":"","sources":["../src/NativeAvatar.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,6DAA6D;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAU1E,eAAO,MAAM,KAAK,iFAAkF,CAAC;AACrG,MAAM,MAAM,IAAI,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1C,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,iBAAiB,GAAG,UAAU,CAAC;AAEvG,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,cAAc,GAAG,SAAS,GAAG,SAAS,CAAC;AAS1G,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,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,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,iBAAiB,CAAC;AAOlE,eAAO,MAAM,YAAY;;kFA4BvB,CAAC"}
package/lib/NativeAvatar.js CHANGED
@@ -1,5 +1,6 @@
1
+ import { jsx as _jsx } from "@fluentui-react-native/framework-base/jsx-runtime";
1
2
  import { NativeModules, TurboModuleRegistry } from 'react-native';
2
- import { compose, buildProps, mergeProps, withSlots } from '@fluentui-react-native/framework';
3
+ import { compose, buildProps, mergeProps } from '@fluentui-react-native/framework';
3
4
  const avatarName = 'NativeAvatar';
4
5
  import NativeAvatarView from './AvatarNativeComponent';
5
6
  export const Sizes = ['size16', 'size20', 'size24', 'size32', 'size40', 'size56', 'size72'];
@@ -27,7 +28,7 @@ export const NativeAvatar = compose({
27
28
  },
28
29
  useRender: (props, useSlots) => {
29
30
  const Root = useSlots(props).root;
30
- return (rest) => withSlots(Root, { ...mergeProps(props, rest) });
31
+ return (rest) => _jsx(Root, { ...mergeProps(props, rest) });
31
32
  },
32
33
  });
33
34
  //# 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":"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
+ {"version":3,"file":"NativeAvatar.js","sourceRoot":"","sources":["../src/NativeAvatar.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAGlE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAEnF,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,CAAC;QACvE,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC;QAElC,OAAO,CAAC,IAAuB,EAAE,EAAE,CAAC,KAAC,IAAI,OAAK,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,GAAI,CAAC;IAAA,CAC3E;CACF,CAAC,CAAC"}
package/lib-commonjs/AvatarNativeComponent.d.ts CHANGED
@@ -1,15 +1,10 @@
1
- /**
2
- * Copyright (c) Microsoft Corporation.
3
- * Licensed under the MIT License.
4
- * @format
5
- */
6
- import type { ColorValue, HostComponent, ViewProps } from 'react-native';
1
+ import type { HostComponent } from 'react-native';
2
+ import type { ColorValue, ViewProps, ImageURISource } from 'react-native';
7
3
  import type { WithDefault } from 'react-native/Libraries/Types/CodegenTypes';
8
- import type { ImageSource } from './codegenTypes';
9
4
  export interface NativeProps extends ViewProps {
10
5
  primaryText?: string;
11
6
  secondaryText?: string;
12
- imageSource?: ImageSource;
7
+ imageSource?: ImageURISource;
13
8
  backgroundColor?: ColorValue;
14
9
  size?: WithDefault<'size16' | 'size20' | 'size24' | 'size32' | 'size40' | 'size56' | 'size72', undefined>;
15
10
  }
package/lib-commonjs/AvatarNativeComponent.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AvatarNativeComponent.d.ts","sourceRoot":"","sources":["../src/AvatarNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AAG7E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,CAAC,EAAE,UAAU,CAAC;IAC7B,IAAI,CAAC,EAAE,WAAW,CAAC,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,EAAE,SAAS,CAAC,CAAC;CAC3G;;AAED,wBAAkG"}
1
+ {"version":3,"file":"AvatarNativeComponent.d.ts","sourceRoot":"","sources":["../src/AvatarNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAElD,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AAE7E,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B,eAAe,CAAC,EAAE,UAAU,CAAC;IAC7B,IAAI,CAAC,EAAE,WAAW,CAAC,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,EAAE,SAAS,CAAC,CAAC;CAC3G;;AAED,wBAAkG"}
package/lib-commonjs/AvatarNativeComponent.js CHANGED
@@ -1,9 +1,4 @@
1
1
  "use strict";
2
- /**
3
- * Copyright (c) Microsoft Corporation.
4
- * Licensed under the MIT License.
5
- * @format
6
- */
7
2
  var __importDefault = (this && this.__importDefault) || function (mod) {
8
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
9
4
  };
package/lib-commonjs/AvatarNativeComponent.js.map CHANGED
@@ -1 +1 @@
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
+ {"version":3,"file":"AvatarNativeComponent.js","sourceRoot":"","sources":["../src/AvatarNativeComponent.ts"],"names":[],"mappings":";;;;;AAAA,qHAA6F;kBAe9E,IAAA,gCAAsB,EAAc,eAAe,CAA+B"}
package/lib-commonjs/NativeAvatar.d.ts CHANGED
@@ -3,8 +3,7 @@
3
3
  * Licensed under the MIT License.
4
4
  * @format
5
5
  */
6
- /** @jsxRuntime classic */
7
- /** @jsx withSlots */
6
+ /** @jsxImportSource @fluentui-react-native/framework-base */
8
7
  import type { ImageURISource, ViewProps, ColorValue } from 'react-native';
9
8
  export declare const Sizes: readonly ["size16", "size20", "size24", "size32", "size40", "size56", "size72"];
10
9
  export type Size = (typeof Sizes)[number];
package/lib-commonjs/NativeAvatar.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NativeAvatar.d.ts","sourceRoot":"","sources":["../src/NativeAvatar.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,0BAA0B;AAC1B,qBAAqB;AACrB,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAU1E,eAAO,MAAM,KAAK,iFAAkF,CAAC;AACrG,MAAM,MAAM,IAAI,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1C,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,iBAAiB,GAAG,UAAU,CAAC;AAEvG,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,cAAc,GAAG,SAAS,GAAG,SAAS,CAAC;AAS1G,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,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,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,iBAAiB,CAAC;AAOlE,eAAO,MAAM,YAAY;UAJJ,qBAAqB;6EAgCxC,CAAC"}
1
+ {"version":3,"file":"NativeAvatar.d.ts","sourceRoot":"","sources":["../src/NativeAvatar.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,6DAA6D;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAU1E,eAAO,MAAM,KAAK,iFAAkF,CAAC;AACrG,MAAM,MAAM,IAAI,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1C,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,iBAAiB,GAAG,UAAU,CAAC;AAEvG,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,cAAc,GAAG,SAAS,GAAG,SAAS,CAAC;AAS1G,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,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,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,iBAAiB,CAAC;AAOlE,eAAO,MAAM,YAAY;;6EA4BvB,CAAC"}
package/lib-commonjs/NativeAvatar.js CHANGED
@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.NativeAvatar = exports.Sizes = void 0;
7
+ const jsx_runtime_1 = require("@fluentui-react-native/framework-base/jsx-runtime");
7
8
  const react_native_1 = require("react-native");
8
9
  const framework_1 = require("@fluentui-react-native/framework");
9
10
  const avatarName = 'NativeAvatar';
@@ -33,7 +34,7 @@ exports.NativeAvatar = (0, framework_1.compose)({
33
34
  },
34
35
  useRender: (props, useSlots) => {
35
36
  const Root = useSlots(props).root;
36
- return (rest) => (0, framework_1.withSlots)(Root, { ...(0, framework_1.mergeProps)(props, rest) });
37
+ return (rest) => jsx_runtime_1.jsx(Root, { ...(0, framework_1.mergeProps)(props, rest) });
37
38
  },
38
39
  });
39
40
  //# sourceMappingURL=NativeAvatar.js.map
package/lib-commonjs/NativeAvatar.js.map CHANGED
@@ -1 +1 @@
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"}
1
+ {"version":3,"file":"NativeAvatar.js","sourceRoot":"","sources":["../src/NativeAvatar.tsx"],"names":[],"mappings":";;;;;;;AAOA,+CAAkE;AAGlE,gEAAmF;AAEnF,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,CAAC;QACvE,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC;QAElC,OAAO,CAAC,IAAuB,EAAE,EAAE,CAAC,kBAAC,IAAI,OAAK,IAAA,sBAAU,EAAC,KAAK,EAAE,IAAI,CAAC,GAAI,CAAC;IAAA,CAC3E;CACF,CAAC,CAAC"}
package/lib-commonjs/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.Sizes = exports.NativeAvatar = void 0;
4
- var NativeAvatar_1 = require("./NativeAvatar");
4
+ const NativeAvatar_1 = require("./NativeAvatar");
5
5
  Object.defineProperty(exports, "NativeAvatar", { enumerable: true, get: function () { return NativeAvatar_1.NativeAvatar; } });
6
6
  Object.defineProperty(exports, "Sizes", { enumerable: true, get: function () { return NativeAvatar_1.Sizes; } });
7
7
  //# sourceMappingURL=index.js.map
package/lib-commonjs/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,+CAAqD;AAA5C,4GAAA,YAAY,OAAA;AAAE,qGAAA,KAAK,OAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,iDAAqD;AAA5C,4GAAA,YAAY,OAAA;AAAE,qGAAA,KAAK,OAAA"}
package/package.json CHANGED
@@ -1,97 +1,96 @@
1
1
  {
2
2
  "name": "@fluentui-react-native/experimental-avatar",
3
- "version": "0.21.19",
3
+ "version": "0.22.1",
4
4
  "description": "A cross-platform Avatar component using the Fluent Design System. Currently only implemented on iOS",
5
+ "homepage": "https://github.com/microsoft/fluentui-react-native",
5
6
  "license": "MIT",
6
7
  "author": "Microsoft <fluentuinativeowners@microsoft.com>",
7
- "homepage": "https://github.com/microsoft/fluentui-react-native",
8
+ "repository": {
9
+ "type": "git",
10
+ "url": "https://github.com/microsoft/fluentui-react-native.git",
11
+ "directory": "packages/experimental/Avatar"
12
+ },
8
13
  "main": "lib-commonjs/index.js",
9
14
  "module": "lib/index.js",
10
- "react-native": "src/index.ts",
15
+ "types": "lib/index.d.ts",
11
16
  "exports": {
12
17
  ".": {
18
+ "types": "./lib/index.d.ts",
13
19
  "import": "./lib/index.js",
14
20
  "require": "./lib-commonjs/index.js",
15
- "types": "./lib/index.d.ts"
21
+ "default": "./src/index.ts"
16
22
  }
17
23
  },
18
- "typings": "lib/index.d.ts",
19
24
  "scripts": {
20
25
  "build": "fluentui-scripts build",
21
- "just": "fluentui-scripts",
26
+ "build-cjs": "tsgo --outDir lib-commonjs",
27
+ "build-core": "tsgo --outDir lib --module esnext --moduleResolution bundler",
22
28
  "clean": "fluentui-scripts clean",
23
- "lint": "fluentui-scripts eslint",
24
29
  "depcheck": "fluentui-scripts depcheck",
30
+ "lint": "fluentui-scripts eslint",
31
+ "lint-package": "fluentui-scripts lint-package",
32
+ "format": "fluentui-scripts format",
25
33
  "test": "fluentui-scripts jest",
26
- "update-snapshots": "fluentui-scripts jest -u",
27
- "prettier": "fluentui-scripts prettier",
28
- "prettier-fix": "fluentui-scripts prettier --fix true"
29
- },
30
- "repository": {
31
- "type": "git",
32
- "url": "https://github.com/microsoft/fluentui-react-native.git",
33
- "directory": "packages/experimental/Avatar"
34
+ "update-snapshots": "fluentui-scripts jest -u"
34
35
  },
35
36
  "dependencies": {
36
- "@fluentui-react-native/framework": "0.14.17"
37
+ "@fluentui-react-native/framework": "0.15.1"
37
38
  },
38
39
  "devDependencies": {
39
40
  "@babel/core": "^7.20.0",
40
41
  "@fluentui-react-native/babel-config": "0.1.1",
41
- "@fluentui-react-native/eslint-config-rules": "0.1.1",
42
- "@fluentui-react-native/scripts": "0.1.1",
43
- "@react-native/babel-preset": "^0.74.0",
44
- "@react-native/metro-config": "^0.74.0",
45
- "@types/react": "~18.2.0",
46
- "@types/react-test-renderer": "^18.2.0",
47
- "react": "18.2.0",
48
- "react-native": "^0.74.0",
49
- "react-native-macos": "^0.74.0",
50
- "react-native-windows": "^0.74.0",
51
- "react-test-renderer": "18.2.0"
42
+ "@fluentui-react-native/eslint-config-rules": "0.1.2",
43
+ "@fluentui-react-native/framework-base": "0.3.1",
44
+ "@fluentui-react-native/kit-config": "0.1.2",
45
+ "@fluentui-react-native/scripts": "0.1.0",
46
+ "@react-native-community/cli": "^20.0.0",
47
+ "@react-native-community/cli-platform-android": "^20.0.0",
48
+ "@react-native-community/cli-platform-ios": "^20.0.0",
49
+ "@react-native/metro-config": "^0.81.0",
50
+ "@types/react": "~19.1.0",
51
+ "@types/react-test-renderer": "^19.1.0",
52
+ "react": "19.1.0",
53
+ "react-native": "^0.81.0",
54
+ "react-native-macos": "^0.81.0",
55
+ "react-native-windows": "^0.81.0",
56
+ "react-test-renderer": "19.1.0"
52
57
  },
53
58
  "peerDependencies": {
54
59
  "@office-iss/react-native-win32": "^0.74.0",
55
- "react": "18.2.0",
56
- "react-native": "^0.73.0 || ^0.74.0",
57
- "react-native-macos": "^0.73.0 || ^0.74.0",
58
- "react-native-windows": "^0.73.0 || ^0.74.0"
60
+ "@types/react": "~18.2.0 || ~19.0.0 || ~19.1.0",
61
+ "react": "18.2.0 || 19.0.0 || 19.1.0",
62
+ "react-native": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0",
63
+ "react-native-macos": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0",
64
+ "react-native-windows": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0"
65
+ },
66
+ "peerDependenciesMeta": {
67
+ "@office-iss/react-native-win32": {
68
+ "optional": true
69
+ },
70
+ "@types/react": {
71
+ "optional": true
72
+ },
73
+ "react-native-macos": {
74
+ "optional": true
75
+ },
76
+ "react-native-windows": {
77
+ "optional": true
78
+ }
59
79
  },
60
80
  "rnx-kit": {
61
81
  "kitType": "library",
62
82
  "alignDeps": {
63
- "presets": [
64
- "microsoft/react-native"
65
- ],
66
- "requirements": {
67
- "development": [
68
- "react-native@0.74"
69
- ],
70
- "production": [
71
- "react-native@0.73 || 0.74"
72
- ]
73
- },
74
83
  "capabilities": [
75
- "babel-preset-react-native",
76
84
  "core",
77
85
  "core-android",
78
86
  "core-ios",
79
87
  "core-macos",
80
88
  "core-windows",
81
89
  "react",
82
- "react-test-renderer"
90
+ "react-test-renderer",
91
+ "tools-core"
83
92
  ]
84
- }
85
- },
86
- "peerDependenciesMeta": {
87
- "@office-iss/react-native-win32": {
88
- "optional": true
89
93
  },
90
- "react-native-macos": {
91
- "optional": true
92
- },
93
- "react-native-windows": {
94
- "optional": true
95
- }
94
+ "extends": "@fluentui-react-native/kit-config"
96
95
  }
97
- }
96
+ }
package/src/AvatarNativeComponent.ts CHANGED
@@ -1,20 +1,14 @@
1
- /**
2
- * Copyright (c) Microsoft Corporation.
3
- * Licensed under the MIT License.
4
- * @format
5
- */
1
+ import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
2
+ import type { HostComponent } from 'react-native';
6
3
 
7
- import type { ColorValue, HostComponent, ViewProps } from 'react-native';
4
+ import type { ColorValue, ViewProps, ImageURISource } from 'react-native';
8
5
 
9
6
  import type { WithDefault } from 'react-native/Libraries/Types/CodegenTypes';
10
- import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
11
-
12
- import type { ImageSource } from './codegenTypes';
13
7
 
14
8
  export interface NativeProps extends ViewProps {
15
9
  primaryText?: string;
16
10
  secondaryText?: string;
17
- imageSource?: ImageSource;
11
+ imageSource?: ImageURISource;
18
12
  backgroundColor?: ColorValue;
19
13
  size?: WithDefault<'size16' | 'size20' | 'size24' | 'size32' | 'size40' | 'size56' | 'size72', undefined>;
20
14
  }
package/src/NativeAvatar.tsx CHANGED
@@ -3,13 +3,12 @@
3
3
  * Licensed under the MIT License.
4
4
  * @format
5
5
  */
6
- /** @jsxRuntime classic */
7
- /** @jsx withSlots */
6
+ /** @jsxImportSource @fluentui-react-native/framework-base */
8
7
  import type { ImageURISource, ViewProps, ColorValue } from 'react-native';
9
8
  import { NativeModules, TurboModuleRegistry } from 'react-native';
10
9
 
11
10
  import type { UseSlots } from '@fluentui-react-native/framework';
12
- import { compose, buildProps, mergeProps, withSlots } from '@fluentui-react-native/framework';
11
+ import { compose, buildProps, mergeProps } from '@fluentui-react-native/framework';
13
12
 
14
13
  const avatarName = 'NativeAvatar';
15
14
 
package/src/codegenTypes.d.ts DELETED
@@ -1,2 +0,0 @@
1
- // Separate .d.ts file to fool codegen, since ImageSource does not exist in the TS types of RN currently.
2
- export type { ImageURISource as ImageSource } from 'react-native/Libraries/Image/ImageSource';