@atlaskit/profilecard 21.1.5 → 22.0.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/profilecard
 
+## 22.0.0
+
+### Major Changes
+
+- [#109060](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/109060)
+  [`4660ec858a305`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4660ec858a305) -
+  Update `React` from v16 to v18
+
+### Patch Changes
+
+- Updated dependencies
+
+## 21.1.6
+
+### Patch Changes
+
+- [#107710](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/107710)
+  [`350f55cb484ec`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/350f55cb484ec) -
+  Check if teamId is an ari before prexing
+- Updated dependencies
+
 ## 21.1.5
 
 ### Patch Changes

package/dist/cjs/client/getOrgIdForCloudIdFromAGG.js

@@ -11,7 +11,7 @@ var _graphqlUtils = require("./graphqlUtils");
 var ORG_ID_FROM_CLOUD_ID_QUERY = "query OrgIdFromCloudId($cloudId: ID!) {\n\ttenantContexts(cloudIds: [$cloudId]) {\n\t\torgId\n\t}\n}";
 var addHeaders = function addHeaders(headers) {
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "21.1.5");
+  headers.append('atl-client-version', "22.0.0");
   return headers;
 };
 function getOrgIdForCloudIdFromAGG(_x, _x2) {

package/dist/cjs/client/getTeamFromAGG.js

@@ -6,21 +6,30 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.extractIdFromAri = exports.convertTeam = exports.buildGatewayQuery = exports.addHeaders = exports.GATEWAY_QUERY_V2 = void 0;
 exports.getTeamFromAGG = getTeamFromAGG;
-exports.idToAri = void 0;
+exports.idToAriSafe = exports.idToAri = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _graphqlUtils = require("./graphqlUtils");
 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; }
+var ARI_PREFIX = 'ari:cloud:identity::team/';
 var extractIdFromAri = exports.extractIdFromAri = function extractIdFromAri(ari) {
   var slashPos = ari.indexOf('/');
   var id = ari.slice(slashPos + 1);
   return id;
 };
+
+/**
+ * @deprecated Use idToAriSafe instead
+ */
 var idToAri = exports.idToAri = function idToAri(teamId) {
   return "ari:cloud:identity::team/".concat(teamId);
 };
+var idToAriSafe = exports.idToAriSafe = function idToAriSafe(teamIdOrTeamAri) {
+  return teamIdOrTeamAri.startsWith(ARI_PREFIX) ? teamIdOrTeamAri : idToAri(teamIdOrTeamAri);
+};
 var convertTeam = exports.convertTeam = function convertTeam(result) {
   var _team$members;
   var team = result.team;
@@ -48,7 +57,7 @@ var buildGatewayQuery = exports.buildGatewayQuery = function buildGatewayQuery(_
   return {
     query: GATEWAY_QUERY_V2,
     variables: {
-      teamId: idToAri(teamId),
+      teamId: (0, _platformFeatureFlags.fg)('team_id_to_ari_safe') ? idToAriSafe(teamId) : idToAri(teamId),
       siteId: siteId || 'None'
     }
   };
@@ -57,7 +66,7 @@ var addHeaders = exports.addHeaders = function addHeaders(headers) {
   headers.append('X-ExperimentalApi', 'teams-beta');
   headers.append('X-ExperimentalApi', 'team-members-beta');
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "21.1.5");
+  headers.append('atl-client-version', "22.0.0");
   return headers;
 };
 function getTeamFromAGG(_x, _x2, _x3) {

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

@@ -372,7 +372,7 @@ var TeamProfileCardTriggerInternal = exports.TeamProfileCardTriggerInternal = /*
         zIndex: _constants.layers.modal(),
         shouldFlip: true,
         autoFocus: this.props.trigger !== 'hover' && !this.openedByHover,
-        shouldRenderToParent: (0, _platformFeatureFlags.fg)('enable_appropriate_reading_order_in_profile_card')
+        shouldRenderToParent: (0, _platformFeatureFlags.fg)('enable_appropriate_reading_order_in_profile_card') && this.props.shouldRenderToParent
       }));
     }
   }, {
@@ -390,6 +390,7 @@ var TeamProfileCardTriggerInternal = exports.TeamProfileCardTriggerInternal = /*
   actions: [],
   trigger: 'hover',
   position: 'bottom-start',
-  triggerLinkType: 'link'
+  triggerLinkType: 'link',
+  shouldRenderToParent: true
 });
 var _default = exports.default = (0, _analyticsNext.withAnalyticsEvents)()(TeamProfileCardTriggerInternal);

package/dist/cjs/util/analytics.js

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

package/dist/es2019/client/getOrgIdForCloudIdFromAGG.js

@@ -6,7 +6,7 @@ const ORG_ID_FROM_CLOUD_ID_QUERY = `query OrgIdFromCloudId($cloudId: ID!) {
 }`;
 const addHeaders = headers => {
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "21.1.5");
+  headers.append('atl-client-version', "22.0.0");
   return headers;
 };
 export async function getOrgIdForCloudIdFromAGG(url, cloudId) {

package/dist/es2019/client/getTeamFromAGG.js

@@ -1,12 +1,19 @@
+import { fg } from '@atlaskit/platform-feature-flags';
 import { AGGQuery } from './graphqlUtils';
+const ARI_PREFIX = 'ari:cloud:identity::team/';
 export const extractIdFromAri = ari => {
   const slashPos = ari.indexOf('/');
   const id = ari.slice(slashPos + 1);
   return id;
 };
+
+/**
+ * @deprecated Use idToAriSafe instead
+ */
 export const idToAri = teamId => {
   return `ari:cloud:identity::team/${teamId}`;
 };
+export const idToAriSafe = teamIdOrTeamAri => teamIdOrTeamAri.startsWith(ARI_PREFIX) ? teamIdOrTeamAri : idToAri(teamIdOrTeamAri);
 export const convertTeam = result => {
   var _team$members;
   const {
@@ -60,7 +67,7 @@ export const buildGatewayQuery = ({
 }) => ({
   query: GATEWAY_QUERY_V2,
   variables: {
-    teamId: idToAri(teamId),
+    teamId: fg('team_id_to_ari_safe') ? idToAriSafe(teamId) : idToAri(teamId),
     siteId: siteId || 'None'
   }
 });
@@ -68,7 +75,7 @@ export const addHeaders = headers => {
   headers.append('X-ExperimentalApi', 'teams-beta');
   headers.append('X-ExperimentalApi', 'team-members-beta');
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "21.1.5");
+  headers.append('atl-client-version', "22.0.0");
   return headers;
 };
 export async function getTeamFromAGG(url, teamId, siteId) {

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

@@ -329,7 +329,7 @@ export class TeamProfileCardTriggerInternal extends React.PureComponent {
       zIndex: layers.modal(),
       shouldFlip: true,
       autoFocus: this.props.trigger !== 'hover' && !this.openedByHover,
-      shouldRenderToParent: fg('enable_appropriate_reading_order_in_profile_card')
+      shouldRenderToParent: fg('enable_appropriate_reading_order_in_profile_card') && this.props.shouldRenderToParent
     }));
   }
   render() {
@@ -344,6 +344,7 @@ _defineProperty(TeamProfileCardTriggerInternal, "defaultProps", {
   actions: [],
   trigger: 'hover',
   position: 'bottom-start',
-  triggerLinkType: 'link'
+  triggerLinkType: 'link',
+  shouldRenderToParent: true
 });
 export default withAnalyticsEvents()(TeamProfileCardTriggerInternal);

package/dist/es2019/util/analytics.js

@@ -32,7 +32,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/profilecard",
-    packageVersion: "21.1.5",
+    packageVersion: "22.0.0",
     ...attributes,
     firedAt: Math.round(getPageTime())
   }

package/dist/esm/client/getOrgIdForCloudIdFromAGG.js

@@ -4,7 +4,7 @@ import { AGGQuery } from './graphqlUtils';
 var ORG_ID_FROM_CLOUD_ID_QUERY = "query OrgIdFromCloudId($cloudId: ID!) {\n\ttenantContexts(cloudIds: [$cloudId]) {\n\t\torgId\n\t}\n}";
 var addHeaders = function addHeaders(headers) {
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "21.1.5");
+  headers.append('atl-client-version', "22.0.0");
   return headers;
 };
 export function getOrgIdForCloudIdFromAGG(_x, _x2) {

package/dist/esm/client/getTeamFromAGG.js

@@ -3,15 +3,24 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 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) { _defineProperty(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; }
+import { fg } from '@atlaskit/platform-feature-flags';
 import { AGGQuery } from './graphqlUtils';
+var ARI_PREFIX = 'ari:cloud:identity::team/';
 export var extractIdFromAri = function extractIdFromAri(ari) {
   var slashPos = ari.indexOf('/');
   var id = ari.slice(slashPos + 1);
   return id;
 };
+
+/**
+ * @deprecated Use idToAriSafe instead
+ */
 export var idToAri = function idToAri(teamId) {
   return "ari:cloud:identity::team/".concat(teamId);
 };
+export var idToAriSafe = function idToAriSafe(teamIdOrTeamAri) {
+  return teamIdOrTeamAri.startsWith(ARI_PREFIX) ? teamIdOrTeamAri : idToAri(teamIdOrTeamAri);
+};
 export var convertTeam = function convertTeam(result) {
   var _team$members;
   var team = result.team;
@@ -39,7 +48,7 @@ export var buildGatewayQuery = function buildGatewayQuery(_ref2) {
   return {
     query: GATEWAY_QUERY_V2,
     variables: {
-      teamId: idToAri(teamId),
+      teamId: fg('team_id_to_ari_safe') ? idToAriSafe(teamId) : idToAri(teamId),
       siteId: siteId || 'None'
     }
   };
@@ -48,7 +57,7 @@ export var addHeaders = function addHeaders(headers) {
   headers.append('X-ExperimentalApi', 'teams-beta');
   headers.append('X-ExperimentalApi', 'team-members-beta');
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "21.1.5");
+  headers.append('atl-client-version', "22.0.0");
   return headers;
 };
 export function getTeamFromAGG(_x, _x2, _x3) {

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

@@ -362,7 +362,7 @@ export var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureCo
         zIndex: layers.modal(),
         shouldFlip: true,
         autoFocus: this.props.trigger !== 'hover' && !this.openedByHover,
-        shouldRenderToParent: fg('enable_appropriate_reading_order_in_profile_card')
+        shouldRenderToParent: fg('enable_appropriate_reading_order_in_profile_card') && this.props.shouldRenderToParent
       }));
     }
   }, {
@@ -380,6 +380,7 @@ _defineProperty(TeamProfileCardTriggerInternal, "defaultProps", {
   actions: [],
   trigger: 'hover',
   position: 'bottom-start',
-  triggerLinkType: 'link'
+  triggerLinkType: 'link',
+  shouldRenderToParent: true
 });
 export default withAnalyticsEvents()(TeamProfileCardTriggerInternal);

package/dist/esm/util/analytics.js

@@ -39,7 +39,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "21.1.5"
+      packageVersion: "22.0.0"
     }, attributes), {}, {
       firedAt: Math.round(getPageTime())
     })

