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

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

@@ -1,64 +1,44 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _map = _interopRequireDefault(require("lodash/fp/map"));
-
 var _get = _interopRequireDefault(require("lodash/fp/get"));
-
 var _uniqueId = _interopRequireDefault(require("lodash/fp/uniqueId"));
-
 var _validation = require("../../utils/validation");
-
 var _context = require("../context");
-
 var _MapTypeSettings = _interopRequireDefault(require("./settings/builtinSettings/MapTypeSettings"));
-
 var _MapLayerSettings = _interopRequireDefault(require("./settings/builtinSettings/MapLayerSettings"));
-
 var _MapClusterSettings = _interopRequireDefault(require("./settings/builtinSettings/MapClusterSettings"));
-
 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; }
-
 var getDisplayname = (0, _get["default"])('type.displayName');
-
 var isMapTypeSettings = function isMapTypeSettings(option) {
   return option.type === _MapTypeSettings["default"];
 };
-
 var isMapLayerSettings = function isMapLayerSettings(option) {
   return option.type === _MapLayerSettings["default"];
 };
-
 var isMapClusterSettings = function isMapClusterSettings(option) {
   return option.type === _MapClusterSettings["default"];
 };
-
 var MapSettings = function MapSettings(props) {
   var settingsContext = (0, _react.useContext)(_context.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 = (0, _classnames["default"])('MapSettingsWrapper', className);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: mapSettingsClasses
@@ -70,7 +50,6 @@ var MapSettings = function MapSettings(props) {
         onMapTypeChange: onMapTypeChange
       });
     }
-
     if (isMapLayerSettings(option)) {
       return /*#__PURE__*/_react["default"].cloneElement(option, {
         key: (0, _validation.getKeyOrDefault)(getDisplayname(option), option),
@@ -78,7 +57,6 @@ var MapSettings = function MapSettings(props) {
         onMapLayerChange: onMapLayerChange
       });
     }
-
     if (isMapClusterSettings(option)) {
       return /*#__PURE__*/_react["default"].cloneElement(option, {
         key: (0, _validation.getKeyOrDefault)(getDisplayname(option), option),
@@ -86,13 +64,11 @@ var MapSettings = function MapSettings(props) {
         onShowClusterChange: onShowClusterChange
       });
     }
-
     return /*#__PURE__*/_react["default"].cloneElement(option, {
       key: (0, _validation.getKeyOrDefault)((0, _uniqueId["default"])('MapSettingsOption_'), option)
     });
   }, options));
 };
