@bbl-digital/snorre 4.0.25 → 4.0.27
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/bundle.js +48 -18
- package/esm/core/NotificationsMenu/NotificationRow/index.js +15 -8
- package/esm/core/NotificationsMenu/NotificationRow/styles.js +17 -3
- package/esm/core/NotificationsMenu/NotificationsMenu.stories.js +6 -4
- package/esm/core/NotificationsMenu/index.js +14 -4
- package/esm/core/NotificationsMenu/styles.js +4 -4
- package/lib/core/NotificationsMenu/NotificationRow/index.d.ts +3 -1
- package/lib/core/NotificationsMenu/NotificationRow/index.d.ts.map +1 -1
- package/lib/core/NotificationsMenu/NotificationRow/index.js +15 -8
- package/lib/core/NotificationsMenu/NotificationRow/styles.d.ts +4 -0
- package/lib/core/NotificationsMenu/NotificationRow/styles.d.ts.map +1 -1
- package/lib/core/NotificationsMenu/NotificationRow/styles.js +17 -3
- package/lib/core/NotificationsMenu/NotificationsMenu.stories.d.ts.map +1 -1
- package/lib/core/NotificationsMenu/NotificationsMenu.stories.js +6 -4
- package/lib/core/NotificationsMenu/index.d.ts +3 -3
- package/lib/core/NotificationsMenu/index.d.ts.map +1 -1
- package/lib/core/NotificationsMenu/index.js +14 -4
- package/lib/core/NotificationsMenu/styles.d.ts.map +1 -1
- package/lib/core/NotificationsMenu/styles.js +4 -4
- package/package.json +1 -1
package/dist/bundle.js
CHANGED
|
@@ -25623,7 +25623,7 @@
|
|
|
25623
25623
|
} : {
|
|
25624
25624
|
name: "1ivkyd7",
|
|
25625
25625
|
styles: "position:relative;display:flex;flex-direction:row;&>svg{margin-left:0.5em;}",
|
|
25626
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
25626
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFOEMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTm90aWZpY2F0aW9uc01lbnUvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBOb3RpZmljYXRpb25zV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuXG4gICYgPiBzdmcge1xuICAgIG1hcmdpbi1sZWZ0OiAwLjVlbTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgTm90aWZpY2F0aW9uc0NvbnRlbnQgPSBzdHlsZWQuZGl2PHsgJHJhZGl1cz86IHN0cmluZyB9PmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMzBweDtcblxuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aWR0aDogMzAwcHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNjZmQ5ZWE7XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgYm94LXNoYWRvdzogMCAxMHB4IDE1cHggMCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgJHJhZGl1cyB9KSA9PiAkcmFkaXVzIHx8ICcxMHB4J307XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHBhZGRpbmc6IDAuNWVtIDFlbTtcbmBcblxuZXhwb3J0IGNvbnN0IFVucmVhZE1hcmsgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB0b3A6IC02cHg7XG4gIGxlZnQ6IDEwcHg7XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucHJpbWFyeTVkYXJrZXJ9O1xuICBoZWlnaHQ6IDE4cHg7XG4gIHdpZHRoOiAxOHB4O1xuICBib3JkZXItcmFkaXVzOiAxMHB4O1xuYFxuIl19 */",
|
|
25627
25627
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__$Q
|
|
25628
25628
|
});
|
|
25629
25629
|
const NotificationsContent = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
|
|
@@ -25633,15 +25633,15 @@
|
|
|
25633
25633
|
label: "NotificationsContent"
|
|
25634
25634
|
})("position:absolute;background-color:white;right:0;top:30px;box-sizing:border-box;width:300px;border:1px solid #cfd9ea;background-color:#ffffff;box-shadow:0 10px 15px 0 rgba(0, 0, 0, 0.1);border-radius:", ({
|
|
25635
25635
|
$radius
|
|
25636
|
-
}) => $radius || '10px', ";overflow:hidden;padding:0.5em 1em;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
25636
|
+
}) => $radius || '10px', ";overflow:hidden;padding:0.5em 1em;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhb0UiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTm90aWZpY2F0aW9uc01lbnUvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBOb3RpZmljYXRpb25zV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuXG4gICYgPiBzdmcge1xuICAgIG1hcmdpbi1sZWZ0OiAwLjVlbTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgTm90aWZpY2F0aW9uc0NvbnRlbnQgPSBzdHlsZWQuZGl2PHsgJHJhZGl1cz86IHN0cmluZyB9PmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMzBweDtcblxuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aWR0aDogMzAwcHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNjZmQ5ZWE7XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgYm94LXNoYWRvdzogMCAxMHB4IDE1cHggMCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgJHJhZGl1cyB9KSA9PiAkcmFkaXVzIHx8ICcxMHB4J307XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHBhZGRpbmc6IDAuNWVtIDFlbTtcbmBcblxuZXhwb3J0IGNvbnN0IFVucmVhZE1hcmsgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB0b3A6IC02cHg7XG4gIGxlZnQ6IDEwcHg7XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucHJpbWFyeTVkYXJrZXJ9O1xuICBoZWlnaHQ6IDE4cHg7XG4gIHdpZHRoOiAxOHB4O1xuICBib3JkZXItcmFkaXVzOiAxMHB4O1xuYFxuIl19 */"));
|
|
25637
25637
|
const UnreadMark = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
|
|
25638
25638
|
target: "ebh5fga0"
|
|
25639
25639
|
} : {
|
|
25640
25640
|
target: "ebh5fga0",
|
|
25641
25641
|
label: "UnreadMark"
|
|
25642
|
-
})("position:absolute;top:-
|
|
25642
|
+
})("position:absolute;display:flex;align-items:center;justify-content:center;top:-6px;left:10px;background:", ({
|
|
25643
25643
|
theme
|
|
25644
|
-
}) => theme.
|
|
25644
|
+
}) => theme.primary5darker, ";height:18px;width:18px;border-radius:10px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4Qm9DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5leHBvcnQgY29uc3QgTm90aWZpY2F0aW9uc1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcblxuICAmID4gc3ZnIHtcbiAgICBtYXJnaW4tbGVmdDogMC41ZW07XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IE5vdGlmaWNhdGlvbnNDb250ZW50ID0gc3R5bGVkLmRpdjx7ICRyYWRpdXM/OiBzdHJpbmcgfT5gXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIHJpZ2h0OiAwO1xuICB0b3A6IDMwcHg7XG5cbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgd2lkdGg6IDMwMHB4O1xuICBib3JkZXI6IDFweCBzb2xpZCAjY2ZkOWVhO1xuXG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gIGJveC1zaGFkb3c6IDAgMTBweCAxNXB4IDAgcmdiYSgwLCAwLCAwLCAwLjEpO1xuICBib3JkZXItcmFkaXVzOiAkeyh7ICRyYWRpdXMgfSkgPT4gJHJhZGl1cyB8fCAnMTBweCd9O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBwYWRkaW5nOiAwLjVlbSAxZW07XG5gXG5cbmV4cG9ydCBjb25zdCBVbnJlYWRNYXJrID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgdG9wOiAtNnB4O1xuICBsZWZ0OiAxMHB4O1xuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnByaW1hcnk1ZGFya2VyfTtcbiAgaGVpZ2h0OiAxOHB4O1xuICB3aWR0aDogMThweDtcbiAgYm9yZGVyLXJhZGl1czogMTBweDtcbmBcbiJdfQ== */"));
|
|
25645
25645
|
|
|
25646
25646
|
const IconBellOutline = props => {
|
|
25647
25647
|
return /*#__PURE__*/jsxRuntime$1.jsx("svg", {
|
|
@@ -25664,7 +25664,7 @@
|
|
|
25664
25664
|
var IconBellFilled$1 = withIcon()(IconBellFilled);
|
|
25665
25665
|
|
|
25666
25666
|
const NotificationsMenu = ({
|
|
25667
|
-
|
|
25667
|
+
unreadCount,
|
|
25668
25668
|
triggerClose,
|
|
25669
25669
|
radius,
|
|
25670
25670
|
children,
|
|
@@ -25672,6 +25672,8 @@
|
|
|
25672
25672
|
}) => {
|
|
25673
25673
|
const ref = /*#__PURE__*/React.createRef();
|
|
25674
25674
|
const [open, setOpen] = React.useState(false);
|
|
25675
|
+
const hasUnread = Boolean(unreadCount);
|
|
25676
|
+
const maxUnreadCount = 99;
|
|
25675
25677
|
React.useEffect(() => {
|
|
25676
25678
|
const handleClickOutside = e => {
|
|
25677
25679
|
const node = ref.current;
|
|
@@ -25696,15 +25698,22 @@
|
|
|
25696
25698
|
}, [triggerClose]);
|
|
25697
25699
|
const onClick = () => {
|
|
25698
25700
|
setOpen(true);
|
|
25699
|
-
onBellClick();
|
|
25701
|
+
onBellClick && onBellClick();
|
|
25700
25702
|
};
|
|
25701
25703
|
return /*#__PURE__*/jsxRuntime$1.jsxs(NotificationsWrapper, {
|
|
25702
25704
|
children: [/*#__PURE__*/jsxRuntime$1.jsxs(Button, {
|
|
25703
25705
|
nostyle: true,
|
|
25704
25706
|
onClick: onClick,
|
|
25705
|
-
|
|
25707
|
+
focusable: true,
|
|
25708
|
+
children: [hasUnread ? /*#__PURE__*/jsxRuntime$1.jsx(IconBellOutline$1, {
|
|
25706
25709
|
secondary: true
|
|
25707
|
-
}) : /*#__PURE__*/jsxRuntime$1.jsx(IconBellFilled$1, {}),
|
|
25710
|
+
}) : /*#__PURE__*/jsxRuntime$1.jsx(IconBellFilled$1, {}), hasUnread && /*#__PURE__*/jsxRuntime$1.jsx(UnreadMark, {
|
|
25711
|
+
children: /*#__PURE__*/jsxRuntime$1.jsx(Text, {
|
|
25712
|
+
size: "12px",
|
|
25713
|
+
color: "white",
|
|
25714
|
+
children: unreadCount <= maxUnreadCount ? unreadCount : maxUnreadCount
|
|
25715
|
+
})
|
|
25716
|
+
})]
|
|
25708
25717
|
}), open && /*#__PURE__*/jsxRuntime$1.jsx("span", {
|
|
25709
25718
|
ref: ref,
|
|
25710
25719
|
children: /*#__PURE__*/jsxRuntime$1.jsx(NotificationsContent, {
|
|
@@ -25717,11 +25726,25 @@
|
|
|
25717
25726
|
|
|
25718
25727
|
function _EMOTION_STRINGIFIED_CSS_ERROR__$P() { 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)."; }
|
|
25719
25728
|
const Wrapper$v = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
|
|
25729
|
+
target: "exqwsp82"
|
|
25730
|
+
} : {
|
|
25731
|
+
target: "exqwsp82",
|
|
25732
|
+
label: "Wrapper"
|
|
25733
|
+
})(props => /*#__PURE__*/react.css("display:flex;gap:0.5rem;justify-content:start;padding:1rem 0;border-bottom:", props.hideBorderBottom ? 'none' : '1px solid #d8e4f9', ";svg{margin-top:3px;min-width:14px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L05vdGlmaWNhdGlvblJvdy9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2dEIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L05vdGlmaWNhdGlvblJvdy9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IEJ1dHRvbiBmcm9tICcuLi8uLi9CdXR0b24nXG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiB7IGhpZGVCb3JkZXJCb3R0b20/OiBib29sZWFuIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGdhcDogMC41cmVtO1xuICAgIGp1c3RpZnktY29udGVudDogc3RhcnQ7XG4gICAgcGFkZGluZzogMXJlbSAwO1xuICAgIGJvcmRlci1ib3R0b206ICR7cHJvcHMuaGlkZUJvcmRlckJvdHRvbSA/ICdub25lJyA6ICcxcHggc29saWQgI2Q4ZTRmOSd9O1xuXG4gICAgc3ZnIHtcbiAgICAgIG1hcmdpbi10b3A6IDNweDtcbiAgICAgIG1pbi13aWR0aDogMTRweDtcbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IFRleHRDb250ZW50ID0gc3R5bGVkLnNwYW5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHRleHQtYWxpZ246IGxlZnQ7XG5cbiAgJiA+IHNwYW4ge1xuICAgIGxpbmUtaGVpZ2h0OiAxLjVlbTtcbiAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG4gICAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG5cbiAgICAmID4gc3BhbiB7XG4gICAgICBmb250LXdlaWdodDogNjAwO1xuICAgICAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoQnV0dG9uKWBcbiAgd2lkdGg6IDEwMCU7XG4gICYgPiBzcGFuIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuYFxuIl19 */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L05vdGlmaWNhdGlvblJvdy9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXVCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L05vdGlmaWNhdGlvblJvdy9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IEJ1dHRvbiBmcm9tICcuLi8uLi9CdXR0b24nXG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiB7IGhpZGVCb3JkZXJCb3R0b20/OiBib29sZWFuIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGdhcDogMC41cmVtO1xuICAgIGp1c3RpZnktY29udGVudDogc3RhcnQ7XG4gICAgcGFkZGluZzogMXJlbSAwO1xuICAgIGJvcmRlci1ib3R0b206ICR7cHJvcHMuaGlkZUJvcmRlckJvdHRvbSA/ICdub25lJyA6ICcxcHggc29saWQgI2Q4ZTRmOSd9O1xuXG4gICAgc3ZnIHtcbiAgICAgIG1hcmdpbi10b3A6IDNweDtcbiAgICAgIG1pbi13aWR0aDogMTRweDtcbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IFRleHRDb250ZW50ID0gc3R5bGVkLnNwYW5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHRleHQtYWxpZ246IGxlZnQ7XG5cbiAgJiA+IHNwYW4ge1xuICAgIGxpbmUtaGVpZ2h0OiAxLjVlbTtcbiAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG4gICAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG5cbiAgICAmID4gc3BhbiB7XG4gICAgICBmb250LXdlaWdodDogNjAwO1xuICAgICAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoQnV0dG9uKWBcbiAgd2lkdGg6IDEwMCU7XG4gICYgPiBzcGFuIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuYFxuIl19 */");
|
|
25734
|
+
const TextContent$1 = /*#__PURE__*/_styled__default["default"]("span", process.env.NODE_ENV === "production" ? {
|
|
25720
25735
|
target: "exqwsp81"
|
|
25721
25736
|
} : {
|
|
25722
25737
|
target: "exqwsp81",
|
|
25723
|
-
label: "
|
|
25724
|
-
})(
|
|
25738
|
+
label: "TextContent"
|
|
25739
|
+
})(process.env.NODE_ENV === "production" ? {
|
|
25740
|
+
name: "1vmat21",
|
|
25741
|
+
styles: "display:flex;flex-direction:column;text-align:left;&>span{line-height:1.5em;text-align:left;font-weight:normal;text-transform:none;&>span{font-weight:600;text-transform:none;}}"
|
|
25742
|
+
} : {
|
|
25743
|
+
name: "1vmat21",
|
|
25744
|
+
styles: "display:flex;flex-direction:column;text-align:left;&>span{line-height:1.5em;text-align:left;font-weight:normal;text-transform:none;&>span{font-weight:600;text-transform:none;}}",
|
|
25745
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L05vdGlmaWNhdGlvblJvdy9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJzQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9Ob3RpZmljYXRpb25zTWVudS9Ob3RpZmljYXRpb25Sb3cvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vLi4vQnV0dG9uJ1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogeyBoaWRlQm9yZGVyQm90dG9tPzogYm9vbGVhbiB9KSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBnYXA6IDAuNXJlbTtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHN0YXJ0O1xuICAgIHBhZGRpbmc6IDFyZW0gMDtcbiAgICBib3JkZXItYm90dG9tOiAke3Byb3BzLmhpZGVCb3JkZXJCb3R0b20gPyAnbm9uZScgOiAnMXB4IHNvbGlkICNkOGU0ZjknfTtcblxuICAgIHN2ZyB7XG4gICAgICBtYXJnaW4tdG9wOiAzcHg7XG4gICAgICBtaW4td2lkdGg6IDE0cHg7XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBUZXh0Q29udGVudCA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuXG4gICYgPiBzcGFuIHtcbiAgICBsaW5lLWhlaWdodDogMS41ZW07XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICBmb250LXdlaWdodDogbm9ybWFsO1xuICAgIHRleHQtdHJhbnNmb3JtOiBub25lO1xuXG4gICAgJiA+IHNwYW4ge1xuICAgICAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgICAgIHRleHQtdHJhbnNmb3JtOiBub25lO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKEJ1dHRvbilgXG4gIHdpZHRoOiAxMDAlO1xuICAmID4gc3BhbiB7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbmBcbiJdfQ== */",
|
|
25746
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__$P
|
|
25747
|
+
});
|
|
25725
25748
|
const StyledButton = /*#__PURE__*/_styled__default["default"](Button, process.env.NODE_ENV === "production" ? {
|
|
25726
25749
|
target: "exqwsp80"
|
|
25727
25750
|
} : {
|
|
@@ -25733,7 +25756,7 @@
|
|
|
25733
25756
|
} : {
|
|
25734
25757
|
name: "13nmmot",
|
|
25735
25758
|
styles: "width:100%;&>span{width:100%;}",
|
|
25736
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
25759
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L05vdGlmaWNhdGlvblJvdy9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUMwQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9Ob3RpZmljYXRpb25zTWVudS9Ob3RpZmljYXRpb25Sb3cvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vLi4vQnV0dG9uJ1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogeyBoaWRlQm9yZGVyQm90dG9tPzogYm9vbGVhbiB9KSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBnYXA6IDAuNXJlbTtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHN0YXJ0O1xuICAgIHBhZGRpbmc6IDFyZW0gMDtcbiAgICBib3JkZXItYm90dG9tOiAke3Byb3BzLmhpZGVCb3JkZXJCb3R0b20gPyAnbm9uZScgOiAnMXB4IHNvbGlkICNkOGU0ZjknfTtcblxuICAgIHN2ZyB7XG4gICAgICBtYXJnaW4tdG9wOiAzcHg7XG4gICAgICBtaW4td2lkdGg6IDE0cHg7XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBUZXh0Q29udGVudCA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuXG4gICYgPiBzcGFuIHtcbiAgICBsaW5lLWhlaWdodDogMS41ZW07XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICBmb250LXdlaWdodDogbm9ybWFsO1xuICAgIHRleHQtdHJhbnNmb3JtOiBub25lO1xuXG4gICAgJiA+IHNwYW4ge1xuICAgICAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgICAgIHRleHQtdHJhbnNmb3JtOiBub25lO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKEJ1dHRvbilgXG4gIHdpZHRoOiAxMDAlO1xuICAmID4gc3BhbiB7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbmBcbiJdfQ== */",
|
|
25737
25760
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__$P
|
|
25738
25761
|
});
|
|
25739
25762
|
|
|
@@ -25742,19 +25765,26 @@
|
|
|
25742
25765
|
description,
|
|
25743
25766
|
icon,
|
|
25744
25767
|
hideBorderBottom,
|
|
25768
|
+
extraInfo,
|
|
25745
25769
|
onClick
|
|
25746
25770
|
}) => /*#__PURE__*/jsxRuntime$1.jsx(StyledButton, {
|
|
25747
25771
|
nostyle: true,
|
|
25748
25772
|
onClick: onClick,
|
|
25749
25773
|
children: /*#__PURE__*/jsxRuntime$1.jsxs(Wrapper$v, {
|
|
25750
25774
|
hideBorderBottom: hideBorderBottom,
|
|
25751
|
-
children: [icon, /*#__PURE__*/jsxRuntime$1.jsxs(
|
|
25752
|
-
|
|
25753
|
-
|
|
25754
|
-
|
|
25755
|
-
|
|
25756
|
-
|
|
25757
|
-
|
|
25775
|
+
children: [icon, /*#__PURE__*/jsxRuntime$1.jsxs(TextContent$1, {
|
|
25776
|
+
children: [extraInfo && /*#__PURE__*/jsxRuntime$1.jsx(Text, {
|
|
25777
|
+
subtle: true,
|
|
25778
|
+
small: true,
|
|
25779
|
+
children: extraInfo
|
|
25780
|
+
}), /*#__PURE__*/jsxRuntime$1.jsxs(Text, {
|
|
25781
|
+
small: true,
|
|
25782
|
+
children: [/*#__PURE__*/jsxRuntime$1.jsx(Text, {
|
|
25783
|
+
small: true,
|
|
25784
|
+
semibold: true,
|
|
25785
|
+
children: title
|
|
25786
|
+
}), ' ' + description]
|
|
25787
|
+
})]
|
|
25758
25788
|
})]
|
|
25759
25789
|
})
|
|
25760
25790
|
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import Text from '../../Text';
|
|
3
|
-
import { StyledButton, Wrapper } from './styles';
|
|
3
|
+
import { StyledButton, TextContent, Wrapper } from './styles';
|
|
4
4
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
5
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
6
6
|
const NotificationRow = ({
|
|
@@ -8,19 +8,26 @@ const NotificationRow = ({
|
|
|
8
8
|
description,
|
|
9
9
|
icon,
|
|
10
10
|
hideBorderBottom,
|
|
11
|
+
extraInfo,
|
|
11
12
|
onClick
|
|
12
13
|
}) => /*#__PURE__*/_jsx(StyledButton, {
|
|
13
14
|
nostyle: true,
|
|
14
15
|
onClick: onClick,
|
|
15
16
|
children: /*#__PURE__*/_jsxs(Wrapper, {
|
|
16
17
|
hideBorderBottom: hideBorderBottom,
|
|
17
|
-
children: [icon, /*#__PURE__*/_jsxs(
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
18
|
+
children: [icon, /*#__PURE__*/_jsxs(TextContent, {
|
|
19
|
+
children: [extraInfo && /*#__PURE__*/_jsx(Text, {
|
|
20
|
+
subtle: true,
|
|
21
|
+
small: true,
|
|
22
|
+
children: extraInfo
|
|
23
|
+
}), /*#__PURE__*/_jsxs(Text, {
|
|
24
|
+
small: true,
|
|
25
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
26
|
+
small: true,
|
|
27
|
+
semibold: true,
|
|
28
|
+
children: title
|
|
29
|
+
}), ' ' + description]
|
|
30
|
+
})]
|
|
24
31
|
})]
|
|
25
32
|
})
|
|
26
33
|
});
|
|
@@ -3,11 +3,25 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
|
|
|
3
3
|
import { css } from '@emotion/react';
|
|
4
4
|
import Button from '../../Button';
|
|
5
5
|
export const Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
6
|
+
target: "exqwsp82"
|
|
7
|
+
} : {
|
|
8
|
+
target: "exqwsp82",
|
|
9
|
+
label: "Wrapper"
|
|
10
|
+
})(props => /*#__PURE__*/css("display:flex;gap:0.5rem;justify-content:start;padding:1rem 0;border-bottom:", props.hideBorderBottom ? 'none' : '1px solid #d8e4f9', ";svg{margin-top:3px;min-width:14px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L05vdGlmaWNhdGlvblJvdy9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2dEIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L05vdGlmaWNhdGlvblJvdy9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IEJ1dHRvbiBmcm9tICcuLi8uLi9CdXR0b24nXG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiB7IGhpZGVCb3JkZXJCb3R0b20/OiBib29sZWFuIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGdhcDogMC41cmVtO1xuICAgIGp1c3RpZnktY29udGVudDogc3RhcnQ7XG4gICAgcGFkZGluZzogMXJlbSAwO1xuICAgIGJvcmRlci1ib3R0b206ICR7cHJvcHMuaGlkZUJvcmRlckJvdHRvbSA/ICdub25lJyA6ICcxcHggc29saWQgI2Q4ZTRmOSd9O1xuXG4gICAgc3ZnIHtcbiAgICAgIG1hcmdpbi10b3A6IDNweDtcbiAgICAgIG1pbi13aWR0aDogMTRweDtcbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IFRleHRDb250ZW50ID0gc3R5bGVkLnNwYW5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHRleHQtYWxpZ246IGxlZnQ7XG5cbiAgJiA+IHNwYW4ge1xuICAgIGxpbmUtaGVpZ2h0OiAxLjVlbTtcbiAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG4gICAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG5cbiAgICAmID4gc3BhbiB7XG4gICAgICBmb250LXdlaWdodDogNjAwO1xuICAgICAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoQnV0dG9uKWBcbiAgd2lkdGg6IDEwMCU7XG4gICYgPiBzcGFuIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuYFxuIl19 */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L05vdGlmaWNhdGlvblJvdy9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXVCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L05vdGlmaWNhdGlvblJvdy9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IEJ1dHRvbiBmcm9tICcuLi8uLi9CdXR0b24nXG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiB7IGhpZGVCb3JkZXJCb3R0b20/OiBib29sZWFuIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGdhcDogMC41cmVtO1xuICAgIGp1c3RpZnktY29udGVudDogc3RhcnQ7XG4gICAgcGFkZGluZzogMXJlbSAwO1xuICAgIGJvcmRlci1ib3R0b206ICR7cHJvcHMuaGlkZUJvcmRlckJvdHRvbSA/ICdub25lJyA6ICcxcHggc29saWQgI2Q4ZTRmOSd9O1xuXG4gICAgc3ZnIHtcbiAgICAgIG1hcmdpbi10b3A6IDNweDtcbiAgICAgIG1pbi13aWR0aDogMTRweDtcbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IFRleHRDb250ZW50ID0gc3R5bGVkLnNwYW5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHRleHQtYWxpZ246IGxlZnQ7XG5cbiAgJiA+IHNwYW4ge1xuICAgIGxpbmUtaGVpZ2h0OiAxLjVlbTtcbiAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG4gICAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG5cbiAgICAmID4gc3BhbiB7XG4gICAgICBmb250LXdlaWdodDogNjAwO1xuICAgICAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoQnV0dG9uKWBcbiAgd2lkdGg6IDEwMCU7XG4gICYgPiBzcGFuIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuYFxuIl19 */");
|
|
11
|
+
export const TextContent = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
|
|
6
12
|
target: "exqwsp81"
|
|
7
13
|
} : {
|
|
8
14
|
target: "exqwsp81",
|
|
9
|
-
label: "
|
|
10
|
-
})(
|
|
15
|
+
label: "TextContent"
|
|
16
|
+
})(process.env.NODE_ENV === "production" ? {
|
|
17
|
+
name: "1vmat21",
|
|
18
|
+
styles: "display:flex;flex-direction:column;text-align:left;&>span{line-height:1.5em;text-align:left;font-weight:normal;text-transform:none;&>span{font-weight:600;text-transform:none;}}"
|
|
19
|
+
} : {
|
|
20
|
+
name: "1vmat21",
|
|
21
|
+
styles: "display:flex;flex-direction:column;text-align:left;&>span{line-height:1.5em;text-align:left;font-weight:normal;text-transform:none;&>span{font-weight:600;text-transform:none;}}",
|
|
22
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L05vdGlmaWNhdGlvblJvdy9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJzQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9Ob3RpZmljYXRpb25zTWVudS9Ob3RpZmljYXRpb25Sb3cvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vLi4vQnV0dG9uJ1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogeyBoaWRlQm9yZGVyQm90dG9tPzogYm9vbGVhbiB9KSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBnYXA6IDAuNXJlbTtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHN0YXJ0O1xuICAgIHBhZGRpbmc6IDFyZW0gMDtcbiAgICBib3JkZXItYm90dG9tOiAke3Byb3BzLmhpZGVCb3JkZXJCb3R0b20gPyAnbm9uZScgOiAnMXB4IHNvbGlkICNkOGU0ZjknfTtcblxuICAgIHN2ZyB7XG4gICAgICBtYXJnaW4tdG9wOiAzcHg7XG4gICAgICBtaW4td2lkdGg6IDE0cHg7XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBUZXh0Q29udGVudCA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuXG4gICYgPiBzcGFuIHtcbiAgICBsaW5lLWhlaWdodDogMS41ZW07XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICBmb250LXdlaWdodDogbm9ybWFsO1xuICAgIHRleHQtdHJhbnNmb3JtOiBub25lO1xuXG4gICAgJiA+IHNwYW4ge1xuICAgICAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgICAgIHRleHQtdHJhbnNmb3JtOiBub25lO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKEJ1dHRvbilgXG4gIHdpZHRoOiAxMDAlO1xuICAmID4gc3BhbiB7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbmBcbiJdfQ== */",
|
|
23
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
24
|
+
});
|
|
11
25
|
export const StyledButton = /*#__PURE__*/_styled(Button, process.env.NODE_ENV === "production" ? {
|
|
12
26
|
target: "exqwsp80"
|
|
13
27
|
} : {
|
|
@@ -19,6 +33,6 @@ export const StyledButton = /*#__PURE__*/_styled(Button, process.env.NODE_ENV ==
|
|
|
19
33
|
} : {
|
|
20
34
|
name: "13nmmot",
|
|
21
35
|
styles: "width:100%;&>span{width:100%;}",
|
|
22
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
36
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L05vdGlmaWNhdGlvblJvdy9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUMwQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9Ob3RpZmljYXRpb25zTWVudS9Ob3RpZmljYXRpb25Sb3cvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vLi4vQnV0dG9uJ1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogeyBoaWRlQm9yZGVyQm90dG9tPzogYm9vbGVhbiB9KSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBnYXA6IDAuNXJlbTtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHN0YXJ0O1xuICAgIHBhZGRpbmc6IDFyZW0gMDtcbiAgICBib3JkZXItYm90dG9tOiAke3Byb3BzLmhpZGVCb3JkZXJCb3R0b20gPyAnbm9uZScgOiAnMXB4IHNvbGlkICNkOGU0ZjknfTtcblxuICAgIHN2ZyB7XG4gICAgICBtYXJnaW4tdG9wOiAzcHg7XG4gICAgICBtaW4td2lkdGg6IDE0cHg7XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBUZXh0Q29udGVudCA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuXG4gICYgPiBzcGFuIHtcbiAgICBsaW5lLWhlaWdodDogMS41ZW07XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICBmb250LXdlaWdodDogbm9ybWFsO1xuICAgIHRleHQtdHJhbnNmb3JtOiBub25lO1xuXG4gICAgJiA+IHNwYW4ge1xuICAgICAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgICAgIHRleHQtdHJhbnNmb3JtOiBub25lO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKEJ1dHRvbilgXG4gIHdpZHRoOiAxMDAlO1xuICAmID4gc3BhbiB7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbmBcbiJdfQ== */",
|
|
23
37
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
24
38
|
});
|
|
@@ -12,7 +12,7 @@ export default meta;
|
|
|
12
12
|
export const Default = {
|
|
13
13
|
name: 'Default',
|
|
14
14
|
args: {
|
|
15
|
-
|
|
15
|
+
unreadCount: 0,
|
|
16
16
|
onBellClick: () => console.log('bell click'),
|
|
17
17
|
children: 'Her kan man legge hva man vil'
|
|
18
18
|
}
|
|
@@ -20,7 +20,7 @@ export const Default = {
|
|
|
20
20
|
export const UnreadNotification = {
|
|
21
21
|
name: 'Unread notification',
|
|
22
22
|
args: {
|
|
23
|
-
|
|
23
|
+
unreadCount: 5,
|
|
24
24
|
onBellClick: () => console.log('bell click'),
|
|
25
25
|
children: /*#__PURE__*/_jsxs(_Fragment, {
|
|
26
26
|
children: [/*#__PURE__*/_jsx(NotificationRow, {
|
|
@@ -32,12 +32,13 @@ export const UnreadNotification = {
|
|
|
32
32
|
}),
|
|
33
33
|
onClick: () => console.log('hi')
|
|
34
34
|
}), /*#__PURE__*/_jsx(NotificationRow, {
|
|
35
|
-
title: "
|
|
36
|
-
description: "
|
|
35
|
+
title: "Oppslagets tittel",
|
|
36
|
+
description: "- Det er nye kommentarer p\xE5 oppslaget",
|
|
37
37
|
icon: /*#__PURE__*/_jsx(IconAttachment, {
|
|
38
38
|
size: "14px",
|
|
39
39
|
primary: true
|
|
40
40
|
}),
|
|
41
|
+
extraInfo: "Andeby borettslag",
|
|
41
42
|
onClick: () => console.log('hi')
|
|
42
43
|
}), /*#__PURE__*/_jsx(NotificationRow, {
|
|
43
44
|
title: "Dette er en test",
|
|
@@ -46,6 +47,7 @@ export const UnreadNotification = {
|
|
|
46
47
|
size: "14px",
|
|
47
48
|
primary: true
|
|
48
49
|
}),
|
|
50
|
+
hideBorderBottom: true,
|
|
49
51
|
onClick: () => console.log('hi')
|
|
50
52
|
})]
|
|
51
53
|
})
|
|
@@ -3,10 +3,11 @@ import { NotificationsWrapper, NotificationsContent, UnreadMark } from './styles
|
|
|
3
3
|
import Button from '../Button';
|
|
4
4
|
import IconBellOutline from '../../icons/General/IconBellOutline';
|
|
5
5
|
import IconBellFilled from '../../icons/General/IconBellFilled';
|
|
6
|
+
import Text from '../Text';
|
|
6
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
8
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
9
|
const NotificationsMenu = ({
|
|
9
|
-
|
|
10
|
+
unreadCount,
|
|
10
11
|
triggerClose,
|
|
11
12
|
radius,
|
|
12
13
|
children,
|
|
@@ -14,6 +15,8 @@ const NotificationsMenu = ({
|
|
|
14
15
|
}) => {
|
|
15
16
|
const ref = /*#__PURE__*/createRef();
|
|
16
17
|
const [open, setOpen] = useState(false);
|
|
18
|
+
const hasUnread = Boolean(unreadCount);
|
|
19
|
+
const maxUnreadCount = 99;
|
|
17
20
|
useEffect(() => {
|
|
18
21
|
const handleClickOutside = e => {
|
|
19
22
|
const node = ref.current;
|
|
@@ -38,15 +41,22 @@ const NotificationsMenu = ({
|
|
|
38
41
|
}, [triggerClose]);
|
|
39
42
|
const onClick = () => {
|
|
40
43
|
setOpen(true);
|
|
41
|
-
onBellClick();
|
|
44
|
+
onBellClick && onBellClick();
|
|
42
45
|
};
|
|
43
46
|
return /*#__PURE__*/_jsxs(NotificationsWrapper, {
|
|
44
47
|
children: [/*#__PURE__*/_jsxs(Button, {
|
|
45
48
|
nostyle: true,
|
|
46
49
|
onClick: onClick,
|
|
47
|
-
|
|
50
|
+
focusable: true,
|
|
51
|
+
children: [hasUnread ? /*#__PURE__*/_jsx(IconBellOutline, {
|
|
48
52
|
secondary: true
|
|
49
|
-
}) : /*#__PURE__*/_jsx(IconBellFilled, {}),
|
|
53
|
+
}) : /*#__PURE__*/_jsx(IconBellFilled, {}), hasUnread && /*#__PURE__*/_jsx(UnreadMark, {
|
|
54
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
55
|
+
size: "12px",
|
|
56
|
+
color: "white",
|
|
57
|
+
children: unreadCount <= maxUnreadCount ? unreadCount : maxUnreadCount
|
|
58
|
+
})
|
|
59
|
+
})]
|
|
50
60
|
}), open && /*#__PURE__*/_jsx("span", {
|
|
51
61
|
ref: ref,
|
|
52
62
|
children: /*#__PURE__*/_jsx(NotificationsContent, {
|
|
@@ -11,7 +11,7 @@ export const NotificationsWrapper = /*#__PURE__*/_styled("div", process.env.NODE
|
|
|
11
11
|
} : {
|
|
12
12
|
name: "1ivkyd7",
|
|
13
13
|
styles: "position:relative;display:flex;flex-direction:row;&>svg{margin-left:0.5em;}",
|
|
14
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
14
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFOEMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTm90aWZpY2F0aW9uc01lbnUvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBOb3RpZmljYXRpb25zV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuXG4gICYgPiBzdmcge1xuICAgIG1hcmdpbi1sZWZ0OiAwLjVlbTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgTm90aWZpY2F0aW9uc0NvbnRlbnQgPSBzdHlsZWQuZGl2PHsgJHJhZGl1cz86IHN0cmluZyB9PmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMzBweDtcblxuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aWR0aDogMzAwcHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNjZmQ5ZWE7XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgYm94LXNoYWRvdzogMCAxMHB4IDE1cHggMCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgJHJhZGl1cyB9KSA9PiAkcmFkaXVzIHx8ICcxMHB4J307XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHBhZGRpbmc6IDAuNWVtIDFlbTtcbmBcblxuZXhwb3J0IGNvbnN0IFVucmVhZE1hcmsgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB0b3A6IC02cHg7XG4gIGxlZnQ6IDEwcHg7XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucHJpbWFyeTVkYXJrZXJ9O1xuICBoZWlnaHQ6IDE4cHg7XG4gIHdpZHRoOiAxOHB4O1xuICBib3JkZXItcmFkaXVzOiAxMHB4O1xuYFxuIl19 */",
|
|
15
15
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
16
16
|
});
|
|
17
17
|
export const NotificationsContent = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
@@ -21,12 +21,12 @@ export const NotificationsContent = /*#__PURE__*/_styled("div", process.env.NODE
|
|
|
21
21
|
label: "NotificationsContent"
|
|
22
22
|
})("position:absolute;background-color:white;right:0;top:30px;box-sizing:border-box;width:300px;border:1px solid #cfd9ea;background-color:#ffffff;box-shadow:0 10px 15px 0 rgba(0, 0, 0, 0.1);border-radius:", ({
|
|
23
23
|
$radius
|
|
24
|
-
}) => $radius || '10px', ";overflow:hidden;padding:0.5em 1em;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
24
|
+
}) => $radius || '10px', ";overflow:hidden;padding:0.5em 1em;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhb0UiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTm90aWZpY2F0aW9uc01lbnUvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBOb3RpZmljYXRpb25zV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuXG4gICYgPiBzdmcge1xuICAgIG1hcmdpbi1sZWZ0OiAwLjVlbTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgTm90aWZpY2F0aW9uc0NvbnRlbnQgPSBzdHlsZWQuZGl2PHsgJHJhZGl1cz86IHN0cmluZyB9PmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMzBweDtcblxuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aWR0aDogMzAwcHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNjZmQ5ZWE7XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgYm94LXNoYWRvdzogMCAxMHB4IDE1cHggMCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgJHJhZGl1cyB9KSA9PiAkcmFkaXVzIHx8ICcxMHB4J307XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHBhZGRpbmc6IDAuNWVtIDFlbTtcbmBcblxuZXhwb3J0IGNvbnN0IFVucmVhZE1hcmsgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB0b3A6IC02cHg7XG4gIGxlZnQ6IDEwcHg7XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucHJpbWFyeTVkYXJrZXJ9O1xuICBoZWlnaHQ6IDE4cHg7XG4gIHdpZHRoOiAxOHB4O1xuICBib3JkZXItcmFkaXVzOiAxMHB4O1xuYFxuIl19 */"));
|
|
25
25
|
export const UnreadMark = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
26
26
|
target: "ebh5fga0"
|
|
27
27
|
} : {
|
|
28
28
|
target: "ebh5fga0",
|
|
29
29
|
label: "UnreadMark"
|
|
30
|
-
})("position:absolute;top:-
|
|
30
|
+
})("position:absolute;display:flex;align-items:center;justify-content:center;top:-6px;left:10px;background:", ({
|
|
31
31
|
theme
|
|
32
|
-
}) => theme.
|
|
32
|
+
}) => theme.primary5darker, ";height:18px;width:18px;border-radius:10px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4Qm9DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5leHBvcnQgY29uc3QgTm90aWZpY2F0aW9uc1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcblxuICAmID4gc3ZnIHtcbiAgICBtYXJnaW4tbGVmdDogMC41ZW07XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IE5vdGlmaWNhdGlvbnNDb250ZW50ID0gc3R5bGVkLmRpdjx7ICRyYWRpdXM/OiBzdHJpbmcgfT5gXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIHJpZ2h0OiAwO1xuICB0b3A6IDMwcHg7XG5cbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgd2lkdGg6IDMwMHB4O1xuICBib3JkZXI6IDFweCBzb2xpZCAjY2ZkOWVhO1xuXG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gIGJveC1zaGFkb3c6IDAgMTBweCAxNXB4IDAgcmdiYSgwLCAwLCAwLCAwLjEpO1xuICBib3JkZXItcmFkaXVzOiAkeyh7ICRyYWRpdXMgfSkgPT4gJHJhZGl1cyB8fCAnMTBweCd9O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBwYWRkaW5nOiAwLjVlbSAxZW07XG5gXG5cbmV4cG9ydCBjb25zdCBVbnJlYWRNYXJrID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgdG9wOiAtNnB4O1xuICBsZWZ0OiAxMHB4O1xuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnByaW1hcnk1ZGFya2VyfTtcbiAgaGVpZ2h0OiAxOHB4O1xuICB3aWR0aDogMThweDtcbiAgYm9yZGVyLXJhZGl1czogMTBweDtcbmBcbiJdfQ== */"));
|
|
@@ -8,9 +8,11 @@ declare type IProps = {
|
|
|
8
8
|
icon: React.ReactNode;
|
|
9
9
|
/** Hide border bottom on row */
|
|
10
10
|
hideBorderBottom?: boolean;
|
|
11
|
+
/** Extra info on top of row */
|
|
12
|
+
extraInfo?: string;
|
|
11
13
|
/** On click on notification row */
|
|
12
14
|
onClick: () => void;
|
|
13
15
|
};
|
|
14
|
-
declare const NotificationRow: ({ title, description, icon, hideBorderBottom, onClick, }: IProps) => React.JSX.Element;
|
|
16
|
+
declare const NotificationRow: ({ title, description, icon, hideBorderBottom, extraInfo, onClick, }: IProps) => React.JSX.Element;
|
|
15
17
|
export default NotificationRow;
|
|
16
18
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/NotificationsMenu/NotificationRow/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,aAAK,MAAM,GAAG;IACZ,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,4CAA4C;IAC5C,WAAW,EAAE,MAAM,CAAA;IACnB,sCAAsC;IACtC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,iCAAiC;IACjC,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,mCAAmC;IACnC,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED,QAAA,MAAM,eAAe,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/NotificationsMenu/NotificationRow/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,aAAK,MAAM,GAAG;IACZ,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,4CAA4C;IAC5C,WAAW,EAAE,MAAM,CAAA;IACnB,sCAAsC;IACtC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,iCAAiC;IACjC,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,mCAAmC;IACnC,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED,QAAA,MAAM,eAAe,wEAOlB,MAAM,sBAmBR,CAAA;AAED,eAAe,eAAe,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import Text from '../../Text';
|
|
3
|
-
import { StyledButton, Wrapper } from './styles';
|
|
3
|
+
import { StyledButton, TextContent, Wrapper } from './styles';
|
|
4
4
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
5
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
6
6
|
const NotificationRow = ({
|
|
@@ -8,19 +8,26 @@ const NotificationRow = ({
|
|
|
8
8
|
description,
|
|
9
9
|
icon,
|
|
10
10
|
hideBorderBottom,
|
|
11
|
+
extraInfo,
|
|
11
12
|
onClick
|
|
12
13
|
}) => /*#__PURE__*/_jsx(StyledButton, {
|
|
13
14
|
nostyle: true,
|
|
14
15
|
onClick: onClick,
|
|
15
16
|
children: /*#__PURE__*/_jsxs(Wrapper, {
|
|
16
17
|
hideBorderBottom: hideBorderBottom,
|
|
17
|
-
children: [icon, /*#__PURE__*/_jsxs(
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
18
|
+
children: [icon, /*#__PURE__*/_jsxs(TextContent, {
|
|
19
|
+
children: [extraInfo && /*#__PURE__*/_jsx(Text, {
|
|
20
|
+
subtle: true,
|
|
21
|
+
small: true,
|
|
22
|
+
children: extraInfo
|
|
23
|
+
}), /*#__PURE__*/_jsxs(Text, {
|
|
24
|
+
small: true,
|
|
25
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
26
|
+
small: true,
|
|
27
|
+
semibold: true,
|
|
28
|
+
children: title
|
|
29
|
+
}), ' ' + description]
|
|
30
|
+
})]
|
|
24
31
|
})]
|
|
25
32
|
})
|
|
26
33
|
});
|
|
@@ -5,6 +5,10 @@ export declare const Wrapper: import("@emotion/styled").StyledComponent<{
|
|
|
5
5
|
} & {
|
|
6
6
|
hideBorderBottom?: boolean | undefined;
|
|
7
7
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
8
|
+
export declare const TextContent: import("@emotion/styled").StyledComponent<{
|
|
9
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
10
|
+
as?: import("react").ElementType<any> | undefined;
|
|
11
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
8
12
|
export declare const StyledButton: import("@emotion/styled").StyledComponent<import("react").HTMLAttributes<import("../../private/ButtonOrLink").ButtonOrLinkTypes> & {
|
|
9
13
|
afterIcon?: import("react").ReactNode;
|
|
10
14
|
beforeIcon?: import("react").ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/NotificationsMenu/NotificationRow/styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,OAAO;;;;;
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/NotificationsMenu/NotificationRow/styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,OAAO;;;;;yGAanB,CAAA;AAED,eAAO,MAAM,WAAW;;;2GAgBvB,CAAA;AAED,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAKxB,CAAA"}
|
|
@@ -3,11 +3,25 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
|
|
|
3
3
|
import { css } from '@emotion/react';
|
|
4
4
|
import Button from '../../Button';
|
|
5
5
|
export const Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
6
|
+
target: "exqwsp82"
|
|
7
|
+
} : {
|
|
8
|
+
target: "exqwsp82",
|
|
9
|
+
label: "Wrapper"
|
|
10
|
+
})(props => /*#__PURE__*/css("display:flex;gap:0.5rem;justify-content:start;padding:1rem 0;border-bottom:", props.hideBorderBottom ? 'none' : '1px solid #d8e4f9', ";svg{margin-top:3px;min-width:14px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L05vdGlmaWNhdGlvblJvdy9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2dEIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L05vdGlmaWNhdGlvblJvdy9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IEJ1dHRvbiBmcm9tICcuLi8uLi9CdXR0b24nXG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiB7IGhpZGVCb3JkZXJCb3R0b20/OiBib29sZWFuIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGdhcDogMC41cmVtO1xuICAgIGp1c3RpZnktY29udGVudDogc3RhcnQ7XG4gICAgcGFkZGluZzogMXJlbSAwO1xuICAgIGJvcmRlci1ib3R0b206ICR7cHJvcHMuaGlkZUJvcmRlckJvdHRvbSA/ICdub25lJyA6ICcxcHggc29saWQgI2Q4ZTRmOSd9O1xuXG4gICAgc3ZnIHtcbiAgICAgIG1hcmdpbi10b3A6IDNweDtcbiAgICAgIG1pbi13aWR0aDogMTRweDtcbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IFRleHRDb250ZW50ID0gc3R5bGVkLnNwYW5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHRleHQtYWxpZ246IGxlZnQ7XG5cbiAgJiA+IHNwYW4ge1xuICAgIGxpbmUtaGVpZ2h0OiAxLjVlbTtcbiAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG4gICAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG5cbiAgICAmID4gc3BhbiB7XG4gICAgICBmb250LXdlaWdodDogNjAwO1xuICAgICAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoQnV0dG9uKWBcbiAgd2lkdGg6IDEwMCU7XG4gICYgPiBzcGFuIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuYFxuIl19 */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L05vdGlmaWNhdGlvblJvdy9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXVCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L05vdGlmaWNhdGlvblJvdy9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IEJ1dHRvbiBmcm9tICcuLi8uLi9CdXR0b24nXG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiB7IGhpZGVCb3JkZXJCb3R0b20/OiBib29sZWFuIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGdhcDogMC41cmVtO1xuICAgIGp1c3RpZnktY29udGVudDogc3RhcnQ7XG4gICAgcGFkZGluZzogMXJlbSAwO1xuICAgIGJvcmRlci1ib3R0b206ICR7cHJvcHMuaGlkZUJvcmRlckJvdHRvbSA/ICdub25lJyA6ICcxcHggc29saWQgI2Q4ZTRmOSd9O1xuXG4gICAgc3ZnIHtcbiAgICAgIG1hcmdpbi10b3A6IDNweDtcbiAgICAgIG1pbi13aWR0aDogMTRweDtcbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IFRleHRDb250ZW50ID0gc3R5bGVkLnNwYW5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHRleHQtYWxpZ246IGxlZnQ7XG5cbiAgJiA+IHNwYW4ge1xuICAgIGxpbmUtaGVpZ2h0OiAxLjVlbTtcbiAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG4gICAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG5cbiAgICAmID4gc3BhbiB7XG4gICAgICBmb250LXdlaWdodDogNjAwO1xuICAgICAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoQnV0dG9uKWBcbiAgd2lkdGg6IDEwMCU7XG4gICYgPiBzcGFuIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuYFxuIl19 */");
|
|
11
|
+
export const TextContent = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
|
|
6
12
|
target: "exqwsp81"
|
|
7
13
|
} : {
|
|
8
14
|
target: "exqwsp81",
|
|
9
|
-
label: "
|
|
10
|
-
})(
|
|
15
|
+
label: "TextContent"
|
|
16
|
+
})(process.env.NODE_ENV === "production" ? {
|
|
17
|
+
name: "1vmat21",
|
|
18
|
+
styles: "display:flex;flex-direction:column;text-align:left;&>span{line-height:1.5em;text-align:left;font-weight:normal;text-transform:none;&>span{font-weight:600;text-transform:none;}}"
|
|
19
|
+
} : {
|
|
20
|
+
name: "1vmat21",
|
|
21
|
+
styles: "display:flex;flex-direction:column;text-align:left;&>span{line-height:1.5em;text-align:left;font-weight:normal;text-transform:none;&>span{font-weight:600;text-transform:none;}}",
|
|
22
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L05vdGlmaWNhdGlvblJvdy9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJzQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9Ob3RpZmljYXRpb25zTWVudS9Ob3RpZmljYXRpb25Sb3cvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vLi4vQnV0dG9uJ1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogeyBoaWRlQm9yZGVyQm90dG9tPzogYm9vbGVhbiB9KSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBnYXA6IDAuNXJlbTtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHN0YXJ0O1xuICAgIHBhZGRpbmc6IDFyZW0gMDtcbiAgICBib3JkZXItYm90dG9tOiAke3Byb3BzLmhpZGVCb3JkZXJCb3R0b20gPyAnbm9uZScgOiAnMXB4IHNvbGlkICNkOGU0ZjknfTtcblxuICAgIHN2ZyB7XG4gICAgICBtYXJnaW4tdG9wOiAzcHg7XG4gICAgICBtaW4td2lkdGg6IDE0cHg7XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBUZXh0Q29udGVudCA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuXG4gICYgPiBzcGFuIHtcbiAgICBsaW5lLWhlaWdodDogMS41ZW07XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICBmb250LXdlaWdodDogbm9ybWFsO1xuICAgIHRleHQtdHJhbnNmb3JtOiBub25lO1xuXG4gICAgJiA+IHNwYW4ge1xuICAgICAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgICAgIHRleHQtdHJhbnNmb3JtOiBub25lO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKEJ1dHRvbilgXG4gIHdpZHRoOiAxMDAlO1xuICAmID4gc3BhbiB7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbmBcbiJdfQ== */",
|
|
23
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
24
|
+
});
|
|
11
25
|
export const StyledButton = /*#__PURE__*/_styled(Button, process.env.NODE_ENV === "production" ? {
|
|
12
26
|
target: "exqwsp80"
|
|
13
27
|
} : {
|
|
@@ -19,6 +33,6 @@ export const StyledButton = /*#__PURE__*/_styled(Button, process.env.NODE_ENV ==
|
|
|
19
33
|
} : {
|
|
20
34
|
name: "13nmmot",
|
|
21
35
|
styles: "width:100%;&>span{width:100%;}",
|
|
22
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
36
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L05vdGlmaWNhdGlvblJvdy9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUMwQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9Ob3RpZmljYXRpb25zTWVudS9Ob3RpZmljYXRpb25Sb3cvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vLi4vQnV0dG9uJ1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogeyBoaWRlQm9yZGVyQm90dG9tPzogYm9vbGVhbiB9KSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBnYXA6IDAuNXJlbTtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHN0YXJ0O1xuICAgIHBhZGRpbmc6IDFyZW0gMDtcbiAgICBib3JkZXItYm90dG9tOiAke3Byb3BzLmhpZGVCb3JkZXJCb3R0b20gPyAnbm9uZScgOiAnMXB4IHNvbGlkICNkOGU0ZjknfTtcblxuICAgIHN2ZyB7XG4gICAgICBtYXJnaW4tdG9wOiAzcHg7XG4gICAgICBtaW4td2lkdGg6IDE0cHg7XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBUZXh0Q29udGVudCA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuXG4gICYgPiBzcGFuIHtcbiAgICBsaW5lLWhlaWdodDogMS41ZW07XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICBmb250LXdlaWdodDogbm9ybWFsO1xuICAgIHRleHQtdHJhbnNmb3JtOiBub25lO1xuXG4gICAgJiA+IHNwYW4ge1xuICAgICAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgICAgIHRleHQtdHJhbnNmb3JtOiBub25lO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKEJ1dHRvbilgXG4gIHdpZHRoOiAxMDAlO1xuICAmID4gc3BhbiB7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbmBcbiJdfQ== */",
|
|
23
37
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
24
38
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationsMenu.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/NotificationsMenu/NotificationsMenu.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,GAAG,CAAA;AAGjC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CAGxC,CAAA;AACD,eAAe,IAAI,CAAA;AACnB,aAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,iBAAiB,CAAC,CAAA;AAE/C,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,
|
|
1
|
+
{"version":3,"file":"NotificationsMenu.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/NotificationsMenu/NotificationsMenu.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,GAAG,CAAA;AAGjC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CAGxC,CAAA;AACD,eAAe,IAAI,CAAA;AACnB,aAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,iBAAiB,CAAC,CAAA;AAE/C,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KA8BhC,CAAA"}
|
|
@@ -12,7 +12,7 @@ export default meta;
|
|
|
12
12
|
export const Default = {
|
|
13
13
|
name: 'Default',
|
|
14
14
|
args: {
|
|
15
|
-
|
|
15
|
+
unreadCount: 0,
|
|
16
16
|
onBellClick: () => console.log('bell click'),
|
|
17
17
|
children: 'Her kan man legge hva man vil'
|
|
18
18
|
}
|
|
@@ -20,7 +20,7 @@ export const Default = {
|
|
|
20
20
|
export const UnreadNotification = {
|
|
21
21
|
name: 'Unread notification',
|
|
22
22
|
args: {
|
|
23
|
-
|
|
23
|
+
unreadCount: 5,
|
|
24
24
|
onBellClick: () => console.log('bell click'),
|
|
25
25
|
children: /*#__PURE__*/_jsxs(_Fragment, {
|
|
26
26
|
children: [/*#__PURE__*/_jsx(NotificationRow, {
|
|
@@ -32,12 +32,13 @@ export const UnreadNotification = {
|
|
|
32
32
|
}),
|
|
33
33
|
onClick: () => console.log('hi')
|
|
34
34
|
}), /*#__PURE__*/_jsx(NotificationRow, {
|
|
35
|
-
title: "
|
|
36
|
-
description: "
|
|
35
|
+
title: "Oppslagets tittel",
|
|
36
|
+
description: "- Det er nye kommentarer p\xE5 oppslaget",
|
|
37
37
|
icon: /*#__PURE__*/_jsx(IconAttachment, {
|
|
38
38
|
size: "14px",
|
|
39
39
|
primary: true
|
|
40
40
|
}),
|
|
41
|
+
extraInfo: "Andeby borettslag",
|
|
41
42
|
onClick: () => console.log('hi')
|
|
42
43
|
}), /*#__PURE__*/_jsx(NotificationRow, {
|
|
43
44
|
title: "Dette er en test",
|
|
@@ -46,6 +47,7 @@ export const UnreadNotification = {
|
|
|
46
47
|
size: "14px",
|
|
47
48
|
primary: true
|
|
48
49
|
}),
|
|
50
|
+
hideBorderBottom: true,
|
|
49
51
|
onClick: () => console.log('hi')
|
|
50
52
|
})]
|
|
51
53
|
})
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
interface IProps {
|
|
3
3
|
/** Unread property for showing marker */
|
|
4
|
-
|
|
4
|
+
unreadCount: number;
|
|
5
5
|
/** Update value for close dropdown */
|
|
6
6
|
triggerClose?: any;
|
|
7
7
|
/** Menu border radius */
|
|
@@ -9,8 +9,8 @@ interface IProps {
|
|
|
9
9
|
/** Children */
|
|
10
10
|
children?: React.ReactNode;
|
|
11
11
|
/** Callback on bell click */
|
|
12
|
-
onBellClick
|
|
12
|
+
onBellClick?: () => void;
|
|
13
13
|
}
|
|
14
|
-
declare const NotificationsMenu: ({
|
|
14
|
+
declare const NotificationsMenu: ({ unreadCount, triggerClose, radius, children, onBellClick, }: IProps) => React.JSX.Element;
|
|
15
15
|
export default NotificationsMenu;
|
|
16
16
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/NotificationsMenu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/NotificationsMenu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAW7D,UAAU,MAAM;IACd,yCAAyC;IACzC,WAAW,EAAE,MAAM,CAAA;IACnB,sCAAsC;IACtC,YAAY,CAAC,EAAE,GAAG,CAAA;IAClB,yBAAyB;IACzB,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IACvB,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,6BAA6B;IAC7B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;CACzB;AAED,QAAA,MAAM,iBAAiB,kEAMpB,MAAM,sBA0DR,CAAA;AAED,eAAe,iBAAiB,CAAA"}
|
|
@@ -3,10 +3,11 @@ import { NotificationsWrapper, NotificationsContent, UnreadMark } from './styles
|
|
|
3
3
|
import Button from '../Button';
|
|
4
4
|
import IconBellOutline from '../../icons/General/IconBellOutline';
|
|
5
5
|
import IconBellFilled from '../../icons/General/IconBellFilled';
|
|
6
|
+
import Text from '../Text';
|
|
6
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
8
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
9
|
const NotificationsMenu = ({
|
|
9
|
-
|
|
10
|
+
unreadCount,
|
|
10
11
|
triggerClose,
|
|
11
12
|
radius,
|
|
12
13
|
children,
|
|
@@ -14,6 +15,8 @@ const NotificationsMenu = ({
|
|
|
14
15
|
}) => {
|
|
15
16
|
const ref = /*#__PURE__*/createRef();
|
|
16
17
|
const [open, setOpen] = useState(false);
|
|
18
|
+
const hasUnread = Boolean(unreadCount);
|
|
19
|
+
const maxUnreadCount = 99;
|
|
17
20
|
useEffect(() => {
|
|
18
21
|
const handleClickOutside = e => {
|
|
19
22
|
const node = ref.current;
|
|
@@ -38,15 +41,22 @@ const NotificationsMenu = ({
|
|
|
38
41
|
}, [triggerClose]);
|
|
39
42
|
const onClick = () => {
|
|
40
43
|
setOpen(true);
|
|
41
|
-
onBellClick();
|
|
44
|
+
onBellClick && onBellClick();
|
|
42
45
|
};
|
|
43
46
|
return /*#__PURE__*/_jsxs(NotificationsWrapper, {
|
|
44
47
|
children: [/*#__PURE__*/_jsxs(Button, {
|
|
45
48
|
nostyle: true,
|
|
46
49
|
onClick: onClick,
|
|
47
|
-
|
|
50
|
+
focusable: true,
|
|
51
|
+
children: [hasUnread ? /*#__PURE__*/_jsx(IconBellOutline, {
|
|
48
52
|
secondary: true
|
|
49
|
-
}) : /*#__PURE__*/_jsx(IconBellFilled, {}),
|
|
53
|
+
}) : /*#__PURE__*/_jsx(IconBellFilled, {}), hasUnread && /*#__PURE__*/_jsx(UnreadMark, {
|
|
54
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
55
|
+
size: "12px",
|
|
56
|
+
color: "white",
|
|
57
|
+
children: unreadCount <= maxUnreadCount ? unreadCount : maxUnreadCount
|
|
58
|
+
})
|
|
59
|
+
})]
|
|
50
60
|
}), open && /*#__PURE__*/_jsx("span", {
|
|
51
61
|
ref: ref,
|
|
52
62
|
children: /*#__PURE__*/_jsx(NotificationsContent, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/NotificationsMenu/styles.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,oBAAoB;;;yGAShC,CAAA;AAED,eAAO,MAAM,oBAAoB;;;;;yGAehC,CAAA;AAED,eAAO,MAAM,UAAU;;;
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/NotificationsMenu/styles.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,oBAAoB;;;yGAShC,CAAA;AAED,eAAO,MAAM,oBAAoB;;;;;yGAehC,CAAA;AAED,eAAO,MAAM,UAAU;;;yGAWtB,CAAA"}
|
|
@@ -11,7 +11,7 @@ export const NotificationsWrapper = /*#__PURE__*/_styled("div", process.env.NODE
|
|
|
11
11
|
} : {
|
|
12
12
|
name: "1ivkyd7",
|
|
13
13
|
styles: "position:relative;display:flex;flex-direction:row;&>svg{margin-left:0.5em;}",
|
|
14
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
14
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFOEMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTm90aWZpY2F0aW9uc01lbnUvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBOb3RpZmljYXRpb25zV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuXG4gICYgPiBzdmcge1xuICAgIG1hcmdpbi1sZWZ0OiAwLjVlbTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgTm90aWZpY2F0aW9uc0NvbnRlbnQgPSBzdHlsZWQuZGl2PHsgJHJhZGl1cz86IHN0cmluZyB9PmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMzBweDtcblxuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aWR0aDogMzAwcHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNjZmQ5ZWE7XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgYm94LXNoYWRvdzogMCAxMHB4IDE1cHggMCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgJHJhZGl1cyB9KSA9PiAkcmFkaXVzIHx8ICcxMHB4J307XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHBhZGRpbmc6IDAuNWVtIDFlbTtcbmBcblxuZXhwb3J0IGNvbnN0IFVucmVhZE1hcmsgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB0b3A6IC02cHg7XG4gIGxlZnQ6IDEwcHg7XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucHJpbWFyeTVkYXJrZXJ9O1xuICBoZWlnaHQ6IDE4cHg7XG4gIHdpZHRoOiAxOHB4O1xuICBib3JkZXItcmFkaXVzOiAxMHB4O1xuYFxuIl19 */",
|
|
15
15
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
16
16
|
});
|
|
17
17
|
export const NotificationsContent = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
@@ -21,12 +21,12 @@ export const NotificationsContent = /*#__PURE__*/_styled("div", process.env.NODE
|
|
|
21
21
|
label: "NotificationsContent"
|
|
22
22
|
})("position:absolute;background-color:white;right:0;top:30px;box-sizing:border-box;width:300px;border:1px solid #cfd9ea;background-color:#ffffff;box-shadow:0 10px 15px 0 rgba(0, 0, 0, 0.1);border-radius:", ({
|
|
23
23
|
$radius
|
|
24
|
-
}) => $radius || '10px', ";overflow:hidden;padding:0.5em 1em;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
24
|
+
}) => $radius || '10px', ";overflow:hidden;padding:0.5em 1em;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhb0UiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTm90aWZpY2F0aW9uc01lbnUvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBOb3RpZmljYXRpb25zV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuXG4gICYgPiBzdmcge1xuICAgIG1hcmdpbi1sZWZ0OiAwLjVlbTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgTm90aWZpY2F0aW9uc0NvbnRlbnQgPSBzdHlsZWQuZGl2PHsgJHJhZGl1cz86IHN0cmluZyB9PmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMzBweDtcblxuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aWR0aDogMzAwcHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNjZmQ5ZWE7XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgYm94LXNoYWRvdzogMCAxMHB4IDE1cHggMCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgJHJhZGl1cyB9KSA9PiAkcmFkaXVzIHx8ICcxMHB4J307XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHBhZGRpbmc6IDAuNWVtIDFlbTtcbmBcblxuZXhwb3J0IGNvbnN0IFVucmVhZE1hcmsgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB0b3A6IC02cHg7XG4gIGxlZnQ6IDEwcHg7XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucHJpbWFyeTVkYXJrZXJ9O1xuICBoZWlnaHQ6IDE4cHg7XG4gIHdpZHRoOiAxOHB4O1xuICBib3JkZXItcmFkaXVzOiAxMHB4O1xuYFxuIl19 */"));
|
|
25
25
|
export const UnreadMark = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
26
26
|
target: "ebh5fga0"
|
|
27
27
|
} : {
|
|
28
28
|
target: "ebh5fga0",
|
|
29
29
|
label: "UnreadMark"
|
|
30
|
-
})("position:absolute;top:-
|
|
30
|
+
})("position:absolute;display:flex;align-items:center;justify-content:center;top:-6px;left:10px;background:", ({
|
|
31
31
|
theme
|
|
32
|
-
}) => theme.
|
|
32
|
+
}) => theme.primary5darker, ";height:18px;width:18px;border-radius:10px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4Qm9DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5leHBvcnQgY29uc3QgTm90aWZpY2F0aW9uc1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcblxuICAmID4gc3ZnIHtcbiAgICBtYXJnaW4tbGVmdDogMC41ZW07XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IE5vdGlmaWNhdGlvbnNDb250ZW50ID0gc3R5bGVkLmRpdjx7ICRyYWRpdXM/OiBzdHJpbmcgfT5gXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIHJpZ2h0OiAwO1xuICB0b3A6IDMwcHg7XG5cbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgd2lkdGg6IDMwMHB4O1xuICBib3JkZXI6IDFweCBzb2xpZCAjY2ZkOWVhO1xuXG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gIGJveC1zaGFkb3c6IDAgMTBweCAxNXB4IDAgcmdiYSgwLCAwLCAwLCAwLjEpO1xuICBib3JkZXItcmFkaXVzOiAkeyh7ICRyYWRpdXMgfSkgPT4gJHJhZGl1cyB8fCAnMTBweCd9O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBwYWRkaW5nOiAwLjVlbSAxZW07XG5gXG5cbmV4cG9ydCBjb25zdCBVbnJlYWRNYXJrID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgdG9wOiAtNnB4O1xuICBsZWZ0OiAxMHB4O1xuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnByaW1hcnk1ZGFya2VyfTtcbiAgaGVpZ2h0OiAxOHB4O1xuICB3aWR0aDogMThweDtcbiAgYm9yZGVyLXJhZGl1czogMTBweDtcbmBcbiJdfQ== */"));
|