dag.js | Simple DAG

I am new to d3 and I am trying to use this demo It uses v3 and I am trying to migrate it to v5.16.0

What I could do is change d3.behavior.drag(), .origin and .on("dragend" into d3.drag(), .subject and .on("end",

and change this .on("zoomstart" and this .on("zoomend" into this .on("start" and this .on("end"

I am not getting any runtime errors but there is a malfunction. For example I can't mouse click + "shift" to create a new node like in the demo and also when a node is clicked its color doesn't change and also when I drag a node I get this messy behaviour as shown in this image

I could figure out that for some reason the on mouseup event is not fired but I coudn't figure out the reason.

Can someone please help?

New Full code I am using:

I'm still facing problems trying to use jest, typescript and es6 modules. My test are written in Typescript, I'm trying to import objects from js-file which uses es6 modules. To do that, I've followed jest documentation and have the following in my babel.config.js, which is located in project root:

I'm using Ember to compile a github project here. I have Bower and npm installed as required. When I try to run ember build in the Node.js command prompt in the project directory I get the following: