Implement new selection interface for box trace type [1852]

- Needs cleanup in select.js
- Controlling code in cartesian/select.js needs a change due to a false assumption about hoverData: box produces a multi-element hoverData array whereas only the first element is really the clicked point

Author: rmoestl

src/traces/box/index.js

@@ -20,7 +20,8 @@ Box.plot = require('./plot').plot;
 Box.style = require('./style').style;
 Box.styleOnSelect = require('./style').styleOnSelect;
 Box.hoverPoints = require('./hover').hoverPoints;
-Box.selectPoints = require('./select');
+Box.getPointsIn = require('./select').getPointsIn;
+Box.toggleSelected = require('./select').toggleSelected;
 
 Box.moduleType = 'trace';
 Box.name = 'box';

src/traces/box/select.js

@@ -8,7 +8,8 @@
 
 'use strict';
 
-module.exports = function selectPoints(searchInfo, polygon) {
+// TODO Remove eventually
+function selectPoints(searchInfo, polygon) {
     var cd = searchInfo.cd;
     var xa = searchInfo.xaxis;
     var ya = searchInfo.yaxis;
@@ -43,5 +44,86 @@ module.exports = function selectPoints(searchInfo, polygon) {
         }
     }
 
+    return selection;
+}
+
+exports.getPointsIn = function(searchInfo, polygon) {
+    var pointsIn = [];
+    var cd = searchInfo.cd;
+    var xa = searchInfo.xaxis;
+    var ya = searchInfo.yaxis;
+    var i;
+    var j;
+    var pt;
+    var x;
+    var y;
+
+    for(i = 0; i < cd.length; i++) {
+        for(j = 0; j < (cd[i].pts || []).length; j++) {
+            pt = cd[i].pts[j];
+            x = xa.c2p(pt.x);
+            y = ya.c2p(pt.y);
+
+            if(polygon.contains([x, y])) {
+                pointsIn.push(pt.i);
+            }
+        }
+    }
+
+    return pointsIn;
+};
+
+exports.toggleSelected = function(searchInfo, selected, pointIds) {
+    var selection = [];
+    var modifyAll = !Array.isArray(pointIds);
+    var cd = searchInfo.cd;
+    var xa = searchInfo.xaxis;
+    var ya = searchInfo.yaxis;
+    var pointId;
+    var pt;
+    var ptPos;
+    var i;
+    var j;
+
+    if(!modifyAll) {
+        // console.log(pointIds);
+    }
+
+    // Mutate state
+    // if(!modifyAll) {
+    //     for(i = 0; i < pointIds.length; i++) {
+    //         pointId = pointIds[i];
+    //         for(j = 0; j < cd.length; j++) {
+    //             ptPos = cd[j].pts.indexOf(pointId);
+    //             if(ptPos > -1) {
+    //                 pt = cd[j].pts[ptPos];
+    //                 pt.selected = selected ? 1 : 0;
+    //             }
+    //         }
+    //     }
+    // }
+
+
+    for(i = 0; i < cd.length; i++) {
+        for(j = 0; j < (cd[i].pts || []).length; j++) {
+            pt = cd[i].pts[j];
+
+            if(modifyAll) pt.selected = selected ? 1 : 0;
+            else {
+                if(pointIds.indexOf(pt.i) > -1) {
+                    pt.selected = selected ? 1 : 0;
+                }
+            }
+
+            if(pt.selected) {
+                selection.push({
+                    pointNumber: pt.i,
+                    x: xa.c2d(pt.x),
+                    y: ya.c2d(pt.y)
+                });
+            }
+        }
+    }
+
     return selection;
 };