import { HexagonLayer } from '@deck.gl/aggregation-layers';
import { t, CategoricalColorNamespace, } from '@superset-ui/core';
import { commonLayerProps, getAggFunc } from '../common';
import sandboxedEval from '../../utils/sandbox';
import { hexToRGB } from '../../utils/colors';
import { createDeckGLComponent } from '../../factory';
import TooltipRow from '../../TooltipRow';
function setTooltipContent(o) {
    return (<div className="deckgl-tooltip">
      <TooltipRow label={t('Centroid (Longitude and Latitude): ')} value={`(${o.coordinate[0]}, ${o.coordinate[1]})`}/>
      <TooltipRow 
    // eslint-disable-next-line prefer-template
    label={t('Height') + ': '} value={`${o.object.elevationValue}`}/>
    </div>);
}
export function getLayer(formData, payload, onAddFilter, setTooltip) {
    const fd = formData;
    const appliedScheme = fd.color_scheme;
    const colorScale = CategoricalColorNamespace.getScale(appliedScheme);
    const colorRange = colorScale
        .range()
        .map(color => hexToRGB(color));
    let data = payload.data.features;
    if (fd.js_data_mutator) {
        // Applying user defined data mutator if defined
        const jsFnMutator = sandboxedEval(fd.js_data_mutator);
        data = jsFnMutator(data);
    }
    const aggFunc = getAggFunc(fd.js_agg_function, p => p?.weight);
    return new HexagonLayer({
        id: `hex-layer-${fd.slice_id}`,
        data,
        radius: fd.grid_size,
        extruded: fd.extruded,
        colorRange,
        outline: false,
        // @ts-ignore
        getElevationValue: aggFunc,
        // @ts-ignore
        getColorValue: aggFunc,
        ...commonLayerProps(fd, setTooltip, setTooltipContent),
    });
}
function getPoints(data) {
    return data.map(d => d.position);
}
export default createDeckGLComponent(getLayer, getPoints);
//# sourceMappingURL=Hex.jsx.map