@rio-cloud/rio-uikit 1.0.0 → 1.2.0

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

@@ -1,123 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getOrCreateIcon = exports.isDomMakerNeeded = exports.isHMapIcon = void 0;
-const tslib_1 = require("tslib");
-/* eslint-disable no-undef */
-const react_1 = tslib_1.__importStar(require("react"));
-const server_1 = tslib_1.__importDefault(require("react-dom/server"));
-const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
-const proptypes_1 = tslib_1.__importDefault(require("../../../../utils/proptypes"));
-const eventHandling_1 = require("../../../../utils/eventHandling");
-const MapException_1 = tslib_1.__importDefault(require("../../../../exceptions/MapException"));
-const context_1 = require("../../../context");
-const isHMapIcon = icon => icon instanceof H.map.Icon;
-exports.isHMapIcon = isHMapIcon;
-const isDomMakerNeeded = icon => (!icon ? false : !(0, exports.isHMapIcon)(icon));
-exports.isDomMakerNeeded = isDomMakerNeeded;
-function getOrCreateIcon(icon) {
-    if (!icon || (0, exports.isHMapIcon)(icon) || icon instanceof H.map.DomIcon) {
-        return;
-    }
-    const renderedIcon = react_1.default.isValidElement(icon)
-        ? server_1.default.renderToStaticMarkup(react_1.default.cloneElement(icon))
-        : icon;
-    return new H.map.DomIcon(renderedIcon);
-}
-exports.getOrCreateIcon = getOrCreateIcon;
-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_1.default(`Error in Marker: position object requires property "${propertyName}"`);
-        }
-    });
-};
-const getPosition = position => {
-    if (!position) {
-        throw new MapException_1.default('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 = (0, exports.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);
-    (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, react_1.useContext)(context_1.MapContext);
-    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(getConvertedPosition(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 {
-            markerRef.current.setIcon(getOrCreateIcon(icon));
-        }
-    }, [icon, markerRef.current]);
-    return null;
-};
-Marker.propTypes = {
-    position: prop_types_1.default.oneOfType([proptypes_1.default.position, proptypes_1.default.positions]).isRequired,
-    icon: proptypes_1.default.icon,
-    eventListenerMap: prop_types_1.default.object,
-    customData: prop_types_1.default.object,
-    draggable: prop_types_1.default.bool,
-};
-exports.default = Marker;

package/lib/es/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/lib/es/components/map/components/features/basics/marker/TextMarker.js

@@ -1,31 +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 react_1 = tslib_1.__importDefault(require("react"));
-const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
-const MapException_1 = tslib_1.__importDefault(require("../../../../exceptions/MapException"));
-const proptypes_1 = tslib_1.__importDefault(require("../../../../utils/proptypes"));
-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 other = tslib_1.__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 (0, jsx_runtime_1.jsx)(Marker_1.default, Object.assign({}, other, { icon: textDiv }));
-};
-const getText = text => {
-    if (!text) {
-        throw new MapException_1.default(exports.emptyTextException);
-    }
-    if (typeof text !== 'string') {
-        throw new MapException_1.default(exports.wrongTypeException);
-    }
-    return text;
-};
-TextMarker.propTypes = {
-    position: prop_types_1.default.oneOfType([proptypes_1.default.position, proptypes_1.default.positions]).isRequired,
-    text: prop_types_1.default.string.isRequired,
-};
-exports.default = TextMarker;

package/lib/es/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/lib/es/components/map/components/features/layers/IncidentsLayer.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 react_1 = tslib_1.__importDefault(require("react"));
-const Layer_1 = tslib_1.__importDefault(require("./Layer"));
-// Layer that shows construction sites marker that are interactive and use a popup for details
-// Since "vector.normal.trafficincidents" is deprecated we have to use the Here Traffic Service v7
-// see: https://developer.here.com/documentation/maps/3.1.46.0/api_reference/H.service.Platform.html
-const createTrafficIncidentsLayer = api => {
-    const config = `
-  sources:
-    omv:
-        type: OMV
-  layers:
-    incident_icons:
-        data: {source: omv}
-`;
-    return api.platform.getTrafficVectorTileService().createLayer(new H.map.render.webgl.Style(config));
-};
-// For raster map, we use the old deprecated fallback for now
-const createTrafficIncidentsLayerFallback = api => api.defaultLayers.vector.normal.trafficincidents;
-const IncidentsLayer = props => {
-    const { useWebGL } = props, remainingProps = tslib_1.__rest(props, ["useWebGL"]);
-    return ((0, jsx_runtime_1.jsx)(Layer_1.default, Object.assign({}, remainingProps, { createLayer: useWebGL ? createTrafficIncidentsLayer : createTrafficIncidentsLayerFallback })));
-};
-exports.default = IncidentsLayer;

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

@@ -1,15 +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<H.Map>;
-            platform: PropTypes.Requireable<H.service.Platform>;
-            defaultLayers: PropTypes.Requireable<object>;
-            group: PropTypes.Requireable<NonNullable<H.Map | H.map.Group | null | undefined>>;
-        }>>;
-        const createLayer: PropTypes.Validator<(...args: any[]) => any>;
-        const layerIndex: PropTypes.Requireable<number>;
-    }
-}
-import PropTypes from "prop-types";

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

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = require("react");
-const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
-const proptypes_1 = tslib_1.__importDefault(require("../../../utils/proptypes"));
-const Layer = props => {
-    const { api, createLayer, layerIndex } = props;
-    (0, react_1.useEffect)(() => {
-        const newLayer = createLayer(api);
-        api.map.addLayer(newLayer, layerIndex);
-        return () => {
-            if (newLayer) {
-                api.map.removeLayer(newLayer);
-                newLayer.dispose();
-            }
-        };
-    }, [api.map]);
-    return null;
-};
-Layer.propTypes = {
-    api: proptypes_1.default.api,
-    createLayer: prop_types_1.default.func.isRequired,
-    layerIndex: prop_types_1.default.number,
-};
-exports.default = Layer;

