variable-form-fields/dist-modules/components/var-last.js

Component for a form segment that requires a variable number of rows of custom fields. Uses react.

'use strict';

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

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

var _immutabilityHelper = require('immutability-helper');

var _immutabilityHelper2 = _interopRequireDefault(_immutabilityHelper);

var _utils = require('utils/utils');

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

function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }

function getCreateVarAddHandler(addRowHandler) {
  return function (ele) {
    // remove varAdd as it won't be natively compatible with the input element
    // TODO can abstract out refactor!
    var _ele$props = ele.props,
        varAdd = _ele$props.varAdd,
        restProps = _objectWithoutProperties(_ele$props, ['varAdd']); // eslint-disable-line no-unused-vars
    // if no field.key, we just wont' track it, no err req


    return (0, _immutabilityHelper2.default)(ele, {
      props: {
        $set: _extends({}, restProps, {
          onClick: function onClick() {
            return addRowHandler();
          }
        })
      }
    });
  };
}

var renderInputs = function renderInputs(props) {
  var addRowHandler = props.addRowHandler,
      fieldObj = props.children;

  var modifierArr = [{ propKey: 'varAdd', modifier: getCreateVarAddHandler(addRowHandler) }];

  if (fieldObj.constructor !== Array) {
    return (0, _utils.findEleWithPropAndModify)(fieldObj, modifierArr);
  }
  return fieldObj.map(function (field) {
    return (0, _utils.findEleWithPropAndModify)(field, modifierArr);
  });
};

var VarLast = exports.VarLast = function VarLast(props) {
  return _react2.default.createElement(
    'div',
    null,
    ' ',
    renderInputs(props),
    ' '
  );
};

VarLast.propTypes = {
  addRowHandler: _propTypes2.default.func.isRequired,
  children: _propTypes2.default.oneOfType([_propTypes2.default.element, _propTypes2.default.arrayOf(_propTypes2.default.element)])
};

exports.default = VarLast;