@atlaskit/profilecard 24.3.2 → 24.5.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/profilecard
 
+## 24.5.0
+
+### Minor Changes
+
+- [#200836](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/200836)
+  [`4403807b49aca`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4403807b49aca) -
+  add option to customise showDelay and hideDelay
+
+## 24.4.0
+
+### Minor Changes
+
+- [#200712](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/200712)
+  [`79f68c9a9ad77`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/79f68c9a9ad77) -
+  Allow target to be passed to action
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 24.3.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', "24.3.1");
+  headers.append('atl-client-version', "24.4.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', "24.3.1");
+  headers.append('atl-client-version', "24.4.0");
   return headers;
 };
 function getTeamFromAGG(_x, _x2, _x3) {

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

@@ -157,6 +157,7 @@ var ActionButton = function ActionButton(_ref2) {
     key: action.id || index,
     onClick: onActionClick(action, analytics, index),
     href: action.link || '',
+    target: action.target,
     shouldFitContainer: true
   }, action.label, isGiveKudosActionButton && /*#__PURE__*/_react.default.createElement(_Card.AnimationWrapper, null, /*#__PURE__*/_react.default.createElement(_Card.KudosBlobAnimation, null)));
   if (isGiveKudosActionButton) {

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

@@ -73,7 +73,8 @@ var OverflowProfileCardButtons = exports.OverflowProfileCardButtons = function O
         }
         onItemClick(action, args, event, index);
       },
-      href: action.link
+      href: action.link,
+      target: action.target
     }, action.label);
   }))));
 };

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

@@ -179,6 +179,7 @@ var Actions = function Actions(_ref) {
         return onActionClick(action, args, event, index);
       },
       href: action.link || '',
+      target: action.target,
       autoFocus: index === 0 && isTriggeredUsingKeyboard,
       id: "action-button-".concat(action.id),
       "aria-labelledby": (0, _platformFeatureFlags.fg)('enable_userprofilecard_arialabelfix') ? "action-button-".concat(action.id, " profilecard-name-label") : ''

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

@@ -93,14 +93,16 @@ function ProfilecardTriggerNext(_ref2) {
     _ref2$ariaHideProfile = _ref2.ariaHideProfileTrigger,
     ariaHideProfileTrigger = _ref2$ariaHideProfile === void 0 ? false : _ref2$ariaHideProfile,
     propsIsVisible = _ref2.isVisible,
-    ssrPlaceholderId = _ref2.ssrPlaceholderId;
+    ssrPlaceholderId = _ref2.ssrPlaceholderId,
+    customShowDelay = _ref2.showDelay,
+    customHideDelay = _ref2.hideDelay;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var isMounted = (0, _react.useRef)(false);
-  var showDelay = trigger === 'click' || propsIsVisible && (0, _platformFeatureFlags.fg)('fix_profilecard_trigger_isvisible') ? 0 : _config.DELAY_MS_SHOW;
-  var hideDelay = trigger === 'click' || propsIsVisible && (0, _platformFeatureFlags.fg)('fix_profilecard_trigger_isvisible') ? 0 : _config.DELAY_MS_HIDE;
+  var showDelay = trigger === 'click' || propsIsVisible && (0, _platformFeatureFlags.fg)('fix_profilecard_trigger_isvisible') ? 0 : customShowDelay !== null && customShowDelay !== void 0 ? customShowDelay : _config.DELAY_MS_SHOW;
+  var hideDelay = trigger === 'click' || propsIsVisible && (0, _platformFeatureFlags.fg)('fix_profilecard_trigger_isvisible') ? 0 : customHideDelay !== null && customHideDelay !== void 0 ? customHideDelay : _config.DELAY_MS_HIDE;
   var showTimer = (0, _react.useRef)(0);
   var hideTimer = (0, _react.useRef)(0);
   var _useState = (0, _react.useState)(false),

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: "24.3.1"
+      packageVersion: "24.4.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', "24.3.1");
+  headers.append('atl-client-version', "24.4.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', "24.3.1");
+  headers.append('atl-client-version', "24.4.0");
   return headers;
 };
 export async function getTeamFromAGG(url, teamId, siteId) {

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

@@ -137,6 +137,7 @@ const ActionButton = ({
     key: action.id || index,
     onClick: onActionClick(action, analytics, index),
     href: action.link || '',
+    target: action.target,
     shouldFitContainer: true
   }, action.label, isGiveKudosActionButton && /*#__PURE__*/React.createElement(AnimationWrapper, null, /*#__PURE__*/React.createElement(KudosBlobAnimation, null)));
   if (isGiveKudosActionButton) {

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

@@ -57,6 +57,7 @@ export const OverflowProfileCardButtons = props => {
     onClick: (event, ...args) => {
       onItemClick(action, args, event, index);
     },
-    href: action.link
+    href: action.link,
+    target: action.target
   }, action.label)))));
 };

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

