Chore: corrects syntax for type only imports (#1716)

* chore: removes replaces 'import type xxx from 'xxx'' with 'import { type xxx} from 'xxx'''

* chore: remove typed imports

* chore: remove typed imports

* chore: cleanup

---------

Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com>

front/src/modules/spreadsheet-import/steps/components/MatchColumnsStep/MatchColumnsStep.tsx

@@ -4,7 +4,7 @@ import styled from '@emotion/styled';
 import { ContinueButton } from '@/spreadsheet-import/components/ContinueButton';
 import { Heading } from '@/spreadsheet-import/components/Heading';
 import { useSpreadsheetImportInternal } from '@/spreadsheet-import/hooks/useSpreadsheetImportInternal';
-import type { Field, RawData } from '@/spreadsheet-import/types';
+import { Field, RawData } from '@/spreadsheet-import/types';
 import { findUnmatchedRequiredFields } from '@/spreadsheet-import/utils/findUnmatchedRequiredFields';
 import { getMatchedColumns } from '@/spreadsheet-import/utils/getMatchedColumns';
 import { normalizeTableData } from '@/spreadsheet-import/utils/normalizeTableData';

front/src/modules/spreadsheet-import/steps/components/MatchColumnsStep/components/ColumnGrid.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import styled from '@emotion/styled';
 
-import type { Columns } from '../MatchColumnsStep';
+import { Columns } from '../MatchColumnsStep';
 
 const StyledGridContainer = styled.div`
   align-items: center;

front/src/modules/spreadsheet-import/steps/components/MatchColumnsStep/components/SubMatchingSelect.tsx

@@ -5,7 +5,7 @@ import { useSpreadsheetImportInternal } from '@/spreadsheet-import/hooks/useSpre
 import { SelectOption } from '@/spreadsheet-import/types';
 import { getFieldOptions } from '@/spreadsheet-import/utils/getFieldOptions';
 
-import type {
+import {
   MatchedOptions,
   MatchedSelectColumn,
   MatchedSelectOptionsColumn,

front/src/modules/spreadsheet-import/steps/components/MatchColumnsStep/components/TemplateColumn.tsx

@@ -10,10 +10,10 @@ import styled from '@emotion/styled';
 
 import { MatchColumnSelect } from '@/spreadsheet-import/components/MatchColumnSelect';
 import { useSpreadsheetImportInternal } from '@/spreadsheet-import/hooks/useSpreadsheetImportInternal';
-import type { Fields } from '@/spreadsheet-import/types';
+import { Fields } from '@/spreadsheet-import/types';
 import { IconChevronDown, IconForbid } from '@/ui/icon';
 
-import type { Column, Columns } from '../MatchColumnsStep';
+import { Column, Columns } from '../MatchColumnsStep';
 import { ColumnType } from '../MatchColumnsStep';
 
 import { SubMatchingSelect } from './SubMatchingSelect';

front/src/modules/spreadsheet-import/steps/components/MatchColumnsStep/components/UserTableColumn.tsx

@@ -1,9 +1,9 @@
 import styled from '@emotion/styled';
 
-import type { RawData } from '@/spreadsheet-import/types';
+import { RawData } from '@/spreadsheet-import/types';
 import { assertNotNull } from '~/utils/assert';
 
-import type { Column } from '../MatchColumnsStep';
+import { Column } from '../MatchColumnsStep';
 
 const StyledContainer = styled.div`
   display: flex;

front/src/modules/spreadsheet-import/steps/components/SelectHeaderStep/SelectHeaderStep.tsx

@@ -3,7 +3,7 @@ import styled from '@emotion/styled';
 
 import { ContinueButton } from '@/spreadsheet-import/components/ContinueButton';
 import { Heading } from '@/spreadsheet-import/components/Heading';
-import type { RawData } from '@/spreadsheet-import/types';
+import { RawData } from '@/spreadsheet-import/types';
 import { Modal } from '@/ui/modal/components/Modal';
 
 import { SelectHeaderTable } from './components/SelectHeaderTable';

front/src/modules/spreadsheet-import/steps/components/SelectHeaderStep/components/SelectColumn.tsx

@@ -1,6 +1,6 @@
 import { Column, FormatterProps, useRowSelection } from 'react-data-grid';
 
-import type { RawData } from '@/spreadsheet-import/types';
+import { RawData } from '@/spreadsheet-import/types';
 import { Radio } from '@/ui/input/components/Radio';
 
 const SELECT_COLUMN_KEY = 'select-row';

front/src/modules/spreadsheet-import/steps/components/SelectHeaderStep/components/SelectHeaderTable.tsx

@@ -1,7 +1,7 @@
 import { useMemo } from 'react';
 
 import { Table } from '@/spreadsheet-import/components/Table';
-import type { RawData } from '@/spreadsheet-import/types';
+import { RawData } from '@/spreadsheet-import/types';
 
 import { generateSelectionColumns } from './SelectColumn';
 

front/src/modules/spreadsheet-import/steps/components/UploadFlow.tsx

@@ -1,10 +1,10 @@
 import { useCallback, useState } from 'react';
 import { useTheme } from '@emotion/react';
 import styled from '@emotion/styled';
-import type XLSX from 'xlsx-ugnis';
+import { WorkBook } from 'xlsx-ugnis';
 
 import { useSpreadsheetImportInternal } from '@/spreadsheet-import/hooks/useSpreadsheetImportInternal';
-import type { RawData } from '@/spreadsheet-import/types';
+import { RawData } from '@/spreadsheet-import/types';
 import { exceedsMaxRecords } from '@/spreadsheet-import/utils/exceedsMaxRecords';
 import { mapWorkbook } from '@/spreadsheet-import/utils/mapWorkbook';
 import { Modal } from '@/ui/modal/components/Modal';
@@ -37,7 +37,7 @@ export type StepState =
     }
   | {
       type: StepType.selectSheet;
-      workbook: XLSX.WorkBook;
+      workbook: WorkBook;
     }
   | {
       type: StepType.selectHeader;

front/src/modules/spreadsheet-import/steps/components/UploadStep/UploadStep.tsx

@@ -1,6 +1,6 @@
 import { useCallback, useState } from 'react';
 import styled from '@emotion/styled';
-import type XLSX from 'xlsx-ugnis';
+import { WorkBook } from 'xlsx-ugnis';
 
 import { Modal } from '@/ui/modal/components/Modal';
 
@@ -11,14 +11,14 @@ const StyledContent = styled(Modal.Content)`
 `;
 
 type UploadProps = {
-  onContinue: (data: XLSX.WorkBook, file: File) => Promise<void>;
+  onContinue: (data: WorkBook, file: File) => Promise<void>;
 };
 
 export const UploadStep = ({ onContinue }: UploadProps) => {
   const [isLoading, setIsLoading] = useState(false);
 
   const handleOnContinue = useCallback(
-    async (data: XLSX.WorkBook, file: File) => {
+    async (data: WorkBook, file: File) => {
       setIsLoading(true);
       await onContinue(data, file);
       setIsLoading(false);

front/src/modules/spreadsheet-import/steps/components/UploadStep/components/ExampleTable.tsx

@@ -1,7 +1,7 @@
 import { useMemo } from 'react';
 
 import { Table } from '@/spreadsheet-import/components/Table';
-import type { Fields } from '@/spreadsheet-import/types';
+import { Fields } from '@/spreadsheet-import/types';
 import { generateExampleRow } from '@/spreadsheet-import/utils/generateExampleRow';
 
 import { generateColumns } from './columns';

front/src/modules/spreadsheet-import/steps/components/UploadStep/components/columns.tsx

@@ -1,8 +1,8 @@
-import type { Column } from 'react-data-grid';
+import { Column } from 'react-data-grid';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
 
-import type { Fields } from '@/spreadsheet-import/types';
+import { Fields } from '@/spreadsheet-import/types';
 import { AppTooltip } from '@/ui/tooltip/AppTooltip';
 
 const StyledHeaderContainer = styled.div`

front/src/modules/spreadsheet-import/steps/components/ValidationStep/ValidationStep.tsx

@@ -1,12 +1,12 @@
 import { useCallback, useMemo, useState } from 'react';
-import type { RowsChangeData } from 'react-data-grid';
+import { RowsChangeData } from 'react-data-grid';
 import styled from '@emotion/styled';
 
 import { ContinueButton } from '@/spreadsheet-import/components/ContinueButton';
 import { Heading } from '@/spreadsheet-import/components/Heading';
 import { Table } from '@/spreadsheet-import/components/Table';
 import { useSpreadsheetImportInternal } from '@/spreadsheet-import/hooks/useSpreadsheetImportInternal';
-import type { Data } from '@/spreadsheet-import/types';
+import { Data } from '@/spreadsheet-import/types';
 import { addErrorsAndRunHooks } from '@/spreadsheet-import/utils/dataMutations';
 import { Button } from '@/ui/button/components/Button';
 import { useDialog } from '@/ui/dialog/hooks/useDialog';
@@ -15,7 +15,7 @@ import { Toggle } from '@/ui/input/components/Toggle';
 import { Modal } from '@/ui/modal/components/Modal';
 
 import { generateColumns } from './components/columns';
-import type { Meta } from './types';
+import { Meta } from './types';
 
 const StyledContent = styled(Modal.Content)`
   padding-left: ${({ theme }) => theme.spacing(6)};

front/src/modules/spreadsheet-import/steps/components/ValidationStep/components/columns.tsx

@@ -3,13 +3,13 @@ import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
 
 import { MatchColumnSelect } from '@/spreadsheet-import/components/MatchColumnSelect';
-import type { Data, Fields } from '@/spreadsheet-import/types';
+import { Data, Fields } from '@/spreadsheet-import/types';
 import { Checkbox, CheckboxVariant } from '@/ui/input/components/Checkbox';
 import { Toggle } from '@/ui/input/components/Toggle';
 import { TextInputSettings } from '@/ui/input/text/components/TextInputSettings';
 import { AppTooltip } from '@/ui/tooltip/AppTooltip';
 
-import type { Meta } from '../types';
+import { Meta } from '../types';
 
 const StyledHeaderContainer = styled.div`
   align-items: center;

front/src/modules/spreadsheet-import/steps/components/ValidationStep/types.ts

@@ -1,4 +1,4 @@
-import type { Info } from '@/spreadsheet-import/types';
+import { Info } from '@/spreadsheet-import/types';
 
 export type Meta = { __index: string; __errors?: Error | null };
 export type Error = { [key: string]: Info };