react-map-gl - npm Package Compare versions

Comparing version 6.1.9 to 6.1.10

CHANGELOG.md

@@ -5,2 +5,7 @@ # CHANGELOG
 
+## 6.1.10 (Feb 26, 2021)
+
+- Block transition on initial mount (#1367)
+- Improve typescript bindings (#1369)
+
 ## 6.1.9 (Feb 20, 2021)
@@ -7,0 +12,0 @@

dist/es5/components/interactive-map.d.ts

@@ -12,4 +12,4 @@ import {ReactElement, Ref} from 'react';
 export type MapEvent = MjolnirEvent & {
-  point: Array<number>,
-  lngLat: Array<number>,
+  point: [x: number, y: number],
+  lngLat: [longitude: number, latitude: number],
   features?: Array<any>
@@ -16,0 +16,0 @@ };

dist/es5/utils/map-controller.d.ts

@@ -8,14 +8,18 @@ import MapState from './map-state';
   offsetCenter: {x: number, y: number},
-  deltaX: number,
-  deltaY: number,
-  delta: number,
-  scale: number,
-  rotation: number,
-  pointerType: string,
-  metaKey: boolean,
-  rightButton: boolean,
-  stopPropagation: Function,
-  preventDefault: Function,
+  deltaX?: number,
+  deltaY?: number,
+  delta?: number,
+  scale?: number,
+  rotation?: number,
+  pointerType?: string,
+  metaKey?: boolean,
+  key?: number,
+  leftButton?: boolean,
+  middleButton?: boolean,
+  rightButton?: boolean,
+  stopPropagation: () => void,
+  stopImmediatePropagation: () => void,
+  preventDefault: () => void,
   target: HTMLElement,
-  srcEvent: any
+  srcEvent: MouseEvent | PointerEvent | TouchEvent
 };
@@ -22,0 +26,0 @@

dist/es5/utils/transition-manager.js

@@ -54,5 +54,6 @@ "use strict";
 var TransitionManager = function () {
-  function TransitionManager(props, getTime) {
+  function TransitionManager() {
     var _this = this;
 
+    var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     (0, _classCallCheck2["default"])(this, TransitionManager);
@@ -65,6 +66,6 @@ (0, _defineProperty2["default"])(this, "_animationFrame", null);
     });
-    this.props = props;
-    this.onViewportChange = props.onViewportChange || noop;
-    this.onStateChange = props.onStateChange || noop;
-    this.time = getTime || Date.now;
+    this.props = null;
+    this.onViewportChange = opts.onViewportChange || noop;
+    this.onStateChange = opts.onStateChange || noop;
+    this.time = opts.getTime || Date.now;
   }
@@ -83,3 +84,3 @@
 
-      if (this._shouldIgnoreViewportChange(currentProps, nextProps)) {
+      if (!currentProps || this._shouldIgnoreViewportChange(currentProps, nextProps)) {
         return false;
@@ -86,0 +87,0 @@ }

dist/es6/components/interactive-map.d.ts

@@ -12,4 +12,4 @@ import {ReactElement, Ref} from 'react';
 export type MapEvent = MjolnirEvent & {
-  point: Array<number>,
-  lngLat: Array<number>,
+  point: [x: number, y: number],
+  lngLat: [longitude: number, latitude: number],
   features?: Array<any>
@@ -16,0 +16,0 @@ };

dist/es6/utils/map-controller.d.ts

@@ -8,14 +8,18 @@ import MapState from './map-state';
   offsetCenter: {x: number, y: number},
-  deltaX: number,
-  deltaY: number,
-  delta: number,
-  scale: number,
-  rotation: number,
-  pointerType: string,
-  metaKey: boolean,
-  rightButton: boolean,
-  stopPropagation: Function,
-  preventDefault: Function,
+  deltaX?: number,
+  deltaY?: number,
+  delta?: number,
+  scale?: number,
+  rotation?: number,
+  pointerType?: string,
+  metaKey?: boolean,
+  key?: number,
+  leftButton?: boolean,
+  middleButton?: boolean,
+  rightButton?: boolean,
+  stopPropagation: () => void,
+  stopImmediatePropagation: () => void,
+  preventDefault: () => void,
   target: HTMLElement,
-  srcEvent: any
+  srcEvent: MouseEvent | PointerEvent | TouchEvent
 };
@@ -22,0 +26,0 @@

dist/es6/utils/transition-manager.js

@@ -30,3 +30,3 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 export default class TransitionManager {
-  constructor(props, getTime) {
+  constructor(opts = {}) {
     _defineProperty(this, "_animationFrame", null);
@@ -40,6 +40,6 @@
 
-    this.props = props;
-    this.onViewportChange = props.onViewportChange || noop;
-    this.onStateChange = props.onStateChange || noop;
-    this.time = getTime || Date.now;
+    this.props = null;
+    this.onViewportChange = opts.onViewportChange || noop;
+    this.onStateChange = opts.onStateChange || noop;
+    this.time = opts.getTime || Date.now;
   }
@@ -55,3 +55,3 @@
 
-    if (this._shouldIgnoreViewportChange(currentProps, nextProps)) {
+    if (!currentProps || this._shouldIgnoreViewportChange(currentProps, nextProps)) {
       return false;
@@ -58,0 +58,0 @@ }

dist/esm/components/interactive-map.d.ts

@@ -12,4 +12,4 @@ import {ReactElement, Ref} from 'react';
 export type MapEvent = MjolnirEvent & {
-  point: Array<number>,
-  lngLat: Array<number>,
+  point: [x: number, y: number],
+  lngLat: [longitude: number, latitude: number],
   features?: Array<any>
@@ -16,0 +16,0 @@ };

dist/esm/utils/map-controller.d.ts

@@ -8,14 +8,18 @@ import MapState from './map-state';
   offsetCenter: {x: number, y: number},
-  deltaX: number,
-  deltaY: number,
-  delta: number,
-  scale: number,
-  rotation: number,
-  pointerType: string,
-  metaKey: boolean,
-  rightButton: boolean,
-  stopPropagation: Function,
-  preventDefault: Function,
+  deltaX?: number,
+  deltaY?: number,
+  delta?: number,
+  scale?: number,
+  rotation?: number,
+  pointerType?: string,
+  metaKey?: boolean,
+  key?: number,
+  leftButton?: boolean,
+  middleButton?: boolean,
+  rightButton?: boolean,
+  stopPropagation: () => void,
+  stopImmediatePropagation: () => void,
+  preventDefault: () => void,
   target: HTMLElement,
-  srcEvent: any
+  srcEvent: MouseEvent | PointerEvent | TouchEvent
 };
@@ -22,0 +26,0 @@

dist/esm/utils/transition-manager.js

@@ -37,5 +37,7 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 var TransitionManager = function () {
-  function TransitionManager(props, getTime) {
+  function TransitionManager() {
     var _this = this;
 
+    var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
     _classCallCheck(this, TransitionManager);
@@ -51,6 +53,6 @@
 
-    this.props = props;
-    this.onViewportChange = props.onViewportChange || noop;
-    this.onStateChange = props.onStateChange || noop;
-    this.time = getTime || Date.now;
+    this.props = null;
+    this.onViewportChange = opts.onViewportChange || noop;
+    this.onStateChange = opts.onStateChange || noop;
+    this.time = opts.getTime || Date.now;
   }
@@ -69,3 +71,3 @@
 
-      if (this._shouldIgnoreViewportChange(currentProps, nextProps)) {
+      if (!currentProps || this._shouldIgnoreViewportChange(currentProps, nextProps)) {
         return false;
@@ -72,0 +74,0 @@ }

package.json

 {
   "name": "react-map-gl",
   "description": "React components for Mapbox GL JS-compatible libraries",
-  "version": "6.1.9",
+  "version": "6.1.10",
   "keywords": [
@@ -6,0 +6,0 @@ "mapbox",

src/components/interactive-map.d.ts

@@ -12,4 +12,4 @@ import {ReactElement, Ref} from 'react';
 export type MapEvent = MjolnirEvent & {
-  point: Array<number>,
-  lngLat: Array<number>,
+  point: [x: number, y: number],
+  lngLat: [longitude: number, latitude: number],
   features?: Array<any>
@@ -16,0 +16,0 @@ };

src/utils/map-controller.d.ts

@@ -8,14 +8,18 @@ import MapState from './map-state';
   offsetCenter: {x: number, y: number},
-  deltaX: number,
-  deltaY: number,
-  delta: number,
-  scale: number,
-  rotation: number,
-  pointerType: string,
-  metaKey: boolean,
-  rightButton: boolean,
-  stopPropagation: Function,
-  preventDefault: Function,
+  deltaX?: number,
+  deltaY?: number,
+  delta?: number,
+  scale?: number,
+  rotation?: number,
+  pointerType?: string,
+  metaKey?: boolean,
+  key?: number,
+  leftButton?: boolean,
+  middleButton?: boolean,
+  rightButton?: boolean,
+  stopPropagation: () => void,
+  stopImmediatePropagation: () => void,
+  preventDefault: () => void,
   target: HTMLElement,
-  srcEvent: any
+  srcEvent: MouseEvent | PointerEvent | TouchEvent
 };
@@ -22,0 +26,0 @@

src/utils/transition-manager.js

@@ -37,7 +37,7 @@ /* global requestAnimationFrame, cancelAnimationFrame */
 
-  constructor(props, getTime) {
-    this.props = props;
-    this.onViewportChange = props.onViewportChange || noop;
-    this.onStateChange = props.onStateChange || noop;
-    this.time = getTime || Date.now;
+  constructor(opts = {}) {
+    this.props = null;
+    this.onViewportChange = opts.onViewportChange || noop;
+    this.onStateChange = opts.onStateChange || noop;
+    this.time = opts.getTime || Date.now;
   }
@@ -60,3 +60,3 @@
     // NOTE: Be cautious re-ordering statements in this function.
-    if (this._shouldIgnoreViewportChange(currentProps, nextProps)) {
+    if (!currentProps || this._shouldIgnoreViewportChange(currentProps, nextProps)) {
       return false;
@@ -63,0 +63,0 @@ }

No alert changes

Improved metrics

Lines of code

19574

increased by0.09%

Worsened metrics

Total package byte prevSize

1765319

decreased by-0.44%

Number of package files

564

decreased by-0.18%

No dependency changes