@cloudtower/eagle 0.32.31 → 0.32.33
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/BitPerSecond/index.js +3 -3
- package/dist/cjs/coreX/CheckPointList/checkpointlist.style.js +9 -0
- package/dist/cjs/coreX/CheckPointList/index.js +90 -0
- package/dist/cjs/coreX/InfoRowList/InfoRow.js +31 -0
- package/dist/cjs/coreX/InfoRowList/InfoRowList.js +60 -0
- package/dist/cjs/index.js +44 -39
- package/dist/cjs/stats1.html +1 -1
- package/dist/components.css +3912 -3752
- package/dist/esm/core/BitPerSecond/index.js +3 -3
- package/dist/esm/coreX/CheckPointList/checkpointlist.style.js +5 -0
- package/dist/esm/coreX/CheckPointList/index.js +83 -0
- package/dist/esm/coreX/InfoRowList/InfoRow.js +25 -0
- package/dist/esm/coreX/InfoRowList/InfoRowList.js +54 -0
- package/dist/esm/index.js +3 -1
- package/dist/esm/stats1.html +1 -1
- package/dist/src/core/Alert/alert.type.d.ts +5 -4
- package/dist/src/core/BitPerSecond/index.d.ts +2 -2
- package/dist/src/coreX/CheckPointList/checkpointlist.style.d.ts +3 -0
- package/dist/src/coreX/CheckPointList/checkpointlist.type.d.ts +93 -0
- package/dist/src/coreX/CheckPointList/index.d.ts +8 -0
- package/dist/src/coreX/InfoRowList/InfoRow.d.ts +7 -0
- package/dist/src/coreX/InfoRowList/InfoRowList.d.ts +3 -0
- package/dist/src/coreX/InfoRowList/InfoRowList.type.d.ts +63 -0
- package/dist/src/coreX/InfoRowList/index.d.ts +1 -0
- package/dist/src/coreX/index.d.ts +5 -3
- package/dist/stories/docs/coreX/CheckPointList.stories.d.ts +67 -0
- package/dist/stories/docs/coreX/InfoRowList.stories.d.ts +36 -0
- package/dist/style.css +3974 -3836
- package/package.json +4 -4
|
@@ -27,7 +27,7 @@ var __spreadValues = (a, b) => {
|
|
|
27
27
|
}
|
|
28
28
|
return a;
|
|
29
29
|
};
|
|
30
|
-
const
|
|
30
|
+
const BitPerSecond = ({
|
|
31
31
|
rawValue,
|
|
32
32
|
decimals,
|
|
33
33
|
valueClassName,
|
|
@@ -40,6 +40,6 @@ const BitPerSeconds = ({
|
|
|
40
40
|
const { value, unit } = tower.formatBitPerSecond(rawValue, decimals);
|
|
41
41
|
return /* @__PURE__ */ React__default.default.createElement("span", null, /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx("value", valueClassName) }, value), /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx("unit", index$1.UnitStyle, unitClassName) }, ` ${unit}`));
|
|
42
42
|
};
|
|
43
|
-
var BitPerSecond =
|
|
43
|
+
var BitPerSecond$1 = BitPerSecond;
|
|
44
44
|
|
|
45
|
-
module.exports = BitPerSecond;
|
|
45
|
+
module.exports = BitPerSecond$1;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
const CheckPointListStyle = "E_cyms3br";
|
|
4
|
+
const CheckPointItemStyle = "E_c157gu4z";
|
|
5
|
+
const EmptyWrapper = "E_eu1sysj";
|
|
6
|
+
|
|
7
|
+
exports.CheckPointItemStyle = CheckPointItemStyle;
|
|
8
|
+
exports.CheckPointListStyle = CheckPointListStyle;
|
|
9
|
+
exports.EmptyWrapper = EmptyWrapper;
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
|
|
5
|
+
var iconsReact = require('@cloudtower/icons-react');
|
|
6
|
+
var antd5 = require('antd5');
|
|
7
|
+
var core = require('@linaria/core');
|
|
8
|
+
var checkpointlist_style = require('./checkpointlist.style.js');
|
|
9
|
+
var index = require('../Show/index.js');
|
|
10
|
+
var index$1 = require('../../core/Icon/index.js');
|
|
11
|
+
var index$2 = require('../../core/Typo/index.js');
|
|
12
|
+
var index$3 = require('../../core/Tag/index.js');
|
|
13
|
+
var index$4 = require('../../core/Alert/index.js');
|
|
14
|
+
var index$5 = require('../../core/Switch/index.js');
|
|
15
|
+
|
|
16
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
17
|
+
|
|
18
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
19
|
+
|
|
20
|
+
var __defProp = Object.defineProperty;
|
|
21
|
+
var __defProps = Object.defineProperties;
|
|
22
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
23
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
24
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
25
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
26
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
27
|
+
var __spreadValues = (a, b) => {
|
|
28
|
+
for (var prop in b || (b = {}))
|
|
29
|
+
if (__hasOwnProp.call(b, prop))
|
|
30
|
+
__defNormalProp(a, prop, b[prop]);
|
|
31
|
+
if (__getOwnPropSymbols)
|
|
32
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
33
|
+
if (__propIsEnum.call(b, prop))
|
|
34
|
+
__defNormalProp(a, prop, b[prop]);
|
|
35
|
+
}
|
|
36
|
+
return a;
|
|
37
|
+
};
|
|
38
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
39
|
+
const CheckPointItem = ({
|
|
40
|
+
description,
|
|
41
|
+
status,
|
|
42
|
+
key,
|
|
43
|
+
tagProps,
|
|
44
|
+
alertProps
|
|
45
|
+
}) => {
|
|
46
|
+
const icon = {
|
|
47
|
+
failed: iconsReact.XmarkFailedSeriousWarningFill16RedIcon,
|
|
48
|
+
success: iconsReact.CheckmarkDoneSuccessCircleFill16GreenIcon,
|
|
49
|
+
loading: iconsReact.Loading16GradientBlueIcon,
|
|
50
|
+
warning: iconsReact.NoticeTriangleFill16YellowIcon
|
|
51
|
+
};
|
|
52
|
+
return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(antd5.List.Item, { className: core.cx(checkpointlist_style.CheckPointItemStyle), key }, /* @__PURE__ */ React__default.default.createElement(index.Show, { condition: Boolean(icon) }, /* @__PURE__ */ React__default.default.createElement(
|
|
53
|
+
index$1,
|
|
54
|
+
{
|
|
55
|
+
src: icon[status],
|
|
56
|
+
className: "icon-wrapper",
|
|
57
|
+
isRotate: status === "loading"
|
|
58
|
+
}
|
|
59
|
+
)), /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx(index$2.Typo.Label.l4_regular, "description") }, description), /* @__PURE__ */ React__default.default.createElement(index.Show, { condition: Boolean(tagProps) }, /* @__PURE__ */ React__default.default.createElement(index$3.default, __spreadValues({}, tagProps)))), /* @__PURE__ */ React__default.default.createElement(index.Show, { condition: Boolean(alertProps) }, /* @__PURE__ */ React__default.default.createElement(index$4, __spreadValues({ showIcon: false }, alertProps))));
|
|
60
|
+
};
|
|
61
|
+
const CheckPointList = ({
|
|
62
|
+
items = [],
|
|
63
|
+
showSwitchControl = true,
|
|
64
|
+
title,
|
|
65
|
+
switchText,
|
|
66
|
+
emptyRender,
|
|
67
|
+
emptyText,
|
|
68
|
+
emptyTextClassName,
|
|
69
|
+
onClickSwitch
|
|
70
|
+
}) => {
|
|
71
|
+
const { t } = useParrotTranslation();
|
|
72
|
+
const [checked, setChecked] = React.useState(false);
|
|
73
|
+
const onClickSwitchFn = React.useCallback(() => {
|
|
74
|
+
const nextChecked = !checked;
|
|
75
|
+
setChecked(nextChecked);
|
|
76
|
+
onClickSwitch == null ? void 0 : onClickSwitch(checked);
|
|
77
|
+
}, [onClickSwitch, checked]);
|
|
78
|
+
const isEmpty = !items.length;
|
|
79
|
+
return /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx(checkpointlist_style.CheckPointListStyle) }, /* @__PURE__ */ React__default.default.createElement("header", { className: core.cx(index$2.Typo.Label.l4_bold) }, title, /* @__PURE__ */ React__default.default.createElement(index.Show, { condition: showSwitchControl }, /* @__PURE__ */ React__default.default.createElement("span", { className: "switch-text" }, /* @__PURE__ */ React__default.default.createElement(index$5, { checked, onChange: onClickSwitchFn, size: "small" }), /* @__PURE__ */ React__default.default.createElement("span", null, switchText || t("common.show_unpassed"))))), /* @__PURE__ */ React__default.default.createElement(
|
|
80
|
+
index.Show,
|
|
81
|
+
{
|
|
82
|
+
condition: isEmpty,
|
|
83
|
+
fallback: /* @__PURE__ */ React__default.default.createElement(antd5.List, { split: false, bordered: false }, items.map((item, index) => /* @__PURE__ */ React__default.default.createElement(CheckPointItem, __spreadProps(__spreadValues({}, item), { key: `checklist-item-${index}` }))))
|
|
84
|
+
},
|
|
85
|
+
emptyRender ? emptyRender(emptyText) : /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx(checkpointlist_style.EmptyWrapper, emptyTextClassName) }, emptyText)
|
|
86
|
+
));
|
|
87
|
+
};
|
|
88
|
+
|
|
89
|
+
exports.CheckPointItem = CheckPointItem;
|
|
90
|
+
exports.CheckPointList = CheckPointList;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var react = require('@linaria/react');
|
|
4
|
+
var React = require('react');
|
|
5
|
+
|
|
6
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
7
|
+
|
|
8
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
9
|
+
|
|
10
|
+
const InfoRow = ({
|
|
11
|
+
label,
|
|
12
|
+
content,
|
|
13
|
+
className,
|
|
14
|
+
onClick
|
|
15
|
+
}) => {
|
|
16
|
+
return /* @__PURE__ */React__default.default.createElement(Col, {
|
|
17
|
+
className,
|
|
18
|
+
onClick
|
|
19
|
+
}, /* @__PURE__ */React__default.default.createElement("div", {
|
|
20
|
+
className: "col-label"
|
|
21
|
+
}, label), /* @__PURE__ */React__default.default.createElement("div", {
|
|
22
|
+
className: "col-content"
|
|
23
|
+
}, content));
|
|
24
|
+
};
|
|
25
|
+
const Col = /*#__PURE__*/react.styled('div')({
|
|
26
|
+
name: "Col",
|
|
27
|
+
class: "E_c14ouk5o",
|
|
28
|
+
propsAsIs: false
|
|
29
|
+
});
|
|
30
|
+
|
|
31
|
+
exports.InfoRow = InfoRow;
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var core = require('@linaria/core');
|
|
4
|
+
var react = require('@linaria/react');
|
|
5
|
+
var index = require('../../core/Loading/index.js');
|
|
6
|
+
var React = require('react');
|
|
7
|
+
var InfoRow = require('./InfoRow.js');
|
|
8
|
+
|
|
9
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
+
|
|
11
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
12
|
+
|
|
13
|
+
const InfoListRowStyle = "E_i5w779o";
|
|
14
|
+
const LooseStyle = "E_l18dja44";
|
|
15
|
+
const ContentWrapper = /*#__PURE__*/react.styled('div')({
|
|
16
|
+
name: "ContentWrapper",
|
|
17
|
+
class: "E_c8c2hys",
|
|
18
|
+
propsAsIs: false
|
|
19
|
+
});
|
|
20
|
+
const NullText = /*#__PURE__*/react.styled('div')({
|
|
21
|
+
name: "NullText",
|
|
22
|
+
class: "E_n4m6c4d",
|
|
23
|
+
propsAsIs: false
|
|
24
|
+
});
|
|
25
|
+
const InfoRowList = React__default.default.forwardRef(function InfoList(props, ref) {
|
|
26
|
+
const {
|
|
27
|
+
loading,
|
|
28
|
+
data,
|
|
29
|
+
className,
|
|
30
|
+
rowClassName,
|
|
31
|
+
compact
|
|
32
|
+
} = props;
|
|
33
|
+
if (loading) {
|
|
34
|
+
return /* @__PURE__ */React__default.default.createElement("div", {
|
|
35
|
+
ref,
|
|
36
|
+
className
|
|
37
|
+
}, /* @__PURE__ */React__default.default.createElement(index, null));
|
|
38
|
+
}
|
|
39
|
+
return /* @__PURE__ */React__default.default.createElement("div", {
|
|
40
|
+
ref,
|
|
41
|
+
className
|
|
42
|
+
}, data.map(item => {
|
|
43
|
+
const {
|
|
44
|
+
key,
|
|
45
|
+
value,
|
|
46
|
+
name,
|
|
47
|
+
action,
|
|
48
|
+
hidden
|
|
49
|
+
} = item;
|
|
50
|
+
if (hidden) return null;
|
|
51
|
+
return /* @__PURE__ */React__default.default.createElement(InfoRow.InfoRow, {
|
|
52
|
+
key,
|
|
53
|
+
className: core.cx(compact ? "" : LooseStyle, InfoListRowStyle, rowClassName),
|
|
54
|
+
label: /* @__PURE__ */React__default.default.createElement("div", null, name || key),
|
|
55
|
+
content: /* @__PURE__ */React__default.default.createElement(ContentWrapper, null, value || /* @__PURE__ */React__default.default.createElement(NullText, null, "-"), action)
|
|
56
|
+
});
|
|
57
|
+
}));
|
|
58
|
+
});
|
|
59
|
+
|
|
60
|
+
exports.InfoRowList = InfoRowList;
|
package/dist/cjs/index.js
CHANGED
|
@@ -113,30 +113,32 @@ var index$1g = require('./core/Typo/index.js');
|
|
|
113
113
|
var index$1h = require('./coreX/BarChart/index.js');
|
|
114
114
|
var index$1i = require('./coreX/BatchOperation/index.js');
|
|
115
115
|
var index$1j = require('./coreX/ChartWithTooltip/index.js');
|
|
116
|
-
var index$1k = require('./coreX/
|
|
117
|
-
var index$1l = require('./coreX/
|
|
118
|
-
var index$1m = require('./coreX/
|
|
119
|
-
var index$1n = require('./coreX/
|
|
120
|
-
var index$1o = require('./coreX/
|
|
121
|
-
var index$1p = require('./coreX/
|
|
122
|
-
var index$1q = require('./coreX/
|
|
123
|
-
var index$1r = require('./coreX/
|
|
124
|
-
var index$1s = require('./coreX/
|
|
125
|
-
var index$1t = require('./coreX/
|
|
126
|
-
var index$1u = require('./coreX/
|
|
127
|
-
var index$1v = require('./coreX/
|
|
128
|
-
var index$1w = require('./coreX/
|
|
129
|
-
var index$1x = require('./coreX/
|
|
130
|
-
var index$1y = require('./coreX/
|
|
131
|
-
var index$1z = require('./coreX/
|
|
132
|
-
var index$1A = require('./coreX/
|
|
133
|
-
var index$1B = require('./coreX/
|
|
116
|
+
var index$1k = require('./coreX/CircleLoading/index.js');
|
|
117
|
+
var index$1l = require('./coreX/Counting/index.js');
|
|
118
|
+
var index$1m = require('./coreX/CronCalendar/index.js');
|
|
119
|
+
var index$1n = require('./coreX/CronPlan/index.js');
|
|
120
|
+
var index$1o = require('./coreX/DateRangePicker/index.js');
|
|
121
|
+
var index$1p = require('./coreX/DeprecatedDonutChart/index.js');
|
|
122
|
+
var index$1q = require('./coreX/DropdownTransition/index.js');
|
|
123
|
+
var index$1r = require('./coreX/GoBackButton/index.js');
|
|
124
|
+
var index$1s = require('./coreX/I18nNameTag/index.js');
|
|
125
|
+
var index$1t = require('./coreX/NamesTooltip/index.js');
|
|
126
|
+
var index$1u = require('./coreX/OverflowTooltip/index.js');
|
|
127
|
+
var index$1v = require('./coreX/SidebarSubtitle/index.js');
|
|
128
|
+
var index$1w = require('./coreX/Sider/index.js');
|
|
129
|
+
var index$1x = require('./coreX/SortableList/index.js');
|
|
130
|
+
var index$1y = require('./coreX/SummaryTable/index.js');
|
|
131
|
+
var index$1z = require('./coreX/SwitchWithText/index.js');
|
|
132
|
+
var index$1A = require('./coreX/TabMenu/index.js');
|
|
133
|
+
var index$1B = require('./coreX/UnitWithChart/index.js');
|
|
134
134
|
var getCalendarTitle = require('./coreX/common/getCalendarTitle.js');
|
|
135
135
|
var AbsoluteDate = require('./coreX/DateRangePicker/AbsoluteDate.js');
|
|
136
136
|
var Calendar = require('./coreX/DateRangePicker/Calendar.js');
|
|
137
137
|
var InputTime = require('./coreX/DateRangePicker/InputTime.js');
|
|
138
138
|
var RelativeTime = require('./coreX/DateRangePicker/RelativeTime.js');
|
|
139
|
+
var InfoRowList = require('./coreX/InfoRowList/InfoRowList.js');
|
|
139
140
|
var index$1C = require('./coreX/Show/index.js');
|
|
141
|
+
var index$1D = require('./coreX/CheckPointList/index.js');
|
|
140
142
|
var animation = require('./styles/token/animation.js');
|
|
141
143
|
var color = require('./styles/token/color.js');
|
|
142
144
|
var zIndices = require('./styles/token/zIndices.js');
|
|
@@ -503,33 +505,36 @@ exports.BatchOperation = index$1i.default;
|
|
|
503
505
|
exports.renderBatchOperationMenuItem = index$1i.renderBatchOperationMenuItem;
|
|
504
506
|
exports.ChartWithTooltip = index$1j.default;
|
|
505
507
|
exports.ChartWithUnit = index$1j.ChartWithUnit;
|
|
506
|
-
exports.
|
|
507
|
-
exports.
|
|
508
|
-
exports.
|
|
509
|
-
exports.
|
|
510
|
-
exports.
|
|
511
|
-
exports.
|
|
512
|
-
exports.
|
|
513
|
-
exports.
|
|
514
|
-
exports.
|
|
515
|
-
exports.
|
|
516
|
-
exports.
|
|
517
|
-
exports.
|
|
518
|
-
exports.
|
|
519
|
-
exports.
|
|
520
|
-
exports.
|
|
521
|
-
exports.
|
|
522
|
-
exports.
|
|
523
|
-
exports.
|
|
524
|
-
exports.
|
|
525
|
-
exports.
|
|
526
|
-
exports.
|
|
508
|
+
exports.CircleLoading = index$1k;
|
|
509
|
+
exports.Counting = index$1l;
|
|
510
|
+
exports.CronCalendar = index$1m;
|
|
511
|
+
exports.CronPlan = index$1n.default;
|
|
512
|
+
exports.stringifyPlan = index$1n.stringifyPlan;
|
|
513
|
+
exports.DateRangePicker = index$1o.default;
|
|
514
|
+
exports.DeprecatedDonutChart = index$1p;
|
|
515
|
+
exports.DropdownTransition = index$1q;
|
|
516
|
+
exports.GoBackButton = index$1r;
|
|
517
|
+
exports.I18nNameTag = index$1s;
|
|
518
|
+
exports.NamesTooltip = index$1t;
|
|
519
|
+
exports.OverflowTooltip = index$1u;
|
|
520
|
+
exports.SidebarSubtitle = index$1v;
|
|
521
|
+
exports.Sider = index$1w;
|
|
522
|
+
exports.SortableList = index$1x;
|
|
523
|
+
exports.SummaryTable = index$1y.default;
|
|
524
|
+
exports.SummaryTableRow = index$1y.SummaryTableRow;
|
|
525
|
+
exports.SwitchWithText = index$1z;
|
|
526
|
+
exports.TabMenu = index$1A;
|
|
527
|
+
exports.UnitWithChart = index$1B.default;
|
|
528
|
+
exports.UnitWrapper = index$1B.UnitWrapper;
|
|
527
529
|
exports.getCalendarTitle = getCalendarTitle.getCalendarTitle;
|
|
528
530
|
exports.AbsoluteDate = AbsoluteDate;
|
|
529
531
|
exports.DateRangePickerCalendar = Calendar;
|
|
530
532
|
exports.InputTime = InputTime;
|
|
531
533
|
exports.RelativeTime = RelativeTime;
|
|
534
|
+
exports.InfoRowList = InfoRowList.InfoRowList;
|
|
532
535
|
exports.Show = index$1C.Show;
|
|
536
|
+
exports.CheckPointItem = index$1D.CheckPointItem;
|
|
537
|
+
exports.CheckPointList = index$1D.CheckPointList;
|
|
533
538
|
exports.Animation = animation.Animation;
|
|
534
539
|
exports.Keyframes = animation.Keyframes;
|
|
535
540
|
exports.Color = color.Color;
|