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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/lib/components/browserWarning/BrowserIcons.js +76 -0
  2. package/lib/components/browserWarning/BrowserWarning.js +4 -4
  3. package/lib/components/browserWarning/BrowserWarningMessageDE.js +20 -22
  4. package/lib/components/browserWarning/BrowserWarningMessageEN.js +20 -22
  5. package/lib/components/dialog/ConfirmationDialog.js +8 -6
  6. package/lib/components/dialog/SaveDialog.js +3 -1
  7. package/lib/components/map/components/features/old/MapSettings.js +5 -5
  8. package/lib/components/map/components/features/old/settings/MapClusterSettings.js +13 -13
  9. package/lib/components/map/components/features/old/settings/MapLayerSettings.js +15 -15
  10. package/lib/components/map/components/features/old/settings/MapTypeSettings.js +20 -20
  11. package/lib/components/map/components/features/settings/ZoomButtons.js +10 -10
  12. package/lib/components/map/components/features/settings/builtinSettings/MapClusterSettings.js +20 -18
  13. package/lib/components/map/components/features/settings/builtinSettings/MapLayerSettings.js +8 -8
  14. package/lib/components/map/components/features/settings/builtinSettings/MapTypeSettings.js +42 -32
  15. package/lib/components/map/components/features/settings/buttons/MapBoundingBoxButton.js +8 -8
  16. package/lib/components/map/components/features/settings/buttons/MapCenterMarkerButton.js +8 -8
  17. package/lib/components/map/components/features/settings/buttons/MapLockMarkerButton.js +8 -8
  18. package/lib/components/map/components/features/settings/items/MapCustomerPoiSettingsItem.js +8 -8
  19. package/lib/components/map/components/features/settings/items/MapLayerIncidentsItem.js +8 -6
  20. package/lib/components/map/components/features/settings/items/MapLayerRoadRestrictionsItem.js +8 -6
  21. package/lib/components/map/components/features/settings/items/MapLayerTrafficItem.js +8 -6
  22. package/lib/components/map/components/features/settings/items/MapWorkshopPoiSettingsItem.js +8 -8
  23. package/lib/components/map/icons/MapIcon.js +500 -0
  24. package/lib/components/tooltip/Tooltip.js +1 -1
  25. package/lib/es/useFullscreen.js +15 -0
  26. package/lib/hooks/useFullscreen.js +244 -0
  27. package/lib/style/css/_exports/rio-uikit-core.less +1 -0
  28. package/lib/style/css/components/Select.less +0 -2
  29. package/lib/style/css/components/TableToolbar.less +121 -0
  30. package/lib/style/css/components/Tooltip.less +41 -10
  31. package/lib/style/css/design/tables.less +0 -122
  32. package/lib/version.json +1 -1
  33. package/package.json +3 -3
