@atlaskit/profilecard 15.7.0 → 15.8.2

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

@@ -0,0 +1,53 @@
+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 _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 TeamProfileCardClient from '../client/TeamProfileCardClient';
+export default function getMockTeamClient(data) {
+  return /*#__PURE__*/function (_TeamProfileCardClien) {
+    _inherits(MockTeamClient, _TeamProfileCardClien);
+
+    var _super = _createSuper(MockTeamClient);
+
+    function MockTeamClient() {
+      _classCallCheck(this, MockTeamClient);
+
+      return _super.apply(this, arguments);
+    }
+
+    _createClass(MockTeamClient, [{
+      key: "makeRequest",
+      value: function makeRequest(teamId) {
+        if (!data.timeout) {
+          if (data.error && Math.random() < data.errorRate) {
+            return Promise.reject({
+              reason: data.error
+            });
+          }
+
+          return Promise.resolve(data.team);
+        }
+
+        return new Promise(function (resolve, reject) {
+          setTimeout(function () {
+            if (data.error && Math.random() < data.errorRate) {
+              reject({
+                reason: data.error
+              });
+            }
+
+            return resolve(data.team);
+          }, data.timeout);
+        });
+      }
+    }]);
+
+    return MockTeamClient;
+  }(TeamProfileCardClient);
+}

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

@@ -0,0 +1,140 @@
+import sample from 'lodash/sample';
+import { getTimeString, getWeekday } from './util';
+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
+];
+
+var getAvatar = function getAvatar() {
+  return sample(avatarImages);
+};
+
+var 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/esm/mocks/simple-mock-clients.js

