refactor(app): rename react-graph to react-flow

src/style.css

@@ -1,17 +1,17 @@
-.react-graph {
+.react-flow {
   width: 100%;
   height: 100%;
   position: relative;
   overflow: hidden;
 }
 
-.react-graph__renderer {
+.react-flow__renderer {
   width: 100%;
   height: 100%;
   position: absolute;
 }
 
-.react-graph__zoompane {
+.react-flow__zoompane {
   width: 100%;
   height: 100%;
   position: absolute;
@@ -20,7 +20,7 @@
   z-index: 1;
 }
 
-.react-graph__selectionpane {
+.react-flow__selectionpane {
   width: 100%;
   height: 100%;
   position: absolute;
@@ -29,7 +29,7 @@
   z-index: 2;
 }
 
-.react-graph__selection {
+.react-flow__selection {
   position: absolute;
   top: 0;
   left: 0;
@@ -37,7 +37,7 @@
   border: 1px dotted rgba(0, 89, 220, 0.8);
 }
 
-.react-graph__edges {
+.react-flow__edges {
   position: absolute;
   top: 0;
   left: 0;
@@ -45,7 +45,7 @@
   z-index: 2;
 }
 
-.react-graph__edge {
+.react-flow__edge {
   fill: none;
   stroke: #bbb;
   stroke-width: 2;
@@ -70,7 +70,7 @@
   from {stroke-dashoffset: 10}
 }
 
-.react-graph__nodes {
+.react-flow__nodes {
   width: 100%;
   height: 100%;
   position: absolute;
@@ -79,7 +79,7 @@
   transform-origin: 0 0;
 }
 
-.react-graph__node {
+.react-flow__node {
   position: absolute;
   color: #222;
   font-family: sans-serif;
@@ -99,7 +99,7 @@
   }
 }
 
-.react-graph__handle {
+.react-flow__handle {
   position: absolute;
   width: 10px;
   height: 8px;
@@ -133,7 +133,7 @@
   }
 }
 
-.react-graph__nodesselection {
+.react-flow__nodesselection {
   z-index: 3;
   position: absolute;
   width: 100%;