@rio-cloud/rio-uikit 1.12.0 → 1.13.1

package/lib/es/src/components/map/utils/mapUtils.d.ts

@@ -1,87 +0,0 @@
-import { calculateBoundingBox, isValidBoundingBox, parsePositionFromString } from './positions';
-import type { BoundingBox, MapBoundingBox, Position } from './mapTypes';
-export declare const getMapBounds: (boundingBox: BoundingBox) => H.geo.Rect;
-declare const getPosition: (marker: H.map.AbstractMarker) => H.geo.Point | H.geo.MultiPoint;
-export type MapUtils = {
-    getCenter: () => Position;
-    setCenter: (position: Position, animate: boolean) => void;
-    getZoom: () => number;
-    setZoom: (zoom: number, zoomAnimation: boolean) => void;
-    getViewPort: () => {
-        width: number;
-        height: number;
-        margin: number;
-        padding: {
-            top: number;
-            right: number;
-            bottom: number;
-            left: number;
-        };
-        center: {
-            x: number;
-            y: number;
-        };
-    };
-    getBounds: () => MapBoundingBox;
-    getObjects: () => H.map.Object[];
-    getLayers: () => H.map.DataModel[];
-    getBaseLayer: () => H.map.layer.Layer;
-    getGroups: () => H.map.Object[];
-    getMarkers: () => H.map.Object[];
-    getRoutePolylines: () => H.map.Object[];
-    getPosition: typeof getPosition;
-    calculateBoundingBox: typeof calculateBoundingBox;
-    isValidBoundingBox: typeof isValidBoundingBox;
-    parsePositionFromString: typeof parsePositionFromString;
-};
-export declare const createUtils: (mapApi: H.Map) => {
-    getCenter: () => {
-        lat: number;
-        lng: number;
-    };
-    setCenter: (position: Position, animate: boolean) => void;
-    getZoom: () => number;
-    setZoom: (zoom: number, zoomAnimation?: boolean) => void;
-    getViewPort: () => {
-        width: number;
-        height: number;
-        margin: number;
-        padding: {
-            top: number;
-            right: number;
-            bottom: number;
-            left: number;
-        };
-        center: {
-            x: number;
-            y: number;
-        };
-    };
-    getBounds: () => {
-        topLeft: {
-            lng: number | undefined;
-            lat: number | undefined;
-        };
-        bottomRight: {
-            lng: number | undefined;
-            lat: number | undefined;
-        };
-    };
-    getObjects: () => H.map.Object[];
-    getLayers: () => any[];
-    getBaseLayer: () => H.map.layer.Layer;
-    getGroups: () => H.map.Object[];
-    getMarkers: () => H.map.Object[];
-    getRoutePolylines: () => any;
-    getPosition: (marker: H.map.AbstractMarker) => H.geo.Point | H.geo.MultiPoint;
-    calculateBoundingBox: (positions: {
-        lat: number;
-        lng: number;
-    }[]) => BoundingBox;
-    isValidBoundingBox: (box: BoundingBox) => boolean;
-    parsePositionFromString: (value: string) => {
-        lat: number;
-        lng: number;
-    } | undefined;
-};
-export {};

package/lib/es/src/components/map/utils/mapUtils.js

