@rio-cloud/rio-uikit 1.11.0 → 1.12.0

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

@@ -0,0 +1,407 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mapToShortLocale = exports.mapToLongLocale = void 0;
+const twoToThreeMapping = {
+    ab: 'abk',
+    aa: 'aar',
+    af: 'afr',
+    ak: 'aka',
+    sq: 'alb',
+    am: 'amh',
+    ar: 'ara',
+    an: 'arg',
+    hy: 'arm',
+    as: 'asm',
+    av: 'ava',
+    ae: 'ave',
+    ay: 'aym',
+    az: 'aze',
+    bm: 'bam',
+    ba: 'bak',
+    eu: 'baq',
+    be: 'bel',
+    bn: 'ben',
+    bh: 'bih',
+    bi: 'bis',
+    bs: 'bos',
+    br: 'bre',
+    bg: 'bul',
+    my: 'bur',
+    ca: 'cat',
+    ch: 'cha',
+    ce: 'che',
+    ny: 'nya',
+    zh: 'chi',
+    cv: 'chv',
+    kw: 'cor',
+    co: 'cos',
+    cr: 'cre',
+    hr: 'hrv',
+    cs: 'cze',
+    da: 'dan',
+    dv: 'div',
+    nl: 'dut',
+    dz: 'dzo',
+    en: 'eng',
+    eo: 'epo',
+    et: 'est',
+    ee: 'ewe',
+    fo: 'fao',
+    fj: 'fij',
+    fi: 'fin',
+    fr: 'fre',
+    ff: 'ful',
+    gl: 'glg',
+    ka: 'geo',
+    de: 'ger',
+    el: 'gre',
+    gn: 'grn',
+    gu: 'guj',
+    ht: 'hat',
+    ha: 'hau',
+    he: 'heb',
+    hz: 'her',
+    hi: 'hin',
+    ho: 'hmo',
+    hu: 'hun',
+    ia: 'ina',
+    id: 'ind',
+    ie: 'ile',
+    ga: 'gle',
+    ig: 'ibo',
+    ik: 'ipk',
+    io: 'ido',
+    is: 'ice',
+    it: 'ita',
+    iu: 'iku',
+    ja: 'jpn',
+    jv: 'jav',
+    kl: 'kal',
+    kn: 'kan',
+    kr: 'kau',
+    ks: 'kas',
+    kk: 'kaz',
+    km: 'khm',
+    ki: 'kik',
+    rw: 'kin',
+    ky: 'kir',
+    kv: 'kom',
+    kg: 'kon',
+    ko: 'kor',
+    ku: 'kur',
+    kj: 'kua',
+    la: 'lat',
+    lb: 'ltz',
+    lg: 'lug',
+    li: 'lim',
+    ln: 'lin',
+    lo: 'lao',
+    lt: 'lit',
+    lu: 'lub',
+    lv: 'lav',
+    gv: 'glv',
+    mk: 'mac',
+    mg: 'mlg',
+    ms: 'may',
+    ml: 'mal',
+    mt: 'mlt',
+    mi: 'mao',
+    mr: 'mar',
+    mh: 'mah',
+    mn: 'mon',
+    na: 'nau',
+    nv: 'nav',
+    nd: 'nde',
+    ne: 'nep',
+    ng: 'ndo',
+    nb: 'nob',
+    nn: 'nno',
+    no: 'nor',
+    ii: 'iii',
+    nr: 'nbl',
+    oc: 'oci',
+    oj: 'oji',
+    cu: 'chu',
+    om: 'orm',
+    or: 'ori',
+    os: 'oss',
+    pa: 'pan',
+    pi: 'pli',
+    fa: 'per',
+    pox: 'sla',
+    pl: 'pol',
+    ps: 'pus',
+    pt: 'por',
+    qu: 'que',
+    rm: 'roh',
+    rn: 'run',
+    ro: 'rum',
+    ru: 'rus',
+    sa: 'san',
+    sc: 'srd',
+    sd: 'snd',
+    se: 'sme',
+    sm: 'smo',
+    sg: 'sag',
+    sr: 'srp',
+    gd: 'gla',
+    sn: 'sna',
+    si: 'sin',
+    sk: 'slo',
+    sl: 'slv',
+    so: 'som',
+    st: 'sot',
+    es: 'spa',
+    su: 'sun',
+    sw: 'swa',
+    ss: 'ssw',
+    sv: 'swe',
+    ta: 'tam',
+    te: 'tel',
+    tg: 'tgk',
+    th: 'tha',
+    ti: 'tir',
+    bo: 'tib',
+    tk: 'tuk',
+    tl: 'tgl',
+    tn: 'tsn',
+    to: 'ton',
+    tr: 'tur',
+    ts: 'tso',
+    tt: 'tat',
+    tw: 'twi',
+    ty: 'tah',
+    ug: 'uig',
+    uk: 'ukr',
+    ur: 'urd',
+    uz: 'uzb',
+    ve: 'ven',
+    vi: 'vie',
+    vo: 'vol',
+    wa: 'wln',
+    cy: 'wel',
+    wo: 'wol',
+    fy: 'fry',
+    xh: 'xho',
+    yi: 'yid',
+    yo: 'yor',
+    za: 'zha',
+    zu: 'zul',
+};
+const threeToTwoMapping = {
+    abk: 'ab',
+    aar: 'aa',
+    afr: 'af',
+    aka: 'ak',
+    alb: 'sq',
+    amh: 'am',
+    ara: 'ar',
+    arg: 'an',
+    arm: 'hy',
+    asm: 'as',
+    ava: 'av',
+    ave: 'ae',
+    aym: 'ay',
+    aze: 'az',
+    bam: 'bm',
+    bak: 'ba',
+    baq: 'eu',
+    bel: 'be',
+    ben: 'bn',
+    bih: 'bh',
+    bis: 'bi',
+    bos: 'bs',
+    bre: 'br',
+    bul: 'bg',
+    bur: 'my',
+    cat: 'ca',
+    cha: 'ch',
+    che: 'ce',
+    nya: 'ny',
+    chi: 'zh',
+    chv: 'cv',
+    cor: 'kw',
+    cos: 'co',
+    cre: 'cr',
+    hrv: 'hr',
+    cze: 'cs',
+    dan: 'da',
+    div: 'dv',
+    dut: 'nl',
+    dzo: 'dz',
+    eng: 'en',
+    epo: 'eo',
+    est: 'et',
+    ewe: 'ee',
+    fao: 'fo',
+    fij: 'fj',
+    fin: 'fi',
+    fre: 'fr',
+    ful: 'ff',
+    glg: 'gl',
+    geo: 'ka',
+    ger: 'de',
+    gre: 'el',
+    grn: 'gn',
+    guj: 'gu',
+    hat: 'ht',
+    hau: 'ha',
+    heb: 'he',
+    her: 'hz',
+    hin: 'hi',
+    hmo: 'ho',
+    hun: 'hu',
+    ina: 'ia',
+    ind: 'id',
+    ile: 'ie',
+    gle: 'ga',
+    ibo: 'ig',
+    ipk: 'ik',
+    ido: 'io',
+    ice: 'is',
+    ita: 'it',
+    iku: 'iu',
+    jpn: 'ja',
+    jav: 'jv',
+    kal: 'kl',
+    kan: 'kn',
+    kau: 'kr',
+    kas: 'ks',
+    kaz: 'kk',
+    khm: 'km',
+    kik: 'ki',
+    kin: 'rw',
+    kir: 'ky',
+    kom: 'kv',
+    kon: 'kg',
+    kor: 'ko',
+    kur: 'ku',
+    kua: 'kj',
+    lat: 'la',
+    ltz: 'lb',
+    lug: 'lg',
+    lim: 'li',
+    lin: 'ln',
+    lao: 'lo',
+    lit: 'lt',
+    lub: 'lu',
+    lav: 'lv',
+    glv: 'gv',
+    mac: 'mk',
+    mlg: 'mg',
+    may: 'ms',
+    mal: 'ml',
+    mlt: 'mt',
+    mao: 'mi',
+    mar: 'mr',
+    mah: 'mh',
+    mon: 'mn',
+    nau: 'na',
+    nav: 'nv',
+    nde: 'nd',
+    nep: 'ne',
+    ndo: 'ng',
+    nob: 'nb',
+    nno: 'nn',
+    nor: 'no',
+    iii: 'ii',
+    nbl: 'nr',
+    oci: 'oc',
+    oji: 'oj',
+    chu: 'cu',
+    orm: 'om',
+    ori: 'or',
+    oss: 'os',
+    pan: 'pa',
+    pli: 'pi',
+    per: 'fa',
+    sla: 'pox',
+    pol: 'pl',
+    pus: 'ps',
+    por: 'pt',
+    que: 'qu',
+    roh: 'rm',
+    run: 'rn',
+    rum: 'ro',
+    rus: 'ru',
+    san: 'sa',
+    srd: 'sc',
+    snd: 'sd',
+    sme: 'se',
+    smo: 'sm',
+    sag: 'sg',
+    srp: 'sr',
+    gla: 'gd',
+    sna: 'sn',
+    sin: 'si',
+    slo: 'sk',
+    slv: 'sl',
+    som: 'so',
+    sot: 'st',
+    spa: 'es',
+    sun: 'su',
+    swa: 'sw',
+    ssw: 'ss',
+    swe: 'sv',
+    tam: 'ta',
+    tel: 'te',
+    tgk: 'tg',
+    tha: 'th',
+    tir: 'ti',
+    tib: 'bo',
+    tuk: 'tk',
+    tgl: 'tl',
+    tsn: 'tn',
+    ton: 'to',
+    tur: 'tr',
+    tso: 'ts',
+    tat: 'tt',
+    twi: 'tw',
+    tah: 'ty',
+    uig: 'ug',
+    ukr: 'uk',
+    urd: 'ur',
+    uzb: 'uz',
+    ven: 've',
+    vie: 'vi',
+    vol: 'vo',
+    wln: 'wa',
+    wel: 'cy',
+    wol: 'wo',
+    fry: 'fy',
+    xho: 'xh',
+    yid: 'yi',
+    yor: 'yo',
+    zha: 'za',
+    zul: 'zu',
+};
+const parseLocale = (locale = 'eng') => {
+    const parts = locale.split('-');
+    if (parts.length === 2) {
+        return parts[0];
+    }
+    return locale;
+};
+const mapToLongLocale = (locale) => {
+    const key = parseLocale(locale);
+    if (threeToTwoMapping[key]) {
+        return key;
+    }
+    else if (twoToThreeMapping[key]) {
+        return twoToThreeMapping[key];
+    }
+    return 'eng';
+};
+exports.mapToLongLocale = mapToLongLocale;
+// unused
+const mapToShortLocale = (locale) => {
+    const key = parseLocale(locale);
+    if (twoToThreeMapping[key]) {
+        return key;
+    }
+    else if (threeToTwoMapping[key]) {
+        return threeToTwoMapping[key];
+    }
+    return 'en';
+};
+exports.mapToShortLocale = mapToShortLocale;

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

