react-relay 14.1.0 → 16.0.0

package/lib/ReactRelayPaginationContainer.js

@@ -1,217 +1,53 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and 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 _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _excluded = ["componentRef"],
-    _excluded2 = ["componentRef", "__relayContext", "__rootIsQueryRenderer"],
-    _excluded3 = ["componentRef", "__relayContext", "__rootIsQueryRenderer"];
-
+  _excluded2 = ["componentRef", "__relayContext", "__rootIsQueryRenderer"],
+  _excluded3 = ["componentRef", "__relayContext", "__rootIsQueryRenderer"];
 var buildReactRelayContainer = require('./buildReactRelayContainer');
-
 var getRootVariablesForFragments = require('./getRootVariablesForFragments');
-
 var _require = require('./ReactRelayContainerUtils'),
-    getComponentName = _require.getComponentName,
-    getContainerName = _require.getContainerName;
-
+  getComponentName = _require.getComponentName,
+  getContainerName = _require.getContainerName;
 var ReactRelayContext = require('./ReactRelayContext');
-
 var ReactRelayQueryFetcher = require('./ReactRelayQueryFetcher');
-
 var _require2 = require('./RelayContext'),
-    assertRelayContext = _require2.assertRelayContext;
-
+  assertRelayContext = _require2.assertRelayContext;
 var areEqual = require("fbjs/lib/areEqual");
-
 var invariant = require('invariant');
-
 var React = require('react');
-
 var _require3 = require('relay-runtime'),
-    ConnectionInterface = _require3.ConnectionInterface,
-    Observable = _require3.Observable,
-    RelayFeatureFlags = _require3.RelayFeatureFlags,
-    createFragmentSpecResolver = _require3.createFragmentSpecResolver,
-    createOperationDescriptor = _require3.createOperationDescriptor,
-    getDataIDsFromObject = _require3.getDataIDsFromObject,
-    getRequest = _require3.getRequest,
-    getVariablesFromObject = _require3.getVariablesFromObject,
-    isScalarAndEqual = _require3.isScalarAndEqual;
-
+  ConnectionInterface = _require3.ConnectionInterface,
+  Observable = _require3.Observable,
+  RelayFeatureFlags = _require3.RelayFeatureFlags,
+  createFragmentSpecResolver = _require3.createFragmentSpecResolver,
+  createOperationDescriptor = _require3.createOperationDescriptor,
+  getDataIDsFromObject = _require3.getDataIDsFromObject,
+  getRequest = _require3.getRequest,
+  getVariablesFromObject = _require3.getVariablesFromObject,
+  isScalarAndEqual = _require3.isScalarAndEqual;
 var warning = require("fbjs/lib/warning");
-
 var FORWARD = 'forward';
