@rio-cloud/rio-uikit 0.16.4-beta.8 → 1.1.0

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

@@ -1,21 +0,0 @@
-export function getOrCreateIcon(icon: any): any;
-export function isHMapIcon(icon: any): boolean;
-export function isDomMakerNeeded(icon: any): boolean;
-export default Marker;
-declare function Marker(props: any): null;
-declare namespace Marker {
-    namespace propTypes {
-        const position: PropTypes.Validator<NonNullable<NonNullable<PropTypes.InferProps<{
-            lat: PropTypes.Validator<number>;
-            lng: PropTypes.Validator<number>;
-        }> | (PropTypes.InferProps<{
-            lat: PropTypes.Validator<number>;
-            lng: PropTypes.Validator<number>;
-        }> | null | undefined)[] | null | undefined>>>;
-        const icon: PropTypes.Requireable<any>;
-        const eventListenerMap: PropTypes.Requireable<object>;
-        const customData: PropTypes.Requireable<object>;
-        const draggable: PropTypes.Requireable<boolean>;
-    }
-}
-import PropTypes from "prop-types";

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

@@ -1,116 +0,0 @@
-/* eslint-disable no-undef */
-import React, { useContext, useEffect, useState, useRef } from 'react';
-import ReactDomServer from 'react-dom/server';
-import PropTypes from 'prop-types';
-import mapProps from '../../../../utils/proptypes';
-import { addEventListenerMap, removeEventListenerMap } from '../../../../utils/eventHandling';
-import MapException from '../../../../exceptions/MapException';
-import { MapContext } from '../../../context';
-export const isHMapIcon = icon => icon instanceof H.map.Icon;
-export const isDomMakerNeeded = icon => (!icon ? false : !isHMapIcon(icon));
-export function getOrCreateIcon(icon) {
-    if (!icon || isHMapIcon(icon) || icon instanceof H.map.DomIcon) {
-        return;
-    }
-    const renderedIcon = React.isValidElement(icon)
-        ? ReactDomServer.renderToStaticMarkup(React.cloneElement(icon))
-        : icon;
-    return new H.map.DomIcon(renderedIcon);
-}
-const convertPosition = pos => (Array.isArray(pos) ? new H.geo.MultiPoint(pos) : pos);
-const checkPositionProperties = position => {
-    ['lat', 'lng'].forEach(propertyName => {
-        // eslint-disable-next-line no-prototype-builtins
-        if (!position.hasOwnProperty(propertyName)) {
-            throw new MapException(`Error in Marker: position object requires property "${propertyName}"`);
-        }
-    });
-};
-const getPosition = position => {
-    if (!position) {
-        throw new MapException('Error in Marker: invalid position property');
-    }
-    if (Array.isArray(position)) {
-        position.forEach(pos => checkPositionProperties(pos));
-    }
-    else {
-        checkPositionProperties(position);
-    }
-    return position;
-};
-const getConvertedPosition = position => convertPosition(getPosition(position));
-const setupMarker = (props, api) => {
-    const { position, customData, icon, draggable, eventListenerMap } = props;
-    const MarkerConstructor = isDomMakerNeeded(icon) ? H.map.DomMarker : H.map.Marker;
-    const marker = new MarkerConstructor(getConvertedPosition(position), {
-        icon: getOrCreateIcon(icon, api.settings.baseLayer),
-    });
-    marker.setData(customData);
-    marker.draggable = !!draggable;
-    api.map.addObject(marker);
-    addEventListenerMap(marker, eventListenerMap, api.map);
-    return marker;
-};
-const destroyMarker = (marker, api) => {
-    removeEventListenerMap(marker);
-    if (api.map.getObjects().includes(marker)) {
-        api.map.removeObject(marker);
-    }
-    marker.dispose();
-};
-const Marker = props => {
-    const { position, customData, icon, eventListenerMap } = props;
-    const { api } = useContext(MapContext);
-    const markerRef = useRef();
-    useEffect(() => {
-        markerRef.current = setupMarker(props, api);
-        return () => {
-            if (markerRef.current) {
-                destroyMarker(markerRef.current, api);
-                markerRef.current = undefined;
-            }
-        };
-    }, []);
-    // Update marker position
-    useEffect(() => {
-        if (markerRef.current) {
-            markerRef.current.setGeometry(getConvertedPosition(position));
-        }
-    }, [position, markerRef.current]);
-    // Update marker custom data
-    useEffect(() => {
-        if (markerRef.current) {
-            markerRef.current.setData(customData);
-        }
-    }, [customData, markerRef.current]);
-    // Update EventListenerMap
-    useEffect(() => {
-        if (markerRef.current) {
-            // use exports to make methods accessible for stubbing
-            const mapApi = removeEventListenerMap(markerRef.current);
-            addEventListenerMap(markerRef.current, eventListenerMap, mapApi);
-        }
-    }, [eventListenerMap, markerRef.current]);
-    // If icon type changed, we need to change the marker type
-    useEffect(() => {
-        if (!(markerRef.current && icon)) {
-            return;
-        }
-        if (isDomMakerNeeded(icon)) {
-            destroyMarker(markerRef.current, api);
-            markerRef.current = setupMarker(props, api);
-        }
-        else {
-            markerRef.current.setIcon(getOrCreateIcon(icon));
-        }
-    }, [icon, markerRef.current]);
-    return null;
-};
-Marker.propTypes = {
-    position: PropTypes.oneOfType([mapProps.position, mapProps.positions]).isRequired,
-    icon: mapProps.icon,
-    eventListenerMap: PropTypes.object,
-    customData: PropTypes.object,
-    draggable: PropTypes.bool,
-};
-export default Marker;

