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

package/components/map/components/features/layers/clustering/ClusterLayer.js

@@ -1,38 +1,31 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
 /* eslint-disable no-undef */
 import { useContext, useState, useEffect, useLayoutEffect } from 'react';
 import PropTypes from 'prop-types';
 import mapProps from '../../../../utils/proptypes';
 import { MapContext } from '../../../context';
 import { useUpdateProp, useUpdateEventListenerMap } from '../../../../utils/hooks';
-
 var DEFAULT_DATA_CONVERTER = function DEFAULT_DATA_CONVERTER(d) {
   return new H.clustering.DataPoint(d.lat, d.lng, 1, d);
 };
-
 var convertData = function convertData(data, converterFunc) {
   return data.map(converterFunc ? converterFunc : DEFAULT_DATA_CONVERTER);
 };
-
 var DEFAULT_CLUSTER_THEME = new H.clustering.Provider([]).getTheme();
-
 var ClusterLayer = function ClusterLayer(_ref) {
   var data = _ref.data,
-      dataConverter = _ref.dataConverter,
-      minWeight = _ref.minWeight,
-      minZoom = _ref.minZoom,
-      maxZoom = _ref.maxZoom,
-      _ref$clusterTheme = _ref.clusterTheme,
-      clusterTheme = _ref$clusterTheme === void 0 ? DEFAULT_CLUSTER_THEME : _ref$clusterTheme,
-      eventListenerMap = _ref.eventListenerMap;
+    dataConverter = _ref.dataConverter,
+    minWeight = _ref.minWeight,
+    minZoom = _ref.minZoom,
+    maxZoom = _ref.maxZoom,
+    _ref$clusterTheme = _ref.clusterTheme,
+    clusterTheme = _ref$clusterTheme === void 0 ? DEFAULT_CLUSTER_THEME : _ref$clusterTheme,
+    eventListenerMap = _ref.eventListenerMap;
   var context = useContext(MapContext);
-
   var _useState = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      provider = _useState2[0],
-      setProvider = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    provider = _useState2[0],
+    setProvider = _useState2[1];
   useEffect(function () {
     var newProviderOptions = {
       clusteringOptions: {
@@ -55,8 +48,9 @@ var ClusterLayer = function ClusterLayer(_ref) {
       objectLayer.dispose();
       newProvider.dispose();
     };
-  }, [minWeight, minZoom, maxZoom]); // Effect to update data points of provider
+  }, [minWeight, minZoom, maxZoom]);
 
+  // Effect to update data points of provider
   useLayoutEffect(function () {
     if (provider) {
       provider.setDataPoints(convertData(data, dataConverter));
@@ -66,7 +60,6 @@ var ClusterLayer = function ClusterLayer(_ref) {
   useUpdateEventListenerMap(provider, eventListenerMap, context.map);
   return null;
 };
-
 ClusterLayer.propTpyes = {
   data: PropTypes.array.isRequired,
   dataConverter: PropTypes.func,

package/components/map/components/features/layers/clustering/SimpleClusterLayer.js

@@ -1,27 +1,20 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["simpleTheme"];
-
 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) { _defineProperty(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; }
-
 import React from 'react';
 import mapProps from '../../../../utils/proptypes';
 import ClusterLayer from './ClusterLayer';
 import { wrapSimpleTheme } from '../../../../utils/clustering';
-
 var SimpleClusterLayer = function SimpleClusterLayer(props) {
   var simpleTheme = props.simpleTheme,
-      rest = _objectWithoutProperties(props, _excluded);
-
+    rest = _objectWithoutProperties(props, _excluded);
   var newProps = _objectSpread({
     clusterTheme: simpleTheme && wrapSimpleTheme(simpleTheme)
   }, rest);
-
   return /*#__PURE__*/React.createElement(ClusterLayer, newProps);
 };
-
 SimpleClusterLayer.propTypes = {
   simpleTheme: mapProps.clusterTheme
 };

package/components/map/components/features/settings/MapSettingsItem.js

@@ -2,13 +2,12 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import classNames from 'classnames';
 import getOr from 'lodash/fp/getOr';
-
 var MapSettingsItem = function MapSettingsItem(props) {
   var onClick = props.onClick,
-      activeIcon = props.activeIcon,
-      inactiveIcon = props.inactiveIcon,
-      isActive = props.isActive,
-      className = props.className;
+    activeIcon = props.activeIcon,
+    inactiveIcon = props.inactiveIcon,
+    isActive = props.isActive,
+    className = props.className;
   var activeIconClassNames = classNames('hover-scale-110', isActive ? 'display-block' : 'display-none', getOr('', 'props.className')(activeIcon));
   var inactiveIconClassNames = classNames('hover-scale-110', isActive ? 'display-none' : 'display-block', getOr('', 'props.className')(inactiveIcon));
   return /*#__PURE__*/React.createElement("div", {
@@ -20,7 +19,6 @@ var MapSettingsItem = function MapSettingsItem(props) {
     className: inactiveIconClassNames
   }));
 };
-
 MapSettingsItem.defaultProps = {
   isActive: false,
   className: '',

package/components/map/components/features/settings/MapSettingsPanel.js

@@ -1,16 +1,14 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-
 var MapSettingsPanel = function MapSettingsPanel(props) {
   var children = props.children,
-      className = props.className;
+    className = props.className;
   var panelClassNames = classNames('MapSettingsPanel', className);
   return /*#__PURE__*/React.createElement("div", {
     className: panelClassNames
   }, children);
 };
-
 MapSettingsPanel.defaultProps = {
   className: ''
 };

package/components/map/components/features/settings/MapSettingsTile.js

@@ -8,7 +8,6 @@ import classNames from 'classnames';
 import getOr from 'lodash/fp/getOr';
 import OverlayTrigger from '../../../../overlay/OverlayTrigger';
 import Tooltip from '../../../../tooltip/Tooltip';
-
 var getComponentWithTooltip = function getComponentWithTooltip(component, tooltip) {
   return /*#__PURE__*/React.createElement(OverlayTrigger, {
     placement: Tooltip.TOP,
@@ -19,32 +18,27 @@ var getComponentWithTooltip = function getComponentWithTooltip(component, toolti
     }, tooltip)
   }, component);
 };
-
 var MapSettingsTile = function MapSettingsTile(props) {
   var onToggle = props.onToggle,
-      activeIcon = props.activeIcon,
-      inactiveIcon = props.inactiveIcon,
-      isActive = props.isActive,
-      panel = props.panel,
-      className = props.className,
-      buttonClassName = props.buttonClassName,
-      tooltip = props.tooltip,
-      remainingProps = _objectWithoutProperties(props, _excluded);
-
+    activeIcon = props.activeIcon,
+    inactiveIcon = props.inactiveIcon,
+    isActive = props.isActive,
+    panel = props.panel,
+    className = props.className,
+    buttonClassName = props.buttonClassName,
+    tooltip = props.tooltip,
+    remainingProps = _objectWithoutProperties(props, _excluded);
   var buttonRef = /*#__PURE__*/createRef();
-
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isOpen = _useState2[0],
-      setIsOpen = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
   var handleToggle = function handleToggle() {
     var newState = !isOpen;
     setIsOpen(newState);
     onToggle(newState);
     buttonRef.current.blur();
   };
-
   var wrapperClasses = classNames('MapSettingsTile', className);
   var buttonClasses = classNames('MapSettingsButton', buttonClassName);
   var activeIconClassNames = classNames('hover-scale-110', isActive ? 'display-block' : 'display-none', getOr('', 'props.className')(activeIcon));
@@ -64,7 +58,6 @@ var MapSettingsTile = function MapSettingsTile(props) {
     ref: buttonRef
   }, remainingProps), tooltip ? getComponentWithTooltip(button, tooltip) : button, isOpen && panel && panel);
 };
-
 MapSettingsTile.defaultProps = {
   className: '',
   buttonClassName: '',

package/components/map/components/features/settings/ZoomButtons.js

@@ -2,10 +2,9 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { MapIcon, ZOOM_IN, ZOOM_OUT } from '../../../icons/MapIcon';
 import classNames from 'classnames';
-
 var ZoomButtons = function ZoomButtons(_ref) {
   var onZoomIn = _ref.onZoomIn,
-      onZoomOut = _ref.onZoomOut;
+    onZoomOut = _ref.onZoomOut;
   var buttonClasses = classNames('ZoomButtons');
   return /*#__PURE__*/React.createElement("div", {
     className: buttonClasses
@@ -29,7 +28,6 @@ var ZoomButtons = function ZoomButtons(_ref) {
     width: 16
   })));
 };
-
 ZoomButtons.propTypes = {
   onZoomIn: PropTypes.func,
   onZoomOut: PropTypes.func

package/components/map/components/features/settings/builtinSettings/MapClusterSettings.js

@@ -7,18 +7,15 @@ import MapSettingsPanel from '../MapSettingsPanel';
 import MapSettingsItem from '../MapSettingsItem';
 import MapSettingsTile from '../MapSettingsTile';
 import { MapIcon, CLUSTER_ACTIVE, CLUSTER_INACTIVE, NO_CLUSTER_ACTIVE, NO_CLUSTER_INACTIVE } from '../../../../icons/MapIcon';
-
 var MapClusterSettings = function MapClusterSettings(props) {
   var showCluster = props.showCluster,
-      onShowClusterChange = props.onShowClusterChange,
-      onToggle = props.onToggle,
-      remainingProps = _objectWithoutProperties(props, _excluded);
-
+    onShowClusterChange = props.onShowClusterChange,
+    onToggle = props.onToggle,
+    remainingProps = _objectWithoutProperties(props, _excluded);
   var handleShowCluster = function handleShowCluster(setShowCluster) {
     onShowClusterChange(setShowCluster);
     onToggle(setShowCluster);
   };
-
   return /*#__PURE__*/React.createElement(MapSettingsTile, _extends({
     className: "MapClusterSettings",
     isActive: showCluster,
@@ -57,7 +54,6 @@ var MapClusterSettings = function MapClusterSettings(props) {
     }))
   }, remainingProps));
 };
-
 MapClusterSettings.displayName = 'MapClusterSettings';
 MapClusterSettings.defaultProps = {
   onShowClusterChange: function onShowClusterChange() {},

package/components/map/components/features/settings/builtinSettings/MapLayerSettings.js

@@ -11,14 +11,12 @@ import { getKeyOrDefault } from '../../../../utils/validation';
 import MapSettingsPanel from '../MapSettingsPanel';
 import MapSettingsTile from '../MapSettingsTile';
 import { MapIcon, LAYER_ACTIVE, LAYER_INACTIVE } from '../../../../icons/MapIcon';
-
 var MapLayerSettings = function MapLayerSettings(props) {
   var activeBuiltinLayers = props.activeBuiltinLayers,
-      activeLayers = props.activeLayers,
-      onMapLayerChange = props.onMapLayerChange,
-      layers = props.layers,
-      remainingProps = _objectWithoutProperties(props, _excluded);
-
+    activeLayers = props.activeLayers,
+    onMapLayerChange = props.onMapLayerChange,
+    layers = props.layers,
+    remainingProps = _objectWithoutProperties(props, _excluded);
   var allActiveLayer = union(activeBuiltinLayers, activeLayers);
   return /*#__PURE__*/React.createElement(MapSettingsTile, _extends({
     className: "MapLayerSettings",
@@ -40,7 +38,6 @@ var MapLayerSettings = function MapLayerSettings(props) {
     }, layers))
   }, remainingProps));
 };
-
 MapLayerSettings.displayName = 'MapLayerSettings';
 MapLayerSettings.defaultProps = {
   onMapLayerChange: function onMapLayerChange() {},

package/components/map/components/features/settings/builtinSettings/MapTypeSettings.js

@@ -8,12 +8,10 @@ import MapSettingsPanel from '../MapSettingsPanel';
 import MapSettingsItem from '../MapSettingsItem';
 import MapSettingsTile from '../MapSettingsTile';
 import { MapIcon, MAP_TYPE_FLAT_ACTIVE, MAP_TYPE_FLAT_INACTIVE, MAP_TYPE_FLAT_TRUCK_ACTIVE, MAP_TYPE_FLAT_TRUCK_INACTIVE, MAP_TYPE_SATELITE_ACTIVE, MAP_TYPE_SATELITE_INACTIVE, MAP_TYPE_TERRAIN_ACTIVE, MAP_TYPE_TERRAIN_INACTIVE } from '../../../../icons/MapIcon';
-
 var MapTypeSettings = function MapTypeSettings(props) {
   var mapType = props.mapType,
-      onMapTypeChange = props.onMapTypeChange,
-      remainingProps = _objectWithoutProperties(props, _excluded);
-
+    onMapTypeChange = props.onMapTypeChange,
+    remainingProps = _objectWithoutProperties(props, _excluded);
   var type = useMemo(function () {
     return {
       isDefault: mapType === MAP_TYPE_DEFAULT,
@@ -22,33 +20,28 @@ var MapTypeSettings = function MapTypeSettings(props) {
       isSatellite: mapType === MAP_TYPE_SATELLITE
     };
   }, [mapType]);
-
   var getIcon = function getIcon(currentType) {
     if (currentType.isDefault) {
       return /*#__PURE__*/React.createElement(MapIcon, {
         name: MAP_TYPE_FLAT_INACTIVE
       });
     }
-
     if (currentType.isFleetStyle) {
       return /*#__PURE__*/React.createElement(MapIcon, {
         name: MAP_TYPE_FLAT_TRUCK_INACTIVE
       });
     }
-
     if (currentType.isTerrain) {
       return /*#__PURE__*/React.createElement(MapIcon, {
         name: MAP_TYPE_TERRAIN_INACTIVE
       });
     }
-
     if (currentType.isSatellite) {
       return /*#__PURE__*/React.createElement(MapIcon, {
         name: MAP_TYPE_SATELITE_INACTIVE
       });
     }
   };
-
   return /*#__PURE__*/React.createElement(MapSettingsTile, _extends({
     className: "MapTypeSettings",
     inactiveIcon: getIcon(type),
@@ -103,7 +96,6 @@ var MapTypeSettings = function MapTypeSettings(props) {
     }))
   }, remainingProps));
 };
-
 MapTypeSettings.displayName = 'MapTypeSettings';
 MapTypeSettings.defaultProps = {
   onMapTypeChange: function onMapTypeChange() {}

package/components/map/components/features/settings/buttons/MapBoundingBoxButton.js

@@ -5,12 +5,10 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import MapSettingsTile from '../MapSettingsTile';
 import { MapIcon, BOUNDING_BOX_ACTIVE, BOUNDING_BOX_INACTIVE } from '../../../../icons/MapIcon';
-
 var MapBoundingBoxButton = function MapBoundingBoxButton(props) {
   var isActive = props.isActive,
-      onToggle = props.onToggle,
-      remainingProps = _objectWithoutProperties(props, _excluded);
-
+    onToggle = props.onToggle,
+    remainingProps = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/React.createElement(MapSettingsTile, _extends({
     className: "MapBoundingBoxButton",
     isActive: isActive,
@@ -25,7 +23,6 @@ var MapBoundingBoxButton = function MapBoundingBoxButton(props) {
     onToggle: onToggle
   }, remainingProps));
 };
-
 MapBoundingBoxButton.displayName = 'MapBoundingBoxButton';
 MapBoundingBoxButton.defaultProps = {
   isActive: false

package/components/map/components/features/settings/buttons/MapCenterMarkerButton.js

@@ -5,12 +5,10 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import MapSettingsTile from '../MapSettingsTile';
 import { MapIcon, CENTER_MARKER_ACTIVE, CENTER_MARKER_INACTIVE } from '../../../../icons/MapIcon';
-
 var MapCenterMarkerButton = function MapCenterMarkerButton(props) {
   var isActive = props.isActive,
-      onToggle = props.onToggle,
-      remainingProps = _objectWithoutProperties(props, _excluded);
-
+    onToggle = props.onToggle,
+    remainingProps = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/React.createElement(MapSettingsTile, _extends({
     className: "MapCenterMarkerButton",
     isActive: isActive,
@@ -25,7 +23,6 @@ var MapCenterMarkerButton = function MapCenterMarkerButton(props) {
     onToggle: onToggle
   }, remainingProps));
 };
-
 MapCenterMarkerButton.displayName = 'MapCenterMarkerButton';
 MapCenterMarkerButton.defaultProps = {
   isActive: false

package/components/map/components/features/settings/buttons/MapLockMarkerButton.js

@@ -5,12 +5,10 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import MapSettingsTile from '../MapSettingsTile';
 import { MapIcon, LOCK_ACTIVE, LOCK_INACTIVE } from '../../../../icons/MapIcon';
-
 var MapLockMarkerButton = function MapLockMarkerButton(props) {
   var isActive = props.isActive,
-      onToggle = props.onToggle,
-      remainingProps = _objectWithoutProperties(props, _excluded);
-
+    onToggle = props.onToggle,
+    remainingProps = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/React.createElement(MapSettingsTile, _extends({
     className: "MapLockMarkerButton",
     isActive: isActive,
@@ -25,7 +23,6 @@ var MapLockMarkerButton = function MapLockMarkerButton(props) {
     onToggle: onToggle
   }, remainingProps));
 };
-
 MapLockMarkerButton.displayName = 'MapLockMarkerButton';
 MapLockMarkerButton.defaultProps = {
   isActive: false

package/components/map/components/features/settings/items/MapCustomerPoiSettingsItem.js

@@ -5,16 +5,13 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import MapSettingsItem from '../MapSettingsItem';
 import { MapIcon, SYSTEM_POIS_ACTIVE, SYSTEM_POIS_INACTIVE } from '../../../../icons/MapIcon';
-
 var MapCustomerPoiSettingsItem = function MapCustomerPoiSettingsItem(props) {
   var isActive = props.isActive,
-      onToggle = props.onToggle,
-      remainingProps = _objectWithoutProperties(props, _excluded);
-
+    onToggle = props.onToggle,
+    remainingProps = _objectWithoutProperties(props, _excluded);
   var handleToggle = function handleToggle(setIsShown) {
     return onToggle(setIsShown);
   };
-
   return /*#__PURE__*/React.createElement(MapSettingsItem, _extends({
     className: "MapCustomerPoi",
     onClick: function onClick() {
@@ -31,7 +28,6 @@ var MapCustomerPoiSettingsItem = function MapCustomerPoiSettingsItem(props) {
     })
   }, remainingProps));
 };
-
 MapCustomerPoiSettingsItem.displayName = 'MapCustomerPoiSettingsItem';
 MapCustomerPoiSettingsItem.defaultProps = {
   isActive: false,

package/components/map/components/features/settings/items/MapLayerIncidentsItem.js

@@ -6,18 +6,15 @@ import PropTypes from 'prop-types';
 import { MAP_LAYER_INCIDENTS } from '../../../constants';
 import MapSettingsItem from '../MapSettingsItem';
 import { MapIcon, CONSTRUCTION_ACTIVE, CONSTRUCTION_INACTIVE } from '../../../../icons/MapIcon';
-
 var MapLayerIncidentsItem = function MapLayerIncidentsItem(props) {
   var activeBuiltinLayers = props.activeBuiltinLayers,
-      onMapLayerChange = props.onMapLayerChange,
-      onToggle = props.onToggle,
-      remainingProps = _objectWithoutProperties(props, _excluded);
-
+    onMapLayerChange = props.onMapLayerChange,
+    onToggle = props.onToggle,
+    remainingProps = _objectWithoutProperties(props, _excluded);
   var handleToggle = function handleToggle() {
     onMapLayerChange(MAP_LAYER_INCIDENTS);
     onToggle();
   };
-
   return /*#__PURE__*/React.createElement(MapSettingsItem, _extends({
     className: "MapLayerIncidents",
     onClick: handleToggle,
@@ -30,7 +27,6 @@ var MapLayerIncidentsItem = function MapLayerIncidentsItem(props) {
     })
   }, remainingProps));
 };
-
 MapLayerIncidentsItem.displayName = 'MapLayerIncidentsItem';
 MapLayerIncidentsItem.defaultProps = {
   activeBuiltinLayers: [],

package/components/map/components/features/settings/items/MapLayerRoadRestrictionsItem.js

@@ -6,18 +6,15 @@ import PropTypes from 'prop-types';
 import { MAP_LAYER_ROAD_RESTRICTIONS } from '../../../constants';
 import MapSettingsItem from '../MapSettingsItem';
 import { MapIcon, ROAD_RESTRICTIONS_ACTIVE, ROAD_RESTRICTIONS_INACTIVE } from '../../../../icons/MapIcon';
-
 var MapLayerRoadRestrictionsItem = function MapLayerRoadRestrictionsItem(props) {
   var activeBuiltinLayers = props.activeBuiltinLayers,
-      onMapLayerChange = props.onMapLayerChange,
-      onToggle = props.onToggle,
-      remainingProps = _objectWithoutProperties(props, _excluded);
-
+    onMapLayerChange = props.onMapLayerChange,
+    onToggle = props.onToggle,
+    remainingProps = _objectWithoutProperties(props, _excluded);
   var handleToggle = function handleToggle() {
     onMapLayerChange(MAP_LAYER_ROAD_RESTRICTIONS);
     onToggle();
   };
-
   return /*#__PURE__*/React.createElement(MapSettingsItem, _extends({
     className: "MapLayerRoadRestrictions",
     onClick: handleToggle,
@@ -30,7 +27,6 @@ var MapLayerRoadRestrictionsItem = function MapLayerRoadRestrictionsItem(props)
     })
   }, remainingProps));
 };
-
 MapLayerRoadRestrictionsItem.displayName = 'MapLayerRoadRestrictionsItem';
 MapLayerRoadRestrictionsItem.defaultProps = {
   activeBuiltinLayers: [],

package/components/map/components/features/settings/items/MapLayerTrafficItem.js

@@ -6,18 +6,15 @@ import PropTypes from 'prop-types';
 import { MAP_LAYER_TRAFFIC } from '../../../constants';
 import MapSettingsItem from '../MapSettingsItem';
 import { MapIcon, TRAFFIC_ACTIVE, TRAFFIC_INACTIVE } from '../../../../icons/MapIcon';
-
 var MapLayerTrafficItem = function MapLayerTrafficItem(props) {
   var activeBuiltinLayers = props.activeBuiltinLayers,
-      onMapLayerChange = props.onMapLayerChange,
-      onToggle = props.onToggle,
-      remainingProps = _objectWithoutProperties(props, _excluded);
-
+    onMapLayerChange = props.onMapLayerChange,
+    onToggle = props.onToggle,
+    remainingProps = _objectWithoutProperties(props, _excluded);
   var handleToggle = function handleToggle() {
     onMapLayerChange(MAP_LAYER_TRAFFIC);
     onToggle();
   };
-
   return /*#__PURE__*/React.createElement(MapSettingsItem, _extends({
     className: "MapLayerTraffic",
     onClick: handleToggle,
@@ -30,7 +27,6 @@ var MapLayerTrafficItem = function MapLayerTrafficItem(props) {
     })
   }, remainingProps));
 };
-
 MapLayerTrafficItem.displayName = 'MapLayerTrafficItem';
 MapLayerTrafficItem.defaultProps = {
   activeBuiltinLayers: [],

package/components/map/components/features/settings/items/MapWorkshopPoiSettingsItem.js

@@ -5,16 +5,13 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import MapSettingsItem from '../MapSettingsItem';
 import { MapIcon, WORKSHOP_POIS_ACTIVE, WORKSHOP_POIS_INACTIVE } from '../../../../icons/MapIcon';
-
 var MapWorkshopPoiSettingsItem = function MapWorkshopPoiSettingsItem(props) {
   var isActive = props.isActive,
-      onToggle = props.onToggle,
-      remainingProps = _objectWithoutProperties(props, _excluded);
-
+    onToggle = props.onToggle,
+    remainingProps = _objectWithoutProperties(props, _excluded);
   var handleToggle = function handleToggle(setIsShown) {
     return onToggle(setIsShown);
   };
-
   return /*#__PURE__*/React.createElement(MapSettingsItem, _extends({
     className: "MapWorkshopPoi",
     onClick: function onClick() {
@@ -31,7 +28,6 @@ var MapWorkshopPoiSettingsItem = function MapWorkshopPoiSettingsItem(props) {
     })
   }, remainingProps));
 };
-
 MapWorkshopPoiSettingsItem.displayName = 'MapWorkshopPoiSettingsItem';
 MapWorkshopPoiSettingsItem.defaultProps = {
   isActive: false,

package/components/map/components/mapUtils.js

@@ -4,101 +4,77 @@ import flatMap from 'lodash/fp/flatMap';
 import filter from 'lodash/fp/filter';
 import flow from 'lodash/fp/flow';
 import first from 'lodash/fp/first';
-
 var latLngFilterFunction = function latLngFilterFunction(lat, lng) {
   return function (obj) {
     return obj.getGeometry && obj.getGeometry().lat === lat && obj.getGeometry().lng === lng;
   };
 };
-
 var typeFilterFunction = function typeFilterFunction(hereType) {
   return function (obj) {
     return obj instanceof hereType;
   };
 };
-
 var markerFilterFunction = typeFilterFunction(H.map.AbstractMarker);
 var groupFilterFunction = typeFilterFunction(H.map.Group);
 var polylineFilterFunction = typeFilterFunction(H.map.Polyline);
-
 var getMarkerIconClassName = function getMarkerIconClassName(domMarker) {
   return domMarker.getIcon().c.className;
 };
-
 var getPosition = function getPosition(marker) {
   return marker.getGeometry();
 };
-
 var getLatLngAltArray = function getLatLngAltArray(polyline) {
   return polyline.getGeometry().getLatLngAltArray();
 };
-
 var getObjectType = function getObjectType(hereObject) {
   if (hereObject instanceof H.map.Group) {
     return 'H.map.Group';
   }
-
   if (hereObject instanceof H.map.DomMarker) {
     return 'H.map.DomMarker';
   }
-
   if (hereObject instanceof H.map.Marker) {
     return 'H.map.Marker';
   }
-
   if (hereObject instanceof H.map.AbstractMarker) {
     return 'H.map.AbstractMarker';
   }
-
   if (hereObject instanceof H.map.Polyline) {
     return 'H.map.Polyline';
   }
-
   if (hereObject instanceof H.map.Rect) {
     return 'H.map.Rect';
   }
-
   if (hereObject instanceof H.map.Circle) {
     return 'H.map.Circle';
   }
-
   if (hereObject instanceof H.map.Polygon) {
     return 'H.map.Polygon';
   }
-
   return 'H.map.Object';
 };
-
 var getObjectTypes = map(getObjectType);
-
 var getLayerType = function getLayerType(hereLayer) {
   if (hereLayer instanceof H.map.layer.BaseTileLayer) {
     return 'H.map.layer.BaseTileLayer';
   }
-
   if (hereLayer instanceof H.map.layer.MarkerTileLayer) {
     return 'H.map.layer.MarkerTileLayer';
   }
-
   if (hereLayer instanceof H.map.layer.TileLayer) {
     return 'H.map.layer.TileLayer';
   }
-
   if (hereLayer instanceof H.map.layer.CanvasLayer) {
     return 'H.map.layer.CanvasLayer';
   }
-
   if (hereLayer instanceof H.map.layer.DomLayer) {
     return 'H.map.layer.DomLayer';
   }
-
   if (hereLayer instanceof H.map.layer.ObjectLayer) {
     return 'H.map.layer.ObjectLayer';
   }
-
   return 'H.map.layer.Layer';
 };
-
 var getLayerTypes = map(getLayerType);
 export var createUtils = function createUtils(mapApi) {
   return {
@@ -132,8 +108,7 @@ export var createUtils = function createUtils(mapApi) {
     },
     getBounds: function getBounds() {
       var _mapApi$getViewModel$ = mapApi.getViewModel().getLookAtData(),
-          bounds = _mapApi$getViewModel$.bounds;
-
+        bounds = _mapApi$getViewModel$.bounds;
       return {
         topLeft: {
           lng: bounds.getTopLeft().lng,