5.0 release prep (#808)

2026-01-18 15:54:22 +00:00 · 2019-05-31 16:06:11 -07:00 · 2019-05-31 16:06:11 -07:00 · 2d9b93293d
commit 2d9b93293d
parent c2c7f28473
49 changed files with 165 additions and 54 deletions
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@ -1,5 +1,106 @@
 # CHANGELOG

+# Version 5.0
+
+## 5.0.0 (May 31, 2019)
+- Update mapbox-gl to 1.0.0 (#795)
+
+# Version 4.1
+
+## 4.1.4 (May 31, 2019)
+- Pass callbacks via MapContext (#799)
+
+## 4.1.3 (May 29, 2019)
+- Fix geolocate control missing key warning (#789)
+- Custom mapbox server (#769)
+
+## 4.1.2 (Apr 12, 2019)
+
+- Fix geolocate control marker styling (#764)
+- Fix synchronous redraw bug (#772)
+
+## 4.1.1 (Mar 14, 2019)
+
+- Fix mapbox export warning (#757)
+
+## 4.1.0 (Mar 14, 2019)
+
+- add fullscreen support (#696)
+- add geolocate control (#724)
+
+# Version 4.0.0
+
+## 4.0.15 (Mar 12, 2019)
+
+- Fix: popup close button click event propagates to map (#751)
+
+## 4.0.14 (Mar 4, 2019)
+
+- Fix static context bug (#749)
+
+## 4.0.13 (Feb 25, 2019)
+
+- Bump mapbox-gl to 0.53 (#739)
+
+## 4.0.12 (Feb 22, 2019)
+
+- add onNativeClick callback (#733)
+- fix synchronous redraw (#736)
+
+## 4.0.11 (Feb 20, 2019)
+
+- Consolidate InteractiveContext and StaticContext into one (#718)
+- Deregister mapbox events listeners when destroy map (#723)
+- Force map rerender synchronously after props update (#720)
+
+## 4.0.10 (Jan 28, 2019)
+
+- Remove excessive fields from NavigationControl's callback argument (#702)
+- Default onError handler to console.error (#706)
+- Don't query interactive layer ids before map has loaded (#708)
+- Fix onLoad event calling when reuseMaps is set to true (#704)
+
+## 4.0.9 (Jan 20, 2019)
+
+- Reverse polarity of compass bearing rotation (#694)
+
+## 4.0.8 (Jan 18, 2019)
+
+- Fix dragging marker with offset (#693)
+
+## 4.0.7 (Jan 11, 2018)
+
+- Remove passive listener console warning in Chrome (#689)
+- Disable console logging of package version (#688)
+
+## 4.0.6 (Dec 27, 2018)
+
+- Update mapbox-gl to 0.52.0 (#684)
+
+## 4.0.5 (Dec 6, 2018)
+
+- Fix map controller class extensibility (#674)
+
+## 4.0.4 (Dec 4, 2018)
+
+- Bump mapbox dependency to 0.51 (#670)
+- Fix crash when `viewState` does not contain pitch or bearing (#671)
+
+## 4.0.3 (Dec 4, 2018)
+
+- Cache the interactive context to prevent context thrashing (#664)
+- Remove math.gl from dependencies (#666)
+
+## 4.0.2 (Nov 16, 2018)
+
+- Fix popup bug when closeOnClick is off (#660)
+
+## 4.0.1 (Nov 14, 2018)
+
+- Bump maxZoom support to 24 (#659)
+
+## 4.0.0 (Nov 5, 2018)
+
 # Version 4.0.0 Prereleases

 ## 4.0.0-beta.7 (Nov 5, 2018)
--- a/docs/advanced/custom-components.md
+++ b/docs/advanced/custom-components.md
@ -78,4 +78,4 @@ Implement this method to render the content of this component. `this._context` i


 ## Source
-[base-control.js](https://github.com/uber/react-map-gl/tree/3.2-release/src/components/base-control.js)
+[base-control.js](https://github.com/uber/react-map-gl/tree/5.0-release/src/components/base-control.js)
--- a/docs/components/fly-to-interpolator.md
+++ b/docs/components/fly-to-interpolator.md
@ -19,5 +19,5 @@ import ReactMapGL, {FlyToInterpolator} from 'react-map-gl';


 ## Source
-[viewport-fly-to-interpolator.js](https://github.com/uber/react-map-gl/tree/3.2-release/src/utils/transition/viewport-fly-to-interpolator.js)
+[viewport-fly-to-interpolator.js](https://github.com/uber/react-map-gl/tree/5.0-release/src/utils/transition/viewport-fly-to-interpolator.js)

--- a/docs/components/fullscreen-control.md
+++ b/docs/components/fullscreen-control.md
@ -31,5 +31,5 @@ class Map extends Component {
 Like its Mapbox counterpart, this control relies on the mapbox-gl stylesheet to work properly. Make sure to add the stylesheet to your page.

 ## Source
-[fullscreen-control.js](https://github.com/uber/react-map-gl/tree/master/src/components/fullscreen-control.js)
+[fullscreen-control.js](https://github.com/uber/react-map-gl/tree/5.0-release/src/components/fullscreen-control.js)

--- a/docs/components/geolocate-control.md
+++ b/docs/components/geolocate-control.md
@ -56,7 +56,7 @@ By default a dot will be shown on the map at the user's location. Set to false t

 A [React style](https://reactjs.org/docs/dom-elements.html#style) object applied to Geolocate control button.

-Check [`locate user`](https://github.com/uber/react-map-gl/blob/master/examples/locate-user/src/app.js) example for basic styling.
+Check [`locate user`](https://github.com/uber/react-map-gl/tree/5.0-release/examples/locate-user/src/app.js) example for basic styling.

 ## Styling

@ -64,4 +64,4 @@ Like its Mapbox counterpart, this control relies on the mapbox-gl stylesheet to

 ## Source

-[geolocate-control.js](https://github.com/uber/react-map-gl/tree/master/src/components/geolocate-control.js)
+[geolocate-control.js](https://github.com/uber/react-map-gl/tree/5.0-release/src/components/geolocate-control.js)
--- a/docs/components/interactive-map.md
+++ b/docs/components/interactive-map.md
@ -331,5 +331,5 @@ Inherit the following methods from [StaticMap](/docs/components/static-map.md):


 ## Source
-[interactive-map.js](https://github.com/uber/react-map-gl/tree/3.2-release/src/components/interactive-map.js)
+[interactive-map.js](https://github.com/uber/react-map-gl/tree/5.0-release/src/components/interactive-map.js)

--- a/docs/components/linear-interpolator.md
+++ b/docs/components/linear-interpolator.md
@ -24,5 +24,5 @@ Parameters:


 ## Source
-[linear-interpolator.js](https://github.com/uber/react-map-gl/tree/3.2-release/src/utils/transition/linear-interpolator.js)
+[linear-interpolator.js](https://github.com/uber/react-map-gl/tree/5.0-release/src/utils/transition/linear-interpolator.js)

--- a/docs/components/map-controller.md
+++ b/docs/components/map-controller.md
@ -69,4 +69,4 @@ Invoke `onViewportChange` callback with a new map state.


 ## Source
-[map-controller.js](https://github.com/uber/react-map-gl/tree/3.2-release/src/utils/map-controller.js)
+[map-controller.js](https://github.com/uber/react-map-gl/tree/5.0-release/src/utils/map-controller.js)
--- a/docs/components/marker.md
+++ b/docs/components/marker.md
@ -76,5 +76,5 @@ Stop propagation of dblclick event to the map component. Can be used to stop map
 Like its Mapbox counterpart, this control relies on the mapbox-gl stylesheet to work properly. Make sure to add the stylesheet to your page.

 ## Source
-[marker.js](https://github.com/uber/react-map-gl/tree/3.2-release/src/components/marker.js)
+[marker.js](https://github.com/uber/react-map-gl/tree/5.0-release/src/components/marker.js)

--- a/docs/components/navigation-control.md
+++ b/docs/components/navigation-control.md
@ -56,5 +56,5 @@ Stop propagation of dblclick event to the map component. Can be used to stop map
 Like its Mapbox counterpart, this control relies on the mapbox-gl stylesheet to work properly. Make sure to add the stylesheet to your page.

 ## Source
-[navigation-control.js](https://github.com/uber/react-map-gl/tree/3.2-release/src/components/navigation-control.js)
+[navigation-control.js](https://github.com/uber/react-map-gl/tree/5.0-release/src/components/navigation-control.js)

--- a/docs/components/popup.md
+++ b/docs/components/popup.md
@ -88,5 +88,5 @@ Stop propagation of dblclick event to the map component. Can be used to stop map
 Like its Mapbox counterpart, this control relies on the mapbox-gl stylesheet to work properly. Make sure to add the stylesheet to your page.

 ## Source
-[popup.js](https://github.com/uber/react-map-gl/tree/3.2-release/src/components/popup.js)
+[popup.js](https://github.com/uber/react-map-gl/tree/5.0-release/src/components/popup.js)

--- a/docs/components/static-map.md
+++ b/docs/components/static-map.md
@ -221,4 +221,4 @@ const viewport = new WebMercatorViewport({width: 800, height: 600})

 ## Source

-[static-map.js](https://github.com/uber/react-map-gl/tree/3.2-release/src/components/static-map.js)
+[static-map.js](https://github.com/uber/react-map-gl/tree/5.0-release/src/components/static-map.js)
--- a/docs/get-started/adding-custom-data.md
+++ b/docs/get-started/adding-custom-data.md
@ -73,7 +73,7 @@ import {SVGOverlay, HTMLOverlay, CanvasOverlay} from 'react-map-gl';

 ### Example Overlays

-There are a couple of [additional overlays](https://github.com/uber/react-map-gl/tree/master/examples/additional-overlays) in the examples folder that can be copied into applications `ScatterplotOverlay`, `DraggablePointsOverlay`, `ChoroplethOverlay`.
+There are a couple of [additional overlays](https://github.com/uber/react-map-gl/tree/5.0-release/examples/additional-overlays) in the examples folder that can be copied into applications `ScatterplotOverlay`, `DraggablePointsOverlay`, `ChoroplethOverlay`.


 ### Third-party Overlays
@ -91,4 +91,4 @@ import cities from 'example-cities';
 </MapGL>
 ```

-Want to create and share your own overlay? Check the [examples/additional-overlays](https://github.com/uber/react-map-gl/tree/master/examples/additional-overlays) folder for examples.
+Want to create and share your own overlay? Check the [examples/additional-overlays](https://github.com/uber/react-map-gl/tree/5.0-release/examples/additional-overlays) folder for examples.
--- a/docs/get-started/get-started.md
+++ b/docs/get-started/get-started.md
@ -59,10 +59,10 @@ import 'mapbox-gl/dist/mapbox-gl.css';

 * `browserify` - react-map-gl is extensively tested with `browserify` and works without configuration.

-* `webpack 2` - Most of the provided react-map-gl examples use webpack 2. For a minimal example, look at the [exhibit-webpack](https://github.com/uber/react-map-gl/tree/master/examples/exhibit-webpack) folder, demonstrating a working demo using `webpack 2`.
+* `webpack 2` - Most of the provided react-map-gl examples use webpack 2. For a minimal example, look at the [exhibit-webpack](https://github.com/uber/react-map-gl/tree/5.0-release/examples/exhibit-webpack) folder, demonstrating a working demo using `webpack 2`.

 * `create-react-app` - react-map-gl is compatible with [create-react-app](https://github.com/facebook/create-react-app).

 * `create-react-app-typescript` - react-map-gl is compatible with [create-react-app-typescript](https://github.com/wmonk/create-react-app-typescript). You can see an example [here](https://github.com/zackhsi/react-map-gl-typescript).

-There's many other ready-to-run [examples](https://github.com/uber/react-map-gl/blob/master/examples) you can take a look at if you need more inspiration.
+There's many other ready-to-run [examples](https://github.com/uber/react-map-gl/tree/5.0-release/examples) you can take a look at if you need more inspiration.
--- a/docs/overlays/canvas-overlay.md
+++ b/docs/overlays/canvas-overlay.md
@ -29,5 +29,5 @@ Stop propagation of dblclick event to the map component. Can be used to stop map


 ## Source
-[canvas-overlay.js](https://github.com/uber/react-map-gl/tree/3.2-release/src/overlays/canvas-overlay.js)
+[canvas-overlay.js](https://github.com/uber/react-map-gl/tree/5.0-release/src/overlays/canvas-overlay.js)

--- a/docs/overlays/custom-overlays.md
+++ b/docs/overlays/custom-overlays.md
@ -20,7 +20,7 @@ class MyCustomOverlay extends BaseControl {
 }
 ```

-Here's an example of using the [ScatterplotOverlay](https://github.com/uber/react-map-gl/blob/master/examples/additional-overlays/src/scatterplot-overlay.js):
+Here's an example of using the [ScatterplotOverlay](https://github.com/uber/react-map-gl/tree/5.0-release/examples/additional-overlays/src/scatterplot-overlay.js):

 ```jsx
 <MapGL {...viewport} mapStyle={mapStyle}>
@ -35,4 +35,4 @@ Here's an example of using the [ScatterplotOverlay](https://github.com/uber/reac
 </MapGL>
 ```

-There are more examples in the [examples/additional-overlays](https://github.com/uber/react-map-gl/tree/master/examples/additional-overlays) folder of this repo.
+There are more examples in the [examples/additional-overlays](https://github.com/uber/react-map-gl/tree/5.0-release/examples/additional-overlays) folder of this repo.
--- a/docs/overlays/html-overlay.md
+++ b/docs/overlays/html-overlay.md
@ -31,4 +31,4 @@ Stop propagation of click event to the map component. Can be used to stop map fr
 Stop propagation of dblclick event to the map component. Can be used to stop map from zooming when this component is double clicked.

 ## Source
-[html-overlay.js](https://github.com/uber/react-map-gl/tree/3.2-release/src/overlays/html-overlay.js)
+[html-overlay.js](https://github.com/uber/react-map-gl/tree/5.0-release/src/overlays/html-overlay.js)
--- a/docs/overlays/svg-overlay.md
+++ b/docs/overlays/svg-overlay.md
@ -31,4 +31,4 @@ Stop propagation of click event to the map component. Can be used to stop map fr
 Stop propagation of dblclick event to the map component. Can be used to stop map from zooming when this component is double clicked.

 ## Source
-[svg-overlay.js](https://github.com/uber/react-map-gl/tree/3.2-release/src/overlays/svg-overlay.js)
+[svg-overlay.js](https://github.com/uber/react-map-gl/tree/5.0-release/src/overlays/svg-overlay.js)
--- a/docs/whats-new.md
+++ b/docs/whats-new.md
@ -1,6 +1,16 @@
+# react-map-gl v5.0
+
+Release date: May 31, 2019
+
+## What's Changed
+
+The only change between the 5.0 release and the latest 4.1 release is Mapbox GL JS v1.0. By using this version, you opt into Mapbox's new pricing model, which bills per map load instead of map views. 5.0.x and 4.1.x will continue to update in parallel with otherwise identical features until November 2019 when Mapbox moves all users of 0.xx to a new pricing scheme. For more details, see mapbox's [changelog](https://github.com/mapbox/mapbox-gl-js/releases/tag/v1.0.0) and [blog post](https://blog.mapbox.com/new-pricing-46b7c26166e7). 
+
+Alongside Mapbox GL JS's new milestone, we have relaxed the `mapbox-gl` dependency from locking minor release (`~0.53.0`) to major release (`^1.0.0`). This will allow developers to upgrade faster without waiting for a new release from react-map-gl.
+
 # react-map-gl v4.1

-Release date: TBD 
+Release date: Mar 14, 2019 

 ## Highlights

@ -98,11 +108,11 @@ Release date: July 27th, 2017

 ### [InteractiveMap (New, MapGL replacement)](/#/Documentation/api-reference/interactive-map)

-This is a wrapper on top of `StaticMap`. It takes all the props of `StaticMap` and additional ones such as `onViewportChange`, `scrollZoom`, `dragRotate`, etc. to control interactivity on the map. See [Source Code](https://github.com/uber/react-map-gl/blob/master/src/components/interactive-map.js) for more information.
+This is a wrapper on top of `StaticMap`. It takes all the props of `StaticMap` and additional ones such as `onViewportChange`, `scrollZoom`, `dragRotate`, etc. to control interactivity on the map. See [Source Code](https://github.com/uber/react-map-gl/tree/5.0-release/src/components/interactive-map.js) for more information.

 ### [StaticMap (New)](/#/Documentation/api-reference/static-map)

-This is the React wrapper around `Mapbox GL JS` and takes in viewport properties such as `width`, `height`, `latitude`, `longitude`. Style diffing and updating logic also live here. See [Source Code](https://github.com/uber/react-map-gl/blob/master/src/components/static-map.js) for more information.
+This is the React wrapper around `Mapbox GL JS` and takes in viewport properties such as `width`, `height`, `latitude`, `longitude`. Style diffing and updating logic also live here. See [Source Code](https://github.com/uber/react-map-gl/tree/5.0-release/src/components/static-map.js) for more information.

 ### Overlays

--- a/examples/additional-overlays/package.json
+++ b/examples/additional-overlays/package.json
@ -12,7 +12,7 @@
    "immutable": "^3.8.1",
    "react": "^16.3.0",
    "react-dom": "^16.3.0",
-    "react-map-gl": "^4.0.0"
+    "react-map-gl": "^5.0.0"
  },
  "devDependencies": {
    "@babel/core": "^7.0.0",
--- a/examples/controls/package.json
+++ b/examples/controls/package.json
@ -6,7 +6,7 @@
  "dependencies": {
    "react": "^16.3.0",
    "react-dom": "^16.3.0",
-    "react-map-gl": "^4.0.0"
+    "react-map-gl": "^5.0.0"
  },
  "devDependencies": {
    "@babel/core": "^7.0.0",
--- a/examples/controls/src/control-panel.js
+++ b/examples/controls/src/control-panel.js
@ -21,7 +21,7 @@ export default class ControlPanel extends PureComponent {
        </p>
        <div className="source-link">
          <a
-            href="https://github.com/uber/react-map-gl/tree/3.2-release/examples/controls"
+            href="https://github.com/uber/react-map-gl/tree/5.0-release/examples/controls"
            target="_new"
          >
            View Code ↗
--- a/examples/custom-controller/package.json
+++ b/examples/custom-controller/package.json
@ -6,7 +6,7 @@
  "dependencies": {
    "react": "^16.3.0",
    "react-dom": "^16.3.0",
-    "react-map-gl": "^4.0.0"
+    "react-map-gl": "^5.0.0"
  },
  "devDependencies": {
    "@babel/core": "^7.0.0",
--- a/examples/custom-controller/src/control-panel.js
+++ b/examples/custom-controller/src/control-panel.js
@ -31,7 +31,7 @@ export default class ControlPanel extends PureComponent {
        <p>Override default event handling logic.</p>
        <div className="source-link">
          <a
-            href="https://github.com/uber/react-map-gl/tree/4.0-release/examples/custom-controller"
+            href="https://github.com/uber/react-map-gl/tree/5.0-release/examples/custom-controller"
            target="_new"
          >
            View Code ↗
--- a/examples/custom-cursor/package.json
+++ b/examples/custom-cursor/package.json
@ -6,7 +6,7 @@
  "dependencies": {
    "react": "^16.3.0",
    "react-dom": "^16.3.0",
-    "react-map-gl": "^4.0.0"
+    "react-map-gl": "^5.0.0"
  },
  "devDependencies": {
    "@babel/core": "^7.0.0",
--- a/examples/custom-cursor/src/control-panel.js
+++ b/examples/custom-cursor/src/control-panel.js
@ -69,7 +69,7 @@ export default class StyleControls extends PureComponent {
        <p>Customize the cursor based on interactivity.</p>
        <div className="source-link">
          <a
-            href="https://github.com/uber/react-map-gl/tree/3.2-release/examples/custom-cursor"
+            href="https://github.com/uber/react-map-gl/tree/5.0-release/examples/custom-cursor"
            target="_new"
          >
            View Code ↗
--- a/examples/deckgl-overlay/package.json
+++ b/examples/deckgl-overlay/package.json
@ -13,7 +13,7 @@
    "probe.gl": "2.0.0-beta.1",
    "react": "^16.3.0",
    "react-dom": "^16.3.0",
-    "react-map-gl": "^4.0.0"
+    "react-map-gl": "^5.0.0"
  },
  "devDependencies": {
    "@babel/core": "^7.0.0",
--- a/examples/draggable-markers/package.json
+++ b/examples/draggable-markers/package.json
@ -6,7 +6,7 @@
  "dependencies": {
    "react": "^16.3.0",
    "react-dom": "^16.3.0",
-    "react-map-gl": "^4.0.0"
+    "react-map-gl": "^5.0.0"
  },
  "devDependencies": {
    "@babel/core": "^7.0.0",
--- a/examples/exhibit-browserify/package.json
+++ b/examples/exhibit-browserify/package.json
@ -6,7 +6,7 @@
    "immutable": "^3.8.1",
    "react": "^16.3.0",
    "react-dom": "^16.3.0",
-    "react-map-gl": "^4.0.0"
+    "react-map-gl": "^5.0.0"
  },
  "devDependencies": {
    "babel-preset-es2015": "^6.18.0",
--- a/examples/exhibit-webpack/package.json
+++ b/examples/exhibit-webpack/package.json
@ -6,7 +6,7 @@
    "immutable": "^3.8.1",
    "react": "^16.3.0",
    "react-dom": "^16.3.0",
-    "react-map-gl": "^4.0.0"
+    "react-map-gl": "^5.0.0"
  },
  "devDependencies": {
    "@babel/core": "^7.0.0",
--- a/examples/filter/package.json
+++ b/examples/filter/package.json
@ -7,7 +7,7 @@
    "immutable": "^3.8.1",
    "react": "^16.3.0",
    "react-dom": "^16.3.0",
-    "react-map-gl": "^4.0.0"
+    "react-map-gl": "^5.0.0"
  },
  "devDependencies": {
    "@babel/core": "^7.0.0",
--- a/examples/filter/src/control-panel.js
+++ b/examples/filter/src/control-panel.js
@ -12,7 +12,7 @@ export default class ControlPanel extends PureComponent {
        <p>Hover over counties to highlight counties that share the same name.</p>
        <div className="source-link">
          <a
-            href="https://github.com/uber/react-map-gl/tree/3.2-release/examples/filter"
+            href="https://github.com/uber/react-map-gl/tree/5.0-release/examples/filter"
            target="_new"
          >
            View Code ↗
--- a/examples/geojson-animation/package.json
+++ b/examples/geojson-animation/package.json
@ -7,7 +7,7 @@
    "immutable": "^3.8.1",
    "react": "^16.3.0",
    "react-dom": "^16.3.0",
-    "react-map-gl": "^4.0.0"
+    "react-map-gl": "^5.0.0"
  },
  "devDependencies": {
    "@babel/core": "^7.0.0",
--- a/examples/geojson-animation/src/control-panel.js
+++ b/examples/geojson-animation/src/control-panel.js
@ -12,7 +12,7 @@ export default class ControlPanel extends PureComponent {
        <p>Render animation by updating GeoJSON data source.</p>
        <div className="source-link">
          <a
-            href="https://github.com/uber/react-map-gl/tree/3.2-release/examples/geojson-animation"
+            href="https://github.com/uber/react-map-gl/tree/5.0-release/examples/geojson-animation"
            target="_new"
          >
            View Code ↗
--- a/examples/geojson/package.json
+++ b/examples/geojson/package.json
@ -9,7 +9,7 @@
    "immutable": "^3.8.1",
    "react": "^16.3.0",
    "react-dom": "^16.3.0",
-    "react-map-gl": "^4.0.0"
+    "react-map-gl": "^5.0.0"
  },
  "devDependencies": {
    "@babel/core": "^7.0.0",
--- a/examples/geojson/src/control-panel.js
+++ b/examples/geojson/src/control-panel.js
@ -19,7 +19,7 @@ export default class ControlPanel extends PureComponent {
        </p>
        <div className="source-link">
          <a
-            href="https://github.com/uber/react-map-gl/tree/3.2-release/examples/geojson"
+            href="https://github.com/uber/react-map-gl/tree/5.0-release/examples/geojson"
            target="_new"
          >
            View Code ↗
--- a/examples/heatmap/package.json
+++ b/examples/heatmap/package.json
@ -7,7 +7,7 @@
    "d3-request": "^1.0.5",
    "react": "^16.3.0",
    "react-dom": "^16.3.0",
-    "react-map-gl": "^4.0.0"
+    "react-map-gl": "^5.0.0"
  },
  "devDependencies": {
    "@babel/core": "^7.0.0",
--- a/examples/heatmap/src/control-panel.js
+++ b/examples/heatmap/src/control-panel.js
@ -60,7 +60,7 @@ export default class ControlPanel extends PureComponent {
        </p>
        <div className="source-link">
          <a
-            href="https://github.com/uber/react-map-gl/tree/4.0-release/examples/heatmap"
+            href="https://github.com/uber/react-map-gl/tree/5.0-release/examples/heatmap"
            target="_new"
          >
            View Code ↗
--- a/examples/interaction/package.json
+++ b/examples/interaction/package.json
@ -6,7 +6,7 @@
  "dependencies": {
    "react": "^16.3.0",
    "react-dom": "^16.3.0",
-    "react-map-gl": "^4.0.0"
+    "react-map-gl": "^5.0.0"
  },
  "devDependencies": {
    "@babel/core": "^7.0.0",
--- a/examples/interaction/src/control-panel.js
+++ b/examples/interaction/src/control-panel.js
@ -82,7 +82,7 @@ export default class ControlPanel extends PureComponent {
        <p>Turn interactive features off/on.</p>
        <div className="source-link">
          <a
-            href="https://github.com/uber/react-map-gl/tree/3.2-release/examples/interaction"
+            href="https://github.com/uber/react-map-gl/tree/5.0-release/examples/interaction"
            target="_new"
          >
            View Code ↗
--- a/examples/layers/package.json
+++ b/examples/layers/package.json
@ -7,7 +7,7 @@
    "immutable": "^3.8.1",
    "react": "^16.3.0",
    "react-dom": "^16.3.0",
-    "react-map-gl": "^4.0.0"
+    "react-map-gl": "^5.0.0"
  },
  "devDependencies": {
    "@babel/core": "^7.0.0",
--- a/examples/layers/src/control-panel.js
+++ b/examples/layers/src/control-panel.js
@ -120,7 +120,7 @@ export default class StyleControls extends PureComponent {
        <p>Dynamically show/hide map layers and change color with Immutable map style.</p>
        <div className="source-link">
          <a
-            href="https://github.com/uber/react-map-gl/tree/3.2-release/examples/layers"
+            href="https://github.com/uber/react-map-gl/tree/5.0-release/examples/layers"
            target="_new"
          >
            View Code ↗
--- a/examples/locate-user/package.json
+++ b/examples/locate-user/package.json
@ -7,7 +7,7 @@
    "immutable": "^3.8.1",
    "react": "^16.3.0",
    "react-dom": "^16.3.0",
-    "react-map-gl": "^4.0.0"
+    "react-map-gl": "^5.0.0"
  },
  "devDependencies": {
    "@babel/core": "^7.0.0",
--- a/examples/main/package.json
+++ b/examples/main/package.json
@ -15,7 +15,7 @@
    "immutable": "^3.8.1",
    "react": "^16.3.0",
    "react-dom": "^16.3.0",
-    "react-map-gl": "^4.0.0"
+    "react-map-gl": "^5.0.0"
  },
  "devDependencies": {
    "@babel/cli": "^7.0.0",
--- a/examples/reuse-map/package.json
+++ b/examples/reuse-map/package.json
@ -6,7 +6,7 @@
  "dependencies": {
    "react": "^16.3.0",
    "react-dom": "^16.3.0",
-    "react-map-gl": "^4.0.0"
+    "react-map-gl": "^5.0.0"
  },
  "devDependencies": {
    "@babel/core": "^7.0.0",
--- a/examples/viewport-animation/package.json
+++ b/examples/viewport-animation/package.json
@ -6,7 +6,7 @@
  "dependencies": {
    "react": "^16.3.0",
    "react-dom": "^16.3.0",
-    "react-map-gl": "^4.0.0"
+    "react-map-gl": "^5.0.0"
  },
  "devDependencies": {
    "@babel/core": "^7.0.0",
--- a/examples/viewport-animation/src/control-panel.js
+++ b/examples/viewport-animation/src/control-panel.js
@ -29,7 +29,7 @@ export default class ControlPanel extends PureComponent {
        <p>Smooth animate of the viewport.</p>
        <div className="source-link">
          <a
-            href="https://github.com/uber/react-map-gl/tree/3.2-release/examples/viewport-animation"
+            href="https://github.com/uber/react-map-gl/tree/5.0-release/examples/viewport-animation"
            target="_new"
          >
            View Code ↗
--- a/examples/zoom-to-bounds/package.json
+++ b/examples/zoom-to-bounds/package.json
@ -7,7 +7,7 @@
    "@turf/bbox": "^6.0.1",
    "react": "^16.3.0",
    "react-dom": "^16.3.0",
-    "react-map-gl": "^4.0.0"
+    "react-map-gl": "^5.0.0"
  },
  "devDependencies": {
    "@babel/core": "^7.0.0",
--- a/examples/zoom-to-bounds/src/control-panel.js
+++ b/examples/zoom-to-bounds/src/control-panel.js
@ -12,7 +12,7 @@ export default class ControlPanel extends PureComponent {
        <p>Click on a San Fransisco Neighborhood to zoom in.</p>
        <div className="source-link">
          <a
-            href="https://github.com/uber/react-map-gl/tree/3.2-release/examples/zoom-to-bounds"
+            href="https://github.com/uber/react-map-gl/tree/5.0-release/examples/zoom-to-bounds"
            target="_new"
          >
            View Code ↗