@atlaskit/profilecard 18.2.2 → 18.2.4

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

@@ -9,13 +9,10 @@ import { fireEvent } from '../../util/analytics';
 import { ErrorMessage } from '../Error';
 import ProfileCard from './ProfileCard';
 import UserLoadingState from './UserLoadingState';
-
 class ProfileCardResourced extends React.PureComponent {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "_isMounted", false);
-
     _defineProperty(this, "state", {
       visible: false,
       isLoading: undefined,
@@ -26,18 +23,15 @@ class ProfileCardResourced extends React.PureComponent {
       isKudosEnabled: false,
       kudosDrawerOpen: false
     });
-
     _defineProperty(this, "fireAnalytics", payload => {
       // Don't fire analytics if the component is unmounted
       if (!this._isMounted) {
         return;
       }
-
       if (this.props.createAnalyticsEvent) {
         fireEvent(this.props.createAnalyticsEvent, payload);
       }
     });
-
     _defineProperty(this, "clientFetchProfile", () => {
       const {
         cloudId,
@@ -46,12 +40,10 @@ class ProfileCardResourced extends React.PureComponent {
       const {
         isLoading
       } = this.state;
-
       if (isLoading === true) {
         // don't fetch data when fetching is in process
         return;
       }
-
       this.setState({
         isLoading: true,
         hasError: false,
@@ -61,50 +53,41 @@ class ProfileCardResourced extends React.PureComponent {
         requests.then(res => this.handleClientSuccess(...res), err => this.handleClientError(err)).catch(err => this.handleClientError(err));
       });
     });
-
     _defineProperty(this, "filterActions", () => filterActions(this.props.actions, this.state.data));
-
     _defineProperty(this, "openKudosDrawer", () => {
       this.setState({
         kudosDrawerOpen: true
       });
     });
-
     _defineProperty(this, "closeKudosDrawer", () => {
       this.setState({
         kudosDrawerOpen: false
       });
     });
   }
-
   componentDidMount() {
     this._isMounted = true;
     this.clientFetchProfile();
   }
-
   componentDidUpdate(prevProps, prevState) {
     const {
       userId,
       cloudId,
       resourceClient
     } = this.props;
-
     if (userId !== prevProps.userId || cloudId !== prevProps.cloudId || resourceClient !== prevProps.resourceClient) {
       this.setState({
         isLoading: undefined
       }, this.clientFetchProfile);
     }
   }
-
   componentWillUnmount() {
     this._isMounted = false;
   }
-
   handleClientSuccess(profileData, reportingLinesData, shouldShowGiveKudos) {
     if (!this._isMounted) {
       return;
     }
-
     this.setState({
       isLoading: false,
       hasError: false,
@@ -113,19 +96,16 @@ class ProfileCardResourced extends React.PureComponent {
       isKudosEnabled: shouldShowGiveKudos
     });
   }
-
   handleClientError(err) {
     if (!this._isMounted) {
       return;
     }
-
     this.setState({
       isLoading: false,
       hasError: true,
       error: err
     });
   }
-
   render() {
     const {
       isLoading,
@@ -142,7 +122,6 @@ class ProfileCardResourced extends React.PureComponent {
       addFlag
     } = this.props;
     const isFetchingOrNotStartToFetchYet = isLoading === true || isLoading === undefined;
-
     if (isFetchingOrNotStartToFetchYet) {
       return /*#__PURE__*/React.createElement(CardWrapper, null, /*#__PURE__*/React.createElement(UserLoadingState, {
         fireAnalytics: this.fireAnalytics
@@ -154,7 +133,6 @@ class ProfileCardResourced extends React.PureComponent {
         fireAnalytics: this.fireAnalytics
       }));
     }
-
     const newProps = {
       hasError,
       errorType: error,
@@ -186,12 +164,9 @@ class ProfileCardResourced extends React.PureComponent {
       actions: this.filterActions()
     }))));
   }
-
 }
-
 _defineProperty(ProfileCardResourced, "defaultProps", {
   actions: []
 });
-
 export const ProfileCardResourcedInternal = ProfileCardResourced;
 export default withAnalyticsEvents()(ProfileCardResourced);

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

@@ -11,32 +11,23 @@ import { cardTriggered, fireEvent } from '../../util/analytics';
 import { DELAY_MS_HIDE, DELAY_MS_SHOW } from '../../util/config';
 import { ProfileCardLazy } from './lazyProfileCard';
 import UserLoadingState from './UserLoadingState';
-
 class ProfilecardTrigger extends React.PureComponent {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "_isMounted", false);
-
     _defineProperty(this, "showDelay", this.props.trigger === 'click' ? 0 : DELAY_MS_SHOW);
-
     _defineProperty(this, "hideDelay", this.props.trigger === 'click' ? 0 : DELAY_MS_HIDE);
-
     _defineProperty(this, "showTimer", 0);
-
     _defineProperty(this, "hideTimer", 0);
-
     _defineProperty(this, "fireAnalytics", payload => {
       // Don't fire any analytics if the component is unmounted
       if (!this._isMounted) {
         return;
       }
-
       if (this.props.createAnalyticsEvent) {
         fireEvent(this.props.createAnalyticsEvent, payload);
       }
     });
-
     _defineProperty(this, "hideProfilecard", () => {
       clearTimeout(this.showTimer);
       clearTimeout(this.hideTimer);
@@ -46,7 +37,6 @@ class ProfilecardTrigger extends React.PureComponent {
         });
       }, this.hideDelay);
     });