@@ -161,6 +161,7 @@ const Actions = ({
       key: action.id || index,
       onClick: (event, ...args) => onActionClick(action, args, event, index),
       href: action.link || '',
+      target: action.target,
       autoFocus: index === 0 && isTriggeredUsingKeyboard,
       id: `action-button-${action.id}`,
       "aria-labelledby": fg('enable_userprofilecard_arialabelfix') ? `action-button-${action.id} profilecard-name-label` : ''

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

@@ -71,7 +71,9 @@ export default function ProfilecardTriggerNext({
   agentActions,
   ariaHideProfileTrigger = false,
   isVisible: propsIsVisible,
-  ssrPlaceholderId
+  ssrPlaceholderId,
+  showDelay: customShowDelay,
+  hideDelay: customHideDelay
 }) {
   const {
     createAnalyticsEvent
@@ -80,8 +82,8 @@ export default function ProfilecardTriggerNext({
     formatMessage
   } = useIntl();
   const isMounted = useRef(false);
-  const showDelay = trigger === 'click' || propsIsVisible && fg('fix_profilecard_trigger_isvisible') ? 0 : DELAY_MS_SHOW;
-  const hideDelay = trigger === 'click' || propsIsVisible && fg('fix_profilecard_trigger_isvisible') ? 0 : DELAY_MS_HIDE;
+  const showDelay = trigger === 'click' || propsIsVisible && fg('fix_profilecard_trigger_isvisible') ? 0 : customShowDelay !== null && customShowDelay !== void 0 ? customShowDelay : DELAY_MS_SHOW;
+  const hideDelay = trigger === 'click' || propsIsVisible && fg('fix_profilecard_trigger_isvisible') ? 0 : customHideDelay !== null && customHideDelay !== void 0 ? customHideDelay : DELAY_MS_HIDE;
   const showTimer = useRef(0);
   const hideTimer = useRef(0);
   const [visible, setVisible] = useState(false);

package/dist/es2019/util/analytics.js

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

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

@@ -148,6 +148,7 @@ var ActionButton = function ActionButton(_ref2) {
     key: action.id || index,
     onClick: onActionClick(action, analytics, index),
     href: action.link || '',
+    target: action.target,
     shouldFitContainer: true
   }, action.label, isGiveKudosActionButton && /*#__PURE__*/React.createElement(AnimationWrapper, null, /*#__PURE__*/React.createElement(KudosBlobAnimation, null)));
   if (isGiveKudosActionButton) {

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

@@ -64,7 +64,8 @@ export var OverflowProfileCardButtons = function OverflowProfileCardButtons(prop
         }
         onItemClick(action, args, event, index);
       },
-      href: action.link
+      href: action.link,
+      target: action.target
     }, action.label);
   }))));
 };

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

@@ -170,6 +170,7 @@ var Actions = function Actions(_ref) {
         return onActionClick(action, args, event, index);
       },
       href: action.link || '',
+      target: action.target,
       autoFocus: index === 0 && isTriggeredUsingKeyboard,
       id: "action-button-".concat(action.id),
       "aria-labelledby": fg('enable_userprofilecard_arialabelfix') ? "action-button-".concat(action.id, " profilecard-name-label") : ''

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

