typescript-react-draggable/lib/SVGDraggable.js

A draggable component written in TypeScript for both HTML and SVG applications. The component is also compiled and minified to be used with JSPM.

"use strict";
var __extends = (this && this.__extends) || function (d, b) {
    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
    function __() { this.constructor = d; }
    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
var React = require('react');
var ReactDOM = require('react-dom');
var SVGDraggable = (function (_super) {
    __extends(SVGDraggable, _super);
    function SVGDraggable(props) {
        _super.call(this, props);
        this.state = {};
        this._onDrag = this._onDrag.bind(this);
        this.drag = null;
    }
    SVGDraggable.prototype._onDrag = function () {
        var e = d3.event, t = e.translate, z = e.scale, el = ReactDOM.findDOMNode(this.props.children);
        d3.select(el)
            .attr('transform', 'translate(' + t + ')');
    };
    SVGDraggable.prototype.componentDidMount = function () {
        this.drag = d3.behavior.drag()
            .on('drag', this._onDrag);
        d3.select(this.props.children)
            .call(this.drag);
    };
    SVGDraggable.prototype.render = function () {
        var props = this.props;
        return props.children;
    };
    return SVGDraggable;
}(React.Component));
exports.SVGDraggable = SVGDraggable;