@@ -1,85 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createUtils = exports.getMapBounds = void 0;
-const tslib_1 = require("tslib");
-const flatMap_1 = tslib_1.__importDefault(require("lodash/fp/flatMap"));
-const filter_1 = tslib_1.__importDefault(require("lodash/fp/filter"));
-const flow_1 = tslib_1.__importDefault(require("lodash/fp/flow"));
-const positions_1 = require("./positions");
-// Internal use for setting the map to a given bounding box
-const getMapBounds = (boundingBox) => {
-    const { top, left, bottom, right } = boundingBox;
-    return new H.geo.Rect(top, left, bottom, right);
-};
-exports.getMapBounds = getMapBounds;
-// biome-ignore lint/suspicious/noExplicitAny: <explanation>
-const typeFilterFunction = (hereType) => (obj) => obj instanceof hereType;
-const markerFilterFunction = typeFilterFunction(H.map.AbstractMarker);
-const groupFilterFunction = typeFilterFunction(H.map.Group);
-const polylineFilterFunction = typeFilterFunction(H.map.Polyline);
-const getPosition = (marker) => marker.getGeometry();
-const createUtils = (mapApi) => {
-    return {
-        getCenter: () => {
-            const center = mapApi.getCenter();
-            return {
-                lat: center.lat,
-                lng: center.lng,
-            };
-        },
-        setCenter: (position, animate) => {
-            mapApi.getViewModel().setLookAtData({ position }, animate);
-        },
-        getZoom: () => {
-            const { zoom } = mapApi.getViewModel().getLookAtData();
-            return Math.round(zoom === undefined ? 0 : zoom);
-        },
-        setZoom: (zoom, zoomAnimation = false) => {
-            mapApi.getViewModel().setLookAtData({ zoom }, zoomAnimation);
-        },
-        getViewPort: () => {
-            const viewPort = mapApi.getViewPort();
-            return {
-                width: viewPort.width,
-                height: viewPort.height,
-                margin: viewPort.margin,
-                padding: {
-                    top: viewPort.padding.top,
-                    right: viewPort.padding.right,
-                    bottom: viewPort.padding.bottom,
-                    left: viewPort.padding.left,
-                },
-                center: {
-                    x: viewPort.center.x,
-                    y: viewPort.center.y,
-                },
-            };
-        },
-        getBounds: () => {
-            const { bounds } = mapApi.getViewModel().getLookAtData();
-            // HERE Maps API for JavaScript 3.1
-            const boundingBox = bounds?.getBoundingBox();
-            return {
-                topLeft: {
-                    lng: boundingBox?.getTopLeft().lng,
-                    lat: boundingBox?.getTopLeft().lat,
-                },
-                bottomRight: {
-                    lng: boundingBox?.getBottomRight().lng,
-                    lat: boundingBox?.getBottomRight().lat,
-                },
-            };
-        },
-        getObjects: () => mapApi.getObjects(),
-        getLayers: () => mapApi.getLayers().asArray(),
-        getBaseLayer: () => mapApi.getBaseLayer(),
-        getGroups: () => (0, filter_1.default)(groupFilterFunction)(mapApi.getObjects()),
-        getMarkers: () => (0, filter_1.default)(markerFilterFunction)(mapApi.getObjects()),
-        getRoutePolylines: () => (0, flow_1.default)((0, filter_1.default)(groupFilterFunction), (0, flatMap_1.default)((group) => group.getObjects()), (0, filter_1.default)(polylineFilterFunction))(mapApi.getObjects()),
-        getPosition,
-        calculateBoundingBox: positions_1.calculateBoundingBox,
-        isValidBoundingBox: positions_1.isValidBoundingBox,
-        parsePositionFromString: positions_1.parsePositionFromString,
-    };
-};
-exports.createUtils = createUtils;

package/lib/es/src/components/map/utils/positions.d.ts

@@ -1,28 +0,0 @@
-import type { BoundingBox, Position } from '../../../mapTypes';
-export declare const isValidBoundingBox: (box: BoundingBox) => boolean;
-export declare const calculateBoundingBox: (positions: {
-    lat: number;
-    lng: number;
-}[]) => BoundingBox;
-export declare const parsePositionFromString: (value: string) => {
-    lat: number;
-    lng: number;
-} | undefined;
-/**
- * Ease function that can be used to animate positions on the map.
- *
- * See: https://developer.here.com/documentation/examples/maps-js/markers/markers-update-position-with-animation
- *
- * @param   {H.geo.IPoint} startCoord   start geo coordinate
- * @param   {H.geo.IPoint} endCoord     end geo coordinate
- * @param   number durationMs           duration of animation between start & end coordinates
- * @param   function onStep             callback executed each step
- * @param   function onStep             callback executed at the end
- */
-export declare const ease: (startCoord?: {
-    lat: number;
-    lng: number;
-}, endCoord?: {
-    lat: number;
-    lng: number;
-}, durationMs?: number, onStep?: (pos: Position) => void, onComplete?: () => void) => void;

