@rio-cloud/rio-uikit 2.5.1 → 3.0.0-beta.1

package/components/map/components/MapContext.js

@@ -1,24 +1,22 @@
-import { createContext as e, useContext as t } from "react";
-import { MAP_TYPE_DEFAULT as o } from "./constants.js";
-import { defaultMapViewportHistory as a } from "../hooks/useMapViewportHistory.js";
-const r = {
-  api: {},
-  language: "en",
-  enableWebGL: !0,
-  enableMarkerIconCache: !0,
-  enableFractionalZoom: !1,
-  isZoomInteractionActive: !1,
-  baseLayer: o,
-  activeLayers: [],
-  showCluster: !0,
-  devicePixelRatio: 1,
-  viewportHistory: a,
-  onIncidentsChange: () => {
-  }
-}, n = e(r), l = () => t(n);
-export {
-  n as MapContext,
-  r as defaultMapContext,
-  l as useMapContext
-};
-//# sourceMappingURL=MapContext.js.map
+import { MAP_TYPE_DEFAULT as e } from "./constants.js";
+import { defaultMapViewportHistory as t } from "../hooks/useMapViewportHistory.js";
+import { createContext as n, useContext as r } from "react";
+//#region src/components/map/components/MapContext.ts
+var i = {
+	api: {},
+	language: "en",
+	enableWebGL: !0,
+	enableMarkerIconCache: !0,
+	enableFractionalZoom: !1,
+	isZoomInteractionActive: !1,
+	baseLayer: e,
+	activeLayers: [],
+	showCluster: !0,
+	devicePixelRatio: 1,
+	viewportHistory: t,
+	onIncidentsChange: () => {}
+}, a = n(i), o = () => r(a);
+//#endregion
+export { a as MapContext, i as defaultMapContext, o as useMapContext };
+
+//# sourceMappingURL=MapContext.js.map

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

@@ -1 +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';\nimport { defaultMapViewportHistory, type MapViewportHistory } from '../hooks/useMapViewportHistory';\n\nexport type MapContextType = {\n    api: MapApi;\n    language: string;\n    enableWebGL: boolean;\n    enableMarkerIconCache: boolean;\n    enableFractionalZoom: boolean;\n    isZoomInteractionActive: 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    viewportHistory: MapViewportHistory;\n    onIncidentsChange: (incidentsResult: MapIncidents) => void;\n};\n\nexport const defaultMapContext: MapContextType = {\n    api: {},\n    language: 'en',\n    enableWebGL: true,\n    enableMarkerIconCache: true,\n    enableFractionalZoom: false,\n    isZoomInteractionActive: false,\n    baseLayer: MAP_TYPE_DEFAULT,\n    activeLayers: [],\n    showCluster: true,\n    devicePixelRatio: 1,\n    viewportHistory: defaultMapViewportHistory,\n    onIncidentsChange: () => {},\n};\n\nexport const MapContext = createContext<MapContextType>(defaultMapContext);\n\nexport const useMapContext = () => useContext(MapContext);\n"],"names":["defaultMapContext","MAP_TYPE_DEFAULT","defaultMapViewportHistory","MapContext","createContext","useMapContext","useContext"],"mappings":";;;AA2BO,MAAMA,IAAoC;AAAA,EAC7C,KAAK,CAAA;AAAA,EACL,UAAU;AAAA,EACV,aAAa;AAAA,EACb,uBAAuB;AAAA,EACvB,sBAAsB;AAAA,EACtB,yBAAyB;AAAA,EACzB,WAAWC;AAAA,EACX,cAAc,CAAA;AAAA,EACd,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,iBAAiBC;AAAA,EACjB,mBAAmB,MAAM;AAAA,EAAC;AAC9B,GAEaC,IAAaC,EAA8BJ,CAAiB,GAE5DK,IAAgB,MAAMC,EAAWH,CAAU;"}
+{"version":3,"file":"MapContext.js","names":[],"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';\nimport { defaultMapViewportHistory, type MapViewportHistory } from '../hooks/useMapViewportHistory';\n\nexport type MapContextType = {\n    api: MapApi;\n    language: string;\n    enableWebGL: boolean;\n    enableMarkerIconCache: boolean;\n    enableFractionalZoom: boolean;\n    isZoomInteractionActive: 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    viewportHistory: MapViewportHistory;\n    onIncidentsChange: (incidentsResult: MapIncidents) => void;\n};\n\nexport const defaultMapContext: MapContextType = {\n    api: {},\n    language: 'en',\n    enableWebGL: true,\n    enableMarkerIconCache: true,\n    enableFractionalZoom: false,\n    isZoomInteractionActive: false,\n    baseLayer: MAP_TYPE_DEFAULT,\n    activeLayers: [],\n    showCluster: true,\n    devicePixelRatio: 1,\n    viewportHistory: defaultMapViewportHistory,\n    onIncidentsChange: () => {},\n};\n\nexport const MapContext = createContext<MapContextType>(defaultMapContext);\n\nexport const useMapContext = () => useContext(MapContext);\n"],"mappings":";;;;AA2BA,IAAa,IAAoC;CAC7C,KAAK,CAAC;CACN,UAAU;CACV,aAAa;CACb,uBAAuB;CACvB,sBAAsB;CACtB,yBAAyB;CACzB,WAAW;CACX,cAAc,CAAC;CACf,aAAa;CACb,kBAAkB;CAClB,iBAAiB;CACjB,yBAAyB,CAAC;AAC9B,GAEa,IAAa,EAA8B,CAAiB,GAE5D,UAAsB,EAAW,CAAU"}

package/components/map/components/MapElements.js

@@ -1,17 +1,18 @@
-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;
+import { useMapContext as e } from "./MapContext.js";
+import t from "react";
+import { isFunction as n } from "es-toolkit/predicate";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/map/components/MapElements.tsx
+var i = (e, n) => t.Children.map(e, (e) => {
+	if (e) return t.cloneElement(e, { api: n });
+}), a = (t) => {
+	let { children: a } = t, { api: o } = e();
+	return a ? /* @__PURE__ */ r("div", {
+		className: "MapElements",
+		children: n(a) ? a(o) : i(a, o)
+	}) : null;
 };
-export {
-  f as default
-};
-//# sourceMappingURL=MapElements.js.map
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=MapElements.js.map

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

@@ -1 +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;"}
+{"version":3,"file":"MapElements.js","names":[],"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"],"mappings":";;;;;AAUA,IAAM,KAAyB,GAAe,MAC1C,EAAM,SAAS,IAAI,IAAU,MAAS;CAClC,IAAI,GACA,OAAO,EAAM,aAAa,GAAO,EAC7B,OACJ,CAAC;AAET,CAAC,GAEC,KAAe,MAA4B;CAC7C,IAAM,EAAE,gBAAa,GAEf,EAAE,WAAQ,EAAc;CAM9B,OAJK,IAKD,kBAAC,OAAD;EAAK,WAAU;YAAe,EAAW,CAAQ,IAAI,EAAS,CAAG,IAAI,EAAsB,GAAU,CAAG;CAAO,CAAA,IAJxG;AAMf"}

package/components/map/components/MapPosition.js

