@atlaskit/profilecard 24.9.2 → 24.10.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/profilecard
 
+## 24.10.0
+
+### Minor Changes
+
+- [`c002dc5d4d6c0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c002dc5d4d6c0) -
+  [ux] Agent profile card dismisses when user clicks a chat prompt
+
+### Patch Changes
+
+- Updated dependencies
+
+## 24.9.3
+
+### Patch Changes
+
+- [`806cfe1c4e6b7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/806cfe1c4e6b7) -
+  Internal changes to how border radius is applied.
+- Updated dependencies
+
 ## 24.9.2
 
 ### 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', "0.0.0-development");
+  headers.append('atl-client-version', "24.9.3");
   return headers;
 };
 function getOrgIdForCloudIdFromAGG(_x, _x2) {

package/dist/cjs/client/getTeamFromAGG.js

@@ -65,7 +65,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', "0.0.0-development");
+  headers.append('atl-client-version', "24.9.3");
   return headers;
 };
 function getTeamFromAGG(_x, _x2, _x3) {

package/dist/cjs/components/Agent/AgentProfileCardTrigger.js

@@ -23,7 +23,7 @@ var _excluded = ["trigger", "viewingUserId", "product", "hideOverflow"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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 AgentProfileCardTrigger = exports.AgentProfileCardTrigger = function AgentProfileCardTrigger(_ref) {
+var AgentProfileCardTrigger = exports.AgentProfileCardTrigger = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var _ref$trigger = _ref.trigger,
     trigger = _ref$trigger === void 0 ? 'hover' : _ref$trigger,
     viewingUserId = _ref.viewingUserId,
@@ -159,6 +159,7 @@ var AgentProfileCardTrigger = exports.AgentProfileCardTrigger = function AgentPr
     }));
   };
   return /*#__PURE__*/_react.default.createElement(_ProfileCardTrigger.default, (0, _extends2.default)({}, props, {
+    ref: ref,
     trigger: "hover",
     renderProfileCard: renderProfileCard,
     fetchProfile: fetchAgentProfile,
@@ -166,4 +167,4 @@ var AgentProfileCardTrigger = exports.AgentProfileCardTrigger = function AgentPr
     profileCardType: "agent",
     hideOverflow: hideOverflow
   }));
-};
+});

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

@@ -31,7 +31,7 @@ var styles = {
 };
 var DELAY_MS_SHOW = 800;
 var DELAY_MS_HIDE = 200;
-function ProfileCardTrigger(_ref) {
+function ProfileCardTriggerInner(_ref, ref) {
   var _popupProps$autoFocus;
   var _trigger = _ref.trigger,
     ariaLabelledBy = _ref.ariaLabelledBy,
@@ -71,6 +71,11 @@ function ProfileCardTrigger(_ref) {
       setVisible(false);
     }, hideDelay);
   }, [hideDelay]);
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      hideProfilecard: hideProfilecard
+    };
+  }, [hideProfilecard]);
   var showProfilecard = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
     return _regenerator.default.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
@@ -140,4 +145,5 @@ function ProfileCardTrigger(_ref) {
     }
   }));
 }
+var ProfileCardTrigger = /*#__PURE__*/(0, _react.forwardRef)(ProfileCardTriggerInner);
 var _default = exports.default = ProfileCardTrigger;

package/dist/cjs/components/team-profile-card/main.compiled.css

