Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Rename onTooltip to setTooltip #6103

Merged
merged 2 commits into from
Oct 15, 2018
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@ const propTypes = {
getLayer: PropTypes.func.isRequired,
payload: PropTypes.object.isRequired,
onAddFilter: PropTypes.func,
onTooltip: PropTypes.func,
setTooltip: PropTypes.func,
};

export default class CategoricalDeckGLContainer extends React.PureComponent {
Expand Down Expand Up @@ -77,7 +77,7 @@ export default class CategoricalDeckGLContainer extends React.PureComponent {
payload,
formData: fd,
onAddFilter,
onTooltip,
setTooltip,
} = this.props;
let data = [...payload.data.features];

Expand All @@ -103,7 +103,7 @@ export default class CategoricalDeckGLContainer extends React.PureComponent {
}

payload.data.features = data;
return [getLayer(fd, payload, onAddFilter, onTooltip)];
return [getLayer(fd, payload, onAddFilter, setTooltip)];
}
addColor(data, fd) {
const c = fd.color_picker || { r: 0, g: 0, b: 0, a: 1 };
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ class DeckGlChartInput {
};

this.onAddFilter = ((...args) => { slice.addFilter(...args); });
this.onTooltip = ((...args) => { slice.tooltip(...args); });
this.setTooltip = ((...args) => { slice.setTooltip(...args); });
}
}

Expand Down
12 changes: 6 additions & 6 deletions superset/assets/src/visualizations/deckgl/factory.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -10,11 +10,11 @@ const propTypes = {
setControlValue: PropTypes.func.isRequired,
viewport: PropTypes.object.isRequired,
onAddFilter: PropTypes.func,
onTooltip: PropTypes.func,
setTooltip: PropTypes.func,
};
const defaultProps = {
onAddFilter() {},
onTooltip() {},
setTooltip() {},
};

export function createDeckGLComponent(getLayer, getPoints) {
Expand All @@ -24,15 +24,15 @@ export function createDeckGLComponent(getLayer, getPoints) {
payload,
setControlValue,
onAddFilter,
onTooltip,
setTooltip,
viewport: originalViewport,
} = props;

const viewport = formData.autozoom
? fitViewport(originalViewport, getPoints(payload.data.features))
: originalViewport;

const layer = getLayer(formData, payload, onAddFilter, onTooltip);
const layer = getLayer(formData, payload, onAddFilter, setTooltip);

return (
<DeckGLContainer
Expand All @@ -58,7 +58,7 @@ export function createCategoricalDeckGLComponent(getLayer, getPoints) {
payload,
setControlValue,
onAddFilter,
onTooltip,
setTooltip,
viewport: originalViewport,
} = props;

Expand All @@ -75,7 +75,7 @@ export function createCategoricalDeckGLComponent(getLayer, getPoints) {
getLayer={getLayer}
payload={payload}
onAddFilter={onAddFilter}
onTooltip={onTooltip}
setTooltip={setTooltip}
/>
);
}
Expand Down
4 changes: 2 additions & 2 deletions superset/assets/src/visualizations/deckgl/layers/Arc/Arc.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ function getPoints(data) {
return points;
}

export function getLayer(fd, payload, onAddFilter, onTooltip) {
export function getLayer(fd, payload, onAddFilter, setTooltip) {
const data = payload.data.features;
const sc = fd.color_picker;
const tc = fd.target_color_picker;
Expand All @@ -22,7 +22,7 @@ export function getLayer(fd, payload, onAddFilter, onTooltip) {
getSourceColor: d => d.sourceColor || d.color || [sc.r, sc.g, sc.b, 255 * sc.a],
getTargetColor: d => d.targetColor || d.color || [tc.r, tc.g, tc.b, 255 * tc.a],
strokeWidth: (fd.stroke_width) ? fd.stroke_width : 3,
...commonLayerProps(fd, onAddFilter, onTooltip),
...commonLayerProps(fd, onAddFilter, setTooltip),
});
}

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -58,7 +58,7 @@ const recurseGeoJson = (node, propOverrides, extraProps) => {
}
};

export function getLayer(formData, payload, onAddFilter, onTooltip) {
export function getLayer(formData, payload, onAddFilter, setTooltip) {
const fd = formData;
const fc = fd.fill_color_picker;
const sc = fd.stroke_color_picker;
Expand Down Expand Up @@ -89,7 +89,7 @@ export function getLayer(formData, payload, onAddFilter, onTooltip) {
stroked: fd.stroked,
extruded: fd.extruded,
pointRadiusScale: fd.point_radius_scale,
...commonLayerProps(fd, onAddFilter, onTooltip),
...commonLayerProps(fd, onAddFilter, setTooltip),
});
}

Expand All @@ -99,11 +99,11 @@ const propTypes = {
setControlValue: PropTypes.func.isRequired,
viewport: PropTypes.object.isRequired,
onAddFilter: PropTypes.func,
onTooltip: PropTypes.func,
setTooltip: PropTypes.func,
};
const defaultProps = {
onAddFilter() {},
onTooltip() {},
setTooltip() {},
};

