@kiwicom/relay/src/LocalQueryRenderer.js

"use strict";

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

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

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

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

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

var _reactRelay = require("react-relay");

var _js = require("@kiwicom/js");

var _createLocalEnvironment = _interopRequireDefault(require("./createLocalEnvironment"));

// Please note: we are currently only wrapping this component to add it correct Flow types.
// Eventually, it can be extended with other functions like original QueryRenderer.
function LocalQueryRenderer(props) {
  var _ref2, _props$environment;

  function renderQueryRendererResponse(_ref) {
    var rendererProps = _ref.props;

    if (!rendererProps) {
      return props.onLoading ? props.onLoading() : _react.default.createElement("div", {
        "data-testid": "loading"
      }, "Loading local...");
    }

    !(props.onResponse !== undefined) ? process.env.NODE_ENV !== "production" ? (0, _js.invariant)(false, 'LocalQueryRenderer used default render function but "onResponse" property has not been provided.') : (0, _js.invariant)(false) : void 0;
    return props.onResponse(rendererProps);
  } // 1) <LQR environment={Env} /> always win
  // 2) <LQR /> checks whether we provide Environment via `RelayEnvironmentProvider`
  // 3) <LQR /> defaults to the default local environment


  var context = (0, _react.useContext)(_reactRelay.ReactRelayContext); // TODO: does it make sense to add support for separate local env context?

  var environment = (_ref2 = (_props$environment = props.environment) !== null && _props$environment !== void 0 ? _props$environment : context === null || context === void 0 ? void 0 : context.environment) !== null && _ref2 !== void 0 ? _ref2 : (0, _createLocalEnvironment.default)();
  return _react.default.createElement(_reactRelay.LocalQueryRenderer, (0, _extends2.default)({
    environment: environment,
    render: renderQueryRendererResponse
  }, props));
}