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.
Files changed (97) hide show
  1. package/dist/components/Navbar/Credits.styled.d.ts +9 -0
  2. package/dist/components/Navbar/Credits.styled.js +58 -0
  3. package/dist/components/Navbar/Credits.styled.js.map +1 -0
  4. package/dist/components/Navbar/MobileMenu.d.ts +8 -0
  5. package/dist/components/Navbar/MobileMenu.js +20 -0
  6. package/dist/components/Navbar/MobileMenu.js.map +1 -0
  7. package/dist/components/Navbar/MobileMenu.styled.d.ts +35 -0
  8. package/dist/components/Navbar/MobileMenu.styled.js +116 -0
  9. package/dist/components/Navbar/MobileMenu.styled.js.map +1 -0
  10. package/dist/components/Navbar/NavLinks.d.ts +11 -0
  11. package/dist/components/Navbar/NavLinks.js +19 -0
  12. package/dist/components/Navbar/NavLinks.js.map +1 -0
  13. package/dist/components/Navbar/NavLinks.styled.d.ts +31 -0
  14. package/dist/components/Navbar/NavLinks.styled.js +130 -0
  15. package/dist/components/Navbar/NavLinks.styled.js.map +1 -0
  16. package/dist/components/Navbar/Navbar.d.ts +2 -3
  17. package/dist/components/Navbar/Navbar.defaults.d.ts +29 -6
  18. package/dist/components/Navbar/Navbar.defaults.js +101 -231
  19. package/dist/components/Navbar/Navbar.defaults.js.map +1 -1
  20. package/dist/components/Navbar/Navbar.js +109 -34
  21. package/dist/components/Navbar/Navbar.js.map +1 -1
  22. package/dist/components/Navbar/Navbar.stories.d.ts +9 -8
  23. package/dist/components/Navbar/Navbar.stories.js +93 -60
  24. package/dist/components/Navbar/Navbar.stories.js.map +1 -1
  25. package/dist/components/Navbar/Navbar.styled.d.ts +53 -56
  26. package/dist/components/Navbar/Navbar.styled.js +168 -101
  27. package/dist/components/Navbar/Navbar.styled.js.map +1 -1
  28. package/dist/components/Navbar/Navbar.types.d.ts +72 -56
  29. package/dist/components/Navbar/Navbar.types.js +1 -10
  30. package/dist/components/Navbar/Navbar.types.js.map +1 -1
  31. package/dist/components/Navbar/NotificationBell.styled.d.ts +61 -0
  32. package/dist/components/Navbar/NotificationBell.styled.js +189 -0
  33. package/dist/components/Navbar/NotificationBell.styled.js.map +1 -0
  34. package/dist/components/Navbar/UserCardPanel.d.ts +27 -0
  35. package/dist/components/Navbar/UserCardPanel.js +106 -0
  36. package/dist/components/Navbar/UserCardPanel.js.map +1 -0
  37. package/dist/components/Navbar/UserCardPanel.styled.d.ts +133 -0
  38. package/dist/components/Navbar/UserCardPanel.styled.js +392 -0
  39. package/dist/components/Navbar/UserCardPanel.styled.js.map +1 -0
  40. package/dist/components/Navbar/formatBalance.d.ts +2 -0
  41. package/dist/components/Navbar/formatBalance.js +5 -0
  42. package/dist/components/Navbar/formatBalance.js.map +1 -0
  43. package/dist/components/Navbar/icons.d.ts +24 -0
  44. package/dist/components/Navbar/icons.js +67 -0
  45. package/dist/components/Navbar/icons.js.map +1 -0
  46. package/dist/components/Navbar/index.d.ts +3 -2
  47. package/dist/components/Navbar/index.js +2 -2
  48. package/dist/components/Navbar/index.js.map +1 -1
  49. package/package.json +2 -2
  50. package/dist/components/Navbar/MainMenu/MainMenu.d.ts +0 -2
  51. package/dist/components/Navbar/MainMenu/MainMenu.js +0 -26
  52. package/dist/components/Navbar/MainMenu/MainMenu.js.map +0 -1
  53. package/dist/components/Navbar/MainMenu/MainMenu.styled.d.ts +0 -9
  54. package/dist/components/Navbar/MainMenu/MainMenu.styled.js +0 -39
  55. package/dist/components/Navbar/MainMenu/MainMenu.styled.js.map +0 -1
  56. package/dist/components/Navbar/MainMenu/MainMenu.types.d.ts +0 -8
  57. package/dist/components/Navbar/MainMenu/MainMenu.types.js +0 -2
  58. package/dist/components/Navbar/MainMenu/MainMenu.types.js.map +0 -1
  59. package/dist/components/Navbar/MenuItem/MenuItem.d.ts +0 -3
  60. package/dist/components/Navbar/MenuItem/MenuItem.js +0 -15
  61. package/dist/components/Navbar/MenuItem/MenuItem.js.map +0 -1
  62. package/dist/components/Navbar/MenuItem/MenuItem.styled.d.ts +0 -18
  63. package/dist/components/Navbar/MenuItem/MenuItem.styled.js +0 -59
  64. package/dist/components/Navbar/MenuItem/MenuItem.styled.js.map +0 -1
  65. package/dist/components/Navbar/MenuItem/MenuItem.types.d.ts +0 -12
  66. package/dist/components/Navbar/MenuItem/MenuItem.types.js +0 -2
  67. package/dist/components/Navbar/MenuItem/MenuItem.types.js.map +0 -1
  68. package/dist/components/Navbar/SubMenu/SubMenu.d.ts +0 -2
  69. package/dist/components/Navbar/SubMenu/SubMenu.js +0 -14
  70. package/dist/components/Navbar/SubMenu/SubMenu.js.map +0 -1
  71. package/dist/components/Navbar/SubMenu/SubMenu.styled.d.ts +0 -27
  72. package/dist/components/Navbar/SubMenu/SubMenu.styled.js +0 -165
  73. package/dist/components/Navbar/SubMenu/SubMenu.styled.js.map +0 -1
  74. package/dist/components/Navbar/SubMenu/SubMenu.types.d.ts +0 -13
  75. package/dist/components/Navbar/SubMenu/SubMenu.types.js +0 -2
  76. package/dist/components/Navbar/SubMenu/SubMenu.types.js.map +0 -1
  77. package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.d.ts +0 -3
  78. package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.js +0 -9
  79. package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.js.map +0 -1
  80. package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.styled.d.ts +0 -11
  81. package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.styled.js +0 -33
  82. package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.styled.js.map +0 -1
  83. package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.types.d.ts +0 -5
  84. package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.types.js +0 -2
  85. package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.types.js.map +0 -1
  86. package/dist/components/Navbar/SubMenuItem/SubMenuItem.d.ts +0 -2
  87. package/dist/components/Navbar/SubMenuItem/SubMenuItem.js +0 -15
  88. package/dist/components/Navbar/SubMenuItem/SubMenuItem.js.map +0 -1
  89. package/dist/components/Navbar/SubMenuItem/SubMenuItem.styled.d.ts +0 -32
  90. package/dist/components/Navbar/SubMenuItem/SubMenuItem.styled.js +0 -84
  91. package/dist/components/Navbar/SubMenuItem/SubMenuItem.styled.js.map +0 -1
  92. package/dist/components/Navbar/SubMenuItem/SubMenuItem.types.d.ts +0 -13
  93. package/dist/components/Navbar/SubMenuItem/SubMenuItem.types.js +0 -2
  94. package/dist/components/Navbar/SubMenuItem/SubMenuItem.types.js.map +0 -1
  95. package/dist/components/Navbar/utils.d.ts +0 -16
  96. package/dist/components/Navbar/utils.js +0 -33
  97. 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,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=MainMenu.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MainMenu.types.js","sourceRoot":"","sources":["../../../../src/components/Navbar/MainMenu/MainMenu.types.ts"],"names":[],"mappings":""}
