@trackunit/react-chart-components 1.3.202 → 1.3.204-alpha-717bec89481.0

package/index.cjs.js

@@ -62,7 +62,10 @@ const EChart = ({ option, style, className, onChartReady, onClick, onEvents, not
                 if (eventName !== "click" || !onClick) {
                     // Don't double-register click if onClick is provided
                     chart.on(eventName, function (event) {
-                        if (isECElementEvent(event)) {
+                        if (eventName === "brush" || eventName === "brushselected") {
+                            handler(event);
+                        }
+                        else if (isECElementEvent(event)) {
                             handler(event);
                         }
                     });

package/index.esm.js

@@ -41,7 +41,10 @@ const EChart = ({ option, style, className, onChartReady, onClick, onEvents, not
                 if (eventName !== "click" || !onClick) {
                     // Don't double-register click if onClick is provided
                     chart.on(eventName, function (event) {
-                        if (isECElementEvent(event)) {
+                        if (eventName === "brush" || eventName === "brushselected") {
+                            handler(event);
+                        }
+                        else if (isECElementEvent(event)) {
                             handler(event);
                         }
                     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-chart-components",
-  "version": "1.3.202",
+  "version": "1.3.204-alpha-717bec89481.0",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -9,13 +9,13 @@
   "dependencies": {
     "echarts": "5.6.0",
     "react": "19.0.0",
-    "@trackunit/date-and-time-utils": "1.3.154",
-    "@trackunit/react-date-and-time-hooks": "1.3.182",
-    "@trackunit/ui-design-tokens": "1.3.152",
-    "@trackunit/shared-utils": "1.5.154",
-    "@trackunit/css-class-variance-utilities": "1.3.154",
-    "@trackunit/react-components": "1.4.189",
-    "@trackunit/react-test-setup": "1.0.44"
+    "@trackunit/date-and-time-utils": "1.3.156-alpha-717bec89481.0",
+    "@trackunit/react-date-and-time-hooks": "1.3.184-alpha-717bec89481.0",
+    "@trackunit/ui-design-tokens": "1.3.154-alpha-717bec89481.0",
+    "@trackunit/shared-utils": "1.5.156-alpha-717bec89481.0",
+    "@trackunit/css-class-variance-utilities": "1.3.156-alpha-717bec89481.0",
+    "@trackunit/react-components": "1.4.191-alpha-717bec89481.0",
+    "@trackunit/react-test-setup": "1.0.46-alpha-717bec89481.0"
   },
   "module": "./index.esm.js",
   "main": "./index.cjs.js",

package/src/Chart/Chart.d.ts

@@ -1,7 +1,7 @@
 import { CommonProps } from "@trackunit/react-components";
 import type { ECElementEvent, ECharts, EChartsOption } from "echarts";
 import { CSSProperties, ReactElement, ReactNode } from "react";
-import { type EventName } from "../EChart/EChart";
+import { BrushEvent, type EventName } from "../EChart/EChart";
 export type ChartProps = CommonProps & {
     /**
      * Option values for EChart.
@@ -26,7 +26,10 @@ export type ChartProps = CommonProps & {
     /**
      * Event handlers for the chart.
      */
-    onEvents?: Partial<Record<EventName, (event: ECElementEvent) => void>>;
+    onEvents?: Partial<Omit<Record<EventName, (event: ECElementEvent) => void>, "brush" | "brushselected"> & {
+        brush: (event: BrushEvent) => void;
+        brushselected: (event: BrushEvent) => void;
+    }>;
     /**
      * Whether to merge with previous option.
      *

package/src/EChart/EChart.d.ts

@@ -1,9 +1,13 @@
 import { CommonProps } from "@trackunit/react-components";
 import type { ECElementEvent, ECharts, EChartsOption } from "echarts";
+import BrushArea from "echarts/types/src/component/brush/BrushModel";
 import { CSSProperties, ReactElement } from "react";
 /**
  * https://echarts.apache.org/en/api.html#events
  */
+export type BrushEvent = {
+    areas: Array<BrushArea>;
+};
 export type EventName = "click" | "dblclick" | "mousewheel" | "mouseout" | "mouseover" | "mouseup" | "mousedown" | "mousemove" | "contextmenu" | "drag" | "dragstart" | "dragend" | "dragenter" | "dragleave" | "dragover" | "drop" | "brush" | "brushselected" | "brushend" | "globalout" | "datarangeselected" | "legendselectchanged" | "datazoom";
 export interface EChartProps extends CommonProps {
     /**
@@ -25,7 +29,10 @@ export interface EChartProps extends CommonProps {
     /**
      * Event handlers for the chart.
      */
-    onEvents?: Partial<Record<EventName, (event: ECElementEvent) => void>>;
+    onEvents?: Partial<Omit<Record<EventName, (event: ECElementEvent) => void>, "brush" | "brushselected"> & {
+        brush: (event: BrushEvent) => void;
+        brushselected: (event: BrushEvent) => void;
+    }>;
     /**
      * Whether to merge with previous option.
      */