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

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

@@ -4,43 +4,39 @@ import isEmpty from 'lodash/fp/isEmpty';
 import { MapContext } from '../context';
 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);
@@ -49,48 +45,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 = useContext(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 = useRef();
   targetPositionRef.current = targetPosition;
   useLayoutEffect(function () {
@@ -100,51 +94,48 @@ var ContextMenu = function ContextMenu(props) {
     if (contextMenuEvent && contextMenuEvent !== hereMap && isEmpty(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 (isEmpty(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.
   useLayoutEffect(function () {
     if (!hereMap) {
       return;
     }
-
     hereMap.addEventListener('contextmenu', handleMapContextMenu);
     return function () {
       hereMap.removeEventListener('contextmenu', handleMapContextMenu);
@@ -152,5 +143,4 @@ var ContextMenu = function ContextMenu(props) {
   }, []);
   return null;
 };
-
 export default ContextMenu;

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

@@ -1,18 +1,16 @@
 /* eslint-disable no-undef */
 import PropTypes from 'prop-types';
-
 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,

package/components/map/components/features/MapSettings.js

@@ -10,29 +10,25 @@ import MapTypeSettings from './settings/builtinSettings/MapTypeSettings';
 import MapLayerSettings from './settings/builtinSettings/MapLayerSettings';
 import MapClusterSettings from './settings/builtinSettings/MapClusterSettings';
 var getDisplayname = get('type.displayName');
-
 var isMapTypeSettings = function isMapTypeSettings(option) {
   return option.type === MapTypeSettings;
 };
-
 var isMapLayerSettings = function isMapLayerSettings(option) {
   return option.type === MapLayerSettings;
 };
-
 var isMapClusterSettings = function isMapClusterSettings(option) {
   return option.type === MapClusterSettings;
 };
-
 var MapSettings = function MapSettings(props) {
   var settingsContext = useContext(MapSettingsContext);
   var mapType = settingsContext.mapType,
-      activeBuiltinLayers = settingsContext.activeBuiltinLayers,
-      showCluster = settingsContext.showCluster,
-      onMapTypeChange = settingsContext.onMapTypeChange,
-      onMapLayerChange = settingsContext.onMapLayerChange,
-      onShowClusterChange = settingsContext.onShowClusterChange;
+    activeBuiltinLayers = settingsContext.activeBuiltinLayers,
+    showCluster = settingsContext.showCluster,
+    onMapTypeChange = settingsContext.onMapTypeChange,
+    onMapLayerChange = settingsContext.onMapLayerChange,
+    onShowClusterChange = settingsContext.onShowClusterChange;
   var options = props.options,
-      className = props.className;
+    className = props.className;
   var mapSettingsClasses = classNames('MapSettingsWrapper', className);
   return /*#__PURE__*/React.createElement("div", {
     className: mapSettingsClasses
@@ -44,7 +40,6 @@ var MapSettings = function MapSettings(props) {
         onMapTypeChange: onMapTypeChange
       });
     }
-
     if (isMapLayerSettings(option)) {
       return /*#__PURE__*/React.cloneElement(option, {
         key: getKeyOrDefault(getDisplayname(option), option),
@@ -52,7 +47,6 @@ var MapSettings = function MapSettings(props) {
         onMapLayerChange: onMapLayerChange
       });
     }
-
     if (isMapClusterSettings(option)) {
       return /*#__PURE__*/React.cloneElement(option, {
         key: getKeyOrDefault(getDisplayname(option), option),
@@ -60,13 +54,11 @@ var MapSettings = function MapSettings(props) {
         onShowClusterChange: onShowClusterChange
       });
     }
-
     return /*#__PURE__*/React.cloneElement(option, {
       key: getKeyOrDefault(uniqueId('MapSettingsOption_'), option)
     });
   }, options));
 };
-
 MapSettings.defaultProps = {
   showCluster: true,
   className: ''

package/components/map/components/features/Route.js

@@ -1,10 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 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 */
 import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
@@ -35,44 +32,37 @@ var defaultArrowStyle = {
   lineTailCap: 'arrow-tail',
   lineHeadCap: 'arrow-head'
 };
-
 var alternativeRouteStyle = _objectSpread(_objectSpread({}, defaultStyle), {}, {
   color: 'rgb(218,253,255)'
 });
-
 var Route = function Route(props) {
   var style = props.style,
-      isReduced = props.isReduced,
-      isRouteAlternative = props.isRouteAlternative,
-      positions = props.positions,
-      startIcon = props.startIcon,
-      middleIcon = props.middleIcon,
-      endIcon = props.endIcon,
-      arrowStyle = props.arrowStyle,
-      hasArrows = props.hasArrows,
-      markers = props.markers,
-      eventListenerMap = props.eventListenerMap;
-
+    isReduced = props.isReduced,
+    isRouteAlternative = props.isRouteAlternative,
+    positions = props.positions,
+    startIcon = props.startIcon,
+    middleIcon = props.middleIcon,
+    endIcon = props.endIcon,
+    arrowStyle = props.arrowStyle,
+    hasArrows = props.hasArrows,
+    markers = props.markers,
+    eventListenerMap = props.eventListenerMap;
   var _useState = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      lineString = _useState2[0],
-      setLineString = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    lineString = _useState2[0],
+    setLineString = _useState2[1];
   var _useState3 = useState(),
-      _useState4 = _slicedToArray(_useState3, 2),
-      routeStyle = _useState4[0],
-      setRouteStyle = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    routeStyle = _useState4[0],
+    setRouteStyle = _useState4[1];
   var _useState5 = useState(defaultStyle.borderColor),
-      _useState6 = _slicedToArray(_useState5, 2),
-      borderStyle = _useState6[0],
-      setBorderStyle = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    borderStyle = _useState6[0],
+    setBorderStyle = _useState6[1];
   var _useState7 = useState(defaultStyle.borderWidth),
-      _useState8 = _slicedToArray(_useState7, 2),
-      borderWidth = _useState8[0],
-      setBorderWidth = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    borderWidth = _useState8[0],
+    setBorderWidth = _useState8[1];
   useEffect(function () {
     updateGeometry(positions);
     updateStyle(style, isReduced, isRouteAlternative);
@@ -81,44 +71,35 @@ var Route = function Route(props) {
     updateGeometry(positions);
     updateStyle(style, isReduced, isRouteAlternative);
   }, [positions, style, isReduced, isRouteAlternative]);
-
   var updateGeometry = function updateGeometry(pos) {
     if (isEmpty(pos)) {
       throw new MapException(MISSING_POSITIONS_EXCEPTION_MSG);
     }
-    /* keep reference to shared geometry to prevent recalculation if other values than points change */
-
 
+    /* keep reference to shared geometry to prevent recalculation if other values than points change */
     var lineStringData = new H.geo.LineString();
     pos.forEach(function (singlePos) {
       return lineStringData.pushLatLngAlt(singlePos.lat, singlePos.lng);
     });
-
     if (pos.length === 1) {
       var _pos = _slicedToArray(pos, 1),
-          position = _pos[0];
-
+        position = _pos[0];
       lineStringData.pushLatLngAlt(position.lat, position.lng);
     }
-
     setLineString(lineStringData);
   };
-
   var updateStyle = function updateStyle(style, isReduced, isRouteAlternative) {
     var mergedStyle = _objectSpread(_objectSpread({}, isRouteAlternative ? alternativeRouteStyle : defaultStyle), style);
-
     var color = mergedStyle.color,
-        width = mergedStyle.width,
-        borderColor = mergedStyle.borderColor,
-        mergedBorderWidth = mergedStyle.borderWidth,
-        isBorderIncludedInWidth = mergedStyle.isBorderIncludedInWidth,
-        lineDash = mergedStyle.lineDash;
+      width = mergedStyle.width,
+      borderColor = mergedStyle.borderColor,
+      mergedBorderWidth = mergedStyle.borderWidth,
+      isBorderIncludedInWidth = mergedStyle.isBorderIncludedInWidth,
+      lineDash = mergedStyle.lineDash;
     setBorderWidth(isReduced ? 0 : mergedBorderWidth);
-
     if (isBorderIncludedInWidth && mergedBorderWidth >= width) {
       throw new MapException(TO_LESS_LINE_WIDTH_EXCEPTION_MSG);
     }
-
     setRouteStyle(new H.map.SpatialStyle(_objectSpread({
       strokeColor: isReduced ? LINE_STROKE_COLOR_REDUCED : color,
       lineWidth: isReduced ? mergedBorderWidth + width : width,
@@ -132,11 +113,9 @@ var Route = function Route(props) {
       lineJoin: 'bevel'
     }, lineDash && lineDash)));
   };
-
   if (!lineString) {
     return null;
   }
-
   return /*#__PURE__*/React.createElement("div", null, borderWidth > 0 && /*#__PURE__*/React.createElement(Polyline, {
     eventListenerMap: eventListenerMap,
     geometry: lineString,
@@ -163,7 +142,6 @@ var Route = function Route(props) {
     return marker;
   }));
 };
-
 Route.defaultProps = {
   hasArrows: true,
   arrowStyle: defaultArrowStyle,

package/components/map/components/features/basics/Circle.js

@@ -1,27 +1,23 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
 /* eslint-disable no-undef */
 import { useContext, useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import mapProps from '../../../utils/proptypes';
 import { MapContext } from '../../context';
 import { useUpdateProp, useUpdateEventListenerMap } from '../../../utils/hooks';
-
 var Circle = function Circle(_ref) {
   var position = _ref.position,
-      _ref$radius = _ref.radius,
-      radius = _ref$radius === void 0 ? 100 : _ref$radius,
-      _ref$precision = _ref.precision,
-      precision = _ref$precision === void 0 ? 60 : _ref$precision,
-      style = _ref.style,
-      eventListenerMap = _ref.eventListenerMap;
+    _ref$radius = _ref.radius,
+    radius = _ref$radius === void 0 ? 100 : _ref$radius,
+    _ref$precision = _ref.precision,
+    precision = _ref$precision === void 0 ? 60 : _ref$precision,
+    style = _ref.style,
+    eventListenerMap = _ref.eventListenerMap;
   var context = useContext(MapContext);
-
   var _useState = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      circle = _useState2[0],
-      setCircle = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    circle = _useState2[0],
+    setCircle = _useState2[1];
   useEffect(function () {
     var newCircle = new H.map.Circle(position, radius, {
       style: style,
@@ -33,7 +29,6 @@ var Circle = function Circle(_ref) {
       if (context.group.getObjects().includes(newCircle)) {
         context.group.removeObject(newCircle);
       }
-
       newCircle.dispose();
     };
   }, []);
@@ -44,7 +39,6 @@ var Circle = function Circle(_ref) {
   useUpdateEventListenerMap(circle, eventListenerMap);
   return null;
 };
-
 Circle.propTypes = {
   position: mapProps.position.isRequired,
   eventListenerMap: PropTypes.object,

package/components/map/components/features/basics/MapLayerGroup.js

@@ -1,32 +1,25 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
 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 */
 import React, { useState, useEffect, useContext } from 'react';
 import PropTypes from 'prop-types';
 import { MapContext } from '../../context';
-
 var MapLayerGroup = function MapLayerGroup(_ref) {
   var children = _ref.children,
-      minZoom = _ref.minZoom,
-      maxZoom = _ref.maxZoom,
-      isVisible = _ref.isVisible;
+    minZoom = _ref.minZoom,
+    maxZoom = _ref.maxZoom,
+    isVisible = _ref.isVisible;
   var context = useContext(MapContext);
-
   var _useState = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      group = _useState2[0],
-      setGroup = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    group = _useState2[0],
+    setGroup = _useState2[1];
   var _useState3 = useState(),
-      _useState4 = _slicedToArray(_useState3, 2),
-      childApi = _useState4[0],
-      setChildApi = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    childApi = _useState4[0],
+    setChildApi = _useState4[1];
   useEffect(function () {
     var newGroup = new H.map.Group({
       min: parseFloat(minZoom),
@@ -35,17 +28,14 @@ var MapLayerGroup = function MapLayerGroup(_ref) {
     newGroup.setVisibility(isVisible);
     context.group.addObject(newGroup);
     setGroup(newGroup);
-
     var newChildApi = _objectSpread(_objectSpread({}, context), {}, {
       group: newGroup
     });
-
     setChildApi(newChildApi);
     return function () {
       if (context.group.getObjects().includes(newGroup)) {
         context.group.removeObject(newGroup);
       }
-
       newGroup.dispose();
     };
   }, []);
@@ -60,7 +50,6 @@ var MapLayerGroup = function MapLayerGroup(_ref) {
     value: childApi
   }, children) : null);
 };
-
 MapLayerGroup.propTypes = {
   isVisible: PropTypes.bool,
   minZoom: PropTypes.number,

package/components/map/components/features/basics/Polygon.js

@@ -1,5 +1,4 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
 /* eslint-disable no-undef */
 import { useState, useEffect, useContext } from 'react';
 import PropTypes from 'prop-types';
@@ -7,31 +6,26 @@ import isNil from 'lodash/fp/isNil';
 import mapProps from '../../../utils/proptypes';
 import { MapContext } from '../../context';
 import { useUpdateProp, useUpdateEventListenerMap } from '../../../utils/hooks';
-
 function createGeometry(points) {
   var lineString = new H.geo.LineString();
   points.forEach(function (p) {
     if (isNil(p.lat) || isNil(p.lng) || isNaN(p.lat) || isNaN(p.lng)) {
       return;
     }
-
     lineString.pushLatLngAlt(p.lat, p.lng);
   });
   return new H.geo.Polygon(lineString);
 }
-
 var Polygon = function Polygon(_ref) {
   var points = _ref.points,
-      _ref$style = _ref.style,
-      style = _ref$style === void 0 ? H.map.SpatialStyle.DEFAULT_STYLE : _ref$style,
-      eventListenerMap = _ref.eventListenerMap;
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? H.map.SpatialStyle.DEFAULT_STYLE : _ref$style,
+    eventListenerMap = _ref.eventListenerMap;
   var context = useContext(MapContext);
-
   var _useState = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      polygon = _useState2[0],
-      setPolygon = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    polygon = _useState2[0],
+    setPolygon = _useState2[1];
   useEffect(function () {
     var newPolygon = new H.map.Polygon(createGeometry(points), {
       style: style
@@ -42,7 +36,6 @@ var Polygon = function Polygon(_ref) {
       if (context.group.getObjects().includes(newPolygon)) {
         context.group.removeObject(newPolygon);
       }
-
       newPolygon.dispose();
     };
   }, []);
@@ -55,7 +48,6 @@ var Polygon = function Polygon(_ref) {
   useUpdateEventListenerMap(polygon, eventListenerMap);
   return null;
 };
-
 Polygon.propTypes = {
   points: mapProps.positions.isRequired,
   style: PropTypes.object,