fix: Update map with tables fixes

src/pages/Route/route-preview/InfiniteCanvas.tsx

@@ -37,7 +37,7 @@ export function InfiniteCanvas({
     setScreenCenter,
     screenCenter,
   } = useTransform();
-  const { routeData, originalRouteData } = useMapData();
+  const { routeData, originalRouteData, setSelectedSight } = useMapData();
 
   const applicationRef = useApplication();
 
@@ -45,6 +45,7 @@ export function InfiniteCanvas({
   const [startMousePosition, setStartMousePosition] = useState({ x: 0, y: 0 });
   const [startRotation, setStartRotation] = useState(0);
   const [startPosition, setStartPosition] = useState({ x: 0, y: 0 });
+  const [isPointerDown, setIsPointerDown] = useState(false);
 
   // Флаг для предотвращения конфликта между пользовательским вводом и данными маршрута
   const [isUserInteracting, setIsUserInteracting] = useState(false);
@@ -65,7 +66,8 @@ export function InfiniteCanvas({
   }, [applicationRef?.app.canvas, setScreenCenter]);
 
   const handlePointerDown = (e: FederatedMouseEvent) => {
-    setIsDragging(true);
+    setIsPointerDown(true);
+    setIsDragging(false);
     setIsUserInteracting(true); // Устанавливаем флаг взаимодействия пользователя
     setStartPosition({
       x: position.x,
@@ -93,7 +95,18 @@ export function InfiniteCanvas({
   }, [originalRouteData?.rotate, isUserInteracting, setRotation]);
 
   const handlePointerMove = (e: FederatedMouseEvent) => {
-    if (!isDragging) return;
+    if (!isPointerDown) return;
+
+    // Проверяем, началось ли перетаскивание
+    if (!isDragging) {
+      const dx = e.globalX - startMousePosition.x;
+      const dy = e.globalY - startMousePosition.y;
+      if (Math.abs(dx) > 5 || Math.abs(dy) > 5) {
+        setIsDragging(true);
+      } else {
+        return;
+      }
+    }
 
     if (e.shiftKey) {
       const center = screenCenter ?? { x: 0, y: 0 };
@@ -136,6 +149,12 @@ export function InfiniteCanvas({
   };
 
   const handlePointerUp = (e: FederatedMouseEvent) => {
+    // Если не было перетаскивания, то это простой клик - закрываем виджет
+    if (!isDragging) {
+      setSelectedSight(undefined);
+    }
+
+    setIsPointerDown(false);
     setIsDragging(false);
     // Сбрасываем флаг взаимодействия через небольшую задержку
     // чтобы избежать немедленного срабатывания useEffect
@@ -185,7 +204,6 @@ export function InfiniteCanvas({
 
   useEffect(() => {
     applicationRef?.app.render();
-    console.log(position, scale, rotation);
   }, [position, scale, rotation]);
 
   return (