@atlaskit/profilecard 19.5.13 → 19.6.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 +12 -0
- package/dist/cjs/client/getTeamFromAGG.js +1 -1
- package/dist/cjs/components/User/ProfileCardResourced.js +1 -1
- package/dist/cjs/components/User/ReportingLinesDetails.js +1 -1
- package/dist/cjs/styled/ReportingLines.js +1 -1
- package/dist/cjs/util/analytics.js +1 -1
- package/dist/es2019/client/getTeamFromAGG.js +1 -1
- package/dist/es2019/components/User/ProfileCardResourced.js +1 -1
- package/dist/es2019/components/User/ReportingLinesDetails.js +1 -1
- package/dist/es2019/styled/ReportingLines.js +1 -1
- package/dist/es2019/util/analytics.js +1 -1
- package/dist/esm/client/getTeamFromAGG.js +1 -1
- package/dist/esm/components/User/ProfileCardResourced.js +1 -1
- package/dist/esm/components/User/ReportingLinesDetails.js +1 -1
- package/dist/esm/styled/ReportingLines.js +1 -1
- package/dist/esm/util/analytics.js +1 -1
- package/dist/types/components/User/ProfileCardResourced.d.ts +1 -1
- package/dist/types-ts4.5/components/User/ProfileCardResourced.d.ts +1 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @atlaskit/profilecard
|
|
2
2
|
|
|
3
|
+
## 19.6.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#41158](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41158) [`573b0c53f09`](https://bitbucket.org/atlassian/atlassian-frontend/commits/573b0c53f09) - [ux] Replaced h5 to h3
|
|
8
|
+
|
|
9
|
+
## 19.5.14
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [#41283](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41283) [`4eb4f881efa`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4eb4f881efa) - fix strict typescript errors
|
|
14
|
+
|
|
3
15
|
## 19.5.13
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
|
@@ -60,7 +60,7 @@ var addHeaders = exports.addHeaders = function addHeaders(headers) {
|
|
|
60
60
|
headers.append('X-ExperimentalApi', 'teams-beta');
|
|
61
61
|
headers.append('X-ExperimentalApi', 'team-members-beta');
|
|
62
62
|
headers.append('atl-client-name', "@atlaskit/profilecard");
|
|
63
|
-
headers.append('atl-client-version', "19.
|
|
63
|
+
headers.append('atl-client-version', "19.6.0");
|
|
64
64
|
return headers;
|
|
65
65
|
};
|
|
66
66
|
function getTeamFromAGG(_x, _x2, _x3) {
|
|
@@ -108,7 +108,7 @@ var ProfileCardResourced = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
108
108
|
}
|
|
109
109
|
}, {
|
|
110
110
|
key: "componentDidUpdate",
|
|
111
|
-
value: function componentDidUpdate(prevProps
|
|
111
|
+
value: function componentDidUpdate(prevProps) {
|
|
112
112
|
var _this$props2 = this.props,
|
|
113
113
|
userId = _this$props2.userId,
|
|
114
114
|
cloudId = _this$props2.cloudId,
|
|
@@ -56,7 +56,7 @@ var ReportingLinesDetails = function ReportingLinesDetails(props) {
|
|
|
56
56
|
}), /*#__PURE__*/_react.default.createElement(_ReportingLines.ManagerName, null, (_manager$pii2 = manager.pii) === null || _manager$pii2 === void 0 ? void 0 : _manager$pii2.name))))), hasReports && /*#__PURE__*/_react.default.createElement(_ReportingLines.ReportingLinesSection, null, /*#__PURE__*/_react.default.createElement(_ReportingLines.ReportingLinesHeading, null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.directReportsSectionHeading)), /*#__PURE__*/_react.default.createElement(_avatarGroup.default, {
|
|
57
57
|
appearance: "stack",
|
|
58
58
|
size: "small",
|
|
59
|
-
data: reports.map(function (member
|
|
59
|
+
data: reports.map(function (member) {
|
|
60
60
|
var _member$pii, _member$pii2;
|
|
61
61
|
return {
|
|
62
62
|
key: member.accountIdentifier,
|
|
@@ -11,7 +11,7 @@ var _constants = require("@atlaskit/theme/constants");
|
|
|
11
11
|
var _constants2 = require("./constants");
|
|
12
12
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
|
13
13
|
var ReportingLinesSection = exports.ReportingLinesSection = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n // Minor left margin to align better with existing icon fields\n margin-left: ", ";\n margin-top: ", ";\n"])), "var(--ds-space-050, 4px)", "var(--ds-space-100, 8px)");
|
|
14
|
-
var ReportingLinesHeading = exports.ReportingLinesHeading = _styled.default.
|
|
14
|
+
var ReportingLinesHeading = exports.ReportingLinesHeading = _styled.default.h3(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n color: ", ";\n font-size: ", "px;\n font-weight: 600;\n margin-bottom: ", ";\n"])), _constants2.appLabelTextColor, (0, _constants.gridSize)() * 1.5, "var(--ds-space-100, 8px)");
|
|
15
15
|
var ManagerSection = exports.ManagerSection = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n margin: ", " ", ";\n"])), "var(--ds-space-050, 4px)", "var(--ds-space-050, 4px)");
|
|
16
16
|
var ManagerName = exports.ManagerName = _styled.default.span(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n font-size: ", "px;\n margin-left: ", ";\n"])), (0, _constants.gridSize)() * 1.5, "var(--ds-space-100, 8px)");
|
|
17
17
|
var OffsetWrapper = exports.OffsetWrapper = _styled.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n margin-top: ", ";\n // Offset left margin so the avatar aligns with the heading\n margin-left: ", ";\n"])), "var(--ds-space-050, 4px)", "var(--ds-space-negative-050, -4px)");
|
|
@@ -44,7 +44,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
|
|
|
44
44
|
actionSubjectId: actionSubjectId,
|
|
45
45
|
attributes: _objectSpread(_objectSpread({
|
|
46
46
|
packageName: "@atlaskit/profilecard",
|
|
47
|
-
packageVersion: "19.
|
|
47
|
+
packageVersion: "19.6.0"
|
|
48
48
|
}, attributes), {}, {
|
|
49
49
|
firedAt: Math.round((0, _performance.getPageTime)())
|
|
50
50
|
})
|
|
@@ -77,7 +77,7 @@ export const addHeaders = headers => {
|
|
|
77
77
|
headers.append('X-ExperimentalApi', 'teams-beta');
|
|
78
78
|
headers.append('X-ExperimentalApi', 'team-members-beta');
|
|
79
79
|
headers.append('atl-client-name', "@atlaskit/profilecard");
|
|
80
|
-
headers.append('atl-client-version', "19.
|
|
80
|
+
headers.append('atl-client-version', "19.6.0");
|
|
81
81
|
return headers;
|
|
82
82
|
};
|
|
83
83
|
export async function getTeamFromAGG(url, teamId, siteId) {
|
|
@@ -46,7 +46,7 @@ const ReportingLinesDetails = props => {
|
|
|
46
46
|
}), /*#__PURE__*/React.createElement(ManagerName, null, (_manager$pii2 = manager.pii) === null || _manager$pii2 === void 0 ? void 0 : _manager$pii2.name))))), hasReports && /*#__PURE__*/React.createElement(ReportingLinesSection, null, /*#__PURE__*/React.createElement(ReportingLinesHeading, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.directReportsSectionHeading)), /*#__PURE__*/React.createElement(AvatarGroup, {
|
|
47
47
|
appearance: "stack",
|
|
48
48
|
size: "small",
|
|
49
|
-
data: reports.map(
|
|
49
|
+
data: reports.map(member => {
|
|
50
50
|
var _member$pii, _member$pii2;
|
|
51
51
|
return {
|
|
52
52
|
key: member.accountIdentifier,
|
|
@@ -6,7 +6,7 @@ export const ReportingLinesSection = styled.div`
|
|
|
6
6
|
margin-left: ${"var(--ds-space-050, 4px)"};
|
|
7
7
|
margin-top: ${"var(--ds-space-100, 8px)"};
|
|
8
8
|
`;
|
|
9
|
-
export const ReportingLinesHeading = styled.
|
|
9
|
+
export const ReportingLinesHeading = styled.h3`
|
|
10
10
|
color: ${appLabelTextColor};
|
|
11
11
|
font-size: ${gridSize() * 1.5}px;
|
|
12
12
|
font-weight: 600;
|
|
@@ -31,7 +31,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
|
|
|
31
31
|
actionSubjectId,
|
|
32
32
|
attributes: {
|
|
33
33
|
packageName: "@atlaskit/profilecard",
|
|
34
|
-
packageVersion: "19.
|
|
34
|
+
packageVersion: "19.6.0",
|
|
35
35
|
...attributes,
|
|
36
36
|
firedAt: Math.round(getPageTime())
|
|
37
37
|
}
|
|
@@ -51,7 +51,7 @@ export var addHeaders = function addHeaders(headers) {
|
|
|
51
51
|
headers.append('X-ExperimentalApi', 'teams-beta');
|
|
52
52
|
headers.append('X-ExperimentalApi', 'team-members-beta');
|
|
53
53
|
headers.append('atl-client-name', "@atlaskit/profilecard");
|
|
54
|
-
headers.append('atl-client-version', "19.
|
|
54
|
+
headers.append('atl-client-version', "19.6.0");
|
|
55
55
|
return headers;
|
|
56
56
|
};
|
|
57
57
|
export function getTeamFromAGG(_x, _x2, _x3) {
|
|
@@ -98,7 +98,7 @@ var ProfileCardResourced = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
98
98
|
}
|
|
99
99
|
}, {
|
|
100
100
|
key: "componentDidUpdate",
|
|
101
|
-
value: function componentDidUpdate(prevProps
|
|
101
|
+
value: function componentDidUpdate(prevProps) {
|
|
102
102
|
var _this$props2 = this.props,
|
|
103
103
|
userId = _this$props2.userId,
|
|
104
104
|
cloudId = _this$props2.cloudId,
|
|
@@ -49,7 +49,7 @@ var ReportingLinesDetails = function ReportingLinesDetails(props) {
|
|
|
49
49
|
}), /*#__PURE__*/React.createElement(ManagerName, null, (_manager$pii2 = manager.pii) === null || _manager$pii2 === void 0 ? void 0 : _manager$pii2.name))))), hasReports && /*#__PURE__*/React.createElement(ReportingLinesSection, null, /*#__PURE__*/React.createElement(ReportingLinesHeading, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.directReportsSectionHeading)), /*#__PURE__*/React.createElement(AvatarGroup, {
|
|
50
50
|
appearance: "stack",
|
|
51
51
|
size: "small",
|
|
52
|
-
data: reports.map(function (member
|
|
52
|
+
data: reports.map(function (member) {
|
|
53
53
|
var _member$pii, _member$pii2;
|
|
54
54
|
return {
|
|
55
55
|
key: member.accountIdentifier,
|
|
@@ -4,7 +4,7 @@ import styled from '@emotion/styled';
|
|
|
4
4
|
import { gridSize } from '@atlaskit/theme/constants';
|
|
5
5
|
import { appLabelTextColor } from './constants';
|
|
6
6
|
export var ReportingLinesSection = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n // Minor left margin to align better with existing icon fields\n margin-left: ", ";\n margin-top: ", ";\n"])), "var(--ds-space-050, 4px)", "var(--ds-space-100, 8px)");
|
|
7
|
-
export var ReportingLinesHeading = styled.
|
|
7
|
+
export var ReportingLinesHeading = styled.h3(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n color: ", ";\n font-size: ", "px;\n font-weight: 600;\n margin-bottom: ", ";\n"])), appLabelTextColor, gridSize() * 1.5, "var(--ds-space-100, 8px)");
|
|
8
8
|
export var ManagerSection = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n margin: ", " ", ";\n"])), "var(--ds-space-050, 4px)", "var(--ds-space-050, 4px)");
|
|
9
9
|
export var ManagerName = styled.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n font-size: ", "px;\n margin-left: ", ";\n"])), gridSize() * 1.5, "var(--ds-space-100, 8px)");
|
|
10
10
|
export var OffsetWrapper = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n margin-top: ", ";\n // Offset left margin so the avatar aligns with the heading\n margin-left: ", ";\n"])), "var(--ds-space-050, 4px)", "var(--ds-space-negative-050, -4px)");
|
|
@@ -38,7 +38,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
|
|
|
38
38
|
actionSubjectId: actionSubjectId,
|
|
39
39
|
attributes: _objectSpread(_objectSpread({
|
|
40
40
|
packageName: "@atlaskit/profilecard",
|
|
41
|
-
packageVersion: "19.
|
|
41
|
+
packageVersion: "19.6.0"
|
|
42
42
|
}, attributes), {}, {
|
|
43
43
|
firedAt: Math.round(getPageTime())
|
|
44
44
|
})
|
|
@@ -7,7 +7,7 @@ declare class ProfileCardResourced extends React.PureComponent<ProfileCardResour
|
|
|
7
7
|
state: ProfileCardResourcedState;
|
|
8
8
|
fireAnalytics: (payload: AnalyticsEventPayload) => void;
|
|
9
9
|
componentDidMount(): void;
|
|
10
|
-
componentDidUpdate(prevProps: ProfileCardResourcedProps
|
|
10
|
+
componentDidUpdate(prevProps: ProfileCardResourcedProps): void;
|
|
11
11
|
componentWillUnmount(): void;
|
|
12
12
|
clientFetchProfile: () => void;
|
|
13
13
|
handleClientSuccess(profileData: ProfileCardClientData, reportingLinesData: TeamCentralReportingLinesData, shouldShowGiveKudos: boolean): void;
|
|
@@ -7,7 +7,7 @@ declare class ProfileCardResourced extends React.PureComponent<ProfileCardResour
|
|
|
7
7
|
state: ProfileCardResourcedState;
|
|
8
8
|
fireAnalytics: (payload: AnalyticsEventPayload) => void;
|
|
9
9
|
componentDidMount(): void;
|
|
10
|
-
componentDidUpdate(prevProps: ProfileCardResourcedProps
|
|
10
|
+
componentDidUpdate(prevProps: ProfileCardResourcedProps): void;
|
|
11
11
|
componentWillUnmount(): void;
|
|
12
12
|
clientFetchProfile: () => void;
|
|
13
13
|
handleClientSuccess(profileData: ProfileCardClientData, reportingLinesData: TeamCentralReportingLinesData, shouldShowGiveKudos: boolean): void;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/profilecard",
|
|
3
|
-
"version": "19.
|
|
3
|
+
"version": "19.6.0",
|
|
4
4
|
"description": "A React component to display a card with user information.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
},
|
|
51
51
|
"dependencies": {
|
|
52
52
|
"@atlaskit/analytics-next": "^9.1.0",
|
|
53
|
-
"@atlaskit/avatar": "^21.
|
|
53
|
+
"@atlaskit/avatar": "^21.4.0",
|
|
54
54
|
"@atlaskit/avatar-group": "^9.4.0",
|
|
55
55
|
"@atlaskit/button": "^16.10.0",
|
|
56
56
|
"@atlaskit/dropdown-menu": "^11.14.0",
|