package/lib/components/browserWarning/BrowserIcons.js ADDED
@@ -0,0 +1,76 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.FirefoxIcon = exports.ChromeIcon = void 0;
9
+
10
+ var _react = _interopRequireDefault(require("react"));
11
+
12
+ /* eslint-disable max-len */
13
+ var ChromeIcon = function ChromeIcon() {
14
+ return /*#__PURE__*/_react.default.createElement("svg", {
15
+ xmlns: "http://www.w3.org/2000/svg",
16
+ xmlnsXlink: "http://www.w3.org/1999/xlink",
17
+ width: "100",
18
+ height: "138"
19
+ }, /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("path", {
20
+ id: "a",
21
+ d: "M61.815 19.373a31.29 31.29 0 0 1 2.537 12.378c0 17.536-14.406 31.751-32.176 31.751-.6 0-1.196-.016-1.788-.048l13.011-22.296a14.36 14.36 0 0 0 3.502-9.407c0-5.233-2.804-9.82-7.009-12.378zm-56.638-4.9l13.587 23.284c2.316 5.028 7.45 8.524 13.412 8.524 2.384 0 4.635-.559 6.627-1.55l-10.8 18.507C12.202 61.218 0 47.89 0 31.75a31.302 31.302 0 0 1 5.177-17.279zm26.999 5.977c6.325 0 11.453 5.06 11.453 11.301 0 6.242-5.128 11.301-11.453 11.301-6.325 0-11.452-5.06-11.452-11.3 0-6.242 5.127-11.302 11.452-11.302zm0-20.45C44.64 0 55.449 6.993 60.792 17.22l-29.161.001v.01c-7.7.276-13.892 6.388-14.17 13.987L6.56 12.535C12.437 4.917 21.725 0 32.176 0z"
22
+ })), /*#__PURE__*/_react.default.createElement("g", {
23
+ fill: "none",
24
+ fillRule: "evenodd",
25
+ transform: "translate(18 20)"
26
+ }, /*#__PURE__*/_react.default.createElement("path", {
27
+ fill: "#555",
28
+ fillRule: "nonzero",
29
+ d: "M8.962 95.186c1.436 0 2.569-.389 3.397-1.167.828-.778 1.316-1.867 1.463-3.268h-1.495a4.202 4.202 0 0 1-.283 1.277 2.974 2.974 0 0 1-1.644 1.688c-.382.16-.82.241-1.312.241-.672 0-1.248-.124-1.73-.373A3.37 3.37 0 0 1 6.17 92.58a4.278 4.278 0 0 1-.684-1.478 7.128 7.128 0 0 1-.22-1.798c0-.58.073-1.14.22-1.68.147-.54.375-1.02.684-1.44a3.39 3.39 0 0 1 1.18-1.004c.477-.249 1.05-.373 1.722-.373.786 0 1.465.197 2.037.591.571.395.94.986 1.108 1.774h1.495a4.105 4.105 0 0 0-.535-1.564 3.862 3.862 0 0 0-1.023-1.128 4.5 4.5 0 0 0-1.4-.685 5.83 5.83 0 0 0-1.666-.233c-.86 0-1.623.153-2.289.46a4.724 4.724 0 0 0-1.667 1.252 5.476 5.476 0 0 0-1.014 1.86 7.34 7.34 0 0 0-.346 2.28c0 .808.107 1.566.322 2.271.215.706.537 1.318.967 1.836.43.52.97.926 1.62 1.222.65.296 1.41.443 2.28.443zm7.832-.249v-4.543c0-.364.05-.698.15-1.004.1-.306.249-.573.448-.802.2-.228.448-.404.747-.529.299-.124.653-.186 1.062-.186.513 0 .917.145 1.21.435.294.29.441.685.441 1.183v5.447h1.337v-5.291c0-.436-.045-.833-.134-1.19a2.245 2.245 0 0 0-.464-.927 2.198 2.198 0 0 0-.865-.607c-.356-.145-.802-.218-1.337-.218-.24 0-.49.026-.747.078a3.329 3.329 0 0 0-.739.241 2.505 2.505 0 0 0-.637.42 1.76 1.76 0 0 0-.44.63h-.032v-4.247h-1.337v11.11h1.337zm8.698 0v-3.579c0-.518.052-.977.157-1.377.105-.4.273-.739.503-1.02.23-.28.535-.492.912-.637.378-.145.834-.218 1.369-.218v-1.4c-.724-.021-1.321.124-1.793.435s-.87.794-1.196 1.447h-.031v-1.696h-1.258v8.046h1.337zm7.172.172c.65 0 1.218-.107 1.706-.32.488-.212.9-.508 1.235-.886.335-.379.587-.823.755-1.33a5.233 5.233 0 0 0 .251-1.65c0-.592-.084-1.144-.251-1.658a3.744 3.744 0 0 0-.755-1.338 3.572 3.572 0 0 0-1.235-.895c-.488-.218-1.056-.327-1.706-.327-.64 0-1.206.11-1.699.327a3.555 3.555 0 0 0-1.243.895 3.744 3.744 0 0 0-.754 1.338 5.306 5.306 0 0 0-.252 1.658c0 .591.084 1.14.252 1.65.167.507.419.951.754 1.33.336.378.75.674 1.243.887.493.212 1.059.319 1.699.319zm0-1.152c-.346 0-.674-.067-.983-.202-.31-.135-.58-.33-.81-.584a2.711 2.711 0 0 1-.543-.949 3.964 3.964 0 0 1-.197-1.3c0-.487.066-.92.197-1.299.131-.378.312-.697.543-.957.23-.26.5-.456.81-.591.309-.135.637-.202.983-.202s.673.067.983.202c.309.135.579.332.81.591.23.26.411.579.542.957.131.379.197.812.197 1.3 0 .487-.066.92-.197 1.299a2.711 2.711 0 0 1-.542.95c-.231.253-.501.448-.81.583-.31.135-.637.202-.983.202zm6.857.98v-5.01c0-.156.04-.35.118-.584a2.24 2.24 0 0 1 1.054-1.237c.277-.156.61-.233.998-.233.304 0 .553.044.747.132.194.088.35.213.464.373.116.161.197.35.244.568.047.218.07.457.07.716v5.275h1.338v-5.01c0-.623.189-1.12.566-1.494.377-.374.897-.56 1.557-.56.325 0 .59.046.794.14.205.093.365.22.48.38.115.162.194.351.236.569.042.218.063.451.063.7v5.275h1.337V89.04c0-.415-.066-.77-.197-1.066a1.872 1.872 0 0 0-.55-.724 2.31 2.31 0 0 0-.85-.412 4.3 4.3 0 0 0-1.108-.133c-.535 0-1.025.12-1.471.358a2.826 2.826 0 0 0-1.077 1.012c-.168-.498-.456-.85-.865-1.058a2.98 2.98 0 0 0-1.369-.312c-1.143 0-2.018.457-2.626 1.37h-.032v-1.183h-1.258v8.046h1.337zm15.539.172c.923 0 1.688-.229 2.296-.685.608-.456 1.002-1.136 1.18-2.039h-1.321c-.116.53-.354.924-.716 1.183-.362.26-.826.39-1.392.39-.44 0-.823-.073-1.148-.219a2.249 2.249 0 0 1-.802-.583 2.266 2.266 0 0 1-.456-.84 3.162 3.162 0 0 1-.126-1.004h6.087a6.34 6.34 0 0 0-.134-1.54 4.432 4.432 0 0 0-.598-1.495 3.543 3.543 0 0 0-1.148-1.128c-.477-.296-1.077-.444-1.8-.444-.556 0-1.068.104-1.534.312-.467.207-.87.498-1.211.871-.34.374-.606.815-.794 1.323a4.795 4.795 0 0 0-.283 1.68c.02.613.112 1.178.275 1.697.162.518.406.965.731 1.338.325.373.726.664 1.203.871.477.208 1.04.312 1.691.312zm2.186-4.964h-4.671a2.73 2.73 0 0 1 .204-.88c.116-.275.273-.516.472-.723.2-.208.438-.371.716-.49.278-.12.59-.18.936-.18a2.308 2.308 0 0 1 1.643.662c.205.202.367.443.488.724.12.28.191.575.212.887z"
30
+ }), /*#__PURE__*/_react.default.createElement("mask", {
31
+ id: "b",
32
+ fill: "#fff"
33
+ }, /*#__PURE__*/_react.default.createElement("use", {
34
+ xlinkHref: "#a"
35
+ })), /*#__PURE__*/_react.default.createElement("use", {
36
+ fill: "#56AFEF",
37
+ xlinkHref: "#a"
38
+ }), /*#__PURE__*/_react.default.createElement("path", {
39
+ fill: "#FA6758",
40
+ mask: "url(#b)",
41
+ d: "M4.847 9.575l12.885 24.513 1.69-7.141 4.728-5.935 8.179-2.137 8.312-.468 30.519-.416L39.496-3.862 17.686.058z"
42
+ }), /*#__PURE__*/_react.default.createElement("path", {
43
+ fill: "#F5D923",
44
+ mask: "url(#b)",
45
+ d: "M37.006 18.316l4.94 5.004 3.177 5.005v4.204l-2.375 6.465-13.905 25.851 7.369.399 15.999-5.327 11.28-13.79 3.778-13.859-1.621-10.862-2.032-2.874z"
46
+ }), /*#__PURE__*/_react.default.createElement("path", {
47
+ fill: "#6CE84E",
48
+ mask: "url(#b)",
49
+ d: "M5.003 12.634l5.539 9.194 8.038 12.068 4.051 6.664 3.513 2.606 4.533 1.269 6.155-.139 3.529-1.407L27.796 65.55 5.712 57.086l-9.183-19.785 1.013-14.866z"
50
+ })));
51
+ };
52
+
53
+ exports.ChromeIcon = ChromeIcon;
54
+
55
+ var FirefoxIcon = function FirefoxIcon() {
56
+ return /*#__PURE__*/_react.default.createElement("svg", {
57
+ xmlns: "http://www.w3.org/2000/svg",
58
+ width: "100",
59
+ height: "138"
60
+ }, /*#__PURE__*/_react.default.createElement("g", {
61
+ fill: "none",
62
+ fillRule: "evenodd"
63
+ }, /*#__PURE__*/_react.default.createElement("path", {
64
+ fill: "#555",
65
+ fillRule: "nonzero",
66
+ d: "M28.908 114.938v-5.09h5.116v-1.244h-5.116v-3.532h5.834v-1.245h-7.316v11.11h1.482zm8.657-9.493v-1.618h-1.326v1.618h1.326zm0 9.493v-8.046h-1.326v8.046h1.326zm3.338 0v-3.58c0-.518.052-.977.156-1.377.104-.4.27-.739.5-1.02.228-.28.53-.492.904-.637.374-.145.827-.218 1.357-.218v-1.4c-.718-.021-1.31.124-1.778.435-.468.311-.863.794-1.186 1.447h-.031v-1.696h-1.248v8.046h1.326zm7.066.17c.915 0 1.674-.228 2.277-.684.604-.456.994-1.136 1.17-2.039h-1.31c-.114.53-.35.924-.71 1.183-.358.26-.819.39-1.38.39-.437 0-.816-.073-1.139-.219a2.231 2.231 0 0 1-.795-.583 2.272 2.272 0 0 1-.453-.84 3.186 3.186 0 0 1-.124-1.004h6.036a6.39 6.39 0 0 0-.132-1.54 4.454 4.454 0 0 0-.593-1.495 3.528 3.528 0 0 0-1.139-1.128c-.473-.296-1.068-.444-1.786-.444-.551 0-1.058.104-1.52.312a3.574 3.574 0 0 0-1.202.871c-.338.374-.6.815-.788 1.323a4.83 4.83 0 0 0-.28 1.68c.02.613.111 1.178.273 1.697a3.7 3.7 0 0 0 .725 1.338c.322.373.72.664 1.193.871.473.208 1.032.312 1.677.312zm2.168-4.963h-4.632a2.75 2.75 0 0 1 .202-.88c.115-.275.27-.516.468-.723.198-.208.434-.371.71-.49.276-.12.585-.18.928-.18a2.273 2.273 0 0 1 1.63.662c.203.202.364.443.484.724.12.28.19.575.21.887zm4.649 4.793v-6.879h1.56v-1.167h-1.56v-1.12c0-.353.088-.592.265-.716.177-.125.426-.187.748-.187.115 0 .24.008.375.024.135.015.26.044.374.085v-1.151a2.292 2.292 0 0 0-.429-.094 3.403 3.403 0 0 0-.429-.03c-.728 0-1.281.168-1.66.505-.38.337-.57.832-.57 1.486v1.198h-1.357v1.167h1.357v6.879h1.326zm6.223.17c.645 0 1.21-.106 1.693-.318a3.46 3.46 0 0 0 1.224-.887c.333-.379.583-.823.749-1.33.166-.51.25-1.059.25-1.65 0-.592-.084-1.144-.25-1.658a3.753 3.753 0 0 0-.749-1.338 3.544 3.544 0 0 0-1.224-.895c-.484-.218-1.048-.327-1.693-.327-.634 0-1.196.11-1.684.327-.489.218-.9.516-1.233.895a3.753 3.753 0 0 0-.748 1.338 5.347 5.347 0 0 0-.25 1.658c0 .591.083 1.14.25 1.65.166.507.416.951.748 1.33.333.378.744.674 1.233.887.488.212 1.05.319 1.684.319zm0-1.15c-.343 0-.668-.068-.975-.203a2.335 2.335 0 0 1-.803-.584 2.717 2.717 0 0 1-.538-.949 3.994 3.994 0 0 1-.195-1.3c0-.487.065-.92.195-1.299.13-.378.31-.697.538-.957.229-.26.497-.456.803-.591.307-.135.632-.202.975-.202.344 0 .668.067.975.202.307.135.575.332.804.591.228.26.408.579.538.957.13.379.195.812.195 1.3 0 .487-.065.92-.195 1.299-.13.379-.31.695-.538.95a2.335 2.335 0 0 1-.804.583 2.396 2.396 0 0 1-.975.202zm6.224.98l2.246-3.33 2.246 3.33h1.7l-3.119-4.342 2.777-3.704H71.49l-2.012 2.817-1.934-2.817h-1.7l2.808 3.813-3.027 4.233h1.607z"
67
+ }), /*#__PURE__*/_react.default.createElement("g", {
68
+ fill: "#F5A623"
69
+ }, /*#__PURE__*/_react.default.createElement("path", {
70
+ d: "M49.376 20c17.88 0 32.375 14.215 32.375 31.751S67.256 83.502 49.376 83.502C31.495 83.502 17 69.287 17 51.752 17 34.214 31.495 20 49.376 20zm.076 2.153c-12.338 0-22.954 7.21-27.675 17.552-1.68 3.68-.581 7.757-.581 12.046 0 16.347 12.368 26.07 29.096 26.07s25.971-9.723 25.971-26.07c0-10.034-3.7-17.942-11.119-23.295-.517-.373.57-1.688 0-2.026-4.576-2.715-9.947-4.277-15.692-4.277z"
71
+ }), /*#__PURE__*/_react.default.createElement("path", {
72
+ d: "M22.869 26.675l4.353 6.161 7.467.665 7.238-4.07-2.279 4.735s1.109 1.6 1.109 3.106h7.209s1.448.93.2 2.371c-1.248 1.442-6.374 5.347-6.374 5.347l-.035 4.14-4.727.1s-.144 5.626 3.654 6.663c3.797 1.038 8.788-1.498 8.788-1.498s3.813-.577 5.261 1.103 1.286 2.21-.564 2.813c-1.85.604-6.022 4.097-9.217 4.097-3.195 0-4.199-.134-4.199-.134s1.302 1.964 3.956 2.802c2.654.837 14.941 3.831 21.067-6.86 1.25-2.718 1.215-7.868 1.215-7.868l2.619 1.737s1.71-6.64 0-10.727l2.074-.277s-3.62-7.605-11.955-9.627l4.824-1.26s-3.256-3.03-8.467-3.998l9.163.235 9.602 8.859 4.087 12.86-1.375 12.99-6.327 10.396-8.14 6.695-10.347 2.867-16.34-2.198L21.61 65.64l-2.95-20.058 2.344-8.663 1.864-10.244z"
73
+ }))));
74
+ };
75
+
76
+ exports.FirefoxIcon = FirefoxIcon;
package/lib/components/browserWarning/BrowserWarning.js CHANGED
@@ -70,16 +70,16 @@ var BrowserWarning = function BrowserWarning(props) {
70
70
  var footerText = isDE ? 'Weiter im IE11' : 'Continue with IE11';
71
71
 
72
72
  var footer = /*#__PURE__*/_react.default.createElement("div", {
73
- className: 'display-flex justify-content-end'
73
+ className: "display-flex justify-content-end"
74
74
  }, /*#__PURE__*/_react.default.createElement("button", {
75
- type: 'button',
76
- className: 'btn btn-link',
75
+ type: "button",
76
+ className: "btn btn-link",
77
77
  onClick: handleClose
78
78
  }, footerText));
79
79
 
80
80
  return /*#__PURE__*/_react.default.createElement(_Dialog.default, {
81
81
  show: showWarning,
82
- className: 'backdrop-blured',
82
+ className: "backdrop-blured",
83
83
  body: body,
84
84
  footer: footer,
85
85
  onHide: handleClose
package/lib/components/browserWarning/BrowserWarningMessageDE.js CHANGED
@@ -9,41 +9,39 @@ exports.default = void 0;
9
9
 
10
10
  var _react = _interopRequireDefault(require("react"));
11
11
 
12
- var _chrome = _interopRequireDefault(require("./chrome.svg"));
13
-
14
- var _firefox = _interopRequireDefault(require("./firefox.svg"));
12
+ var _BrowserIcons = require("./BrowserIcons");
15
13
 
16
14
  var BrowserWarningMessageDE = function BrowserWarningMessageDE(_ref) {
17
15
  var onBrowserSelect = _ref.onBrowserSelect;
18
16
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
19
- className: 'text-center padding-right-1pct padding-left-1pct'
17
+ className: "text-center padding-right-1pct padding-left-1pct"
20
18
  }, /*#__PURE__*/_react.default.createElement("h1", {
21
- className: 'margin-bottom-25 padding-top-25'
22
- }, 'Sie nutzen einen veralteten Browser'), /*#__PURE__*/_react.default.createElement("p", {
23
- className: 'text-size-18 margin-bottom-25'
24
- }, 'Der ', /*#__PURE__*/_react.default.createElement("b", null, 'Internet Explorer'), ' ist mit seinen knapp 7 Jahren nun langsam ins hohe Alter gekommen und kann ', 'in Sachen ', /*#__PURE__*/_react.default.createElement("b", null, 'Schnelligkeit'), ', ', /*#__PURE__*/_react.default.createElement("b", null, 'Features'), ' aber vor allem in Punkto ', /*#__PURE__*/_react.default.createElement("b", null, 'Sicherheit'), ', nicht mehr mit modernen Browsern mithalten.'), /*#__PURE__*/_react.default.createElement("p", {
25
- className: 'text-size-18 margin-bottom-25'
26
- }, 'Wir bei RIO haben uns das Ziel gesetzt, Ihnen die ', /*#__PURE__*/_react.default.createElement("b", null, 'bestmögliche Software'), ' bereitzustellen um Ihnen ein ', /*#__PURE__*/_react.default.createElement("b", null, 'optimales Nutzungserlebnis'), ' zu bieten. Daher haben wir uns dazu entschlossen den Support für ', 'den IE11 einzustellen.'), /*#__PURE__*/_react.default.createElement("p", {
27
- className: 'text-size-18'
28
- }, /*#__PURE__*/_react.default.createElement("b", null, 'Erleben Sie RIO von einer ganz neuen Seite, z.B. mit einem der folgenden Browser:'))), /*#__PURE__*/_react.default.createElement("div", {
19
+ className: "margin-bottom-25 padding-top-25"
20
+ }, "Sie nutzen einen veralteten Browser"), /*#__PURE__*/_react.default.createElement("p", {
21
+ className: "text-size-18 margin-bottom-25"
22
+ }, 'Der ', /*#__PURE__*/_react.default.createElement("b", null, "Internet Explorer"), ' ist mit seinen knapp 7 Jahren nun langsam ins hohe Alter gekommen und kann ', 'in Sachen ', /*#__PURE__*/_react.default.createElement("b", null, "Schnelligkeit"), ', ', /*#__PURE__*/_react.default.createElement("b", null, "Features"), ' aber vor allem in Punkto ', /*#__PURE__*/_react.default.createElement("b", null, "Sicherheit"), ", nicht mehr mit modernen Browsern mithalten."), /*#__PURE__*/_react.default.createElement("p", {
23
+ className: "text-size-18 margin-bottom-25"
24
+ }, 'Wir bei RIO haben uns das Ziel gesetzt, Ihnen die ', /*#__PURE__*/_react.default.createElement("b", null, "bestm\xF6gliche Software"), ' bereitzustellen um Ihnen ein ', /*#__PURE__*/_react.default.createElement("b", null, "optimales Nutzungserlebnis"), ' zu bieten. Daher haben wir uns dazu entschlossen den Support für ', "den IE11 einzustellen."), /*#__PURE__*/_react.default.createElement("p", {
25
+ className: "text-size-18"
26
+ }, /*#__PURE__*/_react.default.createElement("b", null, "Erleben Sie RIO von einer ganz neuen Seite, z.B. mit einem der folgenden Browser:"))), /*#__PURE__*/_react.default.createElement("div", {
29
27
  className: "display-flex justify-content-center justify-content-around flex-wrap\n padding-right-2pct-ls padding-left-2pct-ls"
30
28
  }, /*#__PURE__*/_react.default.createElement("a", {
31
- href: 'https://www.google.com/chrome/',
32
- target: '_blank',
33
- rel: 'noopener noreferrer',
34
- className: 'display-block hover-scale-110',
29
+ href: "https://www.google.com/chrome/",
30
+ target: "_blank",
31
+ rel: "noopener noreferrer",
32
+ className: "display-block hover-scale-110",
35
33
  onClick: function onClick() {
36
34
  return onBrowserSelect('chrome');
37
35
  }
38
- }, /*#__PURE__*/_react.default.createElement(_chrome.default, null)), /*#__PURE__*/_react.default.createElement("a", {
39
- href: 'https://www.mozilla.org/firefox/new/',
40
- target: '_blank',
41
- rel: 'noopener noreferrer',
42
- className: 'display-block hover-scale-110',
36
+ }, /*#__PURE__*/_react.default.createElement(_BrowserIcons.ChromeIcon, null)), /*#__PURE__*/_react.default.createElement("a", {
37
+ href: "https://www.mozilla.org/firefox/new/",
38
+ target: "_blank",
39
+ rel: "noopener noreferrer",
40
+ className: "display-block hover-scale-110",
43
41
  onClick: function onClick() {
44
42
  return onBrowserSelect('firefox');
45
43
  }
46
- }, /*#__PURE__*/_react.default.createElement(_firefox.default, null))));
44
+ }, /*#__PURE__*/_react.default.createElement(_BrowserIcons.FirefoxIcon, null))));
47
45
  };
