@rio-cloud/rio-uikit 2.0.1 → 2.2.0

package/components/map/components/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/map/components/constants.ts"],"sourcesContent":["import type { MapType } from '../utils/mapTypes';\n\nexport const MAP_TYPE_DEFAULT: MapType = 'DEFAULT';\nexport const MAP_TYPE_FLEET_STYLE: MapType = 'FLEET_STYLE';\nexport const MAP_TYPE_SATELLITE: MapType = 'SATELLITE';\nexport const MAP_TYPE_TERRAIN: MapType = 'TERRAIN';\nexport const MAP_TYPE_NIGHT: MapType = 'NIGHT';\n\nexport const MAP_LAYER_INCIDENTS = 'INCIDENTS';\nexport const MAP_LAYER_TRAFFIC = 'TRAFFIC';\nexport const MAP_LAYER_ROAD_RESTRICTIONS = 'ROAD_RESTRICTIONS';\n\n// outdated?\nexport const FORMAT = 'png8';\nexport const TILE_SIZE = 256;\nexport const TILE_TYPE = 'maptile';\n\nexport const NO_CREDENTIALS_ERROR_MESSAGE = 'Cannot instantiate the Map. Missing credentials property.';\n\n// @ts-ignore-next-line\n// biome-ignore lint/complexity/useLiteralKeys: <explanation>\nexport const ENGINE_TYPE_HARP = H.Map.EngineType['HARP'];\nexport const ENGINE_TYPE_P2D = H.Map.EngineType.P2D;\n\nexport const DEFAULT_TILE_SIZE = 512;\nexport const DEFAULT_RASTER_LAYER_FORMAT = 'png'; // 'jpeg';\n\nexport const DEFAULT_MIN_ZOOM = 3;\nexport const DEFAULT_MAX_ZOOM = 20;\n\nexport const DEFAULT_PIXEL_RATIO = 2;\n"],"names":["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","ENGINE_TYPE_HARP","ENGINE_TYPE_P2D","DEFAULT_TILE_SIZE","DEFAULT_RASTER_LAYER_FORMAT","DEFAULT_MIN_ZOOM","DEFAULT_MAX_ZOOM","DEFAULT_PIXEL_RATIO"],"mappings":"AAEO,MAAMA,IAA4B,WAC5BC,IAAgC,eAChCC,IAA8B,aAC9BC,IAA4B,WAC5BC,IAA0B,SAE1BC,IAAsB,aACtBC,IAAoB,WACpBC,IAA8B,qBAW9BC,IAAmB,EAAE,IAAI,WAAW,MACpCC,IAAkB,EAAE,IAAI,WAAW,KAEnCC,IAAoB,KACpBC,IAA8B,OAE9BC,IAAmB,GACnBC,IAAmB,IAEnBC,IAAsB;"}
+{"version":3,"file":"constants.js","sources":["../../../../src/components/map/components/constants.ts"],"sourcesContent":["import type { MapType } from '../utils/mapTypes';\n\nexport const MAP_TYPE_DEFAULT: MapType = 'DEFAULT';\nexport const MAP_TYPE_FLEET_STYLE: MapType = 'FLEET_STYLE';\nexport const MAP_TYPE_SATELLITE: MapType = 'SATELLITE';\nexport const MAP_TYPE_TERRAIN: MapType = 'TERRAIN';\nexport const MAP_TYPE_NIGHT: MapType = 'NIGHT';\n\nexport const MAP_LAYER_INCIDENTS = 'INCIDENTS';\nexport const MAP_LAYER_TRAFFIC = 'TRAFFIC';\nexport const MAP_LAYER_ROAD_RESTRICTIONS = 'ROAD_RESTRICTIONS';\n\n// outdated?\nexport const FORMAT = 'png8';\nexport const TILE_SIZE = 256;\nexport const TILE_TYPE = 'maptile';\n\nexport const NO_CREDENTIALS_ERROR_MESSAGE = 'Cannot instantiate the Map. Missing credentials property.';\n\n// @ts-expect-error-next-line\n// biome-ignore lint/complexity/useLiteralKeys: here map has not added HARP to EngineType but it works like this\nexport const ENGINE_TYPE_HARP = H.Map.EngineType['HARP'];\nexport const ENGINE_TYPE_P2D = H.Map.EngineType.P2D;\n\nexport const DEFAULT_TILE_SIZE = 512;\nexport const DEFAULT_RASTER_LAYER_FORMAT = 'png'; // 'jpeg';\n\nexport const DEFAULT_MIN_ZOOM = 3;\nexport const DEFAULT_MAX_ZOOM = 20;\n\nexport const DEFAULT_PIXEL_RATIO = 2;\n"],"names":["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","ENGINE_TYPE_HARP","ENGINE_TYPE_P2D","DEFAULT_TILE_SIZE","DEFAULT_RASTER_LAYER_FORMAT","DEFAULT_MIN_ZOOM","DEFAULT_MAX_ZOOM","DEFAULT_PIXEL_RATIO"],"mappings":"AAEO,MAAMA,IAA4B,WAC5BC,IAAgC,eAChCC,IAA8B,aAC9BC,IAA4B,WAC5BC,IAA0B,SAE1BC,IAAsB,aACtBC,IAAoB,WACpBC,IAA8B,qBAW9BC,IAAmB,EAAE,IAAI,WAAW,MACpCC,IAAkB,EAAE,IAAI,WAAW,KAEnCC,IAAoB,KACpBC,IAA8B,OAE9BC,IAAmB,GACnBC,IAAmB,IAEnBC,IAAsB;"}

package/components/map/components/features/ContextMenuItem.d.ts

@@ -8,5 +8,5 @@ export type ContextMenuItemProps = {
     className?: string;
     labelClassName?: string;
 };
-declare const ContextMenuItem: (props: ContextMenuItemProps) => H.util.ContextItem;
+declare const ContextMenuItem: (_: ContextMenuItemProps) => null;
 export default ContextMenuItem;

package/components/map/components/features/ContextMenuItem.js

@@ -1,20 +1,5 @@
-import { noop as n } from "es-toolkit/function";
-const r = (t) => {
-  const {
-    label: e = "",
-    disabled: o = !1,
-    callback: l = n
-    // hasSpinner = false,
-    // className = '',
-    // labelClassName = '',
-  } = t;
-  return new H.util.ContextItem({
-    label: e,
-    disabled: o,
-    callback: l
-  });
-};
+const e = (t) => null;
 export {
-  r as default
+  e as default
 };
 //# sourceMappingURL=ContextMenuItem.js.map

