@rio-cloud/rio-uikit 1.12.0 → 1.13.1

package/lib/es/src/components/map/components/features/MapSettings.js

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const map_1 = tslib_1.__importDefault(require("lodash/fp/map"));
-const MapTypeSettings_1 = tslib_1.__importDefault(require("./settings/builtinSettings/MapTypeSettings"));
-const MapLayerSettings_1 = tslib_1.__importDefault(require("./settings/builtinSettings/MapLayerSettings"));
-const MapClusterSettings_1 = tslib_1.__importDefault(require("./settings/builtinSettings/MapClusterSettings"));
-const MapContext_1 = require("../MapContext");
-const isMapTypeSettings = (option) => option.type === MapTypeSettings_1.default;
-const isMapLayerSettings = (option) => option.type === MapLayerSettings_1.default;
-const isMapClusterSettings = (option) => option.type === MapClusterSettings_1.default;
-const MapSettings = (props) => {
-    const { options, className = '' } = props;
-    const { baseLayer, activeLayers, showCluster, onMapTypeChange, onMapLayerChange, onShowClusterChange } = (0, MapContext_1.useMapContext)();
-    const mapSettingsClasses = (0, classnames_1.default)('MapSettingsWrapper', className);
-    return ((0, jsx_runtime_1.jsx)("div", { className: mapSettingsClasses, children: (0, map_1.default)(option => {
-            if (isMapTypeSettings(option)) {
-                return react_1.default.cloneElement(option, {
-                    key: option?.key ?? crypto.randomUUID(),
-                    mapType: baseLayer,
-                    onMapTypeChange,
-                });
-            }
-            if (isMapLayerSettings(option)) {
-                return react_1.default.cloneElement(option, {
-                    key: option?.key ?? crypto.randomUUID(),
-                    activeBuiltinLayers: activeLayers,
-                    onMapLayerChange,
-                });
-            }
-            if (isMapClusterSettings(option)) {
-                return react_1.default.cloneElement(option, {
-                    key: option?.key ?? crypto.randomUUID(),
-                    showCluster,
-                    onShowClusterChange,
-                });
-            }
-            return react_1.default.cloneElement(option, {
-                key: option?.key ?? `MapSettingsOption_${crypto.randomUUID()}`,
-            });
-        }, options) }));
-};
-exports.default = MapSettings;

package/lib/es/src/components/map/components/features/MapZoom.d.ts

@@ -1,9 +0,0 @@
-export type MapZoomProps = {
-    zoom?: number;
-    hideZoomButtons: boolean;
-    zoomAnimation: boolean;
-    onZoomIn: (zoom: number) => void;
-    onZoomOut: (zoom: number) => void;
-};
-declare const MapZoom: (props: MapZoomProps) => import("react/jsx-runtime").JSX.Element | null;
-export default MapZoom;

package/lib/es/src/components/map/components/features/MapZoom.js

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const ZoomButtons_1 = tslib_1.__importDefault(require("./settings/ZoomButtons"));
-const MapContext_1 = require("../MapContext");
-const MapZoom = (props) => {
-    const { zoom, hideZoomButtons, zoomAnimation, onZoomIn, onZoomOut } = props;
-    const { api } = (0, MapContext_1.useMapContext)();
-    // Update Zoom from outside if value is different
-    (0, react_1.useEffect)(() => {
-        if (!api) {
-            return;
-        }
-        const currentMapZoom = api.utils?.getZoom();
-        if (zoom && currentMapZoom !== zoom) {
-            api.utils?.setZoom(zoom, zoomAnimation);
-        }
-    }, [zoom]);
-    const handleZoomIn = () => {
-        const currentZoom = api?.utils?.getZoom() ?? 0;
-        const newZoom = currentZoom + 1;
-        onZoomIn(newZoom);
-        api?.utils?.setZoom(newZoom, zoomAnimation);
-    };
-    const handleZoomOut = () => {
-        const currentZoom = api?.utils?.getZoom() ?? 0;
-        const newZoom = currentZoom - 1;
-        onZoomOut(newZoom);
-        api?.utils?.setZoom(newZoom, zoomAnimation);
-    };
-    if (hideZoomButtons) {
-        return null;
-    }
-    return (0, jsx_runtime_1.jsx)(ZoomButtons_1.default, { onZoomIn: handleZoomIn, onZoomOut: handleZoomOut });
-};
-exports.default = MapZoom;

