mobility-toolbox-js 3.0.0-beta.19 → 3.0.0-beta.20

package/ol/mixins/PropertiesLayerMixin.js

@@ -1,5 +1,6 @@
-import { getUid } from 'ol';
+// eslint-disable-next-line max-classes-per-file
 import debounce from 'lodash.debounce';
+import { getUid } from 'ol';
 import getLayersAsFlatArray from '../../common/utils/getLayersAsFlatArray';
 const deprecated = debounce((message) => {
     // eslint-disable-next-line no-console
@@ -10,6 +11,76 @@ const deprecated = debounce((message) => {
  */
 function PropertiesLayerMixin(Base) {
     return class PropertiesLayer extends Base {
+        constructor(...args) {
+            var _a;
+            const options = args[0];
+            super(options);
+            this.olEventsKeys = [];
+            this.options = {};
+            if (options.properties) {
+                deprecated("Deprecated. Don't use properties options. Pass the values directly in options object.");
+                this.setProperties(options.properties);
+            }
+            (_a = this.olEventsKeys) === null || _a === void 0 ? void 0 : _a.push(
+            // Update parent property
+            this.on('propertychange', (evt) => {
+                if (evt.key === 'children') {
+                    this.onChildrenChange(evt.oldValue);
+                }
+            }));
+            this.options = options;
+            this.set('children', options.children || []); // Trigger the on children change event
+        }
+        /**
+         * Initialize the layer with the map passed in parameters.
+         *
+         * @param {ol/Map~Map} map A map.
+         */
+        attachToMap(map) {
+            // @ts-expect-error
+            (super.attachToMap || (() => { }))(map);
+            (this.get('children') || []).forEach((child) => {
+                map.addLayer(child);
+            });
+        }
+        /**
+         * Terminate what was initialized in init function. Remove layer, events...
+         */
+        detachFromMap() {
+            (this.get('children') || []).forEach((child) => {
+                this.map.removeLayer(child);
+            });
+            // @ts-expect-error
+            (super.detachFromMap || (() => { }))();
+        }
+        /**
+         * Return the an array containing all the descendants of the layer in a flat array. Including the current layer.
+         * @deprecated
+         */
+        flat() {
+            deprecated('Layer.flat is deprecated. Use getLayersAsFlatArray utils method instead.');
+            return getLayersAsFlatArray(this);
+        }
+        /** @private */
+        onChildrenChange(oldValue) {
+            // Set the parent property
+            (oldValue || []).forEach((child) => {
+                child.set('parent', undefined);
+            });
+            (this.get('children') || []).forEach((child) => {
+                child.set('parent', this);
+            });
+        }
+        // @ts-expect-error  - this is a mixin
+        setMapInternal(map) {
+            super.setMapInternal(map);
+            if (map) {
+                this.attachToMap(map);
+            }
+            else {
+                this.detachFromMap();
+            }
+        }
         /** @deprecated */
         get children() {
             deprecated("Layer.children is deprecated. Use the Layer.get('children') method instead.");
@@ -44,6 +115,7 @@ function PropertiesLayerMixin(Base) {
             this.set('disabled', newValue);
         }
         /** @deprecated */
+        /** @deprecated */
         get group() {
             deprecated("Layer.group is deprecated. Use the Layer.get('group') method instead.");
             return this.get('group');
@@ -69,7 +141,6 @@ function PropertiesLayerMixin(Base) {
             deprecated("Layer.olLayer is deprecated. mobility-toolbox-js/ol layers inherits now from ol/layer/Layer class. This getter is only a redirect to the current 'this' object.");
             return this;
         }
-        /** @deprecated */
         // eslint-disable-next-line class-methods-use-this
         set olLayer(newValue) {
             deprecated('Layer.olLayer is deprecated. mobility-toolbox-js/ol layers inherits now from ol/layer/Layer class. This setter has no effect.');
@@ -94,76 +165,6 @@ function PropertiesLayerMixin(Base) {
             deprecated('Layer.visible is deprecated. Use the Layer.setVisible(newValue) method instead.');
             this.setVisible(newValue);
         }
-        constructor(...args) {
-            var _a;
-            const options = args[0];
-            super(options);
-            this.options = {};
-            this.olEventsKeys = [];
-            if (options.properties) {
-                deprecated("Deprecated. Don't use properties options. Pass the values directly in options object.");
-                this.setProperties(options.properties);
-            }
-            (_a = this.olEventsKeys) === null || _a === void 0 ? void 0 : _a.push(
-            // Update parent property
-            this.on('propertychange', (evt) => {
-                if (evt.key === 'children') {
-                    this.onChildrenChange(evt.oldValue);
-                }
-            }));
-            this.options = options;
-            this.set('children', options.children || []); // Trigger the on children change event
-        }
-        // @ts-expect-error - this is a mixin
-        setMapInternal(map) {
-            super.setMapInternal(map);
-            if (map) {
-                this.attachToMap(map);
-            }
-            else {
-                this.detachFromMap();
-            }
-        }
-        /** @private */
-        onChildrenChange(oldValue) {
-            // Set the parent property
-            (oldValue || []).forEach((child) => {
-                child.set('parent', undefined);
-            });
-            (this.get('children') || []).forEach((child) => {
-                child.set('parent', this);
-            });
-        }
-        /**
-         * Initialize the layer with the map passed in parameters.
-         *
-         * @param {ol/Map~Map} map A map.
-         */
-        attachToMap(map) {
-            // @ts-ignore
-            (super.attachToMap || (() => { }))(map);
-            (this.get('children') || []).forEach((child) => {
-                map.addLayer(child);
-            });
-        }
-        /**
-         * Terminate what was initialized in init function. Remove layer, events...
-         */
-        detachFromMap() {
-            (this.get('children') || []).forEach((child) => {
-                this.map.removeLayer(child);
-            });
-            // @ts-ignore
-            (super.detachFromMap || (() => { }))();
-        }
-        /**
-         * Return the an array containing all the descendants of the layer in a flat array. Including the current layer.
-         * @deprecated
-         */
-        flat() {
-            deprecated('Layer.flat is deprecated. Use getLayersAsFlatArray utils method instead.');
-            return getLayersAsFlatArray(this);
-        }
     };
 }
 export default PropertiesLayerMixin;

package/ol/renderers/MaplibreLayerRenderer.js

@@ -28,7 +28,7 @@
 //  * functionnalities like map.getFeaturesAtPixel or map.hasFeatureAtPixel.
 //  * @private
 //  */
-// // @ts-ignore
+// // @ts-expect-error
 // export default class MaplibreLayerRenderer extends LayerRenderer<MaplibreLayer> {
 //   getFeaturesAtCoordinate(
 //     coordinate: Coordinate | undefined,
@@ -78,7 +78,7 @@
 //               // We save the original Maplibre feature to avoid losing informations
 //               // potentially needed for other functionnality like highlighting
 //               // (id, layer id, source, sourceLayer ...)
-//               // @ts-ignore
+//               // @ts-expect-error
 //               olFeature.set(VECTOR_TILE_FEATURE_PROPERTY, feature);
 //             }
 //             return olFeature;
@@ -134,7 +134,7 @@
 //   ): Feature | undefined {
 //     const features = this.getFeaturesAtCoordinate(coordinate, hitTolerance);
 //     features.forEach((feature) => {
-//       // @ts-ignore
+//       // @ts-expect-error
 //       callback(feature, this.layer_, feature.getGeometry());
 //     });
 //     return features?.[0] as Feature;

package/ol/renderers/MaplibreStyleLayerRenderer.d.ts

@@ -1,10 +1,10 @@
-import { FrameState } from 'ol/Map';
-import LayerRenderer from 'ol/renderer/Layer';
-import { Coordinate } from 'ol/coordinate';
-import { FeatureCallback } from 'ol/renderer/vector';
 import { Feature } from 'ol';
+import { Coordinate } from 'ol/coordinate';
 import { Geometry } from 'ol/geom';
+import { FrameState } from 'ol/Map';
 import { Pixel } from 'ol/pixel';
+import LayerRenderer from 'ol/renderer/Layer';
+import { FeatureCallback } from 'ol/renderer/vector';
 import type { MaplibreStyleLayer } from '../layers';
 /**
  * This class is a renderer for Maplibre Layer to be able to use the native ol
@@ -12,9 +12,9 @@ import type { MaplibreStyleLayer } from '../layers';
  * @private
  */
 export default class MaplibreStyleLayerRenderer extends LayerRenderer<MaplibreStyleLayer> {
+    forEachFeatureAtCoordinate<Feature>(coordinate: Coordinate, frameState: FrameState, hitTolerance: number, callback: FeatureCallback<Feature>): Feature | undefined;
+    getFeatures(pixel: Pixel): Promise<Feature<Geometry>[]>;
     getFeaturesAtCoordinate(coordinate: Coordinate | undefined, hitTolerance?: number): Feature<Geometry>[];
     prepareFrame(): boolean;
     renderFrame(): null;
-    getFeatures(pixel: Pixel): Promise<Feature<Geometry>[]>;
-    forEachFeatureAtCoordinate<Feature>(coordinate: Coordinate, frameState: FrameState, hitTolerance: number, callback: FeatureCallback<Feature>): Feature | undefined;
 }

package/ol/renderers/MaplibreStyleLayerRenderer.js

@@ -1,6 +1,6 @@
+import GeoJSON from 'ol/format/GeoJSON';
 import { toLonLat } from 'ol/proj';
 import LayerRenderer from 'ol/renderer/Layer';
-import GeoJSON from 'ol/format/GeoJSON';
 import { VECTOR_TILE_FEATURE_PROPERTY } from '../../common';
 /**
  * @private
@@ -15,8 +15,20 @@ const formats = {
  * functionnalities like map.getFeaturesAtPixel or map.hasFeatureAtPixel.
  * @private
  */
-// @ts-ignore
 export default class MaplibreStyleLayerRenderer extends LayerRenderer {
+    forEachFeatureAtCoordinate(coordinate, frameState, hitTolerance, callback) {
+        const features = this.getFeaturesAtCoordinate(coordinate, hitTolerance);
+        features.forEach((feature) => {
+            // @ts-expect-error
+            callback(feature, this.layer_, feature.getGeometry());
+        });
+        return features === null || features === void 0 ? void 0 : features[0];
+    }
+    getFeatures(pixel) {
+        var _a, _b;
+        const coordinate = (_b = (_a = this.getLayer()) === null || _a === void 0 ? void 0 : _a.getMapInternal()) === null || _b === void 0 ? void 0 : _b.getCoordinateFromPixel(pixel);
+        return Promise.resolve(this.getFeaturesAtCoordinate(coordinate));
+    }
     getFeaturesAtCoordinate(coordinate, hitTolerance = 5) {
         var _a, _b;
         if (!coordinate) {
@@ -53,7 +65,6 @@ export default class MaplibreStyleLayerRenderer extends LayerRenderer {
                     layers = mapLibreMap.getStyle().layers.filter(layer.layersFilter);
                 }
                 if (layer.queryRenderedLayersFilter) {
-                    // @ts-ignore
                     // eslint-disable-next-line @typescript-eslint/no-unused-vars
                     layers = mapLibreMap
                         .getStyle()
@@ -73,7 +84,6 @@ export default class MaplibreStyleLayerRenderer extends LayerRenderer {
                         // We save the original Maplibre feature to avoid losing informations
                         // potentially needed for other functionnality like highlighting
                         // (id, layer id, source, sourceLayer ...)
-                        // @ts-ignore
                         olFeature.set(VECTOR_TILE_FEATURE_PROPERTY, feature);
                     }
                     return olFeature;
@@ -90,17 +100,4 @@ export default class MaplibreStyleLayerRenderer extends LayerRenderer {
     renderFrame() {
         return null;
     }
-    getFeatures(pixel) {
-        var _a, _b;
-        const coordinate = (_b = (_a = this.getLayer()) === null || _a === void 0 ? void 0 : _a.getMapInternal()) === null || _b === void 0 ? void 0 : _b.getCoordinateFromPixel(pixel);
-        return Promise.resolve(this.getFeaturesAtCoordinate(coordinate));
-    }
-    forEachFeatureAtCoordinate(coordinate, frameState, hitTolerance, callback) {
-        const features = this.getFeaturesAtCoordinate(coordinate, hitTolerance);
-        features.forEach((feature) => {
-            // @ts-ignore
-            callback(feature, this.layer_, feature.getGeometry());
-        });
-        return features === null || features === void 0 ? void 0 : features[0];
-    }
 }

package/ol/renderers/RealtimeLayerRenderer.d.ts

@@ -1,10 +1,10 @@
-import { FrameState } from 'ol/Map';
-import { Coordinate } from 'ol/coordinate';
-import { FeatureCallback } from 'ol/renderer/vector';
 import { Feature } from 'ol';
+import { Coordinate } from 'ol/coordinate';
 import { Geometry } from 'ol/geom';
+import { FrameState } from 'ol/Map';
 import { Pixel } from 'ol/pixel';
 import CanvasLayerRenderer from 'ol/renderer/canvas/Layer';
+import { FeatureCallback } from 'ol/renderer/vector';
 import type RealtimeLayer from '../layers/RealtimeLayer';
 /**
  * This class is a renderer for Maplibre Layer to be able to use the native ol
@@ -13,10 +13,10 @@ import type RealtimeLayer from '../layers/RealtimeLayer';
  */
 export default class RealtimeLayerRenderer extends CanvasLayerRenderer<RealtimeLayer> {
     private canvas;
-    prepareFrame(): boolean;
-    renderFrame(frameState: FrameState): HTMLElement;
+    forEachFeatureAtCoordinate<Feature>(coordinate: Coordinate, frameState: FrameState, hitTolerance: number, callback: FeatureCallback<Feature>): Feature | undefined;
     getData(pixel: Pixel): Uint8ClampedArray | null;
     getFeatures(pixel: Pixel): Promise<Feature<Geometry>[]>;
-    forEachFeatureAtCoordinate<Feature>(coordinate: Coordinate, frameState: FrameState, hitTolerance: number, callback: FeatureCallback<Feature>): Feature | undefined;
     getFeaturesAtCoordinate(coordinate: Coordinate | undefined, hitTolerance?: number): Feature<Geometry>[];
+    prepareFrame(): boolean;
+    renderFrame(frameState: FrameState): HTMLElement;
 }

package/ol/renderers/RealtimeLayerRenderer.js

@@ -1,7 +1,7 @@
-import GeoJSON from 'ol/format/GeoJSON';
-import { composeCssTransform } from 'ol/transform';
 import { buffer, containsCoordinate } from 'ol/extent';
+import GeoJSON from 'ol/format/GeoJSON';
 import CanvasLayerRenderer from 'ol/renderer/canvas/Layer';
+import { composeCssTransform } from 'ol/transform';
 /** @private */
 const format = new GeoJSON();
 /**
@@ -9,46 +9,15 @@ const format = new GeoJSON();
  * functionnalities like map.getFeaturesAtPixel or map.hasFeatureAtPixel.
  * @private
  */
-// @ts-ignore
+// @ts-expect-error
 export default class RealtimeLayerRenderer extends CanvasLayerRenderer {
-    // eslint-disable-next-line class-methods-use-this
-    prepareFrame() {
-        return true;
-    }
-    renderFrame(frameState) {
-        const { canvas, renderedViewState } = this.getLayer();
-        if (!this.container) {
-            this.container = document.createElement('div');
-            this.container.className = this.getLayer().getClassName();
-            this.container.style.position = 'absolute';
-            this.container.style.width = '100%';
-            this.container.style.height = '100%';
-            if (canvas instanceof HTMLCanvasElement) {
-                canvas.style.position = 'absolute';
-                canvas.style.top = '0';
-                canvas.style.left = '0';
-                canvas.style.transformOrigin = 'top left';
-                this.container.appendChild(canvas);
-            }
-        }
-        if (renderedViewState) {
-            const { center, resolution, rotation } = frameState.viewState;
-            const { center: renderedCenter, resolution: renderedResolution, rotation: renderedRotation, } = renderedViewState;
-            if (renderedResolution / resolution >= 3) {
-                // Avoid having really big points when zooming fast.
-                const context = canvas === null || canvas === void 0 ? void 0 : canvas.getContext('2d');
-                context === null || context === void 0 ? void 0 : context.clearRect(0, 0, canvas === null || canvas === void 0 ? void 0 : canvas.width, canvas === null || canvas === void 0 ? void 0 : canvas.height);
-            }
-            else {
-                const map = this.getLayer().getMapInternal();
-                const pixelCenterRendered = map === null || map === void 0 ? void 0 : map.getPixelFromCoordinate(renderedCenter);
-                const pixelCenter = map === null || map === void 0 ? void 0 : map.getPixelFromCoordinate(center);
-                if (pixelCenterRendered && pixelCenter) {
-                    this.container.style.transform = composeCssTransform(pixelCenterRendered[0] - pixelCenter[0], pixelCenterRendered[1] - pixelCenter[1], renderedResolution / resolution, renderedResolution / resolution, rotation - renderedRotation, 0, 0);
-                }
-            }
-        }
-        return this.container;
+    forEachFeatureAtCoordinate(coordinate, frameState, hitTolerance, callback) {
+        const features = this.getFeaturesAtCoordinate(coordinate, hitTolerance);
+        features.forEach((feature) => {
+            // @ts-expect-error
+            callback(feature, this.layer_, feature.getGeometry());
+        });
+        return features === null || features === void 0 ? void 0 : features[0];
     }
     getData(pixel) {
         var _a;
@@ -73,14 +42,6 @@ export default class RealtimeLayerRenderer extends CanvasLayerRenderer {
         const coordinate = (_b = (_a = this.getLayer()) === null || _a === void 0 ? void 0 : _a.getMapInternal()) === null || _b === void 0 ? void 0 : _b.getCoordinateFromPixel(pixel);
         return Promise.resolve(this.getFeaturesAtCoordinate(coordinate));
     }
-    forEachFeatureAtCoordinate(coordinate, frameState, hitTolerance, callback) {
-        const features = this.getFeaturesAtCoordinate(coordinate, hitTolerance);
-        features.forEach((feature) => {
-            // @ts-ignore
-            callback(feature, this.layer_, feature.getGeometry());
-        });
-        return features === null || features === void 0 ? void 0 : features[0];
-    }
     getFeaturesAtCoordinate(coordinate, hitTolerance = 5) {
         var _a;
         if (!coordinate) {
@@ -94,16 +55,16 @@ export default class RealtimeLayerRenderer extends CanvasLayerRenderer {
         let features = [];
         let trajectories = Object.values(layer.trajectories || {});
         if (layer.sort) {
-            // @ts-ignore
+            // @ts-expect-error
             trajectories = trajectories.sort(this.sort);
         }
         const vehicles = [];
         for (let i = 0; i < trajectories.length; i += 1) {
             const trajectory = trajectories[i];
             if (
-            // @ts-expect-error coordinate is added by the RealtimeLayer
+            // @ts-expect-error  coordinate is added by the RealtimeLayer
             trajectory.properties.coordinate &&
-                // @ts-expect-error coordinate is added by the RealtimeLayer
+                // @ts-expect-error  coordinate is added by the RealtimeLayer
                 containsCoordinate(ext, trajectory.properties.coordinate)) {
                 vehicles.push(trajectories[i]);
             }
@@ -114,4 +75,45 @@ export default class RealtimeLayerRenderer extends CanvasLayerRenderer {
         features = vehicles.map((vehicle) => format.readFeature(vehicle));
         return features;
     }
+    // eslint-disable-next-line class-methods-use-this
+    prepareFrame() {
+        return true;
+    }
+    renderFrame(frameState) {
+        const { canvas, renderedViewState } = this.getLayer();
+        if (!this.container) {
+            this.container = document.createElement('div');
+            this.container.className = this.getLayer().getClassName();
+            this.container.style.position = 'absolute';
+            this.container.style.width = '100%';
+            this.container.style.height = '100%';
+            if (canvas instanceof HTMLCanvasElement) {
+                canvas.style.position = 'absolute';
+                canvas.style.top = '0';
+                canvas.style.left = '0';
+                canvas.style.transformOrigin = 'top left';
+                this.container.appendChild(canvas);
+            }
+        }
+        if (renderedViewState) {
+            const { center, resolution, rotation } = frameState.viewState;
+            const { center: renderedCenter, resolution: renderedResolution, rotation: renderedRotation, } = renderedViewState;
+            if (renderedResolution / resolution >= 3) {
+                // Avoid having really big points when zooming fast.
+                const context = canvas === null || canvas === void 0 ? void 0 : canvas.getContext('2d');
+                if ((canvas === null || canvas === void 0 ? void 0 : canvas.width) && (canvas === null || canvas === void 0 ? void 0 : canvas.height)) {
+                    context === null || context === void 0 ? void 0 : context.clearRect(0, 0, canvas.width, canvas.height);
+                }
+            }
+            else {
+                const map = this.getLayer().getMapInternal();
+                const pixelCenterRendered = map === null || map === void 0 ? void 0 : map.getPixelFromCoordinate(renderedCenter);
+                const pixelCenter = map === null || map === void 0 ? void 0 : map.getPixelFromCoordinate(center);
+                if (pixelCenterRendered && pixelCenter) {
+                    this.container.style.transform = composeCssTransform(pixelCenterRendered[0] - pixelCenter[0], pixelCenterRendered[1] - pixelCenter[1], renderedResolution / resolution, renderedResolution / resolution, rotation - renderedRotation, 0, 0);
+                }
+            }
+        }
+        return this.container;
+    }
 }

package/ol/utils/getFeatureInfoAtCoordinate.d.ts

@@ -1,6 +1,6 @@
+import { LayerGetFeatureInfoResponse } from '../../types';
 import type { Coordinate } from 'ol/coordinate';
 import type { Layer } from 'ol/layer';
-import { LayerGetFeatureInfoResponse } from '../../types';
 /**
  * @private
  */

package/ol/utils/getFeatureInfoAtCoordinate.js

@@ -19,11 +19,11 @@ const format = new GeoJSON();
  */
 const getFeaturesFromWMS = (source, options, abortController) => {
     let url;
-    const { coordinate, resolution, projection, params } = options;
+    const { coordinate, params, projection, resolution } = options;
     if (source && resolution && projection) {
         url = source.getFeatureInfoUrl(coordinate, resolution, projection, Object.assign({ info_format: 'application/json', query_layers: source.getParams().layers }, params));
     }
-    // @ts-ignore
+    // @ts-expect-error
     return fetch(url, { signal: abortController.signal })
         .then((resp) => resp.json())
         .then((featureCollection) => format.readFeatures(featureCollection))
@@ -47,21 +47,17 @@ const getFeatureInfoAtCoordinate = (coordinate_1, layers_1, ...args_1) => __awai
         var _a, _b, _c, _d;
         const map = layer.getMapInternal();
         const projection = (_b = (_a = map === null || map === void 0 ? void 0 : map.getView()) === null || _a === void 0 ? void 0 : _a.getProjection()) === null || _b === void 0 ? void 0 : _b.getCode();
-        const emptyResponse = { features: [], layer, coordinate };
+        const emptyResponse = { coordinate, features: [], layer };
         if (!projection) {
             return Promise.resolve(emptyResponse);
         }
         // For backward compatibility
-        // @ts-ignore
         if (layer.getFeatureInfoAtCoordinate) {
-            return (layer
-                // @ts-ignore
-                .getFeatureInfoAtCoordinate(coordinate));
+            return layer.getFeatureInfoAtCoordinate(coordinate);
         }
         // WMS sources
         // Here we don't use instanceof, to be able to use this function if a layer comes from 2 different ol versions.
         const source = layer === null || layer === void 0 ? void 0 : layer.getSource();
-        // @ts-ignore
         if (source === null || source === void 0 ? void 0 : source.getFeatureInfoUrl) {
             const id = getUid(layer);
             // Abort and recreates one controller per layer
@@ -70,25 +66,25 @@ const getFeatureInfoAtCoordinate = (coordinate_1, layers_1, ...args_1) => __awai
             const resolution = (_d = map === null || map === void 0 ? void 0 : map.getView()) === null || _d === void 0 ? void 0 : _d.getResolution();
             return getFeaturesFromWMS(source, {
                 coordinate,
-                resolution,
-                projection,
                 params: {
                     info_format: 'application/json',
                     query_layers: source.getParams().layers,
                 },
+                projection,
+                resolution,
             }, abortControllers[id])
                 .then((features) => {
                 return {
+                    coordinate,
                     features,
                     layer,
-                    coordinate,
                 };
             })
                 .catch(() => {
                 return {
+                    coordinate,
                     features: [],
                     layer,
-                    coordinate,
                 };
             });
         }
@@ -99,15 +95,13 @@ const getFeatureInfoAtCoordinate = (coordinate_1, layers_1, ...args_1) => __awai
             return Promise.resolve(emptyResponse);
         }
         const features = map === null || map === void 0 ? void 0 : map.getFeaturesAtPixel(pixel, {
+            hitTolerance: layer.get('hitTolerance') || hitTolerance || 5,
             layerFilter: (l) => l === layer,
-            hitTolerance: 
-            // @ts-ignore
-            layer.get('hitTolerance') || hitTolerance || 5,
         });
         return Promise.resolve({
+            coordinate,
             features,
             layer,
-            coordinate,
         });
     });
     return Promise.all(promises);

package/package.json

@@ -2,7 +2,7 @@
   "name": "mobility-toolbox-js",
   "license": "MIT",
   "description": "Toolbox for JavaScript applications in the domains of mobility and logistics.",
-  "version": "3.0.0-beta.19",
+  "version": "3.0.0-beta.20",
   "homepage": "https://mobility-toolbox-js.geops.io/",
   "exports": {
     ".": "./index.js",
@@ -28,6 +28,7 @@
     "@babel/preset-typescript": "^7.24.7",
     "@commitlint/cli": "19.3.0",
     "@commitlint/config-conventional": "19.2.2",
+    "@geops/eslint-config-react": "^1.0.2",
     "@types/geojson": "7946.0.14",
     "@types/lodash.debounce": "4.0.9",
     "@types/lodash.throttle": "4.1.9",
@@ -35,8 +36,8 @@
     "@types/offscreencanvas": "2019.7.3",
     "@types/topojson": "3.2.6",
     "@types/uuid": "10.0.0",
-    "@typescript-eslint/eslint-plugin": "7.13.1",
-    "@typescript-eslint/parser": "7.13.1",
+    "@typescript-eslint/eslint-plugin": "7.14.1",
+    "@typescript-eslint/parser": "7.14.1",
     "cypress": "13.12.0",
     "esbuild": "0.21.5",
     "esdoc": "1.1.0",
@@ -64,7 +65,7 @@
     "jest-transformer-svg": "2.0.2",
     "jest-websocket-mock": "2.5.0",
     "lint-staged": "15.2.7",
-    "maplibre-gl": "4.4.1",
+    "maplibre-gl": "4.5.0",
     "mock-socket": "9.3.1",
     "next": "14.2.4",
     "next-transpile-modules": "10.0.1",
@@ -101,7 +102,7 @@
     "esbuild:iife:base": "esbuild src/iife.js --bundle --sourcemap --target=chrome100",
     "esbuild:iife:minify": "yarn esbuild:iife:base --minify --outfile=build/mbt.min.js",
     "esbuild:iife:unminify": "yarn esbuild:iife:base --outfile=build/mbt.js",
-    "format": "prettier --write 'src/**/*.js' && eslint 'src/**/*.js' --fix && stylelint 'src/**/*.css' 'src/**/*.scss' --fix --allow-empty-input",
+    "format": "prettier --write 'src/**/*.js' && eslint src/**/*.js src/**/*.ts --fix && stylelint 'src/**/*.css' 'src/**/*.scss' --fix --allow-empty-input",
     "lib": "REACT_APP_LIB_MODE=1  webpack --mode production",
     "lib:dev": "REACT_APP_LIB_MODE=1  webpack --mode development",
     "link2": "cmdToAdd=$(node ./scripts/read-pkg-json.js add) && $cmdToAdd && yarn build && cmdToRemove=$(node ./scripts/read-pkg-json.js remove) && $cmdToRemove && cd build && yarn link",

package/setupTests.js

@@ -1,10 +1,9 @@
-/* eslint-disable import/no-extraneous-dependencies */
-import 'jest-canvas-mock';
-import fetchTrajectoryByIdResponse from '../data/fetchTrajectoryById.json';
+import fetchRouteResponse from '../data/fetchRoute.json';
 import fetchTrajectoriesResponse from '../data/fetchTrajectories.json';
+import fetchTrajectoryByIdResponse from '../data/fetchTrajectoryById.json';
 import fetchTrajectoryStationsResponse from '../data/fetchTrajectoryStations.json';
 import stopsSearchResponse from '../data/stopsSearch.json';
-import fetchRouteResponse from '../data/fetchRoute.json';
+import 'jest-canvas-mock';
 global.fetchTrajectoryByIdResponse = fetchTrajectoryByIdResponse;
 global.fetchTrajectoriesResponse = fetchTrajectoriesResponse;
 global.fetchTrajectoryStationsResponse = fetchTrajectoryStationsResponse;