@rio-cloud/rio-uikit 0.15.0 → 0.16.0-beta-2

package/lib/components/map/components/features/old/settings/MapClusterSettings.js

@@ -15,13 +15,13 @@ var _MapSettingsPanel = _interopRequireDefault(require("./MapSettingsPanel"));
 
 var _MapSettingsButton = _interopRequireDefault(require("./MapSettingsButton"));
 
-var _icon_map_settings_no_cluster_active = _interopRequireDefault(require("../assets/icon_map_settings_no_cluster_active.svg"));
+var _icon_map_settings_no_cluster_active = require("../assets/icon_map_settings_no_cluster_active.svg");
 
-var _icon_map_settings_no_cluster_inactive = _interopRequireDefault(require("../assets/icon_map_settings_no_cluster_inactive.svg"));
+var _icon_map_settings_no_cluster_inactive = require("../assets/icon_map_settings_no_cluster_inactive.svg");
 
-var _icon_map_settings_cluster_active = _interopRequireDefault(require("../assets/icon_map_settings_cluster_active.svg"));
+var _icon_map_settings_cluster_active = require("../assets/icon_map_settings_cluster_active.svg");
 
-var _icon_map_settings_cluster_inactive = _interopRequireDefault(require("../assets/icon_map_settings_cluster_inactive.svg"));
+var _icon_map_settings_cluster_inactive = require("../assets/icon_map_settings_cluster_inactive.svg");
 
 var MapClusterSettings = function MapClusterSettings(props) {
   var showCluster = props.showCluster,
@@ -32,28 +32,28 @@ var MapClusterSettings = function MapClusterSettings(props) {
   };
 
   return /*#__PURE__*/_react.default.createElement(_MapSettingsPanel.default, {
-    className: 'MapSettingsCluster'
+    className: "MapSettingsCluster"
   }, /*#__PURE__*/_react.default.createElement(_MapSettingsButton.default, {
     onClick: function onClick() {
       return handleShowCluster(false);
     },
     isActive: !showCluster,
-    activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_no_cluster_active.default, {
-      className: 'MapNoClusterIcon'
+    activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_no_cluster_active.ReactComponent, {
+      className: "MapNoClusterIcon"
     }),
-    inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_no_cluster_inactive.default, {
-      className: 'MapNoClusterIconInactive'
+    inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_no_cluster_inactive.ReactComponent, {
+      className: "MapNoClusterIconInactive"
     })
   }), /*#__PURE__*/_react.default.createElement(_MapSettingsButton.default, {
     onClick: function onClick() {
       return handleShowCluster(true);
     },
     isActive: showCluster,
-    activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_cluster_active.default, {
-      className: 'MapClusterIcon'
+    activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_cluster_active.ReactComponent, {
+      className: "MapClusterIcon"
     }),
-    inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_cluster_inactive.default, {
-      className: 'MapClusterIconInactive'
+    inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_cluster_inactive.ReactComponent, {
+      className: "MapClusterIconInactive"
     })
   }));
 };

package/lib/components/map/components/features/old/settings/MapLayerSettings.js

@@ -17,45 +17,45 @@ var _MapSettingsPanel = _interopRequireDefault(require("./MapSettingsPanel"));
 
 var _MapSettingsButton = _interopRequireDefault(require("./MapSettingsButton"));
 
-var _icon_map_settings_construction_active = _interopRequireDefault(require("../assets/icon_map_settings_construction_active.svg"));
+var _icon_map_settings_construction_active = require("../assets/icon_map_settings_construction_active.svg");
 
-var _icon_map_settings_construction_inactive = _interopRequireDefault(require("../assets/icon_map_settings_construction_inactive.svg"));
+var _icon_map_settings_construction_inactive = require("../assets/icon_map_settings_construction_inactive.svg");
 
-var _icon_map_settings_traffic_active = _interopRequireDefault(require("../assets/icon_map_settings_traffic_active.svg"));
+var _icon_map_settings_traffic_active = require("../assets/icon_map_settings_traffic_active.svg");
 
-var _icon_map_settings_traffic_inactive = _interopRequireDefault(require("../assets/icon_map_settings_traffic_inactive.svg"));
+var _icon_map_settings_traffic_inactive = require("../assets/icon_map_settings_traffic_inactive.svg");
 
