[TextField] Fix outlined label showing space when label does not indicate required

eps1lon · eps1lon · commit e4428773d8aa · 2020-04-23T13:37:12.000+02:00
diff --git a/packages/material-ui/src/TextField/TextField.js b/packages/material-ui/src/TextField/TextField.js
@@ -107,10 +107,11 @@ const TextField = React.forwardRef(function TextField(props, ref) {
       InputMore.notched = InputLabelProps.shrink;
     }
     if (label) {
+      const displayRequired = InputLabelProps?.required ?? required;
       InputMore.label = (
         <React.Fragment>
           {label}
-          {required && '\u00a0*'}
+          {displayRequired && '\u00a0*'}
         </React.Fragment>
       );
     }

Original file line number	Diff line number	Diff line change
`@@ -107,10 +107,11 @@ const TextField = React.forwardRef(function TextField(props, ref) {`
`107`	`107`	`InputMore.notched = InputLabelProps.shrink;`
`108`	`108`	`}`
`109`	`109`	`if (label) {`
	`110`	`+ const displayRequired = InputLabelProps?.required ?? required;`
`110`	`111`	`InputMore.label = (`
`111`	`112`	`<React.Fragment>`
`112`	`113`	`{label}`
`113`		`- {required && '\u00a0*'}`
	`114`	`+ {displayRequired && '\u00a0*'}`
`114`	`115`	`</React.Fragment>`
`115`	`116`	`);`
`116`	`117`	`}`