package/lib/es/components/map/components/features/layers/MapBaseLayer.d.ts

@@ -1,8 +0,0 @@
-export type MapBaseLayerProps = {
-    baseLayerName: string;
-    language: string;
-    enableWebGL: boolean;
-    darkMode: boolean;
-};
-declare const MapBaseLayer: (props: MapBaseLayerProps) => import("react/jsx-runtime").JSX.Element | null;
-export default MapBaseLayer;

package/lib/es/components/map/components/features/layers/MapBaseLayer.js

@@ -1,35 +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 constants_1 = require("../../constants");
-const DefaultRasterLayer_1 = tslib_1.__importDefault(require("./baselayers/DefaultRasterLayer"));
-require("./baselayers/DefaultVectorLayer");
-const FleetStyleLayer_1 = tslib_1.__importDefault(require("./baselayers/FleetStyleLayer"));
-const NightLayer_1 = tslib_1.__importDefault(require("./baselayers/NightLayer"));
-const SatelliteLayer_1 = tslib_1.__importDefault(require("./baselayers/SatelliteLayer"));
-const TerrainLayer_1 = tslib_1.__importDefault(require("./baselayers/TerrainLayer"));
-const MapContext_1 = require("../../MapContext");
-const MapBaseLayer = (props) => {
-    const { baseLayerName, language, enableWebGL, darkMode } = props;
-    const { api } = (0, react_1.useContext)(MapContext_1.MapContext);
-    switch (baseLayerName) {
-        case constants_1.MAP_TYPE_DEFAULT: {
-            return !darkMode && enableWebGL ? (
-            // <DefaultVectorLayer api={api} language={language} key={baseLayerName} />
-            (0, jsx_runtime_1.jsx)(DefaultRasterLayer_1.default, { api: api, language: language, darkMode: darkMode, isWebGL: enableWebGL }, baseLayerName)) : ((0, jsx_runtime_1.jsx)(DefaultRasterLayer_1.default, { api: api, language: language, darkMode: darkMode, isWebGL: enableWebGL }, baseLayerName));
-        }
-        case constants_1.MAP_TYPE_FLEET_STYLE:
-            return (0, jsx_runtime_1.jsx)(FleetStyleLayer_1.default, { api: api, language: language, isWebGL: enableWebGL }, baseLayerName);
-        case constants_1.MAP_TYPE_SATELLITE:
-            return (0, jsx_runtime_1.jsx)(SatelliteLayer_1.default, { api: api, language: language, isWebGL: enableWebGL }, baseLayerName);
-        case constants_1.MAP_TYPE_TERRAIN:
-            return (0, jsx_runtime_1.jsx)(TerrainLayer_1.default, { api: api, language: language, isWebGL: enableWebGL }, baseLayerName);
-        case constants_1.MAP_TYPE_NIGHT:
-            return (0, jsx_runtime_1.jsx)(NightLayer_1.default, { api: api, language: language, isWebGL: enableWebGL }, baseLayerName);
-        default:
-            return null;
-    }
-};
-exports.default = MapBaseLayer;