-var _icon_map_settings_road_restrictions_active = _interopRequireDefault(require("../assets/icon_map_settings_road_restrictions_active.svg"));
+var _icon_map_settings_road_restrictions_active = require("../assets/icon_map_settings_road_restrictions_active.svg");
 
-var _icon_map_settings_road_restrictions_inactive = _interopRequireDefault(require("../assets/icon_map_settings_road_restrictions_inactive.svg"));
+var _icon_map_settings_road_restrictions_inactive = require("../assets/icon_map_settings_road_restrictions_inactive.svg");
 
 var MapLayerSettings = function MapLayerSettings(props) {
   var mapLayer = props.mapLayer,
       onMapLayerChange = props.onMapLayerChange;
   return /*#__PURE__*/_react.default.createElement(_MapSettingsPanel.default, null, /*#__PURE__*/_react.default.createElement(_MapSettingsButton.default, {
-    className: 'MapLayerIncidents',
+    className: "MapLayerIncidents",
     onClick: function onClick() {
       return onMapLayerChange(_constants.MAP_LAYER_INCIDENTS);
     },
     isActive: mapLayer.includes(_constants.MAP_LAYER_INCIDENTS),
-    activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_construction_active.default, null),
-    inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_construction_inactive.default, null)
+    activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_construction_active.ReactComponent, null),
+    inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_construction_inactive.ReactComponent, null)
   }), /*#__PURE__*/_react.default.createElement(_MapSettingsButton.default, {
-    className: 'MapLayerTraffic',
+    className: "MapLayerTraffic",
     onClick: function onClick() {
       return onMapLayerChange(_constants.MAP_LAYER_TRAFFIC);
     },
     isActive: mapLayer.includes(_constants.MAP_LAYER_TRAFFIC),
-    activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_traffic_active.default, null),
-    inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_traffic_inactive.default, null)
+    activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_traffic_active.ReactComponent, null),
+    inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_traffic_inactive.ReactComponent, null)
   }), /*#__PURE__*/_react.default.createElement(_MapSettingsButton.default, {
-    className: 'MapLayerRoadRestrictions',
+    className: "MapLayerRoadRestrictions",
     onClick: function onClick() {
       return onMapLayerChange(_constants.MAP_LAYER_ROAD_RESTRICTIONS);
     },
     isActive: mapLayer.includes(_constants.MAP_LAYER_ROAD_RESTRICTIONS),
-    activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_road_restrictions_active.default, null),
-    inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_road_restrictions_inactive.default, null)
+    activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_road_restrictions_active.ReactComponent, null),
+    inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_road_restrictions_inactive.ReactComponent, null)
   }));
 };
 

package/lib/components/map/components/features/old/settings/MapTypeSettings.js

@@ -19,21 +19,21 @@ var _MapSettingsPanel = _interopRequireDefault(require("./MapSettingsPanel"));
 
 var _MapSettingsButton = _interopRequireDefault(require("./MapSettingsButton"));
 
-var _icon_map_settings_maptype_flat_active = _interopRequireDefault(require("../assets/icon_map_settings_maptype_flat_active.svg"));
+var _icon_map_settings_maptype_flat_active = require("../assets/icon_map_settings_maptype_flat_active.svg");
 
-var _icon_map_settings_maptype_flat_inactive = _interopRequireDefault(require("../assets/icon_map_settings_maptype_flat_inactive.svg"));
+var _icon_map_settings_maptype_flat_inactive = require("../assets/icon_map_settings_maptype_flat_inactive.svg");
 
-var _icon_map_settings_maptype_flat_truck_active = _interopRequireDefault(require("../assets/icon_map_settings_maptype_flat_truck_active.svg"));
+var _icon_map_settings_maptype_flat_truck_active = require("../assets/icon_map_settings_maptype_flat_truck_active.svg");
 
-var _icon_map_settings_maptype_flat_truck_inactive = _interopRequireDefault(require("../assets/icon_map_settings_maptype_flat_truck_inactive.svg"));
+var _icon_map_settings_maptype_flat_truck_inactive = require("../assets/icon_map_settings_maptype_flat_truck_inactive.svg");
 