@@ -0,0 +1,170 @@
+import type { ObjectValues } from '../../../utils/ObjectValues';
+import type { MapUtils } from './mapUtils';
+import type { EventListenerMap } from './eventHandling';
+export type Point = H.geo.Point;
+export type NoisePoint = H.clustering.INoisePoint;
+export type DataPoint = H.clustering.DataPoint;
+export type MapEvent = H.mapevents.Event & {};
+export type MapContextMenuEvent = H.mapevents.ContextMenuEvent;
+export type MapInfoBubble = H.ui.InfoBubble;
+export type MapUtilEvent = H.util.Event;
+export type Position = {
+    lat: number;
+    lng: number;
+};
+export type BoundingBox = {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+};
+export type MapBoundingBox = {
+    topLeft: {
+        lng: number | undefined;
+        lat: number | undefined;
+    };
+    bottomRight: {
+        lng: number | undefined;
+        lat: number | undefined;
+    };
+};
+export declare const MapTypeMap: {
+    readonly TYPE_DEFAULT: "DEFAULT";
+    readonly TYPE_FLEET_STYLE: "FLEET_STYLE";
+    readonly TYPE_SATELLITE: "SATELLITE";
+    readonly TYPE_TERRAIN: "TERRAIN";
+    readonly TYPE_NIGHT: "NIGHT";
+};
+export type MapType = ObjectValues<typeof MapTypeMap>;
+export declare const MapLayerMap: {
+    readonly MAP_LAYER_INCIDENTS: "INCIDENTS";
+    readonly MAP_LAYER_TRAFFIC: "TRAFFIC";
+    readonly MAP_LAYER_ROAD_RESTRICTIONS: "ROAD_RESTRICTIONS";
+};
+export type MapLayer = ObjectValues<typeof MapLayerMap>;
+export type MapCredentials = {
+    app_id?: string;
+    app_code?: string;
+    apikey?: string;
+};
+export type MapProps = {
+    credentials: MapCredentials;
+    height?: number;
+    width?: number;
+    language?: string;
+    center?: Position;
+    zoom?: number;
+    boundingBox?: BoundingBox;
+    disableMapEvents?: boolean;
+    disableBehavior?: boolean;
+    disableZoomMomentum?: boolean;
+    eventListenerMap?: EventListenerMap;
+    hideMapSettings?: boolean;
+    hideClusterSettings?: boolean;
+    hideMapLayerSettings?: boolean;
+    mapType?: MapType;
+    mapLayer?: MapLayer[];
+    showCluster?: boolean;
+    showScaleBar?: boolean;
+    onMapTypeChange?: (type: MapType, previousType?: MapType) => void;
+    onMapLayerChange?: (activeLayer: MapLayer[], previousLayer?: MapLayer[]) => void;
+    onShowClusterChange?: (show: boolean) => void;
+    onZoomIn?: (zoom: number) => void;
+    onZoomOut?: (zoom: number) => void;
+    onIncidentsChange?: (incidentsResult: MapIncidents) => void;
+    mapSettingsTooltip?: string | React.ReactNode;
+    mapSettings?: React.ReactNode;
+    zoomAnimation?: boolean;
+    enableWebGL?: boolean;
+    enableDevicePixelRatio?: boolean;
+    pixelRatio?: number;
+    minZoom?: number;
+    maxZoom?: number;
+    children?: React.ReactNode | ((api: MapApi, incidents?: MapIncidents) => React.ReactNode);
+};
+export type MapApi = {
+    credentials?: MapCredentials;
+    defaultLayers?: H.service.DefaultLayers;
+    map?: H.Map;
+    mapEvents?: false | H.mapevents.MapEvents;
+    behavior?: false | H.mapevents.Behavior;
+    platform?: H.service.Platform;
+    ui?: H.ui.UI;
+    utils?: MapUtils;
+    group?: H.map.Group;
+    settings?: {
+        enableWebGL?: boolean;
+        baseLayer?: MapType;
+        activeLayers?: MapLayer[];
+        showCluster?: boolean;
+        minZoom?: number;
+        maxZoom?: number;
+    };
+};
+export type MapIncidents = {
+    sourceUpdated: string;
+    results: IncidentDataPoint[];
+};
+export type Incidents = {
+    sourceUpdated: string;
+    results: Incident[];
+};
+export type IncidentLocationPoint = {
+    length: number;
+    points: Position[];
+};
+export type IncidentLocationShape = {
+    links: IncidentLocationPoint[];
+};
+export type Incident = {
+    incidentDetails: IncidentDetails;
+    location: {
+        length: number;
+        shape: IncidentLocationShape;
+    };
+};
+export type IncidentDetails = {
+    id: string;
+    hrn: string;
+    originalId: string;
+    originalHrn: string;
+    startTime: string;
+    endTime: string;
+    entryTime: string;
+    roadClosed: boolean;
+    criticality: 'minor' | 'major' | 'critical';
+    type: 'roadClosure' | 'construction' | 'roadHazard' | 'other';
+    codes: number[];
+    comment: string | undefined;
+    description: {
+        value: string;
+        language?: string;
+    };
+    summary: {
+        value: string;
+        language?: string;
+    };
+    junctionTraversability: string;
+};
+export type IncidentDataPoint = {
+    id: string;
+    tooltipContent: string;
+    criticality: 'low' | 'minor' | 'major' | 'critical';
+    description: {
+        value: string;
+        language?: string;
+    };
+    summary: {
+        value: string;
+        language?: string;
+    };
+    comment: string | undefined;
+    type: 'accident' | 'construction' | 'congestion' | 'roadHazard' | 'roadClosure' | 'disabledVehicle' | 'massTransit' | 'plannedEvent' | 'weather' | 'laneRestriction' | 'other';
+    startTime: string;
+    endTime: string;
+    roadClosed: boolean;
+    position: Position;
+};
+export declare const markerColorOptions: readonly ["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"];
+export type MarkerColor = (typeof markerColorOptions)[number];
+export declare const markerColorMapping: Record<MarkerColor, string>;

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

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.markerColorMapping = exports.markerColorOptions = exports.MapLayerMap = exports.MapTypeMap = void 0;
+exports.MapTypeMap = {
+    TYPE_DEFAULT: 'DEFAULT',
+    TYPE_FLEET_STYLE: 'FLEET_STYLE',
+    TYPE_SATELLITE: 'SATELLITE',
+    TYPE_TERRAIN: 'TERRAIN',
+    TYPE_NIGHT: 'NIGHT',
+};
+exports.MapLayerMap = {
+    MAP_LAYER_INCIDENTS: 'INCIDENTS',
+    MAP_LAYER_TRAFFIC: 'TRAFFIC',
+    MAP_LAYER_ROAD_RESTRICTIONS: 'ROAD_RESTRICTIONS',
+};
+exports.markerColorOptions = [
+    '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',
+];
+exports.markerColorMapping = {
+    'bg-map-marker-asset': '--color-map-marker-asset',
+    'bg-map-marker-poi': '--color-map-marker-poi',
+    'bg-map-marker-geofence': '--color-map-marker-geofence',
+    'bg-map-marker-route': '--color-map-marker-route',
+    'bg-map-marker-info': '--color-map-marker-info',
+    'bg-map-marker-success': '--color-map-marker-success',
+    'bg-map-marker-warning': '--color-map-marker-warning',
+    'bg-map-marker-danger': '--color-map-marker-danger',
+    'bg-map-marker-restrictions': '--color-map-marker-restrictions',
+};

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

