mirror of
https://github.com/SomboChea/ui
synced 2024-05-19 09:51:36 +07:00
111f0c50e5
* chore: updated emotion dependency * feat: introduced theme * refactor: updated emotion styles * fix: fixed emotion error * fix: fixed tests * chore: add missing types Co-Authored-By: Thomas Klein <tmkn@users.noreply.github.com>
616 lines
22 KiB
Plaintext
616 lines
22 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`test Developers should render the component for contributors with items 1`] = `
|
|
.emotion-0 {
|
|
font-weight: 700;
|
|
margin-bottom: 10px;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.emotion-12 {
|
|
margin: 10px 0 10px 0;
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-flex-wrap: wrap;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.emotion-12 > * {
|
|
margin: 5px;
|
|
}
|
|
|
|
.emotion-8 {
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-flex-direction: column;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
-webkit-align-items: center;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
|
|
<Developers
|
|
type="contributors"
|
|
>
|
|
<StyledText
|
|
variant="subtitle1"
|
|
>
|
|
<ForwardRef(Text)
|
|
className="emotion-0 emotion-1"
|
|
variant="subtitle1"
|
|
>
|
|
<WithStyles(ForwardRef(Typography))
|
|
className="emotion-0 emotion-1"
|
|
variant="subtitle1"
|
|
>
|
|
<ForwardRef(Typography)
|
|
className="emotion-0 emotion-1"
|
|
classes={
|
|
Object {
|
|
"alignCenter": "MuiTypography-alignCenter",
|
|
"alignJustify": "MuiTypography-alignJustify",
|
|
"alignLeft": "MuiTypography-alignLeft",
|
|
"alignRight": "MuiTypography-alignRight",
|
|
"body1": "MuiTypography-body1",
|
|
"body2": "MuiTypography-body2",
|
|
"button": "MuiTypography-button",
|
|
"caption": "MuiTypography-caption",
|
|
"colorError": "MuiTypography-colorError",
|
|
"colorInherit": "MuiTypography-colorInherit",
|
|
"colorPrimary": "MuiTypography-colorPrimary",
|
|
"colorSecondary": "MuiTypography-colorSecondary",
|
|
"colorTextPrimary": "MuiTypography-colorTextPrimary",
|
|
"colorTextSecondary": "MuiTypography-colorTextSecondary",
|
|
"displayBlock": "MuiTypography-displayBlock",
|
|
"displayInline": "MuiTypography-displayInline",
|
|
"gutterBottom": "MuiTypography-gutterBottom",
|
|
"h1": "MuiTypography-h1",
|
|
"h2": "MuiTypography-h2",
|
|
"h3": "MuiTypography-h3",
|
|
"h4": "MuiTypography-h4",
|
|
"h5": "MuiTypography-h5",
|
|
"h6": "MuiTypography-h6",
|
|
"noWrap": "MuiTypography-noWrap",
|
|
"overline": "MuiTypography-overline",
|
|
"paragraph": "MuiTypography-paragraph",
|
|
"root": "MuiTypography-root",
|
|
"srOnly": "MuiTypography-srOnly",
|
|
"subtitle1": "MuiTypography-subtitle1",
|
|
"subtitle2": "MuiTypography-subtitle2",
|
|
}
|
|
}
|
|
variant="subtitle1"
|
|
>
|
|
<h6
|
|
className="MuiTypography-root emotion-0 emotion-1 MuiTypography-subtitle1"
|
|
>
|
|
contributors
|
|
</h6>
|
|
</ForwardRef(Typography)>
|
|
</WithStyles(ForwardRef(Typography))>
|
|
</ForwardRef(Text)>
|
|
</StyledText>
|
|
<Content>
|
|
<div
|
|
className="emotion-12 emotion-13"
|
|
>
|
|
<Details
|
|
key="dave.methvin@gmail.com"
|
|
>
|
|
<span
|
|
className="emotion-8 emotion-9"
|
|
>
|
|
<AvatarTooltip
|
|
email="dave.methvin@gmail.com"
|
|
name="dmethvin"
|
|
version="1.0.0"
|
|
>
|
|
<ForwardRef(ToolTip)
|
|
title="dmethvin"
|
|
>
|
|
<WithStyles(ForwardRef(Tooltip))
|
|
innerRef={null}
|
|
title="dmethvin"
|
|
>
|
|
<ForwardRef(Tooltip)
|
|
classes={
|
|
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",
|
|
}
|
|
}
|
|
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"
|
|
title="dmethvin"
|
|
>
|
|
<ForwardRef(Avatar)
|
|
aria-label="dmethvin"
|
|
>
|
|
<WithStyles(ForwardRef(Avatar))
|
|
aria-label="dmethvin"
|
|
>
|
|
<ForwardRef(Avatar)
|
|
aria-label="dmethvin"
|
|
classes={
|
|
Object {
|
|
"circle": "MuiAvatar-circle",
|
|
"colorDefault": "MuiAvatar-colorDefault",
|
|
"img": "MuiAvatar-img",
|
|
"root": "MuiAvatar-root",
|
|
"rounded": "MuiAvatar-rounded",
|
|
"square": "MuiAvatar-square",
|
|
}
|
|
}
|
|
>
|
|
<div
|
|
aria-label="dmethvin"
|
|
className="MuiAvatar-root MuiAvatar-circle MuiAvatar-colorDefault"
|
|
/>
|
|
</ForwardRef(Avatar)>
|
|
</WithStyles(ForwardRef(Avatar))>
|
|
</ForwardRef(Avatar)>
|
|
</a>
|
|
<ForwardRef(Popper)
|
|
anchorEl={
|
|
<a
|
|
class=""
|
|
href="mailto:dave.methvin@gmail.com?subject=undefined@1.0.0"
|
|
target="_top"
|
|
title="dmethvin"
|
|
>
|
|
<div
|
|
aria-label="dmethvin"
|
|
class="MuiAvatar-root MuiAvatar-circle MuiAvatar-colorDefault"
|
|
/>
|
|
</a>
|
|
}
|
|
className="MuiTooltip-popper"
|
|
id={null}
|
|
open={false}
|
|
placement="bottom"
|
|
transition={true}
|
|
/>
|
|
</ForwardRef(Tooltip)>
|
|
</WithStyles(ForwardRef(Tooltip))>
|
|
</ForwardRef(ToolTip)>
|
|
</AvatarTooltip>
|
|
</span>
|
|
</Details>
|
|
<Details
|
|
key="m.goleb@gmail.com"
|
|
>
|
|
<span
|
|
className="emotion-8 emotion-9"
|
|
>
|
|
<AvatarTooltip
|
|
email="m.goleb@gmail.com"
|
|
name="mgol"
|
|
version="1.0.0"
|
|
>
|
|
<ForwardRef(ToolTip)
|
|
title="mgol"
|
|
>
|
|
<WithStyles(ForwardRef(Tooltip))
|
|
innerRef={null}
|
|
title="mgol"
|
|
>
|
|
<ForwardRef(Tooltip)
|
|
classes={
|
|
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",
|
|
}
|
|
}
|
|
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"
|
|
title="mgol"
|
|
>
|
|
<ForwardRef(Avatar)
|
|
aria-label="mgol"
|
|
>
|
|
<WithStyles(ForwardRef(Avatar))
|
|
aria-label="mgol"
|
|
>
|
|
<ForwardRef(Avatar)
|
|
aria-label="mgol"
|
|
classes={
|
|
Object {
|
|
"circle": "MuiAvatar-circle",
|
|
"colorDefault": "MuiAvatar-colorDefault",
|
|
"img": "MuiAvatar-img",
|
|
"root": "MuiAvatar-root",
|
|
"rounded": "MuiAvatar-rounded",
|
|
"square": "MuiAvatar-square",
|
|
}
|
|
}
|
|
>
|
|
<div
|
|
aria-label="mgol"
|
|
className="MuiAvatar-root MuiAvatar-circle MuiAvatar-colorDefault"
|
|
/>
|
|
</ForwardRef(Avatar)>
|
|
</WithStyles(ForwardRef(Avatar))>
|
|
</ForwardRef(Avatar)>
|
|
</a>
|
|
<ForwardRef(Popper)
|
|
anchorEl={
|
|
<a
|
|
class=""
|
|
href="mailto:m.goleb@gmail.com?subject=undefined@1.0.0"
|
|
target="_top"
|
|
title="mgol"
|
|
>
|
|
<div
|
|
aria-label="mgol"
|
|
class="MuiAvatar-root MuiAvatar-circle MuiAvatar-colorDefault"
|
|
/>
|
|
</a>
|
|
}
|
|
className="MuiTooltip-popper"
|
|
id={null}
|
|
open={false}
|
|
placement="bottom"
|
|
transition={true}
|
|
/>
|
|
</ForwardRef(Tooltip)>
|
|
</WithStyles(ForwardRef(Tooltip))>
|
|
</ForwardRef(ToolTip)>
|
|
</AvatarTooltip>
|
|
</span>
|
|
</Details>
|
|
</div>
|
|
</Content>
|
|
</Developers>
|
|
`;
|
|
|
|
exports[`test Developers should render the component for maintainers with items 1`] = `
|
|
.emotion-0 {
|
|
font-weight: 700;
|
|
margin-bottom: 10px;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.emotion-12 {
|
|
margin: 10px 0 10px 0;
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-flex-wrap: wrap;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.emotion-12 > * {
|
|
margin: 5px;
|
|
}
|
|
|
|
.emotion-8 {
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-flex-direction: column;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
-webkit-align-items: center;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
|
|
<Developers
|
|
type="maintainers"
|
|
>
|
|
<StyledText
|
|
variant="subtitle1"
|
|
>
|
|
<ForwardRef(Text)
|
|
className="emotion-0 emotion-1"
|
|
variant="subtitle1"
|
|
>
|
|
<WithStyles(ForwardRef(Typography))
|
|
className="emotion-0 emotion-1"
|
|
variant="subtitle1"
|
|
>
|
|
<ForwardRef(Typography)
|
|
className="emotion-0 emotion-1"
|
|
classes={
|
|
Object {
|
|
"alignCenter": "MuiTypography-alignCenter",
|
|
"alignJustify": "MuiTypography-alignJustify",
|
|
"alignLeft": "MuiTypography-alignLeft",
|
|
"alignRight": "MuiTypography-alignRight",
|
|
"body1": "MuiTypography-body1",
|
|
"body2": "MuiTypography-body2",
|
|
"button": "MuiTypography-button",
|
|
"caption": "MuiTypography-caption",
|
|
"colorError": "MuiTypography-colorError",
|
|
"colorInherit": "MuiTypography-colorInherit",
|
|
"colorPrimary": "MuiTypography-colorPrimary",
|
|
"colorSecondary": "MuiTypography-colorSecondary",
|
|
"colorTextPrimary": "MuiTypography-colorTextPrimary",
|
|
"colorTextSecondary": "MuiTypography-colorTextSecondary",
|
|
"displayBlock": "MuiTypography-displayBlock",
|
|
"displayInline": "MuiTypography-displayInline",
|
|
"gutterBottom": "MuiTypography-gutterBottom",
|
|
"h1": "MuiTypography-h1",
|
|
"h2": "MuiTypography-h2",
|
|
"h3": "MuiTypography-h3",
|
|
"h4": "MuiTypography-h4",
|
|
"h5": "MuiTypography-h5",
|
|
"h6": "MuiTypography-h6",
|
|
"noWrap": "MuiTypography-noWrap",
|
|
"overline": "MuiTypography-overline",
|
|
"paragraph": "MuiTypography-paragraph",
|
|
"root": "MuiTypography-root",
|
|
"srOnly": "MuiTypography-srOnly",
|
|
"subtitle1": "MuiTypography-subtitle1",
|
|
"subtitle2": "MuiTypography-subtitle2",
|
|
}
|
|
}
|
|
variant="subtitle1"
|
|
>
|
|
<h6
|
|
className="MuiTypography-root emotion-0 emotion-1 MuiTypography-subtitle1"
|
|
>
|
|
maintainers
|
|
</h6>
|
|
</ForwardRef(Typography)>
|
|
</WithStyles(ForwardRef(Typography))>
|
|
</ForwardRef(Text)>
|
|
</StyledText>
|
|
<Content>
|
|
<div
|
|
className="emotion-12 emotion-13"
|
|
>
|
|
<Details
|
|
key="dave.methvin@gmail.com"
|
|
>
|
|
<span
|
|
className="emotion-8 emotion-9"
|
|
>
|
|
<AvatarTooltip
|
|
email="dave.methvin@gmail.com"
|
|
name="dmethvin"
|
|
version="1.0.0"
|
|
>
|
|
<ForwardRef(ToolTip)
|
|
title="dmethvin"
|
|
>
|
|
<WithStyles(ForwardRef(Tooltip))
|
|
innerRef={null}
|
|
title="dmethvin"
|
|
>
|
|
<ForwardRef(Tooltip)
|
|
classes={
|
|
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",
|
|
}
|
|
}
|
|
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"
|
|
title="dmethvin"
|
|
>
|
|
<ForwardRef(Avatar)
|
|
aria-label="dmethvin"
|
|
>
|
|
<WithStyles(ForwardRef(Avatar))
|
|
aria-label="dmethvin"
|
|
>
|
|
<ForwardRef(Avatar)
|
|
aria-label="dmethvin"
|
|
classes={
|
|
Object {
|
|
"circle": "MuiAvatar-circle",
|
|
"colorDefault": "MuiAvatar-colorDefault",
|
|
"img": "MuiAvatar-img",
|
|
"root": "MuiAvatar-root",
|
|
"rounded": "MuiAvatar-rounded",
|
|
"square": "MuiAvatar-square",
|
|
}
|
|
}
|
|
>
|
|
<div
|
|
aria-label="dmethvin"
|
|
className="MuiAvatar-root MuiAvatar-circle MuiAvatar-colorDefault"
|
|
/>
|
|
</ForwardRef(Avatar)>
|
|
</WithStyles(ForwardRef(Avatar))>
|
|
</ForwardRef(Avatar)>
|
|
</a>
|
|
<ForwardRef(Popper)
|
|
anchorEl={
|
|
<a
|
|
class=""
|
|
href="mailto:dave.methvin@gmail.com?subject=undefined@1.0.0"
|
|
target="_top"
|
|
title="dmethvin"
|
|
>
|
|
<div
|
|
aria-label="dmethvin"
|
|
class="MuiAvatar-root MuiAvatar-circle MuiAvatar-colorDefault"
|
|
/>
|
|
</a>
|
|
}
|
|
className="MuiTooltip-popper"
|
|
id={null}
|
|
open={false}
|
|
placement="bottom"
|
|
transition={true}
|
|
/>
|
|
</ForwardRef(Tooltip)>
|
|
</WithStyles(ForwardRef(Tooltip))>
|
|
</ForwardRef(ToolTip)>
|
|
</AvatarTooltip>
|
|
</span>
|
|
</Details>
|
|
<Details
|
|
key="m.goleb@gmail.com"
|
|
>
|
|
<span
|
|
className="emotion-8 emotion-9"
|
|
>
|
|
<AvatarTooltip
|
|
email="m.goleb@gmail.com"
|
|
name="mgol"
|
|
version="1.0.0"
|
|
>
|
|
<ForwardRef(ToolTip)
|
|
title="mgol"
|
|
>
|
|
<WithStyles(ForwardRef(Tooltip))
|
|
innerRef={null}
|
|
title="mgol"
|
|
>
|
|
<ForwardRef(Tooltip)
|
|
classes={
|
|
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",
|
|
}
|
|
}
|
|
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"
|
|
title="mgol"
|
|
>
|
|
<ForwardRef(Avatar)
|
|
aria-label="mgol"
|
|
>
|
|
<WithStyles(ForwardRef(Avatar))
|
|
aria-label="mgol"
|
|
>
|
|
<ForwardRef(Avatar)
|
|
aria-label="mgol"
|
|
classes={
|
|
Object {
|
|
"circle": "MuiAvatar-circle",
|
|
"colorDefault": "MuiAvatar-colorDefault",
|
|
"img": "MuiAvatar-img",
|
|
"root": "MuiAvatar-root",
|
|
"rounded": "MuiAvatar-rounded",
|
|
"square": "MuiAvatar-square",
|
|
}
|
|
}
|
|
>
|
|
<div
|
|
aria-label="mgol"
|
|
className="MuiAvatar-root MuiAvatar-circle MuiAvatar-colorDefault"
|
|
/>
|
|
</ForwardRef(Avatar)>
|
|
</WithStyles(ForwardRef(Avatar))>
|
|
</ForwardRef(Avatar)>
|
|
</a>
|
|
<ForwardRef(Popper)
|
|
anchorEl={
|
|
<a
|
|
class=""
|
|
href="mailto:m.goleb@gmail.com?subject=undefined@1.0.0"
|
|
target="_top"
|
|
title="mgol"
|
|
>
|
|
<div
|
|
aria-label="mgol"
|
|
class="MuiAvatar-root MuiAvatar-circle MuiAvatar-colorDefault"
|
|
/>
|
|
</a>
|
|
}
|
|
className="MuiTooltip-popper"
|
|
id={null}
|
|
open={false}
|
|
placement="bottom"
|
|
transition={true}
|
|
/>
|
|
</ForwardRef(Tooltip)>
|
|
</WithStyles(ForwardRef(Tooltip))>
|
|
</ForwardRef(ToolTip)>
|
|
</AvatarTooltip>
|
|
</span>
|
|
</Details>
|
|
</div>
|
|
</Content>
|
|
</Developers>
|
|
`;
|
|
|
|
exports[`test Developers should render the component with no items 1`] = `
|
|
<Developers
|
|
type="maintainers"
|
|
/>
|
|
`;
|