-var _icon_map_settings_maptype_satelite_active = _interopRequireDefault(require("../assets/icon_map_settings_maptype_satelite_active.svg"));
+var _icon_map_settings_maptype_satelite_active = require("../assets/icon_map_settings_maptype_satelite_active.svg");
 
-var _icon_map_settings_maptype_satelite_inactive = _interopRequireDefault(require("../assets/icon_map_settings_maptype_satelite_inactive.svg"));
+var _icon_map_settings_maptype_satelite_inactive = require("../assets/icon_map_settings_maptype_satelite_inactive.svg");
 
-var _icon_map_settings_maptype_terrain_active = _interopRequireDefault(require("../assets/icon_map_settings_maptype_terrain_active.svg"));
+var _icon_map_settings_maptype_terrain_active = require("../assets/icon_map_settings_maptype_terrain_active.svg");
 
-var _icon_map_settings_maptype_terrain_inactive = _interopRequireDefault(require("../assets/icon_map_settings_maptype_terrain_inactive.svg"));
+var _icon_map_settings_maptype_terrain_inactive = require("../assets/icon_map_settings_maptype_terrain_inactive.svg");
 
 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); }
 
@@ -51,37 +51,37 @@ var MapTypeSettings = function MapTypeSettings(props) {
     };
   }, [mapType]);
   return /*#__PURE__*/_react.default.createElement(_MapSettingsPanel.default, null, /*#__PURE__*/_react.default.createElement(_MapSettingsButton.default, {
-    className: 'MapTypeSatelite',
+    className: "MapTypeSatelite",
     onClick: function onClick() {
       return onMapTypeChange(_constants.MAP_TYPE_SATELLITE);
     },
     isActive: type.isSatellite,
-    activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_maptype_satelite_active.default, null),
-    inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_maptype_satelite_inactive.default, null)
+    activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_maptype_satelite_active.ReactComponent, null),
+    inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_maptype_satelite_inactive.ReactComponent, null)
   }), /*#__PURE__*/_react.default.createElement(_MapSettingsButton.default, {
-    className: 'MapTypeTerrain',
+    className: "MapTypeTerrain",
     onClick: function onClick() {
       return onMapTypeChange(_constants.MAP_TYPE_TERRAIN);
     },
     isActive: type.isTerrain,
-    activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_maptype_terrain_active.default, null),
-    inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_maptype_terrain_inactive.default, null)
+    activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_maptype_terrain_active.ReactComponent, null),
+    inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_maptype_terrain_inactive.ReactComponent, null)
   }), /*#__PURE__*/_react.default.createElement(_MapSettingsButton.default, {
-    className: 'MapTypeFlatTruck',
+    className: "MapTypeFlatTruck",
     onClick: function onClick() {
       return onMapTypeChange(_constants.MAP_TYPE_FLEET_STYLE);
     },
     isActive: type.isFleetStyle,
-    activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_maptype_flat_truck_active.default, null),
-    inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_maptype_flat_truck_inactive.default, null)
+    activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_maptype_flat_truck_active.ReactComponent, null),
+    inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_maptype_flat_truck_inactive.ReactComponent, null)
   }), /*#__PURE__*/_react.default.createElement(_MapSettingsButton.default, {
-    className: 'MapTypeFlat',
+    className: "MapTypeFlat",
     onClick: function onClick() {
       return onMapTypeChange(_constants.MAP_TYPE_DEFAULT);
     },
     isActive: type.isDefault,
-    activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_maptype_flat_active.default, null),
-    inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_maptype_flat_inactive.default, null)
+    activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_maptype_flat_active.ReactComponent, null),
+    inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_maptype_flat_inactive.ReactComponent, null)
   }));
 };
 

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