package/lib/es/src/components/map/utils/positions.js

@@ -1,78 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ease = exports.parsePositionFromString = exports.calculateBoundingBox = exports.isValidBoundingBox = void 0;
-const createBoundingBox = () => ({
-    top: Number.NEGATIVE_INFINITY,
-    right: Number.NEGATIVE_INFINITY,
-    bottom: Number.POSITIVE_INFINITY,
-    left: Number.POSITIVE_INFINITY,
-});
-const isValidBoundingBox = (box) => {
-    return (box.top !== Number.NEGATIVE_INFINITY &&
-        box.bottom !== Number.POSITIVE_INFINITY &&
-        box.left !== Number.POSITIVE_INFINITY &&
-        box.right !== Number.NEGATIVE_INFINITY);
-};
-exports.isValidBoundingBox = isValidBoundingBox;
-const calculateBoundingBox = (positions) => {
-    return positions.reduce((acc, cur) => {
-        return {
-            top: Math.max(acc.top, cur.lat),
-            right: Math.max(acc.right, cur.lng),
-            bottom: Math.min(acc.bottom, cur.lat),
-            left: Math.min(acc.left, cur.lng),
-        };
-    }, createBoundingBox());
-};
-exports.calculateBoundingBox = calculateBoundingBox;
-const COORDS_REGEX = /^\s*(-?\d+(\.\d+)?)\s*[,\s]\s*(-?\d+(\.\d+)?)\s*$/;
-const parsePositionFromString = (value) => {
-    const match = COORDS_REGEX.exec(value);
-    if (match) {
-        const lat = Number.parseFloat(match[1]);
-        const lng = Number.parseFloat(match[3]);
-        if (lat >= -90 && lat <= 90 && lng >= -180 && lng <= 180) {
-            return {
-                lat,
-                lng,
-            };
-        }
-    }
-};
-exports.parsePositionFromString = parsePositionFromString;
-/**
- * Ease function that can be used to animate positions on the map.
- *
- * See: https://developer.here.com/documentation/examples/maps-js/markers/markers-update-position-with-animation
- *
- * @param   {H.geo.IPoint} startCoord   start geo coordinate
- * @param   {H.geo.IPoint} endCoord     end geo coordinate
- * @param   number durationMs           duration of animation between start & end coordinates
- * @param   function onStep             callback executed each step
- * @param   function onStep             callback executed at the end
- */
-const ease = (startCoord = { lat: 0, lng: 0 }, endCoord = { lat: 1, lng: 1 }, durationMs = 200, onStep = (pos) => { }, onComplete = () => { }) => {
-    const raf = window.requestAnimationFrame;
-    const stepCount = durationMs / 16;
-    const valueIncrementLat = (endCoord.lat - startCoord.lat) / stepCount;
-    const valueIncrementLng = (endCoord.lng - startCoord.lng) / stepCount;
-    const sinValueIncrement = Math.PI / stepCount;
-    let currentValueLat = startCoord.lat;
-    let currentValueLng = startCoord.lng;
-    let currentSinValue = 0;
-    const step = () => {
-        currentSinValue += sinValueIncrement;
-        currentValueLat += valueIncrementLat * Math.sin(currentSinValue) ** 2 * 2;
-        currentValueLng += valueIncrementLng * Math.sin(currentSinValue) ** 2 * 2;
-        if (currentSinValue < Math.PI) {
-            onStep({ lat: currentValueLat, lng: currentValueLng });
-            raf(step);
-        }
-        else {
-            onStep(endCoord);
-            onComplete();
-        }
-    };
-    raf(step);
-};
-exports.ease = ease;

package/lib/es/src/components/map/utils/rendering.d.ts

