@rnga/orders/lib/components/orders/View/Import/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 _class, _temp2;

var _templateObject = _taggedTemplateLiteralLoose(['\n  mutation($file: Upload!) {\n    importOrders(file: $file)\n  }\n'], ['\n  mutation($file: Upload!) {\n    importOrders(file: $file)\n  }\n']);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

var _propTypes2 = _interopRequireDefault(_propTypes);

var _CloudDownload = require('material-ui-icons/CloudDownload');

var _CloudDownload2 = _interopRequireDefault(_CloudDownload);

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

var _SingleUploader = require('FileUploader/SingleUploader');

var _SingleUploader2 = _interopRequireDefault(_SingleUploader);

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

var _graphqlTag = require('graphql-tag');

var _graphqlTag2 = _interopRequireDefault(_graphqlTag);

var _context = require('@prisma-cms/context');

var _context2 = _interopRequireDefault(_context);

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

function _taggedTemplateLiteralLoose(strings, raw) { strings.raw = raw; return strings; }

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

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

    _classCallCheck(this, ImportOrders);

    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 = {
      opened: false
    }, _temp), _possibleConstructorReturn(_this, _ret);
  }

  ImportOrders.prototype.import = function _import(event) {
    var _event$target = event.target,
        name = _event$target.name,
        value = _event$target.value;
  };

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

    var _state = this.state,
        opened = _state.opened,
        uploading = _state.uploading;
    var mutate = this.props.mutate;


    var content = void 0;

    if (opened) {

      content = _react2.default.createElement(_SingleUploader2.default
      // type="file"
      // name="file"
      // onChange={event => {
      //   event.preventDefault();
      //   this.import(event);
      // }}
      , { mutate: mutate,
        label: uploading ? "Выполняется импорт..." : "Загрузите excel-файл"
        // mutate={func => {

        // }}
        , onStartUpload: function onStartUpload(func) {

          _this2.setState({
            uploading: true
          });
        },
        onUpload: function onUpload(result) {
          var client = _this2.context.client;


          _this2.setState({
            opened: false,
            uploading: false
          });

          return client.reFetchObservableQueries();
        }
      });
    } else {

      content = _react2.default.createElement(
        _materialUi.IconButton,
        {
          onClick: function onClick(event) {
            _this2.setState({
              opened: true
            });
          }
        },
        _react2.default.createElement(_CloudDownload2.default, null)
      );
    }

    return content;
  };

  return ImportOrders;
}(_react.Component), _class.contextType = _context2.default, _temp2);
ImportOrders.propTypes = process.env.NODE_ENV !== "production" ? {} : {};
exports.default = (0, _reactApollo.graphql)((0, _graphqlTag2.default)(_templateObject))(ImportOrders);
module.exports = exports['default'];