@rio-cloud/rio-uikit 0.16.1-beta.21 → 0.16.1-beta.23

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

@@ -1,84 +1,51 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.NO_CREDENTIALS_ERROR_MESSAGE = void 0;
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _isFunction = _interopRequireDefault(require("lodash/fp/isFunction"));
-
 var _map = _interopRequireDefault(require("lodash/fp/map"));
-
 var _isEmpty = _interopRequireDefault(require("lodash/fp/isEmpty"));
-
 var _throttle = _interopRequireDefault(require("lodash/fp/throttle"));
-
 var _proptypes = _interopRequireDefault(require("../utils/proptypes"));
-
 var _addEventListener = _interopRequireDefault(require("../../../utils/addEventListener"));
-
 require("../herePolyfill");
-
 var _constants = require("./constants");
-
 var _ZoomButtons = _interopRequireDefault(require("./features/settings/ZoomButtons"));
-
 var _IncidentsLayer = _interopRequireDefault(require("./features/layers/IncidentsLayer"));
-
 var _TrafficLayer = _interopRequireDefault(require("./features/layers/TrafficLayer"));
-
 var _TruckLayer = _interopRequireDefault(require("./features/layers/TruckLayer"));
-
 var _DefaultLayer = _interopRequireDefault(require("./features/layers/baselayers/DefaultLayer"));
-
 var _FleetStyleLayer = _interopRequireDefault(require("./features/layers/baselayers/FleetStyleLayer"));
-
 var _SatelliteLayer = _interopRequireDefault(require("./features/layers/baselayers/SatelliteLayer"));
-
 var _TerrainLayer = _interopRequireDefault(require("./features/layers/baselayers/TerrainLayer"));
-
 var _eventHandling = require("../utils/eventHandling");
-
 var _context = require("./context");
-
 var _mapUtils = require("./mapUtils");
-
 var _PropTypes$shape;
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var NO_CREDENTIALS_ERROR_MESSAGE = 'Cannot instantiate PlainMap. Missing credentials property.';
 exports.NO_CREDENTIALS_ERROR_MESSAGE = NO_CREDENTIALS_ERROR_MESSAGE;
 var RESIZE_THROTTLE = 1100; // 100 more than the ApplicationLayout handler
 
 var getBounds = function getBounds(boundingBox) {
   var top = boundingBox.top,
-      left = boundingBox.left,
-      bottom = boundingBox.bottom,
-      right = boundingBox.right;
+    left = boundingBox.left,
+    bottom = boundingBox.bottom,
+    right = boundingBox.right;
   return new H.geo.Rect(top, left, bottom, right);
 };
-
 var getLayer = function getLayer(api, layer, language) {
   switch (layer) {
     case _constants.MAP_LAYER_TRAFFIC:
@@ -88,7 +55,6 @@ var getLayer = function getLayer(api, layer, language) {
         key: layer,
         layerIndex: 1
       });
-
     case _constants.MAP_LAYER_INCIDENTS:
       return /*#__PURE__*/_react["default"].createElement(_IncidentsLayer["default"], {
         api: api,
@@ -96,7 +62,6 @@ var getLayer = function getLayer(api, layer, language) {
         key: layer,
         layerIndex: 2
       });
-
     case _constants.MAP_LAYER_ROAD_RESTRICTIONS:
       return /*#__PURE__*/_react["default"].createElement(_TruckLayer["default"], {
         api: api,
@@ -104,12 +69,10 @@ var getLayer = function getLayer(api, layer, language) {
         key: layer,
         layerIndex: 3
       });
-
     default:
       null;
   }
 };
-
 var getBaseLayer = function getBaseLayer(api, baseLayer, language) {
   switch (baseLayer) {
     case _constants.MAP_TYPE_DEFAULT:
@@ -118,33 +81,28 @@ var getBaseLayer = function getBaseLayer(api, baseLayer, language) {
         language: language,
         key: baseLayer
       });
-
     case _constants.MAP_TYPE_FLEET_STYLE:
       return /*#__PURE__*/_react["default"].createElement(_FleetStyleLayer["default"], {
         api: api,
         language: language,
         key: baseLayer
       });
-
     case _constants.MAP_TYPE_SATELLITE:
       return /*#__PURE__*/_react["default"].createElement(_SatelliteLayer["default"], {
         api: api,
         language: language,
         key: baseLayer
       });
-
     case _constants.MAP_TYPE_TERRAIN:
       return /*#__PURE__*/_react["default"].createElement(_TerrainLayer["default"], {
         api: api,
         language: language,
         key: baseLayer
       });
-
     default:
       null;
   }
 };
-
 var enhanceChildren = function enhanceChildren(children, api) {
   return _react["default"].Children.map(children, function (child) {
     if (child) {
@@ -154,78 +112,66 @@ var enhanceChildren = function enhanceChildren(children, api) {
     }
   });
 };
-
 var getStyle = function getStyle(height, width) {
   var style = {};
-
   if (height) {
     style.height = height;
   }
-
   if (width) {
     style.width = width;
   }
-
   return style;
 };
-
 var Map = function Map(props) {
   var children = props.children,
-      credentials = props.credentials,
-      width = props.width,
-      height = props.height,
-      language = props.language,
-      center = props.center,
-      zoom = props.zoom,
-      zoomAnimation = props.zoomAnimation,
-      boundingBox = props.boundingBox,
-      hideClusterSettings = props.hideClusterSettings,
-      hideMapLayerSettings = props.hideMapLayerSettings,
-      disableMapEvents = props.disableMapEvents,
-      disableBehavior = props.disableBehavior,
-      eventListenerMap = props.eventListenerMap,
-      mapType = props.mapType,
-      mapLayer = props.mapLayer,
-      showScaleBar = props.showScaleBar,
-      onMapLayerChange = props.onMapLayerChange,
-      onMapTypeChange = props.onMapTypeChange,
-      onShowClusterChange = props.onShowClusterChange,
-      onZoomIn = props.onZoomIn,
-      onZoomOut = props.onZoomOut,
-      mapSettingsTooltip = props.mapSettingsTooltip,
-      mapSettings = props.mapSettings;
+    credentials = props.credentials,
+    width = props.width,
+    height = props.height,
+    language = props.language,
+    center = props.center,
+    zoom = props.zoom,
+    zoomAnimation = props.zoomAnimation,
+    boundingBox = props.boundingBox,
+    hideClusterSettings = props.hideClusterSettings,
+    hideMapLayerSettings = props.hideMapLayerSettings,
+    disableMapEvents = props.disableMapEvents,
+    disableBehavior = props.disableBehavior,
+    eventListenerMap = props.eventListenerMap,
+    mapType = props.mapType,
+    mapLayer = props.mapLayer,
+    showScaleBar = props.showScaleBar,
+    onMapLayerChange = props.onMapLayerChange,
+    onMapTypeChange = props.onMapTypeChange,
+    onShowClusterChange = props.onShowClusterChange,
+    onZoomIn = props.onZoomIn,
+    onZoomOut = props.onZoomOut,
+    mapSettingsTooltip = props.mapSettingsTooltip,
+    mapSettings = props.mapSettings;
   var mapRef = (0, _react.useRef)(null);
-
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      isMapInitialized = _useState2[0],
-      setMapInitialized = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    isMapInitialized = _useState2[0],
+    setMapInitialized = _useState2[1];
   var _useState3 = (0, _react.useState)(),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      herePlatform = _useState4[0],
-      setHerePlatform = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    herePlatform = _useState4[0],
+    setHerePlatform = _useState4[1];
   var _useState5 = (0, _react.useState)(),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      api = _useState6[0],
-      setApi = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    api = _useState6[0],
+    setApi = _useState6[1];
   var _useState7 = (0, _react.useState)(mapType),
-      _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-      baseLayer = _useState8[0],
-      setBaseLayer = _useState8[1];
-
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    baseLayer = _useState8[0],
+    setBaseLayer = _useState8[1];
   var _useState9 = (0, _react.useState)(mapLayer),
-      _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
-      activeLayers = _useState10[0],
-      setActiveLayers = _useState10[1];
-
+    _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
+    activeLayers = _useState10[0],
+    setActiveLayers = _useState10[1];
   var _useState11 = (0, _react.useState)(props.showCluster),
-      _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
-      showCluster = _useState12[0],
-      setShowCluster = _useState12[1];
-
+    _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
+    showCluster = _useState12[0],
+    setShowCluster = _useState12[1];
   (0, _react.useEffect)(function () {
     if (!herePlatform) {
       var platform = new H.service.Platform({
@@ -250,8 +196,9 @@ var Map = function Map(props) {
         pixelRatio: 1,
         // need to be set for better performence of legacy map
         engineType: H.map.render.RenderEngine.EngineType.P2D
-      }); // Add a resize listener to make sure that the map occupies the whole container
+      });
 
+      // Add a resize listener to make sure that the map occupies the whole container
       var resizeListener = (0, _addEventListener["default"])(window, 'resize', (0, _throttle["default"])(RESIZE_THROTTLE, function () {
         return newHereMap.getViewPort().resize();
       }));
@@ -261,21 +208,17 @@ var Map = function Map(props) {
       setMapInitialized(true);
       var newHereMapEvents = !disableMapEvents && new H.mapevents.MapEvents(newHereMap);
       var newHereBehavior = !disableMapEvents && !disableBehavior && new H.mapevents.Behavior(newHereMapEvents);
-
       if (newHereBehavior) {
         newHereBehavior.disable(H.mapevents.Behavior.Feature.FRACTIONAL_ZOOM);
       }
-
       (0, _eventHandling.addEventListenerMap)(newHereMap, eventListenerMap, newHereMap);
       var hereUi = H.ui.UI.createDefault(newHereMap, defaultLayers);
-
       if (hereUi) {
         hereUi.getControl('scalebar').setVisibility(showScaleBar);
         hereUi.getControl('scalebar').setAlignment('bottom-left');
         hereUi.getControl('mapsettings').setVisibility(false);
         hereUi.removeControl('zoom');
       }
-
       var newSettings = {
         baseLayer: baseLayer,
         mapLayer: activeLayers,
@@ -296,21 +239,18 @@ var Map = function Map(props) {
       return function () {
         if (newHereMap) {
           (0, _eventHandling.removeEventListenerMap)(newHereMap);
-
           if (newHereMapEvents) {
             newHereMapEvents.dispose();
           }
-
           if (resizeListener) {
             resizeListener.remove();
           }
-
           if (orientationChangeListener) {
             orientationChangeListener.remove();
-          } //console.log('Destroy map', newHereMap);
-
-
-          newHereMap.dispose(); // setTimeout(() => newHereMap.dispose(), 0);
+          }
+          //console.log('Destroy map', newHereMap);
+          newHereMap.dispose();
+          // setTimeout(() => newHereMap.dispose(), 0);
         }
       };
     }
@@ -318,9 +258,9 @@ var Map = function Map(props) {
   (0, _react.useEffect)(function () {
     if (api && boundingBox) {
       var top = boundingBox.top,
-          left = boundingBox.left,
-          bottom = boundingBox.bottom,
-          right = boundingBox.right;
+        left = boundingBox.left,
+        bottom = boundingBox.bottom,
+        right = boundingBox.right;
       api.map.getViewModel().setLookAtData({
         bounds: new H.geo.Rect(top, left, bottom, right)
       }, zoomAnimation);
@@ -336,7 +276,6 @@ var Map = function Map(props) {
       api.map.setCenter(center, zoomAnimation);
     }
   }, [center]);
-
   var handleMapTypeChange = function handleMapTypeChange(newMapType) {
     setBaseLayer(newMapType);
     onMapTypeChange(newMapType, mapType);
@@ -346,14 +285,12 @@ var Map = function Map(props) {
       })
     }));
   };
-
   var handleMapLayerChange = function handleMapLayerChange(layer) {
     var removeLayer = function removeLayer(layerToRemove) {
       return activeLayers.filter(function (item) {
         return item !== layerToRemove;
       });
     };
-
     var newActiveLayers = activeLayers.includes(layer) ? removeLayer(layer) : [].concat((0, _toConsumableArray2["default"])(activeLayers), [layer]);
     setActiveLayers(newActiveLayers);
     onMapLayerChange(newActiveLayers, activeLayers);
@@ -363,7 +300,6 @@ var Map = function Map(props) {
       })
     }));
   };
