@rio-cloud/rio-uikit 2.3.0 → 2.4.0

package/MapPreviousViewportButton.d.ts

@@ -0,0 +1,2 @@
+export { default } from './components/map/components/features/settings/buttons/MapPreviousViewportButton';
+export * from './components/map/components/features/settings/buttons/MapPreviousViewportButton';

package/MapPreviousViewportButton.js

@@ -0,0 +1,5 @@
+import { default as o } from "./components/map/components/features/settings/buttons/MapPreviousViewportButton.js";
+export {
+  o as default
+};
+//# sourceMappingURL=MapPreviousViewportButton.js.map

package/MapPreviousViewportButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapPreviousViewportButton.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/Table.js

@@ -1,24 +1,25 @@
-import { TableBatchDropdown as a, TableBody as l, TableColumn as b, TableColumnFilter as T, TableColumnsDropdown as r, TableExpandedContentRow as t, TableExpandedRow as n, TableExpanderButton as d, TableFooter as u, TableGroupFooterRow as p, TableGroupRow as w, TableHeader as R, TableHeaderColumn as m, TableHeaderRow as x, TableRow as C, TableSpacerRow as c, TableStickyRowButton as f, default as B } from "./components/table/Table.js";
-import { default as s } from "./components/table/selection/useTableSelection.js";
+import { TableBatchDropdown as a, TableBody as l, TableColumn as b, TableColumnFilter as T, TableColumnsDropdown as t, TableExpandAllGroupsButton as r, TableExpandedContentRow as n, TableExpandedRow as d, TableExpanderButton as u, TableFooter as p, TableGroupFooterRow as w, TableGroupRow as R, TableHeader as m, TableHeaderColumn as x, TableHeaderRow as B, TableRow as C, TableSpacerRow as c, TableStickyRowButton as f, default as s } from "./components/table/Table.js";
+import { default as i } from "./components/table/selection/useTableSelection.js";
 export {
   a as TableBatchDropdown,
   l as TableBody,
   b as TableColumn,
   T as TableColumnFilter,
-  r as TableColumnsDropdown,
-  t as TableExpandedContentRow,
-  n as TableExpandedRow,
-  d as TableExpanderButton,
-  u as TableFooter,
-  p as TableGroupFooterRow,
-  w as TableGroupRow,
-  R as TableHeader,
-  m as TableHeaderColumn,
-  x as TableHeaderRow,
+  t as TableColumnsDropdown,
+  r as TableExpandAllGroupsButton,
+  n as TableExpandedContentRow,
+  d as TableExpandedRow,
+  u as TableExpanderButton,
+  p as TableFooter,
+  w as TableGroupFooterRow,
+  R as TableGroupRow,
+  m as TableHeader,
+  x as TableHeaderColumn,
+  B as TableHeaderRow,
   C as TableRow,
   c as TableSpacerRow,
   f as TableStickyRowButton,
-  B as default,
-  s as useTableSelection
+  s as default,
+  i as useTableSelection
 };
 //# sourceMappingURL=Table.js.map

package/TableNext.js

