react-admin-ui/components/Sections/Content/EntityForm/Fields.js

React Admin Panel based on material-ui interface Edit

'use strict';

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

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

var _extends3 = _interopRequireDefault(_extends2);

var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');

var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _reduxForm = require('redux-form');

var _lib = require('../../../../lib');

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

var _ = require('../..');

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

exports.default = function (_ref) {
    var fields = _ref.fields;
    return _react2.default.createElement(
        _.ContentWrapper,
        null,
        _react2.default.createElement(
            'div',
            { className: 'row' },
            fields.map(function (_ref2, key) {
                var _ref2$fieldType = _ref2.fieldType,
                    fieldType = _ref2$fieldType === undefined ? 'field' : _ref2$fieldType,
                    _ref2$column = _ref2.column,
                    column = _ref2$column === undefined ? 12 : _ref2$column,
                    _ref2$style = _ref2.style,
                    style = _ref2$style === undefined ? { width: '100%' } : _ref2$style,
                    item = (0, _objectWithoutProperties3.default)(_ref2, ['fieldType', 'column', 'style']);
                var _item = item,
                    _item$component = _item.component,
                    component = _item$component === undefined ? 'material.TextField' : _item$component;

                if (typeof component == 'string') {
                    var widget = (0, _utils.showField)(component, (0, _lib.getFormFields)());
                    if (widget) {
                        item = (0, _extends3.default)({}, item, { component: widget, id: '__' + item.name });
                    }
                }
                return _react2.default.createElement(
                    'div',
                    { className: 'col-' + column, key: key },
                    _react2.default.createElement(
                        _.StyledLabel,
                        null,
                        item.title
                    ),
                    fieldType == 'field' && _react2.default.createElement(
                        _.ItemWrapper,
                        null,
                        _react2.default.createElement(_reduxForm.Field, (0, _extends3.default)({}, item, { id: '__' + item.name, style: style }))
                    ),
                    fieldType == 'array' && _react2.default.createElement(
                        'div',
                        null,
                        _react2.default.createElement(_reduxForm.FieldArray, (0, _extends3.default)({}, item, { id: '__' + item.name, style: style }))
                    )
                );
            })
        )
    );
};