@rio-cloud/rio-uikit 2.3.0 → 2.4.0

package/components/map/hooks/useMapViewportHistory.js

@@ -0,0 +1,116 @@
+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));
+}, 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
+  };
+};
+export {
+  y as defaultMapViewportHistory,
+  B as useMapViewportHistory
+};
+//# sourceMappingURL=useMapViewportHistory.js.map

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

@@ -0,0 +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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"}

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

@@ -1,5 +1,6 @@
 export type MapIconProps = {
     name?: string;
+    pairName?: string;
     height?: number;
     width?: number;
     className?: string;

package/components/map/icons/MapIcon.js

@@ -1,13 +1,22 @@
 import { jsx as l, jsxs as c } from "react/jsx-runtime";
-import i from "react";
-const z = (a) => {
-  const { className: t = "", name: h = "", height: m = 40, width: v = 40 } = a;
-  return h.includes("rioglyph") ? /* @__PURE__ */ l("div", { className: "height-40 width-40 text-size-16 display-grid place-items-center hover-scale-110", children: /* @__PURE__ */ l("span", { className: `rioglyph ${h} text-size-200pct` }) }) : i.cloneElement(e[h], {
-    className: t,
-    height: m,
-    width: v
+import e from "react";
+const r = (m) => {
+  const { className: a = "", name: h = "", pairName: t, height: v = 40, width: i = 40 } = m;
+  return h.includes("rioglyph") ? /* @__PURE__ */ l(
+    "div",
+    {
+      className: `height-40 width-40 text-size-16 display-grid place-items-center hover-scale-110 ${a}`,
+      children: t ? /* @__PURE__ */ c("span", { className: "rioglyph-icon-pair text-size-200pct", children: [
+        /* @__PURE__ */ l("span", { className: `rioglyph ${h}` }),
+        /* @__PURE__ */ l("span", { className: `rioglyph ${t}` })
+      ] }) : /* @__PURE__ */ l("span", { className: `rioglyph ${h} text-size-200pct` })
+    }
+  ) : e.cloneElement(s[h], {
+    className: a,
+    height: v,
+    width: i
   });
-}, r = "zoomIn", d = "zoomOut", w = "boundingBoxActive", o = "boundingBoxInactive", g = "clusterActive", Z = "clusterInactive", p = "constructionActive", A = "constructionInactive", M = "lockActive", f = "lockInactive", L = "mapTypeFlatActive", T = "mapTypeFlatInactive", I = "mapTypeFlatTruckActive", C = "mapTypeFlatTruckInactive", H = "mapTypeSatelliteActive", B = "mapTypeSatelliteInactive", F = "mapTypeTerrainActive", V = "mapTypeTerrainInactive", _ = "mapTypeNightActive", x = "mapTypeNightInactive", E = "noClusterActive", u = "noClusterInactive", y = "roadRestrictionsActive", R = "roadRestrictionsInactive", N = "systemPoisActive", P = "systemPoisInactive", O = "trafficActive", S = "trafficInactive", k = "workshopPoisActive", D = "workshopPoisInactive", e = {
+}, d = "zoomIn", w = "zoomOut", o = "boundingBoxActive", g = "boundingBoxInactive", p = "clusterActive", Z = "clusterInactive", A = "constructionActive", M = "constructionInactive", f = "lockActive", L = "lockInactive", T = "mapTypeFlatActive", I = "mapTypeFlatInactive", C = "mapTypeFlatTruckActive", H = "mapTypeFlatTruckInactive", B = "mapTypeSatelliteActive", F = "mapTypeSatelliteInactive", V = "mapTypeTerrainActive", _ = "mapTypeTerrainInactive", x = "mapTypeNightActive", E = "mapTypeNightInactive", y = "noClusterActive", N = "noClusterInactive", u = "roadRestrictionsActive", R = "roadRestrictionsInactive", P = "systemPoisActive", O = "systemPoisInactive", S = "trafficActive", k = "trafficInactive", D = "workshopPoisActive", Y = "workshopPoisInactive", s = {
   zoomIn: /* @__PURE__ */ l("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", children: /* @__PURE__ */ l("path", { fill: "#A7AFBB", d: "M9.5 1v5.5H15v3H9.5V15h-3V9.5H1v-3h5.5V1z" }) }),
   zoomOut: /* @__PURE__ */ l("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", children: /* @__PURE__ */ l("path", { fill: "#A7AFBB", d: "M7.177 9.5H1v-3h14v3H8.823z" }) }),
   boundingBoxActive: /* @__PURE__ */ l("svg", { xmlns: "http://www.w3.org/2000/svg", width: "40", height: "40", children: /* @__PURE__ */ l(
@@ -422,36 +431,36 @@ const z = (a) => {
   ) })
 };
 export {
-  w as BOUNDING_BOX_ACTIVE,
-  o as BOUNDING_BOX_INACTIVE,
-  g as CLUSTER_ACTIVE,
+  o as BOUNDING_BOX_ACTIVE,
+  g as BOUNDING_BOX_INACTIVE,
+  p as CLUSTER_ACTIVE,
   Z as CLUSTER_INACTIVE,
-  p as CONSTRUCTION_ACTIVE,
-  A as CONSTRUCTION_INACTIVE,
-  M as LOCK_ACTIVE,
-  f as LOCK_INACTIVE,
-  L as MAP_TYPE_FLAT_ACTIVE,
-  T as MAP_TYPE_FLAT_INACTIVE,
-  I as MAP_TYPE_FLAT_TRUCK_ACTIVE,
-  C as MAP_TYPE_FLAT_TRUCK_INACTIVE,
-  _ as MAP_TYPE_NIGHT_ACTIVE,
-  x as MAP_TYPE_NIGHT_INACTIVE,
-  H as MAP_TYPE_SATELLITE_ACTIVE,
-  B as MAP_TYPE_SATELLITE_INACTIVE,
-  F as MAP_TYPE_TERRAIN_ACTIVE,
-  V as MAP_TYPE_TERRAIN_INACTIVE,
-  z as MapIcon,
-  E as NO_CLUSTER_ACTIVE,
-  u as NO_CLUSTER_INACTIVE,
-  y as ROAD_RESTRICTIONS_ACTIVE,
+  A as CONSTRUCTION_ACTIVE,
+  M as CONSTRUCTION_INACTIVE,
+  f as LOCK_ACTIVE,
+  L as LOCK_INACTIVE,
+  T as MAP_TYPE_FLAT_ACTIVE,
+  I as MAP_TYPE_FLAT_INACTIVE,
+  C as MAP_TYPE_FLAT_TRUCK_ACTIVE,
+  H as MAP_TYPE_FLAT_TRUCK_INACTIVE,
+  x as MAP_TYPE_NIGHT_ACTIVE,
+  E as MAP_TYPE_NIGHT_INACTIVE,
+  B as MAP_TYPE_SATELLITE_ACTIVE,
+  F as MAP_TYPE_SATELLITE_INACTIVE,
+  V as MAP_TYPE_TERRAIN_ACTIVE,
+  _ as MAP_TYPE_TERRAIN_INACTIVE,
+  r as MapIcon,
+  y as NO_CLUSTER_ACTIVE,
+  N as NO_CLUSTER_INACTIVE,
+  u as ROAD_RESTRICTIONS_ACTIVE,
   R as ROAD_RESTRICTIONS_INACTIVE,
-  N as SYSTEM_POIS_ACTIVE,
-  P as SYSTEM_POIS_INACTIVE,
-  O as TRAFFIC_ACTIVE,
-  S as TRAFFIC_INACTIVE,
-  k as WORKSHOP_POIS_ACTIVE,
-  D as WORKSHOP_POIS_INACTIVE,
-  r as ZOOM_IN,
-  d as ZOOM_OUT
+  P as SYSTEM_POIS_ACTIVE,
+  O as SYSTEM_POIS_INACTIVE,
+  S as TRAFFIC_ACTIVE,
+  k as TRAFFIC_INACTIVE,
+  D as WORKSHOP_POIS_ACTIVE,
+  Y as WORKSHOP_POIS_INACTIVE,
+  d as ZOOM_IN,
+  w as ZOOM_OUT
 };
 //# sourceMappingURL=MapIcon.js.map