@atlaskit/profilecard 26.8.1 → 26.8.3

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/profilecard
 
+## 26.8.3
+
+### Patch Changes
+
+- [`47de4247d963e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/47de4247d963e) -
+  Remove aria-controls attribute from non interactive profile card trigger
+- Updated dependencies
+
+## 26.8.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 26.8.1
 
 ### 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', "26.8.0");
+  headers.append('atl-client-version', "26.8.2");
   return headers;
 };
 function getOrgIdForCloudIdFromAGG(_x, _x2) {

package/dist/cjs/client/getTeamFromAGG.js

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

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

@@ -13,6 +13,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _popup = _interopRequireDefault(require("@atlaskit/popup"));
 var _constants = require("@atlaskit/theme/constants");
 var _analytics = require("../../util/analytics");
@@ -22,7 +23,8 @@ var _LoadingState = require("./LoadingState");
 var _PopupTrigger = require("./PopupTrigger");
 var _ProfileCardWrapper = require("./ProfileCardWrapper");
 var _excluded = ["trigger", "ariaLabelledBy", "children", "renderProfileCard", "fetchProfile", "disabledAriaAttributes", "profileCardType", "testId", "fireAnalytics"],
-  _excluded2 = ["aria-expanded", "aria-haspopup"];
+  _excluded2 = ["aria-expanded", "aria-haspopup", "aria-controls"],
+  _excluded3 = ["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); }
 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; }
@@ -109,18 +111,34 @@ function ProfileCardTriggerInner(_ref, ref) {
     zIndex: _constants.layers.modal(),
     shouldFitContainer: false,
     trigger: function trigger(triggerProps) {
-      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, {
-        ref: triggerProps.ref,
-        hideProfilecard: hideProfilecard,
-        showProfilecard: showProfilecard,
-        children: children,
-        ariaLabelledBy: ariaLabelledBy,
-        trigger: _trigger,
-        "data-testid": testId
-      }));
+      if ((0, _platformFeatureFlags.fg)('fix_aria_attribute_violation_on_agent_card_trigger')) {
+        var _ = triggerProps['aria-expanded'],
+          __ = triggerProps['aria-haspopup'],
+          ___ = triggerProps['aria-controls'],
+          restInnerProps = (0, _objectWithoutProperties2.default)(triggerProps, _excluded2);
+        return /*#__PURE__*/_react.default.createElement(_PopupTrigger.PopupTrigger, (0, _extends2.default)({}, disabledAriaAttributes ? restInnerProps : triggerProps, {
+          ref: triggerProps.ref,
+          hideProfilecard: hideProfilecard,
+          showProfilecard: showProfilecard,
+          children: children,
+          ariaLabelledBy: ariaLabelledBy,
+          trigger: _trigger,
+          "data-testid": testId
+        }));
+      } else {
+        var _2 = triggerProps['aria-expanded'],
+          _3 = triggerProps['aria-haspopup'],
+          _restInnerProps = (0, _objectWithoutProperties2.default)(triggerProps, _excluded3);
+        return /*#__PURE__*/_react.default.createElement(_PopupTrigger.PopupTrigger, (0, _extends2.default)({}, disabledAriaAttributes ? _restInnerProps : triggerProps, {
+          ref: triggerProps.ref,
+          hideProfilecard: hideProfilecard,
+          showProfilecard: showProfilecard,
+          children: children,
+          ariaLabelledBy: ariaLabelledBy,
+          trigger: _trigger,
+          "data-testid": testId
+        }));
+      }
     },
     content: function content() {
       return /*#__PURE__*/_react.default.createElement("div", {

package/dist/cjs/util/analytics.js

@@ -12,7 +12,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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 PACKAGE_META_DATA = exports.PACKAGE_META_DATA = {
   packageName: (_process$env$_PACKAGE = "@atlaskit/profilecard") !== null && _process$env$_PACKAGE !== void 0 ? _process$env$_PACKAGE : '',
-  packageVersion: (_process$env$_PACKAGE2 = "26.8.0") !== null && _process$env$_PACKAGE2 !== void 0 ? _process$env$_PACKAGE2 : ''
+  packageVersion: (_process$env$_PACKAGE2 = "26.8.2") !== null && _process$env$_PACKAGE2 !== void 0 ? _process$env$_PACKAGE2 : ''
 };
 var TEAM_SUBJECT = 'teamProfileCard';
 var USER_SUBJECT = 'profilecard';
@@ -31,7 +31,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "26.8.0"
+      packageVersion: "26.8.2"
     }, 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', "26.8.0");
+  headers.append('atl-client-version', "26.8.2");
   return headers;
 };
 export async function getOrgIdForCloudIdFromAGG(url, cloudId) {

package/dist/es2019/client/getTeamFromAGG.js

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

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

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { layers } from '@atlaskit/theme/constants';
 import { getActionSubject, PACKAGE_META_DATA } from '../../util/analytics';
@@ -80,20 +81,38 @@ function ProfileCardTriggerInner({
     zIndex: layers.modal(),
     shouldFitContainer: false,
     trigger: triggerProps => {
-      const {
-        'aria-expanded': _,
-        'aria-haspopup': __,
-        ...restInnerProps
-      } = triggerProps;
-      return /*#__PURE__*/React.createElement(PopupTrigger, _extends({}, disabledAriaAttributes ? restInnerProps : triggerProps, {
-        ref: triggerProps.ref,
-        hideProfilecard: hideProfilecard,
-        showProfilecard: showProfilecard,
-        children: children,
-        ariaLabelledBy: ariaLabelledBy,
-        trigger: trigger,
-        "data-testid": testId
-      }));
+      if (fg('fix_aria_attribute_violation_on_agent_card_trigger')) {
+        const {
+          'aria-expanded': _,
+          'aria-haspopup': __,
+          'aria-controls': ___,
+          ...restInnerProps
+        } = triggerProps;
+        return /*#__PURE__*/React.createElement(PopupTrigger, _extends({}, disabledAriaAttributes ? restInnerProps : triggerProps, {
+          ref: triggerProps.ref,
+          hideProfilecard: hideProfilecard,
+          showProfilecard: showProfilecard,
+          children: children,
+          ariaLabelledBy: ariaLabelledBy,
+          trigger: trigger,
+          "data-testid": testId
+        }));
+      } else {
+        const {
+          'aria-expanded': _,
+          'aria-haspopup': __,
+          ...restInnerProps
+        } = triggerProps;
+        return /*#__PURE__*/React.createElement(PopupTrigger, _extends({}, disabledAriaAttributes ? restInnerProps : triggerProps, {
+          ref: triggerProps.ref,
+          hideProfilecard: hideProfilecard,
+          showProfilecard: showProfilecard,
+          children: children,
+          ariaLabelledBy: ariaLabelledBy,
+          trigger: trigger,
+          "data-testid": testId
+        }));
+      }
     },
     content: () => /*#__PURE__*/React.createElement("div", {
       onMouseEnter: onMouseEnter,

package/dist/es2019/util/analytics.js

@@ -2,7 +2,7 @@ var _process$env$_PACKAGE, _process$env$_PACKAGE2;
 import { getPageTime } from './performance';
 export const PACKAGE_META_DATA = {
   packageName: (_process$env$_PACKAGE = "@atlaskit/profilecard") !== null && _process$env$_PACKAGE !== void 0 ? _process$env$_PACKAGE : '',
-  packageVersion: (_process$env$_PACKAGE2 = "26.8.0") !== null && _process$env$_PACKAGE2 !== void 0 ? _process$env$_PACKAGE2 : ''
+  packageVersion: (_process$env$_PACKAGE2 = "26.8.2") !== null && _process$env$_PACKAGE2 !== void 0 ? _process$env$_PACKAGE2 : ''
 };
 const TEAM_SUBJECT = 'teamProfileCard';
 const USER_SUBJECT = 'profilecard';
@@ -19,7 +19,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/profilecard",
-    packageVersion: "26.8.0",
+    packageVersion: "26.8.2",
     ...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', "26.8.0");
+  headers.append('atl-client-version', "26.8.2");
   return headers;
 };
 export function getOrgIdForCloudIdFromAGG(_x, _x2) {

package/dist/esm/client/getTeamFromAGG.js

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

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

@@ -4,11 +4,13 @@ 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", "testId", "fireAnalytics"],
-  _excluded2 = ["aria-expanded", "aria-haspopup"];
+  _excluded2 = ["aria-expanded", "aria-haspopup", "aria-controls"],
+  _excluded3 = ["aria-expanded", "aria-haspopup"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 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 React, { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { layers } from '@atlaskit/theme/constants';
 import { getActionSubject, PACKAGE_META_DATA } from '../../util/analytics';
@@ -100,18 +102,34 @@ function ProfileCardTriggerInner(_ref, ref) {
     zIndex: layers.modal(),
     shouldFitContainer: false,
     trigger: function trigger(triggerProps) {
-      var _ = triggerProps['aria-expanded'],
-        __ = triggerProps['aria-haspopup'],
-        restInnerProps = _objectWithoutProperties(triggerProps, _excluded2);
-      return /*#__PURE__*/React.createElement(PopupTrigger, _extends({}, disabledAriaAttributes ? restInnerProps : triggerProps, {
-        ref: triggerProps.ref,
-        hideProfilecard: hideProfilecard,
-        showProfilecard: showProfilecard,
-        children: children,
-        ariaLabelledBy: ariaLabelledBy,
-        trigger: _trigger,
-        "data-testid": testId
-      }));
+      if (fg('fix_aria_attribute_violation_on_agent_card_trigger')) {
+        var _ = triggerProps['aria-expanded'],
+          __ = triggerProps['aria-haspopup'],
+          ___ = triggerProps['aria-controls'],
+          restInnerProps = _objectWithoutProperties(triggerProps, _excluded2);
+        return /*#__PURE__*/React.createElement(PopupTrigger, _extends({}, disabledAriaAttributes ? restInnerProps : triggerProps, {
+          ref: triggerProps.ref,
+          hideProfilecard: hideProfilecard,
+          showProfilecard: showProfilecard,
+          children: children,
+          ariaLabelledBy: ariaLabelledBy,
+          trigger: _trigger,
+          "data-testid": testId
+        }));
+      } else {
+        var _2 = triggerProps['aria-expanded'],
+          _3 = triggerProps['aria-haspopup'],
+          _restInnerProps = _objectWithoutProperties(triggerProps, _excluded3);
+        return /*#__PURE__*/React.createElement(PopupTrigger, _extends({}, disabledAriaAttributes ? _restInnerProps : triggerProps, {
+          ref: triggerProps.ref,
+          hideProfilecard: hideProfilecard,
+          showProfilecard: showProfilecard,
+          children: children,
+          ariaLabelledBy: ariaLabelledBy,
+          trigger: _trigger,
+          "data-testid": testId
+        }));
+      }
     },
     content: function content() {
       return /*#__PURE__*/React.createElement("div", {

package/dist/esm/util/analytics.js

@@ -5,7 +5,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { getPageTime } from './performance';
 export var PACKAGE_META_DATA = {
   packageName: (_process$env$_PACKAGE = "@atlaskit/profilecard") !== null && _process$env$_PACKAGE !== void 0 ? _process$env$_PACKAGE : '',
-  packageVersion: (_process$env$_PACKAGE2 = "26.8.0") !== null && _process$env$_PACKAGE2 !== void 0 ? _process$env$_PACKAGE2 : ''
+  packageVersion: (_process$env$_PACKAGE2 = "26.8.2") !== null && _process$env$_PACKAGE2 !== void 0 ? _process$env$_PACKAGE2 : ''
 };
 var TEAM_SUBJECT = 'teamProfileCard';
 var USER_SUBJECT = 'profilecard';
@@ -24,7 +24,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "26.8.0"
+      packageVersion: "26.8.2"
     }, attributes), {}, {
       firedAt: Math.round(getPageTime())
     })

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "26.8.1",
+	"version": "26.8.3",
 	"description": "A React component to display a card with user information.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -49,7 +49,7 @@
 		"@atlaskit/feature-gate-js-client": "^6.0.0",
 		"@atlaskit/give-kudos": "^6.3.0",
 		"@atlaskit/heading": "^6.1.0",
-		"@atlaskit/icon": "^36.1.0",
+		"@atlaskit/icon": "^36.2.0",
 		"@atlaskit/link": "4.1.0",
 		"@atlaskit/lozenge": "^14.1.0",
 		"@atlaskit/menu": "^9.1.0",
@@ -68,7 +68,7 @@
 		"@atlaskit/teams-avatar": "^3.1.0",
 		"@atlaskit/teams-public": "^2.3.0",
 		"@atlaskit/theme": "^26.1.0",
-		"@atlaskit/tmp-editor-statsig": "^120.1.0",
+		"@atlaskit/tmp-editor-statsig": "^121.1.0",
 		"@atlaskit/tokens": "^15.4.0",
 		"@atlaskit/tooltip": "^23.1.0",
 		"@atlassian/studio-entry-link": "^1.1.0",
@@ -93,7 +93,7 @@
 		"@atlassian/feature-flags-test-utils": "^1.1.0",
 		"@atlassian/platform-storybook-helpers": "^0.4.0",
 		"@atlassian/ptc-test-utils": "^0.13.0",
-		"@atlassian/testing-library": "^0.7.0",
+		"@atlassian/testing-library": "^0.9.0",
 		"@storybook/addon-actions": "^8.6.14",
 		"@storybook/test": "^8.6.14",
 		"@testing-library/react": "^16.3.0",
@@ -178,6 +178,9 @@
 		"create_modernization_ga_fixes_drop_2": {
 			"type": "boolean"
 		},
+		"fix_aria_attribute_violation_on_agent_card_trigger": {
+			"type": "boolean"
+		},
 		"platform_editor_agent_profile_card_favourite_sync": {
 			"type": "boolean"
 		},