@atlaskit/profilecard 15.7.0 → 15.8.2

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

@@ -0,0 +1,138 @@
+import sample from 'lodash/sample';
+import { getTimeString, getWeekday } from './util';
+const 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
+];
+
+const getAvatar = () => sample(avatarImages);
+
+const profiles = [{
+  User: {
+    avatarUrl: getAvatar(),
+    fullName: 'Kramer Hatfield',
+    nickname: 'khatfield',
+    email: 'khatfield@gluid.com',
+    location: 'Vienna, Austria',
+    meta: 'Manager',
+    remoteTimeString: getTimeString(),
+    remoteWeekdayIndex: getWeekday().index,
+    remoteWeekdayString: getWeekday().string
+  }
+}, {
+  User: {
+    avatarUrl: getAvatar(),
+    fullName: 'Schwartz Mclaughlin',
+    nickname: 'smclaughlin',
+    email: 'smclaughlin@corecom.com',
+    location: 'Perth, Australia',
+    meta: 'Senior Developer',
+    remoteTimeString: getTimeString(),
+    remoteWeekdayIndex: getWeekday().index,
+    remoteWeekdayString: getWeekday().string
+  }
+}, {
+  User: {
+    avatarUrl: getAvatar(),
+    fullName: 'Nichole Walter',
+    nickname: 'nwalter',
+    email: 'nwalter@limage.com',
+    location: 'Sydney, Australia',
+    meta: 'Senior Developer',
+    status: 'inactive',
+    remoteTimeString: getTimeString(),
+    remoteWeekdayIndex: getWeekday().index,
+    remoteWeekdayString: getWeekday().string
+  }
+}, {
+  User: {
+    avatarUrl: getAvatar(),
+    fullName: 'Cleveland Rodriquez',
+    nickname: 'crodriquez',
+    email: 'crodriquez@slofast.com',
+    meta: 'Manager'
+  }
+}, {
+  User: {
+    avatarUrl: getAvatar(),
+    fullName: 'Rosalyn Franklin',
+    nickname: 'rfranklin',
+    email: 'rfranklin@assurity.com',
+    location: 'London, England',
+    meta: 'Manager',
+    remoteTimeString: getTimeString(),
+    remoteWeekdayIndex: getWeekday().index,
+    remoteWeekdayString: getWeekday().string
+  }
+}, {
+  User: {
+    avatarUrl: getAvatar(),
+    fullName: 'Hess Stone',
+    nickname: 'hstone',
+    email: 'hstone@hawkster.com',
+    location: 'Sydney, Australia',
+    meta: 'Designer',
+    remoteTimeString: getTimeString(),
+    remoteWeekdayIndex: getWeekday().index,
+    remoteWeekdayString: getWeekday().string
+  }
+}, {
+  User: {
+    avatarUrl: getAvatar(),
+    fullName: 'Lewis Cervantes',
+    nickname: 'lcervantes',
+    email: 'lcervantes@apextri.com',
+    location: 'Perth, Australia',
+    meta: 'Senior Developer',
+    remoteTimeString: getTimeString(),
+    remoteWeekdayIndex: getWeekday().index,
+    remoteWeekdayString: getWeekday().string
+  }
+}, {
+  User: {
+    avatarUrl: getAvatar(),
+    fullName: 'Abbott Lamb',
+    nickname: 'alamb',
+    email: 'alamb@xeronk.com',
+    location: 'Sydney, Australia',
+    meta: 'Senior Developer',
+    remoteTimeString: getTimeString(),
+    remoteWeekdayIndex: getWeekday().index,
+    remoteWeekdayString: getWeekday().string
+  }
+}, {
+  User: {
+    avatarUrl: getAvatar(),
+    fullName: 'Conner Duncan',
+    nickname: 'cduncan',
+    email: 'cduncan@magmina.com',
+    location: 'Hanover, Germany',
+    meta: 'Head of Something',
+    remoteTimeString: getTimeString(),
+    remoteWeekdayIndex: getWeekday().index,
+    remoteWeekdayString: getWeekday().string
+  }
+}, {
+  User: {
+    avatarUrl: getAvatar(),
+    fullName: 'Bauer Burch',
+    nickname: 'bburch',
+    email: 'bburch@xleen.com',
+    location: 'Austin, TX',
+    meta: 'Senior Designer',
+    remoteTimeString: getTimeString(),
+    remoteWeekdayIndex: getWeekday().index,
+    remoteWeekdayString: getWeekday().string
+  }
+}, {
+  User: {
+    avatarUrl: getAvatar(),
+    fullName: 'Mcbride Haynes',
+    nickname: 'mhaynes',
+    email: 'mhaynes@geeky.com',
+    location: 'London, England',
+    meta: 'Senior Designer',
+    remoteTimeString: getTimeString(),
+    remoteWeekdayIndex: getWeekday().index,
+    remoteWeekdayString: getWeekday().string
+  }
+}];
+export default profiles;

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