48
46
 
49
47
  var _default = BrowserWarningMessageDE;
package/lib/components/browserWarning/BrowserWarningMessageEN.js CHANGED
@@ -9,41 +9,39 @@ exports.default = void 0;
9
9
 
10
10
  var _react = _interopRequireDefault(require("react"));
11
11
 
12
- var _chrome = _interopRequireDefault(require("./chrome.svg"));
13
-
14
- var _firefox = _interopRequireDefault(require("./firefox.svg"));
12
+ var _BrowserIcons = require("./BrowserIcons");
15
13
 
16
14
  var BrowserWarningMessageEN = function BrowserWarningMessageEN(_ref) {
17
15
  var onBrowserSelect = _ref.onBrowserSelect;
18
16
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
19
- className: 'text-center padding-right-1pct padding-left-1pct'
17
+ className: "text-center padding-right-1pct padding-left-1pct"
20
18
  }, /*#__PURE__*/_react.default.createElement("h1", {
21
- className: 'margin-bottom-25 padding-top-25'
22
- }, 'You are using an outdated browser'), /*#__PURE__*/_react.default.createElement("p", {
23
- className: 'text-size-18 margin-bottom-25'
24
- }, 'With just under 7 years the ', /*#__PURE__*/_react.default.createElement("b", null, 'Internet Explorer'), ' is slowly getting old and can no longer keep up with modern browsers in terms of ', /*#__PURE__*/_react.default.createElement("b", null, 'speed'), ', ', /*#__PURE__*/_react.default.createElement("b", null, 'functionality'), ' but above all in terms of ', /*#__PURE__*/_react.default.createElement("b", null, 'security'), '.'), /*#__PURE__*/_react.default.createElement("p", {
25
- className: 'text-size-18 margin-bottom-25'
26
- }, 'We at RIO, have set ourselves the goal of providing you with the ', /*#__PURE__*/_react.default.createElement("b", null, 'best possible software'), ' to offer you the ', /*#__PURE__*/_react.default.createElement("b", null, 'best possible user experience'), '. Therefore, we have decided to end the support for the IE11.'), /*#__PURE__*/_react.default.createElement("p", {
27
- className: 'text-size-18'
28
- }, /*#__PURE__*/_react.default.createElement("b", null, 'Experience RIO from a whole new side with a modern browser:'))), /*#__PURE__*/_react.default.createElement("div", {
19
+ className: "margin-bottom-25 padding-top-25"
20
+ }, "You are using an outdated browser"), /*#__PURE__*/_react.default.createElement("p", {
21
+ className: "text-size-18 margin-bottom-25"
22
+ }, 'With just under 7 years the ', /*#__PURE__*/_react.default.createElement("b", null, "Internet Explorer"), ' is slowly getting old and can no longer keep up with modern browsers in terms of ', /*#__PURE__*/_react.default.createElement("b", null, "speed"), ', ', /*#__PURE__*/_react.default.createElement("b", null, "functionality"), ' but above all in terms of ', /*#__PURE__*/_react.default.createElement("b", null, "security"), "."), /*#__PURE__*/_react.default.createElement("p", {
23
+ className: "text-size-18 margin-bottom-25"
24
+ }, 'We at RIO, have set ourselves the goal of providing you with the ', /*#__PURE__*/_react.default.createElement("b", null, "best possible software"), ' to offer you the ', /*#__PURE__*/_react.default.createElement("b", null, "best possible user experience"), ". Therefore, we have decided to end the support for the IE11."), /*#__PURE__*/_react.default.createElement("p", {
25
+ className: "text-size-18"
26
+ }, /*#__PURE__*/_react.default.createElement("b", null, "Experience RIO from a whole new side with a modern browser:"))), /*#__PURE__*/_react.default.createElement("div", {
29
27
  className: "display-flex justify-content-center justify-content-around flex-wrap\n padding-right-2pct-ls padding-left-2pct-ls"
30
28
  }, /*#__PURE__*/_react.default.createElement("a", {
31
- href: 'https://www.google.com/chrome/',
32
- target: '_blank',
33
- rel: 'noopener noreferrer',
34
- className: 'display-block hover-scale-110',
29
+ href: "https://www.google.com/chrome/",
30
+ target: "_blank",
31
+ rel: "noopener noreferrer",
32
+ className: "display-block hover-scale-110",
35
33
  onClick: function onClick() {
36
34
  return onBrowserSelect('chrome');
37
35
  }
38
- }, /*#__PURE__*/_react.default.createElement(_chrome.default, null)), /*#__PURE__*/_react.default.createElement("a", {
39
- href: 'https://www.mozilla.org/firefox/new/',
40
- target: '_blank',
41
- rel: 'noopener noreferrer',
42
- className: 'display-block hover-scale-110',
36
+ }, /*#__PURE__*/_react.default.createElement(_BrowserIcons.ChromeIcon, null)), /*#__PURE__*/_react.default.createElement("a", {
37
+ href: "https://www.mozilla.org/firefox/new/",
38
+ target: "_blank",
39
+ rel: "noopener noreferrer",
40
+ className: "display-block hover-scale-110",
43
41
  onClick: function onClick() {
44
42
  return onBrowserSelect('firefox');
45
43
  }
46
- }, /*#__PURE__*/_react.default.createElement(_firefox.default, null))));
44
+ }, /*#__PURE__*/_react.default.createElement(_BrowserIcons.FirefoxIcon, null))));
47
45
  };