@@ -1,26 +1,31 @@
-import { useRef as f, useEffect as h } from "react";
-import { useMapContext as P } from "./MapContext.js";
-const C = 1e-6, Z = 1e-3, N = (b) => {
-  const { api: o, boundingBox: a, center: t, zoom: e, zoomAnimation: r = !1 } = b, { enableFractionalZoom: g } = P(), p = f(), c = f(t), d = f(e);
-  return h(() => {
-    if (o && a) {
-      const { top: n, left: i, bottom: l, right: u } = a;
-      o.map?.getViewModel().setLookAtData({ bounds: new H.geo.Rect(n, i, l, u) }, r);
-    }
-  }, [a]), h(() => {
-    const n = o.map;
-    if (!(n && (t || e !== void 0)))
-      return;
-    const i = p.current !== n, l = t?.lat !== c.current?.lat || t?.lng !== c.current?.lng, u = e !== d.current;
-    if (!(i || l || u))
-      return;
-    const s = {}, m = o.utils?.getCenter();
-    t && m && (Math.abs(m.lat - t.lat) > C || Math.abs(m.lng - t.lng) > C) && (s.position = t);
-    const M = g ? o.utils?.getPreciseZoom() : o.utils?.getZoom();
-    e !== void 0 && M !== void 0 && Math.abs(M - e) > Z && (s.zoom = e), Object.keys(s).length > 0 && n.getViewModel().setLookAtData(s, r), p.current = n, c.current = t, d.current = e;
-  }, [o, t, e, r, g]), null;
+import { useMapContext as e } from "./MapContext.js";
+import { useEffect as t, useRef as n } from "react";
+//#region src/components/map/components/MapPosition.tsx
+var r = 1e-6, i = .001, a = (a) => {
+	let { api: o, boundingBox: s, center: c, zoom: l, zoomAnimation: u = !1 } = a, { enableFractionalZoom: d } = e(), f = n(void 0), p = n(c), m = n(l);
+	return t(() => {
+		if (o && s) {
+			let { top: e, left: t, bottom: n, right: r } = s;
+			o.map?.getViewModel().setLookAtData({ bounds: new H.geo.Rect(e, t, n, r) }, u);
+		}
+	}, [s]), t(() => {
+		let e = o.map;
+		if (!(e && (c || l !== void 0))) return;
+		let t = f.current !== e, n = c?.lat !== p.current?.lat || c?.lng !== p.current?.lng, a = l !== m.current;
+		if (!(t || n || a)) return;
+		let s = {}, h = o.utils?.getCenter();
+		c && h && (Math.abs(h.lat - c.lat) > r || Math.abs(h.lng - c.lng) > r) && (s.position = c);
+		let g = d ? o.utils?.getPreciseZoom() : o.utils?.getZoom();
+		l !== void 0 && g !== void 0 && Math.abs(g - l) > i && (s.zoom = l), Object.keys(s).length > 0 && e.getViewModel().setLookAtData(s, u), f.current = e, p.current = c, m.current = l;
+	}, [
+		o,
+		c,
+		l,
+		u,
+		d
+	]), null;
 };
-export {
-  N as default
-};
-//# sourceMappingURL=MapPosition.js.map
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=MapPosition.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MapPosition.js","sources":["../../../../src/components/map/components/MapPosition.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport type { MapApi, MapProps } from '../utils/mapTypes';\nimport { useMapContext } from './MapContext';\n\nconst CENTER_SYNC_EPSILON = 0.000001;\nconst ZOOM_SYNC_EPSILON = 0.001;\n\n// Keeps externally controlled viewport props in sync with HERE.\n// `center` and `zoom` may change together, but either value must also work independently.\nexport type MapPositionProps = Pick<MapProps, 'boundingBox' | 'center' | 'zoom' | 'zoomAnimation'> & {\n    api: MapApi;\n};\n\nconst MapPosition = (props: MapPositionProps) => {\n    const { api, boundingBox, center, zoom, zoomAnimation = false } = props;\n    const { enableFractionalZoom } = useMapContext();\n    const lastProcessedMapRef = useRef<H.Map>();\n    const lastProcessedCenterRef = useRef(center);\n    const lastProcessedZoomRef = useRef(zoom);\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 viewport from outside if center or zoom value is different.\n    // If only zoom changed, HERE receives only `{ zoom }`; if only center changed, only `{ position }`.\n    // If both changed in the same render, they are applied atomically to avoid animated zooming around the old center.\n    useEffect(() => {\n        const map = api.map;\n\n        if (!(map && (center || zoom !== undefined))) {\n            return;\n        }\n\n        const hasMapChanged = lastProcessedMapRef.current !== map;\n        const hasCenterChanged =\n            center?.lat !== lastProcessedCenterRef.current?.lat || center?.lng !== lastProcessedCenterRef.current?.lng;\n        const hasZoomChanged = zoom !== lastProcessedZoomRef.current;\n\n        if (!(hasMapChanged || hasCenterChanged || hasZoomChanged)) {\n            return;\n        }\n\n        const lookAtData: H.map.ViewModel.ILookAtData = {};\n\n        const currentMapCenter = api.utils?.getCenter();\n        if (\n            center &&\n            currentMapCenter &&\n            (Math.abs(currentMapCenter.lat - center.lat) > CENTER_SYNC_EPSILON ||\n                Math.abs(currentMapCenter.lng - center.lng) > CENTER_SYNC_EPSILON)\n        ) {\n            lookAtData.position = center;\n        }\n\n        const currentMapZoom = enableFractionalZoom ? api.utils?.getPreciseZoom() : api.utils?.getZoom();\n        if (zoom !== undefined && currentMapZoom !== undefined && Math.abs(currentMapZoom - zoom) > ZOOM_SYNC_EPSILON) {\n            lookAtData.zoom = zoom;\n        }\n\n        if (Object.keys(lookAtData).length > 0) {\n            map.getViewModel().setLookAtData(lookAtData, zoomAnimation);\n        }\n\n        lastProcessedMapRef.current = map;\n        lastProcessedCenterRef.current = center;\n        lastProcessedZoomRef.current = zoom;\n    }, [api, center, zoom, zoomAnimation, enableFractionalZoom]);\n\n    return null;\n};\n\nexport default MapPosition;\n"],"names":["CENTER_SYNC_EPSILON","ZOOM_SYNC_EPSILON","MapPosition","props","api","boundingBox","center","zoom","zoomAnimation","enableFractionalZoom","useMapContext","lastProcessedMapRef","useRef","lastProcessedCenterRef","lastProcessedZoomRef","useEffect","top","left","bottom","right","map","hasMapChanged","hasCenterChanged","hasZoomChanged","lookAtData","currentMapCenter","currentMapZoom"],"mappings":";;AAKA,MAAMA,IAAsB,MACtBC,IAAoB,MAQpBC,IAAc,CAACC,MAA4B;AAC7C,QAAM,EAAE,KAAAC,GAAK,aAAAC,GAAa,QAAAC,GAAQ,MAAAC,GAAM,eAAAC,IAAgB,OAAUL,GAC5D,EAAE,sBAAAM,EAAA,IAAyBC,EAAA,GAC3BC,IAAsBC,EAAA,GACtBC,IAAyBD,EAAON,CAAM,GACtCQ,IAAuBF,EAAOL,CAAI;AAGxC,SAAAQ,EAAU,MAAM;AACZ,QAAIX,KAAOC,GAAa;AACpB,YAAM,EAAE,KAAAW,GAAK,MAAAC,GAAM,QAAAC,GAAQ,OAAAC,MAAUd;AACrC,MAAAD,EAAI,KAAK,aAAA,EAAe,cAAc,EAAE,QAAQ,IAAI,EAAE,IAAI,KAAKY,GAAKC,GAAMC,GAAQC,CAAK,EAAA,GAAKX,CAAa;AAAA,IAC7G;AAAA,EACJ,GAAG,CAACH,CAAW,CAAC,GAKhBU,EAAU,MAAM;AACZ,UAAMK,IAAMhB,EAAI;AAEhB,QAAI,EAAEgB,MAAQd,KAAUC,MAAS;AAC7B;AAGJ,UAAMc,IAAgBV,EAAoB,YAAYS,GAChDE,IACFhB,GAAQ,QAAQO,EAAuB,SAAS,OAAOP,GAAQ,QAAQO,EAAuB,SAAS,KACrGU,IAAiBhB,MAASO,EAAqB;AAErD,QAAI,EAAEO,KAAiBC,KAAoBC;AACvC;AAGJ,UAAMC,IAA0C,CAAA,GAE1CC,IAAmBrB,EAAI,OAAO,UAAA;AACpC,IACIE,KACAmB,MACC,KAAK,IAAIA,EAAiB,MAAMnB,EAAO,GAAG,IAAIN,KAC3C,KAAK,IAAIyB,EAAiB,MAAMnB,EAAO,GAAG,IAAIN,OAElDwB,EAAW,WAAWlB;AAG1B,UAAMoB,IAAiBjB,IAAuBL,EAAI,OAAO,mBAAmBA,EAAI,OAAO,QAAA;AACvF,IAAIG,MAAS,UAAamB,MAAmB,UAAa,KAAK,IAAIA,IAAiBnB,CAAI,IAAIN,MACxFuB,EAAW,OAAOjB,IAGlB,OAAO,KAAKiB,CAAU,EAAE,SAAS,KACjCJ,EAAI,aAAA,EAAe,cAAcI,GAAYhB,CAAa,GAG9DG,EAAoB,UAAUS,GAC9BP,EAAuB,UAAUP,GACjCQ,EAAqB,UAAUP;AAAA,EACnC,GAAG,CAACH,GAAKE,GAAQC,GAAMC,GAAeC,CAAoB,CAAC,GAEpD;AACX;"}
+{"version":3,"file":"MapPosition.js","names":[],"sources":["../../../../src/components/map/components/MapPosition.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport type { MapApi, MapProps } from '../utils/mapTypes';\nimport { useMapContext } from './MapContext';\n\nconst CENTER_SYNC_EPSILON = 0.000001;\nconst ZOOM_SYNC_EPSILON = 0.001;\n\n// Keeps externally controlled viewport props in sync with HERE.\n// `center` and `zoom` may change together, but either value must also work independently.\nexport type MapPositionProps = Pick<MapProps, 'boundingBox' | 'center' | 'zoom' | 'zoomAnimation'> & {\n    api: MapApi;\n};\n\nconst MapPosition = (props: MapPositionProps) => {\n    const { api, boundingBox, center, zoom, zoomAnimation = false } = props;\n    const { enableFractionalZoom } = useMapContext();\n    const lastProcessedMapRef = useRef<H.Map | undefined>(undefined);\n    const lastProcessedCenterRef = useRef(center);\n    const lastProcessedZoomRef = useRef(zoom);\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 viewport from outside if center or zoom value is different.\n    // If only zoom changed, HERE receives only `{ zoom }`; if only center changed, only `{ position }`.\n    // If both changed in the same render, they are applied atomically to avoid animated zooming around the old center.\n    useEffect(() => {\n        const map = api.map;\n\n        if (!(map && (center || zoom !== undefined))) {\n            return;\n        }\n\n        const hasMapChanged = lastProcessedMapRef.current !== map;\n        const hasCenterChanged =\n            center?.lat !== lastProcessedCenterRef.current?.lat || center?.lng !== lastProcessedCenterRef.current?.lng;\n        const hasZoomChanged = zoom !== lastProcessedZoomRef.current;\n\n        if (!(hasMapChanged || hasCenterChanged || hasZoomChanged)) {\n            return;\n        }\n\n        const lookAtData: H.map.ViewModel.ILookAtData = {};\n\n        const currentMapCenter = api.utils?.getCenter();\n        if (\n            center &&\n            currentMapCenter &&\n            (Math.abs(currentMapCenter.lat - center.lat) > CENTER_SYNC_EPSILON ||\n                Math.abs(currentMapCenter.lng - center.lng) > CENTER_SYNC_EPSILON)\n        ) {\n            lookAtData.position = center;\n        }\n\n        const currentMapZoom = enableFractionalZoom ? api.utils?.getPreciseZoom() : api.utils?.getZoom();\n        if (zoom !== undefined && currentMapZoom !== undefined && Math.abs(currentMapZoom - zoom) > ZOOM_SYNC_EPSILON) {\n            lookAtData.zoom = zoom;\n        }\n\n        if (Object.keys(lookAtData).length > 0) {\n            map.getViewModel().setLookAtData(lookAtData, zoomAnimation);\n        }\n\n        lastProcessedMapRef.current = map;\n        lastProcessedCenterRef.current = center;\n        lastProcessedZoomRef.current = zoom;\n    }, [api, center, zoom, zoomAnimation, enableFractionalZoom]);\n\n    return null;\n};\n\nexport default MapPosition;\n"],"mappings":";;;AAKA,IAAM,IAAsB,MACtB,IAAoB,MAQpB,KAAe,MAA4B;CAC7C,IAAM,EAAE,QAAK,gBAAa,WAAQ,SAAM,mBAAgB,OAAU,GAC5D,EAAE,4BAAyB,EAAc,GACzC,IAAsB,EAA0B,KAAA,CAAS,GACzD,IAAyB,EAAO,CAAM,GACtC,IAAuB,EAAO,CAAI;CAuDxC,OApDA,QAAgB;EACZ,IAAI,KAAO,GAAa;GACpB,IAAM,EAAE,QAAK,SAAM,WAAQ,aAAU;GACrC,EAAI,KAAK,aAAa,CAAC,CAAC,cAAc,EAAE,QAAQ,IAAI,EAAE,IAAI,KAAK,GAAK,GAAM,GAAQ,CAAK,EAAE,GAAG,CAAa;EAC7G;CACJ,GAAG,CAAC,CAAW,CAAC,GAKhB,QAAgB;EACZ,IAAM,IAAM,EAAI;EAEhB,IAAI,EAAE,MAAQ,KAAU,MAAS,KAAA,KAC7B;EAGJ,IAAM,IAAgB,EAAoB,YAAY,GAChD,IACF,GAAQ,QAAQ,EAAuB,SAAS,OAAO,GAAQ,QAAQ,EAAuB,SAAS,KACrG,IAAiB,MAAS,EAAqB;EAErD,IAAI,EAAE,KAAiB,KAAoB,IACvC;EAGJ,IAAM,IAA0C,CAAC,GAE3C,IAAmB,EAAI,OAAO,UAAU;EAC9C,AACI,KACA,MACC,KAAK,IAAI,EAAiB,MAAM,EAAO,GAAG,IAAI,KAC3C,KAAK,IAAI,EAAiB,MAAM,EAAO,GAAG,IAAI,OAElD,EAAW,WAAW;EAG1B,IAAM,IAAiB,IAAuB,EAAI,OAAO,eAAe,IAAI,EAAI,OAAO,QAAQ;EAW/F,AAVI,MAAS,KAAA,KAAa,MAAmB,KAAA,KAAa,KAAK,IAAI,IAAiB,CAAI,IAAI,MACxF,EAAW,OAAO,IAGlB,OAAO,KAAK,CAAU,CAAC,CAAC,SAAS,KACjC,EAAI,aAAa,CAAC,CAAC,cAAc,GAAY,CAAa,GAG9D,EAAoB,UAAU,GAC9B,EAAuB,UAAU,GACjC,EAAqB,UAAU;CACnC,GAAG;EAAC;EAAK;EAAQ;EAAM;EAAe;CAAoB,CAAC,GAEpD;AACX"}

package/components/map/components/MapSize.js

@@ -1,18 +1,15 @@
-import { useEffect as r } from "react";
-import { throttle as o } from "es-toolkit/function";
-import i from "../../../hooks/useEvent.js";
-const n = 1100, p = ({ api: e }) => (r(() => {
-  const t = () => e?.map?.getViewPort().resize();
-  return window.addEventListener("resize", t, { passive: !0 }), () => {
-    window.removeEventListener("resize", t);
-  };
-}, [e?.map]), i(
-  "orientationchange",
-  o(() => e?.map?.getViewPort().resize(), n),
-  { passive: !0 },
-  window
-), null);
-export {
-  p as default
-};
-//# sourceMappingURL=MapSize.js.map
+import e from "../../../hooks/useEvent.js";
+import "../../../useEvent.js";
+import { useEffect as t } from "react";
+import { throttle as n } from "es-toolkit/function";
+//#region src/components/map/components/MapSize.tsx
+var r = 1100, i = ({ api: i }) => (t(() => {
+	let e = () => i?.map?.getViewPort().resize();
+	return window.addEventListener("resize", e, { passive: !0 }), () => {
+		window.removeEventListener("resize", e);
+	};
+}, [i?.map]), e("orientationchange", n(() => i?.map?.getViewPort().resize(), r), { passive: !0 }, window), null);
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=MapSize.js.map

package/components/map/components/MapSize.js.map

@@ -1 +1 @@
-{"version":3,"file":"MapSize.js","sources":["../../../../src/components/map/components/MapSize.tsx"],"sourcesContent":["import { useEffect } from 'react';\nimport { throttle } from 'es-toolkit/function';\n\nimport useEvent from '../../../useEvent';\n\nimport type { MapApi } from '../utils/mapTypes';\n\nconst RESIZE_THROTTLE = 1100; // 100 more than the ApplicationLayout handler\n\nconst MapSize = ({ api }: { api: MapApi }) => {\n    useEffect(() => {\n        const resizeMap = () => api?.map?.getViewPort().resize();\n        window.addEventListener('resize', resizeMap, { passive: true });\n        return () => {\n            window.removeEventListener('resize', resizeMap);\n        };\n    }, [api?.map]);\n\n    // Add a orientationchange listener to make sure that the map occupies the whole container on mobile\n    useEvent(\n        'orientationchange',\n        throttle(() => api?.map?.getViewPort().resize(), RESIZE_THROTTLE),\n        { passive: true },\n        window\n    );\n\n    return null;\n};\n\nexport default MapSize;\n"],"names":["RESIZE_THROTTLE","MapSize","api","useEffect","resizeMap","useEvent","throttle"],"mappings":";;;AAOA,MAAMA,IAAkB,MAElBC,IAAU,CAAC,EAAE,KAAAC,SACfC,EAAU,MAAM;AACZ,QAAMC,IAAY,MAAMF,GAAK,KAAK,YAAA,EAAc,OAAA;AAChD,gBAAO,iBAAiB,UAAUE,GAAW,EAAE,SAAS,IAAM,GACvD,MAAM;AACT,WAAO,oBAAoB,UAAUA,CAAS;AAAA,EAClD;AACJ,GAAG,CAACF,GAAK,GAAG,CAAC,GAGbG;AAAA,EACI;AAAA,EACAC,EAAS,MAAMJ,GAAK,KAAK,cAAc,OAAA,GAAUF,CAAe;AAAA,EAChE,EAAE,SAAS,GAAA;AAAA,EACX;AAAA,GAGG;"}
+{"version":3,"file":"MapSize.js","names":[],"sources":["../../../../src/components/map/components/MapSize.tsx"],"sourcesContent":["import { useEffect } from 'react';\nimport { throttle } from 'es-toolkit/function';\n\nimport useEvent from '../../../useEvent';\n\nimport type { MapApi } from '../utils/mapTypes';\n\nconst RESIZE_THROTTLE = 1100; // 100 more than the ApplicationLayout handler\n\nconst MapSize = ({ api }: { api: MapApi }) => {\n    useEffect(() => {\n        const resizeMap = () => api?.map?.getViewPort().resize();\n        window.addEventListener('resize', resizeMap, { passive: true });\n        return () => {\n            window.removeEventListener('resize', resizeMap);\n        };\n    }, [api?.map]);\n\n    // Add a orientationchange listener to make sure that the map occupies the whole container on mobile\n    useEvent(\n        'orientationchange',\n        throttle(() => api?.map?.getViewPort().resize(), RESIZE_THROTTLE),\n        { passive: true },\n        window\n    );\n\n    return null;\n};\n\nexport default MapSize;\n"],"mappings":";;;;;AAOA,IAAM,IAAkB,MAElB,KAAW,EAAE,cACf,QAAgB;CACZ,IAAM,UAAkB,GAAK,KAAK,YAAY,CAAC,CAAC,OAAO;CAEvD,OADA,OAAO,iBAAiB,UAAU,GAAW,EAAE,SAAS,GAAK,CAAC,SACjD;EACT,OAAO,oBAAoB,UAAU,CAAS;CAClD;AACJ,GAAG,CAAC,GAAK,GAAG,CAAC,GAGb,EACI,qBACA,QAAe,GAAK,KAAK,YAAY,CAAC,CAAC,OAAO,GAAG,CAAe,GAChE,EAAE,SAAS,GAAK,GAChB,MACJ,GAEO"}

package/components/map/components/constants.js

@@ -1,19 +1,6 @@
-const E = "DEFAULT", T = "FLEET_STYLE", _ = "SATELLITE", A = "TERRAIN", I = "NIGHT", R = "INCIDENTS", L = "TRAFFIC", n = "ROAD_RESTRICTIONS", P = H.Map.EngineType.HARP, o = H.Map.EngineType.P2D, t = 512, c = "png", s = 3, M = 20, N = 2;
-export {
-  M as DEFAULT_MAX_ZOOM,
-  s as DEFAULT_MIN_ZOOM,
-  N as DEFAULT_PIXEL_RATIO,
-  c as DEFAULT_RASTER_LAYER_FORMAT,
-  t as DEFAULT_TILE_SIZE,
-  P as ENGINE_TYPE_HARP,
-  o as ENGINE_TYPE_P2D,
-  R as MAP_LAYER_INCIDENTS,
-  n as MAP_LAYER_ROAD_RESTRICTIONS,
-  L as MAP_LAYER_TRAFFIC,
-  E as MAP_TYPE_DEFAULT,
-  T as MAP_TYPE_FLEET_STYLE,
-  I as MAP_TYPE_NIGHT,
-  _ as MAP_TYPE_SATELLITE,
-  A as MAP_TYPE_TERRAIN
-};
-//# sourceMappingURL=constants.js.map
+//#region src/components/map/components/constants.ts
+var e = "DEFAULT", t = "FLEET_STYLE", n = "SATELLITE", r = "TERRAIN", i = "NIGHT", a = "INCIDENTS", o = "TRAFFIC", s = "ROAD_RESTRICTIONS", c = H.Map.EngineType.HARP, l = H.Map.EngineType.P2D;
+//#endregion
+export { c as ENGINE_TYPE_HARP, l as ENGINE_TYPE_P2D, a as MAP_LAYER_INCIDENTS, s as MAP_LAYER_ROAD_RESTRICTIONS, o as MAP_LAYER_TRAFFIC, e as MAP_TYPE_DEFAULT, t as MAP_TYPE_FLEET_STYLE, i as MAP_TYPE_NIGHT, n as MAP_TYPE_SATELLITE, r as MAP_TYPE_TERRAIN };
+
+//# sourceMappingURL=constants.js.map

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-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;"}
+{"version":3,"file":"constants.js","names":[],"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"],"mappings":";AAEA,IAAa,IAA4B,WAC5B,IAAgC,eAChC,IAA8B,aAC9B,IAA4B,WAC5B,IAA0B,SAE1B,IAAsB,aACtB,IAAoB,WACpB,IAA8B,qBAW9B,IAAmB,EAAE,IAAI,WAAW,MACpC,IAAkB,EAAE,IAAI,WAAW"}

