react-relay 2.0.0-rc.2 → 5.0.0

package/lib/RelayContainer.js

@@ -1,889 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * 
- * @format
- */
-'use strict';
-
-var _extends2 = require("@babel/runtime/helpers/interopRequireDefault")(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutPropertiesLoose2 = require("@babel/runtime/helpers/interopRequireDefault")(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
-var _objectSpread2 = require("@babel/runtime/helpers/interopRequireDefault")(require("@babel/runtime/helpers/objectSpread"));
-
-var _inheritsLoose2 = require("@babel/runtime/helpers/interopRequireDefault")(require("@babel/runtime/helpers/inheritsLoose"));
-
-var _assertThisInitialized2 = require("@babel/runtime/helpers/interopRequireDefault")(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _defineProperty2 = require("@babel/runtime/helpers/interopRequireDefault")(require("@babel/runtime/helpers/defineProperty"));
-
-/**
- * @public
- *
- * RelayContainer is a higher order component that provides the ability to:
- *
- *  - Encode data dependencies using query fragments that are parameterized by
- *    routes and variables.
- *  - Manipulate variables via methods on `this.props.relay`.
- *  - Automatically subscribe to data changes.
- *  - Avoid unnecessary updates if data is unchanged.
- *  - Propagate the `route` via context (available on `this.props.relay`).
- *
- */
-function createContainerComponent(Component, spec) {
-  var ComponentClass = require("./RelayClassicContainerUtils").getReactComponent(Component);
-
-  var componentName = require("./ReactRelayContainerUtils").getComponentName(Component);
-
-  var containerName = getContainerName(Component);
-  var fragments = spec.fragments;
-  var fragmentNames = Object.keys(fragments);
-  var initialVariables = spec.initialVariables || {};
-  var prepareVariables = spec.prepareVariables;
-  var specShouldComponentUpdate = spec.shouldComponentUpdate;
-
-  var RelayContainer =
-  /*#__PURE__*/
-  function (_React$Component) {
-    (0, _inheritsLoose2["default"])(RelayContainer, _React$Component);
-
-    function RelayContainer(props) {
-      var _this;
-
-      _this = _React$Component.call(this, props) || this;
-      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])((0, _assertThisInitialized2["default"])(_this)), "_legacyStringishRef", require("./makeLegacyStringishComponentRef")((0, _assertThisInitialized2["default"])((0, _assertThisInitialized2["default"])(_this)), componentName));
-      var route = props.__relayContext.route;
-      !require("./isClassicRelayContext")({
-        variables: props.__relayContext.variables,
-        environment: props.__relayContext.environment
-      }) ? process.env.NODE_ENV !== "production" ? require("fbjs/lib/invariant")(false, 'RelayContainer: `%s` was rendered with invalid Relay context `%s`. ' + 'Make sure the `relay` property on the React context conforms to the ' + '`RelayEnvironment` interface.', containerName, props.__relayContext) : require("fbjs/lib/invariant")(false) : void 0;
-      !(route && typeof route.name === 'string') ? process.env.NODE_ENV !== "production" ? require("fbjs/lib/invariant")(false, 'RelayContainer: `%s` was rendered without a valid route. Make sure ' + 'the route is valid, and make sure that it is correctly set on the ' + "parent component's context (e.g. using <RelayRootContainer>).", containerName) : require("fbjs/lib/invariant")(false) : void 0;
-      _this._didShowFakeDataWarning = false;
-      _this._fragmentPointers = {};
-      _this._hasStaleQueryData = false;
-      _this._fragmentResolvers = {};
-      _this.mounted = true;
-      _this.pending = null;
-      _this.state = {
-        queryData: {},
-        rawVariables: {},
-        relayProp: {
-          applyUpdate: _this.props.__relayContext.environment.applyUpdate,
-          commitUpdate: _this.props.__relayContext.environment.commitUpdate,
-          environment: _this.props.__relayContext.environment,
-          forceFetch: _this.forceFetch.bind((0, _assertThisInitialized2["default"])((0, _assertThisInitialized2["default"])(_this))),
-          getPendingTransactions: _this.getPendingTransactions.bind((0, _assertThisInitialized2["default"])((0, _assertThisInitialized2["default"])(_this))),
-          hasFragmentData: _this.hasFragmentData.bind((0, _assertThisInitialized2["default"])((0, _assertThisInitialized2["default"])(_this))),
-          hasOptimisticUpdate: _this.hasOptimisticUpdate.bind((0, _assertThisInitialized2["default"])((0, _assertThisInitialized2["default"])(_this))),
-          hasPartialData: _this.hasPartialData.bind((0, _assertThisInitialized2["default"])((0, _assertThisInitialized2["default"])(_this))),
-          pendingVariables: null,
-          route: route,
-          setVariables: _this.setVariables.bind((0, _assertThisInitialized2["default"])((0, _assertThisInitialized2["default"])(_this))),
-          variables: {}
-        }
-      };
-      return _this;
-    }
-    /**
-     * Requests an update to variables. This primes the cache for the new
-     * variables and notifies the caller of changes via the callback. As data
-     * becomes ready, the component will be updated.
-     */
-
-
-    var _proto = RelayContainer.prototype;
-
-    _proto.setVariables = function setVariables(partialVariables, callback) {
-      this._runVariables(partialVariables, callback, false);
-    };
-    /**
-     * Requests an update to variables. Unlike `setVariables`, this forces data
-     * to be fetched and written for the supplied variables. Any data that
-     * previously satisfied the queries will be overwritten.
-     */
-
-
-    _proto.forceFetch = function forceFetch(partialVariables, callback) {
-      this._runVariables(partialVariables, callback, true);
-    };
-    /**
-     * Creates a query for each of the component's fragments using the given
-     * variables, and fragment pointers that can be used to resolve the results
-     * of those queries. The fragment pointers are of the same shape as the
-     * `_fragmentPointers` property.
-     */
-
-
-    _proto._createQuerySetAndFragmentPointers = function _createQuerySetAndFragmentPointers(variables) {
-      var _this2 = this;
-
-      var fragmentPointers = {};
-      var querySet = {};
-
-      var storeData = this.props.__relayContext.environment.getStoreData();
-
-      fragmentNames.forEach(function (fragmentName) {
-        var fragment = getFragment(fragmentName, _this2.props.__relayContext.route, variables);
-        var queryData = _this2.state.queryData[fragmentName];
-
-        if (!fragment || queryData == null) {
-          return;
-        }
-
-        var fragmentPointer;
-
-        if (fragment.isPlural()) {
-          !Array.isArray(queryData) ? process.env.NODE_ENV !== "production" ? require("fbjs/lib/invariant")(false, 'RelayContainer: Invalid queryData for `%s`, expected an array ' + 'of records because the corresponding fragment is plural.', fragmentName) : require("fbjs/lib/invariant")(false) : void 0;
-          var dataIDs = [];
-          queryData.forEach(function (data, ii) {
-            var dataID = require("./RelayRecord").getDataIDForObject(data);
-
-            if (dataID) {
-              querySet[fragmentName + ii] = storeData.buildFragmentQueryForDataID(fragment, dataID);
-              dataIDs.push(dataID);
-            }
-          });
-
-          if (dataIDs.length) {
-            fragmentPointer = {
-              fragment: fragment,
-              dataIDs: dataIDs
-            };
-          }
-        } else {
-          var dataID = require("./RelayRecord").getDataIDForObject(queryData);
-
-          if (dataID) {
-            fragmentPointer = {
-              fragment: fragment,
-              dataIDs: dataID
-            };
-            querySet[fragmentName] = storeData.buildFragmentQueryForDataID(fragment, dataID);
-          }
-        }
-
-        fragmentPointers[fragmentName] = fragmentPointer;
-      });
-      return {
-        fragmentPointers: fragmentPointers,
-        querySet: querySet
-      };
-    };
-
-    _proto._runVariables = function _runVariables(partialVariables, callback, forceFetch) {
-      var _this3 = this;
-
-      validateVariables(initialVariables, partialVariables);
-      var lastVariables = this.state.rawVariables;
-      var prevVariables = this.pending ? this.pending.rawVariables : lastVariables;
-      var rawVariables = mergeVariables(prevVariables, partialVariables);
-      var nextVariables = rawVariables;
-
-      if (prepareVariables) {
-        var metaRoute = require("./RelayMetaRoute").get(this.props.__relayContext.route.name);
-
-        nextVariables = prepareVariables(rawVariables, metaRoute);
-        validateVariables(initialVariables, nextVariables);
-      }
-
-      this.pending && this.pending.request.abort();
-
-      var completeProfiler = require("relay-runtime").RelayProfiler.profile('RelayContainer.setVariables', {
-        containerName: containerName,
-        nextVariables: nextVariables
-      }); // Because the pending fetch is always canceled, we need to build a new
-      // set of queries that includes the updated variables and initiate a new
-      // fetch.
-
-
-      var _this$_createQuerySet = this._createQuerySetAndFragmentPointers(nextVariables),
-          querySet = _this$_createQuerySet.querySet,
-          fragmentPointers = _this$_createQuerySet.fragmentPointers;
-
-      var onReadyStateChange = require("fbjs/lib/ErrorUtils").guard(function (readyState) {
-        var aborted = readyState.aborted,
-            done = readyState.done,
-            error = readyState.error,
-            ready = readyState.ready;
-        var isComplete = aborted || done || error;
-
-        if (isComplete && _this3.pending === current) {
-          _this3.pending = null;
-        }
-
-        var partialState;
-
-        if (ready) {
-          // Only update query data if variables changed. Otherwise, `querySet`
-          // and `fragmentPointers` will be empty, and `nextVariables` will be
-          // equal to `lastVariables`.
-          _this3._fragmentPointers = fragmentPointers;
-
-          _this3._updateFragmentResolvers(_this3.props.__relayContext.environment);
-
-          var queryData = _this3._getQueryData(_this3.props);
-
-          partialState = {
-            queryData: queryData,
-            rawVariables: rawVariables,
-            relayProp: (0, _objectSpread2["default"])({}, _this3.state.relayProp, {
-              pendingVariables: null,
-              variables: nextVariables
-            })
-          };
-        } else {
-          partialState = {
-            relayProp: (0, _objectSpread2["default"])({}, _this3.state.relayProp, {
-              pendingVariables: isComplete ? null : nextVariables
-            })
-          };
-        }
-
-        var mounted = _this3.mounted;
-
-        if (mounted) {
-          var updateProfiler = require("relay-runtime").RelayProfiler.profile('RelayContainer.update');
-
-          require("./relayUnstableBatchedUpdates")(function () {
-            _this3.setState(partialState, function () {
-              updateProfiler.stop();
-
-              if (isComplete) {
-                completeProfiler.stop();
-              }
-            });
-
-            if (callback) {
-              callback.call( // eslint-disable-next-line react/no-string-refs
-              _this3.refs.component || null, (0, _objectSpread2["default"])({}, readyState, {
-                mounted: mounted
-              }));
-            }
-          });
-        } else {
-          if (callback) {
-            callback((0, _objectSpread2["default"])({}, readyState, {
-              mounted: mounted
-            }));
-          }
-
-          if (isComplete) {
-            completeProfiler.stop();
-          }
-        }
-      }, 'RelayContainer.onReadyStateChange');
-
-      var current = {
-        rawVariables: rawVariables,
-        request: forceFetch ? this.props.__relayContext.environment.forceFetch(querySet, onReadyStateChange) : this.props.__relayContext.environment.primeCache(querySet, onReadyStateChange)
-      };
-      this.pending = current;
-    };
-    /**
-     * Determine if the supplied record reflects an optimistic update.
-     */
-
-
-    _proto.hasOptimisticUpdate = function hasOptimisticUpdate(record) {
-      var dataID = require("./RelayRecord").getDataIDForObject(record);
-
-      !(dataID != null) ? process.env.NODE_ENV !== "production" ? require("fbjs/lib/invariant")(false, 'RelayContainer.hasOptimisticUpdate(): Expected a record in `%s`.', componentName) : require("fbjs/lib/invariant")(false) : void 0;
-      return this.props.__relayContext.environment.getStoreData().hasOptimisticUpdate(dataID);
-    };
-    /**
-     * Returns the pending mutation transactions affecting the given record.
-     */
-
-
-    _proto.getPendingTransactions = function getPendingTransactions(record) {
-      var dataID = require("./RelayRecord").getDataIDForObject(record);
-
-      !(dataID != null) ? process.env.NODE_ENV !== "production" ? require("fbjs/lib/invariant")(false, 'RelayContainer.getPendingTransactions(): Expected a record in `%s`.', componentName) : require("fbjs/lib/invariant")(false) : void 0;
-
-      var storeData = this.props.__relayContext.environment.getStoreData();
-
-      var mutationIDs = storeData.getClientMutationIDs(dataID);
-
-      if (!mutationIDs) {
-        return null;
-      }
-
-      var mutationQueue = storeData.getMutationQueue();
-      return mutationIDs.map(function (id) {
-        return mutationQueue.getTransaction(id);
-      });
-    };
-    /**
-     * Checks if data for a deferred fragment is ready. This method should
-     * *always* be called before rendering a child component whose fragment was
-     * deferred (unless that child can handle null or missing data).
-     */
-
-
-    _proto.hasFragmentData = function hasFragmentData(fragmentReference, record) {
-      // convert builder -> fragment in order to get the fragment's name
-      var dataID = require("./RelayRecord").getDataIDForObject(record);
-
-      !(dataID != null) ? process.env.NODE_ENV !== "production" ? require("fbjs/lib/invariant")(false, 'RelayContainer.hasFragmentData(): Second argument is not a valid ' + 'record. For `<%s X={this.props.X} />`, use ' + "`this.props.hasFragmentData(%s.getFragment('X'), this.props.X)`.", componentName, componentName) : require("fbjs/lib/invariant")(false) : void 0;
-      var fragment = getDeferredFragment(fragmentReference, this.props.__relayContext, this.state.relayProp.variables);
-      !(fragment instanceof require("./RelayQuery").Fragment) ? process.env.NODE_ENV !== "production" ? require("fbjs/lib/invariant")(false, 'RelayContainer.hasFragmentData(): First argument is not a valid ' + 'fragment. Ensure that there are no failing `if` or `unless` ' + 'conditions.') : require("fbjs/lib/invariant")(false) : void 0;
-
-      var storeData = this.props.__relayContext.environment.getStoreData();
-
-      return storeData.getCachedStore().hasFragmentData(dataID, fragment.getCompositeHash());
-    };
-    /**
-     * Determine if the supplied record might be missing data.
-     */
-
-
-    _proto.hasPartialData = function hasPartialData(record) {
-      return require("./RelayRecordStatusMap").isPartialStatus(record[require("./RelayRecord").MetadataKey.STATUS]);
-    };
-
-    _proto.UNSAFE_componentWillMount = function UNSAFE_componentWillMount() {
-      if (this.props.__relayContext.route.useMockData) {
-        return;
-      }
-
-      this.setState(this._initialize(this.props, this.props.__relayContext, initialVariables, null));
-    };
-
-    _proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {
-      var _this4 = this;
-
-      !nextProps.__relayContext ? process.env.NODE_ENV !== "production" ? require("fbjs/lib/invariant")(false, 'RelayContainer: Expected a context to be set.') : require("fbjs/lib/invariant")(false) : void 0;
-
-      if (nextProps.__relayContext.route.useMockData) {
-        return;
-      }
-
-      this.setState(function (state) {
-        if (_this4.props.__relayContext.environment !== nextProps.__relayContext.environment || _this4.props.__relayContext.variables !== nextProps.__relayContext.variables) {
-          _this4._cleanup();
-        }
-
-        return _this4._initialize(nextProps, nextProps.__relayContext, resetPropOverridesForVariables(spec, nextProps, state.rawVariables), state.rawVariables);
-      });
-    };
-
-    _proto.componentWillUnmount = function componentWillUnmount() {
-      this._cleanup();
-
-      this.mounted = false;
-    };
-
-    _proto._initialize = function _initialize(props, context, propVariables, prevVariables) {
-      var rawVariables = getVariablesWithPropOverrides(spec, props, propVariables);
-      var nextVariables = rawVariables;
-
-      if (prepareVariables) {
-        // TODO: Allow routes without names, #7856965.
-        var metaRoute = require("./RelayMetaRoute").get(context.route.name);
-
-        nextVariables = prepareVariables(rawVariables, metaRoute);
-        validateVariables(initialVariables, nextVariables);
-      }
-
-      this._updateFragmentPointers(props, context, nextVariables, prevVariables);
-
-      this._updateFragmentResolvers(context.environment);
-
-      return {
-        queryData: this._getQueryData(props),
-        rawVariables: rawVariables,
-        relayProp: this.state.relayProp.route === context.route && require("fbjs/lib/shallowEqual")(this.state.relayProp.variables, nextVariables) ? this.state.relayProp : (0, _objectSpread2["default"])({}, this.state.relayProp, {
-          route: context.route,
-          variables: nextVariables
-        })
-      };
-    };
-
-    _proto._cleanup = function _cleanup() {
-      // A guarded error in mounting might prevent initialization of resolvers.
-      if (this._fragmentResolvers) {
-        require("fbjs/lib/forEachObject")(this._fragmentResolvers, function (fragmentResolver) {
-          fragmentResolver && fragmentResolver.dispose();
-        });
-      }
-
-      this._fragmentPointers = {};
-      this._fragmentResolvers = {};
-      var pending = this.pending;
-
-      if (pending) {
-        pending.request.abort();
-        this.pending = null;
-      }
-    };
-
-    _proto._updateFragmentResolvers = function _updateFragmentResolvers(environment) {
-      var _this5 = this;
-
-      var fragmentPointers = this._fragmentPointers;
-      var fragmentResolvers = this._fragmentResolvers;
-      fragmentNames.forEach(function (fragmentName) {
-        var fragmentPointer = fragmentPointers[fragmentName];
-        var fragmentResolver = fragmentResolvers[fragmentName];
-
-        if (!fragmentPointer) {
-          if (fragmentResolver) {
-            fragmentResolver.dispose();
-            fragmentResolvers[fragmentName] = null;
-          }
-        } else if (!fragmentResolver) {
-          fragmentResolver = environment.getFragmentResolver(fragmentPointer.fragment, _this5._handleFragmentDataUpdate.bind(_this5));
-          fragmentResolvers[fragmentName] = fragmentResolver;
-        }
-      });
-    };
-
-    _proto._handleFragmentDataUpdate = function _handleFragmentDataUpdate() {
-      if (!this.mounted) {
-        return;
-      }
-
-      var queryData = this._getQueryData(this.props);
-
-      var updateProfiler = require("relay-runtime").RelayProfiler.profile('RelayContainer.handleFragmentDataUpdate');
-
-      this.setState({
-        queryData: queryData
-      }, updateProfiler.stop);
-    };
-
-    _proto._updateFragmentPointers = function _updateFragmentPointers(props, context, variables, prevVariables) {
-      var _this6 = this;
-
-      var fragmentPointers = this._fragmentPointers;
-      fragmentNames.forEach(function (fragmentName) {
-        var propValue = props[fragmentName];
-        process.env.NODE_ENV !== "production" ? require("fbjs/lib/warning")(propValue !== undefined, 'RelayContainer: Expected prop `%s` to be supplied to `%s`, but ' + 'got `undefined`. Pass an explicit `null` if this is intentional.', fragmentName, componentName) : void 0;
-
-        if (propValue == null) {
-          fragmentPointers[fragmentName] = null;
-          return;
-        } // handle invalid prop values using a warning at first.
-
-
-        if (typeof propValue !== 'object') {
-          process.env.NODE_ENV !== "production" ? require("fbjs/lib/warning")(false, 'RelayContainer: Expected prop `%s` supplied to `%s` to be an ' + 'object, got `%s`.', fragmentName, componentName, propValue) : void 0;
-          fragmentPointers[fragmentName] = null;
-          return;
-        }
-
-        var fragment = getFragment(fragmentName, context.route, variables);
-        var dataIDOrIDs;
-
-        if (fragment.isPlural()) {
-          // Plural fragments require the prop value to be an array of fragment
-          // pointers, which are merged into a single fragment pointer to pass
-          // to the query resolver `resolve`.
-          !Array.isArray(propValue) ? process.env.NODE_ENV !== "production" ? require("fbjs/lib/invariant")(false, 'RelayContainer: Invalid prop `%s` supplied to `%s`, expected an ' + 'array of records because the corresponding fragment has ' + '`@relay(plural: true)`.', fragmentName, componentName) : require("fbjs/lib/invariant")(false) : void 0;
-
-          if (!propValue.length) {
-            // Nothing to observe: pass the empty array through
-            fragmentPointers[fragmentName] = null;
-            return;
-          }
-
-          var dataIDs = null;
-          propValue.forEach(function (item, ii) {
-            if (typeof item === 'object' && item != null) {
-              if (require("./RelayFragmentPointer").hasConcreteFragment(item, fragment)) {
-                var dataID = require("./RelayRecord").getDataIDForObject(item);
-
-                if (dataID) {
-                  dataIDs = dataIDs || [];
-                  dataIDs.push(dataID);
-                }
-              }
-
-              if (process.env.NODE_ENV !== "production") {
-                if (!context.route.useMockData && !context.useFakeData && !_this6._didShowFakeDataWarning) {
-                  var isValid = validateFragmentProp(componentName, fragmentName, fragment, item, prevVariables);
-                  _this6._didShowFakeDataWarning = !isValid;
-                }
-              }
-            }
-          });
-
-          if (dataIDs) {
-            !(dataIDs.length === propValue.length) ? process.env.NODE_ENV !== "production" ? require("fbjs/lib/invariant")(false, 'RelayContainer: Invalid prop `%s` supplied to `%s`. Some ' + 'array items contain data fetched by Relay and some items ' + 'contain null/mock data.', fragmentName, componentName) : require("fbjs/lib/invariant")(false) : void 0;
-          }
-
-          dataIDOrIDs = dataIDs;
-        } else {
-          !!Array.isArray(propValue) ? process.env.NODE_ENV !== "production" ? require("fbjs/lib/invariant")(false, 'RelayContainer: Invalid prop `%s` supplied to `%s`, expected a ' + 'single record because the corresponding fragment is not plural ' + '(i.e. does not have `@relay(plural: true)`).', fragmentName, componentName) : require("fbjs/lib/invariant")(false) : void 0;
-
-          if (require("./RelayFragmentPointer").hasConcreteFragment(propValue, fragment)) {
-            dataIDOrIDs = require("./RelayRecord").getDataIDForObject(propValue);
-          }
-
-          if (process.env.NODE_ENV !== "production") {
-            if (!context.route.useMockData && !context.useFakeData && !_this6._didShowFakeDataWarning) {
-              var isValid = validateFragmentProp(componentName, fragmentName, fragment, propValue, prevVariables);
-              _this6._didShowFakeDataWarning = !isValid;
-            }
-          }
-        }
-
-        fragmentPointers[fragmentName] = dataIDOrIDs ? {
-          fragment: fragment,
-          dataIDs: dataIDOrIDs
-        } : null;
-      });
-
-      if (process.env.NODE_ENV !== "production") {
-        // If a fragment pointer is null, warn if it was found on another prop.
-        fragmentNames.forEach(function (fragmentName) {
-          if (fragmentPointers[fragmentName]) {
-            return;
-          }
-
-          var fragment = getFragment(fragmentName, context.route, variables);
-          Object.keys(props).forEach(function (propName) {
-            process.env.NODE_ENV !== "production" ? require("fbjs/lib/warning")(fragmentPointers[propName] || !require("./RelayRecord").isRecord(props[propName]) || typeof props[propName] !== 'object' || props[propName] == null || !require("./RelayFragmentPointer").hasFragment(props[propName], fragment), 'RelayContainer: Expected record data for prop `%s` on `%s`, ' + 'but it was instead on prop `%s`. Did you misspell a prop or ' + 'pass record data into the wrong prop?', fragmentName, componentName, propName) : void 0;
-          });
-        });
-      }
-    };
-
-    _proto._getQueryData = function _getQueryData(props) {
-      var _this7 = this;
-
-      var queryData = {};
-      var fragmentPointers = this._fragmentPointers;
-
-      require("fbjs/lib/forEachObject")(this._fragmentResolvers, function (fragmentResolver, propName) {
-        var propValue = props[propName];
-        var fragmentPointer = fragmentPointers[propName];
-
-        if (!propValue || !fragmentPointer) {
-          // Clear any subscriptions since there is no data.
-          fragmentResolver && fragmentResolver.dispose(); // Allow mock data to pass through without modification.
-
-          queryData[propName] = propValue;
-        } else {
-          !fragmentResolver ? process.env.NODE_ENV !== "production" ? require("fbjs/lib/invariant")(false, 'fragmentResolver should not be null') : require("fbjs/lib/invariant")(false) : void 0;
-          queryData[propName] = fragmentResolver.resolve(fragmentPointer.fragment, fragmentPointer.dataIDs);
-        }
-
-        if (_this7.state.queryData.hasOwnProperty(propName) && queryData[propName] !== _this7.state.queryData[propName]) {
-          _this7._hasStaleQueryData = true;
-        }
-      });
-
-      return queryData;
-    };
-
-    _proto.shouldComponentUpdate = function shouldComponentUpdate(nextProps, nextState) {
-      if (specShouldComponentUpdate) {
-        return specShouldComponentUpdate();
-      } // Flag indicating that query data changed since previous render.
-
-
-      if (this._hasStaleQueryData) {
-        this._hasStaleQueryData = false;
-        return true;
-      }
-
-      if (this.props.__relayContext.environment !== nextProps.__relayContext.environment || this.props.__relayContext.variables !== nextProps.__relayContext.variables || this.props.__relayContext.route !== nextProps.__relayContext.route) {
-        return true;
-      }
-
-      if (this.props.__relayContext.route.useMockData) {
-        return true;
-      }
-
-      var _this$props = this.props,
-          __relayContext = _this$props.__relayContext,
-          props = (0, _objectWithoutPropertiesLoose2["default"])(_this$props, ["__relayContext"]);
-      var _ = nextProps.__relayContext,
-          actualNextProps = (0, _objectWithoutPropertiesLoose2["default"])(nextProps, ["__relayContext"]);
-      var fragmentPointers = this._fragmentPointers;
-      return !require("./RelayContainerComparators").areNonQueryPropsEqual(fragments, props, actualNextProps) || fragmentPointers && !require("./RelayContainerComparators").areQueryResultsEqual(fragmentPointers, this.state.queryData, nextState.queryData) || !require("./RelayContainerComparators").areQueryVariablesEqual(this.state.relayProp.variables, nextState.relayProp.variables);
-    };
-
-    _proto.render = function render() {
-      if (ComponentClass) {
-        return require("react").createElement(ComponentClass, (0, _extends2["default"])({}, this.props, this.state.queryData, {
-          ref: this._legacyStringishRef,
-          relay: this.state.relayProp
-        }));
-      } else {
-        // Stateless functional.
-        var Fn = Component;
-        return require("react").createElement(Fn, (0, _objectSpread2["default"])({}, this.props, this.state.queryData, {
-          relay: this.state.relayProp
-        }));
-      }
-    }; // @TODO (T28161354) Remove this once string ref usage is gone.
-
-
-    return RelayContainer;
-  }(require("react").Component);
-
-  function getFragment(fragmentName, route, variables) {
-    var fragmentBuilder = fragments[fragmentName];
-    !fragmentBuilder ? process.env.NODE_ENV !== "production" ? require("fbjs/lib/invariant")(false, 'RelayContainer: Expected `%s` to have a query fragment named `%s`.', containerName, fragmentName) : require("fbjs/lib/invariant")(false) : void 0;
-    var fragment = buildContainerFragment(containerName, fragmentName, fragmentBuilder, initialVariables); // TODO: Allow routes without names, #7856965.
-
-    var metaRoute = require("./RelayMetaRoute").get(route.name);
-
-    return require("./RelayQuery").Fragment.create(fragment, metaRoute, variables);
-  }
-
-  initializeProfiler(RelayContainer);
-  RelayContainer.displayName = containerName;
-
-  require("./RelayContainerProxy").proxyMethods(RelayContainer, Component);
-
-  return RelayContainer;
-}
-/**
- * TODO: Stop allowing props to override variables, #7856288.
- */
-
-
-function getVariablesWithPropOverrides(spec, props, variables) {
-  var initialVariables = spec.initialVariables;
-
-  if (initialVariables) {
-    var mergedVariables;
-
-    for (var _key in initialVariables) {
-      if (_key in props) {
-        mergedVariables = mergedVariables || (0, _objectSpread2["default"])({}, variables);
-        mergedVariables[_key] = props[_key];
-      }
-    }
-
-    variables = mergedVariables || variables;
-  }
-
-  return variables;
-}
-/**
- * Compare props and variables and reset the internal query variables if outside
- * query variables change the component.
- *
- * TODO: Stop allowing props to override variables, #7856288.
- */
-
-
-function resetPropOverridesForVariables(spec, props, variables) {
-  var initialVariables = spec.initialVariables;
-
-  for (var _key2 in initialVariables) {
-    if (_key2 in props && !require("fbjs/lib/areEqual")(props[_key2], variables[_key2])) {
-      return initialVariables;
-    }
-  }
-
-  return variables;
-}
-
-function initializeProfiler(RelayContainer) {
-  require("relay-runtime").RelayProfiler.instrumentMethods(RelayContainer.prototype, {
-    UNSAFE_componentWillMount: 'RelayContainer.prototype.UNSAFE_componentWillMount',
-    UNSAFE_componentWillReceiveProps: 'RelayContainer.prototype.UNSAFE_componentWillReceiveProps',
-    shouldComponentUpdate: 'RelayContainer.prototype.shouldComponentUpdate'
-  });
-}
-/**
- * Merges a partial update into a set of variables. If no variables changed, the
- * same object is returned. Otherwise, a new object is returned.
- */
-
-
-function mergeVariables(currentVariables, partialVariables) {
-  if (partialVariables) {
-    for (var _key3 in partialVariables) {
-      if (currentVariables[_key3] !== partialVariables[_key3]) {
-        return (0, _objectSpread2["default"])({}, currentVariables, partialVariables);
-      }
-    }
-  }
-
-  return currentVariables;
-}
-/**
- * Wrapper around `buildRQL.Fragment` with contextual error messages.
- */
-
-
-function buildContainerFragment(containerName, fragmentName, fragmentBuilder, variables) {
-  var fragment = require("./buildRQL").Fragment(fragmentBuilder, variables);
-
-  !fragment ? process.env.NODE_ENV !== "production" ? require("fbjs/lib/invariant")(false, 'Relay.QL defined on container `%s` named `%s` is not a valid fragment. ' + 'A typical fragment is defined using: Relay.QL`fragment on Type {...}`', containerName, fragmentName) : require("fbjs/lib/invariant")(false) : void 0;
-  return fragment;
-}
-
-function getDeferredFragment(fragmentReference, context, variables) {
-  var route = require("./RelayMetaRoute").get(context.route.name);
-
-  var concreteFragment = fragmentReference.getFragment(variables);
-  var concreteVariables = fragmentReference.getVariables(route, variables);
-  return require("./RelayQuery").Fragment.create(concreteFragment, route, concreteVariables, {
-    isDeferred: true,
-    isContainerFragment: fragmentReference.isContainerFragment(),
-    isTypeConditional: false
-  });
-}
-
-function validateVariables(initialVariables, partialVariables) {
-  if (partialVariables) {
-    for (var _key4 in partialVariables) {
-      process.env.NODE_ENV !== "production" ? require("fbjs/lib/warning")(initialVariables.hasOwnProperty(_key4), 'RelayContainer: Expected query variable `%s` to be initialized in ' + '`initialVariables`.', _key4) : void 0;
-    }
-  }
-}
-
-function validateSpec(componentName, spec) {
-  var fragments = spec.fragments;
-  !(typeof fragments === 'object' && fragments) ? process.env.NODE_ENV !== "production" ? require("fbjs/lib/invariant")(false, 'Relay.createContainer(%s, ...): Missing `fragments`, which is expected ' + 'to be an object mapping from `propName` to: () => Relay.QL`...`', componentName) : require("fbjs/lib/invariant")(false) : void 0;
-
-  if (!spec.initialVariables) {
-    return;
-  }
-
-  var initialVariables = spec.initialVariables || {};
-  !(typeof initialVariables === 'object' && initialVariables) ? process.env.NODE_ENV !== "production" ? require("fbjs/lib/invariant")(false, 'Relay.createContainer(%s, ...): Expected `initialVariables` to be an ' + 'object.', componentName) : require("fbjs/lib/invariant")(false) : void 0;
-
-  require("fbjs/lib/forEachObject")(fragments, function (_, name) {
-    process.env.NODE_ENV !== "production" ? require("fbjs/lib/warning")(!initialVariables.hasOwnProperty(name), 'Relay.createContainer(%s, ...): `%s` is used both as a ' + 'fragment name and variable name. Please give them unique names.', componentName, name) : void 0;
-  });
-}
-
-function getContainerName(Component) {
-  return 'Relay(' + require("./ReactRelayContainerUtils").getComponentName(Component) + ')';
-}
-/**
- * Creates a lazy Relay container. The actual container is created the first
- * time a container is being constructed by React's rendering engine.
- */
-
-
-function create(Component, spec) {
-  var componentName = require("./ReactRelayContainerUtils").getComponentName(Component);
-
-  var containerName = getContainerName(Component);
-  validateSpec(componentName, spec);
-  var fragments = spec.fragments;
-  var fragmentNames = Object.keys(fragments);
-  var initialVariables = spec.initialVariables || {};
-  var prepareVariables = spec.prepareVariables;
-  var environment;
-  var Container;
-
-  function ContainerConstructor(props) {
-    if (Container == null || props.__relayContext.environment !== environment) {
-      environment = props.__relayContext.environment;
-      Container = createContainerComponent(Component, spec);
-    }
-
-    return new Container(props);
-  }
-
-  function forwardRef(props, ref) {
-    var context = require("./readContext")(require("./ReactRelayContext"));
-
-    !context ? process.env.NODE_ENV !== "production" ? require("fbjs/lib/invariant")(false, "".concat(containerName, " tried to render a context that was ") + "not valid this means that ".concat(containerName, " was rendered outside of a ") + 'query renderer.') : require("fbjs/lib/invariant")(false) : void 0;
-    return require("react").createElement(ContainerConstructor, (0, _extends2["default"])({}, props, {
-      __relayContext: context,
-      ref: props.ref || ref
-    }));
-  }
-
-  var ForwardContainer = require("react").forwardRef(forwardRef);
-  /* $FlowFixMe(>=0.89.0 site=www,mobile,react_native_fb,oss) Suppressing errors
-   * found while preparing to upgrade to 0.89.0 */
-
-
-  ForwardContainer.getFragmentNames = function () {
-    return fragmentNames;
-  };
-  /* $FlowFixMe(>=0.89.0 site=www,mobile,react_native_fb,oss) Suppressing errors
-   * found while preparing to upgrade to 0.89.0 */
-
-
-  ForwardContainer.hasFragment = function (fragmentName) {
-    return !!fragments[fragmentName];
-  };
-  /* $FlowFixMe(>=0.89.0 site=www,mobile,react_native_fb,oss) Suppressing errors
-   * found while preparing to upgrade to 0.89.0 */
-
-
-  ForwardContainer.hasVariable = function (variableName) {
-    return Object.prototype.hasOwnProperty.call(initialVariables, variableName);
-  };
-  /**
-   * Retrieves a reference to the fragment by name. An optional second argument
-   * can be supplied to override the component's default variables.
-   */
-
-  /* $FlowFixMe(>=0.89.0 site=www,mobile,react_native_fb,oss) Suppressing errors
-   * found while preparing to upgrade to 0.89.0 */
-
-
-  ForwardContainer.getFragment = function (fragmentName, variableMapping) {
-    var fragmentBuilder = fragments[fragmentName];
-
-    if (!fragmentBuilder) {
-      !false ? process.env.NODE_ENV !== "production" ? require("fbjs/lib/invariant")(false, '%s.getFragment(): `%s` is not a valid fragment name. Available ' + 'fragments names: %s', containerName, fragmentName, fragmentNames.map(function (name) {
-        return '`' + name + '`';
-      }).join(', ')) : require("fbjs/lib/invariant")(false) : void 0;
-    }
-
-    !(typeof fragmentBuilder === 'function') ? process.env.NODE_ENV !== "production" ? require("fbjs/lib/invariant")(false, 'RelayContainer: Expected `%s.fragments.%s` to be a function returning ' + 'a fragment. Example: `%s: () => Relay.QL`fragment on ...`', containerName, fragmentName, fragmentName) : require("fbjs/lib/invariant")(false) : void 0;
-
-    if (variableMapping) {
-      variableMapping = require("fbjs/lib/filterObject")(variableMapping, function (_, name) {
-        return Object.prototype.hasOwnProperty.call(initialVariables, name);
-      });
-    }
-
-    return require("./RelayFragmentReference").createForContainer(function () {
-      return buildContainerFragment(containerName, fragmentName, fragmentBuilder, initialVariables);
-    }, initialVariables, variableMapping, prepareVariables);
-  };
-
-  ForwardContainer.displayName = containerName;
-  /* $FlowFixMe(>=0.89.0 site=www,mobile,react_native_fb,oss) Suppressing errors
-   * found while preparing to upgrade to 0.89.0 */
-
-  ForwardContainer.moduleName = null;
-  return ForwardContainer;
-}
-/**
- * Returns whether the fragment `prop` contains a fragment pointer for the given
- * fragment's data, warning if it does not.
- */
-
-
-function validateFragmentProp(componentName, fragmentName, fragment, prop, prevVariables) {
-  var hasFragmentData = require("./RelayFragmentPointer").hasFragment(prop, fragment) || !!prevVariables && require("fbjs/lib/areEqual")(prevVariables, fragment.getVariables());
-
-  if (!hasFragmentData) {
-    var variables = fragment.getVariables();
-
-    var fetchedVariables = require("./RelayFragmentPointer").getFragmentVariables(prop, fragment);
-
-    process.env.NODE_ENV !== "production" ? require("fbjs/lib/warning")(false, 'RelayContainer: component `%s` was rendered with variables ' + 'that differ from the variables used to fetch fragment ' + '`%s`. The fragment was fetched with variables `%s`, but rendered ' + 'with variables `%s`. This can indicate one of two possibilities: \n' + ' - The parent set the correct variables in the query - ' + "`%s.getFragment('%s', {...})` - but did not pass the same " + 'variables when rendering the component. Be sure to tell the ' + 'component what variables to use by passing them as props: ' + '`<%s ... %s />`.\n' + ' - You are intentionally passing fake data to this ' + 'component, in which case ignore this warning.', componentName, fragmentName, fetchedVariables ? fetchedVariables.map(function (vars) {
-      return JSON.stringify(vars);
-    }).join(', ') : '(not fetched)', JSON.stringify(variables), componentName, fragmentName, componentName, Object.keys(variables).map(function (key) {
-      return "".concat(key, "={...}");
-    }).join(' ')) : void 0;
-  }
-
-  return hasFragmentData;
-}
-
-module.exports = {
-  create: create
-};