48
46
 
49
47
  var _default = BrowserWarningMessageEN;
package/lib/components/dialog/ConfirmationDialog.js CHANGED
@@ -26,13 +26,15 @@ var ConfirmationDialog = function ConfirmationDialog(props) {
26
26
  confirmButtonText = props.confirmButtonText,
27
27
  disableConfirm = props.disableConfirm;
28
28
 
29
- var footer = /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("button", {
30
- type: 'button',
31
- className: 'CancelButton btn btn-default',
29
+ var footer = /*#__PURE__*/_react.default.createElement("div", {
30
+ className: "display-flex justify-content-end btn-toolbar"
31
+ }, /*#__PURE__*/_react.default.createElement("button", {
32
+ type: "button",
33
+ className: "CancelButton btn btn-default",
32
34
  onClick: onClickCancel
33
35
  }, cancelButtonText), /*#__PURE__*/_react.default.createElement("button", {
34
- type: 'button',
35
- className: 'ConfirmationButton btn btn-primary',
36
+ type: "button",
37
+ className: "ConfirmationButton btn btn-primary",
36
38
  onClick: onClickConfirm,
37
39
  disabled: disableConfirm
38
40
  }, confirmButtonText));
@@ -42,7 +44,7 @@ var ConfirmationDialog = function ConfirmationDialog(props) {
42
44
  footer: footer,
43
45
  onHide: onClickCancel,
44
46
  showCloseButton: false,
45
- className: 'confirmation-dialog',
47
+ className: "confirmation-dialog",
46
48
  disableEsc: true
47
49
  }));
48
50
  };
