@mapcomponents/react-maplibre 1.0.11 → 1.1.0-1

package/dist/src/components/MapLibreMap/MapLibreMap.d.ts

@@ -17,6 +17,9 @@ export type MapLibreMapProps = {
      */
     style?: object;
 };
+type MapLibreMapComponent = FC<MapLibreMapProps> & {
+    defaultProps: MapLibreMapProps;
+};
 /**
  * Creates a MapLibreGlWrapper instance and registers it in MapContext
  * after the MapLibre-gl load event has fired.
@@ -27,5 +30,5 @@ export type MapLibreMapProps = {
  *
  * @category Map components
  */
-declare const MapLibreMap: FC<MapLibreMapProps>;
+declare const MapLibreMap: MapLibreMapComponent;
 export default MapLibreMap;

package/dist/src/components/MlGeoJsonLayer/util/getDefaultLayerTypeByGeometry.d.ts

@@ -1,4 +1,4 @@
 import { Feature, FeatureCollection } from "geojson";
 import { LayerSpecification } from "maplibre-gl";
-declare const getDefaulLayerTypeByGeometry: (geojson: Feature | FeatureCollection | undefined) => LayerSpecification['type'];
+declare const getDefaulLayerTypeByGeometry: (geojson: Feature | FeatureCollection | undefined) => LayerSpecification["type"];
 export default getDefaulLayerTypeByGeometry;

package/dist/src/components/MlGeoJsonLayer/util/getDefaultPaintPropsByType.d.ts

@@ -1,5 +1,5 @@
 import { LayerSpecification, RasterLayerSpecification } from 'maplibre-gl';
 declare const getDefaultPaintPropsByType: (type: string, defaultPaintOverrides?: {
     [key: string]: unknown;
-} | undefined) => Exclude<LayerSpecification['paint'], RasterLayerSpecification['paint']>;
+}) => Exclude<LayerSpecification["paint"], RasterLayerSpecification["paint"]>;
 export default getDefaultPaintPropsByType;

package/dist/src/components/MlSpatialElevationProfile/util/getElevationData.d.ts

@@ -1,3 +1,4 @@
+import { FeatureCollection } from 'geojson';
 interface geometry {
     coordinates: Array<number>;
 }
@@ -8,5 +9,5 @@ interface _geojsonInfo {
     line: line;
     min: number;
 }
-export default function getElevationData(_geojsonInfo: _geojsonInfo, elevationFactor: number): import("geojson").FeatureCollection<import("geojson").Geometry, import("geojson").GeoJsonProperties>;
+export default function getElevationData(_geojsonInfo: _geojsonInfo, elevationFactor: number): FeatureCollection;
 export {};

package/dist/src/components/MlTemporalController/utils/paintPicker.d.ts

