react-globe.gl 2.20.0 → 2.20.4

package/README.md

@@ -3,7 +3,7 @@ react-globe.gl
 
 [![NPM package][npm-img]][npm-url]
 [![Build Size][build-size-img]][build-size-url]
-[![Dependencies][dependencies-img]][dependencies-url]
+[![NPM Downloads][npm-downloads-img]][npm-downloads-url]
 
 React bindings for the [globe.gl](https://github.com/vasturiano/globe.gl) UI component.
 
@@ -31,6 +31,7 @@ Check out the examples:
 * [Tiles](https://vasturiano.github.io/react-globe.gl/example/tiles/) ([source](https://github.com/vasturiano/react-globe.gl/blob/master/example/tiles/index.html))
 * [Ripple Rings](https://vasturiano.github.io/react-globe.gl/example/random-rings/) ([source](https://github.com/vasturiano/react-globe.gl/blob/master/example/random-rings/index.html))
 * [Emit Arcs on Click](https://vasturiano.github.io/react-globe.gl/example/emit-arcs-on-click/) ([source](https://github.com/vasturiano/react-globe.gl/blob/master/example/emit-arcs-on-click/index.html))
+* [Clouds](https://vasturiano.github.io/react-globe.gl/example/clouds/) ([source](https://github.com/vasturiano/react-globe.gl/blob/master/example/clouds/index.html))
 * [Solar Terminator](https://vasturiano.github.io/react-globe.gl/example/solar-terminator/) ([source](https://github.com/vasturiano/react-globe.gl/blob/master/example/solar-terminator/index.html))
 * [Custom Globe Styling](https://vasturiano.github.io/react-globe.gl/example/custom-globe-styling/) ([source](https://github.com/vasturiano/react-globe.gl/blob/master/example/custom-globe-styling/index.html))
 * [Custom Layer](https://vasturiano.github.io/react-globe.gl/example/custom-layer/) ([source](https://github.com/vasturiano/react-globe.gl/blob/master/example/custom-layer/index.html))
@@ -45,19 +46,19 @@ Check out the examples:
 
 ## Quick start
 
-```
+```js
 import Globe from 'react-globe.gl';
 ```
 
 or using a script tag
 
-```
+```html
 <script src="//unpkg.com/react-globe.gl"></script>
 ```
 
 then
 
-```
+```jsx
 ReactDOM.render(
   <Globe
     pointsData={myData}
@@ -359,9 +360,9 @@ ReactDOM.render(
 
 [![paypal](https://www.paypalobjects.com/en_US/i/btn/btn_donate_SM.gif)](https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=L398E7PKP47E8&currency_code=USD&source=url) If this project has helped you and you'd like to contribute back, you can always [buy me a ☕](https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=L398E7PKP47E8&currency_code=USD&source=url)!
 
-[npm-img]: https://img.shields.io/npm/v/react-globe.gl.svg
+[npm-img]: https://img.shields.io/npm/v/react-globe.gl
 [npm-url]: https://npmjs.org/package/react-globe.gl
-[build-size-img]: https://img.shields.io/bundlephobia/minzip/react-globe.gl.svg
+[build-size-img]: https://img.shields.io/bundlephobia/minzip/react-globe.gl
 [build-size-url]: https://bundlephobia.com/result?p=react-globe.gl
-[dependencies-img]: https://img.shields.io/david/vasturiano/react-globe.gl.svg
-[dependencies-url]: https://david-dm.org/vasturiano/react-globe.gl
+[npm-downloads-img]: https://img.shields.io/npm/dt/react-globe.gl
+[npm-downloads-url]: https://www.npmtrends.com/react-globe.gl

package/dist/react-globe.gl.d.ts

@@ -56,8 +56,8 @@ interface GlobeProps extends ConfigOptions {
   atmosphereAltitude?: number;
   globeMaterial?: Material;
   onGlobeReady?: () => void;
-  onGlobeClick?: (coords: { lat, lng }, event: MouseEvent) => void;
-  onGlobeRightClick?: (coords: { lat, lng }, event: MouseEvent) => void;
+  onGlobeClick?: (coords: { lat: number, lng: number }, event: MouseEvent) => void;
+  onGlobeRightClick?: (coords: { lat: number, lng: number }, event: MouseEvent) => void;
 
   // Points layer
   pointsData?: object[];
@@ -70,8 +70,8 @@ interface GlobeProps extends ConfigOptions {
   pointsMerge?: boolean;
   pointsTransitionDuration?: number;
   pointLabel?: ObjAccessor<string>;
-  onPointClick?: (point: object, event: MouseEvent, coords: { lat, lng, altitude }) => void;
-  onPointRightClick?: (point: object, event: MouseEvent, coords: { lat, lng, altitude }) => void;
+  onPointClick?: (point: object, event: MouseEvent, coords: { lat: number, lng: number, altitude: number }) => void;
+  onPointRightClick?: (point: object, event: MouseEvent, coords: { lat: number, lng: number, altitude: number }) => void;
   onPointHover?: (point: object | null, prevPoint: object | null) => void;
 
   // Arcs layer
@@ -92,8 +92,8 @@ interface GlobeProps extends ConfigOptions {
   arcDashAnimateTime?: ObjAccessor<number>;
   arcsTransitionDuration?: number;
   arcLabel?: ObjAccessor<string>;
-  onArcClick?: (arc: object, event: MouseEvent, coords: { lat, lng, altitude }) => void;
-  onArcRightClick?: (arc: object, event: MouseEvent, coords: { lat, lng, altitude }) => void;
+  onArcClick?: (arc: object, event: MouseEvent, coords: { lat: number, lng: number, altitude: number }) => void;
+  onArcRightClick?: (arc: object, event: MouseEvent, coords: { lat: number, lng: number, altitude: number }) => void;
   onArcHover?: (arc: object | null, prevArc: object | null) => void;
 
   // Polygons layer
@@ -108,8 +108,8 @@ interface GlobeProps extends ConfigOptions {
   polygonCapCurvatureResolution?: ObjAccessor<number>;
   polygonsTransitionDuration?: number;
   polygonLabel?: ObjAccessor<string>;
-  onPolygonClick?: (polygon: object, event: MouseEvent, coords: { lat, lng, altitude }) => void;
-  onPolygonRightClick?: (polygon: object, event: MouseEvent, coords: { lat, lng, altitude }) => void;
+  onPolygonClick?: (polygon: object, event: MouseEvent, coords: { lat: number, lng: number, altitude: number }) => void;
+  onPolygonRightClick?: (polygon: object, event: MouseEvent, coords: { lat: number, lng: number, altitude: number }) => void;
   onPolygonHover?: (polygon: object | null, prevPolygon: object | null) => void;
 
   // Paths layer
@@ -127,8 +127,8 @@ interface GlobeProps extends ConfigOptions {
   pathDashAnimateTime?: ObjAccessor<number>;
   pathTransitionDuration?: number;
   pathLabel?: ObjAccessor<string>;
-  onPathClick?: (path: object, event: MouseEvent, coords: { lat, lng, altitude }) => void;
-  onPathRightClick?: (path: object, event: MouseEvent, coords: { lat, lng, altitude }) => void;
+  onPathClick?: (path: object, event: MouseEvent, coords: { lat: number, lng: number, altitude: number }) => void;
+  onPathRightClick?: (path: object, event: MouseEvent, coords: { lat: number, lng: number, altitude: number }) => void;
   onPathHover?: (path: object | null, prevPath: object | null) => void;
 
   // Hex Bin layer
@@ -145,8 +145,8 @@ interface GlobeProps extends ConfigOptions {
   hexBinMerge?: boolean;
   hexTransitionDuration?: number;
   hexLabel?: HexBinAccessor<string>;
-  onHexClick?: (hex: HexBin, event: MouseEvent, coords: { lat, lng, altitude }) => void;
-  onHexRightClick?: (hex: HexBin, event: MouseEvent, coords: { lat, lng, altitude }) => void;
+  onHexClick?: (hex: HexBin, event: MouseEvent, coords: { lat: number, lng: number, altitude: number }) => void;
+  onHexRightClick?: (hex: HexBin, event: MouseEvent, coords: { lat: number, lng: number, altitude: number }) => void;
   onHexHover?: (hex: HexBin | null, prevHex: HexBin | null) => void;
 
   // Hexed Polygons layer
@@ -159,8 +159,8 @@ interface GlobeProps extends ConfigOptions {
   hexPolygonCurvatureResolution?: ObjAccessor<number>;
   hexPolygonsTransitionDuration?: number;
   hexPolygonLabel?: ObjAccessor<string>;
-  onHexPolygonClick?: (polygon: object, event: MouseEvent, coords: { lat, lng, altitude }) => void;
-  onHexPolygonRightClick?: (polygon: object, event: MouseEvent, coords: { lat, lng, altitude }) => void;
+  onHexPolygonClick?: (polygon: object, event: MouseEvent, coords: { lat: number, lng: number, altitude: number }) => void;
+  onHexPolygonRightClick?: (polygon: object, event: MouseEvent, coords: { lat: number, lng: number, altitude: number }) => void;
   onHexPolygonHover?: (polygon: object | null, prevPolygon: object | null) => void;
 
   // Tiles layer
@@ -175,8 +175,8 @@ interface GlobeProps extends ConfigOptions {
   tileCurvatureResolution?: ObjAccessor<number>;
   tilesTransitionDuration?: number;
   tileLabel?: ObjAccessor<string>;
-  onTileClick?: (tile: object, event: MouseEvent, coords: { lat, lng, altitude }) => void;
-  onTileRightClick?: (tile: object, event: MouseEvent, coords: { lat, lng, altitude }) => void;
+  onTileClick?: (tile: object, event: MouseEvent, coords: { lat: number, lng: number, altitude: number }) => void;
+  onTileRightClick?: (tile: object, event: MouseEvent, coords: { lat: number, lng: number, altitude: number }) => void;
   onTileHover?: (tile: object | null, prevTile: object | null) => void;
 
   // Rings Layer
@@ -206,8 +206,8 @@ interface GlobeProps extends ConfigOptions {
   labelDotOrientation?: ObjAccessor<LabelOrientation>;
   labelsTransitionDuration?: number;
   labelLabel?: ObjAccessor<string>;
-  onLabelClick?: (label: object, event: MouseEvent, coords: { lat, lng, altitude }) => void;
-  onLabelRightClick?: (label: object, event: MouseEvent, coords: { lat, lng, altitude }) => void;
+  onLabelClick?: (label: object, event: MouseEvent, coords: { lat: number, lng: number, altitude: number }) => void;
+  onLabelRightClick?: (label: object, event: MouseEvent, coords: { lat: number, lng: number, altitude: number }) => void;
   onLabelHover?: (label: object | null, prevLabel: object | null) => void;
 
   // Custom layer
@@ -215,8 +215,8 @@ interface GlobeProps extends ConfigOptions {
   customThreeObject?: Object3D | string | ((d: object, globeRadius: number) => Object3D);
   customThreeObjectUpdate?: string | ((obj: Object3D, objData: object, globeRadius: number) => void);
   customLayerLabel?: ObjAccessor<string>;
-  onCustomLayerClick?: (obj: object, event: MouseEvent, coords: { lat, lng, altitude }) => void;
-  onCustomLayerRightClick?: (obj: object, event: MouseEvent, coords: { lat, lng, altitude }) => void;
+  onCustomLayerClick?: (obj: object, event: MouseEvent, coords: { lat: number, lng: number, altitude: number }) => void;
+  onCustomLayerRightClick?: (obj: object, event: MouseEvent, coords: { lat: number, lng: number, altitude: number }) => void;
   onCustomLayerHover?: (obj: object | null, prevObj: object | null) => void;
 
   // Render control