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

package/components/listMenu/ListMenu.js

@@ -3,11 +3,8 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["menuItems", "focusFilter", "enableFilter", "filterPlaceholder", "notFoundMessage", "className", "groupClassName", "responsive", "autoClose", "filterKey"];
-
 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, { useLayoutEffect, useRef, useState } from 'react';
 import PropTypes from 'prop-types';
 import isEmpty from 'lodash/fp/isEmpty';
@@ -15,18 +12,18 @@ import debounce from 'lodash/fp/debounce';
 import classNames from 'classnames';
 import useEffectOnce from '../../hooks/useEffectOnce';
 import ClearableInput from '../clearableInput/ClearableInput';
-import ExpanderPanel from '../expander/ExpanderPanel'; // @screen-ls: 480px;
+import ExpanderPanel from '../expander/ExpanderPanel';
+
+// @screen-ls: 480px;
 // @screen-sm: 768px;
 
 var RESIZE_THROTTELING = 10;
 var MOBILE_MAX_WIDTH = 580;
-
 var filterMenuItems = function filterMenuItems(items, value, filterKey) {
   return items.map(function (menuGroupItem) {
     var groupItems = menuGroupItem.navItems;
     var navItems = groupItems.filter(function (item) {
       var _item$filterKey;
-
       return (_item$filterKey = item[filterKey]) === null || _item$filterKey === void 0 ? void 0 : _item$filterKey.toLowerCase().includes(value.toLowerCase());
     });
     return _objectSpread(_objectSpread({}, menuGroupItem), {}, {
@@ -34,43 +31,36 @@ var filterMenuItems = function filterMenuItems(items, value, filterKey) {
     });
   });
 };
-
 var ListMenuHeader = function ListMenuHeader(_ref) {
   var group = _ref.group,
-      _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className,
-      groupNavItem = _ref.groupNavItem;
-
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    groupNavItem = _ref.groupNavItem;
   if (!group && !groupNavItem) {
     return null;
   }
-
   return /*#__PURE__*/React.createElement("li", {
     className: "ListMenuHeader"
   }, groupNavItem ? groupNavItem : /*#__PURE__*/React.createElement("span", {
     className: className
   }, group));
 };
-
 var ListMenuItem = function ListMenuItem(_ref2) {
   var disabled = _ref2.disabled,
-      _ref2$isSubItem = _ref2.isSubItem,
-      isSubItem = _ref2$isSubItem === void 0 ? false : _ref2$isSubItem,
-      children = _ref2.children;
+    _ref2$isSubItem = _ref2.isSubItem,
+    isSubItem = _ref2$isSubItem === void 0 ? false : _ref2$isSubItem,
+    children = _ref2.children;
   var classes = classNames(disabled && 'disabled', isSubItem && 'subitem');
   return /*#__PURE__*/React.createElement("li", {
     className: classes
   }, children);
 };
-
 var ListMenuGroup = function ListMenuGroup(_ref3) {
   var menuGroup = _ref3.menuGroup,
-      className = _ref3.className;
-
+    className = _ref3.className;
   if (!menuGroup.navItems.length) {
     return null;
   }
-
   return /*#__PURE__*/React.createElement("ul", {
     className: "ListMenuGroup ".concat(className)
   }, /*#__PURE__*/React.createElement(ListMenuHeader, menuGroup), menuGroup.navItems.map(function (item) {
@@ -81,56 +71,47 @@ var ListMenuGroup = function ListMenuGroup(_ref3) {
     }, item.item);
   }));
 };
-
 var NotFoundMessage = function NotFoundMessage(_ref4) {
   var notFoundMessage = _ref4.notFoundMessage;
   return /*#__PURE__*/React.createElement("div", {
     className: "padding-top-25 text-center text-color-gray"
   }, notFoundMessage);
 };
