732e8912da
- Added Linaria to have compiled CSS on our optimized field displays - Refactored mocks for performance stories on fields - Refactored generateRecordChipData into a global context, computed only when we fetch object metadata items. - Refactored ChipFieldDisplay - Refactored PhoneFieldDisplay
534 lines
17 KiB
TypeScript
534 lines
17 KiB
TypeScript
import { Company } from '@/companies/types/Company';
|
|
import { Person } from '@/people/types/Person';
|
|
|
|
export type MockedPersonV2 = Pick<
|
|
Person,
|
|
| '__typename'
|
|
| 'id'
|
|
| 'name'
|
|
| 'linkedinLink'
|
|
| 'xLink'
|
|
| 'links'
|
|
| 'jobTitle'
|
|
| 'email'
|
|
| 'phone'
|
|
| 'city'
|
|
| 'avatarUrl'
|
|
| 'createdAt'
|
|
| 'updatedAt'
|
|
| 'companyId'
|
|
| 'position'
|
|
> & {
|
|
company?: Company;
|
|
};
|
|
|
|
export const mockPeopleDataV2: MockedPersonV2[] = [
|
|
{
|
|
__typename: 'Person',
|
|
city: 'Seattle',
|
|
jobTitle: '',
|
|
createdAt: '2024-05-01T13:16:29.046Z',
|
|
id: '20202020-1c0e-494c-a1b6-85b1c6fefaa5',
|
|
email: 'christoph.calisto@linkedin.com',
|
|
phone: '+33789012345',
|
|
position: 1,
|
|
name: {
|
|
__typename: 'FullName',
|
|
firstName: 'Christoph',
|
|
lastName: 'Callisto',
|
|
},
|
|
linkedinLink: { __typename: 'Link', label: '', url: 'asd' },
|
|
xLink: { __typename: 'Link', label: '', url: 'asd' },
|
|
company: {
|
|
__typename: 'Company',
|
|
domainName: 'linkedin.com',
|
|
name: 'Linkedin',
|
|
employees: 10102,
|
|
accountOwnerId: null,
|
|
address: '',
|
|
idealCustomerProfile: false,
|
|
createdAt: '2024-05-01T13:16:29.046Z',
|
|
id: '20202020-3ec3-4fe3-8997-b76aa0bfa408',
|
|
position: 1,
|
|
updatedAt: '2024-05-23T13:21:41.159Z',
|
|
xLink: { __typename: 'Link', label: '', url: '' },
|
|
annualRecurringRevenue: {
|
|
__typename: 'Currency',
|
|
amountMicros: null,
|
|
currencyCode: '',
|
|
},
|
|
linkedinLink: { __typename: 'Link', label: 'adasd', url: 'adasd' },
|
|
},
|
|
},
|
|
{
|
|
__typename: 'Person',
|
|
city: 'Los Angeles',
|
|
jobTitle: '@',
|
|
createdAt: '2024-05-01T13:16:29.046Z',
|
|
id: '20202020-ac73-4797-824e-87a1f5aea9e0',
|
|
email: 'sylvie.palmer@linkedin.com',
|
|
phone: '+33780123456',
|
|
position: 2,
|
|
name: { __typename: 'FullName', firstName: 'Sylvie', lastName: 'Palmer' },
|
|
linkedinLink: { __typename: 'Link', label: '', url: '' },
|
|
xLink: { __typename: 'Link', label: '', url: '' },
|
|
company: {
|
|
__typename: 'Company',
|
|
domainName: 'algolia.com',
|
|
name: 'Algolia',
|
|
employees: 10000,
|
|
accountOwnerId: '20202020-77d5-4cb6-b60a-f4a835a85d61',
|
|
address: '',
|
|
idealCustomerProfile: false,
|
|
createdAt: '2024-05-01T13:16:29.046Z',
|
|
id: '20202020-1455-4c57-afaf-dd5dc086361d',
|
|
position: 13,
|
|
updatedAt: '2024-05-28T15:52:31.839Z',
|
|
xLink: { __typename: 'Link', label: '', url: '' },
|
|
annualRecurringRevenue: {
|
|
__typename: 'Currency',
|
|
amountMicros: null,
|
|
currencyCode: '',
|
|
},
|
|
linkedinLink: { __typename: 'Link', label: '', url: '' },
|
|
},
|
|
},
|
|
{
|
|
__typename: 'Person',
|
|
city: 'Seattle',
|
|
jobTitle: '',
|
|
createdAt: '2024-05-01T13:16:29.046Z',
|
|
id: '20202020-f517-42fd-80ae-14173b3b70ae',
|
|
email: 'christopher.gonzalez@qonto.com',
|
|
phone: '+33789012345',
|
|
position: 3,
|
|
name: {
|
|
__typename: 'FullName',
|
|
firstName: 'Christopher',
|
|
lastName: 'Gonzalez',
|
|
},
|
|
linkedinLink: { __typename: 'Link', label: '', url: '' },
|
|
xLink: { __typename: 'Link', label: '', url: '' },
|
|
company: {
|
|
__typename: 'Company',
|
|
domainName: 'qonto.com',
|
|
name: 'Qonto',
|
|
employees: 123123123,
|
|
accountOwnerId: '20202020-1553-45c6-a028-5a9064cce07f',
|
|
address: '',
|
|
idealCustomerProfile: false,
|
|
createdAt: '2024-05-08T13:16:29.000Z',
|
|
id: '20202020-0713-40a5-8216-82802401d33e',
|
|
position: 9.5,
|
|
updatedAt: '2024-05-28T15:52:46.961Z',
|
|
xLink: { __typename: 'Link', label: '', url: '' },
|
|
annualRecurringRevenue: {
|
|
__typename: 'Currency',
|
|
amountMicros: null,
|
|
currencyCode: '',
|
|
},
|
|
linkedinLink: { __typename: 'Link', label: '', url: '' },
|
|
},
|
|
},
|
|
{
|
|
__typename: 'Person',
|
|
city: 'Los Angeles',
|
|
jobTitle: '',
|
|
createdAt: '2024-05-01T13:16:29.046Z',
|
|
id: '20202020-eee1-4690-ad2c-8619e5b56a2e',
|
|
email: 'ashley.parker@qonto.com',
|
|
phone: '+33780123456',
|
|
position: 4,
|
|
name: { __typename: 'FullName', firstName: 'Ashley', lastName: 'Parker' },
|
|
linkedinLink: { __typename: 'Link', label: '', url: '' },
|
|
xLink: { __typename: 'Link', label: '', url: '' },
|
|
company: {
|
|
__typename: 'Company',
|
|
domainName: 'qonto.com',
|
|
name: 'Qonto',
|
|
employees: 123123123,
|
|
accountOwnerId: '20202020-1553-45c6-a028-5a9064cce07f',
|
|
address: '',
|
|
idealCustomerProfile: false,
|
|
createdAt: '2024-05-08T13:16:29.000Z',
|
|
id: '20202020-0713-40a5-8216-82802401d33e',
|
|
position: 9.5,
|
|
updatedAt: '2024-05-28T15:52:46.961Z',
|
|
xLink: { __typename: 'Link', label: '', url: '' },
|
|
annualRecurringRevenue: {
|
|
__typename: 'Currency',
|
|
amountMicros: null,
|
|
currencyCode: '',
|
|
},
|
|
linkedinLink: { __typename: 'Link', label: '', url: '' },
|
|
},
|
|
},
|
|
{
|
|
__typename: 'Person',
|
|
city: 'Seattle',
|
|
jobTitle: '',
|
|
createdAt: '2024-05-01T13:16:29.046Z',
|
|
id: '20202020-6784-4449-afdf-dc62cb8702f2',
|
|
email: 'nicholas.wright@microsoft.com',
|
|
phone: '+33781234567',
|
|
position: 5,
|
|
name: { __typename: 'FullName', firstName: 'Nicholas', lastName: 'Wright' },
|
|
linkedinLink: { __typename: 'Link', label: '', url: '' },
|
|
xLink: { __typename: 'Link', label: '', url: '' },
|
|
company: {
|
|
__typename: 'Company',
|
|
domainName: 'microsoft.com',
|
|
name: 'Microsoft',
|
|
employees: 10000,
|
|
accountOwnerId: '20202020-0687-4c41-b707-ed1bfca972a7',
|
|
address: '',
|
|
idealCustomerProfile: false,
|
|
createdAt: '2024-05-01T13:16:29.046Z',
|
|
id: '20202020-ed89-413a-b31a-962986e67bb4',
|
|
position: 6.09375,
|
|
updatedAt: '2024-05-28T15:52:35.621Z',
|
|
xLink: { __typename: 'Link', label: '', url: '' },
|
|
annualRecurringRevenue: {
|
|
__typename: 'Currency',
|
|
amountMicros: 10000000000,
|
|
currencyCode: 'USD',
|
|
},
|
|
linkedinLink: { __typename: 'Link', label: '', url: '' },
|
|
},
|
|
},
|
|
{
|
|
__typename: 'Person',
|
|
city: 'New York',
|
|
jobTitle: '',
|
|
createdAt: '2024-05-01T13:16:29.046Z',
|
|
id: '20202020-490f-4466-8391-733cfd66a0c8',
|
|
email: 'isabella.scott@microsoft.com',
|
|
phone: '+33782345678',
|
|
position: 6,
|
|
name: { __typename: 'FullName', firstName: 'Isabella', lastName: 'Scott' },
|
|
linkedinLink: { __typename: 'Link', label: '', url: '' },
|
|
xLink: { __typename: 'Link', label: '', url: '' },
|
|
company: {
|
|
__typename: 'Company',
|
|
domainName: 'microsoft.com',
|
|
name: 'Microsoft',
|
|
employees: 10000,
|
|
accountOwnerId: '20202020-0687-4c41-b707-ed1bfca972a7',
|
|
address: '',
|
|
idealCustomerProfile: false,
|
|
createdAt: '2024-05-01T13:16:29.046Z',
|
|
id: '20202020-ed89-413a-b31a-962986e67bb4',
|
|
position: 6.09375,
|
|
updatedAt: '2024-05-28T15:52:35.621Z',
|
|
xLink: { __typename: 'Link', label: '', url: '' },
|
|
annualRecurringRevenue: {
|
|
__typename: 'Currency',
|
|
amountMicros: 10000000000,
|
|
currencyCode: 'USD',
|
|
},
|
|
linkedinLink: { __typename: 'Link', label: '', url: '' },
|
|
},
|
|
},
|
|
{
|
|
__typename: 'Person',
|
|
city: 'Seattle',
|
|
jobTitle: '',
|
|
createdAt: '2024-05-01T13:16:29.046Z',
|
|
id: '20202020-80f1-4dff-b570-a74942528de3',
|
|
email: 'matthew.green@microsoft.com',
|
|
phone: '+33783456789',
|
|
position: 7,
|
|
name: { __typename: 'FullName', firstName: 'Matthew', lastName: 'Green' },
|
|
linkedinLink: { __typename: 'Link', label: '', url: '' },
|
|
xLink: { __typename: 'Link', label: '', url: '' },
|
|
company: {
|
|
__typename: 'Company',
|
|
domainName: 'microsoft.com',
|
|
name: 'Microsoft',
|
|
employees: 10000,
|
|
accountOwnerId: '20202020-0687-4c41-b707-ed1bfca972a7',
|
|
address: '',
|
|
idealCustomerProfile: false,
|
|
createdAt: '2024-05-01T13:16:29.046Z',
|
|
id: '20202020-ed89-413a-b31a-962986e67bb4',
|
|
position: 6.09375,
|
|
updatedAt: '2024-05-28T15:52:35.621Z',
|
|
xLink: { __typename: 'Link', label: '', url: '' },
|
|
annualRecurringRevenue: {
|
|
__typename: 'Currency',
|
|
amountMicros: 10000000000,
|
|
currencyCode: 'USD',
|
|
},
|
|
linkedinLink: { __typename: 'Link', label: '', url: '' },
|
|
},
|
|
},
|
|
{
|
|
__typename: 'Person',
|
|
city: 'New York',
|
|
jobTitle: '',
|
|
createdAt: '2024-05-01T13:16:29.046Z',
|
|
id: '20202020-338b-46df-8811-fa08c7d19d35',
|
|
email: 'elizabeth.baker@airbnb.com',
|
|
phone: '+33784567890',
|
|
position: 8,
|
|
name: { __typename: 'FullName', firstName: 'Elizabeth', lastName: 'Baker' },
|
|
linkedinLink: { __typename: 'Link', label: '', url: '' },
|
|
xLink: { __typename: 'Link', label: '', url: '' },
|
|
company: {
|
|
__typename: 'Company',
|
|
domainName: 'airbnb.com',
|
|
name: 'Airbnb',
|
|
employees: 123333,
|
|
accountOwnerId: null,
|
|
address: '',
|
|
idealCustomerProfile: false,
|
|
createdAt: '2024-05-01T13:16:29.046Z',
|
|
id: '20202020-171e-4bcc-9cf7-43448d6fb278',
|
|
position: 5,
|
|
updatedAt: '2024-05-28T15:52:27.902Z',
|
|
xLink: { __typename: 'Link', label: '', url: '' },
|
|
annualRecurringRevenue: {
|
|
__typename: 'Currency',
|
|
amountMicros: null,
|
|
currencyCode: '',
|
|
},
|
|
linkedinLink: { __typename: 'Link', label: '', url: '' },
|
|
},
|
|
},
|
|
{
|
|
__typename: 'Person',
|
|
city: 'San Francisco',
|
|
jobTitle: '',
|
|
createdAt: '2024-05-01T13:16:29.046Z',
|
|
id: '20202020-64ad-4b0e-bbfd-e9fd795b7016',
|
|
email: 'christopher.nelson@airbnb.com',
|
|
phone: '+33785678901',
|
|
position: 9,
|
|
name: {
|
|
__typename: 'FullName',
|
|
firstName: 'Christopher',
|
|
lastName: 'Nelson',
|
|
},
|
|
linkedinLink: { __typename: 'Link', label: '', url: '' },
|
|
xLink: { __typename: 'Link', label: '', url: '' },
|
|
company: {
|
|
__typename: 'Company',
|
|
domainName: 'airbnb.com',
|
|
name: 'Airbnb',
|
|
employees: 123333,
|
|
accountOwnerId: null,
|
|
address: '',
|
|
idealCustomerProfile: false,
|
|
createdAt: '2024-05-01T13:16:29.046Z',
|
|
id: '20202020-171e-4bcc-9cf7-43448d6fb278',
|
|
position: 5,
|
|
updatedAt: '2024-05-28T15:52:27.902Z',
|
|
xLink: { __typename: 'Link', label: '', url: '' },
|
|
annualRecurringRevenue: {
|
|
__typename: 'Currency',
|
|
amountMicros: null,
|
|
currencyCode: '',
|
|
},
|
|
linkedinLink: { __typename: 'Link', label: '', url: '' },
|
|
},
|
|
},
|
|
{
|
|
__typename: 'Person',
|
|
city: 'New York',
|
|
jobTitle: '',
|
|
createdAt: '2024-05-01T13:16:29.046Z',
|
|
id: '20202020-5d54-41b7-ba36-f0d20e1417ae',
|
|
email: 'avery.carter@airbnb.com',
|
|
phone: '+33786789012',
|
|
position: 10,
|
|
name: { __typename: 'FullName', firstName: 'Avery', lastName: 'Carter' },
|
|
linkedinLink: { __typename: 'Link', label: '', url: '' },
|
|
xLink: { __typename: 'Link', label: '', url: '' },
|
|
company: {
|
|
__typename: 'Company',
|
|
domainName: 'airbnb.com',
|
|
name: 'Airbnb',
|
|
employees: 123333,
|
|
accountOwnerId: null,
|
|
address: '',
|
|
idealCustomerProfile: false,
|
|
createdAt: '2024-05-01T13:16:29.046Z',
|
|
id: '20202020-171e-4bcc-9cf7-43448d6fb278',
|
|
position: 5,
|
|
updatedAt: '2024-05-28T15:52:27.902Z',
|
|
xLink: { __typename: 'Link', label: '', url: '' },
|
|
annualRecurringRevenue: {
|
|
__typename: 'Currency',
|
|
amountMicros: null,
|
|
currencyCode: '',
|
|
},
|
|
linkedinLink: { __typename: 'Link', label: '', url: '' },
|
|
},
|
|
},
|
|
{
|
|
__typename: 'Person',
|
|
city: 'Los Angeles',
|
|
jobTitle: '',
|
|
createdAt: '2024-05-01T13:16:29.046Z',
|
|
id: '20202020-623d-41fe-92e7-dd45b7c568e1',
|
|
email: 'ethan.mitchell@google.com',
|
|
phone: '+33787890123',
|
|
position: 11,
|
|
name: { __typename: 'FullName', firstName: 'Ethan', lastName: 'Mitchell' },
|
|
linkedinLink: { __typename: 'Link', label: '', url: '' },
|
|
xLink: { __typename: 'Link', label: '', url: '' },
|
|
company: {
|
|
__typename: 'Company',
|
|
domainName: 'google.com',
|
|
name: 'Google',
|
|
employees: 10202,
|
|
accountOwnerId: '20202020-0687-4c41-b707-ed1bfca972a7',
|
|
address: 'Paris France',
|
|
idealCustomerProfile: false,
|
|
createdAt: '2024-05-21T13:16:29.000Z',
|
|
id: '20202020-c21e-4ec2-873b-de4264d89025',
|
|
position: 7.5,
|
|
updatedAt: '2024-05-28T15:53:28.838Z',
|
|
xLink: { __typename: 'Link', label: '', url: '' },
|
|
annualRecurringRevenue: {
|
|
__typename: 'Currency',
|
|
amountMicros: 1001000000,
|
|
currencyCode: 'USD',
|
|
},
|
|
linkedinLink: { __typename: 'Link', label: '', url: '' },
|
|
},
|
|
},
|
|
{
|
|
__typename: 'Person',
|
|
city: 'Seattle',
|
|
jobTitle: '',
|
|
createdAt: '2024-05-01T13:16:29.046Z',
|
|
id: '20202020-2d40-4e49-8df4-9c6a049190ef',
|
|
email: 'madison.perez@google.com',
|
|
phone: '+33788901234',
|
|
position: 12,
|
|
name: { __typename: 'FullName', firstName: 'Madison', lastName: 'Perez' },
|
|
linkedinLink: { __typename: 'Link', label: '', url: '' },
|
|
xLink: { __typename: 'Link', label: '', url: '' },
|
|
company: {
|
|
__typename: 'Company',
|
|
domainName: 'google.com',
|
|
name: 'Google',
|
|
employees: 10202,
|
|
accountOwnerId: '20202020-0687-4c41-b707-ed1bfca972a7',
|
|
address: 'Paris France',
|
|
idealCustomerProfile: false,
|
|
createdAt: '2024-05-21T13:16:29.000Z',
|
|
id: '20202020-c21e-4ec2-873b-de4264d89025',
|
|
position: 7.5,
|
|
updatedAt: '2024-05-28T15:53:28.838Z',
|
|
xLink: { __typename: 'Link', label: '', url: '' },
|
|
annualRecurringRevenue: {
|
|
__typename: 'Currency',
|
|
amountMicros: 1001000000,
|
|
currencyCode: 'USD',
|
|
},
|
|
linkedinLink: { __typename: 'Link', label: '', url: '' },
|
|
},
|
|
},
|
|
{
|
|
__typename: 'Person',
|
|
city: 'Seattle',
|
|
jobTitle: '',
|
|
createdAt: '2024-05-01T13:16:29.046Z',
|
|
id: '20202020-2d40-4e49-8df4-9c6a049190df',
|
|
email: 'bertrand.voulzy@google.com',
|
|
phone: '+33788901234',
|
|
position: 13,
|
|
name: { __typename: 'FullName', firstName: 'Bertrand', lastName: 'Voulzy' },
|
|
linkedinLink: { __typename: 'Link', label: '', url: '' },
|
|
xLink: { __typename: 'Link', label: '', url: '' },
|
|
company: {
|
|
__typename: 'Company',
|
|
domainName: 'google.com',
|
|
name: 'Google',
|
|
employees: 10202,
|
|
accountOwnerId: '20202020-0687-4c41-b707-ed1bfca972a7',
|
|
address: 'Paris France',
|
|
idealCustomerProfile: false,
|
|
createdAt: '2024-05-21T13:16:29.000Z',
|
|
id: '20202020-c21e-4ec2-873b-de4264d89025',
|
|
position: 7.5,
|
|
updatedAt: '2024-05-28T15:53:28.838Z',
|
|
xLink: { __typename: 'Link', label: '', url: '' },
|
|
annualRecurringRevenue: {
|
|
__typename: 'Currency',
|
|
amountMicros: 1001000000,
|
|
currencyCode: 'USD',
|
|
},
|
|
linkedinLink: { __typename: 'Link', label: '', url: '' },
|
|
},
|
|
},
|
|
{
|
|
__typename: 'Person',
|
|
city: 'Seattle',
|
|
jobTitle: '',
|
|
createdAt: '2024-05-01T13:16:29.046Z',
|
|
id: '20202020-2d40-4e49-8df4-9c6a049191de',
|
|
email: 'louis.duss@google.com',
|
|
phone: '+33788901234',
|
|
position: 14,
|
|
name: { __typename: 'FullName', firstName: 'Louis', lastName: 'Duss' },
|
|
linkedinLink: { __typename: 'Link', label: '', url: '' },
|
|
xLink: { __typename: 'Link', label: '', url: '' },
|
|
company: {
|
|
__typename: 'Company',
|
|
domainName: 'google.com',
|
|
name: 'Google',
|
|
employees: 10202,
|
|
accountOwnerId: '20202020-0687-4c41-b707-ed1bfca972a7',
|
|
address: 'Paris France',
|
|
idealCustomerProfile: false,
|
|
createdAt: '2024-05-21T13:16:29.000Z',
|
|
id: '20202020-c21e-4ec2-873b-de4264d89025',
|
|
position: 7.5,
|
|
updatedAt: '2024-05-28T15:53:28.838Z',
|
|
xLink: { __typename: 'Link', label: '', url: '' },
|
|
annualRecurringRevenue: {
|
|
__typename: 'Currency',
|
|
amountMicros: 1001000000,
|
|
currencyCode: 'USD',
|
|
},
|
|
linkedinLink: { __typename: 'Link', label: '', url: '' },
|
|
},
|
|
},
|
|
{
|
|
__typename: 'Person',
|
|
city: 'Seattle',
|
|
jobTitle: '',
|
|
createdAt: '2024-05-01T13:16:29.046Z',
|
|
id: '20202020-2d40-4e49-8df4-9c6a049191df',
|
|
email: 'lorie.vladim@google.com',
|
|
phone: '+33788901235',
|
|
position: 15,
|
|
name: { __typename: 'FullName', firstName: 'Lorie', lastName: 'Vladim' },
|
|
linkedinLink: { __typename: 'Link', label: '', url: '' },
|
|
xLink: { __typename: 'Link', label: '', url: '' },
|
|
company: {
|
|
__typename: 'Company',
|
|
domainName: 'google.com',
|
|
name: 'Google',
|
|
employees: 10202,
|
|
accountOwnerId: '20202020-0687-4c41-b707-ed1bfca972a7',
|
|
address: 'Paris France',
|
|
idealCustomerProfile: false,
|
|
createdAt: '2024-05-21T13:16:29.000Z',
|
|
id: '20202020-c21e-4ec2-873b-de4264d89025',
|
|
position: 7.5,
|
|
updatedAt: '2024-05-28T15:53:28.838Z',
|
|
xLink: { __typename: 'Link', label: '', url: '' },
|
|
annualRecurringRevenue: {
|
|
__typename: 'Currency',
|
|
amountMicros: 1001000000,
|
|
currencyCode: 'USD',
|
|
},
|
|
linkedinLink: { __typename: 'Link', label: '', url: '' },
|
|
},
|
|
},
|
|
];
|