@carto/kepler.gl 0.1.0-alpha.0 → 0.1.0-alpha.1

package/dist/reducers/root.d.ts

@@ -6,7 +6,7 @@ export declare function provideInitialState(initialState: any): (state: {}, acti
  * @example
  * import keplerGlReducer from 'kepler.gl/reducers';
  * import {createStore, combineReducers, applyMiddleware, compose} from 'redux';
- * import {taskMiddleware} from 'react-palm/tasks';
+ * import {taskMiddleware} from 'react-palm/tasks/index.js';
  *
  * const initialState = {};
  * const reducers = combineReducers({

package/package.json

@@ -2,7 +2,7 @@
   "name": "@carto/kepler.gl",
   "author": "CARTO",
   "homepage": "https://github.com/CartoDB/carto-kepler#readme",
-  "version": "0.1.0-alpha.0",
+  "version": "0.1.0-alpha.1",
   "description": "kepler.gl is a webgl based application to visualize large scale location data in the browser",
   "license": "MIT",
   "type": "module",
@@ -121,15 +121,13 @@
     "build": "rm -fr dist && microbundle -i src/index.ts -o dist/bundle.js --format modern --no-compress --tsconfig tsconfig.production.json --jsx React.createElement --jsxFragment React.Fragment",
     "build:watch": "npm run build -- --watch",
     "build:types": "tsc --project tsconfig.production.json",
-    "analyze": "npm run analyze:bundle",
-    "analyze:bundle": "webpack --config ./webpack/bundle.js --progress --env.prod",
     "check-licence": "uber-licence --dry",
     "add-licence": "uber-licence",
     "prepublish": "yarn build",
     "docs": "babel-node ./scripts/documentation.js",
     "example-version": "babel-node ./scripts/edit-version.js",
     "prettier-all": "prettier --write '{src,examples,test}/**/*.{js,tsx,ts}'",
-    "lint": "yarn typescript && eslint src test webpack examples/*.js examples/**/src/*.{js,tsx,ts} website/*.js website/src --fix",
+    "lint": "yarn typescript && eslint src test examples/*.js examples/**/src/*.{js,tsx,ts} website/*.js website/src --fix",
     "lint:css": "stylelint './src/**/*.js'",
     "typescript": "tsc --noEmit",
     "web": "(yarn && yarn install:web && yarn start:web)",
@@ -146,7 +144,6 @@
     "@mapbox/geojson-normalize": "0.0.1",
     "@mapbox/vector-tile": "^1.3.1",
     "@reduxjs/toolkit": "^1.7.2",
-    "@tippyjs/react": "^4.2.0",
     "@turf/bbox": "^6.0.1",
     "@turf/boolean-within": "^6.0.1",
     "@turf/helpers": "^6.1.4",
@@ -192,11 +189,8 @@
     "d3-scale": "^3.2.3",
     "d3-time": "^3.1.0",
     "decimal.js": "^10.2.0",
-    "exenv": "^1.2.2",
     "fuzzy": "^0.1.3",
-    "global": "^4.3.0",
     "h3-js": "^3.1.0",
-    "html-webpack-plugin": "^4.3.0",
     "keymirror": "^0.1.1",
     "lodash.clonedeep": "^4.0.1",
     "lodash.curry": "^4.1.1",
@@ -217,8 +211,6 @@
     "moment-timezone": "^0.5.32",
     "pbf": "^3.1.0",
     "prop-types": "^15.6.0",
-    "react-color": "^2.17.3",
-    "react-copy-to-clipboard": "^5.0.2",
     "react-intl": "^3.12.0",
     "react-json-pretty": "^2.2.0",
     "react-lifecycles-compat": "^3.0.4",
@@ -239,7 +231,6 @@
     "resize-observer-polyfill": "^1.5.1",
     "s2-geometry": "^1.2.10",
     "supercluster": "^7.1.0",
-    "type-analyzer": "0.3.0",
     "viewport-mercator-project": "^6.0.0",
     "wellknown": "^0.5.0"
   },
@@ -259,13 +250,13 @@
     "@loaders.gl/json": "^4.2.5",
     "@probe.gl/test-utils": "^3.0.1",
     "@testing-library/react-hooks": "^3.4.2",
+    "@tippyjs/react": "^4.2.6",
     "@types/d3-array": "^2.0.0",
     "@types/d3-scale": "^3.2.2",
     "@types/geojson": "^7946.0.7",
     "@types/redux-actions": "^2.6.2",
     "@typescript-eslint/eslint-plugin": "^5.12.0",
     "documentation": "^9.1.1",
-    "dts-bundle-webpack": "^1.0.2",
     "enzyme": "^3.9.0",
     "enzyme-adapter-react-16": "^1.10.0",
     "eslint": "^5.16.0",
@@ -275,24 +266,22 @@
     "eslint-plugin-prettier": "^3.1.2",
     "eslint-plugin-react": "^7.13.0",
     "eslint-plugin-react-hooks": "^4.1.0",
+    "global": "^4.4.0",
     "jest": "^26.6.1",
     "jest-image-snapshot": "^4.2.0",
     "jest-puppeteer": "^4.4.0",
     "jsdom": "^16.4.0",
-    "json-loader": "^0.5.4",
     "microbundle": "^0.15.1",
     "nyc": "^15.1.0",
     "prettier": "1.19.1",
-    "progress-bar-webpack-plugin": "^2.1.0",
     "puppeteer": "^2.1.1",
     "react": "^16.8.4",
+    "react-color": "^2.19.3",
+    "react-copy-to-clipboard": "^5.1.0",
     "react-dom": "^16.8.4",
-    "react-hot-loader": "^4.13.0",
     "redux-mock-store": "^1.2.1",
-    "rollup": "^4.24.0",
     "sinon": "^2.4.1",
     "sinon-stub-promise": "^4.0.0",
-    "source-map-loader": "^1.1.1",
     "styled-components": "^4.1.3",
     "stylelint": "^13.6.1",
     "stylelint-config-recommended": "^3.0.0",
@@ -301,17 +290,10 @@
     "tap-spec": "^5.0.0",
     "tape": "^4.9.2",
     "tape-catch": "^1.0.6",
+    "type-analyzer": "^0.4.0",
     "typescript": "^4.9.5",
     "uber-licence": "^3.1.1",
-    "url-loader": "^4.1.1",
-    "watchify": "^3.6.1",
-    "webpack": "^4.29.0",
-    "webpack-bundle-analyzer": "^3.3.2",
-    "webpack-cli": "^3.2.1",
-    "webpack-dev-middleware": "^3.5.1",
-    "webpack-dev-server": "^3.1.14",
-    "webpack-hot-middleware": "^2.24.3",
-    "webpack-stats-plugin": "^0.2.1"
+    "watchify": "^3.6.1"
   },
   "resolutions": {
     "d3-time": "^2.1.1",

package/src/components/common/portaled.tsx

@@ -22,11 +22,11 @@ import React, {Component, createRef, ElementType, PropsWithChildren} from 'react
 import debounce from 'lodash.debounce';
 import isEqual from 'lodash.isequal';
 
-import {canUseDOM} from 'exenv';
 import {withTheme} from 'styled-components';
 import {RootContext} from 'components/context';
 import Modal from 'react-modal';
 import window from 'global/window';
+import document from 'global/document';
 import {theme} from 'styles/base';
 
 const listeners = {};
@@ -37,12 +37,10 @@ const getPageOffset = () => ({
   x:
     window.pageXOffset !== undefined
       ? window.pageXOffset
-      // @ts-expect-error
       : (document.documentElement || document.body.parentNode || document.body).scrollLeft,
   y:
     window.pageYOffset !== undefined
       ? window.pageYOffset
-      // @ts-expect-error
       : (document.documentElement || document.body.parentNode || document.body).scrollTop
 });
 
@@ -95,12 +93,10 @@ export const getChildPos = ({offsets, rect, childRect, pageOffset, padding}: Get
   return pos;
 };
 
-if (canUseDOM) {
-  if (document.body) {
-    addEventListeners();
-  } else {
-    document.addEventListener('DOMContentLoaded', addEventListeners);
-  }
+if (document.body) {
+  addEventListeners();
+} else {
+  document.addEventListener('DOMContentLoaded', addEventListeners);
 }
 
 let listenerIdCounter = 0;

package/src/constants/action-types.ts

@@ -30,7 +30,7 @@ export const ACTION_PREFIX = '@@kepler.gl/';
  * // store.js
  * import {handleActions} from 'redux-actions';
  * import {createStore, combineReducers, applyMiddleware} from 'redux';
- * import {taskMiddleware} from 'react-palm/tasks';
+ * import {taskMiddleware} from 'react-palm/tasks/index.js';
  *
  * import keplerGlReducer from 'kepler.gl/reducers';
  * import {ActionTypes} from 'kepler.gl/actions';

package/src/middleware/index.ts

@@ -21,7 +21,7 @@
 // Extra helpers for redux
 // We are exposing this secause react-palm has no UMD module and
 // users need taskMiddleware to initiate their redux middle ware
-import {taskMiddleware} from 'react-palm/tasks';
+import {taskMiddleware} from 'react-palm/tasks/index.js';
 import {Middleware} from 'redux';
 
 /**

package/src/reducers/map-style-updaters.ts

@@ -18,7 +18,7 @@
 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 // THE SOFTWARE.
 
-import Task, {withTask} from 'react-palm/tasks';
+import Task, {withTask} from 'react-palm/tasks/index.js';
 import cloneDeep from 'lodash.clonedeep';
 
 // Utils

package/src/reducers/provider-state-updaters.ts

@@ -18,7 +18,7 @@
 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 // THE SOFTWARE.
 
-import {withTask} from 'react-palm/tasks';
+import {withTask} from 'react-palm/tasks/index.js';
 import {default as Console} from 'global/console';
 import {generateHashId, getError, isPlainObject, toArray} from '../utils/utils';
 import {

package/src/reducers/root.ts

@@ -212,7 +212,7 @@ function decorate(target, savedInitialState = {}) {
  * @example
  * import keplerGlReducer from 'kepler.gl/reducers';
  * import {createStore, combineReducers, applyMiddleware, compose} from 'redux';
- * import {taskMiddleware} from 'react-palm/tasks';
+ * import {taskMiddleware} from 'react-palm/tasks/index.js';
  *
  * const initialState = {};
  * const reducers = combineReducers({

package/src/reducers/vis-state-updaters.ts

@@ -19,7 +19,7 @@
 // THE SOFTWARE.
 
 import {console as Console} from 'global/window';
-import {disableStackCapturing, withTask} from 'react-palm/tasks';
+import {disableStackCapturing, withTask} from 'react-palm/tasks/index.js';
 import cloneDeep from 'lodash.clonedeep';
 import uniq from 'lodash.uniq';
 import get from 'lodash.get';

package/src/schemas/schema.ts

@@ -75,7 +75,7 @@ export default class Schema {
             return {
               ...accu,
               ...(key in node
-                ? 
+                ?
                   this.properties[key]
                   ? // if it's another schema
                     this.properties[key][operation]

package/src/tasks/tasks.ts

@@ -18,7 +18,7 @@
 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 // THE SOFTWARE.
 
-import Task, {taskCreator} from 'react-palm/tasks';
+import Task, {taskCreator} from 'react-palm/tasks/index.js';
 import {json as requestJson} from 'd3-request';
 import {readFileInBatches, processFileData} from '../processors/file-handler';