@atlaskit/profilecard 21.1.0 → 21.1.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 +16 -0
- package/dist/cjs/client/getOrgIdForCloudIdFromAGG.js +1 -1
- package/dist/cjs/client/getTeamFromAGG.js +1 -1
- package/dist/cjs/components/User/ProfileCardDetails.js +4 -17
- package/dist/cjs/components/User/ReportingLinesDetails.js +3 -11
- package/dist/cjs/styled/Card.js +11 -24
- package/dist/cjs/styled/ReportingLines.js +1 -10
- package/dist/cjs/util/analytics.js +1 -1
- package/dist/es2019/client/getOrgIdForCloudIdFromAGG.js +1 -1
- package/dist/es2019/client/getTeamFromAGG.js +1 -1
- package/dist/es2019/components/User/ProfileCardDetails.js +5 -18
- package/dist/es2019/components/User/ReportingLinesDetails.js +4 -12
- package/dist/es2019/styled/Card.js +3 -20
- package/dist/es2019/styled/ReportingLines.js +0 -10
- package/dist/es2019/util/analytics.js +1 -1
- package/dist/esm/client/getOrgIdForCloudIdFromAGG.js +1 -1
- package/dist/esm/client/getTeamFromAGG.js +1 -1
- package/dist/esm/components/User/ProfileCardDetails.js +5 -18
- package/dist/esm/components/User/ReportingLinesDetails.js +4 -12
- package/dist/esm/styled/Card.js +11 -23
- package/dist/esm/styled/ReportingLines.js +0 -10
- package/dist/esm/util/analytics.js +1 -1
- package/dist/types/styled/Card.d.ts +0 -8
- package/dist/types/styled/ReportingLines.d.ts +0 -4
- package/dist/types-ts4.5/styled/Card.d.ts +0 -8
- package/dist/types-ts4.5/styled/ReportingLines.d.ts +0 -4
- package/package.json +3 -6
- package/tsconfig.json +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# @atlaskit/profilecard
|
|
2
2
|
|
|
3
|
+
## 21.1.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#99088](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/99088)
|
|
8
|
+
[`698ba7a9d68bc`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/698ba7a9d68bc) -
|
|
9
|
+
PTC-10360 Clean up feature gate platform_profile_card_css_refactor
|
|
10
|
+
|
|
11
|
+
## 21.1.1
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- [#182077](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/182077)
|
|
16
|
+
[`120b5f5f4ef80`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/120b5f5f4ef80) -
|
|
17
|
+
[ux] Font size fix profile details label.
|
|
18
|
+
|
|
3
19
|
## 21.1.0
|
|
4
20
|
|
|
5
21
|
### Minor Changes
|
|
@@ -11,7 +11,7 @@ var _graphqlUtils = require("./graphqlUtils");
|
|
|
11
11
|
var ORG_ID_FROM_CLOUD_ID_QUERY = "query OrgIdFromCloudId($cloudId: ID!) {\n\ttenantContexts(cloudIds: [$cloudId]) {\n\t\torgId\n\t}\n}";
|
|
12
12
|
var addHeaders = function addHeaders(headers) {
|
|
13
13
|
headers.append('atl-client-name', "@atlaskit/profilecard");
|
|
14
|
-
headers.append('atl-client-version', "21.1.
|
|
14
|
+
headers.append('atl-client-version', "21.1.2");
|
|
15
15
|
return headers;
|
|
16
16
|
};
|
|
17
17
|
function getOrgIdForCloudIdFromAGG(_x, _x2) {
|
|
@@ -57,7 +57,7 @@ var addHeaders = exports.addHeaders = function addHeaders(headers) {
|
|
|
57
57
|
headers.append('X-ExperimentalApi', 'teams-beta');
|
|
58
58
|
headers.append('X-ExperimentalApi', 'team-members-beta');
|
|
59
59
|
headers.append('atl-client-name', "@atlaskit/profilecard");
|
|
60
|
-
headers.append('atl-client-version', "21.1.
|
|
60
|
+
headers.append('atl-client-version', "21.1.2");
|
|
61
61
|
return headers;
|
|
62
62
|
};
|
|
63
63
|
function getTeamFromAGG(_x, _x2, _x3) {
|
|
@@ -10,7 +10,6 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
|
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
var _reactIntlNext = require("react-intl-next");
|
|
12
12
|
var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
|
|
13
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
14
13
|
var _primitives = require("@atlaskit/primitives");
|
|
15
14
|
var _relativeDate = _interopRequireDefault(require("../../internal/relative-date"));
|
|
16
15
|
var _messages = _interopRequireDefault(require("../../messages"));
|
|
@@ -53,16 +52,9 @@ var renderName = function renderName(nickname, fullName, meta) {
|
|
|
53
52
|
var isNicknameRedundant = !nickname || nickname === fullName;
|
|
54
53
|
var shownNickname = " (".concat(nickname, ") ");
|
|
55
54
|
var displayName = isNicknameRedundant ? fullName : "".concat(fullName).concat(shownNickname);
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
testId: "profilecard-name",
|
|
60
|
-
id: "profilecard-name-label"
|
|
61
|
-
}, displayName);
|
|
62
|
-
}
|
|
63
|
-
return /*#__PURE__*/_react.default.createElement(_Card.FullNameLabel, {
|
|
64
|
-
noMeta: !meta,
|
|
65
|
-
"data-testid": "profilecard-name",
|
|
55
|
+
return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
|
|
56
|
+
xcss: [fullNameLabelStyles, activeAccountStyles, meta ? metaLabelStyles : noMetaLabelStyles],
|
|
57
|
+
testId: "profilecard-name",
|
|
66
58
|
id: "profilecard-name-label"
|
|
67
59
|
}, displayName);
|
|
68
60
|
};
|
|
@@ -110,15 +102,10 @@ var DisabledProfileCardDetails = function DisabledProfileCardDetails(props) {
|
|
|
110
102
|
status = props.status,
|
|
111
103
|
statusModifiedDate = props.statusModifiedDate;
|
|
112
104
|
var name = status === 'inactive' ? fullName || nickname : nickname || /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.disabledAccountDefaultName);
|
|
113
|
-
return /*#__PURE__*/_react.default.createElement(_Card.DetailsGroup, null,
|
|
105
|
+
return /*#__PURE__*/_react.default.createElement(_Card.DetailsGroup, null, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
|
|
114
106
|
xcss: [fullNameLabelStyles, noMetaLabelStyles, disabledAccountStyles],
|
|
115
107
|
testId: "profilecard-name",
|
|
116
108
|
id: "profilecard-name-label"
|
|
117
|
-
}, name) : /*#__PURE__*/_react.default.createElement(_Card.FullNameLabel, {
|
|
118
|
-
noMeta: true,
|
|
119
|
-
isDisabledAccount: true,
|
|
120
|
-
"data-testid": "profilecard-name",
|
|
121
|
-
id: "profilecard-name-label"
|
|
122
109
|
}, name), hasDisabledAccountLozenge && /*#__PURE__*/_react.default.createElement(_Card.LozengeWrapper, null, /*#__PURE__*/_react.default.createElement(_lozenge.default, {
|
|
123
110
|
appearance: "default",
|
|
124
111
|
isBold: true
|
|
@@ -10,7 +10,6 @@ var _reactIntlNext = require("react-intl-next");
|
|
|
10
10
|
var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
|
|
11
11
|
var _avatarGroup = _interopRequireDefault(require("@atlaskit/avatar-group"));
|
|
12
12
|
var _button = _interopRequireDefault(require("@atlaskit/button"));
|
|
13
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
14
13
|
var _primitives = require("@atlaskit/primitives");
|
|
15
14
|
var _messages = _interopRequireDefault(require("../../messages"));
|
|
16
15
|
var _ReportingLines = require("../../styled/ReportingLines");
|
|
@@ -51,15 +50,8 @@ var ReportingLinesDetails = function ReportingLinesDetails(props) {
|
|
|
51
50
|
onReportingLinesClick(user);
|
|
52
51
|
} : undefined;
|
|
53
52
|
};
|
|
54
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, manager && /*#__PURE__*/_react.default.createElement(_ReportingLines.ReportingLinesSection, null,
|
|
53
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, manager && /*#__PURE__*/_react.default.createElement(_ReportingLines.ReportingLinesSection, null, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
|
|
55
54
|
xcss: [reportingLinesHeadingDefaultStyles, reportingLinesHeadingStyles]
|
|
56
|
-
}, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.managerSectionHeading)) :
|
|
57
|
-
/*#__PURE__*/
|
|
58
|
-
/* eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766 */
|
|
59
|
-
_react.default.createElement(_ReportingLines.ReportingLinesHeading, {
|
|
60
|
-
style: {
|
|
61
|
-
marginBottom: 0
|
|
62
|
-
}
|
|
63
55
|
}, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.managerSectionHeading)), /*#__PURE__*/_react.default.createElement(_ReportingLines.OffsetWrapper, null, /*#__PURE__*/_react.default.createElement(_button.default, {
|
|
64
56
|
appearance: "subtle",
|
|
65
57
|
spacing: "none",
|
|
@@ -69,9 +61,9 @@ var ReportingLinesDetails = function ReportingLinesDetails(props) {
|
|
|
69
61
|
}, /*#__PURE__*/_react.default.createElement(_ReportingLines.ManagerSection, null, /*#__PURE__*/_react.default.createElement(_avatar.default, {
|
|
70
62
|
size: "xsmall",
|
|
71
63
|
src: (_manager$pii = manager.pii) === null || _manager$pii === void 0 ? void 0 : _manager$pii.picture
|
|
72
|
-
}), /*#__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,
|
|
64
|
+
}), /*#__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(_primitives.Box, {
|
|
73
65
|
xcss: reportingLinesHeadingDefaultStyles
|
|
74
|
-
}, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.directReportsSectionHeading))
|
|
66
|
+
}, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.directReportsSectionHeading)), /*#__PURE__*/_react.default.createElement(_avatarGroup.default, {
|
|
75
67
|
appearance: "stack",
|
|
76
68
|
size: "small",
|
|
77
69
|
data: reports.map(function (member) {
|
package/dist/cjs/styled/Card.js
CHANGED
|
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.SpinnerContainer = exports.ProfileImage = exports.OverflowActionButtonsWrapper = exports.LozengeWrapper = exports.KudosBlobAnimationStyle = exports.KudosBlobAnimation = exports.JobTitleLabel = exports.
|
|
7
|
+
exports.SpinnerContainer = exports.ProfileImage = exports.OverflowActionButtonsWrapper = exports.LozengeWrapper = exports.KudosBlobAnimationStyle = exports.KudosBlobAnimation = exports.JobTitleLabel = exports.DisabledInfo = exports.DetailsLabelText = exports.DetailsLabelIcon = exports.DetailsLabel = exports.DetailsGroup = exports.CustomLozengeContainer = exports.CardWrapper = exports.CardContent = exports.CardContainer = exports.AppTitleLabel = exports.AnimationWrapper = exports.AnimatedKudosButton = exports.ActionsFlexSpacer = exports.ActionButtonGroup = void 0;
|
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
9
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
@@ -13,14 +13,10 @@ var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
|
13
13
|
var _colors = require("@atlaskit/theme/colors");
|
|
14
14
|
var _constants = require("@atlaskit/theme/constants");
|
|
15
15
|
var _constants2 = require("./constants");
|
|
16
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21
|
|
16
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
|
|
17
17
|
/* eslint-disable @atlaskit/design-system/no-styled-tagged-template-expression -- needs manual remediation */
|
|
18
18
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
19
19
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
20
|
-
var getFullNameMargin = function getFullNameMargin(props) {
|
|
21
|
-
return props.noMeta ? "var(--ds-space-400, 32px)".concat(" 0 ", "var(--ds-space-150, 12px)", " 0") : "var(--ds-space-150, 12px)".concat(" 0 0 0");
|
|
22
|
-
};
|
|
23
|
-
|
|
24
20
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
25
21
|
var CardWrapper = exports.CardWrapper = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tbackground-color: ", ";\n\tborder-radius: ", ";\n\twidth: ", "px;\n"])), _constants2.bgColor, "var(--ds-border-radius, 3px)", (0, _constants.gridSize)() * 45);
|
|
26
22
|
|
|
@@ -67,30 +63,21 @@ var DetailsGroup = exports.DetailsGroup = _styled.default.div(_templateObject11
|
|
|
67
63
|
var DisabledInfo = exports.DisabledInfo = _styled.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n\tfont: ", ";\n\tcolor: ", ";\n\tmargin: ", " 0 0 0;\n\tline-height: 16px;\n"])), "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)", _constants2.labelTextColor, "var(--ds-space-150, 12px)");
|
|
68
64
|
|
|
69
65
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
70
|
-
var
|
|
71
|
-
return props.isDisabledAccount ? _constants2.headerTextColorInactive : _constants2.headerTextColor;
|
|
72
|
-
}, function (props) {
|
|
73
|
-
return getFullNameMargin(props);
|
|
74
|
-
}, 24 / 18, function (props) {
|
|
75
|
-
return getFullNameMargin(props);
|
|
76
|
-
});
|
|
77
|
-
|
|
78
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
79
|
-
var LozengeWrapper = exports.LozengeWrapper = _styled.default.div(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n\tmargin-top: ", ";\n\ttext-transform: uppercase;\n\tdisplay: block;\n"])), "var(--ds-space-200, 16px)");
|
|
66
|
+
var LozengeWrapper = exports.LozengeWrapper = _styled.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n\tmargin-top: ", ";\n\ttext-transform: uppercase;\n\tdisplay: block;\n"])), "var(--ds-space-200, 16px)");
|
|
80
67
|
|
|
81
68
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
82
|
-
var CustomLozengeContainer = exports.CustomLozengeContainer = (0, _styled.default)(LozengeWrapper)(
|
|
69
|
+
var CustomLozengeContainer = exports.CustomLozengeContainer = (0, _styled.default)(LozengeWrapper)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex-wrap: wrap;\n\tjustify-content: flex-start;\n\tmargin-top: ", ";\n\t> * {\n\t\tmargin-top: ", ";\n\t\t&:not(:last-child) {\n\t\t\tmargin-right: ", ";\n\t\t}\n\t}\n"])), "var(--ds-space-150, 12px)", "var(--ds-space-050, 4px)", "var(--ds-space-050, 4px)");
|
|
83
70
|
|
|
84
71
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
85
|
-
var JobTitleLabel = exports.JobTitleLabel = _styled.default.span(
|
|
72
|
+
var JobTitleLabel = exports.JobTitleLabel = _styled.default.span(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n\n\tfont: ", ";\n\tcolor: ", ";\n\tmargin: 0 0 ", " 0;\n"])), "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)", _constants2.headerTextColor, "var(--ds-space-150, 12px)");
|
|
86
73
|
|
|
87
74
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
88
|
-
var AppTitleLabel = exports.AppTitleLabel = _styled.default.span(
|
|
75
|
+
var AppTitleLabel = exports.AppTitleLabel = _styled.default.span(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["\n\tbackground: ", ";\n\tcolor: ", ";\n\tborder-radius: ", ";\n\tpadding: 0 ", ";\n\twidth: fit-content;\n\tfont-weight: ", ";\n\ttext-transform: uppercase;\n\n\tfont: ", ";\n\tmargin: ", " 0 ", " 0;\n"])), _constants2.appLabelBgColor, _constants2.appLabelTextColor, (0, _constants.borderRadius)(), "var(--ds-space-075, 6px)", "var(--ds-font-weight-bold, 700)", "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)", "var(--ds-space-050, 4px)", "var(--ds-space-150, 12px)");
|
|
89
76
|
|
|
90
77
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
91
|
-
var SpinnerContainer = exports.SpinnerContainer = _styled.default.div(
|
|
78
|
+
var SpinnerContainer = exports.SpinnerContainer = _styled.default.div(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n\talign-items: center;\n\tdisplay: flex;\n\theight: ", "px;\n\tjustify-content: center;\n\tposition: relative;\n"])), (0, _constants.gridSize)() * 12);
|
|
92
79
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
93
|
-
var CardContainer = exports.CardContainer = _styled.default.div(
|
|
80
|
+
var CardContainer = exports.CardContainer = _styled.default.div(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2.default)(["\n\tposition: relative;\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n\tbackground-image: linear-gradient(\n\t\tto bottom,\n\t\t", "\n\t\t\t0%,\n\t\t", " 100%\n\t);\n\tbackground-repeat: no-repeat;\n\tbackground-size: 100% ", "px;\n\tbox-sizing: content-box;\n\tpadding: ", ";\n\tbox-shadow: ", ";\n\tborder-radius: ", ";\n\n\toverflow: hidden;\n"])), function (props) {
|
|
94
81
|
return props.isDisabledUser ? _constants2.headerBgColorDisabledUser : _constants2.headerBgColor;
|
|
95
82
|
}, function (props) {
|
|
96
83
|
return props.isDisabledUser ? _constants2.headerBgColorDisabledUser : _constants2.headerBgColor;
|
|
@@ -101,10 +88,10 @@ var CardContainer = exports.CardContainer = _styled.default.div(_templateObject1
|
|
|
101
88
|
});
|
|
102
89
|
|
|
103
90
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
104
|
-
var DetailsLabel = exports.DetailsLabel = _styled.default.div(
|
|
91
|
+
var DetailsLabel = exports.DetailsLabel = _styled.default.div(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: flex;\n\talign-items: center;\n\tmargin: ", " 0 0 0;\n\twhite-space: nowrap;\n\n\t& + & {\n\t\tmargin-top: ", ";\n\t}\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-025, 2px)");
|
|
105
92
|
|
|
106
93
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
107
|
-
var DetailsLabelIcon = exports.DetailsLabelIcon = _styled.default.dt(
|
|
94
|
+
var DetailsLabelIcon = exports.DetailsLabelIcon = _styled.default.dt(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: flex;\n\tflex-shrink: 0;\n\tcolor: ", ";\n\twidth: ", ";\n\theight: ", ";\n\tpadding: ", ";\n\tvertical-align: top;\n\n\tsvg {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n"])), _constants2.labelIconColor, "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)", "var(--ds-space-050, 4px)");
|
|
108
95
|
|
|
109
96
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
110
|
-
var DetailsLabelText = exports.DetailsLabelText = _styled.default.dd(
|
|
97
|
+
var DetailsLabelText = exports.DetailsLabelText = _styled.default.dd(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2.default)(["\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\tcolor: ", ";\n\tfont: ", ";\n\tpadding-block: ", ";\n\tpadding-left: ", ";\n\tmargin-inline-start: 0;\n\tmargin-top: 0;\n"])), _constants2.labelTextColor, "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)", "var(--ds-space-050, 4px)", "var(--ds-space-050, 4px)");
|
|
@@ -4,9 +4,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.ReportingLinesSection = exports.
|
|
7
|
+
exports.ReportingLinesSection = exports.OffsetWrapper = exports.ManagerSection = exports.ManagerName = void 0;
|
|
8
8
|
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
9
|
-
var _constants = require("./constants");
|
|
10
9
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
11
10
|
|
|
12
11
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
@@ -16,14 +15,6 @@ var ReportingLinesSection = exports.ReportingLinesSection = _styled.default.div(
|
|
|
16
15
|
marginTop: "var(--ds-space-100, 8px)"
|
|
17
16
|
});
|
|
18
17
|
|
|
19
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
20
|
-
var ReportingLinesHeading = exports.ReportingLinesHeading = _styled.default.h3({
|
|
21
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
22
|
-
color: _constants.appLabelTextColor,
|
|
23
|
-
font: "var(--ds-font-heading-xxsmall, normal 600 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
|
|
24
|
-
marginBottom: "var(--ds-space-100, 8px)"
|
|
25
|
-
});
|
|
26
|
-
|
|
27
18
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
28
19
|
var ManagerSection = exports.ManagerSection = _styled.default.div({
|
|
29
20
|
display: 'flex',
|
|
@@ -45,7 +45,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
|
|
|
45
45
|
actionSubjectId: actionSubjectId,
|
|
46
46
|
attributes: _objectSpread(_objectSpread({
|
|
47
47
|
packageName: "@atlaskit/profilecard",
|
|
48
|
-
packageVersion: "21.1.
|
|
48
|
+
packageVersion: "21.1.2"
|
|
49
49
|
}, attributes), {}, {
|
|
50
50
|
firedAt: Math.round((0, _performance.getPageTime)())
|
|
51
51
|
})
|
|
@@ -6,7 +6,7 @@ const ORG_ID_FROM_CLOUD_ID_QUERY = `query OrgIdFromCloudId($cloudId: ID!) {
|
|
|
6
6
|
}`;
|
|
7
7
|
const addHeaders = headers => {
|
|
8
8
|
headers.append('atl-client-name', "@atlaskit/profilecard");
|
|
9
|
-
headers.append('atl-client-version', "21.1.
|
|
9
|
+
headers.append('atl-client-version', "21.1.2");
|
|
10
10
|
return headers;
|
|
11
11
|
};
|
|
12
12
|
export async function getOrgIdForCloudIdFromAGG(url, cloudId) {
|
|
@@ -68,7 +68,7 @@ export const addHeaders = headers => {
|
|
|
68
68
|
headers.append('X-ExperimentalApi', 'teams-beta');
|
|
69
69
|
headers.append('X-ExperimentalApi', 'team-members-beta');
|
|
70
70
|
headers.append('atl-client-name', "@atlaskit/profilecard");
|
|
71
|
-
headers.append('atl-client-version', "21.1.
|
|
71
|
+
headers.append('atl-client-version', "21.1.2");
|
|
72
72
|
return headers;
|
|
73
73
|
};
|
|
74
74
|
export async function getTeamFromAGG(url, teamId, siteId) {
|
|
@@ -2,11 +2,10 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { FormattedMessage } from 'react-intl-next';
|
|
4
4
|
import Lozenge from '@atlaskit/lozenge';
|
|
5
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
6
5
|
import { Box, Text, xcss } from '@atlaskit/primitives';
|
|
7
6
|
import relativeDate from '../../internal/relative-date';
|
|
8
7
|
import messages from '../../messages';
|
|
9
|
-
import { AppTitleLabel, CustomLozengeContainer, DetailsGroup, DisabledInfo,
|
|
8
|
+
import { AppTitleLabel, CustomLozengeContainer, DetailsGroup, DisabledInfo, JobTitleLabel, LozengeWrapper } from '../../styled/Card';
|
|
10
9
|
import { IconLabel } from '../Icon';
|
|
11
10
|
import ReportingLinesDetails from './ReportingLinesDetails';
|
|
12
11
|
const detailedListWrapperStyles = xcss({
|
|
@@ -44,16 +43,9 @@ const renderName = (nickname, fullName, meta) => {
|
|
|
44
43
|
const isNicknameRedundant = !nickname || nickname === fullName;
|
|
45
44
|
const shownNickname = ` (${nickname}) `;
|
|
46
45
|
const displayName = isNicknameRedundant ? fullName : `${fullName}${shownNickname}`;
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
testId: "profilecard-name",
|
|
51
|
-
id: "profilecard-name-label"
|
|
52
|
-
}, displayName);
|
|
53
|
-
}
|
|
54
|
-
return /*#__PURE__*/React.createElement(FullNameLabel, {
|
|
55
|
-
noMeta: !meta,
|
|
56
|
-
"data-testid": "profilecard-name",
|
|
46
|
+
return /*#__PURE__*/React.createElement(Box, {
|
|
47
|
+
xcss: [fullNameLabelStyles, activeAccountStyles, meta ? metaLabelStyles : noMetaLabelStyles],
|
|
48
|
+
testId: "profilecard-name",
|
|
57
49
|
id: "profilecard-name-label"
|
|
58
50
|
}, displayName);
|
|
59
51
|
};
|
|
@@ -102,15 +94,10 @@ const DisabledProfileCardDetails = props => {
|
|
|
102
94
|
statusModifiedDate
|
|
103
95
|
} = props;
|
|
104
96
|
const name = status === 'inactive' ? fullName || nickname : nickname || /*#__PURE__*/React.createElement(FormattedMessage, messages.disabledAccountDefaultName);
|
|
105
|
-
return /*#__PURE__*/React.createElement(DetailsGroup, null,
|
|
97
|
+
return /*#__PURE__*/React.createElement(DetailsGroup, null, /*#__PURE__*/React.createElement(Box, {
|
|
106
98
|
xcss: [fullNameLabelStyles, noMetaLabelStyles, disabledAccountStyles],
|
|
107
99
|
testId: "profilecard-name",
|
|
108
100
|
id: "profilecard-name-label"
|
|
109
|
-
}, name) : /*#__PURE__*/React.createElement(FullNameLabel, {
|
|
110
|
-
noMeta: true,
|
|
111
|
-
isDisabledAccount: true,
|
|
112
|
-
"data-testid": "profilecard-name",
|
|
113
|
-
id: "profilecard-name-label"
|
|
114
101
|
}, name), hasDisabledAccountLozenge && /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Lozenge, {
|
|
115
102
|
appearance: "default",
|
|
116
103
|
isBold: true
|
|
@@ -3,10 +3,9 @@ import { FormattedMessage } from 'react-intl-next';
|
|
|
3
3
|
import Avatar from '@atlaskit/avatar';
|
|
4
4
|
import AvatarGroup from '@atlaskit/avatar-group';
|
|
5
5
|
import Button from '@atlaskit/button';
|
|
6
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
6
|
import { Box, xcss } from '@atlaskit/primitives';
|
|
8
7
|
import messages from '../../messages';
|
|
9
|
-
import { ManagerName, ManagerSection, OffsetWrapper,
|
|
8
|
+
import { ManagerName, ManagerSection, OffsetWrapper, ReportingLinesSection } from '../../styled/ReportingLines';
|
|
10
9
|
import { reportingLinesClicked } from '../../util/analytics';
|
|
11
10
|
function getProfileHref(userId, profileUrl) {
|
|
12
11
|
return profileUrl ? profileUrl + userId : undefined;
|
|
@@ -41,15 +40,8 @@ const ReportingLinesDetails = props => {
|
|
|
41
40
|
}));
|
|
42
41
|
onReportingLinesClick(user);
|
|
43
42
|
} : undefined;
|
|
44
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, manager && /*#__PURE__*/React.createElement(ReportingLinesSection, null,
|
|
43
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, manager && /*#__PURE__*/React.createElement(ReportingLinesSection, null, /*#__PURE__*/React.createElement(Box, {
|
|
45
44
|
xcss: [reportingLinesHeadingDefaultStyles, reportingLinesHeadingStyles]
|
|
46
|
-
}, /*#__PURE__*/React.createElement(FormattedMessage, messages.managerSectionHeading)) :
|
|
47
|
-
/*#__PURE__*/
|
|
48
|
-
/* eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766 */
|
|
49
|
-
React.createElement(ReportingLinesHeading, {
|
|
50
|
-
style: {
|
|
51
|
-
marginBottom: 0
|
|
52
|
-
}
|
|
53
45
|
}, /*#__PURE__*/React.createElement(FormattedMessage, messages.managerSectionHeading)), /*#__PURE__*/React.createElement(OffsetWrapper, null, /*#__PURE__*/React.createElement(Button, {
|
|
54
46
|
appearance: "subtle",
|
|
55
47
|
spacing: "none",
|
|
@@ -59,9 +51,9 @@ const ReportingLinesDetails = props => {
|
|
|
59
51
|
}, /*#__PURE__*/React.createElement(ManagerSection, null, /*#__PURE__*/React.createElement(Avatar, {
|
|
60
52
|
size: "xsmall",
|
|
61
53
|
src: (_manager$pii = manager.pii) === null || _manager$pii === void 0 ? void 0 : _manager$pii.picture
|
|
62
|
-
}), /*#__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,
|
|
54
|
+
}), /*#__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(Box, {
|
|
63
55
|
xcss: reportingLinesHeadingDefaultStyles
|
|
64
|
-
}, /*#__PURE__*/React.createElement(FormattedMessage, messages.directReportsSectionHeading))
|
|
56
|
+
}, /*#__PURE__*/React.createElement(FormattedMessage, messages.directReportsSectionHeading)), /*#__PURE__*/React.createElement(AvatarGroup, {
|
|
65
57
|
appearance: "stack",
|
|
66
58
|
size: "small",
|
|
67
59
|
data: reports.map(member => {
|
|
@@ -8,8 +8,7 @@ import { keyframes } from '@emotion/react';
|
|
|
8
8
|
import styled from '@emotion/styled';
|
|
9
9
|
import { B200, N50A, N60A } from '@atlaskit/theme/colors';
|
|
10
10
|
import { borderRadius, fontSize, gridSize } from '@atlaskit/theme/constants';
|
|
11
|
-
import { appLabelBgColor, appLabelTextColor, bgColor, headerBgColor, headerBgColorDisabledUser, headerTextColor,
|
|
12
|
-
const getFullNameMargin = props => props.noMeta ? `${"var(--ds-space-400, 32px)"} 0 ${"var(--ds-space-150, 12px)"} 0` : `${"var(--ds-space-150, 12px)"} 0 0 0`;
|
|
11
|
+
import { appLabelBgColor, appLabelTextColor, bgColor, headerBgColor, headerBgColorDisabledUser, headerTextColor, labelIconColor, labelTextColor } from './constants';
|
|
13
12
|
|
|
14
13
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
15
14
|
export const CardWrapper = styled.div`
|
|
@@ -159,23 +158,6 @@ export const DisabledInfo = styled.div`
|
|
|
159
158
|
line-height: 16px;
|
|
160
159
|
`;
|
|
161
160
|
|
|
162
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
163
|
-
export const FullNameLabel = styled.h2`
|
|
164
|
-
overflow: hidden;
|
|
165
|
-
text-overflow: ellipsis;
|
|
166
|
-
white-space: nowrap;
|
|
167
|
-
|
|
168
|
-
font-size: 18px;
|
|
169
|
-
font-weight: ${"var(--ds-font-weight-regular, 400)"};
|
|
170
|
-
letter-spacing: normal;
|
|
171
|
-
color: ${props => props.isDisabledAccount ? headerTextColorInactive : headerTextColor};
|
|
172
|
-
margin: ${props => getFullNameMargin(props)};
|
|
173
|
-
line-height: ${24 / 18}em;
|
|
174
|
-
:first-child {
|
|
175
|
-
margin: ${props => getFullNameMargin(props)};
|
|
176
|
-
}
|
|
177
|
-
`;
|
|
178
|
-
|
|
179
161
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
180
162
|
export const LozengeWrapper = styled.div`
|
|
181
163
|
margin-top: ${"var(--ds-space-200, 16px)"};
|
|
@@ -256,7 +238,6 @@ export const CardContainer = styled.div`
|
|
|
256
238
|
export const DetailsLabel = styled.div`
|
|
257
239
|
display: flex;
|
|
258
240
|
align-items: center;
|
|
259
|
-
font: ${"var(--ds-font-body-large, normal 400 16px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"};
|
|
260
241
|
margin: ${"var(--ds-space-200, 16px)"} 0 0 0;
|
|
261
242
|
white-space: nowrap;
|
|
262
243
|
|
|
@@ -286,6 +267,8 @@ export const DetailsLabelText = styled.dd`
|
|
|
286
267
|
overflow: hidden;
|
|
287
268
|
text-overflow: ellipsis;
|
|
288
269
|
color: ${labelTextColor};
|
|
270
|
+
font: ${"var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"};
|
|
271
|
+
padding-block: ${"var(--ds-space-050, 4px)"};
|
|
289
272
|
padding-left: ${"var(--ds-space-050, 4px)"};
|
|
290
273
|
margin-inline-start: 0;
|
|
291
274
|
margin-top: 0;
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
2
|
import styled from '@emotion/styled';
|
|
3
|
-
import { appLabelTextColor } from './constants';
|
|
4
|
-
|
|
5
3
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
6
4
|
export const ReportingLinesSection = styled.div({
|
|
7
5
|
// Minor left margin to align better with existing icon fields
|
|
@@ -9,14 +7,6 @@ export const ReportingLinesSection = styled.div({
|
|
|
9
7
|
marginTop: "var(--ds-space-100, 8px)"
|
|
10
8
|
});
|
|
11
9
|
|
|
12
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
13
|
-
export const ReportingLinesHeading = styled.h3({
|
|
14
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
15
|
-
color: appLabelTextColor,
|
|
16
|
-
font: "var(--ds-font-heading-xxsmall, normal 600 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
|
|
17
|
-
marginBottom: "var(--ds-space-100, 8px)"
|
|
18
|
-
});
|
|
19
|
-
|
|
20
10
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
21
11
|
export const ManagerSection = styled.div({
|
|
22
12
|
display: 'flex',
|
|
@@ -32,7 +32,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
|
|
|
32
32
|
actionSubjectId,
|
|
33
33
|
attributes: {
|
|
34
34
|
packageName: "@atlaskit/profilecard",
|
|
35
|
-
packageVersion: "21.1.
|
|
35
|
+
packageVersion: "21.1.2",
|
|
36
36
|
...attributes,
|
|
37
37
|
firedAt: Math.round(getPageTime())
|
|
38
38
|
}
|
|
@@ -4,7 +4,7 @@ import { AGGQuery } from './graphqlUtils';
|
|
|
4
4
|
var ORG_ID_FROM_CLOUD_ID_QUERY = "query OrgIdFromCloudId($cloudId: ID!) {\n\ttenantContexts(cloudIds: [$cloudId]) {\n\t\torgId\n\t}\n}";
|
|
5
5
|
var addHeaders = function addHeaders(headers) {
|
|
6
6
|
headers.append('atl-client-name', "@atlaskit/profilecard");
|
|
7
|
-
headers.append('atl-client-version', "21.1.
|
|
7
|
+
headers.append('atl-client-version', "21.1.2");
|
|
8
8
|
return headers;
|
|
9
9
|
};
|
|
10
10
|
export function getOrgIdForCloudIdFromAGG(_x, _x2) {
|
|
@@ -48,7 +48,7 @@ export var addHeaders = function addHeaders(headers) {
|
|
|
48
48
|
headers.append('X-ExperimentalApi', 'teams-beta');
|
|
49
49
|
headers.append('X-ExperimentalApi', 'team-members-beta');
|
|
50
50
|
headers.append('atl-client-name', "@atlaskit/profilecard");
|
|
51
|
-
headers.append('atl-client-version', "21.1.
|
|
51
|
+
headers.append('atl-client-version', "21.1.2");
|
|
52
52
|
return headers;
|
|
53
53
|
};
|
|
54
54
|
export function getTeamFromAGG(_x, _x2, _x3) {
|
|
@@ -4,11 +4,10 @@ var _excluded = ["text"];
|
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import { FormattedMessage } from 'react-intl-next';
|
|
6
6
|
import Lozenge from '@atlaskit/lozenge';
|
|
7
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
8
7
|
import { Box, Text, xcss } from '@atlaskit/primitives';
|
|
9
8
|
import relativeDate from '../../internal/relative-date';
|
|
10
9
|
import messages from '../../messages';
|
|
11
|
-
import { AppTitleLabel, CustomLozengeContainer, DetailsGroup, DisabledInfo,
|
|
10
|
+
import { AppTitleLabel, CustomLozengeContainer, DetailsGroup, DisabledInfo, JobTitleLabel, LozengeWrapper } from '../../styled/Card';
|
|
12
11
|
import { IconLabel } from '../Icon';
|
|
13
12
|
import ReportingLinesDetails from './ReportingLinesDetails';
|
|
14
13
|
var detailedListWrapperStyles = xcss({
|
|
@@ -46,16 +45,9 @@ var renderName = function renderName(nickname, fullName, meta) {
|
|
|
46
45
|
var isNicknameRedundant = !nickname || nickname === fullName;
|
|
47
46
|
var shownNickname = " (".concat(nickname, ") ");
|
|
48
47
|
var displayName = isNicknameRedundant ? fullName : "".concat(fullName).concat(shownNickname);
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
testId: "profilecard-name",
|
|
53
|
-
id: "profilecard-name-label"
|
|
54
|
-
}, displayName);
|
|
55
|
-
}
|
|
56
|
-
return /*#__PURE__*/React.createElement(FullNameLabel, {
|
|
57
|
-
noMeta: !meta,
|
|
58
|
-
"data-testid": "profilecard-name",
|
|
48
|
+
return /*#__PURE__*/React.createElement(Box, {
|
|
49
|
+
xcss: [fullNameLabelStyles, activeAccountStyles, meta ? metaLabelStyles : noMetaLabelStyles],
|
|
50
|
+
testId: "profilecard-name",
|
|
59
51
|
id: "profilecard-name-label"
|
|
60
52
|
}, displayName);
|
|
61
53
|
};
|
|
@@ -103,15 +95,10 @@ var DisabledProfileCardDetails = function DisabledProfileCardDetails(props) {
|
|
|
103
95
|
status = props.status,
|
|
104
96
|
statusModifiedDate = props.statusModifiedDate;
|
|
105
97
|
var name = status === 'inactive' ? fullName || nickname : nickname || /*#__PURE__*/React.createElement(FormattedMessage, messages.disabledAccountDefaultName);
|
|
106
|
-
return /*#__PURE__*/React.createElement(DetailsGroup, null,
|
|
98
|
+
return /*#__PURE__*/React.createElement(DetailsGroup, null, /*#__PURE__*/React.createElement(Box, {
|
|
107
99
|
xcss: [fullNameLabelStyles, noMetaLabelStyles, disabledAccountStyles],
|
|
108
100
|
testId: "profilecard-name",
|
|
109
101
|
id: "profilecard-name-label"
|
|
110
|
-
}, name) : /*#__PURE__*/React.createElement(FullNameLabel, {
|
|
111
|
-
noMeta: true,
|
|
112
|
-
isDisabledAccount: true,
|
|
113
|
-
"data-testid": "profilecard-name",
|
|
114
|
-
id: "profilecard-name-label"
|
|
115
102
|
}, name), hasDisabledAccountLozenge && /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Lozenge, {
|
|
116
103
|
appearance: "default",
|
|
117
104
|
isBold: true
|
|
@@ -3,10 +3,9 @@ import { FormattedMessage } from 'react-intl-next';
|
|
|
3
3
|
import Avatar from '@atlaskit/avatar';
|
|
4
4
|
import AvatarGroup from '@atlaskit/avatar-group';
|
|
5
5
|
import Button from '@atlaskit/button';
|
|
6
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
6
|
import { Box, xcss } from '@atlaskit/primitives';
|
|
8
7
|
import messages from '../../messages';
|
|
9
|
-
import { ManagerName, ManagerSection, OffsetWrapper,
|
|
8
|
+
import { ManagerName, ManagerSection, OffsetWrapper, ReportingLinesSection } from '../../styled/ReportingLines';
|
|
10
9
|
import { reportingLinesClicked } from '../../util/analytics';
|
|
11
10
|
function getProfileHref(userId, profileUrl) {
|
|
12
11
|
return profileUrl ? profileUrl + userId : undefined;
|
|
@@ -44,15 +43,8 @@ var ReportingLinesDetails = function ReportingLinesDetails(props) {
|
|
|
44
43
|
onReportingLinesClick(user);
|
|
45
44
|
} : undefined;
|
|
46
45
|
};
|
|
47
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, manager && /*#__PURE__*/React.createElement(ReportingLinesSection, null,
|
|
46
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, manager && /*#__PURE__*/React.createElement(ReportingLinesSection, null, /*#__PURE__*/React.createElement(Box, {
|
|
48
47
|
xcss: [reportingLinesHeadingDefaultStyles, reportingLinesHeadingStyles]
|
|
49
|
-
}, /*#__PURE__*/React.createElement(FormattedMessage, messages.managerSectionHeading)) :
|
|
50
|
-
/*#__PURE__*/
|
|
51
|
-
/* eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766 */
|
|
52
|
-
React.createElement(ReportingLinesHeading, {
|
|
53
|
-
style: {
|
|
54
|
-
marginBottom: 0
|
|
55
|
-
}
|
|
56
48
|
}, /*#__PURE__*/React.createElement(FormattedMessage, messages.managerSectionHeading)), /*#__PURE__*/React.createElement(OffsetWrapper, null, /*#__PURE__*/React.createElement(Button, {
|
|
57
49
|
appearance: "subtle",
|
|
58
50
|
spacing: "none",
|
|
@@ -62,9 +54,9 @@ var ReportingLinesDetails = function ReportingLinesDetails(props) {
|
|
|
62
54
|
}, /*#__PURE__*/React.createElement(ManagerSection, null, /*#__PURE__*/React.createElement(Avatar, {
|
|
63
55
|
size: "xsmall",
|
|
64
56
|
src: (_manager$pii = manager.pii) === null || _manager$pii === void 0 ? void 0 : _manager$pii.picture
|
|
65
|
-
}), /*#__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,
|
|
57
|
+
}), /*#__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(Box, {
|
|
66
58
|
xcss: reportingLinesHeadingDefaultStyles
|
|
67
|
-
}, /*#__PURE__*/React.createElement(FormattedMessage, messages.directReportsSectionHeading))
|
|
59
|
+
}, /*#__PURE__*/React.createElement(FormattedMessage, messages.directReportsSectionHeading)), /*#__PURE__*/React.createElement(AvatarGroup, {
|
|
68
60
|
appearance: "stack",
|
|
69
61
|
size: "small",
|
|
70
62
|
data: reports.map(function (member) {
|
package/dist/esm/styled/Card.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
3
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21
|
|
3
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
|
|
4
4
|
/* eslint-disable @atlaskit/design-system/no-styled-tagged-template-expression -- needs manual remediation */
|
|
5
5
|
import React from 'react';
|
|
6
6
|
|
|
@@ -10,10 +10,7 @@ import { keyframes } from '@emotion/react';
|
|
|
10
10
|
import styled from '@emotion/styled';
|
|
11
11
|
import { B200, N50A, N60A } from '@atlaskit/theme/colors';
|
|
12
12
|
import { borderRadius, fontSize, gridSize } from '@atlaskit/theme/constants';
|
|
13
|
-
import { appLabelBgColor, appLabelTextColor, bgColor, headerBgColor, headerBgColorDisabledUser, headerTextColor,
|
|
14
|
-
var getFullNameMargin = function getFullNameMargin(props) {
|
|
15
|
-
return props.noMeta ? "var(--ds-space-400, 32px)".concat(" 0 ", "var(--ds-space-150, 12px)", " 0") : "var(--ds-space-150, 12px)".concat(" 0 0 0");
|
|
16
|
-
};
|
|
13
|
+
import { appLabelBgColor, appLabelTextColor, bgColor, headerBgColor, headerBgColorDisabledUser, headerTextColor, labelIconColor, labelTextColor } from './constants';
|
|
17
14
|
|
|
18
15
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
19
16
|
export var CardWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tbackground-color: ", ";\n\tborder-radius: ", ";\n\twidth: ", "px;\n"])), bgColor, "var(--ds-border-radius, 3px)", gridSize() * 45);
|
|
@@ -61,30 +58,21 @@ export var DetailsGroup = styled.div(_templateObject11 || (_templateObject11 = _
|
|
|
61
58
|
export var DisabledInfo = styled.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n\tfont: ", ";\n\tcolor: ", ";\n\tmargin: ", " 0 0 0;\n\tline-height: 16px;\n"])), "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)", labelTextColor, "var(--ds-space-150, 12px)");
|
|
62
59
|
|
|
63
60
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
64
|
-
export var
|
|
65
|
-
return props.isDisabledAccount ? headerTextColorInactive : headerTextColor;
|
|
66
|
-
}, function (props) {
|
|
67
|
-
return getFullNameMargin(props);
|
|
68
|
-
}, 24 / 18, function (props) {
|
|
69
|
-
return getFullNameMargin(props);
|
|
70
|
-
});
|
|
71
|
-
|
|
72
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
73
|
-
export var LozengeWrapper = styled.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n\tmargin-top: ", ";\n\ttext-transform: uppercase;\n\tdisplay: block;\n"])), "var(--ds-space-200, 16px)");
|
|
61
|
+
export var LozengeWrapper = styled.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n\tmargin-top: ", ";\n\ttext-transform: uppercase;\n\tdisplay: block;\n"])), "var(--ds-space-200, 16px)");
|
|
74
62
|
|
|
75
63
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
76
|
-
export var CustomLozengeContainer = styled(LozengeWrapper)(
|
|
64
|
+
export var CustomLozengeContainer = styled(LozengeWrapper)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex-wrap: wrap;\n\tjustify-content: flex-start;\n\tmargin-top: ", ";\n\t> * {\n\t\tmargin-top: ", ";\n\t\t&:not(:last-child) {\n\t\t\tmargin-right: ", ";\n\t\t}\n\t}\n"])), "var(--ds-space-150, 12px)", "var(--ds-space-050, 4px)", "var(--ds-space-050, 4px)");
|
|
77
65
|
|
|
78
66
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
79
|
-
export var JobTitleLabel = styled.span(
|
|
67
|
+
export var JobTitleLabel = styled.span(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n\n\tfont: ", ";\n\tcolor: ", ";\n\tmargin: 0 0 ", " 0;\n"])), "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)", headerTextColor, "var(--ds-space-150, 12px)");
|
|
80
68
|
|
|
81
69
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
82
|
-
export var AppTitleLabel = styled.span(
|
|
70
|
+
export var AppTitleLabel = styled.span(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n\tbackground: ", ";\n\tcolor: ", ";\n\tborder-radius: ", ";\n\tpadding: 0 ", ";\n\twidth: fit-content;\n\tfont-weight: ", ";\n\ttext-transform: uppercase;\n\n\tfont: ", ";\n\tmargin: ", " 0 ", " 0;\n"])), appLabelBgColor, appLabelTextColor, borderRadius(), "var(--ds-space-075, 6px)", "var(--ds-font-weight-bold, 700)", "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)", "var(--ds-space-050, 4px)", "var(--ds-space-150, 12px)");
|
|
83
71
|
|
|
84
72
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
85
|
-
export var SpinnerContainer = styled.div(
|
|
73
|
+
export var SpinnerContainer = styled.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n\talign-items: center;\n\tdisplay: flex;\n\theight: ", "px;\n\tjustify-content: center;\n\tposition: relative;\n"])), gridSize() * 12);
|
|
86
74
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
87
|
-
export var CardContainer = styled.div(
|
|
75
|
+
export var CardContainer = styled.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n\tposition: relative;\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n\tbackground-image: linear-gradient(\n\t\tto bottom,\n\t\t", "\n\t\t\t0%,\n\t\t", " 100%\n\t);\n\tbackground-repeat: no-repeat;\n\tbackground-size: 100% ", "px;\n\tbox-sizing: content-box;\n\tpadding: ", ";\n\tbox-shadow: ", ";\n\tborder-radius: ", ";\n\n\toverflow: hidden;\n"])), function (props) {
|
|
88
76
|
return props.isDisabledUser ? headerBgColorDisabledUser : headerBgColor;
|
|
89
77
|
}, function (props) {
|
|
90
78
|
return props.isDisabledUser ? headerBgColorDisabledUser : headerBgColor;
|
|
@@ -95,10 +83,10 @@ export var CardContainer = styled.div(_templateObject19 || (_templateObject19 =
|
|
|
95
83
|
});
|
|
96
84
|
|
|
97
85
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
98
|
-
export var DetailsLabel = styled.div(
|
|
86
|
+
export var DetailsLabel = styled.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n\tdisplay: flex;\n\talign-items: center;\n\tmargin: ", " 0 0 0;\n\twhite-space: nowrap;\n\n\t& + & {\n\t\tmargin-top: ", ";\n\t}\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-025, 2px)");
|
|
99
87
|
|
|
100
88
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
101
|
-
export var DetailsLabelIcon = styled.dt(
|
|
89
|
+
export var DetailsLabelIcon = styled.dt(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n\tdisplay: flex;\n\tflex-shrink: 0;\n\tcolor: ", ";\n\twidth: ", ";\n\theight: ", ";\n\tpadding: ", ";\n\tvertical-align: top;\n\n\tsvg {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n"])), labelIconColor, "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)", "var(--ds-space-050, 4px)");
|
|
102
90
|
|
|
103
91
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
104
|
-
export var DetailsLabelText = styled.dd(
|
|
92
|
+
export var DetailsLabelText = styled.dd(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\tcolor: ", ";\n\tfont: ", ";\n\tpadding-block: ", ";\n\tpadding-left: ", ";\n\tmargin-inline-start: 0;\n\tmargin-top: 0;\n"])), labelTextColor, "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)", "var(--ds-space-050, 4px)", "var(--ds-space-050, 4px)");
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
2
|
import styled from '@emotion/styled';
|
|
3
|
-
import { appLabelTextColor } from './constants';
|
|
4
|
-
|
|
5
3
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
6
4
|
export var ReportingLinesSection = styled.div({
|
|
7
5
|
// Minor left margin to align better with existing icon fields
|
|
@@ -9,14 +7,6 @@ export var ReportingLinesSection = styled.div({
|
|
|
9
7
|
marginTop: "var(--ds-space-100, 8px)"
|
|
10
8
|
});
|
|
11
9
|
|
|
12
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
13
|
-
export var ReportingLinesHeading = styled.h3({
|
|
14
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
15
|
-
color: appLabelTextColor,
|
|
16
|
-
font: "var(--ds-font-heading-xxsmall, normal 600 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
|
|
17
|
-
marginBottom: "var(--ds-space-100, 8px)"
|
|
18
|
-
});
|
|
19
|
-
|
|
20
10
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
21
11
|
export var ManagerSection = styled.div({
|
|
22
12
|
display: 'flex',
|
|
@@ -39,7 +39,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
|
|
|
39
39
|
actionSubjectId: actionSubjectId,
|
|
40
40
|
attributes: _objectSpread(_objectSpread({
|
|
41
41
|
packageName: "@atlaskit/profilecard",
|
|
42
|
-
packageVersion: "21.1.
|
|
42
|
+
packageVersion: "21.1.2"
|
|
43
43
|
}, attributes), {}, {
|
|
44
44
|
firedAt: Math.round(getPageTime())
|
|
45
45
|
})
|
|
@@ -1,8 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
interface FullNameLabelProps {
|
|
3
|
-
noMeta?: boolean;
|
|
4
|
-
isDisabledAccount?: boolean;
|
|
5
|
-
}
|
|
6
2
|
export declare const CardWrapper: import("@emotion/styled").StyledComponent<{
|
|
7
3
|
theme?: import("@emotion/react").Theme | undefined;
|
|
8
4
|
as?: React.ElementType<any> | undefined;
|
|
@@ -48,10 +44,6 @@ export declare const DisabledInfo: import("@emotion/styled").StyledComponent<{
|
|
|
48
44
|
theme?: import("@emotion/react").Theme | undefined;
|
|
49
45
|
as?: React.ElementType<any> | undefined;
|
|
50
46
|
}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
51
|
-
export declare const FullNameLabel: import("@emotion/styled").StyledComponent<{
|
|
52
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
53
|
-
as?: React.ElementType<any> | undefined;
|
|
54
|
-
} & FullNameLabelProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
|
|
55
47
|
export declare const LozengeWrapper: import("@emotion/styled").StyledComponent<{
|
|
56
48
|
theme?: import("@emotion/react").Theme | undefined;
|
|
57
49
|
as?: React.ElementType<any> | undefined;
|
|
@@ -3,10 +3,6 @@ export declare const ReportingLinesSection: import("@emotion/styled").StyledComp
|
|
|
3
3
|
theme?: import("@emotion/react").Theme | undefined;
|
|
4
4
|
as?: import("react").ElementType<any> | undefined;
|
|
5
5
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
6
|
-
export declare const ReportingLinesHeading: import("@emotion/styled").StyledComponent<{
|
|
7
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
8
|
-
as?: import("react").ElementType<any> | undefined;
|
|
9
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
|
|
10
6
|
export declare const ManagerSection: import("@emotion/styled").StyledComponent<{
|
|
11
7
|
theme?: import("@emotion/react").Theme | undefined;
|
|
12
8
|
as?: import("react").ElementType<any> | undefined;
|
|
@@ -1,8 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
interface FullNameLabelProps {
|
|
3
|
-
noMeta?: boolean;
|
|
4
|
-
isDisabledAccount?: boolean;
|
|
5
|
-
}
|
|
6
2
|
export declare const CardWrapper: import("@emotion/styled").StyledComponent<{
|
|
7
3
|
theme?: import("@emotion/react").Theme | undefined;
|
|
8
4
|
as?: React.ElementType<any> | undefined;
|
|
@@ -48,10 +44,6 @@ export declare const DisabledInfo: import("@emotion/styled").StyledComponent<{
|
|
|
48
44
|
theme?: import("@emotion/react").Theme | undefined;
|
|
49
45
|
as?: React.ElementType<any> | undefined;
|
|
50
46
|
}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
51
|
-
export declare const FullNameLabel: import("@emotion/styled").StyledComponent<{
|
|
52
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
53
|
-
as?: React.ElementType<any> | undefined;
|
|
54
|
-
} & FullNameLabelProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
|
|
55
47
|
export declare const LozengeWrapper: import("@emotion/styled").StyledComponent<{
|
|
56
48
|
theme?: import("@emotion/react").Theme | undefined;
|
|
57
49
|
as?: React.ElementType<any> | undefined;
|
|
@@ -3,10 +3,6 @@ export declare const ReportingLinesSection: import("@emotion/styled").StyledComp
|
|
|
3
3
|
theme?: import("@emotion/react").Theme | undefined;
|
|
4
4
|
as?: import("react").ElementType<any> | undefined;
|
|
5
5
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
6
|
-
export declare const ReportingLinesHeading: import("@emotion/styled").StyledComponent<{
|
|
7
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
8
|
-
as?: import("react").ElementType<any> | undefined;
|
|
9
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
|
|
10
6
|
export declare const ManagerSection: import("@emotion/styled").StyledComponent<{
|
|
11
7
|
theme?: import("@emotion/react").Theme | undefined;
|
|
12
8
|
as?: import("react").ElementType<any> | undefined;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/profilecard",
|
|
3
|
-
"version": "21.1.
|
|
3
|
+
"version": "21.1.2",
|
|
4
4
|
"description": "A React component to display a card with user information.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -56,13 +56,13 @@
|
|
|
56
56
|
"@atlaskit/avatar-group": "^10.1.0",
|
|
57
57
|
"@atlaskit/button": "^20.3.0",
|
|
58
58
|
"@atlaskit/dropdown-menu": "^12.23.0",
|
|
59
|
-
"@atlaskit/empty-state": "^8.
|
|
59
|
+
"@atlaskit/empty-state": "^8.1.0",
|
|
60
60
|
"@atlaskit/focus-ring": "^2.0.0",
|
|
61
61
|
"@atlaskit/give-kudos": "^2.3.0",
|
|
62
62
|
"@atlaskit/icon": "^23.1.0",
|
|
63
63
|
"@atlaskit/lozenge": "^11.12.0",
|
|
64
64
|
"@atlaskit/menu": "^2.13.0",
|
|
65
|
-
"@atlaskit/modal-dialog": "^12.
|
|
65
|
+
"@atlaskit/modal-dialog": "^12.19.0",
|
|
66
66
|
"@atlaskit/people-teams-ui-public": "^2.0.0",
|
|
67
67
|
"@atlaskit/platform-feature-flags": "^0.3.0",
|
|
68
68
|
"@atlaskit/popup": "^1.30.0",
|
|
@@ -131,9 +131,6 @@
|
|
|
131
131
|
"rovo_use_agent_permissions": {
|
|
132
132
|
"type": "boolean"
|
|
133
133
|
},
|
|
134
|
-
"platform_profile_card_css_refactor": {
|
|
135
|
-
"type": "boolean"
|
|
136
|
-
},
|
|
137
134
|
"rovo_profile_card_open_chat_sidebar": {
|
|
138
135
|
"type": "boolean"
|
|
139
136
|
},
|