@@ -0,0 +1,45 @@
+import ProfileCardClient from '../client/ProfileCardClient';
+import TeamProfileCardClient from '../client/TeamProfileCardClient';
+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({
+      members: 5
+    });
+    return Promise.resolve({
+      teamId,
+      ...simpleMockTeam
+    });
+  }
+
+}
+
+class SimpleMockUserClient extends UserProfileCardClient {
+  makeRequest(cloudId, userId) {
+    const profile = profiles[0];
+    const weekday = getWeekday();
+    const data = { ...profile
+    };
+    data.remoteTimeString = getTimeString();
+    data.remoteWeekdayIndex = weekday.index;
+    data.remoteWeekdayString = weekday.string;
+    return Promise.resolve(data);
+  }
+
+}
+
+const args = {
+  cacheSize: 10,
+  maxCacheAge: 0,
+  url: '/graphql/directory'
+};
+export const simpleMockUserClient = new SimpleMockUserClient(args);
+export const simpleMockTeamClient = new SimpleMockTeamClient(args);
+export const simpleProfileClient = new ProfileCardClient(args, {
+  userClient: simpleMockUserClient,
+  teamClient: simpleMockTeamClient
+});

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

@@ -0,0 +1,41 @@
+import sample from 'lodash/sample';
+const 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
+];
+
+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(),
+  avatarUrl: getAvatar(),
+  fullName: name
+}));
+const sampleImage = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAABACAMAAACqVYydAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAGBQTFRF/zX7+DP73i77uyb8kR78ZhX9PQz+GwX+/jT78jL71Sz7ryT8hRv8WhL9Mwr+EwT+/TT76jD7yyr7pCL8eRn9ThD9KQj+DAL/+jT74i/7wCj8lx/8bBb9Qw3+IAb+BgH/HFKiKQAAAIBJREFUeJztzjkOggAAAEEEORTkFOQS/v9L+u1INDQ7L5ggOOkGIURwhxgSSOHsz6BBgwYNGjRo0OBvgxk84Ak5FPCCEiowaNCgQYMGDRo0eG2whgZa6OANPQzwAYMGDRo0aNCgQYPXBkeYYIYFVvjCBjsYNGjQoEGDBg0a/GvwADIe8BAKQVCtAAAAAElFTkSuQmCC';
+const names = {
+  Short: 'Lemon',
+  Medium: 'The Fat Cats',
+  Long: 'People and Teams Collective Developers',
+  Overlong: "Teamwork Platform's People and Teams Collective Frontend Developer Group"
+};
+const longDescription = 'This is information about the team. They are responsible for all the cool stuff that happens at Acme.';
+const descriptions = {
+  None: '',
+  Short: 'A very cool team!',
+  Medium: 'This is a pretty cool team, that does a lot of work here.',
+  Long: longDescription,
+  Overlong: [longDescription, longDescription].join(' ')
+};
+export default function teamData({
+  headerImage = 'None',
+  displayName = 'Short',
+  members: memberCount = 1,
+  description = 'Long'
+}) {
+  return {
+    id: 'team-id',
+    largeHeaderImageUrl: headerImage === 'Picture' ? sampleImage : undefined,
+    displayName: names[displayName] || names.Short,
+    members: members.slice(0, memberCount),
+    description: description ? descriptions[description] : descriptions.Long
+  };
+}

