remove isTouched from everywhere

marmelab · Apr 18, 2024 · e1ada45 · e1ada45
1 parent 69e9035
commit e1ada45
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 19 deletions.
diff --git a/docs/Inputs.md b/docs/Inputs.md
@@ -998,11 +998,7 @@ import { Select, MenuItem } from "@mui/material";
 import { InputProps, useInput } from "react-admin";
 
 const SexInput = (props: InputProps) => {
-    const {
-        field,
-        fieldState: { isTouched, invalid, error },
-        formState: { isSubmitted },
-    } = useInput(props);
+    const { field } = useInput(props);
 
     return (
         <Select label="Sex" {...field}>

diff --git a/docs/useInput.md b/docs/useInput.md
@@ -117,11 +117,7 @@ import MenuItem from '@mui/material/MenuItem';
 import { useInput } from 'react-admin';
 
 const SexInput = props => {
-    const {
-        field,
-        fieldState: { isTouched, invalid, error },
-        formState: { isSubmitted }
-    } = useInput(props);
+    const { field } = useInput(props);
 
     return (
         <Select

diff --git a/packages/ra-ui-materialui/src/input/DatagridInput.tsx b/packages/ra-ui-materialui/src/input/DatagridInput.tsx
@@ -150,11 +150,6 @@ export const DatagridInput = (props: DatagridInputProps) => {
                     </>
                 )}
                 <InputHelperText
-                    touched={
-                        fieldState.isTouched ||
-                        formState.isSubmitted ||
-                        fetchError
-                    }
                     error={fieldState.error?.message || fetchError?.message}
                 />
             </ListContextProvider>

diff --git a/packages/ra-ui-materialui/src/input/TextInput.tsx b/packages/ra-ui-materialui/src/input/TextInput.tsx
@@ -41,8 +41,7 @@ export const TextInput = (props: TextInputProps) => {
     } = props;
     const {
         field,
-        fieldState: { error, invalid, isTouched },
-        formState: { isSubmitted },
+        fieldState: { error, invalid },
         id,
         isRequired,
     } = useInput({

diff --git a/packages/ra-ui-materialui/src/input/TranslatableInputsTab.tsx b/packages/ra-ui-materialui/src/input/TranslatableInputsTab.tsx
@@ -13,7 +13,7 @@ export const TranslatableInputsTab = (
     props: TranslatableInputsTabProps & TabProps
 ) => {
     const { groupKey = '', locale, ...rest } = props;
-    const { isValid, isTouched } = useFormGroup(`${groupKey}${locale}`);
+    const { isValid } = useFormGroup(`${groupKey}${locale}`);
     const translate = useTranslate();
 
     return (
@@ -23,7 +23,7 @@ export const TranslatableInputsTab = (
                 _: capitalize(locale),
             })}
             className={clsx(TranslatableInputsTabClasses.root, {
-                [TranslatableInputsTabClasses.error]: !isValid && isTouched,
+                [TranslatableInputsTabClasses.error]: !isValid,
             })}
             {...rest}
         />