@@ -13,37 +13,37 @@ interface paintPickerProps {
     userPaint: CircleLayerSpecification['paint'] | FillLayerSpecification['paint'] | LineLayerSpecification['paint'];
 }
 export default function paintPicker(props: paintPickerProps): {
-    "circle-radius"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
-    "circle-color"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
-    "circle-blur"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
-    "circle-opacity"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
-    "circle-translate"?: import("maplibre-gl").PropertyValueSpecification<[number, number]> | undefined;
-    "circle-translate-anchor"?: import("maplibre-gl").PropertyValueSpecification<"map" | "viewport"> | undefined;
-    "circle-pitch-scale"?: import("maplibre-gl").PropertyValueSpecification<"map" | "viewport"> | undefined;
-    "circle-pitch-alignment"?: import("maplibre-gl").PropertyValueSpecification<"map" | "viewport"> | undefined;
-    "circle-stroke-width"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
-    "circle-stroke-color"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
-    "circle-stroke-opacity"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
+    "circle-radius"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number>;
+    "circle-color"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<import("maplibre-gl").ColorSpecification>;
+    "circle-blur"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number>;
+    "circle-opacity"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number>;
+    "circle-translate"?: import("maplibre-gl").PropertyValueSpecification<[number, number]>;
+    "circle-translate-anchor"?: import("maplibre-gl").PropertyValueSpecification<"map" | "viewport">;
+    "circle-pitch-scale"?: import("maplibre-gl").PropertyValueSpecification<"map" | "viewport">;
+    "circle-pitch-alignment"?: import("maplibre-gl").PropertyValueSpecification<"map" | "viewport">;
+    "circle-stroke-width"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number>;
+    "circle-stroke-color"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<import("maplibre-gl").ColorSpecification>;
+    "circle-stroke-opacity"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number>;
 } | {
-    "fill-antialias"?: import("maplibre-gl").PropertyValueSpecification<boolean> | undefined;
-    "fill-opacity"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
-    "fill-color"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
-    "fill-outline-color"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
-    "fill-translate"?: import("maplibre-gl").PropertyValueSpecification<[number, number]> | undefined;
-    "fill-translate-anchor"?: import("maplibre-gl").PropertyValueSpecification<"map" | "viewport"> | undefined;
-    "fill-pattern"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
+    "fill-antialias"?: import("maplibre-gl").PropertyValueSpecification<boolean>;
+    "fill-opacity"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number>;
+    "fill-color"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<import("maplibre-gl").ColorSpecification>;
+    "fill-outline-color"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<import("maplibre-gl").ColorSpecification>;
+    "fill-translate"?: import("maplibre-gl").PropertyValueSpecification<[number, number]>;
+    "fill-translate-anchor"?: import("maplibre-gl").PropertyValueSpecification<"map" | "viewport">;
+    "fill-pattern"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<import("maplibre-gl").ResolvedImageSpecification>;
 } | {
-    "line-opacity"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
-    "line-color"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
-    "line-translate"?: import("maplibre-gl").PropertyValueSpecification<[number, number]> | undefined;
-    "line-translate-anchor"?: import("maplibre-gl").PropertyValueSpecification<"map" | "viewport"> | undefined;
-    "line-width"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
-    "line-gap-width"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
-    "line-offset"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
-    "line-blur"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
-    "line-dasharray"?: import("maplibre-gl").PropertyValueSpecification<number[]> | undefined;
-    "line-pattern"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
-    "line-gradient"?: import("maplibre-gl").ExpressionSpecification | undefined;
+    "line-opacity"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number>;
+    "line-color"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<import("maplibre-gl").ColorSpecification>;
+    "line-translate"?: import("maplibre-gl").PropertyValueSpecification<[number, number]>;
+    "line-translate-anchor"?: import("maplibre-gl").PropertyValueSpecification<"map" | "viewport">;
+    "line-width"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number>;
+    "line-gap-width"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number>;
+    "line-offset"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number>;
+    "line-blur"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number>;
+    "line-dasharray"?: import("maplibre-gl").PropertyValueSpecification<Array<number>>;
+    "line-pattern"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<import("maplibre-gl").ResolvedImageSpecification>;
+    "line-gradient"?: import("maplibre-gl").ExpressionSpecification;
 } | {
     'circle-color': string;
 } | {

package/dist/src/components/MlTransitionGeoJsonLayer/MlTransitionGeoJsonLayer.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import { Feature } from 'geojson';
+import { Feature, FeatureCollection } from 'geojson';
 import { MlGeoJsonLayerProps } from '../MlGeoJsonLayer/MlGeoJsonLayer';
 export type MlTransitionGeoJsonLayerProps = MlGeoJsonLayerProps & {
     transitionTime?: number;
-    geojson?: Feature;
+    geojson?: Feature | FeatureCollection | null;
 };
 /**
  * Adds source and layer of types "line", "fill" or "circle" to display GeoJSON data on the map.

package/dist/src/components/MlUseMapDebugger/MlUseMapDebugger.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import { FC } from 'react';
 export interface MlUseMapDebuggerProps {
     mapId?: string;
     watch?: string[];
@@ -6,6 +6,9 @@ export interface MlUseMapDebuggerProps {
         [key: string]: any;
     };
 }
+type MlUseMapDebuggerComponent = FC<MlUseMapDebuggerProps> & {
+    defaultProps: MlUseMapDebuggerProps;
+};
 /**
  * Renders a collapsible top-drawer containing live map debug information
  *
@@ -14,5 +17,5 @@ export interface MlUseMapDebuggerProps {
  *
  * @component
  */
-declare const MlUseMapDebugger: React.FC<MlUseMapDebuggerProps>;
+declare const MlUseMapDebugger: MlUseMapDebuggerComponent;
 export default MlUseMapDebugger;

package/dist/src/contexts/MapContext.d.ts

@@ -3,7 +3,9 @@ import MapLibreGlWrapper from '../components/MapLibreMap/lib/MapLibreGlWrapper';
 export interface MapContextType {
     mapIds: string[];
     mapExists: (map_id: string | undefined) => boolean;
-    maps: MapLibreGlWrapper[];
+    maps: {
+        [key: string]: MapLibreGlWrapper;
+    };
     map: MapLibreGlWrapper | undefined;
     getMap: (map_id: string | undefined) => MapLibreGlWrapper;
     setMap: (map: MapLibreGlWrapper) => void;

package/dist/src/decorators/MapContextDecorator.d.ts

@@ -1,7 +1,7 @@
 import { MapLibreMapProps } from '../components/MapLibreMap/MapLibreMap';
 import './style.css';
 import { Decorator } from '@storybook/react';
-declare const makeMapContextDecorators: (options: MapLibreMapProps['options']) => Decorator[];
+declare const makeMapContextDecorators: (options: MapLibreMapProps["options"]) => Decorator[];
 declare const _default: Decorator[];
 export default _default;
 export { makeMapContextDecorators };

package/dist/src/decorators/MapContextReduxStoreDecorator.d.ts

@@ -1,7 +1,7 @@
 import { MapLibreMapProps } from '../components/MapLibreMap/MapLibreMap';
 import './style.css';
 import { Decorator } from '@storybook/react';
-declare const makeMapContextDecorators: (options: MapLibreMapProps['options']) => Decorator[];
+declare const makeMapContextDecorators: (options: MapLibreMapProps["options"]) => Decorator[];
 declare const _default: Decorator[];
 export default _default;
 export { makeMapContextDecorators };

package/dist/src/hooks/useExportMap/index.d.ts

@@ -6,6 +6,6 @@ interface exportMapProps {
     mapId?: string;
 }
 export default function useExportMap(props: exportMapProps): {
-    createExport: ((options: Omit<createExportOptions, 'map'> & Partial<Pick<createExportOptions, 'map'>>) => Promise<import("./lib").createExportResolverParams>) | undefined;
+    createExport: ((options: Omit<createExportOptions, "map"> & Partial<Pick<createExportOptions, "map">>) => Promise<import("./lib").createExportResolverParams>) | undefined;
 };
 export {};

package/dist/src/hooks/useFeatureEditor/useFeatureEditor.d.ts

@@ -41,6 +41,6 @@ export interface useFeatureEditorProps {
 declare const useFeatureEditor: (props: useFeatureEditorProps) => {
     feature: Feature<import("geojson").Geometry, import("geojson").GeoJsonProperties>[] | undefined;
     drawToolsReady: boolean;
-    draw: MapboxDraw | undefined;
+    draw: MapboxDraw | null;
 };
 export default useFeatureEditor;

package/dist/src/protocol_handlers/mbtiles.d.ts

@@ -1,3 +1,4 @@
+import initSqlJs from 'sql.js';
 import { RequestParameters } from 'maplibre-gl';
 declare const parseTileParams: (url: string) => {
     filename: string;
@@ -7,7 +8,47 @@ declare const parseTileParams: (url: string) => {
 };
 declare const getMbtilesDbHandler: ({ filename }: {
     filename: string;
-}) => Promise<any>;
+}) => Promise<{
+    close(): void;
+    create_function(name: string, func: (...args: any[]) => any): /*elided*/ any;
+    each(sql: string, params: initSqlJs.BindParams, callback: initSqlJs.ParamsCallback, done: () => void): /*elided*/ any;
+    each(sql: string, callback: initSqlJs.ParamsCallback, done: () => void): /*elided*/ any;
+    exec(sql: string, params?: initSqlJs.BindParams): initSqlJs.QueryExecResult[];
+    export(): Uint8Array;
+    getRowsModified(): number;
+    handleError(): null | never;
+    iterateStatements(sql: string): {
+        getRemainingSQL(): string;
+        next(): initSqlJs.StatementIteratorResult;
+        [Symbol.iterator](): Iterator<{
+            bind(values?: initSqlJs.BindParams): boolean;
+            free(): boolean;
+            freemem(): void;
+            get(params?: initSqlJs.BindParams): initSqlJs.SqlValue[];
+            getAsObject(params?: initSqlJs.BindParams): initSqlJs.ParamsObject;
+            getColumnNames(): string[];
+            getNormalizedSQL(): string;
+            getSQL(): string;
+            reset(): void;
+            run(values?: initSqlJs.BindParams): void;
+            step(): boolean;
+        }>;
+    };
+    prepare(sql: string, params?: initSqlJs.BindParams): {
+        bind(values?: initSqlJs.BindParams): boolean;
+        free(): boolean;
+        freemem(): void;
+        get(params?: initSqlJs.BindParams): initSqlJs.SqlValue[];
+        getAsObject(params?: initSqlJs.BindParams): initSqlJs.ParamsObject;
+        getColumnNames(): string[];
+        getNormalizedSQL(): string;
+        getSQL(): string;
+        reset(): void;
+        run(values?: initSqlJs.BindParams): void;
+        step(): boolean;
+    };
+    run(sql: string, params?: initSqlJs.BindParams): /*elided*/ any;
+}>;
 /**
  * Example usage:
  * getBufferFromMbtiles({ filename: 'mbtiles/countries.mbtiles', z: '0', x: '0', y: '0' }).then(

package/dist/src/ui_components/LayerList/util/LayerListItemVectorLayer.d.ts

@@ -1,8 +1,6 @@
 import React from 'react';
 import { MlVectorTileLayerProps } from '../../../components/MlVectorTileLayer/MlVectorTileLayer';
-export declare const ListItemStyled: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
-    ref?: ((instance: HTMLLIElement | null) => void) | React.RefObject<HTMLLIElement> | null | undefined;
-}, "className" | "style" | "classes" | "children" | "components" | "componentsProps" | "slotProps" | "slots" | "alignItems" | "ContainerComponent" | "ContainerProps" | "dense" | "disableGutters" | "disablePadding" | "divider" | "secondaryAction" | "sx"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const ListItemStyled: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "className" | "style" | "classes" | "components" | "componentsProps" | "slotProps" | "slots" | "alignItems" | "children" | "ContainerComponent" | "ContainerProps" | "dense" | "disableGutters" | "disablePadding" | "divider" | "secondaryAction" | "sx"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const CheckboxListItemIcon: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemIconProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const CheckboxStyled: import("@emotion/styled").StyledComponent<import("@mui/material").CheckboxProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 interface LayerListItemVectorLayerProps {

package/dist/src/ui_components/MapcomponentsTheme.d.ts

@@ -31,5 +31,5 @@ declare module '@mui/material' {
         variant?: 'layerlist';
     }
 }
-declare const getTheme: (mode: 'light' | 'dark' | undefined) => import("@mui/material").Theme;
+declare const getTheme: (mode: "light" | "dark" | undefined) => import("@mui/material").Theme;
 export default getTheme;

package/eslint.config.mjs

@@ -0,0 +1,73 @@
+import react from 'eslint-plugin-react';
+import typescriptEslint from '@typescript-eslint/eslint-plugin';
+import globals from 'globals';
+import tsParser from '@typescript-eslint/parser';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import js from '@eslint/js';
+import { FlatCompat } from '@eslint/eslintrc';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const compat = new FlatCompat({
+	baseDirectory: __dirname,
+	recommendedConfig: js.configs.recommended,
+	allConfig: js.configs.all,
+});
+
+export default [
+	{
+		ignores: [
+			'**/.cache',
+			'**/.github',
+			'**/.storybook',
+			'**/.vscode',
+			'**/coverage',
+			'**/dist',
+			'**/docs',
+			'**/docs-build',
+			'**/js-docs',
+			'**/node_modules',
+			'**/storybook-static',
+			'**/scripts',
+		],
+	},
+	...compat.extends(
+		'eslint:recommended',
+		'plugin:react/recommended',
+		'plugin:@typescript-eslint/recommended',
+		'prettier',
+		'plugin:storybook/recommended'
+	),
+	{
+		plugins: {
+			react,
+			'@typescript-eslint': typescriptEslint,
+		},
+
+		languageOptions: {
+			globals: {
+				...globals.browser,
+				...globals.node,
+				...globals.jest,
+			},
+
+			parser: tsParser,
+			ecmaVersion: 'latest',
+			sourceType: 'module',
+		},
+
+		settings: {
+			react: {
+				version: 'detect',
+			},
+		},
+
+		rules: {
+			'react/prop-types': 'off',
+			'@typescript-eslint/no-empty-function': 'off',
+			'@typescript-eslint/no-explicit-any': 'off',
+			'@typescript-eslint/no-unsafe-declaration-merging': 'off',
+		},
+	},
+];

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@mapcomponents/react-maplibre",
-	"version": "1.0.11",
+	"version": "1.1.0-1",
 	"main": "dist/index.cjs.js",
 	"license": "MIT",
 	"module": "dist/index.esm.js",
