yyuap-template/dist/cjs/components/layout/TableLayout/Td.js

template project which is based on tinper

(function (global, factory) {
    if (typeof define === "function" && define.amd) {
        define(['module', 'exports', 'react', '../../view/TextWithLabel/TextWithLabel', '../../view/SelectComponent/SelectComponent', '../../view/CheckboxComponent/CheckboxComponent', '../../view/Datecomponent/Datecomponent', '../../view/Reference/Reference', '../../view/multText/MultText', '../../view/Label/LabelNoEdit'], factory);
    } else if (typeof exports !== "undefined") {
        factory(module, exports, require('react'), require('../../view/TextWithLabel/TextWithLabel'), require('../../view/SelectComponent/SelectComponent'), require('../../view/CheckboxComponent/CheckboxComponent'), require('../../view/Datecomponent/Datecomponent'), require('../../view/Reference/Reference'), require('../../view/multText/MultText'), require('../../view/Label/LabelNoEdit'));
    } else {
        var mod = {
            exports: {}
        };
        factory(mod, mod.exports, global.react, global.TextWithLabel, global.SelectComponent, global.CheckboxComponent, global.Datecomponent, global.Reference, global.MultText, global.LabelNoEdit);
        global.Td = mod.exports;
    }
})(this, function (module, exports, _react, _TextWithLabel, _SelectComponent, _CheckboxComponent, _Datecomponent, _Reference, _MultText, _LabelNoEdit) {
    'use strict';

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

    var _react2 = _interopRequireDefault(_react);

    var _TextWithLabel2 = _interopRequireDefault(_TextWithLabel);

    var _SelectComponent2 = _interopRequireDefault(_SelectComponent);

    var _CheckboxComponent2 = _interopRequireDefault(_CheckboxComponent);

    var _Datecomponent2 = _interopRequireDefault(_Datecomponent);

    var _Reference2 = _interopRequireDefault(_Reference);

    var _MultText2 = _interopRequireDefault(_MultText);

    var _LabelNoEdit2 = _interopRequireDefault(_LabelNoEdit);

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

    function _classCallCheck(instance, Constructor) {
        if (!(instance instanceof Constructor)) {
            throw new TypeError("Cannot call a class as a function");
        }
    }

    var _createClass = function () {
        function defineProperties(target, props) {
            for (var i = 0; i < props.length; i++) {
                var descriptor = props[i];
                descriptor.enumerable = descriptor.enumerable || false;
                descriptor.configurable = true;
                if ("value" in descriptor) descriptor.writable = true;
                Object.defineProperty(target, descriptor.key, descriptor);
            }
        }

        return function (Constructor, protoProps, staticProps) {
            if (protoProps) defineProperties(Constructor.prototype, protoProps);
            if (staticProps) defineProperties(Constructor, staticProps);
            return Constructor;
        };
    }();

    function _possibleConstructorReturn(self, call) {
        if (!self) {
            throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
        }

        return call && (typeof call === "object" || typeof call === "function") ? call : self;
    }

    function _inherits(subClass, superClass) {
        if (typeof superClass !== "function" && superClass !== null) {
            throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
        }

        subClass.prototype = Object.create(superClass && superClass.prototype, {
            constructor: {
                value: subClass,
                enumerable: false,
                writable: true,
                configurable: true
            }
        });
        if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
    }

    var components = {
        Text: _TextWithLabel2.default,
        Email: _TextWithLabel2.default,
        Phone: _TextWithLabel2.default,
        Mobile: _TextWithLabel2.default,
        NumberComponent: _TextWithLabel2.default,
        Reference: _Reference2.default,
        Select: _SelectComponent2.default,
        CheckBox: _CheckboxComponent2.default,
        DateComponent: _Datecomponent2.default,
        MultText: _MultText2.default,
        Label: _LabelNoEdit2.default
    };

    var Td = function (_Component) {
        _inherits(Td, _Component);

        function Td(props) {
            _classCallCheck(this, Td);

            var _this = _possibleConstructorReturn(this, (Td.__proto__ || Object.getPrototypeOf(Td)).call(this, props));

            _this.state = {
                isEdit: _this.props.isEdit,
                value: 'aaa'
            };
            return _this;
        }

        _createClass(Td, [{
            key: 'handleValue',
            value: function handleValue(_ref) {
                var value = _ref.value,
                    fieldId = _ref.fieldId;

                this.props.handleValue({ value: value, fieldId: fieldId });
            }
        }, {
            key: 'construct',
            value: function construct() {
                var self = this;
                return this.props.viewModel.layoutDetail.map(function (layout, index) {
                    if (layout.componentKey && components[layout.componentKey]) {
                        return _react2.default.createElement(components[layout.componentKey], {
                            viewModel: layout,
                            key: index,
                            isEdit: self.props.isEdit,
                            config: self.props.config,
                            labelDisp: self.props.labelDisp,
                            form: self.props.form,
                            dataModel: self.props.dataModel,
                            handleValue: self.handleValue.bind(self),
                            handleComponentCallback: self.props.handleComponentCallback
                        });
                    }
                });
            }
        }, {
            key: 'render',
            value: function render() {
                var _props$viewModel = this.props.viewModel,
                    rowSpan = _props$viewModel.rowSpan,
                    colSpan = _props$viewModel.colSpan,
                    width = _props$viewModel.width,
                    height = _props$viewModel.height;
                var isEdit = this.props.isEdit;

                return _react2.default.createElement(
                    'div',
                    { className: 'u-form u-form-group' },
                    this.construct()
                );
            }
        }]);

        return Td;
    }(_react.Component);

    exports.default = Td;
    module.exports = exports['default'];
});