From 9a8df2ec578e1392ac32880c027071e6b2c6e99a Mon Sep 17 00:00:00 2001
From: Abhas Bhattacharya <abhasbhattacharya2@gmail.com>
Date: Mon, 2 Jul 2018 15:47:36 +0530
Subject: [PATCH] Add event handling

---
 src/grid-area.tsx | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/grid-area.tsx b/src/grid-area.tsx
index 8e1ee6d..ee3def4 100644
--- a/src/grid-area.tsx
+++ b/src/grid-area.tsx
@@ -29,12 +29,12 @@ interface GridAreaProps {
   }
 
   // event listeners
-  onValueMouseOver: (ev: React.MouseEvent<SVGElement>, value: [NumberOrString, NumberOrString]) => void,
-  onValueMouseOut: (ev: React.MouseEvent<SVGElement>, value: [NumberOrString, NumberOrString]) => void,
-  onValueClick: (ev: React.MouseEvent<SVGElement>, value: [NumberOrString, NumberOrString]) => void,
-  onSeriesMouseOver: (ev: React.MouseEvent<SVGElement>) => void,
-  onSeriesMouseOut: (ev: React.MouseEvent<SVGElement>) => void,
-  onSeriesClick: (ev: React.MouseEvent<SVGElement>) => void,
+  onValueMouseOver?: (ev: React.MouseEvent<SVGElement>, value: [NumberOrString, NumberOrString]) => void,
+  onValueMouseOut?: (ev: React.MouseEvent<SVGElement>, value: [NumberOrString, NumberOrString]) => void,
+  onValueClick?: (ev: React.MouseEvent<SVGElement>, value: [NumberOrString, NumberOrString]) => void,
+  onSeriesMouseOver?: (ev: React.MouseEvent<SVGElement>) => void,
+  onSeriesMouseOut?: (ev: React.MouseEvent<SVGElement>) => void,
+  onSeriesClick?: (ev: React.MouseEvent<SVGElement>) => void,
 
   // generally supplied by xyplot
   marginTop: number;
@@ -135,16 +135,16 @@ class GridArea extends PureComponent<GridAreaProps, {}> {
             [primaryAxisName]: minPos,
             [primaryLengthAttr]: maxPos - minPos,
           };
-          
+
           return (
             <rect
               {...rectProps}
               key={i}
               className="rv-xy-plot__grid-area__rect"
               style={style}
-              onClick={(ev) => { this.props.onValueClick(ev, tmpValue) }}
-              onMouseOver={(ev) => { this.props.onValueMouseOver(ev, tmpValue) }}
-              onMouseOut={(ev) => { this.props.onValueMouseOut(ev, tmpValue) }}
+              onClick={(ev) => { this.props.onValueClick && this.props.onValueClick(ev, tmpValue) }}
+              onMouseOver={(ev) => { this.props.onValueMouseOver && this.props.onValueMouseOver(ev, tmpValue) }}
+              onMouseOut={(ev) => { this.props.onValueMouseOut && this.props.onValueMouseOut(ev, tmpValue) }}
             />
           );
         })}