@atlaskit/avatar-group 9.5.0 → 9.5.2
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 +12 -0
- package/dist/cjs/components/avatar-group-item.js +2 -2
- package/dist/cjs/components/avatar-group.js +6 -5
- package/dist/cjs/components/internal/components/focus-manager.js +2 -2
- package/dist/cjs/components/more-indicator.js +2 -2
- package/dist/esm/components/avatar-group.js +6 -5
- package/dist/types/components/avatar-group.d.ts +4 -4
- package/dist/types-ts4.5/components/avatar-group.d.ts +4 -4
- package/package.json +8 -9
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @atlaskit/avatar-group
|
|
2
2
|
|
|
3
|
+
## 9.5.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116) [`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) - Upgrade Typescript from `4.9.5` to `5.4.2`
|
|
8
|
+
|
|
9
|
+
## 9.5.1
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [#72130](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/72130) [`b037e5451037`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b037e5451037) - Update new button text color fallback for default theme (non-token) to match that of old button current text color
|
|
14
|
+
|
|
3
15
|
## 9.5.0
|
|
4
16
|
|
|
5
17
|
### Minor Changes
|
|
@@ -15,8 +15,8 @@ var _menu = require("@atlaskit/menu");
|
|
|
15
15
|
var _useRegisterItemWithFocusManager = _interopRequireDefault(require("./internal/hooks/use-register-item-with-focus-manager"));
|
|
16
16
|
var _excluded = ["href", "onClick"],
|
|
17
17
|
_excluded2 = ["children"];
|
|
18
|
-
function _getRequireWildcardCache(
|
|
19
|
-
function _interopRequireWildcard(
|
|
18
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
19
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
20
20
|
var AvatarGroupItem = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
21
21
|
var avatar = props.avatar,
|
|
22
22
|
onAvatarClick = props.onAvatarClick,
|
|
@@ -96,9 +96,10 @@ var AvatarGroup = function AvatarGroup(_ref) {
|
|
|
96
96
|
return setIsOpen(false);
|
|
97
97
|
}, []);
|
|
98
98
|
var handleTriggerClicked = (0, _react.useCallback)(function (event) {
|
|
99
|
-
var
|
|
100
|
-
|
|
101
|
-
|
|
99
|
+
var _ref2 = event,
|
|
100
|
+
clientX = _ref2.clientX,
|
|
101
|
+
clientY = _ref2.clientY,
|
|
102
|
+
type = _ref2.type;
|
|
102
103
|
// Hitting enter/space is registered as a click with both clientX and clientY === 0
|
|
103
104
|
if (type === 'keydown' || clientX === 0 || clientY === 0) {
|
|
104
105
|
setTriggeredUsingKeyboard(true);
|
|
@@ -192,8 +193,8 @@ var AvatarGroup = function AvatarGroup(_ref) {
|
|
|
192
193
|
shouldFlip: true,
|
|
193
194
|
zIndex: _constants.layers.modal(),
|
|
194
195
|
shouldRenderToParent: shouldPopupRenderToParent,
|
|
195
|
-
content: function content(
|
|
196
|
-
var setInitialFocusRef =
|
|
196
|
+
content: function content(_ref3) {
|
|
197
|
+
var setInitialFocusRef = _ref3.setInitialFocusRef;
|
|
197
198
|
return (0, _react2.jsx)(_focusManager.default, null, (0, _react2.jsx)(_popupAvatarGroup.default, {
|
|
198
199
|
onClick: function onClick(e) {
|
|
199
200
|
return e.stopPropagation();
|
|
@@ -10,8 +10,8 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
10
10
|
var _bindEventListener = require("bind-event-listener");
|
|
11
11
|
var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
|
|
12
12
|
var _handleFocus = _interopRequireDefault(require("../utiles/handle-focus"));
|
|
13
|
-
function _getRequireWildcardCache(
|
|
14
|
-
function _interopRequireWildcard(
|
|
13
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
14
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
15
15
|
/**
|
|
16
16
|
*
|
|
17
17
|
*
|
|
@@ -14,8 +14,8 @@ var _avatar = _interopRequireWildcard(require("@atlaskit/avatar"));
|
|
|
14
14
|
var _colors = require("@atlaskit/theme/colors");
|
|
15
15
|
var _excluded = ["testId", "className", "ref"];
|
|
16
16
|
/** @jsx jsx */
|
|
17
|
-
function _getRequireWildcardCache(
|
|
18
|
-
function _interopRequireWildcard(
|
|
17
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
18
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
19
19
|
var FONT_SIZE = {
|
|
20
20
|
xsmall: '10px',
|
|
21
21
|
small: '10px',
|
|
@@ -90,9 +90,10 @@ var AvatarGroup = function AvatarGroup(_ref) {
|
|
|
90
90
|
return setIsOpen(false);
|
|
91
91
|
}, []);
|
|
92
92
|
var handleTriggerClicked = useCallback(function (event) {
|
|
93
|
-
var
|
|
94
|
-
|
|
95
|
-
|
|
93
|
+
var _ref2 = event,
|
|
94
|
+
clientX = _ref2.clientX,
|
|
95
|
+
clientY = _ref2.clientY,
|
|
96
|
+
type = _ref2.type;
|
|
96
97
|
// Hitting enter/space is registered as a click with both clientX and clientY === 0
|
|
97
98
|
if (type === 'keydown' || clientX === 0 || clientY === 0) {
|
|
98
99
|
setTriggeredUsingKeyboard(true);
|
|
@@ -186,8 +187,8 @@ var AvatarGroup = function AvatarGroup(_ref) {
|
|
|
186
187
|
shouldFlip: true,
|
|
187
188
|
zIndex: layers.modal(),
|
|
188
189
|
shouldRenderToParent: shouldPopupRenderToParent,
|
|
189
|
-
content: function content(
|
|
190
|
-
var setInitialFocusRef =
|
|
190
|
+
content: function content(_ref3) {
|
|
191
|
+
var setInitialFocusRef = _ref3.setInitialFocusRef;
|
|
191
192
|
return jsx(FocusManager, null, jsx(PopupAvatarGroup, {
|
|
192
193
|
onClick: function onClick(e) {
|
|
193
194
|
return e.stopPropagation();
|
|
@@ -6,14 +6,14 @@ import { PositionType } from '@atlaskit/tooltip';
|
|
|
6
6
|
import { AvatarGroupOverrides, AvatarProps, onAvatarClickHandler } from './types';
|
|
7
7
|
export interface AvatarGroupProps {
|
|
8
8
|
/**
|
|
9
|
-
* Indicates the layout of the avatar
|
|
9
|
+
* Indicates the layout of the avatar group.
|
|
10
10
|
* Avatars will either be overlapped in a stack, or
|
|
11
|
-
* laid out in an even grid formation
|
|
11
|
+
* laid out in an even grid formation.
|
|
12
12
|
* Defaults to "stack".
|
|
13
13
|
*/
|
|
14
14
|
appearance?: 'grid' | 'stack';
|
|
15
15
|
/**
|
|
16
|
-
* Component used to render each avatar
|
|
16
|
+
* Component used to render each avatar.
|
|
17
17
|
*/
|
|
18
18
|
avatar?: typeof Avatar | ElementType<AvatarProps>;
|
|
19
19
|
/**
|
|
@@ -82,7 +82,7 @@ export interface AvatarGroupProps {
|
|
|
82
82
|
*/
|
|
83
83
|
tooltipPosition?: Extract<PositionType, 'bottom' | 'top'>;
|
|
84
84
|
/**
|
|
85
|
-
* Disables tooltips
|
|
85
|
+
* Disables tooltips.
|
|
86
86
|
*/
|
|
87
87
|
isTooltipDisabled?: boolean;
|
|
88
88
|
/**
|
|
@@ -6,14 +6,14 @@ import { PositionType } from '@atlaskit/tooltip';
|
|
|
6
6
|
import { AvatarGroupOverrides, AvatarProps, onAvatarClickHandler } from './types';
|
|
7
7
|
export interface AvatarGroupProps {
|
|
8
8
|
/**
|
|
9
|
-
* Indicates the layout of the avatar
|
|
9
|
+
* Indicates the layout of the avatar group.
|
|
10
10
|
* Avatars will either be overlapped in a stack, or
|
|
11
|
-
* laid out in an even grid formation
|
|
11
|
+
* laid out in an even grid formation.
|
|
12
12
|
* Defaults to "stack".
|
|
13
13
|
*/
|
|
14
14
|
appearance?: 'grid' | 'stack';
|
|
15
15
|
/**
|
|
16
|
-
* Component used to render each avatar
|
|
16
|
+
* Component used to render each avatar.
|
|
17
17
|
*/
|
|
18
18
|
avatar?: typeof Avatar | ElementType<AvatarProps>;
|
|
19
19
|
/**
|
|
@@ -82,7 +82,7 @@ export interface AvatarGroupProps {
|
|
|
82
82
|
*/
|
|
83
83
|
tooltipPosition?: Extract<PositionType, 'bottom' | 'top'>;
|
|
84
84
|
/**
|
|
85
|
-
* Disables tooltips
|
|
85
|
+
* Disables tooltips.
|
|
86
86
|
*/
|
|
87
87
|
isTooltipDisabled?: boolean;
|
|
88
88
|
/**
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/avatar-group",
|
|
3
|
-
"version": "9.5.
|
|
3
|
+
"version": "9.5.2",
|
|
4
4
|
"description": "An avatar group displays a number of avatars grouped together in a stack or grid.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -26,13 +26,13 @@
|
|
|
26
26
|
}
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
|
-
"@atlaskit/avatar": "^21.
|
|
29
|
+
"@atlaskit/avatar": "^21.5.0",
|
|
30
30
|
"@atlaskit/ds-lib": "^2.1.0",
|
|
31
31
|
"@atlaskit/menu": "^2.1.0",
|
|
32
|
-
"@atlaskit/popup": "^1.
|
|
32
|
+
"@atlaskit/popup": "^1.13.0",
|
|
33
33
|
"@atlaskit/theme": "^12.6.0",
|
|
34
|
-
"@atlaskit/tokens": "^1.
|
|
35
|
-
"@atlaskit/tooltip": "^18.
|
|
34
|
+
"@atlaskit/tokens": "^1.42.0",
|
|
35
|
+
"@atlaskit/tooltip": "^18.1.0",
|
|
36
36
|
"@babel/runtime": "^7.0.0",
|
|
37
37
|
"@emotion/react": "^11.7.1",
|
|
38
38
|
"bind-event-listener": "^2.1.1"
|
|
@@ -44,17 +44,16 @@
|
|
|
44
44
|
"@af/accessibility-testing": "*",
|
|
45
45
|
"@af/integration-testing": "*",
|
|
46
46
|
"@af/visual-regression": "*",
|
|
47
|
-
"@atlaskit/analytics-next": "^9.
|
|
47
|
+
"@atlaskit/analytics-next": "^9.2.0",
|
|
48
48
|
"@atlaskit/ssr": "*",
|
|
49
49
|
"@atlaskit/visual-regression": "*",
|
|
50
|
-
"@atlaskit/webdriver-runner": "*",
|
|
51
50
|
"@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
|
|
52
51
|
"@emotion/styled": "^11.0.0",
|
|
53
52
|
"@testing-library/react": "^12.1.5",
|
|
54
53
|
"@testing-library/user-event": "^14.4.3",
|
|
55
54
|
"lodash": "^4.17.21",
|
|
56
55
|
"react-dom": "^16.8.0",
|
|
57
|
-
"typescript": "~4.
|
|
56
|
+
"typescript": "~5.4.2",
|
|
58
57
|
"wait-for-expect": "^1.2.0"
|
|
59
58
|
},
|
|
60
59
|
"keywords": [
|
|
@@ -95,4 +94,4 @@
|
|
|
95
94
|
},
|
|
96
95
|
"homepage": "https://atlassian.design/components/avatar-group/",
|
|
97
96
|
"prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
|
|
98
|
-
}
|
|
97
|
+
}
|