react-map-gl - npm Package Compare versions

Comparing version 5.2.9 to 5.2.10

CHANGELOG.md

@@ -5,2 +5,9 @@ # CHANGELOG
 
+## 5.2.10 (Nov 5, 2020)
+
+- Use valid fill-extrusion value for layer type (#1199)
+- Add capturePointerMove to NavigationControl (#1215)
+- Fix user location dot offset (#1220)
+- Safety check before calling cloneElement (#1219)
+
 ## 5.2.9 (Oct 7, 2020)
@@ -7,0 +14,0 @@

dist/es5/components/base-control.js

@@ -40,3 +40,4 @@ "use strict";
   captureClick: _propTypes["default"].bool,
-  captureDoubleClick: _propTypes["default"].bool
+  captureDoubleClick: _propTypes["default"].bool,
+  capturePointerMove: _propTypes["default"].bool
 };
@@ -47,3 +48,4 @@ var defaultProps = {
   captureClick: true,
-  captureDoubleClick: true
+  captureDoubleClick: true,
+  capturePointerMove: false
 };
@@ -89,2 +91,7 @@
     });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onPointerMove", function (evt) {
+      if (_this.props.capturePointerMove) {
+        evt.stopPropagation();
+      }
+    });
     return _this;
@@ -110,3 +117,4 @@ }
           click: this._onClick,
-          dblclick: this._onDblClick
+          dblclick: this._onDblClick,
+          pointermove: this._onPointerMove
         };
@@ -113,0 +121,0 @@ eventManager.watch(this._events, ref);

dist/es5/components/geolocate-control.js

@@ -213,11 +213,12 @@ "use strict";
         key: "location-maker",
-        className: "mapboxgl-user-location-dot",
         longitude: markerPosition.longitude,
         latitude: markerPosition.latitude,
-        onContextMenu: function onContextMenu(e) {
-          return e.preventDefault();
-        },
         captureDrag: false,
         captureDoubleClick: false
-      });
+      }, React.createElement("div", {
+        className: "mapboxgl-user-location-dot",
+        style: {
+          transform: 'translate(-50%, -50%)'
+        }
+      }));
     });
@@ -278,6 +279,3 @@ return _this;
         ref: this._containerRef,
-        style: style,
-        onContextMenu: function onContextMenu(e) {
-          return e.preventDefault();
-        }
+        style: style
       }, this._renderButton('geolocate', label, this._triggerGeolocate)));
@@ -284,0 +282,0 @@ }

dist/es5/components/layer.js

@@ -47,3 +47,3 @@ "use strict";
   circle: 'circle',
-  fillExtrusion: 'fill-extrusion',
+  'fill-extrusion': 'fill-extrusion',
   raster: 'raster',
@@ -50,0 +50,0 @@ background: 'background',

dist/es5/components/source.js

@@ -173,3 +173,3 @@ "use strict";
       return React.Children.map(this.props.children, function (child) {
-        return (0, React.cloneElement)(child, {
+        return child && (0, React.cloneElement)(child, {
           source: _this3.id
@@ -176,0 +176,0 @@ });

dist/es5/overlays/canvas-overlay.js

@@ -45,3 +45,4 @@ "use strict";
   captureClick: false,
-  captureDoubleClick: false
+  captureDoubleClick: false,
+  capturePointerMove: false
 };
@@ -48,0 +49,0 @@

dist/es5/overlays/html-overlay.js

@@ -42,3 +42,4 @@ "use strict";
   captureClick: false,
-  captureDoubleClick: false
+  captureDoubleClick: false,
+  capturePointerMove: false
 };
@@ -45,0 +46,0 @@

dist/es5/overlays/svg-overlay.js

@@ -42,3 +42,4 @@ "use strict";
   captureClick: false,
-  captureDoubleClick: false
+  captureDoubleClick: false,
+  capturePointerMove: false
 };
@@ -45,0 +46,0 @@

dist/es6/components/base-control.js

@@ -10,3 +10,4 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
   captureClick: PropTypes.bool,
-  captureDoubleClick: PropTypes.bool
+  captureDoubleClick: PropTypes.bool,
+  capturePointerMove: PropTypes.bool
 };
@@ -17,3 +18,4 @@ const defaultProps = {
   captureClick: true,
-  captureDoubleClick: true
+  captureDoubleClick: true,
+  capturePointerMove: false
 };
@@ -53,2 +55,8 @@ export default class BaseControl extends PureComponent {
     });
+
+    _defineProperty(this, "_onPointerMove", evt => {
+      if (this.props.capturePointerMove) {
+        evt.stopPropagation();
+      }
+    });
   }
@@ -73,3 +81,4 @@
         click: this._onClick,
