@atlaskit/profilecard 24.7.4 → 24.9.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/profilecard
 
+## 24.9.0
+
+### Minor Changes
+
+- [`10f9ee672770a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/10f9ee672770a) -
+  Fix default behavior of nav item click
+
+## 24.8.0
+
+### Minor Changes
+
+- [`fd89c46d0090d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fd89c46d0090d) -
+  [ux] Truncate agent header title on overflow
+
 ## 24.7.4
 
 ### 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.8.0");
   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.8.0");
   return headers;
 };
 function getTeamFromAGG(_x, _x2, _x3) {

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

@@ -115,7 +115,7 @@ var AgentActions = exports.AgentActions = function AgentActions(_ref) {
     shouldFitContainer: true,
     onClick: function onClick(e) {
       e.stopPropagation();
-      onChatClick();
+      onChatClick(e);
     }
   }, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
     xcss: chatToAgentButtonWrapper

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

@@ -44,7 +44,7 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
   var agent = _ref.agent,
     isLoading = _ref.isLoading,
     cloudId = _ref.cloudId,
-    _onChatClick = _ref.onChatClick,
+    onChatClick = _ref.onChatClick,
     hasError = _ref.hasError,
     errorType = _ref.errorType,
     onConversationStartersClick = _ref.onConversationStartersClick,
@@ -235,8 +235,10 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
       return _onDuplicateAgent(agent.id);
     },
     onDeleteAgent: handleOnDelete,
-    onChatClick: function onChatClick() {
-      return _onChatClick ? _onChatClick() : onOpenChatFullScreen(agent.id, agent.name);
+    onChatClick: onChatClick ? function (event) {
+      return onChatClick(event);
+    } : function () {
+      return onOpenChatFullScreen(agent.id, agent.name);
     },
     resourceClient: resourceClient,
     onViewFullProfileClick: function onViewFullProfileClick() {

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

@@ -19,7 +19,7 @@ var _analytics = require("../../util/analytics");
 var _rovoAgentUtils = require("../../util/rovoAgentUtils");
 var _ProfileCardTrigger = _interopRequireDefault(require("../common/ProfileCardTrigger"));
 var _lazyAgentProfileCard = require("./lazyAgentProfileCard");
-var _excluded = ["trigger", "viewingUserId", "product"];
+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; }
@@ -28,6 +28,7 @@ var AgentProfileCardTrigger = exports.AgentProfileCardTrigger = function AgentPr
     trigger = _ref$trigger === void 0 ? 'hover' : _ref$trigger,
     viewingUserId = _ref.viewingUserId,
     product = _ref.product,
+    hideOverflow = _ref.hideOverflow,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var resourceClient = props.resourceClient,
     userId = props.agentId,
@@ -162,6 +163,7 @@ var AgentProfileCardTrigger = exports.AgentProfileCardTrigger = function AgentPr
     renderProfileCard: renderProfileCard,
     fetchProfile: fetchAgentProfile,
     fireAnalytics: fireAnalytics,
-    profileCardType: "agent"
+    profileCardType: "agent",
+    hideOverflow: hideOverflow
   }));
 };

package/dist/cjs/components/common/ProfileCardTrigger.compiled.css

@@ -0,0 +1,2 @@
+._18m915vq{overflow-y:hidden}
+._1reo15vq{overflow-x:hidden}

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

