decentraland-ui2 0.29.1 → 0.29.2-18384531726.commit-f389bac
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/AvatarFace/AvatarFace.styled.js +18 -14
- package/dist/components/AvatarFace/AvatarFace.styled.js.map +1 -1
- package/dist/components/AvatarFace/AvatarFace.types.d.ts +3 -2
- package/dist/components/Blockie/Blockie.js +2 -2
- package/dist/components/Blockie/Blockie.js.map +1 -1
- package/dist/components/Blockie/Blockie.stories.d.ts +2 -1
- package/dist/components/Blockie/Blockie.stories.js +13 -1
- package/dist/components/Blockie/Blockie.stories.js.map +1 -1
- package/dist/components/Blockie/Blockie.styled.d.ts +1 -0
- package/dist/components/Blockie/Blockie.styled.js +2 -1
- package/dist/components/Blockie/Blockie.styled.js.map +1 -1
- package/dist/components/Blockie/Blockie.types.d.ts +1 -0
- package/dist/components/Logo/Logo.d.ts +2 -2
- package/dist/components/Logo/Logo.js.map +1 -1
- package/dist/components/Logo/Logo.styled.d.ts +4 -0
- package/dist/components/Logo/Logo.styled.js +11 -3
- package/dist/components/Logo/Logo.styled.js.map +1 -1
- package/dist/components/Logo/Logo.types.d.ts +4 -0
- package/dist/components/Logo/Logo.types.js +2 -0
- package/dist/components/Logo/Logo.types.js.map +1 -0
- package/dist/components/Profile/Profile.d.ts +4 -0
- package/dist/components/Profile/Profile.i18n.d.ts +3 -0
- package/dist/components/Profile/Profile.i18n.js +5 -0
- package/dist/components/Profile/Profile.i18n.js.map +1 -0
- package/dist/components/Profile/Profile.js +31 -0
- package/dist/components/Profile/Profile.js.map +1 -0
- package/dist/components/Profile/Profile.stories.d.ts +23 -0
- package/dist/components/Profile/Profile.stories.js +145 -0
- package/dist/components/Profile/Profile.stories.js.map +1 -0
- package/dist/components/Profile/Profile.stories.styled.d.ts +13 -0
- package/dist/components/Profile/Profile.stories.styled.js +23 -0
- package/dist/components/Profile/Profile.stories.styled.js.map +1 -0
- package/dist/components/Profile/Profile.styled.d.ts +10 -0
- package/dist/components/Profile/Profile.styled.js +15 -0
- package/dist/components/Profile/Profile.styled.js.map +1 -0
- package/dist/components/Profile/Profile.types.d.ts +23 -0
- package/dist/components/Profile/Profile.types.js +2 -0
- package/dist/components/Profile/Profile.types.js.map +1 -0
- package/dist/components/Profile/ProfileImage.d.ts +4 -0
- package/dist/components/Profile/ProfileImage.js +32 -0
- package/dist/components/Profile/ProfileImage.js.map +1 -0
- package/dist/components/Profile/index.d.ts +2 -0
- package/dist/components/Profile/index.js +3 -0
- package/dist/components/Profile/index.js.map +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
@@ -15,35 +15,39 @@ const AvatarContainer = styled("div", {
|
|
15
15
|
const Avatar = styled(AvatarMui)((props) => {
|
16
16
|
const { size, theme } = props;
|
17
17
|
const dimensions = {
|
18
|
-
width:
|
19
|
-
height:
|
18
|
+
width: theme.spacing(4),
|
19
|
+
height: theme.spacing(4),
|
20
20
|
};
|
21
21
|
if (size === "tiny") {
|
22
|
-
dimensions.width =
|
23
|
-
dimensions.height =
|
22
|
+
dimensions.width = theme.spacing(2.5);
|
23
|
+
dimensions.height = theme.spacing(2.5);
|
24
24
|
}
|
25
25
|
else if (size === "small") {
|
26
|
-
dimensions.width =
|
27
|
-
dimensions.height =
|
26
|
+
dimensions.width = theme.spacing(4);
|
27
|
+
dimensions.height = theme.spacing(4);
|
28
28
|
}
|
29
29
|
else if (size === "medium") {
|
30
|
-
dimensions.width =
|
31
|
-
dimensions.height =
|
30
|
+
dimensions.width = theme.spacing(6);
|
31
|
+
dimensions.height = theme.spacing(6);
|
32
32
|
}
|
33
33
|
else if (size === "large") {
|
34
|
-
dimensions.width =
|
35
|
-
dimensions.height =
|
34
|
+
dimensions.width = theme.spacing(13.5);
|
35
|
+
dimensions.height = theme.spacing(13.5);
|
36
|
+
}
|
37
|
+
else if (size === "massive") {
|
38
|
+
dimensions.width = theme.spacing(22.5);
|
39
|
+
dimensions.height = theme.spacing(22.5);
|
36
40
|
}
|
37
41
|
else if (size === "responsive") {
|
38
|
-
dimensions.width =
|
39
|
-
dimensions.height =
|
42
|
+
dimensions.width = theme.spacing(11.625); // TODO: check this sizing
|
43
|
+
dimensions.height = theme.spacing(11.625);
|
40
44
|
}
|
41
45
|
return {
|
42
46
|
backgroundColor: theme.palette.secondary.light,
|
43
47
|
...dimensions,
|
44
48
|
"@media (min-width: 1200px)": size === "responsive" && {
|
45
|
-
width:
|
46
|
-
height:
|
49
|
+
width: theme.spacing(21.25),
|
50
|
+
height: theme.spacing(21.25),
|
47
51
|
},
|
48
52
|
};
|
49
53
|
});
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"AvatarFace.styled.js","sourceRoot":"","sources":["../../../src/components/AvatarFace/AvatarFace.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,eAAe,CAAA;AAGnD,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,EAAE;IACpC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,QAAQ;CAC/C,CAAC,CAAkC,CAAC,KAAK,EAAE,EAAE;IAC5C,OAAO;QACL,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM;QAC9C,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,aAAa,EAAE,QAAQ;KACxB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,CAAgC,CAAC,KAAK,EAAE,EAAE;IACxE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IAC7B,MAAM,UAAU,GAAG;QACjB,KAAK,EAAE,
|
1
|
+
{"version":3,"file":"AvatarFace.styled.js","sourceRoot":"","sources":["../../../src/components/AvatarFace/AvatarFace.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,eAAe,CAAA;AAGnD,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,EAAE;IACpC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,QAAQ;CAC/C,CAAC,CAAkC,CAAC,KAAK,EAAE,EAAE;IAC5C,OAAO;QACL,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM;QAC9C,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,aAAa,EAAE,QAAQ;KACxB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,CAAgC,CAAC,KAAK,EAAE,EAAE;IACxE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IAC7B,MAAM,UAAU,GAAG;QACjB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACvB,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KACzB,CAAA;IAED,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;QACpB,UAAU,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;QACrC,UAAU,CAAC,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;IACxC,CAAC;SAAM,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;QAC5B,UAAU,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;QACnC,UAAU,CAAC,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;IACtC,CAAC;SAAM,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC7B,UAAU,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;QACnC,UAAU,CAAC,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;IACtC,CAAC;SAAM,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;QAC5B,UAAU,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;QACtC,UAAU,CAAC,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;IACzC,CAAC;SAAM,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QAC9B,UAAU,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;QACtC,UAAU,CAAC,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;IACzC,CAAC;SAAM,IAAI,IAAI,KAAK,YAAY,EAAE,CAAC;QACjC,UAAU,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA,CAAC,0BAA0B;QACnE,UAAU,CAAC,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA;IAC3C,CAAC;IAED,OAAO;QACL,eAAe,EAAE,KAAM,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK;QAC/C,GAAG,UAAU;QACb,4BAA4B,EAAE,IAAI,KAAK,YAAY,IAAI;YACrD,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;YAC3B,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;SAC7B;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,CAAA"}
|
@@ -1,7 +1,8 @@
|
|
1
1
|
import { Avatar } from "@dcl/schemas";
|
2
|
+
type AvatarFaceSize = "tiny" | "small" | "medium" | "large" | "massive" | "responsive";
|
2
3
|
type AvatarFaceProps = {
|
3
4
|
avatar?: Avatar;
|
4
|
-
size?:
|
5
|
+
size?: AvatarFaceSize;
|
5
6
|
inline?: boolean;
|
6
7
|
};
|
7
|
-
export type { AvatarFaceProps };
|
8
|
+
export type { AvatarFaceProps, AvatarFaceSize };
|
@@ -4,7 +4,7 @@ import Box from "@mui/material/Box";
|
|
4
4
|
import * as blockies from "ethereum-blockies/blockies";
|
5
5
|
import { StyledBlockieChildrenWrapper, StyledCanvas } from "./Blockie.styled";
|
6
6
|
const Blockie = React.memo((props) => {
|
7
|
-
const { seed, color = "#e449c2", spotcolor = "#e449c2", bgcolor = "#3149de", size = 6, scale = 6, children, } = props;
|
7
|
+
const { seed, color = "#e449c2", spotcolor = "#e449c2", bgcolor = "#3149de", size = 6, scale = 6, children, rounded = false, } = props;
|
8
8
|
const canvasRef = useRef(null);
|
9
9
|
const getOpts = useCallback(() => ({
|
10
10
|
seed: seed ? seed.toLowerCase() : "",
|
@@ -26,7 +26,7 @@ const Blockie = React.memo((props) => {
|
|
26
26
|
useEffect(() => {
|
27
27
|
draw();
|
28
28
|
}, [draw]);
|
29
|
-
const canvas = _jsx(StyledCanvas, { scale: scale, size: size, ref: canvasRef });
|
29
|
+
const canvas = (_jsx(StyledCanvas, { scale: scale, size: size, ref: canvasRef, rounded: rounded }));
|
30
30
|
return children ? (_jsxs(Box, { component: "span", children: [canvas, _jsx(StyledBlockieChildrenWrapper, { component: "span", children: children })] })) : (canvas);
|
31
31
|
});
|
32
32
|
export { Blockie };
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Blockie.js","sourceRoot":"","sources":["../../../src/components/Blockie/Blockie.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC7D,OAAO,GAAG,MAAM,mBAAmB,CAAA;AACnC,OAAO,KAAK,QAAQ,MAAM,4BAA4B,CAAA;AAEtD,OAAO,EAAE,4BAA4B,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAE7E,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,KAAmB,EAAE,EAAE;IACjD,MAAM,EACJ,IAAI,EACJ,KAAK,GAAG,SAAS,EACjB,SAAS,GAAG,SAAS,EACrB,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,CAAC,EACR,KAAK,GAAG,CAAC,EACT,QAAQ,
|
1
|
+
{"version":3,"file":"Blockie.js","sourceRoot":"","sources":["../../../src/components/Blockie/Blockie.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC7D,OAAO,GAAG,MAAM,mBAAmB,CAAA;AACnC,OAAO,KAAK,QAAQ,MAAM,4BAA4B,CAAA;AAEtD,OAAO,EAAE,4BAA4B,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAE7E,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,KAAmB,EAAE,EAAE;IACjD,MAAM,EACJ,IAAI,EACJ,KAAK,GAAG,SAAS,EACjB,SAAS,GAAG,SAAS,EACrB,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,CAAC,EACR,KAAK,GAAG,CAAC,EACT,QAAQ,EACR,OAAO,GAAG,KAAK,GAChB,GAAG,KAAK,CAAA;IACT,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAA;IAEjD,MAAM,OAAO,GAAG,WAAW,CACzB,GAAmC,EAAE,CAAC,CAAC;QACrC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE;QACpC,KAAK;QACL,SAAS;QACT,OAAO;QACP,IAAI;QACJ,KAAK;KACN,CAAC,EACF,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,CAC/C,CAAA;IAED,MAAM,IAAI,GAAG,WAAW,CAAC,GAAS,EAAE;QAClC,IAAI,CAAC,SAAS,IAAI,CAAC,SAAS,CAAC,OAAO;YAAE,OAAM;QAE5C,MAAM,GAAG,GAAG,SAAS,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA;QAC9C,IAAI,GAAG,EAAE,CAAC;YACR,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,GAAG,KAAK,EAAE,IAAI,GAAG,KAAK,CAAC,CAAA;YAC/C,QAAQ,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,SAAS,CAAC,OAAO,CAAC,CAAA;QAC/C,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAA;IAE1B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,EAAE,CAAA;IACR,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,MAAM,MAAM,GAAG,CACb,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,GAAI,CAC7E,CAAA;IAED,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,MAAC,GAAG,IAAC,SAAS,EAAC,MAAM,aAClB,MAAM,EACP,KAAC,4BAA4B,IAAC,SAAS,EAAC,MAAM,YAC3C,QAAQ,GACoB,IAC3B,CACP,CAAC,CAAC,CAAC,CACF,MAAM,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,OAAO,EAAE,CAAA"}
|
@@ -3,7 +3,8 @@ import type { Meta, StoryObj } from "@storybook/react";
|
|
3
3
|
declare const meta: Meta<BlockieProps>;
|
4
4
|
type Story = StoryObj<BlockieProps>;
|
5
5
|
declare const Single: Story;
|
6
|
+
declare const Rounded: Story;
|
6
7
|
declare const Scales: Story;
|
7
8
|
declare const InAParagraph: Story;
|
8
9
|
export default meta;
|
9
|
-
export { Single, Scales, InAParagraph };
|
10
|
+
export { Single, Rounded, Scales, InAParagraph };
|
@@ -32,6 +32,11 @@ const meta = {
|
|
32
32
|
description: "width/height of each block in pixels",
|
33
33
|
defaultValue: 6,
|
34
34
|
},
|
35
|
+
rounded: {
|
36
|
+
description: "Whether the blockie should be rounded",
|
37
|
+
control: "boolean",
|
38
|
+
defaultValue: false,
|
39
|
+
},
|
35
40
|
},
|
36
41
|
render: (args) => _jsx(Blockie, { ...args }),
|
37
42
|
};
|
@@ -41,6 +46,13 @@ const Single = {
|
|
41
46
|
seed: address,
|
42
47
|
},
|
43
48
|
};
|
49
|
+
const Rounded = {
|
50
|
+
name: "Rounded",
|
51
|
+
args: {
|
52
|
+
seed: address,
|
53
|
+
rounded: true,
|
54
|
+
},
|
55
|
+
};
|
44
56
|
const Scales = {
|
45
57
|
name: "Scales",
|
46
58
|
render: () => (_jsxs(_Fragment, { children: [_jsx(Blockie, { seed: address, scale: 2 }), _jsx(Blockie, { seed: address, scale: 3 }), _jsx(Blockie, { seed: address, scale: 5 }), _jsx(Blockie, { seed: address, scale: 8 }), _jsx(Blockie, { seed: address, scale: 13 }), _jsx(Blockie, { seed: address, scale: 21 })] })),
|
@@ -51,5 +63,5 @@ const InAParagraph = {
|
|
51
63
|
};
|
52
64
|
// eslint-disable-next-line import/no-default-export
|
53
65
|
export default meta;
|
54
|
-
export { Single, Scales, InAParagraph };
|
66
|
+
export { Single, Rounded, Scales, InAParagraph };
|
55
67
|
//# sourceMappingURL=Blockie.stories.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Blockie.stories.js","sourceRoot":"","sources":["../../../src/components/Blockie/Blockie.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAI9B,MAAM,OAAO,GAAG,4CAA4C,CAAA;AAE5D,MAAM,IAAI,GAAuB;IAC/B,SAAS,EAAE,OAAO;IAClB,KAAK,EAAE,yBAAyB;IAChC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,WAAW,EAAE,iCAAiC;SAC/C;QACD,KAAK,EAAE;YACL,WAAW,EAAE,YAAY;YACzB,YAAY,EAAE,SAAS;SACxB;QACD,SAAS,EAAE;YACT,WAAW,EACT,+DAA+D;YACjE,YAAY,EAAE,SAAS;SACxB;QACD,OAAO,EAAE;YACP,WAAW,EAAE,kBAAkB;YAC/B,YAAY,EAAE,SAAS;SACxB;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,oCAAoC;YACjD,YAAY,EAAE,CAAC;SAChB;QACD,KAAK,EAAE;YACL,WAAW,EAAE,sCAAsC;YACnD,YAAY,EAAE,CAAC;SAChB;KACF;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,OAAO,OAAK,IAAI,GAAI;CACxC,CAAA;AAID,MAAM,MAAM,GAAU;IACpB,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO;KACd;CACF,CAAA;AAED,MAAM,MAAM,GAAU;IACpB,IAAI,EAAE,QAAQ;IACd,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,8BACE,KAAC,OAAO,IAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,GAAI,EACpC,KAAC,OAAO,IAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,GAAI,EACpC,KAAC,OAAO,IAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,GAAI,EACpC,KAAC,OAAO,IAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,GAAI,EACpC,KAAC,OAAO,IAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,GAAI,EACrC,KAAC,OAAO,IAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,GAAI,IACpC,CACJ;CACF,CAAA;AAED,MAAM,YAAY,GAAU;IAC1B,IAAI,EAAE,gBAAgB;IACtB,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,GAAG,wCACmB,KAAC,IAAI,IAAC,MAAM,4BAAa,SAAI,GAAG,EACrD,KAAC,OAAO,IAAC,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,YAC9B,KAAC,OAAO,IAAC,KAAK,EAAE,OAAO,EAAE,MAAM,SAAG,GAC1B,SAEN,CACP;CACF,CAAA;AAED,oDAAoD;AACpD,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,CAAA"}
|
1
|
+
{"version":3,"file":"Blockie.stories.js","sourceRoot":"","sources":["../../../src/components/Blockie/Blockie.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAI9B,MAAM,OAAO,GAAG,4CAA4C,CAAA;AAE5D,MAAM,IAAI,GAAuB;IAC/B,SAAS,EAAE,OAAO;IAClB,KAAK,EAAE,yBAAyB;IAChC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,WAAW,EAAE,iCAAiC;SAC/C;QACD,KAAK,EAAE;YACL,WAAW,EAAE,YAAY;YACzB,YAAY,EAAE,SAAS;SACxB;QACD,SAAS,EAAE;YACT,WAAW,EACT,+DAA+D;YACjE,YAAY,EAAE,SAAS;SACxB;QACD,OAAO,EAAE;YACP,WAAW,EAAE,kBAAkB;YAC/B,YAAY,EAAE,SAAS;SACxB;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,oCAAoC;YACjD,YAAY,EAAE,CAAC;SAChB;QACD,KAAK,EAAE;YACL,WAAW,EAAE,sCAAsC;YACnD,YAAY,EAAE,CAAC;SAChB;QACD,OAAO,EAAE;YACP,WAAW,EAAE,uCAAuC;YACpD,OAAO,EAAE,SAAS;YAClB,YAAY,EAAE,KAAK;SACpB;KACF;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,OAAO,OAAK,IAAI,GAAI;CACxC,CAAA;AAID,MAAM,MAAM,GAAU;IACpB,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO;KACd;CACF,CAAA;AAED,MAAM,OAAO,GAAU;IACrB,IAAI,EAAE,SAAS;IACf,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO;QACb,OAAO,EAAE,IAAI;KACd;CACF,CAAA;AAED,MAAM,MAAM,GAAU;IACpB,IAAI,EAAE,QAAQ;IACd,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,8BACE,KAAC,OAAO,IAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,GAAI,EACpC,KAAC,OAAO,IAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,GAAI,EACpC,KAAC,OAAO,IAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,GAAI,EACpC,KAAC,OAAO,IAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,GAAI,EACpC,KAAC,OAAO,IAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,GAAI,EACrC,KAAC,OAAO,IAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,GAAI,IACpC,CACJ;CACF,CAAA;AAED,MAAM,YAAY,GAAU;IAC1B,IAAI,EAAE,gBAAgB;IACtB,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,GAAG,wCACmB,KAAC,IAAI,IAAC,MAAM,4BAAa,SAAI,GAAG,EACrD,KAAC,OAAO,IAAC,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,YAC9B,KAAC,OAAO,IAAC,KAAK,EAAE,OAAO,EAAE,MAAM,SAAG,GAC1B,SAEN,CACP;CACF,CAAA;AAED,oDAAoD;AACpD,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,CAAA"}
|
@@ -4,6 +4,7 @@ declare const StyledCanvas: import("@emotion/styled").StyledComponent<{
|
|
4
4
|
} & {
|
5
5
|
scale: number;
|
6
6
|
size: number;
|
7
|
+
rounded: boolean;
|
7
8
|
}, import("react").DetailedHTMLProps<import("react").CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement>, {}>;
|
8
9
|
declare const StyledBlockieChildrenWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
9
10
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import styled from "@emotion/styled";
|
2
2
|
import { Box } from "@mui/material";
|
3
3
|
const StyledCanvas = styled("canvas")((props) => {
|
4
|
-
const { scale, size } = props;
|
4
|
+
const { scale, size, rounded } = props;
|
5
5
|
return {
|
6
6
|
borderRadius: 6,
|
7
7
|
verticalAlign: "text-bottom",
|
@@ -10,6 +10,7 @@ const StyledCanvas = styled("canvas")((props) => {
|
|
10
10
|
...(scale * size <= 16 && { borderRadius: 1.5 }),
|
11
11
|
...(scale * size <= 24 && { borderRadius: 3 }),
|
12
12
|
...(scale * size <= 36 && { borderRadius: 4 }),
|
13
|
+
...(rounded && { borderRadius: "50%" }),
|
13
14
|
};
|
14
15
|
});
|
15
16
|
const StyledBlockieChildrenWrapper = styled(Box)({
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Blockie.styled.js","sourceRoot":"","sources":["../../../src/components/Blockie/Blockie.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AAEnC,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC,
|
1
|
+
{"version":3,"file":"Blockie.styled.js","sourceRoot":"","sources":["../../../src/components/Blockie/Blockie.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AAEnC,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC,CAIlC,CAAC,KAAK,EAAE,EAAE;IACX,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;IAEtC,OAAO;QACL,YAAY,EAAE,CAAC;QACf,aAAa,EAAE,aAAa;QAC5B,UAAU,EAAE,OAAO;QACnB,UAAU,EAAE,OAAO;QACnB,GAAG,CAAC,KAAK,GAAG,IAAI,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC;QAChD,GAAG,CAAC,KAAK,GAAG,IAAI,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,EAAE,CAAC;QAC9C,GAAG,CAAC,KAAK,GAAG,IAAI,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,EAAE,CAAC;QAC9C,GAAG,CAAC,OAAO,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC;KACxC,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,4BAA4B,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IAC/C,UAAU,EAAE,OAAO;CACpB,CAAC,CAAA;AAEF,OAAO,EAAE,4BAA4B,EAAE,YAAY,EAAE,CAAA"}
|
@@ -1,4 +1,4 @@
|
|
1
1
|
import React from "react";
|
2
|
-
import {
|
3
|
-
declare const Logo: React.MemoExoticComponent<(props:
|
2
|
+
import { LogoProps } from "./Logo.types";
|
3
|
+
declare const Logo: React.MemoExoticComponent<(props: LogoProps) => import("react/jsx-runtime").JSX.Element>;
|
4
4
|
export { Logo };
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Logo.js","sourceRoot":"","sources":["../../../src/components/Logo/Logo.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAE7C,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,
|
1
|
+
{"version":3,"file":"Logo.js","sourceRoot":"","sources":["../../../src/components/Logo/Logo.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAE7C,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,KAAgB,EAAE,EAAE;IAC3C,OAAO,CACL,KAAC,aAAa,OAAK,KAAK,YACtB,eACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,aAElC,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,sJAAsJ,EACxJ,IAAI,EAAC,6BAA6B,GAClC,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mGAAmG,EACrG,IAAI,EAAC,SAAS,GACd,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,wHAAwH,EAC1H,IAAI,EAAC,SAAS,GACd,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,iGAAiG,EACnG,IAAI,EAAC,SAAS,GACd,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mDAAmD,EACrD,IAAI,EAAC,6BAA6B,GAClC,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mDAAmD,EACrD,IAAI,EAAC,OAAO,GACZ,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qCAAqC,EACvC,IAAI,EAAC,6BAA6B,GAClC,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,uCAAuC,EACzC,IAAI,EAAC,OAAO,GACZ,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mNAAmN,EACrN,IAAI,EAAC,SAAS,GACd,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,iNAAiN,EACnN,IAAI,EAAC,SAAS,GACd,EACF,2BACE,0BACE,EAAE,EAAC,uBAAuB,EAC1B,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,UAAU,EACb,EAAE,EAAC,UAAU,EACb,EAAE,EAAC,IAAI,EACP,aAAa,EAAC,gBAAgB,aAE9B,eAAM,SAAS,EAAC,SAAS,GAAG,EAC5B,eAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,SAAS,GAAG,IACxB,EACjB,0BACE,EAAE,EAAC,uBAAuB,EAC1B,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,SAAS,EACZ,aAAa,EAAC,gBAAgB,aAE9B,eAAM,SAAS,EAAC,SAAS,GAAG,EAC5B,eAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,SAAS,GAAG,IACxB,EACjB,0BACE,EAAE,EAAC,uBAAuB,EAC1B,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,OAAO,EACV,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,IAAI,EACP,aAAa,EAAC,gBAAgB,aAE9B,eAAM,SAAS,EAAC,SAAS,GAAG,EAC5B,eAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,SAAS,GAAG,IACxB,IACZ,IACH,GACQ,CACjB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,IAAI,EAAE,CAAA"}
|
@@ -2,5 +2,9 @@ declare const LogoContainer: import("@emotion/styled").StyledComponent<import("@
|
|
2
2
|
ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
|
3
3
|
}, "color" | "fontSize" | "shapeRendering" | "className" | "style" | "classes" | "children" | "sx" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & {
|
4
4
|
theme?: import("@emotion/react").Theme;
|
5
|
+
} & {
|
6
|
+
component?: import("react").ElementType;
|
7
|
+
} & {
|
8
|
+
size?: "normal" | "large" | "huge" | "massive";
|
5
9
|
}, {}, {}>;
|
6
10
|
export { LogoContainer };
|
@@ -1,9 +1,17 @@
|
|
1
1
|
import styled from "@emotion/styled";
|
2
2
|
import { SvgIcon } from "@mui/material";
|
3
|
-
const
|
4
|
-
|
3
|
+
const dimensionsBySize = {
|
4
|
+
normal: 2.5,
|
5
|
+
large: 4,
|
6
|
+
huge: 6,
|
7
|
+
massive: 22.5,
|
8
|
+
};
|
9
|
+
const LogoContainer = styled(SvgIcon)(({ theme, size = "normal" }) => ({
|
10
|
+
width: theme.spacing(dimensionsBySize[size]),
|
11
|
+
height: theme.spacing(dimensionsBySize[size]),
|
12
|
+
fontSize: theme.spacing(4.5),
|
5
13
|
[theme.breakpoints.down("xs")]: {
|
6
|
-
fontSize:
|
14
|
+
fontSize: theme.spacing(4),
|
7
15
|
},
|
8
16
|
}));
|
9
17
|
export { LogoContainer };
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Logo.styled.js","sourceRoot":"","sources":["../../../src/components/Logo/Logo.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;
|
1
|
+
{"version":3,"file":"Logo.styled.js","sourceRoot":"","sources":["../../../src/components/Logo/Logo.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAGvC,MAAM,gBAAgB,GAAG;IACvB,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,CAAC;IACR,IAAI,EAAE,CAAC;IACP,OAAO,EAAE,IAAI;CACd,CAAA;AAED,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,CACnC,CAAC,EAAE,KAAK,EAAE,IAAI,GAAG,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC5C,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC7C,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;IAC5B,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;QAC9B,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC3B;CACF,CAAC,CACH,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Logo.types.js","sourceRoot":"","sources":["../../../src/components/Logo/Logo.types.ts"],"names":[],"mappings":""}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Profile.i18n.js","sourceRoot":"","sources":["../../../src/components/Profile/Profile.i18n.ts"],"names":[],"mappings":"AAEA,MAAM,IAAI,GAAG;IACX,YAAY,EAAE,cAAc;CACd,CAAA;AAEhB,OAAO,EAAE,IAAI,EAAE,CAAA"}
|
@@ -0,0 +1,31 @@
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
2
|
+
import React, { memo, useMemo } from "react";
|
3
|
+
import Tooltip from "@mui/material/Tooltip";
|
4
|
+
import { i18n as i18nProfile } from "./Profile.i18n";
|
5
|
+
import { ProfileImage } from "./ProfileImage";
|
6
|
+
import { Address } from "../Address";
|
7
|
+
import { ProfileContainer, ProfileName } from "./Profile.styled";
|
8
|
+
const Profile = memo((props) => {
|
9
|
+
const { address, avatar, textOnly, imageOnly, hasPopup, size = "normal", inline = true, sliceAddressBy = 6, shortenAddress = false, isDecentraland, as = React.Fragment, i18n = i18nProfile, ...rest } = props;
|
10
|
+
const sliceLimit = Math.max(Math.min(sliceAddressBy, 42), 6);
|
11
|
+
const hasAvatarName = avatar && avatar.name;
|
12
|
+
const shouldUseAddressComponent = !isDecentraland && !hasAvatarName;
|
13
|
+
const name = useMemo(() => {
|
14
|
+
if (isDecentraland) {
|
15
|
+
return i18n.decentraland;
|
16
|
+
}
|
17
|
+
if (!hasAvatarName) {
|
18
|
+
return shortenAddress ? address : address.slice(0, sliceLimit);
|
19
|
+
}
|
20
|
+
if (avatar.hasClaimedName) {
|
21
|
+
return avatar.name;
|
22
|
+
}
|
23
|
+
const lastPart = address ? `#${address.slice(-4)}` : "";
|
24
|
+
return avatar.name.endsWith(lastPart) ? avatar.name : avatar.name + lastPart;
|
25
|
+
}, [avatar, address, sliceLimit, shortenAddress, isDecentraland]);
|
26
|
+
const Wrapper = as;
|
27
|
+
const content = (_jsxs(ProfileContainer, { ...props, size: size, inline: inline, children: [textOnly ? null : (_jsx(Wrapper, { ...rest, children: _jsx(ProfileImage, { ...props }) })), imageOnly ? null : (_jsx(Wrapper, { ...rest, children: _jsx(ProfileName, { size: size, children: shouldUseAddressComponent ? (_jsx(Address, { value: name, shorten: shortenAddress })) : (name) }) }))] }));
|
28
|
+
return hasPopup ? (_jsx(Tooltip, { title: shouldUseAddressComponent ? address : name, placement: "top", arrow: true, children: content })) : (content);
|
29
|
+
});
|
30
|
+
export { Profile };
|
31
|
+
//# sourceMappingURL=Profile.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Profile.js","sourceRoot":"","sources":["../../../src/components/Profile/Profile.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC5C,OAAO,OAAO,MAAM,uBAAuB,CAAA;AAC3C,OAAO,EAAE,IAAI,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAEpC,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAEhE,MAAM,OAAO,GAAG,IAAI,CAAC,CAA8B,KAAsB,EAAE,EAAE;IAC3E,MAAM,EACJ,OAAO,EACP,MAAM,EACN,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,MAAM,GAAG,IAAI,EACb,cAAc,GAAG,CAAC,EAClB,cAAc,GAAG,KAAK,EACtB,cAAc,EACd,EAAE,GAAG,KAAK,CAAC,QAAQ,EACnB,IAAI,GAAG,WAAW,EAClB,GAAG,IAAI,EACR,GAAG,KAAK,CAAA;IAET,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,cAAc,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IAC5D,MAAM,aAAa,GAAG,MAAM,IAAI,MAAM,CAAC,IAAI,CAAA;IAC3C,MAAM,yBAAyB,GAAG,CAAC,cAAc,IAAI,CAAC,aAAa,CAAA;IACnE,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE;QACxB,IAAI,cAAc,EAAE,CAAC;YACnB,OAAO,IAAI,CAAC,YAAY,CAAA;QAC1B,CAAC;QAED,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,OAAO,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC,CAAA;QAChE,CAAC;QAED,IAAI,MAAM,CAAC,cAAc,EAAE,CAAC;YAC1B,OAAO,MAAM,CAAC,IAAI,CAAA;QACpB,CAAC;QAED,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;QACvD,OAAO,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAA;IAC9E,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,cAAc,CAAC,CAAC,CAAA;IAEjE,MAAM,OAAO,GAAG,EAAE,CAAA;IAElB,MAAM,OAAO,GAAG,CACd,MAAC,gBAAgB,OAAK,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,aACpD,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACjB,KAAC,OAAO,OAAK,IAAI,YACf,KAAC,YAAY,OAAK,KAAK,GAAI,GACnB,CACX,EACA,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAClB,KAAC,OAAO,OAAK,IAAI,YACf,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,YACpB,yBAAyB,CAAC,CAAC,CAAC,CAC3B,KAAC,OAAO,IAAC,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,cAAc,GAAI,CAClD,CAAC,CAAC,CAAC,CACF,IAAI,CACL,GACW,GACN,CACX,IACgB,CACpB,CAAA;IAED,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,KAAC,OAAO,IACN,KAAK,EAAE,yBAAyB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EACjD,SAAS,EAAC,KAAK,EACf,KAAK,kBAEJ,OAAO,GACA,CACX,CAAC,CAAC,CAAC,CACF,OAAO,CACR,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,OAAO,EAAE,CAAA"}
|
@@ -0,0 +1,23 @@
|
|
1
|
+
import React from "react";
|
2
|
+
import { ProfileProps } from "./Profile.types";
|
3
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
4
|
+
declare const meta: Meta<ProfileProps<React.ElementType>>;
|
5
|
+
type Story = StoryObj<ProfileProps<React.ElementType>>;
|
6
|
+
declare const NoAvatar: Story;
|
7
|
+
declare const ShortenedAddress: Story;
|
8
|
+
declare const Rounded: Story;
|
9
|
+
declare const WithAvatar: Story;
|
10
|
+
declare const AvatarWithoutName: Story;
|
11
|
+
declare const AvatarWithShortenedAddress: Story;
|
12
|
+
declare const AvatarUnclaimedName: Story;
|
13
|
+
declare const ImageOnly: Story;
|
14
|
+
declare const TextOnly: Story;
|
15
|
+
declare const WithPopup: Story;
|
16
|
+
declare const Inline: Story;
|
17
|
+
declare const Decentraland: Story;
|
18
|
+
declare const SlicedAddress: Story;
|
19
|
+
declare const Sizes: Story;
|
20
|
+
declare const LinkedAvatar: Story;
|
21
|
+
declare const LinkedBlockie: Story;
|
22
|
+
export default meta;
|
23
|
+
export { NoAvatar, ShortenedAddress, Rounded, WithAvatar, AvatarWithoutName, AvatarWithShortenedAddress, AvatarUnclaimedName, ImageOnly, TextOnly, WithPopup, Inline, Decentraland, SlicedAddress, Sizes, LinkedAvatar, LinkedBlockie, };
|
@@ -0,0 +1,145 @@
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
2
|
+
import { avatar } from "../../data/avatar";
|
3
|
+
import { Mana } from "../Mana/Mana";
|
4
|
+
import { ProfileList, ProfileSizeList, ProfileStoryContainer, } from "./Profile.stories.styled";
|
5
|
+
import { Profile } from "./";
|
6
|
+
const meta = {
|
7
|
+
// TODO: use T here?
|
8
|
+
component: Profile,
|
9
|
+
title: "Decentraland UI/Profile",
|
10
|
+
tags: ["autodocs"],
|
11
|
+
argTypes: {
|
12
|
+
size: {
|
13
|
+
description: "The size of the profile",
|
14
|
+
control: "select",
|
15
|
+
options: ["normal", "large", "huge", "massive"],
|
16
|
+
defaultValue: "normal",
|
17
|
+
},
|
18
|
+
address: {
|
19
|
+
description: "The address of the profile",
|
20
|
+
control: "text",
|
21
|
+
defaultValue: "0xdeadbeef",
|
22
|
+
},
|
23
|
+
avatar: {
|
24
|
+
description: "The avatar of the profile",
|
25
|
+
control: "object",
|
26
|
+
defaultValue: avatar,
|
27
|
+
},
|
28
|
+
shortenAddress: {
|
29
|
+
description: "Whether the address should be shortened",
|
30
|
+
control: "boolean",
|
31
|
+
defaultValue: false,
|
32
|
+
},
|
33
|
+
rounded: {
|
34
|
+
description: "Whether the profile image should be rounded",
|
35
|
+
control: "boolean",
|
36
|
+
defaultValue: false,
|
37
|
+
},
|
38
|
+
textOnly: {
|
39
|
+
description: "Whether the profile should be displayed as text only",
|
40
|
+
control: "boolean",
|
41
|
+
defaultValue: false,
|
42
|
+
},
|
43
|
+
imageOnly: {
|
44
|
+
description: "Whether the profile should be displayed as image only",
|
45
|
+
control: "boolean",
|
46
|
+
defaultValue: false,
|
47
|
+
},
|
48
|
+
hasPopup: {
|
49
|
+
description: "Whether the profile should have a popup",
|
50
|
+
control: "boolean",
|
51
|
+
defaultValue: false,
|
52
|
+
},
|
53
|
+
isDecentraland: {
|
54
|
+
description: "Whether the profile should be displayed as Decentraland",
|
55
|
+
control: "boolean",
|
56
|
+
defaultValue: false,
|
57
|
+
},
|
58
|
+
sliceAddressBy: {
|
59
|
+
description: "The number of characters to slice the address by (minimum 6, maximum 42)",
|
60
|
+
control: "number",
|
61
|
+
defaultValue: 6,
|
62
|
+
},
|
63
|
+
},
|
64
|
+
render: (args) => (_jsx(ProfileStoryContainer, { children: _jsx(Profile, { ...args }) })),
|
65
|
+
};
|
66
|
+
const NoAvatar = {
|
67
|
+
name: "No avatar",
|
68
|
+
args: { address: "0xdeadbeef" },
|
69
|
+
};
|
70
|
+
const ShortenedAddress = {
|
71
|
+
name: "Shortened address",
|
72
|
+
args: {
|
73
|
+
address: "0x89805E5f0698Cb4dB57f0E389f2a75259f78CCF6",
|
74
|
+
shortenAddress: true,
|
75
|
+
},
|
76
|
+
};
|
77
|
+
const Rounded = {
|
78
|
+
name: "Rounded",
|
79
|
+
args: { address: "0xdeadbeef", rounded: true },
|
80
|
+
};
|
81
|
+
const WithAvatar = {
|
82
|
+
name: "Avatar",
|
83
|
+
args: { address: "0xdeadbeef", avatar },
|
84
|
+
};
|
85
|
+
const AvatarWithoutName = {
|
86
|
+
name: "Avatar without name",
|
87
|
+
args: {
|
88
|
+
address: "0xdeadbeef",
|
89
|
+
avatar: { ...avatar, name: null },
|
90
|
+
},
|
91
|
+
};
|
92
|
+
const AvatarWithShortenedAddress = {
|
93
|
+
name: "Avatar with shortened address",
|
94
|
+
args: {
|
95
|
+
address: "0x89805E5f0698Cb4dB57f0E389f2a75259f78CCF6",
|
96
|
+
avatar: { ...avatar, name: null },
|
97
|
+
shortenAddress: true,
|
98
|
+
},
|
99
|
+
};
|
100
|
+
const AvatarUnclaimedName = {
|
101
|
+
name: "Avatar with an unclaimed name",
|
102
|
+
args: { address: "0xdeadbeef", avatar: { ...avatar, hasClaimedName: false } },
|
103
|
+
};
|
104
|
+
const ImageOnly = {
|
105
|
+
name: "Image only",
|
106
|
+
args: { address: "0xdeadbeef", avatar, imageOnly: true },
|
107
|
+
};
|
108
|
+
const TextOnly = {
|
109
|
+
name: "Text only",
|
110
|
+
args: { address: "0xdeadbeef", avatar, textOnly: true },
|
111
|
+
};
|
112
|
+
const WithPopup = {
|
113
|
+
name: "With popup",
|
114
|
+
args: { address: "0xdeadbeef", avatar, hasPopup: true },
|
115
|
+
};
|
116
|
+
const Inline = {
|
117
|
+
name: "Inline",
|
118
|
+
args: { address: "0xdeadbeef", avatar, inline: true },
|
119
|
+
render: (args) => (_jsxs(_Fragment, { children: ["You sent", " ", _jsx(Mana, { primary: true, inline: true, children: "1,000" }), " ", "to ", _jsx(Profile, { ...args })] })),
|
120
|
+
};
|
121
|
+
const Decentraland = {
|
122
|
+
name: "Decentraland",
|
123
|
+
args: { address: "0xdeadbeef", avatar, inline: true, isDecentraland: true },
|
124
|
+
render: (args) => (_jsxs(_Fragment, { children: ["You sent", " ", _jsx(Mana, { primary: true, inline: true, children: "1,000" }), " ", "to ", _jsx(Profile, { ...args })] })),
|
125
|
+
};
|
126
|
+
const SlicedAddress = {
|
127
|
+
name: "Sliced address",
|
128
|
+
render: () => (_jsx(ProfileStoryContainer, { children: _jsxs(ProfileList, { children: [_jsx(Profile, { address: "0x89805E5f0698Cb4dB57f0E389f2a75259f78CCF6", sliceAddressBy: 10 }), _jsx(Profile, { address: "0x89805E5f0698Cb4dB57f0E389f2a75259f78CCF6", sliceAddressBy: 20 }), _jsx(Profile, { address: "0x89805E5f0698Cb4dB57f0E389f2a75259f78CCF6", sliceAddressBy: 30 }), _jsx(Profile, { address: "0x89805E5f0698Cb4dB57f0E389f2a75259f78CCF6", sliceAddressBy: 40 })] }) })),
|
129
|
+
};
|
130
|
+
const Sizes = {
|
131
|
+
name: "Sizes",
|
132
|
+
render: () => (_jsx(ProfileStoryContainer, { children: _jsxs(ProfileSizeList, { children: [_jsx(Profile, { address: "0xdeadbeef", avatar: avatar, inline: false, size: "normal", imageOnly: true }), _jsx(Profile, { address: "0xdeadbeef", avatar: avatar, inline: false, size: "large", imageOnly: true }), _jsx(Profile, { address: "0xdeadbeef", avatar: avatar, inline: false, size: "huge", imageOnly: true }), _jsx(Profile, { address: "0xdeadbeef", avatar: avatar, inline: false, size: "massive", imageOnly: true }), _jsx(Profile, { address: "0xdeadbeef", avatar: avatar, inline: false, size: "normal", imageOnly: true, isDecentraland: true }), _jsx(Profile, { address: "0xdeadbeef", avatar: avatar, inline: false, size: "large", imageOnly: true, isDecentraland: true }), _jsx(Profile, { address: "0xdeadbeef", avatar: avatar, inline: false, size: "huge", imageOnly: true, isDecentraland: true }), _jsx(Profile, { address: "0xdeadbeef", avatar: avatar, inline: false, size: "massive", imageOnly: true, isDecentraland: true }), _jsx(Profile, { address: "0xdeadbeef", inline: false, size: "normal", imageOnly: true, rounded: true }), _jsx(Profile, { address: "0xdeadbeef", inline: false, size: "large", imageOnly: true, rounded: true }), _jsx(Profile, { address: "0xdeadbeef", inline: false, size: "huge", imageOnly: true, rounded: true }), _jsx(Profile, { address: "0xdeadbeef", inline: false, size: "massive", imageOnly: true, rounded: true })] }) })),
|
133
|
+
};
|
134
|
+
const LinkedAvatar = {
|
135
|
+
name: "Profile with avatar and content linked to another site",
|
136
|
+
render: () => (_jsx(ProfileStoryContainer, { children: _jsx(Profile, { address: "0x89805E5f0698Cb4dB57f0E389f2a75259f78CCF6", avatar: avatar, inline: true, as: "a", href: "https://decentraland.zone/marketplace/accounts/0x89805E5f0698Cb4dB57f0E389f2a75259f78CCF6", target: "_blank" }) })),
|
137
|
+
};
|
138
|
+
const LinkedBlockie = {
|
139
|
+
name: "Profile with blockie and content linked to another site",
|
140
|
+
render: () => (_jsx(ProfileStoryContainer, { children: _jsx(Profile, { address: "0x89805E5f0698Cb4dB57f0E389f2a75259f78CCF6", inline: true, as: "a", href: "https://decentraland.zone/marketplace/accounts/0x89805E5f0698Cb4dB57f0E389f2a75259f78CCF6", target: "_blank" }) })),
|
141
|
+
};
|
142
|
+
// eslint-disable-next-line import/no-default-export
|
143
|
+
export default meta;
|
144
|
+
export { NoAvatar, ShortenedAddress, Rounded, WithAvatar, AvatarWithoutName, AvatarWithShortenedAddress, AvatarUnclaimedName, ImageOnly, TextOnly, WithPopup, Inline, Decentraland, SlicedAddress, Sizes, LinkedAvatar, LinkedBlockie, };
|
145
|
+
//# sourceMappingURL=Profile.stories.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Profile.stories.js","sourceRoot":"","sources":["../../../src/components/Profile/Profile.stories.tsx"],"names":[],"mappings":"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"}
|
@@ -0,0 +1,13 @@
|
|
1
|
+
declare const ProfileStoryContainer: import("@emotion/styled").StyledComponent<{
|
2
|
+
theme?: import("@emotion/react").Theme;
|
3
|
+
as?: import("react").ElementType;
|
4
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
5
|
+
declare const ProfileList: import("@emotion/styled").StyledComponent<{
|
6
|
+
theme?: import("@emotion/react").Theme;
|
7
|
+
as?: import("react").ElementType;
|
8
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
9
|
+
declare const ProfileSizeList: import("@emotion/styled").StyledComponent<{
|
10
|
+
theme?: import("@emotion/react").Theme;
|
11
|
+
as?: import("react").ElementType;
|
12
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
13
|
+
export { ProfileStoryContainer, ProfileList, ProfileSizeList };
|
@@ -0,0 +1,23 @@
|
|
1
|
+
import styled from "@emotion/styled";
|
2
|
+
const ProfileStoryContainer = styled("div")(({ theme }) => ({
|
3
|
+
"& a, & a > span > span": {
|
4
|
+
display: "inline-flex",
|
5
|
+
gap: theme.spacing(0.5),
|
6
|
+
alignItems: "center",
|
7
|
+
verticalAlign: "top",
|
8
|
+
color: theme.palette.primary.main,
|
9
|
+
fontWeight: 500,
|
10
|
+
textDecoration: "none",
|
11
|
+
},
|
12
|
+
}));
|
13
|
+
const ProfileList = styled("div")({
|
14
|
+
display: "flex",
|
15
|
+
flexDirection: "column",
|
16
|
+
});
|
17
|
+
const ProfileSizeList = styled("div")({
|
18
|
+
display: "flex",
|
19
|
+
flexDirection: "row",
|
20
|
+
alignItems: "flex-end",
|
21
|
+
});
|
22
|
+
export { ProfileStoryContainer, ProfileList, ProfileSizeList };
|
23
|
+
//# sourceMappingURL=Profile.stories.styled.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Profile.stories.styled.js","sourceRoot":"","sources":["../../../src/components/Profile/Profile.stories.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AAEpC,MAAM,qBAAqB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1D,wBAAwB,EAAE;QACxB,OAAO,EAAE,aAAa;QACtB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QACvB,UAAU,EAAE,QAAQ;QACpB,aAAa,EAAE,KAAK;QACpB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;QACjC,UAAU,EAAE,GAAG;QACf,cAAc,EAAE,MAAM;KACvB;CACF,CAAC,CAAC,CAAA;AAEH,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAChC,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;CACxB,CAAC,CAAA;AAEF,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACpC,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;IACpB,UAAU,EAAE,UAAU;CACvB,CAAC,CAAA;AAEF,OAAO,EAAE,qBAAqB,EAAE,WAAW,EAAE,eAAe,EAAE,CAAA"}
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import { ProfileBaseProps } from "./Profile.types";
|
2
|
+
declare const ProfileContainer: import("@emotion/styled").StyledComponent<{
|
3
|
+
theme?: import("@emotion/react").Theme;
|
4
|
+
as?: import("react").ElementType;
|
5
|
+
} & ProfileBaseProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
6
|
+
declare const ProfileName: import("@emotion/styled").StyledComponent<{
|
7
|
+
theme?: import("@emotion/react").Theme;
|
8
|
+
as?: import("react").ElementType;
|
9
|
+
} & Pick<ProfileBaseProps, "size">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
10
|
+
export { ProfileContainer, ProfileName };
|
@@ -0,0 +1,15 @@
|
|
1
|
+
import styled from "@emotion/styled";
|
2
|
+
const ProfileContainer = styled("span")(({ theme, inline = true, size = "normal" }) => ({
|
3
|
+
display: inline ? "inline-flex" : "flex",
|
4
|
+
gap: size !== "normal" ? theme.spacing(1) : theme.spacing(0.5),
|
5
|
+
alignItems: "center",
|
6
|
+
verticalAlign: "top",
|
7
|
+
}));
|
8
|
+
const ProfileName = styled("span")(({ theme, size = "normal", }) => {
|
9
|
+
const font = size !== "normal" ? theme.typography.h6 : theme.typography.body1;
|
10
|
+
return {
|
11
|
+
...font,
|
12
|
+
};
|
13
|
+
});
|
14
|
+
export { ProfileContainer, ProfileName };
|
15
|
+
//# sourceMappingURL=Profile.styled.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Profile.styled.js","sourceRoot":"","sources":["../../../src/components/Profile/Profile.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAqB,MAAM,iBAAiB,CAAA;AAGnD,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,CACrC,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,EAAE,IAAI,GAAG,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9C,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM;IACxC,GAAG,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;IAC9D,UAAU,EAAE,QAAQ;IACpB,aAAa,EAAE,KAAK;CACrB,CAAC,CACH,CAAA;AAED,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,CAAiC,CAAC,EAClE,KAAK,EACL,IAAI,GAAG,QAAQ,GAChB,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAA;IAC7E,OAAO;QACL,GAAG,IAAI;KACK,CAAA;AAChB,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,CAAA"}
|
@@ -0,0 +1,23 @@
|
|
1
|
+
import React from "react";
|
2
|
+
import { Avatar } from "@dcl/schemas/dist/platform/profile/avatar";
|
3
|
+
type ProfileI18N = Record<"decentraland", string>;
|
4
|
+
type ProfileSize = "normal" | "large" | "huge" | "massive";
|
5
|
+
type ProfileBaseProps = {
|
6
|
+
address: string;
|
7
|
+
avatar?: Avatar | null;
|
8
|
+
textOnly?: boolean;
|
9
|
+
imageOnly?: boolean;
|
10
|
+
hasPopup?: boolean;
|
11
|
+
inline?: boolean;
|
12
|
+
sliceAddressBy?: number;
|
13
|
+
shortenAddress?: boolean;
|
14
|
+
rounded?: boolean;
|
15
|
+
size?: ProfileSize;
|
16
|
+
isDecentraland?: boolean;
|
17
|
+
i18n?: ProfileI18N;
|
18
|
+
};
|
19
|
+
type ProfileLogoProps = Pick<ProfileBaseProps, "isDecentraland" | "avatar" | "inline">;
|
20
|
+
type ProfileProps<T extends React.ElementType> = ProfileBaseProps & {
|
21
|
+
as?: T;
|
22
|
+
} & Omit<React.ComponentPropsWithoutRef<T>, keyof ProfileBaseProps | "as">;
|
23
|
+
export { ProfileProps, ProfileLogoProps, ProfileBaseProps, ProfileSize, ProfileI18N, };
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Profile.types.js","sourceRoot":"","sources":["../../../src/components/Profile/Profile.types.ts"],"names":[],"mappings":""}
|
@@ -0,0 +1,32 @@
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
+
import { memo, useMemo } from "react";
|
3
|
+
import { AvatarFace } from "../AvatarFace/AvatarFace";
|
4
|
+
import { Blockie } from "../Blockie/Blockie";
|
5
|
+
import { Logo } from "../Logo/Logo";
|
6
|
+
const avatarFaceSizeTranslator = {
|
7
|
+
normal: "tiny",
|
8
|
+
large: "small",
|
9
|
+
huge: "medium",
|
10
|
+
massive: "massive",
|
11
|
+
};
|
12
|
+
const blockieSizeTranslator = {
|
13
|
+
normal: 3,
|
14
|
+
large: 5,
|
15
|
+
huge: 8,
|
16
|
+
massive: 30,
|
17
|
+
};
|
18
|
+
const ProfileImage = memo((props) => {
|
19
|
+
// It's not a good practice to default inline to true, but maybe we should keep it for backwards compatibility
|
20
|
+
const { isDecentraland, avatar, inline = true, address, size = "normal", rounded = false, as, ...rest } = props;
|
21
|
+
const avatarFaceSize = useMemo(() => avatarFaceSizeTranslator[size], [size]);
|
22
|
+
const blockieSize = useMemo(() => blockieSizeTranslator[size], [size]);
|
23
|
+
if (isDecentraland) {
|
24
|
+
return _jsx(Logo, { size: size });
|
25
|
+
}
|
26
|
+
if (avatar) {
|
27
|
+
return (_jsx(AvatarFace, { size: avatarFaceSize, inline: inline, avatar: avatar }));
|
28
|
+
}
|
29
|
+
return (_jsx(Blockie, { seed: address, scale: blockieSize, rounded: rounded, as: as, ...rest }));
|
30
|
+
});
|
31
|
+
export { ProfileImage };
|
32
|
+
//# sourceMappingURL=ProfileImage.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"ProfileImage.js","sourceRoot":"","sources":["../../../src/components/Profile/ProfileImage.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE5C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAGnC,MAAM,wBAAwB,GAAwC;IACpE,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,MAAM,qBAAqB,GAAgC;IACzD,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,CAAC;IACR,IAAI,EAAE,CAAC;IACP,OAAO,EAAE,EAAE;CACZ,CAAA;AAED,MAAM,YAAY,GAAG,IAAI,CACvB,CAA8B,KAAsB,EAAE,EAAE;IACtD,8GAA8G;IAC9G,MAAM,EACJ,cAAc,EACd,MAAM,EACN,MAAM,GAAG,IAAI,EACb,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,KAAK,EACf,EAAE,EACF,GAAG,IAAI,EACR,GAAG,KAAK,CAAA;IAET,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAC5E,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEtE,IAAI,cAAc,EAAE,CAAC;QACnB,OAAO,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,GAAI,CAAA;IAC7B,CAAC;IAED,IAAI,MAAM,EAAE,CAAC;QACX,OAAO,CACL,KAAC,UAAU,IAAC,IAAI,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAI,CACrE,CAAA;IACH,CAAC;IAED,OAAO,CACL,KAAC,OAAO,IACN,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,EAAE,KACF,IAAI,GACR,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,CAAA"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Profile/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA"}
|
package/dist/index.d.ts
CHANGED
@@ -26,6 +26,7 @@ export * from "./components/Notifications";
|
|
26
26
|
export * from "./components/UserMenu";
|
27
27
|
export * from "./components/Banner";
|
28
28
|
export * from "./components/WearablePreview";
|
29
|
+
export * from "./components/Profile";
|
29
30
|
export * as dclNetworkUtils from "./lib/network";
|
30
31
|
export * from "./modules/jumpIn";
|
31
32
|
export * as dclTools from "./modules";
|
package/dist/index.js
CHANGED
@@ -27,6 +27,7 @@ export * from "./components/Notifications";
|
|
27
27
|
export * from "./components/UserMenu";
|
28
28
|
export * from "./components/Banner";
|
29
29
|
export * from "./components/WearablePreview";
|
30
|
+
export * from "./components/Profile";
|
30
31
|
export * as dclNetworkUtils from "./lib/network";
|
31
32
|
export * from "./modules/jumpIn";
|
32
33
|
export * as dclTools from "./modules";
|
package/dist/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,KAAK,YAAY,MAAM,gBAAgB,CAAA;AAC9C,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAA;AAE/C,gBAAgB;AAChB,OAAO,EACL,KAAK,IAAI,UAAU,EACnB,IAAI,IAAI,SAAS,EACjB,aAAa,IAAI,gBAAgB,GAClC,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,SAAS,MAAM,gBAAgB,CAAA;AAE3C,cAAc,eAAe,CAAA;AAC7B,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAA;AAC9D,cAAc,sBAAsB,CAAA;AACpC,OAAO,KAAK,eAAe,MAAM,iCAAiC,CAAA;AAClE,cAAc,yBAAyB,CAAA;AACvC,cAAc,sBAAsB,CAAA;AACpC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,mBAAmB,CAAA;AACjC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,qBAAqB,CAAA;AACnC,cAAc,wBAAwB,CAAA;AACtC,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,OAAO,KAAK,QAAQ,MAAM,oBAAoB,CAAA;AAC9C,cAAc,kCAAkC,CAAA;AAChD,cAAc,qBAAqB,CAAA;AACnC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,8BAA8B,CAAA;
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,KAAK,YAAY,MAAM,gBAAgB,CAAA;AAC9C,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAA;AAE/C,gBAAgB;AAChB,OAAO,EACL,KAAK,IAAI,UAAU,EACnB,IAAI,IAAI,SAAS,EACjB,aAAa,IAAI,gBAAgB,GAClC,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,SAAS,MAAM,gBAAgB,CAAA;AAE3C,cAAc,eAAe,CAAA;AAC7B,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAA;AAC9D,cAAc,sBAAsB,CAAA;AACpC,OAAO,KAAK,eAAe,MAAM,iCAAiC,CAAA;AAClE,cAAc,yBAAyB,CAAA;AACvC,cAAc,sBAAsB,CAAA;AACpC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,mBAAmB,CAAA;AACjC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,qBAAqB,CAAA;AACnC,cAAc,wBAAwB,CAAA;AACtC,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,OAAO,KAAK,QAAQ,MAAM,oBAAoB,CAAA;AAC9C,cAAc,kCAAkC,CAAA;AAChD,cAAc,qBAAqB,CAAA;AACnC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,sBAAsB,CAAA;AAEpC,OAAO,KAAK,eAAe,MAAM,eAAe,CAAA;AAEhD,cAAc,kBAAkB,CAAA;AAChC,OAAO,KAAK,QAAQ,MAAM,WAAW,CAAA"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "decentraland-ui2",
|
3
|
-
"version": "0.29.
|
3
|
+
"version": "0.29.2-18384531726.commit-f389bac",
|
4
4
|
"description": "Decentraland's UI components and styles",
|
5
5
|
"main": "dist/index.js",
|
6
6
|
"types": "dist/index.d.ts",
|
@@ -98,5 +98,5 @@
|
|
98
98
|
"files": [
|
99
99
|
"dist"
|
100
100
|
],
|
101
|
-
"commit": "
|
101
|
+
"commit": "f389baca911ec6e0e96c86b7f0e418d203c70553"
|
102
102
|
}
|