Revert: Update calendar-heatmap.component.js

Author: g1eb

src/calendar-heatmap.component.js

@@ -255,7 +255,7 @@ class CalendarHeatmap extends React.Component {
         this.drawChart()
       })
       .style('opacity', 0)
-      .on('mouseover', (event, d) => {
+      .on('mouseover', d => {
         if (this.in_transition) { return }
 
         // Construct tooltip
@@ -377,7 +377,7 @@ class CalendarHeatmap extends React.Component {
         return yearScale(d.year())
       })
       .attr('y', this.settings.label_padding / 2)
-      .on('mouseenter', (event, year_label) => {
+      .on('mouseenter', year_label => {
         if (this.in_transition) { return }
 
         this.items.selectAll('.item-block-year')
@@ -397,7 +397,7 @@ class CalendarHeatmap extends React.Component {
           .ease(d3.easeLinear)
           .style('opacity', 1)
       })
-      .on('click', (event, d) => {
+      .on('click', d => {
         if (this.in_transition) { return }
 
         // Set in_transition flag
@@ -491,7 +491,7 @@ class CalendarHeatmap extends React.Component {
       .attr('fill', d => {
         return (d.total > 0) ? color(d.total) : 'transparent'
       })
-      .on('click', (event, d) => {
+      .on('click', d => {
         if (this.in_transition) { return }
 
         // Don't transition if there is no data to show
@@ -512,11 +512,11 @@ class CalendarHeatmap extends React.Component {
         this.overview = 'day'
         this.drawChart()
       })
-      .on('mouseover', (event, d) => {
+      .on('mouseover', d => {
         if (this.in_transition) { return }
 
         // Pulsating animation
-        let circle = d3.select(event.currentTarget)
+        let circle = d3.select(d3.event.currentTarget)
         let repeat = () => {
           circle = circle.transition()
             .duration(this.settings.transition_duration)
@@ -577,11 +577,11 @@ class CalendarHeatmap extends React.Component {
           .ease(d3.easeLinear)
           .style('opacity', 1)
       })
-      .on('mouseout', (event, d) => {
+      .on('mouseout', () => {
         if (this.in_transition) { return }
 
         // Set circle radius back to what its supposed to be
-        d3.select(event.currentTarget).transition()
+        d3.select(d3.event.currentTarget).transition()
           .duration(this.settings.transition_duration / 2)
           .ease(d3.easeLinear)
           .attr('x', d => {
@@ -648,7 +648,7 @@ class CalendarHeatmap extends React.Component {
         return monthScale(i) + (monthScale(i) - monthScale(i - 1)) / 2
       })
       .attr('y', this.settings.label_padding / 2)
-      .on('mouseenter', (event, d) => {
+      .on('mouseenter', d => {
         if (this.in_transition) { return }
 
         let selected_month = moment(d)
@@ -669,7 +669,7 @@ class CalendarHeatmap extends React.Component {
           .ease(d3.easeLinear)
           .style('opacity', 1)
       })
-      .on('click', (event, d) => {
+      .on('click', d => {
         if (this.in_transition) { return }
 
         // Check month data
@@ -722,7 +722,7 @@ class CalendarHeatmap extends React.Component {
       .text(d => {
         return moment(d).format('dddd')[0]
       })
-      .on('mouseenter', (event, d) => {
+      .on('mouseenter', d => {
         if (this.in_transition) { return }
 
         let selected_day = moment(d)
@@ -816,7 +816,7 @@ class CalendarHeatmap extends React.Component {
         return d.date
       })
       .attr('offset', 0)
-      .on('click', (event, d) => {
+      .on('click', d => {
         if (this.in_transition) { return }
 
         // Don't transition if there is no data to show
@@ -871,11 +871,11 @@ class CalendarHeatmap extends React.Component {
         return color(d.value) || '#ff4500'
       })
       .style('opacity', 0)
-      .on('mouseover', (event, d) => {
+      .on('mouseover', d => {
         if (this.in_transition) { return }
 
         // Get date from the parent node
-        let parentNode = d3.select(event.currentTarget.parentNode)
+        let parentNode = d3.select(d3.event.currentTarget.parentNode)
         let date = new Date(parentNode.attr('date'))
 
         // Construct tooltip
@@ -948,7 +948,7 @@ class CalendarHeatmap extends React.Component {
         return weekScale(d.week())
       })
       .attr('y', this.settings.label_padding / 2)
-      .on('mouseenter', (event, weekday) => {
+      .on('mouseenter', weekday => {
         if (this.in_transition) { return }
 
         this.items.selectAll('.item-block-month')
@@ -968,7 +968,7 @@ class CalendarHeatmap extends React.Component {
           .ease(d3.easeLinear)
           .style('opacity', 1)
       })
-      .on('click', (event, d) => {
+      .on('click', d => {
         if (this.in_transition) { return }
 
         // Check week data
@@ -1015,7 +1015,7 @@ class CalendarHeatmap extends React.Component {
       .text(d => {
         return moment(d).format('dddd')[0]
       })
-      .on('mouseenter', (event, d) => {
+      .on('mouseenter', d => {
         if (this.in_transition) { return }
 
         let selected_day = moment(d)
@@ -1106,7 +1106,7 @@ class CalendarHeatmap extends React.Component {
         return d.date
       })
       .attr('offset', 0)
-      .on('click', (event, d) => {
+      .on('click', d => {
         if (this.in_transition) { return }
 
         // Don't transition if there is no data to show
@@ -1161,11 +1161,11 @@ class CalendarHeatmap extends React.Component {
         return color(d.value) || '#ff4500'
       })
       .style('opacity', 0)
-      .on('mouseover', (event, d) => {
+      .on('mouseover', d => {
         if (this.in_transition) { return }
 
         // Get date from the parent node
-        let parentNode = d3.select(event.currentTarget.parentNode)
+        let parentNode = d3.select(d3.event.currentTarget.parentNode)
         let date = new Date(parentNode.attr('date'))
 
         // Construct tooltip
@@ -1177,7 +1177,7 @@ class CalendarHeatmap extends React.Component {
         // Calculate tooltip position
         let total = parseInt(parentNode.attr('total'))
         itemScale.domain([0, total])
-        let x = parseInt(d3.select(event.currentTarget).attr('x')) + itemScale(d.value) / 4 + this.settings.tooltip_width / 4
+        let x = parseInt(d3.select(d3.event.currentTarget).attr('x')) + itemScale(d.value) / 4 + this.settings.tooltip_width / 4
         while (this.settings.width - x < (this.settings.tooltip_width + this.settings.tooltip_padding * 3)) {
           x -= 10
         }
@@ -1240,7 +1240,7 @@ class CalendarHeatmap extends React.Component {
         return weekScale(d.week())
       })
       .attr('y', this.settings.label_padding / 2)
-      .on('mouseenter', (event, weekday) => {
+      .on('mouseenter', weekday => {
         if (this.in_transition) { return }
 
         this.items.selectAll('.item-block-week')
@@ -1281,7 +1281,7 @@ class CalendarHeatmap extends React.Component {
       .text(d => {
         return moment(d).format('dddd')[0]
       })
-      .on('mouseenter', (event, d) => {
+      .on('mouseenter', d => {
         if (this.in_transition) { return }
 
         let selected_day = moment(d)
@@ -1356,7 +1356,7 @@ class CalendarHeatmap extends React.Component {
         return this.props.color
       })
       .style('opacity', 0)
-      .on('mouseover', (event, d) => {
+      .on('mouseover', d => {
         if (this.in_transition) { return }
 
         // Construct tooltip
@@ -1385,7 +1385,7 @@ class CalendarHeatmap extends React.Component {
         if (this.in_transition) { return }
         this.hideTooltip()
       })
-      .on('click', (event, d) => {
+      .on('click', d => {
         if (!!this.props.handler && typeof this.props.handler == 'function') {
           this.props.handler(d)
         }
@@ -1441,7 +1441,7 @@ class CalendarHeatmap extends React.Component {
         return timeScale(i)
       })
       .attr('y', this.settings.label_padding / 2)
-      .on('mouseenter', (event, d) => {
+      .on('mouseenter', d => {
         if (this.in_transition) { return }
 
         let selected = itemScale(moment(d))
@@ -1497,7 +1497,7 @@ class CalendarHeatmap extends React.Component {
           text_length = obj.node().getComputedTextLength()
         }
       })
-      .on('mouseenter', (event, project) => {
+      .on('mouseenter', project => {
         if (this.in_transition) { return }
 
         this.items.selectAll('.item-block')