feat(react-components): Add event functions to click and hover 360 im…

…ages (#4802) * Initial commit * Upgrade Reveal to 4.18.0 * chore: update visual test image --------- Co-authored-by: Håkon Flatval <[email protected]>
cognitedata · Oct 18, 2024 · 6e1b053 · 6e1b053
1 parent e47a5e5
commit 6e1b053
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 9 deletions.
diff --git a/react-components/package.json b/react-components/package.json
@@ -30,7 +30,7 @@
   },
   "peerDependencies": {
     "@cognite/cogs-lab": "^9.0.0-alpha.111",
-    "@cognite/reveal": "4.17.0",
+    "@cognite/reveal": "4.18.0",
     "react": ">=18",
     "react-dom": ">=18",
     "styled-components": ">=5"
@@ -46,7 +46,7 @@
     "@cognite/cdf-utilities": "^3.6.0",
     "@cognite/cogs-lab": "^9.0.0-alpha.113",
     "@cognite/cogs.js": "^10.25.0",
-    "@cognite/reveal": "^4.17.0",
+    "@cognite/reveal": "^4.18.0",
     "@cognite/sdk": "^9.13.0",
     "@playwright/test": "1.48.0",
     "@storybook/addon-essentials": "8.3.5",

diff --git a/react-components/src/architecture/base/concreteCommands/NavigationTool.ts b/react-components/src/architecture/base/concreteCommands/NavigationTool.ts
@@ -32,8 +32,13 @@ export class NavigationTool extends BaseTool {
     return { key: 'NAVIGATION', fallback: 'Navigation' };
   }
 
+  public override onHover(event: PointerEvent): void {
+    this.renderTarget.viewer.onHover360Images(event);
+  }
+
   public override async onClick(event: PointerEvent): Promise<void> {
-    await this.cameraManager.onClick(event);
+    if (!(await this.renderTarget.viewer.onClick360Images(event)))
+      await this.cameraManager.onClick(event);
   }
 
   public override async onDoubleClick(event: PointerEvent): Promise<void> {

diff --git a/...sts/__screenshots__/Toolbar.stories.spec.ts/cad-model-container-storybook-1.png b/...sts/__screenshots__/Toolbar.stories.spec.ts/cad-model-container-storybook-1.png
diff --git a/react-components/yarn.lock b/react-components/yarn.lock