import { DBPointer, DBProto, UniqueId } from '@nu-art/ts-common';
import * as React from 'react';
import { MultiSelect_Selector, StaticProps_TS_MultiSelect_V2 } from '../TS_MultiSelect/index.js';
import { ModuleFE_BaseApi } from '../../modules/db-api-gen/ModuleFE_BaseApi.js';
import { ComponentSync } from '../../core/ComponentSync.js';
import { GenericDropDown_DBPointer_Item } from '../GenericDropDown/index.js';
type Props<Proto extends DBProto<any>> = {
    selector: MultiSelect_Selector<string>;
    uiSelector: UISelector<Proto>;
    queryFilter?: (id: UniqueId) => boolean;
};
type UISelector<Proto extends DBProto<any>> = (props: {
    queryFilter: (item: Proto['dbType']) => boolean;
    onSelected: (selected: Proto['dbType']) => void;
}) => JSX.Element;
export type MultiSelectDropDownPropsV3<Proto extends DBProto<any>> = {
    module: ModuleFE_BaseApi<Proto>;
    itemRenderer: (item?: Readonly<Proto['dbType']>, onDelete?: () => Promise<void>, disabled?: boolean) => JSX.Element;
    uiSelector: UISelector<Proto>;
};
export declare class DBItemDropDownMultiSelector<Proto extends DBProto<any>> extends ComponentSync<Props<Proto>> {
    static selector: <Proto_ extends DBProto<any>>(uiSelector: UISelector<Proto_>) => (selector: MultiSelect_Selector<string>) => import("react/jsx-runtime").JSX.Element;
    static propsV3: <Proto_ extends DBProto<any>>(props: MultiSelectDropDownPropsV3<Proto_>) => StaticProps_TS_MultiSelect_V2<string>;
    render(): import("react/jsx-runtime").JSX.Element;
    protected deriveStateFromProps(nextProps: Props<Proto>, state: Partial<object> | undefined): {
        onSelected: (selected: string) => void | Promise<void>;
    };
}
type Props_DBPointer<Proto extends DBProto<any>> = {
    selector: MultiSelect_Selector<DBPointer>;
    uiSelector: UISelector<Proto>;
    queryFilter?: (item: DBPointer) => boolean;
};
type UISelector_DBPointer<Proto extends DBProto<any>> = (props: {
    queryFilter: (item: GenericDropDown_DBPointer_Item<Proto>) => boolean;
    onSelected: (selected: GenericDropDown_DBPointer_Item<Proto>) => void;
}) => JSX.Element;
export type MultiSelectDropDownProps_DBPointer<Proto extends DBProto<any>> = {
    uiSelector: UISelector_DBPointer<Proto>;
    pointerProps: {
        [P in Proto as P['dbKey']]: {
            module: ModuleFE_BaseApi<P>;
            mapper: (item: GenericDropDown_DBPointer_Item<P>) => string[];
            renderer: (item?: Readonly<DBPointer>, onDelete?: () => Promise<void>, disabled?: boolean) => React.ReactElement;
        };
    };
};
export declare class DBItemDropDownMultiSelector_DBPointer<Proto extends DBProto<any>> extends ComponentSync<Props_DBPointer<Proto>> {
    static selector: <Proto_ extends DBProto<any>>(uiSelector: UISelector_DBPointer<Proto_>) => (selector: MultiSelect_Selector<DBPointer>) => import("react/jsx-runtime").JSX.Element;
    static defaultItemRenderer: (onDelete?: () => Promise<void>, disabled?: boolean) => import("react/jsx-runtime").JSX.Element;
    static props: <Proto_ extends DBProto<any>>(props: MultiSelectDropDownProps_DBPointer<Proto_>) => StaticProps_TS_MultiSelect_V2<DBPointer>;
    render(): import("react/jsx-runtime").JSX.Element;
    protected deriveStateFromProps(nextProps: Props_DBPointer<Proto>, state: Partial<{}> | undefined): {
        onSelected: (selected: DBPointer) => void | Promise<void>;
    };
}
export {};