package/{mock-helpers/util.ts → dist/es2019/mocks/util.js}

@@ -1,24 +1,19 @@
-function padMinutes(minutes: number): string {
+function padMinutes(minutes) {
   return minutes < 10 ? `0${minutes}` : String(minutes);
 }
 
-export const random = (int: number): number =>
-  Math.floor(Math.random() * (int + 1));
-
-export const getWeekday = (): { index: number; string: string } => {
+export const random = int => Math.floor(Math.random() * (int + 1));
+export const getWeekday = () => {
   const array = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'];
   const index = random(6);
-
   return {
     index,
-    string: array[index],
+    string: array[index]
   };
 };
-
-export const getTimeString = (): string => {
+export const getTimeString = () => {
   const hours = random(23);
   const minutes = random(59);
   const meridiem = ['am', 'pm'][Math.floor(hours / 12)];
-
   return `${hours === 0 ? 12 : hours % 12}:${padMinutes(minutes)}${meridiem}`;
-};
+};

package/dist/es2019/styled/Card.js

@@ -1,7 +1,6 @@
 import styled, { css } from 'styled-components';
 import { borderRadius, fontSizeSmall, gridSize } from '@atlaskit/theme/constants';
-import { e200 } from '@atlaskit/theme/elevation';
-import { appLabelBgColor, appLabelTextColor, bgColor, headerBgColor, headerBgColorDisabledUser, headerTextColor, headerTextColorInactive, labelIconColor, labelTextColor } from '../styled/constants';
+import { appLabelBgColor, appLabelTextColor, bgColor, boxShadow, headerBgColor, headerBgColorDisabledUser, headerTextColor, headerTextColorInactive, labelIconColor, labelTextColor } from '../styled/constants';
 
 const getFullNameMargin = props => props.noMeta ? `${gridSize() * 4.5}px 0 ${gridSize() * 1.5}px 0` : `${gridSize() * 1.5}px 0 0 0`;
 
@@ -128,7 +127,7 @@ export const CardContainer = styled.div`
   }
 
   return css`
-      ${e200}
+      box-shadow: ${boxShadow};
       border-radius: ${borderRadius}px;
     `;
 }}

package/dist/es2019/styled/Error.js

@@ -2,6 +2,7 @@ import styled from 'styled-components';
 import { N200 } from '@atlaskit/theme/colors';
 import { gridSize } from '@atlaskit/theme/constants';
 import { h400 } from '@atlaskit/theme/typography';
+import { token } from '@atlaskit/tokens';
 import { errorIconColor, errorTextColor, errorTitleColor } from '../styled/constants';
 export const ErrorWrapper = styled.div`
   text-align: center;
@@ -20,6 +21,6 @@ export const TeamErrorTitle = styled.p`
   ${h400};
 `;
 export const TeamErrorText = styled.p`
-  color: ${N200};
+  color: ${token('color.text.lowEmphasis', N200)};
   margin-top: ${gridSize() * 1}px;
 `;

package/dist/es2019/styled/TeamCard.js

@@ -2,6 +2,7 @@ import styled, { css } from 'styled-components';
 import { N20, N200 } from '@atlaskit/theme/colors';
 import { borderRadius, gridSize } from '@atlaskit/theme/constants';
 import { h600 } from '@atlaskit/theme/typography';
+import { token } from '@atlaskit/tokens';
 import { bgColor, teamHeaderBgColor } from '../styled/constants';
 export const CardTriggerWrapper = styled.div`
   display: inherit;
@@ -15,7 +16,7 @@ export const CardWrapper = styled.div`
   -moz-osx-font-smoothing: grayscale;
 `;
 const loadingImage = css`
-  background-color: ${N20};
+  background-color: ${token('color.background.subtleNeutral.resting', N20)};
 `;
 const defaultImage = css`
   background-color: ${teamHeaderBgColor};
@@ -57,7 +58,7 @@ export const TeamName = styled.h6`
   -webkit-box-orient: vertical;
 `;
 export const MemberCount = styled.div`
-  color: ${N200};
+  color: ${token('color.text.lowEmphasis', N200)};
   margin-top: ${gridSize() * 0.5}px;
 `;
 export const AvatarSection = styled.div`
@@ -81,7 +82,7 @@ export const ActionButtons = styled.div`
   display: flex;
   justify-content: space-between;
   margin: ${gridSize() * 3}px -${gridSize() * 3}px 0 -${gridSize()}px;
-  background-color: hsla(0, 100%, 100%, 0.2);
+  background-color: ${token('color.background.overlay', 'hsla(0, 100%, 100%, 0.2)')};
 `;
 export const WrappedButton = styled.div`
   flex-basis: 0;

package/dist/es2019/styled/constants.js

@@ -1,54 +1,59 @@
 import * as colors from '@atlaskit/theme/colors';
 import { themed } from '@atlaskit/theme/components';
+import { token } from '@atlaskit/tokens';
 export const bgColor = themed({
-  light: colors.N0,
-  dark: colors.DN50
+  light: token('color.background.overlay', colors.N0),
+  dark: token('color.background.overlay', colors.DN50)
 });
 export const headerBgColor = themed({
-  light: colors.B500,
-  dark: colors.B100
+  light: token('color.background.boldBrand.resting', colors.B500),
+  dark: token('color.background.boldBrand.resting', colors.B100)
 });
 export const teamHeaderBgColor = themed({
-  light: colors.N50,
-  dark: colors.N50
+  light: token('color.background.subtleNeutral.resting', colors.N50),
+  dark: token('color.background.subtleNeutral.resting', colors.N50)
 });
 export const headerBgColorDisabledUser = themed({
-  light: colors.N30,
-  dark: colors.B100
+  light: token('color.background.disabled', colors.N30),
+  dark: token('color.background.disabled', colors.B100)
 });
 export const headerTextColor = themed({
-  light: colors.N0,
-  dark: colors.N0
+  light: token('color.text.onBold', colors.N0),
+  dark: token('color.text.onBold', colors.N0)
 });
 export const headerTextColorInactive = themed({
-  light: colors.N800,
-  dark: colors.N0
+  light: token('color.text.highEmphasis', colors.N800),
+  dark: token('color.text.highEmphasis', colors.N0)
 });
 export const appLabelBgColor = themed({
-  light: colors.N20,
-  dark: colors.N20
+  light: token('color.background.subtleNeutral.resting', colors.N20),
+  dark: token('color.background.subtleNeutral.resting', colors.N20)
 });
 export const appLabelTextColor = themed({
-  light: colors.N500,
-  dark: colors.N500
+  light: token('color.text.highEmphasis', colors.N500),
+  dark: token('color.text.highEmphasis', colors.N500)
 });
 export const labelTextColor = themed({
-  light: colors.N800,
-  dark: colors.DN900
+  light: token('color.text.highEmphasis', colors.N800),
+  dark: token('color.text.highEmphasis', colors.DN900)
 });
 export const labelIconColor = themed({
-  light: colors.N60,
-  dark: colors.DN100
+  light: token('color.text.lowEmphasis', colors.N60),
+  dark: token('color.text.lowEmphasis', colors.DN100)
 });
 export const errorIconColor = themed({
-  light: colors.N90,
-  dark: colors.DN90
+  light: token('color.text.disabled', colors.N90),
+  dark: token('color.text.disabled', colors.DN90)
 });
 export const errorTitleColor = themed({
-  light: colors.N800,
-  dark: colors.DN800
+  light: token('color.text.highEmphasis', colors.N800),
+  dark: token('color.text.highEmphasis', colors.DN800)
 });
 export const errorTextColor = themed({
-  light: colors.N90,
-  dark: colors.DN90
+  light: token('color.text.lowEmphasis', colors.N90),
+  dark: token('color.text.lowEmphasis', colors.DN90)
+});
+export const boxShadow = themed({
+  light: token('shadow.overlay', `0 4px 8px -2px ${colors.N50A}, 0 0 1px ${colors.N60A}`),
+  dark: token('shadow.overlay', `0 4px 8px -2px ${colors.DN50A}, 0 0 1px ${colors.DN60A}`)
 });

package/dist/es2019/util/analytics.js

@@ -11,7 +11,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/profilecard",
-    packageVersion: "15.7.0",
+    packageVersion: "15.8.2",
     ...attributes,
     firedAt: getPageTime()
   }

package/dist/es2019/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "15.7.0"
+	"version": "15.8.2"
 }

