import * as React from 'react';
import { SearchResultProps, LabelProps } from 'semantic-ui-react';
declare type DraggableFieldSelectorProps = {
    allItems: () => Promise<string[]>;
    currData: string[];
    onchange: (data: string[]) => void;
    allowNew?: boolean;
    inputLabel?: string;
    inputSyle?: React.CSSProperties;
    resultRenderer?: (p: SearchResultProps) => React.ReactElement<any>;
    itemProps?: (p: string) => LabelProps;
};
declare type DraggableFieldSelectorState = {
    currData: string[];
    sortingItem?: number;
};
export declare class DraggableFieldSelector extends React.Component<DraggableFieldSelectorProps, DraggableFieldSelectorState> {
    constructor(props: DraggableFieldSelectorProps);
    componentDidUpdate(prevProps: DraggableFieldSelectorProps): void;
    toggleItem: (indicator: string) => void;
    render(): JSX.Element;
    loadData: (filter: string) => Promise<{
        id: string;
    }[]>;
    onDelete: (index: number) => void;
    onAdd: (indicator: string) => void;
    onSortStart: (args: {
        index: number;
    }) => void;
    onSortEnd: (args: {
        oldIndex: number;
        newIndex: number;
    }) => void;
}
export {};