-
     _defineProperty(this, "showProfilecard", () => {
       clearTimeout(this.hideTimer);
       clearTimeout(this.showTimer);
@@ -59,39 +49,32 @@ class ProfilecardTrigger extends React.PureComponent {
         }
       }, this.showDelay);
     });
-
     _defineProperty(this, "onClick", event => {
       // If the user clicks on the trigger then we don't want that click event to
       // propagate out to parent containers. For example when clicking a mention
       // lozenge in an inline-edit.
       event.stopPropagation();
       this.showProfilecard();
-
       if (!this.state.visible) {
         this.fireAnalytics(cardTriggered('user', 'click'));
       }
     });
-
     _defineProperty(this, "onMouseEnter", () => {
       this.showProfilecard();
-
       if (!this.state.visible) {
         this.fireAnalytics(cardTriggered('user', 'hover'));
       }
     });
-
     _defineProperty(this, "containerListeners", this.props.trigger === 'hover' ? {
       onMouseEnter: this.onMouseEnter,
       onMouseLeave: this.hideProfilecard
     } : {
       onClick: this.onClick
     });
-
     _defineProperty(this, "layerListeners", {
       handleClickOutside: this.hideProfilecard,
       handleEscapeKeydown: this.hideProfilecard
     });
-
     _defineProperty(this, "state", {
       visible: false,
       isLoading: undefined,
@@ -103,7 +86,6 @@ class ProfilecardTrigger extends React.PureComponent {
       teamCentralBaseUrl: undefined,
       kudosDrawerOpen: false
     });
-
     _defineProperty(this, "clientFetchProfile", () => {
       const {
         cloudId,
@@ -112,12 +94,10 @@ class ProfilecardTrigger extends React.PureComponent {
       const {
         isLoading
       } = this.state;
-
       if (isLoading === true) {
         // don't fetch data when fetching is in process
         return;
       }
-
       this.setState({
         teamCentralBaseUrl: this.props.resourceClient.getTeamCentralBaseUrl()
       });
@@ -130,25 +110,21 @@ class ProfilecardTrigger extends React.PureComponent {
         requests.then(res => this.handleClientSuccess(...res), err => this.handleClientError(err)).catch(err => this.handleClientError(err));
       });
     });
-
     _defineProperty(this, "openKudosDrawer", () => {
       this.hideProfilecard();
       this.setState({
         kudosDrawerOpen: true
       });
     });
-
     _defineProperty(this, "closeKudosDrawer", () => {
       this.setState({
         kudosDrawerOpen: false
       });
     });
-
     _defineProperty(this, "renderCard", () => {
       const {
         isLoading
       } = this.state;
-
       if (isLoading === true || isLoading === undefined) {
         return /*#__PURE__*/React.createElement(CardWrapper, null, /*#__PURE__*/React.createElement(UserLoadingState, {
           fireAnalytics: this.fireAnalytics
@@ -158,11 +134,9 @@ class ProfilecardTrigger extends React.PureComponent {
       }
     });
   }
-
   componentDidMount() {
     this._isMounted = true;
   }
-
   componentDidUpdate(prevProps) {
     const {
       userId,
@@ -171,26 +145,24 @@ class ProfilecardTrigger extends React.PureComponent {
     } = this.props;
     const {
       visible
-    } = this.state; // just re-fetching data when the card opens
+    } = this.state;
 
+    // just re-fetching data when the card opens
     if (visible && (userId !== prevProps.userId || cloudId !== prevProps.cloudId || resourceClient !== prevProps.resourceClient)) {
       this.setState({
         isLoading: undefined
       }, this.clientFetchProfile);
     }
   }
-
   componentWillUnmount() {
     this._isMounted = false;
     clearTimeout(this.showTimer);
     clearTimeout(this.hideTimer);
   }
-
   handleClientSuccess(profileData, reportingLinesData, shouldShowGiveKudos) {
     if (!this._isMounted) {
       return;
     }
-
     this.setState({
       isLoading: false,
       hasError: false,
@@ -199,26 +171,21 @@ class ProfilecardTrigger extends React.PureComponent {
       shouldShowGiveKudos
     });
   }
-
   handleClientError(err) {
     if (!this._isMounted) {
       return;
     }
-
     this.setState({
       isLoading: false,
       hasError: true,
       error: err
     });
   }
-
   filterActions() {
     return filterActions(this.props.actions, this.state.data);
   }
-
   renderProfileCard() {
     var _this$state$data;
-
     const newProps = {
       userId: this.props.userId,
       isCurrentUser: (_this$state$data = this.state.data) === null || _this$state$data === void 0 ? void 0 : _this$state$data.isCurrentUser,
@@ -244,7 +211,6 @@ class ProfilecardTrigger extends React.PureComponent {
       withoutElevation: true
     }))));
   }
-
   renderWithTrigger() {
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Popup, {
       isOpen: !!this.state.visible,
@@ -279,7 +245,6 @@ class ProfilecardTrigger extends React.PureComponent {
       onClose: this.closeKudosDrawer
     })));
   }
-
   render() {
     if (this.props.children) {
       return this.renderWithTrigger();
@@ -287,13 +252,10 @@ class ProfilecardTrigger extends React.PureComponent {
       throw new Error('Component "ProfileCardTrigger" must have "children" property');
     }
   }
-
 }
-
 _defineProperty(ProfilecardTrigger, "defaultProps", {
   actions: [],
   trigger: 'hover',
   position: 'bottom-start'
 });
-
 export default withAnalyticsEvents()(ProfilecardTrigger);

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

@@ -6,14 +6,11 @@ import Button from '@atlaskit/button/custom-theme-button';
 import messages from '../../messages';
 import { ManagerName, ManagerSection, OffsetWrapper, ReportingLinesHeading, ReportingLinesSection } from '../../styled/ReportingLines';
 import { reportingLinesClicked } from '../../util/analytics';
-
 function getProfileHref(userId, profileUrl) {
   return profileUrl ? profileUrl + userId : undefined;
 }
-
 const ReportingLinesDetails = props => {
   var _manager$pii, _manager$pii2;
-
   const {
     fireAnalyticsWithDuration,
     reportingLines = {},
@@ -26,7 +23,6 @@ const ReportingLinesDetails = props => {
   } = reportingLines;
   const manager = managers.length >= 1 ? managers[0] : undefined;
   const hasReports = reports.length > 0;
-
   const getReportingLinesOnClick = (user, userType) => onReportingLinesClick ? () => {
     fireAnalyticsWithDuration(duration => reportingLinesClicked({
       duration,
@@ -34,7 +30,6 @@ const ReportingLinesDetails = props => {
     }));
     onReportingLinesClick(user);
   } : undefined;
-
   return /*#__PURE__*/React.createElement(React.Fragment, null, manager && /*#__PURE__*/React.createElement(ReportingLinesSection, null, /*#__PURE__*/React.createElement(ReportingLinesHeading, {
     style: {
       marginBottom: 0
@@ -53,7 +48,6 @@ const ReportingLinesDetails = props => {
     size: "small",
     data: reports.map((member, index) => {
       var _member$pii, _member$pii2;
-
       return {
         key: member.accountIdentifier,
         name: ((_member$pii = member.pii) === null || _member$pii === void 0 ? void 0 : _member$pii.name) || '',
@@ -66,5 +60,4 @@ const ReportingLinesDetails = props => {
     testId: "profilecard-reports-avatar-group"
   })));
 };
-
 export default ReportingLinesDetails;

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

@@ -2,7 +2,6 @@ import React, { useEffect } from 'react';
 import AkSpinner from '@atlaskit/spinner';
 import { SpinnerContainer } from '../../styled/Card';
 import { profileCardRendered } from '../../util/analytics';
-
 const UserLoadingState = ({
   fireAnalytics
 }) => {
@@ -11,5 +10,4 @@ const UserLoadingState = ({
   }, [fireAnalytics]);
   return /*#__PURE__*/React.createElement(SpinnerContainer, null, /*#__PURE__*/React.createElement(AkSpinner, null));
 };
-
 export default UserLoadingState;

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

@@ -1,4 +1,3 @@
 import { lazy } from 'react';
-export const ProfileCardLazy = /*#__PURE__*/lazy(() => import(
-/* webpackChunkName: "@atlaskit-internal_lazy-profilecard" */
+export const ProfileCardLazy = /*#__PURE__*/lazy(() => import( /* webpackChunkName: "@atlaskit-internal_lazy-profilecard" */
 './ProfileCard'));

package/dist/es2019/index.js

@@ -1,16 +1,17 @@
 // Avoid exporting new components in this file as they will affect the bundle size of all consumers
 // importing directly from @atlaskit/profilecard.
-import ProfileCardClient from './client/ProfileCardClient'; // Note: when generating and updating Flow types in Jira, `TeamProfileClient` and `TeamProfileCardClient` are the same type
-
-import TeamProfileClient from './client/TeamProfileCardClient'; // Note: when generating and updating Flow types in Jira, `UserProfileClient` and `UserProfileCardClient` are the same type
-
+import ProfileCardClient from './client/ProfileCardClient';
+// Note: when generating and updating Flow types in Jira, `TeamProfileClient` and `TeamProfileCardClient` are the same type
+import TeamProfileClient from './client/TeamProfileCardClient';
+// Note: when generating and updating Flow types in Jira, `UserProfileClient` and `UserProfileCardClient` are the same type
 import UserProfileClient, { modifyResponse } from './client/UserProfileCardClient';
 import TeamProfileCardTrigger from './components/Team/TeamProfileCardTrigger';
 import ProfileCard from './components/User/ProfileCard';
 import ProfileCardResourced from './components/User/ProfileCardResourced';
 import ProfileCardTrigger from './components/User/ProfileCardTrigger';
-import { DELAY_MS_HIDE, DELAY_MS_SHOW } from './util/config'; // Legacy Profile Card in Jira still needs to use `withOuterListeners`
+import { DELAY_MS_HIDE, DELAY_MS_SHOW } from './util/config';
 
+// Legacy Profile Card in Jira still needs to use `withOuterListeners`
 export { default as withOuterListeners } from './util/withOuterListeners';
 // We cannot export this component inside `./components/Team/index.ts` because it breaks the lazyload
 // so we have to export this here. `TeamProfileCard` helps to build legacy team profile card inside Jira FE.

package/dist/es2019/internal/filterActions.js

@@ -5,9 +5,7 @@ const filterActions = (actions = [], data) => {
     } else if (typeof action.shouldRender !== 'function') {
       return Boolean(action.shouldRender);
     }
-
     return action.shouldRender(data);
   });
 };
-
 export default filterActions;

package/dist/es2019/internal/relative-date.js

@@ -9,28 +9,21 @@ export default function getRelativeDateKey(date, today = new Date()) {
   if (!date || !isValidDate(date, today)) {
     return null;
   }
-
   if (isThisWeek(date)) {
     return 'ThisWeek';
   }
-
   if (isThisMonth(date)) {
     return 'ThisMonth';
   }
-
   if (date.getFullYear() === today.getFullYear() && date.getMonth() === today.getMonth() - 1) {
     return 'LastMonth';
   }
-
   const diffInMonths = differenceInMonths(today, date);
-
   if (diffInMonths < 6) {
     return 'AFewMonths';
   }
-
   if (diffInMonths <= 12) {
     return 'SeveralMonths';
   }
-
   return 'MoreThanAYear';
 }

package/dist/es2019/mocks/mock-profile-client.js

@@ -16,18 +16,16 @@ export default function getMockProfileClient(BaseProfileClient, modifyResponse)
               reason: error
             });
           }
-
           const userIdAsIndex = parseInt(userId, 10);
           const profile = profiles[userIdAsIndex] || profiles[0];
-
           if (!profile) {
             return reject({
               reason: 'default'
             });
           }
-
           const weekday = getWeekday();
-          const data = { ...profile
+          const data = {
+            ...profile
           };
           data.remoteTimeString = getTimeString();
           data.remoteWeekdayIndex = weekday.index;
@@ -36,14 +34,11 @@ export default function getMockProfileClient(BaseProfileClient, modifyResponse)
         }, timeout);
       });
     }
-
   }