package/components/map/components/features/ContextMenu.js

@@ -1,59 +1,54 @@
-import { useRef as C, useLayoutEffect as d } from "react";
-import { isEmpty as g } from "es-toolkit/compat";
-import { noop as b } from "es-toolkit/function";
-import { useMapContext as M } from "../MapContext.js";
-const L = "H_context_menu_item", T = (
-  // eslint-disable-next-line max-len
-  '<svg aria-labelledby="ggtrwic-aria" role="img" height="14" width="135px" class="ContentLoader  use-mix-blend-mode"><title id="ggtrwic-aria">Loading...</title><rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#ggtrwic-diff)" style="fill: url(&quot;#ggtrwic-animated-diff&quot;);"></rect><defs><clipPath id="ggtrwic-diff"><rect width="100%" height="100%" rx="3" ry="3"></rect></clipPath><linearGradient id="ggtrwic-animated-diff"><stop offset="0%" stop-color="#f5f6f7" stop-opacity="1"><animate attributeName="offset" values="-2; -2; 1" keyTimes="0; 0.25; 1" dur="2s" repeatCount="indefinite"></animate></stop><stop offset="50%" stop-color="#aaaaaa" stop-opacity="1"><animate attributeName="offset" values="-1; -1; 2" keyTimes="0; 0.25; 1" dur="2s" repeatCount="indefinite"></animate></stop><stop offset="100%" stop-color="#f5f6f7" stop-opacity="1"><animate attributeName="offset" values="0; 0; 3" keyTimes="0; 0.25; 1" dur="2s" repeatCount="indefinite"></animate></stop></linearGradient></defs></svg>'
-), h = () => [...document.getElementsByClassName(L)], w = (n, s) => {
-  Array.from(n).forEach((o, a) => {
-    const r = s[a];
-    if (!r)
-      return;
-    const { hasSpinner: f, className: c, labelClassName: t = "", icon: i, label: p } = r.props, e = `<span class="${t}">${p}</span>`, l = `<span class="rioglyph ${i} margin-right-5"></span>${e}`, u = i ? l : e;
-    f ? o.innerHTML = T : o.innerHTML = u;
-    const x = o.classList;
-    c && c.split(" ").map((E) => x.add(E));
-  });
-}, y = (n, s, o, a) => {
-  const r = n.length - 1, f = s.viewportX, c = a || o.screenToGeo(f, s.viewportY);
-  n.forEach((t, i) => {
-    if (!t)
-      return;
-    const { label: p, disabled: e, callback: l = b } = t.props;
-    s.items.push(
-      new H.util.ContextItem({
-        label: p,
-        disabled: e,
-        callback: () => l(c)
-      })
-    ), i < r && s.items.push(H.util.ContextItem.SEPARATOR);
-  });
-}, v = (n) => n.type === "contextmenu", m = (n, s) => n.target === s || n.target?.data?.source_name?.startsWith("H-"), P = (n) => {
-  const { onOpen: s = b, menuItems: o, contextMenuEvent: a, targetPosition: r } = n, { api: f, baseLayer: c } = M(), { map: t } = f, i = C();
-  i.current = r, d(() => {
-    if (o && t) {
-      const e = g(a?.items);
-      a && !m(a, t) && e && y(o, a, t, i.current), w(h(), o);
-    }
-  }, [o, a, i.current]);
-  const p = (e) => {
-    if (!v(e) || !t)
-      return;
-    m(e, t) && (i.current = void 0);
-    const l = e.viewportX, u = i.current || t?.screenToGeo(l, e.viewportY);
-    u && s(u), m(e, t) && o && g(e.items) && (y(o, e, t, r), w(h(), o));
-  };
-  return d(() => {
-    if (t)
-      return t.addEventListener("contextmenu", p), () => {
-        t.removeEventListener("contextmenu", p);
-      };
-  }, [c, t]), null;
+import { normalizeIconName as e } from "../../../../utils/iconNames.js";
+import { useMapContext as t } from "../MapContext.js";
+import { useLayoutEffect as n, useRef as r } from "react";
+import { noop as i } from "es-toolkit/function";
+import { isEmpty as a } from "es-toolkit/compat";
+//#region src/components/map/components/features/ContextMenu.tsx
+var o = "H_context_menu_item", s = "<svg aria-labelledby=\"ggtrwic-aria\" role=\"img\" height=\"14\" width=\"135px\" class=\"ContentLoader  use-mix-blend-mode\"><title id=\"ggtrwic-aria\">Loading...</title><rect role=\"presentation\" x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" clip-path=\"url(#ggtrwic-diff)\" style=\"fill: url(&quot;#ggtrwic-animated-diff&quot;);\"></rect><defs><clipPath id=\"ggtrwic-diff\"><rect width=\"100%\" height=\"100%\" rx=\"3\" ry=\"3\"></rect></clipPath><linearGradient id=\"ggtrwic-animated-diff\"><stop offset=\"0%\" stop-color=\"#f5f6f7\" stop-opacity=\"1\"><animate attributeName=\"offset\" values=\"-2; -2; 1\" keyTimes=\"0; 0.25; 1\" dur=\"2s\" repeatCount=\"indefinite\"></animate></stop><stop offset=\"50%\" stop-color=\"#aaaaaa\" stop-opacity=\"1\"><animate attributeName=\"offset\" values=\"-1; -1; 2\" keyTimes=\"0; 0.25; 1\" dur=\"2s\" repeatCount=\"indefinite\"></animate></stop><stop offset=\"100%\" stop-color=\"#f5f6f7\" stop-opacity=\"1\"><animate attributeName=\"offset\" values=\"0; 0; 3\" keyTimes=\"0; 0.25; 1\" dur=\"2s\" repeatCount=\"indefinite\"></animate></stop></linearGradient></defs></svg>", c = () => [...document.getElementsByClassName(o)], l = (t, n) => {
+	Array.from(t).forEach((t, r) => {
+		let i = n[r];
+		if (!i) return;
+		let { hasSpinner: a, className: o, labelClassName: c = "", icon: l, label: u } = i.props, d = `<span class="${c}">${u}</span>`, f = `<span class="uikit-icon ${e(l || "")} margin-right-5"></span>${d}`;
+		a ? t.innerHTML = s : t.innerHTML = l ? f : d;
+		let p = t.classList;
+		o && o.split(" ").map((e) => p.add(e));
+	});
+}, u = (e, t, n, r) => {
+	let a = e.length - 1, o = t.viewportX, s = r || n.screenToGeo(o, t.viewportY);
+	e.forEach((e, n) => {
+		if (!e) return;
+		let { label: r, disabled: o, callback: c = i } = e.props;
+		t.items.push(new H.util.ContextItem({
+			label: r,
+			disabled: o,
+			callback: () => c(s)
+		})), n < a && t.items.push(H.util.ContextItem.SEPARATOR);
+	});
+}, d = (e) => e.type === "contextmenu", f = (e, t) => e.target === t || e.target?.data?.source_name?.startsWith("H-"), p = (e) => {
+	let { onOpen: o = i, menuItems: s, contextMenuEvent: p, targetPosition: m } = e, { api: h, baseLayer: g } = t(), { map: _ } = h, v = r(void 0);
+	v.current = m, n(() => {
+		if (s && _) {
+			let e = a(p?.items);
+			p && !f(p, _) && e && u(s, p, _, v.current), l(c(), s);
+		}
+	}, [
+		s,
+		p,
+		v.current
+	]);
+	let y = (e) => {
+		if (!d(e) || !_) return;
+		f(e, _) && (v.current = void 0);
+		let t = e.viewportX, n = v.current || _?.screenToGeo(t, e.viewportY);
+		n && o(n), f(e, _) && s && a(e.items) && (u(s, e, _, m), l(c(), s));
+	};
+	return n(() => {
+		if (_) return _.addEventListener("contextmenu", y), () => {
+			_.removeEventListener("contextmenu", y);
+		};
+	}, [g, _]), null;
 };
-export {
-  P as default,
-  v as isContextMenuEvent,
-  m as isMapTarget
-};
-//# sourceMappingURL=ContextMenu.js.map
+//#endregion
+export { p as default, d as isContextMenuEvent, f as isMapTarget };
+
+//# sourceMappingURL=ContextMenu.js.map

package/components/map/components/features/ContextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.js","sources":["../../../../../src/components/map/components/features/ContextMenu.tsx"],"sourcesContent":["/* eslint-disable no-undef */\nimport { useRef, useLayoutEffect } from 'react';\nimport { isEmpty } from 'es-toolkit/compat';\nimport { noop } from 'es-toolkit/function';\n\nimport { useMapContext } from '../MapContext';\nimport type { ContextMenuItemProps as ContextMenuItem } from './ContextMenuItem';\nimport type { Position } from '../../utils/mapTypes';\n\nconst HERE_ITEM_CLASS = 'H_context_menu_item';\n\nconst centeredSpinner =\n    // eslint-disable-next-line max-len\n    '<svg aria-labelledby=\"ggtrwic-aria\" role=\"img\" height=\"14\" width=\"135px\" class=\"ContentLoader  use-mix-blend-mode\"><title id=\"ggtrwic-aria\">Loading...</title><rect role=\"presentation\" x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" clip-path=\"url(#ggtrwic-diff)\" style=\"fill: url(&quot;#ggtrwic-animated-diff&quot;);\"></rect><defs><clipPath id=\"ggtrwic-diff\"><rect width=\"100%\" height=\"100%\" rx=\"3\" ry=\"3\"></rect></clipPath><linearGradient id=\"ggtrwic-animated-diff\"><stop offset=\"0%\" stop-color=\"#f5f6f7\" stop-opacity=\"1\"><animate attributeName=\"offset\" values=\"-2; -2; 1\" keyTimes=\"0; 0.25; 1\" dur=\"2s\" repeatCount=\"indefinite\"></animate></stop><stop offset=\"50%\" stop-color=\"#aaaaaa\" stop-opacity=\"1\"><animate attributeName=\"offset\" values=\"-1; -1; 2\" keyTimes=\"0; 0.25; 1\" dur=\"2s\" repeatCount=\"indefinite\"></animate></stop><stop offset=\"100%\" stop-color=\"#f5f6f7\" stop-opacity=\"1\"><animate attributeName=\"offset\" values=\"0; 0; 3\" keyTimes=\"0; 0.25; 1\" dur=\"2s\" repeatCount=\"indefinite\"></animate></stop></linearGradient></defs></svg>';\n\nconst getDOMMenuItems = (): Element[] => [...document.getElementsByClassName(HERE_ITEM_CLASS)];\n\n// Query DOM nodes for \"H_context_menu_item\" and update label when children label has changed.\n// This function allows to use HTML markup for the menu items in the second render\nconst updateMenuItemLabels = (nodes: Element[], items: React.ReactElement<ContextMenuItem>[]) => {\n    // setTimeout(() => {\n    Array.from(nodes).forEach((itemNode, index) => {\n        const item = items[index];\n        if (!item) {\n            return;\n        }\n\n        const { hasSpinner, className, labelClassName = '', icon, label } = item.props;\n\n        const contentLabel = `<span class=\"${labelClassName}\">${label}</span>`;\n        const labelWithIcon = `<span class=\"rioglyph ${icon} margin-right-5\"></span>${contentLabel}`;\n        const content = icon ? labelWithIcon : contentLabel;\n\n        if (hasSpinner) {\n            itemNode.innerHTML = centeredSpinner;\n        } else {\n            itemNode.innerHTML = content;\n        }\n\n        const wrapperClassList = itemNode.classList;\n\n        // Since classList.add() does not allow for space separated multiple classes, we have to add them separately\n        if (className) {\n            className.split(' ').map((singleClassName: string) => wrapperClassList.add(singleClassName));\n        }\n    });\n    // }, 0);\n};\n\nconst addItemsToEvent = (\n    items: React.ReactElement<ContextMenuItem>[],\n    event: H.mapevents.ContextMenuEvent,\n    map: H.Map,\n    targetPosition?: Position\n) => {\n    const amount = items.length - 1;\n\n    // FIXME: The imported typing is wrong and according to\n    // https://www.here.com/docs/bundle/maps-api-for-javascript-api-reference/page/H.mapevents.ContextMenuEvent.html#viewportX\n    // it is a number\n    const viewportX = event.viewportX as unknown as number;\n\n    // Get geo coordinates from the screen coordinates or use a fixed set to be returned when\n    // clicking the menu item.\n    const coord = targetPosition || map.screenToGeo(viewportX, event.viewportY);\n\n    items.forEach((item, index) => {\n        if (!item) {\n            return;\n        }\n\n        const { label, disabled, callback = noop } = item.props;\n\n        // @ts-expect-error next-line FIXME: event.items is defined in the API but the imported types are wrong\n        event.items.push(\n            new H.util.ContextItem({\n                label,\n                disabled,\n                callback: () => callback(coord),\n            })\n        );\n\n        // add separator but for last element\n        if (index < amount) {\n            // @ts-expect-error next-line FIXME: event.items is defined in the API but the imported types are wrong\n            event.items.push(H.util.ContextItem.SEPARATOR);\n        }\n    });\n};\n\nexport const isContextMenuEvent = (event: H.mapevents.ContextMenuEvent) => event.type === 'contextmenu';\n\n// Depending on the click target, it may be the map itself or individual parts of the map layer.\n// To check if the context menu click happened on a marker or polygon or circle, we need to check where\n// the user has clicked.\n//\n// Some map layer sources may be:\n// source_layer: \"buildings\", \"landuse\", \"pois\", \"roads\", \"water\", \"places\"\n// source_name: 'H-107';\nexport const isMapTarget = (event: H.mapevents.ContextMenuEvent, map: H.Map) =>\n    event.target === map || event.target?.data?.source_name?.startsWith('H-');\n\nexport type ContextMenuProps = {\n    onOpen?: (menuPosition: Position) => void;\n    menuItems?: React.ReactElement<ContextMenuItem>[];\n    contextMenuEvent?: H.mapevents.ContextMenuEvent;\n    targetPosition?: Position;\n};\n\nconst ContextMenu = (props: ContextMenuProps) => {\n    const { onOpen = noop, menuItems, contextMenuEvent, targetPosition } = props;\n\n    const { api, baseLayer } = useMapContext();\n    const { map: hereMap } = api;\n\n    // Use a ref to store the target position used when a map object was clicked with a fixed\n    // position to return that position in the onOpen callback instead of the dynamic map position\n    const targetPositionRef = useRef<Position>();\n    targetPositionRef.current = targetPosition;\n\n    useLayoutEffect(() => {\n        if (menuItems && hereMap) {\n            // @ts-expect-error next-line FIXME: event.items is defined in the API but the imported types are wrong\n            const hasNoEventItems = isEmpty(contextMenuEvent?.items);\n\n            // Add the context menu item to the target event and not to the map event itself\n            // as every element on the map need to have context menu items added to the event they\n            // are triggered from\n            if (contextMenuEvent && !isMapTarget(contextMenuEvent, hereMap) && hasNoEventItems) {\n                addItemsToEvent(menuItems, contextMenuEvent, hereMap, targetPositionRef.current);\n            }\n\n            updateMenuItemLabels(getDOMMenuItems(), menuItems);\n        }\n    }, [menuItems, contextMenuEvent, targetPositionRef.current]);\n\n    const handleMapContextMenu = (event: H.mapevents.ContextMenuEvent) => {\n        if (!isContextMenuEvent(event) || !hereMap) {\n            return;\n        }\n\n        // \"contextmenu\" event might be triggered not only by a pointer,\n        // but a keyboard button as well. That's why ContextMenuEvent\n        // doesn't have a \"currentPointer\" property.\n        // Instead it has \"viewportX\" and \"viewportY\" properties\n        // for the associates position.\n\n        // Reset previous target positions when the map was clicked\n        if (isMapTarget(event, hereMap)) {\n            targetPositionRef.current = undefined;\n        }\n\n        // FIXME: The imported typing is wrong and according to\n        // https://www.here.com/docs/bundle/maps-api-for-javascript-api-reference/page/H.mapevents.ContextMenuEvent.html#viewportX\n        // it is a number\n        const viewportX = event.viewportX as unknown as number;\n\n        // Get geo coordinates from the screen coordinates.\n        const coord = targetPositionRef.current || hereMap?.screenToGeo(viewportX, event.viewportY);\n        if (coord) {\n            onOpen(coord);\n        }\n\n        // As we already handle contextmenu event callback on map object like markers separately,\n        // we don't do anything if target is different than the map.\n        if (!isMapTarget(event, hereMap)) {\n            return;\n        }\n\n        if (!menuItems) {\n            return;\n        }\n\n        // @ts-expect-error next-line FIXME: event.items is defined in the API but the imported types are wrong\n        if (isEmpty(event.items)) {\n            addItemsToEvent(menuItems, event, hereMap, targetPosition);\n            updateMenuItemLabels(getDOMMenuItems(), menuItems);\n        }\n    };\n\n    // The contextmenu event handler has to be registered in any case to handle context menu events and to\n    // trigger the callback when the menu opens. Take care to remove and add the event listener when the\n    // base map layer changes as the map get re-initialized. Otherwise the context menu cannot be opened anymore\n    // when switching to another map view.\n    useLayoutEffect(() => {\n        if (!hereMap) {\n            return;\n        }\n\n        hereMap.addEventListener('contextmenu', handleMapContextMenu as any);\n\n        return () => {\n            hereMap.removeEventListener('contextmenu', handleMapContextMenu as any);\n        };\n    }, [baseLayer, hereMap]);\n\n    return null;\n};\n\nexport default ContextMenu;\n"],"names":["HERE_ITEM_CLASS","centeredSpinner","getDOMMenuItems","updateMenuItemLabels","nodes","items","itemNode","index","item","hasSpinner","className","labelClassName","icon","label","contentLabel","labelWithIcon","content","wrapperClassList","singleClassName","addItemsToEvent","event","map","targetPosition","amount","viewportX","coord","disabled","callback","noop","isContextMenuEvent","isMapTarget","ContextMenu","props","onOpen","menuItems","contextMenuEvent","api","baseLayer","useMapContext","hereMap","targetPositionRef","useRef","useLayoutEffect","hasNoEventItems","isEmpty","handleMapContextMenu"],"mappings":";;;;AASA,MAAMA,IAAkB,uBAElBC;AAAA;AAAA,EAEF;AAAA,GAEEC,IAAkB,MAAiB,CAAC,GAAG,SAAS,uBAAuBF,CAAe,CAAC,GAIvFG,IAAuB,CAACC,GAAkBC,MAAiD;AAE7F,QAAM,KAAKD,CAAK,EAAE,QAAQ,CAACE,GAAUC,MAAU;AAC3C,UAAMC,IAAOH,EAAME,CAAK;AACxB,QAAI,CAACC;AACD;AAGJ,UAAM,EAAE,YAAAC,GAAY,WAAAC,GAAW,gBAAAC,IAAiB,IAAI,MAAAC,GAAM,OAAAC,MAAUL,EAAK,OAEnEM,IAAe,gBAAgBH,CAAc,KAAKE,CAAK,WACvDE,IAAgB,yBAAyBH,CAAI,2BAA2BE,CAAY,IACpFE,IAAUJ,IAAOG,IAAgBD;AAEvC,IAAIL,IACAH,EAAS,YAAYL,IAErBK,EAAS,YAAYU;AAGzB,UAAMC,IAAmBX,EAAS;AAGlC,IAAII,KACAA,EAAU,MAAM,GAAG,EAAE,IAAI,CAACQ,MAA4BD,EAAiB,IAAIC,CAAe,CAAC;AAAA,EAEnG,CAAC;AAEL,GAEMC,IAAkB,CACpBd,GACAe,GACAC,GACAC,MACC;AACD,QAAMC,IAASlB,EAAM,SAAS,GAKxBmB,IAAYJ,EAAM,WAIlBK,IAAQH,KAAkBD,EAAI,YAAYG,GAAWJ,EAAM,SAAS;AAE1E,EAAAf,EAAM,QAAQ,CAACG,GAAMD,MAAU;AAC3B,QAAI,CAACC;AACD;AAGJ,UAAM,EAAE,OAAAK,GAAO,UAAAa,GAAU,UAAAC,IAAWC,EAAA,IAASpB,EAAK;AAGlD,IAAAY,EAAM,MAAM;AAAA,MACR,IAAI,EAAE,KAAK,YAAY;AAAA,QACnB,OAAAP;AAAA,QACA,UAAAa;AAAA,QACA,UAAU,MAAMC,EAASF,CAAK;AAAA,MAAA,CACjC;AAAA,IAAA,GAIDlB,IAAQgB,KAERH,EAAM,MAAM,KAAK,EAAE,KAAK,YAAY,SAAS;AAAA,EAErD,CAAC;AACL,GAEaS,IAAqB,CAACT,MAAwCA,EAAM,SAAS,eAS7EU,IAAc,CAACV,GAAqCC,MAC7DD,EAAM,WAAWC,KAAOD,EAAM,QAAQ,MAAM,aAAa,WAAW,IAAI,GAStEW,IAAc,CAACC,MAA4B;AAC7C,QAAM,EAAE,QAAAC,IAASL,GAAM,WAAAM,GAAW,kBAAAC,GAAkB,gBAAAb,MAAmBU,GAEjE,EAAE,KAAAI,GAAK,WAAAC,EAAA,IAAcC,EAAA,GACrB,EAAE,KAAKC,EAAA,IAAYH,GAInBI,IAAoBC,EAAA;AAC1B,EAAAD,EAAkB,UAAUlB,GAE5BoB,EAAgB,MAAM;AAClB,QAAIR,KAAaK,GAAS;AAEtB,YAAMI,IAAkBC,EAAQT,GAAkB,KAAK;AAKvD,MAAIA,KAAoB,CAACL,EAAYK,GAAkBI,CAAO,KAAKI,KAC/DxB,EAAgBe,GAAWC,GAAkBI,GAASC,EAAkB,OAAO,GAGnFrC,EAAqBD,EAAA,GAAmBgC,CAAS;AAAA,IACrD;AAAA,EACJ,GAAG,CAACA,GAAWC,GAAkBK,EAAkB,OAAO,CAAC;AAE3D,QAAMK,IAAuB,CAACzB,MAAwC;AAClE,QAAI,CAACS,EAAmBT,CAAK,KAAK,CAACmB;AAC/B;AAUJ,IAAIT,EAAYV,GAAOmB,CAAO,MAC1BC,EAAkB,UAAU;AAMhC,UAAMhB,IAAYJ,EAAM,WAGlBK,IAAQe,EAAkB,WAAWD,GAAS,YAAYf,GAAWJ,EAAM,SAAS;AAO1F,IANIK,KACAQ,EAAOR,CAAK,GAKXK,EAAYV,GAAOmB,CAAO,KAI1BL,KAKDU,EAAQxB,EAAM,KAAK,MACnBD,EAAgBe,GAAWd,GAAOmB,GAASjB,CAAc,GACzDnB,EAAqBD,EAAA,GAAmBgC,CAAS;AAAA,EAEzD;AAMA,SAAAQ,EAAgB,MAAM;AAClB,QAAKH;AAIL,aAAAA,EAAQ,iBAAiB,eAAeM,CAA2B,GAE5D,MAAM;AACT,QAAAN,EAAQ,oBAAoB,eAAeM,CAA2B;AAAA,MAC1E;AAAA,EACJ,GAAG,CAACR,GAAWE,CAAO,CAAC,GAEhB;AACX;"}
+{"version":3,"file":"ContextMenu.js","names":[],"sources":["../../../../../src/components/map/components/features/ContextMenu.tsx"],"sourcesContent":["/* eslint-disable no-undef */\nimport { useRef, useLayoutEffect } from 'react';\nimport { isEmpty } from 'es-toolkit/compat';\nimport { noop } from 'es-toolkit/function';\n\nimport { normalizeIconName } from '../../../../utils/iconNames';\nimport { useMapContext } from '../MapContext';\nimport type { ContextMenuItemProps as ContextMenuItem } from './ContextMenuItem';\nimport type { Position } from '../../utils/mapTypes';\n\nconst HERE_ITEM_CLASS = 'H_context_menu_item';\n\nconst centeredSpinner =\n    // eslint-disable-next-line max-len\n    '<svg aria-labelledby=\"ggtrwic-aria\" role=\"img\" height=\"14\" width=\"135px\" class=\"ContentLoader  use-mix-blend-mode\"><title id=\"ggtrwic-aria\">Loading...</title><rect role=\"presentation\" x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" clip-path=\"url(#ggtrwic-diff)\" style=\"fill: url(&quot;#ggtrwic-animated-diff&quot;);\"></rect><defs><clipPath id=\"ggtrwic-diff\"><rect width=\"100%\" height=\"100%\" rx=\"3\" ry=\"3\"></rect></clipPath><linearGradient id=\"ggtrwic-animated-diff\"><stop offset=\"0%\" stop-color=\"#f5f6f7\" stop-opacity=\"1\"><animate attributeName=\"offset\" values=\"-2; -2; 1\" keyTimes=\"0; 0.25; 1\" dur=\"2s\" repeatCount=\"indefinite\"></animate></stop><stop offset=\"50%\" stop-color=\"#aaaaaa\" stop-opacity=\"1\"><animate attributeName=\"offset\" values=\"-1; -1; 2\" keyTimes=\"0; 0.25; 1\" dur=\"2s\" repeatCount=\"indefinite\"></animate></stop><stop offset=\"100%\" stop-color=\"#f5f6f7\" stop-opacity=\"1\"><animate attributeName=\"offset\" values=\"0; 0; 3\" keyTimes=\"0; 0.25; 1\" dur=\"2s\" repeatCount=\"indefinite\"></animate></stop></linearGradient></defs></svg>';\n\nconst getDOMMenuItems = (): Element[] => [...document.getElementsByClassName(HERE_ITEM_CLASS)];\n\n// Query DOM nodes for \"H_context_menu_item\" and update label when children label has changed.\n// This function allows to use HTML markup for the menu items in the second render\nconst updateMenuItemLabels = (nodes: Element[], items: React.ReactElement<ContextMenuItem>[]) => {\n    // setTimeout(() => {\n    Array.from(nodes).forEach((itemNode, index) => {\n        const item = items[index];\n        if (!item) {\n            return;\n        }\n\n        const { hasSpinner, className, labelClassName = '', icon, label } = item.props;\n\n        const contentLabel = `<span class=\"${labelClassName}\">${label}</span>`;\n        const labelWithIcon = `<span class=\"uikit-icon ${normalizeIconName(icon || '')} margin-right-5\"></span>${contentLabel}`;\n        const content = icon ? labelWithIcon : contentLabel;\n\n        if (hasSpinner) {\n            itemNode.innerHTML = centeredSpinner;\n        } else {\n            itemNode.innerHTML = content;\n        }\n\n        const wrapperClassList = itemNode.classList;\n\n        // Since classList.add() does not allow for space separated multiple classes, we have to add them separately\n        if (className) {\n            className.split(' ').map((singleClassName: string) => wrapperClassList.add(singleClassName));\n        }\n    });\n    // }, 0);\n};\n\nconst addItemsToEvent = (\n    items: React.ReactElement<ContextMenuItem>[],\n    event: H.mapevents.ContextMenuEvent,\n    map: H.Map,\n    targetPosition?: Position\n) => {\n    const amount = items.length - 1;\n\n    // FIXME: The imported typing is wrong and according to\n    // https://www.here.com/docs/bundle/maps-api-for-javascript-api-reference/page/H.mapevents.ContextMenuEvent.html#viewportX\n    // it is a number\n    const viewportX = event.viewportX as unknown as number;\n\n    // Get geo coordinates from the screen coordinates or use a fixed set to be returned when\n    // clicking the menu item.\n    const coord = targetPosition || map.screenToGeo(viewportX, event.viewportY);\n\n    items.forEach((item, index) => {\n        if (!item) {\n            return;\n        }\n\n        const { label, disabled, callback = noop } = item.props;\n\n        // @ts-expect-error next-line FIXME: event.items is defined in the API but the imported types are wrong\n        event.items.push(\n            new H.util.ContextItem({\n                label,\n                disabled,\n                callback: () => callback(coord),\n            })\n        );\n\n        // add separator but for last element\n        if (index < amount) {\n            // @ts-expect-error next-line FIXME: event.items is defined in the API but the imported types are wrong\n            event.items.push(H.util.ContextItem.SEPARATOR);\n        }\n    });\n};\n\nexport const isContextMenuEvent = (event: H.mapevents.ContextMenuEvent) => event.type === 'contextmenu';\n\n// Depending on the click target, it may be the map itself or individual parts of the map layer.\n// To check if the context menu click happened on a marker or polygon or circle, we need to check where\n// the user has clicked.\n//\n// Some map layer sources may be:\n// source_layer: \"buildings\", \"landuse\", \"pois\", \"roads\", \"water\", \"places\"\n// source_name: 'H-107';\nexport const isMapTarget = (event: H.mapevents.ContextMenuEvent, map: H.Map) =>\n    event.target === map || event.target?.data?.source_name?.startsWith('H-');\n\nexport type ContextMenuProps = {\n    onOpen?: (menuPosition: Position) => void;\n    menuItems?: React.ReactElement<ContextMenuItem>[];\n    contextMenuEvent?: H.mapevents.ContextMenuEvent;\n    targetPosition?: Position;\n};\n\nconst ContextMenu = (props: ContextMenuProps) => {\n    const { onOpen = noop, menuItems, contextMenuEvent, targetPosition } = props;\n\n    const { api, baseLayer } = useMapContext();\n    const { map: hereMap } = api;\n\n    // Use a ref to store the target position used when a map object was clicked with a fixed\n    // position to return that position in the onOpen callback instead of the dynamic map position\n    const targetPositionRef = useRef<Position | undefined>(undefined);\n    targetPositionRef.current = targetPosition;\n\n    useLayoutEffect(() => {\n        if (menuItems && hereMap) {\n            // @ts-expect-error next-line FIXME: event.items is defined in the API but the imported types are wrong\n            const hasNoEventItems = isEmpty(contextMenuEvent?.items);\n\n            // Add the context menu item to the target event and not to the map event itself\n            // as every element on the map need to have context menu items added to the event they\n            // are triggered from\n            if (contextMenuEvent && !isMapTarget(contextMenuEvent, hereMap) && hasNoEventItems) {\n                addItemsToEvent(menuItems, contextMenuEvent, hereMap, targetPositionRef.current);\n            }\n\n            updateMenuItemLabels(getDOMMenuItems(), menuItems);\n        }\n    }, [menuItems, contextMenuEvent, targetPositionRef.current]);\n\n    const handleMapContextMenu = (event: H.mapevents.ContextMenuEvent) => {\n        if (!isContextMenuEvent(event) || !hereMap) {\n            return;\n        }\n\n        // \"contextmenu\" event might be triggered not only by a pointer,\n        // but a keyboard button as well. That's why ContextMenuEvent\n        // doesn't have a \"currentPointer\" property.\n        // Instead it has \"viewportX\" and \"viewportY\" properties\n        // for the associates position.\n\n        // Reset previous target positions when the map was clicked\n        if (isMapTarget(event, hereMap)) {\n            targetPositionRef.current = undefined;\n        }\n\n        // FIXME: The imported typing is wrong and according to\n        // https://www.here.com/docs/bundle/maps-api-for-javascript-api-reference/page/H.mapevents.ContextMenuEvent.html#viewportX\n        // it is a number\n        const viewportX = event.viewportX as unknown as number;\n\n        // Get geo coordinates from the screen coordinates.\n        const coord = targetPositionRef.current || hereMap?.screenToGeo(viewportX, event.viewportY);\n        if (coord) {\n            onOpen(coord);\n        }\n\n        // As we already handle contextmenu event callback on map object like markers separately,\n        // we don't do anything if target is different than the map.\n        if (!isMapTarget(event, hereMap)) {\n            return;\n        }\n\n        if (!menuItems) {\n            return;\n        }\n\n        // @ts-expect-error next-line FIXME: event.items is defined in the API but the imported types are wrong\n        if (isEmpty(event.items)) {\n            addItemsToEvent(menuItems, event, hereMap, targetPosition);\n            updateMenuItemLabels(getDOMMenuItems(), menuItems);\n        }\n    };\n\n    // The contextmenu event handler has to be registered in any case to handle context menu events and to\n    // trigger the callback when the menu opens. Take care to remove and add the event listener when the\n    // base map layer changes as the map get re-initialized. Otherwise the context menu cannot be opened anymore\n    // when switching to another map view.\n    useLayoutEffect(() => {\n        if (!hereMap) {\n            return;\n        }\n\n        hereMap.addEventListener('contextmenu', handleMapContextMenu as any);\n\n        return () => {\n            hereMap.removeEventListener('contextmenu', handleMapContextMenu as any);\n        };\n    }, [baseLayer, hereMap]);\n\n    return null;\n};\n\nexport default ContextMenu;\n"],"mappings":";;;;;;AAUA,IAAM,IAAkB,uBAElB,IAEF,+lCAEE,UAAmC,CAAC,GAAG,SAAS,uBAAuB,CAAe,CAAC,GAIvF,KAAwB,GAAkB,MAAiD;CAE7F,MAAM,KAAK,CAAK,CAAC,CAAC,SAAS,GAAU,MAAU;EAC3C,IAAM,IAAO,EAAM;EACnB,IAAI,CAAC,GACD;EAGJ,IAAM,EAAE,eAAY,cAAW,oBAAiB,IAAI,SAAM,aAAU,EAAK,OAEnE,IAAe,gBAAgB,EAAe,IAAI,EAAM,UACxD,IAAgB,2BAA2B,EAAkB,KAAQ,EAAE,EAAE,0BAA0B;EAGzG,AAAI,IACA,EAAS,YAAY,IAErB,EAAS,YALG,IAAO,IAAgB;EAQvC,IAAM,IAAmB,EAAS;EAGlC,AAAI,KACA,EAAU,MAAM,GAAG,CAAC,CAAC,KAAK,MAA4B,EAAiB,IAAI,CAAe,CAAC;CAEnG,CAAC;AAEL,GAEM,KACF,GACA,GACA,GACA,MACC;CACD,IAAM,IAAS,EAAM,SAAS,GAKxB,IAAY,EAAM,WAIlB,IAAQ,KAAkB,EAAI,YAAY,GAAW,EAAM,SAAS;CAE1E,EAAM,SAAS,GAAM,MAAU;EAC3B,IAAI,CAAC,GACD;EAGJ,IAAM,EAAE,UAAO,aAAU,cAAW,MAAS,EAAK;EAYlD,AATA,EAAM,MAAM,KACR,IAAI,EAAE,KAAK,YAAY;GACnB;GACA;GACA,gBAAgB,EAAS,CAAK;EAClC,CAAC,CACL,GAGI,IAAQ,KAER,EAAM,MAAM,KAAK,EAAE,KAAK,YAAY,SAAS;CAErD,CAAC;AACL,GAEa,KAAsB,MAAwC,EAAM,SAAS,eAS7E,KAAe,GAAqC,MAC7D,EAAM,WAAW,KAAO,EAAM,QAAQ,MAAM,aAAa,WAAW,IAAI,GAStE,KAAe,MAA4B;CAC7C,IAAM,EAAE,YAAS,GAAM,cAAW,qBAAkB,sBAAmB,GAEjE,EAAE,QAAK,iBAAc,EAAc,GACnC,EAAE,KAAK,MAAY,GAInB,IAAoB,EAA6B,KAAA,CAAS;CAGhE,AAFA,EAAkB,UAAU,GAE5B,QAAsB;EAClB,IAAI,KAAa,GAAS;GAEtB,IAAM,IAAkB,EAAQ,GAAkB,KAAK;GASvD,AAJI,KAAoB,CAAC,EAAY,GAAkB,CAAO,KAAK,KAC/D,EAAgB,GAAW,GAAkB,GAAS,EAAkB,OAAO,GAGnF,EAAqB,EAAgB,GAAG,CAAS;EACrD;CACJ,GAAG;EAAC;EAAW;EAAkB,EAAkB;CAAO,CAAC;CAE3D,IAAM,KAAwB,MAAwC;EAClE,IAAI,CAAC,EAAmB,CAAK,KAAK,CAAC,GAC/B;EAUJ,AAAI,EAAY,GAAO,CAAO,MAC1B,EAAkB,UAAU,KAAA;EAMhC,IAAM,IAAY,EAAM,WAGlB,IAAQ,EAAkB,WAAW,GAAS,YAAY,GAAW,EAAM,SAAS;EAC1F,AAAI,KACA,EAAO,CAAK,GAKX,EAAY,GAAO,CAAO,KAI1B,KAKD,EAAQ,EAAM,KAAK,MACnB,EAAgB,GAAW,GAAO,GAAS,CAAc,GACzD,EAAqB,EAAgB,GAAG,CAAS;CAEzD;CAkBA,OAZA,QAAsB;EACb,OAML,OAFA,EAAQ,iBAAiB,eAAe,CAA2B,SAEtD;GACT,EAAQ,oBAAoB,eAAe,CAA2B;EAC1E;CACJ,GAAG,CAAC,GAAW,CAAO,CAAC,GAEhB;AACX"}

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

@@ -1,10 +1,17 @@
 import { Position } from '../../utils/mapTypes';
+import { IconType } from '../../../icon/Icon';
 export type ContextMenuItemProps = {
     label: string;
     disabled?: boolean;
     callback?: (position: Position) => void;
     hasSpinner?: boolean;
-    icon?: string;
+    iconName?: IconType;
+    /**
+     * Legacy alias for `iconName`.
+     *
+     * @deprecated Use `iconName` instead.
+     */
+    icon?: IconType;
     className?: string;
     labelClassName?: string;
 };

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

@@ -1,5 +1,6 @@
-const e = (t) => null;
-export {
-  e as default
-};
-//# sourceMappingURL=ContextMenuItem.js.map
+//#region src/components/map/components/features/ContextMenuItem.tsx
+var e = (e) => null;
+//#endregion
+export { 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 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;"}
+{"version":3,"file":"ContextMenuItem.js","names":[],"sources":["../../../../../src/components/map/components/features/ContextMenuItem.tsx"],"sourcesContent":["import type { Position } from '../../utils/mapTypes';\nimport type { IconType } from '../../../icon/Icon';\n\nexport type ContextMenuItemProps = {\n    label: string;\n    disabled?: boolean;\n    callback?: (position: Position) => void;\n    hasSpinner?: boolean;\n    iconName?: IconType;\n    /**\n     * Legacy alias for `iconName`.\n     *\n     * @deprecated Use `iconName` instead.\n     */\n    icon?: IconType;\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"],"mappings":";AAqBA,IAAM,KAAmB,MAA4B"}

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

@@ -1,5 +1,7 @@
+import { default as React } from 'react';
+type MapSettingsOption = React.ReactElement;
 export type MapSettingsProps = {
-    options?: JSX.Element[];
+    options?: MapSettingsOption[];
     className?: string;
 };
 declare const MapSettings: (props: MapSettingsProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,30 +1,32 @@
-import { jsx as l } from "react/jsx-runtime";
-import r from "react";
-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 = 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
-  }) : U(e) ? r.cloneElement(e, {
-    key: e?.key ?? crypto.randomUUID(),
-    activeBuiltinLayers: m,
-    onMapLayerChange: y
-  }) : d(e) ? r.cloneElement(e, {
-    key: e?.key ?? crypto.randomUUID(),
-    showCluster: p,
-    onShowClusterChange: c
-  }) : r.cloneElement(e, {
-    key: e?.key ?? `MapSettingsOption_${crypto.randomUUID()}`
-  })) });
+import e from "../../../../utils/classNames.js";
+import { useMapContext as t } from "../MapContext.js";
+import n from "./settings/builtinSettings/MapTypeSettings.js";
+import r from "./settings/builtinSettings/MapLayerSettings.js";
+import i from "./settings/builtinSettings/MapClusterSettings.js";
+import a from "react";
+import { map as o } from "es-toolkit/compat";
+import { jsx as s } from "react/jsx-runtime";
+//#region src/components/map/components/features/MapSettings.tsx
+var c = (e) => e.type === n, l = (e) => e.type === r, u = (e) => e.type === i, d = (n) => {
+	let { options: r, className: i = "" } = n, { baseLayer: d, activeLayers: f, showCluster: p, onMapTypeChange: m, onMapLayerChange: h, onShowClusterChange: g } = t();
+	return /* @__PURE__ */ s("div", {
+		className: e("MapSettingsWrapper", i),
+		children: o(r, (e) => c(e) ? a.cloneElement(e, {
+			key: e?.key ?? crypto.randomUUID(),
+			mapType: d,
+			onMapTypeChange: m
+		}) : l(e) ? a.cloneElement(e, {
+			key: e?.key ?? crypto.randomUUID(),
+			activeBuiltinLayers: f,
+			onMapLayerChange: h
+		}) : u(e) ? a.cloneElement(e, {
+			key: e?.key ?? crypto.randomUUID(),
+			showCluster: p,
+			onShowClusterChange: g
+		}) : a.cloneElement(e, { key: e?.key ?? `MapSettingsOption_${crypto.randomUUID()}` }))
+	});
 };
-export {
-  N as default
-};
-//# sourceMappingURL=MapSettings.js.map
+//#endregion
+export { d as default };
+
+//# sourceMappingURL=MapSettings.js.map