@ssa-ui-kit/core 2.28.0 → 2.28.1

package/dist/components/Charts/BigNumberChart/components/TrendLine.d.ts

@@ -1,7 +1,8 @@
-import { LineProps } from '@nivo/line';
+import { LineProps, Datum } from '@nivo/line';
 import { TrendLineTooltipProps } from './TrendLineTooltip';
 export interface TrendLineProps extends LineProps {
     color?: string;
     tooltipValueFormat?: TrendLineTooltipProps['valueFormat'];
+    lastActivePoint?: Datum;
 }
 export declare const TrendLine: ({ color, tooltipValueFormat, ...props }: TrendLineProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/index.js

@@ -10767,19 +10767,26 @@ const TrendLineTooltip = ({
 
 const ActivePoint = ({
   currentPoint,
+  lastActivePoint,
+  points,
   ...props
-}) => (0,jsx_runtime_namespaceObject.jsx)("g", {
-  children: currentPoint && (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.DotsItem, {
-    size: props.pointSize || 10,
-    borderWidth: props.pointBorderWidth || 10,
-    x: currentPoint.x,
-    y: currentPoint.y,
-    datum: currentPoint.data,
-    color: currentPoint.color,
-    borderColor: currentPoint.borderColor,
-    labelYOffset: props.pointLabelYOffset
-  }, currentPoint.id)
-});
+}) => {
+  const activePoint = lastActivePoint ? points.find(({
+    data
+  }) => data.x === lastActivePoint.x && data.y === lastActivePoint.y) : currentPoint;
+  return (0,jsx_runtime_namespaceObject.jsx)("g", {
+    children: activePoint && (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.DotsItem, {
+      size: props.pointSize || 10,
+      borderWidth: props.pointBorderWidth || 10,
+      x: activePoint.x,
+      y: activePoint.y,
+      datum: activePoint.data,
+      color: activePoint.color,
+      borderColor: activePoint.borderColor,
+      labelYOffset: props.pointLabelYOffset
+    }, activePoint.id)
+  });
+};
 const TrendLine = ({
   color,
   tooltipValueFormat,
@@ -10891,9 +10898,6 @@ const BigNumberChartComponent = ({
     if (!interactive) return;
     setHoveredValueThrottled(data.data);
   };
-  const handleMouseLeave = () => {
-    setHoveredValueThrottled(null);
-  };
   const value = hoveredValue ?? lastValue;
   return (0,jsx_runtime_namespaceObject.jsx)(WithWidgetCard, {
     features: features,
@@ -10924,7 +10928,7 @@ const BigNumberChartComponent = ({
               data
             }],
             onMouseMove: handleMouseMove,
-            onMouseLeave: handleMouseLeave
+            lastActivePoint: value
           })
         })
       })]