From 43a9628ec40c1351dba7f18b8ee90bf49b425e0b Mon Sep 17 00:00:00 2001
From: Andrew Hughson <andrew@hughson.me>
Date: Sun, 6 Oct 2019 15:01:58 +0100
Subject: [PATCH] fix: incorrect Tooltip import in avatar component (#160)

---
 .../AvatarTooltip/AvatarTooltip.tsx           |   2 +-
 .../__snapshots__/Developers.test.tsx.snap    | 744 ++++++------------
 2 files changed, 241 insertions(+), 505 deletions(-)

diff --git a/src/components/AvatarTooltip/AvatarTooltip.tsx b/src/components/AvatarTooltip/AvatarTooltip.tsx
index bc02997..941772a 100644
--- a/src/components/AvatarTooltip/AvatarTooltip.tsx
+++ b/src/components/AvatarTooltip/AvatarTooltip.tsx
@@ -3,7 +3,7 @@ import React, { FC } from 'react';
 import Avatar from '@material-ui/core/Avatar';
 import { isEmail } from '../../utils/url';
 
-import Tooltip from '../../muiComponents/TextField';
+import Tooltip from '../../muiComponents/Tooltip';
 
 export interface AvatarDeveloper {
   name: string;
diff --git a/src/components/Developers/__snapshots__/Developers.test.tsx.snap b/src/components/Developers/__snapshots__/Developers.test.tsx.snap
index 6548d26..eb9ea57 100644
--- a/src/components/Developers/__snapshots__/Developers.test.tsx.snap
+++ b/src/components/Developers/__snapshots__/Developers.test.tsx.snap
@@ -75,146 +75,80 @@ exports[`test Developers should render the component for contributors with items
             <ForwardRef(ToolTip)
               title="dmethvin"
             >
-              <WithStyles(ForwardRef(TextField))
-                InputProps={
-                  Object {
-                    "classes": undefined,
-                  }
-                }
+              <WithStyles(ForwardRef(Tooltip))
                 innerRef={null}
                 title="dmethvin"
               >
-                <ForwardRef(TextField)
-                  InputProps={
-                    Object {
-                      "classes": undefined,
-                    }
-                  }
+                <ForwardRef(Tooltip)
                   classes={
                     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"
                 >
-                  <WithStyles(ForwardRef(FormControl))
-                    className="MuiTextField-root"
-                    required={false}
+                  <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"
                     title="dmethvin"
-                    variant="standard"
                   >
-                    <ForwardRef(FormControl)
-                      className="MuiTextField-root"
-                      classes={
-                        Object {
-                          "fullWidth": "MuiFormControl-fullWidth",
-                          "marginDense": "MuiFormControl-marginDense",
-                          "marginNormal": "MuiFormControl-marginNormal",
-                          "root": "MuiFormControl-root",
-                        }
-                      }
-                      required={false}
-                      title="dmethvin"
-                      variant="standard"
+                    <WithStyles(ForwardRef(Avatar))
+                      aria-label="dmethvin"
                     >
-                      <div
-                        className="MuiFormControl-root MuiTextField-root"
+                      <ForwardRef(Avatar)
+                        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"
                       >
-                        <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))>
+                        <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))>
             </ForwardRef(ToolTip)>
           </AvatarTooltip>
         </span>
@@ -233,146 +167,80 @@ exports[`test Developers should render the component for contributors with items
             <ForwardRef(ToolTip)
               title="mgol"
             >
-              <WithStyles(ForwardRef(TextField))
-                InputProps={
-                  Object {
-                    "classes": undefined,
-                  }
-                }
+              <WithStyles(ForwardRef(Tooltip))
                 innerRef={null}
                 title="mgol"
               >
-                <ForwardRef(TextField)
-                  InputProps={
-                    Object {
-                      "classes": undefined,
-                    }
-                  }
+                <ForwardRef(Tooltip)
                   classes={
                     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"
                 >
-                  <WithStyles(ForwardRef(FormControl))
-                    className="MuiTextField-root"
-                    required={false}
+                  <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"
                     title="mgol"
-                    variant="standard"
                   >
-                    <ForwardRef(FormControl)
-                      className="MuiTextField-root"
-                      classes={
-                        Object {
-                          "fullWidth": "MuiFormControl-fullWidth",
-                          "marginDense": "MuiFormControl-marginDense",
-                          "marginNormal": "MuiFormControl-marginNormal",
-                          "root": "MuiFormControl-root",
-                        }
-                      }
-                      required={false}
-                      title="mgol"
-                      variant="standard"
+                    <WithStyles(ForwardRef(Avatar))
+                      aria-label="mgol"
                     >
-                      <div
-                        className="MuiFormControl-root MuiTextField-root"
+                      <ForwardRef(Avatar)
+                        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"
                       >
-                        <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))>
+                        <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))>
             </ForwardRef(ToolTip)>
           </AvatarTooltip>
         </span>
