instantjob-recruiter-client/dist/components/field.es6.js

a set of tools for creating an instantjob recruiter react client

'use strict';

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

var _taggedTemplateLiteral2 = require('babel-runtime/helpers/taggedTemplateLiteral');

var _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2);

var _templateObject = (0, _taggedTemplateLiteral3.default)(['\n  display: flex;\n  align-items: center;\n\n  & > * {\n    margin-right: 10px;\n  }\n'], ['\n  display: flex;\n  align-items: center;\n\n  & > * {\n    margin-right: 10px;\n  }\n']);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _styledComponents = require('styled-components');

var _styledComponents2 = _interopRequireDefault(_styledComponents);

var _more_button = require('components/more_button');

var _more_button2 = _interopRequireDefault(_more_button);

var _bind = require('classnames/bind');

var _bind2 = _interopRequireDefault(_bind);

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

var cx = _bind2.default.bind(require('../styles/field.scss'));

exports.default = function (_ref) {
  var category = _ref.category,
      edit_mode = _ref.edit_mode,
      editable = _ref.editable,
      empty = _ref.empty,
      className = _ref.className,
      show_label = _ref.show_label,
      show_options = _ref.show_options,
      options = _ref.options,
      name = _ref.name,
      children = _ref.children;
  return _react2.default.createElement(
    'div',
    { className: cx('field', 'field_category_' + category, 'field_edit-mode_' + edit_mode, { 'field_editable': editable }, className) },
    show_label ? _react2.default.createElement(
      Header,
      null,
      _react2.default.createElement(
        'div',
        { className: cx('field__title', { 'field__title_empty': !name }) },
        name || "Champ sans nom"
      ),
      show_options ? _react2.default.createElement(_more_button2.default, options) : null
    ) : null,
    children
  );
};

var Header = _styledComponents2.default.div(_templateObject);