package/dist/types/client/getTeamFromAGG.d.ts

@@ -15,7 +15,11 @@ interface AGGResult {
     team: AGGTeam;
 }
 export declare const extractIdFromAri: (ari: string) => string;
+/**
+ * @deprecated Use idToAriSafe instead
+ */
 export declare const idToAri: (teamId: string) => string;
+export declare const idToAriSafe: (teamIdOrTeamAri: string) => string;
 export declare const convertTeam: (result: AGGResult) => Team;
 export declare const GATEWAY_QUERY_V2 = "query TeamCard($teamId: ID!, $siteId: String!) {\n  Team: team {\n    team: teamV2(id: $teamId, siteId: $siteId) @optIn(to: \"Team-v2\") {\n      \n      id\n      displayName\n      description\n      smallHeaderImageUrl\n      largeHeaderImageUrl\n      smallAvatarImageUrl\n      largeAvatarImageUrl\n\t  isVerified\n      members {\n        nodes {\n          member {\n            accountId\n            name\n            picture\n          }\n        }\n      }\n\n    }\n  }\n}";
 type TeamQueryVariables = {

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

@@ -43,8 +43,25 @@ export declare class TeamProfileCardTriggerInternal extends React.PureComponent<
     renderProfileCard: () => JSX.Element;
     renderKudosLauncher: () => false | JSX.Element | undefined;
     renderTrigger: (triggerProps: TriggerProps) => JSX.Element;
-    renderPopup(): React.ReactNode;
-    render(): React.ReactNode;
+    renderPopup(): string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
+    render(): string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
 }