package/lib/es/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/lib/es/components/map/components/features/layers/RoadRestrictionLayer.js

@@ -1,28 +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 constants_1 = require("../../constants");
-const Layer_1 = tslib_1.__importDefault(require("./Layer"));
-// Layer for rendering truck road signs
-// incident_icons, traffic_flow, traffic_incidents
-// FIXME: 'truckonlytile' is HERE Map Tile v2 and therefore deprecated
-const createRoadRestrictionLayer = useWebGL => api => {
-    // "createIncidentsLayer" and "createFlowLayer" are also deprecated
-    // using the "api.platform.getTrafficService(null, 7)" Traffic Service version 7
-    // does not offer equivalent functions like:
-    // return api.platform.getTrafficService(null, 7).createFlowLayer();
-    return api.platform
-        .getMapTileService({ type: 'base' })
-        .createTileLayer('truckonlytile', 'normal.day', constants_1.TILE_SIZE, constants_1.FORMAT, {
-        style: 'default',
-        ppi: undefined,
-    });
-};
-const RoadRestrictionLayer = props => {
-    const { useWebGL } = props, remainingProps = tslib_1.__rest(props, ["useWebGL"]);
-    const createLayer = createRoadRestrictionLayer(useWebGL);
-    return (0, jsx_runtime_1.jsx)(Layer_1.default, Object.assign({}, remainingProps, { createLayer: createLayer }));
-};
-exports.default = RoadRestrictionLayer;

package/lib/es/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/lib/es/components/map/components/features/layers/TrafficLayer.js

@@ -1,41 +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.__importStar(require("react"));
-const constants_1 = require("../../constants");
-const Layer_1 = tslib_1.__importDefault(require("./Layer"));
-const createRasterTrafficLayer = api => {
-    return api.platform
-        .getMapTileService({ type: 'traffic' })
-        .createTileLayer('flowtile', 'normal.day.grey', constants_1.TILE_SIZE, constants_1.FORMAT, {
-        style: 'alps',
-    });
-};
-// Here Traffic v7 API
-const createVectorTrafficLayer = api => {
-    // Pre-defined opinionated rendering of traffic
-    return api.defaultLayers.vector.traffic.map;
-    // To control the rendering, use the style config.
-    // Unfortunately there is no documentation on how the "pre-defined"
-    // style looks like as it also renders incidents icons (but inactive)
-    //     const config = `
-    //   sources:
-    //     omv:
-    //       type: OMV
-    //   layers:
-    //     traffic_incidents:
-    //       data: {source: omv}
-    //       draw:
-    //         lines:
-    //           order: 340
-    //           width: 2px
-    //           color: red
-    // `;
-    //     return api.platform.getTrafficVectorTileService().createLayer(new H.map.render.webgl.Style(config));
-};
-const TrafficLayer = props => {
-    const { useWebGL } = props, remainingProps = tslib_1.__rest(props, ["useWebGL"]);
-    return (0, jsx_runtime_1.jsx)(Layer_1.default, Object.assign({}, remainingProps, { createLayer: useWebGL ? createVectorTrafficLayer : createRasterTrafficLayer }));
-};
-exports.default = TrafficLayer;

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