-        dblclick: this._onDblClick
+        dblclick: this._onDblClick,
+        pointermove: this._onPointerMove
       };
@@ -76,0 +85,0 @@ eventManager.watch(this._events, ref);

dist/es6/components/geolocate-control.js

@@ -182,9 +182,12 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
         key: "location-maker",
-        className: "mapboxgl-user-location-dot",
         longitude: markerPosition.longitude,
         latitude: markerPosition.latitude,
-        onContextMenu: e => e.preventDefault(),
         captureDrag: false,
         captureDoubleClick: false
-      });
+      }, React.createElement("div", {
+        className: "mapboxgl-user-location-dot",
+        style: {
+          transform: 'translate(-50%, -50%)'
+        }
+      }));
     });
@@ -238,4 +241,3 @@ }
       ref: this._containerRef,
-      style: style,
-      onContextMenu: e => e.preventDefault()
+      style: style
     }, this._renderButton('geolocate', label, this._triggerGeolocate)));
@@ -242,0 +244,0 @@ }

dist/es6/components/layer.js

@@ -14,3 +14,3 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
   circle: 'circle',
-  fillExtrusion: 'fill-extrusion',
+  'fill-extrusion': 'fill-extrusion',
   raster: 'raster',
@@ -17,0 +17,0 @@ background: 'background',

dist/es6/components/source.js

@@ -129,3 +129,3 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 
-    return React.Children.map(this.props.children, child => cloneElement(child, {
+    return React.Children.map(this.props.children, child => child && cloneElement(child, {
       source: this.id
@@ -132,0 +132,0 @@ }));

dist/es6/overlays/canvas-overlay.js

@@ -13,3 +13,4 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
   captureClick: false,
-  captureDoubleClick: false
+  captureDoubleClick: false,
+  capturePointerMove: false
 };
@@ -16,0 +17,0 @@ export default class CanvasOverlay extends BaseControl {

dist/es6/overlays/html-overlay.js

@@ -13,3 +13,4 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
   captureClick: false,
-  captureDoubleClick: false
+  captureDoubleClick: false,
+  capturePointerMove: false
 };
@@ -16,0 +17,0 @@ export default class HTMLOverlay extends BaseControl {

dist/es6/overlays/svg-overlay.js

@@ -13,3 +13,4 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
   captureClick: false,
-  captureDoubleClick: false
+  captureDoubleClick: false,
+  capturePointerMove: false
 };
@@ -16,0 +17,0 @@ export default class SVGOverlay extends BaseControl {

dist/esm/components/base-control.js

@@ -21,3 +21,4 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
   captureClick: PropTypes.bool,
-  captureDoubleClick: PropTypes.bool
+  captureDoubleClick: PropTypes.bool,
+  capturePointerMove: PropTypes.bool
 };
@@ -28,3 +29,4 @@ var defaultProps = {
   captureClick: true,
-  captureDoubleClick: true
+  captureDoubleClick: true,
+  capturePointerMove: false
 };
@@ -78,2 +80,8 @@
 
+    _defineProperty(_assertThisInitialized(_this), "_onPointerMove", function (evt) {
+      if (_this.props.capturePointerMove) {
+        evt.stopPropagation();
+      }
+    });
+
     return _this;
@@ -99,3 +107,4 @@ }
           click: this._onClick,
-          dblclick: this._onDblClick
+          dblclick: this._onDblClick,
+          pointermove: this._onPointerMove
         };
@@ -102,0 +111,0 @@ eventManager.watch(this._events, ref);

dist/esm/components/geolocate-control.js

@@ -198,11 +198,12 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
         key: "location-maker",
-        className: "mapboxgl-user-location-dot",
         longitude: markerPosition.longitude,
         latitude: markerPosition.latitude,
-        onContextMenu: function onContextMenu(e) {
-          return e.preventDefault();
-        },
         captureDrag: false,
         captureDoubleClick: false
-      });
+      }, React.createElement("div", {
+        className: "mapboxgl-user-location-dot",
+        style: {
+          transform: 'translate(-50%, -50%)'
+        }
+      }));
     });
@@ -264,6 +265,3 @@
         ref: this._containerRef,
-        style: style,
-        onContextMenu: function onContextMenu(e) {
-          return e.preventDefault();
-        }
+        style: style
       }, this._renderButton('geolocate', label, this._triggerGeolocate)));
@@ -270,0 +268,0 @@ }

dist/esm/components/layer.js

@@ -25,3 +25,3 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
   circle: 'circle',
-  fillExtrusion: 'fill-extrusion',
+  'fill-extrusion': 'fill-extrusion',
   raster: 'raster',
@@ -28,0 +28,0 @@ background: 'background',

dist/esm/components/source.js