package/lib/es/src/components/map/components/features/Route.d.ts

@@ -1,39 +0,0 @@
-import { type ArrowStyle } from './basics/Polyline';
-import type { Position } from '../../utils/mapTypes';
-import type { EventListenerMap } from '../../utils/eventHandling';
-export declare const MISSING_POSITIONS_EXCEPTION_MSG = "Route requires a minimum of 1 positions";
-export declare const TO_LESS_LINE_WIDTH_EXCEPTION_MSG = "If isBorderIncludedInWidth is set to true than width has to be greater than twice of borderWidth";
-export declare const DEFAULT_LINE_STROKE_COLOR = "rgba(48, 194, 255, 1)";
-export declare const DEFAULT_LINE_STROKE_COLOR_REDUCED = "rgba(48, 194, 255, 0.5)";
-export declare const DEFAULT_LINE_STROKE_COLOR_ALTERNATIVE = "rgb(200, 243, 247)";
-export declare const DEFAULT_BORDER_STROKE_COLOR = "rgba(22, 100, 141, 1)";
-export declare const DEFAULT_BORDER_STROKE_COLOR_REDUCED = "rgba(255, 255, 255, 0)";
-export declare const ROUTE_COLOR_DANGER = "#e22837";
-export declare const ROUTE_COLOR_WARNING = "#ff8e3c";
-export declare const ROUTE_COLOR_SUCCESS = "#5cb85c";
-export declare const ROUTE_COLOR_WHITE = "rgba(255, 255, 255, 1)";
-export declare const ARROW_COLOR_WARNING = "rgba(167, 83, 25, 1)";
-export type RouteStyle = {
-    width?: number;
-    color?: string;
-    borderWidth?: number;
-    borderColor?: string;
-    isBorderIncludedInWidth?: boolean;
-    lineDash?: number[];
-};
-export type RouteProps = {
-    arrowStyle?: ArrowStyle;
-    hasArrows?: boolean;
-    positions: Position[];
-    style?: RouteStyle;
-    eventListenerMap?: EventListenerMap;
-    isReduced?: boolean;
-    isRouteAlternative?: boolean;
-    startIcon?: JSX.Element;
-    middleIcon?: JSX.Element;
-    endIcon?: JSX.Element;
-    markers?: JSX.Element[];
-    customData?: object;
-};
-declare const Route: (props: RouteProps) => import("react/jsx-runtime").JSX.Element | null;
-export default Route;

package/lib/es/src/components/map/components/features/Route.js