@@ -1,23 +0,0 @@
-import type { MapCredentials, MapType } from './mapTypes';
-export declare const getPPI: () => 100 | 200;
-export declare const isVectorBased: (enableWebGL: boolean, baseLayer: MapType) => boolean;
-export declare const getPlatform: (credentials: MapCredentials) => H.service.Platform;
-export declare const getBaseTileLayer: <T>(rasterTileService: T, engineType: H.Map.EngineType, minZoom: number, maxZoom: number) => H.map.layer.TileLayer;
-export declare const getBaseRasterTileService: (platform: H.service.Platform, style: string, features: string, lang: string) => any;
-export declare const getEngineType: (baseLayerName: string, enableWebGL: boolean) => any;
-export type BaseLayer = {
-    baseLayerName: string;
-    defaultLayers: H.service.DefaultLayers;
-    enableWebGL: boolean;
-    platform: H.service.Platform;
-    engineType: H.Map.EngineType;
-    language: string;
-    vehicleRestrictions: boolean;
-    minZoom: number;
-    maxZoom: number;
-};
-export type BaseLayerResponse = {
-    baseLayer: H.map.layer.Layer;
-    overlayLayer?: H.map.layer.Layer;
-};
-export declare const getBaseLayer: ({ baseLayerName, defaultLayers, enableWebGL, platform, engineType, language, vehicleRestrictions, minZoom, maxZoom, }: BaseLayer) => Promise<BaseLayerResponse>;

package/lib/es/src/components/map/utils/rendering.js

