1
0
mirror of https://github.com/SomboChea/ui synced 2024-11-05 14:14:26 +07:00

fix: incorrect Tooltip import in avatar component (#160)

This commit is contained in:
Andrew Hughson 2019-10-06 15:01:58 +01:00 committed by Priscila Oliveira
parent d2f1f1c06a
commit 43a9628ec4
2 changed files with 241 additions and 505 deletions

View File

@ -3,7 +3,7 @@ import React, { FC } from 'react';
import Avatar from '@material-ui/core/Avatar'; import Avatar from '@material-ui/core/Avatar';
import { isEmail } from '../../utils/url'; import { isEmail } from '../../utils/url';
import Tooltip from '../../muiComponents/TextField'; import Tooltip from '../../muiComponents/Tooltip';
export interface AvatarDeveloper { export interface AvatarDeveloper {
name: string; name: string;

View File

@ -75,146 +75,80 @@ exports[`test Developers should render the component for contributors with items
<ForwardRef(ToolTip) <ForwardRef(ToolTip)
title="dmethvin" title="dmethvin"
> >
<WithStyles(ForwardRef(TextField)) <WithStyles(ForwardRef(Tooltip))
InputProps={
Object {
"classes": undefined,
}
}
innerRef={null} innerRef={null}
title="dmethvin" title="dmethvin"
> >
<ForwardRef(TextField) <ForwardRef(Tooltip)
InputProps={
Object {
"classes": undefined,
}
}
classes={ classes={
Object { Object {
"root": "MuiTextField-root", "popper": "MuiTooltip-popper",
"popperInteractive": "MuiTooltip-popperInteractive",
"tooltip": "MuiTooltip-tooltip",
"tooltipPlacementBottom": "MuiTooltip-tooltipPlacementBottom",
"tooltipPlacementLeft": "MuiTooltip-tooltipPlacementLeft",
"tooltipPlacementRight": "MuiTooltip-tooltipPlacementRight",
"tooltipPlacementTop": "MuiTooltip-tooltipPlacementTop",
"touch": "MuiTooltip-touch",
} }
} }
title="dmethvin" title="dmethvin"
> >
<WithStyles(ForwardRef(FormControl)) <a
className="MuiTextField-root" aria-describedby={null}
required={false} className=""
href="mailto:dave.methvin@gmail.com?subject=undefined@1.0.0"
onBlur={[Function]}
onFocus={[Function]}
onMouseLeave={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
onTouchStart={[Function]}
target="_top"
title="dmethvin" title="dmethvin"
variant="standard"
> >
<ForwardRef(FormControl) <WithStyles(ForwardRef(Avatar))
className="MuiTextField-root" aria-label="dmethvin"
classes={
Object {
"fullWidth": "MuiFormControl-fullWidth",
"marginDense": "MuiFormControl-marginDense",
"marginNormal": "MuiFormControl-marginNormal",
"root": "MuiFormControl-root",
}
}
required={false}
title="dmethvin"
variant="standard"
> >
<div <ForwardRef(Avatar)
className="MuiFormControl-root MuiTextField-root" aria-label="dmethvin"
classes={
Object {
"colorDefault": "MuiAvatar-colorDefault",
"img": "MuiAvatar-img",
"root": "MuiAvatar-root",
}
}
>
<div
aria-label="dmethvin"
className="MuiAvatar-root MuiAvatar-colorDefault"
/>
</ForwardRef(Avatar)>
</WithStyles(ForwardRef(Avatar))>
</a>
<ForwardRef(Popper)
anchorEl={
<a
class=""
href="mailto:dave.methvin@gmail.com?subject=undefined@1.0.0"
target="_top"
title="dmethvin" title="dmethvin"
> >
<WithStyles(ForwardRef(Input))> <div
<ForwardRef(Input) aria-label="dmethvin"
classes={ class="MuiAvatar-root MuiAvatar-colorDefault"
Object { />
"disabled": "Mui-disabled", </a>
"error": "Mui-error", }
"focused": "Mui-focused", className="MuiTooltip-popper"
"formControl": "MuiInput-formControl", id={null}
"fullWidth": "MuiInput-fullWidth", open={false}
"input": "MuiInput-input", placement="bottom"
"inputMarginDense": "MuiInput-inputMarginDense", transition={true}
"inputMultiline": "MuiInput-inputMultiline", />
"inputTypeSearch": "MuiInput-inputTypeSearch", </ForwardRef(Tooltip)>
"multiline": "MuiInput-multiline", </WithStyles(ForwardRef(Tooltip))>
"root": "MuiInput-root",
"underline": "MuiInput-underline",
}
}
>
<WithStyles(ForwardRef(InputBase))
classes={
Object {
"disabled": "Mui-disabled",
"error": "Mui-error",
"focused": "Mui-focused",
"formControl": "MuiInput-formControl",
"fullWidth": "MuiInput-fullWidth",
"input": "MuiInput-input",
"inputMarginDense": "MuiInput-inputMarginDense",
"inputMultiline": "MuiInput-inputMultiline",
"inputTypeSearch": "MuiInput-inputTypeSearch",
"multiline": "MuiInput-multiline",
"root": "MuiInput-root MuiInput-underline",
"underline": null,
}
}
fullWidth={false}
inputComponent="input"
multiline={false}
type="text"
>
<ForwardRef(InputBase)
classes={
Object {
"adornedEnd": "MuiInputBase-adornedEnd",
"adornedStart": "MuiInputBase-adornedStart",
"disabled": "Mui-disabled Mui-disabled",
"error": "Mui-error Mui-error",
"focused": "Mui-focused Mui-focused",
"formControl": "MuiInputBase-formControl MuiInput-formControl",
"fullWidth": "MuiInputBase-fullWidth MuiInput-fullWidth",
"input": "MuiInputBase-input MuiInput-input",
"inputAdornedEnd": "MuiInputBase-inputAdornedEnd",
"inputAdornedStart": "MuiInputBase-inputAdornedStart",
"inputHiddenLabel": "MuiInputBase-inputHiddenLabel",
"inputMarginDense": "MuiInputBase-inputMarginDense MuiInput-inputMarginDense",
"inputMultiline": "MuiInputBase-inputMultiline MuiInput-inputMultiline",
"inputSelect": "MuiInputBase-inputSelect",
"inputTypeSearch": "MuiInputBase-inputTypeSearch MuiInput-inputTypeSearch",
"marginDense": "MuiInputBase-marginDense",
"multiline": "MuiInputBase-multiline MuiInput-multiline",
"root": "MuiInputBase-root MuiInput-root MuiInput-underline",
}
}
fullWidth={false}
inputComponent="input"
multiline={false}
type="text"
>
<div
className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl"
onClick={[Function]}
>
<input
aria-invalid={false}
className="MuiInputBase-input MuiInput-input"
disabled={false}
onAnimationStart={[Function]}
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
required={false}
type="text"
/>
</div>
</ForwardRef(InputBase)>
</WithStyles(ForwardRef(InputBase))>
</ForwardRef(Input)>
</WithStyles(ForwardRef(Input))>
</div>
</ForwardRef(FormControl)>
</WithStyles(ForwardRef(FormControl))>
</ForwardRef(TextField)>
</WithStyles(ForwardRef(TextField))>
</ForwardRef(ToolTip)> </ForwardRef(ToolTip)>
</AvatarTooltip> </AvatarTooltip>
</span> </span>
@ -233,146 +167,80 @@ exports[`test Developers should render the component for contributors with items
<ForwardRef(ToolTip) <ForwardRef(ToolTip)
title="mgol" title="mgol"
> >
<WithStyles(ForwardRef(TextField)) <WithStyles(ForwardRef(Tooltip))
InputProps={
Object {
"classes": undefined,
}
}
innerRef={null} innerRef={null}
title="mgol" title="mgol"
> >
<ForwardRef(TextField) <ForwardRef(Tooltip)
InputProps={
Object {
"classes": undefined,
}
}
classes={ classes={
Object { Object {
"root": "MuiTextField-root", "popper": "MuiTooltip-popper",
"popperInteractive": "MuiTooltip-popperInteractive",
"tooltip": "MuiTooltip-tooltip",
"tooltipPlacementBottom": "MuiTooltip-tooltipPlacementBottom",
"tooltipPlacementLeft": "MuiTooltip-tooltipPlacementLeft",
"tooltipPlacementRight": "MuiTooltip-tooltipPlacementRight",
"tooltipPlacementTop": "MuiTooltip-tooltipPlacementTop",
"touch": "MuiTooltip-touch",
} }
} }
title="mgol" title="mgol"
> >
<WithStyles(ForwardRef(FormControl)) <a
className="MuiTextField-root" aria-describedby={null}
required={false} className=""
href="mailto:m.goleb@gmail.com?subject=undefined@1.0.0"
onBlur={[Function]}
onFocus={[Function]}
onMouseLeave={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
onTouchStart={[Function]}
target="_top"
title="mgol" title="mgol"
variant="standard"
> >
<ForwardRef(FormControl) <WithStyles(ForwardRef(Avatar))
className="MuiTextField-root" aria-label="mgol"
classes={
Object {
"fullWidth": "MuiFormControl-fullWidth",
"marginDense": "MuiFormControl-marginDense",
"marginNormal": "MuiFormControl-marginNormal",
"root": "MuiFormControl-root",
}
}
required={false}
title="mgol"
variant="standard"
> >
<div <ForwardRef(Avatar)
className="MuiFormControl-root MuiTextField-root" aria-label="mgol"
classes={
Object {
"colorDefault": "MuiAvatar-colorDefault",
"img": "MuiAvatar-img",
"root": "MuiAvatar-root",
}
}
>
<div
aria-label="mgol"
className="MuiAvatar-root MuiAvatar-colorDefault"
/>
</ForwardRef(Avatar)>
</WithStyles(ForwardRef(Avatar))>
</a>
<ForwardRef(Popper)
anchorEl={
<a
class=""
href="mailto:m.goleb@gmail.com?subject=undefined@1.0.0"
target="_top"
title="mgol" title="mgol"
> >
<WithStyles(ForwardRef(Input))> <div
<ForwardRef(Input) aria-label="mgol"
classes={ class="MuiAvatar-root MuiAvatar-colorDefault"
Object { />
"disabled": "Mui-disabled", </a>
"error": "Mui-error", }
"focused": "Mui-focused", className="MuiTooltip-popper"
"formControl": "MuiInput-formControl", id={null}
"fullWidth": "MuiInput-fullWidth", open={false}
"input": "MuiInput-input", placement="bottom"
"inputMarginDense": "MuiInput-inputMarginDense", transition={true}
"inputMultiline": "MuiInput-inputMultiline", />
"inputTypeSearch": "MuiInput-inputTypeSearch", </ForwardRef(Tooltip)>
"multiline": "MuiInput-multiline", </WithStyles(ForwardRef(Tooltip))>
"root": "MuiInput-root",
"underline": "MuiInput-underline",
}
}
>
<WithStyles(ForwardRef(InputBase))
classes={
Object {
"disabled": "Mui-disabled",
"error": "Mui-error",
"focused": "Mui-focused",
"formControl": "MuiInput-formControl",
"fullWidth": "MuiInput-fullWidth",
"input": "MuiInput-input",
"inputMarginDense": "MuiInput-inputMarginDense",
"inputMultiline": "MuiInput-inputMultiline",
"inputTypeSearch": "MuiInput-inputTypeSearch",
"multiline": "MuiInput-multiline",
"root": "MuiInput-root MuiInput-underline",
"underline": null,
}
}
fullWidth={false}
inputComponent="input"
multiline={false}
type="text"
>
<ForwardRef(InputBase)
classes={
Object {
"adornedEnd": "MuiInputBase-adornedEnd",
"adornedStart": "MuiInputBase-adornedStart",
"disabled": "Mui-disabled Mui-disabled",
"error": "Mui-error Mui-error",
"focused": "Mui-focused Mui-focused",
"formControl": "MuiInputBase-formControl MuiInput-formControl",
"fullWidth": "MuiInputBase-fullWidth MuiInput-fullWidth",
"input": "MuiInputBase-input MuiInput-input",
"inputAdornedEnd": "MuiInputBase-inputAdornedEnd",
"inputAdornedStart": "MuiInputBase-inputAdornedStart",
"inputHiddenLabel": "MuiInputBase-inputHiddenLabel",
"inputMarginDense": "MuiInputBase-inputMarginDense MuiInput-inputMarginDense",
"inputMultiline": "MuiInputBase-inputMultiline MuiInput-inputMultiline",
"inputSelect": "MuiInputBase-inputSelect",
"inputTypeSearch": "MuiInputBase-inputTypeSearch MuiInput-inputTypeSearch",
"marginDense": "MuiInputBase-marginDense",
"multiline": "MuiInputBase-multiline MuiInput-multiline",
"root": "MuiInputBase-root MuiInput-root MuiInput-underline",
}
}
fullWidth={false}
inputComponent="input"
multiline={false}
type="text"
>
<div
className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl"
onClick={[Function]}
>
<input
aria-invalid={false}
className="MuiInputBase-input MuiInput-input"
disabled={false}
onAnimationStart={[Function]}
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
required={false}
type="text"
/>
</div>
</ForwardRef(InputBase)>
</WithStyles(ForwardRef(InputBase))>
</ForwardRef(Input)>
</WithStyles(ForwardRef(Input))>
</div>
</ForwardRef(FormControl)>
</WithStyles(ForwardRef(FormControl))>
</ForwardRef(TextField)>
</WithStyles(ForwardRef(TextField))>
</ForwardRef(ToolTip)> </ForwardRef(ToolTip)>
</AvatarTooltip> </AvatarTooltip>
</span> </span>
@ -457,146 +325,80 @@ exports[`test Developers should render the component for maintainers with items
<ForwardRef(ToolTip) <ForwardRef(ToolTip)
title="dmethvin" title="dmethvin"
> >
<WithStyles(ForwardRef(TextField)) <WithStyles(ForwardRef(Tooltip))
InputProps={
Object {
"classes": undefined,
}
}
innerRef={null} innerRef={null}
title="dmethvin" title="dmethvin"
> >
<ForwardRef(TextField) <ForwardRef(Tooltip)
InputProps={
Object {
"classes": undefined,
}
}
classes={ classes={
Object { Object {
"root": "MuiTextField-root", "popper": "MuiTooltip-popper",
"popperInteractive": "MuiTooltip-popperInteractive",
"tooltip": "MuiTooltip-tooltip",
"tooltipPlacementBottom": "MuiTooltip-tooltipPlacementBottom",
"tooltipPlacementLeft": "MuiTooltip-tooltipPlacementLeft",
"tooltipPlacementRight": "MuiTooltip-tooltipPlacementRight",
"tooltipPlacementTop": "MuiTooltip-tooltipPlacementTop",
"touch": "MuiTooltip-touch",
} }
} }
title="dmethvin" title="dmethvin"
> >
<WithStyles(ForwardRef(FormControl)) <a
className="MuiTextField-root" aria-describedby={null}
required={false} className=""
href="mailto:dave.methvin@gmail.com?subject=undefined@1.0.0"
onBlur={[Function]}
onFocus={[Function]}
onMouseLeave={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
onTouchStart={[Function]}
target="_top"
title="dmethvin" title="dmethvin"
variant="standard"
> >
<ForwardRef(FormControl) <WithStyles(ForwardRef(Avatar))
className="MuiTextField-root" aria-label="dmethvin"
classes={
Object {
"fullWidth": "MuiFormControl-fullWidth",
"marginDense": "MuiFormControl-marginDense",
"marginNormal": "MuiFormControl-marginNormal",
"root": "MuiFormControl-root",
}
}
required={false}
title="dmethvin"
variant="standard"
> >
<div <ForwardRef(Avatar)
className="MuiFormControl-root MuiTextField-root" aria-label="dmethvin"
classes={
Object {
"colorDefault": "MuiAvatar-colorDefault",
"img": "MuiAvatar-img",
"root": "MuiAvatar-root",
}
}
>
<div
aria-label="dmethvin"
className="MuiAvatar-root MuiAvatar-colorDefault"
/>
</ForwardRef(Avatar)>
</WithStyles(ForwardRef(Avatar))>
</a>
<ForwardRef(Popper)
anchorEl={
<a
class=""
href="mailto:dave.methvin@gmail.com?subject=undefined@1.0.0"
target="_top"
title="dmethvin" title="dmethvin"
> >
<WithStyles(ForwardRef(Input))> <div
<ForwardRef(Input) aria-label="dmethvin"
classes={ class="MuiAvatar-root MuiAvatar-colorDefault"
Object { />
"disabled": "Mui-disabled", </a>
"error": "Mui-error", }
"focused": "Mui-focused", className="MuiTooltip-popper"
"formControl": "MuiInput-formControl", id={null}
"fullWidth": "MuiInput-fullWidth", open={false}
"input": "MuiInput-input", placement="bottom"
"inputMarginDense": "MuiInput-inputMarginDense", transition={true}
"inputMultiline": "MuiInput-inputMultiline", />
"inputTypeSearch": "MuiInput-inputTypeSearch", </ForwardRef(Tooltip)>
"multiline": "MuiInput-multiline", </WithStyles(ForwardRef(Tooltip))>
"root": "MuiInput-root",
"underline": "MuiInput-underline",
}
}
>
<WithStyles(ForwardRef(InputBase))
classes={
Object {
"disabled": "Mui-disabled",
"error": "Mui-error",
"focused": "Mui-focused",
"formControl": "MuiInput-formControl",
"fullWidth": "MuiInput-fullWidth",
"input": "MuiInput-input",
"inputMarginDense": "MuiInput-inputMarginDense",
"inputMultiline": "MuiInput-inputMultiline",
"inputTypeSearch": "MuiInput-inputTypeSearch",
"multiline": "MuiInput-multiline",
"root": "MuiInput-root MuiInput-underline",
"underline": null,
}
}
fullWidth={false}
inputComponent="input"
multiline={false}
type="text"
>
<ForwardRef(InputBase)
classes={
Object {
"adornedEnd": "MuiInputBase-adornedEnd",
"adornedStart": "MuiInputBase-adornedStart",
"disabled": "Mui-disabled Mui-disabled",
"error": "Mui-error Mui-error",
"focused": "Mui-focused Mui-focused",
"formControl": "MuiInputBase-formControl MuiInput-formControl",
"fullWidth": "MuiInputBase-fullWidth MuiInput-fullWidth",
"input": "MuiInputBase-input MuiInput-input",
"inputAdornedEnd": "MuiInputBase-inputAdornedEnd",
"inputAdornedStart": "MuiInputBase-inputAdornedStart",
"inputHiddenLabel": "MuiInputBase-inputHiddenLabel",
"inputMarginDense": "MuiInputBase-inputMarginDense MuiInput-inputMarginDense",
"inputMultiline": "MuiInputBase-inputMultiline MuiInput-inputMultiline",
"inputSelect": "MuiInputBase-inputSelect",
"inputTypeSearch": "MuiInputBase-inputTypeSearch MuiInput-inputTypeSearch",
"marginDense": "MuiInputBase-marginDense",
"multiline": "MuiInputBase-multiline MuiInput-multiline",
"root": "MuiInputBase-root MuiInput-root MuiInput-underline",
}
}
fullWidth={false}
inputComponent="input"
multiline={false}
type="text"
>
<div
className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl"
onClick={[Function]}
>
<input
aria-invalid={false}
className="MuiInputBase-input MuiInput-input"
disabled={false}
onAnimationStart={[Function]}
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
required={false}
type="text"
/>
</div>
</ForwardRef(InputBase)>
</WithStyles(ForwardRef(InputBase))>
</ForwardRef(Input)>
</WithStyles(ForwardRef(Input))>
</div>
</ForwardRef(FormControl)>
</WithStyles(ForwardRef(FormControl))>
</ForwardRef(TextField)>
</WithStyles(ForwardRef(TextField))>
</ForwardRef(ToolTip)> </ForwardRef(ToolTip)>
</AvatarTooltip> </AvatarTooltip>
</span> </span>
@ -615,146 +417,80 @@ exports[`test Developers should render the component for maintainers with items
<ForwardRef(ToolTip) <ForwardRef(ToolTip)
title="mgol" title="mgol"
> >
<WithStyles(ForwardRef(TextField)) <WithStyles(ForwardRef(Tooltip))
InputProps={
Object {
"classes": undefined,
}
}
innerRef={null} innerRef={null}
title="mgol" title="mgol"
> >
<ForwardRef(TextField) <ForwardRef(Tooltip)
InputProps={
Object {
"classes": undefined,
}
}
classes={ classes={
Object { Object {
"root": "MuiTextField-root", "popper": "MuiTooltip-popper",
"popperInteractive": "MuiTooltip-popperInteractive",
"tooltip": "MuiTooltip-tooltip",
"tooltipPlacementBottom": "MuiTooltip-tooltipPlacementBottom",
"tooltipPlacementLeft": "MuiTooltip-tooltipPlacementLeft",
"tooltipPlacementRight": "MuiTooltip-tooltipPlacementRight",
"tooltipPlacementTop": "MuiTooltip-tooltipPlacementTop",
"touch": "MuiTooltip-touch",
} }
} }
title="mgol" title="mgol"
> >
<WithStyles(ForwardRef(FormControl)) <a
className="MuiTextField-root" aria-describedby={null}
required={false} className=""
href="mailto:m.goleb@gmail.com?subject=undefined@1.0.0"
onBlur={[Function]}
onFocus={[Function]}
onMouseLeave={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
onTouchStart={[Function]}
target="_top"
title="mgol" title="mgol"
variant="standard"
> >
<ForwardRef(FormControl) <WithStyles(ForwardRef(Avatar))
className="MuiTextField-root" aria-label="mgol"
classes={
Object {
"fullWidth": "MuiFormControl-fullWidth",
"marginDense": "MuiFormControl-marginDense",
"marginNormal": "MuiFormControl-marginNormal",
"root": "MuiFormControl-root",
}
}
required={false}
title="mgol"
variant="standard"
> >
<div <ForwardRef(Avatar)
className="MuiFormControl-root MuiTextField-root" aria-label="mgol"
classes={
Object {
"colorDefault": "MuiAvatar-colorDefault",
"img": "MuiAvatar-img",
"root": "MuiAvatar-root",
}
}
>
<div
aria-label="mgol"
className="MuiAvatar-root MuiAvatar-colorDefault"
/>
</ForwardRef(Avatar)>
</WithStyles(ForwardRef(Avatar))>
</a>
<ForwardRef(Popper)
anchorEl={
<a
class=""
href="mailto:m.goleb@gmail.com?subject=undefined@1.0.0"
target="_top"
title="mgol" title="mgol"
> >
<WithStyles(ForwardRef(Input))> <div
<ForwardRef(Input) aria-label="mgol"
classes={ class="MuiAvatar-root MuiAvatar-colorDefault"
Object { />
"disabled": "Mui-disabled", </a>
"error": "Mui-error", }
"focused": "Mui-focused", className="MuiTooltip-popper"
"formControl": "MuiInput-formControl", id={null}
"fullWidth": "MuiInput-fullWidth", open={false}
"input": "MuiInput-input", placement="bottom"
"inputMarginDense": "MuiInput-inputMarginDense", transition={true}
"inputMultiline": "MuiInput-inputMultiline", />
"inputTypeSearch": "MuiInput-inputTypeSearch", </ForwardRef(Tooltip)>
"multiline": "MuiInput-multiline", </WithStyles(ForwardRef(Tooltip))>
"root": "MuiInput-root",
"underline": "MuiInput-underline",
}
}
>
<WithStyles(ForwardRef(InputBase))
classes={
Object {
"disabled": "Mui-disabled",
"error": "Mui-error",
"focused": "Mui-focused",
"formControl": "MuiInput-formControl",
"fullWidth": "MuiInput-fullWidth",
"input": "MuiInput-input",
"inputMarginDense": "MuiInput-inputMarginDense",
"inputMultiline": "MuiInput-inputMultiline",
"inputTypeSearch": "MuiInput-inputTypeSearch",
"multiline": "MuiInput-multiline",
"root": "MuiInput-root MuiInput-underline",
"underline": null,
}
}
fullWidth={false}
inputComponent="input"
multiline={false}
type="text"
>
<ForwardRef(InputBase)
classes={
Object {
"adornedEnd": "MuiInputBase-adornedEnd",
"adornedStart": "MuiInputBase-adornedStart",
"disabled": "Mui-disabled Mui-disabled",
"error": "Mui-error Mui-error",
"focused": "Mui-focused Mui-focused",
"formControl": "MuiInputBase-formControl MuiInput-formControl",
"fullWidth": "MuiInputBase-fullWidth MuiInput-fullWidth",
"input": "MuiInputBase-input MuiInput-input",
"inputAdornedEnd": "MuiInputBase-inputAdornedEnd",
"inputAdornedStart": "MuiInputBase-inputAdornedStart",
"inputHiddenLabel": "MuiInputBase-inputHiddenLabel",
"inputMarginDense": "MuiInputBase-inputMarginDense MuiInput-inputMarginDense",
"inputMultiline": "MuiInputBase-inputMultiline MuiInput-inputMultiline",
"inputSelect": "MuiInputBase-inputSelect",
"inputTypeSearch": "MuiInputBase-inputTypeSearch MuiInput-inputTypeSearch",
"marginDense": "MuiInputBase-marginDense",
"multiline": "MuiInputBase-multiline MuiInput-multiline",
"root": "MuiInputBase-root MuiInput-root MuiInput-underline",
}
}
fullWidth={false}
inputComponent="input"
multiline={false}
type="text"
>
<div
className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl"
onClick={[Function]}
>
<input
aria-invalid={false}
className="MuiInputBase-input MuiInput-input"
disabled={false}
onAnimationStart={[Function]}
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
required={false}
type="text"
/>
</div>
</ForwardRef(InputBase)>
</WithStyles(ForwardRef(InputBase))>
</ForwardRef(Input)>
</WithStyles(ForwardRef(Input))>
</div>
</ForwardRef(FormControl)>
</WithStyles(ForwardRef(FormControl))>
</ForwardRef(TextField)>
</WithStyles(ForwardRef(TextField))>
</ForwardRef(ToolTip)> </ForwardRef(ToolTip)>
</AvatarTooltip> </AvatarTooltip>
</span> </span>