-declare const _default: React.ForwardRefExoticComponent<Pick<Omit<TeamProfileCardTriggerProps & AnalyticsProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & Partial<Pick<Omit<TeamProfileCardTriggerProps & AnalyticsProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, keyof TeamProfileCardTriggerProps>> & Partial<Pick<Partial<TeamProfileCardTriggerProps>, never>> & React.RefAttributes<any>>;
+declare const _default: React.ForwardRefExoticComponent<Pick<Omit<TeamProfileCardTriggerProps & AnalyticsProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & {
+    cloudId?: string | undefined;
+    orgId?: string | undefined;
+    teamId?: string | undefined;
+    resourceClient?: import("../../types").ProfileClient | undefined;
+    actions?: ProfileCardAction[] | undefined;
+    position?: import("../../types").ProfilecardTriggerPosition | undefined;
+    trigger?: "hover" | "click" | "hover-click" | undefined;
+    children?: React.ReactNode;
+    addFlag?: ((flag: any) => void) | undefined;
+    viewingUserId?: string | undefined;
+    generateUserLink?: ((userId: string) => string) | undefined;
+    onUserClick?: ((userId: string, event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+    viewProfileLink?: string | undefined;
+    viewProfileOnClick?: ((event?: React.MouseEvent<Element, MouseEvent> | undefined) => void) | undefined;
+    shouldRenderToParent?: boolean | undefined;
+    triggerLinkType?: "link" | "none" | "clickable-link" | undefined;
+} & {} & React.RefAttributes<any>>;
 export default _default;

package/dist/types/components/User/ProfileCardResourced.d.ts

@@ -18,5 +18,16 @@ declare class ProfileCardResourced extends React.PureComponent<ProfileCardResour
     render(): React.ReactNode;
 }
 export declare const ProfileCardResourcedInternal: typeof ProfileCardResourced;
-declare const _default: React.ForwardRefExoticComponent<Pick<Omit<ProfileCardResourcedProps & AnalyticsProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & Partial<Pick<Omit<ProfileCardResourcedProps & AnalyticsProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, keyof ProfileCardResourcedProps>> & Partial<Pick<Partial<ProfileCardResourcedProps>, never>> & React.RefAttributes<any>>;
+declare const _default: React.ForwardRefExoticComponent<Pick<Omit<ProfileCardResourcedProps & AnalyticsProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & {
+    cloudId?: string | undefined;
+    resourceClient?: import("../../types").ProfileClient | undefined;
+    actions?: ProfileCardAction[] | undefined;
+    position?: import("../../types").ProfilecardTriggerPosition | undefined;
+    trigger?: import("../../types").TriggerType | undefined;
+    children?: React.ReactNode;
+    addFlag?: ((flag: any) => void) | undefined;
+    reportingLinesProfileUrl?: string | undefined;
+    onReportingLinesClick?: ((user: import("../../types").ReportingLinesUser) => void) | undefined;
+    userId?: string | undefined;
+} & {} & React.RefAttributes<any>>;
 export default _default;

package/dist/types/styled/Card.d.ts

@@ -52,8 +52,6 @@ export declare const CustomLozengeContainer: import("@emotion/styled").StyledCom
     theme?: import("@emotion/react").Theme | undefined;
     as?: React.ElementType<any> | undefined;
 } & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-    children?: React.ReactNode;
-} & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const JobTitleLabel: import("@emotion/styled").StyledComponent<{

package/dist/types/types.d.ts

@@ -314,6 +314,10 @@ export interface TeamProfileCardTriggerProps extends TeamProfilecardCoreProps {
      * Optional cloudId. Pass this if rendering card within a sited context.
      */
     cloudId?: string;
+    /**
+     * Whether the popup should have the parent as its root.
+     */
+    shouldRenderToParent?: boolean;
 }
 export interface AgentActionsType {
     onChatClick?: () => void;

package/dist/types-ts4.5/client/getTeamFromAGG.d.ts

@@ -15,7 +15,11 @@ interface AGGResult {
     team: AGGTeam;
 }
 export declare const extractIdFromAri: (ari: string) => string;
+/**
+ * @deprecated Use idToAriSafe instead
+ */
 export declare const idToAri: (teamId: string) => string;
+export declare const idToAriSafe: (teamIdOrTeamAri: string) => string;
 export declare const convertTeam: (result: AGGResult) => Team;
 export declare const GATEWAY_QUERY_V2 = "query TeamCard($teamId: ID!, $siteId: String!) {\n  Team: team {\n    team: teamV2(id: $teamId, siteId: $siteId) @optIn(to: \"Team-v2\") {\n      \n      id\n      displayName\n      description\n      smallHeaderImageUrl\n      largeHeaderImageUrl\n      smallAvatarImageUrl\n      largeAvatarImageUrl\n\t  isVerified\n      members {\n        nodes {\n          member {\n            accountId\n            name\n            picture\n          }\n        }\n      }\n\n    }\n  }\n}";
 type TeamQueryVariables = {

package/dist/types-ts4.5/components/Team/TeamProfileCardTrigger.d.ts

@@ -43,8 +43,25 @@ export declare class TeamProfileCardTriggerInternal extends React.PureComponent<
     renderProfileCard: () => JSX.Element;
     renderKudosLauncher: () => false | JSX.Element | undefined;
     renderTrigger: (triggerProps: TriggerProps) => JSX.Element;
-    renderPopup(): React.ReactNode;
-    render(): React.ReactNode;
+    renderPopup(): string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
+    render(): string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
 }
-declare const _default: React.ForwardRefExoticComponent<Pick<Omit<TeamProfileCardTriggerProps & AnalyticsProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & Partial<Pick<Omit<TeamProfileCardTriggerProps & AnalyticsProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, keyof TeamProfileCardTriggerProps>> & Partial<Pick<Partial<TeamProfileCardTriggerProps>, never>> & React.RefAttributes<any>>;
+declare const _default: React.ForwardRefExoticComponent<Pick<Omit<TeamProfileCardTriggerProps & AnalyticsProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & {
+    cloudId?: string | undefined;
+    orgId?: string | undefined;
+    teamId?: string | undefined;
+    resourceClient?: import("../../types").ProfileClient | undefined;
+    actions?: ProfileCardAction[] | undefined;
+    position?: import("../../types").ProfilecardTriggerPosition | undefined;
+    trigger?: "hover" | "click" | "hover-click" | undefined;
+    children?: React.ReactNode;
+    addFlag?: ((flag: any) => void) | undefined;
+    viewingUserId?: string | undefined;
+    generateUserLink?: ((userId: string) => string) | undefined;
+    onUserClick?: ((userId: string, event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+    viewProfileLink?: string | undefined;
+    viewProfileOnClick?: ((event?: React.MouseEvent<Element, MouseEvent> | undefined) => void) | undefined;
+    shouldRenderToParent?: boolean | undefined;
+    triggerLinkType?: "link" | "none" | "clickable-link" | undefined;
+} & {} & React.RefAttributes<any>>;
 export default _default;

package/dist/types-ts4.5/components/User/ProfileCardResourced.d.ts

@@ -18,5 +18,16 @@ declare class ProfileCardResourced extends React.PureComponent<ProfileCardResour
     render(): React.ReactNode;
 }
 export declare const ProfileCardResourcedInternal: typeof ProfileCardResourced;
-declare const _default: React.ForwardRefExoticComponent<Pick<Omit<ProfileCardResourcedProps & AnalyticsProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & Partial<Pick<Omit<ProfileCardResourcedProps & AnalyticsProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, keyof ProfileCardResourcedProps>> & Partial<Pick<Partial<ProfileCardResourcedProps>, never>> & React.RefAttributes<any>>;
+declare const _default: React.ForwardRefExoticComponent<Pick<Omit<ProfileCardResourcedProps & AnalyticsProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & {
+    cloudId?: string | undefined;
+    resourceClient?: import("../../types").ProfileClient | undefined;
+    actions?: ProfileCardAction[] | undefined;
+    position?: import("../../types").ProfilecardTriggerPosition | undefined;
+    trigger?: import("../../types").TriggerType | undefined;
+    children?: React.ReactNode;
+    addFlag?: ((flag: any) => void) | undefined;
+    reportingLinesProfileUrl?: string | undefined;
+    onReportingLinesClick?: ((user: import("../../types").ReportingLinesUser) => void) | undefined;
+    userId?: string | undefined;
+} & {} & React.RefAttributes<any>>;
 export default _default;

package/dist/types-ts4.5/styled/Card.d.ts

@@ -52,8 +52,6 @@ export declare const CustomLozengeContainer: import("@emotion/styled").StyledCom
     theme?: import("@emotion/react").Theme | undefined;
     as?: React.ElementType<any> | undefined;
 } & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-    children?: React.ReactNode;
-} & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const JobTitleLabel: import("@emotion/styled").StyledComponent<{

package/dist/types-ts4.5/types.d.ts

@@ -317,6 +317,10 @@ export interface TeamProfileCardTriggerProps extends TeamProfilecardCoreProps {
      * Optional cloudId. Pass this if rendering card within a sited context.
      */
     cloudId?: string;
+    /**
+     * Whether the popup should have the parent as its root.
+     */
+    shouldRenderToParent?: boolean;
 }
 export interface AgentActionsType {
     onChatClick?: () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "21.1.5",
+	"version": "22.0.0",
 	"description": "A React component to display a card with user information.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -50,29 +50,29 @@
 		"access": "public"
 	},
 	"dependencies": {
-		"@atlaskit/analytics-next": "^10.2.0",
-		"@atlaskit/atlassian-context": "^0.0.2",
-		"@atlaskit/avatar": "^21.17.0",
-		"@atlaskit/avatar-group": "^11.0.0",
-		"@atlaskit/button": "^20.3.0",
-		"@atlaskit/dropdown-menu": "^12.25.0",
-		"@atlaskit/empty-state": "^8.1.0",
-		"@atlaskit/focus-ring": "^2.0.0",
-		"@atlaskit/give-kudos": "^2.3.0",
-		"@atlaskit/icon": "^23.4.0",
-		"@atlaskit/lozenge": "^11.12.0",
-		"@atlaskit/menu": "^2.13.0",
-		"@atlaskit/modal-dialog": "^12.19.0",
-		"@atlaskit/people-teams-ui-public": "^2.0.0",
+		"@atlaskit/analytics-next": "^10.3.0",
+		"@atlaskit/atlassian-context": "^0.1.0",
+		"@atlaskit/avatar": "^21.18.0",
+		"@atlaskit/avatar-group": "^11.1.0",
+		"@atlaskit/button": "^20.4.0",
+		"@atlaskit/dropdown-menu": "^12.26.0",
+		"@atlaskit/empty-state": "^8.2.0",
+		"@atlaskit/focus-ring": "^2.1.0",
+		"@atlaskit/give-kudos": "^3.1.0",
+		"@atlaskit/icon": "^23.5.0",
+		"@atlaskit/lozenge": "^11.13.0",
+		"@atlaskit/menu": "^2.14.0",
+		"@atlaskit/modal-dialog": "^12.20.0",
+		"@atlaskit/people-teams-ui-public": "^2.1.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
-		"@atlaskit/popup": "^1.30.0",
-		"@atlaskit/primitives": "^13.3.0",
-		"@atlaskit/rovo-agent-components": "^1.16.0",
-		"@atlaskit/rovo-triggers": "^1.4.0",
-		"@atlaskit/spinner": "^16.3.0",
-		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tokens": "^3.2.0",
-		"@atlaskit/tooltip": "^19.0.0",
+		"@atlaskit/popup": "^1.31.0",
+		"@atlaskit/primitives": "^13.4.0",
+		"@atlaskit/rovo-agent-components": "^1.17.0",
+		"@atlaskit/rovo-triggers": "^1.5.0",
+		"@atlaskit/spinner": "^17.1.0",
+		"@atlaskit/theme": "^14.1.0",
+		"@atlaskit/tokens": "^3.3.0",
+		"@atlaskit/tooltip": "^19.1.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"@emotion/styled": "^11.0.0",
@@ -84,13 +84,13 @@
 	},
 	"peerDependencies": {
 		"react": "^16.8.0 || ^17.0.0 || ^18.2.0",
-		"react-dom": "^16.8.0"
+		"react-dom": "^18.2.0"
 	},
 	"devDependencies": {
 		"@af/visual-regression": "*",
 		"@atlassian/feature-flags-test-utils": "*",
 		"@atlassian/ptc-test-utils": "^0.8.0",
-		"@testing-library/react": "^12.1.5",
+		"@testing-library/react": "^13.4.0",
 		"@testing-library/react-hooks": "^8.0.1",
 		"@testing-library/user-event": "^14.4.3",
 		"@types/react-router-dom": "^4.3.1",
@@ -136,6 +136,9 @@
 		},
 		"show_verified_team_icon_in_profile_card": {
 			"type": "boolean"
+		},
+		"team_id_to_ari_safe": {
+			"type": "boolean"
 		}
 	}
 }