Basic import for select in CSV (#6047)

Enables basic support for Select import and field matching in CSV. 
It's not pretty! But it's better than what we had before.
We should iterate on that quickly

<img width="591" alt="Screenshot 2024-06-26 at 18 41 16"
src="https://github.com/twentyhq/twenty/assets/6399865/99f67f39-3f0f-4074-aac6-3200954be08a">

packages/twenty-front/src/modules/spreadsheet-import/utils/__tests__/setColumn.test.ts

@@ -20,10 +20,13 @@ describe('setColumn', () => {
     value: 'oldValue',
   };
 
-  it('should return a matchedSelect column if field type is "select"', () => {
+  it('should return a matchedSelectOptions column if field type is "select"', () => {
     const field = {
       ...defaultField,
-      fieldType: { type: 'select' },
+      fieldType: {
+        type: 'select',
+        options: [{ value: 'John' }, { value: 'Alice' }],
+      },
     } as Field<'Name'>;
 
     const data = [['John'], ['Alice']];
@@ -32,14 +35,16 @@ describe('setColumn', () => {
     expect(result).toEqual({
       index: 0,
       header: 'Name',
-      type: ColumnType.matchedSelect,
+      type: ColumnType.matchedSelectOptions,
       value: 'Name',
       matchedOptions: [
         {
           entry: 'John',
+          value: 'John',
         },
         {
           entry: 'Alice',
+          value: 'Alice',
         },
       ],
     });

packages/twenty-front/src/modules/spreadsheet-import/utils/setColumn.ts

@@ -2,6 +2,7 @@ import {
   Column,
   ColumnType,
   MatchColumnsStepProps,
+  MatchedOptions,
 } from '@/spreadsheet-import/steps/components/MatchColumnsStep/MatchColumnsStep';
 import { Field } from '@/spreadsheet-import/types';
 
@@ -12,33 +13,56 @@ export const setColumn = <T extends string>(
   field?: Field<T>,
   data?: MatchColumnsStepProps<T>['data'],
 ): Column<T> => {
-  switch (field?.fieldType.type) {
-    case 'select':
-      return {
-        ...oldColumn,
-        type: ColumnType.matchedSelect,
-        value: field.key,
-        matchedOptions: uniqueEntries(data || [], oldColumn.index),
-      };
-    case 'checkbox':
-      return {
-        index: oldColumn.index,
-        type: ColumnType.matchedCheckbox,
-        value: field.key,
-        header: oldColumn.header,
-      };
-    case 'input':
-      return {
-        index: oldColumn.index,
-        type: ColumnType.matched,
-        value: field.key,
-        header: oldColumn.header,
-      };
-    default:
-      return {
-        index: oldColumn.index,
-        header: oldColumn.header,
-        type: ColumnType.empty,
-      };
+  if (field?.fieldType.type === 'select') {
+    const fieldOptions = field.fieldType.options;
+    const uniqueData = uniqueEntries(
+      data || [],
+      oldColumn.index,
+    ) as MatchedOptions<T>[];
+    const matchedOptions = uniqueData.map((record) => {
+      const value = fieldOptions.find(
+        (fieldOption) =>
+          fieldOption.value === record.entry ||
+          fieldOption.label === record.entry,
+      )?.value;
+      return value
+        ? ({ ...record, value } as MatchedOptions<T>)
+        : (record as MatchedOptions<T>);
+    });
+    const allMatched =
+      matchedOptions.filter((o) => o.value).length === uniqueData?.length;
+
+    return {
+      ...oldColumn,
+      type: allMatched
+        ? ColumnType.matchedSelectOptions
+        : ColumnType.matchedSelect,
+      value: field.key,
+      matchedOptions,
+    };
   }
+
+  if (field?.fieldType.type === 'checkbox') {
+    return {
+      index: oldColumn.index,
+      type: ColumnType.matchedCheckbox,
+      value: field.key,
+      header: oldColumn.header,
+    };
+  }
+
+  if (field?.fieldType.type === 'input') {
+    return {
+      index: oldColumn.index,
+      type: ColumnType.matched,
+      value: field.key,
+      header: oldColumn.header,
+    };
+  }
+
+  return {
+    index: oldColumn.index,
+    header: oldColumn.header,
+    type: ColumnType.empty,
+  };
 };