-
   class MockTeamCentralClient extends TeamCentralCardClient {
     createTcReadyPromise(config) {
       return Promise.resolve(true);
     }
-
     makeRequest(userId) {
       const timeout = random(1500) + 500;
       const matchError = userId.match(/^error:([0-9a-zA-Z\-]+)$/);
@@ -55,28 +50,24 @@ export default function getMockProfileClient(BaseProfileClient, modifyResponse)
               reason: error
             });
           }
-
           return resolve(reportingLinesData);
         }, timeout);
       });
     }
-
     getFlagEnabled(featureKey) {
       return Promise.resolve(true);
     }
-
   }
-
   return class MockProfileClient extends BaseProfileClient {
     constructor(options, clients = {}) {
       super(options, {
         userClient: new MockUserClient(options),
-        teamCentralClient: new MockTeamCentralClient({ ...options,
+        teamCentralClient: new MockTeamCentralClient({
+          ...options,
           teamCentralUrl: 'defaultTeamCentralUrl'
         }),
         ...clients
       });
     }
-
   };
 }

package/dist/es2019/mocks/mock-team-client.js

@@ -8,10 +8,8 @@ export default function getMockTeamClient(data) {
             reason: data.error
           });
         }
-
         return Promise.resolve(data.team);
       }
-
       return new Promise((resolve, reject) => {
         setTimeout(() => {
           if (data.error && Math.random() < data.errorRate) {
@@ -19,15 +17,12 @@ export default function getMockTeamClient(data) {
               reason: data.error
             });
           }
-
           return resolve(data.team);
         }, data.timeout);
       });
     }