@@ -1,134 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getBaseLayer = exports.getEngineType = exports.getBaseRasterTileService = exports.getBaseTileLayer = exports.getPlatform = exports.isVectorBased = exports.getPPI = void 0;
-const constants_1 = require("../components/constants");
-// https://www.here.com/docs/bundle/raster-tile-api-migration-guide/page/README.html#6-pixels-per-inch-ppi
-// Note: higher PPI image tiles result in larger label size and show more label on the map
-// HERE Raster Tile API v3: 100, 200, 200 or 400, 400
-const getPPI = () => (window.devicePixelRatio >= 1.7 ? 200 : 100);
-exports.getPPI = getPPI;
-// Even if webgl is enabled, some base layer cannot be rendered in HARP properly
-const isVectorBased = (enableWebGL, baseLayer) => enableWebGL && baseLayer !== constants_1.MAP_TYPE_TERRAIN && baseLayer !== constants_1.MAP_TYPE_FLEET_STYLE;
-exports.isVectorBased = isVectorBased;
-// See Migration guide: https://developer.here.com/documentation/maps/3.1.37.0/dev_guide/topics/migration.html
-const getPlatform = (credentials) => 
-// Initiate and authenticate your connection to the HERE platform:
-new H.service.Platform({
-    apikey: credentials.apikey ?? '',
-    useHTTPS: location.protocol === 'https:',
-});
-exports.getPlatform = getPlatform;
-const getBaseTileLayer = (rasterTileService, engineType, minZoom, maxZoom) => {
-    // @ts-ignore-next-line "H.service.rasterTile" is newer that the types
-    const rasterTileProvider = new H.service.rasterTile.Provider(rasterTileService, {
-        engineType,
-        tileSize: 512,
-    });
-    const rasterTileLayer = new H.map.layer.TileLayer(rasterTileProvider);
-    // force the tile layer minimum zoom (furthest away possible) and maximum zoom (nearest) to the desired level
-    rasterTileLayer.setMin(minZoom);
-    rasterTileLayer.setMax(maxZoom);
-    return rasterTileLayer;
-};
-exports.getBaseTileLayer = getBaseTileLayer;
-const getBaseRasterTileService = (platform, style, features, lang) => {
-    // @ts-ignore-next-line "getRasterTileService" is newer that the types
-    return platform?.getRasterTileService({
-        format: constants_1.DEFAULT_RASTER_LAYER_FORMAT,
-        queryParams: {
-            // https://www.here.com/docs/bundle/raster-tile-api-migration-guide/page/README.html#5-language
-            lang,
-            ppi: (0, exports.getPPI)(),
-            style,
-            features,
-        },
-    });
-};
-exports.getBaseRasterTileService = getBaseRasterTileService;
-const getEngineType = (baseLayerName, enableWebGL) => {
-    switch (baseLayerName) {
-        case constants_1.MAP_TYPE_FLEET_STYLE:
-        case constants_1.MAP_TYPE_TERRAIN:
-            return constants_1.ENGINE_TYPE_P2D;
-        default:
-            return enableWebGL ? constants_1.ENGINE_TYPE_HARP : constants_1.ENGINE_TYPE_P2D;
-    }
-};
-exports.getEngineType = getEngineType;
-const getBaseLayer = async ({ baseLayerName, defaultLayers, enableWebGL, platform, engineType, language, vehicleRestrictions, minZoom, maxZoom, }) => {
-    const restriction = 'disabled'; // vehicleRestrictions ? 'active_and_inactive' : 'disabled';
-    const features = `pois:all,environmental_zones:all,congestion_zones:all,vehicle_restrictions:${restriction}`;
-    if (enableWebGL && baseLayerName === constants_1.MAP_TYPE_DEFAULT) {
-        defaultLayers?.vector.normal.map.setMin(minZoom);
-        defaultLayers?.vector.normal.map.setMax(maxZoom);
-        return {
-            baseLayer: defaultLayers?.vector.normal.map,
-        };
-    }
-    switch (baseLayerName) {
-        case constants_1.MAP_TYPE_SATELLITE: {
-            if (enableWebGL) {
-                // This is a workaround for setting the min and max zoom limit for satellite map
-                // since the setMin/setMax cannot be set on the "defaultLayers.hybrid.liteday.raster".
-                // The HERE support suggested to create a hybrid layer for that and set the zoom limits
-                // on the two layers.
-                const hybridStyleConfig = {
-                    base: {
-                        style: 'oslo',
-                        scheme: 'hybrid.day',
-                    },
-                };
-                // This method creates hybrid map layers. A hybrid map consists of raster satellite base layer and vector layers on top.
-                // Layers created by this method can be used only when the Map is instantiated with H.Map.EngineType.HARP engineType.
-                // See https://www.here.com/docs/bundle/maps-api-for-javascript-api-reference/page/H.service.Platform_4.html#createHybridLayers
-                // @ts-ignore-next-line
-                await platform.createHybridLayers(hybridStyleConfig, (layers) => {
-                    layers.raster.setMin(minZoom);
-                    layers.raster.setMax(maxZoom);
-                    layers.vector.setMin(minZoom);
-                    layers.vector.setMax(maxZoom);
-                    return {
-                        baseLayer: layers.raster,
-                        overlayLayer: layers.vector,
-                    };
-                }, console.error);
-            }
-            return {
-                baseLayer: (0, exports.getBaseTileLayer)((0, exports.getBaseRasterTileService)(platform, 'explore.satellite.day', features, language), engineType, minZoom, maxZoom),
-            };
-        }
-        case constants_1.MAP_TYPE_TERRAIN: {
-            return {
-                baseLayer: (0, exports.getBaseTileLayer)((0, exports.getBaseRasterTileService)(platform, 'topo.day', features, language), engineType, minZoom, maxZoom),
-            };
-        }
-        case constants_1.MAP_TYPE_FLEET_STYLE: {
-            return {
-                baseLayer: (0, exports.getBaseTileLayer)((0, exports.getBaseRasterTileService)(platform, 'logistics.day', features, language), constants_1.ENGINE_TYPE_P2D, minZoom, maxZoom),
-            };
-        }
-        case constants_1.MAP_TYPE_NIGHT: {
-            if (enableWebGL) {
-                // @ts-ignore-next-line "setMin" is working on "vector.normal.mapnight"
-                defaultLayers?.vector.normal.mapnight.setMin(minZoom);
-                // @ts-ignore-next-line "setMax" is working on "vector.normal.mapnight"
-                defaultLayers?.vector.normal.mapnight.setMax(maxZoom);
-                return {
-                    // @ts-ignore-next-line "vector.normal.mapnight" is newer than the types
-                    baseLayer: defaultLayers.vector.normal.mapnight,
-                };
-            }
-            return {
-                baseLayer: (0, exports.getBaseTileLayer)((0, exports.getBaseRasterTileService)(platform, 'explore.night', features, language), engineType, minZoom, maxZoom),
-            };
-        }
-        default: {
-            // As a replacement for "defaultLayers?.raster.normal.map" which uses the old and deprecated
-            // H.service.MapTileService, we use the Raster Tile Service v3 instead
-            return {
-                baseLayer: (0, exports.getBaseTileLayer)((0, exports.getBaseRasterTileService)(platform, 'explore.day', features, language), engineType, minZoom, maxZoom),
-            };
-        }
-    }
-};
-exports.getBaseLayer = getBaseLayer;