@@ -0,0 +1 @@
+export declare const getHereUi: (hereMap: H.Map, defaultLayers: H.service.DefaultLayers, showScaleBar: boolean, language: string) => H.ui.UI;

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

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getHereUi = void 0;
+const getSupportedUiLocale = (language) => {
+    const supportedLocales = [
+        'en-US',
+        'de-DE',
+        'es-ES',
+        'fi-FI',
+        'fr-FR',
+        'it-IT',
+        'nl-NL',
+        'pl-PL',
+        'pt-BR',
+        'pt-PT',
+        'ru-RU',
+        'tr-TR',
+        'zh-CN',
+    ];
+    return language ? supportedLocales.find(locale => locale.startsWith(language)) : undefined;
+};
+const getHereUi = (hereMap, defaultLayers, showScaleBar, language) => {
+    const hereUi = H.ui.UI.createDefault(hereMap, defaultLayers, getSupportedUiLocale(language));
+    if (hereUi) {
+        hereUi.getControl('scalebar').setVisibility(showScaleBar);
+        hereUi.getControl('scalebar').setAlignment(H.ui.LayoutAlignment.BOTTOM_LEFT);
+        hereUi.getControl('mapsettings').setVisibility(false);
+        hereUi.removeControl('zoom');
+    }
+    return hereUi;
+};
+exports.getHereUi = getHereUi;