@bbl-digital/snorre 2.0.73 → 2.0.77

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 (105) hide show
  1. package/dist/bundle.js +32 -22
  2. package/esm/core/BoxedTable/RowCell/index.js +1 -1
  3. package/esm/core/BoxedTable/RowCell/styles.js +17 -8
  4. package/esm/core/BoxedTable/styles.js +1 -1
  5. package/esm/core/CommentsTimeline/styles.js +1 -1
  6. package/esm/core/InfoButton/styles.js +9 -9
  7. package/esm/core/Modal/index.js +3 -2
  8. package/esm/hooks/useScreenOrientation.js +46 -0
  9. package/infrastructure/azure-pipelines.yml +132 -20
  10. package/lib/core/BoxedTable/RowCell/index.d.ts.map +1 -1
  11. package/lib/core/BoxedTable/RowCell/index.js +1 -1
  12. package/lib/core/BoxedTable/RowCell/styles.d.ts +1 -0
  13. package/lib/core/BoxedTable/RowCell/styles.d.ts.map +1 -1
  14. package/lib/core/BoxedTable/RowCell/styles.js +17 -8
  15. package/lib/core/BoxedTable/styles.js +1 -1
  16. package/lib/core/CommentsTimeline/styles.js +1 -1
  17. package/lib/core/InfoButton/styles.d.ts.map +1 -1
  18. package/lib/core/InfoButton/styles.js +9 -9
  19. package/lib/core/Modal/index.d.ts +2 -0
  20. package/lib/core/Modal/index.d.ts.map +1 -1
  21. package/lib/core/Modal/index.js +3 -2
  22. package/lib/hooks/useScreenOrientation.d.ts +3 -0
  23. package/lib/hooks/useScreenOrientation.d.ts.map +1 -0
  24. package/lib/hooks/useScreenOrientation.js +46 -0
  25. package/package.json +1 -1
  26. package/esm/core/MailMenu/DropdownMenuOption.js +0 -21
  27. package/esm/core/MailMenu/index.js +0 -42
  28. package/esm/core/MailMenu/styles.js +0 -34
  29. package/esm/layout/Sidemenu/AppPicker/index.js +0 -35
  30. package/esm/layout/Sidemenu/AppPicker/styles.js +0 -41
  31. package/esm/layout/Sidemenu/MainMenu/index.js +0 -14
  32. package/esm/layout/Sidemenu/MainMenu/styles.js +0 -18
  33. package/esm/layout/Sidemenu/MenuBottom/index.js +0 -31
  34. package/esm/layout/Sidemenu/MenuBottom/styles.js +0 -48
  35. package/esm/layout/Sidemenu/MenuItem/index.js +0 -29
  36. package/esm/layout/Sidemenu/MenuItem/styles.js +0 -59
  37. package/esm/layout/Sidemenu/MenuTop/index.js +0 -24
  38. package/esm/layout/Sidemenu/MenuTop/styles.js +0 -33
  39. package/esm/layout/Sidemenu/SecondaryMenu/index.js +0 -12
  40. package/esm/layout/Sidemenu/SecondaryMenu/styles.js +0 -19
  41. package/esm/layout/Sidemenu/SecondaryMenuItem/index.js +0 -24
  42. package/esm/layout/Sidemenu/SecondaryMenuItem/styles.js +0 -29
  43. package/esm/layout/Sidemenu/index.js +0 -19
  44. package/esm/layout/Sidemenu/styles.js +0 -17
  45. package/esm/layout/Submenu/SubmenuLightThemeBg/styles.js +0 -10
  46. package/lib/core/MailMenu/DropdownMenuOption.d.ts +0 -11
  47. package/lib/core/MailMenu/DropdownMenuOption.d.ts.map +0 -1
  48. package/lib/core/MailMenu/DropdownMenuOption.js +0 -21
  49. package/lib/core/MailMenu/index.d.ts +0 -8
  50. package/lib/core/MailMenu/index.d.ts.map +0 -1
  51. package/lib/core/MailMenu/index.js +0 -42
  52. package/lib/core/MailMenu/styles.d.ts +0 -12
  53. package/lib/core/MailMenu/styles.d.ts.map +0 -1
  54. package/lib/core/MailMenu/styles.js +0 -34
  55. package/lib/layout/Sidemenu/AppPicker/index.d.ts +0 -19
  56. package/lib/layout/Sidemenu/AppPicker/index.d.ts.map +0 -1
  57. package/lib/layout/Sidemenu/AppPicker/index.js +0 -35
  58. package/lib/layout/Sidemenu/AppPicker/styles.d.ts +0 -4
  59. package/lib/layout/Sidemenu/AppPicker/styles.d.ts.map +0 -1
  60. package/lib/layout/Sidemenu/AppPicker/styles.js +0 -41
  61. package/lib/layout/Sidemenu/MainMenu/index.d.ts +0 -9
  62. package/lib/layout/Sidemenu/MainMenu/index.d.ts.map +0 -1
  63. package/lib/layout/Sidemenu/MainMenu/index.js +0 -14
  64. package/lib/layout/Sidemenu/MainMenu/styles.d.ts +0 -3
  65. package/lib/layout/Sidemenu/MainMenu/styles.d.ts.map +0 -1
  66. package/lib/layout/Sidemenu/MainMenu/styles.js +0 -18
  67. package/lib/layout/Sidemenu/MenuBottom/index.d.ts +0 -15
  68. package/lib/layout/Sidemenu/MenuBottom/index.d.ts.map +0 -1
  69. package/lib/layout/Sidemenu/MenuBottom/index.js +0 -31
  70. package/lib/layout/Sidemenu/MenuBottom/styles.d.ts +0 -4
  71. package/lib/layout/Sidemenu/MenuBottom/styles.d.ts.map +0 -1
  72. package/lib/layout/Sidemenu/MenuBottom/styles.js +0 -48
  73. package/lib/layout/Sidemenu/MenuItem/index.d.ts +0 -19
  74. package/lib/layout/Sidemenu/MenuItem/index.d.ts.map +0 -1
  75. package/lib/layout/Sidemenu/MenuItem/index.js +0 -29
  76. package/lib/layout/Sidemenu/MenuItem/styles.d.ts +0 -4
  77. package/lib/layout/Sidemenu/MenuItem/styles.d.ts.map +0 -1
  78. package/lib/layout/Sidemenu/MenuItem/styles.js +0 -59
  79. package/lib/layout/Sidemenu/MenuTop/index.d.ts +0 -13
  80. package/lib/layout/Sidemenu/MenuTop/index.d.ts.map +0 -1
  81. package/lib/layout/Sidemenu/MenuTop/index.js +0 -24
  82. package/lib/layout/Sidemenu/MenuTop/styles.d.ts +0 -13
  83. package/lib/layout/Sidemenu/MenuTop/styles.d.ts.map +0 -1
  84. package/lib/layout/Sidemenu/MenuTop/styles.js +0 -33
  85. package/lib/layout/Sidemenu/SecondaryMenu/index.d.ts +0 -9
  86. package/lib/layout/Sidemenu/SecondaryMenu/index.d.ts.map +0 -1
  87. package/lib/layout/Sidemenu/SecondaryMenu/index.js +0 -12
  88. package/lib/layout/Sidemenu/SecondaryMenu/styles.d.ts +0 -3
  89. package/lib/layout/Sidemenu/SecondaryMenu/styles.d.ts.map +0 -1
  90. package/lib/layout/Sidemenu/SecondaryMenu/styles.js +0 -19
  91. package/lib/layout/Sidemenu/SecondaryMenuItem/index.d.ts +0 -15
  92. package/lib/layout/Sidemenu/SecondaryMenuItem/index.d.ts.map +0 -1
  93. package/lib/layout/Sidemenu/SecondaryMenuItem/index.js +0 -24
  94. package/lib/layout/Sidemenu/SecondaryMenuItem/styles.d.ts +0 -7
  95. package/lib/layout/Sidemenu/SecondaryMenuItem/styles.d.ts.map +0 -1
  96. package/lib/layout/Sidemenu/SecondaryMenuItem/styles.js +0 -29
  97. package/lib/layout/Sidemenu/index.d.ts +0 -11
  98. package/lib/layout/Sidemenu/index.d.ts.map +0 -1
  99. package/lib/layout/Sidemenu/index.js +0 -19
  100. package/lib/layout/Sidemenu/styles.d.ts +0 -3
  101. package/lib/layout/Sidemenu/styles.d.ts.map +0 -1
  102. package/lib/layout/Sidemenu/styles.js +0 -17
  103. package/lib/layout/Submenu/SubmenuLightThemeBg/styles.d.ts +0 -3
  104. package/lib/layout/Submenu/SubmenuLightThemeBg/styles.d.ts.map +0 -1
  105. package/lib/layout/Submenu/SubmenuLightThemeBg/styles.js +0 -10
