Bump phylotree and react-phylotree.

package.json

@@ -13,11 +13,11 @@
     "express": "^4.16.4",
     "file-saver": "^2.0.0",
     "jquery": "^3.3.1",
-    "phylotree": "1.0.0-alpha.17",
+    "phylotree": "1",
     "popper.js": "^1.14.3",
     "react": "^16.13.0",
     "react-dom": "^16.13.0",
-    "react-phylotree": "0.4.3",
+    "react-phylotree": "^0.5.0",
     "react-router-dom": "^4.3.1",
     "sass": "^1.26.2",
     "save-svg-as-png": "^1.4.14",

src/components/Tree.jsx

@@ -25,11 +25,11 @@ class Tree extends Component {
     this.props.scroll_broadcaster.handleWheel(e, this.props.sender);
   }
   render() {
-    const { width, height, tree, site_size } = this.props;
+    const { width, height, tree, site_size, phylotreeProps } = this.props;
     if (!tree) {
       return <div id={this.state.div_id} className="alignmentjs-container" />;
     }
-    const number_of_tips = tree.get_tips().length,
+    const number_of_tips = tree.getTips().length,
       tree_height = number_of_tips * site_size,
       overflow = "scroll hidden";
     return (
@@ -48,6 +48,7 @@ class Tree extends Component {
             transform={`translate(${site_size / 2}, ${site_size / 2})`}
             width={width - site_size}
             height={tree_height - site_size}
+            {...phylotreeProps}
           />
         </svg>
       </div>

src/helpers/jointSort.js

@@ -15,11 +15,11 @@ function sortFASTAAndNewick(sequence_data, tree, strict) {
     n["count_depth"] = d;
   });
 
-  tree.resort_children(function(a, b) {
+  tree.resortChildren(function(a, b) {
     return a["count_depth"] - b["count_depth"];
   });
 
-  const ordered_leaf_names = tree.get_tips().map(d => d.data.name);
+  const ordered_leaf_names = tree.getTips().map(d => d.data.name);
 
   sequence_data.sort((a, b) => {
     const a_index = ordered_leaf_names.indexOf(a.header),