-
 MapSettings.defaultProps = {
   showCluster: true,
   className: ''

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

@@ -1,42 +1,25 @@
 "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.TO_LESS_LINE_WIDTH_EXCEPTION_MSG = exports.MISSING_POSITIONS_EXCEPTION_MSG = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _proptypes = _interopRequireDefault(require("../../utils/proptypes"));
-
 var _isEmpty = _interopRequireDefault(require("lodash/fp/isEmpty"));
-
 var _isArray = _interopRequireDefault(require("lodash/fp/isArray"));
-
 var _Polyline = _interopRequireDefault(require("./basics/Polyline"));
-
 var _Marker = _interopRequireDefault(require("./basics/marker/Marker"));
-
 var _MapException = _interopRequireDefault(require("../../exceptions/MapException"));
-
 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 MISSING_POSITIONS_EXCEPTION_MSG = 'Route requires a minimum of 1 positions';
 exports.MISSING_POSITIONS_EXCEPTION_MSG = MISSING_POSITIONS_EXCEPTION_MSG;
 var TO_LESS_LINE_WIDTH_EXCEPTION_MSG = 'If isBorderIncludedInWidth is set to true than width has to be greater than twice of borderWidth';
@@ -60,44 +43,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 = (0, _react.useState)(),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      lineString = _useState2[0],
-      setLineString = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    lineString = _useState2[0],
+    setLineString = _useState2[1];
   var _useState3 = (0, _react.useState)(),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      routeStyle = _useState4[0],
-      setRouteStyle = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    routeStyle = _useState4[0],
+    setRouteStyle = _useState4[1];
   var _useState5 = (0, _react.useState)(defaultStyle.borderColor),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      borderStyle = _useState6[0],
-      setBorderStyle = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    borderStyle = _useState6[0],
+    setBorderStyle = _useState6[1];
   var _useState7 = (0, _react.useState)(defaultStyle.borderWidth),
-      _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-      borderWidth = _useState8[0],
-      setBorderWidth = _useState8[1];
-
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    borderWidth = _useState8[0],
+    setBorderWidth = _useState8[1];
   (0, _react.useEffect)(function () {
     updateGeometry(positions);
     updateStyle(style, isReduced, isRouteAlternative);
@@ -106,44 +82,35 @@ var Route = function Route(props) {
     updateGeometry(positions);
     updateStyle(style, isReduced, isRouteAlternative);
   }, [positions, style, isReduced, isRouteAlternative]);
-
   var updateGeometry = function updateGeometry(pos) {
     if ((0, _isEmpty["default"])(pos)) {
       throw new _MapException["default"](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 = (0, _slicedToArray2["default"])(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["default"](TO_LESS_LINE_WIDTH_EXCEPTION_MSG);
     }
-
     setRouteStyle(new H.map.SpatialStyle(_objectSpread({
       strokeColor: isReduced ? LINE_STROKE_COLOR_REDUCED : color,
       lineWidth: isReduced ? mergedBorderWidth + width : width,
@@ -157,11 +124,9 @@ var Route = function Route(props) {
       lineJoin: 'bevel'
     }, lineDash && lineDash)));
   };
-
   if (!lineString) {
     return null;
   }
-
   return /*#__PURE__*/_react["default"].createElement("div", null, borderWidth > 0 && /*#__PURE__*/_react["default"].createElement(_Polyline["default"], {
     eventListenerMap: eventListenerMap,
     geometry: lineString,
@@ -188,7 +153,6 @@ var Route = function Route(props) {
     return marker;
   }));
 };
-
 Route.defaultProps = {
   hasArrows: true,
   arrowStyle: defaultArrowStyle,

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

@@ -1,40 +1,31 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _proptypes = _interopRequireDefault(require("../../../utils/proptypes"));
-
 var _context = require("../../context");
-
 var _hooks = require("../../../utils/hooks");
-
 /* eslint-disable no-undef */
+
 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 = (0, _react.useContext)(_context.MapContext);
-
   var _useState = (0, _react.useState)(),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      circle = _useState2[0],
-      setCircle = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    circle = _useState2[0],
+    setCircle = _useState2[1];
   (0, _react.useEffect)(function () {
     var newCircle = new H.map.Circle(position, radius, {
       style: style,
@@ -46,7 +37,6 @@ var Circle = function Circle(_ref) {
       if (context.group.getObjects().includes(newCircle)) {
         context.group.removeObject(newCircle);
       }
-
       newCircle.dispose();
     };
   }, []);
@@ -57,7 +47,6 @@ var Circle = function Circle(_ref) {
   (0, _hooks.useUpdateEventListenerMap)(circle, eventListenerMap);
   return null;
 };
-
 Circle.propTypes = {
   position: _proptypes["default"].position.isRequired,
   eventListenerMap: _propTypes["default"].object,

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

@@ -1,49 +1,34 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 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 _context = require("../../context");
-
 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 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 = (0, _react.useContext)(_context.MapContext);
-
   var _useState = (0, _react.useState)(),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      group = _useState2[0],
-      setGroup = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    group = _useState2[0],
+    setGroup = _useState2[1];
   var _useState3 = (0, _react.useState)(),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      childApi = _useState4[0],
-      setChildApi = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    childApi = _useState4[0],
+    setChildApi = _useState4[1];
   (0, _react.useEffect)(function () {
     var newGroup = new H.map.Group({
       min: parseFloat(minZoom),
@@ -52,17 +37,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();
     };
   }, []);
@@ -77,7 +59,6 @@ var MapLayerGroup = function MapLayerGroup(_ref) {
     value: childApi
   }, children) : null);
 };
-
 MapLayerGroup.propTypes = {
   isVisible: _propTypes["default"].bool,
   minZoom: _propTypes["default"].number,

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

@@ -1,51 +1,39 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _isNil = _interopRequireDefault(require("lodash/fp/isNil"));
-
 var _proptypes = _interopRequireDefault(require("../../../utils/proptypes"));
-
 var _context = require("../../context");
-
 var _hooks = require("../../../utils/hooks");
-
 /* eslint-disable no-undef */
+
 function createGeometry(points) {
   var lineString = new H.geo.LineString();
   points.forEach(function (p) {
     if ((0, _isNil["default"])(p.lat) || (0, _isNil["default"])(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 = (0, _react.useContext)(_context.MapContext);
-
   var _useState = (0, _react.useState)(),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      polygon = _useState2[0],
-      setPolygon = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    polygon = _useState2[0],
+    setPolygon = _useState2[1];
   (0, _react.useEffect)(function () {
     var newPolygon = new H.map.Polygon(createGeometry(points), {
       style: style
@@ -56,7 +44,6 @@ var Polygon = function Polygon(_ref) {
       if (context.group.getObjects().includes(newPolygon)) {
         context.group.removeObject(newPolygon);
       }
-
       newPolygon.dispose();
     };
   }, []);
@@ -69,7 +56,6 @@ var Polygon = function Polygon(_ref) {
   (0, _hooks.useUpdateEventListenerMap)(polygon, eventListenerMap);
   return null;
 };
-
 Polygon.propTypes = {
   points: _proptypes["default"].positions.isRequired,
   style: _propTypes["default"].object,

package/lib/es/components/map/components/features/basics/Polyline.js

@@ -1,62 +1,49 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.WRONG_GEOMETRY_PROPS_EXCEPTION_MSG = exports.MISSING_GEOMETRY_PROPS_EXCEPTION_MSG = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _context = require("../../context");
-
 var _MapException = _interopRequireDefault(require("../../../exceptions/MapException"));
-
 var _hooks = require("../../../utils/hooks");
-
 var _eventHandling = require("../../../utils/eventHandling");
-
 /* eslint-disable no-undef */
+
 var MISSING_GEOMETRY_PROPS_EXCEPTION_MSG = 'Error in Polyline: Polyline without geometry makes no sense';
 exports.MISSING_GEOMETRY_PROPS_EXCEPTION_MSG = MISSING_GEOMETRY_PROPS_EXCEPTION_MSG;
 var WRONG_GEOMETRY_PROPS_EXCEPTION_MSG = 'Error in Polyline: property geometry must be of type H.geo.LineString';
 exports.WRONG_GEOMETRY_PROPS_EXCEPTION_MSG = WRONG_GEOMETRY_PROPS_EXCEPTION_MSG;
-
 var Polyline = function Polyline(_ref) {
   var geometry = _ref.geometry,
-      hasArrows = _ref.hasArrows,
-      arrowStyle = _ref.arrowStyle,
-      _ref$style = _ref.style,
-      style = _ref$style === void 0 ? H.map.SpatialStyle.DEFAULT_STYLE : _ref$style,
-      eventListenerMap = _ref.eventListenerMap;
+    hasArrows = _ref.hasArrows,
+    arrowStyle = _ref.arrowStyle,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? H.map.SpatialStyle.DEFAULT_STYLE : _ref$style,
+    eventListenerMap = _ref.eventListenerMap;
   var context = (0, _react.useContext)(_context.MapContext);
-
   var _useState = (0, _react.useState)(),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      polyline = _useState2[0],
-      setPolyline = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    polyline = _useState2[0],
+    setPolyline = _useState2[1];
   if (!geometry) {
     throw new _MapException["default"](MISSING_GEOMETRY_PROPS_EXCEPTION_MSG);
   }
-
   if (!(geometry instanceof H.geo.LineString)) {
     throw new _MapException["default"](WRONG_GEOMETRY_PROPS_EXCEPTION_MSG);
   }
-
   (0, _react.useEffect)(function () {
     var lineGroup = new H.map.Group();
     var line = new H.map.Polyline(geometry, {
       style: style
     });
-
     if (hasArrows) {
       // Create a patterned polyline:
+
       // Non-legacy version:
       var arrowLineStyle = new H.map.SpatialStyle({
         width: 5,
@@ -66,32 +53,32 @@ var Polyline = function Polyline(_ref) {
       var routeArrows = new H.map.Polyline(geometry, {
         style: arrowLineStyle
       });
-      routeArrows.setArrows(arrowStyle); // create a group that represents the route line and contains
-      // outline and the pattern
+      routeArrows.setArrows(arrowStyle);
 
+      // create a group that represents the route line and contains
+      // outline and the pattern
       lineGroup.addObjects([line, routeArrows]);
     } else {
       lineGroup.addObjects([line]);
     }
-
     context.group.addObject(lineGroup);
     setPolyline(lineGroup);
     return function () {
       // cleanup
       //console.log('cleanup polyline');
+
       (0, _eventHandling.removeEventListenerMap)(lineGroup);
       lineGroup.forEach(function (singleLine) {
         lineGroup.removeObject(singleLine);
         singleLine.dispose();
       });
-
       if (context.group.getObjects().includes(lineGroup)) {
         context.group.removeObject(lineGroup);
       }
-
       lineGroup.dispose();
     };
   }, [geometry, style, hasArrows, arrowStyle]);
+
   /*useEffect(() => {
       if (polyline) {
           polyline.forEach((line, index) => {
@@ -109,12 +96,11 @@ var Polyline = function Polyline(_ref) {
           polyline.forEach(line => line.setGeometry(geometry));
       }
   }, [geometry]);*/
-  //useUpdateProp(polyline, 'setStyle', style);
 
+  //useUpdateProp(polyline, 'setStyle', style);
   (0, _hooks.useUpdateEventListenerMap)(polyline, eventListenerMap);
   return null;
 };
-
 Polyline.propTypes = {
   hasArrows: _propTypes["default"].bool,
   arrowStyle: _propTypes["default"].object,