@atlaskit/profilecard 24.7.4 → 24.8.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/profilecard
 
+## 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/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/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/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/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

@@ -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/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

@@ -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.8.0",
 	"description": "A React component to display a card with user information.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"