fix(DGT-307/form): fix EnumerationForm doesn't use the newest value t…

…o validate value (#5304)

.changeset/eleven-moles-perform.md

@@ -0,0 +1,5 @@
+---
+"@talend/react-forms": patch
+---
+
+fix EnumerationForm doesn't use the newest value to validate value

packages/forms/src/UIForm/fields/Enumeration/EnumerationWidget.js

@@ -276,7 +276,7 @@ class EnumerationForm extends Component {
 	onChange(event, payload) {
 		const { schema, onFinish, onChange } = this.props;
 		onChange(event, payload);
-		onFinish(event, { schema });
+		onFinish(event, { schema, value: payload.value });
 	}
 
 	onImportAppendClick() {

packages/forms/src/UIForm/fields/Enumeration/EnumerationWidget.test.js

@@ -405,6 +405,37 @@ describe('EnumerationWidget', () => {
 		expect(onChange).toHaveBeenCalledWith(expect.anything(), { schema: {}, value: [] });
 	});
 
+	it('should pass the newest value to onFinish', async () => {
+		const onFinish = jest.fn();
+		render(
+			<EnumerationWidget
+				value={[{ values: ['yoo'] }]}
+				onChange={jest.fn()}
+				onFinish={onFinish}
+				onTrigger={jest.fn()}
+				schema={{}}
+			/>,
+		);
+
+		// when
+		await userEvent.click(screen.queryByRole('link', { name: 'Add item' }));
+		await userEvent.type(screen.queryByRole('textbox', { name: 'Enter new entry name' }), 'foo');
+		await userEvent.click(screen.queryByRole('link', { name: 'Validate' }));
+		// then
+		expect(onFinish).toHaveBeenCalledWith(expect.anything(), {
+			schema: {},
+			value: [
+				{
+					values: ['yoo'],
+					displayMode: 'DISPLAY_MODE_DEFAULT',
+				},
+				{
+					values: ['foo'],
+				},
+			],
+		});
+	});
+
 	describe('upload file', () => {
 		it('should add a upload icon and set data-feature', () => {
 			// when