decentraland-ui2 2.5.3 → 3.0.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/Navbar/Credits.styled.d.ts +9 -0
- package/dist/components/Navbar/Credits.styled.js +58 -0
- package/dist/components/Navbar/Credits.styled.js.map +1 -0
- package/dist/components/Navbar/MobileMenu.d.ts +8 -0
- package/dist/components/Navbar/MobileMenu.js +20 -0
- package/dist/components/Navbar/MobileMenu.js.map +1 -0
- package/dist/components/Navbar/MobileMenu.styled.d.ts +35 -0
- package/dist/components/Navbar/MobileMenu.styled.js +116 -0
- package/dist/components/Navbar/MobileMenu.styled.js.map +1 -0
- package/dist/components/Navbar/NavLinks.d.ts +11 -0
- package/dist/components/Navbar/NavLinks.js +19 -0
- package/dist/components/Navbar/NavLinks.js.map +1 -0
- package/dist/components/Navbar/NavLinks.styled.d.ts +31 -0
- package/dist/components/Navbar/NavLinks.styled.js +130 -0
- package/dist/components/Navbar/NavLinks.styled.js.map +1 -0
- package/dist/components/Navbar/Navbar.d.ts +2 -3
- package/dist/components/Navbar/Navbar.defaults.d.ts +29 -6
- package/dist/components/Navbar/Navbar.defaults.js +101 -231
- package/dist/components/Navbar/Navbar.defaults.js.map +1 -1
- package/dist/components/Navbar/Navbar.js +109 -34
- package/dist/components/Navbar/Navbar.js.map +1 -1
- package/dist/components/Navbar/Navbar.stories.d.ts +9 -8
- package/dist/components/Navbar/Navbar.stories.js +93 -60
- package/dist/components/Navbar/Navbar.stories.js.map +1 -1
- package/dist/components/Navbar/Navbar.styled.d.ts +53 -56
- package/dist/components/Navbar/Navbar.styled.js +168 -101
- package/dist/components/Navbar/Navbar.styled.js.map +1 -1
- package/dist/components/Navbar/Navbar.types.d.ts +72 -56
- package/dist/components/Navbar/Navbar.types.js +1 -10
- package/dist/components/Navbar/Navbar.types.js.map +1 -1
- package/dist/components/Navbar/NotificationBell.styled.d.ts +61 -0
- package/dist/components/Navbar/NotificationBell.styled.js +189 -0
- package/dist/components/Navbar/NotificationBell.styled.js.map +1 -0
- package/dist/components/Navbar/UserCardPanel.d.ts +27 -0
- package/dist/components/Navbar/UserCardPanel.js +106 -0
- package/dist/components/Navbar/UserCardPanel.js.map +1 -0
- package/dist/components/Navbar/UserCardPanel.styled.d.ts +133 -0
- package/dist/components/Navbar/UserCardPanel.styled.js +392 -0
- package/dist/components/Navbar/UserCardPanel.styled.js.map +1 -0
- package/dist/components/Navbar/formatBalance.d.ts +2 -0
- package/dist/components/Navbar/formatBalance.js +5 -0
- package/dist/components/Navbar/formatBalance.js.map +1 -0
- package/dist/components/Navbar/icons.d.ts +24 -0
- package/dist/components/Navbar/icons.js +67 -0
- package/dist/components/Navbar/icons.js.map +1 -0
- package/dist/components/Navbar/index.d.ts +3 -2
- package/dist/components/Navbar/index.js +2 -2
- package/dist/components/Navbar/index.js.map +1 -1
- package/package.json +2 -2
- package/dist/components/Navbar/MainMenu/MainMenu.d.ts +0 -2
- package/dist/components/Navbar/MainMenu/MainMenu.js +0 -26
- package/dist/components/Navbar/MainMenu/MainMenu.js.map +0 -1
- package/dist/components/Navbar/MainMenu/MainMenu.styled.d.ts +0 -9
- package/dist/components/Navbar/MainMenu/MainMenu.styled.js +0 -39
- package/dist/components/Navbar/MainMenu/MainMenu.styled.js.map +0 -1
- package/dist/components/Navbar/MainMenu/MainMenu.types.d.ts +0 -8
- package/dist/components/Navbar/MainMenu/MainMenu.types.js +0 -2
- package/dist/components/Navbar/MainMenu/MainMenu.types.js.map +0 -1
- package/dist/components/Navbar/MenuItem/MenuItem.d.ts +0 -3
- package/dist/components/Navbar/MenuItem/MenuItem.js +0 -15
- package/dist/components/Navbar/MenuItem/MenuItem.js.map +0 -1
- package/dist/components/Navbar/MenuItem/MenuItem.styled.d.ts +0 -18
- package/dist/components/Navbar/MenuItem/MenuItem.styled.js +0 -59
- package/dist/components/Navbar/MenuItem/MenuItem.styled.js.map +0 -1
- package/dist/components/Navbar/MenuItem/MenuItem.types.d.ts +0 -12
- package/dist/components/Navbar/MenuItem/MenuItem.types.js +0 -2
- package/dist/components/Navbar/MenuItem/MenuItem.types.js.map +0 -1
- package/dist/components/Navbar/SubMenu/SubMenu.d.ts +0 -2
- package/dist/components/Navbar/SubMenu/SubMenu.js +0 -14
- package/dist/components/Navbar/SubMenu/SubMenu.js.map +0 -1
- package/dist/components/Navbar/SubMenu/SubMenu.styled.d.ts +0 -27
- package/dist/components/Navbar/SubMenu/SubMenu.styled.js +0 -165
- package/dist/components/Navbar/SubMenu/SubMenu.styled.js.map +0 -1
- package/dist/components/Navbar/SubMenu/SubMenu.types.d.ts +0 -13
- package/dist/components/Navbar/SubMenu/SubMenu.types.js +0 -2
- package/dist/components/Navbar/SubMenu/SubMenu.types.js.map +0 -1
- package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.d.ts +0 -3
- package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.js +0 -9
- package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.js.map +0 -1
- package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.styled.d.ts +0 -11
- package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.styled.js +0 -33
- package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.styled.js.map +0 -1
- package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.types.d.ts +0 -5
- package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.types.js +0 -2
- package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.types.js.map +0 -1
- package/dist/components/Navbar/SubMenuItem/SubMenuItem.d.ts +0 -2
- package/dist/components/Navbar/SubMenuItem/SubMenuItem.js +0 -15
- package/dist/components/Navbar/SubMenuItem/SubMenuItem.js.map +0 -1
- package/dist/components/Navbar/SubMenuItem/SubMenuItem.styled.d.ts +0 -32
- package/dist/components/Navbar/SubMenuItem/SubMenuItem.styled.js +0 -84
- package/dist/components/Navbar/SubMenuItem/SubMenuItem.styled.js.map +0 -1
- package/dist/components/Navbar/SubMenuItem/SubMenuItem.types.d.ts +0 -13
- package/dist/components/Navbar/SubMenuItem/SubMenuItem.types.js +0 -2
- package/dist/components/Navbar/SubMenuItem/SubMenuItem.types.js.map +0 -1
- package/dist/components/Navbar/utils.d.ts +0 -16
- package/dist/components/Navbar/utils.js +0 -33
- package/dist/components/Navbar/utils.js.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MainMenu.js","sourceRoot":"","sources":["../../../../src/components/Navbar/MainMenu/MainMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
interface MainMenuContainerProps {
|
|
2
|
-
isOpenOnMobile?: boolean;
|
|
3
|
-
}
|
|
4
|
-
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"> & {
|
|
5
|
-
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
6
|
-
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
|
|
7
|
-
theme?: import("@emotion/react").Theme;
|
|
8
|
-
} & MainMenuContainerProps, {}, {}>;
|
|
9
|
-
export { MainMenuContainer };
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import zIndex from '@mui/material/styles/zIndex';
|
|
2
|
-
import styled from '@emotion/styled';
|
|
3
|
-
import { Box } from '@mui/material';
|
|
4
|
-
const MainMenuContainer = styled(Box, {
|
|
5
|
-
shouldForwardProp: prop => prop !== 'isOpenOnMobile'
|
|
6
|
-
})(props => {
|
|
7
|
-
const { isOpenOnMobile, theme } = props;
|
|
8
|
-
let mobileOpenedStyles;
|
|
9
|
-
if (isOpenOnMobile) {
|
|
10
|
-
mobileOpenedStyles = {
|
|
11
|
-
top: '56px'
|
|
12
|
-
};
|
|
13
|
-
}
|
|
14
|
-
return {
|
|
15
|
-
display: 'flex',
|
|
16
|
-
height: '64px',
|
|
17
|
-
marginLeft: '10px',
|
|
18
|
-
[theme.breakpoints.down('sm')]: {
|
|
19
|
-
position: 'absolute',
|
|
20
|
-
flexDirection: 'column',
|
|
21
|
-
alignItems: 'flex-start',
|
|
22
|
-
justifyContent: 'flex-start',
|
|
23
|
-
backgroundColor: theme.palette.background.default,
|
|
24
|
-
width: '100vw',
|
|
25
|
-
height: '100vh',
|
|
26
|
-
top: '-150vh',
|
|
27
|
-
left: 0,
|
|
28
|
-
marginLeft: 0,
|
|
29
|
-
zIndex: zIndex.mobileStepper,
|
|
30
|
-
transition: `${theme.transitions.create(['top'], {
|
|
31
|
-
duration: theme.transitions.duration.shorter,
|
|
32
|
-
easing: theme.transitions.easing.easeInOut
|
|
33
|
-
})}`,
|
|
34
|
-
...mobileOpenedStyles
|
|
35
|
-
}
|
|
36
|
-
};
|
|
37
|
-
});
|
|
38
|
-
export { MainMenuContainer };
|
|
39
|
-
//# sourceMappingURL=MainMenu.styled.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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,MAAM,eAAe,CAAA;AAMnC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,EAAE;IACpC,iBAAiB,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,KAAK,gBAAgB;CACrD,CAAC,CAAyB,KAAK,CAAC,EAAE;IACjC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IAEvC,IAAI,kBAAkB,CAAA;IACtB,IAAI,cAAc,EAAE,CAAC;QACnB,kBAAkB,GAAG;YACnB,GAAG,EAAE,MAAM;SACZ,CAAA;IACH,CAAC;IACD,OAAO;QACL,OAAO,EAAE,MAAM;QACf,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,MAAM;QAClB,CAAC,KAAM,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;YAC/B,QAAQ,EAAE,UAAU;YACpB,aAAa,EAAE,QAAQ;YACvB,UAAU,EAAE,YAAY;YACxB,cAAc,EAAE,YAAY;YAC5B,eAAe,EAAE,KAAM,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO;YAClD,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,KAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,EAAE;gBAChD,QAAQ,EAAE,KAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,OAAO;gBAC7C,MAAM,EAAE,KAAM,CAAC,WAAW,CAAC,MAAM,CAAC,SAAS;aAC5C,CAAC,EAAE;YACJ,GAAG,kBAAkB;SACtB;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAA"}
|
|
@@ -1,8 +0,0 @@
|
|
|
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
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MainMenu.types.js","sourceRoot":"","sources":["../../../../src/components/Navbar/MainMenu/MainMenu.types.ts"],"names":[],"mappings":""}
|
|
@@ -1,15 +0,0 @@
|
|
|
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, textColor, backgroundColor, isExtraButton } = props;
|
|
7
|
-
const mainRedirect = useCallback(() => {
|
|
8
|
-
mainUrl && window.open(mainUrl, '_self');
|
|
9
|
-
}, [mainUrl]);
|
|
10
|
-
return (_jsxs(MenuItemContainer, { active: activePage === section, onClick: e => {
|
|
11
|
-
isMobile && !isExtraButton && onToggleShowSubMenu(e, true, section);
|
|
12
|
-
}, onMouseEnter: e => !isMobile && onToggleShowSubMenu(e, true, section), onMouseLeave: e => !isMobile && onToggleShowSubMenu(e, false, section), backgroundColor: backgroundColor, "aria-label": `${title} menu item`, children: [_jsx(MenuItemTitle, { variant: "subtitle1", onClick: mainRedirect, textColor: textColor, "aria-label": `${title}`, children: title }), isMobile && _jsx(ArrowForwardRoundedIcon, { "aria-label": "forward arrow icon" })] }));
|
|
13
|
-
};
|
|
14
|
-
export { MenuItem };
|
|
15
|
-
//# sourceMappingURL=MenuItem.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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,SAAS,EAAE,eAAe,EAAE,aAAa,EAAE,GAAG,KAAK,CAAA;IAE/H,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;YACX,QAAQ,IAAI,CAAC,aAAa,IAAI,mBAAmB,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,CAAA;QACrE,CAAC,EACD,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,QAAQ,IAAI,mBAAmB,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,EACrE,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,QAAQ,IAAI,mBAAmB,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,EACtE,eAAe,EAAE,eAAe,gBACpB,GAAG,KAAK,YAAY,aAEhC,KAAC,aAAa,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,gBAAc,GAAG,KAAK,EAAE,YACnG,KAAK,GACQ,EACf,QAAQ,IAAI,KAAC,uBAAuB,kBAAY,oBAAoB,GAAG,IACtD,CACrB,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
interface MenuItemContainerProps {
|
|
2
|
-
active: boolean;
|
|
3
|
-
backgroundColor?: string;
|
|
4
|
-
}
|
|
5
|
-
interface MenuItemTitleProps {
|
|
6
|
-
textColor?: string;
|
|
7
|
-
}
|
|
8
|
-
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"> & {
|
|
9
|
-
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
10
|
-
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
|
|
11
|
-
theme?: import("@emotion/react").Theme;
|
|
12
|
-
} & MenuItemContainerProps, {}, {}>;
|
|
13
|
-
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"> & {
|
|
14
|
-
ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
15
|
-
}, "typography" | "zIndex" | "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" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
|
|
16
|
-
theme?: import("@emotion/react").Theme;
|
|
17
|
-
} & MenuItemTitleProps, {}, {}>;
|
|
18
|
-
export { MenuItemContainer, MenuItemTitle };
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
import styled from '@emotion/styled';
|
|
2
|
-
import { Box, Typography } from '@mui/material';
|
|
3
|
-
const MenuItemContainer = styled(Box, {
|
|
4
|
-
shouldForwardProp: prop => !['active', 'backgroundColor'].includes(prop)
|
|
5
|
-
})(props => {
|
|
6
|
-
const { active, backgroundColor, theme } = props;
|
|
7
|
-
let modifiedStyles;
|
|
8
|
-
if (active) {
|
|
9
|
-
modifiedStyles = {
|
|
10
|
-
fontWeight: 'bold',
|
|
11
|
-
color: theme.palette.text.primary
|
|
12
|
-
};
|
|
13
|
-
}
|
|
14
|
-
return {
|
|
15
|
-
backgroundColor: backgroundColor ? backgroundColor : 'transparent',
|
|
16
|
-
display: 'flex',
|
|
17
|
-
cursor: 'pointer',
|
|
18
|
-
alignItems: 'center',
|
|
19
|
-
margin: '0 0 0 0',
|
|
20
|
-
padding: '0 10px',
|
|
21
|
-
border: 0,
|
|
22
|
-
color: theme.palette.text.secondary,
|
|
23
|
-
fontWeight: 'normal',
|
|
24
|
-
...modifiedStyles,
|
|
25
|
-
'& :hover': {
|
|
26
|
-
color: theme.palette.text.primary
|
|
27
|
-
},
|
|
28
|
-
[theme.breakpoints.down('sm')]: {
|
|
29
|
-
padding: '40px 0 23.66px',
|
|
30
|
-
fontSize: '20px',
|
|
31
|
-
fontStyle: 'normal',
|
|
32
|
-
fontWeight: 'normal',
|
|
33
|
-
lineHeight: '18px',
|
|
34
|
-
color: theme.palette.text.primary,
|
|
35
|
-
borderBottomColor: theme.palette.text.primary,
|
|
36
|
-
borderBottomStyle: 'solid',
|
|
37
|
-
borderBottomWidth: '1px',
|
|
38
|
-
width: 'calc(100% - 50px)',
|
|
39
|
-
margin: '0 25px',
|
|
40
|
-
justifyContent: 'space-between'
|
|
41
|
-
}
|
|
42
|
-
};
|
|
43
|
-
});
|
|
44
|
-
const MenuItemTitle = styled(Typography, {
|
|
45
|
-
shouldForwardProp: prop => prop !== 'textColor'
|
|
46
|
-
})(props => {
|
|
47
|
-
const { textColor, theme } = props;
|
|
48
|
-
return {
|
|
49
|
-
textTransform: 'capitalize',
|
|
50
|
-
fontWeight: 'inherit',
|
|
51
|
-
fontSize: '16px',
|
|
52
|
-
color: textColor ? textColor : theme.palette.text.secondary,
|
|
53
|
-
[theme.breakpoints.down('sm')]: {
|
|
54
|
-
color: textColor ? textColor : theme.palette.text.primary
|
|
55
|
-
}
|
|
56
|
-
};
|
|
57
|
-
});
|
|
58
|
-
export { MenuItemContainer, MenuItemTitle };
|
|
59
|
-
//# sourceMappingURL=MenuItem.styled.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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,MAAM,eAAe,CAAA;AAW/C,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,EAAE;IACpC,iBAAiB,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CACnF,CAAC,CAAyB,KAAK,CAAC,EAAE;IACjC,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IAChD,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,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,aAAa;QAClE,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,KAAM,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;YAC/B,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,OAAO;YAC1B,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,EAAE;IACvC,iBAAiB,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,KAAK,WAAW;CAChD,CAAC,CAAqB,KAAK,CAAC,EAAE;IAC7B,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IAClC,OAAO;QACL,aAAa,EAAE,YAAY;QAC3B,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,MAAM;QAChB,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;QAC3D,CAAC,KAAM,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;YAC/B,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;SAC1D;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,CAAA"}
|
|
@@ -1,12 +0,0 @@
|
|
|
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
|
-
isExtraButton?: boolean;
|
|
10
|
-
textColor?: string;
|
|
11
|
-
backgroundColor?: string;
|
|
12
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MenuItem.types.js","sourceRoot":"","sources":["../../../../src/components/Navbar/MenuItem/MenuItem.types.ts"],"names":[],"mappings":""}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import ArrowBackIosNewRoundedIcon from '@mui/icons-material/ArrowBackIosNewRounded';
|
|
3
|
-
import { SubMenuColumn } from '../SubMenuColumn/SubMenuColumn';
|
|
4
|
-
import { SubMenuItem } from '../SubMenuItem/SubMenuItem';
|
|
5
|
-
import { BackButton, MenuItemContainer, SubMenuContainer, SubMenuWrapper } from './SubMenu.styled';
|
|
6
|
-
export const SubMenu = (props) => {
|
|
7
|
-
const { selectedMenu, onToggleShowSubMenu, onClickMenuOption, isMobile, submenus } = props;
|
|
8
|
-
return (_jsx(SubMenuContainer, { children: Object.keys(submenus).map(key => {
|
|
9
|
-
const section = key;
|
|
10
|
-
const submenu = submenus[section];
|
|
11
|
-
return (_jsx(MenuItemContainer, { onMouseEnter: e => !isMobile && onToggleShowSubMenu(e, true, section), onMouseLeave: e => !isMobile && onToggleShowSubMenu(e, false, section), active: selectedMenu === section, section: section, isMobile: isMobile, "aria-label": `${section.toLowerCase()} submenu section`, children: _jsxs(SubMenuWrapper, { children: [isMobile && (_jsx(BackButton, { variant: "text", color: "inherit", onClick: e => onToggleShowSubMenu(e, false, section), startIcon: _jsx(ArrowBackIosNewRoundedIcon, {}), "aria-label": "back to main menu", children: "Back" })), _jsx(SubMenuColumn, { title: submenu.column1Title, children: submenu.column1.map((item, index) => (_jsx(SubMenuItem, { isExternal: item.isExternal, title: item.title, description: item.description, href: item.url, eventTrackingName: item.eventTrackingName, onClickMenuOption: onClickMenuOption }, index))) }), _jsx(SubMenuColumn, { title: submenu.column2Title, children: submenu.column2.map((item, index) => (_jsx(SubMenuItem, { isExternal: item.isExternal, title: item.title, description: item.description, href: item.url, eventTrackingName: item.eventTrackingName, onClickMenuOption: onClickMenuOption }, index))) }), !!submenu.column3 && (_jsx(SubMenuColumn, { title: submenu.column3Title, children: submenu.column3.map((item, index) => (_jsx(SubMenuItem, { isExternal: item.isExternal, title: item.title, description: item.description, href: item.url, eventTrackingName: item.eventTrackingName, onClickMenuOption: onClickMenuOption }, index))) }))] }) }, key));
|
|
12
|
-
}) }));
|
|
13
|
-
};
|
|
14
|
-
//# sourceMappingURL=SubMenu.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SubMenu.js","sourceRoot":"","sources":["../../../../src/components/Navbar/SubMenu/SubMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { NavbarPages } from '../Navbar.types';
|
|
2
|
-
interface MenuItemContainerProps {
|
|
3
|
-
active: boolean;
|
|
4
|
-
section: NavbarPages;
|
|
5
|
-
isMobile?: boolean;
|
|
6
|
-
}
|
|
7
|
-
declare const SubMenuContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
8
|
-
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
9
|
-
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
|
|
10
|
-
theme?: import("@emotion/react").Theme;
|
|
11
|
-
}, {}, {}>;
|
|
12
|
-
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"> & {
|
|
13
|
-
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
14
|
-
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
|
|
15
|
-
theme?: import("@emotion/react").Theme;
|
|
16
|
-
} & MenuItemContainerProps, {}, {}>;
|
|
17
|
-
declare const SubMenuWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
18
|
-
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
19
|
-
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
|
|
20
|
-
theme?: import("@emotion/react").Theme;
|
|
21
|
-
}, {}, {}>;
|
|
22
|
-
declare const BackButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
23
|
-
ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
24
|
-
}, "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"> & {
|
|
25
|
-
theme?: import("@emotion/react").Theme;
|
|
26
|
-
}, {}, {}>;
|
|
27
|
-
export { SubMenuContainer, MenuItemContainer, SubMenuWrapper, BackButton };
|
|
@@ -1,165 +0,0 @@
|
|
|
1
|
-
import zIndex from '@mui/material/styles/zIndex';
|
|
2
|
-
import styled from '@emotion/styled';
|
|
3
|
-
import { Box, Button } from '@mui/material';
|
|
4
|
-
import CreateImage from '../../../Assets/Navbar/create-submenu.webp';
|
|
5
|
-
import ExploreImage from '../../../Assets/Navbar/explore-submenu.webp';
|
|
6
|
-
import GovernanceImage from '../../../Assets/Navbar/governance-submenu.webp';
|
|
7
|
-
import LearnImage from '../../../Assets/Navbar/learn-submenu.webp';
|
|
8
|
-
import MarketplaceImage from '../../../Assets/Navbar/marketplace-submenu.webp';
|
|
9
|
-
import { NavbarPages } from '../Navbar.types';
|
|
10
|
-
const SubMenuContainer = styled(Box)(props => {
|
|
11
|
-
const { theme } = props;
|
|
12
|
-
return {
|
|
13
|
-
[theme.breakpoints.down('sm')]: {
|
|
14
|
-
position: 'absolute',
|
|
15
|
-
zIndex: zIndex.modal
|
|
16
|
-
}
|
|
17
|
-
};
|
|
18
|
-
});
|
|
19
|
-
const MenuItemContainer = styled(Box, {
|
|
20
|
-
shouldForwardProp: prop => !['active', 'section', 'isMobile'].includes(prop)
|
|
21
|
-
})(props => {
|
|
22
|
-
const { active, section, theme } = props;
|
|
23
|
-
let modifiedStyles;
|
|
24
|
-
let mobileModifiedStyles;
|
|
25
|
-
let leftImageStyles;
|
|
26
|
-
const defaultStyles = {
|
|
27
|
-
opacity: 1,
|
|
28
|
-
top: '-200%',
|
|
29
|
-
width: '100%',
|
|
30
|
-
backgroundSize: '100% 100%',
|
|
31
|
-
backgroundPosition: '0px 0px, 0px 0px',
|
|
32
|
-
position: 'fixed',
|
|
33
|
-
zIndex: 1099,
|
|
34
|
-
left: 0,
|
|
35
|
-
paddingLeft: '370px',
|
|
36
|
-
paddingRight: '48px',
|
|
37
|
-
height: '328px',
|
|
38
|
-
minHeight: 'calc(390px + 64px)',
|
|
39
|
-
boxShadow: 'none',
|
|
40
|
-
backgroundRepeat: 'no-repeat',
|
|
41
|
-
display: 'flex',
|
|
42
|
-
alignItems: 'center',
|
|
43
|
-
paddingTop: '64px',
|
|
44
|
-
backgroundColor: theme.palette.background.default,
|
|
45
|
-
transition: `${theme.transitions.create(['box-shadow', 'height'], {
|
|
46
|
-
duration: theme.transitions.duration.shorter,
|
|
47
|
-
easing: theme.transitions.easing.easeInOut
|
|
48
|
-
})}, ${theme.transitions.create(['top', 'left'], {
|
|
49
|
-
duration: theme.transitions.duration.complex,
|
|
50
|
-
easing: 'cubic-bezier(1, 0, 0.15, 1)'
|
|
51
|
-
})}`
|
|
52
|
-
};
|
|
53
|
-
if (active) {
|
|
54
|
-
modifiedStyles = {
|
|
55
|
-
opacity: 1,
|
|
56
|
-
top: 0,
|
|
57
|
-
zIndex: 1099,
|
|
58
|
-
boxShadow: theme.shadows[20]
|
|
59
|
-
};
|
|
60
|
-
mobileModifiedStyles = {
|
|
61
|
-
left: 0
|
|
62
|
-
};
|
|
63
|
-
}
|
|
64
|
-
switch (section) {
|
|
65
|
-
case NavbarPages.MARKETPLACE:
|
|
66
|
-
modifiedStyles = {
|
|
67
|
-
...modifiedStyles,
|
|
68
|
-
backgroundImage: 'radial-gradient(350px 200px at 400px 120%,#691fa933 0%,transparent 150%),radial-gradient(350px 200px at 1280px 120%, #691fa933 0%, #073aff00 100%)'
|
|
69
|
-
};
|
|
70
|
-
leftImageStyles = {
|
|
71
|
-
backgroundImage: `url(${MarketplaceImage})`
|
|
72
|
-
};
|
|
73
|
-
break;
|
|
74
|
-
case NavbarPages.CREATE:
|
|
75
|
-
modifiedStyles = {
|
|
76
|
-
...modifiedStyles,
|
|
77
|
-
backgroundImage: 'radial-gradient(350px 200px at 400px 120%,#ff743933 0%,transparent 150%),radial-gradient(350px 200px at 1280px 120%, #ff743933 0%, #073aff00 100%)'
|
|
78
|
-
};
|
|
79
|
-
leftImageStyles = {
|
|
80
|
-
backgroundImage: `url(${CreateImage})`
|
|
81
|
-
};
|
|
82
|
-
break;
|
|
83
|
-
case NavbarPages.EXPLORE:
|
|
84
|
-
modifiedStyles = {
|
|
85
|
-
...modifiedStyles,
|
|
86
|
-
backgroundImage: 'radial-gradient(350px 200px at 400px 120%,#3dd0ff33 0%,transparent 150%),radial-gradient(350px 200px at 1280px 120%, #3dd0ff33 0%, #073aff00 100%)'
|
|
87
|
-
};
|
|
88
|
-
leftImageStyles = {
|
|
89
|
-
backgroundImage: `url(${ExploreImage})`
|
|
90
|
-
};
|
|
91
|
-
break;
|
|
92
|
-
case NavbarPages.LEARN:
|
|
93
|
-
modifiedStyles = {
|
|
94
|
-
...modifiedStyles,
|
|
95
|
-
backgroundImage: 'radial-gradient(350px 200px at 400px 120%,#a6746433 0%,transparent 150%),radial-gradient(350px 200px at 1280px 120%, #a6746433 0%, #073aff00 100%)'
|
|
96
|
-
};
|
|
97
|
-
leftImageStyles = {
|
|
98
|
-
backgroundImage: `url(${LearnImage})`
|
|
99
|
-
};
|
|
100
|
-
break;
|
|
101
|
-
case NavbarPages.GOVERNANCE:
|
|
102
|
-
modifiedStyles = {
|
|
103
|
-
...modifiedStyles,
|
|
104
|
-
backgroundImage: 'radial-gradient(350px 200px at 400px 120%,#ff3dec33 0%,transparent 150%),radial-gradient(350px 200px at 1280px 120%, #ff3dec33 0%, #073aff00 100%)'
|
|
105
|
-
};
|
|
106
|
-
leftImageStyles = {
|
|
107
|
-
backgroundImage: `url(${GovernanceImage})`
|
|
108
|
-
};
|
|
109
|
-
break;
|
|
110
|
-
}
|
|
111
|
-
return {
|
|
112
|
-
...defaultStyles,
|
|
113
|
-
...modifiedStyles,
|
|
114
|
-
'&::after': {
|
|
115
|
-
content: '""',
|
|
116
|
-
position: 'absolute',
|
|
117
|
-
width: '370px',
|
|
118
|
-
height: 'calc(100% - 64px)',
|
|
119
|
-
top: '64px',
|
|
120
|
-
backgroundRepeat: 'no-repeat',
|
|
121
|
-
backgroundPosition: 'bottom center',
|
|
122
|
-
left: 0,
|
|
123
|
-
backgroundSize: 'auto 90%',
|
|
124
|
-
...leftImageStyles,
|
|
125
|
-
[theme.breakpoints.between('sm', 'lg')]: {
|
|
126
|
-
backgroundImage: 'none'
|
|
127
|
-
}
|
|
128
|
-
},
|
|
129
|
-
[theme.breakpoints.down('lg')]: {
|
|
130
|
-
paddingLeft: '48px',
|
|
131
|
-
'&::after': {
|
|
132
|
-
content: 'none'
|
|
133
|
-
}
|
|
134
|
-
},
|
|
135
|
-
[theme.breakpoints.down('sm')]: {
|
|
136
|
-
top: '64px',
|
|
137
|
-
left: '150%',
|
|
138
|
-
height: '100vh',
|
|
139
|
-
padding: '0 25px',
|
|
140
|
-
margin: 0,
|
|
141
|
-
alignItems: 'flex-start',
|
|
142
|
-
boxShadow: 'none',
|
|
143
|
-
backgroundColor: theme.palette.background.default,
|
|
144
|
-
...mobileModifiedStyles,
|
|
145
|
-
'&::after': {
|
|
146
|
-
content: 'none'
|
|
147
|
-
}
|
|
148
|
-
}
|
|
149
|
-
};
|
|
150
|
-
});
|
|
151
|
-
const SubMenuWrapper = styled(Box)(props => {
|
|
152
|
-
const { theme } = props;
|
|
153
|
-
return {
|
|
154
|
-
width: '100%',
|
|
155
|
-
display: 'flex',
|
|
156
|
-
alignItems: 'flex-start',
|
|
157
|
-
height: 'fit-content',
|
|
158
|
-
[theme.breakpoints.down('sm')]: {
|
|
159
|
-
flexDirection: 'column'
|
|
160
|
-
}
|
|
161
|
-
};
|
|
162
|
-
});
|
|
163
|
-
const BackButton = styled(Button)({ padding: '0' });
|
|
164
|
-
export { SubMenuContainer, MenuItemContainer, SubMenuWrapper, BackButton };
|
|
165
|
-
//# sourceMappingURL=SubMenu.styled.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SubMenu.styled.js","sourceRoot":"","sources":["../../../../src/components/Navbar/SubMenu/SubMenu.styled.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { NavbarPages, NavbarSubmenuProps } from '../Navbar.types';
|
|
2
|
-
type SubMenuProps = {
|
|
3
|
-
selectedMenu: NavbarPages | boolean;
|
|
4
|
-
submenus: NavbarSubmenuProps;
|
|
5
|
-
onToggleShowSubMenu: (e: React.MouseEvent<HTMLElement>, show: boolean, section: NavbarPages) => void;
|
|
6
|
-
onClickMenuOption?: (event: React.MouseEvent<HTMLElement, MouseEvent>, options: {
|
|
7
|
-
eventTrackingName: string;
|
|
8
|
-
url?: string;
|
|
9
|
-
isExternal?: boolean;
|
|
10
|
-
}) => void;
|
|
11
|
-
isMobile?: boolean;
|
|
12
|
-
};
|
|
13
|
-
export { SubMenuProps };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SubMenu.types.js","sourceRoot":"","sources":["../../../../src/components/Navbar/SubMenu/SubMenu.types.ts"],"names":[],"mappings":""}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Typography } from '@mui/material';
|
|
3
|
-
import { SubMenuColumnContainer } from './SubMenuColumn.styled';
|
|
4
|
-
const SubMenuColumn = (props) => {
|
|
5
|
-
const { children, title } = props;
|
|
6
|
-
return (_jsxs(SubMenuColumnContainer, { children: [!!title && _jsx(Typography, { variant: "body2", children: title }), children] }));
|
|
7
|
-
};
|
|
8
|
-
export { SubMenuColumn };
|
|
9
|
-
//# sourceMappingURL=SubMenuColumn.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SubMenuColumn.js","sourceRoot":"","sources":["../../../../src/components/Navbar/SubMenuColumn/SubMenuColumn.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AAE/D,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IAClD,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IACjC,OAAO,CACL,MAAC,sBAAsB,eACpB,CAAC,CAAC,KAAK,IAAI,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,YAAE,KAAK,GAAc,EAC3D,QAAQ,IACc,CAC1B,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
declare const SubMenuColumnContainer: 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").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
3
|
-
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
|
|
4
|
-
theme?: import("@emotion/react").Theme;
|
|
5
|
-
}, {}, {}>;
|
|
6
|
-
declare const SubMenuColumnTitle: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
7
|
-
ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
8
|
-
}, "typography" | "zIndex" | "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" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
|
|
9
|
-
theme?: import("@emotion/react").Theme;
|
|
10
|
-
}, {}, {}>;
|
|
11
|
-
export { SubMenuColumnContainer, SubMenuColumnTitle };
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import styled from '@emotion/styled';
|
|
2
|
-
import { Box, Typography } from '@mui/material';
|
|
3
|
-
const SubMenuColumnContainer = styled(Box)(props => {
|
|
4
|
-
const { theme } = props;
|
|
5
|
-
return {
|
|
6
|
-
display: 'flex',
|
|
7
|
-
flexFlow: 'column nowrap',
|
|
8
|
-
justifyContent: 'center',
|
|
9
|
-
height: '100%',
|
|
10
|
-
flexWrap: 'nowrap',
|
|
11
|
-
marginRight: '56px',
|
|
12
|
-
flex: 1,
|
|
13
|
-
maxWidth: '350px',
|
|
14
|
-
'&:hover': {
|
|
15
|
-
borderBottomColor: 'blue'
|
|
16
|
-
},
|
|
17
|
-
[theme.breakpoints.down('sm')]: {
|
|
18
|
-
maxWidth: '100%',
|
|
19
|
-
width: '100%'
|
|
20
|
-
}
|
|
21
|
-
};
|
|
22
|
-
});
|
|
23
|
-
const SubMenuColumnTitle = styled(Typography)(() => ({
|
|
24
|
-
fontSize: '18px',
|
|
25
|
-
fontWeight: 600,
|
|
26
|
-
lineHeight: '18px',
|
|
27
|
-
marginBottom: '6px',
|
|
28
|
-
'&:hover': {
|
|
29
|
-
color: 'blue'
|
|
30
|
-
}
|
|
31
|
-
}));
|
|
32
|
-
export { SubMenuColumnContainer, SubMenuColumnTitle };
|
|
33
|
-
//# sourceMappingURL=SubMenuColumn.styled.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SubMenuColumn.styled.js","sourceRoot":"","sources":["../../../../src/components/Navbar/SubMenuColumn/SubMenuColumn.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE/C,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,EAAE;IACjD,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IACvB,OAAO;QACL,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,eAAe;QACzB,cAAc,EAAE,QAAQ;QACxB,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,QAAQ;QAClB,WAAW,EAAE,MAAM;QACnB,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,OAAO;QACjB,SAAS,EAAE;YACT,iBAAiB,EAAE,MAAM;SAC1B;QACD,CAAC,KAAM,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;YAC/B,QAAQ,EAAE,MAAM;YAChB,KAAK,EAAE,MAAM;SACd;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,kBAAkB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACnD,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,GAAG;IACf,UAAU,EAAE,MAAM;IAClB,YAAY,EAAE,KAAK;IACnB,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAC,CAAA;AAEH,OAAO,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SubMenuColumn.types.js","sourceRoot":"","sources":["../../../../src/components/Navbar/SubMenuColumn/SubMenuColumn.types.ts"],"names":[],"mappings":""}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useCallback } from 'react';
|
|
3
|
-
import { SubMenuItemContainer, SubMenuItemDescription, SubMenuItemExternal, SubMenuItemTitle, SubMenuLink } from './SubMenuItem.styled';
|
|
4
|
-
export const SubMenuItem = (props) => {
|
|
5
|
-
const { title, description, href, isExternal, eventTrackingName, onClickMenuOption } = props;
|
|
6
|
-
const handleClick = useCallback((event) => {
|
|
7
|
-
event.preventDefault();
|
|
8
|
-
onClickMenuOption && onClickMenuOption(event, { eventTrackingName, url: href, isExternal });
|
|
9
|
-
setTimeout(() => {
|
|
10
|
-
window.open(href, isExternal ? '_blank' : '_self', 'noopener');
|
|
11
|
-
}, onClickMenuOption ? 300 : 0);
|
|
12
|
-
}, [onClickMenuOption, eventTrackingName, href, isExternal]);
|
|
13
|
-
return (_jsx(SubMenuItemContainer, { isExternal: isExternal, "aria-label": "submenu item", children: _jsxs(SubMenuLink, { href: href, onClick: handleClick, isExternal: isExternal, "aria-label": `${title} - ${isExternal ? 'opens in new tab' : 'opens in same tab'}`, children: [_jsx(SubMenuItemTitle, { "aria-label": title, children: title }), _jsx(SubMenuItemDescription, { "aria-label": description, children: description }), isExternal && _jsx(SubMenuItemExternal, { "aria-label": "external link icon" })] }) }));
|
|
14
|
-
};
|
|
15
|
-
//# sourceMappingURL=SubMenuItem.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SubMenuItem.js","sourceRoot":"","sources":["../../../../src/components/Navbar/SubMenuItem/SubMenuItem.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAE1C,OAAO,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAEvI,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACrD,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,UAAU,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAA;IAE5F,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAAgD,EAAE,EAAE;QACnD,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,iBAAiB,IAAI,iBAAiB,CAAC,KAAK,EAAE,EAAE,iBAAiB,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAA;QAC3F,UAAU,CACR,GAAG,EAAE;YACH,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAAE,UAAU,CAAC,CAAA;QAChE,CAAC,EACD,iBAAiB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAC5B,CAAA;IACH,CAAC,EACD,CAAC,iBAAiB,EAAE,iBAAiB,EAAE,IAAI,EAAE,UAAU,CAAC,CACzD,CAAA;IAED,OAAO,CACL,KAAC,oBAAoB,IAAC,UAAU,EAAE,UAAU,gBAAa,cAAc,YACrE,MAAC,WAAW,IACV,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,WAAW,EACpB,UAAU,EAAE,UAAU,gBACV,GAAG,KAAK,MAAM,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,mBAAmB,EAAE,aAEjF,KAAC,gBAAgB,kBAAa,KAAK,YAAG,KAAK,GAAoB,EAC/D,KAAC,sBAAsB,kBAAa,WAAW,YAAG,WAAW,GAA0B,EACtF,UAAU,IAAI,KAAC,mBAAmB,kBAAY,oBAAoB,GAAG,IAC1D,GACO,CACxB,CAAA;AACH,CAAC,CAAA"}
|