@cloudtower/eagle 0.33.8 → 0.34.0

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

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

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

@@ -121,10 +121,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(
@@ -216,7 +227,7 @@ const RenderChart = (props) => {
     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,
@@ -247,7 +258,8 @@ const RenderChart = (props) => {
         orientation: yAxisAlign,
         tick: {
           dx: 20,
-          dy: 16
+          dy: 16,
+          fontSize: 12
         },
         ticks: [yDomain[1] / 2, yDomain[1]],
         tickFormatter: (tick) => lineChartYaxisTickFormatter(tick, metric.unit)
@@ -256,6 +268,7 @@ const RenderChart = (props) => {
     /* @__PURE__ */ React__default.createElement(
       Tooltip,
       __spreadValues({
+        wrapperStyle: { left: 20 },
         content: tooltipProps.format && /* @__PURE__ */ React__default.createElement(
           TooltipFormatter,
           {

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

@@ -56,28 +56,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] = useState(0);
+    restProps = __objRest(_a, ["onChange", "debounceWait", "total", "onSearchNext", "onSearchPrev", "prefixHoverIcon", "nextHoverIcon", "clearHoverIcon", "prefixIcon", "nextIcon", "clearIcon", "width", "searchIcon", "current"]);
+  const [internalCurrent, setInternalCurrent] = useState(0);
   const [value, setValue] = useState(props.value || "");
   const {
     t
   } = useParrotTranslation();
   const onSearch = _.debounce(onChange, debounceWait);
   const isNoMatch = total === 0;
+  const current = externalCurrent !== void 0 ? externalCurrent : internalCurrent;
+  const setCurrent = useCallback(newCurrent => {
+    if (externalCurrent === void 0) {
+      setInternalCurrent(newCurrent);
+    }
+  }, [externalCurrent]);
   const next = 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 = 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.createElement(React__default.Fragment, null, typeof total === "number" ? /* @__PURE__ */React__default.createElement("span", {
     className: cx(Typo.Label.l4_regular, "counter-text", CountTextStyle)
   }, current, "/", total) : null, /* @__PURE__ */React__default.createElement("span", {
@@ -120,8 +129,10 @@ const SearchInput = props => {
     setValue(props.value || "");
   }, [props.value]);
   useEffect(() => {
-    setCurrent(total ? 1 : 0);
-  }, [value, total]);
+    if (externalCurrent === void 0) {
+      setCurrent(total ? 1 : 0);
+    }
+  }, [value, total, externalCurrent, setCurrent]);
   return /* @__PURE__ */React__default.createElement(Input, __spreadProps(__spreadValues({
     style: {
       width: width != null ? width : 276

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

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

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

@@ -61,7 +61,8 @@ const CheckPointList = ({
   emptyText,
   emptyTextClassName,
   onClickSwitch,
-  defaultChecked = false
+  defaultChecked = false,
+  className
 }) => {
   const { t } = useParrotTranslation();
   const [checked, setChecked] = useState(defaultChecked);
@@ -71,7 +72,7 @@ const CheckPointList = ({
     onClickSwitch == null ? void 0 : onClickSwitch(nextChecked);
   }, [onClickSwitch, checked]);
   const isEmpty = !items.length;
-  return /* @__PURE__ */ React__default.createElement("div", { className: cx(CheckPointListStyle) }, /* @__PURE__ */ React__default.createElement("header", { className: cx(Typo.Label.l4_bold) }, title, /* @__PURE__ */ React__default.createElement(Show, { condition: showSwitchControl }, /* @__PURE__ */ React__default.createElement("span", { className: "switch-text" }, /* @__PURE__ */ React__default.createElement(Switch, { checked, onChange: onClickSwitchFn, size: "small" }), /* @__PURE__ */ React__default.createElement("span", null, switchText || t("common.show_unpassed"))))), /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement("div", { className: cx(CheckPointListStyle, className) }, /* @__PURE__ */ React__default.createElement("header", { className: cx(Typo.Label.l4_bold) }, title, /* @__PURE__ */ React__default.createElement(Show, { condition: showSwitchControl }, /* @__PURE__ */ React__default.createElement("span", { className: "switch-text" }, /* @__PURE__ */ React__default.createElement(Switch, { checked, onChange: onClickSwitchFn, size: "small" }), /* @__PURE__ */ React__default.createElement("span", null, switchText || t("common.show_unpassed"))))), /* @__PURE__ */ React__default.createElement(
     Show,
     {
       condition: isEmpty,