@atlaskit/profilecard 23.10.8 → 23.11.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/profilecard
 
+## 23.11.0
+
+### Minor Changes
+
+- [#152660](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/152660)
+  [`0c6554631c783`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0c6554631c783) -
+  [ux] add a loading prop for the more icon button
+
 ## 23.10.8
 
 ### 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', "23.10.8");
+  headers.append('atl-client-version', "23.11.0");
   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', "23.10.8");
+  headers.append('atl-client-version', "23.11.0");
   return headers;
 };
 function getTeamFromAGG(_x, _x2, _x3) {

package/dist/cjs/components/team-profile-card/main.js

@@ -155,7 +155,8 @@ var TeamProfileCard = exports.TeamProfileCard = function TeamProfileCard(_ref3)
   })), props.isKudosEnabled || props.otherActions ? /*#__PURE__*/_react.default.createElement(_teamActions.ButtonSection, (0, _extends2.default)({
     teamProfileUrl: teamProfileUrl,
     cloudId: cloudId,
-    teamId: teamId
+    teamId: teamId,
+    loading: loading
   }, props)) : teamProfileUrl && /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
     xcss: styles.viewProfileContainerStyles
   }, /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {

package/dist/cjs/components/team-profile-card/team-actions/index.js

@@ -23,7 +23,7 @@ var _getTeamFromAGG = require("../../../client/getTeamFromAGG");
 var _analytics = require("../../../util/analytics");
 var _messages = require("./messages");
 var _moreActions = require("./more-actions");
-var _excluded = ["teamProfileUrl", "isKudosEnabled", "otherActions"];
+var _excluded = ["teamProfileUrl", "isKudosEnabled", "otherActions", "loading"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var GIVE_KUDOS_ACTION_ID = 'give-kudos';
@@ -35,6 +35,7 @@ var ButtonSection = exports.ButtonSection = function ButtonSection(_ref) {
   var teamProfileUrl = _ref.teamProfileUrl,
     isKudosEnabled = _ref.isKudosEnabled,
     otherActions = _ref.otherActions,
+    loading = _ref.loading,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
@@ -83,7 +84,8 @@ var ButtonSection = exports.ButtonSection = function ButtonSection(_ref) {
     target: "_blank",
     shouldFitContainer: true
   }, formatMessage(_messages.messages.viewProfile))), extraActions.length > 0 && /*#__PURE__*/_react.default.createElement(_moreActions.MoreActions, {
-    actions: extraActions
+    actions: extraActions,
+    loading: loading
   }))), isKudosEnabled && kudosProps && /*#__PURE__*/_react.default.createElement(_react.Suspense, {
     fallback: null
   }, /*#__PURE__*/_react.default.createElement(_giveKudos.GiveKudosLauncherLazy, {

package/dist/cjs/components/team-profile-card/team-actions/more-actions/index.js

@@ -19,7 +19,8 @@ var _messages = require("./messages");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var MoreActions = exports.MoreActions = function MoreActions(_ref) {
-  var actions = _ref.actions;
+  var actions = _ref.actions,
+    loading = _ref.loading;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var _useState = (0, _react.useState)(false),
@@ -50,7 +51,8 @@ var MoreActions = exports.MoreActions = function MoreActions(_ref) {
         onClick: function onClick() {
           return onMoreClick(!isOpen);
         },
-        isSelected: isOpen
+        isSelected: isOpen,
+        isLoading: loading
       }));
     },
     placement: "right-start",

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: "23.10.8"
+      packageVersion: "23.11.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', "23.10.8");
+  headers.append('atl-client-version', "23.11.0");
   return headers;
 };
 export async function getOrgIdForCloudIdFromAGG(url, cloudId) {

package/dist/es2019/client/getTeamFromAGG.js

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

package/dist/es2019/components/team-profile-card/main.js

@@ -140,7 +140,8 @@ export const TeamProfileCard = ({
   })), props.isKudosEnabled || props.otherActions ? /*#__PURE__*/React.createElement(ButtonSection, _extends({
     teamProfileUrl: teamProfileUrl,
     cloudId: cloudId,
-    teamId: teamId
+    teamId: teamId,
+    loading: loading
   }, props)) : teamProfileUrl && /*#__PURE__*/React.createElement(Stack, {
     xcss: styles.viewProfileContainerStyles
   }, /*#__PURE__*/React.createElement(Pressable, {

package/dist/es2019/components/team-profile-card/team-actions/index.js

@@ -21,6 +21,7 @@ export const ButtonSection = ({
   teamProfileUrl,
   isKudosEnabled,
   otherActions,
+  loading,
   ...props
 }) => {
   const {
@@ -69,7 +70,8 @@ export const ButtonSection = ({
     target: "_blank",
     shouldFitContainer: true
   }, formatMessage(messages.viewProfile))), extraActions.length > 0 && /*#__PURE__*/React.createElement(MoreActions, {
-    actions: extraActions
+    actions: extraActions,
+    loading: loading
   }))), isKudosEnabled && kudosProps && /*#__PURE__*/React.createElement(Suspense, {
     fallback: null
   }, /*#__PURE__*/React.createElement(GiveKudosLauncherLazy, {

package/dist/es2019/components/team-profile-card/team-actions/more-actions/index.js

@@ -8,7 +8,8 @@ import Popup from '@atlaskit/popup';
 import { Box } from '@atlaskit/primitives';
 import { messages } from './messages';
 export const MoreActions = ({
-  actions
+  actions,
+  loading
 }) => {
   const {
     formatMessage
@@ -29,7 +30,8 @@ export const MoreActions = ({
       icon: MoreIcon,
       label: formatMessage(messages.showMoreIconLabel),
       onClick: () => onMoreClick(!isOpen),
-      isSelected: isOpen
+      isSelected: isOpen,
+      isLoading: loading
     })),
     placement: "right-start",
     shouldRenderToParent: false

package/dist/es2019/util/analytics.js

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

package/dist/esm/client/getTeamFromAGG.js

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

package/dist/esm/components/team-profile-card/main.js

@@ -145,7 +145,8 @@ export var TeamProfileCard = function TeamProfileCard(_ref3) {
   })), props.isKudosEnabled || props.otherActions ? /*#__PURE__*/React.createElement(ButtonSection, _extends({
     teamProfileUrl: teamProfileUrl,
     cloudId: cloudId,
-    teamId: teamId
+    teamId: teamId,
+    loading: loading
   }, props)) : teamProfileUrl && /*#__PURE__*/React.createElement(Stack, {
     xcss: styles.viewProfileContainerStyles
   }, /*#__PURE__*/React.createElement(Pressable, {

package/dist/esm/components/team-profile-card/team-actions/index.js

@@ -2,7 +2,7 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["teamProfileUrl", "isKudosEnabled", "otherActions"];
+var _excluded = ["teamProfileUrl", "isKudosEnabled", "otherActions", "loading"];
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { Suspense, useCallback, useState } from 'react';
@@ -25,6 +25,7 @@ export var ButtonSection = function ButtonSection(_ref) {
   var teamProfileUrl = _ref.teamProfileUrl,
     isKudosEnabled = _ref.isKudosEnabled,
     otherActions = _ref.otherActions,
+    loading = _ref.loading,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useAnalyticsEvents = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
@@ -73,7 +74,8 @@ export var ButtonSection = function ButtonSection(_ref) {
     target: "_blank",
     shouldFitContainer: true
   }, formatMessage(messages.viewProfile))), extraActions.length > 0 && /*#__PURE__*/React.createElement(MoreActions, {
-    actions: extraActions
+    actions: extraActions,
+    loading: loading
   }))), isKudosEnabled && kudosProps && /*#__PURE__*/React.createElement(Suspense, {
     fallback: null
   }, /*#__PURE__*/React.createElement(GiveKudosLauncherLazy, {

package/dist/esm/components/team-profile-card/team-actions/more-actions/index.js

@@ -9,7 +9,8 @@ import Popup from '@atlaskit/popup';
 import { Box } from '@atlaskit/primitives';
 import { messages } from './messages';
 export var MoreActions = function MoreActions(_ref) {
-  var actions = _ref.actions;
+  var actions = _ref.actions,
+    loading = _ref.loading;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
   var _useState = useState(false),
@@ -40,7 +41,8 @@ export var MoreActions = function MoreActions(_ref) {
         onClick: function onClick() {
           return onMoreClick(!isOpen);
         },
-        isSelected: isOpen
+        isSelected: isOpen,
+        isLoading: loading
       }));
     },
     placement: "right-start",

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

package/dist/types/components/team-profile-card/team-actions/index.d.ts

@@ -5,6 +5,7 @@ type BaseButtonSectionProps = {
     otherActions?: ActionItem[];
     cloudId: string;
     teamId: string;
+    loading?: boolean;
 };
 type KudosEnabledProps = BaseButtonSectionProps & {
     isKudosEnabled: true;
@@ -15,5 +16,5 @@ type KudosDisabledProps = BaseButtonSectionProps & {
     isKudosEnabled?: false;
 };
 export type ButtonSectionProps = KudosEnabledProps | KudosDisabledProps;
-export declare const ButtonSection: ({ teamProfileUrl, isKudosEnabled, otherActions, ...props }: ButtonSectionProps) => React.JSX.Element;
+export declare const ButtonSection: ({ teamProfileUrl, isKudosEnabled, otherActions, loading, ...props }: ButtonSectionProps) => React.JSX.Element;
 export {};

package/dist/types/components/team-profile-card/team-actions/more-actions/index.d.ts

@@ -5,6 +5,7 @@ export type ActionItem = {
 };
 type MoreActionsProps = {
     actions: ActionItem[];
+    loading?: boolean;
 };
-export declare const MoreActions: ({ actions }: MoreActionsProps) => React.JSX.Element;
+export declare const MoreActions: ({ actions, loading }: MoreActionsProps) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/components/team-profile-card/team-actions/index.d.ts

@@ -5,6 +5,7 @@ type BaseButtonSectionProps = {
     otherActions?: ActionItem[];
     cloudId: string;
     teamId: string;
+    loading?: boolean;
 };
 type KudosEnabledProps = BaseButtonSectionProps & {
     isKudosEnabled: true;
@@ -15,5 +16,5 @@ type KudosDisabledProps = BaseButtonSectionProps & {
     isKudosEnabled?: false;
 };
 export type ButtonSectionProps = KudosEnabledProps | KudosDisabledProps;
-export declare const ButtonSection: ({ teamProfileUrl, isKudosEnabled, otherActions, ...props }: ButtonSectionProps) => React.JSX.Element;
+export declare const ButtonSection: ({ teamProfileUrl, isKudosEnabled, otherActions, loading, ...props }: ButtonSectionProps) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/components/team-profile-card/team-actions/more-actions/index.d.ts

@@ -5,6 +5,7 @@ export type ActionItem = {
 };
 type MoreActionsProps = {
     actions: ActionItem[];
+    loading?: boolean;
 };
-export declare const MoreActions: ({ actions }: MoreActionsProps) => React.JSX.Element;
+export declare const MoreActions: ({ actions, loading }: MoreActionsProps) => React.JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "23.10.8",
+	"version": "23.11.0",
 	"description": "A React component to display a card with user information.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"