@@ -1,98 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ARROW_COLOR_WARNING = exports.ROUTE_COLOR_WHITE = exports.ROUTE_COLOR_SUCCESS = exports.ROUTE_COLOR_WARNING = exports.ROUTE_COLOR_DANGER = exports.DEFAULT_BORDER_STROKE_COLOR_REDUCED = exports.DEFAULT_BORDER_STROKE_COLOR = exports.DEFAULT_LINE_STROKE_COLOR_ALTERNATIVE = exports.DEFAULT_LINE_STROKE_COLOR_REDUCED = exports.DEFAULT_LINE_STROKE_COLOR = exports.TO_LESS_LINE_WIDTH_EXCEPTION_MSG = exports.MISSING_POSITIONS_EXCEPTION_MSG = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const isEmpty_1 = tslib_1.__importDefault(require("lodash/fp/isEmpty"));
-const isArray_1 = tslib_1.__importDefault(require("lodash/fp/isArray"));
-const Polyline_1 = tslib_1.__importDefault(require("./basics/Polyline"));
-const Marker_1 = tslib_1.__importDefault(require("./basics/Marker"));
-const MapException_1 = tslib_1.__importDefault(require("../../exceptions/MapException"));
-exports.MISSING_POSITIONS_EXCEPTION_MSG = 'Route requires a minimum of 1 positions';
-exports.TO_LESS_LINE_WIDTH_EXCEPTION_MSG = 'If isBorderIncludedInWidth is set to true than width has to be greater than twice of borderWidth';
-exports.DEFAULT_LINE_STROKE_COLOR = 'rgba(48, 194, 255, 1)';
-exports.DEFAULT_LINE_STROKE_COLOR_REDUCED = 'rgba(48, 194, 255, 0.5)';
-exports.DEFAULT_LINE_STROKE_COLOR_ALTERNATIVE = 'rgb(200, 243, 247)';
-exports.DEFAULT_BORDER_STROKE_COLOR = 'rgba(22, 100, 141, 1)';
-exports.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
-exports.ROUTE_COLOR_DANGER = '#e22837';
-exports.ROUTE_COLOR_WARNING = '#ff8e3c';
-exports.ROUTE_COLOR_SUCCESS = '#5cb85c';
-exports.ROUTE_COLOR_WHITE = 'rgba(255, 255, 255, 1)';
-exports.ARROW_COLOR_WARNING = 'rgba(167, 83, 25, 1)';
-const DEFAULT_WIDTH = 5;
-const DEFAULT_BORDER_WIDTH = 2;
-const defaultStyle = {
-    width: DEFAULT_WIDTH,
-    color: exports.DEFAULT_LINE_STROKE_COLOR,
-    borderWidth: DEFAULT_BORDER_WIDTH,
-    borderColor: exports.DEFAULT_BORDER_STROKE_COLOR,
-    isBorderIncludedInWidth: false,
-};
-const alternativeRouteStyle = {
-    ...defaultStyle,
-    color: exports.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] = (0, react_1.useState)();
-    const [routeStyle, setRouteStyle] = (0, react_1.useState)();
-    const [borderStyle, setBorderStyle] = (0, react_1.useState)();
-    const [borderWidth, setBorderWidth] = (0, react_1.useState)(DEFAULT_BORDER_WIDTH);
-    (0, react_1.useEffect)(() => {
-        updateGeometry(positions);
-        updateStyle(style, isReduced, isRouteAlternative);
-    }, []);
-    (0, react_1.useEffect)(() => {
-        updateGeometry(positions);
-    }, [positions]);
-    (0, react_1.useEffect)(() => {
-        updateStyle(style, isReduced, isRouteAlternative);
-    }, [style, isReduced, isRouteAlternative]);
-    const updateGeometry = (pos) => {
-        if ((0, isEmpty_1.default)(pos)) {
-            throw new MapException_1.default(exports.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.forEach((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_1.default(exports.TO_LESS_LINE_WIDTH_EXCEPTION_MSG);
-        }
-        setRouteStyle(new H.map.SpatialStyle({
-            strokeColor: isReducedStyle ? exports.DEFAULT_LINE_STROKE_COLOR_REDUCED : color,
-            lineWidth: isReducedStyle ? mergedBorderWidth + width : width,
-            lineCap: 'round',
-            lineJoin: 'bevel',
-            ...(lineDash && { lineDash }),
-        }));
-        setBorderStyle(new H.map.SpatialStyle({
-            strokeColor: isReduced ? exports.DEFAULT_BORDER_STROKE_COLOR_REDUCED : borderColor,
-            lineWidth: mergedBorderWidth + width,
-            lineCap: 'round',
-            lineJoin: 'bevel',
-            ...(lineDash && { lineDash }),
-        }));
-    };
-    if (!lineString) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [borderWidth > 0 && ((0, jsx_runtime_1.jsx)(Polyline_1.default, { eventListenerMap: eventListenerMap, geometry: lineString, style: borderStyle, customData: customData })), (0, jsx_runtime_1.jsx)(Polyline_1.default, { hasArrows: hasArrows, arrowStyle: arrowStyle, eventListenerMap: eventListenerMap, geometry: lineString, style: routeStyle, customData: customData }), startIcon && (0, jsx_runtime_1.jsx)(Marker_1.default, { position: positions[0], icon: startIcon }, 'startIcon'), middleIcon && ((0, jsx_runtime_1.jsx)(Marker_1.default, { position: positions[Math.floor(positions.length / 2)], icon: middleIcon }, 'middleIcon')), endIcon && (0, jsx_runtime_1.jsx)(Marker_1.default, { position: positions[positions.length - 1], icon: endIcon }, 'endIcon'), (0, isArray_1.default)(markers) && markers.map(marker => marker)] }));
-};
-exports.default = Route;