@@ -0,0 +1,88 @@
+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 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';
+
+var SimpleMockTeamClient = /*#__PURE__*/function (_TeamProfileCardClien) {
+  _inherits(SimpleMockTeamClient, _TeamProfileCardClien);
+
+  var _super = _createSuper(SimpleMockTeamClient);
+
+  function SimpleMockTeamClient() {
+    _classCallCheck(this, SimpleMockTeamClient);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(SimpleMockTeamClient, [{
+    key: "makeRequest",
+    value: function makeRequest(teamId) {
+      var simpleMockTeam = teamData({
+        members: 5
+      });
+      return Promise.resolve(_objectSpread({
+        teamId: teamId
+      }, simpleMockTeam));
+    }
+  }]);
+
+  return SimpleMockTeamClient;
+}(TeamProfileCardClient);
+
+var SimpleMockUserClient = /*#__PURE__*/function (_UserProfileCardClien) {
+  _inherits(SimpleMockUserClient, _UserProfileCardClien);
+
+  var _super2 = _createSuper(SimpleMockUserClient);
+
+  function SimpleMockUserClient() {
+    _classCallCheck(this, SimpleMockUserClient);
+
+    return _super2.apply(this, arguments);
+  }
+
+  _createClass(SimpleMockUserClient, [{
+    key: "makeRequest",
+    value: function makeRequest(cloudId, userId) {
+      var profile = profiles[0];
+      var weekday = getWeekday();
+
+      var data = _objectSpread({}, profile);
+
+      data.remoteTimeString = getTimeString();
+      data.remoteWeekdayIndex = weekday.index;
+      data.remoteWeekdayString = weekday.string;
+      return Promise.resolve(data);
+    }
+  }]);
+
+  return SimpleMockUserClient;
+}(UserProfileCardClient);
+
+var args = {
+  cacheSize: 10,
+  maxCacheAge: 0,
+  url: '/graphql/directory'
+};
+export var simpleMockUserClient = new SimpleMockUserClient(args);
+export var simpleMockTeamClient = new SimpleMockTeamClient(args);
+export var simpleProfileClient = new ProfileCardClient(args, {
+  userClient: simpleMockUserClient,
+  teamClient: simpleMockTeamClient
+});

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

@@ -0,0 +1,48 @@
+import sample from '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
+];
+
+var getAvatar = function getAvatar() {
+  return sample(avatarImages);
+};
+
+var 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'];
+var members = memberNames.map(function (name, index) {
+  return {
+    id: index.toString(),
+    avatarUrl: getAvatar(),
+    fullName: name
+  };
+});
+var sampleImage = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAABACAMAAACqVYydAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAGBQTFRF/zX7+DP73i77uyb8kR78ZhX9PQz+GwX+/jT78jL71Sz7ryT8hRv8WhL9Mwr+EwT+/TT76jD7yyr7pCL8eRn9ThD9KQj+DAL/+jT74i/7wCj8lx/8bBb9Qw3+IAb+BgH/HFKiKQAAAIBJREFUeJztzjkOggAAAEEEORTkFOQS/v9L+u1INDQ7L5ggOOkGIURwhxgSSOHsz6BBgwYNGjRo0OBvgxk84Ak5FPCCEiowaNCgQYMGDRo0eG2whgZa6OANPQzwAYMGDRo0aNCgQYPXBkeYYIYFVvjCBjsYNGjQoEGDBg0a/GvwADIe8BAKQVCtAAAAAElFTkSuQmCC';
+var names = {
+  Short: 'Lemon',
+  Medium: 'The Fat Cats',
+  Long: 'People and Teams Collective Developers',
+  Overlong: "Teamwork Platform's People and Teams Collective Frontend Developer Group"
+};
+var longDescription = 'This is information about the team. They are responsible for all the cool stuff that happens at Acme.';
+var 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(_ref) {
+  var _ref$headerImage = _ref.headerImage,
+      headerImage = _ref$headerImage === void 0 ? 'None' : _ref$headerImage,
+      _ref$displayName = _ref.displayName,
+      displayName = _ref$displayName === void 0 ? 'Short' : _ref$displayName,
+      _ref$members = _ref.members,
+      memberCount = _ref$members === void 0 ? 1 : _ref$members,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? 'Long' : _ref$description;
+  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/dist/esm/mocks/util.js

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

package/dist/esm/styled/Card.js

@@ -4,8 +4,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 
 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';
 
 var getFullNameMargin = function getFullNameMargin(props) {
   return props.noMeta ? "".concat(gridSize() * 4.5, "px 0 ").concat(gridSize() * 1.5, "px 0") : "".concat(gridSize() * 1.5, "px 0 0 0");
@@ -38,7 +37,7 @@ export var CardContainer = styled.div(_templateObject15 || (_templateObject15 =
     return '';
   }
 
-  return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n      ", "\n      border-radius: ", "px;\n    "])), e200, borderRadius);
+  return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n      box-shadow: ", ";\n      border-radius: ", "px;\n    "])), boxShadow, borderRadius);
 });
 export var DetailsLabel = styled.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  line-height: ", "px;\n  font-size: ", "px;\n  margin: ", "px 0 0 0;\n  white-space: nowrap;\n\n  & + & {\n    margin-top: ", "px;\n  }\n"])), gridSize() * 3, gridSize() * 1.5, gridSize() * 2, gridSize() / 4);
 export var DetailsLabelIcon = styled.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-shrink: 0;\n  color: ", ";\n  width: ", "px;\n  height: ", "px;\n  padding: ", "px;\n  vertical-align: top;\n\n  svg {\n    width: 100%;\n    height: 100%;\n  }\n"])), labelIconColor, gridSize() * 2, gridSize() * 2, gridSize() / 2);

package/dist/esm/styled/Error.js

@@ -6,9 +6,10 @@ 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 var ErrorWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  text-align: center;\n  padding: ", "px;\n  color: ", ";\n"])), gridSize() * 3, errorIconColor);
 export var ErrorTitle = styled.p(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  color: ", ";\n  line-height: ", "px;\n  margin: ", "px 0;\n"])), errorTitleColor, gridSize() * 3, gridSize);
 export var ErrorText = styled.span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  color: ", ";\n"])), errorTextColor);
 export var TeamErrorTitle = styled.p(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  ", ";\n"])), h400);
-export var TeamErrorText = styled.p(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  color: ", ";\n  margin-top: ", "px;\n"])), N200, gridSize() * 1);
+export var TeamErrorText = styled.p(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  color: ", ";\n  margin-top: ", "px;\n"])), token('color.text.lowEmphasis', N200), gridSize() * 1);

package/dist/esm/styled/TeamCard.js

@@ -6,10 +6,11 @@ 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 var CardTriggerWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inherit;\n"])));
 export var CardWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  border-radius: ", "px;\n  width: ", "px;\n  position: relative;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n"])), bgColor, borderRadius, gridSize() * 40);
-var loadingImage = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  background-color: ", ";\n"])), N20);
+var loadingImage = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  background-color: ", ";\n"])), token('color.background.subtleNeutral.resting', N20));
 var defaultImage = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  background-color: ", ";\n"])), teamHeaderBgColor);
 export var CardHeader = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  ", ";\n  background-repeat: no-repeat;\n  background-size: cover;\n  box-sizing: content-box;\n  height: ", "px;\n"])), function (props) {
   if (props.isLoading) {
@@ -24,11 +25,11 @@ export var CardHeader = styled.div(_templateObject5 || (_templateObject5 = _tagg
 }, gridSize() * 16);
 export var CardContent = styled.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  padding: ", "px;\n  min-height: ", "px;\n"])), gridSize() * 3, gridSize() * 13);
 export var TeamName = styled.h6(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  ", ";\n  text-transform: none;\n  overflow: hidden;\n  max-height: 48px;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n"])), h600);
-export var MemberCount = styled.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  color: ", ";\n  margin-top: ", "px;\n"])), N200, gridSize() * 0.5);
+export var MemberCount = styled.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  color: ", ";\n  margin-top: ", "px;\n"])), token('color.text.lowEmphasis', N200), gridSize() * 0.5);
 export var AvatarSection = styled.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  margin-top: ", "px;\n  margin-left: -2px;\n"])), gridSize() * 2);
 export var DescriptionWrapper = styled.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  margin-top: ", "px;\n  align-items: center;\n  display: flex;\n"])), gridSize() * 2);
 export var Description = styled.span(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  overflow: hidden;\n  max-height: 60px;\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n"])));
-export var ActionButtons = styled.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  width: calc(100% + 8px);\n  display: flex;\n  justify-content: space-between;\n  margin: ", "px -", "px 0 -", "px;\n  background-color: hsla(0, 100%, 100%, 0.2);\n"])), gridSize() * 3, gridSize() * 3, gridSize());
+export var ActionButtons = styled.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  width: calc(100% + 8px);\n  display: flex;\n  justify-content: space-between;\n  margin: ", "px -", "px 0 -", "px;\n  background-color: ", ";\n"])), gridSize() * 3, gridSize() * 3, gridSize(), token('color.background.overlay', 'hsla(0, 100%, 100%, 0.2)'));
 export var WrappedButton = styled.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  flex-basis: 0;\n  flex-grow: 1;\n  margin-left: 8px;\n"])));
 export var MoreButton = styled.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  margin-left: 8px;\n"])));
 export var LoadingWrapper = styled.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  text-align: center;\n  margin-top: ", "px;\n"])), gridSize() * 5); // export const LoadingTeamName = styled.div`

package/dist/esm/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 var bgColor = themed({
-  light: colors.N0,
-  dark: colors.DN50
+  light: token('color.background.overlay', colors.N0),
+  dark: token('color.background.overlay', colors.DN50)
 });
 export var 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 var 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 var headerBgColorDisabledUser = themed({
-  light: colors.N30,
-  dark: colors.B100
+  light: token('color.background.disabled', colors.N30),
+  dark: token('color.background.disabled', colors.B100)
 });
 export var headerTextColor = themed({
-  light: colors.N0,
-  dark: colors.N0
+  light: token('color.text.onBold', colors.N0),
+  dark: token('color.text.onBold', colors.N0)
 });
 export var headerTextColorInactive = themed({
-  light: colors.N800,
-  dark: colors.N0
+  light: token('color.text.highEmphasis', colors.N800),
+  dark: token('color.text.highEmphasis', colors.N0)
 });
 export var 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 var appLabelTextColor = themed({
-  light: colors.N500,
-  dark: colors.N500
+  light: token('color.text.highEmphasis', colors.N500),
+  dark: token('color.text.highEmphasis', colors.N500)
 });
 export var labelTextColor = themed({
-  light: colors.N800,
-  dark: colors.DN900
+  light: token('color.text.highEmphasis', colors.N800),
+  dark: token('color.text.highEmphasis', colors.DN900)
 });
 export var labelIconColor = themed({
-  light: colors.N60,
-  dark: colors.DN100
+  light: token('color.text.lowEmphasis', colors.N60),
+  dark: token('color.text.lowEmphasis', colors.DN100)
 });
 export var errorIconColor = themed({
-  light: colors.N90,
-  dark: colors.DN90
+  light: token('color.text.disabled', colors.N90),
+  dark: token('color.text.disabled', colors.DN90)
 });
 export var errorTitleColor = themed({
-  light: colors.N800,
-  dark: colors.DN800
+  light: token('color.text.highEmphasis', colors.N800),
+  dark: token('color.text.highEmphasis', colors.DN800)
 });
 export var errorTextColor = themed({
-  light: colors.N90,
-  dark: colors.DN90
+  light: token('color.text.lowEmphasis', colors.N90),
+  dark: token('color.text.lowEmphasis', colors.DN90)
+});
+export var boxShadow = themed({
+  light: token('shadow.overlay', "0 4px 8px -2px ".concat(colors.N50A, ", 0 0 1px ").concat(colors.N60A)),
+  dark: token('shadow.overlay', "0 4px 8px -2px ".concat(colors.DN50A, ", 0 0 1px ").concat(colors.DN60A))
 });

package/dist/esm/util/analytics.js

@@ -19,7 +19,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "15.7.0"
+      packageVersion: "15.8.2"
     }, attributes), {}, {
       firedAt: getPageTime()
     })

package/dist/esm/version.json

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

package/dist/types/i18n/index.d.ts

@@ -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/types/mocks/index.d.ts

@@ -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/types/mocks/mock-profile-client.d.ts

@@ -0,0 +1 @@
+export default function getMockProfileClient(BaseProfileClient: any, modifyResponse: any): any;

package/dist/types/mocks/mock-team-client.d.ts

@@ -0,0 +1,7 @@
+import { Team } from '../types';
+export default function getMockTeamClient(data: {
+    team: Team;
+    timeout: number;
+    error: any;
+    errorRate: number;
+}): any;

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

@@ -0,0 +1,41 @@
+declare const profiles: ({
+    User: {
+        avatarUrl: string;
+        fullName: string;
+        nickname: string;
+        email: string;
+        location: string;
+        meta: string;
+        remoteTimeString: string;
+        remoteWeekdayIndex: number;
+        remoteWeekdayString: string;
+        status?: undefined;
+    };
+} | {
+    User: {
+        avatarUrl: string;
+        fullName: string;
+        nickname: string;
+        email: string;
+        location: string;
+        meta: string;
+        status: string;
+        remoteTimeString: string;
+        remoteWeekdayIndex: number;
+        remoteWeekdayString: string;
+    };
+} | {
+    User: {
+        avatarUrl: string;
+        fullName: string;
+        nickname: string;
+        email: string;
+        meta: string;
+        location?: undefined;
+        remoteTimeString?: undefined;
+        remoteWeekdayIndex?: undefined;
+        remoteWeekdayString?: undefined;
+        status?: undefined;
+    };
+})[];
+export default profiles;