feat(nodes): add nodeOrigin prop

2022-08-17 11:43:52 +02:00
parent d2d4b76e65
commit ab14be02f4
10 changed files with 75 additions and 7 deletions
@@ -10,6 +10,7 @@ import {
  useNodesState,
  useEdgesState,
  Controls,
+  NodeOrigin,
 } from '@react-flow/bundle';

 import Sidebar from './Sidebar';
@@ -33,6 +34,8 @@ const onDragOver = (event: DragEvent) => {
 let id = 0;
 const getId = () => `dndnode_${id++}`;

+const nodeOrigin: NodeOrigin = [0.5, 0.5];
+
 const DnDFlow = () => {
  const [reactFlowInstance, setReactFlowInstance] = useState<ReactFlowInstance>();
  const [nodes, setNodes, onNodesChange] = useNodesState(initialNodes);
@@ -74,6 +77,7 @@ const DnDFlow = () => {
            onInit={onInit}
            onDrop={onDrop}
            onDragOver={onDragOver}
+            nodeOrigin={nodeOrigin}
          >
            <Controls />
          </ReactFlow>