@cloudtower/eagle 0.27.63 → 0.27.64
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/UIKitProvider/index.js +8 -2
- package/dist/cjs/core/AccordionCard/index.js +11 -6
- package/dist/cjs/core/Alert/index.js +12 -7
- package/dist/cjs/core/Arch/index.js +5 -1
- package/dist/cjs/core/Badge/index.js +5 -1
- package/dist/cjs/core/BaseIcon/index.js +11 -6
- package/dist/cjs/core/Bit/index.js +6 -2
- package/dist/cjs/core/BitPerSecond/index.js +6 -2
- package/dist/cjs/core/Bps/index.js +6 -2
- package/dist/cjs/core/Breadcrumb/index.js +11 -7
- package/dist/cjs/core/Button/HoverableElement.js +6 -2
- package/dist/cjs/core/Button/index.js +10 -5
- package/dist/cjs/core/ButtonGroup/index.js +12 -8
- package/dist/cjs/core/Byte/index.js +8 -4
- package/dist/cjs/core/Calendar/index.js +5 -1
- package/dist/cjs/core/Card/CardWrapper.js +7 -2
- package/dist/cjs/core/Card/index.js +15 -10
- package/dist/cjs/core/Cascader/cascader.widget.js +15 -10
- package/dist/cjs/core/Cascader/index.js +10 -5
- package/dist/cjs/core/Checkbox/index.js +8 -3
- package/dist/cjs/core/DetailCard/index.js +6 -2
- package/dist/cjs/core/DonutChart/index.js +24 -19
- package/dist/cjs/core/DropdownMenu/index.js +15 -11
- package/dist/cjs/core/Empty/index.js +5 -1
- package/dist/cjs/core/ExpandableList/ExpandIcon.js +6 -2
- package/dist/cjs/core/ExpandableList/ExpandableContainer.js +5 -1
- package/dist/cjs/core/ExpandableList/ExpandableItem.js +9 -4
- package/dist/cjs/core/ExpandableList/RoundOrder.js +7 -3
- package/dist/cjs/core/FailedLoad/index.js +9 -4
- package/dist/cjs/core/Fields/FieldsBoolean/index.js +5 -1
- package/dist/cjs/core/Fields/FieldsDateTime/index.js +5 -1
- package/dist/cjs/core/Fields/FieldsDateTimeRange/index.js +8 -3
- package/dist/cjs/core/Fields/FieldsEnum/index.js +6 -2
- package/dist/cjs/core/Fields/FieldsFloat/index.js +5 -1
- package/dist/cjs/core/Fields/FieldsInt/index.js +5 -1
- package/dist/cjs/core/Fields/FieldsInteger/index.js +5 -1
- package/dist/cjs/core/Fields/FieldsString/index.js +12 -7
- package/dist/cjs/core/Fields/FieldsTextArea/index.js +5 -1
- package/dist/cjs/core/Fields/FieldsTimePicker/index.js +5 -1
- package/dist/cjs/core/FormItem/index.js +7 -2
- package/dist/cjs/core/Frequency/index.js +6 -2
- package/dist/cjs/core/Icon/index.js +10 -4
- package/dist/cjs/core/Input/index.js +7 -2
- package/dist/cjs/core/InputInteger/index.js +7 -2
- package/dist/cjs/core/InputNumber/index.js +7 -2
- package/dist/cjs/core/KitStoreProvider/index.js +5 -1
- package/dist/cjs/core/Link/index.js +8 -3
- package/dist/cjs/core/Loading/index.js +5 -1
- package/dist/cjs/core/Metric/metric.js +7 -3
- package/dist/cjs/core/Modal/index.js +17 -12
- package/dist/cjs/core/ModalStack/index.js +5 -1
- package/dist/cjs/core/Overflow/index.js +13 -8
- package/dist/cjs/core/Pagination/index.js +17 -12
- package/dist/cjs/core/ParrotTrans/index.js +5 -1
- package/dist/cjs/core/Percent/index.js +6 -2
- package/dist/cjs/core/Progress/index.js +5 -1
- package/dist/cjs/core/Radio/index.js +17 -12
- package/dist/cjs/core/SearchInput/index.js +8 -3
- package/dist/cjs/core/Second/index.js +6 -2
- package/dist/cjs/core/SegmentControl/index.js +7 -2
- package/dist/cjs/core/Select/index.js +13 -7
- package/dist/cjs/core/SimplePagination/index.js +17 -12
- package/dist/cjs/core/Speed/index.js +6 -2
- package/dist/cjs/core/StatusCapsule/index.js +11 -6
- package/dist/cjs/core/StepProgress/index.js +10 -5
- package/dist/cjs/core/Steps/index.js +14 -9
- package/dist/cjs/core/Switch/index.js +6 -2
- package/dist/cjs/core/Table/TableWidget.js +13 -8
- package/dist/cjs/core/Table/index.js +11 -6
- package/dist/cjs/core/TableForm/AddRowButton.js +7 -3
- package/dist/cjs/core/TableForm/Columns/AffixColumn.js +6 -2
- package/dist/cjs/core/TableForm/Columns/CheckboxColumn.js +6 -2
- package/dist/cjs/core/TableForm/Columns/FormItem.js +5 -1
- package/dist/cjs/core/TableForm/Columns/InputColumn.js +11 -7
- package/dist/cjs/core/TableForm/Columns/TextColumn.js +8 -4
- package/dist/cjs/core/TableForm/TableFormBodyCell.js +8 -4
- package/dist/cjs/core/TableForm/TableFormBodyRows.js +17 -13
- package/dist/cjs/core/TableForm/TableFormHeaderCell.js +8 -4
- package/dist/cjs/core/TableForm/index.js +12 -8
- package/dist/cjs/core/Tag/SplitTag.js +11 -6
- package/dist/cjs/core/Tag/index.js +9 -4
- package/dist/cjs/core/TextArea/index.js +7 -2
- package/dist/cjs/core/Time/index.js +13 -7
- package/dist/cjs/core/TimePicker/index.js +7 -2
- package/dist/cjs/core/TimeZoneSelect/index.js +21 -16
- package/dist/cjs/core/Token/index.js +12 -7
- package/dist/cjs/core/Tooltip/index.js +10 -5
- package/dist/cjs/core/Truncate/index.js +8 -3
- package/dist/cjs/core/antd.js +6 -2
- package/dist/cjs/core/message/index.js +19 -9
- package/dist/cjs/coreX/BarChart/index.js +6 -2
- package/dist/cjs/coreX/BatchOperation/index.js +32 -27
- package/dist/cjs/coreX/ChartWithTooltip/index.js +21 -16
- package/dist/cjs/coreX/Counting/index.js +5 -1
- package/dist/cjs/coreX/CronCalendar/index.js +24 -18
- package/dist/cjs/coreX/CronPlan/index.js +59 -52
- package/dist/cjs/coreX/DateRangePicker/AbsoluteDate.js +18 -13
- package/dist/cjs/coreX/DateRangePicker/Calendar.js +22 -17
- package/dist/cjs/coreX/DateRangePicker/InputTime.js +11 -7
- package/dist/cjs/coreX/DateRangePicker/RelativeTime.js +9 -4
- package/dist/cjs/coreX/DateRangePicker/common.js +9 -5
- package/dist/cjs/coreX/DateRangePicker/index.js +34 -29
- package/dist/cjs/coreX/DeprecatedDonutChart/index.js +7 -3
- package/dist/cjs/coreX/DropdownTransition/index.js +5 -1
- package/dist/cjs/coreX/GoBackButton/index.js +7 -3
- package/dist/cjs/coreX/I18nNameTag/index.js +6 -2
- package/dist/cjs/coreX/NamesTooltip/index.js +7 -3
- package/dist/cjs/coreX/OverflowTooltip/index.js +8 -4
- package/dist/cjs/coreX/SidebarSubtitle/index.js +5 -1
- package/dist/cjs/coreX/SortableList/index.js +5 -1
- package/dist/cjs/coreX/SummaryTable/index.js +21 -15
- package/dist/cjs/coreX/SwitchWithText/index.js +7 -3
- package/dist/cjs/coreX/TabMenu/index.js +27 -22
- package/dist/cjs/coreX/TruncatedTextWithTooltip/index.js +7 -3
- package/dist/cjs/coreX/UnitWithChart/index.js +13 -9
- package/dist/cjs/hooks/useElementResize.js +5 -1
- package/dist/cjs/hooks/useElementsSize.js +8 -4
- package/dist/cjs/stats1.html +1 -1
- package/dist/cjs/utils/cron-time.js +12 -7
- package/dist/cjs/utils/time.js +13 -6
- package/dist/components.css +2234 -2234
- package/dist/esm/stats1.html +1 -1
- package/dist/style.css +2171 -2171
- package/package.json +5 -5
|
@@ -6,6 +6,10 @@ var index = require('../../core/Tooltip/index.js');
|
|
|
6
6
|
var _ = require('lodash');
|
|
7
7
|
var React = require('react');
|
|
8
8
|
|
|
9
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
+
|
|
11
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
12
|
+
|
|
9
13
|
var __defProp = Object.defineProperty;
|
|
10
14
|
var __defProps = Object.defineProperties;
|
|
11
15
|
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
@@ -68,24 +72,24 @@ const OverflowTooltip = props => {
|
|
|
68
72
|
observer == null ? void 0 : observer.disconnect();
|
|
69
73
|
};
|
|
70
74
|
});
|
|
71
|
-
return /* @__PURE__ */
|
|
75
|
+
return /* @__PURE__ */React__default.default.createElement(index, __spreadProps(__spreadValues({}, !ellipsis && {
|
|
72
76
|
visible: false
|
|
73
77
|
}), {
|
|
74
78
|
title: tooltip
|
|
75
|
-
}), isMultiLine ? /* @__PURE__ */
|
|
79
|
+
}), isMultiLine ? /* @__PURE__ */React__default.default.createElement(MultipleLine, {
|
|
76
80
|
ref: textRef,
|
|
77
81
|
className: core.cx(OverflowText, className),
|
|
78
82
|
lineClamp: multiLines,
|
|
79
83
|
onClick: () => {
|
|
80
84
|
onClick && onClick();
|
|
81
85
|
}
|
|
82
|
-
}, /* @__PURE__ */
|
|
86
|
+
}, /* @__PURE__ */React__default.default.createElement("span", null, content)) : /* @__PURE__ */React__default.default.createElement("div", {
|
|
83
87
|
ref: textRef,
|
|
84
88
|
className: core.cx(OverflowText, SingleLineStyle, className),
|
|
85
89
|
onClick: () => {
|
|
86
90
|
onClick && onClick();
|
|
87
91
|
}
|
|
88
|
-
}, /* @__PURE__ */
|
|
92
|
+
}, /* @__PURE__ */React__default.default.createElement("span", null, content)));
|
|
89
93
|
};
|
|
90
94
|
var OverflowTooltip$1 = OverflowTooltip;
|
|
91
95
|
|
|
@@ -4,9 +4,13 @@ var core = require('@linaria/core');
|
|
|
4
4
|
var index = require('../../core/Typo/index.js');
|
|
5
5
|
var React = require('react');
|
|
6
6
|
|
|
7
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
8
|
+
|
|
9
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
10
|
+
|
|
7
11
|
const SidebarSubtitle = (props) => {
|
|
8
12
|
const { title, className } = props;
|
|
9
|
-
return /* @__PURE__ */
|
|
13
|
+
return /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx(index.Typo.Heading.h3_regular_upper, className) }, title);
|
|
10
14
|
};
|
|
11
15
|
var SidebarSubtitle$1 = SidebarSubtitle;
|
|
12
16
|
|
|
@@ -3,6 +3,10 @@
|
|
|
3
3
|
var React = require('react');
|
|
4
4
|
var reactBeautifulDnd = require('react-beautiful-dnd');
|
|
5
5
|
|
|
6
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
7
|
+
|
|
8
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
9
|
+
|
|
6
10
|
var __defProp = Object.defineProperty;
|
|
7
11
|
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
8
12
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
@@ -25,7 +29,7 @@ const SortableList = ({ moveItem, children }) => {
|
|
|
25
29
|
return;
|
|
26
30
|
moveItem(result.source.index, result.destination.index);
|
|
27
31
|
};
|
|
28
|
-
return /* @__PURE__ */
|
|
32
|
+
return /* @__PURE__ */ React__default.default.createElement(reactBeautifulDnd.DragDropContext, { onDragEnd }, /* @__PURE__ */ React__default.default.createElement(reactBeautifulDnd.Droppable, { droppableId: "droppable" }, (provided) => /* @__PURE__ */ React__default.default.createElement("div", __spreadValues({ ref: provided.innerRef }, provided.droppableProps), children, provided.placeholder)));
|
|
29
33
|
};
|
|
30
34
|
SortableList.Item = reactBeautifulDnd.Draggable;
|
|
31
35
|
var SortableList$1 = SortableList;
|
|
@@ -9,6 +9,12 @@ var cs = require('classnames');
|
|
|
9
9
|
var _ = require('lodash');
|
|
10
10
|
var React = require('react');
|
|
11
11
|
|
|
12
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
|
+
|
|
14
|
+
var cs__default = /*#__PURE__*/_interopDefault(cs);
|
|
15
|
+
var ___default = /*#__PURE__*/_interopDefault(_);
|
|
16
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
17
|
+
|
|
12
18
|
const Table = /*#__PURE__*/react.styled('div')({
|
|
13
19
|
name: "Table",
|
|
14
20
|
class: "E_t1sqg15u",
|
|
@@ -46,16 +52,16 @@ const SummaryTableRow = props => {
|
|
|
46
52
|
hiddenTitle = false,
|
|
47
53
|
hiddenBorder = false
|
|
48
54
|
} = props;
|
|
49
|
-
return /* @__PURE__ */
|
|
50
|
-
className:
|
|
55
|
+
return /* @__PURE__ */React__default.default.createElement(TableRow, {
|
|
56
|
+
className: cs__default.default("table-row", {
|
|
51
57
|
hiddenBorder
|
|
52
58
|
})
|
|
53
|
-
}, /* @__PURE__ */
|
|
59
|
+
}, /* @__PURE__ */React__default.default.createElement(RowLabel, {
|
|
54
60
|
width: labelWidth,
|
|
55
|
-
className:
|
|
61
|
+
className: cs__default.default({
|
|
56
62
|
hidden: hiddenTitle
|
|
57
63
|
})
|
|
58
|
-
}, title), /* @__PURE__ */
|
|
64
|
+
}, title), /* @__PURE__ */React__default.default.createElement("div", {
|
|
59
65
|
className: "content"
|
|
60
66
|
}, children));
|
|
61
67
|
};
|
|
@@ -65,18 +71,18 @@ const SummaryTableContent = props => {
|
|
|
65
71
|
labelWidth,
|
|
66
72
|
dataSource
|
|
67
73
|
} = props;
|
|
68
|
-
return /* @__PURE__ */
|
|
74
|
+
return /* @__PURE__ */React__default.default.createElement(React__default.default.Fragment, null, items.map(item => {
|
|
69
75
|
if (item.dataIndex === "[__typename]") {
|
|
70
76
|
return null;
|
|
71
77
|
}
|
|
72
|
-
const value =
|
|
73
|
-
return /* @__PURE__ */
|
|
78
|
+
const value = ___default.default.get(dataSource, item.dataIndex);
|
|
79
|
+
return /* @__PURE__ */React__default.default.createElement(SummaryTableRow, {
|
|
74
80
|
key: item.key,
|
|
75
81
|
labelWidth,
|
|
76
82
|
hiddenTitle: item == null ? void 0 : item.hiddenTitle,
|
|
77
83
|
hiddenBorder: item == null ? void 0 : item.hiddenBorder,
|
|
78
84
|
title: item.title
|
|
79
|
-
}, item.render ? item.render(value, dataSource) :
|
|
85
|
+
}, item.render ? item.render(value, dataSource) : ___default.default.isNull(value) || ___default.default.isUndefined(value) || value === "" ? index : value);
|
|
80
86
|
}));
|
|
81
87
|
};
|
|
82
88
|
const SummaryTable = props => {
|
|
@@ -90,18 +96,18 @@ const SummaryTable = props => {
|
|
|
90
96
|
rightAlign,
|
|
91
97
|
layout = "horizontal"
|
|
92
98
|
} = props;
|
|
93
|
-
return /* @__PURE__ */
|
|
94
|
-
className:
|
|
95
|
-
}, showHeader && /* @__PURE__ */
|
|
99
|
+
return /* @__PURE__ */React__default.default.createElement(Table, {
|
|
100
|
+
className: cs__default.default(["summary-table", className, border ? "has-border" : "", rightAlign ? "align-right" : "", layout])
|
|
101
|
+
}, showHeader && /* @__PURE__ */React__default.default.createElement(TableHeader, {
|
|
96
102
|
className: "table-header"
|
|
97
|
-
}, /* @__PURE__ */
|
|
103
|
+
}, /* @__PURE__ */React__default.default.createElement("span", {
|
|
98
104
|
className: "table-title"
|
|
99
|
-
}, title), showEdit && /* @__PURE__ */
|
|
105
|
+
}, title), showEdit && /* @__PURE__ */React__default.default.createElement(icons.FormOutlined, {
|
|
100
106
|
className: "edit-icon",
|
|
101
107
|
onClick: () => {
|
|
102
108
|
onEdit && onEdit();
|
|
103
109
|
}
|
|
104
|
-
})), /* @__PURE__ */
|
|
110
|
+
})), /* @__PURE__ */React__default.default.createElement(TableContent, null, "children" in props ? props.children : /* @__PURE__ */React__default.default.createElement(SummaryTableContent, {
|
|
105
111
|
items: props.items,
|
|
106
112
|
labelWidth: props.labelWidth,
|
|
107
113
|
dataSource: props.dataSource
|
|
@@ -5,6 +5,10 @@ var index = require('../../core/Switch/index.js');
|
|
|
5
5
|
var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
|
|
8
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
|
+
|
|
10
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
11
|
+
|
|
8
12
|
var __defProp = Object.defineProperty;
|
|
9
13
|
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
10
14
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
@@ -47,12 +51,12 @@ const SwitchWithText = props => {
|
|
|
47
51
|
}
|
|
48
52
|
} = _a,
|
|
49
53
|
_props = __objRest(_a, ["text"]);
|
|
50
|
-
return /* @__PURE__ */
|
|
54
|
+
return /* @__PURE__ */React__default.default.createElement(SwitchWrapper, {
|
|
51
55
|
className: "enabled-switch",
|
|
52
56
|
onClick: e => e.stopPropagation()
|
|
53
|
-
}, /* @__PURE__ */
|
|
57
|
+
}, /* @__PURE__ */React__default.default.createElement("span", {
|
|
54
58
|
className: "enabled-text"
|
|
55
|
-
}, _props.checked ? text.checked : text.unchecked), /* @__PURE__ */
|
|
59
|
+
}, _props.checked ? text.checked : text.unchecked), /* @__PURE__ */React__default.default.createElement(index, __spreadValues({}, _props)));
|
|
56
60
|
};
|
|
57
61
|
var SwitchWithText$1 = SwitchWithText;
|
|
58
62
|
|
|
@@ -6,19 +6,24 @@ var antd = require('antd');
|
|
|
6
6
|
var cs = require('classnames');
|
|
7
7
|
var React = require('react');
|
|
8
8
|
|
|
9
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
+
|
|
11
|
+
var cs__default = /*#__PURE__*/_interopDefault(cs);
|
|
12
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
13
|
+
|
|
9
14
|
const TabMenuStyle = "E_t160l1cm";
|
|
10
15
|
const TabMenuSubMenu = "E_t14npdqr";
|
|
11
16
|
const renderExpandArrow = (size, isBold) => {
|
|
12
|
-
if (size === "medium" && !isBold) return /* @__PURE__ */
|
|
17
|
+
if (size === "medium" && !isBold) return /* @__PURE__ */React__default.default.createElement(iconsReact.ArrowChevronDown16BlueIcon, {
|
|
13
18
|
className: "expand-arrow"
|
|
14
19
|
});
|
|
15
|
-
if (size === "medium" && isBold) return /* @__PURE__ */
|
|
20
|
+
if (size === "medium" && isBold) return /* @__PURE__ */React__default.default.createElement(iconsReact.ArrowChevronDown16BoldBlueIcon, {
|
|
16
21
|
className: "expand-arrow"
|
|
17
22
|
});
|
|
18
|
-
if (size === "small" && !isBold) return /* @__PURE__ */
|
|
23
|
+
if (size === "small" && !isBold) return /* @__PURE__ */React__default.default.createElement(iconsReact.ArrowChevronDownSmall16BlueIcon, {
|
|
19
24
|
className: "expand-arrow"
|
|
20
25
|
});
|
|
21
|
-
if (size === "small" && isBold) return /* @__PURE__ */
|
|
26
|
+
if (size === "small" && isBold) return /* @__PURE__ */React__default.default.createElement(iconsReact.ArrowChevronDownSmall16BoldBlueIcon, {
|
|
22
27
|
className: "expand-arrow"
|
|
23
28
|
});
|
|
24
29
|
};
|
|
@@ -88,9 +93,9 @@ const TabMenu = props => {
|
|
|
88
93
|
if (view == null ? void 0 : view.skeleton) return view.skeleton;
|
|
89
94
|
return null;
|
|
90
95
|
};
|
|
91
|
-
return /* @__PURE__ */
|
|
92
|
-
className:
|
|
93
|
-
}, /* @__PURE__ */
|
|
96
|
+
return /* @__PURE__ */React__default.default.createElement("div", {
|
|
97
|
+
className: cs__default.default(TabMenuStyle, "tab-menu", (view == null ? void 0 : view.isOverview) && "is-overview")
|
|
98
|
+
}, /* @__PURE__ */React__default.default.createElement("div", {
|
|
94
99
|
className: "tab-bar"
|
|
95
100
|
}, tabs.map(tab => {
|
|
96
101
|
var _a;
|
|
@@ -104,45 +109,45 @@ const TabMenu = props => {
|
|
|
104
109
|
typo = index.Typo.Label.l2_bold_title;
|
|
105
110
|
}
|
|
106
111
|
if ("items" in tab) {
|
|
107
|
-
return /* @__PURE__ */
|
|
112
|
+
return /* @__PURE__ */React__default.default.createElement(antd.Dropdown, {
|
|
108
113
|
key: tab.key,
|
|
109
114
|
overlayClassName: TabMenuSubMenu,
|
|
110
115
|
transitionName: "no-animation",
|
|
111
|
-
overlay: /* @__PURE__ */
|
|
116
|
+
overlay: /* @__PURE__ */React__default.default.createElement(antd.Menu, {
|
|
112
117
|
selectedKeys: [selectedKey],
|
|
113
118
|
onClick: params => onChange == null ? void 0 : onChange(params.key)
|
|
114
|
-
}, (_a = tab.items) == null ? void 0 : _a.map(item => /* @__PURE__ */
|
|
119
|
+
}, (_a = tab.items) == null ? void 0 : _a.map(item => /* @__PURE__ */React__default.default.createElement(antd.Menu.Item, {
|
|
115
120
|
"data-test": item.key,
|
|
116
121
|
key: item.key
|
|
117
122
|
}, item.title))),
|
|
118
123
|
trigger: ["click"]
|
|
119
|
-
}, /* @__PURE__ */
|
|
120
|
-
className:
|
|
121
|
-
}, /* @__PURE__ */
|
|
122
|
-
className:
|
|
123
|
-
}, tab.title), /* @__PURE__ */
|
|
124
|
-
className:
|
|
124
|
+
}, /* @__PURE__ */React__default.default.createElement("span", {
|
|
125
|
+
className: cs__default.default(["tab-menu-item", "tab-menu-item-group", isSelected && "tab-menu-item-selected", isMedium && "tab-menu-item-medium", theme === "light" && "tab-menu-item-light"])
|
|
126
|
+
}, /* @__PURE__ */React__default.default.createElement("span", {
|
|
127
|
+
className: cs__default.default(["main-title", isMedium ? index.Typo.Label.l1_regular_title : index.Typo.Label.l2_regular_title])
|
|
128
|
+
}, tab.title), /* @__PURE__ */React__default.default.createElement("span", {
|
|
129
|
+
className: cs__default.default(["sub-title", typo]),
|
|
125
130
|
"data-test": isSelected ? view == null ? void 0 : view.title : tab.title
|
|
126
|
-
}, /* @__PURE__ */
|
|
131
|
+
}, /* @__PURE__ */React__default.default.createElement("svg", {
|
|
127
132
|
className: "slash-arrow",
|
|
128
133
|
width: "8",
|
|
129
134
|
height: "8",
|
|
130
135
|
viewBox: "0 0 8 8",
|
|
131
136
|
fill: "none",
|
|
132
137
|
xmlns: "http://www.w3.org/2000/svg"
|
|
133
|
-
}, /* @__PURE__ */
|
|
138
|
+
}, /* @__PURE__ */React__default.default.createElement("path", {
|
|
134
139
|
d: "M4.81662 3.33203C5.15455 3.555 5.32351 3.66649 5.38224 3.80736C5.43358 3.93049 5.43358 4.06904 5.38224 4.19218C5.32351 4.33305 5.15455 4.44454 4.81662 4.66751L1.81921 6.64529C1.4159 6.91141 1.21424 7.04446 1.04715 7.03393C0.901576 7.02475 0.767265 6.95246 0.679429 6.836C0.578613 6.70234 0.578613 6.46074 0.578613 5.97755L0.578613 2.02199C0.578613 1.53879 0.578613 1.2972 0.679429 1.16353C0.767265 1.04708 0.901576 0.974785 1.04715 0.965607C1.21424 0.955073 1.4159 1.08813 1.81921 1.35425L4.81662 3.33203Z"
|
|
135
|
-
})), /* @__PURE__ */
|
|
140
|
+
})), /* @__PURE__ */React__default.default.createElement("span", {
|
|
136
141
|
className: "sub-title-text"
|
|
137
142
|
}, isSelected ? view == null ? void 0 : view.title : tab.title), renderExpandArrow(size, isSelected))));
|
|
138
143
|
}
|
|
139
|
-
return /* @__PURE__ */
|
|
140
|
-
className:
|
|
144
|
+
return /* @__PURE__ */React__default.default.createElement("span", {
|
|
145
|
+
className: cs__default.default(["tab-menu-item", isSelected && "tab-menu-item-selected", isMedium && "tab-menu-item-medium", theme === "light" && "tab-menu-item-light", typo]),
|
|
141
146
|
key: tab.key,
|
|
142
147
|
"data-test": tab.title,
|
|
143
148
|
onClick: () => onChange == null ? void 0 : onChange(tab.key)
|
|
144
149
|
}, tab.title);
|
|
145
|
-
})), /* @__PURE__ */
|
|
150
|
+
})), /* @__PURE__ */React__default.default.createElement("div", {
|
|
146
151
|
key: selectedKey,
|
|
147
152
|
className: "tab-content"
|
|
148
153
|
}, renderTabContent()));
|
|
@@ -4,6 +4,10 @@ var react = require('@linaria/react');
|
|
|
4
4
|
var index = require('../../core/Tooltip/index.js');
|
|
5
5
|
var React = require('react');
|
|
6
6
|
|
|
7
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
8
|
+
|
|
9
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
10
|
+
|
|
7
11
|
var __defProp = Object.defineProperty;
|
|
8
12
|
var __defProps = Object.defineProperties;
|
|
9
13
|
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
@@ -55,14 +59,14 @@ const TruncatedTextWithTooltip = props => {
|
|
|
55
59
|
}
|
|
56
60
|
}
|
|
57
61
|
}, [text]);
|
|
58
|
-
const renderName = () => /* @__PURE__ */
|
|
62
|
+
const renderName = () => /* @__PURE__ */React__default.default.createElement("span", {
|
|
59
63
|
ref: textWrapper,
|
|
60
64
|
className: textWrapperCls
|
|
61
65
|
}, text);
|
|
62
|
-
return isTextTruncated ? /* @__PURE__ */
|
|
66
|
+
return isTextTruncated ? /* @__PURE__ */React__default.default.createElement(index, __spreadProps(__spreadValues({}, restProps), {
|
|
63
67
|
title: text,
|
|
64
68
|
"data-testid": "text-tooltip"
|
|
65
|
-
}), /* @__PURE__ */
|
|
69
|
+
}), /* @__PURE__ */React__default.default.createElement(TruncatedTextWrapper, null, renderName())) : renderName();
|
|
66
70
|
};
|
|
67
71
|
var TruncatedTextWithTooltip$1 = TruncatedTextWithTooltip;
|
|
68
72
|
|
|
@@ -16,6 +16,10 @@ var index$1 = require('../BarChart/index.js');
|
|
|
16
16
|
var index$3 = require('../DeprecatedDonutChart/index.js');
|
|
17
17
|
var React = require('react');
|
|
18
18
|
|
|
19
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
20
|
+
|
|
21
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
22
|
+
|
|
19
23
|
var __defProp = Object.defineProperty;
|
|
20
24
|
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
21
25
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
@@ -84,27 +88,27 @@ const UnitWithChart = ({
|
|
|
84
88
|
saturated
|
|
85
89
|
}) => {
|
|
86
90
|
if (typeof rawValue !== "number" || typeof total !== "number") {
|
|
87
|
-
return /* @__PURE__ */
|
|
91
|
+
return /* @__PURE__ */React__default.default.createElement(index, null);
|
|
88
92
|
}
|
|
89
93
|
const Unit = units[unit];
|
|
90
|
-
return /* @__PURE__ */
|
|
94
|
+
return /* @__PURE__ */React__default.default.createElement(Wrapper, {
|
|
91
95
|
className: "unit-chart"
|
|
92
|
-
}, chartType === "barChart" && /* @__PURE__ */
|
|
96
|
+
}, chartType === "barChart" && /* @__PURE__ */React__default.default.createElement("span", {
|
|
93
97
|
className: BarChartWrapper
|
|
94
|
-
}, /* @__PURE__ */
|
|
98
|
+
}, /* @__PURE__ */React__default.default.createElement("span", {
|
|
95
99
|
className: "chart"
|
|
96
|
-
}, /* @__PURE__ */
|
|
100
|
+
}, /* @__PURE__ */React__default.default.createElement(index$1.default, {
|
|
97
101
|
data: data || [],
|
|
98
102
|
total
|
|
99
|
-
}))), /* @__PURE__ */
|
|
103
|
+
}))), /* @__PURE__ */React__default.default.createElement("span", {
|
|
100
104
|
className: UnitWrapper
|
|
101
|
-
}, unit === "Percent" ? /* @__PURE__ */
|
|
105
|
+
}, unit === "Percent" ? /* @__PURE__ */React__default.default.createElement(index$2, {
|
|
102
106
|
rawValue,
|
|
103
107
|
decimals: 1,
|
|
104
108
|
saturated
|
|
105
|
-
}) : /* @__PURE__ */
|
|
109
|
+
}) : /* @__PURE__ */React__default.default.createElement(Unit, {
|
|
106
110
|
rawValue
|
|
107
|
-
})), chartType === "donutChart" && /* @__PURE__ */
|
|
111
|
+
})), chartType === "donutChart" && /* @__PURE__ */React__default.default.createElement(index$3, __spreadValues({
|
|
108
112
|
data: [{
|
|
109
113
|
used: rawValue / total,
|
|
110
114
|
fill: color
|
|
@@ -3,6 +3,10 @@
|
|
|
3
3
|
var _ = require('lodash');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
|
|
6
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
7
|
+
|
|
8
|
+
var ___default = /*#__PURE__*/_interopDefault(_);
|
|
9
|
+
|
|
6
10
|
const transformToArray = (stringOrArray) => {
|
|
7
11
|
return stringOrArray instanceof Array ? stringOrArray : [stringOrArray];
|
|
8
12
|
};
|
|
@@ -17,7 +21,7 @@ const onResizeElem = (element, callback) => {
|
|
|
17
21
|
const checkForChanges = () => {
|
|
18
22
|
const nextOffsetWidth = data.els.map((el) => el.offsetWidth);
|
|
19
23
|
const nextOffsetHeight = data.els.map((el) => el.offsetWidth);
|
|
20
|
-
if (!
|
|
24
|
+
if (!___default.default.isEqual(nextOffsetWidth, data.offsetWidth) || ___default.default.isEqual(nextOffsetHeight, data.offsetHeight)) {
|
|
21
25
|
data.offsetWidth = nextOffsetWidth;
|
|
22
26
|
data.offsetHeight = nextOffsetHeight;
|
|
23
27
|
data.callback();
|
|
@@ -4,6 +4,10 @@ var _ = require('lodash');
|
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var dom = require('../utils/dom.js');
|
|
6
6
|
|
|
7
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
8
|
+
|
|
9
|
+
var ___default = /*#__PURE__*/_interopDefault(_);
|
|
10
|
+
|
|
7
11
|
function getAllSize(classMap) {
|
|
8
12
|
return Object.keys(classMap).reduce((prev, cur) => {
|
|
9
13
|
prev[cur] = dom.getSize(
|
|
@@ -35,14 +39,14 @@ function useElementsSize(classMap, config) {
|
|
|
35
39
|
const nextSizes = getAllSize(classMapRef.current);
|
|
36
40
|
if (key) {
|
|
37
41
|
if (!elementsSizes[key] || // FIXME: antd 4.0 table thead will be delay render
|
|
38
|
-
!
|
|
39
|
-
|
|
40
|
-
|
|
42
|
+
!___default.default.isEqual(
|
|
43
|
+
___default.default.omit(elementsSizes[key], "thead"),
|
|
44
|
+
___default.default.omit(nextSizes, "thead")
|
|
41
45
|
)) {
|
|
42
46
|
elementsSizes[key] = nextSizes;
|
|
43
47
|
setSizes(nextSizes);
|
|
44
48
|
}
|
|
45
|
-
} else if (!
|
|
49
|
+
} else if (!___default.default.isEqual(preSizes.current, nextSizes)) {
|
|
46
50
|
preSizes.current = nextSizes;
|
|
47
51
|
setSizes(nextSizes);
|
|
48
52
|
}
|