function deckGeoJson(props) {
Expand All @@ -112,7 +112,7 @@ function deckGeoJson(props) {
payload,
setControlValue,
onAddFilter,
onTooltip,
setTooltip,
viewport,
} = props;

Expand All @@ -121,7 +121,7 @@ function deckGeoJson(props) {
// viewport = common.fitViewport(viewport, geojsonExtent(payload.data.features));
// }

const layer = getLayer(formData, payload, onAddFilter, onTooltip);
const layer = getLayer(formData, payload, onAddFilter, setTooltip);

return (
<DeckGLContainer
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import sandboxedEval from '../../../../modules/sandbox';
import createAdaptor from '../../createAdaptor';
import { createDeckGLComponent } from '../../factory';

export function getLayer(formData, payload, onAddFilter, onTooltip) {
export function getLayer(formData, payload, onAddFilter, setTooltip) {
const fd = formData;
const c = fd.color_picker;
let data = payload.data.features.map(d => ({
Expand All @@ -29,7 +29,7 @@ export function getLayer(formData, payload, onAddFilter, onTooltip) {
outline: false,
getElevationValue: points => points.reduce((sum, point) => sum + point.weight, 0),
getColorValue: points => points.reduce((sum, point) => sum + point.weight, 0),
...commonLayerProps(fd, onAddFilter, onTooltip),
...commonLayerProps(fd, onAddFilter, setTooltip),
});
}

Expand Down
4 changes: 2 additions & 2 deletions superset/assets/src/visualizations/deckgl/layers/Hex/Hex.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import sandboxedEval from '../../../../modules/sandbox';
import createAdaptor from '../../createAdaptor';
import { createDeckGLComponent } from '../../factory';

export function getLayer(formData, payload, onAddFilter, onTooltip) {
export function getLayer(formData, payload, onAddFilter, setTooltip) {
const fd = formData;
const c = fd.color_picker;
let data = payload.data.features.map(d => ({
Expand All @@ -29,7 +29,7 @@ export function getLayer(formData, payload, onAddFilter, onTooltip) {
outline: false,
getElevationValue: points => points.reduce((sum, point) => sum + point.weight, 0),
getColorValue: points => points.reduce((sum, point) => sum + point.weight, 0),
...commonLayerProps(fd, onAddFilter, onTooltip),
...commonLayerProps(fd, onAddFilter, setTooltip),
});
}

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import sandboxedEval from '../../../../modules/sandbox';
import createAdaptor from '../../createAdaptor';
import { createDeckGLComponent } from '../../factory';

export function getLayer(formData, payload, onAddFilter, onTooltip) {
export function getLayer(formData, payload, onAddFilter, setTooltip) {
const fd = formData;
const c = fd.color_picker;
const fixedColor = [c.r, c.g, c.b, 255 * c.a];
Expand All @@ -25,7 +25,7 @@ export function getLayer(formData, payload, onAddFilter, onTooltip) {
data,
rounded: true,
widthScale: 1,
...commonLayerProps(fd, onAddFilter, onTooltip),
...commonLayerProps(fd, onAddFilter, setTooltip),
});
}

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ function getPoints(features) {
return flatten(features.map(d => d.polygon), true);
}

export function getLayer(formData, payload, onAddFilter, onTooltip) {
export function getLayer(formData, payload, onAddFilter, setTooltip) {
const fd = formData;
const fc = fd.fill_color_picker;
const sc = fd.stroke_color_picker;
Expand Down Expand Up @@ -45,7 +45,7 @@ export function getLayer(formData, payload, onAddFilter, onTooltip) {
getLineWidth: fd.line_width,
extruded: fd.extruded,
fp64: true,
...commonLayerProps(fd, onAddFilter, onTooltip),
...commonLayerProps(fd, onAddFilter, setTooltip),
});
}

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ function getPoints(data) {
return data.map(d => d.position);
}

export function getLayer(formData, payload, onAddFilter, onTooltip, filters) {
export function getLayer(formData, payload, onAddFilter, setTooltip, filters) {
const fd = formData;
const c = fd.color_picker;
let data = payload.data.features.map(d => ({
Expand Down Expand Up @@ -44,7 +44,7 @@ export function getLayer(formData, payload, onAddFilter, onTooltip, filters) {
maxColor: [c.r, c.g, c.b, 255 * c.a],
outline: false,
getWeight: d => d.weight || 0,
...commonLayerProps(fd, onAddFilter, onTooltip),
...commonLayerProps(fd, onAddFilter, setTooltip),
});
}

Expand All @@ -54,11 +54,11 @@ const propTypes = {
setControlValue: PropTypes.func.isRequired,
viewport: PropTypes.object.isRequired,
onAddFilter: PropTypes.func,
onTooltip: PropTypes.func,
setTooltip: PropTypes.func,
};
const defaultProps = {
onAddFilter() {},
onTooltip() {},
setTooltip() {},
};

class DeckGLScreenGrid extends React.PureComponent {
Expand Down Expand Up @@ -95,7 +95,7 @@ class DeckGLScreenGrid extends React.PureComponent {
this.props.formData,
this.props.payload,
this.props.onAddFilter,
this.props.onTooltip,
this.props.setTooltip,
filters);

return [layer];
Expand Down
6 changes: 3 additions & 3 deletions superset/assets/src/visualizations/deckgl/layers/common.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@ export function fitViewport(viewport, points, padding = 10) {
}
}

export function commonLayerProps(formData, onAddFilter, onTooltip) {
export function commonLayerProps(formData, onAddFilter, setTooltip) {
const fd = formData;
let onHover;
let tooltipContentGenerator;
Expand All @@ -48,13 +48,13 @@ export function commonLayerProps(formData, onAddFilter, onTooltip) {
if (tooltipContentGenerator) {
onHover = (o) => {
if (o.picked) {
onTooltip({
setTooltip({
content: tooltipContentGenerator(o),
x: o.x,
y: o.y,
});
} else {
onTooltip(null);
setTooltip(null);
}
};
}
Expand Down