@trackunit/react-chart-components 0.0.72 → 0.0.74

package/index.cjs

@@ -96636,7 +96636,7 @@ var EChartsReact = /** @class */ (function (_super) {
  * @param {ChartProps} props - The props for the Chart component
  * @returns {JSX.Element} Chart component
  */
-const Chart = ({ options, showLoading, className, style, onChartReady, onClick, onDataZoom, onBrush, onBrushSelected, mouseLeaveChart, mouseMoveChart, merge = true, loadingOption, timezoneLabel, renderer = "canvas", dataTestId, }) => {
+const Chart = ({ options, showLoading, className, style, onChartReady, onClick, onDataZoom, onBrush, onBrushSelected, mouseLeaveChart, mouseMoveChart, mouseOverChart, merge = true, loadingOption, timezoneLabel, renderer = "canvas", dataTestId, }) => {
     var _a, _b;
     const echartsRef = React__namespace.useRef(null);
     const eventHandlers = React__namespace.useMemo(() => {
@@ -96659,8 +96659,14 @@ const Chart = ({ options, showLoading, className, style, onChartReady, onClick,
                 mouseMoveChart(event, (_a = echartsRef === null || echartsRef === void 0 ? void 0 : echartsRef.current) === null || _a === void 0 ? void 0 : _a.getEchartsInstance());
             };
         }
+        if (mouseOverChart !== undefined) {
+            values.mouseOver = (event) => {
+                var _a;
+                mouseOverChart(event, (_a = echartsRef === null || echartsRef === void 0 ? void 0 : echartsRef.current) === null || _a === void 0 ? void 0 : _a.getEchartsInstance());
+            };
+        }
         return values;
-    }, [onDataZoom, onBrush, onBrushSelected, mouseLeaveChart, mouseMoveChart]);
+    }, [onDataZoom, onBrush, onBrushSelected, mouseLeaveChart, mouseMoveChart, mouseOverChart]);
     React__namespace.useEffect(() => {
         var _a;
         const instance = (_a = echartsRef === null || echartsRef === void 0 ? void 0 : echartsRef.current) === null || _a === void 0 ? void 0 : _a.getEchartsInstance();

package/index.js

@@ -96610,7 +96610,7 @@ var EChartsReact = /** @class */ (function (_super) {
  * @param {ChartProps} props - The props for the Chart component
  * @returns {JSX.Element} Chart component
  */
-const Chart = ({ options, showLoading, className, style, onChartReady, onClick, onDataZoom, onBrush, onBrushSelected, mouseLeaveChart, mouseMoveChart, merge = true, loadingOption, timezoneLabel, renderer = "canvas", dataTestId, }) => {
+const Chart = ({ options, showLoading, className, style, onChartReady, onClick, onDataZoom, onBrush, onBrushSelected, mouseLeaveChart, mouseMoveChart, mouseOverChart, merge = true, loadingOption, timezoneLabel, renderer = "canvas", dataTestId, }) => {
     var _a, _b;
     const echartsRef = React.useRef(null);
     const eventHandlers = React.useMemo(() => {
@@ -96633,8 +96633,14 @@ const Chart = ({ options, showLoading, className, style, onChartReady, onClick,
                 mouseMoveChart(event, (_a = echartsRef === null || echartsRef === void 0 ? void 0 : echartsRef.current) === null || _a === void 0 ? void 0 : _a.getEchartsInstance());
             };
         }
+        if (mouseOverChart !== undefined) {
+            values.mouseOver = (event) => {
+                var _a;
+                mouseOverChart(event, (_a = echartsRef === null || echartsRef === void 0 ? void 0 : echartsRef.current) === null || _a === void 0 ? void 0 : _a.getEchartsInstance());
+            };
+        }
         return values;
-    }, [onDataZoom, onBrush, onBrushSelected, mouseLeaveChart, mouseMoveChart]);
+    }, [onDataZoom, onBrush, onBrushSelected, mouseLeaveChart, mouseMoveChart, mouseOverChart]);
     React.useEffect(() => {
         var _a;
         const instance = (_a = echartsRef === null || echartsRef === void 0 ? void 0 : echartsRef.current) === null || _a === void 0 ? void 0 : _a.getEchartsInstance();

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@trackunit/react-chart-components",
-  "version": "0.0.72",
+  "version": "0.0.74",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
     "node": ">=16.x"
   },
   "dependencies": {
-    "@trackunit/react-components": "0.1.129",
+    "@trackunit/react-components": "0.1.130",
     "@trackunit/tailwind-styled-components": "0.0.58",
     "@trackunit/ui-design-tokens": "0.0.73",
     "echarts": "5.4.0",

package/src/Chart/Chart.d.ts

@@ -37,6 +37,10 @@ export interface ChartProps extends CommonProps {
      * Event fired when mouse is moving over the chart.
      */
     mouseMoveChart?: (event: any, chart: EChartsType | undefined) => void;
+    /**
+     * Event fired when mouse enters the chart.
+     */
+    mouseOverChart?: (event: any, chart: EChartsType | undefined) => void;
     /**
      * CSS styles for the chart.
      */
@@ -78,4 +82,4 @@ export interface ChartProps extends CommonProps {
  * @param {ChartProps} props - The props for the Chart component
  * @returns {JSX.Element} Chart component
  */
-export declare const Chart: ({ options, showLoading, className, style, onChartReady, onClick, onDataZoom, onBrush, onBrushSelected, mouseLeaveChart, mouseMoveChart, merge, loadingOption, timezoneLabel, renderer, dataTestId, }: ChartProps) => JSX.Element;
+export declare const Chart: ({ options, showLoading, className, style, onChartReady, onClick, onDataZoom, onBrush, onBrushSelected, mouseLeaveChart, mouseMoveChart, mouseOverChart, merge, loadingOption, timezoneLabel, renderer, dataTestId, }: ChartProps) => JSX.Element;