@rnga/orders/lib/node_modules/ui/View/OrderItem/Object/Expertises/index.js

## Get schema from @prisma-cms 1. yarn get-api-schema -e http://localhost:4000 2. yarn build-api-fragments

'use strict';

exports.__esModule = true;

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

var _Button = require('material-ui/Button');

var _Button2 = _interopRequireDefault(_Button);

var _Expertise = require('./Expertise');

var _Expertise2 = _interopRequireDefault(_Expertise);

var _query = require('query');

var _reactApollo = require('react-apollo');

var _materialUi = require('material-ui');

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

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 OrderItemExpertises = function (_Component) {
  _inherits(OrderItemExpertises, _Component);

  function OrderItemExpertises() {
    var _temp, _this, _ret;

    _classCallCheck(this, OrderItemExpertises);

    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
      args[_key] = arguments[_key];
    }

    return _ret = (_temp = (_this = _possibleConstructorReturn(this, _Component.call.apply(_Component, [this].concat(args))), _this), _this.state = {
      addItemOpened: false
    }, _temp), _possibleConstructorReturn(_this, _ret);
  }

  OrderItemExpertises.prototype.render = function render() {
    var _this2 = this;

    var _props = this.props,
        _props$item = _props.item,
        orderItemId = _props$item.id,
        Expertises = _props$item.Expertises,
        inEditMode = _props.inEditMode,
        createExpertise = _props.createExpertise;
    var addItemOpened = this.state.addItemOpened;


    if (!Expertises.length && !inEditMode) {
      return null;
    }

    var addItem = void 0;

    if (orderItemId && inEditMode) {

      if (addItemOpened) {

        addItem = _react2.default.createElement(_Expertise2.default, {
          mutate: createExpertise,
          _dirty: {
            // name: "",
            // shortname: "",
            Expertiser: {},
            Exemplar: {
              connect: {
                id: orderItemId
              }
            }
          },
          data: {
            object: {}
          },
          onSave: function onSave() {

            _this2.setState({
              addItemOpened: false
            });
          },
          onCancel: function onCancel() {
            _this2.setState({
              addItemOpened: false
            });
          }
        });
      } else {
        addItem = _react2.default.createElement(
          _Button2.default,
          {
            variant: 'raised',
            onClick: function onClick(event) {
              return _this2.setState({
                addItemOpened: true
              });
            }
          },
          '\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u044D\u043A\u0441\u043F\u0435\u0440\u0442\u0438\u0437\u0443'
        );
      }
    }

    return _react2.default.createElement(
      'div',
      null,
      _react2.default.createElement(
        _materialUi.Typography,
        {
          variant: 'subheading'
        },
        '\u042D\u043A\u0441\u043F\u0435\u0440\u0442\u0438\u0437\u044B'
      ),
      addItem,
      _react2.default.createElement(
        _materialUi.Grid,
        {
          container: true,
          spacing: 8
        },
        Expertises.map(function (n) {
          var id = n.id;


          return _react2.default.createElement(
            _materialUi.Grid,
            {
              key: id,
              item: true
            },
            _react2.default.createElement(_Expertise2.default, {
              data: {
                object: n
              }
            })
          );
        })
      )
    );
  };

  return OrderItemExpertises;
}(_react.Component);

OrderItemExpertises.propTypes = process.env.NODE_ENV !== "production" ? {
  item: _propTypes2.default.object.isRequired,
  inEditMode: _propTypes2.default.bool.isRequired,
  createExpertise: _propTypes2.default.func.isRequired
} : {};
exports.default = (0, _reactApollo.compose)((0, _reactApollo.graphql)(_query.createExpertiseProcessor, {
  name: "createExpertise"
}))(OrderItemExpertises);
module.exports = exports['default'];