@atlaskit/profilecard 15.7.0 → 15.8.2

package/dist/types/mocks/simple-mock-clients.d.ts

@@ -0,0 +1,14 @@
+import ProfileCardClient from '../client/ProfileCardClient';
+import TeamProfileCardClient from '../client/TeamProfileCardClient';
+import UserProfileCardClient from '../client/UserProfileCardClient';
+import { ProfileCardClientData, Team } from '../types';
+declare class SimpleMockTeamClient extends TeamProfileCardClient {
+    makeRequest(teamId: string): Promise<Team>;
+}
+declare class SimpleMockUserClient extends UserProfileCardClient {
+    makeRequest(cloudId: string, userId: string): Promise<ProfileCardClientData>;
+}
+export declare const simpleMockUserClient: SimpleMockUserClient;
+export declare const simpleMockTeamClient: SimpleMockTeamClient;
+export declare const simpleProfileClient: ProfileCardClient;
+export {};

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

@@ -0,0 +1,7 @@
+import { Team } from '../types';
+export default function teamData({ headerImage, displayName, members: memberCount, description, }: {
+    headerImage?: 'None' | 'Picture';
+    displayName?: 'Short' | 'Medium' | 'Long' | 'Overlong';
+    members?: number;
+    description?: 'None' | 'Short' | 'Medium' | 'Long' | 'Overlong';
+}): Team;

package/dist/types/mocks/util.d.ts

@@ -0,0 +1,6 @@
+export declare const random: (int: number) => number;
+export declare const getWeekday: () => {
+    index: number;
+    string: string;
+};
+export declare const getTimeString: () => string;

package/dist/types/styled/constants.d.ts

@@ -1,13 +1,14 @@
-export declare const bgColor: import("@atlaskit/theme").ThemedValue<string>;
-export declare const headerBgColor: import("@atlaskit/theme").ThemedValue<string>;
-export declare const teamHeaderBgColor: import("@atlaskit/theme").ThemedValue<string>;
-export declare const headerBgColorDisabledUser: import("@atlaskit/theme").ThemedValue<string>;
-export declare const headerTextColor: import("@atlaskit/theme").ThemedValue<string>;
-export declare const headerTextColorInactive: import("@atlaskit/theme").ThemedValue<string>;
-export declare const appLabelBgColor: import("@atlaskit/theme").ThemedValue<string>;
-export declare const appLabelTextColor: import("@atlaskit/theme").ThemedValue<string>;
-export declare const labelTextColor: import("@atlaskit/theme").ThemedValue<string>;
-export declare const labelIconColor: import("@atlaskit/theme").ThemedValue<string>;
-export declare const errorIconColor: import("@atlaskit/theme").ThemedValue<string>;
-export declare const errorTitleColor: import("@atlaskit/theme").ThemedValue<string>;
-export declare const errorTextColor: import("@atlaskit/theme").ThemedValue<string>;
+export declare const bgColor: import("@atlaskit/theme").ThemedValue<"var(--ds-background-overlay)">;
+export declare const headerBgColor: import("@atlaskit/theme").ThemedValue<"var(--ds-background-boldBrand-resting)">;
+export declare const teamHeaderBgColor: import("@atlaskit/theme").ThemedValue<"var(--ds-background-subtleNeutral-resting)">;
+export declare const headerBgColorDisabledUser: import("@atlaskit/theme").ThemedValue<"var(--ds-background-disabled)">;
+export declare const headerTextColor: import("@atlaskit/theme").ThemedValue<"var(--ds-text-onBold)">;
+export declare const headerTextColorInactive: import("@atlaskit/theme").ThemedValue<"var(--ds-text-highEmphasis)">;
+export declare const appLabelBgColor: import("@atlaskit/theme").ThemedValue<"var(--ds-background-subtleNeutral-resting)">;
+export declare const appLabelTextColor: import("@atlaskit/theme").ThemedValue<"var(--ds-text-highEmphasis)">;
+export declare const labelTextColor: import("@atlaskit/theme").ThemedValue<"var(--ds-text-highEmphasis)">;
+export declare const labelIconColor: import("@atlaskit/theme").ThemedValue<"var(--ds-text-lowEmphasis)">;
+export declare const errorIconColor: import("@atlaskit/theme").ThemedValue<"var(--ds-text-disabled)">;
+export declare const errorTitleColor: import("@atlaskit/theme").ThemedValue<"var(--ds-text-highEmphasis)">;
+export declare const errorTextColor: import("@atlaskit/theme").ThemedValue<"var(--ds-text-lowEmphasis)">;
+export declare const boxShadow: import("@atlaskit/theme").ThemedValue<"var(--ds-overlay)">;

