@codacy/ui-components 0.64.16 → 0.64.17
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/Avatar/Avatar.js +25 -19
- package/lib/Avatar/Avatar.types.js +5 -1
- package/lib/Avatar/gravatar.js +17 -13
- package/lib/Avatar/index.js +16 -1
- package/lib/Banner/Banner.js +45 -32
- package/lib/Banner/Banner.styles.d.ts +11 -12
- package/lib/Banner/Banner.styles.js +26 -15
- package/lib/Banner/Banner.types.js +5 -1
- package/lib/Banner/index.js +27 -2
- package/lib/Button/Button.js +54 -51
- package/lib/Button/index.js +27 -2
- package/lib/Button/styles.d.ts +16 -12
- package/lib/Button/styles.js +58 -44
- package/lib/Button/types.js +5 -1
- package/lib/Checkbox/Checkbox.js +63 -54
- package/lib/Checkbox/CheckboxFilterList.js +46 -32
- package/lib/Checkbox/index.js +38 -3
- package/lib/Checkbox/styles.d.ts +25 -22
- package/lib/Checkbox/styles.js +52 -37
- package/lib/Checkbox/types.js +5 -1
- package/lib/CloseButton/index.js +27 -16
- package/lib/Divider/Divider.js +23 -13
- package/lib/Divider/Divider.styles.d.ts +16 -19
- package/lib/Divider/Divider.styles.js +24 -11
- package/lib/Divider/Divider.types.js +5 -1
- package/lib/Divider/index.js +16 -1
- package/lib/Dropdown/Content/DropdownInput.js +20 -8
- package/lib/Dropdown/Content/DropdownItem.js +29 -21
- package/lib/Dropdown/Content/DropdownSeparator.js +19 -7
- package/lib/Dropdown/Content/index.js +38 -3
- package/lib/Dropdown/Dropdown.js +89 -85
- package/lib/Dropdown/Dropdown.styles.d.ts +37 -34
- package/lib/Dropdown/Dropdown.styles.js +62 -43
- package/lib/Dropdown/Dropdown.types.js +5 -1
- package/lib/Dropdown/Triggers/DropdownButtonTrigger.js +30 -20
- package/lib/Dropdown/Triggers/DropdownLinkTrigger.js +29 -19
- package/lib/Dropdown/Triggers/InputTrigger.js +18 -10
- package/lib/Dropdown/Triggers/SelectTrigger.js +19 -12
- package/lib/Dropdown/Triggers/hooks.js +18 -14
- package/lib/Dropdown/Triggers/index.js +60 -5
- package/lib/Dropdown/Triggers/types.js +5 -1
- package/lib/Dropdown/index.js +49 -4
- package/lib/Flexbox/Flexbox.d.ts +31 -17
- package/lib/Flexbox/Flexbox.js +36 -16
- package/lib/Flexbox/index.js +16 -1
- package/lib/Group/Group.js +17 -8
- package/lib/Group/Group.styles.d.ts +8 -10
- package/lib/Group/Group.styles.js +17 -7
- package/lib/Group/Group.types.js +5 -1
- package/lib/Group/index.js +16 -1
- package/lib/Icon/Icon.js +24 -14
- package/lib/Icon/Icon.styles.d.ts +9 -11
- package/lib/Icon/Icon.styles.js +39 -44
- package/lib/Icon/Icon.types.js +5 -1
- package/lib/Icon/index.js +16 -1
- package/lib/IconAndText/IconAndText.js +33 -21
- package/lib/IconAndText/IconAndText.styles.d.ts +8 -10
- package/lib/IconAndText/IconAndText.styles.js +20 -10
- package/lib/IconAndText/IconAndText.types.js +5 -1
- package/lib/IconAndText/index.js +16 -1
- package/lib/Icons/Chevrons.js +53 -41
- package/lib/Icons/CodacyIcon.js +17 -8
- package/lib/Icons/Messages.js +54 -35
- package/lib/Icons/Search.js +16 -7
- package/lib/Icons/Severities.js +117 -106
- package/lib/Icons/Sorting.js +23 -13
- package/lib/Icons/Spinner.js +19 -10
- package/lib/Icons/Symbols.js +73 -58
- package/lib/Icons/index.js +93 -8
- package/lib/Img/Img.js +44 -37
- package/lib/Img/Img.styles.d.ts +12 -11
- package/lib/Img/Img.styles.js +37 -32
- package/lib/Img/Img.types.js +5 -1
- package/lib/Img/index.js +16 -1
- package/lib/InlineMessage/InlineMessage.js +47 -34
- package/lib/InlineMessage/index.js +16 -1
- package/lib/InlineMessage/types.js +5 -1
- package/lib/Input/Input.js +148 -126
- package/lib/Input/hooks.js +149 -178
- package/lib/Input/index.js +27 -2
- package/lib/Input/styles.d.ts +55 -104
- package/lib/Input/styles.js +85 -54
- package/lib/Input/types.js +5 -1
- package/lib/Labeled/Labeled.js +34 -22
- package/lib/Labeled/index.js +16 -1
- package/lib/Labeled/styles.d.ts +16 -12
- package/lib/Labeled/styles.js +27 -11
- package/lib/Labeled/types.js +5 -1
- package/lib/LeftMenu/LeftMenu.js +20 -11
- package/lib/LeftMenu/LeftMenu.styles.d.ts +8 -10
- package/lib/LeftMenu/LeftMenu.styles.js +20 -10
- package/lib/LeftMenu/LeftMenu.types.js +5 -1
- package/lib/LeftMenu/index.js +16 -1
- package/lib/Link/Link.js +43 -33
- package/lib/Link/Link.styles.d.ts +4 -1
- package/lib/Link/Link.styles.js +21 -11
- package/lib/Link/Link.types.js +5 -1
- package/lib/Link/index.js +38 -3
- package/lib/Message/Message.js +32 -24
- package/lib/Message/Message.styles.d.ts +8 -10
- package/lib/Message/Message.styles.js +17 -7
- package/lib/Message/Message.types.js +5 -1
- package/lib/Message/index.js +16 -1
- package/lib/Modal/ConfirmationModal.js +64 -40
- package/lib/Modal/Modal.js +120 -107
- package/lib/Modal/index.js +27 -2
- package/lib/Modal/styles.d.ts +44 -61
- package/lib/Modal/styles.js +97 -85
- package/lib/Modal/types.js +5 -1
- package/lib/MoreInfo/MoreInfo.js +45 -39
- package/lib/MoreInfo/index.js +16 -1
- package/lib/MoreInfo/types.js +5 -1
- package/lib/Panel/Panel.js +18 -9
- package/lib/Panel/Panel.styles.d.ts +8 -11
- package/lib/Panel/Panel.styles.js +15 -5
- package/lib/Panel/Panel.types.js +5 -1
- package/lib/Panel/index.js +27 -2
- package/lib/PillLabel/PillLabel.js +28 -21
- package/lib/PillLabel/PillLabel.styles.d.ts +8 -10
- package/lib/PillLabel/PillLabel.styles.js +25 -16
- package/lib/PillLabel/PillLabel.types.js +5 -1
- package/lib/PillLabel/index.js +16 -1
- package/lib/Popup/Popup.js +55 -45
- package/lib/Popup/index.js +16 -1
- package/lib/Popup/styles.d.ts +12 -11
- package/lib/Popup/styles.js +21 -8
- package/lib/Popup/types.js +5 -1
- package/lib/ProgressBar/ProgressBar.js +30 -20
- package/lib/ProgressBar/index.js +27 -2
- package/lib/ProgressBar/styles.d.ts +24 -28
- package/lib/ProgressBar/styles.js +30 -14
- package/lib/ProgressBar/types.js +5 -1
- package/lib/Radio/Radio.js +53 -48
- package/lib/Radio/index.js +16 -1
- package/lib/Radio/styles.d.ts +25 -22
- package/lib/Radio/styles.js +49 -30
- package/lib/Radio/types.js +5 -1
- package/lib/ScrollableContent/ScrollableContent.js +35 -24
- package/lib/ScrollableContent/ScrollableContent.styles.d.ts +9 -11
- package/lib/ScrollableContent/ScrollableContent.styles.js +23 -13
- package/lib/ScrollableContent/ScrollableContent.types.js +5 -1
- package/lib/ScrollableContent/index.js +27 -2
- package/lib/ScrollableContent/useScrollContainer.js +29 -24
- package/lib/Select/Select.js +31 -20
- package/lib/Select/index.js +16 -1
- package/lib/Select/types.js +5 -1
- package/lib/Skeleton/Skeleton.js +30 -25
- package/lib/Skeleton/Skeleton.styles.d.ts +8 -10
- package/lib/Skeleton/Skeleton.styles.js +21 -14
- package/lib/Skeleton/Skeleton.types.js +5 -1
- package/lib/Skeleton/index.js +20 -2
- package/lib/Stepper/Stepper.js +49 -40
- package/lib/Stepper/Stepper.styles.d.ts +24 -29
- package/lib/Stepper/Stepper.styles.js +35 -19
- package/lib/Stepper/Stepper.types.js +5 -1
- package/lib/Stepper/index.js +16 -1
- package/lib/Switcher/Switcher.js +32 -23
- package/lib/Switcher/Switcher.styles.d.ts +13 -13
- package/lib/Switcher/Switcher.styles.js +27 -15
- package/lib/Switcher/Switcher.types.js +5 -1
- package/lib/Switcher/index.js +16 -1
- package/lib/Tab/Tab.js +31 -23
- package/lib/Tab/Tab.styles.d.ts +13 -12
- package/lib/Tab/Tab.styles.js +30 -21
- package/lib/Tab/Tab.types.js +5 -1
- package/lib/Tab/index.js +16 -1
- package/lib/Table/NewSelectableTable.js +77 -56
- package/lib/Table/SelectableTable.js +138 -118
- package/lib/Table/Table.js +126 -111
- package/lib/Table/Table.styles.d.ts +32 -16
- package/lib/Table/Table.styles.js +79 -59
- package/lib/Table/Table.types.js +5 -1
- package/lib/Table/index.js +27 -2
- package/lib/TagsInput/TagsInput.js +44 -33
- package/lib/TagsInput/index.js +16 -1
- package/lib/TagsInput/style.d.ts +16 -19
- package/lib/TagsInput/style.js +22 -9
- package/lib/TagsInput/types.js +5 -1
- package/lib/Textarea/Textarea.js +75 -58
- package/lib/Textarea/Textarea.styles.d.ts +28 -22
- package/lib/Textarea/Textarea.styles.js +55 -32
- package/lib/Textarea/Textarea.types.js +5 -1
- package/lib/Textarea/index.js +16 -1
- package/lib/ThemeProvider/ThemeProvider.d.ts +5 -2
- package/lib/ThemeProvider/ThemeProvider.js +48 -30
- package/lib/ThemeProvider/index.js +16 -1
- package/lib/Toast/Toast.js +56 -53
- package/lib/Toast/index.js +16 -1
- package/lib/Toast/styles.d.ts +4 -2
- package/lib/Toast/styles.js +13 -3
- package/lib/Toast/types.js +5 -1
- package/lib/Toggle/Toggle.js +59 -50
- package/lib/Toggle/index.js +16 -1
- package/lib/Toggle/styles.d.ts +21 -14
- package/lib/Toggle/styles.js +51 -34
- package/lib/Toggle/types.js +5 -1
- package/lib/Tooltip/Tooltip.js +100 -102
- package/lib/Tooltip/index.js +16 -1
- package/lib/Tooltip/styles.d.ts +14 -8
- package/lib/Tooltip/styles.js +33 -25
- package/lib/Tooltip/types.js +5 -1
- package/lib/Typography/Typography.js +96 -85
- package/lib/Typography/Typography.styles.d.ts +48 -54
- package/lib/Typography/Typography.styles.js +70 -45
- package/lib/Typography/Typography.types.js +5 -1
- package/lib/Typography/index.js +38 -3
- package/lib/emotion.d.js +3 -0
- package/lib/hooks/index.js +38 -3
- package/lib/hooks/useForwardedRef.js +11 -6
- package/lib/hooks/useInfiniteScroll.js +24 -20
- package/lib/hooks/useStatefulRef.js +18 -14
- package/lib/index.js +489 -44
- package/lib/system-props/color.js +8 -2
- package/lib/system-props/index.js +27 -2
- package/lib/system-props/types.js +5 -1
- package/lib/theme/ColorSchemes/codacy.js +11 -4
- package/lib/theme/ColorSchemes/pulse.js +17 -9
- package/lib/theme/index.js +38 -3
- package/lib/theme/theme.js +42 -69
- package/lib/types.js +5 -1
- package/lib/utils/hash.js +8 -6
- package/lib/utils/reactNodeToText.js +13 -14
- package/package.json +32 -32
package/lib/Tooltip/Tooltip.js
CHANGED
|
@@ -1,119 +1,118 @@
|
|
|
1
|
-
|
|
2
|
-
import React, { useState, useCallback, useEffect } from 'react';
|
|
3
|
-
import { TooltipArrow, TooltipCard, TooltipTrigger } from './styles';
|
|
4
|
-
import { usePopper } from 'react-popper';
|
|
5
|
-
import ReactDOM from 'react-dom';
|
|
1
|
+
"use strict";
|
|
6
2
|
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.Tooltip = void 0;
|
|
9
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
10
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
|
|
11
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
12
|
+
var _styles = require("./styles");
|
|
13
|
+
var _reactPopper = require("react-popper");
|
|
14
|
+
var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
15
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
7
16
|
/**
|
|
8
17
|
* Default Tooltip on hover
|
|
9
18
|
*/
|
|
10
|
-
var Tooltip = function Tooltip(_ref) {
|
|
19
|
+
var Tooltip = exports.Tooltip = function Tooltip(_ref) {
|
|
11
20
|
var children = _ref.children,
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
var
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
}
|
|
72
|
-
}]
|
|
73
|
-
}),
|
|
74
|
-
styles = _usePopper.styles,
|
|
75
|
-
attributes = _usePopper.attributes;
|
|
76
|
-
|
|
77
|
-
var handleEnter = useCallback(function () {
|
|
21
|
+
content = _ref.content,
|
|
22
|
+
_ref$placement = _ref.placement,
|
|
23
|
+
placement = _ref$placement === void 0 ? 'top' : _ref$placement,
|
|
24
|
+
_ref$textAlignment = _ref.textAlignment,
|
|
25
|
+
textAlignment = _ref$textAlignment === void 0 ? 'left' : _ref$textAlignment,
|
|
26
|
+
_ref$delay = _ref.delay,
|
|
27
|
+
delay = _ref$delay === void 0 ? 0 : _ref$delay,
|
|
28
|
+
_ref$portal = _ref.portal,
|
|
29
|
+
portal = _ref$portal === void 0 ? false : _ref$portal,
|
|
30
|
+
_ref$withArrow = _ref.withArrow,
|
|
31
|
+
withArrow = _ref$withArrow === void 0 ? false : _ref$withArrow,
|
|
32
|
+
backgroundColor = _ref.backgroundColor,
|
|
33
|
+
_ref$selfClose = _ref.selfClose,
|
|
34
|
+
selfClose = _ref$selfClose === void 0 ? false : _ref$selfClose,
|
|
35
|
+
_ref$hoverAnimation = _ref.hoverAnimation,
|
|
36
|
+
hoverAnimation = _ref$hoverAnimation === void 0 ? true : _ref$hoverAnimation,
|
|
37
|
+
_ref$maxWidth = _ref.maxWidth,
|
|
38
|
+
maxWidth = _ref$maxWidth === void 0 ? '12rem' : _ref$maxWidth;
|
|
39
|
+
var _useState = (0, _react.useState)(false),
|
|
40
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
41
|
+
visible = _useState2[0],
|
|
42
|
+
setVisible = _useState2[1];
|
|
43
|
+
var _useState3 = (0, _react.useState)(),
|
|
44
|
+
_useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
|
|
45
|
+
setTimer = _useState4[1];
|
|
46
|
+
var _useState5 = (0, _react.useState)(),
|
|
47
|
+
_useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
|
|
48
|
+
triggerRef = _useState6[0],
|
|
49
|
+
setTriggerRef = _useState6[1];
|
|
50
|
+
var _useState7 = (0, _react.useState)(),
|
|
51
|
+
_useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
|
|
52
|
+
popperRef = _useState8[0],
|
|
53
|
+
setPopperRef = _useState8[1];
|
|
54
|
+
var _useState9 = (0, _react.useState)(),
|
|
55
|
+
_useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
|
|
56
|
+
arrowRef = _useState10[0],
|
|
57
|
+
setArrowRef = _useState10[1];
|
|
58
|
+
var _usePopper = (0, _reactPopper.usePopper)(triggerRef, popperRef, {
|
|
59
|
+
placement: placement,
|
|
60
|
+
modifiers: [{
|
|
61
|
+
name: 'offset',
|
|
62
|
+
enabled: true,
|
|
63
|
+
options: {
|
|
64
|
+
offset: [0, withArrow ? 24 : 16]
|
|
65
|
+
}
|
|
66
|
+
}, {
|
|
67
|
+
name: 'flip',
|
|
68
|
+
enabled: true
|
|
69
|
+
}, {
|
|
70
|
+
name: 'arrow',
|
|
71
|
+
enabled: withArrow,
|
|
72
|
+
options: {
|
|
73
|
+
element: arrowRef
|
|
74
|
+
}
|
|
75
|
+
}]
|
|
76
|
+
}),
|
|
77
|
+
styles = _usePopper.styles,
|
|
78
|
+
attributes = _usePopper.attributes;
|
|
79
|
+
var handleEnter = (0, _react.useCallback)(function () {
|
|
78
80
|
if (!selfClose) {
|
|
79
81
|
setTimer(function (prevTimer) {
|
|
80
82
|
if (prevTimer) {
|
|
81
83
|
clearTimeout(prevTimer);
|
|
82
84
|
}
|
|
83
|
-
|
|
84
85
|
return setTimeout(function () {
|
|
85
86
|
setVisible(true);
|
|
86
87
|
}, Math.max(delay, 500));
|
|
87
88
|
});
|
|
88
89
|
}
|
|
89
90
|
}, [delay, selfClose]);
|
|
90
|
-
var handleOver = useCallback(function () {
|
|
91
|
+
var handleOver = (0, _react.useCallback)(function () {
|
|
91
92
|
if (!selfClose && !visible) {
|
|
92
93
|
setTimer(function (prevTimer) {
|
|
93
94
|
if (prevTimer) {
|
|
94
95
|
clearTimeout(prevTimer);
|
|
95
96
|
}
|
|
96
|
-
|
|
97
97
|
return setTimeout(function () {
|
|
98
98
|
setVisible(true);
|
|
99
99
|
}, Math.max(delay, 500));
|
|
100
100
|
});
|
|
101
101
|
}
|
|
102
102
|
}, [delay, selfClose, visible]);
|
|
103
|
-
var handleLeave = useCallback(function () {
|
|
103
|
+
var handleLeave = (0, _react.useCallback)(function () {
|
|
104
104
|
if (!selfClose) {
|
|
105
105
|
setTimer(function (prevTimer) {
|
|
106
106
|
if (prevTimer) {
|
|
107
107
|
clearTimeout(prevTimer);
|
|
108
108
|
}
|
|
109
|
-
|
|
110
109
|
return setTimeout(function () {
|
|
111
110
|
setVisible(false);
|
|
112
111
|
}, 500);
|
|
113
112
|
});
|
|
114
113
|
}
|
|
115
114
|
}, [selfClose]);
|
|
116
|
-
useEffect(function () {
|
|
115
|
+
(0, _react.useEffect)(function () {
|
|
117
116
|
if (selfClose) {
|
|
118
117
|
var timer = setTimeout(function () {
|
|
119
118
|
setVisible(true);
|
|
@@ -122,54 +121,53 @@ var Tooltip = function Tooltip(_ref) {
|
|
|
122
121
|
return clearTimeout(timer);
|
|
123
122
|
};
|
|
124
123
|
}
|
|
125
|
-
|
|
126
124
|
return function () {};
|
|
127
125
|
}, [selfClose]);
|
|
128
|
-
var handleScroll = useCallback(function () {
|
|
126
|
+
var handleScroll = (0, _react.useCallback)(function () {
|
|
129
127
|
return setVisible(false);
|
|
130
128
|
}, []);
|
|
131
|
-
var handleClick = useCallback(function (event) {
|
|
129
|
+
var handleClick = (0, _react.useCallback)(function (event) {
|
|
132
130
|
if (popperRef && !popperRef.contains(event.target)) setVisible(false);
|
|
133
131
|
}, [popperRef]);
|
|
134
|
-
useEffect(function () {
|
|
132
|
+
(0, _react.useEffect)(function () {
|
|
135
133
|
var addEvents = function addEvents() {
|
|
136
134
|
document.addEventListener('scroll', handleScroll);
|
|
137
135
|
document.addEventListener('click', handleClick);
|
|
138
136
|
};
|
|
139
|
-
|
|
140
137
|
var removeEvents = function removeEvents() {
|
|
141
138
|
document.removeEventListener('scroll', handleScroll);
|
|
142
139
|
document.removeEventListener('click', handleClick);
|
|
143
140
|
};
|
|
144
|
-
|
|
145
141
|
if (selfClose && visible) addEvents();
|
|
146
142
|
return removeEvents;
|
|
147
143
|
}, [visible, selfClose, handleClick, handleScroll]);
|
|
148
|
-
var tooltipCard = /*#__PURE__*/
|
|
144
|
+
var tooltipCard = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.TooltipCard, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
|
|
149
145
|
id: "tooltip",
|
|
150
146
|
ref: setPopperRef,
|
|
151
147
|
style: styles.popper
|
|
152
|
-
}, attributes.popper, {
|
|
148
|
+
}, attributes.popper), {}, {
|
|
153
149
|
textAlignment: textAlignment,
|
|
154
150
|
"data-enter": visible || undefined,
|
|
155
151
|
onMouseEnter: handleEnter,
|
|
156
152
|
onMouseOver: handleOver,
|
|
157
153
|
onMouseLeave: handleLeave,
|
|
158
154
|
backgroundColor: backgroundColor,
|
|
159
|
-
maxWidth: maxWidth
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
155
|
+
maxWidth: maxWidth,
|
|
156
|
+
children: [withArrow && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TooltipArrow, {
|
|
157
|
+
ref: setArrowRef,
|
|
158
|
+
style: styles.arrow,
|
|
159
|
+
backgroundColor: backgroundColor
|
|
160
|
+
}), content]
|
|
161
|
+
}));
|
|
165
162
|
var containerElement = portal && document.querySelector('body');
|
|
166
|
-
return /*#__PURE__*/
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
163
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
164
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TooltipTrigger, {
|
|
165
|
+
ref: setTriggerRef,
|
|
166
|
+
onMouseEnter: handleEnter,
|
|
167
|
+
onMouseOver: handleOver,
|
|
168
|
+
onMouseLeave: handleLeave,
|
|
169
|
+
hoverAnimation: hoverAnimation,
|
|
170
|
+
children: children
|
|
171
|
+
}), visible && (containerElement ? /*#__PURE__*/_reactDom["default"].createPortal(tooltipCard, containerElement) : tooltipCard)]
|
|
172
|
+
});
|
|
173
|
+
};
|
package/lib/Tooltip/index.js
CHANGED
|
@@ -1 +1,16 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _Tooltip = require("./Tooltip");
|
|
7
|
+
Object.keys(_Tooltip).forEach(function (key) {
|
|
8
|
+
if (key === "default" || key === "__esModule") return;
|
|
9
|
+
if (key in exports && exports[key] === _Tooltip[key]) return;
|
|
10
|
+
Object.defineProperty(exports, key, {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function get() {
|
|
13
|
+
return _Tooltip[key];
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
});
|
package/lib/Tooltip/styles.d.ts
CHANGED
|
@@ -1,11 +1,17 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { CodacyTheme } from '../theme';
|
|
3
2
|
import { TooltipProps } from './types';
|
|
4
|
-
declare const TooltipTrigger: import("@emotion/styled
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
3
|
+
declare const TooltipTrigger: import("@emotion/styled").StyledComponent<{
|
|
4
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
+
as?: import("react").ElementType<any> | undefined;
|
|
6
|
+
} & Pick<TooltipProps, "hoverAnimation">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
7
|
+
declare const TooltipArrow: import("@emotion/styled").StyledComponent<{
|
|
8
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
9
|
+
as?: import("react").ElementType<any> | undefined;
|
|
10
|
+
} & Pick<TooltipProps, "backgroundColor">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
11
|
+
declare const TooltipCard: import("@emotion/styled").StyledComponent<{
|
|
12
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
13
|
+
as?: import("react").ElementType<any> | undefined;
|
|
14
|
+
} & import("react").HTMLAttributes<HTMLDivElement> & import("react").ClassAttributes<HTMLDivElement> & {
|
|
15
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
16
|
+
} & Pick<TooltipProps, "backgroundColor" | "maxWidth" | "textAlignment">, {}, {}>;
|
|
11
17
|
export { TooltipCard, TooltipTrigger, TooltipArrow };
|
package/lib/Tooltip/styles.js
CHANGED
|
@@ -1,47 +1,57 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.TooltipTrigger = exports.TooltipCard = exports.TooltipArrow = void 0;
|
|
8
|
+
var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
9
|
+
var _react = require("@emotion/react");
|
|
10
|
+
var _theme = require("../theme");
|
|
11
|
+
var _ThemeProvider = require("../ThemeProvider");
|
|
3
12
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
4
|
-
|
|
5
|
-
import { css } from '@emotion/core';
|
|
6
|
-
import { transition } from '../theme';
|
|
7
|
-
import { GlobalStyleContainer } from '../ThemeProvider';
|
|
8
|
-
|
|
9
13
|
var _ref = process.env.NODE_ENV === "production" ? {
|
|
10
14
|
name: "zqnfaz",
|
|
11
15
|
styles: "&:hover{opacity:0.8;}"
|
|
12
16
|
} : {
|
|
13
|
-
name: "
|
|
14
|
-
styles: "&:hover{opacity:0.8;}",
|
|
15
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
17
|
+
name: "6ssdj5-codacy",
|
|
18
|
+
styles: "&:hover{opacity:0.8;};label:codacy;",
|
|
19
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Ub29sdGlwL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhZ0IiLCJmaWxlIjoiLi4vLi4vc3JjL1Rvb2x0aXAvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHRyYW5zaXRpb24gfSBmcm9tICcuLi90aGVtZSdcbmltcG9ydCB7IEdsb2JhbFN0eWxlQ29udGFpbmVyIH0gZnJvbSAnLi4vVGhlbWVQcm92aWRlcidcbmltcG9ydCB7IFRvb2x0aXBQcm9wcyB9IGZyb20gJy4vdHlwZXMnXG5cbmNvbnN0IFRvb2x0aXBUcmlnZ2VyID0gc3R5bGVkLnNwYW48UGljazxUb29sdGlwUHJvcHMsICdob3ZlckFuaW1hdGlvbic+PmBcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBvcGFjaXR5OiAxO1xuICB0cmFuc2l0aW9uOiAkeygpID0+IHRyYW5zaXRpb24oWydvcGFjaXR5J10pfTtcblxuICAkeyh7IGhvdmVyQW5pbWF0aW9uIH0pID0+IHtcbiAgICBpZiAoaG92ZXJBbmltYXRpb24pXG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBvcGFjaXR5OiAwLjg7XG4gICAgICAgIH1cbiAgICAgIGBcbiAgICByZXR1cm4gJydcbiAgfX1cbmBcblxuY29uc3QgVG9vbHRpcEFycm93ID0gc3R5bGVkLmRpdjxQaWNrPFRvb2x0aXBQcm9wcywgJ2JhY2tncm91bmRDb2xvcic+PmBcbiAgJixcbiAgJjphZnRlciB7XG4gICAgd2lkdGg6IDFyZW07XG4gICAgaGVpZ2h0OiAxcmVtO1xuICB9XG5cbiAgJjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSwgYmFja2dyb3VuZENvbG9yIH0pID0+IHRoZW1lLmNvbG9yc1tiYWNrZ3JvdW5kQ29sb3IgfHwgJ2JhY2tncm91bmQtcHJpbWFyeSddfTtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoNDVkZWcpO1xuICB9XG5gXG5cbmNvbnN0IFRvb2x0aXBDYXJkID0gc3R5bGVkKEdsb2JhbFN0eWxlQ29udGFpbmVyKTxQaWNrPFRvb2x0aXBQcm9wcywgJ3RleHRBbGlnbm1lbnQnIHwgJ2JhY2tncm91bmRDb2xvcicgfCAnbWF4V2lkdGgnPj5gXG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1sndGV4dC1jb21wbGVtZW50YXJ5J119O1xuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lLCBiYWNrZ3JvdW5kQ29sb3IgfSkgPT4gdGhlbWUuY29sb3JzW2JhY2tncm91bmRDb2xvciB8fCAnYmFja2dyb3VuZC1wcmltYXJ5J119O1xuICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1sndWktYm9yZGVyJ119O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpWzBdfTtcbiAgZmlsdGVyOiBkcm9wLXNoYWRvdygkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNoYWRvd3NbMV19KTtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVszXX07XG4gIGZvbnQtc2l6ZTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5mb250U2l6ZXNbMl19O1xuICBsaW5lLWhlaWdodDogMXJlbTtcbiAgbWF4LXdpZHRoOiAkeyh7IG1heFdpZHRoIH0pID0+IG1heFdpZHRofTtcbiAgdGV4dC1hbGlnbjogJHsoeyB0ZXh0QWxpZ25tZW50IH0pID0+IHRleHRBbGlnbm1lbnR9O1xuICB6LWluZGV4OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnpJbmRpY2VzWyd0b29sdGlwJ119O1xuXG4gICZbZGF0YS1wb3BwZXItcGxhY2VtZW50PSd0b3AnXSAke1Rvb2x0aXBBcnJvd30ge1xuICAgIGJvdHRvbTogLTAuNXJlbTtcbiAgICAmOmFmdGVyIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWlbMF19IDA7XG4gICAgICBib3JkZXItcmlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuYm9yZGVyc1swXX07XG4gICAgICBib3JkZXItYm90dG9tOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmJvcmRlcnNbMF19O1xuICAgIH1cbiAgfVxuXG4gICZbZGF0YS1wb3BwZXItcGxhY2VtZW50PSdib3R0b20nXSAke1Rvb2x0aXBBcnJvd30ge1xuICAgIHRvcDogLTAuNTVyZW07XG4gICAgJjphZnRlciB7XG4gICAgICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpWzBdfSAwO1xuICAgICAgYm9yZGVyLWxlZnQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuYm9yZGVyc1swXX07XG4gICAgICBib3JkZXItdG9wOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmJvcmRlcnNbMF19O1xuICAgIH1cbiAgfVxuXG4gICZbZGF0YS1wb3BwZXItcGxhY2VtZW50PSdsZWZ0J10gJHtUb29sdGlwQXJyb3d9IHtcbiAgICByaWdodDogLTAuNXJlbTtcbiAgICAmOmFmdGVyIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaVswXX07XG5cbiAgICAgIGJvcmRlci1yaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5ib3JkZXJzWzBdfTtcbiAgICAgIGJvcmRlci10b3A6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuYm9yZGVyc1swXX07XG4gICAgfVxuICB9XG5cbiAgJltkYXRhLXBvcHBlci1wbGFjZW1lbnQ9J3JpZ2h0J10gJHtUb29sdGlwQXJyb3d9IHtcbiAgICBsZWZ0OiAtMC41NXJlbTtcbiAgICAmOmFmdGVyIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaVswXX07XG4gICAgICBib3JkZXItbGVmdDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5ib3JkZXJzWzBdfTtcbiAgICAgIGJvcmRlci1ib3R0b206ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuYm9yZGVyc1swXX07XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCB7IFRvb2x0aXBDYXJkLCBUb29sdGlwVHJpZ2dlciwgVG9vbHRpcEFycm93IH1cbiJdfQ== */",
|
|
16
20
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
17
21
|
};
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
22
|
+
var TooltipTrigger = exports.TooltipTrigger = /*#__PURE__*/(0, _base["default"])("span", process.env.NODE_ENV === "production" ? {
|
|
23
|
+
target: "eeadlc32"
|
|
24
|
+
} : {
|
|
25
|
+
target: "eeadlc32",
|
|
26
|
+
label: "codacy"
|
|
21
27
|
})("cursor:pointer;opacity:1;transition:", function () {
|
|
22
|
-
return transition(['opacity']);
|
|
28
|
+
return (0, _theme.transition)(['opacity']);
|
|
23
29
|
}, ";", function (_ref2) {
|
|
24
30
|
var hoverAnimation = _ref2.hoverAnimation;
|
|
25
31
|
if (hoverAnimation) return _ref;
|
|
26
32
|
return '';
|
|
27
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
28
|
-
|
|
29
|
-
var TooltipArrow = _styled("div", {
|
|
33
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Ub29sdGlwL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNd0UiLCJmaWxlIjoiLi4vLi4vc3JjL1Rvb2x0aXAvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHRyYW5zaXRpb24gfSBmcm9tICcuLi90aGVtZSdcbmltcG9ydCB7IEdsb2JhbFN0eWxlQ29udGFpbmVyIH0gZnJvbSAnLi4vVGhlbWVQcm92aWRlcidcbmltcG9ydCB7IFRvb2x0aXBQcm9wcyB9IGZyb20gJy4vdHlwZXMnXG5cbmNvbnN0IFRvb2x0aXBUcmlnZ2VyID0gc3R5bGVkLnNwYW48UGljazxUb29sdGlwUHJvcHMsICdob3ZlckFuaW1hdGlvbic+PmBcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBvcGFjaXR5OiAxO1xuICB0cmFuc2l0aW9uOiAkeygpID0+IHRyYW5zaXRpb24oWydvcGFjaXR5J10pfTtcblxuICAkeyh7IGhvdmVyQW5pbWF0aW9uIH0pID0+IHtcbiAgICBpZiAoaG92ZXJBbmltYXRpb24pXG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBvcGFjaXR5OiAwLjg7XG4gICAgICAgIH1cbiAgICAgIGBcbiAgICByZXR1cm4gJydcbiAgfX1cbmBcblxuY29uc3QgVG9vbHRpcEFycm93ID0gc3R5bGVkLmRpdjxQaWNrPFRvb2x0aXBQcm9wcywgJ2JhY2tncm91bmRDb2xvcic+PmBcbiAgJixcbiAgJjphZnRlciB7XG4gICAgd2lkdGg6IDFyZW07XG4gICAgaGVpZ2h0OiAxcmVtO1xuICB9XG5cbiAgJjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSwgYmFja2dyb3VuZENvbG9yIH0pID0+IHRoZW1lLmNvbG9yc1tiYWNrZ3JvdW5kQ29sb3IgfHwgJ2JhY2tncm91bmQtcHJpbWFyeSddfTtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoNDVkZWcpO1xuICB9XG5gXG5cbmNvbnN0IFRvb2x0aXBDYXJkID0gc3R5bGVkKEdsb2JhbFN0eWxlQ29udGFpbmVyKTxQaWNrPFRvb2x0aXBQcm9wcywgJ3RleHRBbGlnbm1lbnQnIHwgJ2JhY2tncm91bmRDb2xvcicgfCAnbWF4V2lkdGgnPj5gXG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1sndGV4dC1jb21wbGVtZW50YXJ5J119O1xuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lLCBiYWNrZ3JvdW5kQ29sb3IgfSkgPT4gdGhlbWUuY29sb3JzW2JhY2tncm91bmRDb2xvciB8fCAnYmFja2dyb3VuZC1wcmltYXJ5J119O1xuICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1sndWktYm9yZGVyJ119O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpWzBdfTtcbiAgZmlsdGVyOiBkcm9wLXNoYWRvdygkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNoYWRvd3NbMV19KTtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVszXX07XG4gIGZvbnQtc2l6ZTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5mb250U2l6ZXNbMl19O1xuICBsaW5lLWhlaWdodDogMXJlbTtcbiAgbWF4LXdpZHRoOiAkeyh7IG1heFdpZHRoIH0pID0+IG1heFdpZHRofTtcbiAgdGV4dC1hbGlnbjogJHsoeyB0ZXh0QWxpZ25tZW50IH0pID0+IHRleHRBbGlnbm1lbnR9O1xuICB6LWluZGV4OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnpJbmRpY2VzWyd0b29sdGlwJ119O1xuXG4gICZbZGF0YS1wb3BwZXItcGxhY2VtZW50PSd0b3AnXSAke1Rvb2x0aXBBcnJvd30ge1xuICAgIGJvdHRvbTogLTAuNXJlbTtcbiAgICAmOmFmdGVyIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWlbMF19IDA7XG4gICAgICBib3JkZXItcmlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuYm9yZGVyc1swXX07XG4gICAgICBib3JkZXItYm90dG9tOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmJvcmRlcnNbMF19O1xuICAgIH1cbiAgfVxuXG4gICZbZGF0YS1wb3BwZXItcGxhY2VtZW50PSdib3R0b20nXSAke1Rvb2x0aXBBcnJvd30ge1xuICAgIHRvcDogLTAuNTVyZW07XG4gICAgJjphZnRlciB7XG4gICAgICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpWzBdfSAwO1xuICAgICAgYm9yZGVyLWxlZnQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuYm9yZGVyc1swXX07XG4gICAgICBib3JkZXItdG9wOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmJvcmRlcnNbMF19O1xuICAgIH1cbiAgfVxuXG4gICZbZGF0YS1wb3BwZXItcGxhY2VtZW50PSdsZWZ0J10gJHtUb29sdGlwQXJyb3d9IHtcbiAgICByaWdodDogLTAuNXJlbTtcbiAgICAmOmFmdGVyIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaVswXX07XG5cbiAgICAgIGJvcmRlci1yaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5ib3JkZXJzWzBdfTtcbiAgICAgIGJvcmRlci10b3A6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuYm9yZGVyc1swXX07XG4gICAgfVxuICB9XG5cbiAgJltkYXRhLXBvcHBlci1wbGFjZW1lbnQ9J3JpZ2h0J10gJHtUb29sdGlwQXJyb3d9IHtcbiAgICBsZWZ0OiAtMC41NXJlbTtcbiAgICAmOmFmdGVyIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaVswXX07XG4gICAgICBib3JkZXItbGVmdDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5ib3JkZXJzWzBdfTtcbiAgICAgIGJvcmRlci1ib3R0b206ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuYm9yZGVyc1swXX07XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCB7IFRvb2x0aXBDYXJkLCBUb29sdGlwVHJpZ2dlciwgVG9vbHRpcEFycm93IH1cbiJdfQ== */"));
|
|
34
|
+
var TooltipArrow = exports.TooltipArrow = /*#__PURE__*/(0, _base["default"])("div", process.env.NODE_ENV === "production" ? {
|
|
30
35
|
target: "eeadlc31"
|
|
36
|
+
} : {
|
|
37
|
+
target: "eeadlc31",
|
|
38
|
+
label: "codacy"
|
|
31
39
|
})("&,&:after{width:1rem;height:1rem;}&:after{content:'';background:", function (_ref3) {
|
|
32
40
|
var theme = _ref3.theme,
|
|
33
|
-
|
|
41
|
+
backgroundColor = _ref3.backgroundColor;
|
|
34
42
|
return theme.colors[backgroundColor || 'background-primary'];
|
|
35
|
-
}, ";position:absolute;transform:rotate(45deg);}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
43
|
+
}, ";position:absolute;transform:rotate(45deg);}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Ub29sdGlwL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQnNFIiwiZmlsZSI6Ii4uLy4uL3NyYy9Ub29sdGlwL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB0cmFuc2l0aW9uIH0gZnJvbSAnLi4vdGhlbWUnXG5pbXBvcnQgeyBHbG9iYWxTdHlsZUNvbnRhaW5lciB9IGZyb20gJy4uL1RoZW1lUHJvdmlkZXInXG5pbXBvcnQgeyBUb29sdGlwUHJvcHMgfSBmcm9tICcuL3R5cGVzJ1xuXG5jb25zdCBUb29sdGlwVHJpZ2dlciA9IHN0eWxlZC5zcGFuPFBpY2s8VG9vbHRpcFByb3BzLCAnaG92ZXJBbmltYXRpb24nPj5gXG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgb3BhY2l0eTogMTtcbiAgdHJhbnNpdGlvbjogJHsoKSA9PiB0cmFuc2l0aW9uKFsnb3BhY2l0eSddKX07XG5cbiAgJHsoeyBob3ZlckFuaW1hdGlvbiB9KSA9PiB7XG4gICAgaWYgKGhvdmVyQW5pbWF0aW9uKVxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgb3BhY2l0eTogMC44O1xuICAgICAgICB9XG4gICAgICBgXG4gICAgcmV0dXJuICcnXG4gIH19XG5gXG5cbmNvbnN0IFRvb2x0aXBBcnJvdyA9IHN0eWxlZC5kaXY8UGljazxUb29sdGlwUHJvcHMsICdiYWNrZ3JvdW5kQ29sb3InPj5gXG4gICYsXG4gICY6YWZ0ZXIge1xuICAgIHdpZHRoOiAxcmVtO1xuICAgIGhlaWdodDogMXJlbTtcbiAgfVxuXG4gICY6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUsIGJhY2tncm91bmRDb2xvciB9KSA9PiB0aGVtZS5jb2xvcnNbYmFja2dyb3VuZENvbG9yIHx8ICdiYWNrZ3JvdW5kLXByaW1hcnknXX07XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDQ1ZGVnKTtcbiAgfVxuYFxuXG5jb25zdCBUb29sdGlwQ2FyZCA9IHN0eWxlZChHbG9iYWxTdHlsZUNvbnRhaW5lcik8UGljazxUb29sdGlwUHJvcHMsICd0ZXh0QWxpZ25tZW50JyB8ICdiYWNrZ3JvdW5kQ29sb3InIHwgJ21heFdpZHRoJz4+YFxuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ3RleHQtY29tcGxlbWVudGFyeSddfTtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSwgYmFja2dyb3VuZENvbG9yIH0pID0+IHRoZW1lLmNvbG9yc1tiYWNrZ3JvdW5kQ29sb3IgfHwgJ2JhY2tncm91bmQtcHJpbWFyeSddfTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ3VpLWJvcmRlciddfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaVswXX07XG4gIGZpbHRlcjogZHJvcC1zaGFkb3coJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaGFkb3dzWzFdfSk7XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbM119O1xuICBmb250LXNpemU6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuZm9udFNpemVzWzJdfTtcbiAgbGluZS1oZWlnaHQ6IDFyZW07XG4gIG1heC13aWR0aDogJHsoeyBtYXhXaWR0aCB9KSA9PiBtYXhXaWR0aH07XG4gIHRleHQtYWxpZ246ICR7KHsgdGV4dEFsaWdubWVudCB9KSA9PiB0ZXh0QWxpZ25tZW50fTtcbiAgei1pbmRleDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS56SW5kaWNlc1sndG9vbHRpcCddfTtcblxuICAmW2RhdGEtcG9wcGVyLXBsYWNlbWVudD0ndG9wJ10gJHtUb29sdGlwQXJyb3d9IHtcbiAgICBib3R0b206IC0wLjVyZW07XG4gICAgJjphZnRlciB7XG4gICAgICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpWzBdfSAwO1xuICAgICAgYm9yZGVyLXJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmJvcmRlcnNbMF19O1xuICAgICAgYm9yZGVyLWJvdHRvbTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5ib3JkZXJzWzBdfTtcbiAgICB9XG4gIH1cblxuICAmW2RhdGEtcG9wcGVyLXBsYWNlbWVudD0nYm90dG9tJ10gJHtUb29sdGlwQXJyb3d9IHtcbiAgICB0b3A6IC0wLjU1cmVtO1xuICAgICY6YWZ0ZXIge1xuICAgICAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaVswXX0gMDtcbiAgICAgIGJvcmRlci1sZWZ0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmJvcmRlcnNbMF19O1xuICAgICAgYm9yZGVyLXRvcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5ib3JkZXJzWzBdfTtcbiAgICB9XG4gIH1cblxuICAmW2RhdGEtcG9wcGVyLXBsYWNlbWVudD0nbGVmdCddICR7VG9vbHRpcEFycm93fSB7XG4gICAgcmlnaHQ6IC0wLjVyZW07XG4gICAgJjphZnRlciB7XG4gICAgICBib3JkZXItcmFkaXVzOiAwICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWlbMF19O1xuXG4gICAgICBib3JkZXItcmlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuYm9yZGVyc1swXX07XG4gICAgICBib3JkZXItdG9wOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmJvcmRlcnNbMF19O1xuICAgIH1cbiAgfVxuXG4gICZbZGF0YS1wb3BwZXItcGxhY2VtZW50PSdyaWdodCddICR7VG9vbHRpcEFycm93fSB7XG4gICAgbGVmdDogLTAuNTVyZW07XG4gICAgJjphZnRlciB7XG4gICAgICBib3JkZXItcmFkaXVzOiAwICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWlbMF19O1xuICAgICAgYm9yZGVyLWxlZnQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuYm9yZGVyc1swXX07XG4gICAgICBib3JkZXItYm90dG9tOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmJvcmRlcnNbMF19O1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgeyBUb29sdGlwQ2FyZCwgVG9vbHRpcFRyaWdnZXIsIFRvb2x0aXBBcnJvdyB9XG4iXX0= */"));
|
|
44
|
+
var TooltipCard = exports.TooltipCard = /*#__PURE__*/(0, _base["default"])(_ThemeProvider.GlobalStyleContainer, process.env.NODE_ENV === "production" ? {
|
|
45
|
+
target: "eeadlc30"
|
|
46
|
+
} : {
|
|
47
|
+
target: "eeadlc30",
|
|
48
|
+
label: "codacy"
|
|
39
49
|
})("color:", function (_ref4) {
|
|
40
50
|
var theme = _ref4.theme;
|
|
41
51
|
return theme.colors['text-complementary'];
|
|
42
52
|
}, ";background:", function (_ref5) {
|
|
43
53
|
var theme = _ref5.theme,
|
|
44
|
-
|
|
54
|
+
backgroundColor = _ref5.backgroundColor;
|
|
45
55
|
return theme.colors[backgroundColor || 'background-primary'];
|
|
46
56
|
}, ";border:1px solid ", function (_ref6) {
|
|
47
57
|
var theme = _ref6.theme;
|
|
@@ -103,6 +113,4 @@ var TooltipCard = /*#__PURE__*/_styled(GlobalStyleContainer, {
|
|
|
103
113
|
}, ";border-bottom:", function (_ref25) {
|
|
104
114
|
var theme = _ref25.theme;
|
|
105
115
|
return theme.borders[0];
|
|
106
|
-
}, ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
107
|
-
|
|
108
|
-
export { TooltipCard, TooltipTrigger, TooltipArrow };
|
|
116
|
+
}, ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Ub29sdGlwL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQ3NIIiwiZmlsZSI6Ii4uLy4uL3NyYy9Ub29sdGlwL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB0cmFuc2l0aW9uIH0gZnJvbSAnLi4vdGhlbWUnXG5pbXBvcnQgeyBHbG9iYWxTdHlsZUNvbnRhaW5lciB9IGZyb20gJy4uL1RoZW1lUHJvdmlkZXInXG5pbXBvcnQgeyBUb29sdGlwUHJvcHMgfSBmcm9tICcuL3R5cGVzJ1xuXG5jb25zdCBUb29sdGlwVHJpZ2dlciA9IHN0eWxlZC5zcGFuPFBpY2s8VG9vbHRpcFByb3BzLCAnaG92ZXJBbmltYXRpb24nPj5gXG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgb3BhY2l0eTogMTtcbiAgdHJhbnNpdGlvbjogJHsoKSA9PiB0cmFuc2l0aW9uKFsnb3BhY2l0eSddKX07XG5cbiAgJHsoeyBob3ZlckFuaW1hdGlvbiB9KSA9PiB7XG4gICAgaWYgKGhvdmVyQW5pbWF0aW9uKVxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgb3BhY2l0eTogMC44O1xuICAgICAgICB9XG4gICAgICBgXG4gICAgcmV0dXJuICcnXG4gIH19XG5gXG5cbmNvbnN0IFRvb2x0aXBBcnJvdyA9IHN0eWxlZC5kaXY8UGljazxUb29sdGlwUHJvcHMsICdiYWNrZ3JvdW5kQ29sb3InPj5gXG4gICYsXG4gICY6YWZ0ZXIge1xuICAgIHdpZHRoOiAxcmVtO1xuICAgIGhlaWdodDogMXJlbTtcbiAgfVxuXG4gICY6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUsIGJhY2tncm91bmRDb2xvciB9KSA9PiB0aGVtZS5jb2xvcnNbYmFja2dyb3VuZENvbG9yIHx8ICdiYWNrZ3JvdW5kLXByaW1hcnknXX07XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDQ1ZGVnKTtcbiAgfVxuYFxuXG5jb25zdCBUb29sdGlwQ2FyZCA9IHN0eWxlZChHbG9iYWxTdHlsZUNvbnRhaW5lcik8UGljazxUb29sdGlwUHJvcHMsICd0ZXh0QWxpZ25tZW50JyB8ICdiYWNrZ3JvdW5kQ29sb3InIHwgJ21heFdpZHRoJz4+YFxuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ3RleHQtY29tcGxlbWVudGFyeSddfTtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSwgYmFja2dyb3VuZENvbG9yIH0pID0+IHRoZW1lLmNvbG9yc1tiYWNrZ3JvdW5kQ29sb3IgfHwgJ2JhY2tncm91bmQtcHJpbWFyeSddfTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ3VpLWJvcmRlciddfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaVswXX07XG4gIGZpbHRlcjogZHJvcC1zaGFkb3coJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaGFkb3dzWzFdfSk7XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbM119O1xuICBmb250LXNpemU6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuZm9udFNpemVzWzJdfTtcbiAgbGluZS1oZWlnaHQ6IDFyZW07XG4gIG1heC13aWR0aDogJHsoeyBtYXhXaWR0aCB9KSA9PiBtYXhXaWR0aH07XG4gIHRleHQtYWxpZ246ICR7KHsgdGV4dEFsaWdubWVudCB9KSA9PiB0ZXh0QWxpZ25tZW50fTtcbiAgei1pbmRleDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS56SW5kaWNlc1sndG9vbHRpcCddfTtcblxuICAmW2RhdGEtcG9wcGVyLXBsYWNlbWVudD0ndG9wJ10gJHtUb29sdGlwQXJyb3d9IHtcbiAgICBib3R0b206IC0wLjVyZW07XG4gICAgJjphZnRlciB7XG4gICAgICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpWzBdfSAwO1xuICAgICAgYm9yZGVyLXJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmJvcmRlcnNbMF19O1xuICAgICAgYm9yZGVyLWJvdHRvbTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5ib3JkZXJzWzBdfTtcbiAgICB9XG4gIH1cblxuICAmW2RhdGEtcG9wcGVyLXBsYWNlbWVudD0nYm90dG9tJ10gJHtUb29sdGlwQXJyb3d9IHtcbiAgICB0b3A6IC0wLjU1cmVtO1xuICAgICY6YWZ0ZXIge1xuICAgICAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaVswXX0gMDtcbiAgICAgIGJvcmRlci1sZWZ0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmJvcmRlcnNbMF19O1xuICAgICAgYm9yZGVyLXRvcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5ib3JkZXJzWzBdfTtcbiAgICB9XG4gIH1cblxuICAmW2RhdGEtcG9wcGVyLXBsYWNlbWVudD0nbGVmdCddICR7VG9vbHRpcEFycm93fSB7XG4gICAgcmlnaHQ6IC0wLjVyZW07XG4gICAgJjphZnRlciB7XG4gICAgICBib3JkZXItcmFkaXVzOiAwICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWlbMF19O1xuXG4gICAgICBib3JkZXItcmlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuYm9yZGVyc1swXX07XG4gICAgICBib3JkZXItdG9wOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmJvcmRlcnNbMF19O1xuICAgIH1cbiAgfVxuXG4gICZbZGF0YS1wb3BwZXItcGxhY2VtZW50PSdyaWdodCddICR7VG9vbHRpcEFycm93fSB7XG4gICAgbGVmdDogLTAuNTVyZW07XG4gICAgJjphZnRlciB7XG4gICAgICBib3JkZXItcmFkaXVzOiAwICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWlbMF19O1xuICAgICAgYm9yZGVyLWxlZnQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuYm9yZGVyc1swXX07XG4gICAgICBib3JkZXItYm90dG9tOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmJvcmRlcnNbMF19O1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgeyBUb29sdGlwQ2FyZCwgVG9vbHRpcFRyaWdnZXIsIFRvb2x0aXBBcnJvdyB9XG4iXX0= */"));
|
package/lib/Tooltip/types.js
CHANGED