refactor: add ColumnDefinition type (#1357)

* refactor: add ColumnDefinition type

Closes #1193

* refactor: code review - rename things

* fix: fix wrong import and lint

front/src/modules/companies/constants/companiesAvailableColumnDefinitions.tsx

@@ -0,0 +1,156 @@
+import type {
+  ViewFieldBooleanMetadata,
+  ViewFieldChipMetadata,
+  ViewFieldDateMetadata,
+  ViewFieldMetadata,
+  ViewFieldMoneyMetadata,
+  ViewFieldNumberMetadata,
+  ViewFieldRelationMetadata,
+  ViewFieldTextMetadata,
+  ViewFieldURLMetadata,
+} from '@/ui/editable-field/types/ViewField';
+import {
+  IconBrandLinkedin,
+  IconBrandX,
+  IconBuildingSkyscraper,
+  IconCalendarEvent,
+  IconLink,
+  IconMap,
+  IconMoneybag,
+  IconTarget,
+  IconUserCircle,
+  IconUsers,
+} from '@/ui/icon/index';
+import { Entity } from '@/ui/input/relation-picker/types/EntityTypeForSelect';
+import type { ColumnDefinition } from '@/ui/table/types/ColumnDefinition';
+
+export const companiesAvailableColumnDefinitions: ColumnDefinition<ViewFieldMetadata>[] =
+  [
+    {
+      id: 'name',
+      label: 'Name',
+      icon: <IconBuildingSkyscraper />,
+      size: 180,
+      order: 1,
+      metadata: {
+        type: 'chip',
+        urlFieldName: 'domainName',
+        contentFieldName: 'name',
+        relationType: Entity.Company,
+      },
+      isVisible: true,
+    } as ColumnDefinition<ViewFieldChipMetadata>,
+    {
+      id: 'domainName',
+      label: 'URL',
+      icon: <IconLink />,
+      size: 100,
+      order: 2,
+      metadata: {
+        type: 'url',
+        fieldName: 'domainName',
+        placeHolder: 'example.com',
+      },
+      isVisible: true,
+    } as ColumnDefinition<ViewFieldURLMetadata>,
+    {
+      id: 'accountOwner',
+      label: 'Account Owner',
+      icon: <IconUserCircle />,
+      size: 150,
+      order: 3,
+      metadata: {
+        type: 'relation',
+        fieldName: 'accountOwner',
+        relationType: Entity.User,
+      },
+      isVisible: true,
+    } satisfies ColumnDefinition<ViewFieldRelationMetadata>,
+    {
+      id: 'createdAt',
+      label: 'Creation',
+      icon: <IconCalendarEvent />,
+      size: 150,
+      order: 4,
+      metadata: {
+        type: 'date',
+        fieldName: 'createdAt',
+      },
+      isVisible: true,
+    } satisfies ColumnDefinition<ViewFieldDateMetadata>,
+    {
+      id: 'employees',
+      label: 'Employees',
+      icon: <IconUsers />,
+      size: 150,
+      order: 5,
+      metadata: {
+        type: 'number',
+        fieldName: 'employees',
+        isPositive: true,
+      },
+      isVisible: true,
+    } satisfies ColumnDefinition<ViewFieldNumberMetadata>,
+    {
+      id: 'linkedin',
+      label: 'LinkedIn',
+      icon: <IconBrandLinkedin />,
+      size: 170,
+      order: 6,
+      metadata: {
+        type: 'url',
+        fieldName: 'linkedinUrl',
+        placeHolder: 'LinkedIn URL',
+      },
+      isVisible: true,
+    } satisfies ColumnDefinition<ViewFieldURLMetadata>,
+    {
+      id: 'address',
+      label: 'Address',
+      icon: <IconMap />,
+      size: 170,
+      order: 7,
+      metadata: {
+        type: 'text',
+        fieldName: 'address',
+        placeHolder: 'Addre​ss', // Hack: Fake character to prevent password-manager from filling the field
+      },
+      isVisible: true,
+    } satisfies ColumnDefinition<ViewFieldTextMetadata>,
+    {
+      id: 'idealCustomerProfile',
+      label: 'ICP',
+      icon: <IconTarget />,
+      size: 150,
+      order: 8,
+      metadata: {
+        type: 'boolean',
+        fieldName: 'idealCustomerProfile',
+      },
+      isVisible: false,
+    } satisfies ColumnDefinition<ViewFieldBooleanMetadata>,
+    {
+      id: 'annualRecurringRevenue',
+      label: 'ARR',
+      icon: <IconMoneybag />,
+      size: 150,
+      order: 8,
+      metadata: {
+        type: 'moneyAmount',
+        fieldName: 'annualRecurringRevenue',
+      },
+    } satisfies ColumnDefinition<ViewFieldMoneyMetadata>,
+    {
+      id: 'xUrl',
+      label: 'Twitter',
+      icon: <IconBrandX />,
+      size: 150,
+      order: 8,
+      metadata: {
+        type: 'url',
+        fieldName: 'xUrl',
+        placeHolder: 'X',
+      },
+      isVisible: false,
+    } satisfies ColumnDefinition<ViewFieldURLMetadata>,
+  ];

front/src/modules/companies/constants/companyViewFields.tsx

@@ -1,155 +0,0 @@
-import {
-  ViewFieldBooleanMetadata,
-  ViewFieldChipMetadata,
-  ViewFieldDateMetadata,
-  ViewFieldDefinition,
-  ViewFieldMetadata,
-  ViewFieldMoneyMetadata,
-  ViewFieldNumberMetadata,
-  ViewFieldRelationMetadata,
-  ViewFieldTextMetadata,
-  ViewFieldURLMetadata,
-} from '@/ui/editable-field/types/ViewField';
-import {
-  IconBrandLinkedin,
-  IconBrandX,
-  IconBuildingSkyscraper,
-  IconCalendarEvent,
-  IconLink,
-  IconMap,
-  IconMoneybag,
-  IconTarget,
-  IconUserCircle,
-  IconUsers,
-} from '@/ui/icon/index';
-import { Entity } from '@/ui/input/relation-picker/types/EntityTypeForSelect';
-
-export const companyViewFields: ViewFieldDefinition<ViewFieldMetadata>[] = [
-  {
-    id: 'name',
-    columnLabel: 'Name',
-    columnIcon: <IconBuildingSkyscraper />,
-    columnSize: 180,
-    columnOrder: 1,
-    metadata: {
-      type: 'chip',
-      urlFieldName: 'domainName',
-      contentFieldName: 'name',
-      relationType: Entity.Company,
-    },
-    isVisible: true,
-  } as ViewFieldDefinition<ViewFieldChipMetadata>,
-  {
-    id: 'domainName',
-    columnLabel: 'URL',
-    columnIcon: <IconLink />,
-    columnSize: 100,
-    columnOrder: 2,
-    metadata: {
-      type: 'url',
-      fieldName: 'domainName',
-      placeHolder: 'example.com',
-    },
-    isVisible: true,
-  } as ViewFieldDefinition<ViewFieldURLMetadata>,
-  {
-    id: 'accountOwner',
-    columnLabel: 'Account Owner',
-    columnIcon: <IconUserCircle />,
-    columnSize: 150,
-    columnOrder: 3,
-    metadata: {
-      type: 'relation',
-      fieldName: 'accountOwner',
-      relationType: Entity.User,
-    },
-    isVisible: true,
-  } satisfies ViewFieldDefinition<ViewFieldRelationMetadata>,
-  {
-    id: 'createdAt',
-    columnLabel: 'Creation',
-    columnIcon: <IconCalendarEvent />,
-    columnSize: 150,
-    columnOrder: 4,
-    metadata: {
-      type: 'date',
-      fieldName: 'createdAt',
-    },
-    isVisible: true,
-  } satisfies ViewFieldDefinition<ViewFieldDateMetadata>,
-  {
-    id: 'employees',
-    columnLabel: 'Employees',
-    columnIcon: <IconUsers />,
-    columnSize: 150,
-    columnOrder: 5,
-    metadata: {
-      type: 'number',
-      fieldName: 'employees',
-      isPositive: true,
-    },
-    isVisible: true,
-  } satisfies ViewFieldDefinition<ViewFieldNumberMetadata>,
-  {
-    id: 'linkedin',
-    columnLabel: 'LinkedIn',
-    columnIcon: <IconBrandLinkedin />,
-    columnSize: 170,
-    columnOrder: 6,
-    metadata: {
-      type: 'url',
-      fieldName: 'linkedinUrl',
-      placeHolder: 'LinkedIn URL',
-    },
-    isVisible: true,
-  } satisfies ViewFieldDefinition<ViewFieldURLMetadata>,
-  {
-    id: 'address',
-    columnLabel: 'Address',
-    columnIcon: <IconMap />,
-    columnSize: 170,
-    columnOrder: 7,
-    metadata: {
-      type: 'text',
-      fieldName: 'address',
-      placeHolder: 'Addre​ss', // Hack: Fake character to prevent password-manager from filling the field
-    },
-    isVisible: true,
-  } satisfies ViewFieldDefinition<ViewFieldTextMetadata>,
-  {
-    id: 'idealCustomerProfile',
-    columnLabel: 'ICP',
-    columnIcon: <IconTarget />,
-    columnSize: 150,
-    columnOrder: 8,
-    metadata: {
-      type: 'boolean',
-      fieldName: 'idealCustomerProfile',
-    },
-    isVisible: false,
-  } satisfies ViewFieldDefinition<ViewFieldBooleanMetadata>,
-  {
-    id: 'annualRecurringRevenue',
-    columnLabel: 'ARR',
-    columnIcon: <IconMoneybag />,
-    columnSize: 150,
-    columnOrder: 8,
-    metadata: {
-      type: 'moneyAmount',
-      fieldName: 'annualRecurringRevenue',
-    },
-  } satisfies ViewFieldDefinition<ViewFieldMoneyMetadata>,
-  {
-    id: 'xUrl',
-    columnLabel: 'Twitter',
-    columnIcon: <IconBrandX />,
-    columnSize: 150,
-    columnOrder: 8,
-    metadata: {
-      type: 'url',
-      fieldName: 'xUrl',
-      placeHolder: 'X',
-    },
-    isVisible: false,
-  } satisfies ViewFieldDefinition<ViewFieldURLMetadata>,
-];