@6thquake/react-material/DragBase/DragSource.js

React components that implement Google's Material Design.

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));

var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));

var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));

var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));

var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));

var _react = _interopRequireWildcard(require("react"));

var _withStyles = _interopRequireDefault(require("../styles/withStyles"));

var _reactDnd = require("react-dnd");

var _propTypes = _interopRequireDefault(require("prop-types"));

var _reactDom = _interopRequireDefault(require("react-dom"));

/**
 * @ignore - do not document.
 */
var styles = {
  inner: {
    display: 'inline-block',
    position: 'static'
  }
};
var _source = {
  beginDrag: function beginDrag(props, monitor, component) {
    var item = component.state.comp.beginDrag(props, monitor, component);
    return item;
  },
  endDrag: function endDrag(props, monitor, component) {
    component.state.comp.endDrag(props, monitor, component);
  }
};

function collect(connect, monitor) {
  return {
    connect: connect,
    monitor: monitor
  };
}

var _DragSource =
/*#__PURE__*/
function (_PureComponent) {
  (0, _inherits2.default)(_DragSource, _PureComponent);

  function _DragSource(props) {
    var _this;

    (0, _classCallCheck2.default)(this, _DragSource);
    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(_DragSource).call(this, props));

    _this.register = function (comp) {
      _this.state.comp = comp;
    };

    _this.state = {
      getSource: '',
      comp: ''
    };
    return _this;
  }

  (0, _createClass2.default)(_DragSource, [{
    key: "render",
    value: function render() {
      var _this2 = this;

      var _this$props = this.props,
          connect = _this$props.connect,
          monitor = _this$props.monitor,
          children = _this$props.children,
          classes = _this$props.classes;

      var childrenWithProps = _react.default.Children.map(children, function (child) {
        return _react.default.cloneElement(child, {
          register: _this2.register.bind(_this2),
          connect: connect,
          monitor: monitor
        });
      });

      return connect.dragSource()(_react.default.createElement("div", {
        className: classes.inner
      }, childrenWithProps));
    }
  }]);
  return _DragSource;
}(_react.PureComponent);

var DragSource = (0, _reactDnd.DragSource)('*', _source, collect)(_DragSource);

var _default = (0, _withStyles.default)(styles)(DragSource);

exports.default = _default;