package/lib/es/src/components/map/components/features/basics/Circle.d.ts

@@ -1,12 +0,0 @@
-import type { Position } from '../../../utils/mapTypes';
-import type { EventListenerMap } from '../../../utils/eventHandling';
-export type CirclePosition = Position & Record<string, any>;
-export type CircleProps = {
-    position: CirclePosition;
-    radius?: number;
-    precision?: number;
-    style?: H.map.SpatialStyle;
-    eventListenerMap?: EventListenerMap;
-};
-declare const Circle: (props: CircleProps) => null;
-export default Circle;

package/lib/es/src/components/map/components/features/basics/Circle.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("react");
-const MapContext_1 = require("../../MapContext");
-const hooks_1 = require("../../../utils/hooks");
-const Circle = (props) => {
-    const { position, radius = 100, precision = 60, style, eventListenerMap } = props;
-    const { api } = (0, MapContext_1.useMapContext)();
-    const [circle, setCircle] = (0, react_1.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.
-    (0, react_1.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]);
-    (0, hooks_1.useUpdateProp)(circle, 'setCenter', position);
-    (0, hooks_1.useUpdateProp)(circle, 'setStyle', style);
-    (0, hooks_1.useUpdateProp)(circle, 'setRadius', radius);
-    (0, hooks_1.useUpdateProp)(circle, 'setPrecision', precision);
-    (0, hooks_1.useUpdateEventListenerMap)(circle, eventListenerMap);
-    return null;
-};
-exports.default = Circle;

package/lib/es/src/components/map/components/features/basics/InfoBubble.d.ts

@@ -1,13 +0,0 @@
-import type { MapApi, Position } from '../../../utils/mapTypes';
-export type InfoBubbleProps = {
-    api: MapApi | undefined;
-    position: Position;
-    markerOffset?: {
-        x: number;
-        y: number;
-    };
-    content: string | JSX.Element | Node;
-    onClose?: () => void;
-};
-declare const InfoBubble: (props: InfoBubbleProps) => null;
-export default InfoBubble;

package/lib/es/src/components/map/components/features/basics/InfoBubble.js

@@ -1,47 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-// biome-ignore lint/style/useImportType: required for JSX runtime compatibility with older toolchains
-const react_1 = tslib_1.__importStar(require("react"));
-const server_1 = tslib_1.__importDefault(require("react-dom/server"));
-const noop_1 = tslib_1.__importDefault(require("lodash/fp/noop"));
-// 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_1.default } = props;
-    const handleStateChange = (event) => {
-        if (event.target.getState() === 'closed') {
-            onClose();
-        }
-    };
-    (0, react_1.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_1.default.isValidElement(content)
-                    ? server_1.default.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;
-};
-exports.default = InfoBubble;

