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

package/lib/es/components/map/components/MapElements.js

@@ -1,23 +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 isFunction_1 = tslib_1.__importDefault(require("lodash/fp/isFunction"));
-const MapContext_1 = require("./MapContext");
-const enrichChildrenWithApi = (children, api) => react_1.default.Children.map(children, child => {
-    if (child) {
-        return react_1.default.cloneElement(child, {
-            api,
-        });
-    }
-});
-const MapElements = (props) => {
-    const { children } = props;
-    const { api } = (0, MapContext_1.useMapContext)();
-    if (!children) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsx)("div", { className: 'MapElements', children: (0, isFunction_1.default)(children) ? children(api) : enrichChildrenWithApi(children, api) }));
-};
-exports.default = MapElements;

package/lib/es/components/map/components/MapPosition.d.ts

@@ -1,6 +0,0 @@
-import type { MapApi, MapProps } from '../utils/mapTypes';
-export type MapPositionProps = Pick<MapProps, 'boundingBox' | 'center' | 'zoomAnimation'> & {
-    api: MapApi;
-};
-declare const MapPosition: (props: MapPositionProps) => null;
-export default MapPosition;

package/lib/es/components/map/components/MapPosition.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("react");
-const MapPosition = (props) => {
-    const { api, boundingBox, center, zoomAnimation = false } = props;
-    // Update BoundingBox from outside
-    (0, react_1.useEffect)(() => {
-        if (api && boundingBox) {
-            const { top, left, bottom, right } = boundingBox;
-            api.map?.getViewModel().setLookAtData({ bounds: new H.geo.Rect(top, left, bottom, right) }, zoomAnimation);
-        }
-    }, [boundingBox]);
-    // Update Lat & Lng from outside if value is different
-    (0, react_1.useEffect)(() => {
-        if (!(api && center)) {
-            return;
-        }
-        const currentMapCenter = api.utils?.getCenter();
-        if (currentMapCenter) {
-            if (currentMapCenter.lat !== center.lat || currentMapCenter.lng !== center.lng) {
-                api.utils?.setCenter(center, zoomAnimation);
-            }
-        }
-    }, [center]);
-    return null;
-};
-exports.default = MapPosition;

package/lib/es/components/map/components/MapSize.d.ts

@@ -1,5 +0,0 @@
-import type { MapApi } from '../utils/mapTypes';
-declare const MapSize: ({ api }: {
-    api: MapApi;
-}) => null;
-export default MapSize;

package/lib/es/components/map/components/MapSize.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = require("react");
-const throttle_1 = tslib_1.__importDefault(require("lodash/fp/throttle"));
-const useEvent_1 = tslib_1.__importDefault(require("../../../useEvent"));
-const RESIZE_THROTTLE = 1100; // 100 more than the ApplicationLayout handler
-const MapSize = ({ api }) => {
-    (0, react_1.useEffect)(() => {
-        const resizeMap = () => api?.map?.getViewPort().resize();
-        window.addEventListener('resize', resizeMap, { passive: true });
-        return () => {
-            window.removeEventListener('resize', resizeMap);
-        };
-    }, [api?.map]);
-    // Add a orientationchange listener to make sure that the map occupies the whole container on mobile
-    (0, useEvent_1.default)('orientationchange', (0, throttle_1.default)(RESIZE_THROTTLE, () => api?.map?.getViewPort().resize()), { passive: true }, window);
-    return null;
-};
-exports.default = MapSize;

package/lib/es/components/map/components/constants.d.ts

@@ -1,20 +0,0 @@
-import type { MapType } from '../utils/mapTypes';
-export declare const MAP_TYPE_DEFAULT: MapType;
-export declare const MAP_TYPE_FLEET_STYLE: MapType;
-export declare const MAP_TYPE_SATELLITE: MapType;
-export declare const MAP_TYPE_TERRAIN: MapType;
-export declare const MAP_TYPE_NIGHT: MapType;
-export declare const MAP_LAYER_INCIDENTS = "INCIDENTS";
-export declare const MAP_LAYER_TRAFFIC = "TRAFFIC";
-export declare const MAP_LAYER_ROAD_RESTRICTIONS = "ROAD_RESTRICTIONS";
-export declare const FORMAT = "png8";
-export declare const TILE_SIZE = 256;
-export declare const TILE_TYPE = "maptile";
-export declare const NO_CREDENTIALS_ERROR_MESSAGE = "Cannot instantiate the Map. Missing credentials property.";
-export declare const ENGINE_TYPE_HARP: any;
-export declare const ENGINE_TYPE_P2D = H.Map.EngineType.P2D;
-export declare const DEFAULT_TILE_SIZE = 512;
-export declare const DEFAULT_RASTER_LAYER_FORMAT = "png";
-export declare const DEFAULT_MIN_ZOOM = 3;
-export declare const DEFAULT_MAX_ZOOM = 20;
-export declare const DEFAULT_PIXEL_RATIO = 2;