package/mocks/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@atlaskit/profilecard/mocks",
+  "main": "../dist/cjs/mocks/index.js",
+  "module": "../dist/esm/mocks/index.js",
+  "module:es2019": "../dist/es2019/mocks/index.js",
+  "types": "../dist/types/mocks/index.d.ts"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/profilecard",
-  "version": "15.7.0",
+  "version": "15.8.2",
   "description": "A React component to display a card with user information.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -26,6 +26,7 @@
     "./team": "./src/components/Team/index.ts",
     "./types": "./src/types.ts",
     "./user": "./src/components/User/index.ts",
+    "./mocks": "./src/mocks/index.ts",
     ".": "./src/index.ts"
   },
   "scripts": {
@@ -43,12 +44,14 @@
     "@atlaskit/button": "^16.0.0",
     "@atlaskit/icon": "^21.9.0",
     "@atlaskit/lozenge": "^11.0.0",
-    "@atlaskit/menu": "^1.0.0",
+    "@atlaskit/menu": "^1.2.0",
     "@atlaskit/popup": "^1.1.0",
     "@atlaskit/spinner": "^15.0.0",
     "@atlaskit/theme": "^12.0.0",
+    "@atlaskit/tokens": "^0.4.0",
     "@babel/runtime": "^7.0.0",
     "date-fns": "^2.17.0",
+    "lodash": "^4.17.15",
     "lru-fast": "^0.2.2"
   },
   "peerDependencies": {
@@ -59,17 +62,16 @@
   },
   "devDependencies": {
     "@atlaskit/docs": "*",
-    "@atlaskit/dynamic-table": "^14.2.0",
+    "@atlaskit/dynamic-table": "^14.4.0",
     "@atlaskit/inline-edit": "^12.0.0",
     "@atlaskit/select": "^15.0.0",
-    "@atlaskit/util-data-test": "^16.0.0",
+    "@atlaskit/util-data-test": "^17.0.0",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@testing-library/react": "^8.0.1",
     "enzyme": "^3.10.0",
     "es6-promise": "^4.0.5",
     "fetch-mock": "^8.0.0",
     "loader-utils": "^1.1.0",
-    "lodash": "^4.17.15",
     "react-router-dom": "^4.2.2",
     "sinon": "^2.2.0",
     "typescript": "3.9.6",
@@ -82,6 +84,9 @@
   "techstack": {
     "@atlassian/frontend": {
       "import-structure": "atlassian-conventions"
+    },
+    "@repo/internal": {
+      "theming": "tokens"
     }
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"

package/mock-helpers/profile-data.ts

@@ -1,160 +0,0 @@
-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) as string;
-
-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/mock-helpers/team-data.ts

@@ -1,88 +0,0 @@
-import sample from 'lodash/sample';
-
-import { Team } from '../src/types';
-
-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: Record<string, string> = {
-  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: Record<string, string> = {
-  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',
-}: {
-  headerImage?: 'None' | 'Picture';
-  displayName?: 'Short' | 'Medium' | 'Long' | 'Overlong';
-  members?: number;
-  description?: 'None' | 'Short' | 'Medium' | 'Long' | 'Overlong';
-}): Team {
-  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,
-  };
-}