@atlaskit/profilecard 19.15.4 → 19.15.5

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/profilecard
 
+## 19.15.5
+
+### Patch Changes
+
+- [#114683](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/114683)
+  [`ff0815316ab38`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ff0815316ab38) -
+  Removes usage of custom theme button in places where its API is not being used and the default
+  button is able to be used instead. This should give a slight performance (runtime) improvement.
+
 ## 19.15.4
 
 ### 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.15.4");
+  headers.append('atl-client-version', "19.15.5");
   return headers;
 };
 function getTeamFromAGG(_x, _x2, _x3) {

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

@@ -13,7 +13,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
-var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
+var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _focusRing = _interopRequireDefault(require("@atlaskit/focus-ring"));
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _colors = require("@atlaskit/theme/colors");
@@ -168,7 +168,7 @@ var Actions = function Actions(_ref) {
     var button = /*#__PURE__*/_react.default.createElement(_focusRing.default, {
       isInset: true,
       key: "profile-card-action-focus-ring_".concat(action.id || index)
-    }, /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
+    }, /*#__PURE__*/_react.default.createElement(_button.default, {
       appearance: "default",
       key: action.id || index,
       onClick: function onClick(event) {

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

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
 var _avatarGroup = _interopRequireDefault(require("@atlaskit/avatar-group"));
-var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
+var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _messages = _interopRequireDefault(require("../../messages"));
 var _ReportingLines = require("../../styled/ReportingLines");
 var _analytics = require("../../util/analytics");
@@ -44,7 +44,7 @@ var ReportingLinesDetails = function ReportingLinesDetails(props) {
     style: {
       marginBottom: 0
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.managerSectionHeading)), /*#__PURE__*/_react.default.createElement(_ReportingLines.OffsetWrapper, null, /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
+  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.managerSectionHeading)), /*#__PURE__*/_react.default.createElement(_ReportingLines.OffsetWrapper, null, /*#__PURE__*/_react.default.createElement(_button.default, {
     appearance: "subtle",
     spacing: "none",
     href: getProfileHref(manager.accountIdentifier, reportingLinesProfileUrl),

package/dist/cjs/mocks/team-data.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = teamData;
+exports.staticTeamData = staticTeamData;
 var _sample = _interopRequireDefault(require("lodash/sample"));
 var avatarImages = ['data:image/gif;base64,R0lGODdhgACAAPIHAABRzMHT8l6O3o2w6env+zh22P///xRe0CwAAAAAgACAAAAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqv2Kx2y+16v+CweEwum8/otHrNbrvf8Lh8Tq83CwGDgTA4RA4DBHoBAnADeoh7BQ8HgokGA24Cj4gED3mUBoVsmJmbC5OZe22iepEMh6V+a6UGAQ2poouspacLsZmrap2UswsFpa9sjZnCsLJuBY6IAbrHiQSfbQcCAQED0g8FA9YCznbg4eLj5OVO2zMDvlXKrt8qB3kE61LEg/Qo8ZX4TvrQ2SbaQXvHxB+lPicAiWomBdejaCUEFiPIxOGjAPw04GnFkIiKxYveOFRrBQlLKJKEKDagFohkySwSSRK4NgBbAQE1uS2TCdCKQZdAUaq0ImBn0KN6IIppiTQon6FbqBlt+hBhmm1Tj/LpebVaVkoz1YUrQDZnTbIZzaldy7at27dw48qdS7eu3bt48+rdy7ev37+AAwseTLiw4cOIEytezLix48eQI0uenDcBADs=', 'data:image/gif;base64,R0lGODdhgACAAPIHAACjv2fE1sXp70S2zR+qxJbV4////+r3+SwAAAAAgACAAAAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqv2Kx2y+16v+CweEwum8/otHrNbrvf8Lh8Tq83BwKD4VAgRAgFB3oCAXAFeoh7Aw8EgokGBW4Bj4gHD3mUBoVsmJmbC5OZe22iepEMh6V+a6UGAg2poouspacLsZmrap2UswsDpa9sjZnCsLJuA46IArrHiQefbQQBAgIF0g8DBdYBznbg4eLj5OVO2zMFvlXKrt8qBHkH61LEg/Qo8ZX4TvrQ2SbaQXvHxB+lPicAiWomBdejaCUEFiPIxOEjAfw04GnFkIiKxYveOFRrBQlLKJKEKDagFohkySwSSR64VgDbgAA1uS2TCdCKQZdAUaq0EmBn0KN6IIppiTQon6FbqBlt+hBhmm1Tj/LpebVaVkoz1YUbQDZnTbIZzaldy7at27dw48qdS7eu3bt48+rdy7ev37+AAwseTLiw4cOIEytezLix48eQI0uenDcBADs=', 'data:image/gif;base64,R0lGODdhgACAAPIHAACHWur18arVxYjDrlarjMnk2v///yeUbSwAAAAAgACAAAAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqv2Kx2y+16v+CweEwum8/otHrNbrvf8Lh8Tq83CQKDISA4RA4DAXoFBHADeoh7fg4HgokGAm4Ej4gBDwWUeoVsmJkGmwuTnpZsnnqRDIemi2qmBgUNqp6gaa4Dsa6saXmzDQemsGyNmai4mbpqw4kFyAu8lbTCAwUFAtEOeNQDzXbd3t/g4eJMgDPbWMPMLwd5AdxPyq/vJQedilT1jwHXJQSOlfOS5Mt0zgQgT+qiPKO0r98/SgkVuiIUgoC9TBGlLMRIIIagBIuuIGERFdKaRwUH8Dz0dCuLv5CVqg0YQKDmzGkrTTXcwg6mz58Zt7z8SVQfPy6BihINUHAMoJxKEzE96UVl1ErW4AASAJWhgKZ1UhK4ObMm1XFo06pdy7at27dw48qdS7eu3bt48+rdy7ev37+AAwseTLiw4cOIEytezLix48eQI8tNAAA7', 'data:image/gif;base64,R0lGODdhgACAAPIHAFJCqfDu+LGp2XlqvJGFyGBRsP///9TQ6iwAAAAAgACAAAAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqv2Kx2y+16v+CweEwum8/otHrNbrvf8Lh8Tq83BweDISAoRAoCAXoHBHACeoh7Aw8FgokGAm4Ej4gBD3mUBoVsmJmbC5OZe22iepEMh6V+a6UGBw2poouspacLsZmrap2UswsDpa9sjZnCsLJuA46IB7rHiQGfbQUEBwcC0g8DAtYEznbg4eLj5OVO2zMCvlXKrt8qBXkB61LEg/Qo8ZX4TvrQ2SbaQXvHxB+lPicAiWomBdejaCUEFiPIxOGjA/w04GnFkIiKxYveOFRrBQlLKJKEKDagFohkySwSSQa4JgDbAAI1uS2TCdCKQZdAUaq0QmBn0KN6IIppiTQon6FbqBlt+hBhmm1Tj/LpebVaVkoz1YUbQDZnTbIZzaldy7at27dw48qdS7eu3bt48+rdy7ev37+AAwseTLiw4cOIEytezLix48eQI0uenDcBADs=', 'data:image/gif;base64,R0lGODdhgACAAPIHAN41Cvzs6vfMxPGgkeRTNeBAG////+lvVywAAAAAgACAAEAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKqubOu+62DMdEA8REDTA+x7uZ1BUIDIdoHDbzkh9H6DG5N1EFpngoO0eRjorrvndOwgHLqD9OC8Jbvf8Lh8Tq/b7/i8fs/v+/+AgYKDhIUrYFgNR2BKho6GBQJgA0UmBYtCRI8RXoienwYBlJukpaanqKmqq6ytrq+wsbKztLW2t7i5uru8vRySjA1VYAG9wFeNCwSIAr7OzzAFX0NtKQTHNqWYVlkhB8dXmqeRoOXmAtWwXdPmSGvQ8PHy8/T19vf4+fr7/P3+/wADChxIsKDBgwgTKlzIsKHDhxAjSpxI4tsMUZUeXPrSzYfXMCvFHIDbkUyXJzEKtglJZ+ukIk8ZcwXh9kDlDJa4LgkQ8E5Cl51RKAodGieIuBbkspEih6TkiQPsQsUsZPOiUxBQmU2l+inLVgsWXaLKWi4AzzRn0AwQEBVREldk28m1SmvjXE8YezlhW5YnTqKAAwseTLiw4cOIEytezLix48eQI0smkQAAOw==', 'data:image/gif;base64,R0lGODdhgACAAPIHAP+ZH/+vUv/Rnf+gMv+9cf/26//////mySwAAAAAgACAAAAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqv2Kx2y+16v+CweEwum8/otHrNbrvf8Lh8Tq83AweDoSAYRAYCBXoHBHACeoh7AQ8DgokGAm4Ej4gFD3mUBoVsmJmbC5OZe22iepEMh6V+a6UGBw2poouspacLsZmrap2UswsBpa9sjZnCsLJuAY6IB7rHiQWfbQMEBwcC0g8BAtYEznbg4eLj5OVO2zMCvlXKrt8qA3kF61LEg/Qo8ZX4TvrQ2SbaQXvHxB+lPicAiWomBdejaCUEFiPIxOGjA/w04GnFkIiKxYveOFRrBQlLKJKEKDagFohkySwSSRa4JgBbAAI1uS2TCdCKQZdAUaq0QmBn0KN6IIppiTQon6FbqBlt+hBhmm1Tj/LpebVaVkoz1YULQDZnTbIZzaldy7at27dw48qdS7eu3bt48+rdy7ev37+AAwseTLiw4cOIEytezLix48eQI0uenDcBADs=', '' // to test invalid img src
 ];
@@ -50,4 +51,27 @@ function teamData(_ref) {
     members: members.slice(0, memberCount),
     description: description ? descriptions[description] : descriptions.Long
   };
+}
+function staticTeamData(_ref2) {
+  var _ref2$headerImage = _ref2.headerImage,
+    headerImage = _ref2$headerImage === void 0 ? 'None' : _ref2$headerImage,
+    _ref2$displayName = _ref2.displayName,
+    displayName = _ref2$displayName === void 0 ? 'Short' : _ref2$displayName,
+    _ref2$members = _ref2.members,
+    memberCount = _ref2$members === void 0 ? 1 : _ref2$members,
+    _ref2$description = _ref2.description,
+    description = _ref2$description === void 0 ? 'Long' : _ref2$description;
+  return {
+    id: 'team-id',
+    largeHeaderImageUrl: headerImage === 'Picture' ? sampleImage : undefined,
+    displayName: names[displayName] || names.Short,
+    members: memberNames.map(function (name, index) {
+      return {
+        id: index.toString(),
+        avatarUrl: avatarImages[index % avatarImages.length],
+        fullName: name
+      };
+    }).slice(0, memberCount),
+    description: description ? descriptions[description] : descriptions.Long
+  };
 }

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

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

@@ -3,7 +3,7 @@ import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import Avatar from '@atlaskit/avatar';
-import Button from '@atlaskit/button/custom-theme-button';
+import Button from '@atlaskit/button';
 import FocusRing from '@atlaskit/focus-ring';
 import Spinner from '@atlaskit/spinner';
 import { N0 } from '@atlaskit/theme/colors';

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import Avatar from '@atlaskit/avatar';
 import AvatarGroup from '@atlaskit/avatar-group';
-import Button from '@atlaskit/button/custom-theme-button';
+import Button from '@atlaskit/button';
 import messages from '../../messages';
 import { ManagerName, ManagerSection, OffsetWrapper, ReportingLinesHeading, ReportingLinesSection } from '../../styled/ReportingLines';
 import { reportingLinesClicked } from '../../util/analytics';

package/dist/es2019/mocks/team-data.js

@@ -36,4 +36,22 @@ export default function teamData({
     members: members.slice(0, memberCount),
     description: description ? descriptions[description] : descriptions.Long
   };
+}
+export function staticTeamData({
+  headerImage = 'None',
+  displayName = 'Short',
+  members: memberCount = 1,
+  description = 'Long'
+}) {
+  return {
+    id: 'team-id',
+    largeHeaderImageUrl: headerImage === 'Picture' ? sampleImage : undefined,
+    displayName: names[displayName] || names.Short,
+    members: memberNames.map((name, index) => ({
+      id: index.toString(),
+      avatarUrl: avatarImages[index % avatarImages.length],
+      fullName: name
+    })).slice(0, memberCount),
+    description: description ? descriptions[description] : descriptions.Long
+  };
 }

package/dist/es2019/util/analytics.js

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

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

@@ -5,7 +5,7 @@ import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import Avatar from '@atlaskit/avatar';
-import Button from '@atlaskit/button/custom-theme-button';
+import Button from '@atlaskit/button';
 import FocusRing from '@atlaskit/focus-ring';
 import Spinner from '@atlaskit/spinner';
 import { N0 } from '@atlaskit/theme/colors';

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import Avatar from '@atlaskit/avatar';
 import AvatarGroup from '@atlaskit/avatar-group';
-import Button from '@atlaskit/button/custom-theme-button';
+import Button from '@atlaskit/button';
 import messages from '../../messages';
 import { ManagerName, ManagerSection, OffsetWrapper, ReportingLinesHeading, ReportingLinesSection } from '../../styled/ReportingLines';
 import { reportingLinesClicked } from '../../util/analytics';

package/dist/esm/mocks/team-data.js

@@ -43,4 +43,27 @@ export default function teamData(_ref) {
     members: members.slice(0, memberCount),
     description: description ? descriptions[description] : descriptions.Long
   };
+}
+export function staticTeamData(_ref2) {
+  var _ref2$headerImage = _ref2.headerImage,
+    headerImage = _ref2$headerImage === void 0 ? 'None' : _ref2$headerImage,
+    _ref2$displayName = _ref2.displayName,
+    displayName = _ref2$displayName === void 0 ? 'Short' : _ref2$displayName,
+    _ref2$members = _ref2.members,
+    memberCount = _ref2$members === void 0 ? 1 : _ref2$members,
+    _ref2$description = _ref2.description,
+    description = _ref2$description === void 0 ? 'Long' : _ref2$description;
+  return {
+    id: 'team-id',
+    largeHeaderImageUrl: headerImage === 'Picture' ? sampleImage : undefined,
+    displayName: names[displayName] || names.Short,
+    members: memberNames.map(function (name, index) {
+      return {
+        id: index.toString(),
+        avatarUrl: avatarImages[index % avatarImages.length],
+        fullName: name
+      };
+    }).slice(0, memberCount),
+    description: description ? descriptions[description] : descriptions.Long
+  };
 }

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

package/dist/types/mocks/team-data.d.ts

@@ -5,3 +5,9 @@ export default function teamData({ headerImage, displayName, members: memberCoun
     members?: number;
     description?: 'None' | 'Short' | 'Medium' | 'Long' | 'Overlong';
 }): Team;
+export declare function staticTeamData({ headerImage, displayName, members: memberCount, description, }: {
+    headerImage?: 'None' | 'Picture';
+    displayName?: 'Short' | 'Medium' | 'Long' | 'Overlong';
+    members?: number;
+    description?: 'None' | 'Short' | 'Medium' | 'Long' | 'Overlong';
+}): Team;

package/dist/types-ts4.5/mocks/team-data.d.ts

@@ -5,3 +5,9 @@ export default function teamData({ headerImage, displayName, members: memberCoun
     members?: number;
     description?: 'None' | 'Short' | 'Medium' | 'Long' | 'Overlong';
 }): Team;
+export declare function staticTeamData({ headerImage, displayName, members: memberCount, description, }: {
+    headerImage?: 'None' | 'Picture';
+    displayName?: 'Short' | 'Medium' | 'Long' | 'Overlong';
+    members?: number;
+    description?: 'None' | 'Short' | 'Medium' | 'Long' | 'Overlong';
+}): Team;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "19.15.4",
+	"version": "19.15.5",
 	"description": "A React component to display a card with user information.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -66,10 +66,10 @@
 		"@atlaskit/menu": "^2.5.0",
 		"@atlaskit/platform-feature-flags": "^0.2.4",
 		"@atlaskit/popup": "^1.19.0",
-		"@atlaskit/primitives": "^8.0.0",
+		"@atlaskit/primitives": "^8.2.0",
 		"@atlaskit/spinner": "^16.2.0",
 		"@atlaskit/theme": "^12.11.0",
-		"@atlaskit/tokens": "^1.52.0",
+		"@atlaskit/tokens": "^1.53.0",
 		"@atlaskit/tooltip": "^18.5.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",