-
 var ListMenu = function ListMenu(props) {
   var menuItems = props.menuItems,
-      focusFilter = props.focusFilter,
-      enableFilter = props.enableFilter,
-      filterPlaceholder = props.filterPlaceholder,
-      notFoundMessage = props.notFoundMessage,
-      className = props.className,
-      groupClassName = props.groupClassName,
-      responsive = props.responsive,
-      autoClose = props.autoClose,
-      filterKey = props.filterKey,
-      remainingProps = _objectWithoutProperties(props, _excluded);
-
+    focusFilter = props.focusFilter,
+    enableFilter = props.enableFilter,
+    filterPlaceholder = props.filterPlaceholder,
+    notFoundMessage = props.notFoundMessage,
+    className = props.className,
+    groupClassName = props.groupClassName,
+    responsive = props.responsive,
+    autoClose = props.autoClose,
+    filterKey = props.filterKey,
+    remainingProps = _objectWithoutProperties(props, _excluded);
   var _useState = useState(''),
-      _useState2 = _slicedToArray(_useState, 2),
-      filterValue = _useState2[0],
-      setFilterValue = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    filterValue = _useState2[0],
+    setFilterValue = _useState2[1];
   var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      isMobileMode = _useState4[0],
-      setIsMobileMode = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    isMobileMode = _useState4[0],
+    setIsMobileMode = _useState4[1];
   var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      isExpanderOpen = _useState6[0],
-      setIsExpanderOpen = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    isExpanderOpen = _useState6[0],
+    setIsExpanderOpen = _useState6[1];
   var _useState7 = useState(''),
-      _useState8 = _slicedToArray(_useState7, 2),
-      mobileHeader = _useState8[0],
-      setMobileHeader = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    mobileHeader = _useState8[0],
+    setMobileHeader = _useState8[1];
   var inputRef = useRef();
   var listRef = useRef();
-
   var buildMobileHeader = function buildMobileHeader() {
     if (responsive && listRef.current) {
       var _listRef$current$getE = listRef.current.getElementsByClassName('active'),
-          _listRef$current$getE2 = _slicedToArray(_listRef$current$getE, 1),
-          activeElement = _listRef$current$getE2[0];
-
+        _listRef$current$getE2 = _slicedToArray(_listRef$current$getE, 1),
+        activeElement = _listRef$current$getE2[0];
       setMobileHeader( /*#__PURE__*/React.createElement("div", {
         className: "display-flex align-items-center"
       }, /*#__PURE__*/React.createElement("span", {
@@ -138,11 +119,9 @@ var ListMenu = function ListMenu(props) {
       }), /*#__PURE__*/React.createElement("span", null, activeElement && activeElement.innerText)));
     }
   };
-
   var handleMobileMode = function handleMobileMode() {
     return setIsMobileMode(window.innerWidth < MOBILE_MAX_WIDTH);
   };
-
   useEffectOnce(function () {
     var handleKeyDown = function handleKeyDown(event) {
       // clear on esc
@@ -150,7 +129,6 @@ var ListMenu = function ListMenu(props) {
         setFilterValue('');
       }
     };
-
     document.addEventListener('keydown', handleKeyDown);
     return function () {
       document.removeEventListener('keydown', handleKeyDown);
@@ -173,28 +151,22 @@ var ListMenu = function ListMenu(props) {
   useEffectOnce(function () {
     focusFilter && inputRef.current && inputRef.current.focus();
   });
-
   var handleClear = function handleClear() {
     return focusFilter && inputRef.current && inputRef.current.focus();
   };
-
   var handleFilterChange = function handleFilterChange(value) {
     return setFilterValue(value);
   };
-
   var hasMenuItems = function hasMenuItems(items) {
     return items.find(function (menuGroup) {
       return !isEmpty(menuGroup.navItems);
     });
   };
-
   var filteredMenuItems = filterMenuItems(menuItems, filterValue, filterKey);
-
   var handleExpanderBodyClick = function handleExpanderBodyClick(event) {
     var isListItem = event.target.parentElement.tagName.toLowerCase() === 'li';
     autoClose && isListItem && setIsExpanderOpen(false);
   };
-
   var formClassNames = classNames('form-group margin-bottom-5', 'padding-left-15', 'padding-right-15', 'padding-bottom-15', 'position-sticky', 'top-0');
   var listMenu = /*#__PURE__*/React.createElement("div", _extends({}, remainingProps, {
     className: "ListMenu ".concat(className),
@@ -223,7 +195,6 @@ var ListMenu = function ListMenu(props) {
       menuGroup: menuGroup
     });
   }));
-
   if (responsive && isMobileMode) {
     return /*#__PURE__*/React.createElement(ExpanderPanel, {
       title: mobileHeader,
@@ -239,10 +210,8 @@ var ListMenu = function ListMenu(props) {
       onClick: handleExpanderBodyClick
     }, listMenu));
   }
-
   return listMenu;
 };
-
 ListMenu.defaultProps = {
   menuItems: [],
   enableFilter: false,

package/components/loadMore/LoadMoreButton.js

@@ -7,13 +7,12 @@ import classNames from 'classnames';
 import { LoadMoreProgress } from './LoadMoreProgress';
 export var LoadMoreButton = function LoadMoreButton(props) {
   var loaded = props.loaded,
-      total = props.total,
-      onLoadMore = props.onLoadMore,
-      loadMoreMessage = props.loadMoreMessage,
-      noMoreMessage = props.noMoreMessage,
-      className = props.className,
-      remainingProps = _objectWithoutProperties(props, _excluded);
-
+    total = props.total,
+    onLoadMore = props.onLoadMore,
+    loadMoreMessage = props.loadMoreMessage,
+    noMoreMessage = props.noMoreMessage,
+    className = props.className,
+    remainingProps = _objectWithoutProperties(props, _excluded);
   var wrapperClassNames = classNames('LoadMoreButton', 'align-items-center', 'display-flex', 'justify-content-center', 'margin-top-25', 'margin-bottom-25', 'non-printable', className);
   var hasMoreToLoad = loaded > 0 && total > 0 && loaded !== total;
   return /*#__PURE__*/React.createElement("div", _extends({}, remainingProps, {

package/components/loadMore/LoadMoreProgress.js

@@ -2,12 +2,10 @@ import React from 'react';
 import PropTypes from 'prop-types';
 export var LoadMoreProgress = function LoadMoreProgress(_ref) {
   var loaded = _ref.loaded,
-      total = _ref.total;
-
+    total = _ref.total;
   if (!loaded || !total) {
     return null;
   }
-
   var width = "".concat(loaded / total * 100, "%");
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: 'text-center margin-bottom-3'

package/components/map/components/Map.js

@@ -1,14 +1,11 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
 var _PropTypes$shape;
-
 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; }
-
 /* eslint-disable no-undef, camelcase */
+
 import React, { useRef, useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import isFunction from 'lodash/fp/isFunction';
@@ -18,8 +15,8 @@ import throttle from 'lodash/fp/throttle';
 import mapProps from '../utils/proptypes';
 import addEventListener from '../../../utils/addEventListener';
 import '../herePolyfill';
-import { MAP_TYPE_DEFAULT, MAP_TYPE_FLEET_STYLE, MAP_TYPE_SATELLITE, MAP_TYPE_TERRAIN, MAP_LAYER_INCIDENTS, MAP_LAYER_TRAFFIC, MAP_LAYER_ROAD_RESTRICTIONS, TILE_SIZE, HIGH_RES_PPI } from './constants'; // import MapSettings from './features/old/MapSettings';
-
+import { MAP_TYPE_DEFAULT, MAP_TYPE_FLEET_STYLE, MAP_TYPE_SATELLITE, MAP_TYPE_TERRAIN, MAP_LAYER_INCIDENTS, MAP_LAYER_TRAFFIC, MAP_LAYER_ROAD_RESTRICTIONS, TILE_SIZE, HIGH_RES_PPI } from './constants';
+// import MapSettings from './features/old/MapSettings';
 import ZoomButtons from './features/settings/ZoomButtons';
 import IncidentsLayer from './features/layers/IncidentsLayer';
 import TrafficLayer from './features/layers/TrafficLayer';
@@ -36,12 +33,11 @@ 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 MAP_LAYER_TRAFFIC:
@@ -51,7 +47,6 @@ var getLayer = function getLayer(api, layer, language) {
         key: layer,
         layerIndex: 1
       });
-
     case MAP_LAYER_INCIDENTS:
       return /*#__PURE__*/React.createElement(IncidentsLayer, {
         api: api,
@@ -59,7 +54,6 @@ var getLayer = function getLayer(api, layer, language) {
         key: layer,
         layerIndex: 2
       });
-
     case MAP_LAYER_ROAD_RESTRICTIONS:
       return /*#__PURE__*/React.createElement(TruckLayer, {
         api: api,
@@ -67,12 +61,10 @@ var getLayer = function getLayer(api, layer, language) {
         key: layer,
         layerIndex: 3
       });
-
     default:
       null;
   }
 };
-
 var getBaseLayer = function getBaseLayer(api, baseLayer, language) {
   switch (baseLayer) {
     case MAP_TYPE_DEFAULT:
@@ -81,33 +73,28 @@ var getBaseLayer = function getBaseLayer(api, baseLayer, language) {
         language: language,
         key: baseLayer
       });
-
     case MAP_TYPE_FLEET_STYLE:
       return /*#__PURE__*/React.createElement(FleetStyleLayer, {
         api: api,
         language: language,
         key: baseLayer
       });
-
     case MAP_TYPE_SATELLITE:
       return /*#__PURE__*/React.createElement(SatelliteLayer, {
         api: api,
         language: language,
         key: baseLayer
       });
-
     case MAP_TYPE_TERRAIN:
       return /*#__PURE__*/React.createElement(TerrainLayer, {
         api: api,
         language: language,
         key: baseLayer
       });
-
     default:
       null;
   }
 };
-
 var enhanceChildren = function enhanceChildren(children, api) {
   return React.Children.map(children, function (child) {
     if (child) {
@@ -117,78 +104,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 = useRef(null);
-
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isMapInitialized = _useState2[0],
-      setMapInitialized = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    isMapInitialized = _useState2[0],
+    setMapInitialized = _useState2[1];
   var _useState3 = useState(),
-      _useState4 = _slicedToArray(_useState3, 2),
-      herePlatform = _useState4[0],
-      setHerePlatform = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    herePlatform = _useState4[0],
+    setHerePlatform = _useState4[1];
   var _useState5 = useState(),
-      _useState6 = _slicedToArray(_useState5, 2),
-      api = _useState6[0],
-      setApi = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    api = _useState6[0],
+    setApi = _useState6[1];
   var _useState7 = useState(mapType),
-      _useState8 = _slicedToArray(_useState7, 2),
-      baseLayer = _useState8[0],
-      setBaseLayer = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    baseLayer = _useState8[0],
+    setBaseLayer = _useState8[1];
   var _useState9 = useState(mapLayer),
-      _useState10 = _slicedToArray(_useState9, 2),
-      activeLayers = _useState10[0],
-      setActiveLayers = _useState10[1];
-
+    _useState10 = _slicedToArray(_useState9, 2),
+    activeLayers = _useState10[0],
+    setActiveLayers = _useState10[1];
   var _useState11 = useState(props.showCluster),
-      _useState12 = _slicedToArray(_useState11, 2),
-      showCluster = _useState12[0],
-      setShowCluster = _useState12[1];
-
+    _useState12 = _slicedToArray(_useState11, 2),
+    showCluster = _useState12[0],
+    setShowCluster = _useState12[1];
   useEffect(function () {
     if (!herePlatform) {
       var platform = new H.service.Platform({
@@ -213,8 +188,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 = addEventListener(window, 'resize', throttle(RESIZE_THROTTLE, function () {
         return newHereMap.getViewPort().resize();
       }));
@@ -224,21 +200,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);
       }
-
       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,
@@ -259,21 +231,18 @@ var Map = function Map(props) {
       return function () {
         if (newHereMap) {
           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);
         }
       };
     }
@@ -281,9 +250,9 @@ var Map = function Map(props) {
   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);
@@ -299,7 +268,6 @@ var Map = function Map(props) {
       api.map.setCenter(center, zoomAnimation);
     }
   }, [center]);
-
   var handleMapTypeChange = function handleMapTypeChange(newMapType) {
     setBaseLayer(newMapType);
     onMapTypeChange(newMapType, mapType);
@@ -309,14 +277,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(_toConsumableArray(activeLayers), [layer]);
     setActiveLayers(newActiveLayers);
     onMapLayerChange(newActiveLayers, activeLayers);
@@ -326,7 +292,6 @@ var Map = function Map(props) {
       })
     }));
   };
-
   var handleShowClusterChange = function handleShowClusterChange(newShowCluster) {
     setShowCluster(newShowCluster);
     onShowClusterChange(newShowCluster, showCluster);
@@ -336,31 +301,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.createElement("div", {
       className: 'MapElements'
     }, isFunction(children) ? children(api) : enhanceChildren(children, api));
   };
-
   var style = getStyle(height, width);
   var autoHeightClass = isEmpty(style) ? 'height-100pct' : '';
   var hideZoomButtons = disableBehavior;
@@ -389,7 +349,6 @@ var Map = function Map(props) {
     return getLayer(api, layer, language);
   }, activeLayers), renderChildren()));
 };
-
 Map.TYPE_DEFAULT = MAP_TYPE_DEFAULT;
 Map.TYPE_FLEET_STYLE = MAP_TYPE_FLEET_STYLE;
 Map.TYPE_SATELLITE = MAP_TYPE_SATELLITE;