-
     makeRequestViaGateway(teamId) {
       return this.makeRequest(teamId);
     }
-
   };
 }

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

@@ -4,7 +4,6 @@ const avatarImages = ['data:image/gif;base64,R0lGODdhgACAAPIHAABRzMHT8l6O3o2w6en
 ];
 
 const getAvatar = () => sample(avatarImages);
-
 const profiles = [{
   User: {
     avatarUrl: getAvatar(),

package/dist/es2019/mocks/simple-mock-clients.js

@@ -4,7 +4,6 @@ import UserProfileCardClient from '../client/UserProfileCardClient';
 import profiles from './profile-data';
 import teamData from './team-data';
 import { getTimeString, getWeekday } from './util';
-
 class SimpleMockTeamClient extends TeamProfileCardClient {
   makeRequest(teamId) {
     const simpleMockTeam = teamData({
@@ -15,23 +14,20 @@ class SimpleMockTeamClient extends TeamProfileCardClient {
       ...simpleMockTeam
     });
   }
-
 }
-
 class SimpleMockUserClient extends UserProfileCardClient {
   makeRequest(cloudId, userId) {
     const profile = profiles[0];
     const weekday = getWeekday();
-    const data = { ...profile
+    const data = {
+      ...profile
     };
     data.remoteTimeString = getTimeString();
     data.remoteWeekdayIndex = weekday.index;
     data.remoteWeekdayString = weekday.string;
     return Promise.resolve(data);
   }
-
 }
-
 const args = {
   cacheSize: 10,
   maxCacheAge: 0,

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

@@ -3,7 +3,6 @@ const avatarImages = ['data:image/gif;base64,R0lGODdhgACAAPIHAABRzMHT8l6O3o2w6en
 ];
 
 const getAvatar = () => sample(avatarImages);
-
 const memberNames = ['Kramer Hatfield', 'Schwartz Mclaughlin', 'Nichole Walter', 'Cleveland Rodriquez', 'Hess Stone', 'Lewis Cervantes', 'Abbott Lamb', 'Conner Duncan', 'Bauer Burch', 'Mcbride Haynes', 'Maddy Estes', 'Nikki Villanueva', 'Adam Burks', 'Milly Walters', 'Phoebe Clarkson', 'Samuel Dunlap', 'Naomi Boyer', 'Silas Gomez', 'Josie Lancaster', 'Fred Kirkpatrick', 'Beck Rutledge', 'Rebecca Woods'];
 const members = memberNames.map((name, index) => ({
   id: index.toString(),

package/dist/es2019/mocks/util.js

@@ -1,7 +1,6 @@
 function padMinutes(minutes) {
   return minutes < 10 ? `0${minutes}` : String(minutes);
 }
-
 export const random = int => Math.floor(Math.random() * (int + 1));
 export const getWeekday = () => {
   const array = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'];

package/dist/es2019/styled/Card.js

@@ -5,9 +5,7 @@ import styled from '@emotion/styled';
 import { N50A, N60A } from '@atlaskit/theme/colors';
 import { borderRadius, fontSizeSmall, gridSize } from '@atlaskit/theme/constants';
 import { appLabelBgColor, appLabelTextColor, bgColor, headerBgColor, headerBgColorDisabledUser, headerTextColor, headerTextColorInactive, labelIconColor, labelTextColor } from './constants';
-
 const getFullNameMargin = props => props.noMeta ? `${gridSize() * 4.5}px 0 ${gridSize() * 1.5}px 0` : `${gridSize() * 1.5}px 0 0 0`;
-
 export const CardContainerEmpty = styled.div``;
 export const CardWrapper = styled.div`
   background-color: ${bgColor};

package/dist/es2019/styled/TeamCard.js

@@ -76,12 +76,15 @@ export const MoreButton = styled.div`
 export const LoadingWrapper = styled.div`
   text-align: center;
   margin-top: ${gridSize() * 5}px;
-`; // export const LoadingTeamName = styled.div`
+`;
+
+// export const LoadingTeamName = styled.div`
 //   width: 175px;
 //   height: ${gridSize () *3)px;
 //   border-radius: ${borderRadius}px;
 //   background-color: #f4f5f7;
 // `;
+
 // export const LoadingMemberCount = styled.div`
 //   width: 81px;
 //   height: ${gridSize () *2)px;