@rio-cloud/rio-uikit 2.0.0-beta.1 → 2.0.0

package/components/map/components/features/Route.js

@@ -1,93 +1,121 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { isArray, isEmpty } from 'es-toolkit/compat';
-import Polyline from "./basics/Polyline.js";
-import Marker from "./basics/Marker.js";
-import MapException from "../../exceptions/MapException.js";
-export const MISSING_POSITIONS_EXCEPTION_MSG = 'Route requires a minimum of 1 positions';
-export const TO_LESS_LINE_WIDTH_EXCEPTION_MSG = 'If isBorderIncludedInWidth is set to true than width has to be greater than twice of borderWidth';
-export const DEFAULT_LINE_STROKE_COLOR = 'rgba(48, 194, 255, 1)';
-export const DEFAULT_LINE_STROKE_COLOR_REDUCED = 'rgba(48, 194, 255, 0.5)';
-export const DEFAULT_LINE_STROKE_COLOR_ALTERNATIVE = 'rgb(200, 243, 247)';
-export const DEFAULT_BORDER_STROKE_COLOR = 'rgba(22, 100, 141, 1)';
-export const DEFAULT_BORDER_STROKE_COLOR_REDUCED = 'rgba(255, 255, 255, 0)';
-// Both works, rgb or hex - keep in mind that these state colors may change
-// so use this constants instead of actual color values in the service
-export const ROUTE_COLOR_DANGER = '#e22837';
-export const ROUTE_COLOR_WARNING = '#ff8e3c';
-export const ROUTE_COLOR_SUCCESS = '#5cb85c';
-export const ROUTE_COLOR_WHITE = 'rgba(255, 255, 255, 1)';
-export const ARROW_COLOR_WARNING = 'rgba(167, 83, 25, 1)';
-const DEFAULT_WIDTH = 5;
-const DEFAULT_BORDER_WIDTH = 2;
-const defaultStyle = {
-    width: DEFAULT_WIDTH,
-    color: DEFAULT_LINE_STROKE_COLOR,
-    borderWidth: DEFAULT_BORDER_WIDTH,
-    borderColor: DEFAULT_BORDER_STROKE_COLOR,
-    isBorderIncludedInWidth: false,
-};
-const alternativeRouteStyle = {
-    ...defaultStyle,
-    color: DEFAULT_LINE_STROKE_COLOR_ALTERNATIVE,
-};
-const Route = (props) => {
-    const { style, isReduced = false, isRouteAlternative = false, positions, startIcon, middleIcon, endIcon, arrowStyle = {}, hasArrows = true, markers = [], customData, eventListenerMap, } = props;
-    const [lineString, setLineString] = useState();
-    const [routeStyle, setRouteStyle] = useState();
-    const [borderStyle, setBorderStyle] = useState();
-    const [borderWidth, setBorderWidth] = useState(DEFAULT_BORDER_WIDTH);
-    useEffect(() => {
-        updateGeometry(positions);
-        updateStyle(style, isReduced, isRouteAlternative);
-    }, []);
-    useEffect(() => {
-        updateGeometry(positions);
-    }, [positions]);
-    useEffect(() => {
-        updateStyle(style, isReduced, isRouteAlternative);
-    }, [style, isReduced, isRouteAlternative]);
-    const updateGeometry = (pos) => {
-        if (isEmpty(pos)) {
-            throw new MapException(MISSING_POSITIONS_EXCEPTION_MSG);
-        }
-        /* keep reference to shared geometry to prevent recalculation if other values than points change */
-        const lineStringData = new H.geo.LineString();
-        pos.map((singlePos) => lineStringData.pushLatLngAlt(singlePos.lat, singlePos.lng, 0));
-        if (pos.length === 1) {
-            const [position] = pos;
-            lineStringData.pushLatLngAlt(position.lat, position.lng, 0);
-        }
-        setLineString(lineStringData);
-    };
-    const updateStyle = (updatedStyle, isReducedStyle, isRouteAlternativeStyle) => {
-        const mergedStyle = {
-            ...(isRouteAlternativeStyle ? alternativeRouteStyle : defaultStyle),
-            ...updatedStyle,
-        };
-        const { color, width = DEFAULT_WIDTH, borderColor, borderWidth: mergedBorderWidth = 0, isBorderIncludedInWidth, lineDash, } = mergedStyle;
-        setBorderWidth(isReducedStyle ? 0 : mergedBorderWidth);
-        if (isBorderIncludedInWidth && mergedBorderWidth >= width) {
-            throw new MapException(TO_LESS_LINE_WIDTH_EXCEPTION_MSG);
-        }
-        setRouteStyle(new H.map.SpatialStyle({
-            strokeColor: isReducedStyle ? DEFAULT_LINE_STROKE_COLOR_REDUCED : color,
-            lineWidth: isReducedStyle ? mergedBorderWidth + width : width,
-            lineCap: 'round',
-            lineJoin: 'bevel',
-            ...(lineDash && { lineDash }),
-        }));
-        setBorderStyle(new H.map.SpatialStyle({
-            strokeColor: isReduced ? DEFAULT_BORDER_STROKE_COLOR_REDUCED : borderColor,
-            lineWidth: mergedBorderWidth + width,
-            lineCap: 'round',
-            lineJoin: 'bevel',
-            ...(lineDash && { lineDash }),
-        }));
-    };
-    if (!lineString) {
-        return null;
+import { jsxs as P, jsx as n } from "react/jsx-runtime";
+import { useState as c, useEffect as O } from "react";
+import { isEmpty as j, isArray as J } from "es-toolkit/compat";
+import f from "./basics/Polyline.js";
+import R from "./basics/Marker.js";
+import g from "../../exceptions/MapException.js";
+const X = "Route requires a minimum of 1 positions", q = "If isBorderIncludedInWidth is set to true than width has to be greater than twice of borderWidth", V = "rgba(48, 194, 255, 1)", z = "rgba(48, 194, 255, 0.5)", Q = "rgb(200, 243, 247)", Y = "rgba(22, 100, 141, 1)", Z = "rgba(255, 255, 255, 0)", st = "#e22837", lt = "#ff8e3c", at = "#5cb85c", ct = "rgba(255, 255, 255, 1)", dt = "rgba(167, 83, 25, 1)", C = 5, D = 2, b = {
+  width: C,
+  color: V,
+  borderWidth: D,
+  borderColor: Y,
+  isBorderIncludedInWidth: !1
+}, $ = {
+  ...b,
+  color: Q
+}, Et = (y) => {
+  const {
+    style: d,
+    isReduced: i = !1,
+    isRouteAlternative: E = !1,
+    positions: t,
+    startIcon: S,
+    middleIcon: I,
+    endIcon: L,
+    arrowStyle: A = {},
+    hasArrows: W = !0,
+    markers: m = [],
+    customData: h,
+    eventListenerMap: p
+  } = y, [_, N] = c(), [U, w] = c(), [B, F] = c(), [G, M] = c(D);
+  O(() => {
+    u(t), T(d, i, E);
+  }, []), O(() => {
+    u(t);
+  }, [t]), O(() => {
+    T(d, i, E);
+  }, [d, i, E]);
+  const u = (o) => {
+    if (j(o))
+      throw new g(X);
+    const e = new H.geo.LineString();
+    if (o.map((r) => e.pushLatLngAlt(r.lat, r.lng, 0)), o.length === 1) {
+      const [r] = o;
+      e.pushLatLngAlt(r.lat, r.lng, 0);
     }
-    return (_jsxs("div", { children: [borderWidth > 0 && (_jsx(Polyline, { eventListenerMap: eventListenerMap, geometry: lineString, style: borderStyle, customData: customData })), _jsx(Polyline, { hasArrows: hasArrows, arrowStyle: arrowStyle, eventListenerMap: eventListenerMap, geometry: lineString, style: routeStyle, customData: customData }), startIcon && _jsx(Marker, { position: positions[0], icon: startIcon }, 'startIcon'), middleIcon && (_jsx(Marker, { position: positions[Math.floor(positions.length / 2)], icon: middleIcon }, 'middleIcon')), endIcon && _jsx(Marker, { position: positions[positions.length - 1], icon: endIcon }, 'endIcon'), isArray(markers) && markers.map(marker => marker)] }));
+    N(e);
+  }, T = (o, e, r) => {
+    const v = {
+      ...r ? $ : b,
+      ...o
+    }, {
+      color: K,
+      width: s = C,
+      borderColor: k,
+      borderWidth: l = 0,
+      isBorderIncludedInWidth: x,
+      lineDash: a
+    } = v;
+    if (M(e ? 0 : l), x && l >= s)
+      throw new g(q);
+    w(
+      new H.map.SpatialStyle({
+        strokeColor: e ? z : K,
+        lineWidth: e ? l + s : s,
+        lineCap: "round",
+        lineJoin: "bevel",
+        ...a && { lineDash: a }
+      })
+    ), F(
+      new H.map.SpatialStyle({
+        strokeColor: i ? Z : k,
+        lineWidth: l + s,
+        lineCap: "round",
+        lineJoin: "bevel",
+        ...a && { lineDash: a }
+      })
+    );
+  };
+  return _ ? /* @__PURE__ */ P("div", { children: [
+    G > 0 && /* @__PURE__ */ n(
+      f,
+      {
+        eventListenerMap: p,
+        geometry: _,
+        style: B,
+        customData: h
+      }
+    ),
+    /* @__PURE__ */ n(
+      f,
+      {
+        hasArrows: W,
+        arrowStyle: A,
+        eventListenerMap: p,
+        geometry: _,
+        style: U,
+        customData: h
+      }
+    ),
+    S && /* @__PURE__ */ n(R, { position: t[0], icon: S }, "startIcon"),
+    I && /* @__PURE__ */ n(R, { position: t[Math.floor(t.length / 2)], icon: I }, "middleIcon"),
+    L && /* @__PURE__ */ n(R, { position: t[t.length - 1], icon: L }, "endIcon"),
+    J(m) && m.map((o) => o)
+  ] }) : null;
+};
+export {
+  dt as ARROW_COLOR_WARNING,
+  Y as DEFAULT_BORDER_STROKE_COLOR,
+  Z as DEFAULT_BORDER_STROKE_COLOR_REDUCED,
+  V as DEFAULT_LINE_STROKE_COLOR,
+  Q as DEFAULT_LINE_STROKE_COLOR_ALTERNATIVE,
+  z as DEFAULT_LINE_STROKE_COLOR_REDUCED,
+  X as MISSING_POSITIONS_EXCEPTION_MSG,
+  st as ROUTE_COLOR_DANGER,
+  at as ROUTE_COLOR_SUCCESS,
+  lt as ROUTE_COLOR_WARNING,
+  ct as ROUTE_COLOR_WHITE,
+  q as TO_LESS_LINE_WIDTH_EXCEPTION_MSG,
+  Et as default
 };
-export default Route;
+//# sourceMappingURL=Route.js.map

package/components/map/components/features/Route.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Route.js","sources":["../../../../../src/components/map/components/features/Route.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { isArray, isEmpty } from 'es-toolkit/compat';\n\nimport Polyline, { type ArrowStyle } from './basics/Polyline';\nimport Marker from './basics/Marker';\nimport MapException from '../../exceptions/MapException';\nimport type { Position } from '../../utils/mapTypes';\nimport type { EventListenerMap } from '../../utils/eventHandling';\n\nexport const MISSING_POSITIONS_EXCEPTION_MSG = 'Route requires a minimum of 1 positions';\n\nexport const TO_LESS_LINE_WIDTH_EXCEPTION_MSG =\n    'If isBorderIncludedInWidth is set to true than width has to be greater than twice of borderWidth';\n\nexport const DEFAULT_LINE_STROKE_COLOR = 'rgba(48, 194, 255, 1)';\nexport const DEFAULT_LINE_STROKE_COLOR_REDUCED = 'rgba(48, 194, 255, 0.5)';\nexport const DEFAULT_LINE_STROKE_COLOR_ALTERNATIVE = 'rgb(200, 243, 247)';\n\nexport const DEFAULT_BORDER_STROKE_COLOR = 'rgba(22, 100, 141, 1)';\nexport const DEFAULT_BORDER_STROKE_COLOR_REDUCED = 'rgba(255, 255, 255, 0)';\n\n// Both works, rgb or hex - keep in mind that these state colors may change\n// so use this constants instead of actual color values in the service\nexport const ROUTE_COLOR_DANGER = '#e22837';\nexport const ROUTE_COLOR_WARNING = '#ff8e3c';\nexport const ROUTE_COLOR_SUCCESS = '#5cb85c';\nexport const ROUTE_COLOR_WHITE = 'rgba(255, 255, 255, 1)';\n\nexport const ARROW_COLOR_WARNING = 'rgba(167, 83, 25, 1)';\n\nexport type RouteStyle = {\n    width?: number;\n    color?: string;\n    borderWidth?: number;\n    borderColor?: string;\n    isBorderIncludedInWidth?: boolean;\n    lineDash?: number[];\n};\n\nexport type RouteProps = {\n    arrowStyle?: ArrowStyle;\n    hasArrows?: boolean;\n    positions: Position[];\n    style?: RouteStyle;\n    eventListenerMap?: EventListenerMap;\n    isReduced?: boolean;\n    isRouteAlternative?: boolean;\n    startIcon?: JSX.Element;\n    middleIcon?: JSX.Element;\n    endIcon?: JSX.Element;\n    markers?: JSX.Element[];\n    customData?: object;\n};\n\nconst DEFAULT_WIDTH = 5;\nconst DEFAULT_BORDER_WIDTH = 2;\n\nconst defaultStyle: RouteStyle = {\n    width: DEFAULT_WIDTH,\n    color: DEFAULT_LINE_STROKE_COLOR,\n    borderWidth: DEFAULT_BORDER_WIDTH,\n    borderColor: DEFAULT_BORDER_STROKE_COLOR,\n    isBorderIncludedInWidth: false,\n};\n\nconst alternativeRouteStyle = {\n    ...defaultStyle,\n    color: DEFAULT_LINE_STROKE_COLOR_ALTERNATIVE,\n};\n\nconst Route = (props: RouteProps) => {\n    const {\n        style,\n        isReduced = false,\n        isRouteAlternative = false,\n        positions,\n        startIcon,\n        middleIcon,\n        endIcon,\n        arrowStyle = {},\n        hasArrows = true,\n        markers = [],\n        customData,\n        eventListenerMap,\n    } = props;\n\n    const [lineString, setLineString] = useState<H.geo.LineString>();\n    const [routeStyle, setRouteStyle] = useState<H.map.SpatialStyle>();\n    const [borderStyle, setBorderStyle] = useState<H.map.SpatialStyle>();\n    const [borderWidth, setBorderWidth] = useState<number>(DEFAULT_BORDER_WIDTH);\n\n    useEffect(() => {\n        updateGeometry(positions);\n        updateStyle(style, isReduced, isRouteAlternative);\n    }, []);\n\n    useEffect(() => {\n        updateGeometry(positions);\n    }, [positions]);\n\n    useEffect(() => {\n        updateStyle(style, isReduced, isRouteAlternative);\n    }, [style, isReduced, isRouteAlternative]);\n\n    const updateGeometry = (pos: Position[]) => {\n        if (isEmpty(pos)) {\n            throw new MapException(MISSING_POSITIONS_EXCEPTION_MSG);\n        }\n\n        /* keep reference to shared geometry to prevent recalculation if other values than points change */\n        const lineStringData = new H.geo.LineString();\n        pos.map((singlePos: Position) => lineStringData.pushLatLngAlt(singlePos.lat, singlePos.lng, 0));\n\n        if (pos.length === 1) {\n            const [position] = pos;\n            lineStringData.pushLatLngAlt(position.lat, position.lng, 0);\n        }\n\n        setLineString(lineStringData);\n    };\n\n    const updateStyle = (\n        updatedStyle: RouteStyle | undefined,\n        isReducedStyle: boolean,\n        isRouteAlternativeStyle: boolean\n    ) => {\n        const mergedStyle = {\n            ...(isRouteAlternativeStyle ? alternativeRouteStyle : defaultStyle),\n            ...updatedStyle,\n        };\n\n        const {\n            color,\n            width = DEFAULT_WIDTH,\n            borderColor,\n            borderWidth: mergedBorderWidth = 0,\n            isBorderIncludedInWidth,\n            lineDash,\n        } = mergedStyle;\n\n        setBorderWidth(isReducedStyle ? 0 : mergedBorderWidth);\n\n        if (isBorderIncludedInWidth && mergedBorderWidth >= width) {\n            throw new MapException(TO_LESS_LINE_WIDTH_EXCEPTION_MSG);\n        }\n\n        setRouteStyle(\n            new H.map.SpatialStyle({\n                strokeColor: isReducedStyle ? DEFAULT_LINE_STROKE_COLOR_REDUCED : color,\n                lineWidth: isReducedStyle ? mergedBorderWidth + width : width,\n                lineCap: 'round',\n                lineJoin: 'bevel',\n                ...(lineDash && { lineDash }),\n            })\n        );\n\n        setBorderStyle(\n            new H.map.SpatialStyle({\n                strokeColor: isReduced ? DEFAULT_BORDER_STROKE_COLOR_REDUCED : borderColor,\n                lineWidth: mergedBorderWidth + width,\n                lineCap: 'round',\n                lineJoin: 'bevel',\n                ...(lineDash && { lineDash }),\n            })\n        );\n    };\n\n    if (!lineString) {\n        return null;\n    }\n\n    return (\n        <div>\n            {borderWidth > 0 && (\n                <Polyline\n                    eventListenerMap={eventListenerMap}\n                    geometry={lineString}\n                    style={borderStyle}\n                    customData={customData}\n                />\n            )}\n            <Polyline\n                hasArrows={hasArrows}\n                arrowStyle={arrowStyle}\n                eventListenerMap={eventListenerMap}\n                geometry={lineString}\n                style={routeStyle}\n                customData={customData}\n            />\n            {startIcon && <Marker key='startIcon' position={positions[0]} icon={startIcon} />}\n            {middleIcon && (\n                <Marker key='middleIcon' position={positions[Math.floor(positions.length / 2)]} icon={middleIcon} />\n            )}\n            {endIcon && <Marker key='endIcon' position={positions[positions.length - 1]} icon={endIcon} />}\n            {isArray(markers) && markers.map(marker => marker)}\n        </div>\n    );\n};\n\nexport default Route;\n"],"names":["MISSING_POSITIONS_EXCEPTION_MSG","TO_LESS_LINE_WIDTH_EXCEPTION_MSG","DEFAULT_LINE_STROKE_COLOR","DEFAULT_LINE_STROKE_COLOR_REDUCED","DEFAULT_LINE_STROKE_COLOR_ALTERNATIVE","DEFAULT_BORDER_STROKE_COLOR","DEFAULT_BORDER_STROKE_COLOR_REDUCED","ROUTE_COLOR_DANGER","ROUTE_COLOR_WARNING","ROUTE_COLOR_SUCCESS","ROUTE_COLOR_WHITE","ARROW_COLOR_WARNING","DEFAULT_WIDTH","DEFAULT_BORDER_WIDTH","defaultStyle","alternativeRouteStyle","Route","props","style","isReduced","isRouteAlternative","positions","startIcon","middleIcon","endIcon","arrowStyle","hasArrows","markers","customData","eventListenerMap","lineString","setLineString","useState","routeStyle","setRouteStyle","borderStyle","setBorderStyle","borderWidth","setBorderWidth","useEffect","updateGeometry","updateStyle","pos","isEmpty","MapException","lineStringData","singlePos","position","updatedStyle","isReducedStyle","isRouteAlternativeStyle","mergedStyle","color","width","borderColor","mergedBorderWidth","isBorderIncludedInWidth","lineDash","jsx","Polyline","Marker","isArray","marker"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
-import type { Position } from '../../../utils/mapTypes';
-import type { EventListenerMap } from '../../../utils/eventHandling';
+import { Position } from '../../../utils/mapTypes';
+import { EventListenerMap } from '../../../utils/eventHandling';
 export type CirclePosition = Position & Record<string, any>;
 export type CircleProps = {
     position: CirclePosition;

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

@@ -1,29 +1,16 @@
-import { useState, useEffect } from 'react';
-import { useMapContext } from "../../MapContext.js";
-import { useUpdateProp, useUpdateEventListenerMap } from "../../../utils/hooks.js";
-const Circle = (props) => {
-    const { position, radius = 100, precision = 60, style, eventListenerMap } = props;
-    const { api } = useMapContext();
-    const [circle, setCircle] = useState();
-    // Create a new circle and check for changes on the map itself.
-    // The map instance may change due to rendering changes like webgl vs raster.
-    // In this case, add the circle to the new map instance otherwise it will be gone.
-    useEffect(() => {
-        const newCircle = new H.map.Circle(position, radius, { style, precision });
-        setCircle(newCircle);
-        api.map?.addObject(newCircle);
-        return () => {
-            if (api.map?.getObjects().includes(newCircle)) {
-                api.map?.removeObject(newCircle);
-            }
-            newCircle.dispose();
-        };
-    }, [api.map]);
-    useUpdateProp(circle, 'setCenter', position);
-    useUpdateProp(circle, 'setStyle', style);
-    useUpdateProp(circle, 'setRadius', radius);
-    useUpdateProp(circle, 'setPrecision', precision);
-    useUpdateEventListenerMap(circle, eventListenerMap);
-    return null;
+import { useState as u, useEffect as l } from "react";
+import { useMapContext as d } from "../../MapContext.js";
+import { useUpdateProp as r, useUpdateEventListenerMap as f } from "../../../utils/hooks.js";
+const v = (c) => {
+  const { position: i, radius: n = 100, precision: o = 60, style: p, eventListenerMap: a } = c, { api: s } = d(), [e, m] = u();
+  return l(() => {
+    const t = new H.map.Circle(i, n, { style: p, precision: o });
+    return m(t), s.map?.addObject(t), () => {
+      s.map?.getObjects().includes(t) && s.map?.removeObject(t), t.dispose();
+    };
+  }, [s.map]), r(e, "setCenter", i), r(e, "setStyle", p), r(e, "setRadius", n), r(e, "setPrecision", o), f(e, a), null;
 };
-export default Circle;
+export {
+  v as default
+};
+//# sourceMappingURL=Circle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Circle.js","sources":["../../../../../../src/components/map/components/features/basics/Circle.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\n\nimport { useMapContext } from '../../MapContext';\nimport { useUpdateProp, useUpdateEventListenerMap } from '../../../utils/hooks';\nimport type { Position } from '../../../utils/mapTypes';\nimport type { EventListenerMap } from '../../../utils/eventHandling';\n\nexport type CirclePosition = Position & Record<string, any>;\n\nexport type CircleProps = {\n    position: CirclePosition;\n    radius?: number;\n    precision?: number;\n    style?: H.map.SpatialStyle;\n    eventListenerMap?: EventListenerMap;\n};\n\nconst Circle = (props: CircleProps) => {\n    const { position, radius = 100, precision = 60, style, eventListenerMap } = props;\n\n    const { api } = useMapContext();\n\n    const [circle, setCircle] = useState<H.map.Circle>();\n\n    // Create a new circle and check for changes on the map itself.\n    // The map instance may change due to rendering changes like webgl vs raster.\n    // In this case, add the circle to the new map instance otherwise it will be gone.\n    useEffect(() => {\n        const newCircle = new H.map.Circle(position, radius, { style, precision });\n\n        setCircle(newCircle);\n\n        api.map?.addObject(newCircle);\n\n        return () => {\n            if (api.map?.getObjects().includes(newCircle)) {\n                api.map?.removeObject(newCircle);\n            }\n            newCircle.dispose();\n        };\n    }, [api.map]);\n\n    useUpdateProp(circle, 'setCenter', position);\n    useUpdateProp(circle, 'setStyle', style);\n    useUpdateProp(circle, 'setRadius', radius);\n    useUpdateProp(circle, 'setPrecision', precision);\n\n    useUpdateEventListenerMap(circle, eventListenerMap);\n\n    return null;\n};\n\nexport default Circle;\n"],"names":["Circle","props","position","radius","precision","style","eventListenerMap","api","useMapContext","circle","setCircle","useState","useEffect","newCircle","useUpdateProp","useUpdateEventListenerMap"],"mappings":";;;AAiBA,MAAMA,IAAS,CAACC,MAAuB;AACnC,QAAM,EAAE,UAAAC,GAAU,QAAAC,IAAS,KAAK,WAAAC,IAAY,IAAI,OAAAC,GAAO,kBAAAC,MAAqBL,GAEtE,EAAE,KAAAM,EAAA,IAAQC,EAAA,GAEV,CAACC,GAAQC,CAAS,IAAIC,EAAA;AAK5B,SAAAC,EAAU,MAAM;AACZ,UAAMC,IAAY,IAAI,EAAE,IAAI,OAAOX,GAAUC,GAAQ,EAAE,OAAAE,GAAO,WAAAD,GAAW;AAEzE,WAAAM,EAAUG,CAAS,GAEnBN,EAAI,KAAK,UAAUM,CAAS,GAErB,MAAM;AACT,MAAIN,EAAI,KAAK,WAAA,EAAa,SAASM,CAAS,KACxCN,EAAI,KAAK,aAAaM,CAAS,GAEnCA,EAAU,QAAA;AAAA,IACd;AAAA,EACJ,GAAG,CAACN,EAAI,GAAG,CAAC,GAEZO,EAAcL,GAAQ,aAAaP,CAAQ,GAC3CY,EAAcL,GAAQ,YAAYJ,CAAK,GACvCS,EAAcL,GAAQ,aAAaN,CAAM,GACzCW,EAAcL,GAAQ,gBAAgBL,CAAS,GAE/CW,EAA0BN,GAAQH,CAAgB,GAE3C;AACX;"}

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

@@ -1,4 +1,4 @@
-import type { MapApi, Position } from '../../../utils/mapTypes';
+import { MapApi, Position } from '../../../utils/mapTypes';
 export type InfoBubbleProps = {
     api: MapApi | undefined;
     position: Position;

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

@@ -1,43 +1,29 @@
-import React, { useEffect } from 'react';
-import ReactDomServer from 'react-dom/server';
-import { noop } from 'es-toolkit/function';
-// Default offset is defined according to the incidents layer marker
-const DEFAULT_OFFSET_X = 0;
-const DEFAULT_OFFSET_Y = 0;
-const InfoBubble = (props) => {
-    const { api, content, position, markerOffset, onClose = noop } = props;
-    const handleStateChange = (event) => {
-        if (event.target.getState() === 'closed') {
-            onClose();
+import u, { useEffect as f } from "react";
+import l from "react-dom/server";
+import { noop as m } from "es-toolkit/function";
+const p = 0, b = 0, E = (a) => {
+  const { api: e, content: n, position: i, markerOffset: r, onClose: c = m } = a, s = (t) => {
+    t.target.getState() === "closed" && c();
+  };
+  return f(() => {
+    let t;
+    if (e?.map && e?.ui) {
+      const o = e.map.geoToScreen(i);
+      o.x += r?.x ?? p, o.y += r?.y ?? b, t = new H.ui.InfoBubble(e.map.screenToGeo(o.x, o.y), {
+        onStateChange: s,
+        content: u.isValidElement(n) ? l.renderToStaticMarkup(n) : n
+      }), e.ui.addBubble(t);
+    }
+    return () => {
+      if (t)
+        try {
+          e?.ui?.removeBubble(t);
+        } catch {
         }
     };
-    useEffect(() => {
-        let infoBubble;
-        if (api?.map && api?.ui) {
-            // Fix the position so the info bubble doesn't overlap the marker
-            const screenPosition = api.map.geoToScreen(position);
-            screenPosition.x += markerOffset?.x ?? DEFAULT_OFFSET_X;
-            screenPosition.y += markerOffset?.y ?? DEFAULT_OFFSET_Y;
-            infoBubble = new H.ui.InfoBubble(api.map.screenToGeo(screenPosition.x, screenPosition.y), {
-                onStateChange: handleStateChange,
-                content: React.isValidElement(content)
-                    ? ReactDomServer.renderToStaticMarkup(content)
-                    : content,
-            });
-            api.ui.addBubble(infoBubble);
-        }
-        return () => {
-            if (infoBubble) {
-                try {
-                    api?.ui?.removeBubble(infoBubble);
-                }
-                catch (error) {
-                    // silence error that is cased when switching map types and the bubble cannot be removed
-                    // from the old map instance
-                }
-            }
-        };
-    }, [api]);
-    return null;
+  }, [e]), null;
+};
+export {
+  E as default
 };
-export default InfoBubble;
+//# sourceMappingURL=InfoBubble.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InfoBubble.js","sources":["../../../../../../src/components/map/components/features/basics/InfoBubble.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport ReactDomServer from 'react-dom/server';\nimport { noop } from 'es-toolkit/function';\n\nimport type { MapApi, Position } from '../../../utils/mapTypes';\n\n// Default offset is defined according to the incidents layer marker\nconst DEFAULT_OFFSET_X = 0;\nconst DEFAULT_OFFSET_Y = 0;\n\nexport type InfoBubbleProps = {\n    api: MapApi | undefined;\n    position: Position;\n    markerOffset?: {\n        x: number;\n        y: number;\n    };\n    content: string | JSX.Element | Node;\n    onClose?: () => void;\n};\n\nconst InfoBubble = (props: InfoBubbleProps) => {\n    const { api, content, position, markerOffset, onClose = noop } = props;\n\n    const handleStateChange = (event: H.util.Event) => {\n        if (event.target.getState() === 'closed') {\n            onClose();\n        }\n    };\n\n    useEffect(() => {\n        let infoBubble: H.ui.InfoBubble;\n\n        if (api?.map && api?.ui) {\n            // Fix the position so the info bubble doesn't overlap the marker\n            const screenPosition = api.map.geoToScreen(position);\n            screenPosition.x += markerOffset?.x ?? DEFAULT_OFFSET_X;\n            screenPosition.y += markerOffset?.y ?? DEFAULT_OFFSET_Y;\n\n            infoBubble = new H.ui.InfoBubble(api.map.screenToGeo(screenPosition.x, screenPosition.y), {\n                onStateChange: handleStateChange,\n                content: React.isValidElement(content)\n                    ? ReactDomServer.renderToStaticMarkup(content)\n                    : (content as any),\n            });\n\n            api.ui.addBubble(infoBubble);\n        }\n\n        return () => {\n            if (infoBubble) {\n                try {\n                    api?.ui?.removeBubble(infoBubble);\n                } catch (error) {\n                    // silence error that is cased when switching map types and the bubble cannot be removed\n                    // from the old map instance\n                }\n            }\n        };\n    }, [api]);\n\n    return null;\n};\n\nexport default InfoBubble;\n"],"names":["DEFAULT_OFFSET_X","DEFAULT_OFFSET_Y","InfoBubble","props","api","content","position","markerOffset","onClose","noop","handleStateChange","event","useEffect","infoBubble","screenPosition","React","ReactDomServer"],"mappings":";;;AAOA,MAAMA,IAAmB,GACnBC,IAAmB,GAanBC,IAAa,CAACC,MAA2B;AAC3C,QAAM,EAAE,KAAAC,GAAK,SAAAC,GAAS,UAAAC,GAAU,cAAAC,GAAc,SAAAC,IAAUC,MAASN,GAE3DO,IAAoB,CAACC,MAAwB;AAC/C,IAAIA,EAAM,OAAO,SAAA,MAAe,YAC5BH,EAAA;AAAA,EAER;AAEA,SAAAI,EAAU,MAAM;AACZ,QAAIC;AAEJ,QAAIT,GAAK,OAAOA,GAAK,IAAI;AAErB,YAAMU,IAAiBV,EAAI,IAAI,YAAYE,CAAQ;AACnD,MAAAQ,EAAe,KAAKP,GAAc,KAAKP,GACvCc,EAAe,KAAKP,GAAc,KAAKN,GAEvCY,IAAa,IAAI,EAAE,GAAG,WAAWT,EAAI,IAAI,YAAYU,EAAe,GAAGA,EAAe,CAAC,GAAG;AAAA,QACtF,eAAeJ;AAAA,QACf,SAASK,EAAM,eAAeV,CAAO,IAC/BW,EAAe,qBAAqBX,CAAO,IAC1CA;AAAA,MAAA,CACV,GAEDD,EAAI,GAAG,UAAUS,CAAU;AAAA,IAC/B;AAEA,WAAO,MAAM;AACT,UAAIA;AACA,YAAI;AACA,UAAAT,GAAK,IAAI,aAAaS,CAAU;AAAA,QACpC,QAAgB;AAAA,QAGhB;AAAA,IAER;AAAA,EACJ,GAAG,CAACT,CAAG,CAAC,GAED;AACX;"}

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

@@ -1,6 +1,6 @@
-import React from 'react';
-import { type EventListenerMap } from '../../../utils/eventHandling';
-import type { Position } from '../../../utils/mapTypes';
+import { default as React } from 'react';
+import { EventListenerMap } from '../../../utils/eventHandling';
+import { Position } from '../../../utils/mapTypes';
 export type MarkerIcon = string | React.ReactElement;
 export declare const isHMapIcon: (icon: MarkerIcon | H.map.DomIcon | undefined) => icon is H.map.Icon;
 export declare const isDomMakerNeeded: (icon: MarkerIcon | H.map.DomIcon | undefined) => boolean;

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

@@ -1,90 +1,46 @@
-import React, { useEffect, useRef } from 'react';
-import ReactDomServer from 'react-dom/server';
-import { addEventListenerMap, removeEventListenerMap } from "../../../utils/eventHandling.js";
-import { useMapContext } from "../../MapContext.js";
-export const isHMapIcon = (icon) => icon instanceof H.map.Icon;
-export const isDomMakerNeeded = (icon) => (!icon ? false : !isHMapIcon(icon));
-// Note:
-// H.map.Marker:    A "normal" marker that uses a static image as an icon.
-//                  Large numbers of markers of this types can be added to the map very quickly and efficiently.
-// H.map.Dom:       A marker which supports HTML (and SVG) content, which can be dynamic.
-//                  Markers of this type are best displayed individually or in small sets.
-// It is also important to note that Markers and DomMarkers are rendered in separate rendering steps.
-// Markers are rendered in the map scene and therefore appear behind any DomMarkers which are rendered
-// as an overlay on top of the map.
-export const getOrCreateIcon = (icon) => {
-    if (isHMapIcon(icon) || icon instanceof H.map.DomIcon) {
-        return icon || '';
+import v, { useRef as I, useEffect as u } from "react";
+import k from "react-dom/server";
+import { removeEventListenerMap as f, addEventListenerMap as d } from "../../../utils/eventHandling.js";
+import { useMapContext as g } from "../../MapContext.js";
+const M = (e) => e instanceof H.map.Icon, l = (e) => e ? !M(e) : !1, D = (e) => {
+  if (M(e) || e instanceof H.map.DomIcon)
+    return e || "";
+  const t = v.isValidElement(e) ? k.renderToStaticMarkup(e) : e;
+  return new H.map.DomIcon(t);
+}, i = (e, t) => {
+  const { position: m, customData: n, icon: c, draggable: o, eventListenerMap: r } = e, a = l(c) ? H.map.DomMarker : H.map.Marker, s = new a(m, {
+    icon: c && D(c)
+  });
+  return s.setData(n), s.draggable = !!o, t.map?.addObject(s), d(s, r, t.map), s;
+}, p = (e, t) => {
+  f(e), t.map?.getObjects().includes(e) && t.map.removeObject(e), e.dispose();
+}, R = (e) => {
+  const { position: t, customData: m, icon: n, eventListenerMap: c } = e, { api: o } = g(), r = I();
+  return u(() => (r.current = i(e, o), () => {
+    r.current && (p(r.current, o), r.current = void 0);
+  }), []), u(() => {
+    r.current && r.current.setGeometry(t);
+  }, [t, r.current]), u(() => {
+    r.current && r.current.setData(m);
+  }, [m, r.current]), u(() => {
+    if (r.current) {
+      const a = f(r.current);
+      d(r.current, c, a);
     }
-    const renderedIcon = React.isValidElement(icon) ? ReactDomServer.renderToStaticMarkup(icon) : icon;
-    return new H.map.DomIcon(renderedIcon);
+  }, [c, r.current]), u(() => {
+    if (r.current && n)
+      if (l(n))
+        p(r.current, o), r.current = i(e, o);
+      else {
+        const a = D(n);
+        a && r.current.setIcon(a);
+      }
+  }, [n, r.current]), null;
 };
-const setupMarker = (props, api) => {
-    const { position, customData, icon, draggable, eventListenerMap } = props;
-    const MarkerConstructor = isDomMakerNeeded(icon) ? H.map.DomMarker : H.map.Marker;
-    const marker = new MarkerConstructor(position, {
-        icon: icon && getOrCreateIcon(icon),
-    });
-    marker.setData(customData);
-    marker.draggable = !!draggable;
-    api.map?.addObject(marker);
-    addEventListenerMap(marker, eventListenerMap, api.map);
-    return marker;
+export {
+  R as default,
+  D as getOrCreateIcon,
+  l as isDomMakerNeeded,
+  M as isHMapIcon
 };
-const destroyMarker = (marker, api) => {
-    removeEventListenerMap(marker);
-    if (api.map?.getObjects().includes(marker)) {
-        api.map.removeObject(marker);
-    }
-    marker.dispose();
-};
-const Marker = (props) => {
-    const { position, customData, icon, eventListenerMap } = props;
-    const { api } = useMapContext();
-    const markerRef = useRef();
-    useEffect(() => {
-        markerRef.current = setupMarker(props, api);
-        return () => {
-            if (markerRef.current) {
-                destroyMarker(markerRef.current, api);
-                markerRef.current = undefined;
-            }
-        };
-    }, []);
-    // Update marker position
-    useEffect(() => {
-        if (markerRef.current) {
-            markerRef.current.setGeometry(position);
-        }
-    }, [position, markerRef.current]);
-    // Update marker custom data
-    useEffect(() => {
-        if (markerRef.current) {
-            markerRef.current.setData(customData);
-        }
-    }, [customData, markerRef.current]);
-    // Update EventListenerMap
-    useEffect(() => {
-        if (markerRef.current) {
-            // use exports to make methods accessible for stubbing
-            const mapApi = removeEventListenerMap(markerRef.current);
-            addEventListenerMap(markerRef.current, eventListenerMap, mapApi);
-        }
-    }, [eventListenerMap, markerRef.current]);
-    // If icon type changed, we need to change the marker type
-    useEffect(() => {
-        if (!(markerRef.current && icon)) {
-            return;
-        }
-        if (isDomMakerNeeded(icon)) {
-            destroyMarker(markerRef.current, api);
-            markerRef.current = setupMarker(props, api);
-        }
-        else {
-            const domIcon = getOrCreateIcon(icon);
-            domIcon && markerRef.current.setIcon(domIcon);
-        }
-    }, [icon, markerRef.current]);
-    return null;
-};
-export default Marker;
+//# sourceMappingURL=Marker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Marker.js","sources":["../../../../../../src/components/map/components/features/basics/Marker.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport ReactDomServer from 'react-dom/server';\n\nimport { type EventListenerMap, addEventListenerMap, removeEventListenerMap } from '../../../utils/eventHandling';\nimport { useMapContext } from '../../MapContext';\nimport type { MapApi, Position } from '../../../utils/mapTypes';\n\nexport type MarkerIcon = string | React.ReactElement; // Element;\n\nexport const isHMapIcon = (icon: MarkerIcon | H.map.DomIcon | undefined) => icon instanceof H.map.Icon;\n\nexport const isDomMakerNeeded = (icon: MarkerIcon | H.map.DomIcon | undefined) => (!icon ? false : !isHMapIcon(icon));\n\n// Note:\n// H.map.Marker:    A \"normal\" marker that uses a static image as an icon.\n//                  Large numbers of markers of this types can be added to the map very quickly and efficiently.\n// H.map.Dom:       A marker which supports HTML (and SVG) content, which can be dynamic.\n//                  Markers of this type are best displayed individually or in small sets.\n// It is also important to note that Markers and DomMarkers are rendered in separate rendering steps.\n// Markers are rendered in the map scene and therefore appear behind any DomMarkers which are rendered\n// as an overlay on top of the map.\nexport const getOrCreateIcon = (icon: MarkerIcon | H.map.DomIcon | undefined) => {\n    if (isHMapIcon(icon) || icon instanceof H.map.DomIcon) {\n        return icon || '';\n    }\n\n    const renderedIcon = React.isValidElement(icon) ? ReactDomServer.renderToStaticMarkup(icon) : icon;\n\n    return new H.map.DomIcon(renderedIcon as any);\n};\n\nconst setupMarker = (props: MarkerProps, api: MapApi) => {\n    const { position, customData, icon, draggable, eventListenerMap } = props;\n\n    const MarkerConstructor = isDomMakerNeeded(icon) ? H.map.DomMarker : H.map.Marker;\n\n    const marker = new MarkerConstructor(position, {\n        icon: icon && (getOrCreateIcon(icon) as any),\n    });\n\n    marker.setData(customData);\n    marker.draggable = !!draggable;\n\n    api.map?.addObject(marker);\n\n    addEventListenerMap(marker, eventListenerMap, api.map!);\n\n    return marker;\n};\n\nconst destroyMarker = (marker: H.map.DomMarker, api: MapApi) => {\n    removeEventListenerMap(marker);\n    if (api.map?.getObjects().includes(marker)) {\n        api.map.removeObject(marker);\n    }\n    marker.dispose();\n};\n\nexport type MarkerProps = {\n    position: Position;\n    icon?: MarkerIcon;\n    eventListenerMap?: EventListenerMap;\n    customData?: object;\n    draggable?: boolean;\n};\n\nconst Marker = (props: MarkerProps) => {\n    const { position, customData, icon, eventListenerMap } = props;\n\n    const { api } = useMapContext();\n\n    const markerRef = useRef<H.map.DomMarker>();\n\n    useEffect(() => {\n        markerRef.current = setupMarker(props, api);\n\n        return () => {\n            if (markerRef.current) {\n                destroyMarker(markerRef.current, api);\n                markerRef.current = undefined;\n            }\n        };\n    }, []);\n\n    // Update marker position\n    useEffect(() => {\n        if (markerRef.current) {\n            markerRef.current.setGeometry(position);\n        }\n    }, [position, markerRef.current]);\n\n    // Update marker custom data\n    useEffect(() => {\n        if (markerRef.current) {\n            markerRef.current.setData(customData);\n        }\n    }, [customData, markerRef.current]);\n\n    // Update EventListenerMap\n    useEffect(() => {\n        if (markerRef.current) {\n            // use exports to make methods accessible for stubbing\n            const mapApi = removeEventListenerMap(markerRef.current);\n            addEventListenerMap(markerRef.current, eventListenerMap, mapApi);\n        }\n    }, [eventListenerMap, markerRef.current]);\n\n    // If icon type changed, we need to change the marker type\n    useEffect(() => {\n        if (!(markerRef.current && icon)) {\n            return;\n        }\n\n        if (isDomMakerNeeded(icon)) {\n            destroyMarker(markerRef.current, api);\n            markerRef.current = setupMarker(props, api);\n        } else {\n            const domIcon = getOrCreateIcon(icon);\n            domIcon && markerRef.current.setIcon(domIcon);\n        }\n    }, [icon, markerRef.current]);\n\n    return null;\n};\n\nexport default Marker;\n"],"names":["isHMapIcon","icon","isDomMakerNeeded","getOrCreateIcon","renderedIcon","React","ReactDomServer","setupMarker","props","api","position","customData","draggable","eventListenerMap","MarkerConstructor","marker","addEventListenerMap","destroyMarker","removeEventListenerMap","Marker","useMapContext","markerRef","useRef","useEffect","mapApi","domIcon"],"mappings":";;;;AASO,MAAMA,IAAa,CAACC,MAAiDA,aAAgB,EAAE,IAAI,MAErFC,IAAmB,CAACD,MAAmDA,IAAe,CAACD,EAAWC,CAAI,IAAxB,IAU9EE,IAAkB,CAACF,MAAiD;AAC7E,MAAID,EAAWC,CAAI,KAAKA,aAAgB,EAAE,IAAI;AAC1C,WAAOA,KAAQ;AAGnB,QAAMG,IAAeC,EAAM,eAAeJ,CAAI,IAAIK,EAAe,qBAAqBL,CAAI,IAAIA;AAE9F,SAAO,IAAI,EAAE,IAAI,QAAQG,CAAmB;AAChD,GAEMG,IAAc,CAACC,GAAoBC,MAAgB;AACrD,QAAM,EAAE,UAAAC,GAAU,YAAAC,GAAY,MAAAV,GAAM,WAAAW,GAAW,kBAAAC,MAAqBL,GAE9DM,IAAoBZ,EAAiBD,CAAI,IAAI,EAAE,IAAI,YAAY,EAAE,IAAI,QAErEc,IAAS,IAAID,EAAkBJ,GAAU;AAAA,IAC3C,MAAMT,KAASE,EAAgBF,CAAI;AAAA,EAAA,CACtC;AAED,SAAAc,EAAO,QAAQJ,CAAU,GACzBI,EAAO,YAAY,CAAC,CAACH,GAErBH,EAAI,KAAK,UAAUM,CAAM,GAEzBC,EAAoBD,GAAQF,GAAkBJ,EAAI,GAAI,GAE/CM;AACX,GAEME,IAAgB,CAACF,GAAyBN,MAAgB;AAC5D,EAAAS,EAAuBH,CAAM,GACzBN,EAAI,KAAK,WAAA,EAAa,SAASM,CAAM,KACrCN,EAAI,IAAI,aAAaM,CAAM,GAE/BA,EAAO,QAAA;AACX,GAUMI,IAAS,CAACX,MAAuB;AACnC,QAAM,EAAE,UAAAE,GAAU,YAAAC,GAAY,MAAAV,GAAM,kBAAAY,MAAqBL,GAEnD,EAAE,KAAAC,EAAA,IAAQW,EAAA,GAEVC,IAAYC,EAAA;AAElB,SAAAC,EAAU,OACNF,EAAU,UAAUd,EAAYC,GAAOC,CAAG,GAEnC,MAAM;AACT,IAAIY,EAAU,YACVJ,EAAcI,EAAU,SAASZ,CAAG,GACpCY,EAAU,UAAU;AAAA,EAE5B,IACD,CAAA,CAAE,GAGLE,EAAU,MAAM;AACZ,IAAIF,EAAU,WACVA,EAAU,QAAQ,YAAYX,CAAQ;AAAA,EAE9C,GAAG,CAACA,GAAUW,EAAU,OAAO,CAAC,GAGhCE,EAAU,MAAM;AACZ,IAAIF,EAAU,WACVA,EAAU,QAAQ,QAAQV,CAAU;AAAA,EAE5C,GAAG,CAACA,GAAYU,EAAU,OAAO,CAAC,GAGlCE,EAAU,MAAM;AACZ,QAAIF,EAAU,SAAS;AAEnB,YAAMG,IAASN,EAAuBG,EAAU,OAAO;AACvD,MAAAL,EAAoBK,EAAU,SAASR,GAAkBW,CAAM;AAAA,IACnE;AAAA,EACJ,GAAG,CAACX,GAAkBQ,EAAU,OAAO,CAAC,GAGxCE,EAAU,MAAM;AACZ,QAAMF,EAAU,WAAWpB;AAI3B,UAAIC,EAAiBD,CAAI;AACrB,QAAAgB,EAAcI,EAAU,SAASZ,CAAG,GACpCY,EAAU,UAAUd,EAAYC,GAAOC,CAAG;AAAA,WACvC;AACH,cAAMgB,IAAUtB,EAAgBF,CAAI;AACpC,QAAAwB,KAAWJ,EAAU,QAAQ,QAAQI,CAAO;AAAA,MAChD;AAAA,EACJ,GAAG,CAACxB,GAAMoB,EAAU,OAAO,CAAC,GAErB;AACX;"}

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

@@ -1,5 +1,5 @@
-import type { Position } from '../../../utils/mapTypes';
-import type { EventListenerMap } from '../../../utils/eventHandling';
+import { Position } from '../../../utils/mapTypes';
+import { EventListenerMap } from '../../../utils/eventHandling';
 export { colorMapColdplay, colorMapWarmup, colorMapGray, colorMapBrand, colorMapStatus, colorMapMarker, colorMapRating, colorMapHighlight, } from './polygonColors';
 export type PolygonPoints = Position[] & Record<string, any>;
 export type PolygonProps = {

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

@@ -1,40 +1,24 @@
-import { useState, useEffect } from 'react';
-import { isNil } from 'es-toolkit/predicate';
-import { useMapContext } from "../../MapContext.js";
-import { useUpdateProp, useUpdateEventListenerMap } from "../../../utils/hooks.js";
-export { colorMapColdplay, colorMapWarmup, colorMapGray, colorMapBrand, colorMapStatus, colorMapMarker, colorMapRating, colorMapHighlight, } from "./polygonColors.js";
-const createGeometry = (points) => {
-    const lineString = new H.geo.LineString();
-    points.forEach(p => {
-        if (isNil(p.lat) || isNil(p.lng) || Number.isNaN(p.lat) || Number.isNaN(p.lng)) {
-            return;
-        }
-        lineString.pushLatLngAlt(p.lat, p.lng, 0);
-    });
-    return new H.geo.Polygon(lineString);
+import { useState as g, useEffect as a } from "react";
+import { isNil as l } from "es-toolkit/predicate";
+import { useMapContext as u } from "../../MapContext.js";
+import { useUpdateProp as c, useUpdateEventListenerMap as f } from "../../../utils/hooks.js";
+const i = (s) => {
+  const t = new H.geo.LineString();
+  return s.forEach((e) => {
+    l(e.lat) || l(e.lng) || Number.isNaN(e.lat) || Number.isNaN(e.lng) || t.pushLatLngAlt(e.lat, e.lng, 0);
+  }), new H.geo.Polygon(t);
+}, S = (s) => {
+  const { points: t, style: e = H.map.SpatialStyle.DEFAULT_STYLE, eventListenerMap: m } = s, { api: n } = u(), [r, p] = g();
+  return a(() => {
+    const o = new H.map.Polygon(i(t), { style: e });
+    return n.map?.addObject(o), p(o), () => {
+      n.map?.getObjects().includes(o) && n.map?.removeObject(o), o.dispose();
+    };
+  }, [n.map]), a(() => {
+    r && r.setGeometry(i(t));
+  }, [t]), c(r, "setStyle", e), f(r, m), null;
 };
-const Polygon = (props) => {
-    const { points, style = H.map.SpatialStyle.DEFAULT_STYLE, eventListenerMap } = props;
-    const { api } = useMapContext();
-    const [polygon, setPolygon] = useState();
-    useEffect(() => {
-        const newPolygon = new H.map.Polygon(createGeometry(points), { style });
-        api.map?.addObject(newPolygon);
-        setPolygon(newPolygon);
-        return () => {
-            if (api.map?.getObjects().includes(newPolygon)) {
-                api.map?.removeObject(newPolygon);
-            }
-            newPolygon.dispose();
-        };
-    }, [api.map]);
-    useEffect(() => {
-        if (polygon) {
-            polygon.setGeometry(createGeometry(points));
-        }
-    }, [points]);
-    useUpdateProp(polygon, 'setStyle', style);
-    useUpdateEventListenerMap(polygon, eventListenerMap);
-    return null;
+export {
+  S as default
 };
-export default Polygon;
+//# sourceMappingURL=Polygon.js.map