feat: wip import csv [part 1] (#1033)

* feat: wip import csv * feat: start implementing twenty UI * feat: new radio button component * feat: use new radio button component and fix scroll issue * fix: max height modal * feat: wip try to customize react-data-grid to match design * feat: wip match columns * feat: wip match column selection * feat: match column * feat: clean heading component & try to fix scroll in last step * feat: validation step * fix: small cleaning and remove unused component * feat: clean folder architecture * feat: remove translations * feat: remove chackra theme * feat: remove unused libraries * feat: use option button to open spreadsheet & fix stories * Fix lint and fix imports --------- Co-authored-by: Charles Bochet <charles@twenty.com>
2023-08-16 00:12:47 +02:00
parent 1ca41021cf
commit 56cada6335
95 changed files with 7042 additions and 99 deletions
--- a/front/src/modules/spreadsheet-import/utils/getMatchedColumns.ts
+++ b/front/src/modules/spreadsheet-import/utils/getMatchedColumns.ts
@ -0,0 +1,48 @@
+import lavenstein from 'js-levenshtein';
+
+import type {
+  Column,
+  Columns,
+  MatchColumnsProps,
+} from '@/spreadsheet-import/components/steps/MatchColumnsStep/MatchColumnsStep';
+import type { Field, Fields } from '@/spreadsheet-import/types';
+
+import { findMatch } from './findMatch';
+import { setColumn } from './setColumn';
+
+export const getMatchedColumns = <T extends string>(
+  columns: Columns<T>,
+  fields: Fields<T>,
+  data: MatchColumnsProps<T>['data'],
+  autoMapDistance: number,
+) =>
+  columns.reduce<Column<T>[]>((arr, column) => {
+    const autoMatch = findMatch(column.header, fields, autoMapDistance);
+    if (autoMatch) {
+      const field = fields.find((field) => field.key === autoMatch) as Field<T>;
+      const duplicateIndex = arr.findIndex(
+        (column) => 'value' in column && column.value === field.key,
+      );
+      const duplicate = arr[duplicateIndex];
+      if (duplicate && 'value' in duplicate) {
+        return lavenstein(duplicate.value, duplicate.header) <
+          lavenstein(autoMatch, column.header)
+          ? [
+              ...arr.slice(0, duplicateIndex),
+              setColumn(arr[duplicateIndex], field, data),
+              ...arr.slice(duplicateIndex + 1),
+              setColumn(column),
+            ]
+          : [
+              ...arr.slice(0, duplicateIndex),
+              setColumn(arr[duplicateIndex]),
+              ...arr.slice(duplicateIndex + 1),
+              setColumn(column, field, data),
+            ];
+      } else {
+        return [...arr, setColumn(column, field, data)];
+      }
+    } else {
+      return [...arr, column];
+    }
+  }, []);