@synerise/ds-avatar-group 1.0.20 → 1.0.22

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/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 | 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 | - |
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
 
@@ -1,4 +1,4 @@
1
1
  import React from 'react';
2
- import { AvatarGroupProps } from './AvatarGroup.types';
2
+ import { type AvatarGroupProps } from './AvatarGroup.types';
3
3
  declare const AvatarGroup: React.FC<AvatarGroupProps>;
4
4
  export default AvatarGroup;
@@ -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) return null;
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,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { Size } from './AvatarGroup.types';
2
+ import { type Size } from './AvatarGroup.types';
3
3
  export declare const Group: import("styled-components").StyledComponent<"div", any, {
4
4
  size: Size;
5
5
  }, never>;
@@ -1,6 +1,6 @@
1
- import { BadgeProps } from '@synerise/ds-badge/dist/Badge.types';
2
- import { AvatarProps } from '@synerise/ds-avatar/dist/Avatar.types';
3
- import React from 'react';
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;
@@ -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 Dropdown from '@synerise/ds-dropdown';
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 Badge from '@synerise/ds-badge';
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,
@@ -1,4 +1,4 @@
1
- import { GroupModalSettings, DataSource } from '../AvatarGroup.types';
1
+ import { type DataSource, type GroupModalSettings } from '../AvatarGroup.types';
2
2
  export type GroupModalProps = GroupModalSettings & {
3
3
  visible: boolean;
4
4
  hideModal: () => void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-avatar-group",
3
- "version": "1.0.20",
3
+ "version": "1.0.22",
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.12",
38
- "@synerise/ds-badge": "^1.0.12",
39
- "@synerise/ds-button": "^1.4.1",
40
- "@synerise/ds-dropdown": "^1.0.14",
41
- "@synerise/ds-icon": "^1.5.3",
42
- "@synerise/ds-modal": "^1.2.1",
43
- "@synerise/ds-table": "^1.3.1",
44
- "@synerise/ds-tooltip": "^1.1.11",
45
- "@synerise/ds-utils": "^1.3.0"
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.4.0",
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": "11fe1d29b2ac23e70c3d5e6ce8ae20201a619a34"
52
+ "gitHead": "2161bdb04f3db0f79b7d0465ce6b41121f1543ef"
53
53
  }