@cloudtower/eagle 0.32.50 → 0.32.52

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/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,