@@ -159,3 +159,3 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
       return React.Children.map(this.props.children, function (child) {
-        return cloneElement(child, {
+        return child && cloneElement(child, {
           source: _this3.id
@@ -162,0 +162,0 @@ });

dist/esm/overlays/canvas-overlay.js

@@ -24,3 +24,4 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
   captureClick: false,
-  captureDoubleClick: false
+  captureDoubleClick: false,
+  capturePointerMove: false
 };
@@ -27,0 +28,0 @@

dist/esm/overlays/html-overlay.js

@@ -23,3 +23,4 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
   captureClick: false,
-  captureDoubleClick: false
+  captureDoubleClick: false,
+  capturePointerMove: false
 };
@@ -26,0 +27,0 @@

dist/esm/overlays/svg-overlay.js

@@ -23,3 +23,4 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
   captureClick: false,
-  captureDoubleClick: false
+  captureDoubleClick: false,
+  capturePointerMove: false
 };
@@ -26,0 +27,0 @@

package.json

 {
   "name": "react-map-gl",
   "description": "A React wrapper for MapboxGL-js and overlay API.",
-  "version": "5.2.9",
+  "version": "5.2.10",
   "keywords": [
@@ -6,0 +6,0 @@ "mapbox",

src/components/base-control.js

@@ -36,3 +36,5 @@ // @flow
   // Stop map double click
-  captureDoubleClick: PropTypes.bool
+  captureDoubleClick: PropTypes.bool,
+  // Stop map pointer move
+  capturePointerMove: PropTypes.bool
 };
@@ -44,3 +46,4 @@
   captureClick: true,
-  captureDoubleClick: true
+  captureDoubleClick: true,
+  capturePointerMove: false
 };
@@ -53,2 +56,3 @@
   captureDoubleClick: boolean,
+  capturePointerMove: boolean,
   children?: any
@@ -87,3 +91,4 @@ };
         click: this._onClick,
-        dblclick: this._onDblClick
+        dblclick: this._onDblClick,
+        pointermove: this._onPointerMove
       };
@@ -129,2 +134,8 @@ eventManager.watch(this._events, ref);
 
+  _onPointerMove = (evt: MjolnirEvent) => {
+    if (this.props.capturePointerMove) {
+      evt.stopPropagation();
+    }
+  };
+
   _render() {
@@ -131,0 +142,0 @@ throw new Error('_render() not implemented');

src/components/geolocate-control.js

@@ -277,9 +277,9 @@ // @flow
         key="location-maker"
-        className="mapboxgl-user-location-dot"
         longitude={markerPosition.longitude}
         latitude={markerPosition.latitude}
-        onContextMenu={e => e.preventDefault()}
         captureDrag={false}
         captureDoubleClick={false}
-      />
+      >
+        <div className="mapboxgl-user-location-dot" style={{transform: 'translate(-50%, -50%)'}} />
+      </Marker>
     );
@@ -302,3 +302,2 @@ };
           style={style}
-          onContextMenu={e => e.preventDefault()}
         >
@@ -305,0 +304,0 @@ {this._renderButton('geolocate', label, this._triggerGeolocate)}

src/components/layer.js

@@ -35,3 +35,3 @@ // @flow
   circle: 'circle',
-  fillExtrusion: 'fill-extrusion',
+  'fill-extrusion': 'fill-extrusion',
   raster: 'raster',
@@ -38,0 +38,0 @@ background: 'background',

src/components/source.js

@@ -152,6 +152,9 @@ // @flow
     this._updateSource();
-    return React.Children.map(this.props.children, child =>
-      cloneElement(child, {
-        source: this.id
-      })
+    return React.Children.map(
+      this.props.children,
+      child =>
+        child &&
+        cloneElement(child, {
+          source: this.id
+        })
     );
@@ -158,0 +161,0 @@ }

src/overlays/canvas-overlay.js

@@ -37,3 +37,4 @@ // @flow
   captureClick: false,
-  captureDoubleClick: false
+  captureDoubleClick: false,
+  capturePointerMove: false
 };
@@ -40,0 +41,0 @@

src/overlays/html-overlay.js

@@ -38,3 +38,4 @@ // @flow
   captureClick: false,
-  captureDoubleClick: false
+  captureDoubleClick: false,
+  capturePointerMove: false
 };
@@ -41,0 +42,0 @@

src/overlays/svg-overlay.js

@@ -38,3 +38,4 @@ // @flow
   captureClick: false,
-  captureDoubleClick: false
+  captureDoubleClick: false,
+  capturePointerMove: false
 };
@@ -41,0 +42,0 @@

No alert changes

Improved metrics

Total package byte prevSize

1568213

increased by0.24%

Lines of code

17275

increased by0.27%

No dependency changes