@@ -1,3 +0,0 @@
1
- import { MenuItemProps } from './MenuItem.types';
2
- declare const MenuItem: (props: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
3
- export { MenuItem };
@@ -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,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=MenuItem.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MenuItem.types.js","sourceRoot":"","sources":["../../../../src/components/Navbar/MenuItem/MenuItem.types.ts"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- import { SubMenuProps } from './SubMenu.types';
2
- export declare const SubMenu: (props: SubMenuProps) => import("react/jsx-runtime").JSX.Element;
@@ -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,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=SubMenu.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SubMenu.types.js","sourceRoot":"","sources":["../../../../src/components/Navbar/SubMenu/SubMenu.types.ts"],"names":[],"mappings":""}
@@ -1,3 +0,0 @@
1
- import { SubMenuColumnProps } from './SubMenuColumn.types';
2
- declare const SubMenuColumn: (props: SubMenuColumnProps) => import("react/jsx-runtime").JSX.Element;
3
- export { SubMenuColumn };
@@ -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,5 +0,0 @@
1
- export type SubMenuColumnProps = {
2
- children: React.ReactNode;
3
- title?: string;
4
- isExternal?: boolean;
5
- };
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=SubMenuColumn.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SubMenuColumn.types.js","sourceRoot":"","sources":["../../../../src/components/Navbar/SubMenuColumn/SubMenuColumn.types.ts"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- import { SubMenuItemProps } from './SubMenuItem.types';
2
- export declare const SubMenuItem: (props: SubMenuItemProps) => import("react/jsx-runtime").JSX.Element;
@@ -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"}