package/lib/es/components/map/components/constants.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULT_PIXEL_RATIO = exports.DEFAULT_MAX_ZOOM = exports.DEFAULT_MIN_ZOOM = exports.DEFAULT_RASTER_LAYER_FORMAT = exports.DEFAULT_TILE_SIZE = exports.ENGINE_TYPE_P2D = exports.ENGINE_TYPE_HARP = exports.NO_CREDENTIALS_ERROR_MESSAGE = exports.TILE_TYPE = exports.TILE_SIZE = exports.FORMAT = exports.MAP_LAYER_ROAD_RESTRICTIONS = exports.MAP_LAYER_TRAFFIC = exports.MAP_LAYER_INCIDENTS = exports.MAP_TYPE_NIGHT = exports.MAP_TYPE_TERRAIN = exports.MAP_TYPE_SATELLITE = exports.MAP_TYPE_FLEET_STYLE = exports.MAP_TYPE_DEFAULT = void 0;
-exports.MAP_TYPE_DEFAULT = 'DEFAULT';
-exports.MAP_TYPE_FLEET_STYLE = 'FLEET_STYLE';
-exports.MAP_TYPE_SATELLITE = 'SATELLITE';
-exports.MAP_TYPE_TERRAIN = 'TERRAIN';
-exports.MAP_TYPE_NIGHT = 'NIGHT';
-exports.MAP_LAYER_INCIDENTS = 'INCIDENTS';
-exports.MAP_LAYER_TRAFFIC = 'TRAFFIC';
-exports.MAP_LAYER_ROAD_RESTRICTIONS = 'ROAD_RESTRICTIONS';
-// outdated?
-exports.FORMAT = 'png8';
-exports.TILE_SIZE = 256;
-exports.TILE_TYPE = 'maptile';
-exports.NO_CREDENTIALS_ERROR_MESSAGE = 'Cannot instantiate the Map. Missing credentials property.';
-// @ts-ignore-next-line
-// biome-ignore lint/complexity/useLiteralKeys: <explanation>
-exports.ENGINE_TYPE_HARP = H.Map.EngineType['HARP'];
-exports.ENGINE_TYPE_P2D = H.Map.EngineType.P2D;
-exports.DEFAULT_TILE_SIZE = 512;
-exports.DEFAULT_RASTER_LAYER_FORMAT = 'png'; // 'jpeg';
-exports.DEFAULT_MIN_ZOOM = 3;
-exports.DEFAULT_MAX_ZOOM = 20;
-exports.DEFAULT_PIXEL_RATIO = 2;

package/lib/es/components/map/components/features/ContextMenu.d.ts

@@ -1,12 +0,0 @@
-import type { ContextMenuItemProps as ContextMenuItem } from './ContextMenuItem';
-import type { Position } from '../../utils/mapTypes';
-export declare const isContextMenuEvent: (event: H.mapevents.ContextMenuEvent) => boolean;
-export declare const isMapTarget: (event: H.mapevents.ContextMenuEvent, map: H.Map) => any;
-export type ContextMenuProps = {
-    onOpen?: (menuPosition: Position) => void;
-    menuItems?: React.ReactElement<ContextMenuItem>[];
-    contextMenuEvent?: H.mapevents.ContextMenuEvent;
-    targetPosition?: Position;
-};
-declare const ContextMenu: (props: ContextMenuProps) => null;
-export default ContextMenu;

package/lib/es/components/map/components/features/ContextMenu.js

