|
1 | 1 | import { Button, Form } from 'antd'; |
2 | 2 | import React, { memo, useLayoutEffect } from 'react'; |
3 | 3 |
|
4 | | -import { TransformationRowsFilter, TransformationType } from '../../types'; |
| 4 | +import { Transformations, TransformationType } from '../../types'; |
5 | 5 |
|
6 | 6 | import { FilterRowsItem } from './components'; |
7 | 7 |
|
8 | 8 | export const FilterRows = memo(() => { |
9 | 9 | const formInstance = Form.useFormInstance(); |
10 | | - const filterRowsValues: TransformationRowsFilter['filters'] | undefined = formInstance.getFieldValue([ |
| 10 | + const filterRowsValues: Transformations[0]['filters'] | undefined = formInstance.getFieldValue([ |
11 | 11 | 'transformations', |
12 | 12 | TransformationType.ROWS_FILTER, |
13 | 13 | ]); |
14 | 14 |
|
15 | | - /** Add at least one element to array form value */ |
| 15 | + /** Add at least one element to array form value here, |
| 16 | + * because it is inconvenient to check for the presence of a default value of this array, |
| 17 | + * when forming a request to backend or initial form values */ |
16 | 18 | useLayoutEffect(() => { |
17 | 19 | if (!filterRowsValues || !filterRowsValues.length) { |
18 | | - formInstance.setFieldValue( |
19 | | - ['transformations', TransformationType.ROWS_FILTER], |
20 | | - [{ column: '', type: undefined }], |
21 | | - ); |
| 20 | + formInstance.setFieldValue(['transformations', TransformationType.ROWS_FILTER], [{}]); |
22 | 21 | } |
23 | 22 | }, [formInstance, filterRowsValues]); |
24 | 23 |
|
|
0 commit comments