@cloudtower/eagle 0.33.48 → 0.33.49
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/core/LineChart/LineChartLegend.js +23 -6
- package/dist/cjs/coreX/BarChart/index.js +5 -2
- package/dist/cjs/coreX/UnderlineTootip/index.js +70 -0
- package/dist/cjs/index.js +30 -27
- package/dist/cjs/stats1.html +1 -1
- package/dist/components.css +3385 -3369
- package/dist/esm/core/LineChart/LineChartLegend.js +23 -6
- package/dist/esm/coreX/BarChart/index.js +4 -2
- package/dist/esm/coreX/UnderlineTootip/index.js +61 -0
- package/dist/esm/index.js +2 -1
- package/dist/esm/stats1.html +1 -1
- package/dist/linaria.merged.scss +3721 -3702
- package/dist/src/coreX/BarChart/index.d.ts +1 -0
- package/dist/src/coreX/UnderlineTootip/index.d.ts +43 -0
- package/dist/src/coreX/index.d.ts +4 -2
- package/dist/stories/docs/coreX/UnserlineTooltip.stories.d.ts +11 -0
- package/dist/style.css +3385 -3369
- package/package.json +4 -4
|
@@ -31,6 +31,23 @@ const LineChartColorBlock = ({ background, borderd = false }) => /* @__PURE__ */
|
|
|
31
31
|
const LineChartLegend = (props) => {
|
|
32
32
|
const { deselected, onClick, legends, onHover, hovering, hovereringSelf } = props;
|
|
33
33
|
const [isDropdownOpen, setIsDropdownOpen] = React__default.default.useState(false);
|
|
34
|
+
const shouldSkipHover = (e) => {
|
|
35
|
+
const target = e.target;
|
|
36
|
+
const relatedTarget = e.relatedTarget;
|
|
37
|
+
const isFromIconSuffix = (target == null ? void 0 : target.closest(".icon-suffix-wrapper")) !== null;
|
|
38
|
+
const isToIconSuffix = (relatedTarget == null ? void 0 : relatedTarget.closest(".icon-suffix-wrapper")) !== null;
|
|
39
|
+
return isFromIconSuffix || isToIconSuffix;
|
|
40
|
+
};
|
|
41
|
+
const handleMouseEnter = (legendId) => (e) => {
|
|
42
|
+
if (!shouldSkipHover(e)) {
|
|
43
|
+
onHover("enter", legendId);
|
|
44
|
+
}
|
|
45
|
+
};
|
|
46
|
+
const handleMouseLeave = (legendId) => (e) => {
|
|
47
|
+
if (!shouldSkipHover(e)) {
|
|
48
|
+
onHover("leave", legendId);
|
|
49
|
+
}
|
|
50
|
+
};
|
|
34
51
|
return /* @__PURE__ */ React__default.default.createElement(
|
|
35
52
|
index.ExtraOverflow,
|
|
36
53
|
{
|
|
@@ -48,13 +65,13 @@ const LineChartLegend = (props) => {
|
|
|
48
65
|
className: cs__default.default(
|
|
49
66
|
styled.LegendItemsStyleDropdown,
|
|
50
67
|
deselected.includes(legend.id) && "deselected",
|
|
51
|
-
hovering.includes(legend.id) && "hovering",
|
|
68
|
+
(hovering == null ? void 0 : hovering.includes(legend.id)) && "hovering",
|
|
52
69
|
hovereringSelf.includes(legend.id) && "hoverering-self"
|
|
53
70
|
),
|
|
54
71
|
key: legend.id,
|
|
55
72
|
onClick: () => onClick(legend.id),
|
|
56
|
-
onMouseEnter: () =>
|
|
57
|
-
onMouseLeave: () =>
|
|
73
|
+
onMouseEnter: () => handleMouseEnter(legend.id),
|
|
74
|
+
onMouseLeave: () => handleMouseLeave(legend.id)
|
|
58
75
|
},
|
|
59
76
|
/* @__PURE__ */ React__default.default.createElement(LineChartColorBlock, { background: legend.color }),
|
|
60
77
|
/* @__PURE__ */ React__default.default.createElement("span", { className: "legend-name" }, /* @__PURE__ */ React__default.default.createElement(index$1, { text: legend.name, len: 50, backLen: 20 })),
|
|
@@ -81,12 +98,12 @@ const LineChartLegend = (props) => {
|
|
|
81
98
|
className: cs__default.default(
|
|
82
99
|
styled.LegendItemsStyle,
|
|
83
100
|
deselected.includes(legend.id) && "deselected",
|
|
84
|
-
hovering.includes(legend.id) && "hovering",
|
|
101
|
+
(hovering == null ? void 0 : hovering.includes(legend.id)) && "hovering",
|
|
85
102
|
hovereringSelf.includes(legend.id) && "hoverering-self"
|
|
86
103
|
),
|
|
87
104
|
key: legend.id,
|
|
88
|
-
onMouseEnter: (
|
|
89
|
-
onMouseLeave: (
|
|
105
|
+
onMouseEnter: handleMouseEnter(legend.id),
|
|
106
|
+
onMouseLeave: handleMouseLeave(legend.id),
|
|
90
107
|
onClick: () => onClick(legend.id)
|
|
91
108
|
},
|
|
92
109
|
/* @__PURE__ */ React__default.default.createElement(LineChartColorBlock, { background: legend.color }),
|
|
@@ -4,10 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var tower = require('../../utils/tower.js');
|
|
6
6
|
var React = require('react');
|
|
7
|
+
var cs = require('classnames');
|
|
7
8
|
|
|
8
9
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
10
|
|
|
10
11
|
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
12
|
+
var cs__default = /*#__PURE__*/_interopDefault(cs);
|
|
11
13
|
|
|
12
14
|
var __defProp = Object.defineProperty;
|
|
13
15
|
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
@@ -71,10 +73,11 @@ const BarItem = props => {
|
|
|
71
73
|
};
|
|
72
74
|
const BarChart = ({
|
|
73
75
|
data,
|
|
74
|
-
total
|
|
76
|
+
total,
|
|
77
|
+
className
|
|
75
78
|
}) => {
|
|
76
79
|
return /* @__PURE__ */React__default.default.createElement("div", {
|
|
77
|
-
className: StackBar
|
|
80
|
+
className: cs__default.default(StackBar, className)
|
|
78
81
|
}, (data || []).map((item, index) => {
|
|
79
82
|
const {
|
|
80
83
|
value,
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var core = require('@linaria/core');
|
|
6
|
+
var index = require('../../core/Tooltip/index.js');
|
|
7
|
+
var React = require('react');
|
|
8
|
+
|
|
9
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
+
|
|
11
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
12
|
+
|
|
13
|
+
var __defProp = Object.defineProperty;
|
|
14
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
15
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
16
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
17
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {
|
|
18
|
+
enumerable: true,
|
|
19
|
+
configurable: true,
|
|
20
|
+
writable: true,
|
|
21
|
+
value
|
|
22
|
+
}) : obj[key] = value;
|
|
23
|
+
var __spreadValues = (a, b) => {
|
|
24
|
+
for (var prop in b || (b = {})) if (__hasOwnProp.call(b, prop)) __defNormalProp(a, prop, b[prop]);
|
|
25
|
+
if (__getOwnPropSymbols) for (var prop of __getOwnPropSymbols(b)) {
|
|
26
|
+
if (__propIsEnum.call(b, prop)) __defNormalProp(a, prop, b[prop]);
|
|
27
|
+
}
|
|
28
|
+
return a;
|
|
29
|
+
};
|
|
30
|
+
var __objRest = (source, exclude) => {
|
|
31
|
+
var target = {};
|
|
32
|
+
for (var prop in source) if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
|
|
33
|
+
if (source != null && __getOwnPropSymbols) for (var prop of __getOwnPropSymbols(source)) {
|
|
34
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop)) target[prop] = source[prop];
|
|
35
|
+
}
|
|
36
|
+
return target;
|
|
37
|
+
};
|
|
38
|
+
const UnderlineTooltipStyle = "E_u15heuvq";
|
|
39
|
+
const UnderlineTooltip = props => {
|
|
40
|
+
const _a = props,
|
|
41
|
+
{
|
|
42
|
+
style = "dashed",
|
|
43
|
+
color = "rgba(107, 128, 167, 0.6)",
|
|
44
|
+
width = "1px",
|
|
45
|
+
contentColor,
|
|
46
|
+
customContentColor,
|
|
47
|
+
link,
|
|
48
|
+
underlineContentClassName,
|
|
49
|
+
title,
|
|
50
|
+
children,
|
|
51
|
+
className
|
|
52
|
+
} = _a,
|
|
53
|
+
rest = __objRest(_a, ["style", "color", "width", "contentColor", "customContentColor", "link", "underlineContentClassName", "title", "children", "className"]);
|
|
54
|
+
return /* @__PURE__ */React__default.default.createElement(index, __spreadValues({
|
|
55
|
+
className: core.cx(UnderlineTooltipStyle, className),
|
|
56
|
+
title: title || children
|
|
57
|
+
}, rest), /* @__PURE__ */React__default.default.createElement("span", {
|
|
58
|
+
className: core.cx("content", !customContentColor && contentColor, link && "link", underlineContentClassName),
|
|
59
|
+
style: {
|
|
60
|
+
borderBottomColor: color,
|
|
61
|
+
borderBottomStyle: style,
|
|
62
|
+
borderBottomWidth: width,
|
|
63
|
+
color: customContentColor
|
|
64
|
+
}
|
|
65
|
+
}, children));
|
|
66
|
+
};
|
|
67
|
+
var UnderlineTooltip$1 = UnderlineTooltip;
|
|
68
|
+
|
|
69
|
+
exports.UnderlineTooltipStyle = UnderlineTooltipStyle;
|
|
70
|
+
exports.default = UnderlineTooltip$1;
|
package/dist/cjs/index.js
CHANGED
|
@@ -137,17 +137,18 @@ var index$1v = require('./coreX/DeprecatedDonutChart/index.js');
|
|
|
137
137
|
var index$1w = require('./coreX/DropdownTransition/index.js');
|
|
138
138
|
var index$1x = require('./coreX/GoBackButton/index.js');
|
|
139
139
|
var index$1y = require('./coreX/I18nNameTag/index.js');
|
|
140
|
-
var index$1z = require('./coreX/
|
|
141
|
-
var index$1A = require('./coreX/
|
|
142
|
-
var index$1B = require('./coreX/
|
|
143
|
-
var index$1C = require('./coreX/
|
|
144
|
-
var index$1D = require('./coreX/
|
|
145
|
-
var index$1E = require('./coreX/
|
|
146
|
-
var index$1F = require('./coreX/
|
|
147
|
-
var index$1G = require('./coreX/
|
|
148
|
-
var index$1H = require('./coreX/
|
|
149
|
-
var index$1I = require('./coreX/
|
|
150
|
-
var index$1J = require('./coreX/
|
|
140
|
+
var index$1z = require('./coreX/KubeConfigModal/index.js');
|
|
141
|
+
var index$1A = require('./coreX/NamesTooltip/index.js');
|
|
142
|
+
var index$1B = require('./coreX/OverflowTooltip/index.js');
|
|
143
|
+
var index$1C = require('./coreX/SidebarSubtitle/index.js');
|
|
144
|
+
var index$1D = require('./coreX/Sider/index.js');
|
|
145
|
+
var index$1E = require('./coreX/SortableList/index.js');
|
|
146
|
+
var index$1F = require('./coreX/SummaryTable/index.js');
|
|
147
|
+
var index$1G = require('./coreX/SwitchWithText/index.js');
|
|
148
|
+
var index$1H = require('./coreX/TabMenu/index.js');
|
|
149
|
+
var index$1I = require('./coreX/UnderlineTootip/index.js');
|
|
150
|
+
var index$1J = require('./coreX/UnitWithChart/index.js');
|
|
151
|
+
var index$1K = require('./coreX/CheckPointList/index.js');
|
|
151
152
|
var getCalendarTitle = require('./coreX/common/getCalendarTitle.js');
|
|
152
153
|
var AbsoluteDate = require('./coreX/DateRangePicker/AbsoluteDate.js');
|
|
153
154
|
var Calendar = require('./coreX/DateRangePicker/Calendar.js');
|
|
@@ -157,7 +158,7 @@ var DeleteDialog = require('./coreX/Dialogs/DeleteDialog/DeleteDialog.js');
|
|
|
157
158
|
var RejectDialog = require('./coreX/Dialogs/RejectDialog/RejectDialog.js');
|
|
158
159
|
var RejectDialog_type = require('./coreX/Dialogs/RejectDialog/RejectDialog.type.js');
|
|
159
160
|
var InfoRowList = require('./coreX/InfoRowList/InfoRowList.js');
|
|
160
|
-
var index$
|
|
161
|
+
var index$1L = require('./coreX/Show/index.js');
|
|
161
162
|
var animation = require('./styles/token/animation.js');
|
|
162
163
|
var color = require('./styles/token/color.js');
|
|
163
164
|
var zIndices = require('./styles/token/zIndices.js');
|
|
@@ -586,20 +587,22 @@ exports.DeprecatedDonutChart = index$1v;
|
|
|
586
587
|
exports.DropdownTransition = index$1w;
|
|
587
588
|
exports.GoBackButton = index$1x;
|
|
588
589
|
exports.I18nNameTag = index$1y;
|
|
589
|
-
exports.
|
|
590
|
-
exports.
|
|
591
|
-
exports.
|
|
592
|
-
exports.
|
|
593
|
-
exports.
|
|
594
|
-
exports.
|
|
595
|
-
exports.
|
|
596
|
-
exports.
|
|
597
|
-
exports.
|
|
598
|
-
exports.
|
|
599
|
-
exports.
|
|
600
|
-
exports.
|
|
601
|
-
exports.
|
|
602
|
-
exports.
|
|
590
|
+
exports.KubeConfigModal = index$1z;
|
|
591
|
+
exports.NamesTooltip = index$1A;
|
|
592
|
+
exports.OverflowTooltip = index$1B;
|
|
593
|
+
exports.SidebarSubtitle = index$1C;
|
|
594
|
+
exports.Sider = index$1D;
|
|
595
|
+
exports.SortableList = index$1E;
|
|
596
|
+
exports.SummaryTable = index$1F.default;
|
|
597
|
+
exports.SummaryTableRow = index$1F.SummaryTableRow;
|
|
598
|
+
exports.SwitchWithText = index$1G;
|
|
599
|
+
exports.TabMenu = index$1H;
|
|
600
|
+
exports.UnderlineTooltip = index$1I.default;
|
|
601
|
+
exports.UnderlineTooltipStyle = index$1I.UnderlineTooltipStyle;
|
|
602
|
+
exports.UnitWithChart = index$1J.default;
|
|
603
|
+
exports.UnitWrapper = index$1J.UnitWrapper;
|
|
604
|
+
exports.CheckPointItem = index$1K.CheckPointItem;
|
|
605
|
+
exports.CheckPointList = index$1K.CheckPointList;
|
|
603
606
|
exports.getCalendarTitle = getCalendarTitle.getCalendarTitle;
|
|
604
607
|
exports.AbsoluteDate = AbsoluteDate;
|
|
605
608
|
exports.DateRangePickerCalendar = Calendar;
|
|
@@ -609,7 +612,7 @@ exports.DeleteDialog = DeleteDialog.DeleteDialog;
|
|
|
609
612
|
exports.RejectDialog = RejectDialog.RejectDialog;
|
|
610
613
|
exports.RejectDialogType = RejectDialog_type.RejectDialogType;
|
|
611
614
|
exports.InfoRowList = InfoRowList.InfoRowList;
|
|
612
|
-
exports.Show = index$
|
|
615
|
+
exports.Show = index$1L.Show;
|
|
613
616
|
exports.Animation = animation.Animation;
|
|
614
617
|
exports.Keyframes = animation.Keyframes;
|
|
615
618
|
exports.Color = color.Color;
|