-
-/**
- * Extends the functionality of RelayFragmentContainer by providing a mechanism
- * to load more data from a connection.
- *
- * # Configuring a PaginationContainer
- *
- * PaginationContainer accepts the standard FragmentContainer arguments and an
- * additional `connectionConfig` argument:
- *
- * - `Component`: the component to be wrapped/rendered.
- * - `fragments`: an object whose values are `graphql` fragments. The object
- *   keys determine the prop names by which fragment data is available.
- * - `connectionConfig`: an object that determines how to load more connection
- *   data. Details below.
- *
- * # Loading More Data
- *
- * Use `props.relay.hasMore()` to determine if there are more items to load.
- *
- * ```
- * hasMore(): boolean
- * ```
- *
- * Use `props.relay.isLoading()` to determine if a previous call to `loadMore()`
- * is still pending. This is convenient for avoiding duplicate load calls.
- *
- * ```
- * isLoading(): boolean
- * ```
- *
- * Use `props.relay.loadMore()` to load more items. This will return null if
- * there are no more items to fetch, otherwise it will fetch more items and
- * return a Disposable that can be used to cancel the fetch.
- *
- * `pageSize` should be the number of *additional* items to fetch (not the
- * total).
- *
- * ```
- * loadMore(pageSize: number, callback: ?(error: ?Error) => void): ?Disposable
- * ```
- *
- * A complete example:
- *
- * ```
- * class Foo extends React.Component {
- *   ...
- *   _onEndReached() {
- *     if (!this.props.relay.hasMore() || this.props.relay.isLoading()) {
- *       return;
- *     }
- *     this.props.relay.loadMore(10);
- *   }
- *   ...
- * }
- * ```
- *
- * # Connection Config
- *
- * Here's an example, followed by details of each config property:
- *
- * ```
- * ReactRelayPaginationContainer.createContainer(
- *   Component,
- *   {
- *     user: graphql`fragment FriendsFragment on User {
- *       friends(after: $afterCursor first: $count) @connection {
- *         edges { ... }
- *         pageInfo {
- *           startCursor
- *           endCursor
- *           hasNextPage
- *           hasPreviousPage
- *         }
- *       }
- *     }`,
- *   },
- *   {
- *     direction: 'forward',
- *     getConnectionFromProps(props) {
- *       return props.user && props.user.friends;
- *     },
- *     getFragmentVariables(vars, totalCount) {
- *       // The component presumably wants *all* edges, not just those after
- *       // the cursor, so notice that we don't set $afterCursor here.
- *       return {
- *         ...vars,
- *         count: totalCount,
- *       };
- *     },
- *     getVariables(props, {count, cursor}, fragmentVariables) {
- *       return {
- *         id: props.user.id,
- *         afterCursor: cursor,
- *         count,
- *       },
- *     },
- *     query: graphql`
- *       query FriendsQuery($id: ID!, $afterCursor: ID, $count: Int!) {
- *         node(id: $id) {
- *           ...FriendsFragment
- *         }
- *       }
- *     `,
- *   }
- * );
- * ```
- *
- * ## Config Properties
- *
- * - `direction`: Either "forward" to indicate forward pagination using
- *   after/first, or "backward" to indicate backward pagination using
- *   before/last.
- * - `getConnectionFromProps(props)`: PaginationContainer doesn't magically know
- *   which connection data you mean to fetch more of (a container might fetch
- *   multiple connections, but can only paginate one of them). This function is
- *   given the fragment props only (not full props), and should return the
- *   connection data. See the above example that returns the friends data via
- *   `props.user.friends`.
- * - `getFragmentVariables(previousVars, totalCount)`: Given the previous variables
- *   and the new total number of items, get the variables to use when reading
- *   your fragments. Typically this means setting whatever your local "count"
- *   variable is to the value of `totalCount`. See the example.
- * - `getVariables(props, {count, cursor})`: Get the variables to use when
- *   fetching the pagination `query`. You may determine the root object id from
- *   props (see the example that uses `props.user.id`) and may also set whatever
- *   variables you use for the after/first/before/last calls based on the count
- *   and cursor.
- * - `query`: A query to use when fetching more connection data. This should
- *   typically reference one of the container's fragment (as in the example)
- *   to ensure that all the necessary fields for sub-components are fetched.
- */
 function createGetConnectionFromProps(metadata) {
   var path = metadata.path;
   !path ? process.env.NODE_ENV !== "production" ? invariant(false, 'ReactRelayPaginationContainer: Unable to synthesize a ' + 'getConnectionFromProps function.') : invariant(false) : void 0;
   return function (props) {
     var data = props[metadata.fragmentName];
-
     for (var i = 0; i < path.length; i++) {
       if (!data || typeof data !== 'object') {
         return null;
       }
-
       data = data[path[i]];
     }
-
     return data;
   };
 }
-
 function createGetFragmentVariables(metadata) {
   var countVariable = metadata.count;
   !countVariable ? process.env.NODE_ENV !== "production" ? invariant(false, 'ReactRelayPaginationContainer: Unable to synthesize a ' + 'getFragmentVariables function.') : invariant(false) : void 0;
@@ -219,21 +55,15 @@ function createGetFragmentVariables(metadata) {
     return (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, prevVars), {}, (0, _defineProperty2["default"])({}, countVariable, totalCount));
   };
 }
