@atlaskit/profilecard
Version:
A React component to display a card with user information.
118 lines (117 loc) • 6.98 kB
JavaScript
/* ReportingLinesDetails.tsx generated by @compiled/babel-plugin v0.39.1 */
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
require("./ReportingLinesDetails.compiled.css");
var _runtime = require("@compiled/react/runtime");
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _react = _interopRequireDefault(require("react"));
var _reactIntlNext = require("react-intl-next");
var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
var _avatarGroup = _interopRequireDefault(require("@atlaskit/avatar-group"));
var _css = require("@atlaskit/css");
var _compiled = require("@atlaskit/primitives/compiled");
var _messages = _interopRequireDefault(require("../../messages"));
var _ReportingLines = require("../../styled/ReportingLines");
var _analytics = require("../../util/analytics");
var _performance = require("../../util/performance");
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
function getProfileHref(userId, profileUrl) {
return profileUrl ? profileUrl + userId : undefined;
}
var styles = {
reportingLinesButton: "_ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _bfhksm61 _irr31dpa",
reportingLinesHeadingDefaultStyles: "_11c8i4vh _syazi7uo _k48p1pd9 _otyru2gc",
reportingLinesHeadingStyles: "_otyrze3t"
};
var avatarGroupMaxCount = 5;
var ReportingLinesDetails = function ReportingLinesDetails(props) {
var _manager$pii, _manager$pii2, _manager$pii3;
var _useIntl = (0, _reactIntlNext.useIntl)(),
formatMessage = _useIntl.formatMessage;
var fireAnalyticsWithDuration = props.fireAnalyticsWithDuration,
_props$reportingLines = props.reportingLines,
reportingLines = _props$reportingLines === void 0 ? {} : _props$reportingLines,
reportingLinesProfileUrl = props.reportingLinesProfileUrl,
onReportingLinesClick = props.onReportingLinesClick;
var _reportingLines$manag = reportingLines.managers,
managers = _reportingLines$manag === void 0 ? [] : _reportingLines$manag,
_reportingLines$repor = reportingLines.reports,
reports = _reportingLines$repor === void 0 ? [] : _reportingLines$repor;
var manager = managers.length >= 1 ? managers[0] : undefined;
var hasReports = reports.length > 0;
var getReportingLinesOnClick = function getReportingLinesOnClick(user, userType) {
return onReportingLinesClick ? function () {
fireAnalyticsWithDuration('ui.profilecard.clicked.reportingLines', function (duration) {
return _objectSpread({
duration: duration,
userType: userType,
firedAt: Math.round((0, _performance.getPageTime)())
}, _analytics.PACKAGE_META_DATA);
});
onReportingLinesClick(user);
} : undefined;
};
var onReportingLinksClick = function onReportingLinksClick(user, userType, href) {
var shouldPreventDefault = false;
if (onReportingLinesClick) {
shouldPreventDefault = onReportingLinesClick(user) === false;
}
fireAnalyticsWithDuration('ui.profilecard.clicked.reportingLines', function (duration) {
return _objectSpread({
duration: duration,
userType: userType,
firedAt: Math.round((0, _performance.getPageTime)())
}, _analytics.PACKAGE_META_DATA);
});
if (shouldPreventDefault) {
return;
}
if (href) {
window.location.href = href;
}
};
var showMoreButtonProps = {
'aria-label': formatMessage(_messages.default.profileCardMoreReportingLinesLabel, {
count: reports.length - avatarGroupMaxCount + 1
})
};
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, manager && /*#__PURE__*/_react.default.createElement(_ReportingLines.ReportingLinesSection, null, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
xcss: (0, _css.cx)(styles.reportingLinesHeadingDefaultStyles, styles.reportingLinesHeadingStyles)
}, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.managerSectionHeading)), /*#__PURE__*/_react.default.createElement(_ReportingLines.OffsetWrapper, null, /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
onClick: function onClick() {
return onReportingLinksClick(manager, 'manager', getProfileHref(manager.accountIdentifier, reportingLinesProfileUrl));
},
isDisabled: !onReportingLinesClick,
xcss: styles.reportingLinesButton,
"aria-label": formatMessage(_messages.default.viewManagerProfile, {
name: (_manager$pii = manager.pii) === null || _manager$pii === void 0 ? void 0 : _manager$pii.name
})
}, /*#__PURE__*/_react.default.createElement(_ReportingLines.ManagerSection, null, /*#__PURE__*/_react.default.createElement(_avatar.default, {
size: "xsmall",
src: (_manager$pii2 = manager.pii) === null || _manager$pii2 === void 0 ? void 0 : _manager$pii2.picture
}), /*#__PURE__*/_react.default.createElement(_ReportingLines.ManagerName, null, (_manager$pii3 = manager.pii) === null || _manager$pii3 === void 0 ? void 0 : _manager$pii3.name))))), hasReports && /*#__PURE__*/_react.default.createElement(_ReportingLines.ReportingLinesSection, null, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
xcss: styles.reportingLinesHeadingDefaultStyles
}, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.directReportsSectionHeading)), /*#__PURE__*/_react.default.createElement(_avatarGroup.default, {
appearance: "stack",
size: "small",
data: reports.map(function (member) {
var _member$pii, _member$pii2;
return {
key: member.accountIdentifier,
name: ((_member$pii = member.pii) === null || _member$pii === void 0 ? void 0 : _member$pii.name) || '',
src: (_member$pii2 = member.pii) === null || _member$pii2 === void 0 ? void 0 : _member$pii2.picture,
href: getProfileHref(member.accountIdentifier, reportingLinesProfileUrl),
onClick: getReportingLinesOnClick(member, 'direct-report')
};
}),
maxCount: avatarGroupMaxCount,
testId: "profilecard-reports-avatar-group",
showMoreButtonProps: showMoreButtonProps
})));
};
var _default = exports.default = ReportingLinesDetails;