@cloudtower/eagle 0.34.9 → 0.34.10
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/coreX/CheckPointList/index.js +39 -13
- package/dist/cjs/stats1.html +1 -1
- package/dist/components.css +2384 -2370
- package/dist/esm/coreX/CheckPointList/index.js +37 -12
- package/dist/esm/stats1.html +1 -1
- package/dist/linaria.merged.scss +2240 -2219
- package/dist/src/coreX/CheckPointList/checkpointlist.type.d.ts +17 -1
- package/dist/stories/docs/core/MediumDialog.stories.d.ts +4 -0
- package/dist/stories/docs/coreX/CheckPointList.stories.d.ts +1 -1
- package/dist/style.css +2384 -2370
- package/package.json +4 -4
|
@@ -5,17 +5,21 @@ var core = require('@linaria/core');
|
|
|
5
5
|
var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
|
|
6
6
|
var antd5 = require('antd5');
|
|
7
7
|
var React = require('react');
|
|
8
|
+
var cs = require('classnames');
|
|
8
9
|
var checkpointlist_style = require('./checkpointlist.style.js');
|
|
9
10
|
var index = require('../Show/index.js');
|
|
10
11
|
var index$1 = require('../../core/Icon/index.js');
|
|
11
12
|
var index$2 = require('../../core/Typo/index.js');
|
|
12
|
-
var index$3 = require('../../core/
|
|
13
|
-
var index$4 = require('../../core/
|
|
14
|
-
var index$5 = require('../../core/
|
|
13
|
+
var index$3 = require('../../core/Button/index.js');
|
|
14
|
+
var index$4 = require('../../core/Link/index.js');
|
|
15
|
+
var index$5 = require('../../core/Tag/index.js');
|
|
16
|
+
var index$6 = require('../../core/Alert/index.js');
|
|
17
|
+
var index$7 = require('../../core/Switch/index.js');
|
|
15
18
|
|
|
16
19
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
17
20
|
|
|
18
21
|
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
22
|
+
var cs__default = /*#__PURE__*/_interopDefault(cs);
|
|
19
23
|
|
|
20
24
|
var __defProp = Object.defineProperty;
|
|
21
25
|
var __defProps = Object.defineProperties;
|
|
@@ -41,13 +45,15 @@ const CheckPointItem = ({
|
|
|
41
45
|
status,
|
|
42
46
|
key,
|
|
43
47
|
tagProps,
|
|
44
|
-
alertProps
|
|
48
|
+
alertProps,
|
|
49
|
+
actions
|
|
45
50
|
}) => {
|
|
46
51
|
const icon = {
|
|
47
52
|
failed: iconsReact.XmarkFailedSeriousWarningFill16RedIcon,
|
|
48
53
|
success: iconsReact.CheckmarkDoneSuccessCircleFill16GreenIcon,
|
|
49
54
|
loading: iconsReact.Loading16GradientBlueIcon,
|
|
50
|
-
warning: iconsReact.NoticeTriangleFill16YellowIcon
|
|
55
|
+
warning: iconsReact.NoticeTriangleFill16YellowIcon,
|
|
56
|
+
idle: iconsReact.TimelineNotStart16GrayIcon
|
|
51
57
|
};
|
|
52
58
|
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
59
|
index$1,
|
|
@@ -56,7 +62,17 @@ const CheckPointItem = ({
|
|
|
56
62
|
className: "icon-wrapper",
|
|
57
63
|
isRotate: status === "loading"
|
|
58
64
|
}
|
|
59
|
-
)), /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx(index$2.Typo.Label.l4_regular, "description") }, description), /* @__PURE__ */ React__default.default.createElement(
|
|
65
|
+
)), /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx(index$2.Typo.Label.l4_regular, "description") }, description), /* @__PURE__ */ React__default.default.createElement(antd5.Flex, { gap: 8 }, /* @__PURE__ */ React__default.default.createElement(index.Show, { condition: Boolean(actions == null ? void 0 : actions.length) }, actions == null ? void 0 : actions.map((action) => {
|
|
66
|
+
if (action.type === "button") {
|
|
67
|
+
return /* @__PURE__ */ React__default.default.createElement(index$3, __spreadValues({}, action.props));
|
|
68
|
+
}
|
|
69
|
+
if (action.type === "link") {
|
|
70
|
+
return /* @__PURE__ */ React__default.default.createElement(index$4, __spreadValues({}, action.props));
|
|
71
|
+
}
|
|
72
|
+
if (action.type === "icon") {
|
|
73
|
+
return /* @__PURE__ */ React__default.default.createElement(index$1, __spreadValues({}, action.props));
|
|
74
|
+
}
|
|
75
|
+
})), /* @__PURE__ */ React__default.default.createElement(index.Show, { condition: Boolean(tagProps) }, /* @__PURE__ */ React__default.default.createElement(index$5.default, __spreadValues({}, tagProps))))), /* @__PURE__ */ React__default.default.createElement(index.Show, { condition: Boolean(alertProps) }, /* @__PURE__ */ React__default.default.createElement(index$6, __spreadValues({ showIcon: false }, alertProps))));
|
|
60
76
|
};
|
|
61
77
|
const CheckPointList = ({
|
|
62
78
|
items = [],
|
|
@@ -68,7 +84,8 @@ const CheckPointList = ({
|
|
|
68
84
|
emptyTextClassName,
|
|
69
85
|
onClickSwitch,
|
|
70
86
|
defaultChecked = false,
|
|
71
|
-
className
|
|
87
|
+
className,
|
|
88
|
+
border = true
|
|
72
89
|
}) => {
|
|
73
90
|
const { t } = useParrotTranslation();
|
|
74
91
|
const [checked, setChecked] = React.useState(defaultChecked);
|
|
@@ -78,14 +95,23 @@ const CheckPointList = ({
|
|
|
78
95
|
onClickSwitch == null ? void 0 : onClickSwitch(nextChecked);
|
|
79
96
|
}, [onClickSwitch, checked]);
|
|
80
97
|
const isEmpty = !items.length;
|
|
81
|
-
return /* @__PURE__ */ React__default.default.createElement(
|
|
82
|
-
|
|
98
|
+
return /* @__PURE__ */ React__default.default.createElement(
|
|
99
|
+
"div",
|
|
83
100
|
{
|
|
84
|
-
|
|
85
|
-
|
|
101
|
+
className: cs__default.default(checkpointlist_style.CheckPointListStyle, className, {
|
|
102
|
+
border
|
|
103
|
+
})
|
|
86
104
|
},
|
|
87
|
-
|
|
88
|
-
|
|
105
|
+
/* @__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$7, { checked, onChange: onClickSwitchFn, size: "small" }), /* @__PURE__ */ React__default.default.createElement("span", null, switchText || t("common.show_unpassed"))))),
|
|
106
|
+
/* @__PURE__ */ React__default.default.createElement(
|
|
107
|
+
index.Show,
|
|
108
|
+
{
|
|
109
|
+
condition: isEmpty,
|
|
110
|
+
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}` }))))
|
|
111
|
+
},
|
|
112
|
+
emptyRender ? emptyRender(emptyText) : /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx(checkpointlist_style.EmptyWrapper, emptyTextClassName) }, emptyText)
|
|
113
|
+
)
|
|
114
|
+
);
|
|
89
115
|
};
|
|
90
116
|
|
|
91
117
|
exports.CheckPointItem = CheckPointItem;
|