"use strict";
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
Object.defineProperty(exports, "__esModule", { value: true });
const exotic_1 = require("exotic");
const mobx_1 = require("xmobx/mobx");
const deps_1 = require("../deps");
const deps_2 = require("./deps");
const typings_1 = require("./typings");
const _fixture_1 = require("./_fixture");
/**
 * @todo use mobx actions
 * @todo - onValueChange, keyboard navigation, plugins...
 */
// class InputState<Props = any> extends InputStateType<Props> implements InputStateMethodsType {
class InputState extends typings_1.InputStateType {
    constructor(stateData = {}) {
        // shouldn't need this super call...
        super();
        // @observable className = undefined
        // @observable value: InputValue = ''
        // @observable isEnabled = true
        // @observable isFocused = false
        // @observable isSelected = false
        // @observable type = 'text'
        // @observable elementList = []
        // @observable error: undefined | Error = undefined
        // @observable isValidInput = true
        this.isVisible = true;
        this.isInputState = true;
        /**
         * @todo should be computed eh...
         */
        this.getValue = () => {
            // @todo and radio, it should return value?
            if (_fixture_1.toggleTypes.includes(this.type)) {
                return this.isSelected;
            }
            return this.value;
        };
        // setEnabled
        this.disable = () => {
            this.isEnabled = false;
        };
        this.enable = () => {
            this.isEnabled = true;
        };
        // setValidity
        this.invalid = () => {
            this.isValid = false;
        };
        // setValidity
        this.valid = () => {
            this.isValid = true;
        };
        this.select = () => {
            this.isSelected = true;
        };
        this.unselect = () => {
            this.isSelected = false;
        };
        this.setIsSelected = isSelected => {
            this.isSelected = isSelected;
        };
        /**
         * @description should not really be used - if ever used, as a last resort
         * @type {IAction}
         * @modifies this.input
         */
        this.setInputReference = (dom) => {
            this.input = dom;
        };
        // maybe it's mutating the static
        mobx_1.extendObservable(this, Object.assign({}, _fixture_1.types));
        // @note - this loops through to dynamically take all props
        // this is bad because it takes tooo many properties
        this.from(stateData);
    }
    static init(data) {
        return new InputState(data);
    }
    // loop through keys, set props
    // chain.from
    from(obj = {}) {
        // we can replace a whole object
        // that replacement can be observable
        const dynamic = {};
        const set = (key, value) => {
            const should = deps_2.shouldRemap(key);
            if (should === false) {
                deps_2.unknown(key, value);
            }
            if (key === 'identifier') {
                this._identifier = value;
                // this.identity = this.identity || value
                this.identity = value;
                return;
            }
            // regardless
            dynamic[key] = value;
            // === this will not update ===
            this[key] = value;
        };
        const onKey = key => {
            const value = obj[key];
            if (deps_2.hasType(key) === true)
                this[key] = value;
            else
                set(key, value);
        };
        Object.keys(obj).forEach(onKey);
        // update
        this.dynamicState = dynamic;
        return this;
    }
    /**
     * @todo @name setIsFocused
     */
    updateFocused(event, instance) {
        if (!event || event.target.value === '') {
            this.isFocused = !this.isFocused;
        }
    }
    /**
     * @note @todo @fixme - this is why we do actions to set the data
     */
    validateInput() {
        this.setIsValidInput(deps_1.isValid(this.value, this.validationType));
        this.errorMessage = deps_1.errorMessage(this.errorMessageFor);
    }
    setValue(value) {
        console.log('setting_value', { selfValue: this.value, value, self: this });
        if (_fixture_1.toggleTypes.includes(this.type)) {
            this.isSelected = exotic_1.fromIshToBoolean(value);
            return;
        }
        this.value = value || '';
    }
    setValidationType(validationType) {
        this.validationType = validationType || '';
    }
    setType(type) {
        this.type = type;
    }
    setIsValidInput(value) {
        this.isValidInput = value;
    }
    get identifier() {
        return this._identifier || this.identity || this.name || '@@empty';
    }
    setIsVisible(isVisible) {
        this.isVisible = isVisible;
    }
    /**
     * @description to put props into container
     */
    setProps(props) {
        console.log('input state setprops', props);
        this.props = props;
    }
    // ========= protected read =========
    /**
     * @variation radio [name] for when it's a radio, because there is only one with the same name
     * @variation toggle/checkbox .isSelected
     * @variation text/textarea/other .value
     * @todo elementList
     *
     * @type {Computed}
     * @return {Serializable | JSON | Object}
     */
    toJSON() {
        const key = this.name || this.identity;
        const serialized = {
            [key]: this.value || this.isSelected,
        };
        /**
         * @todo @fixme bad serialization - fixed in ui-component-library
         */
        if (serialized['0'] === key) {
            delete serialized['0'];
        }
        const serializedChildren = this.elementList.length > 0 && JSON.stringify(this.elementList);
        if (this.elementList.length > 0) {
            console.warn('can serialize children !!! ', serializedChildren);
        }
        return serialized;
    }
    /**
     * @alias toSerialized
     * @type {Computed}
     * @return {String}
     */
    toString() {
        return JSON.stringify(this.toJSON(), undefined, 2);
    }
}
InputState.types = _fixture_1.types;
__decorate([
    mobx_1.observable
], InputState.prototype, "isVisible", void 0);
__decorate([
    mobx_1.action
], InputState.prototype, "from", null);
__decorate([
    mobx_1.action.bound
], InputState.prototype, "updateFocused", null);
__decorate([
    mobx_1.action.bound
], InputState.prototype, "validateInput", null);
__decorate([
    mobx_1.action.bound
], InputState.prototype, "setValue", null);
__decorate([
    mobx_1.action
], InputState.prototype, "setValidationType", null);
__decorate([
    mobx_1.action
], InputState.prototype, "setType", null);
__decorate([
    mobx_1.action
], InputState.prototype, "setIsValidInput", null);
__decorate([
    mobx_1.action.bound
], InputState.prototype, "setIsSelected", void 0);
__decorate([
    mobx_1.action
], InputState.prototype, "setIsVisible", null);
__decorate([
    mobx_1.action.bound
], InputState.prototype, "setProps", null);
exports.InputState = InputState;
exports.default = InputState;
//# sourceMappingURL=InputState.js.map