@synerise/ds-avatar-group 1.0.19 → 1.0.21
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 +721 -2567
- package/README.md +7 -7
- package/dist/AvatarGroup.d.ts +1 -1
- package/dist/AvatarGroup.js +5 -3
- package/dist/AvatarGroup.styles.d.ts +1 -1
- package/dist/AvatarGroup.types.d.ts +3 -3
- package/dist/Modal/GroupModal.d.ts +1 -1
- package/dist/Modal/GroupModal.js +4 -4
- package/dist/Modal/GroupModal.types.d.ts +1 -1
- package/package.json +11 -11
package/README.md
CHANGED
|
@@ -28,13 +28,13 @@ import AvatarGroup from '@synerise/ds-avatar-group'
|
|
|
28
28
|
|
|
29
29
|
## API
|
|
30
30
|
|
|
31
|
-
| Property | Description | Type
|
|
32
|
-
| -------------------- | --------------------------------------------------------------- |
|
|
33
|
-
| numberOfVisibleUsers | Number of visible avatars | number
|
|
34
|
-
| hasStatus | Aligns `badge` with the avatars | boolean
|
|
35
|
-
| size | The size of the avatars | string: `large` `small` `medium`
|
|
36
|
-
| avatars | Array of avatars | Avatar[]
|
|
37
|
-
| moreInfoTooltip | Text on tooltip with information about number of hidden avatars | string
|
|
31
|
+
| Property | Description | Type | Default |
|
|
32
|
+
| -------------------- | --------------------------------------------------------------- | -------------------------------- | -------- |
|
|
33
|
+
| numberOfVisibleUsers | Number of visible avatars | number | 3 |
|
|
34
|
+
| hasStatus | Aligns `badge` with the avatars | boolean | `false` |
|
|
35
|
+
| size | The size of the avatars | string: `large` `small` `medium` | `medium` |
|
|
36
|
+
| avatars | Array of avatars | Avatar[] | - |
|
|
37
|
+
| moreInfoTooltip | Text on tooltip with information about number of hidden avatars | string | - |
|
|
38
38
|
|
|
39
39
|
### Avatar
|
|
40
40
|
|
package/dist/AvatarGroup.d.ts
CHANGED
package/dist/AvatarGroup.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import Tooltip from '@synerise/ds-tooltip/dist/Tooltip';
|
|
4
|
-
import Badge from '@synerise/ds-badge';
|
|
5
3
|
import Avatar from '@synerise/ds-avatar';
|
|
4
|
+
import Badge from '@synerise/ds-badge';
|
|
5
|
+
import Tooltip from '@synerise/ds-tooltip/dist/Tooltip';
|
|
6
6
|
import * as S from './AvatarGroup.styles';
|
|
7
7
|
import GroupModal from './Modal/GroupModal';
|
|
8
8
|
var AvatarGroup = function AvatarGroup(_ref) {
|
|
@@ -42,7 +42,9 @@ var AvatarGroup = function AvatarGroup(_ref) {
|
|
|
42
42
|
}, "+", diff));
|
|
43
43
|
}, [dataSource, numberOfVisibleUsers, size, moreInfoTooltip, showModal]);
|
|
44
44
|
var renderGroupModal = React.useMemo(function () {
|
|
45
|
-
if (!groupModal)
|
|
45
|
+
if (!groupModal) {
|
|
46
|
+
return null;
|
|
47
|
+
}
|
|
46
48
|
return /*#__PURE__*/React.createElement(GroupModal, _extends({}, groupModal, {
|
|
47
49
|
visible: modalVisible,
|
|
48
50
|
hideModal: hideModal,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { AvatarProps } from '@synerise/ds-avatar/dist/Avatar.types';
|
|
3
|
-
import
|
|
1
|
+
import type React from 'react';
|
|
2
|
+
import { type AvatarProps } from '@synerise/ds-avatar/dist/Avatar.types';
|
|
3
|
+
import type { BadgeProps } from '@synerise/ds-badge/dist/Badge.types';
|
|
4
4
|
export type Size = 'small' | 'medium' | 'large' | undefined;
|
|
5
5
|
export type DataSource = Omit<BadgeProps, 'children'> & {
|
|
6
6
|
initials: string;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { GroupModalProps } from './GroupModal.types';
|
|
2
|
+
import { type GroupModalProps } from './GroupModal.types';
|
|
3
3
|
declare const GroupModal: ({ renderRowMenu, title, listTitle, dataSource, visible, hideModal, showStatus, handleInvite, handleOk, okText, cancelText, inviteText, }: GroupModalProps) => React.JSX.Element;
|
|
4
4
|
export default GroupModal;
|
package/dist/Modal/GroupModal.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import ModalProxy from '@synerise/ds-modal';
|
|
4
|
-
import { VirtualTable, TableCell } from '@synerise/ds-table';
|
|
5
3
|
import Avatar from '@synerise/ds-avatar';
|
|
6
|
-
import
|
|
4
|
+
import Badge from '@synerise/ds-badge';
|
|
7
5
|
import Button from '@synerise/ds-button';
|
|
6
|
+
import Dropdown from '@synerise/ds-dropdown';
|
|
8
7
|
import Icon, { OptionHorizontalM } from '@synerise/ds-icon';
|
|
9
|
-
import
|
|
8
|
+
import ModalProxy from '@synerise/ds-modal';
|
|
9
|
+
import { TableCell, VirtualTable } from '@synerise/ds-table';
|
|
10
10
|
import * as S from './GroupModal.styles';
|
|
11
11
|
var GroupModal = function GroupModal(_ref) {
|
|
12
12
|
var renderRowMenu = _ref.renderRowMenu,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@synerise/ds-avatar-group",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.21",
|
|
4
4
|
"description": "AvatarGroup UI Component for the Synerise Design System",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"repository": "Synerise/synerise-design",
|
|
@@ -34,20 +34,20 @@
|
|
|
34
34
|
],
|
|
35
35
|
"types": "dist/index.d.ts",
|
|
36
36
|
"dependencies": {
|
|
37
|
-
"@synerise/ds-avatar": "^1.0.
|
|
38
|
-
"@synerise/ds-badge": "^1.0.
|
|
39
|
-
"@synerise/ds-button": "^1.4.
|
|
40
|
-
"@synerise/ds-dropdown": "^1.0.
|
|
41
|
-
"@synerise/ds-icon": "^1.5.
|
|
42
|
-
"@synerise/ds-modal": "^1.2.
|
|
43
|
-
"@synerise/ds-table": "^1.3.
|
|
44
|
-
"@synerise/ds-tooltip": "^1.1.
|
|
45
|
-
"@synerise/ds-utils": "^1.3.
|
|
37
|
+
"@synerise/ds-avatar": "^1.0.13",
|
|
38
|
+
"@synerise/ds-badge": "^1.0.13",
|
|
39
|
+
"@synerise/ds-button": "^1.4.2",
|
|
40
|
+
"@synerise/ds-dropdown": "^1.0.15",
|
|
41
|
+
"@synerise/ds-icon": "^1.5.4",
|
|
42
|
+
"@synerise/ds-modal": "^1.2.2",
|
|
43
|
+
"@synerise/ds-table": "^1.3.2",
|
|
44
|
+
"@synerise/ds-tooltip": "^1.1.12",
|
|
45
|
+
"@synerise/ds-utils": "^1.3.1"
|
|
46
46
|
},
|
|
47
47
|
"peerDependencies": {
|
|
48
48
|
"@synerise/ds-core": "*",
|
|
49
49
|
"react": ">=16.9.0 <= 18.3.1",
|
|
50
50
|
"styled-components": "^5.3.3"
|
|
51
51
|
},
|
|
52
|
-
"gitHead": "
|
|
52
|
+
"gitHead": "4512641033ba3581a3df208143c547fcfed45895"
|
|
53
53
|
}
|