react-native-chart-kit/dist/v2/core/layout/tooltipPlacement.js

Beautiful React Native charts for dashboards, reports, and data-rich mobile apps.

const clamp = (value, min, max) => {
    if (max < min) {
        return min;
    }
    return Math.min(Math.max(value, min), max);
};
const fitsPrimaryAxis = (placement, rect, bounds) => {
    if (placement === "top" || placement === "bottom") {
        return (rect.y >= bounds.y && rect.y + rect.height <= bounds.y + bounds.height);
    }
    return rect.x >= bounds.x && rect.x + rect.width <= bounds.x + bounds.width;
};
const place = (placement, options) => {
    const { anchor, tooltip, gap, fingerRadius } = options;
    const offset = gap + fingerRadius;
    if (placement === "top") {
        return {
            x: anchor.x - tooltip.width / 2,
            y: anchor.y - tooltip.height - offset,
            width: tooltip.width,
            height: tooltip.height
        };
    }
    if (placement === "bottom") {
        return {
            x: anchor.x - tooltip.width / 2,
            y: anchor.y + offset,
            width: tooltip.width,
            height: tooltip.height
        };
    }
    if (placement === "left") {
        return {
            x: anchor.x - tooltip.width - offset,
            y: anchor.y - tooltip.height / 2,
            width: tooltip.width,
            height: tooltip.height
        };
    }
    return {
        x: anchor.x + offset,
        y: anchor.y - tooltip.height / 2,
        width: tooltip.width,
        height: tooltip.height
    };
};
export const placeTooltip = ({ preferredPlacement = "top", gap = 8, fingerRadius = 0, ...options }) => {
    const resolvedOptions = {
        ...options,
        gap,
        fingerRadius
    };
    const candidates = [
        preferredPlacement,
        "top",
        "bottom",
        "right",
        "left"
    ];
    const placements = candidates.reduce((unique, placement) => {
        if (!unique.includes(placement)) {
            unique.push(placement);
        }
        return unique;
    }, []);
    const placement = placements.find((candidate) => fitsPrimaryAxis(candidate, place(candidate, resolvedOptions), options.bounds)) ?? preferredPlacement;
    const rect = place(placement, resolvedOptions);
    return {
        placement,
        rect: {
            ...rect,
            x: clamp(rect.x, options.bounds.x, options.bounds.x + options.bounds.width - rect.width),
            y: clamp(rect.y, options.bounds.y, options.bounds.y + options.bounds.height - rect.height)
        }
    };
};