decentraland-ui2 0.4.2 → 0.4.3-10740116152.commit-f0b1652
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/Assets/Navbar/create-submenu.png +0 -0
- package/dist/Assets/Navbar/explore-submenu.png +0 -0
- package/dist/Assets/Navbar/governance-submenu.png +0 -0
- package/dist/Assets/Navbar/learn-submenu.png +0 -0
- package/dist/Assets/Navbar/marketplace-submenu.png +0 -0
- package/dist/components/ChainSelector/ChainSelector.d.ts +2 -1
- package/dist/components/ChainSelector/ChainSelector.js +3 -3
- package/dist/components/ChainSelector/ChainSelector.js.map +1 -1
- package/dist/components/ChainSelector/ChainSelector.styled.js +15 -10
- package/dist/components/ChainSelector/ChainSelector.styled.js.map +1 -1
- package/dist/components/Logo/Logo.d.ts +4 -0
- package/dist/components/Logo/Logo.js +8 -0
- package/dist/components/Logo/Logo.js.map +1 -0
- package/dist/components/Logo/Logo.stories.d.ts +7 -0
- package/dist/components/Logo/Logo.stories.js +12 -0
- package/dist/components/Logo/Logo.stories.js.map +1 -0
- package/dist/components/Logo/Logo.styled.d.ts +6 -0
- package/dist/components/Logo/Logo.styled.js +13 -0
- package/dist/components/Logo/Logo.styled.js.map +1 -0
- package/dist/components/Modal/Modal.styled.js +3 -2
- package/dist/components/Modal/Modal.styled.js.map +1 -1
- package/dist/components/Modal/Modal.types.d.ts +1 -1
- package/dist/components/Navbar/MainMenu/MainMenu.d.ts +2 -0
- package/dist/components/Navbar/MainMenu/MainMenu.js +10 -0
- package/dist/components/Navbar/MainMenu/MainMenu.js.map +1 -0
- package/dist/components/Navbar/MainMenu/MainMenu.styled.d.ts +8 -0
- package/dist/components/Navbar/MainMenu/MainMenu.styled.js +38 -0
- package/dist/components/Navbar/MainMenu/MainMenu.styled.js.map +1 -0
- package/dist/components/Navbar/MainMenu/MainMenu.types.d.ts +8 -0
- package/dist/components/Navbar/MainMenu/MainMenu.types.js +2 -0
- package/dist/components/Navbar/MainMenu/MainMenu.types.js.map +1 -0
- package/dist/components/Navbar/MenuItem/MenuItem.d.ts +3 -0
- package/dist/components/Navbar/MenuItem/MenuItem.js +15 -0
- package/dist/components/Navbar/MenuItem/MenuItem.js.map +1 -0
- package/dist/components/Navbar/MenuItem/MenuItem.styled.d.ts +13 -0
- package/dist/components/Navbar/MenuItem/MenuItem.styled.js +54 -0
- package/dist/components/Navbar/MenuItem/MenuItem.styled.js.map +1 -0
- package/dist/components/Navbar/MenuItem/MenuItem.types.d.ts +9 -0
- package/dist/components/Navbar/MenuItem/MenuItem.types.js +2 -0
- package/dist/components/Navbar/MenuItem/MenuItem.types.js.map +1 -0
- package/dist/components/Navbar/Navbar.d.ts +4 -0
- package/dist/components/Navbar/Navbar.defaults.d.ts +6 -0
- package/dist/components/Navbar/Navbar.defaults.js +220 -0
- package/dist/components/Navbar/Navbar.defaults.js.map +1 -0
- package/dist/components/Navbar/Navbar.js +46 -0
- package/dist/components/Navbar/Navbar.js.map +1 -0
- package/dist/components/Navbar/Navbar.stories.d.ts +9 -0
- package/dist/components/Navbar/Navbar.stories.js +61 -0
- package/dist/components/Navbar/Navbar.stories.js.map +1 -0
- package/dist/components/Navbar/Navbar.styled.d.ts +47 -0
- package/dist/components/Navbar/Navbar.styled.js +106 -0
- package/dist/components/Navbar/Navbar.styled.js.map +1 -0
- package/dist/components/Navbar/Navbar.types.d.ts +57 -0
- package/dist/components/Navbar/Navbar.types.js +10 -0
- package/dist/components/Navbar/Navbar.types.js.map +1 -0
- package/dist/components/Navbar/SubMenu/SubMenu.d.ts +2 -0
- package/dist/components/Navbar/SubMenu/SubMenu.js +14 -0
- package/dist/components/Navbar/SubMenu/SubMenu.js.map +1 -0
- package/dist/components/Navbar/SubMenu/SubMenu.styled.d.ts +26 -0
- package/dist/components/Navbar/SubMenu/SubMenu.styled.js +156 -0
- package/dist/components/Navbar/SubMenu/SubMenu.styled.js.map +1 -0
- package/dist/components/Navbar/SubMenu/SubMenu.types.d.ts +13 -0
- package/dist/components/Navbar/SubMenu/SubMenu.types.js +2 -0
- package/dist/components/Navbar/SubMenu/SubMenu.types.js.map +1 -0
- package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.d.ts +3 -0
- package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.js +9 -0
- package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.js.map +1 -0
- package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.styled.d.ts +11 -0
- package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.styled.js +33 -0
- package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.styled.js.map +1 -0
- package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.types.d.ts +5 -0
- package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.types.js +2 -0
- package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.types.js.map +1 -0
- package/dist/components/Navbar/SubMenuItem/SubMenuItem.d.ts +2 -0
- package/dist/components/Navbar/SubMenuItem/SubMenuItem.js +16 -0
- package/dist/components/Navbar/SubMenuItem/SubMenuItem.js.map +1 -0
- package/dist/components/Navbar/SubMenuItem/SubMenuItem.styled.d.ts +28 -0
- package/dist/components/Navbar/SubMenuItem/SubMenuItem.styled.js +65 -0
- package/dist/components/Navbar/SubMenuItem/SubMenuItem.styled.js.map +1 -0
- package/dist/components/Navbar/SubMenuItem/SubMenuItem.types.d.ts +13 -0
- package/dist/components/Navbar/SubMenuItem/SubMenuItem.types.js +2 -0
- package/dist/components/Navbar/SubMenuItem/SubMenuItem.types.js.map +1 -0
- package/dist/components/Navbar/index.d.ts +2 -0
- package/dist/components/Navbar/index.js +3 -0
- package/dist/components/Navbar/index.js.map +1 -0
- package/dist/components/Notifications/Notifications.types.d.ts +3 -2
- package/dist/components/Notifications/NotificationsFeed.types.d.ts +2 -1
- package/dist/components/Notifications/NotificationsFeedTabs.js +1 -1
- package/dist/components/Notifications/NotificationsFeedTabs.js.map +1 -1
- package/dist/components/Notifications/NotificationsFeedTabs.types.d.ts +2 -1
- package/dist/components/Notifications/index.d.ts +3 -2
- package/dist/components/Notifications/index.js +1 -1
- package/dist/components/Notifications/index.js.map +1 -1
- package/dist/components/Notifications/types.d.ts +2 -1
- package/dist/components/Notifications/types.js +1 -1
- package/dist/components/Notifications/types.js.map +1 -1
- package/dist/components/UserMenu/ManaBalances/index.d.ts +1 -1
- package/dist/components/UserMenu/UserMenu.js +1 -1
- package/dist/components/UserMenu/UserMenu.js.map +1 -1
- package/dist/components/UserMenu/UserMenu.styled.js +12 -7
- package/dist/components/UserMenu/UserMenu.styled.js.map +1 -1
- package/dist/components/UserMenu/UserMenu.types.d.ts +3 -2
- package/dist/components/UserMenu/UserMenu.types.js.map +1 -1
- package/dist/components/UserMenu/UserMenuSignedIn/UserMenuSignedIn.styled.js +35 -29
- package/dist/components/UserMenu/UserMenuSignedIn/UserMenuSignedIn.styled.js.map +1 -1
- package/dist/components/UserMenu/UserMenuSignedIn/UserMenuSignedIn.types.d.ts +2 -2
- package/dist/components/UserMenu/index.d.ts +2 -2
- package/dist/config/env/dev.json +4 -2
- package/dist/config/env/prod.json +4 -2
- package/dist/config/env/stg.json +5 -3
- package/dist/data/notifications.d.ts +1 -1
- package/dist/data/notifications.js +1 -1
- package/dist/data/notifications.js.map +1 -1
- package/dist/theme/index.js +9 -0
- package/dist/theme/index.js.map +1 -1
- package/package.json +2 -2
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
@@ -1,2 +1,3 @@
|
|
1
|
+
import React from "react";
|
1
2
|
import { type ChainSelectorProps } from "./ChainSelector.types";
|
2
|
-
export declare const ChainSelector: (props: ChainSelectorProps) => import("react/jsx-runtime").JSX.Element
|
3
|
+
export declare const ChainSelector: React.MemoExoticComponent<(props: ChainSelectorProps) => import("react/jsx-runtime").JSX.Element>;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
2
|
-
import { useCallback, useEffect, useRef, useState } from "react";
|
2
|
+
import React, { useCallback, useEffect, useRef, useState } from "react";
|
3
3
|
import { ChainId, getChainName } from "@dcl/schemas";
|
4
4
|
import ClearRoundedIcon from "@mui/icons-material/ClearRounded";
|
5
5
|
import { Modal, Typography } from "@mui/material";
|
@@ -7,7 +7,7 @@ import { IconChain } from "../IconChain/IconChain";
|
|
7
7
|
import { useTabletAndBelowMediaQuery } from "../Media";
|
8
8
|
import { ChainNameIconMap, } from "./ChainSelector.types";
|
9
9
|
import { ChainButton, ChainSelectorCloseButton, ChainSelectorContainer, ChainSelectorModalTitleContainer, ChainSelectorWrapper, ConfirmLabel, ConnectedLabel, SelectorButton, } from "./ChainSelector.styled";
|
10
|
-
export const ChainSelector = (props) => {
|
10
|
+
export const ChainSelector = React.memo((props) => {
|
11
11
|
const { chains, selectedChain, chainBeingConfirmed, i18n, onSelectChain } = props;
|
12
12
|
const chainBeingConfirmedRef = useRef(chainBeingConfirmed);
|
13
13
|
const isMobileOrTablet = useTabletAndBelowMediaQuery();
|
@@ -37,5 +37,5 @@ export const ChainSelector = (props) => {
|
|
37
37
|
: getChainName(chain);
|
38
38
|
return (_jsxs(ChainButton, { variant: "text", color: "secondary", startIcon: _jsx(IconChain, { icon: ChainNameIconMap[chain] }), onClick: () => onSelectChainHandler(chain), isSelected: selectedChain === chain, children: [chainName, selectedChain === chain ? (_jsx(ConnectedLabel, { children: i18n.connected })) : chainBeingConfirmed && chain === chainBeingConfirmed ? (_jsx(ConfirmLabel, { children: i18n.confirmInWallet })) : null] }, chain));
|
39
39
|
}) })] }) })] }));
|
40
|
-
};
|
40
|
+
});
|
41
41
|
//# sourceMappingURL=ChainSelector.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ChainSelector.js","sourceRoot":"","sources":["../../../src/components/ChainSelector/ChainSelector.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;
|
1
|
+
{"version":3,"file":"ChainSelector.js","sourceRoot":"","sources":["../../../src/components/ChainSelector/ChainSelector.tsx"],"names":[],"mappings":"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"}
|
@@ -29,8 +29,9 @@ const CommonButtonStyle = styled(Button)(() => {
|
|
29
29
|
};
|
30
30
|
});
|
31
31
|
const SelectorButton = styled(CommonButtonStyle)(() => {
|
32
|
+
const theme = useTheme();
|
32
33
|
return {
|
33
|
-
"
|
34
|
+
[theme.breakpoints.down("sm")]: {
|
34
35
|
"&.MuiButton-sizeMedium.MuiButton-containedSecondary": {
|
35
36
|
paddingLeft: "0",
|
36
37
|
paddingRight: "0",
|
@@ -51,7 +52,7 @@ const ChainButton = styled(CommonButtonStyle)((props) => {
|
|
51
52
|
background = theme.palette.action.hover;
|
52
53
|
}
|
53
54
|
return {
|
54
|
-
alignItems: "
|
55
|
+
alignItems: "center",
|
55
56
|
justifyContent: "flex-start",
|
56
57
|
marginBottom: "8px",
|
57
58
|
"&.MuiButton-sizeMedium.MuiButton-textSecondary:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)": {
|
@@ -109,6 +110,7 @@ const ChainSelectorModal = styled(Modal)({
|
|
109
110
|
},
|
110
111
|
});
|
111
112
|
const ChainSelectorContainer = styled(Paper)(() => {
|
113
|
+
const theme = useTheme();
|
112
114
|
return {
|
113
115
|
position: "absolute",
|
114
116
|
top: "50%",
|
@@ -116,7 +118,7 @@ const ChainSelectorContainer = styled(Paper)(() => {
|
|
116
118
|
transform: "translate(-50%, -50%)",
|
117
119
|
width: "360px",
|
118
120
|
borderRadius: "12px",
|
119
|
-
"
|
121
|
+
[theme.breakpoints.down("xs")]: {
|
120
122
|
minWidth: "100vw",
|
121
123
|
maxWidth: "100vw",
|
122
124
|
minHeight: "100vh",
|
@@ -129,13 +131,16 @@ const ChainSelectorContainer = styled(Paper)(() => {
|
|
129
131
|
},
|
130
132
|
};
|
131
133
|
});
|
132
|
-
const ChainSelectorWrapper = styled(Box)({
|
133
|
-
|
134
|
-
|
135
|
-
|
136
|
-
|
137
|
-
|
138
|
-
|
134
|
+
const ChainSelectorWrapper = styled(Box)(() => {
|
135
|
+
const theme = useTheme();
|
136
|
+
return {
|
137
|
+
display: "flex",
|
138
|
+
flexDirection: "column",
|
139
|
+
margin: "16px",
|
140
|
+
[theme.breakpoints.down("sm")]: {
|
141
|
+
padding: "5px",
|
142
|
+
},
|
143
|
+
};
|
139
144
|
});
|
140
145
|
const ChainSelectorModalTitleContainer = styled(Box)({
|
141
146
|
display: "flex",
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ChainSelector.styled.js","sourceRoot":"","sources":["../../../src/components/ChainSelector/ChainSelector.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EACL,GAAG,EACH,MAAM,EACN,UAAU,EACV,KAAK,EACL,UAAU,EACV,QAAQ,GACT,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAEtC,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE;IAC5C,OAAO;QACL,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,YAAY,EAAE,MAAM;QACpB,OAAO,EAAE,UAAU;QACnB,KAAK,EAAE,OAAO;QACd,qDAAqD,EAAE;YACrD,OAAO,EAAE,GAAG;YACZ,yDAAyD,EAAE;gBACzD,KAAK,EAAE,aAAa,CAAC,KAAK;gBAC1B,UAAU,EAAE,OAAO,CAAC,KAAK;gBACzB,SAAS,EAAE,MAAM;aAClB;YACD,mDAAmD,EAAE;gBACnD,KAAK,EAAE,aAAa,CAAC,KAAK;gBAC1B,UAAU,EAAE,OAAO,CAAC,KAAK;aAC1B;SACF;QACD,oEAAoE,EAAE;YACpE,OAAO,EAAE;gBACP,QAAQ,EAAE,MAAM;aACjB;SACF;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC,GAAG,EAAE;IACpD,OAAO;QACL,
|
1
|
+
{"version":3,"file":"ChainSelector.styled.js","sourceRoot":"","sources":["../../../src/components/ChainSelector/ChainSelector.styled.tsx"],"names":[],"mappings":"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"}
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
2
|
+
import React from "react";
|
3
|
+
import { LogoContainer } from "./Logo.styled";
|
4
|
+
const Logo = React.memo((props) => {
|
5
|
+
return (_jsx(LogoContainer, { ...props, children: _jsxs("svg", { width: "90", height: "90", viewBox: "0 0 90 90", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M45 89.9999C69.8528 89.9999 89.9999 69.8528 89.9999 45C89.9999 20.1472 69.8528 0 45 0C20.1472 0 0 20.1472 0 45C0 69.8528 20.1472 89.9999 45 89.9999Z", fill: "url(#paint0_linear_1_49380)" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18 80.9996C25.515 86.6471 34.875 89.9996 45 89.9996C55.125 89.9996 64.485 86.6471 72 80.9996H18Z", fill: "#FF2D55" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.00008 71.9996C11.5651 75.3971 14.6026 78.4346 18.0001 80.9996H72C75.3975 78.4346 78.435 75.3971 81 71.9996H9.00008Z", fill: "#FFA25A" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M60.3675 62.9997H3.75757C5.15257 66.2172 6.93007 69.2322 9.00006 71.9997H60.39V62.9997H60.3675Z", fill: "#FFC95B" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M31.8826 29.2496V62.9996H60.0075L31.8826 29.2496Z", fill: "url(#paint1_linear_1_49380)" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.75757 62.9997H31.8826V29.2497L3.75757 62.9997Z", fill: "white" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M60.3675 47.25V72H81L60.3675 47.25Z", fill: "url(#paint2_linear_1_49380)" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M39.7574 72H60.3674V47.25L39.7574 72Z", fill: "white" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M60.3675 40.4997C66.5807 40.4997 71.6175 35.4629 71.6175 29.2497C71.6175 23.0365 66.5807 17.9997 60.3675 17.9997C54.1543 17.9997 49.1175 23.0365 49.1175 29.2497C49.1175 35.4629 54.1543 40.4997 60.3675 40.4997Z", fill: "#FFC95B" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M31.8824 22.4997C34.989 22.4997 37.5074 19.9813 37.5074 16.8747C37.5074 13.7681 34.989 11.2497 31.8824 11.2497C28.7758 11.2497 26.2574 13.7681 26.2574 16.8747C26.2574 19.9813 28.7758 22.4997 31.8824 22.4997Z", fill: "#FFC95B" }), _jsxs("defs", { children: [_jsxs("linearGradient", { id: "paint0_linear_1_49380", x1: "45", y1: "-18.6396", x2: "-18.6396", y2: "45", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#FF2D55" }), _jsx("stop", { offset: "1", stopColor: "#FFBC5B" })] }), _jsxs("linearGradient", { id: "paint1_linear_1_49380", x1: "31.8731", y1: "29.2497", x2: "31.8731", y2: "62.9996", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#A524B3" }), _jsx("stop", { offset: "1", stopColor: "#FF2D55" })] }), _jsxs("linearGradient", { id: "paint2_linear_1_49380", x1: "60.3605", y1: "47.25", x2: "60.3605", y2: "72", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#A524B3" }), _jsx("stop", { offset: "1", stopColor: "#FF2D55" })] })] })] }) }));
|
6
|
+
});
|
7
|
+
export { Logo };
|
8
|
+
//# sourceMappingURL=Logo.js.map
|
@@ -0,0 +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,KAAmB,EAAE,EAAE;IAC9C,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"}
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
+
import { Logo } from "./Logo";
|
3
|
+
const meta = {
|
4
|
+
component: Logo,
|
5
|
+
title: "Decentraland UI/Logo",
|
6
|
+
render: () => _jsx(Logo, {}),
|
7
|
+
};
|
8
|
+
const Decentraland = {};
|
9
|
+
// eslint-disable-next-line import/no-default-export
|
10
|
+
export default meta;
|
11
|
+
export { Decentraland };
|
12
|
+
//# sourceMappingURL=Logo.stories.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Logo.stories.js","sourceRoot":"","sources":["../../../src/components/Logo/Logo.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAG7B,MAAM,IAAI,GAAS;IACjB,SAAS,EAAE,IAAI;IACf,KAAK,EAAE,sBAAsB;IAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,IAAI,KAAG;CACvB,CAAA;AAID,MAAM,YAAY,GAAU,EAAE,CAAA;AAE9B,oDAAoD;AACpD,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,YAAY,EAAE,CAAA"}
|
@@ -0,0 +1,6 @@
|
|
1
|
+
declare const LogoContainer: import("@emotion/styled").StyledComponent<import("@mui/material").SvgIconOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
|
2
|
+
ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
|
3
|
+
}, "style" | "color" | "fontSize" | "shapeRendering" | "classes" | "className" | "children" | "sx" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & {
|
4
|
+
theme?: import("@emotion/react").Theme;
|
5
|
+
}, {}, {}>;
|
6
|
+
export { LogoContainer };
|
@@ -0,0 +1,13 @@
|
|
1
|
+
import styled from "@emotion/styled";
|
2
|
+
import { SvgIcon, useTheme } from "@mui/material";
|
3
|
+
const LogoContainer = styled(SvgIcon)(() => {
|
4
|
+
const theme = useTheme();
|
5
|
+
return {
|
6
|
+
fontSize: "36px",
|
7
|
+
[theme.breakpoints.down("xs")]: {
|
8
|
+
fontSize: "32px",
|
9
|
+
},
|
10
|
+
};
|
11
|
+
});
|
12
|
+
export { LogoContainer };
|
13
|
+
//# sourceMappingURL=Logo.styled.js.map
|
@@ -0,0 +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,QAAQ,EAAE,MAAM,eAAe,CAAA;AAEjD,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE;IACzC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO;QACL,QAAQ,EAAE,MAAM;QAChB,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;YAC9B,QAAQ,EAAE,MAAM;SACjB;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,aAAa,EAAE,CAAA"}
|
@@ -1,6 +1,7 @@
|
|
1
1
|
import styled from "@emotion/styled";
|
2
|
-
import { Box as BoxMui, Paper as PaperMui } from "@mui/material";
|
2
|
+
import { Box as BoxMui, Paper as PaperMui, useTheme } from "@mui/material";
|
3
3
|
const ModalContainer = styled(PaperMui)((props) => {
|
4
|
+
const theme = useTheme();
|
4
5
|
let size = "900px";
|
5
6
|
if (props.size === "tiny") {
|
6
7
|
size = "540px";
|
@@ -16,7 +17,7 @@ const ModalContainer = styled(PaperMui)((props) => {
|
|
16
17
|
width: size,
|
17
18
|
borderRadius: "12px",
|
18
19
|
overflow: "hidden",
|
19
|
-
"
|
20
|
+
[theme.breakpoints.down("xs")]: {
|
20
21
|
minWidth: "100vw",
|
21
22
|
maxWidth: "100vw",
|
22
23
|
minHeight: "100vh",
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Modal.styled.js","sourceRoot":"","sources":["../../../src/components/Modal/Modal.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,GAAG,IAAI,MAAM,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAA;
|
1
|
+
{"version":3,"file":"Modal.styled.js","sourceRoot":"","sources":["../../../src/components/Modal/Modal.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,GAAG,IAAI,MAAM,EAAE,KAAK,IAAI,QAAQ,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAG1E,MAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,KAA+B,EAAE,EAAE;IAC1E,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,IAAI,IAAI,GAAG,OAAO,CAAA;IAClB,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;QAC1B,IAAI,GAAG,OAAO,CAAA;IAChB,CAAC;SAAM,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;QAClC,IAAI,GAAG,OAAO,CAAA;IAChB,CAAC;IAED,OAAO;QACL,QAAQ,EAAE,UAAmB;QAC7B,GAAG,EAAE,KAAK;QACV,IAAI,EAAE,KAAK;QACX,SAAS,EAAE,uBAAuB;QAClC,KAAK,EAAE,IAAI;QACX,YAAY,EAAE,MAAM;QACpB,QAAQ,EAAE,QAAQ;QAClB,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;YAC9B,QAAQ,EAAE,OAAO;YACjB,QAAQ,EAAE,OAAO;YACjB,SAAS,EAAE,OAAO;YAClB,YAAY,EAAE,KAAK;YACnB,MAAM,EAAE,GAAG;YACX,OAAO,EAAE,GAAG;YACZ,GAAG,EAAE,GAAG;YACR,IAAI,EAAE,GAAG;YACT,SAAS,EAAE,iBAAiB;SAC7B;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IACzC,OAAO,EAAE,MAAM;IACf,cAAc,EAAE,eAAe;IAC/B,OAAO,EAAE,MAAM;CAChB,CAAC,CAAA;AAEF,MAAM,qBAAqB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IAC3C,OAAO,EAAE,MAAM;CAChB,CAAC,CAAA;AAEF,MAAM,qBAAqB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IAC3C,OAAO,EAAE,MAAM;IACf,OAAO,EAAE,MAAM;IACf,OAAO,EAAE;QACP,IAAI,EAAE,CAAC;KACR;IACD,2CAA2C,EAAE;QAC3C,WAAW,EAAE,MAAM;KACpB;CACF,CAAC,CAAA;AAEF,OAAO,EACL,cAAc,EACd,mBAAmB,EACnB,qBAAqB,EACrB,qBAAqB,GACtB,CAAA"}
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
2
|
+
import { config } from "../../../config";
|
3
|
+
import { MenuItem } from "../MenuItem/MenuItem";
|
4
|
+
import { NavbarPages } from "../Navbar.types";
|
5
|
+
import { MainMenuContainer } from "./MainMenu.styled";
|
6
|
+
export const MainMenu = (props) => {
|
7
|
+
const { i18n, isOpenOnMobile, ...menuItemProps } = props;
|
8
|
+
return (_jsxs(MainMenuContainer, { isOpenOnMobile: isOpenOnMobile, children: [_jsx(MenuItem, { ...menuItemProps, section: NavbarPages.MARKETPLACE, title: i18n.marketplace, mainUrl: config.get("MARKETPLACE_URL") }), _jsx(MenuItem, { ...menuItemProps, section: NavbarPages.CREATE, title: i18n.create, mainUrl: config.get("CREATE_URL") }), _jsx(MenuItem, { ...menuItemProps, section: NavbarPages.EXPLORE, title: i18n.explore, mainUrl: config.get("EVENTS_URL") }), _jsx(MenuItem, { ...menuItemProps, section: NavbarPages.LEARN, title: i18n.learn, mainUrl: config.get("LEARN_URL") }), _jsx(MenuItem, { ...menuItemProps, section: NavbarPages.GOVERNANCE, title: i18n.governance, mainUrl: config.get("GOVERNANCE_URL") })] }));
|
9
|
+
};
|
10
|
+
//# sourceMappingURL=MainMenu.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"MainMenu.js","sourceRoot":"","sources":["../../../../src/components/Navbar/MainMenu/MainMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAErD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC/C,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,GAAG,aAAa,EAAE,GAAG,KAAK,CAAA;IACxD,OAAO,CACL,MAAC,iBAAiB,IAAC,cAAc,EAAE,cAAc,aAC/C,KAAC,QAAQ,OACH,aAAa,EACjB,OAAO,EAAE,WAAW,CAAC,WAAW,EAChC,KAAK,EAAE,IAAI,CAAC,WAAW,EACvB,OAAO,EAAE,MAAM,CAAC,GAAG,CAAC,iBAAiB,CAAC,GACtC,EACF,KAAC,QAAQ,OACH,aAAa,EACjB,OAAO,EAAE,WAAW,CAAC,MAAM,EAC3B,KAAK,EAAE,IAAI,CAAC,MAAM,EAClB,OAAO,EAAE,MAAM,CAAC,GAAG,CAAC,YAAY,CAAC,GACjC,EACF,KAAC,QAAQ,OACH,aAAa,EACjB,OAAO,EAAE,WAAW,CAAC,OAAO,EAC5B,KAAK,EAAE,IAAI,CAAC,OAAO,EACnB,OAAO,EAAE,MAAM,CAAC,GAAG,CAAC,YAAY,CAAC,GACjC,EACF,KAAC,QAAQ,OACH,aAAa,EACjB,OAAO,EAAE,WAAW,CAAC,KAAK,EAC1B,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,MAAM,CAAC,GAAG,CAAC,WAAW,CAAC,GAChC,EACF,KAAC,QAAQ,OACH,aAAa,EACjB,OAAO,EAAE,WAAW,CAAC,UAAU,EAC/B,KAAK,EAAE,IAAI,CAAC,UAAU,EACtB,OAAO,EAAE,MAAM,CAAC,GAAG,CAAC,gBAAgB,CAAC,GACrC,IACgB,CACrB,CAAA;AACH,CAAC,CAAA"}
|
@@ -0,0 +1,8 @@
|
|
1
|
+
declare const MainMenuContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
2
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
3
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
|
4
|
+
theme?: import("@emotion/react").Theme;
|
5
|
+
} & {
|
6
|
+
isOpenOnMobile?: boolean;
|
7
|
+
}, {}, {}>;
|
8
|
+
export { MainMenuContainer };
|
@@ -0,0 +1,38 @@
|
|
1
|
+
import zIndex from "@mui/material/styles/zIndex";
|
2
|
+
import styled from "@emotion/styled";
|
3
|
+
import { Box, useTheme } from "@mui/material";
|
4
|
+
const MainMenuContainer = styled(Box)((props) => {
|
5
|
+
const { isOpenOnMobile } = props;
|
6
|
+
const theme = useTheme();
|
7
|
+
let mobileOpenedStyles;
|
8
|
+
if (isOpenOnMobile) {
|
9
|
+
mobileOpenedStyles = {
|
10
|
+
top: "56px",
|
11
|
+
};
|
12
|
+
}
|
13
|
+
return {
|
14
|
+
display: "flex",
|
15
|
+
height: "64px",
|
16
|
+
marginLeft: "10px",
|
17
|
+
[theme.breakpoints.down("sm")]: {
|
18
|
+
position: "absolute",
|
19
|
+
flexDirection: "column",
|
20
|
+
alignItems: "flex-start",
|
21
|
+
justifyContent: "flex-start",
|
22
|
+
backgroundColor: theme.palette.background.default,
|
23
|
+
width: "100vw",
|
24
|
+
height: "100vh",
|
25
|
+
top: "-150vh",
|
26
|
+
left: 0,
|
27
|
+
marginLeft: 0,
|
28
|
+
zIndex: zIndex.mobileStepper,
|
29
|
+
transition: `${theme.transitions.create(["top"], {
|
30
|
+
duration: theme.transitions.duration.shorter,
|
31
|
+
easing: theme.transitions.easing.easeInOut,
|
32
|
+
})}`,
|
33
|
+
...mobileOpenedStyles,
|
34
|
+
},
|
35
|
+
};
|
36
|
+
});
|
37
|
+
export { MainMenuContainer };
|
38
|
+
//# sourceMappingURL=MainMenu.styled.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"MainMenu.styled.js","sourceRoot":"","sources":["../../../../src/components/Navbar/MainMenu/MainMenu.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,6BAA6B,CAAA;AAChD,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAE7C,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,KAAmC,EAAE,EAAE;IAC5E,MAAM,EAAE,cAAc,EAAE,GAAG,KAAK,CAAA;IAChC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,IAAI,kBAAkB,CAAA;IACtB,IAAI,cAAc,EAAE,CAAC;QACnB,kBAAkB,GAAG;YACnB,GAAG,EAAE,MAAM;SACZ,CAAA;IACH,CAAC;IACD,OAAO;QACL,OAAO,EAAE,MAAe;QACxB,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,MAAM;QAClB,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;YAC9B,QAAQ,EAAE,UAAmB;YAC7B,aAAa,EAAE,QAAiB;YAChC,UAAU,EAAE,YAAY;YACxB,cAAc,EAAE,YAAY;YAC5B,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO;YACjD,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,OAAO;YACf,GAAG,EAAE,QAAQ;YACb,IAAI,EAAE,CAAC;YACP,UAAU,EAAE,CAAC;YACb,MAAM,EAAE,MAAM,CAAC,aAAa;YAC5B,UAAU,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,EAAE;gBAC/C,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,OAAO;gBAC5C,MAAM,EAAE,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,SAAS;aAC3C,CAAC,EAAE;YACJ,GAAG,kBAAkB;SACtB;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAA"}
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import { NavbarMenuI18nProps, NavbarPages } from "../Navbar.types";
|
2
|
+
export type MainMenuProps = {
|
3
|
+
activePage: NavbarPages | string;
|
4
|
+
onToggleShowSubMenu: (e: React.MouseEvent<HTMLElement, MouseEvent>, show: boolean, section: NavbarPages) => void;
|
5
|
+
i18n: NavbarMenuI18nProps;
|
6
|
+
isMobile?: boolean;
|
7
|
+
isOpenOnMobile?: boolean;
|
8
|
+
};
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"MainMenu.types.js","sourceRoot":"","sources":["../../../../src/components/Navbar/MainMenu/MainMenu.types.ts"],"names":[],"mappings":""}
|
@@ -0,0 +1,15 @@
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
2
|
+
import { useCallback } from "react";
|
3
|
+
import ArrowForwardRoundedIcon from "@mui/icons-material/ArrowForwardRounded";
|
4
|
+
import { MenuItemContainer, MenuItemTitle } from "./MenuItem.styled";
|
5
|
+
const MenuItem = (props) => {
|
6
|
+
const { activePage, section, title, onToggleShowSubMenu, mainUrl, isMobile } = props;
|
7
|
+
const mainRedirect = useCallback(() => {
|
8
|
+
mainUrl && window.open(mainUrl, "_self");
|
9
|
+
}, [mainUrl]);
|
10
|
+
return (_jsxs(MenuItemContainer, { active: activePage === section, onClick: (e) => {
|
11
|
+
isMobile && onToggleShowSubMenu(e, true, section);
|
12
|
+
}, onMouseEnter: (e) => !isMobile && onToggleShowSubMenu(e, true, section), onMouseLeave: (e) => !isMobile && onToggleShowSubMenu(e, false, section), children: [_jsx(MenuItemTitle, { variant: "subtitle1", onClick: mainRedirect, children: title }), isMobile && _jsx(ArrowForwardRoundedIcon, {})] }));
|
13
|
+
};
|
14
|
+
export { MenuItem };
|
15
|
+
//# sourceMappingURL=MenuItem.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"MenuItem.js","sourceRoot":"","sources":["../../../../src/components/Navbar/MenuItem/MenuItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACnC,OAAO,uBAAuB,MAAM,yCAAyC,CAAA;AAE7E,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEpE,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IACxC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,mBAAmB,EAAE,OAAO,EAAE,QAAQ,EAAE,GAC1E,KAAK,CAAA;IAEP,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,OAAO,IAAI,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;IAC1C,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,OAAO,CACL,MAAC,iBAAiB,IAChB,MAAM,EAAE,UAAU,KAAK,OAAO,EAC9B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,QAAQ,IAAI,mBAAmB,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,CAAA;QACnD,CAAC,EACD,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,QAAQ,IAAI,mBAAmB,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,EACvE,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,QAAQ,IAAI,mBAAmB,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,aAExE,KAAC,aAAa,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,YAAY,YACrD,KAAK,GACQ,EACf,QAAQ,IAAI,KAAC,uBAAuB,KAAG,IACtB,CACrB,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}
|
@@ -0,0 +1,13 @@
|
|
1
|
+
declare const MenuItemContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
2
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
3
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
|
4
|
+
theme?: import("@emotion/react").Theme;
|
5
|
+
} & {
|
6
|
+
active: boolean;
|
7
|
+
}, {}, {}>;
|
8
|
+
declare const MenuItemTitle: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
9
|
+
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
10
|
+
}, "p" | "style" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "classes" | "className" | "children" | "sx" | "variant" | "align" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
|
11
|
+
theme?: import("@emotion/react").Theme;
|
12
|
+
}, {}, {}>;
|
13
|
+
export { MenuItemContainer, MenuItemTitle };
|
@@ -0,0 +1,54 @@
|
|
1
|
+
import styled from "@emotion/styled";
|
2
|
+
import { Box, Typography, useTheme } from "@mui/material";
|
3
|
+
const MenuItemContainer = styled(Box)((props) => {
|
4
|
+
const { active } = props;
|
5
|
+
const theme = useTheme();
|
6
|
+
let modifiedStyles;
|
7
|
+
if (active) {
|
8
|
+
modifiedStyles = {
|
9
|
+
fontWeight: "bold",
|
10
|
+
color: theme.palette.text.primary,
|
11
|
+
};
|
12
|
+
}
|
13
|
+
return {
|
14
|
+
backgroundColor: "transparent",
|
15
|
+
display: "flex",
|
16
|
+
cursor: "pointer",
|
17
|
+
alignItems: "center",
|
18
|
+
margin: "0 0 0 0",
|
19
|
+
padding: "0 10px",
|
20
|
+
border: 0,
|
21
|
+
color: theme.palette.text.secondary,
|
22
|
+
fontWeight: "normal",
|
23
|
+
...modifiedStyles,
|
24
|
+
"& :hover": {
|
25
|
+
color: theme.palette.text.primary,
|
26
|
+
},
|
27
|
+
[theme.breakpoints.down("sm")]: {
|
28
|
+
padding: "40px 0 23.66px",
|
29
|
+
fontSize: "20px",
|
30
|
+
fontStyle: "normal",
|
31
|
+
fontWeight: "normal",
|
32
|
+
lineHeight: "18px",
|
33
|
+
color: theme.palette.text.primary,
|
34
|
+
borderBottomColor: theme.palette.text.primary,
|
35
|
+
borderBottomStyle: "solid",
|
36
|
+
borderBottomWidth: "1px",
|
37
|
+
width: "calc(100% - 50px)",
|
38
|
+
margin: "0 25px",
|
39
|
+
justifyContent: "space-between",
|
40
|
+
},
|
41
|
+
};
|
42
|
+
});
|
43
|
+
const MenuItemTitle = styled(Typography)(() => {
|
44
|
+
const theme = useTheme();
|
45
|
+
return {
|
46
|
+
textTransform: "capitalize",
|
47
|
+
fontWeight: "inherit",
|
48
|
+
[theme.breakpoints.down("sm")]: {
|
49
|
+
color: theme.palette.text.primary,
|
50
|
+
},
|
51
|
+
};
|
52
|
+
});
|
53
|
+
export { MenuItemContainer, MenuItemTitle };
|
54
|
+
//# sourceMappingURL=MenuItem.styled.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"MenuItem.styled.js","sourceRoot":"","sources":["../../../../src/components/Navbar/MenuItem/MenuItem.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAEzD,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,KAA0B,EAAE,EAAE;IACnE,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IAExB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,IAAI,cAAc,CAAA;IAClB,IAAI,MAAM,EAAE,CAAC;QACX,cAAc,GAAG;YACf,UAAU,EAAE,MAAM;YAClB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;SAClC,CAAA;IACH,CAAC;IAED,OAAO;QACL,eAAe,EAAE,aAAa;QAC9B,OAAO,EAAE,MAAM;QACf,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,QAAQ;QACjB,MAAM,EAAE,CAAC;QACT,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;QACnC,UAAU,EAAE,QAAQ;QACpB,GAAG,cAAc;QACjB,UAAU,EAAE;YACV,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;SAClC;QACD,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;YAC9B,OAAO,EAAE,gBAAgB;YACzB,QAAQ,EAAE,MAAM;YAChB,SAAS,EAAE,QAAQ;YACnB,UAAU,EAAE,QAAQ;YACpB,UAAU,EAAE,MAAM;YAClB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;YACjC,iBAAiB,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;YAC7C,iBAAiB,EAAE,OAAgB;YACnC,iBAAiB,EAAE,KAAK;YACxB,KAAK,EAAE,mBAAmB;YAC1B,MAAM,EAAE,QAAQ;YAChB,cAAc,EAAE,eAAe;SAChC;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,GAAG,EAAE;IAC5C,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO;QACL,aAAa,EAAE,YAAqB;QACpC,UAAU,EAAE,SAAS;QACrB,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;YAC9B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;SAClC;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,CAAA"}
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import { NavbarPages } from "../Navbar.types";
|
2
|
+
export type MenuItemProps = {
|
3
|
+
activePage: NavbarPages | string;
|
4
|
+
section: NavbarPages;
|
5
|
+
title: React.ReactNode;
|
6
|
+
onToggleShowSubMenu: (e: React.MouseEvent<HTMLElement>, show: boolean, section: NavbarPages) => void;
|
7
|
+
mainUrl?: string;
|
8
|
+
isMobile?: boolean;
|
9
|
+
};
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"MenuItem.types.js","sourceRoot":"","sources":["../../../../src/components/Navbar/MenuItem/MenuItem.types.ts"],"names":[],"mappings":""}
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import { ChainSelectori18n } from "../ChainSelector/ChainSelector.types";
|
2
|
+
import { NavbarMenuI18nProps, NavbarSubmenuProps } from "./Navbar.types";
|
3
|
+
declare const navbarMainTitlesI18N: NavbarMenuI18nProps;
|
4
|
+
declare const i18nChainSelectorDefault: ChainSelectori18n;
|
5
|
+
declare const navbarSubmenu: NavbarSubmenuProps;
|
6
|
+
export { navbarMainTitlesI18N, i18nChainSelectorDefault, navbarSubmenu };
|