@rio-cloud/rio-uikit 2.0.0-beta.1 → 2.0.0

package/components/map/components/Map.js

@@ -1,218 +1,193 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef, useState, useEffect } from 'react';
-import { isEmpty } from 'es-toolkit/compat';
-import { isEqual } from 'es-toolkit/predicate';
-import { MAP_TYPE_DEFAULT, MAP_TYPE_FLEET_STYLE, MAP_TYPE_SATELLITE, MAP_TYPE_TERRAIN, MAP_TYPE_NIGHT, MAP_LAYER_INCIDENTS, MAP_LAYER_TRAFFIC, MAP_LAYER_ROAD_RESTRICTIONS, DEFAULT_MIN_ZOOM, DEFAULT_MAX_ZOOM, DEFAULT_PIXEL_RATIO, } from "./constants.js";
-import { addEventListenerMap, removeEventListenerMap } from "../utils/eventHandling.js";
-import { MapContext } from "./MapContext.js";
-import { createUtils, getMapBounds } from "../utils/mapUtils.js";
-import { getHereUi } from "../utils/mapUi.js";
-import useDarkMode from "../../../hooks/useDarkMode.js";
-import MapZoom from "./features/MapZoom.js";
-import MapOverlayLayers from "./features/layers/MapOverlayLayers.js";
-import MapSize from "./MapSize.js";
-import MapPosition from "./MapPosition.js";
-import MapElements from "./MapElements.js";
-import { getPlatform, getEngineType, getBaseLayer } from "../utils/rendering.js";
-// biome-ignore lint/suspicious/noShadowRestrictedNames: <explanation>
-const Map = (props) => {
-    const { children, credentials, width, height, language: lang = 'en', center, zoom, zoomAnimation = false, boundingBox, hideClusterSettings = false, hideMapLayerSettings = false, disableMapEvents, disableBehavior = false, disableZoomMomentum = true, eventListenerMap, mapType = MAP_TYPE_DEFAULT, mapLayer = [], showCluster: externalShowCluster = true, showScaleBar = false, onMapLayerChange = () => { }, onMapTypeChange = () => { }, onShowClusterChange = () => { }, onZoomIn = () => { }, onZoomOut = () => { }, onIncidentsChange = () => { }, mapSettingsTooltip, mapSettings, enableWebGL = true, enableDevicePixelRatio = true, pixelRatio = DEFAULT_PIXEL_RATIO, minZoom = DEFAULT_MIN_ZOOM, maxZoom = DEFAULT_MAX_ZOOM, } = props;
-    let safeMaxZoom = maxZoom;
-    if (minZoom > maxZoom) {
-        // Avoid crashing the map for invalid zoom limits
-        safeMaxZoom = DEFAULT_MAX_ZOOM;
-        console.error('Invalid condition for zoom limits: min <= max)');
-    }
-    const mapRef = useRef(null);
-    const [isMapInitialized, setMapInitialized] = useState(false);
-    const [api, setApi] = useState();
-    const [baseLayer, setBaseLayer] = useState(mapType);
-    const [activeLayers, setActiveLayers] = useState(mapLayer);
-    const [showCluster, setShowCluster] = useState(externalShowCluster);
-    const devicePixelRatio = enableDevicePixelRatio ? window.devicePixelRatio || pixelRatio : pixelRatio;
-    // Only short locale is supported by HERE Map
-    const language = (locale => (locale === 'nb' ? 'no' : locale))(lang.split('-')[0].toLowerCase());
-    useEffect(() => {
-        let allMapObjects = [];
-        if (api?.map) {
-            allMapObjects = api.map.getObjects();
-            console.debug('re-initialize here map');
-        }
-        else {
-            console.debug('initialize here map');
-        }
-        if (api?.map) {
-            // Cleanup any previously initialized map before doing anything else
-            console.debug('disposing previous map');
-            removeEventListenerMap(api.map);
-            if (api.mapEvents) {
-                api.mapEvents.dispose();
-            }
-            api.map.dispose();
-        }
-        const bounds = boundingBox && getMapBounds(boundingBox);
-        // Initialize communication with the platform
-        const platform = getPlatform(credentials);
-        // Specify engine type. In this example, we use HARP rendering engine, which is capable
-        // of rendering vector data using the style configuration exported from the HERE Style Editor.
-        // HARP engine is not the default engine, and it's not included in the mapsjs-core.js module.
-        // To use this engine, you need to include mapsjs-harp.js file to your HTML page
-        const engineType = getEngineType(baseLayer, enableWebGL);
-        // Obtain the default map types from the platform object
-        // @ts-ignore-next-line: according to the Here docs, the engine type exists
-        // see https://www.here.com/docs/bundle/maps-api-for-javascript-developer-guide/page/topics/harp-migrate.html
-        const defaultLayers = platform.createDefaultLayers({ engineType, lg: language, pois: true });
-        getBaseLayer({
-            baseLayerName: baseLayer,
-            defaultLayers,
-            enableWebGL,
-            platform,
-            engineType,
-            vehicleRestrictions: activeLayers.includes(MAP_LAYER_ROAD_RESTRICTIONS),
-            language,
-            minZoom,
-            maxZoom: safeMaxZoom,
-        }).then(defaultLayerMap => {
-            // Initialize the map
-            const hereMap = new H.Map(mapRef.current, defaultLayerMap.baseLayer, {
-                zoom,
-                center,
-                bounds,
-                engineType,
-                pixelRatio: devicePixelRatio,
-                fixedCenter: true,
-            });
-            if (defaultLayerMap.overlayLayer) {
-                // Special case for satellite map where we render street labels and road signs as well as additional pois as vector data
-                // hereMap.setBaseLayer(defaultLayerMap.baseLayer);
-                hereMap.addLayer(defaultLayerMap.overlayLayer);
-            }
-            setMapInitialized(true);
-            let hereMapEvents = false;
-            let hereBehavior;
-            if (!disableMapEvents) {
-                // Enable the map event system
-                hereMapEvents = new H.mapevents.MapEvents(hereMap);
-            }
-            if (!(disableMapEvents || disableBehavior)) {
-                hereBehavior = new H.mapevents.Behavior(hereMapEvents);
-                // @ts-ignore-next-line
-                hereBehavior.disable(H.mapevents.Behavior.Feature.FRACTIONAL_ZOOM);
-                if (disableZoomMomentum) {
-                    // Disable the inertia that occurs on WebGL maps when scrolling/zooming.
-                    // This resulted in a very high scroll sensitivity.
-                    // @ts-ignore-next-line
-                    hereBehavior.disable(H.mapevents.Behavior.Feature.ZOOM_MOMENTUM);
-                }
-            }
-            addEventListenerMap(hereMap, eventListenerMap, hereMap);
-            const hereUi = getHereUi(hereMap, defaultLayers, showScaleBar, language);
-            // The api will be passed to services when using a render function.
-            // This allows the service to access the map internals
-            setApi({
-                credentials,
-                defaultLayers,
-                map: hereMap,
-                mapEvents: hereMapEvents,
-                behavior: hereBehavior,
-                platform,
-                ui: hereUi,
-                utils: createUtils(hereMap),
-                // Put settings back into the map API object so the invoking service
-                // can check on these settings for instance inside a test
-                settings: {
-                    enableWebGL,
-                    baseLayer,
-                    activeLayers,
-                    showCluster,
-                    minZoom,
-                    maxZoom: safeMaxZoom,
-                },
-            });
-            if (allMapObjects) {
-                // If the base layer changed, re-add all previous objects again,
-                // otherwise the map would be empty
-                hereMap.addObjects(allMapObjects);
-            }
-        });
-    }, [enableWebGL, enableDevicePixelRatio, language, baseLayer, minZoom, maxZoom]);
-    const isDarkMode = useDarkMode();
-    useEffect(() => {
-        // Toggle night map only if current map type is default
-        if (isDarkMode && baseLayer === MAP_TYPE_DEFAULT) {
-            handleMapTypeChange(MAP_TYPE_NIGHT);
+import { jsx as p, jsxs as Ae } from "react/jsx-runtime";
+import { useRef as _e, useState as m, useEffect as T } from "react";
+import { isEmpty as ye } from "es-toolkit/compat";
+import { isEqual as Ce } from "es-toolkit/predicate";
+import { DEFAULT_MAX_ZOOM as W, MAP_TYPE_DEFAULT as v, DEFAULT_PIXEL_RATIO as Re, DEFAULT_MIN_ZOOM as Ie, MAP_LAYER_ROAD_RESTRICTIONS as J, MAP_TYPE_NIGHT as b, MAP_TYPE_FLEET_STYLE as Pe, MAP_TYPE_SATELLITE as Se, MAP_TYPE_TERRAIN as be, MAP_LAYER_INCIDENTS as Oe, MAP_LAYER_TRAFFIC as Ye } from "./constants.js";
+import { removeEventListenerMap as xe, addEventListenerMap as we } from "../utils/eventHandling.js";
+import { MapContext as Ne } from "./MapContext.js";
+import { getMapBounds as Fe, createUtils as Ze } from "../utils/mapUtils.js";
+import { getHereUi as De } from "../utils/mapUi.js";
+import Be from "../../../hooks/useDarkMode.js";
+import He from "./features/MapZoom.js";
+import Ue from "./features/layers/MapOverlayLayers.js";
+import ze from "./MapSize.js";
+import je from "./MapPosition.js";
+import qe from "./MapElements.js";
+import { getPlatform as Ge, getEngineType as ke, getBaseLayer as Xe } from "../utils/rendering.js";
+const n = (K) => {
+  const {
+    children: Q,
+    credentials: O,
+    width: Y,
+    height: x,
+    language: V = "en",
+    center: w,
+    zoom: N,
+    zoomAnimation: F = !1,
+    boundingBox: g,
+    hideClusterSettings: ee = !1,
+    hideMapLayerSettings: te = !1,
+    disableMapEvents: Z,
+    disableBehavior: D = !1,
+    disableZoomMomentum: oe = !0,
+    eventListenerMap: ae,
+    mapType: E = v,
+    mapLayer: l = [],
+    showCluster: A = !0,
+    showScaleBar: se = !1,
+    onMapLayerChange: ne = () => {
+    },
+    onMapTypeChange: ie = () => {
+    },
+    onShowClusterChange: re = () => {
+    },
+    onZoomIn: pe = () => {
+    },
+    onZoomOut: me = () => {
+    },
+    onIncidentsChange: le = () => {
+    },
+    mapSettingsTooltip: ce,
+    mapSettings: B,
+    enableWebGL: c = !0,
+    enableDevicePixelRatio: U = !0,
+    pixelRatio: z = Re,
+    minZoom: h = Ie,
+    maxZoom: _ = W
+  } = K;
+  let y = _;
+  h > _ && (y = W, console.error("Invalid condition for zoom limits: min <= max)"));
+  const j = _e(null), [de, ue] = m(!1), [t, Ee] = m(), [o, he] = m(E), [a, q] = m(l), [G, k] = m(A), X = U && window.devicePixelRatio || z, i = /* @__PURE__ */ ((e) => e === "nb" ? "no" : e)(V.split("-")[0].toLowerCase());
+  T(() => {
+    let e = [];
+    t?.map ? (e = t.map.getObjects(), console.debug("re-initialize here map")) : console.debug("initialize here map"), t?.map && (console.debug("disposing previous map"), xe(t.map), t.mapEvents && t.mapEvents.dispose(), t.map.dispose());
+    const I = g && Fe(g), r = Ge(O), d = ke(o, c), u = r.createDefaultLayers({ engineType: d, lg: i, pois: !0 });
+    Xe({
+      baseLayerName: o,
+      defaultLayers: u,
+      enableWebGL: c,
+      platform: r,
+      engineType: d,
+      vehicleRestrictions: a.includes(J),
+      language: i,
+      minZoom: h,
+      maxZoom: y
+    }).then((P) => {
+      const s = new H.Map(j.current, P.baseLayer, {
+        zoom: N,
+        center: w,
+        bounds: I,
+        engineType: d,
+        pixelRatio: X,
+        fixedCenter: !0
+      });
+      P.overlayLayer && s.addLayer(P.overlayLayer), ue(!0);
+      let S = !1, L;
+      Z || (S = new H.mapevents.MapEvents(s)), Z || D || (L = new H.mapevents.Behavior(S), L.disable(H.mapevents.Behavior.Feature.FRACTIONAL_ZOOM), oe && L.disable(H.mapevents.Behavior.Feature.ZOOM_MOMENTUM)), we(s, ae, s);
+      const ge = De(s, u, se, i);
+      Ee({
+        credentials: O,
+        defaultLayers: u,
+        map: s,
+        mapEvents: S,
+        behavior: L,
+        platform: r,
+        ui: ge,
+        utils: Ze(s),
+        // Put settings back into the map API object so the invoking service
+        // can check on these settings for instance inside a test
+        settings: {
+          enableWebGL: c,
+          baseLayer: o,
+          activeLayers: a,
+          showCluster: G,
+          minZoom: h,
+          maxZoom: y
         }
-        // Toggle back to default map only if current map type is night
-        else if (!isDarkMode && baseLayer === MAP_TYPE_NIGHT) {
-            handleMapTypeChange(MAP_TYPE_DEFAULT);
+      }), e && s.addObjects(e);
+    });
+  }, [c, U, i, o, h, _]);
+  const C = Be();
+  T(() => {
+    C && o === v ? M(b) : !C && o === b && M(v);
+  }, [C, i]), T(() => M(E), [E]);
+  const [Me, fe] = m(l);
+  Ce(l, Me) || (q(l), fe(l)), T(() => k(A), [A]);
+  const M = (e) => {
+    he(e), ie(e, E);
+  }, Le = (e) => {
+    const I = (d) => a.filter((u) => u !== d), r = a.includes(e) ? I(e) : [...a, e];
+    q(r), ne(r, a);
+  }, Te = (e) => {
+    k(e), re(e);
+  }, $ = () => {
+    document.querySelector(".AssetTree")?.classList.add("pointer-events-none");
+  }, R = () => {
+    document.querySelector(".AssetTree")?.classList.remove("pointer-events-none");
+  }, f = {};
+  x && (f.height = x), Y && (f.width = Y);
+  const ve = ye(f) ? "height-100pct" : "";
+  return /* @__PURE__ */ p(
+    "div",
+    {
+      className: `Map position-relative map-type-${o.toLowerCase()} ${ve}`,
+      style: f,
+      ref: j,
+      onTouchStart: $,
+      onTouchEnd: R,
+      onMouseEnter: $,
+      onMouseOut: R,
+      onBlur: R,
+      children: de && t && /* @__PURE__ */ Ae(
+        Ne.Provider,
+        {
+          value: {
+            api: t,
+            language: i,
+            enableWebGL: c,
+            showCluster: G,
+            activeLayers: a,
+            baseLayer: o,
+            hideMapLayerSettings: te,
+            hideClusterSettings: ee,
+            onMapTypeChange: M,
+            onMapLayerChange: Le,
+            onShowClusterChange: Te,
+            mapSettingsTooltip: ce,
+            onIncidentsChange: le,
+            devicePixelRatio: X
+          },
+          children: [
+            /* @__PURE__ */ p(je, { api: t, boundingBox: g, center: w, zoomAnimation: F }),
+            /* @__PURE__ */ p(ze, { api: t }),
+            /* @__PURE__ */ p(
+              He,
+              {
+                zoom: N,
+                hideZoomButtons: D,
+                onZoomIn: pe,
+                onZoomOut: me,
+                zoomAnimation: F
+              }
+            ),
+            B && B,
+            /* @__PURE__ */ p(Ue, { layers: a }),
+            /* @__PURE__ */ p(qe, { api: t, children: Q })
+          ]
         }
-    }, [isDarkMode, language]);
-    // Update MapType from outside
-    useEffect(() => handleMapTypeChange(mapType), [mapType]);
-    // Update MapLayer from outside
-    const [previousMapLayer, setPreviousMapLayer] = useState(mapLayer);
-    if (!isEqual(mapLayer, previousMapLayer)) {
-        setActiveLayers(mapLayer);
-        setPreviousMapLayer(mapLayer);
+      )
     }
-    // Update Cluster setting from outside
-    useEffect(() => setShowCluster(externalShowCluster), [externalShowCluster]);
-    const handleMapTypeChange = (newMapType) => {
-        setBaseLayer(newMapType);
-        onMapTypeChange(newMapType, mapType);
-    };
-    const handleMapLayerChange = (layer) => {
-        const removeLayer = (layerToRemove) => activeLayers.filter(item => item !== layerToRemove);
-        const newActiveLayers = activeLayers.includes(layer) ? removeLayer(layer) : [...activeLayers, layer];
-        setActiveLayers(newActiveLayers);
-        onMapLayerChange(newActiveLayers, activeLayers);
-    };
-    const handleShowClusterChange = (newShowCluster) => {
-        setShowCluster(newShowCluster);
-        onShowClusterChange(newShowCluster);
-    };
-    // Note: For performance reasons, we deactivate pointer events and hence CSS style recalculation for the
-    // the body. Having for instance many assets in the tree causes a performance loss when clicking on the map
-    // to move it and zoom in/out since the map triggers a style invalidation and recalculation and
-    // due to the nature of the AssetTree with it's hundreds DOM nodes, applying the CSS selectors
-    // takes time.
-    const handleMapInteractionStart = () => {
-        document.querySelector('.AssetTree')?.classList.add('pointer-events-none');
-    };
-    const handleMapInteractionEnd = () => {
-        document.querySelector('.AssetTree')?.classList.remove('pointer-events-none');
-    };
-    const style = {};
-    if (height) {
-        style.height = height;
-    }
-    if (width) {
-        style.width = width;
-    }
-    const autoHeightClass = isEmpty(style) ? 'height-100pct' : '';
-    return (_jsx("div", { className: `Map position-relative map-type-${baseLayer.toLowerCase()} ${autoHeightClass}`, style: style, ref: mapRef, onTouchStart: handleMapInteractionStart, onTouchEnd: handleMapInteractionEnd, onMouseEnter: handleMapInteractionStart, onMouseOut: handleMapInteractionEnd, onBlur: handleMapInteractionEnd, children: isMapInitialized && api && (_jsxs(MapContext.Provider, { value: {
-                api,
-                language,
-                enableWebGL,
-                showCluster,
-                activeLayers,
-                baseLayer,
-                hideMapLayerSettings,
-                hideClusterSettings,
-                onMapTypeChange: handleMapTypeChange,
-                onMapLayerChange: handleMapLayerChange,
-                onShowClusterChange: handleShowClusterChange,
-                mapSettingsTooltip,
-                onIncidentsChange,
-                devicePixelRatio,
-            }, children: [_jsx(MapPosition, { api: api, boundingBox: boundingBox, center: center, zoomAnimation: zoomAnimation }), _jsx(MapSize, { api: api }), _jsx(MapZoom, { zoom: zoom, hideZoomButtons: disableBehavior, onZoomIn: onZoomIn, onZoomOut: onZoomOut, zoomAnimation: zoomAnimation }), mapSettings && mapSettings, _jsx(MapOverlayLayers, { layers: activeLayers }), _jsx(MapElements, { api: api, children: children })] })) }));
+  );
+};
+n.TYPE_DEFAULT = v;
+n.TYPE_FLEET_STYLE = Pe;
+n.TYPE_SATELLITE = Se;
+n.TYPE_TERRAIN = be;
+n.TYPE_NIGHT = b;
+n.LAYER_INCIDENTS = Oe;
+n.LAYER_TRAFFIC = Ye;
+n.LAYER_ROAD_RESTRICTIONS = J;
+export {
+  n as default
 };
-Map.TYPE_DEFAULT = MAP_TYPE_DEFAULT;
-Map.TYPE_FLEET_STYLE = MAP_TYPE_FLEET_STYLE;
-Map.TYPE_SATELLITE = MAP_TYPE_SATELLITE;
-Map.TYPE_TERRAIN = MAP_TYPE_TERRAIN;
-Map.TYPE_NIGHT = MAP_TYPE_NIGHT;
-Map.LAYER_INCIDENTS = MAP_LAYER_INCIDENTS;
-Map.LAYER_TRAFFIC = MAP_LAYER_TRAFFIC;
-Map.LAYER_ROAD_RESTRICTIONS = MAP_LAYER_ROAD_RESTRICTIONS;
-export default Map;
+//# sourceMappingURL=Map.js.map

package/components/map/components/Map.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Map.js","sources":["../../../../src/components/map/components/Map.tsx"],"sourcesContent":["import { useRef, useState, useEffect, type CSSProperties } from 'react';\nimport { isEmpty } from 'es-toolkit/compat';\nimport { isEqual } from 'es-toolkit/predicate';\n\nimport {\n    MAP_TYPE_DEFAULT,\n    MAP_TYPE_FLEET_STYLE,\n    MAP_TYPE_SATELLITE,\n    MAP_TYPE_TERRAIN,\n    MAP_TYPE_NIGHT,\n    MAP_LAYER_INCIDENTS,\n    MAP_LAYER_TRAFFIC,\n    MAP_LAYER_ROAD_RESTRICTIONS,\n    DEFAULT_MIN_ZOOM,\n    DEFAULT_MAX_ZOOM,\n    DEFAULT_PIXEL_RATIO,\n} from './constants';\n\nimport { addEventListenerMap, removeEventListenerMap } from '../utils/eventHandling';\nimport { MapContext } from './MapContext';\nimport { createUtils, getMapBounds } from '../utils/mapUtils';\nimport { getHereUi } from '../utils/mapUi';\nimport useDarkMode from '../../../hooks/useDarkMode';\nimport MapZoom from './features/MapZoom';\nimport MapOverlayLayers from './features/layers/MapOverlayLayers';\nimport MapSize from './MapSize';\nimport MapPosition from './MapPosition';\nimport MapElements from './MapElements';\nimport type { MapApi, MapLayer, MapProps, MapType } from '../utils/mapTypes';\nimport { getPlatform, getEngineType, getBaseLayer } from '../utils/rendering';\n\n// biome-ignore lint/suspicious/noShadowRestrictedNames: <explanation>\nconst Map = (props: MapProps) => {\n    const {\n        children,\n        credentials,\n        width,\n        height,\n        language: lang = 'en',\n        center,\n        zoom,\n        zoomAnimation = false,\n        boundingBox,\n        hideClusterSettings = false,\n        hideMapLayerSettings = false,\n        disableMapEvents,\n        disableBehavior = false,\n        disableZoomMomentum = true,\n        eventListenerMap,\n        mapType = MAP_TYPE_DEFAULT,\n        mapLayer = [],\n        showCluster: externalShowCluster = true,\n        showScaleBar = false,\n        onMapLayerChange = () => {},\n        onMapTypeChange = () => {},\n        onShowClusterChange = () => {},\n        onZoomIn = () => {},\n        onZoomOut = () => {},\n        onIncidentsChange = () => {},\n        mapSettingsTooltip,\n        mapSettings,\n        enableWebGL = true,\n        enableDevicePixelRatio = true,\n        pixelRatio = DEFAULT_PIXEL_RATIO,\n        minZoom = DEFAULT_MIN_ZOOM,\n        maxZoom = DEFAULT_MAX_ZOOM,\n    } = props;\n\n    let safeMaxZoom = maxZoom;\n\n    if (minZoom > maxZoom) {\n        // Avoid crashing the map for invalid zoom limits\n        safeMaxZoom = DEFAULT_MAX_ZOOM;\n        console.error('Invalid condition for zoom limits: min <= max)');\n    }\n\n    const mapRef = useRef<HTMLDivElement>(null);\n\n    const [isMapInitialized, setMapInitialized] = useState(false);\n\n    const [api, setApi] = useState<MapApi>();\n\n    const [baseLayer, setBaseLayer] = useState<MapType>(mapType);\n    const [activeLayers, setActiveLayers] = useState<MapLayer[]>(mapLayer);\n    const [showCluster, setShowCluster] = useState(externalShowCluster);\n\n    const devicePixelRatio = enableDevicePixelRatio ? window.devicePixelRatio || pixelRatio : pixelRatio;\n\n    // Only short locale is supported by HERE Map\n    const language = (locale => (locale === 'nb' ? 'no' : locale))(lang.split('-')[0].toLowerCase());\n\n    useEffect(() => {\n        let allMapObjects: H.map.Object[] = [];\n\n        if (api?.map) {\n            allMapObjects = api.map.getObjects();\n            console.debug('re-initialize here map');\n        } else {\n            console.debug('initialize here map');\n        }\n\n        if (api?.map) {\n            // Cleanup any previously initialized map before doing anything else\n            console.debug('disposing previous map');\n            removeEventListenerMap(api.map);\n\n            if (api.mapEvents) {\n                api.mapEvents.dispose();\n            }\n\n            api.map.dispose();\n        }\n\n        const bounds = boundingBox && getMapBounds(boundingBox);\n\n        // Initialize communication with the platform\n        const platform = getPlatform(credentials);\n\n        // Specify engine type. In this example, we use HARP rendering engine, which is capable\n        // of rendering vector data using the style configuration exported from the HERE Style Editor.\n        // HARP engine is not the default engine, and it's not included in the mapsjs-core.js module.\n        // To use this engine, you need to include mapsjs-harp.js file to your HTML page\n        const engineType = getEngineType(baseLayer, enableWebGL);\n\n        // Obtain the default map types from the platform object\n        // @ts-ignore-next-line: according to the Here docs, the engine type exists\n        // see https://www.here.com/docs/bundle/maps-api-for-javascript-developer-guide/page/topics/harp-migrate.html\n        const defaultLayers = platform.createDefaultLayers({ engineType, lg: language, pois: true });\n\n        getBaseLayer({\n            baseLayerName: baseLayer,\n            defaultLayers,\n            enableWebGL,\n            platform,\n            engineType,\n            vehicleRestrictions: activeLayers.includes(MAP_LAYER_ROAD_RESTRICTIONS),\n            language,\n            minZoom,\n            maxZoom: safeMaxZoom,\n        }).then(defaultLayerMap => {\n            // Initialize the map\n            const hereMap = new H.Map(mapRef.current as Element, defaultLayerMap.baseLayer, {\n                zoom,\n                center,\n                bounds,\n                engineType,\n                pixelRatio: devicePixelRatio,\n                fixedCenter: true,\n            });\n\n            if (defaultLayerMap.overlayLayer) {\n                // Special case for satellite map where we render street labels and road signs as well as additional pois as vector data\n                // hereMap.setBaseLayer(defaultLayerMap.baseLayer);\n                hereMap.addLayer(defaultLayerMap.overlayLayer);\n            }\n\n            setMapInitialized(true);\n\n            let hereMapEvents: H.mapevents.MapEvents | false = false;\n            let hereBehavior: H.mapevents.Behavior | undefined;\n\n            if (!disableMapEvents) {\n                // Enable the map event system\n                hereMapEvents = new H.mapevents.MapEvents(hereMap);\n            }\n\n            if (!(disableMapEvents || disableBehavior)) {\n                hereBehavior = new H.mapevents.Behavior(hereMapEvents as H.mapevents.MapEvents);\n                // @ts-ignore-next-line\n                hereBehavior.disable(H.mapevents.Behavior.Feature.FRACTIONAL_ZOOM);\n\n                if (disableZoomMomentum) {\n                    // Disable the inertia that occurs on WebGL maps when scrolling/zooming.\n                    // This resulted in a very high scroll sensitivity.\n                    // @ts-ignore-next-line\n                    hereBehavior.disable(H.mapevents.Behavior.Feature.ZOOM_MOMENTUM);\n                }\n            }\n\n            addEventListenerMap(hereMap, eventListenerMap, hereMap);\n\n            const hereUi = getHereUi(hereMap, defaultLayers, showScaleBar, language);\n\n            // The api will be passed to services when using a render function.\n            // This allows the service to access the map internals\n            setApi({\n                credentials,\n                defaultLayers,\n                map: hereMap,\n                mapEvents: hereMapEvents,\n                behavior: hereBehavior,\n                platform,\n                ui: hereUi,\n                utils: createUtils(hereMap),\n                // Put settings back into the map API object so the invoking service\n                // can check on these settings for instance inside a test\n                settings: {\n                    enableWebGL,\n                    baseLayer,\n                    activeLayers,\n                    showCluster,\n                    minZoom,\n                    maxZoom: safeMaxZoom,\n                },\n            });\n\n            if (allMapObjects) {\n                // If the base layer changed, re-add all previous objects again,\n                // otherwise the map would be empty\n                hereMap.addObjects(allMapObjects);\n            }\n        });\n    }, [enableWebGL, enableDevicePixelRatio, language, baseLayer, minZoom, maxZoom]);\n\n    const isDarkMode = useDarkMode();\n    useEffect(() => {\n        // Toggle night map only if current map type is default\n        if (isDarkMode && baseLayer === MAP_TYPE_DEFAULT) {\n            handleMapTypeChange(MAP_TYPE_NIGHT);\n        }\n        // Toggle back to default map only if current map type is night\n        else if (!isDarkMode && baseLayer === MAP_TYPE_NIGHT) {\n            handleMapTypeChange(MAP_TYPE_DEFAULT);\n        }\n    }, [isDarkMode, language]);\n\n    // Update MapType from outside\n    useEffect(() => handleMapTypeChange(mapType), [mapType]);\n\n    // Update MapLayer from outside\n    const [previousMapLayer, setPreviousMapLayer] = useState(mapLayer);\n    if (!isEqual(mapLayer, previousMapLayer)) {\n        setActiveLayers(mapLayer);\n        setPreviousMapLayer(mapLayer);\n    }\n\n    // Update Cluster setting from outside\n    useEffect(() => setShowCluster(externalShowCluster), [externalShowCluster]);\n\n    const handleMapTypeChange = (newMapType: MapType) => {\n        setBaseLayer(newMapType);\n        onMapTypeChange(newMapType, mapType);\n    };\n\n    const handleMapLayerChange = (layer: MapLayer) => {\n        const removeLayer = (layerToRemove: string) => activeLayers.filter(item => item !== layerToRemove);\n        const newActiveLayers = activeLayers.includes(layer) ? removeLayer(layer) : [...activeLayers, layer];\n        setActiveLayers(newActiveLayers);\n        onMapLayerChange(newActiveLayers, activeLayers);\n    };\n\n    const handleShowClusterChange = (newShowCluster: boolean) => {\n        setShowCluster(newShowCluster);\n        onShowClusterChange(newShowCluster);\n    };\n\n    // Note: For performance reasons, we deactivate pointer events and hence CSS style recalculation for the\n    // the body. Having for instance many assets in the tree causes a performance loss when clicking on the map\n    // to move it and zoom in/out since the map triggers a style invalidation and recalculation and\n    // due to the nature of the AssetTree with it's hundreds DOM nodes, applying the CSS selectors\n    // takes time.\n    const handleMapInteractionStart = () => {\n        document.querySelector('.AssetTree')?.classList.add('pointer-events-none');\n    };\n    const handleMapInteractionEnd = () => {\n        document.querySelector('.AssetTree')?.classList.remove('pointer-events-none');\n    };\n\n    const style: CSSProperties = {};\n    if (height) {\n        style.height = height;\n    }\n    if (width) {\n        style.width = width;\n    }\n    const autoHeightClass = isEmpty(style) ? 'height-100pct' : '';\n\n    return (\n        <div\n            className={`Map position-relative map-type-${baseLayer.toLowerCase()} ${autoHeightClass}`}\n            style={style}\n            ref={mapRef}\n            onTouchStart={handleMapInteractionStart}\n            onTouchEnd={handleMapInteractionEnd}\n            onMouseEnter={handleMapInteractionStart}\n            onMouseOut={handleMapInteractionEnd}\n            onBlur={handleMapInteractionEnd}\n        >\n            {isMapInitialized && api && (\n                <MapContext.Provider\n                    value={{\n                        api,\n                        language,\n                        enableWebGL,\n                        showCluster,\n                        activeLayers,\n                        baseLayer,\n                        hideMapLayerSettings,\n                        hideClusterSettings,\n                        onMapTypeChange: handleMapTypeChange,\n                        onMapLayerChange: handleMapLayerChange,\n                        onShowClusterChange: handleShowClusterChange,\n                        mapSettingsTooltip,\n                        onIncidentsChange,\n                        devicePixelRatio,\n                    }}\n                >\n                    <MapPosition api={api} boundingBox={boundingBox} center={center} zoomAnimation={zoomAnimation} />\n                    <MapSize api={api} />\n                    <MapZoom\n                        zoom={zoom}\n                        hideZoomButtons={disableBehavior}\n                        onZoomIn={onZoomIn}\n                        onZoomOut={onZoomOut}\n                        zoomAnimation={zoomAnimation}\n                    />\n                    {mapSettings && mapSettings}\n                    <MapOverlayLayers layers={activeLayers} />\n                    <MapElements api={api}>{children}</MapElements>\n                </MapContext.Provider>\n            )}\n        </div>\n    );\n};\n\nMap.TYPE_DEFAULT = MAP_TYPE_DEFAULT;\nMap.TYPE_FLEET_STYLE = MAP_TYPE_FLEET_STYLE;\nMap.TYPE_SATELLITE = MAP_TYPE_SATELLITE;\nMap.TYPE_TERRAIN = MAP_TYPE_TERRAIN;\nMap.TYPE_NIGHT = MAP_TYPE_NIGHT;\n\nMap.LAYER_INCIDENTS = MAP_LAYER_INCIDENTS;\nMap.LAYER_TRAFFIC = MAP_LAYER_TRAFFIC;\nMap.LAYER_ROAD_RESTRICTIONS = MAP_LAYER_ROAD_RESTRICTIONS;\n\nexport default Map;\n"],"names":["Map","props","children","credentials","width","height","lang","center","zoom","zoomAnimation","boundingBox","hideClusterSettings","hideMapLayerSettings","disableMapEvents","disableBehavior","disableZoomMomentum","eventListenerMap","mapType","MAP_TYPE_DEFAULT","mapLayer","externalShowCluster","showScaleBar","onMapLayerChange","onMapTypeChange","onShowClusterChange","onZoomIn","onZoomOut","onIncidentsChange","mapSettingsTooltip","mapSettings","enableWebGL","enableDevicePixelRatio","pixelRatio","DEFAULT_PIXEL_RATIO","minZoom","DEFAULT_MIN_ZOOM","maxZoom","DEFAULT_MAX_ZOOM","safeMaxZoom","mapRef","useRef","isMapInitialized","setMapInitialized","useState","api","setApi","baseLayer","setBaseLayer","activeLayers","setActiveLayers","showCluster","setShowCluster","devicePixelRatio","language","locale","useEffect","allMapObjects","removeEventListenerMap","bounds","getMapBounds","platform","getPlatform","engineType","getEngineType","defaultLayers","getBaseLayer","MAP_LAYER_ROAD_RESTRICTIONS","defaultLayerMap","hereMap","hereMapEvents","hereBehavior","addEventListenerMap","hereUi","getHereUi","createUtils","isDarkMode","useDarkMode","handleMapTypeChange","MAP_TYPE_NIGHT","previousMapLayer","setPreviousMapLayer","isEqual","newMapType","handleMapLayerChange","layer","removeLayer","layerToRemove","item","newActiveLayers","handleShowClusterChange","newShowCluster","handleMapInteractionStart","handleMapInteractionEnd","style","autoHeightClass","isEmpty","jsx","jsxs","MapContext","MapPosition","MapSize","MapZoom","MapOverlayLayers","MapElements","MAP_TYPE_FLEET_STYLE","MAP_TYPE_SATELLITE","MAP_TYPE_TERRAIN","MAP_LAYER_INCIDENTS","MAP_LAYER_TRAFFIC"],"mappings":"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"}

package/components/map/components/MapContext.d.ts

@@ -1,4 +1,4 @@
-import type { MapApi, MapIncidents, MapLayer, MapType } from '../utils/mapTypes';
+import { MapApi, MapIncidents, MapLayer, MapType } from '../utils/mapTypes';
 export type MapContextType = {
     api: MapApi;
     language: string;
@@ -16,5 +16,5 @@ export type MapContextType = {
     onIncidentsChange: (incidentsResult: MapIncidents) => void;
 };
 export declare const defaultMapContext: MapContextType;
-export declare const MapContext: import("react").Context<MapContextType>;
+export declare const MapContext: import('react').Context<MapContextType>;
 export declare const useMapContext: () => MapContextType;

package/components/map/components/MapContext.js

@@ -1,14 +1,19 @@
-import { createContext, useContext } from 'react';
-import { MAP_TYPE_DEFAULT } from "./constants.js";
-export const defaultMapContext = {
-    api: {},
-    language: 'en',
-    enableWebGL: true,
-    baseLayer: MAP_TYPE_DEFAULT,
-    activeLayers: [],
-    showCluster: true,
-    devicePixelRatio: 1,
-    onIncidentsChange: () => { },
+import { createContext as e, useContext as t } from "react";
+import { MAP_TYPE_DEFAULT as o } from "./constants.js";
+const a = {
+  api: {},
+  language: "en",
+  enableWebGL: !0,
+  baseLayer: o,
+  activeLayers: [],
+  showCluster: !0,
+  devicePixelRatio: 1,
+  onIncidentsChange: () => {
+  }
+}, n = e(a), i = () => t(n);
+export {
+  n as MapContext,
+  a as defaultMapContext,
+  i as useMapContext
 };
-export const MapContext = createContext(defaultMapContext);
-export const useMapContext = () => useContext(MapContext);
+//# sourceMappingURL=MapContext.js.map

package/components/map/components/MapContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapContext.js","sources":["../../../../src/components/map/components/MapContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport type { MapApi, MapIncidents, MapLayer, MapType } from '../utils/mapTypes';\nimport { MAP_TYPE_DEFAULT } from './constants';\n\nexport type MapContextType = {\n    api: MapApi;\n    language: string;\n    enableWebGL: boolean;\n    baseLayer: MapType;\n    activeLayers: MapLayer[];\n    showCluster: boolean;\n    devicePixelRatio: number;\n    onMapTypeChange?: (type: MapType) => void;\n    onMapLayerChange?: (layer: MapLayer) => void;\n    onShowClusterChange?: (showCluster: boolean) => void;\n    mapSettingsTooltip?: string | React.ReactNode;\n    hideMapLayerSettings?: boolean;\n    hideClusterSettings?: boolean;\n    onIncidentsChange: (incidentsResult: MapIncidents) => void;\n};\n\nexport const defaultMapContext: MapContextType = {\n    api: {},\n    language: 'en',\n    enableWebGL: true,\n    baseLayer: MAP_TYPE_DEFAULT,\n    activeLayers: [],\n    showCluster: true,\n    devicePixelRatio: 1,\n    onIncidentsChange: () => {},\n};\n\nexport const MapContext = createContext<MapContextType>(defaultMapContext);\n\nexport const useMapContext = () => useContext(MapContext);\n"],"names":["defaultMapContext","MAP_TYPE_DEFAULT","MapContext","createContext","useMapContext","useContext"],"mappings":";;AAsBO,MAAMA,IAAoC;AAAA,EAC7C,KAAK,CAAA;AAAA,EACL,UAAU;AAAA,EACV,aAAa;AAAA,EACb,WAAWC;AAAA,EACX,cAAc,CAAA;AAAA,EACd,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,mBAAmB,MAAM;AAAA,EAAC;AAC9B,GAEaC,IAAaC,EAA8BH,CAAiB,GAE5DI,IAAgB,MAAMC,EAAWH,CAAU;"}

package/components/map/components/MapElements.d.ts

@@ -1,4 +1,4 @@
-import type { MapApi, MapProps } from '../utils/mapTypes';
+import { MapApi, MapProps } from '../utils/mapTypes';
 export type MapElementsProps = Pick<MapProps, 'children'> & {
     api?: MapApi;
 };

package/components/map/components/MapElements.js

@@ -1,20 +1,17 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { isFunction } from 'es-toolkit/predicate';
-import { useMapContext } from "./MapContext.js";
-const enrichChildrenWithApi = (children, api) => React.Children.map(children, child => {
-    if (child) {
-        return React.cloneElement(child, {
-            api,
-        });
-    }
-});
-const MapElements = (props) => {
-    const { children } = props;
-    const { api } = useMapContext();
-    if (!children) {
-        return null;
-    }
-    return (_jsx("div", { className: 'MapElements', children: isFunction(children) ? children(api) : enrichChildrenWithApi(children, api) }));
+import { jsx as i } from "react/jsx-runtime";
+import r from "react";
+import { isFunction as o } from "es-toolkit/predicate";
+import { useMapContext as m } from "./MapContext.js";
+const s = (n, e) => r.Children.map(n, (t) => {
+  if (t)
+    return r.cloneElement(t, {
+      api: e
+    });
+}), f = (n) => {
+  const { children: e } = n, { api: t } = m();
+  return e ? /* @__PURE__ */ i("div", { className: "MapElements", children: o(e) ? e(t) : s(e, t) }) : null;
 };
-export default MapElements;
+export {
+  f as default
+};
+//# sourceMappingURL=MapElements.js.map

package/components/map/components/MapElements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapElements.js","sources":["../../../../src/components/map/components/MapElements.tsx"],"sourcesContent":["import React from 'react';\nimport { isFunction } from 'es-toolkit/predicate';\n\nimport { useMapContext } from './MapContext';\nimport type { MapApi, MapProps } from '../utils/mapTypes';\n\nexport type MapElementsProps = Pick<MapProps, 'children'> & {\n    api?: MapApi;\n};\n\nconst enrichChildrenWithApi = (children: any, api: MapApi) =>\n    React.Children.map(children, child => {\n        if (child) {\n            return React.cloneElement(child, {\n                api,\n            });\n        }\n    });\n\nconst MapElements = (props: MapElementsProps) => {\n    const { children } = props;\n\n    const { api } = useMapContext();\n\n    if (!children) {\n        return null;\n    }\n\n    return (\n        <div className='MapElements'>{isFunction(children) ? children(api) : enrichChildrenWithApi(children, api)}</div>\n    );\n};\n\nexport default MapElements;\n"],"names":["enrichChildrenWithApi","children","api","React","child","MapElements","props","useMapContext","jsx","isFunction"],"mappings":";;;;AAUA,MAAMA,IAAwB,CAACC,GAAeC,MAC1CC,EAAM,SAAS,IAAIF,GAAU,CAAAG,MAAS;AAClC,MAAIA;AACA,WAAOD,EAAM,aAAaC,GAAO;AAAA,MAC7B,KAAAF;AAAA,IAAA,CACH;AAET,CAAC,GAECG,IAAc,CAACC,MAA4B;AAC7C,QAAM,EAAE,UAAAL,MAAaK,GAEf,EAAE,KAAAJ,EAAA,IAAQK,EAAA;AAEhB,SAAKN,IAKD,gBAAAO,EAAC,OAAA,EAAI,WAAU,eAAe,UAAAC,EAAWR,CAAQ,IAAIA,EAASC,CAAG,IAAIF,EAAsBC,GAAUC,CAAG,GAAE,IAJnG;AAMf;"}

package/components/map/components/MapPosition.d.ts

@@ -1,4 +1,4 @@
-import type { MapApi, MapProps } from '../utils/mapTypes';
+import { MapApi, MapProps } from '../utils/mapTypes';
 export type MapPositionProps = Pick<MapProps, 'boundingBox' | 'center' | 'zoomAnimation'> & {
     api: MapApi;
 };

package/components/map/components/MapPosition.js

@@ -1,25 +1,19 @@
-import { useEffect } from 'react';
-const MapPosition = (props) => {
-    const { api, boundingBox, center, zoomAnimation = false } = props;
-    // Update BoundingBox from outside
-    useEffect(() => {
-        if (api && boundingBox) {
-            const { top, left, bottom, right } = boundingBox;
-            api.map?.getViewModel().setLookAtData({ bounds: new H.geo.Rect(top, left, bottom, right) }, zoomAnimation);
-        }
-    }, [boundingBox]);
-    // Update Lat & Lng from outside if value is different
-    useEffect(() => {
-        if (!(api && center)) {
-            return;
-        }
-        const currentMapCenter = api.utils?.getCenter();
-        if (currentMapCenter) {
-            if (currentMapCenter.lat !== center.lat || currentMapCenter.lng !== center.lng) {
-                api.utils?.setCenter(center, zoomAnimation);
-            }
-        }
-    }, [center]);
-    return null;
+import { useEffect as r } from "react";
+const c = (s) => {
+  const { api: t, boundingBox: n, center: e, zoomAnimation: i = !1 } = s;
+  return r(() => {
+    if (t && n) {
+      const { top: o, left: a, bottom: l, right: f } = n;
+      t.map?.getViewModel().setLookAtData({ bounds: new H.geo.Rect(o, a, l, f) }, i);
+    }
+  }, [n]), r(() => {
+    if (!(t && e))
+      return;
+    const o = t.utils?.getCenter();
+    o && (o.lat !== e.lat || o.lng !== e.lng) && t.utils?.setCenter(e, i);
+  }, [e]), null;
 };
-export default MapPosition;
+export {
+  c as default
+};
+//# sourceMappingURL=MapPosition.js.map

package/components/map/components/MapPosition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapPosition.js","sources":["../../../../src/components/map/components/MapPosition.tsx"],"sourcesContent":["import { useEffect } from 'react';\n\nimport type { MapApi, MapProps } from '../utils/mapTypes';\n\nexport type MapPositionProps = Pick<MapProps, 'boundingBox' | 'center' | 'zoomAnimation'> & {\n    api: MapApi;\n};\n\nconst MapPosition = (props: MapPositionProps) => {\n    const { api, boundingBox, center, zoomAnimation = false } = props;\n\n    // Update BoundingBox from outside\n    useEffect(() => {\n        if (api && boundingBox) {\n            const { top, left, bottom, right } = boundingBox;\n            api.map?.getViewModel().setLookAtData({ bounds: new H.geo.Rect(top, left, bottom, right) }, zoomAnimation);\n        }\n    }, [boundingBox]);\n\n    // Update Lat & Lng from outside if value is different\n    useEffect(() => {\n        if (!(api && center)) {\n            return;\n        }\n\n        const currentMapCenter = api.utils?.getCenter();\n        if (currentMapCenter) {\n            if (currentMapCenter.lat !== center.lat || currentMapCenter.lng !== center.lng) {\n                api.utils?.setCenter(center, zoomAnimation);\n            }\n        }\n    }, [center]);\n\n    return null;\n};\n\nexport default MapPosition;\n"],"names":["MapPosition","props","api","boundingBox","center","zoomAnimation","useEffect","top","left","bottom","right","currentMapCenter"],"mappings":";AAQA,MAAMA,IAAc,CAACC,MAA4B;AAC7C,QAAM,EAAE,KAAAC,GAAK,aAAAC,GAAa,QAAAC,GAAQ,eAAAC,IAAgB,OAAUJ;AAG5D,SAAAK,EAAU,MAAM;AACZ,QAAIJ,KAAOC,GAAa;AACpB,YAAM,EAAE,KAAAI,GAAK,MAAAC,GAAM,QAAAC,GAAQ,OAAAC,MAAUP;AACrC,MAAAD,EAAI,KAAK,aAAA,EAAe,cAAc,EAAE,QAAQ,IAAI,EAAE,IAAI,KAAKK,GAAKC,GAAMC,GAAQC,CAAK,EAAA,GAAKL,CAAa;AAAA,IAC7G;AAAA,EACJ,GAAG,CAACF,CAAW,CAAC,GAGhBG,EAAU,MAAM;AACZ,QAAI,EAAEJ,KAAOE;AACT;AAGJ,UAAMO,IAAmBT,EAAI,OAAO,UAAA;AACpC,IAAIS,MACIA,EAAiB,QAAQP,EAAO,OAAOO,EAAiB,QAAQP,EAAO,QACvEF,EAAI,OAAO,UAAUE,GAAQC,CAAa;AAAA,EAGtD,GAAG,CAACD,CAAM,CAAC,GAEJ;AACX;"}