@@ -20,90 +20,97 @@
 		"create-component": "./scripts/create-map-component.sh"
 	},
 	"dependencies": {
-		"@dnd-kit/core": "^6.1.0",
-		"@dnd-kit/modifiers": "^7.0.0",
-		"@dnd-kit/sortable": "^8.0.0",
-		"@emotion/css": "^11.13.0",
-		"@emotion/react": "^11.13.3",
-		"@emotion/styled": "^11.13.0",
-		"@mapbox/mapbox-gl-draw": "^1.4.3",
+		"@dnd-kit/core": "^6.3.1",
+		"@dnd-kit/modifiers": "^9.0.0",
+		"@dnd-kit/sortable": "^10.0.0",
+		"@emotion/css": "^11.13.5",
+		"@emotion/react": "^11.14.0",
+		"@emotion/styled": "^11.14.0",
+		"@eslint/eslintrc": "^3.3.0",
+		"@eslint/js": "^9.22.0",
+		"@mapbox/mapbox-gl-draw": "1.4.3",
 		"@mapbox/mapbox-gl-sync-move": "^0.3.1",
-		"@mui/icons-material": "^6.1.1",
-		"@mui/material": "^6.1.1",
-		"@reduxjs/toolkit": "^2.0.1",
+		"@mui/icons-material": "^6.4.7",
+		"@mui/material": "^6.4.7",
+		"@reduxjs/toolkit": "^2.6.1",
 		"@rollup/plugin-json": "^6.1.0",
-		"@tmcw/togeojson": "^5.8.1",
-		"@turf/turf": "^7.1.0",
+		"@testing-library/dom": "^10.4.0",
+		"@tmcw/togeojson": "^7.0.0",
+		"@turf/turf": "^7.2.0",
 		"@types/d3": "^7.4.3",
-		"@types/geojson": "^7946.0.14",
-		"@types/react-color": "^3.0.11",
-		"@types/topojson-client": "^3.1.4",
-		"@xmldom/xmldom": "^0.8.10",
+		"@types/geojson": "^7946.0.16",
+		"@types/react-color": "^3.0.13",
+		"@types/topojson-client": "^3.1.5",
+		"@xmldom/xmldom": "^0.9.8",
 		"csv2geojson": "^5.1.2",
-		"d3": "^7.8.5",
-		"jspdf": "^2.5.1",
-		"maplibre-gl": "^4.5.2",
-		"osm2geojson-lite": "^0.9.4",
+		"d3": "^7.9.0",
+		"globals": "^16.0.0",
+		"jspdf": "^3.0.0",
+		"maplibre-gl": "5.2.0",
+		"osm2geojson-lite": "^1.0.2",
 		"pako": "^2.1.0",
 		"react-color": "^2.19.3",
 		"react-moveable": "^0.56.0",
-		"react-redux": "^9.1.2",
+		"react-redux": "^9.2.0",
 		"redux": "^5.0.1",
 		"redux-thunk": "^3.1.0",
-		"three": "^0.161.0",
+		"three": "^0.174.0",
 		"topojson-client": "^3.1.0",
-		"uuid": "^9.0.1",
+		"uuid": "^11.1.0",
 		"wms-capabilities": "^0.6.0"
 	},
 	"devDependencies": {
 		"@babel/plugin-proposal-private-property-in-object": "^7.21.11",
-		"@babel/preset-react": "^7.23.3",
+		"@babel/preset-react": "^7.26.3",
+		"@babel/preset-typescript": "^7.26.0",
 		"@bahmutov/cy-rollup": "^2.0.0",
-		"@cfaester/enzyme-adapter-react-18": "^0.7.1",
+		"@cfaester/enzyme-adapter-react-18": "^0.8.0",
 		"@cypress/react18": "^2.0.1",
 		"@rollup/plugin-babel": "^6.0.4",
-		"@rollup/plugin-commonjs": "^25.0.7",
+		"@rollup/plugin-commonjs": "^28.0.3",
 		"@rollup/plugin-url": "^8.0.2",
-		"@storybook/addon-actions": "^7.6.13",
-		"@storybook/addon-docs": "^7.6.13",
-		"@storybook/addon-essentials": "^7.6.13",
-		"@storybook/addon-links": "^7.6.13",
-		"@storybook/addons": "^7.6.13",
-		"@storybook/node-logger": "^7.6.13",
-		"@storybook/react": "^7.6.13",
-		"@storybook/react-webpack5": "^7.6.13",
+		"@storybook/addon-actions": "^8.6.4",
+		"@storybook/addon-docs": "^8.6.4",
+		"@storybook/addon-essentials": "^8.6.4",
+		"@storybook/addon-links": "^8.6.4",
+		"@storybook/addons": "^7.6.17",
+		"@storybook/node-logger": "^8.6.4",
+		"@storybook/react": "^8.6.4",
+		"@storybook/react-webpack5": "^8.6.4",
+		"@storybook/test": "^8.6.4",
 		"@storybook/testing-react": "^2.0.1",
-		"@storybook/theming": "^7.6.13",
+		"@storybook/theming": "^8.6.4",
 		"@svgr/rollup": "^8.1.0",
-		"@testing-library/react": "^14.2.1",
+		"@testing-library/react": "^16.2.0",
 		"@types/elasticlunr": "^0.9.5",
 		"@types/enzyme": "^3.10.18",
-		"@types/expect": "^24.3.0",
-		"@types/jest": "^29.5.12",
-		"@types/mapbox__mapbox-gl-draw": "^1.4.6",
+		"@types/expect": "^24.3.2",
+		"@types/jest": "^29.5.14",
+		"@types/mapbox__mapbox-gl-draw": "^1.4.8",
 		"@types/mapbox__point-geometry": "^0.1.4",
-		"@types/mapbox__vector-tile": "^1.3.4",
+		"@types/mapbox__vector-tile": "^2.0.0",
 		"@types/pako": "^2.0.3",
-		"@types/react": "^18.2.55",
-		"@types/react-dom": "^18.2.19",
+		"@types/react": "^19.0.10",
+		"@types/react-dom": "^19.0.4",
 		"@types/sql.js": "^1.4.9",
-		"@types/three": "^0.161.2",
-		"@types/uuid": "^9.0.8",
-		"@typescript-eslint/eslint-plugin": "^6.21.0",
-		"@typescript-eslint/parser": "^6.21.0",
+		"@types/three": "^0.174.0",
+		"@types/uuid": "^10.0.0",
+		"@typescript-eslint/eslint-plugin": "^8.26.1",
+		"@typescript-eslint/parser": "^8.26.1",
 		"avj": "^0.0.0",
 		"babel-jest": "^29.7.0",
+		"babel-loader": "^10.0.0",
 		"babel-plugin-inline-react-svg": "^2.0.2",
 		"babel-plugin-styled-components": "^2.1.4",
-		"babel-preset-react-app": "^10.0.1",
-		"cypress": "^13.6.4",
+		"babel-preset-react-app": "^10.1.0",
+		"cypress": "^14.2.0",
 		"elasticlunr": "^0.9.5",
 		"enzyme": "^3.11.0",
-		"eslint": "^8.56.0",
-		"eslint-config-prettier": "^9.1.0",
-		"eslint-plugin-react": "^7.33.2",
-		"eslint-plugin-storybook": "^0.6.15",
-		"glob": "^10.3.10",
+		"eslint": "^9.22.0",
+		"eslint-config-prettier": "^10.1.1",
+		"eslint-plugin-react": "^7.37.4",
+		"eslint-plugin-storybook": "^0.11.4",
+		"glob": "^11.0.1",
 		"jest": "29.7.0",
 		"jest-circus": "29.7.0",
 		"jest-environment-jsdom": "^29.7.0",
@@ -111,25 +118,26 @@
 		"jest-resolve": "29.7.0",
 		"jest-watch-typeahead": "2.2.2",
 		"node-fetch": "^3.3.2",
-		"postcss": "^8.4.35",
-		"prettier": "3.2.5",
+		"postcss": "^8.5.3",
+		"prettier": "3.5.3",
 		"react": "^18.2.0",
 		"react-app-polyfill": "^3.0.0",
 		"react-dev-utils": "^12.0.1",
 		"react-dom": "^18.2.0",
 		"react-draggable": "^4.4.6",
-		"react-i18next": "^14.0.5",
-		"rollup": "^4.11.0",
-		"rollup-plugin-delete": "^2.0.0",
-		"rollup-plugin-import-css": "^3.4.0",
-		"rollup-plugin-node-externals": "^7.0.1",
+		"react-i18next": "^15.4.1",
+		"rollup": "^4.35.0",
+		"rollup-plugin-delete": "^3.0.1",
+		"rollup-plugin-import-css": "^3.5.8",
+		"rollup-plugin-node-externals": "^8.0.0",
 		"rollup-plugin-typescript2": "^0.36.0",
 		"showdown": "^2.1.0",
-		"sql.js": "^1.10.2",
-		"storybook": "^7.6.13",
+		"sql.js": "^1.12.0",
+		"storybook": "^8.6.4",
 		"storybook-source-link": "^4.0.1",
-		"ts-jest": "^29.1.2",
-		"typescript": "^5.3.3"
+		"ts-jest": "^29.2.6",
+		"ts-loader": "^9.5.2",
+		"typescript": "^5.8.2"
 	},
 	"jest": {
 		"roots": [
@@ -215,6 +223,6 @@
 		]
 	},
 	"resolutions": {
-		"jackspeak": "2.1.1"
+		"jackspeak": "4.1.0"
 	}
 }