@@ -1,154 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isMapTarget = exports.isContextMenuEvent = void 0;
-const tslib_1 = require("tslib");
-/* eslint-disable no-undef */
-const react_1 = require("react");
-const isEmpty_1 = tslib_1.__importDefault(require("lodash/fp/isEmpty"));
-const noop_1 = tslib_1.__importDefault(require("lodash/fp/noop"));
-const MapContext_1 = require("../MapContext");
-const HERE_ITEM_CLASS = 'H_context_menu_item';
-const centeredSpinner = 
-// eslint-disable-next-line max-len
-'<svg aria-labelledby="ggtrwic-aria" role="img" height="14" width="135px" class="ContentLoader  use-mix-blend-mode"><title id="ggtrwic-aria">Loading...</title><rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#ggtrwic-diff)" style="fill: url(&quot;#ggtrwic-animated-diff&quot;);"></rect><defs><clipPath id="ggtrwic-diff"><rect width="100%" height="100%" rx="3" ry="3"></rect></clipPath><linearGradient id="ggtrwic-animated-diff"><stop offset="0%" stop-color="#f5f6f7" stop-opacity="1"><animate attributeName="offset" values="-2; -2; 1" keyTimes="0; 0.25; 1" dur="2s" repeatCount="indefinite"></animate></stop><stop offset="50%" stop-color="#aaaaaa" stop-opacity="1"><animate attributeName="offset" values="-1; -1; 2" keyTimes="0; 0.25; 1" dur="2s" repeatCount="indefinite"></animate></stop><stop offset="100%" stop-color="#f5f6f7" stop-opacity="1"><animate attributeName="offset" values="0; 0; 3" keyTimes="0; 0.25; 1" dur="2s" repeatCount="indefinite"></animate></stop></linearGradient></defs></svg>';
-const getDOMMenuItems = () => [...document.getElementsByClassName(HERE_ITEM_CLASS)];
-// Query DOM nodes for "H_context_menu_item" and update label when children label has changed.
-// This function allows to use HTML markup for the menu items in the second render
-const updateMenuItemLabels = (nodes, items) => {
-    // setTimeout(() => {
-    Array.from(nodes).forEach((itemNode, index) => {
-        const item = items[index];
-        if (!item) {
-            return;
-        }
-        const { hasSpinner, className, labelClassName = '', icon, label } = item.props;
-        const contentLabel = `<span class="${labelClassName}">${label}</span>`;
-        const labelWithIcon = `<span class="rioglyph ${icon} margin-right-5"></span>${contentLabel}`;
-        const content = icon ? labelWithIcon : contentLabel;
-        if (hasSpinner) {
-            itemNode.innerHTML = centeredSpinner;
-        }
-        else {
-            itemNode.innerHTML = content;
-        }
-        const wrapperClassList = itemNode.classList;
-        // Since classList.add() does not allow for space separated multiple classes, we have to add them separately
-        if (className) {
-            className.split(' ').map((singleClassName) => wrapperClassList.add(singleClassName));
-        }
-    });
-    // }, 0);
-};
-const addItemsToEvent = (items, event, map, targetPosition) => {
-    const amount = items.length - 1;
-    // FIXME: The imported typing is wrong and according to
-    // https://www.here.com/docs/bundle/maps-api-for-javascript-api-reference/page/H.mapevents.ContextMenuEvent.html#viewportX
-    // it is a number
-    const viewportX = event.viewportX;
-    // Get geo coordinates from the screen coordinates or use a fixed set to be returned when
-    // clicking the menu item.
-    const coord = targetPosition || map.screenToGeo(viewportX, event.viewportY);
-    items.map((item, index) => {
-        if (!item) {
-            return;
-        }
-        const { label, disabled, callback = noop_1.default } = item.props;
-        // @ts-ignore next-line FIXME: event.items is defined in the API but the imported types are wrong
-        event.items.push(new H.util.ContextItem({
-            label,
-            disabled,
-            callback: () => callback(coord),
-        }));
-        // add separator but for last element
-        if (index < amount) {
-            // @ts-ignore next-line FIXME: event.items is defined in the API but the imported types are wrong
-            event.items.push(H.util.ContextItem.SEPARATOR);
-        }
-    });
-};
-const isContextMenuEvent = (event) => event.type === 'contextmenu';
-exports.isContextMenuEvent = isContextMenuEvent;
-// Depending on the click target, it may be the map itself or individual parts of the map layer.
-// To check if the context menu click happened on a marker or polygon or circle, we need to check where
-// the user has clicked.
-//
-// Some map layer sources may be:
-// source_layer: "buildings", "landuse", "pois", "roads", "water", "places"
-// source_name: 'H-107';
-const isMapTarget = (event, map) => {
-    return event.target === map || event.target?.data?.source_name?.startsWith('H-');
-};
-exports.isMapTarget = isMapTarget;
-const ContextMenu = (props) => {
-    const { onOpen = noop_1.default, menuItems, contextMenuEvent, targetPosition } = props;
-    const { api, baseLayer } = (0, MapContext_1.useMapContext)();
-    const { map: hereMap } = api;
-    // Use a ref to store the target position used when a map object was clicked with a fixed
-    // position to return that position in the onOpen callback instead of the dynamic map position
-    const targetPositionRef = (0, react_1.useRef)();
-    targetPositionRef.current = targetPosition;
-    (0, react_1.useLayoutEffect)(() => {
-        if (menuItems && hereMap) {
-            // @ts-ignore next-line FIXME: event.items is defined in the API but the imported types are wrong
-            const hasNoEventItems = (0, isEmpty_1.default)(contextMenuEvent?.items);
-            // Add the context menu item to the target event and not to the map event itself
-            // as every element on the map need to have context menu items added to the event they
-            // are triggered from
-            if (contextMenuEvent && !(0, exports.isMapTarget)(contextMenuEvent, hereMap) && hasNoEventItems) {
-                addItemsToEvent(menuItems, contextMenuEvent, hereMap, targetPositionRef.current);
-            }
-            updateMenuItemLabels(getDOMMenuItems(), menuItems);
-        }
-    }, [menuItems, contextMenuEvent, targetPositionRef.current]);
-    const handleMapContextMenu = (event) => {
-        if (!(0, exports.isContextMenuEvent)(event) || !hereMap) {
-            return;
-        }
-        // "contextmenu" event might be triggered not only by a pointer,
-        // but a keyboard button as well. That's why ContextMenuEvent
-        // doesn't have a "currentPointer" property.
-        // Instead it has "viewportX" and "viewportY" properties
-        // for the associates position.
-        // Reset previous target positions when the map was clicked
-        if ((0, exports.isMapTarget)(event, hereMap)) {
-            targetPositionRef.current = undefined;
-        }
-        // FIXME: The imported typing is wrong and according to
-        // https://www.here.com/docs/bundle/maps-api-for-javascript-api-reference/page/H.mapevents.ContextMenuEvent.html#viewportX
-        // it is a number
-        const viewportX = event.viewportX;
-        // Get geo coordinates from the screen coordinates.
-        const coord = targetPositionRef.current || hereMap?.screenToGeo(viewportX, event.viewportY);
-        if (coord) {
-            onOpen(coord);
-        }
-        // As we already handle contextmenu event callback on map object like markers separately,
-        // we don't do anything if target is different than the map.
-        if (!(0, exports.isMapTarget)(event, hereMap)) {
-            return;
-        }
-        if (!menuItems) {
-            return;
-        }
-        // @ts-ignore next-line FIXME: event.items is defined in the API but the imported types are wrong
-        if ((0, isEmpty_1.default)(event.items)) {
-            addItemsToEvent(menuItems, event, hereMap, targetPosition);
-            updateMenuItemLabels(getDOMMenuItems(), menuItems);
-        }
-    };
-    // The contextmenu event handler has to be registered in any case to handle context menu events and to
-    // trigger the callback when the menu opens. Take care to remove and add the event listener when the
-    // base map layer changes as the map get re-initialized. Otherwise the context menu cannot be opened anymore
-    // when switching to another map view.
-    (0, react_1.useLayoutEffect)(() => {
-        if (!hereMap) {
-            return;
-        }
-        hereMap.addEventListener('contextmenu', handleMapContextMenu);
-        return () => {
-            hereMap.removeEventListener('contextmenu', handleMapContextMenu);
-        };
-    }, [baseLayer, hereMap]);
-    return null;
-};
-exports.default = ContextMenu;

