/**
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */
import { ScatterplotLayer } from '@deck.gl/layers';
import { getMetricLabel, t, } from '@superset-ui/core';
import { commonLayerProps } from '../common';
import { createCategoricalDeckGLComponent } from '../../factory';
import TooltipRow from '../../TooltipRow';
import { unitToRadius } from '../../utils/geo';
function getPoints(data) {
    return data.map(d => d.position);
}
function setTooltipContent(formData, verboseMap) {
    return (o) => {
        const label = verboseMap?.[formData.point_radius_fixed.value] ||
            getMetricLabel(formData.point_radius_fixed?.value);
        return (<div className="deckgl-tooltip">
        <TooltipRow 
        // eslint-disable-next-line prefer-template
        label={t('Longitude and Latitude') + ': '} value={`${o.object?.position?.[0]}, ${o.object?.position?.[1]}`}/>
        {o.object?.cat_color && (<TooltipRow 
            // eslint-disable-next-line prefer-template
            label={t('Category') + ': '} value={`${o.object?.cat_color}`}/>)}
        {o.object?.metric && (<TooltipRow label={`${label}: `} value={`${o.object?.metric}`}/>)}
      </div>);
    };
}
export function getLayer(formData, payload, onAddFilter, setTooltip, datasource) {
    const fd = formData;
    const dataWithRadius = payload.data.features.map((d) => {
        let radius = unitToRadius(fd.point_unit, d.radius) || 10;
        if (fd.multiplier) {
            radius *= fd.multiplier;
        }
        if (d.color) {
            return { ...d, radius };
        }
        const c = fd.color_picker || { r: 0, g: 0, b: 0, a: 1 };
        const color = [c.r, c.g, c.b, c.a * 255];
        return { ...d, radius, color };
    });
    return new ScatterplotLayer({
        id: `scatter-layer-${fd.slice_id}`,
        data: dataWithRadius,
        fp64: true,
        getFillColor: (d) => d.color,
        getRadius: (d) => d.radius,
        radiusMinPixels: Number(fd.min_radius) || undefined,
        radiusMaxPixels: Number(fd.max_radius) || undefined,
        stroked: false,
        ...commonLayerProps(fd, setTooltip, setTooltipContent(fd, datasource?.verboseMap)),
    });
}
export default createCategoricalDeckGLComponent(getLayer, getPoints);
//# sourceMappingURL=Scatter.jsx.map