mapcomplete/UI/Input/InputElementMap.ts

import {InputElement} from "./InputElement";
import {UIEventSource} from "../../Logic/UIEventSource";


export default class InputElementMap<T, X> extends InputElement<X> {

    private readonly _inputElement: InputElement<T>;
    private isSame: (x0: X, x1: X) => boolean;
    private readonly fromX: (x: X) => T;
    private readonly toX: (t: T) => X;
    private readonly _value: UIEventSource<X>;
    public readonly  IsSelected: UIEventSource<boolean>;

    constructor(inputElement: InputElement<T>,
                isSame: (x0: X, x1: X) => boolean,
                toX: (t: T) => X,
                fromX: (x: X) => T,
                extraSources: UIEventSource<any>[] = []
    ) {
        super();
        this.isSame = isSame;
        this.fromX = fromX;
        this.toX = toX;
        this._inputElement = inputElement;
        this.IsSelected = inputElement.IsSelected;
        const self = this;
        this._value = inputElement.GetValue().map(
            (t => {
                const currentX = self.GetValue()?.data;
                const newX = toX(t);
                if (isSame(currentX, newX)) {
                    return currentX;
                }
                return newX;
            }), extraSources, x => {
                return fromX(x);
            });
        this._value.addCallback(console.log)
        this.IsSelected.addCallback(s => console.log("Is selected?", s))
    }

    GetValue(): UIEventSource<X> {
        return this._value;
    }

    InnerRender(): string {
        return this._inputElement.InnerRender();
    }

    IsValid(x: X): boolean {
        if(x === undefined){
            return false;
        }
        const t = this.fromX(x);
        if(t === undefined){
            return false;
        }
        return this._inputElement.IsValid(t);
    }
    
}