[Upgrades] mapbox-gl to 3.5.2 (#470)

Closes DG-163, DG-159

## What changed? Why?
Upgrades to the latest mapbox-gl version and removes the old typescript
package

packages/maps/mapbox-gl/Control.tsx

@@ -1,8 +1,7 @@
-import type { Map } from 'mapbox-gl';
 import { useEffect, useMemo, useRef } from 'react';
 import type { Root } from 'react-dom/client';
 import { createRoot } from 'react-dom/client';
-import { useControl } from 'react-map-gl';
+import { useControl, type MapInstance } from 'react-map-gl';
 import { useTheme } from '@mui/material';
 import type { ControlContainerProps } from './ControlContainer';
 import { ControlContainer } from './ControlContainer';
@@ -26,7 +25,7 @@ class DGControl {
   /**
    * What Mapbox uses for the map itself - needs to be named this
    */
-  _map: Map | undefined;
+  _map: MapInstance | undefined;
 
   /**
    * What Mapbox uses for the container for the element we're adding -
@@ -56,7 +55,7 @@ class DGControl {
    * Creates a new div that holds a `ControlContainer` for the contents. Pass
    * onClick if there are not multiple children.
    */
-  onAdd(map: Map) {
+  onAdd(map: MapInstance) {
     this._map = map;
     this._container?.parentNode?.removeChild(this._container);
     this._container = document.createElement('div');

packages/maps/package.json

@@ -9,16 +9,15 @@
   "dependencies": {
     "@mui/material": "5.16.7",
     "api": "workspace:*",
-    "mapbox-gl": "3.0.1",
     "lucide-react": "0.427.0",
+    "mapbox-gl": "3.5.2",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-map-gl": "7.1.7",
     "shared-core": "workspace:*",
     "ui": "workspace:*"
   },
   "devDependencies": {
-    "@types/mapbox-gl": "2.7.19",
     "@types/node": "22.2.0",
     "@types/react": "18.3.3",
     "@types/react-dom": "18.3.0",