package/lib/components/dialog/SaveDialog.js CHANGED
@@ -35,7 +35,9 @@ var SaveDialog = function SaveDialog(props) {
35
35
  onClickConfirm = props.onClickConfirm,
36
36
  confirmButtonText = props.confirmButtonText;
37
37
 
38
- var footer = /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("button", {
38
+ var footer = /*#__PURE__*/_react.default.createElement("div", {
39
+ className: "display-flex justify-content-end btn-toolbar"
40
+ }, /*#__PURE__*/_react.default.createElement("button", {
39
41
  type: "button",
40
42
  className: "DiscardButton btn btn-default",
41
43
  onClick: onClickDiscard
package/lib/components/map/components/features/old/MapSettings.js CHANGED
@@ -29,9 +29,9 @@ var _isString = _interopRequireDefault(require("lodash/fp/isString"));
29
29
 
30
30
  var _map = _interopRequireDefault(require("lodash/fp/map"));
31
31
 
32
- var _icon_map_settings_active = _interopRequireDefault(require("./assets/icon_map_settings_active.svg"));
32
+ var _icon_map_settings_active = require("./assets/icon_map_settings_active.svg");
33
33
 
34
- var _icon_map_settings_inactive = _interopRequireDefault(require("./assets/icon_map_settings_inactive.svg"));
34
+ var _icon_map_settings_inactive = require("./assets/icon_map_settings_inactive.svg");
35
35
 
36
36
  var _MapTypeSettings = _interopRequireDefault(require("./settings/MapTypeSettings"));
37
37
 
@@ -90,12 +90,12 @@ var MapSettings = /*#__PURE__*/function (_React$Component) {
90
90
 
91
91
  var getMapSettingsTile = function getMapSettingsTile() {
92
92
  var mapSettingsTile = /*#__PURE__*/_react.default.createElement("div", {
93
- className: 'MapSettingsTile MapSettingsToggle bg-white padding-5 shadow-smooth cursor-pointer',
93
+ className: "MapSettingsTile MapSettingsToggle bg-white padding-5 shadow-smooth cursor-pointer",
94
94
  onClick: _this2.handleToggleSettingsMenu,
95
95
  title: (0, _isString.default)(mapSettingsTooltip) ? mapSettingsTooltip : null
96
- }, /*#__PURE__*/_react.default.createElement(_icon_map_settings_active.default, {
96
+ }, /*#__PURE__*/_react.default.createElement(_icon_map_settings_active.ReactComponent, {
97
97
  className: mapSettingsIconClasses
98
- }), /*#__PURE__*/_react.default.createElement(_icon_map_settings_inactive.default, {
98
+ }), /*#__PURE__*/_react.default.createElement(_icon_map_settings_inactive.ReactComponent, {
99
99
  className: mapSettingsIconInactiveClasses
100
100
  }));
101
101
 
package/lib/components/map/components/features/old/settings/MapClusterSettings.js CHANGED
@@ -15,13 +15,13 @@ var _MapSettingsPanel = _interopRequireDefault(require("./MapSettingsPanel"));
15
15
 
16
16
  var _MapSettingsButton = _interopRequireDefault(require("./MapSettingsButton"));
17
17
 
18
- var _icon_map_settings_no_cluster_active = _interopRequireDefault(require("../assets/icon_map_settings_no_cluster_active.svg"));
18
+ var _icon_map_settings_no_cluster_active = require("../assets/icon_map_settings_no_cluster_active.svg");
19
19
 
20
- var _icon_map_settings_no_cluster_inactive = _interopRequireDefault(require("../assets/icon_map_settings_no_cluster_inactive.svg"));
20
+ var _icon_map_settings_no_cluster_inactive = require("../assets/icon_map_settings_no_cluster_inactive.svg");
21
21
 
22
- var _icon_map_settings_cluster_active = _interopRequireDefault(require("../assets/icon_map_settings_cluster_active.svg"));
22
+ var _icon_map_settings_cluster_active = require("../assets/icon_map_settings_cluster_active.svg");
23
23
 
24
- var _icon_map_settings_cluster_inactive = _interopRequireDefault(require("../assets/icon_map_settings_cluster_inactive.svg"));
24
+ var _icon_map_settings_cluster_inactive = require("../assets/icon_map_settings_cluster_inactive.svg");
25
25
 
26
26
  var MapClusterSettings = function MapClusterSettings(props) {
27
27
  var showCluster = props.showCluster,
@@ -32,28 +32,28 @@ var MapClusterSettings = function MapClusterSettings(props) {
32
32
  };
33
33
 
34
34
  return /*#__PURE__*/_react.default.createElement(_MapSettingsPanel.default, {
35
- className: 'MapSettingsCluster'
35
+ className: "MapSettingsCluster"
36
36
  }, /*#__PURE__*/_react.default.createElement(_MapSettingsButton.default, {
37
37
  onClick: function onClick() {
38
38
  return handleShowCluster(false);
39
39
  },
40
40
  isActive: !showCluster,
41
- activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_no_cluster_active.default, {
42
- className: 'MapNoClusterIcon'
41
+ activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_no_cluster_active.ReactComponent, {
42
+ className: "MapNoClusterIcon"
43
43
  }),
44
- inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_no_cluster_inactive.default, {
45
- className: 'MapNoClusterIconInactive'
44
+ inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_no_cluster_inactive.ReactComponent, {
45
+ className: "MapNoClusterIconInactive"
46
46
  })
47
47
  }), /*#__PURE__*/_react.default.createElement(_MapSettingsButton.default, {
48
48
  onClick: function onClick() {
49
49
  return handleShowCluster(true);
50
50
  },
51
51
  isActive: showCluster,
52
- activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_cluster_active.default, {
53
- className: 'MapClusterIcon'
52
+ activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_cluster_active.ReactComponent, {
53
+ className: "MapClusterIcon"
54
54
  }),
55
- inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_cluster_inactive.default, {
56
- className: 'MapClusterIconInactive'
55
+ inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_cluster_inactive.ReactComponent, {
56
+ className: "MapClusterIconInactive"
57
57
  })
58
58
  }));
59
59
  };
package/lib/components/map/components/features/old/settings/MapLayerSettings.js CHANGED
@@ -17,45 +17,45 @@ var _MapSettingsPanel = _interopRequireDefault(require("./MapSettingsPanel"));
17
17
 
18
18
  var _MapSettingsButton = _interopRequireDefault(require("./MapSettingsButton"));
19
19
 
20
- var _icon_map_settings_construction_active = _interopRequireDefault(require("../assets/icon_map_settings_construction_active.svg"));
20
+ var _icon_map_settings_construction_active = require("../assets/icon_map_settings_construction_active.svg");
21
21
 
22
- var _icon_map_settings_construction_inactive = _interopRequireDefault(require("../assets/icon_map_settings_construction_inactive.svg"));
22
+ var _icon_map_settings_construction_inactive = require("../assets/icon_map_settings_construction_inactive.svg");
23
23
 
24
- var _icon_map_settings_traffic_active = _interopRequireDefault(require("../assets/icon_map_settings_traffic_active.svg"));
24
+ var _icon_map_settings_traffic_active = require("../assets/icon_map_settings_traffic_active.svg");
25
25
 
26
- var _icon_map_settings_traffic_inactive = _interopRequireDefault(require("../assets/icon_map_settings_traffic_inactive.svg"));
26
+ var _icon_map_settings_traffic_inactive = require("../assets/icon_map_settings_traffic_inactive.svg");
27
27
 
28
- var _icon_map_settings_road_restrictions_active = _interopRequireDefault(require("../assets/icon_map_settings_road_restrictions_active.svg"));
28
+ var _icon_map_settings_road_restrictions_active = require("../assets/icon_map_settings_road_restrictions_active.svg");
29
29
 
30
- var _icon_map_settings_road_restrictions_inactive = _interopRequireDefault(require("../assets/icon_map_settings_road_restrictions_inactive.svg"));
30
+ var _icon_map_settings_road_restrictions_inactive = require("../assets/icon_map_settings_road_restrictions_inactive.svg");
31
31
 
32
32
  var MapLayerSettings = function MapLayerSettings(props) {
33
33
  var mapLayer = props.mapLayer,
34
34
  onMapLayerChange = props.onMapLayerChange;
35
35
  return /*#__PURE__*/_react.default.createElement(_MapSettingsPanel.default, null, /*#__PURE__*/_react.default.createElement(_MapSettingsButton.default, {
36
- className: 'MapLayerIncidents',
36
+ className: "MapLayerIncidents",
37
37
  onClick: function onClick() {
38
38
  return onMapLayerChange(_constants.MAP_LAYER_INCIDENTS);
39
39
  },
40
40
  isActive: mapLayer.includes(_constants.MAP_LAYER_INCIDENTS),
41
- activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_construction_active.default, null),
42
- inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_construction_inactive.default, null)
41
+ activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_construction_active.ReactComponent, null),
42
+ inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_construction_inactive.ReactComponent, null)
43
43
  }), /*#__PURE__*/_react.default.createElement(_MapSettingsButton.default, {
44
- className: 'MapLayerTraffic',
44
+ className: "MapLayerTraffic",
45
45
  onClick: function onClick() {
46
46
  return onMapLayerChange(_constants.MAP_LAYER_TRAFFIC);
47
47
  },
48
48
  isActive: mapLayer.includes(_constants.MAP_LAYER_TRAFFIC),
49
- activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_traffic_active.default, null),
50
- inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_traffic_inactive.default, null)
49
+ activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_traffic_active.ReactComponent, null),
50
+ inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_traffic_inactive.ReactComponent, null)
51
51
  }), /*#__PURE__*/_react.default.createElement(_MapSettingsButton.default, {
52
- className: 'MapLayerRoadRestrictions',
52
+ className: "MapLayerRoadRestrictions",
53
53
  onClick: function onClick() {
54
54
  return onMapLayerChange(_constants.MAP_LAYER_ROAD_RESTRICTIONS);
55
55
  },
56
56
  isActive: mapLayer.includes(_constants.MAP_LAYER_ROAD_RESTRICTIONS),
57
- activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_road_restrictions_active.default, null),
58
- inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_road_restrictions_inactive.default, null)
57
+ activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_road_restrictions_active.ReactComponent, null),
58
+ inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_road_restrictions_inactive.ReactComponent, null)
59
59
  }));
