react-admin-ui/components/Sections/Content/Show/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 _utils = require('../../../../utils');

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

var _Item = require('./Item');

var _Item2 = _interopRequireDefault(_Item);

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

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

var Fields = function Fields(_ref) {
    var fields = _ref.fields,
        data = _ref.data;

    return _react2.default.createElement(
        _.ContentWrapper,
        null,
        _react2.default.createElement(
            'div',
            { className: 'row' },
            fields.map(function (_ref2, key) {
                var _ref2$column = _ref2.column,
                    column = _ref2$column === undefined ? '12' : _ref2$column,
                    item = (0, _objectWithoutProperties3.default)(_ref2, ['column']);
                var _item = item,
                    component = _item.component;

                if (typeof component == 'string') {
                    var widget = (0, _utils.showField)(component, (0, _lib.getWidgets)());
                    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 || item.name
                    ),
                    _react2.default.createElement(
                        _.ItemWrapper,
                        null,
                        _react2.default.createElement(_Item2.default, { key: key, item: item, data: data })
                    )
                );
            })
        )
    );
};

exports.default = Fields;