@atlaskit/profilecard 16.9.1 → 16.11.0

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @atlaskit/profilecard
 
+## 16.11.0
+
+### Minor Changes
+
+- [`01d80d395bc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/01d80d395bc) - pass event to onOpenChange consistently
+
+### Patch Changes
+
+- Updated dependencies
+
+## 16.10.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 16.10.0
+
+### Minor Changes
+
+- [`e5fbc101e73`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e5fbc101e73) - Remove analytics prop from give kudos component
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 16.9.1
 
 ### Patch Changes

package/dist/cjs/components/Team/TeamProfileCardTrigger.js

@@ -173,6 +173,9 @@ var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureComponent
         _this.hideProfilecard(_config.DELAY_MS_HIDE);
       }
     });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onClose", function () {
+      _this.hideProfilecard();
+    });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "openKudosDrawer", function () {
       _this.hideProfilecard(_config.DELAY_MS_HIDE);
 
@@ -297,7 +300,6 @@ var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureComponent
           type: _giveKudos.KudosType.TEAM,
           recipientId: _this.props.teamId
         },
-        analytics: _this.fireAnalytics,
         analyticsSource: "team-profile-card",
         teamCentralBaseUrl: _this.state.teamCentralBaseUrl,
         cloudId: _this.props.cloudId || '',
@@ -420,7 +422,7 @@ var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureComponent
         onError: this.onErrorBoundary
       }, /*#__PURE__*/_react.default.createElement(_popup.default, {
         isOpen: !!this.state.visible,
-        onClose: this.hideProfilecard,
+        onClose: this.onClose,
         placement: this.props.position,
         content: this.renderProfileCard,
         trigger: function trigger(triggerProps) {

package/dist/cjs/components/User/ProfileCardResourced.js

@@ -242,7 +242,6 @@ var ProfileCardResourced = /*#__PURE__*/function (_React$PureComponent) {
           type: _giveKudos.KudosType.INDIVIDUAL,
           recipientId: this.props.userId
         },
-        analytics: this.props.analytics,
         analyticsSource: "profile-card",
         teamCentralBaseUrl: newProps.teamCentralBaseUrl,
         cloudId: this.props.cloudId,

package/dist/cjs/components/User/ProfileCardTrigger.js

@@ -308,7 +308,6 @@ var ProfilecardTrigger = /*#__PURE__*/function (_React$PureComponent) {
           type: _giveKudos.KudosType.INDIVIDUAL,
           recipientId: this.props.userId
         },
-        analytics: this.props.analytics,
         analyticsSource: "profile-card",
         teamCentralBaseUrl: this.state.teamCentralBaseUrl,
         cloudId: this.props.cloudId,

package/dist/cjs/util/analytics.js

@@ -56,7 +56,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "16.9.1"
+      packageVersion: "16.11.0"
     }, attributes), {}, {
       firedAt: (0, _performance.getPageTime)()
     })

package/dist/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "16.9.1"
+	"version": "16.11.0"
 }

package/dist/es2019/components/Team/TeamProfileCardTrigger.js

@@ -117,6 +117,10 @@ export class TeamProfileCardTriggerInternal extends React.PureComponent {
       }
     });
 
+    _defineProperty(this, "onClose", () => {
+      this.hideProfilecard();
+    });
+
     _defineProperty(this, "openKudosDrawer", () => {
       this.hideProfilecard(DELAY_MS_HIDE);
       this.setState({
@@ -246,7 +250,6 @@ export class TeamProfileCardTriggerInternal extends React.PureComponent {
           type: KudosType.TEAM,
           recipientId: this.props.teamId
         },
-        analytics: this.fireAnalytics,
         analyticsSource: "team-profile-card",
         teamCentralBaseUrl: this.state.teamCentralBaseUrl,
         cloudId: this.props.cloudId || '',
@@ -361,7 +364,7 @@ export class TeamProfileCardTriggerInternal extends React.PureComponent {
       onError: this.onErrorBoundary
     }, /*#__PURE__*/React.createElement(Popup, {
       isOpen: !!this.state.visible,
-      onClose: this.hideProfilecard,
+      onClose: this.onClose,
       placement: this.props.position,
       content: this.renderProfileCard,
       trigger: triggerProps => this.renderTrigger(triggerProps),

package/dist/es2019/components/User/ProfileCardResourced.js

@@ -180,7 +180,6 @@ export default class ProfileCardResourced extends React.PureComponent {
         type: KudosType.INDIVIDUAL,
         recipientId: this.props.userId
       },
-      analytics: this.props.analytics,
       analyticsSource: "profile-card",
       teamCentralBaseUrl: newProps.teamCentralBaseUrl,
       cloudId: this.props.cloudId,

package/dist/es2019/components/User/ProfileCardTrigger.js

@@ -245,7 +245,6 @@ class ProfilecardTrigger extends React.PureComponent {
         type: KudosType.INDIVIDUAL,
         recipientId: this.props.userId
       },
-      analytics: this.props.analytics,
       analyticsSource: "profile-card",
       teamCentralBaseUrl: this.state.teamCentralBaseUrl,
       cloudId: this.props.cloudId,

package/dist/es2019/util/analytics.js

@@ -35,7 +35,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/profilecard",
-    packageVersion: "16.9.1",
+    packageVersion: "16.11.0",
     ...attributes,
     firedAt: getPageTime()
   }

package/dist/es2019/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "16.9.1"
+	"version": "16.11.0"
 }

package/dist/esm/client/TeamCentralCardClient.js

@@ -1,10 +1,10 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 

package/dist/esm/client/UserProfileCardClient.js

@@ -1,4 +1,3 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
@@ -6,6 +5,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 

package/dist/esm/client/getTeamFromAGG.js

@@ -1,6 +1,6 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 

package/dist/esm/components/Team/TeamProfileCardTrigger.js

@@ -148,6 +148,10 @@ export var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureCo
       }
     });
 
+    _defineProperty(_assertThisInitialized(_this), "onClose", function () {
+      _this.hideProfilecard();
+    });
+
     _defineProperty(_assertThisInitialized(_this), "openKudosDrawer", function () {
       _this.hideProfilecard(DELAY_MS_HIDE);
 
@@ -282,7 +286,6 @@ export var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureCo
           type: KudosType.TEAM,
           recipientId: _this.props.teamId
         },
-        analytics: _this.fireAnalytics,
         analyticsSource: "team-profile-card",
         teamCentralBaseUrl: _this.state.teamCentralBaseUrl,
         cloudId: _this.props.cloudId || '',
@@ -407,7 +410,7 @@ export var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureCo
         onError: this.onErrorBoundary
       }, /*#__PURE__*/React.createElement(Popup, {
         isOpen: !!this.state.visible,
-        onClose: this.hideProfilecard,
+        onClose: this.onClose,
         placement: this.props.position,
         content: this.renderProfileCard,
         trigger: function trigger(triggerProps) {

package/dist/esm/components/User/ProfileCardResourced.js

@@ -220,7 +220,6 @@ var ProfileCardResourced = /*#__PURE__*/function (_React$PureComponent) {
           type: KudosType.INDIVIDUAL,
           recipientId: this.props.userId
         },
-        analytics: this.props.analytics,
         analyticsSource: "profile-card",
         teamCentralBaseUrl: newProps.teamCentralBaseUrl,
         cloudId: this.props.cloudId,

package/dist/esm/components/User/ProfileCardTrigger.js

@@ -292,7 +292,6 @@ var ProfilecardTrigger = /*#__PURE__*/function (_React$PureComponent) {
           type: KudosType.INDIVIDUAL,
           recipientId: this.props.userId
         },
-        analytics: this.props.analytics,
         analyticsSource: "profile-card",
         teamCentralBaseUrl: this.state.teamCentralBaseUrl,
         cloudId: this.props.cloudId,

package/dist/esm/util/analytics.js

@@ -45,7 +45,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "16.9.1"
+      packageVersion: "16.11.0"
     }, attributes), {}, {
       firedAt: getPageTime()
     })

package/dist/esm/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "16.9.1"
+	"version": "16.11.0"
 }

package/dist/types/components/Team/TeamProfileCardTrigger.d.ts

@@ -18,6 +18,7 @@ export declare class TeamProfileCardTriggerInternal extends React.PureComponent<
     onClick: (event: React.MouseEvent<HTMLElement>) => void;
     onMouseEnter: () => void;
     onMouseLeave: () => void;
+    onClose: () => void;
     openKudosDrawer: () => void;
     closeKudosDrawer: () => void;
     kudosUrl: () => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/profilecard",
-  "version": "16.9.1",
+  "version": "16.11.0",
   "description": "A React component to display a card with user information.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -42,12 +42,12 @@
     "@atlaskit/avatar": "^21.0.0",
     "@atlaskit/avatar-group": "^9.0.0",
     "@atlaskit/button": "^16.3.0",
-    "@atlaskit/dropdown-menu": "^11.2.0",
-    "@atlaskit/give-kudos": "^0.4.0",
+    "@atlaskit/dropdown-menu": "^11.3.0",
+    "@atlaskit/give-kudos": "^0.6.0",
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/lozenge": "^11.0.0",
     "@atlaskit/menu": "^1.3.0",
-    "@atlaskit/popup": "^1.3.0",
+    "@atlaskit/popup": "^1.4.0",
     "@atlaskit/spinner": "^15.0.0",
     "@atlaskit/theme": "^12.1.0",
     "@atlaskit/tokens": "^0.10.0",
@@ -64,11 +64,11 @@
   },
   "devDependencies": {
     "@atlaskit/docs": "*",
-    "@atlaskit/dynamic-table": "^14.6.0",
+    "@atlaskit/dynamic-table": "^14.7.0",
     "@atlaskit/flag": "^14.5.0",
     "@atlaskit/inline-edit": "^12.0.0",
-    "@atlaskit/select": "^15.3.0",
-    "@atlaskit/util-data-test": "^17.3.0",
+    "@atlaskit/select": "^15.5.0",
+    "@atlaskit/util-data-test": "^17.5.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",

package/report.api.md

@@ -0,0 +1,679 @@
+## API Report File for "@atlaskit/profilecard".
+
+> Do not edit this file. This report is auto-generated by [API Extractor](https://api-extractor.com/).
+
+[Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
+
+```ts
+/// <reference types="react" />
+
+import { ComponentType } from 'react';
+import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { IntlShape } from 'react-intl-next';
+import { LRUCache } from 'lru-fast';
+import { default as React_2 } from 'react';
+import { ReactElement } from 'react';
+import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+
+declare type AnalyticsFromDuration = (duration: number) => Record<string, any>;
+
+declare type AnalyticsFunction = (generator: AnalyticsFromDuration) => void;
+
+export declare interface ApiClientResponse {
+  User: {
+    id: string;
+    isBot: boolean;
+    isCurrentUser: boolean;
+    isNotMentionable: boolean;
+    avatarUrl: string | null;
+    email: string | null;
+    fullName: string | null;
+    location: string | null;
+    meta: string | null;
+    nickname: string | null;
+    companyName: string | null;
+    remoteTimeString: string | null;
+    remoteWeekdayIndex: string | null;
+    remoteWeekdayString: string | null;
+    status: StatusType;
+    statusModifiedDate: number | null;
+  };
+}
+
+declare interface CacheConfig {
+  cacheSize?: number;
+  cacheMaxAge?: number;
+}
+
+declare interface CachedData<T> {
+  expire: number;
+  profile: T;
+}
+
+declare class CachingClient<T> {
+  config: Required<CacheConfig>;
+  cache: LRUCache<string, CachedData<T>> | null;
+  constructor(config: CacheConfig);
+  setCachedProfile(cacheIdentifier: string, profile: T): void;
+  getCachedProfile(cacheIdentifier: string): T | null;
+  flushCache(): void;
+}
+
+declare interface ClientOverrides {
+  userClient?: UserProfileClient;
+  teamClient?: TeamProfileClient;
+  teamCentralClient?: TeamCentralCardClient;
+}
+
+export declare const DELAY_MS_HIDE = 200;
+
+export declare const DELAY_MS_SHOW = 800;
+
+declare type FeatureFlagExtraContext = {
+  key: string;
+  value: string;
+};
+
+declare type LozengeColor =
+  | 'default'
+  | 'success'
+  | 'removed'
+  | 'inprogress'
+  | 'new'
+  | 'moved';
+
+declare interface LozengeProps {
+  text: React_2.ReactNode;
+  appearance?: LozengeColor;
+  isBold?: boolean;
+}
+
+export declare interface MessageIntlProviderProps {
+  children: React_2.ReactNode;
+  intl: IntlShape;
+}
+
+/**
+ * Transform response from GraphQL
+ * - Prefix `timestring` with `remoteWeekdayString` depending on `remoteWeekdayIndex`
+ * - Remove properties which will be not used later
+ * @ignore
+ * @param  {object} response
+ * @return {object}
+ */
+export declare const modifyResponse: (
+  response: ApiClientResponse,
+) => ProfileCardClientData;
+
+export declare class ProfileCard extends React_2.PureComponent<
+  ProfilecardProps
+> {
+  static defaultProps: ProfilecardProps;
+  GIVE_KUDOS_ACTION_ID: string;
+  private timeOpen;
+  clientFetchProfile: () => void;
+  constructor(props: ProfilecardProps);
+  private durationSince;
+  callClientFetchProfile: (...args: any) => void;
+  callAnalytics: (id: string, options: any) => void;
+  componentDidMount(): void;
+  renderErrorMessage(): JSX.Element;
+  kudosUrl: () => string;
+  kudosButtonCallback: () => void;
+  getActions(): ProfileCardAction[];
+  renderButton: (action: ProfileCardAction, idx: number) => ReactElement;
+  renderActionsButtons(): JSX.Element | null;
+  private onActionClick;
+  renderCardDetailsDefault(): JSX.Element;
+  renderCardDetailsForDisabledAccount(): JSX.Element;
+  getDisabledAccountName(): string | JSX.Element | null | undefined;
+  getDisabledAccountDesc(): {};
+  private renderFullNameAndPublicName;
+  renderCustomLozenges(lozenges: LozengeProps[]): JSX.Element | null;
+  renderCardDetailsApp(): JSX.Element;
+  renderCardDetails(): JSX.Element;
+  render(): JSX.Element;
+}
+
+export declare interface ProfileCardAction {
+  callback?: (...args: any[]) => any;
+  shouldRender?: (data: any) => boolean;
+  id?: string;
+  label: React_2.ReactNode;
+  link?: string;
+}
+
+export declare interface ProfileCardClientData {
+  isBot: boolean;
+  isCurrentUser: boolean;
+  isNotMentionable: boolean;
+  avatarUrl?: string;
+  email?: string;
+  fullName?: string;
+  location?: string;
+  meta?: string;
+  nickname?: string;
+  companyName?: string;
+  timestring?: string;
+  status: StatusType;
+  statusModifiedDate?: number | null;
+  customLozenges?: LozengeProps[];
+}
+
+export declare type ProfileCardErrorType = {
+  reason: 'default' | 'NotFound';
+} | null;
+
+export declare interface ProfilecardProps {
+  isLoading?: boolean;
+  hasError?: boolean;
+  errorType?: ProfileCardErrorType;
+  status?: StatusType;
+  isBot?: boolean;
+  isNotMentionable?: boolean;
+  avatarUrl?: string;
+  fullName?: string;
+  meta?: string;
+  userId?: string;
+  isCurrentUser?: boolean;
+  nickname?: string;
+  email?: string;
+  location?: string;
+  companyName?: string;
+  timestring?: string;
+  actions?: ProfileCardAction[];
+  clientFetchProfile?: any;
+  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;
+  isKudosEnabled?: boolean;
+  teamCentralBaseUrl?: string;
+  addFlag?: (flag: any) => void;
+  cloudId?: string;
+  disabledAccountMessage?: React_2.ReactNode;
+  hasDisabledAccountLozenge?: boolean;
+  customLozenges?: LozengeProps[];
+  openKudosDrawer?: () => void;
+}
+
+declare class ProfileCardResourced extends React_2.PureComponent<
+  ProfileCardResourcedProps,
+  ProfileCardResourcedState
+> {
+  static defaultProps: Partial<ProfileCardResourcedProps>;
+  _isMounted: boolean;
+  state: ProfileCardResourcedState;
+  componentDidMount(): void;
+  componentDidUpdate(
+    prevProps: ProfileCardResourcedProps,
+    prevState: ProfileCardResourcedState,
+  ): void;
+  componentWillUnmount(): void;
+  private callAnalytics;
+  clientFetchProfile: () => void;
+  handleClientSuccess(
+    profileData: ProfileCardClientData,
+    reportingLinesData: TeamCentralReportingLinesData,
+    shouldShowGiveKudos: boolean,
+  ): void;
+  handleClientError(err: any): void;
+  filterActions: () => ProfileCardAction[];
+  openKudosDrawer: () => void;
+  closeKudosDrawer: () => void;
+  render(): React_2.ReactNode;
+}
+export default ProfileCardResourced;
+
+export declare interface ProfileCardResourcedProps {
+  userId: string;
+  cloudId: string;
+  resourceClient: ProfileClient_2;
+  actions?: ProfileCardAction[];
+  reportingLinesProfileUrl?: string;
+  onReportingLinesClick?: (user: ReportingLinesUser) => void;
+  analytics?: any;
+  position?: ProfilecardTriggerPosition;
+  trigger?: TriggerType;
+  children?: React_2.ReactNode;
+  addFlag?: (flag: any) => void;
+}
+
+export declare interface ProfileCardResourcedState {
+  visible?: boolean;
+  isLoading?: boolean;
+  hasError: boolean;
+  error?: ProfileCardErrorType;
+  data: ProfileCardClientData | null;
+  reportingLinesData?: TeamCentralReportingLinesData;
+  isKudosEnabled?: boolean;
+  kudosDrawerOpen: boolean;
+}
+
+export declare class ProfileCardTrigger extends React_2.PureComponent<
+  ProfileCardTriggerProps,
+  ProfileCardTriggerState
+> {
+  static defaultProps: Partial<ProfileCardTriggerProps>;
+  _isMounted: boolean;
+  showDelay: number;
+  hideDelay: number;
+  showTimer: number;
+  hideTimer: number;
+  hideProfilecard: () => void;
+  showProfilecard: () => void;
+  onClick: (event: React_2.MouseEvent) => void;
+  containerListeners:
+    | {
+        onMouseEnter: () => void;
+        onMouseLeave: () => void;
+        onClick?: undefined;
+      }
+    | {
+        onClick: (event: React_2.MouseEvent) => void;
+        onMouseEnter?: undefined;
+        onMouseLeave?: undefined;
+      };
+  layerListeners: {
+    handleClickOutside: () => void;
+    handleEscapeKeydown: () => void;
+  };
+  state: ProfileCardTriggerState;
+  componentDidMount(): void;
+  componentDidUpdate(prevProps: ProfileCardTriggerProps): void;
+  componentWillUnmount(): void;
+  clientFetchProfile: () => void;
+  handleClientSuccess(
+    profileData: ProfileCardClientData,
+    reportingLinesData: TeamCentralReportingLinesData,
+    shouldShowGiveKudos: boolean,
+  ): void;
+  handleClientError(err: any): void;
+  filterActions(): ProfileCardAction[];
+  renderProfileCard(): JSX.Element;
+  openKudosDrawer: () => void;
+  closeKudosDrawer: () => void;
+  renderCard: () => JSX.Element;
+  renderWithTrigger(): JSX.Element;
+  render(): JSX.Element;
+}
+
+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 interface ProfileCardTriggerProps {
+  userId: string;
+  /**
+     A cloudId can be provided, and we'll verify that the target userId is an
+     actual user in the specified site.
+
+     Instead you can omit the cloudId and we won't do such a check.
+
+     If you have a cloudId and only want to show users who are in that site
+     then please provide it. If you're a site-less product or don't care about
+     verifying that the shown user is in a particular site, don't provide a
+     cloudId.
+     */
+  cloudId?: string;
+  resourceClient: ProfileClient_2;
+  actions?: ProfileCardAction[];
+  reportingLinesProfileUrl?: string;
+  onReportingLinesClick?: (user: ReportingLinesUser) => void;
+  analytics?: any;
+  position?: ProfilecardTriggerPosition;
+  trigger?: TriggerType;
+  children?: React_2.ReactNode;
+  testId?: string;
+  addFlag?: (flag: any) => void;
+}
+
+export declare interface ProfileCardTriggerState {
+  visible?: boolean;
+  isLoading?: boolean;
+  hasError: boolean;
+  error?: ProfileCardErrorType;
+  data: ProfileCardClientData | null;
+  reportingLinesData?: TeamCentralReportingLinesData;
+  shouldShowGiveKudos?: boolean;
+  teamCentralBaseUrl?: string;
+  kudosDrawerOpen: boolean;
+}
+
+export declare class ProfileClient {
+  userClient: UserProfileClient;
+  teamClient: TeamProfileClient;
+  tcClient?: TeamCentralCardClient;
+  constructor(config: ProfileClientOptions, clients?: ClientOverrides);
+  flushCache(): void;
+  getProfile(cloudId: string, userId: string): Promise<any>;
+  getTeamProfile(
+    teamId: string,
+    orgId?: string,
+    analytics?: (event: Record<string, any>) => void,
+  ): Promise<Team>;
+  getReportingLines(userId: string): Promise<TeamCentralReportingLinesData>;
+  getTeamCentralBaseUrl(): string | undefined;
+  shouldShowGiveKudos(): Promise<boolean>;
+}
+
+declare interface ProfileClient_2 {
+  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>;
+  shouldShowGiveKudos: () => Promise<boolean>;
+  getTeamCentralBaseUrl: () => string | undefined;
+}
+
+export declare interface ProfileClientOptions {
+  url: string;
+  gatewayGraphqlUrl?: string;
+  cacheSize?: number;
+  cacheMaxAge?: number;
+  /** Enables Team Central functionality if enabled e.g. /gateway/api/watermelon/graphql*/
+  teamCentralUrl?: string;
+  /** URL to the Team Central app e.g. team.atlassian.com */
+  teamCentralBaseUrl?: string;
+  /** Name of integrating product e.g. jira, atlas, confluence **/
+  productIdentifier?: string;
+}
+
+export declare type RelativeDateKeyType =
+  | 'ThisWeek'
+  | 'ThisMonth'
+  | 'LastMonth'
+  | 'AFewMonths'
+  | 'SeveralMonths'
+  | 'MoreThanAYear'
+  | null;
+
+declare interface ReportingLinesUser {
+  accountIdentifier: string;
+  identifierType: 'ATLASSIAN_ID' | 'BASE64_HASH' | 'UNKNOWN';
+  pii?: ReportingLinesUserPII;
+}
+
+declare interface ReportingLinesUserPII {
+  name: string;
+  picture?: string;
+}
+
+export declare type StatusModifiedDateType =
+  | 'noDate'
+  | 'thisWeek'
+  | 'thisMonth'
+  | 'lastMonth'
+  | 'aFewMonths'
+  | 'severalMonths'
+  | 'moreThanAYear';
+
+export declare type StatusType = 'active' | 'inactive' | 'closed';
+
+export declare interface Team {
+  largeAvatarImageUrl?: string;
+  smallAvatarImageUrl?: string;
+  largeHeaderImageUrl?: string;
+  smallHeaderImageUrl?: string;
+  id: string;
+  displayName: string;
+  description: string;
+  organizationId?: string;
+  members?: {
+    id: string;
+    fullName: string;
+    avatarUrl: string;
+  }[];
+}
+
+declare class TeamCentralCardClient extends CachingClient<
+  TeamCentralReportingLinesData
+> {
+  options: TeamCentralCardClientOptions;
+  /**
+   * Simple circuit breaker to avoid making unnecessary calls to Team Central on auth failures
+   * This is to handle the case where products may have provided teamCentralUrl, but the site itself
+   * doesn't actually have any TC product.
+   *
+   * There's currently no way to reset this circuit breaker, but that's fine. This is meant to
+   * catch a pretty specific edge case.
+   */
+  bypassOnFailure: boolean;
+  featureFlagKeys: Map<string, boolean>;
+  constructor(options: TeamCentralCardClientOptions);
+  makeFeatureFlagCheckRequest(
+    featureKey: string,
+    context?: FeatureFlagExtraContext[],
+  ): Promise<boolean>;
+  makeRequest(userId: string): Promise<TeamCentralReportingLinesData>;
+  getReportingLines(userId: string): Promise<TeamCentralReportingLinesData>;
+  getFlagEnabled(
+    featureKey: string,
+    productIdentifier?: string,
+  ): Promise<boolean>;
+  private filterReportingLinesUser;
+}
+
+declare type TeamCentralCardClientOptions = ProfileClientOptions & {
+  teamCentralUrl: string;
+};
+
+declare interface TeamCentralReportingLinesData {
+  managers?: ReportingLinesUser[];
+  reports?: ReportingLinesUser[];
+}
+
+export declare const TeamProfileCard: (
+  props: TeamProfilecardProps,
+) => JSX.Element | null;
+
+declare interface TeamProfilecardCoreProps {
+  /**
+     The id of the user viewing the profile card.
+
+     This is used to determine whether to say that the member count is
+     "including you" or not.
+     */
+  viewingUserId?: string;
+  /**
+     A list of extra buttons to be displayed at the bottom of the card.
+     View Profile is always included by default.
+     */
+  actions?: ProfileCardAction[];
+  /**
+     A function allowing products to provide an href for the user avatars in the
+     profilecard, e.g. so they can link to user's profile pages.
+     */
+  generateUserLink?: (userId: string) => string;
+  /**
+     A function allowing products to provide an onClick handler for when the
+     user clicks on a user's avatar or avatar group item.
+     */
+  onUserClick?: (userId: string, event: React_2.MouseEvent<Element>) => void;
+  /**
+     This should be a link to the team's profile page. This will be used for:
+
+     - Wrapping the trigger in a link to the team profile page (unless
+     triggerLinkType is `none`).
+
+     - Providing the link for the View Profile action button on the card.
+     */
+  viewProfileLink: string;
+  /**
+     An onClick action that navigates to the team's profile page. Something you
+     may want, e.g. for an SPA site or tracking analytics of navigation. This
+     is optional, just the viewProfileLink will suffice. Will be used for:
+
+     - Adding an onClick to the trigger if the triggerLinkType is
+     `clickable-link`.
+
+     - Providing an onClick for the View Profile action button on the card.
+     */
+  viewProfileOnClick?: (event?: React_2.MouseEvent<Element>) => void;
+}
+
+declare interface TeamProfilecardProps extends TeamProfilecardCoreProps {
+  /** Indicates whether the team's details are still loading. */
+  isLoading?: boolean;
+  /** Indicates whether an error occurred whilst fetching team details. */
+  hasError?: boolean;
+  /** Describes the type of error that occurred, if any. */
+  errorType?: ProfileCardErrorType;
+  /** The details of the team to be shown. */
+  team?: Team;
+  /** A callback that will try to re-fetch data in case an error occurred. */
+  clientFetchProfile?: () => void;
+  /** Details relevant to passing around analytics. */
+  analytics: AnalyticsFunction;
+}
+
+export declare const TeamProfileCardTrigger: React_2.ForwardRefExoticComponent<
+  Pick<
+    Omit<
+      TeamProfileCardTriggerProps & {
+        createAnalyticsEvent?: CreateUIAnalyticsEvent | undefined;
+      },
+      keyof WithAnalyticsEventsProps
+    >,
+    never
+  > &
+    Partial<
+      Pick<
+        Omit<
+          TeamProfileCardTriggerProps & {
+            createAnalyticsEvent?: CreateUIAnalyticsEvent | undefined;
+          },
+          keyof WithAnalyticsEventsProps
+        >,
+        keyof TeamProfileCardTriggerProps
+      >
+    > &
+    Partial<Pick<Partial<TeamProfileCardTriggerProps>, never>> &
+    React_2.RefAttributes<any>
+>;
+
+declare interface TeamProfileCardTriggerProps extends TeamProfilecardCoreProps {
+  /** The id of the team. */
+  teamId: string;
+  /**
+     The id of the organization that the team belongs to.
+     Currently this is unused, but will become necessary in the future.
+     */
+  orgId: string;
+  /** An instance of ProfileClient. */
+  resourceClient: ProfileClient_2;
+  /**
+     The position relative to the trigger that the card should be displayed in.
+     */
+  position?: ProfilecardTriggerPosition;
+  /**
+     The interaction method used to trigger the team profile card to appear.
+
+     - Click is generally recommended, but your needs may vary.
+
+     - Hover works for mouse users, but does not support those who use a
+     keyboard or screen reader, avoid using this if it's possible or makes
+     sense.
+
+     - Hover-click is usable for scenarios like inline-edits, where mouse users
+     cannot click on the trigger without causing side effects, but keyboard
+     users are still able to navigate into and trigger the profile card.
+
+     Look at the "Team Profilecard Trigger" or "Trigger Link Types" examples to
+     see how they behave, or ask in #team-twp-people-teams on Slack for our
+     recommendations.
+     */
+  trigger?: 'hover' | 'click' | 'hover-click';
+  /**
+     We generally prefer to wrap the trigger in a link to the team profile
+     page. This prop determines how that link behaves.
+
+     - Link is generally the recommended prop (especially in combination with
+     click or hover-click for the trigger prop above). It wraps the trigger in
+     an anchor tag with the team profile link (that users can interact with
+     via middle-click, etc.), but left clicking on the link is suppressed.
+
+     - None does not wrap the trigger in a link at all. This makes it difficult
+     for keyboard or screen reader users to know how to trigger the profile
+     card. Generally avoid this.
+
+     - Clickable-link wraps the trigger in a link with no special behaviour.
+     This is suitable for places where you want the trigger to serve primarily
+     as a link, and optionally allow hovering to preview the team first.
+
+     Look at the example on "Trigger Link Types" for more in-depth analysis, or
+     ask in #team-twp-people-teams on Slack for our recommendations.
+     */
+  triggerLinkType?: 'none' | 'link' | 'clickable-link';
+  /**
+     This is the component that will cause a team profile card to appear when
+     interacted with according to the method specified by the trigger prop.
+     */
+  children?: React_2.ReactNode;
+  /**
+   * Used by the card to show Flags.
+   */
+  addFlag?: (flag: any) => void;
+  /**
+   * Optional cloudId. Pass this if rendering card within a sited context.
+   */
+  cloudId?: string;
+}
+
+export declare class TeamProfileClient extends CachingClient<Team> {
+  options: ProfileClientOptions;
+  constructor(options: ProfileClientOptions);
+  makeRequestViaGateway(
+    teamId: string,
+    _orgId: string | undefined,
+  ): Promise<Team>;
+  makeRequest(teamId: string, orgId: string | undefined): Promise<Team>;
+  getProfile(
+    teamId: string,
+    orgId: string | undefined,
+    analytics?: (event: Record<string, any>) => void,
+  ): Promise<Team>;
+}
+
+export declare type TriggerType = 'hover' | 'click';
+
+export declare class UserProfileClient extends CachingClient<any> {
+  options: ProfileClientOptions;
+  constructor(options: ProfileClientOptions);
+  makeRequest(cloudId: string, userId: string): Promise<ProfileCardClientData>;
+  getProfile(cloudId: string, userId: string): Promise<any>;
+}
+
+export declare function withOuterListeners<P>(
+  Component: ComponentType<P>,
+): React_2.ComponentClass<P & WithOuterListenersProps>;
+
+export declare interface WithOuterListenersProps {
+  handleClickOutside?: () => void;
+  handleEscapeKeydown?: () => void;
+}
+
+export {};
+```