@fluentui/react-avatar 9.72.9-experimental.component-base-hooks.20260122-49fc330360.0 → 9.74.3-experimental.esm.20260709-49ee7a20cf.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.md +152 -14
- package/dist/index.d.cts +473 -0
- package/dist/index.d.ts +56 -6
- package/lib/Avatar.js +1 -1
- package/lib/Avatar.js.map +1 -1
- package/lib/AvatarGroup.js +1 -1
- package/lib/AvatarGroup.js.map +1 -1
- package/lib/AvatarGroupItem.js +1 -1
- package/lib/AvatarGroupItem.js.map +1 -1
- package/lib/AvatarGroupPopover.js +1 -1
- package/lib/AvatarGroupPopover.js.map +1 -1
- package/lib/components/Avatar/Avatar.js +5 -5
- package/lib/components/Avatar/Avatar.js.map +1 -1
- package/lib/components/Avatar/Avatar.types.js +1 -3
- package/lib/components/Avatar/Avatar.types.js.map +1 -1
- package/lib/components/Avatar/index.js +4 -4
- package/lib/components/Avatar/index.js.map +1 -1
- package/lib/components/Avatar/renderAvatar.js +1 -1
- package/lib/components/Avatar/renderAvatar.js.map +1 -1
- package/lib/components/Avatar/useAvatar.js +116 -67
- package/lib/components/Avatar/useAvatar.js.map +1 -1
- package/lib/components/Avatar/useAvatarStyles.styles.js +7 -4
- package/lib/components/Avatar/useAvatarStyles.styles.js.map +1 -1
- package/lib/components/Avatar/useAvatarStyles.styles.raw.js +7 -3
- package/lib/components/Avatar/useAvatarStyles.styles.raw.js.map +1 -1
- package/lib/components/AvatarGroup/AvatarGroup.js +6 -6
- package/lib/components/AvatarGroup/AvatarGroup.js.map +1 -1
- package/lib/components/AvatarGroup/AvatarGroup.types.js.map +1 -1
- package/lib/components/AvatarGroup/index.js +5 -5
- package/lib/components/AvatarGroup/index.js.map +1 -1
- package/lib/components/AvatarGroup/renderAvatarGroup.js +2 -2
- package/lib/components/AvatarGroup/renderAvatarGroup.js.map +1 -1
- package/lib/components/AvatarGroup/useAvatarGroup.js +18 -11
- package/lib/components/AvatarGroup/useAvatarGroup.js.map +1 -1
- package/lib/components/AvatarGroup/useAvatarGroupContextValues.js +7 -2
- package/lib/components/AvatarGroup/useAvatarGroupContextValues.js.map +1 -1
- package/lib/components/AvatarGroup/useAvatarGroupStyles.styles.js +4 -5
- package/lib/components/AvatarGroup/useAvatarGroupStyles.styles.js.map +1 -1
- package/lib/components/AvatarGroup/useAvatarGroupStyles.styles.raw.js +4 -4
- package/lib/components/AvatarGroup/useAvatarGroupStyles.styles.raw.js.map +1 -1
- package/lib/components/AvatarGroupItem/AvatarGroupItem.js +5 -5
- package/lib/components/AvatarGroupItem/AvatarGroupItem.js.map +1 -1
- package/lib/components/AvatarGroupItem/AvatarGroupItem.types.js +1 -3
- package/lib/components/AvatarGroupItem/AvatarGroupItem.types.js.map +1 -1
- package/lib/components/AvatarGroupItem/index.js +4 -4
- package/lib/components/AvatarGroupItem/index.js.map +1 -1
- package/lib/components/AvatarGroupItem/renderAvatarGroupItem.js +1 -1
- package/lib/components/AvatarGroupItem/renderAvatarGroupItem.js.map +1 -1
- package/lib/components/AvatarGroupItem/useAvatarGroupItem.js +40 -15
- package/lib/components/AvatarGroupItem/useAvatarGroupItem.js.map +1 -1
- package/lib/components/AvatarGroupItem/useAvatarGroupItemStyles.styles.js +7 -6
- package/lib/components/AvatarGroupItem/useAvatarGroupItemStyles.styles.js.map +1 -1
- package/lib/components/AvatarGroupItem/useAvatarGroupItemStyles.styles.raw.js +7 -5
- package/lib/components/AvatarGroupItem/useAvatarGroupItemStyles.styles.raw.js.map +1 -1
- package/lib/components/AvatarGroupPopover/AvatarGroupPopover.js +5 -6
- package/lib/components/AvatarGroupPopover/AvatarGroupPopover.js.map +1 -1
- package/lib/components/AvatarGroupPopover/AvatarGroupPopover.types.js +1 -1
- package/lib/components/AvatarGroupPopover/AvatarGroupPopover.types.js.map +1 -1
- package/lib/components/AvatarGroupPopover/index.js +5 -5
- package/lib/components/AvatarGroupPopover/index.js.map +1 -1
- package/lib/components/AvatarGroupPopover/renderAvatarGroupPopover.js +3 -3
- package/lib/components/AvatarGroupPopover/renderAvatarGroupPopover.js.map +1 -1
- package/lib/components/AvatarGroupPopover/useAvatarGroupPopover.js +58 -18
- package/lib/components/AvatarGroupPopover/useAvatarGroupPopover.js.map +1 -1
- package/lib/components/AvatarGroupPopover/useAvatarGroupPopoverContextValues.js +6 -4
- package/lib/components/AvatarGroupPopover/useAvatarGroupPopoverContextValues.js.map +1 -1
- package/lib/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.styles.js +8 -7
- package/lib/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.styles.js.map +1 -1
- package/lib/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.styles.raw.js +8 -6
- package/lib/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.styles.raw.js.map +1 -1
- package/lib/contexts/AvatarContext.js +1 -1
- package/lib/contexts/AvatarGroupContext.js +1 -1
- package/lib/contexts/AvatarGroupContext.js.map +1 -1
- package/lib/contexts/index.js +2 -2
- package/lib/contexts/index.js.map +1 -1
- package/lib/index.js +6 -6
- package/lib/index.js.map +1 -1
- package/lib/utils/getInitials.js +32 -12
- package/lib/utils/getInitials.js.map +1 -1
- package/lib/utils/index.js +2 -2
- package/lib/utils/index.js.map +1 -1
- package/lib-commonjs/{Avatar.js → Avatar.cjs} +4 -1
- package/lib-commonjs/Avatar.cjs.map +1 -0
- package/lib-commonjs/{AvatarGroup.js → AvatarGroup.cjs} +4 -1
- package/lib-commonjs/AvatarGroup.cjs.map +1 -0
- package/lib-commonjs/{AvatarGroupItem.js → AvatarGroupItem.cjs} +4 -1
- package/lib-commonjs/AvatarGroupItem.cjs.map +1 -0
- package/lib-commonjs/{AvatarGroupPopover.js → AvatarGroupPopover.cjs} +4 -1
- package/lib-commonjs/AvatarGroupPopover.cjs.map +1 -0
- package/lib-commonjs/components/Avatar/{Avatar.js → Avatar.cjs} +3 -3
- package/lib-commonjs/components/Avatar/{Avatar.js.map → Avatar.cjs.map} +1 -1
- package/lib-commonjs/components/Avatar/Avatar.types.cjs.map +1 -0
- package/lib-commonjs/components/Avatar/{index.js → index.cjs} +7 -4
- package/lib-commonjs/components/Avatar/index.cjs.map +1 -0
- package/lib-commonjs/components/Avatar/renderAvatar.cjs.map +1 -0
- package/lib-commonjs/components/Avatar/{useAvatar.js → useAvatar.cjs} +112 -62
- package/lib-commonjs/components/Avatar/useAvatar.cjs.map +1 -0
- package/lib-commonjs/components/Avatar/{useAvatarStyles.styles.js → useAvatarStyles.styles.cjs} +5 -1
- package/lib-commonjs/components/Avatar/useAvatarStyles.styles.cjs.map +1 -0
- package/lib-commonjs/components/Avatar/{useAvatarStyles.styles.raw.js → useAvatarStyles.styles.raw.cjs} +5 -1
- package/lib-commonjs/components/Avatar/useAvatarStyles.styles.raw.cjs.map +1 -0
- package/lib-commonjs/components/AvatarGroup/{AvatarGroup.js → AvatarGroup.cjs} +4 -4
- package/lib-commonjs/components/AvatarGroup/{AvatarGroup.js.map → AvatarGroup.cjs.map} +1 -1
- package/lib-commonjs/components/{Avatar/Avatar.types.js → AvatarGroup/AvatarGroup.types.cjs} +1 -3
- package/lib-commonjs/components/AvatarGroup/{AvatarGroup.types.js.map → AvatarGroup.types.cjs.map} +1 -1
- package/lib-commonjs/components/AvatarGroup/{index.js → index.cjs} +8 -5
- package/lib-commonjs/components/AvatarGroup/index.cjs.map +1 -0
- package/lib-commonjs/components/AvatarGroup/{renderAvatarGroup.js → renderAvatarGroup.cjs} +1 -1
- package/lib-commonjs/components/AvatarGroup/renderAvatarGroup.cjs.map +1 -0
- package/lib-commonjs/components/AvatarGroup/{useAvatarGroup.js → useAvatarGroup.cjs} +15 -11
- package/lib-commonjs/components/AvatarGroup/useAvatarGroup.cjs.map +1 -0
- package/lib-commonjs/components/AvatarGroup/{useAvatarGroupContextValues.js → useAvatarGroupContextValues.cjs} +8 -2
- package/lib-commonjs/components/AvatarGroup/useAvatarGroupContextValues.cjs.map +1 -0
- package/lib-commonjs/components/AvatarGroup/{useAvatarGroupStyles.styles.js → useAvatarGroupStyles.styles.cjs} +2 -2
- package/lib-commonjs/components/AvatarGroup/useAvatarGroupStyles.styles.cjs.map +1 -0
- package/lib-commonjs/components/AvatarGroup/{useAvatarGroupStyles.styles.raw.js → useAvatarGroupStyles.styles.raw.cjs} +2 -2
- package/lib-commonjs/components/AvatarGroup/useAvatarGroupStyles.styles.raw.cjs.map +1 -0
- package/lib-commonjs/components/AvatarGroupItem/{AvatarGroupItem.js → AvatarGroupItem.cjs} +3 -3
- package/lib-commonjs/components/AvatarGroupItem/{AvatarGroupItem.js.map → AvatarGroupItem.cjs.map} +1 -1
- package/lib-commonjs/components/AvatarGroupItem/{AvatarGroupItem.types.js → AvatarGroupItem.types.cjs} +1 -3
- package/lib-commonjs/components/AvatarGroupItem/AvatarGroupItem.types.cjs.map +1 -0
- package/lib-commonjs/components/AvatarGroupItem/{index.js → index.cjs} +7 -4
- package/lib-commonjs/components/AvatarGroupItem/index.cjs.map +1 -0
- package/lib-commonjs/components/AvatarGroupItem/renderAvatarGroupItem.cjs.map +1 -0
- package/lib-commonjs/components/AvatarGroupItem/{useAvatarGroupItem.js → useAvatarGroupItem.cjs} +40 -17
- package/lib-commonjs/components/AvatarGroupItem/useAvatarGroupItem.cjs.map +1 -0
- package/lib-commonjs/components/AvatarGroupItem/{useAvatarGroupItemStyles.styles.js → useAvatarGroupItemStyles.styles.cjs} +4 -2
- package/lib-commonjs/components/AvatarGroupItem/useAvatarGroupItemStyles.styles.cjs.map +1 -0
- package/lib-commonjs/components/AvatarGroupItem/{useAvatarGroupItemStyles.styles.raw.js → useAvatarGroupItemStyles.styles.raw.cjs} +4 -2
- package/lib-commonjs/components/AvatarGroupItem/useAvatarGroupItemStyles.styles.raw.cjs.map +1 -0
- package/lib-commonjs/components/AvatarGroupPopover/{AvatarGroupPopover.js → AvatarGroupPopover.cjs} +4 -6
- package/lib-commonjs/components/AvatarGroupPopover/AvatarGroupPopover.cjs.map +1 -0
- package/lib-commonjs/components/AvatarGroupPopover/AvatarGroupPopover.types.cjs +4 -0
- package/lib-commonjs/components/AvatarGroupPopover/AvatarGroupPopover.types.cjs.map +1 -0
- package/lib-commonjs/components/AvatarGroupPopover/{index.js → index.cjs} +8 -5
- package/lib-commonjs/components/AvatarGroupPopover/index.cjs.map +1 -0
- package/lib-commonjs/components/AvatarGroupPopover/{renderAvatarGroupPopover.js → renderAvatarGroupPopover.cjs} +1 -1
- package/lib-commonjs/components/AvatarGroupPopover/renderAvatarGroupPopover.cjs.map +1 -0
- package/lib-commonjs/components/AvatarGroupPopover/{useAvatarGroupPopover.js → useAvatarGroupPopover.cjs} +58 -16
- package/lib-commonjs/components/AvatarGroupPopover/useAvatarGroupPopover.cjs.map +1 -0
- package/lib-commonjs/components/AvatarGroupPopover/{useAvatarGroupPopoverContextValues.js → useAvatarGroupPopoverContextValues.cjs} +7 -4
- package/lib-commonjs/components/AvatarGroupPopover/useAvatarGroupPopoverContextValues.cjs.map +1 -0
- package/lib-commonjs/components/AvatarGroupPopover/{useAvatarGroupPopoverStyles.styles.js → useAvatarGroupPopoverStyles.styles.cjs} +5 -3
- package/lib-commonjs/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.styles.cjs.map +1 -0
- package/lib-commonjs/components/AvatarGroupPopover/{useAvatarGroupPopoverStyles.styles.raw.js → useAvatarGroupPopoverStyles.styles.raw.cjs} +5 -3
- package/lib-commonjs/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.styles.raw.cjs.map +1 -0
- package/lib-commonjs/contexts/{AvatarGroupContext.js.map → AvatarGroupContext.cjs.map} +1 -1
- package/lib-commonjs/contexts/{index.js → index.cjs} +2 -2
- package/lib-commonjs/contexts/{index.js.map → index.cjs.map} +1 -1
- package/lib-commonjs/{index.js → index.cjs} +18 -6
- package/lib-commonjs/index.cjs.map +1 -0
- package/lib-commonjs/utils/{getInitials.js → getInitials.cjs} +32 -12
- package/lib-commonjs/utils/getInitials.cjs.map +1 -0
- package/lib-commonjs/utils/{index.js → index.cjs} +2 -2
- package/lib-commonjs/utils/{index.js.map → index.cjs.map} +1 -1
- package/package.json +22 -16
- package/lib-commonjs/Avatar.js.map +0 -1
- package/lib-commonjs/AvatarGroup.js.map +0 -1
- package/lib-commonjs/AvatarGroupItem.js.map +0 -1
- package/lib-commonjs/AvatarGroupPopover.js.map +0 -1
- package/lib-commonjs/components/Avatar/Avatar.types.js.map +0 -1
- package/lib-commonjs/components/Avatar/index.js.map +0 -1
- package/lib-commonjs/components/Avatar/renderAvatar.js.map +0 -1
- package/lib-commonjs/components/Avatar/useAvatar.js.map +0 -1
- package/lib-commonjs/components/Avatar/useAvatarStyles.styles.js.map +0 -1
- package/lib-commonjs/components/Avatar/useAvatarStyles.styles.raw.js.map +0 -1
- package/lib-commonjs/components/AvatarGroup/index.js.map +0 -1
- package/lib-commonjs/components/AvatarGroup/renderAvatarGroup.js.map +0 -1
- package/lib-commonjs/components/AvatarGroup/useAvatarGroup.js.map +0 -1
- package/lib-commonjs/components/AvatarGroup/useAvatarGroupContextValues.js.map +0 -1
- package/lib-commonjs/components/AvatarGroup/useAvatarGroupStyles.styles.js.map +0 -1
- package/lib-commonjs/components/AvatarGroup/useAvatarGroupStyles.styles.raw.js.map +0 -1
- package/lib-commonjs/components/AvatarGroupItem/AvatarGroupItem.types.js.map +0 -1
- package/lib-commonjs/components/AvatarGroupItem/index.js.map +0 -1
- package/lib-commonjs/components/AvatarGroupItem/renderAvatarGroupItem.js.map +0 -1
- package/lib-commonjs/components/AvatarGroupItem/useAvatarGroupItem.js.map +0 -1
- package/lib-commonjs/components/AvatarGroupItem/useAvatarGroupItemStyles.styles.js.map +0 -1
- package/lib-commonjs/components/AvatarGroupItem/useAvatarGroupItemStyles.styles.raw.js.map +0 -1
- package/lib-commonjs/components/AvatarGroupPopover/AvatarGroupPopover.js.map +0 -1
- package/lib-commonjs/components/AvatarGroupPopover/AvatarGroupPopover.types.js +0 -6
- package/lib-commonjs/components/AvatarGroupPopover/AvatarGroupPopover.types.js.map +0 -1
- package/lib-commonjs/components/AvatarGroupPopover/index.js.map +0 -1
- package/lib-commonjs/components/AvatarGroupPopover/renderAvatarGroupPopover.js.map +0 -1
- package/lib-commonjs/components/AvatarGroupPopover/useAvatarGroupPopover.js.map +0 -1
- package/lib-commonjs/components/AvatarGroupPopover/useAvatarGroupPopoverContextValues.js.map +0 -1
- package/lib-commonjs/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.styles.js.map +0 -1
- package/lib-commonjs/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.styles.raw.js.map +0 -1
- package/lib-commonjs/index.js.map +0 -1
- package/lib-commonjs/utils/getInitials.js.map +0 -1
- /package/lib-commonjs/components/{AvatarGroup/AvatarGroup.types.js → Avatar/Avatar.types.cjs} +0 -0
- /package/lib-commonjs/components/Avatar/{renderAvatar.js → renderAvatar.cjs} +0 -0
- /package/lib-commonjs/components/AvatarGroupItem/{renderAvatarGroupItem.js → renderAvatarGroupItem.cjs} +0 -0
- /package/lib-commonjs/contexts/{AvatarContext.js → AvatarContext.cjs} +0 -0
- /package/lib-commonjs/contexts/{AvatarContext.js.map → AvatarContext.cjs.map} +0 -0
- /package/lib-commonjs/contexts/{AvatarGroupContext.js → AvatarGroupContext.cjs} +0 -0
- /package/lib-commonjs/utils/{partitionAvatarGroupItems.js → partitionAvatarGroupItems.cjs} +0 -0
- /package/lib-commonjs/utils/{partitionAvatarGroupItems.js.map → partitionAvatarGroupItems.cjs.map} +0 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,26 +1,164 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-avatar
|
|
2
2
|
|
|
3
|
-
This log was last generated on Thu,
|
|
3
|
+
This log was last generated on Thu, 09 Jul 2026 17:34:00 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
-
## [9.
|
|
7
|
+
## [9.74.3-experimental.esm.20260709-49ee7a20cf.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.74.3-experimental.esm.20260709-49ee7a20cf.0)
|
|
8
8
|
|
|
9
|
-
Thu,
|
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.
|
|
9
|
+
Thu, 09 Jul 2026 17:34:00 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.11.3..@fluentui/react-avatar_v9.74.3-experimental.esm.20260709-49ee7a20cf.0)
|
|
11
11
|
|
|
12
12
|
### Changes
|
|
13
13
|
|
|
14
|
-
- Release 9.
|
|
15
|
-
- Bump @fluentui/react-badge to v9.
|
|
16
|
-
- Bump @fluentui/react-context-selector to v9.
|
|
17
|
-
- Bump @fluentui/react-popover to v9.
|
|
18
|
-
- Bump @fluentui/react-shared-contexts to v9.
|
|
19
|
-
- Bump @fluentui/react-tabster to v9.
|
|
20
|
-
- Bump @fluentui/react-theme to v9.
|
|
21
|
-
- Bump @fluentui/react-tooltip to v9.
|
|
22
|
-
- Bump @fluentui/react-utilities to v9.
|
|
23
|
-
- Bump @fluentui/react-jsx-runtime to v9.
|
|
14
|
+
- Release 9.74.3-experimental.esm.20260709-49ee7a20cf ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
|
|
15
|
+
- Bump @fluentui/react-badge to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
|
|
16
|
+
- Bump @fluentui/react-context-selector to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
|
|
17
|
+
- Bump @fluentui/react-popover to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
|
|
18
|
+
- Bump @fluentui/react-shared-contexts to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
|
|
19
|
+
- Bump @fluentui/react-tabster to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
|
|
20
|
+
- Bump @fluentui/react-theme to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
|
|
21
|
+
- Bump @fluentui/react-tooltip to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
|
|
22
|
+
- Bump @fluentui/react-utilities to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
|
|
23
|
+
- Bump @fluentui/react-jsx-runtime to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
|
|
24
|
+
|
|
25
|
+
## [9.11.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.11.3)
|
|
26
|
+
|
|
27
|
+
Wed, 24 Jun 2026 11:10:06 GMT
|
|
28
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.11.2..@fluentui/react-avatar_v9.11.3)
|
|
29
|
+
|
|
30
|
+
### Patches
|
|
31
|
+
|
|
32
|
+
- fix: remove redundant use no memo directives, and add justification to valid ones ([PR #36224](https://github.com/microsoft/fluentui/pull/36224) by martinhochel@microsoft.com)
|
|
33
|
+
- Bump @fluentui/react-badge to v9.5.4 ([commit](https://github.com/microsoft/fluentui/commit/a4b871ca80c1f16f35ab4229def4fe02be7f30ea) by beachball)
|
|
34
|
+
- Bump @fluentui/react-context-selector to v9.2.18 ([commit](https://github.com/microsoft/fluentui/commit/a4b871ca80c1f16f35ab4229def4fe02be7f30ea) by beachball)
|
|
35
|
+
- Bump @fluentui/react-popover to v9.14.4 ([commit](https://github.com/microsoft/fluentui/commit/a4b871ca80c1f16f35ab4229def4fe02be7f30ea) by beachball)
|
|
36
|
+
- Bump @fluentui/react-tabster to v9.26.16 ([commit](https://github.com/microsoft/fluentui/commit/a4b871ca80c1f16f35ab4229def4fe02be7f30ea) by beachball)
|
|
37
|
+
- Bump @fluentui/react-tooltip to v9.10.3 ([commit](https://github.com/microsoft/fluentui/commit/a4b871ca80c1f16f35ab4229def4fe02be7f30ea) by beachball)
|
|
38
|
+
- Bump @fluentui/react-utilities to v9.26.5 ([commit](https://github.com/microsoft/fluentui/commit/a4b871ca80c1f16f35ab4229def4fe02be7f30ea) by beachball)
|
|
39
|
+
- Bump @fluentui/react-jsx-runtime to v9.4.4 ([commit](https://github.com/microsoft/fluentui/commit/a4b871ca80c1f16f35ab4229def4fe02be7f30ea) by beachball)
|
|
40
|
+
|
|
41
|
+
## [9.11.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.11.2)
|
|
42
|
+
|
|
43
|
+
Tue, 26 May 2026 09:39:43 GMT
|
|
44
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.11.1..@fluentui/react-avatar_v9.11.2)
|
|
45
|
+
|
|
46
|
+
### Patches
|
|
47
|
+
|
|
48
|
+
- Bump @fluentui/react-badge to v9.5.3 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
|
|
49
|
+
- Bump @fluentui/react-context-selector to v9.2.17 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
|
|
50
|
+
- Bump @fluentui/react-popover to v9.14.3 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
|
|
51
|
+
- Bump @fluentui/react-tabster to v9.26.15 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
|
|
52
|
+
- Bump @fluentui/react-tooltip to v9.10.2 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
|
|
53
|
+
- Bump @fluentui/react-utilities to v9.26.4 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
|
|
54
|
+
- Bump @fluentui/react-jsx-runtime to v9.4.3 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
|
|
55
|
+
|
|
56
|
+
## [9.11.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.11.1)
|
|
57
|
+
|
|
58
|
+
Thu, 23 Apr 2026 14:21:04 GMT
|
|
59
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.11.0..@fluentui/react-avatar_v9.11.1)
|
|
60
|
+
|
|
61
|
+
### Patches
|
|
62
|
+
|
|
63
|
+
- perf: memoize context values in use*ContextValues hooks ([PR #36008](https://github.com/microsoft/fluentui/pull/36008) by olfedias@microsoft.com)
|
|
64
|
+
- fix: prevent spreading of custom props on html element ([PR #36017](https://github.com/microsoft/fluentui/pull/36017) by dmytrokirpa@microsoft.com)
|
|
65
|
+
- fix: drop unnecessary dependencies from base hooks ([PR #35972](https://github.com/microsoft/fluentui/pull/35972) by dmytrokirpa@microsoft.com)
|
|
66
|
+
- Bump @fluentui/react-badge to v9.5.2 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
|
|
67
|
+
- Bump @fluentui/react-context-selector to v9.2.16 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
|
|
68
|
+
- Bump @fluentui/react-popover to v9.14.2 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
|
|
69
|
+
- Bump @fluentui/react-tabster to v9.26.14 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
|
|
70
|
+
- Bump @fluentui/react-tooltip to v9.10.1 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
|
|
71
|
+
- Bump @fluentui/react-utilities to v9.26.3 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
|
|
72
|
+
- Bump @fluentui/react-jsx-runtime to v9.4.2 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
|
|
73
|
+
|
|
74
|
+
## [9.11.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.11.0)
|
|
75
|
+
|
|
76
|
+
Wed, 01 Apr 2026 15:52:39 GMT
|
|
77
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.10.4..@fluentui/react-avatar_v9.11.0)
|
|
78
|
+
|
|
79
|
+
### Minor changes
|
|
80
|
+
|
|
81
|
+
- feat: expose base hooks for Avatar ([PR #35899](https://github.com/microsoft/fluentui/pull/35899) by dmytrokirpa@microsoft.com)
|
|
82
|
+
- Bump @fluentui/react-tooltip to v9.10.0 ([PR #35912](https://github.com/microsoft/fluentui/pull/35912) by beachball)
|
|
83
|
+
|
|
84
|
+
### Patches
|
|
85
|
+
|
|
86
|
+
- fix: support initials calculation for GB18030-2022 extension characters ([PR #35878](https://github.com/microsoft/fluentui/pull/35878) by dmytrokirpa@microsoft.com)
|
|
87
|
+
|
|
88
|
+
## [9.10.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.10.4)
|
|
89
|
+
|
|
90
|
+
Mon, 30 Mar 2026 14:37:41 GMT
|
|
91
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.10.3..@fluentui/react-avatar_v9.10.4)
|
|
92
|
+
|
|
93
|
+
### Patches
|
|
94
|
+
|
|
95
|
+
- Bump @fluentui/react-badge to v9.5.1 ([PR #35907](https://github.com/microsoft/fluentui/pull/35907) by beachball)
|
|
96
|
+
- Bump @fluentui/react-popover to v9.14.1 ([PR #35907](https://github.com/microsoft/fluentui/pull/35907) by beachball)
|
|
97
|
+
|
|
98
|
+
## [9.10.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.10.3)
|
|
99
|
+
|
|
100
|
+
Thu, 26 Mar 2026 08:12:54 GMT
|
|
101
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.10.2..@fluentui/react-avatar_v9.10.3)
|
|
102
|
+
|
|
103
|
+
### Patches
|
|
104
|
+
|
|
105
|
+
- Bump @fluentui/react-badge to v9.5.0 ([PR #35824](https://github.com/microsoft/fluentui/pull/35824) by beachball)
|
|
106
|
+
|
|
107
|
+
## [9.10.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.10.2)
|
|
108
|
+
|
|
109
|
+
Tue, 03 Mar 2026 09:43:43 GMT
|
|
110
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.10.1..@fluentui/react-avatar_v9.10.2)
|
|
111
|
+
|
|
112
|
+
### Patches
|
|
113
|
+
|
|
114
|
+
- Bump @fluentui/react-popover to v9.14.0 ([commit](https://github.com/microsoft/fluentui/commit/81e1556b008bfbd07fe427d89af6142459d74c6f) by beachball)
|
|
115
|
+
- Bump @fluentui/react-tooltip to v9.9.3 ([commit](https://github.com/microsoft/fluentui/commit/81e1556b008bfbd07fe427d89af6142459d74c6f) by beachball)
|
|
116
|
+
|
|
117
|
+
## [9.10.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.10.1)
|
|
118
|
+
|
|
119
|
+
Wed, 25 Feb 2026 13:32:28 GMT
|
|
120
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.10.0..@fluentui/react-avatar_v9.10.1)
|
|
121
|
+
|
|
122
|
+
### Patches
|
|
123
|
+
|
|
124
|
+
- Bump @fluentui/react-badge to v9.4.15 ([PR #35782](https://github.com/microsoft/fluentui/pull/35782) by beachball)
|
|
125
|
+
- Bump @fluentui/react-context-selector to v9.2.15 ([PR #35782](https://github.com/microsoft/fluentui/pull/35782) by beachball)
|
|
126
|
+
- Bump @fluentui/react-popover to v9.13.2 ([PR #35782](https://github.com/microsoft/fluentui/pull/35782) by beachball)
|
|
127
|
+
- Bump @fluentui/react-shared-contexts to v9.26.2 ([PR #35782](https://github.com/microsoft/fluentui/pull/35782) by beachball)
|
|
128
|
+
- Bump @fluentui/react-tabster to v9.26.13 ([PR #35782](https://github.com/microsoft/fluentui/pull/35782) by beachball)
|
|
129
|
+
- Bump @fluentui/react-tooltip to v9.9.2 ([PR #35782](https://github.com/microsoft/fluentui/pull/35782) by beachball)
|
|
130
|
+
- Bump @fluentui/react-utilities to v9.26.2 ([PR #35782](https://github.com/microsoft/fluentui/pull/35782) by beachball)
|
|
131
|
+
- Bump @fluentui/react-jsx-runtime to v9.4.1 ([PR #35782](https://github.com/microsoft/fluentui/pull/35782) by beachball)
|
|
132
|
+
|
|
133
|
+
## [9.10.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.10.0)
|
|
134
|
+
|
|
135
|
+
Thu, 12 Feb 2026 10:46:12 GMT
|
|
136
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.9.14..@fluentui/react-avatar_v9.10.0)
|
|
137
|
+
|
|
138
|
+
### Minor changes
|
|
139
|
+
|
|
140
|
+
- feat: add base hooks for Avatar component ([PR #35696](https://github.com/microsoft/fluentui/pull/35696) by dmytrokirpa@microsoft.com)
|
|
141
|
+
- Bump @fluentui/react-badge to v9.4.14 ([PR #35743](https://github.com/microsoft/fluentui/pull/35743) by beachball)
|
|
142
|
+
- Bump @fluentui/react-popover to v9.13.1 ([PR #35743](https://github.com/microsoft/fluentui/pull/35743) by beachball)
|
|
143
|
+
- Bump @fluentui/react-tooltip to v9.9.1 ([PR #35743](https://github.com/microsoft/fluentui/pull/35743) by beachball)
|
|
144
|
+
- Bump @fluentui/react-jsx-runtime to v9.4.0 ([PR #35743](https://github.com/microsoft/fluentui/pull/35743) by beachball)
|
|
145
|
+
|
|
146
|
+
## [9.9.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.9.14)
|
|
147
|
+
|
|
148
|
+
Thu, 22 Jan 2026 17:07:02 GMT
|
|
149
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.9.13..@fluentui/react-avatar_v9.9.14)
|
|
150
|
+
|
|
151
|
+
### Patches
|
|
152
|
+
|
|
153
|
+
- Bump @fluentui/react-badge to v9.4.13 ([PR #35574](https://github.com/microsoft/fluentui/pull/35574) by beachball)
|
|
154
|
+
- Bump @fluentui/react-context-selector to v9.2.14 ([PR #35574](https://github.com/microsoft/fluentui/pull/35574) by beachball)
|
|
155
|
+
- Bump @fluentui/react-popover to v9.13.0 ([PR #35574](https://github.com/microsoft/fluentui/pull/35574) by beachball)
|
|
156
|
+
- Bump @fluentui/react-shared-contexts to v9.26.1 ([PR #35574](https://github.com/microsoft/fluentui/pull/35574) by beachball)
|
|
157
|
+
- Bump @fluentui/react-tabster to v9.26.12 ([PR #35574](https://github.com/microsoft/fluentui/pull/35574) by beachball)
|
|
158
|
+
- Bump @fluentui/react-theme to v9.2.1 ([PR #35574](https://github.com/microsoft/fluentui/pull/35574) by beachball)
|
|
159
|
+
- Bump @fluentui/react-tooltip to v9.9.0 ([PR #35574](https://github.com/microsoft/fluentui/pull/35574) by beachball)
|
|
160
|
+
- Bump @fluentui/react-utilities to v9.26.1 ([PR #35574](https://github.com/microsoft/fluentui/pull/35574) by beachball)
|
|
161
|
+
- Bump @fluentui/react-jsx-runtime to v9.3.5 ([PR #35574](https://github.com/microsoft/fluentui/pull/35574) by beachball)
|
|
24
162
|
|
|
25
163
|
## [9.9.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.9.13)
|
|
26
164
|
|
package/dist/index.d.cts
ADDED
|
@@ -0,0 +1,473 @@
|
|
|
1
|
+
import type { ComponentProps } from '@fluentui/react-utilities';
|
|
2
|
+
import type { ComponentState } from '@fluentui/react-utilities';
|
|
3
|
+
import type { ContextSelector } from '@fluentui/react-context-selector';
|
|
4
|
+
import { FC } from 'react';
|
|
5
|
+
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
6
|
+
import type { JSXElement } from '@fluentui/react-utilities';
|
|
7
|
+
import type { PopoverProps } from '@fluentui/react-popover';
|
|
8
|
+
import type { PopoverSurface } from '@fluentui/react-popover';
|
|
9
|
+
import type { PresenceBadge } from '@fluentui/react-badge';
|
|
10
|
+
import { Provider } from 'react';
|
|
11
|
+
import { ProviderProps } from 'react';
|
|
12
|
+
import * as React_2 from 'react';
|
|
13
|
+
import type { Slot } from '@fluentui/react-utilities';
|
|
14
|
+
import type { SlotClassNames } from '@fluentui/react-utilities';
|
|
15
|
+
import type { TooltipProps } from '@fluentui/react-tooltip';
|
|
16
|
+
|
|
17
|
+
export declare const Avatar: ForwardRefComponent<AvatarProps>;
|
|
18
|
+
|
|
19
|
+
export declare type AvatarBaseProps = ComponentProps<Omit<AvatarSlots, 'badge'>> & Pick<AvatarProps, 'name'>;
|
|
20
|
+
|
|
21
|
+
export declare type AvatarBaseState = ComponentState<Omit<AvatarSlots, 'badge'>> & Pick<AvatarState, 'activeAriaLabelElement'>;
|
|
22
|
+
|
|
23
|
+
export declare const avatarClassNames: SlotClassNames<AvatarSlots>;
|
|
24
|
+
|
|
25
|
+
/**
|
|
26
|
+
* @internal
|
|
27
|
+
*/
|
|
28
|
+
export declare const AvatarContextProvider: React_2.Provider<AvatarContextValue | undefined>;
|
|
29
|
+
|
|
30
|
+
/**
|
|
31
|
+
* @internal
|
|
32
|
+
*/
|
|
33
|
+
export declare interface AvatarContextValue {
|
|
34
|
+
shape?: AvatarShape;
|
|
35
|
+
size?: AvatarSize;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
/**
|
|
39
|
+
* The AvatarGroup component represents a group of multiple people or entities by taking care of the arrangement
|
|
40
|
+
* of individual Avatars in a spread, stack, or pie layout.
|
|
41
|
+
*/
|
|
42
|
+
export declare const AvatarGroup: ForwardRefComponent<AvatarGroupProps>;
|
|
43
|
+
|
|
44
|
+
export declare type AvatarGroupBaseProps = Omit<AvatarGroupProps, 'size'>;
|
|
45
|
+
|
|
46
|
+
export declare type AvatarGroupBaseState = Omit<AvatarGroupState, 'size'>;
|
|
47
|
+
|
|
48
|
+
export declare const avatarGroupClassNames: SlotClassNames<AvatarGroupSlots>;
|
|
49
|
+
|
|
50
|
+
export declare type AvatarGroupContextValue = Pick<AvatarGroupProps, 'size' | 'layout'> & {
|
|
51
|
+
isOverflow?: boolean;
|
|
52
|
+
};
|
|
53
|
+
|
|
54
|
+
export declare type AvatarGroupContextValues = {
|
|
55
|
+
avatarGroup: AvatarGroupContextValue;
|
|
56
|
+
};
|
|
57
|
+
|
|
58
|
+
/**
|
|
59
|
+
* The AvatarGroupItem component represents a single person or entity.
|
|
60
|
+
* AvatarGroupItem should only be used in an AvatarGroup component.
|
|
61
|
+
*/
|
|
62
|
+
export declare const AvatarGroupItem: ForwardRefComponent<AvatarGroupItemProps>;
|
|
63
|
+
|
|
64
|
+
export declare type AvatarGroupItemBaseProps = AvatarGroupItemProps;
|
|
65
|
+
|
|
66
|
+
export declare type AvatarGroupItemBaseState = Omit<AvatarGroupItemState, 'size'>;
|
|
67
|
+
|
|
68
|
+
export declare const avatarGroupItemClassNames: SlotClassNames<AvatarGroupItemSlots>;
|
|
69
|
+
|
|
70
|
+
/**
|
|
71
|
+
* AvatarGroupItem Props
|
|
72
|
+
*/
|
|
73
|
+
export declare type AvatarGroupItemProps = Omit<ComponentProps<Partial<AvatarGroupItemSlots>, 'avatar'>, 'size' | 'shape'>;
|
|
74
|
+
|
|
75
|
+
export declare type AvatarGroupItemSlots = {
|
|
76
|
+
root: NonNullable<Slot<'div', 'li'>>;
|
|
77
|
+
/**
|
|
78
|
+
* Avatar that represents a person or entity.
|
|
79
|
+
*/
|
|
80
|
+
avatar: NonNullable<Slot<typeof Avatar>>;
|
|
81
|
+
/**
|
|
82
|
+
* Label used for the name of the AvatarGroupItem when rendered as an overflow item.
|
|
83
|
+
* The content of the label, by default, is the `name` prop from the `avatar` slot.
|
|
84
|
+
*/
|
|
85
|
+
overflowLabel: NonNullable<Slot<'span'>>;
|
|
86
|
+
};
|
|
87
|
+
|
|
88
|
+
/**
|
|
89
|
+
* State used in rendering AvatarGroupItem
|
|
90
|
+
*/
|
|
91
|
+
export declare type AvatarGroupItemState = ComponentState<AvatarGroupItemSlots> & {
|
|
92
|
+
/**
|
|
93
|
+
* Whether the Avatar is an overflow item.
|
|
94
|
+
*
|
|
95
|
+
* @default false
|
|
96
|
+
*/
|
|
97
|
+
isOverflowItem?: boolean;
|
|
98
|
+
layout: AvatarGroupProps['layout'];
|
|
99
|
+
size: AvatarSize;
|
|
100
|
+
};
|
|
101
|
+
|
|
102
|
+
/**
|
|
103
|
+
* The AvatarGroupPopover component provides a button with a Popover containing the children provided.
|
|
104
|
+
*/
|
|
105
|
+
export declare const AvatarGroupPopover: React_2.FC<AvatarGroupPopoverProps>;
|
|
106
|
+
|
|
107
|
+
export declare type AvatarGroupPopoverBaseProps = AvatarGroupPopoverProps;
|
|
108
|
+
|
|
109
|
+
export declare type AvatarGroupPopoverBaseState = Omit<AvatarGroupPopoverState, 'size'>;
|
|
110
|
+
|
|
111
|
+
export declare const avatarGroupPopoverClassNames: SlotClassNames<AvatarGroupPopoverSlots>;
|
|
112
|
+
|
|
113
|
+
/**
|
|
114
|
+
* AvatarGroupPopover Props
|
|
115
|
+
*/
|
|
116
|
+
export declare type AvatarGroupPopoverProps = Omit<ComponentProps<Partial<AvatarGroupPopoverSlots>>, 'children'> & {
|
|
117
|
+
/**
|
|
118
|
+
* Whether the triggerButton should render an icon instead of the number of overflowed AvatarGroupItems.
|
|
119
|
+
* Note: The indicator will default to `icon` when the size is less than 24.
|
|
120
|
+
* @default count
|
|
121
|
+
*/
|
|
122
|
+
indicator?: 'count' | 'icon';
|
|
123
|
+
/**
|
|
124
|
+
* Number of AvatarGroupItems that will be rendered.
|
|
125
|
+
*
|
|
126
|
+
* Note: AvatarGroupPopover handles counting the number of children, but when using a react fragment to wrap the
|
|
127
|
+
* children, this is not possible and therefore it has do be added manually.
|
|
128
|
+
*/
|
|
129
|
+
count?: number;
|
|
130
|
+
children: React_2.ReactNode;
|
|
131
|
+
};
|
|
132
|
+
|
|
133
|
+
export declare type AvatarGroupPopoverSlots = {
|
|
134
|
+
root: NonNullable<Slot<PopoverProps>>;
|
|
135
|
+
/**
|
|
136
|
+
* Button that triggers the Popover.
|
|
137
|
+
*/
|
|
138
|
+
triggerButton: NonNullable<Slot<'button'>>;
|
|
139
|
+
/**
|
|
140
|
+
* List that contains the overflowed AvatarGroupItems.
|
|
141
|
+
*/
|
|
142
|
+
content: NonNullable<Slot<'ul'>>;
|
|
143
|
+
/**
|
|
144
|
+
* PopoverSurface that contains the content.
|
|
145
|
+
*/
|
|
146
|
+
popoverSurface: NonNullable<Slot<typeof PopoverSurface>>;
|
|
147
|
+
/**
|
|
148
|
+
* Tooltip shown when triggerButton is hovered.
|
|
149
|
+
*/
|
|
150
|
+
tooltip: NonNullable<Slot<TooltipProps>>;
|
|
151
|
+
};
|
|
152
|
+
|
|
153
|
+
/**
|
|
154
|
+
* State used in rendering AvatarGroupPopover
|
|
155
|
+
*/
|
|
156
|
+
export declare type AvatarGroupPopoverState = ComponentState<AvatarGroupPopoverSlots> & Required<Pick<AvatarGroupPopoverProps, 'count' | 'indicator'>> & {
|
|
157
|
+
popoverOpen: boolean;
|
|
158
|
+
layout: AvatarGroupProps['layout'];
|
|
159
|
+
size: AvatarSize;
|
|
160
|
+
};
|
|
161
|
+
|
|
162
|
+
/**
|
|
163
|
+
* AvatarGroup Props
|
|
164
|
+
*/
|
|
165
|
+
export declare type AvatarGroupProps = ComponentProps<AvatarGroupSlots> & {
|
|
166
|
+
/**
|
|
167
|
+
* Layout the AvatarGroupItems should be displayed as.
|
|
168
|
+
* @default spread
|
|
169
|
+
*/
|
|
170
|
+
layout?: 'spread' | 'stack' | 'pie';
|
|
171
|
+
/**
|
|
172
|
+
* Size of the AvatarGroupItems.
|
|
173
|
+
* @default 32
|
|
174
|
+
*/
|
|
175
|
+
size?: AvatarSize;
|
|
176
|
+
};
|
|
177
|
+
|
|
178
|
+
export declare const AvatarGroupProvider: Provider<AvatarGroupContextValue> & FC<ProviderProps<AvatarGroupContextValue>>;
|
|
179
|
+
|
|
180
|
+
export declare type AvatarGroupSlots = {
|
|
181
|
+
root: NonNullable<Slot<'div'>>;
|
|
182
|
+
};
|
|
183
|
+
|
|
184
|
+
/**
|
|
185
|
+
* State used in rendering AvatarGroup
|
|
186
|
+
*/
|
|
187
|
+
export declare type AvatarGroupState = ComponentState<AvatarGroupSlots> & Required<Pick<AvatarGroupProps, 'layout' | 'size'>>;
|
|
188
|
+
|
|
189
|
+
/**
|
|
190
|
+
* A specific named color for the Avatar
|
|
191
|
+
*/
|
|
192
|
+
export declare type AvatarNamedColor = 'dark-red' | 'cranberry' | 'red' | 'pumpkin' | 'peach' | 'marigold' | 'gold' | 'brass' | 'brown' | 'forest' | 'seafoam' | 'dark-green' | 'light-teal' | 'teal' | 'steel' | 'blue' | 'royal-blue' | 'cornflower' | 'navy' | 'lavender' | 'purple' | 'grape' | 'lilac' | 'pink' | 'magenta' | 'plum' | 'beige' | 'mink' | 'platinum' | 'anchor';
|
|
193
|
+
|
|
194
|
+
/**
|
|
195
|
+
* Properties for Avatar
|
|
196
|
+
*/
|
|
197
|
+
export declare type AvatarProps = Omit<ComponentProps<AvatarSlots>, 'color'> & {
|
|
198
|
+
/**
|
|
199
|
+
* Optional activity indicator
|
|
200
|
+
* * active: the avatar will be decorated according to activeAppearance
|
|
201
|
+
* * inactive: the avatar will be reduced in size and partially transparent
|
|
202
|
+
* * unset: normal display
|
|
203
|
+
*
|
|
204
|
+
* @default unset
|
|
205
|
+
*/
|
|
206
|
+
active?: 'active' | 'inactive' | 'unset';
|
|
207
|
+
/**
|
|
208
|
+
* The appearance when `active="active"`
|
|
209
|
+
*
|
|
210
|
+
* @default ring
|
|
211
|
+
*/
|
|
212
|
+
activeAppearance?: 'ring' | 'shadow' | 'ring-shadow';
|
|
213
|
+
/**
|
|
214
|
+
* The color when displaying either an icon or initials.
|
|
215
|
+
* * neutral (default): gray
|
|
216
|
+
* * brand: color from the brand palette
|
|
217
|
+
* * colorful: picks a color from a set of pre-defined colors, based on a hash of the name (or idForColor if provided)
|
|
218
|
+
* * [AvatarNamedColor]: a specific color from the theme
|
|
219
|
+
*
|
|
220
|
+
* @default neutral
|
|
221
|
+
*/
|
|
222
|
+
color?: 'neutral' | 'brand' | 'colorful' | AvatarNamedColor;
|
|
223
|
+
/**
|
|
224
|
+
* Specify a string to be used instead of the name, to determine which color to use when color="colorful".
|
|
225
|
+
* Use this when a name is not available, but there is another unique identifier that can be used instead.
|
|
226
|
+
*/
|
|
227
|
+
idForColor?: string | undefined;
|
|
228
|
+
/**
|
|
229
|
+
* The name of the person or entity represented by this Avatar. This should always be provided if it is available.
|
|
230
|
+
*
|
|
231
|
+
* The name is used to determine the initials displayed when there is no image. It is also provided to
|
|
232
|
+
* accessibility tools.
|
|
233
|
+
*/
|
|
234
|
+
name?: string;
|
|
235
|
+
/**
|
|
236
|
+
* The avatar can have a circular or square shape.
|
|
237
|
+
* @default circular
|
|
238
|
+
*/
|
|
239
|
+
shape?: AvatarShape;
|
|
240
|
+
/**
|
|
241
|
+
* Size of the avatar in pixels.
|
|
242
|
+
*
|
|
243
|
+
* Size is restricted to a limited set of supported values recommended for most uses (see `AvatarSizeValue`) and
|
|
244
|
+
* based on design guidelines for the Avatar control.
|
|
245
|
+
*
|
|
246
|
+
* Note: At size 16, if initials are displayed, only the first initial will be rendered.
|
|
247
|
+
*
|
|
248
|
+
* If a non-supported size is needed, set `size` to the next-smaller supported size, and set `width` and `height`
|
|
249
|
+
* to override the rendered size.
|
|
250
|
+
*
|
|
251
|
+
* For example, to set the avatar to 45px in size:
|
|
252
|
+
* `<Avatar size={40} style={{ width: '45px', height: '45px' }} />`
|
|
253
|
+
*
|
|
254
|
+
* @default 32
|
|
255
|
+
*/
|
|
256
|
+
size?: AvatarSize;
|
|
257
|
+
};
|
|
258
|
+
|
|
259
|
+
/**
|
|
260
|
+
* Shape of the avatar
|
|
261
|
+
*/
|
|
262
|
+
export declare type AvatarShape = 'circular' | 'square';
|
|
263
|
+
|
|
264
|
+
/**
|
|
265
|
+
* Sizes for the avatar
|
|
266
|
+
*/
|
|
267
|
+
export declare type AvatarSize = 16 | 20 | 24 | 28 | 32 | 36 | 40 | 48 | 56 | 64 | 72 | 96 | 120 | 128;
|
|
268
|
+
|
|
269
|
+
/**
|
|
270
|
+
* Sizes for the avatar
|
|
271
|
+
* @deprecated use AvatarSize instead
|
|
272
|
+
*/
|
|
273
|
+
export declare type AvatarSizes = AvatarSize;
|
|
274
|
+
|
|
275
|
+
export declare type AvatarSlots = {
|
|
276
|
+
root: Slot<'span'>;
|
|
277
|
+
/**
|
|
278
|
+
* The Avatar's image.
|
|
279
|
+
*
|
|
280
|
+
* Usage e.g.: `image={{ src: '...' }}`
|
|
281
|
+
*/
|
|
282
|
+
image?: Slot<'img'>;
|
|
283
|
+
/**
|
|
284
|
+
* (optional) Custom initials.
|
|
285
|
+
*
|
|
286
|
+
* It is usually not necessary to specify custom initials; by default they will be derived from the `name` prop,
|
|
287
|
+
* using the `getInitials` function.
|
|
288
|
+
*
|
|
289
|
+
* The initials are displayed when there is no image (including while the image is loading).
|
|
290
|
+
*/
|
|
291
|
+
initials?: Slot<'span'>;
|
|
292
|
+
/**
|
|
293
|
+
* Icon to be displayed when the avatar doesn't have an image or initials.
|
|
294
|
+
*
|
|
295
|
+
* @default `PersonRegular` (the default icon's size depends on the Avatar's size)
|
|
296
|
+
*/
|
|
297
|
+
icon?: Slot<'span'>;
|
|
298
|
+
/**
|
|
299
|
+
* Badge to show the avatar's presence status.
|
|
300
|
+
*/
|
|
301
|
+
badge?: Slot<typeof PresenceBadge>;
|
|
302
|
+
};
|
|
303
|
+
|
|
304
|
+
/**
|
|
305
|
+
* State used in rendering Avatar
|
|
306
|
+
*/
|
|
307
|
+
export declare type AvatarState = ComponentState<AvatarSlots> & Required<Pick<AvatarProps, 'active' | 'activeAppearance' | 'shape' | 'size'>> & {
|
|
308
|
+
/**
|
|
309
|
+
* The Avatar's color, it matches props.color but with `'colorful'` resolved to a named color
|
|
310
|
+
*/
|
|
311
|
+
color: NonNullable<Exclude<AvatarProps['color'], 'colorful'>>;
|
|
312
|
+
/**
|
|
313
|
+
* Hidden span to render the active state label for the purposes of including in the aria-labelledby, if needed.
|
|
314
|
+
*/
|
|
315
|
+
activeAriaLabelElement?: JSXElement;
|
|
316
|
+
};
|
|
317
|
+
|
|
318
|
+
/**
|
|
319
|
+
* Regular expressions matching characters to ignore when calculating the initials.
|
|
320
|
+
*/
|
|
321
|
+
/**
|
|
322
|
+
* Get (up to 2 characters) initials based on display name of the persona.
|
|
323
|
+
*
|
|
324
|
+
* @param displayName - The full name of the person or entity
|
|
325
|
+
* @param isRtl - Whether the display is in RTL
|
|
326
|
+
* @param options - Extra options to control the behavior of getInitials
|
|
327
|
+
*
|
|
328
|
+
* @returns The 1 or 2 character initials based on the name. Or an empty string if no initials
|
|
329
|
+
* could be derived from the name.
|
|
330
|
+
*
|
|
331
|
+
* @internal
|
|
332
|
+
*/
|
|
333
|
+
export declare function getInitials(displayName: string | undefined | null, isRtl: boolean, options?: {
|
|
334
|
+
/** Should initials be generated from phone numbers (default false) */
|
|
335
|
+
allowPhoneInitials?: boolean;
|
|
336
|
+
/** Returns only the first initial */
|
|
337
|
+
firstInitialOnly?: boolean;
|
|
338
|
+
}): string;
|
|
339
|
+
|
|
340
|
+
export declare type PartitionAvatarGroupItems<T> = {
|
|
341
|
+
inlineItems: readonly T[];
|
|
342
|
+
overflowItems?: readonly T[];
|
|
343
|
+
};
|
|
344
|
+
|
|
345
|
+
/**
|
|
346
|
+
* Get the inline items and overflowing items based on the array of AvatarGroupItems needed for AvatarGroup.
|
|
347
|
+
*
|
|
348
|
+
* @param options - Configure the partition options
|
|
349
|
+
*
|
|
350
|
+
* @returns Two arrays split into inline items and overflow items based on maxInlineItems.
|
|
351
|
+
*/
|
|
352
|
+
export declare const partitionAvatarGroupItems: <T>(options: PartitionAvatarGroupItemsOptions<T>) => PartitionAvatarGroupItems<T>;
|
|
353
|
+
|
|
354
|
+
export declare type PartitionAvatarGroupItemsOptions<T> = {
|
|
355
|
+
items: readonly T[];
|
|
356
|
+
layout?: 'spread' | 'stack' | 'pie';
|
|
357
|
+
maxInlineItems?: number;
|
|
358
|
+
};
|
|
359
|
+
|
|
360
|
+
export declare const renderAvatar_unstable: (state: AvatarBaseState) => JSXElement;
|
|
361
|
+
|
|
362
|
+
/**
|
|
363
|
+
* Render the final JSX of AvatarGroup
|
|
364
|
+
*/
|
|
365
|
+
export declare const renderAvatarGroup_unstable: (state: AvatarGroupBaseState, contextValues: AvatarGroupContextValues) => JSXElement;
|
|
366
|
+
|
|
367
|
+
/**
|
|
368
|
+
* Render the final JSX of AvatarGroupItem
|
|
369
|
+
*/
|
|
370
|
+
export declare const renderAvatarGroupItem_unstable: (state: AvatarGroupItemBaseState) => JSXElement;
|
|
371
|
+
|
|
372
|
+
/**
|
|
373
|
+
* Render the final JSX of AvatarGroupPopover
|
|
374
|
+
*/
|
|
375
|
+
export declare const renderAvatarGroupPopover_unstable: (state: AvatarGroupPopoverBaseState, contextValues: AvatarGroupContextValues) => JSXElement;
|
|
376
|
+
|
|
377
|
+
export declare const useAvatar_unstable: (props: AvatarProps, ref: React_2.Ref<HTMLElement>) => AvatarState;
|
|
378
|
+
|
|
379
|
+
/**
|
|
380
|
+
* Base hook for Avatar component, manages state and structure common to all variants of Avatar
|
|
381
|
+
*/
|
|
382
|
+
export declare const useAvatarBase_unstable: (props: AvatarBaseProps, ref?: React_2.Ref<HTMLElement>) => AvatarBaseState;
|
|
383
|
+
|
|
384
|
+
/**
|
|
385
|
+
* @internal
|
|
386
|
+
*/
|
|
387
|
+
export declare const useAvatarContext: () => AvatarContextValue;
|
|
388
|
+
|
|
389
|
+
/**
|
|
390
|
+
* Create the state required to render AvatarGroup.
|
|
391
|
+
*
|
|
392
|
+
* The returned state can be modified with hooks such as useAvatarGroupStyles_unstable,
|
|
393
|
+
* before being passed to renderAvatarGroup_unstable.
|
|
394
|
+
*
|
|
395
|
+
* @param props - props from this instance of AvatarGroup
|
|
396
|
+
* @param ref - reference to root HTMLElement of AvatarGroup
|
|
397
|
+
*/
|
|
398
|
+
export declare const useAvatarGroup_unstable: (props: AvatarGroupProps, ref: React_2.Ref<HTMLElement>) => AvatarGroupState;
|
|
399
|
+
|
|
400
|
+
/**
|
|
401
|
+
* Create the base state to render AvatarGroup, without design-specific props.
|
|
402
|
+
*
|
|
403
|
+
* @param props - props from this instance of AvatarGroup
|
|
404
|
+
* @param ref - reference to root HTMLDivElement of AvatarGroup
|
|
405
|
+
*/
|
|
406
|
+
export declare const useAvatarGroupBase_unstable: (props: AvatarGroupBaseProps, ref: React_2.Ref<HTMLDivElement>) => AvatarGroupBaseState;
|
|
407
|
+
|
|
408
|
+
export declare const useAvatarGroupContext_unstable: <T>(selector: ContextSelector<AvatarGroupContextValue, T>) => T;
|
|
409
|
+
|
|
410
|
+
export declare const useAvatarGroupContextValues: (state: AvatarGroupState) => AvatarGroupContextValues;
|
|
411
|
+
|
|
412
|
+
/**
|
|
413
|
+
* Create the state required to render AvatarGroupItem.
|
|
414
|
+
*
|
|
415
|
+
* The returned state can be modified with hooks such as useAvatarGroupItemStyles_unstable,
|
|
416
|
+
* before being passed to renderAvatarGroupItem_unstable.
|
|
417
|
+
*
|
|
418
|
+
* @param props - props from this instance of AvatarGroupItem
|
|
419
|
+
* @param ref - reference to root HTMLElement of AvatarGroupItem
|
|
420
|
+
*/
|
|
421
|
+
export declare const useAvatarGroupItem_unstable: (props: AvatarGroupItemProps, ref: React_2.Ref<HTMLElement>) => AvatarGroupItemState;
|
|
422
|
+
|
|
423
|
+
/**
|
|
424
|
+
* Create the base state required to render AvatarGroupItem, without default slot props or component types.
|
|
425
|
+
*
|
|
426
|
+
* The returned state can be modified with hooks such as useAvatarGroupItemStyles_unstable,
|
|
427
|
+
* before being passed to renderAvatarGroupItem_unstable.
|
|
428
|
+
*
|
|
429
|
+
* @param props - props from this instance of AvatarGroupItem
|
|
430
|
+
* @param ref - reference to root HTMLElement of AvatarGroupItem
|
|
431
|
+
* @returns AvatarGroupItem state without default slot props or component types
|
|
432
|
+
*/
|
|
433
|
+
export declare const useAvatarGroupItemBase_unstable: (props: AvatarGroupItemBaseProps, ref: React_2.Ref<HTMLElement>) => AvatarGroupItemBaseState;
|
|
434
|
+
|
|
435
|
+
/**
|
|
436
|
+
* Apply styling to the AvatarGroupItem slots based on the state
|
|
437
|
+
*/
|
|
438
|
+
export declare const useAvatarGroupItemStyles_unstable: (state: AvatarGroupItemState) => AvatarGroupItemState;
|
|
439
|
+
|
|
440
|
+
/**
|
|
441
|
+
* Create the state required to render AvatarGroupPopover.
|
|
442
|
+
*
|
|
443
|
+
* The returned state can be modified with hooks such as useAvatarGroupPopoverStyles_unstable,
|
|
444
|
+
* before being passed to renderAvatarGroupPopover_unstable.
|
|
445
|
+
*
|
|
446
|
+
* @param props - props from this instance of AvatarGroupPopover
|
|
447
|
+
*/
|
|
448
|
+
export declare const useAvatarGroupPopover_unstable: (props: AvatarGroupPopoverProps) => AvatarGroupPopoverState;
|
|
449
|
+
|
|
450
|
+
/**
|
|
451
|
+
* Handles popover open/closed state, indicator display, and slot configuration.
|
|
452
|
+
* Use directly for custom implementations or use useAvatarGroupPopover_unstable for defaults.
|
|
453
|
+
*
|
|
454
|
+
* @param props - AvatarGroupPopover props
|
|
455
|
+
* @returns AvatarGroupPopover state
|
|
456
|
+
*/
|
|
457
|
+
export declare const useAvatarGroupPopoverBase_unstable: (props: AvatarGroupPopoverBaseProps) => AvatarGroupPopoverBaseState;
|
|
458
|
+
|
|
459
|
+
export declare const useAvatarGroupPopoverContextValues_unstable: (state: AvatarGroupPopoverState) => AvatarGroupContextValues;
|
|
460
|
+
|
|
461
|
+
/**
|
|
462
|
+
* Apply styling to the AvatarGroupPopover slots based on the state
|
|
463
|
+
*/
|
|
464
|
+
export declare const useAvatarGroupPopoverStyles_unstable: (state: AvatarGroupPopoverState) => AvatarGroupPopoverState;
|
|
465
|
+
|
|
466
|
+
/**
|
|
467
|
+
* Apply styling to the AvatarGroup slots based on the state
|
|
468
|
+
*/
|
|
469
|
+
export declare const useAvatarGroupStyles_unstable: (state: AvatarGroupState) => AvatarGroupState;
|
|
470
|
+
|
|
471
|
+
export declare const useAvatarStyles_unstable: (state: AvatarState) => AvatarState;
|
|
472
|
+
|
|
473
|
+
export { }
|