mirror of
https://github.com/SomboChea/ui
synced 2026-01-17 08:35:47 +07:00
fix: detailContainer Component - Replaced class by func. comp (#130)
* refactor: coverted class comp. into func.comp * refactor: added forward ref comp. * fix: fixed external link color * fix: fixed typo * refactor: applied feedbacks
This commit is contained in:
Priscila Oliveira
committed by
Juan Picado @jotadeveloper
Juan Picado @jotadeveloper
parent
28c982a7da
commit
f84fd79c5b
@@ -72,79 +72,150 @@ exports[`test Developers should render the component for contributors with items
|
||||
name="dmethvin"
|
||||
version="1.0.0"
|
||||
>
|
||||
<WithStyles(ForwardRef(Tooltip))
|
||||
<ForwardRef(ToolTip)
|
||||
title="dmethvin"
|
||||
>
|
||||
<ForwardRef(Tooltip)
|
||||
classes={
|
||||
<WithStyles(ForwardRef(TextField))
|
||||
InputProps={
|
||||
Object {
|
||||
"popper": "MuiTooltip-popper",
|
||||
"popperInteractive": "MuiTooltip-popperInteractive",
|
||||
"tooltip": "MuiTooltip-tooltip",
|
||||
"tooltipPlacementBottom": "MuiTooltip-tooltipPlacementBottom",
|
||||
"tooltipPlacementLeft": "MuiTooltip-tooltipPlacementLeft",
|
||||
"tooltipPlacementRight": "MuiTooltip-tooltipPlacementRight",
|
||||
"tooltipPlacementTop": "MuiTooltip-tooltipPlacementTop",
|
||||
"touch": "MuiTooltip-touch",
|
||||
"classes": undefined,
|
||||
}
|
||||
}
|
||||
innerRef={null}
|
||||
title="dmethvin"
|
||||
>
|
||||
<a
|
||||
aria-describedby={null}
|
||||
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"
|
||||
<ForwardRef(TextField)
|
||||
InputProps={
|
||||
Object {
|
||||
"classes": undefined,
|
||||
}
|
||||
}
|
||||
classes={
|
||||
Object {
|
||||
"root": "MuiTextField-root",
|
||||
}
|
||||
}
|
||||
title="dmethvin"
|
||||
>
|
||||
<WithStyles(ForwardRef(Avatar))
|
||||
aria-label="dmethvin"
|
||||
<WithStyles(ForwardRef(FormControl))
|
||||
className="MuiTextField-root"
|
||||
required={false}
|
||||
title="dmethvin"
|
||||
variant="standard"
|
||||
>
|
||||
<ForwardRef(Avatar)
|
||||
aria-label="dmethvin"
|
||||
<ForwardRef(FormControl)
|
||||
className="MuiTextField-root"
|
||||
classes={
|
||||
Object {
|
||||
"colorDefault": "MuiAvatar-colorDefault",
|
||||
"img": "MuiAvatar-img",
|
||||
"root": "MuiAvatar-root",
|
||||
"fullWidth": "MuiFormControl-fullWidth",
|
||||
"marginDense": "MuiFormControl-marginDense",
|
||||
"marginNormal": "MuiFormControl-marginNormal",
|
||||
"root": "MuiFormControl-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"
|
||||
required={false}
|
||||
title="dmethvin"
|
||||
variant="standard"
|
||||
>
|
||||
<div
|
||||
aria-label="dmethvin"
|
||||
class="MuiAvatar-root MuiAvatar-colorDefault"
|
||||
/>
|
||||
</a>
|
||||
}
|
||||
className="MuiTooltip-popper"
|
||||
id={null}
|
||||
open={false}
|
||||
placement="bottom"
|
||||
transition={true}
|
||||
/>
|
||||
</ForwardRef(Tooltip)>
|
||||
</WithStyles(ForwardRef(Tooltip))>
|
||||
className="MuiFormControl-root MuiTextField-root"
|
||||
title="dmethvin"
|
||||
>
|
||||
<WithStyles(ForwardRef(Input))>
|
||||
<ForwardRef(Input)
|
||||
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",
|
||||
"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)>
|
||||
</AvatarTooltip>
|
||||
</span>
|
||||
</Styled(span)>
|
||||
@@ -159,79 +230,150 @@ exports[`test Developers should render the component for contributors with items
|
||||
name="mgol"
|
||||
version="1.0.0"
|
||||
>
|
||||
<WithStyles(ForwardRef(Tooltip))
|
||||
<ForwardRef(ToolTip)
|
||||
title="mgol"
|
||||
>
|
||||
<ForwardRef(Tooltip)
|
||||
classes={
|
||||
<WithStyles(ForwardRef(TextField))
|
||||
InputProps={
|
||||
Object {
|
||||
"popper": "MuiTooltip-popper",
|
||||
"popperInteractive": "MuiTooltip-popperInteractive",
|
||||
"tooltip": "MuiTooltip-tooltip",
|
||||
"tooltipPlacementBottom": "MuiTooltip-tooltipPlacementBottom",
|
||||
"tooltipPlacementLeft": "MuiTooltip-tooltipPlacementLeft",
|
||||
"tooltipPlacementRight": "MuiTooltip-tooltipPlacementRight",
|
||||
"tooltipPlacementTop": "MuiTooltip-tooltipPlacementTop",
|
||||
"touch": "MuiTooltip-touch",
|
||||
"classes": undefined,
|
||||
}
|
||||
}
|
||||
innerRef={null}
|
||||
title="mgol"
|
||||
>
|
||||
<a
|
||||
aria-describedby={null}
|
||||
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"
|
||||
<ForwardRef(TextField)
|
||||
InputProps={
|
||||
Object {
|
||||
"classes": undefined,
|
||||
}
|
||||
}
|
||||
classes={
|
||||
Object {
|
||||
"root": "MuiTextField-root",
|
||||
}
|
||||
}
|
||||
title="mgol"
|
||||
>
|
||||
<WithStyles(ForwardRef(Avatar))
|
||||
aria-label="mgol"
|
||||
<WithStyles(ForwardRef(FormControl))
|
||||
className="MuiTextField-root"
|
||||
required={false}
|
||||
title="mgol"
|
||||
variant="standard"
|
||||
>
|
||||
<ForwardRef(Avatar)
|
||||
aria-label="mgol"
|
||||
<ForwardRef(FormControl)
|
||||
className="MuiTextField-root"
|
||||
classes={
|
||||
Object {
|
||||
"colorDefault": "MuiAvatar-colorDefault",
|
||||
"img": "MuiAvatar-img",
|
||||
"root": "MuiAvatar-root",
|
||||
"fullWidth": "MuiFormControl-fullWidth",
|
||||
"marginDense": "MuiFormControl-marginDense",
|
||||
"marginNormal": "MuiFormControl-marginNormal",
|
||||
"root": "MuiFormControl-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"
|
||||
required={false}
|
||||
title="mgol"
|
||||
variant="standard"
|
||||
>
|
||||
<div
|
||||
aria-label="mgol"
|
||||
class="MuiAvatar-root MuiAvatar-colorDefault"
|
||||
/>
|
||||
</a>
|
||||
}
|
||||
className="MuiTooltip-popper"
|
||||
id={null}
|
||||
open={false}
|
||||
placement="bottom"
|
||||
transition={true}
|
||||
/>
|
||||
</ForwardRef(Tooltip)>
|
||||
</WithStyles(ForwardRef(Tooltip))>
|
||||
className="MuiFormControl-root MuiTextField-root"
|
||||
title="mgol"
|
||||
>
|
||||
<WithStyles(ForwardRef(Input))>
|
||||
<ForwardRef(Input)
|
||||
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",
|
||||
"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)>
|
||||
</AvatarTooltip>
|
||||
</span>
|
||||
</Styled(span)>
|
||||
@@ -312,79 +454,150 @@ exports[`test Developers should render the component for maintainers with items
|
||||
name="dmethvin"
|
||||
version="1.0.0"
|
||||
>
|
||||
<WithStyles(ForwardRef(Tooltip))
|
||||
<ForwardRef(ToolTip)
|
||||
title="dmethvin"
|
||||
>
|
||||
<ForwardRef(Tooltip)
|
||||
classes={
|
||||
<WithStyles(ForwardRef(TextField))
|
||||
InputProps={
|
||||
Object {
|
||||
"popper": "MuiTooltip-popper",
|
||||
"popperInteractive": "MuiTooltip-popperInteractive",
|
||||
"tooltip": "MuiTooltip-tooltip",
|
||||
"tooltipPlacementBottom": "MuiTooltip-tooltipPlacementBottom",
|
||||
"tooltipPlacementLeft": "MuiTooltip-tooltipPlacementLeft",
|
||||
"tooltipPlacementRight": "MuiTooltip-tooltipPlacementRight",
|
||||
"tooltipPlacementTop": "MuiTooltip-tooltipPlacementTop",
|
||||
"touch": "MuiTooltip-touch",
|
||||
"classes": undefined,
|
||||
}
|
||||
}
|
||||
innerRef={null}
|
||||
title="dmethvin"
|
||||
>
|
||||
<a
|
||||
aria-describedby={null}
|
||||
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"
|
||||
<ForwardRef(TextField)
|
||||
InputProps={
|
||||
Object {
|
||||
"classes": undefined,
|
||||
}
|
||||
}
|
||||
classes={
|
||||
Object {
|
||||
"root": "MuiTextField-root",
|
||||
}
|
||||
}
|
||||
title="dmethvin"
|
||||
>
|
||||
<WithStyles(ForwardRef(Avatar))
|
||||
aria-label="dmethvin"
|
||||
<WithStyles(ForwardRef(FormControl))
|
||||
className="MuiTextField-root"
|
||||
required={false}
|
||||
title="dmethvin"
|
||||
variant="standard"
|
||||
>
|
||||
<ForwardRef(Avatar)
|
||||
aria-label="dmethvin"
|
||||
<ForwardRef(FormControl)
|
||||
className="MuiTextField-root"
|
||||
classes={
|
||||
Object {
|
||||
"colorDefault": "MuiAvatar-colorDefault",
|
||||
"img": "MuiAvatar-img",
|
||||
"root": "MuiAvatar-root",
|
||||
"fullWidth": "MuiFormControl-fullWidth",
|
||||
"marginDense": "MuiFormControl-marginDense",
|
||||
"marginNormal": "MuiFormControl-marginNormal",
|
||||
"root": "MuiFormControl-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"
|
||||
required={false}
|
||||
title="dmethvin"
|
||||
variant="standard"
|
||||
>
|
||||
<div
|
||||
aria-label="dmethvin"
|
||||
class="MuiAvatar-root MuiAvatar-colorDefault"
|
||||
/>
|
||||
</a>
|
||||
}
|
||||
className="MuiTooltip-popper"
|
||||
id={null}
|
||||
open={false}
|
||||
placement="bottom"
|
||||
transition={true}
|
||||
/>
|
||||
</ForwardRef(Tooltip)>
|
||||
</WithStyles(ForwardRef(Tooltip))>
|
||||
className="MuiFormControl-root MuiTextField-root"
|
||||
title="dmethvin"
|
||||
>
|
||||
<WithStyles(ForwardRef(Input))>
|
||||
<ForwardRef(Input)
|
||||
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",
|
||||
"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)>
|
||||
</AvatarTooltip>
|
||||
</span>
|
||||
</Styled(span)>
|
||||
@@ -399,79 +612,150 @@ exports[`test Developers should render the component for maintainers with items
|
||||
name="mgol"
|
||||
version="1.0.0"
|
||||
>
|
||||
<WithStyles(ForwardRef(Tooltip))
|
||||
<ForwardRef(ToolTip)
|
||||
title="mgol"
|
||||
>
|
||||
<ForwardRef(Tooltip)
|
||||
classes={
|
||||
<WithStyles(ForwardRef(TextField))
|
||||
InputProps={
|
||||
Object {
|
||||
"popper": "MuiTooltip-popper",
|
||||
"popperInteractive": "MuiTooltip-popperInteractive",
|
||||
"tooltip": "MuiTooltip-tooltip",
|
||||
"tooltipPlacementBottom": "MuiTooltip-tooltipPlacementBottom",
|
||||
"tooltipPlacementLeft": "MuiTooltip-tooltipPlacementLeft",
|
||||
"tooltipPlacementRight": "MuiTooltip-tooltipPlacementRight",
|
||||
"tooltipPlacementTop": "MuiTooltip-tooltipPlacementTop",
|
||||
"touch": "MuiTooltip-touch",
|
||||
"classes": undefined,
|
||||
}
|
||||
}
|
||||
innerRef={null}
|
||||
title="mgol"
|
||||
>
|
||||
<a
|
||||
aria-describedby={null}
|
||||
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"
|
||||
<ForwardRef(TextField)
|
||||
InputProps={
|
||||
Object {
|
||||
"classes": undefined,
|
||||
}
|
||||
}
|
||||
classes={
|
||||
Object {
|
||||
"root": "MuiTextField-root",
|
||||
}
|
||||
}
|
||||
title="mgol"
|
||||
>
|
||||
<WithStyles(ForwardRef(Avatar))
|
||||
aria-label="mgol"
|
||||
<WithStyles(ForwardRef(FormControl))
|
||||
className="MuiTextField-root"
|
||||
required={false}
|
||||
title="mgol"
|
||||
variant="standard"
|
||||
>
|
||||
<ForwardRef(Avatar)
|
||||
aria-label="mgol"
|
||||
<ForwardRef(FormControl)
|
||||
className="MuiTextField-root"
|
||||
classes={
|
||||
Object {
|
||||
"colorDefault": "MuiAvatar-colorDefault",
|
||||
"img": "MuiAvatar-img",
|
||||
"root": "MuiAvatar-root",
|
||||
"fullWidth": "MuiFormControl-fullWidth",
|
||||
"marginDense": "MuiFormControl-marginDense",
|
||||
"marginNormal": "MuiFormControl-marginNormal",
|
||||
"root": "MuiFormControl-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"
|
||||
required={false}
|
||||
title="mgol"
|
||||
variant="standard"
|
||||
>
|
||||
<div
|
||||
aria-label="mgol"
|
||||
class="MuiAvatar-root MuiAvatar-colorDefault"
|
||||
/>
|
||||
</a>
|
||||
}
|
||||
className="MuiTooltip-popper"
|
||||
id={null}
|
||||
open={false}
|
||||
placement="bottom"
|
||||
transition={true}
|
||||
/>
|
||||
</ForwardRef(Tooltip)>
|
||||
</WithStyles(ForwardRef(Tooltip))>
|
||||
className="MuiFormControl-root MuiTextField-root"
|
||||
title="mgol"
|
||||
>
|
||||
<WithStyles(ForwardRef(Input))>
|
||||
<ForwardRef(Input)
|
||||
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",
|
||||
"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)>
|
||||
</AvatarTooltip>
|
||||
</span>
|
||||
</Styled(span)>
|
||||
|
||||
Reference in New Issue
Block a user