package/dist/esm/components/Error/ErrorIllustration.js

@@ -1,4 +1,6 @@
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React from 'react';
+import { token } from '@atlaskit/tokens';
 export var ErrorIllustration = function ErrorIllustration() {
   return /*#__PURE__*/React.createElement("svg", {
     width: "42",
@@ -10,7 +12,7 @@ export var ErrorIllustration = function ErrorIllustration() {
     clipPath: "url(#clip0)"
   }, /*#__PURE__*/React.createElement("path", {
     d: "M0.649902 0H163.93V212H0.649902V0Z",
-    fill: "white",
+    fill: token('color.background.overlay', 'white'),
     fillOpacity: "0.01"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M95.4299 74.1603L161.87 189.24C167.71 199.36 160.41 212 148.73 212H15.8499C4.16994 212 -3.13006 199.35 2.70994 189.24L69.1499 74.1603C74.9899 64.0403 89.5899 64.0403 95.4299 74.1603ZM87.8699 157.71L90.7499 113.36C91.0899 108.07 86.8899 103.58 81.5899 103.58C76.2799 103.58 72.0799 108.06 72.4299 113.36L75.3099 157.71C75.5299 161.02 78.2699 163.6 81.5899 163.6C84.8999 163.6 87.6499 161.02 87.8699 157.71ZM72.0299 181.25C72.0299 186.91 76.7899 191.35 82.4199 190.83C87.2699 190.38 91.1499 186.33 91.2499 181.46C91.3599 176.01 86.9399 171.52 81.5199 171.52C76.2899 171.51 72.0299 175.89 72.0299 181.25Z",

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

@@ -19,6 +19,7 @@ import Button from '@atlaskit/button/custom-theme-button';
 import Lozenge from '@atlaskit/lozenge';
 import Spinner from '@atlaskit/spinner';
 import { N0 } from '@atlaskit/theme/colors';
+import { token } from '@atlaskit/tokens';
 import { AnalyticsName } from '../../internal/analytics';
 import relativeDate from '../../internal/relative-date';
 import messages from '../../messages';
@@ -280,7 +281,7 @@ var Profilecard = /*#__PURE__*/function (_React$PureComponent) {
         }, /*#__PURE__*/React.createElement(ProfileImage, null, /*#__PURE__*/React.createElement(Avatar, {
           size: "xlarge",
           src: this.props.status !== 'closed' ? this.props.avatarUrl : undefined,
-          borderColor: N0
+          borderColor: token('color.background.overlay', N0)
         })), /*#__PURE__*/React.createElement(CardContent, null, this.renderCardDetails(), actions ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ActionsFlexSpacer, null), actions) : null));
       }
 

package/dist/esm/i18n/index.js

@@ -4,33 +4,33 @@
  * This file is automatically generated by i18n-tools.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-export { default as en_ZZ } from './en_ZZ';
+export { default as zh } from './zh';
+export { default as zh_TW } from './zh_TW';
 export { default as cs } from './cs';
 export { default as da } from './da';
-export { default as de } from './de';
-export { default as en } from './en';
-export { default as en_GB } from './en_GB';
-export { default as es } from './es';
+export { default as nl } from './nl';
 export { default as et } from './et';
 export { default as fi } from './fi';
 export { default as fr } from './fr';
+export { default as de } from './de';
 export { default as hu } from './hu';
-export { default as is } from './is';
 export { default as it } from './it';
 export { default as ja } from './ja';
 export { default as ko } from './ko';
 export { default as nb } from './nb';
-export { default as nl } from './nl';
 export { default as pl } from './pl';
 export { default as pt_BR } from './pt_BR';
 export { default as pt_PT } from './pt_PT';
-export { default as ro } from './ro';
 export { default as ru } from './ru';
 export { default as sk } from './sk';
+export { default as es } from './es';
 export { default as sv } from './sv';
 export { default as th } from './th';
 export { default as tr } from './tr';
 export { default as uk } from './uk';
 export { default as vi } from './vi';
-export { default as zh } from './zh';
-export { default as zh_TW } from './zh_TW';
+export { default as en_ZZ } from './en_ZZ';
+export { default as en } from './en';
+export { default as en_GB } from './en_GB';
+export { default as is } from './is';
+export { default as ro } from './ro';

package/dist/esm/mocks/index.js

@@ -0,0 +1,4 @@
+export { default as getMockProfileClient } from './mock-profile-client';
+export { default as getMockTeamClient } from './mock-team-client';
+export { default as profiles } from './profile-data';
+export { simpleMockTeamClient, simpleMockUserClient, simpleProfileClient } from './simple-mock-clients';

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

@@ -0,0 +1,87 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+import UserProfileCardClient from '../client/UserProfileCardClient';
+import profiles from './profile-data';
+import { getTimeString, getWeekday, random } from './util';
+export default function getMockProfileClient(BaseProfileClient, modifyResponse) {
+  var MockUserClient = /*#__PURE__*/function (_UserProfileCardClien) {
+    _inherits(MockUserClient, _UserProfileCardClien);
+
+    var _super = _createSuper(MockUserClient);
+
+    function MockUserClient() {
+      _classCallCheck(this, MockUserClient);
+
+      return _super.apply(this, arguments);
+    }
+
+    _createClass(MockUserClient, [{
+      key: "makeRequest",
+      value: function makeRequest(cloudId, userId) {
+        var timeout = random(1500) + 500;
+        var matchError = userId.match(/^error:([0-9a-zA-Z\-]+)$/);
+        var error = matchError && matchError[1];
+        return new Promise(function (resolve, reject) {
+          setTimeout(function () {
+            if (error) {
+              return reject({
+                reason: error
+              });
+            }
+
+            var userIdAsIndex = parseInt(userId, 10);
+            var profile = profiles[userIdAsIndex] || profiles[0];
+
+            if (!profile) {
+              return reject({
+                reason: 'default'
+              });
+            }
+
+            var weekday = getWeekday();
+
+            var data = _objectSpread({}, profile);
+
+            data.remoteTimeString = getTimeString();
+            data.remoteWeekdayIndex = weekday.index;
+            data.remoteWeekdayString = weekday.string;
+            return resolve(modifyResponse(data));
+          }, timeout);
+        });
+      }
+    }]);
+
+    return MockUserClient;
+  }(UserProfileCardClient);
+
+  return /*#__PURE__*/function (_BaseProfileClient) {
+    _inherits(MockProfileClient, _BaseProfileClient);
+
+    var _super2 = _createSuper(MockProfileClient);
+
+    function MockProfileClient(options) {
+      var clients = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+      _classCallCheck(this, MockProfileClient);
+
+      return _super2.call(this, options, _objectSpread({
+        userClient: new MockUserClient(options)
+      }, clients));
+    }
+
+    return MockProfileClient;
+  }(BaseProfileClient);
+}