Handle default value

Talend · Oct 25, 2023 · 936349a · 936349a
1 parent 3aad454
commit 936349a
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 6 deletions.
diff --git a/packages/forms/src/rhf/fields/Input/RHFInput.component.js b/packages/forms/src/rhf/fields/Input/RHFInput.component.js
@@ -3,13 +3,13 @@ import { useController, useFormContext } from 'react-hook-form';
 
 import Input from '../../../widgets/fields/Input';
 
-function RHFInput(props) {
-	const { rules = {}, name = '', ...rest } = props;
+function RHFInput({ rules = {}, name = '', defaultValue, ...rest }) {
 	const { control } = useFormContext();
 	const { field, fieldState } = useController({
 		control,
 		name,
 		rules,
+		defaultValue,
 	});
 	return <Input {...rest} {...field} error={fieldState.error?.message} />;
 }
@@ -18,6 +18,7 @@ if (process.env.NODE_ENV !== 'production') {
 	RHFInput.propTypes = {
 		rules: PropTypes.object,
 		name: PropTypes.string,
+		defaultValue: PropTypes.string,
 	};
 }
 

diff --git a/packages/forms/src/rhf/fields/Select/RHFSelect.component.js b/packages/forms/src/rhf/fields/Select/RHFSelect.component.js
@@ -3,13 +3,13 @@ import { useController, useFormContext } from 'react-hook-form';
 
 import Select from '../../../widgets/fields/Select';
 
-function RHFSelect(props) {
-	const { rules = {}, name = '', ...rest } = props;
+function RHFSelect({ rules = {}, name = '', defaultValue, ...rest }) {
 	const { control } = useFormContext();
 	const { field, fieldState } = useController({
 		control,
 		name,
 		rules,
+		defaultValue,
 	});
 	return <Select {...rest} {...field} error={fieldState.error?.message} />;
 }
@@ -18,6 +18,7 @@ if (process.env.NODE_ENV !== 'production') {
 	RHFSelect.propTypes = {
 		rules: PropTypes.object,
 		name: PropTypes.string,
+		defaultValue: PropTypes.string,
 	};
 }
 

diff --git a/packages/forms/src/rhf/fields/TextArea/RHFTextArea.component.js b/packages/forms/src/rhf/fields/TextArea/RHFTextArea.component.js
@@ -3,13 +3,13 @@ import { useController, useFormContext } from 'react-hook-form';
 
 import TextArea from '../../../widgets/fields/TextArea';
 
-function RHFTextArea(props) {
-	const { rules = {}, name = '', ...rest } = props;
+function RHFTextArea({ rules = {}, name = '', defaultValue, ...rest }) {
 	const { control } = useFormContext();
 	const { field, fieldState } = useController({
 		control,
 		name,
 		rules,
+		defaultValue,
 	});
 
 	return <TextArea {...rest} {...field} error={fieldState.error?.message} />;
@@ -19,6 +19,7 @@ if (process.env.NODE_ENV !== 'production') {
 	RHFTextArea.propTypes = {
 		rules: PropTypes.object,
 		name: PropTypes.string,
+		defaultValue: PropTypes.string,
 	};
 }