@codacy/ui-components 0.66.79 → 0.67.0
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/lib/Message/Message.js
CHANGED
|
@@ -7,6 +7,8 @@ import { MessageWrapper } from './Message.styles';
|
|
|
7
7
|
import { InfoIcon, WarningIcon, ErrorIcon, SuccessIcon, RocketFilledIcon } from '../Icons';
|
|
8
8
|
import { Paragraph } from '../Typography';
|
|
9
9
|
import { Icon } from '../Icon';
|
|
10
|
+
import { Flex } from '../Flexbox';
|
|
11
|
+
import { CloseButton } from '../CloseButton';
|
|
10
12
|
export const statusToIconMap = {
|
|
11
13
|
info: /*#__PURE__*/React.createElement(InfoIcon, {
|
|
12
14
|
color: "alerts-info-icon"
|
|
@@ -32,19 +34,27 @@ const Message = /*#__PURE__*/React.forwardRef(({
|
|
|
32
34
|
children,
|
|
33
35
|
id,
|
|
34
36
|
status,
|
|
37
|
+
onDismiss,
|
|
35
38
|
...props
|
|
36
39
|
}, ref) => {
|
|
37
40
|
return /*#__PURE__*/React.createElement(MessageWrapper, _extends({
|
|
38
41
|
id: id,
|
|
39
|
-
status: status
|
|
42
|
+
status: status,
|
|
43
|
+
justifyContent: "space-between"
|
|
40
44
|
}, props, {
|
|
41
45
|
ref: ref
|
|
42
|
-
}), /*#__PURE__*/React.createElement(
|
|
46
|
+
}), /*#__PURE__*/React.createElement(Flex, {
|
|
47
|
+
alignItems: "center"
|
|
48
|
+
}, /*#__PURE__*/React.createElement(Icon, {
|
|
43
49
|
icon: () => statusToIconMap[status],
|
|
44
50
|
size: "lg",
|
|
45
|
-
mr: 3
|
|
51
|
+
mr: 3,
|
|
52
|
+
flexShrink: 0
|
|
46
53
|
}), /*#__PURE__*/React.createElement(Paragraph, {
|
|
47
54
|
color: "alerts-secondary-text"
|
|
48
|
-
}, children))
|
|
55
|
+
}, children)), onDismiss && /*#__PURE__*/React.createElement(CloseButton, {
|
|
56
|
+
onClick: onDismiss,
|
|
57
|
+
color: "alerts-primary-icon"
|
|
58
|
+
}));
|
|
49
59
|
});
|
|
50
60
|
export { Message };
|
|
@@ -7,11 +7,9 @@ export const MessageWrapper = /*#__PURE__*/_styled(Flex, process.env.NODE_ENV ==
|
|
|
7
7
|
label: "codacy"
|
|
8
8
|
})("padding:", ({
|
|
9
9
|
theme
|
|
10
|
-
}) => theme.space[2]
|
|
11
|
-
theme
|
|
12
|
-
}) => theme.space[6], ";color:", ({
|
|
10
|
+
}) => `${theme.space[2]} ${theme.space[6]}`, ";color:", ({
|
|
13
11
|
theme
|
|
14
12
|
}) => theme.colors['alerts-secondary-text'], ";align-items:center;background-color:", ({
|
|
15
13
|
status,
|
|
16
14
|
theme
|
|
17
|
-
}) => theme.colors[`alerts-${status}-background`], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9NZXNzYWdlL01lc3NhZ2Uuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl3RCIsImZpbGUiOiIuLi8uLi9zcmMvTWVzc2FnZS9NZXNzYWdlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgTWVzc2FnZVByb3BzIH0gZnJvbSAnLi9NZXNzYWdlLnR5cGVzJ1xuaW1wb3J0IHsgRmxleCB9IGZyb20gJy4uL0ZsZXhib3gnXG5cbmV4cG9ydCBjb25zdCBNZXNzYWdlV3JhcHBlciA9IHN0eWxlZChGbGV4KTxNZXNzYWdlUHJvcHM+YFxuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+
|
|
15
|
+
}) => theme.colors[`alerts-${status}-background`], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9NZXNzYWdlL01lc3NhZ2Uuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl3RCIsImZpbGUiOiIuLi8uLi9zcmMvTWVzc2FnZS9NZXNzYWdlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgTWVzc2FnZVByb3BzIH0gZnJvbSAnLi9NZXNzYWdlLnR5cGVzJ1xuaW1wb3J0IHsgRmxleCB9IGZyb20gJy4uL0ZsZXhib3gnXG5cbmV4cG9ydCBjb25zdCBNZXNzYWdlV3JhcHBlciA9IHN0eWxlZChGbGV4KTxNZXNzYWdlUHJvcHM+YFxuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IGAke3RoZW1lLnNwYWNlWzJdfSAke3RoZW1lLnNwYWNlWzZdfWB9O1xuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2FsZXJ0cy1zZWNvbmRhcnktdGV4dCddfTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyBzdGF0dXMsIHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1tgYWxlcnRzLSR7c3RhdHVzfS1iYWNrZ3JvdW5kYF19O1xuYFxuIl19 */"));
|