Add no value column on Kanban (#6252)
<img width="1512" alt="image" src="https://github.com/user-attachments/assets/9fcdd5ca-4329-467c-ada8-4dd5d45be259"> Open questions: - the Tag component does not match Figma in term of style and API for "transparent" | "outline". We need to discuss with @Bonapara what is the desired behavior here - right now opportunity.stage is not nullable. We need to discuss with @FelixMalfait and @Bonapara what we want here. I would advocate to make a it nullable for now until we introduce settings on select fields. custom select are nullable and it could be confusing for the user Follow up: - enhance tests on Tags - add story to cover the No Value column on record board
This commit is contained in:
Charles Bochet
@ -9,6 +9,9 @@ export const mockedViewFieldsData = [
|
||||
position: 0,
|
||||
isVisible: true,
|
||||
size: 180,
|
||||
createdAt: '2021-09-01T00:00:00.000Z',
|
||||
updatedAt: '2021-09-01T00:00:00.000Z',
|
||||
__typename: 'ViewField',
|
||||
},
|
||||
{
|
||||
id: '2a96bbc8-d86d-439a-8e50-4b07ebd27750',
|
||||
@ -17,6 +20,9 @@ export const mockedViewFieldsData = [
|
||||
position: 1,
|
||||
isVisible: true,
|
||||
size: 100,
|
||||
createdAt: '2021-09-01T00:00:00.000Z',
|
||||
updatedAt: '2021-09-01T00:00:00.000Z',
|
||||
__typename: 'ViewField',
|
||||
},
|
||||
{
|
||||
id: '0c1b4c7b-6a3d-4fb0-bf2b-5d7c8fb844ed',
|
||||
@ -25,6 +31,9 @@ export const mockedViewFieldsData = [
|
||||
position: 2,
|
||||
isVisible: true,
|
||||
size: 150,
|
||||
createdAt: '2021-09-01T00:00:00.000Z',
|
||||
updatedAt: '2021-09-01T00:00:00.000Z',
|
||||
__typename: 'ViewField',
|
||||
},
|
||||
{
|
||||
id: 'cc7f9560-32b5-4b82-8fd9-b05fe77c8cf7',
|
||||
@ -33,6 +42,9 @@ export const mockedViewFieldsData = [
|
||||
position: 3,
|
||||
isVisible: true,
|
||||
size: 150,
|
||||
createdAt: '2021-09-01T00:00:00.000Z',
|
||||
updatedAt: '2021-09-01T00:00:00.000Z',
|
||||
__typename: 'ViewField',
|
||||
},
|
||||
{
|
||||
id: '3de4d078-3396-4480-be2d-6f3b1a228b0d',
|
||||
@ -41,6 +53,9 @@ export const mockedViewFieldsData = [
|
||||
position: 4,
|
||||
isVisible: true,
|
||||
size: 150,
|
||||
createdAt: '2021-09-01T00:00:00.000Z',
|
||||
updatedAt: '2021-09-01T00:00:00.000Z',
|
||||
__typename: 'ViewField',
|
||||
},
|
||||
{
|
||||
id: '4650c8fb-0f1e-4342-88dc-adedae1445f9',
|
||||
@ -49,6 +64,9 @@ export const mockedViewFieldsData = [
|
||||
position: 5,
|
||||
isVisible: true,
|
||||
size: 170,
|
||||
createdAt: '2021-09-01T00:00:00.000Z',
|
||||
updatedAt: '2021-09-01T00:00:00.000Z',
|
||||
__typename: 'ViewField',
|
||||
},
|
||||
{
|
||||
id: '727430bf-6ff8-4c85-9828-cbe72ac0fc27',
|
||||
@ -57,6 +75,9 @@ export const mockedViewFieldsData = [
|
||||
position: 6,
|
||||
isVisible: true,
|
||||
size: 170,
|
||||
createdAt: '2021-09-01T00:00:00.000Z',
|
||||
updatedAt: '2021-09-01T00:00:00.000Z',
|
||||
__typename: 'ViewField',
|
||||
},
|
||||
|
||||
// People
|
||||
@ -67,6 +88,9 @@ export const mockedViewFieldsData = [
|
||||
position: 0,
|
||||
isVisible: true,
|
||||
size: 210,
|
||||
createdAt: '2021-09-01T00:00:00.000Z',
|
||||
updatedAt: '2021-09-01T00:00:00.000Z',
|
||||
__typename: 'ViewField',
|
||||
},
|
||||
{
|
||||
id: 'e1e24864-8601-4cd8-8a63-09c1285f2e39',
|
||||
@ -75,6 +99,9 @@ export const mockedViewFieldsData = [
|
||||
position: 1,
|
||||
isVisible: true,
|
||||
size: 150,
|
||||
createdAt: '2021-09-01T00:00:00.000Z',
|
||||
updatedAt: '2021-09-01T00:00:00.000Z',
|
||||
__typename: 'ViewField',
|
||||
},
|
||||
{
|
||||
id: '5a1df716-7211-445a-9f16-9783a00998a7',
|
||||
@ -83,6 +110,9 @@ export const mockedViewFieldsData = [
|
||||
position: 2,
|
||||
isVisible: true,
|
||||
size: 150,
|
||||
createdAt: '2021-09-01T00:00:00.000Z',
|
||||
updatedAt: '2021-09-01T00:00:00.000Z',
|
||||
__typename: 'ViewField',
|
||||
},
|
||||
{
|
||||
id: 'a6e1197a-7e84-4d92-ace2-367c0bc46c49',
|
||||
@ -91,6 +121,9 @@ export const mockedViewFieldsData = [
|
||||
position: 3,
|
||||
isVisible: true,
|
||||
size: 150,
|
||||
createdAt: '2021-09-01T00:00:00.000Z',
|
||||
updatedAt: '2021-09-01T00:00:00.000Z',
|
||||
__typename: 'ViewField',
|
||||
},
|
||||
{
|
||||
id: 'c9343097-d14b-4559-a5fa-626c1527d39f',
|
||||
@ -99,6 +132,9 @@ export const mockedViewFieldsData = [
|
||||
position: 4,
|
||||
isVisible: true,
|
||||
size: 150,
|
||||
createdAt: '2021-09-01T00:00:00.000Z',
|
||||
updatedAt: '2021-09-01T00:00:00.000Z',
|
||||
__typename: 'ViewField',
|
||||
},
|
||||
{
|
||||
id: 'a873e5f0-fed6-47e9-a712-6854eab3ec77',
|
||||
@ -107,6 +143,9 @@ export const mockedViewFieldsData = [
|
||||
position: 5,
|
||||
isVisible: true,
|
||||
size: 150,
|
||||
createdAt: '2021-09-01T00:00:00.000Z',
|
||||
updatedAt: '2021-09-01T00:00:00.000Z',
|
||||
__typename: 'ViewField',
|
||||
},
|
||||
{
|
||||
id: '66f134b8-5329-422f-b88e-83e6bb707eb5',
|
||||
@ -115,6 +154,9 @@ export const mockedViewFieldsData = [
|
||||
position: 6,
|
||||
isVisible: true,
|
||||
size: 150,
|
||||
createdAt: '2021-09-01T00:00:00.000Z',
|
||||
updatedAt: '2021-09-01T00:00:00.000Z',
|
||||
__typename: 'ViewField',
|
||||
},
|
||||
{
|
||||
id: '648faa24-cabb-482a-8578-ba3f09906017',
|
||||
@ -123,6 +165,9 @@ export const mockedViewFieldsData = [
|
||||
position: 7,
|
||||
isVisible: true,
|
||||
size: 150,
|
||||
createdAt: '2021-09-01T00:00:00.000Z',
|
||||
updatedAt: '2021-09-01T00:00:00.000Z',
|
||||
__typename: 'ViewField',
|
||||
},
|
||||
{
|
||||
id: '3a9e7f0d-a4ce-4ad5-aac7-3a24eb1a412d',
|
||||
@ -131,6 +176,9 @@ export const mockedViewFieldsData = [
|
||||
position: 8,
|
||||
isVisible: true,
|
||||
size: 150,
|
||||
createdAt: '2021-09-01T00:00:00.000Z',
|
||||
updatedAt: '2021-09-01T00:00:00.000Z',
|
||||
__typename: 'ViewField',
|
||||
},
|
||||
|
||||
// Opportunities
|
||||
@ -141,6 +189,9 @@ export const mockedViewFieldsData = [
|
||||
position: 0,
|
||||
isVisible: true,
|
||||
size: 180,
|
||||
createdAt: '2021-09-01T00:00:00.000Z',
|
||||
updatedAt: '2021-09-01T00:00:00.000Z',
|
||||
__typename: 'ViewField',
|
||||
},
|
||||
{
|
||||
id: '3159acd8-463f-458d-bf9a-af8ac6f57dc0',
|
||||
@ -149,6 +200,9 @@ export const mockedViewFieldsData = [
|
||||
position: 2,
|
||||
isVisible: true,
|
||||
size: 100,
|
||||
createdAt: '2021-09-01T00:00:00.000Z',
|
||||
updatedAt: '2021-09-01T00:00:00.000Z',
|
||||
__typename: 'ViewField',
|
||||
},
|
||||
{
|
||||
id: 'afc0819d-b694-4e3c-a2e6-25261aa3ed2c',
|
||||
@ -157,6 +211,9 @@ export const mockedViewFieldsData = [
|
||||
position: 3,
|
||||
isVisible: true,
|
||||
size: 150,
|
||||
createdAt: '2021-09-01T00:00:00.000Z',
|
||||
updatedAt: '2021-09-01T00:00:00.000Z',
|
||||
__typename: 'ViewField',
|
||||
},
|
||||
{
|
||||
id: 'ec0507bb-aedc-4695-ba96-d81bdeb9db83',
|
||||
@ -165,6 +222,9 @@ export const mockedViewFieldsData = [
|
||||
position: 4,
|
||||
isVisible: true,
|
||||
size: 150,
|
||||
createdAt: '2021-09-01T00:00:00.000Z',
|
||||
updatedAt: '2021-09-01T00:00:00.000Z',
|
||||
__typename: 'ViewField',
|
||||
},
|
||||
{
|
||||
id: '3f1585f6-44f6-45c5-b840-bc05af5d0008',
|
||||
@ -173,5 +233,8 @@ export const mockedViewFieldsData = [
|
||||
position: 5,
|
||||
isVisible: true,
|
||||
size: 150,
|
||||
createdAt: '2021-09-01T00:00:00.000Z',
|
||||
updatedAt: '2021-09-01T00:00:00.000Z',
|
||||
__typename: 'ViewField',
|
||||
},
|
||||
];
|
||||
|
||||
@ -2,25 +2,58 @@ export const mockedViewsData = [
|
||||
{
|
||||
id: '37a8a866-eb17-4e76-9382-03143a2f6a80',
|
||||
name: 'All companies',
|
||||
objectMetadataId: 'company',
|
||||
objectMetadataId: 'f9fd99a8-108f-4066-9675-cde753cf5de9',
|
||||
type: 'table',
|
||||
icon: 'IconSkyline',
|
||||
key: 'INDEX',
|
||||
kanbanFieldMetadataId: null,
|
||||
position: 0,
|
||||
createdAt: '2021-09-01T00:00:00.000Z',
|
||||
updatedAt: '2021-09-01T00:00:00.000Z',
|
||||
isCompact: false,
|
||||
|
||||
__typename: 'View',
|
||||
},
|
||||
{
|
||||
id: '6095799e-b48f-4e00-b071-10818083593a',
|
||||
name: 'All people',
|
||||
objectMetadataId: 'person',
|
||||
type: 'table',
|
||||
icon: 'IconPerson',
|
||||
key: 'INDEX',
|
||||
kanbanFieldMetadataId: null,
|
||||
position: 0,
|
||||
createdAt: '2021-09-01T00:00:00.000Z',
|
||||
updatedAt: '2021-09-01T00:00:00.000Z',
|
||||
isCompact: false,
|
||||
__typename: 'View',
|
||||
},
|
||||
{
|
||||
id: 'e26f66b7-f890-4a5c-b4d2-ec09987b5308',
|
||||
name: 'All opportunities',
|
||||
objectMetadataId: 'company',
|
||||
type: 'kanban',
|
||||
icon: 'IconOpportunity',
|
||||
key: 'INDEX',
|
||||
kanbanFieldMetadataId: null,
|
||||
position: 0,
|
||||
createdAt: '2021-09-01T00:00:00.000Z',
|
||||
updatedAt: '2021-09-01T00:00:00.000Z',
|
||||
isCompact: false,
|
||||
__typename: 'View',
|
||||
},
|
||||
{
|
||||
id: '5c307222-1dd5-4ff3-ab06-8d990e9b3c74',
|
||||
name: 'All companies (v2)',
|
||||
objectMetadataId: 'a3195559-cc20-4749-9565-572a2f506581',
|
||||
objectMetadataId: 'f9fd99a8-108f-4066-9675-cde753cf5de9',
|
||||
type: 'table',
|
||||
icon: 'IconSkyline',
|
||||
key: 'INDEX',
|
||||
kanbanFieldMetadataId: null,
|
||||
position: 0,
|
||||
createdAt: '2021-09-01T00:00:00.000Z',
|
||||
updatedAt: '2021-09-01T00:00:00.000Z',
|
||||
isCompact: false,
|
||||
__typename: 'View',
|
||||
},
|
||||
];
|
||||
|
||||
Reference in New Issue
Block a user