InputGuardedComponent.js

function Event() {

}

const isNode = () => (typeof process !== 'undefined') && (process.release.name === 'node')

Event.check = (func) => {
    if (func instanceof Function) {
        return func
    } else {
        throw new Error(`Argument must be a function, current value ${typeof func}`)
    }
}
function InputGuardedComponent() {
    this.input = isNode()
        ? {value: ''}
        : document.createElement('input')
    this._predicate = () => true
    this._onChangeEvent = () => {}
}

InputGuardedComponent.prototype.export = function() {
    return this.input
}

InputGuardedComponent.prototype.onChange = function(handleChange, predicate = () => true) {
    Event.check(handleChange)
    Event.check(predicate)
    this._onChangeEvent = (val) => {
        if (predicate(val)) {
            handleChange()
        }
    }

}

InputGuardedComponent.prototype.setValue = function(value) {
    if (this._predicate(value)) {
        this.input.value = `${value}`
         this._onChangeEvent(value)
    }
}

InputGuardedComponent.prototype.setPredicate = function(predicate) {
    this._predicate = Event.check(predicate)
}