@@ -11,9 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _icon_zoom_in = _interopRequireDefault(require("../../../assets/icon_zoom_in.svg"));
-
-var _icon_zoom_out = _interopRequireDefault(require("../../../assets/icon_zoom_out.svg"));
+var _MapIcon = require("../../../icons/MapIcon");
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
@@ -24,19 +22,21 @@ var ZoomButtons = function ZoomButtons(_ref) {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: buttonClasses
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: 'MapSettingsTile',
+    className: "MapSettingsTile",
     onClick: onZoomIn
-  }, /*#__PURE__*/_react.default.createElement(_icon_zoom_in.default, {
-    className: 'display-block hover-scale-110',
+  }, /*#__PURE__*/_react.default.createElement(_MapIcon.MapIcon, {
+    name: _MapIcon.ZOOM_IN,
+    className: "display-block hover-scale-110",
     height: 16,
     width: 16
   })), /*#__PURE__*/_react.default.createElement("div", {
-    className: 'MapSettingsTileSpacer'
+    className: "MapSettingsTileSpacer"
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: 'MapSettingsTile',
+    className: "MapSettingsTile",
     onClick: onZoomOut
-  }, /*#__PURE__*/_react.default.createElement(_icon_zoom_out.default, {
-    className: 'display-block hover-scale-110',
+  }, /*#__PURE__*/_react.default.createElement(_MapIcon.MapIcon, {
+    name: _MapIcon.ZOOM_OUT,
+    className: "display-block hover-scale-110",
     height: 16,
     width: 16
   })));

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

@@ -21,13 +21,7 @@ var _MapSettingsItem = _interopRequireDefault(require("../MapSettingsItem"));
 
 var _MapSettingsTile = _interopRequireDefault(require("../MapSettingsTile"));
 
-var _icon_map_settings_no_cluster_active = _interopRequireDefault(require("../../../../assets/icon_map_settings_no_cluster_active.svg"));
-
-var _icon_map_settings_no_cluster_inactive = _interopRequireDefault(require("../../../../assets/icon_map_settings_no_cluster_inactive.svg"));
-
-var _icon_map_settings_cluster_active = _interopRequireDefault(require("../../../../assets/icon_map_settings_cluster_active.svg"));
-
-var _icon_map_settings_cluster_inactive = _interopRequireDefault(require("../../../../assets/icon_map_settings_cluster_inactive.svg"));
+var _MapIcon = require("../../../../icons/MapIcon");
 
 var _excluded = ["showCluster", "onShowClusterChange", "onToggle"];
 
