@matspa/react-tunnels/lib/Tunnel.js

A fork of original react-tunnels updated to new context API

'use strict';

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

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

var _propTypes2 = _interopRequireDefault(_propTypes);

var _uniqueId = require('./uniqueId');

var _uniqueId2 = _interopRequireDefault(_uniqueId);

var _TunnelProvider = require('./TunnelProvider');

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

function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }

Tunnel.propTypes = {
  id: _propTypes2.default.string
};

function Tunnel(_ref) {
  var id = _ref.id,
      props = _objectWithoutProperties(_ref, ['id']);

  var _React$useContext = _react2.default.useContext(_TunnelProvider.TunnelContext),
      tunnelState = _React$useContext.tunnelState;

  var itemId = _react2.default.useMemo(function () {
    return (0, _uniqueId2.default)();
  }, []);

  _react2.default.useEffect(function () {
    tunnelState.setTunnelProps(id, itemId, props);

    return function () {
      tunnelState.setTunnelProps(id, itemId, null);
    };
  }, [id, itemId, props, tunnelState]);

  return null;
}