package/components/map/components/features/ContextMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuItem.js","sources":["../../../../../src/components/map/components/features/ContextMenuItem.tsx"],"sourcesContent":["import { noop } from 'es-toolkit/function';\n\nimport type { Position } from '../../utils/mapTypes';\n\nexport type ContextMenuItemProps = {\n    label: string;\n    disabled?: boolean;\n    callback?: (position: Position) => void;\n    hasSpinner?: boolean;\n    icon?: string;\n    className?: string;\n    labelClassName?: string;\n};\n\nconst ContextMenuItem = (props: ContextMenuItemProps) => {\n    // Note: not all defined props are passed to the Here ContextItem are used in ContextMenu component\n    const {\n        label = '',\n        disabled = false,\n        callback = noop,\n        // hasSpinner = false,\n        // className = '',\n        // labelClassName = '',\n    } = props;\n\n    return new H.util.ContextItem({\n        label,\n        disabled,\n        callback: callback as any,\n    });\n};\n\nexport default ContextMenuItem;\n"],"names":["ContextMenuItem","props","label","disabled","callback","noop"],"mappings":";AAcA,MAAMA,IAAkB,CAACC,MAAgC;AAErD,QAAM;AAAA,IACF,OAAAC,IAAQ;AAAA,IACR,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAWC;AAAA;AAAA;AAAA;AAAA,EAAA,IAIXJ;AAEJ,SAAO,IAAI,EAAE,KAAK,YAAY;AAAA,IAC1B,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACH;AACL;"}
+{"version":3,"file":"ContextMenuItem.js","sources":["../../../../../src/components/map/components/features/ContextMenuItem.tsx"],"sourcesContent":["import type { Position } from '../../utils/mapTypes';\n\nexport type ContextMenuItemProps = {\n    label: string;\n    disabled?: boolean;\n    callback?: (position: Position) => void;\n    hasSpinner?: boolean;\n    icon?: string;\n    className?: string;\n    labelClassName?: string;\n};\n\n// This component is only used as a typed container for props.\n// The actual HERE ContextItem is built inside ContextMenu.tsx.\nconst ContextMenuItem = (_: ContextMenuItemProps) => null;\n\nexport default ContextMenuItem;\n"],"names":["ContextMenuItem","_"],"mappings":"AAcA,MAAMA,IAAkB,CAACC,MAA4B;"}

package/components/map/components/features/MapSettings.js

@@ -1,14 +1,14 @@
 import { jsx as l } from "react/jsx-runtime";
 import r from "react";
-import g from "classnames";
-import { map as f } from "es-toolkit/compat";
+import { map as g } from "es-toolkit/compat";
+import f from "../../../../utils/classNames.js";
 import u from "./settings/builtinSettings/MapTypeSettings.js";
 import M from "./settings/builtinSettings/MapLayerSettings.js";
 import S from "./settings/builtinSettings/MapClusterSettings.js";
 import { useMapContext as C } from "../MapContext.js";
 const k = (t) => t.type === u, U = (t) => t.type === M, d = (t) => t.type === S, N = (t) => {
-  const { options: a, className: s = "" } = t, { baseLayer: n, activeLayers: m, showCluster: p, onMapTypeChange: o, onMapLayerChange: y, onShowClusterChange: c } = C(), i = g("MapSettingsWrapper", s);
-  return /* @__PURE__ */ l("div", { className: i, children: f(a, (e) => k(e) ? r.cloneElement(e, {
+  const { options: a, className: s = "" } = t, { baseLayer: n, activeLayers: m, showCluster: p, onMapTypeChange: o, onMapLayerChange: y, onShowClusterChange: c } = C(), i = f("MapSettingsWrapper", s);
+  return /* @__PURE__ */ l("div", { className: i, children: g(a, (e) => k(e) ? r.cloneElement(e, {
     key: e?.key ?? crypto.randomUUID(),
     mapType: n,
     onMapTypeChange: o

package/components/map/components/features/MapSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"MapSettings.js","sources":["../../../../../src/components/map/components/features/MapSettings.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { map } from 'es-toolkit/compat';\n\nimport MapTypeSettings from './settings/builtinSettings/MapTypeSettings';\nimport MapLayerSettings from './settings/builtinSettings/MapLayerSettings';\nimport MapClusterSettings from './settings/builtinSettings/MapClusterSettings';\nimport { useMapContext } from '../MapContext';\n\nconst isMapTypeSettings = (option: JSX.Element) => option.type === MapTypeSettings;\nconst isMapLayerSettings = (option: JSX.Element) => option.type === MapLayerSettings;\nconst isMapClusterSettings = (option: JSX.Element) => option.type === MapClusterSettings;\n\nexport type MapSettingsProps = {\n    options?: JSX.Element[];\n    className?: string;\n};\n\nconst MapSettings = (props: MapSettingsProps) => {\n    const { options, className = '' } = props;\n\n    const { baseLayer, activeLayers, showCluster, onMapTypeChange, onMapLayerChange, onShowClusterChange } =\n        useMapContext();\n\n    const mapSettingsClasses = classNames('MapSettingsWrapper', className);\n\n    return (\n        <div className={mapSettingsClasses}>\n            {map(options, option => {\n                if (isMapTypeSettings(option)) {\n                    return React.cloneElement(option, {\n                        key: option?.key ?? crypto.randomUUID(),\n                        mapType: baseLayer,\n                        onMapTypeChange,\n                    });\n                }\n\n                if (isMapLayerSettings(option)) {\n                    return React.cloneElement(option, {\n                        key: option?.key ?? crypto.randomUUID(),\n                        activeBuiltinLayers: activeLayers,\n                        onMapLayerChange,\n                    });\n                }\n\n                if (isMapClusterSettings(option)) {\n                    return React.cloneElement(option, {\n                        key: option?.key ?? crypto.randomUUID(),\n                        showCluster,\n                        onShowClusterChange,\n                    });\n                }\n\n                return React.cloneElement(option, {\n                    key: option?.key ?? `MapSettingsOption_${crypto.randomUUID()}`,\n                });\n            })}\n        </div>\n    );\n};\n\nexport default MapSettings;\n"],"names":["isMapTypeSettings","option","MapTypeSettings","isMapLayerSettings","MapLayerSettings","isMapClusterSettings","MapClusterSettings","MapSettings","props","options","className","baseLayer","activeLayers","showCluster","onMapTypeChange","onMapLayerChange","onShowClusterChange","useMapContext","mapSettingsClasses","classNames","map","React"],"mappings":";;;;;;;;AASA,MAAMA,IAAoB,CAACC,MAAwBA,EAAO,SAASC,GAC7DC,IAAqB,CAACF,MAAwBA,EAAO,SAASG,GAC9DC,IAAuB,CAACJ,MAAwBA,EAAO,SAASK,GAOhEC,IAAc,CAACC,MAA4B;AAC7C,QAAM,EAAE,SAAAC,GAAS,WAAAC,IAAY,GAAA,IAAOF,GAE9B,EAAE,WAAAG,GAAW,cAAAC,GAAc,aAAAC,GAAa,iBAAAC,GAAiB,kBAAAC,GAAkB,qBAAAC,EAAA,IAC7EC,EAAA,GAEEC,IAAqBC,EAAW,sBAAsBT,CAAS;AAErE,2BACK,OAAA,EAAI,WAAWQ,GACX,UAAAE,EAAIX,GAAS,CAAAR,MACND,EAAkBC,CAAM,IACjBoB,EAAM,aAAapB,GAAQ;AAAA,IAC9B,KAAKA,GAAQ,OAAO,OAAO,WAAA;AAAA,IAC3B,SAASU;AAAA,IACT,iBAAAG;AAAA,EAAA,CACH,IAGDX,EAAmBF,CAAM,IAClBoB,EAAM,aAAapB,GAAQ;AAAA,IAC9B,KAAKA,GAAQ,OAAO,OAAO,WAAA;AAAA,IAC3B,qBAAqBW;AAAA,IACrB,kBAAAG;AAAA,EAAA,CACH,IAGDV,EAAqBJ,CAAM,IACpBoB,EAAM,aAAapB,GAAQ;AAAA,IAC9B,KAAKA,GAAQ,OAAO,OAAO,WAAA;AAAA,IAC3B,aAAAY;AAAA,IACA,qBAAAG;AAAA,EAAA,CACH,IAGEK,EAAM,aAAapB,GAAQ;AAAA,IAC9B,KAAKA,GAAQ,OAAO,qBAAqB,OAAO,YAAY;AAAA,EAAA,CAC/D,CACJ,EAAA,CACL;AAER;"}
+{"version":3,"file":"MapSettings.js","sources":["../../../../../src/components/map/components/features/MapSettings.tsx"],"sourcesContent":["import React from 'react';\nimport { map } from 'es-toolkit/compat';\n\nimport classNames from '../../../../utils/classNames';\nimport MapTypeSettings from './settings/builtinSettings/MapTypeSettings';\nimport MapLayerSettings from './settings/builtinSettings/MapLayerSettings';\nimport MapClusterSettings from './settings/builtinSettings/MapClusterSettings';\nimport { useMapContext } from '../MapContext';\n\nconst isMapTypeSettings = (option: JSX.Element) => option.type === MapTypeSettings;\nconst isMapLayerSettings = (option: JSX.Element) => option.type === MapLayerSettings;\nconst isMapClusterSettings = (option: JSX.Element) => option.type === MapClusterSettings;\n\nexport type MapSettingsProps = {\n    options?: JSX.Element[];\n    className?: string;\n};\n\nconst MapSettings = (props: MapSettingsProps) => {\n    const { options, className = '' } = props;\n\n    const { baseLayer, activeLayers, showCluster, onMapTypeChange, onMapLayerChange, onShowClusterChange } =\n        useMapContext();\n\n    const mapSettingsClasses = classNames('MapSettingsWrapper', className);\n\n    return (\n        <div className={mapSettingsClasses}>\n            {map(options, option => {\n                if (isMapTypeSettings(option)) {\n                    return React.cloneElement(option, {\n                        key: option?.key ?? crypto.randomUUID(),\n                        mapType: baseLayer,\n                        onMapTypeChange,\n                    });\n                }\n\n                if (isMapLayerSettings(option)) {\n                    return React.cloneElement(option, {\n                        key: option?.key ?? crypto.randomUUID(),\n                        activeBuiltinLayers: activeLayers,\n                        onMapLayerChange,\n                    });\n                }\n\n                if (isMapClusterSettings(option)) {\n                    return React.cloneElement(option, {\n                        key: option?.key ?? crypto.randomUUID(),\n                        showCluster,\n                        onShowClusterChange,\n                    });\n                }\n\n                return React.cloneElement(option, {\n                    key: option?.key ?? `MapSettingsOption_${crypto.randomUUID()}`,\n                });\n            })}\n        </div>\n    );\n};\n\nexport default MapSettings;\n"],"names":["isMapTypeSettings","option","MapTypeSettings","isMapLayerSettings","MapLayerSettings","isMapClusterSettings","MapClusterSettings","MapSettings","props","options","className","baseLayer","activeLayers","showCluster","onMapTypeChange","onMapLayerChange","onShowClusterChange","useMapContext","mapSettingsClasses","classNames","map","React"],"mappings":";;;;;;;;AASA,MAAMA,IAAoB,CAACC,MAAwBA,EAAO,SAASC,GAC7DC,IAAqB,CAACF,MAAwBA,EAAO,SAASG,GAC9DC,IAAuB,CAACJ,MAAwBA,EAAO,SAASK,GAOhEC,IAAc,CAACC,MAA4B;AAC7C,QAAM,EAAE,SAAAC,GAAS,WAAAC,IAAY,GAAA,IAAOF,GAE9B,EAAE,WAAAG,GAAW,cAAAC,GAAc,aAAAC,GAAa,iBAAAC,GAAiB,kBAAAC,GAAkB,qBAAAC,EAAA,IAC7EC,EAAA,GAEEC,IAAqBC,EAAW,sBAAsBT,CAAS;AAErE,2BACK,OAAA,EAAI,WAAWQ,GACX,UAAAE,EAAIX,GAAS,CAAAR,MACND,EAAkBC,CAAM,IACjBoB,EAAM,aAAapB,GAAQ;AAAA,IAC9B,KAAKA,GAAQ,OAAO,OAAO,WAAA;AAAA,IAC3B,SAASU;AAAA,IACT,iBAAAG;AAAA,EAAA,CACH,IAGDX,EAAmBF,CAAM,IAClBoB,EAAM,aAAapB,GAAQ;AAAA,IAC9B,KAAKA,GAAQ,OAAO,OAAO,WAAA;AAAA,IAC3B,qBAAqBW;AAAA,IACrB,kBAAAG;AAAA,EAAA,CACH,IAGDV,EAAqBJ,CAAM,IACpBoB,EAAM,aAAapB,GAAQ;AAAA,IAC9B,KAAKA,GAAQ,OAAO,OAAO,WAAA;AAAA,IAC3B,aAAAY;AAAA,IACA,qBAAAG;AAAA,EAAA,CACH,IAGEK,EAAM,aAAapB,GAAQ;AAAA,IAC9B,KAAKA,GAAQ,OAAO,qBAAqB,OAAO,YAAY;AAAA,EAAA,CAC/D,CACJ,EAAA,CACL;AAER;"}

package/components/map/components/features/basics/Polyline.d.ts

@@ -1,7 +1,10 @@
 import { EventListenerMap } from '../../../utils/eventHandling';
 export declare const MISSING_GEOMETRY_PROPS_EXCEPTION_MSG = "Error in Polyline: Polyline without geometry makes no sense";
 export declare const WRONG_GEOMETRY_PROPS_EXCEPTION_MSG = "Error in Polyline: property geometry must be of type H.geo.LineString";
-export type ArrowStyle = H.map.Polyline.Options;
+export type ArrowStyle = {
+    fillColor?: string;
+    strokeColor?: string;
+};
 export type PolylineProps = {
     hasArrows?: boolean;
     arrowStyle?: ArrowStyle;

package/components/map/components/features/basics/Polyline.js

@@ -27,7 +27,7 @@ const M = "Error in Polyline: Polyline without geometry makes no sense", C = "Er
             strokeColor: "rgba(42, 55, 64, 1)",
             lineWidth: 5,
             lineDash: [1.8, 4],
-            // @ts-ignore-next-line - the types are outdated here
+            // @ts-expect-error-next-line - the types are outdated here
             lineDashImage: H.map.SpatialStyle.DashImage.ARROW,
             ...a
           }

package/components/map/components/features/basics/Polyline.js.map

@@ -1 +1 @@
-{"version":3,"file":"Polyline.js","sources":["../../../../../../src/components/map/components/features/basics/Polyline.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\n\nimport { useMapContext } from '../../MapContext';\nimport MapException from '../../../exceptions/MapException';\n\nimport { useUpdateEventListenerMap } from '../../../utils/hooks';\nimport { removeEventListenerMap, type EventListenerMap } from '../../../utils/eventHandling';\nimport { isVectorBased } from '../../../utils/rendering';\n\nexport const MISSING_GEOMETRY_PROPS_EXCEPTION_MSG = 'Error in Polyline: Polyline without geometry makes no sense';\nexport const WRONG_GEOMETRY_PROPS_EXCEPTION_MSG =\n    'Error in Polyline: property geometry must be of type H.geo.LineString';\n\nexport type ArrowStyle = H.map.Polyline.Options;\n\nexport type PolylineProps = {\n    hasArrows?: boolean;\n    arrowStyle?: ArrowStyle;\n    geometry: H.geo.LineString;\n    style?: H.map.SpatialStyle;\n    customData?: object;\n    eventListenerMap?: EventListenerMap;\n};\n\nconst Polyline = (props: PolylineProps) => {\n    const {\n        geometry,\n        hasArrows,\n        arrowStyle,\n        style = H.map.SpatialStyle.DEFAULT_STYLE,\n        customData,\n        eventListenerMap,\n    } = props;\n\n    const { api, enableWebGL, baseLayer } = useMapContext();\n\n    const [polyline, setPolyline] = useState<H.map.Group>();\n\n    if (!geometry) {\n        throw new MapException(MISSING_GEOMETRY_PROPS_EXCEPTION_MSG);\n    }\n\n    if (!(geometry instanceof H.geo.LineString)) {\n        throw new MapException(WRONG_GEOMETRY_PROPS_EXCEPTION_MSG);\n    }\n\n    useEffect(() => {\n        const lineGroup = new H.map.Group({ data: customData });\n        const line = new H.map.Polyline(geometry, { style });\n\n        if (hasArrows) {\n            let routeArrows: H.map.Polyline;\n\n            if (isVectorBased(enableWebGL, baseLayer)) {\n                // WebGL way - Create a patterned polyline\n                routeArrows = new H.map.Polyline(geometry, {\n                    style: {\n                        strokeColor: 'rgba(42, 55, 64, 1)',\n                        lineWidth: 5,\n                        lineDash: [1.8, 4],\n                        // @ts-ignore-next-line - the types are outdated here\n                        lineDashImage: H.map.SpatialStyle.DashImage.ARROW,\n                        ...arrowStyle,\n                    },\n                });\n            } else {\n                // Pixel map way - Create a patterned polyline\n                const defaultArrowStyle = {\n                    lineWidth: 2,\n                    fillColor: 'rgba(42, 55, 64, 1)',\n                    strokeColor: 'rgba(0, 0, 0, 0.8)',\n                    lineDash: [0, 4],\n                    lineTailCap: 'arrow-tail',\n                    lineHeadCap: 'arrow-head',\n                    ...arrowStyle,\n                };\n\n                const arrowLineStyle = new H.map.SpatialStyle({\n                    lineWidth: 10,\n                    strokeColor: 'rgba(255, 255, 255, 0)',\n                });\n\n                routeArrows = new H.map.Polyline(geometry, { style: arrowLineStyle, arrows: defaultArrowStyle });\n            }\n\n            // create a group that represents the route line and contains\n            // outline and the pattern\n            lineGroup.addObjects([line, routeArrows]);\n        } else {\n            lineGroup.addObjects([line]);\n        }\n\n        api.map?.addObject(lineGroup);\n        setPolyline(lineGroup);\n\n        return () => {\n            removeEventListenerMap(lineGroup);\n\n            lineGroup.forEach(singleLine => {\n                lineGroup.removeObject(singleLine);\n                singleLine.dispose();\n            });\n\n            if (api.map?.getObjects().includes(lineGroup)) {\n                api.map.removeObject(lineGroup);\n            }\n            lineGroup.dispose();\n        };\n    }, [api.map, geometry, style, hasArrows, arrowStyle]);\n\n    useUpdateEventListenerMap(polyline, eventListenerMap);\n\n    return null;\n};\n\nexport default Polyline;\n"],"names":["MISSING_GEOMETRY_PROPS_EXCEPTION_MSG","WRONG_GEOMETRY_PROPS_EXCEPTION_MSG","Polyline","props","geometry","hasArrows","arrowStyle","style","customData","eventListenerMap","api","enableWebGL","baseLayer","useMapContext","polyline","setPolyline","useState","MapException","useEffect","lineGroup","line","routeArrows","isVectorBased","defaultArrowStyle","arrowLineStyle","removeEventListenerMap","singleLine","useUpdateEventListenerMap"],"mappings":";;;;;;AASO,MAAMA,IAAuC,+DACvCC,IACT,yEAaEC,IAAW,CAACC,MAAyB;AACvC,QAAM;AAAA,IACF,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC,IAAQ,EAAE,IAAI,aAAa;AAAA,IAC3B,YAAAC;AAAA,IACA,kBAAAC;AAAA,EAAA,IACAN,GAEE,EAAE,KAAAO,GAAK,aAAAC,GAAa,WAAAC,EAAA,IAAcC,EAAA,GAElC,CAACC,GAAUC,CAAW,IAAIC,EAAA;AAEhC,MAAI,CAACZ;AACD,UAAM,IAAIa,EAAajB,CAAoC;AAG/D,MAAI,EAAEI,aAAoB,EAAE,IAAI;AAC5B,UAAM,IAAIa,EAAahB,CAAkC;AAG7D,SAAAiB,EAAU,MAAM;AACZ,UAAMC,IAAY,IAAI,EAAE,IAAI,MAAM,EAAE,MAAMX,GAAY,GAChDY,IAAO,IAAI,EAAE,IAAI,SAAShB,GAAU,EAAE,OAAAG,GAAO;AAEnD,QAAIF,GAAW;AACX,UAAIgB;AAEJ,UAAIC,EAAcX,GAAaC,CAAS;AAEpC,QAAAS,IAAc,IAAI,EAAE,IAAI,SAASjB,GAAU;AAAA,UACvC,OAAO;AAAA,YACH,aAAa;AAAA,YACb,WAAW;AAAA,YACX,UAAU,CAAC,KAAK,CAAC;AAAA;AAAA,YAEjB,eAAe,EAAE,IAAI,aAAa,UAAU;AAAA,YAC5C,GAAGE;AAAA,UAAA;AAAA,QACP,CACH;AAAA,WACE;AAEH,cAAMiB,IAAoB;AAAA,UACtB,WAAW;AAAA,UACX,WAAW;AAAA,UACX,aAAa;AAAA,UACb,UAAU,CAAC,GAAG,CAAC;AAAA,UACf,aAAa;AAAA,UACb,aAAa;AAAA,UACb,GAAGjB;AAAA,QAAA,GAGDkB,IAAiB,IAAI,EAAE,IAAI,aAAa;AAAA,UAC1C,WAAW;AAAA,UACX,aAAa;AAAA,QAAA,CAChB;AAED,QAAAH,IAAc,IAAI,EAAE,IAAI,SAASjB,GAAU,EAAE,OAAOoB,GAAgB,QAAQD,GAAmB;AAAA,MACnG;AAIA,MAAAJ,EAAU,WAAW,CAACC,GAAMC,CAAW,CAAC;AAAA,IAC5C;AACI,MAAAF,EAAU,WAAW,CAACC,CAAI,CAAC;AAG/B,WAAAV,EAAI,KAAK,UAAUS,CAAS,GAC5BJ,EAAYI,CAAS,GAEd,MAAM;AACT,MAAAM,EAAuBN,CAAS,GAEhCA,EAAU,QAAQ,CAAAO,MAAc;AAC5B,QAAAP,EAAU,aAAaO,CAAU,GACjCA,EAAW,QAAA;AAAA,MACf,CAAC,GAEGhB,EAAI,KAAK,WAAA,EAAa,SAASS,CAAS,KACxCT,EAAI,IAAI,aAAaS,CAAS,GAElCA,EAAU,QAAA;AAAA,IACd;AAAA,EACJ,GAAG,CAACT,EAAI,KAAKN,GAAUG,GAAOF,GAAWC,CAAU,CAAC,GAEpDqB,EAA0Bb,GAAUL,CAAgB,GAE7C;AACX;"}
+{"version":3,"file":"Polyline.js","sources":["../../../../../../src/components/map/components/features/basics/Polyline.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\n\nimport { useMapContext } from '../../MapContext';\nimport MapException from '../../../exceptions/MapException';\n\nimport { useUpdateEventListenerMap } from '../../../utils/hooks';\nimport { removeEventListenerMap, type EventListenerMap } from '../../../utils/eventHandling';\nimport { isVectorBased } from '../../../utils/rendering';\n\nexport const MISSING_GEOMETRY_PROPS_EXCEPTION_MSG = 'Error in Polyline: Polyline without geometry makes no sense';\nexport const WRONG_GEOMETRY_PROPS_EXCEPTION_MSG =\n    'Error in Polyline: property geometry must be of type H.geo.LineString';\n\nexport type ArrowStyle = {\n    fillColor?: string;\n    strokeColor?: string;\n};\n\nexport type PolylineProps = {\n    hasArrows?: boolean;\n    arrowStyle?: ArrowStyle;\n    geometry: H.geo.LineString;\n    style?: H.map.SpatialStyle;\n    customData?: object;\n    eventListenerMap?: EventListenerMap;\n};\n\nconst Polyline = (props: PolylineProps) => {\n    const {\n        geometry,\n        hasArrows,\n        arrowStyle,\n        style = H.map.SpatialStyle.DEFAULT_STYLE,\n        customData,\n        eventListenerMap,\n    } = props;\n\n    const { api, enableWebGL, baseLayer } = useMapContext();\n\n    const [polyline, setPolyline] = useState<H.map.Group>();\n\n    if (!geometry) {\n        throw new MapException(MISSING_GEOMETRY_PROPS_EXCEPTION_MSG);\n    }\n\n    if (!(geometry instanceof H.geo.LineString)) {\n        throw new MapException(WRONG_GEOMETRY_PROPS_EXCEPTION_MSG);\n    }\n\n    useEffect(() => {\n        const lineGroup = new H.map.Group({ data: customData });\n        const line = new H.map.Polyline(geometry, { style });\n\n        if (hasArrows) {\n            let routeArrows: H.map.Polyline;\n\n            if (isVectorBased(enableWebGL, baseLayer)) {\n                // WebGL way - Create a patterned polyline\n                routeArrows = new H.map.Polyline(geometry, {\n                    style: {\n                        strokeColor: 'rgba(42, 55, 64, 1)',\n                        lineWidth: 5,\n                        lineDash: [1.8, 4],\n                        // @ts-expect-error-next-line - the types are outdated here\n                        lineDashImage: H.map.SpatialStyle.DashImage.ARROW,\n                        ...arrowStyle,\n                    },\n                });\n            } else {\n                // Pixel map way - Create a patterned polyline\n                const defaultArrowStyle = {\n                    lineWidth: 2,\n                    fillColor: 'rgba(42, 55, 64, 1)',\n                    strokeColor: 'rgba(0, 0, 0, 0.8)',\n                    lineDash: [0, 4],\n                    lineTailCap: 'arrow-tail',\n                    lineHeadCap: 'arrow-head',\n                    ...arrowStyle,\n                };\n\n                const arrowLineStyle = new H.map.SpatialStyle({\n                    lineWidth: 10,\n                    strokeColor: 'rgba(255, 255, 255, 0)',\n                });\n\n                routeArrows = new H.map.Polyline(geometry, { style: arrowLineStyle, arrows: defaultArrowStyle });\n            }\n\n            // create a group that represents the route line and contains\n            // outline and the pattern\n            lineGroup.addObjects([line, routeArrows]);\n        } else {\n            lineGroup.addObjects([line]);\n        }\n\n        api.map?.addObject(lineGroup);\n        setPolyline(lineGroup);\n\n        return () => {\n            removeEventListenerMap(lineGroup);\n\n            lineGroup.forEach(singleLine => {\n                lineGroup.removeObject(singleLine);\n                singleLine.dispose();\n            });\n\n            if (api.map?.getObjects().includes(lineGroup)) {\n                api.map.removeObject(lineGroup);\n            }\n            lineGroup.dispose();\n        };\n    }, [api.map, geometry, style, hasArrows, arrowStyle]);\n\n    useUpdateEventListenerMap(polyline, eventListenerMap);\n\n    return null;\n};\n\nexport default Polyline;\n"],"names":["MISSING_GEOMETRY_PROPS_EXCEPTION_MSG","WRONG_GEOMETRY_PROPS_EXCEPTION_MSG","Polyline","props","geometry","hasArrows","arrowStyle","style","customData","eventListenerMap","api","enableWebGL","baseLayer","useMapContext","polyline","setPolyline","useState","MapException","useEffect","lineGroup","line","routeArrows","isVectorBased","defaultArrowStyle","arrowLineStyle","removeEventListenerMap","singleLine","useUpdateEventListenerMap"],"mappings":";;;;;;AASO,MAAMA,IAAuC,+DACvCC,IACT,yEAgBEC,IAAW,CAACC,MAAyB;AACvC,QAAM;AAAA,IACF,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC,IAAQ,EAAE,IAAI,aAAa;AAAA,IAC3B,YAAAC;AAAA,IACA,kBAAAC;AAAA,EAAA,IACAN,GAEE,EAAE,KAAAO,GAAK,aAAAC,GAAa,WAAAC,EAAA,IAAcC,EAAA,GAElC,CAACC,GAAUC,CAAW,IAAIC,EAAA;AAEhC,MAAI,CAACZ;AACD,UAAM,IAAIa,EAAajB,CAAoC;AAG/D,MAAI,EAAEI,aAAoB,EAAE,IAAI;AAC5B,UAAM,IAAIa,EAAahB,CAAkC;AAG7D,SAAAiB,EAAU,MAAM;AACZ,UAAMC,IAAY,IAAI,EAAE,IAAI,MAAM,EAAE,MAAMX,GAAY,GAChDY,IAAO,IAAI,EAAE,IAAI,SAAShB,GAAU,EAAE,OAAAG,GAAO;AAEnD,QAAIF,GAAW;AACX,UAAIgB;AAEJ,UAAIC,EAAcX,GAAaC,CAAS;AAEpC,QAAAS,IAAc,IAAI,EAAE,IAAI,SAASjB,GAAU;AAAA,UACvC,OAAO;AAAA,YACH,aAAa;AAAA,YACb,WAAW;AAAA,YACX,UAAU,CAAC,KAAK,CAAC;AAAA;AAAA,YAEjB,eAAe,EAAE,IAAI,aAAa,UAAU;AAAA,YAC5C,GAAGE;AAAA,UAAA;AAAA,QACP,CACH;AAAA,WACE;AAEH,cAAMiB,IAAoB;AAAA,UACtB,WAAW;AAAA,UACX,WAAW;AAAA,UACX,aAAa;AAAA,UACb,UAAU,CAAC,GAAG,CAAC;AAAA,UACf,aAAa;AAAA,UACb,aAAa;AAAA,UACb,GAAGjB;AAAA,QAAA,GAGDkB,IAAiB,IAAI,EAAE,IAAI,aAAa;AAAA,UAC1C,WAAW;AAAA,UACX,aAAa;AAAA,QAAA,CAChB;AAED,QAAAH,IAAc,IAAI,EAAE,IAAI,SAASjB,GAAU,EAAE,OAAOoB,GAAgB,QAAQD,GAAmB;AAAA,MACnG;AAIA,MAAAJ,EAAU,WAAW,CAACC,GAAMC,CAAW,CAAC;AAAA,IAC5C;AACI,MAAAF,EAAU,WAAW,CAACC,CAAI,CAAC;AAG/B,WAAAV,EAAI,KAAK,UAAUS,CAAS,GAC5BJ,EAAYI,CAAS,GAEd,MAAM;AACT,MAAAM,EAAuBN,CAAS,GAEhCA,EAAU,QAAQ,CAAAO,MAAc;AAC5B,QAAAP,EAAU,aAAaO,CAAU,GACjCA,EAAW,QAAA;AAAA,MACf,CAAC,GAEGhB,EAAI,KAAK,WAAA,EAAa,SAASS,CAAS,KACxCT,EAAI,IAAI,aAAaS,CAAS,GAElCA,EAAU,QAAA;AAAA,IACd;AAAA,EACJ,GAAG,CAACT,EAAI,KAAKN,GAAUG,GAAOF,GAAWC,CAAU,CAAC,GAEpDqB,EAA0Bb,GAAUL,CAAgB,GAE7C;AACX;"}

package/components/map/components/features/layers/MarkerLayer.d.ts

@@ -1,7 +1,9 @@
 import { default as React } from 'react';
 import { default as ClusterLayer, ClusterTheme } from './clustering/ClusterLayer';
+import { SimpleClusterTheme } from '../../../utils/clustering';
+export type { ClusterTheme, SimpleClusterTheme };
 export type MarkerLayerProps = React.ComponentProps<typeof ClusterLayer> & {
-    simpleTheme?: ClusterTheme;
+    simpleTheme?: SimpleClusterTheme;
     clusterDissolvable?: boolean;
     clusterStrategy?: 'FASTGRID' | 'GRID' | 'DYNAMICGRID';
     eps?: number;

package/components/map/components/features/layers/MarkerLayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkerLayer.js","sources":["../../../../../../src/components/map/components/features/layers/MarkerLayer.tsx"],"sourcesContent":["import type React from 'react';\n\nimport ClusterLayer, { type ClusterTheme } from './clustering/ClusterLayer';\nimport { wrapSimpleTheme } from '../../../utils/clustering';\nimport { useMapContext } from '../../MapContext';\n\nexport type MarkerLayerProps = React.ComponentProps<typeof ClusterLayer> & {\n    simpleTheme?: ClusterTheme;\n    clusterDissolvable?: boolean;\n    clusterStrategy?: 'FASTGRID' | 'GRID' | 'DYNAMICGRID';\n    eps?: number;\n};\n\n/*\n * Not very different to the SimpleClusterLayer, but with a different intention.\n */\nconst MarkerLayer = (props: MarkerLayerProps) => {\n    const mapContext = useMapContext();\n\n    const { simpleTheme, clusterDissolvable = true, ...rest } = props;\n\n    // Norbert: Not an ideal solution\n    const showCluster = !clusterDissolvable || mapContext.showCluster;\n    const newProps = {\n        clusterTheme: simpleTheme && wrapSimpleTheme(simpleTheme),\n        ...rest,\n    };\n    return <ClusterLayer {...newProps} minWeight={showCluster ? undefined : 1000000000} />;\n};\n\nexport default MarkerLayer;\n"],"names":["MarkerLayer","props","mapContext","useMapContext","simpleTheme","clusterDissolvable","rest","showCluster","newProps","wrapSimpleTheme","ClusterLayer"],"mappings":";;;;AAgBA,MAAMA,IAAc,CAACC,MAA4B;AAC7C,QAAMC,IAAaC,EAAA,GAEb,EAAE,aAAAC,GAAa,oBAAAC,IAAqB,IAAM,GAAGC,MAASL,GAGtDM,IAAc,CAACF,KAAsBH,EAAW,aAChDM,IAAW;AAAA,IACb,cAAcJ,KAAeK,EAAgBL,CAAW;AAAA,IACxD,GAAGE;AAAA,EAAA;AAEP,2BAAQI,GAAA,EAAc,GAAGF,GAAU,WAAWD,IAAc,SAAY,KAAY;AACxF;"}
+{"version":3,"file":"MarkerLayer.js","sources":["../../../../../../src/components/map/components/features/layers/MarkerLayer.tsx"],"sourcesContent":["import type React from 'react';\n\nimport ClusterLayer, { type ClusterTheme } from './clustering/ClusterLayer';\nimport { wrapSimpleTheme, type SimpleClusterTheme } from '../../../utils/clustering';\nimport { useMapContext } from '../../MapContext';\n\nexport type { ClusterTheme, SimpleClusterTheme };\n\nexport type MarkerLayerProps = React.ComponentProps<typeof ClusterLayer> & {\n    simpleTheme?: SimpleClusterTheme;\n    clusterDissolvable?: boolean;\n    clusterStrategy?: 'FASTGRID' | 'GRID' | 'DYNAMICGRID';\n    eps?: number;\n};\n\n/*\n * Not very different to the SimpleClusterLayer, but with a different intention.\n */\nconst MarkerLayer = (props: MarkerLayerProps) => {\n    const mapContext = useMapContext();\n\n    const { simpleTheme, clusterDissolvable = true, ...rest } = props;\n\n    // Norbert: Not an ideal solution\n    const showCluster = !clusterDissolvable || mapContext.showCluster;\n    const newProps = {\n        clusterTheme: simpleTheme && wrapSimpleTheme(simpleTheme),\n        ...rest,\n    };\n    return <ClusterLayer {...newProps} minWeight={showCluster ? undefined : 1000000000} />;\n};\n\nexport default MarkerLayer;\n"],"names":["MarkerLayer","props","mapContext","useMapContext","simpleTheme","clusterDissolvable","rest","showCluster","newProps","wrapSimpleTheme","ClusterLayer"],"mappings":";;;;AAkBA,MAAMA,IAAc,CAACC,MAA4B;AAC7C,QAAMC,IAAaC,EAAA,GAEb,EAAE,aAAAC,GAAa,oBAAAC,IAAqB,IAAM,GAAGC,MAASL,GAGtDM,IAAc,CAACF,KAAsBH,EAAW,aAChDM,IAAW;AAAA,IACb,cAAcJ,KAAeK,EAAgBL,CAAW;AAAA,IACxD,GAAGE;AAAA,EAAA;AAEP,2BAAQI,GAAA,EAAc,GAAGF,GAAU,WAAWD,IAAc,SAAY,KAAY;AACxF;"}

package/components/map/components/features/layers/clustering/ClusterLayer.js

@@ -1,7 +1,7 @@
 import { useState as D, useEffect as L, useLayoutEffect as P } from "react";
 import { useMapContext as f } from "../../../MapContext.js";
 import { useUpdateProp as E, useUpdateEventListenerMap as I } from "../../../../utils/hooks.js";
-const T = (e, t) => new H.clustering.DataPoint(e.lat, e.lng, 1, e), p = (e, t = T) => e.map((r, n) => t(r, n)), C = new H.clustering.Provider([]).getTheme(), R = (e) => {
+const T = (e) => new H.clustering.DataPoint(e.lat, e.lng, 1, e), p = (e, t = T) => e.map((r, n) => t(r, n)), C = new H.clustering.Provider([]).getTheme(), R = (e) => {
   switch (e) {
     case "GRID":
       return H.clustering.Provider.Strategy.GRID;

package/components/map/components/features/layers/clustering/ClusterLayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClusterLayer.js","sources":["../../../../../../../src/components/map/components/features/layers/clustering/ClusterLayer.tsx"],"sourcesContent":["import { useState, useEffect, useLayoutEffect } from 'react';\n\n// import ReactDomServer from 'react-dom/server';\n\nimport { useMapContext } from '../../../MapContext';\nimport { useUpdateProp, useUpdateEventListenerMap } from '../../../../utils/hooks';\nimport type { EventListenerMap } from '../../../../utils/eventHandling';\nexport type ClusterStrategy = 'FASTGRID' | 'GRID' | 'DYNAMICGRID';\n\nexport type ClusterTheme = H.clustering.ITheme;\n\nexport type Position = {\n    lat: number;\n    lng: number;\n};\n\nexport type DataConverter = (data: Position, index: number) => H.clustering.DataPoint;\n\nexport type ClusterLayerProps = {\n    data: object[];\n    dataConverter?: DataConverter;\n    minWeight?: string | number;\n    minZoom?: string | number;\n    maxZoom?: string | number;\n    clusterTheme?: ClusterTheme | undefined;\n    eventListenerMap?: EventListenerMap;\n    clusterStrategy?: ClusterStrategy;\n    eps?: number;\n};\n\nconst DEFAULT_DATA_CONVERTER: DataConverter = (pos: Position, index: number): H.clustering.DataPoint =>\n    new H.clustering.DataPoint(pos.lat, pos.lng, 1, pos);\n\nconst convertData = (data: object[], converterFunc: DataConverter = DEFAULT_DATA_CONVERTER) =>\n    data.map((value, index): H.clustering.DataPoint => converterFunc(value as Position, index));\n\nconst DEFAULT_CLUSTER_THEME = new H.clustering.Provider([]).getTheme();\n\nconst getClusterStrategy = (strategy?: ClusterStrategy): H.clustering.Provider.Strategy => {\n    switch (strategy) {\n        case 'GRID':\n            return H.clustering.Provider.Strategy.GRID;\n        case 'DYNAMICGRID':\n            return H.clustering.Provider.Strategy.DYNAMICGRID;\n        default:\n            return H.clustering.Provider.Strategy.FASTGRID;\n    }\n};\n\n// TODO: replace some cluster marker like for POIs with SVG MarkerIcons instead of rendering DomMarker\n// to increase rendering performance, especially, when rendering hundreds of marker like for charging stations\n\n// const noiseSvg =\n//     '<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"20px\" width=\"20px\"><circle cx=\"5px\" cy=\"5px\" r=\"5px\" fill=\"green\" /></svg>';\n\n// Create an icon to represent the noise points\n// Note that same icon will be used for all noise points\n// const noiseIcon = new H.map.Icon(noiseSvg, {\n//     size: { w: 20, h: 20 },\n//     anchor: { x: 10, y: 10 },\n// });\n\n// SVG template to use for cluster icons\n// const clusterSvgTemplate = `<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" xmlns=\"http://www.w3.org/2000/svg\" style=\"cursor: pointer\">\n//     <circle cx=\"20\" cy=\"20\" r=\"19.5\" fill=\"#B23672\" stroke=\"#B23672\"/>\n//     <g transform=\"translate(20,24.6)\">\n//         <text fill=\"white\" font-family=\"'Source Sans Pro', Helvetica, sans-serif\" font-size=\"15\" font-weight=\"500\" text-anchor=\"middle\">\n//             {text}\n//         </text>\n//     </g>\n// </svg>`;\n\nconst ClusterLayer = (props: ClusterLayerProps) => {\n    const {\n        data,\n        dataConverter,\n        minWeight,\n        minZoom,\n        maxZoom,\n        clusterTheme = DEFAULT_CLUSTER_THEME,\n        eventListenerMap,\n        clusterStrategy,\n        eps = 100,\n    } = props;\n\n    const { api } = useMapContext();\n\n    const [provider, setProvider] = useState<H.clustering.Provider | undefined>();\n\n    useEffect(() => {\n        // const reactIcon = new H.map.DomIcon(\n        //     ReactDomServer.renderToStaticMarkup(\n        //         <div className='bg-info padding-x-5 padding-y-2 border rounded shadow-default'>test</div>\n        //     )\n        // );\n\n        const clusterProviderOptions: H.clustering.Provider.Options = {\n            clusteringOptions: {\n                strategy: getClusterStrategy(clusterStrategy),\n                eps,\n                minWeight: minWeight ? Number.parseInt(minWeight as string, 10) : 2,\n            },\n            min: minZoom ? Number.parseInt(minZoom as string, 10) : 0,\n            max: maxZoom ? Number.parseInt(maxZoom as string, 10) : 22,\n            theme: clusterTheme,\n            // theme: {\n            //     getClusterPresentation: cluster => {\n            //         // Use cluster weight to change the icon size\n            //         const weight = cluster.getWeight();\n            //         // Calculate circle size\n            //         const radius = weight; // * 5;\n            //         const diameter = radius * 2;\n\n            //         // Replace variables in the icon template\n            //         const svgString = clusterSvgTemplate.replace(/\\{text\\}/g, String(weight));\n            //         // .replace(/\\{diameter\\}/g, String(diameter));\n\n            //         // Create an icon\n            //         // Note that we create a different icon depending from the weight of the cluster\n            //         const clusterIcon = new H.map.Icon(svgString);\n\n            //         // Create a marker for the cluster\n            //         const clusterMarker = new H.map.Marker(cluster.getPosition(), {\n            //             icon: clusterIcon,\n\n            //             // Set min/max zoom with values from the cluster, otherwise\n            //             // clusters will be shown at all zoom levels\n            //             min: cluster.getMinZoom(),\n            //             max: cluster.getMaxZoom(),\n            //         });\n\n            //         // Bind cluster data to the marker\n            //         clusterMarker.setData(cluster);\n\n            //         return clusterMarker;\n            //     },\n            //     getNoisePresentation: noisePoint => {\n            //         // Create a marker for noise points:\n            //         const noiseMarker = new H.map.DomMarker(noisePoint.getPosition(), {\n            //             // icon: noiseIcon,\n            //             icon: reactIcon,\n\n            //             // Use min zoom from a noise point to show it correctly at certain zoom levels\n            //             min: noisePoint.getMinZoom(),\n            //         });\n\n            //         // Bind noise point data to the marker:\n            //         noiseMarker.setData(noisePoint);\n            //         return noiseMarker;\n            //     },\n            // },\n        };\n\n        const newProvider = new H.clustering.Provider(convertData(data, dataConverter), clusterProviderOptions);\n        const objectLayer = new H.map.layer.ObjectLayer(newProvider);\n\n        api.map?.addLayer(objectLayer);\n\n        setProvider(newProvider);\n\n        return () => {\n            api.map?.removeLayer(objectLayer);\n            objectLayer.dispose();\n            newProvider.dispose();\n        };\n    }, [minWeight, minZoom, maxZoom, api.map]);\n\n    // Effect to update data points of provider\n    useLayoutEffect(() => {\n        if (provider) {\n            provider.setDataPoints(convertData(data, dataConverter));\n        }\n    }, [data, dataConverter]);\n\n    useUpdateProp(provider, 'setTheme', clusterTheme);\n    useUpdateEventListenerMap(provider, eventListenerMap);\n\n    return null;\n};\n\nexport default ClusterLayer;\n"],"names":["DEFAULT_DATA_CONVERTER","pos","index","convertData","data","converterFunc","value","DEFAULT_CLUSTER_THEME","getClusterStrategy","strategy","ClusterLayer","props","dataConverter","minWeight","minZoom","maxZoom","clusterTheme","eventListenerMap","clusterStrategy","eps","api","useMapContext","provider","setProvider","useState","useEffect","clusterProviderOptions","newProvider","objectLayer","useLayoutEffect","useUpdateProp","useUpdateEventListenerMap"],"mappings":";;;AA8BA,MAAMA,IAAwC,CAACC,GAAeC,MAC1D,IAAI,EAAE,WAAW,UAAUD,EAAI,KAAKA,EAAI,KAAK,GAAGA,CAAG,GAEjDE,IAAc,CAACC,GAAgBC,IAA+BL,MAChEI,EAAK,IAAI,CAACE,GAAOJ,MAAkCG,EAAcC,GAAmBJ,CAAK,CAAC,GAExFK,IAAwB,IAAI,EAAE,WAAW,SAAS,CAAA,CAAE,EAAE,SAAA,GAEtDC,IAAqB,CAACC,MAA+D;AACvF,UAAQA,GAAA;AAAA,IACJ,KAAK;AACD,aAAO,EAAE,WAAW,SAAS,SAAS;AAAA,IAC1C,KAAK;AACD,aAAO,EAAE,WAAW,SAAS,SAAS;AAAA,IAC1C;AACI,aAAO,EAAE,WAAW,SAAS,SAAS;AAAA,EAAA;AAElD,GAyBMC,IAAe,CAACC,MAA6B;AAC/C,QAAM;AAAA,IACF,MAAAP;AAAA,IACA,eAAAQ;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC,IAAeT;AAAA,IACf,kBAAAU;AAAA,IACA,iBAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,EAAA,IACNR,GAEE,EAAE,KAAAS,EAAA,IAAQC,EAAA,GAEV,CAACC,GAAUC,CAAW,IAAIC,EAAA;AAEhC,SAAAC,EAAU,MAAM;AAOZ,UAAMC,IAAwD;AAAA,MAC1D,mBAAmB;AAAA,QACf,UAAUlB,EAAmBU,CAAe;AAAA,QAC5C,KAAAC;AAAA,QACA,WAAWN,IAAY,OAAO,SAASA,GAAqB,EAAE,IAAI;AAAA,MAAA;AAAA,MAEtE,KAAKC,IAAU,OAAO,SAASA,GAAmB,EAAE,IAAI;AAAA,MACxD,KAAKC,IAAU,OAAO,SAASA,GAAmB,EAAE,IAAI;AAAA,MACxD,OAAOC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA,GAiDLW,IAAc,IAAI,EAAE,WAAW,SAASxB,EAAYC,GAAMQ,CAAa,GAAGc,CAAsB,GAChGE,IAAc,IAAI,EAAE,IAAI,MAAM,YAAYD,CAAW;AAE3D,WAAAP,EAAI,KAAK,SAASQ,CAAW,GAE7BL,EAAYI,CAAW,GAEhB,MAAM;AACT,MAAAP,EAAI,KAAK,YAAYQ,CAAW,GAChCA,EAAY,QAAA,GACZD,EAAY,QAAA;AAAA,IAChB;AAAA,EACJ,GAAG,CAACd,GAAWC,GAASC,GAASK,EAAI,GAAG,CAAC,GAGzCS,EAAgB,MAAM;AAClB,IAAIP,KACAA,EAAS,cAAcnB,EAAYC,GAAMQ,CAAa,CAAC;AAAA,EAE/D,GAAG,CAACR,GAAMQ,CAAa,CAAC,GAExBkB,EAAcR,GAAU,YAAYN,CAAY,GAChDe,EAA0BT,GAAUL,CAAgB,GAE7C;AACX;"}
+{"version":3,"file":"ClusterLayer.js","sources":["../../../../../../../src/components/map/components/features/layers/clustering/ClusterLayer.tsx"],"sourcesContent":["import { useState, useEffect, useLayoutEffect } from 'react';\n\nimport { useMapContext } from '../../../MapContext';\nimport { useUpdateProp, useUpdateEventListenerMap } from '../../../../utils/hooks';\nimport type { EventListenerMap } from '../../../../utils/eventHandling';\nexport type ClusterStrategy = 'FASTGRID' | 'GRID' | 'DYNAMICGRID';\n\nexport type ClusterTheme = H.clustering.ITheme;\n\nexport type Position = {\n    lat: number;\n    lng: number;\n};\n\nexport type DataConverter = (data: Position, index: number) => H.clustering.DataPoint;\n\nexport type ClusterLayerProps = {\n    data: object[];\n    dataConverter?: DataConverter;\n    minWeight?: string | number;\n    minZoom?: string | number;\n    maxZoom?: string | number;\n    clusterTheme?: ClusterTheme | undefined;\n    eventListenerMap?: EventListenerMap;\n    clusterStrategy?: ClusterStrategy;\n    eps?: number;\n};\n\nconst DEFAULT_DATA_CONVERTER: DataConverter = (pos: Position): H.clustering.DataPoint =>\n    new H.clustering.DataPoint(pos.lat, pos.lng, 1, pos);\n\nconst convertData = (data: object[], converterFunc: DataConverter = DEFAULT_DATA_CONVERTER) =>\n    data.map((value, index): H.clustering.DataPoint => converterFunc(value as Position, index));\n\nconst DEFAULT_CLUSTER_THEME = new H.clustering.Provider([]).getTheme();\n\nconst getClusterStrategy = (strategy?: ClusterStrategy): H.clustering.Provider.Strategy => {\n    switch (strategy) {\n        case 'GRID':\n            return H.clustering.Provider.Strategy.GRID;\n        case 'DYNAMICGRID':\n            return H.clustering.Provider.Strategy.DYNAMICGRID;\n        default:\n            return H.clustering.Provider.Strategy.FASTGRID;\n    }\n};\n\n// TODO: replace some cluster marker like for POIs with SVG MarkerIcons instead of rendering DomMarker\n// to increase rendering performance, especially, when rendering hundreds of marker like for charging stations\n\n// const noiseSvg =\n//     '<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"20px\" width=\"20px\"><circle cx=\"5px\" cy=\"5px\" r=\"5px\" fill=\"green\" /></svg>';\n\n// Create an icon to represent the noise points\n// Note that same icon will be used for all noise points\n// const noiseIcon = new H.map.Icon(noiseSvg, {\n//     size: { w: 20, h: 20 },\n//     anchor: { x: 10, y: 10 },\n// });\n\n// SVG template to use for cluster icons\n// const clusterSvgTemplate = `<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" xmlns=\"http://www.w3.org/2000/svg\" style=\"cursor: pointer\">\n//     <circle cx=\"20\" cy=\"20\" r=\"19.5\" fill=\"#B23672\" stroke=\"#B23672\"/>\n//     <g transform=\"translate(20,24.6)\">\n//         <text fill=\"white\" font-family=\"'Source Sans Pro', Helvetica, sans-serif\" font-size=\"15\" font-weight=\"500\" text-anchor=\"middle\">\n//             {text}\n//         </text>\n//     </g>\n// </svg>`;\n\nconst ClusterLayer = (props: ClusterLayerProps) => {\n    const {\n        data,\n        dataConverter,\n        minWeight,\n        minZoom,\n        maxZoom,\n        clusterTheme = DEFAULT_CLUSTER_THEME,\n        eventListenerMap,\n        clusterStrategy,\n        eps = 100,\n    } = props;\n\n    const { api } = useMapContext();\n\n    const [provider, setProvider] = useState<H.clustering.Provider | undefined>();\n\n    useEffect(() => {\n        // const reactIcon = new H.map.DomIcon(\n        //     ReactDomServer.renderToStaticMarkup(\n        //         <div className='bg-info padding-x-5 padding-y-2 border rounded shadow-default'>test</div>\n        //     )\n        // );\n\n        const clusterProviderOptions: H.clustering.Provider.Options = {\n            clusteringOptions: {\n                strategy: getClusterStrategy(clusterStrategy),\n                eps,\n                minWeight: minWeight ? Number.parseInt(minWeight as string, 10) : 2,\n            },\n            min: minZoom ? Number.parseInt(minZoom as string, 10) : 0,\n            max: maxZoom ? Number.parseInt(maxZoom as string, 10) : 22,\n            theme: clusterTheme,\n            // theme: {\n            //     getClusterPresentation: cluster => {\n            //         // Use cluster weight to change the icon size\n            //         const weight = cluster.getWeight();\n            //         // Calculate circle size\n            //         const radius = weight; // * 5;\n            //         const diameter = radius * 2;\n\n            //         // Replace variables in the icon template\n            //         const svgString = clusterSvgTemplate.replace(/\\{text\\}/g, String(weight));\n            //         // .replace(/\\{diameter\\}/g, String(diameter));\n\n            //         // Create an icon\n            //         // Note that we create a different icon depending from the weight of the cluster\n            //         const clusterIcon = new H.map.Icon(svgString);\n\n            //         // Create a marker for the cluster\n            //         const clusterMarker = new H.map.Marker(cluster.getPosition(), {\n            //             icon: clusterIcon,\n\n            //             // Set min/max zoom with values from the cluster, otherwise\n            //             // clusters will be shown at all zoom levels\n            //             min: cluster.getMinZoom(),\n            //             max: cluster.getMaxZoom(),\n            //         });\n\n            //         // Bind cluster data to the marker\n            //         clusterMarker.setData(cluster);\n\n            //         return clusterMarker;\n            //     },\n            //     getNoisePresentation: noisePoint => {\n            //         // Create a marker for noise points:\n            //         const noiseMarker = new H.map.DomMarker(noisePoint.getPosition(), {\n            //             // icon: noiseIcon,\n            //             icon: reactIcon,\n\n            //             // Use min zoom from a noise point to show it correctly at certain zoom levels\n            //             min: noisePoint.getMinZoom(),\n            //         });\n\n            //         // Bind noise point data to the marker:\n            //         noiseMarker.setData(noisePoint);\n            //         return noiseMarker;\n            //     },\n            // },\n        };\n\n        const newProvider = new H.clustering.Provider(convertData(data, dataConverter), clusterProviderOptions);\n        const objectLayer = new H.map.layer.ObjectLayer(newProvider);\n\n        api.map?.addLayer(objectLayer);\n\n        setProvider(newProvider);\n\n        return () => {\n            api.map?.removeLayer(objectLayer);\n            objectLayer.dispose();\n            newProvider.dispose();\n        };\n    }, [minWeight, minZoom, maxZoom, api.map]);\n\n    // Effect to update data points of provider\n    useLayoutEffect(() => {\n        if (provider) {\n            provider.setDataPoints(convertData(data, dataConverter));\n        }\n    }, [data, dataConverter]);\n\n    useUpdateProp(provider, 'setTheme', clusterTheme);\n    useUpdateEventListenerMap(provider, eventListenerMap);\n\n    return null;\n};\n\nexport default ClusterLayer;\n"],"names":["DEFAULT_DATA_CONVERTER","pos","convertData","data","converterFunc","value","index","DEFAULT_CLUSTER_THEME","getClusterStrategy","strategy","ClusterLayer","props","dataConverter","minWeight","minZoom","maxZoom","clusterTheme","eventListenerMap","clusterStrategy","eps","api","useMapContext","provider","setProvider","useState","useEffect","clusterProviderOptions","newProvider","objectLayer","useLayoutEffect","useUpdateProp","useUpdateEventListenerMap"],"mappings":";;;AA4BA,MAAMA,IAAwC,CAACC,MAC3C,IAAI,EAAE,WAAW,UAAUA,EAAI,KAAKA,EAAI,KAAK,GAAGA,CAAG,GAEjDC,IAAc,CAACC,GAAgBC,IAA+BJ,MAChEG,EAAK,IAAI,CAACE,GAAOC,MAAkCF,EAAcC,GAAmBC,CAAK,CAAC,GAExFC,IAAwB,IAAI,EAAE,WAAW,SAAS,CAAA,CAAE,EAAE,SAAA,GAEtDC,IAAqB,CAACC,MAA+D;AACvF,UAAQA,GAAA;AAAA,IACJ,KAAK;AACD,aAAO,EAAE,WAAW,SAAS,SAAS;AAAA,IAC1C,KAAK;AACD,aAAO,EAAE,WAAW,SAAS,SAAS;AAAA,IAC1C;AACI,aAAO,EAAE,WAAW,SAAS,SAAS;AAAA,EAAA;AAElD,GAyBMC,IAAe,CAACC,MAA6B;AAC/C,QAAM;AAAA,IACF,MAAAR;AAAA,IACA,eAAAS;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC,IAAeT;AAAA,IACf,kBAAAU;AAAA,IACA,iBAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,EAAA,IACNR,GAEE,EAAE,KAAAS,EAAA,IAAQC,EAAA,GAEV,CAACC,GAAUC,CAAW,IAAIC,EAAA;AAEhC,SAAAC,EAAU,MAAM;AAOZ,UAAMC,IAAwD;AAAA,MAC1D,mBAAmB;AAAA,QACf,UAAUlB,EAAmBU,CAAe;AAAA,QAC5C,KAAAC;AAAA,QACA,WAAWN,IAAY,OAAO,SAASA,GAAqB,EAAE,IAAI;AAAA,MAAA;AAAA,MAEtE,KAAKC,IAAU,OAAO,SAASA,GAAmB,EAAE,IAAI;AAAA,MACxD,KAAKC,IAAU,OAAO,SAASA,GAAmB,EAAE,IAAI;AAAA,MACxD,OAAOC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA,GAiDLW,IAAc,IAAI,EAAE,WAAW,SAASzB,EAAYC,GAAMS,CAAa,GAAGc,CAAsB,GAChGE,IAAc,IAAI,EAAE,IAAI,MAAM,YAAYD,CAAW;AAE3D,WAAAP,EAAI,KAAK,SAASQ,CAAW,GAE7BL,EAAYI,CAAW,GAEhB,MAAM;AACT,MAAAP,EAAI,KAAK,YAAYQ,CAAW,GAChCA,EAAY,QAAA,GACZD,EAAY,QAAA;AAAA,IAChB;AAAA,EACJ,GAAG,CAACd,GAAWC,GAASC,GAASK,EAAI,GAAG,CAAC,GAGzCS,EAAgB,MAAM;AAClB,IAAIP,KACAA,EAAS,cAAcpB,EAAYC,GAAMS,CAAa,CAAC;AAAA,EAE/D,GAAG,CAACT,GAAMS,CAAa,CAAC,GAExBkB,EAAcR,GAAU,YAAYN,CAAY,GAChDe,EAA0BT,GAAUL,CAAgB,GAE7C;AACX;"}

package/components/map/components/features/layers/clustering/SimpleClusterLayer.d.ts

@@ -1,6 +1,7 @@
-import { ClusterTheme, ClusterLayerProps } from './ClusterLayer';
+import { ClusterLayerProps } from './ClusterLayer';
+import { SimpleClusterTheme } from '../../../../utils/clustering';
 export type SimpleClusterLayerProps = Omit<ClusterLayerProps, 'clusterTheme'> & {
-    simpleTheme?: ClusterTheme;
+    simpleTheme?: SimpleClusterTheme;
 };
 declare const SimpleClusterLayer: (props: SimpleClusterLayerProps) => import("react/jsx-runtime").JSX.Element;
 export default SimpleClusterLayer;

package/components/map/components/features/layers/clustering/SimpleClusterLayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleClusterLayer.js","sources":["../../../../../../../src/components/map/components/features/layers/clustering/SimpleClusterLayer.tsx"],"sourcesContent":["import ClusterLayer, { type ClusterTheme, type ClusterLayerProps } from './ClusterLayer';\nimport { wrapSimpleTheme } from '../../../../utils/clustering';\n\nexport type SimpleClusterLayerProps = Omit<ClusterLayerProps, 'clusterTheme'> & {\n    simpleTheme?: ClusterTheme;\n};\n\nconst SimpleClusterLayer = (props: SimpleClusterLayerProps) => {\n    const { simpleTheme, ...rest } = props;\n    return <ClusterLayer {...rest} clusterTheme={simpleTheme && wrapSimpleTheme(simpleTheme)} />;\n};\n\nexport default SimpleClusterLayer;\n"],"names":["SimpleClusterLayer","props","simpleTheme","rest","jsx","ClusterLayer","wrapSimpleTheme"],"mappings":";;;AAOA,MAAMA,IAAqB,CAACC,MAAmC;AAC3D,QAAM,EAAE,aAAAC,GAAa,GAAGC,EAAA,IAASF;AACjC,SAAO,gBAAAG,EAACC,KAAc,GAAGF,GAAM,cAAcD,KAAeI,EAAgBJ,CAAW,GAAG;AAC9F;"}
+{"version":3,"file":"SimpleClusterLayer.js","sources":["../../../../../../../src/components/map/components/features/layers/clustering/SimpleClusterLayer.tsx"],"sourcesContent":["import ClusterLayer, { type ClusterLayerProps } from './ClusterLayer';\nimport { type SimpleClusterTheme, wrapSimpleTheme } from '../../../../utils/clustering';\n\nexport type SimpleClusterLayerProps = Omit<ClusterLayerProps, 'clusterTheme'> & {\n    simpleTheme?: SimpleClusterTheme;\n};\n\nconst SimpleClusterLayer = (props: SimpleClusterLayerProps) => {\n    const { simpleTheme, ...rest } = props;\n    return <ClusterLayer {...rest} clusterTheme={simpleTheme && wrapSimpleTheme(simpleTheme)} />;\n};\n\nexport default SimpleClusterLayer;\n"],"names":["SimpleClusterLayer","props","simpleTheme","rest","jsx","ClusterLayer","wrapSimpleTheme"],"mappings":";;;AAOA,MAAMA,IAAqB,CAACC,MAAmC;AAC3D,QAAM,EAAE,aAAAC,GAAa,GAAGC,EAAA,IAASF;AACjC,SAAO,gBAAAG,EAACC,KAAc,GAAGF,GAAM,cAAcD,KAAeI,EAAgBJ,CAAW,GAAG;AAC9F;"}

package/components/map/components/features/layers/overlayLayers/RoadRestrictionLayer.js

@@ -1,9 +1,9 @@
 import { jsx as L } from "react/jsx-runtime";
-import { DEFAULT_RASTER_LAYER_FORMAT as f, ENGINE_TYPE_P2D as c, DEFAULT_TILE_SIZE as m, ENGINE_TYPE_HARP as R } from "../../../constants.js";
-import T from "./Layer.js";
-import { useMapContext as y } from "../../../MapContext.js";
-import { isVectorBased as E } from "../../../../utils/rendering.js";
-const _ = (e, r) => (t, i, o, a) => {
+import { DEFAULT_RASTER_LAYER_FORMAT as f, ENGINE_TYPE_P2D as c, DEFAULT_TILE_SIZE as m, ENGINE_TYPE_HARP as _ } from "../../../constants.js";
+import R from "./Layer.js";
+import { useMapContext as T } from "../../../MapContext.js";
+import { isVectorBased as y } from "../../../../utils/rendering.js";
+const E = (e, r) => (t, i, o, a) => {
   const s = t.platform?.getRasterTileService({
     resource: "blank",
     format: f,
@@ -19,8 +19,8 @@ const _ = (e, r) => (t, i, o, a) => {
   }), l = new H.map.layer.TileLayer(n);
   return console.log("createRoadRestrictionLayer"), l;
 }, b = (e) => {
-  const { enableWebGL: r, baseLayer: t, devicePixelRatio: i } = y(), o = E(r, t) ? R : c, a = _(o, i);
-  return /* @__PURE__ */ L(T, { ...e, createLayer: a });
+  const { enableWebGL: r, baseLayer: t, devicePixelRatio: i } = T(), o = y(r, t) ? _ : c, a = E(o, i);
+  return /* @__PURE__ */ L(R, { ...e, createLayer: a });
 };
 export {
   b as default

package/components/map/components/features/layers/overlayLayers/RoadRestrictionLayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoadRestrictionLayer.js","sources":["../../../../../../../src/components/map/components/features/layers/overlayLayers/RoadRestrictionLayer.tsx"],"sourcesContent":["// biome-ignore lint/style/useImportType: required for JSX runtime compatibility with older toolchains\nimport React from 'react';\n\nimport { DEFAULT_RASTER_LAYER_FORMAT, DEFAULT_TILE_SIZE, ENGINE_TYPE_HARP, ENGINE_TYPE_P2D } from '../../../constants';\nimport Layer from './Layer';\nimport { useMapContext } from '../../../MapContext';\nimport type { MapApi } from '../../../../utils/mapTypes';\nimport { isVectorBased } from '../../../../utils/rendering';\n\n// Layer for rendering truck road signs\nconst createRoadRestrictionLayer =\n    (engineType: any | string, devicePixelRatio: number) =>\n    (api: MapApi, useWebGL: boolean, baseLayerName: string, language: string) => {\n        // @ts-ignore-next-line: according to the Here docs, the engine type exists\n        const trafficTileService = api.platform?.getRasterTileService({\n            resource: 'blank',\n            format: DEFAULT_RASTER_LAYER_FORMAT,\n            queryParams: {\n                lang: language,\n                // Increase size of road sign for pixel maps and high resolutions, otherwise the icons are too small\n                ppi: engineType === ENGINE_TYPE_P2D && devicePixelRatio > 1 ? 200 : 100,\n                features: 'vehicle_restrictions:active_and_inactive',\n            },\n        });\n\n        // @ts-ignore-next-line: according to the Here docs, the engine type exists\n        const trafficTileProvider1 = new H.service.rasterTile.Provider(trafficTileService, {\n            engineType,\n            tileSize: DEFAULT_TILE_SIZE,\n        });\n\n        const trafficTileLayer = new H.map.layer.TileLayer(trafficTileProvider1);\n\n        console.log('createRoadRestrictionLayer');\n\n        return trafficTileLayer;\n    };\n\nexport type RoadRestrictionLayerProps = Omit<React.ComponentProps<typeof Layer>, 'createLayer'> & {};\n\nconst RoadRestrictionLayer = (props: RoadRestrictionLayerProps) => {\n    const { enableWebGL, baseLayer, devicePixelRatio } = useMapContext();\n\n    const engineType = isVectorBased(enableWebGL, baseLayer) ? ENGINE_TYPE_HARP : ENGINE_TYPE_P2D;\n\n    const restrictionLayerCreator = createRoadRestrictionLayer(engineType, devicePixelRatio);\n\n    return <Layer {...props} createLayer={restrictionLayerCreator} />;\n};\n\nexport default RoadRestrictionLayer;\n"],"names":["createRoadRestrictionLayer","engineType","devicePixelRatio","api","useWebGL","baseLayerName","language","trafficTileService","DEFAULT_RASTER_LAYER_FORMAT","ENGINE_TYPE_P2D","trafficTileProvider1","DEFAULT_TILE_SIZE","trafficTileLayer","RoadRestrictionLayer","props","enableWebGL","baseLayer","useMapContext","isVectorBased","ENGINE_TYPE_HARP","restrictionLayerCreator","jsx","Layer"],"mappings":";;;;;AAUA,MAAMA,IACF,CAACC,GAA0BC,MAC3B,CAACC,GAAaC,GAAmBC,GAAuBC,MAAqB;AAEzE,QAAMC,IAAqBJ,EAAI,UAAU,qBAAqB;AAAA,IAC1D,UAAU;AAAA,IACV,QAAQK;AAAA,IACR,aAAa;AAAA,MACT,MAAMF;AAAA;AAAA,MAEN,KAAKL,MAAeQ,KAAmBP,IAAmB,IAAI,MAAM;AAAA,MACpE,UAAU;AAAA,IAAA;AAAA,EACd,CACH,GAGKQ,IAAuB,IAAI,EAAE,QAAQ,WAAW,SAASH,GAAoB;AAAA,IAC/E,YAAAN;AAAA,IACA,UAAUU;AAAA,EAAA,CACb,GAEKC,IAAmB,IAAI,EAAE,IAAI,MAAM,UAAUF,CAAoB;AAEvE,iBAAQ,IAAI,4BAA4B,GAEjCE;AACX,GAIEC,IAAuB,CAACC,MAAqC;AAC/D,QAAM,EAAE,aAAAC,GAAa,WAAAC,GAAW,kBAAAd,EAAA,IAAqBe,EAAA,GAE/ChB,IAAaiB,EAAcH,GAAaC,CAAS,IAAIG,IAAmBV,GAExEW,IAA0BpB,EAA2BC,GAAYC,CAAgB;AAEvF,SAAO,gBAAAmB,EAACC,GAAA,EAAO,GAAGR,GAAO,aAAaM,GAAyB;AACnE;"}
+{"version":3,"file":"RoadRestrictionLayer.js","sources":["../../../../../../../src/components/map/components/features/layers/overlayLayers/RoadRestrictionLayer.tsx"],"sourcesContent":["// biome-ignore lint/style/useImportType: required for JSX runtime compatibility with older toolchains\nimport React from 'react';\n\nimport { DEFAULT_RASTER_LAYER_FORMAT, DEFAULT_TILE_SIZE, ENGINE_TYPE_HARP, ENGINE_TYPE_P2D } from '../../../constants';\nimport Layer from './Layer';\nimport { useMapContext } from '../../../MapContext';\nimport type { MapApi } from '../../../../utils/mapTypes';\nimport { isVectorBased } from '../../../../utils/rendering';\n\n// Layer for rendering truck road signs\nconst createRoadRestrictionLayer =\n    (engineType: H.Map.EngineType | string, devicePixelRatio: number) =>\n    (api: MapApi, _useWebGL: boolean, _baseLayerName: string, language: string) => {\n        // @ts-expect-error-next-line: according to the Here docs, the engine type exists\n        const trafficTileService = api.platform?.getRasterTileService({\n            resource: 'blank',\n            format: DEFAULT_RASTER_LAYER_FORMAT,\n            queryParams: {\n                lang: language,\n                // Increase size of road sign for pixel maps and high resolutions, otherwise the icons are too small\n                ppi: engineType === ENGINE_TYPE_P2D && devicePixelRatio > 1 ? 200 : 100,\n                features: 'vehicle_restrictions:active_and_inactive',\n            },\n        });\n\n        // @ts-expect-error-next-line: according to the Here docs, the engine type exists\n        const trafficTileProvider1 = new H.service.rasterTile.Provider(trafficTileService, {\n            engineType,\n            tileSize: DEFAULT_TILE_SIZE,\n        });\n\n        const trafficTileLayer = new H.map.layer.TileLayer(trafficTileProvider1);\n\n        console.log('createRoadRestrictionLayer');\n\n        return trafficTileLayer;\n    };\n\nexport type RoadRestrictionLayerProps = Omit<React.ComponentProps<typeof Layer>, 'createLayer'> & {};\n\nconst RoadRestrictionLayer = (props: RoadRestrictionLayerProps) => {\n    const { enableWebGL, baseLayer, devicePixelRatio } = useMapContext();\n\n    const engineType = isVectorBased(enableWebGL, baseLayer) ? ENGINE_TYPE_HARP : ENGINE_TYPE_P2D;\n\n    const restrictionLayerCreator = createRoadRestrictionLayer(engineType, devicePixelRatio);\n\n    return <Layer {...props} createLayer={restrictionLayerCreator} />;\n};\n\nexport default RoadRestrictionLayer;\n"],"names":["createRoadRestrictionLayer","engineType","devicePixelRatio","api","_useWebGL","_baseLayerName","language","trafficTileService","DEFAULT_RASTER_LAYER_FORMAT","ENGINE_TYPE_P2D","trafficTileProvider1","DEFAULT_TILE_SIZE","trafficTileLayer","RoadRestrictionLayer","props","enableWebGL","baseLayer","useMapContext","isVectorBased","ENGINE_TYPE_HARP","restrictionLayerCreator","jsx","Layer"],"mappings":";;;;;AAUA,MAAMA,IACF,CAACC,GAAuCC,MACxC,CAACC,GAAaC,GAAoBC,GAAwBC,MAAqB;AAE3E,QAAMC,IAAqBJ,EAAI,UAAU,qBAAqB;AAAA,IAC1D,UAAU;AAAA,IACV,QAAQK;AAAA,IACR,aAAa;AAAA,MACT,MAAMF;AAAA;AAAA,MAEN,KAAKL,MAAeQ,KAAmBP,IAAmB,IAAI,MAAM;AAAA,MACpE,UAAU;AAAA,IAAA;AAAA,EACd,CACH,GAGKQ,IAAuB,IAAI,EAAE,QAAQ,WAAW,SAASH,GAAoB;AAAA,IAC/E,YAAAN;AAAA,IACA,UAAUU;AAAA,EAAA,CACb,GAEKC,IAAmB,IAAI,EAAE,IAAI,MAAM,UAAUF,CAAoB;AAEvE,iBAAQ,IAAI,4BAA4B,GAEjCE;AACX,GAIEC,IAAuB,CAACC,MAAqC;AAC/D,QAAM,EAAE,aAAAC,GAAa,WAAAC,GAAW,kBAAAd,EAAA,IAAqBe,EAAA,GAE/ChB,IAAaiB,EAAcH,GAAaC,CAAS,IAAIG,IAAmBV,GAExEW,IAA0BpB,EAA2BC,GAAYC,CAAgB;AAEvF,SAAO,gBAAAmB,EAACC,GAAA,EAAO,GAAGR,GAAO,aAAaM,GAAyB;AACnE;"}

package/components/map/components/features/layers/overlayLayers/TrafficLayer.js

@@ -20,17 +20,17 @@ const L = (e, r, a, t) => {
     tileSize: n
   });
   return new H.map.layer.TileLayer(c);
-}, E = (e, r, a) => {
+}, _ = (e, r, a) => {
   const t = new H.service.trafficVectorTile.Provider(
-    // @ts-ignore-next-line
+    // @ts-expect-error-next-line
     e.platform?.getTrafficVectorTileService({ layer: "flow" }),
-    // @ts-ignore-next-line
+    // @ts-expect-error-next-line
     new H.map.render.harp.Style({}),
     { engineType: s }
   );
   return new H.map.layer.TileLayer(t, { min: 2, max: 24 });
 }, P = (e) => {
-  const r = T(), a = m(r.enableWebGL, r.baseLayer) ? E : L;
+  const r = T(), a = m(r.enableWebGL, r.baseLayer) ? _ : L;
   return /* @__PURE__ */ f(p, { ...e, createLayer: a });
 };
 export {

package/components/map/components/features/layers/overlayLayers/TrafficLayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"TrafficLayer.js","sources":["../../../../../../../src/components/map/components/features/layers/overlayLayers/TrafficLayer.tsx"],"sourcesContent":["// biome-ignore lint/style/useImportType: required for JSX runtime compatibility with older toolchains\nimport React from 'react';\n\nimport { DEFAULT_RASTER_LAYER_FORMAT, DEFAULT_TILE_SIZE, ENGINE_TYPE_HARP, ENGINE_TYPE_P2D } from '../../../constants';\nimport Layer from './Layer';\nimport type { MapApi } from '../../../../utils/mapTypes';\nimport { useMapContext } from '../../../MapContext';\nimport { isVectorBased } from '../../../../utils/rendering';\n\nconst createRasterTrafficLayer = (api: MapApi, useWebGL: boolean, baseLayerName: string, language: string) => {\n    // Traffic\n    const baseTrafficUrl = new H.service.Url('https', 'traffic.maps.hereapi.com');\n\n    // @ts-ignore-next-line: according to the Here docs, the engine type exists\n    const trafficTileService = api.platform?.getRasterTileService({\n        baseUrl: baseTrafficUrl,\n        format: DEFAULT_RASTER_LAYER_FORMAT,\n        path: 'v3',\n        resource: 'flow',\n        queryParams: {\n            apikey: api.credentials?.apikey,\n            lang: language,\n            ppi: 400,\n            style: 'explore.day',\n        },\n    });\n\n    // @ts-ignore-next-line: according to the Here docs, the engine type exists\n    const trafficTileProvider = new H.service.rasterTile.Provider(trafficTileService, {\n        engineType: ENGINE_TYPE_P2D,\n        tileSize: DEFAULT_TILE_SIZE,\n    });\n\n    const trafficTileLayer = new H.map.layer.TileLayer(trafficTileProvider);\n\n    return trafficTileLayer;\n};\n\nconst createVectorTrafficLayer = (api: MapApi, useWebGL: boolean, baseLayerName: string) => {\n    // @ts-ignore-next-line\n    const providerTrafficFlow = new H.service.trafficVectorTile.Provider(\n        // @ts-ignore-next-line\n        api.platform?.getTrafficVectorTileService({ layer: 'flow' }),\n        // @ts-ignore-next-line\n        new H.map.render.harp.Style({}),\n        { engineType: ENGINE_TYPE_HARP }\n    );\n\n    // @ts-ignore-next-line:\n    const trafficFlowLayer = new H.map.layer.TileLayer(providerTrafficFlow, { min: 2, max: 24 });\n\n    return trafficFlowLayer;\n};\n\nexport type TrafficLayerProps = Omit<React.ComponentProps<typeof Layer>, 'createLayer'> & {};\n\nconst TrafficLayer = (props: TrafficLayerProps) => {\n    const mapContext = useMapContext();\n\n    const layerCreator = isVectorBased(mapContext.enableWebGL, mapContext.baseLayer)\n        ? createVectorTrafficLayer\n        : createRasterTrafficLayer;\n\n    return <Layer {...props} createLayer={layerCreator} />;\n};\n\nexport default TrafficLayer;\n"],"names":["createRasterTrafficLayer","api","useWebGL","baseLayerName","language","baseTrafficUrl","trafficTileService","DEFAULT_RASTER_LAYER_FORMAT","trafficTileProvider","ENGINE_TYPE_P2D","DEFAULT_TILE_SIZE","createVectorTrafficLayer","providerTrafficFlow","ENGINE_TYPE_HARP","TrafficLayer","props","mapContext","useMapContext","layerCreator","isVectorBased","jsx","Layer"],"mappings":";;;;;AASA,MAAMA,IAA2B,CAACC,GAAaC,GAAmBC,GAAuBC,MAAqB;AAE1G,QAAMC,IAAiB,IAAI,EAAE,QAAQ,IAAI,SAAS,0BAA0B,GAGtEC,IAAqBL,EAAI,UAAU,qBAAqB;AAAA,IAC1D,SAASI;AAAA,IACT,QAAQE;AAAA,IACR,MAAM;AAAA,IACN,UAAU;AAAA,IACV,aAAa;AAAA,MACT,QAAQN,EAAI,aAAa;AAAA,MACzB,MAAMG;AAAA,MACN,KAAK;AAAA,MACL,OAAO;AAAA,IAAA;AAAA,EACX,CACH,GAGKI,IAAsB,IAAI,EAAE,QAAQ,WAAW,SAASF,GAAoB;AAAA,IAC9E,YAAYG;AAAA,IACZ,UAAUC;AAAA,EAAA,CACb;AAID,SAFyB,IAAI,EAAE,IAAI,MAAM,UAAUF,CAAmB;AAG1E,GAEMG,IAA2B,CAACV,GAAaC,GAAmBC,MAA0B;AAExF,QAAMS,IAAsB,IAAI,EAAE,QAAQ,kBAAkB;AAAA;AAAA,IAExDX,EAAI,UAAU,4BAA4B,EAAE,OAAO,QAAQ;AAAA;AAAA,IAE3D,IAAI,EAAE,IAAI,OAAO,KAAK,MAAM,CAAA,CAAE;AAAA,IAC9B,EAAE,YAAYY,EAAA;AAAA,EAAiB;AAMnC,SAFyB,IAAI,EAAE,IAAI,MAAM,UAAUD,GAAqB,EAAE,KAAK,GAAG,KAAK,GAAA,CAAI;AAG/F,GAIME,IAAe,CAACC,MAA6B;AAC/C,QAAMC,IAAaC,EAAA,GAEbC,IAAeC,EAAcH,EAAW,aAAaA,EAAW,SAAS,IACzEL,IACAX;AAEN,SAAO,gBAAAoB,EAACC,GAAA,EAAO,GAAGN,GAAO,aAAaG,GAAc;AACxD;"}
+{"version":3,"file":"TrafficLayer.js","sources":["../../../../../../../src/components/map/components/features/layers/overlayLayers/TrafficLayer.tsx"],"sourcesContent":["// biome-ignore lint/style/useImportType: required for JSX runtime compatibility with older toolchains\nimport React from 'react';\n\nimport { DEFAULT_RASTER_LAYER_FORMAT, DEFAULT_TILE_SIZE, ENGINE_TYPE_HARP, ENGINE_TYPE_P2D } from '../../../constants';\nimport Layer from './Layer';\nimport type { MapApi } from '../../../../utils/mapTypes';\nimport { useMapContext } from '../../../MapContext';\nimport { isVectorBased } from '../../../../utils/rendering';\n\nconst createRasterTrafficLayer = (api: MapApi, _useWebGL: boolean, _baseLayerName: string, language: string) => {\n    // Traffic\n    const baseTrafficUrl = new H.service.Url('https', 'traffic.maps.hereapi.com');\n\n    // @ts-expect-error-next-line: according to the Here docs, the engine type exists\n    const trafficTileService = api.platform?.getRasterTileService({\n        baseUrl: baseTrafficUrl,\n        format: DEFAULT_RASTER_LAYER_FORMAT,\n        path: 'v3',\n        resource: 'flow',\n        queryParams: {\n            apikey: api.credentials?.apikey,\n            lang: language,\n            ppi: 400,\n            style: 'explore.day',\n        },\n    });\n\n    // @ts-expect-error-next-line: according to the Here docs, the engine type exists\n    const trafficTileProvider = new H.service.rasterTile.Provider(trafficTileService, {\n        engineType: ENGINE_TYPE_P2D,\n        tileSize: DEFAULT_TILE_SIZE,\n    });\n\n    const trafficTileLayer = new H.map.layer.TileLayer(trafficTileProvider);\n\n    return trafficTileLayer;\n};\n\nconst createVectorTrafficLayer = (api: MapApi, _useWebGL: boolean, _baseLayerName: string) => {\n    // @ts-expect-error-next-line\n    const providerTrafficFlow = new H.service.trafficVectorTile.Provider(\n        // @ts-expect-error-next-line\n        api.platform?.getTrafficVectorTileService({ layer: 'flow' }),\n        // @ts-expect-error-next-line\n        new H.map.render.harp.Style({}),\n        { engineType: ENGINE_TYPE_HARP }\n    );\n\n    // @ts-expect-error-next-line:\n    const trafficFlowLayer = new H.map.layer.TileLayer(providerTrafficFlow, { min: 2, max: 24 });\n\n    return trafficFlowLayer;\n};\n\nexport type TrafficLayerProps = Omit<React.ComponentProps<typeof Layer>, 'createLayer'> & {};\n\nconst TrafficLayer = (props: TrafficLayerProps) => {\n    const mapContext = useMapContext();\n\n    const layerCreator = isVectorBased(mapContext.enableWebGL, mapContext.baseLayer)\n        ? createVectorTrafficLayer\n        : createRasterTrafficLayer;\n\n    return <Layer {...props} createLayer={layerCreator} />;\n};\n\nexport default TrafficLayer;\n"],"names":["createRasterTrafficLayer","api","_useWebGL","_baseLayerName","language","baseTrafficUrl","trafficTileService","DEFAULT_RASTER_LAYER_FORMAT","trafficTileProvider","ENGINE_TYPE_P2D","DEFAULT_TILE_SIZE","createVectorTrafficLayer","providerTrafficFlow","ENGINE_TYPE_HARP","TrafficLayer","props","mapContext","useMapContext","layerCreator","isVectorBased","jsx","Layer"],"mappings":";;;;;AASA,MAAMA,IAA2B,CAACC,GAAaC,GAAoBC,GAAwBC,MAAqB;AAE5G,QAAMC,IAAiB,IAAI,EAAE,QAAQ,IAAI,SAAS,0BAA0B,GAGtEC,IAAqBL,EAAI,UAAU,qBAAqB;AAAA,IAC1D,SAASI;AAAA,IACT,QAAQE;AAAA,IACR,MAAM;AAAA,IACN,UAAU;AAAA,IACV,aAAa;AAAA,MACT,QAAQN,EAAI,aAAa;AAAA,MACzB,MAAMG;AAAA,MACN,KAAK;AAAA,MACL,OAAO;AAAA,IAAA;AAAA,EACX,CACH,GAGKI,IAAsB,IAAI,EAAE,QAAQ,WAAW,SAASF,GAAoB;AAAA,IAC9E,YAAYG;AAAA,IACZ,UAAUC;AAAA,EAAA,CACb;AAID,SAFyB,IAAI,EAAE,IAAI,MAAM,UAAUF,CAAmB;AAG1E,GAEMG,IAA2B,CAACV,GAAaC,GAAoBC,MAA2B;AAE1F,QAAMS,IAAsB,IAAI,EAAE,QAAQ,kBAAkB;AAAA;AAAA,IAExDX,EAAI,UAAU,4BAA4B,EAAE,OAAO,QAAQ;AAAA;AAAA,IAE3D,IAAI,EAAE,IAAI,OAAO,KAAK,MAAM,CAAA,CAAE;AAAA,IAC9B,EAAE,YAAYY,EAAA;AAAA,EAAiB;AAMnC,SAFyB,IAAI,EAAE,IAAI,MAAM,UAAUD,GAAqB,EAAE,KAAK,GAAG,KAAK,GAAA,CAAI;AAG/F,GAIME,IAAe,CAACC,MAA6B;AAC/C,QAAMC,IAAaC,EAAA,GAEbC,IAAeC,EAAcH,EAAW,aAAaA,EAAW,SAAS,IACzEL,IACAX;AAEN,SAAO,gBAAAoB,EAACC,GAAA,EAAO,GAAGN,GAAO,aAAaG,GAAc;AACxD;"}

package/components/map/components/features/settings/MapSettingsItem.js

@@ -1,7 +1,7 @@
 import { jsxs as s, Fragment as o, jsx as I } from "react/jsx-runtime";
 import m from "react";
-import n from "classnames";
 import { noop as f } from "es-toolkit/function";
+import n from "../../../../../utils/classNames.js";
 const k = (r) => {
   const { onClick: p = f, activeIcon: a, inactiveIcon: l, isActive: t = !1, label: e, className: d = "" } = r, g = n(
     "MapSettingsTileIcon",

package/components/map/components/features/settings/MapSettingsItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MapSettingsItem.js","sources":["../../../../../../src/components/map/components/features/settings/MapSettingsItem.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { noop } from 'es-toolkit/function';\n\nexport type MapSettingsItemProps = {\n    activeIcon?: JSX.Element;\n    inactiveIcon?: JSX.Element;\n    isActive?: boolean;\n    className?: string;\n    label?: string | JSX.Element;\n    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;\n};\n\nconst MapSettingsItem = (props: MapSettingsItemProps) => {\n    const { onClick = noop, activeIcon, inactiveIcon, isActive = false, label, className = '' } = props;\n\n    const activeIconClassNames = classNames(\n        'MapSettingsTileIcon',\n        !label && 'hover-scale-110',\n        isActive ? 'display-block' : 'display-none',\n        activeIcon?.props.className || ''\n    );\n\n    const inactiveIconClassNames = classNames(\n        'MapSettingsTileIcon',\n        !label && 'hover-scale-110',\n        isActive ? 'display-none' : 'display-block',\n        inactiveIcon?.props.className || ''\n    );\n\n    const defaultIcon =\n        activeIcon &&\n        React.cloneElement(activeIcon, {\n            className: activeIconClassNames,\n        });\n\n    const highlightedIcon =\n        inactiveIcon &&\n        React.cloneElement(inactiveIcon, {\n            className: inactiveIconClassNames,\n        });\n\n    const mapSettingsItemClassNames = classNames(\n        'MapSettingsItem',\n        'display-flex align-items-center gap-10',\n        'text-color-darker',\n        label && 'margin--5',\n        className\n    );\n\n    return (\n        <div className={mapSettingsItemClassNames} onClick={onClick}>\n            {label && (\n                <>\n                    <div className='margin-left--5'>\n                        {highlightedIcon}\n                        {defaultIcon}\n                    </div>\n                    <div className='flex-1-1 line-height-16 padding-right-5'>{label}</div>\n                </>\n            )}\n            {!label && (\n                <>\n                    {highlightedIcon}\n                    {defaultIcon}\n                </>\n            )}\n        </div>\n    );\n};\n\nexport default MapSettingsItem;\n"],"names":["MapSettingsItem","props","onClick","noop","activeIcon","inactiveIcon","isActive","label","className","activeIconClassNames","classNames","inactiveIconClassNames","defaultIcon","React","highlightedIcon","mapSettingsItemClassNames","jsxs","Fragment","jsx"],"mappings":";;;;AAaA,MAAMA,IAAkB,CAACC,MAAgC;AACrD,QAAM,EAAE,SAAAC,IAAUC,GAAM,YAAAC,GAAY,cAAAC,GAAc,UAAAC,IAAW,IAAO,OAAAC,GAAO,WAAAC,IAAY,GAAA,IAAOP,GAExFQ,IAAuBC;AAAA,IACzB;AAAA,IACA,CAACH,KAAS;AAAA,IACVD,IAAW,kBAAkB;AAAA,IAC7BF,GAAY,MAAM,aAAa;AAAA,EAAA,GAG7BO,IAAyBD;AAAA,IAC3B;AAAA,IACA,CAACH,KAAS;AAAA,IACVD,IAAW,iBAAiB;AAAA,IAC5BD,GAAc,MAAM,aAAa;AAAA,EAAA,GAG/BO,IACFR,KACAS,EAAM,aAAaT,GAAY;AAAA,IAC3B,WAAWK;AAAA,EAAA,CACd,GAECK,IACFT,KACAQ,EAAM,aAAaR,GAAc;AAAA,IAC7B,WAAWM;AAAA,EAAA,CACd,GAECI,IAA4BL;AAAA,IAC9B;AAAA,IACA;AAAA,IACA;AAAA,IACAH,KAAS;AAAA,IACTC;AAAA,EAAA;AAGJ,SACI,gBAAAQ,EAAC,OAAA,EAAI,WAAWD,GAA2B,SAAAb,GACtC,UAAA;AAAA,IAAAK,KACG,gBAAAS,EAAAC,GAAA,EACI,UAAA;AAAA,MAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,kBACV,UAAA;AAAA,QAAAF;AAAA,QACAF;AAAA,MAAA,GACL;AAAA,MACA,gBAAAM,EAAC,OAAA,EAAI,WAAU,2CAA2C,UAAAX,EAAA,CAAM;AAAA,IAAA,GACpE;AAAA,IAEH,CAACA,KACE,gBAAAS,EAAAC,GAAA,EACK,UAAA;AAAA,MAAAH;AAAA,MACAF;AAAA,IAAA,EAAA,CACL;AAAA,EAAA,GAER;AAER;"}
+{"version":3,"file":"MapSettingsItem.js","sources":["../../../../../../src/components/map/components/features/settings/MapSettingsItem.tsx"],"sourcesContent":["import React from 'react';\nimport { noop } from 'es-toolkit/function';\n\nimport classNames from '../../../../../utils/classNames';\n\nexport type MapSettingsItemProps = {\n    activeIcon?: JSX.Element;\n    inactiveIcon?: JSX.Element;\n    isActive?: boolean;\n    className?: string;\n    label?: string | JSX.Element;\n    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;\n};\n\nconst MapSettingsItem = (props: MapSettingsItemProps) => {\n    const { onClick = noop, activeIcon, inactiveIcon, isActive = false, label, className = '' } = props;\n\n    const activeIconClassNames = classNames(\n        'MapSettingsTileIcon',\n        !label && 'hover-scale-110',\n        isActive ? 'display-block' : 'display-none',\n        activeIcon?.props.className || ''\n    );\n\n    const inactiveIconClassNames = classNames(\n        'MapSettingsTileIcon',\n        !label && 'hover-scale-110',\n        isActive ? 'display-none' : 'display-block',\n        inactiveIcon?.props.className || ''\n    );\n\n    const defaultIcon =\n        activeIcon &&\n        React.cloneElement(activeIcon, {\n            className: activeIconClassNames,\n        });\n\n    const highlightedIcon =\n        inactiveIcon &&\n        React.cloneElement(inactiveIcon, {\n            className: inactiveIconClassNames,\n        });\n\n    const mapSettingsItemClassNames = classNames(\n        'MapSettingsItem',\n        'display-flex align-items-center gap-10',\n        'text-color-darker',\n        label && 'margin--5',\n        className\n    );\n\n    return (\n        <div className={mapSettingsItemClassNames} onClick={onClick}>\n            {label && (\n                <>\n                    <div className='margin-left--5'>\n                        {highlightedIcon}\n                        {defaultIcon}\n                    </div>\n                    <div className='flex-1-1 line-height-16 padding-right-5'>{label}</div>\n                </>\n            )}\n            {!label && (\n                <>\n                    {highlightedIcon}\n                    {defaultIcon}\n                </>\n            )}\n        </div>\n    );\n};\n\nexport default MapSettingsItem;\n"],"names":["MapSettingsItem","props","onClick","noop","activeIcon","inactiveIcon","isActive","label","className","activeIconClassNames","classNames","inactiveIconClassNames","defaultIcon","React","highlightedIcon","mapSettingsItemClassNames","jsxs","Fragment","jsx"],"mappings":";;;;AAcA,MAAMA,IAAkB,CAACC,MAAgC;AACrD,QAAM,EAAE,SAAAC,IAAUC,GAAM,YAAAC,GAAY,cAAAC,GAAc,UAAAC,IAAW,IAAO,OAAAC,GAAO,WAAAC,IAAY,GAAA,IAAOP,GAExFQ,IAAuBC;AAAA,IACzB;AAAA,IACA,CAACH,KAAS;AAAA,IACVD,IAAW,kBAAkB;AAAA,IAC7BF,GAAY,MAAM,aAAa;AAAA,EAAA,GAG7BO,IAAyBD;AAAA,IAC3B;AAAA,IACA,CAACH,KAAS;AAAA,IACVD,IAAW,iBAAiB;AAAA,IAC5BD,GAAc,MAAM,aAAa;AAAA,EAAA,GAG/BO,IACFR,KACAS,EAAM,aAAaT,GAAY;AAAA,IAC3B,WAAWK;AAAA,EAAA,CACd,GAECK,IACFT,KACAQ,EAAM,aAAaR,GAAc;AAAA,IAC7B,WAAWM;AAAA,EAAA,CACd,GAECI,IAA4BL;AAAA,IAC9B;AAAA,IACA;AAAA,IACA;AAAA,IACAH,KAAS;AAAA,IACTC;AAAA,EAAA;AAGJ,SACI,gBAAAQ,EAAC,OAAA,EAAI,WAAWD,GAA2B,SAAAb,GACtC,UAAA;AAAA,IAAAK,KACG,gBAAAS,EAAAC,GAAA,EACI,UAAA;AAAA,MAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,kBACV,UAAA;AAAA,QAAAF;AAAA,QACAF;AAAA,MAAA,GACL;AAAA,MACA,gBAAAM,EAAC,OAAA,EAAI,WAAU,2CAA2C,UAAAX,EAAA,CAAM;AAAA,IAAA,GACpE;AAAA,IAEH,CAACA,KACE,gBAAAS,EAAAC,GAAA,EACK,UAAA;AAAA,MAAAH;AAAA,MACAF;AAAA,IAAA,EAAA,CACL;AAAA,EAAA,GAER;AAER;"}

package/components/map/components/features/settings/MapSettingsPanel.js

@@ -1,24 +1,10 @@
-import { jsx as i } from "react/jsx-runtime";
-import n from "classnames";
-import { motion as o } from "motion/react";
-const l = (a) => {
-  const { className: t = "", children: s } = a, e = n("MapSettingsPanel", t);
-  return /* @__PURE__ */ i(
-    o.div,
-    {
-      initial: { opacity: 0, y: 100 },
-      animate: { opacity: 1, y: 0 },
-      exit: { opacity: 0.5, y: 200 },
-      transition: {
-        duration: 0.15,
-        ease: "easeInOut"
-      },
-      className: e,
-      children: s
-    }
-  );
+import { jsx as n } from "react/jsx-runtime";
+import l from "../../../../../utils/classNames.js";
+const r = (s) => {
+  const { className: a = "", children: e } = s, t = l("MapSettingsPanel", a);
+  return /* @__PURE__ */ n("div", { className: t, children: e });
 };
 export {
-  l as default
+  r as default
 };
 //# sourceMappingURL=MapSettingsPanel.js.map

package/components/map/components/features/settings/MapSettingsPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"MapSettingsPanel.js","sources":["../../../../../../src/components/map/components/features/settings/MapSettingsPanel.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport classNames from 'classnames';\nimport { motion } from 'motion/react';\n\nexport type MapSettingsPanelProps = {\n    className?: string;\n};\n\nconst MapSettingsPanel = (props: PropsWithChildren<MapSettingsPanelProps>) => {\n    const { className = '', children } = props;\n\n    const panelClassNames = classNames('MapSettingsPanel', className);\n\n    return (\n        <motion.div\n            initial={{ opacity: 0, y: 100 }}\n            animate={{ opacity: 1, y: 0 }}\n            exit={{ opacity: 0.5, y: 200 }}\n            transition={{\n                duration: 0.15,\n                ease: 'easeInOut',\n            }}\n            className={panelClassNames}\n        >\n            {children}\n        </motion.div>\n    );\n};\n\nexport default MapSettingsPanel;\n"],"names":["MapSettingsPanel","props","className","children","panelClassNames","classNames","jsx","motion"],"mappings":";;;AAQA,MAAMA,IAAmB,CAACC,MAAoD;AAC1E,QAAM,EAAE,WAAAC,IAAY,IAAI,UAAAC,EAAA,IAAaF,GAE/BG,IAAkBC,EAAW,oBAAoBH,CAAS;AAEhE,SACI,gBAAAI;AAAA,IAACC,EAAO;AAAA,IAAP;AAAA,MACG,SAAS,EAAE,SAAS,GAAG,GAAG,IAAA;AAAA,MAC1B,SAAS,EAAE,SAAS,GAAG,GAAG,EAAA;AAAA,MAC1B,MAAM,EAAE,SAAS,KAAK,GAAG,IAAA;AAAA,MACzB,YAAY;AAAA,QACR,UAAU;AAAA,QACV,MAAM;AAAA,MAAA;AAAA,MAEV,WAAWH;AAAA,MAEV,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGb;"}
+{"version":3,"file":"MapSettingsPanel.js","sources":["../../../../../../src/components/map/components/features/settings/MapSettingsPanel.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nimport classNames from '../../../../../utils/classNames';\n\nexport type MapSettingsPanelProps = {\n    className?: string;\n};\n\nconst MapSettingsPanel = (props: PropsWithChildren<MapSettingsPanelProps>) => {\n    const { className = '', children } = props;\n\n    const panelClassNames = classNames('MapSettingsPanel', className);\n\n    return <div className={panelClassNames}>{children}</div>;\n};\n\nexport default MapSettingsPanel;\n"],"names":["MapSettingsPanel","props","className","children","panelClassNames","classNames","jsx"],"mappings":";;AAQA,MAAMA,IAAmB,CAACC,MAAoD;AAC1E,QAAM,EAAE,WAAAC,IAAY,IAAI,UAAAC,EAAA,IAAaF,GAE/BG,IAAkBC,EAAW,oBAAoBH,CAAS;AAEhE,SAAO,gBAAAI,EAAC,OAAA,EAAI,WAAWF,GAAkB,UAAAD,EAAA,CAAS;AACtD;"}