-
   var handleShowClusterChange = function handleShowClusterChange(newShowCluster) {
     setShowCluster(newShowCluster);
     onShowClusterChange(newShowCluster, showCluster);
@@ -373,31 +309,26 @@ var Map = function Map(props) {
       })
     }));
   };
-
   var handleZoomIn = function handleZoomIn() {
     var z = api.map.getZoom();
     var newZoom = z + 1;
     onZoomIn(newZoom, z);
     api.map.setZoom(newZoom, true);
   };
-
   var handleZoomOut = function handleZoomOut() {
     var z = api.map.getZoom();
     var newZoom = z - 1;
     onZoomOut(newZoom, z);
     api.map.setZoom(newZoom, true);
   };
-
   var renderChildren = function renderChildren() {
     if (!children) {
       return null;
     }
-
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: 'MapElements'
     }, (0, _isFunction["default"])(children) ? children(api) : enhanceChildren(children, api));
   };
-
   var style = getStyle(height, width);
   var autoHeightClass = (0, _isEmpty["default"])(style) ? 'height-100pct' : '';
   var hideZoomButtons = disableBehavior;
@@ -426,7 +357,6 @@ var Map = function Map(props) {
     return getLayer(api, layer, language);
   }, activeLayers), renderChildren()));
 };
-
 Map.TYPE_DEFAULT = _constants.MAP_TYPE_DEFAULT;
 Map.TYPE_FLEET_STYLE = _constants.MAP_TYPE_FLEET_STYLE;
 Map.TYPE_SATELLITE = _constants.MAP_TYPE_SATELLITE;

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

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MapSettingsContext = exports.MapContext = void 0;
-
 var _react = require("react");
