added event handler

app/src/modules/scene/controls/transformControls/transformControls.tsx

@@ -3,7 +3,7 @@ import * as THREE from "three";
 import { useSelectedFloorItem, useObjectPosition, useObjectRotation, useActiveTool, useSocketStore } from "../../../../store/builder/store";
 import { useThree } from "@react-three/fiber";
 
-import { useEffect, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import { detectModifierKeys } from "../../../../utils/shortcutkeys/detectModifierKeys";
 import { upsertProductOrEventApi } from "../../../../services/simulation/products/UpsertProductOrEventApi";
 // import { setAssetsApi } from "../../../../services/factoryBuilder/asset/floorAsset/setAssetsApi";
@@ -15,6 +15,7 @@ import { useVersionContext } from "../../../builder/version/versionContext";
 
 export default function TransformControl() {
     const state = useThree();
+    const ref = useRef(null);
     const [transformMode, setTransformMode] = useState<"translate" | "rotate" | null>(null);
     const { selectedFloorItem, setSelectedFloorItem } = useSelectedFloorItem();
     const { setObjectPosition } = useObjectPosition();
@@ -186,6 +187,7 @@ export default function TransformControl() {
         <>
             {(selectedFloorItem && transformMode) &&
                 <TransformControls
+                    ref={ref}
                     showX={transformMode === "translate"}
                     showY={transformMode === "rotate"}
                     showZ={transformMode === "translate"}