/// <reference types="react" />

export declare interface IFeastBlockRefs {
	[index: string]: HTMLElement;
}

export declare interface IFeastBlockIds {
	[index: string]: Block<any>;
}

export declare interface IFeastBlockContext {
	[index: string]: Object;
}

export declare interface IFeastBlockOptions {
	target?: HTMLElement;
	replace?: boolean;
}

export declare interface IBlockConfig<A> {
	name: string;

	isolate: boolean;
	isolateEvents: boolean;
	immutable: boolean;
	notVisualAttributes: {[attr: string]: boolean};

	events: {[name: string]: string};
	blocks: {[name: string]: BlockConstructor<any>};
	attrChanged: {[attr: string]: Function};

	styleSheet: {[name: string]: string};
	template: string | (() => JSX.Element);
	defaults: A;
}

export declare interface GenericBlockDecorator<A> {
	<TFunction extends Function>(target: BlockConstructor<A>): any
}

export declare function configure<A>(config: Partial<IBlockConfig<A>> & {name: string}): GenericBlockDecorator<A>;

export declare interface BlockConstructor<A> {
	new(attrs?: Partial<A>, context?: any): Block<A>;
}

export declare class Block<A> implements Partial<IBlockConfig<A>> {
	attrs: A;
	defaults: A;

	props: A;
	state: null;

	mounted: boolean;
	destroyed: boolean;

	el: HTMLElement;

	ids: IFeastBlockIds;
	refs: IFeastBlockRefs;
	protected context: IFeastBlockContext;

	constructor(attrs?: Partial<A>, context?: any);
	template(attrs?: Partial<A>): JSX.Element;

	didMount(): void;
	didUnmount(): void;

	$on(el: HTMLElement, name: string, fn: (evt) => void): void;
	$off(el: HTMLElement, name?: string, fn?: (evt) => void): void;
	one(el: HTMLElement, name?: string, fn?: (evt) => void): void;

	on(name: string, fn: (evt) => void): void;
	off(name: string, fn: (evt) => void): void;

	broadcast(name: string, details?: object, originalEvent?): void;

	set(attrs: Partial<A>): this;
	set(attrs: Partial<A>, value: null, withoutRender: boolean): this;
	set<K extends keyof A>(key: K, value: A[K]): this;

	get<K extends keyof A>(key: K): A[K];

	is<K extends keyof A>(key: K): boolean;
	invert<K extends keyof A>(key: K): boolean;

	render(): JSX.Element;
	renderTo(el: HTMLElement, options?: IFeastBlockOptions): this;
	forceUpdate(): void;
	setState(): void;
	setTemplateMatch(name: string, match: Function): void;

	destroy(): void;
}