uniforms-react-semantic/ListItemField.js

Semantic React UI components for uniforms.

'use strict';

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

var _extends2 = require('babel-runtime/helpers/extends');

var _extends3 = _interopRequireDefault(_extends2);

var _jsx2 = require('babel-runtime/helpers/jsx');

var _jsx3 = _interopRequireDefault(_jsx2);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _connectField = require('uniforms/connectField');

var _connectField2 = _interopRequireDefault(_connectField);

var _joinName = require('uniforms/joinName');

var _joinName2 = _interopRequireDefault(_joinName);

var _AutoField = require('./AutoField');

var _AutoField2 = _interopRequireDefault(_AutoField);

var _ListDelField = require('./ListDelField');

var _ListDelField2 = _interopRequireDefault(_ListDelField);

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

var ListItem = function ListItem(props) {
    return (0, _jsx3.default)('div', {
        className: 'item'
    }, void 0, (0, _jsx3.default)(_ListDelField2.default, {
        className: 'top aligned',
        name: props.name
    }), (0, _jsx3.default)('div', {
        className: 'middle aligned content',
        style: { width: '100%' }
    }, void 0, props.children ? _react.Children.map(props.children, function (child) {
        return _react2.default.cloneElement(child, {
            name: (0, _joinName2.default)(props.name, child.props.name),
            label: null,
            style: (0, _extends3.default)({
                margin: 0
            }, child.props.style)
        });
    }) : _react2.default.createElement(_AutoField2.default, (0, _extends3.default)({}, props, { style: { margin: 0 } }))));
};

exports.default = (0, _connectField2.default)(ListItem, { includeInChain: false, includeParent: true });