-
 var MapContext = /*#__PURE__*/(0, _react.createContext)({});
 exports.MapContext = MapContext;
 var MapSettingsContext = /*#__PURE__*/(0, _react.createContext)({});

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

@@ -1,58 +1,50 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = require("react");
-
 var _isEmpty = _interopRequireDefault(require("lodash/fp/isEmpty"));
-
 var _context = require("../context");
-
 /* eslint-disable no-undef */
+
 var HERE_ITEM_CLASS = 'H_context_menu_item';
 var centeredSpinner = '<div class="flex-1-1 display-flex justify-content-center align-items-center"><div class="spinner"></div></div>';
-
 var getDOMMenuItems = function getDOMMenuItems() {
   return document.getElementsByClassName(HERE_ITEM_CLASS);
-}; // Query DOM nodes for "H_context_menu_item" and update label when children label has changed.
-// This function allows to use HTML markup for the menu items in the second render
-
+};
 
+// Query DOM nodes for "H_context_menu_item" and update label when children label has changed.
+// This function allows to use HTML markup for the menu items in the second render
 var updateMenuItemLabels = function updateMenuItemLabels() {
   var nodes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var items = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   setTimeout(function () {
     Array.from(nodes).forEach(function (itemNode, index) {
       var item = items[index];
-
       if (!item) {
         return;
       }
-
       var _item$props = item.props,
-          hasSpinner = _item$props.hasSpinner,
-          className = _item$props.className,
-          _item$props$labelClas = _item$props.labelClassName,
-          labelClassName = _item$props$labelClas === void 0 ? '' : _item$props$labelClas,
-          icon = _item$props.icon,
-          label = _item$props.label;
+        hasSpinner = _item$props.hasSpinner,
+        className = _item$props.className,
+        _item$props$labelClas = _item$props.labelClassName,
+        labelClassName = _item$props$labelClas === void 0 ? '' : _item$props$labelClas,
+        icon = _item$props.icon,
+        label = _item$props.label;
       var contentLabel = "<span class=\"".concat(labelClassName, "\">").concat(label, "</span>");
       var labelWithIcon = "<span class=\"rioglyph ".concat(icon, " margin-right-5\"></span>").concat(contentLabel);
       var content = icon ? labelWithIcon : contentLabel;
-
       if (hasSpinner) {
         itemNode.innerHTML = centeredSpinner;
       } else {
         itemNode.innerHTML = content;
       }
+      var wrapperClassList = itemNode.classList;
 
-      var wrapperClassList = itemNode.classList; // Since classList.add() does not allow for space separated multiple classes, we have to add them separately
-
+      // Since classList.add() does not allow for space separated multiple classes, we have to add them separately
       if (className) {
         className.split(' ').map(function (singleClassName) {
           return wrapperClassList.add(singleClassName);
@@ -61,48 +53,46 @@ var updateMenuItemLabels = function updateMenuItemLabels() {
     });
   }, 0);
 };
-
 var addItemsToEvent = function addItemsToEvent(items, event, map, targetPosition) {
-  var amount = items.length - 1; // Get geo coordinates from the screen coordinates or use a fixed set to be returned when
-  // clicking the menu item.
+  var amount = items.length - 1;
 
+  // Get geo coordinates from the screen coordinates or use a fixed set to be returned when
+  // clicking the menu item.
   var coord = targetPosition || map.screenToGeo(event.viewportX, event.viewportY);
   items.map(function (item, index) {
     if (!item) {
       return;
     }
-
     var _item$props2 = item.props,
-        label = _item$props2.label,
-        disabled = _item$props2.disabled,
-        _callback = _item$props2.callback;
+      label = _item$props2.label,
+      disabled = _item$props2.disabled,
+      _callback = _item$props2.callback;
     event.items.push(new H.util.ContextItem({
       label: label,
       disabled: disabled,
       callback: function callback() {
         return _callback(coord, map);
       }
-    })); // add separator but for last element
+    }));
 
+    // add separator but for last element
     if (index < amount) {
       event.items.push(H.util.ContextItem.SEPARATOR);
     }
   });
 };
-
 var ContextMenu = function ContextMenu(props) {
   var api = props.api,
-      onOpen = props.onOpen,
-      items = props.menuItems,
-      contextMenuEvent = props.contextMenuEvent,
-      targetPosition = props.targetPosition;
+    onOpen = props.onOpen,
+    items = props.menuItems,
+    contextMenuEvent = props.contextMenuEvent,
+    targetPosition = props.targetPosition;
   var mapContext = (0, _react.useContext)(_context.MapContext);
-
   var _ref = api || mapContext,
-      hereMap = _ref.map; // Use a ref to store the target position used when a map object was clicked with a fixed
-  // position to return that position in the onOpen callback instead of the dynamic map position
-
+    hereMap = _ref.map;
 
+  // Use a ref to store the target position used when a map object was clicked with a fixed
+  // position to return that position in the onOpen callback instead of the dynamic map position
   var targetPositionRef = (0, _react.useRef)();
   targetPositionRef.current = targetPosition;
   (0, _react.useLayoutEffect)(function () {
@@ -112,51 +102,48 @@ var ContextMenu = function ContextMenu(props) {
     if (contextMenuEvent && contextMenuEvent !== hereMap && (0, _isEmpty["default"])(contextMenuEvent.items)) {
       addItemsToEvent(items, contextMenuEvent, hereMap, targetPositionRef.current);
     }
-
     updateMenuItemLabels(getDOMMenuItems(), items);
   }, [items, contextMenuEvent, targetPositionRef.current]);
-
   var handleMapContextMenu = function handleMapContextMenu(event) {
     if (event.type !== 'contextmenu') {
       return;
-    } // "contextmenu" event might be triggered not only by a pointer,
+    }
+
+    // "contextmenu" event might be triggered not only by a pointer,
     // but a keyboard button as well. That's why ContextMenuEvent
     // doesn't have a "currentPointer" property.
     // Instead it has "viewportX" and "viewportY" properties
     // for the associates position.
-    // Reset previous target positions when the map was clicked
-
 
+    // Reset previous target positions when the map was clicked
     if (event.target === hereMap) {
       targetPositionRef.current = undefined;
-    } // Get geo coordinates from the screen coordinates.
-
+    }
 
+    // Get geo coordinates from the screen coordinates.
     var coord = targetPositionRef.current || hereMap.screenToGeo(event.viewportX, event.viewportY);
-    onOpen(coord); // As we already handle contextmenu event callback on map object separately,
-    // we don't do anything if target is different than the map.
+    onOpen(coord);
 
+    // As we already handle contextmenu event callback on map object separately,
+    // we don't do anything if target is different than the map.
     if (event.target !== hereMap) {
       return;
     }
-
     if (!items) {
       return;
     }
-
     if ((0, _isEmpty["default"])(event.items)) {
       addItemsToEvent(items, event, hereMap, targetPosition);
       updateMenuItemLabels(getDOMMenuItems(), items);
     }
-  }; // The contextmenu event handler has to be registered in any case to handle context menu events and to
-  // trigger the callback when the menu opens.
-
+  };
 
+  // The contextmenu event handler has to be registered in any case to handle context menu events and to
+  // trigger the callback when the menu opens.
   (0, _react.useLayoutEffect)(function () {
     if (!hereMap) {
       return;
     }
-
     hereMap.addEventListener('contextmenu', handleMapContextMenu);
     return function () {
       hereMap.removeEventListener('contextmenu', handleMapContextMenu);
@@ -164,6 +151,5 @@ var ContextMenu = function ContextMenu(props) {
   }, []);
   return null;
 };
-
 var _default = ContextMenu;
 exports["default"] = _default;

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

@@ -1,27 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 /* eslint-disable no-undef */
+
 var ContextMenuItem = function ContextMenuItem(props) {
   // Note: not all defined props are passed to the Here ContextItem are used in ContextMenu component
   var label = props.label,
-      disabled = props.disabled,
-      callback = props.callback;
+    disabled = props.disabled,
+    callback = props.callback;
   return new H.util.ContextItem({
     label: label,
     disabled: disabled,
     callback: callback
   });
 };
-
 ContextMenuItem.defaultProps = {
   label: '',
   disabled: false,