@cloudtower/eagle 0.33.43 → 0.33.45
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/ImmersiveDialog/index.js +16 -2
- package/dist/cjs/core/LineChart/LineChartLegend.js +7 -5
- package/dist/cjs/core/LineChart/TooltipFormatter.js +7 -6
- package/dist/cjs/core/WizardDialog/index.js +5 -1
- package/dist/cjs/core/WizardDialog/styles.js +2 -0
- package/dist/cjs/stats1.html +1 -1
- package/dist/components.css +3194 -3126
- package/dist/esm/core/ImmersiveDialog/index.js +17 -3
- package/dist/esm/core/LineChart/LineChartLegend.js +4 -2
- package/dist/esm/core/LineChart/TooltipFormatter.js +7 -6
- package/dist/esm/core/WizardDialog/index.js +6 -2
- package/dist/esm/core/WizardDialog/styles.js +2 -1
- package/dist/esm/stats1.html +1 -1
- package/dist/linaria.merged.scss +4310 -4244
- package/dist/src/core/ImmersiveDialog/type.d.ts +4 -0
- package/dist/src/core/LineChart/type.d.ts +1 -0
- package/dist/src/core/WizardDialog/styles.d.ts +1 -0
- package/dist/stories/docs/core/ImmersiveDialog.stories.d.ts +3 -0
- package/dist/stories/docs/core/LineChart.stories.d.ts +1 -0
- package/dist/stories/docs/core/WizardDialog.stories.d.ts +3 -0
- package/dist/style.css +3194 -3126
- package/package.json +4 -4
|
@@ -5,6 +5,7 @@ var core = require('@linaria/core');
|
|
|
5
5
|
var index$3 = require('../Button/index.js');
|
|
6
6
|
var index = require('../KitStoreProvider/index.js');
|
|
7
7
|
var index$1 = require('../Typo/index.js');
|
|
8
|
+
var index$4 = require('../Icon/index.js');
|
|
8
9
|
var index$2 = require('../../coreX/OverflowTooltip/index.js');
|
|
9
10
|
var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
|
|
10
11
|
var antd = require('antd');
|
|
@@ -51,6 +52,8 @@ function ImmersiveDialog(props) {
|
|
|
51
52
|
footerLeftAction,
|
|
52
53
|
left,
|
|
53
54
|
right,
|
|
55
|
+
leftClassName,
|
|
56
|
+
rightClassName,
|
|
54
57
|
closeIcon,
|
|
55
58
|
footer,
|
|
56
59
|
showCancel = true,
|
|
@@ -72,6 +75,8 @@ function ImmersiveDialog(props) {
|
|
|
72
75
|
"footerLeftAction",
|
|
73
76
|
"left",
|
|
74
77
|
"right",
|
|
78
|
+
"leftClassName",
|
|
79
|
+
"rightClassName",
|
|
75
80
|
"closeIcon",
|
|
76
81
|
"footer",
|
|
77
82
|
"showCancel",
|
|
@@ -158,7 +163,16 @@ function ImmersiveDialog(props) {
|
|
|
158
163
|
isContentFull ? styles.FullContentStyle : styles.MultiAreaStyle,
|
|
159
164
|
className
|
|
160
165
|
),
|
|
161
|
-
closeIcon: closeIcon != null ? closeIcon : /* @__PURE__ */ React__default.default.createElement(
|
|
166
|
+
closeIcon: closeIcon != null ? closeIcon : /* @__PURE__ */ React__default.default.createElement(
|
|
167
|
+
index$4,
|
|
168
|
+
{
|
|
169
|
+
src: iconsReact.XmarkCloseBold24TertiaryIcon,
|
|
170
|
+
className: styles.CloseIconStyle,
|
|
171
|
+
iconHeight: 24,
|
|
172
|
+
iconWidth: 24,
|
|
173
|
+
hoverSrc: iconsReact.XmarkCloseBold24SecondaryIcon
|
|
174
|
+
}
|
|
175
|
+
),
|
|
162
176
|
footer: finalFooter,
|
|
163
177
|
onCancel: (e) => {
|
|
164
178
|
popModal();
|
|
@@ -167,7 +181,7 @@ function ImmersiveDialog(props) {
|
|
|
167
181
|
visible,
|
|
168
182
|
destroyOnClose: true
|
|
169
183
|
}, restProps),
|
|
170
|
-
/* @__PURE__ */ React__default.default.createElement("div", { className: core.cx(styles.BodyStyle, isContentFull ? "" : styles.MultiAreaBodyStyle) }, isContentFull ? null : /* @__PURE__ */ React__default.default.createElement("div", { className: "left" }, left), /* @__PURE__ */ React__default.default.createElement("div", { className: "middle" }, children), isContentFull ? null : /* @__PURE__ */ React__default.default.createElement("div", { className: "right" }, right))
|
|
184
|
+
/* @__PURE__ */ React__default.default.createElement("div", { className: core.cx(styles.BodyStyle, isContentFull ? "" : styles.MultiAreaBodyStyle) }, isContentFull ? null : /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx("left", leftClassName) }, left), /* @__PURE__ */ React__default.default.createElement("div", { className: "middle" }, children), isContentFull ? null : /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx("right", rightClassName) }, right))
|
|
171
185
|
);
|
|
172
186
|
}
|
|
173
187
|
|
|
@@ -3,10 +3,10 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var iconsReact = require('@cloudtower/icons-react');
|
|
6
|
-
var index$
|
|
6
|
+
var index$2 = require('../Icon/index.js');
|
|
7
7
|
var styled = require('./styled.js');
|
|
8
8
|
var index = require('../Overflow/index.js');
|
|
9
|
-
var index$
|
|
9
|
+
var index$1 = require('../Truncate/index.js');
|
|
10
10
|
var antd = require('antd');
|
|
11
11
|
var cs = require('classnames');
|
|
12
12
|
var React = require('react');
|
|
@@ -57,12 +57,13 @@ const LineChartLegend = (props) => {
|
|
|
57
57
|
onMouseLeave: () => onHover("leave", legend.id)
|
|
58
58
|
},
|
|
59
59
|
/* @__PURE__ */ React__default.default.createElement(LineChartColorBlock, { background: legend.color }),
|
|
60
|
-
/* @__PURE__ */ React__default.default.createElement("span", { className: "legend-name" }, legend.name)
|
|
60
|
+
/* @__PURE__ */ React__default.default.createElement("span", { className: "legend-name" }, /* @__PURE__ */ React__default.default.createElement(index$1, { text: legend.name, len: 50, backLen: 20 })),
|
|
61
|
+
/* @__PURE__ */ React__default.default.createElement("div", { className: "icon-suffix-wrapper" }, legend.iconSuffix)
|
|
61
62
|
);
|
|
62
63
|
}))
|
|
63
64
|
},
|
|
64
65
|
/* @__PURE__ */ React__default.default.createElement(
|
|
65
|
-
index$
|
|
66
|
+
index$2,
|
|
66
67
|
{
|
|
67
68
|
alt: "arrowChevronDownSmall16Secondary",
|
|
68
69
|
className: "dropdown-trigger",
|
|
@@ -89,7 +90,8 @@ const LineChartLegend = (props) => {
|
|
|
89
90
|
onClick: () => onClick(legend.id)
|
|
90
91
|
},
|
|
91
92
|
/* @__PURE__ */ React__default.default.createElement(LineChartColorBlock, { background: legend.color }),
|
|
92
|
-
/* @__PURE__ */ React__default.default.createElement("span", { className: "legend-name" }, /* @__PURE__ */ React__default.default.createElement(index$
|
|
93
|
+
/* @__PURE__ */ React__default.default.createElement("span", { className: "legend-name" }, /* @__PURE__ */ React__default.default.createElement(index$1, { text: legend.name, len: 50, backLen: 20 })),
|
|
94
|
+
/* @__PURE__ */ React__default.default.createElement("div", { className: "icon-suffix-wrapper" }, legend.iconSuffix)
|
|
93
95
|
);
|
|
94
96
|
})
|
|
95
97
|
}
|
|
@@ -50,17 +50,18 @@ const TooltipFormatter = props => {
|
|
|
50
50
|
}
|
|
51
51
|
return /* @__PURE__ */React__default.default.createElement(styled.TooltipWrapper, null, /* @__PURE__ */React__default.default.createElement(TooltipTitle, {
|
|
52
52
|
className: index.Typo.Label.l4_bold_title
|
|
53
|
-
}, dayjs__default.default(Number(payload[0].payload.t)).format("MM/DD HH:mm:ss")), payload.map(
|
|
53
|
+
}, dayjs__default.default(Number(payload[0].payload.t)).format("MM/DD HH:mm:ss")), payload.map(item => {
|
|
54
54
|
return __spreadProps(__spreadValues({}, item), {
|
|
55
|
-
legend: legends
|
|
55
|
+
legend: legends.find((_legend, index) => `v${index}` === item.name)
|
|
56
56
|
});
|
|
57
57
|
}).sort((a, b) => b.value - a.value).map(item => {
|
|
58
|
-
|
|
59
|
-
|
|
58
|
+
var _a, _b, _c, _d;
|
|
59
|
+
return deselected.includes(((_a = item.legend) == null ? void 0 : _a.id) || "") ? null : /* @__PURE__ */React__default.default.createElement(styled.TooltipColumn, {
|
|
60
|
+
key: (_b = item.legend) == null ? void 0 : _b.id
|
|
60
61
|
}, /* @__PURE__ */React__default.default.createElement("div", null, /* @__PURE__ */React__default.default.createElement(LineChartLegend.LineChartColorBlock, {
|
|
61
|
-
background: item.legend.color,
|
|
62
|
+
background: (_c = item.legend) == null ? void 0 : _c.color,
|
|
62
63
|
borderd: true
|
|
63
|
-
}), item.legend.name), /* @__PURE__ */React__default.default.createElement("div", {
|
|
64
|
+
}), (_d = item.legend) == null ? void 0 : _d.name), /* @__PURE__ */React__default.default.createElement("div", {
|
|
64
65
|
className: "column-value"
|
|
65
66
|
}, format(item)));
|
|
66
67
|
}));
|
|
@@ -7,6 +7,7 @@ var index$2 = require('../Steps/index.js');
|
|
|
7
7
|
var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
|
|
8
8
|
var React = require('react');
|
|
9
9
|
var styles = require('./styles.js');
|
|
10
|
+
var core = require('@linaria/core');
|
|
10
11
|
|
|
11
12
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
13
|
|
|
@@ -58,6 +59,7 @@ function WizardDialog(props) {
|
|
|
58
59
|
onStepChange,
|
|
59
60
|
left,
|
|
60
61
|
right,
|
|
62
|
+
rightClassName,
|
|
61
63
|
okText,
|
|
62
64
|
onOk
|
|
63
65
|
} = _a, restProps = __objRest(_a, [
|
|
@@ -74,6 +76,7 @@ function WizardDialog(props) {
|
|
|
74
76
|
"onStepChange",
|
|
75
77
|
"left",
|
|
76
78
|
"right",
|
|
79
|
+
"rightClassName",
|
|
77
80
|
"okText",
|
|
78
81
|
"onOk"
|
|
79
82
|
]);
|
|
@@ -155,7 +158,8 @@ function WizardDialog(props) {
|
|
|
155
158
|
} else {
|
|
156
159
|
onOk == null ? void 0 : onOk(e);
|
|
157
160
|
}
|
|
158
|
-
}
|
|
161
|
+
},
|
|
162
|
+
rightClassName: core.cx(styles.RightPanelStyle, rightClassName)
|
|
159
163
|
}, restProps), {
|
|
160
164
|
isContentFull: false
|
|
161
165
|
}),
|
|
@@ -3,7 +3,9 @@
|
|
|
3
3
|
const StepStyle = "E_sqv6dmy";
|
|
4
4
|
const PrevIconStyle = "E_p1rm8wzb";
|
|
5
5
|
const StepContentStyle = "E_sd7qcf4";
|
|
6
|
+
const RightPanelStyle = "E_r1fxc9gq";
|
|
6
7
|
|
|
7
8
|
exports.PrevIconStyle = PrevIconStyle;
|
|
9
|
+
exports.RightPanelStyle = RightPanelStyle;
|
|
8
10
|
exports.StepContentStyle = StepContentStyle;
|
|
9
11
|
exports.StepStyle = StepStyle;
|