disable calling config callback if in readOnly

Signed-off-by: Shan He <[email protected]>

Author: heshan0131

src/App.js

@@ -810,6 +810,7 @@ class App extends Component {
         </div>
       );
     }
+    const readOnly = tableauSettingsState.readOnly === 'true'
 
     return (
       <KeplerGlComponent
@@ -820,7 +821,7 @@ class App extends Component {
         selectedSheet={this.state.selectedSheet}
         tableauSettings={tableauSettingsState}
         theme={tableauSettingsState.theme}
-        readOnly={tableauSettingsState.readOnly === 'true'}
+        readOnly={readOnly}
         keplerConfig={tableauSettingsState.keplerConfig}
         mapboxAPIKey={
           tableauSettingsState.mapboxAPIKey
@@ -829,7 +830,7 @@ class App extends Component {
         }
         isLoading={isLoading}
         // persist state to tableau
-        configCallBack={this.configCallBack}
+        configCallBack={readOnly ? null : this.configCallBack}
         // interactivity
         clickCallBack={this.clickCallBack}
         hoverCallBack={this.hoverCallBack}

src/components/KeplerGL/app.js

@@ -101,6 +101,10 @@ class App extends Component {
   }
 
   handleConfigChange() {
+    if (typeof this.props.configCallBack !== 'function') {
+      return;
+    }
+
     const currentState = this.getMapConfig();
     if (!currentState) {
       return;

src/reducers.js

@@ -22,7 +22,6 @@ import {combineReducers} from 'redux';
 import {handleActions} from 'redux-actions';
 import {routerReducer} from 'react-router-redux';
 import keplerGlReducer, {visStateUpdaters} from 'kepler.gl/reducers';
-import {FILTER_TYPES} from 'kepler.gl/constants';
 import {MAP_ID, DATA_ID} from './constants';
 import {MARKER_SELECT} from './actions';
 import {log} from './utils';

src/store.js

@@ -20,12 +20,10 @@
 
 import {createStore, applyMiddleware, compose} from 'redux';
 
-import window from 'global/window';
 import {taskMiddleware} from 'react-palm/tasks';
 import {routerMiddleware} from 'react-router-redux';
 import {hashHistory} from 'react-router';
 import reducers from './reducers';
-import KeplerGlSchema from 'kepler.gl/schemas';
 
 export const middlewares = [
   taskMiddleware,