Kepler.gl: How to configure kepler so that the sider pane don't render on page?

[ChunhongZhao]

I am trying to integrate kepler into my application, I don't want to let the user configure data/filter by themselves, I want to know how to made the sider pane don't render, thanks in advance.

[heshan0131]

As an experimenting feature (aka, features that I haven't documented yet) keplerGlReducer allows you to customize its initialState. The property that controls the display of side panel is saved in state.uiState.readOnly.

all you need to do is to modify state.uiState.readOnly to true by passing a custom initialState when you import keplerGlReducer

const customizedKeplerGlReducer = keplerGlReducer.initialState({
   uiState: {readOnly: true}
});
// in your store
const reducers = combineReducers({
  keplerGl: customizedKeplerGlReducer,
  app: appReducer
});

And you also need to pass options: {readOnly: true} when you call addDataToMap

[ChunhongZhao]

@heshan0131 thank you so much, I set the state and it works, hope kepler could upgrade deck.gl soon, I am waiting for use kepler and deck.gl at same time.

[mistercrunch]

@heshan0131 is there a way to have the panel just collapsed, but still available?

[guyts]

As an experimenting feature (aka, features that I haven't documented yet) keplerGlReducer allows you to customize its initialState. The property that controls the display of side panel is saved in state.uiState.readOnly.

all you need to do is to modify state.uiState.readOnly to true by passing a custom initialState when you import keplerGlReducer

const customizedKeplerGlReducer = keplerGlReducer.initialState({
   uiState: {readOnly: true}
});
// in your store
const reducers = combineReducers({
  keplerGl: customizedKeplerGlReducer,
  app: appReducer
});

And you also need to pass options: {readOnly: true} when you call addDataToMap

when trying to add this to the html code, is this meant to replace the next block:

          const reducers = (function createReducers(redux, keplerGl) {
            return redux.combineReducers({
              // mount keplerGl reducer
              keplerGl: keplerGl.keplerGlReducer
            });
          }(Redux, KeplerGl));

Or should it come after?