package/lib/es/components/map/components/features/ContextMenuItem.d.ts

@@ -1,12 +0,0 @@
-import type { Position } from '../../utils/mapTypes';
-export type ContextMenuItemProps = {
-    label: string;
-    disabled?: boolean;
-    callback?: (position: Position) => void;
-    hasSpinner?: boolean;
-    icon?: string;
-    className?: string;
-    labelClassName?: string;
-};
-declare const ContextMenuItem: (props: ContextMenuItemProps) => H.util.ContextItem;
-export default ContextMenuItem;

package/lib/es/components/map/components/features/ContextMenuItem.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const noop_1 = tslib_1.__importDefault(require("lodash/fp/noop"));
-const ContextMenuItem = (props) => {
-    // Note: not all defined props are passed to the Here ContextItem are used in ContextMenu component
-    const { label = '', disabled = false, callback = noop_1.default,
-    // hasSpinner = false,
-    // className = '',
-    // labelClassName = '',
-     } = props;
-    return new H.util.ContextItem({
-        label,
-        disabled,
-        callback: callback,
-    });
-};
-exports.default = ContextMenuItem;

package/lib/es/components/map/components/features/MapSettings.d.ts

@@ -1,6 +0,0 @@
-export type MapSettingsProps = {
-    options?: JSX.Element[];
-    className?: string;
-};
-declare const MapSettings: (props: MapSettingsProps) => import("react/jsx-runtime").JSX.Element;
-export default MapSettings;

package/lib/es/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/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/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/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/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/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/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/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;