60
60
  };
61
61
 
package/lib/components/map/components/features/old/settings/MapTypeSettings.js CHANGED
@@ -19,21 +19,21 @@ var _MapSettingsPanel = _interopRequireDefault(require("./MapSettingsPanel"));
19
19
 
20
20
  var _MapSettingsButton = _interopRequireDefault(require("./MapSettingsButton"));
21
21
 
22
- var _icon_map_settings_maptype_flat_active = _interopRequireDefault(require("../assets/icon_map_settings_maptype_flat_active.svg"));
22
+ var _icon_map_settings_maptype_flat_active = require("../assets/icon_map_settings_maptype_flat_active.svg");
23
23
 
24
- var _icon_map_settings_maptype_flat_inactive = _interopRequireDefault(require("../assets/icon_map_settings_maptype_flat_inactive.svg"));
24
+ var _icon_map_settings_maptype_flat_inactive = require("../assets/icon_map_settings_maptype_flat_inactive.svg");
25
25
 
26
- var _icon_map_settings_maptype_flat_truck_active = _interopRequireDefault(require("../assets/icon_map_settings_maptype_flat_truck_active.svg"));
26
+ var _icon_map_settings_maptype_flat_truck_active = require("../assets/icon_map_settings_maptype_flat_truck_active.svg");
27
27
 
