Simpe value binder before memoized return values

bindValue.ts

import { get, set, isEqual } from 'lodash';
import deepClone from 'clone-deep';

const defaultOpts = {
  parseValue: (v: any) => v,
  parseState: (v: any) => v,
  valueFn: 'value',
  onChangeFn: 'onChange'
};

export default function bindState(data: object, setData: (newState: object) => void) {
  return function componentArgs(key: string, opts = {}) {
    const options = {
      ...defaultOpts,
      ...opts
    };

    function onChange() {
      const newState = deepClone(data);
      const newValue = deepClone(options.parseState.apply(this, Array.from(arguments)));
      set(newState, key, newValue);
      if (!isEqual(newState, data)) {
        setData(newState);
      }
    }
    const value = options.parseValue(get(data, key));
    return {
      [options.valueFn]: value,
      [options.onChangeFn]: onChange
    };
  };
}