package/lib/es/src/components/mapMarker/ClusterMapMarker.d.ts

@@ -1,57 +0,0 @@
-import { type MarkerColor } from '../map/utils/mapTypes';
-export type ClusterMapMarkerProps = {
-    /**
-     * Number displayed in the center.
-     */
-    count?: number;
-    /**
-     * Displayed in the orange badge if more than 0.
-     *
-     * @default 0
-     */
-    warningCount?: number;
-    /**
-     * Displayed in the red badge if more than 0.
-     *
-     * @default 0
-     */
-    exceptionCount?: number;
-    /**
-     * Defines if marker is selected or not.
-     *
-     * @default false
-     */
-    active?: boolean;
-    /**
-     * Defines if marker is clickable or not.
-     *
-     * @default true
-     */
-    clickable?: boolean;
-    /**
-     * Defines the color of the marker.
-     *
-     * Possible values are:
-     * - `bg-map-marker-asset`
-     * - `bg-map-marker-poi`
-     * - `bg-map-marker-geofence`
-     * - `bg-map-marker-route`
-     * - `bg-map-marker-info`
-     * - `bg-map-marker-success`
-     * - `bg-map-marker-warning`
-     * - `bg-map-marker-danger`
-     *
-     * @default 'bg-map-marker-asset'
-     */
-    markerColor?: MarkerColor;
-    /**
-     * Name of a rioglyph icon.
-     */
-    iconName?: string;
-    /**
-     * Marker cursor
-     */
-    cursor?: 'cursor-pointer' | 'cursor-grab' | 'cursor-not-allowed';
-};
-declare const ClusterMapMarker: (props: ClusterMapMarkerProps) => import("react/jsx-runtime").JSX.Element;
-export default ClusterMapMarker;

package/lib/es/src/components/mapMarker/ClusterMapMarker.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const mapTypes_1 = require("../map/utils/mapTypes");
-const ClusterMapMarker = (props) => {
-    const { count, exceptionCount = 0, markerColor = 'bg-map-marker-asset', warningCount = 0, active = false, clickable = true, iconName, cursor = 'cursor-pointer', } = props;
-    const clusterClasses = (0, classnames_1.default)('rio-map-cluster-circle', active && 'active', cursor);
-    const classes = (0, classnames_1.default)(active && 'active', 'rio-map-marker', 'rio-map-marker-center-center', !clickable && 'not-clickable');
-    const markerBackgroundColor = `var(${mapTypes_1.markerColorMapping[markerColor]})`;
-    return ((0, jsx_runtime_1.jsx)("div", { className: classes, style: { color: markerBackgroundColor }, "data-marker-type": markerColor.replace('bg-', 'cluster-'), children: (0, jsx_runtime_1.jsx)("div", { className: 'rio-map-marker-translate', children: (0, jsx_runtime_1.jsxs)("div", { className: 'rio-map-cluster', children: [(0, jsx_runtime_1.jsx)("div", { className: clusterClasses, children: (0, jsx_runtime_1.jsxs)("div", { className: 'rio-map-cluster-content', children: [iconName && ((0, jsx_runtime_1.jsx)("span", { className: 'rio-map-icon', children: (0, jsx_runtime_1.jsx)("span", { className: `rioglyph rioglyph-${iconName}` }) })), (0, jsx_runtime_1.jsx)("div", { className: 'rio-map-count', children: count })] }) }), exceptionCount > 0 && (0, jsx_runtime_1.jsx)("div", { className: 'rio-map-bubble exception', children: exceptionCount }), warningCount > 0 && (0, jsx_runtime_1.jsx)("div", { className: 'rio-map-bubble warning', children: warningCount })] }) }) }));
-};
-exports.default = ClusterMapMarker;

