Cancable Touchstone Link

CancableLink.js

/** @jsx React.DOM */
var React = require('react');
var Tappable = require('react-tappable');
var Navigation = require('touchstonejs').Navigation;

module.exports = React.createClass({
    displayName: 'Cancable_Link',

    mixins: [Navigation],

    contextTypes: {
        isSwiping: React.PropTypes.func
    },

    propTypes: {
        to: React.PropTypes.string.isRequired,
        params: React.PropTypes.object,
        viewTransition: React.PropTypes.string,
        component: React.PropTypes.any,
        className: React.PropTypes.string,
        check: React.PropTypes.func
    },

    getDefaultProps: function () {
        return {
            viewTransition: 'none',
            component: 'span'
        };
    },

    action: function () {
        var checkFunc = (this.props.check) ? this.props.check : this.context.isSwiping;
        if (checkFunc && checkFunc()) {
            return;
        }
        var params = this.props.params;

        if ('function' === typeof params) {
            params = params.call(this);
        }

        this.showView(this.props.to, this.props.viewTransition, params);
    },

    render: function () {
        return (
            <Tappable onTap={this.action} className={this.props.className} component={this.props.component}>
				{this.props.children}
            </Tappable>
        );
    }
});