apeman-react-field/lib/ap_field_style.js

/**
 * Style for ApField.
 * @class ApFieldStyle
 */

'use strict';

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

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _apemanReactStyle = require('apeman-react-style');

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

/** @lends ApFieldStyle */
var ApFieldStyle = _react2.default.createClass({
  displayName: 'ApFieldStyle',

  propTypes: {

    style: _react.PropTypes.object
  },
  getDefaultProps: function getDefaultProps() {
    return {

      style: {}
    };
  },
  render: function render() {
    var s = this;
    var props = s.props;


    var hPadding = 8;

    var data = {
      '.ap-field': {
        display: 'block',
        margin: '4px 0'
      },
      '.ap-field-inner': {
        display: 'block',
        maxWidth: '480px'
      },
      '.ap-field-label': {
        display: 'block',
        fontSize: '14px',
        minWidth: 0,
        padding: 0,
        margin: 0,
        textAlign: 'left'
      },
      '.ap-field-label-inner': {
        display: 'block',
        fontSize: '12px',
        padding: '4px ' + hPadding + 'px 0',
        color: '#888',
        boxSizing: 'border-box'
      },
      '.ap-field-value': {
        display: 'block',
        width: '100%',
        padding: '0 ' + hPadding + 'px',
        boxSizing: 'border-box'
      },
      '.ap-field-value .ap-text-wrap, .ap-field-value .ap-password-wrap': {
        margin: 0
      },
      '.ap-field-value .ap-text, .ap-field-value .ap-password': {
        width: '100%',
        boxSizing: 'border-box',
        margin: '2px 0'
      },
      '.ap-field-set': {
        borderStyle: 'solid',
        borderRadius: '2px'
      },
      '.ap-field-set-plain': {
        border: 'none',
        padding: 0,
        margin: 0
      },
      '.ap-field-legend': {
        padding: '0 4px'
      },
      '.ap-field-align-center .ap-field-inner': {
        textAlign: 'center',
        display: 'block'
      }
    };
    var smallMediaData = {
      '.ap-field-inner': {
        display: 'flex',
        alignItems: 'center'
      },
      '.ap-field-label': {
        display: 'inline-block',
        padding: 0,
        margin: 0
      },
      '.ap-field-label-inner': {
        display: 'inline-block',
        minWidth: '48px',
        fontSize: 'inherit',
        padding: '8px ' + hPadding + 'px'
      },
      '.ap-field-value': {
        verticalAlign: 'middle',
        padding: '4px 0'
      }
    };
    var mediumMediaData = {};
    var largeMediaData = {};
    return _react2.default.createElement(
      _apemanReactStyle.ApStyle,
      {
        data: Object.assign(data, props.style),
        smallMediaData: smallMediaData,
        mediumMediaData: mediumMediaData,
        largeMediaData: largeMediaData
      },
      props.children
    );
  }
});

