@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/lib/core/Box/index.d.ts
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Box/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAMjD,aAAK,MAAM,GAAG;IACZ,uBAAuB;IACvB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,2BAA2B;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,qCAAqC;IACrC,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,+BAA+B;IAC/B,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qBAAqB;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,yCAAyC;IACzC,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC3B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Box/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAMjD,aAAK,MAAM,GAAG;IACZ,uBAAuB;IACvB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,2BAA2B;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,qCAAqC;IACrC,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,+BAA+B;IAC/B,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qBAAqB;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,yCAAyC;IACzC,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC3B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oBAAoB;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,QAAA,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA8DzB,CAAA;AAED,eAAe,GAAG,CAAA"}
|
package/lib/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,16 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
interface IProps {
|
3
|
+
/** Amount of pages */
|
4
|
+
totalPageCount?: number;
|
5
|
+
/** Current page number */
|
6
|
+
currentPage?: number;
|
7
|
+
/** CB on first click */
|
8
|
+
onFirstClick?: () => void;
|
9
|
+
/** CB on last click */
|
10
|
+
onLastClick?: (page: number) => void;
|
11
|
+
/** CB on page number click */
|
12
|
+
onPageClick?: (page: number) => void;
|
13
|
+
}
|
14
|
+
declare const ListPager: React.FC<IProps>;
|
15
|
+
export default ListPager;
|
16
|
+
//# sourceMappingURL=index.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/ListPager/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,UAAU,MAAM;IACd,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,wBAAwB;IACxB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,uBAAuB;IACvB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,8BAA8B;IAC9B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CACrC;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAkD/B,CAAA;AAED,eAAe,SAAS,CAAA"}
|
@@ -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,11 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare const PageStyle: (active: boolean, primary: string) => import("@emotion/react").SerializedStyles;
|
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 DotWrapper: 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<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
11
|
+
//# sourceMappingURL=styles.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/ListPager/styles.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,SAAS,WAAY,OAAO,WAAW,MAAM,8CAOzD,CAAA;AACD,eAAO,MAAM,OAAO;;;yGAKnB,CAAA;AAED,eAAO,MAAM,UAAU;;;2GAGtB,CAAA"}
|
@@ -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
|
+
});
|
@@ -4,7 +4,7 @@ interface IProps {
|
|
4
4
|
/** Property for open modal */
|
5
5
|
open?: boolean;
|
6
6
|
/** React node for header component */
|
7
|
-
header
|
7
|
+
header?: React.ReactNode;
|
8
8
|
/** React node for action buttons */
|
9
9
|
actionButton?: React.ReactNode;
|
10
10
|
/** CB for when close is clicked */
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Modal/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAA8B,MAAM,OAAO,CAAA;AAoBlD,UAAU,MAAM;IACd,8BAA8B;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,sCAAsC;IACtC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAA;
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Modal/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAA8B,MAAM,OAAO,CAAA;AAoBlD,UAAU,MAAM;IACd,8BAA8B;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,sCAAsC;IACtC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,oCAAoC;IACpC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qCAAqC;IACrC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,wBAAwB;IACxB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,kCAAkC;IAClC,UAAU,CAAC,EAAE,GAAG,EAAE,CAAA;IAClB,6CAA6C;IAC7C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,8HAA8H;IAC9H,wBAAwB,CAAC,EAAE,OAAO,CAAA;CACnC;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA0F3B,CAAA;AAED,eAAe,KAAK,CAAA"}
|
package/lib/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,21 @@
|
|
1
|
+
import React, { FC } from 'react';
|
2
|
+
import { INotice, INoticeAttachment } from './models';
|
3
|
+
interface IProps {
|
4
|
+
/** The notice */
|
5
|
+
notice: INotice;
|
6
|
+
/** Ref for attachments div */
|
7
|
+
attachmentsRef?: React.MutableRefObject<null>;
|
8
|
+
/** Src of image: */
|
9
|
+
imageSrc?: string;
|
10
|
+
/** Shows the notice in a Modal */
|
11
|
+
isModal?: boolean;
|
12
|
+
/** CB on close if Modal */
|
13
|
+
onModalClose?: () => void;
|
14
|
+
/** CB on event download */
|
15
|
+
onEventDownload?: () => void;
|
16
|
+
/** CB on file download */
|
17
|
+
onAttachmentDownload?: (attachment: INoticeAttachment) => void;
|
18
|
+
}
|
19
|
+
declare const NoticeCard: FC<IProps>;
|
20
|
+
export default NoticeCard;
|
21
|
+
//# sourceMappingURL=index.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/NoticeCard/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAY,MAAM,OAAO,CAAA;AAQ3C,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAOrD,UAAU,MAAM;IACd,iBAAiB;IACjB,MAAM,EAAE,OAAO,CAAA;IACf,8BAA8B;IAC9B,cAAc,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAA;IAC7C,oBAAoB;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,kCAAkC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,2BAA2B;IAC3B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,2BAA2B;IAC3B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,0BAA0B;IAC1B,oBAAoB,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,KAAK,IAAI,CAAA;CAC/D;AAED,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,MAAM,CAwF1B,CAAA;AAED,eAAe,UAAU,CAAA"}
|
@@ -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,28 @@
|
|
1
|
+
export interface INotice {
|
2
|
+
id: string;
|
3
|
+
clientId: string;
|
4
|
+
activeFromDate: Date;
|
5
|
+
activeToDate: Date;
|
6
|
+
eventStart: Date;
|
7
|
+
eventEnd: Date;
|
8
|
+
updatedDate: Date;
|
9
|
+
title: string;
|
10
|
+
bodyHtml: string;
|
11
|
+
createdDate: Date;
|
12
|
+
createdBy: string;
|
13
|
+
attachments: INoticeAttachment[];
|
14
|
+
}
|
15
|
+
export interface INoticeAttachment {
|
16
|
+
bulletinId: string;
|
17
|
+
created: Date;
|
18
|
+
description: string;
|
19
|
+
filename: string;
|
20
|
+
id: string;
|
21
|
+
mimetype: string;
|
22
|
+
sequence: number | null;
|
23
|
+
}
|
24
|
+
export declare enum NoticeStatusEnum {
|
25
|
+
Active = "Active",
|
26
|
+
Historic = "Historic"
|
27
|
+
}
|
28
|
+
//# sourceMappingURL=models.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"models.d.ts","sourceRoot":"","sources":["../../../src/packages/core/NoticeCard/models.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,MAAM,CAAA;IAChB,cAAc,EAAE,IAAI,CAAA;IACpB,YAAY,EAAE,IAAI,CAAA;IAClB,UAAU,EAAE,IAAI,CAAA;IAChB,QAAQ,EAAE,IAAI,CAAA;IACd,WAAW,EAAE,IAAI,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,IAAI,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,iBAAiB,EAAE,CAAA;CACjC;AAED,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,IAAI,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;CACxB;AAED,oBAAY,gBAAgB;IAC1B,MAAM,WAAW;IACjB,QAAQ,aAAa;CACtB"}
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
interface IProps {
|
3
|
+
type?: string;
|
4
|
+
name: string;
|
5
|
+
description: string;
|
6
|
+
onDownload?: () => void;
|
7
|
+
}
|
8
|
+
declare const NoticeAttachmentBlock: React.FC<IProps>;
|
9
|
+
export default NoticeAttachmentBlock;
|
10
|
+
//# sourceMappingURL=index.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/packages/core/NoticeCard/privateComponents/NoticeAttachmentBlock/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAYzB,UAAU,MAAM;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;CACxB;AAED,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA2B3C,CAAA;AAED,eAAe,qBAAqB,CAAA"}
|
@@ -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,15 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare const Wrapper: import("@emotion/styled").StyledComponent<{
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
5
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
6
|
+
export declare const FileWrapperButton: import("@emotion/styled").StyledComponent<{
|
7
|
+
theme?: import("@emotion/react").Theme | undefined;
|
8
|
+
as?: import("react").ElementType<any> | undefined;
|
9
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
10
|
+
export declare const FileInfoWrapper: import("@emotion/styled").StyledComponent<{
|
11
|
+
theme?: import("@emotion/react").Theme | undefined;
|
12
|
+
as?: import("react").ElementType<any> | undefined;
|
13
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
14
|
+
export declare const IconBackground: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
15
|
+
//# sourceMappingURL=styles.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/packages/core/NoticeCard/privateComponents/NoticeAttachmentBlock/styles.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,OAAO;;;yGASnB,CAAA;AAED,eAAO,MAAM,iBAAiB;;;yGAoB7B,CAAA;AAED,eAAO,MAAM,eAAe;;;yGAI3B,CAAA;AAED,eAAO,MAAM,cAAc,uJAc1B,CAAA"}
|
@@ -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,9 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { INoticeAttachment } from '../../models';
|
3
|
+
interface IProps {
|
4
|
+
attachments: INoticeAttachment[];
|
5
|
+
onDownload?: (attachment: INoticeAttachment) => void;
|
6
|
+
}
|
7
|
+
declare const NoticeAttachmentList: React.FC<IProps>;
|
8
|
+
export default NoticeAttachmentList;
|
9
|
+
//# sourceMappingURL=index.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/packages/core/NoticeCard/privateComponents/NoticeAttachmentList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAIhD,UAAU,MAAM;IACd,WAAW,EAAE,iBAAiB,EAAE,CAAA;IAChC,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,KAAK,IAAI,CAAA;CACrD;AAED,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAqB1C,CAAA;AAED,eAAe,oBAAoB,CAAA"}
|
@@ -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,6 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare const ListWrapper: import("@emotion/styled").StyledComponent<{
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
5
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
6
|
+
//# sourceMappingURL=styles.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/packages/core/NoticeCard/privateComponents/NoticeAttachmentList/styles.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,WAAW;;;yGAIvB,CAAA"}
|
@@ -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,11 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
interface IProps {
|
3
|
+
name: string;
|
4
|
+
created: Date;
|
5
|
+
updated: Date;
|
6
|
+
hasAttachment?: boolean;
|
7
|
+
hasEvent?: boolean;
|
8
|
+
}
|
9
|
+
declare const NoticeMetaInfo: React.FC<IProps>;
|
10
|
+
export default NoticeMetaInfo;
|
11
|
+
//# sourceMappingURL=index.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/packages/core/NoticeCard/privateComponents/NoticeMetaInfo/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAazB,UAAU,MAAM;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,IAAI,CAAA;IACb,OAAO,EAAE,IAAI,CAAA;IACb,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA0CpC,CAAA;AAED,eAAe,cAAc,CAAA"}
|