diff --git a/superset-frontend/temporary_superset_ui/superset-ui-plugins-deckgl/packages/superset-ui-legacy-preset-chart-deckgl/package.json b/superset-frontend/temporary_superset_ui/superset-ui-plugins-deckgl/packages/superset-ui-legacy-preset-chart-deckgl/package.json
index f24f0b167e..34ef00e9a3 100644
--- a/superset-frontend/temporary_superset_ui/superset-ui-plugins-deckgl/packages/superset-ui-legacy-preset-chart-deckgl/package.json
+++ b/superset-frontend/temporary_superset_ui/superset-ui-plugins-deckgl/packages/superset-ui-legacy-preset-chart-deckgl/package.json
@@ -30,7 +30,7 @@
"d3-array": "^1.2.4",
"d3-color": "^1.2.0",
"d3-scale": "^2.1.2",
- "deck.gl": "^5.3.5",
+ "deck.gl": "7.1.11",
"jquery": "^3.4.1",
"lodash": "^4.17.15",
"mapbox-gl": "^0.53.0",
diff --git a/superset-frontend/temporary_superset_ui/superset-ui-plugins-deckgl/packages/superset-ui-legacy-preset-chart-deckgl/src/AnimatableDeckGLContainer.jsx b/superset-frontend/temporary_superset_ui/superset-ui-plugins-deckgl/packages/superset-ui-legacy-preset-chart-deckgl/src/AnimatableDeckGLContainer.jsx
index de4ca69bb6..3f7e399ba8 100644
--- a/superset-frontend/temporary_superset_ui/superset-ui-plugins-deckgl/packages/superset-ui-legacy-preset-chart-deckgl/src/AnimatableDeckGLContainer.jsx
+++ b/superset-frontend/temporary_superset_ui/superset-ui-plugins-deckgl/packages/superset-ui-legacy-preset-chart-deckgl/src/AnimatableDeckGLContainer.jsx
@@ -42,8 +42,9 @@ const propTypes = {
mapStyle: PropTypes.string,
mapboxApiAccessToken: PropTypes.string.isRequired,
setControlValue: PropTypes.func,
- onViewportChange: PropTypes.func,
onValuesChange: PropTypes.func,
+ width: PropTypes.number.isRequired,
+ height: PropTypes.number.isRequired,
};
const defaultProps = {
@@ -51,23 +52,10 @@ const defaultProps = {
disabled: false,
mapStyle: 'light',
setControlValue: () => {},
- onViewportChange: () => {},
onValuesChange: () => {},
};
-export default class AnimatableDeckGLContainer extends React.Component {
- constructor(props) {
- super(props);
- this.onViewportChange = this.onViewportChange.bind(this);
- }
-
- onViewportChange(viewport) {
- const originalViewport = this.props.disabled
- ? { ...viewport }
- : { ...viewport, height: viewport.height + PLAYSLIDER_HEIGHT };
- this.props.onViewportChange(originalViewport);
- }
-
+export default class AnimatableDeckGLContainer extends React.PureComponent {
render() {
const {
start,
@@ -83,24 +71,22 @@ export default class AnimatableDeckGLContainer extends React.Component {
setControlValue,
mapStyle,
mapboxApiAccessToken,
+ height,
+ width,
} = this.props;
const layers = getLayers(values);
- // leave space for the play slider
- const modifiedViewport = {
- ...viewport,
- height: disabled ? viewport.height : viewport.height - PLAYSLIDER_HEIGHT,
- };
-
return (
{!disabled && (
f.__timestamp);
@@ -239,10 +236,11 @@ export default class CategoricalDeckGLContainer extends React.PureComponent {
onValuesChange={this.onValuesChange}
disabled={this.state.disabled}
viewport={this.state.viewport}
- onViewportChange={this.onViewportChange}
mapboxApiAccessToken={this.props.mapboxApiKey}
mapStyle={this.props.formData.mapbox_style}
setControlValue={this.props.setControlValue}
+ width={this.props.width}
+ height={this.props.height}
>