decentraland-ui2 0.22.1 → 0.23.0
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/Button/Button.d.ts +2 -0
- package/dist/components/Button/Button.js +14 -0
- package/dist/components/Button/Button.js.map +1 -0
- package/dist/components/Button/Button.stories.d.ts +51 -0
- package/dist/components/Button/Button.stories.js +157 -0
- package/dist/components/Button/Button.stories.js.map +1 -0
- package/dist/components/Button/Button.types.d.ts +9 -0
- package/dist/components/Button/Button.types.js +2 -0
- package/dist/components/Button/Button.types.js.map +1 -0
- package/dist/components/Button/index.d.ts +2 -0
- package/dist/components/Button/index.js +2 -0
- package/dist/components/Button/index.js.map +1 -0
- package/dist/components/DownloadButton/DownloadButton.js +3 -3
- package/dist/components/DownloadButton/DownloadButton.js.map +1 -1
- package/dist/components/DownloadButton/DownloadButton.styled.d.ts +1 -3
- package/dist/components/DownloadButton/DownloadButton.styled.js +2 -1
- package/dist/components/DownloadButton/DownloadButton.styled.js.map +1 -1
- package/dist/components/DownloadButton/DownloadButton.types.d.ts +1 -0
- package/dist/components/DownloadButton/DownloadButton.types.js.map +1 -1
- package/dist/components/UserMenu/UserMenu.js +2 -2
- package/dist/components/UserMenu/UserMenu.js.map +1 -1
- package/dist/components/UserMenu/UserMenu.types.d.ts +1 -0
- package/dist/components/UserMenu/UserMenu.types.js.map +1 -1
- package/package.json +2 -2
@@ -0,0 +1,14 @@
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
+
import { CircularProgress, Button as MuiButton } from "@mui/material";
|
3
|
+
const SPINNER_SIZES = {
|
4
|
+
small: 16,
|
5
|
+
medium: 20,
|
6
|
+
large: 24,
|
7
|
+
};
|
8
|
+
export const Button = ({ children, startIcon, endIcon, loading = false, loadingIcon, loadingPosition = "center", disabled = false, size = "medium", ...props }) => {
|
9
|
+
const defaultLoadingIcon = (_jsx(CircularProgress, { color: "inherit", size: SPINNER_SIZES[size] }));
|
10
|
+
const loadingElement = loadingIcon || defaultLoadingIcon;
|
11
|
+
const buttonChildren = loading && loadingPosition === "center" ? loadingElement : children;
|
12
|
+
return (_jsx(MuiButton, { disabled: disabled || loading, startIcon: loading && loadingPosition === "start" ? loadingElement : startIcon, endIcon: loading && loadingPosition === "end" ? loadingElement : endIcon, size: size, ...props, children: buttonChildren }));
|
13
|
+
};
|
14
|
+
//# sourceMappingURL=Button.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,eAAe,CAAA;AAGrE,MAAM,aAAa,GAAG;IACpB,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;CACD,CAAA;AAEV,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACrB,QAAQ,EACR,SAAS,EACT,OAAO,EACP,OAAO,GAAG,KAAK,EACf,WAAW,EACX,eAAe,GAAG,QAAQ,EAC1B,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,QAAQ,EACf,GAAG,KAAK,EACI,EAAE,EAAE;IAChB,MAAM,kBAAkB,GAAG,CACzB,KAAC,gBAAgB,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAE,aAAa,CAAC,IAAI,CAAC,GAAI,CAChE,CAAA;IAED,MAAM,cAAc,GAAG,WAAW,IAAI,kBAAkB,CAAA;IAExD,MAAM,cAAc,GAClB,OAAO,IAAI,eAAe,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAA;IAErE,OAAO,CACL,KAAC,SAAS,IACR,QAAQ,EAAE,QAAQ,IAAI,OAAO,EAC7B,SAAS,EACP,OAAO,IAAI,eAAe,KAAK,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,EAErE,OAAO,EAAE,OAAO,IAAI,eAAe,KAAK,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,OAAO,EACxE,IAAI,EAAE,IAAI,KACN,KAAK,YAER,cAAc,GACL,CACb,CAAA;AACH,CAAC,CAAA"}
|
@@ -0,0 +1,51 @@
|
|
1
|
+
import { ButtonProps } from "./Button.types";
|
2
|
+
import type { StoryObj } from "@storybook/react";
|
3
|
+
declare const meta: {
|
4
|
+
title: string;
|
5
|
+
component: ({ children, startIcon, endIcon, loading, loadingIcon, loadingPosition, disabled, size, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
|
6
|
+
tags: string[];
|
7
|
+
argTypes: {
|
8
|
+
variant: {
|
9
|
+
description: string;
|
10
|
+
control: string;
|
11
|
+
options: string[];
|
12
|
+
defaultValue: string;
|
13
|
+
};
|
14
|
+
loading: {
|
15
|
+
description: string;
|
16
|
+
control: string;
|
17
|
+
defaultValue: boolean;
|
18
|
+
};
|
19
|
+
disabled: {
|
20
|
+
description: string;
|
21
|
+
control: string;
|
22
|
+
defaultValue: boolean;
|
23
|
+
};
|
24
|
+
size: {
|
25
|
+
description: string;
|
26
|
+
control: string;
|
27
|
+
options: string[];
|
28
|
+
defaultValue: string;
|
29
|
+
};
|
30
|
+
color: {
|
31
|
+
description: string;
|
32
|
+
control: string;
|
33
|
+
options: string[];
|
34
|
+
defaultValue: string;
|
35
|
+
};
|
36
|
+
children: {
|
37
|
+
description: string;
|
38
|
+
control: string;
|
39
|
+
defaultValue: string;
|
40
|
+
};
|
41
|
+
};
|
42
|
+
};
|
43
|
+
type Story = StoryObj<ButtonProps>;
|
44
|
+
declare const Basic: Story;
|
45
|
+
declare const Variants: Story;
|
46
|
+
declare const Colors: Story;
|
47
|
+
declare const Sizes: Story;
|
48
|
+
declare const Loading: Story;
|
49
|
+
declare const Disabled: Story;
|
50
|
+
export default meta;
|
51
|
+
export { Basic, Variants, Colors, Sizes, Loading, Disabled };
|
@@ -0,0 +1,157 @@
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
2
|
+
import { Box } from "@mui/material";
|
3
|
+
import { Button } from "./Button";
|
4
|
+
const meta = {
|
5
|
+
title: "Components/Button",
|
6
|
+
component: Button,
|
7
|
+
tags: ["autodocs"],
|
8
|
+
argTypes: {
|
9
|
+
variant: {
|
10
|
+
description: "The variant to use",
|
11
|
+
control: "select",
|
12
|
+
options: ["text", "outlined", "contained"],
|
13
|
+
defaultValue: "contained",
|
14
|
+
},
|
15
|
+
loading: {
|
16
|
+
description: "If true, the loading indicator is shown",
|
17
|
+
control: "boolean",
|
18
|
+
defaultValue: false,
|
19
|
+
},
|
20
|
+
disabled: {
|
21
|
+
description: "If true, the button is disabled",
|
22
|
+
control: "boolean",
|
23
|
+
defaultValue: false,
|
24
|
+
},
|
25
|
+
size: {
|
26
|
+
description: "The size of the button",
|
27
|
+
control: "select",
|
28
|
+
options: ["small", "medium", "large"],
|
29
|
+
defaultValue: "medium",
|
30
|
+
},
|
31
|
+
color: {
|
32
|
+
description: "The color of the button",
|
33
|
+
control: "select",
|
34
|
+
options: ["primary", "secondary", "error", "info", "success", "warning"],
|
35
|
+
defaultValue: "primary",
|
36
|
+
},
|
37
|
+
children: {
|
38
|
+
description: "The content of the button",
|
39
|
+
control: "text",
|
40
|
+
defaultValue: "Button",
|
41
|
+
},
|
42
|
+
},
|
43
|
+
};
|
44
|
+
// Story definitions
|
45
|
+
const Basic = {
|
46
|
+
args: {
|
47
|
+
children: "Button",
|
48
|
+
variant: "contained",
|
49
|
+
},
|
50
|
+
parameters: {
|
51
|
+
docs: {
|
52
|
+
description: {
|
53
|
+
story: "Basic button with default settings",
|
54
|
+
},
|
55
|
+
source: {
|
56
|
+
code: `
|
57
|
+
<Button variant="contained">
|
58
|
+
Button
|
59
|
+
</Button>
|
60
|
+
`,
|
61
|
+
},
|
62
|
+
},
|
63
|
+
},
|
64
|
+
};
|
65
|
+
const Variants = {
|
66
|
+
render: () => (_jsxs(Box, { display: "flex", gap: 2, children: [_jsx(Button, { variant: "contained", children: "Contained" }), _jsx(Button, { variant: "outlined", children: "Outlined" }), _jsx(Button, { variant: "text", children: "Text" })] })),
|
67
|
+
parameters: {
|
68
|
+
docs: {
|
69
|
+
description: {
|
70
|
+
story: "The Button component comes with three variants: contained (default), outlined, and text.",
|
71
|
+
},
|
72
|
+
source: {
|
73
|
+
code: `
|
74
|
+
<Button variant="contained">Contained</Button>
|
75
|
+
<Button variant="outlined">Outlined</Button>
|
76
|
+
<Button variant="text">Text</Button>
|
77
|
+
`,
|
78
|
+
},
|
79
|
+
},
|
80
|
+
},
|
81
|
+
};
|
82
|
+
const Colors = {
|
83
|
+
render: () => (_jsxs(Box, { display: "flex", gap: 2, flexWrap: "wrap", children: [_jsx(Button, { color: "primary", children: "Primary" }), _jsx(Button, { color: "secondary", children: "Secondary" }), _jsx(Button, { color: "error", children: "Error" }), _jsx(Button, { color: "warning", children: "Warning" }), _jsx(Button, { color: "info", children: "Info" }), _jsx(Button, { color: "success", children: "Success" })] })),
|
84
|
+
parameters: {
|
85
|
+
docs: {
|
86
|
+
description: {
|
87
|
+
story: "The Button component supports different colors to indicate different purposes.",
|
88
|
+
},
|
89
|
+
source: {
|
90
|
+
code: `
|
91
|
+
<Button color="primary">Primary</Button>
|
92
|
+
<Button color="secondary">Secondary</Button>
|
93
|
+
<Button color="error">Error</Button>
|
94
|
+
<Button color="warning">Warning</Button>
|
95
|
+
<Button color="info">Info</Button>
|
96
|
+
<Button color="success">Success</Button>
|
97
|
+
`,
|
98
|
+
},
|
99
|
+
},
|
100
|
+
},
|
101
|
+
};
|
102
|
+
const Sizes = {
|
103
|
+
render: () => (_jsxs(Box, { display: "flex", gap: 2, alignItems: "center", children: [_jsx(Button, { size: "small", children: "Small" }), _jsx(Button, { size: "medium", children: "Medium" }), _jsx(Button, { size: "large", children: "Large" })] })),
|
104
|
+
parameters: {
|
105
|
+
docs: {
|
106
|
+
description: {
|
107
|
+
story: "The Button component comes in three sizes: small, medium (default), and large.",
|
108
|
+
},
|
109
|
+
source: {
|
110
|
+
code: `
|
111
|
+
<Button size="small">Small</Button>
|
112
|
+
<Button size="medium">Medium</Button>
|
113
|
+
<Button size="large">Large</Button>
|
114
|
+
`,
|
115
|
+
},
|
116
|
+
},
|
117
|
+
},
|
118
|
+
};
|
119
|
+
const Loading = {
|
120
|
+
render: () => (_jsxs(Box, { display: "flex", gap: 2, children: [_jsx(Button, { loading: true, variant: "contained", children: "Loading" }), _jsx(Button, { loading: true, variant: "outlined", children: "Loading" }), _jsx(Button, { loading: true, variant: "text", children: "Loading" })] })),
|
121
|
+
parameters: {
|
122
|
+
docs: {
|
123
|
+
description: {
|
124
|
+
story: "Buttons can show a loading state when processing an action.",
|
125
|
+
},
|
126
|
+
source: {
|
127
|
+
code: `
|
128
|
+
<Button loading variant="contained">Loading</Button>
|
129
|
+
<Button loading variant="outlined">Loading</Button>
|
130
|
+
<Button loading variant="text">Loading</Button>
|
131
|
+
`,
|
132
|
+
},
|
133
|
+
},
|
134
|
+
},
|
135
|
+
};
|
136
|
+
const Disabled = {
|
137
|
+
render: () => (_jsxs(Box, { display: "flex", gap: 2, children: [_jsx(Button, { disabled: true, variant: "contained", children: "Disabled" }), _jsx(Button, { disabled: true, variant: "outlined", children: "Disabled" }), _jsx(Button, { disabled: true, variant: "text", children: "Disabled" })] })),
|
138
|
+
parameters: {
|
139
|
+
docs: {
|
140
|
+
description: {
|
141
|
+
story: "Buttons can be disabled to indicate that they are not interactive.",
|
142
|
+
},
|
143
|
+
source: {
|
144
|
+
code: `
|
145
|
+
<Button disabled variant="contained">Disabled</Button>
|
146
|
+
<Button disabled variant="outlined">Disabled</Button>
|
147
|
+
<Button disabled variant="text">Disabled</Button>
|
148
|
+
`,
|
149
|
+
},
|
150
|
+
},
|
151
|
+
},
|
152
|
+
};
|
153
|
+
// We need to keep the default export for Storybook to work properly
|
154
|
+
// eslint-disable-next-line import/no-default-export
|
155
|
+
export default meta;
|
156
|
+
export { Basic, Variants, Colors, Sizes, Loading, Disabled };
|
157
|
+
//# sourceMappingURL=Button.stories.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":"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"}
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import { ReactNode } from "react";
|
2
|
+
import { ButtonProps as MuiButtonProps } from "@mui/material";
|
3
|
+
type LoadingPosition = "start" | "center" | "end";
|
4
|
+
interface ButtonProps extends Omit<MuiButtonProps, "loading"> {
|
5
|
+
loading?: boolean;
|
6
|
+
loadingIcon?: ReactNode;
|
7
|
+
loadingPosition?: LoadingPosition;
|
8
|
+
}
|
9
|
+
export type { ButtonProps, LoadingPosition };
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Button.types.js","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":""}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA"}
|
@@ -10,7 +10,7 @@ import { setUserAgentArchitectureDefaultByOs } from "../../modules/userAgent";
|
|
10
10
|
import { OperativeSystem, } from "./DownloadButton.types";
|
11
11
|
import { DownloadButtonAppleIcon, DownloadButtonLabelContainer, DownloadButtonStyled, DownloadButtonWindowsIcon, } from "./DownloadButton.styled";
|
12
12
|
const DownloadButton = React.memo((props) => {
|
13
|
-
const { onClick, label = "Download", trackingId, href, startIcon, endIcon, cdnLinks, onRedirect, } = props;
|
13
|
+
const { onClick, label = "Download", trackingId, href, startIcon, endIcon, loadingCdnLinks = false, cdnLinks, onRedirect, } = props;
|
14
14
|
const [isLoadingUserAgentData, userAgentData] = useAdvancedUserAgentData();
|
15
15
|
const windowSearchParams = typeof window !== "undefined"
|
16
16
|
? new URLSearchParams(window.location.search)
|
@@ -75,9 +75,9 @@ const DownloadButton = React.memo((props) => {
|
|
75
75
|
return null;
|
76
76
|
}
|
77
77
|
if (isLoadingUserAgentData || !defaultDownloadOption) {
|
78
|
-
return (_jsx(DownloadButtonStyled, { variant: "contained", href: href || config.get("DOWNLOAD_URL"), onClick: handleClick, startIcon: startIcon || _jsx(Download, {}), endIcon: endIcon, children: _jsx(DownloadButtonLabelContainer, { children: label }) }));
|
78
|
+
return (_jsx(DownloadButtonStyled, { variant: "contained", href: href || config.get("DOWNLOAD_URL"), onClick: handleClick, startIcon: startIcon || _jsx(Download, {}), endIcon: endIcon, loading: loadingCdnLinks, children: _jsx(DownloadButtonLabelContainer, { children: label }) }));
|
79
79
|
}
|
80
|
-
return (_jsx(DownloadButtonStyled, { variant: "contained", href: href || defaultDownloadOption.link, onClick: handleClick, startIcon: startIcon, endIcon: endIcon || defaultDownloadOption.icon, children: _jsx(DownloadButtonLabelContainer, { children: label }) }));
|
80
|
+
return (_jsx(DownloadButtonStyled, { variant: "contained", href: href || defaultDownloadOption.link, onClick: handleClick, startIcon: startIcon, endIcon: endIcon || defaultDownloadOption.icon, loading: loadingCdnLinks, children: _jsx(DownloadButtonLabelContainer, { children: label }) }));
|
81
81
|
});
|
82
82
|
export { DownloadButton };
|
83
83
|
//# sourceMappingURL=DownloadButton.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DownloadButton.js","sourceRoot":"","sources":["../../../src/components/DownloadButton/DownloadButton.tsx"],"names":[],"mappings":"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
|
1
|
+
{"version":3,"file":"DownloadButton.js","sourceRoot":"","sources":["../../../src/components/DownloadButton/DownloadButton.tsx"],"names":[],"mappings":"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"}
|
@@ -1,6 +1,4 @@
|
|
1
|
-
declare const DownloadButtonStyled: import("@emotion/styled").StyledComponent<import("
|
2
|
-
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
3
|
-
}, "disabled" | "color" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "tabIndex" | "disableElevation" | "fullWidth" | "startIcon" | "endIcon" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "href" | "size"> & {
|
1
|
+
declare const DownloadButtonStyled: import("@emotion/styled").StyledComponent<import("../Button").ButtonProps & {
|
4
2
|
theme?: import("@emotion/react").Theme;
|
5
3
|
}, {}, {}>;
|
6
4
|
declare const DownloadButtonLabelContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
@@ -1,5 +1,6 @@
|
|
1
1
|
import styled from "@emotion/styled";
|
2
|
-
import { Box
|
2
|
+
import { Box } from "@mui/material";
|
3
|
+
import { Button } from "../Button";
|
3
4
|
import { AppleIcon } from "../Icon/AppleIcon";
|
4
5
|
import { WindowsIcon } from "../Icon/WindowsIcon";
|
5
6
|
const DownloadButtonStyled = styled(Button)((props) => {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DownloadButton.styled.js","sourceRoot":"","sources":["../../../src/components/DownloadButton/DownloadButton.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,
|
1
|
+
{"version":3,"file":"DownloadButton.styled.js","sourceRoot":"","sources":["../../../src/components/DownloadButton/DownloadButton.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAEjD,MAAM,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE;IACpD,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IACvB,OAAO;QACL,mDAAmD,EAAE;YACnD,MAAM,EAAE,MAAM;YACd,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,GAAG;YACf,YAAY,EAAE,KAAK;YACnB,SAAS,EAAE,gCAAgC;YAC3C,UAAU,EAAE,MAAM;YAClB,qCAAqC,EAAE;gBACrC,UAAU,EAAE,KAAK;aAClB;SACF;QACD,mGAAmG,EACjG;YACE,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;YAC3C,KAAK,EAAE,OAAO;SACf;QACH,WAAW,EAAE;YACX,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC;YACN,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,CAAC;YACP,MAAM,EAAE,mBAAmB;YAC3B,YAAY,EAAE,MAAM;YACpB,OAAO,EAAE,CAAC;YACV,UAAU,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,CACrC,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,CAAC,EAC7C;gBACE,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,OAAO;gBAC5C,MAAM,EAAE,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,SAAS;aAC3C,CACF,EAAE;SACJ;QACD,SAAS,EAAE;YACT,WAAW,EAAE;gBACX,OAAO,EAAE,CAAC;gBACV,GAAG,EAAE,QAAQ;gBACb,KAAK,EAAE,QAAQ;gBACf,MAAM,EAAE,QAAQ;gBAChB,IAAI,EAAE,QAAQ;aACf;SACF;QACD,QAAQ,EAAE;YACR,QAAQ,EAAE,MAAM;SACjB;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,4BAA4B,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IAC/C,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE;QACR,OAAO,EAAE,OAAO;QAChB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,MAAM;KACnB;CACF,CAAC,CAAA;AAEF,MAAM,uBAAuB,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;IAChD,QAAQ,EAAE,gBAAgB;IAC1B,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE;QACR,IAAI,EAAE,MAAM;KACb;CACF,CAAC,CAAA;AAEF,MAAM,yBAAyB,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;IACpD,QAAQ,EAAE;QACR,IAAI,EAAE,MAAM;KACb;CACF,CAAC,CAAA;AAEF,OAAO,EACL,oBAAoB,EACpB,4BAA4B,EAC5B,uBAAuB,EACvB,yBAAyB,GAC1B,CAAA"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DownloadButton.types.js","sourceRoot":"","sources":["../../../src/components/DownloadButton/DownloadButton.types.ts"],"names":[],"mappings":"AAAA,IAAK,eAGJ;AAHD,WAAK,eAAe;IAClB,sCAAmB,CAAA;IACnB,kCAAe,CAAA;AACjB,CAAC,EAHI,eAAe,KAAf,eAAe,QAGnB;
|
1
|
+
{"version":3,"file":"DownloadButton.types.js","sourceRoot":"","sources":["../../../src/components/DownloadButton/DownloadButton.types.ts"],"names":[],"mappings":"AAAA,IAAK,eAGJ;AAHD,WAAK,eAAe;IAClB,sCAAmB,CAAA;IACnB,kCAAe,CAAA;AACjB,CAAC,EAHI,eAAe,KAAf,eAAe,QAGnB;AAwBD,OAAO,EAAE,eAAe,EAAE,CAAA"}
|
@@ -9,7 +9,7 @@ import { DownloadButton } from "../DownloadButton";
|
|
9
9
|
import { UserMenuEventId } from "./UserMenu.types";
|
10
10
|
import { SignInButton, UserMenuContainer, UserMenuLoaderContainer, } from "./UserMenu.styled";
|
11
11
|
const UserMenu = React.memo((props) => {
|
12
|
-
const { isSignedIn, isSigningIn, isDisconnecting, manaBalances, i18n = i18nUserMenu, hideDownloadButton, cdnLinks, onClickSignIn, onClickBalance, onClickOpen, onClickUserMenuItem, ...signInProps } = props;
|
12
|
+
const { isSignedIn, isSigningIn, isDisconnecting, manaBalances, i18n = i18nUserMenu, hideDownloadButton, cdnLinks, onClickSignIn, onClickBalance, onClickOpen, onClickUserMenuItem, loadingCdnLinks = false, ...signInProps } = props;
|
13
13
|
const [isOpen, setIsOpen] = useState(false);
|
14
14
|
const [trackingId, setTrackingId] = useState(undefined);
|
15
15
|
const handleToggle = useCallback((event) => {
|
@@ -49,7 +49,7 @@ const UserMenu = React.memo((props) => {
|
|
49
49
|
: window.open(config.get("ACCOUNT_URL"), "_blank", "noopener");
|
50
50
|
}, onClickUserMenuItem ? 300 : 0);
|
51
51
|
}, [onClickBalance, onClickUserMenuItem, trackingId]);
|
52
|
-
return (_jsx(UserMenuContainer, { children: isDisconnecting ? (_jsx(UserMenuLoaderContainer, { children: _jsx(CircularProgress, { size: 20 }) })) : (_jsxs(_Fragment, { children: [isSignedIn && (_jsx(UserMenuSignedIn, { ...signInProps, manaBalances: manaBalances, trackingId: trackingId, isOpen: isOpen, i18n: i18n, onClickToggle: handleToggle, onClickClose: handleClose, onClickUserMenuItem: onClickUserMenuItem, onClickBalance: handleClickBalance })), !isSignedIn ? (_jsx(SignInButton, { variant: "outlined", color: "inherit", disabled: isSigningIn, onClick: handleClickSignIn, children: isSigningIn ? (_jsx(CircularProgress, { size: 20, color: "inherit" })) : (i18n.signIn) })) : null, !hideDownloadButton && (_jsx(DownloadButton, { label: i18n.download, onClick: onClickUserMenuItem, trackingId: trackingId, cdnLinks: cdnLinks }))] })) }));
|
52
|
+
return (_jsx(UserMenuContainer, { children: isDisconnecting ? (_jsx(UserMenuLoaderContainer, { children: _jsx(CircularProgress, { size: 20 }) })) : (_jsxs(_Fragment, { children: [isSignedIn && (_jsx(UserMenuSignedIn, { ...signInProps, manaBalances: manaBalances, trackingId: trackingId, isOpen: isOpen, i18n: i18n, onClickToggle: handleToggle, onClickClose: handleClose, onClickUserMenuItem: onClickUserMenuItem, onClickBalance: handleClickBalance })), !isSignedIn ? (_jsx(SignInButton, { variant: "outlined", color: "inherit", disabled: isSigningIn, onClick: handleClickSignIn, children: isSigningIn ? (_jsx(CircularProgress, { size: 20, color: "inherit" })) : (i18n.signIn) })) : null, !hideDownloadButton && (_jsx(DownloadButton, { label: i18n.download, onClick: onClickUserMenuItem, trackingId: trackingId, loadingCdnLinks: loadingCdnLinks, cdnLinks: cdnLinks }))] })) }));
|
53
53
|
});
|
54
54
|
export { UserMenu };
|
55
55
|
//# sourceMappingURL=UserMenu.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"UserMenu.js","sourceRoot":"","sources":["../../../src/components/UserMenu/UserMenu.tsx"],"names":[],"mappings":"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"}
|
1
|
+
{"version":3,"file":"UserMenu.js","sourceRoot":"","sources":["../../../src/components/UserMenu/UserMenu.tsx"],"names":[],"mappings":"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"}
|
@@ -9,6 +9,7 @@ type UserMenuProps = Omit<UserMenuSignedInProps, "isOpen" | "isClickable" | "tra
|
|
9
9
|
isActivity?: boolean;
|
10
10
|
i18n?: UserMenuI18N;
|
11
11
|
hideDownloadButton?: boolean;
|
12
|
+
loadingCdnLinks?: boolean;
|
12
13
|
cdnLinks?: Record<string, Record<string, string>>;
|
13
14
|
onClickSignIn?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
|
14
15
|
onClickOpen?: (event: React.MouseEvent<HTMLElement, MouseEvent>, trackingId: string) => void;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"UserMenu.types.js","sourceRoot":"","sources":["../../../src/components/UserMenu/UserMenu.types.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"UserMenu.types.js","sourceRoot":"","sources":["../../../src/components/UserMenu/UserMenu.types.ts"],"names":[],"mappings":"AAwCA,IAAK,eAWJ;AAXD,WAAK,eAAe;IAClB,wCAAqB,CAAA;IACrB,sCAAmB,CAAA;IACnB,0CAAuB,CAAA;IACvB,sCAAmB,CAAA;IACnB,sCAAmB,CAAA;IACnB,wCAAqB,CAAA;IACrB,kCAAe,CAAA;IACf,4EAAyD,CAAA;IACzD,wCAAqB,CAAA;IACrB,sCAAmB,CAAA;AACrB,CAAC,EAXI,eAAe,KAAf,eAAe,QAWnB;AASD,OAAO,EAAE,eAAe,EAAE,CAAA"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "decentraland-ui2",
|
3
|
-
"version": "0.
|
3
|
+
"version": "0.23.0",
|
4
4
|
"description": "Decentraland's UI components and styles",
|
5
5
|
"main": "dist/index.js",
|
6
6
|
"types": "dist/index.d.ts",
|
@@ -94,5 +94,5 @@
|
|
94
94
|
"files": [
|
95
95
|
"dist"
|
96
96
|
],
|
97
|
-
"commit": "
|
97
|
+
"commit": "325a2415f08651fbb4a325b83bdd356be4592cbb"
|
98
98
|
}
|