@cloudtower/eagle 0.33.8 → 0.34.0

package/dist/cjs/core/LineChart/LineChartLegend.js

@@ -57,7 +57,7 @@ const LineChartLegend = (props) => {
                 onMouseLeave: () => onHover("leave", legend.id)
               },
               /* @__PURE__ */ React__default.default.createElement(LineChartColorBlock, { background: legend.color }),
-              /* @__PURE__ */ React__default.default.createElement("span", null, legend.name)
+              /* @__PURE__ */ React__default.default.createElement("span", { className: "legend-name" }, legend.name)
             );
           }))
         },
@@ -89,7 +89,7 @@ const LineChartLegend = (props) => {
             onClick: () => onClick(legend.id)
           },
           /* @__PURE__ */ React__default.default.createElement(LineChartColorBlock, { background: legend.color }),
-          /* @__PURE__ */ React__default.default.createElement("span", null, /* @__PURE__ */ React__default.default.createElement(index$2, { text: legend.name, len: 50, backLen: 20 }))
+          /* @__PURE__ */ React__default.default.createElement("span", { className: "legend-name" }, /* @__PURE__ */ React__default.default.createElement(index$2, { text: legend.name, len: 50, backLen: 20 }))
         );
       })
     }

package/dist/cjs/core/LineChart/RenderChart.js