@@ -1,48 +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
- position: absolute;
6
- bottom: 0;
7
- left: 0;
8
- right: 0;
9
- display: flex;
10
- flex-direction: column;
11
- justify-content: center;
12
- padding-bottom: ${props.open ? '1em' : 'calc(1em + 13px)'};
13
- text-align: center;
14
- & > span {
15
- overflow: hidden;
16
- white-space: nowrap;
17
- }
18
-
19
- @media screen and (max-width: ${bp.medium}) {
20
- position: relative;
21
- margin-top: 2em;
22
- display: block;
23
- button {
24
- display: none;
25
- }
26
- }
27
- `);
28
- export const CollapseIconWrapper = styled.button(props => css`
29
- display: flex;
30
- justify-content: center;
31
- align-items: center;
32
- margin: 0 auto;
33
- height: 24px;
34
- width: 24px;
35
- border-radius: 50%;
36
- border: none;
37
- cursor: pointer;
38
- outline: none;
39
- background: ${props.lightTheme ? props.theme.illustrationPrimary10 : 'rgba(255, 255, 255, 0.16)'};
40
- margin-bottom: 1em;
41
- transition: transform 0.2s ease-in-out;
42
- transform: rotate(${props.open ? '0deg' : '180deg'});
43
-
44
- &:hover,
45
- &:focus {
46
- background: ${props.lightTheme ? props.theme.illustrationPrimary10 : 'rgba(255, 255, 255, 0.16)'};
47
- }
48
- `);
@@ -1,29 +0,0 @@
1
- /** @jsx jsx */
2
- import { jsx } from '@emotion/core';
3
- import { Wrapper, Span } from './styles';
4
- import { useTheme } from 'emotion-theming';
5
- import Text from '../../../core/Text';
6
-
7
- const MenuItem = ({
8
- small,
9
- icon,
10
- lightTheme,
11
- active,
12
- label,
13
- onClick
14
- }) => {
15
- const theme = useTheme();
16
- return jsx(Wrapper, {
17
- nostyle: true,
18
- small: small,
19
- theme: theme,
20
- lightTheme: lightTheme,
21
- className: active ? 'active' : '',
22
- onClick: onClick
23
- }, jsx(Span, null, icon, jsx(Text, {
24
- color: lightTheme ? '#000000' : 'white',
25
- size: "15px"
26
- }, label)));
27
- };
28
-
29
- export default MenuItem;
@@ -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,12 +0,0 @@
1
- /** @jsx jsx */
2
- import { jsx } from '@emotion/core';
3
- import { Wrapper } from './styles';
4
-
5
- const SecondaryMenu = ({
6
- small,
7
- children
8
- }) => {
9
- return small ? null : jsx(Wrapper, null, children);
10
- };
11
-
12
- export default SecondaryMenu;
@@ -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,10 +0,0 @@
1
- import styled from '@emotion/styled';
2
- export const Wrapper = styled.div`
3
- position: absolute;
4
- top: 0;
5
- left: 0;
6
- right: 0;
7
- bottom: 0;
8
- z-index: 0;
9
- overflow: hidden;
10
- `;
@@ -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,8 +0,0 @@
1
- import React from 'react';
2
- interface IProps {
3
- /** Button icon */
4
- icon: React.ReactNode;
5
- }
6
- declare const DropdownMenu: React.FC<IProps>;
7
- export default DropdownMenu;
8
- //# sourceMappingURL=index.d.ts.map
@@ -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,9 +0,0 @@
1
- /** @jsx jsx */
2
- import React from 'react';
3
- interface IProps {
4
- /** Set to true if menu is collapsed */
5
- small: boolean;
6
- }
7
- declare const MainMenu: React.FC<IProps>;
8
- export default MainMenu;
9
- //# sourceMappingURL=index.d.ts.map
@@ -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,14 +0,0 @@
1
- /** @jsx jsx */
2
- import { jsx } from '@emotion/core';
3
- import { Wrapper } from './styles';
4
-
5
- const MainMenu = ({
6
- small,
7
- children
8
- }) => {
9
- return jsx(Wrapper, {
10
- small: small
11
- }, children);
12
- };
13
-
14
- export default MainMenu;
@@ -1,3 +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
- //# sourceMappingURL=styles.d.ts.map
@@ -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"}