exports.default = ApFieldStyle;
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwX2ZpZWxkX3N0eWxlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUtBOzs7Ozs7QUFFQTs7OztBQUNBOzs7OztBQUdBLElBQU0sZUFBZSxnQkFBTSxXQUFOLENBQWtCO0FBQUE7O0FBQ3JDLGFBQVc7O0FBRVQsV0FBTyxpQkFBTTtBQUZKLEdBRDBCO0FBS3JDLGlCQUxxQyw2QkFLbEI7QUFDakIsV0FBTzs7QUFFTCxhQUFPO0FBRkYsS0FBUDtBQUlELEdBVm9DO0FBV3JDLFFBWHFDLG9CQVczQjtBQUNSLFFBQU0sSUFBSSxJQUFWO0FBRFEsUUFFRixLQUZFLEdBRVEsQ0FGUixDQUVGLEtBRkU7OztBQUlSLFFBQUksV0FBVyxDQUFmOztBQUVBLFFBQUksT0FBTztBQUNULG1CQUFhO0FBQ1gsaUJBQVMsT0FERTtBQUVYLGdCQUFRO0FBRkcsT0FESjtBQUtULHlCQUFtQjtBQUNqQixpQkFBUyxPQURRO0FBRWpCLGtCQUFVO0FBRk8sT0FMVjtBQVNULHlCQUFtQjtBQUNqQixpQkFBUyxPQURRO0FBRWpCLGtCQUFVLE1BRk87QUFHakIsa0JBQVUsQ0FITztBQUlqQixpQkFBUyxDQUpRO0FBS2pCLGdCQUFRLENBTFM7QUFNakIsbUJBQVc7QUFOTSxPQVRWO0FBaUJULCtCQUF5QjtBQUN2QixpQkFBUyxPQURjO0FBRXZCLGtCQUFVLE1BRmE7QUFHdkIsMEJBQWdCLFFBQWhCLFNBSHVCO0FBSXZCLGVBQU8sTUFKZ0I7QUFLdkIsbUJBQVc7QUFMWSxPQWpCaEI7QUF3QlQseUJBQW1CO0FBQ2pCLGlCQUFTLE9BRFE7QUFFakIsZUFBTyxNQUZVO0FBR2pCLHdCQUFjLFFBQWQsT0FIaUI7QUFJakIsbUJBQVc7QUFKTSxPQXhCVjtBQThCVCwwRUFBb0U7QUFDbEUsZ0JBQVE7QUFEMEQsT0E5QjNEO0FBaUNULGdFQUEwRDtBQUN4RCxlQUFPLE1BRGlEO0FBRXhELG1CQUFXLFlBRjZDO0FBR3hELGdCQUFRO0FBSGdELE9BakNqRDtBQXNDVCx1QkFBaUI7QUFDZixxQkFBYSxPQURFO0FBRWYsc0JBQWM7QUFGQyxPQXRDUjtBQTBDVCw2QkFBdUI7QUFDckIsZ0JBQVEsTUFEYTtBQUVyQixpQkFBUyxDQUZZO0FBR3JCLGdCQUFRO0FBSGEsT0ExQ2Q7QUErQ1QsMEJBQW9CO0FBQ2xCLGlCQUFTO0FBRFMsT0EvQ1g7QUFrRFQsZ0RBQTBDO0FBQ3hDLG1CQUFXLFFBRDZCO0FBRXhDLGlCQUFTO0FBRitCO0FBbERqQyxLQUFYO0FBdURBLFFBQUksaUJBQWlCO0FBQ25CLHlCQUFtQjtBQUNqQixpQkFBUyxNQURRO0FBRWpCLG9CQUFZO0FBRkssT0FEQTtBQUtuQix5QkFBbUI7QUFDakIsaUJBQVMsY0FEUTtBQUVqQixpQkFBUyxDQUZRO0FBR2pCLGdCQUFRO0FBSFMsT0FMQTtBQVVuQiwrQkFBeUI7QUFDdkIsaUJBQVMsY0FEYztBQUV2QixrQkFBVSxNQUZhO0FBR3ZCLGtCQUFVLFNBSGE7QUFJdkIsMEJBQWdCLFFBQWhCO0FBSnVCLE9BVk47QUFnQm5CLHlCQUFtQjtBQUNqQix1QkFBZSxRQURFO0FBRWpCLGlCQUFTO0FBRlE7QUFoQkEsS0FBckI7QUFxQkEsUUFBSSxrQkFBa0IsRUFBdEI7QUFDQSxRQUFJLGlCQUFpQixFQUFyQjtBQUNBLFdBQ0U7QUFBQTtNQUFBO0FBQ0UsY0FBTyxPQUFPLE1BQVAsQ0FBYyxJQUFkLEVBQW9CLE1BQU0sS0FBMUIsQ0FEVDtBQUVFLHdCQUFpQixjQUZuQjtBQUdFLHlCQUFrQixlQUhwQjtBQUlFLHdCQUFpQjtBQUpuQjtNQUtHLE1BQU07QUFMVCxLQURGO0FBUUQ7QUF2R29DLENBQWxCLENBQXJCOztrQkEwR2UsWSIsImZpbGUiOiJhcF9maWVsZF9zdHlsZS5qcyIsInNvdXJjZVJvb3QiOiIvVXNlcnMvb2t1bmlzaGluaXNoaS9Qcm9qZWN0cy9hcGVtYW4tcHJvamVjdHMvYXBlbWFuLXJlYWN0LWZpZWxkL2xpYiIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogU3R5bGUgZm9yIEFwRmllbGQuXG4gKiBAY2xhc3MgQXBGaWVsZFN0eWxlXG4gKi9cblxuJ3VzZSBzdHJpY3QnXG5cbmltcG9ydCBSZWFjdCwge1Byb3BUeXBlcyBhcyB0eXBlc30gZnJvbSAncmVhY3QnXG5pbXBvcnQge0FwU3R5bGV9IGZyb20gJ2FwZW1hbi1yZWFjdC1zdHlsZSdcblxuLyoqIEBsZW5kcyBBcEZpZWxkU3R5bGUgKi9cbmNvbnN0IEFwRmllbGRTdHlsZSA9IFJlYWN0LmNyZWF0ZUNsYXNzKHtcbiAgcHJvcFR5cGVzOiB7XG5cbiAgICBzdHlsZTogdHlwZXMub2JqZWN0XG4gIH0sXG4gIGdldERlZmF1bHRQcm9wcyAoKSB7XG4gICAgcmV0dXJuIHtcblxuICAgICAgc3R5bGU6IHt9XG4gICAgfVxuICB9LFxuICByZW5kZXIgKCkge1xuICAgIGNvbnN0IHMgPSB0aGlzXG4gICAgbGV0IHsgcHJvcHMgfSA9IHNcblxuICAgIGxldCBoUGFkZGluZyA9IDhcblxuICAgIGxldCBkYXRhID0ge1xuICAgICAgJy5hcC1maWVsZCc6IHtcbiAgICAgICAgZGlzcGxheTogJ2Jsb2NrJyxcbiAgICAgICAgbWFyZ2luOiAnNHB4IDAnXG4gICAgICB9LFxuICAgICAgJy5hcC1maWVsZC1pbm5lcic6IHtcbiAgICAgICAgZGlzcGxheTogJ2Jsb2NrJyxcbiAgICAgICAgbWF4V2lkdGg6ICc0ODBweCdcbiAgICAgIH0sXG4gICAgICAnLmFwLWZpZWxkLWxhYmVsJzoge1xuICAgICAgICBkaXNwbGF5OiAnYmxvY2snLFxuICAgICAgICBmb250U2l6ZTogJzE0cHgnLFxuICAgICAgICBtaW5XaWR0aDogMCxcbiAgICAgICAgcGFkZGluZzogMCxcbiAgICAgICAgbWFyZ2luOiAwLFxuICAgICAgICB0ZXh0QWxpZ246ICdsZWZ0J1xuICAgICAgfSxcbiAgICAgICcuYXAtZmllbGQtbGFiZWwtaW5uZXInOiB7XG4gICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgIGZvbnRTaXplOiAnMTJweCcsXG4gICAgICAgIHBhZGRpbmc6IGA0cHggJHtoUGFkZGluZ31weCAwYCxcbiAgICAgICAgY29sb3I6ICcjODg4JyxcbiAgICAgICAgYm94U2l6aW5nOiAnYm9yZGVyLWJveCdcbiAgICAgIH0sXG4gICAgICAnLmFwLWZpZWxkLXZhbHVlJzoge1xuICAgICAgICBkaXNwbGF5OiAnYmxvY2snLFxuICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgICBwYWRkaW5nOiBgMCAke2hQYWRkaW5nfXB4YCxcbiAgICAgICAgYm94U2l6aW5nOiAnYm9yZGVyLWJveCdcbiAgICAgIH0sXG4gICAgICAnLmFwLWZpZWxkLXZhbHVlIC5hcC10ZXh0LXdyYXAsIC5hcC1maWVsZC12YWx1ZSAuYXAtcGFzc3dvcmQtd3JhcCc6IHtcbiAgICAgICAgbWFyZ2luOiAwXG4gICAgICB9LFxuICAgICAgJy5hcC1maWVsZC12YWx1ZSAuYXAtdGV4dCwgLmFwLWZpZWxkLXZhbHVlIC5hcC1wYXNzd29yZCc6IHtcbiAgICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgICAgYm94U2l6aW5nOiAnYm9yZGVyLWJveCcsXG4gICAgICAgIG1hcmdpbjogJzJweCAwJ1xuICAgICAgfSxcbiAgICAgICcuYXAtZmllbGQtc2V0Jzoge1xuICAgICAgICBib3JkZXJTdHlsZTogJ3NvbGlkJyxcbiAgICAgICAgYm9yZGVyUmFkaXVzOiAnMnB4J1xuICAgICAgfSxcbiAgICAgICcuYXAtZmllbGQtc2V0LXBsYWluJzoge1xuICAgICAgICBib3JkZXI6ICdub25lJyxcbiAgICAgICAgcGFkZGluZzogMCxcbiAgICAgICAgbWFyZ2luOiAwXG4gICAgICB9LFxuICAgICAgJy5hcC1maWVsZC1sZWdlbmQnOiB7XG4gICAgICAgIHBhZGRpbmc6ICcwIDRweCdcbiAgICAgIH0sXG4gICAgICAnLmFwLWZpZWxkLWFsaWduLWNlbnRlciAuYXAtZmllbGQtaW5uZXInOiB7XG4gICAgICAgIHRleHRBbGlnbjogJ2NlbnRlcicsXG4gICAgICAgIGRpc3BsYXk6ICdibG9jaydcbiAgICAgIH1cbiAgICB9XG4gICAgbGV0IHNtYWxsTWVkaWFEYXRhID0ge1xuICAgICAgJy5hcC1maWVsZC1pbm5lcic6IHtcbiAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJ1xuICAgICAgfSxcbiAgICAgICcuYXAtZmllbGQtbGFiZWwnOiB7XG4gICAgICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICAgICAgICBwYWRkaW5nOiAwLFxuICAgICAgICBtYXJnaW46IDBcbiAgICAgIH0sXG4gICAgICAnLmFwLWZpZWxkLWxhYmVsLWlubmVyJzoge1xuICAgICAgICBkaXNwbGF5OiAnaW5saW5lLWJsb2NrJyxcbiAgICAgICAgbWluV2lkdGg6ICc0OHB4JyxcbiAgICAgICAgZm9udFNpemU6ICdpbmhlcml0JyxcbiAgICAgICAgcGFkZGluZzogYDhweCAke2hQYWRkaW5nfXB4YFxuICAgICAgfSxcbiAgICAgICcuYXAtZmllbGQtdmFsdWUnOiB7XG4gICAgICAgIHZlcnRpY2FsQWxpZ246ICdtaWRkbGUnLFxuICAgICAgICBwYWRkaW5nOiAnNHB4IDAnXG4gICAgICB9XG4gICAgfVxuICAgIGxldCBtZWRpdW1NZWRpYURhdGEgPSB7fVxuICAgIGxldCBsYXJnZU1lZGlhRGF0YSA9IHt9XG4gICAgcmV0dXJuIChcbiAgICAgIDxBcFN0eWxlXG4gICAgICAgIGRhdGE9eyBPYmplY3QuYXNzaWduKGRhdGEsIHByb3BzLnN0eWxlKSB9XG4gICAgICAgIHNtYWxsTWVkaWFEYXRhPXsgc21hbGxNZWRpYURhdGEgfVxuICAgICAgICBtZWRpdW1NZWRpYURhdGE9eyBtZWRpdW1NZWRpYURhdGEgfVxuICAgICAgICBsYXJnZU1lZGlhRGF0YT17IGxhcmdlTWVkaWFEYXRhIH1cbiAgICAgID57IHByb3BzLmNoaWxkcmVuIH08L0FwU3R5bGU+XG4gICAgKVxuICB9XG59KVxuXG5leHBvcnQgZGVmYXVsdCBBcEZpZWxkU3R5bGVcbiJdfQ==