@atlaskit/profilecard 25.6.2 → 25.7.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/profilecard
 
+## 25.7.0
+
+### Minor Changes
+
+- [`cdaad47af854e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cdaad47af854e) -
+  React 19 upgrade - replace findDOMNode
+
+### Patch Changes
+
+- Updated dependencies
+
+## 25.6.3
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 25.6.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', "25.6.1");
+  headers.append('atl-client-version', "25.6.3");
   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', "25.6.1");
+  headers.append('atl-client-version', "25.6.3");
   return headers;
 };
 function getTeamFromAGG(_x, _x2, _x3) {

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 = "25.6.1") !== null && _process$env$_PACKAGE2 !== void 0 ? _process$env$_PACKAGE2 : ''
+  packageVersion: (_process$env$_PACKAGE2 = "25.6.3") !== 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: "25.6.1"
+      packageVersion: "25.6.3"
     }, attributes), {}, {
       firedAt: Math.round((0, _performance.getPageTime)())
     })

package/dist/cjs/util/withOuterListeners.compiled.css

@@ -0,0 +1 @@
+._1e0c1bgi{display:contents}

package/dist/cjs/util/withOuterListeners.js

@@ -1,3 +1,4 @@
+/* withOuterListeners.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -5,6 +6,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = withOuterListeners;
+require("./withOuterListeners.compiled.css");
+var _runtime = require("@compiled/react/runtime");
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
@@ -13,8 +16,13 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _compiled = require("@atlaskit/primitives/compiled");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var styles = {
+  displayContents: "_1e0c1bgi"
+};
 function withOuterListeners(Component) {
   return /*#__PURE__*/function (_React$PureComponent) {
     function WithOuterListeners() {
@@ -24,10 +32,12 @@ function withOuterListeners(Component) {
         args[_key] = arguments[_key];
       }
       _this = _callSuper(this, WithOuterListeners, [].concat(args));
+      (0, _defineProperty2.default)(_this, "wrapperRef", /*#__PURE__*/_react.default.createRef());
+      (0, _defineProperty2.default)(_this, "useWrapperDiv", (0, _platformFeatureFlags.fg)('teams_app_react_19_upgrade'));
       (0, _defineProperty2.default)(_this, "handleClick", function (evt) {
         var handleClickOutside = _this.props.handleClickOutside;
         if (handleClickOutside) {
-          var domNode = _reactDom.default.findDOMNode(_this); // eslint-disable-line react/no-find-dom-node
+          var domNode = _this.useWrapperDiv ? _this.wrapperRef.current : _reactDom.default.findDOMNode(_this); // eslint-disable-line react/no-find-dom-node
 
           if (!domNode || evt.target instanceof Node && !domNode.contains(evt.target)) {
             handleClickOutside();
@@ -66,6 +76,12 @@ function withOuterListeners(Component) {
     }, {
       key: "render",
       value: function render() {
+        if (this.useWrapperDiv) {
+          return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+            ref: this.wrapperRef,
+            xcss: styles.displayContents
+          }, /*#__PURE__*/_react.default.createElement(Component, this.props));
+        }
         return /*#__PURE__*/_react.default.createElement(Component, this.props);
       }
     }]);

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

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 = "25.6.1") !== null && _process$env$_PACKAGE2 !== void 0 ? _process$env$_PACKAGE2 : ''
+  packageVersion: (_process$env$_PACKAGE2 = "25.6.3") !== 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: "25.6.1",
+    packageVersion: "25.6.3",
     ...attributes,
     firedAt: Math.round(getPageTime())
   }

package/dist/es2019/util/withOuterListeners.compiled.css

@@ -0,0 +1 @@
+._1e0c1bgi{display:contents}

package/dist/es2019/util/withOuterListeners.js

@@ -1,16 +1,26 @@
+/* withOuterListeners.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import "./withOuterListeners.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import ReactDOM from 'react-dom';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { Box } from '@atlaskit/primitives/compiled';
+const styles = {
+  displayContents: "_1e0c1bgi"
+};
 export default function withOuterListeners(Component) {
   return class WithOuterListeners extends React.PureComponent {
     constructor(...args) {
       super(...args);
+      _defineProperty(this, "wrapperRef", /*#__PURE__*/React.createRef());
+      _defineProperty(this, "useWrapperDiv", fg('teams_app_react_19_upgrade'));
       _defineProperty(this, "handleClick", evt => {
         const {
           handleClickOutside
         } = this.props;
         if (handleClickOutside) {
-          const domNode = ReactDOM.findDOMNode(this); // eslint-disable-line react/no-find-dom-node
+          const domNode = this.useWrapperDiv ? this.wrapperRef.current : ReactDOM.findDOMNode(this); // eslint-disable-line react/no-find-dom-node
 
           if (!domNode || evt.target instanceof Node && !domNode.contains(evt.target)) {
             handleClickOutside();
@@ -43,6 +53,12 @@ export default function withOuterListeners(Component) {
       }
     }
     render() {
+      if (this.useWrapperDiv) {
+        return /*#__PURE__*/React.createElement(Box, {
+          ref: this.wrapperRef,
+          xcss: styles.displayContents
+        }, /*#__PURE__*/React.createElement(Component, this.props));
+      }
       return /*#__PURE__*/React.createElement(Component, this.props);
     }
   };

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

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 = "25.6.1") !== null && _process$env$_PACKAGE2 !== void 0 ? _process$env$_PACKAGE2 : ''
+  packageVersion: (_process$env$_PACKAGE2 = "25.6.3") !== 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: "25.6.1"
+      packageVersion: "25.6.3"
     }, attributes), {}, {
       firedAt: Math.round(getPageTime())
     })

package/dist/esm/util/withOuterListeners.compiled.css

@@ -0,0 +1 @@
+._1e0c1bgi{display:contents}

package/dist/esm/util/withOuterListeners.js

@@ -1,13 +1,21 @@
+/* withOuterListeners.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import "./withOuterListeners.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import ReactDOM from 'react-dom';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { Box } from '@atlaskit/primitives/compiled';
+var styles = {
+  displayContents: "_1e0c1bgi"
+};
 export default function withOuterListeners(Component) {
   return /*#__PURE__*/function (_React$PureComponent) {
     function WithOuterListeners() {
@@ -17,10 +25,12 @@ export default function withOuterListeners(Component) {
         args[_key] = arguments[_key];
       }
       _this = _callSuper(this, WithOuterListeners, [].concat(args));
+      _defineProperty(_this, "wrapperRef", /*#__PURE__*/React.createRef());
+      _defineProperty(_this, "useWrapperDiv", fg('teams_app_react_19_upgrade'));
       _defineProperty(_this, "handleClick", function (evt) {
         var handleClickOutside = _this.props.handleClickOutside;
         if (handleClickOutside) {
-          var domNode = ReactDOM.findDOMNode(_this); // eslint-disable-line react/no-find-dom-node
+          var domNode = _this.useWrapperDiv ? _this.wrapperRef.current : ReactDOM.findDOMNode(_this); // eslint-disable-line react/no-find-dom-node
 
           if (!domNode || evt.target instanceof Node && !domNode.contains(evt.target)) {
             handleClickOutside();
@@ -59,6 +69,12 @@ export default function withOuterListeners(Component) {
     }, {
       key: "render",
       value: function render() {
+        if (this.useWrapperDiv) {
+          return /*#__PURE__*/React.createElement(Box, {
+            ref: this.wrapperRef,
+            xcss: styles.displayContents
+          }, /*#__PURE__*/React.createElement(Component, this.props));
+        }
         return /*#__PURE__*/React.createElement(Component, this.props);
       }
     }]);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "25.6.2",
+	"version": "25.7.0",
 	"description": "A React component to display a card with user information.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -56,7 +56,7 @@
 		"@atlaskit/empty-state": "^10.2.0",
 		"@atlaskit/give-kudos": "^5.8.0",
 		"@atlaskit/heading": "^5.4.0",
-		"@atlaskit/icon": "^34.5.0",
+		"@atlaskit/icon": "^34.6.0",
 		"@atlaskit/link": "3.4.2",
 		"@atlaskit/lozenge": "^13.8.0",
 		"@atlaskit/menu": "^8.5.0",
@@ -65,7 +65,7 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popup": "^4.19.0",
 		"@atlaskit/primitives": "^19.0.0",
-		"@atlaskit/rovo-agent-components": "^4.4.0",
+		"@atlaskit/rovo-agent-components": "^4.5.0",
 		"@atlaskit/rovo-triggers": "^6.1.0",
 		"@atlaskit/spinner": "^19.1.0",
 		"@atlaskit/teams-app-config": "^1.12.0",
@@ -74,7 +74,7 @@
 		"@atlaskit/teams-avatar": "^2.7.0",
 		"@atlaskit/teams-public": "^1.4.0",
 		"@atlaskit/theme": "^23.2.0",
-		"@atlaskit/tmp-editor-statsig": "^80.3.0",
+		"@atlaskit/tmp-editor-statsig": "^81.0.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^22.2.0",
 		"@atlassian/studio-entry-link": "^1.1.0",
@@ -192,6 +192,9 @@
 		},
 		"update_profile_card_to_open_on_mouse_over": {
 			"type": "boolean"
+		},
+		"teams_app_react_19_upgrade": {
+			"type": "boolean"
 		}
 	},
 	"sideEffects": [