[RFR] Add Autofocus to login and creation form

examples/demo/src/Login.js

@@ -94,6 +94,7 @@ class Login extends Component {
                         <div className={classes.form}>
                             <div className={classes.input}>
                                 <Field
+                                    autoFocus
                                     name="username"
                                     component={renderInput}
                                     label={translate('ra.auth.username')}

examples/demo/src/products/index.js

@@ -91,6 +91,7 @@ export const ProductCreate = withStyles(createStyles)(
             <TabbedForm>
                 <FormTab label="resources.products.tabs.image">
                     <TextInput
+                        autoFocus
                         source="image"
                         options={{ fullWidth: true }}
                         validate={required()}

examples/demo/src/visitors/index.js

@@ -210,6 +210,7 @@ export const VisitorCreate = withStyles(editStyles)(({ classes, ...props }) => (
         <TabbedForm>
             <FormTab label="resources.customers.tabs.identity">
                 <TextInput
+                    autoFocus
                     source="first_name"
                     formClassName={classes.first_name}
                 />

examples/simple/src/posts/PostCreate.js

@@ -100,7 +100,7 @@ const PostCreate = ({ permissions, ...props }) => (
                 return errors;
             }}
         >
-            <TextInput source="title" />
+            <TextInput autoFocus source="title" />
             <LongTextInput source="teaser" />
             <RichTextInput source="body" />
             <FormDataConsumer>

examples/simple/src/users/UserCreate.js

@@ -38,6 +38,7 @@ const UserCreate = ({ permissions, ...props }) => (
                 <TextInput
                     source="name"
                     defaultValue="Slim Shady"
+                    autoFocus
                     validate={required()}
                 />
             </FormTab>

packages/ra-ui-materialui/src/auth/LoginForm.js

@@ -44,6 +44,7 @@ const LoginForm = ({ classes, isLoading, handleSubmit, translate }) => (
         <div className={classes.form}>
             <div className={classes.input}>
                 <Field
+                    autoFocus
                     id="username"
                     name="username"
                     component={renderInput}