import { ElTagColor, TableColumnFilterDateRange, TableColumnFilterFreeSearch, TableColumnFilterMultiValue, TableColumnFilterResetButton } from '..';
import { ActionCell, DefaultCell, TagCell } from './ElTableCell.vue';
import { default as ElButton } from '../ElButton.vue';
import { ElIconProps } from '../ElIcon.vue';
import { ElMobileTableProps, MobileTableRow } from './ElMobileTable.vue';
import { DataRow } from './commonTypes';

export type ResponsiveDataCell = ResponsiveDefaultDataCell | ResponsiveTagDataCell | ResponsiveActionDataCell;
export type ResponsiveDefaultDataCell = Omit<DefaultCell, 'mainIcon' | 'subIcon' | 'longText' | 'truncateSubText'> & {
    desktopBehaviour?: Pick<DefaultCell, 'mainIcon' | 'subIcon' | 'longText' | 'truncateSubText'>;
    mobileBehaviour?: {
        tertiaryText?: string;
        amountText?: string;
        timeText?: string;
    };
};
export type ResponsiveTagDataCell = Omit<TagCell, 'subText' | 'truncateSubText' | 'tag'> & {
    type: 'tag';
    text?: string;
    color?: ElTagColor;
    desktopBehaviour?: Pick<TagCell, 'subText' | 'truncateSubText' | 'tag'>;
};
export type ResponsiveActionDataCell = ActionCell & {
    type: 'action';
    mobileBehaviour?: {
        primary: InstanceType<typeof ElButton>['$props'];
        secondary?: InstanceType<typeof ElButton>['$props'];
    };
};
export type ResponsiveDataRow<T = any> = {
    id: string;
    rowNotSelectable?: boolean;
    relatedObject?: T;
    cells: ResponsiveDataCell[];
    mobileBehaviour?: {
        trailingIcon?: ElIconProps;
    };
};
export type ResponsiveTableColumn = {
    title: string;
    filter?: ResponiveTableColumnFilter;
    desktopBehaviour?: {
        alignRight?: boolean;
        noSort?: boolean;
    };
    mobileBehaviour?: {
        position: 'mainText' | 'secondaryRow' | 'tertiaryRow' | 'amount' | 'time' | 'tags' | 'avatar' | ({
            take: keyof Pick<ResponsiveDefaultDataCell, 'mainText' | 'subText'>;
            to: 'mainText' | 'secondaryRow' | 'tertiaryRow' | 'amount' | 'time';
            withLabel: string;
        } | {
            withLabel: string;
            to: 'avatar';
        })[];
    };
};
export type ResponiveTableColumnFilter = TableColumnFilterFreeSearch | TableColumnFilterDateRange | (TableColumnFilterMultiValue & {
    mobileBehaviour?: {
        /**
         * Used only if filter type === 'MULTI_VALUE' and column.mobileBehaviour.position is an array
         */
        position?: 'mainText' | 'secondaryRow' | 'tertiaryRow' | 'amount' | 'time' | 'tags' | 'avatar';
    };
}) | TableColumnFilterResetButton;
export interface ElResponsiveTableProps {
    columns: ResponsiveTableColumn[];
    data: ResponsiveDataRow[];
    tableId?: number | string;
    noFilters?: boolean;
    rowsSelectionMode?: 'single' | 'multiple';
    rowsSelectionDisabled?: boolean;
    color: 'primary' | 'secondary';
    loading?: boolean;
    sortBy?: {
        column?: number;
        order?: 'asc' | 'desc';
    };
    desktopBehaviour?: {
        noFooter?: boolean;
        initialRows?: number;
    };
    mobileBehaviour?: Pick<ElMobileTableProps, 'preventDefaultItemClick'> & {
        selection?: Pick<NonNullable<ElMobileTableProps['selection']>, 'destructiveAction' | 'bulkActionButton' | 'selectedLabel' | 'cancelText'>;
    };
}
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<ElResponsiveTableProps>, {
    filteredData: import('vue').ComputedRef<DataRow<any>[] | MobileTableRow[] | undefined>;
    selectRows: (rowsIds: string[]) => Promise<void>;
    unselectAllRows: () => void;
    getDataRows: () => ResponsiveDataRow<any>[];
    getSelectedRows: () => ResponsiveDataRow<any>[];
    closeMobileTableItemDetails: () => void;
}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    "rows-selected": (rows: ResponsiveDataRow<any>[]) => void;
    "mobile:bulk:click": (rows: ResponsiveDataRow<any>[]) => void;
    "mobile:destructive:click": (rows: ResponsiveDataRow<any>[]) => void;
    "mobile:selection:exit": () => void;
    "mobile:item:click": (row: ResponsiveDataRow<any>) => void;
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ElResponsiveTableProps>>> & {
    "onRows-selected"?: ((rows: ResponsiveDataRow<any>[]) => any) | undefined;
    "onMobile:bulk:click"?: ((rows: ResponsiveDataRow<any>[]) => any) | undefined;
    "onMobile:destructive:click"?: ((rows: ResponsiveDataRow<any>[]) => any) | undefined;
    "onMobile:selection:exit"?: (() => any) | undefined;
    "onMobile:item:click"?: ((row: ResponsiveDataRow<any>) => any) | undefined;
}, {}, {}>, {
    mobile?(_: {}): any;
}>;
export default _default;
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
type __VLS_TypePropsToRuntimeProps<T> = {
    [K in keyof T]-?: {} extends Pick<T, K> ? {
        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
    } : {
        type: import('vue').PropType<T[K]>;
        required: true;
    };
};
type __VLS_WithTemplateSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};