move select to methods arg in timeline

src/components/Timeline.jsx

@@ -24,7 +24,6 @@ class Timeline extends React.Component {
         timerange: this.props.timerange,
         selected: this.props.selected,
         language: this.props.language,
-        select: this.props.select,
       }
       const ui = {
         tools: this.props.tools,
@@ -32,6 +31,7 @@ class Timeline extends React.Component {
       }
 
       const methods = {
+        select: this.props.select,
         filter: this.props.filter,
         getCategoryColor: this.props.getCategoryColor
       }

src/js/timeline/timeline.js

@@ -326,7 +326,7 @@ export default function(app, ui, methods) {
    * @param {String} direction: 'forward' / 'backwards'
    */
   function moveTime(direction) {
-    app.select();
+    methods.select();
     const extent = getTimeScaleExtent();
     const newCentralTime = d3.timeMinute.offset(scale.x.domain()[0], extent / 2);
 
@@ -439,7 +439,7 @@ export default function(app, ui, methods) {
       .attr('cy', eventPoint => getEventY(eventPoint))
       .style('fill', eventPoint => getEventPointFillColor(eventPoint))
       .on('click', eventPoint => {
-        return app.select(getAllEventsAtOnce(eventPoint))
+        return methods.select(getAllEventsAtOnce(eventPoint))
       })
       .on('mouseover', handleMouseOver)
       .on('mouseout', handleMouseOut)