@bbl-digital/snorre 2.0.88 → 2.0.97
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/bundle.js +267 -50
- package/esm/core/BoxedTable/styles.js +1 -1
- package/esm/core/CommentsTimeline/styles.js +1 -1
- package/esm/core/InfoButton/styles.js +9 -9
- package/esm/core/List/index.js +2 -1
- package/esm/core/List/styles.js +11 -10
- package/esm/core/Modal/index.js +1 -0
- package/esm/core/Modal/styles.js +8 -24
- package/esm/core/PieChart/ActiveShape/index.js +39 -0
- package/esm/core/PieChart/index.js +80 -0
- package/esm/core/PieChart/renderTextContent/index.js +41 -0
- package/esm/core/PieChart/styles.js +11 -0
- package/esm/core/SimpleBarChart/SimpleBarChart.data.js +49 -0
- package/esm/core/SimpleBarChart/index.js +56 -0
- package/esm/core/SimpleBarChart/styles.js +7 -0
- package/esm/icons/General/IconBlock.js +15 -0
- package/esm/icons/General/IconPortalUser.js +15 -0
- package/esm/index.js +5 -1
- package/lib/core/BoxedTable/styles.js +1 -1
- package/lib/core/CommentsTimeline/styles.js +1 -1
- package/lib/core/InfoButton/styles.d.ts.map +1 -1
- package/lib/core/InfoButton/styles.js +9 -9
- package/lib/core/List/index.d.ts +2 -0
- package/lib/core/List/index.d.ts.map +1 -1
- package/lib/core/List/index.js +2 -1
- package/lib/core/List/styles.d.ts +1 -0
- package/lib/core/List/styles.d.ts.map +1 -1
- package/lib/core/List/styles.js +11 -10
- package/lib/core/Modal/index.d.ts.map +1 -1
- package/lib/core/Modal/index.js +1 -0
- package/lib/core/Modal/styles.d.ts +2 -0
- package/lib/core/Modal/styles.d.ts.map +1 -1
- package/lib/core/Modal/styles.js +8 -24
- package/lib/core/PieChart/ActiveShape/index.d.ts +5 -0
- package/lib/core/PieChart/ActiveShape/index.d.ts.map +1 -0
- package/lib/core/PieChart/ActiveShape/index.js +39 -0
- package/lib/core/PieChart/index.d.ts +29 -0
- package/lib/core/PieChart/index.d.ts.map +1 -0
- package/lib/core/PieChart/index.js +80 -0
- package/lib/core/PieChart/renderTextContent/index.d.ts +5 -0
- package/lib/core/PieChart/renderTextContent/index.d.ts.map +1 -0
- package/lib/core/PieChart/renderTextContent/index.js +41 -0
- package/lib/core/PieChart/styles.d.ts +11 -0
- package/lib/core/PieChart/styles.d.ts.map +1 -0
- package/lib/core/PieChart/styles.js +11 -0
- package/lib/core/SimpleBarChart/SimpleBarChart.data.d.ts +6 -0
- package/lib/core/SimpleBarChart/SimpleBarChart.data.d.ts.map +1 -0
- package/lib/core/SimpleBarChart/SimpleBarChart.data.js +49 -0
- package/lib/core/SimpleBarChart/index.d.ts +36 -0
- package/lib/core/SimpleBarChart/index.d.ts.map +1 -0
- package/lib/core/SimpleBarChart/index.js +56 -0
- package/lib/core/SimpleBarChart/styles.d.ts +9 -0
- package/lib/core/SimpleBarChart/styles.d.ts.map +1 -0
- package/lib/core/SimpleBarChart/styles.js +7 -0
- package/lib/icons/General/IconBlock.d.ts +4 -0
- package/lib/icons/General/IconBlock.d.ts.map +1 -0
- package/lib/icons/General/IconBlock.js +15 -0
- package/lib/icons/General/IconPortalUser.d.ts +4 -0
- package/lib/icons/General/IconPortalUser.d.ts.map +1 -0
- package/lib/icons/General/IconPortalUser.js +15 -0
- package/lib/index.d.ts +5 -1
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +5 -1
- package/lib/utils/dates.d.ts +1 -5
- package/lib/utils/dates.d.ts.map +1 -1
- package/lib/utils/format.d.ts +1 -1
- package/lib/utils/format.d.ts.map +1 -1
- package/package.json +5 -3
- package/esm/core/MailMenu/DropdownMenuOption.js +0 -21
- package/esm/core/MailMenu/index.js +0 -42
- package/esm/core/MailMenu/styles.js +0 -34
- package/esm/layout/Sidemenu/AppPicker/index.js +0 -35
- package/esm/layout/Sidemenu/AppPicker/styles.js +0 -41
- package/esm/layout/Sidemenu/MainMenu/index.js +0 -14
- package/esm/layout/Sidemenu/MainMenu/styles.js +0 -18
- package/esm/layout/Sidemenu/MenuBottom/index.js +0 -31
- package/esm/layout/Sidemenu/MenuBottom/styles.js +0 -48
- package/esm/layout/Sidemenu/MenuItem/index.js +0 -29
- package/esm/layout/Sidemenu/MenuItem/styles.js +0 -59
- package/esm/layout/Sidemenu/MenuTop/index.js +0 -24
- package/esm/layout/Sidemenu/MenuTop/styles.js +0 -33
- package/esm/layout/Sidemenu/SecondaryMenu/index.js +0 -12
- package/esm/layout/Sidemenu/SecondaryMenu/styles.js +0 -19
- package/esm/layout/Sidemenu/SecondaryMenuItem/index.js +0 -24
- package/esm/layout/Sidemenu/SecondaryMenuItem/styles.js +0 -29
- package/esm/layout/Sidemenu/index.js +0 -19
- package/esm/layout/Sidemenu/styles.js +0 -17
- package/esm/layout/Submenu/SubmenuLightThemeBg/styles.js +0 -10
- package/lib/core/MailMenu/DropdownMenuOption.d.ts +0 -11
- package/lib/core/MailMenu/DropdownMenuOption.d.ts.map +0 -1
- package/lib/core/MailMenu/DropdownMenuOption.js +0 -21
- package/lib/core/MailMenu/index.d.ts +0 -8
- package/lib/core/MailMenu/index.d.ts.map +0 -1
- package/lib/core/MailMenu/index.js +0 -42
- package/lib/core/MailMenu/styles.d.ts +0 -12
- package/lib/core/MailMenu/styles.d.ts.map +0 -1
- package/lib/core/MailMenu/styles.js +0 -34
- package/lib/layout/Sidemenu/AppPicker/index.d.ts +0 -19
- package/lib/layout/Sidemenu/AppPicker/index.d.ts.map +0 -1
- package/lib/layout/Sidemenu/AppPicker/index.js +0 -35
- package/lib/layout/Sidemenu/AppPicker/styles.d.ts +0 -4
- package/lib/layout/Sidemenu/AppPicker/styles.d.ts.map +0 -1
- package/lib/layout/Sidemenu/AppPicker/styles.js +0 -41
- package/lib/layout/Sidemenu/MainMenu/index.d.ts +0 -9
- package/lib/layout/Sidemenu/MainMenu/index.d.ts.map +0 -1
- package/lib/layout/Sidemenu/MainMenu/index.js +0 -14
- package/lib/layout/Sidemenu/MainMenu/styles.d.ts +0 -3
- package/lib/layout/Sidemenu/MainMenu/styles.d.ts.map +0 -1
- package/lib/layout/Sidemenu/MainMenu/styles.js +0 -18
- package/lib/layout/Sidemenu/MenuBottom/index.d.ts +0 -15
- package/lib/layout/Sidemenu/MenuBottom/index.d.ts.map +0 -1
- package/lib/layout/Sidemenu/MenuBottom/index.js +0 -31
- package/lib/layout/Sidemenu/MenuBottom/styles.d.ts +0 -4
- package/lib/layout/Sidemenu/MenuBottom/styles.d.ts.map +0 -1
- package/lib/layout/Sidemenu/MenuBottom/styles.js +0 -48
- package/lib/layout/Sidemenu/MenuItem/index.d.ts +0 -19
- package/lib/layout/Sidemenu/MenuItem/index.d.ts.map +0 -1
- package/lib/layout/Sidemenu/MenuItem/index.js +0 -29
- package/lib/layout/Sidemenu/MenuItem/styles.d.ts +0 -4
- package/lib/layout/Sidemenu/MenuItem/styles.d.ts.map +0 -1
- package/lib/layout/Sidemenu/MenuItem/styles.js +0 -59
- package/lib/layout/Sidemenu/MenuTop/index.d.ts +0 -13
- package/lib/layout/Sidemenu/MenuTop/index.d.ts.map +0 -1
- package/lib/layout/Sidemenu/MenuTop/index.js +0 -24
- package/lib/layout/Sidemenu/MenuTop/styles.d.ts +0 -13
- package/lib/layout/Sidemenu/MenuTop/styles.d.ts.map +0 -1
- package/lib/layout/Sidemenu/MenuTop/styles.js +0 -33
- package/lib/layout/Sidemenu/SecondaryMenu/index.d.ts +0 -9
- package/lib/layout/Sidemenu/SecondaryMenu/index.d.ts.map +0 -1
- package/lib/layout/Sidemenu/SecondaryMenu/index.js +0 -12
- package/lib/layout/Sidemenu/SecondaryMenu/styles.d.ts +0 -3
- package/lib/layout/Sidemenu/SecondaryMenu/styles.d.ts.map +0 -1
- package/lib/layout/Sidemenu/SecondaryMenu/styles.js +0 -19
- package/lib/layout/Sidemenu/SecondaryMenuItem/index.d.ts +0 -15
- package/lib/layout/Sidemenu/SecondaryMenuItem/index.d.ts.map +0 -1
- package/lib/layout/Sidemenu/SecondaryMenuItem/index.js +0 -24
- package/lib/layout/Sidemenu/SecondaryMenuItem/styles.d.ts +0 -7
- package/lib/layout/Sidemenu/SecondaryMenuItem/styles.d.ts.map +0 -1
- package/lib/layout/Sidemenu/SecondaryMenuItem/styles.js +0 -29
- package/lib/layout/Sidemenu/index.d.ts +0 -11
- package/lib/layout/Sidemenu/index.d.ts.map +0 -1
- package/lib/layout/Sidemenu/index.js +0 -19
- package/lib/layout/Sidemenu/styles.d.ts +0 -3
- package/lib/layout/Sidemenu/styles.d.ts.map +0 -1
- package/lib/layout/Sidemenu/styles.js +0 -17
- package/lib/layout/Submenu/SubmenuLightThemeBg/styles.d.ts +0 -3
- package/lib/layout/Submenu/SubmenuLightThemeBg/styles.d.ts.map +0 -1
- package/lib/layout/Submenu/SubmenuLightThemeBg/styles.js +0 -10
@@ -1,59 +0,0 @@
|
|
1
|
-
import styled from '@emotion/styled';
|
2
|
-
import { css } from '@emotion/core';
|
3
|
-
import bp from '../../../globals/styles/breakpoints';
|
4
|
-
export const Wrapper = styled.button(props => css`
|
5
|
-
display: flex;
|
6
|
-
height: 50px;
|
7
|
-
border-radius: 4px 0 0 4px;
|
8
|
-
border: none;
|
9
|
-
background-color: transparent;
|
10
|
-
padding-left: 1em;
|
11
|
-
padding-right: 0;
|
12
|
-
align-items: center;
|
13
|
-
outline: none;
|
14
|
-
cursor: pointer;
|
15
|
-
|
16
|
-
&.active {
|
17
|
-
background: ${props.lightTheme ? props.theme.illustrationPrimary10 : 'linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)), linear-gradient(' + props.theme.primary + ', ' + props.theme.primary + ')'};
|
18
|
-
}
|
19
|
-
|
20
|
-
&:nth-of-type(6) {
|
21
|
-
margin-left: ${props.small ? '-18px' : '0'};
|
22
|
-
}
|
23
|
-
|
24
|
-
& > span {
|
25
|
-
display: flex;
|
26
|
-
align-items: center;
|
27
|
-
width: 100%;
|
28
|
-
text-align: left;
|
29
|
-
line-height: 24px;
|
30
|
-
font-weight: normal;
|
31
|
-
|
32
|
-
& svg {
|
33
|
-
margin-right: 10px;
|
34
|
-
}
|
35
|
-
|
36
|
-
& > span {
|
37
|
-
transition: width 0.2s ease-out;
|
38
|
-
overflow: hidden;
|
39
|
-
width: ${props.small ? '0' : '100%'};
|
40
|
-
}
|
41
|
-
}
|
42
|
-
|
43
|
-
&:hover,
|
44
|
-
&:focus {
|
45
|
-
text-decoration: underline;
|
46
|
-
background-color: transparent;
|
47
|
-
text-decoration-color: ${props.lightTheme ? '#000000' : '#ffffff'};
|
48
|
-
|
49
|
-
&.active {
|
50
|
-
background: ${props.lightTheme ? props.theme.illustrationPrimary10 : 'linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)), linear-gradient(' + props.theme.primary + ', ' + props.theme.primary + ')'};
|
51
|
-
}
|
52
|
-
}
|
53
|
-
|
54
|
-
@media screen and (max-width: ${bp.medium}) {
|
55
|
-
padding: 0 40px;
|
56
|
-
border-radius: 0;
|
57
|
-
}
|
58
|
-
`);
|
59
|
-
export const Span = styled.span``;
|
@@ -1,24 +0,0 @@
|
|
1
|
-
/** @jsx jsx */
|
2
|
-
import { Fragment } from 'react';
|
3
|
-
import { jsx } from '@emotion/core';
|
4
|
-
import { StyledLink, Logo, AppPickerWrapper } from './styles';
|
5
|
-
|
6
|
-
const MenuTop = ({
|
7
|
-
small,
|
8
|
-
logo,
|
9
|
-
onLogoClick,
|
10
|
-
children
|
11
|
-
}) => {
|
12
|
-
return jsx(Fragment, null, logo && jsx(StyledLink, {
|
13
|
-
nostyle: true,
|
14
|
-
onClick: onLogoClick
|
15
|
-
}, jsx(Logo, {
|
16
|
-
small: small,
|
17
|
-
alt: "logo",
|
18
|
-
src: logo
|
19
|
-
})), jsx(AppPickerWrapper, {
|
20
|
-
small: small
|
21
|
-
}, children));
|
22
|
-
};
|
23
|
-
|
24
|
-
export default MenuTop;
|
@@ -1,33 +0,0 @@
|
|
1
|
-
import styled from '@emotion/styled';
|
2
|
-
import Link from '../../../core/Link';
|
3
|
-
import { css } from '@emotion/core';
|
4
|
-
import bp from '../../../globals/styles/breakpoints';
|
5
|
-
export const StyledLink = styled(Link)`
|
6
|
-
height: 40px;
|
7
|
-
`;
|
8
|
-
export const Logo = styled.img(props => css`
|
9
|
-
cursor: pointer;
|
10
|
-
max-height: 40px;
|
11
|
-
max-width: ${props.small ? '100%' : 'auto'};
|
12
|
-
`);
|
13
|
-
export const AppPickerWrapper = styled.div(props => css`
|
14
|
-
display: flex;
|
15
|
-
justify-content: flex-start;
|
16
|
-
align-items: flex-start;
|
17
|
-
margin-top: 40px;
|
18
|
-
overflow: hidden;
|
19
|
-
|
20
|
-
@media screen and (max-width: ${bp.medium}) {
|
21
|
-
padding: 2em 2.5em;
|
22
|
-
margin-top: 0;
|
23
|
-
align-items: center;
|
24
|
-
|
25
|
-
div {
|
26
|
-
margin-bottom: 0;
|
27
|
-
}
|
28
|
-
}
|
29
|
-
|
30
|
-
& > div:first-of-type {
|
31
|
-
margin-right: ${props.small ? '0' : '0.5em'};
|
32
|
-
}
|
33
|
-
`);
|
@@ -1,19 +0,0 @@
|
|
1
|
-
import styled from '@emotion/styled';
|
2
|
-
import bp from '../../../globals/styles/breakpoints';
|
3
|
-
export const Wrapper = styled.div`
|
4
|
-
position: absolute;
|
5
|
-
bottom: 130px;
|
6
|
-
display: flex;
|
7
|
-
flex-direction: column;
|
8
|
-
flex-wrap: wrap;
|
9
|
-
align-items: flex-start;
|
10
|
-
width: calc(100% - 40px);
|
11
|
-
padding-left: 40px;
|
12
|
-
overflow: hidden;
|
13
|
-
|
14
|
-
@media screen and (max-width: ${bp.medium}) {
|
15
|
-
position: relative;
|
16
|
-
bottom: unset;
|
17
|
-
margin-top: 4em;
|
18
|
-
}
|
19
|
-
`;
|
@@ -1,24 +0,0 @@
|
|
1
|
-
/** @jsx jsx */
|
2
|
-
import { jsx } from '@emotion/core';
|
3
|
-
import { Wrapper } from './styles';
|
4
|
-
import { useTheme } from 'emotion-theming';
|
5
|
-
import Text from '../../../core/Text';
|
6
|
-
|
7
|
-
const SecondaryMenuItem = ({
|
8
|
-
icon,
|
9
|
-
lightTheme,
|
10
|
-
label,
|
11
|
-
href
|
12
|
-
}) => {
|
13
|
-
const theme = useTheme();
|
14
|
-
const color = lightTheme ? theme.primary : '#ffffff';
|
15
|
-
return jsx(Wrapper, {
|
16
|
-
href: href,
|
17
|
-
color: color
|
18
|
-
}, icon, jsx(Text, {
|
19
|
-
color: color,
|
20
|
-
size: "15px"
|
21
|
-
}, label));
|
22
|
-
};
|
23
|
-
|
24
|
-
export default SecondaryMenuItem;
|
@@ -1,29 +0,0 @@
|
|
1
|
-
import styled from '@emotion/styled';
|
2
|
-
import Link from '../../../core/Link';
|
3
|
-
import { css } from '@emotion/core';
|
4
|
-
export const Wrapper = styled(Link)(props => css`
|
5
|
-
width: auto;
|
6
|
-
border-bottom: 1px solid ${props.color};
|
7
|
-
border-radius: 0;
|
8
|
-
padding-bottom: 0.25em;
|
9
|
-
margin-bottom: 1em;
|
10
|
-
overflow: hidden;
|
11
|
-
white-space: nowrap;
|
12
|
-
|
13
|
-
& > span {
|
14
|
-
display: flex;
|
15
|
-
align-items: center;
|
16
|
-
width: 100%;
|
17
|
-
text-align: left;
|
18
|
-
line-height: 24px;
|
19
|
-
font-weight: normal;
|
20
|
-
|
21
|
-
& svg {
|
22
|
-
margin-right: 10px;
|
23
|
-
}
|
24
|
-
}
|
25
|
-
|
26
|
-
&:hover {
|
27
|
-
border-bottom: 1px solid ${props.color};
|
28
|
-
}
|
29
|
-
`);
|
@@ -1,19 +0,0 @@
|
|
1
|
-
/** @jsx jsx */
|
2
|
-
import { jsx } from '@emotion/core';
|
3
|
-
import { Wrapper } from './styles';
|
4
|
-
import { useTheme } from 'emotion-theming';
|
5
|
-
|
6
|
-
const Sidemenu = ({
|
7
|
-
lightTheme,
|
8
|
-
open,
|
9
|
-
children
|
10
|
-
}) => {
|
11
|
-
const theme = useTheme();
|
12
|
-
return jsx(Wrapper, {
|
13
|
-
defaultTheme: !lightTheme,
|
14
|
-
open: open,
|
15
|
-
primary: theme.primary
|
16
|
-
}, children);
|
17
|
-
};
|
18
|
-
|
19
|
-
export default Sidemenu;
|
@@ -1,17 +0,0 @@
|
|
1
|
-
import styled from '@emotion/styled';
|
2
|
-
import { css } from '@emotion/core';
|
3
|
-
export const Wrapper = styled.div(props => css`
|
4
|
-
position: fixed;
|
5
|
-
display: flex;
|
6
|
-
justify-content: flex-start;
|
7
|
-
align-items: center;
|
8
|
-
flex-direction: column;
|
9
|
-
background-color: ${props.defaultTheme ? '#0b2b71' : 'white'};
|
10
|
-
background: ${props.defaultTheme ? 'linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), linear-gradient(' + props.primary + ', ' + props.primary + ')' : 'white'};
|
11
|
-
width: ${props.open ? '250px' : '56px'};
|
12
|
-
height: calc(100vh - 20px);
|
13
|
-
box-shadow: 2px 0 20px 0 rgba(0, 0, 0, 0.05);
|
14
|
-
z-index: 90;
|
15
|
-
padding-top: 20px;
|
16
|
-
transition: width 0.2s ease-in-out;
|
17
|
-
`);
|
@@ -1,11 +0,0 @@
|
|
1
|
-
/** @jsxImportSource @emotion/react */
|
2
|
-
import React from 'react';
|
3
|
-
interface IProps {
|
4
|
-
/** Callback fired on menu item click */
|
5
|
-
onClick: () => void;
|
6
|
-
/** Adds a counter behind menu item, example: (2) */
|
7
|
-
counter?: number;
|
8
|
-
}
|
9
|
-
declare const DropdownMenuOption: React.FC<IProps>;
|
10
|
-
export default DropdownMenuOption;
|
11
|
-
//# sourceMappingURL=DropdownMenuOption.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"DropdownMenuOption.d.ts","sourceRoot":"","sources":["../../../src/packages/core/MailMenu/DropdownMenuOption.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,MAAM;IACd,yCAAyC;IACzC,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,qDAAqD;IACrD,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAgBxC,CAAA;AAED,eAAe,kBAAkB,CAAA"}
|
@@ -1,21 +0,0 @@
|
|
1
|
-
/** @jsxImportSource @emotion/react */
|
2
|
-
import React from 'react';
|
3
|
-
import { dropdownMenuOption } from './styles';
|
4
|
-
import Link from '../Link';
|
5
|
-
import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
6
|
-
|
7
|
-
const DropdownMenuOption = ({
|
8
|
-
counter,
|
9
|
-
onClick,
|
10
|
-
children
|
11
|
-
}) => {
|
12
|
-
return _jsxs(Link, {
|
13
|
-
trackingName: "Topbar",
|
14
|
-
trackingEvent: 'DropdownMenu click: ' + (children ? children : ''),
|
15
|
-
css: theme => [dropdownMenuOption(theme)],
|
16
|
-
onClick: onClick,
|
17
|
-
children: [children ? children : '', counter ? ` (${counter})` : '']
|
18
|
-
});
|
19
|
-
};
|
20
|
-
|
21
|
-
export default DropdownMenuOption;
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/MailMenu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAIlD,UAAU,MAAM;IACd,kBAAkB;IAClB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;CACtB;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAkClC,CAAA;AAED,eAAe,YAAY,CAAA"}
|
@@ -1,42 +0,0 @@
|
|
1
|
-
import React, { useState, useEffect } from 'react';
|
2
|
-
import { Wrapper, Content } from './styles';
|
3
|
-
import Button from '../Button';
|
4
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
5
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
6
|
-
|
7
|
-
const DropdownMenu = ({
|
8
|
-
icon,
|
9
|
-
children
|
10
|
-
}) => {
|
11
|
-
const [open, setOpen] = useState(false);
|
12
|
-
useEffect(() => {
|
13
|
-
const handleClickOutside = e => {
|
14
|
-
setTimeout(() => {
|
15
|
-
setOpen(false);
|
16
|
-
}, 200);
|
17
|
-
};
|
18
|
-
|
19
|
-
if (open) {
|
20
|
-
document.addEventListener('mousedown', handleClickOutside);
|
21
|
-
} else {
|
22
|
-
document.removeEventListener('mousedown', handleClickOutside);
|
23
|
-
}
|
24
|
-
|
25
|
-
return () => {
|
26
|
-
document.removeEventListener('mousedown', handleClickOutside);
|
27
|
-
};
|
28
|
-
}, [open]);
|
29
|
-
return /*#__PURE__*/_jsxs(Wrapper, {
|
30
|
-
children: [/*#__PURE__*/_jsx(Button, {
|
31
|
-
nostyle: true,
|
32
|
-
onClick: () => setOpen(true),
|
33
|
-
trackingEvent: "DropdownMenu toggle",
|
34
|
-
trackingName: "Topbar",
|
35
|
-
children: icon ? icon : ''
|
36
|
-
}), open && /*#__PURE__*/_jsx(Content, {
|
37
|
-
children: children
|
38
|
-
})]
|
39
|
-
});
|
40
|
-
};
|
41
|
-
|
42
|
-
export default DropdownMenu;
|
@@ -1,12 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import { IAppTheme } from '../../app-shell/theme';
|
3
|
-
export declare const Wrapper: import("@emotion/styled").StyledComponent<{
|
4
|
-
theme?: import("@emotion/react").Theme | undefined;
|
5
|
-
as?: import("react").ElementType<any> | undefined;
|
6
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
7
|
-
export declare const Content: import("@emotion/styled").StyledComponent<{
|
8
|
-
theme?: import("@emotion/react").Theme | undefined;
|
9
|
-
as?: import("react").ElementType<any> | undefined;
|
10
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
11
|
-
export declare const dropdownMenuOption: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
|
12
|
-
//# sourceMappingURL=styles.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/MailMenu/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,eAAO,MAAM,OAAO;;;yGASnB,CAAA;AAED,eAAO,MAAM,OAAO;;;yGAenB,CAAA;AAED,eAAO,MAAM,kBAAkB,UAAW,SAAS,8CAmBlD,CAAA"}
|
@@ -1,34 +0,0 @@
|
|
1
|
-
import _styled from "@emotion/styled/base";
|
2
|
-
|
3
|
-
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
4
|
-
|
5
|
-
import { css } from '@emotion/react';
|
6
|
-
export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
|
7
|
-
target: "e1h39kcr1"
|
8
|
-
} : {
|
9
|
-
target: "e1h39kcr1",
|
10
|
-
label: "Wrapper"
|
11
|
-
})(process.env.NODE_ENV === "production" ? {
|
12
|
-
name: "1ivkyd7",
|
13
|
-
styles: "position:relative;display:flex;flex-direction:row;&>svg{margin-left:0.5em;}"
|
14
|
-
} : {
|
15
|
-
name: "1ivkyd7",
|
16
|
-
styles: "position:relative;display:flex;flex-direction:row;&>svg{margin-left:0.5em;}",
|
17
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01haWxNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJaUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTWFpbE1lbnUvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xyXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXHJcblxyXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG5cclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XHJcblxyXG4gICYgPiBzdmcge1xyXG4gICAgbWFyZ2luLWxlZnQ6IDAuNWVtO1xyXG4gIH1cclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IENvbnRlbnQgPSBzdHlsZWQuZGl2YFxyXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcclxuICByaWdodDogMDtcclxuICB0b3A6IDMwcHg7XHJcblxyXG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XHJcbiAgbWluLXdpZHRoOiAyMzBweDtcclxuICBib3JkZXI6IDFweCBzb2xpZCAjY2ZkOWVhO1xyXG5cclxuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xyXG4gIGJveC1zaGFkb3c6IDAgMTBweCAxNXB4IDAgcmdiYSgwLCAwLCAwLCAwLjEpO1xyXG4gIGJvcmRlci1yYWRpdXM6IDEwcHg7XHJcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcclxuICB6LWluZGV4OiAxMDAxO1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgZHJvcGRvd25NZW51T3B0aW9uID0gKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcclxuICB3aWR0aDogMTAwJTtcclxuICBoZWlnaHQ6IDUycHg7XHJcblxyXG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xyXG4gIGJvcmRlci1yYWRpdXM6IDA7XHJcblxyXG4gIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcclxuICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgZm9udC13ZWlnaHQ6IDYwMDtcclxuXHJcbiAgJjpob3ZlciB7XHJcbiAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmJnfTtcclxuICB9XHJcblxyXG4gICY6bnRoLW9mLXR5cGUoMSkge1xyXG4gICAgYm9yZGVyLXRvcDogbm9uZTtcclxuICB9XHJcbmBcclxuIl19 */",
|
18
|
-
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
19
|
-
});
|
20
|
-
export const Content = _styled("div", process.env.NODE_ENV === "production" ? {
|
21
|
-
target: "e1h39kcr0"
|
22
|
-
} : {
|
23
|
-
target: "e1h39kcr0",
|
24
|
-
label: "Content"
|
25
|
-
})(process.env.NODE_ENV === "production" ? {
|
26
|
-
name: "1hctxho",
|
27
|
-
styles: "position:absolute;background-color:white;right:0;top:30px;box-sizing:border-box;min-width:230px;border:1px solid #cfd9ea;background-color:#ffffff;box-shadow:0 10px 15px 0 rgba(0, 0, 0, 0.1);border-radius:10px;overflow:hidden;z-index:1001"
|
28
|
-
} : {
|
29
|
-
name: "1hctxho",
|
30
|
-
styles: "position:absolute;background-color:white;right:0;top:30px;box-sizing:border-box;min-width:230px;border:1px solid #cfd9ea;background-color:#ffffff;box-shadow:0 10px 15px 0 rgba(0, 0, 0, 0.1);border-radius:10px;overflow:hidden;z-index:1001",
|
31
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01haWxNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlaUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTWFpbE1lbnUvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xyXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXHJcblxyXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG5cclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XHJcblxyXG4gICYgPiBzdmcge1xyXG4gICAgbWFyZ2luLWxlZnQ6IDAuNWVtO1xyXG4gIH1cclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IENvbnRlbnQgPSBzdHlsZWQuZGl2YFxyXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcclxuICByaWdodDogMDtcclxuICB0b3A6IDMwcHg7XHJcblxyXG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XHJcbiAgbWluLXdpZHRoOiAyMzBweDtcclxuICBib3JkZXI6IDFweCBzb2xpZCAjY2ZkOWVhO1xyXG5cclxuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xyXG4gIGJveC1zaGFkb3c6IDAgMTBweCAxNXB4IDAgcmdiYSgwLCAwLCAwLCAwLjEpO1xyXG4gIGJvcmRlci1yYWRpdXM6IDEwcHg7XHJcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcclxuICB6LWluZGV4OiAxMDAxO1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgZHJvcGRvd25NZW51T3B0aW9uID0gKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcclxuICB3aWR0aDogMTAwJTtcclxuICBoZWlnaHQ6IDUycHg7XHJcblxyXG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xyXG4gIGJvcmRlci1yYWRpdXM6IDA7XHJcblxyXG4gIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcclxuICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgZm9udC13ZWlnaHQ6IDYwMDtcclxuXHJcbiAgJjpob3ZlciB7XHJcbiAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmJnfTtcclxuICB9XHJcblxyXG4gICY6bnRoLW9mLXR5cGUoMSkge1xyXG4gICAgYm9yZGVyLXRvcDogbm9uZTtcclxuICB9XHJcbmBcclxuIl19 */",
|
32
|
-
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
33
|
-
});
|
34
|
-
export const dropdownMenuOption = theme => /*#__PURE__*/css("width:100%;height:52px;background-color:white;border-radius:0;font-weight:500;border-top:1px solid ", theme.border, ";cursor:pointer;font-weight:600;&:hover{background:", theme.bg, ";}&:nth-of-type(1){border-top:none;}" + (process.env.NODE_ENV === "production" ? "" : ";label:dropdownMenuOption;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01haWxNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQzJEIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01haWxNZW51L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xyXG5cclxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxyXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuXHJcbiAgZGlzcGxheTogZmxleDtcclxuICBmbGV4LWRpcmVjdGlvbjogcm93O1xyXG5cclxuICAmID4gc3ZnIHtcclxuICAgIG1hcmdpbi1sZWZ0OiAwLjVlbTtcclxuICB9XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBDb250ZW50ID0gc3R5bGVkLmRpdmBcclxuICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XHJcbiAgcmlnaHQ6IDA7XHJcbiAgdG9wOiAzMHB4O1xyXG5cclxuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xyXG4gIG1pbi13aWR0aDogMjMwcHg7XHJcbiAgYm9yZGVyOiAxcHggc29saWQgI2NmZDllYTtcclxuXHJcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcclxuICBib3gtc2hhZG93OiAwIDEwcHggMTVweCAwIHJnYmEoMCwgMCwgMCwgMC4xKTtcclxuICBib3JkZXItcmFkaXVzOiAxMHB4O1xyXG4gIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgei1pbmRleDogMTAwMTtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IGRyb3Bkb3duTWVudU9wdGlvbiA9ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXHJcbiAgd2lkdGg6IDEwMCU7XHJcbiAgaGVpZ2h0OiA1MnB4O1xyXG5cclxuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcclxuICBib3JkZXItcmFkaXVzOiAwO1xyXG5cclxuICBmb250LXdlaWdodDogNTAwO1xyXG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCAke3RoZW1lLmJvcmRlcn07XHJcbiAgY3Vyc29yOiBwb2ludGVyO1xyXG4gIGZvbnQtd2VpZ2h0OiA2MDA7XHJcblxyXG4gICY6aG92ZXIge1xyXG4gICAgYmFja2dyb3VuZDogJHt0aGVtZS5iZ307XHJcbiAgfVxyXG5cclxuICAmOm50aC1vZi10eXBlKDEpIHtcclxuICAgIGJvcmRlci10b3A6IG5vbmU7XHJcbiAgfVxyXG5gXHJcbiJdfQ== */");
|
@@ -1,19 +0,0 @@
|
|
1
|
-
/** @jsx jsx */
|
2
|
-
import React from 'react';
|
3
|
-
interface IProps {
|
4
|
-
/** Sets picker as selected */
|
5
|
-
selected?: boolean;
|
6
|
-
/** Set to true if menu is collapsed */
|
7
|
-
small: boolean;
|
8
|
-
/** Sets colors to a lighter theme */
|
9
|
-
lightTheme: boolean;
|
10
|
-
/** The icon of the picker */
|
11
|
-
icon: React.ReactNode;
|
12
|
-
/** The label of the picker */
|
13
|
-
label: string;
|
14
|
-
/** CB fired on click */
|
15
|
-
onClick?: () => void;
|
16
|
-
}
|
17
|
-
declare const AppPicker: React.FC<IProps>;
|
18
|
-
export default AppPicker;
|
19
|
-
//# sourceMappingURL=index.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/layout/Sidemenu/AppPicker/index.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,UAAU,MAAM;IACd,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uCAAuC;IACvC,KAAK,EAAE,OAAO,CAAA;IACd,qCAAqC;IACrC,UAAU,EAAE,OAAO,CAAA;IACnB,6BAA6B;IAC7B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,8BAA8B;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,wBAAwB;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAoC/B,CAAA;AAED,eAAe,SAAS,CAAA"}
|
@@ -1,35 +0,0 @@
|
|
1
|
-
/** @jsx jsx */
|
2
|
-
import { jsx } from '@emotion/core';
|
3
|
-
import { Wrapper, IconWrapper } from './styles';
|
4
|
-
import { useTheme } from 'emotion-theming';
|
5
|
-
import Text from '../../../core/Text';
|
6
|
-
|
7
|
-
const AppPicker = ({
|
8
|
-
selected,
|
9
|
-
small,
|
10
|
-
icon,
|
11
|
-
label,
|
12
|
-
onClick,
|
13
|
-
lightTheme
|
14
|
-
}) => {
|
15
|
-
const theme = useTheme();
|
16
|
-
return selected || !small ? jsx(Wrapper, {
|
17
|
-
nostyle: true,
|
18
|
-
small: small,
|
19
|
-
theme: theme,
|
20
|
-
selected: selected,
|
21
|
-
onClick: onClick,
|
22
|
-
lightTheme: lightTheme,
|
23
|
-
selectedColor: lightTheme ? theme.illustrationPrimary10 : '#ffffff',
|
24
|
-
deSelectedColor: lightTheme ? theme.illustrationPrimary10 : 'rgba(255, 255, 255, 0.16)'
|
25
|
-
}, jsx(IconWrapper, {
|
26
|
-
className: selected ? 'selected' : '',
|
27
|
-
small: small,
|
28
|
-
bg: lightTheme ? 'rgba(255,255,255, 0.7)' : theme.illustrationPrimary10,
|
29
|
-
bgSmall: lightTheme ? theme.illustrationPrimary10 : theme.illustrationPrimary10
|
30
|
-
}, icon), jsx(Text, {
|
31
|
-
semibold: true
|
32
|
-
}, label)) : null;
|
33
|
-
};
|
34
|
-
|
35
|
-
export default AppPicker;
|
@@ -1,4 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
export declare const Wrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, object>;
|
3
|
-
export declare const IconWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, object>;
|
4
|
-
//# sourceMappingURL=styles.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/layout/Sidemenu/AppPicker/styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,OAAO,gKA+BnB,CAAA;AAED,eAAO,MAAM,WAAW,gKAavB,CAAA"}
|
@@ -1,41 +0,0 @@
|
|
1
|
-
import styled from '@emotion/styled';
|
2
|
-
import { css } from '@emotion/core';
|
3
|
-
import bp from '../../../globals/styles/breakpoints';
|
4
|
-
export const Wrapper = styled.div(props => css`
|
5
|
-
display: flex;
|
6
|
-
flex-direction: column;
|
7
|
-
justify-content: center;
|
8
|
-
align-items: center;
|
9
|
-
height: ${props.selected ? '70px' : '50px'};
|
10
|
-
width: ${!props.selected ? '50px' : !props.small ? '66px' : 'auto'};
|
11
|
-
border-radius: 8px;
|
12
|
-
background-color: ${!props.small ? props.selected ? props.selectedColor : props.deSelectedColor : 'transparent'};
|
13
|
-
span {
|
14
|
-
font-size: 12px;
|
15
|
-
display: ${props.selected && !props.small ? 'inline-block' : 'none'};
|
16
|
-
}
|
17
|
-
|
18
|
-
@media screen and (max-width: ${bp.medium}) {
|
19
|
-
flex-direction: row;
|
20
|
-
height: ${props.selected ? '60px' : '48px'};
|
21
|
-
width: ${props.selected ? '55%' : '45%'};
|
22
|
-
|
23
|
-
span {
|
24
|
-
display: inline-block;
|
25
|
-
margin-left: 0.5em;
|
26
|
-
font-size: 14px;
|
27
|
-
}
|
28
|
-
}
|
29
|
-
`);
|
30
|
-
export const IconWrapper = styled.div(props => css`
|
31
|
-
&.selected {
|
32
|
-
display: flex;
|
33
|
-
align-items: center;
|
34
|
-
justify-content: center;
|
35
|
-
border-radius: 50%;
|
36
|
-
height: 40px;
|
37
|
-
width: 40px;
|
38
|
-
background-color: ${props.small ? props.bgSmall : props.bg};
|
39
|
-
margin-bottom: 0.2em;
|
40
|
-
}
|
41
|
-
`);
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/layout/Sidemenu/MainMenu/index.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,MAAM;IACd,uCAAuC;IACvC,KAAK,EAAE,OAAO,CAAA;CACf;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAE9B,CAAA;AAED,eAAe,QAAQ,CAAA"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/layout/Sidemenu/MainMenu/styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,OAAO,gKAgBnB,CAAA"}
|
@@ -1,18 +0,0 @@
|
|
1
|
-
import styled from '@emotion/styled';
|
2
|
-
import { css } from '@emotion/core';
|
3
|
-
import bp from '../../../globals/styles/breakpoints';
|
4
|
-
export const Wrapper = styled.div(props => css`
|
5
|
-
display: flex;
|
6
|
-
flex-direction: column;
|
7
|
-
width: ${props.small ? '80%' : 'calc(100% - 26px)'};
|
8
|
-
margin-left: ${props.small ? '20%' : '0'};
|
9
|
-
margin-top: 130px;
|
10
|
-
padding-left: ${props.small ? '0' : '26px'};
|
11
|
-
|
12
|
-
@media screen and (max-width: ${bp.medium}) {
|
13
|
-
margin-top: 2em;
|
14
|
-
padding-left: 0;
|
15
|
-
width: 100%;
|
16
|
-
margin-left: 0;
|
17
|
-
}
|
18
|
-
`);
|
@@ -1,15 +0,0 @@
|
|
1
|
-
/** @jsx jsx */
|
2
|
-
import React from 'react';
|
3
|
-
interface IProps {
|
4
|
-
/** Set to true if menu is not collapsed */
|
5
|
-
open: boolean;
|
6
|
-
/** Sets colors to a lighter theme */
|
7
|
-
lightTheme?: boolean;
|
8
|
-
/** CB fired onn toggle button click */
|
9
|
-
onMenuToggle?: (open: boolean) => void;
|
10
|
-
/** Text to be displayed */
|
11
|
-
label: string;
|
12
|
-
}
|
13
|
-
declare const MenuBottom: React.FC<IProps>;
|
14
|
-
export default MenuBottom;
|
15
|
-
//# sourceMappingURL=index.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/layout/Sidemenu/MenuBottom/index.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,UAAU,MAAM;IACd,2CAA2C;IAC3C,IAAI,EAAE,OAAO,CAAA;IACb,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAA;CACd;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA4BhC,CAAA;AAED,eAAe,UAAU,CAAA"}
|
@@ -1,31 +0,0 @@
|
|
1
|
-
/** @jsx jsx */
|
2
|
-
import { jsx } from '@emotion/core';
|
3
|
-
import { Wrapper, CollapseIconWrapper } from './styles';
|
4
|
-
import IconChevronLeft from '../../../icons/General/IconChevronLeft';
|
5
|
-
import { useTheme } from 'emotion-theming';
|
6
|
-
import Text from '../../../core/Text';
|
7
|
-
|
8
|
-
const MenuBottom = ({
|
9
|
-
open,
|
10
|
-
lightTheme,
|
11
|
-
label,
|
12
|
-
onMenuToggle
|
13
|
-
}) => {
|
14
|
-
const theme = useTheme();
|
15
|
-
return jsx(Wrapper, {
|
16
|
-
open: open
|
17
|
-
}, jsx(CollapseIconWrapper, {
|
18
|
-
open: open,
|
19
|
-
lightTheme: lightTheme,
|
20
|
-
theme: theme,
|
21
|
-
onClick: () => onMenuToggle && onMenuToggle(!open)
|
22
|
-
}, jsx(IconChevronLeft, {
|
23
|
-
size: "9px",
|
24
|
-
color: lightTheme ? theme.primary : 'white'
|
25
|
-
})), open && jsx(Text, {
|
26
|
-
color: "#7C899E",
|
27
|
-
size: "10px"
|
28
|
-
}, label));
|
29
|
-
};
|
30
|
-
|
31
|
-
export default MenuBottom;
|
@@ -1,4 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
export declare const Wrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, object>;
|
3
|
-
export declare const CollapseIconWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, any, object>;
|
4
|
-
//# sourceMappingURL=styles.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/layout/Sidemenu/MenuBottom/styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,OAAO,gKAyBnB,CAAA;AAED,eAAO,MAAM,mBAAmB,4KA0B/B,CAAA"}
|