package/components/map/components/features/basics/marker/TextMarker.d.ts

@@ -1,17 +0,0 @@
-export const emptyTextException: "Error in TextMarker: TextMarker without text makes no sense";
-export const wrongTypeException: "Error in TextMarker: property text must be string type";
-export default TextMarker;
-declare function TextMarker(props: any): import("react/jsx-runtime").JSX.Element;
-declare namespace TextMarker {
-    namespace propTypes {
-        const position: PropTypes.Validator<NonNullable<NonNullable<PropTypes.InferProps<{
-            lat: PropTypes.Validator<number>;
-            lng: PropTypes.Validator<number>;
-        }> | (PropTypes.InferProps<{
-            lat: PropTypes.Validator<number>;
-            lng: PropTypes.Validator<number>;
-        }> | null | undefined)[] | null | undefined>>>;
-        const text: PropTypes.Validator<string>;
-    }
-}
-import PropTypes from "prop-types";

package/components/map/components/features/basics/marker/TextMarker.js

@@ -1,28 +0,0 @@
-import { __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import PropTypes from 'prop-types';
-import MapException from '../../../../exceptions/MapException';
-import mapProps from '../../../../utils/proptypes';
-import Marker from './Marker';
-export const emptyTextException = 'Error in TextMarker: TextMarker without text makes no sense';
-export const wrongTypeException = 'Error in TextMarker: property text must be string type';
-const TextMarker = props => {
-    const other = __rest(props, []);
-    const textDiv = `<div class="bg-white padding-x-5 padding-y-3 border border-color-darker shadow-accent">${getText(props.text)}</div>`;
-    return _jsx(Marker, Object.assign({}, other, { icon: textDiv }));
-};
-const getText = text => {
-    if (!text) {
-        throw new MapException(emptyTextException);
-    }
-    if (typeof text !== 'string') {
-        throw new MapException(wrongTypeException);
-    }
-    return text;
-};
-TextMarker.propTypes = {
-    position: PropTypes.oneOfType([mapProps.position, mapProps.positions]).isRequired,
-    text: PropTypes.string.isRequired,
-};
-export default TextMarker;

package/components/map/components/features/layers/IncidentsLayer.d.ts

@@ -1,2 +0,0 @@
-export default IncidentsLayer;
-declare function IncidentsLayer(props: any): import("react/jsx-runtime").JSX.Element;

package/components/map/components/features/layers/IncidentsLayer.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/* eslint-disable no-undef */
-import React from 'react';
-import Layer from './Layer';
-function getIncidentsLayer(api) {
-    return api.defaultLayers.vector.normal.trafficincidents;
-}
-const IncidentsLayer = props => _jsx(Layer, Object.assign({}, props, { createLayer: getIncidentsLayer }));
-export default IncidentsLayer;

package/components/map/components/features/layers/Layer.d.ts

@@ -1,16 +0,0 @@
-export default Layer;
-declare function Layer(props: any): null;
-declare namespace Layer {
-    namespace propTypes {
-        const api: PropTypes.Requireable<PropTypes.InferProps<{
-            map: PropTypes.Requireable<any>;
-            platform: PropTypes.Requireable<any>;
-            defaultLayers: PropTypes.Requireable<object>;
-            group: PropTypes.Requireable<any>;
-        }>>;
-        const createLayer: PropTypes.Validator<(...args: any[]) => any>;
-        const language: PropTypes.Requireable<string>;
-        const layerIndex: PropTypes.Requireable<number>;
-    }
-}
-import PropTypes from "prop-types";

package/components/map/components/features/layers/Layer.js

@@ -1,26 +0,0 @@
-import { useEffect } from 'react';
-import PropTypes from 'prop-types';
-import mapProps from '../../../utils/proptypes';
-import { mapToLongLocale } from '../../../utils/localization';
-const Layer = props => {
-    const { api, createLayer, layerIndex, language } = props;
-    useEffect(() => {
-        const lang = mapToLongLocale(language);
-        const newLayer = createLayer(api, lang);
-        api.map.addLayer(newLayer, layerIndex);
-        return () => {
-            if (newLayer) {
-                api.map.removeLayer(newLayer);
-                newLayer.dispose();
-            }
-        };
-    }, [api.map]);
-    return null;
-};
-Layer.propTypes = {
-    api: mapProps.api,
-    createLayer: PropTypes.func.isRequired,
-    language: PropTypes.string,
-    layerIndex: PropTypes.number,
-};
-export default Layer;

package/components/map/components/features/layers/RoadRestrictionLayer.d.ts

@@ -1,2 +0,0 @@
-export default RoadRestrictionLayer;
-declare function RoadRestrictionLayer(props: any): import("react/jsx-runtime").JSX.Element;

package/components/map/components/features/layers/RoadRestrictionLayer.js

@@ -1,20 +0,0 @@
-import { __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { FORMAT, TILE_SIZE } from '../../constants';
-import Layer from './Layer';
-const createRoadRestrictionLayer = useWebGL => (api, language) => {
-    return api.platform
-        .getMapTileService({ type: 'base' })
-        .createTileLayer('truckonlytile', 'normal.day', TILE_SIZE, FORMAT, {
-        style: 'default',
-        lg: language,
-        ppi: undefined,
-    });
-};
-const RoadRestrictionLayer = props => {
-    const { useWebGL } = props, remainingProps = __rest(props, ["useWebGL"]);
-    const createLayer = createRoadRestrictionLayer(useWebGL);
-    return _jsx(Layer, Object.assign({}, remainingProps, { createLayer: createLayer }));
-};
-export default RoadRestrictionLayer;

package/components/map/components/features/layers/TrafficLayer.d.ts

@@ -1,2 +0,0 @@
-export default TrafficLayer;
-declare function TrafficLayer(props: any): import("react/jsx-runtime").JSX.Element;

package/components/map/components/features/layers/TrafficLayer.js

@@ -1,28 +0,0 @@
-import { __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { FORMAT, TILE_SIZE } from '../../constants';
-import Layer from './Layer';
-const createWebGlTrafficLayer = (api, language) => {
-    // use new Here 3.1 API traffic layer for WebGL
-    // https://developer.here.com/documentation/maps/3.1.37.0/dev_guide/topics/migration.html
-    // Create a traffic service and a corresponding provider.
-    const service = api.platform.getTrafficService();
-    const provider = new H.service.traffic.flow.Provider(service);
-    // Create a tile layer that can be added to the map
-    return new H.map.layer.TileLayer(provider);
-};
-const createRasterTrafficLayer = (api, language) => {
-    return api.platform
-        .getMapTileService({ type: 'traffic' })
-        .createTileLayer('flowtile', 'normal.day.grey', TILE_SIZE, FORMAT, {
-        style: 'alps',
-        lg: language,
-    });
-};
-const TrafficLayer = props => {
-    const { useWebGL } = props, remainingProps = __rest(props, ["useWebGL"]);
-    const createLayerCallback = useWebGL ? createWebGlTrafficLayer : createRasterTrafficLayer;
-    return _jsx(Layer, Object.assign({}, remainingProps, { createLayer: createLayerCallback }));
-};
-export default TrafficLayer;

package/components/map/components/features/layers/baselayers/DefaultRasterLayer.d.ts

@@ -1,2 +0,0 @@
-export default DefaultRasterLayer;
-declare function DefaultRasterLayer(props: any): null;

package/components/map/components/features/layers/baselayers/DefaultRasterLayer.js

@@ -1,17 +0,0 @@
-import { useBaseLayer } from './useBaseLayer';
-import { MAP_TYPE_DEFAULT } from '../../../constants';
-// https://developer.here.com/documentation/map-tile/dev_guide/topics/resource-info.html
-const DefaultRasterLayer = props => {
-    const { api, language } = props;
-    useBaseLayer({
-        api,
-        language,
-        mapType: MAP_TYPE_DEFAULT,
-        additionalParameters: {
-        // should not be used as Vector map does not support it it would different anyhow
-        //style: 'alps',
-        },
-    });
-    return null;
-};
-export default DefaultRasterLayer;

package/components/map/components/features/layers/baselayers/DefaultVectorLayer.d.ts

@@ -1,2 +0,0 @@
-export default DefaultVectorLayer;
-declare function DefaultVectorLayer(props: any): null;

package/components/map/components/features/layers/baselayers/DefaultVectorLayer.js

@@ -1,14 +0,0 @@
-import { useBaseLayer } from './useBaseLayer';
-import { MAP_TYPE_DEFAULT } from '../../../constants';
-const DefaultVectorLayer = props => {
-    const { api, language } = props;
-    useBaseLayer({
-        api,
-        language,
-        mapType: MAP_TYPE_DEFAULT,
-        additionalParameters: {},
-        isWebGL: true,
-    });
-    return null;
-};
-export default DefaultVectorLayer;

package/components/map/components/features/layers/baselayers/FleetStyleLayer.d.ts

@@ -1,2 +0,0 @@
-export default FleetStyleLayer;
-declare function FleetStyleLayer(props: any): null;

package/components/map/components/features/layers/baselayers/FleetStyleLayer.js

@@ -1,15 +0,0 @@
-import { useBaseLayer } from './useBaseLayer';
-import { MAP_TYPE_FLEET_STYLE } from '../../../constants';
-const FleetStyleLayer = props => {
-    const { api, language } = props;
-    useBaseLayer({
-        api,
-        language,
-        mapType: MAP_TYPE_FLEET_STYLE,
-        additionalParameters: {
-            style: 'fleet',
-        },
-    });
-    return null;
-};
-export default FleetStyleLayer;

package/components/map/components/features/layers/baselayers/NightLayer.d.ts

@@ -1,2 +0,0 @@
-export default NightLayer;
-declare function NightLayer(props: any): null;

package/components/map/components/features/layers/baselayers/NightLayer.js

@@ -1,14 +0,0 @@
-import { useBaseLayer } from './useBaseLayer';
-import { MAP_TYPE_NIGHT } from '../../../constants';
-// https://developer.here.com/documentation/map-tile/dev_guide/topics/resource-info.html
-const NightLayer = props => {
-    const { api, language } = props;
-    useBaseLayer({
-        api,
-        language,
-        mapType: MAP_TYPE_NIGHT,
-        additionalParameters: {},
-    });
-    return null;
-};
-export default NightLayer;

package/components/map/components/features/layers/baselayers/SatelliteLayer.d.ts

@@ -1,2 +0,0 @@
-export default SatelliteLayer;
-declare function SatelliteLayer(props: any): null;

package/components/map/components/features/layers/baselayers/SatelliteLayer.js

@@ -1,15 +0,0 @@
-import { useBaseLayer } from './useBaseLayer';
-import { MAP_TYPE_SATELLITE } from '../../../constants';
-const SatelliteLayer = props => {
-    const { api, language } = props;
-    useBaseLayer({
-        api,
-        language,
-        mapType: MAP_TYPE_SATELLITE,
-        additionalParameters: {
-            style: 'default',
-        },
-    });
-    return null;
-};
-export default SatelliteLayer;

package/components/map/components/features/layers/baselayers/TerrainLayer.d.ts

@@ -1,2 +0,0 @@
-export default TerrainLayer;
-declare function TerrainLayer(props: any): null;

package/components/map/components/features/layers/baselayers/TerrainLayer.js

@@ -1,15 +0,0 @@
-import { useBaseLayer } from './useBaseLayer';
-import { MAP_TYPE_TERRAIN } from '../../../constants';
-const TerrainLayer = props => {
-    const { api, language } = props;
-    useBaseLayer({
-        api,
-        language,
-        mapType: MAP_TYPE_TERRAIN,
-        additionalParameter: {
-            style: 'default',
-        },
-    });
-    return null;
-};
-export default TerrainLayer;

package/components/map/components/features/layers/baselayers/useBaseLayer.d.ts

@@ -1,2 +0,0 @@
-export function getDefaultBaseLayer(defaultLayers: any, mapType: any, useWebGL: any): any;
-export function useBaseLayer(props: any): void;

package/components/map/components/features/layers/baselayers/useBaseLayer.js

@@ -1,39 +0,0 @@
-import { useState, useEffect } from 'react';
-import { mapToLongLocale } from '../../../../utils/localization';
-import { getPPI } from '../../../mapUtils';
-import { MAP_TYPE_FLEET_STYLE, MAP_TYPE_SATELLITE, MAP_TYPE_TERRAIN, MAP_TYPE_NIGHT } from '../../../constants';
-// Obtain the default map types from the platform object:
-export const getDefaultBaseLayer = (defaultLayers, mapType, useWebGL) => {
-    if (mapType === MAP_TYPE_SATELLITE) {
-        return defaultLayers.raster.satellite.map;
-    }
-    if (mapType === MAP_TYPE_TERRAIN) {
-        return defaultLayers.raster.terrain.map;
-    }
-    if (mapType === MAP_TYPE_FLEET_STYLE) {
-        return defaultLayers.raster.normal.map;
-    }
-    if (mapType === MAP_TYPE_NIGHT) {
-        return defaultLayers.raster.normal.mapnight;
-    }
-    if (useWebGL) {
-        return defaultLayers.vector.normal.map;
-    }
-    return defaultLayers.raster.normal.map;
-};
-export const useBaseLayer = props => {
-    const { api, additionalParameters = {}, language, isWebGL = false, mapType } = props;
-    const [baseLayer, setBaseLayer] = useState();
-    useEffect(() => {
-        if (!baseLayer) {
-            const additionalParametersWithLocale = Object.assign(Object.assign({}, additionalParameters), { lg: mapToLongLocale(language), 
-                // ppi: getPPI(),
-                // need to be set for better performence of legacy map
-                engineType: isWebGL ? undefined : H.map.render.RenderEngine.EngineType.P2D });
-            const defaultLayers = api.platform.createDefaultLayers(additionalParametersWithLocale);
-            const newBaseLayer = getDefaultBaseLayer(defaultLayers, mapType, isWebGL);
-            api.map.setBaseLayer(newBaseLayer);
-            setBaseLayer(newBaseLayer);
-        }
-    });
-};

package/components/map/components/mapUtils.d.ts

@@ -1,50 +0,0 @@
-export function getPPI(): undefined;
-export function createUtils(mapApi: any): {
-    getCenter: () => {
-        lat: any;
-        lng: any;
-    };
-    setCenter: (position: any, animate: any) => void;
-    getZoom: () => number;
-    setZoom: (zoom: any, zoomAnimation?: boolean) => void;
-    getViewPort: () => {
-        width: any;
-        height: any;
-        margin: any;
-        padding: {
-            top: any;
-            right: any;
-            bottom: any;
-            left: any;
-        };
-        center: {
-            x: any;
-            y: any;
-        };
-    };
-    getBounds: () => {
-        topLeft: {
-            lng: any;
-            lat: any;
-        };
-        bottomRight: {
-            lng: any;
-            lat: any;
-        };
-    };
-    getObjects: () => any;
-    getLayers: () => any;
-    getBaseLayer: () => any;
-    getGroups: () => any[];
-    getMarkers: () => any[];
-    findMarkerByLatLng: (lat: any, lng: any) => any;
-    findMarkersByLatLng: (lat: any, lng: any) => any[];
-    getRoutePolylines: () => any[];
-    getObjectType: (hereObject: any) => "H.map.Group" | "H.map.DomMarker" | "H.map.Marker" | "H.map.AbstractMarker" | "H.map.Polyline" | "H.map.Rect" | "H.map.Circle" | "H.map.Polygon" | "H.map.Object";
-    getObjectTypes: import("lodash/fp").LodashMap1x1<any, "H.map.Group" | "H.map.DomMarker" | "H.map.Marker" | "H.map.AbstractMarker" | "H.map.Polyline" | "H.map.Rect" | "H.map.Circle" | "H.map.Polygon" | "H.map.Object">;
-    getLayerType: (hereLayer: any) => "H.map.layer.BaseTileLayer" | "H.map.layer.MarkerTileLayer" | "H.map.layer.TileLayer" | "H.map.layer.CanvasLayer" | "H.map.layer.DomLayer" | "H.map.layer.ObjectLayer" | "H.map.layer.Layer";
-    getLayerTypes: import("lodash/fp").LodashMap1x1<any, "H.map.layer.BaseTileLayer" | "H.map.layer.MarkerTileLayer" | "H.map.layer.TileLayer" | "H.map.layer.CanvasLayer" | "H.map.layer.DomLayer" | "H.map.layer.ObjectLayer" | "H.map.layer.Layer">;
-    getMarkerIconClassName: (domMarker: any) => any;
-    getPosition: (marker: any) => any;
-    getLatLngAltArray: (polyline: any) => any;
-};