victory-selection-container/lib/victory-selection-container.d.ts

Interactive Selection Component for Victory

import React from "react";
import { Datum, VictoryContainerProps, VictoryEventHandler } from "victory-core";
export interface VictorySelectionContainerProps extends VictoryContainerProps {
    activateSelectedData?: boolean;
    allowSelection?: boolean;
    disable?: boolean;
    onSelection?: (points: {
        childName?: string | string[];
        eventKey?: string | number;
        data?: Datum[];
    }[], bounds: {
        x: number | Date;
        y: number | Date;
    }[], props: VictorySelectionContainerProps) => void;
    horizontal?: boolean;
    onSelectionCleared?: (props: VictorySelectionContainerProps) => void;
    selectionBlacklist?: string[];
    selectionComponent?: React.ReactElement;
    selectionDimension?: "x" | "y";
    selectionStyle?: React.CSSProperties;
}
export declare const VICTORY_SELECTION_CONTAINER_DEFAULT_PROPS: {
    activateSelectedData: boolean;
    allowSelection: boolean;
    selectionComponent: JSX.Element;
    selectionStyle: {
        stroke: string;
        fill: string;
        fillOpacity: number;
    };
};
export declare const useVictorySelectionContainer: (initialProps: VictorySelectionContainerProps) => {
    props: {
        x1: number;
        x2: number;
        y1: number;
        y2: number;
        activateSelectedData: boolean;
        allowSelection: boolean;
        disable?: boolean;
        onSelection?: (points: {
            childName?: string | string[];
            eventKey?: string | number;
            data?: Datum[];
        }[], bounds: {
            x: number | Date;
            y: number | Date;
        }[], props: VictorySelectionContainerProps) => void;
        horizontal?: boolean;
        onSelectionCleared?: (props: VictorySelectionContainerProps) => void;
        selectionBlacklist?: string[];
        selectionComponent: JSX.Element;
        selectionDimension?: "x" | "y";
        selectionStyle: React.CSSProperties | {
            stroke: string;
            fill: string;
            fillOpacity: number;
        };
        "aria-describedby"?: string;
        "aria-labelledby"?: string;
        children?: React.ReactElement | React.ReactElement[];
        className?: string;
        containerId?: number | string;
        containerRef?: React.Ref<HTMLElement>;
        desc?: string;
        events?: React.DOMAttributes<any>;
        height?: number;
        name?: string;
        origin?: import("victory-core").OriginType;
        polar?: boolean;
        portalComponent?: React.ReactElement;
        portalZIndex?: number;
        preserveAspectRatio?: string;
        responsive?: boolean;
        role?: string;
        scale?: {
            x?: import("victory-core").D3Scale;
            y?: import("victory-core").D3Scale;
        };
        style?: React.CSSProperties;
        tabIndex?: number;
        theme?: import("victory-core").VictoryThemeDefinition;
        title?: string;
        width?: number;
        ouiaId?: number | string;
        ouiaSafe?: boolean;
        ouiaType?: string;
    };
    children: React.ReactElement[];
};
export declare const VictorySelectionContainer: {
    (initialProps: VictorySelectionContainerProps): JSX.Element;
    role: string;
    defaultEvents(initialProps: VictorySelectionContainerProps): {
        target: string;
        eventHandlers: {
            onMouseDown: VictoryEventHandler;
            onTouchStart: VictoryEventHandler;
            onMouseMove: VictoryEventHandler;
            onTouchMove: VictoryEventHandler;
            onMouseUp: VictoryEventHandler;
            onTouchEnd: VictoryEventHandler;
        };
    }[];
};
//# sourceMappingURL=victory-selection-container.d.ts.map