@@ -129,10 +129,21 @@ const RenderChart = (props) => {
               streams.map((stream) => stream.legend.id).filter((legendId) => legendId === id)
             );
           } else {
-            setDeselected([]);
-            setHovering(
-              streams.map((stream) => stream.legend.id).filter((legendId) => legendId !== id)
-            );
+            if (deselected.length === streams.length - 1) {
+              setDeselected([]);
+              setHovering(
+                streams.map((stream) => stream.legend.id).filter((legendId) => legendId !== id)
+              );
+            } else {
+              setHovering(
+                streams.map((stream) => stream.legend.id).filter((legendId) => legendId !== id)
+              );
+              setHoveringSelf(
+                streams.map((stream) => stream.legend.id).filter(
+                  (legendId) => legendId !== id && !deselected.includes(legendId)
+                )
+              );
+            }
           }
         } else {
           setHovering(
@@ -224,7 +235,7 @@ const RenderChart = (props) => {
     recharts.AreaChart,
     {
       style: { backgroundColor: "white" },
-      margin: showLegend ? { top: 10, left: -20, right: 10, bottom: 0 } : { top: 20, left: -20, right: 10, bottom: 5 },
+      margin: showLegend ? { top: 10, left: -20, right: 0, bottom: 0 } : { top: 20, left: -20, right: 0, bottom: 5 },
       data: areaChartData,
       syncId,
       onMouseLeave: hidePointer,
@@ -255,7 +266,8 @@ const RenderChart = (props) => {
         orientation: yAxisAlign,
         tick: {
           dx: 20,
-          dy: 16
+          dy: 16,
+          fontSize: 12
         },
         ticks: [yDomain[1] / 2, yDomain[1]],
         tickFormatter: (tick) => utils.lineChartYaxisTickFormatter(tick, metric.unit)
@@ -264,6 +276,7 @@ const RenderChart = (props) => {
     /* @__PURE__ */ React__default.default.createElement(
       recharts.Tooltip,
       __spreadValues({
+        wrapperStyle: { left: 20 },
         content: tooltipProps.format && /* @__PURE__ */ React__default.default.createElement(
           TooltipFormatter,
           {

package/dist/cjs/core/SearchInput/index.js

@@ -63,28 +63,37 @@ const SearchInput = props => {
       nextIcon,
       clearIcon,
       width,
-      searchIcon
+      searchIcon,
+      current: externalCurrent
     } = _a,
-    restProps = __objRest(_a, ["onChange", "debounceWait", "total", "onSearchNext", "onSearchPrev", "prefixHoverIcon", "nextHoverIcon", "clearHoverIcon", "prefixIcon", "nextIcon", "clearIcon", "width", "searchIcon"]);
-  const [current, setCurrent] = React.useState(0);
+    restProps = __objRest(_a, ["onChange", "debounceWait", "total", "onSearchNext", "onSearchPrev", "prefixHoverIcon", "nextHoverIcon", "clearHoverIcon", "prefixIcon", "nextIcon", "clearIcon", "width", "searchIcon", "current"]);
+  const [internalCurrent, setInternalCurrent] = React.useState(0);
   const [value, setValue] = React.useState(props.value || "");
   const {
     t
   } = useParrotTranslation();
   const onSearch = ___default.default.debounce(onChange, debounceWait);
   const isNoMatch = total === 0;
+  const current = externalCurrent !== void 0 ? externalCurrent : internalCurrent;
+  const setCurrent = React.useCallback(newCurrent => {
+    if (externalCurrent === void 0) {
+      setInternalCurrent(newCurrent);
+    }
+  }, [externalCurrent]);
   const next = React.useCallback(() => {
     if (total) {
-      onSearchNext == null ? void 0 : onSearchNext(value, current);
-      setCurrent(current + 1 > total ? 1 : current + 1);
+      const nextCurrent = current + 1 > total ? 1 : current + 1;
+      onSearchNext == null ? void 0 : onSearchNext(value, nextCurrent);
+      setCurrent(nextCurrent);
     }
-  }, [onSearchNext, current, total, value]);
+  }, [onSearchNext, current, total, value, setCurrent]);
   const prev = React.useCallback(() => {
     if (total) {
-      onSearchPrev == null ? void 0 : onSearchPrev(value, current);
-      setCurrent(current - 1 < 1 ? total : current - 1);
+      const prevCurrent = current - 1 < 1 ? total : current - 1;
+      onSearchPrev == null ? void 0 : onSearchPrev(value, prevCurrent);
+      setCurrent(prevCurrent);
     }
-  }, [onSearchPrev, current, total, value]);
+  }, [onSearchPrev, current, total, value, setCurrent]);
   const suffix = onSearchNext && onSearchPrev && value ? /* @__PURE__ */React__default.default.createElement(React__default.default.Fragment, null, typeof total === "number" ? /* @__PURE__ */React__default.default.createElement("span", {
     className: core.cx(index.Typo.Label.l4_regular, "counter-text", CountTextStyle)
   }, current, "/", total) : null, /* @__PURE__ */React__default.default.createElement("span", {
@@ -127,8 +136,10 @@ const SearchInput = props => {
     setValue(props.value || "");
   }, [props.value]);
   React.useEffect(() => {
-    setCurrent(total ? 1 : 0);
-  }, [value, total]);
+    if (externalCurrent === void 0) {
+      setCurrent(total ? 1 : 0);
+    }
+  }, [value, total, externalCurrent, setCurrent]);
   return /* @__PURE__ */React__default.default.createElement(index$3, __spreadProps(__spreadValues({
     style: {
       width: width != null ? width : 276

package/dist/cjs/core/Table/index.js

@@ -59,7 +59,8 @@ const Table = props => {
     wrapper,
     pagination,
     onRow,
-    skeletonProps
+    skeletonProps,
+    expandable
   } = props;
   const orderRef = React.useRef(null);
   const hasScrollBard = common.useTableBodyHasScrollBar(wrapper, _dataSource);
@@ -127,7 +128,8 @@ const Table = props => {
     rowSelection: rowSelection && __spreadProps(__spreadValues({}, rowSelection), {
       columnWidth: 32
     }),
-    showSorterTooltip: false
+    showSorterTooltip: false,
+    expandable
   }));
 };
 var Table$1 = Table;

package/dist/cjs/coreX/CheckPointList/index.js

@@ -67,7 +67,8 @@ const CheckPointList = ({
   emptyText,
   emptyTextClassName,
   onClickSwitch,
-  defaultChecked = false
+  defaultChecked = false,
+  className
 }) => {
   const { t } = useParrotTranslation();
   const [checked, setChecked] = React.useState(defaultChecked);
@@ -77,7 +78,7 @@ const CheckPointList = ({
     onClickSwitch == null ? void 0 : onClickSwitch(nextChecked);
   }, [onClickSwitch, checked]);
   const isEmpty = !items.length;
-  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(
+  return /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx(checkpointlist_style.CheckPointListStyle, className) }, /* @__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(
     index.Show,
     {
       condition: isEmpty,