@@ -1,24 +1,25 @@
-import { TableBatchDropdown as a, TableBody as l, TableColumn as b, TableColumnFilter as T, TableColumnsDropdown as r, TableExpandedContentRow as t, TableExpandedRow as n, TableExpanderButton as d, TableFooter as u, TableGroupFooterRow as p, TableGroupRow as w, TableHeader as R, TableHeaderColumn as m, TableHeaderRow as x, TableRow as C, TableSpacerRow as c, TableStickyRowButton as f, default as B } from "./components/table/Table.js";
-import { default as s } from "./components/table/selection/useTableSelection.js";
+import { TableBatchDropdown as a, TableBody as l, TableColumn as b, TableColumnFilter as T, TableColumnsDropdown as t, TableExpandAllGroupsButton as r, TableExpandedContentRow as n, TableExpandedRow as d, TableExpanderButton as u, TableFooter as p, TableGroupFooterRow as w, TableGroupRow as R, TableHeader as m, TableHeaderColumn as x, TableHeaderRow as B, TableRow as C, TableSpacerRow as c, TableStickyRowButton as f, default as s } from "./components/table/Table.js";
+import { default as i } from "./components/table/selection/useTableSelection.js";
 export {
   a as TableBatchDropdown,
   l as TableBody,
   b as TableColumn,
   T as TableColumnFilter,
-  r as TableColumnsDropdown,
-  t as TableExpandedContentRow,
-  n as TableExpandedRow,
-  d as TableExpanderButton,
-  u as TableFooter,
-  p as TableGroupFooterRow,
-  w as TableGroupRow,
-  R as TableHeader,
-  m as TableHeaderColumn,
-  x as TableHeaderRow,
+  t as TableColumnsDropdown,
+  r as TableExpandAllGroupsButton,
+  n as TableExpandedContentRow,
+  d as TableExpandedRow,
+  u as TableExpanderButton,
+  p as TableFooter,
+  w as TableGroupFooterRow,
+  R as TableGroupRow,
+  m as TableHeader,
+  x as TableHeaderColumn,
+  B as TableHeaderRow,
   C as TableRow,
   c as TableSpacerRow,
   f as TableStickyRowButton,
-  B as default,
-  s as useTableSelection
+  s as default,
+  i as useTableSelection
 };
 //# sourceMappingURL=TableNext.js.map

package/components/map/components/Map.js

