focus-components-v3/form/index.js

Focus web components to build applications (based on Material Design)

'use strict';

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

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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; }

var consultFormComponent = function consultFormComponent(children, loading) {
    return _react2.default.createElement(
        'div',
        { 'data-focus': 'form', 'data-mode': 'consult', 'data-loading': loading },
        children
    );
};

var editFormComponent = function editFormComponent(children, loading, otherProps) {
    return _react2.default.createElement(
        'form',
        { className: 'form-horizontal', 'data-focus': 'form', 'data-mode': 'edit', 'data-loading': loading, noValidate: true },
        _react2.default.createElement(
            'fieldset',
            null,
            children
        )
    );
};

var formComponent = function formComponent(_ref) {
    var children = _ref.children,
        editing = _ref.editing,
        loading = _ref.loading,
        otherProps = _objectWithoutProperties(_ref, ['children', 'editing', 'loading']);

    return editing ? editFormComponent(children, loading, otherProps) : consultFormComponent(children, loading);
};

formComponent.displayName = 'Form';
formComponent.propTypes = {
    editing: _react.PropTypes.bool.isRequired,
    loading: _react.PropTypes.bool
};
formComponent.defaultProps = {
    editing: false,
    loading: false
};
exports.default = formComponent;
module.exports = exports['default'];
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZyLUZSLmpzIl0sIm5hbWVzIjpbImNvbnN1bHRGb3JtQ29tcG9uZW50IiwiY2hpbGRyZW4iLCJsb2FkaW5nIiwiZWRpdEZvcm1Db21wb25lbnQiLCJvdGhlclByb3BzIiwiZm9ybUNvbXBvbmVudCIsImVkaXRpbmciLCJkaXNwbGF5TmFtZSIsInByb3BUeXBlcyIsImJvb2wiLCJpc1JlcXVpcmVkIiwiZGVmYXVsdFByb3BzIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQTs7Ozs7Ozs7QUFFQSxJQUFNQSx1QkFBdUIsU0FBdkJBLG9CQUF1QixDQUFDQyxRQUFELEVBQVdDLE9BQVg7QUFBQSxXQUN4QjtBQUFBO0FBQUEsVUFBSyxjQUFXLE1BQWhCLEVBQXVCLGFBQVUsU0FBakMsRUFBMkMsZ0JBQWNBLE9BQXpEO0FBQW1FRDtBQUFuRSxLQUR3QjtBQUFBLENBQTdCOztBQUlBLElBQU1FLG9CQUFvQixTQUFwQkEsaUJBQW9CLENBQUNGLFFBQUQsRUFBV0MsT0FBWCxFQUFvQkUsVUFBcEI7QUFBQSxXQUN0QjtBQUFBO0FBQUEsVUFBTSxXQUFVLGlCQUFoQixFQUFrQyxjQUFXLE1BQTdDLEVBQW9ELGFBQVUsTUFBOUQsRUFBcUUsZ0JBQWNGLE9BQW5GLEVBQTRGLGdCQUE1RjtBQUNJO0FBQUE7QUFBQTtBQUNLRDtBQURMO0FBREosS0FEc0I7QUFBQSxDQUExQjs7QUFRQSxJQUFNSSxnQkFBZ0IsU0FBaEJBLGFBQWdCO0FBQUEsUUFBRUosUUFBRixRQUFFQSxRQUFGO0FBQUEsUUFBWUssT0FBWixRQUFZQSxPQUFaO0FBQUEsUUFBcUJKLE9BQXJCLFFBQXFCQSxPQUFyQjtBQUFBLFFBQWlDRSxVQUFqQzs7QUFBQSxXQUFpREUsVUFBVUgsa0JBQWtCRixRQUFsQixFQUE0QkMsT0FBNUIsRUFBcUNFLFVBQXJDLENBQVYsR0FBNkRKLHFCQUFxQkMsUUFBckIsRUFBK0JDLE9BQS9CLENBQTlHO0FBQUEsQ0FBdEI7O0FBRUFHLGNBQWNFLFdBQWQsR0FBNEIsTUFBNUI7QUFDQUYsY0FBY0csU0FBZCxHQUEwQjtBQUN0QkYsYUFBUyxpQkFBVUcsSUFBVixDQUFlQyxVQURGO0FBRXRCUixhQUFTLGlCQUFVTztBQUZHLENBQTFCO0FBSUFKLGNBQWNNLFlBQWQsR0FBNkI7QUFDekJMLGFBQVMsS0FEZ0I7QUFFekJKLGFBQVM7QUFGZ0IsQ0FBN0I7a0JBSWVHLGEiLCJmaWxlIjoiZnItRlIuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHtQcm9wVHlwZXN9IGZyb20gJ3JlYWN0JztcclxuXHJcbmNvbnN0IGNvbnN1bHRGb3JtQ29tcG9uZW50ID0gKGNoaWxkcmVuLCBsb2FkaW5nKSA9PiAoXHJcbiAgICAgPGRpdiBkYXRhLWZvY3VzPSdmb3JtJyBkYXRhLW1vZGU9J2NvbnN1bHQnIGRhdGEtbG9hZGluZz17bG9hZGluZ30+e2NoaWxkcmVufTwvZGl2PlxyXG4pO1xyXG5cclxuY29uc3QgZWRpdEZvcm1Db21wb25lbnQgPSAoY2hpbGRyZW4sIGxvYWRpbmcsIG90aGVyUHJvcHMpID0+IChcclxuICAgIDxmb3JtIGNsYXNzTmFtZT0nZm9ybS1ob3Jpem9udGFsJyBkYXRhLWZvY3VzPSdmb3JtJyBkYXRhLW1vZGU9J2VkaXQnIGRhdGEtbG9hZGluZz17bG9hZGluZ30gbm9WYWxpZGF0ZT5cclxuICAgICAgICA8ZmllbGRzZXQ+XHJcbiAgICAgICAgICAgIHtjaGlsZHJlbn1cclxuICAgICAgICA8L2ZpZWxkc2V0PlxyXG4gICAgPC9mb3JtPlxyXG4pO1xyXG5cclxuY29uc3QgZm9ybUNvbXBvbmVudCA9ICh7Y2hpbGRyZW4sIGVkaXRpbmcsIGxvYWRpbmcsIC4uLm90aGVyUHJvcHN9KSA9PiBlZGl0aW5nID8gZWRpdEZvcm1Db21wb25lbnQoY2hpbGRyZW4sIGxvYWRpbmcsIG90aGVyUHJvcHMpIDogY29uc3VsdEZvcm1Db21wb25lbnQoY2hpbGRyZW4sIGxvYWRpbmcpO1xyXG5cclxuZm9ybUNvbXBvbmVudC5kaXNwbGF5TmFtZSA9ICdGb3JtJztcclxuZm9ybUNvbXBvbmVudC5wcm9wVHlwZXMgPSB7XHJcbiAgICBlZGl0aW5nOiBQcm9wVHlwZXMuYm9vbC5pc1JlcXVpcmVkLFxyXG4gICAgbG9hZGluZzogUHJvcFR5cGVzLmJvb2xcclxufTtcclxuZm9ybUNvbXBvbmVudC5kZWZhdWx0UHJvcHMgPSB7XHJcbiAgICBlZGl0aW5nOiBmYWxzZSxcclxuICAgIGxvYWRpbmc6IGZhbHNlXHJcbn07XHJcbmV4cG9ydCBkZWZhdWx0IGZvcm1Db21wb25lbnQ7XHJcbiJdfQ==