@@ -1,4 +0,0 @@
-import { type UseBaseLayerProps } from './useBaseLayer';
-export type DefaultRasterLayerProps = UseBaseLayerProps & {};
-declare const DefaultRasterLayer: (props: DefaultRasterLayerProps) => null;
-export default DefaultRasterLayer;

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

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("./useBaseLayer");
-require("../../../constants");
-// https://developer.here.com/documentation/map-tile/dev_guide/topics/resource-info.html
-const DefaultRasterLayer = (props) => {
-    var _a, _b;
-    const { api, language, isWebGL } = props;
-    const rasterTileService = (_a = api.platform) === null || _a === void 0 ? void 0 : _a.getRasterTileService({
-        format: 'png',
-        queryParams: {
-            lang: 'en',
-            ppi: window.devicePixelRatio >= 1.7 ? 400 : 100,
-            style: 'explore.day',
-            features: 'pois:all,environmental_zones:all,congestion_zones:all,vehicle_restrictions:active_and_inactive',
-        },
-    });
-    const rasterTileProvider = new H.service.rasterTile.Provider(rasterTileService, {
-        engineType: H.Map.EngineType['HARP'],
-        tileSize: 512,
-    });
-    const rasterTileLayer = new H.map.layer.TileLayer(rasterTileProvider);
-    const defaultLayer = rasterTileLayer;
-    (_b = api.map) === null || _b === void 0 ? void 0 : _b.setBaseLayer(defaultLayer);
-    // 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;
-};
-exports.default = DefaultRasterLayer;

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

@@ -1,4 +0,0 @@
-import { type UseBaseLayerProps } from './useBaseLayer';
-export type DefaultVectorLayerProps = UseBaseLayerProps & {};
-declare const DefaultVectorLayer: (props: DefaultVectorLayerProps) => null;
-export default DefaultVectorLayer;

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

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const useBaseLayer_1 = require("./useBaseLayer");
-const constants_1 = require("../../../constants");
-const DefaultVectorLayer = (props) => {
-    const { api, language } = props;
-    (0, useBaseLayer_1.useBaseLayer)({
-        api,
-        language,
-        mapType: constants_1.MAP_TYPE_DEFAULT,
-        additionalParameters: {},
-        isWebGL: true,
-    });
-    return null;
-};
-exports.default = DefaultVectorLayer;

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

@@ -1,4 +0,0 @@
-import { type UseBaseLayerProps } from './useBaseLayer';
-export type FleetStyleLayerProps = UseBaseLayerProps & {};
-declare const FleetStyleLayer: (props: FleetStyleLayerProps) => null;
-export default FleetStyleLayer;

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

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const useBaseLayer_1 = require("./useBaseLayer");
-const constants_1 = require("../../../constants");
-const FleetStyleLayer = (props) => {
-    const { api, language } = props;
-    (0, useBaseLayer_1.useBaseLayer)({
-        api,
-        language,
-        mapType: constants_1.MAP_TYPE_FLEET_STYLE,
-        additionalParameters: {
-            style: 'fleet',
-        },
-    });
-    return null;
-};
-exports.default = FleetStyleLayer;

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

