Upgrade to new subsurface viewer version (equinor#810)

Author: rubenthoms

frontend/package-lock.json

@@ -28,7 +28,7 @@
         "@tanstack/react-query-devtools": "^5.4.2",
         "@types/geojson": "^7946.0.14",
         "@webviz/group-tree-plot": "^1.1.14",
-        "@webviz/subsurface-viewer": "^0.25.2",
+        "@webviz/subsurface-viewer": "^1.1.1",
         "@webviz/well-completions-plot": "^1.5.11",
         "animate.css": "^4.1.1",
         "axios": "^1.6.5",

frontend/package.json

@@ -1,5 +1,7 @@
 import React from "react";
 
+import { Point2D, Point3D } from "@webviz/subsurface-viewer";
+
 import { isEqual } from "lodash";
 
 import { EnsembleIdent } from "./EnsembleIdent";
@@ -27,7 +29,7 @@ export type GlobalTopicDefinitions = {
     "global.syncValue.timeSeries": { vectorName: string };
     "global.syncValue.surface": { name: string; attribute: string };
     "global.syncValue.cameraPositionMap": {
-        target: number[];
+        target: Point2D | Point3D | undefined;
         zoom: number;
         rotationX: number;
         rotationOrbit: number;

frontend/src/framework/WorkbenchServices.ts

@@ -1,6 +1,6 @@
 import React from "react";
 
-import { GeoJsonLayer } from "@deck.gl/layers/typed";
+import { GeoJsonLayer } from "@deck.gl/layers";
 import { IntersectionReferenceSystem } from "@equinor/esv-intersection";
 import { ViewContext } from "@framework/ModuleContext";
 import { GlobalTopicDefinitions, WorkbenchServices, useSubscribedValue } from "@framework/WorkbenchServices";

frontend/src/modules/3DViewer/view/components/HoverUpdateWrapper.tsx

@@ -1,7 +1,7 @@
 import React, { useId } from "react";
 
-import { Layer, PickingInfo } from "@deck.gl/core/typed";
-import { ColumnLayer, SolidPolygonLayer } from "@deck.gl/layers/typed";
+import { Layer, PickingInfo } from "@deck.gl/core";
+import { ColumnLayer, SolidPolygonLayer } from "@deck.gl/layers";
 import { IntersectionPolyline, IntersectionPolylineWithoutId } from "@framework/userCreatedItems/IntersectionPolylines";
 import { Button } from "@lib/components/Button";
 import { HoldPressedIntervalCallbackButton } from "@lib/components/HoldPressedIntervalCallbackButton/holdPressedIntervalCallbackButton";
@@ -640,6 +640,7 @@ export function SubsurfaceViewerWrapper(props: SubsurfaceViewerWrapperProps): Re
                 }}
                 getTooltip={makeTooltip}
                 verticalScale={verticalScale}
+                pickingRadius={10}
             />
             <div className="absolute bottom-0 right-0 z-30 bg-white bg-opacity-50 p-2 pointer-events-none">
                 {makeHelperText()}

frontend/src/modules/3DViewer/view/components/SubsurfaceViewerWrapper.tsx

@@ -1,5 +1,5 @@
 import { BoundingBox3d_api, WellboreTrajectory_api } from "@api";
-import { Layer } from "@deck.gl/core/typed";
+import { Layer } from "@deck.gl/core";
 import { ColorScale } from "@lib/utils/ColorScale";
 import { TGrid3DColoringMode } from "@webviz/subsurface-viewer";
 import { AxesLayer, Grid3DLayer, WellsLayer } from "@webviz/subsurface-viewer/dist/layers";

frontend/src/modules/3DViewer/view/utils/layers.ts

@@ -1,6 +1,6 @@
 import React from "react";
 
-import { Layer } from "@deck.gl/core/typed";
+import { Layer } from "@deck.gl/core";
 import { IntersectionReferenceSystem } from "@equinor/esv-intersection";
 import { ModuleViewProps } from "@framework/Module";
 import { useViewStatusWriter } from "@framework/StatusWriter";