[chore] Update old imports (#3131)

Signed-off-by: Indranil Halder <indranilhalder.dev@gmail.com>

Author: indranildeveloper

docs/api-reference/advanced-usages/saving-loading-w-schema.md

@@ -19,7 +19,7 @@ Under the hood, `SchemaManager.save()` calls `SchemaManager.getDatasetToSave()`
 In the example blow, `foo` is the id of the KeplerGl instance to be save.
 
 ```js
-import KeplerGlSchema from 'kepler.gl/schemas';
+import KeplerGlSchema from '@kepler.gl/schemas';
 
 const mapToSave = KeplerGlSchema.save(state.keplerGl.foo);
 // mapToSave = {datasets: [], config: {}, info: {}};
@@ -41,8 +41,8 @@ Under the hood, `SchemaManager.load()` calls `SchemaManager.parseSavedData()` an
 - `SchemaManager.parseSavedConfig()` will output a JSON blob of the parsed config.
 
 ```js
-import KeplerGlSchema from 'kepler.gl/schemas';
-import {addDataToMap} from 'kepler.gl/actions';
+import KeplerGlSchema from '@kepler.gl/schemas';
+import {addDataToMap} from '@kepler.gl/actions';
 
 const mapToLoad = KeplerGlSchema.load(savedDatasets, savedConfig);
 // mapToLoad = {datasets: [], config: {}};
@@ -55,8 +55,8 @@ this.props.dispatch(addDataToMap(mapToLoad));
 Often times, people want to keep a map config as template, then load it with different datasets. To match a config with a different dataset, you need to make sure `data.id` in the new dataset matches the old one.
 
 ```js
-import KeplerGlSchema from 'kepler.gl/schemas';
-import {addDataToMap} from 'kepler.gl/actions';
+import KeplerGlSchema from '@kepler.gl/schemas';
+import {addDataToMap} from '@kepler.gl/actions';
 
 // save current map data and config
 const {datasets, config} = KeplerGlSchema.save(state.keplerGl.foo);

docs/api-reference/advanced-usages/using-updaters.md

@@ -8,7 +8,7 @@ To achieve the same result with `togglePerspective` updating kepler.gl's map per
 
 ```js
 // action and forward dispatcher
-import {togglePerspective} from 'kepler.gl/actions';
+import {togglePerspective} from '@kepler.gl/actions';
 
 const MapContainer = ({dispatch}) => (
   <div>

docs/api-reference/cloud-providers/README.md

@@ -40,7 +40,7 @@ Cloud-providers providers can implement the following properties
 An instance of the provider is added to array of cloud providers in the file `src/cloud-providers/providers.js` then passed to kepler.gl demo app. An example provider: [Dropbox Provider](https://github.com/keplergl/kepler.gl/blob/master/examples/demo-app/src/cloud-providers/dropbox-provider.js)
 
 ```js
-import {Provider} from 'kepler.gl/cloud-providers';
+import {Provider} from '@kepler.gl/cloud-providers';
 
 class MyProvider extends Provider {
     constructor() {

src/common-utils/src/data-type.ts

@@ -197,7 +197,7 @@ export function analyzerTypeToFieldType(aType: string): string {
  * @public
  * @example
  *
- * import {getFieldsFromData} from 'kepler.gl/common-utils';
+ * import {getFieldsFromData} from '@kepler.gl/common-utils';
  * const data = [{
  *   time: '2016-09-17 00:09:55',
  *   value: '4',

src/localization/src/locales.ts

@@ -20,7 +20,7 @@ export const LOCALES = {
  * @example
  * ```js
  * import {combineReducers} from 'redux';
- * import {LOCALE_CODES} from 'kepler.gl/localization';
+ * import {LOCALE_CODES} from '@kepler.gl/localization';
  *
  * const customizedKeplerGlReducer = keplerGlReducer
  *   .initialState({

src/processors/src/data-processor.ts

@@ -93,7 +93,7 @@ export const PARSE_FIELD_VALUE_FROM_STRING = {
  * @returns data object `{fields: [], rows: []}` can be passed to addDataToMaps
  * @public
  * @example
- * import {processCsvData} from 'kepler.gl/processors';
+ * import {processCsvData} from '@kepler.gl/processors';
  *
  * const testData = `gps_data.utc_timestamp,gps_data.lat,gps_data.lng,gps_data.types,epoch,has_result,id,time,begintrip_ts_utc,begintrip_ts_local,date
  * 2016-09-17 00:09:55,29.9900937,31.2590542,driver_analytics,1472688000000,False,1,2016-09-23T00:00:00.000Z,2016-10-01 09:41:39+00:00,2016-10-01 09:41:39+00:00,2016-09-23
@@ -236,8 +236,8 @@ export function parseCsvRowsByFieldType(
  * @returns dataset containing `fields` and `rows`
  * @public
  * @example
- * import {addDataToMap} from 'kepler.gl/actions';
- * import {processRowObject} from 'kepler.gl/processors';
+ * import {addDataToMap} from '@kepler.gl/actions';
+ * import {processRowObject} from '@kepler.gl/processors';
  *
  * const data = [
  *  {lat: 31.27, lng: 127.56, value: 3},
@@ -282,8 +282,8 @@ export function processRowObject(rawData: unknown[]): ProcessorResult {
  * @returns dataset containing `fields` and `rows`
  * @public
  * @example
- * import {addDataToMap} from 'kepler.gl/actions';
- * import {processGeojson} from 'kepler.gl/processors';
+ * import {addDataToMap} from '@kepler.gl/actions';
+ * import {processGeojson} from '@kepler.gl/processors';
  *
  * const geojson = {
  * 	"type" : "FeatureCollection",
@@ -364,8 +364,8 @@ export function processGeojson(rawData: unknown): ProcessorResult {
  * @returns datasets and config `{datasets: {}, config: {}}`
  * @public
  * @example
- * import {addDataToMap} from 'kepler.gl/actions';
- * import {processKeplerglJSON} from 'kepler.gl/processors';
+ * import {addDataToMap} from '@kepler.gl/actions';
+ * import {processKeplerglJSON} from '@kepler.gl/processors';
  *
  * dispatch(addDataToMap(processKeplerglJSON(keplerGlJson)));
  */

src/reducers/src/combined-updaters.ts

@@ -59,7 +59,7 @@ export type KeplerGlState = {
  * @public
  * @example
  *
- * import keplerGlReducer, {combinedUpdaters} from 'kepler.gl/reducers';
+ * import keplerGlReducer, {combinedUpdaters} from '@kepler.gl/reducers';
  * // Root Reducer
  * const reducers = combineReducers({
  *  keplerGl: keplerGlReducer,

src/reducers/src/map-state-updaters.ts

@@ -23,7 +23,7 @@ import {MapState, Bounds, Viewport} from '@kepler.gl/types';
  * @public
  * @example
  *
- * import keplerGlReducer, {mapStateUpdaters} from 'kepler.gl/reducers';
+ * import keplerGlReducer, {mapStateUpdaters} from '@kepler.gl/reducers';
  * // Root Reducer
  * const reducers = combineReducers({
  *  keplerGl: keplerGlReducer,

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

@@ -114,7 +114,7 @@ const getDefaultState = (): MapStyle => {
  * @public
  * @example
  *
- * import keplerGlReducer, {mapStyleUpdaters} from 'kepler.gl/reducers';
+ * import keplerGlReducer, {mapStyleUpdaters} from '@kepler.gl/reducers';
  * // Root Reducer
  * const reducers = combineReducers({
  *  keplerGl: keplerGlReducer,

src/reducers/src/root.ts

@@ -229,7 +229,7 @@ function decorate(target, savedInitialState = {}) {
  * to mount it at another address e.g. `foo` you will need to specify it when you mount `KeplerGl` component in your app with `getState: state => state.foo`
  * @public
  * @example
- * import keplerGlReducer from 'kepler.gl/reducers';
+ * import keplerGlReducer from '@kepler.gl/reducers';
  * import {createStore, combineReducers, applyMiddleware, compose} from 'redux';
  * import {taskMiddleware} from 'react-palm/tasks';
  *