import * as React from 'react';
import { DBProto, UniqueId } from '@nu-art/ts-common';
import { TS_Route } from '../../modules/routing/index.js';
import './Page_ItemsEditor.scss';
import { ModuleFE_BaseApi } from '../../modules/db-api-gen/ModuleFE_BaseApi.js';
import { EditableItem } from '../../utils/EditableItem.js';
import { Props_ListRenderer } from './defaults/ItemEditor_ListRenderer/index.js';
import { ItemEditor_CustomSort, ItemEditor_FilterType, ItemEditor_MapperType } from './types.js';
import { Props_Filter } from './defaults/ItemEditor_DefaultFilter/index.js';
import { InferProps, InferState } from '../../utils/types.js';
import { ProtoComponent, ProtoComponentDef, SuperProto } from '../../core/proto-component/index.js';
import { Props_EditableItemControllerProto } from '../TS_EditableItemControllerProto/index.js';
export type MenuAction<Proto extends DBProto<any>> = {
    label: string;
    action: (state: State_ItemsEditor<Proto>) => Promise<any>;
};
export type State_ItemsEditor<Proto extends DBProto<any>> = {
    editable: EditableItem<Proto['uiType']>;
    filter: ItemEditor_FilterType<Proto>;
    actionInProgress?: number;
};
export type Props_ItemsEditor<Proto extends DBProto<any>> = {
    ListRenderer?: React.ComponentType<Props_ListRenderer<Proto>>;
    EditorRenderer: React.ComponentType<Partial<Props_EditableItemControllerProto<Proto>>>;
    Filter?: React.ComponentType<Props_Filter<Proto>>;
    module: ModuleFE_BaseApi<Proto>;
    route?: TS_Route<{
        _id: string;
    }>;
    sort: ItemEditor_CustomSort<Proto>;
    mapper: ItemEditor_MapperType<Proto>;
    itemRenderer: (item: Proto['uiType']) => JSX.Element;
    actions: MenuAction<Proto>[];
    id?: string;
    onSelectedItemChanged?: (editable?: EditableItem<Proto['uiType']>) => void;
    contextMenuActions: MenuAction<Proto>[];
    hideAddItem: boolean;
    className?: string;
};
/**
 * Manages a list of items on the left with a selected item, and an editor on the right
 */
export type ProtoDef_Selection = ProtoComponentDef<'selected', {
    selected: {
        [dbKey: string]: UniqueId;
    };
}>;
export declare abstract class Page_ItemsEditor<Proto extends DBProto<any>, CProto extends SuperProto<ProtoDef_Selection, ProtoComponentDef<string, any>> = ProtoDef_Selection, P = {}, S = {}> extends ProtoComponent<CProto, Props_ItemsEditor<Proto> & P, State_ItemsEditor<Proto> & S> {
    static _defaultProps: ProtoDef_Selection['props'];
    constructor(p: InferProps<Page_ItemsEditor<Proto, CProto, P, S>>);
    componentDidMount(): void;
    protected deriveStateFromProps(nextProps: InferProps<this>, state: InferState<this>): InferState<this>;
    private __onItemUpdated;
    private createEditableItem;
    render(): import("react/jsx-runtime").JSX.Element;
    protected renderHeader(): React.ReactNode;
    protected renderAddNewItem(): "" | import("react/jsx-runtime").JSX.Element;
    static refactoring_setSelected<Proto extends DBProto<any>>(module: ModuleFE_BaseApi<Proto>, id?: string): void;
    private onSelected;
    private renderMenuIcon;
    private renderMenu;
}
export declare const Component_AddNewItem: (props: {
    onCreateNewItem: () => Promise<any>;
    entity: React.ReactNode;
}) => import("react/jsx-runtime").JSX.Element;