@@ -84,14 +84,16 @@ export default function ProfilecardTriggerNext(_ref2) {
     _ref2$ariaHideProfile = _ref2.ariaHideProfileTrigger,
     ariaHideProfileTrigger = _ref2$ariaHideProfile === void 0 ? false : _ref2$ariaHideProfile,
     propsIsVisible = _ref2.isVisible,
-    ssrPlaceholderId = _ref2.ssrPlaceholderId;
+    ssrPlaceholderId = _ref2.ssrPlaceholderId,
+    customShowDelay = _ref2.showDelay,
+    customHideDelay = _ref2.hideDelay;
   var _useAnalyticsEvents = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
   var isMounted = useRef(false);
-  var showDelay = trigger === 'click' || propsIsVisible && fg('fix_profilecard_trigger_isvisible') ? 0 : DELAY_MS_SHOW;
-  var hideDelay = trigger === 'click' || propsIsVisible && fg('fix_profilecard_trigger_isvisible') ? 0 : DELAY_MS_HIDE;
+  var showDelay = trigger === 'click' || propsIsVisible && fg('fix_profilecard_trigger_isvisible') ? 0 : customShowDelay !== null && customShowDelay !== void 0 ? customShowDelay : DELAY_MS_SHOW;
+  var hideDelay = trigger === 'click' || propsIsVisible && fg('fix_profilecard_trigger_isvisible') ? 0 : customHideDelay !== null && customHideDelay !== void 0 ? customHideDelay : DELAY_MS_HIDE;
   var showTimer = useRef(0);
   var hideTimer = useRef(0);
   var _useState = useState(false),

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

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type ProfileCardTriggerProps } from '../../types';
-export default function ProfilecardTriggerNext({ autoFocus, trigger, userId, cloudId, resourceClient, actions, position, children, testId, addFlag, onReportingLinesClick, ariaLabel, ariaLabelledBy, prepopulatedData, disabledAriaAttributes, onVisibilityChange, offset, viewingUserId, product, agentActions, ariaHideProfileTrigger, isVisible: propsIsVisible, ssrPlaceholderId, }: ProfileCardTriggerProps): React.JSX.Element;
+export default function ProfilecardTriggerNext({ autoFocus, trigger, userId, cloudId, resourceClient, actions, position, children, testId, addFlag, onReportingLinesClick, ariaLabel, ariaLabelledBy, prepopulatedData, disabledAriaAttributes, onVisibilityChange, offset, viewingUserId, product, agentActions, ariaHideProfileTrigger, isVisible: propsIsVisible, ssrPlaceholderId, showDelay: customShowDelay, hideDelay: customHideDelay, }: ProfileCardTriggerProps): React.JSX.Element;

package/dist/types/types.d.ts

@@ -183,6 +183,8 @@ export interface ProfileCardTriggerProps {
     agentActions?: AgentActionsType;
     ariaHideProfileTrigger?: boolean;
     ssrPlaceholderId?: string;
+    showDelay?: number;
+    hideDelay?: number;
 }
 export interface ProfileCardTriggerState {
     visible?: boolean;
@@ -370,6 +372,7 @@ export interface ProfileCardAction {
     id?: string;
     label: React.ReactNode;
     link?: string;
+    target?: string;
 }
 export type LozengeColor = 'default' | 'success' | 'removed' | 'inprogress' | 'new' | 'moved';
 export interface LozengeProps {

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type ProfileCardTriggerProps } from '../../types';
-export default function ProfilecardTriggerNext({ autoFocus, trigger, userId, cloudId, resourceClient, actions, position, children, testId, addFlag, onReportingLinesClick, ariaLabel, ariaLabelledBy, prepopulatedData, disabledAriaAttributes, onVisibilityChange, offset, viewingUserId, product, agentActions, ariaHideProfileTrigger, isVisible: propsIsVisible, ssrPlaceholderId, }: ProfileCardTriggerProps): React.JSX.Element;
+export default function ProfilecardTriggerNext({ autoFocus, trigger, userId, cloudId, resourceClient, actions, position, children, testId, addFlag, onReportingLinesClick, ariaLabel, ariaLabelledBy, prepopulatedData, disabledAriaAttributes, onVisibilityChange, offset, viewingUserId, product, agentActions, ariaHideProfileTrigger, isVisible: propsIsVisible, ssrPlaceholderId, showDelay: customShowDelay, hideDelay: customHideDelay, }: ProfileCardTriggerProps): React.JSX.Element;

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

@@ -186,6 +186,8 @@ export interface ProfileCardTriggerProps {
     agentActions?: AgentActionsType;
     ariaHideProfileTrigger?: boolean;
     ssrPlaceholderId?: string;
+    showDelay?: number;
+    hideDelay?: number;
 }
 export interface ProfileCardTriggerState {
     visible?: boolean;
@@ -376,6 +378,7 @@ export interface ProfileCardAction {
     id?: string;
     label: React.ReactNode;
     link?: string;
+    target?: string;
 }
 export type LozengeColor = 'default' | 'success' | 'removed' | 'inprogress' | 'new' | 'moved';
 export interface LozengeProps {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "24.3.2",
+	"version": "24.5.0",
 	"description": "A React component to display a card with user information.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -61,11 +61,11 @@
 		"@atlaskit/feature-gate-js-client": "^5.5.0",
 		"@atlaskit/give-kudos": "^4.3.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/icon": "^27.11.0",
+		"@atlaskit/icon": "^27.12.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/logo": "^19.6.0",
 		"@atlaskit/lozenge": "^13.0.0",
-		"@atlaskit/menu": "^8.2.0",
+		"@atlaskit/menu": "^8.3.0",
 		"@atlaskit/modal-dialog": "^14.3.0",
 		"@atlaskit/people-teams-ui-public": "^3.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",