Specifically import d3-transition

After code splitting (PR #701) the `transition` prototype was,
depending on the dataset, not set on `Selection()` objects.
See d3/d3-selection#185 for some background info.
This commit closes #708

package.json

@@ -66,6 +66,7 @@
     "d3-shape": "^1.2.0",
     "d3-time-format": "^2.0.5",
     "d3-timer": "^1.0.7",
+    "d3-transition": "^1.2.0",
     "d3-zoom": "^1.1.3",
     "docusaurus": "^1.6.2",
     "es6-object-assign": "^1.1.0",

src/components/entropy/entropyD3.js

@@ -1,5 +1,6 @@
 /* eslint no-underscore-dangle: off */
 import { select, event as d3event } from "d3-selection";
+import 'd3-transition';
 import { scaleLinear } from "d3-scale";
 import { axisBottom, axisLeft } from "d3-axis";
 import { format } from "d3-format";

src/components/entropy/index.js

@@ -2,6 +2,7 @@ import React from "react";
 import PropTypes from 'prop-types';
 import { connect } from "react-redux";
 import { select } from "d3-selection";
+import 'd3-transition';
 import Card from "../framework/card";
 import { changeColorBy } from "../../actions/colors";
 import { tabGroup, tabGroupMember, tabGroupMemberSelected } from "../../globalStyles";

src/components/frequencies/functions.js

@@ -1,4 +1,5 @@
 import { select, mouse } from "d3-selection";
+import 'd3-transition';
 import { scaleLinear } from "d3-scale";
 import { axisBottom, axisLeft } from "d3-axis";
 import { rgb } from "d3-color";

src/components/frequencies/index.js

@@ -1,5 +1,6 @@
 import React from "react";
 import { select } from "d3-selection";
+import 'd3-transition'
 import { connect } from "react-redux";
 import Card from "../framework/card";
 import { calcXScale, calcYScale, drawXAxis, drawYAxis, areListsEqual,

src/components/map/map.js

@@ -5,6 +5,7 @@ import leaflet from "leaflet";
 import _min from "lodash/min";
 import _max from "lodash/max";
 import { select } from "d3-selection";
+import 'd3-transition'
 import leafletImage from "leaflet-image";
 import Card from "../framework/card";
 import { drawDemesAndTransmissions, updateOnMoveEnd, updateVisibility } from "./mapHelpers";

src/components/tree/reactD3Interface/initialRender.js

@@ -1,4 +1,5 @@
 import { select } from "d3-selection";
+import 'd3-transition';
 import { rgb } from "d3-color";
 import { calcBranchStrokeCols } from "../../../util/colorHelpers";
 import * as callbacks from "./callbacks";

src/components/tree/tangle/index.js

@@ -1,6 +1,7 @@
 /* eslint-disable space-infix-ops */
 import React from "react";
 import { select } from "d3-selection";
+import 'd3-transition';
 
 const makeTipPathGenerator = (props) => (idxs) => {
   const tip1 = props.leftNodes[idxs[0]].shell;