package/lib/es/src/components/mapMarker/SingleMapMarker.d.ts

@@ -1,124 +0,0 @@
-import { type ComponentProps, type ReactNode } from 'react';
-import { type MarkerColor } from '../map/utils/mapTypes';
-export type SingleMapMarkerProps = ComponentProps<'div'> & {
-    /**
-     * Defines the rotation of the arrow in deg.
-     *
-     * @default 60
-     */
-    bearing?: number;
-    /**
-     * Text for the marker.
-     */
-    name?: string | ReactNode;
-    /**
-     * Displayed in the orange badge if more than 0.
-     *
-     * @default 0
-     */
-    warningCount?: number;
-    /**
-     * Displayed in the red badge if more than 0.
-     *
-     * @default 0
-     */
-    exceptionCount?: number;
-    /**
-     * Defines if marker is selected.
-     *
-     * @default false
-     */
-    active?: boolean;
-    /**
-     * Defines if marker is clickable or not.
-     *
-     * @default true
-     */
-    clickable?: boolean;
-    /**
-     * Defines if marker is fixed and has no centering point.
-     *
-     * @default false
-     */
-    fixed?: boolean;
-    /**
-     * Defines whether the direction icon is displayed or not.
-     *
-     * @default false
-     */
-    moving?: boolean;
-    /**
-     * Optional icon that is shown in the state indicator and used instead of the moving direction arrow.
-     */
-    stateIconName?: string;
-    /**
-     * Defines if marker is displayed with pinging animation.
-     *
-     * @default false
-     */
-    pinging?: boolean;
-    /**
-     * List of rioglyph icon names.
-     */
-    iconNames?: string[];
-    /**
-     * Defines the color of the marker.
-     *
-     * Possible values are:
-     * - `bg-map-marker-asset`
-     * - `bg-map-marker-poi`
-     * - `bg-map-marker-geofence`
-     * - `bg-map-marker-route`
-     * - `bg-map-marker-info`
-     * - `bg-map-marker-success`
-     * - `bg-map-marker-warning`
-     * - `bg-map-marker-danger`
-     * - `bg-map-marker-restrictions`
-     *
-     * @default 'bg-map-marker-asset'
-     */
-    markerColor?: MarkerColor;
-    /**
-     * Can be used to add a text-color class to the marker div.
-     */
-    textColor?: string;
-    /**
-     * @deprecated please use `anchorSize`
-     */
-    size?: 'md' | 'lg';
-    /**
-     * Used to control the marker's anchor size.
-     *
-     * Possible values are:
-     * - `md`
-     * - `lg`
-     *
-     * @default 'md'
-     */
-    anchorSize?: 'md' | 'lg';
-    /**
-     * @deprecated please use `markerOnHover`
-     */
-    visibleOnHover?: boolean;
-    /**
-     * Whether the marker is only visible on hover.
-     *
-     * @default false
-     */
-    markerOnHover?: boolean;
-    /**
-     * Optional icon that is shown on the anchor of the DOM marker.
-     * Use this when no marker content is shown.
-     */
-    anchorIconName?: string;
-    /**
-     * Shows only the anchor without the rest of the marker.
-     */
-    anchorOnly?: boolean;
-    /**
-     * Marker cursor
-     */
-    cursor?: 'cursor-pointer' | 'cursor-grab' | 'cursor-not-allowed';
-};
-declare const SingleMapMarker: (props: SingleMapMarkerProps) => import("react/jsx-runtime").JSX.Element;
-export default SingleMapMarker;