@@ -43,31 +37,39 @@ var MapClusterSettings = function MapClusterSettings(props) {
   };
 
   return /*#__PURE__*/_react.default.createElement(_MapSettingsTile.default, (0, _extends2.default)({
-    className: 'MapClusterSettings',
+    className: "MapClusterSettings",
     isActive: showCluster,
-    activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_cluster_inactive.default, null),
-    inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_no_cluster_inactive.default, null),
+    activeIcon: /*#__PURE__*/_react.default.createElement(_MapIcon.MapIcon, {
+      name: _MapIcon.CLUSTER_INACTIVE
+    }),
+    inactiveIcon: /*#__PURE__*/_react.default.createElement(_MapIcon.MapIcon, {
+      name: _MapIcon.NO_CLUSTER_INACTIVE
+    }),
     panel: /*#__PURE__*/_react.default.createElement(_MapSettingsPanel.default, null, /*#__PURE__*/_react.default.createElement(_MapSettingsItem.default, {
       onClick: function onClick() {
         return handleShowCluster(true);
       },
       isActive: showCluster,
-      activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_cluster_active.default, {
-        className: 'MapClusterIcon'
+      activeIcon: /*#__PURE__*/_react.default.createElement(_MapIcon.MapIcon, {
+        name: _MapIcon.CLUSTER_ACTIVE,
+        className: "MapClusterIcon"
       }),
-      inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_cluster_inactive.default, {
-        className: 'MapClusterIconInactive'
+      inactiveIcon: /*#__PURE__*/_react.default.createElement(_MapIcon.MapIcon, {
+        name: _MapIcon.CLUSTER_INACTIVE,
+        className: "MapClusterIconInactive"
       })
     }), /*#__PURE__*/_react.default.createElement(_MapSettingsItem.default, {
       onClick: function onClick() {
         return handleShowCluster(false);
       },
       isActive: !showCluster,
-      activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_no_cluster_active.default, {
-        className: 'MapNoClusterIcon'
+      activeIcon: /*#__PURE__*/_react.default.createElement(_MapIcon.MapIcon, {
+        name: _MapIcon.CLUSTER_ACTIVE,
+        className: "MapNoClusterIcon"
       }),
-      inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_no_cluster_inactive.default, {
-        className: 'MapNoClusterIconInactive'
+      inactiveIcon: /*#__PURE__*/_react.default.createElement(_MapIcon.MapIcon, {
+        name: _MapIcon.NO_CLUSTER_INACTIVE,
+        className: "MapNoClusterIconInactive"
       })
     }))
   }, remainingProps));

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

@@ -29,9 +29,7 @@ var _MapSettingsPanel = _interopRequireDefault(require("../MapSettingsPanel"));
 
 var _MapSettingsTile = _interopRequireDefault(require("../MapSettingsTile"));
 
-var _icon_map_settings_layer_active = _interopRequireDefault(require("../../../../assets/icon_map_settings_layer_active.svg"));
-
-var _icon_map_settings_layer_inactive = _interopRequireDefault(require("../../../../assets/icon_map_settings_layer_inactive.svg"));
+var _MapIcon = require("../../../../icons/MapIcon");
 
 var _excluded = ["activeBuiltinLayers", "activeLayers", "onMapLayerChange", "layers"];
 
@@ -43,13 +41,15 @@ var MapLayerSettings = function MapLayerSettings(props) {
       remainingProps = (0, _objectWithoutProperties2.default)(props, _excluded);
   var allActiveLayer = (0, _union.default)(activeBuiltinLayers, activeLayers);
   return /*#__PURE__*/_react.default.createElement(_MapSettingsTile.default, (0, _extends2.default)({
-    className: 'MapLayerSettings',
+    className: "MapLayerSettings",
     isActive: !(0, _isEmpty.default)(allActiveLayer),
-    activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_layer_active.default, {
-      className: 'MapLayerIcon'
+    activeIcon: /*#__PURE__*/_react.default.createElement(_MapIcon.MapIcon, {
+      name: _MapIcon.LAYER_ACTIVE,
+      className: "MapLayerIcon"
     }),
-    inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_layer_inactive.default, {
-      className: 'MapLayerIconInactive'
+    inactiveIcon: /*#__PURE__*/_react.default.createElement(_MapIcon.MapIcon, {
+      name: _MapIcon.LAYER_INACTIVE,
+      className: "MapLayerIconInactive"
     }),
     panel: /*#__PURE__*/_react.default.createElement(_MapSettingsPanel.default, null, (0, _map.default)(function (layer) {
       return /*#__PURE__*/_react.default.cloneElement(layer, {

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

@@ -25,21 +25,7 @@ var _MapSettingsItem = _interopRequireDefault(require("../MapSettingsItem"));
 
 var _MapSettingsTile = _interopRequireDefault(require("../MapSettingsTile"));
 
-var _icon_map_settings_maptype_flat_active = _interopRequireDefault(require("../../../../assets/icon_map_settings_maptype_flat_active.svg"));
-
-var _icon_map_settings_maptype_flat_inactive = _interopRequireDefault(require("../../../../assets/icon_map_settings_maptype_flat_inactive.svg"));
-
-var _icon_map_settings_maptype_flat_truck_active = _interopRequireDefault(require("../../../../assets/icon_map_settings_maptype_flat_truck_active.svg"));
-
-var _icon_map_settings_maptype_flat_truck_inactive = _interopRequireDefault(require("../../../../assets/icon_map_settings_maptype_flat_truck_inactive.svg"));
-
-var _icon_map_settings_maptype_satelite_active = _interopRequireDefault(require("../../../../assets/icon_map_settings_maptype_satelite_active.svg"));
-
-var _icon_map_settings_maptype_satelite_inactive = _interopRequireDefault(require("../../../../assets/icon_map_settings_maptype_satelite_inactive.svg"));
-
-var _icon_map_settings_maptype_terrain_active = _interopRequireDefault(require("../../../../assets/icon_map_settings_maptype_terrain_active.svg"));
-
-var _icon_map_settings_maptype_terrain_inactive = _interopRequireDefault(require("../../../../assets/icon_map_settings_maptype_terrain_inactive.svg"));
+var _MapIcon = require("../../../../icons/MapIcon");
 
 var _excluded = ["mapType", "onMapTypeChange"];
 
@@ -62,57 +48,81 @@ var MapTypeSettings = function MapTypeSettings(props) {
 
   var getIcon = function getIcon(currentType) {
     if (currentType.isDefault) {
-      return /*#__PURE__*/_react.default.createElement(_icon_map_settings_maptype_flat_inactive.default, null);
+      return /*#__PURE__*/_react.default.createElement(_MapIcon.MapIcon, {
+        name: _MapIcon.MAP_TYPE_FLAT_INACTIVE
+      });
     }
 
     if (currentType.isFleetStyle) {
-      return /*#__PURE__*/_react.default.createElement(_icon_map_settings_maptype_flat_truck_inactive.default, null);
+      return /*#__PURE__*/_react.default.createElement(_MapIcon.MapIcon, {
+        name: _MapIcon.MAP_TYPE_FLAT_TRUCK_INACTIVE
+      });
     }
 
     if (currentType.isTerrain) {
-      return /*#__PURE__*/_react.default.createElement(_icon_map_settings_maptype_terrain_inactive.default, null);
+      return /*#__PURE__*/_react.default.createElement(_MapIcon.MapIcon, {
+        name: _MapIcon.MAP_TYPE_TERRAIN_INACTIVE
+      });
     }
 
     if (currentType.isSatellite) {
-      return /*#__PURE__*/_react.default.createElement(_icon_map_settings_maptype_satelite_inactive.default, null);
+      return /*#__PURE__*/_react.default.createElement(_MapIcon.MapIcon, {
+        name: _MapIcon.MAP_TYPE_SATELITE_INACTIVE
+      });
     }
   };
 
   return /*#__PURE__*/_react.default.createElement(_MapSettingsTile.default, (0, _extends2.default)({
-    className: 'MapTypeSettings',
+    className: "MapTypeSettings",
     inactiveIcon: getIcon(type),
     panel: /*#__PURE__*/_react.default.createElement(_MapSettingsPanel.default, null, /*#__PURE__*/_react.default.createElement(_MapSettingsItem.default, {
-      className: 'MapTypeSatelite',
+      className: "MapTypeSatelite",
       onClick: function onClick() {
         return onMapTypeChange(_constants.MAP_TYPE_SATELLITE);
       },
       isActive: type.isSatellite,
-      activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_maptype_satelite_active.default, null),
-      inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_maptype_satelite_inactive.default, null)
+      activeIcon: /*#__PURE__*/_react.default.createElement(_MapIcon.MapIcon, {
+        name: _MapIcon.MAP_TYPE_SATELITE_ACTIVE
+      }),
+      inactiveIcon: /*#__PURE__*/_react.default.createElement(_MapIcon.MapIcon, {
+        name: _MapIcon.MAP_TYPE_SATELITE_INACTIVE
+      })
     }), /*#__PURE__*/_react.default.createElement(_MapSettingsItem.default, {
-      className: 'MapTypeTerrain',
+      className: "MapTypeTerrain",
       onClick: function onClick() {
         return onMapTypeChange(_constants.MAP_TYPE_TERRAIN);
       },
       isActive: type.isTerrain,
-      activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_maptype_terrain_active.default, null),
-      inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_maptype_terrain_inactive.default, null)
+      activeIcon: /*#__PURE__*/_react.default.createElement(_MapIcon.MapIcon, {
+        name: _MapIcon.MAP_TYPE_TERRAIN_ACTIVE
+      }),
+      inactiveIcon: /*#__PURE__*/_react.default.createElement(_MapIcon.MapIcon, {
+        name: _MapIcon.MAP_TYPE_TERRAIN_INACTIVE
+      })
     }), /*#__PURE__*/_react.default.createElement(_MapSettingsItem.default, {
-      className: 'MapTypeFlatTruck',
+      className: "MapTypeFlatTruck",
       onClick: function onClick() {
         return onMapTypeChange(_constants.MAP_TYPE_FLEET_STYLE);
       },
       isActive: type.isFleetStyle,
-      activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_maptype_flat_truck_active.default, null),
-      inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_maptype_flat_truck_inactive.default, null)
+      activeIcon: /*#__PURE__*/_react.default.createElement(_MapIcon.MapIcon, {
+        name: _MapIcon.MAP_TYPE_FLAT_TRUCK_ACTIVE
+      }),
+      inactiveIcon: /*#__PURE__*/_react.default.createElement(_MapIcon.MapIcon, {
+        name: _MapIcon.MAP_TYPE_FLAT_TRUCK_INACTIVE
+      })
     }), /*#__PURE__*/_react.default.createElement(_MapSettingsItem.default, {
-      className: 'MapTypeFlat',
+      className: "MapTypeFlat",
       onClick: function onClick() {
         return onMapTypeChange(_constants.MAP_TYPE_DEFAULT);
       },
       isActive: type.isDefault,
-      activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_maptype_flat_active.default, null),
-      inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_maptype_flat_inactive.default, null)
+      activeIcon: /*#__PURE__*/_react.default.createElement(_MapIcon.MapIcon, {
+        name: _MapIcon.MAP_TYPE_FLAT_ACTIVE
+      }),
+      inactiveIcon: /*#__PURE__*/_react.default.createElement(_MapIcon.MapIcon, {
+        name: _MapIcon.MAP_TYPE_FLAT_INACTIVE
+      })
     }))
   }, remainingProps));
 };

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

@@ -17,9 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _MapSettingsTile = _interopRequireDefault(require("../MapSettingsTile"));
 
-var _icon_map_settings_bounding_box_active = _interopRequireDefault(require("../../../../assets/icon_map_settings_bounding_box_active.svg"));
-
-var _icon_map_settings_bounding_box_inactive = _interopRequireDefault(require("../../../../assets/icon_map_settings_bounding_box_inactive.svg"));
+var _MapIcon = require("../../../../icons/MapIcon");
 
 var _excluded = ["isActive", "onToggle"];
 
@@ -28,13 +26,15 @@ var MapBoundingBoxButton = function MapBoundingBoxButton(props) {
       onToggle = props.onToggle,
       remainingProps = (0, _objectWithoutProperties2.default)(props, _excluded);
   return /*#__PURE__*/_react.default.createElement(_MapSettingsTile.default, (0, _extends2.default)({
-    className: 'MapBoundingBoxButton',
+    className: "MapBoundingBoxButton",
     isActive: isActive,
-    activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_bounding_box_active.default, {
-      className: 'MapBoundingBoxButtonIcon'
+    activeIcon: /*#__PURE__*/_react.default.createElement(_MapIcon.MapIcon, {
+      name: _MapIcon.BOUNDING_BOX_ACTIVE,
+      className: "MapBoundingBoxButtonIcon"
     }),
-    inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_bounding_box_inactive.default, {
-      className: 'MapBoundingBoxButtonIconInactive'
+    inactiveIcon: /*#__PURE__*/_react.default.createElement(_MapIcon.MapIcon, {
+      name: _MapIcon.BOUNDING_BOX_INACTIVE,
+      className: "MapBoundingBoxButtonIconInactive"
     }),
     onToggle: onToggle
   }, remainingProps));

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

@@ -17,9 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _MapSettingsTile = _interopRequireDefault(require("../MapSettingsTile"));
 
-var _icon_map_settings_center_marker_active = _interopRequireDefault(require("../../../../assets/icon_map_settings_center_marker_active.svg"));
-
-var _icon_map_settings_center_marker_inactive = _interopRequireDefault(require("../../../../assets/icon_map_settings_center_marker_inactive.svg"));
+var _MapIcon = require("../../../../icons/MapIcon");
 
 var _excluded = ["isActive", "onToggle"];
 
@@ -28,13 +26,15 @@ var MapCenterMarkerButton = function MapCenterMarkerButton(props) {
       onToggle = props.onToggle,
       remainingProps = (0, _objectWithoutProperties2.default)(props, _excluded);
   return /*#__PURE__*/_react.default.createElement(_MapSettingsTile.default, (0, _extends2.default)({
-    className: 'MapCenterMarkerButton',
+    className: "MapCenterMarkerButton",
     isActive: isActive,
-    activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_center_marker_active.default, {
-      className: 'MapCenterMarkerButtonIcon'
+    activeIcon: /*#__PURE__*/_react.default.createElement(_MapIcon.MapIcon, {
+      name: _MapIcon.CENTER_MARKER_ACTIVE,
+      className: "MapCenterMarkerButtonIcon"
     }),
-    inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_center_marker_inactive.default, {
-      className: 'MapCenterMarkerButtonIconInactive'
+    inactiveIcon: /*#__PURE__*/_react.default.createElement(_MapIcon.MapIcon, {
+      name: _MapIcon.CENTER_MARKER_INACTIVE,
+      className: "MapCenterMarkerButtonIconInactive"
     }),
     onToggle: onToggle
   }, remainingProps));

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

@@ -17,9 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _MapSettingsTile = _interopRequireDefault(require("../MapSettingsTile"));
 
-var _icon_map_settings_lock_active = _interopRequireDefault(require("../../../../assets/icon_map_settings_lock_active.svg"));
-
-var _icon_map_settings_lock_inactive = _interopRequireDefault(require("../../../../assets/icon_map_settings_lock_inactive.svg"));
+var _MapIcon = require("../../../../icons/MapIcon");
 
 var _excluded = ["isActive", "onToggle"];
 
@@ -28,13 +26,15 @@ var MapLockMarkerButton = function MapLockMarkerButton(props) {
       onToggle = props.onToggle,
       remainingProps = (0, _objectWithoutProperties2.default)(props, _excluded);
   return /*#__PURE__*/_react.default.createElement(_MapSettingsTile.default, (0, _extends2.default)({
-    className: 'MapLockMarkerButton',
+    className: "MapLockMarkerButton",
     isActive: isActive,
-    activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_lock_active.default, {
-      className: 'MapLockMarkerButtonIcon'
+    activeIcon: /*#__PURE__*/_react.default.createElement(_MapIcon.MapIcon, {
+      name: _MapIcon.LOCK_ACTIVE,
+      className: "MapLockMarkerButtonIcon"
     }),
-    inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_lock_inactive.default, {
-      className: 'MapLockMarkerButtonIconInactive'
+    inactiveIcon: /*#__PURE__*/_react.default.createElement(_MapIcon.MapIcon, {
+      name: _MapIcon.LOCK_INACTIVE,
+      className: "MapLockMarkerButtonIconInactive"
     }),
     onToggle: onToggle
   }, remainingProps));

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

@@ -17,9 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _MapSettingsItem = _interopRequireDefault(require("../MapSettingsItem"));
 
-var _icon_map_settings_system_pois_active = _interopRequireDefault(require("../../../../assets/icon_map_settings_system_pois_active.svg"));
-
-var _icon_map_settings_system_pois_inactive = _interopRequireDefault(require("../../../../assets/icon_map_settings_system_pois_inactive.svg"));
+var _MapIcon = require("../../../../icons/MapIcon");
 
 var _excluded = ["isActive", "onToggle"];
 
@@ -33,16 +31,18 @@ var MapCustomerPoiSettingsItem = function MapCustomerPoiSettingsItem(props) {
   };
 
   return /*#__PURE__*/_react.default.createElement(_MapSettingsItem.default, (0, _extends2.default)({
-    className: 'MapCustomerPoi',
+    className: "MapCustomerPoi",
     onClick: function onClick() {
       return handleToggle(false);
     },
     isActive: isActive,
-    activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_system_pois_active.default, {
-      className: 'MapPoiIcon'
+    activeIcon: /*#__PURE__*/_react.default.createElement(_MapIcon.MapIcon, {
+      name: _MapIcon.SYSTEM_POIS_ACTIVE,
+      className: "MapPoiIcon"
     }),
-    inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_system_pois_inactive.default, {
-      className: 'MapPoiIconInactive'
+    inactiveIcon: /*#__PURE__*/_react.default.createElement(_MapIcon.MapIcon, {
+      name: _MapIcon.SYSTEM_POIS_INACTIVE,
+      className: "MapPoiIconInactive"
     })
   }, remainingProps));
 };