kepler.gl 3.0.0-alpha.2 → 3.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +23 -40
- package/package.json +2 -2
- package/src/actions/package.json +6 -6
- package/src/cloud-providers/package.json +2 -2
- package/src/components/dist/map/effects/effect-control.js +5 -6
- package/src/components/package.json +14 -14
- package/src/components/src/map/effects/effect-control.tsx +1 -2
- package/src/constants/dist/default-settings.js +2 -2
- package/src/constants/node_modules/.cache/terser-webpack-plugin/content-v2/sha512/25/18/5ef2ac8b661836b2ffb940044863b85f5fbccf1e71815fb2cd091f68fcb954266df7b088eeef8f5ec7dd2b0755fc2deedc0a61dbe5d540f4ddcacee09970 +1 -0
- package/src/constants/node_modules/.cache/terser-webpack-plugin/index-v5/4a/16/71b3c2e414af3928ce3b5897a1743e82518295dc2e1ed0a0f418304ccee3 +2 -0
- package/src/constants/package.json +2 -2
- package/src/constants/umd/keplergl.min.js +1 -1
- package/src/deckgl-layers/package.json +4 -4
- package/src/effects/package.json +4 -4
- package/src/layers/package.json +7 -7
- package/src/localization/package.json +1 -1
- package/src/processors/package.json +5 -5
- package/src/reducers/package.json +14 -14
- package/src/schemas/package.json +6 -6
- package/src/styles/node_modules/.cache/terser-webpack-plugin/content-v2/sha512/97/94/878a7125cc31a255a9dfe8239fb75ae73cb21dc0ac89c02a0e779b5889d1179ccb3206e8a60b1b50c96589fd4200d6f55f5635a5d417b00a8e779fe67ed7 +1 -0
- package/src/styles/node_modules/.cache/terser-webpack-plugin/index-v5/ca/9e/1c0f0a66636b62c61911e72ffc83b3526fc167922bde95ff06f868a01c9f +2 -0
- package/src/styles/package.json +2 -2
- package/src/styles/umd/keplergl.min.js +1 -1
- package/src/table/package.json +5 -5
- package/src/tasks/package.json +2 -2
- package/src/types/package.json +1 -1
- package/src/utils/package.json +3 -3
- package/umd/keplergl.min.js +2 -2
package/README.md
CHANGED
|
@@ -48,12 +48,12 @@ Kepler.gl is also a React component that uses [Redux](https://redux.js.org/) to
|
|
|
48
48
|
|
|
49
49
|
## Env
|
|
50
50
|
|
|
51
|
-
Use Node
|
|
51
|
+
Use Node 18.18.2 or above, older node versions have not been supported/ tested.
|
|
52
52
|
For best results, use [nvm](https://github.com/creationix/nvm) `nvm install`.
|
|
53
53
|
|
|
54
54
|
## Install kepler.gl
|
|
55
55
|
|
|
56
|
-
Install node (`>
|
|
56
|
+
Install node (`> 18.18.2`), yarn, and project dependencies
|
|
57
57
|
|
|
58
58
|
```sh
|
|
59
59
|
npm install --save kepler.gl
|
|
@@ -73,7 +73,7 @@ You can add the script tag to your html file as it follows:
|
|
|
73
73
|
or if you would like, you can load a specific version
|
|
74
74
|
|
|
75
75
|
```html
|
|
76
|
-
<script src="https://unpkg.com/kepler.gl@
|
|
76
|
+
<script src="https://unpkg.com/kepler.gl@2.5.5/umd/keplergl.min.js" />
|
|
77
77
|
```
|
|
78
78
|
|
|
79
79
|
## Develop kepler.gl
|
|
@@ -93,8 +93,8 @@ You need to add `taskMiddleware` of `react-palm` to your store too. We are activ
|
|
|
93
93
|
|
|
94
94
|
```js
|
|
95
95
|
import {createStore, combineReducers, applyMiddleware, compose} from 'redux';
|
|
96
|
-
import keplerGlReducer from 'kepler.gl/reducers';
|
|
97
|
-
import {enhanceReduxMiddleware} from 'kepler.gl/middleware';
|
|
96
|
+
import keplerGlReducer from '@kepler.gl/reducers';
|
|
97
|
+
import {enhanceReduxMiddleware} from '@kepler.gl/middleware';
|
|
98
98
|
|
|
99
99
|
const initialState = {};
|
|
100
100
|
const reducers = combineReducers({
|
|
@@ -139,15 +139,10 @@ Read more about [Reducers][reducers].
|
|
|
139
139
|
### 2. Mount Component
|
|
140
140
|
|
|
141
141
|
```js
|
|
142
|
-
import KeplerGl from 'kepler.gl';
|
|
142
|
+
import KeplerGl from '@kepler.gl/components';
|
|
143
143
|
|
|
144
144
|
const Map = props => (
|
|
145
|
-
<KeplerGl
|
|
146
|
-
id="foo"
|
|
147
|
-
width={width}
|
|
148
|
-
mapboxApiAccessToken={token}
|
|
149
|
-
height={height}
|
|
150
|
-
/>
|
|
145
|
+
<KeplerGl id="foo" width={width} mapboxApiAccessToken={token} height={height} />
|
|
151
146
|
);
|
|
152
147
|
```
|
|
153
148
|
|
|
@@ -165,14 +160,13 @@ stored in `state.keplerGl.foo`.
|
|
|
165
160
|
In case you create multiple kepler.gl instances using the same id, the kepler.gl state defined by the entry will be
|
|
166
161
|
overridden by the latest instance and reset to a blank state.
|
|
167
162
|
|
|
168
|
-
##### `mapboxApiAccessToken` (String, required
|
|
163
|
+
##### `mapboxApiAccessToken` (String, required\*)
|
|
169
164
|
|
|
170
165
|
- Default: `undefined`
|
|
171
166
|
|
|
172
|
-
|
|
173
167
|
By default, kepler.gl uses mapbox-gl.js to render its base maps. You can create a free account at [mapbox][mapbox] and create a token at [www.mapbox.com/account/access-tokens][mapbox-token].
|
|
174
168
|
|
|
175
|
-
If you replaced kepler.gl default map styles with your own, and they are not Mapbox styles. `mapboxApiAccessToken` will not be
|
|
169
|
+
If you replaced kepler.gl default map styles with your own, and they are not Mapbox styles. `mapboxApiAccessToken` will not be required.
|
|
176
170
|
|
|
177
171
|
Read more about [Custom Map Styles][custom-map-styles].
|
|
178
172
|
|
|
@@ -350,10 +344,9 @@ const composedReducer = (state, action) => {
|
|
|
350
344
|
// 'map' is the id of the keplerGl instance
|
|
351
345
|
map: {
|
|
352
346
|
...state.keplerGl.map,
|
|
353
|
-
visState: visStateUpdaters.updateVisDataUpdater(
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
)
|
|
347
|
+
visState: visStateUpdaters.updateVisDataUpdater(state.keplerGl.map.visState, {
|
|
348
|
+
datasets: action.payload
|
|
349
|
+
})
|
|
357
350
|
}
|
|
358
351
|
}
|
|
359
352
|
};
|
|
@@ -373,10 +366,10 @@ using connect.
|
|
|
373
366
|
|
|
374
367
|
```js
|
|
375
368
|
// component
|
|
376
|
-
import KeplerGl from 'kepler.gl';
|
|
369
|
+
import KeplerGl from '@kepler.gl/components';
|
|
377
370
|
|
|
378
371
|
// action and forward dispatcher
|
|
379
|
-
import {toggleFullScreen, forwardTo} from 'kepler.gl/actions';
|
|
372
|
+
import {toggleFullScreen, forwardTo} from '@kepler.gl/actions';
|
|
380
373
|
import {connect} from 'react-redux';
|
|
381
374
|
|
|
382
375
|
const MapContainer = props => (
|
|
@@ -406,10 +399,10 @@ You can also simply wrap an action into a forward action with the `wrapTo` helpe
|
|
|
406
399
|
|
|
407
400
|
```js
|
|
408
401
|
// component
|
|
409
|
-
import KeplerGl from 'kepler.gl';
|
|
402
|
+
import KeplerGl from '@kepler.gl/components';
|
|
410
403
|
|
|
411
404
|
// action and forward dispatcher
|
|
412
|
-
import {toggleFullScreen, wrapTo} from 'kepler.gl/actions';
|
|
405
|
+
import {toggleFullScreen, wrapTo} from '@kepler.gl/actions';
|
|
413
406
|
|
|
414
407
|
// create a function to wrapper action payload to 'foo'
|
|
415
408
|
const wrapToMap = wrapTo('foo');
|
|
@@ -480,12 +473,7 @@ const customTheme = {
|
|
|
480
473
|
|
|
481
474
|
return (
|
|
482
475
|
<ThemeProvider theme={customTheme}>
|
|
483
|
-
<KeplerGl
|
|
484
|
-
mapboxApiAccessToken={MAPBOX_TOKEN}
|
|
485
|
-
id="map"
|
|
486
|
-
width={800}
|
|
487
|
-
height={800}
|
|
488
|
-
/>
|
|
476
|
+
<KeplerGl mapboxApiAccessToken={MAPBOX_TOKEN} id="map" width={800} height={800} />
|
|
489
477
|
</ThemeProvider>
|
|
490
478
|
);
|
|
491
479
|
```
|
|
@@ -498,16 +486,14 @@ and call `injectComponents` at the root component of your app where `KeplerGl` i
|
|
|
498
486
|
Take a look at `examples/demo-app/src/app.js` and see how it renders a custom side panel header in kepler.gl
|
|
499
487
|
|
|
500
488
|
```javascript
|
|
501
|
-
import {injectComponents, PanelHeaderFactory} from 'kepler.gl/components';
|
|
489
|
+
import {injectComponents, PanelHeaderFactory} from '@kepler.gl/components';
|
|
502
490
|
|
|
503
491
|
// define custom header
|
|
504
492
|
const CustomHeader = () => <div>My kepler.gl app</div>;
|
|
505
493
|
const myCustomHeaderFactory = () => CustomHeader;
|
|
506
494
|
|
|
507
495
|
// Inject custom header into Kepler.gl, replacing default
|
|
508
|
-
const KeplerGl = injectComponents([
|
|
509
|
-
[PanelHeaderFactory, myCustomHeaderFactory]
|
|
510
|
-
]);
|
|
496
|
+
const KeplerGl = injectComponents([[PanelHeaderFactory, myCustomHeaderFactory]]);
|
|
511
497
|
|
|
512
498
|
// render KeplerGl, it will render your custom header instead of the default
|
|
513
499
|
const MapContainer = () => (
|
|
@@ -520,12 +506,8 @@ const MapContainer = () => (
|
|
|
520
506
|
Using `withState` helper to add reducer state and actions to customized component as additional props.
|
|
521
507
|
|
|
522
508
|
```js
|
|
523
|
-
import {
|
|
524
|
-
|
|
525
|
-
injectComponents,
|
|
526
|
-
PanelHeaderFactory
|
|
527
|
-
} from 'kepler.gl/components';
|
|
528
|
-
import {visStateLens} from 'kepler.gl/reducers';
|
|
509
|
+
import {withState, injectComponents, PanelHeaderFactory} from '@kepler.gl/components';
|
|
510
|
+
import {visStateLens} from '@kepler.gl/reducers';
|
|
529
511
|
|
|
530
512
|
// custom action wrap to mounted instance
|
|
531
513
|
const addTodo = text =>
|
|
@@ -562,6 +544,7 @@ To interact with a kepler.gl instance and add new data to it, you can dispatch t
|
|
|
562
544
|
#### Parameters
|
|
563
545
|
|
|
564
546
|
- `data` **[Object][40]** **\*required**
|
|
547
|
+
|
|
565
548
|
- `datasets` **([Array][41]<[Object][40]> | [Object][40])** **\*required** datasets can be a dataset or an array of datasets
|
|
566
549
|
Each dataset object needs to have `info` and `data` property.
|
|
567
550
|
- `datasets.info` **[Object][40]** \-info of a dataset
|
|
@@ -586,7 +569,7 @@ Kepler.gl provides an easy API `KeplerGlSchema.getConfigToSave` to generate a js
|
|
|
586
569
|
|
|
587
570
|
```javascript
|
|
588
571
|
// app.js
|
|
589
|
-
import {addDataToMap} from 'kepler.gl/actions';
|
|
572
|
+
import {addDataToMap} from '@kepler.gl/actions';
|
|
590
573
|
|
|
591
574
|
const sampleTripData = {
|
|
592
575
|
fields: [
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "kepler.gl",
|
|
3
3
|
"author": "Shan He <shan@uber.com>",
|
|
4
|
-
"version": "3.0.0
|
|
4
|
+
"version": "3.0.0",
|
|
5
5
|
"description": "kepler.gl is a webgl based application to visualize large scale location data in the browser",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"main": "dist/index.js",
|
|
@@ -112,7 +112,7 @@
|
|
|
112
112
|
"@deck.gl/mapbox": "^8.9.27",
|
|
113
113
|
"@hubble.gl/core": "1.2.0-alpha.6",
|
|
114
114
|
"@hubble.gl/react": "1.2.0-alpha.6",
|
|
115
|
-
"@kepler.gl/components": "3.0.0
|
|
115
|
+
"@kepler.gl/components": "3.0.0",
|
|
116
116
|
"@loaders.gl/polyfills": "^4.1.0-alpha.4",
|
|
117
117
|
"@types/mapbox__geo-viewport": "^0.4.1",
|
|
118
118
|
"@typescript-eslint/parser": "^5.27.0",
|
package/src/actions/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kepler.gl/actions",
|
|
3
3
|
"author": "Shan He <shan@uber.com>",
|
|
4
|
-
"version": "3.0.0
|
|
4
|
+
"version": "3.0.0",
|
|
5
5
|
"description": "kepler.gl constants used by kepler.gl components, actions and reducers",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"main": "dist/index.js",
|
|
@@ -31,11 +31,11 @@
|
|
|
31
31
|
],
|
|
32
32
|
"dependencies": {
|
|
33
33
|
"@deck.gl/core": "^8.9.27",
|
|
34
|
-
"@kepler.gl/cloud-providers": "3.0.0
|
|
35
|
-
"@kepler.gl/constants": "3.0.0
|
|
36
|
-
"@kepler.gl/layers": "3.0.0
|
|
37
|
-
"@kepler.gl/processors": "3.0.0
|
|
38
|
-
"@kepler.gl/types": "3.0.0
|
|
34
|
+
"@kepler.gl/cloud-providers": "3.0.0",
|
|
35
|
+
"@kepler.gl/constants": "3.0.0",
|
|
36
|
+
"@kepler.gl/layers": "3.0.0",
|
|
37
|
+
"@kepler.gl/processors": "3.0.0",
|
|
38
|
+
"@kepler.gl/types": "3.0.0",
|
|
39
39
|
"@reduxjs/toolkit": "^1.7.2",
|
|
40
40
|
"@types/lodash.curry": "^4.1.7",
|
|
41
41
|
"@types/react-redux": "^7.1.23",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kepler.gl/cloud-providers",
|
|
3
3
|
"author": "Shan He <shan@uber.com>",
|
|
4
|
-
"version": "3.0.0
|
|
4
|
+
"version": "3.0.0",
|
|
5
5
|
"description": "kepler.gl constants used by kepler.gl components, actions and reducers",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"main": "dist/index.js",
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
"umd"
|
|
31
31
|
],
|
|
32
32
|
"dependencies": {
|
|
33
|
-
"@kepler.gl/types": "3.0.0
|
|
33
|
+
"@kepler.gl/types": "3.0.0",
|
|
34
34
|
"react": "^18.2.0"
|
|
35
35
|
},
|
|
36
36
|
"nyc": {
|
|
@@ -27,7 +27,7 @@ function EffectControlFactory(MapControlTooltip) {
|
|
|
27
27
|
};
|
|
28
28
|
|
|
29
29
|
var EffectControl = function EffectControl(_ref) {
|
|
30
|
-
var _mapControls$effect;
|
|
30
|
+
var _mapControls$effect, _mapControls$effect2;
|
|
31
31
|
|
|
32
32
|
var mapControls = _ref.mapControls,
|
|
33
33
|
onToggleMapControl = _ref.onToggleMapControl,
|
|
@@ -36,15 +36,14 @@ function EffectControlFactory(MapControlTooltip) {
|
|
|
36
36
|
var onClick = (0, _react.useCallback)(function (event) {
|
|
37
37
|
event.preventDefault();
|
|
38
38
|
onToggleMapControl('effect');
|
|
39
|
-
}, [onToggleMapControl]);
|
|
40
|
-
|
|
41
|
-
var showControl = false; // mapControls?.effect?.show;
|
|
39
|
+
}, [onToggleMapControl]);
|
|
40
|
+
var showControl = mapControls === null || mapControls === void 0 ? void 0 : (_mapControls$effect = mapControls.effect) === null || _mapControls$effect === void 0 ? void 0 : _mapControls$effect.show;
|
|
42
41
|
|
|
43
42
|
if (!showControl) {
|
|
44
43
|
return null;
|
|
45
44
|
}
|
|
46
45
|
|
|
47
|
-
var active = mapControls === null || mapControls === void 0 ? void 0 : (_mapControls$
|
|
46
|
+
var active = mapControls === null || mapControls === void 0 ? void 0 : (_mapControls$effect2 = mapControls.effect) === null || _mapControls$effect2 === void 0 ? void 0 : _mapControls$effect2.active;
|
|
48
47
|
return /*#__PURE__*/_react["default"].createElement(MapControlTooltip, {
|
|
49
48
|
id: "show-effect",
|
|
50
49
|
message: active ? 'tooltip.hideEffectPanel' : 'tooltip.showEffectPanel'
|
|
@@ -60,4 +59,4 @@ function EffectControlFactory(MapControlTooltip) {
|
|
|
60
59
|
EffectControl.displayName = 'EffectControl';
|
|
61
60
|
return /*#__PURE__*/_react["default"].memo(EffectControl);
|
|
62
61
|
}
|
|
63
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
62
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9tYXAvZWZmZWN0cy9lZmZlY3QtY29udHJvbC50c3giXSwibmFtZXMiOlsiRWZmZWN0Q29udHJvbEZhY3RvcnkiLCJkZXBzIiwiTWFwQ29udHJvbFRvb2x0aXBGYWN0b3J5IiwiTWFwQ29udHJvbFRvb2x0aXAiLCJkZWZhdWx0QWN0aW9uSWNvbnMiLCJlZmZlY3RzSWNvbiIsIk1hZ2ljV2FuZCIsIkVmZmVjdENvbnRyb2wiLCJtYXBDb250cm9scyIsIm9uVG9nZ2xlTWFwQ29udHJvbCIsImFjdGlvbkljb25zIiwib25DbGljayIsImV2ZW50IiwicHJldmVudERlZmF1bHQiLCJzaG93Q29udHJvbCIsImVmZmVjdCIsInNob3ciLCJhY3RpdmUiLCJkaXNwbGF5TmFtZSIsIlJlYWN0IiwibWVtbyJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFHQTs7QUFJQTs7QUFDQTs7QUFDQTs7QUFUQTtBQUNBO0FBb0JBQSxvQkFBb0IsQ0FBQ0MsSUFBckIsR0FBNEIsQ0FBQ0MsNkJBQUQsQ0FBNUI7O0FBRWUsU0FBU0Ysb0JBQVQsQ0FDYkcsaUJBRGEsRUFFaUI7QUFDOUIsTUFBTUMsa0JBQWtCLEdBQUc7QUFDekJDLElBQUFBLFdBQVcsRUFBRUM7QUFEWSxHQUEzQjs7QUFJQSxNQUFNQyxhQUFhLEdBQUcsU0FBaEJBLGFBQWdCLE9BSUk7QUFBQTs7QUFBQSxRQUh4QkMsV0FHd0IsUUFIeEJBLFdBR3dCO0FBQUEsUUFGeEJDLGtCQUV3QixRQUZ4QkEsa0JBRXdCO0FBQUEsZ0NBRHhCQyxXQUN3QjtBQUFBLFFBRHhCQSxXQUN3QixpQ0FEVk4sa0JBQ1U7QUFDeEIsUUFBTU8sT0FBTyxHQUFHLHdCQUNkLFVBQUFDLEtBQUssRUFBSTtBQUNQQSxNQUFBQSxLQUFLLENBQUNDLGNBQU47QUFDQUosTUFBQUEsa0JBQWtCLENBQUMsUUFBRCxDQUFsQjtBQUNELEtBSmEsRUFLZCxDQUFDQSxrQkFBRCxDQUxjLENBQWhCO0FBUUEsUUFBTUssV0FBVyxHQUFHTixXQUFILGFBQUdBLFdBQUgsOENBQUdBLFdBQVcsQ0FBRU8sTUFBaEIsd0RBQUcsb0JBQXFCQyxJQUF6Qzs7QUFDQSxRQUFJLENBQUNGLFdBQUwsRUFBa0I7QUFDaEIsYUFBTyxJQUFQO0FBQ0Q7O0FBRUQsUUFBTUcsTUFBTSxHQUFHVCxXQUFILGFBQUdBLFdBQUgsK0NBQUdBLFdBQVcsQ0FBRU8sTUFBaEIseURBQUcscUJBQXFCRSxNQUFwQztBQUNBLHdCQUNFLGdDQUFDLGlCQUFEO0FBQ0UsTUFBQSxFQUFFLEVBQUMsYUFETDtBQUVFLE1BQUEsT0FBTyxFQUFFQSxNQUFNLEdBQUcseUJBQUgsR0FBK0I7QUFGaEQsb0JBSUUsZ0NBQUMsa0NBQUQ7QUFDRSxNQUFBLFNBQVMsRUFBQyxrQ0FEWjtBQUVFLE1BQUEsT0FBTyxFQUFFTixPQUZYO0FBR0UsTUFBQSxNQUFNLEVBQUVNO0FBSFYsb0JBS0UsZ0NBQUMsV0FBRCxDQUFhLFdBQWI7QUFBeUIsTUFBQSxNQUFNLEVBQUM7QUFBaEMsTUFMRixDQUpGLENBREY7QUFjRCxHQWpDRDs7QUFtQ0FWLEVBQUFBLGFBQWEsQ0FBQ1csV0FBZCxHQUE0QixlQUE1QjtBQUNBLHNCQUFPQyxrQkFBTUMsSUFBTixDQUFXYixhQUFYLENBQVA7QUFDRCIsInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBSZWFjdCwge3VzZUNhbGxiYWNrLCBDb21wb25lbnRUeXBlfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7TWFwQ29udHJvbHN9IGZyb20gJ0BrZXBsZXIuZ2wvdHlwZXMnO1xuXG5pbXBvcnQge01hZ2ljV2FuZH0gZnJvbSAnLi4vLi4vY29tbW9uL2ljb25zJztcbmltcG9ydCB7TWFwQ29udHJvbEJ1dHRvbn0gZnJvbSAnLi4vLi4vY29tbW9uL3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCBNYXBDb250cm9sVG9vbHRpcEZhY3RvcnkgZnJvbSAnLi4vbWFwLWNvbnRyb2wtdG9vbHRpcCc7XG5cbmludGVyZmFjZSBFZmZlY3RDb250cm9sSWNvbnMge1xuICBlZmZlY3RzSWNvbjogQ29tcG9uZW50VHlwZTxhbnk+O1xufVxuXG5leHBvcnQgdHlwZSBFZmZlY3RDb250cm9sUHJvcHMgPSB7XG4gIG1hcENvbnRyb2xzOiBNYXBDb250cm9scztcbiAgb25Ub2dnbGVNYXBDb250cm9sOiAoY29udHJvbDogc3RyaW5nKSA9PiB2b2lkO1xuICBhY3Rpb25JY29uczogRWZmZWN0Q29udHJvbEljb25zO1xufTtcblxuRWZmZWN0Q29udHJvbEZhY3RvcnkuZGVwcyA9IFtNYXBDb250cm9sVG9vbHRpcEZhY3RvcnldO1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBFZmZlY3RDb250cm9sRmFjdG9yeShcbiAgTWFwQ29udHJvbFRvb2x0aXA6IFJldHVyblR5cGU8dHlwZW9mIE1hcENvbnRyb2xUb29sdGlwRmFjdG9yeT5cbik6IFJlYWN0LkZDPEVmZmVjdENvbnRyb2xQcm9wcz4ge1xuICBjb25zdCBkZWZhdWx0QWN0aW9uSWNvbnMgPSB7XG4gICAgZWZmZWN0c0ljb246IE1hZ2ljV2FuZFxuICB9O1xuXG4gIGNvbnN0IEVmZmVjdENvbnRyb2wgPSAoe1xuICAgIG1hcENvbnRyb2xzLFxuICAgIG9uVG9nZ2xlTWFwQ29udHJvbCxcbiAgICBhY3Rpb25JY29ucyA9IGRlZmF1bHRBY3Rpb25JY29uc1xuICB9OiBFZmZlY3RDb250cm9sUHJvcHMpID0+IHtcbiAgICBjb25zdCBvbkNsaWNrID0gdXNlQ2FsbGJhY2soXG4gICAgICBldmVudCA9PiB7XG4gICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgIG9uVG9nZ2xlTWFwQ29udHJvbCgnZWZmZWN0Jyk7XG4gICAgICB9LFxuICAgICAgW29uVG9nZ2xlTWFwQ29udHJvbF1cbiAgICApO1xuXG4gICAgY29uc3Qgc2hvd0NvbnRyb2wgPSBtYXBDb250cm9scz8uZWZmZWN0Py5zaG93O1xuICAgIGlmICghc2hvd0NvbnRyb2wpIHtcbiAgICAgIHJldHVybiBudWxsO1xuICAgIH1cblxuICAgIGNvbnN0IGFjdGl2ZSA9IG1hcENvbnRyb2xzPy5lZmZlY3Q/LmFjdGl2ZTtcbiAgICByZXR1cm4gKFxuICAgICAgPE1hcENvbnRyb2xUb29sdGlwXG4gICAgICAgIGlkPVwic2hvdy1lZmZlY3RcIlxuICAgICAgICBtZXNzYWdlPXthY3RpdmUgPyAndG9vbHRpcC5oaWRlRWZmZWN0UGFuZWwnIDogJ3Rvb2x0aXAuc2hvd0VmZmVjdFBhbmVsJ31cbiAgICAgID5cbiAgICAgICAgPE1hcENvbnRyb2xCdXR0b25cbiAgICAgICAgICBjbGFzc05hbWU9XCJtYXAtY29udHJvbC1idXR0b24gdG9nZ2xlLWVmZmVjdFwiXG4gICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICBhY3RpdmU9e2FjdGl2ZX1cbiAgICAgICAgPlxuICAgICAgICAgIDxhY3Rpb25JY29ucy5lZmZlY3RzSWNvbiBoZWlnaHQ9XCIyMnB4XCIgLz5cbiAgICAgICAgPC9NYXBDb250cm9sQnV0dG9uPlxuICAgICAgPC9NYXBDb250cm9sVG9vbHRpcD5cbiAgICApO1xuICB9O1xuXG4gIEVmZmVjdENvbnRyb2wuZGlzcGxheU5hbWUgPSAnRWZmZWN0Q29udHJvbCc7XG4gIHJldHVybiBSZWFjdC5tZW1vKEVmZmVjdENvbnRyb2wpO1xufVxuIl19
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kepler.gl/components",
|
|
3
3
|
"author": "Shan He <shan@uber.com>",
|
|
4
|
-
"version": "3.0.0
|
|
4
|
+
"version": "3.0.0",
|
|
5
5
|
"description": "kepler.gl constants used by kepler.gl components, actions and reducers",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"main": "dist/index.js",
|
|
@@ -37,19 +37,19 @@
|
|
|
37
37
|
"@dnd-kit/sortable": "^7.0.2",
|
|
38
38
|
"@dnd-kit/utilities": "^3.2.1",
|
|
39
39
|
"@floating-ui/react": "0.25.1",
|
|
40
|
-
"@kepler.gl/actions": "3.0.0
|
|
41
|
-
"@kepler.gl/cloud-providers": "3.0.0
|
|
42
|
-
"@kepler.gl/constants": "3.0.0
|
|
43
|
-
"@kepler.gl/effects": "3.0.0
|
|
44
|
-
"@kepler.gl/layers": "3.0.0
|
|
45
|
-
"@kepler.gl/localization": "3.0.0
|
|
46
|
-
"@kepler.gl/processors": "3.0.0
|
|
47
|
-
"@kepler.gl/reducers": "3.0.0
|
|
48
|
-
"@kepler.gl/schemas": "3.0.0
|
|
49
|
-
"@kepler.gl/styles": "3.0.0
|
|
50
|
-
"@kepler.gl/table": "3.0.0
|
|
51
|
-
"@kepler.gl/types": "3.0.0
|
|
52
|
-
"@kepler.gl/utils": "3.0.0
|
|
40
|
+
"@kepler.gl/actions": "3.0.0",
|
|
41
|
+
"@kepler.gl/cloud-providers": "3.0.0",
|
|
42
|
+
"@kepler.gl/constants": "3.0.0",
|
|
43
|
+
"@kepler.gl/effects": "3.0.0",
|
|
44
|
+
"@kepler.gl/layers": "3.0.0",
|
|
45
|
+
"@kepler.gl/localization": "3.0.0",
|
|
46
|
+
"@kepler.gl/processors": "3.0.0",
|
|
47
|
+
"@kepler.gl/reducers": "3.0.0",
|
|
48
|
+
"@kepler.gl/schemas": "3.0.0",
|
|
49
|
+
"@kepler.gl/styles": "3.0.0",
|
|
50
|
+
"@kepler.gl/table": "3.0.0",
|
|
51
|
+
"@kepler.gl/types": "3.0.0",
|
|
52
|
+
"@kepler.gl/utils": "3.0.0",
|
|
53
53
|
"@mapbox/mapbox-sdk": "^0.15.3",
|
|
54
54
|
"@nebula.gl/edit-modes": "1.0.2-alpha.1",
|
|
55
55
|
"@tippyjs/react": "^4.2.0",
|
|
@@ -41,8 +41,7 @@ export default function EffectControlFactory(
|
|
|
41
41
|
[onToggleMapControl]
|
|
42
42
|
);
|
|
43
43
|
|
|
44
|
-
|
|
45
|
-
const showControl = false; // mapControls?.effect?.show;
|
|
44
|
+
const showControl = mapControls?.effect?.show;
|
|
46
45
|
if (!showControl) {
|
|
47
46
|
return null;
|
|
48
47
|
}
|