-
 function findConnectionMetadata(fragments) {
   var foundConnectionMetadata = null;
   var isRelayModern = false;
-
   for (var fragmentName in fragments) {
     var fragment = fragments[fragmentName];
-    var connectionMetadata = fragment.metadata && fragment.metadata.connection; // HACK: metadata is always set to `undefined` in classic. In modern, even
-    // if empty, it is set to null (never undefined). We use that knowlege to
-    // check if we're dealing with classic or modern
-
+    var connectionMetadata = fragment.metadata && fragment.metadata.connection;
     if (fragment.metadata !== undefined) {
       isRelayModern = true;
     }
-
     if (connectionMetadata) {
       !(connectionMetadata.length === 1) ? process.env.NODE_ENV !== "production" ? invariant(false, 'ReactRelayPaginationContainer: Only a single @connection is ' + 'supported, `%s` has %s.', fragmentName, connectionMetadata.length) : invariant(false) : void 0;
       !!foundConnectionMetadata ? process.env.NODE_ENV !== "production" ? invariant(false, 'ReactRelayPaginationContainer: Only a single fragment with ' + '@connection is supported.') : invariant(false) : void 0;
@@ -242,11 +72,9 @@ function findConnectionMetadata(fragments) {
       });
     }
   }
-
   !(!isRelayModern || foundConnectionMetadata !== null) ? process.env.NODE_ENV !== "production" ? invariant(false, 'ReactRelayPaginationContainer: A @connection directive must be present.') : invariant(false) : void 0;
   return foundConnectionMetadata || {};
 }
-
 function toObserver(observerOrCallback) {
   return typeof observerOrCallback === 'function' ? {
     error: observerOrCallback,
@@ -256,10 +84,8 @@ function toObserver(observerOrCallback) {
     }
   } : observerOrCallback || {};
 }
