import {ComponentType} from 'react';
import {Subject, Observable, firstValueFrom} from 'rxjs';
import {nanoid} from 'nanoid';

export class PopoverRef<Out = unknown> {
    reactKey: string = nanoid(6);
    nestedGroupId: string = '';
    nestedLayerIdx: number = 0;

    constructor(
        public closeEmitter: Subject<Out | undefined>,
        public PopoverComponent: ComponentType
    ) {}

    get afterClose(): Promise<Out | undefined> {
        return firstValueFrom(this.closeEmitter.asObservable());
    }

    get afterCloseAsObservable(): Observable<Out | undefined> {
        return this.closeEmitter.asObservable();
    }

    close(out?: Out) {
        this.closeEmitter.next(out);
    }
}