updated leaflet version and tree-shaked deps

package-lock.json

@@ -7943,9 +7943,9 @@
       }
     },
     "leaflet": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/leaflet/-/leaflet-1.4.0.tgz",
-      "integrity": "sha512-x9j9tGY1+PDLN9pcWTx9/y6C5nezoTMB8BLK5jTakx+H7bPlnbCHfi9Hjg+Qt36sgDz/cb9lrSpNQXmk45Tvhw=="
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/leaflet/-/leaflet-1.6.0.tgz",
+      "integrity": "sha512-CPkhyqWUKZKFJ6K8umN5/D2wrJ2+/8UIpXppY7QDnUZW5bZL5+SEI2J7GBpwh4LIupOKqbNSQXgqmrEJopHVNQ=="
     },
     "leaflet-editable": {
       "version": "1.2.0",
@@ -7960,7 +7960,7 @@
       "resolved": "https://registry.npmjs.org/leaflet-geometryutil/-/leaflet-geometryutil-0.9.1.tgz",
       "integrity": "sha512-DKYLzFBsEcmZSl1fXLM+Pd+7t5IHmY6Ps7XeSnWL1ngr1qxQfcVzhkJT9gxfZrmFWiL96c23xQ0aLcHocV2tVA==",
       "requires": {
-        "leaflet": "1.4.0"
+        "leaflet": "1.6.0"
       }
     },
     "leaflet-routing-machine": {

package.json

@@ -69,7 +69,7 @@
     "history": "^4.7.2",
     "http-errors": "~1.6.2",
     "js-md5": "^0.7.3",
-    "leaflet": "^1.4.0",
+    "leaflet": "^1.6.0",
     "leaflet-editable": "^1.1.0",
     "leaflet-editable-polyline": "muerwre/leaflet-editable-polyline#master",
     "leaflet-geometryutil": "^0.9.0",

src/redux/editor/index.ts

@@ -1,4 +1,4 @@
-import createReducer from 'reduxsauce/lib/createReducer';
+import { createReducer } from '~/utils/reducer';
 import { IDialogs } from '~/constants/dialogs';
 import { MODES } from '~/constants/modes';
 import { EDITOR_HANDLERS } from './handlers';

src/redux/map/index.ts

@@ -1,4 +1,4 @@
-import createReducer from 'reduxsauce/lib/createReducer';
+import { createReducer } from '~/utils/reducer';
 import { MAP_HANDLERS } from './handlers';
 import { DEFAULT_PROVIDER } from '~/constants/providers';
 import { IMapRoute } from './types';

src/redux/user/index.ts

@@ -1,4 +1,4 @@
-import createReducer from 'reduxsauce/lib/createReducer';
+import { createReducer } from '~/utils/reducer';
 import { DEFAULT_USER, IUser } from '~/constants/auth';
 import { USER_HANDLERS } from './handlers';
 

src/utils/marks.ts

@@ -89,10 +89,9 @@ class KmMarksLayer extends LayerGroup {
         html: `
         <div 
           class="leaflet-km-dist ${allwaysPositiveAngleDeg(angle) !== angle ? 'reverse' : ''}" 
-          style="transform: translate(-50%, -50%) rotate(${allwaysPositiveAngleDeg(angle)}deg);"
         >
           ${distance}
-          <svg width="48" height="48" preserveAspectRatio="xMidYMid" transform="rotate(0deg)">        
+          <svg width="48" height="48" preserveAspectRatio="xMidYMid">        
             <image xlink:href="${arrow_image}" x="0" y="0" width="48" height="48"/>
           </svg> 
         </div>

src/utils/reducer.ts

@@ -0,0 +1,13 @@
+// create-reducer.ts
+import { Action } from 'redux';
+
+type Handlers<State, Types extends string, Actions extends Action<Types>> = {
+  readonly [Type in Types]: (state: State, action: Actions) => State
+}
+
+export const createReducer = (
+  initialState,
+  handlers,
+) => (state = initialState, action) => (handlers.hasOwnProperty(action.type)
+  ? handlers[action.type](state, action)
+  : state);