import { DB_Object, DBPointer, DBProto, Filter, ResolvableContent } from '@nu-art/ts-common';
import * as React from 'react';
import { CSSProperties } from 'react';
import { TS_DropDown } from '../TS_Dropdown/index.js';
import { ModuleFE_BaseApi } from '../../modules/db-api-gen/ModuleFE_BaseApi.js';
import { Adapter } from '../adapter/Adapter.js';
import { ComponentSync } from '../../core/ComponentSync.js';
import { UIProps_EditableItem } from '../../utils/EditableItem.js';
import { ComponentProps_Error } from '../types.js';
type Props_CanUnselect<T> = ({
    canUnselect: true;
    onSelected: (selected?: T) => void;
} | {
    canUnselect?: false;
    onSelected: (selected: T) => void;
});
type BaseInfraProps_TS_GenericDropDownV3<T> = ComponentProps_Error & {
    dropdownRef?: React.RefObject<any>;
    className?: string;
    style?: CSSProperties;
    placeholder?: string;
    mapper?: (item: T) => (string | undefined)[];
    noOptionsRenderer?: React.ReactNode | ((filter?: string) => React.ReactNode);
    renderer?: (item: T) => React.ReactElement;
    ifNoneShowAll?: boolean;
    caret?: {
        open: React.ReactNode;
        close: React.ReactNode;
    };
    onNoMatchingSelectionForString?: (filterText: string, matchingItems: T[], e: React.KeyboardEvent) => any;
    limitItems?: number;
    hidePlaceholderOnOpen?: boolean;
    itemResolver?: () => T[];
    innerRef?: React.RefObject<any>;
    tabIndex?: number;
    unselectLabel?: string;
    id?: string;
    queryFilter?: (item: T) => boolean;
    sortBy?: ((keyof T) | ((item: T) => string | number))[];
};
type BaseAppLevelProps_TS_GenericDropDownV3<T> = BaseInfraProps_TS_GenericDropDownV3<T> & {
    inputValue?: string;
    boundingParentSelector?: string;
    renderSearch?: (dropDown: TS_DropDown<T>) => React.ReactNode;
    limitItems?: number;
    disabled?: boolean;
};
export type AppLevelProps_TS_GenericDropDownV3<T> = Props_CanUnselect<T> & BaseAppLevelProps_TS_GenericDropDownV3<T> & {
    selected?: T | string | (() => T | undefined);
};
type EditableItemProps_GenericDropDownV3<T> = BaseAppLevelProps_TS_GenericDropDownV3<T> & UIProps_EditableItem<any, any, string> & {
    onSelected?: (selected: T | undefined, superOnSelected: (selected?: T) => Promise<void>) => void;
    canUnselect?: boolean;
} & ComponentProps_Error;
export type TemplatingProps_TS_GenericDropDown<Proto extends DBProto<any>, T extends Proto['dbType'] = Proto['dbType']> = BaseInfraProps_TS_GenericDropDownV3<T> & {
    placeholder: string;
    module: ModuleFE_BaseApi<Proto>;
    modules: ModuleFE_BaseApi<Proto>[];
    mapper: (item: T) => (string | undefined)[];
    renderer: (item: T) => React.ReactElement;
    selectedItemRenderer?: (selected: T) => React.ReactNode;
};
export type GenericDropDown_DBPointer_Item<Proto extends DBProto<any>> = {
    dbKey: Proto['dbKey'];
    item: Proto['dbType'];
};
export type TemplatingProps_TS_GenericDropDown_DBPointer<Proto extends DBProto<any>, T extends GenericDropDown_DBPointer_Item<Proto> = GenericDropDown_DBPointer_Item<Proto>> = Omit<BaseInfraProps_TS_GenericDropDownV3<T>, 'mapper'> & {
    placeholder: string;
    selectedItemRenderer?: (selected: T) => React.ReactNode;
    pointerProps: {
        [P in Proto as P['dbKey']]: {
            module: ModuleFE_BaseApi<P>;
            mapper: (item: GenericDropDown_DBPointer_Item<P>) => string[];
            renderer: (item: GenericDropDown_DBPointer_Item<P>) => React.ReactElement;
        };
    };
};
type EditableItemProps_GenericDropDownV3_DBPointer<T> = BaseAppLevelProps_TS_GenericDropDownV3<T> & UIProps_EditableItem<any, any, DBPointer> & {
    onSelected?: (selected: T | undefined, superOnSelected: (selected?: T) => Promise<void>) => void;
    canUnselect?: boolean;
} & ComponentProps_Error;
type Props_TS_GenericDropDownV3<Proto extends DBProto<any>, T extends Proto['dbType'] = Proto['dbType']> = TemplatingProps_TS_GenericDropDown<T> & BaseAppLevelProps_TS_GenericDropDownV3<T> & Props_CanUnselect<T> & {
    selected?: Proto['dbType'] | string | (() => Proto['dbType'] | undefined);
};
type State<T extends DB_Object> = ComponentProps_Error & {
    items: T[];
    selected?: T;
    filter: Filter<T>;
    adapter: Adapter<T>;
};
export declare class GenericDropDownV3<Proto extends DBProto<any>, T extends Proto['dbType'] = Proto['dbType']> extends ComponentSync<Props_TS_GenericDropDownV3<Proto>, State<T>> {
    static readonly prepareEditable: <Proto_ extends DBProto<any>>(mandatoryProps: ResolvableContent<TemplatingProps_TS_GenericDropDown<Proto_>>) => (props: EditableItemProps_GenericDropDownV3<Proto_["dbType"]>) => import("react/jsx-runtime").JSX.Element;
    static readonly prepareSelectable: <Proto_ extends DBProto<any>>(mandatoryProps: ResolvableContent<TemplatingProps_TS_GenericDropDown<Proto_>>) => (props: AppLevelProps_TS_GenericDropDownV3<Proto_["dbType"]>) => import("react/jsx-runtime").JSX.Element;
    static readonly prepare: <Proto_ extends DBProto<any>>(mandatoryProps: ResolvableContent<TemplatingProps_TS_GenericDropDown<Proto_>>) => {
        editable: (props: EditableItemProps_GenericDropDownV3<Proto_["dbType"]>) => import("react/jsx-runtime").JSX.Element;
        selectable: (props: AppLevelProps_TS_GenericDropDownV3<Proto_["dbType"]>) => import("react/jsx-runtime").JSX.Element;
    };
    static readonly prepareSelectable_DBPointers: <Proto_ extends DBProto<any>>(mandatoryProps: ResolvableContent<TemplatingProps_TS_GenericDropDown_DBPointer<Proto_>>) => (props: AppLevelProps_TS_GenericDropDownV3<GenericDropDown_DBPointer_Item<Proto_>>) => import("react/jsx-runtime").JSX.Element;
    static readonly prepareEditable_DBPointers: <Proto_ extends DBProto<any>>(mandatoryProps: ResolvableContent<TemplatingProps_TS_GenericDropDown_DBPointer<Proto_>>) => (props: EditableItemProps_GenericDropDownV3_DBPointer<GenericDropDown_DBPointer_Item<Proto_>>) => import("react/jsx-runtime").JSX.Element;
    static readonly prepare_DBPointers: <Proto_ extends DBProto<any>>(mandatoryProps: ResolvableContent<TemplatingProps_TS_GenericDropDown_DBPointer<Proto_>>) => {
        editable: (props: EditableItemProps_GenericDropDownV3_DBPointer<GenericDropDown_DBPointer_Item<Proto_>>) => import("react/jsx-runtime").JSX.Element;
        selectable: (props: AppLevelProps_TS_GenericDropDownV3<GenericDropDown_DBPointer_Item<Proto_>>) => import("react/jsx-runtime").JSX.Element;
    };
    protected deriveStateFromProps(nextProps: Props_TS_GenericDropDownV3<Proto>): State<T>;
    private getSelected;
    render(): import("react/jsx-runtime").JSX.Element;
}
export {};