@cloudtower/eagle 0.27.69-alpha.6 → 0.27.70
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/README.md +68 -0
- package/dist/cjs/UIKitProvider/index.js +5 -5
- package/dist/cjs/core/ButtonGroup/index.js +1 -2
- package/dist/cjs/core/Cascader/index.js +0 -16
- package/dist/cjs/core/DonutChart/index.js +0 -9
- package/dist/cjs/core/Metric/metric.js +0 -146
- package/dist/cjs/core/Overflow/index.js +1 -2
- package/dist/cjs/core/Progress/index.js +0 -2
- package/dist/cjs/core/StatusCapsule/index.js +7 -7
- package/dist/cjs/core/Styled/index.js +0 -139
- package/dist/cjs/core/Table/TableWidget.js +1 -6
- package/dist/cjs/core/Table/index.js +1 -4
- package/dist/cjs/core/TableForm/index.js +1 -3
- package/dist/cjs/core/Tag/SplitTag.js +2 -2
- package/dist/cjs/core/Tag/const.js +2 -2
- package/dist/cjs/core/Tag/index.js +4 -4
- package/dist/cjs/core/Token/index.js +3 -3
- package/dist/cjs/core/antd.js +2 -2
- package/dist/cjs/core/message/index.js +0 -4
- package/dist/cjs/coreX/CronPlan/index.js +1 -2
- package/dist/cjs/index.js +82 -452
- package/dist/cjs/stats1.html +1 -1
- package/dist/cjs/store/chart.js +0 -7
- package/dist/cjs/store/index.js +0 -1
- package/dist/components.css +3544 -3544
- package/dist/esm/UIKitProvider/index.js +1 -1
- package/dist/esm/core/ButtonGroup/index.js +1 -2
- package/dist/esm/core/Cascader/index.js +1 -3
- package/dist/esm/core/DonutChart/index.js +1 -9
- package/dist/esm/core/Metric/metric.js +2 -138
- package/dist/esm/core/Overflow/index.js +1 -2
- package/dist/esm/core/Progress/index.js +1 -2
- package/dist/esm/core/StatusCapsule/index.js +3 -3
- package/dist/esm/core/Styled/index.js +1 -112
- package/dist/esm/core/Table/TableWidget.js +2 -5
- package/dist/esm/core/Table/index.js +3 -5
- package/dist/esm/core/Tag/SplitTag.js +3 -3
- package/dist/esm/core/Tag/const.js +2 -2
- package/dist/esm/core/Tag/index.js +5 -5
- package/dist/esm/core/Token/index.js +3 -3
- package/dist/esm/core/antd.js +2 -2
- package/dist/esm/core/message/index.js +1 -4
- package/dist/esm/coreX/CronPlan/index.js +1 -2
- package/dist/esm/index.js +18 -102
- package/dist/esm/stats1.html +1 -1
- package/dist/esm/store/chart.js +1 -7
- package/dist/esm/store/index.js +0 -1
- package/dist/src/core/Cascader/index.d.ts +0 -3
- package/dist/src/core/Fields/index.d.ts +3 -3
- package/dist/src/core/Progress/index.d.ts +0 -2
- package/dist/src/core/SidebarMenu/SidebarMenu.d.ts +3 -0
- package/dist/src/core/SidebarMenu/SidebarMenu.type.d.ts +4 -0
- package/dist/src/core/SidebarMenu/index.d.ts +2 -0
- package/dist/src/core/StatusCapsule/index.d.ts +1 -1
- package/dist/src/core/TableForm/Columns/index.d.ts +10 -10
- package/dist/src/core/TableForm/index.d.ts +0 -1
- package/dist/src/core/Tag/const.d.ts +1 -1
- package/dist/src/core/Tag/index.d.ts +1 -1
- package/dist/src/core/Token/index.d.ts +2 -2
- package/dist/src/core/Tooltip/index.d.ts +0 -1
- package/dist/src/core/index.d.ts +23 -139
- package/dist/src/coreX/DateRangePicker/index.d.ts +1 -1
- package/dist/src/coreX/UnitWithChart/index.d.ts +8 -8
- package/dist/src/coreX/index.d.ts +4 -38
- package/dist/src/index.d.ts +40 -5
- package/dist/stories/docs/core/Bit.stories.d.ts +6 -6
- package/dist/stories/docs/core/BitPerSecond.stories.d.ts +6 -6
- package/dist/stories/docs/core/Bps.stories.d.ts +6 -6
- package/dist/stories/docs/core/Byte.stories.d.ts +6 -6
- package/dist/stories/docs/core/Frequency.stories.d.ts +6 -6
- package/dist/stories/docs/core/Icon.stories.d.ts +6 -6
- package/dist/stories/docs/core/Percent.stories.d.ts +10 -10
- package/dist/stories/docs/core/Second.stories.d.ts +8 -8
- package/dist/stories/docs/core/SidebarMenu.stories.d.ts +12 -0
- package/dist/stories/docs/core/Speed.stories.d.ts +6 -6
- package/dist/stories/docs/core/Tooltip.stories.d.ts +1 -1
- package/dist/style.css +3677 -3677
- package/package.json +5 -5
- package/dist/cjs/antd.js +0 -151
- package/dist/cjs/antdReexport.js +0 -149
- package/dist/cjs/core/Error/index.js +0 -12
- package/dist/cjs/core/ErrorBoundary/index.js +0 -27
- package/dist/cjs/core/Metric/MetricActions.js +0 -18
- package/dist/cjs/core/Metric/MetricLegend.js +0 -73
- package/dist/cjs/core/Metric/Pointer.js +0 -45
- package/dist/cjs/core/Metric/RenderChart.js +0 -203
- package/dist/cjs/core/Metric/TooltipFormatter.js +0 -45
- package/dist/cjs/core/Metric/index.js +0 -63
- package/dist/cjs/core/Metric/styled.js +0 -33
- package/dist/cjs/core/Metric/type.js +0 -16
- package/dist/cjs/core/index.js +0 -32
- package/dist/cjs/legacy-antd.js +0 -213
- package/dist/esm/antd.js +0 -16
- package/dist/esm/antdReexport.js +0 -13
- package/dist/esm/core/Error/index.js +0 -6
- package/dist/esm/core/ErrorBoundary/index.js +0 -21
- package/dist/esm/core/Metric/MetricActions.js +0 -12
- package/dist/esm/core/Metric/MetricLegend.js +0 -62
- package/dist/esm/core/Metric/Pointer.js +0 -38
- package/dist/esm/core/Metric/RenderChart.js +0 -195
- package/dist/esm/core/Metric/TooltipFormatter.js +0 -39
- package/dist/esm/core/Metric/index.js +0 -52
- package/dist/esm/core/Metric/styled.js +0 -24
- package/dist/esm/core/Metric/type.js +0 -13
- package/dist/esm/core/index.js +0 -21
- package/dist/esm/legacy-antd.js +0 -206
- package/dist/src/antd.d.ts +0 -45
- package/dist/src/antdReexport.d.ts +0 -39
- package/dist/src/core/Error/index.d.ts +0 -5
- package/dist/src/core/ExpandableList/index.d.ts +0 -8
- package/dist/src/coreX/common/index.d.ts +0 -1
- package/dist/src/legacy-antd.d.ts +0 -3
|
@@ -1,203 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var index = require('../KitStoreProvider/index.js');
|
|
4
|
-
var metric = require('./metric.js');
|
|
5
|
-
var MetricActions = require('./MetricActions.js');
|
|
6
|
-
var MetricLegend = require('./MetricLegend.js');
|
|
7
|
-
var styled = require('./styled.js');
|
|
8
|
-
var TooltipFormatter = require('./TooltipFormatter.js');
|
|
9
|
-
var type = require('./type.js');
|
|
10
|
-
var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
|
|
11
|
-
var cs = require('classnames');
|
|
12
|
-
var dayjs = require('dayjs');
|
|
13
|
-
var React = require('react');
|
|
14
|
-
var recharts = require('recharts');
|
|
15
|
-
var chart = require('../../store/chart.js');
|
|
16
|
-
|
|
17
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
18
|
-
|
|
19
|
-
var cs__default = /*#__PURE__*/_interopDefault(cs);
|
|
20
|
-
var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
|
|
21
|
-
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
22
|
-
|
|
23
|
-
var __defProp = Object.defineProperty;
|
|
24
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
25
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
26
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
27
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
28
|
-
var __spreadValues = (a, b) => {
|
|
29
|
-
for (var prop in b || (b = {}))
|
|
30
|
-
if (__hasOwnProp.call(b, prop))
|
|
31
|
-
__defNormalProp(a, prop, b[prop]);
|
|
32
|
-
if (__getOwnPropSymbols)
|
|
33
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
34
|
-
if (__propIsEnum.call(b, prop))
|
|
35
|
-
__defNormalProp(a, prop, b[prop]);
|
|
36
|
-
}
|
|
37
|
-
return a;
|
|
38
|
-
};
|
|
39
|
-
const RenderChart = (props) => {
|
|
40
|
-
const {
|
|
41
|
-
metricName,
|
|
42
|
-
showLegend,
|
|
43
|
-
syncId,
|
|
44
|
-
showXAxis,
|
|
45
|
-
yAxisAlign,
|
|
46
|
-
height,
|
|
47
|
-
type: type$1,
|
|
48
|
-
mode = "legend",
|
|
49
|
-
dropdown,
|
|
50
|
-
onLabelsChange,
|
|
51
|
-
metric: metric$1,
|
|
52
|
-
yAxisProps,
|
|
53
|
-
xAxisProps,
|
|
54
|
-
actionsProps,
|
|
55
|
-
tooltipProps
|
|
56
|
-
} = props;
|
|
57
|
-
const { t } = useParrotTranslation();
|
|
58
|
-
const dispatch = index.useKitDispatch();
|
|
59
|
-
const [deselected, setDeselected] = React.useState([]);
|
|
60
|
-
const streams = React.useMemo(() => metric$1.sample_streams, [metric$1]);
|
|
61
|
-
const legends = React.useMemo(() => {
|
|
62
|
-
return metric$1.sample_streams.map((stream) => stream.legend);
|
|
63
|
-
}, [metric$1.sample_streams]);
|
|
64
|
-
const areaChartData = React.useMemo(
|
|
65
|
-
() => metric.convertDataStruct(streams.map((stream) => stream.points)),
|
|
66
|
-
[streams]
|
|
67
|
-
);
|
|
68
|
-
const onLegendClick = React.useCallback(
|
|
69
|
-
(id) => {
|
|
70
|
-
setDeselected((prev) => {
|
|
71
|
-
const include = prev.includes(id);
|
|
72
|
-
const newDeselected = include ? prev.filter((r) => r !== id) : [...prev, id];
|
|
73
|
-
onLabelsChange == null ? void 0 : onLabelsChange(newDeselected);
|
|
74
|
-
return newDeselected.length >= streams.length ? prev : newDeselected;
|
|
75
|
-
});
|
|
76
|
-
},
|
|
77
|
-
[onLabelsChange, streams]
|
|
78
|
-
);
|
|
79
|
-
const hidePointer = React.useCallback(() => {
|
|
80
|
-
dispatch({
|
|
81
|
-
type: chart.ChartActions.SET_POINTER,
|
|
82
|
-
payload: { visible: false, uuid: syncId }
|
|
83
|
-
});
|
|
84
|
-
}, [dispatch, syncId]);
|
|
85
|
-
const handleMouseMove = React.useCallback(
|
|
86
|
-
(e) => {
|
|
87
|
-
var _a;
|
|
88
|
-
if (e.isTooltipActive) {
|
|
89
|
-
const { chartX, activePayload } = e;
|
|
90
|
-
if (!((_a = activePayload == null ? void 0 : activePayload[0]) == null ? void 0 : _a.payload)) {
|
|
91
|
-
return;
|
|
92
|
-
}
|
|
93
|
-
dispatch({
|
|
94
|
-
type: chart.ChartActions.SET_POINTER,
|
|
95
|
-
payload: {
|
|
96
|
-
uuid: syncId,
|
|
97
|
-
visible: true,
|
|
98
|
-
left: chartX,
|
|
99
|
-
text: dayjs__default.default(Number(activePayload[0].payload.t)).format(
|
|
100
|
-
"MM-DD HH:mm:ss"
|
|
101
|
-
),
|
|
102
|
-
value: activePayload[0].payload.v
|
|
103
|
-
}
|
|
104
|
-
});
|
|
105
|
-
}
|
|
106
|
-
},
|
|
107
|
-
[dispatch, syncId]
|
|
108
|
-
);
|
|
109
|
-
if (!(streams == null ? void 0 : streams.length) || streams.every((stream) => {
|
|
110
|
-
var _a;
|
|
111
|
-
return !((_a = stream.points) == null ? void 0 : _a.length);
|
|
112
|
-
})) {
|
|
113
|
-
return /* @__PURE__ */ React__default.default.createElement("div", { className: styled.MetricLegendTabStyle }, /* @__PURE__ */ React__default.default.createElement("div", { className: "name-toolbar" }, /* @__PURE__ */ React__default.default.createElement(
|
|
114
|
-
MetricLegend.default,
|
|
115
|
-
{
|
|
116
|
-
streams,
|
|
117
|
-
metricName,
|
|
118
|
-
deselected,
|
|
119
|
-
onClick: onLegendClick,
|
|
120
|
-
legends
|
|
121
|
-
}
|
|
122
|
-
)), /* @__PURE__ */ React__default.default.createElement("div", { className: cs__default.default("content", mode === "single" && "single-content") }, t("metric.empty")));
|
|
123
|
-
}
|
|
124
|
-
return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement("div", { className: "metric-toolbar" }, showLegend && /* @__PURE__ */ React__default.default.createElement(
|
|
125
|
-
MetricLegend.default,
|
|
126
|
-
{
|
|
127
|
-
streams,
|
|
128
|
-
metricName,
|
|
129
|
-
deselected,
|
|
130
|
-
onClick: onLegendClick,
|
|
131
|
-
legends
|
|
132
|
-
}
|
|
133
|
-
), (actionsProps == null ? void 0 : actionsProps.show) && /* @__PURE__ */ React__default.default.createElement(MetricActions, __spreadValues({ dropdown }, actionsProps))), /* @__PURE__ */ React__default.default.createElement(recharts.ResponsiveContainer, { height }, /* @__PURE__ */ React__default.default.createElement(
|
|
134
|
-
recharts.AreaChart,
|
|
135
|
-
{
|
|
136
|
-
style: { backgroundColor: "white" },
|
|
137
|
-
margin: showLegend ? { top: 10, left: 10, right: 10, bottom: 0 } : { top: 20, left: 10, right: 10, bottom: 5 },
|
|
138
|
-
data: areaChartData,
|
|
139
|
-
syncId,
|
|
140
|
-
onMouseLeave: hidePointer,
|
|
141
|
-
onMouseMove: handleMouseMove
|
|
142
|
-
},
|
|
143
|
-
/* @__PURE__ */ React__default.default.createElement(
|
|
144
|
-
recharts.XAxis,
|
|
145
|
-
__spreadValues({
|
|
146
|
-
hide: !showXAxis,
|
|
147
|
-
dataKey: "t",
|
|
148
|
-
axisLine: false,
|
|
149
|
-
tickLine: false,
|
|
150
|
-
type: "number"
|
|
151
|
-
}, xAxisProps)
|
|
152
|
-
),
|
|
153
|
-
/* @__PURE__ */ React__default.default.createElement(
|
|
154
|
-
recharts.YAxis,
|
|
155
|
-
__spreadValues({
|
|
156
|
-
width: 200,
|
|
157
|
-
mirror: true,
|
|
158
|
-
allowDataOverflow: true,
|
|
159
|
-
axisLine: false,
|
|
160
|
-
tickLine: false,
|
|
161
|
-
orientation: yAxisAlign
|
|
162
|
-
}, yAxisProps)
|
|
163
|
-
),
|
|
164
|
-
/* @__PURE__ */ React__default.default.createElement(
|
|
165
|
-
recharts.Tooltip,
|
|
166
|
-
__spreadValues({
|
|
167
|
-
content: tooltipProps.format && /* @__PURE__ */ React__default.default.createElement(
|
|
168
|
-
TooltipFormatter,
|
|
169
|
-
{
|
|
170
|
-
deselected,
|
|
171
|
-
legends,
|
|
172
|
-
format: tooltipProps.format
|
|
173
|
-
}
|
|
174
|
-
)
|
|
175
|
-
}, tooltipProps)
|
|
176
|
-
),
|
|
177
|
-
streams.map((item, index) => {
|
|
178
|
-
if (deselected.includes(item.legend.id)) {
|
|
179
|
-
return null;
|
|
180
|
-
}
|
|
181
|
-
return /* @__PURE__ */ React__default.default.createElement(
|
|
182
|
-
recharts.Area,
|
|
183
|
-
{
|
|
184
|
-
key: index,
|
|
185
|
-
dataKey: `v${index}`,
|
|
186
|
-
stackId: type$1 === type.GraphType.Stack ? "stack" : void 0,
|
|
187
|
-
stroke: item.legend.stroke ? `${item.legend.color}1A` : item.legend.color,
|
|
188
|
-
fill: item.legend.fill,
|
|
189
|
-
isAnimationActive: false,
|
|
190
|
-
activeDot: {
|
|
191
|
-
stroke: item.legend.color,
|
|
192
|
-
r: 4,
|
|
193
|
-
strokeWidth: 2,
|
|
194
|
-
fill: "white"
|
|
195
|
-
}
|
|
196
|
-
}
|
|
197
|
-
);
|
|
198
|
-
})
|
|
199
|
-
)));
|
|
200
|
-
};
|
|
201
|
-
var RenderChart$1 = RenderChart;
|
|
202
|
-
|
|
203
|
-
module.exports = RenderChart$1;
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var MetricLegend = require('./MetricLegend.js');
|
|
4
|
-
var styled = require('./styled.js');
|
|
5
|
-
var React = require('react');
|
|
6
|
-
|
|
7
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
8
|
-
|
|
9
|
-
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
10
|
-
|
|
11
|
-
var __defProp = Object.defineProperty;
|
|
12
|
-
var __defProps = Object.defineProperties;
|
|
13
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
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, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
18
|
-
var __spreadValues = (a, b) => {
|
|
19
|
-
for (var prop in b || (b = {}))
|
|
20
|
-
if (__hasOwnProp.call(b, prop))
|
|
21
|
-
__defNormalProp(a, prop, b[prop]);
|
|
22
|
-
if (__getOwnPropSymbols)
|
|
23
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
24
|
-
if (__propIsEnum.call(b, prop))
|
|
25
|
-
__defNormalProp(a, prop, b[prop]);
|
|
26
|
-
}
|
|
27
|
-
return a;
|
|
28
|
-
};
|
|
29
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
30
|
-
const TooltipFormatter = (props) => {
|
|
31
|
-
const { active, payload, deselected, legends, format } = props;
|
|
32
|
-
if (!active || !(payload == null ? void 0 : payload.length)) {
|
|
33
|
-
return null;
|
|
34
|
-
}
|
|
35
|
-
return /* @__PURE__ */ React__default.default.createElement(styled.TooltipWrapper, null, payload.map((item, index) => {
|
|
36
|
-
return __spreadProps(__spreadValues({}, item), {
|
|
37
|
-
legend: legends[index]
|
|
38
|
-
});
|
|
39
|
-
}).sort((a, b) => b.value - a.value).map((item) => {
|
|
40
|
-
return deselected.includes(item.legend.id) ? null : /* @__PURE__ */ React__default.default.createElement(styled.TooltipColumn, { key: item.legend.id }, /* @__PURE__ */ React__default.default.createElement("div", null, /* @__PURE__ */ React__default.default.createElement(MetricLegend.ColorBlock, { background: item.legend.color }), item.legend.name), /* @__PURE__ */ React__default.default.createElement("div", { className: "column-value" }, format(item)));
|
|
41
|
-
}));
|
|
42
|
-
};
|
|
43
|
-
var TooltipFormatter$1 = TooltipFormatter;
|
|
44
|
-
|
|
45
|
-
module.exports = TooltipFormatter$1;
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var parrot = require('@cloudtower/parrot');
|
|
6
|
-
var index = require('../ErrorBoundary/index.js');
|
|
7
|
-
var Pointer = require('./Pointer.js');
|
|
8
|
-
var RenderChart = require('./RenderChart.js');
|
|
9
|
-
var styled = require('./styled.js');
|
|
10
|
-
var cs = require('classnames');
|
|
11
|
-
var React = require('react');
|
|
12
|
-
|
|
13
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
-
|
|
15
|
-
var cs__default = /*#__PURE__*/_interopDefault(cs);
|
|
16
|
-
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
17
|
-
|
|
18
|
-
var __defProp = Object.defineProperty;
|
|
19
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
20
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
21
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
22
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
23
|
-
var __spreadValues = (a, b) => {
|
|
24
|
-
for (var prop in b || (b = {}))
|
|
25
|
-
if (__hasOwnProp.call(b, prop))
|
|
26
|
-
__defNormalProp(a, prop, b[prop]);
|
|
27
|
-
if (__getOwnPropSymbols)
|
|
28
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
29
|
-
if (__propIsEnum.call(b, prop))
|
|
30
|
-
__defNormalProp(a, prop, b[prop]);
|
|
31
|
-
}
|
|
32
|
-
return a;
|
|
33
|
-
};
|
|
34
|
-
const Metric = (props) => {
|
|
35
|
-
const {
|
|
36
|
-
height = 154,
|
|
37
|
-
showPointer = true,
|
|
38
|
-
showLegend = true,
|
|
39
|
-
showXaxis = false,
|
|
40
|
-
chartProps
|
|
41
|
-
} = props;
|
|
42
|
-
const [width, setWidth] = React.useState();
|
|
43
|
-
const wrapperRef = React.useRef(null);
|
|
44
|
-
React.useEffect(() => {
|
|
45
|
-
var _a;
|
|
46
|
-
setWidth((_a = wrapperRef.current) == null ? void 0 : _a.offsetWidth);
|
|
47
|
-
}, []);
|
|
48
|
-
return /* @__PURE__ */ React__default.default.createElement(index, { i18n: parrot.parrotI18n }, /* @__PURE__ */ React__default.default.createElement(
|
|
49
|
-
styled.MetricWrapper,
|
|
50
|
-
{
|
|
51
|
-
className: cs__default.default("metric-wrapper", !showXaxis && "hidden-xaxis"),
|
|
52
|
-
ref: wrapperRef,
|
|
53
|
-
style: { height: showLegend ? height + 30 : height }
|
|
54
|
-
},
|
|
55
|
-
/* @__PURE__ */ React__default.default.createElement(RenderChart, __spreadValues({}, chartProps)),
|
|
56
|
-
showPointer && /* @__PURE__ */ React__default.default.createElement(Pointer, { uuid: chartProps.syncId, metricWidth: width })
|
|
57
|
-
));
|
|
58
|
-
};
|
|
59
|
-
var Metric$1 = Metric;
|
|
60
|
-
|
|
61
|
-
exports.Pointer = Pointer;
|
|
62
|
-
exports.RenderChart = RenderChart;
|
|
63
|
-
exports.default = Metric$1;
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var react = require('@linaria/react');
|
|
4
|
-
|
|
5
|
-
const MetricLegendTabStyle = "E_mp64wfi";
|
|
6
|
-
const LegendStyle = "E_l1oyigan";
|
|
7
|
-
const LegendItemStyle = "E_l1noi4n1";
|
|
8
|
-
const ColorBlockStyle = "E_cz19rz6";
|
|
9
|
-
const ExtraResource = "E_e17r5r9c";
|
|
10
|
-
const MetricWrapper = /*#__PURE__*/react.styled('div')({
|
|
11
|
-
name: "MetricWrapper",
|
|
12
|
-
class: "E_m1y1hhnr",
|
|
13
|
-
propsAsIs: false
|
|
14
|
-
});
|
|
15
|
-
const TooltipWrapper = /*#__PURE__*/react.styled('div')({
|
|
16
|
-
name: "TooltipWrapper",
|
|
17
|
-
class: "E_tnvijvs",
|
|
18
|
-
propsAsIs: false
|
|
19
|
-
});
|
|
20
|
-
const TooltipColumn = /*#__PURE__*/react.styled('div')({
|
|
21
|
-
name: "TooltipColumn",
|
|
22
|
-
class: "E_t1ub2aex",
|
|
23
|
-
propsAsIs: false
|
|
24
|
-
});
|
|
25
|
-
|
|
26
|
-
exports.ColorBlockStyle = ColorBlockStyle;
|
|
27
|
-
exports.ExtraResource = ExtraResource;
|
|
28
|
-
exports.LegendItemStyle = LegendItemStyle;
|
|
29
|
-
exports.LegendStyle = LegendStyle;
|
|
30
|
-
exports.MetricLegendTabStyle = MetricLegendTabStyle;
|
|
31
|
-
exports.MetricWrapper = MetricWrapper;
|
|
32
|
-
exports.TooltipColumn = TooltipColumn;
|
|
33
|
-
exports.TooltipWrapper = TooltipWrapper;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var TimeUnit = /* @__PURE__ */ ((TimeUnit2) => {
|
|
4
|
-
TimeUnit2["Day"] = "DAY";
|
|
5
|
-
TimeUnit2["Hour"] = "HOUR";
|
|
6
|
-
TimeUnit2["Month"] = "MONTH";
|
|
7
|
-
return TimeUnit2;
|
|
8
|
-
})(TimeUnit || {});
|
|
9
|
-
var GraphType = /* @__PURE__ */ ((GraphType2) => {
|
|
10
|
-
GraphType2["Area"] = "AREA";
|
|
11
|
-
GraphType2["Stack"] = "STACK";
|
|
12
|
-
return GraphType2;
|
|
13
|
-
})(GraphType || {});
|
|
14
|
-
|
|
15
|
-
exports.GraphType = GraphType;
|
|
16
|
-
exports.TimeUnit = TimeUnit;
|
package/dist/cjs/core/index.js
DELETED
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var index$5 = require('./Bit/index.js');
|
|
4
|
-
var index$6 = require('./BitPerSecond/index.js');
|
|
5
|
-
var index$7 = require('./Bps/index.js');
|
|
6
|
-
var index$b = require('./Byte/index.js');
|
|
7
|
-
var index$q = require('./Frequency/index.js');
|
|
8
|
-
var index$G = require('./Percent/index.js');
|
|
9
|
-
var index$J = require('./Second/index.js');
|
|
10
|
-
var index$N = require('./Speed/index.js');
|
|
11
|
-
|
|
12
|
-
const units = {
|
|
13
|
-
Percent: index$G,
|
|
14
|
-
Byte: index$b,
|
|
15
|
-
Frequency: index$q,
|
|
16
|
-
Speed: index$N,
|
|
17
|
-
Bps: index$7,
|
|
18
|
-
BitPerSecond: index$6,
|
|
19
|
-
Bit: index$5,
|
|
20
|
-
Second: index$J
|
|
21
|
-
};
|
|
22
|
-
|
|
23
|
-
exports.Bit = index$5;
|
|
24
|
-
exports.BitPerSecond = index$6;
|
|
25
|
-
exports.Bps = index$7;
|
|
26
|
-
exports.Byte = index$b;
|
|
27
|
-
exports.Frequency = index$q;
|
|
28
|
-
exports.Percent = index$G;
|
|
29
|
-
exports.Second = index$J;
|
|
30
|
-
exports.Speed = index$N;
|
|
31
|
-
exports.Units = units;
|
|
32
|
-
exports.units = units;
|
package/dist/cjs/legacy-antd.js
DELETED
|
@@ -1,213 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var antd = require('antd');
|
|
4
|
-
var React = require('react');
|
|
5
|
-
var index$O = require('./core/AccordionCard/index.js');
|
|
6
|
-
var index$n = require('./core/Alert/index.js');
|
|
7
|
-
var index$u = require('./core/Arch/index.js');
|
|
8
|
-
var index$p = require('./core/Badge/index.js');
|
|
9
|
-
var index$j = require('./core/Bit/index.js');
|
|
10
|
-
var index$i = require('./core/BitPerSecond/index.js');
|
|
11
|
-
var index$h = require('./core/Bps/index.js');
|
|
12
|
-
var index$S = require('./core/Breadcrumb/index.js');
|
|
13
|
-
var index$5 = require('./core/Button/index.js');
|
|
14
|
-
var index$v = require('./core/ButtonGroup/index.js');
|
|
15
|
-
var index$e = require('./core/Byte/index.js');
|
|
16
|
-
var index$D = require('./core/Calendar/index.js');
|
|
17
|
-
var index$E = require('./core/Card/index.js');
|
|
18
|
-
var index$b = require('./core/Checkbox/index.js');
|
|
19
|
-
var index$r = require('./core/DeprecatedProgress/index.js');
|
|
20
|
-
var index$P = require('./core/DetailCard/index.js');
|
|
21
|
-
var index$V = require('./core/DonutChart/index.js');
|
|
22
|
-
var index$11 = require('./core/DropdownMenu/index.js');
|
|
23
|
-
var index$m = require('./core/Empty/index.js');
|
|
24
|
-
var index$1 = require('./core/Error/index.js');
|
|
25
|
-
var ExpandableContainer = require('./core/ExpandableList/ExpandableContainer.js');
|
|
26
|
-
var ExpandableItem = require('./core/ExpandableList/ExpandableItem.js');
|
|
27
|
-
var index$c = require('./core/Fields/index.js');
|
|
28
|
-
var index$x = require('./core/Form/index.js');
|
|
29
|
-
var index$f = require('./core/Frequency/index.js');
|
|
30
|
-
var index$9 = require('./core/Input/index.js');
|
|
31
|
-
var index$l = require('./core/InputGroup/index.js');
|
|
32
|
-
var index$10 = require('./core/Link/index.js');
|
|
33
|
-
var index = require('./core/Loading/index.js');
|
|
34
|
-
var index$s = require('./core/message/index.js');
|
|
35
|
-
var index$6 = require('./core/Modal/index.js');
|
|
36
|
-
var index$2 = require('./core/Pagination/index.js');
|
|
37
|
-
var index$d = require('./core/Percent/index.js');
|
|
38
|
-
var index$q = require('./core/Radio/index.js');
|
|
39
|
-
var index$o = require('./core/SearchInput/index.js');
|
|
40
|
-
var index$k = require('./core/Second/index.js');
|
|
41
|
-
var index$14 = require('./core/SegmentControl/index.js');
|
|
42
|
-
var index$3 = require('./core/Select/index.js');
|
|
43
|
-
var index$y = require('./core/SimplePagination/index.js');
|
|
44
|
-
var index$g = require('./core/Speed/index.js');
|
|
45
|
-
var index$C = require('./core/StatusCapsule/index.js');
|
|
46
|
-
var index$T = require('./core/StepProgress/index.js');
|
|
47
|
-
var index$w = require('./core/Steps/index.js');
|
|
48
|
-
var index$7 = require('./core/Switch/index.js');
|
|
49
|
-
var index$4 = require('./core/Table/index.js');
|
|
50
|
-
var index$A = require('./core/TableForm/index.js');
|
|
51
|
-
var index$t = require('./core/Tag/index.js');
|
|
52
|
-
var index$a = require('./core/TextArea/index.js');
|
|
53
|
-
var index$M = require('./core/Time/index.js');
|
|
54
|
-
var index$z = require('./core/TimeZoneSelect/index.js');
|
|
55
|
-
var index$B = require('./core/Token/index.js');
|
|
56
|
-
var index$8 = require('./core/Tooltip/index.js');
|
|
57
|
-
var index$L = require('./core/Truncate/index.js');
|
|
58
|
-
var index$12 = require('./coreX/BatchOperation/index.js');
|
|
59
|
-
var index$U = require('./coreX/ChartWithTooltip/index.js');
|
|
60
|
-
var index$R = require('./coreX/Counting/index.js');
|
|
61
|
-
var index$K = require('./coreX/CronCalendar/index.js');
|
|
62
|
-
var index$I = require('./coreX/CronPlan/index.js');
|
|
63
|
-
var index$W = require('./coreX/DeprecatedDonutChart/index.js');
|
|
64
|
-
var index$N = require('./coreX/DropdownTransition/index.js');
|
|
65
|
-
var index$Y = require('./coreX/GoBackButton/index.js');
|
|
66
|
-
var index$G = require('./coreX/I18nNameTag/index.js');
|
|
67
|
-
var index$J = require('./coreX/NamesTooltip/index.js');
|
|
68
|
-
var index$F = require('./coreX/OverflowTooltip/index.js');
|
|
69
|
-
var index$$ = require('./coreX/SidebarSubtitle/index.js');
|
|
70
|
-
var index$_ = require('./coreX/SortableList/index.js');
|
|
71
|
-
var index$Z = require('./coreX/SummaryTable/index.js');
|
|
72
|
-
var index$H = require('./coreX/SwitchWithText/index.js');
|
|
73
|
-
var index$Q = require('./coreX/TruncatedTextWithTooltip/index.js');
|
|
74
|
-
var index$X = require('./coreX/UnitWithChart/index.js');
|
|
75
|
-
var index$13 = require('./coreX/DateRangePicker/index.js');
|
|
76
|
-
|
|
77
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
78
|
-
|
|
79
|
-
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
80
|
-
|
|
81
|
-
function getAntdKit() {
|
|
82
|
-
const kit = {
|
|
83
|
-
loading: index,
|
|
84
|
-
error: index$1,
|
|
85
|
-
pagination: index$2.default,
|
|
86
|
-
select: index$3,
|
|
87
|
-
option: antd.Select.Option,
|
|
88
|
-
selectOptGroup: antd.Select.OptGroup,
|
|
89
|
-
table: index$4.default,
|
|
90
|
-
row: antd.Row,
|
|
91
|
-
col: antd.Col,
|
|
92
|
-
button: index$5,
|
|
93
|
-
modal: index$6,
|
|
94
|
-
dropdown: antd.Dropdown,
|
|
95
|
-
switch: index$7,
|
|
96
|
-
tooltip: index$8,
|
|
97
|
-
input: index$9,
|
|
98
|
-
textArea: index$a,
|
|
99
|
-
checkbox: index$b,
|
|
100
|
-
fields: index$c,
|
|
101
|
-
units: {
|
|
102
|
-
Percent: index$d,
|
|
103
|
-
Byte: index$e,
|
|
104
|
-
Frequency: index$f,
|
|
105
|
-
Speed: index$g,
|
|
106
|
-
Bps: index$h,
|
|
107
|
-
BitPerSecond: index$i,
|
|
108
|
-
Bit: index$j,
|
|
109
|
-
Second: index$k
|
|
110
|
-
},
|
|
111
|
-
inputGroup: index$l,
|
|
112
|
-
Empty: /* @__PURE__ */ React__default.default.createElement(index$m, null),
|
|
113
|
-
alert: index$n,
|
|
114
|
-
searchInput: index$o,
|
|
115
|
-
badge: index$p,
|
|
116
|
-
radio: index$q.default,
|
|
117
|
-
radioGroup: index$q.RadioGroup,
|
|
118
|
-
radioButton: index$q.RadioButton,
|
|
119
|
-
tree: antd.Tree,
|
|
120
|
-
DeprecatedProgress: index$r,
|
|
121
|
-
divider: antd.Divider,
|
|
122
|
-
skeleton: antd.Skeleton,
|
|
123
|
-
skeletonButton: antd.Skeleton.Button,
|
|
124
|
-
list: antd.List,
|
|
125
|
-
listItem: antd.List.Item,
|
|
126
|
-
menu: antd.Menu,
|
|
127
|
-
menuItem: antd.Menu.Item,
|
|
128
|
-
menuItemGroup: antd.Menu.ItemGroup,
|
|
129
|
-
layout: antd.Layout,
|
|
130
|
-
autoComplete: antd.AutoComplete,
|
|
131
|
-
message: index$s.default,
|
|
132
|
-
tag: index$t.default,
|
|
133
|
-
popover: antd.Popover,
|
|
134
|
-
arch: index$u,
|
|
135
|
-
buttonGroup: index$v.default,
|
|
136
|
-
steps: index$w,
|
|
137
|
-
form: index$x,
|
|
138
|
-
simplePagination: index$y,
|
|
139
|
-
space: antd.Space,
|
|
140
|
-
timeZoneSelect: index$z,
|
|
141
|
-
timeline: antd.Timeline,
|
|
142
|
-
timelineItem: antd.Timeline.Item,
|
|
143
|
-
checkboxGroup: antd.Checkbox.Group,
|
|
144
|
-
typographyText: antd.Typography.Text,
|
|
145
|
-
upload: antd.Upload,
|
|
146
|
-
datePickerRangePicker: antd.DatePicker.RangePicker,
|
|
147
|
-
tableForm: index$A.default,
|
|
148
|
-
token: index$B.default,
|
|
149
|
-
statusCapsule: index$C.default,
|
|
150
|
-
uploadDragger: antd.Upload.Dragger,
|
|
151
|
-
calendar: index$D,
|
|
152
|
-
timePicker: antd.TimePicker,
|
|
153
|
-
datePicker: antd.DatePicker,
|
|
154
|
-
tabs: antd.Tabs,
|
|
155
|
-
tabsTabPane: antd.Tabs.TabPane,
|
|
156
|
-
antdBadge: antd.Badge,
|
|
157
|
-
antdMessage: antd.message,
|
|
158
|
-
antdButton: antd.Button,
|
|
159
|
-
antdSelect: antd.Select,
|
|
160
|
-
antdTooltip: antd.Tooltip,
|
|
161
|
-
antdModal: antd.Modal,
|
|
162
|
-
antdInput: antd.Input,
|
|
163
|
-
antdTable: antd.Table,
|
|
164
|
-
antdEmpty: antd.Empty,
|
|
165
|
-
antdCheckbox: antd.Checkbox,
|
|
166
|
-
antdSwitch: antd.Switch,
|
|
167
|
-
antdCollapse: antd.Collapse,
|
|
168
|
-
antdTreeSelect: antd.TreeSelect,
|
|
169
|
-
antdDrawer: antd.Drawer,
|
|
170
|
-
antdSteps: antd.Steps,
|
|
171
|
-
card: index$E,
|
|
172
|
-
overflowTooltip: index$F,
|
|
173
|
-
I18nNameTag: index$G,
|
|
174
|
-
SwitchWithText: index$H,
|
|
175
|
-
CronPlan: index$I.default,
|
|
176
|
-
NamesTooltip: index$J,
|
|
177
|
-
CronCalendar: index$K,
|
|
178
|
-
truncate: index$L,
|
|
179
|
-
expandableList: {
|
|
180
|
-
ExpandableContainer,
|
|
181
|
-
ExpandableItem
|
|
182
|
-
},
|
|
183
|
-
time: index$M,
|
|
184
|
-
DropdownTransition: index$N,
|
|
185
|
-
AccordionCard: index$O,
|
|
186
|
-
DetailCard: index$P,
|
|
187
|
-
TruncatedTextWithTooltip: index$Q,
|
|
188
|
-
Counting: index$R,
|
|
189
|
-
Breadcrumb: index$S.default,
|
|
190
|
-
CircleProgress: index$T.CircleProgress,
|
|
191
|
-
ChartWithTooltip: index$U.default,
|
|
192
|
-
ChartWithUnit: index$U.ChartWithUnit,
|
|
193
|
-
DonutChart: index$V.default,
|
|
194
|
-
DeprecatedDonutChart: index$W,
|
|
195
|
-
UnitWithChart: index$X.default,
|
|
196
|
-
GoBackButton: index$Y,
|
|
197
|
-
SummaryTable: index$Z.default,
|
|
198
|
-
SortableList: index$_,
|
|
199
|
-
SidebarSubtitle: index$$,
|
|
200
|
-
Link: index$10,
|
|
201
|
-
DropdownMenu: index$11.default,
|
|
202
|
-
BatchOperation: index$12.default,
|
|
203
|
-
DateRangePicker: index$13.default,
|
|
204
|
-
SegmentedControl: index$14
|
|
205
|
-
};
|
|
206
|
-
kit.option.isSelectOption = true;
|
|
207
|
-
kit.button.__ANT_BUTTON = true;
|
|
208
|
-
return kit;
|
|
209
|
-
}
|
|
210
|
-
const antdKit = getAntdKit();
|
|
211
|
-
|
|
212
|
-
exports.antdKit = antdKit;
|
|
213
|
-
exports.getAntdKit = getAntdKit;
|
package/dist/esm/antd.js
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { DatePicker, List, Menu, Skeleton, Tabs, Timeline, Typography, Upload, Select, Modal } from 'antd';
|
|
2
|
-
export { Badge as AntdBadge, Button as AntdButton, Checkbox as AntdCheckbox, Collapse as AntdCollapse, Divider as AntdDivider, Drawer as AntdDrawer, Empty as AntdEmpty, Input as AntdInput, message as AntdMessage, Select as AntdSelect, Steps as AntdSteps, Switch as AntdSwitch, Table as AntdTable, TimePicker as AntdTimePicker, Tooltip as AntdTooltip, TreeSelect as AntdTreeSelect, AutoComplete, Col, DatePicker, Dropdown, Layout, List, Menu, Popover, Row, Skeleton, Tabs, Timeline, Tree, Typography, Upload } from 'antd';
|
|
3
|
-
|
|
4
|
-
const DatePickerRangePicker = DatePicker.RangePicker;
|
|
5
|
-
const ListItem = List.Item;
|
|
6
|
-
const MenuItemGroup = Menu.ItemGroup;
|
|
7
|
-
const SkeletonButton = Skeleton.Button;
|
|
8
|
-
const TabsTabPane = Tabs.TabPane;
|
|
9
|
-
const TimelineItem = Timeline.Item;
|
|
10
|
-
const TypographyText = Typography.Text;
|
|
11
|
-
const UploadDragger = Upload.Dragger;
|
|
12
|
-
const AntdOption = Select.Option;
|
|
13
|
-
const AntdSelectOptGroup = Select.OptGroup;
|
|
14
|
-
const AntdModal = Modal;
|
|
15
|
-
|
|
16
|
-
export { AntdModal, AntdOption, AntdSelectOptGroup, DatePickerRangePicker, ListItem, MenuItemGroup, SkeletonButton, TabsTabPane, TimelineItem, TypographyText, UploadDragger };
|
package/dist/esm/antdReexport.js
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { DatePicker, List, Menu, Skeleton, Tabs, Timeline, Typography, Upload } from 'antd';
|
|
2
|
-
export { Badge as AntdBadge, Button as AntdButton, Checkbox as AntdCheckbox, Collapse as AntdCollapse, Divider as AntdDivider, Drawer as AntdDrawer, Empty as AntdEmpty, Input as AntdInput, message as AntdMessage, Modal as AntdModal, Select as AntdSelect, Steps as AntdSteps, Switch as AntdSwitch, Table as AntdTable, TimePicker as AntdTimePicker, Tooltip as AntdTooltip, TreeSelect as AntdTreeSelect, AutoComplete, Col, DatePicker, Dropdown, Layout, List, Menu, Popover, Row, Skeleton, Tabs, Timeline, Tree, Typography, Upload } from 'antd';
|
|
3
|
-
|
|
4
|
-
const DatePickerRangePicker = DatePicker.RangePicker;
|
|
5
|
-
const ListItem = List.Item;
|
|
6
|
-
const MenuItemGroup = Menu.ItemGroup;
|
|
7
|
-
const SkeletonButton = Skeleton.Button;
|
|
8
|
-
const TabsTabPane = Tabs.TabPane;
|
|
9
|
-
const TimelineItem = Timeline.Item;
|
|
10
|
-
const TypographyText = Typography.Text;
|
|
11
|
-
const UploadDragger = Upload.Dragger;
|
|
12
|
-
|
|
13
|
-
export { DatePickerRangePicker, ListItem, MenuItemGroup, SkeletonButton, TabsTabPane, TimelineItem, TypographyText, UploadDragger };
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import React__default from 'react';
|
|
2
|
-
import { withTranslation } from 'react-i18next';
|
|
3
|
-
|
|
4
|
-
class ErrorBoundary extends React__default.Component {
|
|
5
|
-
constructor(props) {
|
|
6
|
-
super(props);
|
|
7
|
-
this.state = { error: null };
|
|
8
|
-
}
|
|
9
|
-
static getDerivedStateFromError(error) {
|
|
10
|
-
return { error };
|
|
11
|
-
}
|
|
12
|
-
render() {
|
|
13
|
-
if (this.state.error) {
|
|
14
|
-
return /* @__PURE__ */ React__default.createElement("div", { title: String(this.state.error) }, this.props.t("components.unknow_error"));
|
|
15
|
-
}
|
|
16
|
-
return this.props.children;
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
var ErrorBoundary$1 = withTranslation()(ErrorBoundary);
|
|
20
|
-
|
|
21
|
-
export { ErrorBoundary$1 as default };
|