[DOP-22900] add React flow and some refactor transfer connection type forms (#63)

Co-authored-by: Zabilsya <[email protected]>

Author: Zabilsya

package.json

@@ -20,6 +20,7 @@
     "@ant-design/icons": "5.5.1",
     "@tanstack/react-query": "5.56.2",
     "@tanstack/react-query-devtools": "5.56.2",
+    "@xyflow/react": "12.4.1",
     "antd": "4.24.13",
     "axios": "1.7.7",
     "clsx": "2.1.1",

src/entities/transfer/index.ts

@@ -1,2 +1,3 @@
 export * from './api';
 export * from './constants';
+export * from './ui';

src/entities/transfer/types.ts

@@ -0,0 +1,5 @@
+import { TransferConnectionParamFieldName } from './api';
+
+export interface ConnectionParamFieldName {
+  name: TransferConnectionParamFieldName;
+}

…s/TransferConnectionClickhouse/index.tsx …i/TransferConnectionClickhouse/index.tsxsrc/features/transfer/MutateTransferForm/components/TransferConnectionClickhouse/index.tsx renamed to src/entities/transfer/ui/TransferConnectionClickhouse/index.tsx src/features/transfer/MutateTransferForm/components/TransferConnectionClickhouse/index.tsx renamed to src/entities/transfer/ui/TransferConnectionClickhouse/index.tsx

@@ -20,6 +20,8 @@ export const TransferConnectionHdfs = ({ name }: TransferConnectionHdfsProps) =>
       </Form.Item>
       <Form.Item label="File format" name={[name, 'file_format', 'type']} rules={[{ required: true }]}>
         <Select
+          /** className "nodrag" for opening dropdown in select in custom node React Flow https://github.com/xyflow/xyflow/discussions/2694 */
+          className="nodrag"
           size="large"
           options={
             name === 'source_params'