@atlaskit/profilecard 16.0.1 → 16.2.1

package/dist/types/types.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { IntlShape } from 'react-intl-next';
+import TeamCentralCardClient from './client/TeamCentralCardClient';
 import TeamProfileCardClient from './client/TeamProfileCardClient';
 import UserProfileCardClient from './client/UserProfileCardClient';
 export interface ApiClientResponse {
@@ -53,11 +54,26 @@ export interface ProfileCardClientData {
     statusModifiedDate?: number | null;
     customLozenges?: LozengeProps[];
 }
+export interface ReportingLinesUserPII {
+    name: string;
+    picture?: string;
+}
+export interface ReportingLinesUser {
+    accountIdentifier: string;
+    identifierType: 'ATLASSIAN_ID' | 'BASE64_HASH' | 'UNKNOWN';
+    pii?: ReportingLinesUserPII;
+}
+export interface TeamCentralReportingLinesData {
+    managers?: ReportingLinesUser[];
+    reports?: ReportingLinesUser[];
+}
 export interface ProfileCardResourcedProps {
     userId: string;
     cloudId: string;
     resourceClient: ProfileClient;
     actions?: ProfileCardAction[];
+    reportingLinesProfileUrl?: string;
+    onReportingLinesClick?: (user: ReportingLinesUser) => void;
     analytics?: any;
     position?: ProfilecardTriggerPosition;
     trigger?: TriggerType;
@@ -69,6 +85,7 @@ export interface ProfileCardResourcedState {
     hasError: boolean;
     error?: ProfileCardErrorType;
     data: ProfileCardClientData | null;
+    reportingLinesData?: TeamCentralReportingLinesData;
 }
 export interface ProfileCardTriggerProps {
     userId: string;
@@ -86,6 +103,8 @@ export interface ProfileCardTriggerProps {
     cloudId?: string;
     resourceClient: ProfileClient;
     actions?: ProfileCardAction[];
+    reportingLinesProfileUrl?: string;
+    onReportingLinesClick?: (user: ReportingLinesUser) => void;
     analytics?: any;
     position?: ProfilecardTriggerPosition;
     trigger?: TriggerType;
@@ -98,6 +117,7 @@ export interface ProfileCardTriggerState {
     hasError: boolean;
     error?: ProfileCardErrorType;
     data: ProfileCardClientData | null;
+    reportingLinesData?: TeamCentralReportingLinesData;
 }
 export interface TeamProfileCardTriggerState {
     visible?: boolean;
@@ -246,6 +266,12 @@ export interface ProfilecardProps {
     analytics?: any;
     statusModifiedDate?: number | null;
     withoutElevation?: boolean;
+    /** Show manager and direct reports section on profile hover card, if available */
+    reportingLines?: TeamCentralReportingLinesData;
+    /** Base URL to populate href value for manager's and direct reports' user avatar  */
+    reportingLinesProfileUrl?: string;
+    /** Click handler when user clicks on manager's and direct reports' user avatar, un-clickable otherwise */
+    onReportingLinesClick?: (user: ReportingLinesUser) => void;
     disabledAccountMessage?: React.ReactNode;
     hasDisabledAccountLozenge?: boolean;
     customLozenges?: LozengeProps[];
@@ -275,6 +301,7 @@ export interface ProfileClient {
     flushCache: () => void;
     getProfile: (cloudId: string, userId: string) => Promise<ProfileCardClientData>;
     getTeamProfile: (teamId: string, orgId?: string, fireAnalytics?: (event: Record<string, any>) => void) => Promise<Team>;
+    getReportingLines: (userId: string) => Promise<TeamCentralReportingLinesData>;
 }
 export declare type ProfilecardTriggerPosition = 'bottom-start' | 'bottom' | 'bottom-end' | 'left-start' | 'left' | 'left-end' | 'top-end' | 'top' | 'top-start' | 'right-end' | 'right' | 'right-start';
 export declare type ProfileCardErrorType = {
@@ -284,8 +311,11 @@ export interface ProfileClientOptions {
     url: string;
     cacheSize?: number;
     cacheMaxAge?: number;
+    /** Enables Team Central functionality if enabled */
+    teamCentralUrl?: string;
 }
 export interface ClientOverrides {
     userClient?: UserProfileCardClient;
     teamClient?: TeamProfileCardClient;
+    teamCentralClient?: TeamCentralCardClient;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/profilecard",
-  "version": "16.0.1",
+  "version": "16.2.1",
   "description": "A React component to display a card with user information.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -42,16 +42,16 @@
     "@atlaskit/avatar": "^20.5.0",
     "@atlaskit/avatar-group": "^8.3.0",
     "@atlaskit/button": "^16.0.0",
-    "@atlaskit/icon": "^21.9.0",
+    "@atlaskit/icon": "^21.10.0",
     "@atlaskit/lozenge": "^11.0.0",
     "@atlaskit/menu": "^1.2.0",
-    "@atlaskit/popup": "^1.1.0",
+    "@atlaskit/popup": "^1.3.0",
     "@atlaskit/spinner": "^15.0.0",
-    "@atlaskit/theme": "^12.0.0",
-    "@atlaskit/tokens": "^0.4.0",
+    "@atlaskit/theme": "^12.1.0",
+    "@atlaskit/tokens": "^0.5.0",
     "@babel/runtime": "^7.0.0",
     "date-fns": "^2.17.0",
-    "lodash": "^4.17.15",
+    "lodash": "^4.17.21",
     "lru-fast": "^0.2.2",
     "react-intl-next": "npm:react-intl@^5.18.1"
   },
@@ -65,7 +65,7 @@
     "@atlaskit/dynamic-table": "^14.4.0",
     "@atlaskit/inline-edit": "^12.0.0",
     "@atlaskit/select": "^15.0.0",
-    "@atlaskit/util-data-test": "^17.0.0",
+    "@atlaskit/util-data-test": "^17.1.0",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@testing-library/react": "^8.0.1",
     "enzyme": "^3.10.0",