@@ -1,40 +1,41 @@
-import { jsx as c, jsxs as Fe } from "react/jsx-runtime";
-import { useRef as I, useState as i, useEffect as l } from "react";
-import { isEmpty as Be } from "es-toolkit/compat";
-import { isEqual as ke } from "es-toolkit/predicate";
-import { DEFAULT_MAX_ZOOM as ce, MAP_TYPE_DEFAULT as y, DEFAULT_PIXEL_RATIO as He, DEFAULT_MIN_ZOOM as Ue, MAP_LAYER_ROAD_RESTRICTIONS as pe, MAP_TYPE_NIGHT as k, MAP_TYPE_FLEET_STYLE as ze, MAP_TYPE_SATELLITE as je, MAP_TYPE_TERRAIN as Ve, MAP_LAYER_INCIDENTS as We, MAP_LAYER_TRAFFIC as qe } from "./constants.js";
-import { removeEventListenerMap as Ge, addEventListenerMap as Ke } from "../utils/eventHandling.js";
-import { MapContext as Xe } from "./MapContext.js";
-import { getMapBounds as $e, createUtils as Je } from "../utils/mapUtils.js";
-import { getHereUi as Qe } from "../utils/mapUi.js";
-import et from "../../../hooks/useDarkMode.js";
-import tt from "./features/MapZoom.js";
-import nt from "./features/layers/MapOverlayLayers.js";
-import at from "./MapSize.js";
-import ot from "./MapPosition.js";
-import rt from "./MapElements.js";
-import { getPlatform as st, getBaseLayer as it, getEngineType as lt } from "../utils/rendering.js";
-const mt = "map-disable-marker-pointer-events", ct = 140, s = (ue) => {
+import { jsx as p, jsxs as He } from "react/jsx-runtime";
+import { useRef as S, useState as i, useMemo as Ue, useEffect as l } from "react";
+import { isEmpty as ze } from "es-toolkit/compat";
+import { isEqual as Ve } from "es-toolkit/predicate";
+import { DEFAULT_MAX_ZOOM as ce, MAP_TYPE_DEFAULT as w, DEFAULT_PIXEL_RATIO as je, DEFAULT_MIN_ZOOM as We, MAP_LAYER_ROAD_RESTRICTIONS as pe, MAP_TYPE_NIGHT as V, MAP_TYPE_FLEET_STYLE as qe, MAP_TYPE_SATELLITE as Ge, MAP_TYPE_TERRAIN as Ke, MAP_LAYER_INCIDENTS as Xe, MAP_LAYER_TRAFFIC as $e } from "./constants.js";
+import { removeEventListenerMap as Je, addEventListenerMap as Qe } from "../utils/eventHandling.js";
+import { MapContext as et } from "./MapContext.js";
+import { getMapBounds as tt, createUtils as ot } from "../utils/mapUtils.js";
+import { getHereUi as nt } from "../utils/mapUi.js";
+import rt from "../../../hooks/useDarkMode.js";
+import at from "./features/MapZoom.js";
+import st from "./features/layers/MapOverlayLayers.js";
+import it from "./MapSize.js";
+import lt from "./MapPosition.js";
+import mt from "./MapElements.js";
+import { getPlatform as ct, getBaseLayer as pt, getEngineType as ut } from "../utils/rendering.js";
+import { useMapViewportHistory as Et } from "../hooks/useMapViewportHistory.js";
+const dt = "map-disable-marker-pointer-events", vt = 140, s = (ue) => {
   const {
     children: Ee,
-    credentials: U,
-    width: z,
-    height: j,
+    credentials: j,
+    width: W,
+    height: q,
     language: de = "en",
-    center: V,
-    zoom: W,
-    zoomAnimation: q = !1,
-    boundingBox: S,
+    center: m,
+    zoom: u,
+    zoomAnimation: b = !1,
+    boundingBox: O,
     hideClusterSettings: ve = !1,
     hideMapLayerSettings: fe = !1,
     disableMapEvents: G,
     disableBehavior: K = !1,
     disableZoomMomentum: X = !0,
-    enableFractionalZoom: b = !1,
+    enableFractionalZoom: x = !1,
     eventListenerMap: he,
-    mapType: L = y,
-    mapLayer: p = [],
-    showCluster: w = !0,
+    mapType: g = w,
+    mapLayer: E = [],
+    showCluster: D = !0,
     showScaleBar: Me = !1,
     onMapLayerChange: Le = () => {
     },
@@ -48,195 +49,212 @@ const mt = "map-disable-marker-pointer-events", ct = 140, s = (ue) => {
     },
     onIncidentsChange: Re = () => {
     },
-    mapSettingsTooltip: Pe,
+    mapSettingsTooltip: ye,
     mapSettings: $,
-    enableWebGL: u = !0,
+    maxViewportHistoryEntries: Pe,
+    enableWebGL: d = !0,
     enableDevicePixelRatio: J = !0,
     enableMarkerIconCache: Ce = !0,
-    disableMarkerPointerEventsWhileZooming: E = !1,
-    pixelRatio: Q = He,
-    minZoom: T = Ue,
-    maxZoom: O = ce
+    disableMarkerPointerEventsWhileZooming: v = !1,
+    pixelRatio: Q = je,
+    minZoom: _ = We,
+    maxZoom: N = ce
   } = ue;
-  let D = O;
-  T > O && (D = ce, console.error("Invalid condition for zoom limits: min <= max)"));
-  const g = I(null), d = I(), ee = I(!1), N = I(E), [Ie, ye] = i(!1), [Se, _] = i(!1), [t, be] = i(), [o, we] = i(L), [r, te] = i(p), [ne, ae] = i(w), oe = J && window.devicePixelRatio || Q, m = /* @__PURE__ */ ((e) => e === "nb" ? "no" : e)(de.split("-")[0].toLowerCase()), v = (e) => {
-    if (e && !N.current)
+  let Y = N;
+  _ > N && (Y = ce, console.error("Invalid condition for zoom limits: min <= max)"));
+  const A = S(null), f = S(), ee = S(!1), Z = S(v), [Ie, Se] = i(!1), [we, R] = i(!1), [t, be] = i(), [r, Oe] = i(g), [a, te] = i(E), [oe, ne] = i(D), xe = Ue(
+    () => m && u !== void 0 ? { center: m, zoom: u } : void 0,
+    [m?.lat, m?.lng, u]
+  ), De = Et(t, {
+    maxEntries: Pe,
+    zoomAnimation: b,
+    controlledViewport: xe
+  }), re = J && window.devicePixelRatio || Q, c = /* @__PURE__ */ ((e) => e === "nb" ? "no" : e)(de.split("-")[0].toLowerCase()), h = (e) => {
+    if (e && !Z.current)
       return;
-    const a = g.current;
-    a && (a.classList.toggle(mt, e), ee.current = e);
-  }, f = () => {
-    d.current !== void 0 && (window.clearTimeout(d.current), d.current = void 0);
-  }, re = () => {
-    f(), d.current = window.setTimeout(() => {
-      v(!1), _(!1), d.current = void 0;
-    }, ct);
+    const n = A.current;
+    n && (n.classList.toggle(dt, e), ee.current = e);
+  }, M = () => {
+    f.current !== void 0 && (window.clearTimeout(f.current), f.current = void 0);
+  }, ae = () => {
+    M(), f.current = window.setTimeout(() => {
+      h(!1), R(!1), f.current = void 0;
+    }, vt);
   }, se = () => {
-    _(!0), f(), N.current && !ee.current && v(!0);
+    R(!0), M(), Z.current && !ee.current && h(!0);
   };
   l(() => {
-    N.current = E;
-  }, [E]), l(() => {
-    const e = g.current;
+    Z.current = v;
+  }, [v]), l(() => {
+    const e = A.current;
     if (!e)
       return;
-    const a = () => {
-      se(), re();
+    const n = () => {
+      se(), ae();
     };
-    return e.addEventListener("wheel", a, { passive: !0, capture: !0 }), () => {
-      e.removeEventListener("wheel", a, { capture: !0 });
+    return e.addEventListener("wheel", n, { passive: !0, capture: !0 }), () => {
+      e.removeEventListener("wheel", n, { capture: !0 });
     };
   }, []), l(() => {
-    let e = [], a = () => {
+    let e = [], n = () => {
     };
-    t?.map ? (e = t.map.getObjects(), console.debug("re-initialize here map")) : console.debug("initialize here map"), t?.map && (console.debug("disposing previous map"), Ge(t.map), t.mapEvents && t.mapEvents.dispose(), t.map.dispose());
-    const P = S && $e(S), h = st(U), M = lt(o, u), x = h.createDefaultLayers({ engineType: M, lg: m, pois: !0 });
-    return it({
-      baseLayerName: o,
-      defaultLayers: x,
-      enableWebGL: u,
-      platform: h,
-      engineType: M,
-      vehicleRestrictions: r.includes(pe),
-      language: m,
-      minZoom: T,
-      maxZoom: D
-    }).then((F) => {
+    t?.map ? (e = t.map.getObjects(), console.debug("re-initialize here map")) : console.debug("initialize here map"), t?.map && (console.debug("disposing previous map"), Je(t.map), t.mapEvents && t.mapEvents.dispose(), t.map.dispose());
+    const C = O && tt(O), L = ct(j), T = ut(r, d), k = L.createDefaultLayers({ engineType: T, lg: c, pois: !0 });
+    return pt({
+      baseLayerName: r,
+      defaultLayers: k,
+      enableWebGL: d,
+      platform: L,
+      engineType: T,
+      vehicleRestrictions: a.includes(pe),
+      language: c,
+      minZoom: _,
+      maxZoom: Y
+    }).then((U) => {
       const le = () => {
         se();
       }, me = () => {
-        re();
-      }, n = new H.Map(g.current, F.baseLayer, {
-        zoom: W,
-        center: V,
-        bounds: P,
-        engineType: M,
-        pixelRatio: oe,
+        ae();
+      }, o = new H.Map(A.current, U.baseLayer, {
+        zoom: u,
+        center: m,
+        bounds: C,
+        engineType: T,
+        pixelRatio: re,
         fixedCenter: !0
       });
-      F.overlayLayer && n.addLayer(F.overlayLayer), ye(!0);
-      let B = !1, C;
-      G || (B = new H.mapevents.MapEvents(n)), G || K || (C = new H.mapevents.Behavior(B), b || C.disable(H.mapevents.Behavior.Feature.FRACTIONAL_ZOOM), X && C.disable(H.mapevents.Behavior.Feature.ZOOM_MOMENTUM)), Ke(n, he, n), n.addEventListener("mapviewchangestart", le), n.addEventListener("mapviewchangeend", me);
-      const xe = Qe(n, x, Me, m);
+      U.overlayLayer && o.addLayer(U.overlayLayer), Se(!0);
+      let z = !1, I;
+      G || (z = new H.mapevents.MapEvents(o)), G || K || (I = new H.mapevents.Behavior(z), x || I.disable(H.mapevents.Behavior.Feature.FRACTIONAL_ZOOM), X && I.disable(H.mapevents.Behavior.Feature.ZOOM_MOMENTUM)), Qe(o, he, o), o.addEventListener("mapviewchangestart", le), o.addEventListener("mapviewchangeend", me);
+      const ke = nt(o, k, Me, c);
       be({
-        credentials: U,
-        defaultLayers: x,
-        map: n,
-        mapEvents: B,
-        behavior: C,
-        platform: h,
-        ui: xe,
-        utils: Je(n),
+        credentials: j,
+        defaultLayers: k,
+        map: o,
+        mapEvents: z,
+        behavior: I,
+        platform: L,
+        ui: ke,
+        utils: ot(o),
         // Put settings back into the map API object so the invoking service
         // can check on these settings for instance inside a test
         settings: {
-          enableWebGL: u,
-          baseLayer: o,
-          activeLayers: r,
-          showCluster: ne,
-          minZoom: T,
-          maxZoom: D
+          enableWebGL: d,
+          baseLayer: r,
+          activeLayers: a,
+          showCluster: oe,
+          minZoom: _,
+          maxZoom: Y
         }
-      }), e && n.addObjects(e), a = () => {
-        n.removeEventListener("mapviewchangestart", le), n.removeEventListener("mapviewchangeend", me);
+      }), e && o.addObjects(e), n = () => {
+        o.removeEventListener("mapviewchangestart", le), o.removeEventListener("mapviewchangeend", me);
       };
     }), () => {
-      a(), f(), v(!1), _(!1);
+      n(), M(), h(!1), R(!1);
     };
   }, [
-    u,
+    d,
     J,
-    m,
-    o,
-    T,
-    O,
+    c,
+    r,
+    _,
+    N,
     X,
-    b
-  ]), l(() => (E || (f(), v(!1)), () => {
-    f(), v(!1), _(!1);
-  }), [E]);
-  const Y = et();
+    x
+  ]), l(() => (v || (M(), h(!1)), () => {
+    M(), h(!1), R(!1);
+  }), [v]);
+  const F = rt();
   l(() => {
-    Y && o === y ? A(k) : !Y && o === k && A(y);
-  }, [Y, m]), l(() => A(L), [L]);
-  const [Oe, De] = i(p);
-  ke(p, Oe) || (te(p), De(p)), l(() => ae(w), [w]);
-  const A = (e) => {
-    we(e), Te(e, L);
-  }, Ne = (e) => {
-    const a = (h) => r.filter((M) => M !== h), P = r.includes(e) ? a(e) : [...r, e];
-    te(P), Le(P, r);
-  }, Ye = (e) => {
-    ae(e), ge(e);
+    F && r === w ? y(V) : !F && r === V && y(w);
+  }, [F, c]), l(() => y(g), [g]);
+  const [Ne, Ye] = i(E);
+  Ve(E, Ne) || (te(E), Ye(E)), l(() => ne(D), [D]);
+  const y = (e) => {
+    Oe(e), Te(e, g);
+  }, Ze = (e) => {
+    const n = (L) => a.filter((T) => T !== L), C = a.includes(e) ? n(e) : [...a, e];
+    te(C), Le(C, a);
+  }, Fe = (e) => {
+    ne(e), ge(e);
   }, ie = () => {
     document.querySelector(".AssetTree")?.classList.add("pointer-events-none");
-  }, Z = () => {
+  }, B = () => {
     document.querySelector(".AssetTree")?.classList.remove("pointer-events-none");
-  }, R = {};
-  j && (R.height = j), z && (R.width = z);
-  const Ze = Be(R) ? "height-100pct" : "";
-  return /* @__PURE__ */ c(
+  }, P = {};
+  q && (P.height = q), W && (P.width = W);
+  const Be = ze(P) ? "height-100pct" : "";
+  return /* @__PURE__ */ p(
     "div",
     {
-      className: `Map position-relative map-type-${o.toLowerCase()} ${Ze}`,
-      style: R,
-      ref: g,
+      className: `Map position-relative map-type-${r.toLowerCase()} ${Be}`,
+      style: P,
+      ref: A,
       onTouchStart: ie,
-      onTouchEnd: Z,
+      onTouchEnd: B,
       onMouseEnter: ie,
-      onMouseOut: Z,
-      onBlur: Z,
-      children: Ie && t && /* @__PURE__ */ Fe(
-        Xe.Provider,
+      onMouseOut: B,
+      onBlur: B,
+      children: Ie && t && /* @__PURE__ */ He(
+        et.Provider,
         {
           value: {
             api: t,
-            language: m,
-            enableWebGL: u,
+            language: c,
+            enableWebGL: d,
             enableMarkerIconCache: Ce,
-            enableFractionalZoom: b,
-            isZoomInteractionActive: Se,
-            showCluster: ne,
-            activeLayers: r,
-            baseLayer: o,
+            enableFractionalZoom: x,
+            isZoomInteractionActive: we,
+            showCluster: oe,
+            activeLayers: a,
+            baseLayer: r,
             hideMapLayerSettings: fe,
             hideClusterSettings: ve,
-            onMapTypeChange: A,
-            onMapLayerChange: Ne,
-            onShowClusterChange: Ye,
-            mapSettingsTooltip: Pe,
+            viewportHistory: De,
+            onMapTypeChange: y,
+            onMapLayerChange: Ze,
+            onShowClusterChange: Fe,
+            mapSettingsTooltip: ye,
             onIncidentsChange: Re,
-            devicePixelRatio: oe
+            devicePixelRatio: re
           },
           children: [
-            /* @__PURE__ */ c(ot, { api: t, boundingBox: S, center: V, zoomAnimation: q }),
-            /* @__PURE__ */ c(at, { api: t }),
-            /* @__PURE__ */ c(
-              tt,
+            /* @__PURE__ */ p(
+              lt,
+              {
+                api: t,
+                boundingBox: O,
+                center: m,
+                zoom: u,
+                zoomAnimation: b
+              }
+            ),
+            /* @__PURE__ */ p(it, { api: t }),
+            /* @__PURE__ */ p(
+              at,
               {
-                zoom: W,
                 hideZoomButtons: K,
                 onZoomIn: _e,
                 onZoomOut: Ae,
-                zoomAnimation: q
+                zoomAnimation: b
               }
             ),
             $ && $,
-            /* @__PURE__ */ c(nt, { layers: r }),
-            /* @__PURE__ */ c(rt, { api: t, children: Ee })
+            /* @__PURE__ */ p(st, { layers: a }),
+            /* @__PURE__ */ p(mt, { api: t, children: Ee })
           ]
         }
       )
     }
   );
 };
-s.TYPE_DEFAULT = y;
-s.TYPE_FLEET_STYLE = ze;
-s.TYPE_SATELLITE = je;
-s.TYPE_TERRAIN = Ve;
-s.TYPE_NIGHT = k;
-s.LAYER_INCIDENTS = We;
-s.LAYER_TRAFFIC = qe;
+s.TYPE_DEFAULT = w;
+s.TYPE_FLEET_STYLE = qe;
+s.TYPE_SATELLITE = Ge;
+s.TYPE_TERRAIN = Ke;
+s.TYPE_NIGHT = V;
+s.LAYER_INCIDENTS = Xe;
+s.LAYER_TRAFFIC = $e;
 s.LAYER_ROAD_RESTRICTIONS = pe;
 export {
   s as default