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

package/components/map/hooks/useMapViewportHistory.js

@@ -1,116 +1,93 @@
-import { useState as d, useRef as D, useCallback as T, useEffect as _ } from "react";
-const V = 5, A = 100, p = 0.1, H = 180, k = 6371e3, y = {
-  entries: [],
-  canGoBack: !1,
-  goBack: () => {
-  }
-}, R = (e) => e * Math.PI / 180, C = (e, n) => {
-  const o = R(n.lat - e.lat), u = R(n.lng - e.lng), l = R(e.lat), s = R(n.lat), a = Math.sin(o / 2) ** 2 + Math.cos(l) * Math.cos(s) * Math.sin(u / 2) ** 2;
-  return 2 * k * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
+import { useCallback as e, useEffect as t, useRef as n, useState as r } from "react";
+//#region src/components/map/hooks/useMapViewportHistory.ts
+var i = 5, a = 100, o = .1, s = 180, c = 6371e3, l = {
+	entries: [],
+	canGoBack: !1,
+	goBack: () => {}
+}, u = (e) => e * Math.PI / 180, d = (e, t) => {
+	let n = u(t.lat - e.lat), r = u(t.lng - e.lng), i = u(e.lat), a = u(t.lat), o = Math.sin(n / 2) ** 2 + Math.cos(i) * Math.cos(a) * Math.sin(r / 2) ** 2;
+	return 2 * c * Math.atan2(Math.sqrt(o), Math.sqrt(1 - o));
 }, f = (e) => {
-  const n = e.getCenter(), { zoom: o = 0 } = e.getViewModel().getLookAtData();
-  return {
-    center: {
-      lat: n.lat,
-      lng: n.lng
-    },
-    zoom: o
-  };
-}, z = (e, n, o, u) => {
-  if (!(e && n))
-    return !1;
-  const l = C(e.center, n.center), s = Math.abs(e.zoom - n.zoom);
-  return l >= o || s >= u;
-}, I = (e, n) => e?.center.lat === n?.center.lat && e?.center.lng === n?.center.lng && e?.zoom === n?.zoom, B = (e, {
-  maxEntries: n = V,
-  centerDistanceThresholdMeters: o = A,
-  zoomThreshold: u = p,
-  zoomAnimation: l = !1,
-  controlledViewport: s
-} = {}) => {
-  const [a, M] = d({
-    entries: [],
-    currentViewport: s,
-    isRestoring: !1
-  }), m = D(), g = D(), w = T(
-    (t, c) => z(t, c, o, u),
-    [o, u]
-  ), h = T(
-    (t, c) => {
-      const r = t[0];
-      return r && !w(c, r) ? t : [c, ...t].slice(0, n);
-    },
-    [w, n]
-  ), i = T(
-    (t, { replace: c = !1 } = {}) => {
-      M((r) => {
-        if (c)
-          return {
-            ...r,
-            currentViewport: t,
-            isRestoring: !1
-          };
-        if (r.isRestoring)
-          return {
-            ...r,
-            currentViewport: t,
-            isRestoring: !1
-          };
-        const { currentViewport: E } = r;
-        return E ? I(E, t) ? r : w(E, t) ? {
-          ...r,
-          entries: h(r.entries, E),
-          currentViewport: t
-        } : {
-          ...r,
-          currentViewport: t
-        } : {
-          ...r,
-          currentViewport: t
-        };
-      });
-    },
-    [h, w]
-  ), L = T(() => {
-    const t = e?.map, c = a.entries[0];
-    t && c && (window.clearTimeout(m.current), window.clearTimeout(g.current), M((r) => ({
-      ...r,
-      entries: r.entries.slice(1),
-      currentViewport: c,
-      isRestoring: !0
-    })), t.getViewModel().setLookAtData(
-      {
-        position: c.center,
-        zoom: c.zoom
-      },
-      l
-    ), m.current = window.setTimeout(() => {
-      i(f(t), { replace: !0 }), m.current = void 0;
-    }, 750));
-  }, [e?.map, i, a.entries, l]);
-  return _(() => {
-    s && i(s);
-  }, [i, s]), _(() => {
-    const t = e?.map;
-    if (!t)
-      return;
-    i(f(t), { replace: !0 });
-    const c = () => {
-      window.clearTimeout(g.current), g.current = window.setTimeout(() => {
-        g.current = void 0, i(f(t));
-      }, H);
-    };
-    return t.addEventListener("mapviewchangeend", c), () => {
-      t.removeEventListener("mapviewchangeend", c), window.clearTimeout(m.current), window.clearTimeout(g.current), m.current = void 0, g.current = void 0;
-    };
-  }, [e?.map, i]), {
-    entries: a.entries,
-    canGoBack: a.entries.length > 0,
-    goBack: L
-  };
+	let t = e.getCenter(), { zoom: n = 0 } = e.getViewModel().getLookAtData();
+	return {
+		center: {
+			lat: t.lat,
+			lng: t.lng
+		},
+		zoom: n
+	};
+}, p = (e, t, n, r) => {
+	if (!(e && t)) return !1;
+	let i = d(e.center, t.center), a = Math.abs(e.zoom - t.zoom);
+	return i >= n || a >= r;
+}, m = (e, t) => e?.center.lat === t?.center.lat && e?.center.lng === t?.center.lng && e?.zoom === t?.zoom, h = (c, { maxEntries: l = i, centerDistanceThresholdMeters: u = a, zoomThreshold: d = o, zoomAnimation: h = !1, controlledViewport: g } = {}) => {
+	let [_, v] = r({
+		entries: [],
+		currentViewport: g,
+		isRestoring: !1
+	}), y = n(void 0), b = n(void 0), x = e((e, t) => p(e, t, u, d), [u, d]), S = e((e, t) => {
+		let n = e[0];
+		return n && !x(t, n) ? e : [t, ...e].slice(0, l);
+	}, [x, l]), C = e((e, { replace: t = !1 } = {}) => {
+		v((n) => {
+			if (t || n.isRestoring) return {
+				...n,
+				currentViewport: e,
+				isRestoring: !1
+			};
+			let { currentViewport: r } = n;
+			return r ? m(r, e) ? n : x(r, e) ? {
+				...n,
+				entries: S(n.entries, r),
+				currentViewport: e
+			} : {
+				...n,
+				currentViewport: e
+			} : {
+				...n,
+				currentViewport: e
+			};
+		});
+	}, [S, x]), w = e(() => {
+		let e = c?.map, t = _.entries[0];
+		e && t && (window.clearTimeout(y.current), window.clearTimeout(b.current), v((e) => ({
+			...e,
+			entries: e.entries.slice(1),
+			currentViewport: t,
+			isRestoring: !0
+		})), e.getViewModel().setLookAtData({
+			position: t.center,
+			zoom: t.zoom
+		}, h), y.current = window.setTimeout(() => {
+			C(f(e), { replace: !0 }), y.current = void 0;
+		}, 750));
+	}, [
+		c?.map,
+		C,
+		_.entries,
+		h
+	]);
+	return t(() => {
+		g && C(g);
+	}, [C, g]), t(() => {
+		let e = c?.map;
+		if (!e) return;
+		C(f(e), { replace: !0 });
+		let t = () => {
+			window.clearTimeout(b.current), b.current = window.setTimeout(() => {
+				b.current = void 0, C(f(e));
+			}, s);
+		};
+		return e.addEventListener("mapviewchangeend", t), () => {
+			e.removeEventListener("mapviewchangeend", t), window.clearTimeout(y.current), window.clearTimeout(b.current), y.current = void 0, b.current = void 0;
+		};
+	}, [c?.map, C]), {
+		entries: _.entries,
+		canGoBack: _.entries.length > 0,
+		goBack: w
+	};
 };
-export {
-  y as defaultMapViewportHistory,
-  B as useMapViewportHistory
-};
-//# sourceMappingURL=useMapViewportHistory.js.map
+//#endregion
+export { l as defaultMapViewportHistory, h as useMapViewportHistory };
+
+//# sourceMappingURL=useMapViewportHistory.js.map

package/components/map/hooks/useMapViewportHistory.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMapViewportHistory.js","sources":["../../../../src/components/map/hooks/useMapViewportHistory.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\nimport type { MapApi, Position } from '../utils/mapTypes';\n\nexport type MapViewport = {\n    center: Position;\n    zoom: number;\n};\n\nexport type MapViewportHistory = {\n    entries: MapViewport[];\n    canGoBack: boolean;\n    goBack: () => void;\n};\n\nexport type UseMapViewportHistoryOptions = {\n    maxEntries?: number;\n    centerDistanceThresholdMeters?: number;\n    zoomThreshold?: number;\n    zoomAnimation?: boolean;\n    controlledViewport?: MapViewport;\n};\n\nconst DEFAULT_MAX_ENTRIES = 5;\n\nconst DEFAULT_CENTER_DISTANCE_THRESHOLD_METERS = 100;\nconst DEFAULT_ZOOM_THRESHOLD = 0.1;\nconst VIEWPORT_CHANGE_SETTLE_DELAY_MS = 180;\nconst EARTH_RADIUS_METERS = 6371000;\n\nexport const defaultMapViewportHistory: MapViewportHistory = {\n    entries: [],\n    canGoBack: false,\n    goBack: () => {},\n};\n\nconst toRadians = (degrees: number) => (degrees * Math.PI) / 180;\n\nconst getDistanceMeters = (first: Position, second: Position) => {\n    const latDistance = toRadians(second.lat - first.lat);\n    const lngDistance = toRadians(second.lng - first.lng);\n    const firstLat = toRadians(first.lat);\n    const secondLat = toRadians(second.lat);\n\n    const haversine =\n        Math.sin(latDistance / 2) ** 2 + Math.cos(firstLat) * Math.cos(secondLat) * Math.sin(lngDistance / 2) ** 2;\n\n    return 2 * EARTH_RADIUS_METERS * Math.atan2(Math.sqrt(haversine), Math.sqrt(1 - haversine));\n};\n\nconst getViewport = (map: H.Map): MapViewport => {\n    const center = map.getCenter();\n    const { zoom = 0 } = map.getViewModel().getLookAtData();\n\n    return {\n        center: {\n            lat: center.lat,\n            lng: center.lng,\n        },\n        zoom,\n    };\n};\n\nconst hasRelevantViewportChange = (\n    first: MapViewport | undefined,\n    second: MapViewport | undefined,\n    centerDistanceThresholdMeters: number,\n    zoomThreshold: number\n) => {\n    if (!(first && second)) {\n        return false;\n    }\n\n    const centerDistance = getDistanceMeters(first.center, second.center);\n    const zoomDistance = Math.abs(first.zoom - second.zoom);\n\n    return centerDistance >= centerDistanceThresholdMeters || zoomDistance >= zoomThreshold;\n};\n\nconst hasSameViewport = (first: MapViewport | undefined, second: MapViewport | undefined) =>\n    first?.center.lat === second?.center.lat &&\n    first?.center.lng === second?.center.lng &&\n    first?.zoom === second?.zoom;\n\ntype MapViewportHistoryState = {\n    entries: MapViewport[];\n    currentViewport?: MapViewport;\n    isRestoring: boolean;\n};\n\nexport const useMapViewportHistory = (\n    api: MapApi | undefined,\n    {\n        maxEntries = DEFAULT_MAX_ENTRIES,\n        centerDistanceThresholdMeters = DEFAULT_CENTER_DISTANCE_THRESHOLD_METERS,\n        zoomThreshold = DEFAULT_ZOOM_THRESHOLD,\n        zoomAnimation = false,\n        controlledViewport,\n    }: UseMapViewportHistoryOptions = {}\n): MapViewportHistory => {\n    const [state, setState] = useState<MapViewportHistoryState>({\n        entries: [],\n        currentViewport: controlledViewport,\n        isRestoring: false,\n    });\n    const restoreFallbackTimeoutRef = useRef<number>();\n    const commitHistoryTimeoutRef = useRef<number>();\n\n    const isRelevantChange = useCallback(\n        (first: MapViewport | undefined, second: MapViewport | undefined) =>\n            hasRelevantViewportChange(first, second, centerDistanceThresholdMeters, zoomThreshold),\n        [centerDistanceThresholdMeters, zoomThreshold]\n    );\n\n    const getEntriesWithViewport = useCallback(\n        (entries: MapViewport[], viewport: MapViewport) => {\n            const latestEntry = entries[0];\n\n            if (latestEntry && !isRelevantChange(viewport, latestEntry)) {\n                return entries;\n            }\n\n            return [viewport, ...entries].slice(0, maxEntries);\n        },\n        [isRelevantChange, maxEntries]\n    );\n\n    const commitViewport = useCallback(\n        (nextViewport: MapViewport, { replace = false } = {}) => {\n            setState(previousState => {\n                if (replace) {\n                    return {\n                        ...previousState,\n                        currentViewport: nextViewport,\n                        isRestoring: false,\n                    };\n                }\n\n                if (previousState.isRestoring) {\n                    return {\n                        ...previousState,\n                        currentViewport: nextViewport,\n                        isRestoring: false,\n                    };\n                }\n\n                const { currentViewport } = previousState;\n\n                if (!currentViewport) {\n                    return {\n                        ...previousState,\n                        currentViewport: nextViewport,\n                    };\n                }\n\n                if (hasSameViewport(currentViewport, nextViewport)) {\n                    return previousState;\n                }\n\n                if (!isRelevantChange(currentViewport, nextViewport)) {\n                    return {\n                        ...previousState,\n                        currentViewport: nextViewport,\n                    };\n                }\n\n                return {\n                    ...previousState,\n                    entries: getEntriesWithViewport(previousState.entries, currentViewport),\n                    currentViewport: nextViewport,\n                };\n            });\n        },\n        [getEntriesWithViewport, isRelevantChange]\n    );\n\n    const goBack = useCallback(() => {\n        const map = api?.map;\n        const targetViewport = state.entries[0];\n\n        if (!(map && targetViewport)) {\n            return;\n        }\n\n        window.clearTimeout(restoreFallbackTimeoutRef.current);\n        window.clearTimeout(commitHistoryTimeoutRef.current);\n        setState(previousState => ({\n            ...previousState,\n            entries: previousState.entries.slice(1),\n            currentViewport: targetViewport,\n            isRestoring: true,\n        }));\n\n        map.getViewModel().setLookAtData(\n            {\n                position: targetViewport.center,\n                zoom: targetViewport.zoom,\n            },\n            zoomAnimation\n        );\n\n        restoreFallbackTimeoutRef.current = window.setTimeout(() => {\n            commitViewport(getViewport(map), { replace: true });\n            restoreFallbackTimeoutRef.current = undefined;\n        }, 750);\n    }, [api?.map, commitViewport, state.entries, zoomAnimation]);\n\n    useEffect(() => {\n        if (controlledViewport) {\n            commitViewport(controlledViewport);\n        }\n    }, [commitViewport, controlledViewport]);\n\n    useEffect(() => {\n        const map = api?.map;\n\n        if (!map) {\n            return;\n        }\n\n        commitViewport(getViewport(map), { replace: true });\n\n        const handleMapViewChangeEnd = () => {\n            window.clearTimeout(commitHistoryTimeoutRef.current);\n\n            commitHistoryTimeoutRef.current = window.setTimeout(() => {\n                commitHistoryTimeoutRef.current = undefined;\n                commitViewport(getViewport(map));\n            }, VIEWPORT_CHANGE_SETTLE_DELAY_MS);\n        };\n\n        map.addEventListener('mapviewchangeend', handleMapViewChangeEnd as EventListener);\n\n        return () => {\n            map.removeEventListener('mapviewchangeend', handleMapViewChangeEnd as EventListener);\n            window.clearTimeout(restoreFallbackTimeoutRef.current);\n            window.clearTimeout(commitHistoryTimeoutRef.current);\n            restoreFallbackTimeoutRef.current = undefined;\n            commitHistoryTimeoutRef.current = undefined;\n        };\n    }, [api?.map, commitViewport]);\n\n    return {\n        entries: state.entries,\n        canGoBack: state.entries.length > 0,\n        goBack,\n    };\n};\n"],"names":["DEFAULT_MAX_ENTRIES","DEFAULT_CENTER_DISTANCE_THRESHOLD_METERS","DEFAULT_ZOOM_THRESHOLD","VIEWPORT_CHANGE_SETTLE_DELAY_MS","EARTH_RADIUS_METERS","defaultMapViewportHistory","toRadians","degrees","getDistanceMeters","first","second","latDistance","lngDistance","firstLat","secondLat","haversine","getViewport","map","center","zoom","hasRelevantViewportChange","centerDistanceThresholdMeters","zoomThreshold","centerDistance","zoomDistance","hasSameViewport","useMapViewportHistory","api","maxEntries","zoomAnimation","controlledViewport","state","setState","useState","restoreFallbackTimeoutRef","useRef","commitHistoryTimeoutRef","isRelevantChange","useCallback","getEntriesWithViewport","entries","viewport","latestEntry","commitViewport","nextViewport","replace","previousState","currentViewport","goBack","targetViewport","useEffect","handleMapViewChangeEnd"],"mappings":"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"}
+{"version":3,"file":"useMapViewportHistory.js","names":[],"sources":["../../../../src/components/map/hooks/useMapViewportHistory.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\nimport type { MapApi, Position } from '../utils/mapTypes';\n\nexport type MapViewport = {\n    center: Position;\n    zoom: number;\n};\n\nexport type MapViewportHistory = {\n    entries: MapViewport[];\n    canGoBack: boolean;\n    goBack: () => void;\n};\n\nexport type UseMapViewportHistoryOptions = {\n    maxEntries?: number;\n    centerDistanceThresholdMeters?: number;\n    zoomThreshold?: number;\n    zoomAnimation?: boolean;\n    controlledViewport?: MapViewport;\n};\n\nconst DEFAULT_MAX_ENTRIES = 5;\n\nconst DEFAULT_CENTER_DISTANCE_THRESHOLD_METERS = 100;\nconst DEFAULT_ZOOM_THRESHOLD = 0.1;\nconst VIEWPORT_CHANGE_SETTLE_DELAY_MS = 180;\nconst EARTH_RADIUS_METERS = 6371000;\n\nexport const defaultMapViewportHistory: MapViewportHistory = {\n    entries: [],\n    canGoBack: false,\n    goBack: () => {},\n};\n\nconst toRadians = (degrees: number) => (degrees * Math.PI) / 180;\n\nconst getDistanceMeters = (first: Position, second: Position) => {\n    const latDistance = toRadians(second.lat - first.lat);\n    const lngDistance = toRadians(second.lng - first.lng);\n    const firstLat = toRadians(first.lat);\n    const secondLat = toRadians(second.lat);\n\n    const haversine =\n        Math.sin(latDistance / 2) ** 2 + Math.cos(firstLat) * Math.cos(secondLat) * Math.sin(lngDistance / 2) ** 2;\n\n    return 2 * EARTH_RADIUS_METERS * Math.atan2(Math.sqrt(haversine), Math.sqrt(1 - haversine));\n};\n\nconst getViewport = (map: H.Map): MapViewport => {\n    const center = map.getCenter();\n    const { zoom = 0 } = map.getViewModel().getLookAtData();\n\n    return {\n        center: {\n            lat: center.lat,\n            lng: center.lng,\n        },\n        zoom,\n    };\n};\n\nconst hasRelevantViewportChange = (\n    first: MapViewport | undefined,\n    second: MapViewport | undefined,\n    centerDistanceThresholdMeters: number,\n    zoomThreshold: number\n) => {\n    if (!(first && second)) {\n        return false;\n    }\n\n    const centerDistance = getDistanceMeters(first.center, second.center);\n    const zoomDistance = Math.abs(first.zoom - second.zoom);\n\n    return centerDistance >= centerDistanceThresholdMeters || zoomDistance >= zoomThreshold;\n};\n\nconst hasSameViewport = (first: MapViewport | undefined, second: MapViewport | undefined) =>\n    first?.center.lat === second?.center.lat &&\n    first?.center.lng === second?.center.lng &&\n    first?.zoom === second?.zoom;\n\ntype MapViewportHistoryState = {\n    entries: MapViewport[];\n    currentViewport?: MapViewport;\n    isRestoring: boolean;\n};\n\nexport const useMapViewportHistory = (\n    api: MapApi | undefined,\n    {\n        maxEntries = DEFAULT_MAX_ENTRIES,\n        centerDistanceThresholdMeters = DEFAULT_CENTER_DISTANCE_THRESHOLD_METERS,\n        zoomThreshold = DEFAULT_ZOOM_THRESHOLD,\n        zoomAnimation = false,\n        controlledViewport,\n    }: UseMapViewportHistoryOptions = {}\n): MapViewportHistory => {\n    const [state, setState] = useState<MapViewportHistoryState>({\n        entries: [],\n        currentViewport: controlledViewport,\n        isRestoring: false,\n    });\n    const restoreFallbackTimeoutRef = useRef<number | undefined>(undefined);\n    const commitHistoryTimeoutRef = useRef<number | undefined>(undefined);\n\n    const isRelevantChange = useCallback(\n        (first: MapViewport | undefined, second: MapViewport | undefined) =>\n            hasRelevantViewportChange(first, second, centerDistanceThresholdMeters, zoomThreshold),\n        [centerDistanceThresholdMeters, zoomThreshold]\n    );\n\n    const getEntriesWithViewport = useCallback(\n        (entries: MapViewport[], viewport: MapViewport) => {\n            const latestEntry = entries[0];\n\n            if (latestEntry && !isRelevantChange(viewport, latestEntry)) {\n                return entries;\n            }\n\n            return [viewport, ...entries].slice(0, maxEntries);\n        },\n        [isRelevantChange, maxEntries]\n    );\n\n    const commitViewport = useCallback(\n        (nextViewport: MapViewport, { replace = false } = {}) => {\n            setState(previousState => {\n                if (replace) {\n                    return {\n                        ...previousState,\n                        currentViewport: nextViewport,\n                        isRestoring: false,\n                    };\n                }\n\n                if (previousState.isRestoring) {\n                    return {\n                        ...previousState,\n                        currentViewport: nextViewport,\n                        isRestoring: false,\n                    };\n                }\n\n                const { currentViewport } = previousState;\n\n                if (!currentViewport) {\n                    return {\n                        ...previousState,\n                        currentViewport: nextViewport,\n                    };\n                }\n\n                if (hasSameViewport(currentViewport, nextViewport)) {\n                    return previousState;\n                }\n\n                if (!isRelevantChange(currentViewport, nextViewport)) {\n                    return {\n                        ...previousState,\n                        currentViewport: nextViewport,\n                    };\n                }\n\n                return {\n                    ...previousState,\n                    entries: getEntriesWithViewport(previousState.entries, currentViewport),\n                    currentViewport: nextViewport,\n                };\n            });\n        },\n        [getEntriesWithViewport, isRelevantChange]\n    );\n\n    const goBack = useCallback(() => {\n        const map = api?.map;\n        const targetViewport = state.entries[0];\n\n        if (!(map && targetViewport)) {\n            return;\n        }\n\n        window.clearTimeout(restoreFallbackTimeoutRef.current);\n        window.clearTimeout(commitHistoryTimeoutRef.current);\n        setState(previousState => ({\n            ...previousState,\n            entries: previousState.entries.slice(1),\n            currentViewport: targetViewport,\n            isRestoring: true,\n        }));\n\n        map.getViewModel().setLookAtData(\n            {\n                position: targetViewport.center,\n                zoom: targetViewport.zoom,\n            },\n            zoomAnimation\n        );\n\n        restoreFallbackTimeoutRef.current = window.setTimeout(() => {\n            commitViewport(getViewport(map), { replace: true });\n            restoreFallbackTimeoutRef.current = undefined;\n        }, 750);\n    }, [api?.map, commitViewport, state.entries, zoomAnimation]);\n\n    useEffect(() => {\n        if (controlledViewport) {\n            commitViewport(controlledViewport);\n        }\n    }, [commitViewport, controlledViewport]);\n\n    useEffect(() => {\n        const map = api?.map;\n\n        if (!map) {\n            return;\n        }\n\n        commitViewport(getViewport(map), { replace: true });\n\n        const handleMapViewChangeEnd = () => {\n            window.clearTimeout(commitHistoryTimeoutRef.current);\n\n            commitHistoryTimeoutRef.current = window.setTimeout(() => {\n                commitHistoryTimeoutRef.current = undefined;\n                commitViewport(getViewport(map));\n            }, VIEWPORT_CHANGE_SETTLE_DELAY_MS);\n        };\n\n        map.addEventListener('mapviewchangeend', handleMapViewChangeEnd as EventListener);\n\n        return () => {\n            map.removeEventListener('mapviewchangeend', handleMapViewChangeEnd as EventListener);\n            window.clearTimeout(restoreFallbackTimeoutRef.current);\n            window.clearTimeout(commitHistoryTimeoutRef.current);\n            restoreFallbackTimeoutRef.current = undefined;\n            commitHistoryTimeoutRef.current = undefined;\n        };\n    }, [api?.map, commitViewport]);\n\n    return {\n        entries: state.entries,\n        canGoBack: state.entries.length > 0,\n        goBack,\n    };\n};\n"],"mappings":"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"}

package/components/map/icons/MapIcon.d.ts

@@ -1,11 +1,12 @@
+import { IconType } from '../../icon/Icon';
 export type MapIconProps = {
-    name?: string;
-    pairName?: string;
+    name?: IconType;
+    pairName?: IconType;
     height?: number;
     width?: number;
     className?: string;
 };
-export declare const MapIcon: (props: MapIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MapIcon: (props: MapIconProps) => import("react/jsx-runtime").JSX.Element | null;
 export declare const ZOOM_IN = "zoomIn";
 export declare const ZOOM_OUT = "zoomOut";
 export declare const BOUNDING_BOX_ACTIVE = "boundingBoxActive";