@@ -457,146 +325,80 @@ exports[`test Developers should render the component for maintainers with items
             <ForwardRef(ToolTip)
               title="dmethvin"
             >
-              <WithStyles(ForwardRef(TextField))
-                InputProps={
-                  Object {
-                    "classes": undefined,
-                  }
-                }
+              <WithStyles(ForwardRef(Tooltip))
                 innerRef={null}
                 title="dmethvin"
               >
-                <ForwardRef(TextField)
-                  InputProps={
-                    Object {
-                      "classes": undefined,
-                    }
-                  }
+                <ForwardRef(Tooltip)
                   classes={
                     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"
                 >
-                  <WithStyles(ForwardRef(FormControl))
-                    className="MuiTextField-root"
-                    required={false}
+                  <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"
                     title="dmethvin"
-                    variant="standard"
                   >
-                    <ForwardRef(FormControl)
-                      className="MuiTextField-root"
-                      classes={
-                        Object {
-                          "fullWidth": "MuiFormControl-fullWidth",
-                          "marginDense": "MuiFormControl-marginDense",
-                          "marginNormal": "MuiFormControl-marginNormal",
-                          "root": "MuiFormControl-root",
-                        }
-                      }
-                      required={false}
-                      title="dmethvin"
-                      variant="standard"
+                    <WithStyles(ForwardRef(Avatar))
+                      aria-label="dmethvin"
                     >
-                      <div
-                        className="MuiFormControl-root MuiTextField-root"
+                      <ForwardRef(Avatar)
+                        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"
                       >
-                        <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))>
+                        <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))>
             </ForwardRef(ToolTip)>
           </AvatarTooltip>
         </span>
@@ -615,146 +417,80 @@ exports[`test Developers should render the component for maintainers with items
             <ForwardRef(ToolTip)
               title="mgol"
             >
-              <WithStyles(ForwardRef(TextField))
-                InputProps={
-                  Object {
-                    "classes": undefined,
-                  }
-                }
+              <WithStyles(ForwardRef(Tooltip))
                 innerRef={null}
                 title="mgol"
               >
-                <ForwardRef(TextField)
-                  InputProps={
-                    Object {
-                      "classes": undefined,
-                    }
-                  }
+                <ForwardRef(Tooltip)
                   classes={
                     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"
                 >
-                  <WithStyles(ForwardRef(FormControl))
-                    className="MuiTextField-root"
-                    required={false}
+                  <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"
                     title="mgol"
-                    variant="standard"
                   >
-                    <ForwardRef(FormControl)
-                      className="MuiTextField-root"
-                      classes={
-                        Object {
-                          "fullWidth": "MuiFormControl-fullWidth",
-                          "marginDense": "MuiFormControl-marginDense",
-                          "marginNormal": "MuiFormControl-marginNormal",
-                          "root": "MuiFormControl-root",
-                        }
-                      }
-                      required={false}
-                      title="mgol"
-                      variant="standard"
+                    <WithStyles(ForwardRef(Avatar))
+                      aria-label="mgol"
                     >
-                      <div
-                        className="MuiFormControl-root MuiTextField-root"
+                      <ForwardRef(Avatar)
+                        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"
                       >
-                        <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))>
+                        <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))>
             </ForwardRef(ToolTip)>
           </AvatarTooltip>
         </span>