apps/ai-game-creator-shell/src/view/ui-editor/components/preview/UiTreeRenderer.tsx

@@ -44,7 +44,7 @@ type UiTreeRendererProps = {
   onNodePointerDown: NodePointerDown;
   onNodePointerMove: (event: ReactPointerEvent<HTMLDivElement>) => void;
   onNodePointerUp: (event: ReactPointerEvent<HTMLDivElement>) => void;
-  onNodePointerCancel?: (event: ReactPointerEvent<HTMLDivElement>) => void;
+  onNodePointerCancel: (event: ReactPointerEvent<HTMLDivElement>) => void;
   onNodeResizePointerDown: (
     event: ReactPointerEvent<HTMLDivElement>,
     node: UiNode,
@@ -52,9 +52,7 @@ type UiTreeRendererProps = {
   ) => void;
   onNodeResizePointerMove: (event: ReactPointerEvent<HTMLDivElement>) => void;
   onNodeResizePointerUp: (event: ReactPointerEvent<HTMLDivElement>) => void;
-  onNodeResizePointerCancel?: (
-    event: ReactPointerEvent<HTMLDivElement>,
-  ) => void;
+  onNodeResizePointerCancel: (event: ReactPointerEvent<HTMLDivElement>) => void;
   onSelectExclusiveChild: (nodeId: NodeId) => void;
   viewportScale: number;
 };
@@ -90,11 +88,11 @@ function RenderNode({
   onNodePointerDown,
   onNodePointerMove,
   onNodePointerUp,
-  onNodePointerCancel = onNodePointerUp,
+  onNodePointerCancel,
   onNodeResizePointerDown,
   onNodeResizePointerMove,
   onNodeResizePointerUp,
-  onNodeResizePointerCancel = onNodeResizePointerUp,
+  onNodeResizePointerCancel,
   onSelectExclusiveChild,
   viewportScale,
 }: Omit<UiTreeRendererProps, 'tree'> & {

apps/ai-game-creator-shell/tests/uiEditorPreview.test.tsx

@@ -79,9 +79,11 @@ function renderTree(
       onNodePointerDown={vi.fn()}
       onNodePointerMove={vi.fn()}
       onNodePointerUp={vi.fn()}
+      onNodePointerCancel={vi.fn()}
       onNodeResizePointerDown={vi.fn()}
       onNodeResizePointerMove={vi.fn()}
       onNodeResizePointerUp={vi.fn()}
+      onNodeResizePointerCancel={vi.fn()}
       viewportScale={1}
     />,
   );
@@ -170,9 +172,11 @@ describe('UI tree preview visibility', () => {
         onNodePointerDown={vi.fn()}
         onNodePointerMove={vi.fn()}
         onNodePointerUp={vi.fn()}
+        onNodePointerCancel={vi.fn()}
         onNodeResizePointerDown={vi.fn()}
         onNodeResizePointerMove={vi.fn()}
         onNodeResizePointerUp={vi.fn()}
+        onNodeResizePointerCancel={vi.fn()}
         viewportScale={1}
       />,
     );
@@ -247,9 +251,11 @@ describe('UI tree preview visibility', () => {
           onNodePointerDown={vi.fn()}
           onNodePointerMove={vi.fn()}
           onNodePointerUp={vi.fn()}
+          onNodePointerCancel={vi.fn()}
           onNodeResizePointerDown={vi.fn()}
           onNodeResizePointerMove={vi.fn()}
           onNodeResizePointerUp={vi.fn()}
+          onNodeResizePointerCancel={vi.fn()}
           viewportScale={1}
         />,
       );
@@ -319,9 +325,11 @@ describe('UI tree preview visibility', () => {
         onNodePointerDown={onNodePointerDown}
         onNodePointerMove={vi.fn()}
         onNodePointerUp={vi.fn()}
+        onNodePointerCancel={vi.fn()}
         onNodeResizePointerDown={vi.fn()}
         onNodeResizePointerMove={vi.fn()}
         onNodeResizePointerUp={vi.fn()}
+        onNodeResizePointerCancel={vi.fn()}
         onSelectExclusiveChild={onSelectChild}
         viewportScale={1}
       />,
@@ -351,9 +359,11 @@ describe('UI tree preview visibility', () => {
         onNodePointerDown={vi.fn()}
         onNodePointerMove={vi.fn()}
         onNodePointerUp={vi.fn()}
+        onNodePointerCancel={vi.fn()}
         onNodeResizePointerDown={vi.fn()}
         onNodeResizePointerMove={vi.fn()}
         onNodeResizePointerUp={vi.fn()}
+        onNodeResizePointerCancel={vi.fn()}
         viewportScale={1}
       />,
     );