@futpib/react-tunnels/lib/createTunnel.js

A easy way to communicate rendering logic and data to ancestor components in React.

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _Tunnel = require('./Tunnel');

var _Tunnel2 = _interopRequireDefault(_Tunnel);

var _TunnelPlaceholder = require('./TunnelPlaceholder');

var _TunnelPlaceholder2 = _interopRequireDefault(_TunnelPlaceholder);

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

var i = 0;
var uniqueId = function uniqueId(prefix) {
  return prefix + '-' + i++;
};

var withProps = function withProps(fixedProps) {
  return function (Component) {
    var WrappedComponent = function WrappedComponent(props) {
      return _react2.default.createElement(Component, _extends({}, props, fixedProps));
    };

    return WrappedComponent;
  };
};

var createTunnel = function createTunnel() {
  var id = uniqueId('createTunnel');
  var withId = withProps({ id: id });

  var Tunnel = withId(_Tunnel2.default);
  var TunnelPlaceholder = withId(_TunnelPlaceholder2.default);

  return {
    Tunnel: Tunnel,
    TunnelPlaceholder: TunnelPlaceholder
  };
};

exports.default = createTunnel;