@@ -1,6 +1,6 @@
 ._11c81vhk{font:var(--ds-font-heading-xxsmall,normal 600 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
-._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
 ._v564nm7n{transition:box-shadow .25s ease-in-out}
 ._189ee4h9{border-width:var(--ds-border-width,1px)}
 ._1dqonqa1{border-style:solid}

package/dist/cjs/components/team-profile-card/main.js

@@ -43,7 +43,7 @@ var styles = {
   connectionTitleStyles: "_11c81vhk _18u0pxbi _19pk1b66 _2hwxpxbi _otyr12x7 _syaz1gjq",
   teamAppTileStyles: "_18u01wug _4t3i7vkz _1bsb7vkz",
   viewProfileContainerStyles: "_4cvr1h6o _uwhke4h9 _15a5nqa1 _1i53muej _19bv1ejb _u5f31ejb",
-  viewProfileButtonStyles: "_2rkoiti9 _189ee4h9 _1dqonqa1 _1h6dmuej _bfhksm61 _syaz1gjq _1bsb1osq _4t3i1ul9 _19pkpxbi"
+  viewProfileButtonStyles: "_2rko12b0 _189ee4h9 _1dqonqa1 _1h6dmuej _bfhksm61 _syaz1gjq _1bsb1osq _4t3i1ul9 _19pkpxbi"
 };
 var TeamCardWrapper = function TeamCardWrapper(_ref) {
   var id = _ref.id,

package/dist/cjs/components/team-profile-card/team-connections/main.compiled.css

@@ -1,5 +1,5 @@
 
-._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}._18u01wug{margin-left:auto}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}._18u01wug{margin-left:auto}
 ._1bsb1tcg{width:24px}
 ._1bsb7vkz{width:1pc}
 ._1e0c1txw{display:flex}

package/dist/cjs/components/team-profile-card/team-connections/main.js

@@ -21,7 +21,7 @@ var _analytics = require("../../../util/analytics");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = {
   containerWrapperStyles: "_1e0c1txw _4cvr1h6o",
-  containerIconStyles: "_2rkoiti9 _4t3i1tcg _1bsb1tcg",
+  containerIconStyles: "_2rko12b0 _4t3i1tcg _1bsb1tcg",
   containerTypeIconButtonStyles: "_18u01wug _4t3i7vkz _1bsb7vkz"
 };
 var TeamConnections = exports.TeamConnections = function TeamConnections(_ref) {

package/dist/cjs/components/team-profile-card/team-containers-skeleton/linked-container-card-skeleton/index.compiled.css

@@ -1,6 +1,6 @@
 
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
-._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
 ._1h6dz9xs{border-color:var(--ds-border-accent-gray,#758195)}
 ._1rjc1b66{padding-block:var(--ds-space-050,4px)}._12jimuej{outline-color:var(--ds-border,#091e4224)}
 ._12y3e4h9{outline-width:var(--ds-border-width,1px)}

package/dist/cjs/components/team-profile-card/team-containers-skeleton/linked-container-card-skeleton/index.js

@@ -11,11 +11,11 @@ var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
 var _compiled = require("@atlaskit/primitives/compiled");
 var styles = {
-  containerWrapperSkeleton: "_2rkoiti9 _1h6dz9xs _12y3e4h9 _12jimuej _1qu2nqa1 _syaz1fxt _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc",
-  containerIconSkeleton: "_2rkoiti9 _4t3i1tcg _1bsb1tcg _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc",
+  containerWrapperSkeleton: "_2rko12b0 _1h6dz9xs _12y3e4h9 _12jimuej _1qu2nqa1 _syaz1fxt _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc",
+  containerIconSkeleton: "_2rko12b0 _4t3i1tcg _1bsb1tcg _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc",
   firstLineSkeleton: "_2rko1rr0 _1rjc1b66",
   secondLineSkeleton: "_2rko1rr0 _1rjc1b66 _1bsbqkoa",
-  containerTypeIconSkeleton: "_2rkoiti9 _4t3i7vkz _1bsb7vkz _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc"
+  containerTypeIconSkeleton: "_2rko12b0 _4t3i7vkz _1bsb7vkz _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc"
 };
 var LinkedContainerCardSkeleton = exports.LinkedContainerCardSkeleton = function LinkedContainerCardSkeleton() {
   return /*#__PURE__*/_react.default.createElement(_compiled.Inline, {

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: "0.0.0-development"
+      packageVersion: "24.9.3"
     }, 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', "0.0.0-development");
+  headers.append('atl-client-version', "24.9.3");
   return headers;
 };
 export async function getOrgIdForCloudIdFromAGG(url, cloudId) {

package/dist/es2019/client/getTeamFromAGG.js

@@ -74,7 +74,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', "0.0.0-development");
+  headers.append('atl-client-version', "24.9.3");
   return headers;
 };
 export async function getTeamFromAGG(url, teamId, siteId) {

package/dist/es2019/components/Agent/AgentProfileCardTrigger.js

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React, { Suspense, useCallback } from 'react';
+import React, { forwardRef, Suspense, useCallback } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { navigateToTeamsApp } from '@atlaskit/teams-app-config/navigation';
@@ -7,13 +7,13 @@ import { fireEvent } from '../../util/analytics';
 import { getAAIDFromARI } from '../../util/rovoAgentUtils';
 import ProfileCardTrigger from '../common/ProfileCardTrigger';
 import { AgentProfileCardLazy } from './lazyAgentProfileCard';
-export const AgentProfileCardTrigger = ({
+export const AgentProfileCardTrigger = /*#__PURE__*/forwardRef(({
   trigger = 'hover',
   viewingUserId,
   product,
   hideOverflow,
   ...props
-}) => {
+}, ref) => {
   const {
     resourceClient,
     agentId: userId,
@@ -105,6 +105,7 @@ export const AgentProfileCardTrigger = ({
     }));
   };
   return /*#__PURE__*/React.createElement(ProfileCardTrigger, _extends({}, props, {
+    ref: ref,
     trigger: "hover",
     renderProfileCard: renderProfileCard,
     fetchProfile: fetchAgentProfile,
@@ -112,4 +113,4 @@ export const AgentProfileCardTrigger = ({
     profileCardType: "agent",
     hideOverflow: hideOverflow
   }));
-};
+});

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

@@ -2,7 +2,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import "./ProfileCardTrigger.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
-import React, { useCallback, useEffect, useRef, useState } from 'react';
+import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
 import Popup from '@atlaskit/popup';
 import { Box } from '@atlaskit/primitives/compiled';
 import { layers } from '@atlaskit/theme/constants';
@@ -16,7 +16,7 @@ const styles = {
 };
 const DELAY_MS_SHOW = 800;
 const DELAY_MS_HIDE = 200;
-function ProfileCardTrigger({
+function ProfileCardTriggerInner({
   trigger,
   ariaLabelledBy,
   children,
@@ -27,7 +27,7 @@ function ProfileCardTrigger({
   fireAnalytics,
   hideOverflow,
   ...popupProps
-}) {
+}, ref) {
   var _popupProps$autoFocus;
   const showDelay = trigger === 'click' ? 0 : DELAY_MS_SHOW;
   const hideDelay = trigger === 'click' ? 0 : DELAY_MS_HIDE;
@@ -55,6 +55,9 @@ function ProfileCardTrigger({
       setVisible(false);
     }, hideDelay);
   }, [hideDelay]);
+  useImperativeHandle(ref, () => ({
+    hideProfilecard
+  }), [hideProfilecard]);
   const showProfilecard = useCallback(async () => {
     clearTimeout(hideTimer.current);
     clearTimeout(showTimer.current);
@@ -115,4 +118,5 @@ function ProfileCardTrigger({
     }))
   }));
 }
+const ProfileCardTrigger = /*#__PURE__*/forwardRef(ProfileCardTriggerInner);
 export default ProfileCardTrigger;

package/dist/es2019/components/team-profile-card/main.compiled.css

@@ -1,6 +1,6 @@
 ._11c81vhk{font:var(--ds-font-heading-xxsmall,normal 600 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
-._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
 ._v564nm7n{transition:box-shadow .25s ease-in-out}
 ._189ee4h9{border-width:var(--ds-border-width,1px)}
 ._1dqonqa1{border-style:solid}

package/dist/es2019/components/team-profile-card/main.js

@@ -32,7 +32,7 @@ const styles = {
   connectionTitleStyles: "_11c81vhk _18u0pxbi _19pk1b66 _2hwxpxbi _otyr12x7 _syaz1gjq",
   teamAppTileStyles: "_18u01wug _4t3i7vkz _1bsb7vkz",
   viewProfileContainerStyles: "_4cvr1h6o _uwhke4h9 _15a5nqa1 _1i53muej _19bv1ejb _u5f31ejb",
-  viewProfileButtonStyles: "_2rkoiti9 _189ee4h9 _1dqonqa1 _1h6dmuej _bfhksm61 _syaz1gjq _1bsb1osq _4t3i1ul9 _19pkpxbi"
+  viewProfileButtonStyles: "_2rko12b0 _189ee4h9 _1dqonqa1 _1h6dmuej _bfhksm61 _syaz1gjq _1bsb1osq _4t3i1ul9 _19pkpxbi"
 };
 const TeamCardWrapper = ({
   id,

package/dist/es2019/components/team-profile-card/team-connections/main.compiled.css

@@ -1,5 +1,5 @@
 
-._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}._18u01wug{margin-left:auto}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}._18u01wug{margin-left:auto}
 ._1bsb1tcg{width:24px}
 ._1bsb7vkz{width:1pc}
 ._1e0c1txw{display:flex}

package/dist/es2019/components/team-profile-card/team-connections/main.js

@@ -12,7 +12,7 @@ import { ContainerIcon, getContainerProperties } from '@atlaskit/teams-public';
 import { fireEvent } from '../../../util/analytics';
 const styles = {
   containerWrapperStyles: "_1e0c1txw _4cvr1h6o",
-  containerIconStyles: "_2rkoiti9 _4t3i1tcg _1bsb1tcg",
+  containerIconStyles: "_2rko12b0 _4t3i1tcg _1bsb1tcg",
   containerTypeIconButtonStyles: "_18u01wug _4t3i7vkz _1bsb7vkz"
 };
 export const TeamConnections = ({

package/dist/es2019/components/team-profile-card/team-containers-skeleton/linked-container-card-skeleton/index.compiled.css

@@ -1,6 +1,6 @@
 
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
-._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
 ._1h6dz9xs{border-color:var(--ds-border-accent-gray,#758195)}
 ._1rjc1b66{padding-block:var(--ds-space-050,4px)}._12jimuej{outline-color:var(--ds-border,#091e4224)}
 ._12y3e4h9{outline-width:var(--ds-border-width,1px)}

package/dist/es2019/components/team-profile-card/team-containers-skeleton/linked-container-card-skeleton/index.js

@@ -4,11 +4,11 @@ import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { Box, Inline, Stack } from '@atlaskit/primitives/compiled';
 const styles = {
-  containerWrapperSkeleton: "_2rkoiti9 _1h6dz9xs _12y3e4h9 _12jimuej _1qu2nqa1 _syaz1fxt _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc",
-  containerIconSkeleton: "_2rkoiti9 _4t3i1tcg _1bsb1tcg _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc",
+  containerWrapperSkeleton: "_2rko12b0 _1h6dz9xs _12y3e4h9 _12jimuej _1qu2nqa1 _syaz1fxt _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc",
+  containerIconSkeleton: "_2rko12b0 _4t3i1tcg _1bsb1tcg _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc",
   firstLineSkeleton: "_2rko1rr0 _1rjc1b66",
   secondLineSkeleton: "_2rko1rr0 _1rjc1b66 _1bsbqkoa",
-  containerTypeIconSkeleton: "_2rkoiti9 _4t3i7vkz _1bsb7vkz _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc"
+  containerTypeIconSkeleton: "_2rko12b0 _4t3i7vkz _1bsb7vkz _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc"
 };
 export const LinkedContainerCardSkeleton = () => {
   return /*#__PURE__*/React.createElement(Inline, {

package/dist/es2019/util/analytics.js

@@ -32,7 +32,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/profilecard",
-    packageVersion: "0.0.0-development",
+    packageVersion: "24.9.3",
     ...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', "0.0.0-development");
+  headers.append('atl-client-version', "24.9.3");
   return headers;
 };
 export function getOrgIdForCloudIdFromAGG(_x, _x2) {

package/dist/esm/client/getTeamFromAGG.js

@@ -56,7 +56,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', "0.0.0-development");
+  headers.append('atl-client-version', "24.9.3");
   return headers;
 };
 export function getTeamFromAGG(_x, _x2, _x3) {

package/dist/esm/components/Agent/AgentProfileCardTrigger.js

@@ -6,7 +6,7 @@ var _excluded = ["trigger", "viewingUserId", "product", "hideOverflow"];
 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 _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { Suspense, useCallback } from 'react';
+import React, { forwardRef, Suspense, useCallback } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { navigateToTeamsApp } from '@atlaskit/teams-app-config/navigation';
@@ -14,7 +14,7 @@ import { fireEvent } from '../../util/analytics';
 import { getAAIDFromARI } from '../../util/rovoAgentUtils';
 import ProfileCardTrigger from '../common/ProfileCardTrigger';
 import { AgentProfileCardLazy } from './lazyAgentProfileCard';
-export var AgentProfileCardTrigger = function AgentProfileCardTrigger(_ref) {
+export var AgentProfileCardTrigger = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$trigger = _ref.trigger,
     trigger = _ref$trigger === void 0 ? 'hover' : _ref$trigger,
     viewingUserId = _ref.viewingUserId,
@@ -150,6 +150,7 @@ export var AgentProfileCardTrigger = function AgentProfileCardTrigger(_ref) {
     }));
   };
   return /*#__PURE__*/React.createElement(ProfileCardTrigger, _extends({}, props, {
+    ref: ref,
     trigger: "hover",
     renderProfileCard: renderProfileCard,
     fetchProfile: fetchAgentProfile,
@@ -157,4 +158,4 @@ export var AgentProfileCardTrigger = function AgentProfileCardTrigger(_ref) {
     profileCardType: "agent",
     hideOverflow: hideOverflow
   }));
-};
+});

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

@@ -8,7 +8,7 @@ var _excluded = ["trigger", "ariaLabelledBy", "children", "renderProfileCard", "
 import "./ProfileCardTrigger.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useCallback, useEffect, useRef, useState } from 'react';
+import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
 import Popup from '@atlaskit/popup';
 import { Box } from '@atlaskit/primitives/compiled';
 import { layers } from '@atlaskit/theme/constants';
@@ -22,7 +22,7 @@ var styles = {
 };
 var DELAY_MS_SHOW = 800;
 var DELAY_MS_HIDE = 200;
-function ProfileCardTrigger(_ref) {
+function ProfileCardTriggerInner(_ref, ref) {
   var _popupProps$autoFocus;
   var _trigger = _ref.trigger,
     ariaLabelledBy = _ref.ariaLabelledBy,
@@ -62,6 +62,11 @@ function ProfileCardTrigger(_ref) {
       setVisible(false);
     }, hideDelay);
   }, [hideDelay]);
+  useImperativeHandle(ref, function () {
+    return {
+      hideProfilecard: hideProfilecard
+    };
+  }, [hideProfilecard]);
   var showProfilecard = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
@@ -131,4 +136,5 @@ function ProfileCardTrigger(_ref) {
     }
   }));
 }
+var ProfileCardTrigger = /*#__PURE__*/forwardRef(ProfileCardTriggerInner);
 export default ProfileCardTrigger;

package/dist/esm/components/team-profile-card/main.compiled.css

@@ -1,6 +1,6 @@
 ._11c81vhk{font:var(--ds-font-heading-xxsmall,normal 600 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
-._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
 ._v564nm7n{transition:box-shadow .25s ease-in-out}
 ._189ee4h9{border-width:var(--ds-border-width,1px)}
 ._1dqonqa1{border-style:solid}

package/dist/esm/components/team-profile-card/main.js

@@ -34,7 +34,7 @@ var styles = {
   connectionTitleStyles: "_11c81vhk _18u0pxbi _19pk1b66 _2hwxpxbi _otyr12x7 _syaz1gjq",
   teamAppTileStyles: "_18u01wug _4t3i7vkz _1bsb7vkz",
   viewProfileContainerStyles: "_4cvr1h6o _uwhke4h9 _15a5nqa1 _1i53muej _19bv1ejb _u5f31ejb",
-  viewProfileButtonStyles: "_2rkoiti9 _189ee4h9 _1dqonqa1 _1h6dmuej _bfhksm61 _syaz1gjq _1bsb1osq _4t3i1ul9 _19pkpxbi"
+  viewProfileButtonStyles: "_2rko12b0 _189ee4h9 _1dqonqa1 _1h6dmuej _bfhksm61 _syaz1gjq _1bsb1osq _4t3i1ul9 _19pkpxbi"
 };
 var TeamCardWrapper = function TeamCardWrapper(_ref) {
   var id = _ref.id,

package/dist/esm/components/team-profile-card/team-connections/main.compiled.css

@@ -1,5 +1,5 @@
 
-._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}._18u01wug{margin-left:auto}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}._18u01wug{margin-left:auto}
 ._1bsb1tcg{width:24px}
 ._1bsb7vkz{width:1pc}
 ._1e0c1txw{display:flex}

package/dist/esm/components/team-profile-card/team-connections/main.js

@@ -12,7 +12,7 @@ import { ContainerIcon, getContainerProperties } from '@atlaskit/teams-public';
 import { fireEvent } from '../../../util/analytics';
 var styles = {
   containerWrapperStyles: "_1e0c1txw _4cvr1h6o",
-  containerIconStyles: "_2rkoiti9 _4t3i1tcg _1bsb1tcg",
+  containerIconStyles: "_2rko12b0 _4t3i1tcg _1bsb1tcg",
   containerTypeIconButtonStyles: "_18u01wug _4t3i7vkz _1bsb7vkz"
 };
 export var TeamConnections = function TeamConnections(_ref) {

package/dist/esm/components/team-profile-card/team-containers-skeleton/linked-container-card-skeleton/index.compiled.css

@@ -1,6 +1,6 @@
 
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
-._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
 ._1h6dz9xs{border-color:var(--ds-border-accent-gray,#758195)}
 ._1rjc1b66{padding-block:var(--ds-space-050,4px)}._12jimuej{outline-color:var(--ds-border,#091e4224)}
 ._12y3e4h9{outline-width:var(--ds-border-width,1px)}

package/dist/esm/components/team-profile-card/team-containers-skeleton/linked-container-card-skeleton/index.js

@@ -4,11 +4,11 @@ import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { Box, Inline, Stack } from '@atlaskit/primitives/compiled';
 var styles = {
-  containerWrapperSkeleton: "_2rkoiti9 _1h6dz9xs _12y3e4h9 _12jimuej _1qu2nqa1 _syaz1fxt _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc",
-  containerIconSkeleton: "_2rkoiti9 _4t3i1tcg _1bsb1tcg _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc",
+  containerWrapperSkeleton: "_2rko12b0 _1h6dz9xs _12y3e4h9 _12jimuej _1qu2nqa1 _syaz1fxt _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc",
+  containerIconSkeleton: "_2rko12b0 _4t3i1tcg _1bsb1tcg _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc",
   firstLineSkeleton: "_2rko1rr0 _1rjc1b66",
   secondLineSkeleton: "_2rko1rr0 _1rjc1b66 _1bsbqkoa",
-  containerTypeIconSkeleton: "_2rkoiti9 _4t3i7vkz _1bsb7vkz _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc"
+  containerTypeIconSkeleton: "_2rko12b0 _4t3i7vkz _1bsb7vkz _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc"
 };
 export var LinkedContainerCardSkeleton = function LinkedContainerCardSkeleton() {
   return /*#__PURE__*/React.createElement(Inline, {

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: "0.0.0-development"
+      packageVersion: "24.9.3"
     }, attributes), {}, {
       firedAt: Math.round(getPageTime())
     })

package/dist/types/components/Agent/AgentProfileCardTrigger.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
 import { type AgentProfileCardTriggerProps } from '../../types';
-export declare const AgentProfileCardTrigger: ({ trigger, viewingUserId, product, hideOverflow, ...props }: AgentProfileCardTriggerProps) => React.JSX.Element;
+import { type ProfileCardHandle } from '../common/ProfileCardTrigger';
+export declare const AgentProfileCardTrigger: React.ForwardRefExoticComponent<AgentProfileCardTriggerProps & React.RefAttributes<ProfileCardHandle>>;

package/dist/types/components/common/ProfileCardTrigger.d.ts

@@ -1,4 +1,9 @@
 import React from 'react';
 import { type ProfileCardTriggerProps } from './types';
-declare function ProfileCardTrigger<T>({ trigger, ariaLabelledBy, children, renderProfileCard, fetchProfile, disabledAriaAttributes, profileCardType, fireAnalytics, hideOverflow, ...popupProps }: ProfileCardTriggerProps<T>): React.JSX.Element;
+export interface ProfileCardHandle {
+    hideProfilecard: () => void;
+}
+declare const ProfileCardTrigger: <T>(props: ProfileCardTriggerProps<T> & {
+    ref?: React.Ref<ProfileCardHandle>;
+}) => React.ReactElement;
 export default ProfileCardTrigger;

package/dist/types-ts4.5/components/Agent/AgentProfileCardTrigger.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
 import { type AgentProfileCardTriggerProps } from '../../types';
-export declare const AgentProfileCardTrigger: ({ trigger, viewingUserId, product, hideOverflow, ...props }: AgentProfileCardTriggerProps) => React.JSX.Element;
+import { type ProfileCardHandle } from '../common/ProfileCardTrigger';
+export declare const AgentProfileCardTrigger: React.ForwardRefExoticComponent<AgentProfileCardTriggerProps & React.RefAttributes<ProfileCardHandle>>;

package/dist/types-ts4.5/components/common/ProfileCardTrigger.d.ts

@@ -1,4 +1,9 @@
 import React from 'react';
 import { type ProfileCardTriggerProps } from './types';
-declare function ProfileCardTrigger<T>({ trigger, ariaLabelledBy, children, renderProfileCard, fetchProfile, disabledAriaAttributes, profileCardType, fireAnalytics, hideOverflow, ...popupProps }: ProfileCardTriggerProps<T>): React.JSX.Element;
+export interface ProfileCardHandle {
+    hideProfilecard: () => void;
+}
+declare const ProfileCardTrigger: <T>(props: ProfileCardTriggerProps<T> & {
+    ref?: React.Ref<ProfileCardHandle>;
+}) => React.ReactElement;
 export default ProfileCardTrigger;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "24.9.2",
+	"version": "24.10.0",
 	"description": "A React component to display a card with user information.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"