@synerise/ds-avatar-group 1.1.24 → 1.1.26
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 +8 -0
- package/README.md +17 -12
- package/dist/AvatarGroup.types.d.ts +2 -2
- package/dist/index.d.ts +1 -0
- package/package.json +12 -12
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,14 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [1.1.26](https://github.com/Synerise/synerise-design/compare/@synerise/ds-avatar-group@1.1.25...@synerise/ds-avatar-group@1.1.26) (2026-03-20)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @synerise/ds-avatar-group
|
|
9
|
+
|
|
10
|
+
## [1.1.25](https://github.com/Synerise/synerise-design/compare/@synerise/ds-avatar-group@1.1.24...@synerise/ds-avatar-group@1.1.25) (2026-03-09)
|
|
11
|
+
|
|
12
|
+
**Note:** Version bump only for package @synerise/ds-avatar-group
|
|
13
|
+
|
|
6
14
|
## [1.1.24](https://github.com/Synerise/synerise-design/compare/@synerise/ds-avatar-group@1.1.23...@synerise/ds-avatar-group@1.1.24) (2026-02-26)
|
|
7
15
|
|
|
8
16
|
**Note:** Version bump only for package @synerise/ds-avatar-group
|
package/README.md
CHANGED
|
@@ -31,15 +31,20 @@ import AvatarGroup from '@synerise/ds-avatar-group'
|
|
|
31
31
|
| Property | Description | Type | Default |
|
|
32
32
|
| -------------------- | --------------------------------------------------------------- | -------------------------------- | -------- |
|
|
33
33
|
| numberOfVisibleUsers | Number of visible avatars | number | 3 |
|
|
34
|
-
| hasStatus | Aligns `badge` with the avatars | boolean |
|
|
35
|
-
| size | The size of the avatars |
|
|
36
|
-
|
|
|
37
|
-
| moreInfoTooltip |
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
|
43
|
-
|
|
|
44
|
-
|
|
|
45
|
-
|
|
|
34
|
+
| hasStatus | Aligns `badge` with the avatars | boolean | - |
|
|
35
|
+
| size | The size of the avatars | `small` / `medium` / `large` | `medium` |
|
|
36
|
+
| dataSource | Array of avatar records | DataSource[] | - |
|
|
37
|
+
| moreInfoTooltip | Suffix text for the +N overflow tooltip | string | - |
|
|
38
|
+
| groupModal | If provided, +N counter opens a modal with the full member list | GroupModalSettings | - |
|
|
39
|
+
|
|
40
|
+
### DataSource
|
|
41
|
+
|
|
42
|
+
| Property | Description | Type | Default |
|
|
43
|
+
| ----------- | ------------------------------------ | ---------------------------------------- | ------- |
|
|
44
|
+
| id | Unique identifier | string / number | - |
|
|
45
|
+
| initials | Initials displayed in the avatar | string | - |
|
|
46
|
+
| firstname | First name (shown in modal) | string | - |
|
|
47
|
+
| lastname | Last name (shown in modal) | string | - |
|
|
48
|
+
| email | Email (shown in modal) | string | - |
|
|
49
|
+
| status | Badge status | `'active'` / `'inactive'` / `'blocked'` | - |
|
|
50
|
+
| avatarProps | Props spread onto the Avatar element | AvatarProps (from `@synerise/ds-avatar`) | - |
|
|
@@ -21,10 +21,10 @@ export type GroupModalSettings = {
|
|
|
21
21
|
cancelText: string | React.ReactNode;
|
|
22
22
|
};
|
|
23
23
|
export type AvatarGroupProps = {
|
|
24
|
-
numberOfVisibleUsers
|
|
24
|
+
numberOfVisibleUsers?: number;
|
|
25
25
|
hasStatus?: boolean;
|
|
26
26
|
size?: Size;
|
|
27
27
|
dataSource: DataSource[];
|
|
28
|
-
moreInfoTooltip
|
|
28
|
+
moreInfoTooltip?: string;
|
|
29
29
|
groupModal?: GroupModalSettings;
|
|
30
30
|
};
|
package/dist/index.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@synerise/ds-avatar-group",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.26",
|
|
4
4
|
"description": "AvatarGroup UI Component for the Synerise Design System",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"repository": "Synerise/synerise-design",
|
|
@@ -23,8 +23,8 @@
|
|
|
23
23
|
"defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
|
|
24
24
|
"pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
|
|
25
25
|
"prepublish": "pnpm run build",
|
|
26
|
-
"test": "vitest",
|
|
27
|
-
"test:watch": "
|
|
26
|
+
"test": "vitest run",
|
|
27
|
+
"test:watch": "vitest",
|
|
28
28
|
"types": "tsc --noEmit",
|
|
29
29
|
"check:circular-dependencies": "madge --circular --extensions ts,tsx,js,jsx --ts-config tsconfig.json src/ --exclude '/dist/'",
|
|
30
30
|
"upgrade:ds": "ncu -f \"@synerise/ds-*\" -u"
|
|
@@ -35,14 +35,14 @@
|
|
|
35
35
|
],
|
|
36
36
|
"types": "dist/index.d.ts",
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@synerise/ds-avatar": "^1.3.
|
|
39
|
-
"@synerise/ds-badge": "^1.0.
|
|
40
|
-
"@synerise/ds-button": "^1.5.
|
|
41
|
-
"@synerise/ds-dropdown": "^1.
|
|
42
|
-
"@synerise/ds-icon": "^1.
|
|
43
|
-
"@synerise/ds-modal": "^1.
|
|
44
|
-
"@synerise/ds-table": "^1.9.
|
|
45
|
-
"@synerise/ds-tooltip": "^1.4.
|
|
38
|
+
"@synerise/ds-avatar": "^1.3.4",
|
|
39
|
+
"@synerise/ds-badge": "^1.0.43",
|
|
40
|
+
"@synerise/ds-button": "^1.5.17",
|
|
41
|
+
"@synerise/ds-dropdown": "^1.3.1",
|
|
42
|
+
"@synerise/ds-icon": "^1.15.0",
|
|
43
|
+
"@synerise/ds-modal": "^1.4.0",
|
|
44
|
+
"@synerise/ds-table": "^1.9.11",
|
|
45
|
+
"@synerise/ds-tooltip": "^1.4.9"
|
|
46
46
|
},
|
|
47
47
|
"peerDependencies": {
|
|
48
48
|
"@synerise/ds-core": "*",
|
|
@@ -50,5 +50,5 @@
|
|
|
50
50
|
"styled-components": "^5.3.3",
|
|
51
51
|
"vitest": "4"
|
|
52
52
|
},
|
|
53
|
-
"gitHead": "
|
|
53
|
+
"gitHead": "8efc031fa688c0b87c7b3915bae93546bb63bcac"
|
|
54
54
|
}
|