package/lib/es/src/components/map/components/features/basics/Marker.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import { type EventListenerMap } from '../../../utils/eventHandling';
-import type { 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;
-export declare const getOrCreateIcon: (icon: MarkerIcon | H.map.DomIcon | undefined) => H.map.DomIcon | H.map.Icon;
-export type MarkerProps = {
-    position: Position;
-    icon?: MarkerIcon;
-    eventListenerMap?: EventListenerMap;
-    customData?: object;
-    draggable?: boolean;
-};
-declare const Marker: (props: MarkerProps) => null;
-export default Marker;

package/lib/es/src/components/map/components/features/basics/Marker.js

@@ -1,97 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getOrCreateIcon = exports.isDomMakerNeeded = exports.isHMapIcon = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const server_1 = tslib_1.__importDefault(require("react-dom/server"));
-const eventHandling_1 = require("../../../utils/eventHandling");
-const MapContext_1 = require("../../MapContext");
-const isHMapIcon = (icon) => icon instanceof H.map.Icon;
-exports.isHMapIcon = isHMapIcon;
-const isDomMakerNeeded = (icon) => (!icon ? false : !(0, exports.isHMapIcon)(icon));
-exports.isDomMakerNeeded = isDomMakerNeeded;
-// 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.
-const getOrCreateIcon = (icon) => {
-    if ((0, exports.isHMapIcon)(icon) || icon instanceof H.map.DomIcon) {
-        return icon || '';
-    }
-    const renderedIcon = react_1.default.isValidElement(icon) ? server_1.default.renderToStaticMarkup(icon) : icon;
-    return new H.map.DomIcon(renderedIcon);
-};
-exports.getOrCreateIcon = getOrCreateIcon;
-const setupMarker = (props, api) => {
-    const { position, customData, icon, draggable, eventListenerMap } = props;
-    const MarkerConstructor = (0, exports.isDomMakerNeeded)(icon) ? H.map.DomMarker : H.map.Marker;
-    const marker = new MarkerConstructor(position, {
-        icon: icon && (0, exports.getOrCreateIcon)(icon),
-    });
-    marker.setData(customData);
-    marker.draggable = !!draggable;
-    api.map?.addObject(marker);
-    (0, eventHandling_1.addEventListenerMap)(marker, eventListenerMap, api.map);
-    return marker;
-};
-const destroyMarker = (marker, api) => {
-    (0, eventHandling_1.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 } = (0, MapContext_1.useMapContext)();
-    const markerRef = (0, react_1.useRef)();
-    (0, react_1.useEffect)(() => {
-        markerRef.current = setupMarker(props, api);
-        return () => {
-            if (markerRef.current) {
-                destroyMarker(markerRef.current, api);
-                markerRef.current = undefined;
-            }
-        };
-    }, []);
-    // Update marker position
-    (0, react_1.useEffect)(() => {
-        if (markerRef.current) {
-            markerRef.current.setGeometry(position);
-        }
-    }, [position, markerRef.current]);
-    // Update marker custom data
-    (0, react_1.useEffect)(() => {
-        if (markerRef.current) {
-            markerRef.current.setData(customData);
-        }
-    }, [customData, markerRef.current]);
-    // Update EventListenerMap
-    (0, react_1.useEffect)(() => {
-        if (markerRef.current) {
-            // use exports to make methods accessible for stubbing
-            const mapApi = (0, eventHandling_1.removeEventListenerMap)(markerRef.current);
-            (0, eventHandling_1.addEventListenerMap)(markerRef.current, eventListenerMap, mapApi);
-        }
-    }, [eventListenerMap, markerRef.current]);
-    // If icon type changed, we need to change the marker type
-    (0, react_1.useEffect)(() => {
-        if (!(markerRef.current && icon)) {
-            return;
-        }
-        if ((0, exports.isDomMakerNeeded)(icon)) {
-            destroyMarker(markerRef.current, api);
-            markerRef.current = setupMarker(props, api);
-        }
-        else {
-            const domIcon = (0, exports.getOrCreateIcon)(icon);
-            domIcon && markerRef.current.setIcon(domIcon);
-        }
-    }, [icon, markerRef.current]);
-    return null;
-};
-exports.default = Marker;

package/lib/es/src/components/map/components/features/basics/Polygon.d.ts

@@ -1,11 +0,0 @@
-import type { Position } from '../../../utils/mapTypes';
-import type { 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 = {
-    points: PolygonPoints;
-    style?: H.map.SpatialStyle;
-    eventListenerMap?: EventListenerMap;
-};
-declare const Polygon: (props: PolygonProps) => null;
-export default Polygon;

package/lib/es/src/components/map/components/features/basics/Polygon.js

@@ -1,52 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.colorMapHighlight = exports.colorMapRating = exports.colorMapMarker = exports.colorMapStatus = exports.colorMapBrand = exports.colorMapGray = exports.colorMapWarmup = exports.colorMapColdplay = void 0;
-const tslib_1 = require("tslib");
-const react_1 = require("react");
-const isNil_1 = tslib_1.__importDefault(require("lodash/fp/isNil"));
-const MapContext_1 = require("../../MapContext");
-const hooks_1 = require("../../../utils/hooks");
-var polygonColors_1 = require("./polygonColors");
-Object.defineProperty(exports, "colorMapColdplay", { enumerable: true, get: function () { return polygonColors_1.colorMapColdplay; } });
-Object.defineProperty(exports, "colorMapWarmup", { enumerable: true, get: function () { return polygonColors_1.colorMapWarmup; } });
-Object.defineProperty(exports, "colorMapGray", { enumerable: true, get: function () { return polygonColors_1.colorMapGray; } });
-Object.defineProperty(exports, "colorMapBrand", { enumerable: true, get: function () { return polygonColors_1.colorMapBrand; } });
-Object.defineProperty(exports, "colorMapStatus", { enumerable: true, get: function () { return polygonColors_1.colorMapStatus; } });
-Object.defineProperty(exports, "colorMapMarker", { enumerable: true, get: function () { return polygonColors_1.colorMapMarker; } });
-Object.defineProperty(exports, "colorMapRating", { enumerable: true, get: function () { return polygonColors_1.colorMapRating; } });
-Object.defineProperty(exports, "colorMapHighlight", { enumerable: true, get: function () { return polygonColors_1.colorMapHighlight; } });
-const createGeometry = (points) => {
-    const lineString = new H.geo.LineString();
-    points.forEach(p => {
-        if ((0, isNil_1.default)(p.lat) || (0, isNil_1.default)(p.lng) || Number.isNaN(p.lat) || Number.isNaN(p.lng)) {
-            return;
-        }
-        lineString.pushLatLngAlt(p.lat, p.lng, 0);
-    });
-    return new H.geo.Polygon(lineString);
-};
-const Polygon = (props) => {
-    const { points, style = H.map.SpatialStyle.DEFAULT_STYLE, eventListenerMap } = props;
-    const { api } = (0, MapContext_1.useMapContext)();
-    const [polygon, setPolygon] = (0, react_1.useState)();
-    (0, react_1.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]);
-    (0, react_1.useEffect)(() => {
-        if (polygon) {
-            polygon.setGeometry(createGeometry(points));
-        }
-    }, [points]);
-    (0, hooks_1.useUpdateProp)(polygon, 'setStyle', style);
-    (0, hooks_1.useUpdateEventListenerMap)(polygon, eventListenerMap);
-    return null;
-};
-exports.default = Polygon;

package/lib/es/src/components/map/components/features/basics/Polyline.d.ts

@@ -1,14 +0,0 @@
-import { type EventListenerMap } from '../../../utils/eventHandling';
-export declare const MISSING_GEOMETRY_PROPS_EXCEPTION_MSG = "Error in Polyline: Polyline without geometry makes no sense";
-export declare const WRONG_GEOMETRY_PROPS_EXCEPTION_MSG = "Error in Polyline: property geometry must be of type H.geo.LineString";
-export type ArrowStyle = H.map.Polyline.Options;
-export type PolylineProps = {
-    hasArrows?: boolean;
-    arrowStyle?: ArrowStyle;
-    geometry: H.geo.LineString;
-    style?: H.map.SpatialStyle;
-    customData?: object;
-    eventListenerMap?: EventListenerMap;
-};
-declare const Polyline: (props: PolylineProps) => null;
-export default Polyline;

package/lib/es/src/components/map/components/features/basics/Polyline.js

@@ -1,82 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WRONG_GEOMETRY_PROPS_EXCEPTION_MSG = exports.MISSING_GEOMETRY_PROPS_EXCEPTION_MSG = void 0;
-const tslib_1 = require("tslib");
-const react_1 = require("react");
-const MapContext_1 = require("../../MapContext");
-const MapException_1 = tslib_1.__importDefault(require("../../../exceptions/MapException"));
-const hooks_1 = require("../../../utils/hooks");
-const eventHandling_1 = require("../../../utils/eventHandling");
-const rendering_1 = require("../../../utils/rendering");
-exports.MISSING_GEOMETRY_PROPS_EXCEPTION_MSG = 'Error in Polyline: Polyline without geometry makes no sense';
-exports.WRONG_GEOMETRY_PROPS_EXCEPTION_MSG = 'Error in Polyline: property geometry must be of type H.geo.LineString';
-const Polyline = (props) => {
-    const { geometry, hasArrows, arrowStyle, style = H.map.SpatialStyle.DEFAULT_STYLE, customData, eventListenerMap, } = props;
-    const { api, enableWebGL, baseLayer } = (0, MapContext_1.useMapContext)();
-    const [polyline, setPolyline] = (0, react_1.useState)();
-    if (!geometry) {
-        throw new MapException_1.default(exports.MISSING_GEOMETRY_PROPS_EXCEPTION_MSG);
-    }
-    if (!(geometry instanceof H.geo.LineString)) {
-        throw new MapException_1.default(exports.WRONG_GEOMETRY_PROPS_EXCEPTION_MSG);
-    }
-    (0, react_1.useEffect)(() => {
-        const lineGroup = new H.map.Group({ data: customData });
-        const line = new H.map.Polyline(geometry, { style });
-        if (hasArrows) {
-            let routeArrows;
-            if ((0, rendering_1.isVectorBased)(enableWebGL, baseLayer)) {
-                // WebGL way - Create a patterned polyline
-                routeArrows = new H.map.Polyline(geometry, {
-                    style: {
-                        strokeColor: 'rgba(42, 55, 64, 1)',
-                        lineWidth: 5,
-                        lineDash: [1.8, 4],
-                        // @ts-ignore-next-line - the types are outdated here
-                        lineDashImage: H.map.SpatialStyle.DashImage.ARROW,
-                        ...arrowStyle,
-                    },
-                });
-            }
-            else {
-                // Pixel map way - Create a patterned polyline
-                const defaultArrowStyle = {
-                    lineWidth: 2,
-                    fillColor: 'rgba(42, 55, 64, 1)',
-                    strokeColor: 'rgba(0, 0, 0, 0.8)',
-                    lineDash: [0, 4],
-                    lineTailCap: 'arrow-tail',
-                    lineHeadCap: 'arrow-head',
-                    ...arrowStyle,
-                };
-                const arrowLineStyle = new H.map.SpatialStyle({
-                    lineWidth: 10,
-                    strokeColor: 'rgba(255, 255, 255, 0)',
-                });
-                routeArrows = new H.map.Polyline(geometry, { style: arrowLineStyle, arrows: defaultArrowStyle });
-            }
-            // create a group that represents the route line and contains
-            // outline and the pattern
-            lineGroup.addObjects([line, routeArrows]);
-        }
-        else {
-            lineGroup.addObjects([line]);
-        }
-        api.map?.addObject(lineGroup);
-        setPolyline(lineGroup);
-        return () => {
-            (0, eventHandling_1.removeEventListenerMap)(lineGroup);
-            lineGroup.forEach(singleLine => {
-                lineGroup.removeObject(singleLine);
-                singleLine.dispose();
-            });
-            if (api.map?.getObjects().includes(lineGroup)) {
-                api.map.removeObject(lineGroup);
-            }
-            lineGroup.dispose();
-        };
-    }, [api.map, geometry, style, hasArrows, arrowStyle]);
-    (0, hooks_1.useUpdateEventListenerMap)(polyline, eventListenerMap);
-    return null;
-};
-exports.default = Polyline;

package/lib/es/src/components/map/components/features/basics/TextMarker.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import Marker from './Marker';
-import type { Position } from '../../../utils/mapTypes';
-export declare const emptyTextException = "Error in TextMarker: TextMarker without text makes no sense";
-export declare const wrongTypeException = "Error in TextMarker: property text must be string type";
-export type TextMarkerProps = React.ComponentProps<typeof Marker> & {
-    position: Position;
-    text: string;
-};
-declare const TextMarker: (props: TextMarkerProps) => import("react/jsx-runtime").JSX.Element;
-export default TextMarker;

package/lib/es/src/components/map/components/features/basics/TextMarker.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.wrongTypeException = exports.emptyTextException = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Marker_1 = tslib_1.__importDefault(require("./Marker"));
-exports.emptyTextException = 'Error in TextMarker: TextMarker without text makes no sense';
-exports.wrongTypeException = 'Error in TextMarker: property text must be string type';
-const TextMarker = (props) => {
-    const { text, ...remainingProps } = props;
-    return ((0, jsx_runtime_1.jsx)(Marker_1.default, { ...remainingProps, icon: (0, jsx_runtime_1.jsx)("div", { className: 'bg-white padding-x-10 padding-y-5 rounded border border-color-light shadow-default user-select-none cursor-default', children: text }) }));
-};
-exports.default = TextMarker;