"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
/**
 * @file @todo convert to composable pieces
 * @file @todo all setter methods/fns use actions
 * @file @todo remove extra compat naming - pick 1
 * @file @todo would be nice to change most things into Map syntax instead...
 */
const mobx_react_1 = require("xmobx/mobx-react");
exports.observer = mobx_react_1.observer;
const mobx_1 = require("xmobx/mobx");
// @see examples/reference
// here we make good use of the opposite
// - we want to lose the reference here for not-shared scoped optimized defaults
const defaultProps = {
    isVisible: false,
    isSelected: false,
    isDisabled: false,
    isActive: false,
    isFocused: false,
};
const defaultOptions = {
    select: true,
    visible: true,
    active: true,
    focus: true,
    value: true,
    label: true,
};
Object.freeze(defaultOptions);
// eslint-disable-next-line
function commonStateFactory(props = defaultProps, options = defaultOptions) {
    // @todo needs conditionals in here
    // allow passing in props.state
    const commonState = props.state ||
        mobx_1.observable({
            isSelected: !!props.isSelected || !!props.isDefaultSelected,
            isDisabled: !!props.isDisabled,
            isVisible: !!props.isVisible,
            isActive: !!props.isActive,
            isFocused: !!props.isFocused,
            value: props.value || undefined,
            label: props.label || undefined,
            isDate: props.isDate || undefined,
        });
    const state = commonState;
    if (Object.isExtensible(commonState) === false) {
        console.warn('@fixme');
        return state;
    }
    const set = mobx_1.action((name, value = true) => {
        // console.dev('UPDATING_COMMON_STATE', { [name]: value })
        state[name] = value;
    });
    const toggle = mobx_1.action(name => {
        state[name] = !state[name];
    });
    // curried set, toggle
    // const setFor = name => value => set(name, value)
    // @todo - pass name
    const setForDefault = (name, value) => overrideValue => {
        set(name, value);
    };
    const setFor = (name) => {
        const setFunction = value => {
            set(name, value);
        };
        return mobx_1.action(name, setFunction);
    };
    const toggleFor = name => event => {
        toggle(name);
    };
    // state.alias = (names, fn) => {
    //   names.forEach(name => {
    //     state[name] = fn
    //   })
    // }
    if (options.select) {
        // onSelected, onSelect
        // select, setSelected, handleSelect
        const select = setForDefault('isSelected', true);
        state.select = select;
        state.setSelected = select;
        state.handleSelect = select;
        const unselect = setForDefault('isSelected', false);
        state.unselect = unselect;
        state.handleUnSelect = unselect;
        const toggleSelected = toggleFor('isSelected');
        state.toggleSelected = toggleSelected;
        state.handleToggleSelected = toggleSelected;
    }
    if (options.visible) {
        // setOpen handleShow setVisible handleOpen, onVisible
        const setVisible = setForDefault('isVisible', true);
        state.setOpen = setVisible;
        // state.setVisible = setVisible
        state.handleShow = setVisible;
        state.handleOpen = setVisible;
        state.show = setVisible;
        const toggleVisibility = toggleFor('isVisible');
        state.handleToggleVisibility = toggleVisibility;
        state.toggleVisibility = toggleVisibility;
        // was just using .isVisible o.o?
        // isClosed
        // const hide = state.setFor('isClosed')
        // onHide
        // setClosed, handleHide, setInvisible
        const hide = setForDefault('isVisible', false);
        state.setClosed = hide;
        state.handleHide = hide;
        state.hide = hide;
        // @todo!
        // state.setIsVisible = action(value => set('isVisible', value))
        // state.setIsVisible = setFor('isVisible')
        // state.setInvisible = hide
    }
    if (options.active) {
        // setActive - like touch / pressed?
        // setActive activate handleActive
        const active = setForDefault('isActive', true);
        state.setActive = active;
        state.activate = active;
        state.handleActive = active;
        const inactive = setForDefault('isActive', false);
        state.setInactive = inactive;
        state.deactivate = inactive;
        state.handleInactive = inactive;
        const toggleActive = toggleFor('isActive');
        state.handleToggleActive = toggleActive;
        state.toggleActive = toggleActive;
    }
    if (options.focus) {
        // onFocus
        // setFocused, handleFocus, focus
        const focus = setForDefault('isFocused', true);
        state.handleFocus = focus;
        state.setFocused = focus;
        state.focus = focus;
        // handleBlur, unfocus, blur
        const blur = setForDefault('isFocused', false);
        state.handleBlur = blur;
        // state.unfocus = blur
        state.blur = blur;
    }
    if (options.value) {
        const value = setForDefault('value', '@@empty');
        state.setValue = value;
    }
    if (options.label) {
        const label = setForDefault('label', '@@empty');
        state.setLabel = label;
    }
    state.toggle = toggle;
    state.set = set;
    return state;
}
exports.commonState = commonStateFactory;
exports.commonStateFactory = commonStateFactory;
exports.makeState = commonStateFactory;
exports.makeCommonState = commonStateFactory;
exports.toCommonState = commonStateFactory;
exports.default = commonStateFactory;
//# sourceMappingURL=common.js.map