import * as React from 'react';
import './TS_EditableItemController.scss';
import { DB_Object, DBProto, ResolvableContent } from '@nu-art/ts-common';
import { Editable_SaveAction } from '../../utils/EditableItem.js';
import { ModuleFE_BaseApi } from '../../modules/db-api-gen/ModuleFE_BaseApi.js';
import { Props_ItemsEditor } from '../Page_ItemsEditor/index.js';
import { EditableRef } from '../TS_EditableContent/TS_EditableContent.js';
import { ComponentSync } from '../../core/ComponentSync.js';
export type TemplatingProps_EditableItemController<Proto extends DBProto<any>, EditorProps extends object = object> = {
    module: ModuleFE_BaseApi<Proto>;
    onError?: (item: Partial<Proto['uiType']>, err: Error) => any | Promise<any>;
    onSave?: (err: Proto['uiType']) => any | Promise<any>;
    autoSave?: ResolvableContent<boolean, [Readonly<Proto['uiType']>]>;
    saveAction?: Editable_SaveAction<Proto['uiType']>;
    editor: React.ComponentType<EditableRef<Proto['uiType']> & EditorProps>;
    createInitialInstance?: () => Readonly<Partial<Proto['uiType']>>;
    editorProps?: EditorProps;
};
export type Props_EditableItemController<Proto extends DBProto<any>, EditorProps extends object = object> = TemplatingProps_EditableItemController<Proto, EditorProps> & {
    item?: Readonly<Partial<Proto['uiType']>> | string;
};
/**
 * Item_EditorController class handles the editing of a specific db item
 * and encapsulate logic to load the item from the local cache and uses the EditableItem to
 * and TS_EditableContent for rendering and editing the db item.
 *
 * @template Proto - The database prototype def to be edited
 * @template Props - The Props this class component takes
 */
export declare class TS_EditableItemController<Proto extends DBProto<any>, EditorProps extends object = object, Props extends Props_EditableItemController<Proto, EditorProps> = Props_EditableItemController<Proto, EditorProps>> extends ComponentSync<Props, EditableRef<Proto['uiType']>> {
    static DefaultAutoSave: (item?: Partial<DB_Object>) => boolean;
    constructor(p: Props);
    private __onItemUpdated;
    protected deriveStateFromProps(nextProps: Props & Props_ItemsEditor<Proto>, state?: Partial<EditableRef<Proto['uiType']>>): (EditableRef<Proto['uiType']>);
    render(): import("react/jsx-runtime").JSX.Element;
}