redux-form/lib/structure/immutable/setIn.js

A higher order component decorator for forms using Redux and React

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _toPath2 = require('lodash/toPath');

var _toPath3 = _interopRequireDefault(_toPath2);

exports.default = setIn;

var _immutable = require('immutable');

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var arrayPattern = /\[(\d+)\]/;

var undefinedArrayMerge = function undefinedArrayMerge(previous, next) {
  return next !== undefined ? next : previous;
};

var mergeLists = function mergeLists(original, value) {
  return original && _immutable.List.isList(original) ? original.mergeDeepWith(undefinedArrayMerge, value) : value;
};

/*
 * ImmutableJS' setIn function doesn't support array (List) creation
 * so we must pre-insert all arrays in the path ahead of time.
 * 
 * Additionally we must also pre-set a dummy Map at the location
 * of an array index if there's parts that come afterwards because 
 * the setIn function uses `{}` to mark an unset value instead of 
 * undefined (which is the case for list / arrays).
 */
function setIn(state, field, value) {
  if (!field || typeof field !== 'string' || !arrayPattern.test(field)) {
    return state.setIn((0, _toPath3.default)(field), value);
  }

  return state.withMutations(function (mutable) {
    var arraySafePath = field.split('.');
    var pathSoFar = null;

    var _loop = function _loop(partIndex) {
      var part = arraySafePath[partIndex];
      var match = arrayPattern.exec(part);

      pathSoFar = pathSoFar === null ? part : pathSoFar + '.' + part;

      if (!match) return 'continue';

      var arr = [];
      arr[parseInt(match[1])] = partIndex + 1 >= arraySafePath.length ? new _immutable.Map() : undefined;

      mutable = mutable.updateIn((0, _toPath3.default)(pathSoFar).slice(0, -1), function (value) {
        return mergeLists(value, new _immutable.List(arr));
      });
    };

    for (var partIndex in arraySafePath) {
      var _ret = _loop(partIndex);

      if (_ret === 'continue') continue;
    }

    return mutable.setIn((0, _toPath3.default)(field), value);
  });
}