@atlaskit/profilecard 19.16.2 → 19.16.3

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/profilecard
 
+## 19.16.3
+
+### Patch Changes
+
+- [#122361](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/122361)
+  [`dc17551b4b23c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/dc17551b4b23c) -
+  Fix reading order in Profile card
+
 ## 19.16.2
 
 ### Patch Changes

package/dist/cjs/client/getTeamFromAGG.js

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

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

@@ -18,6 +18,7 @@ var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-
 var _focusRing = _interopRequireDefault(require("@atlaskit/focus-ring"));
 var _more = _interopRequireDefault(require("@atlaskit/icon/glyph/more"));
 var _menu = require("@atlaskit/menu");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _popup = _interopRequireDefault(require("@atlaskit/popup"));
 var _constants = require("@atlaskit/theme/constants");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
@@ -188,7 +189,8 @@ var ExtraActions = function ExtraActions(_ref3) {
         })
       }));
     },
-    zIndex: _constants.layers.modal()
+    zIndex: _constants.layers.modal(),
+    shouldRenderToParent: (0, _platformFeatureFlags.fg)('enable_appropriate_reading_order_in_profile_card')
   }));
 };
 var ButtonSection = function ButtonSection(_ref4) {

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

@@ -19,6 +19,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _giveKudos = require("@atlaskit/give-kudos");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _popup = _interopRequireDefault(require("@atlaskit/popup"));
 var _constants = require("@atlaskit/theme/constants");
 var _filterActions2 = _interopRequireDefault(require("../../internal/filterActions"));
@@ -369,7 +370,8 @@ var TeamProfileCardTriggerInternal = exports.TeamProfileCardTriggerInternal = /*
         },
         zIndex: _constants.layers.modal(),
         shouldFlip: true,
-        autoFocus: this.props.trigger !== 'hover' && !this.openedByHover
+        autoFocus: this.props.trigger !== 'hover' && !this.openedByHover,
+        shouldRenderToParent: (0, _platformFeatureFlags.fg)('enable_appropriate_reading_order_in_profile_card')
       }));
     }
   }, {

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

@@ -297,7 +297,8 @@ var ProfilecardTrigger = /*#__PURE__*/function (_React$PureComponent) {
         zIndex: _constants.layers.modal(),
         shouldUseCaptureOnOutsideClick: true,
         autoFocus: (_this$props$autoFocus = this.props.autoFocus) !== null && _this$props$autoFocus !== void 0 ? _this$props$autoFocus : this.props.trigger === 'click',
-        offset: (_this$props$offset = this.props.offset) !== null && _this$props$offset !== void 0 ? _this$props$offset : [0, 8]
+        offset: (_this$props$offset = this.props.offset) !== null && _this$props$offset !== void 0 ? _this$props$offset : [0, 8],
+        shouldRenderToParent: (0, _platformFeatureFlags.fg)('enable_appropriate_reading_order_in_profile_card')
       }), this.state.shouldShowGiveKudos && /*#__PURE__*/_react.default.createElement(_react.Suspense, {
         fallback: null
       }, /*#__PURE__*/_react.default.createElement(_giveKudos.GiveKudosLauncherLazy, {
@@ -332,7 +333,7 @@ var ProfilecardTrigger = /*#__PURE__*/function (_React$PureComponent) {
 });
 var ProfilecardTriggerLegacy = (0, _analyticsNext.withAnalyticsEvents)()(ProfilecardTrigger);
 function ProfilecardTriggerSwitch(props) {
-  return (0, _platformFeatureFlags.getBooleanFF)('platform.profile-card-trigger-next') ? /*#__PURE__*/_react.default.createElement(_ProfileCardTriggerNext.default, (0, _extends2.default)({}, props, {
+  return (0, _platformFeatureFlags.fg)('platform.profile-card-trigger-next') ? /*#__PURE__*/_react.default.createElement(_ProfileCardTriggerNext.default, (0, _extends2.default)({}, props, {
     onVisibilityChange: function onVisibilityChange(isVisible) {
       if (props.onVisibilityChange) {
         props.onVisibilityChange(isVisible);

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

@@ -17,6 +17,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _giveKudos = require("@atlaskit/give-kudos");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _popup = _interopRequireDefault(require("@atlaskit/popup"));
 var _constants = require("@atlaskit/theme/constants");
 var _filterActions = _interopRequireDefault(require("../../internal/filterActions"));
@@ -334,7 +335,8 @@ function ProfilecardTriggerNext(_ref) {
     zIndex: _constants.layers.modal(),
     shouldUseCaptureOnOutsideClick: true,
     autoFocus: autoFocus !== null && autoFocus !== void 0 ? autoFocus : trigger === 'click',
-    offset: offset !== null && offset !== void 0 ? offset : [0, 8]
+    offset: offset !== null && offset !== void 0 ? offset : [0, 8],
+    shouldRenderToParent: (0, _platformFeatureFlags.fg)('enable_appropriate_reading_order_in_profile_card')
   }), shouldShowGiveKudos && /*#__PURE__*/_react.default.createElement(_react.Suspense, {
     fallback: null
   }, /*#__PURE__*/_react.default.createElement(_giveKudos.GiveKudosLauncherLazy, {

package/dist/cjs/util/analytics.js

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

package/dist/es2019/client/getTeamFromAGG.js

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

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

@@ -7,6 +7,7 @@ import Button from '@atlaskit/button/standard-button';
 import FocusRing from '@atlaskit/focus-ring';
 import MoreIcon from '@atlaskit/icon/glyph/more';
 import { LinkItem, MenuGroup } from '@atlaskit/menu';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { layers } from '@atlaskit/theme/constants';
 import Tooltip from '@atlaskit/tooltip';
@@ -154,7 +155,8 @@ const ExtraActions = ({
         label: "actions"
       })
     })),
-    zIndex: layers.modal()
+    zIndex: layers.modal(),
+    shouldRenderToParent: fg('enable_appropriate_reading_order_in_profile_card')
   }));
 };
 const ButtonSection = ({

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

@@ -4,6 +4,7 @@ import React, { Suspense } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { GiveKudosLauncherLazy, KudosType } from '@atlaskit/give-kudos';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { layers } from '@atlaskit/theme/constants';
 import filterActions from '../../internal/filterActions';
@@ -324,7 +325,8 @@ export class TeamProfileCardTriggerInternal extends React.PureComponent {
       trigger: triggerProps => this.renderTrigger(triggerProps),
       zIndex: layers.modal(),
       shouldFlip: true,
-      autoFocus: this.props.trigger !== 'hover' && !this.openedByHover
+      autoFocus: this.props.trigger !== 'hover' && !this.openedByHover,
+      shouldRenderToParent: fg('enable_appropriate_reading_order_in_profile_card')
     }));
   }
   render() {

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

@@ -3,7 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { Suspense } from 'react';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { GiveKudosLauncherLazy, KudosType } from '@atlaskit/give-kudos';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { layers } from '@atlaskit/theme/constants';
 import filterActions from '../../internal/filterActions';
@@ -251,7 +251,8 @@ class ProfilecardTrigger extends React.PureComponent {
       zIndex: layers.modal(),
       shouldUseCaptureOnOutsideClick: true,
       autoFocus: (_this$props$autoFocus = this.props.autoFocus) !== null && _this$props$autoFocus !== void 0 ? _this$props$autoFocus : this.props.trigger === 'click',
-      offset: (_this$props$offset = this.props.offset) !== null && _this$props$offset !== void 0 ? _this$props$offset : [0, 8]
+      offset: (_this$props$offset = this.props.offset) !== null && _this$props$offset !== void 0 ? _this$props$offset : [0, 8],
+      shouldRenderToParent: fg('enable_appropriate_reading_order_in_profile_card')
     }), this.state.shouldShowGiveKudos && /*#__PURE__*/React.createElement(Suspense, {
       fallback: null
     }, /*#__PURE__*/React.createElement(GiveKudosLauncherLazy, {
@@ -282,7 +283,7 @@ _defineProperty(ProfilecardTrigger, "defaultProps", {
 });
 const ProfilecardTriggerLegacy = withAnalyticsEvents()(ProfilecardTrigger);
 export default function ProfilecardTriggerSwitch(props) {
-  return getBooleanFF('platform.profile-card-trigger-next') ? /*#__PURE__*/React.createElement(ProfilecardTriggerNext, _extends({}, props, {
+  return fg('platform.profile-card-trigger-next') ? /*#__PURE__*/React.createElement(ProfilecardTriggerNext, _extends({}, props, {
     onVisibilityChange: isVisible => {
       if (props.onVisibilityChange) {
         props.onVisibilityChange(isVisible);

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

@@ -3,6 +3,7 @@ import React, { Suspense, useCallback, useEffect, useMemo, useRef, useState } fr
 import { useIntl } from 'react-intl-next';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { GiveKudosLauncherLazy, KudosType } from '@atlaskit/give-kudos';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { layers } from '@atlaskit/theme/constants';
 import filterActionsInner from '../../internal/filterActions';
@@ -262,7 +263,8 @@ export default function ProfilecardTriggerNext({
     zIndex: layers.modal(),
     shouldUseCaptureOnOutsideClick: true,
     autoFocus: autoFocus !== null && autoFocus !== void 0 ? autoFocus : trigger === 'click',
-    offset: offset !== null && offset !== void 0 ? offset : [0, 8]
+    offset: offset !== null && offset !== void 0 ? offset : [0, 8],
+    shouldRenderToParent: fg('enable_appropriate_reading_order_in_profile_card')
   }), shouldShowGiveKudos && /*#__PURE__*/React.createElement(Suspense, {
     fallback: null
   }, /*#__PURE__*/React.createElement(GiveKudosLauncherLazy, {

package/dist/es2019/util/analytics.js

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

package/dist/esm/client/getTeamFromAGG.js

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

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

@@ -12,6 +12,7 @@ import Button from '@atlaskit/button/standard-button';
 import FocusRing from '@atlaskit/focus-ring';
 import MoreIcon from '@atlaskit/icon/glyph/more';
 import { LinkItem, MenuGroup } from '@atlaskit/menu';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { layers } from '@atlaskit/theme/constants';
 import Tooltip from '@atlaskit/tooltip';
@@ -178,7 +179,8 @@ var ExtraActions = function ExtraActions(_ref3) {
         })
       }));
     },
-    zIndex: layers.modal()
+    zIndex: layers.modal(),
+    shouldRenderToParent: fg('enable_appropriate_reading_order_in_profile_card')
   }));
 };
 var ButtonSection = function ButtonSection(_ref4) {

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

@@ -13,6 +13,7 @@ import React, { Suspense } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { GiveKudosLauncherLazy, KudosType } from '@atlaskit/give-kudos';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { layers } from '@atlaskit/theme/constants';
 import _filterActions from '../../internal/filterActions';
@@ -359,7 +360,8 @@ export var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureCo
         },
         zIndex: layers.modal(),
         shouldFlip: true,
-        autoFocus: this.props.trigger !== 'hover' && !this.openedByHover
+        autoFocus: this.props.trigger !== 'hover' && !this.openedByHover,
+        shouldRenderToParent: fg('enable_appropriate_reading_order_in_profile_card')
       }));
     }
   }, {

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

@@ -16,7 +16,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 import React, { Suspense } from 'react';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { GiveKudosLauncherLazy, KudosType } from '@atlaskit/give-kudos';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { layers } from '@atlaskit/theme/constants';
 import _filterActions from '../../internal/filterActions';
@@ -287,7 +287,8 @@ var ProfilecardTrigger = /*#__PURE__*/function (_React$PureComponent) {
         zIndex: layers.modal(),
         shouldUseCaptureOnOutsideClick: true,
         autoFocus: (_this$props$autoFocus = this.props.autoFocus) !== null && _this$props$autoFocus !== void 0 ? _this$props$autoFocus : this.props.trigger === 'click',
-        offset: (_this$props$offset = this.props.offset) !== null && _this$props$offset !== void 0 ? _this$props$offset : [0, 8]
+        offset: (_this$props$offset = this.props.offset) !== null && _this$props$offset !== void 0 ? _this$props$offset : [0, 8],
+        shouldRenderToParent: fg('enable_appropriate_reading_order_in_profile_card')
       }), this.state.shouldShowGiveKudos && /*#__PURE__*/React.createElement(Suspense, {
         fallback: null
       }, /*#__PURE__*/React.createElement(GiveKudosLauncherLazy, {
@@ -322,7 +323,7 @@ _defineProperty(ProfilecardTrigger, "defaultProps", {
 });
 var ProfilecardTriggerLegacy = withAnalyticsEvents()(ProfilecardTrigger);
 export default function ProfilecardTriggerSwitch(props) {
-  return getBooleanFF('platform.profile-card-trigger-next') ? /*#__PURE__*/React.createElement(ProfilecardTriggerNext, _extends({}, props, {
+  return fg('platform.profile-card-trigger-next') ? /*#__PURE__*/React.createElement(ProfilecardTriggerNext, _extends({}, props, {
     onVisibilityChange: function onVisibilityChange(isVisible) {
       if (props.onVisibilityChange) {
         props.onVisibilityChange(isVisible);

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

@@ -13,6 +13,7 @@ import React, { Suspense, useCallback, useEffect, useMemo, useRef, useState } fr
 import { useIntl } from 'react-intl-next';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { GiveKudosLauncherLazy, KudosType } from '@atlaskit/give-kudos';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { layers } from '@atlaskit/theme/constants';
 import filterActionsInner from '../../internal/filterActions';
@@ -324,7 +325,8 @@ export default function ProfilecardTriggerNext(_ref) {
     zIndex: layers.modal(),
     shouldUseCaptureOnOutsideClick: true,
     autoFocus: autoFocus !== null && autoFocus !== void 0 ? autoFocus : trigger === 'click',
-    offset: offset !== null && offset !== void 0 ? offset : [0, 8]
+    offset: offset !== null && offset !== void 0 ? offset : [0, 8],
+    shouldRenderToParent: fg('enable_appropriate_reading_order_in_profile_card')
   }), shouldShowGiveKudos && /*#__PURE__*/React.createElement(Suspense, {
     fallback: null
   }, /*#__PURE__*/React.createElement(GiveKudosLauncherLazy, {

package/dist/esm/util/analytics.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "19.16.2",
+	"version": "19.16.3",
 	"description": "A React component to display a card with user information.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -115,6 +115,9 @@
 	"platform-feature-flags": {
 		"platform.profile-card-trigger-next": {
 			"type": "boolean"
+		},
+		"enable_appropriate_reading_order_in_profile_card": {
+			"type": "boolean"
 		}
 	}
 }