28
- var _icon_map_settings_maptype_flat_truck_inactive = _interopRequireDefault(require("../assets/icon_map_settings_maptype_flat_truck_inactive.svg"));
28
+ var _icon_map_settings_maptype_flat_truck_inactive = require("../assets/icon_map_settings_maptype_flat_truck_inactive.svg");
29
29
 
30
- var _icon_map_settings_maptype_satelite_active = _interopRequireDefault(require("../assets/icon_map_settings_maptype_satelite_active.svg"));
30
+ var _icon_map_settings_maptype_satelite_active = require("../assets/icon_map_settings_maptype_satelite_active.svg");
31
31
 
32
- var _icon_map_settings_maptype_satelite_inactive = _interopRequireDefault(require("../assets/icon_map_settings_maptype_satelite_inactive.svg"));
32
+ var _icon_map_settings_maptype_satelite_inactive = require("../assets/icon_map_settings_maptype_satelite_inactive.svg");
33
33
 
34
- var _icon_map_settings_maptype_terrain_active = _interopRequireDefault(require("../assets/icon_map_settings_maptype_terrain_active.svg"));
34
+ var _icon_map_settings_maptype_terrain_active = require("../assets/icon_map_settings_maptype_terrain_active.svg");
35
35
 
36
- var _icon_map_settings_maptype_terrain_inactive = _interopRequireDefault(require("../assets/icon_map_settings_maptype_terrain_inactive.svg"));
36
+ var _icon_map_settings_maptype_terrain_inactive = require("../assets/icon_map_settings_maptype_terrain_inactive.svg");
37
37
 
