import * as d3 from 'd3'; import _ from 'lodash'; import { modeBrowse, modeSelect } from '../modes/index'; import { osmEntity } from '../osm/index'; export function behaviorSelect(context) { function keydown() { if (d3.event && d3.event.shiftKey) { context.surface() .classed('behavior-multiselect', true); } } function keyup() { if (!d3.event || !d3.event.shiftKey) { context.surface() .classed('behavior-multiselect', false); } } function click() { var datum = d3.event.target.__data__, lasso = d3.select('#surface .lasso').node(), mode = context.mode(); if (!(datum instanceof osmEntity)) { if (!d3.event.shiftKey && !lasso && mode.id !== 'browse') context.enter(modeBrowse(context)); } else if (!d3.event.shiftKey && !lasso) { // Avoid re-entering Select mode with same entity. if (context.selectedIDs().length !== 1 || context.selectedIDs()[0] !== datum.id) { context.enter(modeSelect(context, [datum.id])); } else { mode.suppressMenu(false).reselect(); } } else if (context.selectedIDs().indexOf(datum.id) >= 0) { var selectedIDs = _.without(context.selectedIDs(), datum.id); context.enter(selectedIDs.length ? modeSelect(context, selectedIDs) : modeBrowse(context)); } else { context.enter(modeSelect(context, context.selectedIDs().concat([datum.id]))); } } var behavior = function(selection) { d3.select(window) .on('keydown.select', keydown) .on('keyup.select', keyup); selection.on('click.select', click); keydown(); }; behavior.off = function(selection) { d3.select(window) .on('keydown.select', null) .on('keyup.select', null); selection.on('click.select', null); keyup(); }; return behavior; }