import ApolloClient from "apollo-client";
import { DocumentNode } from "graphql";
import * as React from "react";
export declare function submitChangesWithMutation(options: {
    changes: {
        [id: string]: object;
    };
    variables?: object;
    updateMutation: DocumentNode;
    client: ApolloClient<any>;
}): Promise<void>;
export interface ITableLocalChangesApi {
    setLocalDataChange: (id: string, column: string, value: any) => void;
    moveRow: (dragIndex: number, hoverIndex: number) => void;
    submitLocalDataChanges: () => void;
}
interface IProps<TData> {
    data: TData[];
    onSubmit: (changes: {
        [id: string]: Partial<TData>;
    }) => Promise<void>;
    orderColumn: string;
    children: (injectedProps: {
        tableLocalChangesApi: ITableLocalChangesApi;
        localChangesCount: number;
        data: TData[];
        loading: boolean;
    }) => React.ReactNode;
}
interface IState<TData> {
    changedOrder: string[] | null;
    changes: {
        [id: string]: Partial<TData>;
    };
    loading: boolean;
}
export declare class TableLocalChanges<TData extends {
    id: string;
    [key: string]: any;
}> extends React.Component<IProps<TData>, IState<TData>> {
    static contextType: React.Context<import("../DirtyHandlerApiContext").IDirtyHandlerApi | undefined>;
    protected static defaultProps: {
        orderColumn: string;
    };
    private tableLocalChangesApi;
    constructor(props: IProps<TData>);
    componentDidMount(): void;
    componentWillUnmount(): void;
    render(): JSX.Element;
    private patchedData;
    private setLocalDataChange;
    private moveRow;
    private submitLocalDataChanges;
}
export {};