@@ -1,4 +0,0 @@
-import { type UseBaseLayerProps } from './useBaseLayer';
-export type NightLayerProps = UseBaseLayerProps & {};
-declare const NightLayer: (props: NightLayerProps) => null;
-export default NightLayer;

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

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const useBaseLayer_1 = require("./useBaseLayer");
-const constants_1 = require("../../../constants");
-// https://developer.here.com/documentation/map-tile/dev_guide/topics/resource-info.html
-const NightLayer = (props) => {
-    const { api, language } = props;
-    (0, useBaseLayer_1.useBaseLayer)({
-        api,
-        language,
-        mapType: constants_1.MAP_TYPE_NIGHT,
-        additionalParameters: {},
-    });
-    return null;
-};
-exports.default = NightLayer;

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

@@ -1,4 +0,0 @@
-import { type UseBaseLayerProps } from './useBaseLayer';
-export type SatelliteLayerProps = UseBaseLayerProps & {};
-declare const SatelliteLayer: (props: SatelliteLayerProps) => null;
-export default SatelliteLayer;

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

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("./useBaseLayer");
-require("../../../constants");
-const SatelliteLayer = (props) => {
-    var _a, _b;
-    const { api, language, isWebGL } = props;
-    const satelliteTileService = (_a = api.platform) === null || _a === void 0 ? void 0 : _a.getRasterTileService({
-        format: 'jpeg',
-        queryParams: {
-            lang: 'en',
-            ppi: window.devicePixelRatio >= 1.7 ? 400 : 100,
-            style: 'explore.satellite.day',
-            features: 'pois:all,environmental_zones:all,congestion_zones:all,vehicle_restrictions:active_and_inactive',
-        },
-    });
-    const satelliteTileProvider = new H.service.rasterTile.Provider(satelliteTileService, {
-        engineType: H.Map.EngineType['HARP'],
-        tileSize: 512,
-    });
-    const satelliteTileLayer = new H.map.layer.TileLayer(satelliteTileProvider);
-    const defaultLayer = satelliteTileLayer;
-    (_b = api.map) === null || _b === void 0 ? void 0 : _b.setBaseLayer(defaultLayer);
-    // useBaseLayer({
-    //     api,
-    //     language,
-    //     mapType: MAP_TYPE_SATELLITE,
-    //     additionalParameters: {
-    //         style: 'default',
-    //     },
-    // });
-    return null;
-};
-exports.default = SatelliteLayer;

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

@@ -1,4 +0,0 @@
-import { type UseBaseLayerProps } from './useBaseLayer';
-export type TerrainLayerProps = UseBaseLayerProps & {};
-declare const TerrainLayer: (props: TerrainLayerProps) => null;
-export default TerrainLayer;

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

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const useBaseLayer_1 = require("./useBaseLayer");
-const constants_1 = require("../../../constants");
-const TerrainLayer = (props) => {
-    const { api, language } = props;
-    (0, useBaseLayer_1.useBaseLayer)({
-        api,
-        language,
-        mapType: constants_1.MAP_TYPE_TERRAIN,
-        additionalParameters: {
-            style: 'default',
-        },
-    });
-    return null;
-};
-exports.default = TerrainLayer;

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

@@ -1,11 +0,0 @@
-/// <reference types="heremaps" />
-import type { MapApi } from '../../../../utils/mapTypes';
-export declare const getDefaultBaseLayer: (defaultLayers: H.service.DefaultLayers | undefined, mapType: string, useWebGL: boolean) => H.map.layer.TileLayer | null | undefined;
-export type UseBaseLayerProps = {
-    api: MapApi;
-    additionalParameters: object;
-    language: string;
-    isWebGL?: boolean;
-    mapType: string;
-};
-export declare const useBaseLayer: (props: UseBaseLayerProps) => void;

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

