import { Collection, CollectionProxy, CollectionState, Item, ItemAdaptee, ItemAdapter, UseCollectionOptions } from 'onekijs-framework';
import React, { FC, ReactNode } from 'react';
import { StylableProps } from '../../styles/typings';
export type ArrayListProps<T = any, I extends ListItem<T> = ListItem<T>> = ListConfig<T, I> & {
    adapter?: ListItemAdapter<T>;
    dataSource: T[] | string;
    fetchOnce?: boolean;
};
export type ListBodyProps<T = any, I extends ListItem<T> = ListItem<T>, S extends ListState<T, I> = ListState<T, I>, C extends ListCollection<T, I, S> = ListCollection<T, I, S>> = Pick<CollectionListProps<T, I>, 'autoRefresh' | 'follow' | 'onItemSelect' | 'onItemUnselect' | 'onItemActivate' | 'onItemDeactivate' | 'onItemHighlight' | 'onItemUnhighlight' | 'multiSelect' | 'ItemComponent' | 'NotFoundComponent' | 'LoadingComponent' | 'height' | 'keyboardNavigable' | 'tail'> & {
    bodyRef?: React.RefObject<HTMLDivElement | null>;
    className?: string;
    ItemLoadingComponent?: FC;
    ItemComponent?: FC<ListItemProps<T, I>>;
    ItemContentComponent?: FC<ListItemProps<T, I>>;
    items: (I | undefined)[];
    ListComponent?: FC<StandardListProps<T, I>>;
    parentRef?: React.RefObject<HTMLDivElement | null>;
    service: C;
    state: S;
    style?: React.CSSProperties;
    totalSize?: number;
    scrollToIndex?: (index: number, options?: {
        align: 'start' | 'center' | 'end' | 'auto';
    }) => void;
    scrollToOffset?: (index: number, options?: {
        align: 'start' | 'center' | 'end' | 'auto';
    }) => void;
    virtualItems?: VirtualItem[];
    VirtualListComponent?: FC<VirtualListProps<T, I>>;
};
export type CollectionListProps<T = any, I extends ListItem<T> = ListItem<T>, S extends ListState<T, I> = ListState<T, I>, C extends ListCollection<T, I, S> = ListCollection<T, I, S>> = ListConfig<T, I> & {
    controller: CollectionProxy<T, I, S, C>;
};
export type ListCollection<T, I extends ListItem<T> = ListItem<T>, S extends ListState<T, I> = ListState<T, I>> = Collection<T, I, S>;
export type ListFooterProps = {
    className?: string;
    style?: React.CSSProperties;
};
export type ListHeaderProps = {
    className?: string;
    style?: React.CSSProperties;
};
export type ListItem<T = any> = Item<T>;
export type ListItemAdaptee = ItemAdaptee;
export type ListItemAdapter<T = any> = ItemAdapter<T>;
export type ListItemHandler<T = any, I extends ListItem<T> = ListItem<T>> = (item: I, index: number) => void;
export interface ListItemProps<T = any, I extends ListItem<T> = ListItem<T>> {
    index: number;
    item: I;
    data: T;
    ItemContentComponent?: FC<ListItemProps<T, I>>;
    onClick?: (item: I, index: number) => boolean | void;
    onMouseEnter?: ListItemHandler<T, I>;
    onMouseLeave?: ListItemHandler<T, I>;
    className?: string;
}
export type ListItems<T = any, I extends ListItem<T> = ListItem<T>> = T[] | ListCollection<T, I>;
export type ListConfig<T = any, I extends ListItem<T> = ListItem<T>> = {
    autoRefresh?: number;
    className?: string;
    follow?: number;
    height?: string | number;
    increment?: number;
    ItemLoadingComponent?: FC;
    ItemComponent?: FC<ListItemProps<T, I>>;
    ItemContentComponent?: FC<ListItemProps<T, I>>;
    NotFoundComponent?: FC<ListNotFoundProps> | null;
    LoadingComponent?: FC<StylableProps>;
    itemHeight?: number | ((index: number) => number);
    keyboardNavigable?: boolean;
    multiSelect?: boolean;
    onItemActivate?: ListItemHandler<T, I>;
    onItemDeactivate?: ListItemHandler<T, I>;
    onItemHighlight?: ListItemHandler<T, I>;
    onItemUnhighlight?: ListItemHandler<T, I>;
    onItemSelect?: ListItemHandler<T, I>;
    onItemUnselect?: ListItemHandler<T, I>;
    paddingEnd?: number;
    paddingStart?: number;
    parentRef?: React.RefObject<HTMLDivElement>;
    overscan?: number;
    preload?: number;
    style?: React.CSSProperties;
    tail?: boolean;
    virtual?: boolean;
};
export type ListNotFoundProps = {
    text?: ReactNode | ReactNode[];
};
export type ListProps<T = any, I extends ListItem<T> = ListItem<T>, S extends ListState<T, I> = ListState<T, I>, C extends ListCollection<T, I, S> = ListCollection<T, I, S>> = ListConfig<T, I> & {
    adapter?: ListItemAdapter<T>;
    controller?: CollectionProxy<T, I, S, C>;
    dataSource?: T[] | string;
    fetchOnce?: boolean;
};
export type ListState<T, I extends ListItem<T> = ListItem<T>> = CollectionState<T, I>;
export declare enum ListStatus {
    NotInitialized = "not initialized",
    NotLoaded = "not loaded",
    Loading = "loading",
    Fetching = "fetching",
    PartialFetching = "partial fetching",
    PartialLoading = "partial loading",
    Loaded = "loaded"
}
export type StandardListProps<T = any, I extends ListItem<T> = ListItem<T>> = Pick<ListBodyProps<T, I>, 'items' | 'ItemComponent' | 'ItemLoadingComponent' | 'ItemContentComponent' | 'LoadingComponent'> & {
    onItemClick?: ListItemHandler<T, I>;
    onItemMouseEnter?: ListItemHandler<T, I>;
    onItemMouseLeave?: ListItemHandler<T, I>;
};
export type UseListOptions<T, I extends ListItem<T> = ListItem<T>> = UseCollectionOptions<T, I> & {
    adapter?: ListItemAdapter<T>;
};
export type VirtualItem = {
    end: number;
    index: number;
    start: number;
    size: number;
    measureRef: (el: HTMLElement | null) => void;
};
export type VirtualListProps<T = any, I extends ListItem<T> = ListItem<T>> = StandardListProps<T, I> & {
    virtualItems: VirtualItem[];
};
export type VirtualItemWrapperProps<T = any, I extends ListItem<T> = ListItem<T>> = {
    ItemLoadingComponent?: FC;
    ItemComponent?: FC<ListItemProps<T, I>>;
    ItemContentComponent?: FC<ListItemProps<T, I>>;
    listItem: any;
    onItemClick?: ListItemHandler<T, I>;
    onItemMouseEnter?: ListItemHandler<T, I>;
    onItemMouseLeave?: ListItemHandler<T, I>;
    virtualItem: VirtualItem;
};