@@ -1,3 +1,4 @@
+/* ProfileCardTrigger.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -6,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+require("./ProfileCardTrigger.compiled.css");
+var _runtime = require("@compiled/react/runtime");
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
@@ -13,15 +16,19 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _popup = _interopRequireDefault(require("@atlaskit/popup"));
+var _compiled = require("@atlaskit/primitives/compiled");
 var _constants = require("@atlaskit/theme/constants");
 var _analytics = require("../../util/analytics");
 var _useProfileInfo2 = require("../../util/useProfileInfo");
 var _LoadingState = require("./LoadingState");
 var _PopupTrigger = require("./PopupTrigger");
 var _ProfileCardWrapper = require("./ProfileCardWrapper");
-var _excluded = ["trigger", "ariaLabelledBy", "children", "renderProfileCard", "fetchProfile", "disabledAriaAttributes", "profileCardType", "fireAnalytics"],
+var _excluded = ["trigger", "ariaLabelledBy", "children", "renderProfileCard", "fetchProfile", "disabledAriaAttributes", "profileCardType", "fireAnalytics", "hideOverflow"],
   _excluded2 = ["aria-expanded", "aria-haspopup"];
 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 = {
+  overflowHidden: "_1reo15vq _18m915vq"
+};
 var DELAY_MS_SHOW = 800;
 var DELAY_MS_HIDE = 200;
 function ProfileCardTrigger(_ref) {
@@ -34,6 +41,7 @@ function ProfileCardTrigger(_ref) {
     disabledAriaAttributes = _ref.disabledAriaAttributes,
     profileCardType = _ref.profileCardType,
     fireAnalytics = _ref.fireAnalytics,
+    hideOverflow = _ref.hideOverflow,
     popupProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var showDelay = _trigger === 'click' ? 0 : DELAY_MS_SHOW;
   var hideDelay = _trigger === 'click' ? 0 : DELAY_MS_HIDE;
@@ -98,7 +106,7 @@ function ProfileCardTrigger(_ref) {
       var _ = triggerProps['aria-expanded'],
         __ = triggerProps['aria-haspopup'],
         restInnerProps = (0, _objectWithoutProperties2.default)(triggerProps, _excluded2);
-      return /*#__PURE__*/_react.default.createElement(_PopupTrigger.PopupTrigger, (0, _extends2.default)({}, disabledAriaAttributes ? restInnerProps : triggerProps, {
+      var triggerElement = /*#__PURE__*/_react.default.createElement(_PopupTrigger.PopupTrigger, (0, _extends2.default)({}, disabledAriaAttributes ? restInnerProps : triggerProps, {
         ref: triggerProps.ref,
         hideProfilecard: hideProfilecard,
         showProfilecard: showProfilecard,
@@ -106,6 +114,12 @@ function ProfileCardTrigger(_ref) {
         ariaLabelledBy: ariaLabelledBy,
         trigger: _trigger
       }));
+      if (hideOverflow) {
+        return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+          xcss: styles.overflowHidden
+        }, triggerElement);
+      }
+      return triggerElement;
     },
     content: function content() {
       return (

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

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

@@ -92,7 +92,7 @@ export const AgentActions = ({
     shouldFitContainer: true,
     onClick: e => {
       e.stopPropagation();
-      onChatClick();
+      onChatClick(e);
     }
   }, /*#__PURE__*/React.createElement(Box, {
     xcss: chatToAgentButtonWrapper

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

@@ -184,7 +184,7 @@ const AgentProfileCard = ({
     onCopyAgent: () => onCopyAgent(agent.id),
     onDuplicateAgent: () => onDuplicateAgent(agent.id),
     onDeleteAgent: handleOnDelete,
-    onChatClick: () => onChatClick ? onChatClick() : onOpenChatFullScreen(agent.id, agent.name),
+    onChatClick: onChatClick ? event => onChatClick(event) : () => onOpenChatFullScreen(agent.id, agent.name),
     resourceClient: resourceClient,
     onViewFullProfileClick: () => onViewFullProfile(agent.id)
   })));

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

@@ -11,6 +11,7 @@ export const AgentProfileCardTrigger = ({
   trigger = 'hover',
   viewingUserId,
   product,
+  hideOverflow,
   ...props
 }) => {
   const {
@@ -108,6 +109,7 @@ export const AgentProfileCardTrigger = ({
     renderProfileCard: renderProfileCard,
     fetchProfile: fetchAgentProfile,
     fireAnalytics: fireAnalytics,
-    profileCardType: "agent"
+    profileCardType: "agent",
+    hideOverflow: hideOverflow
   }));
 };

package/dist/es2019/components/common/ProfileCardTrigger.compiled.css

@@ -0,0 +1,2 @@
+._18m915vq{overflow-y:hidden}
+._1reo15vq{overflow-x:hidden}

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

@@ -1,12 +1,19 @@
+/* ProfileCardTrigger.tsx generated by @compiled/babel-plugin v0.36.1 */
 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 Popup from '@atlaskit/popup';
+import { Box } from '@atlaskit/primitives/compiled';
 import { layers } from '@atlaskit/theme/constants';
 import { cardTriggered } from '../../util/analytics';
 import { useProfileInfo } from '../../util/useProfileInfo';
 import { LoadingState } from './LoadingState';
 import { PopupTrigger } from './PopupTrigger';
 import { ProfileCardWrapper } from './ProfileCardWrapper';
+const styles = {
+  overflowHidden: "_1reo15vq _18m915vq"
+};
 const DELAY_MS_SHOW = 800;
 const DELAY_MS_HIDE = 200;
 function ProfileCardTrigger({
@@ -18,6 +25,7 @@ function ProfileCardTrigger({
   disabledAriaAttributes,
   profileCardType,
   fireAnalytics,
+  hideOverflow,
   ...popupProps
 }) {
   var _popupProps$autoFocus;
@@ -76,7 +84,7 @@ function ProfileCardTrigger({
         'aria-haspopup': __,
         ...restInnerProps
       } = triggerProps;
-      return /*#__PURE__*/React.createElement(PopupTrigger, _extends({}, disabledAriaAttributes ? restInnerProps : triggerProps, {
+      const triggerElement = /*#__PURE__*/React.createElement(PopupTrigger, _extends({}, disabledAriaAttributes ? restInnerProps : triggerProps, {
         ref: triggerProps.ref,
         hideProfilecard: hideProfilecard,
         showProfilecard: showProfilecard,
@@ -84,6 +92,12 @@ function ProfileCardTrigger({
         ariaLabelledBy: ariaLabelledBy,
         trigger: trigger
       }));
+      if (hideOverflow) {
+        return /*#__PURE__*/React.createElement(Box, {
+          xcss: styles.overflowHidden
+        }, triggerElement);
+      }
+      return triggerElement;
     },
     content: () =>
     /*#__PURE__*/

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

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

@@ -107,7 +107,7 @@ export var AgentActions = function AgentActions(_ref) {
     shouldFitContainer: true,
     onClick: function onClick(e) {
       e.stopPropagation();
-      onChatClick();
+      onChatClick(e);
     }
   }, /*#__PURE__*/React.createElement(Box, {
     xcss: chatToAgentButtonWrapper

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

@@ -34,7 +34,7 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
   var agent = _ref.agent,
     isLoading = _ref.isLoading,
     cloudId = _ref.cloudId,
-    _onChatClick = _ref.onChatClick,
+    onChatClick = _ref.onChatClick,
     hasError = _ref.hasError,
     errorType = _ref.errorType,
     onConversationStartersClick = _ref.onConversationStartersClick,
@@ -225,8 +225,10 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
       return _onDuplicateAgent(agent.id);
     },
     onDeleteAgent: handleOnDelete,
-    onChatClick: function onChatClick() {
-      return _onChatClick ? _onChatClick() : onOpenChatFullScreen(agent.id, agent.name);
+    onChatClick: onChatClick ? function (event) {
+      return onChatClick(event);
+    } : function () {
+      return onOpenChatFullScreen(agent.id, agent.name);
     },
     resourceClient: resourceClient,
     onViewFullProfileClick: function onViewFullProfileClick() {

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

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["trigger", "viewingUserId", "product"];
+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";
@@ -19,6 +19,7 @@ export var AgentProfileCardTrigger = function AgentProfileCardTrigger(_ref) {
     trigger = _ref$trigger === void 0 ? 'hover' : _ref$trigger,
     viewingUserId = _ref.viewingUserId,
     product = _ref.product,
+    hideOverflow = _ref.hideOverflow,
     props = _objectWithoutProperties(_ref, _excluded);
   var resourceClient = props.resourceClient,
     userId = props.agentId,
@@ -153,6 +154,7 @@ export var AgentProfileCardTrigger = function AgentProfileCardTrigger(_ref) {
     renderProfileCard: renderProfileCard,
     fetchProfile: fetchAgentProfile,
     fireAnalytics: fireAnalytics,
-    profileCardType: "agent"
+    profileCardType: "agent",
+    hideOverflow: hideOverflow
   }));
 };

package/dist/esm/components/common/ProfileCardTrigger.compiled.css

@@ -0,0 +1,2 @@
+._18m915vq{overflow-y:hidden}
+._1reo15vq{overflow-x:hidden}

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

@@ -1,18 +1,25 @@
+/* ProfileCardTrigger.tsx generated by @compiled/babel-plugin v0.36.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["trigger", "ariaLabelledBy", "children", "renderProfileCard", "fetchProfile", "disabledAriaAttributes", "profileCardType", "fireAnalytics"],
+var _excluded = ["trigger", "ariaLabelledBy", "children", "renderProfileCard", "fetchProfile", "disabledAriaAttributes", "profileCardType", "fireAnalytics", "hideOverflow"],
   _excluded2 = ["aria-expanded", "aria-haspopup"];
+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 Popup from '@atlaskit/popup';
+import { Box } from '@atlaskit/primitives/compiled';
 import { layers } from '@atlaskit/theme/constants';
 import { cardTriggered } from '../../util/analytics';
 import { useProfileInfo } from '../../util/useProfileInfo';
 import { LoadingState } from './LoadingState';
 import { PopupTrigger } from './PopupTrigger';
 import { ProfileCardWrapper } from './ProfileCardWrapper';
+var styles = {
+  overflowHidden: "_1reo15vq _18m915vq"
+};
 var DELAY_MS_SHOW = 800;
 var DELAY_MS_HIDE = 200;
 function ProfileCardTrigger(_ref) {
@@ -25,6 +32,7 @@ function ProfileCardTrigger(_ref) {
     disabledAriaAttributes = _ref.disabledAriaAttributes,
     profileCardType = _ref.profileCardType,
     fireAnalytics = _ref.fireAnalytics,
+    hideOverflow = _ref.hideOverflow,
     popupProps = _objectWithoutProperties(_ref, _excluded);
   var showDelay = _trigger === 'click' ? 0 : DELAY_MS_SHOW;
   var hideDelay = _trigger === 'click' ? 0 : DELAY_MS_HIDE;
@@ -89,7 +97,7 @@ function ProfileCardTrigger(_ref) {
       var _ = triggerProps['aria-expanded'],
         __ = triggerProps['aria-haspopup'],
         restInnerProps = _objectWithoutProperties(triggerProps, _excluded2);
-      return /*#__PURE__*/React.createElement(PopupTrigger, _extends({}, disabledAriaAttributes ? restInnerProps : triggerProps, {
+      var triggerElement = /*#__PURE__*/React.createElement(PopupTrigger, _extends({}, disabledAriaAttributes ? restInnerProps : triggerProps, {
         ref: triggerProps.ref,
         hideProfilecard: hideProfilecard,
         showProfilecard: showProfilecard,
@@ -97,6 +105,12 @@ function ProfileCardTrigger(_ref) {
         ariaLabelledBy: ariaLabelledBy,
         trigger: _trigger
       }));
+      if (hideOverflow) {
+        return /*#__PURE__*/React.createElement(Box, {
+          xcss: styles.overflowHidden
+        }, triggerElement);
+      }
+      return triggerElement;
     },
     content: function content() {
       return (

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.8.0"
     }, attributes), {}, {
       firedAt: Math.round(getPageTime())
     })

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

@@ -6,7 +6,7 @@ type AgentActionsProps = {
     onCopyAgent: () => void;
     onDuplicateAgent: () => void;
     onDeleteAgent: () => void;
-    onChatClick: () => void;
+    onChatClick: (event: React.MouseEvent) => void;
     onViewFullProfileClick: () => void;
     resourceClient: ProfileClient;
 };

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

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

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { type ProfileCardTriggerProps } from './types';
-declare function ProfileCardTrigger<T>({ trigger, ariaLabelledBy, children, renderProfileCard, fetchProfile, disabledAriaAttributes, profileCardType, fireAnalytics, ...popupProps }: ProfileCardTriggerProps<T>): React.JSX.Element;
+declare function ProfileCardTrigger<T>({ trigger, ariaLabelledBy, children, renderProfileCard, fetchProfile, disabledAriaAttributes, profileCardType, fireAnalytics, hideOverflow, ...popupProps }: ProfileCardTriggerProps<T>): React.JSX.Element;
 export default ProfileCardTrigger;

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

@@ -13,4 +13,5 @@ export type ProfileCardTriggerProps<T> = {
     fetchProfile?: () => Promise<T>;
     profileCardType: ProfileType;
     fireAnalytics?: (payload: AnalyticsEventPayload) => void;
+    hideOverflow?: boolean;
 } & Omit<PopupProps, 'trigger' | 'isOpen' | 'content'>;

package/dist/types/types.d.ts

@@ -330,7 +330,7 @@ export interface TeamProfileCardTriggerProps extends TeamProfilecardCoreProps {
     shouldRenderToParent?: boolean;
 }
 export interface AgentActionsType {
-    onChatClick?: () => void;
+    onChatClick?: (event: React.MouseEvent) => void;
     onConversationStartersClick?: (starter: ConversationStarter) => void;
 }
 export interface AgentProfileCardTriggerProps extends AgentActionsType {
@@ -355,6 +355,7 @@ export interface AgentProfileCardTriggerProps extends AgentActionsType {
     onDeleteAgent?: (agentId: string) => {
         restore: () => void;
     };
+    hideOverflow?: boolean;
 }
 export type AgentProfileCardProps = {
     resourceClient: ProfileClient;

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

@@ -6,7 +6,7 @@ type AgentActionsProps = {
     onCopyAgent: () => void;
     onDuplicateAgent: () => void;
     onDeleteAgent: () => void;
-    onChatClick: () => void;
+    onChatClick: (event: React.MouseEvent) => void;
     onViewFullProfileClick: () => void;
     resourceClient: ProfileClient;
 };

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

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

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { type ProfileCardTriggerProps } from './types';
-declare function ProfileCardTrigger<T>({ trigger, ariaLabelledBy, children, renderProfileCard, fetchProfile, disabledAriaAttributes, profileCardType, fireAnalytics, ...popupProps }: ProfileCardTriggerProps<T>): React.JSX.Element;
+declare function ProfileCardTrigger<T>({ trigger, ariaLabelledBy, children, renderProfileCard, fetchProfile, disabledAriaAttributes, profileCardType, fireAnalytics, hideOverflow, ...popupProps }: ProfileCardTriggerProps<T>): React.JSX.Element;
 export default ProfileCardTrigger;

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

@@ -13,4 +13,5 @@ export type ProfileCardTriggerProps<T> = {
     fetchProfile?: () => Promise<T>;
     profileCardType: ProfileType;
     fireAnalytics?: (payload: AnalyticsEventPayload) => void;
+    hideOverflow?: boolean;
 } & Omit<PopupProps, 'trigger' | 'isOpen' | 'content'>;

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

@@ -333,7 +333,7 @@ export interface TeamProfileCardTriggerProps extends TeamProfilecardCoreProps {
     shouldRenderToParent?: boolean;
 }
 export interface AgentActionsType {
-    onChatClick?: () => void;
+    onChatClick?: (event: React.MouseEvent) => void;
     onConversationStartersClick?: (starter: ConversationStarter) => void;
 }
 export interface AgentProfileCardTriggerProps extends AgentActionsType {
@@ -361,6 +361,7 @@ export interface AgentProfileCardTriggerProps extends AgentActionsType {
     onDeleteAgent?: (agentId: string) => {
         restore: () => void;
     };
+    hideOverflow?: boolean;
 }
 export type AgentProfileCardProps = {
     resourceClient: ProfileClient;

package/package.json

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