@@ -1,76 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useBaseLayer = exports.getDefaultBaseLayer = void 0;
-const react_1 = require("react");
-require("../../../../utils/mapUtils");
-const constants_1 = require("../../../constants");
-// Obtain the default map types from the platform object:
-const getDefaultBaseLayer = (defaultLayers, mapType, useWebGL) => {
-    if (mapType === constants_1.MAP_TYPE_SATELLITE) {
-        return defaultLayers === null || defaultLayers === void 0 ? void 0 : defaultLayers.raster.satellite.map;
-    }
-    if (mapType === constants_1.MAP_TYPE_TERRAIN) {
-        return defaultLayers === null || defaultLayers === void 0 ? void 0 : defaultLayers.raster.terrain.map;
-    }
-    if (mapType === constants_1.MAP_TYPE_FLEET_STYLE) {
-        return defaultLayers === null || defaultLayers === void 0 ? void 0 : defaultLayers.raster.normal.map;
-    }
-    if (mapType === constants_1.MAP_TYPE_NIGHT) {
-        return defaultLayers === null || defaultLayers === void 0 ? void 0 : defaultLayers.raster.normal.mapnight;
-    }
-    if (useWebGL) {
-        return defaultLayers === null || defaultLayers === void 0 ? void 0 : defaultLayers.vector.normal.map;
-    }
-    return defaultLayers === null || defaultLayers === void 0 ? void 0 : defaultLayers.raster.normal.map;
-};
-exports.getDefaultBaseLayer = getDefaultBaseLayer;
-function getPpi() {
-    return window.devicePixelRatio >= 1.7 ? 400 : 100;
-}
-const useBaseLayer = (props) => {
-    const { api, additionalParameters = {}, language, isWebGL = false, mapType } = props;
-    const [baseLayer, setBaseLayer] = (0, react_1.useState)(null);
-    // When the language changes from the outside, re-create the base layer with the new locale
-    (0, react_1.useEffect)(() => {
-        setBaseLayer(null);
-    }, [language]);
-    (0, react_1.useEffect)(() => {
-        var _a, _b;
-        if (!baseLayer) {
-            // Base raster
-            // const rasterTileService = api.platform?.getRasterTileService({
-            //     format: 'png', // or jpg, png8
-            //     queryParams: {
-            //         lang: 'en',
-            //         ppi: getPpi(),
-            //         style: 'explore.day',
-            //         features:
-            //             'pois:all,environmental_zones:all,congestion_zones:all,vehicle_restrictions:active_and_inactive',
-            //     },
-            // });
-            // const rasterTileProvider = new H.service.rasterTile.Provider(rasterTileService, {
-            //     engineType: H.Map.EngineType['P2D'],
-            //     tileSize: 512,
-            // });
-            // const rasterTileLayer = new H.map.layer.TileLayer(rasterTileProvider);
-            // const defaultLayer = rasterTileLayer;
-            // api.map?.setBaseLayer(defaultLayer);
-            // setBaseLayer(defaultLayer);
-            const additionalParametersWithLocale = Object.assign(Object.assign({}, additionalParameters), { 
-                // Define the overall map language here so that all counties use that locale
-                // and don't show their native label names. For more details see:
-                // https://developer.here.com/documentation/examples/maps-js/maps/map-multi-language-support
-                // Note: it takes the short locale like "de", "en" etc.
-                lg: language.includes('-') ? language.split('-')[0] : language, 
-                // ppi: getPPI(),
-                engineType: isWebGL ? H.Map.EngineType['HARP'] : H.Map.EngineType['P2D'] });
-            const defaultLayers = (_a = api.platform) === null || _a === void 0 ? void 0 : _a.createDefaultLayers(additionalParametersWithLocale);
-            const newBaseLayer = (0, exports.getDefaultBaseLayer)(defaultLayers, mapType, isWebGL);
-            if (newBaseLayer) {
-                (_b = api.map) === null || _b === void 0 ? void 0 : _b.setBaseLayer(newBaseLayer);
-                setBaseLayer(newBaseLayer);
-            }
-        }
-    });
-};
-exports.useBaseLayer = useBaseLayer;