variable-form-fields
Version:
Component for a form segment that requires a variable number of rows of custom fields. Uses react.
61 lines (43 loc) • 2.16 kB
JavaScript
Object.defineProperty(exports, "__esModule", {
value: true
});
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');
var _varLast = require('components/var-last');
var _varLast2 = _interopRequireDefault(_varLast);
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 createAddRowHandler(data, addedRows, addRow) {
return function () {
addRow(data.length);
return (0, _immutabilityHelper2.default)(data, { $push: [{}] });
};
}
var VarLastContainer = function VarLastContainer(props) {
var data = props.data,
addedRows = props.addedRows,
addRow = props.addRow,
rest = _objectWithoutProperties(props, ['data', 'addedRows', 'addRow']);
return _react2.default.createElement(
'div',
null,
(0, _varLast2.default)(_extends({}, rest, {
addRowHandler: (0, _utils.getHandlerCreator)(props, createAddRowHandler(data, addedRows, addRow))()
}))
);
};
VarLastContainer.propTypes = {
children: _propTypes2.default.oneOfType([_propTypes2.default.arrayOf(_propTypes2.default.shape({})), _propTypes2.default.element]),
data: _propTypes2.default.arrayOf(_propTypes2.default.shape({})),
onChange: _propTypes2.default.func,
addedRows: _propTypes2.default.arrayOf(_propTypes2.default.number),
addRow: _propTypes2.default.func
};
exports.default = VarLastContainer;
;