@bbl-digital/snorre 2.2.24 → 2.2.28
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 +804 -314
- package/esm/core/BoxedTable/styles.js +67 -1
- package/esm/core/Divider/index.js +8 -3
- package/esm/core/Divider/styles.js +20 -0
- package/esm/core/Image/index.js +23 -0
- package/esm/core/Image/styles.js +18 -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/core/TabNav/TabNavItem/index.js +3 -2
- package/esm/index.js +3 -1
- package/esm/utils/image.js +12 -0
- package/lib/core/BoxedTable/TableHeader/index.d.ts.map +1 -1
- package/lib/core/BoxedTable/index.d.ts +1 -1
- package/lib/core/BoxedTable/index.d.ts.map +1 -1
- package/lib/core/BoxedTable/styles.d.ts.map +1 -1
- package/lib/core/BoxedTable/styles.js +67 -1
- package/lib/core/Divider/index.d.ts +13 -0
- package/lib/core/Divider/index.d.ts.map +1 -1
- package/lib/core/Divider/index.js +8 -3
- package/lib/core/Divider/styles.d.ts +11 -0
- package/lib/core/Divider/styles.d.ts.map +1 -0
- package/lib/core/Divider/styles.js +20 -0
- package/lib/core/Image/index.d.ts +20 -0
- package/lib/core/Image/index.d.ts.map +1 -0
- package/lib/core/Image/index.js +23 -0
- package/lib/core/Image/styles.d.ts +8 -0
- package/lib/core/Image/styles.d.ts.map +1 -0
- package/lib/core/Image/styles.js +18 -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 +33 -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/core/TabNav/TabNavItem/index.d.ts +2 -0
- package/lib/core/TabNav/TabNavItem/index.d.ts.map +1 -1
- package/lib/core/TabNav/TabNavItem/index.js +3 -2
- package/lib/index.d.ts +3 -1
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +3 -1
- package/lib/utils/image.d.ts +3 -0
- package/lib/utils/image.d.ts.map +1 -0
- package/lib/utils/image.js +12 -0
- package/package.json +1 -1
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Divider/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,QAAA,MAAM,MAAM;;oBAOM,SAAS;qBAGR,MAAM;qBAGN,MAAM;;CAMxB,CAAA;AAED,eAAe,MAAM,CAAA;AACrB,OAAO,EAAE,MAAM,EAAE,CAAA"}
|
@@ -0,0 +1,20 @@
|
|
1
|
+
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)."; }
|
2
|
+
|
3
|
+
import { css } from '@emotion/react';
|
4
|
+
const styles = {
|
5
|
+
default: (color = '#f7f7f7') => /*#__PURE__*/css("height:1px;background-color:", color, ";border:none;margin:1em 0;" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0RpdmlkZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlxQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9EaXZpZGVyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xyXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXHJcblxyXG5jb25zdCBzdHlsZXMgPSB7XHJcbiAgZGVmYXVsdDogKGNvbG9yID0gJyNmN2Y3ZjcnKSA9PiBjc3NgXHJcbiAgICBoZWlnaHQ6IDFweDtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3J9O1xyXG4gICAgYm9yZGVyOiBub25lO1xyXG4gICAgbWFyZ2luOiAxZW0gMDtcclxuICBgLFxyXG4gIHN1YnRsZTogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuc3VidGxlVGV4dH07XHJcbiAgYCxcclxuICBtYXJnaW46IChtYXJnaW46IHN0cmluZykgPT4gY3NzYFxyXG4gICAgbWFyZ2luOiAke21hcmdpbn0gMDtcclxuICBgLFxyXG4gIGhlaWdodDogKGhlaWdodDogbnVtYmVyKSA9PiBjc3NgXHJcbiAgICBoZWlnaHQ6ICR7aGVpZ2h0fXB4O1xyXG4gIGAsXHJcbiAgbGlnaHRHcmF5OiBjc3NgXHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZDdkN2Q3O1xyXG4gIGAsXHJcbn1cclxuXHJcbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xyXG5leHBvcnQgeyBzdHlsZXMgfVxyXG4iXX0= */"),
|
6
|
+
subtle: theme => /*#__PURE__*/css("background-color:", theme.subtleText, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0RpdmlkZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVtQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9EaXZpZGVyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xyXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXHJcblxyXG5jb25zdCBzdHlsZXMgPSB7XHJcbiAgZGVmYXVsdDogKGNvbG9yID0gJyNmN2Y3ZjcnKSA9PiBjc3NgXHJcbiAgICBoZWlnaHQ6IDFweDtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3J9O1xyXG4gICAgYm9yZGVyOiBub25lO1xyXG4gICAgbWFyZ2luOiAxZW0gMDtcclxuICBgLFxyXG4gIHN1YnRsZTogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuc3VidGxlVGV4dH07XHJcbiAgYCxcclxuICBtYXJnaW46IChtYXJnaW46IHN0cmluZykgPT4gY3NzYFxyXG4gICAgbWFyZ2luOiAke21hcmdpbn0gMDtcclxuICBgLFxyXG4gIGhlaWdodDogKGhlaWdodDogbnVtYmVyKSA9PiBjc3NgXHJcbiAgICBoZWlnaHQ6ICR7aGVpZ2h0fXB4O1xyXG4gIGAsXHJcbiAgbGlnaHRHcmF5OiBjc3NgXHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZDdkN2Q3O1xyXG4gIGAsXHJcbn1cclxuXHJcbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xyXG5leHBvcnQgeyBzdHlsZXMgfVxyXG4iXX0= */"),
|
7
|
+
margin: margin => /*#__PURE__*/css("margin:", margin, " 0;" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0RpdmlkZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFpQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9EaXZpZGVyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xyXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXHJcblxyXG5jb25zdCBzdHlsZXMgPSB7XHJcbiAgZGVmYXVsdDogKGNvbG9yID0gJyNmN2Y3ZjcnKSA9PiBjc3NgXHJcbiAgICBoZWlnaHQ6IDFweDtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3J9O1xyXG4gICAgYm9yZGVyOiBub25lO1xyXG4gICAgbWFyZ2luOiAxZW0gMDtcclxuICBgLFxyXG4gIHN1YnRsZTogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuc3VidGxlVGV4dH07XHJcbiAgYCxcclxuICBtYXJnaW46IChtYXJnaW46IHN0cmluZykgPT4gY3NzYFxyXG4gICAgbWFyZ2luOiAke21hcmdpbn0gMDtcclxuICBgLFxyXG4gIGhlaWdodDogKGhlaWdodDogbnVtYmVyKSA9PiBjc3NgXHJcbiAgICBoZWlnaHQ6ICR7aGVpZ2h0fXB4O1xyXG4gIGAsXHJcbiAgbGlnaHRHcmF5OiBjc3NgXHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZDdkN2Q3O1xyXG4gIGAsXHJcbn1cclxuXHJcbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xyXG5leHBvcnQgeyBzdHlsZXMgfVxyXG4iXX0= */"),
|
8
|
+
height: height => /*#__PURE__*/css("height:", height, "px;" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0RpdmlkZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCaUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvRGl2aWRlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xyXG5cclxuY29uc3Qgc3R5bGVzID0ge1xyXG4gIGRlZmF1bHQ6IChjb2xvciA9ICcjZjdmN2Y3JykgPT4gY3NzYFxyXG4gICAgaGVpZ2h0OiAxcHg7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9yfTtcclxuICAgIGJvcmRlcjogbm9uZTtcclxuICAgIG1hcmdpbjogMWVtIDA7XHJcbiAgYCxcclxuICBzdWJ0bGU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnN1YnRsZVRleHR9O1xyXG4gIGAsXHJcbiAgbWFyZ2luOiAobWFyZ2luOiBzdHJpbmcpID0+IGNzc2BcclxuICAgIG1hcmdpbjogJHttYXJnaW59IDA7XHJcbiAgYCxcclxuICBoZWlnaHQ6IChoZWlnaHQ6IG51bWJlcikgPT4gY3NzYFxyXG4gICAgaGVpZ2h0OiAke2hlaWdodH1weDtcclxuICBgLFxyXG4gIGxpZ2h0R3JheTogY3NzYFxyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2Q3ZDdkNztcclxuICBgLFxyXG59XHJcblxyXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcclxuZXhwb3J0IHsgc3R5bGVzIH1cclxuIl19 */"),
|
9
|
+
lightGray: process.env.NODE_ENV === "production" ? {
|
10
|
+
name: "x74md2",
|
11
|
+
styles: "background-color:#d7d7d7"
|
12
|
+
} : {
|
13
|
+
name: "1wi1qb-lightGray",
|
14
|
+
styles: "background-color:#d7d7d7;label:lightGray;",
|
15
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0RpdmlkZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CZ0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvRGl2aWRlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xyXG5cclxuY29uc3Qgc3R5bGVzID0ge1xyXG4gIGRlZmF1bHQ6IChjb2xvciA9ICcjZjdmN2Y3JykgPT4gY3NzYFxyXG4gICAgaGVpZ2h0OiAxcHg7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9yfTtcclxuICAgIGJvcmRlcjogbm9uZTtcclxuICAgIG1hcmdpbjogMWVtIDA7XHJcbiAgYCxcclxuICBzdWJ0bGU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnN1YnRsZVRleHR9O1xyXG4gIGAsXHJcbiAgbWFyZ2luOiAobWFyZ2luOiBzdHJpbmcpID0+IGNzc2BcclxuICAgIG1hcmdpbjogJHttYXJnaW59IDA7XHJcbiAgYCxcclxuICBoZWlnaHQ6IChoZWlnaHQ6IG51bWJlcikgPT4gY3NzYFxyXG4gICAgaGVpZ2h0OiAke2hlaWdodH1weDtcclxuICBgLFxyXG4gIGxpZ2h0R3JheTogY3NzYFxyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2Q3ZDdkNztcclxuICBgLFxyXG59XHJcblxyXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcclxuZXhwb3J0IHsgc3R5bGVzIH1cclxuIl19 */",
|
16
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
17
|
+
}
|
18
|
+
};
|
19
|
+
export default styles;
|
20
|
+
export { styles };
|
@@ -0,0 +1,20 @@
|
|
1
|
+
import { SerializedStyles } from '@emotion/react';
|
2
|
+
import React from 'react';
|
3
|
+
interface IProps {
|
4
|
+
alt: string;
|
5
|
+
/** When fetching images directly from blobs, send in blob url */
|
6
|
+
src?: string;
|
7
|
+
/** When fetching images directly from blob, send in blob url instead of src */
|
8
|
+
blob?: Blob;
|
9
|
+
/** Image height, e.g. 100px */
|
10
|
+
height?: string;
|
11
|
+
/** Image width, e.g. 100px */
|
12
|
+
width?: string;
|
13
|
+
/** Max out width with automatic height in regards to the image size */
|
14
|
+
responsive?: boolean;
|
15
|
+
/** CSS override */
|
16
|
+
css?: SerializedStyles;
|
17
|
+
}
|
18
|
+
declare const Image: React.FC<IProps>;
|
19
|
+
export default Image;
|
20
|
+
//# sourceMappingURL=index.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Image/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,MAAM;IACd,GAAG,EAAE,MAAM,CAAA;IACX,iEAAiE;IACjE,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,+EAA+E;IAC/E,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,uEAAuE;IACvE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,mBAAmB;IACnB,GAAG,CAAC,EAAE,gBAAgB,CAAA;CACvB;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAuB3B,CAAA;AAED,eAAe,KAAK,CAAA"}
|
@@ -0,0 +1,23 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { convertBlobToObjectUrl } from '../../utils/image';
|
3
|
+
import styles from './styles';
|
4
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
5
|
+
|
6
|
+
const Image = ({
|
7
|
+
src,
|
8
|
+
alt,
|
9
|
+
blob,
|
10
|
+
height,
|
11
|
+
width,
|
12
|
+
css,
|
13
|
+
responsive
|
14
|
+
}) => {
|
15
|
+
let imageSrc = src || blob && convertBlobToObjectUrl(blob) || undefined;
|
16
|
+
return /*#__PURE__*/_jsx("img", {
|
17
|
+
src: imageSrc,
|
18
|
+
alt: alt,
|
19
|
+
css: () => [height && styles.height(height), width && styles.width(width), responsive && styles.responsive, css && css]
|
20
|
+
});
|
21
|
+
};
|
22
|
+
|
23
|
+
export default Image;
|
@@ -0,0 +1,8 @@
|
|
1
|
+
declare const styles: {
|
2
|
+
height: (height: string) => import("@emotion/react").SerializedStyles;
|
3
|
+
width: (width: string) => import("@emotion/react").SerializedStyles;
|
4
|
+
responsive: import("@emotion/react").SerializedStyles;
|
5
|
+
};
|
6
|
+
export default styles;
|
7
|
+
export { styles };
|
8
|
+
//# sourceMappingURL=styles.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Image/styles.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,MAAM;qBACO,MAAM;mBAGR,MAAM;;CAOtB,CAAA;AAED,eAAe,MAAM,CAAA;AACrB,OAAO,EAAE,MAAM,EAAE,CAAA"}
|
@@ -0,0 +1,18 @@
|
|
1
|
+
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)."; }
|
2
|
+
|
3
|
+
import { css } from '@emotion/react';
|
4
|
+
const styles = {
|
5
|
+
height: height => /*#__PURE__*/css("height:", height, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHaUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvSW1hZ2Uvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXHJcblxyXG5jb25zdCBzdHlsZXMgPSB7XHJcbiAgaGVpZ2h0OiAoaGVpZ2h0OiBzdHJpbmcpID0+IGNzc2BcclxuICAgIGhlaWdodDogJHtoZWlnaHR9O1xyXG4gIGAsXHJcbiAgd2lkdGg6ICh3aWR0aDogc3RyaW5nKSA9PiBjc3NgXHJcbiAgICB3aWR0aDogJHt3aWR0aH07XHJcbiAgYCxcclxuICByZXNwb25zaXZlOiBjc3NgXHJcbiAgICBtYXgtd2lkdGg6IDEwMCU7XHJcbiAgICBoZWlnaHQ6IGF1dG87XHJcbiAgYCxcclxufVxyXG5cclxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXHJcbmV4cG9ydCB7IHN0eWxlcyB9XHJcbiJdfQ== */"),
|
6
|
+
width: width => /*#__PURE__*/css("width:", width, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNK0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvSW1hZ2Uvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXHJcblxyXG5jb25zdCBzdHlsZXMgPSB7XHJcbiAgaGVpZ2h0OiAoaGVpZ2h0OiBzdHJpbmcpID0+IGNzc2BcclxuICAgIGhlaWdodDogJHtoZWlnaHR9O1xyXG4gIGAsXHJcbiAgd2lkdGg6ICh3aWR0aDogc3RyaW5nKSA9PiBjc3NgXHJcbiAgICB3aWR0aDogJHt3aWR0aH07XHJcbiAgYCxcclxuICByZXNwb25zaXZlOiBjc3NgXHJcbiAgICBtYXgtd2lkdGg6IDEwMCU7XHJcbiAgICBoZWlnaHQ6IGF1dG87XHJcbiAgYCxcclxufVxyXG5cclxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXHJcbmV4cG9ydCB7IHN0eWxlcyB9XHJcbiJdfQ== */"),
|
7
|
+
responsive: process.env.NODE_ENV === "production" ? {
|
8
|
+
name: "1hyxgad",
|
9
|
+
styles: "max-width:100%;height:auto"
|
10
|
+
} : {
|
11
|
+
name: "12hqw6b-responsive",
|
12
|
+
styles: "max-width:100%;height:auto;label:responsive;",
|
13
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTaUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvSW1hZ2Uvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXHJcblxyXG5jb25zdCBzdHlsZXMgPSB7XHJcbiAgaGVpZ2h0OiAoaGVpZ2h0OiBzdHJpbmcpID0+IGNzc2BcclxuICAgIGhlaWdodDogJHtoZWlnaHR9O1xyXG4gIGAsXHJcbiAgd2lkdGg6ICh3aWR0aDogc3RyaW5nKSA9PiBjc3NgXHJcbiAgICB3aWR0aDogJHt3aWR0aH07XHJcbiAgYCxcclxuICByZXNwb25zaXZlOiBjc3NgXHJcbiAgICBtYXgtd2lkdGg6IDEwMCU7XHJcbiAgICBoZWlnaHQ6IGF1dG87XHJcbiAgYCxcclxufVxyXG5cclxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXHJcbmV4cG9ydCB7IHN0eWxlcyB9XHJcbiJdfQ== */",
|
14
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
15
|
+
}
|
16
|
+
};
|
17
|
+
export default styles;
|
18
|
+
export { styles };
|
@@ -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
|
+
/** TODO: */
|
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,YAAY;IACZ,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,33 @@
|
|
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
|
+
isRead: boolean;
|
10
|
+
isActive: boolean;
|
11
|
+
isCancelled: boolean;
|
12
|
+
title: string;
|
13
|
+
bodyText: string;
|
14
|
+
bodyHtml: string;
|
15
|
+
createdDate: Date;
|
16
|
+
createdByNameId: string;
|
17
|
+
createdBy: string;
|
18
|
+
attachments: INoticeAttachment[];
|
19
|
+
}
|
20
|
+
export interface INoticeAttachment {
|
21
|
+
id: string;
|
22
|
+
bulletinId: string;
|
23
|
+
filename: string;
|
24
|
+
sequence: number | null;
|
25
|
+
created: Date;
|
26
|
+
mimetype: 'cal' | 'pdf' | 'docx' | any;
|
27
|
+
description: string;
|
28
|
+
}
|
29
|
+
export declare enum NoticeStatusEnum {
|
30
|
+
Active = "Active",
|
31
|
+
Historic = "Historic"
|
32
|
+
}
|
33
|
+
//# 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,MAAM,EAAE,OAAO,CAAA;IACf,QAAQ,EAAE,OAAO,CAAA;IACjB,WAAW,EAAE,OAAO,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,IAAI,CAAA;IACjB,eAAe,EAAE,MAAM,CAAA;IACvB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,iBAAiB,EAAE,CAAA;CACjC;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,OAAO,EAAE,IAAI,CAAA;IACb,QAAQ,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,GAAG,CAAA;IACtC,WAAW,EAAE,MAAM,CAAA;CACpB;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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudEJsb2NrL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFaUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTm90aWNlQ2FyZC9wcml2YXRlQ29tcG9uZW50cy9Ob3RpY2VBdHRhY2htZW50QmxvY2svc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgJiA+IGJ1dHRvbixcbiAgJiA+IGJ1dHRvbiA+IHNwYW4ge1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG5cbiAgJiA+IGJ1dHRvbjphY3RpdmUgPiBzcGFuID4gZGl2IHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjY2NjO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBGaWxlV3JhcHBlckJ1dHRvbiA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogNDBweCAxZnI7XG4gIGdyaWQtY29sdW1uLWdhcDogMWVtO1xuICBib3JkZXI6IDFweCBzb2xpZCAjY2NjO1xuICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICBwYWRkaW5nOiAxLjRlbTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG5cbiAgc3BhbiB7XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgfVxuXG4gICY6aG92ZXIge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgfVxuICAmOmFjdGl2ZSB7XG4gICAgYm9yZGVyOiBub25lO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBGaWxlSW5mb1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcbiAgZ3JpZC1yb3ctZ2FwOiAwLjFlbTtcbmBcblxuZXhwb3J0IGNvbnN0IEljb25CYWNrZ3JvdW5kID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiBhbnkpID0+IGBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgd2lkdGg6IDQwcHg7XG4gICAgaGVpZ2h0OiA0MHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDQwcHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5iYWNrZ3JvdW5kfTtcblxuICAgIHNwYW4ge1xuICAgICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gICAgfVxuICBgXG4pXG4iXX0= */",
|
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudEJsb2NrL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhMkMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTm90aWNlQ2FyZC9wcml2YXRlQ29tcG9uZW50cy9Ob3RpY2VBdHRhY2htZW50QmxvY2svc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgJiA+IGJ1dHRvbixcbiAgJiA+IGJ1dHRvbiA+IHNwYW4ge1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG5cbiAgJiA+IGJ1dHRvbjphY3RpdmUgPiBzcGFuID4gZGl2IHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjY2NjO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBGaWxlV3JhcHBlckJ1dHRvbiA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogNDBweCAxZnI7XG4gIGdyaWQtY29sdW1uLWdhcDogMWVtO1xuICBib3JkZXI6IDFweCBzb2xpZCAjY2NjO1xuICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICBwYWRkaW5nOiAxLjRlbTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG5cbiAgc3BhbiB7XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgfVxuXG4gICY6aG92ZXIge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgfVxuICAmOmFjdGl2ZSB7XG4gICAgYm9yZGVyOiBub25lO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBGaWxlSW5mb1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcbiAgZ3JpZC1yb3ctZ2FwOiAwLjFlbTtcbmBcblxuZXhwb3J0IGNvbnN0IEljb25CYWNrZ3JvdW5kID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiBhbnkpID0+IGBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgd2lkdGg6IDQwcHg7XG4gICAgaGVpZ2h0OiA0MHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDQwcHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5iYWNrZ3JvdW5kfTtcblxuICAgIHNwYW4ge1xuICAgICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gICAgfVxuICBgXG4pXG4iXX0= */",
|
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudEJsb2NrL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ3lDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudEJsb2NrL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICYgPiBidXR0b24sXG4gICYgPiBidXR0b24gPiBzcGFuIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuXG4gICYgPiBidXR0b246YWN0aXZlID4gc3BhbiA+IGRpdiB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgI2NjYztcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgRmlsZVdyYXBwZXJCdXR0b24gPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDQwcHggMWZyO1xuICBncmlkLWNvbHVtbi1nYXA6IDFlbTtcbiAgYm9yZGVyOiAxcHggc29saWQgI2NjYztcbiAgYm9yZGVyLXJhZGl1czogMTZweDtcbiAgcGFkZGluZzogMS40ZW07XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBmb250LXdlaWdodDogbm9ybWFsO1xuXG4gIHNwYW4ge1xuICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gIH1cblxuICAmOmhvdmVyIHtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gIH1cbiAgJjphY3RpdmUge1xuICAgIGJvcmRlcjogbm9uZTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgRmlsZUluZm9XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gIGdyaWQtcm93LWdhcDogMC4xZW07XG5gXG5cbmV4cG9ydCBjb25zdCBJY29uQmFja2dyb3VuZCA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogYW55KSA9PiBgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHdpZHRoOiA0MHB4O1xuICAgIGhlaWdodDogNDBweDtcbiAgICBib3JkZXItcmFkaXVzOiA0MHB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuYmFja2dyb3VuZH07XG5cbiAgICBzcGFuIHtcbiAgICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIH1cbiAgYFxuKVxuIl19 */",
|
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudEJsb2NrL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QzhCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudEJsb2NrL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICYgPiBidXR0b24sXG4gICYgPiBidXR0b24gPiBzcGFuIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuXG4gICYgPiBidXR0b246YWN0aXZlID4gc3BhbiA+IGRpdiB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgI2NjYztcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgRmlsZVdyYXBwZXJCdXR0b24gPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDQwcHggMWZyO1xuICBncmlkLWNvbHVtbi1nYXA6IDFlbTtcbiAgYm9yZGVyOiAxcHggc29saWQgI2NjYztcbiAgYm9yZGVyLXJhZGl1czogMTZweDtcbiAgcGFkZGluZzogMS40ZW07XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBmb250LXdlaWdodDogbm9ybWFsO1xuXG4gIHNwYW4ge1xuICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gIH1cblxuICAmOmhvdmVyIHtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gIH1cbiAgJjphY3RpdmUge1xuICAgIGJvcmRlcjogbm9uZTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgRmlsZUluZm9XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gIGdyaWQtcm93LWdhcDogMC4xZW07XG5gXG5cbmV4cG9ydCBjb25zdCBJY29uQmFja2dyb3VuZCA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogYW55KSA9PiBgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHdpZHRoOiA0MHB4O1xuICAgIGhlaWdodDogNDBweDtcbiAgICBib3JkZXItcmFkaXVzOiA0MHB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuYmFja2dyb3VuZH07XG5cbiAgICBzcGFuIHtcbiAgICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIH1cbiAgYFxuKVxuIl19 */");
|
@@ -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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudExpc3Qvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVxQyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9Ob3RpY2VDYXJkL3ByaXZhdGVDb21wb25lbnRzL05vdGljZUF0dGFjaG1lbnRMaXN0L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5leHBvcnQgY29uc3QgTGlzdFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcbiAgZ3JpZC1yb3ctZ2FwOiAxZW07XG5gXG4iXX0= */",
|
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"}
|
@@ -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;
|