38
38
  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); }
39
39
 
@@ -51,37 +51,37 @@ var MapTypeSettings = function MapTypeSettings(props) {
51
51
  };
52
52
  }, [mapType]);
53
53
  return /*#__PURE__*/_react.default.createElement(_MapSettingsPanel.default, null, /*#__PURE__*/_react.default.createElement(_MapSettingsButton.default, {
54
- className: 'MapTypeSatelite',
54
+ className: "MapTypeSatelite",
55
55
  onClick: function onClick() {
56
56
  return onMapTypeChange(_constants.MAP_TYPE_SATELLITE);
57
57
  },
58
58
  isActive: type.isSatellite,
59
- activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_maptype_satelite_active.default, null),
60
- inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_maptype_satelite_inactive.default, null)
59
+ activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_maptype_satelite_active.ReactComponent, null),
60
+ inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_maptype_satelite_inactive.ReactComponent, null)
61
61
  }), /*#__PURE__*/_react.default.createElement(_MapSettingsButton.default, {
62
- className: 'MapTypeTerrain',
62
+ className: "MapTypeTerrain",
63
63
  onClick: function onClick() {
64
64
  return onMapTypeChange(_constants.MAP_TYPE_TERRAIN);
65
65
  },
66
66
  isActive: type.isTerrain,
67
- activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_maptype_terrain_active.default, null),
68
- inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_maptype_terrain_inactive.default, null)
67
+ activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_maptype_terrain_active.ReactComponent, null),
68
+ inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_maptype_terrain_inactive.ReactComponent, null)
69
69
  }), /*#__PURE__*/_react.default.createElement(_MapSettingsButton.default, {
70
- className: 'MapTypeFlatTruck',
70
+ className: "MapTypeFlatTruck",
71
71
  onClick: function onClick() {
72
72
  return onMapTypeChange(_constants.MAP_TYPE_FLEET_STYLE);
73
73
  },
74
74
  isActive: type.isFleetStyle,
75
- activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_maptype_flat_truck_active.default, null),
76
- inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_maptype_flat_truck_inactive.default, null)
75
+ activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_maptype_flat_truck_active.ReactComponent, null),
76
+ inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_maptype_flat_truck_inactive.ReactComponent, null)
77
77
  }), /*#__PURE__*/_react.default.createElement(_MapSettingsButton.default, {
78
- className: 'MapTypeFlat',
78
+ className: "MapTypeFlat",
79
79
  onClick: function onClick() {
80
80
  return onMapTypeChange(_constants.MAP_TYPE_DEFAULT);
81
81
  },
82
82
  isActive: type.isDefault,
83
- activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_maptype_flat_active.default, null),
84
- inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_maptype_flat_inactive.default, null)
83
+ activeIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_maptype_flat_active.ReactComponent, null),
84
+ inactiveIcon: /*#__PURE__*/_react.default.createElement(_icon_map_settings_maptype_flat_inactive.ReactComponent, null)
85
85
  }));
86
86
  };
87
87
 
package/lib/components/map/components/features/settings/ZoomButtons.js CHANGED
@@ -11,9 +11,7 @@ var _react = _interopRequireDefault(require("react"));
11
11
 
12
12
  var _propTypes = _interopRequireDefault(require("prop-types"));
13
13
 
14
- var _icon_zoom_in = _interopRequireDefault(require("../../../assets/icon_zoom_in.svg"));
15
-
16
- var _icon_zoom_out = _interopRequireDefault(require("../../../assets/icon_zoom_out.svg"));
14
+ var _MapIcon = require("../../../icons/MapIcon");
17
15
 
18
16
  var _classnames = _interopRequireDefault(require("classnames"));
19
17
 
@@ -24,19 +22,21 @@ var ZoomButtons = function ZoomButtons(_ref) {
24
22
  return /*#__PURE__*/_react.default.createElement("div", {
25
23
  className: buttonClasses
26
24
  }, /*#__PURE__*/_react.default.createElement("div", {
27
- className: 'MapSettingsTile',
25
+ className: "MapSettingsTile",
28
26
  onClick: onZoomIn
29
- }, /*#__PURE__*/_react.default.createElement(_icon_zoom_in.default, {
30
- className: 'display-block hover-scale-110',
27
+ }, /*#__PURE__*/_react.default.createElement(_MapIcon.MapIcon, {
28
+ name: _MapIcon.ZOOM_IN,
29
+ className: "display-block hover-scale-110",
31
30
  height: 16,
32
31
  width: 16
33
32
  })), /*#__PURE__*/_react.default.createElement("div", {
34
- className: 'MapSettingsTileSpacer'
33
+ className: "MapSettingsTileSpacer"
35
34
  }), /*#__PURE__*/_react.default.createElement("div", {
36
- className: 'MapSettingsTile',
35
+ className: "MapSettingsTile",
37
36
  onClick: onZoomOut
38
- }, /*#__PURE__*/_react.default.createElement(_icon_zoom_out.default, {
39
- className: 'display-block hover-scale-110',
37
+ }, /*#__PURE__*/_react.default.createElement(_MapIcon.MapIcon, {
38
+ name: _MapIcon.ZOOM_OUT,
39
+ className: "display-block hover-scale-110",
40
40
  height: 16,
41
41
  width: 16
42
42
  })));