package/lib/es/src/components/mapMarker/SingleMapMarker.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const mapTypes_1 = require("../map/utils/mapTypes");
-const DEFAULT_BEARING = 60;
-const MapStateIndicator = (props) => {
-    const { moving, bearing, stateIconName } = props;
-    if (!moving && !stateIconName) {
-        return null;
-    }
-    const iconClassName = (0, classnames_1.default)('rioglyph', `rioglyph-${stateIconName || 'direction'}`);
-    const style = stateIconName ? {} : { transform: `rotate(${bearing}deg)` };
-    return ((0, jsx_runtime_1.jsx)("div", { className: `rio-map-icon rio-map-marker-state ${stateIconName ? '' : 'rio-map-direction'}`, children: (0, jsx_runtime_1.jsx)("span", { className: iconClassName, style: style }) }));
-};
-const getIcons = (iconNames = []) => iconNames.map((name, index) => ((0, jsx_runtime_1.jsx)("div", { className: 'rio-map-icon', children: (0, jsx_runtime_1.jsx)("span", { className: `rioglyph rioglyph-${name}` }) }, `rio-map-icon-${name}-${index}`)));
-const SingleMapMarker = (props) => {
-    const { bearing = DEFAULT_BEARING, name, warningCount = 0, exceptionCount = 0, active = false, clickable = true, fixed = false, moving = false, pinging = false, anchorIconName, stateIconName, iconNames, markerColor = 'bg-map-marker-asset', textColor, anchorSize, markerOnHover = false, anchorOnly = !name && !iconNames, cursor = 'cursor-pointer', className, style, } = props;
-    const largeAnchor = anchorSize === 'lg';
-    const classes = (0, classnames_1.default)(active && 'active', 'rio-map-marker', 'rio-map-marker-bottom-center', !clickable && 'not-clickable', className);
-    const anchorClasses = (0, classnames_1.default)('rio-map-anchor', largeAnchor ? 'rio-map-anchor-lg' : '', cursor);
-    const singleClasses = (0, classnames_1.default)('rio-map-single', fixed && 'fixed', moving && 'moving', textColor, markerOnHover && 'visible-on-hover', active && 'active', pinging && 'pinging', typeof name === 'string' && name.length === 1 && 'single-letter', cursor);
-    const markerBackgroundColor = `var(${mapTypes_1.markerColorMapping[markerColor]})`;
-    return ((0, jsx_runtime_1.jsx)("div", { className: classes, style: { ...style, color: markerBackgroundColor }, "data-marker-type": markerColor.replace('bg-', 'single-'), children: (0, jsx_runtime_1.jsxs)("div", { className: 'rio-map-marker-translate', children: [!anchorOnly && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: singleClasses, children: [(0, jsx_runtime_1.jsx)(MapStateIndicator, { moving: moving, bearing: bearing, stateIconName: stateIconName }), getIcons(iconNames), name && (0, jsx_runtime_1.jsx)("div", { className: 'rio-map-name', children: name }), exceptionCount > 0 && (0, jsx_runtime_1.jsx)("div", { className: 'rio-map-bubble exception', children: exceptionCount }), warningCount > 0 && (0, jsx_runtime_1.jsx)("div", { className: 'rio-map-bubble warning', children: warningCount })] }), (0, jsx_runtime_1.jsx)("div", { className: 'rio-map-anchor-arrow' })] })), (0, jsx_runtime_1.jsx)("div", { className: anchorClasses, children: anchorIconName && largeAnchor && (0, jsx_runtime_1.jsx)("span", { className: `rioglyph rioglyph-${anchorIconName}` }) })] }) }));
-};
-exports.default = SingleMapMarker;