-
 function createContainerWithFragments(Component, fragments, connectionConfig) {
   var _class;
-
   var componentName = getComponentName(Component);
   var containerName = getContainerName(Component);
   var metadata = findConnectionMetadata(fragments);
@@ -269,10 +95,8 @@ function createContainerWithFragments(Component, fragments, connectionConfig) {
   var getFragmentVariables = connectionConfig.getFragmentVariables || createGetFragmentVariables(metadata);
   return _class = /*#__PURE__*/function (_React$Component) {
     (0, _inheritsLoose2["default"])(_class, _React$Component);
-
     function _class(props) {
       var _props$__rootIsQueryR, _this;
-
       _this = _React$Component.call(this, props) || this;
       (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_handleFragmentDataUpdate", function () {
         _this.setState({
@@ -281,7 +105,6 @@ function createContainerWithFragments(Component, fragments, connectionConfig) {
       });
       (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_hasMore", function () {
         var connectionData = _this._getConnectionData();
-
         return !!(connectionData && connectionData.hasMore && connectionData.cursor);
       });
       (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_isLoading", function () {
@@ -293,18 +116,15 @@ function createContainerWithFragments(Component, fragments, connectionConfig) {
             dispose: function dispose() {}
           };
         }
-
         _this._refetchVariables = refetchVariables;
         var paginatingVariables = {
           count: totalCount,
           cursor: null,
           totalCount: totalCount
         };
-
         var fetch = _this._fetchPage(paginatingVariables, toObserver(observerOrCallback), {
           force: true
         });
-
         return {
           dispose: fetch.unsubscribe
         };
@@ -315,28 +135,21 @@ function createContainerWithFragments(Component, fragments, connectionConfig) {
             dispose: function dispose() {}
           };
         }
-
         var observer = toObserver(observerOrCallback);
-
         var connectionData = _this._getConnectionData();
-
         if (!connectionData) {
           Observable.create(function (sink) {
             return sink.complete();
           }).subscribe(observer);
           return null;
         }
-
         var totalCount = connectionData.edgeCount + pageSize;
-
         if (options && options.force) {
           return _this._refetchConnection(totalCount, observerOrCallback);
         }
-
         var _ConnectionInterface$ = ConnectionInterface.get(),
-            END_CURSOR = _ConnectionInterface$.END_CURSOR,
-            START_CURSOR = _ConnectionInterface$.START_CURSOR;
-
+          END_CURSOR = _ConnectionInterface$.END_CURSOR,
+          START_CURSOR = _ConnectionInterface$.START_CURSOR;
         var cursor = connectionData.cursor;
         process.env.NODE_ENV !== "production" ? warning(cursor != null && cursor !== '', 'ReactRelayPaginationContainer: Cannot `loadMore` without valid `%s` (got `%s`)', direction === FORWARD ? END_CURSOR : START_CURSOR, cursor) : void 0;
         var paginatingVariables = {
@@ -344,9 +157,7 @@ function createContainerWithFragments(Component, fragments, connectionConfig) {
           cursor: cursor,
           totalCount: totalCount
         };
-
         var fetch = _this._fetchPage(paginatingVariables, observer, options);
-
         return {
           dispose: fetch.unsubscribe
         };
@@ -356,13 +167,11 @@ function createContainerWithFragments(Component, fragments, connectionConfig) {
       _this._isARequestInFlight = false;
       _this._refetchSubscription = null;
       _this._refetchVariables = null;
-
       if (RelayFeatureFlags.ENABLE_CONTAINERS_SUBSCRIBE_ON_COMMIT === true) {
         _this._resolver = createFragmentSpecResolver(relayContext, containerName, fragments, props, rootIsQueryRenderer);
       } else {
         _this._resolver = createFragmentSpecResolver(relayContext, containerName, fragments, props, rootIsQueryRenderer, _this._handleFragmentDataUpdate);
       }
-
       _this.state = {
         data: _this._resolver.resolve(),
         prevContext: relayContext,
@@ -374,17 +183,13 @@ function createContainerWithFragments(Component, fragments, connectionConfig) {
       _this._hasFetched = false;
       return _this;
     }
-
     var _proto = _class.prototype;
-
     _proto.componentDidMount = function componentDidMount() {
       this._isUnmounted = false;
-
       if (RelayFeatureFlags.ENABLE_CONTAINERS_SUBSCRIBE_ON_COMMIT === true) {
         this._subscribeToNewResolverAndRerenderIfStoreHasChanged();
       }
     };
-
     _proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {
       if (RelayFeatureFlags.ENABLE_CONTAINERS_SUBSCRIBE_ON_COMMIT === true) {
         if (prevState.resolverGeneration !== this.state.resolverGeneration) {
@@ -393,40 +198,23 @@ function createContainerWithFragments(Component, fragments, connectionConfig) {
           this._rerenderIfStoreHasChanged();
         }
       }
-    }
-    /**
-     * When new props are received, read data for the new props and subscribe
-     * for updates. Props may be the same in which case previous data and
-     * subscriptions can be reused.
-     */
-    ;
-
+    };
     _proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {
       var _this2 = this;
-
       var _nextProps$__rootIsQu;
-
       var relayContext = assertRelayContext(nextProps.__relayContext);
       var rootIsQueryRenderer = (_nextProps$__rootIsQu = nextProps.__rootIsQueryRenderer) !== null && _nextProps$__rootIsQu !== void 0 ? _nextProps$__rootIsQu : false;
       var prevIDs = getDataIDsFromObject(fragments, this.props);
       var nextIDs = getDataIDsFromObject(fragments, nextProps);
       var prevRootVariables = getRootVariablesForFragments(fragments, this.props);
-      var nextRootVariables = getRootVariablesForFragments(fragments, nextProps); // If the environment has changed or props point to new records then
-      // previously fetched data and any pending fetches no longer apply:
-      // - Existing references are on the old environment.
-      // - Existing references are based on old variables.
-      // - Pending fetches are for the previous records.
-
+      var nextRootVariables = getRootVariablesForFragments(fragments, nextProps);
       if (relayContext.environment !== this.state.prevContext.environment || !areEqual(prevRootVariables, nextRootVariables) || !areEqual(prevIDs, nextIDs)) {
-        this._cleanup(); // Child containers rely on context.relay being mutated (for gDSFP).
-
-
+        this._cleanup();
         if (RelayFeatureFlags.ENABLE_CONTAINERS_SUBSCRIBE_ON_COMMIT === true) {
           this._resolver = createFragmentSpecResolver(relayContext, containerName, fragments, nextProps, rootIsQueryRenderer);
         } else {
           this._resolver = createFragmentSpecResolver(relayContext, containerName, fragments, nextProps, rootIsQueryRenderer, this._handleFragmentDataUpdate);
         }
-
         this.setState(function (prevState) {
           return {
             prevContext: relayContext,
@@ -438,35 +226,24 @@ function createContainerWithFragments(Component, fragments, connectionConfig) {
       } else if (!this._hasFetched) {
         this._resolver.setProps(nextProps);
       }
-
       var data = this._resolver.resolve();
-
       if (data !== this.state.data) {
         this.setState({
           data: data
         });
       }
     };
-
     _proto.componentWillUnmount = function componentWillUnmount() {
       this._isUnmounted = true;
-
       this._cleanup();
     };
-
     _proto.shouldComponentUpdate = function shouldComponentUpdate(nextProps, nextState) {
-      // Short-circuit if any Relay-related data has changed
       if (nextState.data !== this.state.data || nextState.relayProp !== this.state.relayProp || nextState.resolverGeneration !== this.state.resolverGeneration) {
         return true;
-      } // Otherwise, for convenience short-circuit if all non-Relay props
-      // are scalar and equal
-
-
+      }
       var keys = Object.keys(nextProps);
-
       for (var ii = 0; ii < keys.length; ii++) {
         var key = keys[ii];
-
         if (key === '__relayContext') {
           if (nextState.prevContext.environment !== this.state.prevContext.environment) {
             return true;
@@ -477,10 +254,8 @@ function createContainerWithFragments(Component, fragments, connectionConfig) {
           }
         }
       }
-
       return false;
     };
-
     _proto._buildRelayProp = function _buildRelayProp(relayContext) {
       return {
         hasMore: this._hasMore,
@@ -490,115 +265,83 @@ function createContainerWithFragments(Component, fragments, connectionConfig) {
         environment: relayContext.environment
       };
     };
-
     _proto._rerenderIfStoreHasChanged = function _rerenderIfStoreHasChanged() {
-      var data = this.state.data; // External values could change between render and commit.
-      // Check for this case, even though it requires an extra store read.
-
+      var data = this.state.data;
       var maybeNewData = this._resolver.resolve();
-
       if (data !== maybeNewData) {
         this.setState({
           data: maybeNewData
         });
       }
     };
-
     _proto._subscribeToNewResolverAndRerenderIfStoreHasChanged = function _subscribeToNewResolverAndRerenderIfStoreHasChanged() {
       var data = this.state.data;
-
-      var maybeNewData = this._resolver.resolve(); // Event listeners are only safe to add during the commit phase,
-      // So they won't leak if render is interrupted or errors.
-
-
-      this._resolver.setCallback(this.props, this._handleFragmentDataUpdate); // External values could change between render and commit.
-      // Check for this case, even though it requires an extra store read.
-
-
+      var maybeNewData = this._resolver.resolve();
+      this._resolver.setCallback(this.props, this._handleFragmentDataUpdate);
       if (data !== maybeNewData) {
         this.setState({
           data: maybeNewData
         });
       }
-    }
-    /**
-     * Render new data for the existing props/context.
-     */
-    ;
-
+    };
     _proto._getConnectionData = function _getConnectionData() {
-      // Extract connection data and verify there are more edges to fetch
       var _this$props = this.props,
-          _ = _this$props.componentRef,
-          restProps = (0, _objectWithoutPropertiesLoose2["default"])(_this$props, _excluded);
+        _ = _this$props.componentRef,
+        restProps = (0, _objectWithoutPropertiesLoose2["default"])(_this$props, _excluded);
       var props = (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, restProps), this.state.data);
       var connectionData = getConnectionFromProps(props);
-
       if (connectionData == null) {
         return null;
       }
-
       var _ConnectionInterface$2 = ConnectionInterface.get(),
-          EDGES = _ConnectionInterface$2.EDGES,
-          PAGE_INFO = _ConnectionInterface$2.PAGE_INFO,
-          HAS_NEXT_PAGE = _ConnectionInterface$2.HAS_NEXT_PAGE,
-          HAS_PREV_PAGE = _ConnectionInterface$2.HAS_PREV_PAGE,
-          END_CURSOR = _ConnectionInterface$2.END_CURSOR,
-          START_CURSOR = _ConnectionInterface$2.START_CURSOR;
-
+        EDGES = _ConnectionInterface$2.EDGES,
+        PAGE_INFO = _ConnectionInterface$2.PAGE_INFO,
+        HAS_NEXT_PAGE = _ConnectionInterface$2.HAS_NEXT_PAGE,
+        HAS_PREV_PAGE = _ConnectionInterface$2.HAS_PREV_PAGE,
+        END_CURSOR = _ConnectionInterface$2.END_CURSOR,
+        START_CURSOR = _ConnectionInterface$2.START_CURSOR;
       !(typeof connectionData === 'object') ? process.env.NODE_ENV !== "production" ? invariant(false, 'ReactRelayPaginationContainer: Expected `getConnectionFromProps()` in `%s`' + 'to return `null` or a plain object with %s and %s properties, got `%s`.', componentName, EDGES, PAGE_INFO, connectionData) : invariant(false) : void 0;
       var edges = connectionData[EDGES];
       var pageInfo = connectionData[PAGE_INFO];
-
       if (edges == null || pageInfo == null) {
         return null;
       }
-
       !Array.isArray(edges) ? process.env.NODE_ENV !== "production" ? invariant(false, 'ReactRelayPaginationContainer: Expected `getConnectionFromProps()` in `%s`' + 'to return an object with %s: Array, got `%s`.', componentName, EDGES, edges) : invariant(false) : void 0;
       !(typeof pageInfo === 'object') ? process.env.NODE_ENV !== "production" ? invariant(false, 'ReactRelayPaginationContainer: Expected `getConnectionFromProps()` in `%s`' + 'to return an object with %s: Object, got `%s`.', componentName, PAGE_INFO, pageInfo) : invariant(false) : void 0;
       var hasMore = direction === FORWARD ? pageInfo[HAS_NEXT_PAGE] : pageInfo[HAS_PREV_PAGE];
       var cursor = direction === FORWARD ? pageInfo[END_CURSOR] : pageInfo[START_CURSOR];
-
       if (typeof hasMore !== 'boolean' || edges.length !== 0 && typeof cursor === 'undefined') {
         process.env.NODE_ENV !== "production" ? warning(false, 'ReactRelayPaginationContainer: Cannot paginate without %s fields in `%s`. ' + 'Be sure to fetch %s (got `%s`) and %s (got `%s`).', PAGE_INFO, componentName, direction === FORWARD ? HAS_NEXT_PAGE : HAS_PREV_PAGE, hasMore, direction === FORWARD ? END_CURSOR : START_CURSOR, cursor) : void 0;
         return null;
       }
-
       return {
         cursor: cursor,
         edgeCount: edges.length,
         hasMore: hasMore
       };
     };
-
     _proto._getQueryFetcher = function _getQueryFetcher() {
       if (!this._queryFetcher) {
         this._queryFetcher = new ReactRelayQueryFetcher();
       }
-
       return this._queryFetcher;
     };
-
     _proto._canFetchPage = function _canFetchPage(method) {
       if (this._isUnmounted) {
         process.env.NODE_ENV !== "production" ? warning(false, 'ReactRelayPaginationContainer: Unexpected call of `%s` ' + 'on unmounted container `%s`. It looks like some instances ' + 'of your container still trying to fetch data but they already ' + 'unmounted. Please make sure you clear all timers, intervals, async ' + 'calls, etc that may trigger `%s` call.', method, containerName, method) : void 0;
         return false;
       }
-
       return true;
     };
-
     _proto._fetchPage = function _fetchPage(paginatingVariables, observer, options) {
       var _this3 = this;
-
       var _assertRelayContext = assertRelayContext(this.props.__relayContext),
-          environment = _assertRelayContext.environment;
-
+        environment = _assertRelayContext.environment;
       var _this$props2 = this.props,
-          _ = _this$props2.componentRef,
-          __relayContext = _this$props2.__relayContext,
-          __rootIsQueryRenderer = _this$props2.__rootIsQueryRenderer,
-          restProps = (0, _objectWithoutPropertiesLoose2["default"])(_this$props2, _excluded2);
+        _ = _this$props2.componentRef,
+        __relayContext = _this$props2.__relayContext,
+        __rootIsQueryRenderer = _this$props2.__rootIsQueryRenderer,
+        restProps = (0, _objectWithoutPropertiesLoose2["default"])(_this$props2, _excluded2);
       var props = (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, restProps), this.state.data);
       var fragmentVariables;
       var rootVariables = getRootVariablesForFragments(fragments, restProps);
@@ -614,37 +357,20 @@ function createContainerWithFragments(Component, fragments, connectionConfig) {
       var cacheConfig = options ? {
         force: !!options.force
       } : undefined;
-
       if (cacheConfig != null && (options === null || options === void 0 ? void 0 : options.metadata) != null) {
         cacheConfig.metadata = options === null || options === void 0 ? void 0 : options.metadata;
       }
-
       var request = getRequest(connectionConfig.query);
       var operation = createOperationDescriptor(request, fetchVariables, cacheConfig);
       var refetchSubscription = null;
-
       if (this._refetchSubscription) {
         this._refetchSubscription.unsubscribe();
       }
-
       this._hasFetched = true;
-
       var onNext = function onNext(payload, complete) {
         var prevData = _this3._resolver.resolve();
-
         _this3._resolver.setVariables(getFragmentVariables(fragmentVariables, paginatingVariables.totalCount), operation.request.node);
-
-        var nextData = _this3._resolver.resolve(); // Workaround slightly different handling for connection in different
-        // core implementations:
-        // - Classic core requires the count to be explicitly incremented
-        // - Modern core automatically appends new items, updating the count
-        //   isn't required to see new data.
-        //
-        // `setState` is only required if changing the variables would change the
-        // resolved data.
-        // TODO #14894725: remove PaginationContainer equal check
-
-
+        var nextData = _this3._resolver.resolve();
         if (!areEqual(prevData, nextData)) {
           _this3.setState({
             data: nextData,
@@ -656,14 +382,12 @@ function createContainerWithFragments(Component, fragments, connectionConfig) {
           complete();
         }
       };
-
       var cleanup = function cleanup() {
         if (_this3._refetchSubscription === refetchSubscription) {
           _this3._refetchSubscription = null;
           _this3._isARequestInFlight = false;
         }
       };
-
       this._isARequestInFlight = true;
       refetchSubscription = this._getQueryFetcher().execute({
         environment: environment,
@@ -672,13 +396,11 @@ function createContainerWithFragments(Component, fragments, connectionConfig) {
       }).mergeMap(function (payload) {
         return Observable.create(function (sink) {
           onNext(payload, function () {
-            sink.next(); // pass void to public observer's `next`
-
+            sink.next();
             sink.complete();
           });
         });
-      }) // use do instead of finally so that observer's `complete` fires after cleanup
-      ["do"]({
+      })["do"]({
         error: cleanup,
         complete: cleanup,
         unsubscribe: cleanup
@@ -686,31 +408,25 @@ function createContainerWithFragments(Component, fragments, connectionConfig) {
       this._refetchSubscription = this._isARequestInFlight ? refetchSubscription : null;
       return refetchSubscription;
     };
-
     _proto._cleanup = function _cleanup() {
       this._resolver.dispose();
-
       this._refetchVariables = null;
       this._hasFetched = false;
-
       if (this._refetchSubscription) {
         this._refetchSubscription.unsubscribe();
-
         this._refetchSubscription = null;
         this._isARequestInFlight = false;
       }
-
       if (this._queryFetcher) {
         this._queryFetcher.dispose();
       }
     };
-
     _proto.render = function render() {
       var _this$props3 = this.props,
-          componentRef = _this$props3.componentRef,
-          __relayContext = _this$props3.__relayContext,
-          __rootIsQueryRenderer = _this$props3.__rootIsQueryRenderer,
-          props = (0, _objectWithoutPropertiesLoose2["default"])(_this$props3, _excluded3);
+        componentRef = _this$props3.componentRef,
+        __relayContext = _this$props3.__relayContext,
+        __rootIsQueryRenderer = _this$props3.__rootIsQueryRenderer,
+        props = (0, _objectWithoutPropertiesLoose2["default"])(_this$props3, _excluded3);
       return /*#__PURE__*/React.createElement(ReactRelayContext.Provider, {
         value: this.state.contextForChildren
       }, /*#__PURE__*/React.createElement(Component, (0, _extends2["default"])({}, props, this.state.data, {
@@ -718,26 +434,14 @@ function createContainerWithFragments(Component, fragments, connectionConfig) {
         relay: this.state.relayProp
       })));
     };
-
     return _class;
   }(React.Component), (0, _defineProperty2["default"])(_class, "displayName", containerName), _class;
 }
-/**
- * Wrap the basic `createContainer()` function with logic to adapt to the
- * `context.relay.environment` in which it is rendered. Specifically, the
- * extraction of the environment-specific version of fragments in the
- * `fragmentSpec` is memoized once per environment, rather than once per
- * instance of the container constructed/rendered.
- */
-
-
 function createContainer(Component, fragmentSpec, connectionConfig) {
-  // $FlowFixMe[incompatible-return]
   return buildReactRelayContainer(Component, fragmentSpec, function (ComponentClass, fragments) {
     return createContainerWithFragments(ComponentClass, fragments, connectionConfig);
   });
 }
-
 module.exports = {
   createContainer: createContainer
 };