@bbl-digital/snorre 2.2.27 → 2.2.31
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 +665 -305
- package/esm/core/Box/index.js +2 -1
- package/esm/core/ListPager/index.js +55 -0
- package/esm/core/ListPager/styles.js +34 -0
- package/esm/core/Modal/index.js +1 -1
- package/esm/core/NoticeCard/index.js +100 -0
- package/esm/core/NoticeCard/models.js +6 -0
- package/esm/core/NoticeCard/privateComponents/NoticeAttachmentBlock/index.js +40 -0
- package/esm/core/NoticeCard/privateComponents/NoticeAttachmentBlock/styles.js +64 -0
- package/esm/core/NoticeCard/privateComponents/NoticeAttachmentList/index.js +22 -0
- package/esm/core/NoticeCard/privateComponents/NoticeAttachmentList/styles.js +18 -0
- package/esm/core/NoticeCard/privateComponents/NoticeMetaInfo/index.js +52 -0
- package/esm/core/NoticeCard/privateComponents/NoticeMetaInfo/styles.js +38 -0
- package/esm/core/NoticeCard/styles.js +46 -0
- package/esm/core/NoticeCard/utils.js +31 -0
- package/esm/index.js +2 -1
- package/esm/utils/pagination.js +26 -0
- package/lib/core/Box/index.d.ts +2 -0
- package/lib/core/Box/index.d.ts.map +1 -1
- package/lib/core/Box/index.js +2 -1
- package/lib/core/ListPager/index.d.ts +16 -0
- package/lib/core/ListPager/index.d.ts.map +1 -0
- package/lib/core/ListPager/index.js +55 -0
- package/lib/core/ListPager/styles.d.ts +11 -0
- package/lib/core/ListPager/styles.d.ts.map +1 -0
- package/lib/core/ListPager/styles.js +34 -0
- package/lib/core/Modal/index.d.ts +1 -1
- package/lib/core/Modal/index.d.ts.map +1 -1
- package/lib/core/Modal/index.js +1 -1
- package/lib/core/NoticeCard/index.d.ts +21 -0
- package/lib/core/NoticeCard/index.d.ts.map +1 -0
- package/lib/core/NoticeCard/index.js +100 -0
- package/lib/core/NoticeCard/models.d.ts +28 -0
- package/lib/core/NoticeCard/models.d.ts.map +1 -0
- package/lib/core/NoticeCard/models.js +6 -0
- package/lib/core/NoticeCard/privateComponents/NoticeAttachmentBlock/index.d.ts +10 -0
- package/lib/core/NoticeCard/privateComponents/NoticeAttachmentBlock/index.d.ts.map +1 -0
- package/lib/core/NoticeCard/privateComponents/NoticeAttachmentBlock/index.js +40 -0
- package/lib/core/NoticeCard/privateComponents/NoticeAttachmentBlock/styles.d.ts +15 -0
- package/lib/core/NoticeCard/privateComponents/NoticeAttachmentBlock/styles.d.ts.map +1 -0
- package/lib/core/NoticeCard/privateComponents/NoticeAttachmentBlock/styles.js +64 -0
- package/lib/core/NoticeCard/privateComponents/NoticeAttachmentList/index.d.ts +9 -0
- package/lib/core/NoticeCard/privateComponents/NoticeAttachmentList/index.d.ts.map +1 -0
- package/lib/core/NoticeCard/privateComponents/NoticeAttachmentList/index.js +22 -0
- package/lib/core/NoticeCard/privateComponents/NoticeAttachmentList/styles.d.ts +6 -0
- package/lib/core/NoticeCard/privateComponents/NoticeAttachmentList/styles.d.ts.map +1 -0
- package/lib/core/NoticeCard/privateComponents/NoticeAttachmentList/styles.js +18 -0
- package/lib/core/NoticeCard/privateComponents/NoticeMetaInfo/index.d.ts +11 -0
- package/lib/core/NoticeCard/privateComponents/NoticeMetaInfo/index.d.ts.map +1 -0
- package/lib/core/NoticeCard/privateComponents/NoticeMetaInfo/index.js +52 -0
- package/lib/core/NoticeCard/privateComponents/NoticeMetaInfo/styles.d.ts +14 -0
- package/lib/core/NoticeCard/privateComponents/NoticeMetaInfo/styles.d.ts.map +1 -0
- package/lib/core/NoticeCard/privateComponents/NoticeMetaInfo/styles.js +38 -0
- package/lib/core/NoticeCard/styles.d.ts +20 -0
- package/lib/core/NoticeCard/styles.d.ts.map +1 -0
- package/lib/core/NoticeCard/styles.js +46 -0
- package/lib/core/NoticeCard/utils.d.ts +4 -0
- package/lib/core/NoticeCard/utils.d.ts.map +1 -0
- package/lib/core/NoticeCard/utils.js +31 -0
- package/lib/index.d.ts +2 -1
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +2 -1
- package/lib/utils/pagination.d.ts +7 -0
- package/lib/utils/pagination.d.ts.map +1 -0
- package/lib/utils/pagination.js +26 -0
- package/package.json +1 -1
package/esm/core/Box/index.js
CHANGED
@@ -16,6 +16,7 @@ const Box = ({
|
|
16
16
|
noshadow,
|
17
17
|
background,
|
18
18
|
className,
|
19
|
+
hideContent,
|
19
20
|
children,
|
20
21
|
...restProps
|
21
22
|
}) => {
|
@@ -45,7 +46,7 @@ const Box = ({
|
|
45
46
|
css: theme => [styles.default(theme), css && css, type === 'mysite' && styles.mysite(theme), noshadow && styles.noshadow, background && styles.background(background)],
|
46
47
|
className: className,
|
47
48
|
...restProps,
|
48
|
-
children: [header && headerWrapper, (isOpen || !collapsable) && _jsx(ContentWrapper, {
|
49
|
+
children: [header && headerWrapper, (isOpen || !collapsable) && !hideContent && _jsx(ContentWrapper, {
|
49
50
|
children: children
|
50
51
|
})]
|
51
52
|
});
|
@@ -0,0 +1,55 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { useTheme } from '@emotion/react';
|
3
|
+
import { DotWrapper, PageStyle, Wrapper } from './styles';
|
4
|
+
import { getHasPreviousPages, getHasMorePages, getFirstButtonIndex } from '../../utils/pagination';
|
5
|
+
import Button from '../Button';
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
7
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
8
|
+
|
9
|
+
const ListPager = ({
|
10
|
+
totalPageCount,
|
11
|
+
currentPage,
|
12
|
+
onFirstClick,
|
13
|
+
onLastClick,
|
14
|
+
onPageClick
|
15
|
+
}) => {
|
16
|
+
const theme = useTheme();
|
17
|
+
|
18
|
+
if (!(totalPageCount && totalPageCount > 0 && currentPage)) {
|
19
|
+
return null;
|
20
|
+
}
|
21
|
+
|
22
|
+
const totalButtons = totalPageCount > 5 ? 5 : totalPageCount;
|
23
|
+
const hasPreviousPages = getHasPreviousPages(currentPage, totalPageCount);
|
24
|
+
const hasMorePages = getHasMorePages(currentPage, totalPageCount);
|
25
|
+
const firstButtonIndex = getFirstButtonIndex(currentPage, totalPageCount);
|
26
|
+
|
27
|
+
const Dots = /*#__PURE__*/_jsx(DotWrapper, {
|
28
|
+
children: "..."
|
29
|
+
});
|
30
|
+
|
31
|
+
let pages = [];
|
32
|
+
|
33
|
+
for (let i = firstButtonIndex; i < firstButtonIndex + totalButtons; i++) {
|
34
|
+
pages.push( /*#__PURE__*/_jsx(Button, {
|
35
|
+
nostyle: true,
|
36
|
+
onClick: () => onPageClick && onPageClick(i + 1),
|
37
|
+
css: PageStyle(currentPage === i + 1, theme.primary),
|
38
|
+
children: i + 1
|
39
|
+
}, i));
|
40
|
+
}
|
41
|
+
|
42
|
+
return /*#__PURE__*/_jsxs(Wrapper, {
|
43
|
+
children: [/*#__PURE__*/_jsx(Button, {
|
44
|
+
nostyle: true,
|
45
|
+
onClick: onFirstClick,
|
46
|
+
children: "F\xF8rste"
|
47
|
+
}), hasPreviousPages && Dots, pages, hasMorePages && Dots, /*#__PURE__*/_jsx(Button, {
|
48
|
+
nostyle: true,
|
49
|
+
onClick: () => onLastClick && totalPageCount && onLastClick(totalPageCount),
|
50
|
+
children: "Siste"
|
51
|
+
})]
|
52
|
+
});
|
53
|
+
};
|
54
|
+
|
55
|
+
export default ListPager;
|
@@ -0,0 +1,34 @@
|
|
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 PageStyle = (active, primary) => /*#__PURE__*/css("color:", active ? primary : 'initial', ";&:active,&:hover,&:focus{color:", active ? primary : 'initial', ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:PageStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3RQYWdlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2tFIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3RQYWdlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5leHBvcnQgY29uc3QgUGFnZVN0eWxlID0gKGFjdGl2ZTogYm9vbGVhbiwgcHJpbWFyeTogc3RyaW5nKSA9PiBjc3NgXG4gIGNvbG9yOiAke2FjdGl2ZSA/IHByaW1hcnkgOiAnaW5pdGlhbCd9O1xuICAmOmFjdGl2ZSxcbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgY29sb3I6ICR7YWN0aXZlID8gcHJpbWFyeSA6ICdpbml0aWFsJ307XG4gIH1cbmBcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC1jb2x1bW4tZ2FwOiAxZW07XG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gIHdpZHRoOiBtaW4tY29udGVudDtcbmBcblxuZXhwb3J0IGNvbnN0IERvdFdyYXBwZXIgPSBzdHlsZWQuc3BhbmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcbiJdfQ== */");
|
7
|
+
export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
|
8
|
+
target: "eava76v1"
|
9
|
+
} : {
|
10
|
+
target: "eava76v1",
|
11
|
+
label: "Wrapper"
|
12
|
+
})(process.env.NODE_ENV === "production" ? {
|
13
|
+
name: "1o2oc08",
|
14
|
+
styles: "display:grid;grid-column-gap:1em;grid-auto-flow:column;width:min-content"
|
15
|
+
} : {
|
16
|
+
name: "1o2oc08",
|
17
|
+
styles: "display:grid;grid-column-gap:1em;grid-auto-flow:column;width:min-content",
|
18
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3RQYWdlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV2lDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3RQYWdlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5leHBvcnQgY29uc3QgUGFnZVN0eWxlID0gKGFjdGl2ZTogYm9vbGVhbiwgcHJpbWFyeTogc3RyaW5nKSA9PiBjc3NgXG4gIGNvbG9yOiAke2FjdGl2ZSA/IHByaW1hcnkgOiAnaW5pdGlhbCd9O1xuICAmOmFjdGl2ZSxcbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgY29sb3I6ICR7YWN0aXZlID8gcHJpbWFyeSA6ICdpbml0aWFsJ307XG4gIH1cbmBcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC1jb2x1bW4tZ2FwOiAxZW07XG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gIHdpZHRoOiBtaW4tY29udGVudDtcbmBcblxuZXhwb3J0IGNvbnN0IERvdFdyYXBwZXIgPSBzdHlsZWQuc3BhbmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcbiJdfQ== */",
|
19
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
20
|
+
});
|
21
|
+
export const DotWrapper = _styled("span", process.env.NODE_ENV === "production" ? {
|
22
|
+
target: "eava76v0"
|
23
|
+
} : {
|
24
|
+
target: "eava76v0",
|
25
|
+
label: "DotWrapper"
|
26
|
+
})(process.env.NODE_ENV === "production" ? {
|
27
|
+
name: "s5xdrg",
|
28
|
+
styles: "display:flex;align-items:center"
|
29
|
+
} : {
|
30
|
+
name: "s5xdrg",
|
31
|
+
styles: "display:flex;align-items:center",
|
32
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3RQYWdlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JxQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9MaXN0UGFnZXIvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IFBhZ2VTdHlsZSA9IChhY3RpdmU6IGJvb2xlYW4sIHByaW1hcnk6IHN0cmluZykgPT4gY3NzYFxuICBjb2xvcjogJHthY3RpdmUgPyBwcmltYXJ5IDogJ2luaXRpYWwnfTtcbiAgJjphY3RpdmUsXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIGNvbG9yOiAke2FjdGl2ZSA/IHByaW1hcnkgOiAnaW5pdGlhbCd9O1xuICB9XG5gXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtY29sdW1uLWdhcDogMWVtO1xuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICB3aWR0aDogbWluLWNvbnRlbnQ7XG5gXG5cbmV4cG9ydCBjb25zdCBEb3RXcmFwcGVyID0gc3R5bGVkLnNwYW5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gXG4iXX0= */",
|
33
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
34
|
+
});
|
package/esm/core/Modal/index.js
CHANGED
@@ -79,7 +79,7 @@ const Modal = ({
|
|
79
79
|
children: _jsx(IconClose, {})
|
80
80
|
})
|
81
81
|
}), _jsx(HeaderWrapper, {
|
82
|
-
children: header
|
82
|
+
children: header && header
|
83
83
|
}), _jsx(ModalContent, {
|
84
84
|
scrollable: !disableScrollableContent,
|
85
85
|
ref: disableScrollableContent ? modalRef : undefined,
|
@@ -0,0 +1,100 @@
|
|
1
|
+
import { useTheme } from '@emotion/react';
|
2
|
+
import React, { useState } from 'react';
|
3
|
+
import Box from '../Box';
|
4
|
+
import Header from '../Header';
|
5
|
+
import Html from '../Html';
|
6
|
+
import Image from '../Image';
|
7
|
+
import Link from '../Link';
|
8
|
+
import Modal from '../Modal';
|
9
|
+
import Text from '../Text';
|
10
|
+
import NoticeAttachmentBlock from './privateComponents/NoticeAttachmentBlock';
|
11
|
+
import NoticeAttachmentList from './privateComponents/NoticeAttachmentList';
|
12
|
+
import NoticeMetaInfo from './privateComponents/NoticeMetaInfo';
|
13
|
+
import { ContentWrapper, Div, ImageWrapper, Wrapper } from './styles';
|
14
|
+
import { getNoticeMeetingDescription } from './utils';
|
15
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
16
|
+
import { Fragment as _Fragment } from "react/jsx-runtime";
|
17
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
18
|
+
|
19
|
+
const NoticeCard = ({
|
20
|
+
notice,
|
21
|
+
isModal,
|
22
|
+
attachmentsRef,
|
23
|
+
imageSrc,
|
24
|
+
onAttachmentDownload,
|
25
|
+
onEventDownload,
|
26
|
+
onModalClose
|
27
|
+
}) => {
|
28
|
+
const [open, setOpen] = useState(false);
|
29
|
+
const theme = useTheme();
|
30
|
+
|
31
|
+
const Content = /*#__PURE__*/_jsxs(Wrapper, {
|
32
|
+
hasImage: !!imageSrc,
|
33
|
+
children: [imageSrc && /*#__PURE__*/_jsx(ImageWrapper, {
|
34
|
+
children: /*#__PURE__*/_jsx(Image, {
|
35
|
+
src: imageSrc,
|
36
|
+
alt: "Oppslag bilde"
|
37
|
+
})
|
38
|
+
}), /*#__PURE__*/_jsxs(ContentWrapper, {
|
39
|
+
children: [/*#__PURE__*/_jsx(Header, {
|
40
|
+
level: 4,
|
41
|
+
color: theme.secondaryDarkText,
|
42
|
+
children: notice.title
|
43
|
+
}), /*#__PURE__*/_jsx(Div, {
|
44
|
+
children: /*#__PURE__*/_jsx(NoticeMetaInfo, {
|
45
|
+
name: notice.createdBy,
|
46
|
+
created: notice.createdDate,
|
47
|
+
updated: notice.updatedDate
|
48
|
+
})
|
49
|
+
}), notice.bodyHtml && notice.bodyHtml.length <= 2000 && /*#__PURE__*/_jsx(Div, {
|
50
|
+
children: /*#__PURE__*/_jsx(Html, {
|
51
|
+
text: notice.bodyHtml,
|
52
|
+
externalLinks: true
|
53
|
+
})
|
54
|
+
}), notice.bodyHtml && notice.bodyHtml.length > 2000 && /*#__PURE__*/_jsxs(_Fragment, {
|
55
|
+
children: [/*#__PURE__*/_jsx(Div, {
|
56
|
+
children: /*#__PURE__*/_jsx(Html, {
|
57
|
+
externalLinks: true,
|
58
|
+
text: open ? notice.bodyHtml : notice.bodyHtml.substring(0, 2000)
|
59
|
+
})
|
60
|
+
}), /*#__PURE__*/_jsx(Div, {
|
61
|
+
children: /*#__PURE__*/_jsx(Link, {
|
62
|
+
onClick: () => setOpen(!open),
|
63
|
+
children: open ? 'Vis mindre' : 'Les mer'
|
64
|
+
})
|
65
|
+
})]
|
66
|
+
}), notice.eventStart && notice.eventEnd && /*#__PURE__*/_jsxs(Div, {
|
67
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
68
|
+
bold: true,
|
69
|
+
children: "Hendelse"
|
70
|
+
}), /*#__PURE__*/_jsx(NoticeAttachmentBlock, {
|
71
|
+
type: "cal",
|
72
|
+
name: notice.title,
|
73
|
+
description: getNoticeMeetingDescription(notice.eventStart, notice.eventEnd),
|
74
|
+
onDownload: onEventDownload
|
75
|
+
})]
|
76
|
+
}), notice.attachments && notice.attachments.length > 0 && /*#__PURE__*/_jsxs(Div, {
|
77
|
+
ref: attachmentsRef,
|
78
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
79
|
+
bold: true,
|
80
|
+
children: "Vedlegg"
|
81
|
+
}), /*#__PURE__*/_jsx(NoticeAttachmentList, {
|
82
|
+
attachments: notice.attachments,
|
83
|
+
onDownload: onAttachmentDownload && onAttachmentDownload
|
84
|
+
})]
|
85
|
+
})]
|
86
|
+
})]
|
87
|
+
});
|
88
|
+
|
89
|
+
return isModal ? /*#__PURE__*/_jsx(Modal, {
|
90
|
+
width: imageSrc ? '920px' : '720px',
|
91
|
+
open: true,
|
92
|
+
onClose: onModalClose,
|
93
|
+
children: Content
|
94
|
+
}) : /*#__PURE__*/_jsx(Box, {
|
95
|
+
type: "mysite",
|
96
|
+
children: Content
|
97
|
+
});
|
98
|
+
};
|
99
|
+
|
100
|
+
export default NoticeCard;
|
@@ -0,0 +1,40 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { Wrapper, IconBackground, FileInfoWrapper, FileWrapperButton } from './styles';
|
3
|
+
import { useTheme } from '@emotion/react';
|
4
|
+
import Button from '../../../Button';
|
5
|
+
import { getFileIcon } from '../../utils';
|
6
|
+
import Text from '../../../Text';
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
8
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
9
|
+
|
10
|
+
const NoticeAttachmentBlock = ({
|
11
|
+
type = 'default',
|
12
|
+
name,
|
13
|
+
description,
|
14
|
+
onDownload
|
15
|
+
}) => {
|
16
|
+
const theme = useTheme();
|
17
|
+
return /*#__PURE__*/_jsx(Wrapper, {
|
18
|
+
children: /*#__PURE__*/_jsx(Button, {
|
19
|
+
nostyle: true,
|
20
|
+
title: `Last ned ${type === 'cal' ? 'kalendaravtale' : 'fil'}`,
|
21
|
+
onClick: () => onDownload && onDownload(),
|
22
|
+
children: /*#__PURE__*/_jsxs(FileWrapperButton, {
|
23
|
+
children: [/*#__PURE__*/_jsx(IconBackground, {
|
24
|
+
background: theme.illustrationPrimary10,
|
25
|
+
children: getFileIcon(type)
|
26
|
+
}), /*#__PURE__*/_jsxs(FileInfoWrapper, {
|
27
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
28
|
+
wordBreak: "break-all",
|
29
|
+
children: name
|
30
|
+
}), /*#__PURE__*/_jsx(Text, {
|
31
|
+
subtle: true,
|
32
|
+
children: description
|
33
|
+
})]
|
34
|
+
})]
|
35
|
+
})
|
36
|
+
})
|
37
|
+
});
|
38
|
+
};
|
39
|
+
|
40
|
+
export default NoticeAttachmentBlock;
|
@@ -0,0 +1,64 @@
|
|
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
|
+
export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
|
6
|
+
target: "egqh0xs3"
|
7
|
+
} : {
|
8
|
+
target: "egqh0xs3",
|
9
|
+
label: "Wrapper"
|
10
|
+
})(process.env.NODE_ENV === "production" ? {
|
11
|
+
name: "1ltg5t0",
|
12
|
+
styles: "&>button,&>button>span{width:100%;}&>button:active>span>div{border:1px solid #ccc;}"
|
13
|
+
} : {
|
14
|
+
name: "1ltg5t0",
|
15
|
+
styles: "&>button,&>button>span{width:100%;}&>button:active>span>div{border:1px solid #ccc;}",
|
16
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudEJsb2NrL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFaUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTm90aWNlQ2FyZC9wcml2YXRlQ29tcG9uZW50cy9Ob3RpY2VBdHRhY2htZW50QmxvY2svc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcblxyXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgJiA+IGJ1dHRvbixcclxuICAmID4gYnV0dG9uID4gc3BhbiB7XHJcbiAgICB3aWR0aDogMTAwJTtcclxuICB9XHJcblxyXG4gICYgPiBidXR0b246YWN0aXZlID4gc3BhbiA+IGRpdiB7XHJcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjY2NjO1xyXG4gIH1cclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IEZpbGVXcmFwcGVyQnV0dG9uID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBncmlkO1xyXG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogNDBweCAxZnI7XHJcbiAgZ3JpZC1jb2x1bW4tZ2FwOiAxZW07XHJcbiAgYm9yZGVyOiAxcHggc29saWQgI2NjYztcclxuICBib3JkZXItcmFkaXVzOiAxNnB4O1xyXG4gIHBhZGRpbmc6IDEuNGVtO1xyXG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xyXG4gIGZvbnQtd2VpZ2h0OiBub3JtYWw7XHJcblxyXG4gIHNwYW4ge1xyXG4gICAgdGV4dC1hbGlnbjogbGVmdDtcclxuICB9XHJcblxyXG4gICY6aG92ZXIge1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gIH1cclxuICAmOmFjdGl2ZSB7XHJcbiAgICBib3JkZXI6IG5vbmU7XHJcbiAgfVxyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgRmlsZUluZm9XcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBncmlkO1xyXG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyO1xyXG4gIGdyaWQtcm93LWdhcDogMC4xZW07XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBJY29uQmFja2dyb3VuZCA9IHN0eWxlZC5kaXYoXHJcbiAgKHByb3BzOiBhbnkpID0+IGBcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcclxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgICB3aWR0aDogNDBweDtcclxuICAgIGhlaWdodDogNDBweDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDQwcHg7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLmJhY2tncm91bmR9O1xyXG5cclxuICAgIHNwYW4ge1xyXG4gICAgICBmb250LXdlaWdodDogYm9sZDtcclxuICAgIH1cclxuICBgXHJcbilcclxuIl19 */",
|
17
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
18
|
+
});
|
19
|
+
export const FileWrapperButton = _styled("div", process.env.NODE_ENV === "production" ? {
|
20
|
+
target: "egqh0xs2"
|
21
|
+
} : {
|
22
|
+
target: "egqh0xs2",
|
23
|
+
label: "FileWrapperButton"
|
24
|
+
})(process.env.NODE_ENV === "production" ? {
|
25
|
+
name: "1l0neq4",
|
26
|
+
styles: "display:grid;grid-template-columns:40px 1fr;grid-column-gap:1em;border:1px solid #ccc;border-radius:16px;padding:1.4em;background-color:transparent;font-weight:normal;span{text-align:left;}&:hover{cursor:pointer;}&:active{border:none;}"
|
27
|
+
} : {
|
28
|
+
name: "1l0neq4",
|
29
|
+
styles: "display:grid;grid-template-columns:40px 1fr;grid-column-gap:1em;border:1px solid #ccc;border-radius:16px;padding:1.4em;background-color:transparent;font-weight:normal;span{text-align:left;}&:hover{cursor:pointer;}&:active{border:none;}",
|
30
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudEJsb2NrL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhMkMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTm90aWNlQ2FyZC9wcml2YXRlQ29tcG9uZW50cy9Ob3RpY2VBdHRhY2htZW50QmxvY2svc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcblxyXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgJiA+IGJ1dHRvbixcclxuICAmID4gYnV0dG9uID4gc3BhbiB7XHJcbiAgICB3aWR0aDogMTAwJTtcclxuICB9XHJcblxyXG4gICYgPiBidXR0b246YWN0aXZlID4gc3BhbiA+IGRpdiB7XHJcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjY2NjO1xyXG4gIH1cclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IEZpbGVXcmFwcGVyQnV0dG9uID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBncmlkO1xyXG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogNDBweCAxZnI7XHJcbiAgZ3JpZC1jb2x1bW4tZ2FwOiAxZW07XHJcbiAgYm9yZGVyOiAxcHggc29saWQgI2NjYztcclxuICBib3JkZXItcmFkaXVzOiAxNnB4O1xyXG4gIHBhZGRpbmc6IDEuNGVtO1xyXG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xyXG4gIGZvbnQtd2VpZ2h0OiBub3JtYWw7XHJcblxyXG4gIHNwYW4ge1xyXG4gICAgdGV4dC1hbGlnbjogbGVmdDtcclxuICB9XHJcblxyXG4gICY6aG92ZXIge1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gIH1cclxuICAmOmFjdGl2ZSB7XHJcbiAgICBib3JkZXI6IG5vbmU7XHJcbiAgfVxyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgRmlsZUluZm9XcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBncmlkO1xyXG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyO1xyXG4gIGdyaWQtcm93LWdhcDogMC4xZW07XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBJY29uQmFja2dyb3VuZCA9IHN0eWxlZC5kaXYoXHJcbiAgKHByb3BzOiBhbnkpID0+IGBcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcclxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgICB3aWR0aDogNDBweDtcclxuICAgIGhlaWdodDogNDBweDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDQwcHg7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLmJhY2tncm91bmR9O1xyXG5cclxuICAgIHNwYW4ge1xyXG4gICAgICBmb250LXdlaWdodDogYm9sZDtcclxuICAgIH1cclxuICBgXHJcbilcclxuIl19 */",
|
31
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
32
|
+
});
|
33
|
+
export const FileInfoWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
|
34
|
+
target: "egqh0xs1"
|
35
|
+
} : {
|
36
|
+
target: "egqh0xs1",
|
37
|
+
label: "FileInfoWrapper"
|
38
|
+
})(process.env.NODE_ENV === "production" ? {
|
39
|
+
name: "g914uy",
|
40
|
+
styles: "display:grid;grid-template-columns:1fr;grid-row-gap:0.1em"
|
41
|
+
} : {
|
42
|
+
name: "g914uy",
|
43
|
+
styles: "display:grid;grid-template-columns:1fr;grid-row-gap:0.1em",
|
44
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudEJsb2NrL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ3lDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudEJsb2NrL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5cclxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxyXG4gICYgPiBidXR0b24sXHJcbiAgJiA+IGJ1dHRvbiA+IHNwYW4ge1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgfVxyXG5cclxuICAmID4gYnV0dG9uOmFjdGl2ZSA+IHNwYW4gPiBkaXYge1xyXG4gICAgYm9yZGVyOiAxcHggc29saWQgI2NjYztcclxuICB9XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBGaWxlV3JhcHBlckJ1dHRvbiA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZ3JpZDtcclxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDQwcHggMWZyO1xyXG4gIGdyaWQtY29sdW1uLWdhcDogMWVtO1xyXG4gIGJvcmRlcjogMXB4IHNvbGlkICNjY2M7XHJcbiAgYm9yZGVyLXJhZGl1czogMTZweDtcclxuICBwYWRkaW5nOiAxLjRlbTtcclxuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcclxuICBmb250LXdlaWdodDogbm9ybWFsO1xyXG5cclxuICBzcGFuIHtcclxuICAgIHRleHQtYWxpZ246IGxlZnQ7XHJcbiAgfVxyXG5cclxuICAmOmhvdmVyIHtcclxuICAgIGN1cnNvcjogcG9pbnRlcjtcclxuICB9XHJcbiAgJjphY3RpdmUge1xyXG4gICAgYm9yZGVyOiBub25lO1xyXG4gIH1cclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IEZpbGVJbmZvV3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZ3JpZDtcclxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcclxuICBncmlkLXJvdy1nYXA6IDAuMWVtO1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgSWNvbkJhY2tncm91bmQgPSBzdHlsZWQuZGl2KFxyXG4gIChwcm9wczogYW55KSA9PiBgXHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gICAgd2lkdGg6IDQwcHg7XHJcbiAgICBoZWlnaHQ6IDQwcHg7XHJcbiAgICBib3JkZXItcmFkaXVzOiA0MHB4O1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5iYWNrZ3JvdW5kfTtcclxuXHJcbiAgICBzcGFuIHtcclxuICAgICAgZm9udC13ZWlnaHQ6IGJvbGQ7XHJcbiAgICB9XHJcbiAgYFxyXG4pXHJcbiJdfQ== */",
|
45
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
46
|
+
});
|
47
|
+
export const IconBackground = _styled("div", process.env.NODE_ENV === "production" ? {
|
48
|
+
target: "egqh0xs0"
|
49
|
+
} : {
|
50
|
+
target: "egqh0xs0",
|
51
|
+
label: "IconBackground"
|
52
|
+
})(props => `
|
53
|
+
display: flex;
|
54
|
+
justify-content: center;
|
55
|
+
align-items: center;
|
56
|
+
width: 40px;
|
57
|
+
height: 40px;
|
58
|
+
border-radius: 40px;
|
59
|
+
background-color: ${props.background};
|
60
|
+
|
61
|
+
span {
|
62
|
+
font-weight: bold;
|
63
|
+
}
|
64
|
+
`, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudEJsb2NrL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QzhCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudEJsb2NrL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5cclxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxyXG4gICYgPiBidXR0b24sXHJcbiAgJiA+IGJ1dHRvbiA+IHNwYW4ge1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgfVxyXG5cclxuICAmID4gYnV0dG9uOmFjdGl2ZSA+IHNwYW4gPiBkaXYge1xyXG4gICAgYm9yZGVyOiAxcHggc29saWQgI2NjYztcclxuICB9XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBGaWxlV3JhcHBlckJ1dHRvbiA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZ3JpZDtcclxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDQwcHggMWZyO1xyXG4gIGdyaWQtY29sdW1uLWdhcDogMWVtO1xyXG4gIGJvcmRlcjogMXB4IHNvbGlkICNjY2M7XHJcbiAgYm9yZGVyLXJhZGl1czogMTZweDtcclxuICBwYWRkaW5nOiAxLjRlbTtcclxuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcclxuICBmb250LXdlaWdodDogbm9ybWFsO1xyXG5cclxuICBzcGFuIHtcclxuICAgIHRleHQtYWxpZ246IGxlZnQ7XHJcbiAgfVxyXG5cclxuICAmOmhvdmVyIHtcclxuICAgIGN1cnNvcjogcG9pbnRlcjtcclxuICB9XHJcbiAgJjphY3RpdmUge1xyXG4gICAgYm9yZGVyOiBub25lO1xyXG4gIH1cclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IEZpbGVJbmZvV3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZ3JpZDtcclxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcclxuICBncmlkLXJvdy1nYXA6IDAuMWVtO1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgSWNvbkJhY2tncm91bmQgPSBzdHlsZWQuZGl2KFxyXG4gIChwcm9wczogYW55KSA9PiBgXHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gICAgd2lkdGg6IDQwcHg7XHJcbiAgICBoZWlnaHQ6IDQwcHg7XHJcbiAgICBib3JkZXItcmFkaXVzOiA0MHB4O1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5iYWNrZ3JvdW5kfTtcclxuXHJcbiAgICBzcGFuIHtcclxuICAgICAgZm9udC13ZWlnaHQ6IGJvbGQ7XHJcbiAgICB9XHJcbiAgYFxyXG4pXHJcbiJdfQ== */");
|
@@ -0,0 +1,22 @@
|
|
1
|
+
import React, { Fragment } from 'react';
|
2
|
+
import NoticeAttachmentBlock from '../NoticeAttachmentBlock';
|
3
|
+
import { ListWrapper } from './styles';
|
4
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
5
|
+
|
6
|
+
const NoticeAttachmentList = ({
|
7
|
+
attachments,
|
8
|
+
onDownload
|
9
|
+
}) => {
|
10
|
+
return /*#__PURE__*/_jsx(Fragment, {
|
11
|
+
children: attachments && attachments.length > 0 && /*#__PURE__*/_jsx(ListWrapper, {
|
12
|
+
children: attachments.map((file, index) => /*#__PURE__*/_jsx(NoticeAttachmentBlock, {
|
13
|
+
type: file.mimetype,
|
14
|
+
name: file.filename,
|
15
|
+
description: "Trykk her for \xE5 laste ned",
|
16
|
+
onDownload: () => onDownload && onDownload(file)
|
17
|
+
}, index))
|
18
|
+
})
|
19
|
+
});
|
20
|
+
};
|
21
|
+
|
22
|
+
export default NoticeAttachmentList;
|
@@ -0,0 +1,18 @@
|
|
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
|
+
export const ListWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
|
6
|
+
target: "e1mnd1pc0"
|
7
|
+
} : {
|
8
|
+
target: "e1mnd1pc0",
|
9
|
+
label: "ListWrapper"
|
10
|
+
})(process.env.NODE_ENV === "production" ? {
|
11
|
+
name: "1xrjta7",
|
12
|
+
styles: "display:grid;grid-template-columns:1fr;grid-row-gap:1em"
|
13
|
+
} : {
|
14
|
+
name: "1xrjta7",
|
15
|
+
styles: "display:grid;grid-template-columns:1fr;grid-row-gap:1em",
|
16
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudExpc3Qvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVxQyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9Ob3RpY2VDYXJkL3ByaXZhdGVDb21wb25lbnRzL05vdGljZUF0dGFjaG1lbnRMaXN0L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5cclxuZXhwb3J0IGNvbnN0IExpc3RXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBncmlkO1xyXG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyO1xyXG4gIGdyaWQtcm93LWdhcDogMWVtO1xyXG5gXHJcbiJdfQ== */",
|
17
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
18
|
+
});
|
@@ -0,0 +1,52 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { IconUser, IconHistory, getFormattedDate, IconFile, IconCalendar, Text } from '../../../..';
|
3
|
+
import { ddmmyyyy } from '../../../../utils/dates';
|
4
|
+
import { NoticeMetaWrapper, Group, Div } from './styles';
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
6
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
7
|
+
|
8
|
+
const NoticeMetaInfo = ({
|
9
|
+
name,
|
10
|
+
created,
|
11
|
+
updated,
|
12
|
+
hasAttachment,
|
13
|
+
hasEvent
|
14
|
+
}) => {
|
15
|
+
return /*#__PURE__*/_jsxs(NoticeMetaWrapper, {
|
16
|
+
children: [/*#__PURE__*/_jsxs(Group, {
|
17
|
+
children: [/*#__PURE__*/_jsx(IconUser, {
|
18
|
+
primary: true
|
19
|
+
}), /*#__PURE__*/_jsx(Text, {
|
20
|
+
semibold: true,
|
21
|
+
size: "14px",
|
22
|
+
primary: true,
|
23
|
+
children: name
|
24
|
+
})]
|
25
|
+
}), /*#__PURE__*/_jsxs(Group, {
|
26
|
+
children: [/*#__PURE__*/_jsx(IconHistory, {
|
27
|
+
primary: true
|
28
|
+
}), /*#__PURE__*/_jsxs(Text, {
|
29
|
+
semibold: true,
|
30
|
+
size: "14px",
|
31
|
+
primary: true,
|
32
|
+
children: [created === updated && getFormattedDate(created, ddmmyyyy), created !== updated && `${getFormattedDate(created, ddmmyyyy)} (Oppdatert: ${getFormattedDate(updated, ddmmyyyy)})`]
|
33
|
+
})]
|
34
|
+
}), (hasAttachment || hasEvent) && /*#__PURE__*/_jsxs(Group, {
|
35
|
+
children: [hasAttachment && /*#__PURE__*/_jsx(Div, {
|
36
|
+
title: "Oppslaget inneholder vedlegg",
|
37
|
+
children: /*#__PURE__*/_jsx(IconFile, {
|
38
|
+
primary: true,
|
39
|
+
size: "16px"
|
40
|
+
})
|
41
|
+
}), hasEvent && /*#__PURE__*/_jsx(Div, {
|
42
|
+
title: "Oppslaget har et arrangement",
|
43
|
+
children: /*#__PURE__*/_jsx(IconCalendar, {
|
44
|
+
primary: true,
|
45
|
+
size: "18px"
|
46
|
+
})
|
47
|
+
})]
|
48
|
+
})]
|
49
|
+
});
|
50
|
+
};
|
51
|
+
|
52
|
+
export default NoticeMetaInfo;
|
@@ -0,0 +1,38 @@
|
|
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
|
+
export const NoticeMetaWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
|
6
|
+
target: "evjeu6p2"
|
7
|
+
} : {
|
8
|
+
target: "evjeu6p2",
|
9
|
+
label: "NoticeMetaWrapper"
|
10
|
+
})(process.env.NODE_ENV === "production" ? {
|
11
|
+
name: "zjik7",
|
12
|
+
styles: "display:flex"
|
13
|
+
} : {
|
14
|
+
name: "zjik7",
|
15
|
+
styles: "display:flex",
|
16
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlTWV0YUluZm8vc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUUyQyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9Ob3RpY2VDYXJkL3ByaXZhdGVDb21wb25lbnRzL05vdGljZU1ldGFJbmZvL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5cclxuZXhwb3J0IGNvbnN0IE5vdGljZU1ldGFXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBmbGV4O1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgR3JvdXAgPSBzdHlsZWQuZGl2YFxyXG4gIGRpc3BsYXk6IGdyaWQ7XHJcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAyMnB4IDFmcjtcclxuICBncmlkLWNvbHVtbi1nYXA6IDAuNWVtO1xyXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgbWFyZ2luLXJpZ2h0OiAxZW07XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBEaXYgPSBzdHlsZWQuZGl2YGBcclxuIl19 */",
|
17
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
18
|
+
});
|
19
|
+
export const Group = _styled("div", process.env.NODE_ENV === "production" ? {
|
20
|
+
target: "evjeu6p1"
|
21
|
+
} : {
|
22
|
+
target: "evjeu6p1",
|
23
|
+
label: "Group"
|
24
|
+
})(process.env.NODE_ENV === "production" ? {
|
25
|
+
name: "7bcib0",
|
26
|
+
styles: "display:grid;grid-template-columns:22px 1fr;grid-column-gap:0.5em;align-items:center;margin-right:1em"
|
27
|
+
} : {
|
28
|
+
name: "7bcib0",
|
29
|
+
styles: "display:grid;grid-template-columns:22px 1fr;grid-column-gap:0.5em;align-items:center;margin-right:1em",
|
30
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlTWV0YUluZm8vc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU0rQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9Ob3RpY2VDYXJkL3ByaXZhdGVDb21wb25lbnRzL05vdGljZU1ldGFJbmZvL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5cclxuZXhwb3J0IGNvbnN0IE5vdGljZU1ldGFXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBmbGV4O1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgR3JvdXAgPSBzdHlsZWQuZGl2YFxyXG4gIGRpc3BsYXk6IGdyaWQ7XHJcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAyMnB4IDFmcjtcclxuICBncmlkLWNvbHVtbi1nYXA6IDAuNWVtO1xyXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgbWFyZ2luLXJpZ2h0OiAxZW07XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBEaXYgPSBzdHlsZWQuZGl2YGBcclxuIl19 */",
|
31
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
32
|
+
});
|
33
|
+
export const Div = _styled("div", process.env.NODE_ENV === "production" ? {
|
34
|
+
target: "evjeu6p0"
|
35
|
+
} : {
|
36
|
+
target: "evjeu6p0",
|
37
|
+
label: "Div"
|
38
|
+
})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlTWV0YUluZm8vc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWM2QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9Ob3RpY2VDYXJkL3ByaXZhdGVDb21wb25lbnRzL05vdGljZU1ldGFJbmZvL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5cclxuZXhwb3J0IGNvbnN0IE5vdGljZU1ldGFXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBmbGV4O1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgR3JvdXAgPSBzdHlsZWQuZGl2YFxyXG4gIGRpc3BsYXk6IGdyaWQ7XHJcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAyMnB4IDFmcjtcclxuICBncmlkLWNvbHVtbi1nYXA6IDAuNWVtO1xyXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgbWFyZ2luLXJpZ2h0OiAxZW07XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBEaXYgPSBzdHlsZWQuZGl2YGBcclxuIl19 */");
|
@@ -0,0 +1,46 @@
|
|
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
|
+
import bp from '../../globals/styles/breakpoints';
|
7
|
+
export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
|
8
|
+
target: "eq76ntf3"
|
9
|
+
} : {
|
10
|
+
target: "eq76ntf3",
|
11
|
+
label: "Wrapper"
|
12
|
+
})(props => /*#__PURE__*/css("display:grid;grid-template-columns:", props.hasImage ? '200px 1fr' : '1fr', ";grid-column-gap:2em;grid-row-gap:1em;@media screen and (max-width: ", bp.medium, "){grid-template-columns:1fr;}" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt1QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9Ob3RpY2VDYXJkL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcclxuaW1wb3J0IGJwIGZyb20gJy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xyXG5cclxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxyXG4gIChwcm9wczogeyBoYXNJbWFnZTogYm9vbGVhbiB9KSA9PiBjc3NgXHJcbiAgICBkaXNwbGF5OiBncmlkO1xyXG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAke3Byb3BzLmhhc0ltYWdlID8gJzIwMHB4IDFmcicgOiAnMWZyJ307XHJcbiAgICBncmlkLWNvbHVtbi1nYXA6IDJlbTtcclxuICAgIGdyaWQtcm93LWdhcDogMWVtO1xyXG5cclxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xyXG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcclxuICAgIH1cclxuICBgXHJcbilcclxuXHJcbmV4cG9ydCBjb25zdCBJbWFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxyXG4gIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgbWF4LXdpZHRoOiAxMDAlO1xyXG4gIGRpc3BsYXk6IGZsZXg7XHJcbiAgYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xyXG5cclxuICBpbWcge1xyXG4gICAgbWF4LXdpZHRoOiAxMDAlO1xyXG4gICAgbWF4LWhlaWdodDogMTAwJTtcclxuICAgIGJvcmRlci1yYWRpdXM6IDE2cHg7XHJcblxyXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XHJcbiAgICAgIG1heC1oZWlnaHQ6IDE3NXB4O1xyXG4gICAgfVxyXG4gIH1cclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBncmlkO1xyXG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyO1xyXG4gIGdyaWQtcm93LWdhcDogMS41ZW07XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBEaXYgPSBzdHlsZWQuZGl2YFxyXG4gIHAge1xyXG4gICAgbWFyZ2luOiAwO1xyXG4gIH1cclxuXHJcbiAgaDEsXHJcbiAgaDIsXHJcbiAgaDMsXHJcbiAgaDQsXHJcbiAgaDUge1xyXG4gICAgbWFyZ2luLXRvcDogMDtcclxuICAgIG1hcmdpbi1ib3R0b206IDA7XHJcbiAgfVxyXG5cclxuICBidXR0b24ge1xyXG4gICAgYWxpZ24tc2VsZjogc3RhcnQ7XHJcbiAgfVxyXG5cclxuICAmID4gc3BhbiB7XHJcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAxZW07XHJcbiAgfVxyXG5gXHJcbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl1QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9Ob3RpY2VDYXJkL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcclxuaW1wb3J0IGJwIGZyb20gJy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xyXG5cclxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxyXG4gIChwcm9wczogeyBoYXNJbWFnZTogYm9vbGVhbiB9KSA9PiBjc3NgXHJcbiAgICBkaXNwbGF5OiBncmlkO1xyXG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAke3Byb3BzLmhhc0ltYWdlID8gJzIwMHB4IDFmcicgOiAnMWZyJ307XHJcbiAgICBncmlkLWNvbHVtbi1nYXA6IDJlbTtcclxuICAgIGdyaWQtcm93LWdhcDogMWVtO1xyXG5cclxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xyXG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcclxuICAgIH1cclxuICBgXHJcbilcclxuXHJcbmV4cG9ydCBjb25zdCBJbWFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxyXG4gIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgbWF4LXdpZHRoOiAxMDAlO1xyXG4gIGRpc3BsYXk6IGZsZXg7XHJcbiAgYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xyXG5cclxuICBpbWcge1xyXG4gICAgbWF4LXdpZHRoOiAxMDAlO1xyXG4gICAgbWF4LWhlaWdodDogMTAwJTtcclxuICAgIGJvcmRlci1yYWRpdXM6IDE2cHg7XHJcblxyXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XHJcbiAgICAgIG1heC1oZWlnaHQ6IDE3NXB4O1xyXG4gICAgfVxyXG4gIH1cclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBncmlkO1xyXG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyO1xyXG4gIGdyaWQtcm93LWdhcDogMS41ZW07XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBEaXYgPSBzdHlsZWQuZGl2YFxyXG4gIHAge1xyXG4gICAgbWFyZ2luOiAwO1xyXG4gIH1cclxuXHJcbiAgaDEsXHJcbiAgaDIsXHJcbiAgaDMsXHJcbiAgaDQsXHJcbiAgaDUge1xyXG4gICAgbWFyZ2luLXRvcDogMDtcclxuICAgIG1hcmdpbi1ib3R0b206IDA7XHJcbiAgfVxyXG5cclxuICBidXR0b24ge1xyXG4gICAgYWxpZ24tc2VsZjogc3RhcnQ7XHJcbiAgfVxyXG5cclxuICAmID4gc3BhbiB7XHJcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAxZW07XHJcbiAgfVxyXG5gXHJcbiJdfQ== */");
|
13
|
+
export const ImageWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
|
14
|
+
target: "eq76ntf2"
|
15
|
+
} : {
|
16
|
+
target: "eq76ntf2",
|
17
|
+
label: "ImageWrapper"
|
18
|
+
})("overflow:hidden;max-width:100%;display:flex;align-items:baseline;img{max-width:100%;max-height:100%;border-radius:16px;@media screen and (max-width: ", bp.medium, "){max-height:175px;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCc0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTm90aWNlQ2FyZC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcbmltcG9ydCBicCBmcm9tICcuLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcclxuXHJcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdihcclxuICAocHJvcHM6IHsgaGFzSW1hZ2U6IGJvb2xlYW4gfSkgPT4gY3NzYFxyXG4gICAgZGlzcGxheTogZ3JpZDtcclxuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogJHtwcm9wcy5oYXNJbWFnZSA/ICcyMDBweCAxZnInIDogJzFmcid9O1xyXG4gICAgZ3JpZC1jb2x1bW4tZ2FwOiAyZW07XHJcbiAgICBncmlkLXJvdy1nYXA6IDFlbTtcclxuXHJcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLm1lZGl1bX0pIHtcclxuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XHJcbiAgICB9XHJcbiAgYFxyXG4pXHJcblxyXG5leHBvcnQgY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gIG1heC13aWR0aDogMTAwJTtcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGFsaWduLWl0ZW1zOiBiYXNlbGluZTtcclxuXHJcbiAgaW1nIHtcclxuICAgIG1heC13aWR0aDogMTAwJTtcclxuICAgIG1heC1oZWlnaHQ6IDEwMCU7XHJcbiAgICBib3JkZXItcmFkaXVzOiAxNnB4O1xyXG5cclxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xyXG4gICAgICBtYXgtaGVpZ2h0OiAxNzVweDtcclxuICAgIH1cclxuICB9XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZ3JpZDtcclxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcclxuICBncmlkLXJvdy1nYXA6IDEuNWVtO1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgRGl2ID0gc3R5bGVkLmRpdmBcclxuICBwIHtcclxuICAgIG1hcmdpbjogMDtcclxuICB9XHJcblxyXG4gIGgxLFxyXG4gIGgyLFxyXG4gIGgzLFxyXG4gIGg0LFxyXG4gIGg1IHtcclxuICAgIG1hcmdpbi10b3A6IDA7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAwO1xyXG4gIH1cclxuXHJcbiAgYnV0dG9uIHtcclxuICAgIGFsaWduLXNlbGY6IHN0YXJ0O1xyXG4gIH1cclxuXHJcbiAgJiA+IHNwYW4ge1xyXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMWVtO1xyXG4gIH1cclxuYFxyXG4iXX0= */"));
|
19
|
+
export const ContentWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
|
20
|
+
target: "eq76ntf1"
|
21
|
+
} : {
|
22
|
+
target: "eq76ntf1",
|
23
|
+
label: "ContentWrapper"
|
24
|
+
})(process.env.NODE_ENV === "production" ? {
|
25
|
+
name: "1uo1im9",
|
26
|
+
styles: "display:grid;grid-template-columns:1fr;grid-row-gap:1.5em"
|
27
|
+
} : {
|
28
|
+
name: "1uo1im9",
|
29
|
+
styles: "display:grid;grid-template-columns:1fr;grid-row-gap:1.5em",
|
30
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtDd0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTm90aWNlQ2FyZC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcbmltcG9ydCBicCBmcm9tICcuLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcclxuXHJcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdihcclxuICAocHJvcHM6IHsgaGFzSW1hZ2U6IGJvb2xlYW4gfSkgPT4gY3NzYFxyXG4gICAgZGlzcGxheTogZ3JpZDtcclxuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogJHtwcm9wcy5oYXNJbWFnZSA/ICcyMDBweCAxZnInIDogJzFmcid9O1xyXG4gICAgZ3JpZC1jb2x1bW4tZ2FwOiAyZW07XHJcbiAgICBncmlkLXJvdy1nYXA6IDFlbTtcclxuXHJcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLm1lZGl1bX0pIHtcclxuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XHJcbiAgICB9XHJcbiAgYFxyXG4pXHJcblxyXG5leHBvcnQgY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gIG1heC13aWR0aDogMTAwJTtcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGFsaWduLWl0ZW1zOiBiYXNlbGluZTtcclxuXHJcbiAgaW1nIHtcclxuICAgIG1heC13aWR0aDogMTAwJTtcclxuICAgIG1heC1oZWlnaHQ6IDEwMCU7XHJcbiAgICBib3JkZXItcmFkaXVzOiAxNnB4O1xyXG5cclxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xyXG4gICAgICBtYXgtaGVpZ2h0OiAxNzVweDtcclxuICAgIH1cclxuICB9XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZ3JpZDtcclxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcclxuICBncmlkLXJvdy1nYXA6IDEuNWVtO1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgRGl2ID0gc3R5bGVkLmRpdmBcclxuICBwIHtcclxuICAgIG1hcmdpbjogMDtcclxuICB9XHJcblxyXG4gIGgxLFxyXG4gIGgyLFxyXG4gIGgzLFxyXG4gIGg0LFxyXG4gIGg1IHtcclxuICAgIG1hcmdpbi10b3A6IDA7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAwO1xyXG4gIH1cclxuXHJcbiAgYnV0dG9uIHtcclxuICAgIGFsaWduLXNlbGY6IHN0YXJ0O1xyXG4gIH1cclxuXHJcbiAgJiA+IHNwYW4ge1xyXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMWVtO1xyXG4gIH1cclxuYFxyXG4iXX0= */",
|
31
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
32
|
+
});
|
33
|
+
export const Div = _styled("div", process.env.NODE_ENV === "production" ? {
|
34
|
+
target: "eq76ntf0"
|
35
|
+
} : {
|
36
|
+
target: "eq76ntf0",
|
37
|
+
label: "Div"
|
38
|
+
})(process.env.NODE_ENV === "production" ? {
|
39
|
+
name: "1mf0dqx",
|
40
|
+
styles: "p{margin:0;}h1,h2,h3,h4,h5{margin-top:0;margin-bottom:0;}button{align-self:start;}&>span{display:inline-block;margin-bottom:1em;}"
|
41
|
+
} : {
|
42
|
+
name: "1mf0dqx",
|
43
|
+
styles: "p{margin:0;}h1,h2,h3,h4,h5{margin-top:0;margin-bottom:0;}button{align-self:start;}&>span{display:inline-block;margin-bottom:1em;}",
|
44
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdDNkIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTm90aWNlQ2FyZC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcbmltcG9ydCBicCBmcm9tICcuLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcclxuXHJcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdihcclxuICAocHJvcHM6IHsgaGFzSW1hZ2U6IGJvb2xlYW4gfSkgPT4gY3NzYFxyXG4gICAgZGlzcGxheTogZ3JpZDtcclxuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogJHtwcm9wcy5oYXNJbWFnZSA/ICcyMDBweCAxZnInIDogJzFmcid9O1xyXG4gICAgZ3JpZC1jb2x1bW4tZ2FwOiAyZW07XHJcbiAgICBncmlkLXJvdy1nYXA6IDFlbTtcclxuXHJcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLm1lZGl1bX0pIHtcclxuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XHJcbiAgICB9XHJcbiAgYFxyXG4pXHJcblxyXG5leHBvcnQgY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gIG1heC13aWR0aDogMTAwJTtcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGFsaWduLWl0ZW1zOiBiYXNlbGluZTtcclxuXHJcbiAgaW1nIHtcclxuICAgIG1heC13aWR0aDogMTAwJTtcclxuICAgIG1heC1oZWlnaHQ6IDEwMCU7XHJcbiAgICBib3JkZXItcmFkaXVzOiAxNnB4O1xyXG5cclxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xyXG4gICAgICBtYXgtaGVpZ2h0OiAxNzVweDtcclxuICAgIH1cclxuICB9XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZ3JpZDtcclxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcclxuICBncmlkLXJvdy1nYXA6IDEuNWVtO1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgRGl2ID0gc3R5bGVkLmRpdmBcclxuICBwIHtcclxuICAgIG1hcmdpbjogMDtcclxuICB9XHJcblxyXG4gIGgxLFxyXG4gIGgyLFxyXG4gIGgzLFxyXG4gIGg0LFxyXG4gIGg1IHtcclxuICAgIG1hcmdpbi10b3A6IDA7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAwO1xyXG4gIH1cclxuXHJcbiAgYnV0dG9uIHtcclxuICAgIGFsaWduLXNlbGY6IHN0YXJ0O1xyXG4gIH1cclxuXHJcbiAgJiA+IHNwYW4ge1xyXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMWVtO1xyXG4gIH1cclxuYFxyXG4iXX0= */",
|
45
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
46
|
+
});
|
@@ -0,0 +1,31 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { getFormattedDate, getFormattedTime, IconCalendar, IconFile, IconFilePDF, IconFileWord } from '../..';
|
3
|
+
import { ddmmyyyy } from '../../utils/dates';
|
4
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
5
|
+
export const getNoticeMeetingDescription = (eventStart, eventEnd) => {
|
6
|
+
return `${getFormattedDate(eventStart, ddmmyyyy)} kl ${getFormattedTime(eventStart)} - ${getFormattedDate(eventEnd, ddmmyyyy)} kl ${getFormattedTime(eventEnd)}`;
|
7
|
+
};
|
8
|
+
export const getFileIcon = type => {
|
9
|
+
switch (type) {
|
10
|
+
case 'cal':
|
11
|
+
return /*#__PURE__*/_jsx(IconCalendar, {
|
12
|
+
primary: true
|
13
|
+
});
|
14
|
+
|
15
|
+
case 'application/pdf':
|
16
|
+
return /*#__PURE__*/_jsx(IconFilePDF, {
|
17
|
+
primary: true
|
18
|
+
});
|
19
|
+
|
20
|
+
case 'application/docx':
|
21
|
+
return /*#__PURE__*/_jsx(IconFileWord, {
|
22
|
+
primary: true
|
23
|
+
});
|
24
|
+
|
25
|
+
case 'default':
|
26
|
+
default:
|
27
|
+
return /*#__PURE__*/_jsx(IconFile, {
|
28
|
+
primary: true
|
29
|
+
});
|
30
|
+
}
|
31
|
+
};
|
package/esm/index.js
CHANGED
@@ -264,4 +264,5 @@ import TabNav from './core/TabNav';
|
|
264
264
|
import IconBblFlame from './icons/General/IconBblFlame';
|
265
265
|
import IconBblWater from './icons/General/IconBblWater';
|
266
266
|
import IconBblShield from './icons/General/IconBblShield';
|
267
|
-
|
267
|
+
import NoticeCard from './core/NoticeCard';
|
268
|
+
export { Topbar, Layout, LayoutShell, AppShell, AppLoader, Alert, Button, Card, Divider, Dropdown, Header, Input, Image, Checkbox, Link, List, ListItem, Tag, Text, Footer, FooterCol, FooterGroup, FooterLabel, FooterLink, FooterButton, Radio, Skeleton, Html, CustomText, Select, Option, UserMenu, UserMenuOption, Modal, NotificationsMenu, NotificationRow, Table, Cell, Row, FileInput, Datepicker, Menu, AppPicker, MainMenu, MenuItem, MenuTop, SecondaryMenu, SecondaryMenuItem, MenuSpacer, Submenu, SubmenuItem, PreemptionCard, PreemptionCardLoading, PieChart, SimpleBarChart, SimpleLineChart, BarAndLineComposedChart, BarChartWithCustomizedEvent, IconApartment, IconArchives, IconArea, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowUp, IconAttachment, IconBack, IconBath, IconBoard, IconBookmarkOutline, IconBookmarkFilled, IconBus, IconBlock, IconCar, IconCaretDown, IconCaretLeft, IconCaretUp, IconCaretRight, IconCheck, IconCheckedOutline, IconCheckedFilled, IconChevronLeft, IconChevronRight, IconChevronDown, IconClose, IconCloseAlt, IconComment, IconCompanyBuilding, IconDelete, IconDoor, IconDotFilled, IconDotOutline, IconDownload, IconDraft, IconElevator, IconErrorOutline, IconErrorFilled, IconExternalLink, IconEye, IconEyeDeny, IconFamily, IconFerry, IconFile, IconFileEdit, IconFileExcel, IconFilePDF, IconFileWord, IconFillOut, IconFloor, IconGarage, IconGrid, IconGym, IconHearth, IconHearthOutline, IconHelp, IconHistory, IconHouse, IconHumans, IconImportantComment, IconInbox, IconJointcost, IconJointcost2, IconKey, IconKitchen, IconLeisureTime, IconLock, IconLockLocked, IconLockOpen, IconMap, IconMail, IconMenu, IconMinus, IconMoney, IconParking, IconPaymentCard, IconPlus, IconPortalUser, IconReciept, IconRedo, IconRefresh, IconRoom, IconSave, IconSearch, IconSend, IconSettings, IconShopping, IconSign, IconStarFilled, IconStarHalf, IconStarOutline, IconStore, IconSubway, IconSwitch, IconTrain, IconTram, IconTransport, IconTypeOfBuilding, IconTypeOfBuildingOutline, IconUpload, IconUser, IconVote, IconWalk, IconWarning, IconWarningBell, IconZip, IconSort, IconFilterList, IconBellOutline, IconPlusAlt, IconPhone, IconHouseOutline, IconMembership, IconMembershipFilled, IconCalendar, IconInfoOutline, IconInfoFilled, IllustrationHouse, IllustrationHighHouseComposition, IllustrationHighHouse, IllustrationHouseComposition, IllustrationLowHouse, IllustrationLowHouseComposition, IllustrationSemiDetachedHouse, IllustrationSemiDetachedHouseComposition, IllustrationSmallHouse, IllustrationSmallHouseComposition, IllustrationTerraceBlock, IllustrationTerraceBlockComposition, IllustrationTownHouse, IllustrationTownHouseComposition, IllustrationHousesBackground, IllustrationHousesBackgroundWithComposition, IllustrationHouseMissing, IllustrationError, IllustrationErrorGeneric, IllustrationPaperCompleted, IllustrationPaperMissing, IllustrationMySiteBuilding, IllustrationMySiteCoffeeBook, IllustrationMySiteComputer, IllustrationMySiteGift, IllustrationMySitePapers, IllustrationMySitePiggyBank, IllustrationMySiteTransfer, IconCommunication, IconCommunicationFilled, IconCompanyBuildingOutline, IconCompanyBuildingFilled, IconDashboard, IconDashboardFilled, IconEconomy, IconEconomyFilled, IconWork, IconWorkFilled, IconProfile, IconProfileFilled, IconLookup, IconLookupFilled, IconDocument, IconDocumentFilled, IconEarth, IconEdit, IconMinusAlt, IconMinusAltFilled, IconUndo, IconVisa, IconMasterCard, IconBankAxept, IconAmericanExpress, IconFileCopy, IconBblFlame, IconBblWater, IconBblShield, useIsMobile, useScreenOrientation, getDomainFromUrl, getFormatedPhone, getUrlWithProtocol, getFormattedPrice, getFormattedPriceWithEnding, getFormattedDate, getTitleString, getDateIsValid, getReducedArray, getFormattedAccountNumber, getFormattedOrganizationNumber, isValidAccountNumber, getFormattedCardNumber, getFormattedTime, alpha, Box, Textarea, InfoButton, CommentsTimeline, CommentLine, HeaderCell, RowCell, TableHeader, TableRow, BoxedTable, CollapseList, CollapseListItem, Banner, Calendar, YearWheel, DropdownMenu, DropdownMenuOption, Timeline, TimelineStep, HighlightText, TabBar, TabItem, Editor, TabNav, TabNavItem, NoticeCard };
|
@@ -0,0 +1,26 @@
|
|
1
|
+
const getCurrentPage = (take, skip) => {
|
2
|
+
if (skip === undefined || take === undefined || take === 0) return 0;
|
3
|
+
if (skip === 0) return 1;
|
4
|
+
return Math.floor(skip / take + 1);
|
5
|
+
};
|
6
|
+
|
7
|
+
const getSkippedItems = (pageNumber, take) => {
|
8
|
+
if (pageNumber === undefined || take === undefined) return NaN;
|
9
|
+
return (pageNumber - 1) * take;
|
10
|
+
};
|
11
|
+
|
12
|
+
const getHasPreviousPages = (currentPage, totalPages) => {
|
13
|
+
return currentPage > 3 && totalPages > 5;
|
14
|
+
};
|
15
|
+
|
16
|
+
const getHasMorePages = (currentPage, totalPages) => {
|
17
|
+
return currentPage < totalPages - 2 && totalPages > 5;
|
18
|
+
};
|
19
|
+
|
20
|
+
const getFirstButtonIndex = (currentPage, totalPages) => {
|
21
|
+
if (totalPages <= 5 || currentPage <= 3) return 0;
|
22
|
+
if (totalPages - currentPage <= 2) return totalPages - 5;
|
23
|
+
return currentPage - 3;
|
24
|
+
};
|
25
|
+
|
26
|
+
export { getCurrentPage, getSkippedItems, getHasPreviousPages, getHasMorePages, getFirstButtonIndex };
|